:root{color-scheme:light;--carta:#f3f1e6;--inchiostro:#25342a;--secondario:#526050;--linea:#cbd0bd;--lime:#dfed46}
*{box-sizing:border-box}
html{background:var(--carta);color:var(--inchiostro)}
body{margin:0;font-family:"Trebuchet MS",Verdana,sans-serif;-webkit-font-smoothing:antialiased}
.pagina{max-width:1440px;min-height:100svh;margin:auto;padding:32px 6vw 24px;display:flex;flex-direction:column}
.testata{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:25px;border-bottom:1px solid var(--linea)}
.marchio{display:flex;align-items:center;gap:13px;font-size:21px;letter-spacing:-1px;font-weight:900}
.marchio img{display:block;object-fit:contain;width:38px;height:38px}
.etichetta,.capitolo,footer{font-family:"Courier New",monospace;font-size:11px;line-height:1.6;letter-spacing:1.3px;font-weight:bold}
.etichetta{display:flex;align-items:center;gap:9px}
.punto{width:7px;height:7px;background:#4e704b;box-shadow:0 0 0 4px #e2e8cd}
main{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:4%;flex:1;padding:62px 0 56px}
.capitolo{color:var(--secondario);margin:0 0 25px}
h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(68px,7.7vw,112px);line-height:.98;letter-spacing:-5px;margin:0 0 32px}
h1 span{position:relative;z-index:0}
h1 span::after{content:"";position:absolute;background:var(--lime);height:16%;bottom:8%;left:-3%;right:-5%;z-index:-1;transform:rotate(-2deg)}
.introduzione{font-size:clamp(19px,1.9vw,25px);line-height:1.45;letter-spacing:-.4px;margin:0 0 22px}
.attesa{font-size:14px;line-height:1.8;color:var(--secondario);max-width:390px;margin:0}
.scena{margin:0;min-width:0;text-align:center}
.scena svg{display:block;width:100%;height:auto;max-height:540px;overflow:visible}
.scena figcaption{max-width:290px;margin:0 auto;font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:16px;line-height:1.5;color:var(--secondario)}
footer{display:flex;justify-content:space-between;gap:16px;color:var(--secondario);padding-top:22px;border-top:1px solid var(--linea);font-size:10px;letter-spacing:.9px}
@media(min-width:900px) and (prefers-reduced-motion:no-preference){.uovo{transform-origin:226px 341px;animation:respiro 6s ease-in-out infinite}@keyframes respiro{0%,75%,100%{transform:rotate(0)}80%{transform:rotate(-2deg)}85%{transform:rotate(2deg)}90%{transform:rotate(-1deg)}}}
@media(max-width:700px){.pagina{padding:24px 7vw 20px}.testata{gap:12px;padding-bottom:22px}.marchio{font-size:18px;gap:10px}.marchio img{width:31px;height:31px}.etichetta{max-width:115px;font-size:9px;letter-spacing:.7px;line-height:1.5}.punto{flex:0 0 6px;height:6px}main{grid-template-columns:1fr;gap:0;padding:42px 0 32px}.capitolo{font-size:10px;margin-bottom:24px}h1{font-size:clamp(66px,14vw,88px);letter-spacing:-3px;margin-bottom:25px}.introduzione{font-size:20px}.attesa{font-size:13px}.scena{max-width:430px;margin:8px auto 0}.scena svg{max-height:360px}.scena figcaption{font-size:14px;max-width:250px}footer{align-items:flex-start;font-size:9px;letter-spacing:.6px}footer span:first-child{max-width:150px}footer span:last-child{text-align:right;max-width:130px}}
@media(max-width:350px){.etichetta{max-width:93px;font-size:8px}.marchio{font-size:16px}.marchio img{width:27px;height:27px}h1{font-size:64px}.capitolo{font-size:9px;letter-spacing:1px}}