/* Warm, weathered paper inspired by the original emblem. */
:root{--paper:#c9baaa;--paper-light:#d9cbbb;--ink:#242320;--muted:#575149;--line:#a49686;--red:#a32923}
body{isolation:isolate;background:radial-gradient(ellipse at 18% 10%,#d3c2b0 0,transparent 55%),radial-gradient(ellipse at 88% 75%,#ad9e8e 0,transparent 65%),var(--paper);background-attachment:fixed}
body:before{opacity:.065}
#studio-root{position:relative;z-index:1}
.site-header{background:#c9baaaed;backdrop-filter:blur(14px)}
.hero-art img{filter:contrast(1.05);mix-blend-mode:multiply}
.hero p{color:var(--muted)}
.footer{padding-bottom:70px}
.hero-art:before{border-color:#8f8273}
.admin-body{background:#c1b4a4}
.admin-topbar,.login-wrap,.panel,.stat,.admin-art-card{background:var(--paper-light)}
h1,h2,h3,h4,.hero h1,.page-intro h1,.admin-heading h1{line-height:1.16;overflow-wrap:break-word}
h1,h2,h3{text-wrap:balance}
.brand-word{line-height:1.08}
.brand-word span{line-height:1.5;margin-top:5px}
.kicker{line-height:1.6;flex-wrap:wrap;letter-spacing:.15em}
.kicker:before{flex-shrink:0}
.hero-copy,.artist-title,.artist-copy,.care-step>div,.admin-main,.admin-heading>div,.form-panel,.section-head>div,.tease-label>div{min-width:0}
.hero-copy{padding-top:8px}
.section-head,.admin-heading{flex-wrap:wrap}
.section-head .text-link,.admin-heading>.btn{flex-shrink:0}
.admin-heading>div{flex:1 1 300px}
.admin-heading h1{font-size:clamp(34px,4vw,53px)}
.admin-heading .btn{white-space:normal}
.hero-star{bottom:90px}
.field label,.btn,.text-link{line-height:1.5}
.field input,.field textarea,.field select{min-width:0;max-width:100%}
.admin-giveaway h3,.winner-box strong{overflow-wrap:anywhere}
.site-ambient{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;contain:strict}
.ambient-machine{position:absolute;width:clamp(285px,29vw,460px);height:auto;left:0;top:0;opacity:.22;filter:drop-shadow(8px 14px 7px #47392d33);animation:machine-roam 48s ease-in-out infinite}
@keyframes machine-roam{0%,100%{transform:translate3d(72vw,8vh,0) rotate(-10deg)}25%{transform:translate3d(6vw,33vh,0) rotate(18deg)}50%{transform:translate3d(60vw,53vh,0) rotate(-18deg)}75%{transform:translate3d(-5vw,5vh,0) rotate(14deg)}}
.motion-toggle{position:fixed;bottom:20px;left:20px;z-index:29;display:flex;align-items:center;gap:8px;border:1px solid #776b5f;background:#d9cbbbea;color:var(--ink);font-size:10px;font-weight:700;padding:10px 13px;min-height:40px;box-shadow:0 3px 12px #30291f14}
.motion-paused .ambient-machine{animation-play-state:paused}
.admin-body .site-ambient,.admin-body .motion-toggle{display:none}
.login-wrap{position:relative;box-shadow:0 20px 80px #30291f12;width:calc(100% - 40px)}
.login-wrap h1{font-size:clamp(34px,7vw,43px)}
.login-wrap img{mix-blend-mode:multiply}
.login-wrap .field{text-align:left}
.login-wrap .login-help{font-size:11px;padding:12px;border:1px solid var(--line)}
.admin-logout{font-size:10px;background:transparent;border:1px solid var(--line);padding:8px 10px;line-height:1.4;min-height:36px}
@media(max-width:1150px) and (min-width:901px){.nav{gap:15px}.nav a{font-size:10px}.header-inner{gap:12px}.brand-word{font-size:26px}}
@media(max-width:600px){
  .hero h1{font-size:clamp(62px,17vw,89px);line-height:1.16}
  .page-intro h1{font-size:clamp(45px,12vw,65px);line-height:1.18}
  .section-head h2,.artist-title h2,.flash-band h2,.cta h2,.care-teaser h2{font-size:clamp(38px,10.5vw,56px);line-height:1.18}
  .tease-label h2{font-size:clamp(31px,8.8vw,43px)}
  .section-head>div{flex-basis:100%}.section-head .text-link{margin-top:0}
  .hero .kicker{font-size:8px;letter-spacing:.1em}
  .brand-word{font-size:clamp(21px,5.8vw,25px)}
  .brand{gap:7px}.brand img{width:36px;height:40px}
  .header-inner>.btn{padding:10px;gap:8px}
  .hero .actions{gap:19px}
  .form-grid{grid-template-columns:1fr}
  .field input,.field select,.field textarea,.form-panel .field input,.form-panel .field select{font-size:16px}
  .admin-heading>div{flex-basis:100%}.admin-heading h1{font-size:clamp(31px,8.5vw,39px);line-height:1.18}
  .admin-heading p{max-width:none}.admin-heading{gap:16px}
  .admin-topbar{gap:10px;min-height:64px;height:auto;padding-block:12px}
  .admin-user{gap:9px}.admin-user .text-link{font-size:9px;gap:6px}.admin-user .avatar{display:none}
  .admin-logout{font-size:9px;padding:7px}
  .admin-topbar>span{max-width:86px;line-height:1.6}
  .login-wrap{margin:30px auto;padding:25px}
  .care-step{gap:16px}.care-step>span{line-height:1.25}.care-step h2{line-height:1.2}
  .countdown{gap:clamp(14px,5vw,27px)}
  .motion-toggle{left:14px;bottom:16px;padding:9px 10px;font-size:9px}
  .ambient-machine{width:280px;opacity:.18}
  @keyframes machine-roam{0%,100%{transform:translate3d(40vw,9vh,0) rotate(-12deg)}33%{transform:translate3d(-24vw,46vh,0) rotate(13deg)}66%{transform:translate3d(40vw,61vh,0) rotate(-16deg)}}
}
@media(prefers-reduced-motion:reduce){.ambient-machine{animation:none;transform:translate3d(55vw,22vh,0) rotate(-12deg);opacity:.12}.motion-toggle{display:none}}

/* Fine-pointer ink mark: an exact center with a restrained hover ring. */
.ink-cursor{display:none;position:fixed;left:0;top:0;width:0;height:0;z-index:2147483646;pointer-events:none;opacity:0}
.ink-cursor-ring,.ink-cursor-dot{position:absolute;left:0;top:0;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}
.ink-cursor-ring{width:30px;height:30px;border:1px solid #342c25b3;box-shadow:0 0 0 1px #eaded080;transition:width .16s ease,height .16s ease,border-color .16s ease,background-color .16s ease}
.ink-cursor-dot{width:6px;height:6px;background:#a32923;box-shadow:0 0 0 1px #f1e5d7}
.ink-cursor.is-link .ink-cursor-ring{width:44px;height:44px;border-color:#a32923;background:#a3292310}
.ink-cursor.is-pressed .ink-cursor-ring{width:22px;height:22px;background:#a3292325}
@media(hover:hover) and (pointer:fine) and (forced-colors:none){
  .ink-cursor{display:block}.ink-cursor.is-visible{opacity:1}
  .ink-cursor-active,.ink-cursor-active body,.ink-cursor-active body *{cursor:none!important}
  .ink-cursor-active input:not([type="button"]):not([type="submit"]):not([type="reset"]),.ink-cursor-active textarea,.ink-cursor-active [contenteditable]:not([contenteditable="false"]){cursor:text!important}
  .ink-cursor-active select{cursor:auto!important}
  .ink-cursor-active :disabled,.ink-cursor-active [aria-disabled="true"]{cursor:not-allowed!important}
}
@media(prefers-reduced-motion:reduce){.ink-cursor-ring{transition:none}}