/*
Theme Name: karma
Theme URI: https://karma.sidebloom.com
Author: Sidebloom
Description: Tema per Karma Srl — workspace design, arredo per ufficio e acustica. Impianto editoriale: tipografia grande, molto bianco, fotografia a piena pagina, nessun elemento decorativo.
Version: 0.3.0
License: GNU General Public License v2 or later
Text Domain: karma
WPVibe: yes
*/

/* ===========================================================================
   KARMA — sistema visivo

   Registro: editoriale, non "template". Nessuna scheda con bordo, nessuna
   icona decorativa, nessun bottone pieno, nessuna ombra. Comandano il bianco,
   la fotografia in verticale e una tipografia grande e leggera.
   Il verde entra come segno minimo: un filetto, un punto, un passaggio.
   =========================================================================== */

:root{
	--k-verde:#00A066;
	--k-ink:#111111;
	--k-testo:#4a4a4a;
	--k-muto:#8a8a8a;
	--k-linea:#e4e4e4;
	--k-nero:#0d0d0d;
	--k-crema:#f6f5f3;
	--k-lato:clamp(20px, 5vw, 90px);
	--k-sezione:clamp(72px, 11vw, 170px);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
	margin:0;background:#fff;color:var(--k-testo);
	font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
	font-size:16px;line-height:1.78;font-weight:400;
	-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none;transition:color .3s ease,opacity .3s ease}
button{font-family:inherit}

/* ---------------------------------------------------------------------------
   Tipografia
--------------------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6{
	font-family:'Poppins',sans-serif;font-weight:300;
	color:var(--k-ink);margin:0 0 .6em;letter-spacing:-0.035em;line-height:1.06;
}
h1{font-size:clamp(38px,6.6vw,92px)}
h2{font-size:clamp(30px,4.4vw,62px)}
h3{font-size:clamp(24px,2.6vw,38px);line-height:1.12}
h4{font-size:clamp(20px,1.8vw,26px);line-height:1.2;letter-spacing:-0.02em}
h5{font-size:19px;line-height:1.3;letter-spacing:-0.015em;font-weight:400}
h6{font-size:16px;line-height:1.4;letter-spacing:-0.01em;font-weight:400}
p{margin:0 0 1.15em}
p:last-child{margin-bottom:0}
strong{font-weight:500;color:var(--k-ink)}

/* etichetta in maiuscoletto monospaziato: categorie, occhielli, dati */
.k-eti{
	font-family:'Chivo Mono',ui-monospace,monospace;
	font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;
	color:var(--k-muto);display:flex;align-items:center;gap:10px;
}
.k-eti::before{content:'';width:26px;height:1px;background:var(--k-verde);flex:0 0 26px}
.k-eti-verde{color:var(--k-verde)}
.k-eti-nudo::before{display:none}

/* titolo doppio: italiano grande + inglese corsivo, come nei riferimenti */
.k-titolo{margin-bottom:clamp(38px,5vw,74px)}
.k-titolo h2{margin-bottom:2px}
.k-titolo em{
	display:block;font-style:italic;font-family:'Inter',serif;
	font-size:clamp(15px,1.5vw,20px);color:var(--k-muto);font-weight:300;
	letter-spacing:0;
}

/* frase di apertura, in corsivo, come manifesto */
.k-manifesto{
	font-size:clamp(19px,2.15vw,30px);line-height:1.45;font-weight:300;
	color:var(--k-ink);font-style:italic;max-width:30ch;letter-spacing:-0.02em;
}
.k-manifesto a{border-bottom:1px solid var(--k-linea);padding-bottom:1px}
.k-manifesto a:hover{border-bottom-color:var(--k-verde);color:var(--k-verde)}

.k-intro{font-size:clamp(16.5px,1.35vw,19px);line-height:1.72;max-width:62ch;color:var(--k-testo)}

/* collegamento testuale, mai un bottone pieno */
.k-link{
	display:inline-block;font-family:'Chivo Mono',monospace;
	font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--k-ink);
	padding-bottom:7px;border-bottom:1px solid var(--k-ink);
}
.k-link:hover{color:var(--k-verde);border-bottom-color:var(--k-verde)}
.k-link-chiaro{color:#fff;border-bottom-color:rgba(255,255,255,.45)}
.k-link-chiaro:hover{color:var(--k-verde);border-bottom-color:var(--k-verde)}

::selection{background:var(--k-verde);color:#fff}

/* ---------------------------------------------------------------------------
   Impaginato
--------------------------------------------------------------------------- */
.k-wrap{width:100%;padding-left:var(--k-lato);padding-right:var(--k-lato);margin:0 auto;max-width:1720px}
.k-sez{padding-top:var(--k-sezione);padding-bottom:var(--k-sezione)}
.k-sez-sotto{padding-bottom:var(--k-sezione)}
.k-scuro{background:var(--k-nero);color:rgba(255,255,255,.66)}
.k-scuro h1,.k-scuro h2,.k-scuro h3,.k-scuro h4,.k-scuro h5,.k-scuro strong{color:#fff}
.k-scuro .k-titolo em,.k-scuro .k-eti{color:rgba(255,255,255,.42)}
.k-crema{background:var(--k-crema)}
.k-filetto{height:1px;background:var(--k-linea);border:0;margin:0}

/* ---------------------------------------------------------------------------
   Testata — impianto Deferrari+Modesti
--------------------------------------------------------------------------- */
.k-testata{
	position:fixed;top:0;left:0;right:0;z-index:900;
	padding:30px var(--k-lato);
	display:flex;align-items:center;justify-content:space-between;gap:30px;
	transition:background .5s cubic-bezier(.2,.8,.2,1),padding .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s ease;
}
.k-testata::after{
	content:'';position:absolute;left:var(--k-lato);right:var(--k-lato);bottom:0;height:1px;
	background:var(--k-linea);transform:scaleX(0);transform-origin:left;
	transition:transform .7s cubic-bezier(.2,.8,.2,1);
}
.k-testata.k-fissa{background:rgba(255,255,255,.97);backdrop-filter:blur(16px);padding-top:19px;padding-bottom:19px}
.k-testata.k-fissa::after{transform:scaleX(1)}

.k-logo{display:block;line-height:0;position:relative;z-index:2}
.k-logo img{height:24px;width:auto;transition:height .5s cubic-bezier(.2,.8,.2,1)}
.k-fissa .k-logo img{height:21px}
.k-logo .k-logo-chiaro{display:none}
.k-su-scuro:not(.k-fissa) .k-logo .k-logo-chiaro{display:block}
.k-su-scuro:not(.k-fissa) .k-logo .k-logo-scuro{display:none}

.k-nav{display:flex;align-items:center;gap:clamp(16px,2vw,34px)}
.k-nav ul{display:flex;align-items:center;gap:clamp(16px,2vw,34px);list-style:none;margin:0;padding:0}
.k-nav li{margin:0;padding:0;list-style:none}
.k-nav a{
	font-family:'Chivo Mono',ui-monospace,monospace;font-size:10px;
	letter-spacing:.22em;text-transform:uppercase;color:var(--k-ink);
	position:relative;padding:4px 0;white-space:nowrap;display:inline-block;
}
.k-nav a::after{
	content:'';position:absolute;left:0;right:100%;bottom:-2px;height:1px;
	background:var(--k-verde);transition:right .4s cubic-bezier(.2,.8,.2,1);
}
.k-nav a:hover::after,.k-nav .current-menu-item > a::after{right:0}
.k-nav .current-menu-item > a{color:var(--k-verde)}

.k-nav-tratto{color:var(--k-linea);font-size:11px;user-select:none}
.k-su-scuro:not(.k-fissa) .k-nav-tratto{color:rgba(255,255,255,.3)}

.k-lingua{display:flex;align-items:center;gap:9px}
.k-lingua a,.k-lingua-off{
	font-family:'Chivo Mono',monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;
}
.k-lingua-attiva{color:var(--k-verde)!important}
.k-lingua-attiva::after{display:none}
.k-lingua-off{color:var(--k-linea);cursor:default}
.k-su-scuro:not(.k-fissa) .k-nav a{color:#fff}
.k-su-scuro:not(.k-fissa) .k-nav .current-menu-item > a,
.k-su-scuro:not(.k-fissa) .k-lingua-attiva{color:var(--k-verde)!important}
.k-su-scuro:not(.k-fissa) .k-lingua-off{color:rgba(255,255,255,.3)}

/* il marchio compare nel menu a schermo intero, come firma */
.k-nav-marchio{display:none}

.k-burger{display:none;background:none;border:0;padding:8px;cursor:pointer;position:relative;z-index:2}
.k-burger i{display:block;width:22px;height:1px;background:var(--k-ink);margin:6px 0;transition:.35s cubic-bezier(.2,.8,.2,1)}
.k-su-scuro:not(.k-fissa) .k-burger i{background:#fff}

/* Col pannello aperto il fondo è bianco: marchio e stanghette tornano scuri
   anche sulle pagine che hanno la testata trasparente sopra l'apertura. */
.k-menu-aperto .k-testata{background:none!important;backdrop-filter:none}
.k-menu-aperto .k-testata::after{transform:scaleX(0)!important}
.k-menu-aperto .k-burger i{background:var(--k-ink)!important}
.k-menu-aperto .k-logo .k-logo-chiaro{display:none!important}
.k-menu-aperto .k-logo .k-logo-scuro{display:block!important}
.k-menu-aperto .k-burger i:nth-child(1){transform:translateY(7px) rotate(45deg)}
.k-menu-aperto .k-burger i:nth-child(2){opacity:0}
.k-menu-aperto .k-burger i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

@media (max-width:1024px){
	.k-burger{display:block}
	.k-nav{
		position:fixed;inset:0;background:#fff;flex-direction:column;
		align-items:flex-start;justify-content:center;gap:0;
		padding:0 var(--k-lato);z-index:-1;opacity:0;pointer-events:none;
		transition:opacity .45s cubic-bezier(.2,.8,.2,1);
	}
	.k-nav ul{flex-direction:column;align-items:flex-start;gap:0;width:100%}
	.k-nav li{width:100%}
	.k-menu-aperto .k-nav{opacity:1;pointer-events:auto;z-index:895}
	.k-nav{
		padding-top:calc(86px + env(safe-area-inset-top,0px));
		padding-bottom:calc(40px + env(safe-area-inset-bottom,0px));
		overflow-y:auto;-webkit-overflow-scrolling:touch;
	}
	.k-nav a{
		font-size:clamp(24px,5.4vw,42px);letter-spacing:-0.03em;text-transform:none;
		font-family:'Poppins',sans-serif;font-weight:300;color:var(--k-ink);
		padding:11px 0;border-bottom:1px solid var(--k-linea);width:100%;
	}
	.k-nav a::after{display:none}
	.k-nav-tratto{display:none}
	.k-lingua{margin-top:30px;gap:16px}
	.k-lingua a,.k-lingua-off{font-size:12px;border:0;padding:0;width:auto}
	.k-nav-marchio{display:block;position:absolute;left:var(--k-lato);bottom:44px;opacity:.16}
	.k-nav-marchio img{height:24px;width:auto}
}

/* ---------------------------------------------------------------------------
   Decoro dell'immagine coordinata
   Dal brand book: la targa verde con la punta, la griglia di costruzione
   a passo x / 3x / 5x, il marchio usato in grande come filigrana.
--------------------------------------------------------------------------- */

/* targa verde con punta, come nel manuale */
.k-targa{
	display:inline-flex;align-items:center;gap:9px;
	background:var(--k-verde);color:#fff;
	padding:8px 22px 8px 15px;
	font-family:'Chivo Mono',monospace;font-size:9.5px;
	letter-spacing:.24em;text-transform:uppercase;
	clip-path:polygon(0 0, calc(100% - 11px) 0, 100% 50%, calc(100% - 11px) 100%, 0 100%);
}
.k-targa-sx{
	padding:8px 15px 8px 22px;
	clip-path:polygon(11px 0, 100% 0, 100% 100%, 11px 100%, 0 50%);
}
.k-targa-vuota{background:none;color:var(--k-verde);border:1px solid var(--k-verde);clip-path:none;padding:7px 16px}

/* punta verde: lo stesso segno, isolato */
.k-punta{
	display:inline-block;width:7px;height:11px;background:var(--k-verde);
	clip-path:polygon(0 0, 100% 50%, 0 100%);vertical-align:middle;
}

/* filigrana: il marchio in grande, tagliato dal bordo */
.k-filigrana{position:relative;overflow:hidden}
.k-filigrana > *{position:relative;z-index:1}
.k-filigrana::before{
	content:'';position:absolute;z-index:0;pointer-events:none;
	right:-6%;bottom:-14%;width:min(62%,760px);aspect-ratio:578/142;
	background:var(--k-marchio) no-repeat right bottom/contain;
	opacity:.05;
}
.k-scuro.k-filigrana::before{opacity:.07}

/* griglia di costruzione: filetti verticali sottili come nel manuale */
.k-costruzione{position:relative}
.k-costruzione::before{
	content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
	background-image:linear-gradient(90deg,var(--k-linea) 1px,transparent 1px);
	background-size:calc(100% / 3) 100%;
	opacity:.55;
}
.k-scuro .k-costruzione::before,.k-costruzione.k-su-nero::before{
	background-image:linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px);
}
.k-costruzione > *{position:relative;z-index:1}

/* filetto verde di apertura sezione */
.k-tratto{display:block;width:52px;height:2px;background:var(--k-verde);margin-bottom:26px}
.k-tratto-lungo{width:100%;height:1px;background:var(--k-linea);position:relative;margin-bottom:clamp(30px,4vw,58px)}
.k-tratto-lungo::before{content:'';position:absolute;left:0;top:0;width:88px;height:1px;background:var(--k-verde)}

/* numerazione a colonna, con la punta */
.k-passo-n{
	font-family:'Chivo Mono',monospace;font-size:10.5px;letter-spacing:.16em;
	color:var(--k-verde);display:flex;align-items:center;gap:8px;
}

/* ---------------------------------------------------------------------------
   Apertura di pagina
--------------------------------------------------------------------------- */
.k-apertura{position:relative;min-height:92vh;display:flex;align-items:flex-end;overflow:hidden;background:#0d0d0d}
.k-apertura-media{position:absolute;inset:0}
.k-apertura-media video,.k-apertura-media img{width:100%;height:100%;object-fit:cover}
.k-apertura-velo{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.42) 0%,rgba(0,0,0,.05) 34%,rgba(0,0,0,.72) 100%)}
.k-apertura-testo{position:relative;z-index:2;width:100%;padding-bottom:clamp(50px,7vw,100px)}
.k-apertura h1{color:#fff;max-width:15ch;margin-bottom:.35em}
.k-apertura .k-eti{color:rgba(255,255,255,.6);margin-bottom:26px}
.k-apertura p{color:rgba(255,255,255,.82);max-width:48ch;font-size:clamp(16px,1.45vw,19px);line-height:1.68}

.k-apertura-breve{min-height:64vh}
.k-apertura-breve h1{max-width:20ch}

/* segno di discesa */
.k-giu{position:absolute;right:var(--k-lato);bottom:clamp(50px,7vw,100px);z-index:3;width:1px;height:64px;background:rgba(255,255,255,.28)}
.k-giu i{position:absolute;top:0;left:0;width:1px;height:24px;background:var(--k-verde);animation:kGiu 2.4s cubic-bezier(.4,0,.2,1) infinite}
@keyframes kGiu{0%{top:0;opacity:0}18%{opacity:1}82%{opacity:1}100%{top:40px;opacity:0}}

/* ---------------------------------------------------------------------------
   Griglia progetti — ritratto 3:4, molto respiro
--------------------------------------------------------------------------- */
.k-griglia{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,54px) clamp(18px,2.2vw,38px)}
@media (max-width:900px){.k-griglia{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.k-griglia{grid-template-columns:1fr}}

.k-scheda{display:block}
.k-scheda-img{position:relative;overflow:hidden;aspect-ratio:3/4;background:var(--k-crema)}
.k-scheda-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.16,.84,.28,1)}
.k-scheda-img::after{
	content:'';position:absolute;left:0;right:0;bottom:0;height:2px;
	background:var(--k-verde);transform:scaleX(0);transform-origin:left;
	transition:transform .7s cubic-bezier(.2,.8,.2,1);
}
.k-scheda:hover .k-scheda-img img{transform:scale(1.05)}
.k-scheda:hover .k-scheda-img::after{transform:scaleX(1)}
.k-scheda h4{margin:22px 0 4px;transition:color .3s ease}
.k-scheda:hover h4{color:var(--k-verde)}
.k-scheda .k-cat{
	font-family:'Chivo Mono',monospace;font-size:10.5px;letter-spacing:.18em;
	text-transform:uppercase;color:var(--k-muto);display:flex;align-items:center;gap:8px;
}
.k-scheda .k-cat::before{
	content:'';width:6px;height:9px;background:var(--k-linea);flex:0 0 6px;
	clip-path:polygon(0 0, 100% 50%, 0 100%);transition:background .3s ease;
}
.k-scheda:hover .k-cat::before{background:var(--k-verde)}

/* fascia orizzontale a due colonne */
.k-due{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,100px);align-items:center}
.k-due-testo{max-width:52ch}
@media (max-width:900px){.k-due{grid-template-columns:1fr;gap:34px}}
.k-ritratto{aspect-ratio:4/5;overflow:hidden}
.k-ritratto img{width:100%;height:100%;object-fit:cover}

/* immagine a piena larghezza */
.k-piena{position:relative;height:clamp(340px,58vw,720px);overflow:hidden}
.k-piena img,.k-piena video{width:100%;height:100%;object-fit:cover}

/* ---------------------------------------------------------------------------
   Elenchi di dati e indici
--------------------------------------------------------------------------- */
.k-indice{border-top:1px solid var(--k-linea)}
.k-indice-riga{
	display:grid;grid-template-columns:64px 1fr auto;gap:clamp(16px,3vw,50px);
	align-items:baseline;padding:clamp(22px,2.6vw,34px) 0;
	border-bottom:1px solid var(--k-linea);position:relative;
	transition:padding-left .5s cubic-bezier(.2,.8,.2,1);
}
.k-indice-riga::before{
	content:'';position:absolute;left:0;bottom:-1px;height:1px;width:100%;
	background:var(--k-verde);transform:scaleX(0);transform-origin:left;
	transition:transform .7s cubic-bezier(.2,.8,.2,1);
}
.k-indice-riga:hover{padding-left:16px}
.k-indice-riga:hover::before{transform:scaleX(1)}
.k-indice-riga .k-n{font-family:'Chivo Mono',monospace;font-size:11px;letter-spacing:.14em;color:var(--k-verde)}
.k-indice-riga h4{margin:0 0 6px}
.k-indice-riga p{font-size:15px;line-height:1.7;margin:0;max-width:62ch;color:var(--k-muto)}

.k-cifre{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,3vw,50px);border-top:1px solid var(--k-linea);padding-top:clamp(28px,3vw,44px)}
@media (max-width:760px){.k-cifre{grid-template-columns:repeat(2,1fr);gap:30px}}
.k-cifre > div{position:relative;padding-top:20px}
.k-cifre > div::before{content:'';position:absolute;left:0;top:0;width:20px;height:2px;background:var(--k-verde)}
.k-cifre strong{display:block;font-family:'Poppins',sans-serif;font-weight:300;font-size:clamp(30px,3.4vw,50px);line-height:1;letter-spacing:-0.04em;color:var(--k-ink)}
.k-cifre span{display:block;margin-top:12px;font-family:'Chivo Mono',monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--k-muto)}

/* nomi clienti in colonna */
.k-nomi{columns:3;column-gap:clamp(24px,4vw,70px);margin:0;padding:0;list-style:none}
@media (max-width:760px){.k-nomi{columns:2}}
.k-nomi li{
	padding:11px 0 11px 18px;border-bottom:1px solid var(--k-linea);
	font-size:15.5px;color:var(--k-ink);break-inside:avoid;position:relative;
	transition:padding-left .4s cubic-bezier(.2,.8,.2,1),color .3s ease;
}
.k-nomi li::before{
	content:'';position:absolute;left:0;top:50%;margin-top:-4px;
	width:6px;height:9px;background:var(--k-linea);
	clip-path:polygon(0 0, 100% 50%, 0 100%);transition:background .3s ease;
}
.k-nomi li:hover{padding-left:24px;color:var(--k-verde)}
.k-nomi li:hover::before{background:var(--k-verde)}

/* citazione */
.k-voce{max-width:64ch;position:relative;padding-left:clamp(20px,3vw,44px)}
.k-voce::before{content:'';position:absolute;left:0;top:8px;bottom:8px;width:1px;background:var(--k-verde)}
.k-voce p{font-size:clamp(19px,2vw,27px);line-height:1.5;font-weight:300;font-style:italic;color:var(--k-ink);letter-spacing:-0.018em}
.k-voce cite{display:block;margin-top:22px;font-style:normal;font-family:'Chivo Mono',monospace;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--k-muto)}

/* ---------------------------------------------------------------------------
   Comparsa allo scorrimento
--------------------------------------------------------------------------- */
.k-vieni{opacity:0;transform:translateY(22px);transition:opacity 1s cubic-bezier(.2,.8,.2,1),transform 1s cubic-bezier(.2,.8,.2,1)}
.k-vieni.k-visto{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
	.k-vieni{opacity:1;transform:none;transition:none}
	.k-giu i{animation:none}
}

/* ---------------------------------------------------------------------------
   Piede
--------------------------------------------------------------------------- */
.k-piede{background:var(--k-nero);color:rgba(255,255,255,.55);padding:clamp(60px,8vw,120px) 0 40px}
.k-piede-alto{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:clamp(26px,3.4vw,56px);padding-bottom:clamp(44px,6vw,80px)}
@media (max-width:1180px){.k-piede-alto{grid-template-columns:1fr 1fr 1fr;gap:clamp(26px,3vw,44px)}.k-piede-alto>div:first-child{grid-column:1/-1;margin-bottom:14px}}
@media (max-width:900px){.k-piede-alto{grid-template-columns:1fr 1fr;gap:38px}}
@media (max-width:560px){.k-piede-alto{grid-template-columns:1fr;gap:38px}.k-piede-alto>div:first-child{margin-bottom:0}}
.k-piede h2{color:#fff;max-width:16ch;margin-bottom:26px}
.k-piede h6{color:rgba(255,255,255,.4);font-family:'Chivo Mono',monospace;font-size:10px;letter-spacing:.24em;text-transform:uppercase;margin-bottom:16px}
.k-piede p{margin-bottom:20px;line-height:1.85;font-size:15px}
.k-piede a:hover{color:var(--k-verde)}
.k-piede-basso{
	border-top:1px solid rgba(255,255,255,.12);padding-top:26px;
	display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;
	font-size:12.5px;color:rgba(255,255,255,.36);
}
.k-piede-social{display:flex;gap:22px;font-family:'Chivo Mono',monospace;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase}

/* ---------------------------------------------------------------------------
   Pagine di contenuto
--------------------------------------------------------------------------- */
.entry-content{max-width:70ch;font-size:16.5px}
.entry-content h2{margin-top:1.6em}
.entry-content h3{margin-top:1.4em}
.entry-content ul,.entry-content ol{padding-left:20px}
.entry-content li{margin-bottom:9px}
.entry-content blockquote{border-left:1px solid var(--k-verde);padding-left:26px;margin:2em 0;font-style:italic;font-size:19px;color:var(--k-ink)}

/* ---------------------------------------------------------------------------
   Tour 3D a tutto schermo
--------------------------------------------------------------------------- */
.k-3d-fascia{background:var(--k-nero)}
.k-3d-guscio{position:relative;height:86vh;min-height:600px;overflow:hidden}
.k-3d-scena{position:absolute;inset:0}
.k-3d-scena canvas{display:block;width:100%;height:100%}

.k-3d-caricamento{
	position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;
	align-items:center;justify-content:center;gap:20px;background:var(--k-nero);
	transition:opacity .7s cubic-bezier(.2,.8,.2,1);
}
.k-3d-caricamento.via{opacity:0;pointer-events:none}
.k-3d-caricamento p{color:rgba(255,255,255,.42);font-family:'Chivo Mono',monospace;font-size:10px;letter-spacing:.26em;text-transform:uppercase;margin:0}
.k-3d-spinner{width:30px;height:30px;border:1px solid rgba(255,255,255,.14);border-top-color:var(--k-verde);border-radius:50%;animation:k3d 1s linear infinite}
@keyframes k3d{to{transform:rotate(360deg)}}

.k-3d-viste{position:absolute;left:var(--k-lato);top:34px;z-index:14;display:flex;gap:0}
.k-3d-viste button{
	background:none;border:0;border-bottom:1px solid rgba(255,255,255,.18);
	color:rgba(255,255,255,.6);padding:9px 20px;cursor:pointer;
	font-family:'Chivo Mono',monospace;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;
	transition:color .35s ease,border-color .35s ease;
}
.k-3d-viste button:first-child{padding-left:0}
.k-3d-viste button:hover{color:#fff}
.k-3d-viste button.attivo{color:var(--k-verde);border-bottom-color:var(--k-verde)}

.k-3d-lato{position:absolute;right:var(--k-lato);top:34px;bottom:34px;width:212px;z-index:14;display:flex;flex-direction:column}
.k-3d-lato h4{color:rgba(255,255,255,.35);font-family:'Chivo Mono',monospace;font-size:9.5px;letter-spacing:.26em;text-transform:uppercase;margin:0 0 16px;font-weight:400}
.k-3d-elenco{overflow-y:auto;flex:1;display:flex;flex-direction:column}
.k-3d-elenco button{
	display:flex;justify-content:space-between;align-items:baseline;gap:10px;
	background:none;border:0;border-bottom:1px solid rgba(255,255,255,.09);
	padding:11px 0;text-align:left;cursor:pointer;color:rgba(255,255,255,.68);
	font-size:13px;transition:color .3s ease,padding-left .4s cubic-bezier(.2,.8,.2,1);width:100%;
}
.k-3d-elenco button:hover{color:#fff;padding-left:8px}
.k-3d-elenco button.attivo{color:var(--k-verde);border-bottom-color:var(--k-verde);padding-left:8px}
.k-3d-elenco em{font-family:'Chivo Mono',monospace;font-style:normal;font-size:9.5px;color:rgba(255,255,255,.3)}

.k-3d-pannello{
	position:absolute;left:var(--k-lato);bottom:34px;z-index:16;width:360px;
	max-width:calc(100% - var(--k-lato) * 2);background:rgba(10,10,10,.92);
	backdrop-filter:blur(14px);opacity:0;transform:translateY(14px);pointer-events:none;
	transition:opacity .45s cubic-bezier(.2,.8,.2,1),transform .45s cubic-bezier(.2,.8,.2,1);
}
.k-3d-pannello.aperto{opacity:1;transform:none;pointer-events:auto}
.k-3d-foto{height:158px;background-size:cover;background-position:center;background-color:#1c1c1c}
.k-3d-corpo{padding:24px 26px 28px}
.k-3d-mq{display:block;font-family:'Chivo Mono',monospace;font-size:9.5px;letter-spacing:.22em;color:var(--k-verde);margin-bottom:10px}
.k-3d-pannello h3{color:#fff;font-size:26px;margin-bottom:12px}
.k-3d-pannello p{color:rgba(255,255,255,.64);font-size:14px;line-height:1.72;margin-bottom:22px}
.k-3d-chiudi{position:absolute;right:0;top:0;z-index:3;width:38px;height:38px;background:rgba(10,10,10,.75);border:0;color:#fff;font-size:19px;cursor:pointer;transition:background .3s ease}
.k-3d-chiudi:hover{background:var(--k-verde)}

.k-nota-3d{margin-top:34px;font-size:12.5px;line-height:1.75;color:var(--k-muto);max-width:52ch}

@media (max-width:1024px){
	.k-3d-guscio{height:auto;min-height:0}
	.k-3d-scena{position:relative;height:62vh;min-height:400px}
	.k-3d-viste{position:relative;left:auto;top:auto;padding:0 var(--k-lato);overflow-x:auto}
	.k-3d-lato{position:relative;right:auto;top:auto;bottom:auto;width:100%;padding:26px var(--k-lato)}
	.k-3d-elenco{max-height:230px}
	.k-3d-pannello{position:relative;left:auto;bottom:auto;width:100%;max-width:100%;opacity:1;transform:none;display:none}
	.k-3d-pannello.aperto{display:block}
}

/* ---------------------------------------------------------------------------
   Strumenti interattivi
--------------------------------------------------------------------------- */
.k-tool{display:grid;grid-template-columns:1.15fr 1fr;gap:0;border-top:1px solid var(--k-linea)}
@media (max-width:900px){.k-tool{grid-template-columns:1fr}}
.k-tool-comandi{padding:clamp(30px,3.4vw,54px) clamp(30px,3.4vw,54px) clamp(30px,3.4vw,54px) 0}
.k-tool-esito{padding:clamp(30px,3.4vw,54px);border-left:1px solid var(--k-linea);background:rgba(0,0,0,.015)}
@media (max-width:900px){
	.k-tool-comandi{padding:32px 0}
	.k-tool-esito{border-left:0;border-top:1px solid var(--k-linea);padding:32px 0}
}
.k-tool-scuro{border-top-color:rgba(255,255,255,.14)}
.k-tool-scuro .k-tool-esito{border-left-color:rgba(255,255,255,.14);background:rgba(255,255,255,.025)}
@media (max-width:900px){.k-tool-scuro .k-tool-esito{border-top-color:rgba(255,255,255,.14)}}

.k-campo{margin-bottom:30px}
.k-campo:last-child{margin-bottom:0}
.k-campo label,.k-campo-eti{
	display:block;font-family:'Chivo Mono',monospace;font-size:10px;
	letter-spacing:.2em;text-transform:uppercase;color:var(--k-muto);margin-bottom:13px;
}
.k-tool-scuro .k-campo label,.k-tool-scuro .k-campo-eti{color:rgba(255,255,255,.45)}

.k-range{display:flex;align-items:center;gap:20px}
.k-range input[type=range]{-webkit-appearance:none;appearance:none;flex:1;height:1px;background:var(--k-linea);outline:none}
.k-tool-scuro .k-range input[type=range]{background:rgba(255,255,255,.22)}
.k-range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:var(--k-verde);cursor:pointer;border:0}
.k-range input[type=range]::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--k-verde);cursor:pointer;border:0}
.k-range output{font-family:'Chivo Mono',monospace;font-size:13px;color:var(--k-ink);min-width:84px;text-align:right}
.k-tool-scuro .k-range output{color:#fff}

.k-scelte{display:flex;flex-wrap:wrap;gap:0}
.k-scelte button{
	border:0;border-bottom:1px solid var(--k-linea);background:none;padding:9px 18px 9px 0;
	margin-right:20px;cursor:pointer;font-size:13px;color:var(--k-muto);
	font-family:'Chivo Mono',monospace;letter-spacing:.1em;text-transform:uppercase;
	transition:color .3s ease,border-color .3s ease;
}
.k-scelte button:hover{color:var(--k-ink)}
.k-scelte button.attivo{color:var(--k-verde);border-bottom-color:var(--k-verde)}
.k-tool-scuro .k-scelte button{border-bottom-color:rgba(255,255,255,.18);color:rgba(255,255,255,.55)}
.k-tool-scuro .k-scelte button:hover{color:#fff}
.k-tool-scuro .k-scelte button.attivo{color:var(--k-verde);border-bottom-color:var(--k-verde)}

.k-opzioni{display:flex;flex-direction:column;gap:12px}
.k-opzioni label{font-family:inherit;font-size:14.5px;letter-spacing:0;text-transform:none;color:var(--k-testo);margin:0;display:flex;align-items:center;gap:11px;cursor:pointer}
.k-opzioni input{accent-color:var(--k-verde);width:15px;height:15px}

.k-riga{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:13px 0;border-bottom:1px solid var(--k-linea)}
.k-tool-scuro .k-riga{border-bottom-color:rgba(255,255,255,.1)}
.k-riga span{font-size:13.5px;color:var(--k-muto)}
.k-tool-scuro .k-riga span{color:rgba(255,255,255,.5)}
.k-riga strong{font-family:'Chivo Mono',monospace;font-size:14px;color:var(--k-ink);font-weight:400;text-align:right}
.k-tool-scuro .k-riga strong{color:#fff}
.k-riga-forte strong{font-size:17px;color:var(--k-verde)}
.k-avviso{margin-top:20px;padding-left:16px;border-left:1px solid var(--k-verde);font-size:13.5px;line-height:1.65;color:var(--k-ink)}
.k-tool-scuro .k-avviso{color:#fff}
.k-nota-tool{margin-top:18px;font-size:12px;line-height:1.65;color:var(--k-muto)}

.k-rt-numero{display:block;font-family:'Poppins',sans-serif;font-weight:200;font-size:clamp(46px,5vw,72px);line-height:1;color:#fff;letter-spacing:-0.04em}
.k-rt-barra{height:1px;background:rgba(255,255,255,.18);margin:24px 0 9px;overflow:hidden}
.k-rt-barra i{display:block;height:100%;background:var(--k-verde);width:0;transition:width .5s cubic-bezier(.2,.8,.2,1)}
.k-rt-scala{display:flex;justify-content:space-between;font-family:'Chivo Mono',monospace;font-size:9.5px;color:rgba(255,255,255,.3)}
.k-rt-esito{margin-top:24px;font-size:14px;line-height:1.7;padding-left:16px;border-left:1px solid var(--k-verde);color:rgba(255,255,255,.8)}
.k-rt-esito.medio{border-left-color:#d8a13a}
.k-rt-esito.male{border-left-color:#c0492f}

/* ---------------------------------------------------------------------------
   Modulo e recapiti
--------------------------------------------------------------------------- */
.k-form-riga{display:grid;grid-template-columns:1fr 1fr;gap:26px}
@media (max-width:767px){.k-form-riga{grid-template-columns:1fr;gap:0}}
.k-form-campo{margin-bottom:26px}
.k-form-campo label{display:block;font-family:'Chivo Mono',monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--k-muto);margin-bottom:10px}
.k-form-campo input,.k-form-campo select,.k-form-campo textarea{
	width:100%;border:0;border-bottom:1px solid var(--k-linea);background:none;
	padding:11px 0;font-size:16px;color:var(--k-ink);font-family:inherit;transition:border-color .3s ease;
}
.k-form-campo input:focus,.k-form-campo select:focus,.k-form-campo textarea:focus{border-bottom-color:var(--k-verde);outline:none}
.k-form-privacy label{font-family:inherit;font-size:13.5px;letter-spacing:0;text-transform:none;color:var(--k-testo);display:flex;gap:11px;align-items:flex-start;line-height:1.6}
.k-form-privacy input{accent-color:var(--k-verde);margin-top:3px;width:15px;height:15px;flex:0 0 15px;border-bottom:0}

.k-recapiti{border-left:1px solid var(--k-linea);padding-left:clamp(24px,3vw,52px)}
@media (max-width:900px){.k-recapiti{border-left:0;padding-left:0;border-top:1px solid var(--k-linea);padding-top:40px}}
.k-recapiti h6{font-family:'Chivo Mono',monospace;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--k-muto);margin:0 0 9px;font-weight:400}
.k-recapiti p{margin:0 0 26px;font-size:16px;line-height:1.75;color:var(--k-ink)}
.k-recapiti a:hover{color:var(--k-verde)}
.k-hm{margin-top:32px;padding-top:24px;border-top:1px solid var(--k-linea)}
.k-hm span{display:block;font-family:'Chivo Mono',monospace;font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--k-muto);margin-bottom:6px}
.k-hm strong{font-size:18px;font-weight:400;color:var(--k-ink);letter-spacing:-0.01em}
.k-mappa{filter:grayscale(1) contrast(1.04);transition:filter .5s ease}
.k-mappa:hover{filter:grayscale(0)}

/* ===========================================================================
   LA DIAGONALE

   Lo showroom di Karma ha una parete nord inclinata di 22 gradi: è la cosa
   che rende quell'edificio quell'edificio. Diventa il segno del sito.
   Le immagini si scoprono lungo quell'angolo, le sezioni si tagliano con
   quell'angolo, il sipario si ritira con quell'angolo.
   =========================================================================== */

:root{ --k-ang:22deg; }

/* --- rivelazione: la maschera si ritira in diagonale --------------------- */
.k-scopri{position:relative;overflow:hidden}
.k-js .k-scopri::after{
	content:'';position:absolute;inset:-2px;z-index:3;background:var(--k-crema);
	transform-origin:left center;
	transition:transform 1.35s cubic-bezier(.68,.02,.18,1);
	will-change:transform;
}
.k-scuro .k-scopri::after{background:var(--k-nero)}
.k-scopri.k-visto::after{transform:translate3d(102%,0,0) skewX(calc(var(--k-ang) * -1))}

.k-par img,.k-par video{will-change:transform;transform:scale(1.14)}

/* --- taglio diagonale fra sezioni --------------------------------------- */
.k-taglio{
	position:relative;
	clip-path:polygon(0 4.6vw, 100% 0, 100% 100%, 0 100%);
	margin-top:-4.6vw;
}
.k-taglio-giu{clip-path:polygon(0 0, 100% 0, 100% calc(100% - 4.6vw), 0 100%);padding-bottom:calc(var(--k-sezione) + 4.6vw)}
@media (max-width:760px){
	.k-taglio{clip-path:polygon(0 7vw, 100% 0, 100% 100%, 0 100%);margin-top:-7vw}
	.k-taglio-giu{clip-path:polygon(0 0, 100% 0, 100% calc(100% - 7vw), 0 100%)}
}

/* --- filetto inclinato, usato come segno di sezione ---------------------- */
.k-diag{display:block;width:64px;height:1px;background:var(--k-verde);transform:rotate(calc(var(--k-ang) * -1));transform-origin:left center;margin:0 0 34px}

/* ===========================================================================
   TITOLI A RIGHE
   =========================================================================== */
.k-riga-fuori{display:block;overflow:hidden;padding-bottom:.06em}
.k-riga-dentro{
	display:block;transform:translate3d(0,105%,0);
	transition:transform 1.15s cubic-bezier(.16,.84,.28,1);
	will-change:transform;
}
.k-visto .k-riga-dentro,.k-righe.k-visto .k-riga-dentro{transform:none}
.k-js .k-righe:not(.k-spezzato){opacity:0}
.k-righe.k-spezzato{opacity:1}
.k-sipario{display:none}
.k-js .k-sipario{display:flex}

/* ===========================================================================
   GRANA
   Una velatura finissima su tutto: toglie il "digitale piatto" alle
   campiture larghe e alle fotografie.
   =========================================================================== */
body::after{
	content:'';position:fixed;inset:0;z-index:940;pointer-events:none;opacity:.038;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");
	mix-blend-mode:multiply;
}

/* ===========================================================================
   SIPARIO DI APERTURA
   =========================================================================== */
.k-sipario{
	position:fixed;inset:0;z-index:9999;background:var(--k-nero);
	align-items:center;justify-content:center;
	transition:transform 1.25s cubic-bezier(.68,.02,.18,1),opacity .5s ease 1s;
}
.k-sipario img{height:30px;width:auto;opacity:.9;animation:kResp 1.9s ease-in-out infinite}
@keyframes kResp{0%,100%{opacity:.35}50%{opacity:.95}}
.k-sipario.k-via{transform:translate3d(0,-102%,0) skewY(calc(var(--k-ang) * -0.42));opacity:0}
@media (prefers-reduced-motion:reduce){
	.k-sipario{display:none}
	.k-scopri::after{display:none}
	.k-riga-dentro{transform:none;transition:none}
	.k-par img,.k-par video{transform:none!important}
	body::after{display:none}
}

/* ===========================================================================
   SEGNO CHE SEGUE IL PUNTATORE
   =========================================================================== */
.k-segno{
	position:fixed;left:0;top:0;z-index:930;pointer-events:none;
	width:82px;height:82px;border-radius:50%;background:var(--k-verde);color:#fff;
	display:flex;align-items:center;justify-content:center;
	font-family:'Chivo Mono',monospace;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;
	opacity:0;transform:translate(-50%,-50%) scale(.4);
	transition:opacity .35s ease,scale .45s cubic-bezier(.2,.8,.2,1);
	scale:.4;
}
.k-segno.k-on{opacity:1;scale:1}

/* ===========================================================================
   APERTURA — più scenografica
   =========================================================================== */
.k-apertura{min-height:100svh}
.k-apertura-media::after{
	content:'';position:absolute;inset:0;z-index:1;
	background:
		radial-gradient(120% 90% at 18% 88%, rgba(0,0,0,.62) 0%, rgba(0,0,0,0) 62%),
		linear-gradient(180deg, rgba(0,0,0,.46) 0%, rgba(0,0,0,0) 26%, rgba(0,0,0,.06) 52%, rgba(0,0,0,.78) 100%);
}
.k-apertura-velo{display:none}
.k-apertura h1{
	font-size:clamp(44px,8.4vw,132px);line-height:.94;letter-spacing:-0.045em;
	font-weight:200;max-width:13ch;margin-bottom:.4em;
}
.k-apertura .k-eti{color:rgba(255,255,255,.72);margin-bottom:clamp(20px,3vw,38px)}
.k-apertura .k-eti::before{background:var(--k-verde);width:40px}
.k-apertura p{max-width:44ch}

/* riga di dati in fondo all'apertura, come una didascalia tecnica */
.k-apertura-dati{
	position:absolute;left:var(--k-lato);right:var(--k-lato);bottom:26px;z-index:3;
	display:flex;gap:clamp(20px,4vw,64px);flex-wrap:wrap;
	padding-top:20px;border-top:1px solid rgba(255,255,255,.16);
}
.k-apertura-dati span{
	font-family:'Chivo Mono',monospace;font-size:9.5px;letter-spacing:.2em;
	text-transform:uppercase;color:rgba(255,255,255,.5);
}
.k-apertura-dati b{color:#fff;font-weight:400}
@media (max-width:760px){.k-apertura-dati{display:none}}

/* ===========================================================================
   MANIFESTO — la prima frase, grande
   =========================================================================== */
.k-manifesto{
	font-size:clamp(23px,3.2vw,46px);line-height:1.28;font-style:normal;
	font-weight:200;max-width:24ch;letter-spacing:-0.035em;font-family:'Poppins',sans-serif;
}
.k-manifesto a{
	border-bottom:1px solid var(--k-linea);padding-bottom:2px;
	transition:border-color .4s ease,color .4s ease;
}
.k-manifesto a:hover{color:var(--k-verde);border-bottom-color:var(--k-verde)}

/* ===========================================================================
   GRIGLIA PROGETTI — prima scheda grande, ritmo asimmetrico
   =========================================================================== */
.k-griglia{grid-template-columns:repeat(12,1fr);gap:clamp(30px,3.4vw,64px) clamp(18px,2.2vw,40px)}
.k-griglia > *{grid-column:span 4}
.k-griglia > *:nth-child(1){grid-column:span 7}
.k-griglia > *:nth-child(1) .k-scheda-img{aspect-ratio:4/3}
.k-griglia > *:nth-child(2){grid-column:span 5;align-self:end}
.k-griglia > *:nth-child(6){grid-column:span 8}
.k-griglia > *:nth-child(6) .k-scheda-img{aspect-ratio:16/10}
@media (max-width:900px){
	.k-griglia{grid-template-columns:repeat(2,1fr)}
	.k-griglia > *,.k-griglia > *:nth-child(1),.k-griglia > *:nth-child(2),.k-griglia > *:nth-child(6){grid-column:span 1}
	.k-griglia > *:nth-child(1) .k-scheda-img,.k-griglia > *:nth-child(6) .k-scheda-img{aspect-ratio:3/4}
}
@media (max-width:560px){.k-griglia{grid-template-columns:1fr}}

.k-scheda h4{font-size:clamp(19px,1.8vw,25px);font-weight:300;letter-spacing:-0.025em}
.k-scheda-img::before{
	content:'';position:absolute;inset:0;z-index:2;
	background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.34) 100%);
	opacity:0;transition:opacity .6s ease;
}
.k-scheda:hover .k-scheda-img::before{opacity:1}

/* ===========================================================================
   CIFRE — grandi, con la loro linea
   =========================================================================== */
.k-cifre strong{font-size:clamp(38px,4.6vw,74px);font-weight:200;letter-spacing:-0.05em}
.k-cifre > div::before{width:28px;transition:width .8s cubic-bezier(.2,.8,.2,1)}
.k-cifre.k-visto > div::before{width:100%}

/* ===========================================================================
   FASCIA VIDEO A PIENA LARGHEZZA
   =========================================================================== */
.k-piena{height:clamp(380px,66vw,860px)}
.k-piena::after{
	content:'';position:absolute;inset:0;
	background:linear-gradient(180deg,rgba(0,0,0,.22) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,.3) 100%);
}
.k-piena-didascalia{
	position:absolute;left:var(--k-lato);bottom:34px;z-index:3;
	font-family:'Chivo Mono',monospace;font-size:9.5px;letter-spacing:.22em;
	text-transform:uppercase;color:rgba(255,255,255,.72);
	display:flex;align-items:center;gap:12px;
}
.k-piena-didascalia::before{content:'';width:34px;height:1px;background:var(--k-verde)}

/* ===========================================================================
   CITAZIONE — a tutta pagina
   =========================================================================== */
/* La larghezza era in "ch", unità calcolata sul corpo del testo dell'elemento
   che la porta: qui il blockquote eredita 17px mentre il paragrafo dentro va
   a 52px. Risultato: un contenitore da ~220px con dentro caratteri da 52px,
   una parola per riga. La misura va espressa in unità indipendenti dal font. */
.k-voce{max-width:min(90vw,760px)}
.k-voce p{
	font-family:'Poppins',sans-serif;font-size:clamp(24px,3.4vw,52px);
	line-height:1.2;font-weight:200;font-style:normal;letter-spacing:-0.038em;
}
.k-voce::before{background:var(--k-verde);width:1px}
/* Sulle sezioni scure il colore d'inchiostro rendeva la citazione
   praticamente invisibile: nero su nero. Segue il colore della sezione. */
.k-scuro .k-voce p,.k-su-nero .k-voce p,.k-scuro .k-voce cite{color:#fff}
.k-scuro .k-voce cite{color:rgba(255,255,255,.5)}
/* La firma su fondo chiaro stava a 3,5:1, sotto la soglia di leggibilità. */
.k-voce cite{color:#6b6b6b}

/* ===========================================================================
   TITOLI DI APERTURA — scala secondo la lunghezza
   Il corpo da 132px è nato per titoli brevi ("Spazi consegnati"). I titoli
   riscritti per la ricerca sono lunghi il doppio: a quel corpo una parola
   come "Progettazione" è più larga della colonna e viene tagliata dal bordo.
   Tre gradini invece di uno, assegnati da PHP contando i caratteri.
   =========================================================================== */
.k-apertura h1{overflow-wrap:break-word}
.k-apertura h1.k-h1-medio{font-size:clamp(38px,6.2vw,88px);max-width:17ch;letter-spacing:-0.04em}
.k-apertura h1.k-h1-lungo{font-size:clamp(32px,4.9vw,68px);max-width:19ch;letter-spacing:-0.032em;line-height:1.02}

/* ===========================================================================
   INDICE — numeri più presenti
   =========================================================================== */
.k-indice-riga{grid-template-columns:clamp(52px,6vw,96px) 1fr}
.k-indice-riga .k-n{font-size:clamp(11px,1.1vw,14px)}
.k-indice-riga h4{font-size:clamp(20px,2vw,29px);font-weight:300;letter-spacing:-0.025em}

/* ===========================================================================
   PIEDE — titolo grande
   =========================================================================== */
.k-piede h2{font-size:clamp(30px,4.6vw,68px);font-weight:200;letter-spacing:-0.04em;line-height:1.06}
.k-piede-alto{align-items:start}

/* ===========================================================================
   VISITA DELLO SHOWROOM
   Pianta vettoriale sulle quote reali + fotografia dell'ambiente.
   =========================================================================== */
.k-visita-fascia{background:var(--k-nero);padding:clamp(40px,5vw,80px) 0 clamp(60px,7vw,110px)}
.k-visita{display:grid;grid-template-columns:1.35fr 1fr;gap:clamp(28px,3.4vw,64px);outline:none}
@media (max-width:900px){.k-visita{grid-template-columns:1fr;gap:28px}}

/* --- pianta --- */
.k-pianta{background:#0a0c0d;border:1px solid rgba(255,255,255,.09);padding:clamp(18px,2.4vw,40px)}
.k-pianta svg{width:100%;height:auto;display:block;overflow:visible}

.k-guscio{fill:#101315;stroke:rgba(255,255,255,.26);stroke-width:.13;vector-effect:non-scaling-stroke}
.k-guscio-trama{stroke:none}

.k-pianta-zona{cursor:pointer;outline:none}
.k-pianta-zona polygon{
	fill:rgba(255,255,255,.035);stroke:rgba(255,255,255,.14);stroke-width:.06;
	vector-effect:non-scaling-stroke;transition:fill .45s ease,stroke .45s ease;
}
.k-pianta-zona text{
	font-family:'Chivo Mono',monospace;font-size:.86px;fill:rgba(255,255,255,.36);
	pointer-events:none;transition:fill .4s ease;letter-spacing:.04em;
}
.k-pianta-zona:hover polygon{fill:rgba(255,255,255,.09);stroke:rgba(255,255,255,.3)}
.k-pianta-zona:hover text{fill:rgba(255,255,255,.7)}
.k-pianta-zona:focus-visible polygon{stroke:var(--k-verde);stroke-width:.12}
.k-pianta-zona.k-acceso polygon{fill:rgba(0,160,102,.3);stroke:var(--k-verde);stroke-width:.12}
.k-pianta-zona.k-acceso text{fill:#fff}

.k-diagonale{stroke:var(--k-verde);stroke-width:.2;vector-effect:non-scaling-stroke}
.k-diag-eti{
	font-family:'Chivo Mono',monospace;font-size:.62px;fill:var(--k-verde);
	letter-spacing:.14em;text-transform:uppercase;
}
.k-quote line{stroke:rgba(255,255,255,.18);stroke-width:.04;vector-effect:non-scaling-stroke}
.k-quote text{font-family:'Chivo Mono',monospace;font-size:.6px;fill:rgba(255,255,255,.34);letter-spacing:.1em}
.k-ingresso line{stroke:var(--k-verde);stroke-width:.26;vector-effect:non-scaling-stroke}
.k-ingresso text{font-family:'Chivo Mono',monospace;font-size:.58px;fill:rgba(255,255,255,.42);letter-spacing:.14em;text-transform:uppercase}

/* --- scheda dell'ambiente --- */
.k-visita-lato{display:flex;flex-direction:column;gap:clamp(18px,2vw,30px);min-width:0}
.k-lastra{border:1px solid rgba(255,255,255,.09);background:#0a0c0d;overflow:hidden}
.k-lastra-img{
	aspect-ratio:4/3;background:#14181a center/cover no-repeat;
	opacity:0;transition:opacity .8s cubic-bezier(.2,.8,.2,1);
}
.k-lastra.k-carica .k-lastra-img{opacity:1}
.k-lastra-corpo{padding:clamp(20px,2vw,30px)}
.k-lastra-testa{
	display:flex;justify-content:space-between;align-items:baseline;
	font-family:'Chivo Mono',monospace;font-size:10px;letter-spacing:.2em;
	text-transform:uppercase;margin-bottom:14px;
}
.k-lastra-testa b{color:var(--k-verde);font-weight:400}
.k-lastra-testa span{color:rgba(255,255,255,.4)}
.k-lastra h3{color:#fff;font-size:clamp(21px,2vw,28px);margin-bottom:11px;font-weight:300}
.k-lastra p{color:rgba(255,255,255,.6);font-size:14.5px;line-height:1.72;margin:0}

/* --- elenco ambienti --- */
.k-visita-elenco{display:flex;flex-direction:column;max-height:330px;overflow-y:auto;-webkit-overflow-scrolling:touch}
.k-visita-voce{
	display:grid;grid-template-columns:30px 1fr auto;gap:12px;align-items:baseline;
	background:none;border:0;border-bottom:1px solid rgba(255,255,255,.08);
	padding:11px 0;text-align:left;cursor:pointer;color:rgba(255,255,255,.62);
	font-size:13.5px;font-family:inherit;
	transition:color .3s ease,padding-left .45s cubic-bezier(.2,.8,.2,1);
}
.k-visita-voce i{font-family:'Chivo Mono',monospace;font-style:normal;font-size:10px;color:rgba(255,255,255,.28);letter-spacing:.1em}
.k-visita-voce em{font-family:'Chivo Mono',monospace;font-style:normal;font-size:10px;color:rgba(255,255,255,.28)}
.k-visita-voce:hover{color:#fff;padding-left:8px}
.k-visita-voce.k-acceso{color:var(--k-verde);border-bottom-color:rgba(0,160,102,.5);padding-left:8px}
.k-visita-voce.k-acceso i{color:var(--k-verde)}

/* ===========================================================================
   PANORAMA TRASCINABILE
   =========================================================================== */
.k-pano-fascia{background:var(--k-nero);padding-bottom:clamp(60px,7vw,110px)}
.k-pano{
	position:relative;overflow:hidden;background:#0a0c0d;
	height:clamp(320px,52vw,660px);cursor:grab;touch-action:pan-y;
}
.k-pano.k-preso{cursor:grabbing}
.k-pano-nastro{height:100%;will-change:transform}
.k-pano-nastro img{height:100%;width:auto;max-width:none;min-width:135%;object-fit:cover;display:block;user-select:none;-webkit-user-drag:none;pointer-events:none}
.k-pano::after{
	content:'';position:absolute;inset:0;pointer-events:none;
	background:linear-gradient(90deg,rgba(13,13,13,.5) 0%,rgba(13,13,13,0) 14%,rgba(13,13,13,0) 86%,rgba(13,13,13,.5) 100%);
}
.k-pano-guida{
	position:absolute;left:50%;bottom:28px;transform:translateX(-50%);z-index:3;
	display:flex;align-items:center;gap:11px;
	font-family:'Chivo Mono',monospace;font-size:9.5px;letter-spacing:.22em;
	text-transform:uppercase;color:rgba(255,255,255,.72);
	transition:opacity .6s ease;pointer-events:none;
}
.k-pano-guida.k-via{opacity:0}
.k-pano-guida i{width:36px;height:1px;background:var(--k-verde);display:block}
.k-pano-eti{
	position:absolute;left:var(--k-lato);top:26px;z-index:3;
	font-family:'Chivo Mono',monospace;font-size:9.5px;letter-spacing:.22em;
	text-transform:uppercase;color:rgba(255,255,255,.5);pointer-events:none;
}

/* ===========================================================================
   SCENA TRIDIMENSIONALE
   =========================================================================== */
.k-scena-fascia{background:var(--k-nero);padding-bottom:clamp(30px,4vw,56px)}
.k-scena-guscio{position:relative;height:clamp(420px,80vh,880px);overflow:hidden;background:#0a0d12}
.k-scena{position:absolute;inset:0;opacity:0;transition:opacity 1.4s cubic-bezier(.2,.8,.2,1)}
.k-scena.k-pronto{opacity:1}
.k-scena canvas{display:block;width:100%;height:100%;touch-action:none}

.k-scena-avvio{
	position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;
	align-items:center;justify-content:center;gap:20px;background:#0a0d12;
	transition:opacity .9s ease;pointer-events:none;
}
.k-scena.k-pronto ~ .k-scena-avvio{opacity:0}
.k-scena-avvio p{
	margin:0;font-family:'Chivo Mono',monospace;font-size:9.5px;letter-spacing:.26em;
	text-transform:uppercase;color:rgba(255,255,255,.4);
}
.k-scena-perc{display:block;width:min(220px,42vw);height:1px;background:rgba(255,255,255,.14);overflow:hidden}
.k-scena-perc i{display:block;height:100%;width:0;background:var(--k-verde);transition:width .5s cubic-bezier(.2,.8,.2,1)}

.k-scena-targhe{
	position:absolute;left:var(--k-lato);top:28px;z-index:5;display:flex;gap:0;
	flex-wrap:wrap;opacity:0;transition:opacity 1s ease .6s;
}
.k-scena.k-pronto ~ .k-scena-targhe{opacity:1}
.k-scena-targhe button{
	background:none;border:0;border-bottom:1px solid rgba(255,255,255,.2);
	color:rgba(255,255,255,.6);padding:9px 18px 9px 0;margin-right:20px;cursor:pointer;
	font-family:'Chivo Mono',monospace;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;
	transition:color .35s ease,border-color .35s ease;
}
.k-scena-targhe button:hover{color:#fff}
.k-scena-targhe button.attivo{color:var(--k-verde);border-bottom-color:var(--k-verde)}

.k-scena-didascalia{
	position:absolute;left:var(--k-lato);bottom:30px;z-index:5;
	display:flex;align-items:center;gap:12px;
	font-family:'Chivo Mono',monospace;font-size:9.5px;letter-spacing:.22em;
	text-transform:uppercase;color:rgba(255,255,255,.62);pointer-events:none;
	opacity:0;transition:opacity 1s ease .8s;
}
.k-scena.k-pronto ~ .k-scena-didascalia{opacity:1}
.k-scena-didascalia::before{content:'';width:34px;height:1px;background:var(--k-verde)}

.k-scena-aiuto{
	position:absolute;right:var(--k-lato);bottom:30px;z-index:5;
	font-family:'Chivo Mono',monospace;font-size:9px;letter-spacing:.2em;
	text-transform:uppercase;color:rgba(255,255,255,.3);pointer-events:none;
}
@media (max-width:760px){
	.k-scena-aiuto{display:none}
	.k-scena-targhe{left:20px;top:20px;gap:0}
	.k-scena-targhe button{padding:7px 12px 7px 0;margin-right:12px;font-size:9px}
}

.k-scena-comandi{
	position:absolute;right:var(--k-lato);top:28px;z-index:5;
	display:flex;flex-direction:column;align-items:flex-end;gap:14px;
	opacity:0;transition:opacity 1s ease .7s;
}
.k-scena.k-pronto ~ .k-scena-comandi{opacity:1}
.k-scena-gruppo{display:flex;gap:0;flex-wrap:wrap;justify-content:flex-end}
.k-scena-comandi button{
	background:none;border:0;border-bottom:1px solid rgba(255,255,255,.2);
	color:rgba(255,255,255,.6);padding:8px 0;margin-left:20px;cursor:pointer;
	font-family:'Chivo Mono',monospace;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;
	transition:color .35s ease,border-color .35s ease;
}
.k-scena-comandi button:hover{color:#fff}
.k-scena-comandi button.attivo{color:var(--k-verde);border-bottom-color:var(--k-verde)}

@media (max-width:900px){
	.k-scena-comandi{
		right:auto;left:20px;top:auto;bottom:64px;
		align-items:flex-start;gap:9px;
	}
	.k-scena-gruppo{justify-content:flex-start}
	.k-scena-comandi button{margin-left:0;margin-right:16px;font-size:9px;padding:6px 0}
	.k-scena-didascalia{bottom:24px}
}

.k-scena-nota{
	margin:clamp(24px,3vw,40px) 0 0;max-width:76ch;
	font-size:12.5px;line-height:1.75;color:rgba(255,255,255,.36);
}

/* ===========================================================================
   SINGOLO PROGETTO
   =========================================================================== */
.k-progetto-corpo{display:grid;grid-template-columns:1.6fr 1fr;gap:clamp(34px,5vw,96px);align-items:start}
@media (max-width:900px){.k-progetto-corpo{grid-template-columns:1fr;gap:44px}}
.k-progetto-testo .entry-content{max-width:62ch;font-size:clamp(16.5px,1.3vw,18.5px)}
.k-progetto-testo .entry-content p{margin-bottom:1.3em}

.k-forniture{margin-top:clamp(34px,4vw,56px);padding-top:28px;border-top:1px solid var(--k-linea)}
.k-forniture h6{
	font-family:'Chivo Mono',monospace;font-size:10px;letter-spacing:.22em;
	text-transform:uppercase;color:var(--k-muto);margin-bottom:16px;font-weight:400;
}
.k-forniture ul{list-style:none;margin:0;padding:0;columns:2;column-gap:34px}
@media (max-width:600px){.k-forniture ul{columns:1}}
.k-forniture li{
	padding:9px 0 9px 18px;position:relative;font-size:15.5px;
	color:var(--k-ink);border-bottom:1px solid var(--k-linea);break-inside:avoid;
}
.k-forniture li::before{
	content:'';position:absolute;left:0;top:50%;margin-top:-4px;
	width:6px;height:9px;background:var(--k-verde);
	clip-path:polygon(0 0, 100% 50%, 0 100%);
}

.k-progetto-scheda{border-left:1px solid var(--k-linea);padding-left:clamp(22px,2.6vw,44px);position:sticky;top:110px}
@media (max-width:900px){.k-progetto-scheda{border-left:0;padding-left:0;border-top:1px solid var(--k-linea);padding-top:34px;position:static}}
.k-progetto-scheda h6{
	font-family:'Chivo Mono',monospace;font-size:10px;letter-spacing:.22em;
	text-transform:uppercase;color:var(--k-muto);margin-bottom:20px;font-weight:400;
}
.k-progetto-scheda dl{margin:0 0 30px}
.k-progetto-scheda dt{
	font-family:'Chivo Mono',monospace;font-size:9.5px;letter-spacing:.2em;
	text-transform:uppercase;color:var(--k-muto);margin-bottom:5px;
}
.k-progetto-scheda dd{
	margin:0 0 18px;font-size:16px;color:var(--k-ink);line-height:1.5;
	padding-bottom:18px;border-bottom:1px solid var(--k-linea);
}
.k-progetto-scheda dd:last-of-type{border-bottom:0}

/* passaggio al progetto seguente */
.k-prossimo{position:relative;height:clamp(300px,44vw,520px);overflow:hidden;background:var(--k-nero)}
.k-prossimo a{display:block;height:100%;position:relative}
.k-prossimo-media{position:absolute;inset:0}
.k-prossimo-media img{width:100%;height:100%;object-fit:cover;opacity:.55;transition:opacity .8s ease,transform 1.6s cubic-bezier(.16,.84,.28,1)}
.k-prossimo a:hover .k-prossimo-media img{opacity:.72;transform:scale(1.04)}
.k-prossimo-testo{
	position:absolute;inset:0;z-index:2;display:flex;align-items:center;
	background:linear-gradient(90deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,.18) 60%,rgba(0,0,0,.4) 100%);
}
.k-prossimo h2{color:#fff;margin:.2em 0 .5em;font-size:clamp(28px,4vw,58px)}
.k-prossimo .k-eti{color:rgba(255,255,255,.6)}

/* ===========================================================================
   MATERIOTECA
   =========================================================================== */
.k-mat-filtri{display:flex;flex-wrap:wrap;gap:clamp(24px,4vw,64px);padding-bottom:clamp(24px,3vw,38px);border-bottom:1px solid var(--k-linea)}
.k-mat-conteggio{
	font-family:'Chivo Mono',monospace;font-size:10px;letter-spacing:.22em;
	text-transform:uppercase;color:var(--k-muto);padding:22px 0 clamp(26px,3vw,44px);
}
.k-mat-griglia{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(26px,3vw,54px) clamp(18px,2.2vw,38px)}
@media (max-width:900px){.k-mat-griglia{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.k-mat-griglia{grid-template-columns:1fr}}

.k-mat{border:1px solid var(--k-linea);display:flex;flex-direction:column;transition:border-color .4s ease}
.k-mat:hover{border-color:#c9c9c9}
.k-mat.k-preso{border-color:var(--k-verde)}
.k-mat-tinta{aspect-ratio:16/9;background-size:cover;background-position:center;position:relative}
.k-mat-tinta::after{content:'';position:absolute;inset:0;box-shadow:inset 0 -1px 0 rgba(0,0,0,.08)}
.k-mat-corpo{padding:clamp(20px,2vw,28px);display:flex;flex-direction:column;flex:1}
.k-mat-fam{
	font-family:'Chivo Mono',monospace;font-size:9.5px;letter-spacing:.2em;
	text-transform:uppercase;color:var(--k-verde);display:block;margin-bottom:10px;
}
.k-mat h4{font-size:19px;font-weight:400;letter-spacing:-0.02em;margin-bottom:10px}
.k-mat p{font-size:14.5px;line-height:1.65;color:var(--k-testo);margin-bottom:18px}

.k-mat-dati{display:grid;grid-template-columns:auto 1fr;gap:0 14px;margin:0 0 16px;font-size:13px}
.k-mat-dati dt{
	font-family:'Chivo Mono',monospace;font-size:9.5px;letter-spacing:.14em;
	text-transform:uppercase;color:var(--k-muto);padding:7px 0;border-bottom:1px solid var(--k-linea);
}
.k-mat-dati dd{margin:0;padding:7px 0;text-align:right;color:var(--k-ink);border-bottom:1px solid var(--k-linea)}

.k-mat-imp{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.k-mat-imp li{
	font-family:'Chivo Mono',monospace;font-size:9px;letter-spacing:.12em;text-transform:uppercase;
	color:var(--k-muto);border:1px solid var(--k-linea);padding:5px 9px;
}
.k-mat-scelta{
	margin-top:auto;padding-top:16px;border-top:1px solid var(--k-linea);
	display:flex;align-items:center;gap:10px;cursor:pointer;
	font-family:'Chivo Mono',monospace;font-size:9.5px;letter-spacing:.16em;
	text-transform:uppercase;color:var(--k-muto);transition:color .3s ease;
}
.k-mat-scelta:hover{color:var(--k-ink)}
.k-mat-scelta input{accent-color:var(--k-verde);width:15px;height:15px}
.k-preso .k-mat-scelta{color:var(--k-verde)}
.k-mat-vuoto{padding:44px 0;color:var(--k-muto);font-size:15px}

/* ===========================================================================
   ESITO DELLE RICHIESTE
   =========================================================================== */
.k-esito{
	padding:16px 20px;margin-bottom:26px;font-size:14.5px;line-height:1.6;
	border-left:2px solid var(--k-verde);background:rgba(0,160,102,.07);color:var(--k-ink);
}
.k-esito-no{border-left-color:#c0492f;background:rgba(192,73,47,.07)}
.k-scuro .k-esito{color:#fff;background:rgba(0,160,102,.14)}
.k-scuro .k-esito-no{background:rgba(192,73,47,.16)}

.k-diagnosi{margin-top:30px;padding-top:26px;border-top:1px solid rgba(255,255,255,.14)}
.k-diagnosi-invito{font-size:14.5px;line-height:1.7;color:rgba(255,255,255,.72);margin-bottom:22px}
.k-diagnosi .k-form-campo label{color:rgba(255,255,255,.45)}
.k-diagnosi .k-form-campo input[type=email]{border-bottom-color:rgba(255,255,255,.22);color:#fff}
.k-diagnosi .k-form-privacy label{color:rgba(255,255,255,.7)}

/* ===========================================================================
   DOMANDE FREQUENTI
   =========================================================================== */
.k-faq{max-width:88ch;margin-top:clamp(30px,4vw,52px)}
.k-faq-voce{border-bottom:1px solid var(--k-linea)}
.k-faq-voce summary{
	list-style:none;cursor:pointer;padding:24px 44px 24px 0;position:relative;
	font-family:'Poppins',sans-serif;font-weight:300;letter-spacing:-0.02em;
	font-size:clamp(18px,1.7vw,23px);color:var(--k-ink);transition:color .3s ease;
}
.k-faq-voce summary::-webkit-details-marker{display:none}
.k-faq-voce summary:hover{color:var(--k-verde)}
.k-faq-voce summary::after{
	content:'';position:absolute;right:6px;top:50%;width:13px;height:1px;
	background:var(--k-ink);transition:transform .4s cubic-bezier(.2,.8,.2,1);
}
.k-faq-voce summary::before{
	content:'';position:absolute;right:6px;top:50%;width:13px;height:1px;
	background:var(--k-ink);transform:rotate(90deg);
	transition:transform .4s cubic-bezier(.2,.8,.2,1),opacity .4s ease;
}
.k-faq-voce[open] summary::before{transform:rotate(0);opacity:0}
.k-faq-voce[open] summary{color:var(--k-verde)}
.k-faq-corpo{padding:0 clamp(30px,6vw,90px) 28px 0}
.k-faq-corpo p{font-size:16px;line-height:1.8;color:var(--k-testo);margin:0}
.k-faq-corpo a{color:var(--k-verde);border-bottom:1px solid rgba(0,160,102,.35)}

.k-elenco-chiaro{list-style:none;margin:24px 0 0;padding:0}
.k-elenco-chiaro li{
	padding:12px 0 12px 20px;position:relative;font-size:15.5px;line-height:1.7;
	color:rgba(255,255,255,.74);border-bottom:1px solid rgba(255,255,255,.1);
}
.k-elenco-chiaro li::before{
	content:'';position:absolute;left:0;top:20px;width:6px;height:9px;background:var(--k-verde);
	clip-path:polygon(0 0, 100% 50%, 0 100%);
}
.k-elenco-chiaro strong{color:#fff;font-weight:400}

/* ---------------------------------------------------------------------------
   Interfacce di WordPress dentro la pagina
--------------------------------------------------------------------------- */
#wpvibe-preview-banner,#wpvibe-preview-banner *,#wpadminbar,#wpadminbar *{word-break:normal;overflow-wrap:normal;hyphens:none}
#wpvibe-preview-banner{flex-wrap:wrap;row-gap:8px}
#wpvibe-preview-banner .wpvibe-info{min-width:0;flex:1 1 100%;order:3}
@media (max-width:782px){
	#wpvibe-preview-banner .wpvibe-info{display:none}
	#wpvibe-preview-banner{padding:8px 12px;gap:8px}
	#wpvibe-preview-banner .wpvibe-btn{white-space:nowrap}
}

/* ==========================================================================
   LA DIAGONALE — seconda passata
   Livello decorativo: fascio a 22° nell'apertura, filo verde lungo i tagli,
   angolo di mira sulle immagini, rombi sui filetti, trama nel piede.
   ========================================================================== */

/* fascio di linee a 22° nell'apertura */
.k-fascio{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.k-fascio i{position:absolute;top:-18%;height:136%;width:1px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.28) 30%,rgba(255,255,255,.28) 70%,transparent);transform:rotate(var(--k-ang));transform-origin:center}
.k-fascio i:nth-child(1){right:15%}
.k-fascio i:nth-child(2){right:calc(15% + 54px);background:linear-gradient(to bottom,transparent,rgba(255,255,255,.11) 32%,rgba(255,255,255,.11) 68%,transparent)}
.k-fascio i:nth-child(3){top:auto;bottom:-8%;height:52%;right:calc(15% - 40px);background:linear-gradient(to top,var(--k-verde),transparent);opacity:.8}
.k-fascio b{position:absolute;right:calc(15% + 18px);top:24%;font-family:'Chivo Mono',monospace;font-weight:400;font-size:9.5px;letter-spacing:.3em;color:rgba(255,255,255,.5);transform:rotate(var(--k-ang))}
@media (max-width:820px){
	.k-fascio i:nth-child(1){right:11%}
	.k-fascio i:nth-child(3){right:calc(11% - 34px)}
	.k-fascio i:nth-child(2),.k-fascio b{display:none}
}

/* filo verde lungo il bordo superiore dei tagli */
.k-taglio::after{content:'';position:absolute;left:0;top:calc(2.3vw + 1px);width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,160,102,.55) 16%,rgba(0,160,102,.55) 84%,transparent);transform:rotate(-2.634deg);transform-origin:center;pointer-events:none;z-index:4}
@media (max-width:640px){
	.k-taglio::after{top:calc(3.5vw + 1px);transform:rotate(-4.004deg)}
}

/* angolo di mira sulle immagini che si scoprono */
.k-scopri::before{content:'';position:absolute;right:14px;bottom:14px;width:20px;height:20px;border-right:1px solid rgba(255,255,255,.85);border-bottom:1px solid rgba(255,255,255,.85);z-index:2;opacity:0;transition:opacity .8s ease .9s;pointer-events:none}
.k-scopri.k-visto::before{opacity:.75}

/* rombo al termine del filetto lungo */
.k-tratto-lungo::after{content:'';position:absolute;right:0;top:-3px;width:7px;height:7px;border:1px solid var(--k-verde);transform:rotate(45deg);background:transparent}

/* rombo dopo le etichette verdi */
.k-eti-verde::after{content:'';display:inline-block;width:5px;height:5px;background:var(--k-verde);transform:rotate(45deg);margin-left:12px;vertical-align:1px;opacity:.9}

/* trama a 22° nel piede */
.k-piede{position:relative;overflow:hidden}
.k-piede-trama{position:absolute;top:0;right:0;width:min(38%,520px);height:140px;pointer-events:none;background:repeating-linear-gradient(calc(90deg + var(--k-ang)),transparent 0 10px,rgba(255,255,255,.05) 10px 11px);-webkit-mask-image:linear-gradient(to left,#000 40%,transparent);mask-image:linear-gradient(to left,#000 40%,transparent)}