:root{color-scheme:dark;--bg:#10191f;--surface:#162128;--text:#f4f0e7;--muted:#adb4b5;--accent:#d8b779;--line:#344047;--wine:var(--accent);background:var(--bg);color:var(--text)}
:root[data-theme=light]{color-scheme:light;--bg:#f7f5ef;--surface:#eeece5;--text:#202c31;--muted:#59646a;--accent:#795923;--line:#d4d5cc}
html{scroll-behavior:smooth;scroll-padding-top:24px}body{background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;overflow-x:clip}header,main,footer{max-width:1440px}main{padding:0 56px}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{color:inherit}a{text-underline-offset:6px}
.site-header{background:transparent;border:0;height:96px;padding:0 56px;gap:20px;position:relative;z-index:2}.logo{font:42px Georgia,serif;letter-spacing:-1.5px;gap:12px;white-space:nowrap}.logo>img{filter:invert(83%) sepia(30%) saturate(500%)}.dot{color:var(--accent);margin-left:-10px}.header-note{font:italic 13px Georgia,serif;color:var(--text);margin-left:4px;white-space:nowrap}.main-nav{display:flex;gap:28px;margin-left:auto;align-items:center;white-space:nowrap}.main-nav a,.main-nav button{font:13px Georgia,serif;text-decoration:none;color:var(--text)}.main-nav a:first-child{border-bottom:1px solid var(--accent);padding:10px 0}.theme-toggle{border:1px solid var(--accent);border-radius:30px;background:none;display:flex;gap:9px;align-items:center;padding:10px 14px;font:12px Georgia;white-space:nowrap}.theme-toggle img,.rail-arrow img{filter:invert(1)}[data-theme=light] .theme-toggle img,[data-theme=light] .rail-arrow img{filter:none}
.intro{min-height:460px;padding:50px 0 55px;position:relative;isolation:isolate;display:block}.intro>div{max-width:none}.hero-copy{position:relative;z-index:1;width:57%;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{font-size:9px;letter-spacing:2.7px;color:var(--muted);font-weight:400;margin:0 0 28px}.intro h1{font:clamp(46px,5.2vw,77px)/1.05 Georgia,serif;letter-spacing:-3px;max-width:740px;margin:0}.intro .lede{font:20px/1.55 Georgia,serif;color:var(--text);max-width:530px;margin:26px 0}.hero-cta{display:inline-flex;align-items:center;gap:28px;background:#d8b779;color:#152027;text-decoration:none;padding:15px 24px;font:18px Georgia}.hero-art{position:absolute;right:-35px;top:-90px;width:55%;height:640px;overflow:hidden;z-index:-1;pointer-events:none;mix-blend-mode:screen;opacity:.7}.hero-art img{width:100%;height:100%;object-fit:contain;transform:translate3d(var(--mx,0px),var(--my,0px),0) rotate(var(--mr,-4deg));transition:transform 1.2s ease-out;will-change:transform}[data-theme=light] .hero-art{mix-blend-mode:multiply;opacity:.32}[data-theme=light] .hero-art img{filter:invert(1) grayscale(1)}
.brand-explorer{position:relative;z-index:1;scroll-margin-top:20px}.brand-rail{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:15px}.rail-arrow{border:1px solid var(--line);background:var(--bg);border-radius:50%;width:40px;height:40px;flex:none;display:grid;place-items:center}.rail-arrow:disabled{opacity:.25;cursor:default}.brand-track{display:flex;flex:1;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--line) transparent;gap:22px;padding:0 5px}.brand-choice{flex:0 0 140px;height:112px;border:0;border-bottom:3px solid transparent;background:none;scroll-snap-align:start;color:var(--text);display:grid;place-items:center;font:19px Georgia;letter-spacing:.4px;padding:22px 12px;position:relative}.brand-choice img{max-width:100%;width:110px;height:57px;object-fit:contain;filter:brightness(0) invert(1);opacity:.9}[data-theme=light] .brand-choice img{filter:brightness(0);opacity:.85}.brand-choice[aria-pressed=true]{border-bottom-color:var(--accent);color:var(--accent)}.brand-choice:hover{background:var(--surface)}.brand-choice[aria-pressed=true] img{filter:brightness(0) saturate(100%) invert(80%) sepia(30%) saturate(470%) hue-rotate(355deg)}[data-theme=light] .brand-choice[aria-pressed=true] img{filter:brightness(0) saturate(100%) invert(35%) sepia(30%) saturate(900%)}
.model-heading{display:flex;gap:30px;align-items:center;padding:22px 0}.model-heading>p{flex:none;font:13px Georgia;color:var(--muted);padding-right:30px;border-right:1px solid var(--line);margin:0}.model-heading>p span{padding:0 12px}.model-heading>div{display:flex;gap:22px;overflow:auto;min-width:0}.model-heading button{white-space:nowrap;background:none;border:0;border-bottom:2px solid transparent;padding:10px 0;color:var(--muted);font:15px Georgia}.model-heading button[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.featured-models{display:grid;grid-template-columns:1fr 1fr;gap:30px}.feature{display:grid;grid-template-columns:48% 1fr;gap:28px;padding:10px 28px 30px 0;align-items:center;min-height:300px}.feature+.feature{border-left:1px solid var(--line);padding-left:28px}.feature-image{height:295px;display:block;overflow:hidden;background:#f0eee8}.feature-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.feature h2{font:34px/1.15 Georgia;margin:13px 0 20px;letter-spacing:-.8px}.feature .eyebrow{color:var(--accent);margin:0;font-size:11px}.feature p{color:var(--muted);font:15px/1.6 Georgia}.feature button{padding:12px 0;border:0;border-bottom:1px solid var(--accent);background:none;color:var(--accent);font:15px Georgia;text-align:left;line-height:1.5}.collection-note{font:italic 15px Georgia;color:var(--muted);margin:0;padding:22px 0 35px}
.catalog{margin:0;padding:0;background:none;border-top:1px solid var(--line);scroll-margin-top:20px}.tabs{gap:30px;overflow:auto}.tabs button{color:var(--muted);font:15px Georgia}.tabs span{background:var(--surface);color:var(--muted)}.filters label{color:var(--muted)}.filters input,.filters select{background:var(--surface);color:var(--text);border-color:var(--line);border-radius:2px}.snapshot{color:var(--muted);line-height:1.6}.grid{gap:28px 22px}.card{background:none;border:0;border-radius:0;box-shadow:none}.card:hover{box-shadow:none;transform:translateY(-3px)}.visual{background:#eeece7;border-radius:1px}.card-body{padding:22px 0}.card h2{font:20px/1.3 Georgia}.brand{color:var(--accent);font-size:10px}.reference,.spec,.availability{color:var(--muted)}.price{font:23px Georgia;color:var(--text)}.shop-link{border-color:var(--line);color:var(--accent);font-size:13px}.results-bar{color:var(--muted)}.badge{font:11px Arial}.empty{color:var(--text)}#more{border:1px solid var(--accent);background:none;color:var(--accent);border-radius:0}.enthusiast{border-top:1px solid var(--line);padding:56px 0;max-width:740px}.enthusiast h2{font:42px Georgia;margin:0 0 20px}.enthusiast p:not(.eyebrow){color:var(--muted);font:17px/1.7 Georgia}.enthusiast a{color:var(--accent);font-size:14px}footer{color:var(--muted);border-color:var(--line);background:var(--bg)}footer p{color:var(--muted)}dialog{background:var(--bg);color:var(--text);border-color:var(--line)}.info-page{color:var(--text)}
@media(min-width:1600px){.intro{min-height:520px}.hero-art{height:720px;top:-110px}}
@media(max-width:1100px){.site-header,main,footer{padding-left:28px;padding-right:28px}.header-note{display:none}.main-nav{gap:22px}.intro h1{font-size:64px}.hero-copy{width:60%}.hero-art{right:-30px}.feature{gap:18px;padding-right:10px}.feature+.feature{padding-left:20px}.feature h2{font-size:27px}.feature-image{height:250px}.model-heading{gap:20px}}
@media(max-width:700px){.site-header{height:auto;min-height:108px;flex-wrap:wrap;padding:18px 20px 0;gap:12px}.logo{font-size:33px}.logo img{width:32px;height:32px}.theme-toggle{margin-left:auto;min-height:40px}.main-nav{order:3;width:100%;margin:0;justify-content:space-between;gap:10px}.main-nav a,.main-nav button{font-size:12px}.site-header .text-button{margin:0}.intro{padding:45px 0 25px;min-height:620px}.hero-copy{width:100%}.intro h1{font-size:49px;letter-spacing:-2px}.intro .lede{font-size:17px;max-width:360px;margin:22px 0}.eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:20px}.hero-cta{font-size:16px;padding:13px 20px}.hero-art{top:260px;right:-28px;height:370px;width:90%;opacity:.5}.hero-art img{object-position:right center}main{padding:0 20px}.brand-rail{gap:8px}.rail-arrow{width:32px;height:32px}.brand-choice{flex-basis:115px;height:88px;padding:15px 10px}.brand-track{gap:10px}.brand-choice img{width:95px;height:49px}.model-heading{display:block;padding:17px 0}.model-heading>p{border:0;margin-bottom:10px}.model-heading>div{gap:20px}.featured-models{grid-template-columns:1fr;gap:15px}.feature{padding:5px 0 20px;grid-template-columns:43% 1fr;gap:23px;min-height:230px}.feature+.feature{border-left:0;border-top:1px solid var(--line);padding:25px 0 15px}.feature h2{font-size:30px}.feature-image{height:230px}.collection-note{font-size:14px;line-height:1.6;padding:20px 0 27px}.tabs{gap:18px;justify-content:flex-start}.tabs button{font-size:14px}.tabs span{display:none}.grid{gap:20px 15px}.visual{height:210px}.card h2{font-size:17px}.card-body{padding:15px 0}.price{font-size:20px}.shop-link{font-size:12px}.enthusiast{padding:40px 0}.enthusiast h2{font-size:34px}}
[data-theme=light] .logo>img{filter:brightness(0) saturate(100%) invert(35%) sepia(30%) saturate(900%)}
.site-header #about-open{display:block}
.brand-choice img{transform:scale(1.35)}
.intro{background:var(--bg);isolation:auto}.hero-sketch,.hero-art{z-index:0!important}.hero-copy{z-index:1}
.hero-sketch{position:absolute;right:-35px;top:-65px;width:55%;height:660px;z-index:-2;pointer-events:none;mix-blend-mode:screen;opacity:.55;overflow:hidden}
.hero-sketch img{width:100%;height:100%;object-fit:contain;transform:rotate(9deg)}
[data-theme=light] .hero-sketch{mix-blend-mode:multiply;opacity:.3}
[data-theme=light] .hero-sketch img{filter:invert(1) grayscale(1)}
.hero-art{top:-35px;right:-5px;width:51%;height:610px;overflow:visible;mix-blend-mode:screen;opacity:.7;z-index:-1;perspective:900px}
.hero-art img{filter:none;object-fit:contain;transform:translate3d(var(--mx,0px),var(--my,0px),0) rotate(var(--mr,-4deg));transition:transform .7s ease-out}
[data-theme=light] .hero-art{mix-blend-mode:multiply;opacity:.38}
[data-theme=light] .hero-art img{filter:invert(1) grayscale(1)}
.feature-image.cutout{background:none;overflow:visible;display:flex;align-items:center;justify-content:center}
.feature-image.cutout img{mix-blend-mode:normal;width:130%;max-width:none;height:115%;object-fit:contain}
@media(max-width:700px){.hero-art{top:295px;right:-10px;width:90%;height:345px}.hero-sketch{top:240px;right:-45px;width:110%;height:420px}.feature-image.cutout img{height:110%;width:140%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-art img{transform:none!important;transition:none;will-change:auto}.card{transition:none}.card:hover{transform:none}}

/* Pencil artwork is decorative and remains quieter than the content. */
.hero-art{opacity:.64}[data-theme=light] .hero-art{opacity:.48}
.page-art{position:absolute;pointer-events:none;mix-blend-mode:screen;opacity:.12;overflow:hidden}
.page-art img{width:100%;height:100%;object-fit:contain}
[data-theme=light] .page-art{mix-blend-mode:multiply;opacity:.11}
[data-theme=light] .page-art img{filter:invert(1) grayscale(1)}
.enthusiast{position:relative;overflow:hidden;background:var(--bg)}
.enthusiast-art{width:540px;height:540px;right:-80px;top:-115px;transform:rotate(-18deg)}
.enthusiast> :not(.page-art){position:relative;z-index:1;max-width:650px}
.information-page{position:relative;min-height:100vh;background:var(--bg)}
.information-page .site-header{border-bottom:1px solid var(--line)}
.information-page .site-header>a:nth-child(2){margin-left:auto;color:var(--text);font:15px Georgia}
.information-page main.information{position:relative;z-index:1;max-width:960px;padding:60px 56px 90px;margin:0 auto;min-height:55vh}
.information-page .information h1{font:clamp(38px,5vw,64px)/1.1 Georgia;letter-spacing:-1.5px;color:var(--text)}
.information-page .information h2{font:27px Georgia;color:var(--text);margin-top:36px}
.information-page .information p,.information-page .information li{color:var(--text);line-height:1.8}
.information-page a{color:var(--accent)}
.information-art{width:650px;height:780px;right:0;top:110px;transform:rotate(13deg);opacity:.09}
[data-theme=light] .information-art{opacity:.075}
.art-watch .information-art{width:420px;height:620px;right:2%;transform:rotate(-17deg)}
.art-oversize .information-art{width:850px;height:850px;right:-230px;top:120px;transform:rotate(-25deg)}
.art-movement .information-art{width:780px;height:900px;right:-100px;top:240px;transform:rotate(24deg)}
.brand-choice img{transform:none;width:116px;height:60px}
@media(max-width:700px){.information-page main.information{padding:35px 24px 60px}.information-page .site-header{padding:0 24px;flex-wrap:wrap;height:auto;min-height:100px;gap:16px}.information-page .logo{font-size:32px}.information-page .theme-toggle span{display:none}.information-art{right:-150px;width:520px!important;opacity:.065}.enthusiast-art{right:-200px}.art-watch .information-art{right:-140px}.information-page .site-header>a:nth-child(2){font-size:13px}}
.brand-choice[aria-label="TAG Heuer"] img{filter:grayscale(1)!important;opacity:.9}.brand-choice[aria-label="Tissot"] img{filter:grayscale(1)!important}.brand-choice[aria-label="Rolex"] img{filter:grayscale(1) invert(1)!important;mix-blend-mode:screen}[data-theme=light] .brand-choice[aria-label="Rolex"] img{filter:grayscale(1)!important;mix-blend-mode:multiply}.brand-choice[aria-label="Zenith"] img,.brand-choice[aria-label="Tissot"] img{filter:grayscale(1) invert(1)!important;mix-blend-mode:screen}[data-theme=light] .brand-choice[aria-label="Zenith"] img,[data-theme=light] .brand-choice[aria-label="Tissot"] img{filter:grayscale(1)!important;mix-blend-mode:multiply}@media(min-width:701px){.hero-art{height:560px}}
.information-page{overflow-x:hidden}
html{overflow-x:hidden}
.logo>img{width:40px;height:46px;object-fit:contain;filter:none}[data-theme=dark] .logo>img{filter:brightness(0) saturate(100%) invert(80%) sepia(30%) saturate(470%) hue-rotate(355deg)}