*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7fbfd;color:#123e5d;font-family:Arial,Helvetica,sans-serif;line-height:1.55}.wrap{width:min(1080px,calc(100% - 34px));margin:auto}.hero{width:min(1320px,100%);margin:0 auto;background:#fff}.hero-art img{display:block;width:100%;height:auto}.art-nav{display:flex;justify-content:center;align-items:center;gap:14px;padding:8px 18px 13px;background:#fff;border-bottom:1px solid #e4eef4}.art-nav a{display:block;transition:transform .18s ease,filter .18s ease}.art-nav a:hover{transform:translateY(-2px);filter:saturate(1.15)}.art-nav img{display:block;height:58px;width:auto;max-width:118px;object-fit:contain}.facts{margin-top:18px;display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border:1px solid #dceaf2;border-radius:20px;box-shadow:0 12px 30px rgba(42,91,119,.07);overflow:hidden}.facts>div{min-height:88px;padding:13px 12px;border-right:1px solid #e4eef4;display:grid;grid-template-columns:58px 1fr;grid-template-rows:auto auto;align-items:center}.facts>div:last-child{border-right:0}.facts img{grid-row:1/3;width:52px;max-height:52px;object-fit:contain;margin-right:8px}.facts b{font-size:13px;text-transform:uppercase;color:#0c4770}.facts span{font-size:11px;color:#668298}.timeline{padding:26px 0 8px}.timeline-art{display:block;width:100%;height:auto}.timeline-links{display:flex;justify-content:space-around;gap:8px;margin-top:-12px;position:relative;z-index:2}.timeline-links a{font-size:12px;font-weight:bold;color:#0b4d78;text-decoration:none;border-bottom:2px solid #f2c230;padding:3px 7px}.art-divider{display:block;width:100%;height:auto;margin:10px 0 -5px;opacity:.78}.story-block,.growth,.people,.photostory{position:relative;margin-top:18px;margin-bottom:18px;border:1px solid #e1edf2;border-radius:24px;background:#fff;box-shadow:0 12px 32px rgba(34,77,101,.055);overflow:hidden}.story-block{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:24px;padding:22px}.story-text{min-width:0}.graphic-title{margin:-4px 0 14px}.graphic-title img{display:block;width:min(100%,560px);height:auto;mix-blend-mode:multiply}.story-text p,.growth p,.people>p,.photostory>p{font-size:15px;margin:0 0 11px;color:#264f69}.photo-pair,.mosaic{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:10px;align-self:stretch}.photo-pair .lightbox:first-child,.mosaic .tall{grid-row:1/3}.lightbox{position:relative;display:block;overflow:hidden;border-radius:18px;background:#eef5f8}.lightbox img{display:block;width:100%;height:100%;min-height:145px;object-fit:cover;transition:transform .25s ease,opacity .25s ease;opacity:.93}.lightbox:hover img{transform:scale(1.018);opacity:1}.lightbox span{position:absolute;left:9px;bottom:8px;background:rgba(255,255,255,.88);padding:4px 8px;border-radius:8px;font-size:10px;color:#164665}.people{padding:18px 22px 20px}.people .graphic-title img{width:min(100%,680px)}.people-row{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:14px}.people-row figure{margin:0;text-align:center}.people-row .lightbox{width:112px;height:112px;margin:auto;border-radius:50%;border:5px solid #f4f9fb;box-shadow:0 5px 18px rgba(29,75,103,.12)}.people-row img{min-height:0}.people-row figcaption{margin-top:7px}.people-row b{display:block;font-size:13px}.people-row span{display:block;font-size:10px;color:#6d8799}.growth{padding:22px;display:grid;grid-template-columns:.9fr 1.1fr;gap:24px}.photo-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.photo-strip .lightbox{height:220px}.war{background:linear-gradient(115deg,#fff 0,#fff 60%,#f6f0e7 100%)}.return{background:linear-gradient(115deg,#fff 0,#fff 62%,#f4f7ec 100%)}.war-visual,.return-visual{display:flex;align-items:center;justify-content:center;flex-direction:column}.war-visual img{width:100%;max-height:330px;object-fit:cover;border-radius:18px}.war-visual span{margin-top:7px;font-size:11px;color:#6b7e89}.return-visual>img{max-width:240px;max-height:140px;object-fit:contain}.return-mark{font-size:26px;font-weight:bold;letter-spacing:2px;color:#174d6c}.return-mark span{color:#e8b41e}.img-button,.hero-actions a{display:inline-block}.img-button img,.hero-actions img{display:block;height:44px;width:auto;object-fit:contain}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.photostory{padding:22px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.gallery-grid .lightbox{height:210px}.closing{margin-top:28px;background:#eef7fb;border-top:1px solid #d9e9f1}.closing-inner{min-height:120px;display:flex;align-items:center;gap:24px}.closing-inner>img{width:150px;max-height:90px;object-fit:contain}.closing-inner div{flex:1}.closing-inner span{font-size:11px;font-weight:bold;color:#37708f}.closing-inner h2{margin:3px 0;font-size:24px}.closing-inner>a img{height:44px}footer{background:#153d58;color:#fff;padding:30px 0}.footer-inner{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:28px}.footer-inner>img{width:180px;filter:brightness(0) invert(1);opacity:.95}.footer-inner b,.footer-inner a{display:block}.footer-inner b{margin-bottom:6px}.footer-inner a{color:#d8e8f2;text-decoration:none;font-size:13px;margin:4px 0}.viewer{position:fixed;inset:0;z-index:9999;background:rgba(8,25,38,.92);display:none;align-items:center;justify-content:center}.viewer.open{display:flex}.viewer>img{max-width:86vw;max-height:86vh;object-fit:contain;border-radius:10px}.viewer button{position:absolute;border:0;background:transparent;color:#fff;font-size:54px;cursor:pointer}.viewer-close{right:24px;top:14px}.viewer-prev{left:22px}.viewer-next{right:22px}.viewer-count{position:absolute;bottom:18px;color:#fff;font-size:13px}.viewer button::before,.viewer button::after{display:none!important}
@media(max-width:820px){.wrap{width:min(100% - 20px,1080px)}.art-nav{gap:3px;padding:5px 4px;overflow-x:auto;justify-content:flex-start}.art-nav img{height:48px;max-width:95px}.facts{grid-template-columns:1fr 1fr}.facts>div{border-bottom:1px solid #e4eef4}.facts>div:last-child{grid-column:1/3}.story-block,.growth{grid-template-columns:1fr;padding:15px}.graphic-title img{width:100%}.people-row{grid-template-columns:repeat(3,1fr)}.gallery-grid{grid-template-columns:1fr 1fr}.timeline-links{overflow-x:auto;justify-content:flex-start}.timeline-links a{white-space:nowrap}.footer-inner{grid-template-columns:1fr 1fr}.closing-inner{padding:16px 0;flex-wrap:wrap}}@media(max-width:520px){.facts{grid-template-columns:1fr}.facts>div:last-child{grid-column:auto}.people-row{grid-template-columns:1fr 1fr}.gallery-grid{grid-template-columns:1fr}.photo-pair,.mosaic{grid-template-columns:1fr 1fr}.story-block{gap:14px}.story-text p,.growth p,.people>p,.photostory>p{font-size:14px}.footer-inner{grid-template-columns:1fr 1fr}.footer-inner>img{grid-column:1/3}}

/* v16 — approved graphic header: full viewport width, ~400px high */
.hero{width:100%;max-width:none;margin:0;background:#eef8fd;overflow:hidden}
.hero-art{width:100%;height:400px;overflow:hidden;background:#dff2fb}
.hero-art img{display:block;width:100%;height:400px;object-fit:cover;object-position:center top}
.art-nav{position:relative;z-index:3;margin:-1px auto 0;width:min(1080px,calc(100% - 34px));border:1px solid #dceaf2;border-top:0;border-radius:0 0 18px 18px;box-shadow:0 10px 24px rgba(42,91,119,.06)}
.facts{display:none!important}
@media(max-width:820px){.hero-art{height:310px}.hero-art img{height:310px;min-width:1180px;width:auto;max-width:none;position:relative;left:50%;transform:translateX(-50%)}.art-nav{width:calc(100% - 20px);border-radius:0 0 14px 14px}}
@media(max-width:520px){.hero-art{height:255px}.hero-art img{height:255px;min-width:980px}.art-nav{margin-top:0}}

/* v17 — flexible layered header. The panorama and graphical facts are independent. */
.hero{position:relative;width:100%;max-width:none;overflow:visible;background:#eef8fd;padding-bottom:0}
.hero-art{width:100%;height:400px;overflow:hidden;background:#dff2fb}
.hero-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.hero-stats{position:relative;z-index:5;width:min(1420px,calc(100% - 44px));margin:-54px auto 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:rgba(255,255,255,.92);border:1px solid rgba(214,229,239,.95);border-radius:18px;box-shadow:0 12px 28px rgba(29,73,101,.10);overflow:hidden;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.hero-stats img{display:block;width:100%;height:auto;min-width:0}
.art-nav{margin:8px auto 0!important;border-top:1px solid #dceaf2!important;border-radius:18px!important}
@media(max-width:1100px){.hero-art{height:350px}.hero-stats{width:calc(100% - 28px);margin-top:-44px}}
@media(max-width:760px){.hero-art{height:300px}.hero-art img{width:100%!important;min-width:0!important;height:100%!important;left:auto!important;transform:none!important;object-fit:cover;object-position:58% center}.hero-stats{grid-template-columns:repeat(3,1fr);margin-top:-28px;border-radius:14px}.hero-stats img:nth-child(4),.hero-stats img:nth-child(5){width:100%}.art-nav{margin-top:7px!important}}
@media(max-width:480px){.hero-art{height:250px}.hero-art img{min-width:0!important;height:100%!important;object-position:62% center}.hero-stats{grid-template-columns:repeat(2,1fr);width:calc(100% - 16px);margin-top:-18px}.hero-stats img:last-child{grid-column:1/3;width:50%;justify-self:center}.art-nav{width:calc(100% - 16px)!important}}


/* v18 — truly layered adaptive header: clean panorama + independent transparent logo + facts */
.hero-art{position:relative;height:400px;overflow:hidden;background:#dff2fb}
.hero-art .hero-bg{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;min-width:0!important;object-fit:cover;object-position:center center;left:auto!important;transform:none!important}
.hero-art .hero-logo{position:absolute;z-index:2;left:clamp(22px,5vw,92px);top:clamp(20px,5vw,62px);width:clamp(250px,29vw,520px)!important;height:auto!important;max-width:42vw!important;min-width:0!important;object-fit:contain;filter:drop-shadow(0 3px 10px rgba(255,255,255,.55))}
@media(max-width:1100px){
  .hero-art{height:350px}
  .hero-art .hero-bg{object-position:58% center}
  .hero-art .hero-logo{left:24px;top:25px;width:min(390px,39vw)!important;max-width:39vw!important}
}
@media(max-width:760px){
  .hero-art{height:290px}
  .hero-art .hero-bg{object-position:64% center}
  .hero-art .hero-logo{left:16px;top:18px;width:38vw!important;max-width:300px!important}
}
@media(max-width:480px){
  .hero-art{height:235px}
  .hero-art .hero-bg{object-position:68% center}
  .hero-art .hero-logo{left:10px;top:12px;width:43vw!important;max-width:215px!important}
}

/* v19 separated adaptive header */
.hero-art{height:390px}
.hero-art .hero-bg{object-position:center center}
.hero-art .hero-logo{left:clamp(18px,4.5vw,78px);top:clamp(16px,3vw,42px);width:clamp(280px,34vw,570px)!important;max-width:46vw!important;filter:drop-shadow(0 2px 8px rgba(255,255,255,.72))}
.hero-stats{width:min(1360px,calc(100% - 38px));margin:-50px auto 0;padding:8px 10px;background:rgba(255,255,255,.84);border:0!important;border-top:0!important;outline:0!important;border-radius:18px;box-shadow:0 12px 30px rgba(28,74,103,.10);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);overflow:hidden}
.hero-stats img{width:100%;height:76px;object-fit:contain;padding:2px 10px;border-right:1px solid rgba(181,207,222,.55)}
.hero-stats img:last-child{border-right:0}.art-nav{border-top:0!important}
@media(max-width:1100px){.hero-art{height:340px}.hero-art .hero-bg{object-position:57% center}.hero-art .hero-logo{width:38vw!important;max-width:420px!important}.hero-stats{margin-top:-42px;width:calc(100% - 24px);padding:6px}.hero-stats img{height:68px;padding:2px 5px}}
@media(max-width:760px){.hero-art{height:285px}.hero-art .hero-bg{object-position:61% center}.hero-art .hero-logo{width:44vw!important;max-width:300px!important;left:14px;top:14px}.hero-stats{grid-template-columns:repeat(2,1fr);margin-top:-22px;padding:7px}.hero-stats img{height:70px;border-right:0;border-bottom:1px solid rgba(181,207,222,.45)}.hero-stats img:last-child{grid-column:1/3;width:50%;justify-self:center;border-bottom:0}}
@media(max-width:480px){.hero-art{height:230px}.hero-art .hero-bg{object-position:65% center}.hero-art .hero-logo{width:49vw!important;max-width:225px!important;left:9px;top:10px}.hero-stats{width:calc(100% - 12px);margin-top:-14px}.hero-stats img{height:64px}}

/* v20: approved three-asset header. No sliced statistics. */
.hero-art{height:400px;background:#dff2fb}
.hero-art .hero-bg{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important}
.hero-art .hero-logo{
 left:clamp(18px,4vw,72px)!important;top:clamp(16px,3vw,40px)!important;
 width:clamp(330px,32vw,560px)!important;max-width:48vw!important;height:auto!important;
 filter:drop-shadow(0 2px 7px rgba(255,255,255,.65))
}
.hero-stats{
 display:block!important;width:min(1500px,calc(100% - 36px))!important;
 margin:-48px auto 0!important;padding:0!important;background:transparent!important;
 border:0!important;outline:0!important;border-radius:0!important;
 box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
 overflow:visible!important;position:relative;z-index:4
}
.hero-stats .stats-panel{
 display:block!important;width:100%!important;height:auto!important;max-width:none!important;
 padding:0!important;margin:0!important;border:0!important;outline:0!important;
 object-fit:contain!important;background:transparent!important
}
@media(max-width:1100px){
 .hero-art{height:350px}
 .hero-art .hero-bg{object-position:center center!important}
 .hero-art .hero-logo{width:38vw!important;max-width:420px!important}
 .hero-stats{width:calc(100% - 20px)!important;margin-top:-38px!important}
}
@media(max-width:760px){
 .hero-art{height:290px}
 .hero-art .hero-bg{object-position:58% center!important}
 .hero-art .hero-logo{width:45vw!important;max-width:310px!important;left:12px!important;top:12px!important}
 .hero-stats{display:block!important;width:calc(100% - 12px)!important;margin-top:-24px!important}
 .hero-stats .stats-panel{width:100%!important;height:auto!important}
}
@media(max-width:480px){
 .hero-art{height:235px}
 .hero-art .hero-bg{object-position:60% center!important}
 .hero-art .hero-logo{width:49vw!important;max-width:225px!important;left:8px!important;top:8px!important}
 .hero-stats{margin-top:-14px!important}
}

/* v21 — approved separate logo + one-piece statistics panel */
.hero-art .hero-logo{
  width:clamp(330px,35vw,620px)!important;
  max-width:48vw!important;
  height:auto!important;
  object-fit:contain!important;
  filter:none!important;
}
.hero-stats{
  display:block!important;
  width:min(1500px,calc(100% - 32px))!important;
  margin:-52px auto 0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  overflow:visible!important;
}
.hero-stats .stats-panel{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  object-fit:contain!important;
  background:transparent!important;
}
@media(max-width:1100px){
  .hero-art .hero-logo{width:42vw!important;max-width:480px!important}
  .hero-stats{width:calc(100% - 20px)!important;margin-top:-42px!important}
}
@media(max-width:760px){
  .hero-art .hero-logo{width:48vw!important;max-width:330px!important}
  .hero-stats{display:block!important;width:calc(100% - 12px)!important;margin-top:-24px!important}
  .hero-stats .stats-panel{width:100%!important;height:auto!important}
}
@media(max-width:480px){
  .hero-art .hero-logo{width:54vw!important;max-width:245px!important}
  .hero-stats{margin-top:-14px!important}
}

/* v22 — hard reset for the single statistics artwork */
header.hero > .hero-stats{display:block!important;grid-template-columns:none!important;grid-template-rows:none!important;width:min(1500px,calc(100% - 32px))!important;height:auto!important;min-height:0!important;margin:-52px auto 0!important;padding:0!important;background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;overflow:visible!important}
header.hero > .hero-stats > img.stats-panel{position:static!important;display:block!important;float:none!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;transform:none!important;object-fit:contain!important;object-position:center!important}
@media(max-width:1100px){header.hero > .hero-stats{margin-top:-42px!important;width:calc(100% - 20px)!important}}
@media(max-width:760px){header.hero > .hero-stats{margin-top:-24px!important;width:calc(100% - 12px)!important}}
@media(max-width:480px){header.hero > .hero-stats{margin-top:-14px!important;width:calc(100% - 8px)!important}}

/* v23 — slim translucent stats panel + graphic navigation inside hero */
header.hero{position:relative!important;padding-bottom:0!important}
header.hero > .hero-stats{
  position:absolute!important;
  z-index:6!important;
  left:50%!important;
  bottom:12px!important;
  transform:translateX(-50%)!important;
  display:block!important;
  width:min(1500px,calc(100% - 48px))!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
header.hero > .hero-stats > img.stats-panel{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  object-fit:contain!important;
}
header.hero .hero-nav,
header.hero .hero-nav-top{
  position:absolute!important;
  z-index:8!important;
  top:18px!important;
  right:28px!important;
  left:auto!important;
  bottom:auto!important;
  width:auto!important;
  max-width:calc(100% - 520px)!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
header.hero .hero-nav ul,
header.hero .hero-nav-top ul{
  display:flex!important;
  flex-wrap:nowrap!important;
  justify-content:flex-end!important;
  gap:7px!important;
  margin:0!important;
  padding:0!important;
}
@media(max-width:1100px){
  header.hero .hero-nav,header.hero .hero-nav-top{right:16px!important;top:12px!important;max-width:58%!important}
  header.hero > .hero-stats{width:calc(100% - 24px)!important;bottom:8px!important}
}
@media(max-width:760px){
  header.hero .hero-nav,header.hero .hero-nav-top{
    top:8px!important;right:8px!important;max-width:62%!important;
    transform:scale(.82)!important;transform-origin:top right!important
  }
  header.hero > .hero-stats{width:calc(100% - 12px)!important;bottom:4px!important}
}

/* v24 — screenshot correction: compact overlay and nav really inside hero */
header.hero{
  position:relative!important;
  padding-bottom:0!important;
  margin-bottom:0!important;
}
header.hero > .hero-stats{
  position:absolute!important;
  z-index:7!important;
  left:50%!important;
  right:auto!important;
  bottom:-18px!important;
  transform:translateX(-50%)!important;
  width:min(1120px,calc(100% - 80px))!important;
  max-width:1120px!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
header.hero > .hero-stats > img.stats-panel{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  margin:0!important;
}
header.hero > .hero-nav,
header.hero > .hero-nav-top{
  position:absolute!important;
  z-index:10!important;
  top:18px!important;
  right:28px!important;
  left:auto!important;
  bottom:auto!important;
  width:auto!important;
  max-width:68%!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
header.hero > .hero-nav ul,
header.hero > .hero-nav-top ul{
  display:flex!important;
  flex-flow:row nowrap!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:6px!important;
  margin:0!important;
  padding:0!important;
}
header.hero + *{margin-top:34px!important}

@media(max-width:1100px){
  header.hero > .hero-stats{width:calc(100% - 48px)!important;bottom:-14px!important}
  header.hero > .hero-nav,header.hero > .hero-nav-top{top:12px!important;right:14px!important;max-width:66%!important}
  header.hero + *{margin-top:28px!important}
}
@media(max-width:760px){
  header.hero > .hero-stats{width:calc(100% - 24px)!important;bottom:-10px!important}
  header.hero > .hero-nav,header.hero > .hero-nav-top{
    top:8px!important;right:8px!important;max-width:72%!important;
    transform:scale(.78)!important;transform-origin:top right!important
  }
  header.hero + *{margin-top:22px!important}
}

/* v25 — approved header placement */
header.hero{
  position:relative!important;
  padding-bottom:0!important;
}

/* statistics: keep the broad width, but make it lower and fully INSIDE the hero */
header.hero > .hero-stats{
  position:absolute!important;
  z-index:7!important;
  left:50%!important;
  right:auto!important;
  top:auto!important;
  bottom:24px!important;
  transform:translateX(-50%)!important;
  width:min(1320px,calc(100% - 64px))!important;
  max-width:1320px!important;
  height:76px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:22px!important;
}
header.hero > .hero-stats > img.stats-panel{
  display:block!important;
  width:100%!important;
  height:76px!important;
  max-width:none!important;
  object-fit:fill!important;
  object-position:center!important;
  margin:0!important;
  padding:0!important;
}

/* existing graphic menu: top-right INSIDE the hero */
header.hero .hero-nav,
header.hero .hero-nav-top{
  position:absolute!important;
  z-index:10!important;
  top:16px!important;
  right:24px!important;
  left:auto!important;
  bottom:auto!important;
  width:auto!important;
  max-width:64%!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
header.hero .hero-nav ul,
header.hero .hero-nav-top ul{
  display:flex!important;
  flex-flow:row nowrap!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:5px!important;
  margin:0!important;
  padding:0!important;
}

/* no artificial space under hero */
header.hero + *{
  margin-top:0!important;
}

@media(max-width:1100px){
  header.hero > .hero-stats{
    width:calc(100% - 36px)!important;
    height:68px!important;
    bottom:16px!important;
  }
  header.hero > .hero-stats > img.stats-panel{height:68px!important}
  header.hero .hero-nav,header.hero .hero-nav-top{
    top:10px!important;right:12px!important;max-width:66%!important;
  }
}
@media(max-width:760px){
  header.hero > .hero-stats{
    width:calc(100% - 20px)!important;
    height:58px!important;
    bottom:10px!important;
    border-radius:16px!important;
  }
  header.hero > .hero-stats > img.stats-panel{height:58px!important}
  header.hero .hero-nav,header.hero .hero-nav-top{
    top:7px!important;right:7px!important;max-width:72%!important;
    transform:scale(.78)!important;
    transform-origin:top right!important;
  }
}

/* v26 — position correction only */

/* Statistics panel: same width/height, but fully over the hero photograph */
header.hero > .hero-stats{
  bottom:72px!important;
}

/* Navigation: force the actual navigation container into the upper-right hero area */
header.hero > .hero-nav,
header.hero > .hero-nav-top,
header.hero .hero-nav,
header.hero .hero-nav-top{
  position:absolute!important;
  z-index:20!important;
  top:18px!important;
  right:28px!important;
  left:auto!important;
  bottom:auto!important;
  margin:0!important;
}

/* Remove any visual wrapper left in normal flow below the hero */
header.hero > .hero-nav,
header.hero > .hero-nav-top{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

@media(max-width:1100px){
  header.hero > .hero-stats{bottom:58px!important}
  header.hero > .hero-nav,
  header.hero > .hero-nav-top,
  header.hero .hero-nav,
  header.hero .hero-nav-top{top:12px!important;right:14px!important}
}
@media(max-width:760px){
  header.hero > .hero-stats{bottom:42px!important}
  header.hero > .hero-nav,
  header.hero > .hero-nav-top,
  header.hero .hero-nav,
  header.hero .hero-nav-top{top:8px!important;right:8px!important}
}

/* v27 — code-only final placement correction */
header.hero{position:relative!important}

/* statistics: +40px upward from v26, dimensions unchanged */
header.hero > .hero-stats{
  bottom:112px!important;
}

/* actual navigation inside hero, top-right */
header.hero > .hero-nav,
header.hero > .hero-nav-top{
  position:absolute!important;
  z-index:30!important;
  top:18px!important;
  right:28px!important;
  left:auto!important;
  bottom:auto!important;
  width:auto!important;
  max-width:68%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}

/* kill legacy white menu panel styling */
header.hero > .hero-nav:before,
header.hero > .hero-nav:after,
header.hero > .hero-nav-top:before,
header.hero > .hero-nav-top:after{
  display:none!important;
  content:none!important;
}

header.hero > .hero-nav ul,
header.hero > .hero-nav-top ul{
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

/* prevent old normal-flow menu spacing below hero */
header.hero + .hero-nav,
header.hero + .hero-nav-top{
  display:none!important;
}

@media(max-width:1100px){
  header.hero > .hero-stats{bottom:98px!important}
  header.hero > .hero-nav,header.hero > .hero-nav-top{
    top:12px!important;right:14px!important;max-width:68%!important
  }
}
@media(max-width:760px){
  header.hero > .hero-stats{bottom:72px!important}
  header.hero > .hero-nav,header.hero > .hero-nav-top{
    top:8px!important;right:8px!important;max-width:74%!important;
    transform:scale(.78)!important;transform-origin:top right!important
  }
}


/* v28 — REAL index.php correction.
   .art-nav is the actual six-button navigation in the supplied index.php. */

/* Put the real navigation directly on the photograph, upper-right. */
header.hero > nav.art-nav{
    position:absolute!important;
    z-index:40!important;
    top:18px!important;
    right:28px!important;
    left:auto!important;
    bottom:auto!important;

    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:6px!important;

    width:auto!important;
    max-width:62%!important;
    height:auto!important;
    min-height:0!important;

    margin:0!important;
    padding:0!important;

    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:visible!important;
}

/* Remove every old white-panel effect from the real nav. */
header.hero > nav.art-nav:before,
header.hero > nav.art-nav:after{
    display:none!important;
    content:none!important;
}

header.hero > nav.art-nav > a{
    display:block!important;
    flex:0 0 auto!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
}

header.hero > nav.art-nav > a > img{
    display:block!important;
    width:auto!important;
    height:48px!important;
    max-width:none!important;
    margin:0!important;
}

/* No separate navigation strip is allowed to reserve space below hero. */
header.hero > nav.art-nav{
    float:none!important;
}

/* IMPORTANT: statistics position/dimensions are intentionally NOT changed in v28. */

@media(max-width:1100px){
    header.hero > nav.art-nav{
        top:12px!important;
        right:14px!important;
        max-width:66%!important;
        gap:4px!important;
    }
    header.hero > nav.art-nav > a > img{height:42px!important}
}

@media(max-width:760px){
    header.hero > nav.art-nav{
        top:8px!important;
        right:8px!important;
        max-width:74%!important;
        gap:3px!important;
        transform:scale(.78)!important;
        transform-origin:top right!important;
    }
}


/* v29 — unified width + slim stats at bottom of hero + soft bottom transition */

/* One visual width for the page, matching the broad statistics panel. */
:root{
  --home-wide:1320px;
}
.wrap,
.timeline.wrap,
.story-block.wrap,
.people.wrap,
.growth.wrap,
.photostory.wrap,
.footer-inner,
.closing-inner{
  width:min(var(--home-wide),calc(100% - 48px))!important;
  max-width:var(--home-wide)!important;
}

/* Keep hero full-width, but blend its lower edge into the page background. */
header.hero{
  position:relative!important;
  overflow:hidden!important;
}
header.hero:after{
  content:""!important;
  position:absolute!important;
  z-index:5!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:62px!important;
  pointer-events:none!important;
  background:linear-gradient(to bottom,
    rgba(239,248,253,0) 0%,
    rgba(239,248,253,.18) 30%,
    rgba(239,248,253,.72) 76%,
    rgba(239,248,253,1) 100%)!important;
}

/* Stats: broad as before, but slim and back at the LOWER part of the photograph. */
header.hero > .hero-stats{
  position:absolute!important;
  z-index:20!important;
  left:50%!important;
  right:auto!important;
  top:auto!important;
  bottom:24px!important;
  transform:translateX(-50%)!important;
  width:min(var(--home-wide),calc(100% - 64px))!important;
  max-width:var(--home-wide)!important;
  height:64px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:20px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
header.hero > .hero-stats > img.stats-panel{
  display:block!important;
  width:100%!important;
  height:64px!important;
  max-width:none!important;
  object-fit:fill!important;
  object-position:center!important;
  margin:0!important;
  padding:0!important;
}

/* Actual six-button navigation remains upper-right inside the photograph. */
header.hero > nav.art-nav{
  z-index:30!important;
  top:18px!important;
  right:28px!important;
}

/* Ensure content begins naturally after hero; no old nav spacer. */
header.hero + main,
main{
  margin-top:0!important;
}

@media(max-width:1100px){
  .wrap,
  .timeline.wrap,
  .story-block.wrap,
  .people.wrap,
  .growth.wrap,
  .photostory.wrap,
  .footer-inner,
  .closing-inner{
    width:calc(100% - 32px)!important;
  }
  header.hero > .hero-stats{
    width:calc(100% - 36px)!important;
    height:60px!important;
    bottom:18px!important;
  }
  header.hero > .hero-stats > img.stats-panel{height:60px!important}
  header.hero:after{height:52px!important}
}
@media(max-width:760px){
  .wrap,
  .timeline.wrap,
  .story-block.wrap,
  .people.wrap,
  .growth.wrap,
  .photostory.wrap,
  .footer-inner,
  .closing-inner{
    width:calc(100% - 20px)!important;
  }
  header.hero > .hero-stats{
    width:calc(100% - 20px)!important;
    height:54px!important;
    bottom:12px!important;
    border-radius:15px!important;
  }
  header.hero > .hero-stats > img.stats-panel{height:54px!important}
  header.hero:after{height:42px!important}
}

/* v29 section-rails patch — open editorial sections framed by real transparent PNG brush artwork */
.story-block.wrap,
.people.wrap,
.growth.wrap,
.photostory.wrap{
  position:relative!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
  padding-left:46px!important;
  padding-right:46px!important;
}
.story-block.wrap:before,.story-block.wrap:after,
.people.wrap:before,.people.wrap:after,
.growth.wrap:before,.growth.wrap:after,
.photostory.wrap:before,.photostory.wrap:after{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  top:0!important;
  bottom:0!important;
  width:36px!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:100% 100%!important;
  pointer-events:none!important;
  opacity:.92!important;
}
.story-block.wrap:before,.people.wrap:before,.growth.wrap:before,.photostory.wrap:before{left:0!important}
.story-block.wrap:after,.people.wrap:after,.growth.wrap:after,.photostory.wrap:after{right:0!important}
.story-block.wrap>* ,.people.wrap>* ,.growth.wrap>* ,.photostory.wrap>*{position:relative;z-index:1}

/* each historical chapter gets a slightly different hand-painted pair */
#origin:before,#war:before{background-image:url('/assets/home2026/section-rails/rail-v1-left.png')!important}
#origin:after,#war:after{background-image:url('/assets/home2026/section-rails/rail-v1-right.png')!important}
#meetings:before,#today:before{background-image:url('/assets/home2026/section-rails/rail-v2-left.png')!important}
#meetings:after,#today:after{background-image:url('/assets/home2026/section-rails/rail-v2-right.png')!important}
#people:before,#growth:before{background-image:url('/assets/home2026/section-rails/rail-v3-left.png')!important}
#people:after,#growth:after{background-image:url('/assets/home2026/section-rails/rail-v3-right.png')!important}
#garagedays:before,#photostory:before{background-image:url('/assets/home2026/section-rails/rail-v4-left.png')!important}
#garagedays:after,#photostory:after{background-image:url('/assets/home2026/section-rails/rail-v4-right.png')!important}

/* no tinted card backgrounds on the war/return chapters */
.story-block.war,.story-block.return{background:transparent!important}

@media(max-width:760px){
  .story-block.wrap,.people.wrap,.growth.wrap,.photostory.wrap{
    padding-left:24px!important;
    padding-right:24px!important;
  }
  .story-block.wrap:before,.story-block.wrap:after,
  .people.wrap:before,.people.wrap:after,
  .growth.wrap:before,.growth.wrap:after,
  .photostory.wrap:before,.photostory.wrap:after{
    width:17px!important;
    opacity:.72!important;
  }
}

/* v29 section-rails refinement — wider real PNG brush edges, clearer chapter starts/ends */
.story-block.wrap,.people.wrap,.growth.wrap,.photostory.wrap{
  padding-left:62px!important;
  padding-right:62px!important;
  margin-top:26px!important;
  margin-bottom:26px!important;
}
.story-block.wrap:before,.story-block.wrap:after,
.people.wrap:before,.people.wrap:after,
.growth.wrap:before,.growth.wrap:after,
.photostory.wrap:before,.photostory.wrap:after{
  top:4px!important;
  bottom:4px!important;
  width:58px!important;
  opacity:1!important;
  background-size:100% 100%!important;
}
@media(max-width:760px){
  .story-block.wrap,.people.wrap,.growth.wrap,.photostory.wrap{
    padding-left:28px!important;
    padding-right:28px!important;
    margin-top:18px!important;
    margin-bottom:18px!important;
  }
  .story-block.wrap:before,.story-block.wrap:after,
  .people.wrap:before,.people.wrap:after,
  .growth.wrap:before,.growth.wrap:after,
  .photostory.wrap:before,.photostory.wrap:after{
    width:23px!important;
    opacity:.82!important;
  }
}


/* final rail tuning — keep the open-section concept, but make the brush edges read as one composition */
.story-block.wrap,.people.wrap,.growth.wrap,.photostory.wrap{
  padding-left:70px!important;
  padding-right:70px!important;
}
.story-block.wrap:before,.people.wrap:before,.growth.wrap:before,.photostory.wrap:before{
  left:-10px!important;
}
.story-block.wrap:after,.people.wrap:after,.growth.wrap:after,.photostory.wrap:after{
  right:-10px!important;
}
.story-block.wrap:before,.story-block.wrap:after,
.people.wrap:before,.people.wrap:after,
.growth.wrap:before,.growth.wrap:after,
.photostory.wrap:before,.photostory.wrap:after{
  width:64px!important;
}

/* preserve a clearly clean gap between chapters */
.story-block.wrap,.people.wrap,.growth.wrap,.photostory.wrap{
  margin-top:30px!important;
  margin-bottom:30px!important;
}

@media(max-width:760px){
  .story-block.wrap,.people.wrap,.growth.wrap,.photostory.wrap{
    padding-left:30px!important;
    padding-right:30px!important;
    margin-top:20px!important;
    margin-bottom:20px!important;
  }
  .story-block.wrap:before,.people.wrap:before,.growth.wrap:before,.photostory.wrap:before{
    left:-4px!important;
  }
  .story-block.wrap:after,.people.wrap:after,.growth.wrap:after,.photostory.wrap:after{
    right:-4px!important;
  }
  .story-block.wrap:before,.story-block.wrap:after,
  .people.wrap:before,.people.wrap:after,
  .growth.wrap:before,.growth.wrap:after,
  .photostory.wrap:before,.photostory.wrap:after{
    width:25px!important;
  }
}