/* The film stays visible through a feathered skin of blue optical glass. */
.preview-liquid-glass{position:absolute;inset:0;z-index:1;pointer-events:none;user-select:none;background:none}
.preview-liquid-glass::before,.preview-liquid-glass::after{content:'';position:absolute;inset:0;mask-image:linear-gradient(90deg,#000 38%,#000000d9 46%,transparent 66%);-webkit-mask-image:linear-gradient(90deg,#000 38%,#000000d9 46%,transparent 66%)}
.preview-liquid-glass::before{background:#d1e6f5eb;backdrop-filter:blur(14px) saturate(1.08);-webkit-backdrop-filter:blur(14px) saturate(1.08)}
.preview-liquid-glass::after{background:url('/assets/editorial/preview-blue-liquid-glass-v1.webp') left center/cover no-repeat;opacity:.92;mix-blend-mode:screen}

/* Homepage carousel: the same film, with its whole gallery behind the glass. */
.hero-home [data-scene=preview] :is(.home-egg-poster,.home-egg-film){inset:0;width:100%;height:100%;max-width:none;aspect-ratio:auto;object-fit:cover;object-position:66.67% center;mask-image:none;-webkit-mask-image:none}
.hero-home [data-scene=preview] .scene-shade{background:none}
.hero-home .hero-panel[data-scene=preview] .home-launch-heading .home-title{color:var(--ink)}
.hero-home [data-scene=preview] .launch-kicker,.hero-home [data-scene=preview] .hero-subtitle{color:var(--ink)}
.hero-home [data-scene=preview] .hero-copy>.eyebrow{color:#254d6b}
.hero-home [data-scene=preview] .hero-description{color:var(--ink)}
.hero-home [data-scene=preview] .hero-actions .text-link{color:var(--ink)}
.hero-home [data-scene=preview] .hero-actions .button{background:var(--ink);color:var(--paper)}
.hero-home [data-scene=preview] .hero-actions .button:hover{background:#153955}

/* Product hero: one uninterrupted scene, rather than an inset video panel. */
.pvs-hero.pvs-masterpiece-hero{position:relative;isolation:isolate;background:#d5e4ee;color:var(--ink);padding-block:clamp(22px,3dvh,38px)}
.pvs-hero.pvs-masterpiece-hero .pvs-hero-grid{position:relative;z-index:2;height:100%;max-height:none;overflow:visible;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);align-content:stretch;row-gap:20px}
.pvs-masterpiece-hero .pvs-hero-copy{align-self:center;max-width:min(44vw,560px);padding-bottom:24px}
.pvs-masterpiece-hero .pvs-hero-artwork{position:absolute;inset:0;width:100%;height:100%;margin:0;pointer-events:none}
.pvs-masterpiece-hero .pvs-egg-stage{position:absolute;inset:0;width:100%;height:100%;background:#d5e4ee}
.pvs-masterpiece-hero .pvs-egg-stage img,.pvs-masterpiece-hero .pvs-egg-stage video{inset:0;width:100%;height:100%;object-fit:cover;object-position:66.67% center}
.pvs-masterpiece-hero .pvs-hero-artwork figcaption{position:absolute;z-index:3;bottom:8px;right:var(--gutter);min-height:44px;max-width:calc(100% - 2 * var(--gutter));padding:0 10px 0 14px;background:#e5f1f9e8;color:var(--ink);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:auto}
.pvs-masterpiece-hero .pvs-film-toggle{min-height:44px;color:var(--ink)}
.pvs-masterpiece-hero .pvs-film-toggle:hover{background:#0826500c}
.pvs-masterpiece-hero .eyebrow{color:var(--ink)}
.pvs-masterpiece-hero .pvs-hero-lead{color:var(--ink)}
.pvs-masterpiece-hero .pvs-offer{color:var(--ink);opacity:1}
.pvs-masterpiece-hero .pvs-actions .text-link{color:var(--ink)}
.pvs-masterpiece-hero .pvs-actions .button{background:var(--ink);color:var(--paper)}
.pvs-masterpiece-hero .pvs-actions .button:hover{background:#153955}

@media(max-width:650px){
 .preview-liquid-glass{--glass-heading-bottom:var(--preview-heading-bottom,var(--hero-visual-top,112px));--glass-copy-top:var(--preview-copy-top,var(--hero-copy-top,60%))}
 .preview-liquid-glass::before,.preview-liquid-glass::after{mask-image:linear-gradient(180deg,#000 var(--glass-heading-bottom),transparent calc(var(--glass-heading-bottom) + 45px)),linear-gradient(180deg,transparent calc(var(--glass-copy-top) - 40px),#000 var(--glass-copy-top));-webkit-mask-image:linear-gradient(180deg,#000 var(--glass-heading-bottom),transparent calc(var(--glass-heading-bottom) + 45px)),linear-gradient(180deg,transparent calc(var(--glass-copy-top) - 40px),#000 var(--glass-copy-top))}
 .preview-liquid-glass::before{backdrop-filter:blur(8px) saturate(1.05);-webkit-backdrop-filter:blur(8px) saturate(1.05)}
 .preview-liquid-glass::after{background-size:auto 100%;background-position:left center}
 .hero-home [data-scene=preview] :is(.home-egg-poster,.home-egg-film){object-position:72% center}
 .pvs-hero.pvs-masterpiece-hero{height:calc(var(--hero-viewport) - var(--nav-h));min-height:0;max-height:calc(var(--hero-viewport) - var(--nav-h));padding-block:18px}
 .pvs-hero.pvs-masterpiece-hero .pvs-hero-grid{height:100%;row-gap:12px;overflow:visible;grid-template-columns:1fr}
 .pvs-masterpiece-hero .pvs-hero-copy{align-self:end;max-width:none;width:100%;padding-bottom:42px}
 .pvs-hero.pvs-masterpiece-hero h1{font-size:clamp(30px,min(9vw,4.6dvh),40px);line-height:1.03;margin-block:8px 12px}
 .pvs-masterpiece-hero h1 br{display:none}
 .pvs-masterpiece-hero .pvs-egg-stage img,.pvs-masterpiece-hero .pvs-egg-stage video{object-position:72% center}
 .pvs-masterpiece-hero .pvs-launch-masthead{flex-wrap:nowrap;align-items:flex-start;gap:12px}
 .pvs-masterpiece-hero .pvs-launch-masthead .pvs-lockup{font-size:27px;gap:8px}
 .pvs-masterpiece-hero .pvs-launch-masthead .pvs-lockup>img{width:34px;height:34px}
 .pvs-masterpiece-hero .pvs-launch-masthead .launch-date{display:block;flex:0 1 auto;width:auto;min-width:0;padding:0;background:none;color:var(--ink);text-align:right}
 .pvs-masterpiece-hero .launch-date-label{display:block;font-size:7.5px;letter-spacing:.09em;margin-bottom:4px}
 .pvs-masterpiece-hero .launch-date time{font-size:clamp(22px,6.1vw,28px)}
 .pvs-masterpiece-hero .pvs-offer{font-size:10px;line-height:1.5;margin-top:8px}
 .pvs-masterpiece-hero .pvs-hero-artwork figcaption{left:var(--gutter);right:var(--gutter);bottom:3px;min-height:44px;padding:0;font-size:8px;background:none;backdrop-filter:none;-webkit-backdrop-filter:none}
 .pvs-masterpiece-hero .pvs-film-toggle{min-height:44px}
}
@media(min-width:651px) and (max-height:800px){
 .pvs-hero.pvs-masterpiece-hero h1{font-size:clamp(38px,min(4.4vw,6.8dvh),60px);max-width:none}
}
@media(min-width:651px) and (max-height:600px){
 .pvs-hero.pvs-masterpiece-hero{padding-block:14px}
 .pvs-hero.pvs-masterpiece-hero .pvs-hero-grid{row-gap:10px}
 .pvs-masterpiece-hero .pvs-hero-copy{padding-bottom:22px;max-width:52%}
 .pvs-hero.pvs-masterpiece-hero h1{font-size:clamp(30px,6.7dvh,40px);line-height:1.02;margin-block:8px 10px;max-width:19ch}
 .pvs-masterpiece-hero .pvs-hero-lead{font-size:13px;line-height:1.45}
 .pvs-masterpiece-hero .pvs-actions{margin-top:12px}
}
@media(min-width:651px) and (max-height:520px){
 .hero-home [data-scene=preview] .preview-liquid-glass::before{mask-image:linear-gradient(90deg,#000 53%,#000000e6 62%,transparent 76%);-webkit-mask-image:linear-gradient(90deg,#000 53%,#000000e6 62%,transparent 76%)}
 .pvs-hero.pvs-masterpiece-hero{padding-block:8px}
 .pvs-hero.pvs-masterpiece-hero .pvs-hero-grid{row-gap:6px}
 .pvs-masterpiece-hero .pvs-launch-masthead .pvs-lockup{font-size:27px;gap:8px}
 .pvs-masterpiece-hero .pvs-launch-masthead .pvs-lockup>img{width:34px;height:34px}
 .pvs-masterpiece-hero .launch-date{padding:0;background:none}
 .pvs-masterpiece-hero .launch-date-label{font-size:7px}
 .pvs-masterpiece-hero .launch-date time{font-size:25px}
 .pvs-masterpiece-hero .pvs-hero-copy{max-width:60%;padding-bottom:0}
 .pvs-hero.pvs-masterpiece-hero h1{font-size:26px;max-width:none;margin-block:4px 6px}
 .pvs-masterpiece-hero .eyebrow{font-size:8px}
 .pvs-masterpiece-hero .pvs-hero-lead{font-size:12px;line-height:1.4}
 .pvs-masterpiece-hero .pvs-actions{margin-top:6px;gap:16px}
 .pvs-masterpiece-hero .pvs-actions .button{font-size:11px;min-height:44px;padding:10px 12px;gap:10px}
 .pvs-masterpiece-hero .pvs-offer{font-size:9px;line-height:1.4;margin-top:6px}
 .pvs-masterpiece-hero .pvs-hero-artwork figcaption{top:66px;bottom:auto;max-width:31%;font-size:8px;padding-inline:8px}
}