/* D.O.O.R. media page + booking funnel — obadele-cinematic */
:root{--ok-ink:#080806;--ok-paper:#eeeae1;--ok-red:#b51522;--ok-green:#08743b;--ok-gold:#c89635;--ok-muted:#bdb6a8}
/* ---------- buttons ---------- */
.ok-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 24px;border:1px solid currentColor;color:inherit;font:700 11px/1 Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;transition:background .25s,color .25s,translate .25s}
.ok-btn:hover,.ok-btn:focus-visible{translate:0 -2px}
.ok-btn--red{background:var(--ok-red);border-color:var(--ok-red);color:#fff}
.ok-btn--red:hover,.ok-btn--red:focus-visible{background:#d11f2f;border-color:#d11f2f;color:#fff}
.ok-btn--ghost{background:transparent}
.ok-btn--ghost:hover,.ok-btn--ghost:focus-visible{background:currentColor}
.ok-btn--ghost:hover span,.ok-btn--ghost:focus-visible span{color:var(--ok-paper)}
.ok-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:34px}
/* ---------- homepage Open D.O.O.R. additions ---------- */
.door-campaign .door-campaign-track{grid-template-columns:repeat(3,minmax(0,1fr));width:min(92vw,1320px);gap:clamp(22px,3.5vw,56px)}
.door-campaign .door-campaign-track figure:nth-child(2n){translate:0 40px}
.door-campaign .door-campaign-track .door-flyer img{aspect-ratio:1/1!important;object-fit:cover!important}
.door-campaign-cta{position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:center;gap:16px;width:min(90vw,1100px);margin:110px auto 0;color:var(--ok-ink)}
.door-campaign-cta .ok-btn--ghost:hover span{color:var(--ok-paper)}
@media (max-width:1000px){.door-campaign .door-campaign-track{grid-template-columns:repeat(2,minmax(0,1fr))}.door-campaign .door-campaign-track .door-flyer{grid-column:1/-1;width:min(100%,560px);justify-self:center}.door-campaign .door-campaign-track figure:nth-child(2n){translate:0}}
@media (max-width:560px){.door-campaign .door-campaign-track{grid-template-columns:1fr}.door-campaign-cta{margin-top:56px}.door-campaign-cta .ok-btn{width:100%;justify-content:center}}
/* ---------- funnel ---------- */
.ok-funnel{position:relative;padding:clamp(90px,10vw,160px) max(5vw,24px);background:radial-gradient(circle at 12% 0,rgba(181,21,34,.22),transparent 38%),radial-gradient(circle at 92% 100%,rgba(8,116,59,.2),transparent 40%),#0b0b09;color:var(--ok-paper);overflow:hidden}
.ok-funnel::after{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--ok-red) 0 33.33%,#090907 33.33% 66.66%,var(--ok-green) 66.66%)}
.ok-funnel-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:end;gap:30px;width:min(100%,1400px);margin:0 auto 64px}
.ok-funnel-head .kicker{grid-column:1/-1;margin:0;color:#ff3043;font:700 11px/1.2 Arial,sans-serif;letter-spacing:.24em;text-transform:uppercase}
.ok-funnel-head h2{margin:0;font:900 clamp(60px,9vw,150px)/.8 Impact,"Arial Narrow",sans-serif;letter-spacing:-.035em;text-transform:uppercase}
.ok-funnel-head h2 i{color:var(--ok-gold);font:italic 400 .62em/1 Georgia,serif;text-transform:none;letter-spacing:-.04em}
.ok-funnel-head>p:last-child{max-width:440px;margin:0 0 8px;border-left:6px solid var(--ok-green);padding-left:20px;color:#ddd7ca;font:400 clamp(18px,1.5vw,24px)/1.4 Georgia,serif}
.ok-offers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;width:min(100%,1400px);margin:0 auto}
.ok-offer{display:flex;flex-direction:column;gap:16px;min-width:0;padding:30px 26px;border:1px solid rgba(238,234,225,.16);background:rgba(255,255,255,.035)}
.ok-offer--lead{background:var(--ok-paper);color:var(--ok-ink);border-color:var(--ok-paper)}
.ok-offer--ai{border-color:rgba(200,150,53,.55)}
.ok-offer-tag{color:var(--ok-gold);font:700 10px/1 Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase}
.ok-offer--lead .ok-offer-tag{color:var(--ok-red)}
.ok-offer h3{margin:0;font:900 clamp(28px,2.4vw,40px)/.92 Impact,"Arial Narrow",sans-serif;letter-spacing:-.01em;text-transform:uppercase}
.ok-offer p{margin:0;font:400 17px/1.5 Georgia,serif;color:inherit;opacity:.88}
.ok-offer .ok-btn{margin-top:auto;align-self:flex-start}
.ok-prices{list-style:none;margin:auto 0 0;padding:0;display:grid;gap:10px}
.ok-prices a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 16px;border:1px solid rgba(238,234,225,.22);color:inherit;text-decoration:none;transition:background .25s,border-color .25s}
.ok-prices a:hover,.ok-prices a:focus-visible{background:var(--ok-red);border-color:var(--ok-red)}
.ok-prices span{font:700 13px/1.25 Arial,sans-serif;letter-spacing:.02em}
.ok-prices small{display:block;margin-top:5px;color:var(--ok-muted);font:400 11px/1 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.ok-prices a:hover small{color:#fff}
.ok-prices b{flex:none;color:var(--ok-gold);font:900 26px/1 Impact,sans-serif}
.ok-prices a:hover b{color:#fff}
@media (max-width:1180px){.ok-offers{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.ok-funnel-head{grid-template-columns:1fr}.ok-funnel-head .kicker{grid-column:1}.ok-offers{grid-template-columns:1fr}}
/* ---------- media page ---------- */
.dm{background:var(--ok-ink);color:var(--ok-paper)}
.dm a{color:inherit}
.dm-hero{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:92svh;padding:150px max(5vw,24px) clamp(60px,8vw,110px);overflow:hidden}
.dm-hero>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.05)}
.dm-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.55) 48%,rgba(0,0,0,.15)),linear-gradient(0deg,#080806,transparent 55%)}
.dm-hero-copy{width:min(900px,100%)}
.dm-kicker{margin:0 0 18px;color:#ff3043;font:700 11px/1.2 Arial,sans-serif;letter-spacing:.24em;text-transform:uppercase}
.dm-hero h1{margin:0;font:900 clamp(64px,11vw,190px)/.8 Impact,"Arial Narrow",sans-serif;letter-spacing:-.04em;text-transform:uppercase}
.dm-hero h1 i{display:block;color:var(--ok-gold);font:italic 400 .5em/1.05 Georgia,serif;letter-spacing:-.03em;text-transform:none}
.dm-hero p.dm-lede{max-width:640px;margin:28px 0 0;font:400 clamp(19px,1.7vw,26px)/1.45 Georgia,serif;color:#e4dfd4}
.dm-jumps{position:relative;z-index:2;display:flex;gap:6px;overflow-x:auto;padding:14px max(5vw,24px);background:rgba(8,8,6,.94);backdrop-filter:blur(8px);border-bottom:1px solid rgba(238,234,225,.12);scrollbar-width:none}
.dm-jumps a{flex:none;padding:10px 14px;border:1px solid rgba(238,234,225,.22);font:700 10px/1 Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;text-decoration:none}
.dm-jumps a:hover,.dm-jumps a:focus-visible{background:var(--ok-paper);color:var(--ok-ink)}
.dm-jumps a.dm-jump-cta{margin-left:auto;background:var(--ok-red);border-color:var(--ok-red);color:#fff}
.dm-sec{padding:clamp(80px,9vw,140px) max(5vw,24px);scroll-margin-top:60px}
.dm-sec--paper{background:var(--ok-paper);color:var(--ok-ink)}
.dm-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:end;gap:28px;width:min(100%,1400px);margin:0 auto 56px}
.dm-head .dm-kicker{grid-column:1/-1;margin:0}
.dm-sec--paper .dm-kicker{color:var(--ok-red)}
.dm-head h2{margin:0;font:900 clamp(54px,7.6vw,128px)/.82 Impact,"Arial Narrow",sans-serif;letter-spacing:-.035em;text-transform:uppercase}
.dm-head p{max-width:460px;margin:0 0 6px;border-left:6px solid var(--ok-green);padding-left:20px;font:400 clamp(17px,1.4vw,22px)/1.45 Georgia,serif}
.dm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;width:min(100%,1400px);margin:0 auto}
.dm-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.dm-card{display:flex;flex-direction:column;min-width:0;background:#11110e;border:1px solid rgba(238,234,225,.12);text-decoration:none;color:inherit;transition:translate .3s,border-color .3s}
.dm-sec--paper .dm-card{background:#fff;border-color:rgba(9,9,8,.1);box-shadow:0 18px 50px rgba(0,0,0,.08)}
a.dm-card:hover,a.dm-card:focus-visible{translate:0 -4px;border-color:var(--ok-gold)}
.dm-card-media{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden}
.dm-card-media img,.dm-card-media video,.dm-card-media iframe{display:block;width:100%;height:100%;object-fit:cover;border:0}
.dm-card-media video{object-fit:contain;background:#000}
.dm-card-body{display:flex;flex-direction:column;gap:12px;padding:22px 22px 26px;flex:1}
.dm-src{color:var(--ok-gold);font:700 10px/1.2 Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase}
.dm-sec--paper .dm-src{color:var(--ok-red)}
.dm-card h3{margin:0;font:400 clamp(20px,1.6vw,25px)/1.25 Georgia,serif}
.dm-meta{margin:0;color:var(--ok-muted);font:400 13px/1.4 Arial,sans-serif}
.dm-sec--paper .dm-meta{color:#5d5a52}
.dm-more{margin-top:auto;font:700 10px/1 Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase}
.dm-note{width:min(100%,1400px);margin:34px auto 0;color:var(--ok-muted);font:italic 400 15px/1.5 Georgia,serif}
.dm-sec--paper .dm-note{color:#5d5a52}
.dm-band{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding:clamp(40px,5vw,70px) max(5vw,24px);background:var(--ok-red);color:#fff}
.dm-band h2{margin:0;max-width:820px;font:900 clamp(34px,4.4vw,72px)/.9 Impact,"Arial Narrow",sans-serif;text-transform:uppercase;letter-spacing:-.02em}
.dm-band h2 i{font:italic 400 .62em/1 Georgia,serif;text-transform:none;letter-spacing:0;color:#ffe3a3}
.dm-band .ok-btn{background:#fff;color:var(--ok-ink);border-color:#fff}
.dm-pics{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;width:min(100%,1400px);margin:0 auto}
.dm-pics figure{position:relative;margin:0;overflow:hidden;background:#000}
.dm-pics img{display:block;width:100%;height:100%;object-fit:cover}
.dm-pics figcaption{position:absolute;left:14px;bottom:14px;right:14px;padding:10px 12px;background:rgba(5,5,5,.82);color:#fff;font:700 10px/1.3 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.dm-pics .p1{grid-column:span 7;aspect-ratio:4/3}.dm-pics .p2{grid-column:span 5;aspect-ratio:3/4;grid-row:span 2}.dm-pics .p3{grid-column:span 7;aspect-ratio:16/9}.dm-pics .p4{grid-column:span 6;aspect-ratio:4/3}.dm-pics .p5{grid-column:span 6;aspect-ratio:1/1}
@media (max-width:1100px){.dm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.dm-head{grid-template-columns:1fr}.dm-grid,.dm-grid--2{grid-template-columns:1fr}.dm-pics{grid-template-columns:1fr}.dm-pics figure{grid-column:auto!important;grid-row:auto!important}.dm-jumps a.dm-jump-cta{margin-left:0}.dm-band .ok-btn{width:100%;justify-content:center}}

/* Yɛda mo ase thank-you flyer */
.door-campaign .door-thanks{position:relative;z-index:2;width:min(88vw,620px);margin:0 auto 90px;box-shadow:0 28px 80px rgba(0,0,0,.28)}
.door-campaign .door-thanks img{display:block;width:100%;height:auto}
.dm-thanks{padding:clamp(56px,7vw,100px) max(5vw,24px) clamp(40px,5vw,70px);background:var(--ok-ink)}
.dm-thanks figure{width:min(100%,640px);margin:0 auto;box-shadow:0 30px 90px rgba(0,0,0,.6)}
.dm-thanks img{display:block;width:100%;height:auto}
@media (max-width:560px){.door-campaign .door-thanks{margin-bottom:56px}}