:root{
    --bg:#050507; --ink:#0C0C10; --ink2:#131318; --line:#1E1E26; --line2:#2E2E38;
    --a1:#FF2A2F; --a1fill:#D92428; --a1soft:rgba(217,36,40,.22);
    --a2:#FF2A2F;
    --text:#FFFFFF; --muted:#9A9AA6; --dim:#B6B6C0; --faint:#8A8A96;
    --poster:"Anton","Segoe UI",Arial,sans-serif;
    --body:"Barlow",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  body{background:var(--bg);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
  a{color:inherit;text-decoration:none}
  /* height:auto is required alongside the width/height attributes on <img>.
     Without it the browser treats the attribute height as a literal pixel
     height and stretches the image vertically. */
  img{max-width:100%;height:auto;display:block}
  .wrap{max-width:1360px;margin:0 auto;padding:0 28px}
  ::selection{background:var(--a1fill);color:#fff}
  :focus-visible{outline:2px solid var(--a1);outline-offset:3px}

  nav{position:fixed;top:0;left:0;right:0;z-index:60;height:70px;display:flex;align-items:center;
      transition:background .3s,border-color .3s;border-bottom:1px solid transparent}
  nav.stuck{background:rgba(5,5,7,.92);backdrop-filter:blur(14px);border-bottom-color:var(--line)}
  .navin{display:flex;align-items:center;justify-content:space-between;width:100%;gap:20px}
  .navbrand{flex:0 0 auto;display:flex;align-items:center}
  .logo{height:30px;width:auto;max-width:none;filter:drop-shadow(0 2px 10px rgba(0,0,0,.6))}
  .nlinks{display:flex;gap:26px;align-items:center;font-size:13px;letter-spacing:.16em;
          text-transform:uppercase;color:var(--muted);font-weight:500;white-space:nowrap}
  .nlinks a{transition:color .2s}
  .nlinks a:hover{color:var(--a1)}
  .nlinks a.on{color:var(--a1)}
  .navright{display:flex;align-items:center;gap:10px}

  .navtoggle{display:none;flex-direction:column;justify-content:center;gap:5px;
       width:44px;height:44px;padding:0;background:none;border:0;cursor:pointer}
  .navtoggle span{display:block;width:24px;height:2px;background:#fff;margin:0 auto;
       transition:transform .25s ease,opacity .18s ease}
  .navtoggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .navtoggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .navtoggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

  .mobilemenu{position:fixed;left:0;right:0;top:70px;bottom:0;z-index:59;
       background:rgba(5,5,7,.985);backdrop-filter:blur(14px);
       border-top:1px solid var(--line);padding:14px 28px 40px;overflow-y:auto}
  .mobilemenu[hidden]{display:none}
  .mobilemenu a{display:block;font-family:var(--poster);text-transform:uppercase;
       font-size:clamp(26px,7vw,38px);line-height:1;padding:20px 0;
       border-bottom:1px solid var(--line);color:#fff;transition:color .2s}
  .mobilemenu a:hover,.mobilemenu a:focus-visible{color:var(--a1)}
  .mobilemenu a.on{color:var(--a1)}
  .mobilemenu .pill{display:inline-flex;font-family:var(--body);font-size:12px;
       margin-top:28px;border-bottom:0;padding:14px 26px}
  .mobilemenu .pill:hover{color:#fff}
  body.menu-open{overflow:hidden}
  /* Below 560px the nav bar cannot fit logo + pill + toggle without squashing
     the logo, so the pill moves into the menu instead of shrinking the mark. */
  @media (max-width:560px){ .navright .pill{display:none} }
  @media (prefers-reduced-motion:reduce){ .navtoggle span{transition:none} }
  .pill{border-radius:999px;padding:11px 22px;font-size:12px;letter-spacing:.16em;font-weight:600;
        text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;
        transition:transform .12s,background .2s,box-shadow .2s,color .2s,border-color .2s}
  .pill:active{transform:translateY(1px)}
  .pill-solid{background:var(--a1fill);color:#fff;border:1px solid var(--a1fill);font-weight:700}
  .pill-solid:hover{background:var(--a1fill);border-color:var(--a1fill);box-shadow:0 0 0 4px var(--a1soft)}
  .pill-line{border:1px solid #34343E;color:#fff}
  .pill-line:hover{border-color:var(--a1);color:var(--a1)}
  .pill-pending{border-style:dashed;color:#8A8A94}
  .pill-pending:hover{border-color:#34343E;color:#8A8A94}

  .hero{position:relative;min-height:100dvh;display:flex;align-items:flex-end;overflow:hidden}
  .hero-bg{position:absolute;inset:0}
  .hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center 26%}
  .hero-bg::after{content:"";position:absolute;inset:0;
    background:linear-gradient(180deg,rgba(5,5,7,.74) 0%,rgba(5,5,7,.30) 36%,rgba(5,5,7,.88) 78%,var(--bg) 100%)}
  .hero-in{position:relative;z-index:2;width:100%;padding-bottom:74px}
  .giant{font-family:var(--poster);text-transform:uppercase;line-height:.82;letter-spacing:-.005em;
         font-size:clamp(44px,8vw,130px)}
  .giant,.hero-row{opacity:0;transition:opacity 2.2s cubic-bezier(.25,.1,.25,1)}
  .giant.in,.hero-row.in{opacity:1}
  @media (prefers-reduced-motion:reduce){ .giant,.hero-row{opacity:1;transition:none} }
  .giant .hl{color:var(--a2);text-shadow:0 0 42px rgba(255,42,47,.55)}
  .hero-row{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;flex-wrap:wrap;margin-top:26px}
  .hero-sub{font-size:15px;letter-spacing:.1em;text-transform:uppercase;color:#CFCFD8;line-height:1.9;max-width:40ch;font-weight:500}
  .hero-cta{display:flex;gap:12px;flex-wrap:wrap}

  section{padding:120px 0}
  /* Phone size is deliberately left as-is; desktop
     brought down to match the Press Kit headings. */
  h2{font-family:var(--poster);text-transform:uppercase;font-size:clamp(46px,5vw,64px);line-height:.9;letter-spacing:-.01em}
  .shownote{font-size:13px;letter-spacing:.08em;color:var(--muted);margin-top:20px;line-height:1.7;text-transform:uppercase;font-weight:500}

  /* Desktop: tighten the space between the hero photo and the video too. */
  #shows{padding-top:56px}
  .showreel{margin-top:0;display:flex;justify-content:center;position:relative}
  .vidtoggle{position:absolute;right:calc(50% - 180px + 10px);bottom:10px;width:40px;height:40px;
       display:flex;align-items:center;justify-content:center;cursor:pointer;
       background:rgba(5,5,7,.72);border:1px solid var(--line2);border-radius:50%;padding:0}
  .vidtoggle svg{width:15px;height:15px;fill:#fff}
  .vidtoggle:hover{border-color:var(--a1)}
  .vidtoggle:hover svg{fill:var(--a1)}
  @media (max-width:400px){ .vidtoggle{right:14px} }
  .showreel video{width:100%;max-width:360px;aspect-ratio:9/16;object-fit:cover;
       border:1px solid var(--line);background:#000;display:block}
  .poster{margin-top:52px;border-top:1px solid var(--line)}
  .gig{display:grid;grid-template-columns:250px 1fr auto;gap:34px;align-items:center;
       padding:30px 6px;border-bottom:1px solid var(--line);position:relative}
  .gig::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--a2);
       transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.16,1,.3,1)}
  .gig:hover::before{transform:scaleX(1)}
  .gig>*{transition:transform .3s cubic-bezier(.16,1,.3,1)}
  .gig:hover>*{transform:translateX(22px)}
  .gig:hover .g-venue{color:var(--a2)}
  .g-date{font-family:var(--poster);text-transform:uppercase;line-height:.88}
  .g-mon{font-size:14px;letter-spacing:.18em;color:var(--muted);display:block;font-family:var(--body);font-weight:600}
  .g-num{font-size:clamp(23px,2.7vw,34px);white-space:nowrap}
  .gig[hidden]{display:none}
  /* Keyboard users get the same row cue mouse users get on hover. */
  .gig:focus-within{background:var(--ink)}
  .gig:focus-within .g-venue{color:var(--a1)}
  .showmore-wrap{display:flex;justify-content:center;margin-top:36px}
  .showmore-wrap button{cursor:pointer;background:none;font-family:inherit}
  .noshows{color:var(--dim);font-size:16.5px;line-height:1.7;margin-top:34px;
       padding:26px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .noshows a{color:var(--a1);border-bottom:1px solid var(--line2)}
  .noshows a:hover{border-color:var(--a1)}
  .noshows[hidden]{display:none}
  .g-venue{font-family:var(--poster);text-transform:uppercase;font-size:clamp(16px,1.9vw,26px);line-height:.98;transition:color .25s}
  .g-meta{font-size:13px;letter-spacing:.12em;color:var(--muted);margin-top:9px;text-transform:uppercase;font-weight:500}

  .manifesto{background:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center}
  .manifesto p{font-family:var(--poster);text-transform:uppercase;font-size:clamp(26px,4.4vw,60px);line-height:1.06;
               max-width:19ch;margin:0 auto;letter-spacing:.005em}
  .manifesto p .hl{color:var(--a2)}
  .manifesto .body{font-family:var(--body);text-transform:none;font-size:16.5px;line-height:1.75;color:var(--muted);
                   max-width:56ch;margin:32px auto 0;letter-spacing:0}
  .badge{background:var(--a1fill);color:#fff;font-weight:700;padding:2px 9px;border-radius:3px;white-space:nowrap}

  .strip{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:44px 28px 12px;
         margin:0 -28px;scrollbar-width:thin;scrollbar-color:#2A2A34 transparent}
  .strip::-webkit-scrollbar{height:4px}
  .strip::-webkit-scrollbar-thumb{background:#2A2A34}
  .scard{scroll-snap-align:start;flex:0 0 330px;background:var(--ink);border:1px solid var(--line);
         padding:34px 30px;transition:border-color .25s,transform .25s}
  .scard:hover{border-color:var(--a1);transform:translateY(-4px)}
  .scard h3{font-family:var(--poster);text-transform:uppercase;font-size:34px;line-height:.96}
  .scard p{margin-top:14px;color:var(--muted);font-size:15px;line-height:1.6}

  .band{display:grid;grid-template-columns:1fr;gap:0}
  .band figure{position:relative;overflow:hidden;height:clamp(280px,48vw,640px);background:#000}
  .band img{width:100%;height:100%;object-fit:cover;object-position:center 28%;transition:transform .8s cubic-bezier(.16,1,.3,1)}
  .band figure:hover img{transform:scale(1.05)}

  .mq{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0;background:var(--ink)}
  .mq-track{display:flex;gap:40px;width:max-content;animation:slide 42s linear infinite}
  .mq-track span{font-family:var(--poster);text-transform:uppercase;font-size:clamp(26px,3.4vw,46px);color:#26262F;white-space:nowrap}
  .mq-track span:nth-child(3n){color:var(--a2);opacity:.5}
  @keyframes slide{to{transform:translateX(-50%)}}
  .mq:hover .mq-track{animation-play-state:paused}

  details:not(.block){margin-top:44px}
  summary{cursor:pointer;list-style:none;font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;
          color:var(--a1);display:inline-block;border-bottom:1px solid var(--a1);padding-bottom:5px}
  summary::-webkit-details-marker{display:none}
  .allsongs{columns:4;column-gap:34px;margin-top:30px}
  .allsongs span{display:block;break-inside:avoid;padding:7px 0;font-size:14px;color:#A8A8B2}

  .kit{border:1px solid var(--line);background:var(--ink);display:grid;grid-template-columns:1.1fr .9fr;
       align-items:center;gap:0;overflow:hidden;margin-top:8px}
  .kit-body{padding:52px 48px}
  .kit-body h2{font-size:clamp(34px,4.6vw,62px)}
  .kit-body p{color:var(--muted);font-size:16.5px;line-height:1.7;margin-top:18px;max-width:46ch}
  .kit-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}
  .kit-list span{border:1px solid #2E2E38;color:var(--muted);font-size:11.5px;letter-spacing:.12em;
                 text-transform:uppercase;font-weight:600;padding:7px 13px;border-radius:999px}
  .kit-body .pill{margin-top:30px}
  .kit-img{height:100%;min-height:340px;overflow:hidden;background:#000}
  .kit-img img{width:100%;height:100%;object-fit:cover}

  .book{text-align:center}
  /* The Book Encore heading and email read smaller in both views, by request. */
  .book h2,#view-press .contact h2{font-size:clamp(30px,4.6vw,62px)}
  .bookorg{color:var(--faint);font-size:14.5px;letter-spacing:.14em;text-transform:uppercase;margin-top:18px}
  .bookphone{margin-top:14px}
  .bookphone a{color:var(--dim);font-size:18px;border-bottom:1px solid var(--line2)}
  .bookphone a:hover{color:var(--a1);border-color:var(--a1)}
  .bigmail{font-family:var(--poster);text-transform:uppercase;font-size:clamp(19px,3.1vw,44px);line-height:1;
           display:inline-block;margin-top:22px;transition:color .25s,text-shadow .25s}
  .bigmail:hover{color:var(--a2);text-shadow:0 0 46px rgba(255,42,47,.45)}
  .bsocials{display:flex;gap:12px;justify-content:center;margin-top:40px;flex-wrap:wrap}

  footer{border-top:1px solid var(--line);padding:32px 0}
  footer .wrap{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:center;
               font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:500}

  .rv{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}
  .rv.in{opacity:1;transform:none}
  .gig.rv{transform:translateY(18px)}
  @media (prefers-reduced-motion:reduce){
    .rv,.gig.rv{opacity:1;transform:none;transition:none}
    .mq-track{animation:none}
    .band img,.scard,.gig,.gig>*,.gig::before{transition:none}
    .gig:hover>*{transform:none}
  }

  /* Desktop fills the viewport with the 3:2 hero while preserving the top of
     the portrait beneath the fixed navigation. */
  @media (min-width:1001px){
    nav{background:rgba(5,5,7,.92);backdrop-filter:blur(14px);border-bottom-color:var(--line)}
    .hero-bg{padding-top:46px}
    .hero-bg img{object-position:50% 0%}
    .giant{font-size:clamp(62px,6.7vw,86px)}
    .hero-in{padding-bottom:40px}
    .hero-row{margin-top:14px}
  }

  @media (max-width:1000px){
    section{padding:82px 0}
    .nlinks{display:none}
    .navtoggle{display:flex}
    .hero-in{padding-bottom:52px}
    /* A wide group photo in a tall phone screen crops the outer band members
       off the sides — cover was showing barely 40% of the frame. Show the
       whole photo instead. The page and the photo's own backdrop are both
       near-black, so the space below it reads as the hero, not as letterboxing,
       and the title sits in it. */
    .hero{min-height:82dvh}
    /* The nav is fixed and transparent at the top of the page, so it sat over
       the photo and covered the outer band members' heads. Start the photo
       below the bar instead. */
    .hero-bg{display:flex;align-items:flex-start;padding-top:78px}
    /* The photo's backdrop is charcoal, not black, so fade its lower edge out
       rather than leaving a visible seam against the page. */
    .hero-bg img{object-fit:contain;object-position:center top;height:auto;
         -webkit-mask-image:linear-gradient(to bottom,#000 72%,transparent 100%);
         mask-image:linear-gradient(to bottom,#000 72%,transparent 100%)}
    /* Deliberately tight gap between the hero photo and the video. */
    #shows{padding-top:34px}
    .showreel{margin-top:0}
    .gig{grid-template-columns:1fr;gap:12px;padding:26px 4px}
    .gig .pill{justify-self:start}
    .g-date{display:flex;align-items:baseline;gap:12px}
    .g-mon{display:inline}
    .allsongs{columns:2}
    .scard{flex-basis:270px}
    .kit{grid-template-columns:1fr}
    .kit-body{padding:36px 26px}
    /* Single column: let the photo keep its own 3:2 ratio instead of being
       cropped to fill a fixed-height panel. This specific photo must not be
       cropped. */
    .kit-img{height:auto;min-height:0}
    .kit-img img{aspect-ratio:3/2;height:auto}
    .kit-img{min-height:240px;order:-1}
  }
  @media (max-width:560px){ .allsongs{columns:1} }

  /* ===== Press Kit view (scoped so it can't leak into or be overridden by the home rules above) ===== */
  /* Views toggle via the hidden attribute so only one <main> is exposed at a
     time; two simultaneously-visible main landmarks is invalid. */
  [hidden]{display:none !important}
  #view-press .top{padding:78px 0 60px;border-bottom:1px solid var(--line)}
  #view-press h1{font-family:var(--poster);text-transform:uppercase;font-size:clamp(52px,10vw,132px);
     line-height:.86;letter-spacing:-.005em}
  @media (min-width:981px){#view-press h1{font-size:clamp(41.6px,8vw,105.6px)}}
  #view-press .top p{color:var(--dim);font-size:18px;line-height:1.65;max-width:60ch;margin-top:22px}
  #view-press .topbtns{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}
  #view-press section{padding:84px 0}
  #view-press h2{font-family:var(--poster);text-transform:uppercase;font-size:clamp(34px,5vw,64px);line-height:.9;letter-spacing:0}
  #view-press .sechead{margin-bottom:36px}
  #view-press .sechead p{color:var(--faint);font-size:16px;line-height:1.6;max-width:62ch;margin-top:14px}

  #view-press .bio{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:start}
  #view-press .bio p{font-size:17px;line-height:1.75;color:var(--dim)}
  #view-press .bio p + p{margin-top:18px}
  #view-press .bio strong{color:#fff;font-weight:600}
  #view-press .bioshot{border:1px solid var(--line);overflow:hidden;background:#000}
  #view-press .bioshot img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}
  #view-press .facts{border-top:1px solid var(--line);margin-top:34px}
  #view-press .fact{display:grid;grid-template-columns:190px 1fr;gap:24px;padding:15px 0;border-bottom:1px solid var(--line);font-size:15.5px}
  #view-press .fact dt{color:var(--faint);text-transform:uppercase;letter-spacing:.12em;font-size:12.5px;font-weight:600;padding-top:3px}
  #view-press .fact dd{color:var(--dim)}

  #view-press .lineup{margin:0;padding:0;list-style:none}
  #view-press .lineup li{padding:5px 0;color:var(--dim)}
  #view-press .lineup li b{color:#fff;font-weight:600;display:block;font-size:15px}
  #view-press .biocopy-head{margin-top:52px}
  #view-press .biocopy-head h3{font-family:var(--poster);text-transform:uppercase;
        font-size:clamp(24px,3vw,34px);line-height:1;letter-spacing:0}

  #view-press .blocks{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}
  #view-press .block{background:var(--ink);border:1px solid var(--line);padding:26px 26px 22px}
  #view-press .block>summary{font-family:var(--poster);text-transform:uppercase;font-size:20px;
        letter-spacing:.02em;cursor:pointer;list-style:none;display:flex;align-items:baseline;
        justify-content:space-between;gap:14px;color:#fff}
  #view-press .block>summary::-webkit-details-marker{display:none}
  #view-press .block>summary::after{content:"+";color:var(--a1);font-family:var(--body);
        font-size:22px;line-height:1;font-weight:700}
  #view-press .block[open]>summary::after{content:"–"}
  #view-press .block>summary:hover{color:var(--a1)}
  #view-press .block .len{color:var(--faint);font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;font-family:var(--body)}
  #view-press .block p{color:var(--dim);font-size:15.5px;line-height:1.7;margin-top:16px}
  #view-press .copybtn{margin-top:18px;background:none;border:1px solid var(--line2);color:var(--dim);
           font-family:var(--body);font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;
           padding:9px 16px;cursor:pointer;transition:color .2s,border-color .2s}
  #view-press .copybtn:hover{color:var(--a1);border-color:var(--a1)}
  #view-press .copybtn.done{color:#7BE07B;border-color:#2F6B2F}
  #view-press .copybtn.failed{color:#FF6B70;border-color:#7A2E30}

  #view-press .pk-songs{columns:3;column-gap:34px;margin-top:8px}
  #view-press .pk-songs span{display:block;break-inside:avoid;padding:9px 0;border-bottom:1px solid var(--line);
       font-size:15px;color:var(--dim)}
  #view-press .assets{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  #view-press .asset{background:var(--ink);border:1px solid var(--line);display:flex;flex-direction:column;
         transition:border-color .22s,transform .22s}
  #view-press .asset:hover{border-color:var(--a1);transform:translateY(-3px)}
  #view-press .thumb{aspect-ratio:16/10;overflow:hidden;background:#0A0A0E;border-bottom:1px solid var(--line);
         display:flex;align-items:center;justify-content:center}
  #view-press .thumb img{width:100%;height:100%;object-fit:cover}
  #view-press .thumb.pad img{object-fit:contain;padding:26px;background:#050507}
  #view-press .asset .meta{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}
  #view-press .asset h3{font-family:var(--poster);text-transform:uppercase;font-size:20px;letter-spacing:.02em}
  #view-press .asset .spec{color:var(--faint);font-size:13.5px;margin-top:5px}
  #view-press .asset .dl{margin-top:auto;padding-top:16px}
  #view-press .asset .dl a{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--dim);
               border-bottom:1px solid var(--line2);padding-bottom:3px;transition:color .2s,border-color .2s}
  #view-press .asset .dl a:hover{color:var(--a1);border-color:var(--a1)}

  #view-press .gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  #view-press .gallery figure{border:1px solid var(--line);background:var(--ink);overflow:hidden}
  /* Show each photo whole: nothing cut off, accepting the extra height. */
  #view-press .gallery img{width:100%;height:auto;display:block}
  #view-press .gallery figure{align-self:start}
  #view-press .gallery figcaption{padding:12px 14px;color:var(--faint);font-size:12px;
            letter-spacing:.14em;text-transform:uppercase;font-weight:600;border-top:1px solid var(--line)}

  #view-press .ytfallback{margin-top:16px;text-align:center;color:var(--faint);font-size:14px}
  #view-press .ytfallback a{color:var(--a1);border-bottom:1px solid var(--line2)}
  #view-press .ytfallback a:hover{border-color:var(--a1)}
  #view-press .ytwrap{margin-top:34px;display:flex;justify-content:center}
  #view-press .ytwrap iframe{width:100%;max-width:360px;aspect-ratio:9/16;border:1px solid var(--line);
            background:#000;display:block}

  #view-press .plot{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:start}
  #view-press .stage{border:1px solid var(--line);background:var(--ink)}
  #view-press .needs li{list-style:none;padding:12px 0;border-bottom:1px solid var(--line);color:var(--dim);font-size:15.5px}
  #view-press .needs li b{color:#fff;font-weight:600}
  #view-press .plot-full{margin-top:20px}
  #view-press .plot-full a{color:var(--a1);font-size:14px;letter-spacing:.12em;text-transform:uppercase;
            font-weight:600;border-bottom:1px solid var(--line2);padding-bottom:2px}
  #view-press .plot-full a:hover{border-color:var(--a1)}

  #view-press .contact{background:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center}
  #view-press .csocials{display:flex;gap:12px;justify-content:center;margin-top:34px;flex-wrap:wrap}

  #view-press .note{background:var(--ink2);border:1px solid var(--line2);padding:20px 22px;margin-top:34px;
        color:var(--faint);font-size:14.5px;line-height:1.7}
  #view-press .note b{color:var(--dim);display:block;margin-bottom:6px;text-transform:uppercase;font-size:12.5px;letter-spacing:.12em}

  @media (max-width:980px){
    #view-press section{padding:60px 0}
    #view-press .bio{grid-template-columns:1fr;gap:30px}
    #view-press .blocks{grid-template-columns:1fr}
    #view-press .pk-songs{columns:2}
    #view-press .assets{grid-template-columns:1fr 1fr}
    #view-press .gallery{grid-template-columns:1fr 1fr}
    #view-press .plot{grid-template-columns:1fr;gap:28px}
    #view-press .fact{grid-template-columns:1fr;gap:4px}
  }
  @media (max-width:600px){
    #view-press .assets{grid-template-columns:1fr}
    #view-press .gallery{grid-template-columns:1fr}
  }