:root{--ink:#242722;--paper:#ede6d6;--blue:#314c60;--cream:#f6f1e7;--serif:Georgia,'Times New Roman',serif;--sans:Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.7}::selection{background:#b3c0bf;color:#182621}a{color:inherit;text-decoration:none}button,input{font:inherit}.skip{position:absolute;top:-100px;left:10px;z-index:20;background:white;padding:1rem}.skip:focus{top:10px}a:focus-visible,input:focus-visible,video:focus-visible{outline:3px solid #b78a52;outline-offset:5px}.wrap{width:min(1320px,calc(100% - 10vw));margin-inline:auto}.masthead{height:92px;position:absolute;z-index:3;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;color:#fff}.logo{font-family:var(--serif);font-size:25px;line-height:1}.logo span{display:block;font:10px var(--sans);text-transform:uppercase;letter-spacing:.18em;margin-top:8px}.masthead nav{display:flex;gap:34px;font-size:13px}.masthead nav a,.text-link,.underlink{transition:opacity .2s}.masthead nav a:hover,.text-link:hover,.underlink:hover{opacity:.65}.nav-cta{border:1px solid rgba(255,255,255,.65);padding:11px 18px;font-size:12px;letter-spacing:.04em}.nav-cta span{margin-left:15px}.hero{min-height:760px;height:100svh;max-height:1100px;position:relative;background:#393b33;color:#fff;display:flex;align-items:center;overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:0}.hero-image{background:url('esperienza/assets/stile-originale/room-luce.54f604f89e26.webp') center 50%/cover no-repeat;transform:scale(1.015);animation:arrive 2s ease-out both}.hero-shade{background:linear-gradient(90deg,rgba(21,24,23,.78) 0%,rgba(21,24,23,.53) 41%,rgba(21,24,23,.07) 100%),linear-gradient(0deg,rgba(14,20,19,.62),transparent 30%)}.hero-copy{position:relative;z-index:1;margin:60px 5vw 0;max-width:760px}.hero-author{text-transform:uppercase;letter-spacing:.18em;font-size:11px}.hero h1,.hero h2,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.035em;line-height:1.02}.hero h1{font-size:clamp(5rem,10.5vw,9.7rem);margin:23px 0 28px}.hero h1 em,h2 em{font-weight:400}.hero-lead{max-width:360px;font-size:17px;line-height:1.6}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:16px 22px;font-size:13px;font-weight:700;line-height:1.3;min-height:54px;transition:background .2s,color .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-light{background:#f5efe2;color:#222820}.button-light:hover{background:white}.button-dark{background:#283c42;color:white}.button-dark:hover{background:#39545a}.text-link{font-size:13px}.light-link{border-bottom:1px solid #fff;padding:8px 0}.hero-bottom{position:absolute;left:5vw;right:5vw;bottom:28px;display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:.16em;font-size:10px}.intro{display:grid;grid-template-columns:1fr 2fr;gap:10vw;padding-block:150px}.intro-side{font-family:var(--serif);font-style:italic;font-size:21px;color:#5b6155}.line{display:block;width:60px;border-top:1px solid #777d6e;margin:12px 0 32px}.intro-main{max-width:720px}.intro h2,.world h2,.film-head h2,.book-copy h2,.author h2,.closing h2{font-size:clamp(3rem,5.5vw,5.7rem);margin:0 0 35px}.intro-main p,.world-copy>p,.book-copy>p,.author p{max-width:570px;font-size:18px;line-height:1.8;color:#42483f}.underlink{display:inline-block;margin-top:22px;padding-bottom:5px;border-bottom:1px solid #46544b;font-size:13px;font-weight:700}.underlink span{margin-left:18px}.quote-section{min-height:650px;position:relative;display:grid;place-items:center;color:#fff;text-align:center;padding:100px 5vw}.quote-bg{position:absolute;inset:0;background:linear-gradient(rgba(25,31,29,.7),rgba(25,31,29,.72)),url('esperienza/assets/stile-originale/room-luce.54f604f89e26.webp') center/cover fixed}.quote-section figure{position:relative;max-width:1000px;margin:0}.quote-section blockquote{font:italic clamp(2rem,4.2vw,4.3rem)/1.22 var(--serif);letter-spacing:-.02em;margin:0}.quote-section figcaption{margin-top:35px;font-size:12px;letter-spacing:.08em}.world{padding-block:160px;display:grid;grid-template-columns: .8fr 1.2fr;gap:8vw;align-items:center}.world-copy>p{font-size:17px}.world-details{display:flex;flex-wrap:wrap;gap:10px 20px;margin:32px 0;border-top:1px solid #b9bdaf;border-bottom:1px solid #b9bdaf;padding:18px 0;font-size:12px}.world-note{font-size:12px!important;margin-top:20px}.comparison{position:relative;overflow:hidden;aspect-ratio:1.35;background:#b1a897}.comparison img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.comparison-cold{position:absolute;inset:0;clip-path:inset(0 0 0 50%)}.comparison-line{position:absolute;left:50%;top:0;bottom:0;width:1px;background:#fff}.comparison-line span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border:1px solid #fff;border-radius:50%;background:#283c42;color:white;text-align:center;line-height:42px}.compare-label{position:absolute;bottom:18px;color:white;font-size:10px;letter-spacing:.18em;text-shadow:0 1px 6px #000}.compare-label.left{left:20px}.compare-label.right{right:20px}input[type=range]{width:100%;accent-color:#344e54;cursor:pointer}.range-label{display:block;margin-top:20px;font-size:12px;font-weight:bold}.visual-caption{font-size:12px;color:#596058}.film-section{background:#283a3a;color:#f4efe2;padding:120px 0 90px}.film-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:55px}.film-head h2{margin:0}.film-head p{max-width:270px;color:#d6ded4}.film-frame{width:min(1320px,90%);margin:auto;background:#101818}.film-frame video{display:block;width:100%;max-height:720px}.film-caption{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#d6ded4}.book-section{background:#e3d8c5;padding:150px 0}.book-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12vw}.book-cover{text-align:center}.book-cover img{display:block;width:min(100%,390px);height:auto;margin:auto;box-shadow:18px 22px 42px rgba(32,29,21,.25)}.book-type,.author-label{font-size:11px;letter-spacing:.18em;font-weight:700}.book-copy h2{font-size:clamp(2.8rem,4.3vw,4.6rem)}.purchase-pending{font-size:14px;color:#4b524b;margin:32px 0 0}.author{padding-block:150px;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.author h2{margin-top:20px}.author>div:last-child{padding-top:22px}.closing{background:#31464a;color:#f5efe4;padding:100px 5vw 120px;text-align:center}.closing img{height:95px;width:95px;object-fit:contain;filter:invert(1);opacity:.8}.closing p{font-family:var(--serif);font-style:italic;font-size:20px;margin:25px 0}.closing h2{margin-bottom:32px}.footer{background:#202d2c;color:#f3ede0;display:flex;justify-content:space-between;gap:35px;padding:55px 5vw;font-size:12px}.footer div{display:flex;flex-direction:column}.footer strong{font:24px var(--serif);margin-bottom:8px}.footer a{text-decoration:underline;text-underline-offset:4px}@keyframes arrive{from{transform:scale(1.07);filter:brightness(.8)}to{transform:scale(1.015);filter:brightness(1)}}@media(max-width:800px){.masthead{height:76px}.masthead nav{display:none}.logo{font-size:20px}.nav-cta{font-size:11px;padding:10px}.hero{min-height:680px;max-height:none}.hero-image{background-position:58% center}.hero-shade{background:linear-gradient(90deg,rgba(20,25,23,.72),rgba(20,25,23,.3)),linear-gradient(0deg,rgba(20,25,23,.5),transparent 45%)}.hero-copy{margin-top:30px}.hero h1{font-size:clamp(4.5rem,13vw,7rem)}.hero-bottom span:first-child{display:none}.hero-bottom{justify-content:flex-end}.intro,.world,.book-inner,.author{grid-template-columns:1fr;gap:45px}.intro,.world,.author{padding-block:90px}.intro-side p{font-size:18px}.intro h2,.world h2,.film-head h2,.author h2,.closing h2{font-size:clamp(2.8rem,10vw,4.5rem)}.intro-main p,.author p{font-size:16px}.quote-section{min-height:550px}.quote-bg{background-attachment:scroll}.world-visual{order:-1}.world{gap:50px}.film-head{display:block}.film-head p{margin-top:25px}.film-section{padding-block:90px}.book-section{padding:90px 0}.book-cover img{width:min(75%,320px)}.book-copy h2{font-size:clamp(2.7rem,9vw,4rem)}.author>div:last-child{padding:0}.footer{flex-direction:column}.comparison{aspect-ratio:1.15}}@media(max-width:420px){.wrap{width:calc(100% - 40px)}.masthead{padding-inline:20px}.hero-copy{margin-inline:20px}.hero h1{font-size:4.4rem}.hero-actions{align-items:flex-start;flex-direction:column;gap:12px}.hero-bottom{left:20px;right:20px}.nav-cta span{margin-left:5px}.logo span{font-size:9px}.quote-section blockquote{font-size:2rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
[hidden]{display:none!important}

.logo span,.hero-bottom,.compare-label{font-size:11px}
@media(max-width:420px){.logo span{font-size:11px}}
/* Il confronto si può toccare direttamente; lo scorrimento verticale resta nativo. */
.comparison{touch-action:pan-y;cursor:ew-resize;user-select:none;-webkit-user-select:none}
.comparison img{pointer-events:none}.comparison-line{pointer-events:none}
.range-label{font-size:14px;line-height:1.45}input[type=range]{min-height:44px;margin:0;touch-action:pan-x}
@media (min-width:651px) and (max-width:1100px){.world{grid-template-columns:1fr 1fr;gap:5vw}.world h2{font-size:clamp(2.8rem,5.3vw,4.5rem)}.world-details{gap:8px 14px}.film-head{gap:24px}.book-inner{gap:7vw}.intro{gap:7vw}}
@media (max-width:800px){.world{grid-template-columns:1fr}.world-visual{order:0}.world-copy{order:1}.world-visual .comparison{aspect-ratio:1.4}.world{gap:38px}.hero{min-height:680px}.world-copy>p{max-width:620px}}
@media (max-width:420px){.hero h1{font-size:clamp(3.55rem,16vw,4.4rem)}.hero-author{letter-spacing:.12em}.world-visual .comparison{aspect-ratio:1.18}}
@media (prefers-reduced-motion:reduce){.hero-image{animation:none;transform:none}.button{transition:none}}
/* Sul tablet verticale il confronto usa tutta la larghezza disponibile. */
.comparison{aspect-ratio:1055/745}
.comparison img{object-fit:fill}
@media (orientation:portrait) and (min-width:651px) and (max-width:1100px){.world{grid-template-columns:1fr;gap:42px}.world-copy{order:0}.world-visual{order:1}.world-copy>p{max-width:650px}.world-visual .comparison{aspect-ratio:1055/745}}
@media (max-width:650px){.world-visual .comparison{aspect-ratio:1055/745}}
/* Mantiene leggibile la navigazione anche sulle parti più chiare dell’illustrazione. */
.masthead{background:linear-gradient(180deg,rgba(18,25,24,.84),rgba(18,25,24,.68) 72%,transparent)}
.comparison-cold>svg,.comparison-cold>img{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
.film-frame video{aspect-ratio:16/9;object-fit:cover;object-position:center}

.not-found{max-width:1050px;margin:auto;min-height:100svh;padding:clamp(40px,10vw,120px) 24px;display:flex;flex-direction:column;justify-content:center}
.not-found h1{font:400 clamp(3rem,8vw,6rem)/1.05 var(--serif);letter-spacing:-.03em;margin:0 0 24px}
.not-found p{max-width:50ch}
@media(max-width:600px){.not-found .hero-actions{align-items:flex-start;flex-direction:column;gap:14px}}

.compare-label{background:rgba(32,45,44,.86);padding:5px 8px;text-shadow:none}

/* L’autore del libro guida la sezione; il ritratto si adatta senza comprimere il testo. */
.author-heading{display:grid;grid-template-columns:clamp(118px,14vw,176px) minmax(0,1fr);align-items:center;gap:clamp(18px,2.6vw,32px)}
.author-heading .author-portrait{display:block;width:100%;height:auto;aspect-ratio:1;align-self:center;object-fit:cover;object-position:center 35%;border:5px solid var(--cream);box-shadow:0 13px 28px rgba(40,44,31,.14)}
.author-heading h2{margin:12px 0 0;font-size:clamp(2.6rem,4.7vw,4.7rem);line-height:1.04}
@media(max-width:800px){.author-heading{grid-template-columns:clamp(110px,25vw,156px) minmax(0,1fr);gap:22px}.author-heading h2{font-size:clamp(2.5rem,9vw,4rem)}}
@media(max-width:420px){.author-heading{grid-template-columns:104px minmax(0,1fr);gap:16px}.author-heading h2{font-size:clamp(2.1rem,9vw,2.7rem)}}

.footer-vinbis{display:flex;align-items:center;gap:10px;text-decoration:none!important;min-width:0}.footer-vinbis img{display:block;width:42px;height:42px;object-fit:contain;background:#fff;border-radius:2px}.footer-vinbis span{font-size:11px;line-height:1.4}
@media(max-width:800px){.footer-vinbis{order:3}.footer-vinbis img{width:38px;height:38px}}

.footer .footer-author{display:inline;font:600 14px var(--sans);margin:0}.footer-vinbis img{width:30px;height:30px}.footer-vinbis span{font-size:10px}@media(max-width:800px){.footer-vinbis img{width:28px;height:28px}}

.not-found-bird{width:clamp(132px,16vw,200px);aspect-ratio:1.18;margin:0 0 28px;border:1px solid rgba(112,116,95,.25);border-radius:50%;background-image:url("esperienza/assets/stile-originale/room-luce.44a0284d7f4c.webp");background-repeat:no-repeat;background-size:590% auto;background-position:62% 23%;box-shadow:0 12px 34px rgba(61,45,24,.08)}