@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Inter:wght@400;500;600&display=swap');
:root{--black:#070707;--panel:#101010;--gold:#c9a35a;--gold2:#f0cf87;--cream:#f5f0e6;--muted:#aaa}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--cream);font-family:Inter,Arial,sans-serif}.topbar{height:40px;border-bottom:1px solid #2e2518;display:flex;align-items:center;justify-content:space-between;padding:0 4%;font-size:12px;color:#c9c0b1}.topbar a{color:var(--gold2);text-decoration:none}.header{height:112px;border-bottom:1px solid #4a3820;display:flex;align-items:center;padding:0 4%;gap:45px;position:sticky;top:0;background:rgba(7,7,7,.95);z-index:10}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--cream);min-width:380px}.brand-mark{width:64px;height:64px;border:2px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold2);font-size:27px}.brand strong{font-family:"Cormorant Garamond";font-size:37px;letter-spacing:3px;font-weight:600;display:block}.brand small{font-family:"Cormorant Garamond";font-size:22px;letter-spacing:4px;display:block;color:var(--gold2)}.brand em{font-style:normal;font-size:10px;letter-spacing:4px;color:#b8a98f;display:block;text-align:center;margin-top:3px}nav{display:flex;gap:30px;align-items:center;margin-left:auto}nav a{color:#ddd;text-decoration:none;font-size:14px;text-transform:uppercase;letter-spacing:1px;padding:46px 0 42px;border-bottom:2px solid transparent}nav a:hover,nav a.active{color:var(--gold2);border-bottom-color:var(--gold)}.menu-btn{display:none;background:none;border:0;color:white;font-size:25px}.hero{min-height:590px;position:relative;overflow:hidden;display:flex;align-items:center;padding:70px 7%;background:radial-gradient(circle at 75% 50%,#382b18 0,#17120c 25%,#070707 62%)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#070707 0%,transparent 65%);pointer-events:none}.hero-copy{position:relative;z-index:2;max-width:650px}.eyebrow,.section-heading span,.clock-copy>span,.about-copy>span,.store>div>span,.contact>div>span{color:var(--gold2);font-size:12px;letter-spacing:5px}.hero h1{font:600 62px/1 "Cormorant Garamond";letter-spacing:2px;margin:25px 0}.hero h1 span{color:var(--gold2)}.hero p{font-size:17px;color:#d0c9bc;max-width:470px;line-height:1.7}.actions{display:flex;gap:18px;margin-top:35px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:15px 28px;text-decoration:none;border:1px solid var(--gold);font-size:13px;text-transform:uppercase;letter-spacing:1px;cursor:pointer}.btn.gold{background:linear-gradient(135deg,#e2b968,#b98b3d);color:#090909;border:0}.btn.outline{color:#eee;background:transparent}.hero-watch{position:absolute;right:6%;width:490px;height:490px;border-radius:50%;background:radial-gradient(circle,#1e1c19 0 55%,#080808 56%);box-shadow:0 0 0 20px #17130d,0 0 80px #000;display:grid;place-items:center}.watch-face{width:350px;height:350px;border-radius:50%;border:6px solid #b9a16f;background:radial-gradient(circle,#121212,#030303);box-shadow:inset 0 0 35px #000;position:relative;text-align:center}.brand-on-watch{position:absolute;top:90px;left:0;right:0;color:var(--gold2);font-family:"Cormorant Garamond";font-size:24px}.hands{position:absolute;left:50%;top:50%;width:120px;height:4px;background:var(--gold2);transform:rotate(32deg);transform-origin:left}.hands:after{content:"";position:absolute;width:95px;height:3px;background:#eee;transform:rotate(70deg);transform-origin:left}.date{position:absolute;right:70px;top:170px;border:1px solid #aaa;padding:4px;color:#ddd}.ticks{position:absolute;inset:20px;color:#b89b61;font-size:20px}.trust-strip{margin:0 3%;border:1px solid #60491f;display:grid;grid-template-columns:repeat(5,1fr);background:#0d0d0d}.trust-strip div{padding:18px 20px;border-right:1px solid #392d1b}.trust-strip div:last-child{border:0}.trust-strip b{display:block;color:var(--gold2);font-size:11px;letter-spacing:1px}.trust-strip small{color:#aaa;display:block;margin-top:7px}.section{padding:100px 5%}.section-heading{text-align:center;margin-bottom:50px}.section-heading h2,.clock-copy h2,.about-copy h2,.store h2,.contact h2{font:600 48px/1.05 "Cormorant Garamond";margin:14px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.category{min-height:260px;border:1px solid #5a431f;background:linear-gradient(135deg,#16120c,#090909);display:flex;align-items:center;justify-content:space-between;padding:28px;text-decoration:none;color:white;overflow:hidden}.category h3{font:600 31px "Cormorant Garamond";margin:0 0 25px}.category span,.text-btn{font-size:11px;letter-spacing:2px;color:var(--gold2)}.circle-watch{width:180px;height:180px;border-radius:50%;border:7px solid #bda56d;position:relative;box-shadow:0 10px 40px #000}.circle-watch:before{content:"";position:absolute;inset:18px;border-radius:50%;border:1px solid #bda56d}.black{background:radial-gradient(circle,#222,#050505)}.silver{background:radial-gradient(circle,#eee,#8e8e8e)}.couple{background:radial-gradient(circle,#252525,#090909)}.clock-section{padding:90px 9%;display:grid;grid-template-columns:1fr 1fr;align-items:center;background:linear-gradient(90deg,#11100d,#060606)}.clock-copy{max-width:570px}.clock-copy h2{font-size:58px}.clock-copy p,.about-copy p,.store p,.contact p{color:#aaa;line-height:1.8}.text-btn{display:inline-block;margin-top:20px;text-decoration:none}.clock-art{display:grid;place-items:center}.wall-clock{width:330px;height:330px;border:12px solid #a9864b;border-radius:50%;background:radial-gradient(circle,#d9d0bd,#8e8069);box-shadow:0 0 0 8px #271d11,0 30px 80px #000;position:relative;color:#292016;font-family:"Cormorant Garamond";font-size:25px}.wall-clock i{position:absolute;top:17px;left:50%;font-style:normal}.wall-clock b{position:absolute;right:22px;top:46%;}.wall-clock strong{position:absolute;bottom:17px;left:49%;}.wall-clock em{position:absolute;left:22px;top:46%;font-style:normal}.clock-hands{position:absolute;width:105px;height:5px;background:#292016;top:50%;left:50%;transform:rotate(35deg);transform-origin:left}.clock-hands:after{content:"";position:absolute;width:85px;height:4px;background:#292016;transform:rotate(80deg);transform-origin:left}.brands{display:flex;flex-wrap:wrap;justify-content:center;gap:0;border-top:1px solid #3b2e1b;border-bottom:1px solid #3b2e1b}.brands span{font-family:"Cormorant Garamond";font-size:25px;letter-spacing:3px;padding:25px 30px;color:#d0c4ae;border-right:1px solid #302617}.about{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;padding:100px 7%;align-items:center;background:#0e0e0e}.about-image img{width:100%;display:block;border:1px solid #6a4c21}.about-copy h2{font-size:58px}.store{display:grid;grid-template-columns:1.4fr 1fr;gap:80px;padding:80px 9%;background:linear-gradient(120deg,#1b140a,#0a0a0a);border-top:1px solid #3b2b18}.store-details{border-left:1px solid #60491f;padding-left:40px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:100px 9%}.contact form{display:grid;gap:13px}.contact input,.contact textarea,.contact select{width:100%;padding:16px;background:#101010;border:1px solid #403521;color:#eee;font:inherit}.contact textarea{min-height:120px;resize:vertical}footer{border-top:1px solid #352918;padding:30px 5%;display:flex;justify-content:space-between;color:#888;font-size:12px}.footer-brand b{color:var(--gold2);letter-spacing:2px}.footer-brand span{margin-left:12px}.menu-btn{margin-left:auto}@media(max-width:950px){.topbar span:first-child{display:none}.header{height:80px}.brand{min-width:0}.brand strong{font-size:25px}.brand small{font-size:15px}.brand-mark{width:48px;height:48px;font-size:20px}nav{display:none}.menu-btn{display:block}.header.open nav{display:flex;position:absolute;top:80px;left:0;right:0;background:#090909;flex-direction:column;gap:0;padding:10px 5%;border-bottom:1px solid #60491f}.header.open nav a{padding:15px;width:100%}.hero{min-height:700px;padding:60px 7%}.hero-watch{opacity:.28;right:-140px}.hero h1{font-size:48px}.trust-strip{grid-template-columns:1fr 1fr}.trust-strip div{border-bottom:1px solid #392d1b}.cards,.about,.clock-section,.store,.contact{grid-template-columns:1fr}.about-image{order:2}.brands span{font-size:20px}.store-details{border-left:0;border-top:1px solid #60491f;padding:30px 0 0}}@media(max-width:600px){.topbar{font-size:10px}.topbar span:nth-child(2){display:none}.hero{min-height:650px}.hero h1{font-size:42px}.hero-watch{right:-210px;width:400px;height:400px}.watch-face{width:280px;height:280px}.section,.about,.contact{padding:70px 5%}.section-heading h2,.clock-copy h2,.about-copy h2,.store h2,.contact h2{font-size:40px}.cards{gap:12px}.category{min-height:210px}.circle-watch{width:125px;height:125px}.category h3{font-size:25px}.trust-strip{margin:0 3%;grid-template-columns:1fr}.trust-strip div{border-right:0}.clock-art{margin-top:35px}.wall-clock{width:250px;height:250px}footer{flex-direction:column;gap:10px}.topbar span:nth-child(3){margin-left:auto}.actions{flex-direction:column}.btn{width:100%}}

/* Catalogues */
.catalogues .section-heading p{max-width:680px;margin:12px auto 0;color:#b9b2a5}
.catalogue-grid{max-width:1100px;margin:38px auto 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.catalogue-card{background:#121212;border:1px solid #3d301d;display:grid;grid-template-columns:210px 1fr;min-height:300px;overflow:hidden;box-shadow:0 18px 45px rgba(0,0,0,.18)}
.catalogue-cover{min-height:300px;padding:28px 18px;display:flex;flex-direction:column;justify-content:flex-end;gap:5px;text-align:center;position:relative;overflow:hidden}
.catalogue-cover:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 28%,rgba(255,255,255,.18),transparent 38%)}
.seiko-cover{background:linear-gradient(150deg,#ece7d8,#bcb5a0 55%,#5c5446);color:#111}
.seiko-cover span{font-size:30px;font-weight:800;letter-spacing:2px;position:relative}.seiko-cover small{font-size:17px;letter-spacing:4px;position:relative}.seiko-cover b{font-size:10px;line-height:1.5;letter-spacing:1.4px;margin-top:10px;position:relative}
.siddharth-cover{background:linear-gradient(150deg,#262626,#151515);color:#fff}.siddharth-cover span{font-family:Georgia,serif;font-size:29px;position:relative}.siddharth-cover small{font-size:13px;letter-spacing:5px;position:relative}.siddharth-cover b{font-size:10px;line-height:1.5;letter-spacing:1px;margin-top:10px;position:relative}
.catalogue-info{padding:32px 28px;display:flex;flex-direction:column;justify-content:center}.catalogue-info h3{font-size:24px;margin:0 0 12px}.catalogue-info p{color:#bdb7ad;line-height:1.65;margin:0 0 24px}.catalogue-actions{display:flex;flex-wrap:wrap;gap:10px}.catalogue-actions .btn{font-size:12px;padding:12px 15px}
@media(max-width:850px){.catalogue-grid{grid-template-columns:1fr}.catalogue-card{grid-template-columns:160px 1fr}.catalogue-cover{min-height:260px}}
@media(max-width:520px){.catalogue-card{grid-template-columns:1fr}.catalogue-cover{min-height:220px}.catalogue-info{padding:24px}.catalogue-actions{flex-direction:column}.catalogue-actions .btn{text-align:center}}


/* Live working clock */
.clock-art{position:relative}
.live-clock-label{
  position:absolute;
  top:12px;
  right:0;
  left:0;
  text-align:center;
  color:var(--gold2);
  font-size:10px;
  letter-spacing:3px;
  z-index:2;
}
.clock-hands{
  width:100px;
  height:4px;
  background:#292016;
  top:50%;
  left:50%;
  transform:none;
  transform-origin:0 50%;
  animation:none;
}
.clock-hands:before,
.clock-hands:after{
  content:"";
  position:absolute;
  left:0;
  top:0;
  transform-origin:0 50%;
  border-radius:4px;
}
.clock-hands:before{
  width:78px;
  height:5px;
  background:#292016;
  transform:rotate(var(--minute, 0deg));
}
.clock-hands:after{
  width:55px;
  height:3px;
  background:#a33d2f;
  transform:rotate(var(--second, 0deg));
}
.clock-hands{
  transform:rotate(var(--hour, 0deg));
}
.clock-center{
  position:absolute;
  width:13px;
  height:13px;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:#292016;
  border:2px solid var(--gold2);
  z-index:3;
}
.clock-digital{
  position:absolute;
  bottom:34px;
  left:50%;
  transform:translateX(-50%);
  background:rgba(30,24,16,.9);
  color:#f3d28c;
  border:1px solid #806334;
  padding:5px 9px;
  font:600 12px/1 Inter,Arial,sans-serif;
  letter-spacing:1px;
  z-index:3;
}
.live-clock-note{
  margin-top:18px;
  color:#8f887d;
  font-size:12px;
  letter-spacing:.5px;
}
@media(max-width:600px){
  .live-clock-label{top:-8px;font-size:9px}
}

/* Live hero watch hands */
.hero-watch .hands{
  position:absolute;
  left:50%;
  top:50%;
  width:0;
  height:0;
  background:none;
  transform:none;
  transform-origin:center;
  z-index:5;
}
.hero-watch .hands span{
  position:absolute;
  left:-2px;
  bottom:0;
  display:block;
  width:4px;
  border-radius:5px 5px 2px 2px;
  transform-origin:2px 100%;
  transition:transform .15s linear;
}
.hero-watch .hands .hero-hour{
  height:78px;
  background:#f0cf87;
}
.hero-watch .hands .hero-minute{
  height:112px;
  width:3px;
  background:#f5f0e6;
  transform-origin:1.5px 100%;
}
.hero-watch .hands .hero-second{
  height:132px;
  width:2px;
  background:#b33b30;
  transform-origin:1px 100%;
}
.hero-watch .hero-clock-center{
  position:absolute;
  left:50%;
  top:50%;
  width:13px;
  height:13px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:#0b0b0b;
  border:2px solid #f0cf87;
  z-index:6;
}