.sp-page{max-width:1160px;margin:0 auto;padding:48px 24px 150px;color:#f5f1ec}.sp-kicker{font-size:11px;font-weight:800;letter-spacing:3px;color:#d4ae70;text-transform:uppercase}.sp-hero{padding:42px 0 36px;border-bottom:1px solid #ffffff18;margin-bottom:32px}.sp-hero h1{font-size:clamp(38px,6vw,76px);line-height:1.05;letter-spacing:-2px;margin:16px 0 22px}.sp-hero p{font-size:clamp(17px,2vw,22px);line-height:1.6;max-width:680px;color:#bdb8b2}.sp-hero strong{color:#d4ae70}.sp-book{position:relative;perspective:1400px;border-radius:24px;background:#151316;box-shadow:0 30px 80px #0007,8px 8px 0 #222026,12px 12px 0 #111;border:1px solid #b58e4938;overflow:hidden}.sp-sheet{display:grid;grid-template-columns:1.65fr 1fr;min-height:400px;transform-origin:left center;backface-visibility:hidden;background:linear-gradient(135deg,#171418,#0d0c0f);position:relative}.sp-sheet:before{content:'';position:absolute;left:0;top:0;bottom:0;width:18px;background:linear-gradient(90deg,#0007,transparent);pointer-events:none;z-index:2}.sp-sheet.sp-turn{animation:sp-turn .8s ease both}.sp-art{display:flex;align-items:center;justify-content:center;background:#0c0c0e;min-width:0;text-decoration:none}.sp-art img{width:100%;height:420px;object-fit:contain;display:block}.sp-copy{padding:44px 36px;display:flex;flex-direction:column;justify-content:center}.sp-copy h2{font-size:30px;line-height:1.15;margin:18px 0 12px;color:#fff}.sp-copy p{color:#a9a5ac;line-height:1.7;white-space:pre-line}.sp-cta{margin-top:20px;display:inline-flex;padding:15px 22px;border-radius:9px;background:#d4ae70;color:#16120c;text-decoration:none;font-weight:800;align-self:flex-start}.sp-caption{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:32px 0;color:#b5adb7}.sp-controls{display:flex;gap:10px}.sp-controls button,.sp-page button{background:#1c1920;color:#eee;border:1px solid #ffffff28;border-radius:10px;padding:12px 17px;cursor:pointer}.sp-page button:disabled{opacity:.4;cursor:default}.sp-page a:focus-visible,.sp-page button:focus-visible{outline:3px solid #d4ae70;outline-offset:4px}.sp-end{display:flex;justify-content:space-between;gap:22px;margin-top:38px;padding-top:30px;border-top:1px solid #ffffff18;color:#9b949e;font-size:14px}.sp-end a{color:#d4ae70}.sp-empty{padding:48px;border:1px solid #ffffff20;border-radius:20px;color:#bdb8c0}.sp-nav-link{display:inline-block;margin:10px 16px;color:#d4ae70;text-decoration:none;font-weight:700}.sp-admin{margin:24px 0;padding:24px;border:1px solid #777;border-radius:16px}.sp-admin summary{font-size:24px;font-weight:800;cursor:pointer}.sp-admin label{display:block;margin:16px 0}.sp-admin input:not([type=checkbox]),.sp-admin textarea{display:block;width:100%;padding:10px;margin-top:6px}.sp-admin fieldset{padding:20px;margin:24px 0;border:1px solid #777;border-radius:12px}.sp-admin-preview{max-width:100%;max-height:200px;object-fit:contain}.sp-admin button{margin:6px;padding:10px 16px}.sp-admin [role=status]{white-space:pre-line}
@keyframes sp-turn{0%{transform:rotateY(-25deg);opacity:.2;filter:brightness(.6)}100%{transform:rotateY(0);opacity:1;filter:brightness(1)}}
@media(max-width:720px){.sp-page{padding:24px 18px 150px}.sp-hero{padding:20px 0}.sp-sheet{grid-template-columns:1fr}.sp-art img{height:290px}.sp-copy{padding:28px}.sp-caption,.sp-end{flex-direction:column;align-items:flex-start}.sp-copy h2{font-size:25px}.sp-controls button{padding:12px 16px}.sp-empty{padding:28px}}
@media(prefers-reduced-motion:reduce){.sp-sheet.sp-turn{animation:none}}
.sp-nav-link[hidden],.sp-admin[hidden]{display:none!important}

.sp-page{font-family:var(--font-body,'Arial',sans-serif)}.sp-hero h1,.sp-copy h2{font-family:var(--font-display,'Arial Black',sans-serif);font-weight:900;letter-spacing:-1.4px}.sp-hero h1{text-transform:uppercase;font-size:clamp(38px,6vw,72px);font-style:italic;max-width:900px}.sp-kicker{letter-spacing:2.5px}.sp-nav-link.nav-link{margin:0;color:inherit;font:inherit}#sp-become{padding:0;background:transparent;border:0;color:#d4ae70;font:inherit;text-align:left;text-decoration:underline;text-underline-offset:5px;align-self:flex-start}#sp-become:hover{color:#fff}.sp-copy h2{font-size:clamp(27px,3vw,36px)}

.sp-geo{margin:24px 0;padding:20px;border:1px solid #b18c483d;border-radius:14px}.sp-geo-row{padding:16px;margin:14px 0;background:#ffffff08;border-radius:10px}.sp-geo select{width:100%;padding:10px;margin-top:6px}.sp-geo p{line-height:1.6}