:root{--black:#090909;--white:#f7f7f4;--lime:#34d13f;--yellow:#f4e500;--cyan:#22bfd0;--pad:clamp(24px,5vw,76px)}
html{scroll-padding-top:104px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--black);font-family:"DM Sans",sans-serif}img{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit;text-decoration:none}.site-header{position:relative;z-index:20;height:104px;padding:22px var(--pad);display:flex;align-items:center;justify-content:flex-end;color:white;background:var(--black)}.brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:clamp(250px,27vw,430px);height:58px;overflow:hidden}.brand img{object-fit:contain;filter:invert(1);mix-blend-mode:screen}.desktop-nav{display:flex;gap:34px;font-size:14px}.desktop-nav a{position:relative}.desktop-nav a:after{content:"";position:absolute;left:0;bottom:-7px;width:0;height:1px;background:white;transition:.3s}.desktop-nav a:hover:after{width:100%}.menu-button,.mobile-nav{display:none}.hero{position:relative;height:calc(100svh - 104px);min-height:650px;background:#24120e;color:white;overflow:hidden}.hero-image{position:absolute;inset:0;object-position:center 48%;transform:scale(1.015)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.28) 48%,rgba(0,0,0,.08) 80%),linear-gradient(0deg,rgba(0,0,0,.45),transparent 42%)}.hero-content{position:absolute;left:var(--pad);bottom:10vh;z-index:2}.eyebrow,.section-index{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:600}.hero h1{margin:12px 0 30px;font-size:clamp(72px,10vw,168px);line-height:.78;letter-spacing:-.055em;font-weight:600}.hero h1 em,.intro h2 em,.technology h2 em,.feature-copy h2 em{font-family:"Instrument Serif",serif;font-weight:400}.text-link{display:inline-flex;gap:22px;align-items:center;padding-bottom:7px;border-bottom:1px solid currentColor;font-size:14px;text-transform:uppercase;letter-spacing:.11em}.text-link span{font-size:22px}.hero-side{position:absolute;right:var(--pad);bottom:11vh;z-index:2;font-size:13px;letter-spacing:.1em;writing-mode:vertical-rl}.motion-line{position:absolute;z-index:2;left:var(--pad);right:var(--pad);bottom:4vh;height:4px;background:linear-gradient(90deg,#00b23c,#c9ed00,#ffd300,#f08a00,#12bed0)}
.intro{padding:clamp(90px,12vw,180px) var(--pad);display:grid;grid-template-columns:1fr 3fr;gap:40px}.section-index{color:#717171}.intro-copy h2,.technology h2,.feature-copy h2{font-size:clamp(44px,6vw,94px);line-height:.98;letter-spacing:-.045em;margin:0}.intro-copy>p{max-width:620px;margin:42px 0 0 auto;font-size:clamp(17px,1.4vw,22px);line-height:1.6;color:#444}.collections{display:grid;grid-template-columns:1.45fr 1fr;grid-template-rows:72vh 72vh;gap:8px;padding:0 8px}.collection-card{position:relative;overflow:hidden;background:#222}.collection-card--wide{grid-row:span 2}.collection-card img{transition:transform .8s cubic-bezier(.2,.75,.2,1)}.collection-card:hover img{transform:scale(1.035)}.card-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.67),transparent 58%)}.card-copy{position:absolute;left:clamp(24px,3vw,50px);right:30px;bottom:34px;color:white}.card-copy p{font-size:12px}.card-copy h3{font-family:"Instrument Serif",serif;font-size:clamp(56px,7vw,110px);font-weight:400;line-height:.8;margin:10px 0 22px}.card-copy span{font-size:15px}.technology{background:var(--black);color:white;padding:clamp(100px,12vw,180px) var(--pad)}.tech-heading{display:grid;grid-template-columns:1fr 3fr;margin-bottom:clamp(60px,8vw,110px)}.tech-heading .section-index{color:#aaa}.tech-visual{position:relative;width:min(100%,1100px);height:68vh;min-height:500px;margin-left:auto;overflow:hidden;border-radius:2px}.tech-visual img{object-position:center 46%}.tech-marker{position:absolute;border:1px solid white;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;font-size:12px;background:rgba(0,0,0,.32);backdrop-filter:blur(6px)}.marker-one{top:20%;left:24%}.marker-two{top:52%;left:63%}.marker-three{bottom:13%;right:12%}.tech-list{margin:64px 0 0 auto;width:min(100%,1100px);display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.tech-list article{border-top:1px solid #555;padding-top:18px}.tech-list span{font-size:12px;color:#aaa}.tech-list h3{font-size:20px;margin:32px 0 12px}.tech-list p{color:#aaa;line-height:1.55;margin:0}.editorial-grid{padding:8px;display:grid;grid-template-columns:1fr .75fr 1fr;gap:8px;background:var(--black)}.editorial-grid figure{height:78vh;margin:0;position:relative;overflow:hidden}.editorial-grid figcaption{position:absolute;left:24px;bottom:24px;color:white;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.editorial-statement{background:#f1ea00;padding:36px;display:flex;flex-direction:column;justify-content:space-between}.editorial-statement p{font-family:"Instrument Serif",serif;font-size:clamp(50px,6vw,92px);line-height:.88;margin:0}.editorial-statement span{font-size:12px;text-transform:uppercase;letter-spacing:.12em}.feature-story{display:grid;grid-template-columns:1.25fr 1fr;min-height:86vh}.feature-image{min-height:720px}.feature-copy{padding:var(--pad);display:flex;flex-direction:column;justify-content:center}.feature-copy h2{margin:40px 0}.feature-copy>p:not(.section-index){max-width:440px;color:#555;font-size:18px;line-height:1.6;margin:0 0 38px}footer{background:var(--black);color:white;padding:80px var(--pad) 34px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:30px}footer img{width:min(350px,100%);height:auto;filter:invert(1);mix-blend-mode:screen}footer p{text-align:center;font-family:"Instrument Serif",serif;font-size:30px;margin:0}footer a{text-align:right;font-size:13px;text-transform:uppercase;letter-spacing:.1em}.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:760px){.site-header{height:82px;padding:16px 20px}.brand{width:220px;height:42px}.desktop-nav{display:none}.menu-button{display:block;border:0;background:transparent;color:white;font:inherit;font-size:14px;z-index:2}.mobile-nav{position:absolute;top:82px;left:16px;right:16px;background:white;color:black;padding:26px;flex-direction:column;gap:22px}.mobile-nav.open{display:flex}.hero{height:calc(100svh - 82px);min-height:620px}.hero-image{object-position:58% center}.hero-content{bottom:12vh}.hero h1{font-size:clamp(64px,21vw,94px)}.hero-side{display:none}.intro,.tech-heading{grid-template-columns:1fr}.intro-copy h2{margin-top:38px}.intro-copy>p{margin:32px 0 0}.collections{grid-template-columns:1fr;grid-template-rows:none}.collection-card,.collection-card--wide{height:78vh;grid-row:auto}.technology{padding-left:24px;padding-right:24px}.tech-heading h2{margin-top:38px}.tech-visual{height:58vh;min-height:430px}.tech-list{grid-template-columns:1fr}.editorial-grid{grid-template-columns:1fr}.editorial-grid figure{height:70vh}.editorial-statement{min-height:480px}.feature-story{grid-template-columns:1fr}.feature-image{min-height:72vh}.feature-copy{min-height:620px}footer{grid-template-columns:1fr;align-items:start}footer p,footer a{text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.collection-card img{transition:none}}
.site-header{position:sticky;top:0;box-shadow:0 8px 30px rgba(0,0,0,.12)}
.tech-visual,.tech-list{width:100%;max-width:none;margin-left:0}
footer{grid-template-columns:minmax(220px,.8fr) minmax(520px,1.8fr) minmax(150px,.6fr);align-items:center;padding-top:64px;padding-bottom:64px;border-top:1px solid #272727}.footer-logo{align-self:center}.footer-center{display:grid;grid-template-columns:2fr 1fr;gap:clamp(36px,6vw,90px);align-items:start}.footer-center h2{font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;margin:0 0 20px}.contact-block p{font-family:"DM Sans",sans-serif;text-align:left;font-size:14px;margin:0 0 10px}.contact-block address{display:flex;flex-direction:column;font-style:normal}.contact-block address span,.contact-block address a{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #353535;color:#9b9b9b;font-size:13px;line-height:1.4;text-transform:none;letter-spacing:0;text-align:left}.contact-block address b{min-width:14px;color:white;font-size:17px;font-weight:400}.social-links{display:flex;gap:18px}.social-links a{display:grid;place-items:center;width:38px;height:38px;color:white;font-size:30px;font-weight:700;text-transform:none;letter-spacing:0}.social-links a:last-child{border:3px solid white;border-radius:9px;font-size:26px;line-height:1}.back-top{align-self:center}
@media(max-width:900px){footer{grid-template-columns:1fr;gap:52px;align-items:start}.footer-center{grid-template-columns:1fr 1fr;width:100%}.back-top{text-align:left;align-self:start}}
@media(max-width:560px){.footer-center{grid-template-columns:1fr}.contact-block address span,.contact-block address a{font-size:12px}.footer-logo{width:min(290px,100%)}}