@import url('https://fonts.googleapis.com/css2?family=Syne:wght@600;700;800&family=Bodoni+Moda:ital,wght@1,600&display=swap');
:root{--display:'Syne','DM Sans',sans-serif}h2,.release-copy h3,.credit-type{font-family:var(--display);letter-spacing:-.055em}.display-name{font-family:var(--display);font-weight:800;font-size:clamp(78px,14.6vw,235px);letter-spacing:-.075em;line-height:1.15;text-transform:uppercase;padding-top:22px}.credit-type{font-weight:700;line-height:1.04}.section-title h2,.companies h2,.performances h2{font-size:clamp(44px,6.5vw,90px);font-weight:600}.contact h2{font:600 clamp(42px,5.7vw,87px)/1.02 var(--display)}.contact h2 em{font-family:'Bodoni Moda','Cormorant Garamond',serif;font-weight:600;font-size:1.13em;letter-spacing:-.045em}.release-copy h3{font-size:clamp(35px,4.4vw,65px);font-weight:600}.coming-soon h2{font-size:clamp(40px,6.7vw,95px);font-weight:600}.coming-soon h2 em{font-family:'Bodoni Moda','Cormorant Garamond',serif}.hero-stage{position:relative;display:block;height:clamp(670px,67vw,940px);isolation:isolate;max-width:1400px;margin:25px auto 0}.hero-piano{position:absolute;left:25%;top:6%;width:50%;z-index:2}.hero-piano img{transform:none;width:100%;height:auto}.hero-piano figcaption{font-size:11px;text-align:center}.hero-explore{position:absolute;bottom:0;left:50%;transform:translateX(-50%);margin:0;z-index:40}.collage-object{position:absolute;display:block;border:0;padding:0;margin:0;background:transparent;color:var(--ink);line-height:0;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;transform:rotate(var(--rotation,0deg));filter:drop-shadow(0 9px 9px #30261d24);z-index:3}.collage-object:focus-visible{outline:2px dotted var(--rust);outline-offset:8px}.collage-object img{pointer-events:none;user-select:none;-webkit-user-drag:none;width:100%;height:auto;max-width:none}.object-visual{display:block;position:relative;pointer-events:none}.is-dragging{cursor:grabbing!important;transition:none!important}.object-certificate{left:81%;top:3%;width:16%;--rotation:8deg;z-index:1}.object-score{left:0;top:28%;width:25%;--rotation:-13deg;z-index:1}.object-score .object-visual{aspect-ratio:2740/2070;overflow:hidden}.object-score img{position:absolute;width:182.5%;left:-41.5%;top:-36.14%}.object-trumpet{left:7%;top:1%;width:9%;--rotation:22deg;z-index:4}.object-trumpet .object-visual{aspect-ratio:203/654;overflow:hidden}.object-trumpet img{position:absolute;width:252.22%;left:-74.38%;top:-4.59%}.object-piano{left:74%;top:54%;width:26%;--rotation:-5deg;z-index:5}.object-glasses{left:63%;top:83%;width:24%;--rotation:-9deg;z-index:6}.object-folder{left:36%;top:80%;width:12%;--rotation:7deg;z-index:5}.object-watch{left:6%;top:61%;width:19%;--rotation:-14deg;z-index:5;container-type:inline-size}.watch-screen{position:absolute;left:31.7%;top:38.7%;width:32.6%;height:15.4%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#141713eb;font-family:'Courier New',monospace;font-weight:700;font-variant-numeric:tabular-nums;pointer-events:none;text-shadow:0 0 .3px currentColor;line-height:1}.watch-meta{width:82%;display:flex;justify-content:space-between;align-items:center;margin-bottom:6%;font-size:3.2cqw;line-height:1;letter-spacing:.04em}.watch-time{display:flex;align-items:baseline;justify-content:center;line-height:.88;letter-spacing:-.09em;white-space:nowrap}#watchHourMinute{font-size:10cqw}#watchSeconds{margin-left:.08em;font-size:5cqw;letter-spacing:-.05em}.watch-period{position:absolute;left:7%;bottom:18%;font-size:2.3cqw;letter-spacing:.04em}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.shortcut-window{position:fixed;left:calc(50% - 220px);top:18vh;width:440px;max-width:calc(100vw - 28px);max-height:78vh;overflow:auto;background:#e9dfc9f5;backdrop-filter:blur(16px);border:1px solid #685946;box-shadow:12px 18px 0 #30261d20,0 20px 65px #30261d35;z-index:120;padding:0 22px 24px;animation:folder-open .2s ease-out}.shortcut-window[hidden]{display:none}.window-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);cursor:grab;touch-action:none;user-select:none;font-size:12px;letter-spacing:.08em}.window-close{border:0;background:none;font-size:26px;line-height:1;padding:5px}.shortcut-window h2{font:500 12px 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:.12em;margin:22px 0 18px}.shortcut-files{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 15px}.shortcut-files a{display:flex;align-items:center;text-align:center;flex-direction:column;gap:8px;font-size:12px;line-height:1.3}.file-icon{display:block;width:26px;height:33px;border:1px solid #685946;background:linear-gradient(135deg,transparent 7px,#f6efdd 0);clip-path:polygon(0 0,70% 0,100% 25%,100% 100%,0 100%)}.shortcut-files a:hover{color:var(--rust)}@keyframes folder-open{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}.catalog-scope{position:absolute;inset:20px;width:calc(100% - 40px);height:calc(100% - 40px);pointer-events:none;z-index:2}.catalog-preview-toggle{position:absolute;bottom:25px;left:25px;z-index:3;border:1px solid var(--bg);border-radius:20px;background:var(--green);color:var(--bg);padding:8px 14px;font-size:12px}.release-cover:hover img{box-shadow:16px 20px 0 #253e31}.logo-item img{transition:transform .25s}.logo-item:hover img{transform:translateY(-3px)}
@media(max-width:900px){.hero-stage{height:700px}.hero-piano{top:10%}.object-certificate{top:3%}.object-score{top:31%}.object-piano{top:55%}.object-glasses{top:80%}.object-folder{top:75%}.object-watch{top:63%}.object-trumpet{top:9%}}
@media(max-width:600px){.display-name{font-size:14.3vw;line-height:1.3;letter-spacing:-.075em}.hero-stage{height:740px;margin-top:15px}.hero-piano{left:8%;top:155px;width:84%}.hero-piano figcaption{font-size:10px}.object-certificate{left:72%;top:20px;width:24%;--rotation:8deg}.object-score{left:5%;top:28px;width:45%;--rotation:-9deg}.object-trumpet{left:0;top:235px;width:12%;--rotation:-12deg;z-index:4}.object-piano{left:62%;top:485px;width:38%;--rotation:-7deg}.object-watch{left:1%;top:475px;width:33%;--rotation:-13deg}.object-folder{left:39%;top:550px;width:24%;--rotation:6deg}.object-glasses{left:52%;top:630px;width:45%;--rotation:-12deg}.hero-explore{bottom:5px}.shortcut-window{left:14px;top:15vh;width:calc(100vw - 28px);max-height:74vh;padding:0 18px 20px}.contact h2{font-size:42px}.contact h2 em{font-size:1.05em}.credit-type{font-size:24px}.intro{padding-top:40px}.section-title h2,.companies h2,.performances h2{font-size:44px}}
@media(prefers-reduced-motion:reduce){.shortcut-window,.collage-object{animation:none;transition:none}}

.preview-credit{margin-top:22px}.preview-credit p{font-size:12px;line-height:1.5;margin-bottom:10px}.itunes-badge{display:inline-block}.itunes-badge img{width:110px;height:40px;object-fit:contain}.catalog-scope[hidden]{display:none}.catalog-preview-toggle{min-height:38px}.catalog-scope{background:#10211628}

.link-symbol{display:inline-block;width:.95em;height:.95em;margin-left:.3em;vertical-align:-.1em;background-color:currentColor;-webkit-mask:url("/objects/link-symbol.png") center/contain no-repeat;mask:url("/objects/link-symbol.png") center/contain no-repeat}.credit-open .link-symbol{width:15px;height:15px;margin:0}.reel-card-label .link-symbol{display:inline-block;font:inherit;margin-top:0;letter-spacing:0}

.object-drumsticks{left:37%;top:0;width:22%;--rotation:-12deg;z-index:5}
@media(max-width:600px){.object-drumsticks{left:40%;top:105px;width:40%}}

.object-drumsticks .object-visual{position:relative;display:block}
.object-drumsticks .drumstick-brand{position:absolute;width:27%;height:auto;pointer-events:none;transform:translate(-50%,-50%) rotate(32deg) scaleY(.4);transform-origin:center;mix-blend-mode:multiply}
.object-drumsticks .brand-first{left:56.6%;top:54%}
.object-drumsticks .brand-second{left:53%;top:63.7%}
/* Quiet cue-sheet details appear only inside the existing project dialog. */
.placement-dialog{width:min(900px,94vw)}
.placement-dialog .dialog-layout{grid-template-columns:minmax(130px,.55fr) minmax(0,1fr);align-items:center}
.placement-dialog .dialog-layout>img{max-height:285px;width:100%;object-fit:contain}
.placement-dialog .dialog-layout h2{font-size:clamp(27px,3.5vw,42px);overflow-wrap:anywhere}
.placement-dialog .project-platform{font-size:12px;letter-spacing:.05em}
.placement-notes{margin-top:32px;padding-top:22px;border-top:1px solid var(--line)}
.placement-notes h3{font:500 11px/1.5 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:.14em;margin-bottom:12px}
.placement-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:12px;line-height:1.5}
.placement-table caption{caption-side:bottom;text-align:left;font-size:10px;opacity:.65;padding-top:12px}
.placement-table th,.placement-table td{padding:11px 12px 11px 0;border-bottom:1px solid #b9ab9155;text-align:left;vertical-align:top;overflow-wrap:anywhere;font-weight:400}
.placement-table thead th{font-size:9px;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--line)}
.placement-table th:first-child{width:51%}.placement-table th:nth-child(2){width:32%}.placement-table th:last-child{width:17%}
.placement-table td:last-child,.placement-table th:last-child{text-align:right;padding-right:0;font-variant-numeric:tabular-nums;white-space:nowrap}
.object-folder,.object-trumpet{cursor:pointer}
.object-folder .object-visual,.object-trumpet .object-visual{animation:clickable-nudge 9s ease-in-out infinite;transform-origin:50% 65%}
.object-trumpet .object-visual{animation-delay:3s}
.object-folder:hover,.object-trumpet:hover,.object-folder:focus-visible,.object-trumpet:focus-visible{filter:drop-shadow(0 0 9px #b7772566)}
.object-folder.is-dragging .object-visual,.object-trumpet.is-dragging .object-visual{animation:none;transform:none}
@keyframes clickable-nudge{0%,76%,100%{transform:rotate(0)}80%{transform:rotate(-2deg)}85%{transform:rotate(2deg)}90%{transform:rotate(-1deg)}95%{transform:rotate(0)}}
@media(max-width:600px){.placement-dialog .dialog-layout{grid-template-columns:1fr;gap:18px}.placement-dialog .dialog-layout>img{max-height:230px}.placement-dialog .dialog-layout h2{font-size:30px;margin:10px 0}.placement-notes{margin-top:24px}.placement-table{font-size:11px}.placement-table th,.placement-table td{padding:10px 8px 10px 0}.placement-table th:first-child{width:46%}.placement-table th:nth-child(2){width:34%}.placement-table th:last-child{width:20%}.placement-table thead th{font-size:8px;letter-spacing:.02em}}
@media(prefers-reduced-motion:reduce){.object-folder .object-visual,.object-trumpet .object-visual{animation:none}}
/* Refined tile cues and a menu that unfolds from the folder. */
@media(hover:hover) and (min-width:601px){.credit-open{opacity:0;background:transparent;width:20px;height:20px;bottom:10px;right:10px;color:var(--bg);transition:opacity .2s}.credit-button:hover .credit-open,.credit-button:focus-visible .credit-open{opacity:.7}.credit-open .link-symbol{width:12px;height:12px}}
.object-folder{width:15%;left:34.5%}
.object-trumpet .object-visual{animation:trumpet-invitation 3.2s ease-in-out infinite}
@keyframes trumpet-invitation{0%,45%,100%{transform:rotate(0)}53%{transform:rotate(-5deg)}62%{transform:rotate(5deg)}71%{transform:rotate(-4deg)}80%{transform:rotate(3deg)}90%{transform:rotate(0)}}
.shortcut-window{animation:folder-unfold .32s cubic-bezier(.2,.8,.2,1);transform-origin:center;max-height:78vh}
@keyframes folder-unfold{from{opacity:0;transform:translate(var(--folder-x,0px),var(--folder-y,60px)) scale(.12)}to{opacity:1;transform:translate(0,0) scale(1)}}
.email{display:inline-block;color:#0000ee;text-decoration:underline;text-underline-offset:5px;border-bottom:0;animation:email-invitation 6s ease-in-out infinite;transform-origin:left center}
@keyframes email-invitation{0%,80%,100%{transform:rotate(0)}84%{transform:rotate(-1.5deg)}89%{transform:rotate(1.5deg)}94%{transform:rotate(-.7deg)}}
.placement-table.composition-only th:first-child{width:80%}.placement-table.composition-only th:last-child{width:20%}
@media(max-width:600px){.object-folder{width:29%;left:36.5%}.email{font-size:21px}}
@media(prefers-reduced-motion:reduce){.object-trumpet .object-visual,.email,.shortcut-window{animation:none}}
.collaborator-notes{margin-top:20px;border-top:1px solid var(--line);padding-top:12px;font-size:12px}.collaborator-notes summary{cursor:pointer;font-weight:500}.collaborator-notes dl{margin:16px 0}.collaborator-notes dt{font-size:10px;text-transform:uppercase;letter-spacing:.07em;margin-top:14px;opacity:.7}.collaborator-notes dd{margin:3px 0;line-height:1.5}
.finder-window{width:700px;max-width:calc(100vw - 28px);padding:0;border:1px solid #a5a5a5;border-radius:9px;background:#fbfaf7;color:#303030;box-shadow:0 18px 65px #0005;overflow:auto;backdrop-filter:none;font-family:Arial,sans-serif}
.finder-window .window-bar{position:relative;padding:9px 14px;border-bottom:1px solid #b8b8b8;background:linear-gradient(#f3f3f3,#d5d5d5);min-height:40px;letter-spacing:0;justify-content:center;font-size:13px;font-weight:600}
.finder-window .window-bar>span{display:flex;align-items:center;gap:7px}.finder-window .window-bar img{width:23px;height:20px;object-fit:contain}
.finder-window .window-close{position:absolute;left:13px;top:12px;width:15px;height:15px;border:1px solid #b5473a;background:#ec6b5e;border-radius:50%;padding:0;font:13px/12px Arial;color:#64251d}
.finder-toolbar{display:flex;align-items:center;justify-content:space-between;padding:9px 15px;gap:16px;background:linear-gradient(#eee,#dedede);border-bottom:1px solid #bababa}.finder-views{display:flex}.finder-views button{display:grid;place-items:center;width:36px;height:28px;border:1px solid #bbb;background:linear-gradient(white,#e7e7e7);padding:4px}.finder-views button:first-child{border-radius:5px 0 0 5px}.finder-views button:last-child{border-radius:0 5px 5px 0;border-left:0}.finder-views button[aria-pressed=true]{background:#777;color:#fff}
.finder-search input{width:180px;max-width:100%;border:1px solid #bcbcbc;border-radius:6px;background:#fff;padding:5px 10px;font:13px Arial;box-shadow:inset 0 1px 2px #0001}
.finder-body{display:grid;grid-template-columns:145px minmax(0,1fr);min-height:285px}.finder-sidebar{background:#eeece8;border-right:1px solid #ccc;padding:18px 0}.finder-sidebar p{font-size:11px;font-weight:600;color:#777;padding:0 14px;margin-bottom:10px}.finder-sidebar button{border:0;background:none;display:block;width:100%;text-align:left;font:12px Arial;padding:10px 14px}.finder-sidebar button[aria-pressed=true]{background:#d2d9e0;color:#24394e}
.finder-content{min-width:0;padding:16px 17px 25px}.finder-window h2{font:500 11px Arial;letter-spacing:0;text-transform:none;color:#888;margin:0 0 20px}.finder-window .shortcut-files{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px 12px}.finder-files a{padding:5px;border-radius:5px;color:#333}.finder-files a[hidden]{display:none}.finder-files a:hover,.finder-files a:focus-visible{background:#dce5ee;color:#20394f}.finder-files a img{width:56px;height:62px;object-fit:contain;filter:drop-shadow(1px 3px 2px #0002)}.finder-files a span{font:12px/1.3 Arial}.finder-files a small{display:none}.finder-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:10px 16px;background:#dedede;border-top:1px solid #b8b8b8;color:#777;font-size:11px}.finder-footer button{min-width:78px;background:linear-gradient(white,#e9e9e9);border:1px solid #bcbcbc;border-radius:5px;padding:5px 17px;font-size:12px;color:#333}.finder-list .shortcut-files{display:flex;flex-direction:column;gap:0}.finder-list .finder-files a{display:grid;grid-template-columns:24px minmax(0,1fr) 62px;text-align:left;border-bottom:1px solid #ddd;padding:8px 4px}.finder-list .finder-files a[hidden]{display:none}.finder-list .finder-files a img{width:22px;height:25px}.finder-list .finder-files a small{display:block;font-size:10px;color:#888}#finder-empty{font-size:12px;color:#777;padding:20px 0}
@media(max-width:600px){.finder-window{width:calc(100vw - 28px);padding:0}.finder-body{grid-template-columns:105px minmax(0,1fr)}.finder-sidebar button{font-size:11px;padding:10px}.finder-content{padding:14px 10px}.finder-window .shortcut-files{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 8px}.finder-files a img{width:43px;height:49px}.finder-files a span{font-size:11px}.finder-search input{width:140px}.finder-list .finder-files a{grid-template-columns:22px minmax(0,1fr)}.finder-list .finder-files a small{display:none}}
/* A found paper note, using the supplied transparent artwork unchanged. */
.object-paper{left:82%;top:34%;width:clamp(75px,8%,110px);aspect-ratio:1;--rotation:-8deg;transition:width .42s ease,transform .25s ease;filter:drop-shadow(2px 6px 4px #30261d22)}
.object-paper .paper-state{position:absolute;display:block;inset:0;overflow:hidden;pointer-events:none;transition:transform .42s cubic-bezier(.2,.7,.3,1),opacity .32s ease}
.object-paper .paper-closed{aspect-ratio:390/395;bottom:auto;transform:rotate(0) scale(1);opacity:1}
.object-paper .paper-closed img{position:absolute;max-width:none;width:393.846%;left:0;top:-30.38%}
.object-paper .paper-open{aspect-ratio:571/790;bottom:auto;opacity:0;transform-origin:40% 40%;transform:scale(.22,.32) rotate(-26deg) skew(8deg)}
.object-paper .paper-open img{position:absolute;max-width:none;width:269.002%;left:-169.002%;top:-13.291%}
.object-paper.is-open{aspect-ratio:571/790;--rotation:4deg}
.object-paper.is-open .paper-closed{opacity:0;transform:scale(.4) rotate(45deg)}
.object-paper.is-open .paper-open{opacity:1;transform:scale(1) rotate(0) skew(0)}
.object-paper:not(.is-open):hover{transform:rotate(-4deg) scale(1.04)}
.object-paper.is-dragging{cursor:grabbing}
.object-trumpet.is-playing .object-visual{animation:trumpet-sound 2.1s ease-out both}
@keyframes trumpet-sound{0%{transform:scale(1) rotate(0)}10%{transform:scale(1.16) rotate(-6deg) translateY(-3px)}20%{transform:scale(1.15) rotate(6deg)}31%{transform:scale(1.14) rotate(-5deg)}43%{transform:scale(1.12) rotate(5deg) translateY(-2px)}56%{transform:scale(1.1) rotate(-3deg)}70%{transform:scale(1.06) rotate(2deg)}85%{transform:scale(1.03) rotate(-1deg)}100%{transform:scale(1) rotate(0)}}
#tedx-feature{border:0;background:transparent;padding:0;cursor:pointer;width:100%}
#tedx-feature img{filter:saturate(.65) brightness(.75);transition:filter .2s}
#tedx-feature:hover img{filter:saturate(.8) brightness(.85)}
#tedx-dialog{padding:0;width:min(1100px,94vw);max-width:94vw;max-height:90dvh;border:1px solid #8e887b;border-radius:10px;background:#ded8ca;color:#30261d;box-shadow:0 22px 80px #18110b55}
#tedx-dialog::backdrop{background:#211d1866}
.tedx-bar{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:18px;padding:12px 16px;background:linear-gradient(#ddd9d0,#c5c0b5);border-bottom:1px solid #aaa396;font-size:14px}
.tedx-bar button{background:#b86b5b;color:#3f2920;border:1px solid #925345;border-radius:50%;width:24px;height:24px;line-height:20px;cursor:pointer}
.tedx-content{padding:16px}.tedx-content h2{font-size:18px;margin:0 0 12px}.tedx-content img{display:block;width:100%;height:auto;filter:brightness(.91) saturate(.75)}
@media(max-width:600px){.object-paper{left:77%;top:380px;width:18%}.tedx-content{padding:8px}.tedx-bar{font-size:12px}}
@media(prefers-reduced-motion:reduce){.object-paper,.object-paper .paper-state{transition:none}.object-trumpet.is-playing .object-visual{animation:none}}

/* Contain content at its source while section backgrounds span the viewport. */
main,body{width:100%;min-width:0}.section,.hero{width:100%;min-width:0}.section>*{min-width:0}.hero{position:relative;overflow:clip}.hero-stage{isolation:auto}.display-name{font-size:clamp(40px,14.6vw,235px);max-width:100%;letter-spacing:-.075em}.display-name span{white-space:nowrap}.logo-item{min-width:0}.release-copy,.release-cover,.dialog-layout>div,.contact-grid>div{min-width:0}.release-cover{width:100%}.platforms a,.collaborator-notes dd{overflow-wrap:anywhere}.dialog-layout h2,.contact h2{overflow-wrap:anywhere}.contact-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr)}
.tedx-image{clip-path:polygon(0 0,100% 0,100% 82%,39% 82%,39% 100%,0 100%)}.tedx-bar{height:auto}.watch-screen{pointer-events:auto;cursor:pointer;border-radius:3px;transition:background .6s,box-shadow .6s,color .6s}.watch-screen.is-lit{background:#64bfd4b8;color:#082a48;box-shadow:0 0 8px 3px #73bfff90,inset 0 0 10px #559ef9b0}.watch-screen:focus-visible{outline:2px solid #598dd2;outline-offset:4px}
@media(max-width:600px){.display-name{font-size:14.3vw}.contact-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.finder-toolbar{gap:8px}.finder-search{min-width:0}.finder-search input{width:100%}.finder-views{flex-shrink:0}}

/* Each preview owns a compact dock; all knobs share one audio gain. */
.release-cover{padding-bottom:20px}.catalog-preview-toggle{bottom:25px;max-width:calc(100% - 50px)}.catalog-scope{bottom:20px;height:calc(100% - 40px)}
@media(max-width:900px){}
@media(max-width:600px){.catalog-preview-toggle{font-size:12px}}
@media(prefers-reduced-motion:reduce){}

.local-timestamp{margin-left:auto;font:400 11px/1.5 'Courier New',monospace;font-variant-numeric:tabular-nums;letter-spacing:.025em;white-space:nowrap;text-align:right;min-height:1.5em}.hero-top{gap:12px;flex-wrap:wrap;align-items:baseline}
.tedx-image{clip-path:none;background:#f7f6ec;filter:brightness(.91) saturate(.75)}.tedx-image img{filter:none;clip-path:polygon(0 0,100% 0,100% 82%,39% 82%,39% 100%,0 100%)}
.logo-item img[src$="bmg.svg"]{filter:grayscale(1) brightness(0)!important}.logo-item img[src$="afropunk.jpg"]{mix-blend-mode:multiply}
@media(max-width:600px){.local-timestamp{font-size:10px;max-width:100%;letter-spacing:0}.hero-top{row-gap:8px}}

/* Keep mobile metadata in one aligned row, with date and time stacked at right. */
.local-timestamp{display:flex;align-items:center;gap:.6em}.timestamp-clock::before{content:'·';margin-right:.6em}
@media(max-width:600px){.hero-top{display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:center;gap:10px;flex-wrap:nowrap}.hero-top>.eyebrow{white-space:nowrap;font-size:8px;letter-spacing:.09em}.local-timestamp{display:grid;gap:0;margin:0;font-size:9px;line-height:1.5;text-align:right}.timestamp-clock::before{content:none}.tedx-content{padding:12px}.tedx-image{margin:0}}
@media(max-width:360px){.hero-top>.eyebrow{font-size:7px;letter-spacing:.04em}.local-timestamp{font-size:8px}}

/* A brief physical response to the drumstick sound. */
.object-drumsticks .object-visual{transform-origin:50% 55%}
.object-drumsticks.is-playing .object-visual{animation:sticks-sound 1s ease-out both}
@keyframes sticks-sound{0%,100%{transform:scale(1) rotate(0);filter:drop-shadow(0 0 0 #b7772500)}12%{transform:scale(1.13) rotate(-5deg) translateY(-2px);filter:drop-shadow(0 0 8px #b7772570)}28%{transform:scale(1.12) rotate(5deg);filter:drop-shadow(0 0 7px #b7772560)}45%{transform:scale(1.09) rotate(-4deg)}63%{transform:scale(1.06) rotate(3deg);filter:drop-shadow(0 0 4px #b7772530)}82%{transform:scale(1.02) rotate(-1deg)}}
.object-drumsticks.is-dragging .object-visual{animation:none;transform:none;filter:none}
@media(prefers-reduced-motion:reduce){.object-drumsticks.is-playing .object-visual{animation:none}}

/* Consistent logo artwork rows and captions, including the TEDx control. */
.logo-wall .logo-item{display:grid;grid-template-rows:72px auto;align-content:start;justify-items:center;align-items:center;height:auto;min-height:116px;gap:10px;margin:0}
.logo-wall .logo-item>img{grid-row:1;max-width:min(125px,100%);max-height:60px;width:100%;height:auto;object-fit:contain;object-position:center}
.logo-wall .logo-item figcaption{grid-row:2;align-self:start;margin:0;width:100%;font-size:12px;line-height:1.4;text-align:center;overflow-wrap:anywhere}
.logo-wall #tedx-feature{display:flex;align-items:center;justify-content:center;grid-row:1;width:100%;height:72px;min-width:0;margin:0;padding:0}
.logo-wall #tedx-feature img{display:block;max-width:min(115px,100%);max-height:60px;width:100%;height:auto;margin:0 auto;object-fit:contain}
@media(max-width:600px){.logo-wall .logo-item{grid-template-rows:54px auto;min-height:98px;gap:8px}.logo-wall .logo-item>img,.logo-wall #tedx-feature img{max-width:min(85px,100%);max-height:45px}.logo-wall #tedx-feature{height:54px}}


.new-release-sticker{position:absolute;top:10px;right:10px;z-index:3;display:block;width:88px;height:88px;background:url('art/new-release-cd.png') center/contain no-repeat;transform:rotate(12deg);filter:drop-shadow(0 3px 3px #0005);pointer-events:none}
.cd-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:18px 0 17px;color:#242424;font:700 10px/1 'DM Sans',sans-serif;letter-spacing:.08em;text-shadow:0 1px 1px #fff9}
@media(max-width:600px){.new-release-sticker{top:8px;right:8px;width:72px;height:72px}.cd-label{padding:14px 0 13px;font-size:8px}}

.project-release-video{display:block;width:100%;max-height:55vh;aspect-ratio:1;object-fit:contain;background:#e9dfc9}@media(max-width:600px){.project-release-video{max-height:35vh}}