.games-intro{margin:0 6% 35px;padding:28px 0;border-top:1px solid #dce4ed;max-width:1040px}.games-intro[hidden]{display:none}.games-intro h2{font-size:clamp(32px,4vw,52px);margin:8px 0 16px}.games-intro>p{max-width:780px;font-size:20px}.games-intro .kind,.games-intro .games-note{font-size:13px}.games-note{color:#69727b}.media-caption{font-size:13px;color:#69727b;max-width:850px;margin:14px 0 28px}.game-chapters{display:grid;gap:48px;margin:55px 0}.game-chapters section{display:grid;grid-template-columns:1.2fr 1fr;gap:36px;align-items:center}.game-chapters img{width:100%;height:auto;border-radius:8px}.game-chapters h2{font-size:32px;line-height:1.12}.game-chapters p{font-size:18px;color:#616975}.game-chapters .kind{font-size:12px}@media(max-width:700px){.game-chapters section{grid-template-columns:1fr;gap:18px}.game-chapters h2{font-size:28px}}

.game-real{margin:0}.game-real img{display:block;width:100%;height:auto;border-radius:8px}.game-real figcaption{font-size:13px;color:#65717d;margin-top:12px;line-height:1.6}.game-real figcaption span{display:inline-block;font-size:11px;color:#1b6fc9;margin-right:12px;letter-spacing:.06em}.game-real-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.nike-preview{border-top:1px solid #dce4ed;padding-top:35px;margin:55px 0}.nike-preview h2{font-size:clamp(32px,4vw,48px);line-height:1.1}.preview-lead{max-width:750px;color:#616975;font-size:18px}.wow-clips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:30px 0}.wow-clips h3{font-size:25px;line-height:1.15;margin:12px 0}.wow-clips p{font-size:16px;color:#616975}.wow-clips .kind{font-size:10px;color:#1b6fc9;margin-top:12px}.nike-close{border-top:1px solid #dce4ed;padding:30px 0;max-width:850px}.nike-close>p:not(.kind){font-size:21px}.review-grid .ordered-grid img[src*="nike-juego"]{object-fit:contain;background:#e8edf1}@media(max-width:700px){.game-real-pair,.wow-clips{grid-template-columns:1fr}.nike-case .sample-lead{font-size:21px}}

.editorial-art{margin:0 0 44px}.editorial-art img{display:block;width:100%;height:auto}.editorial-art:not(.illustration) img{max-height:660px;object-fit:cover;object-position:center}.editorial-art figcaption{font-size:11px;letter-spacing:.04em;color:#6b7680;margin-top:12px}.editorial-art.illustration{margin:45px 0}.real-heading{margin:45px 0 24px}.real-heading h2{font-size:clamp(30px,4vw,48px);margin:12px 0}.real-heading>p:not(.kind){font-size:20px;color:#65717d}

/* Preserve the full native panoramic video frame, without letterbox containers. */
.sample.transformation-page video{aspect-ratio:auto;height:auto;background:transparent}

/* Matched visual transformations · local proposal, 27 October 2026 */
.transformation{margin:58px 0;padding:40px 0;border-top:1px solid #dce4ed;border-bottom:1px solid #dce4ed}.visual-heading h2{font-size:clamp(30px,4.3vw,52px);line-height:1.05;margin:14px 0 18px}.visual-heading>p:last-child{font-size:20px;color:#616975;margin-bottom:28px}.comparison-figure{margin:0}.room-compare{position:relative;isolation:isolate;overflow:hidden;border-radius:14px;aspect-ratio:2170/725}.room-compare>img{display:block;width:100%;height:100%;object-fit:fill}.room-compare>.compare-after{position:absolute;inset:0;clip-path:inset(0 0 0 var(--split))}.compare-tag{position:absolute;top:16px;padding:7px 11px;background:#fff;color:#242424;font-size:12px;border-radius:20px;pointer-events:none}.before-tag{left:16px}.after-tag{right:16px}.compare-handle{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:white;transform:translateX(-50%);pointer-events:none;filter:drop-shadow(0 0 3px #0006)}.compare-handle svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:50%;background:white;fill:none;stroke:#1b6fc9;stroke-width:1.5;padding:4px}.room-compare input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:ew-resize;touch-action:pan-y}.room-compare:focus-within{outline:3px solid #1b6fc9;outline-offset:4px}.compare-controls{display:flex;justify-content:center;gap:10px;margin:18px 0 12px}.compare-controls button{border:1px solid #dce4ed;border-radius:24px;padding:10px 17px;background:#fff;color:#242424;font:14px Nohemi,sans-serif;cursor:pointer}.compare-controls button[aria-pressed=true]{background:#1b6fc9;border-color:#1b6fc9;color:white}.comparison-figure figcaption{font-size:12px;color:#65717d;text-align:center;line-height:1.5}.use-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:40px}.use-benefits h3{font-size:25px;line-height:1.12;margin:10px 0 14px}.use-benefits p:not(.kind){font-size:17px;color:#616975;line-height:1.5}.concept-detail{font-size:13px;line-height:1.6;color:#65717d;max-width:900px;margin-top:26px}.landscapes-intro{font-size:20px;line-height:1.45;color:#616975;max-width:790px;margin:0 0 38px}.room-uses-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.room-uses-grid figure{margin:0;min-width:0}.scene-zoom{position:relative;display:block;padding:0;border:0;border-radius:18px;overflow:hidden;width:100%;background:#edf1f5;cursor:zoom-in}.scene-zoom>img{width:100%;height:auto;aspect-ratio:1;display:block}.scene-zoom>span{position:absolute;bottom:12px;right:12px;display:flex;gap:7px;align-items:center;background:#ffffffed;padding:7px 10px;border-radius:18px;font:11px Nohemi,sans-serif;color:#242424}.scene-zoom svg,.scene-close svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5}.room-uses-grid figcaption{padding:20px 0 0}.room-uses-grid h2{font-size:clamp(23px,2.3vw,29px);line-height:1.13;margin:10px 0 14px}.room-uses-grid figcaption>p:not(.kind){font-size:17px;color:#616975;line-height:1.5}.landscapes-case>.media-caption{margin:20px 0 40px;font-size:12px}.landscape-explanation{display:grid;grid-template-columns:1fr 1.25fr;gap:7%;border-top:1px solid #dce4ed;padding-top:35px}.landscape-explanation h2{font-size:clamp(30px,4vw,46px);line-height:1.07;margin:12px 0}.landscape-explanation>div>p:not(.kind){font-size:18px;line-height:1.5;color:#616975}.landscape-explanation .sample-uses{font-size:14px!important;color:#1b6fc9!important}.scene-dialog{padding:16px;border:0;border-radius:14px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 28px);background:#fff;box-shadow:0 12px 60px #0005}.scene-dialog::backdrop{background:#111b;backdrop-filter:blur(6px)}.scene-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.scene-dialog-top p{font:14px Nohemi,sans-serif;margin:0}.scene-close{border:0;padding:8px 12px;border-radius:20px;background:#edf3f7;display:flex;align-items:center;gap:8px;font:13px Nohemi,sans-serif;cursor:pointer}.scene-dialog>img{display:block;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 110px);object-fit:contain;border-radius:8px}
@media(max-width:700px){.room-uses-grid{grid-template-columns:1fr;gap:30px}.room-uses-grid h2{font-size:28px}.landscape-explanation,.use-benefits{grid-template-columns:1fr;gap:18px}.landscapes-intro{font-size:18px}.transformation{margin:35px 0;padding:28px 0}.compare-tag{font-size:9px;padding:4px 6px;top:8px}.before-tag{left:8px}.after-tag{right:8px}.compare-controls{gap:6px}.compare-controls button{font-size:12px;padding:9px 11px}.use-benefits{margin-top:30px}.scene-dialog-top p{font-size:12px}.scene-close{font-size:12px;white-space:nowrap}}

/* Shared Noisy video actions: within the picture, including touch screens. */
.noisy-film{position:relative;width:100%;border-radius:8px;overflow:hidden;background:transparent}
.sample .noisy-film video{display:block;width:100%;height:auto;aspect-ratio:auto;background:transparent;margin:0}
.noisy-film-actions{position:absolute;right:14px;bottom:14px;display:flex;gap:8px;z-index:2}
.noisy-film-actions button{display:grid;place-items:center;width:44px;height:44px;padding:10px;border:1px solid #ffffff70;border-radius:50%;background:#14232caa;color:#fff;cursor:pointer;backdrop-filter:blur(8px)}
.noisy-film-actions button:hover{background:#14232ce0}
.noisy-film-actions button:focus-visible{outline:3px solid #55b8e8;outline-offset:3px}
.noisy-film-actions svg{width:22px;height:22px;display:block}
.noisy-film:fullscreen{display:flex;align-items:center;justify-content:center;background:#000;border-radius:0}
.sample .noisy-film:fullscreen video{height:100%;max-height:100vh;object-fit:contain;border-radius:0}
@media(max-width:700px){.noisy-film-actions{right:8px;bottom:8px;gap:6px}}