/* Direzione artistica: notte, luce elettrica, fotografia e movimento. */
:root{--bg:#050815;--surface:#0c1226;--text:#f6f8ff;--muted:#afbdd2;--accent:#67ddff;--line:#ffffff21;--max:1320px}
body{background:radial-gradient(ellipse at 85% 30%,#2447ac18,transparent 45%),var(--bg);font-family:'Segoe UI',Arial,sans-serif}
h1,h2,h3{font-weight:800;letter-spacing:-.055em}em{font-family:inherit;font-style:normal;font-weight:800;color:var(--accent)}
.shell{width:min(calc(100% - 64px),var(--max))}.section{padding:110px 0}.section-title{font-size:clamp(2.7rem,5.7vw,5.5rem);line-height:1}.eyebrow{font-size:.8125rem;font-weight:800;letter-spacing:.16em;display:flex;align-items:center;gap:12px}.eyebrow::before{content:'';width:28px;height:1px;background:currentColor;flex:none}
.site-header{background:#050815e8;backdrop-filter:blur(20px);border-color:#ffffff12}.home-page .site-header{position:absolute;inset:0 0 auto;background:linear-gradient(#050815b8,transparent);border:0;backdrop-filter:none}.nav{min-height:86px}.brand{font-weight:900;letter-spacing:.12em}.brand span{color:var(--accent);letter-spacing:.22em}.desktop-nav a{font-weight:650;color:#e2ebf8}.nav-cta{background:var(--text);color:#07101d;font-weight:800;border-radius:999px;padding:10px 22px}
.button{border-radius:999px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s,background .25s;font-weight:800;padding-inline:24px}.button.primary{background:linear-gradient(115deg,#3e70ff,#67ddff);border-color:transparent;color:#020919;box-shadow:0 8px 35px #3e70ff26}.button.primary:hover{background:linear-gradient(115deg,#6690ff,#9decff);transform:translateY(-3px);box-shadow:0 12px 42px #3e70ff45}.button::after{content:'';position:absolute;inset:-60% auto -60% -60%;width:35%;background:#ffffff38;transform:rotate(25deg);transition:left .6s;pointer-events:none}.button:hover::after{left:130%}.button:disabled{transform:none}.text-link{text-decoration:none;border-bottom:1px solid #67ddff60;padding-bottom:5px;transition:color .2s,border-color .2s}.text-link:hover{border-color:var(--accent)}
.hero{position:relative;isolation:isolate;min-height: min(980px,100svh);padding:150px 0 0;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:#050815}.hero-grid{display:block;position:static}.hero-content{position:relative;z-index:3;max-width:760px;padding:30px 0 5px}.hero h1{font-family:'Segoe UI',Arial,sans-serif;font-size:clamp(5.5rem,11.7vw,11.25rem);font-weight:900;line-height:.87;letter-spacing:-.07em;margin:0 0 30px}.hero h1 span{font:inherit;letter-spacing:inherit;color:transparent;-webkit-text-stroke:1.5px #e9f7ffdc}.hero-copy{font-family:inherit;font-size:clamp(1.3rem,2.2vw,1.9rem);font-weight:550;line-height:1.25;letter-spacing:-.025em;margin:20px 0 12px;max-width:29ch}.hero-copy br{display:none}.hero-note{max-width:42ch;font-size:1rem;color:#c6d5e7}.hero .actions{flex-direction:row;align-items:center;gap:20px;margin-top:24px}.hero-portrait{position:absolute;inset:0;z-index:-2;max-width:none;width:100%;margin:0;pointer-events:none}.hero-portrait img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:68% 32%;border-radius:0;filter:saturate(.78) contrast(1.04)}.hero-portrait::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#050815f2 0%,#050815c2 33%,#05081520 72%),linear-gradient(0deg,#050815 1%,#05081500 60%)}.hero-portrait figcaption{display:none}.hero::before{content:'';position:absolute;z-index:-1;inset:-25% -20% -20% 35%;background:radial-gradient(ellipse,#385cff35,transparent 60%);animation:stage-light 15s ease-in-out infinite alternate;pointer-events:none}.hero-foot{position:relative;z-index:3;margin-top:35px;padding:22px 0;border-top:1px solid #ffffff2b;border-bottom:0;font-size:.75rem;align-items:center}.hero-foot a{color:var(--text)}
.hero-release{position:absolute;z-index:4;bottom:110px;right:max(32px,calc((100vw - 1320px)/2));display:grid;grid-template-columns:70px 1fr;gap:16px;align-items:center;max-width:330px;padding:14px 20px 14px 14px;border:1px solid #ffffff35;border-radius:20px;background:#080f27b8;backdrop-filter:blur(20px);box-shadow:0 20px 50px #0004;transition:transform .3s,border-color .3s}.hero-release:hover{transform:translateY(-5px);border-color:var(--accent)}.hero-release img{width:70px;height:70px;object-fit:cover;border-radius:12px}.hero-release small{display:block;font-size:.6875rem;color:var(--accent);letter-spacing:.12em;text-transform:uppercase}.hero-release strong{display:block;font-size:1.1rem}.hero-release span{display:block;font-size:.8125rem;color:var(--muted)}
.artist-marquee{overflow:hidden;border-block:1px solid var(--line);background:#0b1123;padding:22px 0}.marquee-track{width:max-content;display:flex;animation:artist-loop 32s linear infinite}.marquee-track>span{display:flex;align-items:center;gap:45px;padding-right:45px;font-size:.875rem;text-transform:uppercase;font-weight:800;letter-spacing:.19em;white-space:nowrap}.marquee-track b{font-weight:400;color:var(--accent)}
.featured{background:transparent;position:relative;overflow:hidden}.featured::before{content:'';position:absolute;width:600px;height:600px;left:-200px;top:20px;background:radial-gradient(circle,#355dff23,transparent 65%);pointer-events:none}.featured-grid{grid-template-columns:.9fr 1.1fr;gap:clamp(50px,8vw,115px)}.featured-art{border:0;padding:0;max-width:530px;transform:rotate(-5deg);position:relative}.featured-art::before{content:'';position:absolute;inset:8% -5% -7% 10%;border:1px solid #67ddff50;border-radius:30px;transform:rotate(9deg);z-index:-1}.cover-art{border-radius:28px;box-shadow:0 30px 80px #0005}.featured-art .cover-art{border:1px solid #ffffff20}.stream-link{background:#ffffff06;border-radius:14px;font-weight:700;transition:transform .2s,background .2s,border-color .2s}.stream-link:hover{transform:translateY(-3px);background:#67ddff0e}
.music-grid{gap:24px}.song-cover{border-radius:22px;border:1px solid var(--line)}.song-cover img{transition:transform .65s cubic-bezier(.2,.65,.3,1),filter .6s}.song-cover:hover img{transform:scale(1.07);filter:brightness(.78)}.cover-label{border-radius:999px;padding:9px 15px;backdrop-filter:blur(10px);transform:translateY(8px);transition:opacity .3s,transform .3s}.song-cover:hover .cover-label,.song-cover:focus-visible .cover-label{transform:none;opacity:1}.song-info h3{font-weight:750;letter-spacing:-.02em}.song-info p{font-size:.875rem}.song-card{transition:transform .35s}.song-card:hover{transform:translateY(-7px)}
.story-section{background:linear-gradient(130deg,#10193380,#050815);position:relative}.story-photo{position:relative}.story-photo img{border-radius:30px;aspect-ratio:4/5;filter:saturate(.85);box-shadow:0 30px 80px #0004}.story-copy{position:relative}.story-copy::before{content:'ALEX';position:absolute;top:-85px;left:-10px;font-size:clamp(5rem,10vw,10rem);line-height:1;font-weight:900;letter-spacing:-.07em;color:#ffffff03;pointer-events:none}
.artist-quote{position:relative;min-height:620px;display:flex;align-items:flex-end;isolation:isolate;overflow:hidden;border-radius:36px;margin-block:40px 0;padding:70px}.artist-quote img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;z-index:-2}.artist-quote::after{content:'';position:absolute;inset:0;background:linear-gradient(15deg,#050815f2,#05081582 48%,#05081508);z-index:-1}.artist-quote blockquote{margin:0;max-width:850px;font:italic 500 clamp(2.25rem,4.8vw,5rem)/1.08 Georgia,serif;letter-spacing:-.035em}.artist-quote cite{display:block;margin-top:28px;font:600 .875rem/1.5 'Segoe UI',sans-serif;letter-spacing:.05em;color:var(--accent)}
.contact-banner{border:1px solid #67ddff2b;border-radius:32px;background:radial-gradient(ellipse at top right,#3e6cff36,transparent 75%),#0c1226;padding:50px;box-shadow:0 30px 70px #0003}.social-list a{transition:color .25s,padding .25s;font-weight:700}.social-list a:hover{padding-left:12px}.site-footer{background:#030610}.footer-brand{font-weight:850;text-transform:uppercase;letter-spacing:.03em}.footer-brand span{text-transform:none;letter-spacing:0;font-weight:400}.footer-note{padding-bottom:38px}
.page-hero{position:relative;padding-block:90px 70px;isolation:isolate}.page-hero::before{content:'';position:absolute;inset:0 0 -80px 25%;z-index:-1;background:radial-gradient(ellipse at top right,#3658f32b,transparent 65%);pointer-events:none}.page-hero h1{font-weight:850}.catalogue-item{padding:28px;margin-bottom:25px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(120deg,#ffffff06,#ffffff02);transition:transform .35s,border-color .35s}.catalogue-item:hover{transform:translateY(-4px);border-color:#67ddff55}.catalogue-item .cover{border-radius:18px}.catalogue-number{font-size:1rem;font-weight:800}.catalogue-item h2{font-weight:800}.contact-form{border-radius:28px;background:linear-gradient(145deg,#111b32,#0b1123);padding:38px}.field input,.field textarea,.field select{border-radius:12px;background:#05081588}.contact-details h2{font-weight:800}.song-hero{padding-top:55px}.song-hero-grid .cover-art{border:1px solid #ffffff26}.song-hero h1{font-weight:850}.song-body aside{position:sticky;top:125px;align-self:start}.live-section{background:#0b1123}.live-photo img{border-radius:30px}.links-avatar{box-shadow:0 0 0 7px #67ddff0f,0 0 60px #3e6cff40;border:1px solid #67ddff55}.links-card .eyebrow{justify-content:center}.links-stack a{border-radius:16px;background:#ffffff06;transition:transform .25s,border-color .25s}.links-stack a:hover{transform:translateY(-3px)}.links-stack .featured-link{background:linear-gradient(115deg,#3e70ff,#67ddff)}
.mobile-menu{border-radius:25px;box-shadow:0 25px 90px #0009;background:radial-gradient(ellipse at top right,#244eb940,transparent 65%),#070c1c}.mobile-menu[open]{animation:menu-enter .3s ease-out}.mobile-menu nav a{font-weight:850;letter-spacing:-.04em;font-size:clamp(2.1rem,9vw,3.2rem)}.menu-toggle,.menu-close{border-radius:999px}
@keyframes artist-loop{to{transform:translateX(-50%)}}@keyframes stage-light{from{transform:translate(-6%,0) scale(1);opacity:.65}to{transform:translate(6%,7%) scale(1.12);opacity:1}}@keyframes menu-enter{from{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:1100px){.hero-release{max-width:280px;right:30px;bottom:105px;grid-template-columns:54px 1fr}.hero-release img{width:54px;height:54px}.hero-content{max-width:65%}.hero h1{font-size:12vw}.hero .actions{max-width:550px}.featured-grid{gap:55px}.artist-quote{padding:50px;min-height:530px}}
@media(max-width:820px){.shell{width:calc(100% - 40px)}.section{padding:80px 0}.hero{min-height:850px;padding-top:120px}.hero-content{max-width:80%;padding-top:180px}.hero h1{font-size:clamp(5rem,14vw,8rem)}.hero-portrait img{object-position:65% 25%}.hero-portrait::after{background:linear-gradient(90deg,#050815d9,#05081520 90%),linear-gradient(0deg,#050815 1%,#05081515 95%)}.hero-release{display:none}.hero-foot{margin-top:25px}.hero-copy{font-size:1.5rem}.featured-grid{gap:35px}.contact-banner{padding:32px}.catalogue-item{padding:22px}.page-hero{padding-block:65px 50px}.artist-quote{border-radius:26px;padding:35px;min-height:480px}.song-body aside{position:static}html:not(.has-menu) .home-page .site-header{position:relative}}
@media(max-width:600px){.shell{width:calc(100% - 36px)}.section{padding:65px 0}.hero{min-height:780px;min-height:max(760px,100svh);padding:110px 0 0;justify-content:flex-end}.hero-grid{display:block}.hero-content{padding:170px 0 5px;max-width:100%}.hero h1{font-size:clamp(4rem,20vw,7rem);margin-bottom:22px}.hero h1 span{-webkit-text-stroke:1px #f0f7ffed}.hero .eyebrow{font-size:.75rem;letter-spacing:.1em;margin-bottom:18px}.hero-copy{font-size:1.4rem;max-width:25ch;margin-top:16px}.hero-note{font-size:.9375rem;max-width:34ch}.hero .actions{gap:10px 18px;margin-top:22px}.hero .button{font-size:.875rem;min-height:50px;padding-inline:18px}.hero .text-link{font-size:.875rem}.hero-portrait{max-width:none;align-self:auto}.hero-portrait img{aspect-ratio:auto;object-position:63% 15%;border-radius:0;filter:saturate(.85)}.hero-portrait::after{background:linear-gradient(180deg,#05081515 0%,#05081530 24%,#050815c9 52%,#050815 96%)}.hero-foot{margin-top:25px;padding-block:18px;font-size:.6875rem}.artist-marquee{padding:17px 0}.marquee-track>span{font-size:.75rem;gap:25px;padding-right:25px}.featured-grid{grid-template-columns:1fr;gap:45px}.featured-art{width:87%;margin:auto}.cover-art{border-radius:24px}.featured-art::before{border-radius:24px}.section-title{font-size:clamp(2.6rem,11vw,3.7rem)}.song-cover{border-radius:16px}.music-grid{gap:22px 14px}.song-info h3{font-size:1rem}.song-info p{font-size:.8125rem}.cover-label{display:none}.story-photo img{border-radius:24px}.story-copy::before{display:none}.artist-quote{min-height:460px;padding:28px;border-radius:25px;margin-top:15px}.artist-quote blockquote{font-size:clamp(2rem,8.5vw,3rem)}.contact-banner{padding:30px;border-radius:25px}.catalogue-item{grid-template-columns:82px minmax(0,1fr);padding:17px;gap:16px;border-radius:22px}.catalogue-item .cover{border-radius:12px}.catalogue-item h2{font-size:1.75rem}.catalogue-item .actions{align-items:flex-start}.contact-form{padding:26px 19px;border-radius:24px}.live-photo img{border-radius:24px}.song-hero h1{font-size:clamp(3rem,13vw,4.5rem)}.footer-note{padding-bottom:46px}.hero-portrait figcaption{display:none}}
@media(prefers-reduced-motion:reduce){.marquee-track,.hero::before,.mobile-menu[open]{animation:none!important}.marquee-track{width:auto;flex-wrap:wrap;justify-content:center;gap:10px}.marquee-track>span{flex-wrap:wrap;justify-content:center;white-space:normal;gap:15px;padding:0 15px}.marquee-track>span+span{display:none}.button:hover,.song-card:hover,.catalogue-item:hover,.links-stack a:hover{transform:none}}

/* Compact mobile navigation: stable columns, no wrapping at 320px. */
@media(max-width:600px){
 .has-menu .site-header .nav{display:grid;grid-template-columns:minmax(0,1fr) auto 44px;gap:8px;flex-wrap:nowrap;min-height:76px;padding-block:12px}
 .site-header .brand{font-size:clamp(.875rem,4vw,1rem);letter-spacing:.075em;white-space:nowrap;min-width:0}
 .site-header .brand span{font-size:.65625rem;letter-spacing:.17em;margin-top:5px}
 .site-header .nav-cta{white-space:nowrap;font-size:.8125rem;padding:11px 14px;min-height:44px;line-height:20px;margin-left:0;text-align:center}
 .has-menu .site-header .menu-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;padding:0;gap:0;font-size:0;line-height:0;background:#ffffff08;transition:background .25s,border-color .25s}
 .site-header .menu-toggle span{display:block;width:18px;height:12px;font-size:0;border-block:1.5px solid currentColor;position:relative;transition:transform .3s}
 .site-header .menu-toggle span::after{content:'';position:absolute;top:4px;left:0;width:13px;height:1.5px;background:currentColor;transition:width .25s}
 .site-header .menu-toggle:hover{border-color:#67ddff80;background:#67ddff12}
 .site-header .menu-toggle:hover span::after{width:18px}
 .footer-note{padding-bottom:8px}
}
.mobile-menu[open] nav a{animation:menu-link-enter .45s cubic-bezier(.22,1,.36,1) both}
.mobile-menu[open] nav a:nth-child(2){animation-delay:45ms}
.mobile-menu[open] nav a:nth-child(3){animation-delay:90ms}
.mobile-menu[open] nav a:nth-child(4){animation-delay:135ms}
@keyframes menu-link-enter{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.mobile-menu[open] nav a{animation:none}}
.site-header{container-type:inline-size}
.site-header .nav > .nav-cta{display:none!important}
@media(width > 768px){
 .site-header .nav > .nav-cta:not([hidden]){display:inline-flex!important;align-items:center;justify-content:center;gap:.45em}
}
@media(max-width:768px){
 .has-menu .site-header .nav{grid-template-columns:minmax(0,1fr) auto}
}
@container(max-width:768px){
 .site-header .nav > .nav-cta:not([hidden]){display:none!important}
 .has-menu .site-header .nav{grid-template-columns:minmax(0,1fr) auto}
}
.site-header .nav > .nav-cta[hidden]{display:none!important}
.has-menu .site-header.compact-header .nav{grid-template-columns:minmax(0,1fr) auto}
.eyebrow::before{width:6px;height:6px;border-radius:50%;flex:0 0 6px;background:currentColor}
/* Full navigation above 768px; menu only at 768px and below. */
@media(width > 768px){
 .site-header .nav{display:flex;flex-wrap:nowrap}
 .has-menu .site-header .desktop-nav,.site-header .desktop-nav{display:flex;order:0;width:auto;margin-left:auto;justify-content:initial}
 .has-menu .site-header .menu-toggle,.site-header .menu-toggle{display:none!important}
}
@media(width > 768px) and (max-width:1050px){
 .site-header .nav{gap:20px;min-height:80px}
 .site-header .brand{font-size:.9375rem;letter-spacing:.08em;white-space:nowrap}
 .site-header .desktop-nav{gap:20px}
 .site-header .desktop-nav a{font-size:.875rem;white-space:nowrap}
 .site-header .nav-cta{font-size:.875rem;padding:10px 18px;white-space:nowrap;margin-left:0}
}