.example-page{color:#f5eee0;max-width:1180px;margin:auto;padding:70px 24px 110px}.example-page [hidden]{display:none!important}.example-head{max-width:720px;margin-bottom:30px}.example-head h1{font:500 calc(clamp(40px,5vw,66px))/1.05 var(--font-display),serif;margin:14px 0}.example-head h1 em{color:#e9c98b}.example-head p{color:#c2c9d4;font-size:15px;line-height:1.7}.example-stage{justify-items:center;gap:18px;margin:10px 0 30px;display:grid}.example-3d{cursor:pointer;outline:none;width:calc(min(520px,90vw));height:calc(min(560px,70svh));position:relative}.example-3d:focus-visible{outline-offset:6px;border-radius:12px;outline:2px solid #e9c98b}.example-3d .scene-poster{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.example-3d.scene-ready .poster-name,.example-3d.scene-ready .scene-poster{opacity:0}.example-3d .scene-slot{position:absolute;inset:0}.example-dialog{z-index:200;background:radial-gradient(circle at 50% 40%,#173039f2,#060d12fa);align-content:center;place-items:center;gap:18px;padding:60px 16px 24px;display:grid;position:fixed;inset:0}.example-close{color:#ffe2a3;cursor:pointer;background:#0d1f25;border:1px solid #d6b37488;border-radius:50%;width:48px;height:48px;font-size:26px;position:absolute;top:16px;right:18px}html.example-open{overflow:hidden}.example-book{filter:drop-shadow(0 40px 60px #000c);outline:none}.example-page-paper{box-sizing:border-box;color:#2f2a22;background:linear-gradient(160deg,#fbf5e8,#efe3c8);flex-direction:column;justify-content:center;height:100%;padding:calc(clamp(22px,4vw,54px));display:flex;position:relative;overflow:hidden}.example-page-paper small{letter-spacing:.16em;color:#9a7434;font:600 9px Manrope,sans-serif;position:absolute;top:18px;left:22px}.example-page-paper h2{font:500 calc(clamp(28px,3.2vw,46px))/1.1 var(--font-display),serif;color:#5b3d17;margin:0 0 16px}.example-page-paper h2 em{color:#9a7434}.example-page-paper p{font:400 calc(clamp(15px,1.5vw,19px))/1.65 var(--font-display),serif;margin:0 0 12px}.example-art,.example-cover{padding:0}.example-cover{background:#14262b}.example-cover:after{content:"";background:linear-gradient(#fff0cfcc,#fff0cf00 38%);position:absolute;inset:0}.example-cover-title{z-index:1;text-align:center;color:#23344b;position:absolute;top:7%;left:0;right:0}.example-cover-title strong{font:500 calc(clamp(48px,6vw,88px))/1 var(--font-display),serif;display:block}.example-cover-title span{letter-spacing:.2em;font:600 calc(clamp(10px,1vw,13px)) Manrope,sans-serif}.example-art img,.example-cover img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.example-note{color:#efe6d6;background:#14262b}.example-note strong{font:500 34px var(--font-display),serif;color:#ffe2a3;margin-bottom:12px}.example-note p{font-family:Manrope,sans-serif;font-size:15px}.example-lead{color:#5b3d17;font-size:calc(clamp(20px,2vw,27px))!important}.example-lead:first-letter{float:left;color:#9a7434;margin:4px 8px 0 0;font-size:2.6em;line-height:.9}.example-signature{text-align:right;color:#9a7434;margin-top:18px!important}.example-title{text-align:center;align-items:center}.example-fact figure{align-items:center;gap:14px;margin:0 0 14px;display:flex}.example-fact img{-o-object-fit:cover;object-fit:cover;border-radius:3px 14px 3px 3px;width:80px;height:80px}.example-fact figcaption{color:#6f6249;font:12px/1.5 Manrope,sans-serif}.example-fact figcaption strong{font:500 20px var(--font-display),serif;color:#5b3d17;display:block}.example-coloring svg{color:#193a3c;width:100%;max-height:60%}.example-blank{background:#fffdf8;border:1px solid #e0d6c2;flex:1;min-height:120px;margin-top:10px}.example-end{text-align:center;color:#efe6d6;background:#14262b;align-items:center}.example-end h2{color:#ffe2a3}.example-end .rainbow-control{margin-top:18px}.example-controls{justify-content:center;align-items:center;gap:22px;margin:22px 0 10px;display:flex}.example-controls button{color:#ffe2a3;cursor:pointer;background:#0d1f25;border:1px solid #d6b37488;border-radius:50%;width:52px;height:52px;font-size:22px}.example-controls button:disabled{opacity:.35;cursor:default}.example-controls span{color:#c6b89e;text-align:center;min-width:60px;font:600 14px Manrope,sans-serif}.example-disclaimer{text-align:center;color:#aab7b7;font-size:13px}@media (width<=760px){.example-page-paper{padding:44px 20px 20px}.example-3d{height:calc(min(460px,60svh))}}