
:root{
  --bg:#050505;--panel:#0b0b0b;--panel2:#101010;--ink:#f2eee6;
  --muted:#9b978f;--line:#242424;--gold:#b99a62;--max:1220px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;opacity:0;animation:pageIn .65s ease forwards}
a{color:inherit;text-decoration:none}
img{display:block;width:100%}
.wrap{width:min(calc(100% - 36px),var(--max));margin:auto}
.ey{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.gold{color:var(--gold)}
h1,h2,h3,.serif{font-family:Georgia,"Times New Roman",serif;font-weight:500}
@keyframes pageIn{to{opacity:1}}
@keyframes navDrop{to{transform:translateY(0)}}
@keyframes heroUp{to{opacity:1;transform:none}}
@keyframes heroImage{to{transform:scale(1)}}

.topbar{position:sticky;top:0;z-index:40;background:rgba(5,5,5,.82);backdrop-filter:blur(16px);border-bottom:1px solid #171717;transform:translateY(-100%);animation:navDrop .7s cubic-bezier(.2,.7,.2,1) .12s forwards}
.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{width:205px;height:58px;display:flex;align-items:center;overflow:hidden}
.logo img{width:100%;height:100%;object-fit:contain;object-position:left center}
.links{display:flex;align-items:center;gap:24px;font-size:12px;color:#c7c2b9}
.links a:not(.btn){transition:opacity .2s}.links a:not(.btn):hover{opacity:.7}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 17px;border:1px solid #ded8cc;text-transform:uppercase;font-size:10px;letter-spacing:.12em;transition:.22s ease}
.btn.fill{background:#ece6da;color:#050505}.btn:hover{transform:translateY(-1px);border-color:var(--gold)}.btn.fill:hover{background:#d9d0c0}
.hero{min-height:91vh;position:relative;display:grid;align-items:end;overflow:hidden;border-bottom:1px solid var(--line)}
.hero>img{position:absolute;inset:0;height:100%;object-fit:cover;transform:scale(1.025);animation:heroImage 1.5s cubic-bezier(.2,.7,.2,1) .05s forwards}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.18) 43%,rgba(0,0,0,.9))}
.hero .content{position:relative;z-index:2;padding-bottom:58px}
.hero .ey{opacity:0;transform:translateY(12px);animation:heroUp .6s ease .34s forwards}
.hero h1{font-size:clamp(55px,8vw,112px);line-height:.9;letter-spacing:-.055em;margin:15px 0 20px;max-width:950px;opacity:0;transform:translateY(18px);animation:heroUp .78s cubic-bezier(.2,.7,.2,1) .46s forwards}
.hero p{max-width:600px;color:#c9c4bc;line-height:1.7;opacity:0;transform:translateY(14px);animation:heroUp .68s ease .62s forwards}
.hero .actions{opacity:0;transform:translateY(12px);animation:heroUp .68s ease .76s forwards}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}

section{padding:105px 0;border-bottom:1px solid var(--line)}
section[id]{scroll-margin-top:84px}
.section-soft{background:linear-gradient(180deg,#070707,#0b0b0b)}
.head{display:grid;grid-template-columns:1.15fr .85fr;gap:55px;align-items:end;margin-bottom:45px}
h2{font-size:clamp(45px,6vw,76px);letter-spacing:-.04em;line-height:.98;margin:10px 0 0}
.copy{color:var(--muted);line-height:1.8;font-size:15px}
.rule-gold{width:54px;height:1px;background:var(--gold);margin:16px 0 0}

.product{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.card{background:var(--panel);border:1px solid var(--line);transition:border-color .3s ease}
.card:hover{border-color:#3b3328}
.watch-img{aspect-ratio:4/5;overflow:hidden;background:#000}
.watch-img img,.tile img,.sold-image img{height:100%;object-fit:cover;transition:transform .7s ease}
.watch-img:hover img,.tile:hover img,.sold-feature:hover .sold-image img{transform:scale(1.018)}
.pad{padding:28px}.title{font-family:Georgia,serif;font-size:38px;margin:8px 0 20px}
.meta{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.meta div{padding:13px 0;border-bottom:1px solid var(--line);font-size:13px}
.meta div:nth-child(even){border-left:1px solid var(--line);padding-left:16px}
.meta b{display:block;font-size:9px;color:#707070;text-transform:uppercase;letter-spacing:.12em;margin-bottom:4px}
.price{font:500 36px Georgia,serif;margin:22px 0 10px}
.product-badge{display:inline-flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#bfb8ae}
.product-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold)}
.details{padding:34px;display:flex;flex-direction:column;justify-content:space-between}
.details h3{font-size:42px;line-height:1.05;margin:9px 0 20px}
.spec{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);padding:13px 0;font-size:13px}
.spec span:first-child{color:#777}

.editorial{padding:0;min-height:88vh;position:relative;display:grid;align-items:end;overflow:hidden}
.editorial img{position:absolute;inset:0;height:100%;object-fit:cover}
.editorial:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.86))}
.caption{position:relative;z-index:2;width:min(calc(100% - 36px),var(--max));margin:auto;padding-bottom:50px}
.caption h3{font-size:clamp(40px,5vw,68px);margin:9px 0;letter-spacing:-.035em}
.caption p{max-width:560px;color:#c5c0b8;line-height:1.7}

.gallery{display:grid;grid-template-columns:1.08fr .92fr;gap:14px}
.tile{background:#000;border:1px solid var(--line);overflow:hidden}.tall{min-height:760px}.stack{display:grid;gap:14px}.stack .tile{min-height:373px}
.about{display:grid;grid-template-columns:1fr 1fr;gap:80px}.big{font:500 clamp(40px,5vw,64px)/1.04 Georgia,serif;letter-spacing:-.035em}

.sold-feature{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;background:#090909;border:1px solid var(--line)}
.sold-image{background:#000;overflow:hidden;min-height:620px}
.sold-copy{padding:34px;display:flex;flex-direction:column;justify-content:space-between}
.sold-copy h3{font-size:48px;line-height:1.02;margin:10px 0 14px}
.sold-tag{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--gold);color:var(--gold);min-height:42px;padding:0 18px;text-transform:uppercase;letter-spacing:.16em;font-size:10px;width:max-content}
.sold-specs{border-top:1px solid var(--line);margin-top:26px}
.sold-spec{display:grid;grid-template-columns:1fr 1fr;padding:13px 0;border-bottom:1px solid var(--line);font-size:13px}.sold-spec span:first-child{color:#777}
.sold-note{color:#aaa59c;line-height:1.7;font-size:14px;margin-top:22px}

.igfeed-wrap{border:1px solid var(--line);background:#090909;padding:14px;min-height:180px}
.igfoot{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:18px}.ignote{font-size:12px;color:#707070;line-height:1.6;margin-top:8px}
.contact{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.contact a,.contact div{min-height:190px;background:var(--panel);border:1px solid var(--line);padding:23px;display:flex;flex-direction:column;justify-content:space-between;transition:.25s}.contact a:hover{border-color:#3b3328;background:#0d0d0d}
.contact small{color:#777;text-transform:uppercase;letter-spacing:.12em;font-size:9px}.contact strong{font:500 25px Georgia,serif}
.sticky-enquire{position:fixed;right:22px;bottom:22px;z-index:50;box-shadow:0 14px 40px rgba(0,0,0,.35)}
footer{padding:32px 0 42px;color:#666;font-size:11px}.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.rev{opacity:0;transform:translateY(18px);transition:.7s}.rev.in{opacity:1;transform:none}

@media(max-width:820px){
 .links a:not(.btn){display:none}.logo{width:150px}
 .hero{min-height:80vh}.head,.product,.about,.sold-feature{grid-template-columns:1fr;gap:26px}
 section{padding:76px 0}.gallery{grid-template-columns:1fr}.tall,.stack .tile{min-height:auto;aspect-ratio:4/5}
 .editorial{min-height:70vh}.contact{grid-template-columns:1fr}.sold-image{min-height:auto;aspect-ratio:1/1}.sold-copy{padding:24px}.sold-copy h3{font-size:38px}
 .sticky-enquire{left:18px;right:18px;bottom:16px;width:auto}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}
 body,.topbar,.hero .ey,.hero h1,.hero p,.hero .actions{opacity:1!important;transform:none!important}
}
