
:root{--white:#fffdfd;--paper:#f3f4f5;--ink:#2b2825;--coral:#ff3d57;--silver:#69737d;--line:rgba(43,40,37,.18);--soft:#e8ebed;--beige:#e7dcc8;--shadow:0 18px 55px rgba(43,40,37,.08)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-width:320px;background:var(--paper);color:var(--ink);font-family:'IBM Plex Mono',monospace;overflow-x:hidden}a{color:inherit}.site{position:relative;z-index:1}.bgl{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.blh,.blv{position:absolute;background:var(--ink);opacity:.07}.blh{left:0;width:100%;height:1px;animation:dh 16s ease-in-out infinite}.blv{top:0;height:100%;width:1px;animation:dv 20s ease-in-out infinite}.blh.ac,.blv.ac{background:var(--coral);opacity:.13}@keyframes dh{0%,100%{transform:translateY(0)}30%{transform:translateY(35px)}65%{transform:translateY(-20px)}}@keyframes dv{0%,100%{transform:translateX(0)}30%{transform:translateX(22px)}65%{transform:translateX(-14px)}}
:focus-visible{outline:3px solid var(--coral);outline-offset:4px}.topbar{position:sticky;top:0;z-index:30;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:18px 4.5%;background:rgba(255,253,253,.96);border-bottom:1px solid rgba(43,40,37,.09);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.brand{font-family:'Unbounded';font-weight:900;text-decoration:none;font-size:clamp(18px,2vw,27px)}.nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:18px}.nav a{font-size:10px;letter-spacing:1.05px;text-transform:uppercase;text-decoration:none;color:var(--silver)}.nav a:hover{color:var(--coral)}
main{width:min(1320px,94%);margin:0 auto;padding:34px 0 90px}.crumb{margin:0 0 16px 2px;color:var(--silver);font-size:10px;letter-spacing:1.35px;text-transform:uppercase}.paper{background:rgba(255,253,253,.98);box-shadow:var(--shadow);border-top:6px solid var(--ink)}.rule-title{font-family:Georgia,'Times New Roman',serif;font-weight:700;letter-spacing:-.035em}.ey{color:var(--coral);font-size:10px;letter-spacing:1.25px;text-transform:lowercase}.muted{color:var(--silver)}
/* Lobotomia hub */
.lob-hero{position:relative;overflow:hidden;background:var(--ink);color:var(--white);box-shadow:var(--shadow);padding:clamp(38px,6vw,76px)}.lob-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:30px;align-items:start}.lob-hero h1{margin-top:16px;font-family:'Unbounded';font-size:clamp(48px,7.8vw,100px);font-weight:900;line-height:.88;letter-spacing:-.065em}.lob-hero h1 em{display:block;width:max-content;margin:-.11em 0 0 .43em;color:var(--coral);font-family:'Reenie Beanie';font-size:.72em;font-weight:400;line-height:.75;letter-spacing:0;transform:rotate(-2deg)}.lob-copy{margin-top:28px;max-width:850px;font-size:clamp(14px,1.2vw,17px);line-height:1.9}.lob-copy p+p{margin-top:18px}.lob-copy strong{color:var(--coral)}.hero-brain{position:relative;display:flex;justify-content:center;align-items:flex-start;width:118px;margin-left:auto;color:var(--coral)}.hero-brain svg{display:block;width:118px;height:118px;overflow:visible}.hero-brain .brain-half{transform-box:fill-box;transform-origin:center}.hero-brain .brain-left{animation:brain-left 4.8s ease-in-out infinite}.hero-brain .brain-right{animation:brain-right 4.8s ease-in-out infinite}.brain-drips{position:absolute;left:50%;top:100%;width:46px;height:60px;transform:translateX(-50%)}.brain-drips i{position:absolute;top:0;background:var(--coral);border-radius:55%;opacity:0;animation:drip 2.5s ease-in infinite}.brain-drips i:nth-child(1){left:4px;width:6px;height:12px}.brain-drips i:nth-child(2){left:19px;width:7px;height:15px;animation-delay:.55s}.brain-drips i:nth-child(3){left:32px;width:5px;height:10px;animation-delay:1.12s}@keyframes brain-left{50%{transform:translateX(-7px)}}@keyframes brain-right{50%{transform:translateX(7px)}}@keyframes drip{0%{opacity:0;transform:translateY(0) scale(.82)}18%{opacity:.95}82%{opacity:.72}100%{opacity:0;transform:translateY(28px) scale(.5)}}.reading-feature{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:24px;padding:15px 17px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05);font-size:11px}.tone-dots{display:flex;gap:8px}.tone-dots i{width:20px;height:20px;border:1px solid rgba(255,255,255,.45)}.tone-dots .dark{background:#171717}.tone-dots .light{background:#fff}.tone-dots .beige{background:var(--beige)}.content-warning{display:grid;grid-template-columns:54px minmax(0,max-content) 54px;align-items:center;justify-content:center;gap:16px;margin:24px 0;color:var(--coral);font-size:12px;font-weight:700;text-align:center}.content-warning img{width:54px;height:38px;object-fit:contain}.content-warning img:first-child{transform:rotate(-90deg)}.content-warning img:last-child{transform:rotate(90deg)}
.mag-stack{display:grid;gap:28px}.mag-section{overflow:hidden;background:rgba(255,253,253,.98);box-shadow:var(--shadow);border-top:5px solid var(--ink)}.mag-section.coral{background:var(--coral)}.mag-section.dark{background:var(--ink);color:var(--white)}.section-shell{display:grid;grid-template-columns:minmax(220px,.36fr) minmax(0,1fr);gap:clamp(32px,5vw,78px);padding:clamp(32px,5vw,62px)}.section-intro h2{margin-top:8px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(42px,5.4vw,72px);line-height:.95;letter-spacing:-.045em}.section-intro p{margin-top:18px;max-width:31ch;font-size:14px;line-height:1.85}.section-body{min-width:0}.story-viewport{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain}.story-viewport::-webkit-scrollbar{display:none}.story-track{display:flex;gap:22px}.story-card{position:relative;flex:0 0 min(410px,72vw);min-height:300px;padding:30px;border:1px solid var(--line);background:var(--paper);scroll-snap-align:start;text-decoration:none}.story-card:nth-child(even){background:var(--coral)}.story-card h3{margin-top:32px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(28px,3vw,42px);line-height:1.02;letter-spacing:-.025em}.story-card blockquote{margin-top:28px;padding-left:15px;border-left:3px solid currentColor;font-family:Georgia,'Times New Roman',serif;font-size:16px;font-style:italic;line-height:1.65}.story-card .num{font-size:10px;letter-spacing:.12em}.story-card.working{background:var(--soft);opacity:.78}.story-card.working blockquote{display:none}.work-label{display:inline-block;margin-top:40px;padding:8px 11px;border:1px solid currentColor;font-size:9px;font-weight:700;letter-spacing:.1em}.carousel-controls{display:flex;align-items:center;justify-content:flex-end;gap:18px;margin-top:18px}.carousel-controls button{width:46px;height:46px;border:1px solid var(--ink);background:transparent;font:inherit;font-size:18px;cursor:pointer}.carousel-controls button:disabled{opacity:.3;cursor:not-allowed}.carousel-counter{min-width:112px;text-align:center;font-size:10px;letter-spacing:.1em}
.quartiere-hub-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.85fr);gap:clamp(34px,5vw,72px);align-items:center;padding:clamp(34px,5vw,62px);text-decoration:none}.quartiere-copy h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(46px,6vw,78px);line-height:.92}.quartiere-copy p{margin-top:17px;max-width:62ch;font-size:14px;line-height:1.82}.quartiere-copy .question{display:block;margin-top:22px;color:var(--coral);font-family:Georgia,'Times New Roman',serif;font-size:19px;font-style:italic}.quartiere-stage{position:relative}.quartiere-stage img{display:block;width:100%;height:auto}.neon-sign{position:absolute;right:5%;top:6%;padding:8px 13px;border:1px solid rgba(255,255,255,.65);color:#ff7f91;background:rgba(43,40,37,.72);font-family:'Unbounded';font-size:11px;text-transform:uppercase;letter-spacing:.1em;animation:neon-on 2.4s ease both}@keyframes neon-on{0%,35%{opacity:0;text-shadow:none}52%{opacity:.4}65%{opacity:.15}100%{opacity:1;text-shadow:0 0 8px #ff3d57,0 0 20px #ff3d57}}
.article-title-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.article-title-card{min-height:190px;padding:28px;border:1px solid var(--line);background:var(--white);text-decoration:none;display:flex;flex-direction:column;justify-content:space-between}.article-title-card:first-child{grid-column:span 2}.article-title-card .num{font-size:10px;color:var(--coral)}.article-title-card h3{margin-top:24px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(25px,2.8vw,40px);line-height:1.02;letter-spacing:-.025em}.article-title-card .go{align-self:flex-end;margin-top:20px;color:var(--coral);font-size:22px}.article-title-card:hover h3,.story-card:hover h3{text-decoration:underline;text-decoration-color:var(--coral);text-underline-offset:.14em}.game-panel{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;min-height:280px}.game-panel h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(48px,6vw,78px);line-height:.92}.game-panel p{margin-top:18px;max-width:58ch;font-size:14px;line-height:1.8}.game-symbol{font-family:'Unbounded';font-size:clamp(64px,10vw,140px);line-height:.7;opacity:.28}.macabro-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:44px;align-items:center}.macabro-copy h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(46px,6vw,76px);line-height:.92}.macabro-copy p{margin-top:18px;line-height:1.8}.macabro-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.macabro-preview img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border:1px solid rgba(255,255,255,.17)}
/* Editorial content pages */
.editorial-masthead{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;padding:clamp(34px,5vw,68px);border-bottom:1px solid var(--line)}.editorial-masthead h1{margin-top:12px;max-width:980px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(46px,7vw,94px);line-height:.91;letter-spacing:-.052em}.editorial-no{font-family:'Unbounded';font-size:clamp(58px,8vw,115px);font-weight:900;color:var(--coral);line-height:.8}.meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px;color:var(--silver);font-size:10px;letter-spacing:.09em;text-transform:uppercase}.editorial-body{padding:clamp(38px,6vw,78px)}.reading-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:38px;padding-bottom:18px;border-bottom:1px solid var(--line)}.backlink{color:var(--coral);font-size:10px;text-decoration:none}.tones{display:flex;align-items:center;gap:9px;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.tone{width:24px;height:24px;border:1px solid var(--ink);cursor:pointer}.tone[data-tone=dark]{background:#171717}.tone[data-tone=light]{background:#fff}.tone[data-tone=beige]{background:var(--beige)}.prose{max-width:78ch;margin:0 auto;font-family:Georgia,'Times New Roman',serif;font-size:clamp(18px,1.55vw,21px);line-height:1.92}.prose p{margin:0 0 1.42em}.prose em{font-style:italic}.prose strong{font-weight:700}.prose blockquote,.story-lead{margin:0 0 2.2em;padding:1.25em 1.45em;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);font-family:'IBM Plex Mono';font-size:.76em;font-style:italic;line-height:1.8}.prose h2,.prose h3,.story-intertitle{margin:2.2em 0 .8em;font-family:Georgia,'Times New Roman',serif;line-height:1.05}.story-intertitle{padding:16px 18px;background:var(--ink);color:var(--white);font-size:clamp(24px,3vw,38px)}.story-system{padding:12px 18px;border-left:4px solid var(--coral);background:rgba(255,61,87,.06);font-family:'IBM Plex Mono';font-size:.76em;line-height:1.75}.prose ul,.prose ol{margin:1.2em 0 1.5em 1.4em}.related{margin-top:58px;padding-top:28px;border-top:3px solid var(--ink)}.related h2{font-family:Georgia,'Times New Roman',serif;font-size:32px}.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.related-grid a{padding:18px;border:1px solid var(--line);text-decoration:none;font-family:Georgia,'Times New Roman',serif;font-size:19px}.related-grid a:hover{text-decoration:underline;text-decoration-color:var(--coral)}
/* Quartiere index + story */
.quartiere-cover-hero{display:grid;grid-template-columns:minmax(330px,.78fr) minmax(0,1.22fr);gap:clamp(36px,6vw,88px);align-items:center;padding:clamp(34px,5vw,66px)}.quartiere-cover-hero img{display:block;width:100%;height:auto;box-shadow:0 18px 48px rgba(43,40,37,.16)}.quartiere-cover-copy h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(56px,7vw,98px);line-height:.88;letter-spacing:-.05em}.quartiere-cover-copy p{margin-top:20px;max-width:62ch;font-size:14px;line-height:1.85}.quartiere-stories{margin-top:28px;background:rgba(255,253,253,.98);box-shadow:var(--shadow);border-top:5px solid var(--ink)}.quartiere-story-row{display:grid;grid-template-columns:240px minmax(0,1fr) auto;gap:30px;align-items:center;padding:26px 30px;border-bottom:1px solid var(--line);text-decoration:none}.quartiere-story-row img{display:block;width:100%;height:180px;object-fit:cover;object-position:center}.quartiere-story-row .theme{font-size:10px;color:var(--coral);text-transform:uppercase;letter-spacing:.1em}.quartiere-story-row h2{margin-top:8px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(32px,4vw,52px);line-height:.95}.quartiere-story-row p{margin-top:12px;max-width:68ch;font-size:13px;line-height:1.7}.quartiere-story-row .arrow{font-size:28px;color:var(--coral)}.quartiere-story-row:hover h2{text-decoration:underline;text-decoration-color:var(--coral);text-underline-offset:.12em}.brochure-first{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);gap:clamp(34px,6vw,86px);align-items:start;padding:clamp(34px,5vw,66px);border-bottom:1px solid var(--line)}.brochure-first img{display:block;width:100%;height:auto;box-shadow:0 16px 45px rgba(43,40,37,.14)}.brochure-copy h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(50px,6.4vw,88px);line-height:.9;letter-spacing:-.05em}.brochure-copy .theme{display:block;margin-bottom:12px;color:var(--coral);font-size:10px;text-transform:uppercase;letter-spacing:.12em}.brochure-copy p{margin-top:20px;font-size:14px;line-height:1.8}.quartiere-prose{padding:clamp(42px,7vw,92px)}
footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:30px 4.5%;background:var(--ink);color:var(--white);font-size:11px}footer a{color:var(--coral);text-decoration:none}
body.reader-dark{background:#161616;color:#f7f3ef}body.reader-dark .paper{background:#1d1d1d;color:#f7f3ef}body.reader-dark .topbar{background:rgba(29,29,29,.96);color:#f7f3ef}body.reader-dark .tone{border-color:#f7f3ef}body.reader-dark .story-intertitle{background:#f7f3ef;color:#1d1d1d}body.reader-beige{background:#d8ccb6}body.reader-beige .paper{background:#eadfcb}body.reader-beige .topbar{background:rgba(234,223,203,.96)}
@media(max-width:980px){.section-shell,.quartiere-hub-card,.macabro-grid,.quartiere-cover-hero,.brochure-first{grid-template-columns:1fr}.section-intro p{max-width:70ch}.article-title-grid{grid-template-columns:1fr}.article-title-card:first-child{grid-column:auto}.quartiere-story-row{grid-template-columns:190px minmax(0,1fr) auto}.lob-hero-grid{grid-template-columns:1fr}.hero-brain{margin:0 auto 18px;grid-row:1}.lob-hero-grid>div:first-child{grid-row:2}.editorial-masthead{grid-template-columns:1fr}.editorial-no{font-size:58px}.macabro-preview{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.topbar{align-items:flex-start;flex-wrap:wrap}.nav{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lob-hero{padding:32px 24px}.lob-hero h1{font-size:clamp(36px,12vw,52px)}.reading-feature{align-items:flex-start;flex-direction:column}.content-warning{grid-template-columns:38px minmax(0,1fr) 38px;gap:8px;font-size:10px}.content-warning img{width:38px;height:28px}.section-shell,.quartiere-hub-card{padding:30px 23px}.story-card{flex-basis:86vw;min-height:270px;padding:25px}.article-title-card{min-height:160px;padding:24px}.game-panel{align-items:flex-start;flex-direction:column}.quartiere-story-row{grid-template-columns:1fr;padding:24px}.quartiere-story-row img{height:auto;max-height:none;object-fit:contain}.quartiere-story-row .arrow{justify-self:end}.editorial-masthead,.editorial-body,.quartiere-cover-hero,.brochure-first,.quartiere-prose{padding:28px 23px}.editorial-masthead h1{font-size:clamp(40px,12vw,58px)}.reading-bar{align-items:flex-start;flex-direction:column}.prose{font-size:18px;line-height:1.86}.related-grid{grid-template-columns:1fr}.quartiere-cover-copy h1{font-size:clamp(48px,13vw,68px)}.brochure-copy h1{font-size:clamp(42px,12vw,62px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.blh,.blv,.hero-brain .brain-left,.hero-brain .brain-right,.brain-drips i,.neon-sign{animation:none!important}.neon-sign{opacity:1}}

/* V39: respiro editoriale, titoli leggibili, contrasto coerente */
.site{padding-top:0}.topbar{display:none!important}.section-shell{grid-template-columns:1fr;gap:32px}.section-intro p{max-width:74ch}.section-body{width:100%}.story-card{flex-basis:min(520px,84vw);min-height:320px;padding:36px}.article-title-grid{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid var(--line)}.article-title-card,.article-title-card:first-child{grid-column:auto;min-height:0;display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:24px;padding:27px 8px;border:0;border-bottom:1px solid var(--line);background:transparent}.article-title-card h3{margin:0;font-size:clamp(27px,3.3vw,46px);line-height:1.06}.article-title-card .go{margin:0}.paper{--reader-bg:#fffdfd;--reader-text:#2b2825;--reader-muted:#68737d;--reader-line:rgba(43,40,37,.20);background:var(--reader-bg)!important;color:var(--reader-text)!important}.editorial-masthead,.editorial-body,.brochure-first,.quartiere-prose{color:var(--reader-text)}.editorial-body{padding-inline:clamp(26px,7vw,92px)}.prose{max-width:72ch;font-size:clamp(18px,1.45vw,21px);line-height:1.86}.prose p{margin-bottom:1.32em}.prose>br{display:block;content:'';margin-top:.55em}.prose h2{font-size:clamp(31px,4vw,48px)}.prose h3,.prose .numbered-heading{font-size:clamp(23px,3vw,34px);margin-top:2.35em}.prose h4{font-size:clamp(20px,2.6vw,29px);margin:2em 0 .75em}.prose h5,.prose h6{font-family:'IBM Plex Mono';font-size:.78em;letter-spacing:.08em;text-transform:uppercase;margin:2em 0 .8em}.prose .highlight{display:inline;padding:.08em .24em;background:#d91f3b;color:#fffdfd;box-decoration-break:clone;-webkit-box-decoration-break:clone}.prose figure.editorial-figure{margin:2.4em auto;max-width:920px}.prose figure.editorial-figure img{display:block;width:100%;max-height:680px;object-fit:contain}.prose figcaption{margin-top:10px;color:var(--reader-muted);font-family:'IBM Plex Mono';font-size:11px;line-height:1.5}.prose .align-center{text-align:center}.prose .align-right{text-align:right}.prose ul,.prose ol{padding-left:1.15em}.prose li{margin:.55em 0}.prose blockquote,.story-lead{border-color:var(--reader-text)}.reading-bar{border-color:var(--reader-line)}.related{border-color:var(--reader-text)}.related-grid{display:block;margin-top:16px;border-top:1px solid var(--reader-line)}.related-grid a{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 2px;border:0;border-bottom:1px solid var(--reader-line);color:var(--reader-text);background:transparent;font-size:clamp(18px,2vw,24px)}.related-grid a::after{content:'→';color:#d91f3b;font-family:'IBM Plex Mono'}.related-grid a[aria-current="page"]{opacity:.5}.backlink{color:#d91f3b}.tones{color:var(--reader-muted)}.tone{border-color:var(--reader-text)}
body.reader-dark .paper{--reader-bg:#1d1d1d;--reader-text:#fffdfd;--reader-muted:#cbc5bf;--reader-line:rgba(255,253,253,.24)}body.reader-dark .prose .highlight{background:#ff3d57;color:#1d1d1d}body.reader-dark .backlink,body.reader-dark .related-grid a::after{color:#ff7184}body.reader-beige .paper{--reader-bg:#eadfcb;--reader-text:#2b2825;--reader-muted:#5d5a55;--reader-line:rgba(43,40,37,.24)}
@media(max-width:700px){.article-title-card,.article-title-card:first-child{grid-template-columns:38px minmax(0,1fr) auto;gap:12px;padding:22px 0}.article-title-card h3{font-size:clamp(24px,8vw,34px)}.story-card{padding:28px}.prose{font-size:18px;line-height:1.82}.related-grid a{font-size:18px}.editorial-body{padding-inline:23px}}

/* CORREZIONE 38.04: navigazione coerente, respiro e brochure leggibili */
.bgl{opacity:1}
.blh,.blv{opacity:.105}
.blh{animation-duration:12s}
.blv{animation-duration:15s}
.blh.ac,.blv.ac{opacity:.18}
@keyframes dh{0%,100%{transform:translateY(0)}28%{transform:translateY(54px)}67%{transform:translateY(-34px)}}
@keyframes dv{0%,100%{transform:translateX(0)}32%{transform:translateX(38px)}68%{transform:translateX(-28px)}}

/* Il lettore non deve contaminare l'hub o le altre aree. */
body:not(.reader-enabled).reader-dark,
body:not(.reader-enabled).reader-beige{background:var(--paper);color:var(--ink)}
body:not(.reader-enabled).reader-dark .paper,
body:not(.reader-enabled).reader-beige .paper{background:rgba(255,253,253,.98)!important;color:var(--ink)!important}

/* Scala tipografica più controllata nella Home di Lobotomia. */
.section-intro h2{font-size:clamp(36px,4.25vw,58px);line-height:.98}
.story-card h3{font-size:clamp(26px,2.55vw,36px);line-height:1.08}
.article-title-card h3{font-size:clamp(25px,2.75vw,38px);line-height:1.09}
.quartiere-copy h2{font-size:clamp(40px,4.8vw,64px)}
.game-panel h2{font-size:clamp(40px,4.8vw,62px)}
.macabro-copy h2{font-size:clamp(40px,4.8vw,62px)}
.section-shell{padding:clamp(38px,5vw,66px)}
.mag-stack{gap:38px}

/* Il Quartiere: la tavola della brochure precede il racconto ed è leggibile. */
.quartiere-cover-hero{grid-template-columns:1fr;gap:34px}
.quartiere-cover-hero>img{width:min(100%,1240px);margin-inline:auto;object-fit:contain}
.quartiere-cover-copy{max-width:860px}
.quartiere-cover-copy h1{font-size:clamp(48px,6vw,78px)}
.quartiere-cover-hero-text{display:block;padding:clamp(42px,7vw,82px);background:#fff}
.quartiere-cover-hero-text .quartiere-cover-copy{max-width:none}
.quartiere-cover-hero-text .ey{display:block;margin-bottom:20px;letter-spacing:.16em}
.quartiere-cover-hero-text h1{display:flex;align-items:baseline;gap:clamp(15px,2.5vw,34px);margin:0;font-size:clamp(58px,8vw,112px)}
.quartiere-cover-hero-text h1 span{font-size:.42em;font-style:italic;font-weight:400;letter-spacing:0}
.quartiere-story-row{grid-template-columns:minmax(210px,300px) minmax(0,1fr) auto;padding-block:30px}
.quartiere-story-row img{height:220px;object-fit:contain;object-position:center;background:#f1ede7}
.brochure-first{grid-template-columns:1fr;gap:34px;align-items:start}
.brochure-first .brochure-sheet{width:min(100%,1180px);max-height:none;margin-inline:auto;object-fit:contain;background:#f1ede7}
.brochure-copy{max-width:900px}
.brochure-copy h1{font-size:clamp(44px,5.6vw,72px);line-height:.96}
.quartiere-prose{padding-top:clamp(48px,6vw,80px)}

/* In chiaro la navigazione finale resta esplicitamente chiara. */
body.reader-enabled:not(.reader-dark):not(.reader-beige) .related-grid a{
  background:transparent;color:#2b2825;border-color:rgba(43,40,37,.20)
}

@media(max-width:700px){
  .section-intro h2{font-size:clamp(32px,10vw,45px)}
  .article-title-card h3{font-size:clamp(23px,7vw,31px)}
  .story-card h3{font-size:clamp(24px,7.5vw,32px)}
  .quartiere-story-row{grid-template-columns:1fr;gap:18px}
  .quartiere-story-row img{height:auto;max-height:520px}
  .brochure-first .brochure-sheet{max-height:none}
}

@media(prefers-reduced-motion:reduce){
  .blh,.blv{animation:none!important;transform:none!important}
}

/* Ricostruzione leggibile delle pagine della Guida del Quartiere. */
.brochure-rebuild{
  display:grid;
  grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr);
  gap:clamp(34px,5vw,72px);
  align-items:start;
  width:min(100%,1180px);
  margin-inline:auto;
}
.brochure-visual{display:flex;justify-content:center;align-items:flex-start;min-width:0}
.brochure-visual .brochure-sheet{
  width:auto;
  max-width:100%;
  max-height:780px;
  margin:0;
  object-fit:contain;
}
.brochure-transcript{
  align-self:stretch;
  padding:clamp(24px,3.5vw,44px);
  background:#f1ede7;
  border-top:5px solid var(--coral);
  color:var(--ink);
  font-family:Georgia,'Times New Roman',serif;
}
.brochure-transcript .theme{
  display:block;
  margin-bottom:18px;
  color:var(--coral);
  font-family:'IBM Plex Mono',monospace;
  font-size:10px;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.brochure-transcript p{font-size:clamp(17px,1.35vw,20px);line-height:1.72}
.brochure-transcript p+p{margin-top:1.1em}
.brochure-first>.brochure-copy{width:min(100%,1180px);margin-inline:auto;padding-top:8px}
@media(max-width:900px){
  .brochure-rebuild{grid-template-columns:1fr}
  .brochure-visual .brochure-sheet{max-height:none;width:min(100%,720px)}
}
@media(max-width:700px){
  .brochure-transcript{padding:24px 20px}
  .brochure-transcript p{font-size:17px;line-height:1.72}
}


/* CORREZIONE 38.05: scala hub, tonalità visibili e indice Quartiere testuale */
/* Intervento limitato alla Home di Lobotomia Creativa. */
.lob-hero{padding:clamp(32px,4.6vw,58px)}
.lob-hero h1{font-size:clamp(44px,6.6vw,82px)}
.lob-copy{max-width:800px;font-size:clamp(13px,1.05vw,16px);line-height:1.82}
.reading-feature{margin-top:20px;padding:14px 16px}
.tone-dots{gap:9px;align-items:center}
.tone-dots i{display:block;width:22px;height:22px;border:1px solid rgba(255,255,255,.72);box-shadow:0 0 0 1px rgba(0,0,0,.16)}
.tone-dots .tone-black{background:#171717}
.tone-dots .tone-white{background:#fffdfd}
.tone-dots .tone-beige{background:#e7dcc8}
.mag-stack{gap:30px}
#racconti .section-shell,
#quartiere .quartiere-hub-card,
#game-documents .section-shell,
#macabro-capriccio .section-shell{padding:clamp(30px,4.2vw,52px)}
#racconti .section-intro h2,
#game-documents .section-intro h2,
#macabro-capriccio .section-intro h2{font-size:clamp(32px,3.65vw,50px)}
#racconti .section-intro p,
#game-documents p,
#macabro-capriccio p{font-size:13px;line-height:1.75}
#racconti .story-card{flex-basis:min(390px,78vw);min-height:270px;padding:28px}
#racconti .story-card h3{margin-top:25px;font-size:clamp(24px,2.3vw,32px)}
#racconti .story-card blockquote{margin-top:22px;font-size:14px;line-height:1.58}
#quartiere .quartiere-copy h2{font-size:clamp(36px,4.2vw,56px)}
#quartiere .quartiere-copy p{font-size:13px;line-height:1.72}
#quartiere .quartiere-copy .question{font-size:17px}
#game-documents .game-panel{min-height:220px}
#game-documents .game-symbol{font-size:clamp(52px,8vw,108px)}
#macabro-capriccio .macabro-copy h2{font-size:clamp(36px,4.15vw,55px)}

/* Il Quartiere: grande immagine introduttiva, poi indice testuale arioso. */
.quartiere-stories{border-top-width:4px}
.quartiere-story-row{grid-template-columns:minmax(0,1fr) auto;gap:34px;padding:clamp(28px,3.4vw,44px) clamp(26px,4vw,52px)}
.quartiere-story-row>div{max-width:920px}
.quartiere-story-row h2{font-size:clamp(30px,3.6vw,48px);line-height:1}
.quartiere-story-row .story-excerpt{margin-top:13px;max-width:72ch;font-family:Georgia,'Times New Roman',serif;font-size:clamp(15px,1.25vw,18px);line-height:1.65;color:var(--silver)}
.quartiere-story-row .arrow{align-self:center}

@media(max-width:700px){
  .lob-hero{padding:28px 22px}
  .lob-hero h1{font-size:clamp(34px,11vw,48px)}
  .reading-feature{flex-direction:row;align-items:center}
  .tone-dots i{width:24px;height:24px}
  #racconti .section-shell,
  #game-documents .section-shell,
  #macabro-capriccio .section-shell,
  #quartiere .quartiere-hub-card{padding:26px 21px}
  #racconti .section-intro h2,
  #game-documents .section-intro h2,
  #macabro-capriccio .section-intro h2{font-size:clamp(30px,9vw,40px)}
  #racconti .story-card{flex-basis:82vw;min-height:245px;padding:24px}
  #quartiere .quartiere-copy h2{font-size:clamp(34px,10vw,46px)}
  .quartiere-story-row{grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:26px 22px}
  .quartiere-story-row .arrow{align-self:start;margin-top:28px}
  .quartiere-story-row .story-excerpt{font-size:15px;line-height:1.58}
}

/* CORREZIONE 38.06: hub più compatto e brochure intere non ritagliate */
body.lob-hub .mag-stack{gap:22px}
body.lob-hub .mag-section{border-top-width:4px}
body.lob-hub .section-shell{grid-template-columns:minmax(175px,.28fr) minmax(0,1fr);gap:clamp(22px,3.2vw,48px);padding:clamp(24px,3.2vw,42px)}
body.lob-hub .section-intro h2{font-size:clamp(27px,2.85vw,42px);line-height:1}
body.lob-hub .section-intro p{margin-top:12px;font-size:12px;line-height:1.65}
body.lob-hub #racconti .story-card{flex-basis:min(340px,74vw);min-height:225px;padding:22px}
body.lob-hub #racconti .story-card h3{margin-top:20px;font-size:clamp(21px,1.95vw,28px)}
body.lob-hub #racconti .story-card blockquote{margin-top:17px;font-size:13px;line-height:1.52}
body.lob-hub #racconti .carousel-controls{margin-top:13px}
body.lob-hub #quartiere .quartiere-hub-card{gap:clamp(24px,3.2vw,46px);padding:clamp(25px,3.2vw,42px)}
body.lob-hub #quartiere .quartiere-copy h2{font-size:clamp(30px,3.2vw,46px)}
body.lob-hub #quartiere .quartiere-copy p{margin-top:12px;font-size:12px;line-height:1.62}
body.lob-hub #quartiere .quartiere-copy .question{margin-top:16px;font-size:15px}
body.lob-hub #game-documents .game-panel{min-height:135px;align-items:center}
body.lob-hub #game-documents .game-panel p{margin-top:0;max-width:54ch;font-size:12px;line-height:1.65}
body.lob-hub #game-documents .game-symbol{font-size:clamp(42px,5.5vw,74px)}
body.lob-hub #articoli .section-shell{padding:clamp(24px,3.2vw,42px)}
body.lob-hub .article-title-card,
body.lob-hub .article-title-card:first-child{grid-template-columns:44px minmax(0,1fr) 24px;gap:16px;padding:18px 4px}
body.lob-hub .article-title-card h3{font-size:clamp(21px,2.05vw,30px);line-height:1.08}
body.lob-hub .article-title-card .go{font-size:18px}
body.lob-hub #macabro-capriccio .section-shell{padding:clamp(24px,3.2vw,42px)}
body.lob-hub #macabro-capriccio .macabro-copy h2{font-size:clamp(30px,3.2vw,46px)}
body.lob-hub #macabro-capriccio .macabro-copy p{font-size:12px;line-height:1.65}
body.lob-hub .tone-dots i{width:23px;height:23px;border:2px solid rgba(255,255,255,.78)}
body.lob-hub .tone-dots .tone-black{background:#111;box-shadow:inset 0 0 0 1px #69635d}
body.lob-hub .tone-dots .tone-white{background:#fffdfd;box-shadow:inset 0 0 0 1px #918b84}
body.lob-hub .tone-dots .tone-beige{background:#d8c4a2;box-shadow:inset 0 0 0 1px #8f7d62}

/* Archivio completo di Macabro Capriccio. */
.macabro-random{margin-top:22px;padding:11px 14px;border:1px solid var(--coral);background:transparent;color:var(--coral);font:700 10px 'IBM Plex Mono',monospace;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.macabro-random:hover{background:var(--coral);color:var(--ink)}
.macabro-archive{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,.72fr);gap:26px;align-items:start}
.macabro-covers,.macabro-index{min-width:0;border:1px solid rgba(255,255,255,.18)}
.macabro-rail-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.18);font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.macabro-rail-controls{display:flex;gap:7px}.macabro-rail-controls button{width:34px;height:30px;border:1px solid rgba(255,255,255,.35);background:transparent;color:var(--white);font:inherit;cursor:pointer}
.macabro-rail{display:flex;gap:12px;overflow-x:auto;padding:14px;scroll-snap-type:x mandatory;scrollbar-color:var(--coral) rgba(255,255,255,.08);overscroll-behavior-inline:contain}
.macabro-cover{flex:0 0 calc((100% - 36px)/4);min-width:145px;padding:0;border:0;background:transparent;color:var(--white);font:inherit;text-align:left;cursor:pointer;scroll-snap-align:start}
.macabro-cover img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border:1px solid rgba(255,255,255,.18);filter:saturate(.92)}
.macabro-cover>span{display:grid;grid-template-columns:26px minmax(0,1fr);gap:7px;margin-top:9px;font-size:9px;line-height:1.35}.macabro-cover b{color:var(--coral)}
.macabro-cover:hover img{border-color:var(--coral)}
.macabro-index h3{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.18);font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.macabro-index ol{max-height:390px;overflow-y:auto;list-style:none;scrollbar-color:var(--coral) rgba(255,255,255,.08)}
.macabro-index li+li{border-top:1px solid rgba(255,255,255,.1)}
.macabro-index button{display:grid;width:100%;grid-template-columns:28px minmax(0,1fr) 18px;gap:8px;align-items:center;padding:11px 12px;border:0;background:transparent;color:var(--white);font:inherit;text-align:left;cursor:pointer}
.macabro-index button span{color:var(--coral);font-size:9px}.macabro-index button strong{font-size:10px;font-weight:500;line-height:1.3}.macabro-index button i{color:var(--coral);font-style:normal}.macabro-index button:hover{background:rgba(255,255,255,.07)}
body.macabro-reader-open{overflow:hidden}
.macabro-reader{position:fixed;inset:0;z-index:1000;display:none;padding:clamp(12px,3vw,32px)}.macabro-reader.open{display:grid;place-items:center}.macabro-reader-backdrop{position:absolute;inset:0;background:rgba(13,12,11,.92);backdrop-filter:blur(7px)}
.macabro-reader-dialog{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;width:min(1180px,100%);height:min(920px,100%);padding:18px;background:#191817;color:var(--white);border:1px solid rgba(255,255,255,.22);box-shadow:0 24px 80px rgba(0,0,0,.55)}
.macabro-reader-dialog>header{display:flex;justify-content:space-between;align-items:start;gap:24px;padding:0 2px 14px}.macabro-reader-kicker{display:block;color:var(--coral);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.macabro-reader-dialog h2{margin-top:4px;font:clamp(22px,3vw,38px)/1 Georgia,'Times New Roman',serif}.macabro-reader-close{width:42px;height:42px;border:1px solid rgba(255,255,255,.35);background:transparent;color:var(--white);font:32px/1 Georgia,serif;cursor:pointer}
.macabro-reader-stage{position:relative;display:grid;place-items:center;min-height:0;overflow:hidden;background:#0e0e0d}.macabro-reader-stage>img{display:block;max-width:100%;max-height:100%;object-fit:contain}.macabro-reader-arrow{position:absolute;top:50%;z-index:2;width:46px;height:52px;border:1px solid rgba(255,255,255,.35);background:rgba(20,19,18,.78);color:var(--white);font:20px 'IBM Plex Mono';cursor:pointer;transform:translateY(-50%)}.macabro-reader-arrow.prev{left:10px}.macabro-reader-arrow.next{right:10px}
.macabro-reader-meta{display:flex;justify-content:space-between;gap:16px;padding:11px 2px 8px;color:rgba(255,255,255,.72);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.macabro-reader-meta span:first-child{color:var(--coral)}
.macabro-thumbs{display:flex;gap:7px;overflow-x:auto;padding:2px 2px 4px;scrollbar-width:thin;scrollbar-color:var(--coral) rgba(255,255,255,.08)}.macabro-thumbs button{flex:0 0 62px;height:62px;padding:0;border:1px solid rgba(255,255,255,.2);background:transparent;cursor:pointer;opacity:.55}.macabro-thumbs button.active{border:2px solid var(--coral);opacity:1}.macabro-thumbs img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:980px){.macabro-archive{grid-template-columns:1fr}.macabro-cover{flex-basis:calc((100% - 24px)/3)}.macabro-index ol{max-height:300px}}
@media(max-width:700px){.macabro-cover{flex-basis:calc((100% - 12px)/2);min-width:130px}.macabro-reader{padding:0}.macabro-reader-dialog{width:100%;height:100%;padding:13px;border:0}.macabro-reader-dialog h2{font-size:24px}.macabro-reader-arrow{width:40px;height:46px}.macabro-reader-meta span:last-child{display:none}.macabro-thumbs button{flex-basis:54px;height:54px}}

/* Tavola completa, seguita da un richiamo esplicito alla sezione pertinente. */
.brochure-whole{width:min(100%,1240px);margin-inline:auto}
.brochure-sheet-full{display:block;width:100%;height:auto;background:#f1ede7;box-shadow:0 16px 45px rgba(43,40,37,.14)}
.brochure-focus{display:grid;grid-template-columns:minmax(190px,.32fr) minmax(0,1fr);gap:clamp(18px,3vw,42px);align-items:center;margin-top:18px;padding:20px 24px;background:#f1ede7;border-top:4px solid var(--coral);color:var(--ink)}
.brochure-focus.focus-right .focus-label{text-align:right}
.brochure-focus .focus-label{color:var(--coral);font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.brochure-focus blockquote{margin:0;padding-left:18px;border-left:2px solid var(--coral);font-family:Georgia,'Times New Roman',serif;font-size:clamp(16px,1.35vw,20px);font-style:italic;line-height:1.55}

@media(max-width:700px){
  body.lob-hub .section-shell{grid-template-columns:1fr;gap:20px;padding:22px 19px}
  body.lob-hub .section-intro h2{font-size:clamp(26px,8vw,34px)}
  body.lob-hub #racconti .story-card{flex-basis:80vw;min-height:215px;padding:21px}
  body.lob-hub #racconti .story-card h3{font-size:clamp(21px,6.8vw,27px)}
  body.lob-hub #quartiere .quartiere-hub-card{padding:23px 19px}
  body.lob-hub #quartiere .quartiere-copy h2{font-size:clamp(29px,8.5vw,38px)}
  body.lob-hub #game-documents .game-panel{min-height:0;gap:18px}
  body.lob-hub .article-title-card,
  body.lob-hub .article-title-card:first-child{grid-template-columns:30px minmax(0,1fr) 20px;gap:10px;padding:16px 0}
  body.lob-hub .article-title-card h3{font-size:clamp(20px,6.4vw,27px)}
  .brochure-focus{grid-template-columns:1fr;gap:12px;padding:18px}
  .brochure-focus.focus-right .focus-label{text-align:left}
  .brochure-focus blockquote{font-size:16px}
}

/* V38 Correzione 7 — disclaimer autoriale Farfalla */
.story-disclaimer{display:block;margin-top:13px;color:var(--silver);font-size:9px;line-height:1.55;letter-spacing:.045em;text-transform:uppercase}
.story-disclaimer-page{max-width:78ch;margin:0 auto 30px;padding:12px 15px;border-left:3px solid var(--coral);color:var(--reader-muted,var(--silver));font-family:'IBM Plex Mono',monospace;font-size:11px;line-height:1.65;letter-spacing:.035em;text-transform:uppercase}
body.reader-dark .story-disclaimer-page{color:var(--reader-muted)}

/* V38 C8 — stati contenuti in revisione */
.quartiere-story-row.working{cursor:default;background:rgba(104,115,125,.06);opacity:.72}
.quartiere-story-row.working:hover h2{text-decoration:none}
.quartiere-story-row.working .work-label{margin-top:14px}
.related-grid .related-working{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 2px;border-bottom:1px solid var(--reader-line);font-family:Georgia,'Times New Roman',serif;font-size:clamp(18px,2vw,24px);color:var(--reader-text);opacity:.58}
.related-grid .related-working small{font-family:'IBM Plex Mono';font-size:9px;letter-spacing:.08em;color:var(--reader-muted)}
@media(max-width:700px){.related-grid .related-working{font-size:18px}}

/* V38 C09 — trascrizione completa delle sezioni della brochure Il Quartiere */
.brochure-transcript{margin:0;padding-left:18px;border-left:2px solid var(--coral);font-family:Georgia,'Times New Roman',serif;font-size:clamp(14px,1vw,16px);line-height:1.65;color:var(--ink)}
.brochure-transcript p{margin:0}
@media (max-width:760px){.brochure-transcript{padding-left:14px;font-size:15px;line-height:1.62}}

/* V38 C11 — Macabro Capriccio: una singola tavola Instagram, intera e centrata. */
.macabro-reader-dialog{
  height:calc(100dvh - clamp(24px,6vw,64px));
  max-height:920px;
  overflow:hidden;
}
.macabro-reader-stage{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  min-height:0;
}
.macabro-reader-stage>img{
  width:auto;
  height:100%;
  max-width:100%;
  max-height:100%;
  aspect-ratio:1/1;
  object-fit:contain;
  object-position:center;
}
@media(max-width:700px){
  .macabro-reader-dialog{height:100dvh;max-height:none}
}
@media(max-height:620px){
  .macabro-reader-dialog>header{padding-bottom:8px}
  .macabro-reader-dialog h2{font-size:21px}
  .macabro-thumbs{display:none}
}

/* V38 C12 — intervista lunga: gerarchia editoriale e note. */
.interview-intro{font-size:1.08em;line-height:1.75}
.interview-section{margin-top:clamp(52px,7vw,82px);padding-top:28px;border-top:1px solid var(--reader-line)}
.interview-section>h2{margin:0 0 28px;color:var(--coral);font-family:'Unbounded';font-size:clamp(42px,7vw,72px);line-height:.8}
.interview-speaker{margin:2.2em 0 .65em;font-family:'IBM Plex Mono',monospace;font-size:.72em;letter-spacing:.12em;text-transform:uppercase}
.interview-section blockquote{margin-bottom:1.35em}
.article-note{margin-top:54px;padding-top:22px;border-top:1px solid var(--reader-line);color:var(--reader-muted);font-family:'IBM Plex Mono',monospace;font-size:.72em;line-height:1.7}
.article-note a{color:inherit}
@media(max-width:700px){.interview-section{margin-top:48px}.interview-section>h2{font-size:42px}.interview-speaker{font-size:.68em}}
