:root{--paper:#f5f1e9;--ink:#16243c;--ink-soft:#465064;--red:#e65c4f;--yellow:#f1c85a;--line:#16243c30;--mono:"DM Mono",monospace;--sans:"Space Grotesk",sans-serif;--serif:"Libre Baskerville",Georgia,serif;--max:1320px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--sans);margin:0;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:-2;opacity:.22;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:46px 46px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 70%);mask-image:linear-gradient(#000,#0000 70%)}a{color:inherit;text-decoration:none}button{font:inherit}.grain{z-index:20;pointer-events:none;opacity:.06;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='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E");animation:.25s steps(2,end) infinite grain;position:fixed;inset:-50%}.scroll-progress{z-index:30;height:4px;position:fixed;inset:0 0 auto}.scroll-progress span{background:var(--red);width:0;height:100%;display:block}.section-frame,.site-header{width:min(calc(100% - 64px),var(--max));margin-inline:auto}.site-header{border-bottom:1px solid var(--line);z-index:10;justify-content:space-between;align-items:center;height:86px;display:flex;position:relative}.brand{align-items:center;gap:12px;display:flex}.brand-mark{border:1px solid var(--ink);letter-spacing:-.08em;place-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:grid}.brand-type,.header-contact,.main-nav,.eyebrow,.hero-location,.margin-note,.section-kicker,.section-label,.fact-label,.tag-row,.timeline-date,.timeline-note,.portrait-caption,.site-footer{font:11px/1.35 var(--mono);letter-spacing:.07em;text-transform:uppercase}.brand-type{color:var(--ink-soft);font-size:10px}.main-nav{color:var(--ink-soft);gap:34px;display:flex}.main-nav a{transition:color .25s}.main-nav a:hover,.header-contact:hover,.text-link:hover,.contact-link:hover,.site-footer a:hover{color:var(--red)}.header-contact{color:var(--red);align-items:center;gap:8px;display:flex}.live-dot{background:var(--red);border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulse}.menu-toggle{background:0 0;border:0;padding:8px;display:none}.menu-toggle span{background:var(--ink);width:23px;height:1px;margin:5px;display:block}.hero{min-height:calc(100vh - 86px);padding:clamp(46px,7vw,102px) 0 50px;position:relative}.hero-meta,.hero-title-wrap,.hero-bottom{z-index:1;position:relative}.hero-meta{justify-content:space-between;align-items:flex-start;display:flex}.eyebrow{color:var(--red);margin:0}.eyebrow-index{color:var(--ink);margin-right:16px;display:inline-block}.hero-location{text-align:right;color:var(--ink-soft);margin:0;line-height:1.7}.hero-title-wrap{grid-template-columns:1fr minmax(650px,1.55fr) 1fr;align-items:center;margin:clamp(42px,8vw,116px) 0 50px;display:grid}.hero-title{letter-spacing:-.085em;flex-direction:column;margin:0;font-size:clamp(70px,12.25vw,177px);font-weight:600;line-height:.8;display:flex}.hero-title span{animation:.9s cubic-bezier(.16,1,.3,1) both title-in;display:block}.hero-title span:nth-child(2){padding-left:17%;animation-delay:.1s}.hero-title span:nth-child(3){padding-left:2%;animation-delay:.2s}.margin-note{color:var(--ink-soft);line-height:1.7}.margin-note-left{text-align:right;align-self:end;margin:0 20px 7px 0;transform:rotate(-6deg)}.margin-note-right{align-self:start;margin:0 0 0 38px;transform:rotate(6deg)}.hero-bottom{grid-template-columns:1.25fr .9fr .55fr;align-items:end;gap:30px;display:grid}.hero-statement{max-width:390px;font:18px/1.5 var(--serif);margin:0 0 30px}.hero-figure-wrap{place-items:center;min-height:350px;display:grid;position:relative}.portrait-card{width:235px;height:295px;box-shadow:14px 15px 0 var(--yellow);background:#d6b4a3;transition:transform .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;transform:rotate(4deg)}.portrait-card:hover{transform:rotate(0)translateY(-8px)}.portrait-card img{object-fit:cover;object-position:58% 33%;filter:saturate(.78)contrast(1.06)}.portrait-caption{color:#fff;text-shadow:0 1px 6px #000;letter-spacing:.05em;font-size:8px;position:absolute;bottom:10px;left:10px;right:10px}.figure-orbit{border:1px solid var(--red);pointer-events:none;border-radius:50%;position:absolute}.orbit-one{width:300px;height:200px;animation:9s linear infinite orbit;transform:rotate(-25deg)}.orbit-two{border-color:var(--ink);opacity:.55;width:270px;height:270px;animation:14s linear infinite orbit-reverse}.hero-index{font:10px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);justify-self:end;justify-items:center;gap:16px;display:grid;transform:rotate(90deg)translate(-55px)}.scroll-arrow{color:var(--red);font-size:20px;transform:rotate(-90deg)}.ticker{border-block:1px solid var(--line);background:var(--ink);color:var(--paper);padding:13px 0;overflow:hidden;transform:rotate(-1.2deg)scale(1.02)}.ticker-track{width:max-content;font:12px var(--mono);text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:28px;animation:24s linear infinite ticker;display:flex}.ticker-track i{color:var(--yellow);font-style:normal}.about-section,.work-section,.approach-section,.timeline-section{padding:150px 0}.section-label{border-bottom:1px solid var(--line);color:var(--ink-soft);justify-content:space-between;padding-bottom:16px;display:flex}.section-label span:first-child{color:var(--red)}.about-grid{grid-template-columns:1.05fr 1fr;gap:14vw;padding:80px 7vw 100px;display:grid}.section-kicker{color:var(--red);margin:0 0 24px}h2{letter-spacing:-.07em;margin:0;font-size:clamp(48px,6vw,86px);font-weight:600;line-height:.94}h2 em{font-family:var(--serif);letter-spacing:-.08em;font-weight:400}.abstract-copy{max-width:450px;padding-top:46px}.abstract-copy p{color:var(--ink-soft);font-size:15px;line-height:1.75}.abstract-copy .lead-copy{color:var(--ink);font:21px/1.5 var(--serif);margin:0 0 24px}.text-link,.contact-link{font:12px var(--mono);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--ink);align-items:center;gap:14px;margin-top:20px;padding-bottom:8px;transition:color .25s,border-color .25s;display:inline-flex}.text-link:hover,.contact-link:hover{border-color:var(--red)}.fact-row{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.fact-row>div{border-right:1px solid var(--line);gap:8px;padding:16px 0;display:grid}.fact-row>div:not(:first-child){padding-left:18px}.fact-row>div:last-child{border-right:0}.fact-number{font:12px var(--mono);color:var(--red)}.fact-label{color:var(--ink-soft)}.work-section{background:var(--ink);color:var(--paper);width:100%;padding-inline:max(32px,calc((100vw - var(--max))/2));position:relative}.work-section:after{content:"✳";color:var(--red);font-size:80px;animation:14s linear infinite spin;position:absolute;top:105px;right:8vw}.work-section .section-label{border-color:#f5f1e942}.work-section .section-label,.work-heading-note{color:#aab2c0}.work-heading{grid-template-columns:1fr 1.5fr 1fr;align-items:end;gap:30px;padding:80px 7vw 68px;display:grid}.work-heading .section-kicker{grid-column:1;align-self:start}.work-heading h2{grid-column:2}.work-heading-note{font:12px/1.5 var(--mono);grid-column:3;max-width:150px;margin:0 0 6px}.work-list{border-top:1px solid #f5f1e942}.work-item{border-bottom:1px solid #f5f1e942;grid-template-columns:1fr 4fr auto;align-items:start;gap:30px;padding:34px 0;transition:padding .35s,background .35s;display:grid}.work-item:hover{background:#f5f1e90f;padding-inline:20px}.work-number{font:13px var(--mono);color:var(--red)}.work-content{grid-template-columns:1.3fr 1fr;align-items:start;gap:20px;display:grid}.work-content h3,.note h3,.timeline h3{letter-spacing:-.05em;margin:0;font-size:clamp(22px,2.6vw,34px);font-weight:500}.work-content p{color:#aab2c0;max-width:310px;margin:2px 0 0;font-size:14px;line-height:1.6}.tag-row{color:var(--yellow);flex-wrap:wrap;grid-column:1/-1;gap:8px;font-size:9px;display:flex}.tag-row span{border:1px solid #f1c85a80;border-radius:100px;padding:5px 8px}.work-arrow{color:var(--red);font-size:28px;transition:transform .3s}.work-item:hover .work-arrow{transform:rotate(45deg)}.approach-grid{grid-template-columns:1fr 1fr;gap:12vw;padding:80px 7vw 0;display:grid}.approach-title .margin-note{margin-top:62px}.notes-list{border-top:1px solid var(--line)}.note{border-bottom:1px solid var(--line);grid-template-columns:46px 1fr;gap:24px;padding:27px 0 31px;display:grid}.note-index{font:12px var(--mono);color:var(--red);padding-top:5px}.note h3{font-size:24px}.note p{color:var(--ink-soft);max-width:410px;margin:10px 0 0;font-size:14px;line-height:1.65}.timeline-section{padding-top:90px}.timeline-heading{padding:78px 7vw 64px}.timeline-heading h2{font-size:clamp(46px,5vw,72px)}.timeline{border-left:1px solid var(--line);margin-left:7vw}.timeline-item{grid-template-columns:120px 1fr;gap:44px;padding:0 0 48px 38px;display:grid;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-dot{background:var(--paper);border:1px solid var(--ink);border-radius:50%;width:11px;height:11px;position:absolute;top:4px;left:-6px}.timeline-item.current .timeline-dot{background:var(--red);border-color:var(--red);box-shadow:0 0 0 7px #e65c4f1f}.timeline-date{color:var(--red);padding-top:4px}.timeline h3{font-size:28px}.timeline p{margin:7px 0;font-size:16px}.timeline-note{color:var(--ink-soft);font-size:9px}.contact-section{text-align:center;border-top:1px solid var(--line);flex-direction:column;justify-content:center;align-items:center;min-height:580px;display:flex;position:relative}.contact-section h2{font-size:clamp(52px,8vw,115px)}.contact-section .contact-link{margin-top:38px}.contact-stamp{color:var(--red);font:10px/1.4 var(--mono);letter-spacing:.1em;text-align:center;border:1px solid var(--red);padding:10px;position:absolute;top:50px;right:0;transform:rotate(8deg)}.contact-stamp span{color:var(--ink)}.site-footer{border-top:1px solid var(--line);color:var(--ink-soft);justify-content:space-between;padding:20px 0 28px;display:flex}.site-footer a{color:var(--red)}[data-reveal]{opacity:0;transition:opacity .8s,transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(22px)}[data-reveal].is-visible{opacity:1;transform:none}.intro-reveal{animation:.8s .2s both fade-up}@keyframes fade-up{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes title-in{0%{opacity:0;transform:translateY(32px)skewY(4deg)}to{opacity:1;transform:none}}@keyframes ticker{to{transform:translate(-50%)}}@keyframes pulse{50%{box-shadow:0 0 0 5px #e65c4f29}}@keyframes orbit{to{transform:rotate(335deg)}}@keyframes orbit-reverse{to{transform:rotate(-360deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes grain{0%,to{transform:translate(0)}25%{transform:translate(2%,-1%)}50%{transform:translate(-1%,2%)}75%{transform:translate(1%,1%)}}@media (max-width:900px){.section-frame,.site-header{width:min(calc(100% - 40px),var(--max))}.hero-title-wrap{grid-template-columns:1fr 5fr}.hero-title{grid-area:1/1/auto/-1}.margin-note-left{z-index:2;grid-area:1/1;align-self:center;margin:80px 0 0;font-size:9px}.margin-note-right{z-index:2;grid-area:1/2;place-self:end;margin:0;font-size:9px}.hero-bottom{grid-template-columns:1fr 1fr}.hero-index{display:none}.about-grid,.approach-grid{gap:50px;padding-inline:0}.work-heading{padding-inline:0}.timeline{margin-left:0}}@media (max-width:620px){.section-frame,.site-header{width:min(calc(100% - 32px),var(--max))}.site-header{height:70px}.brand-type,.header-contact{display:none}.main-nav{background:var(--paper);border:1px solid var(--line);box-shadow:7px 7px 0 var(--yellow);flex-direction:column;gap:18px;padding:24px 18px;display:none;position:absolute;top:69px;left:0;right:0}.main-nav.is-open{display:flex}.menu-toggle{display:block}.hero{min-height:auto;padding:40px 0 52px}.hero-meta{gap:20px}.hero-location{font-size:9px}.hero-title-wrap{margin:64px 0 50px}.hero-title{font-size:clamp(58px,17vw,100px);line-height:.84}.hero-title span:nth-child(2){padding-left:9%}.margin-note-left{text-align:left;margin:0;position:absolute;top:-34px;left:0}.margin-note-right{margin:0;position:absolute;bottom:-16px;right:0}.hero-bottom{grid-template-columns:1fr;gap:18px}.hero-statement{margin:0;font-size:17px}.hero-figure-wrap{min-height:300px;margin-top:18px}.portrait-card{width:205px;height:260px}.orbit-one{width:260px;height:175px}.orbit-two{width:235px;height:235px}.about-section,.work-section,.approach-section,.timeline-section{padding:90px 0}.about-grid,.approach-grid{grid-template-columns:1fr;gap:34px;padding-top:52px}.abstract-copy{padding-top:0}.abstract-copy .lead-copy{font-size:19px}.fact-row{grid-template-columns:1fr 1fr}.fact-row>div:nth-child(2){border-right:0}.fact-row>div:nth-child(n+3){border-top:1px solid var(--line)}.fact-row>div:nth-child(3){padding-left:0}.work-section:after{font-size:55px;top:90px}.work-heading{grid-template-columns:1fr;gap:20px;padding-top:52px}.work-heading h2,.work-heading-note{grid-column:1}.work-heading-note{margin-top:10px}.work-item{grid-template-columns:38px 1fr auto;gap:12px;padding:26px 0}.work-item:hover{padding-inline:8px}.work-content{grid-template-columns:1fr;gap:12px}.work-content h3{font-size:24px}.work-content p{font-size:13px}.work-arrow{font-size:20px}.note{grid-template-columns:34px 1fr;gap:10px}.note h3{font-size:21px}.timeline-heading{padding:52px 0 48px}.timeline-item{grid-template-columns:74px 1fr;gap:16px;padding-left:25px}.timeline h3{font-size:24px}.contact-section{min-height:480px}.contact-stamp{font-size:8px;top:32px;right:0}.site-footer{flex-direction:column;gap:12px;font-size:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}