.valley{position:relative;background:#121e22;color:#faf8ee;isolation:isolate;scroll-margin-top:0}
.valley-stage{position:relative;min-height:560px;height:100svh;max-height:1100px;overflow:hidden}
.valley-canvas{position:absolute;inset:0;touch-action:pan-y}
.valley-canvas canvas{display:block;width:100%;height:100%}
.valley-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#101b20dc 0%,#101b205a 32%,transparent 62%),linear-gradient(0deg,#101b20f2,transparent 32%,transparent 80%,#101b2090)}
.valley-top{position:absolute;left:4vw;right:4vw;top:2.2rem;display:flex;justify-content:space-between;align-items:start;gap:1rem}
.valley-top a{font-size:.85rem;text-decoration:none;border-bottom:1px solid #faf8ee70;min-height:36px}
.valley-caption{position:absolute;left:4vw;top:25%;max-width:370px;pointer-events:none}
.valley-index{display:block;font-size:.8rem;letter-spacing:.13em;color:#a8c4c8;margin-bottom:1.4rem}
.valley-caption h2{font-family:SourceSerif,Georgia,serif;font-size:clamp(2.8rem,4.8vw,5.4rem);font-weight:400;line-height:1.02;letter-spacing:-.04em;margin:0 0 1.5rem;text-wrap:balance}
.valley-copy{font-size:.95rem;line-height:1.65;max-width:295px}
.valley-loading{position:absolute;left:4vw;bottom:5rem;font-size:.875rem;color:#d1dedc}
.valley-controls{position:absolute;bottom:3.7rem;left:4vw;right:4vw;max-width:900px;margin-inline:auto}
.valley-control-row{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;font-size:.8rem}
.valley-pause{font-size:.8rem;color:inherit;background:none;border:0;border-bottom:1px solid #d1dedc80;padding:.55rem 0;min-height:44px}
.valley-controls input{accent-color:#dce9e5;height:32px;margin:.3rem 0}
.valley-nav{display:flex;justify-content:space-between;gap:.5rem}
.valley-nav button{color:#b2c7c9;background:none;border:0;border-top:1px solid #d1dedc35;text-align:left;padding:.7rem .2rem;flex:1;font-size:.875rem;min-height:44px}
.valley-nav button span{color:#829d9f;font-size:.75rem;margin-right:.7rem}
.valley-nav button[aria-current]{color:#fff;border-top-color:#fff}
.valley-credit{position:absolute;left:4vw;right:4vw;bottom:.65rem;font-size:.75rem;line-height:1.45;color:#aec0c1}
.valley-transcript{padding:1.5rem 4vw 2rem;font-size:.9rem;line-height:1.6;max-width:900px}
.valley-sr,.valley[data-render=ready] .valley-transcript{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.valley[data-render=ready]{height:430svh}
.valley[data-render=ready] .valley-stage{position:sticky;top:0;max-height:none}
.valley[data-render=ready] .valley-loading{display:none}
.valley[data-render=fallback] .valley-stage{height:440px;min-height:440px}
.valley[data-render=fallback] .valley-caption{top:6rem}
.valley[data-render=fallback] .valley-loading{bottom:3rem}
.valley[data-static=true]{height:auto!important}
.valley[data-static=true] .valley-stage{position:relative}
.valley[data-static=true] .valley-control-row>span{font-size:0}
.valley[data-static=true] .valley-control-row>span:after{content:'Esplora i quattro passaggi';font-size:.8rem}
@media(max-width:700px){
 .valley[data-render=ready]{height:360svh}
 .valley-stage{min-height:min(680px,100svh)}
 .valley-top{left:1.5rem;right:1.5rem;top:1.5rem}
 .valley-top .eyebrow{font-size:.7rem!important}
 .valley-top a{font-size:.75rem}
 .valley-caption{top:5.2rem;left:1.5rem;right:1.5rem;max-width:100%}
 .valley-index{margin-bottom:.7rem;font-size:.75rem}
 .valley-caption h2{font-size:clamp(2.1rem,9vw,3.4rem);max-width:360px;margin-bottom:.7rem}
 .valley-copy{font-size:.8rem;line-height:1.5;max-width:275px}
 .valley-shade{background:linear-gradient(0deg,#101b20fa 0%,transparent 36%,transparent 58%,#101b20ee 100%)}
 .valley-controls{left:1.5rem;right:1.5rem;bottom:4rem}
 .valley-control-row{font-size:.75rem;align-items:end}
 .valley-control-row>span{max-width:140px}
 .valley-pause{font-size:.75rem;max-width:130px;text-align:right}
 .valley-nav button{font-size:.75rem;line-height:1.4}
 .valley-nav button span{display:block}
 .valley-credit{left:1.5rem;right:1.5rem;font-size:.75rem;max-width:320px}
 .valley-transcript{padding-inline:1.5rem}
}
@media print{.valley{height:auto!important;background:white;color:black}.valley-stage{display:none}.valley .valley-transcript{position:static!important;width:auto!important;height:auto!important;clip-path:none!important;white-space:normal!important;margin:0;padding:1rem}}
