:root{--bg: #05070d;--bg-raise: rgba(13, 18, 30, .72);--bg-panel: rgba(10, 14, 24, .62);--stone: #151c26;--ink: #e9eef8;--ink-dim: #97a1b8;--ink-faint: #55607a;--line: rgba(233, 238, 248, .08);--line-strong: rgba(233, 238, 248, .16);--blue: #2a5cff;--violet: #9b3cff;--teal: #1fb8a6;--cyan: #6fd8ff;--warm: #ffb36b;--font-display: "Archivo Black", "Archivo", system-ui, sans-serif;--font-body: "Archivo", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--text-hero: clamp(3rem, 9vw, 7.5rem);--text-h2: clamp(2rem, 4.5vw, 3.75rem);--text-h3: clamp(1.35rem, 2.2vw, 1.9rem);--text-metric: clamp(2.2rem, 4vw, 3.4rem);--text-body: clamp(1rem, 1.15vw, 1.125rem);--text-small: .875rem;--text-micro: .75rem;--gutter: clamp(1.5rem, 6vw, 6rem);--content-max: 1440px;--z-canvas: 0;--z-vignette: 1;--z-content: 2;--z-nav: 10}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{color-scheme:dark}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:var(--text-body);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip}img,svg{display:block;max-width:100%}a{color:inherit}::selection{background:var(--violet);color:#fff}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}h1,h2,h3{font-family:var(--font-display);font-weight:400;line-height:1.04;letter-spacing:-.015em;text-wrap:balance}.scene-canvas{position:fixed;inset:0;z-index:var(--z-canvas)}.vignette{position:fixed;inset:0;z-index:var(--z-vignette);pointer-events:none;background:radial-gradient(ellipse at center,transparent 52%,rgba(3,4,9,.62) 100%)}.content{position:relative;z-index:var(--z-content);pointer-events:none}.content a,.content button,.content [data-interactive]{pointer-events:auto}.site-nav{position:fixed;top:0;left:0;right:0;z-index:var(--z-nav);display:flex;align-items:center;justify-content:space-between;padding:1.4rem var(--gutter);pointer-events:none}.site-nav a,.site-nav button,.site-nav__menu{pointer-events:auto}.site-nav__brand{display:flex;align-items:center;gap:.8rem;text-decoration:none;font-family:var(--font-display);font-size:1rem;letter-spacing:.02em}.site-nav__brand svg{width:1.7rem;height:auto}.site-nav__brand svg path{fill:var(--ink)}.site-nav__links{display:flex;gap:2.2rem;font-family:var(--font-mono);font-size:var(--text-micro);text-transform:uppercase;letter-spacing:.14em}.site-nav__links a{text-decoration:none;color:var(--ink-dim);transition:color .16s ease}.site-nav__links a:hover{color:var(--ink)}.site-nav__toggle{display:none;position:relative;z-index:1;width:2.4rem;height:2.4rem;padding:0;border:0;background:none;cursor:pointer}.site-nav__toggle span{position:absolute;left:.3rem;right:.3rem;height:1px;background:var(--ink);transition:transform .22s ease}.site-nav__toggle span:first-child{top:calc(50% - 4px)}.site-nav__toggle span:last-child{top:calc(50% + 4px)}.site-nav[data-open] .site-nav__toggle span:first-child{transform:translateY(4px) rotate(45deg)}.site-nav[data-open] .site-nav__toggle span:last-child{transform:translateY(-4px) rotate(-45deg)}.site-nav__menu{position:fixed;inset:0;z-index:-1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.2rem;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.site-nav__menu a{font-family:var(--font-display);font-size:var(--text-h3);text-decoration:none;color:var(--ink-dim);transition:color .16s ease}.site-nav__menu a:hover{color:var(--ink)}.section{position:relative;padding:16vh var(--gutter);max-width:var(--content-max);margin-inline:auto}.eyebrow{font-family:var(--font-mono);font-size:var(--text-micro);text-transform:uppercase;letter-spacing:.22em;color:var(--ink-faint);display:flex;align-items:center;gap:.9rem}.eyebrow:after{content:"";height:1px;width:3.2rem;background:var(--line-strong)}.section h2{font-size:var(--text-h2);margin:1.2rem 0 0;max-width:18ch}.hero{height:250vh}.hero__sticky{position:sticky;top:0;height:100vh;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 var(--gutter) 9vh;text-align:center}.hero__copy .eyebrow{justify-content:center}.hero__copy .eyebrow:after,.hero__copy .eyebrow:before{content:"";height:1px;width:3.2rem;background:var(--line-strong)}.hero__copy h1{font-size:var(--text-hero);margin:1.1rem 0 1.2rem;text-transform:uppercase}.hero__copy p{color:var(--ink-dim);max-width:44ch;margin-inline:auto}.hero__cue{margin-top:4.5vh;display:flex;flex-direction:column;align-items:center;gap:.7rem;font-family:var(--font-mono);font-size:var(--text-micro);letter-spacing:.3em;text-transform:uppercase;color:var(--ink-faint)}.hero__cue:after{content:"";width:1px;height:3.4rem;background:linear-gradient(to bottom,var(--ink-faint),transparent);animation:cue-drop 2.4s ease-in-out infinite;transform-origin:top}@keyframes cue-drop{0%,to{transform:scaleY(.35);opacity:.4}50%{transform:scaleY(1);opacity:1}}.personas{min-height:140vh;display:flex;flex-direction:column;justify-content:flex-end}.personas__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,4vw,4rem);margin-top:46vh}.persona h3{font-size:var(--text-h3);margin:.9rem 0 .8rem}.persona p{color:var(--ink-dim);font-size:var(--text-small);max-width:34ch}.persona__index{font-family:var(--font-mono);font-size:var(--text-micro);letter-spacing:.2em;color:var(--ink-faint)}.persona__portrait{display:block;width:min(240px,60%);height:auto;aspect-ratio:614 / 750;object-fit:cover;margin-bottom:1.4rem;border:1px solid var(--line);border-radius:10px}.work{min-height:170vh}.work__layout{display:grid;grid-template-columns:minmax(0,34%) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);margin-top:8vh}.work__cards{display:flex;flex-direction:column;gap:9vh}.case-card{display:block;text-decoration:none;background:var(--bg-panel);border:1px solid var(--line);border-radius:14px;padding:clamp(1.6rem,3vw,2.8rem);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color .22s ease,transform .22s ease}.case-card:hover{border-color:var(--line-strong);transform:translateY(-4px)}.case-card__media{position:relative;aspect-ratio:16 / 10;margin-bottom:1.6rem;border-radius:10px;overflow:hidden;background:radial-gradient(120% 100% at 50% 0%,rgba(111,216,255,.1),transparent 60%),linear-gradient(160deg,#10151f,#070a11);border:1px solid var(--line)}.case-card__media img{position:absolute;inset:0;width:100%;height:100%}.case-card__media[data-fit=contain] img{object-fit:contain;padding:1.4rem 1.4rem 0}.case-card__media[data-fit=cover] img{object-fit:cover;object-position:top center}.case-card__meta{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--font-mono);font-size:var(--text-micro);text-transform:uppercase;letter-spacing:.16em;color:var(--ink-faint)}.case-card h3{font-size:var(--text-h3);margin:1rem 0 1.4rem}.case-card__metrics{display:flex;gap:clamp(1.5rem,3vw,3rem);margin-bottom:1.4rem}.metric__value{font-family:var(--font-display);font-size:var(--text-metric);line-height:1}.metric__label{font-family:var(--font-mono);font-size:var(--text-micro);text-transform:uppercase;letter-spacing:.14em;color:var(--ink-dim);margin-top:.45rem}.case-card__link{display:block;text-decoration:none;color:inherit}.store-links{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.4rem}.store-links__item{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .9rem;border:1px solid var(--line);border-radius:999px;font-family:var(--font-mono);font-size:var(--text-micro);text-transform:uppercase;letter-spacing:.14em;color:var(--ink-dim);text-decoration:none;transition:border-color .2s ease,color .2s ease}.store-links__item:hover{border-color:var(--line-strong);color:var(--ink)}.store-links__item svg{width:1em;height:1em;flex:none}.case-card__summary{color:var(--ink-dim);font-size:var(--text-small);max-width:52ch}.case-card__cta{margin-top:1.6rem;font-family:var(--font-mono);font-size:var(--text-micro);text-transform:uppercase;letter-spacing:.18em;color:var(--cyan)}.reviews{min-height:130vh}.reviews__list{display:flex;flex-direction:column;gap:7vh;margin-top:10vh;max-width:760px}.review{background:var(--bg-panel);border:1px solid var(--line);border-radius:14px;padding:clamp(1.6rem,3vw,2.6rem);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.review:nth-child(2){align-self:flex-end;transform:translate(clamp(0px,6vw,7rem))}.review blockquote{font-size:clamp(1.1rem,1.6vw,1.4rem);line-height:1.5}.review figcaption{margin-top:1.3rem;font-family:var(--font-mono);font-size:var(--text-micro);text-transform:uppercase;letter-spacing:.16em;color:var(--ink-faint)}.site-footer{position:relative;z-index:var(--z-content);min-height:92vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.4rem;padding:14vh var(--gutter) 6vh;text-align:center;pointer-events:none}.site-footer a{pointer-events:auto}.site-footer h2{font-size:var(--text-h2);max-width:16ch}.site-footer__mail{font-family:var(--font-mono);font-size:1rem;letter-spacing:.08em;color:var(--cyan);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .16s ease}.site-footer__mail:hover{border-color:var(--cyan)}.site-footer__fine{margin-top:auto;display:flex;gap:2rem;font-family:var(--font-mono);font-size:var(--text-micro);letter-spacing:.12em;color:var(--ink-faint);text-transform:uppercase}.cosmos-base{position:fixed;inset:0;z-index:var(--z-canvas);background:radial-gradient(55% 40% at 24% 28%,rgba(42,92,255,.07),transparent 70%),radial-gradient(45% 38% at 76% 64%,rgba(155,60,255,.06),transparent 70%),var(--bg)}.static-cosmos{position:fixed;inset:0;z-index:var(--z-canvas);overflow:hidden;background:radial-gradient(60% 45% at 22% 30%,rgba(42,92,255,.16),transparent 70%),radial-gradient(50% 40% at 78% 62%,rgba(155,60,255,.13),transparent 70%),radial-gradient(30% 25% at 55% 20%,rgba(31,184,166,.05),transparent 70%),var(--bg)}.static-cosmos svg{position:absolute;left:50%;top:44%;width:min(38vw,24rem);transform:translate(-50%,-50%);animation:static-bob 7s ease-in-out infinite}.static-cosmos svg path{fill:var(--stone)}@keyframes static-bob{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - .7rem))}}.case-page{position:relative;z-index:var(--z-content);min-height:100vh}.case-page__inner{max-width:860px;margin-inline:auto;padding:22vh var(--gutter) 12vh}.case-page h1{font-size:clamp(2.4rem,6vw,4.6rem);margin:1.2rem 0 2rem}.case-page__metrics{display:flex;flex-wrap:wrap;gap:clamp(2rem,5vw,4rem);padding:2rem 0;border-block:1px solid var(--line);margin-bottom:3rem}.case-page__hero{position:relative;aspect-ratio:16 / 9;margin-bottom:3rem;border-radius:14px;overflow:hidden;background:radial-gradient(120% 100% at 50% 0%,rgba(111,216,255,.12),transparent 60%),linear-gradient(160deg,#10151f,#070a11);border:1px solid var(--line)}.case-page__hero img{position:absolute;inset:0;width:100%;height:100%}.case-page__hero[data-fit=contain] img{object-fit:contain;padding:2rem 2rem 0}.case-page__hero[data-fit=cover] img{object-fit:cover;object-position:top center}.case-page__body h2{font-size:var(--text-h3);margin:3rem 0 1rem}.case-page__body p{color:var(--ink-dim);max-width:62ch}.case-page__details{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem 2rem;padding:1.8rem 0;border-block:1px solid var(--line);margin-bottom:3rem}.case-page__details dt{font-family:var(--font-mono);font-size:var(--text-micro);text-transform:uppercase;letter-spacing:.14em;color:var(--ink-faint);margin-bottom:.5rem}.case-page__details dd{margin:0;color:var(--ink);font-size:var(--text-small)}.case-page__body .case-page__lede{color:var(--ink);font-size:clamp(1.15rem,1.7vw,1.45rem);line-height:1.5;max-width:54ch;margin-bottom:1rem}.case-page__body h3{font-family:var(--font-display);font-size:1.2rem;margin:2.4rem 0 .8rem}.case-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:1rem;margin:1.8rem 0 .5rem}.case-gallery__item{position:relative;margin:0;aspect-ratio:4 / 3;border-radius:12px;overflow:hidden;background:radial-gradient(120% 100% at 50% 0%,rgba(111,216,255,.1),transparent 60%),linear-gradient(160deg,#10151f,#070a11);border:1px solid var(--line)}.case-gallery__item img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:.9rem}.case-gallery[data-count="1"]{grid-template-columns:1fr}.case-gallery[data-count="1"] .case-gallery__item{aspect-ratio:16 / 10}.case-gallery[data-count="1"] .case-gallery__item img{padding:1.4rem}.case-page__nav{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-top:7rem;padding-top:2rem;border-top:1px solid var(--line);font-family:var(--font-mono);font-size:var(--text-micro);text-transform:uppercase;letter-spacing:.16em}.case-page__nav a{color:var(--ink-dim);text-decoration:none}.case-page__nav a:hover{color:var(--ink)}@media(max-width:900px){.personas__grid,.work__layout{grid-template-columns:1fr}.personas__grid{margin-top:30vh;gap:3rem}.review:nth-child(2){align-self:stretch;transform:none}.site-nav__links{gap:1.2rem}}@media(max-width:700px){.site-nav{padding:1.1rem var(--gutter)}.site-nav__links{display:none}.site-nav__toggle{display:block}.hero{height:160vh}.section{padding:11vh var(--gutter)}}@media(prefers-reduced-motion:reduce){.hero__cue:after,.static-cosmos svg{animation:none}.case-card,.case-card:hover{transform:none}}