@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#092f32;--paper:#eeeae2;--gold:#d4be95;--muted:#6d7771;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:6px}button{border:0;background:none}img{display:block;width:100%;object-fit:cover}h1,h2,h3,p{margin:0}em{font-family:Georgia,serif;font-weight:400}::selection{background:var(--gold);color:var(--ink)}.skip{position:fixed;top:-60px;z-index:200;background:var(--paper);padding:14px}.skip:focus{top:10px}.intro{position:fixed;inset:0;background:var(--ink);color:var(--gold);z-index:100;display:flex;align-items:center;justify-content:center;flex-direction:column;animation:introOut 1s var(--ease) 1s forwards;pointer-events:none}.intro>span{font-size:clamp(25px,6vw,90px);letter-spacing:.12em}.intro small{letter-spacing:.4em;margin-top:20px}.intro>div{width:140px;height:1px;background:var(--gold);margin-top:35px;transform-origin:left;animation:load 1s var(--ease)}@keyframes introOut{to{transform:translateY(-100%)}}@keyframes load{from{transform:scaleX(0)}to{transform:scaleX(1)}}header{height:108px;position:absolute;top:0;left:0;width:100%;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;color:white;z-index:40;border-bottom:1px solid #ffffff25}.brand{display:flex;align-items:center;gap:14px}.brand img{width:50px;height:58px;object-fit:contain;border-radius:2px;background:white}.brand>span{font-size:19px;letter-spacing:.12em;font-weight:700}.brand small{display:block;font-size:9px;letter-spacing:.5em;margin-top:5px}.header-location{font-size:10px;letter-spacing:.18em;opacity:.7}.menu-toggle{display:flex;gap:25px;align-items:center;font-size:11px;letter-spacing:.15em;padding:20px 0}.menu-toggle i{width:25px;height:8px;border-top:1px solid currentColor;border-bottom:1px solid currentColor;transition:transform .4s}body.menu-open .menu-toggle i{transform:rotate(45deg)}body.menu-open{overflow:hidden}body.menu-open header{position:fixed}#menu{position:fixed;inset:0;z-index:35;background:var(--ink);color:var(--paper);padding:145px 10vw 45px;clip-path:inset(0 0 100%);transition:clip-path .8s var(--ease);display:flex;flex-direction:column}body.menu-open #menu{clip-path:inset(0)}#menu>small{font-size:10px;letter-spacing:.2em;color:var(--gold);margin-bottom:25px}#menu>a{font-size:clamp(25px,4vw,64px);padding:18px 0;border-bottom:1px solid #ffffff25;display:flex;align-items:center;gap:25px}#menu sup{font-size:12px;color:var(--gold)}#menu a>span{margin-left:auto;transition:transform .4s}#menu a:hover>span{transform:rotate(45deg)}#menu p{margin-top:auto;font-size:12px;padding-top:30px;color:var(--gold)}.hero{height:100svh;min-height:730px;max-height:1200px;position:relative;background:var(--ink);color:white;overflow:hidden}.hero-media,.slide,.hero-shade,.hero-grid{position:absolute;inset:0}.slide{opacity:0;clip-path:inset(0 0 0 100%);transition:clip-path 1.4s var(--ease),opacity 1s}.slide.active{opacity:1;clip-path:inset(0)}.slide img{height:100%;transform:scale(1.12);transition:transform 9s linear}.slide.active img{transform:scale(1)}.hero-shade{background:linear-gradient(90deg,#051f29bd,#05202916 80%),linear-gradient(0deg,#062d31dc,transparent 45%,#092f3240)}.hero-grid{background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#ffffff0c calc(25% - 1px),#ffffff0c 25%);pointer-events:none}.hero-copy{position:absolute;left:8vw;top:27%;width:70%}.eyebrow{font-size:10px;letter-spacing:.22em;display:flex;gap:12px;align-items:center}.eyebrow>span{width:6px;height:6px;background:var(--gold);border-radius:50%}h1{font-size:clamp(85px,10.5vw,170px);line-height:.97;letter-spacing:-.07em;margin-top:35px;font-weight:500}h1>span{display:block;animation:titleIn 1.3s var(--ease) 1.1s both}h1>span+span{animation-delay:1.25s}h1 em{color:var(--gold);letter-spacing:-.065em}@keyframes titleIn{from{opacity:0;transform:translateY(55px);clip-path:inset(100% 0 0)}to{opacity:1;transform:none;clip-path:inset(0)}}.hero-description{display:flex;gap:65px;align-items:center;margin-top:35px}.hero-description p{font-size:13px;line-height:1.9;color:#e4e4dc}.round-link{height:58px;width:58px;border:1px solid #ffffff80;border-radius:50%;display:grid;place-items:center;font-size:24px;transition:background .4s,transform .4s}.round-link:hover{background:var(--gold);color:var(--ink);transform:rotate(45deg)}.slide-picker{position:absolute;right:4.5vw;top:44%;width:180px}.slide-picker button{display:flex;gap:15px;padding:21px 0;width:100%;color:#ffffff80;border-bottom:1px solid #ffffff30;text-align:left;font-size:10px;transition:color .3s}.slide-picker button.selected{color:white;border-color:var(--gold)}.slide-picker small{color:var(--gold);font-size:9px}.hero-bottom{position:absolute;bottom:35px;left:4.5vw;right:4.5vw;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.12em}.hero-bottom>a{display:flex;gap:30px;align-items:center}.hero-bottom>a span{font-size:20px;animation:bob 2s infinite}.concept-tag{font-size:8px;opacity:.55}.hero-controls{display:flex;align-items:center;gap:18px}.hero-controls button{font-size:20px;padding:8px}.hero-controls #pause{font-size:13px}.progress{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#ffffff20}.progress i{display:block;height:100%;background:var(--gold);width:100%;transform-origin:left;animation:progress 7s linear infinite}.hero.paused .progress i{animation-play-state:paused}@keyframes progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes bob{50%{transform:translateY(7px)}}.section-pad{padding:105px 8vw}.section-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.15em;border-top:1px solid #092f3230;padding-top:20px;margin-bottom:65px}.about-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:12vw}h2{font-size:clamp(45px,5.7vw,85px);font-weight:500;letter-spacing:-.055em;line-height:1.08}.about h2>span{font-family:Georgia,serif;color:#7f9188;font-style:italic}.tiny-cross{font-size:45px;color:#a7906b;display:block;margin-bottom:35px}.about-copy .lead{font-size:21px;line-height:1.6;letter-spacing:-.03em;margin-bottom:28px}.about-copy>p:not(.lead){font-size:12px;line-height:2;color:var(--muted)}.text-link{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #092f3250;padding:18px 0;margin-top:25px;font-size:10px;letter-spacing:.12em}.text-link span{font-size:22px}.about-foot{display:flex;justify-content:space-between;border-top:1px solid #092f3225;margin-top:70px;padding-top:24px;font-size:9px;letter-spacing:.12em}.marquee{overflow:hidden;background:var(--gold);padding:25px 0;color:var(--ink)}.marquee>div{display:flex;gap:50px;align-items:center;width:max-content;white-space:nowrap;font-size:clamp(40px,5vw,80px);font-weight:500;letter-spacing:-.04em;animation:marquee 27s linear infinite}.marquee span{font-size:.75em}@keyframes marquee{to{transform:translateX(-50%)}}.projects{background:var(--ink);color:var(--paper);overflow:hidden}.projects .section-label{border-color:#ffffff30;color:var(--gold)}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:55px}.section-heading em{color:var(--gold)}.section-heading p{font-size:11px;color:#c0cdca;line-height:1.9}.project-controls{display:flex;gap:12px;margin-top:25px}.project-controls button{width:44px;height:44px;border:1px solid #ffffff40;border-radius:50%;transition:background .3s}.project-controls button:hover{background:var(--gold);color:var(--ink)}.project-track{display:flex;gap:38px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:10px}.project-track::-webkit-scrollbar{display:none}.project{flex:0 0 58%;text-align:left;padding:0;scroll-snap-align:start}.project:nth-child(2){flex-basis:36%;padding-top:90px}.project:nth-child(3){flex-basis:50%}.project-image{height:430px;position:relative;overflow:hidden}.project:nth-child(2) .project-image{height:340px}.project-image img{height:100%;transition:transform 1s var(--ease),filter 1s}.project:hover img{transform:scale(1.05);filter:brightness(.8)}.project-image>span{position:absolute;right:25px;bottom:25px;width:95px;height:95px;background:var(--gold);color:var(--ink);border-radius:50%;display:grid;place-items:center;font-size:10px;transform:translateY(130%);transition:transform .6s var(--ease)}.project:hover .project-image>span,.project:focus-visible .project-image>span{transform:none}.project-caption{margin-top:22px}.project-caption small{font-size:8px;color:var(--gold);letter-spacing:.15em}.project h3{font-size:25px;font-weight:500;margin-top:13px;letter-spacing:-.035em;display:flex;justify-content:space-between}.project-note{font-size:9px;color:#a2b6b1;margin-top:35px;line-height:1.7}.manifesto{height:680px;position:relative;overflow:hidden;color:white}.manifesto>img{height:120%;position:absolute;top:-10%;object-position:center;filter:brightness(.65)}.manifesto-shade{position:absolute;inset:0;background:linear-gradient(90deg,#082e3290,transparent)}.manifesto-copy{position:absolute;left:8vw;top:100px}.manifesto h2{font-size:clamp(65px,8vw,120px);margin:35px 0}.manifesto h2 em{color:var(--gold)}.manifesto-copy>p:last-child{font-size:14px;line-height:1.9}.manifesto-note{position:absolute;bottom:40px;right:8vw;font-size:10px;letter-spacing:.15em}.approach-layout{display:grid;grid-template-columns:1fr 1fr;gap:7vw}.approach-title h2{font-size:clamp(40px,4vw,65px)}.approach-title>p{font-size:12px;color:var(--muted);line-height:1.8;margin-top:30px}.orbit{height:150px;width:150px;border:1px solid #092f3230;border-radius:50%;margin-top:50px;position:relative;display:grid;place-items:center}.orbit>span{font-size:70px;font-family:Georgia,serif;color:#a58e68}.orbit i{position:absolute;inset:-8px;border:1px dashed #092f3240;border-radius:50%;animation:spin 25s linear infinite}.orbit i:after{content:'';width:10px;height:10px;background:var(--ink);border-radius:50%;position:absolute;top:12px;left:20px}@keyframes spin{to{transform:rotate(360deg)}}details{border-top:1px solid #092f3230}details:last-child{border-bottom:1px solid #092f3230}summary{padding:28px 0;display:flex;align-items:center;gap:25px;font-size:24px;letter-spacing:-.04em;cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}summary small{font-size:10px;color:var(--muted);letter-spacing:0}summary span{margin-left:auto;font-size:24px;font-weight:400;transition:transform .4s}details[open] summary span{transform:rotate(45deg)}details p{padding:0 25px 30px 42px;font-size:12px;line-height:2;color:var(--muted);animation:fade .5s}@keyframes fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.contact{background:var(--gold)}.contact .section-label{margin-bottom:55px}.contact-title{display:block;font-size:clamp(50px,7vw,110px);line-height:1.08;letter-spacing:-.065em;position:relative}.contact-title>span{position:absolute;right:0;top:20px;font-size:100px;transition:transform .5s}.contact-title:hover>span{transform:rotate(45deg)}.contact-details{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #092f3240;margin-top:65px;padding-top:30px}.contact-details small{font-size:9px;letter-spacing:.12em;opacity:.7}.contact-details p{font-size:13px;margin-top:12px}.live-dot{width:5px;height:5px;background:var(--ink);border-radius:50%;display:inline-block;margin-left:8px}footer{background:#062629;color:var(--paper);padding:55px 8vw 25px;display:flex;align-items:center;flex-wrap:wrap;gap:35px}footer>p{color:var(--gold);font-family:Georgia,serif;font-size:24px;font-style:italic;margin-left:auto}.back-top{font-size:9px;letter-spacing:.1em;margin-left:35px}.footer-bottom{flex-basis:100%;display:flex;justify-content:space-between;border-top:1px solid #ffffff20;padding-top:25px;font-size:9px;color:#b0bfba}.reveal{transition:transform 1s var(--ease),opacity 1s var(--ease)}.js .reveal{opacity:0;transform:translateY(45px)}.js .reveal.visible{opacity:1;transform:none}.cursor{position:fixed;width:70px;height:70px;border:1px solid #d4be9580;border-radius:50%;z-index:80;pointer-events:none;display:grid;place-items:center;font-size:8px;color:var(--gold);opacity:0;transition:opacity .2s;top:0;left:0}.cursor.on{opacity:1}dialog{padding:0;border:0;width:min(1100px,92vw);max-height:90svh;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#031e25de;backdrop-filter:blur(8px)}dialog[open]{display:grid;grid-template-columns:1.05fr 1fr;animation:fade .4s}dialog>img{height:100%;min-height:510px}dialog>div{padding:65px 45px}dialog small{font-size:9px;letter-spacing:.12em}dialog h2{font-size:50px;margin:30px 0}dialog p{font-size:13px;line-height:1.9;color:var(--muted)}dialog .dialog-note{font-size:10px;margin-top:30px}.dialog-close{position:absolute;top:15px;right:15px;background:var(--paper);width:36px;height:36px;border-radius:50%;z-index:1}
@media(min-width:1600px){.hero-copy{top:25%}}@media(max-width:1000px){.hero-copy{left:6vw;width:80%}.hero{min-height:750px}.slide-picker{right:4vw;width:145px;top:55%}h1{font-size:115px}.section-pad{padding:80px 6vw}.about-layout{gap:7vw}.about-copy .lead{font-size:18px}.project-image{height:350px}.project:nth-child(2) .project-image{height:280px}.contact-title>span{font-size:70px}.approach-layout{gap:5vw}summary{font-size:21px}.concept-tag{display:none}}
@media(max-width:700px){header{height:85px;padding:0 6vw}.brand img{width:37px;height:45px}.brand>span{font-size:14px}.brand small{font-size:7px}.header-location{display:none}.menu-toggle{font-size:9px;gap:15px}.hero{height:94svh;min-height:700px;max-height:1000px}.hero-copy{top:27%;width:88%}h1{font-size:clamp(76px,18vw,120px);margin-top:30px}.eyebrow{font-size:8px;letter-spacing:.12em}.hero-description{margin-top:30px;gap:35px}.hero-description p{font-size:12px}.round-link{width:50px;height:50px}.slide-picker{top:auto;bottom:105px;left:6vw;right:6vw;width:auto;display:flex;gap:15px}.slide-picker button{font-size:8px;padding:12px 0;gap:6px}.slide-picker small{font-size:8px}.hero-bottom{left:6vw;right:6vw;bottom:25px;font-size:8px}.hero-controls{gap:8px}.hero-controls button{font-size:18px;padding:8px}.hero-bottom>a{gap:10px}.section-pad{padding:65px 6vw}.section-label{font-size:8px;margin-bottom:40px;gap:20px;line-height:1.6}.section-label>span:last-child{text-align:right}.about-layout{grid-template-columns:1fr;gap:35px}h2{font-size:55px}.about h2 br:last-of-type{display:none}.tiny-cross{font-size:35px;margin-bottom:20px}.about-copy .lead{font-size:19px}.about-foot{flex-wrap:wrap;gap:18px;margin-top:35px;font-size:8px}.marquee{padding:20px 0}.marquee>div{gap:25px;font-size:45px}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:47px}.section-heading>div{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:25px}.section-heading p{font-size:9px}.project-controls{margin-top:0;gap:7px}.project-controls button{width:35px;height:35px}.project-track{gap:20px}.project,.project:nth-child(2),.project:nth-child(3){flex-basis:88%;padding-top:0}.project-image,.project:nth-child(2) .project-image{height:350px}.project h3{font-size:22px}.project-image>span{height:65px;width:65px;transform:none;font-size:8px;right:15px;bottom:15px}.manifesto{height:550px}.manifesto-copy{left:6vw;top:90px}.manifesto h2{font-size:70px}.manifesto-note{right:6vw;font-size:8px}.approach-layout{grid-template-columns:1fr;gap:40px}.approach-title h2{font-size:43px}.orbit{display:none}summary{font-size:22px;padding:25px 0}.contact-title{font-size:48px;padding-right:15px}.contact-title>span{font-size:45px;top:auto;bottom:-55px}.contact-details{flex-wrap:wrap;margin-top:70px;gap:30px}.contact-details>div{min-width:42%}.contact-details p{font-size:11px}.contact-details small{font-size:8px}footer{padding:40px 6vw 25px;gap:25px}footer>p{font-size:20px;margin-left:auto}.back-top{margin:0;font-size:8px}.footer-bottom{font-size:8px;gap:20px;line-height:1.7}#menu{padding:130px 6vw 35px}#menu>a{font-size:28px;gap:12px;padding:22px 0}#menu sup{font-size:9px}.cursor{display:none}dialog[open]{grid-template-columns:1fr}dialog>img{height:260px;min-height:0}dialog>div{padding:35px 25px}dialog h2{font-size:38px;margin:20px 0}}
@media(prefers-reduced-motion:reduce){html:not(.motion-enabled){scroll-behavior:auto}html:not(.motion-enabled) *,html:not(.motion-enabled) *:before,html:not(.motion-enabled) *:after{animation:none!important;transition:none!important}html:not(.motion-enabled) .intro{display:none}html:not(.motion-enabled) .js .reveal{opacity:1;transform:none}html:not(.motion-enabled) .slide img{transform:none}html:not(.motion-enabled) .cursor{display:none}html:not(.motion-enabled) .progress{display:none}}