.commercial-section{background:linear-gradient(180deg,#f4fafc 0%,var(--mist) 48%,#e7f3f6 100%);padding:96px max(4vw,32px) 108px}.commercial-split{width:min(1280px,100%);margin:0 auto}.commercial-heading{width:100%;margin:0 0 28px}.commercial-heading h2{letter-spacing:-.045em;max-width:720px;margin:0;font-size:clamp(28px,3.2vw,40px);line-height:1.08}.commercial-media{grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);align-items:stretch;gap:22px clamp(24px,4vw,48px);display:grid}.film-player{grid-area:1/1;align-items:center;gap:14px;display:flex}.film-phone{aspect-ratio:9/16;background:#06141c;border-radius:38px;width:min(300px,26vw);position:relative;overflow:hidden;box-shadow:0 0 0 11px #0a2c3e,0 0 0 12px #66d7ea47,0 32px 70px #07213047}.film-phone video{object-fit:cover;background:#06141c;width:100%;height:100%;transition:opacity .22s;display:block}.film-phone video.is-fading{opacity:0}.film-play{z-index:3;width:76px;height:76px;color:var(--lime);cursor:pointer;background:#06141cc7;border:2px solid #66d7ead9;border-radius:50%;place-items:center;padding:0 0 0 4px;transition:transform .18s,background .18s,border-color .18s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 32px #06141c66}.film-play:hover{border-color:var(--lime);background:#082836eb;transform:translate(-50%,-50%)scale(1.06)}.film-play:active{transform:translate(-50%,-50%)scale(.97)}.film-play svg{width:34px;height:34px}:-webkit-any(.film-phone:-webkit-full-screen .film-play,.film-phone:-webkit-full-screen .film-play){width:92px;height:92px}:is(.film-phone:fullscreen .film-play,.film-phone:fullscreen .film-play){width:92px;height:92px}:-webkit-any(.film-phone:-webkit-full-screen,.film-phone:-webkit-full-screen){aspect-ratio:auto;width:100%;max-width:none;height:100%;box-shadow:none;background:#000;border-radius:0;justify-content:center;align-items:center;display:flex}:is(.film-phone:fullscreen,.film-phone:fullscreen){aspect-ratio:auto;width:100%;max-width:none;height:100%;box-shadow:none;background:#000;border-radius:0;justify-content:center;align-items:center;display:flex}:-webkit-any(.film-phone:-webkit-full-screen video,.film-phone:-webkit-full-screen video){aspect-ratio:9/16;object-fit:contain;background:#000;width:auto;max-width:100%;height:100%;max-height:100%}:is(.film-phone:fullscreen video,.film-phone:fullscreen video){aspect-ratio:9/16;object-fit:contain;background:#000;width:auto;max-width:100%;height:100%;max-height:100%}:-webkit-any(.film-phone video:-webkit-full-screen,.film-phone video:-webkit-full-screen,.commercial-section video:-webkit-full-screen,.commercial-section video:-webkit-full-screen){aspect-ratio:9/16;background:#000;max-width:100%;max-height:100%;object-fit:contain!important;width:auto!important;height:100%!important}:is(.film-phone video:fullscreen,.film-phone video:fullscreen,.commercial-section video:fullscreen,.commercial-section video:fullscreen){aspect-ratio:9/16;background:#000;max-width:100%;max-height:100%;object-fit:contain!important;width:auto!important;height:100%!important}.film-arrow{border:1px solid var(--line);width:44px;height:44px;color:var(--navy);box-shadow:var(--shadow);cursor:pointer;background:#fff;border-radius:50%;flex:none;place-items:center;padding:0;transition:background .15s,color .15s,transform .15s;display:grid}.film-arrow:hover{background:var(--navy);color:var(--lime);border-color:#0000}.film-arrow:active{transform:scale(.96)}.film-arrow svg{width:22px;height:22px}.lang-track{box-shadow:var(--shadow);background:#fff;border-radius:999px;flex-wrap:wrap;grid-area:2/1;justify-content:center;justify-self:center;gap:6px;padding:5px;display:flex}.lang-track button{min-width:72px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;flex-direction:column;align-items:center;gap:1px;padding:8px 14px 9px;transition:background .18s,color .18s;display:flex}.lang-track button:hover{color:var(--teal);background:#15799114}.lang-track button.active{background:var(--navy);color:var(--lime)}.lang-track b{letter-spacing:.12em;font-size:12px;font-weight:800}.lang-track span{letter-spacing:.01em;opacity:.82;font-size:10px;font-weight:600}.brochure-stage{display:contents}.brochure-frame{width:100%;min-width:0;min-height:0;box-shadow:var(--shadow);cursor:zoom-in;background:#fff;border:1px solid #0a2c3e14;border-radius:22px;grid-area:1/2;padding:0;display:grid;overflow:hidden}.brochure-frame img{object-fit:contain;object-position:center;width:100%;height:100%;transition:transform .5s cubic-bezier(.22,1,.36,1);display:block}.brochure-frame:hover img{transform:scale(1.015)}.brochure-stage figcaption{color:var(--muted);letter-spacing:.01em;grid-area:2/2;align-self:center;margin:0;font-size:13px}.brochure-lightbox{z-index:120;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#02121ae0;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.brochure-lightbox img{object-fit:contain;border-radius:12px;max-width:min(1400px,100%);max-height:calc(100vh - 56px);box-shadow:0 30px 80px #00000073}.brochure-close{color:#fff;cursor:pointer;background:#082836b3;border:1px solid #ffffff59;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;top:18px;right:18px}.brochure-close svg{width:20px;height:20px}@media (max-width:980px){.commercial-media{grid-template-rows:auto auto auto auto;grid-template-columns:1fr;justify-items:center}.film-player{grid-area:1/1}.lang-track{grid-area:2/1}.brochure-frame{grid-area:3/1;width:min(720px,100%);height:auto}.brochure-stage figcaption{grid-area:4/1;justify-self:start;width:min(720px,100%)}.brochure-frame img{height:auto}.film-phone{width:min(300px,58vw)}}@media (max-width:520px){.commercial-section{padding:72px 20px 80px}.film-player{justify-content:space-between;gap:8px;width:100%}.film-phone{border-radius:32px;width:min(220px,100% - 92px)}.film-arrow{width:38px;height:38px}.film-play{width:64px;height:64px}.film-play svg{width:28px;height:28px}.lang-track{border-radius:22px;justify-self:stretch;width:100%}.lang-track button{flex:1;min-width:0;padding:8px 6px}}@media (prefers-reduced-motion:reduce){.film-phone video,.brochure-frame img,.film-play{transition:none}.film-play:hover,.film-play:active{transform:translate(-50%,-50%)}}