/* Shared paper choreography. Theme, loading and ink styles keep their ownership. */
[data-page-motion] .flow-surface,[data-page-motion] .flow-bridge{display:none!important}
[data-page-motion].is-scroll-story .scroll-canvas .ticket-scene{min-height:100%;background:var(--study-paper);backface-visibility:hidden;transform-origin:50% 50%}
[data-page-motion].is-scroll-story .scroll-sticky{overflow:clip;perspective:1400px;background:transparent;pointer-events:none}
[data-page-motion].is-scroll-story .scroll-canvas{perspective:1100px;overflow:clip;z-index:1}
[data-page-motion].is-scroll-story .story-stage>.about{margin-top:-100svh;z-index:32;overflow:visible}
[data-page-motion] .flow-seed{z-index:22}
[data-page-motion].is-scroll-story .scroll-story{z-index:10}
[data-page-motion].is-scroll-story .scroll-canvas::after{opacity:var(--gravity-edge,1)}
.tx-gravity-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.tx-gravity-floor{position:fixed;left:0;bottom:10px;height:2px;background:var(--study-accent);z-index:60;pointer-events:none;opacity:0;transform-origin:50% 50%}
.gravity-measuring .hero h1>span:nth-child(2) .ink-avoid-glyph{translate:none!important}
.gravity-note-measuring .hero .paper-note{translate:none!important}
.tx-gravity-note-print{display:none;position:absolute;left:0;top:0;right:auto;bottom:auto;margin:0;transition:none;pointer-events:none}
.is-scroll-story .tx-gravity-note-print{display:block}
[data-page-motion].signal-tuning .story-stage>.hero{background:var(--study-bg);color:var(--study-ink)}
[data-page-motion].is-scroll-story .scroll-shell>.breakout-ticker{display:flex;align-items:flex-start;justify-content:center;overflow:hidden}
[data-page-motion] .breakout-ticker .ticker-feed{flex:0 0 100%;min-width:0;transform-origin:50% 0}
[data-page-motion] .scroll-story[data-handoff="0"] .breakout-ticker .ticker-track,
[data-page-motion] .scroll-story[data-chapter="works"] .breakout-ticker .ticker-track{animation-play-state:running!important}
/* Let the crawl breathe below the title; the cards replace the old label row. */
[data-page-motion].is-scroll-story .scroll-canvas .works-scene{padding:114px 36px 24px;--portfolio-height:min(450px,calc(100svh - 336px));--works-crawl-offset:24px}
[data-page-motion] .works-kinds{display:flex;align-items:center;gap:12px;font:700 11px/1 var(--mono)}
[data-page-motion] .works-kinds button{min-height:36px;border:0;border-bottom:2px solid transparent;padding:5px 3px;background:none;color:inherit;font:inherit;cursor:pointer}
[data-page-motion] .works-kinds button[aria-pressed="true"]{border-color:currentColor}
[data-page-motion] .works-kinds button:focus-visible{outline:2px solid currentColor;outline-offset:3px}
[data-page-motion] .works-scene .portfolio-item{transition:none}
[data-page-motion] .works-scene .portfolio-caption{display:grid;grid-template-columns:auto 1fr auto;gap:20px;color:var(--scene-ink)}
[data-page-motion] .works-scene .works-kinds{justify-self:center}
[data-page-motion] .works-scene{background:var(--scene-bg)}
[data-page-motion]:not(.is-scroll-story) .scroll-story .works-scene{background:var(--scene-bg)}
[data-page-motion] .chapter-word[data-chapter="works"]>.chapter-edge{color:var(--study-tickerInk);clip-path:var(--ribbon-edge,inset(100% 0 0))}
[data-page-motion].is-scroll-story[data-ticket-scene="works"] .scroll-canvas{background:transparent!important;box-shadow:none!important}
[data-page-motion][data-ticket-scene="works"] .scroll-canvas::after{display:none}
[data-page-motion] .about>.site-footer{border-top:0}
[data-page-motion] .about>.site-footer .footer-restart{border-right:0;padding-right:0}
[data-page-motion]:not(.is-scroll-story) .works-scene .portfolio-caption{display:flex;justify-content:center}
[data-page-motion]:not(.is-scroll-story) .works-scene .portfolio-caption>.portfolio-progress,
[data-page-motion]:not(.is-scroll-story) .works-scene .portfolio-caption>.portfolio-hint{display:none}
/* Approved cyber palettes use solid paper and clear contrasting title ink. */
[data-page-motion] .card-underlay{opacity:1}
[data-page-motion] .tool-art::after{background:none}
[data-page-motion] .portfolio-item[data-item-id="opal"] .tool-art::before{background:var(--study-paper);opacity:1}
[data-page-motion] .portfolio-item[data-item-id="travel"] .portfolio-title .title-serif em{color:var(--study-paper)}
@media(max-width:700px){
 [data-page-motion] .portfolio-actions{flex-wrap:wrap;gap:10px}
 [data-page-motion] .portfolio-action-btn{gap:8px}
 [data-page-motion] .portfolio-action-btn .btn-label{font-size:18px;white-space:nowrap}
 [data-page-motion].is-scroll-story .scroll-canvas .works-scene{padding:86px 18px 20px;--portfolio-height:min(530px,calc(100svh - 370px));--works-crawl-offset:12px}
 [data-page-motion] .works-kinds{gap:7px;font-size:10px}
 [data-page-motion] .works-scene .portfolio-caption{grid-template-columns:auto auto;gap:0 18px;margin-top:8px}
 [data-page-motion] .works-scene .works-kinds{justify-self:end}
 [data-page-motion] .works-scene .portfolio-hint{grid-column:1/-1;font-size:10px}
}