.dgi-hero{position:relative;isolation:isolate;background:var(--dgi-ink);color:white;overflow:hidden}
.dgi-hero-swiper{width:100%;overflow:hidden}.dgi-hero .swiper-wrapper{display:flex}.dgi-hero-slide{position:relative;flex-shrink:0;width:100%;min-height:660px;height:auto;padding-bottom:155px;box-sizing:border-box;overflow:hidden}
.dgi-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.dgi-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(29,43,69,.96) 0%,rgba(29,43,69,.86) 34%,rgba(29,43,69,.3) 68%,rgba(29,43,69,.1) 100%)}
.dgi-hero-diagonal{position:absolute;inset:0;pointer-events:none;background:rgba(255,255,255,.12);clip-path:polygon(53% 0,56% 0,43% 100%,40% 100%)}
.dgi-hero-inner{position:relative;max-width:var(--dgi-container-width,1280px);margin:auto;padding:70px 80px 35px;box-sizing:border-box}
.dgi-hero-copy{width:59%;max-width:690px}
body .dgi-hero .dgi-hero-label{display:inline-block;padding:8px 14px;margin-bottom:18px;background:var(--dgi-blue);color:white;text-decoration:none;font:600 13px/1.5 var(--dgi-body)}
body.home #content .dgi-hero h1.dgi-hero-title{font-family:var(--dgi-display);font-size:clamp(32px,3.5vw,56px)!important;font-weight:700!important;line-height:1.12!important;color:white;margin:0 0 22px;text-wrap:balance}
body .dgi-hero-description{font:400 16px/1.75 var(--dgi-body);color:white;margin:0 0 26px;max-width:610px}
body .dgi-hero .dgi-hero-cta{display:inline-flex;align-items:center;gap:28px;background:var(--dgi-yellow);border:1px solid var(--dgi-yellow);border-radius:2px;color:var(--dgi-ink);padding:15px 22px;font:700 16px/1.4 var(--dgi-body);text-decoration:none}
body .dgi-hero .dgi-hero-cta:hover{background:var(--dgi-pale);color:var(--dgi-blue)}
.dgi-hero-progress{position:absolute;z-index:4;top:40px;right:max(6%,calc((100% - 1280px)/2 + 40px));width:145px}
.dgi-hero-counter{display:block;font:400 22px/1.5 var(--dgi-body);font-variant-numeric:tabular-nums;color:white}
.dgi-hero-pagination{display:flex;gap:6px;margin:8px 0}
body .dgi-hero-pagination .swiper-pagination-bullet{display:block;flex:1;width:auto;height:3px;margin:0;border:0;border-radius:0;background:white;opacity:.6;cursor:pointer}
body .dgi-hero-pagination .swiper-pagination-bullet-active{background:var(--dgi-yellow);opacity:1}
body .dgi-hero .dgi-hero-pause{background:transparent;border:0;padding:4px 0;color:white;font:400 12px/1.5 var(--dgi-body);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
body .dgi-hero .dgi-hero-arrow{position:absolute;top:44%;z-index:4;display:flex;align-items:center;justify-content:center;width:46px;height:46px;padding:0;border:1px solid rgba(255,255,255,.6);border-radius:50%;background:var(--dgi-blue-deep);color:white;cursor:pointer}
.dgi-hero-prev{left:20px}.dgi-hero-next{right:20px}.dgi-hero-prev svg{transform:rotate(180deg)}
body .dgi-hero .dgi-hero-arrow:hover{background:var(--dgi-blue)}
body .dgi-hero .dgi-hero-next-story{position:absolute;z-index:2;right:3%;bottom:45px;width:30%;display:flex;align-items:center;gap:20px;padding:24px;box-sizing:border-box;background:var(--dgi-blue);color:white;border-radius:2px;text-decoration:none}
.dgi-hero-next-story>span{flex:1;min-width:0}.dgi-hero-next-story strong{display:block;font:700 18px/1.35 var(--dgi-body)}.dgi-hero-next-story span span{display:block;margin-top:6px;font:400 14px/1.4 var(--dgi-body)}.dgi-hero-next-story svg{flex-shrink:0}.dgi-hero-file{border-right:1px solid rgba(255,255,255,.3);padding-right:14px;box-sizing:content-box}
.dgi-hero-bottom{position:absolute;bottom:0;left:0;z-index:3;width:64%;display:flex;background:var(--dgi-pale);padding:32px 30px 32px max(30px,calc((100vw - 1280px)/2));box-sizing:border-box;gap:0}
body .dgi-hero-bottom a{display:flex;align-items:center;gap:16px;flex:1;min-width:0;padding:8px 20px;color:var(--dgi-ink);text-decoration:none;border-right:1px solid var(--dgi-border)}.dgi-hero-bottom a:last-child{border:0}.dgi-hero-bottom svg{flex-shrink:0}.dgi-hero-bottom strong{display:block;font:700 15px/1.4 var(--dgi-body)}.dgi-hero-bottom span span{display:block;font:400 13px/1.5 var(--dgi-body);margin-top:5px}
body .dgi-hero-bottom a:hover{color:var(--dgi-blue)}
.dgi-hero :is(a,button):focus-visible{outline:3px solid var(--dgi-yellow);outline-offset:4px}
.dgi-hero:not(.is-ready) .dgi-hero-slide:not(:first-child){display:none}.dgi-hero:not(.is-ready) :is(.dgi-hero-progress,.dgi-hero-arrow){display:none}
@media(max-width:1024px){.dgi-hero-inner{padding:80px 70px 40px}.dgi-hero-copy{width:75%}.dgi-hero-bottom{width:100%;position:relative;padding:16px}.dgi-hero-slide{min-height:600px;padding-bottom:135px}.dgi-hero-progress{top:20px;right:24px}.dgi-hero-next-story .dgi-hero-file{display:none}body .dgi-hero .dgi-hero-next-story{bottom:24px;width:40%;padding:16px}.dgi-hero-next-story strong{font-size:16px}}
@media(max-width:600px){.dgi-hero-inner{padding:94px 24px 28px}.dgi-hero-copy{width:100%;max-width:none}.dgi-hero-slide{min-height:660px;padding-bottom:145px}.dgi-hero-shade{background:linear-gradient(90deg,rgba(29,43,69,.94),rgba(29,43,69,.7))}.dgi-hero-photo{object-position:65% center}.dgi-hero-diagonal{display:none}body.home #content .dgi-hero h1.dgi-hero-title{font-size:34px!important}.dgi-hero-description{font-size:16px}.dgi-hero-progress{left:24px;right:auto;top:18px;width:125px}.dgi-hero-counter{font-size:18px}body .dgi-hero .dgi-hero-arrow{top:24px;width:40px;height:40px}.dgi-hero-prev{left:auto;right:76px}.dgi-hero-next{right:24px}body .dgi-hero .dgi-hero-next-story{width:calc(100% - 48px);right:24px;bottom:24px;gap:12px}.dgi-hero-bottom{flex-direction:column;padding:10px 24px}.dgi-hero-bottom a{padding:16px 0;border-right:0;border-bottom:1px solid var(--dgi-border)}.dgi-hero-bottom span span{margin-top:2px}}
/* Reference composition: a wide photographic stage, angled base and floating next story. */
body #content .dgi-hero img.dgi-hero-photo{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover}
.dgi-hero-slide{min-height:clamp(570px,37.1vw,765px);padding-bottom:150px}
.dgi-hero-inner{max-width:none;padding:clamp(60px,4.8vw,100px) 9.2% 50px}
.dgi-hero-copy{width:43%;max-width:740px}
body.home #content .dgi-hero h1.dgi-hero-title{font-size:clamp(46px,3.85vw,80px)!important;line-height:1.04!important;margin-bottom:24px}
body .dgi-hero-description{font-size:clamp(16px,1.07vw,22px);line-height:1.5;margin-bottom:28px}
.dgi-hero-shade{background:linear-gradient(90deg,rgba(12,27,44,.9),rgba(12,27,44,.78) 35%,rgba(12,27,44,.16) 62%,rgba(12,27,44,.03))}
.dgi-hero-diagonal{background:rgba(255,255,255,.17);clip-path:polygon(51% 0,54% 0,44% 100%,41% 100%,45% 100%,55% 0,57% 0,47% 100%,41% 100%)}
.dgi-hero-bottom{width:64%;min-height:22%;padding:26px 4% 26px 2.5%;background:var(--dgi-pale);clip-path:polygon(0 0,95% 0,100% 100%,0 100%)}
body .dgi-hero-bottom a{padding:8px 22px;gap:22px}.dgi-hero-bottom strong{font-size:clamp(15px,1vw,20px)}.dgi-hero-bottom span span{font-size:clamp(13px,.8vw,16px)}.dgi-hero-bottom svg{width:40px;height:40px}
body .dgi-hero .dgi-hero-next-story{right:2%;bottom:11%;width:30%;min-height:105px;padding:24px 30px;background:var(--dgi-blue-deep)}
.dgi-hero-next-story strong{font-size:clamp(18px,1.35vw,28px)}.dgi-hero-next-story span span{font-size:clamp(14px,.9vw,18px)}
.dgi-hero-progress{right:4.5%;top:13%;width:9%;min-width:125px}
body .dgi-hero .dgi-hero-arrow{top:40%;left:2%;width:50px;height:50px;background:rgba(29,43,69,.85)}
body .dgi-hero .dgi-hero-next{left:auto;right:2%}
@media(max-width:1100px){.dgi-hero-copy{width:62%}.dgi-hero-inner{padding:72px 9.2% 40px}.dgi-hero-slide{padding-bottom:155px;min-height:620px}.dgi-hero-bottom{position:absolute;padding:16px;width:65%}.dgi-hero-bottom svg{width:28px;height:28px}body .dgi-hero-bottom a{padding:8px;gap:10px}body .dgi-hero .dgi-hero-next-story{bottom:40px;padding:18px;min-height:100px}.dgi-hero-next-story .dgi-hero-file{display:none}}
@media(max-width:600px){.dgi-hero-slide{min-height:0;padding-bottom:0}.dgi-hero-inner{padding:105px 24px 30px}.dgi-hero-copy{width:100%}body.home #content .dgi-hero h1.dgi-hero-title{font-size:36px!important;line-height:1.12!important}.dgi-hero-shade{background:rgba(12,27,44,.8)}.dgi-hero-progress{left:24px;right:auto;top:18px;width:125px}.dgi-hero-diagonal{display:none}body .dgi-hero .dgi-hero-arrow{top:24px;left:auto;right:76px;width:40px;height:40px}body .dgi-hero .dgi-hero-next{right:24px}body .dgi-hero .dgi-hero-next-story{position:relative;right:auto;bottom:auto;width:auto;margin:0 24px 24px;padding:18px;min-height:0}.dgi-hero-bottom{position:relative;min-height:0;width:100%;clip-path:none;padding:8px 24px;flex-direction:column}body .dgi-hero-bottom a{padding:14px 0;gap:18px}.dgi-hero-bottom svg{width:30px;height:30px}.dgi-hero-bottom strong{font-size:15px}.dgi-hero-bottom span span{font-size:13px}}

/* GSAP owns the vertical reveal; Swiper supplies positioning and navigation. */
.dgi-hero.is-ready .swiper-slide{visibility:hidden;opacity:1!important;pointer-events:none;z-index:0}
.dgi-hero.is-ready .swiper-slide.is-leaving{visibility:visible;z-index:1}
.dgi-hero.is-ready .swiper-slide.swiper-slide-active{visibility:visible;pointer-events:auto;z-index:2}
@media(prefers-reduced-motion:reduce){.dgi-hero .swiper-slide{clip-path:none!important}.dgi-hero-photo{transform:none!important}}