:root {

  --paper:      #F4F1EA;
  --paper-lt:   #FAF8F4;
  --ink:        #050505;
  --vault:      #000000;

  --warm:       #2A241F;
  --muted:      #6B6359;
  --grey:       #C2C2C2;
  --white:      #FFFFFF;

  --hair:       #E4E0DC;
  --hair-dark:  #241F1B;
  --taupe:      #9A9084;
  --taupe-deep: #7C7367;

  --taupe-btn:  #6E6459;
  --taupe-btn-h:#584F46;
  --clay:       #7A3F32;


  --s1: 4px;  --s2: 8px;  --s3: 12px; --s4: 16px; --s5: 24px;
  --s6: 32px; --s7: 48px; --s8: 64px; --s9: 88px; --s10: 120px; --s11: 160px;

  --gap: 24px;
  --pad: 48px;
  --maxw: 1440px;
  --hdr-h: 72px;


  --sig:  'Figtree', 'Avenir Next', 'Nunito Sans', system-ui, sans-serif;
  --voice:'Newsreader', Georgia, 'Times New Roman', serif;
  --data: 'Open Sans', system-ui, -apple-system, sans-serif;


  --ease:     cubic-bezier(.23, 1, .32, 1);
  --ease-mv:  cubic-bezier(.77, 0, .175, 1);
  --ease-x:   linear;
}

*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  background: var(--paper);
  color: var(--warm);
  font: 400 17px/1.7 var(--voice);
  font-optical-sizing: auto;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

html:has(body.hm) { overflow-x: clip; }

img, svg { max-width: 100%; }
img { height: auto; display: block; border: 0; }

a { color: inherit; }

h1, h2, h3, h4 {
  font-family: var(--sig);
  font-weight: 800;
  margin: 0;
  letter-spacing: -.01em;
  line-height: 1.2;
  color: var(--ink);
}

p { margin: 0 0 1em; }
p:last-child { margin-bottom: 0; }

input, select, textarea, button { font: inherit; color: inherit; border-radius: 2px; }

::selection { background: var(--taupe); color: var(--white); }

:focus-visible {
  outline: 2px solid var(--taupe-deep);
  outline-offset: 3px;
}

.sr, .skip:not(:focus) {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
.skip:focus {
  position: fixed; z-index: 200; top: 12px; left: 12px; width: auto; height: auto;
  clip: auto; margin: 0; padding: 10px 16px; background: var(--ink); color: var(--white);
  font: 600 13px/1 var(--data); letter-spacing: .08em; text-transform: uppercase;
}

.wrap { width: min(var(--maxw), 100% - var(--pad) * 2); margin-inline: auto; }
.wrap--narrow { width: min(760px, 100% - var(--pad) * 2); }

.h-hero  { font: 800 88px/1.00 var(--sig); letter-spacing: -.03em; }
.h-room  { font: 800 64px/1.05 var(--sig); letter-spacing: -.02em; }
.h-sec   { font: 800 44px/1.20 var(--sig); letter-spacing: -.01em; }
.h-name  { font: 800 40px/1.15 var(--sig); letter-spacing: -.01em; }

.t-work  { font: 400 italic 26px/1.30 var(--voice); }

.body-l  { font: 400 24px/1.60 var(--voice); font-variation-settings: 'opsz' 20; max-width: 62ch; }
.body    { font: 400 19px/1.70 var(--voice); font-variation-settings: 'opsz' 16; max-width: 68ch; }
.cap     { font: 400 italic 15px/1.5 var(--voice); color: var(--muted); }

.field   { font: 600 11px/1.4 var(--data); letter-spacing: .10em; text-transform: uppercase; color: var(--muted); }
.value   { font: 400 15px/1.5 var(--data); font-variant-numeric: tabular-nums; }
.count   { font: 400 13px/1.4 var(--data); color: var(--muted); font-variant-numeric: tabular-nums; }

.bar { color: var(--taupe); font: 800 1em/1 var(--sig); }

.btn {
  display: inline-flex; align-items: center; justify-content: center;
  font: 600 13px/1 var(--data); letter-spacing: .08em; text-transform: uppercase;
  padding: 15px 26px; text-decoration: none; border: 1px solid transparent;
  transition: background-color .16s var(--ease), color .16s var(--ease),
              border-color .16s var(--ease), transform .12s var(--ease);
  cursor: pointer;
}

.btn:active, .lnk:active { transform: scale(.97); }
.btn--pill { border-radius: 999px; background: var(--taupe-btn); color: var(--white); }
@media (hover: hover) and (pointer: fine) { .btn--pill:hover { background: var(--taupe-btn-h); } }
.btn--lg { padding: 18px 34px; }
.btn--ghost { border-color: currentColor; background: none; }
@media (hover: hover) and (pointer: fine) {
  .btn--ghost:hover { background: var(--white); color: var(--ink); border-color: var(--white); }
}
.btn--line {
  background: none; color: var(--warm); border: 0; border-bottom: 1px solid var(--taupe);
  padding: 0 0 6px; letter-spacing: .1em;
}
@media (hover: hover) and (pointer: fine) { .btn--line:hover { border-color: var(--warm); } }

.lnk {
  background: none; border: 0; padding: 0; cursor: pointer;
  font: 600 12px/1 var(--data); letter-spacing: .08em; text-transform: uppercase;
  color: var(--muted); border-bottom: 1px solid var(--hair);
}
.lnk { transition: color .16s var(--ease), border-color .16s var(--ease), transform .12s var(--ease); }
@media (hover: hover) and (pointer: fine) { .lnk:hover { color: var(--warm); border-color: var(--taupe); } }

.pill {
  display: inline-block; background: var(--clay); color: var(--white);
  font: 700 11px/1 var(--data); letter-spacing: .12em; text-transform: uppercase;
  padding: 6px 10px;
}

.js-rv .rv {
  opacity: 0; transform: translateY(12px);
  transition: opacity .4s var(--ease), transform .4s var(--ease);
}
.js-rv .rv.in { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .001ms !important; animation-iteration-count: 1 !important;
    transition-property: opacity, color, background-color, border-color !important;
    transition-duration: .15s !important;
    scroll-behavior: auto !important;
  }
  .js-rv .rv { opacity: 1; transform: none; }
}





.hdr {
  position: fixed; inset: 0 0 auto; z-index: 90;
  height: var(--hdr-h);

  contain: layout paint;
  transition: height .18s var(--ease), background-color .18s var(--ease), border-color .18s var(--ease);
  border-bottom: 1px solid transparent;
}
.hdr__in {
  height: 100%; width: min(var(--maxw), 100% - var(--pad) * 2); margin-inline: auto;
  display: flex; align-items: center; gap: var(--s6);
}

.hdr__mark { display: block; flex: none; position: relative; line-height: 0; }

.hdr__logo {
  width: 194px; height: auto; transform-origin: 0 50%;
  transition: transform .18s var(--ease), opacity .18s var(--ease);
}
.hdr__logo--dark { position: absolute; inset: 0; opacity: 0; }



.hdr--solid, .hdr.is-stuck {
  background: var(--paper);
  border-bottom-color: var(--hair);
}
.hdr--solid .hdr__logo--light, .hdr.is-stuck .hdr__logo--light { opacity: 0; }
.hdr--solid .hdr__logo--dark,  .hdr.is-stuck .hdr__logo--dark  { opacity: 1; }
.hdr.is-stuck { height: 56px; }
.hdr.is-stuck .hdr__logo { transform: scale(.815); }

.hdr__nav { margin-left: auto; display: flex; align-items: center; gap: var(--s6); }
.hdr__nav > a, .hdr__has > a {
  font: 600 14px/1 var(--data); letter-spacing: .06em; text-decoration: none;
  color: var(--white); padding: 6px 0; position: relative; white-space: nowrap;
}
.hdr--solid .hdr__nav > a, .hdr--solid .hdr__has > a,
.hdr.is-stuck .hdr__nav > a, .hdr.is-stuck .hdr__has > a { color: var(--warm); }
.hdr__nav > a.btn--pill { color: var(--white); padding: 12px 24px; }


.hdr__nav a:not(.btn)::after {
  content: ''; position: absolute; left: 0; bottom: 0; height: 1px; width: 100%;
  background: var(--taupe); transform: scaleX(0); transform-origin: 0 50%;
  transition: transform .12s var(--ease);
}
@media (hover: hover) and (pointer: fine) { .hdr__nav a:not(.btn):hover::after { transform: scaleX(1); } }
.hdr__nav a[aria-current]::after { transform: scaleX(1); }



.hdr__has { position: relative; display: flex; align-items: center; }
.hdr__rooms {
  position: absolute; top: calc(100% + 14px); left: -20px; min-width: 232px;
  background: var(--paper-lt); border: 1px solid var(--hair);
  box-shadow: 0 24px 48px -28px rgba(5,5,5,.4);
  padding: 8px 0; display: grid; opacity: 0; visibility: hidden;
  transform-origin: 20px 0;
  transform: translateY(-4px) scale(.98);

  transition: opacity .12s var(--ease), transform .12s var(--ease), visibility 0s linear .12s;
}
.hdr__has:hover .hdr__rooms, .hdr__has:focus-within .hdr__rooms {
  opacity: 1; visibility: visible; transform: none;
  transition: opacity .16s var(--ease), transform .16s var(--ease), visibility 0s;
}
.hdr__rooms a {
  display: flex; justify-content: space-between; gap: var(--s5);
  padding: 11px 20px; text-decoration: none; color: var(--warm);
  font: 600 13px/1 var(--data); letter-spacing: .04em;
}
@media (hover: hover) and (pointer: fine) { .hdr__rooms a:hover { background: var(--paper); } }
.hdr__rooms b { font-weight: 400; color: var(--muted); font-variant-numeric: tabular-nums; }

.hdr__burger {
  display: none; margin-left: auto; width: 48px; height: 48px; background: none;
  border: 0; padding: 12px; cursor: pointer;
}
.hdr__burger span { display: block; height: 1.5px; background: var(--white); margin: 7px 0; transition: background-color .18s var(--ease); }
.hdr--solid .hdr__burger span, .hdr.is-stuck .hdr__burger span { background: var(--warm); }



.sheet {
  position: fixed; inset: 0; z-index: 120; background: var(--paper);
  display: flex; flex-direction: column; padding: 20px 20px 32px;

  transform: translateY(100%); transition: transform .2s var(--ease);
}
.sheet.is-open { transition-duration: .28s; }
.sheet[hidden] { display: none; }
.sheet.is-open { transform: none; }
.sheet__top { display: flex; align-items: center; justify-content: space-between; }
.sheet__top img { width: 168px; }
.sheet__x { width: 44px; height: 44px; background: none; border: 0; font-size: 30px; line-height: 1; cursor: pointer; color: var(--warm); }
.sheet__nav { margin-top: var(--s7); display: grid; }
.sheet__nav > a {
  font: 400 32px/1 var(--voice); text-decoration: none; color: var(--warm);
  border-top: 1px solid var(--hair); min-height: 64px; display: flex; align-items: center;
  padding-left: 18px; position: relative;
}
.sheet__nav > a[aria-current]::before {
  content: '|'; position: absolute; left: 0; color: var(--taupe); font-family: var(--sig); font-weight: 800;
}
.sheet__sub { display: grid; border-top: 1px solid var(--hair); padding: 6px 0 6px 18px; }
.sheet__sub a {
  font: 400 16px/1 var(--data); color: var(--muted); text-decoration: none;
  min-height: 44px; display: flex; align-items: center; justify-content: space-between; padding-right: 8px;
}
.sheet__sub b { font-weight: 400; font-variant-numeric: tabular-nums; }
.sheet__foot {
  margin-top: auto; padding-top: var(--s5); border-top: 2px solid var(--warm);
  display: grid; gap: 8px; font: 400 15px/1.5 var(--data);
}
.sheet__foot a { color: var(--warm); }
.sheet:not(.is-open) .sheet__nav > a, .sheet:not(.is-open) .sheet__foot { opacity: 0; transform: translateY(10px); }
.sheet.is-open .sheet__nav > a, .sheet.is-open .sheet__foot {
  opacity: 1; transform: none; transition: opacity .3s var(--ease), transform .3s var(--ease);
}

body.locked {
  position: fixed;
  left: 0;
  right: 0;
  width: 100%;
  overflow: hidden;
  overscroll-behavior: none;
}



.dark { background: var(--ink); color: var(--grey); }
.dark h1, .dark h2, .dark h3 { color: var(--white); }
.dark .count, .dark .field { color: #8B8377; }
.dark a { color: var(--white); }

.sec { padding-block: var(--s11); }
.sec--dark { background: var(--ink); color: var(--grey); padding-block: 200px; }
.sec--dark h1, .sec--dark h2, .sec--dark h3 { color: var(--white); }
.sec--tight { padding-block: var(--s7) var(--s10); }


.hr { border: 0; border-top: 1px solid var(--hair); margin: 0; }



.mast { padding: calc(var(--hdr-h) + var(--s7)) 0 var(--s6); }

.mast__in { display: flex; align-items: baseline; justify-content: flex-start; gap: var(--s5); flex-wrap: wrap; }
.mast h1 { display: flex; align-items: baseline; gap: 14px; }
.mast__lede { margin-top: var(--s5); font: 400 21px/1.6 var(--voice); color: var(--muted); max-width: 56ch; }

.crumbs ol { list-style: none; margin: 0 0 var(--s5); padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.crumbs li + li::before { content: '/'; color: var(--hair); margin-right: 8px; }
.crumbs { font: 400 12px/1 var(--data); letter-spacing: .04em; color: var(--muted); }

.amast .crumbs, .svc .crumbs, .wall .crumbs, .split__dark .crumbs { color: #A9A196; }
.amast .crumbs li + li::before, .svc .crumbs li + li::before { color: #4A443D; }
.crumbs a { text-decoration: none; }
.crumbs a:hover { color: var(--warm); text-decoration: underline; text-underline-offset: 3px; }




.cta {
  background: var(--ink); color: var(--grey); overflow: hidden;
  display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: var(--s9); align-items: center;
}
.cta__pic {
  align-self: stretch; display: flex; align-items: center; justify-content: flex-start;
  padding: var(--s9) 0;

  margin-left: calc(var(--pad) * -1);
}
.cta__pic img { max-height: 46vh; width: auto; max-width: 100%; }

.pg-work .cta__pic { justify-content: flex-end; }
.cta__say { padding: var(--s10) var(--pad) var(--s10) 0; max-width: 640px; }
.cta h2 { color: var(--white); font: 800 40px/1.15 var(--sig); letter-spacing: -.01em; }
.cta p { margin-top: var(--s5); font: 400 19px/1.7 var(--voice); max-width: 48ch; }
.cta__act { margin-top: var(--s7); display: flex; gap: var(--s6); align-items: center; flex-wrap: wrap; }
.cta__alt {
  font: 600 13px/1 var(--data); letter-spacing: .08em; text-transform: uppercase;
  color: var(--grey); text-decoration: none; border-bottom: 1px solid #3A342E; padding-bottom: 5px;
  transition: border-color .16s var(--ease);
}
@media (hover: hover) and (pointer: fine) { .cta__alt:hover { border-bottom-color: var(--taupe); } }
.cta__cap { margin-top: var(--s7); padding-top: 14px; border-top: 1px solid #2C2722; }
.cta__cap a { font: 400 14px/1.5 var(--data); color: #8B8377; text-decoration: none; }
.cta__cap i { font-family: var(--voice); font-size: 15px; color: var(--grey); }

.cta--plain { grid-template-columns: 1fr; }
.cta--plain .cta__say { padding-inline: var(--pad); margin-inline: auto; width: min(var(--maxw), 100%); max-width: none; }


@media (min-width: 1600px) {
  .cta { grid-template-columns: minmax(0, 3.4fr) minmax(0, 8.6fr); }
  .cta--plain { grid-template-columns: 1fr; }
  .cta__pic { justify-content: center; }
  .cta__pic img { max-height: 78vh; }
  .cta__say { max-width: 1180px; justify-self: center; padding-right: 0; }
  .cta p { max-width: none; }
}



.foot { background: var(--paper); border-top: 1px solid var(--hair); padding: var(--s9) 0 var(--s5); }
.foot__in {
  width: min(var(--maxw), 100% - var(--pad) * 2); margin-inline: auto;
  display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: var(--s7);
}
.foot__col + .foot__col { border-left: 1px solid var(--hair); padding-left: var(--s7); }
.foot__logo { width: 216px; }
.foot__by { margin-top: 14px; font: 400 italic 15px/1.5 var(--voice); color: var(--muted); }
.foot__badges { margin-top: var(--s6); display: flex; gap: var(--s5); align-items: center; }
.foot__badges img { height: 54px; width: auto; }
.foot__h {
  font: 600 11px/1.4 var(--data); letter-spacing: .10em; text-transform: uppercase;
  color: var(--muted); margin-bottom: 18px;
}
.foot__h--gap { margin-top: var(--s6); }
.foot ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 11px; }
.foot li { font: 400 15px/1.5 var(--data); }
.foot li a { text-decoration: none; display: inline-flex; gap: 10px; align-items: baseline; }
.foot li a:hover { text-decoration: underline; text-underline-offset: 4px; text-decoration-color: var(--taupe); }
.foot li a span { color: var(--muted); font-variant-numeric: tabular-nums; font-size: 13px; }
.foot__cta { border-bottom: 1px solid var(--taupe); padding-bottom: 3px; }
.foot__bar {
  width: min(var(--maxw), 100% - var(--pad) * 2); margin: var(--s9) auto 0;
  border-top: 1px solid var(--hair); padding-top: var(--s5);
  display: flex; justify-content: space-between; gap: var(--s5); flex-wrap: wrap;
  font: 400 12px/1.5 var(--data); color: var(--muted);
}
.foot__bar a { text-decoration: none; margin-left: var(--s5); }
.foot__bar a:hover { color: var(--warm); }



.foot__agency {
  display: inline-flex; align-items: center; gap: 9px;
  text-decoration: none; color: var(--muted);
  font: 400 13px/1 var(--data);
  opacity: .78; transition: opacity .16s var(--ease);
}
.foot__agency:hover { opacity: 1; }
.foot__agency img { width: 112px; height: auto; display: block; }

.grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--s9) var(--gap);
  align-items: start;
}

.tile { display: grid; text-decoration: none; color: inherit; }

.tile__box {
  height: 340px;
  display: flex; align-items: center; justify-content: center;

}

.tile__box img {
  max-width: 100%; max-height: 100%; width: auto; height: auto;
  border: 1px solid var(--hair);
  box-shadow: 0 18px 40px -24px rgba(5, 5, 5, .30);
  transition: box-shadow .12s var(--ease);
  background: var(--white);
}
@media (hover: hover) and (pointer: fine) {
  .tile:hover .tile__box img { box-shadow: 0 26px 52px -22px rgba(5, 5, 5, .42); }
}

.tile--object .tile__box { position: relative; }
.tile--object .tile__box img { border: 0; box-shadow: none; background: none; }
.tile--object .tile__box::after {
  content: ''; position: absolute; left: 18%; right: 18%; bottom: -6px; height: 16px;
  background: radial-gradient(ellipse at center, rgba(5,5,5,.24), transparent 72%);
}

.tile--wide { grid-column: span 2; }

.tile__lab {
  border-top: 1px solid var(--hair);
  padding-top: 14px; margin-top: 18px; display: grid; gap: 5px;
}

.tile__t {
  font: 400 italic 19px/1.35 var(--voice); color: var(--ink);
  min-height: 2.7em;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  background-image: linear-gradient(var(--taupe), var(--taupe));
  background-size: 0 1px; background-repeat: no-repeat; background-position: 0 100%;
  transition: background-size .12s var(--ease);
}
@media (hover: hover) and (pointer: fine) { .tile:hover .tile__t { background-size: 100% 1px; } }
.tile__m, .tile__d {
  font: 400 13px/1.5 var(--data); color: var(--muted); font-variant-numeric: tabular-nums;
}

.tile__p {
  min-height: 23px; display: flex; align-items: center;
  font: 600 15px/1.2 var(--data); font-variant-numeric: tabular-nums; color: var(--ink);
}

.tile__p--sold { opacity: 1; }

.tile.is-out { display: none; }

.seam {
  border-top: 1px solid var(--warm); padding-top: var(--s5);
  margin: var(--s11) 0 var(--s8);
  display: grid; grid-template-columns: 1fr auto; gap: 8px var(--s7); align-items: baseline;
}
.seam h2 { font: 800 34px/1.15 var(--sig); letter-spacing: -.01em; }
.seam p { grid-column: 1; font: 400 18px/1.6 var(--voice); color: var(--muted); max-width: 60ch; margin: 0; }
.seam .count { grid-row: 1; grid-column: 2; }
.seam.is-out { display: none; }

.bands { display: grid; gap: var(--s11); }
.band {
  display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(280px, .78fr);
  gap: var(--s9); align-items: center;
}
.band--flip > .band__pic { order: 2; }
.band--flip > .band__lab { order: 1; text-align: right; }
.band--flip .lab__fields { justify-items: end; }
.band--flip .band__lab .btn { margin-left: auto; }

.band__pic { display: flex; justify-content: center; }
.band__pic img {
  max-height: 72vh; width: auto; max-width: 100%;
  border: 1px solid var(--hair); box-shadow: 0 30px 64px -34px rgba(5, 5, 5, .38);
  background: var(--white);
}

.band--object .band__pic { position: relative; flex-direction: column; }
.band--object .band__pic img { border: 0; box-shadow: none; background: none; }
.band--object .band__pic::after {
  content: ''; display: block; width: 62%; height: 30px; margin-top: -6px;
  background: radial-gradient(ellipse at 50% 0%, rgba(5,5,5,.34), transparent 70%);
}
.tile--object .tile__box::after {
  content: ''; position: absolute; left: 18%; right: 18%; bottom: 0; height: 18px;
  background: radial-gradient(ellipse at 50% 0%, rgba(5,5,5,.30), transparent 72%);
}
.band.is-out { display: none; }

.lab__artist { font: 600 11px/1.4 var(--data); letter-spacing: .10em; text-transform: uppercase; color: var(--muted); margin: 0 0 12px; }
.lab__title { font: 400 italic 30px/1.25 var(--voice); font-weight: 400; color: var(--ink); }
.lab__title a { text-decoration: none; }
@media (hover: hover) and (pointer: fine) {
  .lab__title a:hover { text-decoration: underline; text-underline-offset: 5px; text-decoration-color: var(--taupe); }
}
.lab__year { margin: 8px 0 0; font: 400 15px/1.5 var(--data); color: var(--muted); }
.lab__fields { margin: var(--s5) 0 0; display: grid; gap: 4px; }
.lab__fields dt { font: 600 11px/1.4 var(--data); letter-spacing: .10em; text-transform: uppercase; color: var(--muted); margin-top: 12px; }
.lab__fields dd { margin: 0; font: 400 15px/1.5 var(--data); font-variant-numeric: tabular-nums; }
.lab__price { margin: var(--s5) 0; padding-top: var(--s4); border-top: 1px solid var(--hair); }
.lab__p { min-height: 26px; display: block; font: 600 19px/1.2 var(--data); font-variant-numeric: tabular-nums; }

.rail { padding-block: var(--s10); position: relative; }
.rail__head { display: flex; align-items: baseline; justify-content: space-between; gap: var(--s5); margin-bottom: var(--s7); }
.rail__head h2 { font: 800 30px/1.2 var(--sig); }
.rail__head .count { margin-left: auto; }

.rail__arrows { display: flex; gap: 8px; flex: 0 0 auto; align-self: center; }
.rarrow {
  width: 44px; height: 44px; padding: 0; display: grid; place-items: center;
  border: 1px solid var(--hair); border-radius: 50%;
  background: transparent; color: var(--ink); cursor: pointer;
  transition: opacity .3s var(--ease), border-color .3s var(--ease), background-color .3s var(--ease);
}
.rarrow svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
@media (hover: hover) and (pointer: fine) {
  .rarrow:hover:not(:disabled) { border-color: var(--taupe-deep); background: rgba(42, 35, 28, .05); }
}
.rarrow:focus-visible { outline: 2px solid var(--taupe-deep); outline-offset: 2px; }
.rarrow:disabled { opacity: .28; cursor: default; }
.rail--dark .rarrow, .pg-dark .rarrow { color: var(--paper); border-color: var(--hair-dark); }

.rail__track {
  display: grid; grid-auto-flow: column; grid-auto-columns: minmax(240px, 1fr);
  gap: var(--gap); overflow-x: auto; overflow-y: hidden;
  overscroll-behavior-x: contain;
  padding: 0 var(--pad) var(--s5) max(calc((100vw - var(--maxw)) / 2), var(--pad));
  scroll-padding-inline-start: max(calc((100vw - var(--maxw)) / 2), var(--pad));
  scrollbar-width: none; -ms-overflow-style: none;
}
.rail__track::-webkit-scrollbar { width: 0; height: 0; display: none; }
.rail__track:focus-visible { outline: 2px solid var(--taupe-deep); outline-offset: -2px; }
.rcard { text-decoration: none; color: inherit; display: grid; }
.rcard__box { height: 230px; display: flex; align-items: flex-end; justify-content: center; }
.rcard__box img {
  max-width: 100%; max-height: 100%; width: auto; height: auto;
  border: 1px solid var(--hair); box-shadow: 0 16px 34px -22px rgba(5,5,5,.3); background: var(--white);
}
.rcard__t { margin-top: 16px; padding-top: 12px; border-top: 1px solid var(--hair); font: 400 italic 17px/1.35 var(--voice); }
.rcard__a { font: 400 13px/1.5 var(--data); color: var(--muted); margin-top: 4px; }
.rcard__p { min-height: 22px; font: 600 15px/1.2 var(--data); font-variant-numeric: tabular-nums; }
.rail--dark { background: var(--ink); }
.rail--dark .rcard__t { color: var(--white); border-color: var(--hair-dark); }

.rooms { display: flex; gap: 2px; flex-wrap: wrap; border-bottom: 1px solid var(--hair); }
.rooms a {
  text-decoration: none; padding: 14px 22px; font: 600 13px/1 var(--data);
  letter-spacing: .06em; color: var(--muted); border-bottom: 2px solid transparent;
  margin-bottom: -1px; display: flex; gap: 9px; align-items: baseline;
}
.rooms a b { font-weight: 400; font-size: 12px; font-variant-numeric: tabular-nums; }
.rooms a:hover { color: var(--warm); }
.rooms a[aria-current] { color: var(--ink); border-bottom-color: var(--taupe); }

.roomlayout { display: grid; grid-template-columns: 232px minmax(0, 1fr); gap: var(--s8); }
.filters {
  position: sticky; top: calc(var(--hdr-h) + 24px); align-self: start;
  max-height: calc(100vh - 140px); overflow-y: auto; padding-right: 10px;
  scrollbar-width: thin; scrollbar-color: var(--taupe) transparent;
}
.filters::-webkit-scrollbar { width: 8px; }
.filters::-webkit-scrollbar-thumb { background: var(--taupe); }
.filters__search input {
  width: 100%; padding: 12px 14px; border: 1px solid var(--hair); background: var(--paper-lt);
  font: 400 14px/1.4 var(--data);
}
.filters__search input::placeholder { color: var(--muted); }
.fset { border: 0; border-top: 1px solid var(--hair); margin: var(--s5) 0 0; padding: var(--s4) 0 0; }
.fset legend { font: 600 11px/1.4 var(--data); letter-spacing: .10em; text-transform: uppercase; color: var(--muted); padding: 0; }
.fset__in { display: grid; gap: 2px; margin-top: 10px; }

.fset__in--scroll { max-height: none; overflow: visible; }
.fset__grp { font: 600 10px/1 var(--data); letter-spacing: .12em; text-transform: uppercase; color: var(--taupe-deep); margin: 14px 0 6px; }
.chip { display: flex; align-items: center; gap: 9px; cursor: pointer; padding: 5px 0; }
.chip input { width: 14px; height: 14px; accent-color: var(--taupe-deep); flex: none; margin: 0; }
.chip span { font: 400 14px/1.4 var(--data); display: flex; gap: 8px; align-items: baseline; }
.chip b { font-weight: 400; font-size: 12px; color: var(--muted); font-variant-numeric: tabular-nums; }
.chip:hover span { color: var(--ink); }
.filters__foot { margin-top: var(--s5); padding-top: var(--s4); border-top: 1px solid var(--hair); }

.sortbar { display: flex; align-items: baseline; justify-content: space-between; gap: var(--s5); margin-bottom: var(--s7); padding-bottom: 14px; border-bottom: 1px solid var(--hair); }
.sortbar__n { margin: 0; font: 400 13px/1.4 var(--data); color: var(--muted); font-variant-numeric: tabular-nums; }
.sortbar__s { display: flex; gap: 10px; align-items: center; font: 600 11px/1.4 var(--data); letter-spacing: .10em; text-transform: uppercase; color: var(--muted); }
.sortbar select { border: 1px solid var(--hair); background: var(--paper-lt); padding: 8px 12px; font: 400 13px/1 var(--data); text-transform: none; letter-spacing: 0; color: var(--warm); }
.results { transition: opacity .14s var(--ease); }
.results.is-swapping { opacity: 0; }
.empty { padding: var(--s9) 0; font: 400 italic 19px/1.6 var(--voice); color: var(--muted); }

.filterbtn { display: none; }
.sheetbar { display: none; }
.filters.is-sheet .sheetbar { display: flex; }

.work { display: grid; grid-template-columns: minmax(0, 2fr) minmax(360px, 1fr); }

.wall {
  background: var(--ink); display: flex; align-items: center; justify-content: center;
  padding: calc(var(--hdr-h) + var(--s8)) 4vw var(--s8);
  min-height: 0;
}
.wall__frame { cursor: zoom-in; background: none; border: 0; padding: 0; display: block; max-width: 100%; }

.wall--wide .wall__frame { width: 100%; }
.wall--wide .wall__frame img { max-height: none; width: 100%; }
.wall__frame img {
  max-height: 78vh; width: auto; max-width: 100%;
  background: var(--white); padding: 24px; border: 1px solid #1E1A17;

  box-shadow: 0 30px 70px -50px rgba(0, 0, 0, 1);
}
.wall--object .wall__frame img { padding: 0; border: 0; background: none; box-shadow: none; }
.wall--object .wall__frame { position: relative; }
.wall--object .wall__frame::after {
  content: ''; position: absolute; left: 20%; right: 20%; bottom: -14px; height: 30px;
  background: radial-gradient(ellipse at center, rgba(0,0,0,.85), transparent 70%);
}
.wall__cap { position: absolute; }

.wl { background: var(--paper-lt); padding: calc(var(--hdr-h) + var(--s8)) var(--s7) var(--s8); }
.wl__in { position: sticky; top: calc(var(--hdr-h) + var(--s7)); }
.wl__artist { display: block; font: 600 11px/1.4 var(--data); letter-spacing: .10em; text-transform: uppercase; color: var(--muted); text-decoration: none; }
.wl__artist:hover { color: var(--warm); text-decoration: underline; text-underline-offset: 4px; }
.wl h1 { font: 400 italic 26px/1.30 var(--voice); font-weight: 400; margin: 14px 0 0; }
.wl__series { margin: 6px 0 0; font: 400 italic 15px/1.5 var(--voice); color: var(--muted); }
.wl__year { margin: 10px 0 0; font: 400 15px/1.5 var(--data); color: var(--muted); }

.wl__fields { margin: var(--s6) 0 0; border-top: 1px solid var(--hair); }
.wl__row { display: grid; grid-template-columns: 116px minmax(0, 1fr); gap: var(--s4); padding: 13px 0; border-bottom: 1px solid var(--hair); }
.wl__row dt { font: 600 11px/1.6 var(--data); letter-spacing: .10em; text-transform: uppercase; color: var(--muted); }
.wl__row dd { margin: 0; font: 400 15px/1.6 var(--data); font-variant-numeric: tabular-nums; }

.wl__price { margin-top: var(--s5); padding-top: var(--s5); border-top: 2px solid var(--warm); display: grid; grid-template-columns: 116px minmax(0, 1fr); gap: var(--s4); align-items: center; }
.wl__price dt { font: 600 11px/1.6 var(--data); letter-spacing: .10em; text-transform: uppercase; color: var(--muted); }
.wl__price dd { margin: 0; }
.wl__p { display: block; min-height: 26px; font: 600 19px/1.2 var(--data); font-variant-numeric: tabular-nums; }

.wl__note {
  margin: var(--s5) 0 0; padding-top: var(--s5); border-top: 1px solid var(--hair);
  font: 400 italic 15px/1.6 var(--voice); color: var(--muted);
}
.wl .btn { margin-top: var(--s6); width: 100%; }
.wl__sold { margin-top: 14px; font: 400 13px/1.5 var(--data); color: var(--muted); }

.dock { display: none; }

.about-artist { padding-block: var(--s10); }
.about-artist__in { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--s9); }
.about-artist h2 { font: 800 34px/1.15 var(--sig); }
.about-artist .body { margin-top: var(--s5); }
.about-artist .count { display: block; margin-top: var(--s4); }

.about-artist__again { margin-top: var(--s6); }
.about-artist__img {
  display: block; width: auto; height: auto;
  max-width: 100%; max-height: 320px;
  border: 1px solid var(--hair); background: var(--white);
  box-shadow: 0 16px 34px -22px rgba(5, 5, 5, .3);
}

.lightbox {
  position: fixed; inset: 0; z-index: 150; background: rgba(0, 0, 0, .96);
  display: flex; align-items: center; justify-content: center; padding: 4vw;
  opacity: 0; transition: opacity .2s var(--ease);
}
.lightbox[hidden] { display: none; }
.lightbox.is-open { opacity: 1; }
.lightbox img { max-width: 100%; max-height: 92vh; width: auto; }
.lightbox__x { position: absolute; top: 20px; right: 24px; width: 48px; height: 48px; background: none; border: 1px solid #333; color: #fff; font-size: 26px; cursor: pointer; }

.amast { background: var(--ink); color: var(--grey); padding: calc(var(--hdr-h) + var(--s8)) 0 var(--s8); position: relative; overflow: hidden; }
.amast__in { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--s9); align-items: center; }
.amast h1 { color: var(--white); font: 800 40px/1.15 var(--sig); letter-spacing: -.01em; }
.amast .count { display: block; margin-top: 12px; }
.amast__bio { margin-top: var(--s5); font: 400 18px/1.75 var(--voice); color: var(--grey); max-width: 66ch; }
.amast__bio p + p { margin-top: 1em; }

.amast__pic { display: flex; justify-content: center; align-items: center; }
.amast__pic img { max-height: 480px; max-width: 100%; width: auto; height: auto; }

.amast--paper { background: var(--paper); color: var(--warm); padding-bottom: var(--s9); }
.amast--paper h1 { color: var(--ink); }
.amast--paper .amast__bio { color: var(--warm); }

.sticky {
  position: sticky; top: var(--hdr-h); z-index: 60;
  background: var(--paper-lt);
  border-bottom: 1px solid var(--hair); opacity: 0; pointer-events: none;
  transition: opacity .16s var(--ease);
}
.sticky.is-on { opacity: 1; pointer-events: auto; }
.sticky__in { display: flex; align-items: center; gap: var(--s5); padding: 12px 0; flex-wrap: wrap; }
.sticky__name { font: 800 16px/1 var(--sig); }
.sticky__f { margin-left: auto; display: flex; gap: 8px; flex-wrap: wrap; }
.sticky__f button {
  background: none; border: 1px solid var(--hair); padding: 7px 14px;
  font: 400 12px/1 var(--data); color: var(--muted); cursor: pointer;
}
.sticky__f button[aria-pressed="true"] { border-color: var(--taupe); color: var(--ink); background: var(--white); }

.rcard--wide { grid-column: span 2; }
.rcard--wide .rcard__box { align-items: center; }

.is-filler { color: var(--muted); font-style: italic; font-weight: 400; }
.wl__fillnote {
  margin: 12px 0 0; font: 400 italic 14px/1.6 var(--voice); color: var(--muted);
}

.work--wide { grid-template-columns: 1fr; }
.work--wide .wall { padding-inline: var(--pad); }
.work--wide .wall__frame img { max-height: 62vh; }
.work--wide .wl { padding-top: var(--s7); }
.work--wide .wl__in { position: static; }
.work--wide .wl__fields { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 var(--s7); }
.work--wide .wl__row { grid-template-columns: 1fr; gap: 4px; border-bottom: 0; }
.work--wide .wl .btn { width: auto; min-width: 320px; }

.lightbox--wide { display: block; overflow: auto; -webkit-overflow-scrolling: touch; padding: 0; }
.lightbox--wide img { max-width: none; max-height: none; height: 82vh; width: auto; margin: 9vh var(--pad); }
.lightbox__hint {
  position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%); margin: 0;
  font: 600 11px/1 var(--data); letter-spacing: .10em; text-transform: uppercase;
  color: #8B8377; pointer-events: none;
}

.amast--about { background: var(--ink); padding: calc(var(--hdr-h) + var(--s9)) 0 var(--s9); }
.amast--about h1 { font: 800 64px/1.05 var(--sig); letter-spacing: -.02em; color: var(--white); }

.port { padding-block: var(--s10); overflow: hidden; }
.port__in { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--s9); align-items: center; }
.port__pic { margin-left: calc((100vw - var(--maxw)) / -2 - var(--pad)); }
.port__pic img { width: 100%; height: auto; }
.port__say h2 { font: 800 44px/1.15 var(--sig); letter-spacing: -.01em; }
.port__say h2 + h2 { margin-top: var(--s5); font: 400 italic 22px/1.4 var(--voice); font-weight: 400; color: var(--muted); }
.port__say .cap { margin-top: var(--s5); display: block; }

.mission { padding-block: var(--s10); }
.mission__in { position: relative; padding-left: var(--s7); max-width: 66ch; }
.mission__in::before { content: '|'; position: absolute; left: 0; top: -6px; font: 800 54px/1 var(--sig); color: var(--taupe); }
.mission h2 { font: 600 11px/1.4 var(--data); letter-spacing: .10em; text-transform: uppercase; color: var(--muted); margin-bottom: var(--s5); }
.mission p { font: 400 24px/1.6 var(--voice); font-variation-settings: 'opsz' 20; max-width: 62ch; }

.record { padding-block: var(--s10); border-top: 1px solid var(--hair); }
.record__in { display: grid; grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); gap: var(--s9); }
.record__body { columns: 2; column-gap: var(--s7); column-rule: 1px solid var(--hair); }
.record__body p { font: 400 17px/1.7 var(--voice); }

.aside { border-top: 2px solid var(--warm); padding-top: var(--s4); align-self: start; position: sticky; top: calc(var(--hdr-h) + var(--s7)); }
.aside h3 { font: 600 11px/1.4 var(--data); letter-spacing: .10em; text-transform: uppercase; color: var(--muted); }
.aside ul { list-style: none; margin: var(--s4) 0 0; padding: 0; display: grid; }
.aside li { font: 400 14px/1.5 var(--data); padding: 9px 0; border-bottom: 1px solid var(--hair); }
.aside__note { margin-top: var(--s4); font: 400 italic 15px/1.6 var(--voice); color: var(--muted); }

.insta { background: var(--ink); color: var(--grey); padding-block: var(--s10); overflow: hidden; }
.insta__in { width: min(var(--maxw), 100% - var(--pad) * 2); margin-inline: auto; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--s9); align-items: center; }
.insta h2 { color: var(--white); font: 800 40px/1.15 var(--sig); }
.insta h3 { color: var(--muted); font: 600 11px/1.4 var(--data); letter-spacing: .10em; text-transform: uppercase; margin-bottom: 14px; }
.insta p { margin-top: var(--s5); font: 400 18px/1.7 var(--voice); max-width: 46ch; white-space: pre-line; }
.insta .btn { margin-top: var(--s6); }

.insta__strip { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--s4); }
.insta__strip img {
  width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 0;
  border: 1px solid #2C2722;
}

.roster { padding-block: var(--s9); }
.roster + .roster { border-top: 1px solid var(--hair); }
.roster__h { display: flex; align-items: baseline; justify-content: space-between; gap: var(--s5); margin-bottom: var(--s7); }
.roster__h h2 { font: 800 34px/1.15 var(--sig); }
.rlist { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--s7) var(--gap); }
.acard { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: var(--s5); text-decoration: none; color: inherit; align-items: start; }
.acard__box { height: 148px; display: flex; align-items: center; justify-content: center; }
.acard__box img { max-height: 100%; max-width: 100%; width: auto; height: auto; border: 1px solid var(--hair); box-shadow: 0 14px 30px -20px rgba(5,5,5,.32); background: var(--white); }
.acard h3 { font: 800 20px/1.2 var(--sig); }
.acard__bio { margin-top: 9px; font: 400 15px/1.6 var(--voice); color: var(--muted); display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.acard .count { margin-top: 10px; display: block; }
.acard:hover h3 { text-decoration: underline; text-underline-offset: 5px; text-decoration-color: var(--taupe); }

.split { display: grid; grid-template-columns: 1fr 1fr; min-height: 100vh; }
.split__dark { background: var(--ink); color: var(--grey); padding: calc(var(--hdr-h) + var(--s10)) var(--s9) var(--s10); display: flex; flex-direction: column; justify-content: center; }
.split__dark h1 { color: var(--white); font: 800 64px/1.05 var(--sig); letter-spacing: -.02em; }
.split__list { list-style: none; margin: var(--s8) 0 0; padding: 0; max-width: 460px; }
.split__list li { border-top: 1px solid #2C2722; padding: 18px 0; display: grid; grid-template-columns: 116px minmax(0, 1fr); gap: var(--s4); align-items: baseline; }
.split__list dt, .split__list .k { font: 600 11px/1.6 var(--data); letter-spacing: .10em; text-transform: uppercase; color: #8B8377; }
.split__list .v { font: 400 17px/1.6 var(--data); color: var(--white); white-space: pre-line; }
.split__list a { color: var(--white); text-decoration: none; border-bottom: 1px solid #3A342E; }
.split__list a:hover { border-color: var(--taupe); }

.split__paper { background: var(--paper); padding: calc(var(--hdr-h) + var(--s10)) var(--s9) var(--s10); display: flex; flex-direction: column; justify-content: center; }
.split__paper h2 { font: 800 34px/1.2 var(--sig); }
.form { margin-top: var(--s7); max-width: 560px; }
.form__row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s5); }
.f { display: grid; gap: 7px; margin-bottom: var(--s5); }
.f label { font: 600 11px/1.4 var(--data); letter-spacing: .10em; text-transform: uppercase; color: var(--muted); }
.f input, .f textarea { border: 1px solid var(--hair); background: var(--paper-lt); padding: 13px 14px; font: 400 15px/1.5 var(--data); width: 100%; }
.f input:focus, .f textarea:focus { border-color: var(--taupe); background: var(--white); }
.f textarea { min-height: 132px; resize: vertical; }
.hp { position: absolute; left: -9999px; }

.prefill { display: none; gap: var(--s4); border: 1px solid var(--hair); background: var(--paper-lt); padding: 14px; margin-bottom: var(--s5); align-items: center; }
.prefill.is-on { display: flex; }
.prefill img { width: 68px; height: 68px; object-fit: contain; flex: none; }
.prefill__t { font: 400 italic 17px/1.3 var(--voice); }
.prefill__a { font: 400 12px/1.5 var(--data); color: var(--muted); letter-spacing: .06em; text-transform: uppercase; margin-top: 4px; }
.prefill__x { margin-left: auto; background: none; border: 0; font-size: 22px; cursor: pointer; color: var(--muted); }
.form__done { display: none; border-top: 2px solid var(--warm); padding-top: var(--s5); }
.form.is-sent .form__body { display: none; }
.form.is-sent .form__done { display: block; }
.form__fine { margin-top: var(--s5); font: 400 13px/1.6 var(--data); color: var(--muted); }

.legal { padding-block: 0 var(--s10); }
.legal__note { border: 1px solid var(--clay); border-left-width: 3px; padding: var(--s4) var(--s5); font: 400 15px/1.6 var(--data); color: var(--clay); max-width: 68ch; margin-bottom: var(--s8); }
.legal__body { max-width: 68ch; counter-reset: sec; }
.legal__body h2 { counter-increment: sec; font: 800 22px/1.3 var(--sig); border-top: 1px solid var(--hair); padding-top: var(--s5); margin-top: var(--s7); display: flex; gap: 16px; }
.legal__body h2::before { content: counter(sec, decimal-leading-zero); color: var(--taupe); font-variant-numeric: tabular-nums; }
.legal__body h3 { font: 600 12px/1.4 var(--data); letter-spacing: .10em; text-transform: uppercase; color: var(--muted); margin-top: var(--s5); }
.legal__body p, .legal__body li { font: 400 17px/1.75 var(--voice); }
.legal__body ul { padding-left: 20px; }
.legal__body li { margin-bottom: 8px; }
.legal__updated { font: 400 13px/1.5 var(--data); color: var(--muted); margin-top: var(--s7); border-top: 1px solid var(--hair); padding-top: var(--s4); }

.svc { background: var(--ink); color: var(--grey); padding: calc(var(--hdr-h) + var(--s9)) 0 var(--s9); }
.svc__in { display: grid; grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); gap: var(--s9); align-items: center; }
.svc h1 { color: var(--white); font: 800 64px/1.05 var(--sig); letter-spacing: -.02em; }
.svc__claim { margin-top: var(--s5); font: 400 22px/1.6 var(--voice); color: var(--grey); max-width: 60ch; }
.svc .btn { margin-top: var(--s6); }
.svc__gap { margin-top: var(--s6); padding-top: var(--s4); border-top: 1px solid #2C2722;
            font: 400 15px/1.7 var(--data); color: #8B8377; max-width: 52ch; }
.svc__badge { display: flex; justify-content: flex-end; }
.svc__badge img { width: 210px; height: auto; background: var(--white); padding: 18px 22px; }

.purposes { padding-block: var(--s10); }
.purposes__head { display: flex; align-items: baseline; justify-content: space-between; gap: var(--s5);
                  border-bottom: 2px solid var(--warm); padding-bottom: var(--s4); margin-bottom: var(--s5); }
.purposes__head h2 { font: 800 34px/1.15 var(--sig); }
.purposes__list { list-style: none; margin: 0; padding: 0; counter-reset: purpose;
                  columns: 2; column-gap: var(--s9); }
.purposes__list li {
  counter-increment: purpose; break-inside: avoid;
  border-bottom: 1px solid var(--hair); padding: 18px 0 18px 52px; position: relative;
  font: 400 20px/1.4 var(--voice);
}
.purposes__list li::before {
  content: counter(purpose, decimal-leading-zero); position: absolute; left: 0; top: 22px;
  font: 400 13px/1 var(--data); color: var(--taupe); font-variant-numeric: tabular-nums;
}

.defs { padding-bottom: var(--s10); }
.defs__in { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s9); }
.def { border-top: 1px solid var(--hair); padding-top: var(--s5); }
.def h2 { font: 600 11px/1.4 var(--data); letter-spacing: .10em; text-transform: uppercase;
          color: var(--muted); margin-bottom: 14px; }
.def p { font: 400 18px/1.7 var(--voice); max-width: 46ch; }

.who { padding-bottom: var(--s10); overflow: hidden; }
.who__in { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: var(--s9); align-items: center; }
.who__pic { margin-left: calc((100vw - var(--maxw)) / -2 - var(--pad)); }
.who__pic img { width: 100%; height: auto; }
.who h2 { font: 800 34px/1.15 var(--sig); margin-bottom: var(--s5); }
.who .body { font-size: 17px; }

.repped { border-top: 1px solid var(--hair); padding-top: var(--s5); display: flex;
          flex-wrap: wrap; align-items: baseline; gap: 10px 22px; margin: 0; }
.repped__k { font: 600 11px/1.4 var(--data); letter-spacing: .10em; text-transform: uppercase;
             color: var(--muted); width: 100%; }
.repped a { font: 400 italic 19px/1.4 var(--voice); text-decoration: none;
            border-bottom: 1px solid transparent; transition: border-color .16s var(--ease); }
@media (hover: hover) and (pointer: fine) { .repped a:hover { border-bottom-color: var(--taupe); } }

.record__h { font: 600 11px/1.4 var(--data); letter-spacing: .10em; text-transform: uppercase;
             color: var(--muted); margin-bottom: var(--s5); column-span: all; }

.form__fail { display: none; border-top: 2px solid var(--clay); padding-top: var(--s5); }
.form.is-failed .form__body { display: block; }
.form.is-failed .form__fail { display: block; margin-top: var(--s6); }
.form__fail p:first-child { color: var(--clay); font: 400 17px/1.6 var(--voice); }
.form.is-sending .form__body { opacity: .6; pointer-events: none; transition: opacity .16s var(--ease); }

@media (max-width: 1439px) {
  :root { --maxw: 100vw; --pad: 40px; }
  .rail__track { padding-left: var(--pad); }
  .tile__box { height: 300px; }
}

@media (max-width: 1199px) {
  :root { --pad: 32px; --gap: 22px; --s11: 120px; --s10: 80px; --s9: 56px; }


  .cta h2, .port__say h2 { font-size: 34px; }

  .port__in, .insta__in, .record__in, .about-artist__in { grid-template-columns: 1fr; gap: var(--s7); }
  .record__body { columns: 1; }
  .aside { position: static; }
  .mission p { font-size: 21px; }


  .grid { grid-template-columns: repeat(3, 1fr); gap: var(--s8) var(--gap); }
  .tile__box { height: 268px; }


  .roomlayout { grid-template-columns: 1fr; gap: var(--s5); }
  .filterbtn { display: flex; width: auto; min-width: 220px; }
  .filters { display: none; }
  .filters.is-sheet { display: block; }
  .filters.is-sheet {
    position: fixed; inset: auto 0 0; z-index: 130; display: block; overflow-y: auto;
    max-height: 82vh; background: var(--paper); padding: var(--s5) var(--pad) var(--s8);
    box-shadow: 0 -30px 60px -30px rgba(5,5,5,.5); transform: translateY(100%);
    transition: transform .28s var(--ease);
  }
  .filters.is-sheet.is-open { transform: none; }
  .fset__in--scroll { max-height: none; overflow: visible; }

  .filters.is-sheet .sheetbar {
    display: flex; position: sticky; bottom: 0; background: var(--paper);
    border-top: 1px solid var(--hair); padding: 14px 0; margin-top: var(--s5); gap: 12px;
  }
  .filters.is-sheet .sheetbar .btn { flex: 1; }


  .work { grid-template-columns: 1fr; }
  .wall { min-height: 0; padding: calc(var(--hdr-h) + var(--s7)) 6vw var(--s7); }
  .wall__frame img { max-height: 62vh; padding: 18px; }
  .wl { padding: var(--s7) var(--pad) var(--s8); }
  .wl__in { position: static; }
  .wl__fields { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 var(--s5); border-top: 1px solid var(--hair); }
  .wl__row { grid-template-columns: 1fr; gap: 4px; border-bottom: 0; }
  .wl__price { grid-template-columns: 1fr; gap: 8px; }
  .wl .btn { width: auto; min-width: 300px; }

  .amast__in { grid-template-columns: 1fr; gap: var(--s6); }
  .amast__pic { justify-content: flex-start; margin: var(--s7) calc(var(--pad) * -1) 0; width: calc(100% + var(--pad) * 2); }
  .amast__pic img { max-height: none; width: 100%; }
  .band { grid-template-columns: 1fr; gap: var(--s5); }
  .band--flip > .band__pic { order: 0; }
  .band--flip > .band__lab { order: 0; text-align: left; }
  .band--flip .lab__fields { justify-items: start; }
  .band--flip .band__lab .btn { margin-left: 0; }
  .band__pic img { max-height: 62vh; }

  .rlist { grid-template-columns: repeat(2, 1fr); }
  .split { grid-template-columns: 1fr; min-height: 0; }
  .split__dark, .split__paper { padding: var(--s9) var(--pad); }
  .split__dark { padding-top: calc(var(--hdr-h) + var(--s8)); }
  .split__dark h1 { font-size: 44px; }

  .foot__in { grid-template-columns: 1fr 1fr; gap: var(--s7); }
  .foot__col + .foot__col { border-left: 0; padding-left: 0; }
  .foot__col:nth-child(n+3) { border-top: 1px solid var(--hair); padding-top: var(--s5); }
}

@media (max-width: 767px) {
  :root { --pad: 20px; --gap: 14px; --hdr-h: 64px; --s11: 88px; --s10: 64px; --s9: 40px; }

  body { font-size: 17px; line-height: 1.65; }
  .hdr__nav { display: none; }
  .hdr__burger { display: block; }
  .hdr__logo { width: 152px; }
  .hdr.is-stuck { height: 56px; }


  .grid { grid-template-columns: repeat(2, 1fr); gap: var(--s7) var(--gap); }
  .tile__box { height: 178px; }
  .tile__lab { margin-top: 12px; padding-top: 10px; }
  .tile__t { font-size: 16px; min-height: 2.7em; }
  .tile__m, .tile__d { font-size: 12px; }
  .tile__p { min-height: 20px; font-size: 14px; }

  .tile--wide { grid-column: span 2; }


  .bands { gap: var(--s10); }
  .band__pic { margin-inline: calc(var(--pad) * -1); }
  .band__pic img { max-height: 64vh; }

  .cta h2, .port__say h2, .seam h2, .roster__h h2 { font-size: 28px; }
  .h-hero { font-size: 38px; }




  .port__in { grid-template-columns: 1fr; }
  .port__pic { margin-inline: calc(var(--pad) * -1); order: -1; }
  .mission__in { padding-left: var(--s6); }
  .mission__in::before { font-size: 40px; }
  .mission p { font-size: 19px; }
  .insta__strip { grid-template-columns: repeat(2, 1fr); }

  .mast { padding-top: calc(var(--hdr-h) + var(--s8)); }
  .mast h1 { font-size: 38px; }

  .rooms { flex-wrap: wrap; gap: 0; }
  .rooms a { padding: 11px 14px; white-space: nowrap; flex: 1 1 auto; justify-content: center; }


  .filterbtn { width: 100%; min-width: 0; }
  .sortbar { flex-wrap: wrap; gap: 12px; }

  .wall { padding: calc(var(--hdr-h) + var(--s5)) 0 var(--s6); }
  .wall__frame img { max-height: 56vh; padding: 12px; }
  .wl { padding: var(--s6) var(--pad) 96px; }
  .wl__fields { grid-template-columns: 1fr; }
  .wl__row { display: grid; grid-template-columns: 108px minmax(0, 1fr); gap: var(--s4); border-bottom: 1px solid var(--hair); }
  .wl h1 { font-size: 22px; }

  .wl .btn { width: 100%; min-width: 0; }
  .dock {
    display: block;
    position: fixed; inset: auto 0 0; z-index: 80; background: var(--paper);
    -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
    border-top: 1px solid var(--hair); padding: 12px var(--pad);
    transform: translateY(110%); transition: transform .2s var(--ease);
  }
  .dock.is-on { transform: none; }
  .dock .btn { width: 100%; }

  .about-artist__in { gap: var(--s5); }
  .rlist { grid-template-columns: 1fr; }
  .acard { grid-template-columns: 96px minmax(0, 1fr); }
  .acard__box { height: 118px; }
  .amast { padding-top: calc(var(--hdr-h) + var(--s8)); }
  .amast h1, .amast--about h1 { font-size: 32px; }
  .amast__bio { font-size: 17px; }
  .sticky__f { width: 100%; margin-left: 0; overflow-x: auto; flex-wrap: nowrap; }

  .split__dark h1 { font-size: 34px; }
  .split__list li { grid-template-columns: 1fr; gap: 5px; }
  .form__row { grid-template-columns: 1fr; }

  .foot__in { grid-template-columns: 1fr; gap: var(--s6); }
  .foot__col:nth-child(n+2) { border-top: 1px solid var(--hair); padding-top: var(--s5); }
  .foot__bar { flex-direction: column; gap: 10px; }
  .foot__bar a { margin: 0 var(--s5) 0 0; }
  .legal__body h2 { font-size: 19px; }
  .rail__track { grid-auto-columns: minmax(200px, 62vw); }
  .rcard__box { height: 190px; }
}

@media (max-width: 479px) {
  :root { --pad: 16px; }
  .tile__box { height: 150px; }
}

@media (max-width: 1199px) {
  .svc__in, .defs__in, .who__in { grid-template-columns: 1fr; gap: var(--s7); }
  .svc h1 { font-size: 44px; }
  .svc__badge { justify-content: flex-start; }
  .who__pic { margin-left: 0; order: -1; max-width: 420px; }
}
@media (max-width: 767px) {
  .svc { padding-top: calc(var(--hdr-h) + var(--s8)); }
  .svc h1 { font-size: 34px; }
  .svc__claim { font-size: 19px; }
  .svc .btn { width: 100%; }
  .purposes__list { columns: 1; }
  .purposes__list li { font-size: 18px; padding-left: 44px; }
  .purposes__head h2 { font-size: 26px; }
  .who__pic { margin-inline: calc(var(--pad) * -1); max-width: none; }
}

@media (max-width: 1199px) {
  .cta { grid-template-columns: 1fr; gap: 0; }
  .cta__pic { margin-inline: calc(var(--pad) * -1); padding: var(--s7) 0 0; justify-content: center; }
  .cta__pic img { max-height: 38vh; }
  .cta__say { padding: var(--s7) 0 var(--s9); max-width: none; }
  .cta--plain .cta__say { padding-inline: 0; }
  .cta h2 { font-size: 30px; }

  .band--object .band__pic::after { width: 52%; }
}
@media (max-width: 767px) {
  .cta { padding-inline: var(--pad); }
  .cta__pic img { max-height: 30vh; }
  .cta h2 { font-size: 26px; }
  .cta__act { flex-direction: column; align-items: stretch; gap: var(--s4); }
  .cta__act .btn { width: 100%; }
  .cta__alt { text-align: center; border-bottom: 0; padding: 12px 0 0; }

  .wall { padding: calc(var(--hdr-h) + var(--s5)) var(--pad) var(--s6); }
  .wall--wide { padding-inline: 0; }
}

@media (max-width: 1199px) {

  .band__pic { justify-content: flex-start; }
  .band--object .band__pic { align-items: flex-start; }
}

@media (max-width: 1199px) {

  .filters.is-sheet { padding-bottom: 0; overscroll-behavior: contain; }
  .filters.is-sheet .filters__foot { margin-bottom: 96px; }
  .filters.is-sheet .sheetbar {

    background: var(--paper); box-shadow: 0 -14px 20px -14px rgba(5, 5, 5, .18);
    padding-bottom: max(14px, env(safe-area-inset-bottom));
  }
  .filters.is-sheet #sheet-close { flex: 0 0 auto; min-width: 104px; }

}

@media (max-width: 1199px) {
  .insta__strip { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 767px) {
  .insta__strip { grid-template-columns: repeat(2, 1fr); }

  .work--wide .wall { padding-inline: 0; }
  .work--wide .wl .btn { min-width: 0; width: 100%; }
  .work--wide .wl__fields { grid-template-columns: 1fr; }
}



.hm { --wix-ground: #050505; }


.hm-hero__h1 { font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; }
.hm-hero__link { font-family: "Azeret Mono", ui-monospace, "SFMono-Regular", Menlo, monospace; }





.hm-hero { position: relative; padding-top: max(80px, var(--hdr-h)); background: var(--wix-ground); }

.hm-hero__stage {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 0.857;
  overflow: hidden;
  background: var(--wix-ground);
}


.hm-strip { position: absolute; inset: 0 -5px; overflow: hidden; }

.hm-strip__track {
  display: flex;
  height: 100%;
  width: max-content;
  will-change: transform;

  translate: var(--nudge, 0px);
  transition: translate .6s cubic-bezier(.22, .61, .36, 1);
}

.hm-strip__cel { flex: none; height: 100%; }


.hm-strip__cel img { display: block; height: 100%; width: auto; object-fit: cover; }

@keyframes hm-scroll-right { from { transform: translateX(-50%); } to { transform: translateX(0); } }

.hm-hero__scrim { position: absolute; inset: 0; background: rgba(5, 5, 5, .44); }


.hm-strip { display: block; }

.hm-hero__arrow { display: none; }

.hm-hero__say { position: absolute; inset: 0; }

.hm-hero__logo {
  position: absolute;
  left: 7.462%;
  top: 9.365%;
  width: 87.79%;
  height: auto;
}

.hm-hero__h1 {
  position: absolute;
  left: 3.154%;
  top: 48.86%;

  width: 96.846%;
  margin: 0;
  font-size: 56px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -.04em;
  color: #fff;
  text-align: left;
}

.hm-hero__cta {
  position: absolute;
  left: 3.154%;

  top: min(85.58%, 100% - 50px);
  margin: 0;
  display: flex;
  align-items: center;
  gap: 16px;
}

.hm-hero__box {
  flex: none;
  width: 48px;
  height: 48px;
  background: #fff;
  border-radius: 0;
  display: grid;
  place-items: center;
  color: rgb(12, 12, 12);

  animation: hm-box-wipe 1.2s cubic-bezier(.645, .045, .355, 1) 1ms both;
}

.hm-hero__box svg { width: 24px; height: 24px; display: block; }

@keyframes hm-box-wipe {
  from { clip-path: polygon(0 0, 0 0, 0 100%, 0 100%); transform: translateX(-100%); opacity: 0; }
  to   { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); transform: translateX(0); opacity: 1; }
}

.hm-hero__link {

  font-size: 18px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: .01em;
  color: #fff;

  white-space: nowrap;
}

.hm-hero__link span { text-decoration: underline; }


@media (max-width: 380px) {
  .hm-hero__h1 { top: calc(100% - 180px); }
}


@media (min-width: 751px) {
  .hm-hero__stage { aspect-ratio: 1 / 0.550; }
  .hm-hero__logo { left: 7.446%; top: 14.582%; width: 87.79%; }
  .hm-hero__h1 { left: 3.153%; top: 76.11%; font-size: 50px; }
  .hm-hero__cta { left: 3.153%; top: 89.58%; gap: 17px; }

}



@media (min-width: 1001px) {

  .hm-hero { padding-top: 0; }
  .hm-hero__stage { aspect-ratio: 1 / 0.50672; max-height: 810.75px; }


  .hm-strip { display: block; }


  .hm-strip__track { animation: hm-scroll-right 129.5s linear infinite; }

  .hm-hero__arrow {
    display: grid;
    place-items: center;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #fff;
    color: #000;
    cursor: pointer;
    z-index: 2;
  }
  .hm-hero__arrow svg { width: 13px; height: 22px; display: block; }
  .hm-hero__arrow--prev { left: 23px; }
  .hm-hero__arrow--next { right: 23px; }

  .hm-hero__logo { left: 10.465%; top: 15.006%; width: 77.63%; }
  .hm-hero__h1 {
    left: 14.236%; top: 68.165%; width: 55.89%;
    font-size: clamp(50px, 3.9526vw, 63.24px);
  }
  .hm-hero__cta { left: 14.236%; top: 78.66%; gap: 18px; }

}



@media (prefers-reduced-motion: reduce) {
  .hm-strip__track { animation: none; }
  .hm-hero__box { animation: none; }
}



.hm {


  --grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");

  --core: #FDFBF5;
  --wire: rgba(42, 35, 28, .42);
}


.hm-defs { position: absolute; width: 0; height: 0; overflow: hidden; }




.pp-tear { position: absolute; left: 0; width: 100%; height: var(--tear-h); display: block; pointer-events: none; z-index: 2; }
.pp-tear--top { top: 0; }
.pp-tear--bot { bottom: 0; }
.pp-tear__face { fill: var(--face); }
.pp-tear__lip  { fill: var(--lip); }



.hm-rooms > .pp-tear { --face: var(--ink); --lip: #1D1813; background: var(--ink); }
.hm-works > .pp-tear { --face: var(--paper); --lip: var(--core); }
.hm-jen   > .pp-tear--dn { --face: var(--ink); --lip: #1D1813; }
.hm-jen   > .pp-tear--up { --face: var(--paper); --lip: var(--core); }




.hm-pf {
  display: block;
  position: relative;
  text-decoration: none;
  color: inherit;
  transform: translate(var(--x, 0px), var(--l, 0px)) rotate(var(--t, 0deg));
  filter: drop-shadow(var(--sx) var(--sy) var(--sb) rgba(34, 27, 20, .21));
  transition: transform .55s var(--ease), filter .55s var(--ease);
}

@media (hover: hover) and (pointer: fine) {
  .hm-pf:hover, .hm-pf:focus-visible {
    transform: translate(var(--x), calc(var(--l) - 10px)) rotate(calc(var(--t) * .28));
    filter: drop-shadow(calc(var(--sx) * 1.6) calc(var(--sy) + 9px) calc(var(--sb) * 1.4) rgba(34, 27, 20, .3));
    z-index: 6;
  }
}
.hm-pf:focus-visible { outline: 2px solid var(--taupe-deep); outline-offset: 6px; }

.hm-pf__m {
  display: block;
  position: relative;
  background: var(--core);
  padding: var(--m1) var(--m2) var(--m3) var(--m4);
  box-shadow: inset 0 0 0 1px rgba(42, 35, 28, .11);
}

.hm-pf__m::after {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background-image: var(--grain); background-size: 170px 170px;
  opacity: .3;
}
.hm-pf__w {
  display: block; position: relative; overflow: hidden;
  box-shadow: inset 0 0 0 1px rgba(42, 35, 28, .16), 0 1px 0 rgba(42, 35, 28, .1);
}
.hm-pf__w img { display: block; width: 100%; height: auto; }

.hm-pf__c { display: block; padding: 11px 0 0 var(--m4); }


.hm-pf__t { display: block; font: 400 italic 16px/1.34 var(--voice); color: var(--ink); text-wrap: pretty; }
.hm-pf__a { display: block; margin-top: 3px; font: 400 13px/1.5 var(--data); color: var(--muted); text-wrap: pretty; }
.hm-pf__a i { font-style: normal; color: var(--taupe-deep); }
.hm-pf__a i::before { content: ' · '; }
.hm-pf__p { display: block; margin-top: 5px; font: 700 13px/1 var(--data); color: var(--warm); }
.hm-pf__p.is-filler { font-weight: 400; color: var(--muted); }
.hm-pf__u {
  display: block; width: 62%; height: 9px; margin-top: 8px; fill: var(--taupe-deep);
  clip-path: inset(0 100% 0 0);
  transition: clip-path .5s var(--ease);
}
@media (hover: hover) and (pointer: fine) {
  .hm-pf:hover .hm-pf__u { clip-path: inset(0 0 0 0); }
}
.hm-pf:focus-visible .hm-pf__u { clip-path: inset(0 0 0 0); }



.hm-more {
  display: inline-block; position: relative; text-decoration: none;
  font: 600 12px/1 var(--data); letter-spacing: .15em; text-transform: uppercase;
  color: var(--warm); transition: color .35s var(--ease);
}
.hm-more svg {
  display: block; width: 100%; height: 10px; margin-top: 7px; fill: var(--taupe-deep);
  clip-path: inset(0 100% 0 0); transition: clip-path .5s var(--ease);
}
.hm-more:hover, .hm-more:focus-visible { color: var(--ink); }
.hm-more:hover svg, .hm-more:focus-visible svg { clip-path: inset(0 0 0 0); }



.hm-sh { position: absolute; inset: 0; display: block; filter: drop-shadow(-5px 11px 19px rgba(34, 27, 20, .26)); transition: filter .5s var(--ease); }
.hm-sh__p { display: block; position: absolute; inset: 0; background: var(--core); }
.hm-sh__p::after {
  content: ''; position: absolute; inset: 0;
  background-image: var(--grain); background-size: 200px 200px; opacity: .26;
}
.hm-sh__p--sheet { clip-path: url(#hm-sheet); }
.hm-sh__p--end   { clip-path: url(#hm-endsheet); }





.hm-rooms { position: relative; background: var(--paper); padding: 76px 0 44px; }
.hm-rooms::after {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background-image: var(--grain); background-size: 220px 220px; opacity: .26;
}
.hm-rooms__in {
  position: relative; z-index: 1;
  width: min(var(--maxw), 100% - 34px); margin-inline: auto;
  display: grid; grid-template-columns: repeat(6, 1fr); align-items: start;
}


.hm-rm--say-a    { grid-column: 1 / 7; grid-row: 1; }
.hm-rm--plate-a  { grid-column: 1 / 7; grid-row: 2; margin-top: 24px; }
.hm-rm--say-b    { grid-column: 1 / 7; grid-row: 3; margin-top: 34px; }
.hm-rm--plate-b  { grid-column: 1 / 7; grid-row: 4; margin-top: 22px; }



.hm-rm--plate { display: flex; flex-wrap: wrap; align-items: flex-start; }
.hm-rm__lead { flex: 0 0 auto; width: 88%; min-width: 0; }
.hm-rm__pair { flex: 0 0 auto; width: 100%; display: flex; align-items: flex-start; margin-top: 20px; }
.hm-rm__pair .hm-pf { width: 46%; }
.hm-rm__pair .hm-pf + .hm-pf { margin-left: calc(20px + var(--x)); }



.hm-rm__no {
  margin: 0; font: 800 clamp(52px, 13vw, 96px)/.78 var(--sig);
  letter-spacing: -.05em; color: var(--taupe); opacity: .3;
}
.hm-rm__h {
  margin: -.06em 0 0; font: 800 clamp(28px, 6.6vw, 46px)/1.05 var(--sig);
  letter-spacing: -.025em; color: var(--ink);
}

.hm-rm__p { margin: 14px 0 0; max-width: 36ch; font: 400 19px/1.6 var(--voice); color: var(--warm); }
.hm-rm--say .hm-more { margin-top: 20px; }



.hm-rm__obj { margin-top: 34px; }
.hm-obj { display: grid; grid-template-columns: 92px 1fr; gap: 20px; align-items: end; text-decoration: none; }
.hm-obj__pic { position: relative; display: block; }
.hm-obj__pic img { display: block; width: 100%; height: auto; transition: transform .55s var(--ease); }
.hm-obj__pic::after {
  content: ''; position: absolute; left: -22%; right: -22%; bottom: -10px; height: 18px;
  background: radial-gradient(ellipse at 50% 50%, rgba(42, 35, 28, .35), rgba(42, 35, 28, 0) 70%);
  transition: transform .55s var(--ease), opacity .55s var(--ease);
}
.hm-obj:hover .hm-obj__pic img { transform: translateY(-6px) rotate(-.9deg); }
.hm-obj:hover .hm-obj__pic::after { transform: scaleX(1.16); opacity: .78; }
.hm-obj__say { display: block; padding-bottom: 4px; }
.hm-obj__h { display: block; font: 800 20px/1.1 var(--sig); color: var(--ink); letter-spacing: -.01em; }
.hm-obj__a { display: block; margin-top: 3px; font: 400 italic 15px/1.4 var(--voice); color: var(--warm); }

.hm-obj__n { display: block; margin-top: 5px; font: 400 14px/1.4 var(--data); color: var(--muted); }
.hm-obj:hover .hm-obj__h { color: var(--taupe-deep); }




.hm-artists { position: relative; background: var(--paper); padding: 0 0 56px; }
.hm-artists__in { position: relative; width: min(var(--maxw), 100% - 34px); margin-inline: auto; }

.hm-artists__say { position: relative; display: block; flex: 0 0 100%; padding: 20px 0 34px; }

.hm-artists__blk {

  background: #E2DCD1;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  padding: .06em .22em;
  margin-left: -.22em;
}
.hm-brush__ink  { fill: var(--taupe-deep); }
.hm-artists__h {
  position: relative; z-index: 1; margin: 0;
  font: 800 clamp(30px, 7.6vw, 58px)/1.02 var(--sig); letter-spacing: -.028em; color: var(--ink);
}
.hm-artists__p {
  position: relative; z-index: 1; margin: 16px 0 0; max-width: 44ch;
  font: 400 17px/1.66 var(--voice); color: var(--warm);
}
.hm-artists__say .hm-more { position: relative; z-index: 1; margin-top: 22px; align-self: flex-start; }


.hm-salon { display: flex; flex-wrap: wrap; align-items: flex-start; --sh: 128px; }

.hm-salon > .hm-pf {
  flex: var(--ar) 1 calc(var(--sh) * var(--z) * var(--ar));
  min-width: 92px;

  max-width: 62%;

  margin: 0 max(0px, calc(6px - var(--x))) calc(20px + var(--x)) max(0px, calc(8px + var(--x)));
}

.hm-salon > .hm-pf:last-child {
  max-width: max(46%, calc(var(--sh) * 3.8 * var(--z) * var(--ar)));
}


.hm-salon > .hm-pf--pick {
  flex-basis: calc(var(--sh) * 1.5 * var(--z) * var(--ar));
  flex-grow: calc(var(--ar) * 1.5);
}

.hm-salon > .hm-pf { transform: translateY(var(--l)) rotate(var(--t)); }
@media (hover: hover) and (pointer: fine) {
  .hm-salon > .hm-pf:hover, .hm-salon > .hm-pf:focus-visible {
    transform: translateY(calc(var(--l) - 10px)) rotate(calc(var(--t) * .28));
  }
}
.hm-pf--pick .hm-pf__t { font-size: 20px; }
.hm-pf--pick .hm-pf__a { font-size: 14px; }




.hm-works { position: relative; background: var(--ink); color: var(--paper); padding: 132px 0 40px; }
.hm-works__head {
  width: min(var(--maxw), 100% - 34px); margin-inline: auto;
  display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 20px; row-gap: 6px;
}
.hm-works__h { margin: 0; font: 800 clamp(28px, 6.6vw, 50px)/1.02 var(--sig); letter-spacing: -.028em; color: #fff; }
.hm-works__n { margin: 0; font: 400 12px/1 var(--data); letter-spacing: .16em; text-transform: uppercase; color: var(--taupe); }
.hm-works__head .hm-more { margin-left: auto; color: var(--paper); }
.hm-works__head .hm-more svg { fill: var(--taupe); }
.hm-works__head .hm-more:hover { color: #fff; }



.hm-railwrap { position: relative; }
.hm-arrow {
  position: absolute; top: 50%; z-index: 4;
  width: 48px; height: 48px; margin-top: -24px; padding: 0;
  display: grid; place-items: center;
  border: 1px solid rgba(244, 241, 234, .28); border-radius: 50%;
  background: rgba(5, 5, 5, .74); color: var(--paper);
  -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px);
  cursor: pointer;
  transition: opacity .3s var(--ease), background-color .3s var(--ease), border-color .3s var(--ease);
}
.hm-arrow svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.hm-arrow--prev { left: 8px; }
.hm-arrow--next { right: 8px; }
@media (hover: hover) and (pointer: fine) {
  .hm-arrow:hover:not(:disabled) { background: rgba(5, 5, 5, .92); border-color: var(--taupe); }
}
.hm-arrow:focus-visible { outline: 2px solid var(--taupe); outline-offset: 3px; }

.hm-arrow:disabled { opacity: .3; cursor: default; }
@media (min-width: 1080px) {
  .hm-arrow--prev { left: 18px; }
  .hm-arrow--next { right: 18px; }
}

.hm-rail {
  margin-top: 30px; overflow-x: auto; overflow-y: hidden;
  scrollbar-width: none; -ms-overflow-style: none;
  overscroll-behavior-x: contain;
  scroll-snap-type: none;
}
.hm-rail::-webkit-scrollbar { width: 0; height: 0; display: none; }

.hm-rail:focus-visible { outline: 2px solid var(--taupe); outline-offset: -2px; }
.hm-rail__track {
  display: flex; align-items: flex-start; width: max-content;

  padding: 26px 17px 30px;
}


.hm-pf--rail {
  flex: 0 0 auto; width: calc(clamp(150px, 56vw, 240px) * var(--z));
  margin-left: calc(52px + var(--x));
  transform: translate(0, var(--l, 0px)) rotate(var(--t, 0deg));
}
@media (hover: hover) and (pointer: fine) {
  .hm-pf--rail:hover, .hm-pf--rail:focus-visible {
    transform: translate(0, calc(var(--l) - 10px)) rotate(calc(var(--t) * .28));
  }
}
.hm-pf--rail:first-child { margin-left: 0; }
.hm-pf--rail .hm-pf__t { color: #fff; }
.hm-pf--rail .hm-pf__a { color: var(--grey); }
.hm-pf--rail .hm-pf__a i { color: var(--taupe); }
.hm-pf--rail .hm-pf__p { color: var(--paper); }
.hm-pf--rail .hm-pf__p.is-filler { color: var(--taupe); }
.hm-pf--rail .hm-pf__u { fill: var(--taupe); }

.hm-rail__end {
  position: relative; flex: 0 0 auto; width: 234px; margin-left: 34px;
  text-decoration: none; transition: transform .5s var(--ease);
}
.hm-rail__end .hm-sh { filter: drop-shadow(-6px 13px 22px rgba(0, 0, 0, .5)); }
.hm-rail__endin { position: relative; display: block; padding: 28px 52px 34px 24px; }
.hm-rail__endin b { display: block; font: 800 clamp(42px, 9vw, 66px)/.94 var(--sig); letter-spacing: -.04em; color: var(--taupe-deep); }
.hm-rail__endin > span { display: block; margin-top: 10px; font: 400 italic 18px/1.34 var(--voice); color: var(--ink); }
.hm-rail__endin em {
  display: block; margin-top: 18px; font: 600 12px/1 var(--data); font-style: normal;
  letter-spacing: .15em; text-transform: uppercase; color: var(--warm);
}
.hm-rail__endin em svg {
  display: block; width: 100%; height: 10px; margin-top: 7px; fill: var(--taupe-deep);
  clip-path: inset(0 100% 0 0); transition: clip-path .5s var(--ease);
}
.hm-rail__end:hover { transform: translateY(-9px) rotate(-.7deg); }
.hm-rail__end:hover em svg, .hm-rail__end:focus-visible em svg { clip-path: inset(0 0 0 0); }
.hm-rail__end:hover .hm-sh { filter: drop-shadow(-11px 20px 30px rgba(0, 0, 0, .6)); }




.hm-jen {
  position: relative;
  background-color: var(--ink);
  background-image:

    url("/assets/misc/about-band-texture.webp"),
    linear-gradient(rgba(154, 144, 132, .82), rgba(154, 144, 132, .82));
  background-repeat: repeat, no-repeat;
  background-size: 300px 300px, cover;
  background-position: 50% 50%, 50% 50%;
}
.hm-jen__in {
  width: min(var(--maxw), 100% - 34px); margin-inline: auto;
  display: grid; grid-template-columns: 1fr; align-items: center;
  padding: 128px 0 132px;
}
.hm-jen__say { position: relative; z-index: 1; }
.hm-jen__h { margin: 0; font: 800 clamp(26px, 6.2vw, 44px)/1.08 var(--sig); letter-spacing: -.025em; color: #fff; max-width: 17ch; }
.hm-jen__btn {
  display: inline-flex; align-items: center; justify-content: center;
  margin-top: 22px; padding: 13px 30px;
  background: var(--ink); color: #fff; text-decoration: none;
  font: 600 12px/1 var(--data); letter-spacing: .16em; text-transform: uppercase;
  transition: background .4s var(--ease), color .4s var(--ease), transform .4s var(--ease);
}
.hm-jen__btn:hover, .hm-jen__btn:focus-visible { background: var(--core); color: var(--ink); transform: translateY(-3px); }
.hm-jen__facts { list-style: none; margin: 30px 0 0; padding: 0; max-width: 42ch; }
.hm-jen__facts li {
  padding: 12px 0; border-top: 1px solid rgba(255, 255, 255, .3);
  font: 400 15px/1.45 var(--voice); color: rgba(255, 255, 255, .88);
  transition: padding-left .4s var(--ease), color .4s var(--ease);
}
.hm-jen__facts li:last-child { border-bottom: 1px solid rgba(255, 255, 255, .3); }
.hm-jen__facts li:hover { padding-left: 12px; color: #fff; }

.hm-jen__pic { position: relative; margin: 30px 0 0; }
.hm-jen__pic img { display: block; width: 100%; height: auto; clip-path: url(#hm-jencut); }

.hm-jen__back {
  position: absolute; inset: 0; background: var(--core);
  clip-path: url(#hm-jencut); transform: translate(-9px, 7px);
}




.hm-journey { position: relative; background: var(--paper); padding: 40px 0 64px; }
.hm-journey::after {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background-image: var(--grain); background-size: 220px 220px; opacity: .26;
}
.hm-journey__in { position: relative; z-index: 1; width: min(var(--maxw), 100% - 34px); margin-inline: auto; }

.hm-journey__sheet { position: relative; padding: 32px 28px 62px; transform: rotate(-.62deg); }
.hm-journey__col { position: relative; }
.hm-journey__h { position: relative; margin: 0; font: 800 clamp(27px, 6.4vw, 46px)/1.05 var(--sig); letter-spacing: -.025em; color: var(--ink); }

.hm-journey__p { position: relative; margin: 16px 0 0; font: 400 19px/1.6 var(--voice); color: var(--warm); }
.hm-journey__btn {
  position: relative; display: inline-flex; align-items: center; justify-content: center;
  margin-top: 22px; padding: 13px 32px; text-decoration: none;
  background: var(--taupe-btn); color: #fff;
  font: 600 12px/1 var(--data); letter-spacing: .16em; text-transform: uppercase;
  transition: background .4s var(--ease), transform .4s var(--ease);
}
.hm-journey__btn:hover, .hm-journey__btn:focus-visible { background: var(--taupe-btn-h); transform: translateY(-3px); }


.hm-journey__wall {
  position: relative; margin-top: 22px;
  overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -ms-overflow-style: none;
  overscroll-behavior-x: contain; scroll-snap-type: none;
}
.hm-journey__wall::-webkit-scrollbar { width: 0; height: 0; display: none; }
.hm-journey__track {
  position: relative; display: flex; align-items: flex-start;
  width: max-content; min-width: 100%; padding: 74px 8px 20px;
}


.hm-journey__rail { position: absolute; left: 0; right: 0; top: 0; pointer-events: none; }
.hm-journey__rail svg { display: block; width: 100%; height: auto; }
.pp-brush__ink  { fill: var(--taupe-deep); }
.pp-brush__hair { stroke: var(--ink); fill: none; stroke-linecap: round; }

.hm-journey__rail svg { clip-path: inset(0 calc(100% - var(--draw, 100%)) 0 0); }


.hm-pf--hang .hm-pf__m { transform-origin: 50% 0; }
.js-hang .hm-pf--hang { opacity: var(--ro, 0); }
.js-hang .hm-pf--hang .hm-pf__m { transform: scale(var(--rs, 0.88)); }


.hm-pf--hang {
  flex: 0 0 auto; width: calc(clamp(92px, 27vw, 132px) * var(--z));
  margin: var(--l) calc(8px + var(--x)) 0;
  transform: rotate(var(--t));
}
.hm-pf--hang::before {
  content: ''; position: absolute; left: 50%; bottom: 100%; width: 1px;
  height: calc(var(--l) + 44px);
  background: linear-gradient(rgba(42, 35, 28, 0), var(--wire) 26%, var(--wire));
}
@media (hover: hover) and (pointer: fine) {
  .hm-pf--hang:hover, .hm-pf--hang:focus-visible { transform: rotate(calc(var(--t) * .22)) translateY(-8px); }
}



@media (min-width: 760px) {
  .hm-rooms { padding: 84px 0 52px; }
  .hm-rooms__in { grid-template-columns: repeat(12, 1fr); }

  .hm-rm--say-a   { grid-column: 1 / 5;  grid-row: 1; align-self: center; padding-right: 22px; }
  .hm-rm--plate-a { grid-column: 5 / 13; grid-row: 1; margin-top: 0; }
  .hm-rm--plate-b { grid-column: 1 / 9;  grid-row: 2; margin-top: 46px; }
  .hm-rm--say-b   { grid-column: 9 / 13; grid-row: 2; align-self: center; padding-left: 22px; margin-top: 46px; }
  .hm-rm--say-b .hm-rm__obj { margin-top: 28px; }


  .hm-rm--plate { flex-wrap: nowrap; }
  .hm-rm__lead { width: var(--lead, 63%); }
  .hm-rm__pair {
    width: var(--pair, 26%); min-width: 104px; display: block; margin-top: 0;
    margin-left: calc(18px + var(--x, 0px));
  }
  .hm-rm__pair .hm-pf { width: 100%; }
  .hm-rm__pair .hm-pf + .hm-pf { margin: calc(20px + var(--x)) 0 0; }
  .hm-rm--plate-b .hm-rm__pair { margin-left: 0; margin-right: calc(20px + var(--x, 0px)); }

  .hm-artists__say {
    display: grid; grid-template-columns: 1.1fr 1fr; align-items: start;
    column-gap: 46px; padding: 26px 0 40px;
  }
  .hm-salon { --sh: 178px; }

  .hm-salon > .hm-pf { max-width: 46%; }

  .hm-works { padding: 142px 0 44px; }
  .hm-rail__track { padding: 30px max(17px, calc((100vw - var(--maxw)) / 2)) 36px; }
  .hm-pf--rail { width: calc(clamp(200px, 31vw, 280px) * var(--z)); }
  .hm-rail__end { width: 268px; }

  .hm-jen__in { grid-template-columns: 1fr 45%; column-gap: 0; padding: 116px 0 132px; }
  .hm-jen__pic { margin: 0 -4% 0 0; }
  .hm-jen__say { padding-right: 30px; }
  .hm-jen__h { max-width: 20ch; }
  .hm-jen__facts { max-width: none; }

  .hm-journey { padding: 44px 0 72px; }
  .hm-journey__sheet {
    display: grid; grid-template-columns: 1.05fr 1fr; align-items: start;
    column-gap: 46px; padding: 40px 40px 66px;
  }

  .hm-journey__wall { margin-top: 6px; }

  .hm-journey__track { justify-content: center; padding: 86px 0 30px; }
  .hm-pf--hang { width: calc(clamp(104px, 13.5vw, 150px) * var(--z)); margin-inline: calc(10px + var(--x)); }


  .hm-rm__p { font-size: 18px; }
  .hm-journey__p { font-size: 19px; }
}



@media (min-width: 1080px) {
  .hm-rooms { padding: 92px 0 56px; }
  .hm-rm--say-a   { grid-column: 1 / 5; padding-right: 34px; }
  .hm-rm--plate-a { grid-column: 5 / 13; }
  .hm-rm--plate-b { grid-column: 1 / 9; margin-top: 58px; }
  .hm-rm--say-b   { grid-column: 9 / 13; margin-top: 58px; padding-left: 34px; }
  .hm-rm__p { font-size: 21px; }

  .hm-artists { padding-bottom: 70px; }
  .hm-artists__say { column-gap: 62px; padding: 40px 0 48px; }
  .hm-salon { --sh: 218px; }
  .hm-salon > .hm-pf { max-width: 34%; }

  .hm-works { padding: 158px 0 48px; }
  .hm-pf--rail { width: calc(clamp(240px, 21vw, 330px) * var(--z)); }
  .hm-rail__end { width: 300px; }

  .hm-jen__in { grid-template-columns: 1fr 46%; padding: 124px 0 146px; }
  .hm-jen__facts li { font-size: 16px; padding: 15px 0; }
  .hm-jen__say { padding-right: 46px; }
  .hm-jen__h { max-width: 22ch; }

  .hm-journey { padding: 48px 0 84px; }
  .hm-journey__sheet { grid-template-columns: 1.1fr 1fr; column-gap: 62px; padding: 52px 54px 78px; }
  .hm-journey__wall { margin-top: 10px; }
  .hm-journey__track { padding: 104px 0 36px; }
  .hm-pf--hang { width: calc(clamp(120px, 9.4vw, 168px) * var(--z)); margin-inline: calc(13px + var(--x)); }
  .hm-journey__p { font-size: 24px; line-height: 1.55; }
}



@media (min-width: 1600px) {
  .hm-rooms__in, .hm-artists__in, .hm-works__head, .hm-journey__in,
  .hm-jen__in { width: min(2280px, 100% - 84px); }

  .hm-rail__track { padding-inline: 72px; }
  .hm-salon { --sh: 268px; }
  .hm-salon > .hm-pf { max-width: 30%; }


  .hm-rm__no { font-size: 152px; }
  .hm-rm__h { font-size: 66px; }
  .hm-rm__no { margin-bottom: 12px; }
  .hm-rm__p { font-size: 26px; line-height: 1.5; max-width: 26ch; margin-top: 24px; }
  .hm-rm--say .hm-more { margin-top: 46px; font-size: 14px; }
  .hm-obj { grid-template-columns: 132px 1fr; }
  .hm-obj__h { font-size: 26px; }
  .hm-obj__a { font-size: 18px; }
  .hm-obj__n { font-size: 16px; }

  .hm-artists__h { font-size: 70px; }
  .hm-artists__p { font-size: 20px; }

  .hm-jen__in { padding: 108px 0 150px; }
  .hm-jen__h { font-size: 56px; }
  .hm-jen__facts li { font-size: 19px; padding: 20px 0; }
  .hm-jen__btn { padding: 17px 40px; font-size: 13px; }

  .hm-journey__h { font-size: 60px; }
  .hm-journey__p { font-size: 28px; line-height: 1.5; }
  .hm-works__h { font-size: 66px; }
  .hm-pf--hang { width: calc(clamp(150px, 6.8vw, 195px) * var(--z)); }
}



@media (prefers-reduced-motion: reduce) {
  .hm-pf, .hm-pf__u, .hm-more svg, .hm-sh, .hm-obj__pic img, .hm-obj__pic::after,
  .hm-jen__btn, .hm-jen__facts li, .hm-journey__btn, .hm-rail__end, .hm-rail__endin em svg {
    transition: none;
  }
  .hm-pf:hover, .hm-pf:focus-visible { transform: translate(var(--x), var(--l)) rotate(var(--t)); }
  .hm-pf--hang:hover, .hm-pf--hang:focus-visible { transform: rotate(var(--t)); }
  .hm-rail__end:hover { transform: none; }
  .hm-journey__rail svg { clip-path: none; }
}



.pg {

  --grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");

  --grain-soft: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.26'/%3E%3C/svg%3E");

  --core: #FDFBF5;
  --wire: rgba(42, 35, 28, .42);
}


body.pg {
  background-color: var(--paper);
  background-image: var(--grain-soft);
  background-size: 220px 220px;
}


.pg-defs { position: absolute; width: 0; height: 0; overflow: hidden; }


.pg-in { position: relative; z-index: 1; width: min(var(--maxw), 100% - 34px); margin-inline: auto; }

.pg-grain { position: relative; }


.pg .pg-sh { position: absolute; inset: 0; z-index: 0; }




.pg-seam--paper > .pp-tear { --face: var(--paper); --lip: var(--core); }
.pg-seam--ink   > .pp-tear { --face: var(--ink);   --lip: #1D1813; }

.pgmast--dark > .pp-tear { --face: var(--paper); --lip: var(--core); background: transparent; }




.pg-pf {
  display: block; position: relative; text-decoration: none; color: inherit;
  transform: translate(var(--x, 0px), var(--l, 0px)) rotate(var(--t, 0deg));
  filter: drop-shadow(var(--sx) var(--sy) var(--sb) rgba(34, 27, 20, .21));
  transition: transform .55s var(--ease), filter .55s var(--ease);
}
@media (hover: hover) and (pointer: fine) {
  a.pg-pf:hover, a.pg-pf:focus-visible {
    transform: translate(var(--x), calc(var(--l) - 10px)) rotate(calc(var(--t) * .28));
    filter: drop-shadow(calc(var(--sx) * 1.6) calc(var(--sy) + 9px) calc(var(--sb) * 1.4) rgba(34, 27, 20, .3));
    z-index: 6;
  }
}
.pg-pf:focus-visible { outline: 2px solid var(--taupe-deep); outline-offset: 6px; }

.pg-pf__m {
  display: block; position: relative; background: var(--core);
  padding: var(--m1) var(--m2) var(--m3) var(--m4);
  box-shadow: inset 0 0 0 1px rgba(42, 35, 28, .11);
}

.pg-pf__m::after {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background-image: var(--grain); background-size: 170px 170px; opacity: .3;
}
.pg-pf__w {
  display: block; position: relative; overflow: hidden;
  box-shadow: inset 0 0 0 1px rgba(42, 35, 28, .16), 0 1px 0 rgba(42, 35, 28, .1);
}
.pg-pf__w img, .pg-pf__w video { display: block; width: 100%; height: auto; }

.pg-pf__c { display: block; padding: 11px 0 0 var(--m4); }
.pg-pf__t { display: block; font: 400 italic 16px/1.34 var(--voice); color: var(--ink); }
.pg-pf__a { display: block; margin-top: 3px; font: 400 13px/1.5 var(--data); color: var(--muted); }
.pg-pf__u {
  display: block; width: 62%; height: 9px; margin-top: 8px; fill: var(--taupe-deep);
  clip-path: inset(0 100% 0 0); transition: clip-path .5s var(--ease);
}
@media (hover: hover) and (pointer: fine) {
  .pg-pf:hover .pg-pf__u { clip-path: inset(0 0 0 0); }
}
.pg-pf:focus-visible .pg-pf__u { clip-path: inset(0 0 0 0); }




.pg-sh {
  position: absolute; inset: 0; display: block; z-index: 0;
  filter: drop-shadow(-5px 11px 19px rgba(34, 27, 20, .26));
  transition: filter .5s var(--ease); pointer-events: none;
}
.pg-sh__p { display: block; position: absolute; inset: 0; background: var(--core); }
.pg-sh__p::after {
  content: ''; position: absolute; inset: 0;
  background-image: var(--grain); background-size: 200px 200px; opacity: .26;
}
.pg-sh__p--a { clip-path: url(#pg-sheet-a); }
.pg-sh__p--b { clip-path: url(#pg-sheet-b); }
.pg-sh__p--c { clip-path: url(#pg-sheet-c); }
.pg-sh__p--d { clip-path: url(#pg-sheet-d); }




.pg-more {
  display: inline-block; position: relative; text-decoration: none;
  font: 600 12px/1 var(--data); letter-spacing: .15em; text-transform: uppercase;
  color: var(--warm); transition: color .35s var(--ease);
}
.pg-more svg {
  display: block; width: 100%; height: 10px; margin-top: 7px; fill: var(--taupe-deep);
  clip-path: inset(0 100% 0 0); transition: clip-path .5s var(--ease);
}
.pg-more:hover, .pg-more:focus-visible { color: var(--ink); }
.pg-more:hover svg, .pg-more:focus-visible svg { clip-path: inset(0 0 0 0); }
.pgmast--dark .pg-more, .pg-dark .pg-more { color: var(--paper); }
.pgmast--dark .pg-more svg, .pg-dark .pg-more svg { fill: var(--taupe); }
.pgmast--dark .pg-more:hover, .pg-dark .pg-more:hover { color: #fff; }


.pg-rule { display: block; width: 100%; height: 11px; fill: var(--taupe-deep); }
.pgmast--dark .pg-rule, .pg-dark .pg-rule { fill: var(--taupe); }




.pgmast__blk {

  background: #E2DCD1;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  padding: .06em .22em;
  margin-left: -.22em;
}
.pgmast--dark .pgmast__blk { background: rgba(255, 255, 255, .10); }
.pgmast--dark .pg-wash { display: none; }




.pgmast {
  position: relative; overflow: hidden;
  padding: calc(var(--hdr-h) + 62px) 0 46px;
}
.pgmast--dark { background: var(--ink); color: var(--grey); padding-bottom: 92px; }
.pgmast__in { position: relative; z-index: 1; width: min(var(--maxw), 100% - 34px); margin-inline: auto; }
.pgmast__say { position: relative; }
.pgmast__k {
  position: relative; z-index: 1; margin: 0 0 10px;
  font: 600 11px/1.4 var(--data); letter-spacing: .16em; text-transform: uppercase; color: var(--muted);
}
.pgmast--dark .pgmast__k { color: #A9A196; }
.pgmast__h {
  position: relative; z-index: 1; margin: 0;
  font: 800 clamp(32px, 7.4vw, 58px)/1.02 var(--sig); letter-spacing: -.028em; color: var(--ink);
}
.pgmast--dark .pgmast__h { color: var(--white); }
.pgmast__rule { position: relative; z-index: 1; width: min(340px, 66%); margin-top: 16px; }
.pgmast__lede {
  position: relative; z-index: 1; margin: 20px 0 0; max-width: 52ch;
  font: 400 19px/1.6 var(--voice); color: var(--warm);
}
.pgmast--dark .pgmast__lede { color: var(--grey); }
.pgmast__meta {
  position: relative; z-index: 1; margin: 18px 0 0;
  font: 400 13px/1.5 var(--data); color: var(--muted); font-variant-numeric: tabular-nums;
}
.pgmast--dark .pgmast__meta { color: #8B8377; }
.pgmast .crumbs { position: relative; z-index: 1; }
.pgmast--dark .crumbs { color: #A9A196; }
.pgmast--dark .crumbs li + li::before { color: #4A443D; }
.pgmast__aside { position: relative; z-index: 1; margin-top: 40px; }





.ab-film { position: relative; padding: 0 0 8px; }
.ab-film__in { position: relative; z-index: 1; width: min(var(--maxw), 100% - 34px); margin-inline: auto; }
.ab-film__sheet { position: relative; padding: 26px 22px 34px; transform: rotate(-.5deg); }
.ab-film__say { position: relative; z-index: 1; }
.ab-film__h { margin: 0; font: 800 clamp(24px, 5.4vw, 36px)/1.1 var(--sig); letter-spacing: -.022em; color: var(--ink); }

.ab-film__rule { width: min(440px, 58%); margin-top: 14px; }
.ab-film__frame {

  position: relative; z-index: 1; margin: 20px 0 0; background: var(--ink);
  box-shadow: inset 0 0 0 1px rgba(42, 35, 28, .3), 0 22px 46px -30px rgba(34, 27, 20, .6);
}
.ab-film__frame video { display: block; width: 100%; height: auto; background: var(--ink); }
.ab-film__cap {
  position: relative; z-index: 1; margin: 16px 0 0; max-width: 62ch;
  font: 400 italic 16px/1.6 var(--voice); color: var(--muted);
}
.ab-film__cap b { font: 600 12px/1 var(--data); font-style: normal; letter-spacing: .12em;
  text-transform: uppercase; color: var(--taupe-deep); display: block; margin-bottom: 8px; }


.ab-port { position: relative; padding: 54px 0 10px; }
.ab-port__in { position: relative; z-index: 1; width: min(var(--maxw), 100% - 34px); margin-inline: auto;
  display: grid; grid-template-columns: 1fr; gap: 30px; align-items: center; }
.ab-port__pic { position: relative; }
.ab-port__pic img { display: block; width: 100%; height: auto; clip-path: url(#pg-sheet-c); }
.ab-port__back {
  position: absolute; inset: 0; background: var(--core);
  clip-path: url(#pg-sheet-c); transform: translate(-9px, 8px);
}
.ab-port__back::after {
  content: ''; position: absolute; inset: 0;
  background-image: var(--grain); background-size: 200px 200px; opacity: .3;
}
.ab-port__say { position: relative; }
.ab-port__h { margin: 0; font: 800 clamp(30px, 6.4vw, 46px)/1.06 var(--sig); letter-spacing: -.025em; }
.ab-port__cap { display: block; margin-top: 12px; font: 400 italic 17px/1.5 var(--voice); color: var(--muted); }
.ab-facts { list-style: none; margin: 26px 0 0; padding: 0; }
.ab-facts li {
  padding: 13px 0; border-top: 1px solid var(--hair);
  font: 400 16px/1.45 var(--voice); color: var(--warm);
  transition: padding-left .4s var(--ease), color .4s var(--ease);
}
.ab-facts li:last-child { border-bottom: 1px solid var(--hair); }
.ab-facts li:hover { padding-left: 12px; color: var(--ink); }
.ab-port__say .pg-more { margin-top: 26px; }


.ab-mission { position: relative; padding: 58px 0 14px; }

.ab-mission__sheet { position: relative; padding: 26px 8px 34px; transform: rotate(.42deg); }
.ab-mission__say { position: relative; z-index: 1; }
.ab-mission__h {
  position: relative; z-index: 1; margin: 0 0 6px;
  font: 600 11px/1.4 var(--data); letter-spacing: .12em; text-transform: uppercase; color: var(--muted);
}
.ab-mission__say { padding-left: 14px; }

.ab-mission__bar {
  position: absolute; left: 0; top: -6px; z-index: 1;
  font: 800 34px/1 var(--sig); color: var(--taupe); opacity: .6;
}
.ab-mission__p {
  position: relative; z-index: 1; margin: 18px 0 0;
  font: 400 20px/1.62 var(--voice); font-variation-settings: 'opsz' 20; color: var(--warm);
  text-wrap: pretty;
}
.ab-mission__p + .ab-mission__p { margin-top: 1.1em; }


.ab-fan { position: relative; padding: 30px 0 46px; overflow: hidden; }
.ab-fan__in { position: relative; z-index: 1; width: min(var(--maxw), 100% - 34px); margin-inline: auto; }
.ab-fan__row { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }

.ab-fan__row .pg-pf {
  flex: 0 0 auto; width: calc(46% - 12px); margin: 0 0 18px;
  translate: calc(var(--fp, 0px) * (1 - var(--fan, 1))) 0;
  transform: translateY(var(--l)) rotate(var(--t));
  opacity: var(--fo, 1);
}
.ab-fan__row .pg-pf:nth-child(odd) { margin-right: calc(12px + var(--x)); }
@media (hover: hover) and (pointer: fine) {
  .ab-fan__row a.pg-pf:hover, .ab-fan__row a.pg-pf:focus-visible {
    transform: translateY(calc(var(--l) - 10px)) rotate(calc(var(--t) * .28));
  }
}
.ab-fan__cap { margin: 8px 0 0; font: 400 13px/1.5 var(--data); color: var(--muted); }


.pg-about .record { position: relative; border-top: 0; padding-block: 58px 74px; }
.pg-about .record__in { position: relative; z-index: 1; }
.pg-about .aside { border-top: 0; padding-top: 0; }
.pg-about .aside h3 { margin-bottom: 10px; }
.pg-about .aside__rule { width: 100%; margin-bottom: 16px; }



@media (max-width: 759px) {
  .pg-about .insta { padding-top: 136px; }
}

.pg-about .insta { position: relative; overflow: hidden; }
.pg-about .insta__in { position: relative; z-index: 3; }

.pg-about .insta p { max-width: none; }

.ab-insta__strip {
  display: flex; align-items: flex-start; justify-content: space-between; gap: 0;
}

.ab-insta__strip .pg-pf {
  flex: 0 0 auto; width: calc(25% - 10px); margin: 0 5px;
  translate: calc(var(--fp, 0px) * (1 - var(--fan, 1))) 0;
  transform: translateY(var(--l)) rotate(var(--t));
  opacity: var(--fo, 1);
}

.ab-insta__strip .pg-pf__m { background: var(--core); box-shadow: inset 0 0 0 1px rgba(42, 35, 28, .14); }
.ab-insta__strip .pg-pf__m::after { opacity: .22; }
@media (hover: hover) and (pointer: fine) {
  .ab-insta__strip a.pg-pf:hover, .ab-insta__strip a.pg-pf:focus-visible {
    transform: translateY(calc(var(--l) - 10px)) rotate(calc(var(--t) * .28));
  }
}




.ct { position: relative; padding: 44px 0 78px; }

.ct__in { position: relative; z-index: 1; width: min(var(--maxw), 100% - 34px); margin-inline: auto;
  display: grid; grid-template-columns: 1fr; gap: 40px; align-items: stretch; }

.ct__pic { position: relative; }
.ct__list { list-style: none; margin: 30px 0 0; padding: 0; }
.ct__list li {
  display: grid; grid-template-columns: 104px minmax(0, 1fr); gap: 16px; align-items: baseline;
  padding: 15px 0; border-top: 1px solid var(--hair);
}
.ct__list li:last-child { border-bottom: 1px solid var(--hair); }
.ct__list .k { font: 600 11px/1.6 var(--data); letter-spacing: .10em; text-transform: uppercase; color: var(--muted); }
.ct__list .v { font: 400 16px/1.6 var(--data); color: var(--warm); white-space: pre-line; }
.ct__list a { text-decoration: none; border-bottom: 1px solid var(--hair); padding-bottom: 2px; }
.ct__list a:hover { border-color: var(--taupe); color: var(--ink); }

.ct__form {
  position: relative; padding: 30px 24px 38px; transform: rotate(-.38deg);
  display: flex; flex-direction: column; justify-content: center;
}
.ct__form > * { position: relative; z-index: 1; }
.ct__h { margin: 0; font: 800 clamp(23px, 5vw, 32px)/1.16 var(--sig); letter-spacing: -.018em; }
.ct__form .pg-rule { width: min(300px, 70%); margin-top: 14px; }
.pg-contact .form { margin-top: 26px; max-width: none; }
.pg-contact .f input, .pg-contact .f textarea { background: rgba(255, 255, 255, .72); border-color: #DED8CE; }
.pg-contact .f input:focus, .pg-contact .f textarea:focus { background: var(--white); border-color: var(--taupe); }





.appr-asa { position: relative; display: block; width: 100%; max-width: 460px; }


.appr-asa--dark { max-width: 520px; }
.appr-asa--dark img { width: 100%; height: auto; display: block; }
.appr-asa--dark .appr-asa__by {
  border-top-color: rgba(255, 255, 255, .20);
  color: var(--grey);
}
.appr-asa__sheet { position: relative; padding: 34px 30px 40px; transform: rotate(var(--t, -1.4deg)); }
.appr-asa__sheet .pg-sh { filter: drop-shadow(-7px 16px 26px rgba(0, 0, 0, .55)); }
.appr-asa img { position: relative; z-index: 1; display: block; width: 100%; height: auto; }
.appr-asa__by {
  position: relative; z-index: 1; display: block; margin-top: 20px; padding-top: 14px;
  border-top: 1px solid rgba(42, 35, 28, .18);
  font: 400 italic 15px/1.5 var(--voice); color: var(--warm);
}

.pg-appr .pgmast__lede { max-width: 46ch; font-size: 20px; }

.appr-cta { display: flex; flex-wrap: wrap; gap: 16px 28px; align-items: center; margin-bottom: 56px; }
.appr-gapline { font: 400 italic 17px/1.6 var(--voice); color: var(--warm); max-width: 46ch; }


.appr-purp { position: relative; padding: 8px 0 40px; }

.appr-purp__head {
  display: flex; align-items: baseline; justify-content: flex-start; flex-wrap: wrap; gap: 6px 22px;
  padding-bottom: 14px; margin-bottom: 6px;
}
.appr-purp__head h2 { font: 800 clamp(24px, 5.4vw, 36px)/1.14 var(--sig); letter-spacing: -.022em; }
.appr-purp__rule { margin-bottom: 26px; }
.appr-list { list-style: none; margin: 0; padding: 0; counter-reset: purpose; display: flex; flex-wrap: wrap; }
.appr-list li {
  counter-increment: purpose; position: relative; flex: 1 1 300px; min-width: 0;
  border-bottom: 1px solid var(--hair); padding: 17px 26px 17px 52px;
  font: 400 19px/1.4 var(--voice); color: var(--warm);
  transition: color .3s var(--ease), padding-left .3s var(--ease);
}
.appr-list li:hover { color: var(--ink); padding-left: 58px; }
.appr-list li::before {
  content: counter(purpose, decimal-leading-zero); position: absolute; left: 0; top: 21px;
  font: 400 13px/1 var(--data); color: var(--taupe); font-variant-numeric: tabular-nums;
}


.appr-defs { position: relative; padding: 40px 0 56px; }
.appr-defs__in { display: grid; grid-template-columns: 1fr; gap: 32px; }
.appr-def { position: relative; padding-top: 18px; }
.appr-def h2 { font: 600 11px/1.4 var(--data); letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }
.appr-def .pg-rule { width: 76%; margin: 12px 0 14px; }
.appr-def p { font: 400 18px/1.7 var(--voice); color: var(--warm); max-width: 48ch; }


.appr-who { position: relative; padding: 10px 0 70px; }

.appr-who__sheet {
  position: relative; margin-inline: auto;
  padding: 40px 26px 46px; text-align: center; transform: rotate(-.35deg);
}
.appr-who__sheet > * { position: relative; z-index: 1; }
.appr-who__row { position: relative; z-index: 1; }
.appr-who__pic { display: block; width: min(300px, 62%); margin: 0 auto 26px; }
.appr-who__pic .pg-pf { transform: rotate(var(--t)); }
.appr-who h2 { font: 800 clamp(24px, 5.4vw, 34px)/1.14 var(--sig); letter-spacing: -.02em; }
.appr-who__rule { width: 180px; margin: 14px auto 20px; }
.appr-who p { margin: 0 auto; max-width: 68ch; font: 400 18px/1.72 var(--voice); color: var(--warm); }
.appr-who__act { margin-top: 30px; }


.appr-band { position: relative; background: var(--ink); color: var(--grey); overflow: hidden; }
.appr-band__in {
  position: relative; z-index: 1; width: min(var(--maxw), 100% - 34px); margin-inline: auto;
  display: grid; grid-template-columns: 1fr; gap: 0; align-items: center; padding: 78px 0 84px;
}
.appr-band__pic { position: relative; display: flex; justify-content: center; }
.appr-band__pic img { max-height: 46vh; width: auto; max-width: 100%; }
.appr-band__say { position: relative; padding: 34px 26px 40px; transform: rotate(.4deg); margin-top: -26px; }
.appr-band__say > * { position: relative; z-index: 1; }

.appr-band__h { margin: 0; font: 800 clamp(24px, 5.4vw, 40px)/1.1 var(--sig); letter-spacing: -.024em; color: var(--white); }
.appr-band__say .pg-rule { width: min(280px, 62%); margin-top: 14px; }

.appr-band__say p { margin: 18px 0 0; font: 400 18px/1.66 var(--voice); color: var(--grey); max-width: 62ch; }
.appr-band__act { margin-top: 28px; display: flex; flex-wrap: wrap; gap: 16px 24px; align-items: center; }
.appr-band__cap { margin: 26px 0 0; padding-top: 12px; border-top: 1px solid rgba(255, 255, 255, .18); }
.appr-band__cap a { font: 400 14px/1.5 var(--data); color: var(--muted); text-decoration: none; }
.appr-band__cap i { font-family: var(--voice); font-size: 15px; color: var(--white); }
.appr-band__cap a:hover { color: var(--white); }




.pg-artists .roster { position: relative; padding-block: 54px; }
.pg-artists .roster + .roster { border-top: 0; }
.pg-artists .roster__h { align-items: baseline; justify-content: flex-start; gap: 6px 22px; margin-bottom: 10px; }
.pg-artists .roster__h h2 { font: 800 clamp(24px, 5.4vw, 36px)/1.14 var(--sig); letter-spacing: -.022em; }
.pg-artists .roster__rule { width: 100%; margin-bottom: 34px; }


.pg-artists .rlist { display: flex; flex-wrap: wrap; gap: 44px 24px; }
.pg-artists .acard { flex: 1 1 100%; min-width: 0; max-width: 100%; }

.pg-artists .acard__box { position: relative; }
.pg-artists .acard__box img {
  background: var(--white);
  border: 11px solid var(--core); border-bottom-width: 16px;
  box-shadow: 0 0 0 1px rgba(42, 35, 28, .13), -3px 10px 17px -7px rgba(34, 27, 20, .34);
  transition: transform .5s var(--ease), box-shadow .5s var(--ease);
  transform: rotate(-.9deg);
}
.pg-artists .acard:nth-child(even) .acard__box img { transform: rotate(1.1deg); }
.pg-artists .acard:nth-child(3n) .acard__box img { transform: rotate(-.35deg); }
@media (hover: hover) and (pointer: fine) {
  .pg-artists .acard:hover .acard__box img {
    transform: rotate(0deg) translateY(-5px);
    box-shadow: 0 0 0 1px rgba(42, 35, 28, .13), -5px 16px 22px -8px rgba(34, 27, 20, .42);
  }
}
.pg-artists .acard h3 { font: 800 19px/1.24 var(--sig); }
.pg-artists .acard__say { min-width: 0; }
.pg-artists .acard__bio { -webkit-line-clamp: 3; max-width: 54ch; }
.pg-artists .acard__box { height: 172px; }



.pg-artists .roster--one .rlist { display: block; }
.pg-artists .roster--one .acard { max-width: none; }





.pg .cta { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); }
.pg .cta__say { max-width: none; }
.pg .cta p { max-width: 62ch; }

.pg-gallery .rooms { border-bottom: 0; margin-top: 6px; }
.pg-gallery .rooms a[aria-current] { border-bottom-color: var(--taupe-deep); }
.pg-gallery .rail { padding-block: 42px 10px; }
.pg-gallery .rail__head h2 { font: 800 clamp(22px, 5vw, 30px)/1.16 var(--sig); }

.pg-gallery .seam { border-top: 0; padding-top: 34px; margin: 96px 0 var(--s8); }
.pg-gallery .seam::before {
  content: ''; position: absolute; inset: auto 0 100% 0; height: 0;
}
.pg-gallery .seam { position: relative; }
.pg-gallery .seam__rule { position: absolute; left: 0; top: 0; width: 100%; grid-column: 1 / -1; }
.pg-gallery .seam h2 { font: 800 clamp(24px, 5.4vw, 36px)/1.14 var(--sig); letter-spacing: -.022em; }
.pg-gallery .seam p { color: var(--warm); }
.pg-gallery .sec--tight { position: relative; }
.pg-gallery .sec--tight > .wrap { position: relative; z-index: 1; }




.tm { position: relative; padding: 30px 0 70px; }
.tm__in { position: relative; z-index: 1; width: min(var(--maxw), 100% - 34px); margin-inline: auto;
  display: grid; grid-template-columns: 1fr; gap: 34px; align-items: start; }

.tm__nav { position: relative; }
.tm__nav h2 { font: 600 11px/1.4 var(--data); letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }
.tm__nav .pg-rule { width: 100%; margin: 10px 0 14px; }
.tm__nav ol { list-style: none; margin: 0; padding: 0; counter-reset: toc; }
.tm__nav li { counter-increment: toc; }
.tm__nav a {
  display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 10px; align-items: baseline;
  padding: 8px 0; text-decoration: none; font: 400 15px/1.4 var(--data); color: var(--warm);
  border-bottom: 1px solid transparent; transition: color .2s var(--ease), border-color .2s var(--ease);
}
.tm__nav a::before {
  content: counter(toc, decimal-leading-zero); color: var(--taupe);
  font-variant-numeric: tabular-nums; font-size: 12px;
}
.tm__nav a:hover { color: var(--ink); border-bottom-color: var(--taupe); }

.tm__body { max-width: 70ch; counter-reset: sec; }
.tm__body > section { scroll-margin-top: calc(var(--hdr-h) + 24px); }
.tm__body h2 {
  counter-increment: sec; position: relative; display: grid;
  grid-template-columns: 42px minmax(0, 1fr); gap: 8px; align-items: baseline;
  font: 800 22px/1.3 var(--sig); letter-spacing: -.012em;
  padding-top: 30px; margin-top: 44px;
}
.tm__body h2::before {
  content: counter(sec, decimal-leading-zero); color: var(--taupe);
  font: 400 14px/1.6 var(--data); font-variant-numeric: tabular-nums;
}

.tm__body h2 .pg-rule { grid-column: 1 / -1; width: min(320px, 62%); height: 10px; margin: 14px 0 0; opacity: .75; }
.tm__body section:first-child h2 { margin-top: 0; padding-top: 0; }
.tm__body h3 { font: 600 12px/1.4 var(--data); letter-spacing: .10em; text-transform: uppercase; color: var(--muted); margin-top: 26px; }
.tm__body p, .tm__body li { font: 400 17px/1.78 var(--voice); color: var(--warm); }
.tm__body p { margin: 16px 0 0; }
.tm__body ul { padding-left: 20px; margin: 16px 0 0; }
.tm__body li { margin-bottom: 8px; }
.tm__body a { color: var(--ink); text-decoration: none; border-bottom: 1px solid var(--taupe); }
.tm__body a:hover { background: rgba(154, 144, 132, .16); }
.tm__updated {
  margin-top: 46px; padding-top: 16px; border-top: 1px solid var(--hair);
  font: 400 13px/1.5 var(--data); color: var(--muted);
}



@media (min-width: 760px) {
  .pgmast { padding: calc(var(--hdr-h) + 78px) 0 56px; }
  .pgmast--dark { padding-bottom: 104px; }
  .pgmast__in { display: grid; grid-template-columns: 1fr; gap: 40px; align-items: center; }
  .pgmast--split .pgmast__in { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
  .pgmast__aside { margin-top: 0; justify-self: end; width: 100%; }

  .ab-film__sheet { padding: 34px 38px 44px; }
  .ab-film__frame { margin-top: 26px; }
  .ab-port { padding-top: 70px; }

  .ab-port__pic { max-width: 78%; }
  .ab-mission__sheet { padding: 44px 52px 54px; }
  .ab-mission__say { padding-left: 26px; }
  .ab-mission__bar { top: -10px; font-size: 54px; }
  .ab-fan__row { flex-wrap: nowrap; }
  .ab-fan__row .pg-pf { width: 24%; margin: 0 calc(9px + var(--x)) 0; }
  .ab-fan__row .pg-pf:nth-child(odd) { margin-right: calc(9px + var(--x)); }

  .ct__in { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 52px; }
  .ct__form { padding: 40px 44px 48px; }
  .pg-contact .form__row { grid-template-columns: 1fr 1fr; }

  .appr-purp { padding-bottom: 52px; }
  .appr-defs__in { grid-template-columns: 1fr 1fr; gap: 56px; }
  .appr-who__sheet { padding: 52px 60px 58px; }

  .appr-who__pic { width: min(680px, 84%); }
  .appr-band__in { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); padding: 0; }
  .appr-band__pic { align-self: stretch; align-items: center; padding: 74px 0;
    margin-left: calc((100vw - min(var(--maxw), 100vw - 34px)) / -2); justify-content: flex-start; }
  .appr-band__say { margin: 0 0 0 -6%; padding: 44px 48px 50px; }

  .tm__in { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 56px; }
  .tm__nav { position: sticky; top: calc(var(--hdr-h) + 26px); max-height: calc(100vh - var(--hdr-h) - 60px); overflow-y: auto; }


  .pg-artists .acard { flex-basis: calc(50% - 12px); }

  .pg-artists .roster--one .acard {
    display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
    gap: 40px; align-items: center;
  }
  .pg-artists .roster--one .acard__box { height: auto; display: block; }
  .pg-artists .roster--one .acard__box img { max-height: 300px; width: auto; margin-inline: auto; }
  .pg-artists .roster--one .acard h3 { font-size: 30px; }
  .pg-artists .roster--one .acard__bio { font-size: 17px; -webkit-line-clamp: 6; max-width: 60ch; }
}



@media (min-width: 1080px) {
  .pgmast { padding: calc(var(--hdr-h) + 92px) 0 62px; }
  .pgmast--dark { padding-bottom: 120px; }
  .pgmast__lede { font-size: 21px; }

  .ab-film__sheet { padding: 44px 54px 54px; }
  .ab-film__in { display: grid; grid-template-columns: 1fr; }
  .ab-port { padding-top: 86px; }

  .ab-port__pic { max-width: none; }
  .ab-port__in { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 62px; }
  .ab-port__say { padding-left: 22px; }
  .ab-facts li { font-size: 17px; padding: 15px 0; }
  .ab-mission__sheet { padding: 54px 62px 62px; }

  .ab-mission__p { font-size: 20px; line-height: 1.78; }
  .ab-fan { padding-bottom: 62px; }

  .ct { padding: 56px 0 96px; }
  .ct__in { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 68px; }
  .ct__form { padding: 48px 56px 56px; }

  .appr-list li { font-size: 20px; }
  .appr-def p { font-size: 19px; }
  .appr-who__sheet { padding: 62px 70px 66px; }

  .appr-who__sheet { text-align: left; }
  .appr-who__row { display: flex; align-items: center; justify-content: center; gap: 5%; }
  .appr-who__pic { flex: 0 0 30%; width: auto; margin: 0; }
  .appr-who__say { flex: 1 1 auto; min-width: 0; max-width: 64%; }
  .appr-who__rule { margin: 14px 0 20px; }
  .appr-who p { margin: 0; max-width: none; }
  .appr-band__say { padding: 54px 58px 60px; }


  .tm__in { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 72px; }
  .tm__body { max-width: none; }
  .tm__body h2 { font-size: 24px; }
  .tm__body p, .tm__body li { font-size: 18px; }


  .pg-artists .acard { flex-basis: calc(33.333% - 16px); grid-template-columns: 150px minmax(0, 1fr); }
  .pg-artists .acard__box { height: 190px; }
}



@media (min-width: 1600px) {
  .pgmast__in, .ab-film__in, .ab-port__in, .ab-fan__in, .ct__in, .appr-band__in,
  .pg .pg-in { width: min(2280px, 100% - 84px); }
  .pg-about .record__in, .pg-about .insta__in { width: min(2280px, 100% - 84px); }
  .pg .wrap { width: min(2280px, 100% - 84px); }


  .tm__in { width: min(1680px, 100% - 84px); }
  .appr-who .pg-in { width: min(1560px, 100% - 84px); }

  .pgmast__h { font-size: 68px; }
  .pgmast__lede { font-size: 24px; max-width: 44ch; }

  .ab-film__h { font-size: 42px; }
  .ab-film__cap { font-size: 18px; }
  .ab-port__h { font-size: 54px; }

  .ab-facts li { font-size: 21px; padding: 30px 0; }
  .ab-port__cap { font-size: 20px; margin-top: 18px; }
  .ab-port__say .pg-more { margin-top: 40px; font-size: 14px; }
  .ab-mission__p { font-size: 21px; line-height: 1.82; }
  .ab-mission__bar { font-size: 82px; }

  .pg-about .record__body p { font-size: 21px; line-height: 2.1; }
  .pg-about .record__body { column-gap: 74px; }

  .pg-about .aside li { font-size: 16px; padding: 13px 0; }
  .pg-about .aside__note { font-size: 17px; }
  .pg-about .insta h2 { font-size: 56px; }
  .pg-about .insta p { font-size: 23px; max-width: 68ch; }
  .pg-about .insta .btn { padding: 18px 38px; }
  .pg-about .insta__in { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
  .ab-fan__row .pg-pf { width: 25%; }
  .ab-insta__strip .pg-pf { width: calc(21% - 8px); }
  .pg-about .insta .btn { min-width: 300px; }

  .ct__h { font-size: 38px; }
  .ct__list .v { font-size: 18px; }
  .ct__list li { padding: 22px 0; }

  .ct__in { grid-template-columns: minmax(0, 4.4fr) minmax(0, 7.6fr); }
  .pg-contact .f textarea { min-height: 240px; }
  .pg-contact .f input, .pg-contact .f textarea { font-size: 17px; padding: 17px 18px; }
  .pg-contact #send { min-width: 300px; }

  .appr-purp__head h2, .appr-who h2 { font-size: 42px; }
  .appr-list li { font-size: 23px; padding-top: 21px; padding-bottom: 21px; }
  .appr-def p { font-size: 21px; }
  .appr-who p { font-size: 21px; }
  .appr-band__h { font-size: 48px; }
  .appr-band__say p { font-size: 21px; }
  .appr-asa { max-width: 560px; }

  .appr-band__in { grid-template-columns: minmax(0, 3.6fr) minmax(0, 8.4fr); }
  .appr-band__pic {
    margin-left: calc((100vw - min(2280px, 100vw - 84px)) / -2);
    justify-content: center;
  }
  .appr-band__pic img { max-height: 78vh; }
  .appr-band__say { margin-left: -4%; max-width: 1180px; justify-self: center; }
  .appr-band__say p { max-width: none; }
  .appr-band__cap { max-width: none; }

  .pg-artists .roster__h h2 { font-size: 42px; }
  .pg-artists .acard h3 { font-size: 22px; }
  .pg-artists .acard__bio { font-size: 16px; }
  .pg-gallery .seam h2 { font-size: 42px; }


  .pg .cta { grid-template-columns: minmax(0, 3.4fr) minmax(0, 8.6fr); }
  .pg .cta__pic {
    margin-left: calc((100vw - min(2280px, 100vw - 84px)) / -2);
    justify-content: center;
  }
  .pg .cta__pic img { max-height: 78vh; }


  .pg .cta__say { max-width: 1180px; justify-self: center; padding-right: 0; }
  .pg .cta p { max-width: none; }


  .tm__body p, .tm__body li { font-size: 19px; line-height: 1.8; }
  .tm__body h2 { font-size: 27px; }
  .tm__nav a { font-size: 16px; }
}



@media (prefers-reduced-motion: reduce) {
  .pg-pf, .pg-pf__u, .pg-more svg, .pg-sh, .ab-facts li, .appr-list li,
  .pg-artists .acard__box img, .pg-artists .acard__box::before { transition: none; }
  a.pg-pf:hover, a.pg-pf:focus-visible { transform: translate(var(--x), var(--l)) rotate(var(--t)); }
  .ab-fan__row a.pg-pf:hover, .ab-fan__row a.pg-pf:focus-visible,
  .ab-insta__strip a.pg-pf:hover, .ab-insta__strip a.pg-pf:focus-visible {
    transform: translateY(var(--l)) rotate(var(--t));
  }
  .pg-artists .acard:hover .acard__box img { transform: none; }
}



.ab-mission .pg-in { width: calc(100% - 8px); max-width: none; }

@media (min-width: 760px) {
  .ab-mission .pg-in { width: calc(100% - 68px); }
}


@media (min-width: 2200px) {
  .ab-mission__p { line-height: 1.95; }
}



@media (max-width: 1199px) {


  .f input, .f textarea, .f select,
  .filters__search input, .sortbar select { font-size: 16px; }


  .hdr__mark { display: flex; align-items: center; min-height: 44px; }
  .hm-hero__link { padding-block: 11px; }


  .crumbs ol { align-items: center; }
  .crumbs a { display: inline-block; padding: 17px 5px; margin: -17px -5px; }


  .foot ul { gap: 0; }
  .foot li a { padding-block: 11px; }


  .foot li a.foot__cta {
    border-bottom: 0; padding-bottom: 11px;
    text-decoration: underline; text-underline-offset: 4px;
    text-decoration-color: var(--taupe);
  }

  .foot__agency { min-height: 44px; }
  .foot__bar a { display: inline-block; padding-block: 14px; margin-block: -14px; }


  .hm-more, .pg-more { padding-block: 8px; }


  .hm-jen__btn, .hm-journey__btn { min-height: 44px; }


  .cta__alt, .btn--line {
    border-bottom: 0; padding-block: 16px;
    text-decoration: underline; text-underline-offset: 6px;
  }
  .cta__alt { text-decoration-color: #3A342E; }
  .btn--line { text-decoration-color: var(--taupe); }


  .cta__cap a, .appr-band__cap a {
    display: inline-block; padding-block: 13px; margin-block: -13px;
  }


  .ct__list a {
    display: inline-block; padding-block: 13px; margin-block: -13px;
    border-bottom: 0; padding-bottom: 13px;
    text-decoration: underline; text-underline-offset: 5px;
    text-decoration-color: var(--hair);
  }


  .wl__artist { padding-block: 15px; margin-block: -15px; }


  .rooms a { padding-block: 15px; }
  .sticky__f button { padding-block: 15px; }


  .chip { padding-block: 13px; }
  .sortbar select { min-height: 44px; padding: 11px 12px; }


  .lnk {
    border-bottom: 0; padding-block: 16px;
    text-decoration: underline; text-underline-offset: 6px;
    text-decoration-color: var(--hair);
  }
}


@media (max-width: 400px) {
  .ct__list li { grid-template-columns: 92px minmax(0, 1fr); gap: 12px; }
}

.band__pic { align-items: center; }
.band__pic img,
.pg-pf__w img,
.wl__pic img,
.rcard img,
.acard__box img,
.appr-band__pic img { object-fit: contain; }

.foot__agency img { width: 74px; }
.foot__agency { font-size: 12px; gap: 7px; }