/* Scoped to the selected project detail, never the project index or homepage. */
#sieryne-red-site .site-canvas.project-panel-scroll{scroll-snap-type:none;scroll-padding-top:var(--project-nav-height,80px)}
html[data-sieryne-refinement="on"] #sieryne-red-site .project-spotlight .project-reader-media{display:block;gap:0;padding:0;background:var(--cotton)}
html[data-sieryne-refinement="on"] #sieryne-red-site .project-spotlight .project-media-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:var(--project-panel-height,calc(100svh - 80px));min-height:0;margin:0;padding:0;background:var(--cotton);overflow:hidden}
html[data-sieryne-refinement="on"] #sieryne-red-site .project-spotlight .project-reader-media .project-media-panel :is(img,video){flex:1 1 0;display:block;width:100%!important;height:0!important;min-height:0!important;max-height:100%!important;max-width:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important;opacity:1!important;background:transparent!important;margin:0}
#sieryne-red-site .project-media-panel figcaption{flex:0 0 auto;max-height:25%;overflow:auto;margin:0;padding:8px 20px}
#sieryne-red-site .case-film-panel .project-panel-visual>button{flex:0 0 auto;margin:0 20px 8px;border:0;border-bottom:1px solid currentColor;background:none;color:var(--red);min-height:44px;font:400 15px var(--font-body);cursor:pointer}
#sieryne-red-site .project-spotlight>.case-header{scroll-snap-align:start}
@media(prefers-reduced-motion:reduce){#sieryne-red-site .site-canvas.project-panel-scroll{scroll-behavior:auto;scroll-snap-type:none}}

#sieryne-red-site .project-panel-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;transform-origin:center top;will-change:transform;backface-visibility:hidden;overflow:hidden}
/* Intro belongs beside the opening image, outside its shrinking visual. */
html[data-sieryne-refinement="on"] #sieryne-red-site .project-spotlight .project-media-panel{position:relative}
html[data-sieryne-refinement="on"] #sieryne-red-site .project-spotlight .project-opening-panel{display:grid;grid-template-columns:minmax(170px,.8fr) minmax(0,1.4fr);align-items:start;height:auto;min-height:var(--project-panel-height);overflow:visible}
#sieryne-red-site .project-opening-panel>.project-panel-visual{height:var(--project-panel-height);min-width:0}
html[data-sieryne-refinement="on"] #sieryne-red-site .project-spotlight .project-opening-intro{padding:24px 18px;color:var(--red);min-width:0;overflow-wrap:anywhere}
html[data-sieryne-refinement="on"] #sieryne-red-site .project-spotlight .project-opening-intro h2{font:400 clamp(23px,4cqw,34px)/1.1 var(--font-display);margin:0 0 16px;letter-spacing:-.02em}
html[data-sieryne-refinement="on"] #sieryne-red-site .project-spotlight .project-opening-intro p{font:400 13px/1.5 var(--font-body);margin:0 0 14px;max-width:36ch}
html[data-sieryne-refinement="on"] #sieryne-red-site .project-spotlight .project-opening-intro .case-headline{font:400 18px/1.25 var(--font-display);margin-top:24px}
@media(max-width:700px){html[data-sieryne-refinement="on"] #sieryne-red-site .project-spotlight .project-opening-panel{grid-template-columns:minmax(0,1fr)}html[data-sieryne-refinement="on"] #sieryne-red-site .project-spotlight .project-opening-intro{padding:22px 24px 12px}html[data-sieryne-refinement="on"] #sieryne-red-site .project-spotlight .project-opening-intro p{font-size:15px;max-width:none}}