@font-face{font-family:DM Sans;src:url(assets/dm-sans.ttf) format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Instrument Serif;src:url(assets/instrument-serif-italic.ttf) format('truetype');font-style:italic;font-weight:400;font-display:swap}
:root{--bg:#171817;--paper:#eeeee8;--muted:#9b9d96;--accent:#d6fb61;--line:#ffffff26;--pad:clamp(22px,4.1vw,76px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:#686b60 var(--bg)}body{margin:0;background:var(--bg);color:var(--paper);font-family:DM Sans,Arial,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{color:var(--bg);background:var(--accent)}button{cursor:pointer}em{font-family:Instrument Serif,Georgia,serif;font-weight:400}button[hidden],a[hidden]{display:none}.experience{width:100%;overflow:clip}.viewport{position:relative;isolation:isolate;background:var(--bg)}.header{height:102px;margin:0 var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:20;gap:24px}.wordmark{display:inline-flex;align-items:center;gap:10px;font-size:32px;line-height:1;letter-spacing:-2px;font-weight:700}.brand-star{display:block;font-size:34px;color:var(--accent);transition:transform .5s}.wordmark:hover .brand-star{transform:rotate(90deg)}.header-caption{color:var(--muted);font-size:14px;margin-right:auto;margin-left:40px}.header-actions{display:flex;align-items:center;gap:36px}.index-link{font-size:14px;display:flex;gap:24px;align-items:center}.index-link>span{font-size:24px;transition:transform .3s}.index-link:hover>span{transform:translate(3px,-3px)}.motion-toggle{background:transparent;border:0;padding:12px 0;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.motion-icon{height:13px;display:flex;align-items:center;gap:3px}.motion-icon i{width:2px;background:var(--muted);height:9px}.motion-icon i:nth-child(2){height:13px}.motion-icon i:nth-child(3){height:6px}.motion-toggle[aria-pressed=true] .motion-icon i{height:2px}.scenes{position:relative}.scene{position:relative;min-height:calc(100svh - 102px);padding:70px var(--pad) 90px}.intro{display:flex;align-items:center;overflow:hidden}.hero-content{position:relative;z-index:2;width:100%}.eyebrow{text-transform:uppercase;letter-spacing:.09em;font-size:12px;line-height:1.6;color:var(--muted);display:flex;gap:30px;align-items:center}.hero-eyebrow{gap:14px;margin:0 0 32px}.tiny-cross{font-size:19px;color:var(--accent)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(62px,8.7vw,166px);line-height:.98;letter-spacing:-.075em;font-weight:400;margin-bottom:30px;max-width:1100px}h1 em{color:var(--accent);letter-spacing:-.045em;font-size:1.12em;padding-right:.08em}.hero-art{position:absolute;right:-12%;top:-6%;height:108%;width:82%;pointer-events:none;z-index:0;opacity:.88;mask-image:linear-gradient(90deg,transparent 0%,#000 23%,#000 89%,transparent 100%)}.hero-art img{width:100%;height:100%;object-fit:contain;mix-blend-mode:lighten}.hero-bottom{margin-top:44px;display:flex;gap:90px;align-items:center}.hero-bottom p{font-size:16px;color:#c0c2b9;line-height:1.5;margin-bottom:0}.round-link{width:55px;height:55px;border:1px solid #8c908466;border-radius:50%;display:grid;place-items:center;font-size:25px;transition:background .3s,color .3s,transform .3s}.round-link:hover{background:var(--accent);color:var(--bg);transform:translateY(4px)}.hero-side-note{position:absolute;right:var(--pad);bottom:85px;writing-mode:vertical-rl;font-size:12px;color:var(--muted);letter-spacing:.03em}.project{display:grid;grid-template-columns:1fr 1.1fr;gap:7vw;align-items:center}.project-copy{position:relative;z-index:2}.project-number{color:var(--accent);white-space:nowrap}h2{font-size:clamp(52px,6.8vw,124px);font-weight:400;line-height:1.01;letter-spacing:-.065em;margin-bottom:35px}h2 em{font-size:1.12em;color:var(--accent);letter-spacing:-.045em;padding-right:.08em}.project-detail{display:grid;grid-template-columns:90px 1fr;gap:20px;max-width:450px;margin:0 0 25px}.project-detail h3{font-size:18px;letter-spacing:-.02em;font-weight:400;padding-top:3px}.project-detail p{font-size:16px;line-height:1.6;color:#acaea5;margin:0}.project-link{display:inline-flex;gap:44px;align-items:center;padding:12px 0;border-bottom:1px solid #777b6d;font-size:15px}.project-link span{font-size:25px;transition:transform .3s}.project-link:hover span{transform:translate(4px,-4px)}.project-poster{aspect-ratio:1.15;width:100%;position:relative;overflow:hidden;padding:30px;display:flex;flex-direction:column;box-shadow:0 25px 90px #0003;transform-origin:center;transition:filter .5s}.poster-top,.poster-bottom{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.07em;font-weight:700;z-index:2}.poster-top{padding-bottom:16px;border-bottom:1px solid currentColor}.poster-bottom{margin-top:auto;padding-top:16px;border-top:1px solid currentColor}.poster-bottom>span:last-child{font-size:22px;line-height:.7}.ssf-poster{background:#efeee8;color:#171817}.ssf-poster-title{font-size:clamp(40px,5.5vw,112px);letter-spacing:-.075em;line-height:.86;font-weight:700;margin-top:auto;margin-bottom:18px}.ssf-poster-title>span{color:#eb542f}.ssf-poster-rule{height:8px;background:#eb542f;position:absolute;right:0;top:21%;width:22%}.rivet-poster{background:#c5b7f0;color:#292331}.rivet-type{font-size:clamp(100px,15vw,270px);letter-spacing:-.085em;line-height:1;margin:auto 0;position:relative;z-index:2}.rivet-type>span:first-child{font-family:Instrument Serif;font-style:italic}.rivet-period{color:#f8573f}.rivet-lines{position:absolute;inset:0;display:flex;justify-content:space-evenly;transform:rotate(-30deg);width:130%;left:-15%;opacity:.17}.rivet-lines>span{height:150%;width:1px;background:#292331;margin-top:-20%}.can-poster{background:#d6fb61;color:#27331b}.can-type{display:flex;align-items:center;justify-content:space-between;line-height:.95;font-size:clamp(100px,14vw,280px);letter-spacing:-.075em;border-bottom:1px solid #27331b}.can-type span:nth-child(2){font-family:Instrument Serif;font-style:italic;font-weight:400}.can-caption{font-size:clamp(25px,3vw,55px);line-height:.95;letter-spacing:-.04em;margin:15px 0}.can-caption em{font-size:1.2em}.rateshift-poster{background:#6b94c6;color:#152a47}.rateshift-type{font-size:clamp(70px,9vw,175px);line-height:.73;letter-spacing:-.075em;position:relative;z-index:2;margin:auto 0 35px}.rateshift-type em{font-size:1.2em}.rate-symbol{position:absolute;top:6%;right:2%;font-size:clamp(140px,22vw,430px);line-height:1;opacity:.28;font-weight:400}.index-scene{display:grid;grid-template-columns:1fr 1.1fr;gap:7vw;align-items:center}.index-heading h2{margin-bottom:25px}.index-heading>p:last-child{font-size:16px;line-height:1.6;color:var(--muted)}.project-index{width:100%}.index-row{display:flex;align-items:center;border-top:1px solid #ffffff40;gap:20px;min-height:95px;padding:20px 0;transition:color .3s,padding .3s}.index-row:last-of-type{border-bottom:1px solid #ffffff40}.row-number{font-size:12px;color:var(--muted);width:20px}.row-title{font-size:clamp(28px,3vw,56px);letter-spacing:-.065em}.row-category{font-size:12px;color:var(--muted);margin-left:auto}.row-arrow{font-size:30px;margin-left:10px;transition:transform .3s}.index-row:hover{color:var(--accent);padding-left:12px}.index-row:hover .row-arrow{transform:translate(4px,-4px)}.index-signature{display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:12px;padding-top:25px}.index-signature a:hover{color:var(--accent)}.stage-footer{margin:0 var(--pad);position:relative;z-index:20;padding:0 0 22px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;color:var(--muted);margin-bottom:19px}#scroll-cue{width:180px}#scroll-cue>span{display:inline-block;margin-left:10px;color:var(--paper)}.footer-statement{margin-left:auto;margin-right:auto}.scene-count{width:55px;display:flex;justify-content:space-between}.count-divider{opacity:.35}.project-nav{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.project-nav a{display:flex;align-items:center;gap:16px;min-height:61px;padding:0 22px;font-size:14px;transition:background .3s,color .3s;position:relative}.project-nav a:first-child{padding-left:0}.project-nav a+a{border-left:1px solid var(--line)}.project-nav a>span{font-size:10px;color:var(--muted)}.project-nav a:hover,.project-nav a[aria-current=true]{color:var(--accent);background:#d6fb6106}.project-nav a[aria-current=true]:after{content:'';position:absolute;top:-1px;left:0;right:0;height:2px;background:var(--accent)}.progress-track{height:2px;background:#ffffff0c;position:absolute;bottom:0;width:100%}.progress-fill{height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left}.skip-link{position:fixed;top:10px;left:var(--pad);z-index:100;background:var(--accent);color:var(--bg);padding:12px 18px;transform:translateY(-150%)}.skip-link:focus{transform:none}.noscript-note{padding:20px var(--pad)}
.enhanced .viewport{height:100svh;min-height:640px;display:flex;flex-direction:column}.enhanced .header{flex-shrink:0}.enhanced .scenes{flex:1;min-height:0}.enhanced .scene{position:absolute;inset:0;min-height:0;padding:38px var(--pad) 38px}.enhanced .scene:not(:first-child){visibility:hidden}.enhanced .stage-footer{flex-shrink:0}.enhanced .hero-side-note{bottom:45px}.enhanced .project-poster{max-height:100%;max-width:100%;width:auto;justify-self:stretch;aspect-ratio:1.15}.simple-layout .header{position:sticky;top:0;background:var(--bg);height:85px}.simple-layout .scene{scroll-margin-top:85px}.simple-layout .hero-art{height:95%}.simple-layout .stage-footer{padding-top:20px}.simple-layout .hero-side-note{bottom:35px}.simple-layout .footer-top{display:none}
@media(min-width:1700px){.enhanced .scene{padding-top:45px;padding-bottom:45px}.project-poster{max-width:760px}.hero-art{right:-6%;width:78%}}
@media(max-width:1100px){.header-caption{margin-left:10px}.header-actions{gap:22px}.project,.index-scene{gap:4vw}.project-detail{grid-template-columns:1fr;gap:5px}.project-detail h3{margin-bottom:0}.project-poster{padding:24px}.poster-top,.poster-bottom{font-size:9px}.hero-art{right:-20%;width:92%;opacity:.8}.row-category{display:none}.index-row{min-height:82px}.project-copy .eyebrow{gap:18px}.hero-bottom{margin-top:30px}.hero-side-note{display:none}.enhanced .scene{padding-top:25px;padding-bottom:25px}}
@media(max-width:700px){:root{--pad:24px}.header{height:80px;gap:15px}.wordmark{font-size:27px}.brand-star{font-size:29px}.header-caption{display:none}.header-actions{gap:22px}.index-link{gap:10px;font-size:12px}.index-link>span{font-size:19px}.motion-label{display:none}.motion-toggle{padding:15px 5px}.scene{padding:42px var(--pad) 60px;min-height:calc(100svh - 80px)}.eyebrow{font-size:10px;gap:18px}.hero-eyebrow{font-size:10px;margin-bottom:24px}.hero-content{align-self:flex-end;margin-bottom:24px}h1{font-size:clamp(46px,10.8vw,78px);line-height:1.04;letter-spacing:-.065em;margin-bottom:24px}.hero-art{width:115%;height:76%;right:-20%;top:-5%;opacity:.8;mask-image:linear-gradient(180deg,#000 40%,transparent 97%)}.hero-bottom{margin-top:27px;justify-content:space-between;gap:20px;max-width:330px}.hero-bottom p{font-size:14px;line-height:1.45}.round-link{width:46px;height:46px;font-size:21px}.project{grid-template-columns:1fr;gap:24px;align-content:center;align-items:start}.project-copy h2{font-size:clamp(39px,9vw,68px);line-height:1;margin-bottom:16px}.project-copy .eyebrow{margin-bottom:14px}.project-detail{grid-template-columns:70px 1fr;gap:12px;margin-bottom:10px;max-width:none}.project-detail h3{font-size:16px}.project-detail p{font-size:14px;line-height:1.5}.project-link{font-size:13px;padding:6px 0;gap:24px}.project-link span{font-size:21px}.project-poster{padding:18px;aspect-ratio:1.6}.poster-top,.poster-bottom{font-size:9px;padding-top:9px;padding-bottom:9px}.poster-top{padding-top:0}.poster-bottom{padding-bottom:0}.ssf-poster-title{font-size:clamp(35px,10vw,64px);margin-bottom:12px}.ssf-poster-rule{height:5px}.rivet-type{font-size:clamp(70px,25vw,150px)}.can-type{font-size:clamp(65px,22vw,135px);line-height:.9}.can-caption{font-size:24px;position:absolute;bottom:45px;right:20px;margin:0}.rateshift-type{font-size:clamp(50px,16vw,100px);line-height:.68;margin-bottom:20px}.rate-symbol{font-size:220px;top:-6%}.index-scene{grid-template-columns:1fr;gap:20px;align-content:center}.index-heading .eyebrow{margin-bottom:14px}.index-heading h2{font-size:clamp(43px,11vw,74px);margin-bottom:0}.index-heading>p:last-child{display:none}.index-row{min-height:58px;padding:13px 0;gap:18px}.row-title{font-size:31px}.row-arrow{margin-left:auto;font-size:23px}.index-signature{font-size:10px;padding-top:18px;align-items:center}.stage-footer{padding-bottom:18px}.footer-top{font-size:10px;margin-bottom:13px}#scroll-cue{width:auto}.footer-statement{display:none}.project-nav a{min-height:49px;padding:0 10px;gap:9px;font-size:12px}.project-nav a>span{font-size:9px}.project-nav a:first-child{padding-left:4px}.project-nav a:last-child{padding-right:0}.enhanced .viewport{min-height:650px}.enhanced .scene{padding:20px var(--pad) 25px}.enhanced .project-poster{width:100%;aspect-ratio:1.75;max-height:240px}.enhanced .hero-art{top:-8%;height:80%}.enhanced .hero-content{margin-bottom:16px}.simple-layout .scene{padding-top:50px;padding-bottom:65px}.simple-layout .intro{min-height:720px}.simple-layout .project-poster{aspect-ratio:1.35}.simple-layout .can-caption{bottom:45px}.simple-layout .ssf-poster-title{font-size:14vw}}
@media(max-height:760px) and (min-width:701px){.enhanced .header{height:80px}.enhanced .viewport{min-height:590px}.enhanced h1{font-size:clamp(64px,7.5vw,120px)}.enhanced h2{font-size:clamp(48px,5.9vw,94px)}.hero-eyebrow{margin-bottom:22px}.hero-bottom{margin-top:24px}.enhanced .project-poster{aspect-ratio:1.35;max-height:380px}.ssf-poster-title{font-size:4.9vw}.rateshift-type{font-size:7vw}.index-row{min-height:75px}.project-copy .eyebrow{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.screenshot-poster{padding:18px;background:#23251f;color:#d9ddd0;border:1px solid #ffffff18;aspect-ratio:1.15}.browser-preview-bar{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:10px;color:#a3a798;padding:0 0 15px;height:32px;flex-shrink:0}.browser-dots{display:flex;gap:5px}.browser-dots i{display:block;width:5px;height:5px;border-radius:50%;background:#747a69}.project-shot-wrap{flex:1;min-height:0;overflow:hidden;background:#141714}.project-shot{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform .8s ease}.screenshot-poster:hover .project-shot{transform:scale(1.025)}.preview-caption{display:flex;justify-content:space-between;gap:20px;margin-top:18px;font-size:12px;flex-shrink:0}.preview-caption>span:last-child{color:#8e9680}.ssf-preview{border-color:#ff6c262b}.rivet-preview{border-color:#c5b7f02b}.can-preview{border-color:#d6fb612b}.rateshift-preview{border-color:#6b94c62b}@media(max-width:700px){.screenshot-poster{padding:12px}.browser-preview-bar{font-size:9px;height:22px;padding-bottom:10px}.preview-caption{font-size:10px;margin-top:10px}.preview-caption>span:last-child{display:none}}