/* Resonant's approved musical identity, contained within its own presentation. */
.project-card.resonant .project-visual{background:radial-gradient(ellipse at 55% 45%,#fffdf5,#f0e5d2)}
.project-card.resonant .project-visual>img{object-fit:contain;background:transparent}
.resonant-brand-badge{position:absolute;left:18px;top:18px;display:flex;align-items:center;gap:8px;padding:7px 12px 7px 10px;border:1px solid #e6d8c2;border-radius:7px;background:#f7f2e8f5;color:#171715;box-shadow:0 5px 18px #0002;pointer-events:none}
.project-card.resonant .resonant-brand-badge img{width:18px;height:32px;object-fit:contain;transform:none!important;transition:none}
.resonant-brand-badge>span{font:600 21px/1 Georgia,serif;letter-spacing:-1px}
.detail-resonant .detail-intro h1{display:flex;align-items:center;justify-content:center;gap:20px}
.detail-resonant .detail-intro h1>img{width:43px;height:76px;object-fit:contain}
.detail-resonant .detail-tagline{max-width:none}
.detail-image.resonant{position:relative;background:radial-gradient(ellipse at 55% 45%,#fffdf5,#f0e5d2);border:1px solid #ccb994}
.detail-image.resonant>img{max-height:none;object-fit:contain}
.resonant-overview{display:grid;grid-template-columns:1fr 1.15fr;gap:60px;align-items:center;padding-bottom:22px}
.resonant-overview-copy h2{font-size:clamp(31px,3.5vw,47px);line-height:1.15;letter-spacing:-2px;margin:20px 0}
.resonant-overview-copy .detail-lead{font-size:15px;line-height:1.9;margin-top:22px;max-width:510px}
.resonant-overview-copy .text-link{margin-top:25px;font-size:12px;min-height:44px}
.resonant-workspace-links{display:flex;flex-wrap:wrap;gap:0 23px;margin-top:6px}.resonant-overview-copy .resonant-workspace-links .text-link{margin-top:0;color:#a33c2a}
.resonant-families{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.resonant-family{position:relative;display:grid;gap:14px;align-items:start;padding:19px 16px;border:1px solid #ddd3c1;border-radius:12px;background:#fffdf6;min-height:128px;transition:transform .3s,border-color .3s,box-shadow .3s}
.resonant-family:hover{transform:translateY(-4px);border-color:#b74732;box-shadow:0 9px 18px #49321c0c}
.resonant-family>img{display:block;width:100%;height:155px;object-fit:contain}
.resonant-family-count{display:block;color:#70685b;font-size:10px;letter-spacing:.5px;margin-bottom:9px}
.resonant-family h3{font-size:16px;letter-spacing:-.4px;margin:0 0 7px}
.resonant-family p{font-size:12px;color:#6b665b;line-height:1.6;max-width:155px}
.resonant-family-arrow{position:absolute;right:13px;top:12px;font-size:12px;color:#b74732}
.guide-section.resonant{--accent:#b74732;--soft:#f0e6d8}
.world-scene--resonant{background:#171715}
.world-scene--resonant .world-media>img{object-fit:cover;object-position:75% center}
.world-scene--resonant .world-shade{background:linear-gradient(90deg,#171715f5,#171715e0 30%,#17171530 66%,transparent),linear-gradient(0deg,#17171599,transparent 40%)}
.world-scene--resonant .world-sound-halo{background:radial-gradient(ellipse at 72% 42%,#c4783133,transparent 67%)}
.world-scene--resonant .world-wave{top:auto;bottom:13%;right:5%;width:34%;height:100px;opacity:.5}
.world-scene--resonant .world-wave i{background:linear-gradient(#f5d4a4,#c26a43)}
.world-scene--resonant .world-media>.world-resonant-signature{position:absolute;left:auto;bottom:auto;right:6%;top:10%;width:50px;height:88px;object-fit:contain;filter:drop-shadow(0 4px 12px #0009);transform:translateY(calc((1 - var(--scene-enter,1)) * 40px));opacity:var(--scene-enter,1)}
@media(max-width:1000px){.resonant-overview{gap:32px;grid-template-columns:.9fr 1.1fr}.resonant-families{gap:9px}.resonant-family{padding:17px 12px;gap:8px}.resonant-family>img{height:140px}.resonant-family h3{font-size:15px}.resonant-overview-copy .detail-lead{font-size:14px}}
@media(max-width:760px){.resonant-overview{grid-template-columns:1fr;gap:29px}.resonant-overview-copy .detail-lead{max-width:none}.resonant-overview-copy h2{font-size:35px;letter-spacing:-1.5px}.resonant-family{padding:18px 14px;min-height:124px}.resonant-family>img{height:155px}.resonant-family h3{font-size:17px}.resonant-family p{font-size:12px}.resonant-brand-badge{left:14px;top:14px}.project-card.resonant .resonant-brand-badge img{width:15px;height:27px!important}.resonant-brand-badge>span{font-size:19px}.detail-resonant .detail-intro h1{gap:15px}.detail-resonant .detail-intro h1>img{width:32px;height:57px}.world-scene--resonant .world-media>.world-resonant-signature{display:none}}
@media(max-width:620px){.resonant-family{display:block;padding:17px 14px}.resonant-family>img{height:130px;margin-bottom:17px}.resonant-family p{font-size:12px}.resonant-family-count{font-size:10px}.resonant-overview-copy h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){.resonant-family{transition:none}.resonant-family:hover,.world-scene--resonant .world-media>.world-resonant-signature{transform:none;opacity:1}}
.motion-paused .world-scene--resonant .world-media>.world-resonant-signature{transform:none;opacity:1}

.exp-resonant-wordmark{position:relative;display:block;padding-left:30px}.exp-resonant-wordmark>img{position:absolute;left:0;top:0;width:18px;height:32px;object-fit:contain}.exp-sound .exp-panel>p:not(.exp-panel-label){color:#c8c3b6}.exp-sound .exp-panel li{color:#ded5c3}.exp-sound .exp-figure figcaption{color:#b9b4a7}.exp-sound .exp-controls button{color:#b9b4a7}.exp-sound .exp-controls button[aria-pressed=true]{color:#f7f2e8}