/* The cover and the website share one film and one drawing throughout. */
@font-face{font-family:'Recia';src:url('old-workshop/Recia-Italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Workshop Mono';src:url('old-workshop/IBMPlexMono-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
/* Spacedust's identity stays above, and outside, the changing client page. */
.masthead.hero-identity{position:sticky;top:0;z-index:10;isolation:isolate;background:var(--paper);transform:translateY(var(--identity-shift,0px));visibility:var(--identity-visibility,visible)}
.masthead.hero-identity::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:var(--paper);pointer-events:none}
.hero-web-content{display:none}
.hero-journey .hero-home .hero-place-film{left:.4%;width:99.2%;transform:none}
.hero-journey .hero-home .hero-place h1{top:calc(35% - 18px);right:2.5%}
.hero-journey #hero-title>span{display:block;transform:translateY(6px)}
.hero-journey #hero-title>em{display:block;text-align:right;font-size:.88em;padding-right:2.5%}
.hero-journey.is-enhanced{position:relative;height:calc(var(--stage-height) + var(--scroll-distance));overflow:clip;overflow-y:visible}
.hero-journey.is-enhanced .hero-morph-stage{position:sticky;top:16px;height:var(--stage-height)}
.hero-journey.is-enhanced .hero-home{padding-block:var(--hero-inset,12px) 24px;min-height:0}
.hero-journey.is-enhanced .hero-place{width:var(--cover-width);max-width:none;height:var(--cover-height);overflow:hidden;isolation:isolate;background:var(--cover-paper,var(--paper))}
.hero-journey.is-enhanced .hero-place>svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.hero-journey.is-enhanced .hero-place-line{animation:none;stroke-dashoffset:0}
.hero-journey.is-enhanced .hero-home .hero-place h1{font-size:var(--opening-type);animation:none;opacity:var(--opening-opacity,1);transform:translateY(var(--opening-rise,0px));pointer-events:none}
.hero-journey.is-enhanced .hero-place-film{transform:none;left:var(--film-left);top:var(--film-top);width:var(--film-width);height:var(--film-height);background:var(--paper)}
.hero-journey.is-enhanced .hero-intro{width:var(--cover-width);max-width:none}
.hero-journey.is-enhanced .hero-web-content{display:block;position:absolute;inset:0;z-index:3;color:#1b211d;font-family:'Recia',Georgia,serif;opacity:var(--web-opacity,0);transform:translateY(var(--web-rise,18px))}
.hero-web-masthead{position:absolute;top:4%;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:clamp(10px,1.25cqw,13px);letter-spacing:.02em;text-transform:uppercase}
.hero-web-wordmark{display:block;width:48%;max-width:300px;height:auto}
.hero-web-masthead a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 14px;background:#1b211d;color:#f0ebde;font-family:'Workshop Mono',monospace;text-transform:none;letter-spacing:0}
.hero-web-masthead a:hover{text-decoration:underline;text-underline-offset:4px}
.hero-web-title{position:absolute;top:13%;left:5%;margin:0;font-size:min(clamp(36px,5.7cqw,64px),var(--web-title-limit,64px));font-weight:400;line-height:1.08;letter-spacing:-.04em}
.hero-web-title em,.hero-web-deck em{font-weight:400}
.hero-web-story{position:absolute;top:25%;left:70%;width:25%}
.hero-web-kicker{font-family:'Workshop Mono',monospace;font-size:clamp(9px,1cqw,11px);line-height:1.4;letter-spacing:.06em;text-transform:uppercase}
.hero-web-deck{margin-top:12px;font-size:clamp(18px,2.3cqw,26px);line-height:1.08;letter-spacing:-.04em}
.hero-web-description{margin-top:14px;font:400 clamp(12px,1.3cqw,15px)/1.45 'Recia',Georgia,serif}
.hero-web-detail,.hero-web-landscape{position:absolute;left:70%;width:25%;object-fit:cover;display:block;opacity:var(--detail-opacity,0)}
.hero-web-detail{top:54%;height:19%}
.hero-web-landscape{top:76%;height:18%}
@media(max-width:700px){
  .hero-web-masthead{top:2.5%;font-size:10px}
  .hero-web-wordmark{width:65%}
  .hero-web-title{top:12%;font-size:min(clamp(28px,9.6cqw,54px),var(--web-title-limit,54px))}
  .hero-web-story{top:73%;left:46%;width:49%}
  .hero-web-deck{font-size:clamp(18px,5.2cqw,26px);margin-top:9px}
  .hero-web-kicker{font-size:9px;letter-spacing:.035em}
  .hero-web-description{font-size:clamp(11px,3.1cqw,14px);line-height:1.35;margin-top:10px}
  .hero-web-detail{left:5%;top:73%;width:36%;height:22%}
  .hero-web-landscape{display:none}
}
@media(max-width:700px) and (max-height:650px){
  .hero-web-description{display:none}
}
/* Reduced motion presents the finished composition without a pinned scroll. */
.hero-journey.is-static{height:auto}
.hero-journey.is-static .hero-morph-stage{position:relative;top:auto;height:auto}
.hero-journey.is-static .hero-home>.hero-static-title{position:relative;top:auto;left:auto;transform:none;opacity:1;margin:0 auto 28px;width:var(--cover-width);font-family:'Space Grotesk',Arial,sans-serif;font-size:clamp(36px,7vw,70px);font-weight:400;line-height:.99;letter-spacing:-.055em}
.hero-static-title em{font:inherit;font-style:italic}
.hero-journey.is-static .hero-place{margin-top:0}