.history-page{color:#f4deb4;background:radial-gradient(at 50% 63%,#62462a 0%,#352719 35%,#120f0c 100%);min-height:100vh;font-family:DM Sans,sans-serif}.history-header{background:#201813e8;border-bottom:1px solid #967544;justify-content:space-between;align-items:center;gap:22px;height:82px;padding:12px clamp(20px,5vw,80px);display:flex}.history-brand{letter-spacing:.16em;color:#f4dc9c;align-items:center;gap:12px;font-size:15px;font-weight:700;text-decoration:none;display:flex}.history-brand img{object-fit:contain}.history-brand small{letter-spacing:.3em;color:#d1a860;margin-top:2px;font-size:11px;display:block}.history-header nav{flex-wrap:wrap;gap:clamp(12px,3vw,36px);display:flex}.history-header nav a{color:#e8d4b5;font-size:14px;text-decoration:none}.history-header a:hover{color:#ffd880}.history-main{text-align:center;max-width:1220px;margin:auto;padding:clamp(30px,4vh,56px) 20px 75px}.history-kicker{letter-spacing:.22em;color:#dbb86c;margin:0 0 10px;font-size:13px}.history-main h1{color:#f9e5b4;margin:0 0 13px;font:500 clamp(44px,6vw,76px)/1.1 Cormorant Garamond,Georgia,serif}.book-section{max-width:1035px;margin:auto}.story-book{aspect-ratio:3/2;perspective:1400px;filter:drop-shadow(0 26px 29px #080604ba);width:100%;position:relative}.book-cover{cursor:pointer;color:#f2d694;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;font:600 15px DM Sans,sans-serif;display:flex}.book-cover img{object-fit:contain;filter:drop-shadow(0 20px 20px #0907048c);width:min(85%,850px);max-height:90%;transition:transform .25s;display:block}.book-cover:hover img{transform:translateY(-7px)}.cover-instruction{background:#21170fe6;border:1px solid #a6844c;margin-top:-12px;padding:9px 18px;position:relative}.book-spread{perspective:1400px;width:100%;height:100%;position:relative}.open-book-image{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block}.book-leaf{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;z-index:2;width:50%;height:100%;position:absolute;top:0}.book-leaf:active{cursor:grabbing}.book-leaf-left{left:0}.book-leaf-right{left:50%}.turning-leaf,.dragging-leaf{z-index:4;width:50%;height:100%;transform-style:preserve-3d;pointer-events:none;-webkit-backface-visibility:visible;backface-visibility:visible;background-repeat:no-repeat;background-size:200% 100%;position:absolute;top:0;box-shadow:2px 4px 13px #2e180f66}.turning-leaf.next,.dragging-leaf.next{transform-origin:0;left:50%}.turning-leaf.previous,.dragging-leaf.previous{transform-origin:100%;left:0}.dragging-leaf.next,.turning-leaf.next{background-position:100%}.dragging-leaf.previous,.turning-leaf.previous{background-position:0}.turning-leaf.next{animation:.56s ease-in-out forwards flip-next}.turning-leaf.previous{animation:.56s ease-in-out forwards flip-previous}.turning-front,.turning-back{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;inset:0}.turning-back{background:radial-gradient(#f0dcb5,#b99060);transform:rotateY(180deg);box-shadow:inset 0 0 30px #76512a88}.turning-leaf .page-number,.dragging-leaf .page-number{bottom:4%}@keyframes flip-next{to{transform:rotateY(-180deg)}}@keyframes flip-previous{to{transform:rotateY(180deg)}}.book-controls{justify-content:center;align-items:center;gap:clamp(18px,5vw,75px);margin-top:10px;display:flex}.book-controls button{cursor:pointer;color:#f7dfa6;background:#332317;border:1px solid #ad8244;min-width:112px;padding:12px 20px;font:600 15px DM Sans,sans-serif}.book-controls button:hover:not(:disabled){background:#654225}.book-controls button:disabled{opacity:.42;cursor:default}.spread-count{white-space:nowrap;color:#d6b77a;font-size:15px}.book-cover:focus-visible{outline-offset:5px;outline:3px solid #ffe2a5}.book-controls button:focus-visible{outline-offset:5px;outline:3px solid #ffe2a5}.book-enlarge{color:#efcb85;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;margin-top:18px;font:500 14px DM Sans,sans-serif;text-decoration:underline}:is(.book-enlarge:focus-visible,.book-zoom-close:focus-visible){outline-offset:4px;outline:3px solid #ffe2a5}.book-zoom{z-index:10000;cursor:zoom-out;background:#110b08eb;justify-content:center;align-items:flex-start;padding:70px 20px 35px;display:flex;position:fixed;inset:0;overflow:auto}.book-zoom img{cursor:default;width:min(1536px,100%);height:auto;display:block;box-shadow:0 20px 60px #000b}.book-zoom-close{color:#ffe2aa;cursor:pointer;background:#382416;border:1px solid #ac824a;border-radius:50%;width:44px;height:44px;font-size:29px;line-height:1;position:fixed;top:15px;right:20px}@media (max-width:600px){.history-header{flex-wrap:wrap;height:auto;min-height:70px;padding:12px 16px}.history-header nav{gap:15px}.history-header nav a{font-size:13px}.history-main{padding:30px 7px 55px}.history-main h1{margin-bottom:13px}.story-book{aspect-ratio:3/2}.book-cover img{width:95%}.cover-instruction{margin-top:0;font-size:13px}.book-controls{gap:14px;margin-top:16px}.book-controls button{min-width:87px;padding:10px;font-size:14px}.book-zoom{justify-content:flex-start;padding:70px 0 30px}.book-zoom img{flex:none;width:1000px;max-width:none}}@media (prefers-reduced-motion:reduce){.turning-leaf.next,.turning-leaf.previous{animation-duration:.01ms}.book-cover img{transition:none}}