.youtube-shell{position:absolute;grid-column:1/-1;width:100%;height:0;overflow:hidden;opacity:0;pointer-events:none;transition:height .3s ease,opacity .2s ease}
.music-dock.open .youtube-shell{position:relative;height:225px;opacity:1;pointer-events:auto}
.youtube-shell iframe{display:block;width:100%;height:225px;border:0}

/* Player fixo no canto inferior direito e CTA sempre visível */
.music-dock{top:auto;right:16px;bottom:16px}
.music-volume{display:grid;grid-template-columns:22px 1fr 22px;gap:6px;align-items:center;margin-top:5px;color:#82816d;font:500 7px DM Mono,monospace}
.music-volume input{width:100%;height:2px;margin:0;accent-color:var(--acid);cursor:pointer}
.music-volume output{text-align:right;font-variant-numeric:tabular-nums}
.final-contact .contact-note{max-width:560px;margin:-28px auto 34px;font:500 13px/1.6 Outfit,Arial,sans-serif}
.final-contact>div a{min-width:250px;justify-content:center;background:var(--dark);color:var(--acid);border-color:var(--dark);transition:transform .25s ease,background .25s ease,color .25s ease}
.final-contact>div a:hover{transform:translateY(-4px);background:#25271a;color:#f3f0d7}

@media(max-width:580px){.music-dock{top:auto;right:8px;bottom:8px}.final-contact .contact-note{margin-top:-25px}}

/* Carrossel contínuo e lanterna global */
.carousel-top>div:first-child{display:grid;gap:7px}
.carousel-top>div:first-child small{color:var(--muted);font:400 9px DM Mono,monospace;letter-spacing:.12em;text-transform:uppercase}
.carousel-progress span{width:10%}
.carousel-viewport{scroll-snap-type:none;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.carousel-slide{scroll-snap-align:none}
.carousel-viewport.dragging{cursor:grabbing}
.carousel-viewport.dragging .carousel-slide{pointer-events:none}
.carousel-slide img{pointer-events:none;-webkit-user-drag:none}
.carousel-slide h2{font-size:clamp(36px,5.6vw,84px)}
.carousel-arrow:active{transform:translateY(1px) scale(.94)}

.carousel-slide:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:rgba(0,0,0,.9);opacity:0;transition:opacity .3s ease;-webkit-mask-image:radial-gradient(circle 145px at var(--card-x,50%) var(--card-y,50%),transparent 0,transparent 42%,rgba(0,0,0,.55) 72%,#000 100%);mask-image:radial-gradient(circle 145px at var(--card-x,50%) var(--card-y,50%),transparent 0,transparent 42%,rgba(0,0,0,.55) 72%,#000 100%)}
.carousel-slide:hover:before{opacity:1}
.carousel-slide>div,.carousel-slide>.project-symbol{z-index:2}

@media(pointer:coarse){.carousel-slide:before{display:none}}
@media(prefers-reduced-motion:reduce){.carousel-slide:before{transition:none}}

/* Mira técnica fora dos cards */
.cursor-square{width:68px;height:68px;border:1px solid rgba(220,244,67,.78);border-radius:50%;background:radial-gradient(circle,rgba(220,244,67,.13),transparent 58%);box-shadow:0 0 0 5px rgba(220,244,67,.035),0 0 24px rgba(220,244,67,.18),inset 0 0 18px rgba(220,244,67,.07);backdrop-filter:none;transition:opacity .14s ease}
.cursor-square:before{left:50%;top:50%;width:92px;height:1px;transform:translate(-50%,-50%);background:linear-gradient(90deg,var(--acid) 0 18px,transparent 18px 74px,var(--acid) 74px)}
.cursor-square:after{left:50%;top:50%;width:1px;height:92px;transform:translate(-50%,-50%);background:linear-gradient(0deg,var(--acid) 0 18px,transparent 18px 74px,var(--acid) 74px)}
.cursor-square span{width:5px;height:5px;border-radius:50%;background:var(--acid);box-shadow:0 0 12px var(--acid)}
.hero-profile img{transition:opacity .2s ease,transform .28s ease,filter .35s ease}
.hero-profile img.is-switching{opacity:.18;transform:scale(.955);filter:saturate(.35) contrast(1.15)}

/* Seletor de universos */
.theme-switcher{position:fixed;z-index:60;top:16px;right:16px;width:min(510px,calc(100vw - 32px));padding:5px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.2fr);gap:4px;border:1px solid rgba(255,255,255,.18);background:rgba(11,12,8,.8);box-shadow:0 18px 60px rgba(0,0,0,.25);backdrop-filter:blur(18px)}
.theme-option{min-width:0;min-height:39px;padding:0 11px;border:1px solid transparent;color:#aaa993;background:transparent;cursor:pointer;font:600 9px DM Mono,monospace;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:transform .2s,color .2s,background .2s,border-color .2s}
.theme-option span{color:var(--acid)}
.theme-option:hover{color:#fff;border-color:rgba(255,255,255,.14);transform:translateY(-1px)}
.theme-option:active{transform:translateY(1px) scale(.98)}
.theme-option:focus-visible{outline:2px solid var(--acid);outline-offset:2px}
.theme-option.active{color:var(--dark);background:var(--acid)}
.theme-option.active span{color:inherit}
.theme-announcement{position:fixed;z-index:59;top:68px;right:16px;margin:0;padding:7px 10px;color:var(--muted);border:1px solid var(--line);background:rgba(12,13,9,.78);font:500 8px DM Mono,monospace;letter-spacing:.08em;opacity:0;transform:translateY(-7px);pointer-events:none;transition:opacity .25s,transform .25s}
.theme-announcement.show{opacity:1;transform:none}

/* Paletas e cenários completos */
body{transition:background-color .45s,color .45s}
html{scrollbar-width:thin;scrollbar-color:#b5a83e #15160f}
html.is-loading{overflow:hidden;scrollbar-width:none}
html.is-loading::-webkit-scrollbar{display:none;width:0;height:0}
html::-webkit-scrollbar{width:13px;height:13px}
html::-webkit-scrollbar-track{background:#15160f;border-left:1px solid rgba(231,222,126,.12)}
html::-webkit-scrollbar-thumb{min-height:64px;border:3px solid #15160f;border-radius:0;background:linear-gradient(180deg,#d7cc63,#8d8536);box-shadow:inset 0 0 0 1px rgba(255,250,189,.22)}
html::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#eee47a,#aaa044)}
html::-webkit-scrollbar-corner{background:#15160f}

/* Cursor temático */
@media(pointer:fine){
}

/* Card 3D do perfil */
.hero-profile{position:relative;perspective:1100px;transform:none!important}
.profile-card-inner{position:relative;width:100%;aspect-ratio:.84;transform-style:preserve-3d;transition:transform .28s cubic-bezier(.2,.8,.2,1);will-change:transform}
.profile-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.hero-profile .profile-front{margin:0;padding:8px;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.3);background:rgba(17,18,10,.72);backdrop-filter:blur(9px);transform:none}
.profile-front figcaption{position:relative;z-index:4;isolation:isolate}
.profile-front img{min-height:0;flex:1;aspect-ratio:auto}
.profile-back{padding:24px;display:flex;flex-direction:column;justify-content:space-between;color:var(--dark);background:var(--acid);transform:rotateY(180deg);box-shadow:0 30px 70px rgba(0,0,0,.28)}
.profile-back small{font:500 8px DM Mono,monospace;letter-spacing:.16em}
.profile-back strong{font-size:clamp(30px,3.5vw,52px);line-height:.83;letter-spacing:-.07em}
.profile-back span{max-width:190px;font:500 9px/1.5 DM Mono,monospace}
.profile-instruction{margin:10px 0 0;text-align:right;color:#d1ceb5;font:500 7px DM Mono,monospace;letter-spacing:.09em}
.hero-profile.is-rotating .profile-card-inner{transition:none}

/* Todos os slides começam no escuro; o ponteiro funciona como lanterna */
.carousel-slide img{filter:brightness(.2) saturate(.48) contrast(1.14)}
.carousel-slide:hover img{filter:brightness(1) saturate(1.08) contrast(1.03)}
.carousel-slide:before{opacity:1;background:rgba(0,0,0,.7);-webkit-mask-image:none;mask-image:none;transition:background-color .3s ease}
.carousel-slide:hover:before{opacity:1;background:rgba(0,0,0,.9);-webkit-mask-image:radial-gradient(circle 165px at var(--card-x,50%) var(--card-y,50%),transparent 0,transparent 40%,rgba(0,0,0,.58) 72%,#000 100%);mask-image:radial-gradient(circle 165px at var(--card-x,50%) var(--card-y,50%),transparent 0,transparent 40%,rgba(0,0,0,.58) 72%,#000 100%)}

@media(max-width:900px){.theme-switcher{top:10px;right:10px;width:min(500px,calc(100vw - 20px))}.theme-announcement{top:64px;right:10px}.hero{padding-top:150px}.hero-profile{width:min(245px,64vw)}}
@media(max-width:580px){.theme-switcher{grid-template-columns:minmax(0,.9fr) minmax(0,.8fr) minmax(0,1.3fr)}.theme-option{min-height:44px;padding-inline:3px;font-size:6.5px;line-height:1.2;letter-spacing:0;white-space:normal;overflow:visible;text-overflow:clip}.hero{padding-top:150px}.profile-instruction{max-width:230px}.carousel-slide:before{background:rgba(0,0,0,.58)}}
@media(pointer:coarse){.carousel-slide img{filter:brightness(.62) saturate(.72)}.carousel-slide.active img{filter:brightness(.9) saturate(1)}}

/* Universos imersivos: cada tema altera a direção visual da página inteira */
.theme-wipe{position:fixed;z-index:58;inset:0;pointer-events:none;background:var(--acid);transform:scaleX(0);transform-origin:right;transition:transform .24s cubic-bezier(.77,0,.18,1)}
body.theme-changing .theme-wipe{transform:scaleX(1);transform-origin:left}
.world-layer{position:absolute;z-index:3;inset:0;overflow:hidden;pointer-events:none}



@keyframes cloudDrift{to{transform:translateX(-28px) translateY(8px)}}
@keyframes toonBob{50%{translate:0 -12px;rotate:-2deg}}
@keyframes inkShift{to{transform:translate(5%,2%) scale(1.06)}}

@media(max-width:900px){
  .world-layer{display:none}
}
@media(max-width:580px){
}

/* O seletor some somente durante os três segundos da transição */
body.theme-changing .theme-switcher,body.theme-changing .theme-announcement{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .12s linear,visibility 0s linear .12s!important}

/* Ajustes finais de cursor, cargos e responsividade */
.project-card>div[data-role]:after{content:attr(data-role)}

/* Cursor temático permanece visível em todas as seções */
@media(pointer:fine){
  body,body a,body button,body input,body .carousel-viewport{cursor:none!important}
  .cursor-square{display:grid!important}
}

/* Backrooms usa explicitamente a fotografia correta */
body[data-theme="backrooms"] .backrooms{background-image:url('/assets/zakom-backrooms.jpg');background-position:center;background-size:cover;filter:saturate(.78) contrast(1.02) brightness(1.14)}
body[data-theme="backrooms"] .profile-front img{object-fit:cover;object-position:center}


@media(max-width:700px){
  .hero-profile{display:none!important}
  .hero{min-height:100svh;align-content:center;padding-bottom:64px}
  .hero-copy{max-width:100%}
}

/* Card controlado pelos dois botões e verso centralizado */
.hero-profile,.hero-profile *{-webkit-user-drag:none;user-select:none}
.profile-back{justify-content:center;align-items:center;text-align:center}
.profile-back small{position:absolute;top:24px;left:24px}
.profile-back strong{align-self:center;margin:auto;text-align:center;text-wrap:balance}


/* Seletor no canto superior direito; permanece no início da página */
.theme-switcher{position:absolute!important;z-index:57!important;top:16px!important;left:auto!important;right:16px!important;width:min(510px,calc(100vw - 32px))!important;margin:0!important;padding-top:5px!important;transform:none!important;border-top:1px solid rgba(255,255,255,.18)!important;box-shadow:0 14px 42px rgba(0,0,0,.22)!important;will-change:auto}
.theme-announcement{position:absolute;z-index:56;top:68px;left:auto;right:16px;transform:translateY(-7px)}
.theme-announcement.show{transform:none}
@media(max-width:580px){
  .theme-switcher{top:10px!important;right:10px!important;width:calc(100vw - 20px)!important;max-width:none}
  .theme-announcement{top:64px;right:10px}
}

/* Transição cinematográfica entre universos */
.theme-wipe{display:block;overflow:hidden;color:#fff;background:#090a08;opacity:0;visibility:hidden;transform:none;transition:opacity .22s ease,visibility 0s linear .5s}
.transition-gallery{position:absolute;inset:-3%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:4px;transform:rotate(-1.2deg) scale(1.04)}
.theme-wipe .transition-gallery img{width:100%;height:100%;object-fit:cover;opacity:0;filter:saturate(.82) contrast(1.12) brightness(.52);transform:scale(1.24) translateY(8%);clip-path:inset(50% 0 50% 0);transition:none}
.transition-flash{position:absolute;z-index:2;inset:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.94),rgba(220,244,67,.3) 18%,transparent 58%);opacity:0;mix-blend-mode:screen}
.transition-copy{position:absolute;z-index:3;inset:0;padding:7vw;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-shadow:0 5px 35px rgba(0,0,0,.65)}
.transition-copy small{font:500 10px DM Mono,monospace;letter-spacing:.28em;opacity:0;transform:translateY(12px)}
.transition-copy strong{max-width:90vw;font:800 clamp(72px,15vw,230px)/.72 Outfit,sans-serif;letter-spacing:-.09em;text-transform:uppercase;opacity:0;transform:translateY(50px) skewX(-7deg)}
.transition-copy>span{width:min(560px,68vw);height:3px;margin-top:34px;overflow:hidden;background:rgba(255,255,255,.25);opacity:0}
.transition-copy>span i{display:block;width:100%;height:100%;background:var(--acid);transform:scaleX(0);transform-origin:left}
.transition-counter{position:absolute;z-index:3;right:4vw;bottom:3.5vw;color:rgba(255,255,255,.72);font:500 9px DM Mono,monospace;letter-spacing:.18em;opacity:0}
body.theme-changing .theme-wipe{opacity:1;visibility:visible;transition:opacity .16s ease}
body.theme-changing .theme-wipe .transition-gallery img{animation:universeFrame 2.8s cubic-bezier(.16,1,.3,1) both}
body.theme-changing .theme-wipe .transition-gallery img:nth-child(2){animation-delay:.05s}body.theme-changing .theme-wipe .transition-gallery img:nth-child(3){animation-delay:.1s}body.theme-changing .theme-wipe .transition-gallery img:nth-child(4){animation-delay:.15s}body.theme-changing .theme-wipe .transition-gallery img:nth-child(5){animation-delay:.2s}body.theme-changing .theme-wipe .transition-gallery img:nth-child(6){animation-delay:.25s}
body.theme-changing .transition-flash{animation:transitionFlash 2.8s ease both}
body.theme-changing .transition-copy small{animation:transitionLabel 1.1s .32s cubic-bezier(.16,1,.3,1) both}
body.theme-changing .transition-copy strong{animation:transitionTitle 2.45s .25s cubic-bezier(.16,1,.3,1) both}
body.theme-changing .transition-copy>span{animation:transitionLabel .8s .48s ease both}
body.theme-changing .transition-copy>span i{animation:transitionProgress 2.05s .5s cubic-bezier(.65,0,.35,1) both}
body.theme-changing .transition-counter{animation:transitionLabel .9s .55s ease both}
body.theme-changing .theme-wipe.is-exiting{opacity:0;visibility:visible;transition:opacity .45s cubic-bezier(.4,0,1,1)}
@keyframes universeFrame{0%{opacity:0;clip-path:inset(50% 0 50% 0);transform:scale(1.24) translateY(8%)}22%,72%{opacity:1;clip-path:inset(0);transform:scale(1.05) translateY(0)}100%{opacity:.35;clip-path:inset(0);transform:scale(1)}}
@keyframes transitionFlash{0%,26%,100%{opacity:0}31%{opacity:.72}38%{opacity:0}}
@keyframes transitionLabel{to{opacity:1;transform:none}}
@keyframes transitionTitle{0%{opacity:0;transform:translateY(50px) skewX(-7deg);filter:blur(8px)}35%,76%{opacity:1;transform:translateY(0) skewX(-7deg);filter:blur(0)}100%{opacity:0;transform:translateY(-25px) skewX(-7deg);filter:blur(3px)}}
@keyframes transitionProgress{0%{transform:scaleX(0)}85%,100%{transform:scaleX(1)}}

/* Posto exercido por ZAKOM em cada projeto */
.project-role{display:inline-flex;width:max-content;margin-left:10px;padding:5px 8px;border:1px solid rgba(255,255,255,.32);color:#fff;background:rgba(8,9,5,.32);backdrop-filter:blur(8px);font:500 8px DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase;vertical-align:middle}
.project-card>div[data-role]:after{content:"POSTO: " attr(data-role);display:block;width:max-content;margin-top:13px;padding:5px 7px;border:1px solid var(--line);color:var(--muted);font:500 8px DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase}
.project-card:hover>div[data-role]:after{color:rgba(18,19,13,.72);border-color:rgba(18,19,13,.28)}

/* Arraste convencional ou com o botão direito */
.carousel-viewport.right-dragging{cursor:ew-resize}
.carousel-viewport.right-dragging .carousel-slide{pointer-events:none}


@media(max-width:580px){
  .transition-gallery{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}
  .transition-copy{padding:24px}
  .transition-copy strong{font-size:clamp(58px,22vw,100px)}
  .transition-copy>span{width:78vw;margin-top:22px}
  .project-role{display:flex;margin:7px 0 0}
}

/* Refinamento: temas claros, transição fotográfica e componentes sem excesso */
body{--bg:#1a1c14;--surface:#24271c;--ink:#f6f3df;--muted:#c4c2ad;--line:rgba(246,243,223,.24);background:var(--bg)}
.world-layer{display:none!important}
.hero:after{background:linear-gradient(90deg,rgba(12,13,8,.7),rgba(12,13,8,.22) 60%,rgba(12,13,8,.03)),linear-gradient(0deg,rgba(12,13,8,.42),transparent 58%)}
.backrooms{filter:saturate(.78) contrast(1.02) brightness(1.08)}

/* A troca usa seis imagens do universo de destino e desaparece rapidamente */
.theme-wipe{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:3px;background:#111;opacity:0;visibility:hidden;transform:none;transition:opacity .18s ease,visibility 0s linear .38s}
.theme-wipe img{width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.05);filter:brightness(.9);transition:opacity .18s ease,transform .38s ease}
body.theme-changing .theme-wipe{opacity:1;visibility:visible;transform:none;transition:opacity .16s ease}
body.theme-changing .theme-wipe img{opacity:1;transform:scale(1)}
body.theme-changing .theme-wipe img:nth-child(2),body.theme-changing .theme-wipe img:nth-child(5){transition-delay:.035s}
body.theme-changing .theme-wipe img:nth-child(3),body.theme-changing .theme-wipe img:nth-child(6){transition-delay:.07s}

/* Carrossel: imagens naturais, sem lanterna, escurecimento ou brilho no hover */
.carousel-slide,.carousel-slide.active,.carousel-slide:hover{opacity:1;transform:none;box-shadow:none}
.carousel-slide:before,.carousel-slide:hover:before{display:none!important}
.carousel-slide img,.carousel-slide:hover img,.carousel-slide.active img{filter:none!important;transform:none!important;opacity:1}
.carousel-slide h2{font-size:clamp(20px,2.8vw,42px);line-height:.9;text-shadow:none}
.carousel-slide>div{bottom:clamp(18px,3vw,38px)}

/* Imagens do card ZAKOM ficam claras e legíveis em todos os temas */
.hero-profile img,.hero-profile:hover img{filter:none!important;opacity:1}
.hero-profile .profile-front{background:rgba(245,242,220,.94);border-color:rgba(255,255,255,.72);box-shadow:0 20px 55px rgba(0,0,0,.18)}
.hero-profile .profile-front:hover{background:#fffdf2}
.profile-front figcaption b{color:#181a13}.profile-front figcaption span{color:#555848}





@media(max-width:900px){
}
@media(max-width:580px){
  .theme-wipe{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}
}

@media(max-width:580px){
}

/* Correção cromática baseada nas imagens reais usadas em cada universo */
@media(max-width:580px){
}


.theme-switcher{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:min(350px,calc(100vw - 32px))!important}
@media(max-width:580px){.theme-switcher{width:calc(100vw - 20px)!important}.theme-option{font-size:8px}}

/* Atalhos sociais compactos do card de perfil */
.profile-name-row{position:relative;z-index:5;display:flex;align-items:center;gap:9px;transform:translateZ(1px)}
.profile-socials{position:relative;z-index:12;display:flex;align-items:center;gap:5px;pointer-events:auto;transform:translateZ(2px)}
.profile-socials a{width:30px;height:30px;display:grid;place-items:center;flex:none;border:1px solid rgba(7,21,33,.14);border-radius:50%;background:#fff;box-shadow:0 3px 9px rgba(0,0,0,.16);transition:transform .2s,box-shadow .2s}
.profile-socials a:hover,.profile-socials a:focus-visible{transform:translateY(-2px) scale(1.05);box-shadow:0 5px 13px rgba(0,0,0,.23);outline:2px solid var(--acid);outline-offset:2px}
.profile-socials img{width:14px!important;height:14px!important;min-height:14px!important;display:block;flex:none!important;aspect-ratio:1!important;border-radius:0!important;object-fit:contain!important;filter:none!important}
@media(max-width:580px){.profile-name-row{gap:6px}.profile-socials{gap:4px}.profile-socials a{width:28px;height:28px}.profile-socials img{width:13px!important;height:13px!important;min-height:13px!important}}

.profile-socials a{pointer-events:auto;touch-action:manipulation}
/* Entrada temática: corredor encontrado antes de liberar o portfólio. */
.backrooms-loader{position:fixed;z-index:10000;inset:0;display:grid;place-items:end start;overflow:hidden;padding:clamp(28px,5vw,72px);color:#f3efc2;background:#17180f url('/assets/zakom-backrooms.jpg') center/cover no-repeat;isolation:isolate;opacity:1;visibility:visible;transition:opacity .65s cubic-bezier(.4,0,.2,1),visibility 0s linear .65s}
.backrooms-loader:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(10,11,7,.9),rgba(10,11,7,.45) 58%,rgba(10,11,7,.22)),linear-gradient(0deg,rgba(10,11,7,.88),transparent 62%)}
.backrooms-loader:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.11;background:repeating-linear-gradient(0deg,transparent 0 3px,#f1e770 4px);mix-blend-mode:screen}
.backrooms-loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.loader-scan{position:absolute;inset:-30% 0 auto;height:38%;background:linear-gradient(180deg,transparent,rgba(241,231,112,.1),transparent);animation:loaderScan 2.1s linear infinite}
.loader-content{width:min(650px,100%);text-shadow:0 2px 20px rgba(0,0,0,.65)}
.loader-content small{display:block;margin-bottom:12px;color:#d8d38f;font:500 10px/1.2 'DM Mono',monospace;letter-spacing:.22em}
.loader-content strong{display:block;font:800 clamp(54px,10vw,144px)/.78 Outfit,sans-serif;letter-spacing:-.075em}
.loader-content p{margin:22px 0 14px;color:#e9e5b3;font:500 10px/1.2 'DM Mono',monospace;letter-spacing:.16em}
.loader-track{width:min(440px,100%);height:3px;overflow:hidden;background:rgba(243,239,194,.2)}
.loader-track span{display:block;width:100%;height:100%;background:#f1e770;transform:scaleX(0);transform-origin:left;animation:loaderProgress 2.1s cubic-bezier(.65,0,.35,1) forwards}
@keyframes loaderScan{to{transform:translateY(380%)}}
@keyframes loaderProgress{0%{transform:scaleX(0)}45%{transform:scaleX(.38)}78%{transform:scaleX(.78)}100%{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.loader-scan{display:none}.loader-track span{animation:none;transform:scaleX(1)}}
@media(max-width:580px){.backrooms-loader{padding:28px 20px 42px}.loader-content strong{font-size:clamp(52px,18vw,82px)}.loader-content p{font-size:8px;letter-spacing:.1em}}