/* Terre Narranti — rifinitura generale V1 · 2026-09-16 */
:root{
  --tn-polish-paper:#f4efe6;
  --tn-polish-soft:#fffaf2;
  --tn-polish-ink:#2a241e;
  --tn-polish-muted:#6e6257;
  --tn-polish-line:#c8b9a5;
  --tn-polish-olive:#3f4632;
  --tn-polish-brown:#8f6b49;
  --tn-polish-shadow:0 16px 42px rgba(42,36,30,.08);
}
html{overflow-x:hidden;scroll-padding-top:92px}
body{overflow-x:hidden}
body :where(img,video,iframe,svg){max-width:100%}
body :where(img){image-rendering:auto}
body :where(button,a,input,select,textarea){-webkit-tap-highlight-color:transparent}
body :where(button,a.btn,.btn,.amazon-btn,.back,.press-action){touch-action:manipulation}
body :where(input,select,textarea,button){font-size:16px}
body :where(p,li,figcaption){overflow-wrap:anywhere}
body :where(h1,h2,h3){overflow-wrap:normal}
body :where(a,button,input,select,textarea):focus-visible{outline:3px solid #b8864d!important;outline-offset:3px!important}

/* Respiro generale delle pagine SPA */
.preview-page > main{min-width:0}
.page-hero{padding-top:clamp(56px,7vw,90px);padding-bottom:clamp(34px,5vw,52px)}
.page-hero h1{max-width:100%;text-wrap:balance}
.page-hero p{line-height:1.55}
.foundation-wrap,.armadio-wrap,.stufa20-wrap,.book-page-wrap,.cd-page,.project-placeholder,.armadio-subpage{min-width:0}

/* Card e immagini: comportamento coerente senza crop aggressivi */
.portal-card,.storia-card,.entra-door,.format-card,.armadio-visual-card,.route-visual-card,.book-card,.card{min-width:0}
.portal-card img,.storia-card img,.entra-door img,.armadio-visual-card img,.route-visual-card img{background:#e8dfd1}
.tn-img-missing{position:relative!important;background:linear-gradient(135deg,#ece4d8,#ddd0bd)!important;color:#5f5548!important}
.tn-img-missing:after{content:'Immagine temporaneamente non disponibile';position:absolute;inset:0;display:grid;place-items:center;padding:20px;text-align:center;font:700 11px/1.5 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#6d604f}
.tn-img-missing > img{visibility:hidden!important}

/* Pulsanti e link d'azione più stabili */
.btn,.amazon-btn,.back,.press-action,.header-cta,.tn-header-cta{min-height:44px;display:inline-flex;align-items:center;justify-content:center;text-align:center}
.amazon-btn,.btn,.back{line-height:1.2}

/* Home: gerarchia e resa sui telefoni */
#page-home .hero-inner{min-width:0}
#page-home .portal-grid{align-items:stretch}
#page-home .portal-card{height:100%}
#page-home .portal-copy{height:100%;display:flex;flex-direction:column}
#page-home .portal-copy a{margin-top:auto;align-self:flex-start}
#page-home .story-row{min-width:0}
#page-home .story-row strong{line-height:1.25}

/* Armadio: evita rotazioni/overflow sui telefoni e rende i cassetti più leggibili */
#page-armadio .cabinet-v10{isolation:isolate}
#page-armadio .drawer-v10{min-width:0}
#page-armadio .drawer-v10 :where(strong,small,span){overflow-wrap:anywhere}
#page-armadio .armadio-photo{width:100%;height:auto;max-height:720px;object-fit:cover;object-position:center}
#page-armadio .armadio-empty-hint-v69{padding:0 12px}

/* Storie e articoli */
#page-storie .storie-grid{align-items:stretch}
#page-storie .storia-card{height:100%;display:flex;flex-direction:column}
#page-storie .storia-card > div:last-child{flex:1;display:flex;flex-direction:column}
#page-articolo .tn-article-body{max-width:860px;margin-inline:auto}
#page-articolo .tn-article-body img{width:auto;max-width:100%;height:auto;margin-inline:auto}
#page-articolo .tn-article-body p{font-size:clamp(1.02rem,1.25vw,1.12rem);line-height:1.75}
#page-articolo .tn-article-body h2{margin-top:2.25em;line-height:1.12}

/* Entra / moduli: non cambia contenuti o logica, solo continuità visiva */
.entra-form-panel{border:1px solid rgba(255,255,255,.08);box-shadow:var(--tn-polish-shadow)}
.entra-form :where(input,select,textarea){min-height:46px}
.entra-form textarea{min-height:145px}
.entra-form button{min-height:46px}

/* Lo Scaffale, Libri e Strumenti — pagine autonome */
body.tn-fixed-header-present .bar,body.tn-fixed-header-present .private-bar{display:none!important}
body.tn-fixed-header-present > :where(.hero,header.hero){margin-top:0}
body.tn-fixed-header-present .hero-inner,body.tn-fixed-header-present .hero-grid{min-width:0}
body.tn-fixed-header-present .hero-copy,body.tn-fixed-header-present .copy{min-width:0}
body.tn-fixed-header-present .hero-copy h1,body.tn-fixed-header-present .copy h1{overflow-wrap:normal;text-wrap:balance}
body.tn-fixed-header-present .grid,body.tn-fixed-header-present .books-grid{align-items:stretch}
body.tn-fixed-header-present .book-card,body.tn-fixed-header-present .card{height:100%}
body.tn-fixed-header-present .book-copy{min-width:0}
body.tn-fixed-header-present .cover-stage{display:grid;place-items:center;overflow:hidden}
body.tn-fixed-header-present .cover-stage img{max-width:100%;max-height:100%;object-fit:contain}
body.tn-fixed-header-present .tool-img{display:block;height:auto;max-height:300px;object-fit:contain}
body.tn-fixed-header-present .availability{overflow-wrap:anywhere}
body.tn-fixed-header-present .talk-actions a{min-height:40px;display:inline-flex;align-items:center}
body.tn-fixed-header-present .disclosure{line-height:1.65}

/* Privacy, note legali, accesso: leggibilità e larghezze */
.privacy-wrap-v70{min-width:0}
body.tn-fixed-header-stack>.box{width:min(520px,calc(100% - 32px));box-shadow:var(--tn-polish-shadow)}
body.tn-fixed-header-stack>.box input{min-height:46px}
body.tn-fixed-header-stack>.box button{min-height:46px}

/* Footer: il fondo pagina deve chiudere bene anche nelle pagine corte */
body.tn-fixed-header-present{min-height:100vh}
.tn-site-footer{clear:both}
.tn-footer-phone a{overflow-wrap:anywhere}

@media (max-width:980px){
  html{scroll-padding-top:82px}
  .page-hero{padding-left:20px;padding-right:20px}
  .page-hero h1{font-size:clamp(2.65rem,11vw,4.8rem)}
  .page-hero p{font-size:1.08rem}
  #page-armadio .drawer-v10:nth-of-type(n){transform:none!important}
  #page-articolo .tn-article-body{padding-inline:20px}
  body.tn-fixed-header-present .criterio,body.tn-fixed-header-present .shelf-talk{margin-left:18px;margin-right:18px}
}

@media (max-width:760px){
  .tn-fixed-header{backdrop-filter:none}
  .tn-header-inner{min-height:70px;height:70px}
  .tn-brand img{height:44px}
  .tn-menu-btn{min-width:44px;min-height:44px}
  .tn-site-footer{margin-top:54px;padding:38px 18px}
  .tn-footer-brand p{max-width:100%}
  .tn-footer-links,.tn-footer-social{gap:8px}
  .tn-footer-social a{flex:1 1 auto;justify-content:center}
  .tn-footer-phone{min-width:0;width:100%}

  #page-home .hero{min-height:auto}
  #page-home .hero-inner{padding-top:54px;padding-bottom:60px}
  #page-home .hero h1{font-size:clamp(2.75rem,15vw,4.7rem);line-height:.94}
  #page-home .hero-sub{font-size:1.04rem;line-height:1.55}
  #page-home .story-row{grid-template-columns:1fr auto;gap:12px 16px}

  #page-armadio .armadio-wrap{padding-left:14px;padding-right:14px}
  #page-armadio .cabinet-v10{grid-template-columns:1fr!important;padding:12px!important;gap:12px!important}
  #page-armadio .drawer-v10{min-height:128px!important}
  #page-armadio .armadio-photo-block{margin-inline:0}
  #page-armadio .armadio-phrase{font-size:clamp(1.7rem,8vw,2.35rem);line-height:1.1}

  .entra-form-panel{padding:26px 18px!important}
  .entra-form{grid-template-columns:1fr!important;gap:14px!important}
  .entra-form .full{grid-column:auto!important}
  .entra-form button{width:100%;justify-self:stretch!important}
  .tn-privacy-check-v70{font-size:.88rem!important}

  body.tn-fixed-header-present :where(.hero,.wrap,.intro,.closing,.bottom,.feature-wrap,.second-inner,.shelf){padding-left:16px!important;padding-right:16px!important}
  body.tn-fixed-header-present :where(.hero-inner,.hero-grid,.feature-book,.menetto-card){grid-template-columns:1fr!important}
  body.tn-fixed-header-present :where(.heroimg,.hero-img,.hero-image){min-height:320px!important;height:auto!important}
  body.tn-fixed-header-present :where(.hero-copy,.copy){padding:44px 24px!important}
  body.tn-fixed-header-present :where(.hero-copy h1,.copy h1){font-size:clamp(2.65rem,13vw,4.6rem)!important;line-height:.94!important}
  body.tn-fixed-header-present :where(.hero-copy p,.copy p){font-size:1.08rem!important;line-height:1.55!important}
  body.tn-fixed-header-present .criterio,body.tn-fixed-header-present .shelf-talk{grid-template-columns:1fr!important;margin-left:12px!important;margin-right:12px!important;padding:28px 22px!important}
  body.tn-fixed-header-present .grid,body.tn-fixed-header-present .books-grid{grid-template-columns:1fr!important;gap:18px!important}
  body.tn-fixed-header-present .group-head{grid-template-columns:1fr!important;gap:10px!important}
  body.tn-fixed-header-present .group-head h2{font-size:clamp(2rem,9vw,2.7rem)!important}
  body.tn-fixed-header-present .cover-stage{height:340px!important;padding:20px!important}
  body.tn-fixed-header-present .book-copy,body.tn-fixed-header-present .content{padding:24px 22px 28px!important}
  body.tn-fixed-header-present .book-copy h3,body.tn-fixed-header-present .content h3{font-size:clamp(1.7rem,8vw,2.25rem)!important}
  body.tn-fixed-header-present .amazon-btn,body.tn-fixed-header-present .btn,body.tn-fixed-header-present .back{width:100%;align-self:stretch!important}
  body.tn-fixed-header-present .talk-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  body.tn-fixed-header-present .talk-actions a{justify-content:center;border:1px solid rgba(255,255,255,.38)!important;padding:12px 14px!important}
  body.tn-fixed-header-present .quote{padding:58px 18px!important}
  body.tn-fixed-header-present .quote p{font-size:clamp(1.75rem,9vw,2.8rem)!important}
  body.tn-fixed-header-present .closing h2,body.tn-fixed-header-present .bottom h2{font-size:clamp(2rem,9vw,2.8rem)!important;line-height:1.05}
  body.tn-fixed-header-stack>.box{margin:30px auto;padding:28px 22px}
}

@media (max-width:420px){
  .page-hero{padding-left:16px;padding-right:16px}
  .page-hero h1{font-size:clamp(2.45rem,12.5vw,3.8rem)}
  #page-home .hero h1{font-size:clamp(2.6rem,14vw,4rem)}
  .tn-footer-email{font-size:1rem}
  body.tn-fixed-header-present :where(.hero-copy h1,.copy h1){font-size:clamp(2.5rem,12.5vw,3.75rem)!important}
  body.tn-fixed-header-present .cover-stage{height:310px!important}
}

@media (prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* V2 hotfix — contrasto hero Home */
#page-home .hero h1{
  color:#fff4e6!important;
  text-shadow:0 2px 20px rgba(15,10,7,.48),0 1px 2px rgba(15,10,7,.55);
}
#page-home .hero .eyebrow,
#page-home .hero .hero-sub,
#page-home .hero .text-link{
  text-shadow:0 1px 10px rgba(15,10,7,.34);
}
@media(max-width:760px){
  #page-home .hero h1{text-shadow:0 2px 16px rgba(15,10,7,.52)}
}

/* V3 PRO — rifinitura corposa di esperienza, pagine progetto e responsive · 2026-09-16 */
:root{
  --tn-pro-shadow-sm:0 8px 24px rgba(42,36,30,.07);
  --tn-pro-shadow:0 18px 50px rgba(42,36,30,.11);
  --tn-pro-radius:2px;
  --tn-pro-space:clamp(64px,8vw,112px);
  --tn-pro-pad:clamp(18px,3vw,30px);
}
html{scrollbar-gutter:stable}
body{min-width:320px}
body.tn-menu-open{overflow:hidden}
.tn-skip-link{position:fixed;left:16px;top:10px;z-index:3000;transform:translateY(-180%);background:#262a21;color:#fff!important;padding:10px 14px;text-decoration:none;font:700 .76rem/1 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;box-shadow:var(--tn-pro-shadow-sm)}
.tn-skip-link:focus{transform:translateY(0)}
.tn-fixed-header{transition:box-shadow .18s ease,background .18s ease}
.tn-fixed-header.is-scrolled{box-shadow:0 8px 26px rgba(42,36,30,.10);background:rgba(244,239,230,.985)}
.tn-main-nav a{position:relative;padding:28px 0 25px}
.tn-main-nav a[aria-current="page"]{text-decoration:none;font-weight:700}
.tn-main-nav a[aria-current="page"]:after{content:"";position:absolute;left:0;right:0;bottom:19px;height:2px;background:var(--tn-brown,#8f6b49)}
.tn-header-cta{transition:background .18s ease,color .18s ease,transform .18s ease}
@media(hover:hover){.tn-header-cta:hover{background:#8f6b49;color:#fff;transform:translateY(-1px)}}

/* Home: leggibilità stabile, ritmo editoriale e card più finite */
#page-home .hero{isolation:isolate;background-position:center center!important}
#page-home .hero:before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(20,14,10,.62) 0%,rgba(20,14,10,.42) 39%,rgba(20,14,10,.16) 68%,rgba(20,14,10,.06) 100%);pointer-events:none}
#page-home .hero:after{z-index:0}
#page-home .hero-inner{z-index:2}
#page-home .hero h1{max-width:900px}
#page-home .hero-sub{max-width:760px;color:#fff3e5!important}
#page-home .text-link{color:#fff7ed!important}
#page-home .portals,#page-home .stories{padding-top:clamp(68px,8vw,100px);padding-bottom:clamp(72px,9vw,112px)}
#page-home .portal-card{box-shadow:0 0 0 1px rgba(42,36,30,.03);transition:transform .2s ease,box-shadow .2s ease}
#page-home .portal-card .media{aspect-ratio:4/3}
#page-home .portal-copy{display:flex;flex-direction:column;min-height:230px}
#page-home .portal-copy a{margin-top:auto;align-self:flex-start}
@media(hover:hover){#page-home .portal-card:hover{transform:translateY(-3px);box-shadow:var(--tn-pro-shadow-sm)}}

/* Storie: griglia più regolare, filtri e card leggibili */
#page-storie .storie-tools{gap:18px;align-items:center}
#page-storie .storie-filter{display:flex;flex-wrap:wrap;gap:8px}
#page-storie .storie-filter button{min-height:42px;padding:9px 14px}
#page-storie .storia-card{border:1px solid rgba(42,36,30,.13);background:#fbf7f0;transition:transform .2s ease,box-shadow .2s ease}
#page-storie .storia-card img{aspect-ratio:4/3;object-fit:cover;width:100%}
#page-storie .storia-card h3{line-height:1.08;text-wrap:balance}
@media(hover:hover){#page-storie .storia-card:hover{transform:translateY(-3px);box-shadow:var(--tn-pro-shadow-sm)}}

/* Borsello e Stufa: continuità tra narrazione e azione */
#page-borsello .borsello-lead,#page-stufa .stufa20-opening{gap:clamp(28px,5vw,54px)}
#page-borsello .pack-card,#page-stufa .stufa20-path,#page-stufa .stufa20-principle{box-shadow:0 0 0 1px rgba(42,36,30,.025)}
#page-borsello .story-drop,#page-stufa .stufa-contact{box-shadow:var(--tn-pro-shadow-sm)}
#page-stufa .stufa20-path-photo{overflow:hidden;background:#ded4c5}
#page-stufa .stufa20-path-photo img{width:100%;height:100%;object-fit:cover}

/* Armadio: cassetti, visuali e sottopagine più solide */
#page-armadio .cabinet-v10{box-shadow:inset 0 0 0 2px rgba(255,236,205,.05),inset 0 -16px 30px rgba(20,11,6,.16),0 28px 60px rgba(42,27,17,.20)!important}
#page-armadio .drawer-v10{transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}
@media(hover:hover){#page-armadio .drawer-v10:hover{filter:brightness(1.055);box-shadow:0 8px 18px rgba(25,14,8,.18)}}
#page-armadio .armadio-visual-card{overflow:hidden;background:#f8f3ea;border:1px solid rgba(42,36,30,.12);box-shadow:var(--tn-pro-shadow-sm)}
#page-armadio .armadio-visual-card img{aspect-ratio:4/3;object-fit:cover;width:100%}
.armadio-subpage .sub-hero{padding-top:clamp(44px,7vw,76px)}
.photo-wall{gap:14px}
.wall-item{min-width:0;overflow:hidden}
.wall-item img{width:100%;height:100%;object-fit:cover}
.voice-grid,.route-grid,.desk-grid{gap:18px}

/* Tutte le pagine progetto: stessa qualità senza uniformarne la voce */
#page-maiale .maiale-page-v41,#page-riso .riso-v44,#page-radici .radici-v49,#page-pilone .pilone-page-v67{overflow:hidden}
#page-maiale :where(.maiale-hero-image-v41,.maiale-book-cover-v41),#page-riso :where(.riso-opening-image-v44,.riso-full-photo-v44),#page-radici :where(.radici-hero-photo-v49),#page-pilone :where(.pilone-hero-photo-v67){background:#e7ddd0}
#page-maiale img,#page-riso img,#page-radici img,#page-pilone img{max-width:100%}
#page-maiale .maiale-story-card-v41,#page-riso .riso-blog-card-v44,#page-radici .radici-card-v49,#page-pilone .pilone-card-v67{min-width:0;box-shadow:0 0 0 1px rgba(42,36,30,.02);transition:transform .2s ease,box-shadow .2s ease}
@media(hover:hover){#page-maiale .maiale-story-card-v41:hover,#page-riso .riso-blog-card-v44:hover,#page-radici .radici-card-v49:hover,#page-pilone .pilone-card-v67:hover{transform:translateY(-3px);box-shadow:var(--tn-pro-shadow-sm)}}
#page-maiale .maiale-tracks-v41 article,#page-riso .riso-road-line-v44,#page-pilone .pilone-livelli-v67 article{min-width:0}
#page-riso .riso-form-shell-v44,#page-radici .radici-form-shell-v49{box-shadow:var(--tn-pro-shadow-sm)}
#page-riso .riso-blog-grid-v44,#page-radici .radici-grid-v49,#page-pilone .pilone-grid-v67{align-items:stretch}

/* Maiale */
#page-maiale .maiale-hero-v41{min-height:min(760px,calc(100vh - 76px))}
#page-maiale .maiale-hero-copy-v41{min-width:0}
#page-maiale .maiale-hero-copy-v41 h1{text-wrap:balance}
#page-maiale .maiale-hero-image-v41 img{width:100%;height:100%;object-fit:cover}
#page-maiale .maiale-three-v41 article{min-width:0}
#page-maiale .maiale-tracks-v41 article>div{min-width:0}

/* Riso */
#page-riso .riso-title-wrap-v44 h1{text-wrap:balance}
#page-riso .riso-opening-image-v44 img,#page-riso .riso-full-photo-v44 img{width:100%;height:auto;display:block}
#page-riso .riso-riserie-pair-v44>*{min-width:0}
#page-riso .riso-road-line-v44{overflow-wrap:anywhere}

/* Radici */
#page-radici .radici-title-v49{text-wrap:balance}
#page-radici .radici-persona-card-v51,#page-radici .radici-terre-grid-v51 article{min-width:0}
#page-radici .radici-hero-photo-v49 img{width:100%;height:100%;object-fit:cover}

/* Pilone */
#page-pilone .pilone-hero-copy-v67 h1{text-wrap:balance}
#page-pilone .pilone-hero-photo-v67 img{width:100%;height:100%;object-fit:cover}
#page-pilone .pilone-volontari-v67>*{min-width:0}

/* Sala stampa / area riservata: dati densi ma leggibili */
#page-stampa .press-card,#page-stampa-area .press-card,#page-stampa .press-photo,#page-stampa-area .press-photo{min-width:0}
#page-stampa .press-doc-grid-v39,#page-stampa-area .press-doc-grid-v39{align-items:stretch}
#page-stampa .press-file,#page-stampa-area .press-file{height:100%}
#page-stampa .press-contact,#page-stampa-area .press-contact{overflow-wrap:anywhere}
.control-table{display:block;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch}
.control-table table{min-width:720px}

/* Articoli: misura editoriale, immagini e citazioni */
#page-articolo .tn-article-page{padding-bottom:clamp(70px,9vw,110px)}
#page-articolo .tn-article-header{max-width:980px;margin-inline:auto}
#page-articolo .tn-article-header h1{text-wrap:balance;line-height:.98}
#page-articolo .tn-article-body{font-kerning:normal}
#page-articolo .tn-article-body :where(blockquote,.quote){margin:2.2em 0;padding:1.1em 1.35em;border-left:3px solid #8f6b49;background:#f0e7da}
#page-articolo .tn-article-body figure{margin:2.2em auto}
#page-articolo .tn-article-body figcaption{margin-top:8px;color:#6e6257;font-size:.88rem;line-height:1.45}
#page-articolo .tn-article-body a{text-underline-offset:3px}

/* Standalone Scaffale / Libri / Strumenti */
body.tn-fixed-header-present .hero{isolation:isolate}
body.tn-fixed-header-present .grid>*,body.tn-fixed-header-present .books-grid>*{min-width:0}
body.tn-fixed-header-present .card,body.tn-fixed-header-present .book-card{border-color:rgba(42,36,30,.14)!important;box-shadow:0 0 0 1px rgba(42,36,30,.02);transition:transform .2s ease,box-shadow .2s ease}
@media(hover:hover){body.tn-fixed-header-present .card:hover,body.tn-fixed-header-present .book-card:hover{transform:translateY(-3px);box-shadow:var(--tn-pro-shadow-sm)}}
body.tn-fixed-header-present .amazon-btn,body.tn-fixed-header-present .ask-massimo,body.tn-fixed-header-present .story-action{min-height:44px}
body.tn-fixed-header-present .story-invite{border-top:1px solid rgba(42,36,30,.12);padding-top:16px}

/* Campi: solo robustezza visuale, nessuna modifica di contenuto o logica */
:where(form) :where(input,select,textarea):focus{border-color:#8f6b49!important;box-shadow:0 0 0 3px rgba(143,107,73,.15)!important;outline:0}
:where(form) :where(input,select,textarea):user-invalid{border-color:#9e493a!important}
:where(form) button[type="submit"]{cursor:pointer}

/* Footer e floating contact: niente sovrapposizioni sui telefoni */
.tn-site-footer{padding-bottom:max(44px,calc(28px + env(safe-area-inset-bottom)))}
.tn-wa-fixed{bottom:max(18px,calc(12px + env(safe-area-inset-bottom)))!important;right:max(18px,calc(12px + env(safe-area-inset-right)))!important;z-index:1200!important}
body.tn-has-wa-float .tn-site-footer{padding-bottom:max(92px,calc(72px + env(safe-area-inset-bottom)))}

@media(max-width:1100px){
  #page-maiale .maiale-hero-v41,#page-pilone .pilone-hero-v67{grid-template-columns:minmax(0,1fr) minmax(340px,.85fr)!important}
  #page-riso .riso-riserie-pair-v44,#page-radici .radici-persone-grid-v51{gap:22px}
}
@media(max-width:920px){
  .tn-fixed-header.open{box-shadow:0 18px 46px rgba(42,36,30,.18)}
  .tn-fixed-header.open .tn-main-nav a{width:100%;padding:12px 10px;font-size:1rem}
  .tn-fixed-header.open .tn-main-nav a[aria-current="page"]{background:#ece2d4;text-decoration:none}
  .tn-fixed-header.open .tn-main-nav a[aria-current="page"]:after{display:none}
  .tn-fixed-header.open .tn-header-cta{width:100%;text-align:center;margin:6px 0 0;padding:14px}
  #page-home .portal-grid{gap:18px}
  #page-home .portal-copy{min-height:0}
  #page-maiale .maiale-hero-v41,#page-pilone .pilone-hero-v67{grid-template-columns:1fr!important;min-height:0}
  #page-maiale .maiale-hero-image-v41,#page-pilone .pilone-hero-photo-v67{min-height:420px}
  #page-maiale .maiale-three-v41{grid-template-columns:1fr!important}
  #page-maiale .maiale-three-v41 article+article{border-left:0!important;border-top:1px solid var(--m-line,#cbb9a6)}
  #page-maiale .maiale-cd-grid-v41{grid-template-columns:1fr!important}
  #page-riso .riso-riserie-pair-v44,#page-radici .radici-persone-grid-v51,#page-pilone .pilone-volontari-v67{grid-template-columns:1fr!important}
  .photo-wall{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  #page-home .hero:before{background:linear-gradient(180deg,rgba(18,12,9,.34) 0%,rgba(18,12,9,.64) 68%,rgba(18,12,9,.70) 100%)}
  #page-home .hero-inner{padding-top:48px!important;padding-bottom:54px!important}
  #page-home .hero h1{font-size:clamp(2.75rem,14vw,4.35rem)!important;max-width:100%}
  #page-home .hero-sub{font-size:1.02rem!important}
  #page-storie .storie-tools{align-items:stretch;flex-direction:column}
  #page-storie .storie-filter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  #page-storie .storie-filter button{width:100%}
  #page-maiale .maiale-hero-image-v41,#page-pilone .pilone-hero-photo-v67{min-height:0;height:min(62vh,520px)}
  #page-maiale .maiale-tracks-v41 article{grid-template-columns:1fr!important;gap:12px!important}
  #page-maiale .maiale-tracks-v41 article a{justify-self:start}
  #page-riso .riso-blog-grid-v44,#page-radici .radici-grid-v49,#page-pilone .pilone-grid-v67{grid-template-columns:1fr!important}
  #page-pilone .pilone-livelli-v67 article{grid-template-columns:58px 1fr!important;gap:15px!important}
  .photo-wall{grid-template-columns:1fr!important}
  .wall-item,.wall-item.tall,.wall-item.wide,.wall-item.short{grid-column:auto!important;grid-row:auto!important;min-height:260px}
  .voice-grid,.route-grid,.desk-grid{grid-template-columns:1fr!important}
  #page-articolo .tn-article-header,#page-articolo .tn-article-body{padding-left:18px!important;padding-right:18px!important}
  #page-articolo .tn-article-header h1{font-size:clamp(2.45rem,12vw,4rem)!important}
  #page-articolo .tn-article-body :where(blockquote,.quote){margin-left:0;margin-right:0;padding:1em 1.1em}
  body.tn-has-wa-float .tn-site-footer{padding-bottom:max(108px,calc(86px + env(safe-area-inset-bottom)))}
}
@media(max-width:480px){
  #page-storie .storie-filter{grid-template-columns:1fr}
  #page-pilone .pilone-livelli-v67 article{grid-template-columns:1fr!important}
  #page-pilone .pilone-num-v67{margin-bottom:2px}
  .tn-footer-social a{width:100%}
}

@media print{
  .tn-fixed-header,.tn-site-footer,.tn-menu-btn,.tn-header-cta,.tn-wa-fixed,.preview-note{display:none!important}
  body{background:#fff!important;color:#000!important}
  a{color:#000!important;text-decoration:underline!important}
  img{max-height:24cm;object-fit:contain}
  *{box-shadow:none!important;text-shadow:none!important}
}