:root{--paper:#e9e9e6;--ink:#383837;--accent:#d85420;--rule:rgba(56,56,55,.3)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--ink);outline-offset:5px}::selection{background:var(--ink);color:var(--paper)}.sheet{max-width:1320px;margin:0 auto;padding:24px 48px 22px}.micro{font-family:'Courier New',monospace;font-size:10px;font-weight:400;line-height:1.4;letter-spacing:.035em;text-transform:uppercase}.masthead{display:flex;align-items:center;border-top:1px solid var(--ink);padding:14px 0 19px;gap:30px}.monogram{font-size:30px;font-weight:700;letter-spacing:-3px;line-height:1}.monogram span{padding-left:3px}.edition{margin-left:auto;text-align:right}.title-block{padding:12px 0 0}h1{font-size:clamp(78px,12.6vw,166px);font-weight:400;letter-spacing:-.09em;line-height:.81;margin:0 0 30px -8px;position:relative}h1 br{display:none}h1 span{padding-left:.17em}h1 sup{font-family:'Courier New',monospace;font-weight:400;font-size:13px;letter-spacing:0;vertical-align:top;display:inline-block;position:relative;top:8px;margin-left:12px}.title-caption{display:flex;justify-content:space-between;border-bottom:1px solid var(--ink);padding-bottom:15px}.spread{display:grid;grid-template-columns:1fr 2.1fr;gap:70px;padding-top:35px}.portrait-wrap{width:170px}.portrait-wrap img{display:block;width:170px;height:170px;object-fit:cover;filter:grayscale(100%);mix-blend-mode:multiply}.photo-caption{display:block;font-size:9px;margin-top:8px}.intro-copy{font-size:21px;line-height:1.16;letter-spacing:-.045em;margin:25px 0 18px}.text-link{display:inline-flex;gap:28px;align-items:center;font-size:12px;border-bottom:1px solid var(--rule);padding:0 0 4px}.text-link:hover{border-color:var(--ink)}.intro-note{margin-top:47px;color:var(--ink);font-size:9px}.section-heading{display:flex;justify-content:space-between;gap:10px;padding:0 0 13px;border-bottom:1px solid var(--ink)}.section-heading h2{font:inherit;margin:0}.link-row{display:flex;align-items:center;gap:22px;min-height:85px;padding:16px 10px 17px 0;border-bottom:1px solid var(--rule);transition:background .18s,color .18s,padding .18s}.number{align-self:flex-start;margin-top:8px;font-size:9px;flex:0 0 28px}.link-copy{flex:1;min-width:0}.link-copy h3{font-size:29px;line-height:1.05;letter-spacing:-.055em;font-weight:400;margin:0 0 7px}.detail{font-family:'Courier New',monospace;font-size:10px;line-height:1.4}.arrow{font-size:29px;font-weight:400;transition:transform .18s}.link-row:hover,.link-row:focus-visible{background:var(--ink);color:var(--paper);padding-left:13px;padding-right:13px}.link-row:hover .arrow{transform:translate(2px,-2px)}.footer{display:flex;justify-content:space-between;border-top:1px solid var(--ink);padding-top:13px;margin-top:57px;font-size:9px}.skip{position:fixed;top:-60px;left:20px;padding:12px;background:var(--ink);color:var(--paper);z-index:5}.skip:focus{top:10px}.footer a:hover{text-decoration:underline}
@media(min-width:1500px){.sheet{padding-top:38px}.spread{padding-top:43px}.link-row{min-height:91px}.footer{margin-top:65px}}
@media(max-width:1000px){.sheet{padding-left:30px;padding-right:30px}.spread{gap:38px;grid-template-columns:1fr 2fr}.link-copy h3{font-size:25px}h1{font-size:12.3vw;margin-left:-5px}h1 sup{font-size:10px;margin-left:7px}.link-row{gap:14px}.portrait-wrap,.portrait-wrap img{width:145px}.portrait-wrap img{height:145px}.intro-copy{font-size:19px}}
@media(max-width:650px){.sheet{padding:18px 22px 20px}.masthead{padding:11px 0 25px;gap:20px}.micro{font-size:9px}.monogram{font-size:27px}.title-block{padding-top:4px}h1{font-size:clamp(51px,14.3vw,88px);line-height:.88;margin:0 0 21px -3px;letter-spacing:-.075em}h1 br{display:block}h1 span{padding-left:0}h1 sup{font-size:9px;top:3px;margin-left:5px}.title-caption{font-size:8px;padding-bottom:13px}.folio{display:none}.spread{display:flex;flex-direction:column;gap:27px;padding-top:23px}.intro{display:grid;grid-template-columns:1fr 78px;grid-template-rows:auto auto;column-gap:20px;align-items:start}.portrait-wrap{grid-column:2;grid-row:1/3;width:78px}.portrait-wrap img{width:78px;height:78px}.photo-caption{font-size:7px;margin-top:6px;white-space:nowrap}.intro-copy{grid-column:1;grid-row:1;font-size:19px;line-height:1.1;margin:0 0 13px}.text-link{grid-column:1;grid-row:2;justify-self:start;font-size:11px;gap:20px}.intro-note{display:none}.section-heading{padding-bottom:12px;font-size:8px}.section-heading span{white-space:nowrap}.link-row{min-height:78px;padding:16px 3px 16px 0;gap:12px}.number{font-size:8px;flex-basis:24px;margin-top:5px}.link-copy h3{font-size:23px;letter-spacing:-.05em;margin-bottom:6px}.detail{font-size:9px}.arrow{font-size:25px}.footer{margin-top:33px;gap:10px;flex-wrap:wrap;font-size:8px;padding-top:12px}.footer>span:nth-child(2){display:none}.link-row:hover,.link-row:focus-visible{padding-left:8px;padding-right:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Warm orange accents on a quiet grey editorial page. */
.monogram span{color:var(--accent)}
a{text-transform:lowercase}
.arrow,.arrow-icon{color:var(--accent)}
.arrow-icon{display:inline-block;width:23px;height:23px;vertical-align:middle;flex-shrink:0}
.text-link .arrow-icon,.section-heading .arrow-icon{width:13px;height:13px}
.link-row:hover,.link-row:focus-visible{background:#ddddda;color:var(--ink)}
h1{animation:name-jitter 19s linear infinite;transform-origin:50% 50%}
@keyframes name-jitter{0%,46%,47.6%,100%{transform:none;text-shadow:none}46.15%{transform:translateX(.8px);text-shadow:-.7px 0 var(--accent)}46.4%{transform:translateX(-.6px)}46.65%{transform:none;text-shadow:none}47.15%{transform:translateX(.5px);text-shadow:.5px 0 var(--accent)}47.4%{transform:none;text-shadow:none}}
@media(prefers-reduced-motion:reduce){h1{animation:none}}

/* A compact index and a current release. */
.intro-copy{background:var(--accent);color:#101010;padding:16px 14px;margin-left:-14px;margin-right:-14px}
.links-scroll{height:255px;overflow-y:auto;overscroll-behavior-y:contain;scroll-snap-type:y proximity;scrollbar-width:thin;scrollbar-color:var(--accent) #d5d5d1;padding-right:8px}
.links-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.links-scroll .link-row{height:85px;min-height:85px;scroll-snap-align:start}
.link-icon{display:block;width:32px;height:32px;color:var(--accent)}
.scroll-note{display:flex;justify-content:space-between;padding-top:10px;color:var(--ink);font-size:8px}
.latest{margin-top:30px}.latest-card{display:flex;gap:24px;padding-top:18px;align-items:center}.latest-card img{width:180px;height:180px;object-fit:cover;flex-shrink:0}.latest-copy h3{font-size:27px;font-weight:400;line-height:1.05;letter-spacing:-.04em;margin:9px 0 12px}.latest-copy p{font:11px/1.4 'Courier New',monospace;margin:0 0 18px}.listen{color:var(--accent)}.latest-card:hover .listen{text-decoration:underline}.latest-card img{transition:filter .2s}.latest-card:hover img{filter:contrast(1.08)}
@media(max-width:650px){.intro-copy{margin:0 0 13px;padding:12px;font-size:18px}.links-scroll{height:234px}.links-scroll .link-row{height:78px;min-height:78px}.link-icon{width:32px;height:32px}.latest{margin-top:26px}.latest-card{gap:18px}.latest-card img{width:42%;height:auto;aspect-ratio:1}.latest-copy h3{font-size:22px}.latest-copy p{font-size:10px;margin-bottom:14px}.latest-copy .micro{font-size:8px}}

/* Full-height portrait and continuous orange introduction. */
.title-block{border-top:1px solid var(--ink);padding-top:24px}
.intro{position:relative;isolation:isolate;background:var(--accent);color:#101010;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:24px 47% 24px 16px;min-width:0;overflow:hidden}
.portrait-wrap{position:absolute;inset:0 0 0 auto;width:43%;height:100%}
.portrait-wrap img{width:100%;height:100%;object-fit:cover;object-position:50% 35%}
.photo-caption{position:absolute;bottom:10px;left:8px;right:8px;font-size:7px;background:var(--accent);padding:3px;white-space:normal}
.intro-copy{background:none;padding:0;margin:0 0 18px;font-size:21px}
.text-link{gap:12px}.text-link .arrow-icon{color:#101010}
.intro-note{margin-top:47px}
.work-column{display:flex;flex-direction:column;gap:30px;min-width:0}
.latest{margin-top:0}
@media(max-width:1000px) and (min-width:651px){.intro-copy{font-size:18px}.intro{padding-left:12px}.intro-note{font-size:8px}}
@media(max-width:650px){
.title-block{padding-top:14px}
.intro{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;align-content:center;column-gap:0;height:114px;min-height:114px;padding:10px 44% 10px 12px}
.portrait-wrap{width:39%;height:100%}
.intro-copy{font-size:18px;line-height:1.1;margin:0 0 13px;padding:0;grid-column:1;grid-row:1}
.text-link{grid-column:1;grid-row:2;font-size:11px;gap:20px}
.photo-caption{display:none}
.work-column{gap:26px}
}

/* A heavier editorial index, laid over a quiet photographic cable texture. */
body{position:relative;isolation:isolate}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:url('assets/cable-overlay.png') center center/cover no-repeat;opacity:.075;filter:grayscale(1);}
h1{font-weight:800;letter-spacing:-.085em}
.section-heading{align-items:flex-start;border-bottom:2px solid var(--ink);gap:16px}
.section-heading h2{font-family:Arial,Helvetica,sans-serif;font-size:clamp(25px,2.5vw,36px);font-weight:900;line-height:1;letter-spacing:-.055em;text-transform:uppercase}
.blink{animation:underscore-pulse 1.8s ease-in-out infinite}
@keyframes underscore-pulse{0%,100%{opacity:1}50%{opacity:.18}}
.latest-copy h3,.link-copy h3{font-weight:700}
.intro-copy{font-weight:700}
.spill{border:0;background:var(--ink);color:var(--paper);font:700 12px/1 'Courier New',monospace;padding:11px 12px;white-space:nowrap;cursor:pointer;flex-shrink:0}
.spill span{margin-left:8px;color:var(--accent)}
.spill:hover{background:var(--accent);color:#101010}.spill:hover span{color:#101010}
.spill:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(max-width:650px){.section-heading h2{font-size:27px;max-width:270px}.links .section-heading h2{font-size:26px}.spill{padding:10px 9px;font-size:11px}body::before{background-size:auto 100vh;opacity:.065}}
@media(prefers-reduced-motion:reduce){.blink{animation:none}}
body::before{z-index:0}.sheet{position:relative;z-index:1}

/* Solid white header bands interrupt the cable texture. */
.title-block,.section-heading{background:#fff}
.title-block{padding-left:16px;padding-right:16px}
.section-heading{padding:14px 12px}
.group-trigger{width:100%;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
.group-trigger:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.link-dialog{width:min(420px,calc(100% - 36px));padding:0;border:2px solid var(--ink);background:#fff;color:var(--ink);box-shadow:10px 10px 0 rgba(0,0,0,.15)}
.link-dialog::backdrop{background:rgba(20,20,18,.5)}
.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px;border-bottom:2px solid var(--ink)}
.dialog-heading h2{font-size:27px;letter-spacing:-.05em;margin:0}
.dialog-close{font-size:28px;line-height:1;background:none;border:0;cursor:pointer;padding:4px 8px;color:var(--ink)}
.dialog-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 20px;font-size:19px;border-bottom:1px solid var(--rule)}
.dialog-links a:last-child{border:0}.dialog-links a span{color:var(--accent)}.dialog-links a:hover{background:var(--paper)}
.intro{padding:22px 77% 22px 12px}
.portrait-wrap{width:73%}.portrait-wrap img{object-position:50% 35%}
.intro-copy{font-size:clamp(12px,1.2vw,16px);line-height:1.15;overflow-wrap:normal}
.intro-copy br{display:none}.intro-note,.photo-caption{display:none}
.instagram-link{border:0;padding:4px 0;display:inline-flex}.instagram-link svg{width:25px;height:25px}
@media(max-width:650px){.intro{padding:8px 78% 8px 10px;height:114px;min-height:114px}.portrait-wrap{width:75%}.intro-copy{font-size:11px;margin:0 0 5px;line-height:1.05}.instagram-link svg{width:21px;height:21px}.title-block{padding-left:10px;padding-right:10px}.section-heading{padding:13px 10px}.links .section-heading h2{font-size:24px}}

.intro-copy{overflow-wrap:break-word;font-size:clamp(11px,1.05vw,14px)}
@media(max-width:650px){.intro-copy{font-size:11px}}

/* Stronger small type and an opaque release panel for clear reading. */
.micro,.detail{font-weight:700}
.title-caption{color:#171717;font-size:11px}
.latest{background:#fff}
.latest-card{padding:18px 12px 16px;color:#171717}
.latest-copy>.micro{font-size:12px}
.latest-copy p{font-size:12px;font-weight:700;line-height:1.5}
.latest-copy .listen{color:#a43710;font-size:11px}
.detail,.scroll-note,.footer{color:#242423}
@media(max-width:650px){
.title-caption{font-size:10px}
.latest-card{gap:16px;padding:16px 10px}
.latest-copy>.micro{font-size:11px}
.latest-copy p{font-size:11px}
.latest-copy .listen{font-size:10px}
}

/* A stable compact masthead, with no scroll-dependent sizing. */
.title-block{position:sticky;top:0;z-index:4;padding-top:5px;transition:none;box-shadow:0 1px 0 var(--ink);}
.title-block h1{font-size:20px;line-height:1;margin:0 0 2px;letter-spacing:-.065em;animation:none;transition:none;}
.title-block h1 br{display:none;}
.title-block h1 span{padding-left:.17em;}
.title-block h1 sup{font-size:9px;top:0;margin-left:5px;}
.title-block .title-caption{font-size:7px;padding-bottom:3px;}
.latest{background:transparent;position:relative;}
.latest-card{padding:18px 0 0;align-items:stretch;gap:20px;}
.latest-copy{background:#fff;padding:18px 16px 64px;flex:1;min-width:0;}
.latest-card img{align-self:flex-start;}
.latest-more{position:absolute;bottom:14px;left:calc(200px + 16px);width:auto;background:var(--ink);color:#fff;text-align:center;padding:10px 14px;}
.links-scroll,.scroll-note{background:#fff;}
.scroll-note{padding:10px;}
.website-preview{background:var(--accent);color:#101010;padding:28px 20px;}
.website-preview h3{font-size:50px;line-height:.9;letter-spacing:-.07em;margin:28px 0;}
.website-preview p{font-size:14px;margin:0;}
@media(max-width:650px){
.latest-card{gap:16px;padding:16px 0 0;}
.latest-copy{padding:16px 10px 60px;}
.latest-copy h3{font-size:21px;}
.latest-more{left:calc(42% + 26px);bottom:12px;}
.title-block h1{font-size:18px;}
}



/* Inline typographic arrows sit close to their link labels. */
.outbound-arrow,.dialog-links a .outbound-arrow{display:inline;margin-left:.14em;font-family:Arial,Helvetica,sans-serif;font-size:.9em;font-weight:400;line-height:inherit;color:#666;white-space:nowrap;}
.dialog-links a{display:block;}

/* Swipeable selections from the mixing and production playlist. */
.website-dialog{width:min(720px,calc(100% - 36px));max-height:calc(100dvh - 40px);overflow-y:auto;}
.album-carousel{display:flex;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:20px 20px 14px;scroll-padding-inline:20px;scrollbar-width:thin;scrollbar-color:#777 #eee;}
.album-card{display:block;flex:0 0 260px;min-width:0;scroll-snap-align:start;text-transform:none;}
.album-card img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;display:block;}
.album-artist{display:block;font-size:15px;font-weight:700;margin-top:12px;line-height:1.2;}
.album-title{display:block;font:12px/1.4 'Courier New',monospace;margin-top:5px;}
.album-card:hover .album-title{text-decoration:underline;}
.album-carousel:focus-visible,.carousel-controls button:focus-visible{outline:2px solid var(--accent);outline-offset:-3px;}
.carousel-controls{display:flex;justify-content:space-between;align-items:center;padding:8px 20px 14px;border-bottom:1px solid var(--rule);}
.carousel-controls button{background:transparent;border:1px solid var(--rule);color:#555;font:20px/1 Arial,sans-serif;padding:7px 12px;cursor:pointer;}
.carousel-controls button+button{margin-left:6px;}
.carousel-controls button:hover{background:var(--paper);}
@media(max-width:650px){.album-card{flex-basis:76%;}.album-carousel{padding:16px 16px 12px;scroll-padding-inline:16px;}.carousel-controls{padding-inline:16px;}}

/* Focused, full-page sections with a small persistent masthead. */
.latest-takeover-trigger{font:inherit;letter-spacing:inherit;color:inherit;text-align:left;border:0;background:none;padding:0;cursor:pointer;}
.latest-takeover-trigger:hover{color:#171717;}
.latest-takeover-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:4px;}
body.takeover-open{overflow:hidden;}
.focus-dialog{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:var(--paper);color:var(--ink);overflow-y:auto;overscroll-behavior:contain;}
.focus-dialog::backdrop{background:var(--paper);}
.focus-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:10px max(22px,calc((100vw - 1120px)/2));min-height:42px;}
.focus-header h2{font:900 20px/1 Arial,Helvetica,sans-serif;letter-spacing:-.055em;margin:0;outline:none;}
.focus-back{font:700 11px/1 'Courier New',monospace;white-space:nowrap;background:none;color:var(--ink);border:0;padding:4px;cursor:pointer;}
.focus-back:focus-visible{outline:2px solid var(--accent);}
.focus-body{max-width:900px;margin:0 auto;padding:32px 24px 64px;}
.focus-body>.latest-card{padding:0;gap:24px;}
.focus-body>.latest-card img{width:42%;height:auto;aspect-ratio:1;}
.focus-body>.latest-card .latest-copy{padding:24px;display:flex;flex-direction:column;justify-content:center;}
.focus-body .latest-copy h3{font-size:clamp(25px,3vw,38px);}
.focus-more{background:#fff;margin-top:32px;}
.focus-more>h3{font-size:27px;letter-spacing:-.05em;padding:16px 20px;margin:0;border-bottom:1px solid var(--rule);}
.focus-more .album-card{flex-basis:260px;}
.takeover-links.links-scroll{height:auto;max-height:none;overflow:visible;padding:0;}
.takeover-links .link-row{height:auto;min-height:100px;padding:22px 20px;}
.takeover-links .number{margin-top:5px;}
@media(max-width:650px){
.focus-header{padding:9px 16px;gap:12px;}
.focus-header h2{font-size:18px;max-width:260px;}
.focus-body{padding:22px 16px 40px;}
.focus-body>.latest-card{gap:14px;}
.focus-body>.latest-card .latest-copy{padding:16px 12px;}
.focus-body .latest-copy h3{font-size:23px;}
.focus-more{margin-top:24px;}
.focus-more .album-card{flex-basis:76%;}
.takeover-links .link-row{min-height:92px;padding:20px 14px;}
.takeover-links .link-copy h3{font-size:25px;}
}

/* Visible three-row links index with a full-page expand control. */
.links .section-heading{align-items:center;}
.links-expand{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;padding:4px;border:0;background:transparent;color:var(--ink);cursor:pointer;}
.links-expand svg{width:24px;height:24px;}
.links-expand:hover{color:var(--accent);}
.links-expand:focus-visible{outline:2px solid var(--accent);outline-offset:3px;}
.links .links-scroll{display:block;height:255px;overflow-y:auto;padding:0;}
.links .link-row{height:85px;min-height:85px;padding:14px 12px;gap:14px;border-bottom:1px solid var(--rule);}
.links .number{display:none;}
.links .link-copy h3{font-size:25px;}
.focus-dialog[data-view="links"]{background:linear-gradient(rgba(233,233,230,.925),rgba(233,233,230,.925)),url('assets/cable-overlay.png') center/cover no-repeat fixed;}
@media(max-width:650px){
.links .links-scroll{height:234px;}
.links .link-row{height:78px;min-height:78px;padding:12px 10px;gap:12px;}
.links .link-copy h3{font-size:23px;}
.focus-dialog[data-view="links"]{background-size:auto,auto 100dvh;}
}

/* Touch taps must not leave a link row looking pressed. */
.link-row{appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;}
.link-row:hover,.link-row:focus-visible{background:transparent;color:var(--ink);}
.link-row:focus-visible{outline:2px solid var(--accent);outline-offset:-3px;}
.link-row:hover .arrow{transform:none;}
@media(hover:hover) and (pointer:fine){
.link-row:hover .link-copy h3{text-decoration:underline;text-underline-offset:3px;}
.link-row:hover .arrow{transform:translate(2px,-2px);}
}