/* One self-contained cover: a short pin, then the whole cover exits in document flow. */
.homepage .site-header {position:absolute;top:0;left:0;width:100%;background:transparent;grid-template-columns:minmax(0,1fr) auto}
.opening-sequence {position:relative;isolation:isolate}
.cover-stage {height:118vh;height:118svh;position:relative}
.cover-pin {position:sticky;top:0}
.cover {position:relative;overflow:hidden;isolation:isolate;min-height:100vh;min-height:100svh;display:flex;align-items:flex-end;padding:154px 30px 48px;background:#000}
.cover-background {position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.58;background:radial-gradient(ellipse at 65% 35%,#783e28 0%,transparent 55%),radial-gradient(ellipse at 35% 70%,#530d0d 0%,transparent 55%),#000}
.cover-content {position:relative;z-index:1;width:100%}
.cover .site-header {z-index:2}
.cover .site-menu nav {background:#000}
.cover .eyebrow {margin:0 0 clamp(1.5rem,2.5vw,2.5rem);font-size:var(--type-label);line-height:1.3;letter-spacing:.085em;max-width:48ch}
.cover h1 {font-size:clamp(1.5rem,5.55vw,6.5rem);font-weight:700;letter-spacing:-.045em;line-height:1.025;margin:0;overflow-wrap:break-word}
.cover .statement-line {font-weight:700}
.cover .statement-line+.statement-line {margin-top:.01em}
.opening-sequence #work {position:relative;z-index:1;margin-top:0;min-height:100vh;min-height:100svh;padding:clamp(2rem,4vh,4rem) 30px 3rem;background:#000;border-top:1px solid #292929;display:flex;flex-direction:column;justify-content:center;scroll-margin-top:0}
.opening-sequence .project-rail {flex-shrink:0}
.homepage #studio {border-top:1px solid #292929}
.homepage #studio .studio-body {margin-top:0}
@media(max-width:800px) {
  .cover-stage {height:112vh;height:112svh}
  .cover {padding:154px 20px 32px}
  .cover h1 {font-size:clamp(1.125rem,5.55vw,2.75rem);line-height:1.05;letter-spacing:-.04em}
  .cover .eyebrow {font-size:.8125rem;max-width:30ch}
  .opening-sequence #work {padding:32px 20px 48px}
}
/* Reduced motion and enlarged text use ordinary flow with a still ribbon. */
.opening-sequence.cover-static .cover-stage {height:auto}
.opening-sequence.cover-static .cover-pin {position:relative}
@media(prefers-reduced-motion:reduce) {
  .cover-stage {height:auto}
  .cover-pin {position:relative}
}