/* Hero-only pilot. Existing global tokens and all other sections are unchanged. */
@font-face{font-family:Archivo Black;src:url('/assets/fonts/archivo-black.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap}
:root{--font-editorial-display:'Archivo Black',Arial,sans-serif;--font-editorial-body:'Manrope',Arial,sans-serif}
.hero.editorial-hero{display:block;min-height:0;font-family:var(--font-editorial-body)}
.editorial-stage{position:relative;isolation:isolate;min-height:660px;min-height:clamp(660px,82svh,900px);background:var(--dark);color:#fff;overflow:hidden}
.editorial-hero .hero-visual{position:absolute;inset:0;min-height:0;height:auto;overflow:visible}
.editorial-hero .hero-image{position:absolute;inset:0;height:100%;min-height:0;width:100%;border-radius:0}
.editorial-hero .hero-image>img,.editorial-hero .hero-image>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--cinematic-position,54% 48%);max-width:none}
.editorial-hero .hero-image:after{inset:0;background:linear-gradient(90deg,rgba(18,15,22,.83) 0%,rgba(18,15,22,.57) 48%,rgba(18,15,22,.16) 100%),linear-gradient(0deg,rgba(18,15,22,.56),transparent 45%)}
.editorial-hero .hero-copy{position:relative;z-index:2;padding:64px 5.5% 150px;width:100%;pointer-events:none}
.editorial-hero .hero-copy a{pointer-events:auto}
.editorial-hero .eyebrow{font-size:10px;letter-spacing:.15em;margin-bottom:46px;line-height:1.6;color:#fff}
.editorial-hero .eyebrow i{background:var(--lime);flex:none}
.editorial-hero h1{font-family:var(--font-editorial-display);font-weight:400;font-size:clamp(54px,7.25vw,112px);line-height:1.03;letter-spacing:-.055em;max-width:1400px;margin:0}
.editorial-hero h1>span{display:block}
.editorial-hero h1 em{color:#fff}
.editorial-hero .actions{margin-top:40px;gap:26px}
.editorial-hero .button{background:var(--purple);border:1px solid #b597df;border-radius:0;min-height:54px;font:700 13px/1.4 var(--font-editorial-body);padding:16px 23px}
.editorial-hero .button:hover{background:#58299a;box-shadow:none}
.editorial-hero .button span{display:inline-block;width:21px;height:21px;font-size:0;background:white;mask:url('/vendor/lucide/arrow-up-right.svg') center/contain no-repeat}
.editorial-hero .text-link{color:white;font:600 12px/1.5 var(--font-editorial-body);text-decoration-thickness:1px}
.editorial-hero .text-link:hover{color:var(--lime)}
.editorial-hero a:focus-visible,.editorial-hero button:focus-visible{outline:3px solid var(--lime);outline-offset:6px}
.editorial-hero figcaption{left:5.5%;bottom:32px;max-width:65%;padding-top:17px;border-top:1px solid #ffffff60}
.editorial-hero figcaption span{font:500 9px/1.5 var(--font-editorial-body);letter-spacing:.13em}
.editorial-hero figcaption strong{font:600 20px/1.3 var(--font-editorial-body);letter-spacing:-.03em;margin-top:9px}
.editorial-hero figcaption br{display:block}
.editorial-hero .talentino-overlay{z-index:3;right:5%;bottom:0;width:clamp(100px,9vw,145px);height:auto;transform:none}
.editorial-hero .talentino-overlay img{width:100%;height:auto}
.editorial-deck{display:grid;grid-template-columns:1fr .7fr;gap:10%;padding:44px 5.5% 52px;border-bottom:1px solid var(--line);background:var(--paper);position:relative}
.editorial-deck .lead{font:500 clamp(22px,2.2vw,32px)/1.4 var(--font-editorial-body);letter-spacing:-.04em;margin:0;max-width:700px}
.editorial-deck>p{font:400 14px/1.8 var(--font-editorial-body);padding-top:5px;max-width:490px}
.editorial-hero .hero-foot{margin-top:24px;gap:24px;font-size:10px}
.cinematic-toggle{position:absolute;z-index:4;right:22px;top:20px;border:1px solid #ffffff90;background:#24162f;color:#fff;padding:10px 14px;font:600 12px var(--font-editorial-body)}
@media(max-width:850px){.editorial-stage{min-height:620px}.editorial-hero .hero-copy{padding:45px 6% 160px}.editorial-hero h1{font-size:clamp(39px,7.8vw,70px)}.editorial-hero .eyebrow{font-size:8px;margin-bottom:36px}.editorial-hero .hero-image>img,.editorial-hero .hero-image>video{object-position:var(--cinematic-mobile-position,48% center)}.editorial-hero .hero-image:after{background:linear-gradient(180deg,#120f16c9 0%,#120f1670 60%,#120f16a3 100%)}.editorial-hero .actions{align-items:flex-start;flex-direction:column;gap:20px;margin-top:30px}.editorial-hero figcaption{left:6%;bottom:25px}.editorial-hero figcaption span{font-size:7px}.editorial-hero figcaption strong{font-size:17px;max-width:215px}.editorial-hero .talentino-overlay{width:100px;right:4%;bottom:0}.editorial-deck{grid-template-columns:1fr;gap:24px;padding:32px 6% 38px}.editorial-deck>p{max-width:100%}.editorial-hero .hero-foot{flex-wrap:wrap;gap:8px 20px}}
@media(prefers-reduced-motion:reduce){.editorial-hero *, .editorial-hero *:before,.editorial-hero *:after{animation:none!important;transition:none!important;scroll-behavior:auto}}
/* Reset legacy mobile overlay anchoring inside the new stage. */
.editorial-hero .talentino-overlay{top:auto}
@media(max-width:850px){.editorial-hero h1{font-size:clamp(30px,8.2vw,68px)}.editorial-hero figcaption{max-width:62%}.editorial-hero .talentino-overlay{width:85px}}
.editorial-hero .hero-visual .talentino-overlay{position:absolute;top:auto;bottom:0;margin:0;min-height:0;height:auto;aspect-ratio:1/2;display:block}

/* Approved Bildstandard 01: preserve the portrait and its natural copy space. */
.editorial-stage{min-height:clamp(580px,56.25vw,900px)}
.editorial-hero .hero-image:after{background:linear-gradient(90deg,rgba(18,15,22,.22),transparent 55%)}
.editorial-hero .hero-copy{width:49%;padding-top:clamp(70px,9vw,145px);padding-right:0}
.editorial-hero h1{font-size:clamp(38px,4.5vw,80px);letter-spacing:-.055em}
.editorial-hero .actions{flex-direction:column;align-items:flex-start;gap:20px}
.editorial-hero .eyebrow{font-size:clamp(8px,.65vw,10px);margin-bottom:30px}
@media(max-width:850px){
 .editorial-stage{display:flex;flex-direction:column;min-height:0;background:#242323}
 .editorial-hero .hero-copy{order:0;width:100%;padding:40px 6% 38px}
 .editorial-hero h1{font-size:clamp(30px,8.2vw,68px)}
 .editorial-hero .hero-visual{order:1;position:relative;inset:auto;width:100%;height:clamp(310px,65vw,520px);overflow:hidden}
 .editorial-hero .hero-image:after{background:linear-gradient(0deg,rgba(18,15,22,.65),transparent 35%)}
 .editorial-hero figcaption{bottom:20px;max-width:65%;padding-top:10px}
 .editorial-hero figcaption strong{font-size:16px}
 .editorial-hero .hero-visual .talentino-overlay{right:2%;width:65px}
}

/* Version 32: edge-to-edge hero, unclipped type, photographic focus. */
.hero.editorial-hero{width:100%;max-width:none;margin:0;gap:0}
.editorial-stage{aspect-ratio:16/9;min-height:580px}
.editorial-hero .hero-copy{max-width:none;width:49%;padding:clamp(70px,9vw,170px) 0 160px 5%;}
.editorial-hero h1{font-size:clamp(34px,4.1vw,90px);line-height:1.12;letter-spacing:-.045em;overflow:visible}
.editorial-hero h1>span{white-space:nowrap;overflow:visible}
.editorial-hero figcaption{left:5%;width:38%;max-width:38%}
@media(max-width:850px){
 .editorial-stage{aspect-ratio:auto;min-height:0}
 .editorial-hero .hero-copy{width:100%;padding:38px 6% 34px}
 .editorial-hero h1{font-size:clamp(26px,7.5vw,62px)}
 .editorial-hero figcaption{left:6%;width:80%;max-width:80%}
}

.hero.editorial-hero h1 em{color:#fff!important}

/* Version 33: readable HTML explanation between proposition and action. */
.hero.editorial-hero .hero-copy>p.hero-explainer{color:#eeeae5;font:400 clamp(15px,1.15vw,19px)/1.65 var(--font-editorial-body);max-width:47ch;margin:26px 0 0;letter-spacing:0}
.hero.editorial-hero .hero-copy{padding-bottom:70px}
.hero.editorial-hero .actions{margin-top:28px}
@media(max-width:850px){.hero.editorial-hero .hero-copy{padding-bottom:34px}.hero.editorial-hero .hero-copy>p.hero-explainer{font-size:15px;max-width:47ch;margin-top:22px}}

.hero.editorial-hero .hero-inline-link{color:inherit;text-decoration:underline;text-decoration-color:#ffffff70;text-underline-offset:.18em}.hero.editorial-hero .hero-inline-link strong{font-weight:800}.hero.editorial-hero .hero-inline-link:hover{color:#fff;text-decoration-color:currentColor}

/* Intro bridge: align with the following RegioHero content grid. */
.hero.editorial-hero .editorial-deck{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(48px,4vw,80px);padding:60px max(var(--gutter),calc((100vw - var(--content))/2));align-items:start}
.editorial-deck>div{min-width:0}
.editorial-deck .hero-foot{margin-top:28px;gap:12px 24px;flex-wrap:wrap}
.editorial-deck-detail h2{font:600 clamp(22px,1.7vw,26px)/1.3 var(--font-editorial-body);letter-spacing:-.025em;margin:0 0 16px}
.editorial-deck-detail p{max-width:58ch;color:var(--muted)}
.editorial-deck-detail .text-link{margin-top:20px;min-height:44px;display:inline-flex;align-items:center}
@media(max-width:850px){.hero.editorial-hero .editorial-deck{grid-template-columns:1fr;gap:32px;padding:40px var(--gutter)}.editorial-deck .hero-foot{margin-top:22px}.editorial-deck-detail p{max-width:65ch}}

.editorial-hero .editorial-deck-detail .text-link{color:var(--purple)}
.editorial-hero .editorial-deck-detail .text-link:hover{color:var(--ink)}
