:root{color-scheme:dark;--cream:#f5f1e7;--coral:#ff6f61;--pine:#163b2f;--ink:#19392d;--vh:100svh;--story-scroll-desktop:580svh;--story-scroll-mobile:390svh}
*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:80px}body{margin:0;background:#10231c;color:var(--cream);font:16px/1.6 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--coral);outline-offset:6px}button{cursor:pointer}[hidden]{display:none!important}.skip{position:fixed;z-index:30;top:104px;right:max(24px,3vw);padding:8px 15px;border-radius:999px;background:rgba(16,35,28,.84);border:1px solid rgba(245,241,231,.38);color:var(--cream);font-size:11px;font-weight:600;letter-spacing:.04em;backdrop-filter:blur(6px);transition:opacity .25s,background .2s,color .2s,transform .2s}.skip:hover,.skip:focus-visible{background:var(--cream);color:var(--ink)}.story-passed .skip:not(:focus){opacity:0;pointer-events:none;transform:translateY(-6px)}
.masthead{position:absolute;top:0;left:0;width:100%;height:100px;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;gap:24px;background:linear-gradient(#0a181b9c,transparent)}.wordmark{display:block;width:134px;height:58px;flex-shrink:0}.wordmark span{position:relative;display:block;width:100%;height:100%;overflow:hidden}.wordmark img{position:absolute;width:160px;height:160px;max-width:none;left:-14px;top:-45px}.edition{font-size:9px;letter-spacing:.21em;color:#fff9}.header-actions{display:flex;align-items:center;gap:22px;font-size:12px}.about-link{border-bottom:1px solid #ffffff70;padding:9px 0}.about-link span{padding-left:12px}#motion-toggle{background:none;border:0;color:var(--cream);padding:10px 0;font-size:11px;text-decoration:underline;text-underline-offset:5px}
.story{position:relative}.stage{position:relative}.scene{position:relative;isolation:isolate;min-height:var(--vh);overflow:hidden;background:#19342a;scroll-margin-top:0}.scene-image,.scene-image picture,.scene-image img,.shade{position:absolute;inset:0;width:100%;height:100%}.scene-image{transform-origin:65% 50%}.scene-image img{object-fit:cover;object-position:65% center}.shade{z-index:1;background:linear-gradient(90deg,rgba(4,17,18,.87) 0%,rgba(4,17,18,.65) 29%,rgba(4,17,18,.05) 68%),linear-gradient(0deg,#0719129c,transparent 28%);pointer-events:none}.copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;width:min(53%,780px);padding:150px 0 135px;margin-left:7vw;min-height:var(--vh)}.eyebrow{font-size:10px;line-height:1.5;font-weight:600;letter-spacing:.24em;text-transform:uppercase;margin:0 0 28px;color:#f5f1e7ba}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.04;letter-spacing:-.045em;margin:0;text-wrap:balance}h1{font-size:clamp(46px,5.7vw,92px);max-width:690px}h2{font-size:clamp(42px,5.3vw,86px)}h2 em{font-weight:400;color:#ffc0a1}.subtitle{max-width:430px;font-size:clamp(16px,1.35vw,20px);line-height:1.6;margin:28px 0 0;color:#fff4e8e0}.disclaimer{font-size:11px;line-height:1.6;max-width:420px;color:#f9f4e1c9;margin:35px 0 0}.scene-scelta .scene-image{transform-origin:57% 56%}.scene-fotografia .scene-image{transform-origin:65% 55%}.scene-casa .scene-image{transform-origin:64% 23%}.scene-bosco .scene-image{transform-origin:61% 52%}.scene-bosco .shade{background:linear-gradient(90deg,#071e13ed 0%,#082815b8 38%,#10331d12 85%),linear-gradient(0deg,#102f2480,transparent 35%)}.scene-bosco .copy{width:60%;max-width:920px}.scene-bosco h2{font-size:clamp(42px,5.4vw,82px)}
.phone-environment{position:absolute;inset:0;background:radial-gradient(ellipse at 74% 60%,#476251 0%,#233f32 35%,#0f251d 75%)}.phone-environment:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#f5f1e715 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(90deg,transparent,#000)}.halo{position:absolute;width:42vw;height:42vw;left:49%;top:calc(50% - 21vw);border:1px solid #dbe9bb26;border-radius:50%;box-shadow:0 0 0 80px #e2edc206,0 0 0 160px #e2edc204}.phone{position:absolute;left:72%;top:48%;transform:translate(-50%,-50%);width:min(25vw,265px);margin:0;z-index:2}.phone-image{aspect-ratio:460/1024;border-radius:32px;border:7px solid #14231b;outline:1px solid #fff5;overflow:hidden;box-shadow:18px 30px 70px #0008;background:#f6f6f6}.phone img{display:block;width:100%;height:100%;object-fit:contain}.phone figcaption{text-align:center;font-size:10px;letter-spacing:.04em;color:#f4f3dbb3;margin-top:20px}.scene-telefono .shade,.scene-rete .shade{background:linear-gradient(90deg,#10251a88,transparent 65%)}
.scene-rete{background:radial-gradient(ellipse at 70% 50%,#254e3e,#10291f 75%)}.neighborhood{position:absolute;left:43%;top:50%;transform:translateY(-50%);width:55%;max-width:850px;aspect-ratio:6/5}.connections{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.connections path{fill:none;stroke:#bfd3ac;stroke-width:1;stroke-dasharray:7 9;opacity:.6}.connections circle{fill:none;stroke:#e6e9c11c;stroke-width:1}.house{position:absolute;font-size:10px;letter-spacing:.07em;padding:14px 18px;border:1px solid #adcaa44d;border-radius:50px;background:#173b2f}.h1{left:7%;top:16%}.h2{right:7%;top:13%}.h3{right:4%;top:69%}.grid-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:225px;text-align:center}.grid-label{font-size:10px;letter-spacing:.24em;color:#eedfcc}.blind-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0}.tile{display:grid;place-items:center;aspect-ratio:1;border-radius:13px;border:1px solid #ededd344;background:#ffffff09;transition:background .15s,border-color .15s}.tile i{position:relative;width:22px;height:14px;border-radius:12px 12px 4px 4px;background:#cfddc180;margin-top:14px}.tile i:before{content:'';position:absolute;width:10px;height:10px;border-radius:50%;background:inherit;left:6px;top:-13px}.grid-center small{font-size:10px;color:#d3dfc6}.network-note{position:absolute;bottom:3%;left:0;right:0;text-align:center;color:#e6eac780;font-size:10px}.scene-rete .subtitle{max-width:380px}
.leaf-wash{display:none;position:absolute;z-index:3;inset:0;pointer-events:none;background:radial-gradient(ellipse at 64% 30%,#59783ae6 0%,#466835ad 27%,#264c292e 58%,transparent 78%);opacity:0;filter:blur(15px)}.story-controls{display:none}.enhanced .story{height:var(--story-scroll-desktop,580svh)}.enhanced .stage{position:sticky;top:0;height:var(--vh);overflow:hidden}.enhanced .scene{position:absolute;inset:0;min-height:0;height:100%;opacity:0;visibility:hidden;pointer-events:none}.enhanced .scene.active{visibility:visible;pointer-events:auto}.enhanced .copy{height:100%}.enhanced .scene-image{will-change:transform}.enhanced .leaf-wash{display:block}.enhanced .story-controls{display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:10;bottom:32px;left:5vw;right:5vw;gap:25px}.scroll-hint{font-size:9px;letter-spacing:.18em;color:#fff9}.scroll-hint span{display:inline-block;padding-left:12px;font-size:16px}.chapters{display:flex;gap:10px}.chapters a{display:grid;place-items:center;width:36px;height:40px;border-bottom:2px solid #fff5;font-size:10px;color:#fffc}.chapters a[aria-current=step]{border-color:var(--coral);color:var(--coral)}.counter{font-size:10px;letter-spacing:.12em;color:#fffb}.loading-note{position:absolute;z-index:11;right:5vw;top:148px;font-size:11px;background:#173b2f;padding:7px 12px}
.beyond{padding:110px 7vw 75px;background:var(--cream);color:var(--ink)}.beyond .eyebrow{color:#547363}.beyond-heading{display:flex;align-items:flex-end;gap:8vw;justify-content:space-between}.beyond h2{font-size:clamp(38px,4.2vw,68px)}.beyond h2 em{color:#a54c37}.beyond-heading>p{width:320px;max-width:100%;color:#546259;font-size:15px;line-height:1.8;margin-bottom:0}.next-links{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:65px 0 45px}.next-links a{border-top:1px solid #183c3040;padding-top:22px;transition:border-color .2s}.next-links a:hover{border-color:#a54c37}.next-links span{font-size:9px;letter-spacing:.18em;color:#65786c}.next-links strong{display:block;font-size:18px;font-weight:400;padding-top:12px}.next-links b{float:right;font-weight:400}.availability{font-size:12px;color:#576b5c}#store-links{display:flex;gap:15px;margin-top:25px}#store-links a{border:1px solid var(--ink);padding:10px 20px;border-radius:6px}
footer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;padding:60px 7vw 25px;background:#102a20;color:#e4e9d9;font-size:12px}.footer-brand{font:bold italic 40px Georgia,serif;color:var(--coral);letter-spacing:-2px}.footer-brand span{font:10px Arial;vertical-align:top;padding-left:4px}footer p{color:#d2ddcba3}footer>nav{display:flex;flex-direction:column;gap:13px;padding-top:15px}footer a:hover{color:var(--coral)}.social-title{font-size:9px;letter-spacing:.16em;margin:20px 0}.socials{display:flex;gap:12px}.socials a{display:grid;place-items:center;width:40px;height:40px;border:1px solid #d2ddcb40;border-radius:50%}.socials svg{width:17px;height:17px;fill:currentColor;stroke:currentColor;stroke-width:1.5}.socials svg[fill=none]{fill:none}.socials .dot{fill:currentColor;stroke:none}.preview-note{grid-column:1/-1;border-top:1px solid #d2ddcb20;margin-top:20px;padding-top:22px;color:#a8b9a6;font-size:10px}
@media(min-width:1600px){.copy{margin-left:9vw}.phone{width:285px}}
@media(max-width:1000px){.edition{display:none}.copy{width:56%}h1{font-size:6.5vw}.grid-center{width:180px}.neighborhood{left:42%;width:58%}.house{font-size:8px;padding:10px}.header-actions{gap:18px}.phone{width:25vw}}
@media(max-width:767px){
 .masthead{height:80px;padding:0 6vw;gap:10px}.wordmark{width:109px;height:50px}.wordmark img{width:132px;height:132px;left:-12px;top:-37px}.header-actions{gap:15px}.about-link{font-size:11px}.about-link span{padding-left:4px}#motion-toggle{font-size:10px}.scene{min-height:var(--vh)}.scene-image{height:74%;transform-origin:62% 44%}.scene-image img{object-position:64% center}.scene-prima .scene-image img{object-position:72% center}.scene-scelta .scene-image img{object-position:61% center}.scene-fotografia .scene-image img{object-position:59% center}.scene-casa .scene-image img{object-position:66% center}.scene-bosco .scene-image img{object-position:62% center}.shade{background:linear-gradient(0deg,#10231c 3%,#10231cfa 22%,#10231c9c 43%,transparent 67%),linear-gradient(180deg,#091c2133,transparent 20%)}.copy,.scene-bosco .copy{width:auto;max-width:none;margin:0 7vw;min-height:var(--vh);justify-content:flex-end;padding:110px 0 94px}.eyebrow{font-size:9px;letter-spacing:.2em;margin-bottom:18px}h1,h2,.scene-bosco h2{font-size:clamp(34px,9.4vw,54px);line-height:1.05;letter-spacing:-.035em}h1{max-width:480px}.subtitle{font-size:14px;line-height:1.6;max-width:340px;margin-top:18px}.scene-bosco .shade{background:linear-gradient(0deg,#102b20 0%,#102b20ed 27%,#102b2070 62%,#102b2000 90%)}.scene-bosco .copy{padding-bottom:90px}.scene-bosco h2{font-size:clamp(32px,8.7vw,48px)}.disclaimer{font-size:9px;line-height:1.5;margin-top:20px;max-width:330px}.skip{top:auto;bottom:48px;right:7vw;padding:5px 11px;font-size:10px}.enhanced .story{height:var(--story-scroll-mobile,390svh)}.enhanced .story-controls{left:7vw;right:7vw;bottom:14px;gap:8px 12px;flex-wrap:wrap}.scroll-hint{display:flex;align-items:center;width:auto;padding-right:130px;font-size:8px;letter-spacing:.16em;color:#fffc;line-height:1.2}.scroll-hint span{padding-left:6px;font-size:11px}.chapters{gap:7px}.chapters a{width:29px;height:33px}.counter{font-size:9px}.phone{left:50%;top:31%;width:auto;height:46%;max-width:none}.phone-image{height:100%;border-width:5px;border-radius:22px}.phone img{width:100%;height:100%}.phone figcaption{font-size:8px;margin-top:10px;white-space:nowrap}.scene-telefono .copy{padding-bottom:100px}.scene-telefono .shade{background:linear-gradient(0deg,#10251a 2%,#10251a00 52%)}.halo{width:75vw;height:75vw;left:12.5%;top:12%}.scene-telefono h2{font-size:clamp(32px,9vw,48px)}.neighborhood{width:100%;max-width:460px;left:50%;top:30%;transform:translate(-50%,-50%);height:53%;aspect-ratio:auto}.connections{height:100%}.grid-center{width:160px}.blind-grid{gap:6px;margin:12px 0}.tile{border-radius:9px}.grid-label{font-size:9px}.house{font-size:8px;padding:7px 9px}.h1{top:16%;left:5%}.h2{right:6%;top:16%}.h3{right:3%;top:72%}.grid-center small,.network-note{font-size:8px}.scene-rete .shade{background:linear-gradient(0deg,#10291f 0%,transparent 57%)}.leaf-wash{background:radial-gradient(ellipse at 65% 24%,#59783aee 0%,#466835b0 26%,#264c292e 58%,transparent 78%)}.beyond{padding:65px 7vw 45px}.beyond-heading{display:block}.beyond h2{font-size:38px}.beyond-heading>p{width:auto;font-size:14px;margin-top:28px}.next-links{grid-template-columns:1fr;gap:28px;margin:40px 0}.next-links strong{font-size:18px}footer{grid-template-columns:1fr 1fr;padding:45px 7vw 25px;gap:25px}footer>div:nth-of-type(2){grid-column:1/-1}.preview-note{margin-top:0}
}
@media(max-height:650px) and (min-width:768px){.copy{padding-top:100px;padding-bottom:100px}h1,h2,.scene-bosco h2{font-size:clamp(35px,4.5vw,64px)}.phone{height:69%;width:auto}.phone-image{height:100%}.subtitle{margin-top:15px}.eyebrow{margin-bottom:16px}.disclaimer{margin-top:20px}}
@media(max-height:650px) and (max-width:767px){h1,h2,.scene-bosco h2{font-size:30px}.copy{padding-bottom:75px}.subtitle{font-size:12px;margin-top:10px}.eyebrow{margin-bottom:10px}.disclaimer{font-size:8px;margin-top:10px}.phone{height:40%;top:28%}.scene-telefono .copy{padding-bottom:78px}.scene-bosco .copy{padding-bottom:73px}}
/* Use the existing official image mark in the footer. */
.footer-brand{display:inline-flex;align-items:center;line-height:0}
.footer-brand img{display:block;width:150px;max-width:100%;height:auto}
/* Readable document flow is the baseline, including no JS / failed JS. */
body:not(.enhanced) .scene-image{transform:none!important}body:not(.enhanced) .copy{transform:none!important;opacity:1!important}body:not(.enhanced) .scene{opacity:1!important;visibility:visible!important}body:not(.enhanced) .scene-telefono,body:not(.enhanced) .scene-rete{min-height:var(--vh)}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.enhanced .story{height:auto}.enhanced .stage{position:relative;height:auto;overflow:visible}.enhanced .scene{position:relative;inset:auto;min-height:var(--vh);height:auto;opacity:1!important;visibility:visible!important}.enhanced .scene-image,.enhanced .copy{transform:none!important}.enhanced .copy{opacity:1!important}.enhanced .story-controls,.enhanced .leaf-wash{display:none}}