@font-face{font-family:Cormorant;src:url('./assets/display.woff2')}@font-face{font-family:Source;src:url('./assets/text.woff2')}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#142b20;color:#f0ebd9;font-family:Source,sans-serif;font-size:19px;line-height:1.45}h1,h2,p{margin:0}h1,h2{font-family:Cormorant,Georgia,serif;font-weight:500;letter-spacing:-.035em;line-height:.9}h1{font-size:clamp(74px,10vw,160px);view-transition-name:vk-title}h2{font-size:clamp(60px,7vw,110px)}p{max-width:48ch}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #e6bb62;outline-offset:4px}header{position:absolute;z-index:3;top:0;width:100%;display:flex;justify-content:space-between;align-items:flex-start;padding:28px 4%}.brand{font-family:Cormorant;font-size:26px;line-height:.8;font-weight:700;min-height:44px}.brand span{color:#d1af69}nav{display:flex;gap:32px;font-size:16px}.hero{height:100svh;min-height:650px;position:relative;overflow:hidden;background:#142b20}.hero-copy{position:relative;z-index:2;padding:20vh 4% 0;max-width:950px}.hero-copy>p:first-child{margin-bottom:22px}.hero-copy>p:not(:first-child){margin-top:25px;max-width:36ch}.down{display:inline-block;margin-top:32px;border-bottom:1px solid;padding:8px 0}.stars{position:absolute;inset:13% 4% auto;text-align:right;color:#d6bf86;font-size:24px;word-spacing:35px}.moon{position:absolute;width:clamp(150px,20vw,290px);aspect-ratio:1;border-radius:50%;background:#d2bc81;right:12%;top:22%}.horizon{position:absolute;bottom:-2px;width:100%;height:30%}.horizon svg{width:100%;height:100%}.earth{background:#4a3427;position:relative;overflow:hidden;min-height:1500px;padding:120px 4%;display:grid;grid-template-columns:1fr 1fr;align-content:space-between;gap:80px}.earth:before{content:'';position:absolute;inset:0;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Ccircle cx='10' cy='20' r='1' fill='%23fff'/%3E%3Ccircle cx='60' cy='70' r='1.5' fill='%23fff'/%3E%3C/svg%3E")}.earth-intro,.earth-note{position:relative;z-index:1}.earth-intro p,.earth-note p{margin-top:30px}.earth-note{grid-column:2;align-self:end}.aside{font-family:Cormorant;font-size:32px;font-style:italic}.cross-section{position:absolute;inset:25% 0 0;width:100%;height:75%;opacity:.75}.cross-section svg{width:100%;height:100%}.calendar{background:#e9e3ce;color:#20392c;padding:140px 4%;display:grid;grid-template-columns:1fr 1fr;gap:40px;min-height:140vh}.calendar p{margin-top:30px}.calendar-hint{font-size:16px}.wheel-wrap{position:sticky;top:12vh;align-self:start;display:flex;flex-direction:column;align-items:center}.wheel{width:min(42vw,520px);aspect-ratio:1;border:2px solid #526a4a;border-radius:50%;position:relative}.wheel span{position:absolute;left:50%;top:50%;font-size:14px;transform:rotate(calc(var(--i)*30deg)) translateY(calc(-1 * min(19vw,230px))) rotate(calc(var(--i)*-30deg));transform-origin:center}.wheel-inner{position:absolute;inset:20%;border:2px solid #526a4a;border-radius:50%;display:grid;place-content:center;text-align:center;font-family:Cormorant;font-size:100px;line-height:.7}.wheel-inner small{font:20px Source;line-height:1.1}.season{text-align:center;margin-top:30px;min-height:120px}.season strong{font:40px Cormorant}.season p{margin:8px auto}.dialogue{background:#223e2d;padding:140px 4%;display:grid;grid-template-columns:1fr 1fr;gap:10%}.dialogue p{margin-top:30px}fieldset{border:0;padding:0;margin:0 0 35px}legend,.dialogue form>label{font-size:24px;margin-bottom:20px;display:block}fieldset label{display:block;padding:12px 0;cursor:pointer}input{accent-color:#d3b269;width:20px;height:20px;margin-right:12px}textarea{width:100%;background:#e9e3ce;color:#20392c;border:0;padding:15px;font:inherit;resize:vertical}button{background:#d4b675;color:#183224;border:0;padding:18px 24px;font:inherit;cursor:pointer;margin-top:20px}button:hover{background:#f0d99e}#answer{min-height:3em;font-size:16px}.closing{background:#223e2d;padding:60px 4% 110px;font:clamp(50px,10vw,150px)/.9 Cormorant}.closing span{color:#d4b675}@media(max-width:700px){body{font-size:17px}header{padding:24px 5%}nav{gap:14px;font-size:14px}nav a:first-child{display:none}.hero-copy{padding:25vh 5% 0}.hero-copy>p:first-child{max-width:20ch}.moon{top:13%;right:8%;width:120px}.stars{top:12%}.earth{padding:90px 5%;min-height:1250px;display:block}.earth-intro p,.earth-note p{max-width:30ch}.earth-note{position:absolute;bottom:90px;left:5%;right:5%}.cross-section{inset:28% -35% 0;width:170%;height:60%}.calendar{padding:90px 5%;display:block;min-height:150vh}.wheel-wrap{top:8vh;margin-top:70px}.wheel{width:min(88vw,420px)}.wheel span{transform:rotate(calc(var(--i)*30deg)) translateY(-39vw) rotate(calc(var(--i)*-30deg))}.wheel-inner{font-size:70px}.dialogue{padding:90px 5%;display:block}.dialogue form{margin-top:60px}.closing{padding:40px 5% 100px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.wheel-wrap{position:relative;top:auto}}
:root{--vk-display:Cormorant,Georgia,serif;--vk-text:Source,sans-serif}

@font-face{font-family:Cormorant;src:url('./assets/display.woff2');font-display:swap}@font-face{font-family:Source;src:url('./assets/text.woff2');font-display:swap}.canopy,.rows{min-height:100svh;padding:12vh 4%;position:relative;overflow:hidden;display:flex;align-items:center}.canopy{background:#344d37}.canopy>div:last-child{position:relative;z-index:1;max-width:40%;margin-left:auto}.canopy-art{position:absolute;left:-5%;bottom:-10%;width:65%;height:110%}.canopy-art svg{width:100%;height:100%}.canopy p,.rows p{margin-top:26px}.eyebrow,.layer span{text-transform:uppercase;letter-spacing:.12em;font-size:14px}.rows{background:#a5a777;color:#20392c;display:block}.rows>div:first-child{max-width:550px;position:relative;z-index:1}.furrows{position:absolute;inset:40% -20% -50%;background:repeating-linear-gradient(100deg,#596c42 0 3px,transparent 3px 90px);transform:perspective(400px) rotateX(55deg)}.soil-layers{background:#4a3427}.layer{position:relative;min-height:75svh;padding:12vh 8% 12vh 48%;overflow:hidden}.layer h2{margin:30px 0}.layer p{max-width:38ch}.organic{background:#3d3024}.topsoil{background:#594132}.subsoil{background:#705039}.parent{background:#80634a}.worm,.mycelium{position:absolute;left:8%;top:28%;font:clamp(80px,15vw,220px) Cormorant;color:#d2af8c;transform:rotate(-18deg)}.mycelium{font-size:clamp(60px,9vw,150px);line-height:.7;color:#d9c9a3}.source{font-size:16px;margin-top:30px}.source a{text-decoration:underline}.wheel ul{list-style:none;margin:0;padding:0;position:absolute;inset:0}.wheel li{position:absolute;left:50%;top:50%;transform:rotate(calc(var(--i)*30deg)) translateY(calc(-1 * min(19vw,230px))) rotate(calc(var(--i)*-30deg)) translate(-50%,-50%)}.wheel li:nth-child(1){--i:0}.wheel li:nth-child(2){--i:1}.wheel li:nth-child(3){--i:2}.wheel li:nth-child(4){--i:3}.wheel li:nth-child(5){--i:4}.wheel li:nth-child(6){--i:5}.wheel li:nth-child(7){--i:6}.wheel li:nth-child(8){--i:7}.wheel li:nth-child(9){--i:8}.wheel li:nth-child(10){--i:9}.wheel li:nth-child(11){--i:10}.wheel li:nth-child(12){--i:11}.wheel button{margin:0;padding:0;background:#e9e3ce;color:#20392c;min-width:48px;min-height:48px;font-size:14px;text-transform:uppercase}.wheel button span{position:static;transform:none;display:block;font-size:18px}.wheel button[aria-pressed=true]{background:#20392c;color:#fff}.month-list{width:100%;margin-top:40px}.month-list article{padding:15px 0;border-bottom:1px solid #879681}.month-list h3{font:40px Cormorant;margin:0}.month-list p{margin:5px 0}.moon-note{font-size:15px}.wheel-wrap{position:relative;top:auto}.calendar{min-height:0}.down{min-height:44px}nav a{min-height:44px;display:inline-flex;align-items:center}@media(max-width:700px){.canopy{align-items:flex-end;min-height:105svh;padding:70px 5%}.canopy>div:last-child{max-width:none}.canopy-art{width:130%;height:60%;top:0;left:-30%}.rows{padding:90px 5%;min-height:100svh}.layer{padding:90px 5% 100px;min-height:80svh}.layer p{max-width:32ch}.worm,.mycelium{position:relative;left:auto;top:auto;margin:40px 0 0}.wheel li{transform:rotate(calc(var(--i)*30deg)) translateY(-37vw) rotate(calc(var(--i)*-30deg)) translate(-50%,-50%)}.wheel button{font-size:12px;min-width:44px;min-height:44px}.wheel-inner{inset:25%}}

.stars{width:clamp(140px,20vw,260px);right:4%;left:auto;top:9%;text-align:left}.stars svg{width:100%;height:auto}.stars small{font-size:12px;letter-spacing:.08em}@media(max-width:700px){.stars{width:110px;right:3%;top:10%}}

.wheel button{font-size:14px}.stars small{font-size:13px}@media(max-width:700px){.wheel button{font-size:13px}}
.soil-layers{position:relative;overflow:hidden;background:#59412f}.soil-illustration{position:absolute;inset:-2% 0;width:100%;height:104%;object-fit:fill;pointer-events:none}.layer{background:transparent}.layer h2,.layer p,.layer span{position:relative;z-index:1;text-shadow:0 1px 12px #21180f}.layer:before{content:'';position:absolute;inset:0 0 0 42%;background:linear-gradient(90deg,transparent,rgba(35,23,16,.7) 25%,rgba(35,23,16,.68))}.worm,.mycelium{display:none}.eyebrow,.layer span,.stars small,.moon-note{font-size:16px}.wheel button,.wheel button span{font-size:16px}.canopy-art svg g:last-child circle{stroke:#b3c597;stroke-width:3;stroke-dasharray:2 8}.canopy-art svg g:last-child{filter:none;opacity:.72}@media(max-width:700px){.soil-illustration{width:180%;max-width:none;left:-40%}.layer:before{inset:0;background:linear-gradient(90deg,rgba(31,21,15,.76),rgba(31,21,15,.36))}.layer{min-height:85svh}.wheel button{font-size:16px}.stars small{font-size:16px}nav{font-size:16px}}
.field-journal{background:#d9d2b9;color:#263d2c;padding:clamp(80px,12vw,180px) 5%;position:relative;overflow:hidden}.field-journal:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:repeating-linear-gradient(0deg,transparent 0 31px,#94a186 32px,transparent 33px)}.journal-heading{position:relative;max-width:900px}.journal-heading h2{margin:30px 0}.journal-heading>p:last-child{max-width:46ch}.journal-pages{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 9%;margin:100px 0}.journal-pages article{border-top:1px solid #6d8068;padding:30px 0 65px;min-height:270px}.journal-pages article:nth-child(even){transform:translateY(70px)}.journal-pages span{font-size:16px;letter-spacing:.09em;text-transform:uppercase}.journal-pages h3{font:500 clamp(40px,4vw,66px)/1 Cormorant,Georgia,serif;margin:28px 0 18px}.journal-pages p{max-width:38ch}.journal-end{position:relative;font:italic clamp(38px,5vw,70px)/1.05 Cormorant,Georgia,serif;max-width:18ch;margin:100px 0 0 auto}@media(max-width:700px){.field-journal{padding:90px 5%}.journal-pages{display:block;margin:65px 0}.journal-pages article,.journal-pages article:nth-child(even){transform:none;min-height:0;padding:25px 0 50px}.journal-end{margin-top:30px}}
.dipper{display:block;margin-top:22px;opacity:.8}.stars svg.dipper{width:88%;margin-left:12%}@media(max-width:700px){.dipper{margin-top:8px}.stars svg.dipper{width:100%;margin-left:0}}
.earth-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55;pointer-events:none}.js .cross-section{display:none}.earth-intro,.earth-note{text-shadow:0 2px 12px #20140d}.earth:before{z-index:1;pointer-events:none}
@media(max-width:700px){.stars{top:10%;right:39%;width:90px}.moon{right:5%;top:13%}.stars small{font-size:16px;line-height:1.1;display:block}.hero-copy{position:relative}}
/* Un solo quadro attraversato dal paesaggio, con fallback lineare senza script. */
.journey{height:1000svh;position:relative;background:#142b20}.journey-stage{position:sticky;top:0;height:100svh;overflow:hidden;background:#30291f}.journey-stage>.hero,.journey-stage>.canopy,.journey-stage>.rows,.journey-stage>.earth,.journey-stage>.soil-layers{position:absolute;inset:0;width:100%;height:100%;min-height:0;padding:0;display:block;overflow:visible;background:transparent}.journey-stage>.hero{background:#142b20;opacity:var(--sky)}.journey-stage .hero-copy,.journey-stage .canopy>div:last-child,.journey-stage .rows>div:first-child,.journey-stage .earth-intro,.journey-stage .earth-note,.journey-stage .layer{position:absolute;z-index:5;top:18%;left:6%;right:auto;bottom:auto;width:min(70%,850px);max-width:none;padding:0;margin:0;min-height:0;pointer-events:none;text-shadow:0 2px 18px #172018}.journey-stage .canopy>div:last-child,.journey-stage .earth-note,.journey-stage .layer:nth-of-type(even){left:auto;right:8%}.journey-stage h2{font-size:clamp(90px,12vw,190px)}.journey-stage p{font-size:clamp(19px,2vw,28px);max-width:35ch}.journey-stage .canopy-art{top:0;left:-5%;height:110%;width:80%;transform:translate3d(0,var(--crown-y),0)!important}.journey-stage .furrows{inset:0 -20%;height:100%;transform:translate3d(0,var(--rows-y),0) perspective(400px) rotateX(55deg);background:repeating-linear-gradient(100deg,#596c42 0 12px,#a5a777 13px 90px)}.journey-stage .earth-preview,.journey-stage .cross-section{display:none}.journey-stage .soil-illustration{position:absolute;top:0;left:0;width:100%;height:300vh;object-fit:fill;transform:translate3d(0,var(--soil-y),0)!important}.journey-stage .soil-layers:before{content:'';position:absolute;z-index:2;top:0;left:-5%;width:110%;height:20vh;background:linear-gradient(175deg,transparent 25%,#748451 26%,#3d3024 40%,transparent 43%);transform:translate3d(0,var(--ground-y),0)}.journey-stage .layer:before{display:none}.depth-marks{position:absolute;z-index:8;right:2%;top:25%;height:50%;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid #e5c798;padding-right:12px;color:#e5c798;transition:opacity .3s}.depth-marks span{opacity:.4}.depth-marks .active{opacity:1;font-size:1.5em}.calendar{grid-template-columns:1fr 1.4fr}.wheel{width:min(65vw,760px)}.wheel li{transform:rotate(calc(var(--i)*30deg)) translateY(calc(-1 * min(29vw,345px))) rotate(calc(var(--i)*-30deg)) translate(-50%,-50%)}
.field-journal{background:#d6c8a5}.journal-pages{background:#f2ead5;box-shadow:0 20px 50px #1d281b55;transform:rotate(-2deg);padding:4%;border-left:12px solid #917c57}.journal-pages article{border-bottom:1px solid #b9aa88}
@media(max-width:700px){.journey-stage .hero-copy,.journey-stage .canopy>div:last-child,.journey-stage .rows>div:first-child,.journey-stage .earth-intro,.journey-stage .earth-note,.journey-stage .layer{top:20%;left:6%;right:auto;width:84%}.journey-stage h1{font-size:clamp(70px,16vw,110px)}.journey-stage h2{font-size:clamp(65px,15vw,105px)}.journey-stage p{font-size:19px}.journey-stage .canopy-art{width:150%;left:-40%}.journey-stage .soil-illustration{width:180%;left:-40%}.wheel{width:88vw}.wheel li{transform:rotate(calc(var(--i)*30deg)) translateY(-37vw) rotate(calc(var(--i)*-30deg)) translate(-50%,-50%)}}
.journey-stage .rows>div:first-child{color:#f0ebd9;text-shadow:0 2px 8px #15251b,0 0 24px #15251b}.journey-stage .rows>div:first-child:before{content:'';position:absolute;z-index:-1;inset:-3rem;background:radial-gradient(ellipse,rgba(20,40,28,.8),transparent 75%)}
@media(max-width:700px){.journey-stage .stars{top:7%;right:3%;transform:scale(.7)!important;transform-origin:top right}.journey-stage .hero-copy{padding-top:0}.journey-stage .layer .source{font-size:16px}}

.journey-stage .soil-layers:before{display:none}.ground-foreground{position:absolute;z-index:4;left:-5%;width:110%;height:45vh;top:0;pointer-events:none;transform:translate3d(0,var(--ground-y),0)}.ground-foreground svg{width:100%;height:100%}

.journey-stage .hero-copy,.journey-stage .canopy>div:last-child,.journey-stage .rows>div:first-child,.journey-stage .earth-intro,.journey-stage .earth-note,.journey-stage .layer{background:radial-gradient(ellipse at center,rgba(25,30,22,.94) 0%,rgba(25,30,22,.88) 70%,transparent 100%);padding:1rem!important}

.journey-stage h2{font-size:clamp(60px,6vw,86px)}
@media(max-width:700px){.journey-stage h2{font-size:clamp(55px,12vw,70px)}}

/* La sonda attraversa una sola sezione continua. */
.soil-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.soil-illustration{display:none}.journey-stage .soil-photo{position:absolute;top:0;left:0;width:100%;height:300vh;object-fit:cover;transform:translate3d(0,var(--soil-y),0)}.journey-stage .ground-foreground{display:none}.wheel{touch-action:pan-y}.wheel ul{transform:rotate(var(--turn,0deg))}.wheel li button{transform:rotate(calc(-1 * var(--turn,0deg)))}.wheel-inner{overflow:hidden;background:#213b2b;color:#fff}.season-landscape{position:absolute;inset:0;background-position:center 12%;background-size:cover;background-repeat:no-repeat;opacity:.72}.season-landscape.art-ready{background-image:url('./assets/podere-stagioni.webp')}.season-name{position:relative;z-index:1;background:#20392c;padding:8px 12px}.wheel[data-season=inverno] .season-landscape{background-position:right center}.wheel[data-season=primavera] .season-landscape,.wheel[data-season=estate] .season-landscape,.wheel[data-season=autunno] .season-landscape{background-position:left center}
.canopy-art{background-position:center top;background-size:cover;background-repeat:no-repeat}.canopy-art.art-ready{background-image:url('./assets/chioma.webp')}.canopy-art svg{visibility:hidden}

.wheel .season-landscape{left:0;top:0;transform:none;position:absolute;display:block}.wheel-inner .season-name{font:20px Source,sans-serif;line-height:1.2}

/* Immagini proporzionate: il profilo mantiene il rapporto originale. */
.journey-stage .soil-photo{width:max(100%, 100vh);height:auto;max-width:none;left:50%;translate:-50% 0}.season-landscape{background-size:200% 100%;background-position:right center}