/* Three image-led homepage sections; shared legacy page styles stay independent. */
.home-story-shell{position:relative;z-index:1;margin:0 auto}
.home-story-background{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.home-industry-story,.home-about-story,.home-brand-story{position:relative;width:100%;isolation:isolate;overflow:hidden}
.home-industry-story{min-height:600px;aspect-ratio:1920/1099;color:#fff;background:#243b51}
.home-industry-story::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(5,22,38,.32),transparent 45%,rgba(5,22,38,.3))}
.home-industry-content{min-height:inherit;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(40px,4.5vw,86px) 0 36px;position:absolute;inset:0}
.home-industry-heading{max-width:760px;width:60%;text-shadow:0 1px 12px rgba(0,0,0,.2)}
.home-industry-heading h2{margin:0 0 20px;font-size:clamp(30px,3vw,54px);font-weight:500;line-height:1.4;letter-spacing:2px}
.home-industry-heading p{margin:0;max-width:570px;font-size:clamp(14px,1.15vw,18px);line-height:1.85;color:#edf4fa}
.home-industry-heading>a{display:inline-flex;align-items:center;gap:24px;margin-top:20px;padding-bottom:6px;border-bottom:1px solid #ffffff90;color:#fff;font-size:14px}
.home-industry-heading>a:hover{color:#c2e7ff}
.home-industry-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ui-gap);margin-top:45px}
.home-industry-card{position:relative;display:block;aspect-ratio:2.25;overflow:hidden;border:1px solid #e6f0f7;border-radius:7px;background:#18364b;color:#fff}
.home-industry-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 22%,rgba(5,25,39,.83))}
.home-industry-card>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.home-industry-card h3{position:absolute;left:20px;right:20px;bottom:20px;z-index:1;display:flex;align-items:flex-end;gap:8px;margin:0;color:#fff;font-size:clamp(14px,1.2vw,21px);font-weight:500;line-height:1.5}
.home-industry-title-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-width:0}
.home-industry-card:hover>img{transform:scale(1.04)}
.home-about-story{min-height:500px;aspect-ratio:1920/941;background:#e5eff7}
.home-about-story>.home-story-shell{padding-top:clamp(48px,6.5vw,125px);padding-bottom:50px}
.home-about-copy{width:46%;max-width:720px}
.home-about-copy h2{margin:0 0 25px;color:#283b4a;font-size:clamp(30px,3vw,52px);font-weight:500;letter-spacing:2px;line-height:1.3}
.home-about-copy p{margin:0 0 25px;color:#425768;font-size:clamp(14px,1vw,18px);line-height:1.85;white-space:pre-line}
.home-story-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:42px;padding:10px 24px;border:1px solid var(--ui-action-orange);border-radius:5px;color:#fff;background:var(--ui-action-orange);font-size:var(--ui-control);font-weight:var(--ui-weight-control);line-height:var(--ui-leading-body);cursor:pointer}
.home-story-button:hover{background:var(--ui-action-orange-hover);color:#fff;border-color:var(--ui-action-orange-hover)}
.home-story-button-outline{color:#425768;background:transparent;border-color:#98a8b3}
.home-story-button-outline:hover{color:#123f62;background:#f0f7fa;border-color:#123f62}
.home-brand-story{min-height:520px;aspect-ratio:1920/801;background:#fff}
.home-brand-media{position:absolute;top:0;bottom:0;right:0;height:100%;aspect-ratio:1920/801}
.home-brand-story>.home-story-shell{padding:clamp(40px,4.5vw,86px) 0;pointer-events:none}
.home-brand-copy{width:52%;max-width:760px;pointer-events:auto}
.home-brand-eyebrow{margin:0 0 17px;color:#7b8790;font-size:12px;letter-spacing:3px}
.home-brand-copy h1{margin:0;color:#303b43;font-size:clamp(28px,2.85vw,50px);font-weight:500;line-height:1.35;letter-spacing:1px}
.home-brand-description{max-width:660px;margin:20px 0 0;color:#61717e;font-size:clamp(13px,1vw,17px);line-height:1.85;white-space:pre-line}
.home-brand-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:28px 0 24px}
.home-brand-facts>div{padding:0 14px;border-right:1px solid #cfd9df}
.home-brand-facts>div:first-child{padding-left:0}
.home-brand-facts>div:last-child{padding-right:0;border:0}
.home-brand-fact-icon{display:block;width:28px;height:28px;object-fit:contain;margin:0 0 8px}
.home-brand-facts dt{color:#293d4c;font-size:clamp(15px,1.6vw,27px);font-weight:600;line-height:1.4;white-space:nowrap}
.home-brand-facts dd{margin:7px 0 0;color:#697a86;font-size:clamp(10px,.75vw,13px);line-height:1.4}
.home-brand-actions{display:flex;flex-wrap:wrap;gap:14px}
.home-brand-signature{margin-top:23px;color:#80909b;font-size:11px;letter-spacing:3px}
.home-brand-play{position:absolute;z-index:2;left:75.4%;top:47.6%;width:7%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);outline-offset:6px;transition:box-shadow .2s}
.home-brand-play:hover{box-shadow:0 0 0 10px rgba(255,255,255,.15)}
.home-story-shell a:focus-visible,.home-brand-play:focus-visible{outline:3px solid #0b87d1;outline-offset:5px}
.home-video-dialog{width:min(1040px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;margin:auto;padding:0;border:1px solid #516477;border-radius:10px;background:#0c1b29;color:#fff;box-shadow:0 20px 90px #0006}
.home-video-dialog::backdrop{background:#061523dc}
.home-video-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 20px}
.home-video-heading h2{margin:0;font-size:var(--ui-section);font-weight:var(--ui-weight-heading);}
.home-video-heading button{width:40px;height:40px;border:0;border-radius:50%;background:#ffffff15;color:white;font-size:var(--ui-control);cursor:pointer}
.home-video-dialog video{display:block;width:100%;max-height:calc(100dvh - 130px);aspect-ratio:16/9;background:#000}
.home-video-error{padding:14px 20px;color:#e6edf2;font-size:var(--ui-small);}
.home-video-error[hidden]{display:none}
.home-video-error a{color:#9cdbff;text-decoration:underline}
body.home-video-open{overflow:hidden}
@media(max-width:1000px) and (min-width:751px){
  .home-about-story{display:block;height:clamp(520px,68.7vw,620px);min-height:0;aspect-ratio:auto;background:linear-gradient(135deg,#f6f9fb,#d9e9f5)}
  .home-about-story>.home-story-background{position:absolute;inset:auto 0 0;height:calc(100% - 170px);object-fit:cover;object-position:center}
  .home-about-story>.home-story-shell{padding:39px 0 0}
  .home-about-copy{width:100%;max-width:680px}
  .home-about-copy h2{margin-bottom:12px;font-size:32px}
  .home-about-copy p{margin:0;font-size:14px;line-height:1.75}
  .home-about-copy .home-story-button{position:absolute;top:180px;left:0;min-height:38px;padding:7px 14px;gap:15px;font-size:13px}
  .home-brand-copy{width:59%}
  .home-brand-story{min-height:540px}
  .home-brand-facts>div{padding:0 9px}
  .home-brand-media>.home-story-background{object-position:left}
}
@media(max-width:750px){
  .home-story-shell{}
  .home-industry-story{min-height:0;aspect-ratio:auto}
  .home-industry-story>.home-story-background{height:380px;object-position:62% center}
  .home-industry-story::after{height:380px;background:linear-gradient(180deg,#0a203a99,transparent 75%,#243b51)}
  .home-industry-content{position:relative;inset:auto;display:block;height:auto;padding:34px 0 25px}
  .home-industry-heading{width:100%}
  .home-industry-heading h2{max-width:340px;font-size:28px;letter-spacing:1px;margin-bottom:14px;text-wrap:balance}
  .home-industry-heading p{font-size:13px;max-width:340px}
  .home-industry-heading>a{margin-top:14px;font-size:12px}
  .home-industry-cards{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:85%;gap:var(--ui-gap);margin-top:120px;padding:4px 0 12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}
  .home-industry-cards::-webkit-scrollbar{display:none}
  .home-industry-card{aspect-ratio:1.9;scroll-snap-align:start}
  .home-industry-card h3{left:14px;right:14px;bottom:16px;font-size:15px}
  .home-about-story{display:block;height:520px;min-height:0;aspect-ratio:auto;background:linear-gradient(135deg,#f6f9fb 0%,#dceaf5 55%,#b6d7ef 100%)}
  .home-about-story>.home-story-background{position:absolute;inset:auto 0 -30px;height:350px;object-fit:cover;object-position:70% center}
  .home-about-story>.home-story-shell{padding:31px 0 0}
  .home-about-copy{width:100%;max-width:none}
  .home-about-copy h2{font-size:27px;margin-bottom:10px;letter-spacing:1px}
  .home-about-copy p{max-width:360px;margin-bottom:14px;color:#42505b;font-size:12.5px;line-height:1.75}
  .home-about-copy .home-story-button{min-height:30px;padding:5px 10px;gap:8px;font-size:11px}
  .home-brand-story{display:flex;flex-direction:column-reverse;min-height:0;aspect-ratio:auto}
  .home-brand-story>.home-story-shell{padding:0;background:#fff}
  .home-brand-copy{width:100%;max-width:none}
  .home-brand-eyebrow,.home-brand-copy>h1,.home-brand-description,.home-brand-actions,.home-brand-signature{display:none}
  .home-brand-facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;padding:11px 14px 9px}
  .home-brand-fact-icon{width:13px;height:13px;margin-bottom:2px}
  .home-brand-facts>div{min-width:0;padding:0 5px;border-right:1px solid #cbd1d5}
  .home-brand-facts>div:first-child{padding-left:0}
  .home-brand-facts>div:nth-child(even){border-right:1px solid #cbd1d5}
  .home-brand-facts>div:last-child{padding-right:0;border:0}
  .home-brand-facts dt{overflow:hidden;font-size:15px;line-height:1.2;text-overflow:ellipsis}
  .home-brand-facts dd{margin-top:2px;font-size:9px;line-height:1.25}
  .home-story-button{font-size:var(--ui-control);gap:16px;padding:10px 20px}
  .home-brand-media{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1.44;background:#061a31}
  .home-brand-media>.home-story-background{object-position:right center}
  .home-brand-play{left:58%;top:48%;width:18%}
}
@media(max-width:1000px){
  .home-about-story::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(245,249,252,.99) 0%,rgba(236,245,251,.97) 38%,rgba(221,238,249,.76) 58%,rgba(221,238,249,0) 79%)}
  .home-about-story>.home-story-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% center}
  .home-about-story>.home-story-shell{z-index:1}
}
@media(max-width:1000px) and (min-width:751px){
  .home-about-copy .home-story-button{position:static;margin-top:14px}
}
@media(prefers-reduced-motion:reduce){.home-industry-card>img,.home-brand-play{transition:none}}