:root{--bg: #08090c;--bg-2: #0b0d11;--bg-elev: #11141a;--line: #1b2029;--line-2: #262d39;--text: #eef0f3;--muted: #8d949e;--muted-2: #5d646f;--accent: #4f7cff;--accent-2: #88a8ff;--accent-soft: rgba(79, 124, 255, .13);--glow: rgba(79, 124, 255, .4);--font-sans: "Hanken Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display: "Sora", "Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;--step--1: clamp(.83rem, .78rem + .2vw, .95rem);--step-0: clamp(1rem, .95rem + .25vw, 1.15rem);--step-1: clamp(1.25rem, 1.1rem + .7vw, 1.6rem);--step-2: clamp(1.7rem, 1.4rem + 1.4vw, 2.6rem);--step-3: clamp(2.4rem, 1.8rem + 2.8vw, 4rem);--display: clamp(3.4rem, 1.5rem + 9vw, 11rem);--maxw: 1180px;--gutter: clamp(1.25rem, 4vw, 3.5rem);--radius: 16px;--ease: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--step-0);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;text-wrap:pretty;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;background:radial-gradient(120% 80% at 50% 0%,transparent 40%,rgba(0,0,0,.55) 100%);mix-blend-mode:multiply}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.045;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}main{position:relative;z-index:2}.wordmark{font-weight:700;letter-spacing:-.03em}.wordmark .dot{color:var(--accent)}.brand-dot{display:inline-block;width:.2em;height:.2em;border-radius:50%;background:var(--accent);vertical-align:.16em;margin:0 .12em}.eyebrow{display:inline-flex;align-items:center;gap:.6rem;text-transform:uppercase;letter-spacing:.22em;font-size:.7rem;color:var(--muted);font-weight:600}.eyebrow:before{content:"";width:22px;height:1px;background:var(--accent)}.muted{color:var(--muted)}.btn{position:relative;display:inline-flex;align-items:center;gap:.6rem;padding:.85rem 1.4rem;border-radius:999px;font-weight:600;font-size:.95rem;border:1px solid var(--line-2);color:var(--text);overflow:hidden;transition:border-color .4s var(--ease),color .4s var(--ease);will-change:transform}.btn span{position:relative;z-index:1}.btn:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,var(--accent),var(--accent-2));transform:translateY(101%);transition:transform .5s var(--ease)}.btn:hover{border-color:transparent;color:#fff}.btn:hover:after{transform:translateY(0)}.btn--primary{border-color:transparent;color:#fff}.btn--primary:after{transform:translateY(0)}.btn--primary:hover:after{filter:brightness(1.12)}.arrow{transition:transform .4s var(--ease)}.btn:hover .arrow{transform:translate(3px,-3px)}.btn:active{transform:scale(.97)}section{position:relative;padding-block:clamp(5rem,12vw,11rem)}.section-head{display:flex;flex-direction:column;gap:1.1rem;margin-bottom:clamp(2.5rem,6vw,5rem)}.section-title{font-size:var(--step-2);font-weight:600;letter-spacing:-.02em;line-height:1.05;max-width:18ch;text-wrap:balance}.divider{border:0;border-top:1px solid var(--line)}.cursor{position:fixed;top:0;left:0;width:34px;height:34px;border:1px solid var(--accent);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .3s var(--ease),height .3s var(--ease),background .3s var(--ease),border-color .3s var(--ease),opacity .3s;mix-blend-mode:difference;opacity:0}.cursor.is-active{opacity:1}.cursor.is-hover{width:64px;height:64px;background:var(--accent);border-color:var(--accent)}.cursor-dot{position:fixed;top:0;left:0;width:5px;height:5px;background:var(--text);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);opacity:0}.cursor-dot.is-active{opacity:1}@media(hover:none),(pointer:coarse){.cursor,.cursor-dot{display:none}}.nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:1.4rem var(--gutter);transition:background .4s var(--ease),backdrop-filter .4s var(--ease),border-color .4s var(--ease);border-bottom:1px solid transparent}.nav.is-scrolled{background:#08090c99;backdrop-filter:blur(14px);border-bottom-color:var(--line)}.nav__brand{font-size:1.15rem;font-weight:700;letter-spacing:-.03em}.nav__right{display:flex;align-items:center;gap:clamp(1rem,2.5vw,2rem)}.nav__links{display:flex;gap:clamp(1rem,2.5vw,2rem);font-size:.9rem;color:var(--muted)}.nav__links a{position:relative;transition:color .3s var(--ease)}.nav__links a:after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:1px;background:var(--accent);transition:width .35s var(--ease)}.nav__links a:hover{color:var(--text)}.nav__links a:hover:after{width:100%}.lang{display:inline-flex;gap:.35rem;font-size:.82rem;color:var(--muted-2);font-weight:600}.lang a.is-on{color:var(--text)}.lang span{opacity:.4}@media(max-width:640px){.nav__links,.nav .btn{display:none}.nav{padding:1.1rem var(--gutter)}}.bgfield{position:fixed;inset:0;z-index:0;display:block;pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding:7rem var(--gutter) clamp(1.5rem,4vw,3rem)}.hero__fallmark{position:absolute;inset:0;margin:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;letter-spacing:-.04em;font-size:var(--display);color:var(--text)}.hero__fallmark .dot{width:.16em;height:.16em;border-radius:50%;background:var(--accent);box-shadow:0 0 .5em var(--glow);margin-inline:.06em}html.field-on .hero__fallmark{display:none}.hero__eyebrow{position:absolute;top:clamp(6rem,16vh,9rem);left:var(--gutter)}.hero__foot{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:1.5rem 2rem}.hero__lead{max-width:40ch;color:var(--muted);font-size:var(--step-0);line-height:1.55}.hero__lead b{color:var(--text);font-weight:600}.hero__lead .amp{color:var(--accent)}.hero__actions{display:flex;flex-wrap:wrap;gap:1rem}.scroll-cue{position:absolute;left:50%;bottom:clamp(1.3rem,3.5vw,2.4rem);transform:translate(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:.6rem;color:var(--muted-2)}.scroll-cue__label{font-size:.58rem;letter-spacing:.3em;text-transform:uppercase}.scroll-cue__track{position:relative;width:1px;height:42px;background:#ffffff24;overflow:hidden}.scroll-cue__dot{position:absolute;left:-1.5px;top:0;width:4px;height:9px;border-radius:2px;background:var(--accent);box-shadow:0 0 7px var(--glow);animation:cuedrop 1.9s var(--ease) infinite}@keyframes cuedrop{0%{transform:translateY(-11px);opacity:0}35%{opacity:1}to{transform:translateY(42px);opacity:0}}@media(max-width:640px){.hero__foot{flex-direction:column;align-items:flex-start}.hero .scroll-cue{display:none}}.manifesto{position:relative}.manifesto .eyebrow{margin-bottom:clamp(1.5rem,4vw,2.5rem)}.manifesto__body{font-family:var(--font-display);font-weight:700;letter-spacing:-.025em;line-height:1.08;font-size:clamp(1.7rem,4.4vw,3.6rem);max-width:24ch;margin:0}.manifesto__body .w{display:inline-block;transition:opacity .6s var(--ease),color .35s var(--ease)}.manifesto__body .w.is-accent{color:var(--accent)}html.is-ready .manifesto__body[data-words] .w{opacity:.14}html.is-ready .manifesto__body[data-words] .w.on{opacity:1}.marquee{position:relative;overflow:hidden;border-block:1px solid var(--line);padding-block:clamp(1.1rem,2.5vw,1.8rem);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.marquee__track{display:inline-flex;align-items:center;white-space:nowrap;animation:marquee 38s linear infinite}.marquee__item{display:inline-flex;align-items:center;font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;font-size:clamp(1.3rem,3vw,2.2rem);color:var(--muted);padding-inline:clamp(1rem,2.5vw,2rem)}.marquee__dot{width:.34em;height:.34em;border-radius:50%;background:var(--accent);margin-left:clamp(1.25rem,3vw,2.4rem);box-shadow:0 0 .5em var(--glow)}@keyframes marquee{to{transform:translate(-50%)}}.principles__grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.principle{position:relative;padding:clamp(1.8rem,4vw,3rem);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.principle__n{font-size:.8rem;font-weight:600;color:var(--accent);font-variant-numeric:tabular-nums}.principle__k{margin:1rem 0 .7rem;font-size:var(--step-1);font-weight:600;letter-spacing:-.01em;transition:transform .5s var(--ease)}.principle:hover .principle__k{transform:translate(8px)}.principle__d{color:var(--muted);font-size:var(--step--1);max-width:42ch}@media(max-width:640px){.principles__grid{grid-template-columns:1fr}}.lit{color:var(--accent)!important}.services__grid{border-top:1px solid var(--line)}.svc{position:relative;display:grid;grid-template-columns:clamp(46px,8vw,110px) 1fr;gap:clamp(1.25rem,5vw,5rem);align-items:baseline;padding:clamp(1.6rem,3.5vw,2.9rem) 0;border-bottom:1px solid var(--line)}.svc__n{font-size:.95rem;color:var(--accent);font-weight:600;font-variant-numeric:tabular-nums}.svc__t{font-size:var(--step-1);font-weight:600;letter-spacing:-.01em;transition:transform .5s var(--ease)}.svc:hover .svc__t{transform:translate(10px)}.svc__d{margin-top:.75rem;color:var(--muted);font-size:var(--step--1);max-width:56ch}@media(max-width:600px){.svc{grid-template-columns:1fr;gap:.4rem}}.approach__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,6vw,6rem);align-items:start}.approach__title{margin-top:0;font-size:var(--step-2);font-weight:600;letter-spacing:-.02em;line-height:1.05;max-width:14ch;text-wrap:balance}.approach__lead{margin-top:1.5rem;color:var(--muted);max-width:42ch}.approach__intro{position:sticky;top:clamp(6rem,14vh,9rem)}.approach__steps{list-style:none;margin:0;padding:0}.step{position:relative;display:grid;grid-template-columns:auto 1fr;gap:clamp(1.25rem,3vw,2.5rem);padding:clamp(1.4rem,3vw,2.1rem) 0;border-top:1px solid var(--line)}.step:last-child{border-bottom:1px solid var(--line)}.step__i{font-size:.85rem;font-weight:600;color:var(--accent);font-variant-numeric:tabular-nums;padding-top:.35rem}.step__k{font-size:var(--step-1);font-weight:600;letter-spacing:-.01em;transition:transform .5s var(--ease)}.step:hover .step__k{transform:translate(8px)}.step__d{margin-top:.5rem;color:var(--muted);font-size:var(--step--1);max-width:48ch}@media(max-width:760px){.approach__grid{grid-template-columns:1fr}.approach__intro{position:static}}.work__card{position:relative;padding:clamp(1.75rem,4vw,3.5rem);border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,var(--bg-elev),var(--bg-2));overflow:hidden}.work__card-inner{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(1.5rem,4vw,4rem);align-items:center}.work__card--wip .work__card-inner{--hello-curious-one: "So you came to kill the blur. Respect, we read the source too. " "Nourria is honestly still in the workshop, so not much hides under here yet. " "But if you dug this deep, you have the taste this studio is made of. " "Build things with us -> hello@5513.studio  (psst: type hello() in the console).";filter:blur(9px);opacity:.5;pointer-events:none;user-select:none;transform:scale(1.02)}.work__wip{position:absolute;inset:0;z-index:2;display:grid;place-items:center;pointer-events:none}.work__wip>span{display:inline-flex;align-items:center;gap:.65rem;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.22em;color:var(--text);padding:.75rem 1.4rem;border:1px solid var(--line-2);border-radius:999px;background:#08090c80;backdrop-filter:blur(6px)}.work__wip>span:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 .7em var(--glow);animation:dotpulse-wip 2.4s var(--ease) infinite}@keyframes dotpulse-wip{50%{transform:scale(.7);opacity:.6}}.work__card:after{content:"";position:absolute;width:380px;height:380px;right:-120px;top:-120px;background:radial-gradient(circle,var(--accent-soft),transparent 70%);pointer-events:none}.work__name{font-size:var(--step-3);font-weight:700;letter-spacing:-.03em;line-height:1}.work__tag{margin-top:.8rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.16em;color:var(--accent)}.work__desc{margin-top:1.25rem;color:var(--muted);max-width:42ch}.work__cta{margin-top:1.75rem}.work__visual{position:relative;aspect-ratio:4 / 3;border-radius:14px;border:1px solid var(--line-2);background:radial-gradient(80% 70% at 20% 0%,rgba(79,124,255,.16),transparent 70%),var(--bg);display:grid;place-items:center;padding:clamp(.9rem,2.2vw,1.4rem);overflow:hidden}.preview{width:100%;border:1px solid var(--line-2);border-radius:12px;background:linear-gradient(180deg,#11141aeb,#0b0d11eb);box-shadow:0 24px 60px -28px #000c;overflow:hidden;backdrop-filter:blur(6px)}.preview__top{display:flex;align-items:center;gap:.6rem;padding:.7rem .8rem;border-bottom:1px solid var(--line)}.preview__dot{flex:none;width:.5rem;height:.5rem;border-radius:50%;background:var(--accent);box-shadow:0 0 .4em var(--glow)}.preview__field{flex:1;font-size:.72rem;color:var(--muted-2);padding:.38rem .6rem;border:1px solid var(--line);border-radius:7px;background:#00000040;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview__tab{flex:none;font-size:.62rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);padding:.34rem .55rem;border:1px solid var(--accent-soft);border-radius:7px;background:var(--accent-soft)}.preview__list{list-style:none;margin:0;padding:.5rem;display:flex;flex-direction:column;gap:.4rem}.prow{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;padding:.55rem .6rem;border:1px solid var(--line);border-radius:9px;background:#ffffff04}.prow__avatar{flex:none;width:1.9rem;height:1.9rem;border-radius:7px;display:grid;place-items:center;font-size:.78rem;font-weight:700;color:#fff;background:linear-gradient(140deg,var(--accent),#2c4fb0)}.prow__info{min-width:0;display:flex;flex-direction:column;gap:.1rem}.prow__name{font-size:.78rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prow__meta{font-size:.64rem;color:var(--muted-2)}.prow__stat{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:.22rem}.prow__rate{font-size:.7rem;font-weight:600;color:var(--accent-2);font-variant-numeric:tabular-nums}.prow__stock{font-size:.58rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:.16rem .42rem;border-radius:999px;color:var(--accent-2);border:1px solid var(--accent-soft);background:var(--accent-soft);white-space:nowrap}.prow__stock.is-low{color:var(--muted);border-color:var(--line-2);background:transparent}@media(max-width:420px){.prow__meta,.prow__stock{display:none}}.work__soon{margin-top:1.5rem;font-size:.8rem;color:var(--muted-2);letter-spacing:.1em;text-transform:uppercase}@media(max-width:820px){.work__card-inner{grid-template-columns:1fr}}.contact{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;text-align:center;padding:7rem var(--gutter) clamp(2.5rem,6vw,4rem)}.contact__mark{margin:0 auto;display:inline-flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:0 .22em;font-family:var(--font-display);font-weight:800;letter-spacing:-.03em;line-height:1;font-size:clamp(2.2rem,min(8.5vw,14vh),8.5rem);color:var(--text)}.contact__mark .dot{display:inline-block;width:.13em;height:.13em;border-radius:50%;background:var(--accent);box-shadow:0 0 .5em var(--glow);margin-left:.08em;vertical-align:.08em}@media(max-width:760px){.contact__mark{flex-direction:column;gap:0;font-size:min(18vw,12vh)}}html.field-on .contact__mark{opacity:0}.contact__foot{position:relative;z-index:2;margin-top:clamp(2.5rem,6vw,4.5rem)}.contact__lead{margin:0 auto;color:var(--muted);max-width:42ch}.contact__mail{display:inline-block;margin-top:clamp(2rem,5vw,3.5rem);font-size:var(--step-2);font-weight:600;letter-spacing:-.02em;background:linear-gradient(100deg,var(--text),var(--text));-webkit-background-clip:text;background-clip:text;position:relative}.contact__mail:after{content:"";position:absolute;left:0;bottom:.05em;width:100%;height:2px;background:linear-gradient(100deg,var(--accent),var(--accent-2));transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}.contact__mail:hover:after{transform:scaleX(1)}.contact__place{margin-top:2rem;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2)}.footer{border-top:1px solid var(--line);padding-block:clamp(1.6rem,3vw,2.2rem);position:relative;z-index:2}.footer__row{display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:space-between;align-items:center}.footer__brand{font-weight:700;letter-spacing:-.03em;font-size:1.05rem}.footer__meta{font-size:.82rem;color:var(--muted-2)}.footer__links{display:flex;gap:1.25rem;font-size:.85rem;color:var(--muted)}.footer__links a:hover{color:var(--text)}[data-reveal]{opacity:0;transform:translateY(42px);filter:blur(7px);will-change:transform,opacity,filter;transition:opacity 1s var(--ease),transform 1.1s var(--ease),filter 1s var(--ease)}[data-reveal].in{opacity:1;transform:none;filter:blur(0)}.section-title[data-reveal],.work__name[data-reveal]{transform:translateY(60px)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.no-anim [data-reveal],html:not(.is-ready) [data-reveal]{opacity:1!important;transform:none!important;filter:none!important}