/* Approved showcase chapter; independent flight plane is handed back to the gallery. */
.showcase-chapter{position:relative;z-index:1;height:100svh;min-height:620px;background:var(--color-paper);isolation:isolate}
.showcase-chapter>.site-header{position:absolute;inset:0 0 auto;width:100%;height:100px;padding-inline:4%}
.showcase-chapter>.studio-intro{position:absolute;left:4%;right:4%;top:15%;width:auto;max-width:none;margin:0}
#showcase-title{position:absolute;inset:24% 16px auto;text-align:center;font-size:clamp(36px,4.55vw,58px);font-weight:600;letter-spacing:-.035em;line-height:1.13;margin:0;opacity:var(--showcase-copy,1);translate:0 var(--showcase-title-y,0px);pointer-events:none}
.showcase-chapter>.studio-signature{bottom:120px;opacity:var(--showcase-copy,1)}
.showcase-chapter>.hero-bottom{position:absolute;left:4%;right:4%;bottom:42px;width:auto;max-width:none;margin:0;opacity:var(--showcase-copy,1)}
.showcase-chapter>.site-header,.showcase-chapter>.studio-intro{opacity:var(--showcase-copy,1)}
.showcase-flight{position:fixed;inset:0;z-index:40;pointer-events:none;overflow:visible}
.showcase-flight[hidden]{display:none}
.showcase-flight-card{position:absolute;left:0;top:0;padding:0;background:transparent;border:0;border-radius:13px;pointer-events:none;transform-origin:0 0;will-change:transform;isolation:isolate;transition:none}
.showcase-flight[data-interactive="true"] .showcase-flight-card{pointer-events:auto;cursor:pointer}
.showcase-card-face{position:absolute;inset:0;display:block;border-radius:inherit;box-shadow:0 17px 30px -18px #20222066;transition:translate .48s cubic-bezier(.2,1.2,.3,1),scale .48s cubic-bezier(.2,1.2,.3,1),box-shadow .48s}
.showcase-card-face>img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}
.showcase-card-action{position:absolute;right:9px;bottom:9px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--color-surface);color:var(--color-ink)}
.showcase-card-action svg{width:13px;height:13px}
.showcase-card-name{position:absolute;bottom:calc(100% + 13px);left:50%;translate:-50% 8px;opacity:0;width:max-content;max-width:260px;padding:9px 13px;border-radius:9px;background:var(--color-ink);color:var(--color-surface);text-align:center;font-size:12px;line-height:1.45;pointer-events:none;transition:opacity .25s,translate .4s}
.showcase-flight[data-interactive="true"] .showcase-flight-card:is([data-pointer-hover="true"],:focus-visible){z-index:100!important}
.showcase-flight[data-interactive="true"] .showcase-flight-card:is([data-pointer-hover="true"],:focus-visible) .showcase-card-face{translate:0 -48px;scale:1.08;box-shadow:0 27px 40px -19px #20222080}
.showcase-flight[data-interactive="true"] .showcase-flight-card:is([data-pointer-hover="true"],:focus-visible) .showcase-card-name{opacity:1;translate:-50% 0}
.showcase-flight[data-interactive="true"] .showcase-flight-card:focus-visible{outline:2px solid var(--color-focus);outline-offset:6px}
.showcase-handoff .project-card[data-showcase-owned] .project-image{opacity:var(--showcase-thumbnails,0)}
.showcase-handoff .project-card[data-showcase-owned] .project-info{opacity:var(--showcase-info,0)}
.showcase-handoff .work-sidebar{opacity:var(--showcase-sidebar,0);translate:calc((1 - var(--showcase-sidebar,0))*-30px) 0}
.showcase-handoff .work-sidebar [data-reveal-state]{opacity:1!important;translate:none!important}
.showcase-handoff .project-card[data-showcase-owned] [data-reveal-state]{translate:none!important}
@media(max-width:600px){.showcase-chapter{min-height:620px}.showcase-chapter>.site-header{height:74px;padding-inline:17px}.showcase-chapter>.studio-intro{left:20px;right:20px;top:15%}#showcase-title{font-size:clamp(29px,8.3vw,38px);top:26%}.showcase-chapter>.hero-bottom{left:20px;right:20px;bottom:85px}.showcase-chapter>.studio-signature{bottom:160px}.showcase-card-name{max-width:210px;font-size:11px}.showcase-card-action{width:24px;height:24px;right:6px;bottom:6px}.showcase-flight[data-interactive="true"] .showcase-flight-card:is([data-pointer-hover="true"],:focus-visible) .showcase-card-face{translate:0 -28px;scale:1.06}}
@media(prefers-reduced-motion:reduce){.showcase-card-face,.showcase-card-name{transition:none}.showcase-handoff .work-sidebar{translate:none}.showcase-flight[data-interactive="true"] .showcase-flight-card:is([data-pointer-hover="true"],:focus-visible) .showcase-card-face{translate:0 -5px;scale:1}#showcase-title{translate:none}}
@media print{.showcase-flight,.showcase-chapter{display:none!important}.showcase-handoff .project-card[data-showcase-owned] .project-image{visibility:visible}.showcase-handoff .project-card[data-showcase-owned] .project-info,.showcase-handoff .work-sidebar{opacity:1;translate:none}}
/* Browser-native chapter settling replaces the delayed wheel spring. */
html.native-chapters{scroll-snap-type:y mandatory}
html.native-chapters[data-chapter-moving="true"]{scroll-snap-type:none}
body>.site-header{scroll-snap-align:start;scroll-margin-top:0}
.chapter-snap-anchor{display:block;height:1px;margin-bottom:-1px;scroll-snap-align:start;scroll-snap-stop:always}
#work{scroll-snap-align:none;scroll-margin-top:96px;background:#f7f8f6;color:var(--color-ink);border:0;border-radius:0;box-shadow:none}
#work::before{display:none}
/* Both sections move in the same flow, on one edge-to-edge paper surface. */
main{background:#f7f8f6}
.showcase-flight[data-interactive="false"] .showcase-card-face{translate:none;scale:1;transition:none;box-shadow:none}
.showcase-flight[data-interactive="false"] .showcase-card-action{opacity:calc(1 - var(--flight-spread,0))}
.showcase-chapter{background:#f7f8f6;border-radius:32px 32px 0 0;overflow:clip}
#home .hero-bottom{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
#home .hero-bottom>.hero-zalo{grid-column:2;justify-self:end}
#home .hero-bottom>p{max-width:285px}
@media(max-width:600px){.showcase-chapter{border-radius:24px 24px 0 0}#work{scroll-margin-top:24px}#home .hero-bottom{grid-template-columns:1fr;justify-content:center}#home .hero-bottom>.hero-zalo{grid-column:1;justify-self:center}}
@media(prefers-reduced-motion:reduce){html.native-chapters{scroll-snap-type:none}}
html.native-chapters{scroll-padding-top:0}