@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--lime:#d7ff3f;--black:#10110f;--paper:#ededdf;--muted:#a0a296}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--black);color:var(--paper);font-family:'DM Sans',sans-serif}
a{color:inherit;text-decoration:none}
button{font:inherit}
a:focus-visible,button:focus-visible{outline:3px solid var(--lime);outline-offset:6px}
::selection{color:var(--black);background:var(--lime)}
header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;border-bottom:1px solid #ffffff25;position:absolute;z-index:5;width:100%}
.logo{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:30px;letter-spacing:-1px}
.logo span{color:var(--lime)}
nav{display:flex;gap:34px;align-items:center;font-size:14px}
.nav-contact{border:1px solid #777b68;padding:12px 22px;border-radius:30px}
nav a:hover{color:var(--lime)}
.hero{min-height:850px;height:100svh;max-height:1180px;position:relative;overflow:hidden;padding:140px 4.5% 42px;display:flex;flex-direction:column;justify-content:space-between;background:#141711}
.hero-photo{position:absolute;right:0;top:0;width:67%;height:100%;object-fit:cover;object-position:50% 35%;filter:grayscale(100%) brightness(.57);z-index:0}
.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#10110ff2 0%,#10110f9c 37%,transparent 70%),linear-gradient(0deg,#10110f 0%,transparent 36%);pointer-events:none}
.hero>*:not(.hero-photo){z-index:2;position:relative}
#particles{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.eyebrow{font-size:13px;font-weight:600;letter-spacing:2px;text-transform:uppercase;display:flex;align-items:center;gap:14px}
.eyebrow:before{content:'';width:26px;height:1px;background:var(--lime)}
.hero h1{font-family:'Barlow Condensed',sans-serif;font-size:clamp(115px,20.5vw,320px);letter-spacing:-.035em;line-height:.8;margin:46px 0 24px;font-weight:800}
.hero h1 span{display:block;color:var(--lime);font-size:.5em;letter-spacing:-.025em;margin-top:22px}
.hero-copy{max-width:330px;color:#bfc2b7;font-size:17px;line-height:1.7;margin-top:30px}
.hero-actions{display:flex;gap:12px;margin-top:25px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--lime);color:#10110f;padding:17px 26px;border:1px solid var(--lime);font-size:14px;font-weight:700;border-radius:3px;transition:transform .25s,background .25s}
.button:hover{transform:translateY(-4px);background:#e4ff84}
.button.ghost{background:transparent;color:var(--paper);border-color:#666b5b}
.hero-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:35px;font-size:12px;letter-spacing:2px;color:#b8bcae}
.hero-bottom p{margin:0}
.hero-bottom .coordinate{display:flex;gap:10px;align-items:center}
.equalizer{display:flex;height:18px;align-items:end;gap:3px}
.equalizer i{display:block;width:3px;height:100%;background:var(--lime);animation:eq 1s ease-in-out infinite alternate}
.equalizer i:nth-child(2){animation-delay:-.3s;height:50%}
.equalizer i:nth-child(3){animation-delay:-.7s;height:80%}
.equalizer i:nth-child(4){animation-delay:-.4s;height:35%}
@keyframes eq{to{height:25%}
}
.edition{position:absolute!important;right:4.5%;top:42%;writing-mode:vertical-rl;font-size:12px;letter-spacing:4px}
.marquee{overflow:hidden;background:var(--lime);color:var(--black);padding:19px 0;transform:rotate(-1.3deg);width:100%;position:relative;z-index:3;margin:0 0 10px}
.marquee-track{display:flex;width:max-content;animation:marquee 25s linear infinite;gap:38px;align-items:center;font-family:'Barlow Condensed';font-size:31px;font-weight:700;letter-spacing:1px}
.marquee-track span{display:flex;align-items:center;gap:38px}
.marquee-track b{font:24px 'DM Sans';font-weight:400}
@keyframes marquee{to{transform:translateX(-50%)}
}
.section{padding:115px 6%}
.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:42px}
.label{font-size:13px;color:var(--muted);letter-spacing:2px;text-transform:uppercase;margin-bottom:25px}
.label em{font-style:normal;color:var(--lime);margin-right:20px}
h2{font:700 clamp(54px,7.5vw,112px)/.91 'Barlow Condensed';letter-spacing:-.025em;margin:0;text-transform:uppercase}
h2 .outline{-webkit-text-stroke:1px #a7ad94;color:transparent}
.text-link{font-size:14px;border-bottom:1px solid var(--lime);padding-bottom:8px}
.about{display:grid;grid-template-columns:1.2fr 1fr;gap:11%;align-items:center;border-bottom:1px solid #ffffff20}
.about-text{font-size:18px;line-height:1.8;color:#b5b8ab}
.about-text strong{font-weight:500;color:var(--paper)}
.signature{margin-top:25px;font-size:13px;letter-spacing:2px}
.music{display:grid;grid-template-columns:1fr 1fr;gap:60px;background:#191c15;border-top:1px solid #ffffff17;border-bottom:1px solid #ffffff17;align-items:center}
.music p{max-width:370px;color:#b5b8ab;line-height:1.7}
.spotify{border:0;width:100%;height:352px;border-radius:12px}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.photo{margin:0;position:relative;overflow:hidden;background:#22251b;aspect-ratio:4/5;border:0;padding:0;color:white;cursor:pointer;text-align:left}
.photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.65);transition:transform .7s,filter .7s}
.photo:hover img{transform:scale(1.05);filter:saturate(1)}
.photo:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 65%,#000b)}
.photo-caption{position:absolute;bottom:20px;left:20px;right:20px;z-index:1;display:flex;justify-content:space-between;font-size:12px;letter-spacing:1px}
.gallery-note{color:var(--muted);font-size:14px;line-height:1.6;margin-top:25px}
.more-button{display:block;margin:36px auto 0;background:transparent;border:1px solid #626756;padding:16px 26px;color:var(--paper);cursor:pointer}
.photo[hidden]{display:none}
.contact{background:var(--lime);color:var(--black);position:relative;overflow:hidden;padding:90px 6%}
.contact .label{color:#454c2c}
.contact .label em{color:var(--black)}
.contact h2{font-size:clamp(64px,10.2vw,160px);max-width:1000px}
.contact-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:40px}
.contact p{font-size:16px;line-height:1.6}
.contact .button{background:var(--black);border-color:var(--black);color:var(--lime)}
footer{padding:36px 6%;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}
footer .logo{color:var(--paper)}
.footer-links{display:flex;gap:24px}
.reveal{opacity:1;transform:none}
.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s}
.js .reveal.visible{opacity:1;transform:none}
.motion-toggle{background:none;color:var(--muted);border:0;cursor:pointer;font-size:12px;padding:8px}
.paused *{animation-play-state:paused!important}
.lightbox{border:1px solid #515944;background:#10110f;color:#fff;padding:14px;max-width:92vw;max-height:94svh}
.lightbox::backdrop{background:#000e;backdrop-filter:blur(8px)}
.lightbox img{display:block;max-width:82vw;max-height:75svh;object-fit:contain;margin:auto}
.lightbox-bar{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:16px 4px 4px}
.lightbox button{border:1px solid #686e5b;background:none;color:white;padding:8px 14px;cursor:pointer}
.lightbox a{font-size:14px}
.gallery-placeholder{grid-column:1/-1;padding:50px;border:1px solid #50593d}
.play-icon{width:16px;height:16px;fill:currentColor}
.hero .button svg{width:18px;height:18px}
.music-link{margin-top:22px;display:inline-block}
@media(min-width:1600px){.hero{padding-top:170px}
}
@media(max-width:760px){header{height:76px;padding:0 6%}
nav{gap:20px}
nav a:nth-child(2){display:none}
.nav-contact{padding:9px 14px}
.logo{font-size:27px}
.hero{min-height:780px;max-height:950px;padding:125px 6% 30px}
.hero-photo{width:100%;object-position:58% 30%;opacity:.7}
.hero:after{background:linear-gradient(90deg,#10110faa,transparent),linear-gradient(0deg,#10110f 0%,#10110f22 90%)}
.hero h1{font-size:27vw;margin-top:70px}
.hero h1 span{font-size:.66em}
.hero-copy{font-size:16px;max-width:280px}
.hero-actions{flex-wrap:wrap}
.edition{top:24%;right:5%;font-size:10px}
.hero-bottom{font-size:10px}
.hero-bottom>p{display:none}
.section{padding:75px 6%}
.section-top{align-items:start;gap:24px}
.section-top .text-link{margin-top:5px;white-space:nowrap;font-size:12px}
.about,.music{grid-template-columns:1fr;gap:28px}
.about-text{font-size:16px}
.gallery-grid{grid-template-columns:repeat(2,1fr);gap:10px}
.photo-caption{left:12px;right:12px;bottom:15px;font-size:10px}
.contact{padding:65px 6%}
.contact-bottom{display:block;margin-top:28px}
.contact .button{margin-top:14px}
footer{gap:28px;flex-wrap:wrap}
footer>span{order:3;width:100%}
.marquee-track{font-size:25px}
.label{font-size:12px}
.music iframe{height:352px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*:before,*:after{animation:none!important;transition:none!important}
.js .reveal{opacity:1;transform:none}
}

/* Ajustes de adaptação para todos os tamanhos de tela. */
body{min-width:0;overflow-x:hidden}
img,iframe{max-width:100%}
.logo{white-space:nowrap}
nav{min-width:0}
@media(max-width:980px){.about,.music{grid-template-columns:1fr;gap:36px}.music{gap:32px}.spotify{height:352px}}
@media(max-width:760px){.section-top{align-items:flex-start;flex-direction:column;gap:24px}.section-top .text-link{margin-top:0;white-space:normal}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lightbox{width:calc(100% - 24px);padding:10px}.lightbox img{max-width:100%;max-height:70svh}.lightbox-bar{flex-wrap:wrap;gap:12px}}
@media(max-width:420px){header{padding:0 5%}nav a:not(.nav-contact){display:none}.nav-contact{font-size:12px;padding:9px 12px}.hero h1{font-size:26vw}.hero-actions{display:grid;grid-template-columns:1fr;width:min(100%,300px)}.hero-actions .button{width:100%}.hero-bottom{align-items:flex-start;flex-direction:column;gap:12px}.edition{right:4%;letter-spacing:3px}.section{padding:64px 5%}h2{font-size:clamp(47px,15vw,62px)}.gallery-grid{gap:8px}.photo-caption{flex-direction:column;gap:4px}.contact{padding:58px 5%}.contact h2{font-size:clamp(55px,17vw,68px)}.footer-links{gap:18px}.more-button{width:100%}}