:root{--paper:#faf9f6;--ink:#242321;--wine:#692c3d;--line:#d7d3cf}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #bd8a53;outline-offset:6px}header{position:absolute;z-index:2;width:100%;display:flex;align-items:center;justify-content:space-between;padding:32px 4%;color:white}.brand{font-family:Georgia,serif;font-size:30px;letter-spacing:3px;line-height:1.2;display:inline-block}.brand span{display:block;font:9px Arial,sans-serif;letter-spacing:4px;text-align:center;margin-top:8px}nav{display:flex;gap:23px;font-size:12px}nav a{border-bottom:1px solid transparent}nav a:hover{border-color:currentColor}.hero{position:relative;height:100svh;min-height:650px;color:white;background:#243028}.hero img{width:100%;height:100%;object-fit:cover;object-position:center}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.65),rgba(0,0,0,.12) 75%),linear-gradient(0deg,rgba(0,0,0,.25),transparent 40%)}.hero-copy{position:absolute;z-index:1;left:8%;top:32%}.eyebrow{font-size:10px;letter-spacing:3px;font-weight:normal}.hero-title{font-family:Georgia,serif;font-size:clamp(44px,5.2vw,82px);line-height:1.08;letter-spacing:-2px;margin:25px 0 35px;font-weight:normal}.light-link,.text-link{display:inline-flex;gap:40px;justify-content:space-between;align-items:center;border:0;border-bottom:1px solid currentColor;padding:9px 0;background:none;font-size:13px}.scroll{position:absolute;bottom:35px;left:8%;z-index:1;letter-spacing:2px;font-size:9px;display:flex;gap:45px}.intro{padding:120px 12%;display:grid;grid-template-columns:1fr 1fr;gap:30px 70px}.intro>.eyebrow{grid-column:1/-1}.burgundy{color:var(--wine)}h1,h2{font-family:Georgia,serif;font-weight:normal;line-height:1.13;letter-spacing:-1.5px}h1{font-size:clamp(38px,4vw,58px);margin:0}.intro-body p:first-child{margin-top:0;font-size:19px}.intro-body p{color:#57534f}.intro-body .inclusive{font-size:14px;border-left:2px solid var(--wine);padding-left:20px;margin:28px 0}.text-link{color:var(--wine)}.chapters{padding:0 12% 100px}.chapters article{display:grid;grid-template-columns:1fr 1.5fr;gap:60px;padding:48px 0;border-top:1px solid var(--line)}.number{font-size:10px;letter-spacing:2px;color:var(--wine);padding-top:9px}.chapters h2{font-size:40px;margin:0 0 20px}.chapters p{max-width:590px;color:#57534f}.contact{background:var(--wine);color:#fff;padding:95px 12%;display:grid;grid-template-columns:1.3fr 1fr;column-gap:100px}.contact>.eyebrow{grid-column:1/-1}.contact h2{font-size:clamp(48px,6vw,80px);margin:20px 0 35px}.contact>p:not(.eyebrow){align-self:center;max-width:410px}.contact-cta{border-bottom:1px solid #fff;padding-bottom:13px;align-self:start;justify-self:start}.details{font-size:13px;display:flex;flex-direction:column;gap:8px}.details p{margin:8px 0}footer{padding:60px 5% 80px;display:flex;justify-content:space-between;gap:40px}footer .brand{font-size:24px}footer>div{display:flex;flex-direction:column;align-items:start;gap:12px;font-size:11px}footer button{border:0;background:none;padding:0;font-size:11px}.prototype{position:fixed;bottom:0;left:0;background:var(--paper);padding:5px 12px;font-size:8px;letter-spacing:2px;z-index:3;border-top:1px solid var(--line)}.consent{position:fixed;bottom:25px;right:22px;width:370px;max-width:calc(100% - 44px);background:var(--paper);border:1px solid var(--line);padding:24px;z-index:10;box-shadow:0 8px 40px #0002}.consent h2{font-size:26px;margin:0}.consent p{font-size:12px}.consent p a{text-decoration:underline}.consent>div{display:flex;gap:12px}.consent button{background:transparent;border:1px solid var(--wine);padding:9px 13px;font-size:12px;color:var(--wine);flex:1}.consent button:last-child{background:var(--wine);color:white}dialog{border:1px solid var(--line);background:var(--paper);max-width:500px;padding:40px}dialog::backdrop{background:#0007}dialog h2{font-size:40px}#close-dialog{float:right;border:0;background:none;font-size:25px}.menu-toggle{display:none}.skip{position:absolute;top:-100px;z-index:20;background:white;color:black;padding:10px}.skip:focus{top:0}@media(max-width:1000px){nav{gap:12px;font-size:10px}.intro,.chapters{padding-left:7%;padding-right:7%}.intro{gap:30px}.contact{gap:30px;padding:75px 7%}}@media(max-width:700px){header{padding:25px 6%}.brand{font-size:25px}.menu-toggle{display:block;background:none;border:1px solid #fff8;color:white;padding:6px 12px;font-size:12px}nav{display:none;position:absolute;top:90px;left:0;right:0;background:var(--paper);color:var(--ink);padding:28px 7%;font-size:16px;flex-direction:column;gap:16px}nav.open{display:flex}.hero{min-height:650px;max-height:1000px}.hero img{object-position:44% center}.hero-copy{left:7%;top:34%;right:6%}.hero-title{font-size:53px}.hero:after{background:linear-gradient(90deg,#0009,#0002)}.light-link{font-size:12px;gap:20px}.intro{display:block;padding:75px 7%}.intro h1{font-size:39px;margin:25px 0 30px}.intro-body p:first-child{font-size:18px}.chapters{padding-bottom:60px}.chapters article{display:block;padding:32px 0}.number{display:block;margin-bottom:25px}.chapters h2{font-size:34px}.contact{display:block;padding:65px 7%}.contact h2{font-size:60px}.contact-cta{display:inline-block;margin:20px 0 40px}.details{margin-top:15px}footer{flex-direction:column;padding:45px 7% 65px}.scroll{left:7%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Logo originale e sezioni editoriali compatte */
.brand{line-height:0;letter-spacing:normal;flex-shrink:0}
.brand img{display:block;width:235px;height:auto}
header .brand img{filter:invert(1);mix-blend-mode:screen}
footer .brand img{width:230px;mix-blend-mode:multiply}
.chapters{display:grid;grid-template-columns:1fr 1fr;column-gap:65px;row-gap:0;padding-top:0;padding-bottom:85px}
.chapters article{display:flex;flex-direction:column;gap:0;padding:30px 0 38px;scroll-margin-top:25px}
.chapters .number{padding:0;margin:0 0 22px}
.chapters article>div{display:flex;flex:1;flex-direction:column;align-items:flex-start}
.chapters h2{font-size:32px;letter-spacing:-1px;margin:0 0 14px}
.chapters p{font-size:14px;line-height:1.75;margin:0 0 22px;max-width:480px}
.chapters .text-link{margin-top:auto;font-size:12px;gap:28px}
@media(min-width:701px) and (max-width:1100px){header{align-items:flex-start}.brand img{width:185px}nav{max-width:65%;flex-wrap:wrap;justify-content:flex-end;row-gap:10px}.chapters{column-gap:35px}}
@media(max-width:700px){header{align-items:center}.brand img{width:185px}.chapters{grid-template-columns:1fr;padding-bottom:45px}.chapters article{padding:28px 0 32px}.chapters .number{margin-bottom:18px}.chapters h2{font-size:31px}.chapters p{font-size:14px;max-width:none}.chapters .text-link{min-height:44px}.menu-toggle{min-height:44px}footer .brand img{width:215px}.intro{padding-bottom:55px}}
@media(max-width:360px){.brand img{width:155px}.hero-title{font-size:46px}.light-link{font-size:11px;gap:12px}.chapters h2{font-size:29px}}

/* Logo bianco con alpha derivata dall’originale: nessun rettangolo di fondo. */
header .brand{position:absolute;top:30px;left:4%}
.white-logo{display:block;width:235px;height:auto;overflow:visible}
header{position:absolute;inset:0 0 auto;height:100svh;min-height:650px;padding:0;pointer-events:none}
header .brand,.navigation-bar{pointer-events:auto}
.navigation-bar{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;min-height:72px;padding:18px 4%;background:rgba(18,18,18,.9);color:white;z-index:12}
.navigation-bar nav{max-width:none;flex-wrap:nowrap;gap:30px;font-size:12px}
.nav-name{display:none;font:20px Georgia,serif}
.navigation-bar.is-fixed{position:fixed;top:0;bottom:auto;box-shadow:0 1px 12px #0002;background:#faf9f6;color:#242321;justify-content:space-between}
.navigation-bar.is-fixed .nav-name{display:block}
.scroll{bottom:96px}
html{scroll-padding-top:95px}
@media(min-width:701px) and (max-width:1100px){.navigation-bar nav{gap:16px;font-size:11px}.navigation-bar.is-fixed .nav-name{font-size:17px}.white-logo{width:200px}}
@media(max-width:700px){header .brand{top:24px;left:6%}.white-logo{width:195px}.navigation-bar{justify-content:space-between;padding:12px 7%;min-height:68px}.nav-name{display:block;font-size:19px}.navigation-bar .menu-toggle{color:inherit;border-color:currentColor}.navigation-bar nav{position:absolute;top:auto;bottom:100%;left:0;right:0;padding:24px 7%;background:#faf9f6;color:#242321;font-size:16px;gap:15px}.navigation-bar.is-fixed nav{top:100%;bottom:auto;max-height:calc(100svh - 68px);overflow:auto}.scroll{bottom:92px}.hero-copy{top:30%}.navigation-bar nav a{min-height:32px}.navigation-bar.is-fixed .nav-name{font-size:19px}}
@media(prefers-reduced-motion:no-preference){.navigation-bar{transition:background .2s,color .2s}}

/* Apertura: logo senza fondo, sfumatura morbida e navigazione in alto. */
.hero:after{background:linear-gradient(90deg,rgba(10,20,13,.32) 0%,rgba(10,20,13,.14) 48%,rgba(10,20,13,0) 85%),linear-gradient(180deg,rgba(0,0,0,.36) 0%,rgba(0,0,0,0) 27%,rgba(0,0,0,.08) 100%)}
header .brand{z-index:14;top:24px;left:4%}
.navigation-bar{top:0;bottom:auto;min-height:140px;padding:28px 4% 28px 310px;justify-content:flex-end;align-items:flex-start;padding-top:49px;background:transparent}
.navigation-bar nav{gap:24px;text-shadow:0 1px 8px rgba(0,0,0,.7)}
.navigation-bar .nav-name{display:none}
.navigation-bar.is-fixed{min-height:78px;padding:22px 4%;align-items:center}
.navigation-bar.is-fixed nav{text-shadow:none}
.scroll{bottom:35px}
@media(min-width:701px) and (max-width:1100px){.navigation-bar{padding-left:250px}.navigation-bar nav{gap:14px;flex-wrap:wrap;justify-content:flex-end;max-width:600px;row-gap:12px}.navigation-bar.is-fixed nav{max-width:73%}}
@media(max-width:700px){header .brand{top:22px;left:6%}.navigation-bar{min-height:120px;padding:35px 6% 20px 220px;justify-content:flex-end;align-items:flex-start}.navigation-bar .menu-toggle{background:rgba(0,0,0,.14)}.navigation-bar nav{top:100%;bottom:auto;text-shadow:none;max-height:calc(100svh - 120px);overflow:auto}.navigation-bar.is-fixed{min-height:72px;padding:14px 6%;align-items:center;justify-content:space-between}.navigation-bar.is-fixed .menu-toggle{background:transparent}.navigation-bar.is-fixed .nav-name{display:block;font-size:18px}.scroll{bottom:35px}}

header .brand img.white-logo{filter:none;mix-blend-mode:normal;width:235px;height:auto}
@media(min-width:701px) and (max-width:1100px){header .brand img.white-logo{width:200px}}
@media(max-width:700px){header .brand img.white-logo{width:195px}}
@media(max-width:360px){header .brand img.white-logo{width:155px}}

.languages{display:flex;align-items:center;gap:12px;margin-left:24px;font-size:11px;letter-spacing:1px;white-space:nowrap;line-height:20px}.languages a{opacity:.8}.languages [aria-current]{border-bottom:1px solid currentColor}.languages a:hover{opacity:1}.navigation-bar{align-items:flex-start}.navigation-bar.is-fixed{gap:20px}.navigation-bar.is-fixed nav{margin-left:auto}.navigation-bar.is-fixed .languages{margin-left:4px}.chapters article{padding-top:32px}
@media(min-width:701px) and (max-width:1100px){.navigation-bar{padding-left:240px}.navigation-bar nav{gap:12px;font-size:10px}.languages{margin-left:16px;gap:9px}.navigation-bar.is-fixed .nav-name{font-size:16px}}
@media(max-width:700px){.navigation-bar{padding-left:215px;gap:12px}.languages{margin-left:0;gap:10px;min-height:44px}.navigation-bar.is-fixed{gap:12px}.navigation-bar.is-fixed .nav-name{margin-right:auto;font-size:16px}.navigation-bar.is-fixed .languages{margin-left:0}.navigation-bar .menu-toggle{font-size:11px;padding:6px 9px}.hero-title{overflow-wrap:normal}}
@media(max-width:380px){.navigation-bar{padding-left:175px;gap:8px}.navigation-bar.is-fixed .nav-name{font-size:14px}.languages{gap:7px;font-size:10px}}

.legal{max-width:850px;margin:auto;padding:65px 24px}.legal h1{margin:35px 0;font-size:46px}.legal h2{margin-top:40px}.preference-actions{display:flex;flex-wrap:wrap;gap:16px;margin:28px 0}.preference-actions button{background:transparent;color:var(--wine);border:1px solid var(--wine);padding:14px 20px;min-height:48px}.preference-actions button[aria-pressed=true]{background:var(--wine);color:white}.legal a:not(.text-link){text-decoration:underline}

.recommendation{margin:0 12%;padding:45px 0 65px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.recommendation h2{font-size:36px;margin:0}.recommendation>div{display:flex;flex-direction:column;align-items:flex-start;gap:15px}.recommendation-source{font-family:Georgia,serif;font-size:23px}.recommendation .text-link{font-size:12px}@media(max-width:700px){.recommendation{margin:0 7%;padding:35px 0 45px;grid-template-columns:1fr;gap:25px}.recommendation h2{font-size:32px}}

.recommendation-source .review-badge{display:block;width:130px;height:auto}.recommendation>div{align-items:flex-start}.recommendation{padding-top:40px;padding-bottom:50px}.recommendation h2{max-width:370px}@media(max-width:700px){.recommendation-source .review-badge{width:110px}.recommendation>div{gap:18px}}

.google-reviews{margin:0 12%;padding:50px 0 35px;border-top:1px solid var(--line)}.reviews-heading{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.reviews-heading h2{font-size:40px;margin:0}.reviews-heading a{color:var(--wine);font-size:14px}.reviews-heading p,.review-date{font-size:11px;color:#68615b}.reviews-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin:38px 0 24px}.reviews-grid figure{margin:0;padding:15px 0}.review-stars{font-size:14px;letter-spacing:4px;color:var(--wine)}.reviews-grid blockquote{font-family:Georgia,serif;font-size:29px;line-height:1.4;margin:20px 0 25px}.reviews-grid figcaption{font-size:12px}.reviews-grid figcaption span{display:block;color:#68615b;font-size:10px;margin-top:5px}.recommendation h2{font-size:26px}.recommendation{padding-top:30px;padding-bottom:35px}.recommendation-source .review-badge{width:100px}@media(max-width:700px){.google-reviews{margin:0 7%;padding-top:35px}.reviews-heading{grid-template-columns:1fr;gap:18px}.reviews-heading h2{font-size:34px}.reviews-grid{grid-template-columns:1fr;gap:20px;margin-top:20px}.reviews-grid figure+figure{border-top:1px solid var(--line);padding-top:28px}.reviews-grid blockquote{font-size:27px}}

/* Recensioni: un unico blocco compatto. */
.google-reviews{position:relative;padding:35px 0 36px}.reviews-heading h2{font-size:34px;max-width:440px}.reviews-heading{gap:35px}.reviews-heading p{margin:6px 0 0}.reviews-grid{gap:45px;margin:22px 0 12px}.reviews-grid figure{padding:8px 0}.reviews-grid blockquote{color:var(--wine);font-size:27px;line-height:1.3;margin:12px 0 16px}.review-stars{font-size:11px;letter-spacing:3px}.review-endorsement{float:right;margin-top:-35px;margin-left:25px}.review-endorsement .review-badge{display:block;width:76px;height:auto}.google-reviews>.text-link{font-size:12px;margin:5px 0}.review-date{margin:12px 100px 0 0;font-size:10px}.google-reviews:after{content:"";display:block;clear:both}@media(max-width:700px){.google-reviews{padding:30px 0}.reviews-heading{gap:12px}.reviews-heading h2{font-size:31px}.reviews-grid{gap:16px;margin:18px 0 12px}.reviews-grid blockquote{font-size:25px}.reviews-grid figure+figure{padding-top:18px}.review-endorsement{float:none;margin:20px 0 0}.review-endorsement .review-badge{width:68px}.review-date{margin-right:0;max-width:290px}}

.legal{max-width:900px}.legal p,.legal li{font-size:15px;line-height:1.8}.legal h2{font-size:27px}.legal-nav{display:flex;flex-wrap:wrap;gap:20px;margin-top:30px;font-size:12px}.legal-table{overflow-x:auto}.legal table{border-collapse:collapse;width:100%;font-size:13px}.legal th,.legal td{border-bottom:1px solid var(--line);padding:14px 10px;text-align:left;vertical-align:top}.legal th{color:var(--wine)}.consent button:last-child{background:transparent;color:var(--wine)}

/* Mobile contact navigation: compact wrapped links. */
@media(max-width:700px){.contact-page .contact-header nav{flex-direction:row;align-items:center;gap:10px 16px}.contact-page .contact-header nav a{display:inline-flex;min-height:32px;align-items:center}.contact-page .contact-header{gap:12px}}

.blog-list article{padding:30px 0;border-top:1px solid var(--line)}.blog-list h2{margin:12px 0}.blog-footer{display:block;padding:35px 0;font-size:12px;border-top:1px solid var(--line)}.blog-page>nav{display:flex;position:static;flex-direction:row;flex-wrap:wrap;background:none;padding:0}