/* Patrick pinned the supplied Verra source: preserve its frame, arc, type and nav. */
@font-face { font-family:Inter; font-style:normal; font-weight:400 600; font-display:swap; src:url('/scripts/vendor/atb-home-20261028-v18/inter-latin.woff2') format('woff2'); }
:root { color-scheme:dark; --bg:#000; --surface:#111; --surface-2:#202020; --text:#fffaf6; --muted:#c6bcb7; --soft:#a49b96; --line:#ffffff24; --gold:#ffb48c; --gold-2:#ff8f62; --accent:#ffb48c; --orbit-paper:#000; --orbit-ink:#fffaf6; --orbit-focus:#ffb48c; --orbit-font:Inter,Arial,sans-serif; --orbit-ease:cubic-bezier(.16,1,.3,1); }
html,body { overflow-x:clip; }
html[data-theme="dark"] { --bg:#000; --surface:#111; --surface-2:#202020; --text:#fffaf6; --muted:#c6bcb7; --soft:#a49b96; --line:#ffffff24; --gold:#ffb48c; --gold-2:#ff8f62; --accent:#ffb48c; }
body { background:#000; font-family:var(--orbit-font); }
::selection { background:#ffb48c; color:#000; }
:focus-visible { outline:2px solid #ffb48c; outline-offset:4px; }
.theme-toggle { display:none!important; }
.topbar { position:fixed; inset:0 0 auto; z-index:100; background:#080808!important; border-bottom:1px solid var(--line); }
body.hero-in-view:not(.is-sku-page) .topbar { visibility:hidden; pointer-events:none; }
.brand h1 { font-family:var(--orbit-font); color:var(--text); }
.brand p { color:var(--muted); }
.searchbar { background:#ffffff10; border-color:var(--line); }
.searchbar input { color:var(--text); }
.searchbar input::placeholder { color:var(--muted); }
.top-actions .icon-btn,.currency-trigger,.inquiry-header-link { background:#111; color:var(--text); border-color:var(--line); }
.collection-hero { --u:1px; --scene-shift:0px; position:relative; width:90vw; height:85.6svh; min-height:0; max-height:none; margin:7.2svh auto; border:1px solid #ffffff17; border-radius:calc(14 * var(--u)); background:#000; color:#fff; overflow:hidden; transform:none; cursor:default; touch-action:pan-y; }
.collection-hero::before { display:none; animation:none; }
#orbitCanvas { position:absolute; inset:0; width:100%; height:100%; opacity:1; z-index:1; }
.verra-nav { position:absolute; top:calc(24 * var(--u)); left:calc(26 * var(--u)); right:calc(24 * var(--u)); display:flex; justify-content:space-between; align-items:center; z-index:50; font-family:Inter,Arial,sans-serif; pointer-events:none; }
.verra-nav a,.verra-nav button { pointer-events:auto; }
.verra-brand { display:inline-flex; align-items:center; gap:calc(8 * var(--u)); color:#fff; font-size:calc(17.5 * var(--u)); font-weight:500; text-decoration:none; }
.verra-brand svg { width:calc(17 * var(--u)); height:calc(19 * var(--u)); fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.verra-nav-actions { display:flex; align-items:center; gap:calc(4 * var(--u)); }
.verra-nav-pill { display:flex; height:calc(29 * var(--u)); align-items:center; border-radius:calc(8 * var(--u)); background:rgba(150,150,150,.38); backdrop-filter:blur(14px); padding-inline:calc(5 * var(--u)); }
.verra-nav-pill a,.verra-nav-pill button { padding:calc(5 * var(--u)) calc(7 * var(--u)); border:0; background:transparent; color:#fff; text-decoration:none; font:400 calc(14 * var(--u))/1 Inter,Arial,sans-serif; cursor:pointer; }
.verra-connect { display:inline-flex; height:calc(29 * var(--u)); align-items:center; border-radius:calc(8 * var(--u)); background:#fff; color:#111; padding-inline:calc(13 * var(--u)); text-decoration:none; font-size:calc(14 * var(--u)); font-weight:500; transition:transform .2s var(--orbit-ease); }
.verra-connect:hover { transform:translateY(-1px); }
.collection-hero .hero-copy { position:absolute; top:calc(435 * var(--u) + var(--scene-shift)); left:0; right:0; width:100%; margin:0; padding:0; transform:none; z-index:30; text-align:center; text-shadow:none; pointer-events:none; }
.collection-hero .hero-copy h2 { margin:0; padding:0; min-width:0; font-family:Inter,Arial,sans-serif; font-size:calc(176 * var(--u)); font-weight:600; letter-spacing:-.03em; line-height:1; color:#fffaf6; text-wrap:nowrap; }
.hero-word-window { display:inline-flex; align-items:center; justify-content:center; max-width:100%; height:1em; overflow:hidden; vertical-align:top; }
.hero-word { display:inline-flex; white-space:nowrap; background:linear-gradient(12deg,#fffaf6 28%,#ffe6d6 46%,#ffbc98 66%,#ff8f62 88%,#ff7a4c); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.hero-glyph { display:inline-block; }
.hero-caret { flex:0 0 auto; width:calc(1.6 * var(--u)); height:calc(124 * var(--u)); margin-left:calc(7 * var(--u)); background:#ffb48c; animation:verra-caret 1.1s step-end infinite; }
@keyframes verra-caret { 50% { opacity:0; } }
[data-orbit-paused="true"] .hero-caret { animation-play-state:paused; }
.collection-hero .hero-copy p { margin:calc(26 * var(--u)) auto calc(19 * var(--u)); max-width:unset; font:400 calc(18 * var(--u))/calc(24 * var(--u)) Inter,Arial,sans-serif; color:#ffffffeb; }
html[data-theme="dark"] .collection-hero .hero-action { position:static; display:inline-flex; align-items:center; justify-content:center; min-height:calc(41 * var(--u)); height:auto; width:auto; padding:0 calc(17 * var(--u)); gap:calc(9 * var(--u)); border:0; border-radius:calc(10 * var(--u)); background:#fff; color:#111!important; font:500 calc(15 * var(--u))/1.3 Inter,Arial,sans-serif; letter-spacing:0; box-shadow:none; pointer-events:auto; transition:transform .25s var(--orbit-ease),box-shadow .25s var(--orbit-ease); }
html[data-theme="dark"] .collection-hero .hero-action:hover { background:#fff; transform:translateY(-2px); box-shadow:0 6px 24px #ff782c35; }
.collection-hero .hero-action svg { display:none; }
.hero-category-count,.orbit-caption,.collection-hero .orbit-arrow { display:none; }
.orbit-stage { position:absolute; inset:0; z-index:10; transform:none!important; pointer-events:none; }
.luxury-product { position:absolute; left:0; top:0; display:flex; align-items:center; justify-content:center; width:calc(80 * var(--u)); height:calc(90 * var(--u)); padding:0; margin:0; border:0; background:transparent; pointer-events:auto; cursor:pointer; text-decoration:none; -webkit-tap-highlight-color:transparent; }
.luxury-product img { width:100%; height:100%; object-fit:contain; user-select:none; transform:translateY(0) scale(1); filter:brightness(1.06) drop-shadow(0 8px 12px #0008); transition:transform .35s var(--orbit-ease),filter .35s var(--orbit-ease); }
.luxury-product[data-category="Glasses"] img { filter:brightness(2.2) drop-shadow(0 8px 12px #0008); }
.luxury-product:hover,.luxury-product:focus-visible { z-index:60!important; }
.luxury-product:hover img,.luxury-product:focus-visible img { transform:translateY(-4px) scale(1.08); filter:brightness(1.22) drop-shadow(0 8px 18px #ffca9c38); }
.luxury-product[data-category="Glasses"]:hover img,.luxury-product[data-category="Glasses"]:focus-visible img { filter:brightness(2.5) drop-shadow(0 8px 18px #ffca9c38); }
.luxury-product-label { position:absolute; top:100%; color:#fffaf6; font:500 max(10px,calc(11 * var(--u)))/1.2 Inter,Arial,sans-serif; text-align:center; white-space:nowrap; opacity:0; transform:translateY(3px); transition:opacity .2s,transform .2s; pointer-events:none; }
.luxury-product:hover .luxury-product-label,.luxury-product:focus-visible .luxury-product-label { opacity:1; transform:translateY(0); }
.orbit-controls { position:absolute; bottom:calc(17 * var(--u)); right:calc(24 * var(--u)); z-index:40; }
.orbit-pause { position:static; display:flex; align-items:center; justify-content:center; width:32px; height:32px; padding:0; border:1px solid #ffffff24; border-radius:8px; background:#0008; color:#fff; cursor:pointer; }
.orbit-pause svg { width:14px; height:14px; }
.orbit-pause span { position:absolute; width:1px; height:1px; clip-path:inset(50%); overflow:hidden; white-space:nowrap; }
.orbit-pause:disabled { cursor:default; color:#a49b96; border-color:#ffffff17; }
.collection-dock { background:#000; border-block:1px solid var(--line); scroll-margin-top:90px; }
.collection-dock button,.collection-dock button.is-active { color:var(--muted); background:transparent; border:0; border-radius:0; }
.collection-dock button.is-active { color:#fff; }
.collection-dock button span { display:inline; }
body.hero-in-view .mobile-catalog-nav,body.hero-in-view .floating-actions { visibility:hidden; pointer-events:none; }
.inquiry-entry-band,.merchant-picks { background:var(--bg); color:var(--text); border-color:var(--line); }
.merchant-picks-copy > span,.catalog-overline { display:none; }
.merchant-pick,.product-card { background:var(--surface); color:var(--text); box-shadow:none; border-color:var(--line); }
.is-sku-page .topbar { position:sticky; visibility:visible; background:#000!important; }
.is-sku-page .collection-hero,.is-sku-page .collection-dock { display:none; }
@media(max-width:767px) {
  .collection-hero { width:calc(100% - 20px); height:calc(100svh - 20px); margin:10px auto; border-radius:14px; }
  .verra-nav { top:18px; left:16px; right:16px; }
  .verra-brand { font-size:17.5px; gap:7px; }
  .verra-brand svg { width:17px; height:19px; }
  .verra-nav-pill { display:none; }
  .verra-connect { min-height:34px; padding:0 12px; border-radius:8px; font-size:12px; }
  .collection-hero .hero-copy h2 { font-size:min(calc(176 * var(--u)),22vw); }
  .hero-caret { height:.71em; width:1.6px; margin-left:5px; }
  .collection-hero .hero-copy p { font-size:15px; line-height:21px; margin:calc(26 * var(--u)) auto calc(19 * var(--u)); padding-inline:12px; }
  html[data-theme="dark"] .collection-hero .hero-action { min-height:44px; padding:0 17px; border-radius:10px; font-size:13px; }
  .orbit-controls { bottom:max(16px,env(safe-area-inset-bottom,0px)); right:16px; }
  .orbit-pause { width:36px; height:36px; }
  .top-actions #mobileListBtn { display:inline-flex; }
  .collection-dock { justify-content:flex-start; overflow-x:auto; padding:12px 16px; gap:20px; }
  .collection-dock button { flex:0 0 auto; min-width:auto; }
}
@media(prefers-reduced-motion:reduce) { .hero-caret { animation:none; } .luxury-product img,.luxury-product-label,.collection-hero .hero-action,.verra-connect { transition:none; } }

/* Patrick's selected product tunnel. Soft photographic light; no cards or bloom. */
.tunnel-preview { --orbit-ink:#f2efea; --orbit-focus:#d9cab8; }
.tunnel-preview .collection-hero { --u:1px; width:100%; height:100svh; min-height:680px; margin:0; border:0; border-radius:0; background:#050505; isolation:isolate; overflow:hidden; }
.tunnel-preview #orbitCanvas,.tunnel-preview .hero-caret,.tunnel-preview .orbit-arrow,.tunnel-preview .orbit-caption { display:none; }
.tunnel-atmosphere { position:absolute; inset:0; z-index:0; pointer-events:none; background:radial-gradient(ellipse at 50% 40%,#141311 0%,#090909 32%,#030303 72%); }
.tunnel-atmosphere::after { content:""; position:absolute; inset:80% 0 0; background:radial-gradient(ellipse at 50% 100%,#c8bda40c,transparent 60%); }
.tunnel-preview .verra-nav { top:30px; left:max(32px,6vw); right:max(32px,6vw); }
.tunnel-preview .verra-brand { font-size:19px; gap:9px; }
.tunnel-preview .verra-brand svg { width:19px; height:21px; }
.tunnel-preview .verra-nav-actions { gap:12px; }
.tunnel-preview .verra-nav-pill { height:40px; background:transparent; backdrop-filter:none; gap:10px; padding:0; }
.tunnel-preview .verra-nav-pill a,.tunnel-preview .verra-nav-pill button { padding:10px 5px; font-size:14px; color:#e8e5df; }
.tunnel-preview .verra-connect { height:40px; padding-inline:17px; font-size:14px; border-radius:10px; background:#f5f2ed; }
.tunnel-preview .collection-hero .hero-copy { top:43%; left:50%; right:auto; width:min(480px,40%); transform:translateX(-50%); z-index:40; }
.tunnel-preview .collection-hero .hero-copy h2 { display:flex; flex-direction:column; align-items:center; font-family:Inter,Arial,sans-serif; font-size:clamp(88px,9vw,138px); font-weight:600; letter-spacing:-.035em; line-height:1; color:#f2efea; }
.tunnel-title-line { display:block; overflow:hidden; padding-bottom:.08em; margin-bottom:-.08em; }
.tunnel-title-inner { display:block; }
.tunnel-preview .hero-copy .tunnel-subtitle { display:block; margin-top:14px; padding:0; font-size:clamp(26px,2.5vw,40px); line-height:1.2; font-weight:400; letter-spacing:-.025em; white-space:nowrap; }
.tunnel-preview .collection-hero .hero-copy p { margin:22px auto 24px; color:#c7c3bd; font:400 16px/1.5 Inter,Arial,sans-serif; padding:0; }
html[data-theme="dark"] .tunnel-preview .collection-hero .hero-action { min-height:46px; padding:0 22px; font-size:14px; border-radius:9px; background:#f1efeb; color:#121212!important; transition:transform .25s var(--orbit-ease),background-color .25s; }
html[data-theme="dark"] .tunnel-preview .collection-hero .hero-action:hover { box-shadow:none; background:#fff; transform:translateY(-2px); }
.tunnel-scene { position:absolute; inset:0; z-index:10; perspective:1100px; perspective-origin:50% 38%; transform-style:preserve-3d; pointer-events:none; }
.tunnel-product { position:absolute; left:50%; top:38%; display:block; margin:0; padding:0; border:0; border-radius:0; background:transparent; color:#ebe6df; pointer-events:auto; text-decoration:none; cursor:pointer; transform-style:preserve-3d; -webkit-tap-highlight-color:transparent; }
.tunnel-product[hidden] { display:none!important; }
.tunnel-parallax,.tunnel-drift,.tunnel-arrival,.tunnel-visual { display:block; width:100%; height:100%; transform-style:preserve-3d; }
.tunnel-visual { transition:transform .32s var(--orbit-ease),filter .32s var(--orbit-ease); }
.tunnel-visual svg { display:block; width:100%; height:100%; overflow:hidden; }
.tunnel-visual image { pointer-events:none; }
.tunnel-product:hover .tunnel-visual,.tunnel-product:focus-visible .tunnel-visual { transform:translateY(-3px) scale(1.045); filter:brightness(1.035); }
.tunnel-product:focus-visible { outline:0; }
.tunnel-product:focus-visible .tunnel-visual { outline:1px solid #d9cab8; outline-offset:8px; border-radius:6px; }
.tunnel-label { position:absolute; left:50%; top:100%; display:block; width:max-content; padding-top:12px; color:#ded8d0; text-align:center; font:400 12px/1.3 Inter,Arial,sans-serif; opacity:0; transform:translate(-50%,4px); transition:opacity .2s,transform .2s; pointer-events:none; }
.tunnel-product:hover .tunnel-label,.tunnel-product:focus-visible .tunnel-label { opacity:1; transform:translate(-50%,0); }
.tunnel-preview .orbit-controls { right:32px; bottom:28px; }
.tunnel-preview .orbit-pause { width:40px; height:40px; border-radius:50%; background:#08080880; border-color:#ffffff30; color:#d7d2cc; }
.tunnel-preview .orbit-pause:hover { border-color:#ffffff70; }
.tunnel-preview .collection-dock { scroll-margin-top:88px; }
.tunnel-preview .hero-copy a,.tunnel-preview .hero-copy button { pointer-events:auto; }
@media(max-width:900px) and (min-width:681px) {
  .tunnel-preview .verra-nav { left:28px; right:28px; }
  .tunnel-preview .verra-nav-pill { gap:0; }
  .tunnel-preview .collection-hero .hero-copy { width:44%; }
  .tunnel-preview .collection-hero .hero-copy h2 { font-size:88px; }
  .tunnel-preview .hero-copy .tunnel-subtitle { font-size:27px; }
}
@media(max-width:680px) {
  .tunnel-preview .collection-hero { height:100svh; min-height:680px; }
  .tunnel-preview .verra-nav { top:18px; left:20px; right:20px; }
  .tunnel-preview .verra-brand { font-size:17px; }
  .tunnel-preview .verra-nav-actions { gap:8px; }
  .tunnel-preview .verra-nav-pill { display:flex; height:38px; }
  .tunnel-preview .verra-nav-pill a { display:none; }
  .tunnel-preview .verra-nav-pill button { min-height:38px; min-width:42px; padding:8px 5px; font-size:12px; }
  .tunnel-preview .verra-connect { height:38px; min-height:38px; padding-inline:12px; font-size:12px; }
  .tunnel-preview .collection-hero .hero-copy { top:42%; width:calc(100% - 56px); }
  .tunnel-preview .collection-hero .hero-copy h2 { font-size:78px; }
  .tunnel-preview .hero-copy .tunnel-subtitle { margin-top:10px; font-size:26px; }
  .tunnel-preview .collection-hero .hero-copy p { font-size:13px; margin:18px auto 22px; }
  html[data-theme="dark"] .tunnel-preview .collection-hero .hero-action { min-height:46px; padding-inline:20px; font-size:13px; }
  .tunnel-preview .orbit-controls { right:20px; bottom:max(20px,env(safe-area-inset-bottom,0px)); }
  .tunnel-label { font-size:12px; padding-top:8px; }
}
@media(prefers-reduced-motion:reduce) { .tunnel-visual,.tunnel-label { transition:none; } }

html:has(body.dense-tunnel) { scrollbar-width:none; }
/* The selected reference: dense photographic walls, four oversized foreground objects. */
.dense-tunnel .collection-hero { background:#000; }
.dense-tunnel .tunnel-atmosphere { background:#000 url('/images/atb-home-20261028-v18/optimized-v17/floor.webp') center bottom/cover no-repeat; }
.dense-tunnel .tunnel-atmosphere::after { display:none; }
/* Lamps share the photograph's cover transform and existing reflection origins. */
.dense-tunnel .volume-tunnel .tunnel-atmosphere::before,
.dense-tunnel .volume-tunnel .tunnel-atmosphere::after {
 content:""; display:block; position:absolute; inset:auto; top:var(--floor-light-y,76.66%);
 width:30px; height:24px; pointer-events:none;
 background:
  radial-gradient(ellipse 6px 5px at 50% 50%,#fff1d9 0%,#ffdda9 26%,#db9f5d99 49%,#b47b3b00 100%),
  radial-gradient(ellipse 15px 10px at 50% 50%,#d4944833 0%,#b67a3400 100%);
 mix-blend-mode:screen; opacity:.88; transform:translate(-50%,-50%) scale(var(--floor-light-scale,1)); transform-origin:center;
}
.dense-tunnel .volume-tunnel .tunnel-atmosphere::before { left:var(--floor-light-left,18.36%); }
.dense-tunnel .volume-tunnel .tunnel-atmosphere::after { left:var(--floor-light-right,80.01%); }
.dense-tunnel .verra-nav { top:14px; left:18.4%; right:9.7%; }
.dense-tunnel .verra-brand { font-size:22px; }
.dense-tunnel .verra-nav-pill a,.dense-tunnel .verra-nav-pill button,.dense-tunnel .verra-connect { font-size:16px; }
.dense-tunnel .verra-nav-actions { gap:16px; }
.dense-tunnel .verra-connect { padding-inline:22px; }
.dense-tunnel .collection-hero .hero-copy { top:41.7%; }
.dense-tunnel .collection-hero .hero-copy h2 { font-size:clamp(88px,8.85vw,136px); line-height:.94; font-weight:700; }
.dense-tunnel .hero-copy .tunnel-subtitle { margin-top:6px; font-size:clamp(26px,2.6vw,40px); }
.dense-tunnel .collection-hero .hero-copy p { font-size:19px; margin:19px auto 19px; color:#e2dfda; }
html[data-theme="dark"] .dense-tunnel .collection-hero .hero-action { font-size:16px; padding-inline:24px; }
.dense-tunnel .tunnel-visual { filter:blur(var(--distance-blur,0px)); }
.dense-tunnel .tunnel-product[data-category="Glasses"]:not([data-real-photo]) .tunnel-visual svg { filter:brightness(1.3); }
.dense-tunnel .tunnel-product:hover .tunnel-visual,.dense-tunnel .tunnel-product:focus-visible .tunnel-visual { filter:brightness(1.04); }
.wall-tunnel .tunnel-scene { perspective-origin:50% 50%; }
.wall-tunnel .tunnel-product { top:50%; }
.volume-tunnel .tunnel-visual { filter:blur(var(--distance-blur,0px)) drop-shadow(8px 18px 15px #0008); }
.volume-tunnel .tunnel-product:hover .tunnel-visual,.volume-tunnel .tunnel-product:focus-visible .tunnel-visual { transform:translateZ(48px) scale(1.045); filter:brightness(1.035) drop-shadow(12px 24px 18px #0009); }
.official-products .tunnel-visual { filter:none; }
.official-products .tunnel-visual > img { display:block; width:100%; height:100%; object-fit:contain; pointer-events:none; }
.official-products .tunnel-product { transform-style:flat; will-change:transform,opacity; }
.official-products .tunnel-parallax,.official-products .tunnel-drift,.official-products .tunnel-arrival,.official-products .tunnel-visual { transform-style:flat; }
body.dense-tunnel { --orbit-font:Manrope,Arial,sans-serif; font-family:Manrope,Arial,sans-serif; }
/* Keep offscreen catalog layout from interrupting the first hero frames. */
.dense-tunnel #productGrid { content-visibility:auto; contain-intrinsic-size:auto 1300px; }
.dense-tunnel #merchantPicks { content-visibility:auto; contain-intrinsic-size:auto 380px; }
.dense-tunnel .buying-guide { content-visibility:auto; contain-intrinsic-size:auto 900px; }
@media(min-width:681px) { .wall-tunnel .tunnel-product:hover .tunnel-visual,.wall-tunnel .tunnel-product:focus-visible .tunnel-visual { transform:translateZ(18px) scale(1.035); } }
@media(max-width:900px) and (min-width:681px) { .dense-tunnel .verra-nav { left:28px; right:28px; } }
@media(max-width:680px) {
 .wall-tunnel .tunnel-scene { perspective-origin:50% 38%; }
 .wall-tunnel .tunnel-product { top:38%; }
 .dense-tunnel .verra-nav { top:18px; left:20px; right:20px; }
 .dense-tunnel .collection-hero .hero-copy { top:42%; }
 .dense-tunnel .collection-hero .hero-copy h2 { font-size:78px; line-height:1; font-weight:600; }
 .dense-tunnel .verra-brand { font-size:17px; }
 .dense-tunnel .verra-nav-pill button,.dense-tunnel .verra-connect { font-size:12px; }
 .dense-tunnel .verra-nav-actions { gap:8px; }
 .dense-tunnel .verra-connect { padding-inline:12px; }
 .dense-tunnel .hero-copy .tunnel-subtitle { font-size:26px; margin-top:10px; }
 .dense-tunnel .collection-hero .hero-copy p { font-size:13px; margin:18px auto 22px; }
 html[data-theme="dark"] .dense-tunnel .collection-hero .hero-action { font-size:13px; padding-inline:20px; }
}

/* v7 typography: the site's existing editorial face leads; Manrope handles UI. */
@media(prefers-reduced-motion:no-preference) {
 html.hero-reveal-pending .tunnel-preview .collection-hero .hero-copy { opacity:0; }
}
.tunnel-preview .collection-hero[data-text-reveal="playing"] .hero-action { transition:none!important; }
@media(prefers-reduced-motion:reduce) {
 .tunnel-preview .collection-hero .hero-action { transition:none!important; }
}
body.tunnel-preview:has(.volume-tunnel) {
 --type-display:"Playfair Display",Georgia,serif;
 --type-ui:Manrope,Arial,sans-serif;
 --orbit-font:var(--type-ui);
 font-family:var(--type-ui);
}
.dense-tunnel .volume-tunnel .hero-copy { top:40.5%; }
.dense-tunnel .volume-tunnel .hero-copy h2 {
 font-family:var(--type-display);
 font-size:clamp(108px,10vw,160px);
 font-weight:600;
 line-height:1;
 letter-spacing:.025em;
 font-kerning:normal;
 font-optical-sizing:auto;
 font-synthesis:none;
 color:#f3eee5;
}
.dense-tunnel .volume-tunnel .hero-copy .tunnel-subtitle {
 margin-top:14px;
 font-family:var(--type-ui);
 font-size:13px;
 font-weight:500;
 line-height:1.5;
 letter-spacing:.24em;
 text-indent:.24em;
 text-transform:uppercase;
 color:#ded5c7;
}
.dense-tunnel .volume-tunnel .hero-copy p {
 margin:22px auto;
 font-family:var(--type-ui);
 font-size:16px;
 font-weight:400;
 line-height:1.65;
 letter-spacing:.01em;
 color:#c9c4bb;
}
html[data-theme="dark"] .dense-tunnel .volume-tunnel .hero-action {
 min-height:48px;
 min-width:192px;
 padding-inline:28px;
 font-family:var(--type-ui);
 font-size:14px;
 font-weight:600;
 line-height:1.4;
 letter-spacing:.02em;
 border-radius:8px;
}
.dense-tunnel .volume-tunnel .verra-nav,.dense-tunnel .volume-tunnel .verra-nav a,.dense-tunnel .volume-tunnel .verra-nav button { font-family:var(--type-ui); }
.dense-tunnel .volume-tunnel .tunnel-label { font-family:var(--type-ui); }
.dense-tunnel .volume-tunnel .verra-nav .verra-brand { font-family:var(--type-display); font-size:24px; font-weight:600; letter-spacing:.03em; }
.dense-tunnel .volume-tunnel .verra-nav-pill a,.dense-tunnel .volume-tunnel .verra-nav-pill button,.dense-tunnel .volume-tunnel .verra-connect { font-size:14px; font-weight:500; letter-spacing:.01em; }
@media(max-width:680px) {
 .dense-tunnel .volume-tunnel .hero-copy { top:41%; }
 .dense-tunnel .volume-tunnel .hero-copy h2 { font-size:104px; }
 .dense-tunnel .volume-tunnel .hero-copy .tunnel-subtitle { margin-top:12px; font-size:11px; letter-spacing:.2em; text-indent:.2em; }
 .dense-tunnel .volume-tunnel .hero-copy p { margin:20px auto; font-size:16px; line-height:1.6; }
 html[data-theme="dark"] .dense-tunnel .volume-tunnel .hero-action { min-width:184px; font-size:14px; }
 .dense-tunnel .volume-tunnel .verra-nav .verra-brand { font-size:21px; }
 .dense-tunnel .volume-tunnel .verra-nav-pill button,.dense-tunnel .volume-tunnel .verra-connect { font-size:12px; }
}

/* Scheme 3: a centered wordmark, quiet controls, and the existing shopping tools. */
body.dense-tunnel { --atb-nav-h:88px; --header-h:var(--atb-nav-h); }
.dense-tunnel .modal { z-index:200; }
body.dense-tunnel.is-sku-page .app-shell { padding-top:var(--atb-nav-h); }
.dense-tunnel .sku-topbar { top:var(--atb-nav-h); }
.dense-tunnel .topbar.atb-navigation {
  position:fixed; inset:0 0 auto; z-index:100; width:100%; height:var(--atb-nav-h);
  display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center;
  gap:24px; padding:0 clamp(24px,3vw,56px); margin:0; color:#f2efea;
  border:0; border-bottom:1px solid transparent; background:#090909!important;
  backdrop-filter:none; visibility:visible; pointer-events:auto;
  font-family:Manrope,Arial,sans-serif; transition:background-color .24s,border-color .24s;
}
body.dense-tunnel.hero-in-view:not(.is-sku-page) .topbar.atb-navigation { background:transparent!important; visibility:visible; pointer-events:auto; }
body.dense-tunnel:not(.hero-in-view) .topbar.atb-navigation,
body.dense-tunnel.nav-search-open .topbar.atb-navigation { background:#090909!important; border-bottom-color:#ffffff20; }
.atb-nav-left,.atb-nav-actions { display:flex; align-items:center; gap:24px; min-width:0; }
.atb-nav-actions { justify-content:flex-end; gap:22px; }
.atb-navigation .atb-wordmark { justify-self:center; color:#f3eee5; text-decoration:none; white-space:nowrap; font:600 clamp(18px,1.7vw,26px)/1.25 var(--type-display,"Playfair Display",Georgia,serif); letter-spacing:.055em; text-indent:.055em; font-kerning:normal; font-optical-sizing:auto; font-synthesis:none; }
.atb-navigation .atb-nav-link,.atb-nav-drawer .atb-nav-link {
  display:inline-flex; align-items:center; justify-content:center; gap:9px; min-width:44px; min-height:44px; padding:0;
  border:0; border-radius:0; background:transparent; color:inherit; font:500 13px/1.4 Manrope,Arial,sans-serif;
  text-decoration:none; cursor:pointer; white-space:nowrap; position:relative;
}
.atb-nav-link svg,.atb-search-panel svg,.atb-nav-drawer svg { width:20px; height:20px; stroke-width:1.5; flex-shrink:0; }
.atb-nav-link span:not(.header-cart-count) { text-underline-offset:6px; text-decoration-thickness:1px; }
.atb-nav-link:hover span:not(.header-cart-count) { text-decoration:underline; }
.atb-nav-link:hover { color:#fff; }
.atb-navigation .atb-nav-match svg { color:#cfb17b; }
.atb-navigation .atb-nav-whatsapp svg { color:#62d98e; }
.atb-navigation .header-cart-count { position:static; display:inline-flex; min-width:17px; height:17px; padding:0 3px; border:0; border-radius:50%; align-items:center; justify-content:center; background:#f2efea; color:#111; font:600 10px/1 Manrope,Arial,sans-serif; }
.atb-navigation [hidden],.atb-nav-drawer [hidden] { display:none!important; }
.atb-navigation :focus-visible,.atb-nav-drawer :focus-visible { outline:2px solid #d9cab8; outline-offset:5px; }
.atb-search-panel { position:absolute; top:100%; left:0; right:0; color:#f2efea; background:#11100f; border-bottom:1px solid #ffffff24; padding:28px 32px 30px; box-shadow:0 20px 30px #0005; }
.atb-search-inner { max-width:880px; margin:auto; }
.atb-search-heading,.atb-drawer-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.atb-search-heading h2 { margin:0; font:400 25px/1.3 "Playfair Display",Georgia,serif; color:inherit; }
.atb-search-panel form { display:flex; gap:24px; margin-top:16px; align-items:stretch; }
.atb-search-field { display:flex; align-items:center; gap:14px; flex:1; min-width:0; border-bottom:1px solid #c5bfb5; padding:10px 0; }
.atb-search-field input { width:100%; min-width:0; background:transparent; color:#f2efea; border:0; outline-offset:6px; font:400 17px/1.5 Manrope,Arial,sans-serif; }
.atb-search-field input::placeholder { color:#bdb7b0; opacity:1; }
.atb-search-submit { display:flex; align-items:center; justify-content:center; gap:16px; min-height:48px; padding:0 20px; border:1px solid #aaa298; border-radius:0; background:transparent; color:#f2efea; font:500 13px/1.4 Manrope,Arial,sans-serif; cursor:pointer; }
.atb-search-submit:hover { background:#f2efea; color:#111; }
.atb-search-panel p { margin:16px 0 0; color:#bdb7b0; font:400 12px/1.5 Manrope,Arial,sans-serif; }
.atb-nav-drawer { position:fixed; inset:0 auto 0 0; box-sizing:border-box; width:min(420px,100%); height:100dvh; max-height:100dvh; max-width:100%; margin:0; padding:24px 32px; border:0; border-right:1px solid #ffffff20; background:#141310; color:#f2efea; font-family:Manrope,Arial,sans-serif; overflow:auto; overscroll-behavior:contain; }
.atb-nav-drawer[open] { display:flex; flex-direction:column; }
.atb-nav-drawer::backdrop { background:#0009; }
html.atb-menu-open { overflow:hidden; }
.atb-drawer-heading { margin-bottom:30px; }
.atb-drawer-heading h2 { margin:0; font:500 14px/1.4 Manrope,Arial,sans-serif; letter-spacing:.03em; }
.atb-category-links { display:flex; flex-direction:column; gap:2px; }
.atb-category-links button { display:flex; justify-content:space-between; align-items:center; width:100%; min-height:47px; padding:4px 0; border:0; background:none; color:inherit; text-align:left; font:400 26px/1.35 "Playfair Display",Georgia,serif; cursor:pointer; }
.atb-category-links button:hover { color:#d9cab8; }
.atb-category-links button[aria-current="true"] { text-decoration:underline; text-underline-offset:7px; text-decoration-thickness:1px; }
.atb-drawer-secondary { display:flex; flex-direction:column; gap:2px; padding:26px 0; margin-top:22px; border-top:1px solid #ffffff24; }
.atb-drawer-secondary a,.atb-drawer-secondary button { display:flex; align-items:center; gap:12px; min-height:44px; padding:0; color:inherit; background:none; border:0; font:400 13px/1.5 Manrope,Arial,sans-serif; text-decoration:none; cursor:pointer; }
.atb-drawer-secondary a:hover,.atb-drawer-secondary button:hover { text-decoration:underline; text-underline-offset:5px; }
.atb-drawer-footer { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:auto; padding-top:18px; border-top:1px solid #ffffff24; color:#bdb7b0; font-size:12px; }
.atb-drawer-footer .currency-trigger { min-height:44px; background:transparent; color:#f2efea; border-color:#ffffff40; border-radius:0; }
.atb-drawer-footer .currency-menu { top:auto; bottom:calc(100% + 8px); right:0; max-height:240px; overflow:auto; background:#201e1b; color:#f2efea; }
@media(max-width:1100px) { .atb-nav-left,.atb-nav-actions { gap:18px; } .atb-nav-left .atb-nav-link span { display:none; } .atb-navigation .atb-wordmark { font-size:19px; } }
@media(max-width:920px) { .atb-navigation .atb-wordmark { font-size:27px; } .atb-wordmark span { display:none; } .atb-nav-actions { gap:18px; } }
@media(max-width:680px) {
  body.dense-tunnel { --atb-nav-h:116px; }
  .dense-tunnel .topbar.atb-navigation { grid-template-rows:44px 44px; gap:4px 10px; padding:10px 18px 14px; }
  .atb-nav-left { grid-column:1; grid-row:1; gap:0; justify-self:start; margin-left:-8px; }
  .atb-navigation .atb-wordmark { grid-column:2; grid-row:1; font-size:27px; }
  .atb-nav-actions { display:contents; }
  .atb-navigation .atb-nav-cart { grid-column:3; grid-row:1; justify-self:end; }
  .atb-navigation .atb-cart-label { display:none; }
  .atb-navigation .atb-nav-match { grid-column:1 / 3; grid-row:2; justify-self:start; min-height:44px; font-size:12px; }
  .atb-navigation .atb-nav-whatsapp { grid-column:3; grid-row:2; justify-self:end; min-height:44px; font-size:12px; }
  .atb-nav-match svg,.atb-nav-whatsapp svg { width:17px; height:17px; }
  .atb-search-panel { padding:18px 20px 24px; }
  .atb-search-heading h2 { font-size:22px; }
  .atb-search-panel form { flex-direction:column; gap:18px; }
  .atb-search-field input { font-size:16px; }
  .atb-nav-drawer { padding:18px 26px 24px; }
}
@media(prefers-reduced-motion:reduce) { .topbar.atb-navigation { transition:none; } }
