.hear{padding-top:150px;position:relative}.hear-intro{grid-template-columns:minmax(0,1fr) minmax(0,440px);align-items:end;gap:28px 64px;display:grid}.hear-intro .eyebrow{margin-bottom:24px}.hear-intro>p{color:#a8937a;padding-bottom:12px;font-size:16px}.hear-body{grid-template-columns:minmax(250px,320px) minmax(0,1fr);align-items:start;gap:clamp(22px,3vw,44px);margin-top:64px;display:grid}.hear-sets{border-left:1px solid #4b3524;flex-direction:column;margin-top:6px;display:flex}.hear-set{all:unset;box-sizing:border-box;cursor:pointer;transition:background .5s var(--ease);border-radius:0 12px 12px 0;grid-template-columns:30px minmax(0,1fr) auto;align-items:baseline;column-gap:10px;padding:14px 18px 15px 22px;display:grid;position:relative}.hear-set:before{content:"";transform-origin:top;width:2px;transition:transform .6s var(--ease);background:linear-gradient(#ffd6a3,#d8783c);position:absolute;top:0;bottom:0;left:-1px;transform:scaleY(0);box-shadow:0 0 12px #ff8a3d88}.hear-set:hover{background:linear-gradient(90deg,#20180f99,#0000)}.hear-set[aria-pressed=true]{background:linear-gradient(90deg,#2c1e12b3,#1a130d33 70%,#0000)}.hear-set[aria-pressed=true]:before{transform:scaleY(1)}.hear-set:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.hear-set-n{font:10px var(--mono);letter-spacing:.05em;color:#8a6440}.hear-set b{letter-spacing:.2em;text-transform:uppercase;color:#8a7560;font-size:11px;font-weight:600;transition:color .4s}.hear-set small{font:10px var(--mono);color:#7b6550;font-variant-numeric:tabular-nums}.hear-set q{font-family:var(--serif);color:#95806a;quotes:"“" "”";-webkit-line-clamp:2;-webkit-box-orient:vertical;grid-column:2/-1;margin-top:7px;font-size:16.5px;font-style:italic;line-height:1.28;transition:color .4s;display:-webkit-box;overflow:hidden}.hear-set:hover b,.hear-set[aria-pressed=true] b{color:#f3c595}.hear-set:hover q{color:#b9a288}.hear-set[aria-pressed=true] q{color:#ecdcc6}.hear-mini{grid-column:2/-1;height:16px;margin-top:10px;position:relative}.hear-mini:before{content:"";background:linear-gradient(90deg,#4a3526,#3a2a1e);height:1px;margin-top:-.5px;position:absolute;top:50%;left:0;right:0}.hear-mini svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hear-mini path{fill:#5f432d;transition:fill .5s}.hear-set[aria-pressed=true] .hear-mini path{fill:#7d5638}.hear-mini .lit{clip-path:inset(0 calc((1 - var(--p,0))*100%) 0 0)}.hear-mini .lit path{fill:#f6bd85}.hear-stage{isolation:isolate;background:linear-gradient(160deg,#272019,#131210 72%);border:1px solid #8c613b8c;border-radius:18px;min-width:0;position:relative;overflow:hidden;box-shadow:0 0 0 5px #15110d,0 0 0 6px #4a33204d,0 40px 100px -30px #000,inset 0 1px #ffdcb414}.hear-bar{letter-spacing:.18em;color:#b59673;background:linear-gradient(#2f261c,#1f1b15);border-bottom:1px solid #74523660;align-items:center;gap:16px;padding:16px 24px;font-size:9.5px;display:flex}.hear-state{color:#f0d8b8;white-space:nowrap;align-items:center;gap:10px;font-weight:600;display:flex}.hear-state i{background:#8a6a4c;border-radius:50%;width:6px;height:6px;transition:background .4s,box-shadow .4s;position:relative}.hear-state i:after{content:"";opacity:0;background:radial-gradient(closest-side,#ffb06acc,#ff7a2e00);border-radius:50%;position:absolute;inset:-5px}.hear-state[data-on] i{background:#ffd3a6;box-shadow:0 0 8px #ff7a2e}.hear-state[data-on] i:after{animation:1.6s ease-in-out infinite hear-pulse}.hear-where{white-space:nowrap;align-items:center;gap:12px;min-width:0;margin-left:auto;display:flex}.hear-where span{font-family:var(--mono);letter-spacing:.04em;color:#8e7c66}.hear-where b{color:#e7c9a4;text-overflow:ellipsis;font-weight:600;overflow:hidden}.hear-placeholder{color:#ffc29b;letter-spacing:.14em;white-space:nowrap;border:1px dashed #c98d58aa;border-radius:4px;flex:none;padding:4px 8px;font-weight:600}.hear-wave{cursor:pointer;touch-action:pan-y;-webkit-user-select:none;user-select:none;background:repeating-linear-gradient(90deg,#0000 0 calc(10% - 1px),#ffffff05 calc(10% - 1px) 10%),radial-gradient(90% 75%,#19130e,#0c0d0a);border:1px solid #5c4530;border-radius:12px;height:clamp(210px,21vw,290px);margin:20px 22px 0;position:relative;overflow:hidden;box-shadow:inset 0 1px 30px #000c}.hear-wave:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.hear-wave canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.hear-glow{opacity:0;pointer-events:none;will-change:transform,opacity;background:radial-gradient(closest-side,#ff7a2e3d,#ff5a1c12 58%,#0000);width:40%;position:absolute;top:-30%;bottom:-30%;left:0}.hear-hit{z-index:2;pointer-events:none;opacity:0;width:0;transition:opacity .9s var(--ease) .35s;will-change:transform;position:absolute;top:0;bottom:0;left:0}.hear-wave[data-revealed] .hear-hit{opacity:1}.hear-hit i{background:linear-gradient(#ffd6a6e6,#ffd09a80 45%,#ffd09a40);width:1px;position:absolute;top:0;bottom:0;left:-.5px;box-shadow:0 0 6px #ff9a4e44}.hear-hit b{color:#2a190e;font:600 9px var(--mono);letter-spacing:.1em;white-space:nowrap;background:#e2ab77;border-radius:0 0 5px;padding:4px 8px 3px 7px;position:absolute;top:0;left:-.5px;box-shadow:0 2px 10px #0008}.hear-transport{align-items:center;gap:20px;padding:20px 24px 4px;display:flex}.hear-play{width:58px;height:58px;transition:transform .35s var(--ease),box-shadow .35s var(--ease);background:linear-gradient(135deg,#ffe0b8,#f2b884 38%,#c77d45);border:1px solid #a86d3f;border-radius:50%;flex:none;place-items:center;padding:0;display:grid;position:relative;box-shadow:inset 0 1px #fffa,inset 0 -1px #0003,0 8px 30px -8px #d0772766,0 0 0 1px #2a180c}.hear-play svg{fill:#23150b;width:22px;height:22px}.hear-play:hover{transform:translateY(-1px)scale(1.03);box-shadow:inset 0 1px #fffa,inset 0 -1px #0003,0 14px 36px -10px #ff8a3daa,0 0 0 1px #2a180c}.hear-play:active{transform:scale(.97)}.hear-play:focus-visible{outline-offset:5px;border-radius:50%}.hear-play[data-busy]{cursor:progress}.hear-play[data-busy]:after{content:"";border:1.5px solid #ffc58a;border-color:#ffc58a #ffc58a55 #0000 #0000;border-radius:50%;animation:.8s linear infinite hear-spin;position:absolute;inset:-6px}.hear-time{font-variant-numeric:tabular-nums;white-space:nowrap;align-items:baseline;gap:10px;display:flex}.hear-now{letter-spacing:-.03em;color:#fff0dc;font-size:38px;font-weight:200;line-height:1}.hear-total{font:12px var(--mono);color:#8f7e69}.hear-hitat{letter-spacing:.18em;color:#b59673;white-space:nowrap;align-items:center;gap:10px;margin-left:auto;font-size:10px;font-weight:600;display:flex}.hear-hitat i{background:#e2ab77;width:1px;height:16px;box-shadow:0 0 6px #ff9a4e}.hear-hitat b{letter-spacing:.02em;color:#e7c9a4;font-size:12.5px;font-weight:500}.hear-details{display:grid}.hear-detail{visibility:hidden;flex-direction:column;grid-area:1/1;min-width:0;display:flex}.hear-detail[data-active]{visibility:visible}.hear-prompt{flex-direction:column;flex:1;padding:18px 24px 0;display:flex}.hear-label{letter-spacing:.2em;color:#b28d69;align-items:baseline;gap:12px;margin-bottom:10px;font-size:9.5px;font-weight:600;display:flex}.hear-label span{font-family:var(--serif);letter-spacing:0;color:#7f6a54;font-size:14px;font-style:italic;font-weight:400}.hear-typed{font:13.5px/1.65 var(--mono);color:#f1dcc1;overflow-wrap:anywhere;background:#0e0d0b;border:1px solid #5c4530;border-radius:8px;flex:1;padding:14px 16px;box-shadow:inset 0 1px 10px #0009}.hear-typed i{vertical-align:-.2em;background:#ffb97c;width:7px;height:1.15em;margin-left:4px;animation:1.1s step-end infinite hear-caret;display:inline-block;box-shadow:0 0 8px #ff7a2e}.hear-detail[data-active] .hear-typed{animation:hear-in .6s var(--ease)}.hear-meta{grid-template-columns:minmax(0,2.2fr) minmax(0,.95fr) minmax(0,.85fr);grid-template-areas:"style finish ember""layers finish ember";gap:18px 26px;margin:0;padding:22px 24px 26px;display:grid}.hear-style{grid-area:style}.hear-layers{grid-area:layers}.hear-finishes{grid-area:finish}.hear-ember{grid-area:ember}.hear-detail[data-active] .hear-meta>div{animation:hear-in .7s var(--ease) both}.hear-detail[data-active] .hear-meta>div:nth-child(2){animation-delay:50ms}.hear-detail[data-active] .hear-meta>div:nth-child(3){animation-delay:.1s}.hear-detail[data-active] .hear-meta>div:nth-child(4){animation-delay:.15s}.hear-meta dt{letter-spacing:.2em;color:#b28d69;margin-bottom:12px;font-size:9.5px;font-weight:600}.hear-meta dd{margin:0}.hear-style dd{flex-wrap:wrap;gap:6px;display:flex}.hear-style span{color:#c9a883;background:linear-gradient(#2a2219,#1c1711);border:1px solid #72533966;border-radius:6px;padding:6px 9px;font-size:10.5px;line-height:1.3;box-shadow:inset 0 1px #ffffff0d}.hear-layers dd{flex-wrap:wrap;gap:8px 14px;display:flex}.hear-layers span{font:10px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#5a4a3b;align-items:center;gap:7px;display:flex}.hear-layers span:before{content:"";background:#3a2e24;border-radius:50%;flex:none;width:5px;height:5px}.hear-layers span[data-on]{color:var(--layer)}.hear-layers span[data-on]:before{background:var(--layer);box-shadow:0 0 8px var(--layer)}.hear-finish{color:#e2c9a6;font-size:14px;line-height:1.5}.hear-ember dd{flex-wrap:wrap;align-items:baseline;column-gap:10px;display:flex}.hear-ember em{font-family:var(--serif);background:linear-gradient(100deg,#ffe4bf,#f3ab6c 55%,#c26a36);color:#0000;-webkit-background-clip:text;background-clip:text;padding-right:.06em;font-size:26px;font-style:italic;line-height:1}.hear-ember span{font:12px var(--mono);color:#c8a17a;font-variant-numeric:tabular-nums}.hear-ember dd i{background:#30261c;border-radius:2px;flex-basis:100%;height:2px;margin-top:12px;position:relative;overflow:hidden}.hear-ember dd i:after{content:"";transform:scaleX(var(--ember));transform-origin:0;background:linear-gradient(90deg,#c96b36,#ffd0a1);position:absolute;inset:0;box-shadow:0 0 10px #ee572b88}.hear-note{color:#8a7862;text-align:right;margin-top:22px;font-size:11px}.hear-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;font-style:normal;position:absolute;overflow:hidden}.hear-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes hear-in{0%{opacity:0;filter:blur(4px);transform:translateY(8px)}}@keyframes hear-caret{50%{opacity:0}}@keyframes hear-pulse{0%,to{opacity:.2;transform:scale(.7)}50%{opacity:1;transform:scale(1.25)}}@keyframes hear-spin{to{transform:rotate(360deg)}}@media (max-width:1180px){.hear-body{grid-template-columns:minmax(230px,270px) minmax(0,1fr)}.hear-meta{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"style style""layers layers""finish ember";gap:20px 28px}}@media (max-width:900px){.hear-intro{grid-template-columns:1fr}.hear-intro>p{padding:0}.hear-body{grid-template-columns:1fr;gap:18px;margin-top:44px}.hear-sets{border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;display:grid}.hear-set{background:linear-gradient(160deg,#1c1611,#12100d);border:1px solid #5c422d80;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;column-gap:8px;padding:13px 14px 12px}.hear-set:before{transform-origin:0;width:auto;height:1px;inset:-1px 14px auto;transform:scaleX(0)}.hear-set[aria-pressed=true]{background:linear-gradient(160deg,#2c2016,#15110d);border-color:#a8744a}.hear-set[aria-pressed=true]:before{transform:scaleX(1)}.hear-set b{letter-spacing:.14em;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.hear-set q{display:none}.hear-mini{grid-column:1/-1;height:14px;margin-top:10px}.hear-note{text-align:left}}@media (max-width:760px){.hear{padding-top:100px}.hear-sets{grid-template-columns:repeat(2,minmax(0,1fr))}.hear-set{grid-template-columns:auto minmax(0,1fr);padding:12px 12px 11px 13px}.hear-set b{letter-spacing:.12em;font-size:9.5px}.hear-set small{display:none}.hear-stage{border-radius:14px}.hear-bar{gap:12px;padding:13px 16px;font-size:8.5px}.hear-where span{display:none}.hear-wave{border-radius:10px;height:168px;margin:14px 12px 0}.hear-transport{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"play time""play hit";gap:5px 16px;padding:16px 16px 2px;display:grid}.hear-play{grid-area:play;align-self:center;width:52px;height:52px}.hear-time{grid-area:time;align-self:end}.hear-now{font-size:32px}.hear-hitat{grid-area:hit;align-self:start;gap:8px;margin-left:0;font-size:9px}.hear-hitat i{height:11px}.hear-prompt{padding:16px 16px 0}.hear-typed{padding:12px 13px;font-size:12.5px}.hear-meta{gap:20px 18px;padding:20px 16px 22px}}@media (max-width:420px){.hear-placeholder{letter-spacing:.08em;padding:3px 6px}.hear-placeholder span{display:none}.hear-state{letter-spacing:.14em}}@media (prefers-reduced-motion:reduce){.hear-hit{transition:none}.hear-typed i{animation:none}}