/* SHUXSYN / afterimage — shoegaze atmosphere, electronic edges */
:root{--paper:#e0e5ed;--steel:#a6b3c9;--line:#bccce326}body:before{content:'';position:fixed;inset:0;z-index:30;pointer-events:none;opacity:.045;background-image:url("data:image/svg,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.94' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23dbe6f8' filter='url(%23g)' d='M0 0h160v160H0z'/%3E%3C/svg%3E");mix-blend-mode:screen}.ambient-background #background-video{opacity:.94;filter:saturate(.55) contrast(.94) hue-rotate(7deg)}.ambient-shade{background:linear-gradient(110deg,#0d172c55,#07101d38 55%,#04071365)}.ambient-shade:after{content:'';position:absolute;inset:-15%;background:radial-gradient(ellipse at 20% 30%,#9cb4df20,transparent 42%),radial-gradient(ellipse at 80% 70%,#7d8cb51a,transparent 40%);filter:blur(45px);animation:afterglow 24s ease-in-out infinite alternate}header{border-bottom-color:#c4d3ee20}.brand{letter-spacing:-1.3px;text-shadow:2px 0 8px #c1d8ff45}.universe:before{opacity:.22}.wall-top{color:#b7c3d4}.wall-top b{font-weight:400;letter-spacing:.12em;font-size:10px;color:#d6dfeb}.wall-whisper,.scribble,.loose-note{font-family:Georgia,serif;font-style:italic;letter-spacing:.015em}.wall-whisper{font-size:14px;color:#b2c1d7;transform:rotate(-3deg)}.ghost-note{font-family:Georgia,serif;font-weight:400;font-style:italic;color:#c1d0eb14;filter:blur(.6px)}.name-cloud h1,.name-echo{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;letter-spacing:-.085em}.name-cloud h1{color:#e5e9ef;text-shadow:-2px 0 0 #c3d8f329,3px 2px 15px #d8e4ff35;filter:drop-shadow(0 0 12px #a7c3ed12)}.name-echo span{opacity:calc(.26 - var(--i)*.028);filter:blur(calc(var(--i)*.85px));color:#a6bcdd}.name-caption{color:#bbc7d9;font-size:9px;letter-spacing:.12em;line-height:2}.name-star{font-style:normal;color:#b9cce5}.chrome-spin{filter:drop-shadow(10px 22px 17px #0008) drop-shadow(-5px -5px 18px #b4c9ed16)}.portrait-sheet{background:#b3bece;filter:saturate(.5);box-shadow:10px 12px 0 #8290a514,16px 20px 30px #0008}.portrait-art{filter:blur(.4px) contrast(1.16);background-image:radial-gradient(ellipse at 65% 30%,#6d7f9e,transparent 65%)}.portrait-symbol{filter:blur(2px);opacity:.8}.scan-lines{opacity:.5}.project-sheet{background:#a9b7c9;filter:saturate(.65);box-shadow:3px 3px 0 #d2dff020,9px 18px 35px #020710a0}.type-poster{background:radial-gradient(ellipse at 18% 35%,#7184a16b,transparent 70%),#1b2c48}.type-poster strong{text-shadow:2px 1px 0 #d0e1ff29,-1px 0 5px #91b6eb40}.tape{background:#e1e6ed29}.vinyl{box-shadow:12px 24px 40px #0009,inset 0 0 0 1px #bbcae040,inset 0 0 0 9px #080b0e}.vinyl-label{background:#bbc7d9;color:#1c2b41}.loose-note{font-size:15px;color:#b7c4d8}.note-two i{font-size:22px}.cross-object{color:#b8c8e0}.wall-enter,.button{border-color:#c2d1e55c}.wall-enter:hover,.button:hover{background:#d2dff0;color:#15233a}.wall-object a,.project-link,.beats-art{transition:filter .35s}.project-link:hover .media img,.work-item a:hover .media img{filter:grayscale(.25) contrast(1.12) blur(.35px)}.project-link:hover h3,.wall-top a:hover{color:#e7f0ff;text-shadow:-2px 0 #819dc450,2px 0 #d5e2f840}.page-title{font-weight:400;letter-spacing:-.07em;text-shadow:3px 2px 18px #bed5ff16}.page-title i,.section-head h2{font-family:Georgia,serif;font-style:italic;font-weight:400}.section-head h2{text-shadow:2px 0 8px #8faacf25}.wall-archive{background:linear-gradient(#101c3040,#080f1d55);border-top-color:#c0d3ef26}.wall-archive .project .media{border-color:#b8c4d3;box-shadow:10px 15px 35px #0005}.wall-archive .project:nth-child(2) .media{border-color:#64748e}.placeholder b{filter:blur(.6px);color:#7e95b6}.prose p,.intro,.big-quote p,.case-story p{color:#b3bfd0}.big-quote h2{color:#d3dfef;line-height:1.18}.beats-feature{background:linear-gradient(130deg,#263850b5,#121e30dc);border-color:#b5c8e149;box-shadow:0 20px 70px #0003}.beats-art{filter:saturate(.65)}.beats-art:before{content:'';position:absolute;inset:0;z-index:2;box-shadow:inset 0 0 45px #b9d2f320;pointer-events:none}.beats-monogram{filter:blur(.8px);text-shadow:7px 8px 0 #101c2f5a,-3px 0 12px #ccdeff45}.beats-bottom{background:#0a142473}.beats-copy h2{text-shadow:3px 0 20px #b6d2ff18}.beats-wave i{background:#a2b9d9}.listening-notes{margin:85px 0 0;padding:34px 0;border-top:1px solid #a7bedb3a;border-bottom:1px solid #a7bedb22;display:grid;grid-template-columns:.7fr 1fr 1fr;gap:7%;align-items:start}.listening-notes>.eyebrow{font-size:9px}.listening-note h3{font:italic 36px/1.1 Georgia,serif;font-weight:400;letter-spacing:-.04em;margin:0 0 14px;color:#d2deee}.listening-note p{font:11px/1.9 'Courier New',monospace;color:#b0bfd3;margin:0}.listening-note small{display:block;margin-top:17px;font:italic 15px/1.4 Georgia,serif;color:#8ea3bf}.vibe-reveal{opacity:1;transform:none}.vibe-pending{opacity:.1;transform:translateY(18px);filter:blur(3px);transition:opacity 1.2s ease,transform 1.4s ease,filter 1.2s ease}.vibe-visible{opacity:1;transform:none;filter:none}.sound{background:linear-gradient(180deg,#13223a0d,#101b2c4d);border-color:#c5d9f21b}footer{background:#111d3052}.footer-title{font-family:Georgia,serif;font-style:italic;letter-spacing:-.07em;color:#c2d0e5}.footer-title i{color:#92a9ca}@keyframes afterglow{to{transform:translate(5%,3%) scale(1.09);opacity:.55}}@media(max-width:650px){.wall-whisper{font-size:10px}.loose-note{font-size:11px}.name-caption{font-size:7px}.name-cloud{left:12%;width:84%}.name-cloud h1,.name-echo{font-size:19vw}.listening-notes{grid-template-columns:1fr;gap:28px;margin-top:55px;padding:28px 0}.listening-note h3{font-size:33px}.listening-note p{font-size:11px}.listening-note small{margin-top:10px}.footer-title{font-size:56px}}
@media(prefers-reduced-motion:reduce){.ambient-shade:after{animation:none}.vibe-pending{opacity:1;transform:none;filter:none;transition:none}}
.guitar-art{transform-origin:center;animation:float-star 10s ease-in-out infinite}.guitar-art svg{filter:drop-shadow(6px 10px 12px #02091490)}.dj-deck{background:linear-gradient(140deg,#3c4f69,#0d1727 55%,#293e59);border:1px solid #9fb4d07a;border-radius:7px;padding:13px 12px;box-shadow:8px 17px 25px #0009,inset 0 0 0 4px #0f1c2d}.dj-brand{display:block;font:5px 'Courier New',monospace;letter-spacing:.15em;color:#b1c6e1;margin-bottom:12px}.dj-controls{display:flex;align-items:center;justify-content:space-between;gap:9px}.dj-platter{width:35%;aspect-ratio:1;border:3px solid #7790b2;border-radius:50%;background:repeating-radial-gradient(#142039 0,#142039 3px,#455b78 4px,#101a2d 5px);position:relative;animation:turn 14s linear infinite}.dj-platter:after{content:'';position:absolute;inset:32%;border:1px solid #b2c7e1;border-radius:50%;background:#829bb9}.dj-mixer{width:21%;display:flex;gap:5px;position:relative;height:46px;padding-bottom:12px}.dj-mixer i{width:2px;background:#97b2d0;position:relative}.dj-mixer i:after{content:'';position:absolute;top:35%;left:-3px;width:8px;height:5px;background:#d8e4f4}.dj-mixer i:nth-child(2):after{top:65%}.dj-mixer span{position:absolute;bottom:0;left:0;right:0;height:2px;background:#a7bfdd}.dj-mixer span:after{content:'';position:absolute;left:40%;top:-3px;width:4px;height:8px;background:#dae5f6}.dj-pads{display:flex;gap:3px;margin-top:12px;align-items:center}.dj-pads b{width:9px;height:8px;background:#9fb8d3;opacity:.6}.dj-pads b:nth-child(even){background:#596e93}.dj-pads span{margin:auto;font:4px 'Courier New',monospace;color:#c2d6ed}.dj-object .object-caption{font-size:7px}@media(max-width:650px){.dj-deck{padding:9px 8px}.dj-brand{font-size:3px;margin-bottom:8px}.dj-mixer{height:29px;gap:4px}.dj-controls{gap:6px}.dj-platter{border-width:2px}.dj-pads{gap:2px;margin-top:8px}.dj-pads b{width:5px;height:5px}.dj-object .object-caption{font-size:5px}.dj-mixer i:after{width:6px;height:4px;left:-2px}}
.owned-guitar{display:block;width:100%;height:auto;filter:drop-shadow(7px 15px 13px #0009)}.guitar-art{filter:none}.owned-dj{display:block;width:100%;height:auto;filter:drop-shadow(7px 13px 12px #000a)}.wall-top{font-size:13.2px}.wall-top b{font-size:11px}@media(min-width:1700px){.wall-top{font-size:15.4px}}@media(max-width:1000px){.wall-top{font-size:11px}}@media(max-width:650px){.wall-top{font-size:9.9px}.wall-top b{font-size:11px}}
.dj-photo-sheet{filter:none}.dj-photo-sheet img{filter:none;object-fit:cover;object-position:23% 43%;aspect-ratio:.82}
.release-player{margin-top:40px;max-width:800px}.release-player>.eyebrow{margin-bottom:18px}.release-player iframe{display:block;width:100%;height:152px;min-height:152px;border-radius:12px}
/* Balanced release case study */
.royce-page #main>.page{max-width:1220px;margin:0 auto}.royce-page .page-title,.royce-page .intro{text-align:center;margin-left:auto;margin-right:auto}.royce-page .intro{max-width:none}.royce-page .release-hero{max-width:none;margin:45px 0 0;padding:25px;background:#10203940;border:1px solid #a6bfd525}.royce-page .release-hero>.eyebrow{justify-content:center;text-align:center}.royce-page .release-hero iframe{height:352px;min-height:352px}.royce-page .release-hero>.text-link{display:block;text-align:center}.royce-page .case-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;text-align:center;padding:30px 0}.royce-page .case-facts p{font-size:18px;line-height:1.4}.royce-page .case-story{margin:65px auto 0;max-width:800px}.royce-page .case-story>.eyebrow{justify-content:center}.royce-page .case-story h2{text-align:center}.royce-page .case-story p{text-align:left}.royce-page .case-story>.empty{text-align:center}@media(max-width:650px){.royce-page .release-hero{padding:15px;margin-top:30px}.royce-page .case-facts{grid-template-columns:1fr;gap:12px;padding:25px 0}.royce-page .case-facts>div{padding:8px}.royce-page .case-facts p{margin:8px 0}.royce-page .case-story{margin-top:40px}.royce-page .case-story>.eyebrow{text-align:center}.royce-page .page-title{font-size:60px}}
.royce-page .release-compact{max-width:720px;margin:35px auto 0;padding:18px}.royce-page .release-compact iframe{height:152px;min-height:152px}.royce-page .release-compact>.eyebrow{font-size:9px;margin-bottom:14px}.royce-page .release-compact>.text-link{font-size:9px;margin-top:14px}@media(max-width:650px){.royce-page .release-compact{padding:12px;margin-top:25px}}
.journey-videos{margin-top:70px}.journey-video-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.journey-video-grid iframe{width:100%;aspect-ratio:16/9;height:auto;min-height:0;display:block;margin-bottom:22px;border:1px solid #a0b7d52b}.journey-video-grid h3{font:italic 29px/1.15 Georgia,serif;margin:12px 0 0;color:#d0deef}.journey-video-grid .meta{font-size:9px}.account-entry{display:grid;grid-template-columns:1fr 1.6fr auto;gap:25px;border-top:1px solid #a6bdd42b;padding:25px 0;align-items:center}.account-entry>.meta{color:#95a9c3}.account-entry h3{font:italic 34px Georgia,serif;margin:0 0 8px}.account-entry p,.former-account p{color:#a9b8cd;font-size:14px;line-height:1.7;margin:0}.account-entry>span:last-child{font-size:27px}.account-entry:hover h3{color:#eef5ff;text-shadow:2px 0 10px #adc9f644}.former-account{margin-top:15px}.former-account p{margin-top:20px;max-width:800px}@media(max-width:650px){.journey-video-grid{grid-template-columns:1fr;gap:40px}.account-entry{grid-template-columns:1fr auto;gap:12px}.account-entry>.meta{grid-column:1/-1;font-size:9px}.account-entry h3{font-size:30px}.journey-video-grid h3{font-size:27px}}

.photo-journal{margin-top:82px}.photo-journal .section-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:26px}.photo-journal .section-head h2{font:italic 48px/.98 Georgia,serif;color:#dce9f7;margin:12px 0 0}.journal-note{color:#a9b8cd;max-width:310px;font-size:13px;line-height:1.65;margin:0 0 4px}.journal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:115px;grid-auto-flow:dense;gap:12px}.journal-photo{position:relative;display:block;overflow:hidden;border:1px solid #a0b7d52b;background:#172336;min-height:0}.journal-photo img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.78);transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .4s}.journal-photo:hover img,.journal-photo:focus-visible img{transform:scale(1.045);filter:saturate(1)}.journal-photo:focus-visible{outline:2px solid #d6e6fa;outline-offset:3px}.journal-photo-1{grid-row:span 3}.journal-photo-2{grid-row:span 2}.journal-photo-3{grid-column:span 2;grid-row:span 2}.journal-photo-4{grid-row:span 2}.journal-photo-5{grid-column:span 2;grid-row:span 2}.journal-photo-6{grid-row:span 2}.journal-photo-7{grid-row:span 2}.journal-photo-8{grid-row:span 2}.journal-photo-9{grid-row:span 2}.journal-photo-10{grid-column:span 2;grid-row:span 2}.journal-index{position:absolute;left:10px;bottom:9px;color:#eff5fc;font:10px/1 monospace;letter-spacing:.08em;text-shadow:0 1px 8px #000}.journal-footnote{margin-top:18px;font-size:9px;color:#90a3bc}@media(max-width:700px){.photo-journal .section-head{display:block}.photo-journal .section-head h2{font-size:40px}.journal-note{margin-top:14px}.journal-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:105px;gap:9px}.journal-photo-3,.journal-photo-5,.journal-photo-10{grid-column:span 2}.journal-photo-1{grid-row:span 3}.journal-photo-2,.journal-photo-4{grid-row:span 2}.journal-photo-6,.journal-photo-7,.journal-photo-8,.journal-photo-9{grid-row:span 2}}@media(prefers-reduced-motion:reduce){.journal-photo img{transition:none}}

.journal-photo-11{grid-row:span 3}.journal-photo-12{grid-row:span 2}.journal-photo-13{grid-row:span 3}@media(max-width:700px){.journal-photo-11,.journal-photo-13{grid-row:span 3}.journal-photo-12{grid-row:span 2}}

.media img.release-photo{object-position:center 62%}.project-sheet .release-photo-bg{height:clamp(150px,14vw,225px);background-image:linear-gradient(180deg,#090d1238,#090d1270),url("assets/royce-cover.webp");background-position:center 58%;background-size:cover;color:#e2e6eb}.project-sheet .release-photo-bg strong{font-size:clamp(22px,3vw,42px)}.project-sheet .release-photo-bg>span{position:absolute;left:15px;bottom:7px;color:#e1e7ef}@media(max-width:650px){.project-sheet .release-photo-bg{height:148px}.project-sheet .release-photo-bg strong{font-size:25px}}

.cross-gallery.case-hero{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;aspect-ratio:3.15/1;min-height:0;overflow:hidden;background:#d9dbe0;border:1px solid #d9e1ef24}.cross-gallery img{position:relative;inset:auto;display:block;width:100%;height:100%;min-width:0;object-fit:cover;object-position:center 38%;filter:saturate(.78);transition:filter .35s ease,transform .5s ease}.cross-gallery img:hover{filter:saturate(1);transform:scale(1.025)}@media(max-width:650px){.cross-gallery.case-hero{grid-template-columns:repeat(2,minmax(0,1fr));aspect-ratio:1.65/1;gap:5px}.cross-gallery img{object-position:center 35%}}@media(prefers-reduced-motion:reduce){.cross-gallery img{transition:none}}

.wall-archive .project .media{background:#090e16}
.cross-gallery.case-hero{aspect-ratio:2.7/1}
.cross-gallery img{object-fit:contain;background:#dedfe3}
@media(max-width:650px){.cross-gallery.case-hero{aspect-ratio:1/1.15}}
.wall-archive .projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:8%}
.wall-archive .project:first-child,.wall-archive .project:nth-child(2){transform:none;padding-top:0}
.wall-archive .project .media{aspect-ratio:3/2;min-height:0;width:100%;border:2px solid #a6afba;box-sizing:border-box}
.wall-archive .project:nth-child(2) .media{border-color:#64748e}
@media(max-width:650px){.wall-archive .projects{grid-template-columns:1fr;gap:38px}.wall-archive .project .media{aspect-ratio:4/3;min-height:0}}

/* Match the project frames across the Work archive. */
.work-list .work-item .media{width:100%;aspect-ratio:3/2;min-height:0;border:2px solid #a6afba;box-sizing:border-box;overflow:hidden}
.work-list .work-item:nth-of-type(2) .media{border-color:#64748e}
@media(max-width:650px){.work-list .work-item .media{aspect-ratio:4/3;min-height:0}}

.work-instagram{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:42px;padding:22px 0;border-top:1px solid #b8c8df35;border-bottom:1px solid #b8c8df22;color:#d3ddec;transition:color .2s,border-color .2s}.work-instagram>span:last-child{font:12px 'Courier New',monospace}.work-instagram:hover{color:#fff;border-color:#b8c8df78}@media(max-width:650px){.work-instagram{align-items:flex-start;flex-direction:column;gap:10px}}

.home-closing-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:6%;align-items:center}.home-closing-copy h2{font-size:clamp(32px,3.3vw,52px);line-height:1.15}.home-closing-copy p{max-width:590px}.home-closing-video{width:100%;aspect-ratio:16/9;overflow:hidden;border:1px solid #b8c8df38;background:#05080d;box-shadow:0 18px 48px #0005}.home-closing-video iframe{display:block;width:100%;height:100%;min-height:0;border:0}@media(max-width:900px){.home-closing-grid{grid-template-columns:1fr 1fr;gap:4%}.home-closing-copy h2{font-size:clamp(28px,4vw,42px)}}@media(max-width:650px){.home-closing-grid{grid-template-columns:1fr;gap:24px}.home-closing-copy h2{font-size:34px}}

.home-closing.big-quote{grid-template-columns:minmax(0,1fr);gap:22px}
.home-closing>.eyebrow{justify-content:flex-start}
.home-closing .home-closing-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,1fr);gap:7%;width:100%}
@media(max-width:900px){.home-closing .home-closing-grid{grid-template-columns:minmax(0,1fr) minmax(280px,1fr);gap:5%}}
@media(max-width:650px){.home-closing .home-closing-grid{grid-template-columns:1fr}}

.wall-discord{border-color:#8594b16b;color:#d8e1f0}.wall-discord:hover{background:#5865f2;border-color:#5865f2;color:#fff}

.chrome-object.record-object{transform:rotate(0deg)}.record-object .object-caption{transform:none;margin-top:9px}

/* Home wall swap: guitar takes the listening-room position; Discord takes the former guitar position. */
.wall-object.guitar-object{width:19%;max-width:290px;right:20%;top:33%;transform:rotate(13deg);--depth:-15}
.guitar-object .owned-guitar{filter:grayscale(.35) saturate(.58) contrast(1.08) drop-shadow(8px 18px 18px #000b)}
.guitar-object .object-caption{transform:none;margin-top:12px}
.wall-object.discord-object{left:6%;top:29%;width:20%;max-width:300px;display:flex;flex-direction:column;align-items:center;gap:10px;transform:rotate(-4deg);--depth:22;color:#d8e2f0}
.discord-icon{width:clamp(90px,8vw,118px);aspect-ratio:1;display:grid;place-items:center;border:1px solid #a5bad34a;border-radius:50%;background:radial-gradient(circle at 40% 35%,#566a8780,#151d2bdb 68%);box-shadow:inset 0 0 28px #b4c7e11a,0 14px 38px #0008;backdrop-filter:blur(5px);transition:transform .35s ease,border-color .35s ease,background .35s ease}
.discord-icon svg{width:51%;height:51%;fill:#d4deeb;filter:drop-shadow(0 0 10px #b9cce233)}
.discord-click{font:10px/1.4 'Courier New',monospace;letter-spacing:.09em;color:#c6d2e3;border-bottom:1px solid #a6bad659;padding:0 3px 4px}
.discord-object:hover .discord-icon{transform:translateY(-5px) scale(1.04);border-color:#bbcbe28a;background:radial-gradient(circle at 40% 35%,#687b9c99,#172033ed 68%)}
.discord-object:hover .discord-click{color:#fff;border-color:#d2dcef}
@media(max-width:1000px){.wall-object.guitar-object{top:49%;right:12%;width:24%}.wall-object.discord-object{left:4%;top:29%;width:24%}}
@media(max-width:650px){.wall-object.guitar-object{top:610px;right:9%;width:35%;max-width:none}.wall-object.discord-object{top:253px;left:5%;width:37%;max-width:none;transform:none}.discord-icon{width:90px}.discord-click{font-size:9px}}
@media(prefers-reduced-motion:reduce){.discord-icon{transition:none}}

/* Keep the spacious canvas while matching the reference arrangement. */
@media(min-width:651px){
  .universe{height:max(calc(100svh - 72px),960px);min-height:960px;max-height:1220px}
  .wall-top{top:42px;left:7%;right:23%;gap:6%}
  .name-cloud{left:34%;top:38%;width:38%}
  .wall-object.discord-object{left:6%;top:29%;width:20%;max-width:280px;transform:rotate(-4deg)}
  .wall-object.guitar-object{right:20%;top:33%;width:19%;max-width:290px;transform:rotate(13deg)}
  .wall-object.portrait-object{right:5%;top:11%;width:15%;transform:rotate(-5deg)}
  .wall-object.project-object{left:32%;top:67%;width:24%;max-width:355px;transform:rotate(-4deg)}
  .wall-object.cross-object{right:5%;top:61%;width:18%;transform:rotate(6deg)}
  .sound-doodle{left:28%;top:42%;opacity:.5}
}
@media(min-width:651px) and (max-width:1000px){
  .universe{height:max(calc(100svh - 68px),900px);min-height:900px}
  .wall-top{right:24%;gap:4%}
  .name-cloud{left:30%;top:40%;width:42%}
  .wall-object.discord-object{left:4%;top:29%;width:24%;max-width:230px}
  .wall-object.guitar-object{right:12%;top:49%;width:24%;max-width:250px}
  .wall-object.portrait-object{right:4%;top:15%;width:18%}
  .wall-object.project-object{left:32%;top:66%;width:28%}
  .wall-object.cross-object{right:5%;top:76%;width:19%}
}

/* Move the Discord invite into the open lower-left lane. */
@media(min-width:651px){.wall-object.discord-object{left:5%;top:auto;bottom:11%;width:16%;max-width:225px;transform:none}}
@media(min-width:651px) and (max-width:1000px){.wall-object.discord-object{left:4%;bottom:12%;top:auto;width:19%;max-width:200px}}
@media(max-width:650px){.wall-object.discord-object{left:6%;top:auto;bottom:90px;width:auto;max-width:none;transform:none;gap:6px}.discord-icon{width:70px}.discord-click{font-size:8px}.wall-object.project-object{left:7%;top:590px;width:36%}}

/* Place the music guitar on the left side of the homepage wall. */
@media(min-width:651px){.wall-object.guitar-object{left:6%;right:auto;top:29%;width:20%;max-width:300px;transform:rotate(-14deg)}}
@media(min-width:651px) and (max-width:1000px){.wall-object.guitar-object{left:4%;top:29%;width:24%;max-width:250px}}
@media(max-width:650px){.wall-object.guitar-object{left:5%;right:auto;top:253px;width:37%;max-width:none;transform:rotate(-15deg)}}
/* Keep the spectrum tucked beside the play control instead of over the portrait. */
.music-visualizer{left:70%;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
@media(max-width:1000px){.music-visualizer{left:68%}}
@media(max-width:650px){.music-visualizer{left:0;top:calc(100% + 79px)}}
/* Keep the moody motion while avoiding several expensive always-on effects. */
body:before{display:none}
.ambient-shade:after{filter:none;animation:none;opacity:.5}
.name-echo span{animation:none;filter:none;opacity:calc(.11 - var(--i)*.012)}
.wall-object{will-change:auto}
/* Move the spectrum into the gap just beyond the play control. */
.music-visualizer{left:73%;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.viz-tag i{animation:none}
@media(max-width:1000px){.music-visualizer{left:74%;width:clamp(85px,12vw,120px);height:76px;padding:10px 8px 18px}.viz-tag{left:8px;font-size:5px}}
@media(max-width:650px){.music-visualizer{left:0;top:calc(100% + 79px);width:min(80vw,290px);height:76px;padding:10px 10px 19px}.viz-tag{left:10px;bottom:6px;font-size:6px}}
/* Reduce idle GPU work from full-screen texture, blur, and echo animation. */
body:before{display:none}
.ambient-shade:after{filter:none;animation:none;opacity:.5}
.name-echo span{animation:none;filter:none;opacity:calc(.11 - var(--i)*.012)}
.wall-object{will-change:auto}
.ambient-background #background-video{filter:none}
/* About page photo journal becomes a calm, user-controlled slideshow. */
.journal-slideshow{margin-top:34px}.journal-stage{height:clamp(330px,49vw,600px);position:relative;overflow:hidden;border:1px solid #becce12e;background:radial-gradient(ellipse at 50% 45%,#202a3a,#060a10 72%);box-shadow:0 18px 50px #0006}.journal-slide{position:absolute;inset:0;margin:0;visibility:hidden;opacity:0;transform:scale(.992);transition:opacity .45s ease,transform .65s ease;pointer-events:none}.journal-slide.is-active{visibility:visible;opacity:1;transform:scale(1);pointer-events:auto}.journal-image{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}.journal-image img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .65s ease}.journal-image:hover img{transform:scale(1.015)}.journal-slide figcaption{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:end;justify-content:space-between;gap:20px;padding:58px 24px 21px;background:linear-gradient(transparent,#05070be6);pointer-events:none}.journal-slide figcaption .meta{font-size:9px;letter-spacing:.14em;color:#b4c4d9}.journal-slide figcaption strong{max-width:55%;font:italic 18px Georgia,serif;color:#edf1f6;text-align:right}.journal-controls{display:flex;align-items:center;justify-content:space-between;gap:17px;padding:15px 1px 0}.journal-arrow{width:39px;height:39px;border:1px solid #c9d9ec43;border-radius:50%;background:#0a101a;color:#e1e7ef;font-size:18px;cursor:pointer;transition:background .2s,transform .2s}.journal-arrow:hover{background:#a6bbd12b;transform:translateY(-2px)}.journal-dots{display:flex;align-items:center;gap:9px;margin-right:auto;margin-left:5px}.journal-dot{width:7px;height:7px;border:0;border-radius:50%;padding:0;background:#73829a80;cursor:pointer;transition:width .2s,background .2s}.journal-dot.is-active{width:22px;border-radius:9px;background:#d2deed}.journal-counter{font:10px 'Courier New',monospace;letter-spacing:.1em;color:#9cabc0}.journal-counter b{color:#edf1f6;font-weight:400}.journal-footnote{margin-top:17px}
@media(max-width:700px){.journal-slideshow{margin-top:24px}.journal-stage{height:clamp(290px,105vw,470px)}.journal-slide figcaption{padding:48px 13px 14px;display:block}.journal-slide figcaption .meta{font-size:7px}.journal-slide figcaption strong{display:block;max-width:100%;margin-top:6px;text-align:left;font-size:16px}.journal-controls{gap:10px}.journal-arrow{width:34px;height:34px}.journal-dots{gap:7px}.journal-dot{width:6px;height:6px}.journal-dot.is-active{width:17px}}
@media(prefers-reduced-motion:reduce){.journal-slide,.journal-image img,.journal-arrow,.journal-dot{transition:none}}
/* Top About portrait cycles through the same personal photo archive. */
.about-slideshow{aspect-ratio:1.28/1;min-height:330px;isolation:isolate}.about-photo-slide{position:absolute;inset:0;margin:0;visibility:hidden;opacity:0;transform:scale(1.015);transition:opacity .5s ease,transform .8s ease;pointer-events:none}.about-photo-slide.is-active{visibility:visible;opacity:1;transform:scale(1);pointer-events:auto}.about-photo-slide a{position:absolute;inset:0;display:block}.about-photo-slide img{filter:none!important;object-fit:cover}.about-slideshow:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#04070c96);pointer-events:none;z-index:2}.about-slideshow .media-caption{z-index:3;left:14px;bottom:13px;max-width:70%;font-size:8px;letter-spacing:.1em}.about-slide-arrows{position:absolute;right:12px;top:12px;z-index:4;display:flex;gap:7px}.about-slide-arrows button{width:34px;height:34px;border:1px solid #e2e9f178;border-radius:50%;background:#080e18a6;color:#f0f4f8;font-size:16px;cursor:pointer;backdrop-filter:blur(4px);transition:background .2s,transform .2s}.about-slide-arrows button:hover{background:#9fb5d345;transform:translateY(-1px)}.about-slide-count{position:absolute;right:14px;bottom:13px;z-index:4;color:#d4deeb;font:9px 'Courier New',monospace;letter-spacing:.1em}.about-slide-count b{font-weight:400;color:#fff}
@media(max-width:700px){.about-slideshow{min-height:300px;aspect-ratio:1/1}.about-slide-arrows button{width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){.about-photo-slide,.about-slide-arrows button{transition:none}}

/* Refined BeatStars feature */
.beats-feature{margin:64px 0 0;background:linear-gradient(118deg,#172439 0%,#111a28 52%,#101722 100%);border-color:#a8bbd329;box-shadow:0 18px 54px #0002}
.beats-body{grid-template-columns:minmax(250px,360px) minmax(0,1fr);align-items:center;gap:clamp(34px,8vw,116px);padding:clamp(28px,5vw,68px)}
.beats-art{max-width:360px;width:100%;margin-inline:auto;aspect-ratio:1;background:radial-gradient(ellipse at 46% 38%,#526985 0,#293d56 45%,#141f30 82%);box-shadow:8px 10px 0 #070c1450,0 18px 44px #0003}
.beats-grid{opacity:.27;background-size:38px 38px}
.beats-orbit{inset:16%;opacity:.62}
.beats-monogram{font-size:clamp(130px,17vw,205px);opacity:.86}
.beats-monogram>span{font-size:clamp(68px,9vw,108px);margin-left:-.3em}
.beats-copy{max-width:590px;padding:4px 0}
.beats-copy>.meta{font-size:9px}
.beats-copy h2{font-size:clamp(54px,6.8vw,92px);margin:22px 0;line-height:.92}
.beats-copy>p{max-width:430px;font-size:15px;line-height:1.75;margin-bottom:0}
.beats-copy-cta{width:max-content;max-width:100%;margin-top:30px;justify-content:space-between;gap:36px;padding:15px 18px}
.beats-topline{padding:17px 22px}
@media(max-width:1000px){.beats-body{grid-template-columns:minmax(220px,320px) minmax(0,1fr);gap:36px;padding:30px}.beats-monogram{font-size:clamp(128px,19vw,190px)}}
@media(max-width:650px){.beats-body{grid-template-columns:1fr;gap:28px;padding:20px}.beats-art{max-width:340px}.beats-copy{padding:4px}.beats-copy h2{font-size:64px;margin:19px 0}.beats-copy-cta{width:100%;margin-top:23px}.beats-topline{padding:14px 15px}}
@media(prefers-reduced-motion:reduce){.beats-orbit{animation:none}}

/* BeatStars now follows the Music page's playlist split layout */
.beats-feature.music-band{display:grid;grid-template-columns:1fr 1.1fr;gap:10%;align-items:center;margin:60px 0 80px;border:0;background:transparent;box-shadow:none;overflow:visible}
.beats-listing{min-width:0;background:transparent}
.beats-listing .beats-art{max-width:none;width:100%;aspect-ratio:1.72;margin:0 0 17px;box-shadow:none;border-color:#93a9c355}
.beats-art{filter:saturate(.72)}
.beats-grid{opacity:.22;background-size:36px 36px}
.beats-orbit{inset:14%;opacity:.55}
.beats-monogram{font-size:clamp(150px,19vw,245px)}
.beats-monogram>span{font-size:clamp(75px,10vw,125px)}
.beats-art-label{font-size:8px;left:20px;right:20px;bottom:17px}
.beats-play{width:36px;height:36px;font-size:21px}
.beats-copy{align-self:center;max-width:none;padding:0}
.beats-copy>.meta{font-size:9px;color:var(--steel);letter-spacing:.12em}
.beats-copy h2{font-size:clamp(42px,4vw,62px);font-weight:400;letter-spacing:-.04em;line-height:1.05;margin:22px 0 30px}
.beats-copy h2 i{font-family:inherit;font-style:normal;font-weight:400;color:var(--paper)}
.beats-copy>p{font-size:15px;line-height:1.7;color:var(--steel);max-width:540px;margin-bottom:30px}
.beats-signature{font-size:clamp(54px,8vw,100px);line-height:.95;letter-spacing:-.07em;font-weight:500;margin:18px 0 7px}
.beats-signature-label{font-size:8px!important}
@media(max-width:650px){.beats-feature.music-band{grid-template-columns:1fr;gap:30px;margin:50px 0 65px}.beats-listing .beats-art{aspect-ratio:1.5}.beats-monogram{font-size:clamp(150px,40vw,230px)}.beats-copy h2{font-size:50px;margin:18px 0 24px}.beats-signature{font-size:70px}}

.beats-listing .beats-art{background:#101010;aspect-ratio:1.72}
.beats-brand-art{display:block;width:100%;height:100%;object-fit:contain;position:absolute;inset:0}
.beats-art-label,.beats-grid,.beats-orbit,.beats-monogram{display:none}

/* Creative network feature on the About page */
.network-section{margin:100px 0 0;padding:38px 0 12px;border-top:1px solid #a7bedb30}
.network-section .section-head{margin-bottom:12px}
.network-section .section-head h2{font:italic 46px/1.05 Georgia,serif;font-weight:400;letter-spacing:-.045em;color:#d2deee;margin:14px 0 0}
.network-intro{max-width:530px;color:var(--steel);font-size:14px;line-height:1.75;margin:18px 0 30px}
.network-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.network-card{min-height:205px;padding:24px 25px 21px;border:1px solid #a7bedb26;background:linear-gradient(135deg,#152238a8,#0b111b8a);display:flex;flex-direction:column;align-items:flex-start;transition:transform .25s ease,border-color .25s ease,background .25s ease}
.network-card:hover{transform:translateY(-3px);border-color:#a7bedb63;background:linear-gradient(135deg,#1a2a42c2,#101824b0)}
.network-card>.meta{font-size:8px;letter-spacing:.12em;color:#93a8c5}
.network-card h3{font:italic 30px/1.1 Georgia,serif;font-weight:400;letter-spacing:-.035em;color:#e0e7f0;margin:15px 0 9px}
.network-card p{max-width:480px;color:#aebbd0;font-size:12px;line-height:1.65;margin:0 0 20px}
.network-link{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font:9px 'Courier New',monospace;letter-spacing:.08em;color:#cbd7e8;text-decoration:none}
.network-link b{font-weight:400;color:#eff3f8}
.network-link:hover{text-decoration:underline;text-underline-offset:4px}
.network-pending{color:#7e8da5}
@media(max-width:650px){.network-section{margin-top:72px;padding-top:28px}.network-section .section-head h2{font-size:38px}.network-grid{grid-template-columns:1fr;gap:10px}.network-card{min-height:180px;padding:21px}.network-card h3{font-size:28px}}
@media(prefers-reduced-motion:reduce){.network-card{transition:none}}

/* Artist and producer connections on the About page */
.artist-network{margin:78px 0 0;padding:38px 0 12px;border-top:1px solid #a7bedb30}
.artist-network .section-head{margin-bottom:12px}
.artist-network .section-head h2{font:italic clamp(36px,5vw,48px)/1.05 Georgia,serif;font-weight:400;letter-spacing:-.045em;color:#d2deee;margin:14px 0 0}
.artist-network .network-card{min-height:185px}
@media(max-width:650px){.artist-network{margin-top:60px;padding-top:28px}.artist-network .network-card{min-height:170px}}

.creator-network{margin-top:72px}
.network-socials{display:flex;flex-wrap:wrap;gap:13px 20px;margin-top:auto}
.network-socials .network-link{margin-top:0}
@media(max-width:650px){.creator-network{margin-top:55px}.network-socials{gap:12px 18px}}

/* One combined portfolio and network archive */
.combined-network{margin-top:66px;padding-top:36px;border-top:1px solid #a7bedb30}
.network-hero{display:flex;align-items:end;justify-content:space-between;gap:34px;margin-bottom:31px}
.network-hero h2{font:italic clamp(38px,5.1vw,52px)/1.02 Georgia,serif;font-weight:400;letter-spacing:-.045em;color:#d2deee;margin:15px 0 0}
.network-hero .network-intro{margin:14px 0 0}
.network-total{flex:0 0 220px;padding:17px 18px;border:1px solid #9eb4d135;background:linear-gradient(135deg,#18273c9c,#0a101a9c);display:flex;flex-direction:column;gap:7px}
.network-total .meta{font-size:8px;letter-spacing:.12em;color:#9aaec9}
.network-total strong{font:italic 43px/1 Georgia,serif;font-weight:400;letter-spacing:-.05em;color:#e1e8f1}
.network-total small{font:9px/1.5 'Courier New',monospace;color:#899bb4}
.combined-network .network-grid{gap:13px}
.combined-network .network-card{position:relative;min-height:220px;padding:23px 22px 20px}
.combined-network .network-card h3{padding-right:74px}
.network-follower{position:absolute;top:19px;right:17px;padding:6px 7px;border:1px solid #91a7c536;color:#bdcce0;font:8px 'Courier New',monospace;white-space:nowrap}
.combined-network .network-socials{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:auto}
.combined-network .network-socials .network-link{margin-top:0;font-size:8px}
.network-project-link{padding-left:12px;border-left:1px solid #9eb4d135;color:#97abc6}
.network-footnote{margin:18px 0 0;color:#73839b;font:9px/1.6 'Courier New',monospace}
@media(max-width:780px){.network-hero{align-items:start;flex-direction:column}.network-total{flex-basis:auto;width:min(100%,250px)}}
@media(max-width:650px){.combined-network{margin-top:54px;padding-top:28px}.combined-network .network-card{min-height:190px;padding:21px 18px 18px}.network-follower{top:16px;right:12px;font-size:7px;padding:5px}.combined-network .network-card h3{padding-right:63px}.network-footnote{font-size:8px}}

.network-subsection{margin-top:36px}
.network-subhead{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid #a7bedb24}
.network-subhead h3{font:italic 30px/1.05 Georgia,serif;font-weight:400;letter-spacing:-.035em;color:#d4deed;margin:9px 0 0}
.network-subhead>p{max-width:400px;margin:0;color:#95a6be;font-size:11px;line-height:1.65}
.acquainted-subsection{margin-top:50px;padding-top:28px;border-top:1px solid #a7bedb30}
@media(max-width:650px){.network-subsection{margin-top:29px}.network-subhead{align-items:start;flex-direction:column;gap:9px}.network-subhead h3{font-size:27px}.acquainted-subsection{margin-top:38px;padding-top:23px}}

/* Readability pass for compact labels and metadata. */
.network-card>.meta{font-size:10px}.network-total .meta{font-size:10px}.network-total small{font-size:10px}.network-follower{font-size:9px;line-height:1.35;white-space:normal;max-width:calc(100% - 34px);text-align:right}.combined-network .network-socials .network-link{font-size:10px}.network-footnote{font-size:10px}.beats-copy>.meta,.journey-video-grid .meta,.journal-slide figcaption .meta{font-size:10px}.fightnight-gallery figcaption{font-size:10px}
@media(max-width:650px){.network-card>.meta{font-size:9px}.network-total .meta{font-size:9px}.network-total small{font-size:10px}.network-follower{font-size:8px}.combined-network .network-socials .network-link{font-size:9px}.network-footnote{font-size:9px}.journal-slide figcaption .meta{font-size:9px}}

.network-platform-icon{display:inline-block;flex:0 0 15px;width:15px;height:15px;color:#b7c9df;vertical-align:middle;transition:color .2s ease}.network-link:hover .network-platform-icon{color:#fff}@media(max-width:650px){.network-platform-icon{flex-basis:14px;width:14px;height:14px}}@media(prefers-reduced-motion:reduce){.network-platform-icon{transition:none}}
/* Larger minimum type for low-vision readability. */
#main :is(.meta,.eyebrow,.network-link,.network-follower,.network-footnote,.network-total small,.network-subhead>p,.beats-copy>.meta,.beats-signature-label,.journey-video-grid .meta,.journal-slide figcaption .meta,.journal-counter,.journal-footnote,.journal-index,.about-slide-count,.about-slideshow .media-caption,.media-caption,.project-strip,.wall-top,.wall-top b,.wall-online,.coordinate,.wall-whisper,.name-caption,.object-caption,.vinyl-label,.vinyl-label small,.photo-note,.type-poster small,.type-poster>span,.cross-object small,.cassette-label small,.cassette-label b,.wall-bottom,.scroll-hint,.viz-tag,.discord-click,.wall-audio-toggle,.beats-cta,.beats-art-label,.beats-profile small,.beats-topline,.background-toggle span,.wall-archive .section-head .eyebrow,.account-entry>.meta,.listening-notes>.eyebrow,.listening-note p,.royce-page .release-compact>.eyebrow,.royce-page .release-compact>.text-link,.fightnight-poster span,.fightnight-poster small,.fightnight-gallery figcaption,.placeholder span,.record div,.hero-bottom,.social-row .meta,.section-head .text-link,.project .meta,.footer-bottom,.filters,.sound,.button,.text-link,.wall-enter,.loose-note,.note-one,.menu-toggle,.network-card>.meta,.network-total .meta,.beats-art-label,.beats-copy>.meta,.beats-signature-label,.journey-video-grid .meta){font-size:12px!important;line-height:1.45}
.location,nav,footer p,.footer-bottom,.button,.text-link,.sound,.filters,.notice,.file-label,.editor-actions button,.field input[type=file]{font-size:12px!important;line-height:1.45}
#main .network-follower{line-height:1.4;max-width:calc(100% - 28px);white-space:normal}
@media(max-width:650px){#main :is(.meta,.eyebrow,.network-link,.network-follower,.network-footnote,.wall-top,.wall-top b,.coordinate,.object-caption,.wall-online,.viz-tag,.discord-click,.journal-index,.journal-counter,.about-slide-count,.fightnight-gallery figcaption,.filters,.text-link,.button){font-size:12px!important}}
/* Compact the global footer while preserving readable link text. */
footer{padding:38px 3.5% 42px;gap:24px}.footer-title{font-size:clamp(42px,6vw,88px);line-height:.9}footer p{margin:0 0 10px}.footer-bottom{padding-top:16px;margin-top:7px;gap:16px}
@media(max-width:650px){footer{padding:28px 6% 52px;gap:18px}.footer-title{font-size:48px}.footer-bottom{padding-top:12px;margin-top:2px;gap:10px}}
/* Reduce the footer copy and height further. */
footer{padding:24px 3.5% 28px;gap:16px}footer .footer-title{font-size:clamp(34px,4.5vw,58px)!important;line-height:.94}footer p,footer>div>a{font-size:11px!important;line-height:1.4}footer p{margin:0 0 6px}.footer-bottom{padding-top:10px;margin-top:2px;gap:10px;font-size:10px!important;line-height:1.4}
@media(max-width:650px){footer{padding:22px 6% 36px;gap:12px}footer .footer-title{font-size:38px!important}footer>div:nth-child(2){font-size:11px;line-height:1.4}.footer-bottom{padding-top:10px;margin-top:2px;font-size:10px!important}}

/* Make the combined audience count easy to spot and keep network groups distinct. */
.network-hero{align-items:center}.network-total{flex-basis:300px;padding:23px 24px;border-color:#c5d6ee66;background:linear-gradient(135deg,#263a59dc,#101a2b);box-shadow:0 12px 36px #0004}.network-total .meta{font-size:12px!important;color:#d5e0f0;letter-spacing:.1em}.network-total strong{font-size:clamp(56px,6vw,72px)!important;line-height:.95}.network-total small{font-size:12px!important;color:#b2c2d8}.network-main>.network-subsection{margin-top:30px}.network-main>.network-subsection .network-subhead{border-bottom-color:#a7bedb32}.network-worked-with>.network-subhead h3{color:#e5ebf5}.network-friends>.network-subhead h3{color:#d4deed}
@media(max-width:780px){.network-total{flex-basis:auto;width:min(100%,340px)}}
@media(max-width:650px){.network-total{width:100%;padding:20px}.network-total strong{font-size:58px!important}.network-main>.network-subsection{margin-top:25px}}

.work-videos{margin:78px 0 60px;padding-top:36px;border-top:1px solid #a7bedb30}.work-videos-head{display:flex;align-items:flex-start;flex-direction:column;gap:9px;margin-bottom:25px}.work-videos-head .eyebrow{margin:0}.work-videos-head h2{margin:0;color:#d2deee;font:italic 38px/1.1 Georgia,serif;font-weight:400}.work-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.work-video-card{min-width:0;padding:0;border:0;background:transparent}.work-video-frame{position:relative;aspect-ratio:16/9;overflow:hidden;background:#05080d;border:1px solid #a7bedb55;box-shadow:0 12px 34px #0005}.work-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.work-video-play{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:#030509;color:#fff}.work-video-play img{display:block;width:100%;height:100%;object-fit:contain}.work-video-play-icon{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:62px;height:44px;transform:translate(-50%,-50%);border-radius:14px;background:#f00032;color:#fff;font:22px/1 Arial,sans-serif;box-shadow:0 4px 18px #0009;transition:transform .2s,background .2s}.work-video-play:hover .work-video-play-icon{transform:translate(-50%,-50%) scale(1.08);background:#ff1748}.work-video-play:focus-visible{outline:3px solid #dce8f8;outline-offset:-5px}.work-video-card .text-link{display:inline-flex;margin-top:13px;font-size:12px}
@media(max-width:900px){.work-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.work-videos{margin:52px 0 42px;padding-top:25px}.work-videos-head{align-items:flex-start;flex-direction:column;gap:10px}.work-videos-head h2{font-size:33px}.work-video-grid{grid-template-columns:1fr;gap:14px}.work-video-card{padding:0}.work-video-card .text-link{font-size:11px}}

.work-video-work-frame{aspect-ratio:16/9!important;min-height:0!important}.work-video-work-frame .work-video-play{position:absolute;inset:0}.work-video-work-frame .work-video-play img{object-fit:cover}


.work-video-work-frame{border:2px solid #a6afba;outline:0;background:#05080d}
.work-video-work-frame .work-video-play{inset:2px;width:calc(100% - 4px);height:calc(100% - 4px)}
.work-video-work-frame iframe{position:absolute;inset:2px;width:calc(100% - 4px);height:calc(100% - 4px);display:block;border:0}

/* Minimal audio control: one quiet floating play/pause button. */
.sound{position:fixed;left:18px;right:auto;bottom:18px;width:46px;height:46px;padding:0;border:1px solid #cbd8e355;border-radius:50%;background:#08111dcc;backdrop-filter:blur(8px);display:grid;place-items:center;z-index:30;box-shadow:0 5px 20px #0006}
.sound button{width:100%;height:100%;padding:0;border:0;border-radius:50%;background:transparent;color:#e8edf5;font-size:17px!important;line-height:1;transition:background .2s,transform .2s}
.sound button:hover{background:#cbd8e31c;transform:scale(1.05)}
.sound button:focus-visible{outline:2px solid #e8edf5;outline-offset:3px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.background-video-toggle{position:fixed;right:18px;bottom:18px;z-index:30;margin:0!important;width:42px;height:42px;display:grid;place-items:center;padding:0;border:1px solid #cbd8e333;border-radius:50%;background:#08111d99;color:#d7dfeb;font-size:13px;backdrop-filter:blur(8px)}
.background-video-toggle span{display:none}
@media(max-width:650px){.sound{left:12px;bottom:12px}.background-video-toggle{right:12px;bottom:12px}}

/* Compact square music control beside the SHUXSYN wordmark. */
.brand-play{flex:0 0 32px;width:32px;height:32px;margin-left:-16px;padding:0;display:grid;place-items:center;border:1px solid #cbd8e355;border-radius:4px;background:#08111d99;color:#e8edf5;font-size:13px;line-height:1;backdrop-filter:blur(8px);transition:background .2s,border-color .2s,transform .2s}
.brand-play:hover{background:#cbd8e320;border-color:#cbd8e399;transform:translateY(-1px)}
.brand-play:focus-visible{outline:2px solid #e8edf5;outline-offset:3px}
@media(max-width:650px){.brand-play{flex-basis:30px;width:30px;height:30px;margin-left:-15px}}

/* On the home wall, the square play control sits beside the main wordmark. */
.home-play{display:inline-grid;place-items:center;vertical-align:middle;width:clamp(34px,3.1vw,44px);height:clamp(34px,3.1vw,44px);margin-left:clamp(9px,1.2vw,18px);padding:0;border:1px solid #cbd8e37a;border-radius:5px;background:#08111d9c;color:#e8edf5;font-size:14px;line-height:1;cursor:pointer;pointer-events:auto;transform:translateY(-.08em);backdrop-filter:blur(8px);box-shadow:0 5px 20px #0004;transition:background .2s,border-color .2s,transform .2s}
.home-play:hover{background:#cbd8e324;border-color:#e5edf6b3;transform:translateY(-.12em)}
.home-play:focus-visible{outline:2px solid #e8edf5;outline-offset:4px}
@media(max-width:650px){.home-play{width:36px;height:36px;margin-left:8px;font-size:12px}}

.media img.warner-logo{object-fit:contain;background:#000}.warner-case-art{aspect-ratio:16/9;min-height:0;background:#000}

/* Fullscreen desktop: keep the photo wall inside the visible viewport instead of
   forcing a 900–960px canvas that pushes the lower controls out of position. */
@media(min-width:1001px){.universe{height:calc(100dvh - 68px);min-height:720px;max-height:none}.wall-object.guitar-object,.wall-object.discord-object,.wall-object.project-object{max-width:none}.discord-icon{width:8vw;max-width:none}.project-sheet img{height:auto;aspect-ratio:1.6}.name-cloud h1,.name-echo{font-size:7.4vw}.name-star{font-size:1.69vw;margin-left:.66vw}.name-caption{margin-top:1.69vw}.ghost-note{font-size:8vw}.cross-outline{font-size:9.54vw}.cross-object>span:nth-child(2){font-size:1.32vw}.wall-top b{margin-bottom:.59vw}#main .universe :is(.wall-top,.wall-top b,.wall-online,.coordinate,.wall-whisper,.name-caption,.object-caption,.project-strip,.cross-object small,.wall-bottom,.wall-enter,.discord-click,.loose-note){font-size:.88vw!important;line-height:1.45}#main .universe .wall-enter{padding:.8vw 1.3vw}.wall-whisper{right:27%;top:25%}.note-one{left:30%;top:57%;transform:rotate(-4deg)}.coord-b{right:3%;top:52%;bottom:auto}}
/* Wide CSS viewports are common when browser zoom is reduced. Keep the guitar,
   Discord badge, and annotations in separate lanes at those widths. */
@media(min-width:1700px){.wall-object.guitar-object{width:16%;top:25%}.discord-icon{width:clamp(90px,8vw,118px);max-width:118px}.note-one{left:23%;top:57%;transform:rotate(-4deg)}.coord-b{right:3%;top:57%;bottom:auto}}

/* Center the Missing Peace story block so wide screens do not leave a blank half. */
#main .missing-peace-story{width:min(100%,950px);max-width:950px;margin:42px auto 46px}

/* Scale the two selected home-wall pieces without moving their anchor points. */
.wall-object.project-object{scale:.7}
.wall-object.guitar-object{scale:.8}
.wall-object.cross-object{scale:.6}
.wall-object.portrait-object{scale:.78125}
.wall-object.portrait-object .scribble{scale:1.2}

.video-credits{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin:12px 0}.video-credits>.meta{flex-basis:100%}.video-credits .text-link{display:inline-flex;margin:0}

/* Fight Night cover follows the profile's monochrome fist mark and type. */
.fightnight-poster{width:100%;min-height:inherit;aspect-ratio:16/9;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;gap:18px;padding:clamp(18px,3vw,42px);overflow:hidden;background:radial-gradient(ellipse at 76% 18%,#ffffff0c,transparent 38%),linear-gradient(145deg,#17191b,#050607 72%);color:#f7f7f7;border:1px solid #ffffff38;position:relative}
.fightnight-poster:before{content:"";position:absolute;inset:45% -8% -15% 36%;background:repeating-linear-gradient(0deg,transparent 0 27px,#ffffff0a 28px 29px);transform:rotate(-7deg);pointer-events:none}
.fightnight-poster:after{content:"";position:absolute;inset:10px;border:1px solid #ffffff26;pointer-events:none}
.fightnight-cover-top,.fightnight-cover-main,.fightnight-cover-bottom{position:relative;z-index:1}
.fightnight-cover-top,.fightnight-cover-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.fightnight-poster .fightnight-cover-top span,.fightnight-poster .fightnight-cover-bottom span{font:9px/1.4 'Courier New',monospace!important;letter-spacing:.14em;text-transform:uppercase;color:#e7e7e7}
.fightnight-cover-main{display:flex;align-items:center;gap:clamp(16px,3vw,36px)}
.fightnight-mark{width:clamp(68px,9vw,124px);height:auto;flex:0 0 auto;color:#fff;filter:drop-shadow(0 0 14px #ffffff17)}
.fightnight-wordmark{display:flex;flex-direction:column;align-items:flex-start;line-height:1}
.fightnight-wordmark strong{font:900 clamp(30px,4.3vw,76px)/.83 Arial,sans-serif;letter-spacing:-.075em;color:#fff}
.fightnight-poster .fightnight-wordmark>span{margin-top:8px;font:700 clamp(12px,1.35vw,19px)/1 Arial,sans-serif!important;letter-spacing:.48em;color:#d7d7d7}
.fightnight-poster .fightnight-wordmark small{margin-top:12px;font:9px/1.4 'Courier New',monospace!important;letter-spacing:.13em;color:#bfc2c5}
.fightnight-cover-bottom{border-top:1px solid #ffffff2b;padding-top:11px}
.fightnight-feature .fightnight-poster{background:radial-gradient(ellipse at 76% 18%,#ffffff0c,transparent 38%),linear-gradient(145deg,#17191b,#050607 72%)}
@media(max-width:650px){.fightnight-cover-main{gap:16px}.fightnight-mark{width:68px}.fightnight-wordmark strong{font-size:clamp(30px,9vw,44px)}.fightnight-poster .fightnight-cover-top span,.fightnight-poster .fightnight-cover-bottom span{font-size:8px!important}.fightnight-poster .fightnight-wordmark small{font-size:7px!important}}

.release-video{max-width:800px;margin:36px auto 0}.release-video>.eyebrow{display:block;margin-bottom:14px}.release-video-frame{position:relative;aspect-ratio:16/9;min-height:0;padding:0;overflow:hidden;background:#05080d}.release-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.release-video .text-link{margin-top:12px}

/* Fight Night cover image and tighter transition from project facts to story */
.fightnight-cover-image{display:block;width:100%;max-width:760px;height:auto;margin:0 auto;object-fit:contain;background:#000;border:1px solid #c7cbd1}.fightnight-story{margin-top:30px}

.work-item .media .fightnight-work-art{object-fit:cover;background:#000}

.direction-quote{display:block;margin-top:14px;padding:12px 0 32px}
.direction-quote>div{margin-top:18px}
.direction-quote h2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5%;font-size:clamp(28px,3.65vw,54px);line-height:1.08;letter-spacing:-.06em;text-align:center}
.direction-quote h2 span{display:block}
.direction-quote p{max-width:760px;margin:18px auto 0;text-align:center}
.direction-quote .text-link{display:table;margin:8px auto 0}
#main>.page:has(.direction-quote){padding-bottom:0}
@media(max-width:650px){.direction-quote>div{margin-top:14px}.direction-quote h2{grid-template-columns:1fr;gap:5px;font-size:clamp(30px,9vw,45px);text-align:left}.direction-quote p{text-align:left;margin:12px 0 0}.direction-quote .text-link{margin:8px 0 0}}

/* Keep the homepage release card proportional at every viewport size. */
.project-sheet{overflow:visible}
.project-sheet .release-photo-bg{height:auto!important;min-height:0;aspect-ratio:4/3;container-type:inline-size;background-size:cover;background-position:center 30%;overflow:hidden}
.project-sheet .release-photo-bg strong{font-size:clamp(22px,15cqw,48px);line-height:.95}
.project-sheet>img{display:block;width:100%;height:auto!important;aspect-ratio:4/3;object-fit:cover;object-position:center 30%}

/* A single explicit photo frame avoids inherited poster heights in fresh tabs. */
.home-wall .royce-home-art{position:relative;display:block;width:100%;height:auto;aspect-ratio:4/3;overflow:hidden;background:#111820}
.home-wall .royce-home-art>img{position:absolute;inset:0;display:block;width:100%;height:100%!important;max-height:none;aspect-ratio:auto;object-fit:cover;object-position:center 62%}
.home-wall .royce-home-art>strong{position:absolute;top:8%;left:4%;font:bold clamp(22px,2.1vw,36px)/.92 Arial,sans-serif;letter-spacing:-.055em;color:#fff;text-shadow:0 1px 5px #0008}
.home-wall .royce-home-art>strong i{font:italic 1em Georgia,serif}
.home-wall .royce-home-art>small{position:absolute;top:5%;right:3%;writing-mode:vertical-rl;font:7px Courier New,monospace;color:#fff}
@media(min-width:651px){.home-wall .wall-object.project-object{top:auto!important;bottom:7%;left:35%;width:clamp(230px,18vw,340px);max-width:340px;scale:1;transform-origin:center bottom}.home-wall .project-sheet>img{aspect-ratio:4/3}.home-wall .project-strip{font-size:8px!important}}
@media(max-width:650px){.home-wall .royce-home-art>strong{font-size:24px}}

/* Compact 1920:1080 homepage release frame. */
.home-wall .royce-home-art,.home-wall .project-sheet>img{aspect-ratio:16/9}
@media(min-width:651px){.home-wall .wall-object.project-object{width:clamp(190px,14.4vw,272px);max-width:272px}.home-wall .royce-home-art>strong{font-size:clamp(20px,1.6vw,29px)}}

.experience-overview{margin:60px 0 50px;padding:30px 0;border-block:1px solid #bccce32e}.experience-overview>h2{font:400 clamp(30px,4vw,48px)/1.15 Georgia,serif;letter-spacing:-.04em;margin:18px 0}.experience-intro{max-width:760px;font-size:16px;line-height:1.8;color:#b3bfd0}.experience-list{margin:28px 0}.experience-list>div{display:grid;grid-template-columns:1fr 2fr;gap:40px;padding:24px 0;border-top:1px solid #bccce326}.experience-list dt{font-size:19px;line-height:1.4;color:#dbe5ef}.experience-list dd{margin:0;font-size:15px;line-height:1.8;color:#b3bfd0}.experience-list dd a{display:inline-block;font:10px/1.7 'Courier New',monospace;margin:15px 18px 0 0;color:#dbe5ef}.experience-list dd a:hover{text-decoration:underline}@media(max-width:650px){.experience-overview{margin:40px 0}.experience-list>div{grid-template-columns:1fr;gap:12px;padding:22px 0}.experience-list dt{font-size:19px}.experience-intro{font-size:15px}}