*{box-sizing:border-box}
html,body{height:100%;margin:0;overflow:hidden;background:#1a120a;color:#fff;font-family:Georgia,'Times New Roman',serif}
a{color:#ffd58a}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#ibg{position:fixed;inset:0;background:linear-gradient(rgba(10,8,5,.25),rgba(10,8,5,.55)) 0 0/100% 100% no-repeat,url(img/studio-fidone.webp) 50% 46%/cover no-repeat}
#itop{position:fixed;left:0;right:0;top:0;z-index:3;display:flex;justify-content:space-between;padding:calc(env(safe-area-inset-top,0px) + 10px) 16px 10px;background:rgba(20,14,8,.55);font:600 16px Georgia,serif;backdrop-filter:blur(6px)}
#cyl{position:fixed;left:0;right:0;top:calc(env(safe-area-inset-top,0px) + 48px);bottom:calc(env(safe-area-inset-bottom,0px) + 112px);overflow-y:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;outline:none;animation:fin .7s}
#cyl::-webkit-scrollbar{display:none}
@keyframes fin{from{opacity:0}to{opacity:1}}
.itx{position:relative;max-width:620px;margin:0 auto;padding:12px 16px 40px;transition:opacity .25s}
.cy{will-change:transform,opacity;text-shadow:0 1px 6px rgba(0,0,0,.85)}
.itx h1{margin:0;font-size:clamp(28px,7vw,44px);text-align:center;line-height:1.1}.isub{text-align:center;margin:6px 0 14px;opacity:.92}
.crumb{margin:0 0 8px;font-size:14px}.crumb a{text-decoration:none}
.ic{background:rgba(24,16,8,.27);border:1px solid rgba(255,255,255,.3);border-radius:16px;padding:12px 15px;margin:12px 0;backdrop-filter:blur(2px)}
.ic h2,.ic h3{margin:0 0 6px;color:#ffd58a;font-size:18px}.ic h3{font-size:16px;color:#fff}
.ic p{margin:0 0 6px;line-height:1.5;font-size:15px}.ic ul,.ic ol{margin:0;padding-left:20px;line-height:1.55;font-size:15px}
a.sv{display:block;text-decoration:none;color:#fff}a.sv span{display:block;margin-top:6px;color:#ffd58a;font-size:14px}
.ish{margin:20px 0 4px;font-size:24px;text-align:center}
.btn{display:inline-block;margin:8px 4px 0 0;background:#b4532a;color:#fff;padding:9px 16px;border-radius:20px;text-decoration:none;font:inherit;font-size:14px;border:0;cursor:pointer}
.btn.wa{background:#25a85a}
.chips a{display:inline-block;margin:4px 6px 0 0;padding:6px 12px;border:1px solid rgba(255,255,255,.4);border-radius:16px;text-decoration:none;color:#fff;font-size:14px}
#ibar{position:fixed;left:0;right:0;bottom:0;z-index:3;display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;padding:30px 10px calc(env(safe-area-inset-bottom,0px) + 12px);background:linear-gradient(transparent,rgba(10,8,5,.8) 45%)}
.ibl{justify-self:start}.ibr{justify-self:end}
.cb{display:block;margin:4px 0;color:#fff;text-decoration:none;font-size:13px;white-space:nowrap;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.32);border-radius:18px;padding:8px 12px;backdrop-filter:blur(4px)}
#ient{display:inline-block;text-decoration:none;background:#25a85a;color:#fff;border-radius:30px;padding:15px 22px;white-space:nowrap;font:700 21px Georgia,serif;box-shadow:0 4px 18px rgba(37,168,90,.55);animation:pl 2s infinite}
@keyframes pl{50%{box-shadow:0 4px 28px rgba(37,168,90,.95)}}
.leaving #cyl,.leaving #ibar,.leaving #itop{opacity:0;transition:opacity .35s}
@media (prefers-reduced-motion:reduce){#cyl{animation:none}#ient{animation:none}.itx{transition:none}}