/* VideoVibes360 — editorial guide system */
.guide-hub-page,.guide-page-v2{--guide-shell:min(1180px,calc(100% - 2 * var(--gutter)));--guide-copy:760px}
.guide-icon{width:1.1em;height:1.1em;display:inline-block;flex:0 0 auto}

/* Guide hub */
.guide-hub-hero{position:relative;min-height:92svh;display:grid;align-items:end;overflow:hidden;background:#080809}
.guide-hub-hero__media,.guide-hub-hero__veil{position:absolute;inset:0}
.guide-hub-hero__media img{width:100%;height:100%;object-fit:cover;object-position:center 48%;filter:saturate(.82) contrast(1.08);transform:scale(1.03)}
.guide-hub-hero__veil{background:linear-gradient(90deg,rgba(6,6,7,.98) 0%,rgba(6,6,7,.87) 43%,rgba(6,6,7,.24) 78%),linear-gradient(0deg,rgba(6,6,7,.96),transparent 58%),radial-gradient(circle at 76% 40%,rgba(213,150,98,.18),transparent 30%)}
.guide-hub-hero__content{position:relative;z-index:2;width:var(--guide-shell);padding:clamp(9rem,15vw,13rem) 0 clamp(4.5rem,8vw,7rem)}
.guide-hub-hero__content h1{max-width:10ch;font-size:clamp(4rem,9.5vw,9.2rem);line-height:.88;letter-spacing:-.055em}
.guide-hub-hero__content .lead{max-width:56ch;color:rgba(245,238,227,.74)}
.guide-scroll-link{display:inline-flex;align-items:center;gap:.65rem;margin-top:1.4rem;padding:.72rem 0;color:var(--vv-copper-bright);border-bottom:1px solid rgba(240,197,141,.48);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}
.guide-scroll-link:hover .guide-icon{transform:translateX(4px)}
.guide-scroll-link .guide-icon{transition:transform .2s ease}
.guide-hub-hero__aside{position:absolute;z-index:2;right:var(--gutter);bottom:2rem;display:flex;gap:1rem;color:rgba(245,238,227,.55);font-size:.58rem;font-weight:800;text-transform:uppercase;letter-spacing:.16em}
.guide-hub-hero__aside span+span::before{content:"·";margin-right:1rem;color:var(--vv-copper)}

.guide-promise{width:var(--guide-shell);margin:0 auto;display:grid;border-block:1px solid var(--vv-line);background:rgba(15,15,17,.74)}
.guide-promise__item{display:grid;grid-template-columns:48px 1fr;gap:1rem;align-items:center;padding:1.4rem;border-bottom:1px solid var(--vv-line)}
.guide-promise__item:last-child{border-bottom:0}
.guide-promise__item>.guide-icon{width:30px;height:30px;color:var(--vv-copper-bright)}
.guide-promise__item strong,.guide-promise__item span{display:block}
.guide-promise__item strong{font-family:var(--serif);font-size:1.28rem;font-weight:400}
.guide-promise__item span{margin-top:.25rem;color:var(--vv-muted);font-size:.78rem}

.guide-hub-section{width:var(--guide-shell);margin:0 auto;padding:clamp(5rem,10vw,10rem) 0}
.guide-hub-heading{display:grid;gap:1.5rem;margin-bottom:clamp(2.5rem,5vw,5rem)}
.guide-hub-heading h2{max-width:10ch;font-size:clamp(3rem,6.3vw,6.5rem)}
.guide-hub-heading>p{max-width:44ch;color:var(--vv-muted)}
.guide-feature-card{display:grid;overflow:hidden;border:1px solid var(--vv-line-copper);background:linear-gradient(145deg,#111113,#0b0b0d);box-shadow:var(--vv-shadow)}
.guide-feature-card__media{position:relative;min-height:430px;overflow:hidden}
.guide-feature-card__media::after,.guide-story-card__media::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,6,7,.45),transparent 55%);pointer-events:none}
.guide-feature-card__media img,.guide-story-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .4s ease;filter:saturate(.82) contrast(1.07)}
.guide-feature-card:hover img,.guide-story-card:hover img{transform:scale(1.045);filter:saturate(.98) contrast(1.08)}
.guide-feature-card__copy{padding:clamp(2rem,5vw,4.5rem)}
.guide-feature-card__copy h3{font-size:clamp(2.5rem,5vw,5.3rem);line-height:.94;margin:.8rem 0 1.1rem}
.guide-feature-card__copy>p{max-width:58ch;color:var(--vv-muted)}
.guide-tag{color:var(--vv-copper-bright);font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.13em}
.guide-mini-list{display:grid;gap:.6rem;margin:1.5rem 0 2rem;padding:0;list-style:none;color:var(--vv-ivory)}
.guide-mini-list li{display:flex;gap:.65rem;align-items:flex-start}
.guide-mini-list li::before{content:"✓";color:var(--vv-copper-bright)}
.guide-secondary-grid{display:grid;gap:1rem;margin-top:1rem}
.guide-story-card{overflow:hidden;border:1px solid var(--vv-line);background:#101012;box-shadow:var(--vv-shadow)}
.guide-story-card__media{position:relative;display:block;aspect-ratio:16/10;overflow:hidden}
.guide-story-card__copy{padding:1.6rem}
.guide-story-card h3{font-size:clamp(2rem,3.5vw,3.3rem);line-height:1;margin:.75rem 0}
.guide-story-card p{color:var(--vv-muted)}
.guide-story-card .card-link{margin-top:1rem}

.guide-choice-strip{width:var(--guide-shell);margin:0 auto clamp(5rem,10vw,10rem);padding:clamp(2rem,5vw,4.5rem);border:1px solid var(--vv-line);background:linear-gradient(135deg,rgba(213,150,98,.09),rgba(15,15,17,.96) 48%),url("../images/texture-noir.webp") center/cover}
.guide-choice-strip>div:first-child h2{max-width:10ch}
.guide-choice-grid{display:grid;gap:1px;margin-top:2rem;background:var(--vv-line)}
.guide-choice-grid>div{padding:1.4rem;background:#0e0e10}
.guide-choice-grid span{color:var(--vv-copper-bright);font-size:.62rem;font-weight:800;letter-spacing:.13em}
.guide-choice-grid strong{display:block;margin:.75rem 0 .35rem;font-family:var(--serif);font-size:1.45rem;font-weight:400}
.guide-choice-grid p{color:var(--vv-muted);margin:0}

.guide-final-cta{position:relative;min-height:66svh;display:grid;align-items:end;overflow:hidden;background:#080809}
.guide-final-cta__media,.guide-final-cta__veil{position:absolute;inset:0}
.guide-final-cta__media img{width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(1.08)}
.guide-final-cta__veil{background:linear-gradient(90deg,rgba(7,7,8,.96),rgba(7,7,8,.48) 64%,rgba(7,7,8,.18)),linear-gradient(0deg,rgba(7,7,8,.92),transparent 70%)}
.guide-final-cta__content{position:relative;z-index:2;width:var(--guide-shell);padding:clamp(4rem,8vw,7rem) 0}
.guide-final-cta h2{max-width:10ch;font-size:clamp(3rem,7vw,7rem)}
.guide-final-cta p{max-width:54ch;color:rgba(245,238,227,.72)}

/* Article hero */
.guide-reading-progress{position:fixed;z-index:120;left:0;right:0;top:0;height:2px;background:transparent;pointer-events:none}
.guide-reading-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--vv-copper),var(--vv-copper-bright));box-shadow:0 0 12px rgba(240,197,141,.55)}
.guide-article-hero{position:relative;min-height:88svh;display:grid;align-items:end;overflow:hidden;background:#080809}
.guide-article-hero__media,.guide-article-hero__veil{position:absolute;inset:0}
.guide-article-hero__media img{width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(1.09);transform:scale(1.035)}
.guide-article-hero__veil{background:linear-gradient(90deg,rgba(6,6,7,.98) 0%,rgba(6,6,7,.88) 48%,rgba(6,6,7,.3) 80%),linear-gradient(0deg,rgba(6,6,7,.95),transparent 60%)}
.guide-article-hero__content{position:relative;z-index:2;width:var(--guide-shell);padding:clamp(9rem,15vw,13rem) 0 clamp(4rem,7vw,6rem)}
.guide-article-hero h1{max-width:11ch;font-size:clamp(3.7rem,8.5vw,8.6rem);line-height:.91}
.guide-article-hero .lead{max-width:58ch;color:rgba(245,238,227,.76)}
.guide-article-meta{display:flex;flex-wrap:wrap;gap:.7rem 1.4rem;margin-top:1.5rem;color:rgba(245,238,227,.56);font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}
.guide-article-meta span+span::before{content:"·";margin-right:1.4rem;color:var(--vv-copper)}

.guide-article-shell{width:var(--guide-shell);margin:0 auto;padding:clamp(4rem,8vw,8rem) 0;display:grid;gap:clamp(3rem,6vw,7rem);align-items:start}
.guide-toc{display:none}
.guide-toc>p{margin:0 0 1rem;color:var(--vv-copper-bright);font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.13em}
.guide-toc nav{display:grid;border-top:1px solid var(--vv-line)}
.guide-toc nav a{display:grid;grid-template-columns:30px 1fr;gap:.6rem;padding:.78rem 0;border-bottom:1px solid var(--vv-line);color:var(--vv-muted);font-size:.72rem;line-height:1.25;transition:color .2s,padding-left .2s}
.guide-toc nav a span{color:var(--vv-copper);font-size:.58rem;font-weight:800}
.guide-toc nav a:hover,.guide-toc nav a.is-active{color:var(--vv-ivory);padding-left:.35rem}
.guide-toc-cta{display:inline-flex;align-items:center;gap:.55rem;margin-top:1.25rem;color:var(--vv-copper-bright);font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.guide-article-v2{min-width:0}

.guide-direct-answer{display:grid;gap:1.4rem;padding:clamp(1.6rem,4vw,3rem);border:1px solid var(--vv-line-copper);background:linear-gradient(145deg,rgba(213,150,98,.12),rgba(16,16,18,.98) 45%),url("../images/texture-noir.webp") center/cover;box-shadow:var(--vv-shadow)}
.guide-direct-answer__icon{width:58px;height:58px;display:grid;place-items:center;border:1px solid var(--vv-line-copper);border-radius:50%;color:var(--vv-copper-bright)}
.guide-direct-answer__icon .guide-icon{width:28px;height:28px}
.guide-direct-answer h2{font-size:clamp(2.4rem,5vw,4.7rem);line-height:.96;margin:.4rem 0 1rem;max-width:12ch}
.guide-direct-answer p:last-child{max-width:65ch;color:var(--vv-muted);font-size:clamp(1rem,1.5vw,1.18rem)}

.guide-section{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:1.25rem;padding:clamp(3.5rem,7vw,6.5rem) 0;border-bottom:1px solid var(--vv-line);scroll-margin-top:100px}
.guide-section__number{padding-top:.45rem;color:var(--vv-copper-bright);font-size:.62rem;font-weight:800;letter-spacing:.13em}
.guide-section h2{max-width:13ch;font-size:clamp(2.5rem,5vw,5.2rem);line-height:.96}
.guide-section>div>p:not(.kicker){max-width:var(--guide-copy);color:var(--vv-muted);font-size:clamp(1rem,1.4vw,1.14rem)}
.guide-insight-grid{display:grid;gap:1px;margin-top:2rem;background:var(--vv-line);border:1px solid var(--vv-line)}
.guide-insight-grid>div{padding:1.35rem;background:#0f0f11}
.guide-insight-grid .guide-icon{width:24px;height:24px;color:var(--vv-copper-bright)}
.guide-insight-grid strong{display:block;margin:.9rem 0 .35rem;font-family:var(--serif);font-size:1.35rem;font-weight:400}
.guide-insight-grid p{margin:0;color:var(--vv-muted);font-size:.83rem}

.guide-wide-visual{margin:0;position:relative;overflow:hidden;border:1px solid var(--vv-line);background:#0f0f11}
.guide-wide-visual img{display:block;width:100%;height:clamp(390px,58vw,720px);object-fit:cover;filter:saturate(.82) contrast(1.08)}
.guide-wide-visual--portrait img{object-position:center 62%}
.guide-wide-visual figcaption{position:absolute;left:0;right:0;bottom:0;padding:3.5rem 1.2rem 1.2rem;background:linear-gradient(0deg,rgba(6,6,7,.92),transparent);color:rgba(245,238,227,.7);font-size:.68rem;line-height:1.45}
.guide-wide-visual--bubble img{object-position:center 54%}

.guide-checklist{margin-top:2rem;padding:1.5rem;border:1px solid var(--vv-line);background:#101012}
.guide-checklist h3{font-size:1.65rem;margin:0 0 1rem}
.guide-checklist ul{display:grid;gap:.7rem;margin:0;padding:0;list-style:none}
.guide-checklist li{display:grid;grid-template-columns:20px 1fr;gap:.55rem;color:var(--vv-muted)}
.guide-checklist li::before{content:"✓";color:var(--vv-copper-bright);font-weight:800}
.guide-callout{display:grid;grid-template-columns:46px 1fr;gap:1rem;margin-top:2rem;padding:1.25rem;border-left:2px solid var(--vv-copper);background:rgba(213,150,98,.07)}
.guide-callout>span{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--vv-line-copper);border-radius:50%;color:var(--vv-copper-bright)}
.guide-callout strong{font-family:var(--serif);font-size:1.35rem;font-weight:400}
.guide-callout p{margin:.3rem 0 0!important;color:var(--vv-muted)}
.guide-do-dont{display:grid;gap:1px;margin-top:2rem;background:var(--vv-line)}
.guide-do-dont>div{padding:1.4rem;background:#0f0f11}
.guide-do-dont span{display:block;margin-bottom:.7rem;color:var(--vv-copper-bright);font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}
.guide-do-dont strong{font-family:var(--serif);font-size:1.35rem;font-weight:400;line-height:1.18}
.guide-moment-tags{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.5rem}
.guide-moment-tags span{padding:.65rem .85rem;border:1px solid var(--vv-line);border-radius:999px;color:var(--vv-ivory);font-size:.68rem}

.guide-comparison{margin-top:2rem;border:1px solid var(--vv-line);overflow:hidden}
.guide-comparison>div{display:grid;grid-template-columns:.8fr 1fr 1fr;background:#0e0e10;border-bottom:1px solid var(--vv-line)}
.guide-comparison>div:last-child{border-bottom:0}
.guide-comparison>div>*{padding:.9rem;border-right:1px solid var(--vv-line);font-size:.75rem;line-height:1.35}
.guide-comparison>div>*:last-child{border-right:0}
.guide-comparison__head{background:rgba(213,150,98,.12)!important;color:var(--vv-copper-bright);font-size:.58rem!important;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.guide-comparison strong{font-weight:700;color:var(--vv-ivory)}
.guide-comparison span{color:var(--vv-muted)}

.guide-flow{display:grid;gap:1px;margin-top:2rem;background:var(--vv-line)}
.guide-flow>div{display:grid;grid-template-columns:40px 1fr;gap:.8rem;align-items:center;padding:1.15rem;background:#0f0f11}
.guide-flow span{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--vv-line-copper);border-radius:50%;color:var(--vv-copper-bright);font-size:.65rem}
.guide-flow strong{font-family:var(--serif);font-size:1.3rem;font-weight:400}
.guide-quote{margin:2rem 0 0;padding:1.5rem 0 1.5rem 1.5rem;border-left:1px solid var(--vv-copper);font-family:var(--serif);font-size:clamp(2rem,4vw,3.7rem);font-style:italic;line-height:1.03;color:var(--vv-ivory)}
.guide-prompt-list{display:grid;gap:.8rem;margin-top:2rem}
.guide-prompt-list span{padding:1rem 1.1rem;border:1px solid var(--vv-line);background:linear-gradient(90deg,rgba(213,150,98,.08),transparent);font-family:var(--serif);font-size:1.25rem}

.guide-decision{scroll-margin-top:100px;margin-top:clamp(4rem,8vw,8rem);padding:clamp(2rem,5vw,4.5rem);border:1px solid var(--vv-line-copper);background:linear-gradient(135deg,rgba(213,150,98,.12),rgba(12,12,14,.98) 52%),url("../images/fx-embers.webp") center/cover;box-shadow:var(--vv-shadow)}
.guide-decision h2{max-width:12ch;font-size:clamp(2.6rem,5vw,5.2rem)}
.guide-decision p{max-width:62ch;color:var(--vv-muted)}
.guide-decision .button{margin-top:1rem}

.guide-related{width:var(--guide-shell);margin:0 auto;padding:0 0 clamp(5rem,10vw,10rem)}
.guide-related h2{max-width:10ch;font-size:clamp(2.7rem,5vw,5rem)}
.guide-related-grid{display:grid;gap:1rem;margin-top:2rem}
.guide-related-card{border:1px solid var(--vv-line);background:#0f0f11;overflow:hidden}
.guide-related-card a{display:grid;grid-template-columns:120px 1fr;min-height:160px}
.guide-related-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.8)}
.guide-related-card a>span,.guide-related-card a>strong,.guide-related-card a>em{grid-column:2;padding-inline:1rem}
.guide-related-card a>span{align-self:end;padding-top:1rem;color:var(--vv-copper-bright);font-size:.58rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.guide-related-card a>strong{align-self:center;font-family:var(--serif);font-size:1.45rem;font-weight:400;line-height:1.05}
.guide-related-card a>em{align-self:start;padding-bottom:1rem;color:var(--vv-muted);font-family:var(--sans);font-size:.65rem;font-style:normal}
.guide-related-card .guide-icon{vertical-align:middle}

@media (min-width:760px){
 .guide-promise{grid-template-columns:repeat(3,1fr)}
 .guide-promise__item{border-bottom:0;border-right:1px solid var(--vv-line)}
 .guide-promise__item:last-child{border-right:0}
 .guide-hub-heading{grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);align-items:end}
 .guide-feature-card{grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr)}
 .guide-secondary-grid{grid-template-columns:repeat(2,1fr)}
 .guide-choice-grid{grid-template-columns:repeat(3,1fr)}
 .guide-insight-grid,.guide-do-dont{grid-template-columns:repeat(3,1fr)}
 .guide-do-dont{grid-template-columns:repeat(2,1fr)}
 .guide-flow{grid-template-columns:repeat(2,1fr)}
 .guide-related-grid{grid-template-columns:repeat(2,1fr)}
}
@media (min-width:1040px){
 .guide-article-shell{grid-template-columns:230px minmax(0,1fr)}
 .guide-toc{display:block;position:sticky;top:calc(var(--header) + 1.5rem)}
 .guide-article-v2{max-width:900px}
 .guide-related{padding-left:calc(230px + clamp(3rem,6vw,7rem))}
}
@media (max-width:759px){
 .guide-hub-hero{min-height:88svh}
 .guide-hub-hero__veil{background:linear-gradient(0deg,rgba(6,6,7,.98) 4%,rgba(6,6,7,.68) 68%,rgba(6,6,7,.34)),radial-gradient(circle at 70% 30%,rgba(213,150,98,.14),transparent 35%)}
 .guide-hub-hero__content{padding-bottom:5rem}
 .guide-hub-hero__content h1{font-size:clamp(3.8rem,17vw,6.3rem)}
 .guide-hub-hero__aside{display:none}
 .guide-feature-card__media{min-height:340px}
 .guide-feature-card__copy h3{font-size:clamp(2.4rem,11vw,4rem)}
 .guide-article-hero{min-height:84svh}
 .guide-article-hero__veil{background:linear-gradient(0deg,rgba(6,6,7,.98) 6%,rgba(6,6,7,.68) 72%,rgba(6,6,7,.32))}
 .guide-article-hero__content{padding-bottom:4rem}
 .guide-article-hero h1{font-size:clamp(3.3rem,15vw,5.9rem)}
 .guide-article-meta span+span::before{display:none}
 .guide-article-shell{padding-top:3.5rem}
 .guide-section{grid-template-columns:30px minmax(0,1fr);gap:.8rem}
 .guide-section h2{font-size:clamp(2.4rem,11.5vw,4.2rem)}
 .guide-insight-grid,.guide-do-dont{grid-template-columns:1fr}
 .guide-comparison{overflow-x:auto}
 .guide-comparison>div{min-width:610px}
 .guide-wide-visual img{height:470px}
 .guide-wide-visual--portrait img{height:600px}
 .guide-related-card a{grid-template-columns:105px 1fr}
}
@media (prefers-reduced-motion:reduce){.guide-feature-card__media img,.guide-story-card__media img{transition:none}.guide-scroll-link .guide-icon{transition:none}}