px-showroom {display:block}
.sh-home {--accent:#caff32;--gutter:clamp(20px,5vw,88px);font:500 16px/1.45 var(--px-text,system-ui);background:#fff;color:#080808;overflow:clip}
.sh-home *, .sh-home *::before,.sh-home *::after {box-sizing:border-box}
.sh-home [hidden] {display:none!important}
.sh-home :is(h1,h2,p) {margin:0}
.sh-home a {text-decoration:none;color:inherit}
.sh-home button,.sh-home select,.sh-home input {font:inherit}
.sh-home button,.sh-home select {cursor:pointer}
.sh-home :focus-visible {outline:3px solid currentColor;outline-offset:3px}
.sh-home .sh-sr {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.sh-hero {isolation:isolate;position:relative;display:grid;align-items:center;background:#050505;color:white;min-height:clamp(530px,76svh,790px);padding:65px var(--gutter) 95px;overflow:hidden}
.sh-hero-art {position:absolute;inset:0;z-index:-1;pointer-events:none}
.sh-hero-art img {position:absolute;right:0;top:0;width:61%;height:100%;object-fit:cover;mask-image:linear-gradient(90deg,transparent,#000 18%);transform:translate(var(--drift-x,0),var(--drift-y,0)) scale(1.035)}
.sh-hero-art canvas {width:100%;height:100%;position:absolute;inset:0}
.sh-intro {position:relative;max-width:740px;width:52%}
.sh-home h1,.sh-home h2 {font-family:var(--px-display,system-ui);font-weight:650;letter-spacing:-.077em}
.sh-home h1 {font-size:clamp(68px,7.9vw,155px);line-height:.88}
.sh-home h1 em,.sh-material h2 em {font:inherit;color:var(--accent)}
.sh-intro p {font-size:clamp(16px,1.35vw,22px);max-width:36ch;margin:24px 0}
.sh-search {display:flex;background:#151515;border:1px solid #ffffff54;border-radius:50px;align-items:center;max-width:540px;padding:5px;min-height:52px;gap:0}
.sh-search label {width:auto;border-right:1px solid #555;position:relative;flex:none}
.sh-search label:after {content:"";position:absolute;width:6px;height:6px;border:solid white;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);right:11px;top:40%;pointer-events:none}
.sh-search select {background:transparent;color:white;border:0;padding:4px 23px 4px 12px;appearance:none;font-size:14px;max-width:134px}
.sh-search option {background:#111;color:#fff}
.sh-search input {flex:1;min-width:0;background:none;border:0;color:#fff;padding:8px 12px;font-size:15px}
.sh-search input::placeholder {color:#ccc}
.sh-search button {border:0;flex:none;background:var(--accent);color:#000;width:42px;height:42px;border-radius:50%;font-size:23px}
.sh-hero-foot {position:absolute;bottom:24px;left:var(--gutter);right:var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:15px;border-top:1px solid #ffffff38;font-size:12px}
.sh-hero-foot a span {margin-left:9px;color:var(--accent)}
.sh-motion {color:#fff;background:#111;border:1px solid #666;border-radius:30px;padding:5px 12px}
.sh-section {padding:clamp(42px,5.7vw,88px) var(--gutter)}
.sh-section-head {display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin-bottom:24px}
.sh-home h2 {font-size:clamp(37px,4.8vw,88px);line-height:.99}
.sh-section-head>a,.sh-footer nav {font:500 12px/1.45 var(--px-mono,monospace)}
.sh-arrow {font-family:system-ui;font-weight:400;margin-left:.15em;display:inline-block;transition:transform .2s}
.sh-home a:hover .sh-arrow {transform:translate(2px,-2px)}
.sh-filters,.sh-studies {display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}
.sh-filters button,.sh-studies :is(button,a) {border-radius:40px;background:transparent;border:1px solid #0004;color:inherit;padding:6px 13px;line-height:1.35;font-size:14px}
.sh-filters button[aria-pressed=true] {background:black;color:white;border-color:black}
.sh-rack {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 14px}
.sh-card,.sh-study,.sh-format-art,.sh-instruments>a {min-width:0;display:block}
.sh-cover {aspect-ratio:1.62;position:relative;background:#151515;overflow:hidden;border-radius:12px;isolation:isolate}
.sh-image,.sh-drawing {display:block;width:100%;height:100%;object-fit:cover}
.sh-card .sh-cover>* {transition:transform .45s cubic-bezier(.2,.7,.15,1)}
.sh-card:hover .sh-cover>* {transform:scale(1.055)}
.sh-caption,.sh-instruments a>span {display:flex;justify-content:space-between;align-items:baseline;gap:4px;font-weight:640;letter-spacing:-.04em;font-size:clamp(16px,1.3vw,23px);padding:7px 1px 0}
.sh-caption .sh-arrow {font-size:17px}
.sh-drawing {position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
.sh-drawing i {font-style:normal}
.sh-glyph {display:grid;grid-template-columns:repeat(4,1fr);place-content:center;background:#161616;color:var(--accent);padding:7%;gap:2%}
.sh-glyph i {aspect-ratio:1;display:grid;place-items:center;border:1px solid #ffffff4a;border-radius:18%;font:400 clamp(26px,3.4vw,76px)/1 Georgia}
.sh-pattern {background:#151515}
.sh-pattern:before,.sh-pattern i {content:"";position:absolute;inset:-35%;background:repeating-radial-gradient(ellipse at 50% 92%,transparent 0 6px,#fff 7px 10px,transparent 11px 15px);transform:rotate(-32deg)}
.sh-pattern i {background:repeating-radial-gradient(ellipse at 80% 55%,transparent 0 6px,var(--accent) 7px 10px,transparent 11px 15px);mix-blend-mode:difference}
.sh-type {background:var(--accent);color:#080808}
.sh-type i {font:italic 500 clamp(65px,8.5vw,172px)/.85 Georgia;letter-spacing:-.15em;transform:translateX(-.08em)}
.sh-record {background:#eee}
.sh-record i {height:135%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#111 0 2%,#fff 2.4% 3%,var(--accent) 3.4% 20%,transparent 21%),repeating-radial-gradient(#181818 0 2px,#353535 3px 4px),#000;box-shadow:9px 8px 15px #0003;transform:translateX(-10%)}
.sh-sound {background:black;gap:1.65%}
.sh-sound i {height:var(--bar);width:1.45%;border-radius:8px;background:var(--accent)}
.sh-sticker {background:repeating-linear-gradient(45deg,#151515 0 3px,#272727 3px 6px);color:var(--accent)}
.sh-sticker i,.sh-sticker b {font:900 clamp(70px,8vw,145px)/1 system-ui;filter:drop-shadow(3px 4px 0 black);-webkit-text-stroke:2px white}
.sh-sticker b {font-size:clamp(40px,4vw,85px);color:white;transform:translate(-18%,40%)}
.sh-archive {background:#e5e5e2}
.sh-archive i {position:absolute;width:33%;height:64%;border:6px solid #fff;box-shadow:2px 4px 8px #0003;background:repeating-radial-gradient(ellipse at 25% 85%,#111 0 1px,#fff 2px 4px);transform:translateX(-56%) rotate(-18deg)}
.sh-archive i:nth-child(2){transform:rotate(-3deg);background-position:20px -22px}
.sh-archive i:nth-child(3){transform:translateX(55%) rotate(13deg);background-position:12px 27px}
.sh-material {display:grid;grid-template-columns:4fr 6fr;gap:6%;align-items:center;padding:clamp(32px,4.5vw,78px) var(--gutter);color:#fff;background:#101010}
.sh-material-copy p,.sh-ai p {max-width:35ch;font-size:17px;margin:16px 0 22px}
.sh-studies :is(button,a) {border-color:#777}
.sh-studies button[aria-pressed=true] {color:#000;background:var(--accent);border-color:var(--accent)}
.sh-study {position:relative;height:clamp(230px,28vw,490px);overflow:hidden;border-radius:14px;background:#262626}
.sh-stage-caption,.sh-format-art>span {position:absolute;bottom:14px;left:14px;right:14px;display:flex;align-items:center;justify-content:space-between;border-radius:8px;padding:12px 15px;background:#101010;color:white}
.sh-stage-caption small,.sh-stage-caption strong {display:block}
.sh-stage-caption small {font:500 10px var(--px-mono);color:var(--accent);margin-bottom:4px}
.sh-format-body {display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(18px,3vw,50px)}
.sh-format-art {min-height:250px;position:relative;overflow:hidden;border-radius:12px}
.sh-format-art .sh-image {position:absolute;inset:0}
.sh-format-art>span {left:auto}
.sh-formats {display:grid;grid-template-columns:1fr 1fr;column-gap:22px}
.sh-formats a {display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #0003;font-size:clamp(16px,1.55vw,26px);letter-spacing:-.04em}
.sh-ai {background:#0b0b0b;color:white}
.sh-ai .sh-section-head {margin-bottom:8px}
.sh-ai p {max-width:none}
.sh-instruments {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px}
.sh-instrument {height:clamp(90px,9vw,170px);border-radius:10px;position:relative;display:grid;place-items:center;overflow:hidden;background:#181818;color:var(--accent);isolation:isolate}
.sh-instrument :is(i,b,u){grid-area:1/1;display:block}
.sh-i0 i {width:34%;height:54%;background:linear-gradient(135deg,#eaffb0,#6f9900 45%,#151515);border:1px solid var(--accent);transform:skew(-22deg) rotate(-12deg);box-shadow:10px 8px 0 #323232,20px 16px 0 white}
.sh-i1 {background:var(--accent)}
.sh-i1 i {height:80%;aspect-ratio:1;border-radius:50%;border:10px double #000;box-shadow:25px 0 0 #000;transform:rotate(-28deg)}
.sh-i2 i {width:70%;height:65%;background:repeating-linear-gradient(90deg,#fff 0 12%,#111 12% 14%);transform:skew(-25deg) rotate(-10deg);border-block:6px dotted #111}
.sh-i3 {background:#e8e8e8}.sh-i3 i {width:65%;height:55%;background:repeating-linear-gradient(90deg,#111 0 3%,transparent 3% 5%);clip-path:polygon(0 45%,18% 35%,28% 0,39% 34%,57% 22%,73% 10%,90% 37%,100% 45%,100% 55%,90% 63%,73% 90%,57% 78%,39% 66%,28% 100%,18% 65%,0 55%)}
.sh-i4 i,.sh-i4 b,.sh-i4 u {width:24%;aspect-ratio:1;border-radius:50%;border:4px double currentColor;transform:translateX(-45%) rotateY(42deg)}.sh-i4 b{transform:rotateY(42deg)}.sh-i4 u{transform:translateX(45%) rotateY(42deg)}
.sh-i5 {background:var(--accent)}.sh-i5 i {width:65%;height:50%;background:repeating-linear-gradient(120deg,transparent 0 7%,black 8% 10%,transparent 11% 15%);transform:skewY(-8deg)}
.sh-footer {padding:32px var(--gutter);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;background:#fff;color:#000}
.sh-wordmark {font-size:clamp(30px,4vw,65px);font-weight:700;letter-spacing:-.075em}
.sh-footer nav {display:flex;gap:16px;flex-wrap:wrap}
@media(prefers-reduced-motion:no-preference){
  .sh-home:not([data-still]) .sh-study:not([hidden]) {animation:sh-open .38s ease both}
  .sh-home:not([data-still]) .sh-card:hover .sh-sound i {animation:sh-meter .65s ease-in-out infinite alternate;animation-delay:calc(var(--n)*-.08s)}
  .sh-home:not([data-still]) .sh-card:hover .sh-pattern i {animation:sh-warp 3s ease-in-out infinite alternate}
  .sh-home:not([data-still]) .sh-instruments a:hover i {animation:sh-open .45s ease both}
}
@keyframes sh-meter{to{transform:scaleY(.35)}}
@keyframes sh-warp{to{transform:rotate(-17deg) scale(1.1)}}
@keyframes sh-open{from{opacity:.3;translate:0 8px}to{opacity:1;translate:0 0}}
@media(max-width:850px){.sh-rack{grid-template-columns:repeat(3,minmax(0,1fr))}.sh-intro{width:58%}.sh-hero-art img{width:59%}.sh-home h1{font-size:clamp(62px,9vw,86px)}}
@media(max-width:650px){.sh-hero{align-items:start;min-height:0;padding:32px var(--gutter) 68px}.sh-hero-art{position:relative;inset:auto;order:2;aspect-ratio:1.95;width:100%;margin-top:10px}.sh-hero-art img{width:100%;mask-image:none;object-fit:contain}.sh-intro{width:100%}.sh-intro p{margin:15px 0 16px}.sh-rack{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 9px}.sh-section-head{align-items:end}.sh-section-head>a{font-size:10px}.sh-material,.sh-format-body{grid-template-columns:1fr}.sh-material{gap:14px}.sh-material h2 br{display:none}.sh-material h2 em:before{content:" "}.sh-material-copy p{margin:12px 0}.sh-studies{margin-bottom:0}.sh-format-art{min-height:215px}.sh-instruments{grid-template-columns:repeat(2,minmax(0,1fr))}.sh-section-head h2{max-width:72%}.sh-hero-foot{bottom:14px}.sh-search select{max-width:110px}.sh-footer nav{gap:12px}.sh-cover{aspect-ratio:1.35}}
@media(prefers-reduced-motion:reduce){.sh-home *, .sh-home *::before,.sh-home *::after{animation:none!important;transition:none!important}}


.sh-photography {padding-top:0}
.sh-photo-strip {display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:12px}
.sh-photo-strip a {position:relative;border-radius:12px;overflow:hidden;height:clamp(240px,32vw,520px);color:white;background:#111;isolation:isolate}
.sh-photo-strip a:after {content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#000c);pointer-events:none}
.sh-photo-strip img {display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.sh-photo-strip span:not(.sh-arrow) {position:absolute;z-index:1;bottom:15px;left:15px;right:15px;font-weight:630;display:flex;justify-content:space-between;align-items:center;letter-spacing:-.04em;font-size:clamp(18px,1.6vw,29px)}
.sh-photo-strip a:hover img {transform:scale(1.035)}
@media(max-width:650px){.sh-photo-strip{grid-template-columns:1fr 1fr;gap:8px}.sh-photo-strip a{height:220px}.sh-photo-strip a:nth-child(2){grid-column:1/-1;grid-row:1;height:230px}.sh-photo-strip span:not(.sh-arrow){left:10px;right:10px;bottom:10px;font-size:16px}}