:root{color-scheme:light;--bg:#f3efe8;--bg-deep:#ebe4d8;--surface:#faf7f2;--surface-2:#fffdf9;--ink:#161412;--ink-soft:#3c3833;--muted:#6f6860;--line:#16141217;--line-strong:#16141229;--shadow:0 30px 80px #16141214;--nav:#f3efe8c7;--focus:#2b6d93;--accent:#2b6d93;--max:1160px;--wide:1380px;--pad:clamp(1.15rem, 3vw, 2.25rem);--nav-h:4.25rem;--radius:1.35rem;--ease:cubic-bezier(.22, 1, .36, 1);--serif:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}[data-theme=dark]{color-scheme:dark;--bg:#131210;--bg-deep:#0e0d0b;--surface:#1c1a17;--surface-2:#23211d;--ink:#f4f0ea;--ink-soft:#d5cfc6;--muted:#a39a90;--line:#f4f0ea14;--line-strong:#f4f0ea24;--shadow:0 30px 80px #00000061;--nav:#131210b8;--focus:#8ec4df;--accent:#8ec4df}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}html,body{min-height:100%;margin:0;overflow-x:clip}body{font-family:var(--sans);color:var(--ink);background:var(--bg);letter-spacing:-.011em;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;line-height:1.55}img,video{max-width:100%;height:auto;display:block}a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:1px}a:hover{text-decoration:none}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.skip-link{z-index:80;background:var(--ink);color:var(--bg);border-radius:999px;padding:.7rem 1rem;position:absolute;top:-4rem;left:1rem}.skip-link:focus{top:1rem}.wrap{width:min(var(--max), calc(100% - var(--pad) * 2));margin-inline:auto}.wrap-wide{width:min(var(--wide), calc(100% - var(--pad) * 2));margin-inline:auto}.site-header{z-index:40;height:var(--nav-h);-webkit-backdrop-filter:saturate(160%)blur(18px);background:var(--nav);border-bottom:1px solid var(--line);align-items:center;display:flex;position:sticky;top:0}.nav-inner{width:min(var(--wide), calc(100% - var(--pad) * 2));justify-content:space-between;align-items:center;gap:1rem;margin-inline:auto;display:flex}.brand{letter-spacing:-.035em;align-items:center;min-height:44px;font-weight:620;text-decoration:none;display:inline-flex}.brand-word{font-size:1.02rem}.theme-btn .theme-moon,[data-theme=dark] .theme-btn .theme-sun{display:none}[data-theme=dark] .theme-btn .theme-moon{display:block}.nav-links{align-items:center;gap:.15rem;display:flex}.nav-links a,.icon-btn{min-width:44px;min-height:44px;color:var(--ink-soft);border-radius:999px;justify-content:center;align-items:center;padding:0 .7rem;font-size:.95rem;text-decoration:none;display:inline-flex}.nav-links a[aria-current=page],.nav-links a:hover{color:var(--ink);background:color-mix(in srgb, var(--ink) 6%, transparent)}.icon-btn{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:0 0}.menu-toggle,.mobile-panel{display:none}.hero{padding:clamp(3.5rem,10vw,8rem) 0 clamp(3rem,8vw,6.5rem)}.kicker{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin:0 0 1rem;font-size:.82rem}.hero h1,.page-hero h1,.case-hero h1{letter-spacing:-.055em;max-width:16ch;margin:0;font-size:clamp(2.5rem,7vw,5.6rem);font-weight:560;line-height:.96}.lede{max-width:42rem;color:var(--ink-soft);margin:1.4rem 0 0;font-size:clamp(1.05rem,1.6vw,1.25rem)}.actions{flex-wrap:wrap;gap:.7rem;margin-top:1.8rem;display:flex}.btn{border:1px solid var(--ink);background:var(--ink);min-height:48px;color:var(--bg);border-radius:999px;justify-content:center;align-items:center;padding:.8rem 1.15rem;font-weight:560;text-decoration:none;display:inline-flex}.btn-ghost{color:var(--ink);background:0 0}.btn:hover{transform:translateY(-1px)}.currently{color:var(--muted);margin:1.15rem 0 0;font-size:.95rem}.currently strong{letter-spacing:.08em;text-transform:uppercase;margin-right:.45rem;font-size:.72rem;font-weight:620;display:inline-block}.hero-stage{isolation:isolate;height:min(72vw,620px);margin-top:clamp(2.4rem,6vw,4.2rem);position:relative}.hero-layer{border:1px solid var(--line-strong);background:var(--surface);border-radius:1.35rem;position:absolute;overflow:hidden;box-shadow:0 24px 60px #16141229}.hero-layer img{object-fit:cover;width:100%;height:100%}.hero-trinity{z-index:1;width:34%;height:34%;top:0;right:6%;transform:rotate(2deg)}.hero-modeboard{z-index:2;width:44%;height:46%;bottom:6%;right:2%;transform:rotate(-2.4deg)}.hero-rental{z-index:3;border-radius:1.6rem;width:16%;height:56%;bottom:6%;left:30%}.hero-lineup{z-index:4;background:#0d1114;border-radius:1.85rem;width:26%;height:94%;bottom:0;left:6%}.composition{grid-template-columns:1.15fr .85fr;align-items:end;gap:1rem;margin-top:clamp(2.5rem,6vw,4.5rem);display:grid}.shot,.phone,.paper{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden}.shot img,.phone img,.paper img,.editorial img,.device-phone img{object-fit:cover;width:100%;height:auto}.shot-stack{gap:1rem;display:grid}.phone{aspect-ratio:9/18.5;max-width:280px}.section{padding:clamp(3.5rem,8vw,7rem) 0}.section-head{justify-content:space-between;align-items:end;gap:1.5rem;margin-bottom:clamp(1.8rem,4vw,3rem);display:flex}.section-head h2{letter-spacing:-.045em;margin:0;font-size:clamp(1.8rem,4vw,3rem)}.project-block{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);min-width:0;display:grid}.project-block.reverse{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.project-block.reverse .project-copy{order:2}.project-block.full{grid-template-columns:1fr}.meta-row{color:var(--muted);flex-wrap:wrap;gap:.45rem .8rem;margin-bottom:.8rem;font-size:.92rem;display:flex}.badge{border:1px solid var(--line-strong);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;min-height:1.7rem;padding:0 .55rem;font-size:.78rem;display:inline-flex}.project-copy h3,.case-hero h1{letter-spacing:-.045em}.project-copy h3{margin:0;font-size:clamp(1.8rem,4vw,3.1rem)}.project-copy p,.prose p{color:var(--ink-soft)}.platforms{flex-wrap:wrap;gap:.4rem;margin:1rem 0 1.4rem;display:flex}.platforms span{color:var(--muted);font-size:.85rem}.platforms .planned{color:var(--ink-soft)}.media-stage{position:relative}.media-stage.sticky{top:calc(var(--nav-h) + 1rem);position:sticky}.cinematic{color:#f3f6f4;background:#0d1114;border-radius:2rem;padding:clamp(1.2rem,3vw,2rem)}.cinematic .meta-row,.cinematic p,.cinematic .platforms span{color:#c4cdc8}.editorial{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 8%, var(--surface)), var(--surface));border:1px solid var(--line);border-radius:2rem;overflow:hidden}.thread{grid-template-columns:repeat(4,1fr);gap:.8rem;display:grid}.thread article{border-top:1px solid var(--line-strong);padding:1.1rem 1rem}.thread strong{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:.4rem;font-size:.82rem;display:block}.studio{background:var(--surface);border:1px solid var(--line);border-radius:2rem;grid-template-columns:1.1fr .9fr;align-items:center;gap:2rem;padding:clamp(1.8rem,4vw,3rem);display:grid}.studio-products{gap:.75rem;display:grid}.studio-products a{border:1px solid var(--line);background:var(--surface-2);border-radius:1rem;justify-content:space-between;gap:1rem;padding:.95rem 1rem;text-decoration:none;display:flex}.footer{border-top:1px solid var(--line);color:var(--muted);padding:3rem 0 2.4rem}.footer-grid{grid-template-columns:1.4fr 1fr 1fr;gap:2rem;display:grid}.footer a{color:var(--ink-soft);text-decoration:none}.footer ul{margin:.7rem 0 0;padding:0;list-style:none}.footer li+li{margin-top:.45rem}.page-hero,.case-hero{padding:clamp(3rem,8vw,6.5rem) 0 2rem}.prose{max-width:42rem}.prose h2{letter-spacing:-.035em;margin:2.4rem 0 .8rem;font-size:1.55rem}.grid-2,.grid-3{gap:1rem;display:grid}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}.card{background:var(--surface);border:1px solid var(--line);border-radius:1.25rem;padding:1.2rem 1.2rem 1.3rem}.gallery{grid-template-columns:repeat(12,1fr);gap:1rem;display:grid}.gallery figure{grid-column:span 6;margin:0}.gallery figure.wide{grid-column:span 12}.gallery figcaption,.caption{color:var(--muted);margin-top:.55rem;font-size:.88rem}.device-phone{border:1px solid var(--line-strong);width:min(360px,100%);box-shadow:var(--shadow);background:#0b0d10;border-radius:2rem;margin:0 auto;overflow:hidden}.hero-phone{width:min(320px,100%);margin:0 auto}.transform{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:1rem;display:grid}.transform-col{background:var(--surface);border:1px solid var(--line);border-radius:1.25rem;padding:1rem}.transform-col ul{margin:.8rem 0 0;padding:0;list-style:none}.transform-col li{border-top:1px solid var(--line);justify-content:space-between;gap:.7rem;padding:.7rem 0;font-size:.95rem;display:flex}.before li{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem}.after li strong{color:var(--ink)}.arrow{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;align-self:center;font-size:.78rem}.timeline{gap:1rem;display:grid}.timeline article{border-top:1px solid var(--line);grid-template-columns:6.5rem 1fr;gap:1rem;padding-top:1rem;display:grid}.emails{gap:.8rem;display:grid}.email-primary{background:var(--ink);color:var(--bg);border-radius:1.2rem;justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem 1.2rem;display:flex}.email-primary a{color:inherit;letter-spacing:-.03em;font-size:1.2rem;text-decoration:none}.copy-btn{background:color-mix(in srgb, var(--bg) 14%, transparent);min-height:44px;color:inherit;cursor:pointer;border:0;border-radius:999px;padding:0 .9rem}.next-project{border-top:1px solid var(--line);justify-content:space-between;align-items:end;gap:1rem;padding-top:2rem;text-decoration:none;display:flex}.ideas-list{gap:0;display:grid}.ideas-list a{border-top:1px solid var(--line);grid-template-columns:7rem 1fr;gap:1rem;padding:1.3rem 0;text-decoration:none;display:grid}.notice{border-left:3px solid var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--surface));border-radius:0 1rem 1rem 0;padding:1rem 1.1rem}.devices-row{grid-template-columns:minmax(0,.7fr) minmax(0,1fr) minmax(0,1.2fr);align-items:end;gap:1rem;display:grid}.icon-lede{grid-template-columns:160px 1fr;align-items:center;gap:2rem;display:grid}.facts{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.5rem;margin:2rem 0 0;padding:1.2rem 0 0;display:grid}.facts dt{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}.facts dd{margin:.2rem 0 0}.facts-planned{color:var(--ink-soft);margin-top:.25rem;display:block}.facts-note{color:var(--muted);margin-top:.35rem;font-size:.88rem;display:block}.work-index{gap:clamp(2.5rem,6vw,5rem);display:grid}.work-feature{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(1.2rem,3vw,3rem);text-decoration:none;display:grid}.work-feature.reverse{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.work-feature.reverse .work-copy{order:2}.work-feature h2{letter-spacing:-.045em;margin:.2rem 0 .5rem;font-size:clamp(1.8rem,4vw,3rem)}.work-feature:hover .shot,.work-feature:hover .device-phone,.work-feature:hover .editorial,.work-feature:hover .cinematic{transform:translateY(-3px)}.work-feature .shot,.work-feature .device-phone,.work-feature .editorial,.work-feature .cinematic{transition:transform .22s var(--ease)}.reveal{opacity:0;animation:rise .7s var(--ease) forwards;transform:translateY(14px)}@keyframes rise{to{opacity:1;transform:none}}.lineup-stage{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);align-items:end;gap:1rem;display:grid}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.metric{border:1px solid var(--line);background:var(--surface);border-radius:1.1rem;padding:1rem 1.05rem}.metric strong{letter-spacing:-.03em;font-size:1.35rem;display:block}.metric span{color:var(--muted);font-size:.88rem}.idea-title{font-family:var(--serif)}@media (width<=900px){.nav-links{display:none}.menu-toggle{display:inline-flex}.mobile-panel[data-open=true]{inset:var(--nav-h) 0 0;background:var(--bg);padding:1rem var(--pad) 2rem;z-index:30;gap:.35rem;display:grid;position:fixed}.mobile-panel a{letter-spacing:-.03em;align-items:center;min-height:48px;font-size:1.35rem;text-decoration:none;display:flex}.composition,.project-block,.project-block.reverse,.studio,.grid-2,.grid-3,.thread,.footer-grid,.transform,.timeline article,.ideas-list a,.gallery figure,.gallery figure.wide{grid-column:span 1;grid-template-columns:1fr}.project-block.reverse .project-copy{order:0}.phone{max-width:220px}.devices-row,.icon-lede,.facts,.work-feature,.work-feature.reverse,.lineup-stage,.metrics{grid-template-columns:1fr}.work-feature.reverse .work-copy{order:0}.hero-stage{gap:.7rem;height:auto;display:grid}.hero-layer{width:100%;max-width:none;height:auto;position:relative;inset:auto;transform:none}.hero-lineup{max-width:240px;margin-inline:auto}.hero-trinity,.hero-modeboard,.hero-rental{display:none}.hero h1{max-width:12ch}}@media (width<=430px){.email-primary{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}@media (width>=1440px){.hero h1{font-size:6rem}}