/*
Theme Name: Italia Vogna
Theme URI: https://italiavogna.com
Author: Antonio Sacco
Author URI: https://italiavogna.com
Description: Tema ufficiale di Italia Vogna, cantautrice, interprete e pittrice.
Version: 1.0.6
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: italia-vogna
*/

:root{--ink:#1b1720;--cream:#f4efe6;--coral:#d7533f;--mustard:#d99a22;--teal:#176b69;--paper:#fffaf1}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.screen-reader-text{position:absolute;left:-9999px}.iv-section{padding:120px 8vw}.iv-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.28em;font-weight:700;margin:0 0 22px}.iv-eyebrow.dark{color:var(--coral)}h2{margin:0;font:400 clamp(50px,7vw,100px)/.94 Georgia,serif;letter-spacing:-.05em}h2 em{color:var(--coral);font-weight:400}
.iv-nav{position:absolute;top:0;left:0;z-index:20;width:100%;display:flex;align-items:center;justify-content:space-between;padding:28px 5vw;color:#fff}.iv-brand{font-size:15px;letter-spacing:.22em;font-weight:300}.iv-brand strong{font-weight:800}.iv-menu{display:flex;gap:34px;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.iv-menu a{opacity:.76;transition:.2s}.iv-menu a:hover,.iv-menu a:focus{opacity:1}
.iv-hero{min-height:100svh;position:relative;overflow:hidden;display:flex;align-items:center;padding:120px 8vw 70px;background:#1f171a;color:white}.iv-hero-image{position:absolute;inset:0 0 0 40%;background:center 22%/cover no-repeat}.iv-hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(21,16,20,.98) 0%,rgba(42,24,30,.88) 38%,rgba(20,14,18,.18) 76%),linear-gradient(0deg,rgba(12,8,10,.5),transparent 40%)}.iv-hero-copy{position:relative;z-index:2;max-width:760px}.iv-hero h1{font:400 clamp(88px,14vw,190px)/.7 Georgia,serif;letter-spacing:-.07em;margin:0}.iv-hero-line{margin:48px 0 25px 12px;font:italic 24px/1.35 Georgia,serif;color:#f4c68c}.iv-down{display:grid;place-items:center;width:50px;height:50px;border:1px solid rgba(255,255,255,.45);border-radius:50%;margin-left:12px;font-size:24px}.iv-vertical{position:absolute;right:2vw;bottom:70px;z-index:2;writing-mode:vertical-rl;text-transform:uppercase;letter-spacing:.2em;font-size:10px}
.iv-intro{display:grid;grid-template-columns:1fr .85fr;gap:7vw;align-items:start}.iv-intro-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:7vw;align-items:center}.iv-photo{min-height:620px;background:center/cover no-repeat;box-shadow:24px 24px 0 #dec88f}.iv-intro-copy{max-width:580px}.iv-intro-copy p{font-size:16px;line-height:1.8;color:#5f5960}.iv-intro-copy .lead{font:24px/1.5 Georgia,serif;color:var(--ink)}.iv-tags{display:flex;gap:16px;margin-top:40px}.iv-tags span{border-top:1px solid #c9beb0;padding:14px 30px 0 0;text-transform:uppercase;letter-spacing:.12em;font-size:11px}
.iv-project{position:relative;overflow:hidden;display:grid;grid-template-columns:1.1fr .7fr;gap:8vw;background:var(--teal);color:white;min-height:760px;align-items:center}.iv-project::after{content:"";position:absolute;width:500px;height:500px;border:1px solid rgba(255,255,255,.15);border-radius:50%;right:-140px;top:-120px;box-shadow:0 0 0 70px rgba(255,255,255,.035),0 0 0 140px rgba(255,255,255,.025)}.iv-project h2{font-size:clamp(65px,9vw,130px)}.iv-project h2 em{color:#f0bd65}.iv-translation{font:italic 18px Georgia,serif;color:#e7c99d;margin:25px 0 0}.iv-project-card{position:relative;z-index:2;border-left:1px solid rgba(255,255,255,.35);padding:35px 0 35px 45px;max-width:430px}.iv-project-card p{font-size:16px;line-height:1.8;color:#d8e4df}.iv-disc{display:block;width:52px;height:52px;border-radius:50%;background:var(--mustard);margin-bottom:40px}.iv-cultures{position:absolute;left:8vw;bottom:35px;display:flex;gap:18px;align-items:center;font-size:10px;letter-spacing:.26em;opacity:.65}
.iv-album{display:grid;grid-template-columns:.82fr 1.18fr;gap:8vw;align-items:start;background:#efe8dc}.iv-album-art{position:sticky;top:35px}.iv-album-art img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;box-shadow:22px 22px 0 #d5bd82}.iv-album-art>span{display:block;margin-top:38px;text-transform:uppercase;letter-spacing:.18em;font-size:10px;color:#72696d}.iv-album-player h2{font-size:clamp(52px,6vw,82px)}.iv-now-label{margin:42px 0 8px;text-transform:uppercase;letter-spacing:.18em;font-size:10px;color:var(--coral)}.iv-now-title{margin:0 0 18px;font:italic 28px Georgia,serif}.iv-album audio{width:100%;margin-bottom:30px;accent-color:var(--coral)}.iv-tracklist{list-style:none;margin:0;padding:0;border-top:1px solid #cfc3b5}.iv-tracklist li{margin:0}.iv-tracklist button{width:100%;display:flex;align-items:center;gap:22px;padding:17px 5px;border:0;border-bottom:1px solid #cfc3b5;background:transparent;color:var(--ink);font:18px Georgia,serif;text-align:left;cursor:pointer;transition:.2s}.iv-tracklist button span{font:10px Arial,sans-serif;letter-spacing:.14em;color:#958a8f}.iv-tracklist button:hover,.iv-tracklist button:focus,.iv-tracklist button.is-active{color:var(--coral);padding-left:12px}.iv-tracklist button.is-active::after{content:"In ascolto";margin-left:auto;font:9px Arial,sans-serif;text-transform:uppercase;letter-spacing:.13em}
.iv-quote{background:var(--mustard);text-align:center;padding:90px 18vw}.iv-quote blockquote{font:italic clamp(27px,4vw,52px)/1.25 Georgia,serif;margin:0}.iv-quote p{font-size:10px;text-transform:uppercase;letter-spacing:.22em;margin-top:28px}.iv-journey{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;background:var(--paper)}.iv-journey h2{font-size:clamp(52px,6vw,82px)}.iv-timeline article{display:grid;grid-template-columns:80px 1fr;gap:25px;padding:28px 0;border-top:1px solid #d7ccc0}.iv-timeline time{color:var(--coral);font-size:11px;text-transform:uppercase;letter-spacing:.14em}.iv-timeline h3{font:26px Georgia,serif;margin:0 0 8px}.iv-timeline p{margin:0;color:#6a6266;line-height:1.6}.iv-names{padding:28px 5vw;background:var(--coral);color:white;display:flex;gap:35px;overflow:hidden;white-space:nowrap;text-transform:uppercase;font-size:11px;letter-spacing:.13em;justify-content:center}.iv-names span::after{content:"✦";margin-left:35px;color:#f4bd69}
.iv-painting{display:grid;grid-template-columns:.85fr 1fr;gap:9vw;align-items:center}.iv-paint-block{min-height:510px;background:linear-gradient(145deg,#be432f,#df8c3f 48%,#237b77);display:flex;align-items:flex-end;justify-content:space-between;padding:35px;color:white;text-transform:uppercase;letter-spacing:.18em;font-size:11px;box-shadow:25px 25px 0 #dec88f}.iv-painting p:last-child{line-height:1.8;color:#625b5e;max-width:570px;margin-top:35px}.iv-gallery{background:var(--paper)}.iv-gallery-head{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:52px}.iv-gallery-head h2{font-size:clamp(48px,6vw,86px)}.iv-gallery-head>p{max-width:330px;color:#736a70;line-height:1.7}.iv-gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:175px;gap:14px}.iv-gallery-item{grid-column:span 4;grid-row:span 2;display:block;overflow:hidden;background:#d9d0cb}.iv-gallery-item.is-wide{grid-column:span 8}.iv-gallery-item.is-tall{grid-row:span 3}.iv-gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease,filter .55s ease}.iv-gallery-item:hover img,.iv-gallery-item:focus img{transform:scale(1.035);filter:saturate(1.08)}.iv-contact{text-align:center;background:#19141a;color:white}.iv-contact h2{font-size:clamp(58px,8vw,110px)}.iv-contact h2 em{color:#e8ad47}.iv-contact>p:not(.iv-eyebrow){color:#b9afb5;margin:32px auto;max-width:500px}.iv-button{display:inline-block;padding:17px 27px;background:var(--coral);text-transform:uppercase;letter-spacing:.14em;font-size:11px}.iv-social{display:flex;justify-content:center;gap:12px;margin-top:28px}.iv-social a{border:1px solid #514650;padding:11px 16px;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.iv-footer{display:flex;justify-content:space-between;align-items:center;padding:28px 5vw;background:#110e11;color:#857b82;font-size:11px}.iv-footer strong{color:white;letter-spacing:.16em}.iv-footer p{font:italic 15px Georgia,serif}
@media(max-width:800px){.iv-menu{display:none}.iv-hero-image{inset:0 0 0 10%;opacity:.62}.iv-hero-wash{background:linear-gradient(90deg,rgba(20,14,17,.94),rgba(20,14,17,.22))}.iv-hero h1{font-size:88px}.iv-vertical{display:none}.iv-section{padding:85px 7vw}.iv-intro,.iv-intro-layout,.iv-project,.iv-album,.iv-journey,.iv-painting{grid-template-columns:1fr}.iv-photo{min-height:460px}.iv-project{gap:55px}.iv-project-card{padding-left:25px}.iv-album{gap:70px}.iv-album-art{position:static}.iv-journey{gap:55px}.iv-names{justify-content:flex-start}.iv-paint-block{min-height:360px}.iv-gallery-head{display:block}.iv-gallery-head>p{margin-top:18px}.iv-gallery-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:220px;gap:9px}.iv-gallery-item,.iv-gallery-item.is-tall{grid-column:span 1;grid-row:span 1}.iv-gallery-item.is-wide{grid-column:span 2}.iv-quote{padding:70px 8vw}.iv-timeline article{grid-template-columns:55px 1fr}.iv-footer{gap:12px;flex-wrap:wrap}}

/* JPEG fallback for hosting and cache systems that do not serve WebP theme assets correctly. */
.iv-hero-image{background-image:url("assets/images/italia-vogna-hero.jpg")!important}
.iv-photo{background-image:url("assets/images/italia-vogna-biografia.jpg")!important}
