:root{font-family:Arial,Helvetica,sans-serif;color:#232824;background:#e9e3d6;font-synthesis:none;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}button,a{font:inherit}a{color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #b45c43;outline-offset:4px}.skip-link{position:absolute;left:10px;top:-70px;z-index:100;background:#fff;padding:12px}.skip-link:focus{top:10px}.site-header{height:100px;padding:0 clamp(24px,4.4vw,78px);display:flex;align-items:center;gap:50px;border-bottom:1px solid #c9c1af}.wordmark{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:250px}.mark{font-family:Georgia,serif;font-size:47px;letter-spacing:-.15em;line-height:1}.mark-dot{color:#af4e36}.wordmark-text{font-size:10px;line-height:1.13;letter-spacing:.18em;font-weight:800}.site-header nav{display:flex;gap:38px;margin:auto}.site-header nav a{font-size:12px;font-weight:700;text-decoration:none;letter-spacing:.06em}.site-header nav a:hover,footer a:hover{color:#ae533b}.header-note{font-size:10px;letter-spacing:.15em;font-weight:700;white-space:nowrap}.hero{min-height:675px;display:grid;grid-template-columns:55% 45%;border-bottom:1px solid #c9c1af}.hero-left{display:flex;flex-direction:column;padding:clamp(65px,7vw,115px) 5vw 38px clamp(24px,6.7vw,112px)}.eyebrow,.section-index{font-size:10px;letter-spacing:.19em;font-weight:800}.eyebrow{display:flex;align-items:center;gap:12px}.eyebrow .line{height:1px;width:32px;background:#ad563d}.hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.075em;font-size:clamp(72px,8.2vw,140px);line-height:.91;margin:47px 0 35px;white-space:nowrap}.hero h1 em,.work-heading h2 em,.profile-main h2 em,.contact-card h2 em{font-weight:400;color:#a84d37}.hero-description{max-width:485px;font-size:17px;line-height:1.6;margin:0 0 34px;color:#55564c}.primary-cta{align-self:flex-start;display:inline-flex;align-items:center;gap:55px;background:#ad533c;color:#fff;padding:18px 20px;text-decoration:none;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.12em;transition:background .2s,transform .2s}.primary-cta:hover{background:#853b2b;transform:translateY(-2px)}.primary-cta span{font-size:20px;line-height:0}.hero-foot{display:flex;gap:30px;margin-top:auto;padding-top:42px;font-size:9px;font-weight:800;letter-spacing:.14em;color:#706f63;flex-wrap:wrap}.hero-art{min-height:675px;position:relative;overflow:hidden;background:#b95137;color:#eadbc5;padding:28px 35px;isolation:isolate}.hero-art:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 3px,#411d1410 4px 5px);pointer-events:none}.art-top,.art-bottom{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:flex-start;font-size:10px;letter-spacing:.18em;line-height:1.5;font-weight:800}.art-top span:last-child{text-align:right}.record-wrap{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:min(35vw,505px);aspect-ratio:1}.record{width:100%;height:100%;border-radius:50%;position:relative;background:repeating-radial-gradient(circle at center,#1d2623 0 2px,#28332d 3px 4px,#131c19 5px 8px);box-shadow:0 22px 35px #48241c77,inset 0 0 0 5px #202822,0 0 0 16px #e7cda020;animation:spin 35s linear infinite}.record:after{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 200deg,transparent 0 43%,#ffffff10 48%,transparent 54% 90%,#ffffff14 94%,transparent 100%)}.record-label{position:absolute;width:29%;aspect-ratio:1;top:35.5%;left:35.5%;z-index:1;border-radius:50%;background:#d7b478;color:#2b342c;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;font-size:clamp(8px,1vw,14px);font-weight:900;text-align:center;letter-spacing:.14em;border:5px solid #a3543d;outline:2px solid #d7b478}.record-label:after{content:"";width:7px;height:7px;background:#252c25;border-radius:50%;position:absolute;top:calc(50% - 3px);left:calc(50% - 3px)}.record-label span:last-child{font-size:8px;margin-top:20px}.art-bottom{position:absolute;bottom:30px;left:35px;right:35px;align-items:end}.vertical-label{position:absolute;right:16px;top:50%;writing-mode:vertical-rl;transform:translateY(-50%);font-size:8px;font-weight:800;letter-spacing:.2em}.work-section{padding:70px clamp(24px,6.7vw,112px) 90px;background:#f4f0e7}.section-top{display:flex;align-items:center;gap:24px}.section-top .section-rule{height:1px;flex:1;background:#c8beb0}.section-side{font-size:9px;letter-spacing:.15em;font-weight:800;color:#8e887a}.work-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin:20px 0 40px}.work-heading h2,.profile-main h2,.contact-card h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.065em;line-height:1.04}.work-heading h2{font-size:clamp(48px,5.2vw,82px);margin:0 0 14px}.work-heading p{max-width:650px;color:#6d6b61;line-height:1.6;font-size:14px;margin:0}.filter-list{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:flex-end}.filter{border:1px solid #c8c1b4;background:transparent;padding:10px 14px;text-transform:uppercase;font-size:9px;letter-spacing:.13em;font-weight:800;color:#55594c}.filter:hover{background:#e8e0d2}.filter.active{background:#26352c;border-color:#26352c;color:#fff}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.project-card{min-width:0}.project-card[hidden]{display:none}.project-art{height:clamp(250px,26vw,395px);position:relative;overflow:hidden;padding:21px;color:#fff}.art-one{background:#485c51}.art-two{background:#bd8860}.art-three{background:#524f67}.art-stamp{position:relative;z-index:2;font-size:10px;font-weight:800;letter-spacing:.15em}.art-caption{position:absolute;left:25px;bottom:28px;z-index:2;font-family:Georgia,serif;font-size:clamp(25px,2.8vw,46px);line-height:.98;letter-spacing:-.04em}.placeholder-tag{position:absolute;right:19px;bottom:20px;z-index:3;font-size:8px;letter-spacing:.13em;writing-mode:vertical-rl;font-weight:800}.wave{height:150px;position:absolute;top:30%;left:-20%;right:-20%;transform:rotate(-14deg);background:repeating-linear-gradient(90deg,transparent 0 5px,#c4c8a7 6px 8px,transparent 9px 12px);clip-path:polygon(0 48%,8% 45%,15% 52%,22% 20%,29% 65%,35% 12%,43% 78%,49% 28%,54% 70%,61% 38%,69% 56%,74% 21%,81% 72%,88% 42%,100% 49%,100% 53%,88% 58%,81% 89%,74% 38%,69% 70%,61% 56%,54% 83%,49% 42%,43% 90%,35% 27%,29% 80%,22% 33%,15% 64%,8% 57%,0 53%)}.circle-echo{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);width:65%;aspect-ratio:1;border:1px solid #f0d5b4;border-radius:50%;box-shadow:0 0 0 26px #bd8860,0 0 0 27px #f0d5b4,0 0 0 55px #bd8860,0 0 0 56px #f0d5b4,0 0 0 84px #bd8860,0 0 0 85px #f0d5b4}.strings{position:absolute;inset:0;transform:rotate(-23deg) scale(1.5);background:repeating-linear-gradient(0deg,transparent 0 22px,#e4c5aa 23px 24px,transparent 25px 33px)}.strings:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 110px,#e8c9b185 111px 113px,transparent 114px 160px)}.project-info{border-top:1px solid #c4beb2;margin-top:17px;padding-top:16px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.project-category{font-size:9px;font-weight:800;letter-spacing:.18em;color:#ab553b}.project-info h3{font-family:Georgia,serif;font-size:29px;font-weight:400;letter-spacing:-.04em;margin:8px 0 9px}.project-info p{font-size:12px;line-height:1.5;color:#696b60;margin:0;max-width:300px}.detail-link{border:0;background:none;padding:4px 0;white-space:nowrap;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #383b32}.detail-link:hover{color:#ab553b;border-color:#ab553b}.work-footnote{font-size:11px;color:#827d71;margin:35px 0 0}.work-footnote span{color:#ab553b;font-size:16px;vertical-align:middle;margin-right:5px}.profile-section{display:grid;grid-template-columns:1.4fr 1fr;background:#26372f;color:#f4efdf}.profile-main{padding:75px clamp(24px,6.7vw,112px) 65px}.profile-main h2{font-size:clamp(46px,5.1vw,80px);margin:45px 0 23px}.profile-main h2 em{color:#d59372}.profile-main p{font-size:15px;line-height:1.7;color:#c6cdbd;max-width:580px}.service-row{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:65px}.service-row span{border-top:1px solid #788478;padding-top:15px;font-size:10px;color:#d49272;display:flex;gap:10px;align-items:baseline}.service-row b{font-size:12px;color:#e9eee0;font-weight:500}.contact-card{background:#a84e38;padding:75px clamp(24px,5vw,75px) 65px;position:relative}.contact-card h2{font-size:clamp(60px,7vw,110px);margin:60px 0 24px}.contact-card h2 em{color:#ecc4a5}.contact-card>p{line-height:1.6;font-size:15px;max-width:400px}.contact-placeholder{border-top:1px solid #e1ad91;border-bottom:1px solid #e1ad91;padding:17px 0;margin-top:40px}.contact-placeholder span{display:block;font-size:9px;letter-spacing:.15em;margin-bottom:9px;color:#f5d2bb}.contact-placeholder strong{font-family:Georgia,serif;font-weight:400;font-size:21px}.contact-card .contact-note{font-size:11px;color:#f5d2bb;margin-top:12px}footer{background:#1f2d26;color:#d2d3c5;padding:32px clamp(24px,6.7vw,112px);display:flex;justify-content:space-between;gap:18px;font-size:9px;letter-spacing:.14em;font-weight:800}footer a{text-decoration:none}footer span span{color:#d79573}dialog{width:min(510px,calc(100vw - 30px));border:1px solid #c9bba9;background:#f4f0e7;color:#26342d;box-shadow:0 35px 90px #101d1799;padding:42px}dialog::backdrop{background:#17261eaa}.dialog-close{position:absolute;top:10px;right:17px;border:0;background:none;font-size:33px;color:#344238}dialog h2{font:normal 42px/1.1 Georgia,serif;letter-spacing:-.05em;margin:26px 0 15px}dialog p{line-height:1.6;color:#575e52}.dialog-note{background:#e8dfd0;padding:17px;font-size:13px;line-height:1.5;margin-top:25px}dialog .section-index{color:#a84e38}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.record{animation:none}.primary-cta{transition:none}}
@media(max-width:1100px){.site-header{gap:10px}.wordmark{min-width:180px}.header-note{display:none}.hero{grid-template-columns:56% 44%}.hero h1{font-size:clamp(64px,7.4vw,100px)}.hero-art{min-height:590px}.hero{min-height:590px}.record-wrap{width:39vw}.work-heading{display:block}.filter-list{justify-content:flex-start;margin-top:22px}.profile-section{grid-template-columns:1.2fr 1fr}.profile-main{padding-right:35px}.service-row{grid-template-columns:1fr;gap:8px;margin-top:35px}.service-row span{padding-top:8px}}
@media(max-width:760px){.site-header{height:75px;padding:0 20px}.mark{font-size:39px}.wordmark{min-width:auto}.wordmark-text{font-size:8px}.site-header nav{gap:15px;margin-left:auto}.site-header nav a{font-size:10px}.site-header nav a:nth-child(2){display:none}.hero{display:flex;flex-direction:column}.hero-left{min-height:590px;padding:57px 22px 26px}.hero h1{font-size:clamp(66px,13vw,102px);margin:65px 0 28px}.hero-description{font-size:16px}.hero-foot{gap:16px;font-size:8px}.hero-art{min-height:530px}.record-wrap{width:min(75vw,440px)}.work-section{padding:55px 22px 65px}.work-heading h2{font-size:52px}.project-grid{grid-template-columns:1fr;gap:35px}.project-art{height:330px}.art-caption{font-size:39px}.profile-section{display:block}.profile-main{padding:65px 22px}.profile-main h2{font-size:55px}.contact-card{padding:65px 22px}.contact-card h2{font-size:83px}footer{padding:30px 22px;flex-wrap:wrap}footer>span:nth-child(2){display:none}}
@media(max-width:390px){.site-header nav{gap:9px}.hero h1{font-size:61px}.hero-foot span{max-width:90px}.record-wrap{width:82vw}.work-heading h2,.profile-main h2{font-size:47px}}
/* Portfolio playlist and verified role summary */
.work-count{font-size:9px;font-weight:800;letter-spacing:.17em;color:#a9533d;white-space:nowrap;padding-bottom:6px}
.playlist-feature{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);background:#e3dccd;min-height:490px;border:1px solid #c8bfb0}
.playlist-art{position:relative;overflow:hidden;background:#a6513b;color:#f0dfc7;padding:27px;min-height:490px;isolation:isolate}
.playlist-art:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 5px,#51241814 6px 7px);pointer-events:none}
.playlist-art-top,.playlist-art-bottom{position:relative;z-index:2;font-size:10px;font-weight:800;letter-spacing:.17em;line-height:1.5}
.playlist-art-bottom{position:absolute;bottom:28px;left:27px}
.playlist-disc{position:absolute;width:min(34vw,430px);aspect-ratio:1;left:52%;top:48%;transform:translate(-50%,-50%);border-radius:50%;background:repeating-radial-gradient(circle,#202a26 0 3px,#354038 4px 5px,#1b2622 6px 10px);box-shadow:0 25px 36px #51292088,0 0 0 12px #e9cdb122}
.playlist-disc:after{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(transparent 0 30%,#fff2 35%,transparent 42% 86%,#fff2 92%,transparent 100%)}
.playlist-disc-center{position:absolute;z-index:2;inset:35%;background:#cfac78;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;font:36px Georgia,serif;letter-spacing:-.12em;color:#34392b;border:6px solid #b2573c}
.playlist-disc-center span{font:17px Georgia,serif;letter-spacing:0}
.playlist-content{padding:clamp(30px,5vw,73px);display:flex;flex-direction:column;align-items:flex-start}
.playlist-content h3{font:normal clamp(55px,6vw,90px)/.92 Georgia,serif;letter-spacing:-.07em;margin:36px 0 21px}
.playlist-content h3 em{color:#a54e37;font-weight:400}
.playlist-content>p{font-size:14px;color:#5e6258;line-height:1.6;max-width:450px;margin:0 0 25px}
.embed-shell{width:100%;border-top:1px solid #b9b0a0;border-bottom:1px solid #b9b0a0;padding:18px 0;margin:auto 0 15px}
.embed-shell iframe{display:block;border:0;border-radius:10px;background:#262f29}
.spotify-load{background:#26362c;color:#fff;border:0;padding:17px 21px;display:inline-flex;gap:24px;align-items:center;text-transform:uppercase;font-size:10px;letter-spacing:.13em;font-weight:800}
.spotify-load:hover{background:#465e4b}
.embed-shell p{font-size:11px;color:#79796b;margin:11px 0 0}
.spotify-link{font-size:10px;font-weight:800;letter-spacing:.13em;text-decoration:none;border-bottom:1px solid #a9543d;padding-bottom:5px;text-transform:uppercase}
.spotify-link:hover{color:#a9543d}
.credits-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin:58px 0 20px}
.credits-heading p{font-size:12px;color:#777769;margin:0}
.credits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.credit-card{background:#e8e2d6;border-top:2px solid #a6543d;padding:24px 24px 31px;min-height:285px;display:flex;flex-direction:column}
.credit-number{font-size:9px;color:#9e513d;font-weight:800;letter-spacing:.14em}
.credit-card h3{font:normal clamp(27px,2.9vw,43px)/1.04 Georgia,serif;letter-spacing:-.05em;margin:24px 0 14px}
.credit-card p{font-size:12px;line-height:1.55;color:#5d6459;margin:auto 0 0}
@media(max-width:1100px){.playlist-disc{width:min(37vw,400px)}.playlist-content{padding:35px}.playlist-content h3{font-size:65px}.work-count{display:none}}
@media(max-width:760px){.playlist-feature{grid-template-columns:1fr}.playlist-art{min-height:365px}.playlist-disc{width:min(75vw,330px)}.playlist-content{padding:35px 23px}.playlist-content h3{font-size:62px;margin:25px 0 17px}.embed-shell{margin:0 0 20px}.credits-grid{grid-template-columns:1fr;gap:11px}.credit-card{min-height:200px}.credit-card h3{font-size:39px}.credits-heading{display:block}.credits-heading p{margin-top:8px}}
/* Profile and direct contact */
@media(min-width:1101px){.service-row{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:19px}}
.contact-placeholder a{display:inline-block;color:inherit;font:normal 21px Georgia,serif;text-decoration:none;overflow-wrap:anywhere;border-bottom:1px solid #f0d2bc;padding-bottom:4px}
.contact-placeholder a:hover{color:#fff7e6;border-bottom-color:#fff7e6}
/* Subtle translucent layers */
.site-header{position:sticky;top:0;z-index:30;background:rgba(233,227,214,.88);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 8px 26px rgba(45,44,34,.05)}
section[id],aside[id]{scroll-margin-top:100px}
.work-section{background:radial-gradient(circle at 88% 20%,rgba(169,80,59,.09),transparent 34%),radial-gradient(circle at 7% 73%,rgba(66,101,77,.10),transparent 40%),#f4f0e7}
.playlist-feature{background:linear-gradient(125deg,#ded5c5,#ede6d9)}
.playlist-content{background:rgba(255,251,243,.43);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.credit-card{background:rgba(255,255,255,.37);border:1px solid rgba(135,126,107,.30);border-top:2px solid #a6543d;box-shadow:0 12px 28px rgba(54,55,40,.045)}
.profile-main{background:radial-gradient(circle at 18% 24%,rgba(255,255,255,.055),transparent 52%)}
.contact-placeholder{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.36);padding:18px 20px;margin-top:36px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
@media(max-width:760px){.site-header{background:rgba(233,227,214,.93)}section[id],aside[id]{scroll-margin-top:76px}}
/* Warmer, slightly darker overall palette */
:root{background:#ded5c6;color:#202821}
.site-header{background:rgba(222,213,198,.90);border-bottom-color:#b8ac9a}
.hero-art{background:#a84833}
.work-section{background:radial-gradient(circle at 88% 20%,rgba(150,67,45,.10),transparent 34%),radial-gradient(circle at 7% 73%,rgba(49,79,58,.11),transparent 40%),#e7dfd1}
.section-top .section-rule{background:#b4a998}
.section-side,.work-heading p,.credits-heading p,.work-footnote{color:#555a4f}
.playlist-feature{background:linear-gradient(125deg,#cabda9,#dcd0bf);border-color:#b2a590}
.playlist-content{background:rgba(240,232,218,.48)}
.playlist-content>p,.embed-shell p{color:#4d584d}
.credit-card{background:rgba(244,237,226,.42);border-color:rgba(101,95,78,.34);border-top-color:#954630}
.credit-card p{color:#4e594e}
.profile-section{background:#203027}
.contact-card{background:#944431}
footer{background:#1a2921}
@media(max-width:760px){.site-header{background:rgba(222,213,198,.94)}}
/* Studio photography and compact gallery */
.hero-art{background:linear-gradient(120deg,rgba(100,39,28,.86),rgba(146,56,35,.70)),url('./images/studio-02090.webp') center/cover}
.studio-gallery{margin-top:78px;padding-top:45px;border-top:1px solid #b4a998;scroll-margin-top:105px}
.gallery-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:28px}
.gallery-heading h2{font:normal clamp(47px,5vw,76px)/1 Georgia,serif;letter-spacing:-.065em;margin:17px 0 10px}
.gallery-heading h2 em{font-weight:400;color:#a84d37}
.gallery-heading p{color:#555a4f;font-size:14px;line-height:1.5;margin:0}
.gallery-count{font-size:9px;letter-spacing:.16em;color:#7c6f60;font-weight:800;white-space:nowrap}
.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,208px);gap:12px}
.gallery-item{display:block;position:relative;overflow:hidden;width:100%;height:100%;padding:0;border:0;background:#3a4a40;text-align:left;color:#fff}
.gallery-feature{grid-column:span 2;grid-row:span 2}
.gallery-item img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.84) contrast(1.04) brightness(1.05);transition:transform .35s ease,filter .35s ease}
.gallery-item:nth-child(2) img{object-position:center 38%}
.gallery-item:hover img,.gallery-item:focus-visible img{transform:scale(1.04);filter:saturate(1) contrast(1.03) brightness(1.12)}
.gallery-item:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(17,28,21,.68));pointer-events:none}
.gallery-caption{position:absolute;z-index:1;bottom:16px;left:18px;right:18px;display:flex;justify-content:space-between;align-items:end;font-family:Georgia,serif;font-size:20px;letter-spacing:-.03em;text-shadow:0 1px 7px #17271dcc}
.gallery-feature .gallery-caption{font-size:31px;bottom:22px;left:24px;right:24px}
.gallery-caption span{font:18px Arial,sans-serif}
.gallery-dialog{width:min(1120px,calc(100vw - 30px));max-width:none;max-height:calc(100vh - 30px);padding:0;border:1px solid #6b725e;background:#1a2921;color:#f4efdf;overflow:hidden}
.gallery-modal{position:relative;display:flex;flex-direction:column;align-items:stretch}
.gallery-modal img{display:block;max-width:100%;height:auto;max-height:calc(100vh - 120px);object-fit:contain;align-self:center}
.gallery-close{position:absolute;z-index:2;right:12px;top:10px;border:0;background:rgba(25,38,31,.78);color:#fff;width:41px;height:41px;border-radius:50%;font-size:27px;line-height:1}
.gallery-modal-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 18px;min-height:63px}
.gallery-modal-footer p{margin:0;color:#e4ddce;font-size:13px}
.gallery-modal-footer div{display:flex;gap:8px}
.gallery-modal-footer button{border:1px solid #728074;background:transparent;color:#fff;width:38px;height:36px;font-size:18px}
.gallery-modal-footer button:hover{background:#3c5344}
@media(max-width:900px){.gallery-grid{grid-template-rows:repeat(2,170px)}}
@media(max-width:760px){.studio-gallery{margin-top:60px;padding-top:34px}.gallery-heading{display:block}.gallery-count{display:block;margin-top:18px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:150px;gap:8px}.gallery-feature{grid-column:span 2;grid-row:span 2}.gallery-caption{font-size:16px;bottom:10px;left:10px;right:10px}.gallery-feature .gallery-caption{font-size:25px}.gallery-modal img{max-height:calc(100vh - 105px)}}
@media(prefers-reduced-motion:reduce){.gallery-item img{transition:none}}
.hero-art .art-top,.hero-art .art-bottom{text-shadow:0 2px 8px rgba(26,19,15,.72)}
/* Warmer film tones; the studio remains visible behind the record */
.hero-art{background:linear-gradient(180deg,rgba(20,30,24,.62) 0%,rgba(35,40,31,.10) 43%,rgba(33,30,22,.42) 100%),linear-gradient(90deg,rgba(132,69,43,.23),rgba(118,55,35,.10)),url('./images/studio-02090.webp') center/cover}
.record-wrap{left:79%;top:68%;width:min(24vw,340px);opacity:.74}
.record{box-shadow:0 18px 28px rgba(34,28,23,.45),inset 0 0 0 5px #202822,0 0 0 9px rgba(231,205,160,.16)}
.gallery-item img{filter:grayscale(1) sepia(.24) contrast(1.12) brightness(.97)}
.gallery-item:hover img,.gallery-item:focus-visible img{filter:grayscale(.82) sepia(.27) contrast(1.12) brightness(1.05)}
.gallery-item:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(135deg,rgba(184,119,67,.12),rgba(36,31,26,.12));mix-blend-mode:soft-light;pointer-events:none}
.gallery-item:after{z-index:1}
.gallery-caption{z-index:2}
.gallery-modal img{filter:grayscale(1) sepia(.24) contrast(1.12) brightness(.97)}
@media(max-width:760px){.record-wrap{left:77%;top:67%;width:min(54vw,260px)}}
/* The monogram anchors the studio photo; the record now lives with the music. */
.hero-monogram{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);font:normal clamp(82px,9vw,132px)/1 Georgia,serif;letter-spacing:-.15em;color:#f4eadb;white-space:nowrap;text-shadow:0 7px 22px rgba(19,27,20,.85),0 1px 2px rgba(19,27,20,.85)}
.hero-monogram span{color:#df9974;letter-spacing:0}
.playlist-art .record-wrap{left:50%;top:50%;width:min(30vw,390px);opacity:1}
.playlist-art .record{box-shadow:0 22px 35px rgba(47,30,22,.64),inset 0 0 0 5px #202822,0 0 0 13px rgba(231,205,160,.20)}
@media(max-width:760px){.hero-monogram{font-size:clamp(85px,24vw,118px)}.playlist-art .record-wrap{left:50%;top:50%;width:min(72vw,330px)}}
.profile-main .band-role{border-left:2px solid #d59372;padding:5px 0 5px 18px;margin:24px 0 0;color:#e5e5d7;font-size:16px}
.band-role strong{display:block;color:#d59372;font:800 11px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.16em;margin-bottom:7px}
/* Music roles and an email draft tailored to the visitor's inquiry. */
.music-roles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;margin-top:27px;max-width:680px}
.profile-main .music-roles .band-role{margin:0;padding:9px 0 9px 16px;font-size:15px;line-height:1.55}
.music-roles .band-role:last-child{grid-column:1/-1}
.profile-main .service-row{margin-top:42px}
.contact-form{display:grid;gap:10px;margin-top:30px;max-width:440px}
.contact-form label{font-size:14px;font-weight:700;letter-spacing:.03em;margin-top:10px}
.contact-form label span{font-weight:400;color:#f2ccb7}
.contact-form select,.contact-form textarea{width:100%;border:1px solid rgba(255,244,224,.56);border-radius:0;background:rgba(36,44,34,.22);color:#fff8ec;padding:13px 15px;font:16px/1.4 Arial,Helvetica,sans-serif;min-height:50px}
.contact-form select{appearance:auto;font-family:Georgia,'Times New Roman',serif;font-size:18px;line-height:1.3;letter-spacing:-.015em}
.contact-form select option{color:#232824;background:#f3eadc;font-family:Georgia,'Times New Roman',serif;font-size:18px}
.contact-form textarea{resize:vertical;min-height:105px}
.contact-form textarea::placeholder{color:#f0c9b4}
.contact-form select:focus-visible,.contact-form textarea:focus-visible,.contact-form button:focus-visible{outline:3px solid #f7d8aa;outline-offset:3px}
.contact-form button{margin-top:9px;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;border:0;background:#223a2e;color:#fff8ec;padding:16px 18px;font-size:13px;font-weight:800;letter-spacing:.04em;line-height:1.4}
.contact-form button:hover{background:#172c22}
.contact-form button span{font-size:22px;line-height:1}
.contact-form .contact-help{margin:0;color:#f7d9c5;font-size:13px;line-height:1.5}
.contact-card .contact-placeholder{margin-top:24px}
@media(max-width:1100px){.music-roles{grid-template-columns:1fr}.music-roles .band-role:last-child{grid-column:auto}}
/* The profile leads; the gallery closes the page as its own section. */
.studio-gallery{margin-top:0;padding:68px clamp(24px,6.7vw,112px) 90px;background:#ded5c6;border-top:1px solid #b4a998}
@media(max-width:760px){.site-header nav a:nth-child(2){display:inline}.site-header nav a:nth-child(3){display:none}.studio-gallery{margin-top:0;padding:52px 22px 65px}}
/* Full-width profile; contact follows the gallery at the end of the page. */
.profile-section{display:block}
.profile-main{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:clamp(40px,6vw,110px);padding:80px clamp(24px,6.7vw,112px) 75px}
.profile-main>.section-index{grid-column:1;grid-row:1}
.profile-main>h2{grid-column:1;grid-row:2}
.profile-main>p{grid-column:1;grid-row:3}
.profile-main .music-roles{grid-column:2;grid-row:1/4;max-width:none;margin-top:0;grid-template-columns:repeat(2,minmax(0,1fr))}
.profile-main .service-row{grid-column:1/-1;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin-top:58px}
.contact-card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:clamp(48px,7vw,130px);padding:75px clamp(24px,6.7vw,112px) 85px}
.contact-card>.section-index{grid-column:1;grid-row:1}
.contact-card h2{grid-column:1;grid-row:2;margin:48px 0 24px}
.contact-card>p{grid-column:1;grid-row:3}
.contact-card .contact-placeholder{grid-column:1;grid-row:4;align-self:start;max-width:460px;margin-top:34px}
.contact-card .contact-form{grid-column:2;grid-row:1/5;margin-top:0;max-width:560px;width:100%}

@media(max-width:1100px){.profile-main .music-roles{grid-template-columns:1fr}.profile-main .service-row{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.profile-main,.contact-card{display:block}.profile-main .music-roles{margin-top:28px}.profile-main .service-row{margin-top:40px}.contact-card .contact-form{margin-top:30px}.contact-card h2{margin:52px 0 24px}}
@media(max-width:760px){.profile-main{padding:65px 22px}.contact-card{padding:65px 22px}.profile-main .service-row{grid-template-columns:1fr}}

/* Charcoal, warm beige and brighter vintage red. */
:root{background:#111316;color:#e6d5bc}
.skip-link{background:#e6d5bc;color:#111316}
button:focus-visible,a:focus-visible{outline-color:#ffc09f}
.site-header{background:rgba(17,19,22,.92);border-bottom-color:#3f4448;box-shadow:0 8px 30px rgba(0,0,0,.17)}
.site-header nav a:hover,footer a:hover{color:#f2987d}
.mark-dot,.header-note span{color:#ec7866}
.hero{border-bottom-color:#3f4448}
.eyebrow .line{background:#de6857}
.hero h1 em,.work-heading h2 em,.gallery-heading h2 em{color:#f08a73}
.hero-description{color:#d1c2ad}
.primary-cta{background:#df6a5d;color:#1b1717}
.primary-cta:hover{background:#e77567}
.hero-foot{color:#c4b49e}
.hero-art{background:linear-gradient(180deg,rgba(10,13,16,.78) 0%,rgba(48,18,30,.17) 46%,rgba(10,13,16,.76) 100%),linear-gradient(100deg,rgba(54,18,32,.36),rgba(17,20,23,.24)),url('./images/studio-02090.webp') center/cover;color:#e6d5bc}
.hero-art:before{background:repeating-linear-gradient(90deg,transparent 0 3px,rgba(166,74,91,.05) 4px 5px)}
.hero-monogram{color:#e6d5bc;text-shadow:0 8px 28px rgba(0,0,0,.88)}
.hero-monogram span{color:#ef9179}
.profile-section{background:#1c2023}
.profile-main{background:radial-gradient(circle at 18% 12%,rgba(148,40,65,.13),transparent 45%)}
.profile-main h2 em{color:#f08a73}
.profile-main p,.profile-main .band-role{color:#d9c9b3}
.profile-main .band-role{border-left-color:#d1665b}
.band-role strong{color:#f4a38b}
.service-row span{border-top-color:#484b4e;color:#ef9179}
.service-row b{color:#e6d5bc}
.work-section{background:radial-gradient(circle at 84% 12%,rgba(194,61,65,.18),transparent 38%),radial-gradient(circle at 10% 82%,rgba(140,110,99,.06),transparent 44%),#15181b}
.section-top .section-rule{background:#45494c}
.section-side,.work-heading p,.credits-heading p,.work-footnote,.gallery-count{color:#cab8a0}
.work-count,.credit-number{color:#f6a58a}
.playlist-feature{background:#23272a;border-color:#525458}
.playlist-art{background:radial-gradient(circle at 42% 42%,#a84a45,#672e32 78%);color:#ead6be}
.playlist-art:before{background:repeating-linear-gradient(90deg,transparent 0 5px,rgba(179,74,91,.06) 6px 7px)}
.record{background:repeating-radial-gradient(circle at center,#12161a 0 2px,#282d31 3px 4px,#0c1013 5px 8px);box-shadow:0 18px 30px rgba(0,0,0,.52),inset 0 0 0 5px #171b1e,0 0 0 9px rgba(234,222,211,.12)}
.playlist-art .record{box-shadow:0 22px 35px rgba(0,0,0,.53),inset 0 0 0 5px #171b1e,0 0 0 13px rgba(234,222,211,.13)}
.record-label{background:#e7d5bc;color:#282629;border-color:#d65e54;outline-color:#e7d5bc}
.record-label:after{background:#282629}
.playlist-content{background:rgba(31,35,38,.68)}
.playlist-content>p,.embed-shell p{color:#d7c5ad}
.playlist-content h3 em{color:#f4a18a}
.embed-shell{border-color:#55565a}
.spotify-load{background:#df6a5d;color:#1b1717}
.spotify-load:hover{background:#e77567}
.spotify-link{border-bottom-color:#f08a73}
.spotify-link:hover{color:#fcb49d}
.credit-card{background:rgba(37,41,44,.86);border-color:#4a4e51;border-top-color:#e16d5e;box-shadow:0 16px 35px rgba(0,0,0,.14)}
.credit-card p{color:#d4c2aa}
.studio-gallery{background:#111316;border-top-color:#45484c}
.gallery-heading p{color:#d0bea5}
.gallery-item{background:#23272a;color:#f4e1c5}
.gallery-item img,.gallery-modal img{filter:grayscale(.95) sepia(.05) contrast(1.1) brightness(.85)}
.gallery-item:hover img,.gallery-item:focus-visible img{filter:grayscale(.72) sepia(.07) contrast(1.1) brightness(.98)}
.gallery-item:before{background:linear-gradient(135deg,rgba(211,72,69,.27),rgba(14,19,22,.18))}
.gallery-item:after{background:linear-gradient(transparent,rgba(8,11,14,.82))}
.gallery-dialog{background:#15191c;border-color:#4a4e51;color:#e6d5bc}
.gallery-close,.gallery-modal-footer button{color:#f4e1c5}
.gallery-modal-footer p{color:#d5c5af}
.gallery-modal-footer button{border-color:#67696c}
.gallery-modal-footer button:hover{background:#572b3a}
.contact-card{background:radial-gradient(circle at 15% 16%,rgba(239,111,85,.22),transparent 45%),#8a393b;color:#f0ddc5}
.contact-card h2 em{color:#f7c7ae}
.contact-form label span,.contact-form .contact-help,.contact-placeholder span{color:#efd0b9}
.contact-form select,.contact-form textarea{background:rgba(11,15,18,.42);border-color:#f0b19c;color:#f6e8d5}
.contact-form select option{background:#e6d5bc;color:#1d2022}
.contact-form textarea::placeholder{color:#e9c1ac}
.contact-form button{background:#ebd9c1;color:#232124}
.contact-form button:hover{background:#f5e4cc}
.contact-placeholder{background:rgba(13,17,20,.24);border-color:#e6a48d}
.contact-placeholder a{border-bottom-color:#f1ccb3}
.contact-placeholder a:hover{color:#fff0dc;border-bottom-color:#fff0dc}
footer{background:#0c0e10;color:#d0bea6}
footer span span{color:#ef9179}
@media(max-width:760px){.site-header{background:rgba(17,19,22,.96)}}

/* Selected releases: original cover art can replace each typographic preview. */
.releases-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.release-card{display:flex;flex-direction:column;min-width:0;padding:0 0 18px;border-bottom:1px solid #626064}
.release-art{aspect-ratio:1;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(18px,2vw,30px);isolation:isolate;border:1px solid rgba(240,210,186,.24);box-shadow:0 22px 42px rgba(0,0,0,.21);color:#f2e4ce}
.release-art:before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(250,222,194,.045) 4px 5px);mix-blend-mode:screen}
.release-art:after{content:"";position:absolute;inset:12px;border:1px solid rgba(246,216,188,.35);pointer-events:none}
.release-hadzen{background:radial-gradient(circle at 75% 25%,rgba(243,120,98,.43),transparent 35%),radial-gradient(circle at 25% 75%,#9d3c42,#231c27 76%)}
.release-blacktane{background:radial-gradient(circle at 88% 9%,rgba(242,149,104,.42),transparent 39%),repeating-linear-gradient(155deg,transparent 0 33px,rgba(232,105,80,.07) 34px 36px),#352328}
.release-amptray{background:radial-gradient(circle at 65% 27%,rgba(243,132,95,.55),transparent 38%),linear-gradient(145deg,#a6504d,#47313d 59%,#25262d)}
.release-art-top,.release-art-bottom{font-size:9px;font-weight:800;letter-spacing:.18em;line-height:1.4}
.release-art-top{align-self:flex-start;border-bottom:1px solid rgba(244,224,204,.66);padding-bottom:7px}
.release-art-bottom{align-self:flex-end;color:#f3cdb6}
.release-art strong{font:normal clamp(32px,3.8vw,58px)/.95 Georgia,'Times New Roman',serif;letter-spacing:-.075em;overflow-wrap:anywhere}
.release-art strong em{font-weight:400;color:#f4b097}
.release-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:24px 0 11px;color:#f4a18b;font-size:9px;font-weight:800;letter-spacing:.12em}
.release-meta span:last-child{color:#d9c8af;text-align:right}
.release-card h3{font:normal clamp(29px,2.6vw,41px)/1.1 Georgia,'Times New Roman',serif;letter-spacing:-.045em;margin:0 0 12px;color:#f1dfc6}
.release-card>p{color:#ccbea9;font-size:14px;line-height:1.65;margin:0 0 20px}
.release-link,.release-pending{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;align-self:flex-start;margin-top:auto;padding:11px 0;border-bottom:1px solid #ed8c75;color:#f5c1a8;font-size:11px;font-weight:800;letter-spacing:.09em;text-decoration:none;text-transform:uppercase}
.release-link:hover{color:#fff0d9;border-bottom-color:#fff0d9}
.release-link span{font-size:17px;line-height:0}
.release-pending{color:#a99e92;border-bottom-color:#68605b}
.additional-credit{display:flex;gap:24px;margin:40px 0 0;padding:21px 0 0;border-top:1px solid #49494b;color:#d2c1aa;font-size:13px;line-height:1.5}
.additional-credit span{color:#f2a68e;font-size:9px;letter-spacing:.14em;font-weight:800;white-space:nowrap;margin-top:3px}
@media(max-width:1000px){.releases-grid{gap:15px}.release-art{padding:18px}.release-art strong{font-size:clamp(31px,4vw,45px)}}
@media(max-width:760px){.releases-grid{grid-template-columns:1fr;gap:42px}.release-art{max-width:520px;width:100%;padding:24px}.release-art strong{font-size:clamp(43px,10vw,66px)}.release-card>p{max-width:520px}.additional-credit{display:block}.additional-credit span{display:block;margin-bottom:9px}}

/* Original release artwork is shown without a color filter or text overlay. */
.release-art{padding:0}
.release-art:before,.release-art:after{content:none}
.release-art img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}

/* Legal pages and persistent footer links. */
footer nav{display:flex;gap:24px;align-items:center}
footer nav a[aria-current="page"]{color:#f4a18b}
.legal-page{background:#111316;color:#e6d5bc}
.legal-main{min-height:calc(100vh - 170px);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(36px,7vw,120px);padding:clamp(65px,7vw,110px) clamp(24px,6.7vw,112px) 120px}
.legal-intro{align-self:start;position:sticky;top:155px}
.legal-intro .section-index,.legal-number{color:#f4a18b;font-size:10px;font-weight:800;letter-spacing:.17em}
.legal-intro h1{font:normal clamp(62px,7vw,112px)/.98 Georgia,'Times New Roman',serif;letter-spacing:-.075em;margin:34px 0 25px}
.legal-intro h1 span{color:#f08a73}
.legal-intro p{font-size:15px;line-height:1.65;max-width:380px;color:#cfbea9}
.legal-content{max-width:690px}
.legal-content section{border-top:1px solid #4c4b4d;padding:25px 0 36px}
.legal-content h2{font:normal clamp(28px,3vw,39px)/1.15 Georgia,'Times New Roman',serif;letter-spacing:-.045em;margin:16px 0 15px}
.legal-content p,.legal-content address{font-style:normal;font-size:15px;line-height:1.75;color:#d6c5af;margin:0;max-width:610px}
.legal-content a{color:#f4b29a;text-underline-offset:4px;overflow-wrap:anywhere}
.legal-content a:hover{color:#fff0d9}
@media(max-width:900px){.legal-main{display:block}.legal-intro{position:static;margin-bottom:60px}.legal-content{max-width:none}}
@media(max-width:760px){footer nav{gap:14px;order:3;width:100%}.legal-main{padding:60px 22px 85px}.legal-intro h1{font-size:68px}}
.legal-content p+p{margin-top:14px}
.privacy-main .legal-intro h1{font-size:clamp(44px,4.8vw,72px)}
@media(max-width:760px){.privacy-main .legal-intro h1{font-size:clamp(43px,9vw,68px)}}

/* A second beat in the profile connects audio, media and IT experience. */
.profile-main .profile-story{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(35px,6vw,100px);border-top:1px solid #484b4e;margin-top:52px;padding-top:44px}
.profile-story .section-index{color:#f4a18b}
.profile-story h3{font:normal clamp(42px,4.5vw,70px)/1.02 Georgia,'Times New Roman',serif;letter-spacing:-.065em;margin:24px 0 0;color:#e6d5bc}
.profile-story h3 em{color:#f08a73;font-weight:400}
.profile-main .profile-story p{max-width:730px;margin:0 0 20px;color:#d9c9b3;font-size:16px;line-height:1.72}
@media(max-width:900px){.profile-main .profile-story{grid-template-columns:1fr;gap:25px;margin-top:40px}.profile-story h3{margin-top:20px}}
@media(max-width:760px){.profile-main .profile-story{padding-top:36px}.profile-story h3{font-size:52px}.profile-main .profile-story p{font-size:15px}}