@charset "UTF-8";
/* A single photographic comparison with a continuous YUKIGUNI connection. */
.sc-cinema{--sc-paper:#e8f2f5;--sc-cyan:#72dbe7;--sc-line:#77afc13d;box-sizing:border-box;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"before-scene after-scene" "bridge bridge" "before-detail after-detail";column-gap:1px;row-gap:0;margin-top:52px;position:relative;isolation:isolate;color:var(--sc-paper);font-family:"Inter","Noto Sans JP",sans-serif;background:#03101a}
.sc-cinema *{box-sizing:border-box}
.sc-scene{position:relative;isolation:isolate;min-width:0;min-height:510px;overflow:hidden;display:flex;align-items:flex-end;background:#04111c;border-top:1px solid #6399af73;scroll-margin-top:100px}
.sc-before-scene{grid-area:before-scene}
.sc-after-scene{grid-area:after-scene}
.sc-scene .sc-photo{position:absolute;inset:0;z-index:-3;width:100%;height:100%;max-width:none;object-fit:cover;object-position:68% 48%;filter:saturate(.57) brightness(.92);pointer-events:none;transform:scale(1.025);transition:transform 1.4s cubic-bezier(.16,1,.3,1)}
.sc-after-scene .sc-photo{object-position:56% 43%;filter:saturate(.7) brightness(.95)}
.sc-shade{position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(180deg,#06111a0a 5%,#06111a14 23%,#050d17ba 68%,#050d17f7 100%),linear-gradient(90deg,#110c1791,transparent 75%)}
.sc-after-scene .sc-shade{background:linear-gradient(180deg,#05131c0a 5%,#03142114 23%,#041420ba 68%,#041420f7 100%),linear-gradient(90deg,#03172270,transparent 85%)}
.sc-scene-copy{position:relative;width:100%;padding:40px 40px 36px}
.sc-cinema .sc-kicker{display:flex;align-items:center;gap:17px;color:#e9afb2;font-size:9px;font-weight:500;line-height:1.7;letter-spacing:.09em;padding:0;margin:0 0 25px}
.sc-kicker>span{flex:0 0 auto}
.sc-kicker>i{flex:1;max-width:85px;height:1px;background:linear-gradient(90deg,#dda4a980,transparent);font-style:normal}
.sc-kicker>span:last-child:not(:first-child){font-size:10px;letter-spacing:0;color:#bdabb3}
.sc-after-scene .sc-kicker{color:#8ddbe4}
.sc-after-scene .sc-kicker>i{background:linear-gradient(90deg,#85d0d580,transparent)}
.sc-cinema .sc-scene h3{margin:0;padding:0;border:0;background:none;font-size:clamp(27px,3.1vw,44px);font-weight:900;line-height:1.5;letter-spacing:-.055em;color:var(--sc-paper);text-shadow:0 2px 18px #0005}
.sc-before-scene h3>span{color:#edc9cb}
.sc-after-scene h3>span{color:var(--sc-cyan)}
.sc-cinema .sc-scene-summary{padding:0;margin:24px 0 0;color:#b6cad3;font-size:12px;font-weight:400;line-height:2.1;letter-spacing:0}
.sc-before-scene .sc-scene-summary{color:#c5b5bf}
.sc-detail{min-width:0;padding:32px 40px 38px;background:#05131d}
.sc-before-detail{grid-area:before-detail;background:linear-gradient(135deg,#11121c,#06121b 80%)}
.sc-after-detail{grid-area:after-detail;background:linear-gradient(145deg,#071c28,#05151e 80%)}
.sc-points{list-style:none;padding:0;margin:0}
.sc-points>li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:15px;padding:19px 0;border-bottom:1px solid var(--sc-line);margin:0;min-width:0}
.sc-points>li:first-child{padding-top:0}
.sc-points>li:last-child{border-bottom:0;padding-bottom:0}
.sc-point-mark{color:#69909f;font-size:9px;font-weight:400;line-height:2.2;letter-spacing:.06em}
.sc-before-detail .sc-point-mark{color:#a4828c}
.sc-cinema .sc-points h4{margin:0;padding:0;font-size:14px;font-weight:700;line-height:1.8;letter-spacing:-.025em;color:#d3e3e9}
.sc-cinema .sc-points p{margin:6px 0 0;padding:0;color:#8eacbb;font-size:11px;font-weight:400;line-height:2;letter-spacing:0}
.sc-before-detail .sc-points p{color:#a798a5}
.sc-bridge{grid-area:bridge;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:35px;min-width:0;padding:31px 40px 33px;border-block:1px solid #7cb6ca55;background:radial-gradient(ellipse at 50% 50%,#1343555c,transparent 65%),#04131d;scroll-margin-top:100px;overflow:hidden}
.sc-bridge:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,#c198a12b 0%,#a2dce26b 45%,#a3e4e4 77%,#a3e4e400 100%);pointer-events:none}
.sc-bridge:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#72dbe7 45%,#b3f1eb 85%,transparent);transform-origin:left;pointer-events:none}
.sc-bridge-brand{min-width:0}
.sc-bridge-brand>span{display:block;color:#85b5c4;font-size:8px;font-weight:400;line-height:1.7;letter-spacing:.14em;margin-bottom:5px}
.sc-bridge-brand>strong{display:block;font-family:"Space Grotesk","Inter",sans-serif;font-size:clamp(28px,3.2vw,46px);font-weight:700;line-height:1.2;letter-spacing:-.04em;color:#deedf2}
.sc-bridge-method>strong{display:block;color:#d2eaf0;font-size:21px;font-weight:700;line-height:1.6;letter-spacing:.015em}
.sc-cinema .sc-bridge-method p{display:flex;align-items:center;gap:14px;padding:0;margin:7px 0 0;color:#84b4c3;font-size:10px;line-height:1.7;letter-spacing:.06em}
.sc-bridge-method p>span{font-size:12px;color:#4e8698}
.sc-cinema .sc-bridge-destination{position:relative;margin:0;padding:0 48px 0 0;color:#8fb5c3;font-size:11px;line-height:1.9;letter-spacing:0}
.sc-bridge-destination>strong{color:var(--sc-cyan);font-size:17px;font-weight:700}
.sc-bridge-destination>span{position:absolute;right:0;top:50%;transform:translateY(-50%);font-family:Arial,sans-serif;font-size:36px;font-weight:400;color:var(--sc-cyan)}
.sc-cinema .sc-detail-link{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:410px;margin:28px 0 0 39px;padding:13px 0;border:0;border-bottom:1px solid #91bdce6b;background:none;text-decoration:none;color:#a9d8e2;font-size:11px;font-weight:500;line-height:1.8;letter-spacing:0}
.sc-detail-link>span{font-family:Arial,sans-serif;font-size:23px;line-height:1.3;transition:transform .3s}
.sc-detail-link:hover>span{transform:translate(3px,-3px)}
.sc-detail-link:focus-visible{outline:2px solid var(--sc-cyan);outline-offset:6px}
.sc-cinema.sc-motion-ready .sc-reveal{transition:opacity .9s ease,transform 1.1s cubic-bezier(.16,1,.3,1)}
.sc-cinema.sc-motion-ready .sc-reveal:not(.sc-in-view){opacity:.55;transform:translateY(18px)}
.sc-scene.sc-in-view .sc-photo{transform:scale(1)}
.sc-cinema.sc-motion-ready .sc-bridge.sc-in-view:after{animation:sc-connection-in 1.8s cubic-bezier(.16,1,.3,1) both}
@keyframes sc-connection-in{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}
@media(max-width:1200px){.sc-scene{min-height:470px}.sc-scene-copy{padding:32px}.sc-detail{padding:28px 32px 32px}.sc-bridge{padding:28px 32px;gap:28px}.sc-cinema .sc-scene h3{font-size:clamp(27px,3.15vw,38px)}.sc-cinema .sc-points h4{font-size:13px}.sc-points>li{gap:11px;grid-template-columns:20px minmax(0,1fr)}.sc-cinema .sc-detail-link{margin-left:31px}.sc-bridge-method>strong{font-size:19px}.sc-bridge-destination>strong{font-size:16px}}
@media(max-width:850px){.sc-cinema{margin-top:38px;grid-template-columns:1fr;grid-template-areas:"before-scene" "before-detail" "bridge" "after-scene" "after-detail";background:none}.sc-scene{min-height:470px}.sc-scene-copy{padding:36px}.sc-cinema .sc-scene h3{font-size:36px}.sc-scene .sc-photo{object-position:65% 50%}.sc-after-scene .sc-photo{object-position:52% 43%}.sc-detail{padding:27px 36px 34px}.sc-cinema .sc-points h4{font-size:14px}.sc-cinema .sc-points p{font-size:12px}.sc-bridge{padding:35px 36px;margin:0;gap:24px}.sc-bridge-brand>strong{font-size:35px}.sc-bridge-destination{display:none}.sc-bridge:before{top:0;left:50%;right:auto;width:1px;height:100%;background:linear-gradient(#b68d9b66,#92e7ea99)}.sc-bridge:after{left:50%;right:auto;top:0;bottom:0;width:1px;height:auto;background:linear-gradient(transparent,#8fe4e8,transparent);transform-origin:top}.sc-cinema.sc-motion-ready .sc-bridge.sc-in-view:after{animation-name:sc-connection-down}.sc-bridge-brand,.sc-bridge-method{position:relative;z-index:1;background:#04131d;padding:8px 0}.sc-bridge-brand{padding-right:16px}.sc-bridge-method{padding-left:16px}.sc-after-scene{border-top:0}}
@keyframes sc-connection-down{from{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}
@media(max-width:520px){.sc-scene{min-height:410px}.sc-scene-copy{padding:28px 23px 29px}.sc-cinema .sc-kicker{font-size:8px;gap:12px;margin-bottom:23px}.sc-kicker>span:last-child:not(:first-child){font-size:9px}.sc-kicker>i{max-width:45px}.sc-cinema .sc-scene h3{font-size:clamp(23px,6.8vw,32px);line-height:1.5}.sc-cinema .sc-scene-summary{font-size:11px;line-height:2.1;margin-top:20px}.sc-detail{padding:27px 23px 31px}.sc-points>li{padding:18px 0;gap:10px;grid-template-columns:18px minmax(0,1fr)}.sc-point-mark{font-size:8px}.sc-cinema .sc-points h4{font-size:13px;line-height:1.75}.sc-cinema .sc-points p{font-size:11px;line-height:1.95}.sc-bridge{gap:13px;padding:30px 23px}.sc-bridge-brand>span{font-size:6px;letter-spacing:.08em}.sc-bridge-brand>strong{font-size:29px}.sc-bridge-brand{padding-right:12px}.sc-bridge-method{padding-left:12px}.sc-bridge-method>strong{font-size:15px}.sc-cinema .sc-bridge-method p{font-size:8px;gap:8px;margin-top:6px}.sc-bridge-method p>span{font-size:10px}.sc-cinema .sc-detail-link{font-size:10px;margin:24px 0 0 28px;padding:12px 0;gap:12px}}
@media(max-width:360px){.sc-scene{min-height:390px}.sc-scene-copy{padding-inline:19px}.sc-cinema .sc-scene h3{font-size:22px}.sc-detail{padding-inline:19px}.sc-bridge{padding-inline:19px;gap:8px}.sc-bridge-brand{padding-right:8px}.sc-bridge-brand>strong{font-size:24px}.sc-bridge-method{padding-left:8px}.sc-bridge-method>strong{font-size:12px}.sc-cinema .sc-bridge-method p{font-size:7px;gap:5px}}
:is(html,body).motion-paused .sc-cinema .sc-reveal{opacity:1!important;transform:none!important;transition:none!important}
:is(html,body).motion-paused .sc-cinema :is(.sc-photo,.sc-detail-link>span){transform:none!important;transition:none!important}
:is(html,body).motion-paused .sc-cinema .sc-bridge:after{animation:none!important}
@media(prefers-reduced-motion:reduce){.sc-cinema .sc-reveal{opacity:1!important;transform:none!important;transition:none!important}.sc-cinema .sc-photo,.sc-detail-link>span{transform:none!important;transition:none!important}.sc-cinema .sc-bridge:after{animation:none!important}}

/* The actual network-whale brand film, with a static image available at all times. */
.sc-cinema .sc-bridge:has([data-sc-brand]){display:grid;grid-template-columns:minmax(270px,1.25fr) minmax(170px,.85fr) minmax(150px,.75fr);gap:35px;padding-block:25px;background:radial-gradient(ellipse at 24% 55%,#15526a45,transparent 48%),#04131d}
.sc-cinema .sc-bridge-brand[data-sc-brand]{width:100%;max-width:410px;min-width:0;padding:0;background:none;mix-blend-mode:screen}
.sc-brand-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:2;min-height:28px}
.sc-brand-topline>span{display:block;font-size:8px;font-weight:400;line-height:1.7;letter-spacing:.11em;color:#85b5c4;white-space:nowrap}
.sc-logo-toggle{flex:none;border:0;border-bottom:1px solid #52879575;border-radius:0;background:none;color:#9fc5d1;padding:5px 0;font:inherit;font-size:9px;font-weight:400;line-height:1.6;letter-spacing:0;cursor:pointer;white-space:nowrap}
.sc-logo-toggle[hidden]{display:none}
.sc-logo-toggle:focus-visible{outline:2px solid var(--sc-cyan);outline-offset:5px}
.sc-brand-visual{position:relative;isolation:isolate;aspect-ratio:718/462;overflow:hidden;width:100%;margin:0;mix-blend-mode:screen}
.sc-brand-visual:before{content:"";position:absolute;inset:10% 3%;z-index:-1;background:radial-gradient(ellipse,#2c92ae1a,transparent 68%);pointer-events:none}
.sc-brand-visual .sc-brand-poster{display:block;position:absolute;inset:5%;width:90%;height:90%;max-width:none;object-fit:contain;opacity:1;mix-blend-mode:screen;transition:opacity .5s ease}
.sc-brand-visual .sc-brand-video{display:block;position:absolute;left:50%;top:50%;width:155%;height:155%;max-width:none;object-fit:contain;transform:translate(-50%,-50%);mix-blend-mode:screen;opacity:0;transition:opacity .55s ease;pointer-events:none}
.sc-brand-visual.sc-video-ready .sc-brand-video{opacity:1}
.sc-brand-visual.sc-video-ready .sc-brand-poster{opacity:0}
.sc-bridge:has([data-sc-brand]) .sc-bridge-method{padding:0;background:none}
.sc-bridge:has([data-sc-brand]) .sc-bridge-method>strong{font-size:clamp(20px,2.1vw,28px)}
.sc-bridge:has([data-sc-brand]) .sc-bridge-method p{font-size:11px;gap:16px;margin-top:13px}
@media(max-width:1100px){.sc-cinema .sc-bridge:has([data-sc-brand]){grid-template-columns:minmax(260px,1.15fr) minmax(180px,.85fr);gap:32px}.sc-bridge:has([data-sc-brand]) .sc-bridge-destination{display:none}.sc-bridge:has([data-sc-brand]) .sc-bridge-method>strong{font-size:25px}}
@media(max-width:850px){.sc-cinema .sc-bridge:has([data-sc-brand]){padding:28px 32px;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:32px}.sc-cinema .sc-bridge-brand[data-sc-brand]{max-width:380px}.sc-bridge:has([data-sc-brand]):before{left:0;right:0;top:0;width:auto;height:1px;background:linear-gradient(90deg,transparent,#89d4df88,transparent)}.sc-bridge:has([data-sc-brand]):after{left:0;right:0;top:auto;bottom:0;width:auto;height:1px;background:linear-gradient(90deg,transparent,#8fe4e8,transparent);transform-origin:left}.sc-cinema.sc-motion-ready .sc-bridge:has([data-sc-brand]).sc-in-view:after{animation-name:sc-connection-in}.sc-brand-topline{flex-wrap:wrap;gap:0 12px}.sc-brand-topline>span{font-size:7px}.sc-logo-toggle{font-size:8px}.sc-bridge:has([data-sc-brand]) .sc-bridge-method>strong{font-size:24px}}
@media(max-width:600px){.sc-cinema .sc-bridge:has([data-sc-brand]){grid-template-columns:1fr;gap:9px;padding:25px 23px 32px;text-align:center;background:radial-gradient(ellipse at 50% 45%,#15526a45,transparent 64%),#04131d}.sc-cinema .sc-bridge-brand[data-sc-brand]{max-width:350px;margin-inline:auto}.sc-brand-topline{flex-wrap:nowrap;text-align:left;gap:12px}.sc-brand-topline>span{font-size:7px}.sc-logo-toggle{font-size:8px}.sc-brand-visual{max-height:230px}.sc-bridge:has([data-sc-brand]) .sc-bridge-method>strong{font-size:21px}.sc-bridge:has([data-sc-brand]) .sc-bridge-method p{justify-content:center;font-size:10px;gap:16px;margin-top:9px}}
@media(max-width:360px){.sc-cinema .sc-bridge:has([data-sc-brand]){padding-inline:19px;gap:8px}.sc-brand-topline>span{font-size:6px;letter-spacing:.07em}.sc-logo-toggle{font-size:7px}.sc-bridge:has([data-sc-brand]) .sc-bridge-method>strong{font-size:20px}}
:is(html,body).motion-paused .sc-brand-visual :is(.sc-brand-video,.sc-brand-poster){transition:none!important}
@media(prefers-reduced-motion:reduce){.sc-brand-visual :is(.sc-brand-video,.sc-brand-poster){transition:none!important}}

/* Keep the same composition in proportion when the comparison spans a large display. */
@media(min-width:1200px){
  .owned-position-preview #shift .sc-cinema .sc-scene{min-height:clamp(510px,32vw,680px)}
  .owned-position-preview #shift .sc-cinema .sc-scene-copy{padding:clamp(40px,4.4vw,88px);padding-bottom:clamp(36px,3.2vw,68px)}
  .owned-position-preview #shift .sc-cinema .sc-scene h3{font-size:clamp(38px,3vw,58px);line-height:1.45}
  .owned-position-preview #shift .sc-cinema .sc-kicker{font-size:10px;margin-bottom:clamp(25px,2vw,36px)}
  .owned-position-preview #shift .sc-cinema .sc-scene-summary{font-size:clamp(12px,.75vw,15px);line-height:2.05;margin-top:clamp(24px,1.7vw,32px)}
  .owned-position-preview #shift .sc-cinema .sc-detail{padding:clamp(32px,2.8vw,52px) clamp(40px,4.4vw,88px) clamp(38px,3vw,60px)}
  .owned-position-preview #shift .sc-cinema .sc-points>li{gap:18px;padding-block:clamp(19px,1.35vw,26px)}
  .owned-position-preview #shift .sc-cinema .sc-points>li:first-child{padding-top:0}
  .owned-position-preview #shift .sc-cinema .sc-points>li:last-child{padding-bottom:0}
  .owned-position-preview #shift .sc-cinema .sc-points h4{font-size:clamp(14px,1.05vw,18px)}
  .owned-position-preview #shift .sc-cinema .sc-points p{max-width:640px;font-size:clamp(11px,.75vw,14px)}
  .owned-position-preview #shift .sc-cinema .sc-detail-link{max-width:470px;margin-left:42px;font-size:clamp(11px,.7vw,13px)}
  .owned-position-preview #shift .sc-cinema .sc-bridge:has([data-sc-brand]){padding-inline:clamp(40px,4.4vw,88px);padding-block:clamp(25px,1.8vw,36px);gap:clamp(35px,3vw,60px)}
  .owned-position-preview #shift .sc-cinema .sc-bridge-brand[data-sc-brand]{max-width:clamp(410px,28vw,520px)}
  .owned-position-preview #shift .sc-cinema .sc-bridge-method>strong{font-size:clamp(24px,1.8vw,34px)}
  .owned-position-preview #shift .sc-cinema .sc-bridge-method p{font-size:clamp(11px,.7vw,13px)}
  .owned-position-preview #shift .sc-cinema .sc-bridge-destination{font-size:clamp(11px,.75vw,14px)}
  .owned-position-preview #shift .sc-cinema .sc-bridge-destination>strong{font-size:clamp(17px,1.2vw,24px)}
}

/* Match the two outcomes by topic and make the brand's work explicit. */
.owned-position-preview #shift .sc-cinema.sc-clarity .sc-kicker{gap:18px}
.owned-position-preview #shift .sc-cinema.sc-clarity .sc-kicker>strong{color:#edc9cb;font-size:17px;font-weight:700;line-height:1.7;letter-spacing:.04em}
.owned-position-preview #shift .sc-cinema.sc-clarity .sc-after-scene .sc-kicker>strong{color:#9de6ec}
.owned-position-preview #shift .sc-cinema.sc-clarity .sc-kicker>i{flex:0 1 55px}
.owned-position-preview #shift .sc-cinema.sc-clarity .sc-scene-summary{font-size:clamp(13px,.8vw,16px);line-height:2;max-width:660px}
.owned-position-preview #shift .sc-cinema.sc-clarity .sc-bridge:has([data-sc-brand]){grid-template-columns:minmax(230px,310px) minmax(0,1fr);gap:clamp(30px,4vw,80px);padding-block:24px}
.owned-position-preview #shift .sc-cinema.sc-clarity .sc-bridge-brand[data-sc-brand]{max-width:310px}
.owned-position-preview #shift .sc-cinema.sc-clarity .sc-support{min-width:0}
.owned-position-preview #shift .sc-cinema.sc-clarity .sc-support-label{margin:0 0 26px;padding:0;font-size:14px;font-weight:600;line-height:1.8;letter-spacing:.035em;color:#b6d9e3}
.owned-position-preview #shift .sc-cinema.sc-clarity .sc-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;list-style:none;margin:0;padding:0}
.owned-position-preview #shift .sc-cinema.sc-clarity .sc-actions>li{position:relative;min-width:0;margin:0;padding:15px 0 0;border-top:1px solid #7eb8c967}
.owned-position-preview #shift .sc-cinema.sc-clarity .sc-actions>li>span{display:block;color:#7cb7c7;font-size:10px;font-weight:400;line-height:1.7;letter-spacing:.06em;margin-bottom:10px}
.owned-position-preview #shift .sc-cinema.sc-clarity .sc-actions h4{margin:0;padding:0;color:#dff3f6;font-size:clamp(15px,1.1vw,20px);font-weight:700;line-height:1.7;letter-spacing:-.025em}
.owned-position-preview #shift .sc-cinema.sc-clarity .sc-actions p{margin:9px 0 0;padding:0;color:#97bac9;font-size:clamp(11px,.75vw,14px);font-weight:400;line-height:1.9;letter-spacing:0}
.owned-position-preview #shift .sc-cinema.sc-clarity .sc-points>li{grid-template-columns:43px minmax(0,1fr);gap:17px;min-height:104px;align-items:start}
.owned-position-preview #shift .sc-cinema.sc-clarity .sc-point-mark{font-size:10px;line-height:1.7;color:#91b5c3}
.owned-position-preview #shift .sc-cinema.sc-clarity .sc-before-detail .sc-point-mark{color:#b997a3}
.owned-position-preview #shift .sc-cinema.sc-clarity .sc-point-mark small{display:block;margin-top:7px;font-size:10px;line-height:1.6;letter-spacing:0;white-space:nowrap;color:inherit}
.owned-position-preview #shift .sc-cinema.sc-clarity .sc-points h4{font-size:clamp(15px,1vw,18px);line-height:1.75}
.owned-position-preview #shift .sc-cinema.sc-clarity .sc-points p{font-size:clamp(12px,.8vw,15px);line-height:1.95;max-width:680px}
.owned-position-preview #shift .sc-cinema.sc-clarity .sc-detail-link{margin-left:60px}
@media(max-width:1100px){
  .owned-position-preview #shift .sc-cinema.sc-clarity .sc-bridge:has([data-sc-brand]){grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:28px}
  .owned-position-preview #shift .sc-cinema.sc-clarity .sc-actions{grid-template-columns:1fr;gap:14px}
  .owned-position-preview #shift .sc-cinema.sc-clarity .sc-actions>li{display:grid;grid-template-columns:73px minmax(0,1fr);gap:0 14px;padding-top:12px}
  .owned-position-preview #shift .sc-cinema.sc-clarity .sc-actions>li>span{grid-row:1/3;margin:2px 0 0}
  .owned-position-preview #shift .sc-cinema.sc-clarity .sc-actions h4{font-size:17px}
  .owned-position-preview #shift .sc-cinema.sc-clarity .sc-actions p{grid-column:2;font-size:12px;margin-top:3px}
  .owned-position-preview #shift .sc-cinema.sc-clarity .sc-support-label{font-size:13px;margin-bottom:16px}
}
@media(max-width:850px){
  .owned-position-preview #shift .sc-cinema.sc-clarity .sc-points>li{min-height:0}
  .owned-position-preview #shift .sc-cinema.sc-clarity .sc-actions>li{grid-template-columns:60px minmax(0,1fr);column-gap:12px}
  .owned-position-preview #shift .sc-cinema.sc-clarity .sc-actions>li>span{font-size:9px}
  .owned-position-preview #shift .sc-cinema.sc-clarity .sc-actions h4{font-size:16px}
}
@media(max-width:650px){
  .owned-position-preview #shift .sc-cinema.sc-clarity .sc-bridge:has([data-sc-brand]){grid-template-columns:1fr;gap:12px;text-align:left;padding-block:23px 28px}
  .owned-position-preview #shift .sc-cinema.sc-clarity .sc-bridge-brand[data-sc-brand]{max-width:245px;margin-inline:auto}
  .owned-position-preview #shift .sc-cinema.sc-clarity .sc-support{width:100%;max-width:470px;margin-inline:auto}
  .owned-position-preview #shift .sc-cinema.sc-clarity .sc-support-label{font-size:13px;margin-bottom:17px;text-align:center}
  .owned-position-preview #shift .sc-cinema.sc-clarity .sc-actions{gap:13px}
  .owned-position-preview #shift .sc-cinema.sc-clarity .sc-actions>li{grid-template-columns:65px minmax(0,1fr);column-gap:12px;padding-top:11px}
  .owned-position-preview #shift .sc-cinema.sc-clarity .sc-actions p{font-size:11px}
}
@media(max-width:520px){
  .owned-position-preview #shift .sc-cinema.sc-clarity .sc-kicker{gap:14px;margin-bottom:20px}
  .owned-position-preview #shift .sc-cinema.sc-clarity .sc-kicker>strong{font-size:14px}
  .owned-position-preview #shift .sc-cinema.sc-clarity .sc-kicker>i{flex-basis:38px}
  .owned-position-preview #shift .sc-cinema.sc-clarity .sc-scene h3{font-size:clamp(23px,6.3vw,30px)}
  .owned-position-preview #shift .sc-cinema.sc-clarity .sc-scene-summary{font-size:12px;line-height:2}
  .owned-position-preview #shift .sc-cinema.sc-clarity .sc-points>li{grid-template-columns:35px minmax(0,1fr);column-gap:13px}
  .owned-position-preview #shift .sc-cinema.sc-clarity .sc-point-mark{font-size:9px}
  .owned-position-preview #shift .sc-cinema.sc-clarity .sc-point-mark small{font-size:9px}
  .owned-position-preview #shift .sc-cinema.sc-clarity .sc-points h4{font-size:14px;line-height:1.75}
  .owned-position-preview #shift .sc-cinema.sc-clarity .sc-points p{font-size:12px;line-height:1.95}
  .owned-position-preview #shift .sc-cinema.sc-clarity .sc-detail-link{margin-left:48px}
}