@font-face{font-family:Americaine;src:url(/a/fonts/americaine-condensed.woff2)}
@font-face{font-family:InterTight;src:url(/a/fonts/inter-tight.woff2);font-weight:100 900}
@font-face{font-family:InstrumentSerif;src:url(/a/fonts/instrument-serif-400.woff2)}
@font-face{font-family:Kattappa;src:url(/a/media/pg/kattappa/kattappa.ttf)}
html.pg-detail,html.pg-detail body{height:100%;overflow:hidden;scroll-behavior:auto}
body.pg-detail-page{font-family:InterTight,sans-serif}
.pg-detail-page>nav{display:none}
.pg-detail-page main{height:100dvh;box-sizing:border-box;padding:94px 32px 18px;display:flex;flex-direction:column;gap:16px;min-height:0}
.pg-detail-page .pg-heading{padding:0;max-width:none;display:flex;align-items:end;justify-content:space-between;gap:32px;flex:0 0 auto}
.pg-back{font:500 10px/1.4 InterTight,sans-serif;text-transform:uppercase;letter-spacing:.1em;display:inline-flex;align-items:center;min-height:32px;text-decoration:none}
.pg-detail-page h1{font:400 clamp(32px,4.2vw,64px)/.95 Americaine,sans-serif;letter-spacing:-.01em;margin:3px 0 0}
.pg-detail-page .pg-heading p{font:400 19px/1.25 InstrumentSerif,serif;max-width:340px;margin:0;padding:0}
.pg-stage{flex:1;min-height:0;position:relative;border-top:1px solid #ffffff20;padding-top:12px}
.pg-live{width:100%;height:100%;border:0;display:block;border-radius:3px;background:#111}
.pg-controls{display:flex;align-items:center;gap:12px;flex:0 0 44px;min-height:44px}
.pg-controls button{width:44px;height:44px;border:1px solid #ffffff40;background:transparent;color:inherit;font:20px InterTight;cursor:pointer;transition:background .18s ease,opacity .18s ease}
.pg-controls button:disabled{opacity:.25;cursor:default}
.pg-controls button:hover:enabled{background:#ffffff16}
.pg-count{font:500 11px/1.3 InterTight,sans-serif;letter-spacing:.06em;min-width:130px}
.pg-help{margin-left:auto;font:400 11px InterTight;color:#aaa}
.pg-slide{position:absolute;inset:12px 0 0;margin:0;display:grid;place-items:center;min-height:0}
.pg-slide[hidden]{display:none}
.pg-slide img,.pg-slide video{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}
.pg-gallery{height:100%;touch-action:pan-x;outline-offset:3px}
.pg-slide.enter{animation:pg-enter .24s cubic-bezier(.165,.84,.44,1) both}
@keyframes pg-enter{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:none}}
.pg-specimen{height:100%;display:flex;flex-direction:column;background:#dbea9c;color:#2b5941;padding:24px;gap:12px}
.pg-specimen label{font:500 11px InterTight;letter-spacing:.06em}
.pg-specimen textarea{font:90px/1.2 Kattappa;flex:1;min-height:0;width:100%;resize:none;border:0;outline-offset:4px;background:transparent;color:inherit;padding:12px 0;overflow:hidden}
.pg-size{display:flex;align-items:center;gap:14px;height:44px}.pg-size input{flex:1;accent-color:#2b5941;min-height:32px}
.pg-book-stage{height:100%;display:grid;place-items:center;perspective:1800px;touch-action:pan-x;position:relative;overflow:hidden}
.pg-book{height:min(100%,595px);aspect-ratio:840/595;position:relative;transform-style:preserve-3d;transform:translateX(-25%);transition:transform .65s cubic-bezier(.645,.045,.355,1);filter:drop-shadow(0 14px 16px #0008)}
.pg-book.open{transform:translateX(0)}.pg-book.closed-back{transform:translateX(25%)}
.pg-leaf{position:absolute;left:50%;top:0;width:50%;height:100%;transform-origin:left center;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.645,.045,.355,1);transform:rotateY(0deg)}
.pg-leaf.turned{transform:rotateY(-180deg)}
.pg-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fff9e9;border-radius:0 3px 3px 0;overflow:hidden;box-shadow:1px 1px 0 #ccbca0,3px 3px 0 #f9e9c9,5px 5px 0 #aa9472}
.pg-face.back{transform:rotateY(180deg);border-radius:3px 0 0 3px}
.pg-face img{width:100%;height:100%;display:block;object-fit:contain}
.pg-face:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0002,transparent 9%,transparent 94%,#0001)}
.pg-face.back:after{background:linear-gradient(270deg,#0002,transparent 9%,transparent 94%,#0001)}
.pg-pocket{display:none}
@media(max-width:700px){
.pg-detail-page main{padding:76px 16px 12px;gap:10px}
.pg-detail-page .pg-heading{display:block}
.pg-detail-page h1{font-size:36px;margin:0}
.pg-detail-page .pg-heading p{font-size:16px;max-width:none;margin-top:8px;line-height:1.15}
.pg-back{min-height:26px;font-size:9px}
.pg-controls{gap:8px}.pg-count{min-width:110px;font-size:10px}.pg-help{font-size:9px;max-width:75px;text-align:right}
.pg-specimen{padding:16px}
.pg-book{display:none}
.pg-pocket{display:block;position:relative;height:100%;max-height:595px;max-width:calc(100% - 12px);aspect-ratio:420/595;background:#fff9e9;transform-origin:left;box-shadow:3px 3px #e5d3af,5px 5px #a7987f,0 14px 25px #0007;border-radius:0 3px 3px 0;overflow:hidden}
.pg-pocket img{width:100%;height:100%;object-fit:contain;display:block}
.pg-pocket:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0003,transparent 8%)}
}
@media(max-height:550px){.pg-heading p{display:none!important}.pg-detail-page main{gap:8px;padding-top:76px}.pg-detail-page h1{font-size:30px}.pg-back{min-height:20px}.pg-controls{flex-basis:44px}.pg-stage{padding-top:6px}}
@media(prefers-reduced-motion:reduce){.pg-book,.pg-leaf{transition-duration:.01ms}.pg-slide.enter{animation:none}}

.pg-face,.pg-pocket{cursor:pointer}