/* ==================================================================
   WRIST AFICIONADO — Fine & Rare Timepieces · exploded-view experience
   $aviv666k · Argentina
   ================================================================== */
:root{
  --bg:#070708; --bg-2:#0B0B0E; --ink:#F4F2EC; --muted:#9A9BA2; --muted-2:#6C6D74;
  --accent:#C6A15B; --accent-2:#E7CD8E; --green:#8fae5a; --line:rgba(255,255,255,.10); --line-2:rgba(255,255,255,.17);
  --serif:"Bodoni Moda",Georgia,serif; --sans:"Jost",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --ease:cubic-bezier(.22,.61,.36,1);
}
*{ box-sizing:border-box; margin:0; padding:0; }
html{ -webkit-text-size-adjust:100%; }
body{ background:var(--bg); color:var(--ink); font-family:var(--sans); font-weight:300; line-height:1.6; -webkit-font-smoothing:antialiased; overflow-x:hidden; }
::selection{ background:var(--accent); color:#12100A; }
a{ color:inherit; text-decoration:none; }
h1,h2,h3{ font-family:var(--serif); font-weight:400; line-height:1; }
em{ font-style:italic; color:var(--accent-2); }

.grain{ position:fixed; inset:0; z-index:60; pointer-events:none; opacity:.05; mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }

.btn{ display:inline-flex; align-items:center; justify-content:center; gap:.5em; font-family:var(--sans); font-weight:400; font-size:13px; letter-spacing:2px; text-transform:uppercase; cursor:pointer; border:1px solid transparent; padding:14px 30px; border-radius:100px; transition:all .5s var(--ease); white-space:nowrap; }
.btn--solid{ background:var(--accent); color:#141007; border-color:var(--accent); }
.btn--solid:hover{ background:var(--accent-2); border-color:var(--accent-2); transform:translateY(-2px); }
.btn--mini{ padding:9px 20px; font-size:11.5px; background:transparent; color:var(--ink); border-color:var(--line-2); }
.btn--mini:hover{ background:var(--accent); color:#141007; border-color:var(--accent); }
.eyebrow{ font-size:12px; letter-spacing:5px; text-transform:uppercase; color:var(--accent); }

/* header */
.header{ position:fixed; top:0; left:0; right:0; z-index:50; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:22px clamp(20px,4vw,48px); }
.brand{ display:flex; align-items:center; gap:11px; }
.brand__mark{ width:26px; height:26px; color:var(--accent); }
.brand__word{ font-family:var(--serif); font-size:19px; letter-spacing:4px; }
.header__tag{ font-size:11px; letter-spacing:3px; text-transform:uppercase; color:var(--muted-2); }
@media (max-width:760px){ .header__tag{ display:none; } }

/* loader */
.loader{ position:fixed; inset:0; z-index:100; display:flex; align-items:center; justify-content:center; background:var(--bg); transition:opacity .9s var(--ease), visibility .9s var(--ease); }
.loader.is-done{ opacity:0; visibility:hidden; }
.loader__inner{ text-align:center; width:min(80vw,320px); }
.loader__mark{ width:50px; height:50px; color:var(--accent); margin-bottom:24px; animation:pulse 2.4s var(--ease) infinite; }
@keyframes pulse{ 0%,100%{ opacity:.5; } 50%{ opacity:1; } }
.loader__kicker{ font-family:var(--serif); font-size:23px; letter-spacing:7px; margin-bottom:24px; }
.loader__bar{ height:2px; background:var(--line); border-radius:2px; overflow:hidden; }
.loader__bar i{ display:block; height:100%; width:0; background:linear-gradient(90deg,var(--accent),var(--accent-2)); transition:width .3s var(--ease); }
.loader__pct{ margin-top:16px; font-size:11px; letter-spacing:3px; text-transform:uppercase; color:var(--muted-2); }

/* ── experience / pinned stage ── */
.experience{ position:relative; height:560vh; }
.stage{ position:relative; height:100vh; width:100%; overflow:hidden; background:
    radial-gradient(120% 90% at 50% 38%, #161620 0%, #0a0a0e 46%, #040405 100%); }
.stage__canvas{ position:absolute; inset:0; width:100%; height:100%; display:block; }
.stage__vignette{ position:absolute; inset:0; pointer-events:none; z-index:2;
  background:radial-gradient(120% 100% at 50% 46%, transparent 50%, rgba(0,0,0,.6) 100%); }

/* captions */
.caps{ position:absolute; inset:0; z-index:3; pointer-events:none; }
.cap{ position:absolute; left:0; right:0; bottom:clamp(80px,14vh,140px); text-align:center; padding:0 24px;
  opacity:0; transform:translateY(24px); transition:opacity .7s var(--ease), transform .7s var(--ease); }
.cap.is-active{ opacity:1; transform:none; }
.cap__k{ font-size:12px; letter-spacing:4px; text-transform:uppercase; color:var(--accent); margin-bottom:13px; }
.cap__t{ font-size:clamp(28px,5.2vw,62px); letter-spacing:-.01em; text-shadow:0 4px 40px rgba(0,0,0,.7); }

/* opening hero title */
.stage__intro{ position:absolute; left:0; right:0; top:clamp(88px,17vh,168px); z-index:3; text-align:center; padding:0 24px; pointer-events:none; transition:opacity .6s var(--ease); }
.stage__kicker{ font-size:12px; letter-spacing:6px; text-transform:uppercase; color:var(--accent); margin-bottom:16px; }
.stage__title{ font-size:clamp(42px,8vw,116px); line-height:.92; letter-spacing:-.02em; text-shadow:0 6px 50px rgba(0,0,0,.5); }

/* exploded-view part legend */
.legend{ position:absolute; top:50%; right:clamp(20px,5vw,70px); transform:translateY(-50%); z-index:3; opacity:0;
  display:flex; flex-direction:column; gap:15px; pointer-events:none; text-align:right; transition:opacity .5s var(--ease); }
.legend li{ list-style:none; }
.legend__n{ font-size:10px; letter-spacing:2px; color:var(--accent); }
.legend__t{ font-family:var(--serif); font-size:clamp(14px,1.6vw,19px); color:var(--ink); }
.legend__s{ font-size:11px; letter-spacing:1px; color:var(--muted-2); }
@media (max-width:760px){ .legend{ right:auto; left:0; right:0; top:auto; bottom:clamp(78px,13vh,130px); transform:none; flex-direction:row; flex-wrap:wrap; justify-content:center; gap:10px 18px; text-align:center; } .legend__t{ font-size:14px; } .legend__s{ display:none; } }

/* progress + hint */
.stage__progress{ position:absolute; left:50%; transform:translateX(-50%); bottom:36px; width:min(60%,460px); height:2px; background:var(--line); z-index:4; }
.stage__progress i{ display:block; height:100%; width:0; background:linear-gradient(90deg,var(--accent),var(--accent-2)); box-shadow:0 0 12px rgba(198,161,91,.6); }
.stage__hint{ position:absolute; left:50%; transform:translateX(-50%); bottom:52px; z-index:4; display:flex; flex-direction:column; align-items:center; gap:8px; color:var(--muted-2); transition:opacity .5s var(--ease); }
.stage__hint span{ font-size:10px; letter-spacing:4px; text-transform:uppercase; }
.stage__hint i{ width:1px; height:34px; background:linear-gradient(var(--muted-2),transparent); animation:drop 2.2s var(--ease) infinite; }
@keyframes drop{ 0%{ transform:scaleY(0); transform-origin:top; } 45%{ transform:scaleY(1); transform-origin:top; } 55%{ transform:scaleY(1); transform-origin:bottom; } 100%{ transform:scaleY(0); transform-origin:bottom; } }

/* shared section rhythm */
.feature,.process,.outro{ position:relative; z-index:5; background:var(--bg); text-align:center; }
.feature{ padding:clamp(90px,13vw,150px) clamp(20px,5vw,48px) clamp(70px,9vw,110px); max-width:900px; margin:0 auto; }
.feature__title{ font-size:clamp(36px,7vw,86px); letter-spacing:-.015em; margin:22px 0 26px; line-height:1.0; }
.feature__lede{ max-width:600px; margin:0 auto 44px; color:var(--muted); font-size:clamp(15px,1.7vw,18px); }

/* spec list */
.specs{ list-style:none; max-width:620px; margin:0 auto 44px; text-align:left; }
.specs li{ display:flex; justify-content:space-between; align-items:baseline; gap:16px; padding:16px 0; border-top:1px solid var(--line); }
.specs li:last-child{ border-bottom:1px solid var(--line); }
.specs span{ color:var(--muted-2); font-size:12px; letter-spacing:2px; text-transform:uppercase; }
.specs strong{ font-family:var(--serif); font-weight:400; font-size:clamp(15px,1.7vw,20px); text-align:right; }

.feature__cta{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:26px; margin-bottom:18px; }
.price{ text-align:left; }
.price__k{ display:block; font-size:11px; letter-spacing:3px; text-transform:uppercase; color:var(--muted-2); margin-bottom:4px; }
.price__v{ display:block; font-family:var(--serif); font-size:clamp(24px,3vw,34px); color:var(--accent-2); }
.feature__note{ color:var(--muted-2); font-size:12.5px; letter-spacing:.4px; }

/* ── collection ── */
.collection{ position:relative; z-index:5; background:var(--bg-2); border-top:1px solid var(--line); padding:clamp(80px,11vw,140px) clamp(20px,5vw,64px); }
.collection__head{ max-width:820px; margin:0 auto clamp(48px,6vw,72px); text-align:center; }
.collection__title{ font-size:clamp(32px,5.2vw,62px); letter-spacing:-.015em; margin:20px 0 22px; line-height:1.02; }
.collection__lede{ max-width:560px; margin:0 auto; color:var(--muted); font-size:clamp(14px,1.6vw,17px); }
.grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(16px,2vw,28px); max-width:1200px; margin:0 auto; }
@media (max-width:900px){ .grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .grid{ grid-template-columns:1fr; } }

.card{ position:relative; border:1px solid var(--line); border-radius:14px; overflow:hidden; background:#0a0a0d; transition:transform .5s var(--ease), border-color .5s var(--ease); }
.card:hover{ transform:translateY(-6px); border-color:var(--line-2); }
.card.is-featured{ border-color:rgba(198,161,91,.4); }
.card__art{ position:relative; aspect-ratio:4/3; overflow:hidden; display:flex; align-items:center; justify-content:center;
  background:radial-gradient(90% 90% at 50% 34%, #1a1a20, #0a0a0d 70%, #060608); }
.card__art::after{ content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(60% 70% at 50% 40%, transparent 46%, rgba(4,4,6,.72) 100%); }
/* real product-photo card */
.card__photo{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 42%; transition:transform .7s var(--ease); }
.card--photo .card__art::after{ background:linear-gradient(180deg, transparent 55%, rgba(6,6,8,.55) 100%); }
.card:hover .card__photo{ transform:scale(1.05); }

/* selectable 3D card */
.card--3d{ cursor:pointer; }
.card__view{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) scale(.9); z-index:3;
  display:inline-flex; align-items:center; gap:8px; padding:11px 20px; border-radius:100px;
  background:rgba(10,10,12,.62); backdrop-filter:blur(6px); border:1px solid rgba(255,255,255,.25);
  color:#fff; font-size:11px; letter-spacing:2px; text-transform:uppercase; white-space:nowrap;
  opacity:0; transition:opacity .4s var(--ease), transform .4s var(--ease); pointer-events:none; }
.card--3d:hover .card__view{ opacity:1; transform:translate(-50%,-50%) scale(1); }
.card__view svg{ width:15px; height:15px; }

/* ── 3D viewer modal ── */
.viewer{ position:fixed; inset:0; z-index:120; display:none; background:
    radial-gradient(120% 100% at 50% 40%, #17171e 0%, #0a0a0e 55%, #050506 100%);
  opacity:0; transition:opacity .45s var(--ease); }
.viewer.is-open{ display:block; opacity:1; }
.viewer__canvas{ position:absolute; inset:0; width:100%; height:100%; display:block; touch-action:none; cursor:grab; }
.viewer__canvas:active{ cursor:grabbing; }
.viewer__close{ position:absolute; top:24px; right:26px; z-index:3; width:46px; height:46px; border-radius:50%;
  background:rgba(255,255,255,.06); border:1px solid var(--line-2); color:var(--ink); font-size:17px; cursor:pointer;
  transition:all .4s var(--ease); }
.viewer__close:hover{ background:var(--accent); color:#141007; border-color:var(--accent); transform:rotate(90deg); }
.viewer__loader{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; z-index:2;
  color:var(--muted-2); font-size:12px; letter-spacing:3px; text-transform:uppercase; pointer-events:none; transition:opacity .4s var(--ease); }
.viewer__info{ position:absolute; left:clamp(24px,5vw,64px); bottom:clamp(28px,6vh,60px); z-index:3; pointer-events:none; }
.viewer__info .viewer__marque{ font-size:12px; letter-spacing:4px; text-transform:uppercase; color:var(--accent); margin-bottom:8px; }
.viewer__name{ font-family:var(--serif); font-size:clamp(26px,4vw,44px); line-height:1; margin-bottom:10px; }
.viewer__ref{ color:var(--muted); font-size:14px; margin-bottom:16px; }
.viewer__hint{ font-size:11px; letter-spacing:2px; text-transform:uppercase; color:var(--muted-2); }
@media (max-width:640px){ .viewer__info{ bottom:20px; } .viewer__name{ font-size:24px; } }

/* ── media gallery lightbox (photos + video) ── */
.gallery{ position:fixed; inset:0; z-index:120; display:none; background:rgba(4,4,6,.94); opacity:0; transition:opacity .4s var(--ease); }
.gallery.is-open{ display:flex; align-items:center; justify-content:center; opacity:1; }
.gallery__stage{ position:relative; width:min(90vw,1100px); height:min(78vh,820px); display:flex; align-items:center; justify-content:center; }
.gallery__media{ max-width:100%; max-height:100%; object-fit:contain; border-radius:10px; box-shadow:0 24px 80px rgba(0,0,0,.6); background:#0a0a0d; }
.gallery__close{ position:absolute; top:24px; right:26px; z-index:4; width:46px; height:46px; border-radius:50%; background:rgba(255,255,255,.06); border:1px solid var(--line-2); color:var(--ink); font-size:17px; cursor:pointer; transition:all .4s var(--ease); }
.gallery__close:hover{ background:var(--accent); color:#141007; border-color:var(--accent); transform:rotate(90deg); }
.gallery__nav{ position:absolute; top:50%; transform:translateY(-50%); z-index:4; width:54px; height:54px; border-radius:50%; background:rgba(255,255,255,.05); border:1px solid var(--line-2); color:var(--ink); font-size:26px; line-height:1; cursor:pointer; transition:all .4s var(--ease); }
.gallery__nav:hover{ background:var(--accent); color:#141007; border-color:var(--accent); }
.gallery__nav--prev{ left:clamp(12px,3vw,40px); }
.gallery__nav--next{ right:clamp(12px,3vw,40px); }
.gallery__dots{ position:absolute; left:50%; transform:translateX(-50%); bottom:clamp(20px,5vh,44px); z-index:4; display:flex; gap:9px; }
.gallery__dot{ width:9px; height:9px; border-radius:50%; border:1px solid var(--line-2); background:transparent; cursor:pointer; transition:all .3s var(--ease); padding:0; }
.gallery__dot.is-on{ background:var(--accent); border-color:var(--accent); transform:scale(1.15); }
.gallery__info{ position:absolute; left:clamp(20px,5vw,50px); top:clamp(22px,5vh,44px); z-index:4; pointer-events:none; }
.gallery__info .gallery__marque{ font-size:12px; letter-spacing:4px; text-transform:uppercase; color:var(--accent); margin-bottom:6px; }
.gallery__name{ font-family:var(--serif); font-size:clamp(20px,2.6vw,30px); }
@media (max-width:640px){ .gallery__nav{ width:44px; height:44px; font-size:22px; } .gallery__stage{ width:94vw; height:70vh; } }

/* ── luxury CSS watch face (bezel · markers · hands · date) ── */
.watch{ position:relative; width:58%; aspect-ratio:1; border-radius:50%; transition:transform .6s var(--ease);
  box-shadow:0 18px 50px rgba(0,0,0,.66), 0 2px 0 rgba(255,255,255,.05); }
.card:hover .watch{ transform:rotate(-4deg) scale(1.03); }
/* polished metal bezel */
.watch__bezel{ position:absolute; inset:0; border-radius:50%;
  background:conic-gradient(from 210deg,#f4f2ea,#8f8d86,#e9e7df,#6f6d67,#f4f2ea,#7c7a74,#efede5,#8f8d86,#f4f2ea);
  box-shadow:inset 0 0 6px rgba(0,0,0,.5); }
.watch__bezel::after{ content:""; position:absolute; inset:7%; border-radius:50%; background:#0b0b0e; box-shadow:inset 0 2px 10px rgba(0,0,0,.8); }
.watch--fluted .watch__bezel{ background:
    repeating-conic-gradient(from 0deg,#f6f4ec 0deg 2deg,#83817b 2deg 4deg),
    conic-gradient(from 210deg,#f4f2ea,#8f8d86,#e9e7df,#6f6d67,#f4f2ea); background-blend-mode:overlay; }
.watch--gold .watch__bezel{ background:conic-gradient(from 210deg,#f6e6bf,#a3823f,#f2dfa8,#7a5f28,#f6e6bf,#8a6d34,#f2dfa8,#a3823f,#f6e6bf); }
.watch--rose .watch__bezel{ background:conic-gradient(from 210deg,#f7d9c6,#b07a5c,#f0c8ae,#8a5942,#f7d9c6,#9c6a4e,#f0c8ae,#b07a5c,#f7d9c6); }
/* dial */
.watch__dial{ position:absolute; inset:9%; border-radius:50%; overflow:hidden;
  box-shadow:inset 0 0 14px rgba(0,0,0,.6); }
.dial--green{ background:radial-gradient(circle at 40% 32%, #9fc061, #4c7a2c 52%, #16330d); }
.dial--blue{ background:radial-gradient(circle at 40% 32%, #6fa2e6, #235ba8 52%, #0a2148); }
.dial--black{ background:radial-gradient(circle at 40% 32%, #4a4d55, #191b21 52%, #050506); }
.dial--white{ background:radial-gradient(circle at 40% 32%, #ffffff, #dedcd6 52%, #8a8983); }
.dial--salmon{ background:radial-gradient(circle at 40% 32%, #ffd9c4, #e0987a 52%, #7a4232); }
.dial--slate{ background:radial-gradient(circle at 40% 32%, #8f9aa6, #45505c 52%, #171d24); }
/* applied hour markers (thin ticks in a ring) */
.watch__dial::before{ content:""; position:absolute; inset:0; border-radius:50%;
  background:repeating-conic-gradient(from -1.4deg, rgba(255,255,255,.95) 0deg 2.8deg, transparent 2.8deg 30deg);
  -webkit-mask:radial-gradient(circle, transparent 0 68%, #000 70% 82%, transparent 84%);
          mask:radial-gradient(circle, transparent 0 68%, #000 70% 82%, transparent 84%);
  opacity:.95; z-index:1; }
.dial--white .watch__dial::before,.dial--salmon .watch__dial::before{ background:repeating-conic-gradient(from -1.4deg, rgba(20,20,20,.85) 0deg 2.8deg, transparent 2.8deg 30deg); }
/* hands at 10:10 — sized against the dial */
.watch__hands{ position:absolute; inset:0; z-index:2; }
.watch__hands i{ position:absolute; left:50%; bottom:50%; transform-origin:bottom center; background:linear-gradient(#fff,#d0d0d0); border-radius:3px; box-shadow:0 1px 2px rgba(0,0,0,.45); }
.watch__hands i.h{ width:3px; height:30%; transform:translateX(-50%) rotate(-118deg); }
.watch__hands i.m{ width:2px; height:40%; transform:translateX(-50%) rotate(58deg); }
.watch__hands::after{ content:""; position:absolute; left:50%; top:50%; width:7px; height:7px; margin:-3.5px 0 0 -3.5px; border-radius:50%; background:#d8c48a; box-shadow:0 0 0 1px rgba(0,0,0,.3); z-index:3; }
.dial--white .watch__hands i,.dial--salmon .watch__hands i{ background:linear-gradient(#2a2a2a,#555); }
/* date window at 3 o'clock */
.watch__date{ position:absolute; top:44.5%; right:14%; width:12%; height:11%; background:#f3f1ea; border-radius:1px;
  display:flex; align-items:center; justify-content:center; font-family:var(--sans); font-weight:400; font-size:9px; color:#222; box-shadow:inset 0 0 0 1px rgba(0,0,0,.28); z-index:2; }
.card__badge{ position:absolute; top:12px; left:12px; z-index:2; font-size:10px; letter-spacing:2px; text-transform:uppercase; padding:5px 11px; border-radius:100px; background:var(--accent); color:#141007; font-weight:400; }
.card__body{ padding:20px 22px 22px; }
.card__marque{ font-size:11px; letter-spacing:3px; text-transform:uppercase; color:var(--muted-2); margin-bottom:6px; }
.card__name{ font-size:clamp(19px,2.2vw,24px); margin-bottom:10px; }
.card__spec{ color:var(--muted); font-size:13px; margin-bottom:18px; }
.card__foot{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding-top:14px; border-top:1px solid var(--line); }
.card__price{ font-family:var(--serif); font-size:clamp(15px,1.8vw,19px); color:var(--ink); }
.card__status{ font-size:10.5px; letter-spacing:2px; text-transform:uppercase; padding:4px 10px; border-radius:100px; border:1px solid var(--line-2); }
.card__status.available{ color:#8fe0a0; border-color:rgba(143,224,160,.35); }
.card__status.reserved{ color:var(--muted-2); }
.card__status.enquire{ color:var(--accent-2); border-color:rgba(231,205,142,.35); }

/* ── process / authenticity ── */
.process{ padding:clamp(80px,11vw,140px) clamp(20px,5vw,48px); max-width:1080px; margin:0 auto; }
.process__title{ font-size:clamp(32px,5.2vw,62px); letter-spacing:-.015em; margin:20px 0 clamp(44px,6vw,66px); line-height:1.02; }
.steps{ list-style:none; display:grid; grid-template-columns:repeat(4,1fr); gap:clamp(18px,2vw,30px); text-align:left; }
@media (max-width:860px){ .steps{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:480px){ .steps{ grid-template-columns:1fr; } }
.steps li{ padding-top:22px; border-top:1px solid var(--line-2); }
.steps__n{ font-family:var(--serif); font-size:14px; letter-spacing:2px; color:var(--accent); }
.steps h3{ font-size:clamp(19px,2vw,23px); margin:12px 0 10px; }
.steps p{ color:var(--muted); font-size:14px; }

/* ── outro ── */
.outro{ padding:clamp(100px,15vw,180px) clamp(20px,5vw,48px); max-width:820px; margin:0 auto; }
.outro__title{ font-size:clamp(34px,6vw,80px); letter-spacing:-.015em; margin:26px 0 46px; line-height:1.02; }
.outro__cta{ display:flex; flex-direction:column; align-items:center; gap:16px; }
.outro__note{ color:var(--muted-2); font-size:13px; letter-spacing:.5px; }

/* footer */
.footer{ position:relative; z-index:5; border-top:1px solid var(--line); background:var(--bg-2); padding:40px clamp(20px,5vw,48px); text-align:center; color:var(--muted-2); font-size:13px; }
.footer__row{ display:flex; align-items:center; justify-content:center; gap:16px; margin-bottom:12px; color:var(--ink); flex-wrap:wrap; }
.footer__row .brand__word{ font-size:19px; }
.footer strong{ color:var(--accent-2); font-weight:400; }

@media (prefers-reduced-motion:reduce){ .loader__mark,.stage__hint i{ animation:none; } }

/* ==================================================================
   IMPECCABLE PASS — editorial restraint, remove the "AI template" tells
   (tighter optical type · quieter gold · sharper edges · asymmetry ·
    monochrome CTAs · hairline structure)   $aviv666k · Argentina
   ================================================================== */
:root{ --accent:#B0894E; --accent-2:#E0C486; --line:rgba(255,255,255,.08); --line-2:rgba(255,255,255,.14); }

/* type: tighter, optical, more editorial weight contrast */
h1,h2,h3{ letter-spacing:-.026em; font-optical-sizing:auto; }
.stage__title{ letter-spacing:-.038em; font-weight:360; }
.cap__t,.feature__title,.collection__title,.process__title,.outro__title{ letter-spacing:-.03em; }
.feature__title,.outro__title{ font-weight:380; }
em{ font-weight:400; font-style:italic; }
.feature__lede,.collection__lede{ font-weight:300; line-height:1.7; color:#8b8c93; }

/* eyebrow: a hairline + spaced small caps, not a loud gold chip */
.eyebrow,.card__marque,.steps__n{ color:var(--muted); }
.eyebrow{ display:inline-flex; align-items:center; gap:13px; font-size:11px; letter-spacing:4.5px; color:#8b8c93; }
.eyebrow::before{ content:""; width:28px; height:1px; background:var(--accent); }

/* asymmetry: left-align the collection head (AI centres everything) */
.collection__head{ text-align:left; margin-left:0; margin-right:auto; max-width:760px; }
.collection__head .collection__lede{ margin-left:0; }
.process__title{ text-align:left; }
.process .eyebrow{ margin-left:2px; }

/* structure: hairline seams instead of hard slab transitions */
.collection,.process,.feature{ border-top:1px solid var(--line); }
.collection{ background:var(--bg); }

/* cards: sharper, quieter, less "bubbly app" */
.card{ border-radius:5px; background:#0a0a0c; }
.card:hover{ transform:translateY(-5px); border-color:rgba(176,137,78,.38); box-shadow:0 20px 50px rgba(0,0,0,.5); }
.card.is-featured{ border-color:rgba(176,137,78,.34); }
.card__name{ letter-spacing:-.02em; }
.card__badge{ background:transparent; color:var(--accent-2); border:1px solid rgba(224,196,134,.4); font-weight:400; backdrop-filter:blur(4px); }

/* CTAs: couture monochrome, near-square — not a candy-gold pill */
.btn{ border-radius:2px; letter-spacing:2.6px; font-size:11.5px; padding:15px 32px; }
.btn--solid{ background:var(--ink); color:#0b0b0b; border-color:var(--ink); }
.btn--solid:hover{ background:var(--accent-2); border-color:var(--accent-2); color:#161206; transform:translateY(-2px); }
.btn--mini{ border-radius:2px; }

/* spec list: monospace-ish tabular restraint */
.specs li{ padding:18px 0; }
.specs span{ color:#6c6d74; letter-spacing:2.5px; }
.price__v,.outro__title em{ color:var(--accent-2); }

/* header + footer: lighter, more confident */
.header{ padding-top:26px; }
.brand__word{ letter-spacing:5px; }
.header__tag{ color:#6c6d74; }
.footer{ background:var(--bg); }
.footer__row .brand__word{ font-weight:400; }

/* motion: calmer, more intentional reveals */
.reveal{ will-change:transform,opacity; }


/* ── font swap: Bodoni Moda display tuning (couture Didone) ── */
h1,h2,h3{ font-weight:500; letter-spacing:-.02em; }
.stage__title{ font-weight:600; letter-spacing:-.028em; }
.feature__title,.outro__title,.collection__title,.process__title,.cap__t{ font-weight:500; letter-spacing:-.022em; }
.loader__kicker{ font-weight:500; }
.brand__word{ font-weight:500; letter-spacing:6px; }
.card__name{ font-weight:500; }
em{ font-weight:500; }
/* Bodoni thin strokes need a hair more size on small serif bits */
.specs strong,.card__price{ font-weight:500; }


/* ── chrome WA emblem (img replaces the old monogram) ── */
.brand__mark{ width:32px; height:32px; object-fit:contain; filter:drop-shadow(0 1px 3px rgba(0,0,0,.5)); }
.loader__mark{ width:78px; height:78px; object-fit:contain; }
.outro__seal{ display:block; width:clamp(72px,9vw,104px); height:auto; margin:0 auto 30px; opacity:.96; filter:drop-shadow(0 3px 10px rgba(0,0,0,.5)); }

/* ── bolder, confident editorial Didone + mobile fixes ── */
h1,h2,h3{ font-weight:600; }
.stage__title{ font-weight:700; letter-spacing:-.032em; }
.feature__title,.collection__title,.process__title,.outro__title,.cap__t{ font-weight:600; letter-spacing:-.024em; }
.brand__word{ font-weight:600; }
.card__name{ font-weight:600; }
.feature__lede,.collection__lede{ font-family:var(--sans); font-weight:300; }

@media (max-width:640px){
  .header{ padding:15px 18px; gap:10px; }
  .brand{ gap:9px; }
  .brand__mark{ width:25px; height:25px; }
  .brand__word{ font-size:13.5px; letter-spacing:2.5px; white-space:nowrap; }
  .btn--mini{ padding:8px 15px; font-size:10.5px; letter-spacing:1.5px; }
  .stage__intro{ top:clamp(80px,14vh,120px); }
  .stage__title{ font-size:clamp(44px,17vw,70px); line-height:.94; }
  .stage__kicker{ font-size:10px; letter-spacing:3.5px; }
  .cap__t{ font-size:clamp(23px,7.4vw,34px); }
  .cap{ bottom:clamp(72px,12vh,110px); }
  .feature{ padding:clamp(70px,16vw,90px) 22px clamp(56px,12vw,72px); }
  .feature__title{ font-size:clamp(30px,9.5vw,46px); line-height:1.02; }
  .collection__title,.process__title,.outro__title{ font-size:clamp(29px,8.8vw,44px); line-height:1.04; }
  .feature__lede,.collection__lede{ font-size:15px; }
  .specs li{ padding:14px 0; gap:14px; }
  .specs span{ font-size:10.5px; letter-spacing:1.5px; }
  .specs strong{ font-size:14.5px; }
  .feature__cta{ gap:18px; }
  .collection{ padding:clamp(64px,14vw,90px) 20px; }
  .outro__seal{ width:64px; }
  .legend{ gap:6px 14px; }
  .legend__t{ font-size:12.5px; }
}

/* ── caption legibility over the watch glare ── */
.caps::before{ content:""; position:absolute; left:0; right:0; bottom:0; height:48%; z-index:-1; pointer-events:none;
  background:linear-gradient(to top, rgba(0,0,0,.68) 0%, rgba(0,0,0,.34) 46%, transparent 100%); }
.cap__k{ text-shadow:0 2px 16px rgba(0,0,0,.95), 0 0 3px rgba(0,0,0,.8); }
.cap__t{ text-shadow:0 4px 34px rgba(0,0,0,.9), 0 1px 3px rgba(0,0,0,.7); }
.stage__kicker{ text-shadow:0 2px 14px rgba(0,0,0,.9); }

/* ══ v2: distinctive type + editorial borderless collection ══ */
:root{ --serif:"Playfair Display",Georgia,serif; }
.stage__title{ font-weight:800; letter-spacing:-.028em; }
.feature__title,.collection__title,.process__title,.outro__title{ font-weight:700; letter-spacing:-.02em; }
.cap__t{ font-weight:700; }
.card__name{ font-weight:600; }
em{ font-weight:600; font-style:italic; }
.brand__word{ font-weight:600; }

/* collection: watches float, no generic card boxes (auction-catalogue feel) */
.grid{ gap:clamp(38px,5vw,72px) clamp(24px,3vw,48px); }
.card{ background:none; border:none; border-radius:0; overflow:visible; }
.card:hover{ transform:translateY(-6px); border:none; box-shadow:none; }
.card.is-featured{ border:none; }
.card__art{ background:none; border-radius:0; aspect-ratio:1/1; }
.card__art::after,.card__art::before{ display:none !important; }
.card__photo{ object-fit:contain; border-radius:0; filter:drop-shadow(0 24px 40px rgba(0,0,0,.5)); }
.card:hover .card__photo{ transform:scale(1.05); }
.card--gallery .card__photo,.card--photo:not(.card--3d) .card__photo{ object-fit:contain; }
.card__badge{ position:absolute; top:6px; left:6px; z-index:3; background:none; border:none; backdrop-filter:none; padding:0; color:var(--muted); font-size:10px; letter-spacing:2.5px; font-weight:400; }
.card__body{ padding:20px 2px 0; text-align:center; }
.card__marque{ color:var(--muted-2); letter-spacing:3px; }
.card__name{ font-size:clamp(21px,2.4vw,27px); }
.card__spec{ color:var(--muted); }
.card__foot{ justify-content:center; gap:20px; border-top:1px solid var(--line); margin-top:16px; padding-top:16px; }
.card__price{ font-weight:500; }
.card__status{ display:none; }
.collection__head{ text-align:center; margin:0 auto clamp(48px,6vw,80px); max-width:640px; }
.collection__head .eyebrow{ display:none; }