.immersive-feature{position:relative;isolation:isolate}
.immersive-feature-title{font:clamp(52px,7.1vw,104px)/1.02 var(--display);text-transform:uppercase;letter-spacing:-.025em;margin:0 0 25px}
.immersive-feature-title .title-line{display:block}
.immersive-feature-title .title-line:last-child{color:var(--red)}
.immersive-feature-copy{position:relative;z-index:1;min-width:0}
.immersive-feature-copy>p{font-size:clamp(20px,1.85vw,27px);line-height:1.4;max-width:27ch;margin:0 0 28px}
.immersive-feature .button{font-size:clamp(18px,1.65vw,24px);padding:16px 24px;min-height:52px;gap:13px;max-width:100%}
.immersive-feature .button .icon{filter:invert(1);flex-shrink:0}
.immersive-tactics{overflow:hidden;display:grid;align-items:center;min-height:clamp(560px,50vw,780px);padding:clamp(55px,5.2vw,90px) 0}
.immersive-tactics-backdrop{position:absolute;inset:-8px;width:calc(100% + 16px);height:calc(100% + 16px);max-width:none;object-fit:cover;object-position:center 45%;filter:blur(3px) brightness(.68);z-index:-2;pointer-events:none}
.immersive-tactics::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#06101ad9,transparent 78%);pointer-events:none}
.immersive-tactics-layout{display:grid;grid-template-columns:minmax(0,.27fr) minmax(0,.73fr);align-items:center;gap:20px;width:94.5%;max-width:1800px;margin-left:5.5%;margin-right:0}
.immersive-tactics .immersive-feature-title{font-size:clamp(48px,6.6vw,100px)}
.immersive-tactics .immersive-feature-copy{margin-right:-10px}
.immersive-tactics .screenshot{position:relative;z-index:0;display:block;width:100%;max-width:none;padding:0;border:0;border-radius:0;overflow:hidden;transform:rotate(1.2deg) scale(.97);box-shadow:0 24px 70px #0007;transition:transform .25s ease}
.immersive-tactics .screenshot:hover,.immersive-tactics .screenshot:focus-visible{transform:rotate(1.2deg) scale(.985)}
.immersive-tactics .screenshot img{display:block;width:100%;height:auto;object-fit:contain}
.immersive-units{--feature-seam:clamp(25px,4.2vw,65px);z-index:2;overflow:hidden;margin-top:calc(-1 * var(--feature-seam));padding:clamp(70px,5.3vw,100px) 0 calc(clamp(35px,3vw,70px) + var(--feature-seam));clip-path:polygon(0 0,100% var(--feature-seam),100% 100%,0 calc(100% - var(--feature-seam)))}
.immersive-feature-paper{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:fill;pointer-events:none}
.immersive-units-corner{position:absolute;top:30px;right:-20px;z-index:-1;width:clamp(450px,56vw,850px);height:auto;max-width:none;opacity:.5;pointer-events:none}
.immersive-units-layout{display:grid;grid-template-columns:minmax(0,.4fr) minmax(0,.6fr);align-items:center;gap:0}
.immersive-units .immersive-feature-title{font-size:clamp(42px,5.6vw,86px);width:calc(100% + 40px)}
.immersive-units .immersive-feature-copy>p{max-width:22ch}
.immersive-unit-figures{display:grid;grid-template-columns:553fr 438fr;gap:8px;align-items:end;width:calc(100% + 90px);margin-left:-60px}
.immersive-unit-figures figure{min-width:0;margin:0;text-align:center}
.immersive-unit-open{display:block;position:relative;isolation:isolate;width:100%;padding:0;border:0;background:none}
.immersive-unit-figure{display:block;position:relative;z-index:1;width:100%;height:clamp(400px,40vw,620px);object-fit:contain;object-position:center bottom;transition:transform .3s ease}
.immersive-unit-shadow{position:absolute;left:50%;top:calc(100% - 6px);width:130%;height:auto;max-width:none;transform:translate(-50%,-50%) scaleY(.42);opacity:.8;pointer-events:none;z-index:0}
.immersive-unit-open:hover .immersive-unit-figure,.immersive-unit-open:focus-visible .immersive-unit-figure{transform:translateY(-8px)}
.immersive-unit-figures figcaption{position:relative;z-index:1;font:clamp(28px,2.7vw,42px)/1.1 var(--display);text-transform:uppercase;margin-top:19px}
.immersive-power{--feature-seam:clamp(25px,4.2vw,65px);overflow:hidden;display:grid;align-items:center;min-height:clamp(580px,51vw,860px);margin-top:calc(-1 * var(--feature-seam));padding:95px 0}
.immersive-power-art{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}
.immersive-power::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#06101a73,transparent 65%);pointer-events:none}
.immersive-power-copy{width:40%;max-width:610px}
.immersive-power .immersive-feature-title{font-size:clamp(40px,5.4vw,86px);line-height:1.05;width:calc(100% + 30px)}
.immersive-power .immersive-feature-copy>p{font-size:clamp(19px,1.75vw,26px)}
@media(max-width:1100px) and (min-width:761px){
 .immersive-feature .button{padding:14px 18px;gap:10px;font-size:18px}
 .immersive-tactics-layout{grid-template-columns:minmax(0,.27fr) minmax(0,.73fr);gap:20px}
 .immersive-tactics .immersive-feature-title{font-size:clamp(48px,6.5vw,76px)}
 .immersive-feature-copy>p{font-size:20px}
 .immersive-unit-figures{width:calc(100% + 55px);margin-left:-35px}
 .immersive-power-copy{width:43%}
 .immersive-power .immersive-feature-title{font-size:clamp(40px,5.4vw,62px)}
}
@media(max-width:760px){
 .immersive-feature .button{font-size:17px;padding:13px 18px;min-height:48px}
 .immersive-tactics{min-height:0;padding:65px 0 90px}
 .immersive-tactics-layout{grid-template-columns:1fr;gap:32px;width:min(90%,1440px);margin-inline:auto}
 .immersive-tactics .immersive-feature-copy{margin:0}
 .immersive-tactics .immersive-feature-title{font-size:clamp(43px,10vw,68px);max-width:14ch;margin-bottom:20px}
 .immersive-feature-copy>p{font-size:20px;max-width:28ch;margin-bottom:24px}
 .immersive-tactics .screenshot,.immersive-tactics .screenshot:hover,.immersive-tactics .screenshot:focus-visible{transform:none}
 .immersive-units{padding-top:70px;padding-bottom:80px}
 .immersive-units-layout{grid-template-columns:1fr;gap:25px}
 .immersive-units .immersive-feature-title{font-size:clamp(36px,9vw,58px);width:auto;max-width:18ch;margin-bottom:20px}
 .immersive-units .immersive-feature-copy>p{max-width:25ch}
 .immersive-unit-figures{width:calc(100% + 24px);margin:0 -12px;gap:6px}
 .immersive-unit-figure{height:clamp(270px,77vw,460px)}
 .immersive-unit-figures figcaption{font-size:30px;margin-top:16px}
 .immersive-units-corner{top:150px;width:400px;right:-45px;opacity:.4}
 .immersive-power{min-height:620px;padding:70px 0}
 .immersive-power-art{object-position:75% center}
 .immersive-power::after{background:linear-gradient(90deg,#06101ae6,#06101a88 44%,transparent 78%)}
 .immersive-power-copy{width:44%;max-width:none}
 .immersive-power .immersive-feature-title{font-size:clamp(25px,5.7vw,43px);width:100%;letter-spacing:-.02em;margin-bottom:20px}
 .immersive-power .immersive-feature-copy>p{font-size:15px;line-height:1.4;margin-bottom:22px}
 .immersive-power .button{font-size:14px;padding:11px 10px;gap:6px;line-height:1.2}
 .immersive-power .button .icon{width:18px;height:18px;flex-basis:18px}
}
@media(prefers-reduced-motion:reduce){
 .immersive-tactics .screenshot,.immersive-tactics .screenshot:hover,.immersive-tactics .screenshot:focus-visible{transition:none;transform:none}
 .immersive-unit-figure{transition:none}
 .immersive-unit-open:hover .immersive-unit-figure,.immersive-unit-open:focus-visible .immersive-unit-figure{transform:none}
}