/** Shopify CDN: Minification failed

Line 47:0 All "@import" rules must come first

**/
/* Per-section color hooks (set inline from schema settings):
   --hv2-heading  heading color        --hv2-text      base text
   --hv2-text-sub secondary text      --hv2-btn-bg    button background
   --hv2-btn-text button label        --hv2-bg        section background */
.hv2-section .hv2-btn,.hv2-promo .hv2-btn{background:var(--hv2-btn-bg,var(--hv2-accent));color:var(--hv2-btn-text,#fff)}
.hv2-section .hv2-btn:hover,.hv2-promo .hv2-btn:hover{background:var(--hv2-btn-bg,var(--hv2-accent-hover));color:var(--hv2-btn-text,#fff);filter:brightness(.94)}
.hv2-section .hv2-title,.hv2-promo .hv2-promo__title{color:var(--hv2-heading,inherit)}
/* Promo card full-bleed background image */
.hv2-promo .hv2-promo__card{position:relative;overflow:hidden}
.hv2-promo .hv2-promo__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--hv2-promo-focal,center);z-index:0}
.hv2-promo .hv2-promo__scrim{position:absolute;inset:0;background:rgba(0,0,0,var(--hv2-promo-scrim,0));z-index:1;pointer-events:none}
.hv2-promo .hv2-promo__card>*:not(.hv2-promo__bg):not(.hv2-promo__scrim){position:relative;z-index:2}
.hv2-promo .hv2-promo__card--bgimg .hv2-promo__img{display:var(--hv2-promo-prod-display,none)}
@media(max-width:767px){.hv2-promo .hv2-promo__bg{object-position:var(--hv2-promo-focal-m,var(--hv2-promo-focal,center))}}

/* ---- Scene gallery v2 (reference: grey bg, pill tabs, 1 big + 2 small) ---- */
section.hv2-scene{--hv2-bg:#f1f1f1}
section.hv2-scene .hv2-scene__tabs .hv2-pill{background:transparent;border:1px solid #d9d9d9;color:#5f5f5f;padding:10px 35px;font-weight:600;font-size:15px}
section.hv2-scene .hv2-scene__tabs .hv2-pill:hover{border-color:#9a9a9a;color:#383838}
section.hv2-scene .hv2-scene__tabs .hv2-pill.is-active{background:#383838;border-color:#383838;color:#fff}
section.hv2-scene .hv2-scene__grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-flow:dense;gap:16px}
section.hv2-scene .hv2-scene__item{border-radius:15px;overflow:hidden}
section.hv2-scene .hv2-scene__item img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3;display:block}
section.hv2-scene .hv2-scene__item--wide{grid-column:span 2;grid-row:span 2}
section.hv2-scene .hv2-scene__item--wide img{aspect-ratio:auto;height:100%}
@media(max-width:767px){
section.hv2-scene .hv2-scene__grid{grid-template-columns:repeat(2,1fr);gap:10px}
section.hv2-scene .hv2-scene__item--wide{grid-column:auto;grid-row:auto}
section.hv2-scene .hv2-scene__item--wide img{aspect-ratio:4/3;height:auto}
section.hv2-scene .hv2-scene__tabs .hv2-pill{padding:9px 22px;font-size:14px}
}

/* ---- Global rhythm: tighten section spacing to reference level ---- */
.hv2-section{--hv2-section-py:var(--hv2-sec-py-d,clamp(40px,5vw,64px))}
@media(max-width:767px){
.hv2-section{--hv2-section-py:var(--hv2-sec-py-m,var(--hv2-sec-py-d,clamp(30px,8vw,44px)))}
}

/* ============================================================
   Design v1 — Claude Design HAPAW Homepage (Phase 1, CSS-only)
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
.hv2-section,.hv2-promo{font-family:'Inter',sans-serif;--hv2-text:#242424;--hv2-text-sub:#6b6b6b;--hv2-bg-grey:#f1f1f1;--hv2-radius-sm:15px;--hv2-radius:26px;--hv2-radius-lg:36px;--hv2-max:1200px}
.hv2-section .hv2-btn,.hv2-promo .hv2-btn{background:var(--hv2-btn-bg,var(--hv2-accent,#f0ae4f));color:var(--hv2-btn-text,#242424);font-weight:700;font-size:15px;padding:13px 30px}
.hv2-section .hv2-btn:hover,.hv2-promo .hv2-btn:hover{background:var(--hv2-btn-bg,var(--hv2-accent,#f0ae4f));color:var(--hv2-btn-text,#242424);filter:brightness(.95)}
.hv2-section .hv2-title{font-weight:800;letter-spacing:-0.02em;font-size:clamp(30px,3.3vw,42px);line-height:1.1}
.hv2-section .hv2-desc{color:var(--hv2-text-sub);font-size:15.5px;line-height:1.6}

/* ④ TK per design: left 360px intro / right fixed 186×330 cards, no frame/blob */
section.hv2-tk .hv2-tk__blob{display:none}
section.hv2-tk .hv2-tk__layout{grid-template-columns:360px minmax(0,1fr);gap:56px}
section.hv2-tk .hv2-tk__card{flex:0 0 186px}
section.hv2-tk .hv2-tk__media{border:0;background:#f1f1f1;border-radius:15px;box-shadow:0 2px 10px rgba(0,0,0,.05)}
section.hv2-tk .hv2-tk__media video,section.hv2-tk .hv2-tk__media>img{border-radius:15px}
section.hv2-tk .hv2-tk__playbtn{width:48px;height:48px;background:rgba(255,255,255,.88);border:0;box-shadow:0 4px 16px rgba(0,0,0,.25)}
section.hv2-tk .hv2-tk__playbtn svg{fill:#242424;width:16px;height:16px;margin-left:2px;opacity:1}
section.hv2-tk .hv2-tk__rating{font-size:14px;margin-bottom:6px}
section.hv2-tk .hv2-tk__stars svg{width:16px;height:16px}
section.hv2-tk .hv2-tk__sub{font-size:15.5px;margin-bottom:4px}
section.hv2-tk .hv2-tk__arrow{border:1px solid #e2e2e2;box-shadow:0 4px 14px rgba(0,0,0,.12)}
@media(max-width:1023px){section.hv2-tk .hv2-tk__layout{grid-template-columns:1fr;gap:32px}section.hv2-tk .hv2-tk__card{flex:0 0 186px}}

/* ⑨ Scene per design: 1.55fr/1fr rows 266, radius 26, hangs -320px into FAQ */
section.hv2-scene{--hv2-bg:#f1f1f1;padding-bottom:0;overflow:visible;z-index:3;background:linear-gradient(180deg,var(--hv2-bg,#f1f1f1) calc(100% - 320px),#383838 calc(100% - 320px))}
@media(max-width:767px){section.hv2-scene{background:linear-gradient(180deg,var(--hv2-bg,#f1f1f1) calc(100% - 120px),#383838 calc(100% - 120px))}}
section.hv2-scene .hv2-scene__tabs{margin:24px 0 28px}
@media(max-width:767px){
section.hv2-scene .hv2-scene__tabs{margin:18px calc(-1 * var(--hv2-gutter-m,20px)) 22px;padding:0 var(--hv2-gutter-m,20px)}
}
section.hv2-scene .hv2-scene__tabs .hv2-pill{font-size:14px;font-weight:700;padding:10px 22px;background:transparent;border:1px solid #d9d9d9;color:#5f5f5f}
section.hv2-scene .hv2-scene__tabs .hv2-pill.is-active{background:#383838;border-color:#383838;color:#fff}
section.hv2-scene .hv2-scene__grid{grid-template-columns:1.55fr 1fr;grid-auto-rows:266px;gap:16px;position:relative;z-index:2;margin-bottom:-320px}
section.hv2-scene .hv2-scene__item{border-radius:26px}
section.hv2-scene .hv2-scene__item img{aspect-ratio:auto;height:100%}
section.hv2-scene .hv2-scene__item--wide{grid-column:auto;grid-row:span 2}
@media(max-width:767px){
section.hv2-scene .hv2-scene__grid{grid-template-columns:1fr 1fr;grid-auto-rows:auto;gap:10px;margin-bottom:-120px}
section.hv2-scene .hv2-scene__item--wide{grid-column:span 2;grid-row:auto}
section.hv2-scene .hv2-scene__item--wide img{aspect-ratio:16/10;height:auto}
section.hv2-scene .hv2-scene__item:not(.hv2-scene__item--wide) img{aspect-ratio:4/3;height:auto}
}

/* ⑩ FAQ per design: dark #383838, white panel radius 36, pad 56/64, cols 1fr/420px */
section.hv2-faq{padding-top:calc(var(--hv2-section-py) + 320px);padding-bottom:88px}
section.hv2-faq .hv2-faq__panel{border-radius:36px;margin-bottom:0;padding:56px 64px;gap:56px}
section.hv2-faq .hv2-faq__panel-content .hv2-title{font-size:38px;margin-bottom:12px}
section.hv2-faq .hv2-faq__media{flex:0 0 420px;border-radius:26px;min-height:420px}
section.hv2-faq .hv2-faq__item{border-bottom:1px solid #e6e6e6}
section.hv2-faq .hv2-faq__q{font-size:17px;font-weight:800;padding:18px 0}
section.hv2-faq .hv2-faq__a-inner{font-size:14.5px;padding:0 32px 18px 0}
@media(max-width:1023px){
section.hv2-faq{padding-top:calc(var(--hv2-section-py) + 120px)}
section.hv2-faq .hv2-faq__panel{padding:28px 24px;gap:28px}
section.hv2-faq .hv2-faq__media{flex:none;min-height:0;max-height:320px}
}

/* ⑤ Video spotlight per design: grey panel, copy left / poster right */
section.hv2-vspot{text-align:left;--hv2-bg:#fff}
section.hv2-vspot .hv2-vspot__panel{max-width:none;margin:0 32px;background:#f1f1f1;border-radius:36px;overflow:hidden;display:grid;grid-template-columns:1fr 1.2fr;align-items:stretch}
section.hv2-vspot .hv2-vspot__copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:28px;padding:72px 24px 72px 72px}
section.hv2-vspot .hv2-vspot__title{margin:0;font-size:clamp(34px,4vw,52px);font-weight:800;line-height:1.12;letter-spacing:-0.02em}
section.hv2-vspot .hv2-vspot__title strong,section.hv2-vspot .hv2-vspot__title b{font-weight:800}
section.hv2-vspot .hv2-vspot__watch{display:inline-flex;align-items:center;gap:10px;cursor:pointer}
section.hv2-vspot .hv2-vspot__watch-ico{width:22px;height:22px;border-radius:50%;background:#fff;display:inline-flex;align-items:center;justify-content:center}
section.hv2-vspot .hv2-vspot__watch-ico svg{width:10px;height:10px;fill:var(--hv2-accent,#f0ae4f);margin-left:1px}
section.hv2-vspot .hv2-vspot__poster{position:relative;margin:0;border-radius:0;min-height:460px;overflow:hidden}
section.hv2-vspot .hv2-vspot__poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
section.hv2-vspot .hv2-vspot__play{width:78px;height:78px;background:rgba(255,255,255,.14);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:2px solid var(--hv2-accent,#f0ae4f)}
section.hv2-vspot .hv2-vspot__play svg{fill:#fff}
@media(max-width:1023px){
section.hv2-vspot .hv2-vspot__panel{grid-template-columns:1fr;margin:0 16px}
section.hv2-vspot .hv2-vspot__copy{padding:32px 24px;gap:18px}
section.hv2-vspot .hv2-vspot__poster{min-height:0;aspect-ratio:16/10}
}

/* ⑦ Brand story per design: dark left copy, image right 62% */
section.hv2-story{--hv2-bg:#242424;background:#242424;min-height:440px}
section.hv2-story > img{left:auto;right:0;width:62%}
section.hv2-story > img[data-hv2-parallax]{top:-8%;height:116%}
section.hv2-story .hv2-story__overlay{background:linear-gradient(90deg,#242424 34%,rgba(36,36,36,.86) 46%,rgba(36,36,36,0) 66%)}
section.hv2-story .hv2-story__eyebrow{color:var(--hv2-accent,#f0ae4f);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;display:block;margin-bottom:14px}
section.hv2-story .hv2-story__title{font-size:clamp(30px,3.3vw,42px);max-width:480px;letter-spacing:-0.02em}
section.hv2-story .hv2-story__text{color:rgba(255,255,255,.78);font-size:15.5px;max-width:440px}
@media(max-width:767px){
section.hv2-story > img{width:100%;left:0}
section.hv2-story .hv2-story__overlay{background:linear-gradient(180deg,#242424 18%,rgba(36,36,36,.72) 55%,rgba(36,36,36,.3) 100%)}
}

/* ⑧ App insights per design: cards + glass stats overlay on image */
section.hv2-insights .hv2-insights__card{border-radius:26px;padding:24px 22px;min-height:172px;justify-content:space-between;gap:20px;font-size:14.5px}
section.hv2-insights .hv2-insights__card .hv2-insights__icon{width:48px;height:48px}
section.hv2-insights .hv2-insights__card.is-active{background:var(--hv2-accent,#f0ae4f);color:#3a2a08}
section.hv2-insights .hv2-insights__imgwrap{border-radius:26px;aspect-ratio:auto;height:480px}
section.hv2-insights .hv2-insights__badge{position:absolute;top:16px;right:16px;z-index:3;background:rgba(255,255,255,.92);border-radius:999px;padding:8px 16px;font-size:12.5px;font-weight:700;color:#242424;box-shadow:0 4px 14px rgba(0,0,0,.18)}
section.hv2-insights .hv2-insights__stats{position:absolute;left:0;right:0;bottom:0;z-index:3;background:rgba(32,30,27,.66);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
section.hv2-insights .hv2-insights__stat{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);border-radius:15px;padding:16px 18px;display:flex;flex-direction:column;gap:2px}
section.hv2-insights .hv2-insights__stat-head{display:flex;align-items:center;gap:8px;margin-bottom:6px;color:#fff;font-size:17px;font-weight:800}
section.hv2-insights .hv2-insights__stat-avatar{width:26px;height:26px;border-radius:50%;background:var(--hv2-accent,#f0ae4f);color:#3a2a08;font-size:13px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
section.hv2-insights .hv2-insights__stat-avatar--alt{background:#e2e2e2;color:#38352f}
section.hv2-insights .hv2-insights__stat-label{color:rgba(255,255,255,.65);font-size:12.5px;font-weight:600}
section.hv2-insights .hv2-insights__stat-value{color:var(--hv2-accent,#f0ae4f);font-size:28px;font-weight:800}
section.hv2-insights .hv2-insights__stat-value small{font-size:15px;font-weight:800}
@media(max-width:767px){
section.hv2-insights .hv2-insights__imgwrap{height:400px}
section.hv2-insights .hv2-insights__card{flex:0 0 44%;min-height:132px;padding:16px 15px;gap:14px;font-size:13px;border-radius:20px}
section.hv2-insights .hv2-insights__card .hv2-insights__icon{width:38px;height:38px}
section.hv2-insights .hv2-insights__card .hv2-insights__icon img{width:20px;height:20px}
section.hv2-insights .hv2-insights__card.is-active::after{top:12px;right:12px;font-size:16px}
}

/* ① Hero per design: left copy, 64px title, layered gradient, pill trust */
section.hv2-hero{min-height:680px}
section.hv2-hero .hv2-hero__inner{margin:0;text-align:left;max-width:900px}
section.hv2-hero .hv2-hero__title{font-size:clamp(40px,5vw,64px);letter-spacing:-0.02em;margin:0 0 26px;text-shadow:0 2px 24px rgba(0,0,0,.35)}
section.hv2-hero .hv2-hero__trust{background:rgba(24,20,14,.6);border-radius:999px;padding:10px 20px;font-size:14px;font-weight:600;margin-bottom:26px}
section.hv2-hero .hv2-hero__trust .hv2-hero__stars{font-size:15px}
section.hv2-hero .hv2-hero__overlay{background:linear-gradient(90deg,rgba(20,15,8,.62) 0%,rgba(20,15,8,.28) 46%,rgba(20,15,8,0) 72%),linear-gradient(180deg,rgba(20,15,8,.42) 0%,rgba(20,15,8,0) 26%)}
section.hv2-hero .hv2-hero__content{padding-bottom:60px}
section.hv2-hero .hv2-btn{padding:14px 32px}
@media(max-width:767px){
section.hv2-hero{min-height:78vh}
section.hv2-hero .hv2-hero__content{padding-bottom:36px}
section.hv2-hero .hv2-btn{width:auto}
}

/* ② Promo per design: -104px pull, radius 26, product 280x172, white pill */
.hv2-promo{margin-top:-104px}
.hv2-promo .hv2-promo__card{border-radius:26px;padding:24px 48px;grid-template-columns:1fr 280px 1fr;gap:32px;box-shadow:0 24px 60px rgba(40,25,5,.35)}
.hv2-promo .hv2-promo__title{font-size:30px;font-weight:800;letter-spacing:-0.01em}
.hv2-promo .hv2-promo__img{max-width:280px;height:172px;object-fit:cover;border-radius:15px}
.hv2-promo .hv2-promo__offer-big{font-size:48px;letter-spacing:-0.02em}
.hv2-promo .hv2-promo__offer-sub{font-size:14.5px;margin:6px 0 12px}
.hv2-promo .hv2-btn{background:var(--hv2-btn-bg,#fff);color:var(--hv2-btn-text,#b06f14);font-size:14.5px;padding:11px 28px}
.hv2-promo .hv2-btn:hover{background:var(--hv2-btn-bg,#fff);color:var(--hv2-btn-text,#b06f14);filter:brightness(.96)}
@media(max-width:1023px){.hv2-promo{margin-top:-64px}.hv2-promo .hv2-promo__card{grid-template-columns:1fr;padding:28px 22px}.hv2-promo .hv2-promo__img{margin:0 auto}}

/* ⑪ Trial cards per design */
section.hv2-guar .hv2-guar__head{display:flex;flex-direction:column;align-items:center;gap:18px;margin-bottom:40px}
section.hv2-guar .hv2-guar__card{border-radius:26px;background:#f1f1f1}
section.hv2-guar .hv2-guar__card img{aspect-ratio:auto;height:240px}
section.hv2-guar .hv2-guar__card-title{font-size:19px;letter-spacing:-0.01em}
section.hv2-guar .hv2-guar__card-text{font-size:14.5px}
section.hv2-guar .hv2-guar__body{padding:22px 24px 26px}
@media(max-width:767px){section.hv2-guar .hv2-guar__card img{height:180px}}

/* ── Design detail pass (from Claude Design conversation) ── */
/* ⑥ Why HAPAW: fixed 285px cards, img 210, prev white / next dark arrows */
section.hv2-fcar .hv2-fcar__head{margin-bottom:28px}
section.hv2-fcar .hv2-fcar__card{flex:0 0 285px;border-radius:26px;background:#f1f1f1}
section.hv2-fcar .hv2-fcar__card img{aspect-ratio:auto;height:210px}
section.hv2-fcar .hv2-fcar__body{padding:20px 22px 24px}
section.hv2-fcar .hv2-fcar__card-title{font-size:17.5px;font-weight:800;letter-spacing:-0.01em}
section.hv2-fcar .hv2-fcar__card-text{font-size:14px}
section.hv2-fcar .hv2-fcar__arrow{width:42px;height:42px;border:1px solid #e2e2e2}
section.hv2-fcar .hv2-fcar__arrow[data-hv2-next]{background:#242424;border-color:#242424;color:#fff}
section.hv2-fcar .hv2-fcar__arrow[data-hv2-next] svg{stroke:#fff;fill:none}
section.hv2-fcar .hv2-fcar__arrow[data-hv2-next]:hover{background:#000}
@media(max-width:767px){section.hv2-fcar .hv2-fcar__card{flex-basis:78%}}
/* ⑩ FAQ "View all" as solid yellow pill (design) */
section.hv2-faq .hv2-btn--ghost{background:var(--hv2-btn-bg,var(--hv2-accent,#f0ae4f));color:var(--hv2-btn-text,#242424);border:0}
section.hv2-faq .hv2-btn--ghost:hover{background:var(--hv2-btn-bg,var(--hv2-accent,#f0ae4f));color:var(--hv2-btn-text,#242424);filter:brightness(.95)}
/* ② Promo eyebrow per design */
.hv2-promo .hv2-promo__eyebrow{margin:0 0 10px;color:rgba(255,255,255,.72);font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
/* ---- Global mobile gutter: one knob controls every section edge ----
   Change --hv2-gutter-m below to adjust all mobile side spacing at once. */
@media(max-width:767px){
.hv2-section,.hv2-promo{--hv2-gutter-m:20px;--hv2-pad-m:var(--hv2-gutter-m)}
.hv2-section .hv2-container{padding-left:var(--hv2-gutter-m);padding-right:var(--hv2-gutter-m)}
section.hv2-vspot .hv2-vspot__panel{margin:0 var(--hv2-gutter-m)}
/* swipe tracks: full-bleed scroll but content aligned to the gutter */
section.hv2-guar .hv2-guar__grid:not(.hv2-guar__grid--stack){margin:0 calc(-1 * var(--hv2-gutter-m));padding:0 var(--hv2-gutter-m);scroll-padding-left:var(--hv2-gutter-m)}
section.hv2-guar .hv2-guar__grid--stack{margin:0;padding:0}
section.hv2-insights .hv2-insights__cards{margin-left:calc(-1 * var(--hv2-gutter-m));margin-right:calc(-1 * var(--hv2-gutter-m));padding-left:var(--hv2-gutter-m);padding-right:var(--hv2-gutter-m);scroll-padding-left:var(--hv2-gutter-m)}
section.hv2-insights .hv2-insights__imgwrap{margin:0}
section.hv2-tk .hv2-tk__track,section.hv2-fcar .hv2-fcar__track{scroll-padding-left:var(--hv2-gutter-m)}
section.hv2-story .hv2-story__content{padding-left:0;padding-right:0}
}
/* Press: breathing room between quote and source */
section.hv2-press .hv2-press__source{margin-top:22px}

/* ---- Color wiring pass: every text hooks into the section Colors
   settings (heading/text/subtext), defaults keep current visuals ---- */
section.hv2-hero .hv2-hero__title{color:var(--hv2-heading,#fff)}
section.hv2-vspot .hv2-vspot__title{color:var(--hv2-heading,inherit)}
section.hv2-story .hv2-story__title{color:var(--hv2-heading,#fff)}
section.hv2-story .hv2-story__text{color:var(--hv2-text-sub,rgba(255,255,255,.78))}
section.hv2-story .hv2-story__eyebrow{color:var(--hv2-accent,#f0ae4f)}
.hv2-promo .hv2-promo__title,.hv2-promo .hv2-promo__offer{color:var(--hv2-heading,#fff)}
.hv2-promo .hv2-promo__eyebrow{color:var(--hv2-text-sub,rgba(255,255,255,.72))}
section.hv2-fcar .hv2-fcar__card-title,section.hv2-guar .hv2-guar__card-title{color:var(--hv2-heading,inherit)}
section.hv2-fcar .hv2-fcar__card-text,section.hv2-guar .hv2-guar__card-text{color:var(--hv2-text-sub,#6b6b6b)}
section.hv2-tk .hv2-tk__rating{color:var(--hv2-text-sub,#6b6b6b)}
section.hv2-scene .hv2-scene__tabs .hv2-pill{color:var(--hv2-text-sub,#5f5f5f)}
section.hv2-press .hv2-press__quote{color:var(--hv2-heading,inherit)}
section.hv2-press .hv2-press__source{color:var(--hv2-text-sub,#5a5a5a)}
section.hv2-insights .hv2-insights__card{color:var(--hv2-text,#1c1c1c)}

/* ---- Layout-shift hardening for sliders & accordions ---- */
/* Press slider: stack all slides in one grid cell so the viewport
   always reserves the tallest slide — no height jump on switch */
section.hv2-press .hv2-press__viewport{display:grid}
section.hv2-press .hv2-press__slide{grid-area:1/1;position:static;inset:auto}
section.hv2-press .hv2-press__slide.is-active{position:static}
/* FAQ: image column keeps its own height instead of stretching with
   the accordion, so toggling answers no longer resizes the photo */
section.hv2-faq .hv2-faq__panel{align-items:flex-start}
section.hv2-faq .hv2-faq__media{align-self:flex-start;height:420px;min-height:0}
@media(max-width:1023px){section.hv2-faq .hv2-faq__media{height:auto;max-height:320px}}
/* Scene: reserve the 2-row height so switching tabs with equal image
   counts never moves the sections below */
section.hv2-scene .hv2-scene__grid{min-height:548px}
@media(max-width:767px){section.hv2-scene .hv2-scene__grid{min-height:0}}
/* vspot play button: keep glassy on hover (kill v1 solid-white hover) */
section.hv2-vspot .hv2-vspot__poster:hover .hv2-vspot__play{background:rgba(255,255,255,.28);transform:translate(-50%,-50%) scale(1.06)}
/* ⑧ Insights: selected card ↗ indicator (design) */
section.hv2-insights .hv2-insights__card{position:relative}
section.hv2-insights .hv2-insights__card.is-active::after{content:"↗";position:absolute;top:16px;right:18px;font-size:19px;font-weight:800;color:#3a2a08;line-height:1}

/* ---- FAQ v2 (reference: dark section, white panel radius 36 top, image right) ---- */
section.hv2-faq{--hv2-bg:#383838}
section.hv2-faq .hv2-faq__panel{display:flex;flex-direction:row;align-items:stretch;gap:clamp(24px,4vw,56px);background:var(--hv2-faq-panel,#fff);border-radius:36px 36px 0 0;padding:clamp(28px,4vw,56px);margin-bottom:calc(-1 * var(--hv2-section-py));color:var(--hv2-text,#111);--hv2-border:rgba(0,0,0,.08)}
section.hv2-faq .hv2-faq__panel .hv2-title{color:var(--hv2-heading,#111)}
section.hv2-faq .hv2-faq__panel-content{flex:1 1 auto;min-width:0}
section.hv2-faq .hv2-faq__media{flex:0 0 44%;border-radius:36px;overflow:hidden;position:static;top:auto;max-width:none}
section.hv2-faq .hv2-faq__media img{width:100%;height:100%;object-fit:cover;display:block}
section.hv2-faq .hv2-faq__item{border-bottom:1px solid #f1f1f1}
section.hv2-faq .hv2-faq__q{color:var(--hv2-heading,#111)}
section.hv2-faq .hv2-faq__a-inner{color:var(--hv2-text-sub,#5a5a5a)}
@media(max-width:1023px){
section.hv2-faq .hv2-faq__panel{flex-direction:column;gap:24px}
section.hv2-faq .hv2-faq__media{flex:none;max-height:340px;border-radius:24px}
}
@media(max-width:767px){
section.hv2-faq .hv2-faq__panel{padding:20px 16px;border-radius:24px 24px 0 0}
}