@font-face{font-family:'Henny Penny';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/henny-penny-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Lora';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/lora-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Lora';font-style:italic;font-weight:400;font-display:swap;src:url(fonts/lora-latin-400-italic.woff2) format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/poppins-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/poppins-latin-700-normal.woff2) format('woff2')}
:root{--cream:#fff8ee;--blue:#1bbce3;--ink:#16181d;--muted:#4a4a4a}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--cream);color:var(--ink);font:400 18px/1.6 Lora,Georgia,serif;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:var(--ink)}
.wrap{max-width:760px;margin:0 auto;padding:26px 20px 0;text-align:center}
.crown{width:150px;margin:0 auto 4px;pointer-events:none;user-select:none}
.fan{position:relative;height:clamp(260px,62vw,440px);margin:10px auto 4px;max-width:620px}
.fan img{position:absolute;bottom:0;width:34%;left:33%;transform-origin:50% 120%}
.fan img:nth-child(1){transform:rotate(-18deg) translateX(-28%);z-index:1}
.fan img:nth-child(2){transform:rotate(-6deg) translateX(-9%);z-index:2}
.fan img:nth-child(3){transform:rotate(6deg) translateX(9%);z-index:3}
.fan img:nth-child(4){transform:rotate(18deg) translateX(28%);z-index:4}
.cover{border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.18),0 8px 20px rgba(60,40,10,.16)}
.title{font-family:'Henny Penny',cursive;font-weight:400;color:var(--blue);line-height:1.05;margin:46px 0 8px;
  font-size:clamp(44px,10.5vw,84px);-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;letter-spacing:.01em}
.author{font:700 15px/1 Poppins,sans-serif;letter-spacing:.14em;text-transform:uppercase;margin:0 0 22px}
.cta{margin-bottom:26px}
.btn{display:inline-block;background:var(--blue);color:#fff;text-decoration:none;font:700 18px/1 Poppins,sans-serif;cursor:pointer;
  padding:18px 30px;border-radius:999px;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);transition:transform .1s,box-shadow .1s}
.btn:hover{transform:translate(1px,1px);box-shadow:2px 2px 0 var(--ink)}
.btn:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--ink)}
.btn-secondary{background:transparent;color:var(--ink)}
.desc{max-width:580px;margin:0 auto 26px;text-align:left}
.desc p{margin:0 0 .8em}
.cred{font-size:15px;color:var(--muted);font-style:italic}
@media(min-width:620px){.fan{height:330px}.fan img{width:30%;left:35%}.title{margin-top:80px}.desc{text-align:center}}
footer{text-align:center;font:400 12px/1.6 Poppins,sans-serif;color:#777;padding:28px 16px 36px}
footer nav a{margin:0 8px;color:#777}
footer p{margin:4px 0}
.consent{position:fixed;left:12px;right:12px;bottom:12px;max-width:560px;margin:0 auto;background:#fff;border:2px solid var(--ink);
  border-radius:12px;padding:16px;box-shadow:4px 4px 0 var(--ink);font-size:15px;z-index:10}
.consent[hidden]{display:none}
.consent p{margin:0 0 12px}
.consent-buttons{display:flex;gap:10px;justify-content:flex-end}
.consent .btn{font-size:15px;padding:11px 18px}
.legal{max-width:680px;margin:0 auto;padding:32px 20px;font-size:17px}
.legal h1{font-family:'Henny Penny',cursive;font-weight:400;color:var(--blue);-webkit-text-stroke:1px var(--ink);paint-order:stroke fill;font-size:40px;line-height:1.1}
.legal h2{font:700 18px/1.3 Poppins,sans-serif;margin-top:28px}
.legal .updated{color:var(--muted);font-style:italic}
.back{font:600 14px Poppins,sans-serif}