
.floor-book-section{max-width:1220px;margin:45px auto 65px;padding:0 18px;color:#30282b}
.floor-book-intro{text-align:center;margin:0 auto 28px;max-width:760px}
.floor-book-intro .detail-english-label{font-family:Manrope,sans-serif;color:#a28370;font-size:13px;letter-spacing:.14em}
.floor-book-intro h2{font-size:clamp(27px,3vw,43px);letter-spacing:-.04em;margin:8px 0 13px;font-weight:700}
.floor-book-intro>p:last-child{color:#716c6a;font-size:14px;line-height:1.8}
.floor-book-shell{background:#eeeae6;padding:28px clamp(12px,3vw,42px) 20px;border-radius:2px}
.floor-book-top,.floor-book-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px}
.floor-book-top{color:#665b55;font-family:Manrope,'Noto Sans KR',sans-serif;font-size:12px;margin:0 24px 20px}
.floor-book-kicker{letter-spacing:.13em;font-size:11px}
.floor-book-stage{position:relative;display:flex;align-items:center;justify-content:center;padding:0 24px;perspective:1800px}
.floor-book-spread{display:grid;grid-template-columns:1fr 1fr;width:min(100%,930px);box-shadow:0 18px 33px #32241c26;transform-style:preserve-3d;position:relative;background:#fff;will-change:transform,opacity}
.floor-book-leaf{display:block;min-width:0;background:white;border:0;padding:0;cursor:zoom-in;overflow:hidden;position:relative}
.floor-book-leaf:first-child{box-shadow:inset -8px 0 8px #40342712}
.floor-book-leaf:last-child{box-shadow:inset 8px 0 8px #40342712}
.floor-book-leaf img{display:block;width:100%;height:auto;aspect-ratio:652/907;object-fit:contain}
.floor-book-spread::after{content:'';position:absolute;left:calc(50% - 5px);top:0;bottom:0;width:10px;pointer-events:none;background:linear-gradient(90deg,transparent,#302a253b 50%,transparent);z-index:2}
.floor-book-spread.turn-next{animation:bookTurnNext .6s ease-in-out}
.floor-book-spread.turn-prev{animation:bookTurnPrev .6s ease-in-out}
@keyframes bookTurnNext{0%{opacity:1;transform:rotateY(0)}48%{opacity:.34;transform:rotateY(-11deg)}100%{opacity:1;transform:rotateY(0)}}
@keyframes bookTurnPrev{0%{opacity:1;transform:rotateY(0)}48%{opacity:.34;transform:rotateY(11deg)}100%{opacity:1;transform:rotateY(0)}}
.floor-book-arrow{position:absolute;top:50%;transform:translateY(-50%);font-size:34px;line-height:1;display:grid;place-items:center;width:42px;height:56px;background:#fff;border:1px solid #d5cbc5;color:#51323b;cursor:pointer;z-index:3}
.floor-book-arrow.prev{left:0}.floor-book-arrow.next{right:0}
.floor-book-arrow:disabled,.floor-book-controls button:disabled{opacity:.3;cursor:default}
.floor-book-bottom{margin-top:20px;min-height:36px;flex-wrap:wrap}
.floor-book-controls{display:flex;gap:16px;align-items:center;font-size:12px;color:#584a47}
.floor-book-controls button{border:0;background:transparent;color:#5a313d;font:inherit;font-weight:700;cursor:pointer}
.floor-book-dots{display:flex;gap:10px}
.floor-book-dots button{width:9px;height:9px;border:0;border-radius:50%;background:#bab3ad;cursor:pointer}
.floor-book-dots button[aria-current=true]{background:#8f263c;outline:3px solid #8f263c22}
.floor-book-notice{font-size:12px;color:#837e78;margin:16px 4px 0;line-height:1.8}
.floor-book-dialog{border:0;background:#111b;color:white;padding:44px 18px 18px;max-width:min(96vw,1200px);max-height:95vh;box-shadow:0 25px 75px #0008}
.floor-book-dialog::backdrop{background:#101014dd}
.floor-book-dialog img{display:block;max-width:100%;max-height:calc(90vh - 75px);margin:auto;object-fit:contain}
#floorBookClose{position:absolute;top:5px;right:10px;border:0;background:none;color:white;font-size:29px;cursor:pointer}
@media(max-width:680px){
.floor-book-shell{padding:20px 8px 15px}.floor-book-top{margin:0 12px 12px;font-size:11px}
.floor-book-stage{padding:0 33px}.floor-book-spread{grid-template-columns:1fr;max-width:470px}
.floor-book-leaf:first-child{display:none}.floor-book-spread::after{display:none}
.floor-book-arrow{width:32px;height:46px;font-size:27px}
.floor-book-top .floor-book-kicker{font-size:9px}.floor-book-bottom{padding:0 10px}.floor-book-controls{gap:9px}
}
@media(prefers-reduced-motion:reduce){.floor-book-spread.turn-next,.floor-book-spread.turn-prev{animation:none}}
