/* Direção visual: colagem urbana e superfícies industriais. */
:root{--ink:#101110;--paper:#f1efe5;--yellow:#ff6900;--muted:#b6b6ad}
body{background:#101110}header{background:#101110;border-bottom:2px solid #383936;height:82px}nav{font-family:"Barlow Condensed",Impact,sans-serif;text-transform:uppercase;font-size:17px;letter-spacing:1px}.nav-contact{background:var(--yellow);color:#111;border:1px solid var(--yellow);box-shadow:3px 3px 0 #eee}.nav-contact:hover{background:#eee;color:#111}header .brand img{width:92px}
.hero{height:920px;max-height:none;min-height:800px;padding-top:22px;background:repeating-linear-gradient(0deg,#080909 0,#101211 6px,#242624 9px,#171918 12px,#141615 68px,#060707 72px,#30332f 75px,#171918 80px);isolation:isolate}
.hero:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;opacity:.3;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.62' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.3' d='M0 0h200v200H0z'/%3E%3C/svg%3E")}
.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 20%,#0009 100%);z-index:0;pointer-events:none}
.hero-meta{z-index:6;color:#ddd;font-family:monospace;font-size:9px}.hero-copy{position:absolute;left:0;top:73px;width:100%;padding:0;text-align:center;z-index:2}.hero .eyebrow{display:none}.hero h1{font-size:clamp(125px,19vw,270px);line-height:.75;letter-spacing:-6px;transform:rotate(-4deg);color:var(--paper);text-shadow:7px 8px 0 #080908;margin:0 auto;width:max-content;max-width:98%}.hero h1 span{color:var(--yellow)}.hero .intro{display:none}.hero .actions{position:absolute;top:650px;left:0;width:100%;justify-content:center;flex-direction:row;align-items:center;margin:0;gap:22px;background:#101110ee;padding:18px 25px;border-top:1px solid #ffffff33;border-bottom:1px solid #ffffff33;z-index:10}.hero .button{background:var(--yellow);font:700 23px "Barlow Condensed",Impact,sans-serif;text-transform:uppercase;padding:12px 28px;box-shadow:4px 4px 0 #eee;transform:rotate(-2deg)}.hero .button:hover{transform:rotate(0) translateY(-3px)}.hero .text-link{font:600 20px "Barlow Condensed",Impact,sans-serif;text-transform:uppercase}.hero-art{width:60%;height:680px;right:20%;bottom:75px;z-index:3;pointer-events:none}.hero-art img{height:100%;width:100%;bottom:0;right:0;object-fit:contain;filter:grayscale(1) contrast(1.12) drop-shadow(9px 0 0 #eee) drop-shadow(-7px 0 0 #eee)}.sun{display:none}.art-label{display:none}.photo-sticker{display:none}.scroll-note{z-index:7;bottom:22px;left:0;justify-content:center;width:100%;color:#ddd}
.sticker-wall{position:absolute;inset:0;pointer-events:none;z-index:4}.sticker{position:absolute;display:block;font-family:"Barlow Condensed",Impact,sans-serif;font-weight:800;line-height:.9;text-transform:uppercase;color:#111;background:var(--paper);border:4px solid var(--paper);box-shadow:4px 5px 0 #000b;padding:10px 14px;letter-spacing:-.5px}.sticker:after{content:"";position:absolute;inset:0;opacity:.12;background:repeating-linear-gradient(22deg,transparent 0 5px,#000 6px,transparent 7px 18px);pointer-events:none}.sticker-logo{top:65px;left:4%;transform:rotate(-13deg);background:#111;padding:15px 20px;z-index:5}.sticker-logo img{width:140px;filter:brightness(0) invert(1)}.s1{top:275px;left:5%;font-size:48px;transform:rotate(-9deg);background:var(--yellow)}.s2{top:205px;right:3%;font-size:27px;transform:rotate(12deg);color:var(--paper);background:#151515}.s3{top:410px;right:4%;font-size:50px;transform:rotate(8deg);background:#d7ff32;border-color:#111;outline:3px solid #eee}.s4{top:515px;left:4%;font-size:70px;transform:rotate(-12deg);background:var(--yellow);border-radius:50%;padding:20px}.s5{top:565px;right:14%;font-size:40px;transform:rotate(-9deg);background:#eee;color:#111}.s6{top:670px;left:12%;font-size:24px;transform:rotate(6deg);background:#111;color:#eee}.s7{top:350px;left:22%;font-size:23px;transform:rotate(13deg);background:#111;color:#eee}.s8{top:320px;right:24%;font-size:24px;transform:rotate(-11deg);background:var(--yellow)}.s9{top:95px;right:5%;font-size:32px;transform:rotate(-7deg);color:#111;background:#d7ff32}.s10{top:610px;right:2%;font-size:25px;transform:rotate(14deg);background:#111;color:#eee}
.ticker{background:#efeee5;border-block:5px solid #111;color:#111;padding:20px 0;transform:rotate(-1deg);width:100%;position:relative;z-index:6;font-size:30px}.ticker i{color:var(--yellow)}.section{padding:100px 8%}.music{background:var(--yellow);color:#111;position:relative}.music:after,.contact:after{content:"";height:15px;position:absolute;bottom:-1px;left:0;right:0;background:#101110;clip-path:polygon(0 70%,4% 30%,8% 75%,15% 20%,22% 80%,31% 30%,41% 70%,50% 0,59% 70%,66% 10%,75% 65%,85% 30%,92% 70%,100% 0,100% 100%,0 100%)}.music em{color:#111}.section-head .eyebrow{color:#111}.section-head>p:last-child{color:#28251e}.music-panel{background:#151615;color:#eee;border:2px solid #3a3b37;border-radius:24px;padding:45px 6%;box-shadow:inset 0 4px 4px #ffffff55,inset 0 -7px 12px #000,8px 12px 0 #1115;max-width:900px;margin:30px auto 0;transform:rotate(-2deg)}.music-info{transform:rotate(2deg)}.music-info .small-label{color:var(--yellow)}.record{box-shadow:8px 10px 25px #000}.record>div{border:5px solid #e65d00}.status{color:#eee}.story{background:#111;color:#eee;padding-top:100px;gap:12%}.story-copy .eyebrow,.story-copy .muted{color:#b4b4a8}.story h2 em{color:var(--yellow);-webkit-text-stroke:0}.story .rule{background:var(--yellow)}.story-image{background:var(--paper);transform:rotate(-5deg);border:10px solid var(--paper);border-bottom:45px solid var(--paper);margin-bottom:80px;min-height:0;box-shadow:12px 15px 0 #000}.story-image:before{inset:0;background:var(--yellow);transform:none}.story-image:after{content:"MC ALÊ / DO OUTRO LADO";position:absolute;bottom:-32px;left:10px;color:#111;font:700 16px "Barlow Condensed",Impact,sans-serif;letter-spacing:2px}.vertical-note{color:#bbb;left:-40px}.story-copy .text-link{color:var(--yellow)}.videos{background:#e8e7dc;color:#111;position:relative}.videos em{color:#111}.horizontal-head>p{color:#555}.video-placeholder{border:10px solid #111;border-radius:22px;background:repeating-linear-gradient(0deg,#181a18 0 2px,#141614 3px 5px);color:var(--paper);min-height:440px;box-shadow:9px 10px 0 #b4b4a7;transform:rotate(1.5deg)}.video-word{color:#ff690022;font-size:440px;bottom:-35px;right:5%}.video-message{padding-top:25px}.video-message .small-label{color:var(--yellow)}.frame-corner{border-color:var(--yellow)}.agenda{border-top:12px solid var(--yellow);background:#111}.agenda h2{transform:rotate(-3deg)}.agenda-content{border-color:#eee}.agenda-content .small-label{color:var(--yellow)}.contact{background:var(--yellow);border-top:3px solid #111;min-height:670px}.contact h2{font-size:clamp(70px,8vw,120px);transform:rotate(-3deg)}.contact>img{filter:grayscale(1) contrast(1.15) drop-shadow(5px 5px 0 #eee) drop-shadow(-5px -5px 0 #eee);width:43%;bottom:20px;right:1%}.contact-status{background:#111;color:#eee;padding:20px;border:3px solid #eee;box-shadow:5px 6px 0 #111;transform:rotate(2deg);margin-top:40px}.contact-status .small-label{color:var(--yellow)}footer{border-top:1px solid #ffffff33}
@media(max-width:900px){nav{gap:17px;font-size:15px}.hero{height:850px;min-height:850px}.hero h1{font-size:20vw}.hero-art{width:74%;right:13%;height:610px;bottom:90px}.hero .actions{top:580px}.sticker-logo{top:45px;left:3%}.sticker-logo img{width:95px}.s1{font-size:35px;left:3%;top:250px}.s3{font-size:37px;right:3%;top:350px}.s4{font-size:52px;top:490px}.s5{right:6%;top:540px}.s6{top:615px;left:3%;font-size:18px}.s7,.s8{display:none}.s9{font-size:26px;right:3%;top:65px}.s2{font-size:20px;top:200px}.s10{top:610px;right:2%;font-size:18px}.story{gap:9%}.music-panel{padding:35px}.contact>img{width:45%}}
@media(max-width:600px){header{height:76px}.brand img,header .brand img{width:72px}nav{top:76px}.menu-toggle{font-family:"Barlow Condensed",Impact,sans-serif;text-transform:uppercase;font-size:15px}.hero{height:800px;min-height:800px;padding-top:18px}.hero-meta{font-size:8px}.hero-copy{top:85px}.hero h1{font-size:23vw;letter-spacing:-2px;text-shadow:4px 5px 0 #111;line-height:.82}.hero-art{height:480px;width:108%;right:-4%;bottom:115px}.hero-art img{height:100%;bottom:0;filter:grayscale(1) contrast(1.12) drop-shadow(4px 0 0 #eee) drop-shadow(-4px 0 0 #eee)}.hero .actions{top:570px;padding:17px 10px;gap:20px}.hero .button{font-size:19px;padding:12px 18px;gap:15px}.hero .text-link{font-size:17px}.sticker{border-width:3px;padding:7px 9px}.sticker-logo{top:45px;left:5%;transform:rotate(-12deg)}.sticker-logo img{width:65px}.s1{top:280px;left:2%;font-size:25px}.s2{top:233px;right:3%;font-size:15px}.s3{top:430px;right:3%;font-size:26px}.s4{top:520px;left:3%;font-size:39px;padding:12px}.s5{top:565px;right:6%;font-size:23px}.s6{top:610px;left:6%;font-size:15px}.s9{top:40px;right:4%;font-size:19px}.s10{display:none}.scroll-note{bottom:20px;font-size:8px}.ticker{font-size:24px;padding:16px 0;gap:25px}.section{padding:70px 6%}.section-head h2{font-size:78px}.music-panel{padding:30px 23px;transform:rotate(-1deg);border-radius:20px}.record{width:215px}.music-info{transform:none}.story{padding:70px 7% 0;gap:35px}.story-image{width:85%;margin-bottom:65px;border-width:7px;border-bottom-width:38px}.story-image:after{font-size:12px;bottom:-27px;left:4px}.story-copy h2{font-size:80px}.story-copy{padding-bottom:0}.video-placeholder{padding:30px 22px;min-height:340px;border-width:7px;border-radius:16px}.video-word{font-size:310px;bottom:-20px;right:-10%}.video-message h3{font-size:46px}.frame-meta{font-size:7px}.agenda{gap:25px}.contact{padding:65px 6% 300px;min-height:0}.contact h2{font-size:72px;line-height:.88}.contact>img{width:80%;height:280px;right:0;bottom:0}.contact-status{margin-top:30px;padding:18px}.contact-status p{font-size:13px}}
body{overflow-x:clip}.hero-copy{z-index:auto}.hero h1{position:relative;z-index:2}.hero .actions{z-index:6}
.video-player{aspect-ratio:16/9;background:#101110;border:7px solid #101110;border-radius:12px;overflow:hidden;box-shadow:8px 9px 0 #b4b4a7}.video-cover{width:100%;height:100%;padding:0;border:0;background:#101110;color:#fff;position:relative;cursor:pointer;display:block}.video-cover img{width:100%;height:100%;object-fit:cover;opacity:.8}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--yellow);color:#111;border:3px solid #eee;border-radius:50%;width:76px;height:76px;display:grid;place-items:center;font-size:28px;padding-left:5px}.video-caption{position:absolute;bottom:8%;left:0;width:100%;font:700 22px "Barlow Condensed",Impact,sans-serif;text-shadow:0 2px 5px #000}.video-cover:hover .play-icon{background:#fff}.video-player iframe{width:100%;height:100%;border:0;display:block}.video-links{margin-top:28px}.contact-status .button{font-size:13px;padding:14px;line-height:1.4}.music-info .button{margin-top:10px}.video-cover:focus-visible{outline:4px solid var(--yellow);outline-offset:-4px}
@media(max-width:600px){.s1{top:240px;font-size:22px}}
@media(prefers-reduced-motion:reduce){.hero .button:hover{transform:rotate(-2deg)}}
.spotify-player{display:block;max-width:900px;margin:45px auto 0;border:0;border-radius:12px;scroll-margin-top:30px}
.show-item{padding:22px 0;border-bottom:1px solid #ffffff40}.show-item h3{margin:8px 0;font-size:36px}.show-item p{margin:7px 0}
footer .footer-social{font-size:11px;letter-spacing:1px;color:var(--paper);padding:12px 0}
.channel-link{margin-top:16px;margin-bottom:12px}.contact-copy>.channel-link{display:table}footer{flex-wrap:wrap}
/* Profile portrait extracted from the original PSD, behind the seated cutout. */
.contact{isolation:isolate}
.contact:before{content:"";position:absolute;inset:0 0 0 auto;width:68%;background:url("assets/profile.webp") center top/cover no-repeat;filter:grayscale(1);mix-blend-mode:multiply;opacity:.32;mask-image:linear-gradient(to right,transparent,#000 28%);pointer-events:none;z-index:0}
.contact>img{z-index:1}
.contact:after{z-index:3;pointer-events:none}
@media(max-width:600px){
 .contact:before{top:auto;bottom:0;width:100%;height:450px;background-position:center top;opacity:.3;mask-image:linear-gradient(to bottom,transparent,#000 22%)}
}
/* Mirror only the background portrait; keep the fade on the text side. */
.contact:before{transform:scaleX(-1);mask-image:linear-gradient(to left,transparent,#000 28%)}
@media(max-width:600px){.contact:before{mask-image:linear-gradient(to bottom,transparent,#000 22%)}}
/* Preserve the seated portrait's natural proportions at every screen width. */
.contact>img{height:auto;max-width:560px;object-fit:contain}
@media(max-width:600px){.contact>img{height:auto;max-width:340px}}