/*
Theme Name: Intrusioni
Author: Intrusioni
Description: Tema minimale in stile svizzero per intrusioni.it, centrato sulla lettura.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: intrusioni
*/

/* ---------- base ---------- */
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"ss01","cv11"}
:where(.wp-site-blocks)>*{margin-block-start:0}
.wp-site-blocks{padding-inline:clamp(20px,5vw,64px)}
.i-wrap{max-width:1200px;margin-inline:auto!important;width:100%}
a{text-underline-offset:.18em;text-decoration-thickness:1px}
::selection{background:var(--wp--preset--color--accent);color:#fff}
.i-label,.i-sechead{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--wp--preset--color--muted)}
.i-sechead{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 10px}
.i-sechead a{color:var(--wp--preset--color--ink);text-decoration:none;border-bottom:1px solid}
.i-sechead p{margin:0}

/* ---------- header / footer ---------- */
.i-header{max-width:1200px;margin-inline:auto;padding-block:22px 0;font-size:14px;gap:12px}
.i-brand{margin:0;font-weight:500}
.i-brand a{text-decoration:none;color:inherit}
.i-nav{font-size:14px;gap:22px}
.i-nav a{text-decoration:none}
.i-nav a:hover,.i-nav .current-menu-item a{color:var(--wp--preset--color--accent)}
.i-footer{max-width:1200px;margin:0 auto;border-top:3px solid var(--wp--preset--color--ink);padding-block:14px 40px;font-size:13px;color:var(--wp--preset--color--muted);gap:12px}
.i-footer p{margin:0}
.i-footer a{color:inherit;text-decoration:none}
.i-footer a:hover{color:var(--wp--preset--color--ink)}
.i-footer .i-links{display:flex;gap:18px;flex-wrap:wrap}

/* ---------- display ---------- */
.i-display{font-size:clamp(64px,13.2vw,172px)!important;font-weight:900!important;letter-spacing:-.062em!important;line-height:.82!important;margin:60px 0 24px!important;margin-left:-.04em!important}
.i-display a{text-decoration:none;color:inherit}
.i-display-m{font-size:clamp(48px,9vw,120px)!important;font-weight:900!important;letter-spacing:-.055em!important;line-height:.86!important;margin:60px 0 24px!important;margin-left:-.03em!important}
.i-lead{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;border-top:3px solid var(--wp--preset--color--ink);padding-top:16px;margin-bottom:72px!important}
.i-lead>*{grid-column:1/9;margin:0!important}
.i-quote{font-size:clamp(18px,1.8vw,22px);line-height:1.4;letter-spacing:-.01em;margin:0}
.i-cite{font-size:12px;color:var(--wp--preset--color--muted);margin-top:10px!important}
.i-intro{font-size:clamp(18px,1.8vw,22px);line-height:1.4}

/* ---------- liste di articoli ---------- */
.i-list .wp-block-post-template{margin:0;padding:0;border-bottom:1px solid var(--wp--preset--color--ink)}
.i-list .wp-block-post{margin:0!important}
.i-row{display:grid!important;grid-template-columns:64px minmax(0,1fr) minmax(0,1.25fr) 96px;gap:16px;align-items:baseline;padding:18px 0;border-top:1px solid var(--wp--preset--color--ink)}
.i-row>*{margin:0!important}
.i-num{color:var(--wp--preset--color--accent);font-size:13px;font-variant-numeric:tabular-nums;margin:0}
.i-title{font-size:clamp(19px,1.9vw,23px)!important;font-weight:650!important;letter-spacing:-.025em!important;line-height:1.15!important}
.i-title a{text-decoration:none}
.i-row:hover .i-title a{color:var(--wp--preset--color--accent)}
.i-excerpt,.i-excerpt p{font-size:14px;line-height:1.5;color:var(--wp--preset--color--muted);margin:0}
.i-date{font-size:13px;color:var(--wp--preset--color--muted);text-align:right;font-variant-numeric:tabular-nums}
.i-rows-s .wp-block-post-template{margin:0;padding:0}
.i-row-s{display:grid!important;grid-template-columns:72px 1fr;gap:10px;padding:12px 0;border-top:1px solid var(--wp--preset--color--line);font-size:15px;line-height:1.4}
.i-row-s>*{margin:0!important}
.i-row-s .i-date{text-align:left;font-size:12px}
.i-row-s .wp-block-post-title{font-size:15px!important;font-weight:450!important;letter-spacing:0!important;line-height:1.4!important}
.i-row-s a{text-decoration:none}
.i-row-s a:hover{color:var(--wp--preset--color--accent)}
.i-tools{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:18px 0 88px!important;font-size:14px}
.i-tools p{margin:0}
.i-tools a{text-decoration:none;border-bottom:1px solid}
.i-tools .i-rnd a{color:var(--wp--preset--color--accent)}
.i-pag{margin-top:28px!important;font-size:14px}
.i-pag a{text-decoration:none}
.i-pag .current{color:var(--wp--preset--color--accent)}

/* indice e liste semplici */
ol.i-list-i{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--wp--preset--color--ink)}
.i-rowi{display:grid;grid-template-columns:64px 1fr 96px;gap:16px;align-items:baseline;padding:14px 0;border-top:1px solid var(--wp--preset--color--ink)}
.i-rowi__t{font-size:clamp(17px,1.7vw,20px);font-weight:600;letter-spacing:-.02em;line-height:1.2;text-decoration:none}
.i-rowi__t:hover{color:var(--wp--preset--color--accent)}
.i-indice__y{display:grid;grid-template-columns:200px 1fr;gap:16px;margin-bottom:56px}
.i-year{font-size:40px!important;font-weight:900!important;letter-spacing:-.05em!important;margin:0!important;line-height:1!important}
.i-year span{display:block;font-size:12px;font-weight:400;letter-spacing:.04em;color:var(--wp--preset--color--muted);margin-top:8px}

/* serie */
.i-serie{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:88px}
.i-serie__head{display:block;border-top:3px solid var(--wp--preset--color--ink);padding-top:12px;text-decoration:none}
.i-serie__head b{display:block;font-size:20px;font-weight:800;letter-spacing:-.03em;line-height:1.1}
.i-serie__head span{font-size:13px;color:var(--wp--preset--color--muted)}
.i-serie__head:hover b{color:var(--wp--preset--color--accent)}
.i-serie--full{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:48px 24px}
.i-serie--full .i-serie__head b{font-size:28px}
.i-serie__desc{font-size:15px;line-height:1.5;color:var(--wp--preset--color--muted)}
.i-serie__list{margin:14px 0 0;padding-left:1.4em;font-size:15px;line-height:1.7}
.i-serie__list a{text-decoration:none}
.i-serie__list a:hover{color:var(--wp--preset--color--accent)}
.i-serie__list li::marker{color:var(--wp--preset--color--accent);font-size:12px}

/* due colonne home */
.i-two{gap:clamp(24px,5vw,64px)!important;margin-bottom:0!important}
.i-box{background:var(--wp--preset--color--ink);color:#fff;padding:28px!important}
.i-box h2{color:#fff;font-size:clamp(26px,2.6vw,32px)!important;font-weight:900!important;letter-spacing:-.04em!important;line-height:1!important;margin:0 0 12px!important}
.i-box p{font-size:15px;line-height:1.5;color:#bdbdbd;margin:0 0 20px}
.i-box .i-boxlink{margin:0;border-bottom:1px solid #fff;padding-bottom:10px;font-weight:600}
.i-box .i-boxlink a{color:#ff5a47;text-decoration:none}

/* ---------- articolo ---------- */
.i-article{margin-top:72px!important}
.i-meta{gap:0!important;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--wp--preset--color--muted);border-top:3px solid var(--wp--preset--color--ink);padding-top:12px}
.i-meta>*{margin:0!important}
.i-meta>*+*::before{content:"·";margin:0 .6em;color:var(--wp--preset--color--muted)}
.i-meta .i-num{font-size:12px}
.i-meta a{text-decoration:none;color:var(--wp--preset--color--ink)}
.i-h1{font-size:clamp(40px,6.4vw,76px)!important;font-weight:900!important;letter-spacing:-.05em!important;line-height:.95!important;margin-block:28px 40px!important}
.i-feat{margin-block:0 40px!important}
.i-feat img{filter:grayscale(1);transition:filter .5s}
.i-feat:hover img{filter:none}
.i-body{font-size:clamp(18px,1.4vw,20px);line-height:1.68;letter-spacing:-.003em}
.i-body p{margin:0 0 1.15em}
.i-body h2,.i-body h3{font-weight:800;letter-spacing:-.03em;line-height:1.15;margin:1.8em 0 .6em}
.i-body blockquote{margin:1.6em 0;padding:0 0 0 20px;border-left:3px solid var(--wp--preset--color--accent);font-size:1.12em;line-height:1.45;font-weight:500;letter-spacing:-.015em}
.i-body img{height:auto;max-width:100%}
.i-body figure,.i-body .wp-caption{max-width:100%!important;margin:2em 0}
.i-body .wp-caption-text,.i-body figcaption{font-size:13px;color:var(--wp--preset--color--muted);margin-top:8px}
.i-body a{color:var(--wp--preset--color--ink);text-decoration-color:var(--wp--preset--color--accent)}
.i-body a:hover{color:var(--wp--preset--color--accent)}
.i-body iframe{max-width:100%;border:0}
.i-body .twitter-tweet,.i-body .instagram-media{border-left:3px solid var(--wp--preset--color--line)!important;padding-left:18px!important;margin:1.6em 0!important;font-size:.9em}
.i-tags{margin-top:40px!important;font-size:13px}
.i-tags a{display:inline-block;border:1px solid var(--wp--preset--color--ink);border-radius:99px;padding:3px 11px;margin:0 4px 6px 0;text-decoration:none}
.i-tags a:hover{background:var(--wp--preset--color--ink);color:#fff}
.i-tags .wp-block-post-terms__separator{display:none}
.i-share{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:baseline;border-top:1px solid var(--wp--preset--color--ink);border-bottom:1px solid var(--wp--preset--color--ink);padding:14px 0;margin:32px 0 0;font-size:14px}
.i-share .i-label{margin-right:6px}
.i-share a{text-decoration:none}
.i-share a:hover,.i-copy:hover{color:var(--wp--preset--color--accent)}
.i-copy{background:none;border:0;padding:0;font:inherit;cursor:pointer;color:inherit}
.i-postnav{margin-top:28px!important;font-size:14px;gap:16px}
.i-postnav a{text-decoration:none}
.i-postnav a:hover{color:var(--wp--preset--color--accent)}
.i-more{margin-top:96px!important}
.i-serienav{margin:48px 0 0;padding:20px;background:var(--wp--preset--color--soft)}
.i-serienav .i-label{margin:0}
.i-serienav__name{font-size:22px;font-weight:800;letter-spacing:-.03em;margin:4px 0 10px}
.i-serienav__name a{text-decoration:none}
.i-serienav ol{margin:0;padding-left:1.4em;font-size:15px;line-height:1.7}
.i-serienav a{text-decoration:none}
.i-serienav li.is-current{color:var(--wp--preset--color--accent);font-weight:600}

/* contenuti esterni a due clic */
.i-embed{margin:1.6em 0;background:var(--wp--preset--color--soft);min-height:120px;display:flex}
.i-embed:not(.is-audio){aspect-ratio:16/9}
.i-embed.is-loaded{background:none;display:block;min-height:0}
.i-embed.is-loaded iframe{width:100%;height:100%}
.i-embed.is-audio.is-loaded iframe{height:152px}
.i-embed__btn{all:unset;box-sizing:border-box;cursor:pointer;width:100%;padding:24px;display:flex;flex-direction:column;justify-content:center;gap:6px;border:1px solid var(--wp--preset--color--line)}
.i-embed__btn span{font-size:17px;font-weight:600;letter-spacing:-.01em}
.i-embed__btn small{font-size:12px;color:var(--wp--preset--color--muted);line-height:1.4}
.i-embed__btn:hover span{color:var(--wp--preset--color--accent)}

/* ---------- genius loci ---------- */
.i-places{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 40px}
.i-places button{font:inherit;font-size:13px;background:none;border:1px solid var(--wp--preset--color--ink);border-radius:99px;padding:5px 13px;cursor:pointer;color:var(--wp--preset--color--ink)}
.i-places button.is-on{background:var(--wp--preset--color--ink);color:#fff}
.i-gl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 16px;align-items:start}
.i-gl__f{margin:0}
.i-gl__f.is-wide{grid-column:span 2}
.i-gl__f img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;filter:grayscale(1);transition:filter .5s}
.i-gl__f.is-wide img{aspect-ratio:3/2}
.i-gl__f:hover img{filter:none}
.i-gl__f figcaption{display:grid;grid-template-columns:36px 1fr;gap:8px;border-top:1px solid var(--wp--preset--color--ink);margin-top:10px;padding-top:8px;font-size:13px;line-height:1.4;align-items:baseline}
.i-gl__f figcaption b{font-size:15px;font-weight:600;letter-spacing:-.01em}
.i-gl__f figcaption small{color:var(--wp--preset--color--muted);font-size:12px}
.i-gl__f figcaption a{grid-column:2;color:var(--wp--preset--color--accent);text-decoration:none}

/* pagine */
.i-page{font-size:clamp(18px,1.4vw,20px);line-height:1.65}
.i-page img{height:auto;max-width:100%}
.i-page h2{font-weight:800;letter-spacing:-.03em;font-size:26px;margin:2em 0 .5em}
.i-page h3{font-weight:700;letter-spacing:-.02em;font-size:20px;margin:1.6em 0 .4em}
.i-page table{border-collapse:collapse;width:100%;font-size:15px}
.i-page td,.i-page th{border-top:1px solid var(--wp--preset--color--line);padding:8px 8px 8px 0;text-align:left;vertical-align:top}
.i-search input{border-radius:0}

/* chi sono */
.i-about{display:grid;grid-template-columns:260px minmax(0,1fr);gap:48px;align-items:start;border-top:3px solid var(--wp--preset--color--ink);padding-top:16px}
.i-about>*{margin:0!important}
.i-about__ph img{filter:grayscale(1)}
.i-bio{font-size:clamp(18px,1.4vw,20px);line-height:1.6;max-width:36em}
.i-bio p{margin:0 0 1em}
.i-bio .i-first{font-size:clamp(24px,2.6vw,32px);line-height:1.2;font-weight:650;letter-spacing:-.025em;margin-bottom:1.1em}
.i-mishima{display:grid;grid-template-columns:260px minmax(0,1fr);gap:48px;margin-top:72px!important;border-top:3px solid var(--wp--preset--color--ink);padding-top:18px}
.i-mishima>*{margin:0!important}
.i-mishima .i-label{line-height:1.5}
.i-mishima__q{font-size:clamp(28px,3.6vw,48px);font-weight:800;letter-spacing:-.04em;line-height:1.05}

/* newsletter */
.i-nl{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,64px);background:var(--wp--preset--color--ink);color:#fff;padding:clamp(24px,3vw,40px);margin:0 0 40px}
.i-nl h2{color:#fff;margin:0 0 12px;font-size:clamp(30px,3.6vw,46px);font-weight:900;letter-spacing:-.045em;line-height:.95}
.i-nl p{color:#bdbdbd;font-size:15px;line-height:1.5;margin:0}
.i-nl__form{align-self:end}
.i-nl__f{display:flex;border-bottom:2px solid #fff}
.i-nl__f input{flex:1;min-width:0;background:none;border:0;color:#fff;font:inherit;font-size:17px;padding:12px 0;outline:0}
.i-nl__f input::placeholder{color:#8a8a8a}
.i-nl__f button{background:none;border:0;color:#ff5a47;font:inherit;font-weight:700;font-size:16px;cursor:pointer;padding:0 0 0 12px}
.i-nl__f button:hover{color:#fff}
.i-nl small{display:block;margin-top:10px;color:#8a8a8a;font-size:12px;line-height:1.45}
.i-nl small a{color:#bdbdbd}
.i-nl__msg{margin-top:14px!important;color:#fff!important;font-weight:600}
.i-nl__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.i-footer{margin-top:0}
footer.wp-block-template-part{max-width:1200px;margin:96px auto 0}

/* ---------- mobile ---------- */
@media (max-width:781px){
	.i-row{grid-template-columns:44px minmax(0,1fr);gap:4px 12px}
	.i-row .i-excerpt,.i-row .i-date{grid-column:2;text-align:left}
	.i-row .i-excerpt{display:none}
	.i-rowi{grid-template-columns:44px 1fr;gap:4px 12px}
	.i-rowi .i-date{grid-column:2;text-align:left}
	.i-lead>*{grid-column:1/13}
	.i-indice__y{grid-template-columns:1fr}
	.i-gl{grid-template-columns:1fr 1fr}
	.i-gl__f figcaption{grid-template-columns:28px 1fr}
	.i-about,.i-mishima,.i-nl{grid-template-columns:1fr;gap:24px}
	.i-about__ph{max-width:200px}
	footer.wp-block-template-part{margin-top:64px}
}
@media (max-width:480px){
	.i-gl{grid-template-columns:1fr}
	.i-gl__f.is-wide{grid-column:auto}
}