:root { --cream:#f5eedf; --gold:#c8a45d; --deep-green:#082c21; }
* { box-sizing:border-box; }
html,body { width:100%; min-width:320px; min-height:100%; margin:0; overflow:hidden; background:var(--deep-green); }
.hero-page { position:relative; width:100%; min-height:100vh; min-height:100svh; overflow:hidden; display:grid; place-items:center; isolation:isolate; color:var(--cream); }
.hero-background,.hero-shade { position:absolute; inset:0; width:100%; height:100%; }
.hero-background { z-index:-3; object-fit:cover; object-position:center; animation:reveal 1.25s ease-out both; }
.hero-shade { z-index:-2; background:radial-gradient(ellipse at center,rgba(5,39,28,.48),rgba(5,39,28,.1) 50%,rgba(4,24,17,.18)),linear-gradient(180deg,rgba(3,22,15,.05),rgba(3,22,15,.2)); }
.hero-page::after { content:""; position:absolute; inset:0; z-index:-1; opacity:.1; pointer-events:none; background-image:repeating-linear-gradient(18deg,transparent 0 9px,rgba(255,255,255,.06) 10px 11px),repeating-linear-gradient(101deg,transparent 0 15px,rgba(0,0,0,.05) 16px 17px); mix-blend-mode:overlay; }
.hero-content { width:min(1100px,calc(100% - 56px)); padding:clamp(28px,5vh,60px) 0; display:flex; flex-direction:column; align-items:center; text-align:center; text-shadow:0 3px 24px rgba(3,24,17,.3); animation:rise .95s .14s ease-out both; }
.ornament { position:relative; width:100%; height:1px; background:linear-gradient(90deg,transparent,rgba(200,164,93,.9) 12%,rgba(200,164,93,.9) 88%,transparent); }
.ornament::after { content:""; position:absolute; top:50%; left:50%; width:105px; height:3px; border-radius:50%; background:var(--gold); transform:translate(-50%,-50%); box-shadow:0 0 14px rgba(200,164,93,.22); }
.ornament-top { margin-bottom:clamp(35px,6vh,72px); }
.ornament-middle { margin-top:clamp(26px,4vh,45px); margin-bottom:clamp(25px,3.6vh,42px); }
h1 { margin:0; font-family:Georgia,"Times New Roman",serif; font-weight:400; line-height:.83; text-transform:uppercase; }
h1 span { display:block; white-space:nowrap; }
.brand-primary { font-size:clamp(76px,10vw,154px); letter-spacing:-.065em; }
.brand-secondary { margin-top:.25em; font-size:clamp(54px,7.1vw,108px); letter-spacing:-.045em; }
.services { margin:0; display:flex; align-items:center; justify-content:center; gap:clamp(18px,2.3vw,34px); font:550 clamp(13px,1.7vw,25px)/1.5 Arial,sans-serif; letter-spacing:.2em; text-indent:.2em; text-transform:uppercase; }
.services i { flex:0 0 auto; width:8px; height:8px; border-radius:50%; background:var(--gold); box-shadow:0 0 12px rgba(200,164,93,.25); }
.coming-row { width:100%; margin-top:clamp(32px,5vh,52px); display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:clamp(16px,2.7vw,38px); }
.coming-row i { height:1px; background:linear-gradient(90deg,transparent,var(--gold)); }
.coming-row i:last-child { background:linear-gradient(90deg,var(--gold),transparent); }
.coming-row strong { min-width:clamp(255px,28vw,365px); padding:16px 30px 14px; border:2px solid rgba(245,238,223,.8); outline:1px solid rgba(8,44,33,.6); outline-offset:-7px; border-radius:17px; background:linear-gradient(180deg,#d3b066,#c59a4f); color:var(--deep-green); font:650 clamp(17px,2vw,28px)/1.3 Arial,sans-serif; letter-spacing:.17em; text-indent:.17em; text-shadow:none; text-transform:uppercase; box-shadow:0 8px 28px rgba(1,20,13,.2); }
@keyframes reveal { from { opacity:.45; transform:scale(1.04); } to { opacity:1; transform:scale(1); } }
@keyframes rise { from { opacity:0; transform:translateY(18px); } to { opacity:1; transform:translateY(0); } }
@media(max-width:700px) {
  .hero-shade { background:radial-gradient(ellipse at center,rgba(5,39,28,.58),rgba(5,39,28,.26) 56%,rgba(4,24,17,.33)),linear-gradient(180deg,rgba(3,22,15,.08),rgba(3,22,15,.25)); }
  .hero-content { width:calc(100% - 34px); padding:25px 0; }
  .ornament-top { margin-bottom:clamp(30px,6vh,48px); }
  .ornament-middle { margin-top:clamp(26px,4.5vh,36px); margin-bottom:clamp(23px,4vh,33px); }
  .brand-primary { font-size:clamp(55px,17.5vw,103px); }
  .brand-secondary { margin-top:.32em; font-size:clamp(38px,11.8vw,70px); }
  .services { max-width:340px; flex-wrap:wrap; gap:8px 12px; font-size:clamp(11px,3.4vw,16px); letter-spacing:.14em; }
  .services i { width:5px; height:5px; }
  .services span:last-child { flex-basis:100%; }
  .services i:last-of-type { display:none; }
  .coming-row { margin-top:clamp(28px,5vh,42px); gap:10px; }
  .coming-row strong { min-width:0; width:min(230px,67vw); padding:14px 16px 12px; border-radius:14px; font-size:clamp(14px,4vw,19px); letter-spacing:.13em; text-indent:.13em; }
}
@media(max-height:650px) and (orientation:landscape) {
  .hero-content { width:min(920px,calc(100% - 50px)); padding:20px 0; }
  .ornament-top { margin-bottom:20px; }
  .brand-primary { font-size:clamp(62px,12vh,90px); }
  .brand-secondary { font-size:clamp(43px,8.5vh,64px); }
  .ornament-middle { margin:22px 0 18px; }
  .services { font-size:13px; }
  .coming-row { margin-top:22px; }
  .coming-row strong { min-width:250px; padding-block:11px 9px; font-size:16px; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; } }