@font-face{font-family:AlmaEditorialDisplay;src:url(../fonts/LabilGrotesk-Medium.woff2) format("woff2");font-display:swap;font-weight:500}
@font-face{font-family:AlmaEditorialMono;src:url(../fonts/jetbrains-mono-latin-400-normal.woff2) format("woff2");font-display:swap;font-weight:400}

.deb-alma-editorial{
 --alma-ink:#171515;
 --alma-paper:#f5f4f2;
 --alma-white:#fff;
 --alma-muted:#746e6a;
 --alma-line:#cbc6c2;
 --alma-orange:#ff7500;
 width:100%;
 margin:clamp(64px,9vw,128px) 0;
 padding:clamp(28px,4vw,60px);
 overflow:hidden;
 background:var(--alma-paper);
 color:var(--alma-ink);
 font-family:AlmaEditorialDisplay,sans-serif;
}
.deb-alma-editorial *{box-sizing:border-box}
.deb-alma-editorial button{font:inherit}
.deb-alma-editorial button:focus-visible,
.deb-alma-editorial [role="tabpanel"]:focus-visible{outline:3px solid var(--alma-orange);outline-offset:5px}

.deb-alma-editorial__header{
 display:grid;
 grid-template-columns:minmax(0,1fr) auto;
 gap:clamp(28px,6vw,96px);
 align-items:start;
 padding-top:18px;
 border-top:2px solid var(--alma-ink);
}
.deb-alma-editorial__header>img{
 width:clamp(150px,17vw,230px);
 height:auto;
 mix-blend-mode:multiply;
}
.deb-alma-editorial__eyebrow,
.deb-alma-editorial__step,
.deb-alma-editorial__zone-label{
 margin:0;
 font-family:AlmaEditorialMono,monospace;
 font-size:clamp(12px,1vw,14px);
 line-height:1.4;
 letter-spacing:.08em;
 text-transform:uppercase;
}
.deb-alma-editorial__header h2{
 max-width:13ch;
 margin:clamp(18px,3vw,38px) 0 0;
 color:var(--alma-ink);
 font:500 clamp(48px,8vw,112px)/.88 AlmaEditorialDisplay,sans-serif;
 letter-spacing:-.065em;
 text-wrap:balance;
}
.deb-alma-editorial__intro{
 max-width:700px;
 margin:clamp(28px,5vw,64px) 0;
 font-size:clamp(18px,1.75vw,26px);
 line-height:1.45;
}

.deb-alma-editorial__nav{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 margin:0 0 clamp(24px,4vw,48px);
 border-top:1px solid var(--alma-line);
}
.deb-alma-editorial__nav button{
 display:grid;
 grid-template-columns:44px 1fr;
 gap:12px;
 align-items:center;
 min-height:72px;
 padding:14px 18px;
 border:0;
 border-right:1px solid var(--alma-line);
 border-bottom:1px solid var(--alma-line);
 background:transparent;
 color:var(--alma-muted);
 text-align:left;
 cursor:pointer;
 box-shadow:none;
 transition:color .2s ease,background .2s ease;
}
.deb-alma-editorial__nav button:first-child{border-left:1px solid var(--alma-line)}
.deb-alma-editorial__nav button span{font-family:AlmaEditorialMono,monospace;font-size:12px}
.deb-alma-editorial__nav button:hover{color:var(--alma-ink)}
.deb-alma-editorial__nav button[aria-selected="true"]{background:var(--alma-ink);color:var(--alma-white)}

.deb-alma-editorial__stage{min-height:clamp(520px,62vw,820px)}
.deb-alma-editorial__panel{
 display:grid;
 grid-template-columns:minmax(0,1.6fr) minmax(260px,.62fr);
 gap:clamp(28px,5vw,80px);
 align-items:center;
 min-height:inherit;
 animation:almaEditorialArrive .52s cubic-bezier(.2,.8,.2,1) both;
}
.deb-alma-editorial__panel[hidden]{display:none!important}

.deb-alma-editorial__evidence{
 position:relative;
 margin:0;
 aspect-ratio:1600/920;
 overflow:hidden;
 background:#e9e7e5;
 box-shadow:0 28px 75px rgba(20,16,14,.14);
}
.deb-alma-editorial__evidence img{
 display:block;
 width:100%;
 height:100%;
 object-fit:cover;
}
.deb-alma-editorial__focus{
 position:absolute;
 display:block;
 border:4px solid var(--alma-orange);
 pointer-events:none;
}
.deb-alma-editorial__focus b{
 position:absolute;
 left:-4px;
 bottom:100%;
 padding:8px 11px;
 background:var(--alma-orange);
 color:var(--alma-ink);
 font-family:AlmaEditorialMono,monospace;
 font-size:clamp(11px,.9vw,13px);
 font-weight:400;
 letter-spacing:.02em;
 white-space:nowrap;
}
.deb-alma-editorial__evidence--programme .deb-alma-editorial__focus{left:25.4%;top:31%;width:24%;height:58%}
.deb-alma-editorial__evidence--detail .deb-alma-editorial__focus{left:0;top:16%;width:66%;height:50%}

.deb-alma-editorial__explanation{align-self:end;padding-bottom:clamp(12px,3vw,42px)}
.deb-alma-editorial__step{color:var(--alma-orange)}
.deb-alma-editorial__explanation h3{
 max-width:11ch;
 margin:18px 0 24px;
 color:var(--alma-ink);
 font:500 clamp(34px,4.2vw,68px)/.98 AlmaEditorialDisplay,sans-serif;
 letter-spacing:-.045em;
}
.deb-alma-editorial__explanation>p:last-child{
 max-width:440px;
 margin:0;
 color:var(--alma-muted);
 font-size:clamp(16px,1.35vw,20px);
 line-height:1.55;
}

.deb-alma-editorial__panel--handoff{
 grid-template-columns:1fr;
 gap:clamp(28px,4vw,48px);
 align-content:center;
}
.deb-alma-editorial__handoff{
 position:relative;
 display:grid;
 grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);
 min-height:clamp(440px,43vw,640px);
 overflow:hidden;
 background:var(--alma-white);
 border:1px solid var(--alma-line);
}
.deb-alma-editorial__site-side{
 position:relative;
 min-width:0;
 padding:clamp(24px,4vw,56px);
 background:var(--alma-white);
}
.deb-alma-editorial__site-question{
 position:relative;
 z-index:2;
 max-width:8ch;
 margin:clamp(20px,3vw,40px) 0 0;
 font-size:clamp(48px,7vw,100px);
 line-height:.88;
 letter-spacing:-.06em;
}
.deb-alma-editorial__handoff-shot{
 position:absolute;
 right:clamp(20px,4vw,58px);
 bottom:clamp(20px,4vw,58px);
 width:min(69%,760px);
 aspect-ratio:16/9;
 overflow:hidden;
 box-shadow:0 24px 64px rgba(20,16,14,.18);
}
.deb-alma-editorial__handoff-shot img{
 width:100%;
 height:100%;
 object-fit:cover;
 object-position:center;
 filter:saturate(.76);
}
.deb-alma-editorial__handoff-shot>span{
 position:absolute;
 left:25.4%;
 top:80.2%;
 width:24%;
 padding:7px 4px;
 border:3px solid var(--alma-orange);
 background:rgba(255,117,0,.9);
 color:var(--alma-ink);
 font-family:AlmaEditorialMono,monospace;
 font-size:clamp(10px,.8vw,12px);
 text-align:center;
 text-transform:uppercase;
}
.deb-alma-editorial__boundary{
 position:absolute;
 z-index:4;
 top:0;
 bottom:0;
 left:67.5%;
 width:0;
 border-left:5px solid var(--alma-orange);
}
.deb-alma-editorial__boundary span{
 position:absolute;
 top:18px;
 left:0;
 padding:9px 12px;
 background:var(--alma-orange);
 color:var(--alma-ink);
 font-family:AlmaEditorialMono,monospace;
 font-size:12px;
 letter-spacing:.05em;
 text-transform:uppercase;
 white-space:nowrap;
 transform:translateX(-50%);
}
.deb-alma-editorial__boundary i{
 position:absolute;
 top:68%;
 left:0;
 display:grid;
 place-items:center;
 width:70px;
 height:70px;
 border-radius:50%;
 background:var(--alma-orange);
 color:var(--alma-ink);
 font:400 34px/1 AlmaEditorialMono,monospace;
 font-style:normal;
 transform:translate(-50%,-50%);
}
.deb-alma-editorial__ticket-side{
 display:flex;
 flex-direction:column;
 justify-content:flex-end;
 padding:clamp(28px,4vw,60px);
 background:var(--alma-ink);
 color:var(--alma-white);
}
.deb-alma-editorial__ticket-side .deb-alma-editorial__zone-label{margin-bottom:auto;color:#b9b2ad}
.deb-alma-editorial__ticket-number{margin:0;color:var(--alma-orange);font-family:AlmaEditorialMono,monospace;font-size:clamp(64px,9vw,144px);line-height:.8}
.deb-alma-editorial__ticket-side h3{margin:26px 0 12px;color:var(--alma-white);font:500 clamp(42px,5vw,74px)/.92 AlmaEditorialDisplay,sans-serif;letter-spacing:-.045em}
.deb-alma-editorial__ticket-side>p:last-child{max-width:270px;margin:0;color:#cfc9c5;font-size:clamp(15px,1.2vw,19px);line-height:1.5}
.deb-alma-editorial__explanation--handoff{
 display:grid;
 grid-template-columns:160px minmax(240px,.7fr) minmax(260px,1fr);
 gap:clamp(20px,4vw,60px);
 align-items:start;
 padding:0;
}
.deb-alma-editorial__explanation--handoff h3{margin:0}

.deb-alma-editorial__footer{
 display:grid;
 grid-template-columns:1fr 1fr auto;
 gap:clamp(18px,3vw,42px);
 margin-top:clamp(26px,4vw,50px);
 padding-top:18px;
 border-top:1px solid var(--alma-line);
 color:var(--alma-muted);
 font-family:AlmaEditorialMono,monospace;
 font-size:clamp(11px,.9vw,13px);
 line-height:1.55;
}
.deb-alma-editorial__footer p{margin:0}
.deb-alma-editorial__status{color:var(--alma-ink);white-space:nowrap}

@keyframes almaEditorialArrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

@media(max-width:960px){
 .deb-alma-editorial__panel{grid-template-columns:1fr;align-content:start}
 .deb-alma-editorial__stage{min-height:0}
 .deb-alma-editorial__explanation{display:grid;grid-template-columns:130px 1fr;gap:18px 30px;align-items:start;padding:0}
 .deb-alma-editorial__explanation h3{max-width:14ch;margin:0}
 .deb-alma-editorial__explanation>p:last-child{grid-column:2}
 .deb-alma-editorial__explanation--handoff{grid-template-columns:130px 1fr}
 .deb-alma-editorial__handoff{grid-template-columns:1fr minmax(220px,.48fr)}
 .deb-alma-editorial__boundary{left:67.6%}
 .deb-alma-editorial__footer{grid-template-columns:1fr 1fr}
 .deb-alma-editorial__status{grid-column:1/-1}
}

@media(max-width:700px){
 .deb-alma-editorial{padding:24px 18px;margin:64px 0}
 .deb-alma-editorial__header{grid-template-columns:1fr}
 .deb-alma-editorial__header>img{grid-row:1;width:150px}
 .deb-alma-editorial__header h2{font-size:clamp(46px,17vw,72px)}
 .deb-alma-editorial__nav{grid-template-columns:1fr}
 .deb-alma-editorial__nav button{border-left:1px solid var(--alma-line)}
 .deb-alma-editorial__evidence{margin-inline:-18px;aspect-ratio:1/1.03}
 .deb-alma-editorial__evidence img{width:auto;max-width:none;height:100%}
 .deb-alma-editorial__evidence--programme img{transform:translateX(-24%)}
 .deb-alma-editorial__evidence--programme .deb-alma-editorial__focus{left:3%;top:31%;width:68%;height:58%}
 .deb-alma-editorial__evidence--detail img{transform:translateX(-5%)}
 .deb-alma-editorial__evidence--detail .deb-alma-editorial__focus{left:0;top:16%;width:94%;height:50%}
 .deb-alma-editorial__focus b{white-space:normal;min-width:170px}
 .deb-alma-editorial__explanation,
 .deb-alma-editorial__explanation--handoff{grid-template-columns:1fr;gap:12px}
 .deb-alma-editorial__explanation>p:last-child{grid-column:1}
 .deb-alma-editorial__handoff{display:block;min-height:0;margin-inline:-18px;border-left:0;border-right:0}
 .deb-alma-editorial__site-side{min-height:470px}
 .deb-alma-editorial__site-question{font-size:64px}
 .deb-alma-editorial__handoff-shot{width:82%;right:18px;bottom:30px}
 .deb-alma-editorial__boundary{position:relative;left:auto;top:auto;bottom:auto;width:100%;height:5px;border:0;background:var(--alma-orange)}
 .deb-alma-editorial__boundary span{top:0;left:18px;transform:translateY(-50%)}
 .deb-alma-editorial__boundary i{top:0;left:auto;right:18px;transform:translateY(-50%)}
 .deb-alma-editorial__ticket-side{min-height:360px}
 .deb-alma-editorial__footer{grid-template-columns:1fr}
 .deb-alma-editorial__status{grid-column:auto;white-space:normal}
}

@media(prefers-reduced-motion:reduce){
 .deb-alma-editorial *,
 .deb-alma-editorial *::before,
 .deb-alma-editorial *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
