*{box-sizing:border-box}
:root{--bg:#050505;--gold:#d6a83e;--gold2:#f4d98a;--text:#eee9dc;--muted:#a9a294;--line:rgba(214,168,62,.28)}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Montserrat,Arial,sans-serif;font-weight:300;letter-spacing:.04em}
a{color:inherit;text-decoration:none}
.site-header{height:74px;position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,72px);background:rgba(5,5,5,.82);backdrop-filter:blur(14px);border-bottom:1px solid rgba(214,168,62,.22)}
.wordmark{font-family:"Cormorant Garamond",serif;font-size:25px;letter-spacing:.13em;color:var(--gold2)}
nav{display:flex;gap:clamp(18px,3vw,42px)}
nav a{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#d0cbc0;transition:.25s}
nav a:hover{color:var(--gold2)}
.hero{min-height:100vh;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,rgba(97,66,19,.16),transparent 55%),#050505}
.hero:before,.hero:after{content:"";position:absolute;inset:8%;border:1px solid rgba(214,168,62,.08);transform:skewY(-3deg);pointer-events:none}
.hero:after{inset:16%;transform:skewY(4deg)}
.gold-glow{position:absolute;width:35vw;height:35vw;border-radius:50%;filter:blur(80px);opacity:.12;background:#c9952d}
.glow-one{top:3%;left:-15%}.glow-two{right:-15%;bottom:0}
.hero-inner{width:min(1100px,90vw);text-align:center;position:relative;z-index:2;padding-top:65px}
.logo-frame{width:min(880px,86vw);margin:0 auto 26px;display:flex;justify-content:center;align-items:center}
.logo-frame img{width:100%;height:auto;max-height:52vh;object-fit:contain;display:block;filter:drop-shadow(0 8px 25px rgba(0,0,0,.65))}
.tagline{font-size:11px;letter-spacing:.25em;color:var(--gold2);line-height:2;margin:0 auto}
.tagline span{padding:0 9px;color:var(--gold)}
.subtagline{font-size:11px;letter-spacing:.42em;color:#c5a85f;margin:8px 0 34px}
.outline-button{display:inline-block;border:1px solid var(--gold);padding:16px 28px;font-size:10px;letter-spacing:.22em;color:var(--gold2);transition:.3s}
.outline-button:hover{background:var(--gold);color:#080808}
.scroll-mark{display:block;color:var(--gold);font-size:27px;margin-top:25px}
.section{width:min(1120px,88vw);margin:auto}
.intro{text-align:center;padding:125px 0 105px}
.eyebrow{font-size:10px;letter-spacing:.35em;color:var(--gold);margin:0 0 22px}
.intro h1,.focus h2,.contact h2{font-family:"Cormorant Garamond",serif;font-size:clamp(40px,5vw,68px);font-weight:400;line-height:.95;margin:0}
em{color:var(--gold2);font-style:italic}
.lead{max-width:720px;margin:30px auto 0;color:var(--muted);line-height:1.9;font-size:14px}
.services{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);margin-bottom:120px}
.service{padding:42px 24px;text-align:center;min-height:250px;border-right:1px solid var(--line)}
.service:last-child{border-right:0}
.icon{display:block;color:var(--gold2);font-family:"Cormorant Garamond",serif;font-size:39px;margin-bottom:16px}
.service h2{font-family:"Cormorant Garamond",serif;text-transform:uppercase;font-weight:500;font-size:19px;letter-spacing:.11em;color:#dfc982}
.service p{font-size:11px;line-height:1.8;color:#918b80}
.focus{text-align:center;padding:0 0 125px}
.focus-line{height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin-bottom:75px}
.focus h2{font-size:clamp(38px,4.8vw,64px)}
.focus>p:last-child{max-width:690px;margin:30px auto;color:var(--muted);line-height:1.9;font-size:14px}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:clamp(45px,8vw,110px);padding:95px 0 120px;border-top:1px solid var(--line)}
.contact-copy h2{font-size:clamp(48px,5vw,72px)}
.contact-copy>p:not(.eyebrow){color:var(--muted);line-height:1.9;font-size:13px;max-width:470px}
.email{display:inline-block;color:var(--gold2);font-family:"Cormorant Garamond",serif;font-size:25px;border-bottom:1px solid var(--line);padding-bottom:7px;margin-top:10px}
.contact-form{display:flex;flex-direction:column;align-self:start}
.contact-form label{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#c8b980;margin:0 0 8px}
.contact-form input,.contact-form textarea{width:100%;background:rgba(255,255,255,.025);border:1px solid rgba(214,168,62,.32);color:#f4efe4;padding:13px 14px;margin-bottom:23px;outline:0;font:300 13px Montserrat,Arial,sans-serif;transition:.25s}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--gold)}
.contact-form textarea{resize:vertical;min-height:105px}
.contact-form button{align-self:flex-start;background:transparent;border:1px solid var(--gold);color:var(--gold2);padding:14px 25px;font:500 10px Montserrat,Arial,sans-serif;letter-spacing:.22em;cursor:pointer;transition:.25s}
.contact-form button:hover{background:var(--gold);color:#080808}
footer{text-align:center;border-top:1px solid var(--line);padding:42px 20px 32px;color:#817a6d}
.footer-logo{font-family:"Cormorant Garamond",serif;font-size:22px;letter-spacing:.2em;color:var(--gold)}
.footer-rule{width:150px;height:1px;background:var(--line);margin:16px auto}
footer p{font-size:8px;letter-spacing:.22em;line-height:1.8;margin:0 0 16px}
footer small{font-size:9px;letter-spacing:.12em}
@media(max-width:850px){
  .site-header{height:auto;min-height:68px;padding:15px 20px;align-items:flex-start}
  nav{display:none}
  .wordmark{font-size:22px}
  .hero{min-height:820px}
  .hero-inner{padding-top:70px}
  .logo-frame{width:94vw}
  .tagline{font-size:8px;letter-spacing:.13em}
  .tagline span{padding:0 3px}
  .subtagline{font-size:8px;letter-spacing:.25em}
  .services{grid-template-columns:1fr 1fr}
  .service:nth-child(2n){border-right:0}
  .service{border-bottom:1px solid var(--line)}
  .service:last-child{grid-column:1/-1;border-bottom:0}
  .contact{grid-template-columns:1fr;padding-top:75px}
}
@media(max-width:500px){
  .hero{min-height:730px}
  .logo-frame{margin-bottom:12px}
  .tagline{line-height:1.8}
  .subtagline{margin-bottom:27px}
  .intro{padding:90px 0 80px}
  .services{grid-template-columns:1fr;margin-bottom:90px}
  .service{border-right:0!important}
  .service:last-child{grid-column:auto}
  .focus{padding-bottom:90px}
  .contact{padding-bottom:90px}
}