@import url('/assets/fonts/fonts.css');
:root{color-scheme:dark;--ink:#031710;--gold:#e8cb83;--muted:#d2c69d;--serif:'Cinzel',Georgia,serif;--body:'DM Sans',system-ui,sans-serif;--reading:Georgia,'Palatino Linotype',serif}
*,*::before,*::after{box-sizing:border-box}
html{min-height:100%;scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:#faf0d2;font:14px/1.6 var(--body);overflow-x:hidden}
a{color:#e8cd86}a:focus-visible{outline:2px solid #fbe8a3;outline-offset:4px}
.skip-link{position:fixed;left:16px;top:-70px;z-index:40;padding:10px 18px;background:#f1d58b;color:#061b12}.skip-link:focus{top:12px}
 .hero{position:relative;min-height:max(620px,calc(100svh - 175px));display:grid;place-items:center;isolation:isolate;overflow:hidden;text-align:center;padding:clamp(60px,8vh,100px) 22px 85px;background:linear-gradient(0deg,#031710 0%,#03171042 24%,#03171016 72%,#041b1266),url('/assets/westria-hero.webp') center 35%/cover no-repeat}
.hero::before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 50% 53%,#00180dc9 0%,#00190a77 25%,#00160928 55%,transparent 73%)}
.hero-foreground{background:inherit}
.hero-content{position:relative;z-index:2;max-width:880px;transform:translateY(-.3rem);filter:drop-shadow(0 4px 18px #00160bad)}
.brand-crest{display:block;width:clamp(110px,13vw,158px);height:auto;aspect-ratio:1/1;object-fit:contain;filter:drop-shadow(0 0 20px #05150b);margin:0 auto 16px}
.hero-wordmark{font:500 clamp(44px,7.8vw,94px)/1.12 var(--serif);letter-spacing:.22em;padding-left:.22em;color:#f6da91;text-shadow:0 2px 2px #000,0 0 25px #efca5b54;margin:0}
.gold-rule{display:flex;align-items:center;justify-content:center;gap:19px;margin:clamp(22px,4vh,35px) auto 20px;color:#f5d88b;font:28px var(--reading)}
.gold-rule::before,.gold-rule::after{content:'';display:block;width:clamp(65px,11vw,140px);height:1px;background:linear-gradient(90deg,transparent,#ead18d)}
.gold-rule::after{transform:rotate(180deg)}
.hero h1{margin:0;color:#fff2d7;font:400 clamp(29px,4.3vw,58px)/1.24 var(--reading);letter-spacing:.012em;text-shadow:0 3px 22px #00170a,0 2px 8px #000}
.hero h1 span{display:block;color:#e9d295;font-style:italic}
.hero-floor{position:absolute;bottom:0;left:0;right:0;height:85px;pointer-events:none;background:linear-gradient(transparent,#031710)}
@media(max-width:700px){.hero{min-height:max(520px,calc(100svh - 200px));padding:85px 18px 75px;background-image:linear-gradient(0deg,#031710 0%,#03171063 25%,#03171040 75%,#03171077),url('/assets/westria-hero-small.webp');background-position:63% 35%}.hero::before{background:radial-gradient(ellipse at 50% 51%,#00180dd4 0%,#00190a80 38%,transparent 78%)}.hero-content{transform:translateY(-.5rem)}.brand-crest{width:122px;margin-bottom:15px}.hero-wordmark{font-size:clamp(41px,10.6vw,69px);letter-spacing:.15em;padding-left:.15em}.hero h1{font-size:clamp(30px,7.9vw,44px)}}
@media(max-width:390px){.hero{padding-left:12px;padding-right:12px}.hero-wordmark{font-size:40px;letter-spacing:.11em;padding-left:.11em}.brand-crest{width:113px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-atmosphere,.hero-foreground{display:none!important}}

/* Clean branded header: keep only the Westria identity and one social destination. */
.site-header{height:82px;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:0 clamp(20px,5.2vw,90px);background:#03170feb;border-bottom:1px solid #ba9d55;position:relative;z-index:5;box-shadow:0 2px 14px #00150b55}
.site-header__identity{display:flex;align-items:center;gap:13px;color:#efd38c;text-decoration:none;min-width:0}
.site-header__mark{font:clamp(39px,4vw,53px)/1 var(--reading);color:#f1d17d;text-shadow:0 0 14px #ce9c4e77}
.site-header__wordmark{font:600 clamp(18px,2.2vw,26px)/1.1 var(--serif);letter-spacing:.22em;white-space:nowrap}
.site-header__wordmark small{display:block;font:500 8px/1.35 var(--serif);letter-spacing:.22em;margin-top:7px;color:#c9b47f}
.site-header__x{display:inline-flex;align-items:center;justify-content:center;gap:13px;border:1px solid #b6984e;color:#f0d38d;text-decoration:none;padding:7px 16px 8px 13px;border-radius:999px;min-height:46px;background:linear-gradient(180deg,#12382a,#061e17);box-shadow:inset 0 0 0 1px #6e5a3155;transition:background .2s,border-color .2s,box-shadow .2s}
.site-header__x:hover,.site-header__x:focus-visible{background:#174734;border-color:#f3ce7e;box-shadow:0 0 18px #cba34733}
.site-header__x-icon{font:29px/1 system-ui,sans-serif;color:#f3d488}
.site-header__x-copy{font:600 11px/1.3 var(--serif);letter-spacing:.06em;white-space:nowrap}
.site-header__x-copy small{display:block;font:400 10px/1.35 var(--body);letter-spacing:0;color:#cfbd8e;margin-top:2px}
.hero{min-height:max(580px,calc(100svh - 260px));}
.hero-content{max-width:1120px;}
/* No secondary WESTRIA subtitle, and no duplicate gold X CTA below the headline. */
.gold-rule{margin:clamp(13px,2.4vh,21px) auto clamp(13px,2.4vh,21px)}
.hero h1{font-size:clamp(30px,4vw,58px);white-space:normal}
.hero h1 em{color:#e7c77e;font-style:italic;font-weight:400}
@media(max-width:700px){
  .site-header{height:71px;padding:0 18px}
  .site-header__mark{font-size:36px}
  .site-header__identity{gap:8px}
  .site-header__wordmark{font-size:16px;letter-spacing:.15em}
  .site-header__wordmark small{font-size:6px;letter-spacing:.13em}
  .site-header__x{padding:7px 11px;min-height:41px;gap:8px}
  .site-header__x-icon{font-size:23px}
  .site-header__x-copy{font-size:9px}
  .site-header__x-copy small{font-size:9px}
  .hero{min-height:max(540px,calc(100svh - 250px))}
}
@media(max-width:440px){
  .site-header{padding:0 12px}
  .site-header__x-copy small{display:none}
  .site-header__x-copy{font-size:9px}
  .site-header__x-icon{font-size:22px}
  .site-header__x{gap:5px;padding:6px 9px}
  .site-header__wordmark{font-size:15px;letter-spacing:.11em}
  .site-header__mark{font-size:32px}
  .hero h1{font-size:clamp(27px,7.4vw,38px)}
}


/* Launch visual, approved 12 Nov 2026: bright reflective gold WESTRIA,
   restored full-screen cinematic composition; all text remains selectable. */
.hero-wordmark{
  display:block;
  width:max-content;
  max-width:100%;
  margin:0 auto;
  font-family:var(--serif);
  font-weight:500;
  font-size:clamp(44px,7.8vw,94px);
  line-height:1.15;
  letter-spacing:.205em;
  padding-left:.205em;
  background:linear-gradient(180deg,
    #fffce3 0%,
    #fff2bd 9%,
    #daa64c 19%,
    #fff8d9 28%,
    #c58a31 38%,
    #8a531f 48%,
    #e6b75e 56%,
    #ffedaf 65%,
    #fff9d1 72%,
    #c18a36 83%,
    #f3c873 92%,
    #8f5621 100%);
  background-size:100% 100%;
  background-clip:text;
  -webkit-background-clip:text;
  color:#f6da91;
  -webkit-text-fill-color:transparent;
  -webkit-text-stroke:.4px #ffdf90aa;
  text-shadow:none;
  filter:drop-shadow(0 2px 1px #160e06bb) drop-shadow(0 0 10px #f3bf5948);
}
.hero{
  min-height:max(630px,calc(100svh - 175px));
}
.hero-content{
  transform:translateY(-72px);
}
.gold-rule{
  color:#ffe39a;
  text-shadow:0 0 8px #e6a83a44;
}
.gold-rule::before{
  background:linear-gradient(90deg,transparent,#be8e35,#ffe5a1);
}
.gold-rule::after{
  background:linear-gradient(90deg,#ffe5a1,#be8e35,transparent);
  transform:none;
}
@media(max-width:700px){
  .hero{min-height:max(540px,calc(100svh - 160px));}
  .hero-content{transform:translateY(-26px);}
  .hero-wordmark{font-size:clamp(41px,10.6vw,69px);letter-spacing:.15em;padding-left:.15em;}
}
@media(max-width:390px){
  .hero-wordmark{font-size:40px;letter-spacing:.11em;padding-left:.11em;}
}