:root { --wine:#8e1b2b; --ink:#1d1d1d; --display:'Michroma',Arial,sans-serif; --radius:3.3vw; }
.site-shell { max-width:1900px; margin:auto; position:relative; overflow:clip; }
.skip-link { position:fixed; z-index:20; left:20px; top:-80px; padding:12px 20px; background:#fff; border:1px solid; }
.skip-link:focus { top:12px; }
.site-header { position:sticky; z-index:10; top:0; height:88px; background:white; border-bottom:1px solid #eae4e6; display:flex; align-items:center; justify-content:space-between; padding:0 clamp(28px,5vw,90px); gap:clamp(20px,2vw,38px); }
.header-left,.header-right { display:flex; align-items:center; gap:18px; }
.header-left { margin-left:auto; margin-right:auto; gap:clamp(20px,2.25vw,42px); height:100%; }
.nav-pill { display:flex; align-items:center; justify-content:center; padding:8px 0; height:44px; font-size:14px; white-space:nowrap; border-bottom:2px solid transparent; transition:color .3s ease-in-out,border-color .3s ease-in-out; }
.nav-pill:hover,.nav-pill:focus-visible { color:var(--wine); border-bottom-color:var(--wine); }
.brand { flex:0 0 96px; height:54px; width:96px; }
.brand img { width:100%; height:100%; object-fit:fill; }
.collection-menu { position:relative; align-self:stretch; display:flex; align-items:center; }
.collection-toggle { gap:10px; }
.menu-chevron { display:inline-block; width:7px; height:7px; flex:0 0 7px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:translateY(-2px) rotate(45deg); transition:transform .2s ease; }
.collection-toggle[aria-expanded=true] { color:var(--wine); }
.collection-toggle[aria-expanded=true] .menu-chevron { transform:translateY(2px) rotate(225deg); }
.collection-links { position:absolute; left:-16px; top:calc(100% - 1px); width:196px; background:#fff; border:1px solid #ece5e7; border-top:2px solid var(--wine); border-radius:0 0 8px 8px; padding:8px; box-shadow:0 12px 24px #2b071514; }
.collection-links a { display:flex; align-items:center; min-height:44px; padding:10px 16px; font-size:13px; line-height:1.5; border-radius:4px; transition:background .2s,color .2s; }
.collection-links a:hover,.collection-links a:focus-visible { background:#f7f0f2; color:var(--wine); }
.icon-button,.account-button { width:40px; height:40px; padding:0; display:grid; place-items:center; flex-shrink:0; border:1px solid #292929; border-radius:50%; transition:background .3s; }
.icon-button img { width:40%; height:40%; object-fit:contain; }
.search-button { background:#1a1a1a; }
.account-button { border:0; }
.account-button img { width:100%; height:100%; }
.mobile-menu-button,.mobile-navigation { display:none; }
.image-stage { position:relative; aspect-ratio:1900/1089; container-type:inline-size; overflow:hidden; }
.stage-photo { width:100%; height:100%; object-fit:fill; }
.corner-arrow { position:absolute; width:5.95%; height:10.38%; right:1.16%; bottom:.73%; border-radius:50%; background:#fff; transition:transform .3s ease-in-out; }
.corner-arrow:hover { transform:rotate(-35deg); }
.corner-arrow img { width:100%; height:100%; }
.prototype-copy { position:absolute; inset:55.7% 8% auto; text-align:center; color:#fff; pointer-events:none; }
.prototype-copy h1,.prototype-copy h2 { font-family:var(--display); font-weight:400; font-size:4.58cqw; line-height:1.43; transform:translateX(-130%); transition:transform .8s ease-in-out; }
.prototype-copy p { font-size:2.79cqw; font-style:italic; margin-top:.6em; transform:translateX(-130%); transition:transform .8s ease-in-out; }
.white-arrow { display:block; position:absolute; right:8%; bottom:0; width:4.74cqw; height:4.74cqw; opacity:0; pointer-events:auto; transition:opacity .8s ease-in-out; }
.white-arrow img { width:100%; height:100%; }
.image-stage:focus-within .prototype-copy h1,.image-stage:focus-within .prototype-copy h2,.image-stage:focus-within .prototype-copy p { transform:translateX(0); }
.image-stage:focus-within .white-arrow { opacity:1; }
@media (hover:hover) { .image-stage:hover .prototype-copy h1,.image-stage:hover .prototype-copy h2,.image-stage:hover .prototype-copy p { transform:translateX(0); } .image-stage:hover .white-arrow { opacity:1; } }
.about { padding:2.6% 9.8% 6%; text-align:center; }
.about h2 { font-family:var(--display); font-weight:400; font-size:clamp(23px,2.48vw,47px); color:var(--wine); margin-bottom:.5em; }
.about p,.text-link { font-size:clamp(13px,1.37vw,26px); line-height:1.56; }
.text-link { font-weight:700; text-decoration:underline; text-underline-offset:3px; }
.chief-story { display:grid; grid-template-columns:1.3fr 1fr; align-items:center; gap:5%; margin:0 5% clamp(48px,6vw,100px); padding:clamp(24px,3vw,56px); background:#f7f3f4; border-radius:24px; }
.chief-video { aspect-ratio:16/9; overflow:hidden; border-radius:16px; background:#21050e; }
.chief-video iframe { display:block; width:100%; height:100%; border:0; }
.chief-copy .eyebrow { font:500 11px/1.6 'Poppins',Arial,sans-serif; letter-spacing:.15em; color:var(--wine); margin-bottom:16px; }
.chief-copy h2 { font:400 clamp(23px,2.3vw,40px)/1.5 var(--display); color:var(--wine); margin-bottom:20px; }
.chief-copy>p:not(.eyebrow) { font-size:clamp(13px,1.05vw,18px); line-height:1.85; }
.chief-copy .text-link { display:inline-block; margin-top:22px; font-size:14px; }
.products { padding:0 2.7% 3.15%; }
.product-track { display:flex; gap:1.84vw; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; padding:2px 1px; }
.product-track::-webkit-scrollbar { display:none; }
.product-card { flex:0 0 calc((100% - 5.52vw)/4); min-width:0; position:relative; aspect-ratio:423/546; scroll-snap-align:start; border-radius:2.36vw; container-type:inline-size; }
.product-link { display:block; width:100%; height:100%; padding:0; text-align:left; position:relative; overflow:hidden; border-radius:inherit; }
.product-photo { width:100%; height:100%; object-fit:cover; transition:transform .2s ease-in-out; }
.product-label { position:absolute; inset:auto 0 0; height:37.36%; padding:11% 5% 4%; background:url('../optimized/card-label.webp') center/100% 100% no-repeat; font-family:'Inter',Arial,sans-serif; font-size:clamp(17px,8.5cqw,36px); line-height:1.1; letter-spacing:-.06em; white-space:nowrap; }
.product-label span { display:block; }
@media (hover:hover) and (pointer:fine) {
  .product-track { --product-lift:clamp(36px,4.8vw,92px); padding-top:calc(var(--product-lift) + 2px); margin-top:calc(-1 * var(--product-lift)); }
  .product-card .product-link { overflow:visible; }
  .product-card .product-photo { border-radius:inherit; transition:transform .35s ease; }
  .product-card:is(:hover,:focus-within) .product-photo { transform:translateY(calc(-1 * var(--product-lift))); }
}
.product-controls { display:flex; flex-direction:column; align-items:flex-end; gap:12px; padding-top:3%; }
.slider-arrows { display:flex; gap:8px; }
.slider-arrows button { padding:0; }
.slider-arrows img { height:clamp(32px,3.4vw,65px); width:auto; }
.product-dots { display:flex; gap:6px; min-height:18px; }
.product-dots button { width:22px; height:22px; padding:7px; }
.product-dots button::before { content:''; display:block; width:8px; height:8px; border-radius:50%; background:#ccc; }
.product-dots button[aria-current=true]::before { background:#111; }
.materials-copy { top:44.7%; }
.materials-copy h2 { font-size:2.53cqw; }
.materials-copy h2,.materials-copy p { transition-duration:.3s; }
.more-card { position:absolute; left:3.84%; top:8.26%; width:22%; height:28.74%; border-radius:3.16cqw; background:#fff; padding:.5cqw; overflow:hidden; }
.more-card img { height:83%; width:100%; border-radius:2.8cqw; object-fit:cover; object-position:center 44%; }
.more-card span { display:block; padding-top:1%; font-size:1.16cqw; }
.editorial { padding:clamp(48px,6vw,114px) 6%; display:grid; grid-template-columns:1.2fr 1fr; align-items:center; gap:7%; }
.editorial h2 { font-family:var(--display); font-size:clamp(36px,5.2vw,90px); font-weight:400; line-height:1.4; }
.editorial h2 span { display:block; color:var(--wine); }
.editorial h2 span:nth-child(2) { color:#bdb9bb; }
.editorial h2 span:nth-child(3) { color:var(--ink); }
.editorial-content { max-width:560px; }
.editorial-story { font-size:clamp(15px,1.35vw,24px); line-height:1.85; }
.editorial-cta { margin-top:28px; }
.editorial .expanding-label { opacity:1; max-width:300px; white-space:normal; }
.expanding-link { display:inline-flex; align-items:center; gap:12px; min-height:44px; padding:0; margin-top:8px; border-radius:50px; font-size:clamp(12px,1.16vw,22px); }
.circle { display:grid; place-items:center; width:clamp(34px,3.85vw,73px); height:clamp(34px,3.85vw,73px); border:1px solid; border-radius:50%; flex-shrink:0; }
.circle img { width:42%; height:42%; object-fit:contain; transform:rotate(-45deg); }
.expanding-label { max-width:0; opacity:0; white-space:nowrap; overflow:hidden; transition:max-width .3s ease-in-out,opacity .3s ease-in-out; }
.expanding-link:hover .expanding-label,.expanding-link:focus-visible .expanding-label { max-width:300px; opacity:1; }
.collection { --collection-color:#235b39; position:relative; aspect-ratio:1900/1067; color:white; background:var(--collection-color) url('../optimized/collection-base.webp') center/cover; background-blend-mode:luminosity; transition:background-color .3s ease-in-out; border-radius:var(--radius); container-type:inline-size; }
.collection[data-active-color=red] { --collection-color:#711e36; }
.collection[data-active-color=blue] { --collection-color:#17476b; }
.collection-main { position:absolute; inset:8.15% 0 21.55%; background:var(--collection-color) url('../optimized/collection-background.webp') center/cover; background-blend-mode:luminosity; transition:background-color .3s ease-in-out; border-radius:var(--radius); }
.collection-intro { position:absolute; top:25%; left:4.4%; }
.collection-intro h2 { font:400 8.21cqw/1.42 var(--display); }
.collection-intro p { font-size:1.37cqw; line-height:1.56; }
.availability { position:absolute; top:13.5%; right:3.3%; font-size:1.37cqw; }
.watch-window { position:absolute; top:0; left:40.16%; width:33.68%; height:76.76%; overflow:hidden; }
.watch-slides { position:relative; height:100%; }
.watch-slide { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:contain; transform:translateX(115%) rotate(23.59deg); transition:transform .3s ease-in-out; }
.watch-slide.is-active { transform:translateX(0) rotate(23.59deg); }
.watch-slide.is-before { transform:translateX(-115%) rotate(23.59deg); }
.watch-slide[data-watch=red].is-active { transform:translateX(0) rotate(20.11deg); }
.watch-slide[data-watch=blue].is-active { transform:translateX(0) rotate(13.4deg); }
.watch-indicators { position:absolute; top:73.5%; left:46%; display:flex; align-items:center; gap:1.3cqw; }
.watch-indicators button { color:#ffffff50; font-size:clamp(10px,.85cqw,16px); padding:.3em; min-width:30px; min-height:32px; }
.watch-indicators button[aria-pressed=true] { color:#fff; }
.watch-indicators::before,.watch-indicators::after { content:''; width:2.8cqw; height:9px; background:repeating-linear-gradient(90deg,#ffffff35 0 1px,transparent 1px 5px); }
.collection-caption { position:absolute; bottom:23.5%; right:3.5%; font-size:.95cqw; }
.collection-bottom { position:absolute; inset:78.45% 4.4% 0; display:flex; align-items:center; justify-content:space-between; }
.light .circle { background:#fff; color:#111; }
.rotation-toggle { font-size:11px; color:#d5c5ca; margin-left:auto; margin-right:2%; padding:12px; }
.watch-thumbnails { display:flex; align-items:center; gap:.8cqw; height:100%; }
.watch-thumbnails button { padding:0; width:7.3cqw; height:80%; opacity:.75; transition:transform .3s ease-in-out,opacity .3s; }
.watch-thumbnails button[aria-pressed=true] { transform:scale(1.22); opacity:1; }
.watch-thumbnails img { width:100%; height:100%; object-fit:contain; transform:rotate(20deg); }
.coming-soon { margin-top:4.15%; aspect-ratio:1900/1032; position:relative; display:grid; place-items:center; background:#050505; overflow:hidden; container-type:inline-size; }
.coming-soon>img { position:absolute; width:100%; height:100%; object-fit:cover; opacity:.14; }
.coming-soon>div { position:relative; text-align:center; }
.coming-soon h2 { font:400 5.37cqw/1.5 var(--display); color:var(--wine); -webkit-text-stroke:1px #fff7; }
.coming-soon p { font:400 2.63cqw/1.6 var(--display); color:#fff; }
.legacy { position:relative; aspect-ratio:1900/1065; container-type:inline-size; }
.legacy blockquote { position:absolute; margin:0; top:12%; left:6%; width:43.5%; font-size:1.9cqw; line-height:1.56; }
.legacy blockquote span { position:absolute; color:#b44f54; font-size:8cqw; line-height:.8; left:-4.4cqw; top:0; }
.legacy-lifestyle { position:absolute; top:26%; left:40.15%; width:34.2%; height:61%; object-fit:cover; border-radius:2.68cqw; }
.legacy-packaging { position:absolute; top:44.6%; left:18.05%; width:34.2%; height:37.7%; object-fit:cover; border-radius:2.68cqw; }
.legacy-side { position:absolute; left:75.5%; top:26%; width:19.95%; text-align:center; }
.legacy-side>img { width:100%; height:auto; aspect-ratio:1; object-fit:cover; border-radius:2.68cqw; }
.legacy-side h2 { font-size:1.9cqw; line-height:1.56; font-weight:500; margin-top:.5em; }
.legacy-controls { display:flex; gap:12px; justify-content:center; margin-top:1.4cqw; }
.legacy-controls button { padding:0; width:3.95cqw; height:3.95cqw; min-width:36px; min-height:36px; }
.legacy-controls img { width:100%; height:100%; }
.legacy-controls button:first-child img { transform:rotate(180deg); }
.features { position:relative; aspect-ratio:1900/1047; background:url('../optimized/features-background.webp') center/100% 100%; border-radius:var(--radius); color:#fff; container-type:inline-size; overflow:hidden; }
.feature-wordmarks { position:absolute; inset:2.5% 7.9%; display:flex; flex-direction:column; justify-content:space-between; font:400 11.8cqw/1.42 var(--display); letter-spacing:11.9cqw; opacity:.03; pointer-events:none; }
.feature-watch { position:absolute; width:30.2%; height:82.3%; top:9%; left:34.9%; object-fit:contain; }
.feature-markings { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; color:#fff; }
.feature-frame { stroke:currentColor; stroke-width:5; }
.feature-connectors { stroke:currentColor; stroke-width:2; }
.feature-item { position:absolute; width:24%; text-align:center; }
.feature-item h3 { font-size:1.37cqw; font-weight:700; line-height:1.6; }
.feature-item p { font-size:1.15cqw; color:#c6c6c6; line-height:1.6; }
.feature-quality { top:13.2%; left:9.6%; width:28%; }.feature-comfort { top:11.2%; right:8%; width:28%; }.feature-design { top:41.9%; left:4.5%; width:19%; }.feature-skin { top:44.4%; right:3.6%; width:23%; }.feature-movement { top:71.2%; left:9.6%; width:28%; }.feature-heritage { top:71.2%; right:8%; width:28%; }
.journal { padding:3.5% 5.5% 4.7%; display:grid; grid-template-columns:1.2fr 1fr; gap:6%; align-items:end; }
.eyebrow { font-family:'Inter',Arial,sans-serif; font-size:clamp(13px,1.63vw,31px); margin-bottom:.5em; }
.journal h2 { font:400 clamp(26px,3.79vw,72px)/1.35 var(--display); color:var(--wine); }
.journal h2 span { color:transparent; -webkit-text-stroke:1px #b98189; }
.journal-description>p { font-family:'Inter',Arial,sans-serif; font-size:clamp(15px,1.63vw,31px); line-height:1.33; }
.dark .circle { width:clamp(44px,5.84vw,111px); height:clamp(44px,5.84vw,111px); background:#060606; border-color:#060606; }
.journal .expanding-link { margin-top:1.7vw; }
.site-footer { position:relative; background:#1d010c url('../optimized/footer-background.webp') center/100% 100% no-repeat; color:#fff; border-radius:var(--radius) var(--radius) 0 0; padding:4.65% 4.7% 2.5%; font-family:'Inter',Arial,sans-serif; overflow:hidden; }
.footer-top { position:relative; min-height:20.5vw; max-height:390px; }
.footer-top h2 { font:400 clamp(35px,7vw,133px)/1.4 var(--display); }
.footer-top h2 span { display:block; opacity:0; transform:translateX(-100%); transition:opacity .383s ease-in-out,transform .383s ease-in-out; }
.footer-top h2 span:nth-child(2) { padding-left:44%; transform:translateX(100%); }
.site-footer:focus-within .footer-top h2 span { transform:translateX(0); opacity:1; }
@media(hover:hover) { .site-footer:hover .footer-top h2 span { transform:translateX(0); opacity:1; } }
.footer-top>p { position:absolute; top:25%; right:0; width:39%; text-align:right; font-size:clamp(15px,1.63vw,31px); line-height:1.33; }
.footer-main { display:grid; grid-template-columns:1.3fr 1fr; gap:18%; align-items:center; }
.footer-links { display:grid; grid-template-columns:1fr 1fr 1.4fr; gap:1.6vw; align-self:start; }
.footer-links h3,.footer-heading { display:block; padding:0; margin-bottom:1vw; font-size:clamp(13px,1.37vw,26px); font-weight:700; text-align:left; white-space:nowrap; }
.footer-links a,.footer-links button:not(.footer-heading) { display:block; text-align:left; padding:0; font-size:clamp(12px,1.37vw,26px); font-weight:300; line-height:2.19; }
.footer-links a:hover,.footer-links button:hover { text-decoration:underline; text-underline-offset:4px; }
.footer-quote { max-width:75%; margin:3.1% auto 1.8%; text-align:center; font-size:clamp(11px,1.1vw,21px); line-height:1.35; }
.footer-socials { display:flex; justify-content:flex-end; gap:8px; margin:0 0 2%; }
.footer-socials button { width:30px; height:30px; display:grid; place-items:center; background:#fff; border-radius:50%; }
.footer-socials img { width:58%; height:58%; object-fit:contain; }
.footer-bottom { display:grid; grid-template-columns:1fr 1.3fr 1fr; gap:6%; align-items:center; font-size:clamp(10px,1.1vw,21px); line-height:1.33; }
.footer-bottom p:nth-child(2) { text-align:center; }
.footer-bottom img { width:100%; height:auto; }
dialog { width:min(820px,calc(100% - 32px)); max-height:85dvh; padding:42px; border:0; border-radius:24px; color:var(--ink); box-shadow:0 20px 100px #0004; }
dialog::backdrop { background:#18050dbb; backdrop-filter:blur(5px); }
.dialog-close { position:absolute; right:16px; top:10px; font-size:32px; width:40px; height:40px; }
#dialog-title { font:400 clamp(22px,3vw,32px)/1.4 var(--display); margin-bottom:18px; padding-right:18px; }
.dialog-copy { font-size:15px; line-height:1.8; }
.dialog-copy p+p { margin-top:1em; }
.product-detail { display:grid; grid-template-columns:1fr 1fr; gap:32px; align-items:center; }
.product-detail>img { width:100%; max-height:380px; object-fit:contain; background:#f6eff1; border-radius:16px; }
.product-detail h2 { font-size:23px !important; }
.product-detail p { margin-bottom:18px; }
.solid-button { display:inline-block; text-align:center; border-radius:32px; background:var(--wine); color:#fff; padding:13px 22px; font-size:14px; margin:8px 6px 0 0; }
.outline-button { display:inline-block; border:1px solid #aaa; border-radius:32px; padding:12px 20px; font-size:14px; margin-top:8px; }
.dialog-muted { font-size:13px; color:#666; line-height:1.6; }
.search-input { width:100%; padding:15px; border:1px solid #ccc; border-radius:10px; margin-bottom:20px; }
.result-row { display:flex; align-items:center; width:100%; gap:18px; padding:12px 0; border-bottom:1px solid #eee; text-align:left; }
.result-row img { width:60px; height:80px; object-fit:contain; }
.result-row span { flex:1; }
.result-row small { display:block; margin-top:5px; }
.toast { position:fixed; z-index:30; bottom:24px; left:50%; transform:translateX(-50%); padding:14px 24px; width:max-content; max-width:calc(100% - 32px); background:#240913; color:#fff; border-radius:40px; box-shadow:0 5px 30px #0003; font-size:14px; text-align:center; }
@media(min-width:1900px) { :root { --radius:63px; } .footer-top { min-height:390px; } .product-track { gap:35px; } .product-card { flex-basis:calc((100% - 105px)/4); border-radius:45px; } }
@media(max-width:1100px) { .site-header { padding-inline:28px; gap:18px; } .header-left { gap:18px; } .nav-pill { font-size:12px; } .header-right { gap:8px; } .icon-button,.account-button { width:36px; height:36px; } .footer-main { gap:7%; } .footer-links { grid-template-columns:1fr 1fr 1.4fr; } }
@media(max-width:900px) {
  .site-header { padding:10px 5%; height:72px; gap:16px; }
  .header-left,.account-button { display:none; }
  .brand { flex-basis:72px; width:72px; height:45px; }
  .brand img { object-fit:fill; }
  .header-right { margin-left:auto; gap:8px; }
  .icon-button { width:36px; height:36px; }
  .mobile-menu-button { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:5px; width:34px; height:36px; }
  .mobile-menu-button span { width:18px; height:1px; background:#171717; }
  .mobile-navigation { display:flex; position:absolute; left:0; right:0; top:100%; max-height:calc(100dvh - 72px); overflow:auto; padding:12px 5% 20px; background:#fff; border-bottom:1px solid #eee; flex-direction:column; box-shadow:0 15px 25px #0001; }
  .mobile-navigation>a,.mobile-collection summary { padding:14px 12px; font-size:15px; }
  .mobile-collection summary { display:flex; align-items:center; justify-content:space-between; cursor:pointer; list-style:none; }
  .mobile-collection summary::-webkit-details-marker { display:none; }
  .mobile-collection[open] summary .menu-chevron { transform:translateY(2px) rotate(225deg); }
  .mobile-navigation .mobile-sub-link { display:block; margin:0 12px 8px; padding:12px 18px; border-left:2px solid var(--wine); color:var(--wine); font-size:14px; }
}
@media(max-width:760px) {
  :root { --radius:24px; }
  .hero { aspect-ratio:auto; height:min(760px,105svh); min-height:580px; border-radius:0 0 24px 24px; background:#220611; }
  .hero .stage-photo { object-fit:cover; object-position:50% 35%; height:78%; }
  .hero::after { content:''; position:absolute; inset:50% 0 0; background:linear-gradient(transparent,#220611 65%); pointer-events:none; }
  .hero-copy { z-index:1; top:auto; bottom:11%; left:7%; right:7%; text-align:left; }
  .prototype-copy h1 { font-size:clamp(27px,6.5vw,46px); transform:none; line-height:1.5; }
  .prototype-copy p { font-size:14px; transform:none; margin-top:12px; }
  .hero .white-arrow { display:none; }
  .corner-arrow { z-index:2; width:48px; height:48px; right:16px; bottom:16px; }
  .about { padding:34px 7% 38px; }
  .about h2 { margin-bottom:18px; }
  .about p,.text-link { font-size:13px; line-height:1.85; }
  .chief-story { grid-template-columns:1fr; gap:26px; margin:0 5% 38px; padding:20px; border-radius:20px; }
  .chief-copy h2 { font-size:24px; }
  .chief-copy>p:not(.eyebrow) { font-size:13px; }
  .products { padding:0 5% 32px; }
  .product-track { gap:16px; margin-right:-5.55%; padding-right:5.55%; }
  .product-card { flex-basis:70%; border-radius:24px; }
  .product-label { font-size:clamp(17px,8.5cqw,36px); }
  .product-controls { gap:8px; padding-top:18px; }
  .slider-arrows img { height:38px; }
  .materials { aspect-ratio:auto; height:470px; border-radius:24px; background:#25000c; }
  .materials .stage-photo { object-fit:cover; object-position:57% center; }
  .materials::after { content:''; position:absolute; inset:50% 0 0; background:linear-gradient(transparent,#140008d9); pointer-events:none; }
  .more-card { width:118px; height:94px; padding:4px; border-radius:18px; left:20px; top:20px; }
  .more-card img { border-radius:14px; }
  .more-card span { font-size:10px; }
  .materials-copy { z-index:1; top:auto; bottom:85px; left:7%; right:7%; text-align:left; }
  .materials-copy h2 { transform:none; font-size:20px; line-height:1.65; }
  .materials-copy .white-arrow { display:none; }
  .editorial { padding:42px 6%; grid-template-columns:1fr; gap:26px; }
  .editorial h2 { font-size:clamp(31px,8.9vw,62px); line-height:1.45; }
  .editorial-story { font-size:14px; line-height:1.85; }
  .editorial-cta { margin-top:22px; }
  .expanding-link { font-size:12px; }
  .expanding-label { opacity:1; max-width:270px; }
  .collection { aspect-ratio:auto; height:620px; }
  .collection-main { inset:20px 0 120px; }
  .collection-intro { left:6%; top:28px; }
  .collection-intro h2 { font-size:42px; }
  .collection-intro p { font-size:11px; }
  .availability { font-size:9px; top:26px; right:6%; }
  .watch-window { top:130px; left:20%; width:60%; height:355px; }
  .watch-indicators { top:460px; left:50%; transform:translateX(-50%); gap:15px; }
  .watch-indicators button { font-size:11px; }
  .collection-caption { display:none; }
  .collection-bottom { inset:auto 6% 10px; height:100px; }
  .collection-bottom .expanding-label { max-width:70px; }
  .watch-thumbnails { gap:5px; }
  .watch-thumbnails button { width:38px; height:75%; }
  .rotation-toggle { font-size:10px; padding:8px; margin:0; }
  .coming-soon { margin-top:32px; height:330px; aspect-ratio:auto; }
  .coming-soon h2 { font-size:clamp(23px,6vw,40px); }
  .coming-soon p { font-size:clamp(12px,3.4vw,22px); }
  .coming-soon>img { object-fit:cover; }
  .legacy { aspect-ratio:auto; height:560px; }
  .legacy blockquote { top:38px; left:12%; width:80%; font-size:15px; }
  .legacy blockquote span { font-size:58px; left:-32px; }
  .legacy-lifestyle { top:185px; left:15%; width:52%; height:260px; border-radius:22px; }
  .legacy-packaging { top:345px; left:5%; width:46%; height:160px; border-radius:18px; }
  .legacy-side { top:185px; left:71%; width:25%; }
  .legacy-side>img { border-radius:16px; }
  .legacy-side h2 { font-size:11px; margin-top:12px; }
  .legacy-controls { gap:7px; margin-top:14px; }
  .legacy-controls button { min-width:32px; min-height:32px; }
  .features { aspect-ratio:auto; padding:35px 6% 40px; display:grid; grid-template-columns:1fr 1fr; gap:24px 20px; background-size:cover; border-radius:32px; }
  .features::before,.features::after { content:''; position:absolute; inset:12px; border:2px solid; pointer-events:none; }
  .features::before { border-color:#fff #fff transparent transparent; border-radius:0 20px 0 0; clip-path:inset(0 0 0 18%); }
  .features::after { border-color:transparent transparent #fff #fff; border-radius:0 0 0 20px; clip-path:inset(0 18% 0 0); }
  .feature-markings { display:none; }
  .feature-wordmarks { font-size:20vw; letter-spacing:9vw; inset:10px 5%; justify-content:flex-start; gap:20px; }
  .feature-watch { position:relative; width:70%; height:340px; top:auto; left:auto; margin:auto; grid-column:1/-1; }
  .feature-item { position:relative; width:auto; opacity:1; transform:none; text-align:left; z-index:1; inset:auto; padding-top:14px; border-top:1px solid #ffffffb3; }
  .feature-item::before { content:''; position:absolute; left:0; top:-3px; width:5px; height:5px; border-radius:50%; background:#fff; }
  .feature-item h3 { font-size:13px; margin-bottom:7px; }
  .feature-item p { font-size:11px; line-height:1.75; }
  .journal { padding:38px 6%; grid-template-columns:1fr; gap:25px; }
  .journal h2 { font-size:clamp(25px,6.5vw,43px); }
  .journal-description { max-width:100%; }
  .journal-description>p { font-size:14px; line-height:1.65; }
  .journal .expanding-link { margin-top:15px; }
  .site-footer { padding:32px 6% 24px; }
  .footer-top { min-height:0; max-height:none; margin-bottom:35px; }
  .footer-top h2 { font-size:clamp(28px,7vw,46px); margin-bottom:20px; }
  .footer-top h2 span { opacity:1; transform:none; }
  .footer-top h2 span:nth-child(2) { padding-left:15%; transform:none; }
  .footer-top>p { position:static; width:85%; font-size:13px; text-align:left; margin-top:20px; }
  .footer-main { grid-template-columns:1fr; gap:28px; }
  .footer-links { gap:14px; }
  .footer-links h3,.footer-heading { font-size:12px; margin-bottom:10px; white-space:normal; }
  .footer-links a,.footer-links button:not(.footer-heading) { font-size:11px; line-height:2.6; }
  .footer-quote { max-width:100%; font-size:11px; line-height:1.8; margin:30px 0 20px; }
  .footer-socials { justify-content:center; margin-bottom:25px; }
  .footer-bottom { grid-template-columns:1fr; gap:18px; text-align:center; font-size:10px; }
  .footer-bottom>p:first-child { max-width:240px; margin:auto; }
  .footer-bottom img { width:260px; margin:auto; }
  dialog { padding:44px 22px 24px; }
  .product-detail { grid-template-columns:1fr; gap:20px; }
  .product-detail>img { max-height:240px; }
}
@media (hover:hover) and (pointer:fine) {
  .features .feature-item,.features .feature-markings,.features::before,.features::after { opacity:0; transition:opacity .35s ease-in-out; }
  .features:hover .feature-item,.features:hover .feature-markings,.features:hover::before,.features:hover::after,
  .features:focus-visible .feature-item,.features:focus-visible .feature-markings,.features:focus-visible::before,.features:focus-visible::after { opacity:1; }
  .feature-frame,.feature-connectors path { stroke-dasharray:100; stroke-dashoffset:100; transition:stroke-dashoffset .35s ease-in; }
  .features:is(:hover,:focus-visible) .feature-frame { stroke-dashoffset:0; transition:stroke-dashoffset 1.2s ease-in-out; }
  .features:is(:hover,:focus-visible) .feature-connectors path { stroke-dashoffset:0; transition:stroke-dashoffset .75s ease-in-out .1s; }
  .features:is(:hover,:focus-visible) .feature-connectors path:nth-child(3n+2) { transition-delay:.2s; }
  .features:is(:hover,:focus-visible) .feature-connectors path:nth-child(3n) { transition-delay:.3s; }
  .feature-markings circle { opacity:0; transform:scale(0); transform-box:fill-box; transform-origin:center; transition:opacity .2s ease,transform .2s ease; }
  .features:is(:hover,:focus-visible) .feature-markings circle { opacity:1; transform:scale(1); }
}
@media(prefers-reduced-motion:reduce) { .prototype-copy h1,.prototype-copy h2,.prototype-copy p { transform:none; } .white-arrow { opacity:1; } .footer-top h2 span,.footer-top h2 span:nth-child(2) { opacity:1; transform:none; } }

.footer-brand { display:block; width:clamp(160px,16vw,250px); max-width:100%; aspect-ratio:145/78; }
.footer-brand img { display:block; width:100%; height:100%; object-fit:fill; filter:brightness(0) invert(1); }
.footer-main { grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr); gap:8%; }
.footer-links { grid-template-columns:1fr 1fr 1.15fr; gap:clamp(20px,3vw,56px); }
.footer-links>div { display:flex; flex-direction:column; align-items:flex-start; gap:12px; }
.footer-links h3,.footer-heading { margin-bottom:6px; font-size:clamp(14px,1.1vw,20px); line-height:1.6; }
.footer-links a,.footer-links button:not(.footer-heading) { font-size:clamp(13px,1.05vw,18px); line-height:1.6; }
@media(max-width:1100px) {
  .footer-main { grid-template-columns:1fr; gap:32px; }
  .footer-links { width:100%; }
}
@media(max-width:600px) {
  .footer-links { grid-template-columns:1fr 1fr; gap:28px 20px; }
  .footer-links>div:last-child { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; gap:12px 20px; }
  .footer-heading { margin-bottom:0; }
}