.crismix-header{min-height:var(--site-header-height);justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 6);display:flex}.crismix-wordmark{font-family:var(--font-display);font-weight:650;font-size:var(--text-h3);letter-spacing:var(--text-h3--letter-spacing)}.crismix-header nav{gap:calc(var(--spacing) * 8);display:flex}.crismix-header nav a{padding-block:calc(var(--spacing) * 3)}.crismix-intro{padding-block:var(--intro-space)}.crismix-intro h1{max-width:var(--intro-title-measure)}.intro-bottom{justify-content:space-between;align-items:flex-end;gap:calc(var(--spacing) * 8);margin-top:calc(var(--spacing) * 8);display:flex}.intro-bottom p{max-width:var(--intro-copy-measure);font-size:var(--text-lead);line-height:var(--text-lead--line-height)}.intro-photo{width:100%;height:var(--intro-photo-height);object-fit:cover;margin-top:calc(var(--spacing) * 10)}.stage-story{grid-template-columns:minmax(0,1fr);align-items:start;display:grid;position:relative}.stage-visual{z-index:2;height:var(--stage-mobile-height);background:var(--background);position:sticky;top:0}.stage-experience{width:100%;height:100%;position:relative;overflow:hidden}.stage-fallback{object-fit:contain;width:100%;height:100%}.stage-experience[data-ready=true] .stage-fallback{opacity:0;pointer-events:none;position:absolute;inset:0}.stage-experience>div:has(canvas){width:100%;height:100%}.stage-effect-controls{bottom:calc(var(--spacing) * 5);justify-content:center;gap:calc(var(--spacing) * 2);width:100%;padding-inline:calc(var(--spacing) * 3);flex-wrap:wrap;display:flex;position:absolute;left:0}.stage-copy{min-width:0}.stage-chapter{min-height:var(--stage-mobile-chapter);padding-block:calc(var(--spacing) * 10);scroll-margin-top:var(--stage-mobile-height);align-items:center;display:flex}.stage-description{margin-top:calc(var(--spacing) * 6);font-size:var(--text-lead);line-height:var(--text-lead--line-height)}.stage-detail{margin-top:calc(var(--spacing) * 4);max-width:var(--intro-copy-measure);color:var(--muted-foreground);line-height:1.6}.real-work{padding-block:var(--section-space)}.real-work h2{max-width:var(--intro-title-measure)}.real-work>p{max-width:var(--intro-copy-measure);margin-top:calc(var(--spacing) * 5);font-size:var(--text-lead)}.real-work-images{gap:calc(var(--spacing) * 5);margin-top:calc(var(--spacing) * 10);display:grid}.real-work-images img{width:100%;height:var(--work-photo-height);object-fit:cover}.real-work-images figcaption{margin-top:calc(var(--spacing) * 3)}.crismix-footer{justify-content:space-between;gap:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 10);flex-wrap:wrap;display:flex}.crismix-footer p{color:var(--muted-foreground)}[data-static=true] .stage-visual{position:relative}[data-static=true] .stage-chapter{min-height:auto}@media (width<40rem){.intro-bottom{flex-direction:column;align-items:flex-start}.crismix-header nav{gap:calc(var(--spacing) * 4)}}@media (width>=64rem){.stage-story{column-gap:calc(var(--spacing) * 8);grid-template-columns:minmax(0,.8fr) minmax(0,1.35fr)}.stage-visual{top:var(--stage-sticky-top);height:var(--stage-desktop-height);grid-area:1/2}.stage-copy{grid-area:1/1}.stage-chapter{min-height:var(--stage-desktop-chapter);scroll-margin-top:var(--stage-sticky-top)}.real-work-images{gap:calc(var(--spacing) * 8);grid-template-columns:1.4fr 1fr}[data-static=true] .stage-visual{position:sticky}[data-static=true] .stage-chapter{min-height:var(--stage-static-chapter)}}@media (prefers-reduced-motion:reduce){.stage-visual{position:relative}.stage-chapter{min-height:auto}}.stage-intro{min-height:var(--stage-intro-height);justify-content:center;align-items:flex-start;gap:calc(var(--spacing) * 7);padding-block:calc(var(--spacing) * 10);flex-direction:column;display:flex}.stage-intro p{max-width:var(--intro-copy-measure);font-size:var(--text-lead);line-height:var(--text-lead--line-height)}.stage-intro h1{font-size:var(--text-h1)}@media (width<64rem){.stage-intro{min-height:auto;padding-top:calc(var(--spacing) * 6)}}.stage-story{padding-top:calc(var(--spacing) * 8);color:var(--foreground)}.stage-visual{top:var(--site-header-height);border-radius:var(--panel-radius);background:var(--color-ink-950);overflow:hidden}.stage-experience>div:has(canvas){position:absolute;inset:0}.stage-loading{padding:calc(var(--spacing) * 6);color:var(--color-blue-100);text-align:center;place-content:center;display:grid;position:absolute;inset:0}.stage-intro{min-height:auto;padding-block:calc(var(--spacing) * 8)}.stage-chapter{min-height:var(--stage-static-chapter)}.stage-chapter>div{width:100%}.stage-detail{color:var(--muted-foreground)}.stage-fallback{object-fit:cover}@media (width<64rem){.stage-visual{height:var(--stage-mobile-height);position:relative;top:auto}.stage-story{gap:calc(var(--spacing) * 6)}.stage-chapter{min-height:auto}}.stage-visual noscript img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}