.dealer-tier-badge[data-tier="BUFFALO"],.dealer-tier-mark[data-tier="BUFFALO"]{--tier-color:#6f6a4a;--tier-bg:#e8e3d1;--tier-accent:#3f402b;--tier-glow:#d69a50;}
.dealer-tier-badge[data-tier="LEOPARD"],.dealer-tier-mark[data-tier="LEOPARD"]{--tier-color:#b47a38;--tier-bg:#f2e1c0;--tier-accent:#633d22;--tier-glow:#dd9146;}
.dealer-tier-badge[data-tier="RHINO"],.dealer-tier-mark[data-tier="RHINO"]{--tier-color:#7e7b72;--tier-bg:#e4e2db;--tier-accent:#403f39;--tier-glow:#d2a05c;}
.dealer-tier-badge[data-tier="ELEPHANT"],.dealer-tier-mark[data-tier="ELEPHANT"]{--tier-color:#b85c3f;--tier-bg:#f1d8cc;--tier-accent:#6b2f24;--tier-glow:#d6794e;}
.dealer-tier-badge[data-tier="LION"],.dealer-tier-mark[data-tier="LION"]{--tier-color:#b97916;--tier-bg:#f0d28a;--tier-accent:#1d211d;--tier-glow:#f0b744;}
.seller-trust-chip{display:inline-flex;margin-top:12px;padding:0;border:0;background:transparent;line-height:1;}
.dealer-tier-badge{position:relative;display:flex;align-items:center;gap:17px;width:max-content;max-width:100%;padding:14px 18px;border:1px solid var(--tier-color);background:color-mix(in srgb,var(--tier-bg) 28%,transparent);color:var(--tier-accent);}
.seller-trust-chip.dealer-tier-badge{display:inline-flex;width:auto;padding:0;border:0;background:transparent;}
.dealer-tier-badge-copy{display:grid;gap:6px;min-width:0;}
.dealer-tier-badge-copy strong{font:600 16px/1.25 var(--serif);color:var(--tier-accent);}
.dealer-tier-badge-copy span,.dealer-tier-badge-copy a{font:12px/1.45 var(--sans);color:var(--tier-accent);}
.dealer-tier-badge-copy a{margin-top:2px;text-underline-offset:3px;}
.dealer-tier-mark{display:flex;align-items:center;justify-content:center;position:relative;}
.big-five-medallion{--medallion-size:98px;position:relative;display:grid;place-items:center;width:var(--medallion-size);height:var(--medallion-size);flex:0 0 var(--medallion-size);overflow:hidden;border:1px solid var(--tier-accent);border-radius:50%;color:var(--tier-accent);background:radial-gradient(circle at 34% 22%,rgba(255,244,205,.9) 0 5%,rgba(247,185,91,.28) 23%,transparent 43%),linear-gradient(145deg,rgba(255,255,255,.34),transparent 36% 66%,rgba(92,42,18,.16)),var(--tier-bg);box-shadow:inset 0 0 0 2px rgba(255,255,255,.5),inset 0 0 0 5px var(--tier-color),inset 0 0 0 6px rgba(255,239,183,.32),0 0 0 1px color-mix(in srgb,var(--tier-glow,#d69a50) 24%,transparent),0 0 18px color-mix(in srgb,var(--tier-glow,#d69a50) 24%,transparent),0 6px 12px rgba(17,20,23,.2);}
.big-five-medallion::before{content:"";position:absolute;inset:2px;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 28% 18%,rgba(255,248,216,.35),transparent 31%),radial-gradient(circle at 78% 82%,color-mix(in srgb,var(--tier-glow,#d69a50) 22%,transparent),transparent 42%);mix-blend-mode:screen;z-index:1;}
.big-five-medallion-animal{position:absolute;z-index:0;inset:18px 13px 17px;background-position:center;background-repeat:no-repeat;background-size:contain;opacity:.52;filter:drop-shadow(0 1px 0 rgba(255,239,183,.34));pointer-events:none;}
.big-five-medallion-animal{border-radius:50%;background-size:cover;background-position:center 38%;opacity:.88;mix-blend-mode:multiply;}
.big-five-medallion-animal::after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,232,162,.28),transparent 42%,rgba(112,48,21,.18));mix-blend-mode:screen;}
.big-five-badge[data-tier="BUFFALO"] .big-five-medallion-animal,.dealer-tier-badge[data-tier="BUFFALO"] .big-five-medallion-animal,.dealer-tier-mark[data-tier="BUFFALO"] .big-five-medallion-animal{background-image:url("assets/big-five-coin-buffalo.jpg");}
.big-five-badge[data-tier="LEOPARD"] .big-five-medallion-animal,.dealer-tier-badge[data-tier="LEOPARD"] .big-five-medallion-animal,.dealer-tier-mark[data-tier="LEOPARD"] .big-five-medallion-animal{background-image:url("assets/big-five-coin-leopard.jpg");}
.big-five-badge[data-tier="RHINO"] .big-five-medallion-animal,.dealer-tier-badge[data-tier="RHINO"] .big-five-medallion-animal,.dealer-tier-mark[data-tier="RHINO"] .big-five-medallion-animal{background-image:url("assets/big-five-coin-rhino.jpg");}
.big-five-badge[data-tier="ELEPHANT"] .big-five-medallion-animal,.dealer-tier-badge[data-tier="ELEPHANT"] .big-five-medallion-animal,.dealer-tier-mark[data-tier="ELEPHANT"] .big-five-medallion-animal{background-image:url("assets/big-five-coin-elephant.jpg");}
.big-five-badge[data-tier="LION"] .big-five-medallion-animal,.dealer-tier-badge[data-tier="LION"] .big-five-medallion-animal,.dealer-tier-mark[data-tier="LION"] .big-five-medallion-animal{background-image:url("assets/big-five-coin-lion.jpg");}
.big-five-medallion[data-tier="BUFFALO"] .big-five-medallion-animal,.big-five-badge[data-tier="BUFFALO"] .big-five-medallion-animal,.dealer-tier-badge[data-tier="BUFFALO"] .big-five-medallion-animal,.dealer-tier-mark[data-tier="BUFFALO"] .big-five-medallion-animal{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%233f402b' stroke-width='1.55' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 68C16 52 26 43 40 41c8-7 21-5 29 3 5 5 6 12 10 16 4 4 11 1 13 6-3 5-8 7-14 5l-5 5v8M72 67v17M39 62l-3 21M25 59l-5 22'/%3E%3Cpath d='M76 60c5-7 12-8 17-5-3 5-9 7-16 6 5 4 10 7 11 12'/%3E%3Cpath d='M72 51c3-7 8-10 14-9-2 5-5 9-11 12M75 53c5-2 11-1 15 2'/%3E%3Cpath d='M43 43c6-10 20-13 27-4M27 48c7-3 14-4 20-2'/%3E%3C/g%3E%3C/svg%3E");}
.big-five-badge[data-tier="LEOPARD"] .big-five-medallion-animal,.dealer-tier-badge[data-tier="LEOPARD"] .big-five-medallion-animal,.dealer-tier-mark[data-tier="LEOPARD"] .big-five-medallion-animal{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%23633d22' stroke-width='1.45' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 65c7-14 19-22 34-23 8-1 17 2 24 8 4 4 7 6 12 6l5 5-7 4-8-2c-3 9-7 13-10 20M31 59l-2 21M48 61l-1 22M68 58l3 20M79 60l5 18'/%3E%3Cpath d='M78 55c2-7 8-10 14-7l-2 5 6 3-7 4M84 52l4-4M85 52l4 3'/%3E%3Cpath d='M16 63C8 57 7 49 15 43c6-5 12-6 18-9M15 63C5 60 4 52 10 46'/%3E%3Ccircle cx='42' cy='50' r='1.8'/%3E%3Ccircle cx='52' cy='47' r='1.5'/%3E%3Ccircle cx='61' cy='52' r='1.8'/%3E%3Ccircle cx='36' cy='58' r='1.4'/%3E%3Ccircle cx='57' cy='59' r='1.3'/%3E%3Ccircle cx='70' cy='55' r='1.4'/%3E%3C/g%3E%3C/svg%3E");}
.big-five-badge[data-tier="RHINO"] .big-five-medallion-animal,.dealer-tier-badge[data-tier="RHINO"] .big-five-medallion-animal,.dealer-tier-mark[data-tier="RHINO"] .big-five-medallion-animal{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%23403f39' stroke-width='1.55' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 67c3-15 12-24 27-27 12-3 29-2 38 8 4 4 6 9 10 12 4 2 7 2 10 6-2 5-8 8-14 7l-4 5v10M69 69l1 15M40 65l-2 19M25 62l-4 20'/%3E%3Cpath d='M81 59c4-10 7-16 13-18-1 6-4 10-8 14 7-3 12-2 15 1-5 5-11 7-17 6'/%3E%3Cpath d='M76 47c-4-7-9-10-15-12 1 6 5 10 11 13M67 42c-6-5-12-6-17-5'/%3E%3Cpath d='M32 43c9-8 21-10 32-7M31 48c10-5 21-6 31-3'/%3E%3C/g%3E%3C/svg%3E");}
.big-five-badge[data-tier="ELEPHANT"] .big-five-medallion-animal,.dealer-tier-badge[data-tier="ELEPHANT"] .big-five-medallion-animal,.dealer-tier-mark[data-tier="ELEPHANT"] .big-five-medallion-animal{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%236b2f24' stroke-width='1.45' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 68c1-18 12-29 30-31 16-2 27 5 34 17 4 7 8 9 12 10 4 2 5 6 1 9l-8 1-5 10M71 68l3 16M46 66v18M28 64l-3 19'/%3E%3Cpath d='M38 39c-10-3-17 4-18 14-1 9 4 16 11 18 6-5 10-13 9-22-1-5-1-8-2-10'/%3E%3Cpath d='M77 56c6 5 9 12 9 19-1 9-5 13-10 15 5-9 5-15 2-20'/%3E%3Cpath d='M83 70c8-2 12-7 14-12M86 70c5 1 9 4 11 8'/%3E%3Cpath d='M37 41c7-8 18-10 29-7M41 46c8-6 16-7 24-4'/%3E%3C/g%3E%3C/svg%3E");}
.big-five-badge[data-tier="LION"] .big-five-medallion-animal,.dealer-tier-badge[data-tier="LION"] .big-five-medallion-animal,.dealer-tier-mark[data-tier="LION"] .big-five-medallion-animal{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%231d211d' stroke-width='1.45' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 67c6-14 19-22 35-22 13 0 22 5 29 14 3 4 7 7 12 8l4 5c-4 4-9 4-15 1l-4 10M34 59l-2 22M51 59l1 22M70 59l4 21M80 61l6 18'/%3E%3Cpath d='M73 46c-2-11 4-19 14-22 10 5 13 14 8 24-3 6-9 10-16 11M78 34c-5-6-5-12-1-17 6 2 9 7 8 13M89 31c5-5 11-5 15-1-2 6-7 9-13 9M73 43c-6-5-12-6-18-3 1 7 6 11 13 13'/%3E%3Cpath d='M78 39c5-5 10-6 15-4M81 44c4-2 8-2 12 0M16 64c-10-4-14-11-10-18 5 0 10 3 13 8M13 70c-7 2-11 7-12 13 7 2 13-1 17-7'/%3E%3C/g%3E%3C/svg%3E");}
.big-five-medallion-ring{position:absolute;inset:9px;border:1px solid currentColor;border-radius:50%;opacity:.58;box-shadow:inset 0 0 0 2px rgba(255,255,255,.28);}
.big-five-medallion-ring::after{content:"";position:absolute;inset:4px;border:1px dotted currentColor;border-radius:50%;opacity:.72;}
.big-five-medallion-copy{position:relative;z-index:2;display:grid;justify-items:center;text-align:center;line-height:1;padding:3px 5px;border-radius:18px;background:rgba(242,216,159,.48);box-shadow:inset 0 1px 0 rgba(255,248,216,.38),0 1px 4px rgba(44,25,12,.14);text-shadow:0 1px 1px rgba(255,242,191,.38);}
.big-five-medallion-kicker,.big-five-medallion-type{font:600 7px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;}
.big-five-medallion-name{font:500 clamp(15px,2vw,20px)/1.05 var(--serif);margin:5px 0 4px;}
.seller-trust-chip .big-five-medallion{--medallion-size:58px;}
.seller-trust-chip .big-five-medallion-animal{inset:7px;opacity:.9;}
.seller-trust-chip .big-five-medallion-copy{padding:1px 3px;border-radius:10px;background:rgba(241,211,143,.55);text-shadow:none;}
.seller-trust-chip .big-five-medallion-ring{inset:5px;}
.seller-trust-chip .big-five-medallion-ring::after{inset:2px;}
.seller-trust-chip .big-five-medallion-name{font-size:10px;margin:0 0 3px;}
.seller-trust-chip .big-five-medallion-type{font-size:4px;letter-spacing:.08em;}
.dealer-tier-badge .big-five-medallion{--medallion-size:92px;}
.dealer-tier-mark .big-five-medallion{--medallion-size:94px;}
.big-five-medallion-pending{--tier-color:#889198;--tier-bg:#e4e8e9;--tier-accent:#52606d;--tier-glow:#d39a54;}
.big-five-badge[data-tier="BUFFALO"] .big-five-medallion-animal,.dealer-tier-badge[data-tier="BUFFALO"] .big-five-medallion-animal,.dealer-tier-mark[data-tier="BUFFALO"] .big-five-medallion-animal{background-image:linear-gradient(145deg,rgba(232,211,156,.2),rgba(63,64,43,.14)),url("assets/big-five-buffalo.jpg");}
.big-five-badge[data-tier="LEOPARD"] .big-five-medallion-animal,.dealer-tier-badge[data-tier="LEOPARD"] .big-five-medallion-animal,.dealer-tier-mark[data-tier="LEOPARD"] .big-five-medallion-animal{background-image:linear-gradient(145deg,rgba(242,209,139,.2),rgba(99,61,34,.14)),url("assets/big-five-leopard.jpg");}
.big-five-badge[data-tier="RHINO"] .big-five-medallion-animal,.dealer-tier-badge[data-tier="RHINO"] .big-five-medallion-animal,.dealer-tier-mark[data-tier="RHINO"] .big-five-medallion-animal{background-image:linear-gradient(145deg,rgba(235,211,164,.2),rgba(64,63,57,.14)),url("assets/big-five-rhino.jpg");}
.big-five-badge[data-tier="ELEPHANT"] .big-five-medallion-animal,.dealer-tier-badge[data-tier="ELEPHANT"] .big-five-medallion-animal,.dealer-tier-mark[data-tier="ELEPHANT"] .big-five-medallion-animal{background-image:linear-gradient(145deg,rgba(247,190,137,.22),rgba(107,47,36,.14)),url("assets/big-five-elephant.jpg");}
.big-five-badge[data-tier="LION"] .big-five-medallion-animal,.dealer-tier-badge[data-tier="LION"] .big-five-medallion-animal,.dealer-tier-mark[data-tier="LION"] .big-five-medallion-animal{background-image:linear-gradient(145deg,rgba(255,218,119,.24),rgba(29,33,29,.12)),url("assets/big-five-lion.jpg");}
:root{
    /* ---------- Charcoal / graphite / silver design tokens ----------
       The brand keeps its deep cool undertone, but moves away from a
       corporate blue so the watches and their photography carry the color.
       The legacy token names remain as structural aliases below. */
    --ink:#111417;
    --ink-2:#1D2227;
    --paper:#F3F4F2;
    --ivory:#E9ECEE;
    --ivory-2:#DDE2E5;
    --gold:#8F9AA3;
    --gold-light:#D1D7DB;
    --stone:#5F6972;
    --hairline:rgba(17,20,23,0.14);
    --hairline-on-ink:rgba(217,221,224,0.18);
    --ivory-dim:#C5CCD2;

    /* Aliases for backward compatibility with existing rules in this file */
    --navy:var(--ink);
    --navy-2:var(--ink-2);
    --steel:var(--gold);
    --steel-light:var(--gold-light);
    --ice:var(--ivory);
    --white:var(--paper);
    --slate:var(--stone);
    --mist:var(--ivory-dim);
    --text:var(--ink);
    --silver-line:rgba(17,20,23,0.11);

    --serif: 'Spectral', 'Iowan Old Style', Georgia, 'Times New Roman', serif;
    --sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --mono: 'Open Sans', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}

  /* ---------- SCROLL REVEAL ---------- */
  /* Generic, reusable entrance animation - opacity/transform driven by scroll
     position via IntersectionObserver in site.js, not a fixed-time page-load
     animation. Slow, deliberate fade-and-rise only - no scale, no slide -
     matching a premium boutique's pacing rather than a product-demo reveal.
     Runs once per element, not on every scroll pass - see the JS for why. */
  [data-reveal]{
    opacity:0;
    transform:translateY(16px);
    transition:opacity 0.9s cubic-bezier(0.22,1,0.36,1), transform 0.9s cubic-bezier(0.22,1,0.36,1);
    transition-delay:var(--reveal-delay, 0s);
  }
  [data-reveal].is-visible{
    opacity:1;
    transform:translateY(0);
  }
  @media (prefers-reduced-motion: reduce){
    [data-reveal]{ opacity:1; transform:none; transition:none; }
  }

  body{
    font-family:var(--sans);
    color:var(--text);
    background:var(--white);
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
  }
  a{color:inherit;text-decoration:none;}
  img,svg{display:block;max-width:100%;}
  .wrap{max-width:1200px;margin:0 auto;padding:0 32px;}
  @media(max-width:640px){.wrap{padding:0 20px;}}

  ::selection{background:var(--steel);color:var(--ink);}
  :focus-visible{outline:2px solid var(--steel-light);outline-offset:4px;}
  @media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important;}}

  h1,h2,h3,h4{font-family:var(--serif);font-weight:400;letter-spacing:-0.01em;}
  .eyebrow{
    font-family:var(--sans);
    font-size:11px;
    letter-spacing:0.18em;
    text-transform:uppercase;
    color:var(--steel);
  }

  /* ---------- HEADER ---------- */
  header{
    position:sticky;top:0;z-index:100;
    background:rgba(10,22,40,0.92);
    backdrop-filter:blur(10px);
    border-bottom:1px solid rgba(200,211,222,0.15);
  }
  .nav{
    display:flex;align-items:center;justify-content:space-between;
    padding:17px 32px;max-width:1200px;margin:0 auto;
  }
  .logo{
    display:flex;align-items:center;gap:10px;flex:0 0 auto;width:250px;
  }
  .chrono-logo-icon{
    width:46px;height:46px;flex:0 0 46px;object-fit:contain;display:block;
  }
  .chrono-brand{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:max-content;min-width:0;line-height:1;}
  .chrono-brand-name{
    color:var(--white);font-family:var(--serif);font-size:25px;line-height:.95;
    font-weight:400;letter-spacing:-0.01em;white-space:nowrap;width:max-content;
    margin-right:calc(-1 * -0.01em);
  }
   .chrono-brand-name strong{font-weight:600;margin-left:.16em;}
  .chrono-brand-subtitle{
    width:max-content;margin:6px 0 0 calc(-1 * .16em);padding:0;color:var(--steel);font-family:var(--mono);font-size:10px;
    font-weight:400;letter-spacing:.16em;line-height:1.4;text-align:center;
    text-transform:uppercase;white-space:nowrap;
  }
  .logo svg, .foot-logo svg { display:none; }
.logo svg { height:auto; width:220px; color:#fff; opacity:0.95; }
.foot-logo svg { height:36px; width:auto; color:#fff; opacity:0.95; }
.chrono-lockup{display:block;width:100%;height:auto;max-width:420px;}
 .foot-logo{display:flex;align-items:center;gap:12px;width:max-content;max-width:100%;}
 .foot-logo .chrono-logo-icon{width:58px;height:58px;flex-basis:58px;}
 .foot-logo .chrono-brand{width:max-content;min-width:0;}
 .foot-logo .chrono-brand-name{font-size:28px;}
 .foot-logo .chrono-brand-subtitle{font-size:10px;}
  .nav-links{display:flex;gap:18px;list-style:none;}
  .nav-links a, .nav-dropdown-trigger{
    font-size:12.5px;letter-spacing:0.02em;color:var(--mist);
    transition:color .2s;
  }
   .nav-links a:hover, .nav-dropdown-trigger:hover{color:var(--white);}
   .nav-dropdown{position:relative;}
   .nav-dropdown-trigger{
     display:inline-flex;align-items:center;gap:6px;
     font-family:var(--sans);background:none;border:0;
     padding:0;cursor:pointer;
   }
   .nav-dropdown-trigger svg{
     width:10px;height:6px;flex:none;transition:transform .2s;
   }
   .nav-dropdown.open .nav-dropdown-trigger svg{transform:rotate(180deg);}
   .nav-dropdown-menu{
     display:none;position:absolute;top:calc(100% + 20px);left:-14px;
     min-width:180px;padding:8px 0;background:var(--navy);
     border:1px solid rgba(200,211,222,0.18);
     box-shadow:0 12px 30px rgba(0,0,0,0.2);
   }
   .nav-dropdown.open .nav-dropdown-menu{display:block;}
   .nav-dropdown-menu a{
     display:block;padding:9px 14px;white-space:nowrap;
   }
   .nav-dropdown-menu a:hover{background:rgba(200,211,222,0.08);}
.nav-mega-dropdown{position:static;}
.nav-mega-dropdown>.nav-dropdown-trigger{cursor:pointer;}
.mega-menu{
  left:50%;top:calc(100% + 1px);transform:translateX(-50%);
  width:min(860px, calc(100vw - 84px));padding:26px 28px 24px;
  white-space:normal;
}
.mega-menu-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;border-bottom:1px solid rgba(200,211,222,.18);padding-bottom:14px;}
.mega-menu-heading .eyebrow{color:var(--gold-light);font-size:10px;}
.mega-menu-live,.mega-menu-label{font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ivory-dim);}
.mega-menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 22px;padding:18px 0 12px;}
.mega-menu-brand{display:flex!important;align-items:center;justify-content:space-between;gap:12px;padding:8px 0!important;border-bottom:1px solid rgba(200,211,222,.1);color:var(--mist)!important;font-size:12px!important;letter-spacing:.03em!important;text-transform:none!important;}
.mega-menu-brand:hover{background:none!important;color:var(--white)!important;}
.mega-menu-brand strong{font:10px var(--mono);color:var(--gold-light);}
.mega-menu-brand[hidden]{display:none!important;}
.mega-menu-status{display:block;padding:10px 0;color:var(--ivory-dim);font:11px var(--mono);}
.mega-menu-more{border:0;background:none;color:var(--gold-light);cursor:pointer;font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:4px 0 10px;}
.mega-menu-more:hover{color:var(--white);}
.mega-menu-rule{height:1px;background:rgba(200,211,222,.18);margin:7px 0 18px;}
.mega-menu-bottom{display:grid;grid-template-columns:1fr 2fr;gap:26px;align-items:start;}
.mega-menu-all{font-size:12px!important;color:var(--gold-light)!important;padding:0!important;}
.mega-menu-all:hover{background:none!important;color:var(--white)!important;}
.mega-menu-all span{margin-left:8px;}
.mega-menu-prices{display:flex;gap:16px;align-items:baseline;}
.mega-menu-prices>div{display:flex;flex-wrap:wrap;gap:7px 15px;}
.mega-menu-prices a{padding:0!important;color:var(--mist)!important;font-size:11px!important;}
.mega-menu-prices a:hover{background:none!important;color:var(--white)!important;}
body.nav-menu-open{overflow:hidden;}
  .nav-actions{display:flex;align-items:center;gap:14px;flex-shrink:0;}
  .nav-cta{
    font-family:var(--sans);font-size:12px;letter-spacing:0.05em;
    color:var(--navy);background:var(--white);
    padding:10px 20px;border-radius:2px;
    border:1px solid var(--white);
    transition:background .2s, color .2s;
  }
  .nav-cta:hover{background:transparent;color:var(--white);}
  .nav-toggle{
    display:none;background:none;border:none;color:var(--white);
    font-size:22px;line-height:1;cursor:pointer;padding:4px 6px;
  }
  @media(max-width:1200px){
    .nav-links{
      display:none;
      position:absolute;top:100%;left:0;right:0;
      flex-direction:column;gap:0;
      background:var(--navy);
      border-bottom:1px solid rgba(200,211,222,0.15);
      padding:8px 32px 18px;
    }
    .nav-links.open{display:flex;}
    .nav-links li{border-top:1px solid rgba(200,211,222,0.1);}
    .nav-links li:first-child{border-top:none;}
    .nav-links a{display:block;padding:14px 0;font-size:14px;}
     .nav-dropdown-trigger{
       display:flex;width:100%;align-items:center;justify-content:space-between;
       padding:14px 0;font-size:14px;text-align:left;
     }
     .nav-dropdown-menu{
       position:static;min-width:0;margin:0 0 8px;
       border:0;box-shadow:none;background:transparent;
     }
     .nav-dropdown-menu a{padding:8px 0 8px 14px;}
      .nav-mega-dropdown{position:relative;}
      .mega-menu{width:auto;transform:none;left:auto;top:auto;padding:2px 0 13px 14px;}
      .mega-menu-heading{padding-bottom:10px;}
      .mega-menu-heading .eyebrow{font-size:9px;}
      .mega-menu-live{font-size:9px;}
      .mega-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;padding:10px 0 8px;}
      .mega-menu-brand{font-size:11px!important;padding:7px 0!important;}
      .mega-menu-bottom{display:block;}
      .mega-menu-all{display:block!important;padding:7px 0 14px!important;}
      .mega-menu-prices{display:block;}
      .mega-menu-label{display:block;margin-bottom:8px;}
      .mega-menu-prices>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;}
      .mega-menu-prices a{font-size:10px!important;}
      .mega-menu-rule{margin:5px 0 10px;}
    .nav-cta{display:none;}
    .nav-toggle{display:block;}
  }
  @media(max-width:400px){
    .nav-cart{width:34px;height:34px;}
    .nav-account{width:34px;height:34px;}
  }

  /* ---------- HERO ---------- */
  .hero{
    background:
      radial-gradient(ellipse at 75% 20%, color-mix(in srgb, var(--gold) 35%, transparent), transparent 55%),
      linear-gradient(180deg,var(--navy) 0%,var(--navy-2) 100%);
    color:var(--white);
    padding:clamp(82px,8vw,116px) 0 78px;
    position:relative;
    overflow:hidden;
  }
  /* faint dot-grid texture so dark sections don't read as flat empty space */
  .hero::before{
    content:'';position:absolute;inset:0;pointer-events:none;
    background-image:radial-gradient(rgba(200,211,222,0.08) 1px, transparent 1px);
    background-size:26px 26px;
    mask-image:radial-gradient(ellipse 70% 60% at 50% 30%, black, transparent);
  }
  .hero-accent{
    position:absolute;bottom:0;right:0;width:min(900px,60vw);height:auto;
    pointer-events:none;
  }
  .hero-video{
    position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;
  }
  .hero-scrim{
    position:absolute;inset:0;z-index:1;
     background:linear-gradient(100deg,
       rgba(10,22,40,0.98) 0%, rgba(10,22,40,0.93) 30%,
       rgba(10,22,40,0.78) 58%, rgba(10,22,40,0.62) 100%);
  }
  .hero .wrap.hero-grid{position:relative;z-index:2;}
  /* A moving background is exactly the kind of motion prefers-reduced-motion exists
     for — hide it and let the existing dark gradient background carry the section
     on its own, which it's already built to do. */
  @media(prefers-reduced-motion:reduce){
    .hero-video{display:none;}
  }

  /* On-load reveal for the hero's own content — not the scroll-triggered
     [data-reveal] system used everywhere else on the page, since the hero is
     always visible the instant the page loads; there's no scroll position
     to trigger from. Same easing and rise distance as [data-reveal] though,
     so the two read as one consistent motion language rather than two. */
  .hero-reveal{
    opacity:0;transform:translateY(24px);
    animation:heroReveal 0.8s cubic-bezier(0.22,1,0.36,1) forwards;
    animation-delay:var(--hero-delay,0s);
  }
  @keyframes heroReveal{ to{ opacity:1;transform:translateY(0); } }
  @media(prefers-reduced-motion:reduce){
    .hero-reveal{opacity:1;transform:none;animation:none;}
  }
  .hero-grid{
    display:grid;grid-template-columns:1fr;gap:56px;width:100%;
  }
  @media(min-width:1000px){
    .hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,0.8fr);align-items:center;gap:64px;max-width:1200px;}
  }
  .hero h1{
     font-size:clamp(40px,5.4vw,68px);
     line-height:1.05;
    font-weight:300;
    margin:18px 0 22px;
  }
  .hero h1 em{font-style:italic;color:var(--steel-light);}
  .hero p.lead{
     font-size:16.5px;color:var(--mist);max-width:590px;margin-bottom:34px;
  }
  .consign-hero-cta{margin-top:4px;}
  .btn-row{display:flex;gap:16px;flex-wrap:wrap;}
  .btn{
    display:inline-flex;align-items:center;gap:10px;
    font-family:var(--sans);font-size:12px;letter-spacing:0.06em;
    padding:15px 26px;border-radius:2px;
    transition:all .2s;cursor:pointer;border:1px solid transparent;
  }
  .btn-primary{background:var(--paper);color:var(--navy);}
  .btn-primary:hover{background:var(--steel-light);color:var(--navy);}
  .btn-ghost{border-color:rgba(255,255,255,0.5);color:var(--white);}
  .btn-ghost:hover{border-color:var(--white);background:rgba(255,255,255,0.06);}
  .btn-dark{background:var(--navy);color:var(--white);}
  .btn-dark:hover{background:var(--navy-2);}

  /* ---------- hero market ticker (replaces the clock illustration) ---------- */
  .ticker-block{position:relative;}
  .ticker-label{
    display:flex;align-items:center;gap:9px;
    font-family:var(--sans);font-size:10.5px;letter-spacing:0.16em;text-transform:uppercase;
    color:var(--steel-light);margin-bottom:14px;
  }
  .ticker-label .dot{width:6px;height:6px;border-radius:50%;background:var(--steel-light);}
  .ticker-viewport{
    overflow:hidden;
    border-top:1px solid rgba(200,211,222,0.18);
    border-bottom:1px solid rgba(200,211,222,0.18);
    -webkit-mask-image:linear-gradient(90deg, transparent, black 6%, black 94%, transparent);
    mask-image:linear-gradient(90deg, transparent, black 6%, black 94%, transparent);
  }
  .ticker-track{
    display:flex;width:max-content;
    animation:ticker-scroll var(--ticker-duration,52s) linear infinite;
  }
  .ticker-track:hover{animation-play-state:paused;}
  @keyframes ticker-scroll{
    from{transform:translateX(0);}
    to{transform:translateX(-50%);}
  }
  .ticker-item{
    display:flex;align-items:baseline;gap:11px;
    padding:16px 30px;white-space:nowrap;
    border-right:1px solid rgba(200,211,222,0.14);
  }
  .ticker-brand{font-family:var(--sans);font-size:9.5px;letter-spacing:0.1em;text-transform:uppercase;color:var(--steel-light);}
  .ticker-model{font-family:var(--serif);font-style:italic;font-size:14.5px;color:var(--mist);}
  .ticker-value{font-family:var(--serif);font-size:14px;color:var(--white);font-weight:400;}
  .ticker-trend{font-family:var(--sans);font-size:11.5px;}
  .ticker-trend.up{color:#9fcbb9;}
  .ticker-trend.down{color:#d19a8f;}
  .ticker-trend.steady{color:var(--mist);}
  .ticker-caption{
    margin-top:14px;font-family:var(--sans);font-size:10.5px;color:var(--mist);opacity:0.6;
  }


  /* ---------- SECTION GENERIC ---------- */
  section{padding:144px 0;}
  .section-head{max-width:640px;margin-bottom:54px;}
  .section-head h2{font-size:clamp(28px,3.4vw,42px);margin-top:12px;font-weight:400;}
  .section-head p{color:var(--slate);margin-top:14px;font-size:16px;}
  .bg-ice{background:var(--ice);}
  .bg-navy{background:var(--navy);color:var(--white);}
  .bg-navy .slate{color:var(--mist);}

  /* ---------- MARKET INDEX ---------- */
  /* Instant valuation search — a light-background counterpart to the
     consign page's dark calculator panel, so it reads as this page's own
     tool rather than a mismatched, borrowed treatment. */
  .value-search-wrap{
    background:var(--white);border:1px solid var(--mist);border-radius:4px;
    padding:32px;margin-bottom:40px;
  }
  .value-search-wrap label{
    font-family:var(--serif);font-size:20px;font-weight:400;color:var(--navy);
    display:block;margin-bottom:16px;
  }
  #watchValueSearch{
    width:100%;padding:14px 16px;font-size:16px;font-family:var(--sans);
    border:1px solid var(--mist);border-radius:3px;color:var(--text);background:var(--ice);
  }
  #watchValueSearch:focus{outline:none;border-color:var(--steel);}
  .value-search-result{margin-top:0;}
  .value-search-result:empty{margin-top:0;}
  .value-search-result.found,.value-search-result.not-found{margin-top:24px;padding-top:24px;border-top:1px solid var(--mist);}
  .value-search-brand{
    font-family:var(--sans);font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--steel);
  }
  .value-search-model{font-family:var(--serif);font-size:20px;color:var(--navy);margin-top:4px;}
  .value-search-ref{font-family:var(--sans);font-size:13px;color:var(--slate);font-style:normal;}
  .value-search-figure{font-family:var(--serif);font-size:32px;color:var(--navy);margin-top:8px;font-weight:400;}
  .value-search-trend{font-family:var(--sans);font-size:13px;margin-top:6px;}
  .value-search-trend.up{color:#2E7D4F;}
  .value-search-trend.down{color:#B23C3C;}
  .value-search-trend.steady{color:var(--slate);}
  .value-search-result.not-found p{color:var(--slate);font-size:14px;line-height:1.6;}
  .value-search-cta{
    display:inline-block;margin-top:14px;color:var(--steel);font-size:14px;
  }
  .index-list{border-top:1px solid var(--mist);}
  .index-row{
    display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;
    padding:22px 0;border-bottom:1px solid var(--mist);
  }
  .index-info{display:flex;align-items:center;gap:16px;}
  .index-icon{
    width:44px;height:44px;flex-shrink:0;color:var(--steel-light);
  }
  .index-photo{
    width:56px;height:56px;flex-shrink:0;overflow:hidden;
    border:1px solid var(--mist);border-radius:3px;background:var(--ice);
  }
  .index-photo img{width:100%;height:100%;object-fit:cover;display:block;}
  .index-left{display:flex;flex-direction:column;gap:3px;}
  .index-brand{font-family:var(--sans);font-size:10.5px;letter-spacing:0.1em;text-transform:uppercase;color:var(--steel);}
  .index-model{font-family:var(--serif);font-size:19px;color:var(--text);}
  .index-ref{font-family:var(--sans);font-size:11.5px;color:var(--slate);}
  .index-right{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:flex-end;}
  .index-value{font-family:var(--serif);font-size:17px;color:var(--navy);font-weight:400;text-align:right;white-space:nowrap;}
  .index-trend{
    font-family:var(--sans);font-size:10.5px;letter-spacing:0.03em;
    padding:5px 11px;border-radius:20px;border:1px solid var(--mist);
    background:var(--white);white-space:nowrap;
  }
  .index-trend.up{color:var(--steel);border-color:var(--steel-light);}
  .index-trend.down{color:#9a5b53;border-color:#d7b2aa;}
  .index-trend.steady{color:var(--slate);}
  .index-trend,.value-search-trend,.watch-market-trend,.market-trending-trend{
    font-variant-numeric:tabular-nums;
    letter-spacing:.04em;
  }
  .watch-market-trend{
    display:inline-flex;
    align-items:center;
    margin-top:6px;
    font:11px var(--mono);
    letter-spacing:.08em;
  }
  .watch-market-trend.up{color:#2e7d4f;}
  .watch-market-trend.down{color:#a15d55;}
  .watch-market-trend.steady{color:var(--slate);}
  .index-note{color:var(--slate);font-size:13px;margin-top:22px;line-height:1.6;max-width:640px;}
  .market-index-pagination{
    display:flex;align-items:center;justify-content:center;gap:18px;
    padding:30px 0 4px;flex-wrap:wrap;
  }
  .market-index-pagination[hidden]{display:none;}
  .market-index-pagination button{min-width:190px;}
  .market-index-pagination span{color:var(--slate);font:11px var(--mono);letter-spacing:.03em;}

  .inv-grid{
     display:grid;grid-template-columns:repeat(3,1fr);gap:1px;align-items:stretch;
    background:var(--mist);border:1px solid var(--mist);
  }
  @media(max-width:900px){.inv-grid{grid-template-columns:repeat(2,1fr);}}
  @media(max-width:600px){.inv-grid{grid-template-columns:1fr;}}
  .art-grid{
    display:grid;grid-template-columns:repeat(3,1fr);gap:20px;
  }
  @media(max-width:900px){.art-grid{grid-template-columns:repeat(2,1fr);}}
  @media(max-width:520px){.art-grid{grid-template-columns:1fr;}}
  .art-card{background:var(--white);border:1px solid var(--mist);transition:box-shadow .25s,transform .25s;}
  .art-card:hover{box-shadow:0 14px 32px rgba(10,22,40,0.10);transform:translateY(-3px);}
  .art-photo{
    width:100%;background:var(--ice);overflow:hidden;
  }
  .art-photo img{width:100%;height:auto;display:block;transition:transform .5s cubic-bezier(0.22,1,0.36,1);}
  .art-card:hover .art-photo img{transform:scale(1.05);}
  .art-icon-fallback{
    aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;
  }
  .art-icon-fallback svg{width:35%;height:35%;color:var(--ink);}
  @media(prefers-reduced-motion:reduce){
    .art-card:hover{transform:none;}
    .art-card:hover .art-photo img{transform:none;}
  }
  .art-caption{padding:12px 14px;font-size:12.5px;color:var(--slate);border-top:1px solid var(--mist);}

  /* ---------- NEWS ---------- */
  .news-grid{
    display:grid;grid-template-columns:repeat(3,1fr);gap:24px;
  }
  @media(max-width:900px){.news-grid{grid-template-columns:repeat(2,1fr);}}
  @media(max-width:600px){.news-grid{grid-template-columns:1fr;}}
  .news-card{
    display:block;background:var(--white);border:1px solid var(--mist);
    transition:box-shadow .25s,transform .25s;color:inherit;text-decoration:none;
  }
  .news-card:hover{box-shadow:0 14px 32px rgba(10,22,40,0.10);transform:translateY(-3px);}
  .news-photo{width:100%;aspect-ratio:16/9;background:var(--ice);overflow:hidden;}
  .news-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(0.22,1,0.36,1);}
  .news-card:hover .news-photo img{transform:scale(1.05);}
  @media(prefers-reduced-motion:reduce){
    .news-card:hover{transform:none;}
    .news-card:hover .news-photo img{transform:none;}
  }
  .news-body{padding:20px;}
  .news-source{
    font-family:var(--sans);font-size:10.5px;letter-spacing:0.08em;text-transform:uppercase;
    color:var(--steel);
  }
  .news-body h3{
    font-family:var(--serif);font-size:18px;font-weight:400;color:var(--text);
    margin:8px 0 8px;line-height:1.35;
  }
  .news-body p{font-size:13.5px;color:var(--slate);line-height:1.55;margin-bottom:12px;}
  .news-readmore{font-family:var(--sans);font-size:12px;color:var(--steel);}
  .art-title{font-family:var(--serif);font-size:16px;color:var(--text);margin:0 0 3px;font-style:italic;}
  .art-meta{font-family:var(--sans);font-size:11px;color:var(--slate);margin:0 0 6px;}
  .art-price{font-family:var(--serif);font-size:15px;color:var(--navy);font-weight:400;margin:0;}
  .watch-card{
    background:var(--paper);border:1px solid var(--hairline);
    display:flex;flex-direction:column;
    transition:border-color .5s cubic-bezier(0.22,1,0.36,1),transform .5s cubic-bezier(0.22,1,0.36,1);position:relative;
  }
  .watch-card:hover{border-color:var(--gold);transform:translateY(-2px);}
  .watch-card-content {
    padding:24px;display:flex;flex-direction:column;gap:16px;flex:1;
  }
  .watch-icon{width:110px;height:110px;margin:0 auto;color:rgba(17,20,23,0.3);}
  .watch-photo,.watch-media{
    width:100%;aspect-ratio:1/1;overflow:hidden;
    border-bottom:1px solid var(--hairline);background:var(--ivory);
    display:flex;align-items:center;justify-content:center;
  }
  .watch-photo img,.watch-media img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block;transition:transform .8s cubic-bezier(0.22,1,0.36,1);}
  /* Cards and thumbnails may crop for a consistent grid. The enlarged detail
     hero must preserve the complete source photo, including crowns and lugs. */
  .watch-media-detail{background:var(--white);}
  .watch-media-detail img{object-fit:contain;object-position:50% 50%;transform:none!important;background:var(--white);}
  .watch-card:hover .watch-photo img,.watch-card:hover .watch-media img{transform:scale(1.035);}
  @media(prefers-reduced-motion:reduce){
    .watch-card:hover{transform:none;}
    .watch-card:hover .watch-photo img,.watch-card:hover .watch-media img{transform:none;}
  }
  .watch-card .brand{
    font-family:var(--sans);font-size:10px;letter-spacing:0.14em;
    text-transform:uppercase;color:var(--gold);text-align:center;
    margin-bottom:6px;
  }
  .watch-card h3{font-size:24px;text-align:center;font-weight:400;font-family:var(--serif);margin-bottom:6px;}
  .watch-card .ref{
    font-family:var(--sans);font-size:11px;color:var(--stone);text-align:center;letter-spacing:0.02em;
  }
  .favorite-toggle {
    position:absolute;top:14px;right:14px;z-index:10;
    background:rgba(17,20,23,0.28);border:1px solid rgba(143,154,163,0.78);border-radius:50%;
    width:32px;height:32px;display:flex;align-items:center;justify-content:center;
    cursor:pointer;padding:0;color:#8F9AA3;backdrop-filter:blur(8px);
    box-shadow:0 4px 14px rgba(10,22,40,0.18),inset 0 1px 0 rgba(255,255,255,0.16);
    transition:background .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s;
  }
  .favorite-toggle:hover { background:rgba(17,20,23,0.58);border-color:#D1D7DB;color:#D1D7DB;box-shadow:0 6px 18px rgba(17,20,23,0.26),0 0 0 3px rgba(209,215,219,0.1);transform:translateY(-1px) scale(1.04); }
  .favorite-toggle.active { background:#8F9AA3; color:#111417; border-color:#D1D7DB; }
  .favorite-toggle svg { width:16px; height:16px; stroke:currentColor; fill:none; transition:fill .2s ease,stroke .2s ease,transform .2s ease; }
  .favorite-toggle.active svg { fill:currentColor; }
  .favorite-toggle.active:hover { background:#D1D7DB; color:#111417; }
  .watch-detail-media-actions .favorite-toggle { position:static; }
  .spec-row{
    display:flex;justify-content:space-between;
    font-size:12.5px;color:var(--stone);
    border-top:1px solid var(--hairline);padding-top:12px;
  }
  .watch-price{
    display:flex;justify-content:space-between;align-items:baseline;
    margin-top:auto;padding-top:10px;
  }
  .watch-price .amt{font-family:var(--serif);font-size:19px;color:var(--ink);font-weight:400;}
  .watch-price .tag{
    font-family:var(--sans);font-size:9.5px;letter-spacing:0.08em;
    text-transform:uppercase;color:var(--gold);background:none;border:1px solid var(--gold);
    padding:4px 9px;border-radius:0;
  }
   .btn-buy{
    width:100%;margin-top:14px;padding:11px;border:1px solid var(--navy);
    background:var(--navy);color:var(--white);border-radius:2px;
    font-family:var(--sans);font-size:11.5px;letter-spacing:0.05em;cursor:pointer;
    transition:background .2s;
  }
  .btn-buy:hover{background:var(--steel);border-color:var(--steel);}
  .inv-footnote{
    margin-top:28px;color:var(--slate);font-size:13.5px;
  }

  /* ---------- checkout modal ---------- */
  .buy-modal-backdrop{
    position:fixed;inset:0;background:rgba(10,22,40,0.6);z-index:200;
    display:flex;align-items:center;justify-content:center;padding:20px;
  }
  .buy-modal{
    background:var(--white);border-radius:4px;padding:34px;width:100%;max-width:420px;
    max-height:88vh;overflow-y:auto;
  }
  .buy-modal h3{font-size:21px;font-weight:400;margin-bottom:6px;}
  .buy-modal .buy-price{font-family:var(--serif);color:var(--steel);font-size:14px;font-weight:400;margin-bottom:22px;}
  .buy-modal label{
    display:block;font-family:var(--sans);font-size:10.5px;letter-spacing:0.06em;
    text-transform:uppercase;color:var(--slate);margin:14px 0 6px;
  }
  .buy-modal input{
    width:100%;border:1px solid var(--mist);padding:11px 12px;border-radius:2px;
    font-family:var(--sans);font-size:14px;
  }
  .buy-modal input:focus{outline:none;border-color:var(--steel);}
  .buy-modal .buy-actions{display:flex;gap:12px;margin-top:24px;}
  .buy-modal .buy-actions button{flex:1;}
  .buy-modal .buy-note{font-size:12px;color:var(--slate);margin-top:16px;line-height:1.5;}
  .buy-modal .buy-error{color:#b23c3c;font-size:12.5px;margin-top:10px;}
  .buy-modal .ship-fieldset{border:1px solid var(--mist);border-radius:2px;padding:14px 14px 4px;margin-top:20px;}
  .buy-modal .ship-fieldset legend{
    font-family:var(--sans);font-size:10.5px;letter-spacing:0.06em;text-transform:uppercase;
    color:var(--slate);padding:0 6px;
  }
  .buy-modal .ship-fieldset label{margin-top:10px;}
  .buy-modal .ship-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
  .buy-modal .ship-row > div{min-width:0;}

  /* ---------- PROCESS ---------- */
  .process-list{list-style:none;}
  .process-item{
    display:grid;grid-template-columns:70px 1fr;gap:24px;
    padding:30px 0;border-top:1px solid var(--mist);
  }
  .process-item:last-child{border-bottom:1px solid var(--mist);}
  .process-num{
    font-family:var(--serif);font-style:italic;font-size:34px;color:var(--steel-light);
  }
  .process-item h4{font-size:19px;font-weight:500;font-family:var(--sans);margin-bottom:6px;}
  .process-item p{color:#33414a;font-size:14.5px;max-width:560px;opacity:1;}

  /* ---------- CALCULATOR (signature) ---------- */
  .calc-wrap{
    display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;
  }
  @media(max-width:900px){.calc-wrap{grid-template-columns:1fr;gap:48px;}}
  .calc-panel{
    background:var(--navy-2);border:1px solid rgba(200,211,222,0.15);
    border-radius:4px;padding:40px;
  }
  .calc-panel label{
    font-family:var(--sans);font-size:11px;letter-spacing:0.1em;text-transform:uppercase;
    color:var(--mist);display:block;margin-bottom:12px;
  }
  .price-input{
    display:flex;align-items:center;gap:8px;
    font-family:var(--serif);font-size:30px;color:var(--white);font-weight:400;
    border-bottom:1px solid var(--steel);padding-bottom:10px;margin-bottom:22px;
  }
  .price-input span{color:var(--steel-light);}
  .price-input input{
    background:transparent;border:none;color:var(--white);
    font-family:var(--serif);font-size:30px;font-weight:400;width:100%;outline:none;
  }
  input[type=range]{
    -webkit-appearance:none;width:100%;height:2px;background:var(--steel);
    border-radius:2px;margin:18px 0 6px;
  }
  input[type=range]::-webkit-slider-thumb{
    -webkit-appearance:none;width:16px;height:16px;border-radius:50%;
    background:var(--white);border:3px solid var(--steel);cursor:pointer;
  }
  input[type=range]::-moz-range-thumb{
    width:16px;height:16px;border-radius:50%;
    background:var(--white);border:3px solid var(--steel);cursor:pointer;
  }
  .range-labels{display:flex;justify-content:space-between;font-family:var(--sans);font-size:10.5px;color:var(--slate);}

  .subdials{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
    align-items:start;
  }
  .subdial{
    width:100%;min-width:0;aspect-ratio:1/1;border-radius:50%;
    border:1px solid var(--mist);
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    text-align:center;padding:10px;box-sizing:border-box;
  }
  .subdial .lbl{
     font-family:var(--sans);font-size:clamp(8px,1.1vw,10.5px);line-height:1.15;
    letter-spacing:0.08em;text-transform:uppercase;
    color:var(--steel-light);margin-bottom:6px;
  }
   .subdial .val{font-family:var(--serif);font-size:clamp(14px,1.5vw,18px);color:var(--white);font-weight:400;}
  .subdial-featured{
    position:relative;
    z-index:1;
    transform:scale(1.12);
    border-color:var(--steel-light);
    background:rgba(243,244,242,.08);
    box-shadow:0 0 0 4px rgba(209,215,219,.08);
  }
  .subdial-featured .lbl{color:var(--paper);font-weight:600;}
  .subdial-featured .val{font-family:var(--serif);font-size:clamp(14px,1.6vw,19px);font-weight:400;}
  @media(max-width:520px){.subdial .lbl{font-size:8px;}.subdial .val{font-size:13px;}}
  @media(max-width:520px){.subdial-featured .val{font-size:13px;}}
  .calc-note{color:var(--slate);font-size:13px;margin-top:24px;line-height:1.6;}
  .calc-note b{color:var(--white);}
  .consign-calculator-cta{margin-top:32px;text-align:center;}
  #consign-form-section{scroll-margin-top:92px;}

  /* Dealer-buyout comparison — a second, deliberately plainer register than
     the circular subdials above it (which report this calculator's own
     output), since this row is making a claim about a typical alternative,
     not restating a result. Kept understated rather than a bar chart or
     something more graphic, matching the site's general avoidance of
     decoration that doesn't carry real information. */
  .calc-compare{
    margin-top:28px;padding-top:24px;border-top:1px solid rgba(200,211,222,0.15);
  }
  .compare-row{
    display:flex;justify-content:space-between;align-items:baseline;gap:16px;
    padding:10px 0;font-family:var(--sans);
  }
  .compare-row .compare-label{font-size:13px;color:var(--mist);}
  .compare-row .compare-note{display:block;font-size:11px;color:var(--slate);margin-top:2px;}
  .compare-row .compare-figure{font-family:var(--serif);font-size:16px;font-weight:400;color:var(--white);white-space:nowrap;}
  .compare-row.compare-highlight{
    border-top:1px solid rgba(200,211,222,0.15);margin-top:4px;padding-top:16px;
  }
  .compare-row.compare-highlight .compare-label{color:var(--white);font-size:14px;}
  .compare-row.compare-highlight .compare-figure{font-family:var(--serif);color:var(--steel-light);font-size:19px;font-weight:400;}
  @media(max-width:520px){
    .compare-row{flex-direction:column;gap:2px;}
  }
  .homepage-calculator-results .subdial{background:rgba(255,255,255,.035);}
  .homepage-calculator-results > .btn{margin-top:28px;}

  /* ---------- TRUST ---------- */
   .trust-grid{
     display:grid;grid-template-columns:repeat(3,1fr);gap:0;
  }
   @media(min-width:901px){
     .trust-grid:has(> :nth-child(4)){grid-template-columns:repeat(4,1fr);}
   }
  @media(max-width:800px){.trust-grid{grid-template-columns:1fr;}}
  .sell-grid{
    display:grid;grid-template-columns:1.2fr 0.8fr;gap:60px;
  }
  @media(max-width:900px){.sell-grid{grid-template-columns:1fr;}}
  .market-timing-context{
    margin:0 0 24px;padding:16px 18px;border:1px solid var(--steel);background:var(--white);
  }
  .market-timing-kicker{
    margin-bottom:6px;color:var(--steel);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;
  }
  .market-timing-context strong{
    display:block;margin-bottom:6px;font-family:var(--serif);font-size:18px;font-weight:400;color:var(--navy);
  }
  .market-timing-context p{
    margin:0;color:var(--slate);font-size:13px;line-height:1.55;
  }
  .watch-detail-grid{
    display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;
  }
  @media(max-width:700px){.watch-detail-grid{grid-template-columns:1fr;gap:32px;}}
  .watch-detail-media{position:relative;}
  .watch-detail-media-actions{position:absolute;top:10px;right:10px;z-index:2;display:flex;align-items:center;gap:8px;}
  .watch-detail-media-actions .favorite-toggle{position:static;}
  .share-toggle{background:rgba(10,22,40,0.55);border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;color:#fff;}
  .share-toggle svg{width:16px;height:16px;}
  .share-confirmation{position:absolute;top:40px;right:0;display:none;padding:5px 8px;background:var(--navy);color:var(--white);font-size:11px;white-space:nowrap;}
  .share-confirmation.visible{display:block;}
  .watch-view-urgency{margin:0 0 14px;color:var(--steel);font-size:12px;font-weight:600;letter-spacing:0.01em;}
  .similar-watches{margin-top:56px;}
  .similar-watches h2{font-family:var(--serif);font-size:24px;font-weight:400;margin:0 0 20px;}
  .similar-watches-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
  .similar-watches-row .watch-card{min-width:0;padding:28px 20px;}
  @media(max-width:900px){.similar-watches-row{grid-template-columns:repeat(2,minmax(0,1fr));}}
  @media(max-width:700px){
    .similar-watches-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
    .similar-watches-row .watch-card{padding:0;}
    .similar-watches-row .watch-card-content{padding:14px 12px 12px;}
    .similar-watches-row .watch-card h3{font-size:16px;line-height:1.15;}
    .similar-watches-row .watch-card .brand,
    .similar-watches-row .watch-card .ref{font-size:9px;}
    .similar-watches-row .watch-card .price{font-size:13px;}
  }
  .watch-description{margin-top:20px;padding-top:16px;border-top:1px solid var(--hairline);}
  .watch-description h2{font-family:var(--serif);font-size:18px;font-weight:400;margin:0 0 8px;}
  .watch-description p{font-size:14px;line-height:1.7;color:var(--slate);}
  .buyer-protection{
    margin-top:24px;padding:16px 18px;background:var(--white);border:1px solid var(--hairline);
  }
  .buyer-protection-row{display:flex;align-items:flex-start;gap:10px;}
  .buyer-protection-row + .buyer-protection-row{margin-top:12px;padding-top:12px;border-top:1px solid var(--hairline);}
  .buyer-protection-check{width:20px;height:20px;flex:0 0 20px;display:flex;align-items:center;justify-content:center;color:var(--steel);}
  .buyer-protection-check svg{width:20px;height:20px;}
  .buyer-protection-copy{display:flex;flex-direction:column;gap:2px;font-size:12.5px;line-height:1.45;color:var(--slate);}
  .buyer-protection-copy strong{font-family:var(--sans);font-size:12.5px;font-weight:600;color:var(--text);}
  .buyer-protection-label{display:flex;align-items:center;gap:5px;position:relative;}
  .buyer-protection-info{width:17px;height:17px;padding:0;border:0;background:none;color:var(--steel);font-size:14px;line-height:1;cursor:pointer;}
  .buyer-protection-popover{position:absolute;left:0;top:24px;z-index:3;display:none;width:min(300px,calc(100vw - 64px));padding:10px 12px;background:var(--navy);color:var(--white);font-size:12px;line-height:1.5;box-shadow:0 5px 18px rgba(10,22,40,0.16);}
  .buyer-protection-popover.visible{display:block;}
  .payment-methods{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;}
  .payment-method-icon{
    height:35px;display:inline-flex;align-items:center;justify-content:center;
    color:#18202A;background:var(--white);border-radius:4px;overflow:hidden;
    white-space:nowrap;
  }
  .payment-method-icon svg{display:block;height:35px;width:auto;}
  .payment-method-visa{width:72px;}
  .payment-method-mastercard{width:56px;}
  .payment-method-amex{width:72px;color:#0D5B91;}
  .payment-method-amex text{font-family:var(--sans);font-size:6px;font-weight:700;letter-spacing:.25px;fill:#fff;}
  .payment-method-visa text{font-family:var(--sans);font-size:15px;font-style:italic;font-weight:700;letter-spacing:-.8px;fill:#1A47B8;}
  .payment-method-apple{width:62px;gap:3px;border:1px solid #18202A;padding:0 7px;color:#111;font-family:var(--sans);font-size:15px;font-weight:500;letter-spacing:-.5px;}
  .payment-method-apple .apple-mark{font-size:19px;line-height:1;}
  .consign-cross-sell{margin-top:16px;font-size:13px;color:var(--slate);}
  .consign-cross-sell a{color:var(--steel);text-decoration:underline;text-underline-offset:3px;}
  .listing-report{margin-top:10px;font-size:11.5px;color:var(--slate);}
  .listing-report a{color:var(--slate);text-decoration:underline;text-underline-offset:3px;}
  .watch-gallery{width:100%;min-width:0;}
  .watch-gallery-hero{width:100%;}
  .watch-gallery-thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:12px;}
  .watch-gallery-thumb{padding:0;border:1px solid var(--mist);background:var(--white);cursor:pointer;min-width:0;}
  .watch-gallery-thumb.active{border-color:var(--steel);}
  .watch-gallery-thumb .watch-media-thumbnail{aspect-ratio:1/1;border:0;}
  .included-row{display:flex;gap:28px;margin-top:20px;padding:16px 18px;border:1px solid var(--mist);background:var(--ice);flex-wrap:wrap;}
  .included-row-compact{gap:8px;margin-top:10px;padding:0;border:0;background:transparent;flex-wrap:wrap;}
  .account-tab{background:none;border:none;padding:0 0 14px;font-family:var(--sans);font-size:14px;color:var(--slate);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;}
  .account-tab.active{color:var(--navy);border-bottom-color:var(--navy);font-weight:500;}
  .order-card{background:var(--white);border:1px solid var(--mist);padding:18px 20px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;}
  .order-card .brand{font-size:11px;letter-spacing:0.08em;color:var(--steel);text-transform:uppercase;}
  .order-card h4{font-family:var(--serif);font-size:17px;font-weight:400;margin:3px 0;}
  .order-card .ref{font-size:12.5px;color:var(--slate);}
  .order-card .status{font-size:13px;text-align:right;}
  .favorite-toggle{position:absolute;top:10px;right:10px;z-index:2;}
  .included-item{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:64px;}
  .included-item svg{width:32px;height:32px;color:var(--steel);}
  .included-item span{font-size:11px;color:var(--slate);text-align:center;line-height:1.3;}
  .included-row-compact .included-item{flex-direction:row;align-items:center;gap:4px;min-width:0;}
  .included-row-compact .included-item svg{width:17px;height:17px;}
  .included-row-compact .included-item span{font-size:9px;white-space:nowrap;}
   .trust-icon{
    width:38px;height:38px;stroke:var(--steel-light);stroke-width:1.6;
    margin-bottom:16px;
  }
   .trust-item{
     padding:0 30px;
     border-left:1px solid var(--hairline);
   }
   .trust-item:first-child{padding-left:0;border-left:0;}
   .trust-item .num{
    font-family:var(--sans);font-size:11px;color:var(--steel-light);letter-spacing:0.1em;
  }
  .trust-item h4{font-size:19px;margin:10px 0 8px;font-weight:500;font-family:var(--sans);color:var(--text);}
  .trust-item p{color:var(--slate);font-size:14px;}
  /* .trust-item is used on two different backgrounds: about.html's dark
     .bg-navy section (its original design - white heading, light mist body),
     and index.html's plain white "Why Eleventh Hour" section, which has no
     wrapping .bg-navy at all. The unscoped rule above is now correct for
     that white-background case; this restores the original white/mist
     styling specifically where a dark background is actually present. */
  .bg-navy .trust-item h4{color:var(--white);}
  .bg-navy .trust-item p{color:var(--mist);}

  /* ---------- CONSIGN FORM ---------- */
  .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;}
  @media(max-width:900px){.form-grid{grid-template-columns:1fr;}}
  .field{margin-bottom:22px;}
  .field label{
    display:block;font-family:var(--sans);font-size:11px;letter-spacing:0.08em;
    text-transform:uppercase;color:var(--slate);margin-bottom:8px;
  }
  .field input, .field select, .field textarea{
    width:100%;border:1px solid var(--mist);background:var(--white);
    padding:14px 16px;font-family:var(--sans);font-size:15px;color:var(--text);
    border-radius:2px;transition:border-color .2s;
  }
   .field input:focus, .field select:focus, .field textarea:focus{
     border-color:var(--steel);outline:none;box-shadow:0 0 0 3px color-mix(in srgb, var(--steel-light) 28%, transparent);
  }
  .field-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
  @media(max-width:640px){.field-row{grid-template-columns:1fr; gap:16px;}}
  .submit-note{font-size:12.5px;color:var(--slate);margin-top:6px;}
  .sell-aside{background:var(--ice);padding:32px;border-radius:4px;height:fit-content;}
  .sell-aside h4{font-size:17px;margin-bottom:14px;font-weight:500;font-family:var(--sans);}
  .sell-aside ul{list-style:none;}
  .sell-aside li{
    display:flex;gap:10px;font-size:13.5px;color:var(--slate);padding:9px 0;
    border-top:1px solid var(--mist);
  }
  .sell-aside li:first-of-type{border-top:none;}
  .sell-aside li b{color:var(--navy);}
  .form-status{
    margin-top:18px;padding:14px 16px;border-radius:2px;
    background:var(--ice);border-left:3px solid var(--steel);
    font-size:13.5px;color:var(--navy);display:none;
  }
  .form-status.show{display:block;}

  /* ---------- ABOUT ---------- */
  .about-grid{display:grid;grid-template-columns:0.9fr 1.1fr;gap:60px;align-items:center;}
  @media(max-width:900px){.about-grid{grid-template-columns:1fr;}}
  .about-grid p{color:var(--slate);margin-bottom:16px;font-size:15.5px;}
  .movement-illustration{
    width:100%;max-width:340px;margin-top:28px;display:block;
  }
  /* A continuous loop, not a one-time reveal: parts drop from above,
     assemble, hold together briefly, then pull apart again — repeating for
     as long as the illustration is in view (see the IntersectionObserver
     bundled with the SVG, which toggles the loop on/off with visibility so
     it isn't animating off-screen for no reason). Staggered order follows
     the actual path power takes through a movement: barrel first, then the
     bridges that hold the gear train, then the gears themselves, with the
     balance assembly arriving last and leaving first — the most delicate
     part gets the shortest time out in the open. */
  #barrelwrap{ transform: translate(0px,-130px) scale(0.6); opacity:0; }
  svg.looping #barrelwrap{ animation: loop_barrelwrap 6s cubic-bezier(0.45,0,0.2,1) infinite; }
  #bridge1wrap{ transform: translate(0px,-150px) scale(0.8); opacity:0; }
  svg.looping #bridge1wrap{ animation: loop_bridge1wrap 6s cubic-bezier(0.45,0,0.2,1) infinite; }
  #bridge2wrap{ transform: translate(0px,-170px) scale(0.8); opacity:0; }
  svg.looping #bridge2wrap{ animation: loop_bridge2wrap 6s cubic-bezier(0.45,0,0.2,1) infinite; }
  #gear1wrap{ transform: translate(0px,-190px) rotate(-40deg); opacity:0; }
  svg.looping #gear1wrap{ animation: loop_gear1wrap 6s cubic-bezier(0.45,0,0.2,1) infinite; }
  #gear2wrap{ transform: translate(0px,-210px) rotate(35deg); opacity:0; }
  svg.looping #gear2wrap{ animation: loop_gear2wrap 6s cubic-bezier(0.45,0,0.2,1) infinite; }
  #gear3wrap{ transform: translate(0px,-230px) rotate(45deg); opacity:0; }
  svg.looping #gear3wrap{ animation: loop_gear3wrap 6s cubic-bezier(0.45,0,0.2,1) infinite; }
  #balancewrap{ transform: translate(0px,-250px) scale(0.6); opacity:0; }
  svg.looping #balancewrap{ animation: loop_balancewrap 6s cubic-bezier(0.45,0,0.2,1) infinite; }

  @keyframes loop_barrelwrap{
    0%{ transform: translate(0px,-130px) scale(0.6); opacity:0; }
    14%{ transform: translate(0,0) rotate(0) scale(1); opacity:1; }
    66%{ transform: translate(0,0) rotate(0) scale(1); opacity:1; }
    86%{ transform: translate(0px,-130px) scale(0.6); opacity:0; }
    100%{ transform: translate(0px,-130px) scale(0.6); opacity:0; }
  }
  @keyframes loop_bridge1wrap{
    0%{ transform: translate(0px,-150px) scale(0.8); opacity:0; }
    17%{ transform: translate(0,0) rotate(0) scale(1); opacity:1; }
    66%{ transform: translate(0,0) rotate(0) scale(1); opacity:1; }
    83%{ transform: translate(0px,-150px) scale(0.8); opacity:0; }
    100%{ transform: translate(0px,-150px) scale(0.8); opacity:0; }
  }
  @keyframes loop_bridge2wrap{
    0%{ transform: translate(0px,-170px) scale(0.8); opacity:0; }
    20%{ transform: translate(0,0) rotate(0) scale(1); opacity:1; }
    66%{ transform: translate(0,0) rotate(0) scale(1); opacity:1; }
    80%{ transform: translate(0px,-170px) scale(0.8); opacity:0; }
    100%{ transform: translate(0px,-170px) scale(0.8); opacity:0; }
  }
  @keyframes loop_gear1wrap{
    0%{ transform: translate(0px,-190px) rotate(-40deg); opacity:0; }
    23%{ transform: translate(0,0) rotate(0) scale(1); opacity:1; }
    66%{ transform: translate(0,0) rotate(0) scale(1); opacity:1; }
    77%{ transform: translate(0px,-190px) rotate(-40deg); opacity:0; }
    100%{ transform: translate(0px,-190px) rotate(-40deg); opacity:0; }
  }
  @keyframes loop_gear2wrap{
    0%{ transform: translate(0px,-210px) rotate(35deg); opacity:0; }
    26%{ transform: translate(0,0) rotate(0) scale(1); opacity:1; }
    66%{ transform: translate(0,0) rotate(0) scale(1); opacity:1; }
    74%{ transform: translate(0px,-210px) rotate(35deg); opacity:0; }
    100%{ transform: translate(0px,-210px) rotate(35deg); opacity:0; }
  }
  @keyframes loop_gear3wrap{
    0%{ transform: translate(0px,-230px) rotate(45deg); opacity:0; }
    29%{ transform: translate(0,0) rotate(0) scale(1); opacity:1; }
    66%{ transform: translate(0,0) rotate(0) scale(1); opacity:1; }
    71%{ transform: translate(0px,-230px) rotate(45deg); opacity:0; }
    100%{ transform: translate(0px,-230px) rotate(45deg); opacity:0; }
  }
  @keyframes loop_balancewrap{
    0%{ transform: translate(0px,-250px) scale(0.6); opacity:0; }
    34%{ transform: translate(0,0) rotate(0) scale(1); opacity:1; }
    62%{ transform: translate(0,0) rotate(0) scale(1); opacity:1; }
    68%{ transform: translate(0px,-250px) scale(0.6); opacity:0; }
    100%{ transform: translate(0px,-250px) scale(0.6); opacity:0; }
  }

  /* Gears and the balance wheel keep turning throughout — including while
     mid-air between explode and assemble, the same way a real gear pulled
     off a movement doesn't stop spinning on its own axis just because it's
     been lifted out. */
  #aboutBalanceWheel{
    transform-box: fill-box;
    transform-origin: center;
    animation: balanceOsc 1.8s ease-in-out infinite alternate;
  }
  @keyframes balanceOsc{
    from{ transform: rotate(-11deg); }
    to{ transform: rotate(11deg); }
  }
  /* Three gears meshing at different, non-round speeds and alternating
     direction — matching how an actual going train works (adjacent gears
     always turn opposite ways), and avoiding any two gears sharing a period
     that would make the animation look like it's looping visibly. */
  #movementGear1, #movementGear2, #movementGear3{
    transform-box: fill-box; transform-origin: center;
  }
  #movementGear1{ animation: gearSpin 6s linear infinite; }
  #movementGear2{ animation: gearSpin 8.5s linear infinite reverse; }
  #movementGear3{ animation: gearSpin 4.2s linear infinite reverse; }
  @keyframes gearSpin{
    from{ transform: rotate(0deg); }
    to{ transform: rotate(360deg); }
  }
  .pull{
    font-family:var(--serif);font-style:italic;font-size:22px;color:var(--navy);
    line-height:1.4;border-left:2px solid var(--steel);padding-left:22px;margin:26px 0;
  }

  /* ---------- CONTACT / FOOTER ---------- */
  footer{background:var(--navy);color:var(--mist);padding:80px 0 30px;}
  .foot-newsletter{
    display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap;
    padding-bottom:36px;margin-bottom:36px;border-bottom:1px solid rgba(200,211,222,0.15);
  }
  .foot-newsletter h5{
    font-family:var(--serif);font-size:19px;font-weight:400;color:var(--white);margin-bottom:6px;
  }
  .foot-newsletter p{font-size:13px;color:var(--slate);max-width:340px;}
  .newsletter-form{display:flex;gap:10px;flex-shrink:0;}
  .newsletter-form input{
    width:230px;padding:11px 14px;background:rgba(255,255,255,0.05);
    border:1px solid rgba(200,211,222,0.25);border-radius:2px;color:var(--white);font-size:13.5px;
  }
  .newsletter-form input::placeholder{color:var(--slate);}
  .newsletter-form button{
    padding:11px 20px;background:var(--white);color:var(--navy);border:none;border-radius:2px;
    font-family:var(--sans);font-size:12.5px;letter-spacing:0.03em;cursor:pointer;white-space:nowrap;
  }
  .newsletter-form button:hover{background:var(--steel-light);}
  .newsletter-form button:disabled{opacity:0.6;cursor:default;}
  .newsletter-message{font-size:13px;margin:-20px 0 24px;min-height:1em;}
  .newsletter-message.error{color:#e08787;}
  .newsletter-message.success{color:var(--steel-light);}
  @media(max-width:700px){
    .foot-newsletter{flex-direction:column;align-items:flex-start;}
    .newsletter-form{width:100%;padding-right:48px;}
    .newsletter-form input{width:100%;flex:1;}
  }
  .foot-grid{
    display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;
    padding-bottom:50px;border-bottom:1px solid rgba(200,211,222,0.15);
  }
  @media(max-width:800px){.foot-grid{grid-template-columns:1fr 1fr;}}
  @media(max-width:480px){.foot-grid{grid-template-columns:1fr;}}
  .foot-grid h5{
    font-family:var(--sans);font-size:11px;letter-spacing:0.1em;text-transform:uppercase;
    color:var(--steel-light);margin-bottom:16px;
  }
  .foot-grid ul{list-style:none;}
  .foot-grid li{margin-bottom:10px;font-size:13.5px;}
  .foot-grid a:hover{color:var(--white);}
  .foot-logo{display:inline-block;margin-bottom:16px;}
  .foot-logo img{height:36px;width:auto;display:block;filter:brightness(0) invert(1);opacity:0.95;}
  .foot-bottom{
    display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;
    padding-top:24px;font-size:12px;color:var(--slate);
  }

/* ---------- MULTI-PAGE NAV: active state + cart icon ---------- */
.nav-links a.active{color:var(--white);}
.nav-links a.active::after{content:'';display:block;height:1px;background:var(--steel-light);margin-top:4px;}
.nav-account{
  position:relative;display:flex;align-items:center;justify-content:center;
  width:38px;height:38px;color:var(--white);background:none;border:1px solid rgba(255,255,255,0.25);
  border-radius:2px;cursor:pointer;margin-left:8px;flex-shrink:0;
}
 .nav-account:hover{border-color:rgba(255,255,255,0.6);}
.nav-account svg{width:18px;height:18px;}
.nav-cart{
  position:relative;display:flex;align-items:center;justify-content:center;
  width:38px;height:38px;color:var(--white);background:none;border:1px solid rgba(255,255,255,0.25);
  border-radius:2px;cursor:pointer;margin-left:8px;flex-shrink:0;
}
.nav-cart:hover{border-color:rgba(255,255,255,0.6);}
.nav-cart svg{width:18px;height:18px;}
.nav-cart .cart-count{
  position:absolute;top:-7px;right:-7px;min-width:18px;height:18px;padding:0 4px;
  background:var(--steel);color:var(--white);border-radius:10px;
  font-family:var(--sans);font-size:10px;display:flex;align-items:center;justify-content:center;
  display:none;
}
.nav-cart .cart-count.show{display:flex;}

/* ---------- PAGE INTRO (secondary pages) ---------- */
.page-intro{
  background:
    radial-gradient(ellipse at 80% -20%, color-mix(in srgb, var(--gold) 15%, transparent), transparent 60%),
    linear-gradient(180deg,var(--navy) 0%,var(--navy-2) 100%);
  color:var(--white);
  padding:clamp(64px, 6vw, 84px) 0 clamp(48px, 5vw, 64px);
  position:relative;
  overflow:hidden;
}
.page-intro::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(rgba(200,211,222,0.06) 1px, transparent 1px);
  background-size:26px 26px;
  -webkit-mask-image:linear-gradient(180deg, black, transparent);
  mask-image:linear-gradient(180deg, black, transparent);
}
.page-intro .wrap{position:relative;z-index:2;}
.page-intro .section-head{margin-bottom:0;}
.page-intro .section-head h1, .page-intro .section-head h2 { font-size:clamp(32px,4vw,48px); margin-top:16px; margin-bottom:16px; line-height:1.1; font-weight:300; }
.page-intro .section-head p{color:var(--mist); font-size:clamp(16px,2vw,18px); line-height:1.6; max-width:640px;}

/* ---------- CATEGORY / BRAND FILTER ---------- */
.category-bar{
  display:flex;gap:10px;flex-wrap:wrap;margin-bottom:40px;
}
.category-pill{
  font-family:var(--sans);font-size:11.5px;letter-spacing:0.04em;
  padding:9px 16px;border-radius:20px;border:1px solid var(--mist);
  background:var(--white);color:var(--slate);cursor:pointer;transition:all .15s;
}
 .category-pill:hover{border-color:var(--steel);color:var(--navy);}
.category-pill.active{background:var(--navy);border-color:var(--navy);color:var(--white);}
.category-empty{
  color:var(--slate);font-size:15px;padding:64px 32px;text-align:center;
  background:var(--ice);border:1px dashed var(--mist);border-radius:4px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
}

/* Watch Alerts - the "notify me" form that replaces a dead-end empty state
   when a brand filter has nothing in stock. Deliberately plain (no card,
   no border) so it reads as a continuation of the empty-state message
   above it, not a separate, competing element on the page. */
.watch-alert-empty{
  max-width:480px;margin:0 auto;text-align:center;
  padding:48px 32px;background:var(--white);border:1px dashed var(--mist);border-radius:4px;
}
.watch-alert-empty h3{font-family:var(--serif);font-size:22px;color:var(--navy);margin-bottom:8px;}
.watch-alert-empty p{color:var(--slate);font-size:14px;margin-bottom:20px;}
.watch-alert-form{display:flex;gap:10px;}
.watch-alert-form input{
  flex:1;padding:12px 16px;border:1px solid var(--mist);border-radius:3px;
  font-family:var(--sans);font-size:14px;color:var(--text);background:var(--ice);
}
 .watch-alert-form input:focus{outline:none;border-color:var(--steel);box-shadow:0 0 0 3px color-mix(in srgb, var(--steel-light) 28%, transparent);}
.watch-alert-form button{
  padding:11px 20px;background:var(--navy);color:var(--white);border:none;border-radius:3px;
  font-family:var(--sans);font-size:12.5px;letter-spacing:0.03em;cursor:pointer;white-space:nowrap;
}
.watch-alert-form button:hover{background:var(--steel);}
.watch-alert-form button:disabled{opacity:0.6;cursor:default;}
.watch-alert-message{font-size:13px;margin-top:14px;min-height:1em;}
.watch-alert-message.success{color:var(--steel);}
.watch-alert-message.error{color:#b23c3c;}
@media(max-width:480px){.watch-alert-form{flex-direction:column;}}

/* ---------- ADD TO CART / CART CONTROLS ON CARDS ---------- */
.card-actions{display:flex;gap:8px;margin-top:14px;}
@media(max-width:600px){.card-actions{padding-right:20px;}}
.watch-story{margin-top:14px;border-top:1px solid var(--mist);padding-top:12px;}
.watch-story summary{
  font-family:var(--sans);font-size:11px;letter-spacing:0.04em;color:var(--steel);
  cursor:pointer;list-style:none;
}
.watch-story summary::-webkit-details-marker{display:none;}
.watch-story summary::before{content:'+ ';}
.watch-story[open] summary::before{content:'– ';}
.watch-story p{margin-top:10px;font-size:12.5px;line-height:1.6;color:var(--slate);}

.faq-list{margin-top:8px;}
.faq-item{border-top:1px solid var(--mist);padding:20px 0;}
.faq-item:last-child{border-bottom:1px solid var(--mist);}
.faq-item summary{
  font-family:var(--serif);font-size:17px;color:var(--text);
  cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;
}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::after{content:'+';font-family:var(--sans);font-size:22px;color:var(--steel);flex-shrink:0;}
.faq-item[open] summary::after{content:'–';}
.faq-item p{margin-top:14px;font-size:14px;line-height:1.65;color:var(--slate);max-width:640px;}
.btn-add-cart{
  flex:1;padding:11px;border:1px solid var(--navy);background:var(--white);color:var(--navy);
  border-radius:2px;font-family:var(--sans);font-size:11px;letter-spacing:0.04em;cursor:pointer;
  transition:all .2s;
}
.btn-add-cart:hover{background:var(--ice);}
.btn-add-cart.in-cart{background:var(--ice);border-color:var(--steel);color:var(--steel);}

/* ---------- CART PAGE ---------- */
.cart-list{border-top:1px solid var(--mist);}
.cart-row{
  display:flex;align-items:center;gap:20px;padding:22px 0;border-bottom:1px solid var(--mist);
}
.cart-row .thumb{
  width:76px;height:76px;flex-shrink:0;border:1px solid var(--mist);background:var(--ice);
  display:flex;align-items:center;justify-content:center;overflow:hidden;
}
.cart-row .thumb img{width:100%;height:100%;object-fit:cover;}
.cart-row .thumb svg{width:44px;height:44px;color:var(--navy);}
.cart-row .info{flex:1;min-width:0;}
.cart-row .info .brand{font-family:var(--sans);font-size:10px;letter-spacing:0.1em;text-transform:uppercase;color:var(--steel);}
.cart-row .info h4{font-family:var(--sans);font-size:16px;font-weight:500;margin:2px 0;}
.cart-row .info .ref{font-family:var(--sans);font-size:11.5px;color:var(--slate);}
.cart-row .price{font-family:var(--serif);font-size:16px;color:var(--navy);font-weight:400;white-space:nowrap;}
.cart-row .remove{
  background:none;border:none;color:var(--slate);cursor:pointer;font-size:20px;line-height:1;
  padding:4px 8px;flex-shrink:0;
}
.cart-row .remove:hover{color:#b23c3c;}
.cart-summary{
  margin-top:28px;padding-top:24px;border-top:1px solid var(--mist);
  display:flex;justify-content:flex-end;
}
.cart-summary-box{width:100%;max-width:340px;}
.discount-box{margin-bottom:16px;}
.discount-input-row{display:flex;gap:8px;}
.discount-input-row input{
  flex:1;min-width:0;border:1px solid var(--mist);padding:9px 10px;border-radius:2px;
  font-family:var(--sans);font-size:13px;
}
 .discount-input-row input:focus{outline:none;border-color:var(--steel);box-shadow:0 0 0 3px color-mix(in srgb, var(--steel-light) 28%, transparent);}
.discount-input-row .btn-secondary{
  border:1px solid var(--navy);background:none;color:var(--navy);padding:0 16px;
  font-family:var(--sans);font-size:12.5px;letter-spacing:0.03em;cursor:pointer;border-radius:2px;
}
.discount-input-row .btn-secondary:hover{background:var(--navy);color:#fff;}
.discount-applied{
  display:flex;justify-content:space-between;align-items:center;font-size:13px;
  color:var(--forest,#3a6b4a);background:rgba(58,107,74,0.08);padding:9px 12px;border-radius:2px;
}
.discount-applied button{background:none;border:none;color:var(--slate);font-size:12px;cursor:pointer;text-decoration:underline;}
.discount-msg{font-size:12px;margin-top:6px;color:var(--slate);min-height:1em;}
.discount-msg.error{color:#b23c3c;}
.cart-summary-line{display:flex;justify-content:space-between;font-size:14px;color:var(--slate);padding:6px 0;}
.cart-summary-line:not(.total) span:last-child{font-family:var(--serif);font-weight:400;}
.cart-summary-line.total{font-family:var(--serif);font-size:19px;color:var(--navy);font-weight:400;border-top:1px solid var(--mist);margin-top:8px;padding-top:14px;}
.order-card .listing-price{font-family:var(--serif);font-size:16px;font-weight:400;}
.cart-empty{
  text-align:center;padding:80px 32px;color:var(--slate);
  background:var(--white);border:1px dashed var(--mist);border-radius:4px;
}
.cart-empty svg{width:56px;height:56px;color:var(--steel-light);margin:0 auto 20px;}
.cart-empty p{font-size:16px;color:var(--slate);}

 /* ---------- WHATSAPP FLOATING BUTTON ---------- */
.whatsapp-fab{
  position:fixed;bottom:22px;right:22px;z-index:80;
  width:56px;height:56px;border-radius:50%;
  background:#fff;box-shadow:0 4px 18px rgba(10,22,40,0.28);
  display:flex;align-items:center;justify-content:center;
  transition:transform .15s;
}
.whatsapp-fab:hover{transform:scale(1.06);}
.whatsapp-fab svg{width:32px;height:32px;}
@media(max-width:600px){
  .whatsapp-fab{width:48px;height:48px;bottom:14px;right:14px;}
  .whatsapp-fab svg{width:26px;height:26px;}
}

/* ============================================================
   COLLECTOR'S JOURNAL / TECHNICAL ATELIER
   Graphite, navy, cool paper and silver give the existing
   information architecture a dense editorial rhythm.
   ============================================================ */
:root{
   --ink:#111417;
   --ink-2:#1D2227;
   --paper:#F3F4F2;
   --ivory:#E9ECEE;
   --ivory-2:#DDE2E5;
   --gold:#8F9AA3;
   --gold-light:#D1D7DB;
   --stone:#5F6972;
  --hairline:rgba(23,25,26,.16);
  --hairline-on-ink:rgba(213,224,233,.2);
  --ivory-dim:#bac5cd;
   --navy:#111417;
   --navy-2:#1D2227;
  --steel:var(--gold);
  --steel-light:var(--gold-light);
  --ice:var(--paper);
  --white:var(--paper);
  --slate:var(--stone);
  --mist:var(--ivory-dim);
  --text:var(--ink);
   --accent-navy:#1D2227;
   --signal:#8F9AA3;
   --signal-pale:#E9ECEE;
}

body{background:var(--paper);color:var(--ink);}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:999;
  opacity:.035;background-image:url("assets/editorial/guilloche-study.jpg");
  background-size:680px;mix-blend-mode:multiply;
}
.wrap{max-width:1280px;padding:0 42px;}
section{padding:112px 0;}
header{background:rgba(17,20,23,.96);border-bottom:1px solid rgba(143,154,163,.32);}
.nav{max-width:1280px;padding:15px 42px;}
.logo{width:240px;color:var(--paper);}
.logo{position:relative;display:block;}
.logo svg{width:240px;opacity:0;}
.foot-logo{position:relative;}
.foot-logo svg{opacity:0;}
.logo{min-height:52px;}
.foot-logo{width:260px;min-height:48px;}
@media(max-width:640px){
  .logo{min-height:48px;}
  .foot-logo{width:240px;min-height:44px;}
}

/* Footer keeps the approved stacked lockup; navbar uses its horizontal crop. */
.logo{
  width:148px;
  min-height:70px;
  display:flex;
  align-items:center;
}
.logo .chrono-lockup{
  width:148px;
  height:auto;
  max-width:none;
  filter:none;
  opacity:1;
}
.foot-logo{
  width:240px;
  min-height:0;
}
.foot-logo .chrono-lockup,
.foot-logo img{
  width:240px;
  height:auto;
  max-width:none;
  filter:none;
  opacity:1;
}
@media(max-width:640px){
  .logo{
    width:124px;
    min-height:58px;
  }
  .logo .chrono-lockup{width:124px;}
  .foot-logo,
  .foot-logo .chrono-lockup,
  .foot-logo img{width:220px;}
}
.nav-links{gap:21px;}
.nav-links a,.nav-dropdown-trigger{color:#d7d0c5;font-size:11px;letter-spacing:.085em;text-transform:uppercase;}
.nav-links a:hover,.nav-dropdown-trigger:hover,.nav-links a.active{color:var(--gold-light);}
.nav-links a.active::after{background:var(--gold-light);height:2px;}
.nav-account,.nav-cart{border-color:rgba(143,154,163,.36);color:var(--paper);}
.nav-account:hover,.nav-cart:hover{border-color:var(--gold-light);background:rgba(143,154,163,.1);}
.nav-cta{background:var(--accent-navy);border-color:var(--accent-navy);color:var(--paper);text-transform:uppercase;letter-spacing:.1em;font-size:10px;}
.nav-cta:hover{background:var(--gold);border-color:var(--gold);color:var(--ink);}
.nav-cart .cart-count{background:var(--signal);}

.hero{
  min-height:680px;padding:clamp(92px,10vw,150px) 0 86px;
  background:var(--ink) url("assets/editorial/guilloche-study.jpg") right center/58% 100% no-repeat;
}
.hero-scrim{background:linear-gradient(90deg,rgba(23,25,26,1) 0%,rgba(23,25,26,.96) 36%,rgba(23,25,26,.68) 65%,rgba(23,25,26,.35) 100%);}
.hero::after{content:"CHRONO SPACE / FIELD NOTES";position:absolute;right:42px;bottom:20px;color:rgba(209,215,219,.7);font:10px var(--mono);letter-spacing:.18em;writing-mode:vertical-rl;}
.hero h1{font-size:clamp(48px,6.3vw,86px);line-height:.98;max-width:720px;}
.hero h1 em{color:var(--gold-light);}
.hero p.lead{color:#d0cbc2;max-width:570px;font-size:16px;}
.eyebrow{color:var(--gold-light);font-family:var(--mono);font-size:10px;letter-spacing:.2em;}
.btn{border-radius:0;text-transform:uppercase;letter-spacing:.11em;font-size:10px;padding:16px 22px;}
.btn-primary{background:var(--accent-navy);color:var(--paper);border-color:var(--accent-navy);}
.btn-primary:hover{background:var(--gold);border-color:var(--gold);color:var(--ink);}
.btn-ghost{border-color:rgba(143,154,163,.65);color:var(--gold-light);}
.btn-ghost:hover{background:var(--gold-light);color:var(--ink);}
.ticker-block{border-left:1px solid rgba(143,154,163,.52);padding-left:26px;}
.ticker-label{color:var(--gold-light);}
.ticker-label .dot{background:var(--signal);}
.ticker-viewport{border-color:rgba(143,154,163,.3);mask-image:none;}
.ticker-item{border-color:rgba(143,154,163,.22);padding:17px 24px;}
.ticker-brand{color:var(--gold-light);}
.ticker-value{color:var(--paper);}
.ticker-trend.up{color:#8ec9b5;}

.section-head{max-width:740px;margin-bottom:46px;}
.section-head h2{font-size:clamp(34px,4.7vw,58px);line-height:1.02;}
.section-head p{font-size:15px;max-width:570px;}
.section-head h2::before{content:"";display:block;width:42px;height:3px;background:var(--accent-navy);margin-bottom:17px;}
.bg-ice{background:var(--ivory);}
.bg-navy{background:var(--ink);color:var(--paper);}
.bg-navy .slate{color:#c9c3ba;}

.trust-grid{grid-template-columns:repeat(4,1fr);gap:1px;background:var(--hairline);}
.trust-item{background:var(--paper);padding:34px 28px 38px;min-height:240px;}
.bg-ice .trust-item{background:var(--ivory);}
.bg-navy .trust-item{background:var(--ink-2);}
.trust-icon{width:58px;height:58px;color:var(--accent-navy);stroke:currentColor;stroke-width:1.3;margin-bottom:25px;}
.bg-navy .trust-icon{color:var(--gold-light);}
.trust-item .num{font:10px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--signal);}
.trust-item h4{font-size:24px;margin:9px 0 10px;line-height:1.1;}
.trust-item p{font-size:13.5px;line-height:1.6;}
.bg-ice .trust-item h4{color:var(--ink);}
.bg-ice .trust-grid{background:rgba(23,25,26,.15);}

.big-five-section{position:relative;background:linear-gradient(180deg,rgba(15,24,23,.9) 0%,rgba(30,37,32,.78) 29%,rgba(75,51,34,.7) 63%,rgba(111,67,31,.62) 100%),radial-gradient(ellipse at 50% 94%,rgba(246,169,72,.34),transparent 52%),url("assets/big-five-bushveld-dusk_2.jpg") center/cover no-repeat;color:var(--paper);padding:148px 0 172px;overflow:hidden;}
.big-five-section::before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 320' preserveAspectRatio='none'%3E%3Cg fill='none' stroke='%23f0d28a' stroke-linecap='round'%3E%3Cpath d='M0 270 C190 258 300 284 480 270 S780 260 960 274 S1270 256 1600 269' stroke-width='1.5' stroke-opacity='.22'/%3E%3Cpath d='M0 286 C230 278 410 294 650 282 S1070 292 1600 280' stroke-width='1' stroke-opacity='.18'/%3E%3Cpath d='M0 303 H1600' stroke-width='1' stroke-opacity='.16'/%3E%3Cpath d='M74 306 l7 -25 6 25 m-14 -16 l14 3 M150 306 l4 -18 5 18 m-10 -10 l10 2 M532 306 l6 -24 6 24 m-14 -14 l14 3 M1116 306 l5 -22 6 22 m-13 -13 l13 3 M1427 306 l7 -25 6 25 m-14 -15 l14 3' stroke-width='1' stroke-opacity='.24'/%3E%3C/g%3E%3Cg fill='none' stroke='%23111417' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' stroke-opacity='.38'%3E%3Cpath d='M249 270 C249 245 251 218 252 190 C252 165 246 145 238 127 M251 190 C264 170 276 157 295 149 M248 177 C234 162 218 154 199 152 M238 127 C225 119 212 116 195 118 M238 127 C250 116 267 110 286 111'/%3E%3Cpath d='M231 143 C215 135 199 134 183 138 M264 136 C279 129 293 128 308 132'/%3E%3Cpath d='M1006 270 C1007 242 1006 212 1005 185 C1004 162 1010 143 1020 124 M1005 184 C990 166 977 157 959 151 M1008 169 C1024 154 1041 147 1057 146 M1020 124 C1032 115 1046 112 1064 115 M1020 124 C1009 112 993 107 976 108'/%3E%3C/g%3E%3C/svg%3E") center bottom/100% 38% no-repeat;opacity:.32;pointer-events:none;}
.big-five-section::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 94%,rgba(249,174,67,.3),rgba(178,81,29,.12) 24%,transparent 58%),radial-gradient(circle at 18% 78%,rgba(226,127,45,.12),transparent 26%),radial-gradient(circle at 84% 73%,rgba(235,149,51,.11),transparent 28%);pointer-events:none;mix-blend-mode:screen;}
.big-five-section>.wrap{position:relative;z-index:1;}
.big-five-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,520px);gap:8vw;align-items:end;padding-bottom:54px;border-bottom:1px solid rgba(243,244,242,.24);}
.big-five-intro .eyebrow{display:flex;align-items:center;gap:12px;color:rgba(243,244,242,.68);}
.big-five-intro .eyebrow::before{content:"";display:block;width:30px;height:1px;background:#f0d28a;opacity:.7;}
.big-five-intro h2{font:500 clamp(48px,6.2vw,82px)/.95 var(--serif);letter-spacing:-.045em;color:var(--paper);margin:17px 0 0;}
.big-five-intro-copy{max-width:470px;padding-bottom:3px;}
.big-five-intro-copy p{color:rgba(243,244,242,.72);font-size:15px;line-height:1.72;margin:0;}
.big-five-intro-copy p+p{margin-top:13px;}
.big-five-list{position:relative;list-style:none;margin:0;padding:0;background:linear-gradient(180deg,rgba(111,106,74,.12) 0%,rgba(180,122,56,.12) 25%,rgba(126,123,114,.1) 49%,rgba(184,92,63,.12) 74%,rgba(185,121,22,.17) 100%);}
.big-five-list::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,14,14,.05),transparent 20%,rgba(242,164,70,.08) 78%,rgba(240,210,138,.13));pointer-events:none;}
.big-five-tier{--tier-color:#6f6a4a;--tier-bg:#e8e3d1;--tier-accent:#3f402b;--tier-glow:#d69a50;position:relative;z-index:1;display:grid;grid-template-columns:72px minmax(0,1fr);column-gap:28px;min-height:240px;padding:42px 0 44px;border-bottom:1px solid rgba(243,244,242,.2);color:var(--tier-accent);}
.big-five-tier[data-tier="LEOPARD"]{--tier-color:#b47a38;--tier-bg:#f2e1c0;--tier-accent:#633d22;--tier-glow:#dd9146;}
.big-five-tier[data-tier="RHINO"]{--tier-color:#7e7b72;--tier-bg:#e4e2db;--tier-accent:#403f39;--tier-glow:#d2a05c;}
.big-five-tier[data-tier="ELEPHANT"]{--tier-color:#b85c3f;--tier-bg:#f1d8cc;--tier-accent:#6b2f24;--tier-glow:#d6794e;}
.big-five-tier[data-tier="LION"]{--tier-color:#b97916;--tier-bg:#f0d28a;--tier-accent:#1d211d;--tier-glow:#f0b744;}
.big-five-index{padding-top:10px;color:var(--tier-bg);font:10px var(--mono);letter-spacing:.16em;opacity:.82;}
.big-five-tier-body{min-width:0;}
.big-five-tier-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(235px,auto);gap:28px;align-items:end;}
.big-five-tier-title{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:26px;}
.big-five-badge{display:block;width:112px;height:112px;}
.big-five-badge[data-tier="BUFFALO"]{--tier-color:#6f6a4a;--tier-bg:#e8e3d1;--tier-accent:#3f402b;--tier-glow:#d69a50;}
.big-five-badge[data-tier="LEOPARD"]{--tier-color:#b47a38;--tier-bg:#f2e1c0;--tier-accent:#633d22;--tier-glow:#dd9146;}
.big-five-badge[data-tier="RHINO"]{--tier-color:#7e7b72;--tier-bg:#e4e2db;--tier-accent:#403f39;--tier-glow:#d2a05c;}
.big-five-badge[data-tier="ELEPHANT"]{--tier-color:#b85c3f;--tier-bg:#f1d8cc;--tier-accent:#6b2f24;--tier-glow:#d6794e;}
.big-five-badge[data-tier="LION"]{--tier-color:#b97916;--tier-bg:#f0d28a;--tier-accent:#1d211d;--tier-glow:#f0b744;}
.big-five-badge .big-five-medallion{--medallion-size:112px;}
.big-five-tier-pinnacle .big-five-badge,.big-five-tier-pinnacle .big-five-medallion{--medallion-size:132px;width:132px;height:132px;}
.big-five-tier h3{font:500 34px/1 var(--serif);letter-spacing:-.025em;margin:0;color:var(--paper);}
.big-five-threshold{display:flex;align-items:baseline;justify-content:flex-end;gap:9px;color:var(--tier-bg);white-space:nowrap;}
.big-five-threshold strong{font:600 17px/1 var(--serif);}
.big-five-threshold span{font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase;opacity:.8;}
.big-five-tier p{max-width:560px;color:rgba(243,244,242,.7);font-size:14px;line-height:1.65;margin:12px 0 0;}
.big-five-tier-prominent h3{font-size:38px;color:var(--tier-bg);}
.big-five-tier-pinnacle{min-height:282px;padding:56px 20px 60px;background:linear-gradient(90deg,rgba(184,92,63,.06),rgba(240,210,138,.18) 58%,rgba(240,210,138,.1));border-bottom:0;}
.big-five-tier-pinnacle::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--tier-color);box-shadow:0 4px 0 rgba(185,121,22,.48);}
.big-five-tier-pinnacle h3{font-size:50px;letter-spacing:-.04em;color:var(--tier-accent);}
.big-five-tier::after{content:"";position:absolute;left:72px;right:0;bottom:-1px;height:2px;background:repeating-linear-gradient(135deg,var(--tier-color) 0 1px,transparent 1px 7px,var(--tier-color) 7px 8px,transparent 8px 14px);opacity:.28;}
.big-five-tier[data-tier="LEOPARD"]::after{opacity:.34;}
.big-five-tier[data-tier="RHINO"]::after{opacity:.42;}
.big-five-tier[data-tier="ELEPHANT"]::after{opacity:.5;}
.big-five-tier[data-tier="LION"]::after{opacity:.62;}
.big-five-footnote{max-width:520px;color:rgba(243,244,242,.56);font:10px/1.6 var(--mono);letter-spacing:.08em;text-transform:uppercase;margin:36px 0 0 100px;}

.curator-section{background:var(--ink-2);color:var(--paper);position:relative;overflow:hidden;}
.curator-section::before{content:"";position:absolute;inset:0;background:url("assets/editorial/watchmaker-bench.jpg") center/cover;opacity:.22;mix-blend-mode:screen;}
.curator-wrap{position:relative;z-index:1;}
#curatorRoot{min-height:100px;}
.journal-band{background:var(--navy-2);color:var(--paper);padding:0;overflow:hidden;}
.journal-band-grid{min-height:0;padding-left:0;padding-right:0;}
.journal-band-copy{max-width:820px;padding:88px 0 92px;}
.journal-band-copy h2{font-size:clamp(34px,4vw,56px);line-height:1.02;margin:16px 0 22px;}
.journal-band-copy p{color:#eadfd2;max-width:440px;margin-bottom:28px;}
.journal-band-copy .btn-ghost{color:var(--paper);border-color:rgba(241,237,229,.6);}
.journal-band-copy .btn-ghost:hover{color:var(--ink);border-color:var(--paper);background:var(--paper);}

.inv-grid{grid-template-columns:repeat(3,1fr);gap:18px;background:none;border:0;}
.watch-card{background:var(--paper);border:1px solid rgba(23,25,26,.18);box-shadow:0 8px 0 rgba(32,63,95,.1);}
.watch-card:nth-child(3n+2){transform:translateY(22px);}
.watch-card:nth-child(3n+2):hover{transform:translateY(16px);}
.watch-photo,.watch-media-card,.watch-media-sale,.watch-media-detail{
  aspect-ratio:1/1.08;
  background:var(--ivory-2);
  border-bottom:4px solid var(--accent-navy);
}
.watch-icon{color:var(--signal);width:130px;height:130px;}
.watch-card-content{padding:24px 24px 26px;gap:13px;}
.watch-card .brand{color:var(--accent-navy);text-align:left;font:10px var(--mono);letter-spacing:.14em;}
.watch-card h3{text-align:left;font-size:25px;line-height:1.06;}
.watch-card .ref{text-align:left;color:var(--stone);font-family:var(--mono);font-size:10px;}
.spec-row{border-color:var(--hairline);color:var(--stone);}
.watch-price .amt{color:var(--ink);font-size:18px;}
.watch-price .tag{color:var(--signal);border-color:var(--signal);}
.btn-buy{background:var(--accent-navy);border-color:var(--accent-navy);border-radius:0;}
.btn-buy:hover{background:var(--signal);border-color:var(--signal);}
.btn-add-cart{border-color:var(--ink);border-radius:0;background:transparent;}
.watch-story{border-color:var(--hairline);}
.watch-story summary{color:var(--signal);}

.page-intro{padding:108px 0 86px;background:var(--ink) url("assets/editorial/guilloche-study.jpg") 78% center/48% auto no-repeat;position:relative;}
.page-intro::before{background:linear-gradient(90deg,rgba(23,25,26,.98) 0%,rgba(23,25,26,.9) 53%,rgba(23,25,26,.5) 100%);}
.page-intro .section-head h1,.page-intro .section-head h2{font-size:clamp(40px,6vw,72px);max-width:760px;}
.page-intro .section-head h1::before,.page-intro .section-head h2::before{background:var(--gold-light);}
.page-intro .section-head p{max-width:580px;}
.category-bar{gap:8px;margin-bottom:46px;border-bottom:1px solid var(--hairline);padding-bottom:18px;}
.category-pill{border-radius:0;background:transparent;border-color:var(--stone);color:var(--stone);text-transform:uppercase;font:10px var(--mono);letter-spacing:.09em;}
.category-pill:hover,.category-pill.active{background:var(--accent-navy);border-color:var(--accent-navy);color:var(--paper);}

.value-search-wrap{background:var(--ink);border:0;border-left:5px solid var(--signal);border-radius:0;padding:34px;color:var(--paper);}
.value-search-wrap label{color:var(--paper);font-size:27px;}
#watchValueSearch{background:var(--ink-2);border-color:rgba(143,154,163,.4);color:var(--paper);border-radius:0;}
.value-search-brand,.value-search-cta{color:var(--gold-light);}
.value-search-model,.value-search-figure{color:var(--paper);}
.index-list{border-top-color:var(--hairline);}
.index-row{padding:25px 18px;border-bottom-color:var(--hairline);}
.index-row:nth-child(even){background:rgba(255,255,255,.23);}
.index-icon{color:var(--signal);}
.index-brand{color:var(--accent-navy);}
.index-model{font-size:22px;}
.index-value{color:var(--ink);}
.index-trend{border-radius:0;background:transparent;}
.index-trend.up{color:var(--signal);border-color:var(--signal);}

.calc-panel{background:linear-gradient(145deg,var(--navy),#182d40);border:0;border-radius:0;padding:42px;}
.calc-panel label{color:#eadfd2;}
.price-input{border-color:var(--gold-light);}
.subdial{border-color:rgba(143,154,163,.5);}
.subdial .lbl{color:var(--gold-light);}
.calc-compare{border-color:rgba(143,154,163,.28);}
.compare-row.compare-highlight .compare-figure{color:var(--gold-light);}

.process-list{border-left:1px solid var(--gold);}
.process-item{grid-template-columns:92px 1fr;padding:32px 0 32px 28px;border-color:var(--hairline);}
.process-num{color:var(--accent-navy);font-size:38px;}
.process-item h4{font-family:var(--serif);font-size:25px;}
.sell-aside{background:var(--ink);color:var(--paper);border-left:5px solid var(--signal);padding:32px;}
.sell-aside h4{color:var(--gold-light);font-family:var(--serif);font-size:25px;}
.sell-aside li{border-color:rgba(143,154,163,.2);color:#D1D7DB;}

.about-grid{grid-template-columns:1fr 1fr;gap:80px;}
.about-grid .pull{border-left:4px solid var(--accent-navy);padding-left:22px;color:var(--accent-navy);}
.movement-illustration{filter:none;max-height:560px;}

.art-grid{grid-template-columns:1.2fr .8fr 1fr;gap:20px;}
.art-card{border:0;background:var(--paper);border-bottom:4px solid var(--gold);}
.art-card:nth-child(3n+2){margin-top:42px;}
.art-photo{background:var(--ivory-2);}
.art-caption{padding:17px 18px;border-top:0;}
.art-title{font-size:20px;}
.art-price{color:var(--accent-navy);}
.news-grid{grid-template-columns:1.25fr .9fr .9fr;gap:18px;}
.news-card{border:0;background:var(--paper);border-bottom:4px solid var(--signal);}
.news-card:first-child{grid-row:span 2;}
.news-card:first-child .news-photo{aspect-ratio:4/3;}
.news-body h3{font-size:24px;}
.news-source{color:var(--accent-navy);}
.news-readmore{color:var(--signal);}

footer{background:var(--ink);border-top:4px solid var(--accent-navy);}
.foot-newsletter{border-color:rgba(143,154,163,.35);}
.foot-newsletter h5,.foot-grid h5{color:var(--gold-light);}
.newsletter-form input{border-radius:0;border-color:rgba(143,154,163,.4);background:var(--ink-2);color:var(--paper);}
.newsletter-form button{border-radius:0;background:var(--accent-navy);}
.foot-grid a:hover{color:var(--gold-light);}
.whatsapp-fab{
  background:transparent;
  border-radius:50%;
  box-shadow:none;
}
.inventory-tools{background:var(--ink-2);color:var(--paper);padding:58px 0 64px;border-bottom:1px solid rgba(143,154,163,.25);}
.inventory-tools-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:80px;align-items:center;}
.inventory-tools h2{font-size:clamp(34px,4vw,52px);line-height:1;margin:13px 0 16px;}
.inventory-tools p{color:#c9c3ba;max-width:430px;font-size:14px;}
.inventory-search-panel{border-left:3px solid var(--gold);padding-left:28px;}
.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.inventory-search-panel>label,.inventory-sort-row label{display:block;color:var(--gold-light);font:10px var(--mono);letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px;}
.inventory-search-row{display:flex;position:relative;}
#inventorySearch{width:100%;background:var(--paper);border:0;border-radius:0;padding:17px 46px 17px 18px;color:var(--ink);font:15px var(--sans);}
#inventorySearch:focus{outline:2px solid var(--gold-light);outline-offset:3px;}
.inventory-clear{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:35px;height:35px;background:none;border:0;color:var(--stone);font-size:24px;cursor:pointer;}
.inventory-sort-row{display:flex;align-items:center;gap:12px;margin-top:15px;}
.inventory-sort-row label{margin:0;white-space:nowrap;}
#inventorySort{background:transparent;color:var(--paper);border:1px solid rgba(143,154,163,.5);border-radius:0;padding:9px 12px;font:11px var(--mono);}
#inventorySort option{color:var(--ink);}
.save-search-button{margin-left:auto;background:var(--signal);color:var(--paper);border:0;border-radius:0;padding:11px 15px;font:10px var(--mono);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;}
.save-search-button:hover{background:var(--gold);color:var(--ink);}
.save-search-note{min-height:1.3em!important;margin-top:10px;color:var(--gold-light)!important;font-size:12px!important;}
.inventory-filter-row{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:12px;margin-top:22px;}
.inventory-filter-group{display:flex;flex-direction:column;gap:8px;min-width:0;}
.inventory-filter-label{color:var(--gold-light);font:10px var(--mono);letter-spacing:.14em;text-transform:uppercase;}
.inventory-price-fields{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:7px;}
.inventory-filter-row input,.inventory-filter-row select{
  width:100%;min-width:0;background:rgba(243,244,242,.07);color:var(--paper);border:1px solid rgba(143,154,163,.5);
  border-radius:0;padding:11px 12px;font:11px var(--mono);
}
.inventory-filter-row input::placeholder{color:#c9c3ba;}
.inventory-filter-row select option{color:var(--ink);}
.filter-dash{color:var(--gold-light);font:12px var(--mono);text-align:center;}
.inventory-load-more-wrap{text-align:center;padding:36px 0 8px;}
.inventory-load-more{background:var(--navy);color:var(--white);border:1px solid var(--navy);padding:13px 22px;font:11px var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;}
.inventory-load-more:hover{background:var(--steel);}
.inventory-load-more:disabled{opacity:.6;cursor:wait;}
.inventory-context-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:-14px 0 24px;font:10px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--stone);}
.inventory-context-note{color:var(--signal);}
.context-mark{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border:1px solid var(--signal);border-radius:50%;margin-right:5px;}
.watch-card .spec-row{font-size:11px;}
.watch-card .spec-row span:last-child{color:var(--ink);text-align:right;max-width:58%;}
.buyer-notes{background:var(--signal-pale);padding:70px 0 78px;}
.buyer-notes-head{display:flex;align-items:end;gap:28px;border-bottom:1px solid rgba(23,25,26,.2);padding-bottom:22px;margin-bottom:0;}
.buyer-notes-head h2{font-size:clamp(32px,4vw,52px);line-height:1;margin:12px 0 0;}
.buyer-notes-head .text-link{margin-left:auto;margin-bottom:5px;}
.buyer-notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;}
.buyer-notes-grid article{padding:28px 28px 10px 0;border-right:1px solid rgba(23,25,26,.2);margin-right:28px;}
.buyer-notes-grid article:last-child{border-right:0;margin-right:0;}
.buyer-note-number{color:var(--accent-navy);font:11px var(--mono);letter-spacing:.14em;}
.buyer-notes-grid h3{font-size:23px;line-height:1.1;margin:14px 0 10px;}
.buyer-notes-grid p{color:#4c5b5e;font-size:13.5px;max-width:300px;}
.text-link{color:var(--accent-navy);font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase;text-decoration:underline;text-underline-offset:4px;}
.detail-page-section{padding-bottom:180px;}

@media(max-width:900px){
  .wrap,.nav{padding-left:24px;padding-right:24px;}
  .trust-grid,.inv-grid{grid-template-columns:repeat(2,1fr);}
  .about-grid{grid-template-columns:1fr;gap:40px;}
  .inventory-tools-grid{grid-template-columns:1fr;gap:34px;}
  .art-grid,.news-grid{grid-template-columns:repeat(2,1fr);}
  .news-card:first-child{grid-row:auto;}
}
@media(max-width:600px){
  .wrap,.nav{padding-left:18px;padding-right:18px;}
  .logo,.logo svg{width:170px;}
  .nav{padding-top:12px;padding-bottom:12px;}
  .hero{min-height:640px;padding-top:86px;background-position:72% center;background-size:auto 100%;}
  .hero-scrim{background:linear-gradient(90deg,rgba(23,25,26,.98),rgba(23,25,26,.78));}
  .hero::after{right:18px;font-size:8px;}
  .ticker-block{padding-left:14px;}
  .trust-grid,.inv-grid,.art-grid,.news-grid{grid-template-columns:1fr;}
  .watch-card:nth-child(3n+2),.art-card:nth-child(3n+2){transform:none;margin-top:0;}
  .watch-card:nth-child(3n+2):hover{transform:translateY(-2px);}
  .section-head{margin-bottom:34px;}
  section{padding:78px 0;}
  .page-intro{padding:78px 0 62px;background-position:85% center;}
  .process-item{grid-template-columns:58px 1fr;padding-left:18px;gap:14px;}
  .process-item h4{font-size:21px;}
  .value-search-wrap{padding:24px 20px;}
  .value-search-wrap label{font-size:23px;}
  .index-row{align-items:flex-start;padding:21px 0;}
  .index-right{width:100%;justify-content:space-between;padding-left:72px;}
  .calc-panel{padding:28px 22px;}
  .inventory-tools{padding:48px 0;}
  .buyer-notes{padding:54px 0 60px;}
  .buyer-notes-head{display:block;}
  .buyer-notes-head .text-link{display:inline-block;margin-top:18px;}
  .buyer-notes-grid{grid-template-columns:1fr;}
  .buyer-notes-grid article{border-right:0;border-bottom:1px solid rgba(23,25,26,.2);margin-right:0;padding:24px 0;}
  .buyer-notes-grid article:last-child{border-bottom:0;}
  .inventory-search-panel{padding-left:17px;}
  .inventory-sort-row{align-items:flex-start;flex-wrap:wrap;}
  .save-search-button{margin-left:0;}
  .inventory-filter-row{grid-template-columns:1fr;gap:14px;}
  .inventory-price-fields{max-width:100%;}
  .inventory-context-row{align-items:flex-start;flex-direction:column;gap:8px;margin-top:-5px;}
  .journal-band-copy{padding:58px 18px 64px;}
}
@media(max-width:700px){
  .detail-page-section{padding-bottom:110px;}
}

/* ---------- LEGAL PAGES (Terms, Privacy) ---------- */
/* Long-form body text needs its own scale, distinct from .section-head h2's
   page-title sizing - a dozen h2s down one page at that size would be absurd. */
.legal-body{max-width:720px;}
.legal-body .updated{
  font-family:var(--sans);font-size:11px;color:var(--steel);
  text-transform:uppercase;letter-spacing:0.08em;margin-bottom:36px;
}
.legal-body h3{
  font-family:var(--serif);font-weight:400;font-size:19px;color:var(--navy);
  margin:34px 0 10px;
}
.legal-body p{font-size:14.5px;color:var(--text);line-height:1.7;margin-bottom:4px;}
.legal-body a{color:var(--steel);}
.legal-body ul{padding-left:22px;margin-bottom:16px;}
.legal-body li{font-size:14.5px;color:var(--text);line-height:1.7;margin-bottom:6px;}
.legal-body table{width:100%;border-collapse:collapse;margin:16px 0;font-size:13.5px;}
.legal-body th,.legal-body td{text-align:left;padding:10px 12px;border:1px solid var(--mist);vertical-align:top;}
.legal-body th{background:var(--ice);font-family:var(--mono);font-size:11px;letter-spacing:0.04em;text-transform:uppercase;color:var(--steel);}


/* ---------- Eleventh Hour Sale ---------- */
.sale-banner{
  background:var(--navy);color:var(--white);padding:72px 0 56px;text-align:center;
  position:relative;overflow:hidden;
}
.sale-banner::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse at 50% 0%, color-mix(in srgb, var(--gold) 28%, transparent), transparent 60%);
  pointer-events:none;
}
.sale-banner .wrap{position:relative;}
.sale-eyebrow{
  font-family:var(--sans);font-size:12px;letter-spacing:0.14em;text-transform:uppercase;
  color:var(--gold-light);margin-bottom:14px;display:block;
}
.sale-banner h1{
  font-family:var(--serif);font-weight:400;font-size:clamp(32px,5vw,52px);
  margin-bottom:14px;line-height:1.15;
}
.sale-banner .sale-sub{
  font-family:var(--sans);font-size:15px;color:var(--mist);max-width:520px;margin:0 auto 36px;
  line-height:1.6;
}

.countdown{
  display:inline-flex;gap:18px;margin:0 auto;
}
.countdown-unit{
  display:flex;flex-direction:column;align-items:center;min-width:66px;
}
.countdown-num{
  font-family:var(--mono);font-size:clamp(30px,5vw,44px);font-weight:500;
  color:var(--white);line-height:1;font-variant-numeric:tabular-nums;
}
.countdown-label{
  font-family:var(--sans);font-size:10px;letter-spacing:0.1em;text-transform:uppercase;
  color:var(--slate);margin-top:8px;
}
.countdown-sep{
  font-family:var(--mono);font-size:clamp(30px,5vw,44px);color:var(--gold);line-height:1;
  align-self:flex-start;margin-top:2px;
}

.sale-status-pill{
  display:inline-block;font-family:var(--sans);font-size:11px;letter-spacing:0.08em;
  text-transform:uppercase;font-weight:600;padding:6px 14px;border-radius:20px;
  margin-bottom:24px;
}
.sale-status-pill.live{background:var(--white);color:var(--navy);}
.sale-status-pill.upcoming{background:rgba(255,255,255,0.1);color:var(--mist);border:1px solid var(--gold);}

.sale-schedule-note{
  font-family:var(--sans);font-size:12.5px;color:var(--gold-light);margin-top:32px;
}

/* Sale watch cards reuse .watch-card entirely - only the price block differs. */
.sale-price-block{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;}
.sale-price-was{
  font-family:var(--serif);font-size:14px;font-weight:400;color:var(--slate);
  text-decoration:line-through;
}
.sale-price-now{
  font-family:var(--serif);font-size:19px;font-weight:400;color:var(--navy);
}
.sale-savings-tag{
  font-family:var(--sans);font-size:10.5px;font-weight:700;letter-spacing:0.03em;
  background:color-mix(in srgb, var(--gold) 12%, var(--white));color:var(--navy);border:1px solid var(--gold);
  padding:2px 7px;border-radius:3px;
}

.sale-closed-panel{
  background:var(--white);border:1px solid var(--mist);border-radius:4px;
  padding:56px 32px;text-align:center;max-width:560px;margin:0 auto;
}
.sale-closed-panel h3{
  font-family:var(--serif);font-weight:400;font-size:24px;margin-bottom:12px;
}
.sale-closed-panel p{
  font-family:var(--sans);font-size:14px;color:var(--slate);line-height:1.6;margin-bottom:8px;
}

/* ---------- THE WATCH CURATOR ---------- */
.curator-section{
  background:var(--navy);color:var(--white);
}
.curator-wrap{max-width:640px;margin:0 auto;}
.curator-eyebrow{
  font-family:var(--sans);font-size:11px;letter-spacing:0.16em;text-transform:uppercase;
  color:var(--steel-light);text-align:center;margin-bottom:6px;
}
.curator-title{
  font-family:var(--serif);font-weight:400;font-size:30px;text-align:center;margin-bottom:36px;
}
.curator-steps{display:flex;align-items:center;gap:10px;margin-bottom:28px;}
.curator-step-dot{
  width:22px;height:22px;border-radius:50%;border:1px solid var(--mist);
  color:var(--mist);display:flex;align-items:center;justify-content:center;
  font-family:var(--sans);font-size:11px;flex-shrink:0;
}
.curator-step-dot.active{border-color:var(--steel-light);color:var(--steel-light);}
.curator-step-line{width:24px;height:1px;background:var(--mist);opacity:0.3;}
.curator-step-line.active{background:var(--steel-light);opacity:1;}
.curator-step-title{font-family:var(--serif);font-weight:400;font-size:20px;margin-bottom:4px;}
.curator-step-sub{font-family:var(--sans);font-size:13px;color:var(--mist);margin-bottom:22px;}
.curator-options{display:flex;flex-direction:column;gap:12px;}
.curator-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
@media(max-width:640px){.curator-options-grid{grid-template-columns:1fr;}}
.curator-option{
  text-align:left;padding:18px 20px;background:transparent;
  border:1px solid rgba(200,211,222,0.2);border-radius:2px;cursor:pointer;
  transition:border-color .4s cubic-bezier(0.22,1,0.36,1),background .4s cubic-bezier(0.22,1,0.36,1);
  font-family:var(--sans);width:100%;
}
.curator-option:hover{border-color:var(--steel-light);}
.curator-option.selected{border-color:var(--steel-light);background:rgba(110,140,173,0.1);}
.curator-option-label{display:block;font-size:15px;font-weight:500;color:var(--white);}
.curator-option.selected .curator-option-label{color:var(--steel-light);}
.curator-option-detail{display:block;font-size:12.5px;color:var(--mist);margin-top:6px;line-height:1.5;}
.curator-textarea{
  width:100%;background:var(--navy-2);border:1px solid rgba(200,211,222,0.2);border-radius:2px;
  color:var(--white);font-family:var(--sans);font-size:14px;padding:14px;resize:vertical;outline:none;
}
.curator-textarea:focus{border-color:var(--steel-light);}
.curator-error{color:#e08787;font-size:12.5px;margin-top:14px;font-family:var(--sans);}
.curator-actions{display:flex;justify-content:space-between;margin-top:32px;font-family:var(--sans);}
.curator-back-btn{
  background:none;border:none;color:var(--mist);font-size:13px;cursor:pointer;padding:10px 4px;
}
.curator-next-btn{
  display:inline-flex;align-items:center;gap:8px;background:none;
  border:1px solid var(--steel-light);color:var(--steel-light);font-size:13px;letter-spacing:0.04em;
  padding:12px 24px;border-radius:2px;cursor:pointer;
}
.curator-next-btn:disabled{opacity:0.6;cursor:default;}
.curator-reveal-btn{background:var(--steel-light);color:var(--navy);font-weight:500;}
.curator-result-card{
  border:1px solid rgba(200,211,222,0.2);padding:36px 28px;background:var(--navy-2);
  animation:curatorFadeIn 0.9s cubic-bezier(0.22,1,0.36,1);
}
@keyframes curatorFadeIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}
@media(prefers-reduced-motion:reduce){.curator-result-card{animation:none;}}
.curator-glyph{width:168px;height:168px;margin:20px auto;color:var(--steel-light);}
.curator-result-brand{
  font-family:var(--sans);font-size:12px;letter-spacing:0.08em;text-transform:uppercase;
  color:var(--steel-light);text-align:center;margin-bottom:4px;
}
.curator-result-model{font-family:var(--serif);font-weight:400;font-size:24px;text-align:center;margin-bottom:4px;}
.curator-result-ref{font-family:var(--sans);font-size:12.5px;color:var(--mist);text-align:center;margin-bottom:28px;}
.curator-specs{
  border-top:1px solid rgba(200,211,222,0.2);border-bottom:1px solid rgba(200,211,222,0.2);
  padding:18px 0;margin-bottom:26px;font-family:var(--sans);
}
.curator-specs > div{display:flex;justify-content:space-between;padding:7px 0;font-size:13px;}
.curator-specs > div span:first-child{color:var(--mist);}
.curator-specs > div span:last-child{color:var(--white);text-align:right;}
.curator-note{color:var(--white);font-size:15px;line-height:1.75;font-style:italic;font-family:var(--serif);}
 .curator-fallback-note{color:var(--mist);font-size:11px;margin-top:16px;font-family:var(--sans);}

/* Keep the older inline editorial illustrations on the same graphite/silver
   palette as the shared UI tokens. The live wordmark uses currentColor and is
   intentionally unaffected by these selectors. */
svg [stroke="#3D5A80"]{stroke:var(--steel)!important;}
svg [stroke="#6E8CAD"]{stroke:var(--steel-light)!important;}
svg [stroke="#C8D3DE"]{stroke:var(--mist)!important;}
svg [stroke="#0A1628"]{stroke:#111417!important;}
svg [fill="#3D5A80"]{fill:var(--steel)!important;}
svg [fill="#6E8CAD"]{fill:var(--steel-light)!important;}
svg [fill="#C8D3DE"]{fill:var(--mist)!important;}
svg [fill="#0A1628"]{fill:#111417!important;}
svg [fill="#EEF2F6"]{fill:var(--ice)!important;}
footer p[style*="#8B96A3"]{color:var(--stone)!important;}

/* ---------- LUXURY PASS: shared rhythm, controls, and responsive polish ---------- */
/* A quiet rule system keeps the site editorial rather than card-heavy. */
.btn,
.nav-cta,
.btn-buy,
.btn-add-cart,
.newsletter-form button,
.watch-alert-form button{
  min-height:44px;
}
.btn:focus-visible,
.nav-cta:focus-visible,
.nav-account:focus-visible,
.nav-cart:focus-visible,
.nav-toggle:focus-visible,
.btn-buy:focus-visible,
.btn-add-cart:focus-visible,
.category-pill:focus-visible,
.favorite-toggle:focus-visible,
.whatsapp-fab:focus-visible{
  outline:2px solid var(--steel-light);
  outline-offset:4px;
}
.nav-links a,
.nav-dropdown-trigger,
.foot-grid a,
.news-card,
.watch-card > a{
  text-underline-offset:4px;
}
.nav-links a:hover,
.nav-dropdown-trigger:hover,
.foot-grid a:hover{
  text-decoration:underline;
  text-decoration-color:var(--steel-light);
  text-decoration-thickness:1px;
}
.btn-primary{box-shadow:inset 0 0 0 1px rgba(255,255,255,0.08);}
.btn-primary:hover{transform:translateY(-1px);}
.btn-ghost{background:rgba(10,22,40,0.16);}
.btn-ghost:hover{transform:translateY(-1px);}
.hero .ticker-block{max-width:760px;}
.ticker-label .dot{box-shadow:0 0 0 4px rgba(110,140,173,0.12);}
.trust-grid .trust-item p{max-width:270px;}
.watch-card .brand{margin-top:2px;}
.watch-card h3{line-height:1.18;}
.watch-card .ref{margin-top:-4px;}
.watch-card:hover{border-color:var(--steel-light);}
  .watch-card .watch-photo,
  .watch-card .watch-media,
.watch-card .watch-icon{
  background:linear-gradient(135deg,var(--ivory) 0%,var(--ivory-2) 100%);
}
  .watch-card .watch-photo img,.watch-card .watch-media img{mix-blend-mode:multiply;}
.watch-card .spec-row{margin-top:2px;}
.watch-card .tag{letter-spacing:0.1em;}
.nav-toggle{font-family:var(--sans);font-size:0;}
.nav-toggle::before{content:'Menu';font-size:11px;letter-spacing:0.12em;text-transform:uppercase;}
.nav-toggle[aria-expanded="true"]::before{content:'Close';}

@media(max-width:1100px) and (min-width:701px){
  .nav{padding-left:24px;padding-right:24px;}
  .nav-links{padding-left:24px;padding-right:24px;}
}
@media(max-width:900px){
  .trust-grid{grid-template-columns:repeat(2,1fr);gap:42px 0;}
  .trust-grid .trust-item:nth-child(odd){padding-left:0;border-left:0;}
  .trust-grid .trust-item:nth-child(even){padding-right:0;}
  .trust-grid .trust-item p{max-width:320px;}
}
@media(max-width:640px){
  .nav{padding:14px 16px;}
  .logo{width:180px;}
  .logo svg{width:180px;}
  .nav-actions{gap:6px;}
  .nav-account,.nav-cart{width:36px;height:36px;margin-left:0;}
  .nav-toggle{padding:6px 2px;margin-left:0;}
  .nav-links{padding-left:16px;padding-right:16px;}
  .hero{
    padding:62px 0 46px !important;
    min-height:calc(100dvh - 64px);
    display:flex;
    align-items:flex-start;
  }
  .hero h1{
    font-size:clamp(36px,10vw,46px);
    line-height:1.04;
    margin:14px 0 16px;
  }
  .hero p.lead{font-size:15px;line-height:1.58;margin-bottom:26px;}
  .btn-row{gap:10px;}
  .hero .btn{flex:1 1 100%;justify-content:center;padding:14px 18px;}
  .ticker-block{margin-top:44px;}
  .ticker-item{padding:14px 20px;}
  .ticker-model{font-size:13px;}
  section{padding:88px 0;}
  .section-head{margin-bottom:38px;}
  .section-head h2{font-size:clamp(30px,9vw,38px);line-height:1.08;}
  .trust-grid{grid-template-columns:1fr;gap:0;}
  .trust-grid .trust-item,
  .trust-grid .trust-item:nth-child(even),
  .trust-grid .trust-item:nth-child(odd){
    padding:26px 0;border-left:0;border-top:1px solid var(--hairline);
  }
  .trust-grid .trust-item:first-child{padding-top:0;border-top:0;}
  .trust-grid .trust-item p{max-width:430px;}
  .inv-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    border:0;
  }
  .inv-grid .watch-card{
    min-width:0;
    padding:0;
    box-shadow:none;
    transform:none;
  }
  .inv-grid .watch-card:nth-child(3n+2){transform:none;}
  .inv-grid .watch-card:hover{transform:none;}
  .inv-grid .watch-photo,.inv-grid .watch-media-card{
    aspect-ratio:1/1;
    border-bottom-width:2px;
  }
  .inv-grid .watch-card-content{
    min-width:0;
    padding:12px 10px 13px;
    gap:7px;
  }
  .inv-grid .watch-card .brand{
    margin:0 0 2px;
    font-size:8px;
    letter-spacing:.1em;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .inv-grid .watch-card h3{
    min-width:0;
    margin:0;
    font-size:16px;
    line-height:1.1;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
  }
  .inv-grid .watch-card .ref{
    min-width:0;
    margin:0;
    font-size:9px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .inv-grid .watch-card .spec-row,
  .inv-grid .watch-card .card-actions,
  .inv-grid .watch-card .watch-story,
  .inv-grid .watch-card .watch-price .tag{
    display:none;
  }
  .inv-grid .watch-card .watch-price{
    min-width:0;
    margin-top:2px;
  }
  .inv-grid .watch-card .watch-price .amt{
    display:block;
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:13px;
  }
  .inv-grid .favorite-toggle{
    top:8px;
    right:8px;
    width:28px;
    height:28px;
  }
  .inv-grid .favorite-toggle svg{width:14px;height:14px;}
  .card-actions{padding-right:0;}
}
@media(prefers-reduced-motion:reduce){
  .btn-primary:hover,.btn-ghost:hover{transform:none;}
  .watch-card:hover{transform:none;}
}
.hero-grid > *{min-width:0;}
.hero-mobile-media{display:none;}
.inventory-intro{padding:72px 0;background:linear-gradient(120deg,var(--ink),var(--ink-2));}
@media(min-width:1000px){.hero h1{font-size:clamp(44px,4.2vw,60px);}}
@media(max-width:640px){.inventory-intro{padding:48px 0;}}

/* ---------- FINAL BEAUTY PASS ----------
   A quiet, editorial system: graphite surfaces, cool paper, precise rules,
   and generous rhythm. These shared overrides intentionally sit at the end
   so every static page receives the same finish without a markup rewrite. */
:root{
  --shadow-soft:0 18px 46px rgba(17,20,23,.08);
  --shadow-lift:0 20px 48px rgba(17,20,23,.13);
  --gold:#8F9AA3;
  --steel:#8F9AA3;
}
.hero,
.page-intro,
.bg-navy,
.curator-section,
footer{
  --gold:#C5CCD2;
  --steel:#C5CCD2;
}
html{background:var(--paper);}
body{
  background:
    linear-gradient(90deg,rgba(17,20,23,.018) 1px,transparent 1px) 0 0/72px 72px,
    var(--paper);
}
.demo-disclosure{
  display:none;margin:0 0 28px;padding:18px 20px;
  border:1px solid #8fa2b2;border-left:5px solid var(--accent-navy);
  background:#e3e9ed;color:#243746;font-size:13px;line-height:1.6;
}
.demo-disclosure strong{
  font-family:var(--mono);font-size:11px;letter-spacing:.1em;
  text-transform:uppercase;color:#111417;
}
.demo-disclosure.is-visible{display:block;}
.watch-card{position:relative;}
.watch-card.is-demo{border-style:dashed;}
.watch-card.is-demo::before{
  content:"[DEMO]";position:absolute;z-index:3;left:12px;top:12px;
  padding:6px 8px;background:#111417;color:#F3F4F2;
  font:10px var(--mono);letter-spacing:.12em;
}
body::after{
  content:"";position:fixed;inset:0;z-index:999;pointer-events:none;opacity:.16;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.09'/%3E%3C/svg%3E");
  mix-blend-mode:multiply;
}
header{
  background:rgba(17,20,23,.95);
  border-bottom-color:rgba(209,215,219,.2);
  box-shadow:0 8px 24px rgba(17,20,23,.08);
}
.nav{min-height:68px;}
.logo svg{width:220px;}
.logo{margin-right:32px;}
.nav-links a,.nav-dropdown-trigger{color:#D1D7DB;}
.nav-links a:hover,.nav-dropdown-trigger:hover,.nav-links a.active{color:#F3F4F2;}
.nav-account,.nav-cart{width:40px;height:40px;display:flex;align-items:center;justify-content:center;position:relative;}
.nav-account svg,.nav-cart svg{width:19px;height:19px;}
.nav-account:hover,.nav-cart:hover{color:var(--gold-light);}
.nav-cta{padding:11px 18px;}
.nav-toggle{min-height:40px;min-width:48px;}

section{padding:clamp(84px,10vw,132px) 0;}
.wrap{max-width:1240px;}
.section-head{margin-bottom:48px;}
.section-head h2{line-height:1.12;}
.eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:#8F9AA3;}
.hero .eyebrow,
.page-intro .eyebrow,
.bg-navy .eyebrow,
.curator-section .eyebrow{color:#C5CCD2;}
.bg-ice{background:var(--ivory);}
.bg-navy,.curator-section{background:
  linear-gradient(115deg,rgba(255,255,255,.025),transparent 45%),
  var(--ink);}
.bg-navy .slate{color:#C5CCD2;}
#about-teaser{border-bottom:10px solid var(--paper);}

.hero{
  min-height:min(760px,calc(100dvh - 68px));
  display:flex;align-items:center;
  padding:clamp(74px,8vw,112px) 0 clamp(64px,7vw,92px);
  background:
    radial-gradient(ellipse at 78% 12%,rgba(143,154,163,.22),transparent 38%),
    linear-gradient(120deg,#111417 0%,#20262B 100%);
}
.hero + .journal-band{border-top:2px solid var(--gold);}
.hero::after{
  display:none;
}
.hero h1{max-width:780px;letter-spacing:-.025em;}
.hero p.lead{color:#D1D7DB;line-height:1.7;}
.hero .ticker-block{align-self:end;}
.ticker-label{font-family:var(--mono);font-size:10px;color:#D1D7DB;}
.ticker-viewport{
  background:rgba(17,20,23,.24);
  border-color:rgba(209,215,219,.28);
  -webkit-mask-image:none;mask-image:none;
}
.ticker-item{padding:18px 28px;}
.ticker-brand{font-family:var(--mono);color:#D1D7DB;}
.ticker-model{color:#E9ECEE;}
.ticker-value{font-family:var(--serif);font-size:13px;font-weight:400;}
.ticker-trend{font-family:var(--mono);font-size:10px;}
.ticker-caption{color:#D1D7DB;opacity:.78;}

.btn{min-height:48px;justify-content:center;}
.btn-primary{background:#F3F4F2;color:var(--ink);}
.btn-primary:hover{background:#D1D7DB;}
.btn-ghost{border-color:rgba(243,244,242,.55);}
.btn-dark,.btn-buy{background:var(--ink);border-color:var(--ink);}
.btn-dark:hover,.btn-buy:hover{background:#30383E;border-color:#30383E;}

.trust-grid .trust-item{position:relative;}
.trust-grid .trust-item p{line-height:1.7;}
.trust-icon{color:var(--gold);stroke:currentColor;}
.num,.process-num{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;}

.watch-card,.art-card,.news-card{
  border-color:var(--silver-line);
  box-shadow:0 2px 0 rgba(17,20,23,.025);
}
.watch-card{background:#F0F2F1;}
.watch-card:hover,.art-card:hover,.news-card:hover{box-shadow:var(--shadow-soft);border-color:var(--gold);}
.watch-card-content{padding:26px 24px 24px;}
.watch-card h3{font-size:23px;}
.watch-photo{background:linear-gradient(135deg,#E8EBEC,#D6DCDF);}
.watch-photo img,.art-photo img,.news-photo img{image-rendering:auto;}
.watch-photo img{mix-blend-mode:normal;object-fit:cover;}
.watch-card .brand,
.watch-card .ref,
.watch-card .watch-price .tag,
.watch-card .watch-story summary{
  font-family:var(--mono);
}
.watch-card h3{font-family:var(--serif);}
.watch-card .spec-row{font-family:var(--sans);}
.watch-detail-info,
.watch-detail-info .watch-detail-brand,
.watch-detail-info .watch-detail-ref,
.watch-detail-info .watch-detail-specs,
.watch-detail-info .watch-detail-specs .spec-row{
  font-family:var(--sans);
}
.watch-detail-info .watch-detail-brand{
  letter-spacing:.08em;
  text-transform:uppercase;
}
.watch-detail-price{
  margin-top:34px;
  padding:22px 0 6px;
  border-top:1px solid var(--gold);
}
.watch-detail-price-label,
.watch-section-kicker{
  display:block;
  color:var(--slate);
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:.14em;
  line-height:1.4;
  text-transform:uppercase;
}
.watch-detail-price-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:9px;
}
.watch-detail-price-amount{
  color:var(--ink);
  font-family:var(--serif);
  font-size:clamp(34px,4vw,46px);
  font-weight:400;
  letter-spacing:-.025em;
  line-height:1;
}
.watch-detail-status{
  flex:0 0 auto;
  align-self:center;
  color:var(--navy);
  font-family:var(--mono);
  font-size:9px;
  font-weight:500;
  letter-spacing:.12em;
  line-height:1;
  padding:7px 9px;
  text-transform:uppercase;
}
.watch-full-specs{
  margin-top:28px;
  border-top:1px solid var(--hairline);
  border-bottom:1px solid var(--hairline);
}
.watch-full-specs > summary{
  cursor:pointer;
  list-style:none;
  padding:18px 0;
  color:var(--navy);
  font-family:var(--serif);
  font-size:21px;
}
.watch-full-specs > summary::-webkit-details-marker{display:none;}
.watch-full-specs > summary::after{
  content:'';
  float:right;
  width:7px;
  height:7px;
  margin:6px 4px 0 0;
  border-right:1px solid var(--navy);
  border-bottom:1px solid var(--navy);
  transform:rotate(45deg);
  transition:transform .2s ease;
}
.watch-full-specs[open] > summary::after{
  transform:rotate(225deg);
}
.full-spec-groups{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:28px 36px;
  padding:0 0 26px;
}
.full-spec-group h3{
  margin:0 0 10px;
  color:var(--gold);
  font-family:var(--sans);
  font-size:10px;
  font-weight:600;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.full-spec-group-rows{
  border-top:1px solid var(--hairline);
}
.full-spec-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);
  gap:16px;
  border-bottom:1px solid var(--hairline);
  padding:9px 0;
  font-size:12px;
}
.full-spec-row span{
  color:var(--slate);
  font-family:var(--sans);
}
.full-spec-row strong{
  color:var(--ink);
  font-family:var(--sans);
  font-size:11px;
  font-weight:400;
  text-align:right;
}
.full-spec-row strong.full-spec-value-technical{
  font-family:var(--mono);
}
@media(max-width:600px){
  .full-spec-groups{
    grid-template-columns:1fr;
    gap:24px;
  }
  .full-spec-row{
    grid-template-columns:1fr;
    gap:4px;
    padding:12px 0;
  }
  .full-spec-row span{
    font-size:10px;
    letter-spacing:.1em;
    line-height:1.3;
    text-transform:uppercase;
  }
  .full-spec-row strong,
  .full-spec-row strong.full-spec-value-technical{
    min-width:0;
    font-size:13px;
    line-height:1.45;
    text-align:left;
    white-space:normal;
    overflow-wrap:break-word;
    word-break:normal;
  }
}
.watch-performance{
  margin-top:34px;
  padding:26px 0 6px;
  border-top:1px solid var(--hairline);
}
.watch-performance-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
}
.watch-performance h2{
  margin:7px 0 0;
  color:var(--navy);
  font-family:var(--serif);
  font-size:27px;
  font-weight:400;
  line-height:1.05;
}
.watch-performance-stat{
  flex:0 0 auto;
  text-align:right;
}
.watch-performance-stat strong{
  display:block;
  color:var(--navy);
  font-family:var(--serif);
  font-size:20px;
  font-weight:400;
}
.watch-performance-stat span{
  display:block;
  margin-top:4px;
  color:var(--gold);
  font-family:var(--mono);
  font-size:12px;
}
.watch-performance-chart{
  margin-top:22px;
  padding:15px 0 0;
  border-top:1px solid var(--hairline);
}
.watch-performance-chart svg{
  display:block;
  width:100%;
  height:auto;
  overflow:visible;
}
.watch-chart-baseline{
  stroke:var(--hairline);
  stroke-width:1;
}
.watch-chart-line{
  fill:none;
  stroke:var(--navy);
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.watch-chart-points circle{
  fill:var(--paper);
  stroke:var(--gold);
  stroke-width:2;
}
.watch-chart-labels{
  fill:var(--slate);
  font-family:var(--mono);
  font-size:11px;
}
.watch-performance-cta{
  display:inline-block;
  margin-top:16px;
  color:var(--navy);
  font-family:var(--sans);
  font-size:12px;
  font-weight:600;
  letter-spacing:.04em;
  text-decoration:none;
}
.watch-performance-cta:hover{color:var(--gold);}
.watch-detail-status{
  background:transparent;
  border:1px solid var(--navy);
}
.watch-story-detail{
  display:block;
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  overflow:hidden;
  contain:layout paint;
  background:rgba(255,255,255,.58);
  border:1px solid var(--hairline);
  padding:14px 16px;
}
.watch-story-detail > summary{
  display:block;
  max-width:100%;
  margin:0;
  overflow-wrap:anywhere;
}
.watch-story-detail > p{
  max-width:100%;
  margin:10px 0 0;
  overflow-wrap:anywhere;
}
.favorite-toggle,.share-toggle{width:40px;height:40px;}
.favorite-toggle svg,.share-toggle svg{width:18px;height:18px;}
.index-value,.value-search-figure{font-family:var(--serif);font-weight:400;}
.index-trend{font-family:var(--mono);}
.watch-price .tag{font-weight:600;color:#8F9AA3;border-color:#8F9AA3;}
.watch-card .brand,
.index-brand,
.news-source,
.news-readmore,
.watch-alert-message.success{color:#8F9AA3;}

.page-intro{
  padding:clamp(68px,9vw,112px) 0;
  background:
    radial-gradient(circle at 82% 20%,rgba(143,154,163,.22),transparent 34%),
    linear-gradient(125deg,#111417,#252C31);
}
.page-intro .section-head p{max-width:680px;}
.inventory-intro{padding:clamp(68px,9vw,112px) 0;}
.category-bar{gap:10px;border-bottom:1px solid var(--silver-line);padding-bottom:18px;}
.category-pill{min-height:42px;padding:10px 17px;border-color:var(--silver-line);background:rgba(243,244,242,.58);}
.category-pill{color:#384b5a;font-weight:600;}
.category-pill:hover,.category-pill.active{background:var(--ink);color:var(--paper);border-color:var(--ink);}
.inventory-context-row{color:#465b6a;}

/* Market Index intro: a premium Daytona presentation image with a layered,
   continuous overlay that protects the copy without flattening the watch. */
.market-index-intro{
  background:
    linear-gradient(180deg,rgba(10,12,14,.9) 0%,rgba(12,14,16,.68) 18%,rgba(17,20,23,.2) 48%,rgba(17,20,23,0) 72%),
    linear-gradient(90deg,rgba(17,20,23,.99) 0%,rgba(17,20,23,.91) 38%,rgba(17,20,23,.64) 66%,rgba(17,20,23,.3) 100%),
    linear-gradient(110deg,rgba(17,20,23,0) 38%,rgba(88,53,30,.13) 72%,rgba(145,92,43,.16) 100%),
    url("assets/watches/daytona-panda-01.webp") 76% 58%/cover no-repeat;
}
.market-index-intro .wrap{z-index:2;}
.market-index-intro::before{z-index:1;opacity:.42;}

.index-list{border-top-color:var(--silver-line);}
.index-row{padding:24px 0;border-bottom-color:var(--silver-line);}
.index-trend{border-radius:2px;background:transparent;}
.value-search-wrap{border:1px solid var(--silver-line);box-shadow:var(--shadow-soft);padding:clamp(24px,4vw,36px);}
.market-history-panel{
  margin:42px 0 48px;padding:clamp(24px,4vw,38px);
  border:1px solid var(--silver-line);background:rgba(255,255,255,.45);
  box-shadow:var(--shadow-soft);
}
.market-history-heading{display:flex;justify-content:space-between;gap:28px;align-items:flex-end;}
.market-history-heading h2{margin:8px 0 8px;color:var(--ink);font:400 clamp(24px,3vw,34px)/1.05 var(--serif);}
.market-history-heading p{max-width:620px;margin:0;color:var(--slate);font:13px/1.6 var(--sans);}
.market-history-tabs{display:flex;gap:6px;flex-shrink:0;}
.market-history-tab{
  min-width:46px;padding:9px 11px;border:1px solid var(--silver-line);
  background:transparent;color:var(--slate);font:600 10px var(--mono);
  letter-spacing:.08em;cursor:pointer;
}
.market-history-tab:hover,.market-history-tab.active{background:var(--ink);border-color:var(--ink);color:var(--paper);}
.market-history-state{
  display:flex;flex-direction:column;gap:5px;margin-top:28px;
  color:var(--slate);font:11px/1.5 var(--mono);letter-spacing:.02em;
}
.market-history-state strong{color:var(--ink);font:600 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;}
.market-history-state.unavailable{padding:18px;border:1px dashed var(--silver-line);background:rgba(243,244,242,.56);}
.market-history-chart-wrap{margin-top:8px;min-height:0;}
.market-history-chart{display:block;width:100%;height:auto;overflow:visible;}
.market-history-baseline{stroke:var(--silver-line);stroke-width:1;}
.market-history-line{fill:none;stroke:var(--navy);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;}
.market-history-points{fill:var(--navy);}
.market-history-labels{fill:var(--stone);font:10px var(--mono);}

.process-item{padding:32px 0;border-color:var(--silver-line);}
.process-num{font-size:25px;color:var(--gold);}
.calc-panel{box-shadow:var(--shadow-soft);border-color:rgba(209,215,219,.2);}
.subdial{border-color:rgba(209,215,219,.32);}
.homepage-calculator-results .subdial{background:rgba(243,244,242,.035);}
.homepage-calculator-results > .btn{display:inline-flex;}
.faq-item{border-color:var(--silver-line);}
.faq-item summary{padding:2px 0;}

.field input,
.field select,
.field textarea,
.buy-modal input,
.newsletter-form input,
.discount-input-row input,
.watch-alert-form input,
#watchValueSearch{border-color:var(--silver-line);background:rgba(243,244,242,.72);}
.field input:focus,
.field select:focus,
.field textarea:focus,
.buy-modal input:focus,
.newsletter-form input:focus,
.discount-input-row input:focus,
.watch-alert-form input:focus,
#watchValueSearch:focus{
  outline:none;border-color:var(--gold);
  box-shadow:0 0 0 3px rgba(143,154,163,.18);
}
#watchValueSearch{
  appearance:none;
  min-height:54px;
  background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.055))!important;
  border:1px solid rgba(143,154,163,.62)!important;
  border-radius:0!important;
  color:var(--paper)!important;
  caret-color:var(--gold-light);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 22px rgba(0,0,0,.14);
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
#watchValueSearch:hover{
  border-color:var(--gold-light)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.135),rgba(255,255,255,.075))!important;
}
#watchValueSearch:focus{
  border-color:var(--gold-light)!important;
  background:rgba(23,25,26,.76)!important;
  box-shadow:0 0 0 3px rgba(143,154,163,.18),inset 0 1px 0 rgba(255,255,255,.08),0 8px 22px rgba(0,0,0,.18);
}
#watchValueSearch::placeholder{
  color:rgba(243,244,242,.68)!important;
  opacity:1;
}
.value-search-label{
  margin-top:14px;
  color:var(--gold-light);
  font:10px var(--mono);
  letter-spacing:.14em;
  text-transform:uppercase;
}
.field label,.buy-modal label{font-family:var(--mono);letter-spacing:.08em;}
.sell-aside{border-left-color:var(--gold);}

footer{padding:clamp(60px,8vw,88px) 0 28px;background:#171B1E;border-top:0;}
footer a:hover{color:#F3F4F2!important;}
footer .foot-grid,
footer .foot-grid p,
footer .foot-grid li,
footer .foot-bottom{color:#B7C0C6!important;}
.foot-newsletter p{color:#B7C0C6;}
.newsletter-form input::placeholder{color:#B7C0C6;opacity:1;}
.foot-newsletter{border-bottom-color:rgba(209,215,219,.2);}
.newsletter-form input{background:rgba(243,244,242,.06);border-color:rgba(209,215,219,.3);color:var(--paper);}
.newsletter-form button{min-height:44px;background:var(--paper);color:var(--ink);}
.foot-bottom{border-top-color:rgba(209,215,219,.2);}
.whatsapp-fab{box-shadow:none;}
.whatsapp-fab svg{filter:drop-shadow(0 3px 6px rgba(0,0,0,.28));}

/* Empty and loading states should feel like a considered pause, not an admin
   placeholder. Remove the old dashed treatment globally. */
.category-empty,.watch-alert-empty,.cart-empty{
  border:0;border-top:1px solid var(--silver-line);border-bottom:1px solid var(--silver-line);
  border-radius:0;background:transparent;padding:56px 24px;color:var(--stone);
}
.category-empty::before,.cart-empty::before{content:"";display:block;width:34px;height:1px;background:var(--gold);margin:0 auto 18px;}

@media(max-width:640px){
  body{background:var(--paper);}
  .nav{padding:12px 14px;min-height:64px;}
  .logo,.logo svg{width:184px;}
  .logo{margin-right:0;}
  .nav-actions{gap:2px;}
  .nav-account,.nav-cart{width:38px;height:38px;}
  .nav-toggle{min-width:48px;}
  .nav-links{top:100%;padding:5px 18px 18px;}
  .hero{
    min-height:auto;
    display:block;
    padding:54px 0 50px;
    background:linear-gradient(120deg,#111417 0%,#20262B 100%);
  }
  .hero-copy{order:1;}
  .hero-mobile-media{
    display:none;
    order:2;
    height:164px;
    margin:38px 0 0;
    background:
      linear-gradient(90deg,rgba(17,20,23,.2),rgba(17,20,23,.05)),
      url("assets/editorial/guilloche-study.jpg") center 46% / cover no-repeat;
    border-top:1px solid rgba(209,215,219,.2);
    border-bottom:1px solid rgba(209,215,219,.2);
  }
  .hero.hero-video-fallback .hero-video{display:none;}
  .hero.hero-video-fallback .hero-mobile-media{display:block;}
  .hero h1{font-size:clamp(37px,10.8vw,50px);}
  .hero .ticker-block{order:3;margin-top:38px;}
  .ticker-item{padding:15px 18px;}
  .ticker-label{font-size:9px;}
  .hero .btn,
  .btn-row .btn{width:100%;}
  .journal-band-grid{
    width:100vw;
    max-width:none;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
    padding-left:0;
    padding-right:0;
  }
  .section-head{margin-bottom:34px;}
  .watch-card-content{padding:22px 20px 20px;}
  .card-actions{padding-right:0;}
  .card-actions .btn-buy,.card-actions .btn-add-cart{min-height:44px;}
  .homepage-calculator-results .subdials{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
  .homepage-calculator-results > .btn{width:100%;}
  .footer,.foot-grid{gap:28px;}
}
@media(max-width:360px){
  .logo,.logo svg{width:166px;}
  .nav-account,.nav-cart{width:36px;height:36px;}
  .nav-toggle{min-width:42px;}
}

/* Keep the dynamically upgraded Shop Watches link identical to the
   button-based Sell / Find trigger in the mobile menu. The active-link
   underline is a separate pseudo-element and must not become a third flex
   child beside the label and chevron. */
@media(max-width:1200px){
  .nav-links a.nav-dropdown-trigger,
  .nav-links button.nav-dropdown-trigger{
    display:flex;
    width:100%;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    gap:6px;
    white-space:nowrap;
  }
  .nav-links a.nav-dropdown-trigger svg,
  .nav-links button.nav-dropdown-trigger svg{
    flex:0 0 auto;
    margin-left:auto;
  }
  .nav-links a.nav-dropdown-trigger::after{
    display:none;
  }
}

@media(max-width:720px){
  .dealer-tier-badge:not(.seller-trust-chip){width:100%;gap:12px;padding:12px 13px;}
  .dealer-tier-badge:not(.seller-trust-chip) .big-five-medallion{--medallion-size:78px;}
  .dealer-tier-badge-copy strong{font-size:14px;}
  .dealer-tier-badge-copy span,.dealer-tier-badge-copy a{font-size:11px;}
  .big-five-section{padding:104px 0 116px;}
  .big-five-intro{grid-template-columns:1fr;gap:24px;padding-bottom:38px;}
  .big-five-intro h2{font-size:clamp(48px,15vw,66px);letter-spacing:-.04em;}
  .big-five-intro-copy{max-width:100%;padding-bottom:0;}
  .big-five-intro-copy p{font-size:14px;line-height:1.68;}
  .big-five-tier{grid-template-columns:34px minmax(0,1fr);column-gap:14px;min-height:0;padding:40px 0 42px;}
  .big-five-index{padding-top:9px;font-size:9px;}
  .big-five-tier-heading{grid-template-columns:1fr;gap:16px;align-items:start;}
  .big-five-tier-title{grid-template-columns:92px minmax(0,1fr);gap:17px;}
  .big-five-tier h3,.big-five-tier-prominent h3{font-size:34px;}
  .big-five-tier-pinnacle{min-height:0;padding:52px 12px 58px;}
  .big-five-tier-pinnacle h3{font-size:42px;}
  .big-five-badge,.big-five-badge .big-five-medallion{--medallion-size:92px;width:92px;height:92px;}
  .big-five-tier-pinnacle .big-five-badge,.big-five-tier-pinnacle .big-five-medallion{--medallion-size:108px;width:108px;height:108px;}
  .big-five-medallion-name{font-size:15px;}
  .big-five-threshold{justify-content:flex-start;gap:8px;white-space:normal;flex-wrap:wrap;}
  .big-five-threshold strong{font-size:16px;}
  .big-five-threshold span{font-size:9px;letter-spacing:.06em;}
  .big-five-tier p{max-width:100%;font-size:13.5px;line-height:1.62;margin-top:13px;}
  .big-five-tier::after{left:48px;}
  .big-five-footnote{max-width:none;margin:30px 0 0 48px;font-size:9px;letter-spacing:.06em;}
}

/* Big Five: compact photographic trust journey */
.big-five-section{background:#24241f;padding:86px 0 76px;}
.big-five-section::before{opacity:.12;}
.big-five-section::after{opacity:.35;}
.big-five-intro{grid-template-columns:minmax(0,.8fr) minmax(320px,1.2fr);gap:6vw;padding-bottom:30px;}
.big-five-intro h2{font-size:clamp(42px,4.6vw,64px);}
.big-five-intro-copy{max-width:620px;display:grid;grid-template-columns:1fr 1fr;gap:22px;}
.big-five-intro-copy p+p{margin-top:0;}
.big-five-list{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;background:transparent;margin-top:26px;}
.big-five-list::before{content:"";display:block;position:absolute;z-index:-1;inset:-24px;background:linear-gradient(108deg,rgba(111,106,74,.62) 0%,rgba(180,122,56,.52) 25%,rgba(126,123,114,.52) 49%,rgba(184,92,63,.54) 73%,rgba(185,121,22,.64) 100%),radial-gradient(ellipse at 50% 100%,rgba(240,180,75,.56),transparent 58%);filter:blur(22px);opacity:.9;pointer-events:none;}
.big-five-tier{display:flex;flex-direction:column;justify-content:flex-end;min-height:330px;padding:20px 18px 22px;overflow:hidden;border:0;border-radius:14px;color:#f6efe4;background-position:center;background-size:cover;isolation:isolate;box-shadow:0 10px 28px rgba(12,15,13,.2),0 0 22px rgba(226,155,65,.12);}
.big-five-tier::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(21,22,20,.12) 0%,rgba(21,22,20,.24) 34%,rgba(18,19,18,.88) 100%),linear-gradient(90deg,color-mix(in srgb,var(--tier-color) 13%,transparent),transparent 62%);}
.big-five-tier::after{left:18px;right:18px;bottom:12px;height:1px;opacity:.24;}
 .big-five-tier[data-tier="BUFFALO"]{background-image:url("assets/big-five-row-buffalo-documentary-photo.jpg");}
 .big-five-tier[data-tier="LEOPARD"]{background-image:url("assets/big-five-row-leopard-documentary-photo.jpg");}
 .big-five-tier[data-tier="RHINO"]{background-image:url("assets/big-five-row-rhino-documentary-photo.jpg");}
 .big-five-tier[data-tier="ELEPHANT"]{background-image:url("assets/big-five-row-elephant-documentary-photo.jpg");}
 .big-five-tier[data-tier="LION"]{background-image:url("assets/big-five-row-lion-documentary-photo.jpg");}
.big-five-tier-pinnacle{grid-column:1 / -1;min-height:270px;padding:24px 24px 26px;}
.big-five-tier-pinnacle .big-five-tier-title{flex-direction:row;align-items:flex-end;gap:18px;}
.big-five-tier-pinnacle h3{font-size:38px;}
.big-five-index{position:absolute;top:14px;left:15px;padding:0;color:#fff;opacity:.72;}
.big-five-tier-heading{display:block;}
.big-five-tier-title{display:flex;flex-direction:column;align-items:flex-start;gap:13px;}
.big-five-badge,.big-five-tier-pinnacle .big-five-badge{width:102px;height:102px;}
.big-five-badge .big-five-medallion,.big-five-tier-pinnacle .big-five-medallion{--medallion-size:102px;width:102px;height:102px;}
.big-five-medallion{border:0;background:var(--tier-bg);box-shadow:0 8px 20px rgba(0,0,0,.25),inset 0 0 0 2px rgba(255,255,255,.34),inset 0 0 0 5px var(--tier-color);filter:saturate(.78) contrast(.94);}
.big-five-medallion::before{z-index:2;background:linear-gradient(120deg,rgba(255,255,255,.22),transparent 36%,rgba(60,38,22,.12) 70%,rgba(255,255,255,.08));mix-blend-mode:soft-light;}
.big-five-badge .big-five-medallion-animal{inset:8px;background-position:center;background-size:cover;opacity:.92;mix-blend-mode:normal;filter:saturate(.72) contrast(.9);}
 .big-five-badge[data-tier="BUFFALO"] .big-five-medallion-animal{background-image:url("assets/big-five-portrait-buffalo-photo.jpg");}
 .big-five-badge[data-tier="LEOPARD"] .big-five-medallion-animal{background-image:url("assets/big-five-portrait-leopard-photo.jpg");}
 .big-five-badge[data-tier="RHINO"] .big-five-medallion-animal{background-image:url("assets/big-five-portrait-rhino-photo.jpg");}
 .big-five-badge[data-tier="ELEPHANT"] .big-five-medallion-animal{background-image:url("assets/big-five-portrait-elephant-photo.jpg");}
 .big-five-badge[data-tier="LION"] .big-five-medallion-animal{background-image:url("assets/big-five-portrait-lion-photo.jpg");}
.big-five-coin-stamp{position:absolute;inset:0;z-index:3;width:100%;height:100%;overflow:visible;color:color-mix(in srgb,var(--tier-accent) 84%,#21170e);filter:drop-shadow(0 1px rgba(255,255,255,.3));}
.big-five-coin-stamp>circle{fill:none;stroke:currentColor;stroke-width:1;}
.big-five-coin-stamp>circle+circle{stroke-width:.65;stroke-dasharray:1.2 1.5;opacity:.8;}
.big-five-coin-stamp text{fill:currentColor;font:700 7px var(--mono);letter-spacing:1.4px;text-anchor:middle;text-transform:uppercase;}
.big-five-coin-stamp .coin-tier-copy{font-size:5.7px;letter-spacing:.9px;}
.coin-emblem{fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;opacity:.8;}
.coin-emblem circle{stroke-dasharray:2 1;}
.big-five-tier h3,.big-five-tier-prominent h3,.big-five-tier-pinnacle h3{font-size:27px;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.4);}
.big-five-threshold{display:block;margin-top:12px;color:rgba(255,246,230,.9);white-space:normal;}
.big-five-threshold strong{display:block;font-size:15px;margin-bottom:4px;}
.big-five-threshold span{display:block;font-size:8px;line-height:1.45;}
.big-five-tier p{font-size:12px;line-height:1.5;margin-top:9px;color:rgba(255,255,255,.74);}
.big-five-footnote{margin:24px 0 0;max-width:680px;}

@media(max-width:900px){
  .big-five-list{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;scroll-snap-type:none;}
  .big-five-tier{min-height:300px;scroll-snap-align:none;}
  .big-five-tier-pinnacle{min-height:250px;}
}
@media(max-width:720px){
  .big-five-section{padding:70px 0 72px;}
  .big-five-intro{grid-template-columns:1fr;gap:18px;padding-bottom:24px;}
  .big-five-intro h2{font-size:48px;}
  .big-five-intro-copy{display:block;}
  .big-five-intro-copy p+p{margin-top:10px;}
  .big-five-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:visible;margin-top:18px;background:transparent;}
  .big-five-tier,.big-five-tier-pinnacle{display:block;grid-column:auto;min-height:148px;height:148px;padding:10px 10px 11px;background-position:center;}
  .big-five-tier::before{background:linear-gradient(90deg,rgba(18,19,18,.9) 0%,rgba(18,19,18,.56) 58%,rgba(18,19,18,.25) 100%);}
  .big-five-index{top:9px;left:auto;right:9px;font-size:8px;}
  .big-five-tier-title{display:block;}
  .big-five-tier-pinnacle .big-five-tier-title{display:block;}
  .big-five-badge,.big-five-tier-pinnacle .big-five-badge{position:absolute;left:10px;top:10px;width:58px;height:58px;transform:none;}
  .big-five-badge .big-five-medallion,.big-five-tier-pinnacle .big-five-medallion{--medallion-size:58px;width:58px;height:58px;}
  .big-five-tier h3,.big-five-tier-prominent h3,.big-five-tier-pinnacle h3{font-size:20px;line-height:1;margin:55px 0 0;}
  .big-five-threshold{margin-top:5px;}
  .big-five-threshold strong{font-size:12px;margin-bottom:1px;}
  .big-five-threshold span{font-size:6px;line-height:1.2;letter-spacing:.04em;}
  .big-five-tier p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:9.5px;line-height:1.25;margin-top:5px;}
  .big-five-tier::after{left:10px;right:10px;bottom:7px;opacity:.2;}
  .big-five-tier-pinnacle{grid-column:1 / -1;}
  .big-five-tier-pinnacle .big-five-tier-title{display:block;}
  .big-five-footnote{margin:16px 0 0;}
}


@media(min-width:641px) and (max-width:980px){
  .nav{padding-left:24px;padding-right:24px;}
  .hero{min-height:680px;}
}


@media(prefers-reduced-motion:reduce){
  body::after{display:none;}
  .ticker-track{animation:none;}
}

/*
  The Market Index ticker is a data strip, not a decorative entrance effect.
  Keep it moving even when reduced-motion is enabled so mobile visitors can
  actually scan the complete set of indexed references. Other site animations
  remain disabled by the reduced-motion rules above.
*/
@media(prefers-reduced-motion:reduce){
  .ticker-track{
    animation:ticker-scroll var(--ticker-duration,52s) linear infinite !important;
    animation-play-state:running !important;
  }
}

/* ---------- LIVE MARKET TRENDING ---------- */
.market-trending{border-top:1px solid var(--silver-line);border-bottom:1px solid var(--silver-line);}
.market-trending-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;}
.market-trending-head h2{max-width:620px;margin-top:14px;}
.market-trending-head p{max-width:600px;}
.market-trending-status{display:flex;align-items:center;gap:9px;flex:none;padding-bottom:8px;color:var(--stone);font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;}
.market-live-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:var(--signal);box-shadow:0 0 0 4px rgba(111,145,168,.13);}
.market-trending-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:18px;min-height:420px;}
.market-trending-card{background:#F0F2F1;border:1px solid var(--silver-line);box-shadow:0 2px 0 rgba(17,20,23,.025);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;}
.market-trending-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-soft);border-color:var(--gold);}
.market-trending-media{display:block;position:relative;overflow:hidden;background:linear-gradient(135deg,#E8EBEC,#D6DCDF);}
.market-trending-media .watch-media-card{aspect-ratio:1/1.02;border-bottom:4px solid var(--accent-navy);}
.market-trending-media .watch-media-card img{transition:transform .5s ease;}
.market-trending-card:hover .market-trending-media .watch-media-card img{transform:scale(1.035);}
.market-trending-rank{position:absolute;left:14px;top:13px;color:var(--paper);font:10px var(--mono);letter-spacing:.12em;text-shadow:0 1px 3px rgba(0,0,0,.35);}
.market-trending-content{padding:22px 20px 20px;}
.market-trending-brand{color:var(--accent-navy);font:10px var(--mono);letter-spacing:.14em;text-transform:uppercase;}
.market-trending-content h3{font-family:var(--serif);font-size:23px;line-height:1.08;margin:9px 0 7px;}
.market-trending-content h3 a{color:inherit;}
.market-trending-content h3 a:hover{color:var(--signal);}
.market-trending-ref{color:var(--stone);font:10px var(--mono);letter-spacing:.05em;}
.market-trending-price{display:flex;flex-direction:column;gap:4px;border-top:1px solid var(--silver-line);margin-top:18px;padding-top:14px;}
.market-trending-price span{color:var(--stone);font:9px var(--mono);letter-spacing:.11em;text-transform:uppercase;}
.market-trending-price strong{color:var(--ink);font:19px var(--serif);font-weight:400;}
.market-trending-signal{display:flex;flex-direction:column;gap:9px;border-top:1px solid var(--silver-line);margin-top:15px;padding-top:13px;}
.market-trending-views{color:var(--stone);font:10px var(--mono);letter-spacing:.03em;}
.market-trending-trend{display:flex;align-items:flex-start;gap:7px;color:var(--signal);font:10px var(--mono);line-height:1.35;}
.market-trending-trend>span{font-size:14px;line-height:10px;}
.market-trending-trend.down{color:#8A6864;}
.market-trending-trend.steady{color:var(--stone);}
.market-trending-footer{display:flex;justify-content:space-between;gap:24px;margin-top:25px;color:var(--stone);font:10px var(--mono);letter-spacing:.04em;}
.market-trending-footer a{color:var(--accent-navy);text-transform:uppercase;letter-spacing:.09em;}
.market-trending-footer a:hover{color:var(--signal);}
.market-trending-loading{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
.market-trending-loading span{display:block;min-height:420px;border:1px solid var(--silver-line);background:linear-gradient(105deg,rgba(255,255,255,.2) 35%,rgba(255,255,255,.55) 50%,rgba(255,255,255,.2) 65%);background-size:240% 100%;animation:market-skeleton 1.5s ease-in-out infinite;}
.market-trending-loading span:nth-child(2){animation-delay:.12s}.market-trending-loading span:nth-child(3){animation-delay:.24s}.market-trending-loading span:nth-child(4){animation-delay:.36s}
.market-trending-unavailable{grid-column:1/-1;border-top:1px solid var(--silver-line);border-bottom:1px solid var(--silver-line);padding:58px 24px;text-align:center;color:var(--stone);}
.market-trending-unavailable .eyebrow{display:block;margin-bottom:14px;}
@keyframes market-skeleton{0%,100%{background-position:100% 0}50%{background-position:0 0}}
@media(max-width:980px){
  .market-trending-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .market-trending-loading{grid-template-columns:repeat(2,minmax(0,1fr));}
  .market-trending-loading span{min-height:390px;}
}
@media(max-width:640px){
  .market-trending-head{display:block;}
  .market-trending-status{padding:0;margin-top:18px;}
  .market-trending-grid{gap:12px;min-height:0;}
  .market-trending-content{padding:18px 15px 16px;}
  .market-trending-content h3{font-size:20px;}
  .market-trending-price strong{font-size:16px;}
  .market-trending-views,.market-trending-trend{font-size:9px;}
  .market-trending-footer{display:block;line-height:1.7;}
  .market-trending-footer a{display:block;margin-top:12px;}
  .market-trending-loading{gap:12px;}
  .market-trending-loading span{min-height:320px;}
}
@media(prefers-reduced-motion:reduce){
  .market-trending-loading span{animation:none;}
  .market-trending-card,.market-trending-media .watch-media-card img{transition:none;}
}

/* ---------- MARKET INDEX CARD GRID ----------
   The full index shares the same editorial card language as the live
   trending section: image-led media, serif model names, compact mono
   metadata, and restrained value/trend signals. */
.index-list{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));
  gap:18px;border-top:0;
}
.index-row{
  display:flex;flex-direction:column;min-width:0;padding:0;overflow:hidden;
  background:rgba(248,247,243,.97);border:1px solid rgba(23,25,26,.2);
  border-radius:2px;box-shadow:0 12px 30px rgba(17,20,23,.08);
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.index-row:hover{
  transform:translateY(-4px);box-shadow:0 18px 38px rgba(17,20,23,.13);border-color:var(--gold);
}
.index-card-media{
  position:relative;aspect-ratio:1.6/1;overflow:hidden;margin:14px 14px 0;
  background:linear-gradient(135deg,#e8ebec,#d6dcdf);
  border:1px solid rgba(23,25,26,.16);border-bottom:3px solid var(--accent-navy);
}
.index-card-media img{
  width:100%;height:100%;display:block;object-fit:cover;
  transition:transform .5s ease;
}
.index-row:hover .index-card-media img{transform:scale(1.035);}
.index-card-media-placeholder{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:10px;background:
    radial-gradient(circle at 50% 42%,rgba(255,255,255,.58),transparent 25%),
    linear-gradient(135deg,#e8ebec,#cfd6da);
  color:var(--accent-navy);
}
.index-card-media-placeholder::before{
  content:"";position:absolute;width:116px;height:116px;border:1px solid rgba(32,63,95,.25);
  border-radius:50%;
}
.index-card-media-placeholder::after{
  content:"";position:absolute;width:78px;height:78px;border:1px solid rgba(32,63,95,.2);
  border-radius:50%;
}
.index-placeholder-mark{font:34px var(--serif);letter-spacing:.12em;z-index:1;}
.index-placeholder-label{font:9px var(--mono);letter-spacing:.18em;text-transform:uppercase;z-index:1;}
.index-card-body{display:flex;flex-direction:column;gap:20px;padding:22px 22px 22px;flex:1;}
.index-card-copy{display:flex;flex-direction:column;gap:6px;}
.index-brand{color:var(--accent-navy);font:10px var(--mono);letter-spacing:.14em;text-transform:uppercase;}
.index-model{font-family:var(--serif);font-size:23px;line-height:1.08;color:var(--ink);}
.index-ref{color:var(--stone);font:10px var(--mono);letter-spacing:.05em;}
.index-card-footer{
  display:flex;align-items:flex-end;justify-content:space-between;gap:12px;
  border-top:1px solid var(--silver-line);padding-top:14px;margin-top:auto;
}
.index-value-block{display:flex;flex-direction:column;gap:4px;}
.index-value-label{color:var(--stone);font:9px var(--mono);letter-spacing:.11em;text-transform:uppercase;}
.index-value{color:var(--ink);font:19px var(--serif);font-weight:400;white-space:nowrap;}
.index-trend{
  display:inline-flex;align-items:center;justify-content:center;
  padding:6px 10px;border:1px solid var(--signal);color:var(--signal);
  background:transparent;font:10px var(--mono);letter-spacing:.04em;white-space:nowrap;
}
.index-trend.down{color:#8A6864;border-color:#c9aaa4;}
.index-trend.steady{color:var(--stone);border-color:var(--silver-line);}
.index-note{margin-top:28px;}
@media(max-width:640px){
  .index-list{grid-template-columns:1fr;gap:14px;}
  .index-card-media{aspect-ratio:1.65/1;margin:12px 12px 0;}
  .index-card-body{padding:19px 18px 19px;}
  .index-model{font-size:22px;}
}
@media(prefers-reduced-motion:reduce){
  .index-row,.index-card-media img{transition:none;}
  .index-row:hover{transform:none;}
  .index-row:hover .index-card-media img{transform:none;}
}

/* ---------- MARKET INDEX: NUMBERS-FORWARD GRID ----------
   History-bearing references graduate to a larger editorial cell; current-only
   references stay compact. The whole cell remains a direct path to detail. */
.index-list{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  grid-auto-rows:314px;
  border-top:1px solid var(--silver-line);
}
.index-row{
  display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;
  width:100%;height:314px;box-sizing:border-box;min-width:0;min-height:0;padding:22px 18px 24px;
  border:0;border-right:1px solid var(--silver-line);border-bottom:1px solid var(--silver-line);
  border-radius:0;background:transparent;box-shadow:none;color:inherit;
  text-decoration:none;transition:background-color .2s ease;
}
.index-row:hover{
  transform:none;background:rgba(243,244,242,.52);
}
.index-row-history-bearing{grid-column:span 1;}
.index-row-copy{
  display:flex;flex-direction:column;align-items:flex-start;min-width:0;
}
.index-brand{
  color:var(--stone);font:9px var(--mono);letter-spacing:.14em;
  text-transform:uppercase;
}
.index-model{
  margin-top:7px;color:var(--ink);font:400 clamp(18px,1.65vw,24px)/1.08 var(--serif);
  letter-spacing:-.018em;
}
.index-ref{
  margin-top:9px;color:var(--stone);font:9px/1.35 var(--mono);
  letter-spacing:.04em;
  overflow-wrap:anywhere;
}
.index-row-metrics{
  display:flex;flex-direction:column;align-items:flex-start;gap:8px;
  flex:1 1 auto;min-height:0;margin-top:20px;text-align:left;
}
.index-value{
  color:var(--ink);font:400 clamp(17px,1.5vw,22px)/1 var(--serif);
  white-space:nowrap;
}
.index-trend{
  display:inline-flex;padding:0;border:0;border-radius:0;background:transparent;
  color:var(--signal);font:700 clamp(22px,2.1vw,29px)/1 var(--mono);
  letter-spacing:.02em;white-space:nowrap;
}
.index-trend.up{color:#2e7d4f;}
.index-trend.down{color:#a15d55;}
.index-trend.steady{color:var(--slate);}
.index-row-history{
  display:flex;flex-direction:column;align-items:flex-start;gap:4px;
  width:100%;height:48px;min-width:0;min-height:48px;flex:0 0 48px;
  margin-top:3px;text-align:left;overflow:visible;
}
.index-history-label,.index-history-change,.index-history-unavailable,.index-history-direction,.index-history-context,.index-history-link{
  color:var(--slate);font:9px/1.3 var(--mono);letter-spacing:.02em;
}
.index-history-label{text-transform:uppercase;letter-spacing:.06em;}
.index-history-change{color:var(--stone);}
.index-history-direction.up{color:#2e7d4f;}
.index-history-direction.down{color:#a15d55;}
.index-history-unavailable{color:var(--stone);}
.index-history-context{
  display:block;width:100%;min-width:0;min-height:12px;max-width:none;
  overflow:hidden;color:var(--stone);line-height:1.3;
  white-space:nowrap;text-overflow:ellipsis;
}
.index-history-link{
  display:block;margin-top:auto;color:var(--accent-navy);
  letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;
}
.index-mini-chart{display:block;width:min(100%,168px);height:58px;overflow:visible;}
.index-mini-baseline{stroke:var(--silver-line);stroke-width:1;}
.index-mini-line{fill:none;stroke:var(--navy);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.index-mini-points{fill:var(--navy);}
.index-mini-labels{fill:var(--stone);font:8px var(--mono);}
.index-mini-placeholder{color:var(--stone);opacity:.62;}
.index-mini-placeholder-line{stroke:currentColor;stroke-width:1;stroke-dasharray:4 5;stroke-linecap:round;}
.index-mini-placeholder text{fill:currentColor;font:18px var(--mono);}
.index-note{margin-top:30px;}
@media(max-width:600px){
  .index-list{grid-auto-rows:326px;}
  .index-row{height:326px;padding:20px 14px 22px;}
  .index-model{font-size:19px;}
  .index-row-metrics{gap:7px;margin-top:18px;}
  .index-value{font-size:16px;}
  .index-trend{font-size:20px;}
  .market-history-heading{display:block;}
  .market-history-tabs{margin-top:22px;}
  .market-history-tab{flex:1;}
}
@media(max-width:420px){
  .index-list{grid-auto-rows:336px;}
  .index-row{height:100%;min-height:336px;padding:18px 11px 20px;overflow:hidden;}
  .index-row-copy,.index-row-metrics{width:100%;max-width:100%;overflow:hidden;}
  .index-model{max-width:100%;font-size:17px;line-height:1.08;overflow-wrap:anywhere;word-break:break-word;}
  .index-ref{max-width:100%;font-size:9px;overflow-wrap:anywhere;word-break:break-word;}
  .index-value{font-size:15px;}
  .index-trend{max-width:100%;font-size:18px;line-height:1.12;white-space:normal;overflow-wrap:anywhere;word-break:break-word;}
  .index-history-context{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
}

/* ---------- MARKET INDEX DETAIL ---------- */
.market-history-modal[hidden]{display:none;}
.market-history-modal{
  position:fixed;inset:0;z-index:120;display:grid;place-items:center;
  padding:24px;background:rgba(8,16,24,.72);backdrop-filter:blur(8px);
}
.market-history-modal-backdrop{position:absolute;inset:0;}
.market-history-modal-dialog{
  position:relative;width:min(760px,100%);max-height:min(86vh,760px);
  overflow:auto;padding:42px 44px 44px;background:var(--paper);
  border:1px solid rgba(143,154,163,.6);
  box-shadow:0 28px 90px rgba(0,0,0,.32);color:var(--ink);
}
.market-history-modal-close{
  position:absolute;top:14px;right:16px;width:34px;height:34px;
  border:1px solid var(--silver-line);background:transparent;color:var(--ink);
  font:300 25px/1 var(--serif);cursor:pointer;
}
.market-history-modal-close:hover{background:var(--ink);color:var(--paper);}
.market-detail-kicker,.market-detail-label,.market-detail-section-label{
  color:var(--stone);font:9px var(--mono);letter-spacing:.14em;text-transform:uppercase;
}
.market-history-modal-dialog h2{
  margin:9px 0 26px;color:var(--ink);font:400 clamp(30px,4vw,48px)/1.02 var(--serif);
}
.market-detail-overview{
  display:grid;grid-template-columns:1fr 1fr;gap:18px;
  padding:18px 0;border-top:1px solid var(--silver-line);border-bottom:1px solid var(--silver-line);
}
.market-detail-overview > div{display:flex;flex-direction:column;gap:7px;}
.market-detail-value{color:var(--ink);font:400 22px/1 var(--serif);}
.market-detail-trend{font:700 22px/1 var(--mono);letter-spacing:.02em;}
.market-detail-trend.up{color:#2e7d4f;}
.market-detail-trend.down{color:#a15d55;}
.market-detail-trend.steady{color:var(--slate);}
.market-detail-context{padding:24px 0 20px;}
.market-detail-context p{
  margin:10px 0 0;color:var(--stone);font:15px/1.65 var(--sans);
}
.market-detail-chart-block{padding-top:22px;border-top:1px solid var(--silver-line);}
.market-detail-chart{display:block;width:100%;height:auto;margin-top:12px;overflow:visible;}
.market-detail-chart-baseline{stroke:var(--silver-line);stroke-width:1;}
.market-detail-chart-line{fill:none;stroke:var(--navy);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;}
.market-detail-chart-points{fill:var(--navy);}
.market-detail-chart-labels{fill:var(--stone);font:11px var(--mono);}
.market-detail-chart-summary{color:var(--stone);font:10px var(--mono);letter-spacing:.03em;}
.market-detail-empty{
  display:flex;flex-direction:column;gap:8px;padding:30px 0 4px;
  border-top:1px dashed var(--silver-line);color:var(--stone);
  font:12px/1.5 var(--sans);
}
.market-detail-empty strong{color:var(--ink);font:400 18px var(--serif);}
.market-detail-empty-mark{color:var(--gold);font:24px var(--mono);}
body.market-history-modal-open{overflow:hidden;}
@media(max-width:600px){
  .market-history-modal{padding:12px;}
  .market-history-modal-dialog{padding:36px 22px 26px;}
  .market-detail-overview{grid-template-columns:1fr;}
}

/* ---------- premium wishlist control ---------- */
.favorite-toggle{
  background:rgba(10,22,40,.28)!important;
  border:1px solid rgba(143,154,163,.78)!important;
  border-radius:50%!important;
  color:#8F9AA3!important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  box-shadow:0 4px 14px rgba(10,22,40,.18),inset 0 1px 0 rgba(255,255,255,.16);
  transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.favorite-toggle:hover{
  background:rgba(10,22,40,.58)!important;
  border-color:#D1D7DB!important;
  color:#D1D7DB!important;
  box-shadow:0 6px 18px rgba(17,20,23,.26),0 0 0 3px rgba(143,154,163,.1);
  transform:translateY(-1px) scale(1.04);
}
.favorite-toggle svg{
  stroke:currentColor!important;
  fill:none!important;
  transition:fill .2s ease,stroke .2s ease,transform .2s ease;
}
.favorite-toggle.active{
  background:#8F9AA3!important;
  border-color:#D1D7DB!important;
  color:#111417!important;
}
.favorite-toggle.active svg{
  fill:currentColor!important;
  stroke:currentColor!important;
  transform:scale(1.04);
}
.favorite-toggle.active:hover{
  background:#D1D7DB!important;
  color:#111417!important;
}
@media(min-width:1040px){
  .index-list{grid-template-columns:repeat(4,minmax(0,1fr));}
  .index-row{min-height:238px;padding-left:16px;padding-right:16px;}
}
@media(max-width:1039px){
  .index-row:nth-child(2n){border-right:0;}
}
@media(min-width:1040px){
  .index-row:nth-child(4n){border-right:0;}
}

/* ---------- MARKET INDEX: CONTENT-SAFE CARD HEIGHTS ----------
   Market labels and research context are live editorial content. Never force
   them into a fixed-height cell or a one-line ellipsis: the grid should grow
   to fit the longest card in each row at every breakpoint. */
.index-list{
  grid-auto-rows:auto;
  align-items:stretch;
}
.index-row{
  height:auto;
  min-height:314px;
  overflow:visible;
}
.index-row-copy,.index-row-metrics{
  width:100%;
  max-width:100%;
  overflow:visible;
}
.index-model,.index-ref,.index-trend{
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.index-trend{
  white-space:normal;
  line-height:1.12;
}
.index-row-metrics{
  flex:0 0 auto;
}
.index-row-history{
  height:auto;
  min-height:48px;
  flex:0 0 auto;
}
.index-history-context{
  display:block;
  width:100%;
  max-width:100%;
  min-height:12px;
  overflow:visible;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
  text-overflow:clip;
  line-height:1.35;
}
.index-history-link{
  margin-top:10px;
}
@media(max-width:600px){
  .index-row{
    height:auto;
    min-height:326px;
  }
}
@media(max-width:420px){
  .index-row{
    height:auto;
    min-height:336px;
  }
}
@media(min-width:1040px){
  .index-row{
    height:auto;
    min-height:238px;
  }
}

/* ---------- CONSIGN HERO DEAL IMAGE ---------- */
.consign-page-intro{
  background-image:url("assets/editorial/consign-three-watch-hero.jpg?v=2");
  background-position:78% center;
  background-size:48% auto;
  background-repeat:no-repeat;
}
.consign-page-intro::before{
  background:
    linear-gradient(90deg,rgba(10,22,40,.99) 0%,rgba(10,22,40,.94) 48%,rgba(10,22,40,.58) 100%),
    radial-gradient(rgba(200,211,222,.05) 1px,transparent 1px);
  background-size:auto,26px 26px;
  -webkit-mask-image:none;
  mask-image:none;
}
.consign-page-intro::after{
  content:"";
  position:absolute;
  z-index:1;
  right:0;
  bottom:0;
  width:42%;
  height:40%;
  pointer-events:none;
  background:linear-gradient(135deg,rgba(10,22,40,0),rgba(10,22,40,.72) 48%,rgba(10,22,40,.98) 100%);
}
.consign-page-intro .section-head{
  max-width:680px;
}
@media(max-width:900px){
  .consign-page-intro{
    background-position:85% center;
    background-size:auto 100%;
  }
  .consign-page-intro::before{
    background:
      linear-gradient(90deg,rgba(10,22,40,.99) 0%,rgba(10,22,40,.9) 55%,rgba(10,22,40,.64) 100%),
      radial-gradient(rgba(200,211,222,.05) 1px,transparent 1px);
    background-size:auto,26px 26px;
  }
  .consign-page-intro::after{
    width:70%;
    height:45%;
    background:linear-gradient(135deg,rgba(10,22,40,0),rgba(10,22,40,.78) 42%,rgba(10,22,40,.99) 86%);
  }
}
@media(max-width:600px){
  .consign-page-intro{
    background-position:82% center;
    background-size:auto 100%;
  }
  .consign-page-intro::before{
    background:
      linear-gradient(90deg,rgba(10,22,40,.995) 0%,rgba(10,22,40,.94) 62%,rgba(10,22,40,.75) 100%),
      radial-gradient(rgba(200,211,222,.05) 1px,transparent 1px);
    background-size:auto,26px 26px;
  }
}

/* Override legacy stacked-logo widths at every navigation breakpoint. */
header .nav .logo{
  display:flex;
  align-items:center;
  flex:0 0 auto;
  width:250px;
  min-height:0;
  margin-right:20px;
}
header .nav .logo .chrono-lockup{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  aspect-ratio:1000 / 210;
  object-fit:contain;
  filter:none;
  opacity:1;
}
@media(max-width:640px){
  header .nav .logo{width:210px;max-width:55vw;margin-right:0;}
}
@media(max-width:360px){
  header .nav .logo{width:180px;max-width:54vw;}
}

/* Live icon + wordmark lockup: the wordmark and subtitle share one
   content-sized flex column, so both lines use the same center point. */
header .nav .logo{
  width:250px;
  min-height:0;
  gap:10px;
}
header .nav .logo .chrono-logo-icon{
  width:46px;
  height:46px;
  flex:0 0 46px;
  object-fit:contain;
}
header .nav .logo .chrono-brand{
  width:max-content;
  min-width:0;
  align-items:center;
}
header .nav .logo .chrono-brand-name,
header .nav .logo .chrono-brand-subtitle{
  display:block;
  width:max-content;
  text-align:center;
}
  header .nav .logo .chrono-brand-subtitle{
  font-size:7px;
  margin-left:0;
  margin-right:calc(-1 * .16em);
}
.foot-logo{
  display:flex;
  align-items:center;
  gap:12px;
  width:max-content;
  min-height:0;
}
.foot-logo .chrono-logo-icon{
  width:58px;
  height:58px;
  flex:0 0 58px;
  object-fit:contain;
}
.foot-logo .chrono-brand{
  width:max-content;
  min-width:0;
  align-items:center;
}
.foot-logo .chrono-brand-name,
.foot-logo .chrono-brand-subtitle{
  display:block;
  width:max-content;
  text-align:center;
}
@media(max-width:640px){
  header .nav .logo{
    width:210px;
    max-width:55vw;
    gap:7px;
  }
  header .nav .logo .chrono-logo-icon{
    width:42px;
    height:42px;
    flex-basis:42px;
  }
  header .nav .logo .chrono-brand{
    width:max-content;
    min-width:0;
  }
  .foot-logo .chrono-brand{
    width:max-content;
    min-width:0;
  }
}
@media(max-width:360px){
  header .nav .logo{
    width:180px;
    max-width:54vw;
  }
  header .nav .logo .chrono-logo-icon{
    width:38px;
    height:38px;
    flex-basis:38px;
  }
  header .nav .logo .chrono-brand{
    width:max-content;
    min-width:0;
  }
}

/* Big Five: a quiet, curator-led expression of the trust journey. */
.big-five-section{
  background:
    linear-gradient(90deg,rgba(17,20,23,.98) 0%,rgba(17,20,23,.94) 46%,rgba(17,20,23,.78) 100%),
    url("assets/big-five-bushveld-dusk.jpg") center/cover no-repeat;
  padding:112px 0 118px;
}
.big-five-section::before,
.big-five-section::after{display:none;}
.big-five-section>.wrap{max-width:920px;}
.big-five-intro{
  grid-template-columns:minmax(0,.9fr) minmax(300px,1.1fr);
  gap:7vw;
  padding-bottom:42px;
  border-bottom-color:rgba(200,211,222,.2);
}
.big-five-intro .eyebrow{color:var(--steel-light);}
.big-five-intro .eyebrow::before{background:var(--steel-light);opacity:.7;}
.big-five-intro h2{
  font-size:clamp(46px,5.2vw,66px);
  letter-spacing:-.04em;
  margin-top:16px;
}
.big-five-intro-copy{max-width:520px;display:block;padding-bottom:0;}
.big-five-intro-copy p{color:var(--mist);font-size:14px;line-height:1.7;}
.big-five-intro-copy p+p{margin-top:12px;}
.big-five-list{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:34px;
  background:transparent;
}
.big-five-list::before{display:none;}
.big-five-tier,
.big-five-tier.big-five-tier-prominent,
.big-five-tier.big-five-tier-pinnacle{
  --tier-color:#a5a18e;
  --tier-bg:#a5a18e;
  --tier-accent:#a5a18e;
  --tier-glow:transparent;
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  column-gap:18px;
  align-items:center;
  min-height:122px;
  padding:22px 24px;
  border:1px solid rgba(200,211,222,.2);
  border-radius:2px;
  background:rgba(17,20,23,.48);
  color:var(--paper);
  box-shadow:none;
  isolation:isolate;
  transition:border-color .4s cubic-bezier(.22,1,.36,1),background .4s cubic-bezier(.22,1,.36,1);
}
.big-five-tier:hover{
  border-color:rgba(200,211,222,.48);
  background:rgba(17,20,23,.65);
}
.big-five-tier[data-tier]{
  background-image:none !important;
  background-color:rgba(17,20,23,.48);
}
.big-five-tier[data-tier="LEOPARD"]{--tier-color:#b19b78;--tier-bg:#b19b78;--tier-accent:#b19b78;}
.big-five-tier[data-tier="RHINO"]{--tier-color:#a4aaa8;--tier-bg:#a4aaa8;--tier-accent:#a4aaa8;}
.big-five-tier[data-tier="ELEPHANT"]{--tier-color:#b28f82;--tier-bg:#b28f82;--tier-accent:#b28f82;}
.big-five-tier[data-tier="LION"]{--tier-color:#c0a76a;--tier-bg:#c0a76a;--tier-accent:#c0a76a;}
.big-five-index{
  position:static;
  align-self:start;
  padding-top:5px;
  color:var(--mist);
  font:10px var(--mono);
  letter-spacing:.16em;
  opacity:.8;
}
.big-five-tier-body{min-width:0;grid-column:2;}
.big-five-tier-heading{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(190px,auto);
  gap:22px;
  align-items:center;
}
.big-five-tier-title{display:flex;flex-direction:row;align-items:center;gap:17px;}
.big-five-badge,
.big-five-tier-pinnacle .big-five-badge{
  position:relative;
  display:grid;
  place-items:center;
  flex:0 0 52px;
  width:52px;
  height:52px;
  border:1px solid color-mix(in srgb,var(--tier-color) 64%,rgba(200,211,222,.25));
  border-radius:50%;
  color:var(--tier-color);
  background:rgba(17,20,23,.24);
}
.big-five-badge::before{
  content:"";
  font:10px var(--mono);
  letter-spacing:.08em;
}
.big-five-badge[data-tier="BUFFALO"]::before{content:"BU";}
.big-five-badge[data-tier="LEOPARD"]::before{content:"LE";}
.big-five-badge[data-tier="RHINO"]::before{content:"RH";}
.big-five-badge[data-tier="ELEPHANT"]::before{content:"EL";}
.big-five-badge[data-tier="LION"]::before{content:"LI";}
.big-five-badge .big-five-medallion{display:none;}
.big-five-tier h3,
.big-five-tier-prominent h3,
.big-five-tier-pinnacle h3{
  font:400 25px/1 var(--serif);
  letter-spacing:-.02em;
  color:var(--paper);
  text-shadow:none;
}
.big-five-threshold{
  display:flex;
  align-items:baseline;
  justify-content:flex-end;
  gap:8px;
  color:var(--mist);
  white-space:nowrap;
}
.big-five-threshold strong{
  color:var(--tier-accent);
  font:500 15px/1 var(--serif);
}
.big-five-threshold span{
  font:10px var(--mono);
  letter-spacing:.06em;
  text-transform:uppercase;
  opacity:.72;
}
.big-five-tier p{
  max-width:620px;
  color:var(--mist);
  font-size:13px;
  line-height:1.55;
  margin:8px 0 0;
}
.big-five-tier::before{display:none;}
.big-five-tier::after{
  content:"";
  position:absolute;
  left:0;
  top:16px;
  bottom:16px;
  width:2px;
  background:var(--tier-color);
  opacity:.62;
}
.big-five-tier-pinnacle{
  border-color:color-mix(in srgb,var(--tier-color) 46%,rgba(200,211,222,.2)) !important;
}
.big-five-tier-pinnacle::after{opacity:.9;}
.big-five-footnote{
  max-width:620px;
  color:rgba(200,211,222,.56);
  font:10px/1.6 var(--mono);
  letter-spacing:.08em;
  text-transform:uppercase;
  margin:28px 0 0 52px;
}

@media(max-width:720px){
  .big-five-section{padding:82px 0 88px;}
  .big-five-section>.wrap{max-width:none;}
  .big-five-intro{grid-template-columns:1fr;gap:20px;padding-bottom:30px;}
  .big-five-intro h2{font-size:clamp(46px,14vw,62px);}
  .big-five-intro-copy{max-width:none;}
  .big-five-intro-copy p{font-size:13.5px;}
  .big-five-list{gap:8px;margin-top:24px;}
  .big-five-tier,
  .big-five-tier.big-five-tier-prominent,
  .big-five-tier.big-five-tier-pinnacle{
    grid-template-columns:26px minmax(0,1fr);
    column-gap:13px;
    min-height:0;
    height:auto;
    overflow:visible;
    padding:18px 16px 20px;
  }
  .big-five-index{position:static;padding-top:4px;font-size:9px;}
  .big-five-badge,
  .big-five-tier-pinnacle .big-five-badge{flex-basis:46px;width:46px;height:46px;}
  .big-five-tier-heading{grid-template-columns:1fr;gap:8px;align-items:start;}
  .big-five-tier-title{gap:13px;}
  .big-five-tier h3,
  .big-five-tier-prominent h3,
  .big-five-tier-pinnacle h3{font-size:23px;}
  .big-five-threshold{justify-content:flex-start;flex-wrap:wrap;white-space:normal;gap:6px;}
  .big-five-threshold strong{font-size:14px;}
  .big-five-threshold span{font-size:9px;}
  .big-five-tier p{font-size:12.5px;line-height:1.5;margin-top:7px;}
  .big-five-tier::after{top:12px;bottom:12px;}
  .big-five-footnote{margin:22px 0 0 39px;font-size:9px;}
}