/* MÁVYRA REY · CINEMATIC ERA · Site público
   Escopo intencional: página institucional; Backstage não importa este CSS. */
:root { --wine:#310b16; --gold:#d2a75f; --cream:#f6e9d8; --muted:#c1a99a; --red:#801a25; scroll-padding-top:88px; }
body {background:#080404; color:var(--cream); -webkit-font-smoothing:antialiased;}
body::before {content:"";position:fixed;inset:0;z-index:-10;pointer-events:none;background:radial-gradient(ellipse at 72% 23%,rgba(117,10,28,.13),transparent 48%),#080404;}
::selection {background:#8e3540;color:#fff;}
a:focus-visible,button:focus-visible {outline:2px solid #eecb81!important;outline-offset:4px;}
.shell {width:min(1260px,calc(100% - 104px));}
.site-header {height:84px;padding-inline:max(34px,calc((100vw - 1290px)/2));background:linear-gradient(180deg,rgba(8,2,3,.94),rgba(9,2,3,.58));border-bottom:1px solid rgba(222,176,108,.1);box-shadow:none;gap:24px;}
.site-header .wordmark {display:inline-flex;align-items:center;gap:8px;font-size:clamp(.93rem,1.6vw,1.33rem);letter-spacing:.15em;flex-shrink:0;text-shadow:0 3px 25px #000;}
.wordmark .brand-crown {font-size:1.7rem;line-height:1;color:#dfb879;position:relative;top:-3px;}
.site-header .wordmark i {color:#c79b52;font-size:.82rem;}
.site-header nav {display:flex;align-items:center;gap:clamp(12px,1.55vw,28px);font-family:var(--serif);font-size:.73rem;font-weight:400;letter-spacing:.19em;}
.site-header nav a {color:#e6d6c7;position:relative;border:0;white-space:nowrap;text-transform:uppercase;}
.site-header nav a::after {content:"";position:absolute;bottom:4px;left:30%;right:30%;height:1px;background:linear-gradient(90deg,transparent,#f4c978,transparent);opacity:0;transition:all .25s;}
.site-header nav a:hover::after,.site-header nav a:focus-visible::after,.site-header nav a.is-current::after {opacity:1;left:0;right:0;}
.header-social {display:flex;align-items:center;gap:15px;}
.header-social a {color:#e2b771;display:grid;place-items:center;min-height:34px;min-width:27px;opacity:.95;transition:opacity .2s,transform .2s;}
.header-social a:hover {opacity:1;transform:translateY(-2px);}
.header-social svg {width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;}
.header-social svg .icon-dot {fill:currentColor;stroke:none;}
.header-social a:nth-child(3) svg path {fill:currentColor;stroke:none;}
.header-social a:nth-child(4) svg circle {fill:currentColor;stroke:none;}
.header-social a:nth-child(4) svg path {stroke:#100609;}
.menu-toggle {display:none;}
.hero {min-height:880px;min-height:100svh;background:#100505;align-items:center;}
.hero-image {inset:0 -7% 0 38%;transform:none;background-image:linear-gradient(90deg,rgba(11,2,4,.26),rgba(12,3,5,0) 47%),url('/images/mavyra-campaign-sofa.webp');background-position:left center;background-size:cover;filter:saturate(1.1) brightness(1.14) contrast(1.04);}
.hero::before {content:"";pointer-events:none;position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 2% 55%,rgba(122,22,21,.16),transparent 43%),linear-gradient(180deg,rgba(6,2,2,.24),transparent 30%,rgba(10,1,3,.1) 65%,#0b0305 99%);}
.hero-shade {background:linear-gradient(90deg,#0a0205 0%,rgba(10,2,5,.95) 23%,rgba(10,2,5,.56) 43%,rgba(10,2,5,.1) 73%,transparent 100%),linear-gradient(0deg,#0b0305 0%,transparent 24%),linear-gradient(180deg,rgba(5,1,2,.08),transparent 23%);}
.hero-copy {margin-left:max(52px,calc((100vw - 1260px)/2));margin-right:auto;padding-top:118px;max-width:670px;position:relative;z-index:1;}
.eyebrow {font-size:.68rem;letter-spacing:.29em;color:#e3b978;}
.hero-name {font-family:var(--serif);font-size:clamp(5.5rem,9.2vw,10.2rem)!important;line-height:.83!important;letter-spacing:-.07em!important;text-transform:uppercase;color:#f4deba;text-shadow:0 3px 38px rgba(0,0,0,.65),0 0 60px rgba(157,90,28,.19);}
.hero-name span {font-size:.74em;letter-spacing:.045em;}
.hero-manifesto {font-family:var(--serif);font-size:clamp(1.15rem,2vw,1.62rem);font-style:italic;color:#f8dcb0;line-height:1.4;margin:24px 0 37px;}
.hero-manifesto em {color:#e9bd76;}
.hero-release {margin:0 0 21px;display:grid;gap:3px;border-left:1px solid rgba(227,179,103,.68);padding-left:20px;}
.hero-release-label {font-size:.6rem;letter-spacing:.31em;color:#e6c3a1;}
.hero-release strong {font-family:var(--serif);font-weight:400;font-style:italic;font-size:clamp(2.4rem,4.1vw,4.7rem);line-height:1.15;color:#f5d0a0;}
.button {border-radius:999px;min-height:49px;font-size:.62rem;letter-spacing:.14em;padding-inline:25px;}
.button-primary {background:linear-gradient(145deg,#f2d38b,#a56b2c);border:1px solid #e0af61;color:#200b07;box-shadow:0 7px 32px rgba(152,84,15,.18);}
.button-primary:hover,.button-primary:focus-visible {background:linear-gradient(145deg,#ffe2a0,#cf9852);color:#170607;}
.button-secondary {background:rgba(9,1,2,.34);border-color:rgba(220,167,89,.67);}
.button-primary .play-symbol {margin-right:10px;font-size:.62rem;}
.hero-credit {bottom:26px;letter-spacing:.3em;color:rgba(252,226,191,.62);}
.release {position:relative;padding-top:160px;padding-bottom:155px;gap:clamp(44px,6vw,100px);}
.release::before {content:"";position:absolute;inset:0 -20vw;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 80% 40%,rgba(112,20,23,.3),transparent 36%),linear-gradient(180deg,#0b0305,#130407 53%,#080303);}
.release-copy {position:relative;z-index:2;}
.release h2 {font-family:var(--serif);font-size:clamp(4.4rem,8.5vw,9rem);line-height:.87;letter-spacing:-.07em;text-transform:none;color:#edd5b5;}
.release h2 em {font-weight:400;color:#deb071;}
.release-kicker {color:#dbad74;font-size:.62rem;letter-spacing:.25em;}
.release-description {font-size:1.03rem;max-width:460px;}
.release-note {font-family:var(--serif);font-style:italic;font-size:1.2rem;color:#e6b87d;margin:20px 0 22px;}
.release-cta {margin-bottom:25px;min-height:50px;}
.platforms {grid-template-columns:repeat(2,minmax(130px,1fr));max-width:510px;gap:8px;}
.platform {border-radius:3px;background:rgba(19,4,7,.5);border:1px solid rgba(204,157,91,.2);color:#ead7c6;min-height:55px;transition:background .2s,border-color .2s,transform .2s;}
.platform:hover,.platform:focus-visible {background:rgba(85,25,32,.32);border-color:rgba(233,184,111,.68);transform:translateY(-2px);}
.platform-out {margin-left:auto;color:#d0a260;opacity:.8;}
.platform b {font-size:.73rem;}
.cover {max-width:590px;}
.cover::before {content:"";position:absolute;inset:-13% -14%;z-index:-1;background:radial-gradient(circle,rgba(124,15,27,.24),transparent 70%);pointer-events:none;}
.cover img {box-shadow:0 40px 110px rgba(0,0,0,.7);border:1px solid rgba(212,165,100,.14);-webkit-mask-image:radial-gradient(ellipse 85% 85% at 50% 48%,#000 66%,transparent 100%);mask-image:radial-gradient(ellipse 85% 85% at 50% 48%,#000 66%,transparent 100%);}
.artist {background:radial-gradient(ellipse at 36% 40%,rgba(89,7,18,.25),transparent 50%),#090305;min-height:740px;overflow:hidden;padding:85px 0;}
.artist-grid {grid-template-columns:minmax(340px,.8fr) minmax(410px,1.2fr);}
.artist .artist-lead {font-family:var(--serif);color:#e9b778!important;font-style:italic;font-size:clamp(1.4rem,2.1vw,2rem);}
.artist h2 {color:#f3dfc5;}
.artist-signature {color:#e9b778!important;}
.text-link {display:inline-block;padding:14px 0;margin-top:12px;border-bottom:1px solid #bd8d50;color:#e5b977;font-size:.65rem;letter-spacing:.18em;}
.text-link span {margin-left:12px;}
.manifesto {background:linear-gradient(180deg,#090305,#16060c 60%,#100307);position:relative;}
.manifesto::before {content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 75% 45%,rgba(110,20,27,.24),transparent 54%);}
.manifesto h2 em {color:#d4a66b;}
.manifesto-text p {color:#d3bfb5;}
.gallery {padding:110px 0 90px;background:linear-gradient(180deg,#100307,#200810 42%,#100307 100%);overflow:hidden;}
.gallery-top {display:flex;align-items:flex-end;justify-content:space-between;gap:45px;padding-bottom:55px;}
.gallery-top h2 {font:400 clamp(3rem,7vw,7.1rem)/1 var(--serif);letter-spacing:-.06em;margin:0;color:#f2dec6;}
.gallery-top h2 em {font-weight:400;color:#d3a367;}
.gallery-top > p {max-width:355px;font-size:.99rem;line-height:1.7;color:#cbb4a9;}
.gallery-composition {width:min(1450px,calc(100% - 80px));margin:auto;display:grid;grid-template-columns:1.1fr 1fr .8fr;align-items:center;gap:0;}
.gallery-panel {margin:0;position:relative;min-width:0;overflow:hidden;isolation:isolate;box-shadow:0 24px 60px rgba(0,0,0,.3);}
.gallery-panel img {width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.07);}
.gallery-panel::after {content:"";pointer-events:none;position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 50%,rgba(12,2,7,.87));}
.gallery-panel figcaption {position:absolute;bottom:25px;left:28px;z-index:2;color:#edd1ac;font:.65rem var(--sans);letter-spacing:.35em;}
.gallery-panel-main {aspect-ratio:5/6;clip-path:polygon(0 3%,91% 0,100% 92%,4% 100%);margin-right:-4%;z-index:2;}
.gallery-panel-main img {object-position:center 28%;}
.gallery-panel-side {aspect-ratio:4/5;clip-path:polygon(2% 0,97% 5%,95% 95%,0 100%);z-index:1;}
.gallery-panel-side img {object-position:52% center;}
.gallery-panel-cover {aspect-ratio:4/5;clip-path:polygon(0 9%,100% 1%,100% 100%,2% 95%);margin-left:-3%;z-index:3;}
.gallery-panel-cover img {object-position:center center;}
.social-section {padding-top:95px;padding-bottom:135px;}
.social-section h2 {font:400 clamp(2.8rem,5.6vw,5.2rem)/1.05 var(--serif);letter-spacing:-.05em;max-width:850px;margin:0 0 50px;}
.social-section h2 em {color:#d7ae75;}
.social-directory {display:grid;grid-template-columns:repeat(4,1fr);gap:15px;}
.social-directory a {border-bottom:1px solid rgba(222,179,116,.42);padding:14px 0 18px;font:400 1.1rem var(--serif);display:flex;justify-content:space-between;align-items:center;gap:10px;transition:color .2s,border-color .2s;}
.social-directory a span {color:#d2a75f;}
.social-directory a:hover {color:#eec37d;border-color:#eec37d;}
.contact-section {background:radial-gradient(ellipse at 88% 0%,rgba(85,11,26,.21),transparent 48%),#080405;}
.contact-heading h2 em {color:#d1a061;}
footer {background:#050203;}
footer a:hover {color:#e4ba79;}
.footer-spotify {display:inline-block;margin-top:20px;font-size:.64rem;letter-spacing:.18em;color:#d7b077;}
.footer-bottom a {color:#b79c78;}
/* Mobile-first corrections: menu fits narrow devices and image retains identity */
@media(max-width:1060px){
 .site-header {gap:15px;}
 .site-header nav {gap:12px;font-size:.62rem;}
 .header-social {gap:8px;}
 .wordmark .brand-crown {font-size:1.2rem;}
}
@media (min-width:791px) and (max-width:1180px){
 .hero-image {inset:0 -10% 0 19%;}
 .hero-copy {margin-left:38px;margin-right:auto;max-width:550px;}
 .hero-name {font-size:clamp(5rem,9vw,7.4rem)!important;}
}
@media(max-width:790px){
 .shell {width:min(100% - 40px,620px);}
 .site-header {height:68px;padding-inline:20px;gap:12px;}
 .site-header .wordmark {font-size:clamp(.74rem,3.5vw,1.08rem);letter-spacing:.1em;}
 .wordmark .brand-crown {font-size:1.08rem;}
 .header-social {margin-left:auto;gap:3px;}
 .header-social a {min-width:27px;}
 .header-social a:nth-child(2),.header-social a:nth-child(3) {display:none;}
 .menu-toggle {display:flex;order:3;flex-direction:column;gap:5px;justify-content:center;align-items:center;width:42px;height:42px;background:transparent;border:1px solid rgba(216,172,105,.35);border-radius:4px;color:var(--cream);cursor:pointer;}
 .menu-toggle span {display:block;width:19px;height:1px;background:#ead0ae;transition:transform .2s,opacity .2s;}
 .menu-toggle[aria-expanded=true] span:first-child {transform:translateY(6px) rotate(45deg);}
 .menu-toggle[aria-expanded=true] span:nth-child(2) {opacity:0;}
 .menu-toggle[aria-expanded=true] span:last-child {transform:translateY(-6px) rotate(-45deg);}
 .site-header nav {display:none;position:absolute;left:0;right:0;top:68px;background:rgba(12,3,6,.98);padding:18px 24px 25px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid rgba(222,173,104,.35);box-shadow:0 25px 60px #000a;}
 .site-header nav.is-open {display:flex;}
 .site-header nav a {font-size:.85rem;padding:15px 8px;border-bottom:1px solid rgba(207,165,112,.14);}
 .site-header nav a::after {display:none;}
 .hero {min-height:790px;min-height:100svh;align-items:flex-end;padding-bottom:65px;}
 .hero-image {inset:0;transform:none;background-image:linear-gradient(0deg,rgba(9,2,4,.48),transparent 68%),url('/images/mavyra-campaign-sofa-960.webp');background-position:43% 25%;filter:saturate(1.1) brightness(1.08);}
 .hero::before {background:linear-gradient(0deg,#0b0305,transparent 23%);}
 .hero-shade {background:linear-gradient(0deg,#0b0305 0%,rgba(10,2,5,.86) 21%,rgba(10,2,5,.14) 59%,transparent 100%);}
 .hero-copy {margin-inline:auto;padding-top:0;max-width:600px;}
 .hero-name {font-size:clamp(3.65rem,15vw,7rem)!important;}
 .hero-manifesto {font-size:1.04rem;margin:15px 0 24px;max-width:430px;}
 .hero-release {margin-bottom:19px;}
 .hero-release strong {font-size:clamp(2.5rem,10vw,4.1rem);}
 .hero .actions {display:flex;flex-direction:row;}
 .hero .button {flex:1;min-width:145px;min-height:48px;white-space:normal;}
 .release {padding:85px 0 105px;}
 .release h2 {font-size:clamp(4.2rem,16vw,6.5rem);}
 .release-description {margin:25px 0;}
 .cover {max-width:510px;justify-self:center;}
 .artist {padding:95px 0 85px;}
 .artist-grid {grid-template-columns:1fr;gap:30px;}
 .editorial-composition {margin-inline:-20px;}
 .gallery {padding:85px 0 75px;}
 .gallery-top {display:block;}
 .gallery-top > p {margin:24px 0 0;}
 .gallery-composition {width:calc(100% - 24px);gap:0;grid-template-columns:1fr 1fr;}
 .gallery-panel-main {aspect-ratio:3/4;grid-row:span 2;align-self:stretch;margin-right:0;}
 .gallery-panel-side {aspect-ratio:1/1;margin-left:-5%;margin-top:8%;z-index:4;}
 .gallery-panel-cover {aspect-ratio:1/1;margin-left:-3%;margin-top:-4%;}
 .gallery-panel figcaption {font-size:.53rem;bottom:13px;left:14px;letter-spacing:.2em;}
 .social-section {padding:75px 0 90px;}
 .social-directory {grid-template-columns:repeat(2,minmax(0,1fr));}
 .social-directory a {font-size:1rem;}
}
@media(max-width:440px){
 .site-header {padding-inline:13px;}
 .header-social a:nth-child(4) {display:none;}
 .hero .actions {flex-direction:column;}
 .hero .button {width:100%;min-width:0;flex:auto;}
 .hero-name {font-size:clamp(3.6rem,16vw,5.8rem)!important;}
 .hero-manifesto {max-width:310px;}
 .platforms {grid-template-columns:repeat(2,minmax(0,1fr));}
 .platform {min-height:49px;gap:6px;padding:8px;}
 .platform svg {width:17px;height:17px;flex-basis:17px;}
 .platform b {font-size:.57rem;}
 .social-directory {grid-template-columns:1fr;}
 .gallery-panel figcaption {font-size:.45rem;}
}
@media(prefers-reduced-motion:reduce){
 .menu-toggle span,.gallery-panel,.header-social a,.social-directory a {animation:none!important;transition:none!important;}
}

/* Compatibilidade da página de imprensa com o menu novo. */
@media(max-width:790px){
 .material-page .site-header nav.is-open {display:flex;}
 .material-page .site-header nav.is-open a:nth-child(2) {display:block;}
}