/* Individual translate/scale preserve existing photo angles and hover transforms. */
[data-reveal-state="pending"].reveal-pending{opacity:0;translate:0 14px}
[data-reveal-kind="media"].reveal-pending{scale:.988;translate:0 16px}
[data-reveal-kind="info"].reveal-pending{translate:-24px 0}
[data-reveal-kind="product"].reveal-pending{translate:24px 0;scale:.988}
[data-reveal-kind="controls"].reveal-pending{translate:0 -14px}
[data-reveal-state="shown"]{translate:0 0}
@media(max-width:600px){[data-reveal-state="pending"].reveal-pending{translate:0 10px}}
@media(max-width:600px){[data-reveal-kind="info"].reveal-pending{translate:-12px 0}[data-reveal-kind="product"].reveal-pending{translate:12px 0}[data-reveal-kind="controls"].reveal-pending{translate:0 -10px}}
@media(prefers-reduced-motion:reduce){[data-reveal-state].reveal-pending{opacity:1;translate:none;scale:none}}
@media print{[data-reveal-state]{opacity:1!important;translate:none!important;scale:none!important}}

/* The work sheet is opaque and sits above the sticky introductory scene. */
main{isolation:isolate}
.chapter-cover-ready #home{position:sticky;top:0;z-index:0;opacity:var(--hero-cover-opacity,1)}
#home .studio-pin{scale:var(--hero-exit-scale,1);transform-origin:50% 45%}
#home .studio-scene:not(.reveal-pending){opacity:var(--hero-visibility,1)}
#work{position:relative;z-index:2;background:#f7f8f6;border:1px solid var(--color-rule);border-bottom:0;border-radius:28px 28px 0 0;box-shadow:0 -16px 40px -36px var(--color-shadow)}
#about{position:relative;z-index:2;background:var(--color-paper)}
.chapter-cover-ready .nav-pill{opacity:var(--chapter-nav-opacity,0);translate:0 calc((1 - var(--chapter-nav-opacity,0))*-8px);pointer-events:none}
.chapter-cover-ready .nav-pill[data-available="true"]{pointer-events:auto}
.chapter-cover-ready .nav-pill:focus-within{opacity:1;translate:0 0}
#work::before{content:'';display:block;position:absolute;left:35px;right:35px;top:0;height:1px;background:var(--color-surface);pointer-events:none}
@media(max-width:600px){#work{border-radius:20px 20px 0 0}.nav-pill{max-width:calc(100vw - 24px);gap:1px}.nav-pill a{padding:13px 12px;font-size:10px}}
@media(prefers-reduced-motion:reduce){#home .studio-pin{scale:none}#home .studio-scene:not(.reveal-pending){opacity:1}.chapter-cover-ready .nav-pill{translate:none}}
@media print{.chapter-cover-ready #home{position:relative;opacity:1}#home .studio-pin{scale:none}#home .studio-scene:not(.reveal-pending){opacity:1}#work{box-shadow:none}}

/* A soft raised pill, lit from upper-left with a longer lower-right shadow. */
.studio-signature{background:linear-gradient(145deg,#ffffff 0%,#f7f8f5 58%,#e9ece7 100%);border-color:#d8ddd5;box-shadow:8px 12px 20px -8px #343d3040,3px 4px 7px -4px #343d302e,inset 1px 1px 2px #ffffff,inset -1px -1px 2px #c8d0c24d}
.studio-signature:hover{border-color:#c4ccc0;box-shadow:10px 15px 24px -9px #343d3047,3px 4px 8px -4px #343d302e,inset 1px 1px 2px #ffffff,inset -1px -1px 2px #c8d0c24d}
.studio-signature:active{box-shadow:3px 5px 10px -5px #343d3033,inset 1px 1px 3px #9ca69326,inset -1px -1px 2px #ffffff}

/* Masked headings and depth entrances keep the document's actual text intact. */
[data-reveal-kind="title"].reveal-pending,[data-reveal-kind="contact"].reveal-pending{translate:0 20px}
[data-reveal-kind="caption"].reveal-pending{translate:18px 0}
[data-reveal-kind="timeline"].reveal-pending{translate:12px 0}
.project-image[data-reveal-kind="product"]{transform-origin:50% 100%;backface-visibility:hidden}
@media(max-width:600px){[data-reveal-kind="caption"].reveal-pending{translate:8px 0}}
@media(prefers-reduced-motion:reduce){[data-reveal-state].reveal-pending{translate:none;scale:none;clip-path:none}}