@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap');
:root{--black:#090b0c;--paper:#f8f8f6;--ink:#090b0c;--line:rgba(9,11,12,.18);--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.35}.nav{position:fixed;z-index:20;top:0;left:0;right:0;height:80px;padding:25px 4.7vw;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.logo{font-size:15px;letter-spacing:.02em;font-weight:700;pointer-events:auto}.logo span,footer span{font-weight:400;margin-left:4px}.logo-light{color:#fff}.logo-dark{color:var(--ink);display:none}.menu-trigger{pointer-events:auto;width:38px;height:32px;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:0}.menu-trigger i{height:1px;width:36px;background:#fff;display:block;transition:transform .35s,background .35s}.menu-panel{position:fixed;inset:0;background:var(--black);color:#fff;z-index:15;display:flex;flex-direction:column;justify-content:center;padding:8vw;transform:translateY(-100%);transition:transform .6s cubic-bezier(.76,0,.24,1)}.menu-panel.open{transform:none}.menu-panel nav{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.menu-panel nav a{font:clamp(3rem,7vw,7rem)/.9 var(--serif);letter-spacing:-.06em}.menu-panel p{font-family:'DM Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:.1em;margin-top:12vh}.hero{height:100vh;min-height:680px;background:var(--black);color:#fff;padding:0 4.7vw 24px;position:relative}.hero-inner{height:calc(100% - 26px);position:relative;overflow:hidden}.hero-inner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.55) contrast(1.05);transition:opacity .7s,transform 1.1s}.hero-inner.change>img{opacity:.2;transform:scale(1.06)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.34),transparent 37%,rgba(0,0,0,.28))}.hero-copy{position:absolute;left:0;top:25%;padding-left:0}.hero-tabs{display:flex;flex-direction:column;gap:12px;margin-bottom:34px;width:250px}.hero-tab{color:#fff;text-align:left;padding:0;background:none;border:0;opacity:.45;display:flex;flex-direction:column;gap:7px;font-size:15px;cursor:pointer}.hero-tab.active{opacity:1}.hero-tab b{height:2px;background:rgba(255,255,255,.34);width:100%;display:block;position:relative}.hero-tab.active b:after{content:'';height:100%;width:100%;background:#fff;position:absolute;left:0;top:0;transform-origin:left;animation:progress 6s linear forwards}@keyframes progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}.hero-copy h1{font:clamp(4rem,8vw,8.2rem)/.86 var(--serif);font-weight:400;letter-spacing:-.075em;margin:0}.hero-copy p{font-family:'DM Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:.09em;margin:16px 0}.hero-brand{position:absolute;left:0;bottom:20px;font-size:clamp(3rem,9vw,9rem);font-weight:700;letter-spacing:-.06em;line-height:.8}.hero-brand span{font-size:.15em;letter-spacing:.08em;vertical-align:top;margin-left:8px}.scroll-note{font-family:'DM Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.1em;position:absolute;right:4.7vw;bottom:24px}.scroll-note span{font-size:20px;margin-left:10px}.welcome{background:var(--paper);padding:15vh 4.7vw 18vh}.section-label{font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.welcome h2{font-size:clamp(3rem,6.4vw,7rem);line-height:.96;letter-spacing:-.07em;font-weight:500;max-width:900px;margin:80px 0 120px}.welcome h2 span{font-family:var(--serif);font-style:italic;font-weight:400}.welcome-rule{width:45%;border-top:1px solid var(--ink)}.editorial{padding:0 4.7vw 18vh}.editorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:5.5vw;align-items:start}.editorial figure{margin:0}.tall img{display:block;width:100%;height:86vh;object-fit:cover}.editorial-copy{padding-top:16vh}.small-image img{display:block;width:100%;height:28vh;object-fit:cover}.editorial-copy h3,.feature-copy h2{font-size:clamp(2.7rem,4.9vw,5.7rem);line-height:.92;letter-spacing:-.07em;font-weight:500;margin:55px 0 35px}.editorial-copy h3 em,.feature-copy h2 em,.contact h2 em{font-family:var(--serif);font-weight:400}.editorial-copy p,.feature-copy p{font-size:17px;max-width:410px;line-height:1.5;margin:0 0 40px}.under-link,.contact-link{font-size:12px;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--ink);padding-bottom:8px;display:inline-flex;gap:16px}.under-link span,.contact-link span{font-size:18px;line-height:10px}.split-feature{background:#ececea;display:grid;grid-template-columns:1.25fr .9fr;min-height:100vh;align-items:center;padding:9vh 4.7vw;gap:10vw}.feature-image img{display:block;width:100%;height:75vh;object-fit:cover}.feature-copy{padding:6vw 0}.feature-copy h2{margin-top:70px}.services{padding:16vh 4.7vw 18vh}.services-list{margin-top:12vh;border-top:1px solid var(--line)}.services-list article{display:grid;grid-template-columns:70px 1fr 1fr;gap:20px;border-bottom:1px solid var(--line);padding:27px 0;align-items:start}.services-list article>span,.project-row>div>span{font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.1em}.services-list h3{font-size:25px;font-weight:500;margin:0}.services-list p{font-size:15px;margin:0;max-width:330px}.project-marquee{background:var(--black);color:#fff;overflow:hidden;padding:6vh 0}.marquee-track{display:flex;gap:5vw;white-space:nowrap;animation:marquee 20s linear infinite;font:clamp(3.2rem,7vw,8rem)/.9 var(--serif);letter-spacing:-.06em}@keyframes marquee{to{transform:translateX(-33.33%)}}.projects-end{padding:14vh 4.7vw}.project-row{display:grid;grid-template-columns:1.15fr .8fr .35fr;gap:5vw;align-items:center;border-bottom:1px solid var(--line);padding:36px 0}.project-row h3{font:clamp(2.3rem,4.5vw,5rem)/.9 var(--serif);font-weight:400;letter-spacing:-.06em;margin:25px 0 0}.project-row img{width:100%;height:180px;object-fit:cover}.project-row p{font-family:'DM Mono',monospace;font-size:11px;text-transform:uppercase;line-height:1.6}.contact{background:var(--black);color:#fff;padding:15vh 4.7vw 17vh}.contact h2{font-size:clamp(4rem,9vw,10rem);line-height:.85;letter-spacing:-.08em;font-weight:500;margin:15vh 0 13vh}.contact-bottom{display:flex;justify-content:space-between;align-items:end;border-top:1px solid rgba(255,255,255,.35);padding-top:25px}.contact-bottom p{max-width:400px;margin:0;font-size:17px}.contact-link{color:#fff;border-color:#fff}.contact-link span{font-size:18px}footer{display:grid;grid-template-columns:1fr 1fr 1fr;padding:30px 4.7vw;font-size:11px;text-transform:uppercase;letter-spacing:.08em}footer p{margin:0}footer p:last-child{text-align:right}.reveal{opacity:0;transform:translateY(35px);transition:opacity .9s,transform .9s}.reveal.visible{opacity:1;transform:none}
@media(max-width:760px){.nav{padding:20px}.hero{padding:0 20px 20px;min-height:720px}.hero-inner{height:calc(100% - 20px)}.hero-copy{top:22%}.hero-tabs{width:200px;gap:10px}.hero-tab{font-size:13px}.hero-copy h1{font-size:4.6rem}.hero-brand{font-size:4rem;bottom:28px}.scroll-note{right:20px;bottom:20px}.welcome,.editorial,.services,.projects-end,.contact{padding-left:20px;padding-right:20px}.welcome{padding-top:100px;padding-bottom:120px}.welcome h2{margin:70px 0 90px;font-size:3.8rem}.editorial-grid,.split-feature{display:block}.tall img{height:72vh}.editorial-copy{padding:90px 0}.small-image img{height:240px}.editorial-copy h3,.feature-copy h2{font-size:3.4rem;margin-top:45px}.split-feature{padding-top:80px;padding-bottom:100px}.feature-image img{height:60vh}.feature-copy{padding:85px 0 0}.services{padding-top:100px;padding-bottom:120px}.services-list{margin-top:75px}.services-list article{grid-template-columns:42px 1fr;gap:12px}.services-list h3{font-size:22px}.services-list p{grid-column:2}.project-row{grid-template-columns:1fr 1fr;gap:16px}.project-row img{height:140px}.project-row p{grid-column:2;margin:0}.contact{padding-top:100px}.contact h2{font-size:4.2rem;margin:100px 0 100px}.contact-bottom{display:block}.contact-bottom p{font-size:16px;margin-bottom:45px}footer{display:flex;justify-content:space-between;padding:25px 20px}footer p{display:none}}
