@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap');
:root{--bg:#e3e5e9;--ink:#16181b;--muted:#50535a;--line:#c6c9d0;--accent:#e3e5e9;--deep:#24262a;--rust:#50535a}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip}
body{margin:0;min-width:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-wrap:break-word}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--rust);outline-offset:4px}
::selection{background:var(--accent)}
.site-header,.section,.site-footer{padding-left:clamp(22px,5vw,88px);padding-right:clamp(22px,5vw,88px)}
.site-header{min-height:88px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--bg);border-bottom:1px solid var(--line)}
.wordmark{font-size:27px;font-weight:700;letter-spacing:-.1em}
.dot,.period{color:var(--rust)}
.site-header nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:clamp(12px,3vw,40px);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.1em}
.site-header nav a:hover,.footer-links a:hover,.footer-email:hover,.footer-bottom>a:hover{color:var(--rust)}
.section{scroll-margin-top:24px}
.eyebrow{font-size:11px;letter-spacing:.13em;font-weight:600}
.hero{position:relative;isolation:isolate;min-height:min(790px,calc(100svh - 88px));display:flex;flex-direction:column;justify-content:space-between;padding-top:35px;padding-bottom:30px;background:var(--bg)}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.22;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.14'/%3E%3C/svg%3E")}
.hero-top,.hero-footer,.section-head{display:flex;justify-content:space-between;gap:20px}
.hero-top .eyebrow:last-child{font-family:'DM Serif Display',Georgia,serif;font-size:18px;letter-spacing:0;font-style:italic}
.hero-main{position:relative;padding:clamp(64px,7vw,105px) 0 55px}
.hero-note{position:absolute;right:0;top:20px;display:flex;align-items:center;gap:12px;max-width:320px;color:#50535a;font-size:12px;font-weight:600;letter-spacing:.06em;line-height:1.55;text-transform:uppercase}
.hero-note-star{font-family:Georgia,serif;font-size:34px;line-height:1;color:var(--rust)}
.hero h1,.studio h2,.services h2{margin:0;font-weight:700;line-height:.9;letter-spacing:-.09em}
.hero h1{font-size:clamp(64px,15.2vw,240px);letter-spacing:-.105em}
.hero h1 em{display:inline-block;font-family:'DM Sans',Arial,sans-serif;font-weight:400;font-style:normal;letter-spacing:-.105em}
.hero-bottom{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:30px;margin-top:50px}
.hero-bottom::before{content:"";position:absolute;left:0;top:-24px;width:44px;height:2px;background:var(--rust)}
.hero-bottom p{flex:1;min-width:0;max-width:620px;margin:0;font-family:'DM Serif Display',Georgia,serif;font-size:clamp(19px,2vw,26px);line-height:1.45}
.hero-footer{border-top:1px solid var(--line);padding-top:17px;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}
.cta-button{display:inline-flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:34px;min-height:52px;padding:15px 22px;background:#24262a;color:#f3f4f6;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;box-shadow:4px 4px 0 #a5a8af;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;touch-action:manipulation}
.cta-button span{font-size:19px;line-height:1;transition:transform .2s ease}
.cta-button:hover{background:#34363b;transform:translate(2px,2px);box-shadow:2px 2px 0 #a5a8af}
.cta-button:hover span{transform:translate(2px,-2px)}
.studio{background:#e3e5e9;padding-top:65px;padding-bottom:80px}
.section-head{padding-bottom:22px;border-bottom:1px solid var(--line)}
.studio-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(28px,5vw,70px);align-items:end;padding:55px 0 70px}
.studio-grid>*,.studio-copy,.service>div{min-width:0}
.studio h2,.services h2{font-size:clamp(60px,8.5vw,145px)}
.studio h2 em,.services h2 em,.footer-title em{font-family:'DM Serif Display',Georgia,serif;font-weight:400;letter-spacing:-.06em}
.studio-copy{max-width:460px;padding-bottom:8px}
.studio-copy .lead{font-family:'DM Serif Display',Georgia,serif;font-size:clamp(26px,3vw,40px);font-style:italic;line-height:1.15;margin:0 0 25px}
.studio-copy p:not(.lead){font-size:17px;line-height:1.7;color:#34363b;margin:0 0 24px}
.studio-actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin:26px 0 18px}
.studio-copy .studio-submit-note{font-size:12px!important;line-height:1.65!important;margin:0!important}
.studio-actions .cta-button{font-size:11px;letter-spacing:.075em}
.studio-gallery{display:grid;grid-template-columns:1.55fr 1fr;gap:12px;align-items:stretch}
.studio-gallery figure{position:relative;margin:0;min-width:0;min-height:300px;overflow:hidden;background:#e3e5e9;border:8px solid var(--bg);border-bottom-width:36px;box-shadow:2px 4px 0 rgba(53,69,51,.12)}
.studio-gallery figure:nth-child(2){transform:rotate(1.2deg)}
.studio-gallery img{display:block;width:100%;height:100%;min-height:300px;max-height:520px;object-fit:cover;filter:grayscale(.42) sepia(.16) contrast(1.06)}
.studio-gallery figcaption{position:absolute;left:4px;bottom:-29px;padding:5px 7px;color:#34363b;font-size:9px;font-weight:700;letter-spacing:.13em}
.studio-gallery-disclaimer{margin:12px 0 0;color:#50535a;font-size:12px;font-style:italic;line-height:1.5}
.services{padding-top:65px;padding-bottom:100px;background:var(--bg)}
.services-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;padding:45px 0}
.services-heading p{max-width:340px;color:var(--muted);font-size:17px;line-height:1.6}
.service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.service{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;min-height:230px;padding:34px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .25s ease}
.service:hover{background:#e3e5e9}
.service-no{padding-top:5px;color:#50535a;font-family:'DM Serif Display',Georgia,serif;font-size:18px}
.service h3{margin:0 0 12px;font-size:clamp(25px,2.6vw,39px);font-weight:600;line-height:1.13;letter-spacing:-.045em}
.service p{margin:0;color:var(--muted);font-size:15px;line-height:1.65}
.service .service-price{display:inline-block;margin:0 0 18px;padding:7px 12px;background:#c6c9d0;color:#24262a;font-size:12px;font-weight:700;letter-spacing:.03em;overflow-wrap:anywhere}
.services-note{margin:23px 0 0;color:var(--muted);font-size:12px;line-height:1.6}
.contact-row{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:55px;padding-top:42px;border-top:1px solid var(--line)}
.contact-row .eyebrow{display:block;margin-bottom:12px;color:var(--muted)}
.contact-row p{margin:0 0 12px;font-family:'DM Serif Display',Georgia,serif;font-size:clamp(28px,4vw,50px)}
.contact-subtext{display:block;color:var(--muted);font-size:14px;line-height:1.6}
.site-footer{padding-top:65px;padding-bottom:25px;background:#e3e5e9;color:var(--ink);border-top:1px solid var(--line)}
.footer-top{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;padding-bottom:65px}
.footer-title{margin:25px 0 0;font-size:clamp(55px,9vw,142px);line-height:.88;letter-spacing:-.08em;font-weight:700}
.footer-email{display:inline-flex;gap:25px;align-items:center;padding:13px 0;border-bottom:1px solid currentColor;font-size:12px;font-weight:700;letter-spacing:.12em;white-space:nowrap}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:24px;border-top:1px solid #a5a8af;font-size:10px;letter-spacing:.1em}
.footer-links{display:flex;flex-wrap:wrap;gap:clamp(12px,2.5vw,35px)}
@media(max-width:760px){.service-list{grid-template-columns:1fr}.service{min-height:0;padding:27px}.studio-gallery figure:nth-child(2){transform:none}}
@media(max-width:700px){
 .site-header{min-height:72px;gap:12px}.site-header nav{gap:10px;font-size:10px;letter-spacing:.03em}
 .hero{min-height:max(620px,calc(100svh - 72px));padding-top:25px}
 .hero-top{align-items:flex-start}.hero-top .eyebrow:first-child{max-width:78%;line-height:1.55}.hero-top .eyebrow:last-child{font-size:16px}
 .hero-main{padding:95px 0 38px}.hero-note{top:10px;right:0;max-width:220px;gap:8px;font-size:10px}.hero-note-star{font-size:26px}
 .hero h1{font-size:clamp(56px,15vw,105px);letter-spacing:-.075em}.hero h1 em{letter-spacing:-.085em}
 .hero-bottom{display:block;margin-top:35px}.hero-bottom::before{top:-18px}.hero-bottom p{font-size:clamp(18px,4.5vw,22px);margin-bottom:26px}.hero-footer{flex-wrap:wrap;font-size:9px}
 .studio,.services{padding-top:45px;padding-bottom:60px}.section-head{padding-bottom:25px}
 .studio-grid{grid-template-columns:1fr;gap:24px;padding:30px 0 50px}.studio h2,.services h2{font-size:clamp(53px,13vw,95px)}
 .studio-gallery{grid-template-columns:1fr;gap:10px}.studio-gallery figure,.studio-gallery img{min-height:220px;max-height:350px}.studio-gallery-detail img{max-height:260px}
 .services-heading{display:block;padding:32px 0}.services-heading p{margin-top:24px}.service{grid-template-columns:25px minmax(0,1fr);padding:24px}.service h3{font-size:clamp(24px,6vw,33px)}
 .contact-row{align-items:flex-start;flex-direction:column;margin-top:40px}.contact-row .cta-button{max-width:100%}
 .site-footer{padding-top:45px;padding-bottom:28px}.footer-top{display:block;padding-bottom:48px}.footer-title{font-size:clamp(48px,12vw,90px)}.footer-email{margin-top:30px}
 .footer-bottom{align-items:flex-start;flex-direction:column;gap:18px}.footer-links{gap:18px}
}
@media(max-width:420px){.site-header nav a{font-size:10px}.hero h1{font-size:14.5vw}.studio h2,.services h2{font-size:12vw}.service{gap:9px}.service h3{overflow-wrap:break-word}}
@media(max-width:380px){.site-header nav{gap:8px}.hero-note{max-width:175px;font-size:9px}.hero-main{padding-top:85px}.hero-footer{font-size:8px}}
@keyframes enter-up{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}
@keyframes gentle-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media(prefers-reduced-motion:no-preference){.hero h1{animation:enter-up 1s .12s ease both}.hero-note{animation:enter-up .85s .3s ease both}.hero-bottom{animation:enter-up .9s .3s ease both}.hero-footer{animation:enter-up .8s .45s ease both}.hero .period{display:inline-block;animation:gentle-float 5s ease-in-out infinite}}
@media(hover:none){.cta-button:hover{transform:none;box-shadow:4px 4px 0 #a5a8af}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Compact editorial layout */
.site-header{min-height:68px}
.hero{min-height:0;padding-top:24px;padding-bottom:22px}
.hero-main{padding:clamp(35px,5vw,68px) 0 35px}
.hero h1{font-size:clamp(64px,13vw,190px)}
.hero-bottom{margin-top:32px}
.hero-footer{padding-top:12px}
.work,.services,.studio,.conversion{padding-top:clamp(35px,4vw,58px)!important;padding-bottom:clamp(40px,5vw,65px)!important}
.work-intro{padding:30px 0 24px}
.work-intro h2,.conversion h2{font-size:clamp(52px,7vw,100px)}
.work-grid{gap:18px}
.work-frame{margin-bottom:9px}
.work-more{margin-top:18px}
.section-head{padding-bottom:14px}
.services-heading{padding:30px 0 18px}
.studio-grid{padding:30px 0 35px}
.studio h2,.services h2{font-size:clamp(56px,7vw,108px)}
.service{min-height:0;padding-top:22px;padding-bottom:22px}
.service h3{margin-bottom:7px}
.service .service-price{margin-bottom:9px}
.currency-picker{margin:15px 0 18px}
.contact-row{margin-top:28px;padding-top:26px}
.conversion-grid{padding-top:30px}
.site-footer{padding-top:40px}
.footer-top{padding-bottom:35px}
.footer-title{font-size:clamp(48px,7vw,105px)}
@media(max-width:700px){
.site-header{min-height:64px}
.hero{min-height:0;padding-top:22px}
.hero-main{padding:75px 0 28px}
.hero-bottom{margin-top:26px}
.hero-bottom p{margin-bottom:20px}
.work,.services,.studio,.conversion{padding-top:35px!important;padding-bottom:45px!important}
.work-intro{padding:22px 0}
.services-heading{padding:22px 0}
.studio-grid{padding:24px 0 32px}
.service{padding:18px}
.contact-row{margin-top:24px;padding-top:22px}
.footer-top{padding-bottom:30px}
}

/* Expressive indie editorial art direction */
:root{--bg:#e3e5e9;--ink:#16181b;--rust:#50535a}
.site-header{position:relative;z-index:2;border-bottom:2px solid var(--ink)}
.wordmark{font-size:31px;letter-spacing:-.12em}
.site-header nav a:last-child{border-bottom:2px solid var(--rust);padding-bottom:4px}
.hero{background:#e3e5e9}
.hero::after{content:"STUDIO / 001";position:absolute;right:clamp(22px,5vw,88px);top:75px;color:var(--rust);font:700 10px "DM Sans",sans-serif;letter-spacing:.18em;transform:rotate(90deg) translateX(100%);transform-origin:right top;pointer-events:none}
.hero h1{letter-spacing:-.115em;line-height:.82;text-transform:uppercase}
.hero h1 em{font-family:"DM Serif Display",Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.075em}
.hero .period{color:#50535a}
.hero-bottom p{max-width:520px}
.hero-footer{border-top:2px solid var(--ink)}
.work{background:#16181b!important;color:#e3e5e9}
.work .section-head{border-color:#50535a}
.work .work-intro{align-items:end}
.work-intro h2{font-size:clamp(58px,8.8vw,142px);letter-spacing:-.09em}
.work-intro h2 em{color:#a5a8af}
.work-intro p{color:#c6c9d0}
.work-grid{grid-template-columns:1.25fr .75fr;align-items:start;gap:clamp(16px,3vw,45px)}
.work-card:nth-child(2){margin-top:clamp(0px,5vw,75px)}
.work-card .work-frame{border:1px solid #50535a;box-shadow:10px 10px 0 #24262a;transition:transform .25s ease,box-shadow .25s ease}
.work-card:hover .work-frame{transform:translate(-3px,-3px);box-shadow:14px 14px 0 #24262a}
.work-card .eyebrow{display:block;padding-top:10px;color:#c6c9d0}
.work-more{color:#c6c9d0}
.studio{background:#e3e5e9}
.studio h2 em{color:#50535a}
.studio-gallery img{filter:saturate(.85);transition:filter .3s ease}
.studio-gallery img:hover{filter:saturate(1.1)}
.services{background:#e3e5e9}
.services h2 em{color:#50535a}
.service{transition:background .2s ease,transform .2s ease}
.service:hover{transform:translateX(5px)}
.conversion{background:#c6c9d0!important}
.conversion h2 em{color:#50535a}
.cta-button{background:#16181b;box-shadow:4px 4px 0 #50535a}
@media(max-width:760px){
.hero::after{display:none}
.hero h1{font-size:clamp(56px,14.5vw,110px);line-height:.9}
.work-grid{grid-template-columns:1fr}
.work-card:nth-child(2){margin-top:12px}
.work-card .work-frame{box-shadow:6px 6px 0 #24262a}
.work-intro h2{font-size:clamp(50px,11vw,86px)}
.service:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){.work-card .work-frame,.studio-gallery img{transition:none}}

/* Project enquiry form */
.enquiry-form{background:#e3e5e9;border:2px solid #16181b;padding:clamp(20px,3vw,40px);display:grid;gap:16px;align-self:start;box-shadow:8px 8px 0 #a5a8af;min-width:0}
.enquiry-form h3{font-size:clamp(24px,3vw,38px);line-height:1.05;margin:0 0 8px;letter-spacing:-.045em}
.enquiry-field{display:grid;gap:7px;min-width:0}
.enquiry-field label{font-size:12px;font-weight:700;letter-spacing:.045em}
.enquiry-field input,.enquiry-field select,.enquiry-field textarea{width:100%;min-width:0;box-sizing:border-box;background:#f3f4f6;color:#16181b;border:1px solid #747780;border-radius:0;padding:12px 13px;font:inherit;font-size:15px;line-height:1.4}
.enquiry-field textarea{resize:vertical}
.enquiry-field input:focus-visible,.enquiry-field select:focus-visible,.enquiry-field textarea:focus-visible{outline:3px solid #50535a;outline-offset:2px}
.enquiry-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.enquiry-form .cta-button{border:0;cursor:pointer;justify-self:start;font:inherit;font-weight:700}
.enquiry-note{font-size:12px;line-height:1.5;margin:0;color:#34363b}
#enquiry-status:empty{display:none}
@media(max-width:760px){.enquiry-pair{grid-template-columns:1fr}.enquiry-form{box-shadow:5px 5px 0 #a5a8af}}

/* Spotify artist link directly after hero */
.spotify-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px clamp(22px,5vw,88px);background:#e3e5e9;color:#16181b;border-top:1px solid #16181b;border-bottom:2px solid #16181b}
.spotify-strip a{color:inherit;font-weight:800;font-size:clamp(17px,2.2vw,28px);letter-spacing:-.035em;text-decoration:underline;text-decoration-color:#50535a;text-underline-offset:5px}
.spotify-strip a:hover{color:#34363b}
@media(max-width:700px){.spotify-strip{align-items:flex-start;flex-direction:column;gap:8px;padding:18px 22px}}

/* Cool School Productions collaboration */
.csp-collab{margin-top:clamp(30px,5vw,70px);padding:clamp(20px,3vw,38px);border:1px solid #747780;background:#24262a;color:#e3e5e9}
.csp-collab>.eyebrow{color:#c6c9d0}
.csp-collab-inner{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-top:22px}
.csp-collab h3{font-size:clamp(30px,4vw,62px);letter-spacing:-.065em;line-height:.95;margin:0 0 18px}
.csp-collab h3 em{font-family:Georgia,serif;color:#a5a8af;font-weight:400}
.csp-collab p{max-width:540px;line-height:1.6;color:#e3e5e9}
.csp-collab .csp-note{font-size:12px;color:#a5a8af}
.csp-collab a{color:#c6c9d0;text-decoration:underline;text-underline-offset:5px;font-weight:700;flex-shrink:0}
@media(max-width:760px){.csp-collab-inner{display:block}.csp-collab a{display:inline-block;margin-top:15px}}

/* Featured Cool School Productions release */
.csp-feature{background:#24262a;color:#e3e5e9;padding:clamp(22px,4vw,58px);margin:0 0 32px;border:1px solid #50535a}
.csp-feature-meta{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:#c6c9d0}
.csp-feature-body{display:grid;grid-template-columns:1.4fr .6fr;align-items:end;gap:25px;margin-top:clamp(30px,5vw,65px)}
.csp-feature h3{font-size:clamp(60px,10vw,150px);line-height:.84;letter-spacing:-.085em;margin:0 0 30px}
.csp-feature h3 em{font-family:Georgia,serif;font-weight:400;color:#a5a8af}
.csp-feature p{max-width:530px;line-height:1.65;color:#e3e5e9}
.csp-feature a{display:inline-block;margin-top:15px;color:#c6c9d0;text-decoration:underline;text-underline-offset:5px;font-weight:700}
.csp-feature-mark{text-align:right;font-size:clamp(40px,6vw,100px);font-weight:800;letter-spacing:-.1em;opacity:.3;white-space:nowrap}
.csp-feature-mark span{padding:0 .15em;color:#a5a8af}
@media(max-width:760px){.csp-feature-body{grid-template-columns:1fr}.csp-feature-mark{text-align:left}}

.csp-feature-video{width:100%;max-width:580px;aspect-ratio:16/9;background:#16181b;margin-top:20px}
.csp-feature-video iframe{display:block;width:100%;height:100%;border:0}

.csp-second-release{border-top:1px solid rgba(255,255,255,.25);margin:34px 0 26px;padding-top:26px}
.csp-second-release h4{font-size:clamp(26px,3vw,44px);letter-spacing:-.045em;margin:12px 0}
.csp-second-release p{font-size:14px;margin:0 0 15px}

/* Consistent alignment for portfolio/CSP subheadings */
.work .section-head,.csp-feature-meta{align-items:baseline}
.csp-feature-body>div:first-child{min-width:0}
.csp-feature .csp-second-release{margin-top:36px;padding-top:28px}
.csp-feature .csp-second-release>.eyebrow{display:block;margin:0 0 12px;letter-spacing:.12em;line-height:1.5}
.csp-feature .csp-second-release h4{margin:0 0 12px;line-height:1.1}
.csp-feature .csp-second-release p{margin:0 0 18px;line-height:1.6}
@media(max-width:760px){.work .section-head,.csp-feature-meta{align-items:flex-start}.csp-feature .csp-second-release{margin-top:28px;padding-top:24px}}

/* Clean, unified portfolio layout */
.csp-collection{background:#24262a;color:#e3e5e9;padding:clamp(22px,3.5vw,48px);margin-bottom:40px}
.csp-collection-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}
.csp-collection-head .eyebrow,.csp-press .eyebrow{color:#c6c9d0}
.csp-collection-head h3{font-size:clamp(28px,4vw,54px);line-height:1.05;letter-spacing:-.055em;margin:12px 0 0}
.csp-collection a{color:#c6c9d0;text-decoration:underline;text-underline-offset:4px;font-weight:700}
.csp-release-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.5vw,32px)}
.csp-release{min-width:0}
.csp-release .work-frame{aspect-ratio:16/9;margin-bottom:15px;box-shadow:none;transform:none}
.csp-release .work-frame iframe{display:block;width:100%;height:100%;border:0}
.csp-release h4{font-size:clamp(22px,2.5vw,34px);line-height:1.1;letter-spacing:-.04em;margin:0 0 8px}
.csp-release p{font-size:13px;line-height:1.6;color:#e3e5e9;margin:0}
.csp-press{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #50535a;margin-top:30px;padding-top:24px}
.csp-press h4{font-size:clamp(21px,2.5vw,30px);margin:8px 0;letter-spacing:-.035em}
.csp-press p{font-size:13px;color:#e3e5e9;margin:0;line-height:1.5}
.other-work-heading{border-top:1px solid #747780;padding-top:22px;margin-bottom:22px}
.work .work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.work .work-card{min-width:0}
.work .work-card:nth-child(2){margin-top:0}
.work .work-card .work-frame{box-shadow:none;transform:none}
.work .work-card .eyebrow{font-size:11px;line-height:1.5}
@media(max-width:760px){.csp-collection-head,.csp-press{align-items:flex-start;flex-direction:column}.csp-release-grid,.work .work-grid{grid-template-columns:1fr}.csp-collection{margin-bottom:30px}.csp-press{gap:12px}}

/* Embedded Spotify artist library */
.spotify-library{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);align-items:center;gap:clamp(20px,4vw,64px);padding:clamp(32px,5vw,76px) clamp(22px,5vw,88px);background:#e3e5e9;color:#16181b;border-bottom:1px solid #a5a8af}
.spotify-library-copy .eyebrow{display:block;margin-bottom:16px}
.spotify-library-copy h2{font-size:clamp(42px,6vw,90px);line-height:.95;letter-spacing:-.075em;margin:0 0 18px}
.spotify-library-copy p{line-height:1.6;margin:0 0 18px}
.spotify-library-copy a{color:inherit;text-decoration:underline;text-underline-offset:5px;font-weight:700}
.spotify-library iframe{display:block;width:100%;height:352px;border:0;border-radius:12px;background:#24262a}
@media(max-width:760px){.spotify-library{grid-template-columns:1fr}.spotify-library iframe{height:352px}}

/* Discography / credits archive */
.discography{background:#e3e5e9;color:#16181b;padding-top:clamp(55px,7vw,110px);padding-bottom:clamp(55px,7vw,100px)}
.discography-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:35px 0 45px}
.discography-heading h2{font-size:clamp(62px,10vw,148px);line-height:.82;letter-spacing:-.09em;margin:0}
.discography-heading h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.06em}
.discography-heading p{max-width:290px;line-height:1.6}
.discography-list{border-top:1px solid #a5a8af}
.discography-row{display:grid;grid-template-columns:110px minmax(0,1.1fr) minmax(0,1.2fr) auto;gap:clamp(14px,2.5vw,34px);align-items:center;padding:23px 0;border-bottom:1px solid #a5a8af}
.discography-art{width:110px;aspect-ratio:1;background:#16181b;overflow:hidden}
.discography-art img{width:100%;height:100%;object-fit:cover}
.discography-details .eyebrow{font-size:10px;color:#50535a}
.discography-details h3{font-size:clamp(25px,3vw,42px);line-height:1.1;letter-spacing:-.055em;margin:9px 0 4px}
.discography-details p{margin:0;font-size:15px}
.discography-roles{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.discography-roles span{border:1px solid #747780;padding:6px 9px;font-size:11px;font-weight:700}
.discography-roles small{display:block;flex-basis:100%;color:#34363b;line-height:1.5;margin-top:5px}
.discography-row>a,.discography-foot a{color:inherit;text-decoration:underline;text-underline-offset:5px;font-weight:700;white-space:nowrap}
.discography-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:25px}
.discography-foot p{max-width:560px;font-size:13px;line-height:1.6;color:#50535a}
@media(max-width:800px){.discography-heading{display:block}.discography-heading p{margin-top:25px}.discography-row{grid-template-columns:80px minmax(0,1fr) auto;gap:15px}.discography-art{width:80px}.discography-roles{grid-column:2 / -1}.discography-row>a{grid-column:3;grid-row:1}.discography-foot{align-items:flex-start;flex-direction:column}}
@media(max-width:480px){.discography-row{grid-template-columns:70px minmax(0,1fr)}.discography-art{width:70px}.discography-row>a{grid-column:2;grid-row:auto}.discography-roles{grid-column:1 / -1}}

/* Text-led portfolio in place of video embeds */
.csp-collection .csp-release{padding:20px 0;border-top:1px solid #50535a}
.csp-collection .csp-release>.eyebrow{display:block;color:#c6c9d0;font-size:11px;margin-bottom:12px}
.csp-collection .csp-release h4{font-size:clamp(30px,3.5vw,50px);margin:0 0 12px;letter-spacing:-.055em}
.csp-collection .csp-release p{margin:0 0 16px}
.csp-collection .csp-release a{display:inline-block;font-size:13px}
.work .work-link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.work-link-card{display:flex;flex-direction:column;justify-content:space-between;gap:22px;min-height:170px;padding:22px;border:1px solid #747780;color:#16181b;text-decoration:none;transition:background .2s ease}
.work-link-card:hover,.work-link-card:focus-visible{background:#e3e5e9}
.work-link-card strong{font-size:clamp(22px,2.5vw,32px);line-height:1.1;letter-spacing:-.04em}
.work-link-card>.eyebrow{font-size:10px;line-height:1.5}
.work-link-card>span:last-child{font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){.work .work-link-grid{grid-template-columns:1fr}.work-link-card{min-height:135px}}


/* Discography — 2026 editorial refresh */
.discography{background:#e3e5e9;color:#16181b;padding:clamp(64px,8vw,124px) clamp(20px,5vw,88px);overflow:hidden}
.discography .section-head{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #747780;padding-bottom:18px}
.discography-intro{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(210px,.4fr);align-items:end;gap:36px;padding:clamp(38px,6vw,80px) 0 clamp(50px,7vw,90px)}
.discography-kicker,.discography-collection-number,.discography-count,.discography-release-meta{font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.discography-kicker{display:block;margin-bottom:22px;color:#50535a}
.discography-intro h2{font-size:clamp(66px,11.3vw,180px);font-weight:800;line-height:.78;letter-spacing:-.095em;margin:0;max-width:100%;overflow-wrap:normal}
.discography-intro h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.085em;color:#50535a}
.discography-intro>p{font-size:clamp(14px,1.35vw,17px);line-height:1.65;max-width:340px;margin:0 0 5px;color:#34363b}
.discography-collection-head{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:22px 0 24px;border-top:2px solid #24262a}
.discography-collection-number{color:#50535a}
.discography-collection-head h3,.discography-additional h3{font-size:clamp(24px,3vw,42px);letter-spacing:-.055em;line-height:1.08;margin:10px 0 0}
.discography-count{white-space:nowrap}
.discography-release-list{border-top:1px solid #a5a8af}
.discography-release{display:grid;grid-template-columns:clamp(94px,13vw,165px) minmax(0,1fr) auto;align-items:center;gap:clamp(18px,3vw,42px);padding:clamp(17px,2.5vw,28px) 0;border-bottom:1px solid #a5a8af;min-width:0;transition:padding .25s ease}
.discography-cover{display:block;aspect-ratio:1;overflow:hidden;background:#24262a}
.discography-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.discography-release:hover .discography-cover img{transform:scale(1.045)}
.discography-release-info{min-width:0}
.discography-release-meta{color:#50535a;display:block;line-height:1.5}
.discography-release-info h3{font-size:clamp(24px,3.25vw,52px);line-height:1.02;letter-spacing:-.06em;margin:12px 0 6px;overflow-wrap:anywhere}
.discography-release-info p{font-size:clamp(14px,1.4vw,18px);margin:0 0 17px;color:#34363b}
.discography-credit-tags{display:flex;flex-wrap:wrap;gap:6px}
.discography-credit-tags span{font-size:10px;letter-spacing:.035em;border:1px solid #747780;border-radius:100px;padding:6px 11px;line-height:1.2}
.discography-play{align-self:center;display:inline-flex;align-items:center;gap:24px;padding:12px 0 12px 12px;color:#16181b;font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap}
.discography-play span{font-size:24px;font-weight:400;transition:transform .2s}
.discography-play:hover span{transform:translate(3px,-3px)}
.discography-play:focus-visible,.discography-cover:focus-visible,.discography-additional a:focus-visible,.discography-bottom a:focus-visible{outline:2px solid #50535a;outline-offset:4px}
.discography-additional{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:28px;align-items:end;margin-top:clamp(55px,7vw,100px);padding:25px 0 32px;border-top:2px solid #24262a;border-bottom:1px solid #a5a8af}
.discography-additional>div>p{color:#34363b;margin:10px 0 0}
.discography-additional-track{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#e3e5e9;padding:22px}
.discography-additional-track>div{display:flex;flex-direction:column;gap:6px}
.discography-additional-track strong{font-size:clamp(19px,2vw,27px);letter-spacing:-.04em}
.discography-additional-track span{font-size:13px;color:#34363b}
.discography-additional-track a,.discography-bottom a{color:#16181b;font-size:13px;font-weight:700;text-underline-offset:5px;white-space:nowrap}
.discography-bottom{display:flex;align-items:center;justify-content:space-between;gap:22px;padding-top:26px}
.discography-bottom p{font-size:13px;color:#34363b;max-width:450px;line-height:1.6;margin:0}
.discography-bottom>div{display:flex;gap:24px;flex-wrap:wrap}
@media(max-width:850px){.discography-intro{grid-template-columns:1fr;gap:26px}.discography-intro h2{font-size:clamp(62px,13vw,112px)}.discography-intro>p{max-width:540px}.discography-additional{grid-template-columns:1fr}.discography-bottom{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.discography{padding:62px 20px 75px}.discography .section-head{flex-direction:column;gap:7px}.discography-intro{padding:45px 0 55px}.discography-intro h2{font-size:clamp(53px,13.5vw,85px);line-height:.88}.discography-collection-head{align-items:flex-start}.discography-collection-head h3{font-size:27px}.discography-release{grid-template-columns:86px minmax(0,1fr);gap:14px;padding:22px 0;align-items:start}.discography-cover{width:86px}.discography-release-info h3{font-size:clamp(22px,6.5vw,31px);margin:7px 0 5px}.discography-release-info p{margin-bottom:12px}.discography-release-meta{font-size:9px;letter-spacing:.07em}.discography-credit-tags{gap:5px}.discography-credit-tags span{font-size:9px;padding:5px 8px}.discography-play{grid-column:2;justify-self:start;padding:0;gap:12px;font-size:12px}.discography-play span{font-size:20px}.discography-additional-track{padding:18px;flex-wrap:wrap}.discography-bottom>div{gap:18px}}
@media(prefers-reduced-motion:reduce){.discography-cover img,.discography-play span{transition:none}.discography-release:hover .discography-cover img{transform:none}}


/* Spotify artist library and selected engineering credits */
.spotify-library{display:grid;grid-template-columns:minmax(0,.68fr) minmax(0,1.32fr);align-items:start;gap:clamp(26px,5vw,78px);padding:clamp(58px,7vw,105px) clamp(20px,5vw,88px);background:#e3e5e9;color:#16181b}
.spotify-library-copy{position:sticky;top:35px;min-width:0}
.spotify-library-copy h2{font-size:clamp(45px,6vw,100px);line-height:.89;overflow-wrap:anywhere}
.spotify-library-copy h2 em{font-family:Georgia,serif;font-weight:400;color:#50535a}
.spotify-library-copy p{max-width:360px}
.spotify-library-content{display:grid;grid-template-columns:1fr;gap:28px;min-width:0}
.spotify-library-panel{min-width:0;padding:clamp(18px,2.5vw,30px);border:1px solid #a5a8af;background:#e3e5e9}
.spotify-library-panel-heading{display:flex;justify-content:space-between;gap:15px;padding-bottom:17px;margin-bottom:18px;border-bottom:1px solid #a5a8af}
.spotify-library-panel-heading .eyebrow{font-size:10px;line-height:1.5}
.spotify-library-panel iframe{height:352px;border-radius:10px}
.spotify-library-credits iframe{height:152px}
.spotify-library-credit-info{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:22px}
.spotify-library-credit-info h3{font-size:clamp(27px,3vw,40px);letter-spacing:-.06em;line-height:1.05;margin:0 0 6px}
.spotify-library-credit-info p{margin:0 0 12px}
.spotify-library-credit-info span{display:inline-block;border:1px solid #747780;border-radius:40px;font-size:11px;padding:6px 10px}
.spotify-library-credit-info a{font-size:12px;color:inherit;font-weight:700;text-underline-offset:4px;white-space:nowrap}
.spotify-library-outro{grid-column:2;margin:0;font-size:13px;color:#50535a;line-height:1.5}
.spotify-library-outro a{color:inherit;text-underline-offset:4px}
@media(max-width:900px){.spotify-library{grid-template-columns:1fr}.spotify-library-copy{position:static}.spotify-library-outro{grid-column:1}.spotify-library-copy h2{font-size:clamp(48px,10vw,90px)}}
@media(max-width:480px){.spotify-library-panel-heading{flex-direction:column;gap:4px}.spotify-library-credit-info{align-items:flex-start;flex-direction:column}.spotify-library-credit-info a{padding:4px 0}.spotify-library-panel iframe{height:352px}.spotify-library-credits iframe{height:152px}}

/* Additional Spotify playlist within selected credits */
.spotify-playlist-feature{border-top:1px solid #a5a8af;margin-top:30px;padding-top:26px}
.spotify-playlist-feature>p{font-size:13px;line-height:1.6;color:#50535a;margin:0 0 18px}
.spotify-library-credits .spotify-playlist-feature iframe{display:block;width:100%;height:352px;margin-bottom:14px}
.spotify-playlist-feature>a{display:inline-block;font-size:13px;font-weight:700;color:inherit;text-underline-offset:4px}
@media(max-width:480px){.spotify-library-credits .spotify-playlist-feature iframe{height:352px}}

/* Unified selected songs panel */
.spotify-credits-heading{font-size:clamp(32px,4vw,54px);line-height:1;letter-spacing:-.06em;margin:0 0 10px}
.spotify-credits-description{font-size:14px;line-height:1.6;color:#50535a;margin:0 0 20px}
.spotify-library-credits>iframe{display:block;width:100%;height:430px;border:0;border-radius:10px}
.spotify-credits-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;margin-top:20px}
.spotify-credits-links a{color:inherit;font-size:13px;font-weight:700;text-underline-offset:4px}
@media(max-width:480px){.spotify-library-credits>iframe{height:380px}}


/* Shared alignment system for Spotify and discography */
.spotify-library,.discography{box-sizing:border-box;width:100%;padding-inline:clamp(20px,5vw,88px)}
.spotify-library *, .discography *{box-sizing:border-box}
.spotify-library{grid-template-columns:minmax(0,1fr);gap:clamp(24px,4vw,48px)}
.spotify-library-copy{position:static;display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.55fr);column-gap:clamp(24px,5vw,80px);align-items:end}
.spotify-library-copy>.eyebrow{grid-column:1/-1;margin:0 0 18px}
.spotify-library-copy h2{grid-column:1;grid-row:2;font-size:clamp(58px,9vw,136px);margin:0;line-height:.9}
.spotify-library-copy p{grid-column:2;grid-row:2;max-width:380px;margin:0;align-self:end}
.spotify-library-copy>a{grid-column:2;grid-row:3;justify-self:start;margin-top:16px}
.spotify-library-content{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.5vw,34px);align-items:stretch}
.spotify-library-panel{display:flex;flex-direction:column;min-width:0;min-height:0}
.spotify-library-panel iframe{width:100%;max-width:100%;display:block;border:0}
.spotify-library-panel:not(.spotify-library-credits)>iframe{height:430px}
.spotify-library-credits>iframe{height:430px;flex:1}
.spotify-library-outro{grid-column:1;margin:0}
.spotify-library-copy h2,.discography-intro h2{overflow-wrap:normal;word-break:normal}
@media(max-width:850px){.spotify-library-copy{grid-template-columns:1fr;gap:16px}.spotify-library-copy>.eyebrow,.spotify-library-copy h2,.spotify-library-copy p,.spotify-library-copy>a{grid-column:1;grid-row:auto;margin:0}.spotify-library-copy>a{margin-top:2px}.spotify-library-content{grid-template-columns:1fr}.spotify-library-panel:not(.spotify-library-credits)>iframe,.spotify-library-credits>iframe{height:380px}.spotify-library-copy h2{font-size:clamp(54px,11vw,100px)}}
@media(max-width:480px){.spotify-library,.discography{padding-inline:20px}.spotify-library-copy h2{font-size:clamp(49px,12vw,74px)}.spotify-library-panel:not(.spotify-library-credits)>iframe,.spotify-library-credits>iframe{height:352px}.spotify-library-panel{padding:18px}.spotify-library-content{gap:18px}}

/* Three featured records — horizontally scrollable gallery */
.discography .discography-release-list{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,calc((100% - 40px)/2.15));gap:20px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding-inline:2px;padding:12px 2px 24px;scrollbar-width:thin;scrollbar-color:#747780 transparent;border-top:1px solid #a5a8af}
.discography .discography-release{display:flex;flex-direction:column;align-items:stretch;gap:15px;min-width:0;padding:0 0 18px;border-bottom:1px solid #a5a8af;scroll-snap-align:start}
.discography .discography-cover{width:100%;aspect-ratio:16/10}
.discography .discography-release-info{flex:1}
.discography .discography-release-info h3{font-size:clamp(28px,3.2vw,44px)}
.discography .discography-play{align-self:flex-start;padding:8px 0}
.discography .discography-count{white-space:normal;text-align:right}
.discography .discography-release-list:focus-visible{outline:2px solid #50535a;outline-offset:3px}
@media(max-width:700px){.discography .discography-release-list{grid-auto-columns:minmax(245px,84%);gap:16px}.discography .discography-release{gap:12px}.discography .discography-cover{width:100%;aspect-ratio:16/10}.discography .discography-release-info h3{font-size:clamp(25px,7vw,34px)}.discography .discography-play{grid-column:auto;grid-row:auto}.discography .discography-count{font-size:9px;max-width:135px}}

/* Compact, quiet hero: let records and services lead */
.hero.hero-compact{min-height:0;height:auto;display:block;padding-top:clamp(25px,3vw,42px);padding-bottom:clamp(38px,5vw,70px)}
.hero.hero-compact::before{opacity:.1}
.hero.hero-compact .hero-main{padding:clamp(48px,7vw,95px) 0 0}
.hero.hero-compact h1{font-size:clamp(60px,10.2vw,150px);line-height:.9;letter-spacing:-.095em}
.hero.hero-compact h1 em{letter-spacing:-.09em}
.hero.hero-compact .hero-bottom{align-items:center;margin-top:clamp(25px,3vw,42px);gap:20px}
.hero.hero-compact .hero-bottom::before{display:none}
.hero.hero-compact .hero-bottom p{font-size:clamp(15px,1.5vw,19px);max-width:460px;line-height:1.5}
.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.hero-secondary-link{font-size:13px;font-weight:700;color:inherit;text-underline-offset:5px;white-space:nowrap}
.hero.hero-compact .cta-button{white-space:nowrap}
.discography{padding-top:clamp(75px,9vw,135px);padding-bottom:clamp(85px,9vw,140px)}
.services{padding-top:clamp(85px,9vw,140px);padding-bottom:clamp(95px,10vw,150px)}
.services .service{min-height:260px}
@media(max-width:700px){.hero.hero-compact{padding-top:22px;padding-bottom:44px}.hero.hero-compact .hero-main{padding:52px 0 0}.hero.hero-compact h1{font-size:clamp(52px,11vw,88px);overflow-wrap:anywhere}.hero.hero-compact .hero-bottom{align-items:flex-start;flex-direction:column;margin-top:26px}.hero-actions{gap:18px}.services .service{min-height:0}.discography{padding-top:75px;padding-bottom:85px}.services{padding-top:80px;padding-bottom:90px}}

/* Artist-first Spotify editorial layout */
.spotify-library{grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);align-items:start;column-gap:clamp(26px,5vw,78px)}
.spotify-library-copy{display:block;position:sticky;top:38px}
.spotify-library-copy>.eyebrow{display:block;margin-bottom:20px}
.spotify-library-copy h2{font-size:clamp(56px,6.5vw,112px);line-height:.9;margin:0 0 28px;overflow-wrap:anywhere}
.spotify-library-copy p{max-width:340px;margin:0 0 20px}
.spotify-library-copy>a{display:inline-block;margin:0}
.spotify-library-content{grid-template-columns:1fr;gap:22px}
.spotify-library-panel{min-height:0}
.spotify-library-artist{background:#f3f4f6;border-color:#747780}
.spotify-library-artist>iframe{height:430px}
.spotify-library-credits>iframe{height:352px;flex:none}
.spotify-library-outro{grid-column:2}
@media(max-width:900px){.spotify-library{grid-template-columns:1fr}.spotify-library-copy{position:static}.spotify-library-copy h2{font-size:clamp(58px,11vw,100px)}.spotify-library-outro{grid-column:1}}
@media(max-width:480px){.spotify-library-copy h2{font-size:clamp(52px,12vw,76px)}.spotify-library-artist>iframe,.spotify-library-credits>iframe{height:352px}}

/* Portfolio-first hierarchy: masthead is an introduction, not the centerpiece */
.hero.hero-masthead{padding-block:20px 34px;min-height:0;border-bottom:1px solid #c6c9d0;background:#f3f4f6}
.hero.hero-masthead::before{display:none}
.hero.hero-masthead .hero-top{align-items:center}
.hero.hero-masthead .hero-main{padding:34px 0 0;display:flex;justify-content:space-between;align-items:end;gap:36px}
.hero.hero-masthead .hero-masthead-copy{max-width:650px}
.hero.hero-masthead h1{font-size:clamp(32px,4.7vw,72px);letter-spacing:-.065em;line-height:1.02;font-weight:600}
.hero.hero-masthead h1 em{font-family:Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-.07em}
.hero.hero-masthead .hero-masthead-copy p{margin:16px 0 0;font-size:clamp(13px,1.3vw,16px);line-height:1.55;color:#50535a}
.hero-masthead-links{display:flex;flex-direction:column;gap:11px;flex:none;align-items:flex-start;padding-bottom:3px}
.hero-masthead-links a{font-size:13px;font-weight:700;color:inherit;text-underline-offset:5px}
.spotify-library{padding-top:clamp(80px,9vw,150px);padding-bottom:clamp(80px,9vw,130px)}
.spotify-library-artist{box-shadow:0 14px 35px rgba(29,56,39,.08)}
.discography{background:#e3e5e9}
.services{background:#f3f4f6}
@media(max-width:700px){.hero.hero-masthead{padding-block:17px 27px}.hero.hero-masthead .hero-main{display:block;padding-top:30px}.hero.hero-masthead h1{font-size:clamp(34px,8.3vw,58px)}.hero-masthead-links{margin-top:22px;flex-direction:row;flex-wrap:wrap;gap:12px 20px}.hero-masthead-links a{font-size:12px}.spotify-library{padding-top:72px;padding-bottom:78px}}

/* Social CTAs beneath the artist's Spotify profile */
.portfolio-social-cta{grid-column:1/-1;padding-top:clamp(18px,3vw,38px);border-top:1px solid #c6c9d0}
.portfolio-social-cta>.eyebrow{display:block;margin-bottom:18px}
.portfolio-social-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.portfolio-social-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 22px;border:1px solid #c6c9d0;background:#f3f4f6;color:#16181b;text-decoration:none;font-size:clamp(16px,2vw,24px);font-weight:600;letter-spacing:-.035em;transition:background .2s ease,transform .2s ease}
.portfolio-social-links a:hover,.portfolio-social-links a:focus-visible{background:#e3e5e9;transform:translateY(-2px)}
@media(max-width:600px){.portfolio-social-links{grid-template-columns:1fr;gap:8px}.portfolio-social-links a{padding:16px 18px}}
@media(prefers-reduced-motion:reduce){.portfolio-social-links a{transition:none}.portfolio-social-links a:hover{transform:none}}

/* Charcoal masthead with high-contrast editorial typography */
.hero.hero-masthead{background:#0b0c0e;color:#f3f4f6;border-bottom-color:#24262a}
.hero.hero-masthead .hero-top .eyebrow{color:#c6c9d0}
.hero.hero-masthead .hero-masthead-copy p{color:#c6c9d0}
.hero.hero-masthead h1,.hero.hero-masthead h1 em{color:#f3f4f6}
.hero.hero-masthead .hero-masthead-links a{color:#f3f4f6}
.hero.hero-masthead .hero-masthead-links a:hover,.hero.hero-masthead .hero-masthead-links a:focus-visible{color:#c6c9d0}

/* Futuristic green system: deep forest hero, mint surfaces and emerald accents */
.hero.hero-masthead{background:radial-gradient(ellipse at 85% 10%,#24262a 0%,#0b0c0e 55%,#0b0c0e 100%);border-bottom-color:#24262a}
.hero.hero-masthead .hero-masthead-links a:hover,.hero.hero-masthead .hero-masthead-links a:focus-visible{color:#c6c9d0}
.site-header{background:#e3e5e9}
.portfolio-social-links a{background:#f3f4f6;color:#16181b;border-color:#c6c9d0}
.portfolio-social-links a:hover,.portfolio-social-links a:focus-visible{background:#e3e5e9}

/* Blue × green hybrid: deep teal, cool cyan and forest green */
:root{--bg:#e3e5e9;--ink:#16181b;--muted:#50535a;--line:#c6c9d0;--accent:#e3e5e9;--deep:#24262a;--rust:#50535a}
body{background:var(--bg);color:var(--ink)}
.site-header{background:#e3e5e9;border-bottom-color:#c6c9d0}
.hero.hero-masthead{background:radial-gradient(ellipse at 88% 8%,#24262a 0%,#16181b 42%,#0b0c0e 78%,#0b0c0e 100%);color:#f3f4f6;border-bottom-color:#34363b}
.hero.hero-masthead h1,.hero.hero-masthead h1 em,.hero.hero-masthead .hero-masthead-links a{color:#f3f4f6}
.hero.hero-masthead .hero-top .eyebrow,.hero.hero-masthead .hero-masthead-copy p{color:#c6c9d0}
.hero.hero-masthead .hero-masthead-links a:hover,.hero.hero-masthead .hero-masthead-links a:focus-visible{color:#a5a8af}
.discography{background:#e3e5e9}
.services{background:#f3f4f6}
.portfolio-social-links a{background:#f3f4f6;color:#16181b;border-color:#c6c9d0}
.portfolio-social-links a:hover,.portfolio-social-links a:focus-visible{background:#e3e5e9}

/* Monochrome future: neutral graphite, silver, frost. No chromatic accents. */
:root{--bg:#f3f4f6;--ink:#16181b;--muted:#747780;--line:#c6c9d0;--accent:#e3e5e9;--deep:#24262a;--rust:#50535a}
body{background:var(--bg);color:var(--ink)}
.site-header{background:#f3f4f6;border-bottom-color:#c6c9d0}
.hero.hero-masthead{background:radial-gradient(ellipse at 80% 0%,#34363b 0%,#16181b 50%,#0b0c0e 100%);color:#f3f4f6;border-bottom-color:#50535a}
.hero.hero-masthead h1,.hero.hero-masthead h1 em,.hero.hero-masthead .hero-masthead-links a{color:#f3f4f6}
.hero.hero-masthead .hero-top .eyebrow,.hero.hero-masthead .hero-masthead-copy p{color:#c6c9d0}
.hero.hero-masthead .hero-masthead-links a:hover,.hero.hero-masthead .hero-masthead-links a:focus-visible{color:#ffffff}
.discography{background:#e3e5e9}
.services{background:#f3f4f6}
.portfolio-social-links a{background:#f3f4f6;color:#16181b;border-color:#c6c9d0}
.portfolio-social-links a:hover,.portfolio-social-links a:focus-visible{background:#e3e5e9}