@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&family=Vazirmatn:wght@300;400;500;600;700;800&display=swap');

:root {
  --ink: #100d13;
  --ink-2: #19131c;
  --ink-3: #28202c;
  --wine: #3a263d;
  --plum: #6d4a70;
  --violet: #b9a2d3;
  --violet-soft: #d8c9e5;
  --bone: #ece6dc;
  --paper: #f5f1e9;
  --stone: #cec5b8;
  --mist: #dcd4ca;
  --gold: #bfa77b;
  --text: #1b171b;
  --muted: #716a69;
  --line: rgba(33, 25, 34, .16);
  --line-light: rgba(255, 255, 255, .16);
  --success: #496e59;
  --warning: #bc763d;
  --white: #fffdfa;
  --container: min(1360px, calc(100vw - 72px));
  --space-1: 8px; --space-2: 14px; --space-3: 22px; --space-4: 34px; --space-5: 56px; --space-6: 88px; --space-7: 148px;
  --radius-sm: 3px; --radius-md: 8px; --radius-lg: 22px;
  --shadow-soft: 0 18px 48px rgba(22, 16, 22, .12);
  --shadow-deep: 0 34px 90px rgba(0, 0, 0, .44);
  --ease-standard: cubic-bezier(.2, .7, .2, 1);
  --ease-emphasis: cubic-bezier(.16, 1, .3, 1);
  --z-header: 20; --z-panel: 30; --z-modal: 40;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--paper); }
body { margin: 0; background: var(--paper); color: var(--text); font-family: Vazirmatn, Tahoma, sans-serif; font-size: 16px; line-height: 1.72; overflow-x: hidden; }
body.no-scroll { overflow: hidden; }
button, input, select { font: inherit; }
button, a, select { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
::selection { color: var(--paper); background: var(--plum); }
:focus-visible { outline: 2px solid var(--violet); outline-offset: 4px; }
.skip-link { position: fixed; z-index: 99; top: -80px; right: 20px; color: var(--ink); background: var(--paper); padding: 10px 16px; border: 1px solid var(--ink); transition: top .2s; }
.skip-link:focus { top: 12px; }

.cursor-glow { position: fixed; z-index: 0; left: 0; top: 0; width: 460px; height: 460px; opacity: 0; pointer-events: none; transform: translate(-50%, -50%); background: radial-gradient(circle, rgba(133, 92, 140, .15), rgba(133, 92, 140, 0) 67%); mix-blend-mode: multiply; transition: opacity .35s; }
body:hover .cursor-glow { opacity: 1; }
.scroll-progress { position: fixed; z-index: 55; right: 0; top: 0; left: 0; height: 2px; background: rgba(255,255,255,.1); mix-blend-mode: difference; pointer-events: none; }
.scroll-progress i { display: block; height: 100%; width: 0; background: var(--violet); transform-origin: right; }

/* Navigation */
.site-header { height: 86px; position: absolute; z-index: var(--z-header); top: 0; left: 50%; width: var(--container); transform: translateX(-50%); display: flex; align-items: center; justify-content: space-between; color: var(--paper); border-bottom: 1px solid rgba(255,255,255,.17); transition: height .45s var(--ease-standard), background .45s var(--ease-standard), color .45s var(--ease-standard), top .45s var(--ease-standard), border .45s; }
.site-header.is-scrolled { position: fixed; top: 13px; height: 59px; width: min(960px, calc(100vw - 42px)); padding: 0 18px; color: var(--text); background: rgba(245,241,233,.89); border: 1px solid rgba(33,25,34,.14); box-shadow: 0 12px 32px rgba(12,8,13,.13); backdrop-filter: blur(14px); }
.brand { display: inline-flex; align-items: center; gap: 11px; flex-shrink: 0; }
.brand-mark { position: relative; display: block; width: 27px; height: 27px; border: 1px solid currentColor; transform: rotate(45deg); }
.brand-mark i { position: absolute; display: block; background: currentColor; }
.brand-mark i:first-child { width: 1px; height: 39px; top: -7px; left: 12px; }
.brand-mark i:nth-child(2) { width: 39px; height: 1px; top: 12px; right: -7px; }
.brand-type { display: flex; gap: 7px; align-items: flex-start; line-height: 1; }
.brand-type strong { font-size: 21px; font-weight: 700; letter-spacing: -1px; }
.brand-type em { margin-top: 3px; font: 500 8px/1 DM Mono, monospace; font-style: normal; letter-spacing: 1px; opacity: .72; }
.desktop-nav { display: flex; align-items: center; gap: clamp(17px, 2vw, 34px); margin-right: 8vw; }
.desktop-nav a { position: relative; display: flex; gap: 7px; align-items: center; color: rgba(245,241,233,.8); font-size: 12px; transition: color .25s; }
.site-header.is-scrolled .desktop-nav a { color: var(--muted); }
.desktop-nav a span { font: 9px DM Mono, monospace; color: var(--violet); opacity: .8; }
.desktop-nav a:after { content: ""; position: absolute; right: 0; bottom: -9px; width: 100%; height: 1px; background: currentColor; transform: scaleX(0); transform-origin: right; transition: transform .35s var(--ease-emphasis); }
.desktop-nav a:hover,.desktop-nav a.is-active { color: var(--white); }.site-header.is-scrolled .desktop-nav a:hover,.site-header.is-scrolled .desktop-nav a.is-active { color: var(--text); }.desktop-nav a:hover:after,.desktop-nav a.is-active:after { transform: scaleX(1); }
.header-actions { display: flex; gap: 7px; align-items: center; direction: ltr; }
.icon-button, .menu-button, .close-button { position: relative; display: grid; place-items: center; border: 0; color: inherit; background: none; }
.icon-button { width: 36px; height: 36px; }.icon-button svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.4; }
.counter { position: absolute; top: 1px; left: 0; display: grid; width: 14px; height: 14px; border-radius: 50%; color: var(--ink); background: var(--violet); font: 8px/1 DM Mono,monospace; }
.bag-button { display: flex; min-width: 106px; justify-content: space-between; gap: 12px; padding: 8px 10px; border: 1px solid rgba(255,255,255,.45); color: var(--paper); background: transparent; font-size: 11px; transition: color .3s, background .3s, transform .3s var(--ease-standard); }
.bag-button:hover { color: var(--ink); background: var(--paper); transform: translateY(-1px); }.site-header.is-scrolled .bag-button { color: var(--text); border-color: var(--line); }.site-header.is-scrolled .bag-button:hover { color: var(--paper); background: var(--ink); }.bag-button b { font: 500 10px DM Mono,monospace; }
.menu-button { display: none; width: 39px; height: 36px; padding: 0; align-content: center; gap: 5px; justify-items: end; }.menu-button span { width: 21px; height: 1px; background: currentColor; transition: .3s; }.menu-button span:nth-child(2) { width: 14px; }.menu-button i { display: none; }

.mobile-menu { position: fixed; z-index: 19; inset: 0; top: -110%; overflow: hidden; color: var(--paper); background: var(--ink); padding: 118px 28px 34px; visibility: hidden; transition: top .7s var(--ease-emphasis), visibility .7s; }
.mobile-menu.open { top: 0; visibility: visible; }.mobile-menu:after { content:""; position: absolute; right: -25%; bottom: -18%; width: 90vw; aspect-ratio: 1; border: 1px solid rgba(255,255,255,.16); border-radius: 50%; }.menu-orbit { position:absolute; top: 10%; left: -18px; color: rgba(185,162,211,.2); font: 200 230px/.8 Manrope,sans-serif; }.mobile-menu nav { position: relative; z-index: 2; display: grid; }.mobile-menu a { display: grid; grid-template-columns: 28px 1fr 22px; align-items: baseline; gap: 10px; padding: 13px 0; border-bottom: 1px solid rgba(255,255,255,.15); font-size: clamp(27px,8vw,45px); font-weight: 300; line-height: 1.3; }.mobile-menu a span { font: 10px DM Mono,monospace; color: var(--violet); }.mobile-menu a i { color: var(--violet); font: 18px Manrope,sans-serif; font-style: normal; text-align: left; }.mobile-menu>p { position: relative; z-index: 2; max-width: 180px; margin-top: 38px; color: rgba(245,241,233,.55); font-size: 12px; }

/* Base components */
.section { position: relative; padding: var(--space-7) max(36px, calc((100vw - 1360px) / 2)); }
.eyebrow { display: flex; gap: 9px; align-items: center; margin: 0 0 17px; color: var(--muted); font: 500 10px/1.4 DM Mono,Vazirmatn,sans-serif; letter-spacing: .35px; }.eyebrow span { display: inline-block; width: 23px; height: 1px; background: currentColor; }.eyebrow.pale { color: rgba(245,241,233,.65); }
.button { display: inline-flex; min-height: 47px; align-items: center; justify-content: center; gap: 26px; padding: 12px 16px; border: 1px solid transparent; font-size: 12px; transition: transform .3s var(--ease-standard), color .3s, background .3s, border .3s; }.button:hover { transform: translateY(-3px); }.button:active { transform: translateY(0); }.button span { font: 18px/1 Manrope,sans-serif; }.button-primary, .button-light { color: var(--ink); background: var(--paper); }.button-primary:hover, .button-light:hover { color: var(--ink); background: var(--violet); }.button-ghost { border-color: rgba(255,255,255,.45); color: var(--paper); background: transparent; }.button-ghost:hover { border-color: var(--violet); background: var(--violet); color: var(--ink); }.button.full { width: 100%; }
.text-link, .arrow-link { position: relative; display: inline-flex; gap: 10px; align-items: center; padding: 0; border: 0; color: inherit; background: none; font-size: 12px; }.text-link:after, .arrow-link:after { content:""; position:absolute; right:0; bottom:-5px; width:100%; height:1px; background:currentColor; transform-origin:right; transition:transform .3s var(--ease-standard); }.text-link:hover:after, .arrow-link:hover:after { transform:scaleX(.32); }.text-link span, .arrow-link span { font: 17px/1 Manrope,sans-serif; }
.section-kicker { display: flex; align-items: center; gap: 12px; color: var(--muted); font: 10px DM Mono,monospace; letter-spacing: .25px; }.section-kicker i { width: 28px; height: 1px; background: currentColor; }.section-kicker small { font: 11px Vazirmatn,sans-serif; letter-spacing: 0; }

/* Hero: the watch as an astronomical object */
.hero { position: relative; isolation: isolate; min-height: 820px; height: max(820px, 100svh); overflow: hidden; color: var(--paper); background: var(--ink); }
.hero:before { content:""; position:absolute; z-index:-3; inset:0; background: radial-gradient(ellipse at 68% 48%, rgba(126,83,129,.23), transparent 29%), radial-gradient(ellipse at 25% 90%, rgba(178,149,94,.11), transparent 26%), linear-gradient(115deg, #100d13 6%, #17111a 65%, #0e0b10); }
.hero-grain, .atelier-noise { position: absolute; inset: 0; z-index: -1; opacity: .19; pointer-events: none; background-image: repeating-radial-gradient(circle at 17% 29%, rgba(255,255,255,.22) 0 1px, transparent 1px 3px); background-size: 7px 7px; mix-blend-mode: soft-light; }
.hero-grid { position: absolute; z-index: -1; inset: 0 max(36px,calc((100vw - 1360px)/2)); display: grid; grid-template-columns: repeat(5,1fr); pointer-events: none; }.hero-grid i { border-left: 1px solid rgba(255,255,255,.06); }.hero-grid i:last-child { border-left: 0; border-right: 1px solid rgba(255,255,255,.06); }
.hero-side-note { position: absolute; top: 48%; right: max(16px,calc((100vw - 1480px)/2)); z-index: 3; margin: 0; color: rgba(245,241,233,.48); font: 9px/1.7 DM Mono,monospace; letter-spacing: .8px; writing-mode: vertical-rl; }.hero-side-note span { color: var(--violet); }
.hero-meta { position: absolute; z-index: 5; top: 124px; left: max(36px,calc((100vw - 1360px)/2)); color: rgba(245,241,233,.62); font: 10px DM Mono,monospace; letter-spacing: 1.2px; direction:ltr; }.hero-meta span { padding: 0 6px; color: var(--violet); }
.hero-image-wrap { position: absolute; z-index: 1; top: 8%; bottom: -8%; left: 7%; width: min(78%, 1130px); display: grid; align-items: center; justify-items: center; }.hero-image-wrap:before { content:""; position:absolute; width: 75%; aspect-ratio:1; border:1px solid rgba(255,255,255,.13); border-radius:50%; transform: rotate(-22deg); }.hero-image-wrap:after { content:""; position:absolute; inset:0; background: linear-gradient(90deg, var(--ink) 0%, transparent 20%, transparent 75%, var(--ink) 100%), linear-gradient(0deg, var(--ink) 0%, transparent 16%, transparent 82%, var(--ink) 100%); pointer-events:none; }.hero-image-wrap img { width: 113%; max-width: none; transform: translate(-1%,2%) scale(1.13); mix-blend-mode: screen; filter: contrast(1.05) saturate(.87); }
.hero-dial { position:absolute; z-index:0; border: 1px solid rgba(255,255,255,.19); border-radius:50%; pointer-events: none; }.hero-dial-a { width: min(53vw,760px); aspect-ratio:1; top: -24%; left: 34%; }.hero-dial-a:before, .hero-dial-a:after { content:""; position:absolute; border: 1px solid rgba(255,255,255,.1); border-radius:50%; inset: 13%; }.hero-dial-a:after { inset:29%; }.hero-dial-a b { position:absolute; right:50%; top:2%; color: rgba(245,241,233,.35); font: 9px DM Mono,monospace; transform: translateX(50%); }.hero-dial-a i { position:absolute; width:1px; height:20px; top:-1px; right:50%; background: rgba(245,241,233,.45); transform-origin: 50% calc(min(53vw,760px) / 2); }.hero-dial-a i:nth-of-type(1) { transform:rotate(90deg); }.hero-dial-a i:nth-of-type(2) { transform:rotate(180deg); }.hero-dial-a i:nth-of-type(3) { transform:rotate(270deg); }.hero-dial-b { width: 31vw; aspect-ratio:1; bottom:-19%; right:-8%; border-color:rgba(185,162,211,.25); }
.hero-copy { position:absolute; z-index:4; top: 20%; right: max(36px,calc((100vw - 1360px)/2)); left: max(36px,calc((100vw - 1360px)/2)); }.hero-copy .eyebrow { margin-right: 7.5%; }.hero h1 { position:relative; margin: 0; color: var(--paper); font-size: clamp(72px, 11.3vw, 172px); font-weight: 300; line-height: .77; letter-spacing: -.1em; pointer-events:none; }.hero h1 span { display:block; }.hero h1 span:first-child { padding-right: 3%; }.hero h1 em { display:block; padding-right: 32%; color: var(--violet); font-style:normal; }.hero h1 span:last-child { padding-right: 13%; }.hero-bottom-copy { display:flex; gap: 40px; align-items:end; width:min(545px,48%); margin-top: 42px; margin-right: 8%; }.hero-bottom-copy>p { max-width: 215px; margin:0; color:rgba(245,241,233,.65); font-size:12px; line-height:2; }.hero-cta { display:flex; gap:23px; align-items:center; flex-wrap:wrap; }.hero-cta .text-link { color:rgba(245,241,233,.9); white-space:nowrap; }.hero-measure { position:absolute; z-index:5; bottom: 40px; right:max(36px,calc((100vw - 1360px)/2)); display:flex; gap:10px; align-items:center; color:rgba(245,241,233,.48); font:10px DM Mono,monospace; direction:ltr; }.hero-measure b { color:var(--paper); font-weight:400; }.hero-measure i { width:92px; height:1px; background:linear-gradient(90deg,var(--violet) 20%,rgba(255,255,255,.2) 20%); }.hero-caption { position:absolute; z-index:5; left:max(36px,calc((100vw - 1360px)/2)); bottom: 39px; display:flex; gap:10px; align-items:flex-start; color:rgba(245,241,233,.62); font-size:11px; line-height:1.8; }.hero-caption p { margin:0; }.hero-caption .line { width:30px; height:1px; margin-top:9px; background:var(--violet); }.scroll-cue { position:absolute; z-index:5; bottom:35px; left:50%; display:flex; gap:9px; align-items:center; color:rgba(245,241,233,.52); font:9px DM Mono,monospace; letter-spacing:.8px; transform:translateX(-50%); }.scroll-cue span { display:block; width:1px; height:35px; background:linear-gradient(var(--violet),transparent); }.scroll-cue i { color:var(--violet); font:16px/1 Manrope,sans-serif; font-style:normal; transition:transform .3s; }.scroll-cue:hover i { transform:translateY(4px); }
.hero-reveal { animation: heroIn 1.25s var(--ease-emphasis) both; }@keyframes heroIn { from { opacity:0; transform:translateY(26px) scale(.99); } to { opacity:1; transform:none; } }

/* Manifesto */
.manifesto { overflow:hidden; background: var(--paper); }.manifesto:before { content:""; position:absolute; left:-10%; bottom:-40%; width:55vw; aspect-ratio:1; border:1px solid rgba(72,46,73,.09); border-radius:50%; }.manifesto-vertical { position:absolute; top:125px; left:18px; color:rgba(59,42,59,.22); font:9px DM Mono,monospace; letter-spacing:1.2px; writing-mode:vertical-rl; transform:rotate(180deg); }.manifesto-layout { display:grid; grid-template-columns:1.1fr .44fr .46fr; gap:5%; align-items:end; margin-top:80px; }.manifesto h2, .collection-heading h2, .gallery-top h2, .atelier h2, .comparison h2, .promise h2, .journal h2, .newsletter h2, .calibre-caption h2 { margin:0; font-weight:300; line-height:.95; letter-spacing:-.075em; }.manifesto h2 { position:relative; z-index:1; font-size:clamp(49px,6vw,94px); }.manifesto h2 em, .collection-heading h2 em, .gallery-top h2 em, .atelier h2 em, .comparison h2 em, .journal h2 em, .newsletter h2 em, .calibre-caption h2 em { color:var(--plum); font-style:normal; }.manifesto-note { position:relative; z-index:2; padding-bottom:8px; }.note-index { display:block; margin-bottom:14px; color:var(--plum); font:9px DM Mono,monospace; }.manifesto-note p { margin:0 0 24px; color:#504950; font-size:14px; line-height:2.05; }.manifesto-object { position:relative; min-height:315px; display:grid; place-items:center; }.object-orbit { position:absolute; border:1px solid rgba(49,33,50,.25); border-radius:50%; }.o1 { width:255px; height:255px; }.o2 { width:315px; height:153px; transform:rotate(-32deg); }.object-core { position:relative; display:grid; width:142px; height:142px; place-items:center; border:1px solid var(--plum); border-radius:50%; color:var(--plum); background:radial-gradient(circle at 35% 35%,#fffdf8,#ded2df); box-shadow:0 18px 35px rgba(63,45,64,.17); }.object-core:before,.object-core:after { content:""; position:absolute; border:1px solid rgba(109,74,112,.36); border-radius:50%; }.object-core:before { inset:15px; }.object-core:after { inset:35px; }.object-core span { font:200 82px/.8 Manrope,sans-serif; transform:translateY(-5px); }.object-core i { position:absolute; right:50%; top:-9px; width:1px; height:17px; background:var(--plum); transform-origin:50% 80px; }.object-core i:nth-of-type(2){transform:rotate(90deg)}.object-core i:nth-of-type(3){transform:rotate(180deg)}.object-core i:nth-of-type(4){transform:rotate(270deg)}.manifesto-object>b { position:absolute; bottom:18px; left:4%; color:var(--muted); font:10px DM Mono,monospace; }.manifesto-stats { display:grid; grid-template-columns:repeat(3,1fr); margin-top:92px; border-top:1px solid var(--line); }.manifesto-stats>div { display:flex; gap:13px; padding:17px 0; border-left:1px solid var(--line); }.manifesto-stats>div:last-child { border:0; }.manifesto-stats span { color:var(--plum); font:10px DM Mono,monospace; }.manifesto-stats p { margin:0; color:var(--muted); font-size:11px; }.manifesto-stats b { color:var(--text); font-weight:600; }

/* Collections */
.collection-intro { position:relative; overflow:hidden; padding:110px max(36px,calc((100vw - 1360px)/2)) 0; color:var(--paper); background:var(--ink-2); }.collection-intro:after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size:25% 100%; opacity:.6; }.collection-intro .section-kicker { position:relative; z-index:1; color:rgba(245,241,233,.57); }.collection-backdrop { position:absolute; z-index:0; top:28px; left:3%; color:rgba(185,162,211,.08); font:200 clamp(150px,25vw,400px)/.8 Manrope,sans-serif; letter-spacing:-.14em; }.collection-heading { position:relative; z-index:1; display:grid; grid-template-columns:1fr .4fr; gap:9%; align-items:end; margin:74px 0 50px; }.collection-heading h2 { font-size:clamp(51px,6.7vw,103px); }.collection-heading h2 em { color:var(--violet); }.collection-heading p { max-width:340px; margin:0 0 8px; color:rgba(245,241,233,.6); font-size:13px; line-height:2.05; }.collection-rails { position:relative; z-index:1; display:grid; grid-template-columns:1.45fr 1fr 1fr 1fr; margin:0 calc((100vw - min(1360px, calc(100vw - 72px)))/2); min-width:max-content; }.collection-card { position:relative; height:255px; overflow:hidden; padding:23px; border:1px solid rgba(255,255,255,.15); border-bottom:0; border-right:0; color:rgba(245,241,233,.75); background:transparent; text-align:right; transition:color .5s var(--ease-standard), background .5s var(--ease-standard); }.collection-card:last-child { border-right:1px solid rgba(255,255,255,.15); }.collection-card .card-number { display:block; margin-bottom:47px; color:var(--violet); font:10px DM Mono,monospace; }.collection-card>span:not(.card-number) { position:relative; z-index:2; display:block; font-size:17px; font-weight:400; }.collection-card b { position:absolute; z-index:2; bottom:20px; left:20px; color:rgba(245,241,233,.44); font:9px DM Mono,monospace; font-weight:400; }.collection-card:before { content:""; position:absolute; z-index:0; width:250px; height:250px; bottom:-280px; left:-45px; border:1px solid rgba(245,241,233,.27); border-radius:50%; transition:bottom .6s var(--ease-emphasis), left .6s var(--ease-emphasis); }.collection-card:after { content:""; position:absolute; z-index:-1; inset:0; background:radial-gradient(circle at 25% 100%,rgba(152,110,154,.55),transparent 53%); opacity:0; transition:opacity .55s; }.collection-card:hover,.collection-card.active { color:var(--paper); background:#34233a; }.collection-card:hover:before,.collection-card.active:before { bottom:-93px; left:8%; }.collection-card:hover:after,.collection-card.active:after{opacity:1}.collection-card:hover b,.collection-card.active b { color:var(--violet); }.collection-orbit { position:absolute; z-index:1; border:1px solid rgba(255,255,255,.48); border-radius:50%; opacity:0; transition:opacity .35s; }.collection-card.active .collection-orbit,.collection-card:hover .collection-orbit { opacity:1; }.orbit-all{width:180px;height:180px;bottom:-68px;left:30%;}.orbit-sport{width:130px;height:100px;transform:rotate(-30deg);bottom:-35px;left:31%}.orbit-dress{width:82px;height:180px;bottom:-60px;left:38%}.orbit-mechanical{width:135px;height:135px;bottom:-50px;left:33%}

/* Macro image break */
.calibre-window { position:relative; min-height:720px; overflow:hidden; color:var(--paper); background:var(--ink); }.calibre-photo { position:absolute; inset:0; margin:0; }.calibre-photo:after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(11,8,12,.94) 0%,rgba(11,8,12,.37) 43%,rgba(11,8,12,.72) 100%),linear-gradient(0deg,rgba(11,8,12,.65),transparent 45%); }.calibre-photo img { width:100%; height:100%; object-fit:cover; object-position:center; filter:saturate(.65) contrast(1.1); }.calibre-photo figcaption { position:absolute; z-index:1; left:max(36px,calc((100vw - 1360px)/2)); bottom:31px; color:rgba(245,241,233,.5); font:9px DM Mono,monospace; letter-spacing:1.2px; }.calibre-caption { position:relative; z-index:2; width:min(640px,65%); padding:142px max(36px,calc((100vw - 1360px)/2)); }.calibre-caption h2 { font-size:clamp(48px,6vw,96px); }.calibre-caption h2 em { color:var(--violet); }.calibre-caption>p:not(.eyebrow) { max-width:310px; margin:28px 0; color:rgba(245,241,233,.65); font-size:14px; }.calibre-stamp { position:absolute; z-index:2; top:51%; left:max(36px,calc((100vw - 1360px)/2)); display:grid; width:116px; height:116px; place-content:center; border:1px solid rgba(245,241,233,.42); border-radius:50%; color:rgba(245,241,233,.83); font:500 12px/1.1 Manrope,sans-serif; letter-spacing:2px; text-align:center; transform:rotate(-12deg); }.calibre-stamp span { margin-top:4px; font:7px/1.3 DM Mono,monospace; letter-spacing:.8px; }

/* Product archive */
.product-gallery { overflow:hidden; background:var(--paper); }.archive-ruler { display:flex; gap:13px; align-items:center; justify-content:flex-start; margin-bottom:56px; color:var(--muted); font:9px DM Mono,monospace; letter-spacing:1px; direction:ltr; }.archive-ruler i { display:block; width:55px; height:1px; background:var(--plum); }.archive-ruler i:last-child { width:calc(100% - 180px); background:var(--line); }.gallery-top { display:grid; grid-template-columns:.9fr .55fr; gap:15%; align-items:end; margin-bottom:47px; }.gallery-top h2 { font-size:clamp(44px,5.5vw,86px); }.gallery-top h2 em { color:var(--plum); }.gallery-aside { padding-bottom:7px; }.gallery-aside>p { max-width:320px; margin:0 0 24px; color:var(--muted); font-size:13px; line-height:1.95; }.gallery-controls { display:flex; gap:10px; align-items:center; }.filter-select { display:flex; gap:8px; align-items:center; min-width:165px; padding:0 0 7px; border-bottom:1px solid var(--line); color:var(--muted); font-size:10px; }.filter-select select { min-width:0; border:0; outline:0; color:var(--text); background:transparent; direction:rtl; font-size:10px; cursor:pointer; }.filter-button { display:flex; gap:7px; align-items:center; padding:8px 11px; border:1px solid var(--line); color:var(--text); background:transparent; font-size:11px; transition:color .25s,background .25s,border .25s; }.filter-button:hover { border-color:var(--plum); color:var(--paper); background:var(--plum); }.filter-button svg { width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:1.4; }.filter-button b { display:none; width:16px; height:16px; border-radius:50%; color:var(--paper); background:var(--plum); font:9px/16px DM Mono,monospace; }.filter-button:hover b { background:var(--paper); color:var(--plum); }.filter-button b.show { display:inline-block; }.active-filters { display:flex; flex-wrap:wrap; gap:7px; min-height:0; margin-bottom:0; }.active-filters:not(:empty) { margin:-24px 0 28px; }.filter-chip { display:inline-flex; gap:5px; align-items:center; padding:4px 8px; border:1px solid var(--line); background:var(--bone); font-size:10px; }.filter-chip button { padding:0; border:0; color:var(--plum); background:transparent; font-size:14px; line-height:1; }
.products-grid { display:grid; grid-template-columns:repeat(12,1fr); gap:52px 20px; align-items:start; }.product-card { position:relative; grid-column:span 3; min-width:0; }.product-card:nth-child(1) { grid-column:span 6; }.product-card:nth-child(1) .product-visual { aspect-ratio:1.5/1; }.product-card:nth-child(1) .product-watch { width:39%; height:92%; }.product-card:nth-child(1) .product-info { display:grid; grid-template-columns:1fr 1fr; align-items:start; gap:12px; }.product-card:nth-child(1) .product-info-top { grid-column:1; }.product-card:nth-child(1) .product-meta { grid-column:2; grid-row:1; margin:0; padding-top:2px; }.product-card:nth-child(1) .product-tools { grid-column:1/-1; margin-top:0; }.product-card:nth-child(4) { grid-column:span 6; margin-top:52px; }.product-card:nth-child(4) .product-visual { aspect-ratio:1.45/1; }.product-card:nth-child(4) .product-watch { width:40%; height:92%; }.product-visual { position:relative; display:grid; aspect-ratio:1/1.12; overflow:hidden; isolation:isolate; place-items:center; background:linear-gradient(145deg,#ded8d0,#c7bdb1); border:1px solid rgba(37,27,37,.1); }.product-visual:before { content:""; position:absolute; width:72%; aspect-ratio:1; border:1px solid rgba(41,32,43,.23); border-radius:50%; background:var(--product-glow,rgba(86,60,82,.25)); box-shadow:0 0 48px var(--product-glow,rgba(86,60,82,.25)); transform:translateY(8%); }.product-visual:after { content:""; position:absolute; inset:0; background:linear-gradient(115deg,rgba(255,255,255,.45),transparent 30%,rgba(20,16,20,.12)),repeating-linear-gradient(90deg,transparent 0 17%,rgba(33,25,34,.05) 17.1% 17.35%); pointer-events:none; }.product-visual:hover:before { transform:translateY(3%) scale(1.05); }.product-watch { position:relative; z-index:1; width:65%; height:78%; transform:rotate(var(--watch-angle,-12deg)) scale(.94); transition:transform .8s var(--ease-emphasis); }.product-card:hover .product-watch { transform:rotate(3deg) scale(1.06); }.mini-strap { position:absolute; top:-1%; left:34%; width:32%; height:102%; border-radius:19px; box-shadow:inset 5px 0 6px rgba(255,255,255,.12),inset -4px 0 5px rgba(0,0,0,.5); }.mini-case { position:absolute; top:19%; left:4.5%; width:91%; aspect-ratio:1; border-radius:50%; background:linear-gradient(135deg,#3c3a40,#b3b0af 13%,#26242a 31%,#98989e 58%,#222127 78%); box-shadow:0 15px 21px rgba(19,16,19,.34),inset 2px 3px 4px rgba(255,255,255,.5); }.mini-case:before { content:""; position:absolute; inset:7%; border:3px solid #302e35; border-radius:50%; background:var(--dial,#1c1a22); box-shadow:inset 0 0 22px rgba(255,255,255,.08),inset 2px 3px 7px rgba(0,0,0,.6); }.mini-case:after { content:""; position:absolute; z-index:-1; top:39%; right:-8%; width:14%; height:23%; border-radius:0 5px 5px 0; background:#57545e; }.mini-dial { position:absolute; z-index:2; inset:13%; border-radius:50%; }.mini-dial span { position:absolute; top:2%; right:50%; width:2px; height:10%; opacity:.75; background:var(--indices,#ddd4c9); transform-origin:50% 470%; }.mini-dial span:nth-child(2){transform:rotate(90deg)}.mini-dial span:nth-child(3){transform:rotate(180deg)}.mini-dial span:nth-child(4){transform:rotate(270deg)}.mini-dial b,.mini-dial i { position:absolute; z-index:2; right:50%; bottom:50%; display:block; height:1px; background:var(--indices,#ddd4c9); transform-origin:right; }.mini-dial b { width:36%; transform:rotate(21deg); }.mini-dial i { width:25%; opacity:.8; transform:rotate(132deg); }.mini-dial:after { content:"ORYA"; position:absolute; top:28%; width:100%; color:var(--indices,#ddd4c9); font:6px Manrope,sans-serif; letter-spacing:1.5px; text-align:center; }.quick-button { position:absolute; z-index:3; right:14px; bottom:13px; padding:7px 10px; border:0; color:var(--paper); background:var(--ink); font-size:10px; opacity:0; transform:translateY(8px); transition:.35s var(--ease-standard); }.product-card:hover .quick-button,.product-card:focus-within .quick-button { opacity:1; transform:none; }.quick-button:hover { color:var(--ink); background:var(--violet); }.wish-button { position:absolute; z-index:3; top:11px; left:11px; display:grid; width:32px; height:32px; place-items:center; border:1px solid rgba(34,25,35,.12); border-radius:50%; color:var(--text); background:rgba(245,241,233,.72); backdrop-filter:blur(4px); transition:.28s var(--ease-standard); }.wish-button:hover { transform:scale(1.08); }.wish-button svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.5; }.wish-button.active { color:var(--paper); background:var(--ink); }.wish-button.active svg { fill:var(--violet); stroke:var(--violet); }.product-info { padding:14px 2px 0; }.product-info-top { display:flex; gap:10px; align-items:baseline; justify-content:space-between; }.product-info h3 { margin:0; font-size:15px; font-weight:600; line-height:1.4; }.product-rating { color:var(--muted); font:9px DM Mono,monospace; white-space:nowrap; }.product-meta { display:flex; gap:10px; align-items:center; justify-content:space-between; margin-top:5px; }.product-meta p { overflow:hidden; margin:0; color:var(--muted); font-size:10px; text-overflow:ellipsis; white-space:nowrap; }.product-price { color:var(--text); font:500 11px Manrope,Vazirmatn,sans-serif; white-space:nowrap; }.product-price del { margin-right:4px; color:var(--muted); font-size:9px; }.product-tools { display:flex; gap:12px; margin-top:10px; }.add-cart-inline,.compare-inline { position:relative; padding:0; border:0; color:var(--plum); background:none; font-size:10px; }.add-cart-inline:after,.compare-inline:after { content:""; position:absolute; bottom:-3px; left:0; width:100%; height:1px; background:currentColor; transform-origin:right; transition:transform .25s; }.add-cart-inline:hover:after,.compare-inline:hover:after { transform:scaleX(.35); }.compare-inline { color:var(--muted); }.compare-inline.selected { color:var(--plum); font-weight:700; }.empty-results { grid-column:1/-1; padding:90px 0; color:var(--muted); text-align:center; }.load-more { display:flex; gap:15px; align-items:center; margin:70px auto 0; padding:0 0 7px; border:0; border-bottom:1px solid var(--text); background:transparent; font-size:12px; }.load-more i { color:var(--plum); font:20px/1 Manrope,sans-serif; font-style:normal; transition:transform .25s; }.load-more:hover i { transform:translateY(5px); }

/* Atelier */
.atelier { overflow:hidden; color:var(--paper); background:var(--ink); }.atelier:before { content:""; position:absolute; inset:0; z-index:0; background:radial-gradient(circle at 50% 53%,rgba(130,87,135,.22),transparent 27%),linear-gradient(90deg,transparent,rgba(255,255,255,.025),transparent); }.atelier-header { position:relative; z-index:1; display:grid; grid-template-columns:1fr .47fr; gap:13%; align-items:end; }.atelier h2 { font-size:clamp(51px,6.3vw,99px); }.atelier h2 em { color:var(--violet); }.atelier-header>p { max-width:340px; margin:0 0 7px; color:rgba(245,241,233,.61); font-size:13px; line-height:2; }.atelier-console { position:relative; z-index:1; display:grid; grid-template-columns:.73fr 1.6fr .73fr; min-height:600px; margin-top:64px; border-top:1px solid var(--line-light); border-bottom:1px solid var(--line-light); }.atelier-specs { align-self:start; padding-top:24px; color:rgba(245,241,233,.52); font-size:11px; line-height:1.9; }.atelier-specs span { color:var(--violet); font:10px DM Mono,monospace; }.atelier-specs b { display:block; margin-top:7px; color:var(--paper); font-size:13px; font-weight:500; }.atelier-specs p { margin:3px 0; }.atelier-specs small { color:rgba(245,241,233,.35); font:8px DM Mono,monospace; letter-spacing:.8px; }.spec-line { display:block; width:38px; height:1px; margin:22px 0 12px; background:var(--violet); }.watch-plinth { position:relative; display:grid; min-height:600px; overflow:hidden; place-items:center; perspective:1000px; }.plinth-rings { position:absolute; inset:0; display:grid; place-items:center; }.plinth-rings i { position:absolute; width:440px; height:160px; border:1px solid rgba(245,241,233,.13); border-radius:50%; transform:rotate(-18deg); }.plinth-rings i:nth-child(2) { width:330px; height:330px; border-color:rgba(185,162,211,.2); }.plinth-rings i:nth-child(3) { width:600px; height:600px; border-color:rgba(245,241,233,.06); }.halo { position:absolute; width:440px; height:440px; border-radius:50%; background:radial-gradient(circle,rgba(157,116,158,.28),rgba(157,116,158,0) 64%); filter:blur(5px); }.watch-3d { position:relative; z-index:2; width:250px; height:440px; filter:drop-shadow(0 30px 20px rgba(0,0,0,.55)); transform:rotateY(-8deg) rotateX(3deg); transform-style:preserve-3d; transition:transform .15s linear; }.strap { position:absolute; z-index:0; right:72px; width:106px; background:linear-gradient(90deg,#1d1b20,#08080a 50%,#4b464d); box-shadow:inset 4px 0 6px rgba(255,255,255,.13),inset -4px 0 7px rgba(0,0,0,.5); transition:background .4s; }.strap-top { top:-4px; height:175px; border-radius:40px 40px 11px 11px; }.strap-bottom { bottom:-4px; height:175px; border-radius:11px 11px 40px 40px; }.case { position:absolute; z-index:3; top:98px; right:2px; width:245px; height:245px; border-radius:50%; background:linear-gradient(132deg,#585661 0%,#dddce0 8%,#35343c 22%,#bfc0c5 53%,#37353d 76%,#81818a); box-shadow:0 16px 20px rgba(0,0,0,.52),inset 3px 5px 4px rgba(255,255,255,.6),inset -3px -3px 4px rgba(0,0,0,.45); }.bezel { position:absolute; inset:10px; display:grid; border-radius:50%; place-items:center; background:linear-gradient(135deg,#2a2930,#a5a5ae 20%,#1f1d24 45%,#8c8b95 74%,#212027); }.dial { position:relative; width:205px; height:205px; overflow:hidden; border:3px solid #212027; border-radius:50%; background:radial-gradient(circle at 35% 30%,#48434d,#17151c 65%); box-shadow:inset 0 0 23px rgba(0,0,0,.9),inset 1px 2px 9px rgba(255,255,255,.2); transition:background .4s; }.dial:after { content:""; position:absolute; top:20%; right:-65%; width:220%; height:17%; background:rgba(255,255,255,.13); filter:blur(6px); transform:rotate(-36deg); }.mark { position:absolute; top:8px; right:50%; display:block; width:2px; height:13px; background:#e1ddd6; box-shadow:0 0 4px rgba(255,255,255,.4); transform-origin:1px 94px; }.m3{transform:rotate(90deg)}.m6{transform:rotate(180deg)}.m9{transform:rotate(270deg)}.dial-logo,.dial-sub { position:absolute; z-index:2; right:0; width:100%; color:#e1ddd6; text-align:center; }.dial-logo { top:61px; font:500 15px Manrope,sans-serif; letter-spacing:5px; }.dial-sub { top:85px; color:var(--violet); font:7px DM Mono,monospace; letter-spacing:1.5px; }.hands { position:absolute; z-index:3; inset:0; }.hands i { position:absolute; right:50%; bottom:50%; height:2px; background:#e8e0d8; transform-origin:right; }.hands .hour { width:39px; transform:rotate(40deg); }.hands .minute { width:59px; height:1px; transform:rotate(142deg); }.hands .second { width:68px; height:1px; background:var(--violet); transform:rotate(282deg); }.hands b { position:absolute; right:calc(50% - 4px); bottom:calc(50% - 4px); width:8px; height:8px; border-radius:50%; background:#e8e0d8; }.date-window { position:absolute; z-index:2; top:92px; right:15px; padding:1px 4px; color:#1d1a20; background:#dfd8d0; font:8px DM Mono,monospace; }.crown { position:absolute; z-index:-1; top:100px; left:-13px; width:26px; height:45px; border-radius:6px; background:repeating-linear-gradient(90deg,#6a6870,#6a6870 2px,#303039 2px,#303039 4px); }.drag-label { position:absolute; bottom:22px; color:rgba(245,241,233,.44); font:9px DM Mono,monospace; letter-spacing:.5px; }.drag-label i { padding-right:8px; font:16px Manrope,sans-serif; font-style:normal; }.atelier-controls { align-self:stretch; display:flex; flex-direction:column; justify-content:center; gap:27px; padding:27px 0; }.atelier-controls fieldset { margin:0; padding:0; border:0; }.atelier-controls legend { margin-bottom:9px; color:rgba(245,241,233,.52); font-size:11px; }.swatches { display:flex; gap:9px; }.swatch { position:relative; width:25px; height:25px; border:1px solid transparent; border-radius:50%; }.swatch:after { content:""; position:absolute; inset:4px; border:1px solid rgba(255,255,255,.32); border-radius:50%; }.swatch.selected { border-color:var(--paper); }.s-ink{background:#1d1a22}.s-plum{background:#4e2947}.s-ivory{background:#d9d0c3}.segmented { display:flex; width:max-content; border-bottom:1px solid rgba(255,255,255,.18); }.segmented button { position:relative; margin-left:18px; padding:0 0 7px; border:0; color:rgba(245,241,233,.45); background:none; font-size:12px; }.segmented button:first-child { margin-left:0; }.segmented button.selected { color:var(--paper); }.segmented button.selected:after { content:""; position:absolute; right:0; bottom:-1px; left:0; height:1px; background:var(--violet); }.rotate-control { display:grid; gap:7px; width:190px; color:rgba(245,241,233,.52); font-size:11px; }.rotate-control input { width:100%; accent-color:var(--violet); direction:ltr; }.atelier-controls .button { align-self:flex-start; }

/* Compare + Trust */
.comparison { display:grid; grid-template-columns:.57fr 1.43fr; gap:10%; align-items:start; min-height:540px; background:var(--bone); }.comparison-head h2 { font-size:clamp(43px,5.2vw,82px); }.comparison-head h2 em { color:var(--plum); }.comparison-head>p:last-child { max-width:280px; margin:25px 0 0; color:var(--muted); font-size:13px; line-height:2; }.comparison-stage { position:relative; }.comparison-watermark { position:absolute; z-index:0; top:-68px; left:-25px; color:rgba(108,73,111,.1); font:200 220px/.8 Manrope,sans-serif; letter-spacing:-.12em; }.comparison-tray { position:relative; z-index:1; display:grid; min-height:350px; grid-template-columns:repeat(2,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }.compare-empty { display:grid; grid-column:1/-1; min-height:350px; gap:7px; place-content:center; color:var(--muted); text-align:center; }.compare-empty span { color:var(--plum); font:28px Manrope,sans-serif; }.compare-empty b { font-size:12px; font-weight:400; }.compare-card { position:relative; display:flex; min-width:0; flex-direction:column; padding:20px; border-left:1px solid var(--line); }.compare-card:first-child { border-left:0; }.compare-remove { position:absolute; top:12px; left:12px; padding:0; border:0; color:var(--muted); background:none; font:21px/1 Manrope,sans-serif; }.compare-mini { position:relative; display:grid; width:100%; height:152px; place-items:center; }.compare-mini .product-watch { width:120px; height:180px; transform:rotate(-10deg) scale(.62); }.compare-card h3 { margin:10px 0 0; font-size:14px; }.compare-card p { margin:1px 0 14px; color:var(--muted); font-size:10px; }.compare-spec { display:flex; justify-content:space-between; padding:7px 0; border-top:1px solid var(--line); color:var(--muted); font-size:10px; }.compare-spec b { color:var(--text); font-weight:500; text-align:left; }.compare-footnote { margin:15px 0 0; color:var(--muted); font-size:10px; }.promise { display:grid; grid-template-columns:1fr 1fr; min-height:690px; padding-top:0; padding-bottom:0; background:var(--paper); }.promise-art { position:relative; display:grid; min-height:690px; overflow:hidden; margin-right:max(-36px,calc((1360px - 100vw)/2)); color:var(--paper); background:linear-gradient(135deg,#2b1e30,#6b496e); place-items:center; }.promise-art:before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 50% 48%,transparent 0 20%,rgba(0,0,0,.13) 20.2% 20.7%,transparent 21%),repeating-radial-gradient(circle at 50% 48%,transparent 0 19px,rgba(255,255,255,.035) 20px 21px); }.promise-disc { position:relative; z-index:1; display:grid; width:310px; height:310px; border:1px solid rgba(255,255,255,.58); border-radius:50%; place-items:center; }.promise-disc:before,.promise-disc:after { content:""; position:absolute; border:1px solid rgba(255,255,255,.28); border-radius:50%; }.promise-disc:before{inset:23px}.promise-disc:after{inset:54px}.promise-disc span { color:rgba(245,241,233,.88); font:200 170px/1 Manrope,sans-serif; transform:translateY(-11px); }.promise-disc i { position:absolute; top:0; right:50%; width:1px; height:25px; background:var(--paper); transform-origin:50% 155px; }.promise-disc i:nth-of-type(2){transform:rotate(90deg)}.promise-disc i:nth-of-type(3){transform:rotate(180deg)}.promise-disc i:nth-of-type(4){transform:rotate(270deg)}.promise-art p { position:absolute; z-index:2; right:40px; bottom:39px; margin:0; color:rgba(245,241,233,.7); font:10px/1.55 DM Mono,monospace; letter-spacing:1px; text-align:right; }.promise-number { position:absolute; z-index:1; top:26px; left:34px; color:rgba(245,241,233,.43); font:11px DM Mono,monospace; }.promise-copy { padding:113px 0 100px 12%; }.promise h2 { margin-bottom:55px; font-size:clamp(43px,5vw,78px); }.promise-list { max-width:470px; border-top:1px solid var(--line); }.promise-list article { display:grid; grid-template-columns:37px 1fr; gap:13px; padding:19px 0; border-bottom:1px solid var(--line); }.promise-list article>span { color:var(--plum); font:10px DM Mono,monospace; }.promise-list h3 { margin:0; font-size:14px; font-weight:600; }.promise-list p { max-width:315px; margin:3px 0 0; color:var(--muted); font-size:12px; line-height:1.85; }

/* Journal + End */
.journal { display:grid; grid-template-columns:.7fr 1.3fr; gap:11%; align-items:start; background:var(--paper); }.journal h2 { font-size:clamp(50px,5.7vw,90px); }.journal h2 em { color:var(--plum); }.journal-title .arrow-link { margin-top:36px; }.journal-list { border-top:1px solid var(--line); }.journal-entry { display:grid; grid-template-columns:36px 1fr 30px; gap:14px; align-items:center; padding:30px 0; border-bottom:1px solid var(--line); transition:padding .35s var(--ease-standard),color .35s; }.journal-entry:hover { padding-right:13px; color:var(--plum); }.journal-num { color:var(--plum); font:10px DM Mono,monospace; }.journal-entry small { color:var(--muted); font-size:10px; }.journal-entry h3 { margin:3px 0 0; font-size:16px; font-weight:500; line-height:1.7; }.entry-arrow { color:var(--plum); font:20px Manrope,sans-serif; text-align:left; }.newsletter { position:relative; display:grid; grid-template-columns:1fr .82fr; gap:12%; overflow:hidden; padding:110px max(36px,calc((100vw - 1360px)/2)); color:var(--paper); background:var(--ink); }.newsletter:before { content:""; position:absolute; width:70vw; aspect-ratio:1; right:-27%; bottom:-82%; border:1px solid rgba(185,162,211,.2); border-radius:50%; }.newsletter-orbit { position:absolute; top:-215px; left:15%; width:370px; height:370px; border:1px solid rgba(245,241,233,.06); border-radius:50%; }.newsletter-orbit:after { content:""; position:absolute; inset:22%; border:1px solid rgba(185,162,211,.12); border-radius:50%; }.newsletter>div,.newsletter form { position:relative; z-index:1; }.newsletter h2 { font-size:clamp(48px,5.7vw,89px); }.newsletter h2 em { color:var(--violet); }.newsletter form { align-self:end; padding-bottom:7px; }.newsletter form>label { display:block; margin-bottom:12px; color:rgba(245,241,233,.62); font-size:13px; }.email-row { display:flex; gap:12px; padding-bottom:9px; border-bottom:1px solid rgba(255,255,255,.47); }.email-row input { min-width:0; flex:1; border:0; outline:0; color:var(--paper); background:transparent; font:300 18px Manrope,Vazirmatn,sans-serif; direction:ltr; text-align:left; }.email-row input::placeholder { color:rgba(245,241,233,.34); }.email-row .button { min-height:38px; padding:8px 12px; white-space:nowrap; }.form-note { margin:10px 0 0; color:rgba(245,241,233,.4); font-size:10px; }.form-note.error{color:#e6a17d}.form-note.success{color:#a9d2ae}
.site-footer { padding:66px max(36px,calc((100vw - 1360px)/2)) 24px; color:var(--paper); background:#0b090d; }.footer-top { display:grid; grid-template-columns:1fr 1fr 1fr; align-items:start; padding-bottom:72px; }.footer-top>p { margin:0; color:rgba(245,241,233,.55); font-size:12px; line-height:2; }.back-top { justify-self:end; padding-bottom:3px; border-bottom:1px solid rgba(255,255,255,.45); color:rgba(245,241,233,.7); font-size:12px; }.back-top span { padding-right:6px; font:16px Manrope,sans-serif; }.footer-links { display:grid; grid-template-columns:.7fr .7fr 1.6fr; gap:15px; padding:28px 0 50px; border-top:1px solid rgba(255,255,255,.16); }.footer-links>div { display:flex; flex-direction:column; gap:8px; }.footer-links small { margin-bottom:3px; color:var(--violet); font:10px DM Mono,monospace; }.footer-links a { color:rgba(245,241,233,.64); font-size:12px; transition:color .2s; }.footer-links a:hover { color:var(--paper); }.footer-links p { max-width:280px; margin:0; color:rgba(245,241,233,.47); font-size:11px; line-height:1.9; }.footer-bottom { display:flex; gap:30px; padding-top:17px; border-top:1px solid rgba(255,255,255,.16); color:rgba(245,241,233,.35); font:9px DM Mono,monospace; letter-spacing:.5px; }.footer-bottom a { margin-right:auto; }

/* Drawers and dialogs */
.mobile-bottom-nav { display:none; }.cart-drawer,.filter-panel { position:fixed; z-index:var(--z-panel); top:0; bottom:0; left:0; display:flex; width:min(430px,100vw); flex-direction:column; background:var(--paper); box-shadow:var(--shadow-deep); transform:translateX(-105%); transition:transform .55s var(--ease-emphasis); }.cart-drawer.open,.filter-panel.open { transform:translateX(0); }.drawer-head { display:flex; align-items:start; justify-content:space-between; padding:27px 25px 19px; border-bottom:1px solid var(--line); }.drawer-head p { margin:0 0 4px; color:var(--muted); font:10px DM Mono,monospace; }.drawer-head h2 { margin:0; font-size:23px; font-weight:400; line-height:1.2; }.drawer-head h2 span { color:var(--plum); font:11px DM Mono,monospace; }.close-button { width:35px; height:35px; color:var(--text); font:32px/1 Manrope,sans-serif; }.cart-items { flex:1; overflow:auto; padding:12px 25px; }.cart-item { display:grid; grid-template-columns:78px 1fr; gap:12px; padding:12px 0; border-bottom:1px solid var(--line); }.cart-thumb { display:grid; height:92px; background:#ddd6ce; place-items:center; }.cart-thumb .product-watch { width:57px; height:92px; transform:rotate(-10deg) scale(.65); }.cart-info { min-width:0; }.cart-info h3 { overflow:hidden; margin:0; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }.cart-info p { margin:2px 0; color:var(--muted); font-size:10px; }.cart-info b { font:11px Manrope,sans-serif; }.cart-row { display:flex; align-items:end; justify-content:space-between; margin-top:8px; }.quantity { display:flex; height:25px; border:1px solid var(--line); }.quantity button { width:24px; border:0; background:none; font-size:16px; line-height:1; }.quantity span { width:22px; font:10px/23px DM Mono,monospace; text-align:center; }.remove-cart { padding:0; border:0; color:var(--muted); background:none; font-size:10px; }.cart-empty { display:grid; height:100%; gap:5px; color:var(--muted); font-size:13px; text-align:center; place-content:center; }.cart-empty span { color:var(--plum); font-size:28px; }.cart-bottom { padding:16px 25px 23px; border-top:1px solid var(--line); }.cart-bottom>div { display:flex; align-items:center; justify-content:space-between; margin-bottom:13px; font-size:13px; }.cart-bottom>div b { font:500 15px Manrope,Vazirmatn,sans-serif; }.cart-bottom small { display:block; margin-top:8px; color:var(--muted); font-size:9px; text-align:center; }.filter-body { flex:1; overflow:auto; padding:10px 25px; }.filter-body fieldset { display:grid; gap:12px; margin:0; padding:22px 0; border:0; border-bottom:1px solid var(--line); }.filter-body legend { margin-bottom:9px; font-size:14px; font-weight:600; }.filter-body label { display:flex; gap:8px; align-items:center; color:#4b4449; font-size:13px; }.filter-body input { accent-color:var(--plum); }.panel-actions { display:flex; align-items:center; justify-content:space-between; padding:15px 25px 25px; }.panel-actions .text-link { color:var(--muted); }
.backdrop { position:fixed; z-index:25; inset:0; background:rgba(15,11,15,.42); backdrop-filter:blur(4px); }.search-dialog,.quick-dialog { width:min(760px,calc(100vw - 40px)); max-width:none; max-height:none; padding:0; border:0; color:var(--text); background:var(--paper); box-shadow:var(--shadow-deep); }.search-dialog::backdrop,.quick-dialog::backdrop { background:rgba(15,11,15,.6); backdrop-filter:blur(6px); }.search-head { display:flex; justify-content:space-between; padding:34px 38px 24px; }.search-head p { margin:0; color:var(--muted); font:10px DM Mono,monospace; }.search-head h2 { margin:7px 0 0; font-size:37px; font-weight:300; letter-spacing:-.06em; line-height:1.1; }.search-head h2 em { color:var(--plum); font-style:normal; }.big-search { display:flex; gap:10px; align-items:center; margin:0 38px; padding:10px 0; border-bottom:1px solid var(--text); }.big-search svg { width:23px; height:23px; fill:none; stroke:var(--text); stroke-width:1.3; }.big-search input { min-width:0; flex:1; border:0; outline:0; background:none; font:300 21px Vazirmatn,sans-serif; }.search-suggestions { display:flex; flex-wrap:wrap; gap:8px; align-items:center; padding:17px 38px; }.search-suggestions>span { margin-left:4px; color:var(--muted); font-size:11px; }.search-suggestions button { padding:4px 8px; border:1px solid var(--line); background:transparent; font-size:11px; }.search-results { max-height:350px; overflow:auto; padding:0 38px 37px; }.search-result { display:flex; gap:12px; align-items:center; width:100%; padding:13px 0; border:0; border-top:1px solid var(--line); color:var(--text); background:transparent; text-align:right; cursor:pointer; }.search-result:hover { color:var(--plum); }.result-watch { position:relative; width:43px; height:43px; flex:0 0 auto; border:4px solid #85828a; border-radius:50%; background:var(--result-dial,#222); }.result-watch:after { content:""; position:absolute; top:2px; right:17px; width:1px; height:14px; background:var(--paper); transform:rotate(130deg); transform-origin:50% 19px; }.search-result div { flex:1; }.search-result h3 { margin:0; font-size:13px; }.search-result p { margin:0; color:var(--muted); font-size:10px; }.search-result>b { font:11px Manrope,Vazirmatn,sans-serif; font-weight:500; }.no-search { padding:23px 0; color:var(--muted); font-size:13px; }.quick-dialog { width:min(880px,calc(100vw - 40px)); overflow:visible; }.quick-inner { display:grid; min-height:480px; grid-template-columns:1fr 1fr; }.quick-visual { position:relative; display:grid; overflow:hidden; background:#ded8d0; place-items:center; }.quick-visual:before { content:""; position:absolute; width:65%; aspect-ratio:1; border-radius:50%; background:var(--product-glow); filter:blur(20px); }.quick-visual .product-watch { width:240px; height:390px; transform:rotate(-9deg); }.quick-visual .product-watch:hover { transform:rotate(-3deg) scale(1.04); }.quick-content { position:relative; padding:42px 38px; }.quick-content .close-button { position:absolute; top:12px; left:12px; }.quick-category { color:var(--plum); font:10px DM Mono,monospace; }.quick-content h2 { margin:13px 0 6px; font-size:32px; font-weight:400; letter-spacing:-.05em; line-height:1.2; }.quick-content .quick-price { margin:0; font:500 17px Manrope,Vazirmatn,sans-serif; }.quick-desc { margin:22px 0; color:var(--muted); font-size:13px; line-height:1.9; }.quick-specs { margin:20px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }.quick-specs div { display:flex; justify-content:space-between; padding:7px 0; font-size:11px; }.quick-specs span { color:var(--muted); }.quick-specs b { font-weight:500; }.quick-content .button { margin-top:4px; }.quick-content .compare-inline { margin-right:14px; }.toast { position:fixed; z-index:50; right:50%; bottom:25px; padding:11px 15px; color:var(--paper); background:var(--ink); box-shadow:var(--shadow-deep); font-size:12px; opacity:0; transform:translate(50%,100px); transition:.35s var(--ease-emphasis); }.toast.show { opacity:1; transform:translate(50%,0); }

/* Reveal */
html.reveal-ready [data-reveal] { opacity:0; transform:translateY(32px); transition:opacity .8s var(--ease-emphasis),transform .8s var(--ease-emphasis); } html.reveal-ready [data-reveal].is-revealed { opacity:1; transform:none; }
html.reveal-ready .product-gallery.is-revealed .product-card { animation: cardRise .7s var(--ease-emphasis) both; } html.reveal-ready .product-gallery.is-revealed .product-card:nth-child(2){animation-delay:.06s} html.reveal-ready .product-gallery.is-revealed .product-card:nth-child(3){animation-delay:.12s} html.reveal-ready .product-gallery.is-revealed .product-card:nth-child(4){animation-delay:.18s}@keyframes cardRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

@media (max-width: 1000px) {
  :root { --container:calc(100vw - 48px); --space-7:110px; }.site-header { width:var(--container); }.desktop-nav { gap:16px; margin-right:3vw; }.desktop-nav a { font-size:11px; }.hero-copy { right:24px; left:24px; }.hero-meta,.hero-caption { left:24px; }.hero-measure { right:24px; }.hero-side-note { display:none; }.hero-image-wrap { left:-1%; width:97%; }.hero h1 { font-size:clamp(70px,11.5vw,116px); }.hero-bottom-copy { width:66%; }.section { padding-right:24px; padding-left:24px; }.collection-intro { padding-right:24px; padding-left:24px; }.collection-rails { margin:0 -24px; }.calibre-caption { padding-right:24px; padding-left:24px; }.calibre-photo figcaption { left:24px; }.calibre-stamp { left:24px; }.products-grid { gap:44px 16px; }.product-card { grid-column:span 4; }.product-card:nth-child(4) { grid-column:span 8; }.product-card:nth-child(4) .product-visual { aspect-ratio:1.3/1; }.promise-art { margin-right:-24px; }.promise-copy { padding-right:0; padding-left:9%; }.newsletter,.site-footer { padding-right:24px; padding-left:24px; }
}

@media (max-width: 760px) {
  :root { --container:calc(100vw - 40px); --space-7:88px; }.cursor-glow { display:none; }.site-header { height:67px; width:calc(100vw - 40px); }.site-header.is-scrolled { top:8px; width:calc(100vw - 24px); padding:0 12px; height:55px; }.desktop-nav,.hide-mobile { display:none; }.menu-button { display:grid; }.bag-button { min-width:55px; padding:6px 8px; }.bag-button span { display:none; }.hero { min-height:760px; height:100svh; }.hero-grid { inset:0 20px; grid-template-columns:repeat(3,1fr); }.hero-grid i:nth-child(4),.hero-grid i:nth-child(5) { display:none; }.hero-meta { top:92px; left:20px; font-size:8px; }.hero-image-wrap { top:22%; bottom:-4%; left:-39%; width:160%; }.hero-image-wrap:before { width:68%; }.hero-image-wrap img { width:115%; transform:translate(-1%,5%) scale(1.06); }.hero-dial-a { width:105vw; top:20%; left:-6%; }.hero-dial-b { width:62vw; bottom:-7%; right:-16%; }.hero-copy { top:18%; right:20px; left:20px; }.hero-copy .eyebrow { margin-right:0; font-size:8px; }.hero h1 { font-size:clamp(56px,16.2vw,76px); line-height:.8; }.hero h1 span:first-child { padding-right:0; }.hero h1 em { padding-right:19%; }.hero h1 span:last-child { padding-right:4%; }.hero-bottom-copy { display:block; width:75%; margin-top:26px; margin-right:3%; }.hero-bottom-copy>p { max-width:245px; font-size:11px; }.hero-cta { gap:16px; margin-top:18px; }.hero-cta .button { min-height:42px; padding:9px 12px; gap:13px; font-size:11px; }.hero-cta .text-link { font-size:10px; }.hero-caption { bottom:25px; left:20px; font-size:9px; }.hero-measure { right:20px; bottom:26px; }.hero-measure i { width:43px; }.scroll-cue { display:none; }.section { padding-right:20px; padding-left:20px; }.section-kicker { font-size:9px; }.section-kicker small { font-size:10px; }.manifesto-vertical { display:none; }.manifesto-layout { grid-template-columns:1fr; gap:28px; margin-top:48px; }.manifesto h2 { font-size:clamp(43px,12.2vw,62px); }.manifesto-note { max-width:360px; }.manifesto-note p { font-size:13px; }.manifesto-object { min-height:260px; }.manifesto-stats { grid-template-columns:1fr; margin-top:48px; }.manifesto-stats>div { padding:13px 0; border-bottom:1px solid var(--line); border-left:0; }.manifesto-stats>div:last-child { border-bottom:0; }.collection-intro { padding:80px 20px 0; }.collection-heading { grid-template-columns:1fr; gap:21px; margin:44px 0 34px; }.collection-heading h2 { font-size:clamp(46px,12.8vw,64px); }.collection-heading p { max-width:310px; font-size:12px; }.collection-rails { overflow:auto; grid-template-columns:186px 186px 186px 186px; margin:0 -20px; scroll-snap-type:x mandatory; }.collection-card { height:192px; padding:17px; scroll-snap-align:start; }.collection-card .card-number { margin-bottom:29px; }.collection-card>span:not(.card-number) { font-size:14px; }.collection-card b { bottom:14px; left:14px; }.calibre-window { min-height:590px; }.calibre-photo:after { background:linear-gradient(90deg,rgba(11,8,12,.82),rgba(11,8,12,.2)),linear-gradient(0deg,rgba(11,8,12,.83),transparent 60%); }.calibre-photo img { object-position:60% center; }.calibre-caption { width:100%; padding:83px 20px; }.calibre-caption h2 { font-size:clamp(43px,12vw,65px); }.calibre-caption>p:not(.eyebrow) { margin:20px 0; font-size:12px; }.calibre-stamp { top:auto; bottom:43px; left:auto; right:20px; width:88px; height:88px; font-size:9px; }.calibre-stamp span { font-size:6px; }.calibre-photo figcaption { bottom:19px; left:20px; font-size:7px; }.archive-ruler { margin-bottom:40px; }.archive-ruler i:last-child { width:calc(100% - 150px); }.gallery-top { grid-template-columns:1fr; gap:23px; margin-bottom:27px; }.gallery-top h2 { font-size:clamp(43px,12vw,62px); }.gallery-aside>p { max-width:320px; margin-bottom:20px; font-size:12px; }.gallery-controls { justify-content:space-between; }.filter-select { min-width:158px; }.active-filters:not(:empty) { margin:-10px 0 20px; }.products-grid { grid-template-columns:repeat(2,1fr); gap:35px 12px; }.product-card,.product-card:nth-child(1),.product-card:nth-child(4) { grid-column:span 1; margin-top:0; }.product-card:nth-child(1) .product-visual,.product-card:nth-child(4) .product-visual { aspect-ratio:1/1.09; }.product-card:nth-child(1) .product-watch,.product-card:nth-child(4) .product-watch { width:65%; height:78%; }.product-card:nth-child(1) .product-info { display:block; }.product-card:nth-child(1) .product-meta { margin-top:5px; padding-top:0; }.product-visual { aspect-ratio:1/1.09; }.product-info { padding-top:11px; }.product-info h3 { font-size:13px; }.product-meta { display:block; }.product-meta p { margin-bottom:1px; font-size:9px; }.product-price { font-size:10px; }.product-tools { gap:8px; flex-wrap:wrap; margin-top:7px; }.add-cart-inline,.compare-inline { font-size:9px; }.quick-button { right:7px; bottom:7px; padding:5px 7px; font-size:9px; opacity:1; transform:none; }.wish-button { top:7px; left:7px; width:28px; height:28px; }.load-more { margin-top:50px; }.atelier { padding-top:80px; padding-bottom:80px; }.atelier-header { grid-template-columns:1fr; gap:20px; }.atelier h2 { font-size:clamp(43px,12vw,64px); }.atelier-header>p { font-size:12px; }.atelier-console { grid-template-columns:1fr; min-height:0; margin-top:39px; border-top:0; }.watch-plinth { order:1; min-height:420px; border-bottom:1px solid var(--line-light); }.watch-3d { transform:scale(.78) rotateY(-8deg); }.plinth-rings i { width:320px; height:120px; }.plinth-rings i:nth-child(2){width:240px;height:240px}.plinth-rings i:nth-child(3){width:430px;height:430px}.atelier-specs { order:2; padding:16px 0; border-bottom:1px solid var(--line-light); text-align:center; }.spec-line { margin:11px auto; }.atelier-controls { order:3; align-items:center; gap:20px; padding:26px 0 0; text-align:center; }.atelier-controls legend { width:100%; }.rotate-control { width:240px; text-align:right; }.atelier-controls .button { align-self:center; }.comparison { grid-template-columns:1fr; gap:38px; min-height:0; }.comparison-head h2 { font-size:clamp(43px,12vw,63px); }.comparison-head>p:last-child { font-size:12px; }.comparison-watermark { top:-45px; font-size:160px; }.comparison-tray,.compare-empty { min-height:285px; }.compare-card { padding:12px; }.compare-mini { height:122px; }.compare-card h3 { font-size:12px; }.compare-spec { font-size:9px; }.compare-footnote { font-size:9px; }.promise { grid-template-columns:1fr; padding:0; }.promise-art { min-height:370px; margin:0 -20px; }.promise-disc { transform:scale(.76); }.promise-copy { padding:72px 0; }.promise h2 { margin-bottom:35px; font-size:clamp(42px,11.5vw,61px); }.journal { grid-template-columns:1fr; gap:46px; }.journal h2 { font-size:clamp(46px,13vw,67px); }.journal-title .arrow-link { margin-top:21px; }.journal-entry { padding:20px 0; }.journal-entry h3 { font-size:14px; }.newsletter { grid-template-columns:1fr; gap:37px; padding:76px 20px 87px; }.newsletter h2 { font-size:clamp(43px,12vw,64px); }.newsletter form>label { font-size:12px; }.email-row { align-items:center; }.email-row input { font-size:14px; }.site-footer { padding:52px 20px 82px; }.footer-top { grid-template-columns:1fr; gap:24px; padding-bottom:47px; }.back-top { justify-self:start; }.footer-links { grid-template-columns:1fr 1fr; gap:29px; padding-bottom:38px; }.footer-links>div:last-child { grid-column:1/-1; }.footer-bottom { display:grid; grid-template-columns:1fr 1fr; gap:8px; }.footer-bottom a { grid-column:1/-1; margin-right:0; }.mobile-bottom-nav { position:fixed; z-index:18; right:0; bottom:0; left:0; display:flex; height:59px; align-items:center; justify-content:space-around; border-top:1px solid var(--line); color:var(--text); background:rgba(245,241,233,.93); backdrop-filter:blur(12px); }.mobile-bottom-nav a,.mobile-bottom-nav button { display:flex; min-width:61px; flex-direction:column; gap:1px; align-items:center; border:0; color:inherit; background:none; font:10px Vazirmatn,sans-serif; }.mobile-bottom-nav span { font:18px/1 Manrope,sans-serif; }.mobile-bottom-nav b { position:absolute; width:13px; height:13px; margin:-6px -24px 0 0; border-radius:50%; color:var(--paper); background:var(--plum); font:8px/13px DM Mono,monospace; }.cart-drawer,.filter-panel { width:min(390px,100vw); }.search-dialog,.quick-dialog { width:calc(100vw - 24px); }.search-head { padding:25px 20px 15px; }.search-head h2 { font-size:29px; }.big-search { margin:0 20px; }.search-suggestions { padding:14px 20px; }.search-results { padding:0 20px 25px; }.quick-inner { grid-template-columns:1fr; }.quick-visual { min-height:285px; }.quick-visual .product-watch { width:180px; height:290px; }.quick-content { padding:27px 23px; }.quick-content h2 { font-size:29px; }
}

@media (max-width: 375px) { .hero h1 { font-size:54px; }.hero-bottom-copy { width:85%; }.product-tools { gap:6px; }.product-card { min-width:0; }.footer-links { grid-template-columns:1fr; }.footer-links>div:last-child { grid-column:auto; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; }.hero-reveal,.product-card { animation:none!important; }.site-header,.button,.product-watch,.collection-card,.collection-card:before,.collection-card:after,.quick-button,.toast,.cart-drawer,.filter-panel,.mobile-menu,[data-reveal] { transition:none!important; }.watch-3d { transition:none; } }
