@property --playground-card-grayscale{syntax:"<number>";inherits:true;initial-value:1}@layer orbition.product{.playground-section{--playground-title-size:var(--font-size-64);max-inline-size:none}.playground-section__legacy-anchor{position:absolute;inset-block-start:var(--spacing-0)}.playground-rail{z-index:1;pointer-events:none;margin-block-end:var(--spacing-40);position:relative}.playground-pin{display:contents}.playground-grid{z-index:1;position:relative}.playground-intro__stats--compact,.playground-progress{display:none}.playground-rail__title{inline-size:fit-content;max-inline-size:var(--layout-1200);margin:var(--spacing-0) auto;font-family:var(--font-family-geist);font-size:var(--playground-title-size);font-weight:var(--font-weight-800);letter-spacing:-.045em;white-space:nowrap;color:var(--foreground-default);line-height:1.08}.playground-intro{align-items:center;gap:var(--spacing-12) var(--spacing-16);flex-wrap:wrap;margin-block-end:var(--spacing-24);display:flex}.playground-intro__title{margin:var(--spacing-0);white-space:nowrap}.playground-intro__stats{margin:var(--spacing-0);padding:var(--spacing-0);list-style:none}.playground-intro__stats>li{display:flex}@media (not (max-width:64rem)) and (not (max-height:40rem)){.playground-section{--playground-card-footer:var(--layout-64);block-size:100svh;padding-block:var(--spacing-80) var(--spacing-40);flex-direction:column;display:flex}.playground-section>*,.playground-pin>*{flex-shrink:0}.playground-section .playground-grid{flex-direction:column;flex:1 1 0;min-block-size:0;display:flex}.playground-section .playground-stage{flex-direction:column;flex:1 1 0;min-block-size:0;display:flex;container:playground-stage/size}.playground-section .playground-intro{block-size:var(--layout-44);flex-wrap:nowrap;flex:none}.playground-section .playground-view{flex:1 1 0;align-content:center;min-block-size:0;display:grid}.playground-section :is(.playground-intro,.card-grid){--playground-card-gap:var(--spacing-24);--playground-intro-block:calc(var(--layout-44) + var(--spacing-24));--playground-stage-block:calc(100cqb - var(--playground-intro-block));--playground-card-chrome:calc(var(--playground-card-footer) + var(--spacing-4));--playground-card-4x3:min(calc((100cqi - 3 * var(--playground-card-gap)) / 4), calc(((var(--playground-stage-block) - 2 * var(--playground-card-gap)) / 3 - var(--playground-card-chrome)) * 16 / 9));--playground-card-3x4:min(calc((100cqi - 2 * var(--playground-card-gap)) / 3), calc(((var(--playground-stage-block) - 3 * var(--playground-card-gap)) / 4 - var(--playground-card-chrome)) * 16 / 9));--playground-card-2x6:min(calc((100cqi - var(--playground-card-gap)) / 2), calc(((var(--playground-stage-block) - 5 * var(--playground-card-gap)) / 6 - var(--playground-card-chrome)) * 16 / 9));--playground-card-size:calc(max(var(--playground-card-4x3), var(--playground-card-3x4), var(--playground-card-2x6)) - 1px);inline-size:min(var(--layout-full), calc(4 * var(--playground-card-size) + 3 * var(--playground-card-gap)));margin-inline:auto}.playground-section .card-grid{grid-template-columns:repeat(auto-fill, var(--playground-card-size));justify-content:center;gap:var(--playground-card-gap)}.playground-section .playground-card__footer{block-size:var(--playground-card-footer);padding-block:var(--spacing-0);align-items:center}@container playground-stage not (min-inline-size:45rem){.playground-section .playground-intro{align-content:stretch;row-gap:var(--spacing-8);block-size:calc(2 * var(--layout-44) + var(--spacing-8));flex-wrap:wrap}.playground-intro__stats{order:1;flex-basis:var(--layout-full)}.playground-section :is(.playground-intro,.card-grid){--playground-intro-block:calc(2 * var(--layout-44) + var(--spacing-8) + var(--spacing-24))}}@container playground-stage (not (min-block-size:49rem)) or (not (min-inline-size:60rem)){:is(.playground-intro,.card-grid){--playground-card-footer:var(--layout-44)}.playground-card__footer{padding-inline:var(--spacing-12)}.playground-card__title{font-size:var(--font-size-14)}}}@media (max-width:64rem){.playground-section{--playground-title-size:var(--portfolio-title-size);--playground-gutter:var(--portfolio-gutter);--playground-gap:var(--spacing-20);--playground-slide-width:min(84vw, var(--layout-520));--playground-step:calc(var(--playground-slide-width) + var(--playground-gap));padding-inline:var(--spacing-0)}.playground-pin{display:block;container-type:inline-size}.playground-rail{margin-block-end:var(--spacing-24);margin-inline:var(--playground-gutter)}.playground-rail__title{max-inline-size:var(--layout-full);margin-inline:var(--spacing-0)}.playground-intro__title{display:none}.playground-intro{margin-block-end:var(--spacing-8);margin-inline:var(--playground-gutter)}.playground-intro__stats:not(.playground-intro__stats--compact){display:none}.playground-intro__stats--compact{gap:var(--spacing-8);flex-wrap:nowrap;display:flex}.playground-progress{align-items:center;gap:var(--spacing-16);margin:var(--spacing-8) var(--playground-gutter) var(--spacing-0);color:var(--foreground-dim3);font-family:var(--font-family-geist-mono);font-size:var(--font-size-12);font-weight:var(--font-weight-500);font-variant-numeric:tabular-nums;letter-spacing:.1em;display:flex}.playground-progress__track{inline-size:clamp(var(--layout-96), 14vw, var(--layout-200));block-size:var(--border-width-2);border-radius:var(--border-radius-circular);background:var(--border-a20);display:block;position:relative;overflow:clip}.playground-progress__thumb{background:var(--foreground-default);transform-origin:0;scale:var(--playground-progress,0) 1;transition:scale var(--enter-200);display:block;position:absolute;inset:0}.playground-section .card-grid{gap:var(--playground-gap);inline-size:var(--layout-full);padding:var(--spacing-16) calc((100cqi - var(--playground-slide-width)) / 2);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;align-items:start;display:flex;overflow-x:auto}.playground-section .card-grid::-webkit-scrollbar{display:none}.playground-section .playground-card{flex:0 0 var(--playground-slide-width);inline-size:var(--playground-slide-width);scroll-snap-align:center}.playground-section .playground-card__footer{block-size:var(--layout-48);padding-block:var(--spacing-0);padding-inline:var(--spacing-12) var(--spacing-8);align-items:center}.playground-card__title{font-size:var(--font-size-14)}}.playground-card{min-inline-size:var(--spacing-0);cursor:pointer}.playground-card__media{background:var(--background-dim1);position:relative}.playground-card__poster,.playground-card__video{inline-size:var(--layout-full);block-size:var(--layout-full);object-fit:cover;display:block}.playground-card__video{inset:var(--spacing-0);opacity:0;position:absolute}.playground-card[data-playing] .playground-card__video{opacity:1}.playground-section[data-media-tone=grayscale] .playground-card:not(:hover,:focus-within,[data-playing],[data-active]) :is(.playground-card__video,.playground-card__poster){filter:grayscale()}@media (prefers-reduced-motion:no-preference){.playground-section[data-media-tone=grayscale] .playground-card__video{transition:filter var(--enter-200)}@media (max-width:64rem){.playground-section[data-media-tone=grayscale] .playground-card__poster{transition:filter var(--enter-200)}}}.playground-card__footer{flex-wrap:nowrap;justify-content:space-between}.playground-card__title{align-items:center;gap:var(--spacing-8);min-inline-size:var(--spacing-0);margin:var(--spacing-0);display:flex}.playground-card__title>span{min-inline-size:var(--spacing-0);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.playground-card{container:playground-card/inline-size}@container playground-card not (min-inline-size:18.5rem){.playground-card__title>:not(span){display:none}}#playground-configure-dialog .dialog-popup{padding:var(--spacing-0);gap:var(--spacing-0);position:relative}#playground-configure-dialog .dialog-header{z-index:1;position:absolute;inset-block-start:var(--spacing-12);inset-inline-end:var(--spacing-12)}#playground-configure-dialog .dialog-body{min-block-size:var(--spacing-0);flex:1;overflow:hidden}#playground-configure-dialog .dialog-actions{display:none}.playground-configure{grid-template-columns:minmax(var(--layout-280), var(--layout-360)) minmax(var(--spacing-0), 1fr);block-size:var(--layout-full);min-block-size:var(--spacing-0);display:grid}.playground-configure__panel{min-block-size:var(--spacing-0);overscroll-behavior:contain;border-inline-end:var(--border-width-1) solid var(--border-a10);grid-area:1/1;align-content:start;display:grid;overflow-y:auto}.playground-configure__intro{gap:var(--spacing-12);margin-inline:var(--spacing-24);padding-block:var(--spacing-24);border-block-end:var(--border-width-1) solid var(--border-a10);display:grid}.playground-configure__header{align-items:center;gap:var(--spacing-8);flex-wrap:wrap;display:flex}.playground-configure__title{margin:var(--spacing-0)}.playground-configure__description{margin:var(--spacing-0);color:var(--foreground-dim1)}.playground-configure__stage{min-inline-size:var(--spacing-0);min-block-size:var(--spacing-0)}.playground-configure>.playground-configure__stage{grid-area:1/2}.playground-configure__frame{inline-size:var(--layout-full);block-size:var(--layout-full);border:none;display:block}.playground-configure__choice{justify-items:start;gap:var(--spacing-4);min-inline-size:var(--spacing-0);display:grid}.playground-configure__heading{align-items:center;gap:var(--spacing-8);display:flex}.playground-configure__heading>span{min-inline-size:var(--spacing-0);text-overflow:ellipsis;overflow:hidden}.playground-configure__stage[slot=pinned]{block-size:min(55dvh, var(--layout-400));flex:none}@media (not (max-width:64rem)) and (orientation:landscape){.playground-section{--playground-title-size:15svh;padding-inline:calc(var(--playground-title-size) * 1.05 + var(--spacing-40)) calc(var(--spacing-80) + var(--layout-48) + var(--spacing-40))}.portfolio-section.playground-section .playground-rail{margin:var(--spacing-0);padding-block:50svh;position:absolute;inset:0}.playground-rail__pin{block-size:0;position:sticky;top:50svh}.playground-rail__title{margin:var(--spacing-0);writing-mode:vertical-rl;line-height:1.05;transform:translateY(-50%)}}}@supports (animation-timeline:view()) and (animation-range:contain 0% contain 100%){@media (max-width:64rem) and (min-height:40rem) and (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){@layer orbition.product{.portfolio-section.playground-section:not([data-motion=off]){--playground-slide-width:min(84vw, var(--layout-520), calc((100svh - var(--layout-400) - var(--spacing-40)) * 16 / 9));block-size:calc(100svh + (var(--playground-count) - 1) * var(--playground-step));padding-block:var(--spacing-0);view-timeline:--playground block;view-timeline-inset:0}.portfolio-section.playground-section:not([data-motion=off])>.playground-pin{block-size:100svh;padding-block:var(--spacing-80) var(--spacing-24);flex-direction:column;display:flex;position:sticky;inset-block-start:0;overflow:clip}.playground-section:not([data-motion=off]) .playground-rail{flex:none;margin-block-end:var(--spacing-16)}.playground-section:not([data-motion=off]) :is(.playground-grid,.playground-stage){flex-direction:column;flex:1 1 0;min-block-size:0;display:flex}.playground-section:not([data-motion=off]) .playground-view{flex:none;margin-block-start:auto}.playground-section:not([data-motion=off]) .card-grid{scroll-snap-type:none;inline-size:max-content;animation:linear both playground-track;animation-timeline:--playground;animation-range:contain;overflow:visible}.playground-section:not([data-motion=off]) .playground-card{scroll-snap-align:none;animation:linear both playground-slide;animation-timeline:--playground;animation-range:contain var(--slide-range-start) contain var(--slide-range-end)}.playground-section[data-media-tone=grayscale]:not([data-motion=off]) .playground-card:not(:hover,:focus-within,[data-playing]) .playground-card__poster{filter:grayscale(var(--playground-card-grayscale))}.playground-section:not([data-motion=off]) .playground-progress{flex:none;margin-block-end:auto}.playground-section:not([data-motion=off]) .playground-progress__thumb{transition:none;animation:linear both playground-progress;animation-timeline:--playground;animation-range:contain}@keyframes playground-track{to{translate:calc(100cqi - 100%)}}@keyframes playground-slide{0%,to{opacity:.55;--playground-card-grayscale:var(--interaction-media-rest-grayscale);scale:.9}50%{opacity:1;--playground-card-grayscale:0;scale:1}}@keyframes playground-progress{0%{scale:0 1}to{scale:1}}}}}
@layer orbition.product{.portfolio-home{position:relative}.portfolio-home__footer{inset-inline:var(--spacing-0);z-index:2;position:absolute;inset-block-end:var(--spacing-0)}#contact.contact-section{--contact-word-size:min(calc((min(100vw, var(--layout-1600)) - var(--spacing-48) * 2) / 4), 30svh);--contact-word-floor:var(--spacing-24);--contact-pill-size:calc(var(--contact-word-size) * .24);min-block-size:100svh;max-inline-size:var(--layout-1600);padding-block:max(var(--spacing-48), var(--contact-footer-size,0px));padding-inline:var(--spacing-48);flex-direction:column;justify-content:center;display:flex;overflow:visible clip}#contact>.portfolio-section__pattern{inset-block:var(--spacing-0);block-size:auto;inline-size:100vw;margin:var(--spacing-0);position:absolute;inset-inline-start:calc(50% - 50vw)}#contact>.contact-stage{inset:var(--spacing-0);z-index:1;pointer-events:none;position:absolute;inset-block-end:var(--contact-footer-size,0px);overflow:clip}.contact-word{inset:auto var(--spacing-0) calc(var(--contact-word-floor) + var(--contact-word-size) * .2);margin:var(--spacing-0);font-family:var(--font-family-geist);font-size:var(--contact-word-size);font-weight:var(--font-weight-800);letter-spacing:-.045em;text-align:center;white-space:nowrap;color:var(--foreground-default);line-height:.8;position:absolute}.contact-word__letter{cursor:grab;pointer-events:auto;-webkit-user-select:none;user-select:none;-webkit-text-fill-color:transparent;display:inline-block;position:relative}.contact-word__glyph{block-size:var(--contact-glyph-height);pointer-events:none;max-inline-size:none;position:absolute;inset-block-start:calc((1lh - var(--contact-glyph-height)) / 2);inset-inline-start:var(--spacing-0);overflow:visible}.contact-word__glyph>.contact-word__shape{fill:none;stroke:var(--border-a40);stroke-width:var(--border-width-1);vector-effect:non-scaling-stroke;transition:fill var(--exit-300), stroke var(--exit-300)}.contact-word__letter[data-dragging]{cursor:grabbing}.contact-word__space{inline-size:.24em;display:inline-block}.contact-word__word{display:contents}.contact-word__baseline{inline-size:var(--spacing-0);block-size:var(--spacing-0);display:inline-block}#contact[data-fall=waiting] :is(.contact-word__letter,.contact-social){visibility:hidden}#contact[data-fall=waiting] .contact-newsletter{opacity:0;pointer-events:none}#contact[data-fall=falling] .contact-word__letter:not([data-landed]) .contact-word__glyph>path{fill:var(--orbition-internal-surface-paint,var(--background-default));stroke:var(--foreground-default);stroke-width:var(--border-width-2)}.contact-layout{--contact-newsletter-max:calc(var(--layout-400) + var(--spacing-16));--contact-columns:minmax(var(--spacing-0), 1fr) minmax(var(--spacing-0), var(--contact-newsletter-max)) minmax(var(--spacing-0), 1fr);grid-template-columns:var(--contact-columns);grid-template-rows:minmax(var(--layout-320), auto);align-items:stretch;gap:var(--spacing-48);display:grid}.contact-newsletter{--background-default:var(--orbition-internal-surface-paint);z-index:2;min-inline-size:var(--dimension-0);inline-size:var(--layout-full);border-radius:var(--border-radius-16);grid-area:1/2;align-self:start;position:relative}#contact[data-fall] .contact-newsletter{cursor:grab}#contact[data-fall] .contact-newsletter[data-dragging]{cursor:grabbing;-webkit-user-select:none;user-select:none}#contact[data-fall] .contact-newsletter :is(p,[data-composition-role=headline],[data-composition-role=body]){-webkit-user-select:none;user-select:none}.contact-playground{grid-area:1/1/auto/-1;align-items:end;display:grid;position:relative}.contact-socials{inset:auto var(--spacing-0) var(--spacing-0);grid-template-columns:var(--contact-columns);grid-auto-flow:dense;align-content:end;justify-items:center;column-gap:var(--spacing-48);display:grid;position:absolute}.contact-socials>.contact-social:nth-child(odd){grid-column:1}.contact-socials>.contact-social:nth-child(2n){grid-column:3}.contact-socials>.contact-social:nth-child(n+3){margin-block-start:-.2em}@media not (max-width:64rem){.contact-socials>.contact-social:nth-child(odd){translate:-10%}.contact-socials>.contact-social:nth-child(2n){translate:10%}}#contact[data-fall] .contact-socials>.contact-social{translate:none}.contact-social{--button-hover-background:transparent;--button-hover-border-color:light-dark(transparent,var(--border-a40));--button-active-border-color:light-dark(transparent,var(--border-a40));min-block-size:var(--dimension-0);border-radius:var(--border-radius-circular);background-color:var(--orbition-internal-surface-paint,var(--background-default));block-size:auto;font-size:var(--contact-pill-size);font-weight:var(--font-weight-600);letter-spacing:-.035em;white-space:nowrap;transform:rotate(calc(var(--social-rotation) * .5));touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;align-items:center;gap:.28em;padding:.2em .5em .2em .38em;line-height:1.1;display:inline-flex}.contact-social[data-dragging]{z-index:2;cursor:grabbing;box-shadow:var(--portfolio-shadow);position:relative}.contact-social .portfolio-social-icon{block-size:1em;inline-size:1em}.contact-profile .avatar{inline-size:calc(var(--contact-pill-size) * 1.1);block-size:calc(var(--contact-pill-size) * 1.1)}.contact-profile{border-radius:var(--border-radius-0);color:var(--foreground-default);background-color:#0000}.contact-profile[data-dragging]{box-shadow:none}.portfolio-social-icon{inline-size:var(--dimension-24);block-size:var(--dimension-24);-webkit-mask-size:calc(var(--social-icon-scale,1) * 100%) auto;mask-size:calc(var(--social-icon-scale,1) * 100%) auto;background:currentColor;flex:none;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.footer__baseline-slot--icon .portfolio-social-icon{inline-size:var(--dimension-20);block-size:var(--dimension-20)}}@media (max-width:64rem){@layer orbition.product{.portfolio-home__footer{position:static}#contact.contact-section{--contact-word-size:min(var(--portfolio-display-size), calc((100vw - var(--spacing-24) * 2) / 4));--contact-pill-size:var(--font-size-16);gap:var(--spacing-24);min-block-size:auto;padding:var(--spacing-24) var(--spacing-24) var(--spacing-64);justify-content:start;overflow:visible}#contact>.contact-stage{position:relative;inset:auto;overflow:visible}.contact-word{text-align:start;flex-wrap:wrap;column-gap:.24em;line-height:1;display:flex;position:static}.contact-word__word{white-space:nowrap;display:inline-block}.contact-word__space{display:none}.contact-word__letter{cursor:default;pointer-events:none;-webkit-text-fill-color:currentColor}.contact-word__glyph{display:none}.contact-layout{grid-template-columns:minmax(var(--spacing-0), 1fr);gap:var(--spacing-24);grid-template-rows:auto auto}.contact-newsletter{max-inline-size:var(--contact-newsletter-max);grid-area:2/1;justify-self:center}.contact-playground{grid-area:1/1}.contact-links{gap:var(--spacing-8);inline-size:100%;max-inline-size:var(--contact-newsletter-max);justify-self:center;display:grid}.contact-links .portfolio-social-icon{inline-size:var(--dimension-20);block-size:var(--dimension-20)}#contact[data-drop]{overflow:visible clip}#contact[data-drop]>.contact-layout{z-index:2}#contact [data-drop-state=waiting]{opacity:0;pointer-events:none}#contact [data-drop-state=falling]{will-change:transform}#contact .contact-links>[data-drop-state=falling]{background-color:var(--orbition-internal-surface-paint,var(--background-default))}#contact .contact-newsletter[data-drop-state=falling]{z-index:3}#contact[data-drop] .contact-word__letter{cursor:pointer;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent}}}@media (prefers-reduced-motion:reduce){@layer orbition.product{.contact-word__glyph>path{transition:none}}}
@layer orbition.product{.music-playlist__dialog-content{flex:1 1 var(--spacing-0);min-inline-size:var(--spacing-0);min-block-size:var(--spacing-0);display:flex}.music-playlist__selection,.music-playlist__media{flex-direction:column;flex:1 1 var(--spacing-0);gap:var(--spacing-16);min-inline-size:var(--spacing-0);min-block-size:var(--spacing-0);display:flex}.music-playlist__selection{inline-size:var(--layout-full);--playlist-controls-block-size:var(--spacing-48)}.music-playlist__selection[data-layout=dialog]{--playlist-media-max-block-size:max(var(--layout-80), calc(100cqb - var(--playlist-controls-block-size) - var(--spacing-32) - var(--layout-120)));container:playlist/size}.music-playlist__list-viewport{flex:1 1 var(--spacing-0);min-inline-size:var(--spacing-0);min-block-size:var(--spacing-0);overscroll-behavior:contain;border:var(--border-width-1) solid var(--border-a20);border-radius:var(--border-radius-16);overflow:auto}.music-playlist__intro{margin:var(--spacing-0);padding:var(--spacing-16);color:var(--foreground-dim1)}.music-playlist__controls{min-inline-size:var(--spacing-0);padding:var(--spacing-4);flex:none}.music-playlist__featured{grid-template-columns:minmax(var(--spacing-0), 1fr);min-inline-size:var(--spacing-0);flex:none;display:grid}.music-playlist__audio-player{grid-template-columns:var(--spacing-64) minmax(var(--spacing-0), 1fr) auto;align-items:center;gap:var(--spacing-16);min-inline-size:var(--spacing-0);min-block-size:var(--layout-80);padding:var(--spacing-8);border-radius:var(--border-radius-16);color:var(--foreground-default);background:var(--background-dim2);display:grid}.music-playlist__audio-player audio{display:none}.music-playlist__artwork{inline-size:var(--spacing-64);aspect-ratio:1;border-radius:var(--border-radius-8);background:var(--background-dim3);place-items:center;display:grid;overflow:hidden}.music-playlist__artwork img{inline-size:var(--layout-full);block-size:var(--layout-full);object-fit:cover}.music-playlist__audio-body,.music-playlist__audio-heading{min-inline-size:var(--spacing-0);display:grid}.music-playlist__audio-body{grid-template-rows:1fr var(--spacing-24);block-size:var(--spacing-64)}.music-playlist__transport{grid-template-columns:minmax(var(--spacing-0), 1fr) auto;align-items:center;gap:var(--spacing-12);min-inline-size:var(--spacing-0);display:grid}.music-playlist__seek{inline-size:var(--layout-full);min-inline-size:var(--spacing-0);block-size:var(--spacing-24);margin:var(--spacing-0);accent-color:var(--foreground-default);cursor:pointer}.music-playlist__seek:focus-visible{outline:var(--border-width-2) solid var(--state-focus);outline-offset:var(--spacing-2)}.music-playlist__play-button{inline-size:var(--spacing-40);block-size:var(--spacing-40);border-radius:var(--border-radius-circular);color:var(--foreground-inverse);background:var(--foreground-default);place-items:center;display:grid}.music-playlist__play-button:hover{background:var(--background-inverse-dim1)}.music-playlist__play-button:active{background:var(--background-inverse-dim2)}.music-playlist__play-button:focus-visible{outline:var(--border-width-2) solid var(--state-focus);outline-offset:var(--spacing-2)}.music-playlist__time{color:var(--foreground-dim1);font-variant-numeric:tabular-nums}.music-playlist__audio-error{gap:var(--spacing-4) var(--spacing-8);color:var(--foreground-dim1);flex-wrap:wrap;display:flex}.music-playlist__audio-player:has(.music-playlist__audio-error){grid-template-columns:var(--spacing-64) minmax(var(--spacing-0), 1fr)}.music-playlist__audio-body:has(.music-playlist__audio-error){gap:var(--spacing-4);block-size:auto;min-block-size:var(--spacing-64);grid-template-rows:auto auto}.music-playlist__music,.music-playlist__video,.music-playlist__podcast{inline-size:var(--layout-full);max-inline-size:var(--layout-full);border-radius:var(--border-radius-16);border:none;display:block}.music-playlist__music{block-size:var(--layout-80)}.music-playlist__video{aspect-ratio:16/9;block-size:auto;max-block-size:var(--playlist-media-max-block-size);background:var(--background-default)}.music-playlist__podcast{block-size:var(--layout-160);max-block-size:var(--playlist-media-max-block-size)}.music-playlist__restricted{gap:var(--spacing-8);min-inline-size:var(--spacing-0);display:grid}.music-playlist__restricted img{inline-size:var(--layout-full);aspect-ratio:16/9;max-block-size:max(var(--spacing-40), calc(var(--playlist-media-max-block-size) - var(--layout-120)));object-fit:cover;border-radius:var(--border-radius-16)}.music-playlist__restricted p{margin:var(--spacing-0)}.music-playlist__source-link{color:var(--foreground-default);text-underline-offset:var(--spacing-4);justify-self:start}.music-playlist__source-link:focus-visible{outline:var(--border-width-2) solid var(--state-focus);outline-offset:var(--spacing-4)}.music-playlist__item{inline-size:var(--layout-full);cursor:pointer}.music-playlist__item[hidden]{display:none}.music-playlist__item:nth-child(1 of :not([hidden])){border-block-start:0}.music-playlist__list{min-inline-size:var(--spacing-0);inline-size:var(--layout-full)}.music-playlist__item[aria-pressed=true]{background:var(--background-dim2)}.music-playlist__track{grid-template-columns:minmax(var(--spacing-0), 1fr);min-inline-size:var(--spacing-0);gap:var(--spacing-4);text-align:start;overflow-wrap:anywhere;display:grid}.music-playlist__artist{color:var(--foreground-dim1)}.music-playlist__entry{grid-template-columns:minmax(var(--spacing-0), 1fr);min-inline-size:var(--spacing-0);gap:var(--spacing-4);padding-block:var(--spacing-4);text-align:start;display:grid}.music-playlist__source{justify-content:space-between;align-items:center;gap:var(--spacing-16);color:var(--foreground-default);text-decoration:none;display:flex}.music-playlist__source>span{min-inline-size:var(--spacing-0)}.music-playlist__row-control{inline-size:var(--spacing-40);block-size:var(--spacing-40);flex-shrink:0;place-items:center;display:grid}.music-playlist__row-play{inline-size:var(--layout-full);block-size:var(--layout-full);border-radius:var(--border-radius-circular);color:var(--foreground-default);background:var(--background-dim3);place-items:center;display:grid}.music-playlist__item[aria-disabled=true] .music-playlist__row-play{color:var(--foreground-dim1);background:var(--background-dim3)}.music-playlist__item:focus-visible{outline:var(--border-width-2) solid var(--state-focus);outline-offset:calc(var(--border-width-2) * -1)}.music-playlist__title,.music-playlist__metadata{min-inline-size:var(--spacing-0);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.music-playlist__metadata{color:var(--foreground-dim1)}@media (max-height:30em){.music-playlist__selection{gap:var(--spacing-8)}}@container playlist (max-height:30rem){.music-playlist__media{gap:var(--spacing-8)}.music-playlist__restricted img{max-block-size:var(--spacing-40)}}@container playlist (min-width:30rem) and (max-height:20rem){.music-playlist__media{grid-template-columns:minmax(var(--spacing-0), 1fr) minmax(var(--spacing-0), 1fr);grid-template-rows:minmax(var(--spacing-0), 1fr);gap:var(--spacing-16);--playlist-media-max-block-size:max(var(--layout-80), calc(100cqb - var(--playlist-controls-block-size) - var(--spacing-16)));display:grid}.music-playlist__featured{align-self:start}.music-playlist__restricted img{display:none}}@container playlist (max-width:21.25rem){.music-playlist__audio-player{gap:var(--spacing-8)}.music-playlist__transport{gap:var(--spacing-4)}}@container playlist (max-width:18.75rem){.music-playlist__music{block-size:calc(var(--layout-160) - var(--spacing-8))}}.my-playlist-stage{flex-direction:column;min-block-size:100dvh;display:flex}.my-playlist-stage>.header{align-self:stretch}.my-playlist-page{flex-direction:column;flex:1 0 auto;display:flex}.music-playlist__selection[data-layout=page]{gap:var(--spacing-0);--playlist-media-max-block-size:40svh;flex:1 0 auto;container:playlist/inline-size}.music-playlist__title-row,.music-playlist__head,.music-playlist__list-region{box-sizing:border-box;inline-size:var(--layout-full);max-inline-size:calc(var(--layout-720) + var(--spacing-32));margin-inline:auto}.music-playlist__title-row{padding:var(--spacing-16) var(--spacing-16) var(--spacing-0)}.music-playlist__title-row h1{margin:var(--spacing-0)}.music-playlist__head{grid-template-columns:minmax(var(--spacing-0), 1fr);gap:var(--spacing-16);padding:var(--spacing-16);border-block-end:var(--border-width-1) solid var(--border-a20);background-color:var(--background-default);flex:none;display:grid}.music-playlist__head .music-playlist__controls{padding:var(--spacing-0)}.music-playlist__toolbar{align-items:center;gap:var(--spacing-8);min-inline-size:var(--spacing-0);display:flex}.music-playlist__toolbar>.music-playlist__controls{flex:1 1 var(--spacing-0)}.music-playlist__search-trigger{flex:none}.music-playlist__body{flex:1 0 auto}.music-playlist__list-region{padding-block-end:var(--spacing-96)}@media (min-height:30rem){.music-playlist__head{z-index:calc(var(--z-sticky) - 1);transition:inset-block-start var(--enter-200);position:sticky;inset-block-start:var(--layout-64)}.my-playlist-stage:has(>.header[data-retracted]) .music-playlist__head{transition:inset-block-start var(--exit-200);inset-block-start:var(--spacing-0)}}}
@layer orbition.product{.site-search-dialog__body{gap:var(--spacing-16);flex-direction:column;flex:auto;min-block-size:0;display:flex}.site-search-dialog__layout{grid-template-columns:minmax(0,3fr) minmax(16rem,2fr)}[data-kind=full-page] .site-search-dialog__layout{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.site-search-dialog__results-list{inline-size:100%}.site-search-dialog__result{border-radius:var(--border-radius-16);transition:opacity var(--enter-150), color var(--enter-150)}.site-search-dialog__results[data-navigation=keyboard] .site-search-dialog__result:not([data-active=true]):not(:focus-visible,:has(:focus-visible)){opacity:var(--interaction-dim-opacity)}.site-search-dialog__result .list__item-icon,.site-search-dialog__result .list__item-end{color:var(--foreground-dim1);flex:none}.search-dialog-result__content{gap:var(--spacing-4);flex:auto;min-inline-size:0;display:grid}.search-dialog-result__line{min-inline-size:0}.search-dialog-result__title,.search-dialog-result__path,.search-dialog-result__snippet{text-overflow:ellipsis;min-inline-size:0;overflow:hidden}.search-dialog-result__title,.search-dialog-result__snippet,.search-dialog-result__path{white-space:nowrap}.site-search-dialog__empty{padding:var(--spacing-24)}.site-search-dialog__preview{color:inherit;transition:background-color var(--enter-150), border-color var(--enter-150);justify-content:flex-start;align-self:start;text-decoration:none}a.site-search-dialog__preview:hover{background:var(--state-hover-background);border-color:var(--border-a40)}.site-search-dialog__preview-media{aspect-ratio:16/9;border-radius:var(--border-radius-12);background:var(--background-dim1);inline-size:100%;display:block;overflow:hidden}.site-search-dialog__preview-media img{object-fit:cover;block-size:100%;inline-size:100%;display:block}.site-search-dialog__preview h3{text-wrap:balance;max-inline-size:48ch}@media (max-width:53.75em){.site-search-dialog__layout{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.site-search-dialog__preview{flex-direction:row;align-self:stretch;align-items:center}.site-search-dialog__preview-media{flex:none;inline-size:8rem}.site-search-dialog__preview h3{font-size:var(--font-size-16)}}@media (prefers-reduced-motion:reduce){.site-search-dialog__result,.site-search-dialog__preview{transition:none}}}
@layer orbition.product{.catalog-page{max-inline-size:var(--layout-1600);padding:var(--spacing-32) var(--portfolio-gutter) var(--spacing-80);color:var(--foreground-default);font-family:var(--font-family-geist);margin-inline:auto}.catalog-page :is(h1,h2,h3,p,dl,dd,dt){margin-block-start:0}.catalog-page :is(h1,h2,h3){font-family:var(--font-family-geist);color:var(--foreground-default)}.catalog-page :is(code,.catalog-mono){font-family:var(--font-family-geist)}.catalog-shape-defs{block-size:0;inline-size:0;position:absolute;overflow:hidden}.catalog-eyebrow{color:var(--foreground-dim3);font-family:var(--font-family-geist);font-size:var(--font-size-12);font-weight:var(--font-weight-500);letter-spacing:var(--letter-spacing-018);line-height:var(--line-height-15);text-transform:uppercase;margin-block-end:var(--spacing-12)}.catalog-mono{color:var(--foreground-dim3);font-family:var(--font-family-geist);font-size:var(--font-size-12);line-height:var(--line-height-15)}.catalog-muted-cell{color:var(--foreground-dim1)}.catalog-page .visually-hidden{inline-size:var(--spacing-1);block-size:var(--spacing-1);margin:calc(var(--spacing-1) * -1);clip-path:inset(50%);white-space:nowrap;border:0;padding:0;position:absolute;overflow:hidden}.catalog-footer__links,.catalog-actions-row,.catalog-chip-row,.catalog-switch-row,.catalog-pattern-meta,.catalog-summary__topline,.catalog-card-heading,.catalog-token-action,.catalog-current-value{align-items:center;display:flex}.catalog-header{margin-inline:var(--spacing-0);margin-block-end:var(--spacing-32)}.catalog-header__version{text-overflow:ellipsis;white-space:nowrap;max-inline-size:28ch;overflow:clip}.catalog-hero__content{padding-block-start:var(--spacing-80);display:block}.catalog-hero__copy{max-inline-size:var(--layout-720)}.catalog-hero__composition{gap:var(--spacing-24);max-inline-size:var(--layout-720);margin-block-end:var(--spacing-32);display:grid}.catalog-hero__title{margin-block-end:var(--spacing-0)}.catalog-hero__lead{max-inline-size:58ch;color:var(--foreground-dim1);margin-block-end:var(--spacing-0)}.catalog-hero__meta{gap:inherit}.catalog-layout{grid-template-columns:minmax(0, 1fr) var(--layout-240);column-gap:var(--spacing-48);align-items:start;display:grid}.catalog-toc-rail{max-block-size:calc(100dvh - var(--spacing-80) - var(--spacing-24));grid-area:1/2;min-inline-size:0;margin-block-start:var(--spacing-80);position:sticky;inset-block-start:var(--spacing-80);overflow-y:auto}.catalog-layout>.catalog-content{grid-area:1/1}.catalog-color-filter{max-inline-size:var(--layout-400);margin-block-end:var(--spacing-20)}.catalog-actions-row{gap:var(--spacing-8);flex-wrap:wrap}.catalog-foundation-card,.catalog-component-card,.catalog-pattern-card,.catalog-shape-card,.catalog-color-intro{min-inline-size:0}.catalog-card-content{gap:var(--spacing-16);min-inline-size:0;display:grid}.catalog-summary__topline,.catalog-card-heading{justify-content:space-between;gap:var(--spacing-12)}.catalog-content{min-inline-size:0}.catalog-page [id]{scroll-margin-block-start:var(--layout-80)}.catalog-section{padding-block:var(--spacing-80);border-block-end:var(--border-width-1) solid var(--border-a20)}.catalog-section__intro{grid-template-columns:minmax(0,1fr);align-items:start;margin-block-end:var(--spacing-40);display:grid}.catalog-section__title{max-inline-size:20ch;margin-block-end:var(--spacing-12)}.catalog-section__description{max-inline-size:64ch;color:var(--foreground-dim1);font-size:var(--font-size-16);line-height:var(--line-height-18)}.catalog-foundations-grid,.catalog-component-grid,.catalog-pattern-layout{gap:var(--spacing-20);grid-template-columns:minmax(0,1fr);display:grid}.catalog-foundation-card .catalog-card-content,.catalog-component-card .catalog-card-content,.catalog-pattern-card .catalog-card-content{block-size:100%}.catalog-foundation-card h3,.catalog-component-card h3,.catalog-pattern-card h3,.catalog-color-intro h3,.catalog-type-display{margin-block-end:var(--spacing-0)}.catalog-type-body,.catalog-component-card p,.catalog-pattern-card p,.catalog-color-intro p,.catalog-subsection-heading>p{color:var(--foreground-dim1)}.catalog-type-body{margin-block-end:var(--spacing-0)}.catalog-type-scale{align-items:baseline;gap:var(--spacing-12);border-block-start:var(--border-width-1) solid var(--border-a20);flex-wrap:wrap;margin-block-start:auto;padding-block-start:var(--spacing-20);display:flex}.catalog-type-scale__item{color:var(--foreground-default)}.catalog-typography-font-card,.catalog-typography-subsection{margin-block-start:var(--spacing-48)}.catalog-typography-font-card{margin-block-start:var(--spacing-0)}.catalog-typography-font-card__lede{max-inline-size:68ch;margin-block-end:var(--spacing-0)}.catalog-typography-font-card__details{gap:var(--spacing-12);margin:var(--spacing-0);border-block-start:var(--border-width-1) solid var(--border-a20);grid-template-columns:repeat(3,minmax(0,1fr));padding-block-start:var(--spacing-20);display:grid}.catalog-typography-font-card__details>div{gap:var(--spacing-4);min-inline-size:var(--dimension-0);display:grid}.catalog-typography-font-card__details dt{color:var(--foreground-dim1);font-size:var(--font-size-12)}.catalog-typography-font-card__details dd{margin:var(--spacing-0);overflow-wrap:anywhere}.catalog-typography-font-card__samples{gap:var(--spacing-12);border-block-start:var(--border-width-1) solid var(--border-a20);align-items:baseline;padding-block-start:var(--spacing-20);display:grid}.catalog-typography-font-card__samples>*{margin:var(--spacing-0)}.catalog-typography-table{min-inline-size:var(--layout-720)}.catalog-typography-table th,.catalog-typography-table td{vertical-align:top}.catalog-typography-table--semantic{min-inline-size:var(--layout-1600)}.catalog-typography-table--usage{min-inline-size:var(--layout-1200);table-layout:fixed}.catalog-typography-table--usage :is(th,td):first-child{inline-size:6%}.catalog-typography-table--usage :is(th,td):nth-child(2),.catalog-typography-table--usage :is(th,td):nth-child(3){inline-size:18%}.catalog-typography-table--usage :is(th,td):nth-child(4){inline-size:22%}.catalog-typography-table--usage :is(th,td):nth-child(5){inline-size:36%}.catalog-typography-table--usage code,.catalog-composition-table code{overflow-wrap:anywhere}.catalog-typography-table--primitives{min-inline-size:var(--layout-720)}.catalog-typography-table__role{color:var(--foreground-dim1);white-space:nowrap}.catalog-typography-table__group-start>:is(th,td){border-block-start:var(--border-width-1) solid var(--border-a40)}.catalog-typography-table__sample{min-inline-size:var(--layout-400);margin:var(--spacing-0);color:var(--foreground-default);white-space:nowrap}.catalog-typography-metric{gap:var(--spacing-4);white-space:nowrap;display:grid}.catalog-typography-metric code,.catalog-typography-table code{color:var(--foreground-dim1);font-size:var(--font-size-12)}.catalog-typography-values{gap:var(--spacing-8) var(--spacing-16);max-inline-size:var(--layout-400);padding:var(--spacing-0);margin:var(--spacing-0);flex-wrap:wrap;list-style:none;display:flex}.catalog-typography-values li{gap:var(--spacing-2);white-space:nowrap;display:grid}.catalog-typography-values li span{color:var(--foreground-dim1);font-size:var(--font-size-12)}.catalog-typography-note{max-inline-size:32ch;color:var(--foreground-dim1);font-size:var(--font-size-12);line-height:var(--line-height-14);margin-block-start:var(--spacing-4);display:block}.catalog-typography-usage-sample{min-inline-size:24ch;margin:var(--spacing-0)}.catalog-usage__portfolio-hero,.catalog-usage__work-title,.catalog-usage__card-title{margin:var(--spacing-0);font-family:var(--font-family-geist);font-weight:var(--font-weight-800);letter-spacing:-.045em}.catalog-usage__portfolio-hero{font-size:var(--font-size-36);white-space:nowrap;line-height:1.05}.catalog-usage__work-title{font-size:var(--font-size-48);line-height:1.08}.catalog-usage__card-title{font-size:var(--font-size-24);line-height:1.08}.catalog-composition-table{min-inline-size:var(--layout-1600);table-layout:fixed}.catalog-composition-table :is(th,td):first-child{inline-size:18%}.catalog-composition-table :is(th,td):nth-child(2){inline-size:30%}.catalog-composition-table :is(th,td):nth-child(3){inline-size:15%}.catalog-composition-table :is(th,td):nth-child(4){inline-size:6%}.catalog-composition-table :is(th,td):nth-child(5){inline-size:16%}.catalog-composition-table :is(th,td):nth-child(6){inline-size:15%}.catalog-composition-preview-cell{min-inline-size:var(--layout-400)}.catalog-composition-preview{gap:var(--spacing-16);min-inline-size:var(--layout-320);padding:var(--spacing-16);border:var(--border-width-1) solid var(--border-a20);border-radius:var(--border-radius-12);display:grid}.catalog-composition-preview>:is(strong,span:not(.typography-composition__tag-row)){max-inline-size:44ch}.catalog-composition-preview__tag-row,.catalog-composition-preview .typography-composition__tag-row{color:var(--foreground-dim1);font-size:var(--font-size-12)}.catalog-composition-address{overflow-wrap:anywhere;max-inline-size:34ch;display:block}.catalog-callout{margin-block-start:var(--spacing-20)}.catalog-callout strong{font-size:var(--font-size-16);font-weight:var(--font-weight-600)}.catalog-callout p{color:var(--foreground-dim1);font-size:var(--font-size-14);line-height:var(--line-height-18);margin-block-start:var(--spacing-4)}.catalog-callout code{color:var(--brand-color-ink)}.catalog-color-intro{margin-block-end:var(--spacing-20)}.catalog-color-intro__content{justify-content:space-between;align-items:center;gap:var(--spacing-24);display:flex}.catalog-color-intro__content>div{gap:var(--spacing-12);display:grid}.catalog-color-intro__content>p{max-inline-size:38ch;margin-block-end:var(--spacing-0)}.catalog-color-nav{gap:var(--spacing-4);flex-wrap:wrap;margin-block-end:var(--spacing-20);display:flex}.catalog-color-nav a{align-items:center;gap:var(--spacing-8);min-block-size:var(--target-size-32);padding:var(--spacing-6) var(--spacing-10);border-radius:var(--border-radius-8);color:var(--foreground-dim1);font-size:var(--font-size-14);text-decoration:none;display:inline-flex}.catalog-color-nav a:hover,.catalog-color-nav a:focus-visible{background:var(--background-dim2);color:var(--foreground-default)}.catalog-color-nav span{color:var(--brand-color-ink);font-family:var(--font-family-geist);font-size:var(--font-size-12)}.catalog-table-frame{min-inline-size:0;overflow-x:auto}.catalog-table-frame+.catalog-table-frame{margin-block-start:var(--spacing-20)}.catalog-token-table{min-inline-size:var(--layout-720)}.catalog-token-table th,.catalog-token-table td{vertical-align:middle}.catalog-token-table th[scope=row]{min-inline-size:var(--layout-240)}.catalog-table-token,.catalog-token-action{gap:var(--spacing-8)}.catalog-table-token{overflow-wrap:anywhere;color:var(--foreground-default);font-family:var(--font-family-geist);font-size:var(--font-size-14);font-weight:var(--font-weight-500);align-items:center;display:inline-flex}.catalog-alias-value{align-items:center;gap:var(--spacing-6);display:inline-flex}.catalog-color-dot{inline-size:var(--dimension-12);block-size:var(--dimension-12);border:var(--border-width-1) solid var(--border-a40);border-radius:var(--border-radius-circular);flex:none;display:inline-block}.catalog-color-dot--large{inline-size:var(--dimension-20);block-size:var(--dimension-20)}.catalog-current-value{gap:var(--spacing-6);color:var(--foreground-dim1);font-size:var(--font-size-12);white-space:nowrap}.catalog-token-table code{color:var(--foreground-dim1);font-size:var(--font-size-12);overflow-wrap:anywhere}.catalog-empty-cell{color:var(--foreground-dim1);text-align:center}.catalog-token-action{min-inline-size:var(--layout-200);justify-content:space-between}.catalog-token-action code{color:var(--foreground-default)}.catalog-copy-button{flex:none}.catalog-primitive-swatch{inline-size:var(--layout-96);block-size:var(--spacing-24);border:var(--border-width-1) solid var(--border-a20);border-radius:var(--border-radius-6);vertical-align:middle;display:inline-block}.catalog-color-subsection{margin-block-start:var(--spacing-64)}.catalog-runtime-note{color:var(--foreground-dim3);font-size:var(--font-size-12);line-height:var(--line-height-16);margin-block-start:var(--spacing-12)}.catalog-gradient-subsection{margin-block-start:var(--spacing-64)}.catalog-gradient-strip{min-block-size:var(--layout-96);border:var(--border-width-1) solid var(--border-a20);border-radius:var(--border-radius-16);grid-template-columns:repeat(5,minmax(0,1fr));margin-block-end:var(--spacing-20);display:grid;overflow:hidden}.catalog-gradient-stop{min-inline-size:0}.catalog-gradient-label{color:var(--foreground-dim3);font-size:var(--font-size-12);font-weight:var(--font-weight-400);margin-block-start:var(--spacing-4);display:block}.catalog-gradient-code{padding:var(--spacing-16);border:var(--border-width-1) solid var(--border-a20);border-radius:var(--border-radius-12);color:var(--foreground-dim1);font-size:var(--font-size-12);line-height:var(--line-height-16);margin-block-start:var(--spacing-20);overflow-x:auto}.catalog-subsection-heading{justify-content:space-between;align-items:end;gap:var(--spacing-24);margin-block-end:var(--spacing-20);display:flex}.catalog-subsection-heading>div{gap:var(--spacing-8);display:grid}.catalog-subsection-heading .catalog-eyebrow{margin-block-end:var(--spacing-0)}.catalog-subsection-heading h3{font-size:var(--font-size-28);font-weight:var(--font-weight-500);letter-spacing:-.03em;margin-block-end:var(--spacing-0)}.catalog-subsection-heading>p{max-inline-size:44ch;margin-block-end:var(--spacing-0)}.catalog-component-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-component-card .catalog-card-content{gap:var(--spacing-12)}.catalog-component-card .catalog-card-heading{margin-block-end:var(--spacing-4)}.catalog-component-card .catalog-actions-row,.catalog-component-card .catalog-switch-row{margin-block-start:auto;padding-block-start:var(--spacing-12)}.catalog-switch-row{justify-content:space-between;gap:var(--spacing-12)}.catalog-chip-demo,.catalog-shape-pattern{margin-block-start:var(--spacing-48)}.catalog-chip-row{gap:var(--spacing-8);padding:var(--spacing-20);border:var(--border-width-1) solid var(--border-a20);border-radius:var(--border-radius-16);flex-wrap:wrap}.catalog-pattern-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.catalog-pattern-meta{justify-content:space-between;gap:var(--spacing-12)}.catalog-pattern-card--gradient{background:color-mix(in oklab, var(--background-dim1) 86%, var(--brand-color-primary))}.catalog-gradient-preview{min-block-size:var(--layout-96);border-radius:var(--border-radius-12);background:var(--brand-gradient);background-size:200% 200%;animation:12s infinite catalog-gradient-flow}.catalog-gradient-preview--paused{animation-play-state:paused}@keyframes catalog-gradient-flow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.catalog-shape-grid{gap:var(--spacing-12);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.catalog-shape-card{min-inline-size:0}.catalog-shape-card__content{justify-items:center;gap:var(--spacing-8);text-align:center;display:grid}.catalog-shape-card__content>span{font-size:var(--font-size-14);font-weight:var(--font-weight-500)}.catalog-shape-card__content code{max-inline-size:100%;color:var(--foreground-dim3);font-size:var(--font-size-12);overflow-wrap:anywhere}.catalog-shape-card__preview{inline-size:var(--layout-48);block-size:var(--layout-48);place-items:center;display:grid}.catalog-shape-card__preview .orbit-nav__shape{inline-size:var(--spacing-32);block-size:var(--spacing-32)}.catalog-shape-card__preview .orbit-nav__silhouette{background-color:currentColor}.catalog-footer{justify-content:space-between;align-items:end;gap:var(--spacing-24);padding-block-start:var(--spacing-40);display:flex}.catalog-footer p:last-child{color:var(--foreground-dim1);font-size:var(--font-size-14);line-height:var(--line-height-16);margin-block-end:var(--spacing-0)}.catalog-footer__links{justify-content:flex-end;gap:var(--spacing-8);flex-wrap:wrap}.catalog-toast{inset:auto var(--spacing-24) var(--spacing-24) auto;z-index:20;max-inline-size:min(var(--layout-320), calc(100vw - var(--spacing-48)));padding:var(--spacing-12) var(--spacing-16);border-radius:var(--border-radius-8);background:var(--foreground-default);color:var(--background-default);font-size:var(--font-size-14);opacity:0;pointer-events:none;transform:translateY(var(--spacing-12));transition:opacity var(--enter-200), transform var(--enter-200);position:fixed}.catalog-toast--visible{opacity:1;transform:translateY(var(--spacing-0))}@media (max-width:60rem){.catalog-layout{grid-template-columns:minmax(0,1fr)}.catalog-toc-rail,.catalog-layout>.catalog-content{grid-area:auto}.catalog-toc-rail{justify-self:start;max-block-size:none;margin-block-start:var(--spacing-24);position:static}.catalog-pattern-layout{grid-template-columns:1fr}.catalog-shape-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:42rem){.catalog-page{padding-block-start:var(--spacing-20);padding-inline:var(--spacing-16)}.catalog-color-intro__content,.catalog-subsection-heading,.catalog-footer{flex-direction:column;align-items:flex-start}.catalog-gradient-strip{min-block-size:var(--layout-64)}.catalog-header{margin-block-end:var(--spacing-16)}.catalog-header__version{display:none}.catalog-hero__content{padding-block-start:var(--spacing-48)}.catalog-section{padding-block:var(--spacing-64)}.catalog-typography-font-card__details{grid-template-columns:1fr}.catalog-section__intro{grid-template-columns:1fr;margin-block-end:var(--spacing-32)}.catalog-section__title{max-inline-size:18ch}.catalog-foundations-grid,.catalog-component-grid{grid-template-columns:1fr}.catalog-table-frame{margin-inline:calc(var(--spacing-16) * -1);padding-inline:var(--spacing-16)}.catalog-subsection-heading{gap:var(--spacing-12)}.catalog-shape-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-footer__links{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){.catalog-page *,.catalog-page :before,.catalog-page :after{scroll-behavior:auto}.catalog-gradient-preview{animation:none}}}
@media (prefers-reduced-motion:no-preference){html:active-view-transition-type(page-forward,page-back)::view-transition-old(root){mix-blend-mode:normal}html:active-view-transition-type(page-forward,page-back)::view-transition-new(root){mix-blend-mode:normal}html:active-view-transition-type(page-forward,page-back)::view-transition-old(*):only-child{mix-blend-mode:normal}html:active-view-transition-type(page-forward,page-back)::view-transition-new(*):only-child{mix-blend-mode:normal}html:active-view-transition-type(page-forward)::view-transition-old(root){animation:var(--duration-350) var(--easing-inout-077) both page-lift-away}html:active-view-transition-type(page-forward)::view-transition-old(*):only-child{animation:var(--duration-350) var(--easing-inout-077) both page-lift-away}html:active-view-transition-type(page-forward)::view-transition-new(root){animation:var(--duration-650) var(--easing-094) both page-rise-in}html:active-view-transition-type(page-forward)::view-transition-new(*):only-child{animation:var(--duration-650) var(--easing-094) both page-rise-in}html:active-view-transition-type(page-back)::view-transition-old(root){z-index:1}html:active-view-transition-type(page-back)::view-transition-old(root){animation:var(--duration-350) var(--easing-inout-077) both page-sink-away}html:active-view-transition-type(page-back)::view-transition-old(*):only-child{animation:var(--duration-350) var(--easing-inout-077) both page-sink-away}html:active-view-transition-type(page-back)::view-transition-new(root){animation:var(--duration-650) var(--easing-094) both page-settle-in}html:active-view-transition-type(page-back)::view-transition-new(*):only-child{animation:var(--duration-650) var(--easing-094) both page-settle-in}::view-transition-group(article-title){animation-duration:var(--duration-1500);animation-timing-function:var(--easing-094)}::view-transition-group(article-label){animation-duration:var(--duration-1500);animation-timing-function:var(--easing-094)}::view-transition-group(article-year){animation-duration:var(--duration-1500);animation-timing-function:var(--easing-094)}::view-transition-group(article-meta){animation-duration:var(--duration-1500);animation-timing-function:var(--easing-094)}::view-transition-group(article-description){animation-duration:var(--duration-1500);animation-timing-function:var(--easing-094)}::view-transition-group(article-tags){animation-duration:var(--duration-1500);animation-timing-function:var(--easing-094)}::view-transition-group(article-hero){animation-duration:var(--duration-1500);animation-timing-function:var(--easing-094)}::view-transition-group(article-hero){z-index:2}::view-transition-group(article-surface){z-index:1;animation:none;overflow:clip}::view-transition-old(article-surface){block-size:100%;animation:none}::view-transition-new(article-surface){block-size:100%;animation:none}html:active-view-transition-type(article-enter)::view-transition-new(article-surface){opacity:0;clip-path:var(--article-transition-surface-inset,inset(0));animation:article-surface-expand var(--duration-650) var(--easing-094) var(--duration-1500) forwards}html:active-view-transition-type(article-leave)::view-transition-old(article-surface){animation:article-surface-contract var(--duration-650) var(--easing-094) both}html:active-view-transition-type(article-leave)::view-transition-group(article-title){animation-delay:var(--duration-650)}html:active-view-transition-type(article-leave)::view-transition-group(article-label){animation-delay:var(--duration-650)}html:active-view-transition-type(article-leave)::view-transition-group(article-year){animation-delay:var(--duration-650)}html:active-view-transition-type(article-leave)::view-transition-group(article-meta){animation-delay:var(--duration-650)}html:active-view-transition-type(article-leave)::view-transition-group(article-description){animation-delay:var(--duration-650)}html:active-view-transition-type(article-leave)::view-transition-group(article-tags){animation-delay:var(--duration-650)}html:active-view-transition-type(article-leave)::view-transition-group(article-hero){animation-delay:var(--duration-650)}::view-transition-group(article-title){z-index:3}::view-transition-group(article-label){z-index:3}::view-transition-group(article-year){z-index:3}::view-transition-group(article-meta){z-index:3}::view-transition-group(article-description){z-index:3}::view-transition-group(article-tags){z-index:3}::view-transition-old(article-hero){object-fit:contain;block-size:100%}::view-transition-new(article-hero){object-fit:contain;block-size:100%}::view-transition-old(article-title){opacity:0;animation:none}::view-transition-old(article-label){opacity:0;animation:none}::view-transition-old(article-year){opacity:0;animation:none}::view-transition-old(article-meta){opacity:0;animation:none}::view-transition-old(article-description){opacity:0;animation:none}::view-transition-old(article-tags){opacity:0;animation:none}::view-transition-old(article-hero){opacity:0;animation:none}::view-transition-new(article-title){animation:none}::view-transition-new(article-label){animation:none}::view-transition-new(article-year){animation:none}::view-transition-new(article-meta){animation:none}::view-transition-new(article-description){animation:none}::view-transition-new(article-tags){animation:none}::view-transition-new(article-hero){animation:none}html:active-view-transition-type(container-transform)::view-transition-old(root){animation:var(--exit-150) both container-page-out;mix-blend-mode:normal}html:active-view-transition-type(container-transform)::view-transition-new(root){animation:var(--enter-300) var(--duration-150) both container-page-in;mix-blend-mode:normal}}@keyframes article-surface-expand{0%{opacity:1;clip-path:var(--article-transition-surface-inset,inset(0))}to{opacity:1;clip-path:inset(0)}}@keyframes article-surface-contract{0%{opacity:1;clip-path:inset(0)}99.9%{opacity:1}to{opacity:0;clip-path:var(--article-transition-surface-inset,inset(0))}}@keyframes container-page-out{to{opacity:0}}@keyframes container-page-in{0%{opacity:0}}@keyframes page-lift-away{to{opacity:0;translate:0 calc(var(--spacing-24) * -1)}}@keyframes page-rise-in{0%{opacity:0;translate:0 var(--spacing-48)}}@keyframes page-sink-away{to{opacity:0;translate:0 var(--spacing-48)}}@keyframes page-settle-in{0%{opacity:0;translate:0 calc(var(--spacing-24) * -1)}}@media (prefers-reduced-motion:no-preference){html[data-page-transition-fallback=out] body{animation:var(--exit-300) both page-fallback-exit}html[data-page-transition-fallback=in] body{animation:var(--enter-300) both page-fallback-enter}}@keyframes page-fallback-exit{to{opacity:0;translate:0 calc(var(--spacing-24) * -1)}}@keyframes page-fallback-enter{0%{opacity:0;translate:0 var(--spacing-24)}}
@layer orbition.product{html[data-audience=agent]{overflow:hidden}[data-agent-covered]{visibility:hidden}.agent-view{--agent-gutter:var(--portfolio-gutter,var(--spacing-24));inset:var(--agent-view-top,var(--spacing-64)) 0 0 0;z-index:calc(var(--z-sticky) - 1);overscroll-behavior:contain;color:var(--foreground-default);background-color:var(--background-default);background-image:linear-gradient(var(--border-a04) var(--border-width-1), transparent var(--border-width-1)), linear-gradient(90deg, var(--border-a04) var(--border-width-1), transparent var(--border-width-1));background-size:var(--spacing-24) var(--spacing-24);background-attachment:local;outline:none;position:fixed;overflow-y:auto}.agent-view__inner{gap:var(--spacing-32);max-inline-size:var(--layout-1600);padding:var(--spacing-32) var(--agent-gutter) var(--spacing-96);margin-inline:auto;display:grid}.agent-view__head{gap:var(--spacing-16);display:grid}.agent-view__eyebrow{align-items:center;gap:var(--spacing-8);color:var(--foreground-dim3);text-transform:uppercase;margin:0;display:inline-flex}.agent-view__pulse{inline-size:var(--spacing-8);block-size:var(--spacing-8);border-radius:var(--border-radius-circular);background:var(--brand-color-primary);animation:agent-view-pulse var(--duration-1500) var(--easing-inout-077) infinite alternate}.agent-view__title{max-inline-size:20ch;font-family:var(--font-family-geist);font-size:clamp(var(--font-size-28), 4vw, var(--font-size-56));font-weight:var(--font-weight-600);letter-spacing:-.03em;text-wrap:balance;margin:0;line-height:1.05}.agent-view__lede{max-inline-size:var(--layout-720);color:var(--foreground-dim1);text-wrap:pretty;margin:0}.agent-panel{align-content:start;gap:var(--spacing-12);min-inline-size:0;padding:var(--spacing-16);border:var(--border-width-1) solid var(--border-a10);border-radius:var(--border-radius-16);background:var(--background-default);display:grid}.agent-panel p{margin:0}.agent-panel__label{color:var(--foreground-dim3);text-transform:uppercase}.agent-status{color:var(--status-error);font-weight:var(--font-weight-600)}.agent-status[data-ok]{color:var(--status-success)}.agent-source{padding:var(--spacing-12) 0;counter-reset:agent-line;color:var(--foreground-default);margin:0;list-style:none}.agent-source__line{padding-inline:calc(var(--spacing-48) + var(--spacing-12)) var(--spacing-16);white-space:pre-wrap;overflow-wrap:anywhere;counter-increment:agent-line;position:relative}.agent-source__line:before{content:counter(agent-line);inline-size:var(--spacing-48);text-align:end;color:var(--foreground-dim5);-webkit-user-select:none;user-select:none;position:absolute;inset-inline-start:0}.agent-source__token[data-tone=punctuation]{color:var(--foreground-dim4)}.agent-source__token[data-tone=heading]{color:var(--foreground-default);font-weight:var(--font-weight-600)}.agent-source__token[data-tone=quote],.agent-source__token[data-tone=comment]{color:var(--syntax-comment)}.agent-source__token[data-tone=keyword],.agent-source__token[data-tone=tag]{color:var(--syntax-keyword)}.agent-source__token[data-tone=link]{color:var(--syntax-function)}.agent-source__token[data-tone=string]{color:var(--syntax-string)}.agent-source__token[data-tone=value]{color:var(--syntax-type)}.agent-source__token[data-tone=property],.agent-source__token[data-tone=attribute]{color:var(--syntax-variable)}.agent-source__token[data-tone=number]{color:var(--syntax-number)}.agent-source__link{text-underline-offset:.2em;text-decoration:none}.agent-source__link:hover{text-decoration:underline}.agent-source__link:focus-visible{outline:var(--border-width-2) solid var(--state-focus);outline-offset:var(--spacing-2);border-radius:var(--border-radius-4)}.agent-trace{gap:var(--spacing-24);display:grid}.agent-trace__method{color:var(--brand-color-primary);font-weight:var(--font-weight-600)}.agent-trace__task{grid-template-columns:minmax(0,1fr) auto;align-items:center}.agent-trace__task-head{justify-content:space-between;align-items:center;gap:var(--spacing-12);flex-wrap:wrap;grid-column:1/-1;display:flex}.agent-trace__prompt{color:var(--foreground-default)}.agent-trace__prompt>span{color:var(--brand-color-primary)}.agent-trace__grid{align-items:start;gap:var(--spacing-24);grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);display:grid}.agent-trace__steps{gap:var(--spacing-4);margin:0;padding:0;list-style:none;display:grid}.agent-trace__step{grid-template-columns:var(--spacing-32) minmax(0, 1fr);gap:var(--spacing-12);padding:var(--spacing-12) var(--spacing-8);border-radius:var(--border-radius-12);transition:opacity var(--duration-300) var(--easing-094), background-color var(--duration-300) var(--easing-094);display:grid}.agent-trace__step[data-state=waiting]{opacity:.4}.agent-trace__step[data-state=running]{background:var(--state-hover-background)}.agent-trace__index{color:var(--foreground-dim4);padding-block-start:var(--spacing-2)}.agent-trace__step[data-state=running] .agent-trace__index{color:var(--brand-color-primary);animation:agent-view-pulse var(--duration-500) var(--easing-inout-077) infinite alternate}.agent-trace__step[data-state=done] .agent-trace__index{color:var(--status-success)}.agent-trace__step[data-state=failed] .agent-trace__index{color:var(--status-error)}.agent-trace__step[data-state=skipped] .agent-trace__index,.agent-trace__skipped{color:var(--status-warning)}.agent-trace__step-body{gap:var(--spacing-4);min-inline-size:0;display:grid}.agent-trace__why{color:var(--foreground-dim3)}.agent-trace__request{align-items:baseline;gap:var(--spacing-4) var(--spacing-8);overflow-wrap:anywhere;flex-wrap:wrap;display:flex}.agent-trace__meta{gap:var(--spacing-8);color:var(--foreground-dim3);margin-inline-start:auto;display:inline-flex}.agent-trace__note{color:var(--foreground-dim1);text-wrap:pretty}.agent-trace__peek{color:var(--foreground-dim3);text-underline-offset:.25em;cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;text-decoration:underline}.agent-trace__peek:hover{color:var(--foreground-default)}.agent-trace__peek:focus-visible{outline:var(--border-width-2) solid var(--state-focus);outline-offset:var(--spacing-2);border-radius:var(--border-radius-4)}.agent-trace__response{max-block-size:var(--layout-320);border:var(--border-width-1) solid var(--border-a10);border-radius:var(--border-radius-12);background:var(--background-dim1);margin-block-start:var(--spacing-4);overflow:auto}.agent-trace__status{color:var(--foreground-dim3)}.agent-trace__memory{position:sticky;inset-block-start:var(--spacing-16)}.agent-trace__notebook{gap:var(--spacing-8);display:grid}.agent-trace__fact{border-inline-start:var(--border-width-2) solid var(--border-a10);border-radius:var(--border-radius-4);animation:agent-view-enter var(--duration-500) var(--easing-094) both}.agent-trace__fact .agent-source{padding-block:var(--spacing-4)}.agent-trace__fact .agent-source__line{padding-inline-start:var(--spacing-12)}.agent-trace__fact .agent-source__line:before{content:none}.agent-trace__fact[data-fresh]{border-inline-start-color:var(--brand-color-primary);background:var(--state-hover-background)}.agent-trace__answer{gap:var(--spacing-16);padding:var(--spacing-24);border-color:var(--brand-color-primary);animation:agent-view-enter var(--duration-650) var(--easing-094) both}.agent-trace__answer-text{max-inline-size:var(--layout-800);text-wrap:pretty}.agent-trace__answer-text sup{color:var(--brand-color-primary);font-family:var(--font-family-geist-mono)}.agent-trace__sources{gap:var(--spacing-4);margin:0;padding-inline-start:var(--spacing-24);display:grid}.agent-trace__sources a{color:var(--foreground-default);text-underline-offset:.2em}.agent-trace__sources span{color:var(--foreground-dim3)}.agent-trace__totals{border-block-start:var(--border-width-1) solid var(--border-a10);color:var(--foreground-dim3);padding-block-start:var(--spacing-12)}@keyframes agent-view-pulse{0%{opacity:1}to{opacity:.35}}@keyframes agent-view-enter{0%{opacity:0;translate:0 var(--spacing-8)}}@media not (min-width:60rem){.agent-trace__grid{grid-template-columns:minmax(0,1fr)}.agent-trace__memory{position:static}.agent-trace__task{grid-template-columns:minmax(0,1fr)}}@media not (min-width:40rem){.agent-view{--agent-gutter:var(--spacing-16)}.agent-view__inner{padding-block-start:var(--spacing-24)}.agent-source__line{padding-inline-start:calc(var(--spacing-32) + var(--spacing-8));padding-inline-end:var(--spacing-8)}.agent-source__line:before{inline-size:var(--spacing-32)}}@media (prefers-reduced-motion:reduce){.agent-view__pulse,.agent-trace__step[data-state=running] .agent-trace__index,.agent-trace__fact,.agent-trace__answer{animation:none}.agent-trace__step{transition:none}}}
@layer orbition.product{.analytics-settings{gap:var(--spacing-24);display:grid}.analytics-settings__summary{gap:var(--spacing-12);display:grid}.analytics-settings__choices{gap:var(--spacing-24);display:grid}.analytics-settings__actions{align-items:center;gap:var(--spacing-12);flex-wrap:wrap;display:flex}}
@layer orbition.product{body{margin:0}html{scrollbar-gutter:stable}body:has(dialog[open]){overflow:hidden}}