/* The entry remains the visual focus even while the sweep is resting. */
.entry{left:50%;right:auto;top:calc(74% - 32px);bottom:auto;transform:translateX(-50%)}
.view-work{--entry-arrow-size:42px;display:grid;grid-template-columns:minmax(0,1fr) var(--entry-arrow-size);justify-items:center;justify-content:center;gap:12px;min-width:270px;min-height:64px;padding:10px 14px;font-size:20px;font-weight:600;line-height:1.2;letter-spacing:.1em;border-color:#f7eeff8c;background-color:#76648145;box-shadow:inset 0 1px 0 #ffffff38,0 8px 28px #07030c35}
.view-work .entry-text{justify-self:stretch;text-align:center;white-space:nowrap}
.view-work .entry-arrow{position:relative;right:auto;top:auto;transform:none;width:var(--entry-arrow-size);height:var(--entry-arrow-size);letter-spacing:0}
.entry-caption{color:#c7bdcf}
.view-work:hover{background-color:#9783a35c;border-color:#fff9}
.view-work:active{background-color:#aa95b363}
.entry-arrow{border-color:#f5ebff4a;background:#ffffff12}
html,body{height:100%;overflow:hidden}
.poster{z-index:2;overflow:clip}
.portfolio-page,.cocreate-page{position:fixed;inset:0;z-index:1;overflow:auto;overscroll-behavior:contain;background:#111210;scroll-behavior:smooth}
.poster[hidden],.portfolio-page[hidden],.cocreate-page[hidden]{display:none!important}
.page-changing :is(.poster,.portfolio-page,.cocreate-page){will-change:opacity}
/* Keep the scrollbar gutter stable while the incoming view is inert. */
.page-changing :is(.portfolio-page,.cocreate-page){scroll-behavior:auto}
.direct-works .poster,.direct-cocreate .poster{display:none}
.route-status{display:none;position:fixed;z-index:12;left:50%;bottom:24px;transform:translateX(-50%);max-width:calc(100% - 40px);width:max-content;padding:12px 18px;border:1px solid #ffffff38;border-radius:12px;background:#201827ed;color:#fff;font-size:13px;text-align:center;line-height:1.6}
.route-status.is-visible,.direct-works .route-status{display:block}
.route-fallback{display:none;text-decoration:underline;text-underline-offset:4px}
.route-status.is-visible .route-fallback,.direct-works .route-fallback{display:inline-block}
.route-noscript{position:fixed;z-index:20;bottom:20px;left:20px;background:#201827;padding:12px}.route-noscript a{text-decoration:underline}
@media(max-width:760px){
  .entry{top:calc(78% - 30px);bottom:auto}
  .view-work{--entry-arrow-size:38px;min-width:258px;min-height:60px;padding:10px 14px;font-size:19px}
  .intro{top:calc(78% - 116px);bottom:auto}
  .descriptor{margin-top:8px}
  .route-status{bottom:max(15px,env(safe-area-inset-bottom))}
}
@media(max-width:760px) and (max-height:720px){
  .entry{top:calc(82% - 30px)}
  .intro{top:calc(82% - 111px)}
}
@media(prefers-reduced-motion:reduce){.portfolio-page,.cocreate-page{scroll-behavior:auto}}
/* A short landscape viewport must not crop the only primary action. */
@media(max-height:520px) and (min-aspect-ratio:4/3){
  .poster{height:100svh;min-height:0}
  .masthead{top:10px;left:24px;right:24px}
  .brand strong{font-size:23px}
  .outline{inset:62px 24px 29px}
  .studio-label{top:76px;left:5%;font-size:8px}
  .hero-type{top:18%;transform:scale(1.34,.9)}
  .bottom-shade{z-index:-1}
  .creator{height:119%;bottom:-24%;left:51.8%}
  .intro{top:auto;bottom:38px;left:5%;right:auto;text-align:left}
  .tagline{font-size:clamp(16px,2.5vw,22px)}
  .descriptor{display:none}
  .entry{top:calc(73% - 28px)}
  .view-work{--entry-arrow-size:36px;min-width:240px;min-height:56px;padding:8px 13px;font-size:18px}
  .entry-arrow{width:36px;height:36px}
  .entry-caption{margin-top:8px;font-size:7px}
  .edition{bottom:9px;font-size:6px}
}