.theme-dark{background:#080909;color:#f5f5f0}.ml-hero{position:relative;min-height:100svh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,5vw,7rem);padding-top:calc(var(--nav-height) + 5rem);padding-bottom:7rem;overflow:hidden}.ml-hero__copy{position:relative;z-index:1}.ml-hero h1,.ml-statement h2,.ml-feature h2,.ml-gallery h2,.ml-close h2{font-weight:700;text-transform:uppercase;letter-spacing:-.06em}.ml-hero h1{margin:1.8rem 0 2rem;font-size:clamp(4.5rem,8.2vw,10rem);line-height:.87}.ml-hero h1 em{font-family:var(--font-serif);font-size:.79em;font-weight:400;text-transform:none;letter-spacing:-.055em}.ml-hero .serif-copy{max-width:36rem;margin:0 0 2.7rem;color:#b8bcb8}.ml-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.6rem}.ml-button{display:inline-flex;justify-content:space-between;align-items:center;gap:2.5rem;min-width:11rem;padding:1rem 1.25rem;background:#f5f5f0;color:#0a0a0a;font-size:.7rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;transition:transform .25s,background .25s}.ml-button:hover{transform:translateY(-3px);background:#d5dbd5}.ml-button span,.ml-text-link span{font-size:1rem;font-weight:300}.ml-text-link{display:inline-flex;align-items:center;gap:.8rem;padding:.8rem 0;border-bottom:1px solid #777;font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;transition:border-color .2s}.ml-text-link:hover{border-color:#fff}.ml-media{position:relative;margin:0;overflow:hidden;background:#14191a}.ml-media img{display:block;width:100%;height:100%;object-fit:cover}.ml-media figcaption{position:absolute;left:1.25rem;bottom:1.2rem;padding:.3rem .45rem;background:rgba(6,8,9,.55);font-size:.58rem;letter-spacing:.17em;text-transform:uppercase;color:#f5f5f0}.ml-hero__media{width:100%;height:clamp(29rem,59vw,47rem)}.ml-hero__index{position:absolute;left:var(--page-padding);bottom:2rem;margin:0;color:#8e9691;font-size:.65rem;line-height:1.5;letter-spacing:.14em;text-transform:uppercase}.ml-statement{display:grid;grid-template-columns:1fr 2fr;column-gap:2rem;padding-top:clamp(7rem,13vw,14rem);padding-bottom:clamp(8rem,14vw,15rem)}.ml-statement .eyebrow{padding-top:1rem;color:#aab2ac}.ml-statement h2{grid-column:2;margin:0;font-size:clamp(4.2rem,8vw,9.5rem);line-height:.91}.ml-statement h2 span{font-family:var(--font-serif);font-weight:400;text-transform:none;letter-spacing:-.055em;color:#b7c2bb}.ml-statement .serif-copy{grid-column:2;max-width:37rem;margin:3rem 0 0 auto;color:#aeb5af}.ml-feature{padding-block:clamp(5rem,9vw,10rem)}.ml-feature--light{background:#f1f0ec;color:#101210}.ml-feature--dark{background:#181d1d;color:#f5f5f0}.ml-feature__inner{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:clamp(3rem,8vw,10rem)}.ml-feature__inner--reverse .ml-feature__copy{grid-column:2;grid-row:1}.ml-feature__inner--reverse .ml-feature__media{grid-column:1;grid-row:1}.ml-feature__copy{max-width:36rem}.ml-feature h2{margin:2rem 0;font-size:clamp(3.2rem,5.8vw,7rem);line-height:.93}.ml-feature .serif-copy{max-width:30rem;margin:0;color:#626862}.ml-feature--dark .serif-copy{color:#b3bcb7}.ml-feature__media{aspect-ratio:5/4}.ml-gallery{padding-top:clamp(7rem,12vw,13rem);padding-bottom:clamp(7rem,12vw,13rem)}.ml-gallery__heading{display:grid;grid-template-columns:1fr 2fr;gap:1rem;align-items:end;margin-bottom:3.5rem}.ml-gallery__heading .eyebrow{align-self:start;color:#aab2ac}.ml-gallery h2{grid-column:2;margin:0;font-size:clamp(3.4rem,7vw,8rem);line-height:.95}.ml-gallery .serif-copy{grid-column:2;margin:0;color:#aeb5af}.ml-gallery__media{width:100%;aspect-ratio:2.1/1}.ml-close{min-height:68svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:7rem;padding-bottom:7rem;text-align:center;background:#242c2b}.ml-close h2{margin:1.8rem 0 1rem;font-size:clamp(4.5rem,10vw,12rem);line-height:.9}.ml-close .serif-copy{margin:0 0 2.5rem;color:#c4cbc5}.ml-close__note{margin:1.2rem 0 0;color:#9da6a0;font-size:.65rem;letter-spacing:.05em}.ml-button--light{min-width:14rem}.site-footer{background:#080909}
@media(max-width:900px){.ml-hero{grid-template-columns:1fr;padding-top:calc(var(--nav-height) + 5rem);gap:3rem}.ml-hero__media{height:auto;aspect-ratio:1.55/1}.ml-hero__index{display:none}.ml-statement{grid-template-columns:1fr}.ml-statement h2,.ml-statement .serif-copy{grid-column:1}.ml-statement h2{margin-top:2rem}.ml-feature__inner{gap:2.5rem}.ml-feature h2{font-size:clamp(3rem,6vw,5.5rem)}}
@media(max-width:650px){.ml-hero{min-height:0;padding-top:calc(var(--nav-height) + 4rem);padding-bottom:5rem}.ml-hero h1{font-size:clamp(3.7rem,13vw,6rem)}.ml-hero__media{aspect-ratio:1.15/1}.ml-statement{padding-block:6rem}.ml-statement h2{font-size:clamp(3.4rem,12vw,5rem)}.ml-statement .serif-copy{margin:2rem 0 0}.ml-feature__inner,.ml-gallery__heading{grid-template-columns:1fr}.ml-feature__inner--reverse .ml-feature__copy,.ml-feature__inner--reverse .ml-feature__media,.ml-gallery h2,.ml-gallery .serif-copy{grid-column:1;grid-row:auto}.ml-feature__media{aspect-ratio:1.2/1}.ml-gallery__heading{gap:1.5rem}.ml-gallery h2{font-size:clamp(3.2rem,11vw,5rem)}.ml-gallery__media{aspect-ratio:1.15/1}.ml-close{min-height:34rem}.ml-close h2{font-size:clamp(4rem,15vw,6rem)}}

/* Full-section imagery: replace --section-image in metalens/index.html. */
.ml-hero,.ml-close{background-image:linear-gradient(90deg,rgba(3,5,5,.5),rgba(3,5,5,.25)),var(--section-image);background-position:center;background-size:cover;background-repeat:no-repeat}
.ml-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100svh;padding-top:calc(var(--nav-height) + 4rem);padding-bottom:5rem;text-align:center}
.ml-hero__copy{width:min(100%,75rem)}
.ml-hero__logo{display:block;width:min(48rem,85vw);height:auto;margin-inline:auto}
.ml-close__logo{display:block;width:min(48rem,85vw);height:auto;margin-inline:auto}
.ml-hero .serif-copy{margin-inline:auto;font-family:var(--font-display);font-weight:300}
.ml-actions{justify-content:center}
.ml-button{border-radius:999px}
.ml-close{background-image:linear-gradient(90deg,rgba(3,5,5,.5),rgba(3,5,5,.25)),var(--section-image)}
@media(max-width:900px){.ml-hero{display:flex;gap:0}}
@media(max-width:650px){.ml-hero{min-height:100svh;padding-top:calc(var(--nav-height) + 3rem);padding-bottom:4rem}}

/* Feature gallery: each slide's image and caption live together in the HTML. */
.ml-gallery__carousel{width:100%}
.ml-gallery__track{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain}
.ml-gallery__track::-webkit-scrollbar{display:none}
.ml-gallery__slide{flex:0 0 100%;min-width:0;margin:0;scroll-snap-align:start}
.ml-gallery__slide img{display:block;width:100%;aspect-ratio:2.1/1;object-fit:cover;background:#14191a}
.ml-gallery__slide figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:2rem;padding:1.3rem 0 0}
.ml-gallery__slide figcaption span{font-size:.65rem;letter-spacing:.16em;text-transform:uppercase;color:#aeb5af}
.ml-gallery__slide figcaption p{max-width:35rem;margin:0;font-family:var(--font-serif);font-size:clamp(1.25rem,2vw,2rem);line-height:1.35;text-align:right}
.ml-gallery__controls{display:flex;align-items:center;justify-content:space-between;margin-top:1.6rem;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.22)}
.ml-gallery__count{font-size:.66rem;letter-spacing:.16em;color:#aeb5af}
.ml-gallery__controls>div{display:flex;gap:.6rem}
.ml-gallery__controls button{display:grid;width:2.8rem;height:2.8rem;place-items:center;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:transparent;color:#fff;font-size:1.2rem;cursor:pointer;transition:background .2s,color .2s}
.ml-gallery__controls button:hover{background:#f5f5f0;color:#080909}
.ml-feature__media video{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
@media(max-width:650px){.ml-gallery__slide img{aspect-ratio:1.15/1}.ml-gallery__slide figcaption{display:block}.ml-gallery__slide figcaption p{margin-top:.5rem;text-align:left}}

/* The shared background layer moves behind the copy as the page scrolls. */
.ml-hero,.ml-statement,.ml-close{position:relative;isolation:isolate;overflow:hidden;background:#080909}
.ml-hero::before,.ml-statement::before,.ml-close::before{content:"";position:absolute;z-index:0;inset:-5rem 0;background-image:var(--section-image);background-position:center;background-size:cover;background-repeat:no-repeat;transform:translate3d(0,var(--parallax-bg-y,0px),0);will-change:transform;pointer-events:none}
.ml-hero::after,.ml-statement::after,.ml-close::after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(3,5,5,.5),rgba(3,5,5,.25));pointer-events:none}
.ml-statement::after{background:linear-gradient(90deg,rgba(3,5,5,.58),rgba(3,5,5,.45))}
.ml-hero>*,.ml-statement>*,.ml-close>*{position:relative;z-index:2}
@media(prefers-reduced-motion:reduce){.ml-hero::before,.ml-statement::before,.ml-close::before{transform:none;will-change:auto}}

/* MetaLens feature videos fill the section and meet the outer page edge. */
.metalens-site .ml-feature{padding-block:0}
.metalens-site .ml-feature__inner{width:100%;max-width:none;padding-inline:0;gap:0;align-items:stretch}
.metalens-site .ml-feature__copy{max-width:none;align-self:center;padding:clamp(5rem,9vw,10rem) clamp(2rem,5vw,6rem)}
.metalens-site .ml-feature__media{align-self:stretch;aspect-ratio:auto;min-width:0}
.metalens-site .ml-feature__media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media(max-width:650px){
  .metalens-site .ml-feature__copy{padding:4rem var(--page-padding)}
  .metalens-site .ml-feature__media{height:clamp(22rem,85vw,36rem)}
}

/* Product imagery spans wide displays; text keeps a smaller, bounded scale. */
.ml-hero.page-shell,.ml-statement.page-shell,.ml-close.page-shell{width:100%;max-width:none}
.ml-hero h1{font-size:clamp(3rem,6.5vw,8rem)}
.ml-close h2{font-size:clamp(3rem,7vw,8rem)}
.ml-hero__logo,.ml-close__logo{width:min(38rem,80vw)}
.ml-statement h2{font-size:clamp(2.75rem,6vw,6.5rem)}
.ml-feature h2{font-size:clamp(2.25rem,4.3vw,4.75rem)}
.ml-gallery h2{font-size:clamp(2.75rem,5vw,6rem)}
.ml-hero .serif-copy,.ml-statement .serif-copy,.ml-feature .serif-copy,.ml-gallery .serif-copy,.ml-close .serif-copy{font-size:clamp(1.1rem,1.45vw,1.5rem);line-height:1.5}
.ml-close .serif-copy{max-width:36rem}