:root{--reading-top:clamp(88px,11vh,125px);--reading-bottom:34px;--reading-height:calc(100dvh - var(--reading-top) - var(--reading-bottom))}
.film-viewport{height:100dvh}.opening-profile,.opening-career,.door-heading,.door-agents.stack-agents,.commerce-practice,.film-ending{top:var(--reading-top)}
.opening-profile{height:auto;max-height:var(--reading-height)}.opening-profile img{height:clamp(95px,18vh,195px)}
.opening-career{height:var(--reading-height)}
.door-heading{width:72%;left:14%}.door-heading h2{margin:12px 0}.door-heading p{margin:8px 0}
.workbench-view{left:14%;top:calc(var(--reading-top) + 132px);width:72%;height:calc(var(--reading-height) - 132px)}.workbench-view img{height:100%;max-height:100%;object-fit:contain}
.door-agents.stack-agents{left:14%;width:72%;max-width:none}.stack-agents>small{margin-bottom:14px}.stack-agents .door-grid{height:calc(var(--reading-height) - 30px)}.agent-stack-card{gap:12px}.agent-stack-card header h2{font-size:clamp(19px,2vw,29px)}.stack-intro p{font-size:clamp(12px,1.1vw,16px)}
.film-works.render-content{top:var(--reading-top);height:var(--reading-height);left:8%;width:84%;grid-template-rows:18px auto minmax(0,1fr) auto 20px}.render-content h2{font-size:clamp(22px,2.5vw,38px)}
.commerce-practice{max-height:var(--reading-height)}.film-ending{height:var(--reading-height)}
@media(max-width:1200px) and (min-width:901px){.opening-profile{width:48%;left:5%}.opening-profile h2{font-size:42px}.profile-facts{font-size:15px}.opening-profile p{font-size:14px}.profile-capabilities>div{grid-template-columns:110px 1fr;gap:10px}.profile-capabilities b,.profile-capabilities span{font-size:12px}.opening-career{grid-template-columns:35% 34%}.opening-career h3{font-size:21px}.opening-career p{font-size:14px}.film-ending h2{font-size:44px}.ending-identity{width:27%}.ending-contact{width:28%}.ending-contact a{font-size:16px}}
@media(max-width:1100px),(max-aspect-ratio:4/3){
.film-works.hologram-content{left:6%!important;top:var(--reading-top)!important;width:88%!important;height:var(--reading-height)!important;--panel-scale:1!important;display:grid;grid-template-columns:1fr;grid-template-rows:18px auto minmax(0,1fr) auto 20px;gap:12px;overflow:visible}
.hologram-content small,.hologram-content h2,.hologram-content p,.hologram-content .film-work-count{position:static;left:auto;top:auto;width:auto;margin:0}
.hologram-content small{grid-row:1}.hologram-content h2{grid-row:2;font-size:clamp(20px,3vw,30px);line-height:1.4}.hologram-content p{grid-row:4;display:block;font-size:12px}.hologram-content .film-work-count{grid-row:5;font-size:11px;text-align:left}
.hologram-content .film-work-image{position:relative;left:auto;top:auto;grid-row:3;width:100%;height:100%;min-height:0;gap:14px;padding-bottom:22px}.hologram-content .paired-label{font-size:11px}
}
@media(max-width:900px){
:root{--reading-top:132px;--reading-bottom:30px}
.opening-profile,.opening-career{left:6%;width:88%}.opening-profile img{height:105px}.opening-career{grid-template-columns:1fr 1fr;gap:22px}.opening-career article{padding:10px 0;margin-top:10px}.opening-career h3{font-size:17px}.opening-career p{font-size:12px}
.door-heading,.door-agents.stack-agents{left:5%;width:90%}.door-heading h2{font-size:clamp(23px,4vw,34px)}.door-heading p{font-size:13px}.workbench-view{left:5%;width:90%;top:calc(var(--reading-top) + 120px);height:calc(var(--reading-height) - 120px)}
.agent-stack-card header{gap:10px}.agent-stack-card header strong{font-size:30px}.agent-stack-card header h2{font-size:19px}.door-grid .stack-details{font-size:11px}.stack-intro p{font-size:12px}.stack-flow{font-size:10px}
.film-works.render-content{left:5%;width:90%;column-gap:12px}.render-content p{font-size:12px;line-height:1.5}
.commerce-practice{left:6%;width:88%}.film-ending{left:6%;width:88%}.ending-contact a{white-space:normal;overflow-wrap:anywhere}
}
@media(max-height:800px){
.opening-profile h2{font-size:36px;margin:10px 0 4px}.opening-profile h3{font-size:20px;margin:4px 0}.profile-facts{margin:16px 0 6px;gap:8px;font-size:14px}.opening-profile p{font-size:13px;margin:5px 0;line-height:1.6}.opening-profile .accent{font-size:18px;margin:10px 0 5px}.profile-contact{margin-top:10px;gap:8px 18px}.profile-contact a{font-size:12px}.opening-profile .profile-capabilities{margin-top:14px;gap:9px}.opening-profile .profile-capabilities>div{padding-top:8px}.profile-capabilities b,.profile-capabilities span{font-size:11px}
.opening-career h2{font-size:29px}.opening-career h3{font-size:19px;margin:6px 0}.opening-career p{font-size:13px;line-height:1.5}.opening-career article{padding:10px 0;margin-top:10px}
.commerce-practice h2{font-size:36px;margin:12px 0}.commerce-practice .commerce-lead{font-size:15px;margin-bottom:16px}.commerce-areas article{padding:10px 0}.commerce-areas h3{font-size:19px}.commerce-areas p{font-size:12px;line-height:1.55}.commerce-practice .commerce-closing{margin-top:10px;font-size:12px}
}
@media(max-width:600px){.opening-career h3{font-size:16px}.opening-career p{font-size:11px}.opening-career h2{font-size:26px}.opening-career time{font-size:10px}.opening-career{gap:16px}.opening-career small{font-size:9px}.profile-capabilities>div{grid-template-columns:96px 1fr}.film-ending h2{font-size:34px}.ending-flourish{margin:12px 0 0}.ending-identity{margin-top:14px}.ending-identity h3{font-size:20px;margin:8px 0}.ending-identity p{font-size:12px;margin:6px 0}.ending-contact{gap:8px;margin-top:16px}.ending-contact a{font-size:17px;padding-top:8px}}
@media(max-height:550px){
:root{--reading-top:78px;--reading-bottom:22px}
#full-contents{top:6px;width:calc(100% - 24px);max-width:820px}#chapter-links{display:grid;grid-template-columns:repeat(5,1fr);border-radius:12px;padding:3px}#chapter-links button{font-size:11px;padding:5px 3px}
.opening-brand{top:var(--reading-top);font-size:12px}.opening-title{top:calc(var(--reading-top) + 35px)}.opening-title h1{font-size:clamp(23px,4vw,38px)}.opening-title p{margin-top:10px}
.opening-profile{width:55%;left:5%;overflow-y:auto;pointer-events:auto;padding-right:10px}.opening-profile img{width:20%;height:80px}.opening-profile h2{font-size:28px}.opening-profile h3{font-size:17px}.profile-facts{margin-top:10px}.opening-profile .accent{font-size:16px}.profile-contact{flex-direction:row}.profile-capabilities>div{grid-template-columns:92px 1fr}
.opening-career{left:5%;width:90%;grid-template-columns:1fr 1fr;gap:8%;overflow-y:auto;pointer-events:auto}.opening-career>div{min-height:min-content}.opening-career article{flex:none}.opening-career p{font-size:12px}.opening-career h3{font-size:17px}
.door-heading h2{font-size:24px;margin:5px 0}.door-heading p{font-size:12px}.door-heading small{font-size:9px}.workbench-view{top:calc(var(--reading-top) + 88px);height:calc(var(--reading-height) - 88px)}
.stack-agents>small{font-size:9px;margin-bottom:8px}.stack-agents .door-grid{height:calc(var(--reading-height) - 20px)}.agent-stack-card{gap:6px}.agent-stack-card header strong{font-size:25px}.agent-stack-card header h2{font-size:18px}.stack-intro p{font-size:11px;line-height:1.4;margin-bottom:4px}.stack-flow{font-size:10px}
.film-works.render-content{grid-template-rows:12px auto minmax(0,1fr) auto 14px;gap:4px 12px}.render-content h2{font-size:20px}.render-content p,.render-content .film-work-count{font-size:10px}
.commerce-practice{width:60%;left:5%;overflow-y:auto;pointer-events:auto;padding-right:10px}.commerce-mark{display:none}.commerce-practice h2{font-size:28px}.commerce-practice .commerce-lead{font-size:13px}.commerce-areas h3{font-size:17px}
.film-ending{left:5%;width:90%;overflow-y:auto;pointer-events:auto;text-align:center}.film-ending h2{font-size:30px;max-width:none;margin:8px 0}.ending-star{width:22px;height:22px;left:20%;top:12px}.ending-flourish{display:none}.ending-identity,.ending-contact{position:static;display:inline-flex;vertical-align:top;width:43%;margin:12px 2% 0;text-align:left;flex-direction:column}.ending-identity h3{font-size:18px;margin:6px 0}.ending-identity p{font-size:12px;margin:3px 0}.ending-contact{gap:7px}.ending-contact a{font-size:15px;padding-top:6px}.ending-contact a span{display:inline;margin-right:8px}
}
dialog{box-sizing:border-box;max-width:min(1100px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto}.detail-head h2{overflow-wrap:anywhere}.detail-controls{gap:8px;flex-wrap:wrap}

/* Preserve the entire source frame at every window aspect ratio. */
.film-viewport #portfolio-film{object-fit:contain;object-position:center center}.film-viewport{background:#c9ced7}