/* Inner pages: same forest/blaze system as the landing page, tuned for reading. */

/* PAGE HERO */
.phero{position:relative;min-height:min(70vh,640px);display:flex;align-items:flex-end;overflow:hidden;isolation:isolate}
.phero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.phero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(20,29,23,.35) 0%,rgba(20,29,23,.35) 40%,rgba(20,29,23,.92) 82%,var(--forest) 100%)}
.phero .wrap{width:100%;padding-block:110px 40px;display:grid;gap:18px}
.phero h1{font-size:clamp(52px,9vw,124px);text-transform:uppercase;max-width:14ch;text-shadow:0 2px 30px rgba(0,0,0,.35)}
.phero h1 em{font-style:normal;color:var(--blaze)}
.phero .lede{color:var(--bone);font-size:clamp(17px,1.6vw,20px);max-width:56ch}
.phero.short{min-height:min(52vh,460px)}
.crumbs{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--lichen)}
.crumbs a{text-decoration:none;color:var(--lichen)}
.crumbs a:hover{color:var(--blaze)}
.crumbs span{color:var(--blaze)}

/* KEY FACTS */
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:1px;background:var(--moss);border:1px solid var(--moss);margin:0}
.facts div{background:var(--forest-2);padding:16px 18px;display:grid;gap:4px}
.facts dt{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--lichen)}
.facts dd{margin:0;font-family:var(--display);font-weight:800;font-size:24px;text-transform:uppercase;line-height:1.05}
.facts dd.hot{color:var(--blaze)}
.facts .meter{display:block;height:4px;background:var(--moss);position:relative;margin-top:6px}
.facts .meter::before{content:"";position:absolute;inset:0 auto 0 0;width:calc(var(--v)*25%);background:var(--blaze)}

/* SECTIONS */
.sec{padding-block:clamp(56px,8vw,104px)}
.sec.band{background:var(--forest-2);border-block:1px solid var(--moss)}
.sec h2{font-size:clamp(36px,5vw,60px)}
.head{display:grid;gap:12px;margin-bottom:36px;max-width:68ch}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:center}
.split.flip>:first-child{order:2}
@media (max-width:860px){.split{grid-template-columns:1fr}.split.flip>:first-child{order:0}}
.split figure{margin:0;border:1px solid var(--moss);overflow:hidden}
.split figure img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
.split figcaption{font-family:var(--mono);font-size:12px;color:var(--lichen);padding:10px 14px;border-top:1px solid var(--moss);background:var(--forest-2)}
.prose{display:grid;gap:16px;max-width:64ch}
.prose p{color:var(--lichen)}
.prose p strong{color:var(--bone);font-weight:600}

/* SKILLS / CHECK LIST */
.skills{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:1px;background:var(--moss);border:1px solid var(--moss)}
.skills li{background:var(--forest);padding:18px 20px;display:grid;gap:6px}
.skills b{font-family:var(--display);font-size:22px;text-transform:uppercase;letter-spacing:.02em;font-weight:800}
.skills span{color:var(--lichen);font-size:15.5px}

/* WEEK / DAYS */
.days{list-style:none;margin:0;padding:0;display:grid;gap:0;border-left:2px solid var(--moss);margin-left:8px}
.days li{position:relative;padding:0 0 26px 28px;display:grid;gap:4px}
.days li::before{content:"";position:absolute;left:-8px;top:4px;width:14px;height:14px;border-radius:50%;background:var(--forest);border:2px solid var(--blaze)}
.days li.jordan::before{background:var(--blaze)}
.days .d{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--blaze)}
.days b{font-family:var(--display);font-size:24px;text-transform:uppercase;font-weight:800;letter-spacing:.02em}
.days span{color:var(--lichen);font-size:15.5px;max-width:60ch}
.draft{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--blaze);border:1px dashed var(--blaze);padding:2px 6px;display:inline-block;justify-self:start}

/* OPTIONS (reuses .tiers/.tier from site.css) */
.tier .who{font-family:var(--mono);font-size:12.5px;color:var(--bone)}
.tier .who b{color:var(--blaze);font-weight:500}

/* QUOTES on inner pages */
.pquotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px}
.pquotes .q{margin:0}

/* FIT CHECK */
.fit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
@media (max-width:760px){.fit{grid-template-columns:1fr}}
.fit>div{border:1px solid var(--moss);padding:22px 24px;display:grid;gap:10px;align-content:start}
.fit h3{font-size:26px}
.fit ul{margin:0;padding:0;list-style:none;display:grid;gap:8px;color:var(--lichen);font-size:16px}
.fit .yes li::before{content:"✓ ";color:var(--blaze)}
.fit .no li::before{content:"— ";color:var(--lichen)}

/* CTA BAND */
.ctaband{border-top:1px solid var(--moss);background:linear-gradient(180deg,var(--forest) 0%,var(--forest-2) 100%)}
.ctaband .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center}
@media (max-width:760px){.ctaband .wrap{grid-template-columns:1fr}}
.ctaband h2{font-size:clamp(36px,5vw,60px)}
.ctaband .btns{display:flex;flex-wrap:wrap;gap:12px}

/* NEXT TRIPS */
.next{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px}
.next a{display:grid;text-decoration:none;border:1px solid var(--moss);background:var(--forest-2);transition:border-color .2s}
.next a:hover{border-color:var(--blaze)}
.next img{width:100%;aspect-ratio:16/10;object-fit:cover}
.next span{padding:14px 16px;font-family:var(--display);font-weight:800;font-size:22px;text-transform:uppercase;display:flex;justify-content:space-between;gap:8px}
.next span i{font-style:normal;color:var(--blaze)}

/* INQUIRY FORM (styles come from site.css form rules) */
textarea{font:inherit;font-family:var(--body);font-size:17px;color:var(--bone);background:var(--forest-2);border:1px solid var(--moss);padding:12px 14px;width:100%;min-height:120px;resize:vertical;text-transform:none;letter-spacing:0}
textarea:focus{border-color:var(--blaze);outline:none}

/* GUIDES PAGE */
.bio{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start;padding-block:48px;border-top:1px solid var(--moss)}
.bio:first-of-type{border-top:0;padding-top:0}
@media (max-width:760px){.bio{grid-template-columns:1fr}.bio .portrait{max-width:420px}}
.bio .txt{display:grid;gap:14px;align-content:start}
.bio h2{font-size:clamp(40px,5vw,64px)}
.bio p{color:var(--lichen);max-width:62ch}
.bio blockquote{margin:6px 0 0;font-style:italic;color:var(--bone);border-left:2px solid var(--blaze);padding-left:14px;max-width:60ch}
.bio blockquote cite{display:block;font-style:normal;font-family:var(--mono);font-size:12px;color:var(--lichen);margin-top:6px}
.bio .tags{display:flex;flex-wrap:wrap;gap:6px}

/* REVIEWS PAGE */
.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.filters button{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;background:none;border:1px solid var(--moss);color:var(--lichen);padding:8px 12px;cursor:pointer}
.filters button[aria-pressed="true"]{border-color:var(--blaze);color:var(--bone);background:color-mix(in srgb,var(--blaze) 12%,transparent)}
.filters button b{color:var(--blaze);font-weight:500;margin-left:4px}
.allq{columns:3 300px;column-gap:20px}
.allq .q{margin:0 0 20px}
.allq .q p{font-size:16px}
.allq .q .trip-tag{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--blaze)}
.allq .q.long p{display:-webkit-box;-webkit-line-clamp:9;-webkit-box-orient:vertical;overflow:hidden}
.allq .q.long.open p{display:block}
.allq .more{background:none;border:0;padding:0;font-family:var(--mono);font-size:12px;color:var(--blaze);cursor:pointer;justify-self:start;text-transform:uppercase;letter-spacing:.08em}
.count{font-family:var(--mono);font-size:13px;color:var(--lichen);margin-bottom:18px}

/* ABOUT / STORY */
.timeline{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--moss);border:1px solid var(--moss)}
@media (max-width:900px){.timeline{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.timeline{grid-template-columns:1fr}}
.timeline li{background:var(--forest);padding:22px 20px 26px;display:grid;gap:8px;align-content:start}
.timeline .when{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--blaze)}
.timeline b{font-family:var(--display);font-size:26px;text-transform:uppercase;font-weight:800;line-height:1}
.timeline span{color:var(--lichen);font-size:15.5px}
.values{display:flex;flex-wrap:wrap;gap:10px 28px;font-family:var(--display);font-weight:800;font-size:clamp(26px,3.4vw,40px);text-transform:uppercase}
.values span:nth-child(odd){color:var(--blaze)}
.talks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--moss);border:1px solid var(--moss)}
@media (max-width:760px){.talks{grid-template-columns:1fr}}
.talks div{background:var(--forest);padding:22px 24px;display:grid;gap:8px}
.talks .n{font-family:var(--mono);font-size:12px;color:var(--blaze)}
.talks h3{font-size:26px}
.press{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:1px;background:var(--moss);border:1px solid var(--moss)}
.press a,.press div{background:var(--forest);padding:16px 18px;display:grid;gap:4px;text-decoration:none}
.press a:hover{background:var(--forest-2)}
.press b{font-family:var(--display);font-size:22px;text-transform:uppercase;font-weight:800;letter-spacing:.02em}
.press span{font-family:var(--mono);font-size:12px;color:var(--lichen)}
.press a span{color:var(--blaze)}
.vids{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}
.vids a{display:grid;gap:10px;padding:20px;border:1px solid var(--moss);background:var(--forest-2);text-decoration:none}
.vids a:hover{border-color:var(--blaze)}
.vids .play{width:44px;height:44px;border-radius:50%;background:var(--blaze);display:grid;place-items:center;color:var(--blaze-ink);font-size:16px}
.vids b{font-family:var(--display);font-size:22px;text-transform:uppercase;font-weight:800}
.vids span{font-family:var(--mono);font-size:12px;color:var(--lichen)}

/* GEAR */
.gear{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:18px}
.gear>div{border:1px solid var(--moss);background:var(--forest-2);padding:20px 22px;display:grid;gap:10px;align-content:start}
.gear .cat{font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--blaze)}
.gear h3{font-size:24px}
.gear p{color:var(--lichen);font-size:15.5px}
.gear ul{margin:0;padding:0;list-style:none;display:grid;gap:6px;font-size:15.5px}
.gear li::before{content:"— ";color:var(--blaze)}
.partners{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:1px;background:var(--moss);border:1px solid var(--moss)}
.partners div{background:var(--forest);padding:18px 20px;display:grid;gap:6px}
.partners b{font-family:var(--display);font-size:24px;text-transform:uppercase;font-weight:800}
.partners span{font-family:var(--mono);font-size:12px;color:var(--lichen)}
.partners code{font-family:var(--mono);font-size:13px;color:var(--blaze);border:1px dashed var(--blaze);padding:2px 6px;justify-self:start}
.pack{border:1px solid var(--moss);background:var(--forest-2);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:420px}
@media (max-width:860px){.pack{grid-template-columns:1fr}}
.pack svg{width:100%;height:auto;display:block;max-height:520px}
.pack .zone{fill:var(--forest);stroke:var(--moss);stroke-width:2;cursor:pointer;transition:fill .15s}
.pack .zone:hover,.pack .zone.on{fill:color-mix(in srgb,var(--blaze) 30%,var(--forest));stroke:var(--blaze)}
.pack text{font-family:var(--mono);font-size:13px;fill:var(--bone);pointer-events:none;text-anchor:middle;letter-spacing:.06em;text-transform:uppercase}
.pack .out{padding:28px;display:grid;gap:12px;align-content:start;border-left:1px solid var(--moss)}
@media (max-width:860px){.pack .out{border-left:0;border-top:1px solid var(--moss)}}
.pack .out h3{font-size:32px}
.pack .out ul{margin:0;padding:0;list-style:none;display:grid;gap:6px;color:var(--lichen)}
.pack .out li::before{content:"— ";color:var(--blaze)}

/* AXES */
.axes2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
@media (max-width:760px){.axes2{grid-template-columns:1fr}}
.axcard{border:1px solid var(--blaze);background:var(--forest-2);display:grid;gap:14px;padding:26px;align-content:start}
.axcard h3{font-size:clamp(36px,4vw,52px)}
.axcard .pr{font-family:var(--display);font-weight:800;font-size:40px;color:var(--blaze);line-height:1}
.axcard .pr small{font-family:var(--mono);font-size:14px;font-weight:400;color:var(--lichen)}
.axcard p{color:var(--lichen)}
.axcard .spec{display:grid;gap:4px;font-family:var(--mono);font-size:12.5px;color:var(--lichen)}

/* FAQ */
.faq{display:grid;gap:0;border-top:1px solid var(--moss)}
.faq details{border-bottom:1px solid var(--moss)}
.faq summary{cursor:pointer;list-style:none;padding:22px 40px 22px 0;position:relative;font-family:var(--display);font-weight:800;font-size:clamp(22px,2.4vw,28px);text-transform:uppercase;line-height:1.05}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:6px;top:18px;color:var(--blaze);font-size:28px;font-family:var(--mono)}
.faq details[open] summary::after{content:"–"}
.faq .a{padding:0 0 24px;display:grid;gap:12px;max-width:68ch;color:var(--lichen)}
.faq .a a{color:var(--blaze)}
.faq-group{margin-top:48px}
.faq-group:first-child{margin-top:0}
.faq-group>h2{font-size:clamp(28px,3.4vw,40px);margin-bottom:14px}

/* NAV: highlight current page */
.nav ul a[aria-current="page"]{color:var(--bone);border-bottom:2px solid var(--blaze);padding-bottom:3px}
@media (max-width:1060px){.nav ul{gap:16px}.nav ul a{font-size:12px}}
.facts div{min-width:0}
.facts dd{overflow-wrap:break-word}
@media (max-width:520px){.facts dd{font-size:20px}}
.skills{gap:12px;background:none;border:0;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.skills li{border:1px solid var(--moss)}
.next{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}
.mockflag,.draft{justify-self:start}
.allq .q.long p{display:block;-webkit-line-clamp:unset;overflow:visible}
.allq .q.long>div{max-height:15em;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 65%,transparent);mask-image:linear-gradient(180deg,#000 65%,transparent)}
.allq .q.long.open>div{max-height:none;-webkit-mask-image:none;mask-image:none}
/* AXES page */
.axrow{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:start}
.axrow.flip>:first-child{order:2}
@media (max-width:860px){.axrow{grid-template-columns:1fr}.axrow.flip>:first-child{order:0}}
.axrow h2{font-size:clamp(48px,7vw,96px)}
.axbuy{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:8px}
.axbuy .pr{font-family:var(--display);font-weight:800;font-size:44px;color:var(--blaze);line-height:1}
.axbuy .pr small{font-family:var(--mono);font-size:13px;font-weight:400;color:var(--lichen)}
.axspec{border:1px solid var(--moss);background:var(--forest);padding:22px 24px;display:grid;gap:12px}
.axspec ul{margin:0;padding:0;list-style:none;display:grid;gap:8px;font-size:15.5px;color:var(--lichen)}
.axspec li::before{content:"— ";color:var(--blaze)}
.axspec li:nth-child(-n+2){color:var(--bone);font-weight:600}
.axpick{display:grid;gap:16px}
.axpick a{display:grid;gap:6px;padding:22px 24px;border:1px solid var(--blaze);background:var(--forest-2);text-decoration:none;transition:background .2s}
.axpick a:hover{background:color-mix(in srgb,var(--blaze) 14%,var(--forest-2))}
.axpick b{font-family:var(--display);font-weight:800;font-size:clamp(34px,4vw,48px);text-transform:uppercase;line-height:1}
.axpick .pr{font-family:var(--display);font-weight:800;font-size:28px;color:var(--blaze)}
.axpick i{font-style:normal;font-family:var(--mono);font-size:12.5px;color:var(--lichen)}
.buybox{border:1px solid var(--blaze);background:var(--forest-2);padding:24px;display:grid;gap:16px;align-content:start}
.pricebtns{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:420px){.pricebtns{grid-template-columns:1fr}}
.pricebtn{display:grid;gap:4px;padding:16px 18px;background:var(--blaze);color:var(--blaze-ink);text-decoration:none;transition:transform .15s}
.pricebtn:hover{transform:translateY(-2px)}
.pricebtn span{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.pricebtn b{font-family:var(--display);font-weight:900;font-size:32px;line-height:1}
.pricebtn i{font-style:normal;font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.axlinks{display:flex;flex-wrap:wrap;gap:10px 24px}
.axlinks a{font-family:var(--mono);font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--blaze);text-decoration:none}
.axlinks a:hover{color:var(--bone)}
.bevel{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.bevel li{padding-left:16px;border-left:2px solid var(--blaze);color:var(--lichen)}
.bevel li strong{color:var(--bone);font-weight:600}
.packframe{background:#181410;border-bottom:1px solid var(--moss)}
.packframe iframe{display:block;width:100%;height:calc(100vh - 72px);min-height:640px;border:0}
@media (min-width:901px){.timeline{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (min-width:521px) and (max-width:900px){.timeline li:last-child:nth-child(odd){grid-column:1/-1}}
@media (min-width:761px){.pquotes:has(> :nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}
.phero.right .wrap{justify-items:end;text-align:right}
.phero.right .hero-ctas{justify-content:flex-end}
.phero.right::after{background:linear-gradient(90deg,transparent 25%,rgba(20,29,23,.55) 60%,rgba(20,29,23,.75) 100%),linear-gradient(180deg,rgba(20,29,23,.2) 0%,rgba(20,29,23,.2) 50%,rgba(20,29,23,.85) 85%,var(--forest) 100%)}
@media (max-width:760px){.phero.right .wrap{justify-items:start;text-align:left}.phero.right .hero-ctas{justify-content:flex-start}.phero.right>img{object-position:8% 30%!important}.phero.right{min-height:auto}.phero.right .wrap{padding-top:260px}}
@media (max-width:760px){.phero.right .wrap{padding-top:400px}.phero.right>img{object-position:6% 0%!important;height:440px}.phero.right::after{background:linear-gradient(180deg,transparent 0%,transparent 280px,var(--forest) 440px)}}

.featvid{position:relative;display:block;aspect-ratio:16/9;max-width:100%;overflow:hidden;border:1px solid var(--moss);text-decoration:none;isolation:isolate}
.featvid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1s cubic-bezier(.2,.8,.2,1)}
.featvid::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent 35%,rgba(10,14,11,.88))}
.featvid .fv-play{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:clamp(64px,8vw,104px);aspect-ratio:1;border-radius:50%;background:var(--blaze);color:var(--blaze-ink);display:grid;place-items:center;font-size:clamp(22px,2.6vw,36px);padding-left:.18em;box-shadow:0 0 0 0 rgba(255,106,19,.5);animation:fvpulse 2.4s infinite}
.featvid .fv-in{position:absolute;left:0;right:0;bottom:0;padding:clamp(18px,3vw,36px);display:grid;gap:8px}
.featvid b{font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:clamp(32px,4.4vw,64px);line-height:.95;color:var(--bone)}
.featvid .fv-sub{color:var(--lichen);max-width:560px}
.featvid:hover img,.featvid:focus-visible img{transform:scale(1.05)}
.featvid:hover .fv-play,.featvid:focus-visible .fv-play{transform:translate(-50%,-50%) scale(1.08)}
@keyframes fvpulse{70%{box-shadow:0 0 0 22px rgba(255,106,19,0)}100%{box-shadow:0 0 0 0 rgba(255,106,19,0)}}
@media (prefers-reduced-motion:reduce){.featvid .fv-play{animation:none}}
@media (max-width:640px){.featvid{aspect-ratio:auto;display:flex;flex-direction:column}.featvid img{position:relative;z-index:0;aspect-ratio:16/9;height:auto}.featvid::after{display:none}.featvid .fv-play{top:0;margin-top:calc((100vw - 34px)*9/32)}.featvid .fv-in{position:relative;background:var(--pine,#141c17)}}
.axclip{margin:0;border:1px solid var(--moss);background:var(--forest-2)}
.axclip video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#000}
.axclip figcaption{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;padding:14px 18px;border-top:1px solid var(--moss);color:var(--lichen);font-size:15.5px}
.axclip figcaption .eyebrow{color:var(--blaze)}
.axclip.tall{max-width:520px;margin-inline:auto}
.axclip.tall video{aspect-ratio:9/11}
/* speaking: muted video background */
.spkvid{position:relative;isolation:isolate;overflow:clip}
.spkbg{position:absolute;inset:0;z-index:-2}
.spkbg video{position:sticky;top:0;display:block;width:100%;height:100vh;object-fit:cover;object-position:65% 30%}
.spkvid::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(20,29,23,.86) 0%,rgba(20,29,23,.6) 50%,rgba(20,29,23,.3) 100%)}
@media (max-width:760px){.spkvid::before{background:rgba(20,29,23,.72)}}