/* HARI palette: charcoal, pearl, cool silver, restrained amber. No external assets. */
:root{color-scheme:dark;--bg:#131415;--text:#e9e7e2;--muted:#a6a6a7;--line:#ffffff20;--warm:#c6a98c;--max:1240px;font-family:Arial,Helvetica,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--warm);outline-offset:6px}::selection{background:#c6a98c;color:#131415}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400;line-height:1.08}p{margin-bottom:1.25rem}em{font-family:Georgia,'Times New Roman',serif;font-weight:400}.wrap{width:min(var(--max),calc(100% - 96px));margin-inline:auto}.muted{color:var(--muted)}.small{font-size:.875rem}.eyebrow{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase}.warm{color:var(--warm)}.site-header{display:flex;justify-content:space-between;align-items:center;padding-block:25px;border-bottom:1px solid var(--line)}.wordmark{font-size:1.7rem;font-weight:800;letter-spacing:-.075em;line-height:1}.mark-dot{color:var(--warm)}nav{display:flex;align-items:center;gap:32px;font-size:.875rem}nav a{color:#c5c5c5;transition:color .2s}nav a:hover{color:white}.nav-contact{border:1px solid #ffffff40;border-radius:2px;padding:9px 17px}.hero{padding-top:45px}.hero-eyebrow{display:flex;justify-content:space-between;color:var(--muted)}.hero-intro{display:grid;grid-template-columns:1.8fr 1fr;gap:50px;align-items:end;margin:36px 0 46px}h1{font-size:clamp(3.2rem,6.1vw,5.6rem);letter-spacing:-.06em;margin:0}h1 span{color:#bcbdbf}.hero-copy{padding:0 0 3px 28px;max-width:370px}.hero-copy p{line-height:1.55;margin-bottom:16px}.hero-copy .muted{font-size:.9375rem}.text-link{font-size:.875rem;border-bottom:1px solid #bba58e;padding-bottom:5px}.text-link:hover{color:var(--warm)}.reel{scroll-margin-top:24px}.reel-stage{isolation:isolate;position:relative;aspect-ratio:16/8.2;overflow:hidden;border:1px solid #ffffff26;background:radial-gradient(ellipse at 24% 95%,#9d715036,transparent 55%),radial-gradient(ellipse at 78% 9%,#bacbd72b,transparent 48%),linear-gradient(145deg,#24272b,#111214 65%);display:flex;align-items:center;justify-content:center;flex-direction:column}.reel-stage:before{content:'';position:absolute;inset:18px;border:1px solid #ffffff0c;pointer-events:none;z-index:-1}.stage-top,.stage-bottom{position:absolute;left:35px;right:35px;display:flex;justify-content:space-between;color:#b3b3b5;font-size:.75rem;letter-spacing:.13em;text-transform:uppercase}.stage-top{top:28px}.stage-bottom{bottom:27px;letter-spacing:.06em}.reel-wordmark{font-size:clamp(7rem,19vw,18rem);font-weight:800;line-height:.9;letter-spacing:-.085em;padding-right:.085em;background:linear-gradient(158deg,#f8eee0 4%,#999b9e 24%,#f4f3ee 43%,#8b939e 60%,#e9e5dc 77%,#a99a8d);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 14px 22px #0008)}.reel-action{margin-top:30px;min-height:40px}.reel-pending{display:inline-block;color:#c5c3bf;border:1px solid #ffffff26;border-radius:30px;padding:8px 18px;font-size:.8125rem;letter-spacing:.035em}.play-button{border:1px solid #ffffff50;border-radius:30px;background:#ebe7df;color:#1a1a1a;padding:11px 24px;cursor:pointer;align-items:center;gap:12px;font-size:.875rem}.play-button:not([hidden]){display:flex}.play-button:hover{background:white}.play-icon{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid currentColor}.reel-stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}.reel-caption{display:flex;justify-content:space-between;gap:20px;align-items:baseline;margin-top:18px}.reel-caption h2{font-size:.9375rem;line-height:1.5;margin:0}.reel-caption span,.reel-caption a{font-size:.8125rem;color:var(--muted)}.reel-caption a{text-decoration:underline}.genre-line{display:flex;justify-content:center;gap:35px;flex-wrap:wrap;color:#adadb0;font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;padding:35px 0 8px}.genre-line span+span:before{content:'·';margin-right:35px;color:var(--warm)}.section{padding-block:78px;border-bottom:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:46px}.section-heading .eyebrow{color:var(--muted)}.work-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:100px}.project-title{border-left:1px solid #baa18866;padding-left:32px}.project-title h2{font-size:clamp(3rem,5.4vw,4.9rem);letter-spacing:-.045em;line-height:1.03;margin:33px 0}.volume-row{display:flex;gap:10px}.volume-row span{border:1px solid var(--line);padding:6px 13px;color:#bbb;font-size:.75rem;letter-spacing:.08em}.project-copy{max-width:450px}.lead{font-size:1.5rem;line-height:1.4;letter-spacing:-.025em}.project-copy>p:not(.lead),.about-copy>p:not(.lead),.section-intro p{color:var(--muted)}.button{display:inline-block;padding:12px 23px;font-size:.875rem;border:1px solid #ffffff50;border-radius:2px;transition:background .2s}.button.light{background:#dfdcd5;color:#1a1b1c;margin-top:8px}.button.light:hover{background:#fff}.section-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:100px;align-items:center;margin-bottom:42px}.section-intro h2,.about h2{font-size:clamp(2.3rem,4vw,3.7rem);letter-spacing:-.045em;margin-bottom:0}.section-intro p{max-width:430px;margin-bottom:0}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);column-gap:38px}.services-grid article{border-top:1px solid var(--line);padding:23px 0 20px}.service-number{font-size:.75rem;color:var(--warm)}.services-grid h3{font-size:1.125rem;margin:17px 0 12px;line-height:1.3}.services-grid p{font-size:.9375rem;color:var(--muted);max-width:300px}.about{display:grid;grid-template-columns:1.15fr 1fr;gap:100px}.about h2{margin-top:30px}.about-copy p:last-child{margin-bottom:0}.contact{padding-block:28px 0}.contact-inner{padding:68px 40px 62px;text-align:center;background:radial-gradient(ellipse at 50% 105%,#a0785120,transparent 65%)}.contact h2{font-size:clamp(3.2rem,6vw,5.5rem);letter-spacing:-.045em;margin:25px 0}.contact-inner>p:not(.eyebrow){color:var(--muted)}.contact-email{font-size:clamp(1.1rem,2.3vw,1.8rem);letter-spacing:-.02em;display:inline-block;border-bottom:1px solid #c6a98c70;padding-bottom:8px;overflow-wrap:anywhere}.contact-email:hover{color:var(--warm)}.contact .contact-note{font-size:.75rem;letter-spacing:.04em;margin-top:28px}footer{padding-block:25px 30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}footer>span{font-size:.75rem;color:var(--muted)}.skip-link{position:fixed;top:10px;left:10px;z-index:10;background:var(--text);color:var(--bg);padding:10px;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
@media(min-width:1550px){.hero-intro{margin-block:45px 54px}}
@media(max-width:950px){.wrap{width:calc(100% - 56px)}.hero-intro{gap:28px;grid-template-columns:1.5fr 1fr}h1{font-size:clamp(3rem,6.7vw,4.5rem)}.hero-copy{padding-left:0}.work-grid,.section-intro,.about{gap:45px}.stage-top,.stage-bottom{left:25px;right:25px}.genre-line{gap:18px}.genre-line span+span:before{margin-right:18px}.services-grid{column-gap:25px}}
@media(max-width:650px){.wrap{width:calc(100% - 40px)}.site-header{padding-block:22px}nav{gap:19px;font-size:.8125rem}.nav-contact{padding:0;border:0}nav a[href='#about']{display:none}.hero{padding-top:30px}.hero-eyebrow{font-size:.625rem;letter-spacing:.08em;gap:20px}.hero-intro{grid-template-columns:1fr;margin:30px 0;gap:24px}h1{font-size:clamp(2.8rem,10vw,4.4rem)}.hero-copy{max-width:100%}.hero-copy p{margin-bottom:12px}.hero-copy .muted br{display:none}.reel-stage{aspect-ratio:16/11}.stage-top,.stage-bottom{left:18px;right:18px;font-size:.625rem;letter-spacing:.035em}.stage-top{top:18px}.stage-bottom{bottom:18px}.stage-bottom span:first-child{max-width:140px}.reel-wordmark{font-size:26vw}.reel-action{margin-top:20px}.reel-pending{font-size:.75rem;padding:5px 13px}.reel-caption{flex-direction:column;gap:6px}.genre-line{gap:13px;font-size:.625rem;padding-top:25px}.genre-line span+span:before{display:none}.section{padding-block:49px}.section-heading{margin-bottom:30px}.section-heading .small{display:none}.work-grid,.section-intro,.about{grid-template-columns:1fr;gap:30px}.project-title{padding-left:20px}.project-title h2{font-size:3.5rem;margin:24px 0}.project-title .eyebrow{font-size:.625rem}.project-copy{max-width:none}.services-grid{grid-template-columns:1fr 1fr;gap:0 22px}.services-grid h3{font-size:1rem}.services-grid p{font-size:.875rem}.section-intro{margin-bottom:30px;gap:22px}.about h2{margin-top:22px}.contact-inner{padding:42px 0}.contact h2{font-size:3.25rem}.contact-email{font-size:clamp(1rem,5vw,1.5rem)}footer{flex-wrap:wrap;gap:20px 12px}footer>span:nth-child(2){order:3;width:100%}footer>span:last-child{margin-left:auto}}
.brand-logo{display:block;flex-shrink:0;width:88px;line-height:0}
.brand-logo img{display:block;width:100%;height:auto;mix-blend-mode:screen}
@media(max-width:650px){.brand-logo{width:64px}}
/* Album-art direction: midnight space, parchment lettering, magenta and turquoise light.
   Keep the source covers intact so their original illustrated titles remain visible. */
:root{--bg:#10151e;--text:#f0e3cb;--muted:#b2b3bc;--line:#d5bd932b;--warm:#edbc84;--pink:#e28cbb;--cyan:#78cbd1}
body{background:radial-gradient(ellipse at 100% 15%,#28697c18,transparent 35%),radial-gradient(ellipse at 0% 45%,#972b6112,transparent 32%),var(--bg)}
h1 span{color:#e3cbb8}em{color:#e9c9b6}.mark-dot{color:var(--pink)}
.site-header{border-image:linear-gradient(90deg,#d6bd8c60,#cf498555,#5bc5d14d) 1}
.nav-contact{border-color:#d5bd9350}.nav-contact:hover{background:#d5bd9312}
.reel-stage{border-color:#cdb38955;background:radial-gradient(ellipse at 20% 100%,#d2695635,transparent 55%),radial-gradient(ellipse at 90% 10%,#32a2b43d,transparent 48%),radial-gradient(ellipse at 5% 15%,#ad397b30,transparent 55%),linear-gradient(145deg,#202331,#10151e 65%)}
.reel-stage:before{border-color:#e6c68f18}.reel-wordmark{background-image:linear-gradient(155deg,#fff0ce 3%,#c7b8bb 25%,#fff1d8 43%,#8bb7c9 61%,#eac5d5 76%,#edc18e)}
.stage-top,.stage-bottom{color:#c8c1bc}.reel-pending{color:#ecd9c3;border-color:#dbc19b4d;background:#10151e60}
.genre-line{color:#b8c4d1}.text-link{border-color:var(--pink)}
.project-title{border-color:var(--pink)}.project-title h2{color:#f1dbb1;text-shadow:2px 3px 0 #743555,4px 5px 0 #205766}
.project-title h2 em{color:inherit}.volume-row span{color:#e5d2b5;border-color:#d5bd9345}
.button.light,.play-button{background:#f0d8ad;color:#17202a;border-color:#f0d8ad}.button.light:hover,.play-button:hover{background:#ffeac9}
.services-grid article:nth-child(3n+1){border-top-color:#dba76b70}.services-grid article:nth-child(3n+2){border-top-color:#c96d9e70}.services-grid article:nth-child(3n+3){border-top-color:#69b6c570}
.contact-inner{background:radial-gradient(ellipse at 25% 100%,#b33b7820,transparent 60%),radial-gradient(ellipse at 80% 100%,#299fb51c,transparent 60%)}
.contact-email{border-color:var(--pink)}
.album-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:52px}
.album{display:block;min-width:0}.album img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border:1px solid #dcc19b55;box-shadow:0 12px 30px #0004;transition:transform .25s,border-color .25s}
.album:hover img{transform:translateY(-5px);border-color:var(--pink)}.album-caption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px 12px;padding-top:15px;font-size:.875rem}.album-caption strong{font-weight:400;color:#ead2b1}.album-caption>span{font-size:.75rem;color:var(--muted)}
@media(max-width:950px){.album-gallery{gap:17px}}
@media(max-width:650px){.album-gallery{grid-template-columns:1fr;gap:30px;margin-top:36px}.album-caption{padding-top:12px}.album img{box-shadow:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.album:hover img{transform:none}}

/* Local media: controls are native, keyboard-accessible and usable offline. */
.local-reel{aspect-ratio:16/9;background:#000}.local-reel video{display:block;width:100%;height:100%;object-fit:contain}

/* Solid black page background. */
:root{--bg:#000000}
html,body,.contact-inner{background:#000000}

/* Album artwork disclosure. */
footer{flex-wrap:wrap}footer .art-credit{flex-basis:100%;order:4;margin:0;color:var(--muted);font-size:.8125rem;line-height:1.5}