html.world,html.world body{height:100%;overflow:hidden;background:#1b2536}
.world .top{position:absolute;left:0;right:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:#fff}
.world .top .lockup,.world .top .lockup path{color:#fff;fill:#fff}
.world .top .top-cta,.world .top .top-cta:hover{background:#fff;color:#23222F}
.sn{position:fixed;inset:0;overflow:hidden}
.sn picture,.sn img{position:absolute;inset:0;display:block;width:100%;height:100%}
.sn img{object-fit:cover;object-position:50% 58%}
.sn picture::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.14)}
.sn-say{position:absolute;inset:84px 40px 28px;color:#fff}
.poster{container-type:inline-size;position:absolute;left:0;top:0;width:min(calc(58% - 32px),calc((100svh - 112px)/1.52));margin:0;font-weight:800;color:#fff;mix-blend-mode:difference}
.poster span{display:block;font-family:var(--display);font-size:calc(var(--f)*1cqw);line-height:.88;letter-spacing:-.025em;white-space:nowrap}
.sn-why{position:absolute;right:0;bottom:0;width:min(42%,760px)}
.sn-flip{display:grid}
.sn-flip>div{grid-area:1/1;align-self:end;visibility:hidden}
.sn-flip>div.on{visibility:visible}
.end{font:800 clamp(34px,3.2vw,60px)/1.06 var(--display);letter-spacing:-.02em;text-transform:uppercase;color:#fff;text-shadow:0 2px 18px rgba(12,16,26,.4);text-wrap:balance;cursor:pointer}
.end+.end{margin-top:.4em}
.end.aw{display:flex;align-items:center;flex-wrap:wrap;gap:.1em .3em}
.end.aw b{font-weight:800;background:linear-gradient(90deg,#ff5fa2,#ffb13d,#ffe84d,#4de2a0,#4db8ff,#a97bff,#ff5fa2);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;animation:sn-disco 2.2s linear infinite}
.end.aw span{display:inline-flex;gap:.06em;text-shadow:none}
.end.aw i{display:inline-block;font-style:normal;transform-origin:50% 90%}
@keyframes sn-disco{to{background-position:300% 0}}
.sn-real{display:block;margin-top:14px;padding:12px 0;border:0;background:none;color:#fff;font:700 clamp(19px,1.7vw,30px)/1.2 var(--text);text-align:left;text-decoration:underline;text-decoration-thickness:2.5px;text-underline-offset:.32em;text-decoration-skip-ink:none;cursor:pointer;text-shadow:0 1px 14px rgba(12,16,26,.6);-webkit-tap-highlight-color:transparent}
.sn-real:hover{text-decoration-thickness:3.5px}
@media (prefers-reduced-motion:reduce){.end.aw b{animation:none}}
@media (min-width:901px){.world .top .wrap{max-width:none;padding:0 40px}}
@media (max-width:900px){
  html.world,html.world body{background:#2a2b30;overscroll-behavior:none;touch-action:manipulation}
  .world .top{padding-top:env(safe-area-inset-top)}
  .sn{bottom:auto;height:100lvh}
  .sn img{object-position:50% 100%}
  .sn-say{inset:0 0 auto;height:100svh;display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top) + 96px) 12px max(28px,6svh)}
  .sn{cursor:pointer;-webkit-tap-highlight-color:transparent}
  .poster{position:relative;flex:none;width:min(100%,calc((62svh - 96px)/.875));line-height:0;white-space:nowrap}
  .poster .ia{display:inline;font-size:calc(var(--p)*1cqw)}
  .sn-why{position:static;width:100%;margin-top:auto}
  .sn-flip{--e:min(8.8vw,4.75svh);width:100%;padding-inline:4px}
  .end{font-size:var(--e);line-height:1.04;max-width:10.7em}
  .end+.end{margin-top:.28em}
  .end.aw{flex-wrap:nowrap;gap:.26em;max-width:none;min-height:calc(min(24px,5.7vw)*1.2 + 24px);margin-top:2px;font-size:min(7.9vw,4.3svh)}
  .sn-b[data-s="0"] .end:nth-child(3),.sn-b[data-s="0"] .sn-real,.sn-b[data-s="1"] .end:nth-child(-n+2){display:none}
  .sn-real{width:100%;margin-top:2px;padding:12px 0;font-size:min(24px,5.7vw);white-space:nowrap}
  .sn-b[data-s="1"] .end{margin-top:0}
}