
:root{--ink:#20201e;--soft:#77766f;--line:#d8d7d0;--paper:#faf9f5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{font:inherit}button{cursor:pointer}.switcher{position:fixed;z-index:99;right:24px;bottom:22px;display:flex;gap:5px;align-items:center;padding:6px;background:#20201e;color:#fff;border-radius:3px;box-shadow:0 4px 20px #0002}.switcher button{border:0;background:transparent;color:#bbb;padding:10px 12px;font-size:11px;letter-spacing:.035em}.switcher button.active{background:#fff;color:#171715}.switcher .label{font-size:10px;opacity:.65;padding:0 8px}.page{display:none;min-height:100vh}.page.active{display:block}.top{position:sticky;top:0;z-index:40;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 clamp(24px,5vw,80px);background:rgba(250,249,245,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand{font-size:13px;letter-spacing:-.03em;text-decoration:none;color:inherit}.nav{display:flex;flex-wrap:wrap;gap:clamp(10px,2vw,30px)}.nav a{font-size:10px;text-transform:lowercase;color:inherit;text-decoration:none}.nav a:hover,.more:hover{opacity:.45}.intro{font-size:12px;line-height:1.7;max-width:410px;color:#66665e}.more{display:inline-block;margin-top:24px;color:inherit;text-decoration:none;font-size:11px;border-bottom:1px solid currentColor;padding-bottom:7px}.eyebrow{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--soft)}.inner{display:none;min-height:calc(100vh - 72px);padding:clamp(35px,7vw,100px) clamp(24px,9vw,145px)}.inner.active{display:block}.inner h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(44px,6vw,88px);font-weight:300;line-height:1.02;margin:40px 0}.inner p{max-width:540px;font-size:15px;line-height:1.9;color:#575650}.back{display:inline-block;font-size:12px;color:inherit;text-decoration:none;border-bottom:1px solid #999;padding-bottom:6px}.placeholder{border:1px solid #d4d3ce;min-height:230px;display:flex;align-items:center;justify-content:center;text-align:center;padding:25px;font-size:11px;line-height:1.8;color:#96958d}.footer{border-top:1px solid var(--line);padding:24px clamp(24px,5vw,80px);font-size:10px;color:#8a8983;display:flex;justify-content:space-between}
/* A - documento */
.a{background:#f7f6f1}.a .top{background:rgba(247,246,241,.96)}.a .hero{min-height:calc(100svh - 72px);display:grid;grid-template-columns:100px 1fr;align-items:center;padding:50px clamp(24px,8vw,125px);gap:6vw}.a .folio{align-self:start;margin-top:65px;font-size:10px;color:#8e8c82}.a .hero :is(h1, .hero-title){font-family:'Cormorant Garamond',serif;font-size:clamp(65px,10vw,164px);font-weight:300;letter-spacing:-.065em;line-height:.83;margin:0 0 45px}.a .hero .intro{margin-left:5px}.a .doc-section{display:grid;grid-template-columns:100px minmax(0,1fr) minmax(0,.6fr);gap:6vw;min-height:80svh;padding:85px clamp(24px,8vw,125px);border-top:1px solid #bdbbb2;align-items:start}.a .doc-section .number{font-family:'Cormorant Garamond',serif;font-size:27px;color:#96938a}.a .doc-section h2{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:clamp(46px,6vw,96px);letter-spacing:-.045em;line-height:.94;margin:0 0 38px}.a .side-note{border-top:1px solid #bdbbb2;padding-top:14px;font-size:11px;color:#85837c;line-height:1.9}.a .pub-row{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #c7c5bd;padding:16px 0;font-size:12px}
/* B - segno */
.b{background:#fff}.b .top{background:rgba(255,255,255,.96)}.b .hero{min-height:calc(100svh - 72px);display:grid;grid-template-columns:1.05fr .95fr;align-items:stretch}.b .hero-left{padding:clamp(35px,7vw,110px);display:flex;flex-direction:column;justify-content:center;position:relative}.b .hero :is(h1, .hero-title){font-family:'Cormorant Garamond',serif;font-weight:300;font-size:clamp(69px,9vw,145px);line-height:.83;letter-spacing:-.065em;margin:45px 0}.b .stroke{height:1px;width:95px;background:#292824;transform-origin:left;transition:width .6s cubic-bezier(.2,.7,.2,1)}.b .hero-left:hover .stroke{width:220px}.b .hero-right{display:flex;align-items:center;justify-content:center;padding:8vw 7vw 8vw 3vw}.b .frame{width:100%;height:100%;min-height:370px;max-height:640px;display:flex;align-items:center;justify-content:center;background:#f2f1ee;position:relative;overflow:hidden}.b .frame:before,.b .frame:after{content:"";position:absolute;width:35px;height:1px;background:#bbb;top:50%;left:calc(50% - 17px)}.b .frame:after{transform:rotate(90deg)}.b .frame .frame-note{position:absolute;bottom:24px;font-size:10px;color:#999;letter-spacing:.07em}.b .frame img{position:absolute;width:100%;height:100%;object-fit:contain;filter:grayscale(1);z-index:2}.b .b-section{display:grid;grid-template-columns:1fr 1fr;min-height:85svh;border-top:1px solid #e5e5e2}.b .b-section:nth-of-type(odd){background:#f8f8f6}.b .b-left{padding:clamp(45px,8vw,115px);display:flex;flex-direction:column;justify-content:center}.b .b-left h2{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:clamp(56px,7vw,110px);line-height:.9;letter-spacing:-.055em;margin:32px 0}.b .b-right{border-left:1px solid #e4e4df;display:flex;align-items:center;justify-content:center;padding:10vw}.b .sign{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(90px,14vw,220px);font-weight:300;color:#e0dfdb;line-height:1}.b .b-section:hover .sign{color:#aaa9a2;transition:color .8s}.b .line-link{border:0;background:none;padding:0 0 9px;border-bottom:1px solid #333;align-self:flex-start;letter-spacing:.02em;font-size:11px;text-decoration:none;color:inherit;margin-top:30px}
/* C - indice */
.c{background:#fff}.c .top{background:rgba(255,255,255,.97)}.c .c-hero{min-height:45svh;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(35px,6vw,90px) clamp(24px,6vw,90px) 30px}.c .c-hero h1{font-family:'Cormorant Garamond',serif;font-weight:300;letter-spacing:-.06em;font-size:clamp(74px,12vw,200px);line-height:.85;margin:30px 0 55px}.c .c-hero .subtitle{display:flex;justify-content:space-between;gap:25px;max-width:760px}.c .index{padding:0 clamp(24px,6vw,90px) 130px}.c .index-row{display:grid;grid-template-columns:85px 1fr 155px;gap:22px;align-items:center;min-height:180px;border-top:1px solid #292925;text-decoration:none;color:#292925;transition:padding .35s,background .35s}.c .index-row:last-child{border-bottom:1px solid #292925}.c .index-row:hover{padding-left:24px;background:#f3f2ed}.c .index-row .idx{font-size:11px;align-self:start;padding-top:26px}.c .index-row h2{font-family:'Cormorant Garamond',serif;font-size:clamp(47px,7vw,112px);font-weight:300;letter-spacing:-.05em;line-height:.92;margin:20px 0}.c .index-row .desc{font-size:11px;color:#777;line-height:1.7}.c .index-row .arr{display:block;margin-top:10px;font-size:22px;color:#444}.c .end-note{padding:35px clamp(24px,6vw,90px);font-size:11px;color:#999}
@media(max-width:760px){.top{padding:16px 20px;min-height:85px;align-items:flex-start;flex-direction:column;gap:14px}.nav{gap:12px}.nav a{font-size:9px}.switcher{right:10px;bottom:10px}.switcher .label{display:none}.switcher button{padding:9px 8px;font-size:10px}.a .hero{grid-template-columns:1fr;gap:20px;padding:55px 26px;align-content:center}.a .folio{margin:0}.a .doc-section{grid-template-columns:45px 1fr;padding:60px 26px;gap:20px;min-height:60svh}.a .side-note{grid-column:2}.b .hero,.b .b-section{grid-template-columns:1fr}.b .hero-left{min-height:55svh;padding:60px 28px}.b .hero-right{padding:0 28px 50px}.b .frame{min-height:260px;max-height:360px}.b .b-left{padding:65px 28px}.b .b-right{min-height:180px;padding:35px}.c .c-hero{min-height:43svh;padding:50px 26px 25px}.c .index{padding:0 26px 90px}.c .index-row{grid-template-columns:35px 1fr;min-height:135px;gap:8px}.c .index-row .desc{grid-column:2;margin-bottom:20px}.c .index-row h2{font-size:clamp(44px,9vw,75px)}.inner{padding:60px 26px}.footer{padding:25px 26px}}

/* Animazioni tipografiche: A e B entrambe verticali, parole sfalsate. Nessuna alterazione dello scroll nativo. */
.motion-panel{position:fixed;z-index:100;left:24px;bottom:22px;display:flex;align-items:center;gap:4px;background:rgba(247,246,241,.97);border:1px solid #cfcfc8;padding:5px 7px;box-shadow:0 4px 18px #0000000b}
.motion-panel span{font-size:10px;color:#6e6d66;margin:0 8px 0 5px}.motion-panel button{border:0;background:transparent;padding:9px 11px;font-size:10px;color:#777}.motion-panel button.active{background:#292925;color:white}
.motion-target .motion-word{display:inline-block;opacity:1;transform:translate3d(0,28px,0);filter:none;transition:transform 950ms cubic-bezier(.2,.75,.17,1);transition-delay:calc(var(--word-index)*85ms)}
.motion-target.is-visible .motion-word{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}
body.motion-expressive .a .motion-target .motion-word{transform:translate3d(0,54px,0);transition-duration:1550ms;transition-delay:calc(var(--word-index)*210ms)}
body.motion-expressive .b .motion-target .motion-word{transform:translate3d(0,54px,0);transition-duration:1550ms;transition-delay:calc(var(--word-index)*210ms)}
body.motion-expressive .motion-target.is-visible .motion-word{transform:translate3d(0,0,0)}
.motion-target .motion-word-space{display:inline-block;white-space:pre}
.motion-target .motion-word-wrap{display:inline-block;overflow:clip;vertical-align:bottom;padding-bottom:.10em;margin-bottom:-.10em}
.motion-target .motion-word-wrap .motion-word{vertical-align:baseline}
.motion-line{transform:scaleX(0);transform-origin:left;transition:transform 1.2s cubic-bezier(.16,.85,.2,1) .2s}
.motion-line.is-visible{transform:scaleX(1)}
body.motion-expressive .motion-line{transition-duration:1750ms;transition-delay:900ms}
.a .doc-section .number,.b .b-left .eyebrow{transition:transform .8s}
.a .doc-section:not(.section-visible) .number,.b .b-section:not(.section-visible) .eyebrow{opacity:1;transform:translateY(10px)}
@media(max-width:760px){.motion-panel{left:10px;bottom:62px}.motion-panel span{margin:0 4px}.motion-panel button{padding:7px 6px}}
@media(prefers-reduced-motion:reduce){.motion-target .motion-word,.motion-target.is-visible .motion-word,body.motion-expressive .motion-target .motion-word{opacity:1;filter:none;transform:none;transition:none}.motion-line{transform:none;transition:none}html{scroll-behavior:auto}}

/* PROVA SEPARATA — Georgia esatto dall'inventario; carta #faf9f6.
   Nessuna modifica a dimensioni, spaziature, impaginazione o animazioni. */
.b {background:#faf9f6;}
.b .top {background:rgba(250,249,246,.96);}
.b .hero :is(h1, .hero-title), .b .b-left h2, .b .sign, .b .inner h2 {font-family:Georgia,serif;}

/* PROVA 2 — Georgia IDENTICO, titoli ridotti dell’8%; tutto il resto invariato. */
.b .hero :is(h1, .hero-title) {font-size:clamp(63.48px,8.28vw,133.4px);}
.b .b-left h2 {font-size:clamp(51.52px,6.44vw,101.2px);}
.b .inner h2 {font-size:clamp(40.48px,5.52vw,80.96px);}
.b .sign {font-size:clamp(82.8px,12.88vw,202.4px);}

/* PROVA — Georgia identico, assottigliamento ottico lieve su fondo carta. */
.b .hero :is(h1, .hero-title), .b .b-left h2, .b .inner h2, .b .sign { -webkit-text-stroke: .9px #faf9f6; }

/* PROVA SUCCESSIVA — ulteriori -8% rispetto alla prova precedente; Georgia invariato. */
.b .hero :is(h1, .hero-title) {font-size:clamp(53.7295px,7.0082vw,112.9098px);}
.b .b-left h2 {font-size:clamp(43.6065px,5.4508vw,85.6557px);}
.b .inner h2 {font-size:clamp(34.2623px,4.6721vw,68.5245px);}
.b .sign {font-size:clamp(70.0819px,10.9016vw,171.3114px);}

/* NUOVA PROVA — titoli ulteriormente ridotti del 12%, Georgia originale.
   Assottigliamento ottico incrementato da 0.9 a 1.25px. */
.b .hero :is(h1, .hero-title) {font-size:clamp(47.282px,6.167vw,99.361px);}
.b .b-left h2 {font-size:clamp(38.374px,4.797vw,75.377px);}
.b .inner h2 {font-size:clamp(30.151px,4.111vw,60.301px);}
.b .sign {font-size:clamp(61.672px,9.593vw,150.754px);}
.b .hero :is(h1, .hero-title), .b .b-left h2, .b .inner h2, .b .sign {-webkit-text-stroke:1.25px #faf9f6;}

/* Prova: titolo Luciano Massi alla stessa dimensione degli altri titoli di sezione */
.b .hero :is(h1, .hero-title) {font-size:clamp(38.374px,4.797vw,75.377px);}

/* Nuova pagina Biblioteca: stili circoscritti ai contenuti aggiunti.
   Le regole originali della versione B — Georgia restano intatte. */
.b .library-lead{max-width:630px}
.b .library-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:64px 0 85px;max-width:820px;border-top:1px solid var(--line)}
.b .library-index a{padding:20px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);font-size:12px}
.b .library-group{max-width:900px;padding:55px 0 65px;border-top:1px solid var(--line);scroll-margin-top:105px}
.b .library-group h3,.b .library-newsletter h3{font-family:Georgia,serif;font-weight:400;font-size:clamp(29px,3.1vw,44px);letter-spacing:-.035em;margin:22px 0 18px;-webkit-text-stroke:.55px #faf9f6}
.b .library-group p,.b .library-newsletter p{font-size:13px;line-height:1.85;color:#66665e;margin:0 0 30px}
.b .library-entries{border-top:1px solid var(--line)}
.b .library-entry{display:flex;justify-content:space-between;gap:22px;align-items:baseline;padding:17px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);font-size:13px;line-height:1.55}
.b .library-entry span:last-child{flex-shrink:0;color:#888}
.b .library-entry:hover,.b .library-index a:hover{color:#888}
.b .library-newsletter{max-width:730px;padding:65px 0 80px;border-top:1px solid var(--line)}
.b .library-newsletter form{margin:26px 0 0}.b .library-newsletter label{display:block;font-size:11px;color:#66665e;margin:0 0 12px}
.b .library-formline{display:flex;gap:12px}.b .library-formline input{flex:1;min-width:0;background:transparent;border:1px solid var(--line);padding:15px;font:12px Inter,Arial,sans-serif}.b .library-formline button{border:1px solid #777;background:transparent;color:#777;padding:12px 22px;font-size:11px;white-space:nowrap}
.b .library-privacy{display:flex!important;align-items:flex-start;gap:9px;margin-top:19px!important;line-height:1.65}.b .library-privacy input{margin-top:3px}.b .library-newsletter .library-note{font-size:11px;color:#888;margin-top:25px}
@media(max-width:760px){.b .library-index{grid-template-columns:1fr;margin:45px 0 60px}.b .library-formline{flex-wrap:wrap}.b .library-formline button{width:100%}}

/* Schede editoriali delle prime sei letture: aggiunte, senza alterare il progetto approvato. */
.b .library-article-source{max-width:660px;margin:68px 0 90px;border-top:1px solid var(--line);padding-top:32px}
.b .library-article-source p{font-size:13px;line-height:1.9;color:#66665e;max-width:590px}
.b .library-article-source .more{margin-top:20px}

/* Solo contenuti recuperati: nessuna modifica alle regole grafiche approvate. */
.b .original-reading{max-width:760px;margin-top:55px;font-family:Inter,Arial,sans-serif;font-size:14px;line-height:1.95;color:#575650;overflow-wrap:anywhere}
.b .original-reading p,.b .original-reading li{font-size:14px;line-height:1.95;max-width:760px}
.b .original-reading img{max-width:100%;height:auto}
.b .original-reading figure{max-width:100%;margin:30px 0}
.b .original-reading figcaption{font-size:11px;color:#777}
.b .original-reading h2,.b .original-reading h3{font-family:Georgia,serif;font-size:22px;font-weight:400;line-height:1.3;margin:36px 0 18px;-webkit-text-stroke:0}

/* AGGIUNTE SOLO PER LETTURA INTEGRALE E NAVIGAZIONE: regole originali inalterate */
.b .library-article-body{max-width:850px;margin:45px 0 90px;font-size:14px;line-height:1.95;color:#575650;overflow-wrap:anywhere}
.b .library-article-body p{max-width:760px;font-size:14px;line-height:1.95;margin:0 0 24px}
.b .library-article-body img{display:block;max-width:100%;height:auto;margin:25px auto}
.b .library-article-body figure{max-width:100%;margin:30px 0}
.b .library-article-body figcaption{font-size:11px;line-height:1.65;color:#777;text-align:center}
.b .library-article-body .wp-block-media-text{display:grid;grid-template-columns:minmax(110px,25%) minmax(0,1fr);gap:25px;align-items:start;margin:30px 0}
.b .library-article-body .wp-block-media-text__content{min-width:0}
.b .library-article-body .wp-block-media-text__media{margin:0}
.b .library-article-body .wp-block-media-text__media img{margin:0}
.b .library-article-body h3,.b .library-article-body h4{font-family:Georgia,serif;font-weight:400;line-height:1.35;margin:30px 0 18px}
.b .library-shortcuts{display:flex;flex-wrap:wrap;gap:13px 24px;margin:30px 0 25px;padding:17px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.b .library-shortcuts a{font-size:11px;text-decoration:none;color:var(--ink)}
.b .library-shortcuts a:hover{opacity:.5}
.b .library-bottom-nav{max-width:850px;padding:25px 0 55px;border-top:1px solid var(--line)}
.b .library-bottom-nav a{font-size:12px;text-decoration:none;color:var(--ink)}
@media(max-width:760px){.b .library-article-body .wp-block-media-text{grid-template-columns:1fr}.b .library-article-body{font-size:13px}}

/* Ritratto originale: riquadro orizzontale al centro della metà destra. */
.b .hero-right{display:flex;align-items:center;justify-content:center;}
.b .hero-right .luciano-original-frame{width:min(100%,490px);height:auto;min-height:0;max-height:none;aspect-ratio:1399 / 1124;overflow:visible;background:transparent;}
.b .hero-right .luciano-original-frame::before,.b .hero-right .luciano-original-frame::after{display:none;}
.b .hero-right .luciano-original-frame img{position:static;display:block;width:100%;height:100%;object-fit:contain;filter:none;}
@media(max-width:760px){.b .hero-right .luciano-original-frame{width:min(100%,490px);min-height:0;max-height:none;}}

/* Titolo visivo homepage, quando il contenuto statico SEO è il landmark principale */
.hero .hero-title{display:block;}

/* Fotografie approvate Studio e Biblioteca: stessa griglia, senza modificare le altre sezioni */
.b .b-right.photo-right{padding:clamp(25px,5vw,75px);min-width:0;}
.b .b-right.photo-right .section-photo{display:block;width:100%;height:auto;max-height:72svh;object-fit:contain;}
@media(max-width:760px){.b .b-right.photo-right{padding:30px 28px 55px}.b .b-right.photo-right .section-photo{max-height:none}}

/* Indice ragionato: stessa tipografia delle voci della Biblioteca */
#b .inner #library-topic-index-link {border-top:1px solid #d8d7d0;border-bottom:1px solid #d8d7d0;margin:0 0 60px;padding:18px 0 19px;}
#b .inner #library-topic-index-link a {font-family:inherit;font-size:12px;font-weight:400;line-height:normal;letter-spacing:normal;text-transform:none;color:var(--ink);text-decoration:none;display:inline-block;}
#b .inner #library-topic-index-link a:hover {text-decoration:underline;text-underline-offset:4px;}

/* Sottotitoli interni di TUTTI gli articoli: gerarchia distinta dal titolo principale. */
.b .inner .library-article-body h2,
.b .inner .original-reading h2 {font-family:Georgia,serif;font-size:clamp(22px,2.5vw,30px);font-weight:400;line-height:1.3;letter-spacing:normal;margin:38px 0 18px;}
.b .inner .library-article-body h3,
.b .inner .original-reading h3 {font-family:Georgia,serif;font-size:clamp(19px,2vw,24px);font-weight:400;line-height:1.35;letter-spacing:normal;margin:30px 0 16px;}
.b .inner .library-article-body h4,
.b .inner .original-reading h4 {font-family:Georgia,serif;font-size:18px;font-weight:400;line-height:1.4;letter-spacing:normal;margin:26px 0 14px;}
