.final-preview{--final-scroll-top:96px;--bg:#fafafa;--ink:#191919;--muted:#61615f;--line:#d5d5d1;--stage:#eceef0;--radius:12px}
.final-preview .nav-note{color:#53534f}
.final-preview .visual.volleyball .visual-inner{width:85%;height:80%}
.final-preview .visual.volleyball img{width:100%;height:100%;object-fit:contain}
.final-preview .visual.volleyball.case-hero{background:transparent;aspect-ratio:auto;max-height:none}
.final-preview .visual.volleyball.case-hero .visual-inner{width:100%;height:auto;padding:0}
.final-preview .visual.volleyball.case-hero img{position:static;width:100%;height:auto;display:block}
.final-preview .case-section-heading{margin-bottom:20px}
.final-preview .fp-delivery{font-size:18px;line-height:1.65;color:var(--muted);margin-bottom:36px;max-width:740px}
.final-preview .fp-paris-grid{width:100%;height:100%;display:grid;grid-template-columns:1fr 1fr;gap:20px 24px;min-height:0;max-width:940px;margin:auto}
.final-preview .fp-paris-grid figure{min-height:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px}
.final-preview .fp-paris-grid img{width:100%;height:calc(100% - 26px);object-fit:contain;object-position:left center;min-height:0;border-radius:12px}
.final-preview .fp-paris-grid figcaption{font-size:12px;line-height:1.5;color:#53534f}
.final-preview .fp-paris-grid{grid-template-rows:1fr 1fr;align-items:center;max-width:min(100%,calc((var(--final-scroll-stage-height) - 256px)*1.776 + 24px))}
.final-preview .fp-paris-grid figure{display:block;min-width:0}
.final-preview .fp-paris-grid img{width:100%;height:auto;aspect-ratio:382/215;object-fit:cover;border-radius:12px}
.final-preview .fp-paris-grid figcaption{margin-top:8px}
.final-preview .fp-gallery-image{height:100%;width:100%;display:flex;align-items:center;justify-content:center;min-height:0}
.final-preview .fp-screen{height:100%;max-width:100%;border-radius:12px;overflow:hidden;min-height:0}
.final-preview .fp-screen-desktop{width:100%}
.final-preview .fp-screen-mobile{aspect-ratio:9/14;max-width:100%}
.final-preview .fp-screen-card{aspect-ratio:440/512;max-width:100%}
.final-preview .fp-screen img{width:100%;height:100%;max-height:100%;border-radius:12px}
.final-preview .fp-screen-contain img{object-fit:contain}
.final-preview .fp-screen-crop img{object-fit:cover;object-position:var(--fp-position,50% 0%)}
.final-preview .fp-more-content{margin-top:56px}
.final-preview .fp-more-content h3{font-size:27px;font-weight:500;line-height:1.2;margin-bottom:12px}
.final-preview .fp-more-content>p{font-size:17px;line-height:1.65;color:var(--muted)}
.final-preview .fp-content-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:28px 0}
.final-preview .fp-content-types img{width:100%;height:auto;border-radius:12px}
.final-preview .fp-content-types figcaption,.final-preview .fp-showcase figcaption,.final-preview .fp-schedule-kit figcaption{font-size:13px;color:var(--muted);margin-top:12px;line-height:1.6}
.final-preview .fp-more-content .fp-related{font-size:15px;max-width:650px}
.final-preview .fp-showcase img,.final-preview .fp-showcase canvas,.final-preview .fp-schedule-kit img{width:100%;height:auto;display:block;border-radius:12px}
.final-preview .fp-showcase canvas{aspect-ratio:16/9;background:var(--stage)}
.final-preview .fp-preview-link{position:fixed;right:20px;bottom:18px;z-index:45;font:12px/1.5 Pretendard,Arial,sans-serif;color:#53534f}
.final-preview .fp-preview-link a{display:block;background:#f8f8f6;border:1px solid #c8c8c3;border-radius:8px;padding:10px 12px;box-shadow:0 2px 16px #00000008}
.final-preview .fp-preview-link a:hover{color:var(--ink);border-color:#191919}
.fp-final-invite{display:flex;justify-content:space-between;align-items:center;gap:32px;padding:28px 32px;background:#e8e8e4;border-radius:12px;margin-top:36px;font-size:16px}
.fp-final-invite strong{font-weight:550;font-size:20px;letter-spacing:-.025em}
.fp-final-invite p{font-size:14px;margin-top:8px;line-height:1.6}
.fp-final-invite>a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:5px;white-space:nowrap;font-size:15px}
@media(max-width:760px){
 .final-preview,.final-preview .final-scroll{--final-scroll-top:132px}
 .final-preview .case-layout{display:block}
 .final-preview .case-toc{display:flex;position:sticky;top:68px;z-index:18;flex-direction:row;gap:8px;overflow-x:auto;scrollbar-width:none;background:#f8f8f6;border-bottom:1px solid var(--line);padding:8px 0;margin:0 0 36px;align-self:start}
 .final-preview .case-toc::-webkit-scrollbar{display:none}
 .final-preview .case-toc a{flex:none;white-space:nowrap;border-left:0;border-bottom:2px solid transparent;padding:10px 12px;min-height:42px;font-size:12px}
 .final-preview .case-toc a.active{border-bottom-color:var(--ink);background:none}
 .final-preview .case-section{scroll-margin-top:64px}
 .final-preview .fp-delivery{font-size:16px;margin-bottom:28px}
 .final-preview .fp-paris-grid{gap:16px 12px;max-width:min(100%,calc((var(--final-scroll-stage-height) - 228px)*1.776 + 12px))}
 .final-preview .fp-paris-grid figure{gap:5px}
 .final-preview .fp-paris-grid img{height:auto;border-radius:12px}
 .final-preview .fp-paris-grid figcaption{font-size:11px;margin-top:5px}
 .final-preview .fp-more-content{margin-top:44px}
 .final-preview .fp-more-content h3{font-size:25px}
 .final-preview .fp-more-content>p{font-size:16px}
 .final-preview .fp-content-types{grid-template-columns:1fr;gap:28px}
 .final-preview .fp-preview-link{bottom:12px;right:12px;font-size:11px}
 .final-preview .fp-preview-link a{padding:8px 10px}
 .fp-final-invite{display:block;padding:24px;margin-top:24px}
 .fp-final-invite>a{margin-top:16px}
}
