/* generated by tools/stamp.mjs from home-soundbite.css. Do not edit. */
.sb{--p:0;--dim:.4;--q:1;--drop:0;--out:0;--in:1;--lock:1;--sb-top:62px;
--cols:minmax(0,1fr);--cg:clamp(28px,4vw,56px);
position:relative;isolation:isolate;padding-block:var(--section);overflow-x:clip}
.sb-head{margin-bottom:clamp(36px,5vw,64px)}
.sb-head h2{max-width:13em}
.sb-stage{position:relative}
.sb-stage::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
background:radial-gradient(52% 58% at 38% 46%,rgba(200,169,81,.075),transparent 70%)}
.sb-frame{display:grid;grid-template-columns:var(--cols);column-gap:var(--cg);row-gap:clamp(26px,3.4vw,40px)}
.sb-q,.sb-take,.sb-meter{grid-column:1/-1;display:grid;grid-template-columns:var(--cols);column-gap:var(--cg);row-gap:8px}
.sb-cue{font:600 var(--fs-label)/1.3 var(--sans);letter-spacing:.01em;color:var(--gold);padding-top:.3em}
.sb-q{max-width:none}
.sb-slug{display:none;grid-column:1/-1;grid-template-columns:var(--cols);column-gap:var(--cg);row-gap:6px;align-items:baseline;
max-width:none;margin:0;padding-bottom:clamp(14px,1.6vw,20px);border-bottom:1px solid var(--line)}
.sb-slug-k{font:600 var(--fs-label)/1.3 var(--sans);letter-spacing:.01em;color:#a9b7cd}
.sb-slug-t{font:400 clamp(1.25rem,1.75vw,1.625rem)/1.2 var(--serif);letter-spacing:-.01em;color:var(--white)}
.sb-q-text{font:400 var(--fs-lead)/1.5 var(--sans);color:var(--white);max-width:36em}
.sb-takes{grid-column:1/-1;display:grid;row-gap:clamp(44px,6vw,72px)}
.sb-take{margin:0;align-items:start}
.sb-take--2{padding-top:clamp(44px,6vw,72px);border-top:1px solid var(--line)}
.sb-cap{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}
.sb-meta{color:#a9b7cd}
.sb-take blockquote{margin:0;align-self:center;justify-self:start}
.sb-take .vf{--vf-inset:-14px -18px;--s:18px}
.sb-ramble p{max-width:33em;font:400 clamp(1.125rem,2.05vw,1.875rem)/1.58 var(--sans);color:var(--white);text-wrap:pretty}
.sb-ramble i{font-style:normal}
.sb-ramble s,.sb-ramble mark{position:relative;text-decoration:none;background:none;color:inherit;
--k:clamp(0,(var(--p) - var(--s,0)) * 22,1)}
.sb-ramble s>i{opacity:calc(1 - var(--dim) * var(--k))}
.sb-ramble s::before{content:"";position:absolute;left:-.17em;right:-.17em;top:57%;height:2px;margin-top:-1px;
background:var(--amber);transform:scaleX(var(--k));transform-origin:0 50%}
.sb-ramble mark>i{opacity:calc(1 - var(--k))}
.sb-ramble mark::after{content:attr(data-w);position:absolute;left:0;top:0;line-height:normal;white-space:nowrap;color:var(--gold);opacity:var(--k)}
.sb-bite p{max-width:none;font:400 clamp(1.875rem,3.9vw,3.5rem)/1.12 var(--serif);letter-spacing:-.016em;color:var(--white)}
.sb-bite span{display:block;text-wrap:balance}
.sb-bite span+span{margin-top:.12em}
.sb-bite span:nth-child(2){--j:1}
.sb-bite span:nth-child(3){--j:2}
.sb-meter{display:none;align-items:center}
.sb-clock{display:grid;gap:6px}
.sb-time{font:500 clamp(2rem,3vw,2.75rem)/1 var(--sans);font-variant-numeric:tabular-nums;letter-spacing:.01em;color:var(--white)}
.sb-unit{font:500 var(--fs-label)/1.3 var(--sans);font-variant-numeric:tabular-nums;color:#a9b7cd;white-space:nowrap}
.sb-unit span{color:var(--white)}
.sb-wave{display:flex;align-items:center;justify-content:space-between;height:72px;align-self:center}
.sb-wave i{flex:none;width:3px;height:100%;border-radius:2px;background:var(--gold);
transform:scaleY(calc(var(--n) + (var(--c) - var(--n)) * var(--q)));opacity:calc(.6 + .4 * var(--q))}
.sb-note{grid-column:1/-1}
.sb-foot{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px 28px;margin-top:clamp(40px,5vw,64px)}
.sb-foot p{max-width:46ch}
.sb-link{position:relative;display:inline-block}
.sb-link::after{content:"";position:absolute;inset:-8px -6px}
.sb.is-live{
--q:clamp(0,(var(--p) - .08) / .5,1);
--drop:clamp(0,(var(--p) - .54) / .06,1);
--out:clamp(0,(var(--p) - .64) / .06,1);
--in:clamp(0,(var(--p) - .69) / .08,1);
--lock:clamp(0,(var(--p) - .79) / .06,1)}
.sb.is-live .sb-track{height:200vh}
.sb.is-live .sb-stage{position:sticky;top:var(--sb-top);height:calc(100vh - var(--sb-top));height:calc(100svh - var(--sb-top));display:grid;align-items:center}
.sb.is-live .sb-frame{padding-bottom:min(5vh,48px)}
.sb.is-live .sb-slug{display:grid;opacity:clamp(0,var(--p) / .03,1)}
.sb.is-live .sb-takes{grid-template-rows:auto;row-gap:0}
.sb.is-live .sb-take{grid-row:1;grid-column:1/-1}
.sb.is-live .sb-take--2{padding-top:0;border-top:0}
.sb.is-live .sb-meta{display:none}
.sb.is-live .sb-meter{display:grid}
.sb.is-live .sb-take--1{opacity:calc(1 - var(--out))}
.sb.is-live .sb-take--1 .sb-cue{visibility:hidden}
.sb.is-live .sb-ramble s{opacity:calc(1 - .82 * var(--drop))}
.sb.is-live .sb-take--2 .slate{opacity:var(--in)}
.sb.is-live .sb-bite span{--l:clamp(0,(var(--p) - .69 - var(--j,0) * .045) / .07,1);opacity:var(--l);transform:translateY(calc((1 - var(--l)) * .45em))}
.sb.is-live .sb-take--2 .vf{opacity:var(--lock);transform:scale(calc(1 + (1 - var(--lock)) * .06))}
.sb.is-live .sb-take--1 .vf{opacity:calc(1 - var(--drop))}
@media (min-width:860px){
.sb{--cols:minmax(0,150px) minmax(0,1fr)}
.sb-q>*,.sb-take>*{grid-row:1}
.sb-cap{flex-direction:column;align-items:flex-start;gap:10px;padding-top:.5em}
.sb-note{grid-column:2}
}
@media (min-width:1200px){.sb{--cols:minmax(0,180px) minmax(0,1fr)}}
@media (max-width:859px){
.sb-q{row-gap:4px}
.sb-take{row-gap:22px}
.sb-take .vf{--vf-inset:-14px -12px}
.sb-meter{margin-top:8px}
.sb-meter{grid-template-columns:auto minmax(0,1fr);column-gap:18px}
.sb-wave{height:44px}
.sb-wave i{width:2px}
.sb-time{font-size:1.75rem}
.sb.is-live .sb-track{height:220vh}
.sb.is-live .sb-frame{row-gap:18px}
.sb.is-live .sb-stage{height:auto;min-height:calc(100svh - var(--sb-top))}
.sb.is-live .sb-slug{display:none}
.sb.is-live .sb-q-text{font-size:1.0625rem;line-height:1.45}
.sb.is-live .sb-ramble p{font-size:1.0625rem;line-height:1.5}
.sb.is-live .sb-bite p{font-size:clamp(1.5rem,6.6vw,1.875rem);line-height:1.14}
.sb.is-live .sb-bite span{transform:none}
.sb.is-live .sb-take--2 .vf{transform:none}
.sb.is-live .sb-note{font-size:.8125rem}
}
@media (max-width:859px) and (max-height:760px){
.sb.is-live .sb-ramble p{font-size:1.0625rem;line-height:1.55}
.sb.is-live .sb-q-text{font-size:1.0625rem}
.sb.is-live .sb-frame{row-gap:14px;padding-bottom:0}
.sb.is-live .sb-slug{display:none} 
}
@media (max-width:359px){
.sb.is-live .sb-q-text{font-size:1rem}
.sb.is-live .sb-ramble p{font-size:.9375rem;line-height:1.45}
.sb.is-live .sb-bite p{font-size:1.375rem}
.sb.is-live .sb-frame{row-gap:12px;padding-bottom:0}
.sb.is-live .sb-wave{height:36px}
.sb.is-live .sb-time{font-size:1.5rem}
}