:root{
  --ink:#070a08;--ink-2:#0c120e;--ink-3:#101812;--emerald:#0a7a4a;--emerald-deep:#063326;
  --emerald-black:#07150f;--gold:#d4af37;--gold-soft:#e8cf8b;--cream:#f4efe4;--cream-2:#e8dfcf;
  --white:#fffdf8;--muted:#aab4ad;--line:rgba(255,255,255,.14);--line-gold:rgba(212,175,55,.28);
  --max:1180px;--serif:Georgia,'Times New Roman',serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px;background:var(--ink)}
body{margin:0;background:var(--ink);color:var(--cream);font-family:var(--sans);line-height:1.6;text-rendering:optimizeLegibility;overflow-x:hidden}
body.menu-open{overflow:hidden}
a{color:inherit}button{font:inherit}
section[id]{scroll-margin-top:100px}
.shell{width:min(calc(100% - 2rem),var(--max));margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;top:.75rem;left:.75rem;z-index:1000;transform:translateY(-200%);background:var(--cream);color:var(--ink);padding:.7rem 1rem;border-radius:.4rem}
.skip-link:focus{transform:none}
.scroll-progress{position:fixed;inset:0 0 auto;z-index:500;height:2px;background:transparent;pointer-events:none}
.scroll-progress span{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--emerald),var(--gold));will-change:transform}

.site-header{position:fixed;inset:0 0 auto;z-index:100;border-bottom:1px solid transparent;transition:background .25s ease,border-color .25s ease,backdrop-filter .25s ease}
.site-header.scrolled{background:rgba(7,10,8,.91);border-color:var(--line);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.header-inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:2rem}
.brand{display:inline-flex;align-items:center;gap:.9rem;text-decoration:none}
.brand-mark{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(212,175,55,.62);border-radius:50%;color:var(--gold-soft);font-family:var(--serif);font-size:1rem;letter-spacing:.05em;box-shadow:inset 0 0 0 6px rgba(212,175,55,.025),0 0 40px rgba(212,175,55,.04)}
.brand-copy{display:grid;line-height:1.16}
.brand-copy strong{font-size:.9rem;letter-spacing:.1em;text-transform:uppercase}
.brand-copy span{margin-top:.24rem;color:#8d9991;font-size:.68rem;letter-spacing:.04em}
.site-nav{display:flex;align-items:center;gap:2rem}
.site-nav a{position:relative;color:#d7ddd8;text-decoration:none;font-size:.76rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.site-nav a:after{content:'';position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:var(--gold);transition:right .2s ease}
.site-nav a:hover,.site-nav a:focus-visible{color:var(--gold-soft)}
.site-nav a:hover:after,.site-nav a:focus-visible:after{right:0}
.menu-button{display:none;border:0;background:transparent;padding:.55rem;color:var(--cream)}
.menu-button span:not(.sr-only){display:block;width:26px;height:1px;margin:6px;background:currentColor;transition:transform .2s ease,opacity .2s ease}
body.menu-open .menu-button span:nth-of-type(2){transform:translateY(7px) rotate(45deg)}
body.menu-open .menu-button span:nth-of-type(3){opacity:0}
body.menu-open .menu-button span:nth-of-type(4){transform:translateY(-7px) rotate(-45deg)}

.hero{position:relative;min-height:920px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:
radial-gradient(circle at 75% 34%,rgba(10,122,74,.22),transparent 30%),
radial-gradient(circle at 20% 14%,rgba(212,175,55,.08),transparent 24%),
linear-gradient(135deg,#050807 0%,#0a1711 54%,#07130d 100%)}
.hero:before{content:'';position:absolute;inset:0;background:
linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,black 0%,rgba(0,0,0,.6) 70%,transparent 100%);opacity:.7}
.hero-noise{position:absolute;inset:0;opacity:.16;pointer-events:none;background-image:
radial-gradient(circle at 25% 25%,rgba(255,255,255,.08) 0 1px,transparent 1px),
radial-gradient(circle at 75% 65%,rgba(255,255,255,.05) 0 1px,transparent 1px);background-size:19px 19px,23px 23px}
.hero-ring{position:absolute;border:1px solid rgba(212,175,55,.09);border-radius:50%;pointer-events:none}
.ring-one{width:720px;height:720px;right:-270px;top:-170px;box-shadow:0 0 0 90px rgba(212,175,55,.018),0 0 0 180px rgba(212,175,55,.01)}
.ring-two{width:420px;height:420px;left:-240px;bottom:40px;border-color:rgba(10,122,74,.14)}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:clamp(3rem,7vw,7rem);align-items:center;padding-block:10.5rem 6rem}
.eyebrow{margin:0 0 1.15rem;color:var(--gold-soft);font-size:.7rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase}
h1,h2,h3,p{text-wrap:pretty}
h1{margin:0;max-width:760px;font-family:var(--serif);font-size:clamp(4rem,7.4vw,7.7rem);font-weight:400;line-height:.9;letter-spacing:-.055em}
h1 em,.section-heading h2 em,.identity-intro h2 em,.dayton-panel h2 em,.closing-statement em{color:var(--gold-soft);font-style:italic;font-weight:400}
.hero-lede{max-width:680px;margin:2rem 0 0;color:#c3ccc6;font-size:clamp(1.05rem,1.6vw,1.28rem);line-height:1.72}
.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2.2rem}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:.8rem 1.35rem;border:1px solid transparent;border-radius:999px;text-decoration:none;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}
.button:hover{transform:translateY(-2px)}
.button-primary{background:linear-gradient(135deg,#d8b452,#b78e2f);color:#10110d;box-shadow:0 16px 40px rgba(183,142,47,.16)}
.button-primary:hover{box-shadow:0 18px 50px rgba(183,142,47,.25)}
.button-ghost{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.025);color:var(--cream)}
.button-ghost:hover{border-color:rgba(232,207,139,.7);background:rgba(232,207,139,.05)}
.hero-tags{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:2rem}
.hero-tags span{padding:.45rem .72rem;border:1px solid rgba(255,255,255,.11);border-radius:999px;color:#99a69e;background:rgba(255,255,255,.025);font-size:.69rem;letter-spacing:.04em}

.hero-visual{position:relative;min-height:590px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.012));overflow:hidden;box-shadow:0 40px 120px rgba(0,0,0,.34);isolation:isolate}
.hero-visual:before{content:'';position:absolute;inset:10%;border:1px solid rgba(212,175,55,.08);transform:rotate(8deg)}
.hero-visual:after{content:'EMERALD PARADISE';position:absolute;right:-2.5rem;top:45%;transform:rotate(90deg);transform-origin:center;color:rgba(255,255,255,.045);font-size:.68rem;font-weight:900;letter-spacing:.42em}
.visual-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(circle at 50% 45%,black,transparent 76%)}
.orbit{position:absolute;border-radius:50%;border:1px solid rgba(212,175,55,.13)}
.orbit-a{width:390px;height:390px;left:50%;top:45%;transform:translate(-50%,-50%) rotate(18deg);box-shadow:0 0 0 60px rgba(10,122,74,.018),0 0 0 120px rgba(10,122,74,.01)}
.orbit-b{width:260px;height:420px;left:50%;top:46%;transform:translate(-50%,-50%) rotate(62deg);border-color:rgba(10,122,74,.16)}
.emerald-gem{position:absolute;left:50%;top:44%;width:190px;height:230px;transform:translate(-50%,-50%) rotate(45deg);clip-path:polygon(20% 0,80% 0,100% 20%,100% 80%,80% 100%,20% 100%,0 80%,0 20%);background:
linear-gradient(135deg,#0d8c56 0%,#06402f 34%,#15a365 53%,#073426 76%,#0a7449 100%);
box-shadow:0 0 70px rgba(19,163,101,.22);filter:drop-shadow(0 24px 46px rgba(0,0,0,.45))}
.emerald-gem:before{content:'';position:absolute;inset:13%;border:1px solid rgba(255,255,255,.32);clip-path:inherit}
.emerald-gem:after{content:'';position:absolute;inset:-40%;background:linear-gradient(90deg,transparent 40%,rgba(255,255,255,.25) 50%,transparent 60%);transform:rotate(-45deg) translateX(-60%);animation:gemShine 6s ease-in-out infinite}
.facet{position:absolute;background:rgba(255,255,255,.07);clip-path:polygon(50% 0,100% 100%,0 100%)}
.facet-a{width:90px;height:85px;left:10px;top:12px;transform:rotate(-18deg)}
.facet-b{width:100px;height:100px;right:0;bottom:14px;transform:rotate(160deg)}
.facet-c{width:84px;height:105px;left:48px;bottom:42px;background:rgba(0,0,0,.11);transform:rotate(28deg)}
@keyframes gemShine{0%,52%{transform:rotate(-45deg) translateX(-70%)}72%,100%{transform:rotate(-45deg) translateX(80%)}}
.skyline{position:absolute;left:0;right:0;bottom:0;height:170px;display:flex;align-items:end;justify-content:center;gap:10px;padding-inline:2rem;background:linear-gradient(to top,rgba(5,8,7,.95),transparent)}
.skyline span{display:block;width:8%;background:linear-gradient(to top,#07100c,#10231a);border-top:1px solid rgba(212,175,55,.14)}
.skyline span:nth-child(1){height:38%}.skyline span:nth-child(2){height:64%}.skyline span:nth-child(3){height:49%}.skyline span:nth-child(4){height:86%;width:12%}.skyline span:nth-child(5){height:58%}.skyline span:nth-child(6){height:72%}.skyline span:nth-child(7){height:43%}
.visual-card{position:absolute;z-index:4;border:1px solid rgba(255,255,255,.14);background:rgba(8,16,12,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 20px 50px rgba(0,0,0,.26)}
.visual-card-top{top:1.4rem;right:1.4rem;display:flex;align-items:center;gap:.6rem;padding:.75rem .9rem;color:#c2cec6;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.signal-dot{width:7px;height:7px;border-radius:50%;background:#69c394;box-shadow:0 0 0 5px rgba(105,195,148,.08)}
.visual-card-bottom{left:1.4rem;bottom:1.4rem;display:grid;gap:.18rem;min-width:210px;padding:1rem 1.15rem}
.visual-card-bottom small{color:#819087;font-size:.65rem;letter-spacing:.09em;text-transform:uppercase}
.visual-card-bottom strong{font-family:var(--serif);font-weight:400;font-size:1.12rem;color:var(--cream)}

.signal-strip{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(0,0,0,.16)}
.signal-strip>div{display:grid;grid-template-columns:auto 1fr;gap:0 .8rem;padding:1.35rem clamp(1rem,3vw,2.1rem);border-right:1px solid var(--line)}
.signal-strip>div:last-child{border-right:0}
.signal-strip span{grid-row:1/3;color:rgba(232,207,139,.4);font-family:var(--serif);font-size:1.35rem}
.signal-strip strong{font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}
.signal-strip small{color:#76847b;font-size:.65rem;letter-spacing:.06em}

.section{padding-block:clamp(5.8rem,10vw,9.5rem)}
.enterprise{position:relative;background:linear-gradient(180deg,#0b100d,#0e1510);border-bottom:1px solid var(--line)}
.enterprise:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 14% 20%,rgba(212,175,55,.045),transparent 22%);pointer-events:none}
.enterprise-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:clamp(3rem,9vw,9rem);align-items:start}
.section-heading h2,.identity-intro h2,.dayton-panel h2,.architecture-copy h2{margin:0;font-family:var(--serif);font-weight:400;font-size:clamp(2.8rem,5vw,5.3rem);line-height:.97;letter-spacing:-.04em}
.enterprise-copy{max-width:650px}
.enterprise-copy .lead{margin-top:0;color:#dde4df;font-size:clamp(1.18rem,1.8vw,1.45rem);line-height:1.55}
.enterprise-copy>p:not(.lead){color:#aeb9b1;font-size:1rem}
.enterprise-copy strong{color:var(--cream)}
.enterprise-facts{margin:2.5rem 0 0;border-top:1px solid var(--line)}
.enterprise-facts div{display:grid;grid-template-columns:.72fr 1.28fr;gap:1.4rem;padding:1rem 0;border-bottom:1px solid var(--line)}
.enterprise-facts dt{color:#76847b;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.enterprise-facts dd{margin:0;color:#d4dcd6;font-size:.9rem}

.brands-section{background:var(--cream);color:var(--ink)}
.brands-section .eyebrow{color:#725c25}.brands-section h2 em{color:#806a2e}
.section-heading.wide{max-width:870px;margin-bottom:3.2rem}
.section-intro{max-width:560px;color:#665f54;font-size:1.05rem}
.brand-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem}
.brand-card{position:relative;min-height:650px;overflow:hidden;display:flex;align-items:end;padding:clamp(1.5rem,3vw,2.6rem);color:var(--white);background:#0b120e;isolation:isolate;box-shadow:0 28px 70px rgba(0,0,0,.14)}
.brand-card:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(5,7,6,.95) 4%,rgba(5,7,6,.68) 40%,rgba(5,7,6,.05) 78%)}
.brand-art{position:absolute;inset:0;z-index:-2;overflow:hidden}
.boutique-art{background:radial-gradient(circle at 52% 29%,rgba(212,175,55,.21),transparent 21%),linear-gradient(135deg,#143d2d,#091711 55%,#60471e 145%)}
.smoke-art{background:radial-gradient(circle at 52% 34%,rgba(10,122,74,.18),transparent 24%),linear-gradient(135deg,#080b09,#131e18 58%,#392f20 135%)}
.brand-halo{position:absolute;left:50%;top:32%;width:290px;height:290px;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(232,207,139,.16);box-shadow:0 0 0 52px rgba(232,207,139,.025),0 0 0 104px rgba(232,207,139,.015)}
.brand-gem{position:absolute;left:50%;top:31%;width:116px;height:142px;transform:translate(-50%,-50%) rotate(45deg);clip-path:polygon(20% 0,80% 0,100% 20%,100% 80%,80% 100%,20% 100%,0 80%,0 20%);background:linear-gradient(135deg,#12865a,#053f2f 45%,#0f704d 70%,#052b21);filter:drop-shadow(0 20px 36px rgba(0,0,0,.4))}
.brand-index{position:absolute;right:1.2rem;top:.5rem;color:rgba(255,255,255,.07);font-family:var(--serif);font-size:clamp(6rem,13vw,11rem);line-height:1}
.smoke-line{position:absolute;left:50%;top:32%;width:150px;height:260px;border-radius:50%;border-left:1px solid rgba(232,207,139,.26);filter:blur(.1px)}
.smoke-line-a{transform:translate(-42%,-50%) rotate(20deg)}
.smoke-line-b{transform:translate(-58%,-50%) rotate(-18deg);border-left-color:rgba(10,122,74,.35)}
.brand-card-content{max-width:520px}
.card-kicker{margin:0;color:var(--gold-soft);font-size:.68rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.brand-card h3{margin:.75rem 0;font-family:var(--serif);font-weight:400;font-size:clamp(2.4rem,4.2vw,4.4rem);line-height:.96}
.brand-card p{max-width:500px;color:rgba(255,255,255,.73);font-size:1rem}
.text-link{display:inline-flex;gap:.55rem;margin-top:.9rem;text-decoration:none;color:var(--gold-soft);font-weight:800;font-size:.75rem;letter-spacing:.09em;text-transform:uppercase}
.text-link:hover,.text-link:focus-visible{text-decoration:underline;text-underline-offset:6px}

.architecture-section{background:#0a0e0c;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.architecture-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(3rem,7vw,7rem);align-items:center}
.architecture-copy p:last-child{max-width:540px;color:#aeb8b1}
.architecture-map{position:relative;min-height:510px;padding:2rem;border:1px solid rgba(255,255,255,.12);background:
radial-gradient(circle at 50% 42%,rgba(10,122,74,.08),transparent 32%),
linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012))}
.architecture-map:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:44px 44px}
.arch-node{position:relative;z-index:2;padding:1.05rem 1.15rem;border:1px solid rgba(255,255,255,.14);background:rgba(7,15,11,.9);box-shadow:0 20px 50px rgba(0,0,0,.18)}
.arch-node small{display:block;margin-bottom:.35rem;color:#77867c;font-size:.62rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.arch-node strong{display:block;font-family:var(--serif);font-size:1.07rem;font-weight:400}
.arch-parent{width:min(100%,360px);margin:1rem auto 0;border-color:rgba(212,175,55,.3);box-shadow:0 0 0 1px rgba(212,175,55,.04),0 24px 60px rgba(0,0,0,.24)}
.arch-line-main{position:relative;z-index:1;width:1px;height:70px;margin:0 auto;background:linear-gradient(var(--gold),rgba(255,255,255,.12))}
.arch-children{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.arch-children:before{content:'';position:absolute;left:25%;right:25%;top:-1px;height:1px;background:rgba(212,175,55,.24)}
.arch-children .arch-node:first-child{grid-column:1/-1;width:min(100%,330px);justify-self:center;margin-bottom:.25rem;border-color:rgba(10,122,74,.32)}

.identity-section{position:relative;background:linear-gradient(145deg,#052d22,#07392a 58%,#09261d);overflow:hidden}
.identity-section:before{content:'SIX';position:absolute;right:-.04em;bottom:-.28em;color:rgba(255,255,255,.025);font-family:var(--serif);font-size:32vw;line-height:1;pointer-events:none}
.identity-intro{position:relative;z-index:1;display:grid;grid-template-columns:1.25fr .75fr;gap:2rem;align-items:end;margin-bottom:4rem}
.identity-intro .eyebrow{grid-column:1/-1}
.identity-intro>p:last-child{justify-self:end;max-width:290px;color:#bac8c0;font-family:var(--serif);font-size:1.25rem;font-style:italic}
.pillar-grid{position:relative;z-index:1;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);margin:0;padding:0;border-top:1px solid rgba(255,255,255,.15);border-left:1px solid rgba(255,255,255,.15)}
.pillar{position:relative;min-height:250px;padding:1.55rem;border-right:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15);overflow:hidden;transition:background .22s ease,transform .22s ease}
.pillar:after{content:'';position:absolute;width:120px;height:120px;right:-70px;bottom:-70px;border-radius:50%;border:1px solid rgba(232,207,139,.08);transition:transform .3s ease}
.pillar:hover{background:rgba(255,255,255,.035)}
.pillar:hover:after{transform:scale(1.4)}
.pillar span{color:rgba(232,207,139,.55);font-size:.68rem;font-weight:800;letter-spacing:.08em}
.pillar h3{margin:2.25rem 0 .65rem;font-family:var(--serif);font-size:2.05rem;font-weight:400}
.pillar p{margin:0;color:#b3c1b8;font-size:.84rem}

.dayton-section{position:relative;min-height:760px;display:flex;align-items:center;padding-block:clamp(6rem,12vw,10rem);overflow:hidden;background:
linear-gradient(to top,rgba(7,10,8,.2),rgba(7,10,8,.68)),
radial-gradient(circle at 70% 24%,rgba(212,175,55,.08),transparent 30%),
#0d120f}
.dayton-backdrop{position:absolute;inset:auto 0 0;opacity:.26}
.dayton-backdrop svg{display:block;width:100%;height:auto;fill:#0b3d2e}
.dayton-backdrop:after{content:'';position:absolute;left:0;right:0;bottom:0;height:45%;background:linear-gradient(to top,#070a08,transparent)}
.dayton-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.18fr .82fr;gap:clamp(3rem,8vw,8rem);align-items:end}
.dayton-panel h2{max-width:820px}
.dayton-copy{padding:1.5rem;border-left:1px solid rgba(212,175,55,.24);color:#bbc4be;font-size:1.04rem;background:linear-gradient(90deg,rgba(255,255,255,.02),transparent)}
.dayton-copy p{margin:0 0 1.25rem}
.dayton-stamp{display:flex;align-items:center;gap:.8rem;margin-top:2rem;color:#8e9b92;font-size:.65rem;font-weight:800;letter-spacing:.16em}
.dayton-stamp strong{width:58px;height:58px;display:grid;place-items:center;border:1px solid rgba(212,175,55,.45);border-radius:50%;color:var(--gold-soft);font-family:var(--serif);font-size:1.25rem;font-weight:400}

.closing{position:relative;overflow:hidden;padding-block:clamp(7rem,13vw,12rem);background:linear-gradient(135deg,#061e17,#0b2b20 54%,#17130b);border-top:1px solid rgba(232,207,139,.14)}
.closing:before{content:'';position:absolute;width:680px;height:680px;right:-280px;top:-280px;border-radius:50%;border:1px solid rgba(212,175,55,.12);box-shadow:0 0 0 100px rgba(212,175,55,.025),0 0 0 200px rgba(212,175,55,.015)}
.closing:after{content:'';position:absolute;left:-220px;bottom:-300px;width:520px;height:520px;border-radius:50%;background:rgba(10,122,74,.08);filter:blur(50px)}
.closing-inner{position:relative;z-index:1}
.closing-statement{max-width:1050px;margin:0;font-family:var(--serif);font-size:clamp(3.4rem,7.5vw,7.4rem);line-height:.94;letter-spacing:-.045em}
.closing-rule{width:min(420px,65%);height:1px;margin:3rem 0 1.1rem;background:linear-gradient(90deg,var(--gold),transparent)}
.closing-legal{margin:0;color:#829086;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}

.site-footer{padding:2.4rem 0;background:#050706;border-top:1px solid var(--line)}
.footer-inner{display:grid;grid-template-columns:1fr auto;gap:1.5rem 2rem;align-items:center}
.footer-brand{display:flex;align-items:center;gap:1rem}
.footer-brand .brand-mark{width:38px;height:38px;font-size:.8rem}
.footer-brand strong{font-family:var(--serif);font-size:1.08rem;font-weight:400}
.footer-brand p,.copyright{margin:.25rem 0 0;color:#737f77;font-size:.72rem}
.footer-links{display:flex;gap:1.5rem}
.footer-links a{text-decoration:none;color:#b8c2bb;font-size:.76rem}
.footer-links a:hover{color:var(--gold-soft)}
.copyright{grid-column:1/-1;padding-top:1.3rem;border-top:1px solid var(--line)}

.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.reveal.visible{opacity:1;transform:none}
:focus-visible{outline:2px solid var(--gold-soft);outline-offset:4px}

@media(max-width:960px){
  .hero-grid,.enterprise-grid,.architecture-grid,.dayton-grid{grid-template-columns:1fr}
  .hero-grid{padding-block:9.5rem 4rem}
  .hero-visual{min-height:500px;max-width:650px;width:100%;justify-self:center}
  .enterprise-grid,.architecture-grid,.dayton-grid{gap:3rem}
  .brand-grid{grid-template-columns:1fr}
  .brand-card{min-height:590px}
  .identity-intro{grid-template-columns:1fr}
  .identity-intro>p:last-child{justify-self:start}
  .pillar-grid{grid-template-columns:repeat(2,1fr)}
  .signal-strip{grid-template-columns:repeat(2,1fr)}
  .signal-strip>div:nth-child(2){border-right:0}
  .signal-strip>div:nth-child(-n+2){border-bottom:1px solid var(--line)}
}
@media(max-width:720px){
  html{scroll-padding-top:84px}
  section[id]{scroll-margin-top:84px}
  .site-header,.site-header.scrolled{background:rgba(7,10,8,.985);border-bottom-color:var(--line);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
  .header-inner{min-height:72px}
  .brand-mark{width:42px;height:42px}
  .brand-copy span{display:none}
  .menu-button{display:block;position:relative;z-index:4}
  .site-nav{position:fixed;inset:0;z-index:3;display:grid;align-content:center;justify-items:center;gap:1.5rem;background:rgba(5,14,10,.99);transform:translateY(-105%);transition:transform .3s ease}
  .site-nav.open{transform:none}
  .site-nav a{font-family:var(--serif);font-size:2rem;font-weight:400;letter-spacing:0;text-transform:none}
  .site-nav a:after{display:none}
  .hero{min-height:auto}
  .hero-grid{padding-block:8.4rem 3.8rem;gap:2.7rem}
  h1{font-size:clamp(3.5rem,16vw,5.2rem);line-height:.92}
  .hero-lede{font-size:1rem}
  .hero-visual{min-height:430px}
  .emerald-gem{width:135px;height:165px}
  .orbit-a{width:285px;height:285px}.orbit-b{width:205px;height:315px}
  .visual-card-top{top:1rem;right:1rem}
  .visual-card-bottom{left:1rem;bottom:1rem;min-width:175px}
  .signal-strip{grid-template-columns:1fr 1fr}
  .signal-strip>div{padding:1rem}
  .signal-strip strong{font-size:.75rem}
  .section{padding-block:5.4rem}
  .section-heading h2,.identity-intro h2,.dayton-panel h2,.architecture-copy h2{font-size:clamp(2.8rem,13vw,4.35rem)}
  .enterprise-facts div{grid-template-columns:1fr;gap:.25rem}
  .brand-card{min-height:540px;padding:1.35rem}
  .brand-card h3{font-size:clamp(2.4rem,12vw,3.7rem)}
  .architecture-map{min-height:auto;padding:1rem}
  .arch-parent{margin-top:0}
  .arch-children{grid-template-columns:1fr}
  .arch-children .arch-node:first-child{grid-column:auto;width:100%}
  .arch-children:before{display:none}
  .arch-line-main{height:42px}
  .pillar-grid{grid-template-columns:1fr}
  .pillar{min-height:210px}
  .dayton-section{min-height:680px}
  .dayton-copy{padding:1rem}
  .footer-inner{grid-template-columns:1fr}
  .footer-links{justify-self:start}
  .copyright{grid-column:1}
}
@media(max-width:430px){
  .shell{width:min(calc(100% - 1.5rem),var(--max))}
  .brand-copy strong{font-size:.78rem}
  .hero-tags{gap:.4rem}.hero-tags span{font-size:.62rem}
  .signal-strip{grid-template-columns:1fr}
  .signal-strip>div,.signal-strip>div:nth-child(2){border-right:0;border-bottom:1px solid var(--line)}
  .signal-strip>div:last-child{border-bottom:0}
  .hero-visual{min-height:390px}
  .visual-card-top{font-size:.6rem}
  .visual-card-bottom{min-width:160px}
  .dayton-stamp{gap:.55rem;letter-spacing:.1em}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .reveal{opacity:1;transform:none}
}

/* Corporate expression of the canonical experience foundation. */
.button-primary{background:var(--ep-emerald);color:var(--ep-ivory);box-shadow:0 16px 40px #08684a26}
.button-primary:hover{background:var(--ep-emerald-deep);box-shadow:0 18px 50px #08684a40}
.site-nav a,.footer-links a,.text-link{min-height:var(--ep-touch);display:inline-flex;align-items:center}
.menu-button{min-height:var(--ep-touch);min-width:var(--ep-touch)}
.ep-experience :focus-visible{outline:3px solid var(--ep-emerald-light);outline-offset:4px}
.brands-section a:focus-visible{outline-color:var(--ep-emerald)}


/* Foldable-phone and tablet navigation: the old 720px cutoff left desktop
   navigation visible in landscape, browser desktop-mode and wide fold layouts. */
@media(max-width:1240px){
  .site-header,.site-header.scrolled{
    background:rgba(7,10,8,.985);
    border-bottom-color:var(--line);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
  }
  .header-inner{min-height:76px;gap:1rem}
  .brand{min-width:0;max-width:calc(100% - 70px)}
  .menu-button{display:block;position:relative;z-index:4;flex-shrink:0;cursor:pointer}
  .site-nav{
    position:fixed;inset:0;z-index:3;display:grid;
    align-content:center;justify-items:center;gap:1rem;
    min-height:100vh;min-height:100dvh;
    padding:6rem 1.25rem 2rem;overflow-y:auto;
    background:rgba(5,14,10,.99);
    visibility:hidden;opacity:0;pointer-events:none;
    transform:translateY(-1rem);
    transition:visibility .2s ease,opacity .2s ease,transform .2s ease;
  }
  .site-nav.open{visibility:visible;opacity:1;pointer-events:auto;transform:none}
  .site-nav a{
    min-height:48px;padding:.35rem 1rem;
    font-family:var(--serif);font-size:clamp(1.55rem,5vw,2.25rem);
    font-weight:400;letter-spacing:0;text-transform:none;
  }
  .site-nav a:after{display:none}
}
@media(max-width:900px){
  .pillar-grid{grid-template-columns:1fr}
  .pillar{min-height:190px}
  .architecture-grid{grid-template-columns:1fr}
}
@media(max-width:720px){
  .header-inner{min-height:72px}
  .site-nav{gap:.6rem}
  .brand-copy strong{overflow-wrap:anywhere}
  .hero-grid,.enterprise-grid,.architecture-grid,.dayton-grid{min-width:0}
}
html{scroll-padding-top:var(--ep-header-offset,100px)}
section[id]{scroll-margin-top:var(--ep-header-offset,100px)}
@media(prefers-reduced-motion:reduce){
  .site-nav{transition:none}
}

/* Coarse-pointer devices may request a virtual desktop viewport, especially
   foldables and Android in-app browsers. Honor touch input rather than only
   CSS viewport width. This keeps the same content with mobile-first priority. */
@media (pointer:coarse), (hover:none) {
  html { scroll-padding-top:var(--ep-header-offset,92px) }
  .site-header,.site-header.scrolled {
    background:#070a08;
    border-bottom-color:var(--line);
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }
  .header-inner{min-height:72px;gap:1rem}
  .brand{min-width:0;max-width:calc(100% - 70px)}
  .brand-copy span{display:none}
  .menu-button{display:block;position:relative;z-index:4;flex-shrink:0;cursor:pointer}
  .site-nav {
    position:fixed;inset:0;z-index:3;display:grid;
    align-content:center;justify-items:center;gap:.85rem;
    min-height:100vh;min-height:100dvh;
    padding:6rem 1.25rem 2rem;overflow-y:auto;
    background:#050e0a;
    visibility:hidden;opacity:0;pointer-events:none;
    transform:translateY(-1rem);
    transition:visibility .2s ease,opacity .2s ease,transform .2s ease;
  }
  .site-nav.open{visibility:visible;opacity:1;pointer-events:auto;transform:none}
  .site-nav a{min-height:52px;padding:.45rem 1rem;font:400 clamp(1.65rem,5vw,2.25rem)/1.25 var(--serif);letter-spacing:0;text-transform:none}
  .site-nav a:after{display:none}
  .hero-grid,.enterprise-grid,.architecture-grid,.dayton-grid{grid-template-columns:minmax(0,1fr)}
  .hero-grid{gap:1.8rem;padding-block:clamp(7.5rem,10vw,9.5rem) 2.5rem}
  .hero-visual{min-height:clamp(240px,36vw,340px);max-width:540px;width:100%;justify-self:center}
  .emerald-gem{width:105px;height:126px}
  .orbit-a{width:235px;height:235px}
  .orbit-b{width:170px;height:280px}
  .visual-card-top{top:.75rem;right:.75rem}
  .visual-card-bottom{left:.75rem;bottom:.75rem;min-width:155px}
  .brand-grid{grid-template-columns:minmax(0,1fr)}
  .brand-card{min-height:clamp(360px,55vw,540px)}
  .identity-intro{grid-template-columns:1fr}
  .identity-intro>p:last-child{justify-self:start}
  .pillar-grid{grid-template-columns:1fr}
  .pillar{min-height:190px}
  .dayton-section{min-height:0}
  .architecture-map{min-height:0}
}

/* Actual foldable-device acceptance: vertically readable enterprise hierarchy
   and tighter visual rhythm on touch browsers, including desktop-mode webviews. */
@media (pointer:coarse), (hover:none) {
  .section{padding-block:clamp(3.75rem,7vw,6.25rem)}
  .architecture-grid{gap:clamp(1.75rem,4vw,3rem)}
  .architecture-map{max-width:680px;width:100%;margin-inline:auto;padding:clamp(1rem,3vw,1.65rem)}
  .arch-parent{width:min(100%,500px);margin:.5rem auto 0}
  .arch-line-main{height:36px}
  .arch-children{grid-template-columns:minmax(0,1fr);max-width:500px;margin-inline:auto;gap:.8rem}
  .arch-children:before{display:none}
  .arch-children .arch-node:first-child{grid-column:auto;width:100%;margin-bottom:0}
  .arch-node{padding:1.15rem 1.25rem}
  .arch-node strong{font-size:clamp(1.12rem,2.3vw,1.4rem);line-height:1.3}
  .identity-intro{margin-bottom:clamp(2rem,4vw,3rem)}
}


/* Corporate artwork governance: owner-rejected synthetic emblems are retired.
   Until a current approved corporate logo and authentic photo masters are
   mapped, use typography and neutral surfaces only. Do not infer approval
   from visual resemblance, an old concept board, or a reference folder. */
.brand{gap:0}
.brand-copy strong{letter-spacing:.08em}
.footer-brand{gap:0}
.hero-grid{display:block;max-width:1120px;margin-inline:auto;padding-block:clamp(7.25rem,10vw,10rem) clamp(4rem,7vw,7rem)}
.hero-copy{max-width:980px}
.hero-visual,.hero-ring,.hero-noise,.emerald-gem,.brand-art,.brand-gem,.brand-halo,.dayton-backdrop{display:none!important}
.brand-grid{align-items:stretch}
.brand-card{min-height:clamp(330px,36vw,480px);border:1px solid rgba(212,175,55,.16);box-shadow:0 14px 44px rgba(0,0,0,.09)}
.brand-card:after{background:linear-gradient(0deg,rgba(5,14,10,.48),transparent)}
.brand-card-boutique{background:linear-gradient(145deg,#103c2d 0%,#06271e 54%,#0a1511 100%)}
.brand-card-smoke{background:linear-gradient(145deg,#121b17 0%,#0b1410 55%,#08251a 100%)}
.dayton-location{margin-top:1.5rem;color:var(--gold-soft);font-size:.85rem;letter-spacing:.08em;font-weight:600}
@media(max-width:1240px){
  .hero-grid{padding-block:clamp(6.5rem,9vw,8rem) clamp(3rem,6vw,5rem)}
  .brand-card{min-height:340px}
}
@media(max-width:720px), (pointer:coarse), (hover:none){
  .hero-grid{padding-block:clamp(6rem,10vw,7rem) clamp(2.5rem,5vw,3.5rem)}
  .brand-card{min-height:310px}
}


/* Approved image integration — source is EPB Social Ready current primary /
   horizontal marks, not a recreated emblem or a generated approximation. */
.brand-card-boutique:after{display:none}
.brand-card-boutique{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;padding:0;background:#09281e}
.approved-brand-media{display:flex;align-items:center;justify-content:center;min-height:235px;padding:clamp(1.1rem,2.4vw,2rem);background:#faf8f1;border-bottom:2px solid rgba(185,156,89,.5)}
.approved-brand-media picture{display:block;width:100%;max-width:555px;text-align:center}
.approved-brand-media img{display:block;width:100%;max-height:260px;object-fit:contain;margin-inline:auto}
.brand-card-boutique .brand-card-content{padding:clamp(1.5rem,3vw,2.6rem);max-width:none}
@media(max-width:760px),(pointer:coarse),(hover:none){
  .approved-brand-media{min-height:210px;padding:1.25rem}
  .approved-brand-media img{width:100%;max-height:225px;object-fit:contain}
  .brand-card-boutique .brand-card-content{padding:1.5rem}
}


/* EP parent-company emblem: faithful excerpt (245x202) from approved EP-BB-002
   Brand Board. No recreated logo: on-site watermark uses same source pixels. */
.brand{gap:.7rem}
.parent-brand-image{display:block;flex:none;width:62px;height:auto;aspect-ratio:245/202;object-fit:contain;mix-blend-mode:screen}
.footer-brand{gap:1.15rem}
.footer-parent-logo{display:block;flex:none;width:126px;height:auto;aspect-ratio:245/202;object-fit:contain;mix-blend-mode:screen}
.closing-identity-watermark{position:absolute;right:6%;bottom:12%;width:min(27vw,245px);z-index:0;opacity:.10;pointer-events:none;user-select:none;mix-blend-mode:screen}
.closing-identity-watermark img{display:block;width:100%;height:auto}
@media(max-width:720px),(pointer:coarse),(hover:none){
  .parent-brand-image{width:53px}
  .brand{gap:.55rem}
  .brand-copy strong{font-size:clamp(.69rem,2.7vw,.85rem);letter-spacing:.055em}
  .footer-parent-logo{width:85px}
  .footer-brand{gap:.7rem}
  .closing-identity-watermark{right:2%;bottom:8%;width:min(32vw,145px);opacity:.07}
}
@media(prefers-contrast:more){
  .closing-identity-watermark{opacity:.035}
}


/* 2026-10-17 verified first-party editorial assets. All images are exact
   byte copies from the existing EP-controlled public Shopify storefronts,
   never historical concept art or invented corporate emblems. */
.approved-brand-media{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,.38fr);gap:clamp(.7rem,2vw,1.25rem);align-items:center;min-height:245px}
.approved-brand-media picture{min-width:0}
.approved-brand-media picture img{max-height:230px}
.boutique-editorial-image{display:block;width:100%;max-height:226px;aspect-ratio:1 / 1;object-fit:cover;object-position:50% 23%;border-radius:2px}
.brand-card-smoke{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;padding:0;min-height:0;background:#070c09}
.brand-card-smoke:after{display:none}
.smoke-approved-media{min-height:235px;display:grid;place-items:center;padding:1.25rem;background:#000;border-bottom:2px solid rgba(185,156,89,.5)}
.smoke-approved-media img{width:min(100%,315px);height:225px;object-fit:contain}
.brand-card-smoke .brand-card-content{max-width:none;padding:clamp(1.5rem,3vw,2.6rem)}
.brand-card-boutique,.brand-card-smoke{min-height:0}
.dayton-section{min-height:0;padding-block:clamp(4rem,8vw,7rem)}
.dayton-grid{align-items:start;gap:clamp(1.5rem,4vw,3.25rem)}
.dayton-photograph{position:relative;grid-column:1/-1;overflow:hidden;max-width:100%;margin:1rem 0 0;border:1px solid rgba(212,175,55,.28);background:#111a15}
.dayton-photograph img{width:100%;height:clamp(240px,39vw,490px);display:block;object-fit:cover;object-position:50% 47%}
.dayton-photograph figcaption{position:absolute;bottom:0;right:0;padding:.65rem 1rem;color:#fff;background:rgba(3,12,8,.86);font-size:.78rem;letter-spacing:.08em}
@media(max-width:960px), (pointer:coarse), (hover:none){
 .dayton-grid{grid-template-columns:minmax(0,1fr)}
 .dayton-photograph{grid-column:1}
 .dayton-photograph img{height:clamp(215px,48vw,340px)}
}
@media(max-width:600px){
 .approved-brand-media{grid-template-columns:minmax(0,1fr) minmax(88px,.42fr);min-height:160px;padding:.85rem;gap:.5rem}
 .approved-brand-media picture img{max-height:175px}
 .boutique-editorial-image{max-height:175px}
 .smoke-approved-media{min-height:170px;padding:.75rem}
 .smoke-approved-media img{height:165px}
 .dayton-photograph img{height:210px}
}
