.project-florion{--chapter-bg:#f0f2f5;--chapter-ink:#20272e;--chapter-muted:#616b75;--chapter-accent:#bb303a;--chapter-line:#20272e20}
.project-florion .project-brand img{width:210px;height:auto}.scene-florion{display:flex;flex-direction:column;justify-content:center;padding:28px 20px;gap:16px;background:linear-gradient(145deg,#e8ecf0,#f8f9fb);min-width:0}
.fl-window{width:100%;border:1px solid #d9dfe4;border-radius:8px;background:white;overflow:hidden;box-shadow:0 24px 60px -35px #25344370;transform:translate(calc(var(--pointer-x,0)*2px),calc(var(--pointer-y,0)*2px));color:#26313b}
.fl-toolbar{padding:16px 20px;border-bottom:1px solid #e8ebee;display:flex;align-items:center;justify-content:space-between;gap:15px}.fl-toolbar img{width:100px;height:auto}.fl-toolbar>span{font-size:8px;letter-spacing:.1em;color:#747e88}
.fl-screens{position:relative;aspect-ratio:16/9;height:auto;padding-top:64px;box-sizing:content-box}.fl-screen{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .4s ease,transform .5s ease,visibility .4s}.fl-screen:first-child,.fl-screen.is-visible{opacity:1;visibility:visible;transform:none}.fl-window.has-view .fl-screen:not(.is-visible){opacity:0;visibility:hidden;transform:translateY(-8px)}
.fl-view-heading{height:64px;padding:12px 18px;display:flex;flex-direction:column;justify-content:center;gap:3px}.fl-view-heading span{font-size:8px;letter-spacing:.1em;color:#ad3540}.fl-view-heading strong{font-size:16px;line-height:1.3;font-weight:600}.fl-screen>a{display:block;aspect-ratio:16/9;cursor:zoom-in}.fl-screen img{width:100%;height:100%;object-fit:contain;border-block:1px solid #e4e8ec}
.fl-tabs{display:flex;padding:8px;gap:4px}.fl-tabs button{flex:1;min-width:0;border:0;background:transparent;font-size:10px;padding:10px 3px;border-radius:4px;color:#68747e}.fl-tabs button[aria-pressed=true]{background:#b52f39;color:white}.fl-caption{font-size:9px;line-height:1.7;color:#68747e;margin:0}.creator-brand-florion img{width:100%;height:auto;max-height:25px}
@media(max-width:700px){.scene-florion{padding:24px 12px;min-height:0!important;height:auto!important}.fl-toolbar{padding:15px}.fl-toolbar>span{font-size:7px}.fl-tabs button{font-size:9px;min-height:44px}.fl-caption{font-size:10px}.fl-view-heading strong{font-size:15px}}
@media(prefers-reduced-motion:reduce){.fl-window,.fl-screen{transform:none!important;transition:none!important}}
@media(min-width:1001px) and (min-height:650px){.has-scroll-story .scene-florion{align-items:center;padding:20px;gap:10px}.has-scroll-story .fl-window{max-width:calc((var(--panel-height) - 245px)*1.77778)}.has-scroll-story .fl-caption{max-width:570px}}
/* Detail framing preserves the original pixels; full recordings remain linked. */
.project-florion .project-panel{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr)}
.project-florion .project-statement{font-size:clamp(1.8rem,2.6vw,2.8rem)}
.fl-screens{aspect-ratio:auto;height:340px;padding-top:0;box-sizing:border-box}
.fl-screen>a{height:calc(100% - 55px);aspect-ratio:auto;background:#f5f6f8;overflow:hidden}
.fl-screen img{object-fit:contain;border:0}.fl-view-heading{height:55px;padding-block:8px}
.fl-screen-monitor>a{background:#0c1116}.fl-toolbar{padding:10px 16px}
@media(min-width:1001px) and (min-height:650px){.has-scroll-story .fl-window{max-width:100%}.has-scroll-story .fl-screens{height:calc(var(--panel-height) - 190px)}}
@media(max-width:1000px){.project-florion .project-panel{grid-template-columns:1fr}}
@media(max-width:700px){.fl-screens{height:300px}.fl-screen-monitor img,.fl-screen:nth-child(4) img{object-fit:cover;object-position:left center}.fl-screen-monitor>a{overflow:auto}.fl-screen-monitor img{width:auto;max-width:none;height:100%}.fl-screen:nth-child(4) img{object-fit:contain}}