/* A separate study for the photography and AI campaign. */
.immersive-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;padding:9px;min-width:0}
.immersive-overview .project-visual,.immersive-study .project-visual{display:block;min-width:0;margin:0}
.immersive-project .immersive-media,.immersive-study .immersive-media{display:block;height:auto;aspect-ratio:auto!important;border:0;border-radius:9px;overflow:hidden;background:#fff}
.immersive-media::before{display:none!important}
.immersive-media img,.immersive-media video{display:block;width:100%;height:auto;position:static;object-fit:contain;border-radius:9px}
.immersive-section{margin:64px 0 0}
.immersive-section>h2{font:28px/1.2 var(--serif-text);margin:0 0 14px}
.immersive-section>p{font:17px/1.5 var(--sans);max-width:72ch;margin:0 0 28px}
.immersive-keyvisuals,.immersive-process{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px;padding:9px;align-items:start}
.immersive-study .immersive-media{outline:2px dotted #111514;outline-offset:7px}
.immersive-film{max-width:1120px;padding:9px}
.immersive-study figcaption{font:13px/1.4 var(--serif-text);margin-top:14px;color:#646962}
@media(max-width:600px){.immersive-overview,.immersive-keyvisuals,.immersive-process{grid-template-columns:1fr;gap:28px}.immersive-section{margin-top:42px}.immersive-section>h2{font-size:25px}.immersive-section>p{font-size:16px}}

/* Registered crops: original photography is scaled uniformly, without warping people. */
.dragon-comparison{max-width:1440px;padding:9px;margin:0}
.comparison-stage{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:9px;outline:2px dotted #111514;outline-offset:7px;background:#24211f;isolation:isolate}
.comparison-stage>img.comparison-after{position:absolute;max-width:none;width:133.333333%;height:auto;left:0;top:-20.987654%;border-radius:0;pointer-events:none;user-select:none}
.comparison-before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split)) 0 0);pointer-events:none}
.comparison-before>img{position:absolute;max-width:none;width:104%;height:auto;left:-2.916667%;top:-6.296296%;border-radius:0;user-select:none}
.comparison-label{position:absolute;top:16px;padding:6px 10px;border-radius:4px;background:#ffffffed;color:#111514;font:12px/1.3 var(--sans);pointer-events:none}
.comparison-label-before{left:16px}.comparison-label-after{right:16px}
.comparison-divider{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:#fff;box-shadow:0 0 3px #0008;transform:translateX(-50%);pointer-events:none}
.comparison-divider>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff;color:#111514;border:1px solid #111514;font:24px/1 var(--sans)}
.comparison-stage>.comparison-range{position:absolute;inset:0;margin:0;width:100%;height:100%;opacity:0;cursor:ew-resize;touch-action:pan-y;z-index:3}
.comparison-stage:focus-within{outline:2px solid #111514;outline-offset:7px}
@media(max-width:600px){.comparison-label{top:10px;font-size:11px}.comparison-label-before{left:10px}.comparison-label-after{right:10px}.comparison-divider>span{width:32px;height:32px;font-size:20px}}