/* Hero dimensions and inner offsets measured on Insta360 at1440/768/390px.
   The600px promo stacking breakpoint is a scoped implementation choice;
   desktop card padding32px and typography are measured, phone padding16px
   follows the observed source utility. Intermediate interpolation needs QA. */
.insta360-hero{position:relative;width:100%;aspect-ratio:3840/1600;min-height:320px;overflow:hidden;background:#080a0f;color:#f5f6f7;margin-bottom:8px;isolation:isolate}
.insta360-hero--dark{background:#f5f5f7;color:#080a0f}
.insta360-hero__media,.insta360-promo__media{position:absolute;inset:0;display:block;z-index:-1}
.insta360-hero__media img,.insta360-promo__media img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}
.insta360-store .insta360-hero__media img,.insta360-store .insta360-promo__media img{height:100%;max-width:none}
.insta360-hero__content{position:relative;display:flex;align-items:center;flex-direction:column;gap:16px;width:100%;padding:50px 16px 32px;text-align:center}
.insta360-hero__copy{width:100%;max-width:480px}
.insta360-hero__heading{font-size:32px;font-weight:700;line-height:32px;letter-spacing:-1.28px;text-wrap:balance;white-space:pre-line;overflow-wrap:anywhere}
.insta360-hero__eyebrow{font-size:14px;line-height:20px;margin-bottom:4px}
.insta360-hero__text{font-size:14px;line-height:20px;margin-top:12px;white-space:pre-line}
.insta360-hero .insta360-btn{flex-shrink:0}
.insta360-promo{padding-block:0;background:var(--insta360-bg,#f5f5f7)}
.insta360-promo__heading{margin-bottom:24px}
.insta360-promo__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.insta360-promo__card{position:relative;display:flex;align-items:flex-end;aspect-ratio:648/512;min-width:0;overflow:hidden;isolation:isolate;background:#080a0f;color:#f5f6f7}
.insta360-promo__content{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:24px;width:100%;padding:32px}
.insta360-promo__copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.insta360-promo__title{font-size:32px;font-weight:700;line-height:38.4px;letter-spacing:-1.28px;text-wrap:balance;white-space:pre-line;overflow-wrap:anywhere}
.insta360-promo__text,.insta360-promo__eyebrow{font-size:16px;line-height:24px;white-space:pre-line}
@media(max-width:1024px){.insta360-hero{aspect-ratio:auto;min-height:564px}.insta360-hero__content{padding-top:80px}.insta360-promo__content{padding:24px;gap:16px}.insta360-promo__title{font-size:24px;line-height:28.8px;letter-spacing:-.96px}}
@media(max-width:600px){.insta360-hero{min-height:520px}.insta360-hero__copy{max-width:358px}.insta360-hero__eyebrow{font-size:12px;line-height:16px}.insta360-promo__grid{grid-template-columns:minmax(0,1fr)}.insta360-promo__card{aspect-ratio:1184/1600}.insta360-promo__content{padding:16px;gap:24px}.insta360-promo__text,.insta360-promo__eyebrow{font-size:14px;line-height:20px}}