*{box-sizing:border-box;margin:0;padding:0}
:root{--black:#030303;--gold:#c9953e;--gold2:#e0b55e;--white:#f8f7f3;--muted:#b7b4ad}
html{scroll-behavior:smooth}
body{background:var(--black);color:var(--white);font-family:Montserrat,Arial,sans-serif;font-weight:300}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 65% 45%,rgba(201,149,62,.09),transparent 32%);z-index:0}
.page{min-height:100vh;position:relative;overflow:hidden}
.container{width:min(1400px,94%);margin:auto;position:relative;z-index:2}
.header{min-height:120px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{color:#fff;text-decoration:none;display:flex;flex-direction:column;line-height:1}
.brand-name{font-family:Arial,sans-serif;font-size:76px;font-weight:700;letter-spacing:-6px}
.brand-name sup{font-size:10px;letter-spacing:0;top:-3em;position:relative}
.brand-line{width:110px;border-top:1px solid #eee;margin:5px 0 5px 2px}
.brand-sub{font-size:10px;letter-spacing:1px;margin-left:42px}
.brand-type{font-size:13px;letter-spacing:1.7px;margin-top:15px}
.nav{display:flex;align-items:center;gap:28px}
.nav a{color:#eee;text-decoration:none;font-size:12px;white-space:nowrap;transition:.2s}
.nav a:hover,.nav .active{color:var(--gold2)}
.nav .active{border-bottom:2px solid var(--gold);padding-bottom:13px}
.appointment{border:1px solid #8e682e;padding:14px 19px;border-radius:4px;color:var(--gold2)!important}
.menu-toggle{display:none;background:none;border:0}
.menu-toggle span{display:block;width:27px;height:2px;background:#fff;margin:5px}

.hero{display:grid;grid-template-columns:49% 51%;min-height:1050px}
.hero-copy{padding:105px 0 40px 5%;position:relative;z-index:3}
.eyebrow{color:var(--gold2);font-size:14px;letter-spacing:3px;margin-bottom:25px}
h1{font-family:"Cormorant Garamond",serif;font-size:86px;line-height:.88;font-weight:600;letter-spacing:1px}
h1 span{display:block;color:var(--gold2)}
.script{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:79px;color:var(--gold2);line-height:1.05;margin:2px 0 12px 0}
.gold-rule{width:430px;max-width:85%;height:18px;border-top:1px solid var(--gold);position:relative}
.gold-rule:after{content:"◆";position:absolute;left:48%;top:-9px;color:var(--gold);font-size:10px}
.hero h2{font-size:20px;font-weight:400;margin-top:34px}
.intro{font-size:15px;line-height:2;max-width:510px;color:#d0cfca;margin-top:18px}
.intro strong{color:var(--gold2)}
.count-title{display:flex;align-items:center;gap:22px;color:var(--gold2);font-size:14px;letter-spacing:2px;margin:40px 0 18px}
.count-title span{height:1px;background:#705321;width:85px}
.countdown{display:grid;grid-template-columns:repeat(4,100px);gap:14px}
.countdown div{border:1px solid #765521;min-height:110px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:4px}
.countdown b{font-family:"Cormorant Garamond",serif;color:var(--gold2);font-size:50px;font-weight:500;line-height:1}
.countdown small{font-size:11px;margin-top:10px}
.features{display:grid;grid-template-columns:repeat(4,1fr);max-width:610px;margin-top:50px}
.features article{text-align:center;padding:0 12px;border-right:1px solid #60481f}
.features article:last-child{border:0}
.icon{color:var(--gold2);font-size:35px;height:43px}
.features h3{font-size:11px;color:var(--gold2);font-weight:500;margin:8px 0}
.features p{font-size:10px;line-height:1.6;color:#b9b8b2}
.notify{border:1px solid #765521;border-radius:5px;max-width:650px;min-height:92px;margin-top:55px;display:grid;grid-template-columns:60px 1fr 330px;align-items:center;padding:10px 14px;gap:12px}
.mail-icon{width:48px;height:48px;border:1px solid #b7893a;border-radius:50%;display:grid;place-items:center;color:var(--gold2);font-size:22px}
.notify-copy{display:flex;flex-direction:column;gap:8px}
.notify-copy strong{font-size:14px;color:var(--gold2);font-weight:500}
.notify-copy span{font-size:13px}
.notify-input{display:flex;background:#161616;border-radius:3px;overflow:hidden}
.notify-input input{background:transparent;border:0;outline:0;color:white;padding:15px;width:100%;font-family:inherit;font-size:11px}
.notify-input button{background:#d5a64e;border:0;padding:0 18px;font-size:11px;cursor:pointer}
.hero-art{min-height:1050px;background-image:url("assets/hero-reference.jpg");background-size:cover;background-position:82% center;position:relative;transform:scale(1.03)}
.art-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#030303 0%,rgba(3,3,3,.5) 13%,transparent 45%),linear-gradient(0deg,#030303 0%,transparent 15%,rgba(0,0,0,.1) 100%)}
.footer{display:grid;grid-template-columns:1fr 1.4fr 1fr;align-items:center;gap:25px;padding:18px 0 30px;border-top:0}
.social{display:flex;align-items:center;gap:18px}
.social span{font-size:11px}
.social a{width:30px;height:30px;border:1px solid #8b682e;border-radius:50%;display:grid;place-items:center;color:var(--gold2);text-decoration:none}
.footer-center{display:flex;align-items:center;gap:15px;justify-content:center}
.footer-center span{height:1px;background:#745724;flex:1}
.footer-center em{font-family:"Cormorant Garamond",serif;color:#d5aa59;font-size:24px;white-space:nowrap}
.tagline{text-align:right;color:#d5aa59;font-family:"Cormorant Garamond",serif;font-size:15px;letter-spacing:1px}
.footer p{grid-column:1/-1;text-align:center;color:#777;font-size:10px;margin-top:8px}

@media(max-width:1100px){
  .nav{gap:16px}.nav a{font-size:10px}.appointment{padding:11px 13px}
  .brand-name{font-size:60px}.hero-copy{padding-left:2%}
  h1{font-size:70px}.script{font-size:64px}.countdown{grid-template-columns:repeat(4,85px)}
  .countdown div{min-height:95px}.countdown b{font-size:42px}.features{max-width:540px}
  .notify{grid-template-columns:50px 1fr;}.notify-input{grid-column:1/-1}
}
@media(max-width:800px){
  .header{min-height:90px}.brand-name{font-size:48px}.brand-type{font-size:9px}
  .menu-toggle{display:block;z-index:20}.nav{display:none;position:absolute;right:0;top:78px;background:#080808;border:1px solid #654c25;padding:20px;flex-direction:column;align-items:stretch;width:240px;gap:18px}
  .nav.open{display:flex}.nav .active{padding-bottom:5px}
  .hero{display:block;min-height:auto}.hero-copy{padding:70px 4% 30px}
  .hero-art{min-height:620px;background-position:78% center;order:2}
  h1{font-size:72px}.script{font-size:67px}.intro{max-width:650px}
  .countdown{grid-template-columns:repeat(4,1fr);max-width:560px}.features{max-width:700px}
  .notify{max-width:700px}
  .footer{grid-template-columns:1fr;text-align:center}.social,.footer-center{justify-content:center}.tagline{text-align:center}
}
@media(max-width:520px){
  .container{width:92%}.header{min-height:78px}.brand-name{font-size:43px}.brand-sub{font-size:8px;margin-left:25px}.brand-type{font-size:8px;letter-spacing:1px}
  .hero-copy{padding-top:55px}.eyebrow{font-size:10px;letter-spacing:2px}
  h1{font-size:58px}.script{font-size:52px}.hero h2{font-size:16px}.intro{font-size:12px;line-height:1.8}
  .count-title{font-size:11px;gap:10px}.count-title span{width:35px}
  .countdown{gap:5px}.countdown div{min-height:80px}.countdown b{font-size:32px}.countdown small{font-size:8px}
  .features{grid-template-columns:repeat(2,1fr);gap:22px;margin-top:35px}.features article{border:0}
  .notify{grid-template-columns:45px 1fr;padding:10px}.notify-copy strong{font-size:11px}.notify-copy span{font-size:10px}
  .notify-input{grid-column:1/-1}.notify-input button{padding:0 11px}.hero-art{min-height:500px;background-position:75% center}
  .footer-center em{font-size:19px}.tagline{font-size:12px}
}