.refresh-eyebrow{font:11px/1.7 var(--font-mono);letter-spacing:.14em;color:var(--accent)}.refresh-section h2,.ai-section h2{font-size:clamp(36px,5vw,72px);line-height:1.06;letter-spacing:-.055em;margin:20px 0 36px}.refresh-section h2 span,.ai-section h2 span{color:var(--muted)}.refresh-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.refresh-tabs button,.ai-copy{border:1px solid var(--line);border-radius:100px;padding:10px 20px;color:var(--ink);font-size:13px}.refresh-tabs button[aria-pressed=true],.ai-copy{background:var(--accent);color:var(--button-ink);border-color:var(--accent)}.refresh-feature{display:grid;grid-template-columns:1fr 1.8fr;gap:40px;align-items:center}.refresh-feature h3,.ai-brief h3{font-size:30px;letter-spacing:-.035em;line-height:1.12;margin:14px 0}.refresh-feature p,.refresh-mini-grid p,.ai-heading>p,.ai-brief>p,.ai-footnotes p{color:var(--muted);font-size:15px;line-height:1.8}.refresh-feature figure{margin:0;min-width:0}.refresh-feature img{width:100%;height:auto;border:1px solid var(--line);border-radius:12px}.refresh-feature figcaption,.ai-output figcaption{font-size:12px;line-height:1.8;color:var(--muted);padding-top:12px}.refresh-copy small{display:block;color:var(--muted);font-size:10px;margin-bottom:24px}.feature-controls{display:flex;flex-wrap:wrap;gap:8px 16px;padding:0;margin:24px 0;list-style:none;font:11px var(--font-mono);color:var(--muted)}.refresh-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:60px;padding-top:32px;border-top:1px solid var(--line)}.refresh-mini-grid article>span{font:11px var(--font-mono);color:var(--accent)}.refresh-mini-grid h3{font-size:22px;line-height:1.2;letter-spacing:-.025em}.ai-section{background:var(--panel);border-block:1px solid var(--line)}.ai-heading{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:60px}.ai-workbench{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:18px;overflow:hidden}.ai-brief{padding:32px;min-width:0}.ai-brief .refresh-tabs{margin:0 0 28px;gap:6px}.ai-brief .refresh-tabs button{padding:9px 12px;font-size:12px}.ai-brief blockquote{font-size:21px;line-height:1.5;letter-spacing:-.02em;margin:16px 0 24px}.ai-copy-status{min-height:20px;font-size:12px!important}.ai-brief details{border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.ai-brief summary{font-size:13px}.ai-brief pre{overflow:auto;font:11px/1.8 var(--font-mono);padding:16px;background:var(--panel-deep);border-radius:8px}.ai-output{margin:0;background:var(--panel-deep);padding:28px;min-width:0;display:flex;flex-direction:column;justify-content:center}.ai-output-label{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font:9px var(--font-mono);color:var(--muted)}.ai-demo{margin:20px 0;border-radius:12px;overflow:hidden;border:1px solid #ffffff20;background:#000}.ai-demo video{display:block;width:100%;height:auto;aspect-ratio:16 / 9;background:#000}.ai-campaign{position:relative;aspect-ratio:1.1;margin:32px 0 20px}.ai-campaign img{position:absolute;box-shadow:0 18px 30px #0005;height:auto;border:1px solid #ffffff20}.campaign-poster{width:49%;left:1%;top:0;transform:rotate(-6deg)}.campaign-square{width:49%;right:0;top:12%;transform:rotate(7deg)}.campaign-wide{width:78%;left:12%;bottom:0;transform:rotate(-2deg)}.ai-downloads{display:flex;flex-wrap:wrap;gap:18px;font-size:12px;margin-top:20px}.ai-downloads a{text-decoration:underline;text-underline-offset:4px}.ai-footnotes{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin:24px 0}.ai-footnotes p{font-size:13px}.ai-footnotes strong{color:var(--ink)}@media(max-width:900px){.refresh-feature,.ai-heading,.ai-workbench{grid-template-columns:1fr}.ai-heading{gap:0}.refresh-mini-grid{gap:20px}.refresh-copy{max-width:650px}.feature-controls{max-width:360px}}@media(max-width:600px){.refresh-mini-grid,.ai-footnotes{grid-template-columns:1fr;gap:16px}.ai-brief,.ai-output{padding:20px}.ai-brief blockquote{font-size:18px}.refresh-tabs button{padding:9px 14px}}.cloud-reveal{position:absolute;inset:0;overflow:hidden;isolation:isolate;background:#080c20;pointer-events:none}.cloud-reveal canvas,.dream-fallback{position:absolute;inset:0;width:100%;height:100%}.cloud-reveal canvas{display:block}.dream-fallback{background:radial-gradient(ellipse at 50% 45%,#32294199,transparent 55%),linear-gradient(#080c20,#1a1733)}.cloud-reveal[data-renderer=webgl] .dream-fallback{display:none}.cloud-reveal[data-renderer=fallback] canvas{visibility:hidden}.dream-lockup{position:absolute;inset:0;transform-origin:50% 40%;will-change:transform;pointer-events:none}.dream-icon,.dream-wordmark{position:absolute;left:50%;top:40%;overflow:visible;transform:translate(-50%,-50%);pointer-events:none}.dream-icon{width:var(--dream-mark-size,260px);height:var(--dream-mark-size,260px);color:#c7f779;opacity:0;filter:drop-shadow(0 0 12px #c1f88166)}.dream-wordmark{width:calc(var(--dream-mark-size,260px)*1.68);height:auto;filter:drop-shadow(0 1px 3px #132021cc) drop-shadow(0 0 8px #e4e0ff40)}.dream-fallback-clouds{position:absolute;inset:0;transform:translateY(calc((1 - var(--dream-rise,0))*-28% + var(--dream-exit,0)*-50%));opacity:calc(1 - var(--dream-exit,0))}.dream-fallback-clouds i{position:absolute;aspect-ratio:1.5;border-radius:50%;background:radial-gradient(ellipse at 38% 26%,#e1dff1 2%,#aca8cd 35%,#6b638f 65%,#39335700 74%);filter:blur(5px);animation:dream-cloud-drift 11s ease-in-out infinite alternate}.dream-fallback-fireflies i{position:absolute;width:4px;height:4px;border-radius:50%;background:#ffe4a1;box-shadow:0 0 9px 3px #ffc95c77,0 0 22px 6px #eaa43b22;animation:dream-firefly-float 7s ease-in-out infinite alternate}.cloud-reveal[data-motion=paused] .dream-fallback i{animation-play-state:paused}@keyframes dream-cloud-drift{to{transform:translate3d(7%,5%,0) scale(1.06)}}@keyframes dream-firefly-float{0%{transform:translate3d(-8px,8px,0);opacity:.45}60%{opacity:1}to{transform:translate3d(16px,-24px,0);opacity:.65}}@media(prefers-reduced-motion:reduce){.dream-fallback i{animation:none}}.cloud-announcement{--cloud-scroll: 0;--cloud-nav-height: 0px;position:relative;height:calc(max(100svh,var(--cloud-content-height, 0px)) + 65svh);color:#f5f1ff;background:#0d091a;color-scheme:dark;font-family:var(--font-sans, "DM Sans", system-ui, sans-serif)}.cloud-announcement *,.cloud-announcement *:before,.cloud-announcement *:after{box-sizing:border-box}.cloud-scene{position:sticky;top:var(--cloud-nav-height);height:calc(100svh - var(--cloud-nav-height));min-height:620px;display:flex;flex-direction:column;isolation:isolate;overflow:hidden;overflow-anchor:none;animation:cloud-scene-in 1.8s cubic-bezier(.2,.7,.2,1) both}.cloud-stage{position:absolute;inset:0;z-index:-3;pointer-events:none}.cloud-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#090615d9,#09061565 32%,#09061500 54%,#0906158c),linear-gradient(0deg,#090615c9,#09061500 65%)}.cloud-topline,.cloud-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px clamp(24px,4vw,76px)}.cloud-topline>span{font-size:1rem;font-weight:650;letter-spacing:-.04em}.cloud-topline a,.cloud-controls button{font-size:.875rem;padding:10px 0;color:#f5f1ff;min-height:44px}.cloud-topline a:hover,.cloud-controls button:hover{text-decoration:underline;text-underline-offset:5px}.cloud-columns{flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;column-gap:clamp(80px,18vw,380px);padding:32px clamp(24px,5vw,96px) 30px}.cloud-copy{max-width:440px}.cloud-copy h1{font-size:clamp(3rem,5.8vw,6.5rem);line-height:.98;letter-spacing:-.065em;white-space:nowrap}.cloud-kicker{margin-top:17px;font-size:clamp(.875rem,1.15vw,1.125rem);color:#dbcef1}.cloud-feature-stack{list-style:none;padding:0;margin:38px 0 0;display:flex;flex-direction:column;gap:22px}.cloud-feature-stack li{display:flex;gap:15px;opacity:0;transform:translateY(32px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.cloud-feature-stack li[data-visible=true]{opacity:1;transform:translateY(0)}.cloud-feature-mark{font-size:1.1rem;color:#d6ff80;padding-top:1px}.cloud-feature-stack h2{font-size:clamp(1rem,1.25vw,1.25rem);font-weight:550;line-height:1.25;letter-spacing:-.02em}.cloud-feature-stack p{font-size:.875rem;color:#d9d1e8;margin-top:5px;line-height:1.5;max-width:330px}.cloud-invitation{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1);pointer-events:none;padding-bottom:35px}.cloud-invitation[data-ready=true]{opacity:1;transform:none;pointer-events:auto}.cloud-signup{position:relative;max-width:520px;margin-left:auto}.cloud-signup h2{font-size:clamp(2rem,3.4vw,4rem);line-height:1.05;letter-spacing:-.055em;margin-bottom:28px}.cloud-summary{color:#d9d1e8;line-height:1.6;margin-bottom:22px}.cloud-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px}.cloud-actions .button{background:#d6ff80;color:#18220a;border-color:#d6ff80}.cloud-actions .text-link{color:#f5f1ff}.cloud-actions a:focus-visible{outline:2px solid #d6ff80;outline-offset:5px}.cloud-consent{color:#d9d1e8;font-size:.8125rem;margin-top:14px}.cloud-controls{padding-top:12px;padding-bottom:max(22px,env(safe-area-inset-bottom))}.cloud-controls>div{display:flex;gap:26px}.cloud-release-note{font-size:.8125rem;color:#d9d1e8}@keyframes cloud-scene-in{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}@media(min-width:1500px){.cloud-columns{padding-bottom:6vh}}@media(max-height:780px)and (min-width:801px){.cloud-topline,.cloud-columns{padding-block:12px}.cloud-feature-stack{gap:15px;margin-top:25px}.cloud-feature-stack p{font-size:.8125rem}.cloud-copy h1{font-size:3.8rem}}@media(max-width:800px){.cloud-scene{min-height:100dvh}.cloud-topline{order:0;padding:8px 22px}.cloud-shade{background:linear-gradient(155deg,#27153b50,#090615)}.cloud-columns{order:2;flex:1;grid-template-columns:1fr;align-content:center;align-items:start;gap:22px;padding:18px 24px 10px}.cloud-copy{max-width:none}.cloud-copy h1{font-size:clamp(2.4rem,9vw,3.6rem)}.cloud-kicker{margin-top:8px;font-size:.875rem}.cloud-feature-stack{margin-top:20px;gap:12px}.cloud-feature-stack li{gap:12px}.cloud-feature-stack h2{font-size:1rem}.cloud-feature-stack p{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.cloud-invitation{padding-bottom:0}.cloud-signup{max-width:none;margin:0}.cloud-signup h2{font-size:1.9rem;margin-bottom:13px}.cloud-consent{margin-top:9px}.cloud-controls{order:3;padding:3px 24px max(8px,env(safe-area-inset-bottom))}}@media(max-width:800px)and (max-height:700px){.cloud-columns{gap:16px;padding-top:8px}.cloud-feature-stack{margin-top:15px;gap:9px}.cloud-copy h1{font-size:2.4rem}.cloud-signup h2{font-size:1.65rem;margin-bottom:10px}}@media(prefers-reduced-motion:reduce){.cloud-scene{animation:none}.cloud-feature-stack li,.cloud-invitation{transition:none;transform:none}}.cloud-topline,.cloud-columns,.cloud-controls{opacity:clamp(0,calc(1 - var(--cloud-scroll) * 1.65),1)}.cloud-announcement[data-departed=true] .cloud-topline,.cloud-announcement[data-departed=true] .cloud-columns,.cloud-announcement[data-departed=true] .cloud-controls{visibility:hidden;pointer-events:none}.cloud-announcement a:focus-visible,.cloud-announcement button:focus-visible{outline:2px solid #d6ff80;outline-offset:5px}@media(max-height:700px){.cloud-scene{position:relative;top:0;height:auto;min-height:calc(100svh - var(--cloud-nav-height))}}.cloud-topline{min-height:100px}.cloud-controls{min-height:78px;justify-content:flex-end}@media(max-height:780px)and (min-width:801px){.cloud-topline{min-height:68px}}@media(max-width:800px){.cloud-topline{min-height:60px}.cloud-controls{min-height:55px}}.studio-carousel{width:100%;padding:0 0 70px;color:var(--ink)}.orb-stage{--orb-width: min(60vw, 900px);position:relative;width:100%;height:82svh;min-height:560px;max-height:880px;overflow:clip;perspective:clamp(1000px,130vw,1800px);perspective-origin:50% 58%;touch-action:pan-y;cursor:grab;isolation:isolate;background:radial-gradient(ellipse at 50% 70%,color-mix(in srgb,var(--panel-deep) 60%,transparent),transparent 68%)}.orb-stage[data-dragging=true]{cursor:grabbing}.orb-stage:focus-visible{outline-offset:-8px}.orb-world{position:absolute;inset:0;transform-style:preserve-3d;transform-origin:50% 58%;will-change:transform}.orb-artwork{display:block;position:absolute;left:50%;top:58%;width:var(--orb-width);margin:0;padding:0;background:none;border:0;border-radius:2px;cursor:inherit;-webkit-user-select:none;user-select:none;touch-action:pan-y;backface-visibility:visible;transform-style:preserve-3d;will-change:transform;box-shadow:0 24px 80px -20px #0006}.orb-artwork img{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;border-radius:2px;pointer-events:none;-webkit-user-drag:none}.orb-artwork[data-work="0"]{transform:translate(-50%,-50%) rotateX(-5deg) rotate(-4deg)}.orb-artwork[data-work="1"]{transform:translate(-50%,-50%) translate3d(74vw,-26svh,-76vw) rotateY(-34deg) rotate(16deg);opacity:.83}.orb-artwork[data-work="2"]{transform:translate(-50%,-50%) translate3d(0,-77svh,-152vw) rotateX(5deg) rotate(-3deg);opacity:.66}.orb-artwork[data-work="3"]{transform:translate(-50%,-50%) translate3d(-74vw,-51svh,-76vw) rotateY(34deg) rotate(-7deg);opacity:.83}.orb-artwork-name{display:none}.orb-drag-hint{position:absolute;bottom:15px;left:0;width:100%;text-align:center;pointer-events:none;color:var(--muted);font-size:11px;letter-spacing:.01em}.orb-controls{display:grid;justify-items:center;gap:20px;padding:25px 24px 0}.orb-caption{display:flex;align-items:center;gap:30px}.orb-caption h2{min-width:200px;text-align:center;font-size:clamp(40px,4.4vw,64px)}.orb-arrow{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--line);border-radius:50%;font:22px var(--font-sans);transition:border-color .2s,background .2s}.orb-arrow:hover{border-color:var(--accent);background:var(--panel)}.orb-nav{display:flex;gap:8px}.orb-nav button{padding:10px 17px;color:var(--muted);border-bottom:1px solid transparent;font-size:13px;transition:border-color .2s,color .2s}.orb-nav button:hover,.orb-nav button[aria-pressed=true]{color:var(--ink)}.orb-nav button[aria-pressed=true]{border-bottom-color:var(--accent)}.orb-motion-toggle{display:flex;align-items:center;gap:8px;padding:8px 12px;color:var(--muted);font-size:11px}.orb-motion-toggle:hover{color:var(--ink)}.orb-motion-toggle span{display:inline-grid;place-items:center;width:12px}@media(max-width:650px){.studio-carousel{padding-bottom:42px}.orb-stage{--orb-width: 82vw;height:66svh;min-height:450px;max-height:600px;perspective:1000px}.orb-artwork[data-work="1"]{transform:translate(-50%,-50%) translate3d(88vw,-12svh,-80vw) rotateY(-34deg) rotate(16deg)}.orb-artwork[data-work="2"]{transform:translate(-50%,-50%) translate3d(0,-45svh,-160vw) rotateX(5deg) rotate(-3deg)}.orb-artwork[data-work="3"]{transform:translate(-50%,-50%) translate3d(-88vw,-32svh,-80vw) rotateY(34deg) rotate(-7deg)}.orb-controls{gap:14px;padding-top:16px}.orb-caption{gap:20px}.orb-caption h2{min-width:150px;font-size:42px}.orb-arrow{width:40px;height:40px}.orb-nav{gap:0}.orb-nav button{padding-inline:14px;font-size:12px}.orb-drag-hint{font-size:10px}}@media(prefers-reduced-motion:reduce){.studio-carousel *{animation:none!important;transition:none!important}.orb-stage{height:auto;min-height:0;max-height:none;padding:28px max(20px,6vw);overflow:visible;perspective:none;cursor:default;background:none}.orb-world{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;transform:none!important;will-change:auto}.orb-artwork{position:static;width:100%;transform:none!important;opacity:1!important;cursor:pointer;box-shadow:none;will-change:auto}.orb-artwork[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:7px}.orb-artwork-name{display:block;padding-top:12px;font-size:15px;text-align:left}.orb-drag-hint,.orb-motion-toggle{display:none}}@media(prefers-reduced-motion:reduce)and (max-width:600px){.orb-world{grid-template-columns:1fr;gap:25px}}.orb-artwork[data-work="4"]{transform:translate(-50%,-50%) translate3d(-70vw,-28svh,-60vw) rotateY(32deg) rotate(-12deg);opacity:.8}@media(max-width:600px){.orb-nav{flex-wrap:wrap;justify-content:center}.orb-nav button{padding-inline:11px}}.reveal-text{--wipe-color: var(--accent)}.reveal-line{position:relative;display:table;max-width:100%;padding-block:.035em .075em}.reveal-line-content{position:relative;display:block}.reveal-line-cover{display:none;pointer-events:none;position:absolute;inset:.08em -.012em .04em;background:var(--wipe-color);transform-origin:right center;z-index:1}.reveal-hero .reveal-line+.reveal-line{color:var(--accent);--wipe-color: var(--blue)}.motion-ready .reveal-text[data-reveal-state=waiting] .reveal-line-content{clip-path:inset(0 100% 0 0)}.motion-ready .reveal-text[data-reveal-state=entered] .reveal-line-content{animation:type-unmask 1.08s cubic-bezier(.65,0,.2,1) both;animation-delay:calc(var(--line-index, 0) * .11s)}.motion-ready .reveal-text[data-reveal-state=entered] .reveal-line-cover{display:block;animation:type-cover 1.08s cubic-bezier(.65,0,.2,1) both;animation-delay:calc(var(--line-index, 0) * .11s)}@keyframes type-unmask{0%{clip-path:inset(0 100% 0 0)}52%,to{clip-path:inset(0 -1% 0 -1%)}}@keyframes type-cover{0%{clip-path:inset(0 100% 0 0);transform:scaleX(1)}48%{clip-path:inset(0 0 0 0);transform:scaleX(1)}to{clip-path:inset(0 0 0 0);transform:scaleX(0)}}.motion-ready .reveal-iris[data-reveal-state=waiting] .reveal-line-content{clip-path:ellipse(20% 0% at 50% 0%)}.motion-ready .reveal-iris[data-reveal-state=entered] .reveal-line-content{animation-name:type-iris}.motion-ready .reveal-iris .reveal-line-cover{display:none}@keyframes type-iris{0%{clip-path:ellipse(20% 0% at 50% 0%)}to{clip-path:ellipse(110% 160% at 50% 0%)}}.principles article:nth-child(2) .reveal-text{--wipe-color: var(--blue)}.principles article:nth-child(3) .reveal-text{--wipe-color: var(--pink)}.motion-ready [data-reveal=surface][data-reveal-state=waiting]{opacity:0;transform:translate3d(0,72px,0) scale(.94)}.motion-ready [data-reveal=surface][data-reveal-state=entered]{animation:surface-arrive 1.05s cubic-bezier(.2,.75,.2,1) var(--reveal-delay, .1s) both}@keyframes surface-arrive{0%{opacity:0;transform:translate3d(0,72px,0) scale(.94);clip-path:inset(8% 3% 0 round 24px)}to{opacity:1;transform:translateZ(0) scale(1);clip-path:inset(0 0 0 round 0)}}.motion-ready [data-motion-scene]{opacity:calc(1 - var(--scene-exit, 0) * .9);translate:0 calc(var(--scene-exit, 0) * -80px)}.motion-ready [data-motion-scene]:focus-within{opacity:1}.motion-ready [data-scene-active=true] .theme-swatch i{animation:swatch-float 3.2s ease-in-out infinite alternate}.motion-ready [data-scene-active=true] .theme-swatch i:nth-child(2){animation-delay:-.5s}.motion-ready [data-scene-active=true] .theme-swatch i:nth-child(3){animation-delay:-1s}.motion-ready [data-scene-active=true] .theme-swatch i:nth-child(4){animation-delay:-1.5s}.motion-ready [data-scene-active=true] .theme-swatch i:nth-child(5){animation-delay:-2s}@keyframes swatch-float{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.motion-ready .template-visual{perspective:1200px}.motion-ready .template-visual img{transform:rotateY(calc((var(--scene-progress, .5) - .5) * -14deg))}.motion-ready .hud-drawing .draw-curve{stroke-dashoffset:calc((1 - var(--scene-progress, .5)) * 500)}.motion-ready .btw-strip span{animation:strip-enter .9s cubic-bezier(.2,.75,.2,1) both}@keyframes strip-enter{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.reveal-line-content,.motion-ready .reveal-line-content{clip-path:none!important;animation:none!important}.reveal-line-cover{display:none!important}.motion-ready [data-reveal],.motion-ready [data-motion-scene]{opacity:1!important;transform:none!important;translate:none!important;clip-path:none!important;animation:none!important}.theme-swatch i,.template-visual img{animation:none!important;transform:none!important}}.recordings-section{padding-top:72px}.recording-studio-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:30px}.recording-studio-tabs button{position:relative;color:var(--muted);padding:18px 30px;font-size:18px;transition:color .2s}.recording-studio-tabs button:after{content:"";position:absolute;left:20px;right:20px;bottom:-1px;height:3px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.2,.75,.2,1)}.recording-studio-tabs button[aria-selected=true]{color:var(--ink)}.recording-studio-tabs button[aria-selected=true]:after{transform:scaleX(1)}.recording-studio-tabs button:hover{color:var(--accent)}.recording-chapters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.recording-chapters button{display:flex;align-items:center;gap:14px;padding:11px 14px;border:1px solid var(--line);border-radius:6px;font-size:13px;transition:background .2s,color .2s,border-color .2s}.recording-chapters button>span:last-child{font:10px var(--font-mono);color:var(--muted)}.recording-chapters button[aria-current=true]{background:var(--accent);border-color:var(--accent);color:var(--button-ink)}.recording-chapters button[aria-current=true]>span:last-child{color:inherit;opacity:.7}.recording-chapters button:hover{border-color:var(--accent)}.recording-frame{background:var(--panel-deep);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 28px 100px -65px #0009}.recording-frame video{width:100%;aspect-ratio:16/9;object-fit:contain}.recording-meta{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font:11px var(--font-mono);margin-top:18px}.recording-meta a:hover{color:var(--accent)}.recording-notice{min-height:18px;margin-top:10px;font-size:12px;color:var(--muted)}.recording-notice a,.recording-fallback a{text-decoration:underline}.recording-fallback{font-size:14px;display:flex;flex-wrap:wrap;gap:14px}.brand-recordings{border-top:1px solid var(--line);background:var(--panel)}.brand-recordings .section-heading p{max-width:390px}.brand-recordings .recording-chapters button{font-family:var(--font-mono);font-size:15px}.brand-recordings .text-link{margin-top:10px}@media(max-width:600px){.recording-studio-tabs{gap:0;margin-bottom:22px}.recording-studio-tabs button{padding:15px 19px;font-size:15px}.recording-studio-tabs button:after{left:12px;right:12px}.recording-chapters{gap:6px}.recording-chapters button{padding:9px 11px;gap:10px;font-size:12px}.recording-meta{font-size:10px}.recording-frame{border-radius:7px}.brand-recordings .recording-chapters button{font-size:12px}}@media(max-width:360px){.recording-studio-tabs button{padding-inline:14px}}.layout-overview{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:clamp(24px,4vw,64px);align-items:center}.layout-overview h3{font-size:clamp(28px,3vw,42px);margin-bottom:16px}.layout-overview p,.layout-overview dd{color:var(--muted);line-height:1.6}.layout-overview dl{display:grid;gap:18px;margin:24px 0}.layout-overview dt{font-weight:600;margin-bottom:4px}.layout-overview dd,.layout-overview figure{margin:0}.layout-overview img{display:block;width:100%;height:auto;border-radius:8px}.layout-overview figcaption{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:16px;color:var(--muted);font-size:12px}.layout-overview figcaption a{text-decoration:underline}.recording-studio-tabs{overflow-x:auto}.recording-studio-tabs button{flex-shrink:0}@media(max-width:800px){.layout-overview{grid-template-columns:1fr}}@media(max-width:600px){.recording-studio-tabs button{padding-inline:12px}}