@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap');
:root{--navy:#0B1F3B;--deep:#061426;--steel:#2E5B87;--gold:#D4AF6B;--gold2:#F0D39A;--ivory:#F8F9FB;--mist:#E4E7EC;--ink:#1F2937;--soft:#667085;--white:#fff;--shadow:0 22px 70px rgba(11,31,59,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--navy);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{text-decoration:none;color:inherit}img{display:block;width:100%;height:100%;object-fit:cover}.wrap{width:min(1540px,calc(100% - 48px));margin:auto}
.serif,h1,h2,h3{font-family:"Cormorant Garamond",Georgia,serif}.caps{font-size:10px;letter-spacing:4px;text-transform:uppercase;font-weight:700}.gold{color:var(--gold2)}
.site-nav{height:100px;position:absolute;z-index:40;left:0;right:0;top:0;color:white}.nav-inner{height:100%;display:flex;align-items:center;gap:30px}.logo{display:flex;align-items:center;gap:11px;min-width:210px}.bars{height:44px;display:flex;align-items:flex-end;gap:4px}.bars i{width:7px;border-radius:2px;background:linear-gradient(135deg,#ffe7aa,#d4af6b 55%,#95641e);box-shadow:0 1px 4px rgba(0,0,0,.25)}.bars i:nth-child(1){height:17px}.bars i:nth-child(2){height:26px}.bars i:nth-child(3){height:35px}.bars i:nth-child(4){height:44px}.logo-text strong{display:block;font:700 31px/.9 "Cormorant Garamond",serif;color:#f5deb0;letter-spacing:.4px}.logo-text small{display:block;font-size:8px;letter-spacing:5px;margin-top:6px;color:#fff}.links{margin-left:auto;display:flex;gap:28px;align-items:center}.links a{font-size:11px;font-weight:500;color:#eef3f8;transition:.18s}.links a:hover,.links a.active{color:var(--gold2)}.login-pill{border:1px solid rgba(212,175,107,.86);padding:9px 23px;border-radius:999px!important}.menu{display:none;margin-left:auto;font-size:25px;color:#fff}
.hero{min-height:100svh;position:relative;overflow:hidden;background:var(--deep);display:flex;flex-direction:column}.hero-bg{position:absolute;inset:0;background:url('/art/statue_hero_r5.png') 58% 50%/cover no-repeat}.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,20,38,.98) 0%,rgba(6,20,38,.91) 34%,rgba(6,20,38,.60) 59%,rgba(6,20,38,.12) 100%)}.hero:after{content:"";position:absolute;left:-6%;right:-7%;top:46%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);transform:rotate(-10deg);opacity:.96;z-index:2}.hero>.wrap{position:relative;z-index:3;flex:1;display:flex;align-items:flex-start;padding-top:clamp(150px,18vh,215px);padding-bottom:54px}.hero-content{color:white;width:48%;max-width:700px;padding-left:clamp(8px,1.4vw,24px)}.hero h1{font-size:clamp(66px,5.35vw,88px);line-height:.86;margin:14px 0 22px;color:#f8e3b8;font-weight:600;letter-spacing:-1.2px}.hero p{max-width:610px;color:#edf2f7;line-height:1.68;font-size:16px}.hero-actions{display:flex;gap:18px;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 28px;border-radius:7px;font-size:12px;font-weight:700;letter-spacing:.9px;text-transform:uppercase;transition:.2s}.btn-gold{background:linear-gradient(90deg,#f3d697,#d4af6b);color:var(--navy);box-shadow:0 10px 28px rgba(212,175,107,.22)}.btn-outline{border:1px solid rgba(212,175,107,.82);color:#fff;background:rgba(6,20,38,.18);backdrop-filter:blur(6px)}.btn:hover{transform:translateY(-2px)}
.hero-sideword{position:absolute;right:7%;top:29%;z-index:3;color:#fff;line-height:1.55;font-size:13px;letter-spacing:4.6px}.hero-sideword:after{content:"";display:block;width:48px;border-top:1px solid var(--gold);margin-top:13px}.hero-metrics{position:relative;z-index:4;min-height:132px;background:rgba(6,20,38,.91);border-top:1px solid rgba(212,175,107,.66);display:grid;grid-template-columns:repeat(4,1fr);padding:0 max(32px,calc((100% - 1400px)/2));backdrop-filter:blur(10px)}.metric{display:flex;gap:18px;align-items:center;padding:24px 36px;border-right:1px solid rgba(228,231,236,.22)}.metric:last-child{border-right:0}.metric .mi{font-size:30px;color:var(--gold)}.metric-icon{width:34px;height:34px;display:grid;place-items:center;color:var(--gold);flex:0 0 34px}.metric-icon svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.6}.metric strong{display:block;font-size:10px;letter-spacing:3px;text-transform:uppercase;color:#f8f9fb}.metric span{font-size:11px;color:#aebdcb}
.editorial{padding:104px 0;background:#fbfbfa}.editorial-grid{display:grid;grid-template-columns:.72fr 1.35fr .62fr;gap:36px;align-items:center}.editorial h2{font-size:56px;line-height:.94;margin:10px 0 18px}.editorial p{font-size:14px;line-height:1.75;color:var(--soft)}.art-frame{height:430px;overflow:hidden;box-shadow:var(--shadow);position:relative;border-radius:2px}.art-frame.piano img{object-position:center}.quote-card{padding:38px 30px;border-left:1px solid var(--gold);min-height:310px;display:flex;flex-direction:column;justify-content:center}.quote-card h3{font-size:35px;line-height:1.03;margin:12px 0}.rule{width:38px;border-top:2px solid var(--gold);margin:12px 0}
.dark-section{background:linear-gradient(135deg,#061426,#0b1f3b 70%,#143a59);color:white;padding:86px 0}.dark-grid{display:grid;grid-template-columns:320px 1fr;gap:44px}.dark-section h2{font-size:54px;line-height:.93;margin:10px 0 12px;color:#fff}.dark-section p{color:#c7d3df;line-height:1.65;font-size:13px}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.module-card{min-height:242px;padding:28px;border:1px solid rgba(212,175,107,.31);background:linear-gradient(145deg,rgba(20,53,85,.84),rgba(6,20,38,.68));position:relative;overflow:hidden}.module-card:after{content:"";position:absolute;right:-55px;top:-80px;width:190px;height:190px;border:1px solid rgba(46,91,135,.5);border-radius:50%}.module-card .ico{font-size:34px;color:var(--gold);margin-bottom:27px}.module-icon{width:36px;height:36px;color:var(--gold);margin-bottom:24px}.module-icon svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.6}.module-card h3{font-size:25px;margin:0 0 8px}.module-card a{position:absolute;bottom:20px;right:22px;color:var(--gold);font-size:20px}
.impact-story{display:grid;grid-template-columns:.82fr 1.05fr .70fr;min-height:440px}.impact-story .image{overflow:hidden}.impact-copy{padding:58px 48px;background:#fff}.impact-copy h2{font-size:50px;line-height:.95;margin:10px 0}.impact-copy p{color:var(--soft);line-height:1.68;font-size:13px}.numbers{padding:58px 38px;background:#fff;border-left:1px solid var(--mist)}.number{padding:13px 0;border-bottom:1px solid var(--mist)}.number strong{display:block;font:600 34px/1 "Cormorant Garamond";color:#b9832b}.number span{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--steel)}
.cta{position:relative;overflow:hidden;background:linear-gradient(135deg,#061426,#0b1f3b 72%,#123a5b);color:white;padding:48px 0;min-height:176px;display:flex;align-items:center}.cta:after{content:"";position:absolute;right:-9%;top:-130%;width:60%;height:320%;border:1px solid var(--gold);border-radius:50%;opacity:.5}.cta-inner{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:72px;width:100%}.cta h2{font-size:52px;margin:0;color:#fff}.footer{background:#061426;color:#aebdcb;padding:30px 0}.footer-inner{display:flex;align-items:center;gap:35px}.footer .links{margin-left:0}.footer small{margin-left:auto}
.page-hero{min-height:100svh;background:var(--deep);position:relative;overflow:hidden;color:white;display:flex;align-items:center}.page-hero .page-art{position:absolute;inset:0;background-size:cover;background-position:center}.page-hero .page-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,20,38,.97) 0%,rgba(6,20,38,.87) 35%,rgba(6,20,38,.52) 62%,rgba(6,20,38,.12) 100%)}.page-hero .inner{position:relative;z-index:2;padding-top:clamp(150px,18vh,210px);padding-bottom:70px;width:100%;padding-left:clamp(8px,1.4vw,24px)}.page-hero .inner>*{max-width:720px}.page-hero h1{font-size:clamp(64px,5.1vw,84px);line-height:.88;margin:15px 0;color:#f5dfb2;font-weight:600;letter-spacing:-.8px}.page-hero p{color:#e9eef4;line-height:1.7;max-width:620px;font-size:16px}.page-hero.statue .page-art{background-image:url('/art/statue_hero_r5.png');background-position:54% center}.page-hero.piano .page-art{background-image:url('/art/program_piano_r5.png');background-position:58% center}.page-hero.hall .page-art{background-image:url('/art/gallery_hall_r5.png');background-position:58% center}
.content-section{padding:92px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.split.reverse .media{order:-1}.content-section h2{font-size:50px;line-height:.98;margin:8px 0 17px}.content-section p{color:var(--soft);line-height:1.72;font-size:14px}.media{height:480px;overflow:hidden;box-shadow:var(--shadow);border-radius:2px}.feature-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:34px}.feature{padding:23px;background:white;border:1px solid var(--mist)}.feature strong{font:600 24px "Cormorant Garamond";display:block}.feature p{font-size:11px;margin:7px 0 0}.contact-box{background:#fff;border:1px solid var(--mist);padding:42px;box-shadow:var(--shadow)}.contact-box input,.contact-box select,.contact-box textarea{width:100%;border:1px solid #d7dee7;background:#fff;padding:14px;font:13px Inter;margin-top:10px;color:var(--ink)}.contact-box select{appearance:auto;min-height:48px}.contact-box textarea{min-height:150px;resize:vertical}.contact-status{margin-top:14px;min-height:20px;font-size:12px;color:var(--steel)}.contact-status.success{color:#20866A}.contact-status.error{color:#B54444}.contact-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
@media(max-width:1000px){.links{display:none}.menu{display:block}.hero>.wrap{padding-top:126px;padding-bottom:42px}.hero-content{width:68%}.hero h1{font-size:60px}.hero-sideword{right:5%;top:18%}.hero-metrics{grid-template-columns:repeat(2,1fr);padding:0 28px}.editorial-grid,.impact-story,.dark-grid,.split{grid-template-columns:1fr}.module-grid{grid-template-columns:repeat(2,1fr)}.feature-row{grid-template-columns:repeat(2,1fr)}.quote-card{min-height:auto}.media{height:350px}.split.reverse .media{order:0}.page-hero{min-height:100svh}.page-hero .inner{padding-top:132px}}
@media(max-width:620px){.wrap{width:min(100% - 30px,1540px)}.site-nav{height:74px}.logo{min-width:0}.logo-text strong{font-size:23px}.hero{min-height:100svh}.hero-bg{background-image:url('/art/statue_hero_r5.png');background-position:37% center}.hero-bg:after{background:linear-gradient(180deg,rgba(6,20,38,.82) 0%,rgba(6,20,38,.50) 42%,rgba(6,20,38,.90) 100%)}.hero>.wrap{padding-top:96px;padding-bottom:26px;align-items:flex-start}.hero-content{width:100%;padding-top:30px}.hero h1{font-size:49px;max-width:350px;line-height:.88}.hero p{font-size:12px;max-width:335px}.hero-sideword{display:none}.hero-actions{flex-direction:column;align-items:flex-start}.hero-metrics{grid-template-columns:repeat(2,1fr);padding:0;backdrop-filter:blur(8px)}.metric{padding:15px 12px;min-height:78px}.metric .mi{font-size:22px}.metric strong{font-size:8px;letter-spacing:1.7px}.metric span{font-size:9px}.editorial{padding:54px 0}.editorial h2,.dark-section h2,.content-section h2{font-size:41px}.editorial-grid{gap:20px}.art-frame{height:290px}.module-grid,.feature-row{grid-template-columns:1fr}.impact-copy,.numbers{padding:32px 20px}.cta-inner{flex-direction:column;align-items:flex-start;gap:20px}.footer-inner{flex-direction:column;align-items:flex-start}.footer small{margin-left:0}.page-hero{min-height:100svh}.page-hero .inner{padding-top:104px;padding-bottom:46px}.page-hero h1{font-size:47px;max-width:350px}.page-hero p{font-size:12px;max-width:335px}.page-hero.statue .page-art{background-position:39% center}.page-hero.piano .page-art{background-position:62% center}.page-hero.hall .page-art{background-position:62% center}.media{height:290px}}

/* R6 brandbook stabilization: single authoritative refinement layer */
:root{--public-inset:clamp(38px,5vw,82px);--hero-copy:clamp(650px,46vw,780px)}
.wrap{width:min(1540px,calc(100% - (var(--public-inset)*2)));margin-inline:auto}
.site-nav{height:104px}.nav-inner{gap:38px}.links{gap:clamp(24px,2vw,36px)}.links a{font-size:12.5px;letter-spacing:.15px}.login-pill{padding:10px 26px;border-radius:999px!important;background:rgba(6,20,38,.16)}
.menu{border:0;background:transparent;cursor:pointer;padding:8px}
.hero,.page-hero{min-height:100svh}
.hero>.wrap,.page-hero .inner{padding-left:0;padding-right:0}
.hero>.wrap{padding-top:clamp(150px,16vh,196px);padding-bottom:44px;align-items:flex-start}
.hero-content{width:49%;max-width:var(--hero-copy);padding-left:0}
.hero h1{font-size:clamp(70px,5.25vw,90px);line-height:.88;margin:18px 0 24px;letter-spacing:-.9px}
.hero p{font-size:clamp(15px,1.02vw,17px);max-width:620px;line-height:1.62}
.hero-sideword{right:var(--public-inset);top:25.5%;font-size:14px;letter-spacing:5px}
.hero-actions{margin-top:32px}.btn{min-height:52px;padding:0 28px;border-radius:5px;font-size:11.5px;letter-spacing:1.05px}.btn-outline{border-radius:999px}
.hero-metrics{min-height:118px;padding:0 var(--public-inset);background:rgba(5,18,34,.91)}
.metric{padding:22px 26px;gap:18px}.metric-icon{width:40px;height:40px;flex-basis:40px}.metric strong{font-size:10.5px;letter-spacing:3.05px}.metric span{display:block;margin-top:4px;font-size:10px}
.editorial{padding:92px 0 98px}.editorial-grid{grid-template-columns:.78fr 1.48fr .62fr;gap:0;align-items:center}.editorial-grid>div:first-child{padding-right:44px}
.editorial h2{font-size:clamp(52px,3.7vw,62px);line-height:.94}.editorial p{font-size:14px;max-width:430px}.art-frame{height:440px}
.quote-card{position:relative;z-index:2;margin-left:-78px;min-height:306px;background:rgba(255,255,255,.96);border:1px solid rgba(228,231,236,.9);border-left:0;box-shadow:0 18px 40px rgba(11,31,59,.07);padding:38px 34px}
.quote-card .caps{font-size:11px;line-height:1.72}.quote-card h3{font-size:32px;font-style:italic;font-weight:500}
.dark-section{padding:78px 0}.dark-grid{grid-template-columns:340px 1fr;gap:50px}.dark-section h2{font-size:clamp(50px,3.55vw,60px)}
.module-grid{gap:22px}.module-card{display:block;min-height:240px;padding:30px;border-radius:3px;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}
.module-card:hover{transform:translateY(-3px);border-color:rgba(212,175,107,.76);background:linear-gradient(145deg,rgba(25,65,101,.94),rgba(6,20,38,.78));box-shadow:0 18px 38px rgba(2,12,24,.22)}
.module-icon{width:43px;height:43px;margin-bottom:22px}.module-card h3{font-size:28px;letter-spacing:1.7px}.module-card p{font-size:13px;line-height:1.5;max-width:270px}.module-card .card-arrow{position:absolute;right:24px;bottom:20px;color:var(--gold);font-size:27px}
.impact-story{grid-template-columns:.92fr 1fr .58fr;min-height:390px}.impact-copy{padding:48px 50px}.impact-copy h2{font-size:50px}.numbers{padding:44px 31px}.number strong{font-size:35px;color:#b9832b}
.cta{min-height:208px;padding:38px 0;background:#061426;isolation:isolate}.cta:before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(6,20,38,.97),rgba(6,20,38,.82) 48%,rgba(6,20,38,.58)),url('/art/landing_hero_r5.png') center 57%/cover no-repeat}.cta:after{content:"";position:absolute;z-index:-1;left:-7%;right:-7%;top:55%;height:110px;border-top:2px solid rgba(212,175,107,.9);border-radius:50%;transform:rotate(-5deg);opacity:.92}
.cta-inner{justify-content:center;gap:74px;text-align:center}.cta h2{font-size:clamp(44px,3.5vw,58px);letter-spacing:.8px}
.page-hero{display:flex;flex-direction:column;align-items:stretch}
.page-hero .inner{position:relative;z-index:3;flex:1;display:flex;flex-direction:column;justify-content:center;padding-top:126px;padding-bottom:48px}
.page-hero .inner>*{max-width:var(--hero-copy)}
.page-hero h1{font-size:clamp(68px,5vw,86px);line-height:.89;letter-spacing:-.7px;margin:18px 0 22px}
.page-hero p{font-size:clamp(15px,1.02vw,17px);line-height:1.62;max-width:620px}
.page-hero .hero-actions{margin-top:32px}.page-hero>.hero-metrics{width:100%;margin-top:auto;flex:0 0 auto}
.page-hero .page-art:after{background:linear-gradient(90deg,rgba(6,20,38,.97) 0%,rgba(6,20,38,.85) 34%,rgba(6,20,38,.45) 62%,rgba(6,20,38,.08) 100%)}
.content-section{padding:88px 0}.content-section h2{font-size:clamp(50px,3.65vw,60px)}.content-section p{font-size:14px}.media{height:460px}
.feature{min-height:126px;padding:24px}.feature strong{font-size:27px}.feature p{font-size:11.5px}
.btn:focus-visible,.module-card:focus-visible,.menu:focus-visible,.links a:focus-visible{outline:2px solid var(--gold2);outline-offset:4px}
@media (min-width:1280px) and (max-width:1800px) and (min-aspect-ratio:29/20) and (max-aspect-ratio:17/10){
  :root{--public-inset:clamp(54px,5.2vw,82px);--hero-copy:720px}
  .site-nav{height:100px}.links{gap:30px}.links a{font-size:12.5px}
  .hero>.wrap{padding-top:clamp(138px,15.5vh,174px);padding-bottom:36px}.hero h1{font-size:clamp(74px,5.25vw,82px)}.hero p{font-size:15.5px}
  .hero-sideword{top:24%;font-size:14px;letter-spacing:4.8px}
  .hero-metrics{min-height:112px}.metric{padding:19px 24px}.metric-icon{width:38px;height:38px;flex-basis:38px}.metric strong{font-size:10px}.metric span{font-size:9.8px}
  .page-hero .inner{padding-top:120px;padding-bottom:38px}.page-hero h1{font-size:clamp(70px,5vw,80px)}.page-hero p{font-size:15.5px}
  .editorial{padding:80px 0 88px}.editorial h2{font-size:54px}.art-frame{height:395px}.quote-card{min-height:278px;margin-left:-68px}
  .dark-section{padding:68px 0}.module-card{min-height:222px;padding:27px}.module-card h3{font-size:26px}
  .impact-story{min-height:350px}.impact-copy{padding:42px 45px}.impact-copy h2{font-size:46px}.cta{min-height:178px}.cta h2{font-size:48px}
}
@media(max-width:1000px){
  :root{--public-inset:28px}
  .site-nav{height:84px}.nav-inner{gap:18px}.menu{display:inline-grid;place-items:center}
  .site-nav .links{position:absolute;top:74px;right:var(--public-inset);left:var(--public-inset);display:none;margin:0;padding:20px;flex-direction:column;align-items:stretch;gap:0;border:1px solid rgba(212,175,107,.38);background:rgba(6,20,38,.98);box-shadow:0 24px 55px rgba(0,0,0,.28);backdrop-filter:blur(16px)}
  .site-nav.is-open .links{display:flex}.site-nav .links a{padding:13px 12px;font-size:13px}.site-nav .login-pill{margin-top:8px;text-align:center}
  .hero>.wrap{padding-top:116px}.hero-content{width:72%}.hero h1{font-size:62px}.hero-sideword{right:var(--public-inset);top:19%}
  .hero-metrics{grid-template-columns:repeat(2,1fr)}.editorial-grid,.impact-story,.dark-grid,.split{grid-template-columns:1fr}.editorial-grid>div:first-child{padding-right:0}.quote-card{margin-left:0;border-left:1px solid rgba(228,231,236,.9)}
  .module-grid{grid-template-columns:repeat(2,1fr)}.feature-row{grid-template-columns:repeat(2,1fr)}.split.reverse .media{order:0}.page-hero .inner{padding-top:116px}.footer .links{display:flex;flex-wrap:wrap;gap:16px}
}
@media(max-width:620px){
  :root{--public-inset:18px}.wrap{width:calc(100% - (var(--public-inset)*2))}
  .site-nav{height:74px}.logo{min-width:0}.logo-text strong{font-size:24px}.site-nav .links{top:67px}
  .hero-bg{background-position:37% center}.hero-bg:after{background:linear-gradient(180deg,rgba(6,20,38,.80) 0%,rgba(6,20,38,.48) 42%,rgba(6,20,38,.93) 100%)}
  .hero>.wrap{padding-top:92px;padding-bottom:28px}.hero-content{width:100%;padding-top:28px}.hero h1{font-size:49px;max-width:360px;line-height:.89}.hero p{font-size:12.8px;max-width:340px}.hero-sideword{display:none}
  .hero-actions{flex-direction:column;align-items:flex-start}.btn{min-height:48px;padding-inline:22px;font-size:10.5px}
  .hero-metrics{grid-template-columns:repeat(2,1fr);padding:0}.metric{padding:14px 12px;min-height:82px;gap:11px}.metric-icon{width:29px;height:29px;flex-basis:29px}.metric strong{font-size:8px;letter-spacing:1.65px}.metric span{font-size:8.8px}
  .editorial{padding:56px 0}.editorial h2,.dark-section h2,.content-section h2{font-size:42px}.editorial-grid{gap:20px}.art-frame,.media{height:290px}.quote-card{min-height:auto}
  .module-grid,.feature-row{grid-template-columns:1fr}.impact-copy,.numbers{padding:32px 20px}.cta{min-height:220px}.cta-inner{flex-direction:column;align-items:flex-start;gap:20px;text-align:left}
  .page-hero .inner{padding-top:94px;padding-bottom:30px}.page-hero h1{font-size:47px;max-width:370px}.page-hero p{font-size:12.8px;max-width:340px}.page-hero>.hero-metrics{grid-template-columns:repeat(2,1fr)}
  .page-hero.statue .page-art{background-position:39% center}.page-hero.piano .page-art,.page-hero.hall .page-art{background-position:62% center}
  .footer-inner{flex-direction:column;align-items:flex-start}.footer .links{display:flex;gap:12px 18px}.footer small{margin-left:0}
}


/* R7 homepage brandbook reference alignment */
.site-nav{height:112px}.logo{gap:14px;min-width:244px}.bars{height:50px}.bars i:nth-child(1){height:20px}.bars i:nth-child(2){height:30px}.bars i:nth-child(3){height:39px}.bars i:nth-child(4){height:50px}.logo-text strong{font-size:35px}.logo-text small{font-size:8.5px;letter-spacing:5.2px;margin-top:7px}.links a{font-size:13.5px}.login-pill{padding:11px 28px}

.hero-bg{background:url('/art/statue_hero_r5.png') 67% 42%/118% auto no-repeat}
.hero-bg:after{background:linear-gradient(90deg,rgba(6,20,38,.90) 0%,rgba(6,20,38,.72) 28%,rgba(6,20,38,.28) 55%,rgba(6,20,38,.06) 100%)}
.hero:after{left:18%;right:-10%;top:28%;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(240,211,154,.98) 22%,rgba(212,175,109,.98) 58%,transparent 100%);transform:rotate(-10deg)}
.hero>.wrap{padding-top:clamp(146px,15.2vh,182px);padding-bottom:26px}
.hero-content{width:42%;max-width:620px}
.hero h1{font-size:clamp(62px,4.55vw,78px);line-height:.92;margin:18px 0 22px;letter-spacing:-.55px}
.hero p{font-size:clamp(14px,.98vw,16px);max-width:560px;line-height:1.54}
.hero-sideword{right:calc(var(--public-inset) + 4px);top:25.5%;font-size:17px;letter-spacing:6px;line-height:1.6}
.hero-sideword:after{width:58px;margin-top:16px;border-top:3px solid var(--gold)}
.hero-metrics{min-height:98px;background:linear-gradient(90deg,rgba(6,20,38,.95),rgba(7,26,50,.90));border-top-color:rgba(212,175,109,.74)}
.metric{padding:18px 24px;gap:16px}
.metric-icon{width:34px;height:34px;flex-basis:34px;color:var(--gold)}
.metric strong{font-size:11px;letter-spacing:3.2px;line-height:1.3}
.metric span{margin-top:3px;font-size:12px;line-height:1.25}

.dark-section{padding:54px 0 56px}
.dark-grid{grid-template-columns:300px 1fr;gap:34px;align-items:start}
.dark-section h2{font-size:clamp(40px,3vw,52px);margin:8px 0 10px}
.dark-section p{font-size:12px;line-height:1.58}
.module-grid{gap:20px}
.module-card{min-height:176px;padding:24px 26px;border-color:rgba(212,175,109,.28);border-radius:2px;background:linear-gradient(145deg,rgba(20,53,85,.82),rgba(6,20,38,.68))}
.module-card:after{right:-48px;top:-70px;width:165px;height:165px;border-color:rgba(46,91,135,.40)}
.module-icon{width:36px;height:36px;margin-bottom:16px}
.module-card h3{font-size:22px;letter-spacing:1.3px;margin-bottom:8px}
.module-card p{font-size:12px;line-height:1.45;max-width:250px}
.module-card .card-arrow{right:24px;bottom:16px;font-size:24px}

.impact-story{grid-template-columns:.92fr 1.02fr .54fr;min-height:280px}
.impact-copy{padding:34px 42px}
.impact-copy h2{font-size:44px;margin:10px 0 14px}
.impact-copy p{font-size:12px;line-height:1.62}
.numbers{padding:26px 34px}
.number{padding:11px 0 13px}
.number strong{font-size:44px;line-height:.92}
.number span{font-size:10px;letter-spacing:2.4px}

.cta{min-height:118px;padding:18px 0;background:#061426}
.cta:before{background:radial-gradient(circle at 20% 35%,rgba(24,58,89,.45),transparent 38%),linear-gradient(90deg,rgba(6,20,38,.98) 0%,rgba(6,20,38,.94) 42%,rgba(6,20,38,.88) 100%),url('/art/landing_hero_r5.png') center 54%/cover no-repeat;filter:saturate(.8) brightness(.55)}
.cta:after{left:-12%;right:18%;top:52%;height:86px;border-top-width:2px;transform:rotate(-3deg);opacity:.95}
.cta-inner{gap:54px}
.cta-copy{max-width:760px}
.cta h2{font-size:clamp(28px,2.55vw,40px);margin:2px 0 4px;letter-spacing:.45px}
.cta p{margin:0;color:#d9e2ec;font-size:13px;line-height:1.35}

@media (min-width:1280px) and (max-width:1800px) and (min-aspect-ratio:29/20) and (max-aspect-ratio:17/10){
  .hero>.wrap{padding-top:clamp(138px,15.3vh,168px);padding-bottom:22px}
  .hero-content{max-width:600px}
  .hero h1{font-size:clamp(64px,4.7vw,76px)}
  .hero p{font-size:14.5px}
  .hero-sideword{top:23.5%;font-size:16px;letter-spacing:5.4px}
  .hero-metrics{min-height:92px}
  .metric{padding:16px 22px}.metric-icon{width:33px;height:33px;flex-basis:33px}.metric strong{font-size:10.5px}.metric span{font-size:11px}
  .dark-section{padding:48px 0 50px}.module-card{min-height:168px;padding:22px 24px}.module-card h3{font-size:21px}
  .impact-story{min-height:260px}.impact-copy{padding:30px 34px}.impact-copy h2{font-size:40px}
  .cta{min-height:112px}.cta h2{font-size:34px}
}
@media(max-width:620px){
  .cta{min-height:160px}.cta-inner{gap:16px}
}


/* R8 reference-locked brandbook rebuild */
:root{
  --brandbook-gold:#D7AE62;
  --brandbook-gold-light:#F3D79A;
  --brandbook-ivory:#F4E2BA;
  --brandbook-deep:#06172C;
  --public-inset:24px;
}
body{background:#F8F9FB}
.wrap{width:min(1540px,calc(100% - 48px));margin-inline:auto}

/* Exact supplied HIMATE master artwork; no CSS-redrawn wordmark. */
.brand-logo{display:flex;align-items:center;flex:0 0 auto;width:208px;height:132px;overflow:visible}
.brand-logo img{width:100%;height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 2px 4px rgba(0,0,0,.32))}
.site-nav{height:138px}
.nav-inner{align-items:flex-start;gap:24px;padding-top:2px}
.links{margin-left:clamp(55px,7vw,120px);padding-top:37px;flex:1;justify-content:flex-end;gap:clamp(27px,2.1vw,38px)}
.links a{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(15px,1vw,17px);font-weight:700;letter-spacing:.25px;color:#F4EFE5;text-shadow:0 1px 2px rgba(0,0,0,.62)}
.nav-divider{display:block;width:1px;height:30px;margin:0 5px;background:rgba(215,174,98,.82)}
.nav-login-text{padding:8px 0}
.login-pill{display:inline-flex;min-width:110px;min-height:48px;padding:0 28px!important;align-items:center;justify-content:center;border:2px solid rgba(215,174,98,.92)!important;border-radius:999px!important;background:rgba(6,23,44,.20)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}

/* HERO — layout and image position locked to the approved reference. */
.hero{min-height:100svh;background:repeating-radial-gradient(circle at 12% 29%,transparent 0 56px,rgba(58,96,130,.16) 57px 58px,transparent 59px 91px),var(--brandbook-deep)}
.hero-bg{left:23%;right:-23%;top:0;bottom:0;background:url('/art/statue_hero_r5.png') center center/cover no-repeat}
.hero-bg:after{background:linear-gradient(90deg,rgba(6,23,44,.64) 0%,rgba(6,23,44,.25) 29%,rgba(6,23,44,.035) 58%,rgba(6,23,44,0) 100%)}
.hero:before{content:"";position:absolute;z-index:2;left:-7%;top:49%;width:73%;height:190px;border-top:2px solid rgba(215,174,98,.82);border-radius:50%;transform:rotate(-9deg);pointer-events:none}
.hero:after{left:24%;right:-5%;top:18%;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(245,214,151,.98) 20%,rgba(215,174,98,.98) 58%,transparent 100%);transform:rotate(-9deg);opacity:1}
.hero>.wrap{padding-top:145px;padding-bottom:32px}
.hero-content{width:41%;max-width:575px;padding-left:0}
.hero .caps.gold{font-family:"Cormorant Garamond",Georgia,serif;font-size:13px;font-weight:700;letter-spacing:4.8px;color:#E0BA73;text-shadow:0 1px 2px rgba(0,0,0,.60)}
.hero h1{margin:20px 0 22px;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(68px,4.3vw,88px);font-weight:600;line-height:.92;letter-spacing:-.55px;color:#F1DFB9;text-shadow:0 2px 2px rgba(0,0,0,.68)}
.hero p{max-width:560px;font-family:"Cormorant Garamond",Georgia,serif;font-size:18px;font-weight:600;line-height:1.37;color:#F1F3F6;text-shadow:0 1px 2px rgba(0,0,0,.65)}
.hero-actions{gap:30px;margin-top:30px}
.hero-actions .btn{height:58px;min-height:58px;border-radius:6px;font-family:"Cormorant Garamond",Georgia,serif;font-size:13px;font-weight:700;letter-spacing:1.45px}
.hero-actions .btn-gold{min-width:320px;background:linear-gradient(90deg,#F7DDA0 0%,#E9C47A 48%,#D6AC5C 100%);box-shadow:0 3px 0 rgba(80,52,15,.23),0 9px 22px rgba(0,0,0,.12)}
.hero-actions .watch-story{min-width:304px;border:2px solid rgba(215,174,98,.96);border-radius:999px;background:rgba(5,18,34,.46)}
.play-icon{display:inline-block;position:relative;width:31px;height:31px;flex:0 0 31px;border:2px solid var(--brandbook-gold);border-radius:50%}
.play-icon:after{content:"";position:absolute;left:11px;top:8px;border-left:8px solid var(--brandbook-gold);border-top:6px solid transparent;border-bottom:6px solid transparent}
.hero-sideword{right:7.1%;top:27%;font-family:"Cormorant Garamond",Georgia,serif;font-size:21px;font-weight:700;letter-spacing:5.5px;line-height:1.52;color:#F6F1E8;text-shadow:0 1px 3px rgba(0,0,0,.64)}
.hero-sideword:after{width:58px;margin-top:16px;border-top:3px solid var(--brandbook-gold)}

/* Four equal reference cells; exactly translucent over the hero. */
.hero-metrics{min-height:clamp(100px,6.3vw,130px);padding:0 52px;border-top:2px solid rgba(215,174,98,.82);background:rgba(5,20,37,.50);backdrop-filter:blur(1.5px)}
.metric{justify-content:center;gap:24px;padding:20px 28px;border-right:1px solid rgba(242,231,209,.44)}
.metric-icon{width:46px;height:46px;flex-basis:46px;color:var(--brandbook-gold);filter:drop-shadow(0 1px 1px rgba(0,0,0,.45))}
.metric-icon svg{stroke-width:1.7}
.metric strong{font-family:"Cormorant Garamond",Georgia,serif;font-size:15px;font-weight:700;letter-spacing:3.15px;line-height:1.18;color:#F1DEB9;text-shadow:0 1px 2px rgba(0,0,0,.64)}
.metric span{display:none}

/* POWERFUL TOGETHER — editorial density, gold iconography, reference arc motifs. */
.dark-section{min-height:clamp(280px,17.5vw,360px);padding:clamp(42px,3vw,58px) 0;background:linear-gradient(110deg,#06172C 0%,#08213D 58%,#0B3151 100%)}
.dark-grid{grid-template-columns:minmax(320px,390px) 1fr;gap:54px;align-items:center}
.dark-section .caps.gold{font-family:"Cormorant Garamond",Georgia,serif;font-size:13px;font-weight:700;letter-spacing:4.6px;color:#E0B66B}
.dark-section h2{margin:8px 0 14px;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(46px,3.25vw,56px);font-weight:600;line-height:.91;letter-spacing:-.25px;color:#F3E7D0;text-shadow:0 1px 2px rgba(0,0,0,.62)}
.dark-section p{max-width:365px;font-family:"Cormorant Garamond",Georgia,serif;font-size:17px;font-weight:600;line-height:1.33;color:#F0ECE4}
.dark-section a.caps.gold{display:inline-block;margin-top:7px;font-size:12px;letter-spacing:3.6px;color:#D9AD5C!important}
.module-grid{gap:28px}
.module-card{min-height:clamp(205px,14vw,235px);padding:29px 34px;border:1px solid rgba(178,158,125,.38);border-radius:2px;background:linear-gradient(145deg,rgba(15,48,78,.90),rgba(7,27,50,.78));box-shadow:inset 0 0 0 1px rgba(255,255,255,.012)}
.module-card:after{content:"";position:absolute;left:31%;top:28%;width:130%;height:90%;border-top:1px solid rgba(65,112,149,.48);border-radius:50%;transform:rotate(-13deg)}
.module-card:before{content:"";position:absolute;left:46%;top:10%;width:105%;height:80%;border-top:1px solid rgba(65,112,149,.25);border-radius:50%;transform:rotate(-13deg)}
.module-icon{position:relative;z-index:2;width:43px;height:43px;margin-bottom:16px;color:#D9AD5C}
.module-card h3{position:relative;z-index:2;margin:0 0 7px;font-family:"Cormorant Garamond",Georgia,serif;font-size:28px;font-weight:600;letter-spacing:1.8px;color:#F2E6CE;text-shadow:0 1px 2px rgba(0,0,0,.65)}
.module-card p{position:relative;z-index:2;max-width:250px;font-family:"Cormorant Garamond",Georgia,serif;font-size:16px;font-weight:600;line-height:1.25;color:#F0ECE4}
.module-card .card-arrow{z-index:2;right:25px;bottom:18px;font-size:31px;color:#D9AD5C}

/* IMPACT — exact clean corridor crop from the approved reference. */
.impact-story{grid-template-columns:40.7% 36.1% 23.2%;min-height:clamp(260px,16.2vw,332px);background:#FFF}
.impact-story .image img{object-fit:cover;object-position:center}
.impact-copy{display:flex;flex-direction:column;justify-content:center;padding:34px 48px;background:#FFF}
.impact-copy .caps{font-family:"Cormorant Garamond",Georgia,serif;font-size:12px;font-weight:700;letter-spacing:4.3px;color:#1C3E64}
.impact-copy h2{margin:10px 0 10px;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(40px,2.8vw,48px);font-weight:600;line-height:.92;letter-spacing:-.35px;color:#0B2447}
.impact-copy p{max-width:470px;font-family:"Cormorant Garamond",Georgia,serif;font-size:16px;font-weight:600;line-height:1.30;color:#334D69}
.impact-copy a.caps{margin-top:5px;font-size:11px;letter-spacing:3.8px;color:#0B2447}
.numbers{display:flex;flex-direction:column;justify-content:center;padding:24px 50px;border-left:2px solid rgba(215,174,98,.60);background:#FFF}
.number{padding:11px 0;border-bottom:0}
.number strong{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(38px,2.65vw,46px);font-weight:600;line-height:.86;color:#B98022}
.number span{display:block;margin-top:4px;font-family:"Cormorant Garamond",Georgia,serif;font-size:11px;font-weight:700;letter-spacing:3.2px;color:#234E79}

/* CTA — compact abstract navy reference background, not a photographic hero. */
.cta{min-height:clamp(142px,8.9vw,182px);padding:20px 0;background:repeating-radial-gradient(ellipse at 35% 40%,transparent 0 80px,rgba(33,81,120,.25) 81px 82px,transparent 83px 116px),linear-gradient(110deg,#06172C 0%,#08213D 56%,#0D2F4D 100%)}
.cta:before{display:none}
.cta:after{left:-4%;right:-2%;top:58%;height:118px;border-top:3px solid rgba(216,173,91,.90);transform:rotate(-6deg)}
.cta-inner{justify-content:center;gap:100px;text-align:center}
.cta-copy{min-width:700px;max-width:760px}
.cta .caps.gold{font-family:"Cormorant Garamond",Georgia,serif;font-size:12px;font-weight:700;letter-spacing:4px;color:#E1B76D}
.cta h2{margin:4px 0 3px;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(38px,2.85vw,48px);font-weight:600;letter-spacing:.1px;line-height:.95;color:#F3E9D6;text-shadow:0 1px 2px rgba(0,0,0,.64)}
.cta p{margin:0;font-family:"Cormorant Garamond",Georgia,serif;font-size:16px;font-weight:600;color:#F2EDE5}
.cta .btn-gold{min-width:210px;height:56px;background:linear-gradient(90deg,#F7DDA0 0%,#E7C177 48%,#D5AA59 100%);font-family:"Cormorant Garamond",Georgia,serif;font-size:13px;font-weight:700}

/* Footer mirrors the reference structure. */
.footer{min-height:clamp(110px,7.2vw,148px);padding:10px 0 12px;background:#06172C;border-top:1px solid rgba(215,174,98,.35)}
.footer-inner{display:grid;grid-template-columns:220px 1fr auto 250px;gap:34px;align-items:center}
.footer-logo{width:170px;height:108px}
.footer-links{display:flex;justify-content:center;gap:clamp(28px,2.3vw,44px)}
.footer-links a{font-family:"Cormorant Garamond",Georgia,serif;font-size:15px;font-weight:700;color:#F0ECE6}
.footer-social{display:flex;gap:18px;align-items:center;padding-right:26px;border-right:1px solid rgba(215,174,98,.45);color:#F3EEE4}
.footer-social span{display:grid;width:25px;height:25px;place-items:center}
.footer-social svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}
.footer-tagline{font-family:"Cormorant Garamond",Georgia,serif;color:#9BB1C5}
.footer-tagline span{display:block;font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;line-height:1.45}
.footer-tagline em{display:block;margin-top:9px;font-size:13px;color:#C8B895}
.footer-copy{margin-top:-13px;font-size:10px;color:#8293A4}

/* Shared subpage refinements stay on the same reference system. */
.page-hero .inner{padding-top:150px;padding-bottom:56px}
.page-hero h1{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(64px,4.8vw,82px);font-weight:600;text-shadow:0 2px 2px rgba(0,0,0,.62)}
.page-hero .caps{font-family:"Cormorant Garamond",Georgia,serif}
.page-hero p{font-family:"Cormorant Garamond",Georgia,serif;font-size:17px;font-weight:600}
.page-hero>.hero-metrics{background:rgba(5,20,37,.50)}

@media(max-width:1000px){
  .site-nav{height:96px}.brand-logo{width:145px;height:92px}.nav-inner{align-items:flex-start}.links{padding-top:0;margin-left:0}.nav-divider,.nav-login-text{display:none}
  .hero-bg{left:0;right:0;background-position:42% center}.hero-content{width:68%;max-width:600px}.hero:before{display:none}
  .hero h1{font-size:62px}.hero p{font-size:16px}.hero-metrics{grid-template-columns:repeat(2,1fr)}
  .dark-grid{grid-template-columns:1fr}.module-grid{grid-template-columns:repeat(2,1fr)}
  .impact-story{grid-template-columns:1fr}.impact-story .image{height:310px}.numbers{border-left:0;border-top:1px solid var(--mist)}
  .cta-copy{min-width:0}.cta-inner{gap:38px}
  .footer-inner{grid-template-columns:1fr 1fr}.footer-social{border-right:0}.footer-tagline{text-align:right}
}
@media(max-width:620px){
  :root{--public-inset:18px}.site-nav{height:82px}.brand-logo{width:118px;height:76px}
  .hero-bg{left:0;right:0;background-position:37% center}.hero>.wrap{padding-top:94px}.hero-content{width:100%}.hero h1{font-size:49px}.hero p{font-size:14px}
  .hero-actions{gap:12px}.hero-actions .btn,.hero-actions .btn-gold,.hero-actions .watch-story{min-width:0;width:100%;max-width:330px}
  .hero-metrics{min-height:100px;padding:0}.metric{justify-content:flex-start;padding:16px 12px}.metric-icon{width:31px;height:31px;flex-basis:31px}.metric strong{font-size:9px;letter-spacing:1.8px}
  .dark-section{padding:54px 0}.module-grid{grid-template-columns:1fr}.module-card{min-height:190px}
  .impact-story .image{height:250px}.impact-copy{padding:34px 22px}.numbers{padding:24px 22px}
  .cta{min-height:210px}.cta-inner{flex-direction:column;gap:20px}.cta h2{font-size:38px}.cta-copy{text-align:left}.cta p{font-size:13px}
  .footer-inner{grid-template-columns:1fr;gap:20px}.footer-logo{width:145px;height:92px}.footer-links{justify-content:flex-start;flex-wrap:wrap;gap:18px 24px}.footer-tagline{text-align:left}.footer-copy{margin-top:10px}
}


/* R9 final visual polish */
/* Keep the approved logo geometry; only recolor it into the requested gold 3D palette. */
.brand-logo img{
  filter:grayscale(1) sepia(1) saturate(3.5) hue-rotate(350deg) brightness(1.18) contrast(1.12)
    drop-shadow(0 1px 0 rgba(255,235,184,.55))
    drop-shadow(0 3px 4px rgba(53,31,5,.50));
}

/* Navigation: +25% typography and approximately +25% horizontal spread. */
.links{
  margin-left:clamp(30px,4vw,70px);
  gap:clamp(34px,2.65vw,48px);
}
.links a{
  font-size:clamp(18.5px,1.25vw,21.25px);
  line-height:1;
}
.nav-login-text{padding:9px 0}
.login-pill{min-width:124px;min-height:52px}

/* Landing hero: same horizontal inset as subpages, vertically centered. */
.hero>.wrap{
  align-items:center;
  padding-top:138px;
  padding-bottom:0;
}
.hero-content,
.page-hero .inner{
  padding-left:clamp(16px,1.15vw,22px);
}

/* The statue should visually "look" toward this larger, lower statement. */
.hero-sideword{
  top:37%;
  font-size:42px;
  letter-spacing:7px;
  line-height:1.26;
}
.hero-sideword:after{width:76px;margin-top:18px}

/* Guarantee the four brand icons remain visible and gold. */
.metric-icon{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  color:#D7AE62!important;
}
.metric-icon svg{display:block!important;stroke:currentColor!important}

/* Softer ivory backgrounds instead of bright white. */
.editorial{background:#F8F4EC}
.impact-story,
.impact-copy,
.numbers{background:#F8F4EC}

/* A MORE VIBRANT TOMORROW: +25% height/type scale, tighter left inset, exact reference image. */
.impact-story{
  grid-template-columns:40.7% 36.1% 23.2%;
  min-height:clamp(325px,20.25vw,415px);
}
.impact-story .image{
  min-height:inherit;
  background:#E9E1D5;
}
.impact-story .image img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.impact-copy{
  padding:42px 44px 42px 40px;
}
.impact-copy .caps{
  font-size:15px;
  letter-spacing:5.35px;
}
.impact-copy h2{
  margin:12px 0 13px;
  font-size:clamp(50px,3.5vw,60px);
}
.impact-copy p{
  max-width:560px;
  font-size:20px;
  line-height:1.30;
}
.impact-copy a.caps{
  margin-top:7px;
  font-size:13.75px;
  letter-spacing:4.75px;
}
.numbers{
  padding:30px 42px;
}
.number{padding:14px 0}
.number strong{
  font-size:clamp(47.5px,3.31vw,57.5px);
}
.number span{
  margin-top:5px;
  font-size:13.75px;
  letter-spacing:4px;
}

/* Align Platform + Modules imagery to the same statue composition as the landing hero. */
.page-hero.platform-hero .page-art,
.page-hero.modules-hero .page-art{
  left:23%;
  right:-23%;
  top:0;
  bottom:0;
  background-image:url('/art/statue_hero_r5.png');
  background-position:center center;
  background-size:cover;
}
.page-hero.platform-hero .page-art:after,
.page-hero.modules-hero .page-art:after{
  background:linear-gradient(90deg,rgba(6,23,44,.64) 0%,rgba(6,23,44,.25) 29%,rgba(6,23,44,.035) 58%,rgba(6,23,44,0) 100%);
}

/* Contact gets a distinct composition instead of reusing the statue crop. */
.page-hero.contact-hero .page-art{
  left:18%;
  right:-18%;
  top:0;
  bottom:0;
  background-image:url('/art/landing_hero_r5.png');
  background-position:62% center;
  background-size:cover;
}
.page-hero.contact-hero .page-art:after{
  background:linear-gradient(90deg,rgba(6,23,44,.86) 0%,rgba(6,23,44,.54) 34%,rgba(6,23,44,.18) 65%,rgba(6,23,44,.04) 100%);
}

/* All subpage hero copy uses the same horizontal content origin as the landing hero. */
.page-hero .inner{
  padding-right:0;
}

@media(max-width:1000px){
  .links{gap:0;margin-left:0}
  .links a{font-size:15px}
  .hero-sideword{font-size:30px;top:31%}
  .impact-copy p{font-size:17px}
  .page-hero.platform-hero .page-art,
  .page-hero.modules-hero .page-art,
  .page-hero.contact-hero .page-art{left:0;right:0}
}
@media(max-width:620px){
  .hero>.wrap{align-items:flex-start;padding-top:94px}
  .hero-sideword{display:none}
  .impact-story{min-height:auto}
  .impact-copy{padding:34px 22px}
  .impact-copy h2{font-size:42px}
  .impact-copy p{font-size:15px}
  .numbers{padding:26px 22px}
}


/* R10 final frontend completion */
/* Use the approved supplied logo asset exactly as delivered. */
.brand-logo img{
  filter:none!important;
}

/* Fine dark edge for text that sits on bright photographic areas.
   Main hero/page titles and descriptive subtitle paragraphs intentionally remain clean. */
.site-nav .links a,
.nav-login-text,
.login-pill,
.hero .caps,
.hero-sideword,
.metric strong,
.page-hero .caps,
.hero-actions .btn,
.page-hero .btn{
  -webkit-text-stroke:.28px rgba(0,0,0,.86);
  text-shadow:
    -1px 0 rgba(0,0,0,.42),
     1px 0 rgba(0,0,0,.42),
     0 -1px rgba(0,0,0,.42),
     0 1px rgba(0,0,0,.42),
     0 1px 2px rgba(0,0,0,.76);
}

/* Landing hero subtitle +50% on desktop. */
.hero p{
  max-width:720px;
  font-size:27px;
  line-height:1.38;
}

/* Every public subpage hero now inherits the same typographic system as the landing hero. */
.page-hero .inner{
  min-height:100svh;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding-top:138px;
  padding-bottom:70px;
}
.hero h1,
.page-hero h1{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(68px,4.3vw,88px);
  font-weight:600;
  line-height:.92;
  letter-spacing:-.55px;
  color:#F1DFB9;
}
.page-hero .caps{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:13px;
  font-weight:700;
  letter-spacing:4.8px;
  color:#E0BA73;
}
.page-hero p{
  max-width:720px;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:27px;
  font-weight:600;
  line-height:1.38;
  color:#F1F3F6;
}
.page-hero .btn{
  height:58px;
  min-height:58px;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:13px;
  font-weight:700;
  letter-spacing:1.45px;
}

/* Keep the newly supplied A More Vibrant Tomorrow artwork fully visible in its left panel. */
.impact-story .image{
  background:#E9E1D5;
}
.impact-story .image img{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}

/* Footer legal line belongs at the lower-right, clear of the logo. */
.footer{
  position:relative;
  padding-bottom:30px;
}
.footer-copy{
  position:absolute;
  right:var(--public-inset);
  bottom:10px;
  width:auto!important;
  margin:0!important;
  text-align:right;
  white-space:nowrap;
  font-size:10px;
  color:#8293A4;
}

@media(max-width:1000px){
  .hero p,.page-hero p{font-size:22px;max-width:620px}
  .page-hero h1{font-size:62px}
}
@media(max-width:620px){
  .hero p,.page-hero p{font-size:16px;max-width:350px}
  .page-hero .inner{min-height:100svh;padding-top:104px;padding-bottom:46px;justify-content:flex-start}
  .page-hero h1{font-size:49px}
  .footer{padding-bottom:18px}
  .footer-copy{
    position:static;
    width:min(100% - 36px,1540px)!important;
    margin:14px auto 0!important;
    text-align:left;
    white-space:normal;
  }
}


/* R11 subpage hero alignment and rail restoration */
/* Exact shared horizontal origin: subpage hero copy starts where landing hero copy starts. */
.page-hero{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  min-height:100svh;
}
.page-hero .inner{
  width:min(1540px,calc(100% - 48px))!important;
  margin-inline:auto!important;
  min-height:0!important;
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding-top:138px!important;
  padding-bottom:42px!important;
  padding-left:clamp(16px,1.15vw,22px)!important;
  padding-right:0!important;
}

/* Restore the four equal hero cells on every public subpage, anchored to the hero bottom. */
.page-hero > .hero-metrics{
  position:relative;
  z-index:4;
  width:100%;
  flex:0 0 auto;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  min-height:clamp(100px,6.3vw,130px);
  padding:0 52px;
  border-top:2px solid rgba(215,174,98,.82);
  background:rgba(5,20,37,.50);
  backdrop-filter:blur(1.5px);
}
.page-hero > .hero-metrics .metric{
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:24px;
  min-width:0;
  padding:20px 28px;
}
.page-hero > .hero-metrics .metric-icon{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  color:#D7AE62!important;
}
.page-hero > .hero-metrics .metric strong{
  display:block;
  color:#F1DEB9;
}

/* The supplied Real Culture / Real Change artwork is four lossless-position slices of one image.
   Grid composition makes them visually a single continuous left-side artwork. */
.impact-story .image.impact-reference-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  grid-template-rows:1fr;
  gap:0!important;
  overflow:hidden;
  min-height:inherit;
  background:#E9E1D5;
}
.impact-story .impact-reference-grid img{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  object-fit:fill!important;
  object-position:center!important;
}

/* Approved reversed-color HIMATE asset supplies its own metallic treatment. */
.brand-logo img{filter:none!important}

@media(max-width:1000px){
  .page-hero .inner{
    width:min(100% - 40px,1510px)!important;
    margin-inline:auto!important;
    min-height:0!important;
    padding-top:112px!important;
    padding-bottom:32px!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  .page-hero > .hero-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    padding:0;
  }
}
@media(max-width:620px){
  .page-hero .inner{
    width:min(100% - 36px,1510px)!important;
    min-height:0!important;
    flex:1 1 auto;
    justify-content:flex-start!important;
    padding-top:94px!important;
    padding-bottom:28px!important;
  }
  .page-hero > .hero-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    min-height:100px;
  }
  .page-hero > .hero-metrics .metric{
    justify-content:flex-start;
    gap:12px;
    padding:16px 12px;
  }
  .impact-story .image.impact-reference-grid{height:250px}
}


/* START-17: published HIMATE story video modal */
html.story-video-open,
html.story-video-open body{overflow:hidden}
.story-video-modal{
  position:fixed;
  inset:0;
  z-index:10000;
  display:grid;
  place-items:center;
  padding:clamp(18px,4vw,56px);
}
.story-video-backdrop{
  position:absolute;
  inset:0;
  background:rgba(3,13,27,.88);
  backdrop-filter:blur(10px);
}
.story-video-dialog{
  position:relative;
  z-index:1;
  width:min(1080px,94vw);
  max-height:90vh;
  background:#071426;
  border:1px solid rgba(212,175,107,.42);
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 32px 100px rgba(0,0,0,.48);
}
.story-video-player{
  display:block;
  width:100%;
  max-height:82vh;
  aspect-ratio:16/9;
  background:#020813;
  object-fit:contain;
}
.story-video-close{
  position:absolute;
  top:12px;
  right:12px;
  z-index:2;
  width:42px;
  height:42px;
  border:1px solid rgba(255,255,255,.34);
  border-radius:999px;
  background:rgba(7,20,38,.76);
  color:#fff;
  font-size:28px;
  line-height:1;
  cursor:pointer;
  backdrop-filter:blur(6px);
}
.story-video-close:hover,
.story-video-close:focus-visible{
  border-color:#D4AF6B;
  color:#F2D79F;
  outline:none;
}
.watch-story.is-loading{opacity:.72;cursor:progress}
.watch-story.is-unavailable{border-color:rgba(212,175,107,.6)}
@media(max-width:620px){
  .story-video-modal{padding:12px}
  .story-video-dialog{width:100%;border-radius:12px}
  .story-video-close{top:8px;right:8px;width:38px;height:38px}
}


/* Locale control */
.locale-switch{appearance:none;border:1px solid rgba(215,174,98,.78);background:rgba(6,23,44,.38);color:#F4E2BA;border-radius:999px;min-width:48px;height:36px;padding:0 12px;font:700 12px/1 Inter,Arial,sans-serif;letter-spacing:1.2px;cursor:pointer;transition:background .16s ease,border-color .16s ease}
.locale-switch:hover,.locale-switch:focus-visible{background:rgba(215,174,98,.16);border-color:#F3D79A;outline:none}
@media(max-width:1000px){.locale-switch{width:100%;max-width:120px;margin:8px 0 2px}.nav-divider{display:none!important}}


/* Published Design Guide overrides */
:root{
  --design-navy:#06172C;
  --design-gold:#D7AE62;
  --design-background:#F8F9FB;
  --design-text:#1F2937;
  --design-heading-font:"Cormorant Garamond";
  --design-body-font:"Inter";
  --design-button-radius:6px;
}
body{background:var(--design-background);color:var(--design-text);font-family:var(--design-body-font),Arial,sans-serif}
.serif,h1,h2,h3,.hero h1,.page-hero h1,.module-card h3,.feature strong,.links a{font-family:var(--design-heading-font),Georgia,serif}
:root{--navy:var(--design-navy);--deep:var(--design-navy);--gold:var(--design-gold);--gold2:var(--design-gold);--ivory:var(--design-background);--ink:var(--design-text);--brandbook-gold:var(--design-gold);--brandbook-gold-light:var(--design-gold);--brandbook-ivory:var(--design-background);--brandbook-deep:var(--design-navy)}
.btn,.hero-actions .btn,.login-pill{border-radius:var(--design-button-radius)}
.btn-gold,.hero-actions .btn-gold,.cta .btn-gold{background:var(--design-gold);color:var(--design-navy)}
.dark-section,.cta,.footer{background-color:var(--design-navy)}
.content-section,.editorial,.impact-copy,.numbers,.feature,.contact-box{background-color:var(--design-background)}
.content-section,.editorial,.feature,.contact-box{color:var(--design-text)}