:root{--blue:#010b34;--blue-2:#031743;--blue-glow:#0b2654;--ink:#061d55;--control-ink:#07143c;--gold-highlight:#fff0bd;--gold-light:#f2d28b;--gold:#d7a344;--gold-deep:#985a16;--gold-pale:#ead09a;--ivory:#f7edd9;--ivory-soft:#fbf1dd;--ivory-muted:#eadfc9;--ivory-surface:#f6f1e8;--ivory-surface-soft:#fffaf0;--text-dark-title:var(--gold);--text-dark-subtitle:var(--gold-pale);--text-dark-body:var(--ivory);--text-light-title:var(--ink);--text-light-body:var(--ink);--text-eyebrow:var(--ink);--text-accent:var(--gold);--line:rgba(215,163,68,.62);--gold-gradient:linear-gradient(112deg,var(--gold-deep) 0%,var(--gold) 22%,var(--gold-highlight) 46%,var(--gold-light) 62%,var(--gold) 78%,var(--gold-deep) 100%);--gold-text-gradient:linear-gradient(180deg,var(--gold-highlight) 0%,var(--gold-light) 26%,var(--gold) 55%,var(--gold-deep) 100%);--shell:min(1220px,calc(100% - 72px));--display:Georgia,"Times New Roman",serif;--sans:Arial,"Helvetica Neue",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--blue);color:var(--ivory);font-family:var(--display);overflow-x:hidden}a{color:inherit}.shell{width:var(--shell);margin-inline:auto}.site-header{height:90px;position:absolute;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;padding:0 max(34px,calc((100vw - 1340px)/2));border-bottom:1px solid rgba(223,173,77,.16);background:linear-gradient(180deg,rgba(1,11,52,.98),rgba(1,11,52,.82))}.brand{width:220px;height:82px;display:flex;align-items:center;padding-block:4px}.brand img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.primary-nav{margin-left:auto;display:flex;align-items:center;gap:27px;font-size:14px;color:var(--ivory-muted)}.primary-nav a{text-decoration:none;white-space:nowrap;transition:color .2s ease,text-shadow .2s ease}.primary-nav a:not(.nav-cta):hover,.primary-nav a:not(.nav-cta):focus-visible{color:var(--gold-light);text-shadow:0 0 14px rgba(244,206,121,.24)}.nav-cta{display:inline-flex;align-items:center;justify-content:center;min-width:118px;height:46px;margin-left:7px;color:var(--control-ink)!important;background:var(--gold-gradient);border:1px solid var(--gold-light);border-radius:3px;box-shadow:inset 0 1px 0 rgba(255,255,255,.46),0 8px 24px rgba(223,173,77,.2);font-size:17px;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}.nav-cta:hover,.nav-cta:focus-visible{transform:translateY(-1px);filter:saturate(1.08) brightness(1.055);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 9px 28px rgba(244,206,121,.32),0 0 18px rgba(244,206,121,.12)}.menu-toggle{display:none;background:none;border:0;padding:10px}.menu-toggle span{display:block;width:28px;height:2px;background:var(--gold-light);margin:6px}
.hero{position:relative;min-height:810px;display:flex;align-items:center;isolation:isolate;border-bottom:1px solid rgba(223,173,77,.25)}.hero-art,.hero-shade{position:absolute;inset:0}.hero-art{z-index:-3;background-image:url("../images/hero-handoff-desktop.png");background-size:cover;background-position:center}.hero-shade{z-index:-2;background:linear-gradient(90deg,rgba(1,11,52,.94) 0%,rgba(1,11,52,.76) 38%,rgba(1,11,52,.12) 68%,rgba(1,11,52,.08) 100%),linear-gradient(180deg,rgba(1,11,52,.2),rgba(1,11,52,.05) 65%,rgba(1,11,52,.56))}.hero-content{padding-top:105px}.hero h1{max-width:670px;margin:0;color:var(--text-dark-title);background:var(--gold-text-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:clamp(64px,5.7vw,92px);line-height:.98;font-weight:400;letter-spacing:-.035em;filter:drop-shadow(0 3px 12px rgba(0,0,0,.48))}.hero h1 em{font-weight:400}.hero-subtitle{margin:20px 0 21px;color:var(--text-dark-subtitle);font-size:clamp(25px,2.05vw,34px);font-style:italic;line-height:1.2}.hero-copy{max-width:610px;margin:0;font-size:19px;line-height:1.45;color:var(--text-dark-body);text-shadow:0 2px 18px rgba(0,0,0,.7)}.button-row{display:flex;gap:18px;margin-top:29px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:52px;padding:14px 24px;border-radius:4px;font-family:var(--display);font-size:17px;text-decoration:none;transition:transform .2s ease,filter .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease,border-color .2s ease}.button:hover{transform:translateY(-1px)}.button:focus-visible,.primary-nav a:focus-visible,.menu-toggle:focus-visible{outline:3px solid var(--ivory);outline-offset:3px}.button-gold,.button-soft{color:var(--control-ink);background:var(--gold-gradient);border:1px solid var(--gold-light);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 8px 24px rgba(184,115,32,.22),0 0 0 1px rgba(255,230,168,.08)}.button-gold:hover,.button-gold:focus-visible,.button-soft:hover,.button-soft:focus-visible{filter:saturate(1.08) brightness(1.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.66),0 10px 28px rgba(223,173,77,.34),0 0 20px rgba(244,206,121,.15)}.button-outline{border:1px solid var(--gold);color:var(--ivory-soft);background:rgba(1,11,52,.58);box-shadow:inset 0 0 0 1px rgba(255,230,168,.04)}.button-outline:hover,.button-outline:focus-visible{border-color:var(--gold-light);color:var(--ivory);background:rgba(10,28,78,.74);box-shadow:0 0 18px rgba(244,206,121,.12)}
.architecture{padding:94px 34px;background:radial-gradient(circle at 50% 50%,var(--blue-glow) 0,var(--blue) 70%)}.architecture-panel{position:relative;max-width:1320px;min-height:535px;margin:auto;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--ivory-surface);color:var(--text-light-body);box-shadow:0 26px 80px rgba(0,0,0,.28)}.architecture-art{position:absolute;inset:0;background:url("../images/architecture-desktop.webp") center/cover no-repeat}.architecture-panel::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,250,239,.98) 0%,rgba(255,250,239,.91) 37%,rgba(255,250,239,.16) 57%,rgba(2,11,39,.04) 100%)}.architecture-content{position:relative;z-index:2;width:54%;padding:54px 0 50px 56px;font-family:var(--sans)}.eyebrow{margin:0 0 12px;color:var(--text-eyebrow);font-size:13px!important;line-height:1.2!important;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.architecture h2{margin:0 0 22px;color:var(--text-light-title);font-family:var(--display);font-size:49px;line-height:.98;font-weight:400;letter-spacing:-.025em}.architecture-content>p:not(.eyebrow){max-width:640px;margin:0 0 8px;color:var(--text-light-body);font-size:16px;line-height:1.42}.architecture-content .button{margin-top:20px;font-size:15px}.wall-inscription{position:absolute;z-index:3;right:2.35%;top:24%;width:128px;margin:0;color:var(--gold-light);font-family:var(--sans);font-size:13px;line-height:1.58;letter-spacing:.14em;text-align:left;text-transform:uppercase;opacity:.58;mix-blend-mode:screen;transform-origin:right center;transform:perspective(700px) rotateY(-14deg) skewY(-.7deg) scaleX(.96);filter:contrast(.92) saturate(.78);text-shadow:1px 1px 0 rgba(5,13,35,.55),0 0 4px rgba(242,210,139,.12)}
.metallic-emphasis{color:var(--gold);background:var(--gold-text-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 1px rgba(152,90,22,.2))}.architecture h2 em{font-weight:400}.founder-quote{position:relative;min-height:340px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-top:1px solid rgba(223,173,77,.18);border-bottom:1px solid rgba(223,173,77,.18);background:var(--blue-2);isolation:isolate}.quote-art{position:absolute;inset:0;z-index:-2;background:url("../images/quote-desktop.webp") center/cover no-repeat}.founder-quote::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(1,11,52,.05),rgba(1,11,52,.35) 28%,rgba(1,11,52,.35) 72%,rgba(1,11,52,.05))}.quote-content{position:relative;width:min(980px,78%);text-align:center;display:grid;grid-template-columns:80px 1fr 80px;align-items:center}.quote-content blockquote{margin:0}.quote-content p{margin:0;color:var(--text-dark-body);font-size:clamp(23px,2.05vw,32px);line-height:1.35}.quote-content strong{display:block;margin-top:4px;color:var(--text-accent);font-weight:400;font-size:1.15em}.quote-content footer{margin-top:16px;color:var(--text-accent);font-size:18px}.quote-mark{color:var(--gold-light);font-size:94px;line-height:1}.quote-open{align-self:start}.quote-close{align-self:end}
[data-pending]{cursor:default}
@media(max-width:1100px){.architecture-art{background-position:right center}.primary-nav{gap:15px;font-size:12px}.nav-cta{min-width:95px}.architecture-content{width:60%}.wall-inscription{right:2%;width:112px;font-size:11px;transform:perspective(620px) rotateY(-13deg) skewY(-.65deg) scaleX(.96)}.founder-quote{min-height:420px}.quote-art{background-size:100% auto;background-position:center bottom;background-repeat:no-repeat}.founder-quote::after{background:linear-gradient(180deg,rgba(1,11,52,.72) 0%,rgba(1,11,52,.24) 55%,rgba(1,11,52,.12) 100%)}.quote-content{width:min(860px,86%);grid-template-columns:58px 1fr 58px}}
@media(max-width:820px){.founder-quote{min-height:660px}.quote-art{background-image:url("../images/quote-mobile.webp");background-position:center;background-size:cover}.founder-quote::after{background:rgba(1,11,52,.08)}.quote-content{width:calc(100% - 64px);display:block;padding:54px 0}.quote-content p{font-size:25px;line-height:1.35}.quote-content strong{margin-top:10px}.quote-content footer{font-size:17px}.quote-mark{display:block;font-size:75px;height:64px}.quote-open{margin-bottom:18px}.quote-close{margin-top:25px}}
@media(max-width:820px){:root{--shell:calc(100% - 42px)}.site-header{height:84px;padding:0 19px;position:absolute}.brand{width:178px;height:74px;padding-block:4px}.menu-toggle{display:block;margin-left:auto}.primary-nav{position:absolute;top:84px;left:0;right:0;margin:0;padding:22px;display:none;flex-direction:column;align-items:stretch;gap:0;background:rgba(1,11,52,.985);border-bottom:1px solid var(--line)}.primary-nav.is-open{display:flex}.primary-nav a{padding:14px;border-bottom:1px solid rgba(223,173,77,.18);font-size:15px}.primary-nav .nav-cta{margin:15px 0 0;border:0}.hero{min-height:0;display:block;padding-top:84px;background:var(--blue)}.hero-art{position:relative;height:620px;background-image:url("../images/hero-handoff-mobile.png");background-size:cover;background-position:center 8%;background-repeat:no-repeat;background-color:var(--blue)}.hero-shade{display:none}.hero-content{padding-top:34px;padding-bottom:44px}.hero h1{font-size:47px;line-height:1.03;letter-spacing:-.025em}.hero-subtitle{margin:15px 0 17px;font-size:20px}.hero-copy{font-size:17px;line-height:1.46}.button-row{display:grid;gap:13px;margin-top:25px}.button{width:100%;font-size:16px}.architecture{padding:62px 17px}.architecture-panel{min-height:0;overflow:hidden;border-radius:14px}.architecture-art{position:relative;height:430px;top:auto;inset:auto;background-image:url("../images/architecture-mobile.webp");background-position:center 58%;order:2}.architecture-panel{display:flex;flex-direction:column;background:var(--ivory-surface-soft)}.architecture-panel::after{display:none}.architecture-content{width:100%;padding:36px 24px 27px;order:1}.architecture h2{font-size:42px;line-height:1}.architecture-content>p{font-size:15px;line-height:1.43}.architecture-content .button{font-size:14px;padding-inline:13px}.wall-inscription{top:auto;bottom:108px;right:6%;width:112px;font-size:11px;line-height:1.55;text-align:left;opacity:.6;transform-origin:right center;transform:perspective(360px) rotateY(-24deg) skewY(-1deg) scaleX(.96);order:3}.quote-content{width:calc(100% - 44px);padding:50px 0}.quote-content p{font-size:24px}}
@media(max-width:390px){.hero-art{height:430px}.hero h1{font-size:41px}.architecture h2{font-size:37px}.architecture-content{padding-inline:20px}.wall-inscription{bottom:110px;font-size:9px}.quote-content p{font-size:22px}}

/* Existing section 2 wall-plane lettering treatment. */
.wall-lettering{position:absolute;inset:0;z-index:3;background:url("../images/architecture-wall-lettering.svg") center/cover no-repeat;pointer-events:none}
.wall-inscription{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:1100px){.wall-lettering{background-position:right center}}
@media(max-width:820px){.wall-lettering{inset:auto 0 0;height:430px;background-image:url("../images/architecture-wall-lettering-mobile.svg");background-position:center 58%}}
@media(min-width:821px) and (max-width:1100px){.quote-content{transform:translateY(-82px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Hero handoff v1 — authoritative Header + Hero implementation (2026-09-17). */
:root{
  --hero-handoff-blue:#010b34;
  --hero-handoff-ivory:#f7edd9;
  --hero-handoff-champagne:#efd393;
  --hero-handoff-gold:linear-gradient(108deg,#b7832f 0%,#e4bd68 16%,#fff0b4 31%,#d5a64e 45%,#ffe8a1 58%,#bd8730 73%,#efd07f 88%,#fff1b8 100%);
  --hero-handoff-button:linear-gradient(112deg,#c18a32 0%,#edc66f 20%,#fff0b5 43%,#e3b75b 66%,#b97827 100%);
}
.brand-mobile{display:none}
.site-header{
  height:13.18%;min-height:100px;
  padding:0 4.15vw;
  background:rgba(1,11,52,.54);
  border-bottom:1px solid rgba(239,211,147,.35);
  backdrop-filter:none;
}
.brand{width:250px;height:112px;padding:5px 0;flex:0 0 auto;overflow:hidden}
.brand .brand-full{width:100%;height:100%;object-fit:contain;display:block}
.primary-nav{gap:clamp(24px,2.8vw,53px);font-size:clamp(14px,1.14vw,19px);color:var(--hero-handoff-ivory)}
.nav-cta{
  min-width:clamp(132px,11.6vw,194px);height:56px;margin-left:9px;
  border-radius:4px;border-color:#f8d98e;background:var(--hero-handoff-button);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.52),0 0 18px rgba(236,191,99,.16);
  font-size:clamp(17px,1.35vw,23px)
}
.hero{height:clamp(720px,56.28vw,941px);min-height:720px;display:block;padding:0;overflow:hidden;background:var(--hero-handoff-blue);border-bottom:0}
.hero-art{position:absolute;inset:0;z-index:-3;background:url("../images/hero-handoff-desktop.png") center/cover no-repeat}
.hero-structure,.hero-shade{display:none}
.hero::before{display:none}
.hero-content{
  position:absolute;z-index:2;left:4.15vw;top:24.7%;
  width:45%;max-width:760px;margin:0;padding:0;transform:none
}
.hero h1{
  max-width:none;margin:0;
  font-size:clamp(66px,6vw,100px);line-height:.94;letter-spacing:-.035em;font-weight:400;
  color:var(--hero-handoff-champagne);background-image:var(--hero-handoff-gold);background-size:175% 100%;background-position:43% 50%;
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  -webkit-text-stroke:.2px rgba(255,240,180,.38);
  filter:drop-shadow(0 1px 0 rgba(255,244,201,.22)) drop-shadow(0 3px 5px rgba(48,26,4,.42)) drop-shadow(0 0 11px rgba(239,198,111,.11))
}
.hero h1 em{font-style:italic;font-weight:400;text-shadow:none}
.hero-subtitle{margin:14px 0 27px;color:#e7b967;font-size:clamp(24px,2.06vw,34px);line-height:1.15;font-style:italic;text-shadow:0 2px 10px rgba(0,0,0,.42)}
.hero-copy{max-width:660px;margin:0;color:var(--hero-handoff-ivory);font-size:clamp(17px,1.44vw,24px);line-height:1.34;text-shadow:0 2px 16px rgba(0,0,0,.72)}
.hero .button-row{display:flex;gap:23px;margin-top:32px}
.hero .button{min-height:58px;width:auto;padding:14px 37px;border-radius:4px;font-size:clamp(16px,1.28vw,21px);white-space:nowrap}
.hero .button-gold{color:#0a153a;background:var(--hero-handoff-button);border:1px solid #f4d487;box-shadow:inset 0 1px 0 rgba(255,255,255,.58),0 7px 24px rgba(209,153,57,.24)}
.hero .button-outline{color:#efd8a5;background:rgba(1,11,52,.74);border:1px solid #e8b752;box-shadow:inset 0 0 0 1px rgba(255,234,174,.05)}

@media(max-width:1100px) and (min-width:821px){
  .site-header{padding-inline:3.2vw}.brand{width:190px}.primary-nav{gap:14px;font-size:12px}.nav-cta{min-width:100px;height:45px;font-size:15px}
  .hero-content{left:4vw;width:49%;top:23%}.hero h1{font-size:59px}.hero-subtitle{font-size:23px;margin-bottom:20px}.hero-copy{font-size:16px}.hero .button{padding-inline:20px;font-size:15px}.hero .button-row{gap:13px;margin-top:23px}
}

@media(max-width:820px){
  :root{--shell:calc(100% - 42px)}
  .site-header{height:7.55vw;min-height:52px;max-height:126px;padding:0 5%;background:#010b34;border-bottom:1px solid rgba(239,211,147,.28)}
  .brand{width:min(62vw,585px);height:100%;padding:0;overflow:visible}
  .brand-full{display:none!important}.brand-mobile{height:100%;display:flex;align-items:center;gap:1.8vw}
  .brand-mobile-symbol{width:18.5vw;height:8.8vw;max-width:174px;max-height:83px;background:url("../images/hero-official-logo.png") center top/23vw 11.5vw no-repeat;flex:none}
  .brand-mobile-wordmark{width:38vw;height:4.8vw;max-width:358px;max-height:45px;background:url("../images/hero-official-logo.png") center bottom/43vw 21.5vw no-repeat;flex:none}
  .menu-toggle{display:block;margin-left:auto;padding:6px}.menu-toggle span{width:4.6vw;max-width:44px;min-width:25px;height:2px;margin:5px;background:#edd09a}
  .primary-nav{top:max(52px,7.55vw);padding:18px 22px;background:rgba(1,11,52,.99)}
  .primary-nav a{font-size:15px}.primary-nav .nav-cta{height:46px;margin-top:15px}
  .hero{height:177.68vw;min-height:690px;max-height:none;padding:0;display:block}
  .hero-art{position:absolute;top:max(52px,7.55vw);right:0;bottom:0;left:0;height:auto;background-image:url("../images/hero-handoff-mobile.png");background-size:cover;background-position:center center;background-repeat:no-repeat}
  .hero::before{content:"";display:block;position:absolute;z-index:0;left:-12%;right:-12%;top:46.5%;bottom:-1px;pointer-events:none;opacity:.58;background:
    radial-gradient(ellipse 62% 68% at 50% 46%,transparent 0 48.8%,rgba(222,174,78,.46) 49%,rgba(222,174,78,.46) 49.15%,transparent 49.35%),
    radial-gradient(ellipse 88% 94% at 50% 47%,transparent 0 54.6%,rgba(222,174,78,.32) 54.75%,rgba(222,174,78,.32) 54.9%,transparent 55.1%),
    linear-gradient(180deg,rgba(1,11,52,.05),rgba(1,11,52,.34) 28%,rgba(1,11,52,.72) 100%)}
  .hero-content{left:9%;top:48.8%;width:82%;max-width:none;text-align:center;padding:0;margin:0;transform:none}
  .hero h1{font-size:clamp(40px,9.9vw,93px);line-height:.99;letter-spacing:-.032em;background-image:var(--hero-handoff-gold);background-size:175% 100%;background-position:44% 50%;-webkit-text-stroke:.15px rgba(255,240,180,.34);filter:drop-shadow(0 1px 0 rgba(255,244,201,.18)) drop-shadow(0 2px 4px rgba(48,26,4,.38))}
  .hero-subtitle{margin:11px -3% 0;color:#e9c17a;font-size:clamp(17px,4.08vw,38px);line-height:1.15}
  .hero-copy{max-width:none;margin-top:48px;font-size:clamp(15px,3.05vw,29px);line-height:1.37;text-shadow:0 2px 12px rgba(0,0,0,.7)}
  .hero-copy::before{content:"";position:absolute;left:19%;right:19%;margin-top:-25px;height:1px;background:linear-gradient(90deg,transparent,#e7b557 18%,#fff0af 50%,#e7b557 82%,transparent);box-shadow:0 0 8px rgba(236,184,78,.28)}
  .hero-copy::after{content:"";position:absolute;left:50%;width:13px;height:13px;margin:-31px 0 0 -7px;border:1px solid #f0c568;border-radius:50%;background:#07143b;box-shadow:0 0 0 4px rgba(226,173,72,.18),0 0 10px rgba(242,198,100,.38)}
  .hero .button-row{display:grid;gap:10px;margin-top:16px}
  .hero .button{width:100%;min-height:50px;padding:10px 14px;font-size:clamp(16px,4.1vw,39px);white-space:nowrap}
}

@media(max-width:430px){
  .hero{min-height:693px}
  .hero-content{top:48.5%;width:84%;left:8%}
  .hero h1{font-size:40px}.hero-subtitle{font-size:16px}.hero-copy{font-size:14px;margin-top:43px}.hero-copy::before{margin-top:-23px}.hero-copy::after{margin-top:-29px}
  .hero .button-row{margin-top:14px}.hero .button{min-height:49px;font-size:16px}
}

/* Locked global Header rollback: last approved state before the Hero handoff. */
.site-header{
  height:90px;min-height:0;max-height:none;position:absolute;z-index:20;top:0;left:0;right:0;
  display:flex;align-items:center;padding:0 max(34px,calc((100vw - 1340px)/2));
  border-bottom:1px solid rgba(223,173,77,.16);
  background:linear-gradient(180deg,rgba(1,11,52,.98),rgba(1,11,52,.82))
}
.brand{width:220px;height:82px;display:flex;align-items:center;padding-block:4px;overflow:visible;flex:0 0 auto}
.brand img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}
.primary-nav{margin-left:auto;display:flex;align-items:center;gap:27px;font-size:14px;color:var(--ivory-muted)}
.nav-cta{min-width:118px;height:46px;margin-left:7px;border-radius:3px;font-size:17px}

/* New approved Hero: plain ivory title and one consistent standard-gold subtitle. */
.hero h1{
  color:var(--ivory);background:none;-webkit-background-clip:border-box;background-clip:border-box;
  -webkit-text-fill-color:var(--ivory);-webkit-text-stroke:0;filter:drop-shadow(0 3px 8px rgba(0,0,0,.48))
}
.hero h1 em{color:inherit;text-shadow:none}
.hero-subtitle{color:var(--gold)}

@media(max-width:1100px) and (min-width:821px){
  .site-header{padding:0 max(34px,calc((100vw - 1340px)/2))}
  .brand{width:220px;height:82px}
  .primary-nav{gap:15px;font-size:12px}
  .nav-cta{min-width:95px;height:46px;font-size:17px}
}

@media(max-width:820px){
  .site-header{height:84px;min-height:0;max-height:none;padding:0 19px;position:absolute}
  .brand{width:178px;height:74px;padding-block:4px}
  .menu-toggle{display:block;margin-left:auto}
  .menu-toggle span{display:block;width:28px;min-width:0;max-width:none;height:2px;margin:6px;background:var(--gold-light)}
  .primary-nav{position:absolute;top:84px;left:0;right:0;margin:0;padding:22px;display:none;flex-direction:column;align-items:stretch;gap:0;background:rgba(1,11,52,.985);border-bottom:1px solid var(--line)}
  .primary-nav.is-open{display:flex}
  .primary-nav a{padding:14px;border-bottom:1px solid rgba(223,173,77,.18);font-size:15px}
  .primary-nav .nav-cta{height:46px;margin:15px 0 0;border:0;font-size:17px}
  .hero h1{color:var(--ivory);background:none;-webkit-text-fill-color:var(--ivory);-webkit-text-stroke:0;filter:drop-shadow(0 3px 8px rgba(0,0,0,.5))}
  .hero-subtitle{color:var(--gold)}
}

/* Approved global Header from the September 17 desktop/mobile Hero references. */
.site-header{
  height:clamp(90px,7.42vw,124px);min-height:0;max-height:none;
  padding:0 4.15vw;background:rgba(1,11,52,.58);
  border-bottom:1px solid rgba(239,211,147,.34)
}
.brand{width:15vw;max-width:250px;height:100%;margin-left:-1.35vw;padding:5px 0;overflow:hidden;flex:0 0 auto}
.brand .brand-full{width:100%;height:100%;object-fit:contain;object-position:center;display:block}
.brand-mobile{display:none}
.primary-nav{margin-left:auto;gap:clamp(24px,2.8vw,53px);font-size:clamp(14px,1.25vw,20px);color:var(--ivory)}
.nav-cta{
  min-width:clamp(132px,11.6vw,194px);height:clamp(46px,3.35vw,56px);margin-left:9px;
  border:1px solid #f8d98e;border-radius:4px;background:var(--hero-handoff-button);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.52),0 0 18px rgba(236,191,99,.16);
  font-size:clamp(17px,1.35vw,23px)
}

@media(max-width:1100px) and (min-width:821px){
  .site-header{padding-inline:3.2vw}
  .brand{width:190px;height:100%;margin-left:0}
  .primary-nav{gap:14px;font-size:12px}
  .nav-cta{min-width:100px;height:45px;font-size:15px}
}

@media(max-width:820px){
  .site-header{
    height:clamp(52px,13.39vw,126px);min-height:0;max-height:126px;
    padding:0 4.6%;background:#010b34;border-bottom:1px solid rgba(239,211,147,.3)
  }
  .brand{width:60vw;max-width:565px;height:100%;margin-left:0;padding:0;overflow:visible}
  .brand-full{display:none!important}
  .brand-mobile{height:100%;display:flex;align-items:center;gap:2.2vw}
  .brand-mobile-symbol{
    width:19vw;height:9.4vw;max-width:179px;max-height:88px;flex:none;
    background:url("../images/hero-official-logo.png") center top/24vw 12vw no-repeat
  }
  .brand-mobile-wordmark{
    width:37.3vw;height:4.9vw;max-width:351px;max-height:46px;flex:none;
    background:url("../images/hero-official-logo.png") center bottom/42vw 21vw no-repeat
  }
  .menu-toggle{display:block;margin-left:auto;padding:5px}
  .menu-toggle span{width:4.8vw;min-width:19px;max-width:45px;height:2px;margin:5px 0;background:#efd49b}
  .primary-nav{top:clamp(52px,13.39vw,126px)}
}

/* Section 2 approved desktop/mobile composition — September 17, 2026. */
.architecture{
  padding:94px 34px;
  background:radial-gradient(circle at 50% 50%,var(--blue-glow) 0,var(--blue) 70%)
}
.architecture-panel{
  position:relative;display:block;max-width:1320px;min-height:527px;margin:auto;
  overflow:hidden;border:1px solid rgba(215,163,68,.62);border-radius:8px;
  background:var(--ivory-surface-soft);color:var(--ink);
  box-shadow:0 26px 80px rgba(0,0,0,.28)
}
.architecture-panel::after{display:none}
.architecture-art{
  position:absolute;inset:0 0 0 auto;width:48%;height:100%;
  background:url("../images/missing-layer-desktop-approved-art.png") center/100% 100% no-repeat
}
.architecture-content{
  position:relative;z-index:2;width:54%;padding:52px 0 48px 58px;
  font-family:var(--sans)
}
.architecture .eyebrow{
  margin:0 0 14px;color:var(--gold);font-size:13px!important;line-height:1.2!important;
  font-weight:700;letter-spacing:.2em;text-transform:uppercase
}
.architecture h2{
  margin:0 0 24px;color:var(--ink);font-family:var(--display);
  font-size:48px;line-height:.98;font-weight:400;letter-spacing:-.025em
}
.architecture h2 .architecture-gold{color:var(--gold)}
.architecture h2 em{font-weight:400}
.architecture-content>.architecture-copy{
  max-width:640px;margin:0;color:var(--ink);font-size:16px;line-height:1.42
}
.architecture-content .button{
  min-height:52px;margin-top:25px;padding-inline:24px;font-size:15px
}
.architecture-content .button-gold{
  color:#0a153a;background:var(--hero-handoff-button);border:1px solid #f4d487;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.58),0 7px 24px rgba(209,153,57,.24)
}
.architecture .wall-inscription{
  position:absolute!important;width:1px!important;height:1px!important;padding:0!important;
  margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;border:0!important
}

@media(max-width:1100px) and (min-width:821px){
  .architecture-panel{min-height:530px}
  .architecture-art{width:49%;background-size:cover;background-position:center}
  .architecture-content{width:58%;padding-left:46px;padding-right:18px}
  .architecture h2{font-size:43px}
  .architecture-content>.architecture-copy{font-size:15px;line-height:1.4}
}

@media(max-width:820px){
  .architecture{padding:62px 17px}
  .architecture-panel{display:flex;flex-direction:column;min-height:0;border-radius:14px}
  .architecture-content{order:1;width:100%;padding:34px 24px 36px}
  .architecture .eyebrow{margin-bottom:14px;font-size:12px!important;letter-spacing:.17em}
  .architecture h2{margin-bottom:22px;font-size:clamp(36px,9.7vw,44px);line-height:1.02}
  .architecture-content>.architecture-copy{font-size:15px;line-height:1.43}
  .architecture-content .button{width:100%;min-height:52px;margin-top:24px;padding-inline:12px;font-size:14px}
  .architecture-art{
    position:relative;inset:auto;order:2;width:100%;height:auto;aspect-ratio:827/832;
    background-image:url("../images/missing-layer-mobile-approved-art.png");
    background-size:100% 100%;background-position:center;background-repeat:no-repeat
  }
}

@media(max-width:390px){
  .architecture-content{padding-inline:20px}
  .architecture .eyebrow{font-size:11px!important}
  .architecture h2{font-size:36px}
  .architecture-content>.architecture-copy{font-size:15px}
  .architecture-content .button{font-size:13.5px}
}

/* Section 3 approved Founder Quote composition — September 17, 2026. */
.founder-quote{
  position:relative;height:clamp(360px,33.3vw,560px);min-height:0;
  display:flex;align-items:center;justify-content:center;overflow:hidden;
  border:0;background:var(--blue);isolation:isolate
}
.quote-art{
  position:absolute;inset:0;z-index:-2;
  background-color:var(--blue);
  background-image:url("../images/quote-desktop-clean.webp");
  background-position:center;background-size:100% 74.5%;background-repeat:no-repeat
}
.quote-art::after{
  content:"";position:absolute;inset:12% 1%;pointer-events:none;
  border:1px solid rgba(239,195,91,.88);
  box-shadow:inset 0 0 12px rgba(255,208,106,.08),0 0 10px rgba(255,196,78,.08)
}
.founder-quote::after{content:"";position:absolute;inset:0;z-index:-1;background:rgba(1,11,52,.06)}
.quote-content{
  position:relative;z-index:2;width:min(1260px,82%);display:grid;
  grid-template-columns:100px minmax(0,1fr) 100px;align-items:center;text-align:center
}
.quote-content blockquote{grid-column:2;margin:0}
.quote-content p{margin:0;color:var(--ivory);font-size:clamp(20px,1.72vw,29px);line-height:1.42}
.quote-main{display:block}
.quote-content strong{display:block;margin-top:5px;color:var(--gold-light);font-size:1.32em;font-weight:600;line-height:1.2}
.quote-content footer,.quote-content cite{display:block;margin-top:24px;color:var(--gold-light);font-size:clamp(16px,1.35vw,22px);font-style:normal}
.quote-mark{color:var(--gold-light);font-family:Georgia,"Times New Roman",serif;font-size:88px;line-height:.72;text-shadow:0 0 14px rgba(239,195,91,.14)}
.quote-open{grid-column:1;grid-row:1;align-self:start;margin-top:18px}
.quote-close{position:absolute;right:-100px;top:24px;display:block;width:100px}

@media(max-width:1100px) and (min-width:821px){
  .founder-quote{height:430px}
  .quote-art{background-size:100% 74.5%;background-position:center}
  .quote-content{width:86%;grid-template-columns:74px minmax(0,1fr) 74px;transform:none}
  .quote-content p{font-size:21px}
  .quote-close{right:-74px;width:74px}
}

@media(max-width:820px){
  .founder-quote{height:auto;min-height:0;aspect-ratio:2/3;display:flex;align-items:center}
  .quote-art{inset:0;background-image:url("../images/quote-mobile.webp");background-position:center;background-size:cover;background-repeat:no-repeat}
  .quote-art::after{inset:4.1%;border-color:rgba(239,195,91,.92)}
  .founder-quote::after{background:rgba(1,11,52,.08)}
  .quote-content{width:80%;display:block;padding:0;text-align:center;transform:translateY(-1%)}
  .quote-content p{font-size:clamp(17.5px,5.15vw,22px);line-height:1.42}
  .quote-content strong{margin-top:10px;font-size:1.22em;line-height:1.25}
  .quote-mark{font-size:70px;line-height:.72}
  .quote-open{display:block;height:auto;margin:0 0 18px}
  .quote-close{position:static;display:block;width:auto;margin:18px 0 0}
  .quote-content footer,.quote-content cite{margin-top:18px;color:var(--gold-light);font-size:clamp(15px,4.2vw,18px)}
  .quote-content footer::before,.quote-content cite::before{content:"";display:block;width:52px;height:1px;margin:0 auto 16px;background:var(--gold-light)}
}

@media(max-width:390px){
  .quote-content{width:81%}
  .quote-content p{font-size:19px}
  .quote-mark{font-size:64px}
  .quote-open{margin-bottom:14px}
  .quote-close{margin-top:14px}
  .quote-content footer,.quote-content cite{margin-top:15px;font-size:15px}
  .quote-content footer::before,.quote-content cite::before{margin-bottom:13px}
}

/* Batch 1 surgical corrections — approved global background and mobile branding. */
html,body,main{background:#010B34}
.architecture{background:#010B34}

@media(max-width:820px){
  .brand-mobile{align-items:center;gap:2.2vw}
  .brand-mobile-symbol{
    width:19vw;height:9.4vw;max-width:179px;max-height:88px;
    background:none
  }
  .brand-mobile-wordmark{
    width:37.3vw;height:4.9vw;max-width:351px;max-height:46px;
    background:none
  }
  .brand-mobile-symbol img,.brand-mobile-wordmark img{display:block;width:100%;height:100%;object-fit:contain}
}

/* Approved-reference fidelity pass: Sections 2 and 3 only. */
@media(min-width:821px){
  .architecture-panel::after{
    display:block;content:"";position:absolute;z-index:1;top:0;bottom:0;left:43%;width:15%;
    pointer-events:none;background:linear-gradient(90deg,var(--ivory-surface-soft) 0%,rgba(255,250,240,.92) 34%,rgba(255,250,240,.5) 66%,rgba(255,250,240,0) 100%)
  }
  .architecture-art{
    width:52%;background-image:url("../images/missing-layer-desktop-approved-art-hd.png");
    background-size:cover;background-position:center
  }
  .architecture-content{width:51%;padding-right:28px}
  .architecture-content>.architecture-copy{max-width:550px}
  .quote-content footer::before,.quote-content cite::before{content:"— ";display:inline}
}

.quote-art::after{
  border:1px solid rgba(239,195,91,.9);
  box-shadow:inset 0 0 0 3px rgba(1,11,52,.72),inset 0 0 0 4px rgba(239,195,91,.28),0 0 10px rgba(255,196,78,.08);
  background:
    conic-gradient(from 45deg,#efd18d 0 25%,transparent 0 100%) center top/10px 10px no-repeat,
    conic-gradient(from 45deg,#efd18d 0 25%,transparent 0 100%) center bottom/10px 10px no-repeat,
    conic-gradient(from 45deg,#d9ab55 0 25%,transparent 0 100%) left center/8px 8px no-repeat,
    conic-gradient(from 45deg,#d9ab55 0 25%,transparent 0 100%) right center/8px 8px no-repeat
}
.quote-content{width:min(1320px,84%);grid-template-columns:112px minmax(0,1fr) 112px}
.quote-content p{font-size:clamp(22px,1.82vw,31px)}
.quote-mark{font-size:104px}
.quote-close{right:-112px;width:112px}

@media(max-width:1100px) and (min-width:821px){
  .architecture-content{width:53%;padding-left:42px;padding-right:24px}
  .architecture-content>.architecture-copy{max-width:510px}
  .quote-content{width:88%;grid-template-columns:80px minmax(0,1fr) 80px}
  .quote-content p{font-size:22px}
  .quote-close{right:-80px;width:80px}
}

@media(max-width:820px){
  .architecture-content{padding:30px 24px 28px}
  .architecture h2{margin-bottom:18px;font-size:clamp(33px,8.8vw,40px)}
  .architecture-content>.architecture-copy{font-size:13.5px;line-height:1.4}
  .architecture-content .button{margin-top:20px}
  .quote-art::after{
    inset:4.1%;
    box-shadow:inset 0 0 0 3px rgba(1,11,52,.72),inset 0 0 0 4px rgba(239,195,91,.32),0 0 10px rgba(255,196,78,.08);
    background:
      conic-gradient(from 45deg,#efd18d 0 25%,transparent 0 100%) center top/10px 10px no-repeat,
      conic-gradient(from 45deg,#efd18d 0 25%,transparent 0 100%) center bottom/10px 10px no-repeat,
      conic-gradient(from 45deg,#d9ab55 0 25%,transparent 0 100%) left center/8px 8px no-repeat,
      conic-gradient(from 45deg,#d9ab55 0 25%,transparent 0 100%) right center/8px 8px no-repeat
  }
  .quote-content{transform:translateY(-3%)}
  .quote-content footer,.quote-content cite{margin-top:10px}
  .quote-content footer::before,.quote-content cite::before{content:"";display:block;margin-bottom:12px}
}

@media(max-width:390px){
  .architecture-content{padding:28px 20px 26px}
  .architecture h2{font-size:33px}
  .architecture-content>.architecture-copy{font-size:13.25px}
}

/* Gutenberg content controls: editable buttons with theme-owned presentation. */
.wp-block-button.button{display:contents}
.wp-block-button.button .wp-block-button__link{
  display:inline-flex;align-items:center;justify-content:center;gap:14px;
  min-height:52px;padding:14px 24px;border-radius:4px;
  font-family:var(--display);font-size:17px;text-decoration:none;
  transition:transform .2s ease,filter .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease,border-color .2s ease
}
.wp-block-button.button .wp-block-button__link:hover{transform:translateY(-1px)}
.wp-block-button.button .wp-block-button__link:focus-visible{outline:3px solid var(--ivory);outline-offset:3px}
.wp-block-button.button-gold .wp-block-button__link{
  color:var(--control-ink);background:var(--gold-gradient);border:1px solid var(--gold-light);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 8px 24px rgba(184,115,32,.22),0 0 0 1px rgba(255,230,168,.08)
}
.wp-block-button.button-outline .wp-block-button__link{
  border:1px solid var(--gold);color:var(--ivory-soft);background:rgba(1,11,52,.58);
  box-shadow:inset 0 0 0 1px rgba(255,230,168,.04)
}
.hero .wp-block-button.button .wp-block-button__link{
  min-height:58px;width:auto;padding:14px 37px;border-radius:4px;font-size:clamp(16px,1.28vw,21px);white-space:nowrap
}
.architecture-button-row{margin-top:25px}
.architecture-content .wp-block-button.button .wp-block-button__link{min-height:52px;padding-inline:24px;font-size:15px}
.architecture-content .wp-block-button.button-gold .wp-block-button__link{
  color:#0a153a;background:var(--hero-handoff-button);border:1px solid #f4d487;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.58),0 7px 24px rgba(209,153,57,.24)
}
@media(max-width:1100px) and (min-width:821px){
  .hero .wp-block-button.button .wp-block-button__link{padding-inline:20px;font-size:15px}
}
@media(max-width:820px){
  .button-row .wp-block-button,.button-row .wp-block-button__link{width:100%}
  .hero .wp-block-button.button .wp-block-button__link{min-height:50px;padding:10px 14px;font-size:clamp(16px,4.1vw,39px)}
  .architecture-button-row{margin-top:20px}
  .architecture-content .wp-block-button.button .wp-block-button__link{width:100%;min-height:52px;padding-inline:12px;font-size:14px}
}
@media(max-width:390px){
  .hero .wp-block-button.button .wp-block-button__link{min-height:49px;font-size:16px}
  .architecture-content .wp-block-button.button .wp-block-button__link{font-size:13.5px}
}