/*
Theme Name: La Mia Song Modern
Theme URI: https://www.lamiasong.it/
Author: La Mia Song
Description: Tema moderno e leggero per La Mia Song.
Version: 1.4.3
Text Domain: lamiasong-modern
*/
:root{--ink:#171718;--paper:#f5f2ec;--acid:#d7ff39;--orange:#ff6248}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(1180px,calc(100% - 56px));margin:auto}.eyebrow{margin:0 0 20px;font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.site-header{min-height:720px;position:relative;overflow:hidden;color:#fff;background:#171718}.nav{height:96px;display:flex;position:relative;z-index:2;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:800;line-height:.8;letter-spacing:-.05em}.brand-mark{display:grid;width:31px;height:31px;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:20px}.nav-links,.menu{display:flex;gap:29px;margin:0;padding:0;list-style:none;font-size:13px;font-weight:600}.nav-links a:hover,.text-link:hover{color:var(--acid)}.button{display:inline-flex;align-items:center;gap:23px;padding:16px 20px;border:0;border-radius:100px;background:var(--acid);color:var(--ink);font-size:13px;font-weight:800;cursor:pointer;transition:transform .2s ease}.button:hover{transform:translateY(-3px)}.button span{font-size:18px;line-height:10px}.button-small{padding:11px 16px}.hero-content{position:relative;z-index:1;padding-top:120px}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.07em;font-weight:750;line-height:.91}h1{max-width:740px;font-size:clamp(64px,9vw,140px)}em{font-family:Georgia,serif;font-weight:400}.hero-copy{width:min(390px,85vw);margin:35px 0;font-size:17px;line-height:1.45;color:#c6c6c1}.hero-actions{display:flex;align-items:center;gap:28px}.text-link{display:inline-flex;gap:8px;align-items:center;font-size:13px;font-weight:700}.text-link span{font-size:18px}.hero-art{position:absolute;inset:0;pointer-events:none}.orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-one{width:500px;height:500px;right:-50px;top:106px;background:radial-gradient(circle at 35% 30%,#ff846a,#b52c5c 54%,#382178 72%)}.orb-two{width:230px;height:230px;right:350px;bottom:-88px;background:#d7ff39}.record{display:grid;place-items:center;position:absolute;width:340px;height:340px;right:76px;top:188px;border-radius:50%;background:repeating-radial-gradient(circle,#121212 0 2px,#27272a 3px 5px);box-shadow:0 22px 45px #0005;transform:rotate(-15deg)}.record-label{display:grid;place-content:center;width:115px;height:115px;border-radius:50%;background:#d7ff39;color:#171718;text-align:center;font-size:22px;font-weight:900;line-height:.75}.record-label small{font-size:9px;letter-spacing:.08em}.vertical-copy{position:absolute;right:25px;top:205px;writing-mode:vertical-rl;font-size:10px;font-weight:700;letter-spacing:.17em}.scroll-note{position:absolute;left:max(28px,calc((100% - 1180px)/2));bottom:32px;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.scroll-note span{display:inline-block;width:28px;height:1px;margin:0 8px 3px 0;background:var(--acid)}.statement{padding:135px 0 145px}.statement-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:80px;align-items:end}.statement h2,.section-heading h2{font-size:clamp(45px,6vw,80px)}.statement-grid>p{max-width:340px;font-size:18px;line-height:1.5}.catalogue{padding:106px 0 110px;background:#e8e6e0}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:53px}.section-heading h2{margin-bottom:0}.track-list{border-top:1px solid #aaa8a1}.track{display:grid;grid-template-columns:60px 70px 1fr 80px 25px;gap:18px;align-items:center;min-height:119px;border-bottom:1px solid #aaa8a1}.track-number,.track-time{color:#5c5b58;font-size:12px;font-weight:700}.play{width:46px;height:46px;border:0;border-radius:50%;color:#fff;cursor:pointer}.coral{background:var(--orange)}.violet{background:#7b5bdb}.blue{background:#2e72be}.track-title h3{margin:0 0 6px;font-size:25px;letter-spacing:-.05em}.track-title p{margin:0;font-size:13px;color:#605f5b}.track>a{font-size:20px}.productions{background:#271d55;color:#fff;padding:120px 0}.productions-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px}.production-copy h2{font-size:clamp(45px,5.6vw,74px)}.production-copy>p:not(.eyebrow){max-width:390px;margin:32px 0;color:#c8c3e8;line-height:1.55}.button-light{background:#fff}.sound-card{padding:27px;min-height:360px;display:flex;flex-direction:column;justify-content:space-between;border-radius:18px;color:#171718;background:#d7ff39;box-shadow:15px 15px 0 #ff6248;transform:rotate(3deg)}.card-top{display:flex;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:.1em}.wave{overflow:hidden;white-space:nowrap;font-size:70px;letter-spacing:3px;line-height:1;transform:scaleY(1.55)}.sound-info{display:flex;align-items:center;justify-content:space-between}.sound-info strong,.sound-info span{display:block}.sound-info strong{font-size:20px;letter-spacing:-.05em}.sound-info span{margin-top:5px;font-size:12px}.sound-info button{width:40px;height:40px;border:0;border-radius:50%;background:#171718;color:#d7ff39}.services{padding:130px 0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #b1afa8}.service-grid article{min-height:300px;padding:25px 28px 23px 0;border-right:1px solid #b1afa8;display:flex;flex-direction:column}.service-grid article:not(:first-child){padding-left:28px}.service-grid article:last-child{border:0}.service-grid span{font-size:11px;font-weight:700;color:#74736f}.service-grid h3{margin:68px 0 14px;font-size:28px;letter-spacing:-.06em}.service-grid p{max-width:270px;line-height:1.45;color:#55544f}.service-grid a{margin-top:auto;font-size:12px;font-weight:800}.credits{padding:67px 0 75px;background:#ff6248}.names{display:flex;flex-wrap:wrap;gap:10px 22px;max-width:1000px}.names span{font-size:clamp(25px,4vw,53px);font-weight:700;letter-spacing:-.06em}.contact{padding:123px 0 64px;background:var(--acid)}.contact h2{margin:0 0 37px;font-size:clamp(58px,9vw,120px)}.button-dark{background:#171718;color:#fff}.contact-details{margin:92px 0 0;font-size:13px;font-weight:600;line-height:1.6}.site-footer{min-height:125px;display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600}.site-footer div{display:flex;gap:20px}.wp-content{padding:90px 0}.wp-content h1{font-size:clamp(48px,7vw,90px)}.wp-content p,.wp-content li{font-size:18px;line-height:1.65}@media(max-width:760px){.container{width:min(100% - 36px,1180px)}.site-header{min-height:690px}.nav-links,.menu{display:none}.hero-content{padding-top:84px}.hero-art .orb-one{width:290px;height:290px;right:-70px;top:340px}.record{width:190px;height:190px;right:33px;top:390px}.record-label{width:70px;height:70px;font-size:14px}.vertical-copy{display:none}.orb-two{width:130px;height:130px;right:180px;bottom:-45px}.statement{padding:80px 0}.statement-grid,.productions-inner{grid-template-columns:1fr;gap:28px}.section-heading{align-items:start;flex-direction:column;gap:25px}.track{grid-template-columns:28px 53px 1fr 21px;gap:10px}.track-time{display:none}.track-title h3{font-size:21px}.productions{padding:85px 0}.sound-card{min-height:280px}.service-grid{grid-template-columns:1fr}.service-grid article,.service-grid article:not(:first-child){min-height:220px;padding:23px 0;border-right:0;border-bottom:1px solid #b1afa8}.service-grid h3{margin:40px 0 9px}.contact{padding-top:85px}.site-footer{padding:28px 0;align-items:flex-start;gap:20px;flex-wrap:wrap}.site-footer p{width:100%;order:3;margin:0}.site-footer .brand{font-size:12px}.button-small{font-size:11px}.hero-actions{gap:17px}.text-link{font-size:12px}}
