:root{--ink:#0a0b0b;--paper-0:#0d0f0f;--paper-1:#111313;--paper-2:#171919;--paper-3:#202222;--paper-4:#292b2b;--text:#d8d9d7;--muted:#9b9e9c;--blue:#0096e4;--orange:#ff9b00;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{color:var(--text);background:radial-gradient(circle at 22% 8%,#ffffff09,#0000 28rem),radial-gradient(circle at 90% 28%,#0096e406,#0000 24rem),linear-gradient(150deg,#0d0f0f 0%,#090a0a 60%,#0c0d0d 100%);min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body:before{content:"";pointer-events:none;opacity:.15;mix-blend-mode:soft-light;z-index:30;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.shell{width:min(var(--max), calc(100% - 48px));margin:0 auto}header{z-index:20;backdrop-filter:blur(9px);background:linear-gradient(#0a0b0bf0,#0a0b0bbd,#0000);position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:32px;min-height:104px;display:flex}.brand{letter-spacing:.12em;align-items:center;gap:14px;font-weight:500;display:flex}.mark{object-fit:contain;filter:drop-shadow(0 2px #000);flex:none;width:46px;height:84px}.brand-word{color:#bdbfbd;text-shadow:0 2px #000;font-size:20px;line-height:.96}.brand-word b{font-weight:500;display:block}nav{color:#b8bab8;letter-spacing:.1em;align-items:center;gap:34px;font-size:14px;display:flex}nav a{padding:8px 0;position:relative}nav a:after{content:"";background:var(--blue);height:2px;transition:all .2s;position:absolute;bottom:0;left:0;right:100%}nav a:hover:after,nav a:focus-visible:after{right:0}.hero{align-items:center;min-height:690px;padding:70px 0 110px;display:grid;position:relative;overflow:hidden}.hero-copy{z-index:3;max-width:850px;position:relative}.kicker{color:var(--orange);letter-spacing:.22em;text-transform:uppercase;margin-bottom:22px;font-size:13px}h1{text-transform:uppercase;letter-spacing:.06em;color:#d6d7d5;text-shadow:0 3px #000;margin:0;font-size:clamp(56px,8vw,114px);font-weight:420;line-height:.94}.hero h1 .hot{color:var(--orange);display:block}.hero-sub{color:var(--blue);letter-spacing:.015em;text-shadow:0 2px #000;max-width:930px;margin:28px 0 0;font-size:clamp(24px,3vw,42px);font-weight:350}.hero-copy p{color:#a9aca9;max-width:710px;margin:28px 0 0;font-size:18px;line-height:1.75}.actions{flex-wrap:wrap;gap:16px;margin-top:36px;display:flex}.btn{min-height:58px;color:var(--text);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:linear-gradient(145deg,#252828,#191b1b);border:1px solid #303333;justify-content:center;align-items:center;padding:0 26px;font-size:13px;transition:transform .18s,border-color .18s;display:inline-flex;box-shadow:0 12px 30px #00000059,inset 0 1px #ffffff0a}.btn:hover,.btn:focus-visible{border-color:#414545;transform:translateY(-3px)}.btn:disabled{cursor:wait;opacity:.68;transform:none}.btn.primary:before{content:"";background:var(--orange);width:22px;height:3px;box-shadow:0 6px 0 var(--blue);margin-right:12px}.papers{z-index:1;opacity:.9;width:760px;height:410px;position:absolute;bottom:20px;right:-140px;transform:rotate(-3deg)}.sheet{clip-path:polygon(0 0,100% 0,88% 100%,7% 100%);background:linear-gradient(160deg,#1f2121,#121414);width:560px;height:245px;position:absolute;box-shadow:0 30px 50px #0000008c}.sheet.one{top:20px;left:160px;transform:rotate(8deg)}.sheet.two{background:linear-gradient(160deg,#1a1c1c,#0d0f0f);top:155px;left:35px;transform:rotate(-7deg)}.morsel{height:12px;position:absolute;transform:skew(-18deg);box-shadow:0 7px 9px #00000073}.morsel.blue{background:var(--blue);width:270px;top:105px;right:150px}.morsel.orange{background:var(--orange);width:250px;top:145px;right:175px}.two .morsel.blue{width:290px;top:120px;right:90px}.two .morsel.orange{width:240px;top:80px;right:170px}section{padding:110px 0;position:relative}.section-head{grid-template-columns:1fr 1.4fr;align-items:end;gap:70px;margin-bottom:56px;display:grid}.eyebrow{color:var(--orange);letter-spacing:.24em;text-transform:uppercase;margin-bottom:16px;font-size:12px}h2{letter-spacing:.025em;color:#d5d6d4;text-shadow:0 2px #000;margin:0;font-size:clamp(38px,5vw,72px);font-weight:400;line-height:1.02}.lead{color:#a7aaa7;max-width:680px;font-size:18px;line-height:1.8}.philosophy{padding-top:80px}.statement{clip-path:polygon(0 0,96% 0,100% 18%,96% 100%,0 100%);background:linear-gradient(160deg,#1d2020 0%,#121414 72%);padding:64px 70px 68px;position:relative;overflow:hidden;box-shadow:0 32px 70px #0000007a}.statement:before{content:"";background:var(--blue);width:33%;height:4px;position:absolute;top:0;left:0}.statement:after{content:"";background:var(--orange);width:19%;height:4px;position:absolute;bottom:0;right:8%}.quote{letter-spacing:.005em;color:#d8d9d7;max-width:1020px;font-size:clamp(34px,4.7vw,66px);font-weight:320;line-height:1.12}.quote em{color:var(--blue);font-style:normal}.principles{background:#2a2d2d;border:1px solid #2a2d2d;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:28px;display:grid}.principle{color:#afb2af;letter-spacing:.08em;text-transform:uppercase;background:#141616;padding:22px 24px;font-size:12px}.principle:before{content:"";background:var(--orange);width:34px;height:3px;margin-bottom:14px;display:block}.principle:nth-child(2n):before{background:var(--blue)}.work{background:linear-gradient(#0000,#ffffff03,#0000)}.projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;display:grid}.project{background:linear-gradient(145deg,#1b1d1d,#101212);border:1px solid #242727;min-height:350px;padding:38px 40px 34px;transition:transform .22s,border-color .22s;position:relative;overflow:hidden;box-shadow:0 28px 55px #0000006b}.project:nth-child(3n+1){clip-path:polygon(0 0,100% 0,100% 91%,94% 100%,0 100%)}.project:nth-child(3n+2){clip-path:polygon(0 0,94% 0,100% 9%,100% 100%,0 100%)}.project:hover{border-color:#373b3b;transform:translateY(-7px)}.project-id{letter-spacing:.2em;color:#747875;text-transform:uppercase;font-size:11px}.project h3{letter-spacing:.06em;text-transform:uppercase;margin:20px 0 14px;font-size:42px;font-weight:400}.project p{color:#a6aaa6;max-width:520px;margin:0;line-height:1.65}.project .tagline{color:var(--blue);margin-bottom:12px;font-size:16px}.project .strips{height:32px;position:absolute;bottom:36px;left:40px;right:40px}.project .strips i{height:7px;display:block;position:absolute;transform:skew(-24deg)}.project .strips i:first-child{background:var(--orange);width:46%;top:0;left:0}.project .strips i:last-child{background:var(--blue);width:61%;bottom:0;left:10%}.project:nth-child(2n) .strips i:first-child{background:var(--blue);width:40%;left:auto;right:4%}.project:nth-child(2n) .strips i:last-child{background:var(--orange);width:56%;left:auto;right:12%}.about-grid{grid-template-columns:1.05fr .95fr;align-items:stretch;gap:32px;display:grid}.about-card{background:linear-gradient(145deg,#191b1b,#101212);border:1px solid #242727;padding:48px;box-shadow:0 25px 55px #00000059}.about-card p{color:#a8aba8;margin:0 0 20px;line-height:1.8}.about-card strong{color:#d4d6d3;font-weight:500}.about-title{margin-bottom:26px;font-size:48px}.about-list{background:#292c2c;border:1px solid #292c2c;gap:1px;display:grid}.about-list div{letter-spacing:.03em;color:#b5b8b5;background:#121414;align-items:center;gap:14px;padding:21px 24px;font-size:14px;display:flex}.about-list div:before{content:"";background:var(--blue);flex:none;width:18px;height:4px}.about-list div:nth-child(2n):before{background:var(--orange)}.contact-card{clip-path:polygon(0 0,93% 0,100% 20%,100% 100%,6% 100%,0 88%);background:linear-gradient(145deg,#222525,#111313);padding:62px 64px 92px;position:relative;overflow:hidden;box-shadow:0 35px 80px #0000007a}.contact-card h2{max-width:820px}.contact-card>p{color:#a8aba8;max-width:720px;font-size:18px;line-height:1.7}.contact-card:after{content:"";background:var(--blue);width:360px;height:8px;box-shadow:0 18px 0 var(--orange);position:absolute;bottom:44px;right:64px;transform:none}.contact-form{z-index:2;max-width:840px;margin-top:38px;position:relative}.contact-fields{grid-template-columns:1fr 1fr;gap:18px;display:grid}.contact-fields label{color:#a9aca9;letter-spacing:.12em;text-transform:uppercase;gap:9px;font-size:12px;display:grid}.contact-fields input,.contact-fields textarea{color:#d8d9d7;resize:vertical;background:linear-gradient(145deg,#151717,#101212);border:1px solid #343737;border-radius:0;outline:none;width:100%;padding:15px 16px;box-shadow:inset 0 1px #ffffff06}.contact-fields input:focus,.contact-fields textarea:focus{border-color:var(--blue);box-shadow:0 0 0 1px #0096e433}.contact-wide{grid-column:1/-1}.contact-trap{width:1px!important;height:1px!important;position:absolute!important;left:-10000px!important;overflow:hidden!important}.contact-submit-row{align-items:center;gap:20px;min-height:58px;margin-top:20px;display:flex}.contact-status{color:#969a97;font-size:14px}.contact-status.sent{color:var(--blue)}.contact-status.error{color:#ffb23c}.contact-github{z-index:2;color:#a8aba8;letter-spacing:.12em;text-transform:uppercase;margin-top:24px;font-size:13px;display:inline-block;position:relative}.contact-github:hover,.contact-github:focus-visible{color:var(--blue)}footer{color:#6e726f;letter-spacing:.05em;padding:46px 0 70px;font-size:13px}.footer-row{border-top:1px solid #222525;justify-content:space-between;gap:24px;padding-top:26px;display:flex}@media (width<=850px){.shell{width:min(100% - 30px,var(--max))}.nav{min-height:84px}nav{display:none}.papers{opacity:.55;bottom:0;right:-360px}.hero{min-height:720px;padding-top:80px}.section-head,.about-grid{grid-template-columns:1fr;gap:24px}.projects{grid-template-columns:1fr}.principles{grid-template-columns:1fr 1fr}.statement{padding:42px 32px 46px}.contact-card{clip-path:polygon(0 0,94% 0,100% 7%,100% 100%,0 100%);padding:44px 34px 92px}.contact-card:after{width:210px;bottom:34px;right:34px}.contact-fields{grid-template-columns:1fr}.contact-wide{grid-column:auto}.footer-row{flex-direction:column}}@media (prefers-reduced-motion:no-preference){.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(20px)}.reveal.on{opacity:1;transform:none}}.project{display:block}.project-more{color:#d0d2cf;letter-spacing:.16em;text-transform:uppercase;font-size:11px;transition:color .18s,transform .18s;position:absolute;bottom:82px;left:40px}.project:hover .project-more,.project:focus-visible .project-more{color:var(--blue);transform:translate(5px)}.project:focus-visible{outline:1px solid var(--blue);outline-offset:4px}.client-work{padding-top:40px}.client-projects{grid-template-columns:repeat(3,minmax(0,1fr))}.client-project{min-height:390px}.client-project h3{font-size:clamp(31px,3vw,42px)}.work-index-hero{padding:78px 0 82px}.work-index-hero .case-two-col{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:end;gap:clamp(54px,7vw,108px)}.work-index-hero h1{overflow-wrap:normal;word-break:normal;text-wrap:balance;max-width:8.2ch;font-size:clamp(58px,6.6vw,96px);line-height:.92}.work-index-hero .case-prose{padding-bottom:8px}.work-index-hero .case-prose p{max-width:600px}.work-index>.work{padding-top:78px}.case-page section{padding:88px 0}.case-hero{overflow:hidden;padding-top:42px!important}.case-hero-grid{grid-template-columns:minmax(0,.92fr) minmax(410px,1.08fr);align-items:center;gap:clamp(42px,6vw,82px);min-height:560px;display:grid}.case-hero-copy{z-index:2;min-width:0;position:relative}.case-back{color:#858985;letter-spacing:.16em;text-transform:uppercase;margin-bottom:38px;font-size:12px;display:inline-block}.case-back:hover,.case-back:focus-visible{color:var(--blue)}.case-hero h1{word-break:normal;overflow-wrap:normal;hyphens:none;text-wrap:balance;max-width:100%;font-size:clamp(54px,6.5vw,96px);line-height:.92}.case-tagline{color:var(--blue);max-width:760px;margin:28px 0 0;font-size:clamp(24px,2.6vw,36px);line-height:1.2}.case-summary{color:#aaadaa;max-width:760px;margin:24px 0 0;font-size:18px;line-height:1.75}.case-links{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.case-hero-visual{clip-path:polygon(0 0,94% 0,100% 8%,100% 100%,6% 100%,0 92%);background:linear-gradient(145deg,#171919,#0d0f0f);border:1px solid #242727;place-items:center;min-height:420px;margin:0;padding:clamp(12px,1.4vw,20px);display:grid;position:relative;overflow:hidden;box-shadow:0 32px 72px #0000006b}.case-hero-visual:before,.case-hero-visual:after{content:none;display:none}.case-hero-visual img{object-fit:contain;width:100%;height:100%;max-height:600px;display:block}.case-hero-visual.portrait img{width:auto;max-width:100%;max-height:680px}.case-hero-visual-easy-layout,.case-hero-visual-psvg,.case-hero-visual-incarnate,.case-hero-visual-bnfdx{background:#0c0d0d;padding:0}.case-hero-visual-easy-layout img,.case-hero-visual-psvg img,.case-hero-visual-incarnate img,.case-hero-visual-bnfdx img{max-height:none}.case-hero-visual-voltra{padding:clamp(18px,2vw,32px)}.case-intro{background:linear-gradient(#0000,#ffffff03,#0000)}.case-two-col{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);align-items:start;gap:72px;display:grid}.case-prose p,.case-panel p{color:#a8aba8;margin:0;font-size:18px;line-height:1.8}.scope-note{border-left:3px solid var(--orange);background:#121414;padding:18px 20px;color:#c0c2bf!important;margin-top:24px!important;font-size:15px!important}.case-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.case-panel{background:linear-gradient(145deg,#1b1d1d,#101212);border:1px solid #242727;min-height:100%;padding:46px;position:relative;overflow:hidden;box-shadow:0 28px 58px #00000057}.case-panel:first-child{clip-path:polygon(0 0,100% 0,100% 94%,94% 100%,0 100%)}.case-panel:last-child{clip-path:polygon(0 0,94% 0,100% 7%,100% 100%,0 100%)}.case-panel h2{margin-bottom:28px;font-size:clamp(36px,4vw,56px)}.case-list{gap:0;margin:0;padding:0;list-style:none;display:grid}.case-list li{color:#acafac;border-bottom:1px solid #282b2b;padding:17px 0 17px 32px;line-height:1.65;position:relative}.case-list li:last-child{border-bottom:0}.case-list li:before{content:"";background:var(--blue);width:17px;height:4px;position:absolute;top:26px;left:0}.case-list li:nth-child(2n):before{background:var(--orange)}.case-code-section{background:#0c0d0d}.case-code{color:#d6d8d5;background:#111313;border:1px solid #2c2f2f;margin:0;padding:34px;font-size:16px;line-height:1.8;overflow-x:auto;box-shadow:0 24px 55px #00000059}.case-code code{color:inherit}.case-media-section{overflow:hidden}.case-gallery{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:28px;display:grid}.case-gallery.has-portraits{grid-template-columns:repeat(3,minmax(0,1fr))}.case-shot{background:linear-gradient(145deg,#1b1d1d,#111313);border:1px solid #252828;margin:0;overflow:hidden;box-shadow:0 28px 55px #0000005c}.case-shot:first-child{grid-column:1/-1}.case-gallery.has-portraits .case-shot:first-child{grid-column:auto}.case-shot img{width:100%;height:auto;display:block}.case-shot.portrait img{aspect-ratio:9/18;object-fit:contain;background:#0b0c0c}.case-shot figcaption{color:#949894;border-top:1px solid #252828;padding:18px 20px 20px;font-size:14px;line-height:1.5}.case-outcomes-section{padding-bottom:120px!important}.capability-list{flex-wrap:wrap;gap:9px;display:flex}.capability-list span{color:#b9bcb9;letter-spacing:.06em;text-transform:uppercase;background:#151717;border:1px solid #333636;padding:9px 12px;font-size:12px}.case-cta-copy{border-top:1px solid #2a2d2d;margin-top:44px;padding-top:34px}.case-cta-copy h3{margin:0 0 14px;font-size:30px;font-weight:400}.case-cta-copy p{margin-bottom:26px;font-size:16px}.case-cta-copy .btn{margin-top:24px}@media (width<=1050px){.client-projects{grid-template-columns:1fr 1fr}.work-index-hero .case-two-col{grid-template-columns:minmax(0,1fr) minmax(300px,.78fr);gap:44px}.work-index-hero h1{font-size:clamp(56px,8vw,84px)}.case-hero-grid{grid-template-columns:1fr;min-height:auto}.case-hero-copy{max-width:820px}.case-hero-visual{width:min(760px,100%);min-height:360px}}@media (width<=850px){.client-projects{grid-template-columns:1fr}.work-index-hero{padding:48px 0 58px}.work-index-hero .case-two-col{grid-template-columns:1fr;gap:30px}.work-index-hero h1{max-width:9ch;font-size:clamp(48px,14vw,76px)}.work-index-hero .case-prose{padding-bottom:0}.work-index>.work{padding-top:56px}.case-page section{padding:68px 0}.case-hero{padding-top:24px!important}.case-hero-grid{gap:34px}.case-back{margin-bottom:28px}.case-hero h1{font-size:clamp(44px,13vw,72px);line-height:.94}.case-tagline{margin-top:22px}.case-hero-visual{aspect-ratio:1;min-height:0}.case-two-col,.case-detail-grid{grid-template-columns:1fr;gap:24px}.case-panel{padding:34px 28px}.case-gallery,.case-gallery.has-portraits{grid-template-columns:1fr}.case-shot:first-child,.case-gallery.has-portraits .case-shot:first-child{grid-column:auto}.case-shot.portrait img{max-height:760px}}
