/* Always-visible homepage film feature. The original film keeps its own colors.
   The surrounding feature follows the four shared ONMATE brand palettes. */
html:root:root:root:root:root:root:root body.pu-page {
 &.pu-film-in-view .pu-contact-dock{opacity:0;visibility:hidden;pointer-events:none}
 & .pu-mission{padding:0 0 100px;min-height:0;background:var(--bp-bg);overflow:hidden}
 & .pu-mission-intro{position:relative;isolation:isolate;min-height:660px;padding:90px 0 65px}
 & .pu-mission-intro>.pu-wrap{position:static;display:flex;justify-content:flex-end;align-items:center;min-height:480px}
 & .pu-mission-art{position:absolute;inset:0;width:100%;height:100%;min-height:0}
 & .pu-mission-art:after{background:linear-gradient(90deg,transparent 20%,var(--bp-glow) 50%,var(--bp-bg)),linear-gradient(0deg,var(--bp-bg),transparent 60%)}
 & .pu-mission-copy{width:45%;padding-top:0}
 & .pu-mission-copy h2{color:var(--bp-ink)}
 & .pu-mission-copy h2 em{color:var(--bp-accent)}
 & .pu-mission-copy>p:not(.pu-eyebrow){color:var(--bp-muted)}
 & .pu-system-line{border-color:var(--bp-line)}
 & .pu-system-line>span{color:var(--bp-ink)}
 & .pu-system-line>span:before{background:var(--bp-accent);outline-color:var(--bp-surface)}
 & .pu-cinema-wrap{position:relative;z-index:2;display:block;min-height:0;width:min(1280px,calc(100% - 2 * clamp(22px,5vw,80px)));margin:-15px auto 0;padding:0}
 & .pu-cinema{position:relative;isolation:isolate;padding:42px;border:1px solid var(--bp-line);border-radius:26px;background:radial-gradient(ellipse at 10% 0%,var(--bp-glow),transparent 55%),linear-gradient(145deg,var(--bp-surface),var(--bp-bg));box-shadow:inset 0 1px 0 var(--bp-shine),0 25px 70px var(--bp-shadow);scroll-margin-top:100px}
 & .pu-cinema:before{content:"";position:absolute;top:-1px;left:4%;right:4%;height:1px;background:linear-gradient(90deg,transparent,var(--bp-accent),transparent);opacity:.75}
 & .pu-cinema-heading{position:relative;inset:auto;z-index:auto;height:auto;padding:0;background:none;display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:34px}
 & .pu-cinema-eyebrow{display:flex;align-items:center;gap:11px;margin:0 0 20px;font-size:9px;font-weight:600;letter-spacing:.15em;color:var(--bp-muted)}
 & .pu-cinema-eyebrow>span:first-child{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;border:1px solid var(--bp-line);font-size:8px;letter-spacing:0;color:var(--bp-accent)}
 & .pu-cinema-duration{font-size:8px;letter-spacing:.09em;border:1px solid var(--bp-line);border-radius:99px;padding:4px 9px;color:var(--bp-accent)}
 & .pu-cinema-heading h3{font-size:clamp(29px,2.8vw,41px);font-weight:550;line-height:1.24;letter-spacing:-.045em;color:var(--bp-ink);margin:0}
 & .pu-cinema-heading h3 em{font-style:normal;color:var(--bp-accent);background:none;-webkit-text-fill-color:currentColor}
 & .pu-cinema-heading>p{max-width:285px;font-size:13px;line-height:1.85;color:var(--bp-muted);margin:0 0 2px}
 & .pu-cinema-grid{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:30px;align-items:start}
 & .pu-cinema-screen{min-width:0;position:relative;background:#071727;border:1px solid #a7dceb40;border-radius:16px;padding:0 12px 0;box-shadow:0 15px 40px var(--bp-shadow),inset 0 1px 0 #b1e3ff1a}
 & .pu-cinema-topbar{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:41px;padding:0 4px;color:#a7c6d8}
 & .pu-cinema-topbar>span:first-child{display:flex;gap:5px}
 & .pu-cinema-topbar i{display:block;width:5px;height:5px;border-radius:50%;background:#41667e}
 & .pu-cinema-topbar i:first-child{background:#76dcea}
 & .pu-cinema-topbar p{font-size:8px;letter-spacing:.14em;color:#a7c6d8;margin:0}
 & .pu-cinema-topbar>span:last-child{font-size:10px;font-variant-numeric:tabular-nums;color:#95cfdf}
 & .pu-cinema .pu-film-mount{padding:0;margin:0;border:0;background:none;border-radius:0;max-width:none}
 & .pu-cinema .hx-why-room{margin:0;max-width:none;opacity:1;transform:none}
 & .pu-cinema .hx-why-room:not(.is-js) .film-player{display:none}
 & .pu-cinema .film-player{--f-ink:#ecf7ff;--f-muted:#acc9d9;--f-line:#a7dceb33;--f-card2:#112b40;--ac:#8ee0ef;color:#ecf7ff}
 & .pu-cinema .film-inner,& .pu-cinema .film-deck{max-width:none;margin:0;width:100%}
 & .pu-cinema .film-stage{border-radius:10px;box-shadow:0 0 0 1px #9fd8ee29,0 15px 30px #0003}
 & .pu-cinema .film-deck{padding:12px 4px 0;gap:10px}
 & .pu-cinema .film-ctrl{gap:8px}
 & .pu-cinema .fk-btn{color:#e7f7ff;background:#112b40;border:1px solid #a7dceb33;min-width:38px;height:38px}
 & .pu-cinema .fk-play{background:#8ee0ef;border-color:#8ee0ef;color:#082c3d;width:42px;height:42px}
 & .pu-cinema .fk-btn:hover{border-color:#8ee0ef;background:#24536a}
 & .pu-cinema .fk-play:hover{background:#b9f1f8;color:#082c3d}
 & .pu-cinema .fk-time{color:#acc9d9;font-size:11px;margin-left:2px}
 & .pu-cinema .fk-hint{display:none}
 & .pu-cinema .fc-seg{background:#28465b}
 & .pu-cinema .fc-seg i{background:#8ee0ef}
 & .pu-cinema .fs-big{left:auto;top:auto;right:22px;bottom:20px;margin:0;width:54px;height:54px;border:1px solid #b5efff;background:#8ee0ef;color:#082c3d;box-shadow:0 0 0 7px #8ee0ef14,0 8px 24px #0006}
 & .pu-cinema .fs-big svg{fill:#082c3d;width:23px;height:23px;margin-left:3px}
 & .pu-cinema .ft{padding-bottom:50px}
 & .pu-cinema .ft-title{font-weight:650;line-height:1.13}
 & .pu-cinema-screen-note{display:flex;justify-content:space-between;gap:15px;padding:15px 4px 16px;font-size:8px;color:#a7c6d8;border-top:1px solid #a7dceb1c;margin-top:13px}
 & .pu-cinema-guide-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;min-height:36px}
 & .pu-cinema-guide-label{font-size:9px;letter-spacing:.14em;color:var(--bp-muted);margin:0}
 & .pu-cinema-guide-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;gap:6px;min-height:36px;padding:7px 10px;border:1px solid var(--bp-line);border-radius:8px;background:var(--bp-card);color:var(--bp-ink);font:inherit;font-size:11px;line-height:1.4;white-space:nowrap;cursor:pointer}
 & .pu-cinema-guide-toggle[hidden],& #pu-cinema-guide-content[hidden]{display:none}
 & .pu-cinema-guide-toggle:hover{border-color:var(--bp-accent);color:var(--bp-accent)}
 & .pu-cinema-guide-toggle svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
 & .pu-cinema-guide-toggle[aria-expanded="false"] svg{transform:rotate(180deg)}
 & .pu-cinema.is-guide-collapsed .pu-cinema-grid{grid-template-columns:minmax(0,1fr);gap:12px}
 & .pu-cinema.is-guide-collapsed .pu-cinema-guide-header{margin-bottom:0}
 & .pu-cinema-guide ol{padding:0;margin:0;list-style:none}
 & .pu-cinema-guide li{margin:0;padding:0;border-bottom:1px solid var(--bp-line)}
 & .pu-cinema-guide li:first-child{border-top:1px solid var(--bp-line)}
 & .pu-cinema-guide [data-pu-film-part]{display:grid;grid-template-columns:23px 1fr auto;align-items:start;gap:10px;position:relative;width:100%;padding:20px 11px 20px 9px;border:0;border-radius:7px;background:transparent;color:var(--bp-ink);font:inherit;text-align:left;cursor:pointer;transition:background .2s,box-shadow .2s}
 & .pu-cinema-guide [data-pu-film-part]:disabled{cursor:default}
 & .pu-cinema-guide [data-pu-film-part]:disabled .pu-cinema-part-play{display:none}
 & .pu-cinema-guide [data-pu-film-part]:hover:not(:disabled),& .pu-cinema-guide [data-pu-film-part][aria-current]{background:var(--bp-card);box-shadow:inset 2px 0 0 var(--bp-accent)}
 & .pu-cinema-part-no{font-size:10px;color:var(--bp-accent);padding-top:2px;font-variant-numeric:tabular-nums}
 & .pu-cinema-guide strong{display:block;font-size:12px;font-weight:600;line-height:1.5}
 & .pu-cinema-guide small{display:block;font-size:10px;line-height:1.7;color:var(--bp-muted);margin-top:5px}
 & .pu-cinema-guide time{font-size:9px;color:var(--bp-muted);font-variant-numeric:tabular-nums;padding-top:3px}
 & .pu-cinema-part-play{display:none;position:absolute;right:12px;bottom:13px;font-size:13px;color:var(--bp-accent)}
 & .pu-cinema-guide [data-pu-film-part][aria-current] .pu-cinema-part-play{display:block}
 & .pu-cinema-status{font-size:10px;line-height:1.7;color:var(--bp-muted);margin:15px 0 0}
 & .pu-cinema-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--bp-line);margin-top:30px;padding-top:24px}
 & .pu-cinema-bottom p{display:flex;align-items:center;gap:12px;font-size:12px;line-height:1.7;color:var(--bp-muted);margin:0}
 & .pu-cinema-bottom p>span{color:var(--bp-accent);font-size:21px}
 & .pu-cinema-bottom a{display:inline-flex;align-items:center;gap:22px;border:1px solid var(--bp-accent);border-radius:99px;padding:13px 20px;min-height:46px;background:var(--bp-accent);color:var(--bp-on-accent);font-size:11px;font-weight:600;white-space:nowrap;text-decoration:none}
 & .pu-cinema :is(button,a,.film-stage):focus-visible{outline:2px solid var(--bp-accent);outline-offset:4px}
 & .pu-cinema-poster{position:relative;display:grid;justify-items:center;align-content:center;gap:12px;min-height:380px;aspect-ratio:16/10;overflow:hidden;border-radius:10px;background:radial-gradient(ellipse at 65% 15%,#1a5268,transparent 65%),#06111e;text-align:center;padding:30px;color:#e9f9ff}
 & .pu-cinema .pu-film-mount:has(.hx-why-room.is-js) .pu-cinema-poster{display:none}
 & .pu-cinema-poster>p{font-size:9px;letter-spacing:.16em;color:#8ee0ef;margin:0}
 & .pu-cinema-poster>strong{font-size:clamp(24px,3vw,40px);font-weight:550;line-height:1.2;letter-spacing:-.035em}
 & .pu-cinema-poster>.pu-cinema-load-label{font-size:11px;color:#a7c6d8}
 & .pu-cinema-poster-orbit{position:relative;width:120px;height:85px;display:grid;place-items:center;margin-bottom:8px}
 & .pu-cinema-poster-orbit i{position:absolute;inset:8px 0;border:2px solid #8ee0ef;border-radius:50%;transform:rotate(-25deg);box-shadow:0 0 20px #5cd6ef33}
 & .pu-cinema-poster-orbit b{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#d5fbff,#2b90ac);color:#103d53;font-size:18px;box-shadow:inset -4px -5px 10px #0b405855,0 10px 25px #0005;padding-left:4px}
 & .pu-cinema-poster:has(noscript p) .pu-cinema-load-label{display:none}
 & .pu-cinema-poster noscript p{font-size:12px;line-height:1.7;color:#a7c6d8;max-width:38ch;letter-spacing:0}
 /* Fullscreen stays centered and preserves the film's native canvas proportions. */
 & .pu-cinema .film-player:fullscreen{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#06111e;padding:20px;overflow:auto}
 & .pu-cinema .film-player:fullscreen .film-inner{width:min(100%,calc((100dvh - 125px) * 1.6));flex:none}
 & .pu-cinema .film-player:fullscreen .film-deck{width:min(100%,calc((100dvh - 125px) * 1.6));flex:none}
}
@media(min-width:801px){html:root:root:root:root:root:root:root body.pu-page{
 & .pu-cinema.is-guide-collapsed .pu-cinema-guide{grid-row:1}
 & .pu-cinema.is-guide-collapsed .pu-cinema-guide-header{justify-content:flex-end}
 & .pu-cinema.is-guide-collapsed .pu-cinema-guide-label{display:none}
 & .pu-cinema.is-guide-collapsed .film-stage{grid-template-columns:minmax(0,.3fr) minmax(0,.7fr);grid-template-rows:auto;aspect-ratio:16/10}
}}
@media(max-width:1100px){html:root:root:root:root:root:root:root body.pu-page{
 & .pu-mission-copy{width:52%}
 & .pu-cinema{padding:30px}
 & .pu-cinema-heading{display:block}
 & .pu-cinema-heading>p{max-width:570px;margin-top:18px}
 & .pu-cinema-grid{grid-template-columns:minmax(0,1fr) 250px;gap:22px}
 & .pu-cinema-guide [data-pu-film-part]{padding-block:16px;gap:8px;grid-template-columns:20px 1fr auto}
 & .pu-cinema-guide strong{font-size:11px}
 & .pu-cinema .film-stage{grid-template-columns:1fr;grid-template-rows:max-content minmax(0,1fr);aspect-ratio:2/3}
 & .pu-cinema .fs-cap{padding:15px 18px;min-height:150px;gap:6px}
 & .pu-cinema .fc-text{font-size:16px}
 & .pu-cinema .fs-view{aspect-ratio:auto}
 & .pu-cinema .ft{min-height:0;gap:14px;padding:20px 26px 65px}
 & .pu-cinema .ft-title{font-size:clamp(26px,6cqw,40px)}
 & .pu-cinema .ft-tag{font-size:14px;max-width:36ch}
 & .pu-cinema .fk-skip{display:none}
 & .pu-cinema .film-player:fullscreen .film-stage{grid-template-columns:minmax(0,.3fr) minmax(0,.7fr);grid-template-rows:auto;aspect-ratio:16/10}
}}
@media(max-width:800px){html:root:root:root:root:root:root:root body.pu-page{
 & .pu-mission{padding-bottom:65px}
 & .pu-cinema-grid{grid-template-columns:1fr;gap:30px}
 & .pu-cinema .film-stage{grid-template-columns:minmax(0,.3fr) minmax(0,.7fr);grid-template-rows:auto;aspect-ratio:16/11}
 & .pu-cinema .ft{padding:20px 30px 65px}
 & .pu-cinema-guide ol{display:grid;grid-template-columns:1fr 1fr;gap:10px 22px}
 & .pu-cinema-guide li:first-child{border-top:0}
 & .pu-cinema-guide [data-pu-film-part]{height:100%;padding:16px 10px}
 & .pu-cinema-guide-toggle{min-height:40px}
 & .pu-cinema-guide-toggle svg{transform:rotate(-90deg)}
 & .pu-cinema-guide-toggle[aria-expanded="false"] svg{transform:rotate(90deg)}
 & .pu-cinema-guide strong{font-size:12px}
 & .pu-cinema-bottom{align-items:start;flex-direction:column;gap:18px}
 & .pu-cinema .film-player:fullscreen .film-inner,& .pu-cinema .film-player:fullscreen .film-deck{width:min(100%,calc((100dvh - 125px) * 1.45))}
}}
@media(max-width:600px){html:root:root:root:root:root:root:root body.pu-page{
 & .pu-mission-intro{padding:0 0 25px;min-height:0}
 & .pu-mission-intro>.pu-wrap{min-height:0;display:flex;flex-direction:column;align-items:stretch;padding:0;gap:0}
 & .pu-mission-art{position:relative;inset:auto;height:290px;min-height:290px;order:-1}
 & .pu-mission-art:after{background:linear-gradient(0deg,var(--bp-bg),transparent 65%)}
 & .pu-mission-copy{padding:6px 22px 0;width:100%}
 & .pu-cinema-wrap{margin-top:0;width:calc(100% - 28px)}
 & .pu-cinema{padding:26px 12px 22px;border-radius:20px}
 & .pu-cinema-heading{padding:0 9px;margin-bottom:25px}
 & .pu-cinema-eyebrow{font-size:8px;gap:8px;letter-spacing:.1em;margin-bottom:18px}
 & .pu-cinema-heading h3{font-size:28px;line-height:1.27}
 & .pu-cinema-heading>p{font-size:12px;line-height:1.85;margin-top:17px}
 & .pu-cinema-screen{padding:0 8px;border-radius:12px}
 & .pu-cinema-topbar{min-height:36px;gap:10px;padding:0 3px}
 & .pu-cinema-topbar p{font-size:6px;letter-spacing:.11em}
 & .pu-cinema-topbar>span:last-child{font-size:8px}
 & .pu-cinema-topbar i{width:4px;height:4px}
 & .pu-cinema .film-stage{aspect-ratio:2/3;grid-template-columns:1fr;grid-template-rows:max-content minmax(0,1fr);border-radius:8px}
 & .pu-cinema .fs-cap{padding:13px 14px;gap:6px;min-height:150px}
 & .pu-cinema .fc-step{font-size:9px}
 & .pu-cinema .fc-step em{font-size:10px}
 & .pu-cinema .fc-text{font-size:14px;line-height:1.4}
 & .pu-cinema .fc-note{font-size:9px}
 & .pu-cinema .fs-cap:after{display:none}
 & .pu-cinema .fs-view{aspect-ratio:auto}
 & .pu-cinema .ft{padding:20px 20px 65px;min-height:0;gap:12px}
 & .pu-cinema .ft-kick{font-size:8px;letter-spacing:.18em}
 & .pu-cinema .ft-title{font-size:clamp(24px,8cqw,32px);line-height:1.15}
 & .pu-cinema .ft-tag{font-size:12px;line-height:1.6;max-width:none}
 & .pu-cinema .fs-big{width:44px;height:44px;right:15px;bottom:15px}
 & .pu-cinema .fs-big svg{width:18px;height:18px}
 & .pu-cinema .film-deck{padding:10px 2px 0;gap:9px}
 & .pu-cinema .film-ctrl{gap:7px}
 & .pu-cinema .fk-btn{min-width:34px;height:34px;padding:0 9px;font-size:11px}
 & .pu-cinema .fk-play{width:38px;height:38px}
 & .pu-cinema .fk-time{font-size:10px;margin:0}
 & .pu-cinema .fc-seg{min-width:2px}
 & .pu-cinema .fc-seg:after{display:none}
 & .pu-cinema .film-chapters{gap:3px}
 & .pu-cinema-screen-note{font-size:7px;gap:12px;line-height:1.6;margin-top:10px;padding:12px 2px}
 & .pu-cinema-guide{padding:0 9px}
 & .pu-cinema-guide-label{font-size:9px}
 & .pu-cinema-guide ol{display:block}
 & .pu-cinema-guide li:first-child{border-top:1px solid var(--bp-line)}
 & .pu-cinema-guide [data-pu-film-part]{grid-template-columns:23px 1fr auto;gap:10px;padding:16px 8px}
 & .pu-cinema-guide strong{font-size:12px}
 & .pu-cinema-guide small{font-size:10px}
 & .pu-cinema-status{font-size:9px;margin-top:12px}
 & .pu-cinema-bottom{margin:25px 9px 0;padding-top:20px}
 & .pu-cinema-bottom p{font-size:11px;align-items:start;gap:10px}
 & .pu-cinema-bottom a{width:100%;justify-content:space-between;font-size:11px}
 & .pu-cinema-poster{min-height:0;aspect-ratio:4/5;padding:22px 17px;gap:15px}
 & .pu-cinema-poster>strong{font-size:27px}
 & .pu-cinema .film-player:fullscreen .film-inner,& .pu-cinema .film-player:fullscreen .film-deck{width:min(100%,calc((100dvh - 125px) * .6667))}
 & .pu-cinema .film-player:fullscreen .film-stage{grid-template-columns:1fr;grid-template-rows:max-content minmax(0,1fr);aspect-ratio:2/3}
}}
@media(prefers-reduced-motion:reduce){html:root:root:root:root:root:root:root body.pu-page .pu-cinema-guide button{transition:none}}

/* Mission EVA: one real-time stage with a quiet, legible editorial foreground. */
html:root:root:root:root:root:root:root body.pu-page {
 & .pu-mission-intro{min-height:720px;padding:110px 0 105px;background:#04101f}
 & .pu-mission-intro>.pu-wrap{min-height:505px}
 & .pu-mission-art{background:radial-gradient(ellipse at 20% 18%,#15304a66,transparent 55%),linear-gradient(130deg,#06101e,#071c2c 65%,#04121f)}
 & .pu-mission-art .pu-scene-plate{transform:none;transition:opacity .8s ease;will-change:auto}
 & .pu-mission-art .pu-scene-plate img{object-position:center}
 & .pu-mission-art.has-mission-world.is-rendered .pu-scene-plate{opacity:0}
 &.pu-poster-mode .pu-mission-art .pu-scene-plate{opacity:1;transition:none}
 & .pu-mission-art:after{z-index:2;pointer-events:none;background:linear-gradient(90deg,transparent 32%,#04101f18 48%,#04121fa6 83%),linear-gradient(0deg,var(--bp-bg),transparent 27%)}
 & .pu-mission-copy{width:45%;padding:0 0 32px}
 & .pu-mission-copy .pu-eyebrow{color:#a4c4d5}
 & .pu-mission-copy .pu-eyebrow span{color:#6ce3eb}
 & .pu-mission-copy h2{color:#edf6fb;font-size:clamp(34px,3.2vw,49px);font-weight:500;line-height:1.26;letter-spacing:-.045em}
 & .pu-mission-copy h2 em{color:#6ce3eb}
 & .pu-mission-copy>p:not(.pu-eyebrow){color:#acc5d6;font-size:14px;line-height:1.95;margin-top:26px}
 & .pu-system-line{margin-top:34px;border-color:#aedcf12b}
 & .pu-system-line>span{color:#d2e6f1}
 & .pu-system-line>span:before{background:#6ce3eb;outline-color:#0b283b}
 & .om-mission-caption{position:absolute;left:clamp(26px,7.5vw,140px);bottom:74px;z-index:3;display:flex;align-items:center;gap:10px;color:#bfd6e4;font:500 9px/1.6 'Be Vietnam Pro',sans-serif;letter-spacing:.18em;pointer-events:none}
 & .om-mission-caption>span{width:5px;height:5px;border-radius:50%;background:#8ceef0;box-shadow:0 0 10px #73dce977}
 & .om-mission-caption i{font-size:8px;letter-spacing:.13em;font-style:normal;color:#6d8d9f;border-left:1px solid #8ab2c544;padding-left:13px;margin-left:8px}
 & .om-mission-motion{position:absolute;right:clamp(22px,6vw,100px);top:30px;z-index:4;display:flex;align-items:center;gap:7px;min-height:38px;background:#0d263b80;border-color:#b4dce524;color:#b9d2e0;backdrop-filter:blur(10px)}
 & .om-mission-motion svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.2}
 &:not(.pu-enhanced) .om-mission-motion{display:none}
}
@media(min-width:601px) and (max-width:1000px){html:root:root:root:root:root:root:root body.pu-page{
 & .pu-mission-intro{min-height:640px;padding:95px 0 80px}
 & .pu-mission-intro>.pu-wrap{min-height:465px}
 & .pu-mission-copy{width:49%;padding-bottom:20px}
 & .pu-mission-copy h2{font-size:clamp(29px,4vw,37px)}
 & .pu-mission-copy>p:not(.pu-eyebrow){font-size:13px}
 & .om-mission-caption{left:30px;bottom:62px;font-size:8px}
 & .om-mission-caption i{display:none}
}}
@media(max-width:600px){html:root:root:root:root:root:root:root body.pu-page{
 & .pu-mission-intro{min-height:0;padding:0 0 44px;background:linear-gradient(#04101f 92%,var(--bp-bg))}
 & .pu-mission-intro>.pu-wrap{min-height:0}
 & .pu-mission-art{height:430px;min-height:430px}
 & .pu-mission-art .pu-scene-plate img{object-fit:contain}
 & .pu-mission-art:after{background:linear-gradient(0deg,#04101f,transparent 28%)}
 & .pu-mission-copy{width:100%;padding:6px 24px 0}
 & .pu-mission-copy h2{font-size:34px}
 & .pu-mission-copy>p:not(.pu-eyebrow){font-size:14px;line-height:1.9;margin-top:22px}
 & .om-mission-caption{left:24px;top:386px;bottom:auto;font-size:8px}
 & .om-mission-caption i{font-size:7px}
 & .om-mission-motion{top:18px;right:18px;min-height:38px}
 & .pu-system-line{margin-top:28px}
}}
@media(prefers-reduced-motion:reduce){html:root:root:root:root:root:root:root body.pu-page .pu-mission-art .pu-scene-plate{transition:none}}