/* The supplied reference informs only this black, graphite and brass palette. */
:root{--bg:#030708;--panel:#080d0f;--panel2:#101619;--text:#e4e1d9;--muted:#a5aba8;--quiet:#89918e;--line:#35372e;--line-soft:#202723;--blue:#c8a45f;--cyan:#e1c486;--accent:#c7a05b;--green:#a8bd97;--hero-ink:#e6e2d9;--hero-accent:#d5b575;--studio-gold:202,165,96}
body{background:var(--bg);isolation:isolate}
.ambient-grid{opacity:.1;background:linear-gradient(#c5a36a08 1px,transparent 1px),linear-gradient(90deg,#c5a36a08 1px,transparent 1px);background-size:90px 90px}
body>#studio-backdrop{display:block;position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;contain:strict;opacity:.94}
body.modal-open>#studio-backdrop{opacity:.3}
@media(max-width:760px){body>#studio-backdrop{display:block;opacity:.84}}
.site-header{background:#030708ed;border-bottom-color:#b59c6330}
.brand small,.header-inner nav,.nav-search{color:#a6ada7}
.hero-shell{background:radial-gradient(ellipse at 79% 28%,#82622e12,transparent 48%),#030708b0}
.hero-shell::before{opacity:.35}
.hero h1{color:#e6e2d9}
.hero h1>span{color:#d0ad67;background:linear-gradient(100deg,#e5d6b5,#c49b50 90%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero .eyebrow,.hero-story,.hero-description a,.hero-credit-arrow,.hero-credit-word{color:#d0b377}
.hero-description{color:#b0b5b0}
.hero .eyebrow>span{background:#c8a45f}
.hero .eyebrow i,.hero-credit-caption{color:#92998e}
.primary,.hero-actions .primary,.sequence-controls .primary{background:linear-gradient(115deg,#d3b271,#b99149);border:1px solid #e2c08080;color:#11140f;box-shadow:inset 0 1px 0 #f8e9c140,0 6px 24px #0003}
.primary:hover,.hero-actions .primary:hover{background:linear-gradient(115deg,#e1c48a,#c6a05b);box-shadow:0 8px 30px #bd98401a}
.secondary,.contact-link,.icon-btn{background:#090f10;border-color:#a58b4c55;color:#d2d2c6}
.secondary:hover,.contact-link:hover,.icon-btn:hover{background:#161a16;border-color:#d3b16b90;color:#f3e3bd}
.skill-ribbon{border-color:#a8915b33}.ribbon-skill{color:#a7b0a4}.ribbon-skill:hover{color:#e5c789}
.milestones{background:#070c0bc4;border-color:#98865738}
.milestone{border-color:#98865738!important}
.milestone strong,.metric-description b{color:#dfded1}.milestone strong>span,.award-milestone strong em{color:#ceb176}
.metric-index,.metric-description{color:#a0aaa0}.milestone:hover strong{color:#edd6a7}
.work-console{background:#070c0e;border-color:#a08a573d;box-shadow:0 24px 90px #0004}
.disciplines{background:linear-gradient(155deg,#070c0e,#030707);border-color:#a08a573d}
.discipline{color:#b3b9af;border-color:#b6a06e1c}.discipline.active{background:#a88a4c12;color:#d9bd85}
.discipline::after{background:radial-gradient(ellipse at 0 50%,#ab87432b,transparent 90%)}
.discipline.active .disc-number,.disc-number,.disc-title small{color:#a4ad9b}
.disc-count,.active .disc-count{background:#a78c4710;border-color:#b398543d;color:#cfc3a2}
.preview-panel{background:radial-gradient(ellipse at 100% 0,#b58a4310,transparent 65%)}
.preview-window{background:#070c0e;border-color:#bd9d5840}
.window-bar,.window-bottom{background:#0a1011;border-color:#b89d602a;color:#a5ac9d}
.window-path,.stage-sub,.detail-artist,.detail-description{color:#b4bdb4}
.credit-chip,.craft-tools>span,.craft-roles>span{background:#bca2640a;border-color:#c5a66d35;color:#cbcbb8}
.mini-work.active,.mini-work:hover{border-color:#caaa66a0}.mini-work>span:last-child{color:#a6afa1}
.craft-panel,.contact-card,.archive-dialog,.media-dialog,.small-dialog,.listening-room{background:#080e10;border-color:#af955842}
.craft-top,.dialog-head,.listening-top{background:#0a1112;border-color:#b69c5d2b}
.craft-panel [role=tab][aria-selected=true],.filter-pills button.active{background:#b69b5420;color:#e0c48b;border-color:#c5a46380}
.craft-description,.about-story p,.contact-section>div>p,.contact-card>p{color:#aeb8af}
.about-story h3,.contact-section h2{color:#e3dfd4}
.archive-card{background:#0b1112;border-color:#ac955831}.archive-card:hover{border-color:#c5a56880}
.archive-count-bar,.archive-role,.archive-sub{color:#a6b0a4}
.search-field,.archive-sort{background:#060b0d;border-color:#b69b5540}
.chapter-dock{background:#080e0feF;border-color:#b79a5555;box-shadow:0 12px 45px #0009}
.chapter-dock button.active{background:#b99a5426;color:#e6ce9c}
.footer{border-color:#a48d5033}.footer p{color:#89998c}
.instrument-heading{border-color:#bda46a44}.instrument-heading .micro,#scene-cycle{color:#b4bbac}
.practice-instrument{--focus-tint:207,178,116}
.instrument-body{background:linear-gradient(130deg,#0a1010c0,#050a0c80);border-color:#b29c6335}
.practice-focus-tabs{border-color:#aa955b33}
.practice-focus-tabs>button{color:#a3aea3}.practice-focus-tabs>button[aria-selected=true]{color:#e0c891;border-bottom-color:#c5a15d}
.focus-title-line h2{color:#dedccf}.focus-title-line>button{color:#d2b87c}.focus-skills{color:#a5b0a3}
.field-coordinate,.field-hint,.field-reset{color:#a49b7c}
.studio-bottom{border-color:#b29c632b}.listening-trigger{color:#d4c7a3}
.field-reset{min-height:32px;min-width:32px}
.sound-control{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:8px 11px;border:1px solid #b69b5440;border-radius:5px;color:#bfc6b8;background:#0a1010;font-size:11px;white-space:nowrap}
.sound-control:hover{border-color:#d1b16a;color:#eddbb4}
.sound-control[aria-pressed=true]{border-color:#caa66380;color:#e2c888;background:#b49a5012}
.sound-bars{display:flex;gap:3px;align-items:center;height:16px;width:17px}
.sound-bars i{width:2px;height:5px;background:currentColor;transform-origin:center}
.sound-bars i:nth-child(2){height:13px}.sound-bars i:nth-child(3){height:9px}.sound-bars i:nth-child(4){height:6px}
.sound-control.is-playing .sound-bars i{animation:studio-level .9s ease-in-out infinite alternate}
.sound-control.is-playing .sound-bars i:nth-child(2){animation-delay:-.4s}.sound-control.is-playing .sound-bars i:nth-child(3){animation-delay:-.6s}
.studio-scan-surface{position:relative}
.studio-scan-layer{position:absolute;inset:0;z-index:8;overflow:hidden;border-radius:inherit;pointer-events:none;contain:paint}
.studio-scan-layer::after{content:'';position:absolute;inset:0;opacity:0;transform:translateX(-120%);background:linear-gradient(100deg,transparent 20%,#d9bd7810 47%,#eddaac70 50%,#d9bd7814 52%,transparent 72%);will-change:transform}
.is-scanning>.studio-scan-layer::after{animation:studio-scan .44s cubic-bezier(.22,.7,.25,1) both}
.hero .button,.craft-work-link,.contact-link,.listening-trigger{transition:color .18s,background .18s,border-color .18s,transform .18s}
.hero .button:hover,.contact-link:hover{transform:translateY(-2px)}
@keyframes studio-scan{0%{opacity:0;transform:translateX(-110%)}15%{opacity:.8}85%{opacity:.6}100%{opacity:0;transform:translateX(110%)}}
@keyframes studio-level{from{transform:scaleY(.4)}to{transform:scaleY(1)}}
/* Lift the live sculpture above the long biography and proof on phones. */
@media(max-width:760px){
 .header-inner{gap:10px}.header-actions{gap:8px}.sound-control{min-width:38px;padding:8px 9px}.sound-control>span:last-child{display:none}
 .brand{gap:10px}.brand>span:last-child{font-size:9px;letter-spacing:1.4px}
 .header-actions .contact-link{padding:8px 10px;font-size:10px;gap:7px}
 .hero-copy{display:contents}
 .hero-copy>*{order:4;width:calc(100% - 40px);max-width:none;margin-inline:auto}
 .hero-copy>.eyebrow{order:1;margin-block:22px 11px}
 .hero-copy>h1{order:2;margin-block:0 10px;font-size:clamp(31px,7.7vw,44px);line-height:1.08;letter-spacing:-1.4px}
 .practice-instrument{order:3;width:calc(100% - 40px);margin:3px auto 20px}
 .instrument-heading{padding-block:8px;min-height:31px}
 .field-surface{height:205px;margin:0}
 .field-coordinate-a{top:12px;font-size:7px}.field-coordinate-b{font-size:6px}
 .field-hint{bottom:8px;font-size:6px;letter-spacing:.7px}
 .instrument-body{min-height:0;padding:0}
 .practice-focus-tabs{flex-wrap:nowrap;gap:0}
 .practice-focus-tabs>button{padding:10px 0;min-height:40px;font-size:11px}
 #focus-content{min-height:75px;padding-block:11px 4px}
 .focus-title-line{gap:8px}.focus-title-line h2{font-size:18px}.focus-title-line>button{font-size:10px}
 .focus-skills{font-size:11px;line-height:1.5;gap:3px 11px;margin-top:7px}
 .studio-bottom{margin-top:0;padding-top:9px}.listening-trigger{min-height:35px;font-size:12px}
 .hero-copy>.hero-description{margin-block:0 14px;font-size:14px;line-height:1.75}
 .hero-copy>.hero-actions{margin-block:0 18px;gap:18px}
 .hero-copy>.skill-ribbon{margin-block:0 8px}
 .hero-copy>.hero-credit-signature{margin-block:0 22px}
 .hero-shell>.milestones{order:5}
 .milestone{min-height:119px}
 .hero h1>br:nth-of-type(2){display:initial}.hero h1>span::before{content:none}
 .work-section{padding-top:30px}
 .hero-shell{background:radial-gradient(ellipse at 70% 26%,#9674370f,transparent 40%),#030708b0}
 .chapter-dock{background:#080e0ff5}
}
@media(max-width:390px){.hero-copy>h1{font-size:32px}.field-surface{height:190px}.hero-actions .button{padding-inline:13px}.hero-story{font-size:10px}.focus-title-line h2{font-size:17px}.focus-skills{font-size:10px}}
@media(max-width:360px){.brand>span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){.studio-scan-layer{display:none}.sound-bars i{animation:none!important}}
html.still .studio-scan-layer{display:none}

/* September 8-2: the complete collection is always one clear action away. */
.work-browser-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;border-bottom:1px solid #b89d6038;background:#090f10;flex-shrink:0}
.work-collection{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px;margin:0;min-width:0}
.work-collection strong{font-size:18px;line-height:1.3;font-weight:500;color:#ebe5d9}
.work-collection>span{font-size:13px;color:#c7b789;white-space:nowrap}
.browse-all{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:44px;padding:10px 15px;border:1px solid #c9a86488;border-radius:5px;background:#c7a66018;color:#eed8ab;font-size:13px;white-space:nowrap;flex-shrink:0;transition:background .18s,border-color .18s}
.browse-all:hover{background:#c7a66030;border-color:#debf7c}
.window-index{display:none}
.window-bar>#focus-toggle{margin-left:auto}
.window-bottom{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:14px 18px 12px}
.stage-pagination{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;width:100%}
.work-step{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;width:100%;max-width:180px;border:1px solid #bca36960;border-radius:5px;padding:10px 14px;background:#c6a56212;color:#e7d9ba;font-size:13px;font-weight:500;line-height:1.2;white-space:nowrap;transition:background .18s,border-color .18s}
#next-work{justify-self:end}
.work-step>span{font-size:20px;line-height:1}
.work-step:hover{background:#c6a5622b;border-color:#d4b575}
.work-step:disabled{opacity:.4;cursor:default}
.work-position{font-size:13px;line-height:1.5;color:#e2dac8;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:center}
.window-bottom>#stage-caption{max-width:none;font-size:8px;line-height:1.5;letter-spacing:.8px;text-align:center;color:#a6afa1}
.selection-heading{flex-wrap:wrap}
#open-archive{padding:7px 12px;border:1px solid #bca36960;border-radius:5px;background:#c6a56212;color:#e7d9ba;font-size:12px;min-height:44px;white-space:nowrap}
#open-archive:hover{background:#c6a5622b;border-color:#d4b575}
.browse-all:focus-visible,.work-step:focus-visible,#open-archive:focus-visible{outline:2px solid #e1be73;outline-offset:3px}
.preview-window.focused .work-browser-bar,.preview-window.focused .window-bottom{flex-shrink:0}
@media(max-width:760px){
 .work-browser-bar{padding:12px;gap:10px}
 .work-collection{flex-direction:column;align-items:flex-start;gap:3px}
 .work-collection strong{font-size:16px}.work-collection>span{font-size:12px}
 .browse-all{font-size:12px;padding:10px 12px;gap:9px}
 .window-bottom{padding:12px;gap:10px}
 .stage-pagination{gap:10px}
 .work-step{min-height:46px;font-size:12px;padding:10px 9px;gap:8px}
 .work-position{font-size:12px}
 .window-bottom>#stage-caption{font-size:7px;letter-spacing:.5px}
 .selection-heading .micro{font-size:8px;line-height:1.5}
 #open-archive{font-size:11px;padding-inline:10px}
 .media-navigation{display:grid;grid-template-columns:1fr 1fr;gap:10px}
 #media-position{grid-column:1/-1;grid-row:1;text-align:center}
 .media-navigation .button{justify-content:center;min-height:44px}
}
@media(max-width:360px){.stage-pagination{gap:7px}.work-step{gap:5px;padding-inline:7px}.work-step>span{font-size:17px}}