.x2a{position:relative;background:var(--bg)}.x2a.is-film{height:300vh}.x2a-stage{position:relative;min-height:max(100svh,560px);overflow:hidden}.x2a.is-film .x2a-stage{height:100vh;height:100lvh}.x2a-frame,.x2a-media,.x2a-shade{position:absolute;inset:0}.x2a-shade{pointer-events:none;background:linear-gradient(90deg,rgba(10,20,36,.88),rgba(10,20,36,.55) 30%,rgba(10,20,36,0) 58%),linear-gradient(0deg,rgba(10,20,36,.92),rgba(10,20,36,0) 42%),linear-gradient(180deg,rgba(10,20,36,.7),rgba(10,20,36,0) 18%)}.x2a-content{position:absolute;left:0;top:0;z-index:2;height:max(100svh,560px);width:min(100%,44rem);display:grid;align-content:end;gap:18px;padding:104px var(--gutter) clamp(40px,9vh,96px)}.x2a-copy{display:grid;gap:22px}.x2a-copy p:not(.x2a-title){font-size:clamp(1.05rem,1.4vw,1.25rem);line-height:1.55;color:var(--ink-soft);max-width:46ch;text-wrap:pretty}.x2a-after,.x2a-before{display:grid;gap:14px}.x2a-title{font-family:var(--font-display);font-size:clamp(2.1rem,4.4vw,4.1rem);line-height:1.02;font-weight:600;letter-spacing:-.025em;color:var(--ivory);text-wrap:balance}.x2a-title span{color:var(--champagne-2)}.x2a:not(.is-film) .x2a-after .x2a-title,.x2a:not(.is-film) .x2a-before p,.x2a:not(.is-film) .x2a-meter{display:none}.x2a.is-film .x2a-copy{grid-template-areas:"copy"}.x2a.is-film .x2a-after,.x2a.is-film .x2a-before{grid-area:copy;align-self:end}.js .x2a.is-film .x2a-actions,.js .x2a.is-film .x2a-after{opacity:0}.x2a-meter{display:flex;align-items:center;gap:12px;font:600 .72rem/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}.x2a-meter b{position:relative;flex:0 1 180px;height:2px;border-radius:2px;background:var(--line-strong);overflow:hidden}.x2a-meter i{position:absolute;inset:0;transform-origin:left center;transform:scaleX(0);background:linear-gradient(90deg,var(--champagne-deep),var(--champagne-2))}.x2a-meter span{white-space:nowrap}.x2a-meter span:last-child{color:var(--champagne)}.x2a-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}@media (max-width:767px){.x2a.is-film{height:260vh}.x2a-stage{display:grid;gap:14px;grid-template-areas:"eb" "copy" "frame" "meter" "actions";grid-template-rows:auto auto minmax(170px,1fr) auto auto;padding:84px var(--gutter) 24px}.x2a.is-film .x2a-stage{padding-bottom:calc(24px + 100lvh - 100svh)}.x2a-content{display:contents}.x2a-content>.eyebrow{grid-area:eb}.x2a-copy{grid-area:copy}.x2a-meter{grid-area:meter;justify-content:center}.x2a-actions{grid-area:actions;justify-content:center}.x2a-actions .button{flex:1 1 100%;justify-content:center}.x2a-frame{grid-area:frame;position:relative;inset:auto;width:100%;height:100%;max-height:62vw;align-self:center;border-radius:22px;overflow:hidden;box-shadow:0 30px 70px -30px rgba(0,0,0,.8),0 0 0 1px var(--line)}.x2a-shade{background:linear-gradient(0deg,rgba(10,20,36,.35),rgba(10,20,36,0) 40%)}.x2a-title{font-size:clamp(1.75rem,7.6vw,2.5rem)}.x2a-copy p:not(.x2a-title){font-size:1rem}}@media (max-width:767px) and (max-height:700px){.x2a-stage{gap:10px;padding-top:76px}.x2a-actions .button.ghost{display:none}.x2a-copy{gap:14px}.x2a-copy p:not(.x2a-title){font-size:.92rem;line-height:1.45}.x2a-title{font-size:clamp(1.6rem,7.2vw,2.2rem)}}