@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/fonts/font-0.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(assets/fonts/font-1.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(assets/fonts/font-2.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/font-3.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/font-4.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/font-5.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/fonts/font-6.ttf) format('truetype');
}
@font-face {
  font-family: 'Kalam';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/font-7.ttf) format('truetype');
}
@font-face {
  font-family: 'Kalam';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/fonts/font-8.ttf) format('truetype');
}
@font-face {
  font-family: 'Permanent Marker';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/font-9.ttf) format('truetype');
}
@font-face {
  font-family: 'Rubik Dirt';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/font-10.ttf) format('truetype');
}
:root{--red:#ed3828;--paper:#eee8db;--ink:#151515}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--red);outline-offset:5px}.skip{position:fixed;top:-60px;left:20px;z-index:20;background:var(--paper);padding:12px}.skip:focus{top:15px}header{background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:space-between;padding:18px 3.3vw;border-bottom:3px solid var(--red);gap:20px}.wordmark{font:900 28px/.9 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.5px;text-decoration:none}.wordmark span{color:var(--red)}nav{display:flex;gap:30px;font:700 13px 'Barlow Condensed',sans-serif;letter-spacing:2px}nav a{text-decoration:none}nav a:hover,footer a:hover{color:var(--red)}nav span{color:var(--red)}.masthead{position:relative;padding:30px 3.3vw 20px;background:var(--paper);overflow:hidden}.masthead>p{font-size:10px;letter-spacing:3px;font-weight:700;margin:0 0 10px}h1{font:900 clamp(74px,13.5vw,210px)/.78 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.04em;margin:0;white-space:nowrap}h1 span{color:var(--red)}.instruction{position:absolute;right:3.3vw;top:30px}.instruction span{color:var(--red)}.band{display:flex;min-height:380px;height:60svh;max-height:850px;gap:5px;background:var(--ink);padding:5px 0}.member{position:relative;isolation:isolate;flex:1;min-width:0;padding:0;border:0;overflow:hidden;cursor:pointer;background:var(--ink);color:var(--paper);text-align:left;transition:flex .45s ease}.member.active{flex:1.25}.portrait{position:absolute;inset:0;background-image:url('assets/band-art.png');background-size:400% 100%;background-repeat:no-repeat;filter:grayscale(1) brightness(.7);transition:filter .45s ease,transform .7s ease}.p0{background-position:0% 50%}.p1{background-position:33.3333% 50%}.p2{background-position:66.6667% 50%}.p3{background-position:100% 50%}.member.active .portrait{filter:grayscale(0) brightness(1);transform:scale(1.025)}.member:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#111c);z-index:0;pointer-events:none}.number{position:absolute;top:18px;left:20px;padding:7px 10px;background:var(--ink);font-size:9px;letter-spacing:2px}.member-label{position:absolute;left:7%;right:4%;bottom:27px;z-index:1}.member-label strong{display:block;font:900 clamp(60px,7.9vw,130px)/.85 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.02em}.member-label>span{display:block;margin-top:15px;font-size:9px;letter-spacing:2px;font-weight:700}.member.active .member-label strong{color:var(--red);text-shadow:2px 2px var(--ink)}.member:focus-visible{outline:4px solid var(--paper);outline-offset:-7px}.member-detail{background:var(--ink);color:var(--paper);display:flex;align-items:center;gap:32px;padding:23px 3.3vw;min-height:104px}.detail-name{font:800 27px 'Barlow Condensed',sans-serif;margin:0;min-width:125px;color:var(--red)}.detail-name span{display:block;font:500 9px 'DM Sans',sans-serif;letter-spacing:2px;color:#aaa;margin-top:6px}.detail-copy{max-width:600px;font-size:15px;line-height:1.6;margin:0}.detail-hint{margin-left:auto;font-size:8px;letter-spacing:2px;color:#aaa;max-width:115px;line-height:1.8}.sound{display:grid;grid-template-columns:1.1fr 1fr;gap:8vw;padding:100px 7vw;border-bottom:2px solid var(--ink)}.eyebrow{font-weight:700;font-size:10px;letter-spacing:2px;margin:0 0 27px}h2{font:900 clamp(48px,6.7vw,110px)/.91 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.02em;margin:0}h2 em{font-style:normal;color:var(--red)}.sound-copy{padding-top:35px;font-size:15px;line-height:1.8;max-width:480px}.sound-copy .intro{font-size:23px;font-weight:600;line-height:1.4;margin-top:0}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.tags span{border:1px solid var(--ink);padding:6px 10px;font-size:9px;letter-spacing:1px;font-weight:700}.signal{padding:90px 7vw;background:var(--red);color:var(--ink)}.signal h2{font-size:clamp(48px,7vw,100px)}.signal>p:not(.eyebrow){font-size:17px;line-height:1.6;max-width:420px}.signal .stay{font-weight:800;letter-spacing:3px}.dot{display:inline-block;width:7px;height:7px;margin-right:7px;background:var(--ink);border-radius:50%}footer{background:var(--ink);color:var(--paper);padding:35px 3.3vw;display:flex;align-items:center;justify-content:space-between;gap:25px}footer p,footer>a:last-child{font-size:9px;letter-spacing:2px;text-decoration:none}@media(max-width:700px){header{padding:18px 20px}.wordmark{font-size:23px}nav{gap:15px;font-size:11px;letter-spacing:1px}nav a:last-child{display:none}.masthead{padding:27px 20px 17px}.masthead>p{font-size:8px;letter-spacing:2px}.instruction{display:none}h1{font-size:15vw}.band{display:grid;grid-template-columns:1fr 1fr;height:auto;min-height:0;gap:4px}.member{height:390px}.member-label strong{font-size:66px}.member-label>span{font-size:8px;letter-spacing:1px}.number{left:12px;top:12px;font-size:8px}.member-detail{padding:22px 20px;gap:15px;min-height:120px}.detail-name{min-width:70px;font-size:23px}.detail-copy{font-size:13px}.detail-hint{display:none}.sound{grid-template-columns:1fr;gap:18px;padding:60px 25px}.sound h2{font-size:70px}.sound-copy{padding:0}.sound-copy .intro{font-size:21px}.signal{padding:60px 25px}footer{padding:30px 20px;flex-wrap:wrap}footer p{font-size:8px}footer>a:last-child{width:100%}}@media(max-width:380px){.member{height:330px}.member-label strong{font-size:56px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.member,.portrait{transition:none}.member.active .portrait{transform:none}}

/* Slashed poster panels and industrial / handwritten typography. */
h1,h2,.wordmark,.member-label strong{font-family:'Black Ops One',Impact,sans-serif;font-weight:400}
h1{font-size:clamp(52px,10.4vw,165px);line-height:.95;letter-spacing:-.06em}
h2{font-size:clamp(40px,5.6vw,90px);line-height:1.02}.wordmark{font-size:23px}
.band{overflow:hidden;padding:5px 0;isolation:isolate}.member{transform:skewX(-9deg);margin-left:-1px}.member:first-child{margin-left:-4vw;padding-left:4vw;flex:1.15}.member:last-child{margin-right:-4vw;padding-right:4vw;flex:1.15}.member.active{flex:1.35}
.portrait{inset:0 -12%;transform:skewX(9deg) scale(1.08)}.member.active .portrait{transform:skewX(9deg) scale(1.1)}
.member-label,.number{transform:skewX(9deg)}.member-label{left:12%;bottom:30px}.member:first-child .member-label{left:38%}.member:last-child .member-label{left:8%}.member-label strong{font-size:clamp(40px,5.2vw,90px);line-height:1}.member:first-child .number{left:26%}
.detail-copy,.sound-copy,.signal>p:not(.eyebrow){font-family:'Kalam',cursive;font-size:21px;line-height:1.55}.sound-copy .intro{font-size:30px;font-weight:700}.detail-name{font-family:'Black Ops One',Impact,sans-serif;font-size:24px}.tags{font-family:'DM Sans',sans-serif}.signal .stay{font-family:'Black Ops One',Impact,sans-serif!important;font-size:26px!important}
@media(max-width:700px){.wordmark{font-size:18px}h1{font-size:10.5vw}.band{display:flex;flex-wrap:wrap;gap:4px;padding:0 8px}.member,.member:first-child,.member:last-child,.member.active{flex:none;width:calc(50% - 2px);margin:0;padding:0;transform:skewX(-6deg)}.portrait{transform:skewX(6deg) scale(1.09)}.member.active .portrait{transform:skewX(6deg) scale(1.11)}.member-label,.number{transform:skewX(6deg)}.member-label,.member:first-child .member-label,.member:last-child .member-label{left:10%}.member-label strong{font-size:40px}.member:first-child .number{left:12px}.sound h2{font-size:50px}.signal h2{font-size:42px}.detail-copy{font-size:17px}.detail-name{font-size:19px}}
@media(prefers-reduced-motion:reduce){.member.active .portrait{transform:skewX(9deg) scale(1.08)}}

h1{font-family:"Permanent Marker",cursive;font-size:clamp(48px,10.1vw,155px);font-weight:400;letter-spacing:-.055em;line-height:1.1;transform:rotate(-2deg);transform-origin:center}h1 span{display:inline-block;transform:rotate(1deg)}@media(max-width:700px){h1{font-size:10vw}}

/* Gritty display titles; preserve the approved marker band logo. */
h2{font-family:'Rubik Dirt',Impact,sans-serif;font-weight:400;letter-spacing:-.025em}.logo-stage{position:relative}.logo-animation{position:absolute;inset:-14% 0 -10%;pointer-events:none}.logo-animation svg{width:100%;height:100%}.logo-stage.animation-ready h1{opacity:0}.sound{background-image:repeating-linear-gradient(173deg,transparent 0,transparent 39px,#15151508 40px,transparent 42px)}.signal{background-image:repeating-linear-gradient(-12deg,transparent 0,transparent 89px,#1111 90px,transparent 93px)}

/* Each portrait is an independently cropped SVG viewport. Never stretch the sprite. */
.band{max-width:1920px;margin-inline:auto}
.portrait{background:none;display:block;width:124%;height:100%;max-width:none;inset:0 auto 0 -12%;transform:skewX(9deg);transition:filter .45s ease}
.member.active .portrait{transform:skewX(9deg)}
@media(max-width:700px){.portrait,.member.active .portrait{transform:skewX(6deg)}}

.hero{max-width:1920px;margin-inline:auto}

/* Static marker lettering; animate only the red scratch line. */
.member-label strong,.detail-name,.wordmark,.signal .stay{font-family:"Permanent Marker",cursive!important;font-weight:400}.member-label strong{font-size:clamp(40px,5.2vw,90px)}.logo-stage.animation-ready h1{opacity:1}@media(max-width:700px){.member-label strong{font-size:40px}}

/* Cover the counter-skew at every panel width, including narrow tall panels.
   Half of the maximum 850px height needs 68px of horizontal bleed at 9deg. */
.portrait{width:calc(100% + 160px);left:-80px}
@media(max-width:700px){.portrait{width:calc(100% + 48px);left:-24px}}

/* Keep the signature bolt in the compact navigation wordmark. */
header .wordmark{position:relative;display:inline-block;padding-bottom:8px}
.nav-bolt{position:absolute;bottom:0;right:-3px;width:58%;height:8px;overflow:visible;pointer-events:none}
.nav-bolt path{fill:none;stroke:var(--red);stroke-width:8;stroke-linecap:round;stroke-linejoin:round}

/* Anchor the hero bolt directly below REBEL, matching the navbar lockup. */
.logo-animation{inset:auto auto 0 43%;width:31%;height:18px}
.logo-animation svg{overflow:visible}

/* One shared word-and-bolt lockup at both sizes. */
.brand-rebel{position:relative;display:inline-block}
.brand-bolt{position:absolute;left:-8%;bottom:-.07em;width:116%;height:.13em;overflow:visible;pointer-events:none}
.brand-bolt path{fill:none;stroke:var(--red);stroke-width:8;stroke-linecap:round;stroke-linejoin:round}
h1{transform:none}h1 span{transform:none}
h1 .brand-bolt path{stroke-dasharray:1;stroke-dashoffset:1;animation:brand-bolt-draw .65s ease-out .9s forwards}
@keyframes brand-bolt-draw{to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){h1 .brand-bolt path{animation:none;stroke-dashoffset:0}}

/* Match Ash's mobile portrait scale to the original three close portraits. */
@media(max-width:700px){.portrait.p3,.member.active .portrait.p3{transform:skewX(6deg) scale(1.3);transform-origin:62% 28%}}

/* Give the small navbar bolt breathing room beneath the lettering. */
header .brand-bolt{bottom:-.24em}
/* Fan-site extension. Approved logo and portrait treatment retained. */
::selection{background:var(--red);color:var(--paper)}body{scrollbar-color:var(--red) var(--ink)}a{text-underline-offset:5px}button,input{font:inherit}button{cursor:pointer}nav{flex-wrap:wrap;justify-content:flex-end;gap:18px}nav a{padding:7px 0}.fan-section{padding:90px 7vw}.fan-section h2{font-size:clamp(38px,5.4vw,80px);line-height:1.06}.fan-section p{font-family:Kalam,cursive;font-size:21px;line-height:1.55;max-width:60ch}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:42px}.section-head p{max-width:350px;margin:0}.profile-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:6vw}.profile-art{height:590px;background:var(--ink);overflow:hidden}.profile-art svg{width:100%;height:100%}.profile-body{align-self:center}.profile-tabs,.feed-filters{display:flex;gap:8px;flex-wrap:wrap}.profile-tabs button,.feed-filters button{border:1px solid currentColor;padding:12px 17px;background:transparent;color:inherit;font:700 13px 'DM Sans',sans-serif}.profile-tabs button[aria-pressed=true],.feed-filters button[aria-pressed=true]{background:var(--red);color:var(--ink);border-color:var(--red)}.profile-body h3{font:400 66px 'Permanent Marker',cursive;margin:25px 0 5px;color:var(--red)}.profile-body .role{font:700 13px 'DM Sans',sans-serif;letter-spacing:1px}.profile-facts{display:grid;grid-template-columns:1fr 1fr;gap:22px;border-top:1px solid #777;padding-top:24px}.profile-facts dt{font-size:12px;font-weight:700;text-transform:uppercase}.profile-facts dd{margin:8px 0 0;font:20px/1.4 Kalam,cursive}.profile-quote{font-size:25px!important}.release{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7vw;background:var(--ink);color:var(--paper)}.release img{display:block;width:100%;height:auto}.release p{max-width:44ch}.action{display:inline-block;background:var(--red);color:var(--ink);border:2px solid var(--red);padding:17px 22px;font:800 14px 'DM Sans',sans-serif;text-decoration:none;letter-spacing:.5px}.action:hover{background:var(--paper);color:var(--ink);border-color:var(--ink)}.fan-section .big-copy{font-size:30px}.fan-section .small-note,.fiction-note{font:14px/1.6 'DM Sans',sans-serif!important}.small-note{margin-top:22px}.backstage{background:var(--paper)}.fiction-note{max-width:75ch!important;margin-bottom:25px}.feed-filters{margin-bottom:35px}.feed{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.feed-story{padding:35px 0;border-top:2px solid var(--ink)}.featured-story{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:40px}.feed-story img{width:100%;aspect-ratio:1;object-fit:cover}.feed-story h3{font:400 clamp(30px,3.3vw,48px)/1.15 'Rubik Dirt',sans-serif;margin:20px 0}.story-label{font-size:11px;letter-spacing:1.5px;font-weight:700}.dialogue b{font:400 17px 'Permanent Marker',cursive;color:#b92317;margin-right:12px}.dialogue{line-height:1.9!important}.story-end{border-top:1px solid #9c968b;padding-top:20px}.feed-story[hidden]{display:none}.downloads{background:var(--ink);color:var(--paper)}.wallpapers{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.wallpaper-preview{overflow:hidden;border:1px solid #726f68;border-radius:22px}.wallpaper-preview img{width:100%;display:block}.download-link{display:block;margin-top:20px;font-weight:700;font-size:13px}.vote-section{background:var(--red);display:grid;grid-template-columns:1fr 1fr;gap:7vw}fieldset{padding:0;border:0;margin:0 0 22px}legend{font-weight:700;font-size:19px;margin-bottom:20px}#poll label{display:flex;align-items:center;gap:14px;padding:18px 0;border-top:1px solid var(--ink);cursor:pointer}#poll input{accent-color:var(--ink);width:21px;height:21px;flex-shrink:0}#poll .action{background:var(--ink);color:var(--paper);border-color:var(--ink)}#poll .action:hover{background:var(--paper);color:var(--ink)}#poll-status{font-weight:700}.stay-close{text-align:center}.stay-close p{margin:25px auto}.song-page{background:var(--ink);color:var(--paper)}.song-page .release{margin-top:35px}.song-title{font:400 clamp(42px,5.7vw,80px)/1.1 'Rubik Dirt',sans-serif;white-space:normal;letter-spacing:-.025em}.release-status{font:700 13px 'DM Sans',sans-serif!important;border-top:1px solid #777;padding-top:24px}.song-notes{display:grid;grid-template-columns:1fr 1fr;gap:7vw;padding-top:90px}.song-notes h3{font:400 28px 'Permanent Marker',cursive}.back-link{font-size:13px}.detail-hint{max-width:170px}.detail-hint a{line-height:1.8}
@media(max-width:700px){header{align-items:flex-start;flex-direction:column;gap:20px}nav{justify-content:flex-start;gap:12px 18px}nav a:last-child{display:block}nav{font-size:11px}.fan-section{padding:55px 22px}.section-head{display:block}.section-head p{margin-top:22px}.profile-layout,.release,.vote-section,.song-notes{grid-template-columns:1fr;gap:30px}.profile-art{height:440px}.profile-body h3{font-size:56px}.profile-tabs button{padding:10px 14px}.fan-section p{font-size:19px}.featured-story,.feed{display:block}.feed-story{padding:30px 0}.featured-story img{margin-bottom:25px}.wallpapers{grid-template-columns:1fr 1fr;gap:28px 16px}.download-link{font-size:11px}.wallpaper-preview{border-radius:14px}.song-page .release{padding:0}.song-title{font-size:52px}.song-notes{padding-top:55px}.fan-section .big-copy{font-size:26px}}
.detail-hint,.number,.member-label>span,footer p,footer>a:last-child{font-size:12px;letter-spacing:.7px}.detail-hint{max-width:190px}.profile-tabs button:hover,.feed-filters button:hover{background:var(--paper);color:var(--ink)}.profile-tabs button[aria-pressed=true]:hover,.feed-filters button[aria-pressed=true]:hover{background:var(--red)}
/* Black-pen marginalia belonging to each character's notebook. */
.profile-layout{position:relative;padding-bottom:75px}.notebook-mark{position:absolute;color:#151515;pointer-events:none;width:88px;z-index:2;transform:rotate(-12deg)}.notebook-mark svg{display:block;width:74px;height:68px;overflow:visible}.notebook-mark path{stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.notebook-mark span{display:block;font:17px/1.1 Kalam,cursive;white-space:nowrap}.notebook-mark-0{left:-55px;top:-48px;transform:rotate(-16deg)}.notebook-mark-1{right:-60px;top:45%;transform:rotate(13deg)}.notebook-mark-2{left:48%;bottom:-8px;transform:rotate(-8deg)}
@media(max-width:700px){.profile-layout{padding-bottom:90px}.notebook-mark{width:70px}.notebook-mark svg{width:58px;height:55px}.notebook-mark span{font-size:15px}.notebook-mark-0{left:auto;right:4px;top:350px;background:var(--paper);padding:6px;transform:rotate(9deg);width:84px}.notebook-mark-1{right:2px;top:auto;bottom:0}.notebook-mark-2{left:5px;bottom:0}}
/* Heavier notebook lettering and expressive ink faces. */
.notebook-mark path{stroke-width:3.5}.notebook-mark span{font-weight:700;font-size:20px;text-shadow:.35px 0 currentColor,-.35px 0 currentColor}.profile-layout{padding-bottom:115px}.notebook-mark-1{right:-45px}.notebook-mark-2{left:43%;bottom:0}.notebook-mark-3{left:9%;bottom:0;transform:rotate(12deg)}.notebook-mark-4{right:5%;bottom:0;transform:rotate(-13deg)}
@media(max-width:700px){.profile-layout{padding-bottom:210px}.notebook-mark span{font-size:17px}.notebook-mark-1{right:8px;bottom:105px}.notebook-mark-2{left:8px;bottom:105px}.notebook-mark-3{left:12%;bottom:0}.notebook-mark-4{right:12%;bottom:0}}

/* Softer graphite ink for the notebook doodles and notes. */
.notebook-mark{color:#333333}

/* Alternating red accents and very dark graphite notebook ink. */
.notebook-mark{color:#292929}
.notebook-mark-1,.notebook-mark-3{color:#c52c20}

.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.no-script{padding:20px;margin:20px;border:2px solid currentColor;font:16px/1.5 sans-serif}.game-page:has(noscript) noscript{display:block}

/* Release shelf: artwork stays square and titles use the existing website face. */
.releases{background:var(--ink);color:var(--paper);scroll-margin-top:110px}.release-eyebrow{display:block;font:700 12px/1.5 "DM Sans",sans-serif;letter-spacing:2px;color:#ff6e60;margin-bottom:18px}.release-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}.release-card{border:1px solid #55514c;min-width:0;background:#1d1c1b}.release-art{display:block;overflow:hidden}.release-art img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.release-card-copy{padding:30px}.release-card h3{font:400 clamp(30px,3.4vw,52px)/1.1 "Rubik Dirt",sans-serif;margin:18px 0}.release-card .release-date{font:700 12px/1.7 "DM Sans",sans-serif;letter-spacing:1px;color:#ff6e60}.release-presave{display:block;font:700 13px/1.5 "DM Sans",sans-serif;margin-top:22px}.release-card blockquote{font:700 27px/1.4 Kalam,cursive;border-left:3px solid var(--red);padding-left:20px;margin:24px 0}.release-card .release-note{font:14px/1.6 "DM Sans",sans-serif;color:#c4beb3}.releases .section-head h2{margin-top:0}.release-card a:focus-visible{outline:3px solid var(--paper);outline-offset:5px}@media(max-width:700px){.release-grid{grid-template-columns:1fr;gap:28px}.release-card-copy{padding:24px}.releases{scroll-margin-top:150px}}

/* Keep oversized clipped portrait artwork from widening the mobile page. */
body{overflow-x:clip}
html{overflow-x:clip}

/* Keep Nika's face clear of the badge in narrow guitar portraits. */
@media(max-width:700px){
 .portrait.p2,.member.active .portrait.p2{transform:skewX(6deg) scale(1.18);transform-origin:56% 0}
 .member[data-member="nika"] .number{top:auto;bottom:128px}
}

/* Ash leans into her selected hero slice without stretching the artwork. */
.member[data-member="ash"] .portrait{transition:filter .45s ease,transform .45s ease;transform-origin:62% 28%}
.member[data-member="ash"].active .portrait{transform:skewX(9deg) scale(1.08)}
@media(max-width:700px){.member[data-member="ash"].active .portrait{transform:skewX(6deg) scale(1.4)}}
@media(prefers-reduced-motion:reduce){.member[data-member="ash"] .portrait{transition:none}}