:root{--ink:#171919;--paper:#f1efe9;--acid:#d6e347;--coral:#f0674c;--muted:#797a74;--line:rgba(23,25,25,.17);--sans:"Manrope",sans-serif;--serif:"Playfair Display",serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans)}.noise{position:fixed;inset:0;z-index:10;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.section-shell{padding-left:clamp(24px,7.6vw,122px);padding-right:clamp(24px,7.6vw,122px)}.site-header{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 clamp(24px,4vw,64px);position:relative;z-index:12}.wordmark{color:var(--ink);font-size:1.4rem;font-weight:800;letter-spacing:-.1em;text-decoration:none}.wordmark span{color:var(--coral)}nav{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:2rem}nav a,.header-cta,.underlink{color:var(--ink);font-size:.72rem;font-weight:700;letter-spacing:.02em;text-decoration:none}.header-cta{margin-left:auto}.header-cta b{color:var(--coral);font-size:1rem;margin-left:.35rem}.menu-toggle{display:none}.hero{min-height:calc(100svh - 82px);padding-top:23px;padding-bottom:28px;display:flex;flex-direction:column;justify-content:space-between}.hero-meta,.hero-footer{display:flex;justify-content:space-between;font:500 .62rem var(--mono);letter-spacing:.08em;text-transform:uppercase}.hero-copy{max-width:1140px;margin:clamp(55px,12vh,135px) 0 auto}.eyebrow{font:500 .64rem var(--mono);letter-spacing:.1em;text-transform:uppercase;margin:0}.hero h1{font-size:clamp(3.6rem,9.2vw,9.6rem);letter-spacing:-.09em;line-height:.83;font-weight:600;margin:2rem 0 3.5rem}.hero h1 em,h2 em{font-family:var(--serif);font-weight:600}.hero-detail{display:flex;align-items:end;gap:3rem}.hero-detail p{max-width:390px;font-size:.95rem;line-height:1.7;margin:0}.round-link{width:64px;height:64px;display:grid;place-items:center;color:var(--ink);border:1px solid var(--ink);border-radius:50%;font-size:1.35rem;text-decoration:none;transition:.25s}.round-link:hover{background:var(--ink);color:var(--acid);transform:translateY(5px)}.ticker{overflow:hidden;white-space:nowrap;background:var(--ink);color:var(--paper);padding:17px 0;font:500 .65rem var(--mono);letter-spacing:.14em}.ticker div{display:inline-block;animation:ticker 25s linear infinite}.ticker i{color:var(--acid);font-style:normal;padding:0 .8rem}@keyframes ticker{to{transform:translateX(-50%)}}.work,.archive,.capabilities{padding-top:clamp(90px,12vw,160px);padding-bottom:clamp(90px,12vw,160px)}.section-intro{display:flex;justify-content:space-between;gap:3rem;margin-bottom:4.5rem}.section-intro h2{font-size:clamp(3rem,6.5vw,6.4rem);letter-spacing:-.085em;line-height:.86;margin:1.55rem 0 0}.section-intro>p{max-width:260px;line-height:1.65;font-size:.83rem;margin:2.4rem 0 0}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(45px,6vw,90px) clamp(23px,3.5vw,55px)}.project-feature,.project-wide{grid-column:1/-1}.project-image{position:relative;display:block;height:clamp(270px,33vw,500px);background:#d5d3ca;overflow:hidden}.project-feature .project-image{height:clamp(340px,47vw,660px)}.project-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.65,.2,1)}.project-image:hover img{transform:scale(1.035)}.project-image:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.14),transparent 45%);pointer-events:none}.image-arrow{position:absolute;right:18px;top:16px;color:white;font-size:1.65rem;z-index:1}.image-tag{position:absolute;top:17px;left:18px;background:var(--acid);padding:7px 9px;font:500 .57rem var(--mono);letter-spacing:.08em;text-transform:uppercase;z-index:1}.project-info{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;margin-top:15px;gap:1rem}.project-number{font:500 .6rem var(--mono);color:var(--coral);margin:0 0 8px}.project-info h3{letter-spacing:-.055em;font-size:1.1rem;margin:0}.project-info>p{font:500 .61rem var(--mono);line-height:1.5;text-align:right;margin:0;color:var(--muted)}.project-circuit{background:#e5e1d4}.project-circuit img{object-fit:cover;object-position:center}.circuit-note{position:absolute;bottom:0;left:0;background:var(--ink);color:var(--paper);padding:25px 34px;z-index:2}.circuit-note span{color:var(--acid);font:500 .6rem var(--mono);display:block;margin-bottom:8px}.circuit-note strong{font:600 clamp(1.2rem,2vw,2rem) var(--serif);line-height:1}.archive{background:#dedbd1}.archive-summary{display:flex;gap:1rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;margin:-1rem 0 3rem;font:500 .62rem var(--mono);letter-spacing:.07em;text-transform:uppercase}.archive-summary span+span:before{content:"/";color:var(--coral);padding-right:1rem}.media-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.2vw,32px)}.media-card{min-width:0;margin:0;content-visibility:auto}.media-card:nth-child(5n+1){grid-column:span 2}.media-frame{display:block;position:relative;background:#262928;overflow:hidden;aspect-ratio:1.18}.media-card:nth-child(5n+1) .media-frame{aspect-ratio:1.7}.media-frame img,.media-frame video{width:100%;height:100%;object-fit:cover;display:block}.media-frame video{background:#171919}.media-kind{position:absolute;top:12px;left:12px;background:var(--acid);color:var(--ink);padding:6px 8px;font:500 .55rem var(--mono);letter-spacing:.08em;text-transform:uppercase;z-index:2}.media-card figcaption{border-top:1px solid var(--line);padding-top:11px;margin-top:10px}.media-card h3{font-size:.9rem;letter-spacing:-.04em;margin:0 0 5px}.media-card p{font-size:.72rem;line-height:1.55;margin:0;color:#555851}.media-fallback{height:100%;display:grid;place-items:center;padding:2rem;text-align:center;color:var(--paper);font:500 .68rem var(--mono);line-height:1.7}.media-fallback a{color:var(--acid)}.about{background:var(--ink);color:var(--paper);padding-top:clamp(90px,12vw,160px);padding-bottom:clamp(90px,12vw,160px)}.about-grid{margin-top:clamp(50px,8vw,100px);display:grid;grid-template-columns:.75fr 1fr;gap:clamp(40px,10vw,150px);align-items:center}.portrait{position:relative;aspect-ratio:.8;overflow:hidden}.portrait img{width:100%;height:100%;object-fit:cover;filter:saturate(.8)}.portrait span{position:absolute;bottom:0;left:0;background:var(--acid);color:var(--ink);padding:10px 13px;font:500 .58rem var(--mono);letter-spacing:.07em;text-transform:uppercase}.about-copy h2{font-size:clamp(3rem,6vw,6.4rem);letter-spacing:-.085em;line-height:.86;margin:0 0 2.5rem}.about-copy p{font-size:.94rem;line-height:1.8;max-width:470px;margin:0 0 1.2rem}.underlink{display:inline-flex;gap:.7rem;color:var(--paper);margin-top:1.5rem;padding-bottom:6px;border-bottom:1px solid var(--acid)}.underlink span{color:var(--acid)}.capabilities{border-bottom:1px solid var(--line)}.capability-list>div{display:grid;grid-template-columns:10% 1.1fr 1fr 30px;gap:1rem;align-items:baseline;border-top:1px solid var(--line);padding:25px 0}.capability-list>div:last-child{border-bottom:1px solid var(--line)}.capability-list span{font:500 .62rem var(--mono);color:var(--coral)}.capability-list h3{font-size:clamp(1.5rem,3vw,3.1rem);letter-spacing:-.07em;margin:0}.capability-list p{max-width:290px;font-size:.78rem;line-height:1.65;margin:0}.capability-list b{font-size:1.2rem;font-weight:400}.contact{padding-top:clamp(90px,12vw,160px);background:var(--acid)}.contact-main{display:flex;justify-content:space-between;gap:4rem;align-items:end;margin:clamp(55px,9vw,120px) 0 2rem}.contact h2{font-size:clamp(3.5rem,8vw,8.4rem);letter-spacing:-.09em;line-height:.83;margin:0}.contact-main p{max-width:245px;font-size:.85rem;line-height:1.65;margin:0 0 .3rem}.contact-link{display:flex;justify-content:space-between;border-top:1px solid rgba(23,25,25,.7);border-bottom:1px solid rgba(23,25,25,.7);padding:20px 0;color:var(--ink);font-size:clamp(1.25rem,2vw,2rem);font-weight:700;letter-spacing:-.05em;text-decoration:none}.contact-link span{font-size:1.4em;font-weight:400}footer{display:flex;justify-content:space-between;padding:20px 0;font:500 .58rem var(--mono);letter-spacing:.06em;text-transform:uppercase}footer a{color:var(--ink);text-decoration:none}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:700px){.site-header{height:70px}.header-cta{display:none}.menu-toggle{display:flex;align-items:center;gap:8px;margin-left:auto;border:0;background:none;font:500 .68rem var(--mono);text-transform:uppercase}.menu-toggle span{width:18px;height:1px;background:var(--ink);display:block}nav{display:none;top:70px;left:0;right:0;transform:none;background:var(--paper);border-bottom:1px solid var(--line);padding:20px 24px;flex-direction:column;gap:16px}nav.open{display:flex}.hero{min-height:calc(100svh - 70px)}.hero h1{font-size:clamp(3.45rem,15vw,5.5rem);margin:2rem 0 3rem}.hero-detail{gap:1.5rem}.hero-detail p{font-size:.83rem}.round-link{width:54px;height:54px;flex:none}.section-intro{display:block;margin-bottom:3.5rem}.section-intro>p{margin-top:1.7rem}.project-grid{display:block}.project{margin-bottom:48px}.project-image,.project-feature .project-image{height:330px}.project-feature .project-image{height:390px}.project-info h3{font-size:1rem}.archive-summary{flex-wrap:wrap;gap:.5rem}.archive-summary span+span:before{padding-right:.5rem}.media-gallery{grid-template-columns:1fr;gap:30px}.media-card:nth-child(5n+1){grid-column:auto}.media-frame,.media-card:nth-child(5n+1) .media-frame{aspect-ratio:1.15}.about-grid{display:block}.portrait{max-width:390px}.about-copy{margin-top:3rem}.capability-list>div{grid-template-columns:34px 1fr;gap:7px}.capability-list p{grid-column:2;margin-top:8px}.capability-list b{display:none}.contact-main{display:block;margin-top:3.5rem}.contact-main p{margin-top:2rem}.contact h2{font-size:clamp(3.3rem,14vw,5rem)}footer{flex-wrap:wrap;gap:12px}footer span:nth-child(2){width:100%;order:3}.circuit-note{padding:18px 22px}.circuit-note strong{font-size:1.2rem}}
