html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-padding-block) * 2 + var(--size-element-lg) + var(--spacing-4));background-color:var(--color-background-surface);color:var(--color-text-primary)}:has(>*>.astryx-top-nav-item):not(#\#):not(#\#):not(#\#):not(#\#){gap:var(--spacing-5)}:root{--nav-padding-block:var(--spacing-4)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media (min-width:1024px){.sticky-split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}.sticky-split-aside{top:calc(var(--nav-padding-block) * 2 + var(--size-element-lg) + var(--spacing-8));position:sticky}}.index-row{text-align:start;width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border-block-end:0;border-inline:0;text-decoration:none;transition:background-color .2s;display:flex}.index-row:focus-visible{outline:2px solid var(--color-focus-ring,var(--color-brand));outline-offset:4px;border-radius:var(--radius-container-sm,4px)}.index-row-content.index-row-content{column-gap:var(--spacing-4);row-gap:var(--spacing-2);grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"number title arrow"".summary.";align-items:baseline;display:grid}.index-row-content.is-unnumbered{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title arrow""summary."}.index-row-number{grid-area:number}.index-row-title{grid-area:title}.index-row-summary{grid-area:summary;max-inline-size:40ch}.index-row-arrow{grid-area:arrow;align-self:center;display:inline-flex}@media (min-width:1024px){.index-row-content.index-row-content{column-gap:var(--spacing-8);grid-template-columns:3ch minmax(0,1.3fr) minmax(0,1fr) auto;grid-template-areas:"number title summary arrow";align-items:center}.index-row-content.is-unnumbered{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) auto;grid-template-areas:"title summary arrow"}}.build-up{--layer-indent:var(--spacing-3);border-block-end:1px solid var(--color-border)}.build-up-row.build-up-row{align-items:flex-start;gap:var(--spacing-2);flex-direction:column}@media (min-width:768px){.build-up{--layer-indent:var(--spacing-8)}.build-up-row.build-up-row{align-items:baseline;gap:var(--spacing-5);flex-direction:row}}.index-row-detail{padding-inline-start:calc(3ch + var(--spacing-4))}@media (min-width:1024px){.index-row-detail{padding-inline-start:calc(3ch + var(--spacing-8))}}.question-rail{border-block:1px solid var(--color-border)}.question-rail-item{padding-block:var(--spacing-8)}.question-rail-item+.question-rail-item{border-block-start:1px solid var(--color-border)}@media (min-width:768px){.question-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.question-rail-item{padding:var(--spacing-8) var(--spacing-6)}.question-rail-item+.question-rail-item{border-block-start:0}.question-rail-item:nth-child(2n){border-inline-start:1px solid var(--color-border)}.question-rail-item:nth-child(n+3){border-block-start:1px solid var(--color-border)}.question-rail-item:nth-child(odd){padding-inline-start:0}.question-rail-item:nth-child(2n){padding-inline-end:0}}@media (min-width:1024px){.question-rail{grid-template-columns:repeat(4,minmax(0,1fr))}.question-rail-item.question-rail-item{padding-inline:var(--spacing-6)}.question-rail-item.question-rail-item:nth-child(4n+1){padding-inline-start:0}.question-rail-item.question-rail-item:nth-child(4n){padding-inline-end:0}.question-rail-item:nth-child(n+3){border-block-start:0}.question-rail-item+.question-rail-item{border-inline-start:1px solid var(--color-border)}}.featured-article-link,.back-link{color:inherit;text-decoration:none}.featured-article-link:hover h2{text-underline-offset:.12em;text-decoration:underline;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--color-brand-text);text-decoration-color:var(--color-brand-text)}.back-link{color:var(--color-text-secondary);transition:color .2s;display:inline-flex}.back-link:hover{color:var(--color-text-primary)}@media (min-width:768px){.legal-body{padding-inline-start:calc(3ch + var(--spacing-4))}}.astryx-mobile-nav>div>div:first-child{block-size:auto;min-block-size:0;padding:var(--nav-padding-block) var(--space-gutter)}.astryx-mobile-nav>div>div:nth-child(2){padding:0 var(--space-gutter)}.menu-row{padding-block:var(--spacing-5);border-block-start:1px solid var(--color-border);color:inherit;text-decoration:none;display:flex}.menu-row:focus-visible{outline-offset:2px;border-radius:var(--radius-container-sm,4px);outline:2px solid}.menu-row-arrow{color:var(--color-text-secondary);align-self:center;transition:transform .25s cubic-bezier(.2,0,0,1.4),color .2s;display:inline-flex}.menu-row:hover .menu-row-arrow,.menu-row:active .menu-row-arrow{color:var(--color-brand-text);transform:translate(4px)}.menu-contact{color:var(--color-text-secondary);text-decoration:none}.menu-contact:hover{color:var(--color-text-primary)}.step-row{column-gap:var(--spacing-8)}.step-numeral{font-size:var(--type-display-xl-size);line-height:var(--type-display-xl-leading);color:#0000;-webkit-text-stroke:1px var(--color-text-secondary);min-inline-size:2.2ch;font-weight:600}@media screen and (max-width:767px){.step-row{column-gap:var(--spacing-5)}.step-numeral{font-size:var(--type-display-m-size);line-height:1}}.sequence-rail{grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}.sequence-rail-step{padding-block:var(--spacing-8);position:relative}.sequence-rail-line{background-color:var(--color-border);pointer-events:none;position:absolute}.sequence-rail-line-top,.sequence-rail-line-bottom{transform-origin:0;block-size:1px;inset-inline:0}.sequence-rail-line-top{inset-block-start:0}.sequence-rail-line-bottom{inset-block-end:-1px}.sequence-rail-line-divider{transform-origin:top;inline-size:1px;display:none;inset-block:0;inset-inline-start:0}.sequence-rail-art{margin-block-end:var(--spacing-2)}@media (min-width:768px){.sequence-rail{grid-template-columns:repeat(3,minmax(0,1fr))}.sequence-rail-step{padding:var(--spacing-8) var(--spacing-6)}.sequence-rail-step:not(:nth-child(3n+1)) .sequence-rail-line-divider{display:block}.sequence-rail-step:nth-child(3n+1){padding-inline-start:0}.sequence-rail-step:nth-child(3n){padding-inline-end:0}}@media (min-width:1280px){.sequence-rail{grid-template-columns:repeat(var(--steps), minmax(0, 1fr))}.sequence-rail-step:nth-child(3n+1) .sequence-rail-line-divider{display:block}.sequence-rail-step:first-child .sequence-rail-line-divider{display:none}.sequence-rail-step.sequence-rail-step{padding-inline:var(--spacing-6)}.sequence-rail-step.sequence-rail-step:first-child{padding-inline-start:0}.sequence-rail-step.sequence-rail-step:last-child{padding-inline-end:0}}:is(.astryx-field:has(:is(input,textarea,select)[required],[aria-required=true])>*>.astryx-field-label>span,.astryx-field:has(:is(input,textarea,select)[required],[aria-required=true]) .astryx-field-label>span){color:var(--color-brand-text)}.big-statement-grid{grid-template-areas:"art""label""title""text"}.big-statement-label{grid-area:label}.big-statement-title{grid-area:title}.big-statement-text{grid-area:text}.big-statement-art{grid-area:art;align-items:flex-start}@media (min-width:1024px){.big-statement-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"label label""title title""text art";align-items:center}.big-statement-art{align-items:flex-end}}.familiar-grid{column-gap:var(--space-chapter-gap)}.familiar-item{border-block-start:1px solid var(--color-border);padding-block:var(--spacing-8) var(--spacing-10)}@media (min-width:768px){.familiar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:1023px){.section-art{order:-1}}@media (min-width:1024px){.section-split{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center}}.profile-grid{grid-template-areas:"art""quote""bio"}.profile-quote{grid-area:quote}.profile-art{grid-area:art}.profile-portrait{inline-size:min(100%,30rem);margin-inline:auto}.profile-bio{grid-area:bio;max-inline-size:36rem}@media (min-width:1024px){.profile-grid.profile-grid{column-gap:var(--space-chapter-gap);row-gap:var(--space-block);grid-template:"quote art""bio art"/minmax(0,6fr) minmax(0,5fr);align-content:center}.profile-art{align-self:center}.profile-portrait{inline-size:100%;max-inline-size:36rem}.hero-split{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center}}.legal-header{align-items:center}.legal-header-art{align-items:flex-start}@media (min-width:1024px){.legal-header{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.legal-header-art{align-items:flex-end}}.legal-list{margin:0;padding:0;list-style:none}.legal-list>li{padding-inline-start:var(--spacing-6);position:relative}.legal-list>li:before{content:"";background:var(--color-brand-text);border-radius:1px;block-size:6px;inline-size:6px;position:absolute;inset-block-start:.7em;inset-inline-start:var(--spacing-1)}.legal-note{margin:var(--spacing-2) 0 0;border-inline-start:2px solid var(--color-brand-text);color:var(--color-text-primary);padding-inline-start:var(--spacing-5)}.giant-email{color:var(--color-text-primary);text-underline-offset:.15em;text-decoration:underline;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--color-border-emphasized);text-decoration-color:var(--color-border-emphasized);transition:text-decoration-color .2s}.giant-email>span{font-size:inherit;line-height:inherit;letter-spacing:inherit}.giant-email:hover{-webkit-text-decoration-color:var(--color-brand-text);text-decoration-color:var(--color-brand-text)}.illustration{block-size:auto;inline-size:100%;color:var(--color-text-primary);display:block;overflow:visible}.site-footer{background-color:var(--color-background-muted);color:var(--color-text-primary);overflow:hidden}.footer-bar{border-block:1px solid var(--color-border);grid-template-columns:minmax(0,1fr)}.footer-bar-cell{padding:var(--spacing-6) var(--spacing-5);color:inherit;font:inherit;text-align:start;border:0;border-block-start:1px solid var(--color-border);cursor:pointer;background:0 0;text-decoration:none;transition:background-color .2s;display:flex}.footer-bar-cell:first-child{border-block-start:0}.footer-bar-cell:hover{background-color:var(--color-background-surface)}.footer-bar-cell:focus-visible{outline-offset:-2px;outline:2px solid}.footer-bar-arrow{color:var(--color-text-secondary);transition:transform .25s cubic-bezier(.2,0,0,1.4),color .2s;display:inline-flex}.footer-bar-cell:hover .footer-bar-arrow,.footer-bar-cell:focus-visible .footer-bar-arrow{color:var(--color-brand-text);transform:translate(3px,-3px)}.footer-bar-cell:last-child:hover .footer-bar-arrow{transform:translateY(-4px)}@media (min-width:768px){.footer-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-bar-cell{border-block-start:0}.footer-bar-cell:nth-child(n+3){border-block-start:1px solid var(--color-border)}.footer-bar-cell:nth-child(2n){border-inline-start:1px solid var(--color-border)}}@media (min-width:1024px){.footer-bar{grid-template-columns:repeat(4,minmax(0,1fr))}.footer-bar-cell:nth-child(n+3){border-block-start:0}.footer-bar-cell+.footer-bar-cell{border-inline-start:1px solid var(--color-border)}}.illustration .ill-loop{transform-box:fill-box;transform-origin:50%;animation-play-state:paused}.illustration[data-playing=true] .ill-loop{animation-play-state:running}.ill-travel{animation:9s cubic-bezier(.45,0,.55,1) infinite ill-travel}@keyframes ill-travel{0%{stroke-dashoffset:.08px}to{stroke-dashoffset:-1px}}.ill-pulse{animation:3s cubic-bezier(.2,0,0,1) infinite ill-pulse}@keyframes ill-pulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.8)}}.ill-float{animation:8s ease-in-out infinite ill-float}@keyframes ill-float{0%,to{transform:translateY(0)}50%{transform:translateY(calc(var(--float,6px) * -1))}}.ill-tilt{animation:8s ease-in-out infinite ill-tilt}@keyframes ill-tilt{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-14px)rotate(-4deg)}}.ill-blink{opacity:0;animation:10.8s ease-in-out infinite ill-blink}@keyframes ill-blink{0%,16%,to{opacity:0}4%,9%{opacity:1}}.illustration .ill-scan{transform-box:view-box;animation:11s ease-in-out infinite ill-scan}@keyframes ill-scan{0%,to{transform:translate(-56px,-36px)}33%{transform:translate(64px,-8px)}66%{transform:translate(-24px,44px)}}.illustration .ill-sway{transform-origin:bottom;animation:7s ease-in-out infinite ill-sway}@keyframes ill-sway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.ill-glide{animation:9s ease-in-out infinite ill-glide}@keyframes ill-glide{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(-10px,-12px)rotate(-3deg)}}.ill-assemble{animation:12s infinite ill-assemble}@keyframes ill-assemble{0%,10%{transform:translate(var(--dx), var(--dy)) rotate(var(--rot));animation-timing-function:cubic-bezier(.65,0,.35,1)}34%,76%{animation-timing-function:cubic-bezier(.65,0,.35,1);transform:none}98%,to{transform:translate(var(--dx), var(--dy)) rotate(var(--rot))}}.illustration .ill-orbit{transform-box:view-box;transform-origin:200px 150px;animation:40s linear infinite ill-orbit}@keyframes ill-orbit{to{transform:rotate(360deg)}}.ill-typing{animation:2.4s ease-in-out infinite ill-typing}@keyframes ill-typing{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.illustration .ill-loop{animation:none}.illustration .ill-blink{opacity:0}}.not-found-numerals{color:var(--color-text-primary);font-weight:700;line-height:.9;display:block}.not-found-zero{font-family:var(--font-family-accent);color:var(--color-brand-text);letter-spacing:-.02em;padding-inline:.04em;font-size:1.14em;font-style:italic;font-weight:400}:root{--frame-margin-wide:160px;--frame-inset:max(var(--space-gutter), min(var(--frame-margin-wide), calc((100% - var(--content-max)) / 2)));--content-inset:max(var(--space-gutter), calc((100% - var(--content-max)) / 2));--header-height:calc(var(--nav-padding-block) * 2 + var(--size-element-lg));--frame-padding:clamp(.375rem, .1429rem + .9524vw, 1rem)}.page-frame{inset-block:0;inset-inline:var(--frame-inset);z-index:60;border-inline:1px solid var(--color-border);pointer-events:none;position:fixed}.page-frame:before{content:"";inset-block:0;inset-inline:var(--content-inset);border-inline:1px solid color-mix(in srgb, var(--color-brand-text) 8%, transparent);position:fixed}@media screen and (max-width:1599.98px){.page-frame:before{display:none}}.page-sections section:not(section section){border-block-end:1px solid var(--color-border);border-image:linear-gradient(var(--color-border), var(--color-border)) 0 0 1 0 / 0 0 1px 0 / 0 100vw}.page-sections:not(:has(section))>.site-footer{border-block-start:1px solid var(--color-border)}.portfolio-header{inline-size:100%;max-inline-size:calc(var(--content-max) + 2 * var(--space-gutter));padding-inline:var(--space-gutter);box-sizing:border-box;block-size:var(--header-height);margin-inline:auto}.portfolio-header-desktop{align-items:center;column-gap:var(--spacing-4);grid-template-columns:1fr auto 1fr;display:grid}.portfolio-header-desktop .portfolio-header-icons{justify-self:end}.portfolio-header>a:first-child{margin-inline-start:var(--frame-padding)}.portfolio-header-brand{display:inline-flex;position:relative}.portfolio-header-role{border-inline-start:1px solid var(--color-border-emphasized);font-family:var(--font-family-eyebrow);font-size:var(--text-supporting-size);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--color-text-secondary);opacity:0;pointer-events:none;margin-inline-start:var(--spacing-4);padding-inline-start:var(--spacing-4);font-weight:500;line-height:1.6;transition:opacity .4s,transform .5s cubic-bezier(.2,.8,.2,1);position:absolute;inset-block-start:50%;inset-inline-start:100%;transform:translate(-8px,-50%)}.portfolio-header-role[data-shown]{opacity:1;transform:translateY(-50%)}@media screen and (max-width:1079.98px){.portfolio-header-role{display:none}}@media (prefers-reduced-motion:reduce){.portfolio-header-role{transition:opacity .2s linear;transform:translateY(-50%)}}.portfolio-header-links{margin:0;margin-inline-start:calc(var(--frame-padding) - var(--spacing-3));padding:0;list-style:none}.portfolio-header-link{min-block-size:var(--size-element-lg);padding-inline:var(--spacing-3);font-size:var(--text-supporting-size);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-secondary);align-items:center;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.portfolio-header-link:hover,.portfolio-header-link[aria-current=page]{color:var(--color-brand-text)}.portfolio-header-icons{align-self:stretch}.portfolio-header-icon{inline-size:var(--header-height);block-size:var(--header-height);border-inline-start:1px solid var(--color-border);color:var(--color-brand-text);place-items:center;transition:color .2s,background-color .2s;display:grid}.portfolio-header-icons>button:not(#\#):not(#\#):not(#\#):not(#\#){inline-size:var(--header-height);border:0;border-inline-start:1px solid var(--color-border);block-size:auto;color:var(--color-text-primary);border-radius:0;align-self:stretch;place-items:center;padding:0;display:grid}@media screen and (max-width:767px){.portfolio-header-icon{inline-size:var(--size-element-lg)}}.portfolio-header-icon:hover{color:var(--color-brand-text);background-color:color-mix(in srgb, var(--color-brand-text) 6%, transparent)}.portfolio-hero{margin-inline:calc(-1 * var(--frame-padding));grid-template-columns:minmax(0,1fr);display:grid}.portfolio-hero-block{min-block-size:70svh;padding-inline:var(--frame-padding);box-sizing:border-box}.portfolio-hero-photo{padding-block:var(--spacing-10);order:-1}.hero-portrait{block-size:auto;inline-size:min(100%,34rem);display:block;-webkit-mask-image:radial-gradient(72% 70% at 50% 42%,#000 52%,#0000 100%);mask-image:radial-gradient(72% 70% at 50% 42%,#000 52%,#0000 100%)}@media (prefers-color-scheme:dark){.hero-portrait{mix-blend-mode:lighten}}.portfolio-hero-photo .illustration{inline-size:min(100%,28rem)}.portfolio-hero-scroll{color:var(--color-text-secondary)}.portfolio-hero-scroll-arrow{animation:1.8s cubic-bezier(.65,0,.35,1) infinite scroll-cue-nudge;display:inline-flex}@keyframes scroll-cue-nudge{0%{opacity:0;transform:translateY(-3px)}25%{opacity:1}70%{opacity:1;transform:translateY(6px)}to{opacity:0;transform:translateY(9px)}}@media (prefers-reduced-motion:reduce){.portfolio-hero-scroll-arrow{animation:none}}.portfolio-hero-dot{color:var(--color-text-secondary);font-weight:400}.portfolio-hero-name{white-space:nowrap}.portfolio-hero-break{display:none}.portfolio-hero-names{font-family:IBM Plex Sans,IBM Plex Sans Devanagari,Noto Sans Kannada,-apple-system,sans-serif}@media screen and (max-width:1023.98px){.portfolio-hero{--hero-photo-block:calc((100svh - var(--header-height)) * .45)}.portfolio-hero-photo{block-size:var(--hero-photo-block);padding-block:var(--spacing-4) 0;box-sizing:border-box}.portfolio-hero-photo .hero-portrait{inline-size:auto;max-inline-size:min(100%,34rem);max-block-size:calc(var(--hero-photo-block) - var(--spacing-4));margin-inline:auto}.portfolio-hero-block:has(.portfolio-hero-names){min-block-size:calc(100svh - var(--header-height) - var(--hero-photo-block));padding-block:var(--spacing-5) var(--spacing-4)}.portfolio-hero-block:has(.portfolio-hero-names)>.astryx-stack{flex:1}:is(.portfolio-hero-block:has(.portfolio-hero-names)>.astryx-stack>:first-child,.portfolio-hero-block:has(.portfolio-hero-names)>.astryx-stack>:last-child){margin-block-start:auto}.portfolio-hero-block:has(.portfolio-hero-names)>.astryx-stack>:last-child{align-self:center}}@media (min-width:1024px){.portfolio-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.portfolio-hero-block{min-block-size:calc(100svh - var(--header-height))}.portfolio-hero-break{display:inline}.portfolio-hero-photo{block-size:calc(100svh - var(--header-height));border-inline-start:1px solid var(--color-border);order:0;padding-block:0;position:sticky;inset-block-start:var(--header-height)}.portfolio-hero-photo .illustration{inline-size:min(88%, (100svh - var(--header-height)) * .85 * 300 / 321)}.portfolio-hero-photo .hero-portrait{object-fit:cover;object-position:50% 30%;block-size:100%;inline-size:100%}}.design-story-lottie{aspect-ratio:400/420;inline-size:100%;position:relative}.design-story-lottie>svg{z-index:1;display:block;position:relative}.design-story-lottie [stroke="rgb(1,2,3)"]{stroke:var(--color-text-primary)}.design-story-lottie [fill="rgb(1,2,3)"]{fill:var(--color-text-primary)}.design-story-lottie [stroke="rgb(4,5,6)"]{stroke:var(--color-text-secondary)}.design-story-lottie [fill="rgb(4,5,6)"]{fill:var(--color-text-secondary)}.design-story-lottie [fill="rgb(7,8,9)"]{fill:var(--color-brand)}.design-story-lottie [stroke="rgb(7,8,9)"]{stroke:var(--color-brand-text)}.design-story-lottie [fill="rgb(10,11,12)"]{fill:var(--color-background-surface)}.hero-story-inline{inline-size:100%;max-inline-size:28rem;margin-block-end:var(--space-block);margin-inline:auto}.hero-art-story{display:none}.hero-portrait-link{justify-content:center;align-items:center;block-size:100%;inline-size:100%;display:flex}.hero-portrait-link:focus-visible{outline:2px solid var(--color-brand-text);outline-offset:-2px}@media (min-width:1024px){.hero-story-inline{display:none}.portfolio-hero-photo .hero-art{transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.hero-art-story{opacity:0;pointer-events:none;display:flex;transform:scale(1.03)}.hero-art-story .design-story-lottie{aspect-ratio:auto;block-size:100%;inline-size:100%}.portfolio-hero-photo.is-story .hero-art-photo{pointer-events:none;opacity:0;transform:scale(.96)}.portfolio-hero-photo.is-story .hero-art-story{pointer-events:auto;opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.portfolio-hero-photo .hero-art{transition:opacity .2s linear;transform:none}}.work-showcase-section{padding-block:var(--space-section);border-block-start:1px solid var(--color-border);flex-direction:column;display:flex}.work-showcase{gap:var(--space-chapter-gap);grid-template-columns:minmax(0,1fr);display:grid}.work-showcase-current{display:none}.work-showcase-list{gap:var(--space-block);margin:0;padding:0;list-style:none;display:grid}.work-showcase-item{gap:var(--spacing-6);display:grid}.work-showcase-frame{block-size:70svh;overflow:hidden}.work-showcase-link{block-size:100%;color:inherit;text-decoration:none;display:block}.work-showcase-link:focus-visible{outline:2px solid var(--color-brand-text);outline-offset:-2px}.work-showcase-image{object-fit:cover;block-size:100%;inline-size:100%;display:block}.work-showcase-placeholder{background-color:color-mix(in srgb, var(--color-background-muted) 60%, transparent);background-image:radial-gradient(var(--color-border-emphasized) 1px, transparent 1px);background-size:24px 24px;place-items:center;block-size:100%;display:grid}@media (min-width:1024px){.work-showcase-section{padding-block:0}.work-showcase{margin-inline:calc(-1 * var(--frame-padding));grid-template-columns:minmax(0,3fr) minmax(0,7fr);align-items:start;gap:0}.work-showcase-side{block-size:calc(100svh - var(--header-height));box-sizing:border-box;padding:var(--spacing-10) var(--frame-padding);flex-direction:column;justify-content:space-between;padding-inline-end:var(--spacing-8);display:flex;position:sticky;inset-block-start:var(--header-height)}.work-showcase-current{display:flex}.work-showcase-list{border-inline-start:1px solid var(--color-border);gap:0}.work-showcase-item{block-size:calc(100svh - var(--header-height));display:block}.work-showcase-item+.work-showcase-item{border-block-start:1px solid var(--color-border)}.work-showcase-frame{block-size:100%}.work-showcase-item-text{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}}.about-section{gap:var(--space-chapter-gap);padding-block:var(--space-section);border-block-start:1px solid var(--color-border);grid-template-columns:minmax(0,1fr);display:grid}.about-section-art{order:-1;inline-size:100%;max-inline-size:26rem;margin-inline:auto}.about-section-art .illustration{block-size:auto;inline-size:100%}@media (min-width:1024px){.about-section{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}.about-section-art{order:0;max-inline-size:none}}.timeline-section{--node-size:40px;--numeral-size:var(--type-display-l-size);--numeral-crop:calc(var(--numeral-size) * .58);--stop-gap:var(--spacing-6);gap:var(--space-chapter-gap);padding-block:var(--space-section);border-block-start:1px solid var(--color-border);flex-direction:column;display:flex}@media (min-width:768px){.timeline-section{--node-size:48px;--numeral-size:var(--type-display-xl-size);--stop-gap:var(--spacing-8)}}@media (min-width:1024px){.timeline-section{--node-size:56px;--numeral-size:var(--type-display-xxl-size);--stop-gap:var(--space-block)}}.timeline-head{z-index:3;padding-block:var(--spacing-6);background-color:var(--color-background-surface);position:sticky;inset-block-start:var(--header-height)}.timeline-head:after{content:"";block-size:var(--space-block);background:linear-gradient(var(--color-background-surface), transparent);pointer-events:none;position:absolute;inset-block-start:100%;inset-inline:0}.timeline-body{position:relative}.timeline-spine{inset-block:calc(var(--node-offset,0px) + var(--node-size) / 2) 0;background-color:var(--color-border);inline-size:2px;position:absolute;inset-inline-start:calc(var(--node-size) / 2 - 1px)}.timeline-spine-fill{background-color:var(--color-brand-text);transform-origin:top}.motion-ok .timeline-spine-fill{transform:scaleY(0)}.timeline{gap:var(--space-chapter-gap);grid-auto-rows:1fr;margin:0;padding:0;list-style:none;display:grid}.timeline-stop{grid-template-columns:var(--node-size) minmax(0, 1fr);column-gap:var(--stop-gap);row-gap:var(--spacing-6);grid-template-rows:auto 1fr;grid-template-areas:"node aside""node card";align-items:stretch;display:grid;position:relative}.timeline-section{--node-offset:max(0px, calc(var(--numeral-crop) - var(--node-size) / 2))}.timeline-node{z-index:1;inline-size:var(--node-size);block-size:var(--node-size);box-sizing:border-box;border:1px solid var(--color-brand-text);background-color:var(--color-background-surface);box-shadow:0 0 0 6px var(--color-background-surface);color:var(--color-text-primary);border-radius:50%;grid-area:node;align-self:start;place-items:center;margin-block-start:var(--node-offset);transition:border-color .4s,color .4s;display:grid;position:relative}.timeline-node-dot{aspect-ratio:1;background-color:var(--color-brand-text);border-radius:50%;inline-size:32%;transition:background-color .4s}.timeline-node[data-latest]:after{content:"";border:2px solid var(--color-brand-text);pointer-events:none;border-radius:50%;animation:2s ease-out infinite timeline-node-beep;position:absolute;inset:-1px}@keyframes timeline-node-beep{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}.timeline-aside{grid-area:aside;min-inline-size:0}.timeline-numeral{block-size:var(--numeral-crop);font-family:var(--font-family-heading);font-size:var(--numeral-size);letter-spacing:-.05em;font-variant-numeric:tabular-nums;color:var(--color-text-primary);-webkit-text-stroke:1px transparent;font-weight:600;line-height:1;transition:color .5s,-webkit-text-stroke-color .5s;display:block;overflow:clip}.timeline-numeral-digits{display:block}.timeline-art{aspect-ratio:3/2;max-inline-size:32rem;color:var(--color-text-primary);margin-block-start:var(--spacing-3);transition:opacity .5s}.timeline-art .illustration{block-size:auto;inline-size:min(64%,22.5rem)}.timeline-rule{block-size:1px;inline-size:calc(100% + var(--stop-gap));background-color:var(--color-border-emphasized);transform-origin:0;margin-block-start:calc(-1 * var(--spacing-3));margin-inline-start:calc(-1 * var(--stop-gap));display:block}.timeline-card{box-sizing:border-box;grid-area:card;min-inline-size:0;position:relative}.timeline-card-rule{display:none}.timeline-list{gap:var(--spacing-2);margin:0;padding:0;list-style:none;display:grid}.timeline-list li{padding-inline-start:var(--spacing-5);position:relative}.timeline-list li:before{content:"";background-color:var(--color-brand-text);border-radius:50%;block-size:6px;inline-size:6px;position:absolute;inset-block-start:.65em;inset-inline-start:0}.timeline[data-focus] .timeline-stop:not(.is-active) .timeline-numeral{color:#0000;-webkit-text-stroke-color:var(--color-text-secondary)}.timeline[data-focus] .timeline-stop:not(.is-active) .timeline-node{border-color:var(--color-border-emphasized);color:var(--color-text-secondary)}.timeline[data-focus] .timeline-stop:not(.is-active) .timeline-node-dot{background-color:var(--color-border-emphasized)}.timeline[data-focus] .timeline-stop:not(.is-active) .timeline-art{opacity:.45}.timeline[data-focus] .timeline-card{transition:opacity .5s}.timeline[data-focus] .timeline-stop:not(.is-active) .timeline-card{opacity:.45}@media (min-width:1024px){.timeline-spine{inset-inline-start:calc(50% - 1px)}.timeline-stop{grid-template-columns:minmax(0, 1fr) var(--node-size) minmax(0, 1fr);grid-template-rows:1fr;grid-template-areas:"aside node card"}.timeline-stop[data-side=start]{grid-template-areas:"card node aside"}.timeline-card{padding-block:var(--spacing-10);margin-block-start:var(--numeral-crop)}.timeline-card-rule{inset-block-start:0;inset-inline:calc(-1 * var(--stop-gap)) 0;background-color:var(--color-border-emphasized);transform-origin:0;block-size:1px;display:block;position:absolute}.timeline-stop[data-side=start] .timeline-card-rule{inset-inline:0 calc(-1 * var(--stop-gap));transform-origin:100%}.timeline-art{aspect-ratio:auto;flex:1;min-block-size:15rem;inline-size:100%;max-inline-size:none}.timeline-stop[data-side=end] .timeline-aside.timeline-aside{text-align:end;align-items:flex-end}.timeline-stop[data-side=end] .timeline-rule{margin-inline:0 calc(-1 * var(--stop-gap));transform-origin:100%}}@media (prefers-reduced-motion:reduce){.timeline-node[data-latest]:after{opacity:0;animation:none}}.deck{--deck-numeral:var(--type-display-l-size);--deck-crop:calc(var(--deck-numeral) * .58);position:relative}@media (min-width:768px){.deck{--deck-numeral:var(--type-display-xl-size)}}@media (min-width:1024px){.deck{--deck-numeral:var(--type-display-xxl-size)}}.deck-stage{position:relative}.deck-track{margin:0;padding:0;list-style:none;display:grid}.deck-card{gap:var(--spacing-8);box-sizing:border-box;padding-block:var(--space-block);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"art""content";display:grid}.deck-card+.deck-card{border-block-start:1px solid var(--color-border)}.deck-card-content{grid-area:content;min-inline-size:0;position:relative}.deck-card-art{min-block-size:0;color:var(--color-text-primary);grid-area:art}.deck-card-art .illustration{block-size:auto;max-block-size:26svh;inline-size:min(72%,22rem)}.deck-numeral{block-size:var(--deck-crop);font-family:var(--font-family-heading);font-size:var(--deck-numeral);letter-spacing:-.05em;font-variant-numeric:tabular-nums;color:var(--color-text-primary);font-weight:600;line-height:1;display:block;overflow:clip}.deck-numeral-digits{display:block}.deck-rule{background-color:var(--color-border-emphasized);transform-origin:0;block-size:1px;display:block}.deck-card-text{padding-block:var(--spacing-6)}.deck-covers{flex-wrap:wrap;padding-block-start:var(--spacing-6)}.deck-covers-label{flex-basis:100%}.deck-covers-list{gap:var(--spacing-4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.deck-covers-list li{inline-size:5.5rem;color:var(--color-text-primary)}@media (min-width:768px){.deck-covers{flex-wrap:nowrap}.deck-covers-label{min-inline-size:4.5rem;flex-basis:auto;padding-block-start:var(--spacing-1)}.deck-covers-list{gap:var(--spacing-5);flex-wrap:nowrap}.deck-covers-list li{inline-size:6rem}}@media (min-width:1024px){.deck-card{gap:var(--space-block);grid-template:"content art"minmax(0,1fr)/minmax(0,5fr) minmax(0,7fr)}.deck-card-art .illustration{max-block-size:64svh;inline-size:min(78%,40rem)}}.motion-ok .deck{block-size:calc(var(--deck-count) * 100svh)}.motion-ok .deck-stage{block-size:calc(100svh - var(--header-height));position:sticky;inset-block-start:var(--header-height);overflow:hidden}.motion-ok .deck-track{flex:1 1 0;min-block-size:0;display:flex}.deck-head{padding-block:var(--spacing-6);background-color:var(--color-background-surface);flex:none}@media (min-width:1024px){.motion-ok .deck-card-art .illustration{max-block-size:48svh}}.motion-ok .deck-card{border-block-start:0;flex:0 0 100%;block-size:100%}@media screen and (max-height:700px) and (max-width:1023px){.deck-card-art .illustration{max-block-size:18svh}.deck-card-text{padding-block:var(--spacing-4)}}.id-card{block-size:auto;display:block;overflow:visible}.id-card :is(path,rect,circle){fill:none;stroke-linecap:round;stroke-linejoin:round}.id-card :is(.id-card-clip,.id-card-body,.id-card-slot,.id-card-spinner){vector-effect:non-scaling-stroke}.id-card-strap{stroke:var(--color-text-secondary);stroke-width:1.5px}.id-card .id-card-clip{fill:var(--color-background-surface);stroke:var(--color-text-primary);stroke-width:1.75px}.id-card .id-card-body{fill:color-mix(in srgb, var(--color-text-primary) 4%, var(--color-background-surface));stroke:var(--color-text-primary);stroke-width:2.5px}.id-card-slot{stroke:var(--color-text-secondary);stroke-width:2.5px}.id-card-accent{stroke:var(--color-brand-text);stroke-width:1.5px}.id-card-fine{stroke:var(--color-text-secondary);stroke-width:.75px}.id-card-loading :is(.id-card-strap,.id-card-accent){stroke-width:2.5px}.id-card-loading .id-card-fine{stroke-width:1.25px}.id-card text{fill:var(--color-text-primary)}.id-card .id-card-name{font-family:var(--font-family-accent);fill:var(--color-brand-text);font-size:26px;font-style:italic}.id-card .id-card-role{font-family:var(--font-family-body);font-size:12px;font-weight:600}.id-card .id-card-eyebrow{font-family:var(--font-family-eyebrow);letter-spacing:.12em;fill:var(--color-brand-text);font-size:8px;font-weight:500}.id-card .id-card-current{font-family:var(--font-family-body);font-size:13px;font-weight:500}.id-card-skeleton rect{fill:color-mix(in srgb, var(--color-text-primary) 14%, transparent);stroke:none;animation:1.4s ease-in-out infinite id-card-shimmer}.id-card-skeleton rect:nth-of-type(2){animation-delay:.15s}.id-card-skeleton rect:nth-of-type(3){animation-delay:.3s}.id-card-skeleton rect:nth-of-type(4){animation-delay:.45s}@keyframes id-card-shimmer{0%,to{opacity:.45}50%{opacity:1}}.id-card .id-card-spinner{stroke:var(--color-brand-text);stroke-width:2px;stroke-dasharray:22 78;transform-box:fill-box;transform-origin:50%;animation:1.2s linear infinite id-card-spin}@keyframes id-card-spin{to{transform:rotate(360deg)}}.id-card-loading .id-card-swing{transform-box:view-box;transform-origin:120px 0;animation:2.4s ease-in-out infinite id-card-swing}@keyframes id-card-swing{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@media (prefers-reduced-motion:reduce){.id-card-skeleton rect,.id-card .id-card-spinner,.id-card-loading .id-card-swing{animation:none}}.splash{z-index:1100;padding:var(--space-gutter);background-color:var(--color-background-surface);place-items:center;display:grid;position:fixed;inset:0}.ripple-grid{pointer-events:none;opacity:.7;block-size:100%;inline-size:100%;position:absolute;inset:0}.splash-mark{align-items:center;gap:var(--space-block);flex-direction:column;display:flex;position:relative}.splash-flip{aspect-ratio:240/330;transform-origin:50% 0;perspective:1400px;inline-size:min(84vw,440px,72.7273svh - 6.54545rem);animation:4s ease-in-out 1.8s infinite id-card-sway}.splash-flip-inner{block-size:100%;inline-size:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.8,.2,1);position:relative}@media (hover:hover){.splash-flip:hover .splash-flip-inner{transform:rotateY(180deg)}}.splash-flip[data-flipped] .splash-flip-inner{transform:rotateY(180deg)}.splash-face{backface-visibility:hidden;block-size:100%;inline-size:100%;position:absolute;inset:0}.splash-face-back{transform:rotateY(180deg)}@keyframes id-card-sway{0%,to{transform:rotate(0)}25%{transform:rotate(2.5deg)}75%{transform:rotate(-2.5deg)}}@media (prefers-reduced-motion:reduce){.splash-flip{animation:none}.splash-flip-inner{transition:none}}.id-card .id-card-frame{fill:none}.id-card .id-card-photo-strip{fill:color-mix(in srgb, var(--color-background-surface) 88%, transparent);stroke:none}.splash-face .id-card-body{stroke-width:4px}.splash-face :is(.id-card-clip,.id-card-slot){stroke-width:3.5px}.splash-face .id-card-accent{stroke-width:2.6px}.splash-face .id-card-strap{stroke-width:5px}.splash-face .id-card-fine{stroke-width:1.4px}.page-transition{z-index:1000;justify-content:center;align-items:center;gap:var(--spacing-6);background-color:var(--color-background-surface);flex-direction:column;display:flex;position:fixed;inset:0}.page-transition-card{inline-size:min(48vw,180px)}.footer-wordmark-fade{-webkit-mask-image:linear-gradient(#000 0%,#0000001a 100%);mask-image:linear-gradient(#000 0%,#0000001a 100%)}html.has-custom-cursor,html.has-custom-cursor *{cursor:none!important}html.has-custom-cursor :is(input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]),textarea,[contenteditable=true]){cursor:text!important}.cursor-squircle{z-index:2147483647;pointer-events:none;block-size:20px;inline-size:20px;margin:-10px 0 0 -10px;position:fixed;top:0;left:0}.cursor-squircle[popover]{color:inherit;background:0 0;border:0;padding:0;inset:0 auto auto 0;overflow:visible}.cursor-lens{block-size:100%;inline-size:100%;display:block}.cursor-lens svg{block-size:100%;inline-size:100%;display:block;overflow:visible}.cursor-lens path{fill:#fff}@supports ((-webkit-backdrop-filter:invert(1)) or (backdrop-filter:invert(1))){.cursor-lens{-webkit-backdrop-filter:invert()saturate(1.6)blur(.6px);backdrop-filter:invert()saturate(1.6)blur(.6px);background:linear-gradient(160deg, var(--glass-sheen) 0%, transparent 60%);box-shadow: inset 1px 1px .5px var(--glass-highlight),  inset 0 -3px 4px -2px var(--glass-highlight),  inset 1.5px 0 0 -.5px var(--lg-fringe-warm), inset -1.5px 0 0 -.5px var(--lg-fringe-cool),  inset 0 -1px 1px #00000040, 0 2px 8px -3px var(--glass-shadow);border-radius:38%}.cursor-lens svg{display:none}.cursor-lens.is-interactive{-webkit-backdrop-filter:invert();backdrop-filter:invert()}}html.has-custom-cursor :is(a,button,[role=button],[role=tab],summary,label,select){transition:scale .28s cubic-bezier(.2,0,0,1.4),background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s,text-decoration-color .2s}[data-cursor-magnify]{scale:1.1}@media (prefers-reduced-motion:reduce){[data-cursor-magnify]{scale:none}}.cursor-project{transform-origin:0 0;display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%}.cursor-project-arrow{filter:drop-shadow(0 2px 4px #00000047);block-size:24px;inline-size:24px;position:absolute;inset-block-start:-2px;inset-inline-start:-2px;overflow:visible}.cursor-project-arrow path{fill:var(--color-brand);stroke:#fff;stroke-width:1.6px;stroke-linejoin:round}.cursor-project-tag-anchor{position:absolute;inset-block-start:22px;inset-inline-start:18px}.cursor-project-tag{padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-element);font-family:var(--font-family-body);font-size:var(--text-supporting-size);white-space:nowrap;border:1px solid #0000;font-weight:600;line-height:1.4;display:block}@supports not ((-webkit-backdrop-filter:invert(1)) or (backdrop-filter:invert(1))){.cursor-squircle{mix-blend-mode:difference}}html.lenis{scroll-behavior:auto}.scroll-progress{z-index:70;pointer-events:none;block-size:0;position:fixed;inset-block-start:0;inset-inline:0}.scroll-progress-line{background-color:var(--color-brand-text);transform-origin:0;block-size:2px;position:absolute;inset-block-start:0;inset-inline:0;transform:scaleX(0)}.scroll-progress-plane{block-size:12px;inline-size:12px;color:var(--color-brand-text);display:block;position:absolute;inset-block-start:0;inset-inline-start:0}.scroll-progress-plane svg{block-size:12px;inline-size:12px;fill:var(--color-brand-text);display:block;rotate:45deg}.motion-ok [data-text-reveal]:not([data-split]){visibility:hidden;animation:0s 3s forwards text-reveal-failsafe}@keyframes text-reveal-failsafe{to{visibility:visible}}.text-reveal-line-mask{margin-block-end:-.14em;margin-inline:-.08em;padding-block-end:.14em;padding-inline:.08em}.footer-wordmark-rise{overflow:clip}.contact-form-grid{gap:var(--space-block)}@media (min-width:1024px){.contact-form-grid{column-gap:var(--space-chapter-gap);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}}.contact-field .astryx-field-label{font-family:var(--font-family-eyebrow);font-size:var(--text-supporting-size);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);font-weight:500}.contact-field .astryx-text-input,.contact-field .astryx-text-area{border:0;border-block-end:1px solid var(--color-border-emphasized);box-shadow:none;background:0 0;border-radius:0;padding-inline:0;transition:border-color .2s}.contact-field input,.contact-field textarea{font-size:var(--text-large-size);padding-inline:0}.contact-field textarea{padding-block:var(--spacing-2);resize:vertical}.contact-field .astryx-text-input:hover,.contact-field .astryx-text-area:hover{border-block-end-color:var(--color-text-secondary)}.contact-field .astryx-text-input:focus-within,.contact-field .astryx-text-area:focus-within{border-block-end-color:var(--color-brand-text);box-shadow:0 1px 0 0 var(--color-brand-text);outline:none}.contact-field[data-status=error] .astryx-text-input,.contact-field .astryx-text-input[data-status=error],.contact-field .astryx-text-area[data-status=error]{border-block-end-color:var(--color-border-error)}.contact-field .astryx-field-status{color:var(--color-text-error);box-shadow:none;background:0 0;border:0;padding:0;padding-block-start:var(--spacing-2)}.contact-topics .astryx-toggle-button-group{gap:var(--spacing-3);flex-wrap:wrap}.contact-topics .astryx-button{border:1px solid var(--color-border-emphasized);border-radius:var(--radius-full);transition:color .2s,border-color .2s}.contact-topics .astryx-button:hover{border-color:var(--color-text-secondary)}.contact-topics .astryx-button[aria-pressed=true]{color:var(--color-brand-text);border-color:var(--color-brand-text)}.contact-form-error{color:var(--color-error)}.contact-form-problem{padding:var(--spacing-4) var(--spacing-5);border:1px solid color-mix(in oklab, var(--color-error) 40%, transparent);border-radius:var(--radius-container);background:var(--color-error-muted)}.contact-form-problem .illustration{flex:none;inline-size:160px}@media (min-width:768px){.footer-bar.contact-direct-bar{grid-template-columns:repeat(2,minmax(0,1fr))}}.work-feature,.work-feature-text{gap:var(--space-block)}.work-feature-frame{aspect-ratio:16/10;border:1px solid var(--color-border);border-radius:var(--radius-container);overflow:hidden}.work-feature-frame .work-showcase-image{transition:transform .7s cubic-bezier(.2,.8,.2,1)}.work-feature-wide-text{gap:var(--space-block)}@media screen and (max-width:1023.98px){.work-feature-frame{order:-1}}@media (min-width:768px){.work-feature-frame[data-layout=wide]{aspect-ratio:16/9}}@media (min-width:1024px){.work-feature-frame[data-layout=wide]{aspect-ratio:auto;block-size:min(80svh,56vw)}.work-feature-wide-text{column-gap:var(--space-chapter-gap);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end}.work-feature[data-layout=split]{column-gap:var(--space-chapter-gap);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:stretch}.work-feature[data-layout=split-reverse]{column-gap:var(--space-chapter-gap);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:stretch}.work-feature[data-layout=split-reverse] .work-feature-text{order:2}.work-feature-frame[data-layout=split],.work-feature-frame[data-layout=split-reverse]{aspect-ratio:auto;block-size:100%;min-block-size:0}}dialog.pass-dialog{box-shadow:none;perspective:1600px;background:0 0;border:0;overflow:visible}dialog.pass-dialog>*{overflow:visible}.pass{--pass-notch:14px;--pass-stub:13.5rem;transform-style:preserve-3d;display:grid}.pass-face{filter:drop-shadow(0 24px 48px color-mix(in srgb, var(--color-overlay) 45%, transparent));backface-visibility:hidden;grid-area:1/1;min-inline-size:0}.pass-back{transform:rotateY(180deg)}.pass-back,.pass[data-stage=lounge] .pass-front{visibility:hidden;transition:visibility 0s linear .16s}.pass[data-stage=lounge] .pass-back{visibility:visible}@media (prefers-reduced-motion:reduce){.pass-face{transition:none}}.pass-front{grid-template-columns:minmax(0,1fr);gap:0}.pass-main{background:var(--color-background-surface);box-shadow:inset 0 0 0 1px var(--color-border);border-radius:var(--radius-container);-webkit-mask:radial-gradient(circle at 0 100%, transparent var(--pass-notch), black calc(var(--pass-notch) + .5px)) left / 51% 100% no-repeat, radial-gradient(circle at 100% 100%, transparent var(--pass-notch), black calc(var(--pass-notch) + .5px)) right / 51% 100% no-repeat;-webkit-mask:radial-gradient(circle at 0 100%, transparent var(--pass-notch), black calc(var(--pass-notch) + .5px)) left / 51% 100% no-repeat, radial-gradient(circle at 100% 100%, transparent var(--pass-notch), black calc(var(--pass-notch) + .5px)) right / 51% 100% no-repeat;mask:radial-gradient(circle at 0 100%, transparent var(--pass-notch), black calc(var(--pass-notch) + .5px)) left / 51% 100% no-repeat, radial-gradient(circle at 100% 100%, transparent var(--pass-notch), black calc(var(--pass-notch) + .5px)) right / 51% 100% no-repeat;position:relative}.pass-stub{color:var(--color-on-brand);background:radial-gradient(120% 90% at 100% 0%, color-mix(in srgb, var(--color-on-brand) 22%, transparent), transparent 60%), var(--color-brand);border-radius:var(--radius-container);border-block-start:2px dashed color-mix(in srgb, var(--color-background-surface) 70%, transparent);transform-origin:0 0;-webkit-mask:radial-gradient(circle at 0 0, transparent var(--pass-notch), black calc(var(--pass-notch) + .5px)) left / 51% 100% no-repeat, radial-gradient(circle at 100% 0, transparent var(--pass-notch), black calc(var(--pass-notch) + .5px)) right / 51% 100% no-repeat;-webkit-mask:radial-gradient(circle at 0 0, transparent var(--pass-notch), black calc(var(--pass-notch) + .5px)) left / 51% 100% no-repeat, radial-gradient(circle at 100% 0, transparent var(--pass-notch), black calc(var(--pass-notch) + .5px)) right / 51% 100% no-repeat;mask:radial-gradient(circle at 0 0, transparent var(--pass-notch), black calc(var(--pass-notch) + .5px)) left / 51% 100% no-repeat, radial-gradient(circle at 100% 0, transparent var(--pass-notch), black calc(var(--pass-notch) + .5px)) right / 51% 100% no-repeat;position:relative}.pass-stub-inner{padding:var(--spacing-6)}@media (min-width:640px){.pass-front{grid-template-columns:minmax(0, 1fr) var(--pass-stub)}.pass-main{-webkit-mask:radial-gradient(circle at 100% 0, transparent var(--pass-notch), black calc(var(--pass-notch) + .5px)) top / 100% 51% no-repeat, radial-gradient(circle at 100% 100%, transparent var(--pass-notch), black calc(var(--pass-notch) + .5px)) bottom / 100% 51% no-repeat;-webkit-mask:radial-gradient(circle at 100% 0, transparent var(--pass-notch), black calc(var(--pass-notch) + .5px)) top / 100% 51% no-repeat, radial-gradient(circle at 100% 100%, transparent var(--pass-notch), black calc(var(--pass-notch) + .5px)) bottom / 100% 51% no-repeat;mask:radial-gradient(circle at 100% 0, transparent var(--pass-notch), black calc(var(--pass-notch) + .5px)) top / 100% 51% no-repeat, radial-gradient(circle at 100% 100%, transparent var(--pass-notch), black calc(var(--pass-notch) + .5px)) bottom / 100% 51% no-repeat}.pass-stub{border-block-start:0;border-inline-start:2px dashed color-mix(in srgb, var(--color-background-surface) 70%, transparent);-webkit-mask:radial-gradient(circle at 0 0, transparent var(--pass-notch), black calc(var(--pass-notch) + .5px)) top / 100% 51% no-repeat, radial-gradient(circle at 0 100%, transparent var(--pass-notch), black calc(var(--pass-notch) + .5px)) bottom / 100% 51% no-repeat;-webkit-mask:radial-gradient(circle at 0 0, transparent var(--pass-notch), black calc(var(--pass-notch) + .5px)) top / 100% 51% no-repeat, radial-gradient(circle at 0 100%, transparent var(--pass-notch), black calc(var(--pass-notch) + .5px)) bottom / 100% 51% no-repeat;mask:radial-gradient(circle at 0 0, transparent var(--pass-notch), black calc(var(--pass-notch) + .5px)) top / 100% 51% no-repeat, radial-gradient(circle at 0 100%, transparent var(--pass-notch), black calc(var(--pass-notch) + .5px)) bottom / 100% 51% no-repeat}.pass-stub-inner{justify-content:space-between;block-size:100%}}@media screen and (max-width:639.98px){dialog.pass-dialog{overflow-y:auto}.pass{--pass-notch:12px}.pass-body{padding:var(--spacing-5)!important;gap:var(--spacing-6)!important}.pass-stub .pass-stub-inner{align-items:center;gap:var(--spacing-3) var(--spacing-4);padding:var(--spacing-5);grid-template-columns:minmax(0,1fr) 7rem;display:grid}.pass-stub-airline,.pass-stub-tear{display:none}.pass-stamp{inset-block-start:54%;inset-inline-end:var(--spacing-5)}.pass-stub-flight,.pass-stub-seat{grid-column:1}.pass-stub .pass-barcode{grid-area:1/2/span 2;block-size:100%;min-block-size:3.5rem}}.pass-header{padding:var(--spacing-4) var(--spacing-4) var(--spacing-3) var(--spacing-6);border-block-end:1px dashed var(--color-border)}.pass-body{padding:var(--spacing-6)}.pass-route{align-items:center;gap:var(--spacing-4);grid-template-columns:auto minmax(3rem,1fr) auto}.pass-route-path{color:var(--color-brand-text);justify-content:center;block-size:100%;position:relative}.pass-route-path:before{content:"";border-block-start:2px dotted color-mix(in srgb, var(--color-brand-text) 55%, transparent);position:absolute;inset-block-start:50%;inset-inline:0}.pass-route-plane{padding-inline:var(--spacing-2);background:var(--color-background-surface);display:inline-flex;position:relative}.pass-fields{padding-block:var(--spacing-4);border-block:1px dashed var(--color-border)}.pass-barcode{opacity:.9;background:repeating-linear-gradient(90deg,currentColor 0 2px,#0000 2px 4px,currentColor 4px 5px,#0000 5px 8px,currentColor 8px 11px,#0000 11px 12px,currentColor 12px 13px,#0000 13px 16px);block-size:3rem;inline-size:100%}.pass-stamp{padding:var(--spacing-3) var(--spacing-5);color:var(--color-brand-text);border-radius:var(--radius-container);background:color-mix(in srgb, var(--color-background-surface) 80%, transparent);pointer-events:none;mix-blend-mode:normal;border:3px double;position:absolute;inset-block-start:36%;inset-inline-end:var(--spacing-8)}.pass-back{color:var(--color-on-brand);background:radial-gradient(90% 70% at 100% 0%, color-mix(in srgb, var(--color-on-brand) 24%, transparent), transparent 60%), radial-gradient(70% 60% at 0% 100%, color-mix(in srgb, var(--color-background-surface) 35%, transparent), transparent 70%), var(--color-brand);border-radius:var(--radius-container)}.pass-back .pass-header,.pass-back .pass-fields{border-color:color-mix(in srgb, var(--color-on-brand) 35%, transparent)}.pass-back :is(.astryx-heading,.astryx-text){color:inherit}.pass-back em{color:inherit!important}.pass-back .astryx-button[data-variant=primary]{background:var(--color-on-brand)!important;color:var(--color-brand)!important;box-shadow:0 8px 24px color-mix(in srgb, var(--color-overlay) 35%, transparent)!important}.pass-back .astryx-button[data-variant=primary] *{color:inherit!important}.pass-back{position:relative;overflow:hidden}.pass-back>.pass-body{flex:1;justify-content:space-between}.pass-back-watermark{block-size:14rem;inline-size:14rem;color:var(--color-on-brand);opacity:.1;pointer-events:none;position:absolute;inset-block-end:calc(var(--spacing-8) * -1);inset-inline-end:calc(var(--spacing-6) * -1);rotate:-12deg}.pass-back .astryx-button,.pass-back .astryx-icon-button{color:inherit}dialog.astryx-dialog{background-color:var(--color-background-popover);border:1px solid var(--color-border-emphasized);box-shadow:inset 0 1px 0 0 var(--glass-highlight), 0 24px 64px -16px #0000008c, 0 2px 8px #00000040}dialog.astryx-alert-dialog>div{padding:var(--spacing-6)}dialog.astryx-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:var(--lightningcss-light,#0f0f1459)var(--lightningcss-dark,#0009);animation:.24s cubic-bezier(.2,0,0,1) popup-backdrop-in}@keyframes popup-backdrop-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){dialog.astryx-dialog::backdrop{animation:none}}.closing-section{position:relative;overflow:clip}.closing-grid{position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 80%,#000 30%,#0000 100%);mask-image:radial-gradient(70% 80%,#000 30%,#0000 100%)}.closing{z-index:1;position:relative}.closing-word{overflow-clip-margin:.1em;vertical-align:bottom;align-items:baseline;margin-block:-.12em;padding-block:.12em;display:inline-flex;overflow:clip}.closing-word-text{white-space:nowrap;display:inline-block}.closing-wave .lucide{transform-origin:70% 80%}.closing-wave:hover .lucide,.closing-wave:focus-visible .lucide{animation:.9s ease-in-out closing-wave}@keyframes closing-wave{0%,to{rotate:0deg}15%{rotate:16deg}30%{rotate:-10deg}45%{rotate:14deg}60%{rotate:-6deg}75%{rotate:8deg}}@media (prefers-reduced-motion:reduce){.closing-wave:hover .lucide,.closing-wave:focus-visible .lucide{animation:none}}.cs-prose{color:var(--color-text-primary);gap:var(--space-block)}.cs-prose>*{margin:0}.cs-prose .cs-section-heading,.write-prose h2{margin-block-start:var(--space-chapter-gap)}.cs-prose>.cs-section-heading:first-child,.write-prose>h2:first-child{margin-block-start:0}.cs-section{display:contents}.cs-section>*{margin:0}.cs-article>.cs-section:first-child>.cs-section-heading:first-child{margin-block-start:0}.cs-paragraph,.write-prose p{color:var(--color-text-secondary);text-wrap:pretty}.cs-prose strong,.write-prose strong{color:var(--color-text-primary)}.cs-link,.write-prose a{color:var(--color-brand-text);text-underline-offset:.18em;text-decoration:underline}.cs-prose blockquote,.write-prose blockquote{border-inline-start:2px solid var(--color-brand-text);font-family:var(--font-family-accent);font-style:italic;font-size:var(--type-headline-m-size);color:var(--color-text-primary);margin:0;padding-inline-start:var(--spacing-6);line-height:1.3}.cs-prose ul,.cs-prose ol,.write-prose ul,.write-prose ol{color:var(--color-text-secondary);gap:var(--spacing-2);padding-inline-start:var(--spacing-6);display:grid}.cs-prose hr,.write-prose hr{border:0;border-block-start:1px solid var(--color-border);margin-block:var(--space-block)}.cs-prose pre,.write-prose pre{padding:var(--spacing-4);border-radius:var(--radius-container);background:var(--color-background-muted);font-family:var(--font-family-code);overflow-x:auto}.cs-prose mark,.write-prose mark{color:inherit;border-radius:2px;padding-inline:.1em}.cs-prose :not(pre)>code,.write-prose :not(pre)>code{border-radius:var(--radius-inner);background:var(--color-background-muted);font-family:var(--font-family-code);padding:.1em .35em;font-size:.9em}.cs-prose sub,.cs-prose sup,.write-prose sub,.write-prose sup{font-size:.75em;line-height:0}.cs-prose ul[data-type=taskList],.write-prose ul[data-type=taskList]{padding-inline-start:0;list-style:none}.cs-prose ul[data-type=taskList] ul[data-type=taskList],.write-prose ul[data-type=taskList] ul[data-type=taskList]{padding-inline-start:var(--spacing-6)}.cs-prose li[data-checked],.write-prose li[data-checked]{align-items:flex-start;gap:var(--spacing-3);display:flex}.cs-prose li[data-checked]>label,.write-prose li[data-checked]>label{flex:none;margin-block-start:.3em}.cs-prose li[data-checked]>label input,.write-prose li[data-checked]>label input{accent-color:var(--color-brand-text)}.cs-prose li[data-checked]>div,.write-prose li[data-checked]>div{flex:1;min-inline-size:0}.cs-prose li[data-checked=true]>div,.write-prose li[data-checked=true]>div{color:var(--color-text-tertiary,var(--color-text-secondary));text-decoration:line-through}.cs-prose li[data-checked] input{pointer-events:none}.cs-spacer[data-size=sm]{block-size:var(--spacing-6)}.cs-spacer,.cs-spacer[data-size=md]{block-size:var(--spacing-12)}.cs-spacer[data-size=lg]{block-size:var(--spacing-20,calc(var(--spacing-12) * 2))}.cs-spacer[data-size=xl]{block-size:var(--spacing-32,calc(var(--spacing-12) * 3))}.write-prose .cs-spacer{border:1px dashed var(--color-border);border-radius:var(--radius-inner)}.write-prose .cs-spacer.ProseMirror-selectednode{border-color:var(--color-brand-text)}.cs-prose details.cs-details,.write-prose [data-type=details]{border-block:1px solid var(--color-border);padding-block:var(--spacing-4)}.cs-prose details.cs-details>summary{cursor:pointer;color:var(--color-text-primary);font-weight:600;list-style-position:outside}.cs-prose details.cs-details>summary::marker{color:var(--color-brand-text)}.cs-prose details.cs-details>[data-type=detailsContent]{gap:var(--spacing-4);color:var(--color-text-secondary);padding-block-start:var(--spacing-4);display:grid}.write-prose [data-type=details]{gap:var(--spacing-3);display:flex}.write-prose [data-type=details]>button{inline-size:var(--spacing-6);block-size:var(--spacing-6);border-radius:var(--radius-inner);background:var(--color-background-muted);color:var(--color-brand-text);cursor:pointer;border:0;flex:none}.write-prose [data-type=details]>button:before{content:"▸"}.write-prose [data-type=details].is-open>button:before{content:"▾"}.write-prose [data-type=details]>div{gap:var(--spacing-3);flex:1;display:grid}.write-prose [data-type=details] summary{color:var(--color-text-primary);font-weight:600}.write-prose [data-type=details]:not(.is-open) [data-type=detailsContent]{display:none}.cs-prose .tableWrapper,.write-prose .tableWrapper{margin:0;overflow-x:auto}.cs-prose table,.write-prose table{border-collapse:collapse;table-layout:fixed;inline-size:100%;color:var(--color-text-secondary)}.cs-prose th,.cs-prose td,.write-prose th,.write-prose td{min-inline-size:6rem;padding:var(--spacing-3);border:1px solid var(--color-border);text-align:start;vertical-align:top;position:relative}.cs-prose th,.write-prose th{background:var(--color-background-muted);color:var(--color-text-primary);font-weight:600}.cs-prose th>p,.cs-prose td>p,.write-prose th>p,.write-prose td>p{margin:0}:is(.cs-prose,.write-prose) table[data-tablestyle=rows] :is(th,td){border-inline:0}:is(.cs-prose,.write-prose) table[data-tablestyle=minimal] :is(th,td){border:0}:is(.cs-prose,.write-prose) table[data-tablestyle=minimal] th{border-block-end:var(--border-width-200) solid var(--border-gray-intense);background:0 0}:is(.cs-prose,.write-prose) table[data-striped=true] tr:nth-child(2n) td{background:var(--bg-gray-subtle)}:is(.cs-prose,.write-prose) table[data-density=compact] :is(th,td){padding:var(--space-6) var(--space-8);font-size:var(--body-lg-size)}@media screen and (max-width:767.98px){:is(.cs-prose,.write-prose) table[data-mobile=fit]{table-layout:auto;font-size:var(--body-lg-size)}:is(.cs-prose,.write-prose) table[data-mobile=fit] :is(th,td){min-inline-size:0;padding:var(--space-6);overflow-wrap:anywhere}}.write-prose .selectedCell:after{content:"";background:color-mix(in oklab, var(--color-brand-text) 14%, transparent);pointer-events:none;position:absolute;inset:0}.cs-media{gap:var(--spacing-3);margin:0;display:grid}.cs-image,.cs-video,.write-prose img{border:1px solid var(--color-border);border-radius:var(--radius-container);block-size:auto;inline-size:100%;display:block}.cs-embed{aspect-ratio:16/9;border:1px solid var(--color-border);border-radius:var(--radius-container);background:var(--color-background-muted);inline-size:100%;display:block}.cs-embed[data-provider=figma]{aspect-ratio:4/3}.cs-caption{font-size:var(--type-caption-l-size);color:var(--color-text-secondary);text-align:center}.cs-cover{object-fit:cover;border:1px solid var(--color-border);border-radius:var(--radius-container);block-size:auto;max-block-size:80svh;inline-size:100%;display:block}.cs-file{border:1px solid var(--color-border);border-radius:var(--radius-container);background:var(--color-background-surface);overflow:hidden}.cs-file-preview{border:0;border-block-end:1px solid var(--color-border);background:var(--color-background-muted);block-size:min(80svh,44rem);inline-size:100%;display:block}.cs-file-bar{padding:var(--spacing-4);color:var(--color-text-primary)}.cs-file-download{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-primary);white-space:nowrap;text-decoration:none;display:inline-flex}.cs-file-download:hover{border-color:var(--color-brand-text);color:var(--color-brand-text)}.cs-callout{padding:var(--spacing-5);border-radius:var(--radius-container);border:1px solid color-mix(in srgb, var(--color-brand-text) 30%, transparent);background:color-mix(in srgb, var(--color-brand-text) 8%, transparent);color:var(--color-brand-text)}.cs-callout p{color:var(--color-text-primary)}.studio,.write{background:var(--color-background-body);min-block-size:100svh}.studio-home,.studio-link{color:inherit;text-decoration:none}.studio-link{font-weight:600}.studio-link:hover{color:var(--color-brand-text)}.studio-body{inline-size:min(100% - 2 * var(--spacing-5), 72rem);padding-block:var(--spacing-10);margin-inline:auto}.studio-empty{padding:var(--spacing-10);background:var(--surface-container);border:var(--border-width-100) solid var(--surface-outline);border-radius:var(--surface-container-radius);text-align:center;align-items:center}.studio-centered{inline-size:min(100% - 2 * var(--spacing-5), 30rem);padding:var(--surface-container-padding);background:var(--surface-container);border:var(--border-width-100) solid var(--surface-outline);border-radius:var(--surface-container-radius);margin:18svh auto 0}.write-main{align-items:stretch;min-block-size:0}.write-canvas{flex:1;min-inline-size:0;position:relative}.write-toolbar{z-index:10;padding:var(--space-8) var(--space-24);margin:0;position:sticky;inset-block-start:var(--glass-bar-height)}.write-toolbar.glass:not(#\#){box-shadow:inset 0 calc(-1 * var(--border-width-100)) 0 0 var(--border-gray-subtle);border-radius:0}.write-toolbar.glass:not(#\#):before{border-radius:0}.write-toolbar--row:not(#\#):not(#\#):not(#\#){align-items:center;gap:var(--space-4);flex-wrap:nowrap;min-inline-size:0;display:flex}.write-toolbar--row .write-tool-end{margin-inline-start:auto}.write-toolbar--row .write-tool-separator{block-size:var(--space-24);align-self:center}.write-more{inline-size:min(22rem,88vw)}.write-more-label{text-transform:uppercase;letter-spacing:var(--overline-sm-tracking);font-size:var(--overline-sm-size);font-weight:600}.write-canvas{position:relative}.write-find{z-index:20;inline-size:min(26rem, calc(100% - 2 * var(--space-16)));padding:var(--space-12) var(--space-16);position:absolute;inset-block-start:calc(var(--size-56) + var(--space-8));inset-inline-end:var(--space-16)}.write-find-count{white-space:nowrap;text-align:end;min-inline-size:4.5rem;padding-block-end:var(--space-8)}.write-match{background:var(--bg-warning-subtle,var(--color-background-yellow));border-radius:var(--radius-2)}.write-match--current{background:var(--bg-brand-light);box-shadow:0 0 0 var(--border-width-200) var(--border-brand-normal)}.write-table-bar,.write-bubble{padding:var(--space-4)}@media screen and (max-width:767px){.write-find{inset-block-start:calc(var(--glass-bar-height) + var(--space-8));inset-inline:var(--space-8);inline-size:auto;position:fixed}}.write-tool-separator{margin-inline:var(--spacing-1);align-self:stretch}.write-tool-tabs{grid-template-columns:1fr auto 1fr;align-items:center;padding-block-end:var(--spacing-1);display:grid}.write-tool-quick{grid-column:1;justify-self:start}.write-tool-centre{grid-column:2;min-inline-size:0}.write-tool-end{grid-column:3;justify-self:end}.write-tool-panel{min-block-size:var(--spacing-10);padding-block:var(--spacing-2) 0;justify-content:center}@media screen and (max-width:767px){.write-toolbar:not(#\#):not(#\#):not(#\#){align-items:center;column-gap:var(--space-8);z-index:25;min-block-size:var(--size-56);padding:var(--space-6) var(--space-12) calc(var(--space-6) + env(safe-area-inset-bottom,0px));grid-template-columns:minmax(0,1fr) auto;display:grid;position:fixed;inset-block:auto 0;inset-inline:0}.write-toolbar.glass:not(#\#):not(#\#):not(#\#){box-shadow:inset 0 var(--border-width-100) 0 0 var(--border-gray-subtle)}.write-document:not(#\#){margin-block-end:calc(var(--size-56) + var(--space-24))}.write-fab:not(#\#){inset-block-end:calc(var(--size-56) + var(--space-16) + env(safe-area-inset-bottom,0px))}.write-tool-tabs:not(#\#):not(#\#):not(#\#){display:contents}.write-toolbar:not([data-expanded]) .write-tool-centre:not(#\#):not(#\#):not(#\#){display:none}.write-tool-panel:not(#\#):not(#\#):not(#\#){scrollbar-width:none;overscroll-behavior-x:contain;flex-wrap:nowrap;grid-area:1/1;justify-content:flex-start;min-block-size:0;padding-block:0;overflow-x:auto}.write-tool-panel::-webkit-scrollbar{display:none}.write-tool-panel>*{flex-shrink:0}.write-tool-toggle{grid-area:1/2}.write-toolbar[data-expanded]:not(#\#):not(#\#):not(#\#){row-gap:var(--space-12);max-block-size:calc(100svh - var(--glass-bar-height));grid-template-columns:auto minmax(0,1fr) auto;padding-block-start:var(--space-8);overflow-y:auto}.write-toolbar[data-expanded] .write-tool-centre:not(#\#):not(#\#):not(#\#){grid-area:1/1}.write-toolbar[data-expanded] .write-tool-quick.only-wide:not(#\#):not(#\#):not(#\#):not(#\#){grid-area:1/2;justify-self:end;display:flex}.write-toolbar[data-expanded] .write-tool-toggle{grid-area:1/3}.write-toolbar[data-expanded] .write-tool-panel:not(#\#):not(#\#):not(#\#){border-block-start:var(--border-width-100) solid var(--border-gray-subtle);flex-wrap:wrap;grid-area:2/1/auto/-1;padding-block-start:var(--space-8);overflow-x:visible}.write-toolbar[data-expanded]~.write-fab:not(#\#):not(#\#):not(#\#){display:none}}.write-fab{z-index:30;position:fixed;inset-block-end:calc(var(--space-16) + env(safe-area-inset-bottom,0px));inset-inline-end:var(--space-16)}.write-fab div:has(>.astryx-popover):not(#\#):not(#\#):not(#\#):not(#\#){inline-size:75vw;min-inline-size:0;max-inline-size:75vw}.write-fab .astryx-popover:not(#\#):not(#\#):not(#\#):not(#\#){inline-size:100%;min-inline-size:0}.write-fab .astryx-button:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){block-size:var(--size-48);inline-size:var(--size-48);box-shadow:var(--glass-button-rim), var(--elevation-500)}.write-document{padding:var(--spacing-10) var(--spacing-5) 40svh}.write-prose{outline:none;inline-size:min(100%,44rem);margin-inline:auto;display:grid}.write-prose .is-empty:before{content:attr(data-placeholder);float:left;pointer-events:none;block-size:0;color:var(--text-gray-placeholder)}.write-settings{inline-size:22rem;padding:var(--spacing-6) var(--spacing-5) var(--spacing-10);border-inline-start:1px solid var(--color-border);background:var(--color-background-surface);flex:none;max-block-size:calc(100svh - 57px);position:sticky;inset-block-start:57px;overflow-y:auto}@media screen and (max-width:1023.98px){.write-main{flex-direction:column}.write-settings{border-inline-start:0;border-block-start:1px solid var(--color-border);max-block-size:none;inline-size:100%;position:static}}.write-image-field{aspect-ratio:16/10;object-fit:cover;border:1px solid var(--color-border);border-radius:var(--radius-container);inline-size:100%}.write-image-empty{background:var(--surface-container-high);border-color:#0000}.write-image-frame{position:relative}.write-image-frame .write-image-field{display:block}.write-image-actions{inset-inline:var(--space-8);justify-content:center;position:absolute;inset-block-end:var(--space-8)}.write-swatch{border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--swatch);block-size:16px;inline-size:16px;display:block}.write-swatch[data-empty]{background:linear-gradient(135deg, transparent 45%, var(--color-text-error) 46% 54%, transparent 55%)}.write-slash{z-index:30;max-block-size:22rem;inline-size:17rem;padding:var(--spacing-1);border:1px solid var(--color-border);border-radius:var(--radius-container);background:var(--color-background-popover);box-shadow:0 12px 32px color-mix(in srgb, var(--color-overlay) 35%, transparent);position:absolute;overflow-y:auto}.write-slash .astryx-button{justify-content:flex-start}.write-slash-empty{padding:var(--spacing-3)}.write-slash-group{padding:var(--space-8) var(--space-12) var(--space-4);text-transform:uppercase;letter-spacing:var(--overline-sm-tracking);font-size:var(--overline-sm-size);font-weight:600}.write-block{gap:var(--spacing-2);border-radius:var(--radius-container);outline-offset:4px;outline:2px solid #0000;display:grid}.write-block[data-selected]{outline-color:var(--color-brand-text)}.write-block-controls{flex-wrap:wrap}.write-dialog-body{padding:var(--spacing-4)}.preview-bar{background:color-mix(in srgb, var(--color-brand-text) 14%, var(--color-background-surface))}.vb{gap:var(--spacing-3);min-inline-size:0;margin:0;display:grid}.vb-media{border-radius:var(--radius-container);background:var(--color-background-muted);block-size:auto;inline-size:100%;display:block}.vb-replace{cursor:pointer;border-radius:var(--radius-container);background:0 0;border:0;inline-size:100%;padding:0;display:block}.vb-replace:hover .vb-media,.vb-replace:focus-visible .vb-media{outline:2px solid var(--color-brand-text);outline-offset:2px}.vb-empty{border:1px dashed var(--color-border-emphasized);border-radius:var(--radius-container);background:var(--color-background-muted);inline-size:100%}.vb-grid{--vb-gap:var(--spacing-4);grid-template-columns:repeat(var(--vb-columns,2), minmax(0, 1fr));gap:var(--vb-gap);display:grid}.vb-grid[data-gap=none]{--vb-gap:0px}.vb-grid[data-gap=sm]{--vb-gap:var(--spacing-2)}.vb-grid[data-gap=lg]{--vb-gap:var(--spacing-8)}.vb-grid[data-gap=none] .vb-media{border-radius:0}.vb-grid[data-arrangement=asymmetric]>:first-child{grid-area:span 2/span 2}.vb-grid[data-arrangement=asymmetric]>:first-child .vb-media,.vb-grid[data-arrangement=asymmetric]>.vb-media:first-child{object-fit:cover;block-size:100%}.vb-grid[data-arrangement=masonry]{columns:var(--vb-columns,2);column-gap:var(--vb-gap);display:block}.vb-grid[data-arrangement=masonry]>*{break-inside:avoid;margin-block-end:var(--vb-gap)}@media screen and (max-width:767.98px){.vb-grid{grid-template-columns:repeat(min(var(--vb-columns,2), 2), minmax(0, 1fr))}.vb-grid[data-arrangement=masonry]{columns:2}}@media screen and (max-width:479.98px){.vb-grid{grid-template-columns:minmax(0,1fr)}.vb-grid[data-arrangement=asymmetric]>:first-child{grid-area:auto}.vb-grid[data-arrangement=masonry]{columns:1}}.vb-compare-grid{gap:var(--spacing-6);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.vb-compare[data-split="60-40"] .vb-compare-grid{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.vb-compare[data-split="40-60"] .vb-compare-grid{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}.vb-compare-side[data-tone=after] .vb-media{box-shadow:0 0 0 1px color-mix(in srgb, var(--color-brand-text) 45%, transparent)}@media screen and (max-width:639.98px){.vb-compare .vb-compare-grid{grid-template-columns:minmax(0,1fr)}}.vb-showcase[data-width=frame]{inline-size:min(100vw - 2 * var(--space-gutter), var(--content-max));margin-inline:calc(50% - min(50vw - var(--space-gutter), var(--content-max) / 2))}.vb-showcase[data-surface=muted]{background:var(--color-background-muted)}.vb-showcase[data-surface=brand]{background:color-mix(in srgb, var(--color-brand-text) 12%, var(--color-background-surface))}.vb-showcase[data-surface=inverse]{background:var(--color-background-inverted)}.vb-showcase[data-inset=sm]{padding:var(--spacing-4)}.vb-showcase[data-inset=md]{padding:var(--space-block)}.vb-showcase[data-inset=lg]{padding:var(--space-chapter-gap)}.vb-showcase:not([data-surface=none]){border-radius:var(--radius-container)}.cs-article-chapter{overflow-x:clip}.vb-devices{padding:var(--spacing-6);border-radius:var(--radius-container)}.vb-devices[data-surface=none]{padding:0}.vb-devices[data-surface=muted]{background:var(--color-background-muted)}.vb-devices[data-surface=brand]{background:color-mix(in srgb, var(--color-brand-text) 12%, var(--color-background-surface))}.vb-devices[data-surface=inverse]{background:var(--color-background-inverted)}.vb-stage{inline-size:100%;position:relative;container-type:inline-size}.vb-device-slot{transform-origin:50%;position:absolute}.vb-device-slot[data-selected] .vb-device{outline:2px solid var(--color-brand-text);outline-offset:4px}.vb-device{background:var(--color-background-inverted);border:1px solid var(--color-border-emphasized);display:grid;position:relative}.vb-devices[data-shadow] .vb-device{box-shadow:0 2cqi 5cqi color-mix(in srgb, var(--color-overlay) 30%, transparent), 0 .4cqi 1cqi color-mix(in srgb, var(--color-overlay) 25%, transparent)}.vb-device-screen{background:var(--color-background-surface);overflow:hidden}.vb-device-screen .vb-media,.vb-device-screen .vb-empty,.vb-device-screen .vb-replace{object-fit:cover;object-position:top;border-radius:0;block-size:100%;inline-size:100%}.vb-device-screen .vb-replace .vb-media{block-size:100%}.vb-device[data-type=phone]{border-radius:16%/7.5%;padding:2.6%}.vb-device[data-type=phone] .vb-device-screen{aspect-ratio:9/19.5;border-radius:13%/6%}.vb-device[data-type=tablet]{border-radius:6%;padding:3%}.vb-device[data-type=tablet] .vb-device-screen{aspect-ratio:4/3;border-radius:2%}.vb-device[data-type=laptop]{border-radius:3% 3% 0 0;padding:2.2% 2.2% 0}.vb-device[data-type=laptop] .vb-device-screen{aspect-ratio:16/10;border-radius:1%}.vb-device-base{background:var(--color-border-emphasized);border-radius:0 0 40% 40%/0 0 100% 100%;block-size:0;margin-inline:-9%;padding-block-end:4%}.vb-device[data-type=browser]{background:var(--color-background-muted);border-radius:1.6%;padding:0;overflow:hidden}.vb-device[data-type=browser] .vb-device-screen{aspect-ratio:16/10}.vb-device-chrome{border-block-end:1px solid var(--color-border);gap:1.2%;padding:1.6% 2%;display:flex}.vb-device-chrome i{aspect-ratio:1;background:var(--color-border-emphasized);border-radius:50%;inline-size:1.4%}@media screen and (max-width:639.98px){.vb-devices[data-mobile=stack] .vb-stage{justify-items:center;gap:var(--spacing-6);display:grid;aspect-ratio:auto!important}.vb-devices[data-mobile=stack] .vb-device-slot{position:static;inline-size:min(100%,16rem)!important;transform:none!important}:is(.vb-devices[data-mobile=stack] .vb-device-slot:has([data-type=laptop]),.vb-devices[data-mobile=stack] .vb-device-slot:has([data-type=browser])){inline-size:100%!important}.vb-devices[data-mobile=first] .vb-device-slot:not(:first-child){display:none}.vb-devices[data-mobile=first] .vb-device-slot:first-child{inline-size:40%!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.vb-devices{padding:var(--spacing-4)}}.vb-split{gap:var(--space-block);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;display:grid}.vb-split[data-proportion="60-40"]{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.vb-split[data-proportion="40-60"]{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}.vb-split[data-proportion="67-33"]{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.vb-split[data-proportion="33-67"]{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.vb-split[data-align=start]{align-items:start}.vb-split[data-align=end]{align-items:end}.vb-split[data-order=text-media] .vb-split-media{order:2}.vb-split-text{gap:var(--spacing-4);min-inline-size:0;display:grid}.vb-split-text>*{margin:0}@media screen and (max-width:767.98px){.vb-split{grid-template-columns:minmax(0,1fr)!important}.vb-split .vb-split-media{order:0!important}}.vb-quote-text{color:var(--color-text-primary);text-wrap:balance;margin:0}.vb-quote[data-style=serif] .vb-quote-text{font-family:var(--font-family-accent);font-style:italic;font-size:var(--type-headline-xl-size);line-height:1.25}.vb-quote[data-style=large] .vb-quote-text{font-size:var(--type-section-title-size);letter-spacing:-.03em;font-weight:600;line-height:1.1}.vb-quote[data-style=bordered]{border-inline-start:3px solid var(--color-brand-text);padding-inline-start:var(--spacing-6)}.vb-quote[data-style=bordered] .vb-quote-text{font-size:var(--type-headline-l-size);line-height:1.3}.vb-quote-by{gap:var(--spacing-1);display:grid}.cs-callout[data-tone=neutral]{color:var(--color-text-secondary);border-color:var(--color-border);background:var(--color-background-muted)}.cs-callout[data-tone=success]{color:var(--color-text-success);border-color:color-mix(in srgb, var(--color-text-success) 30%, transparent);background:color-mix(in srgb, var(--color-text-success) 8%, transparent)}.cs-callout[data-tone=warning]{color:var(--color-text-warning);border-color:color-mix(in srgb, var(--color-text-warning) 30%, transparent);background:color-mix(in srgb, var(--color-text-warning) 8%, transparent)}.vb-metrics-grid{grid-template-columns:repeat(var(--vb-columns,3), minmax(0, 1fr));gap:var(--spacing-6);margin:0;display:grid}.vb-metric{gap:var(--spacing-1);border-block-start:1px solid var(--color-border);align-content:start;padding-block-start:var(--spacing-4);display:grid}.vb-metric dd{margin:0}.vb-metric-label{font-family:var(--font-family-eyebrow);font-size:var(--type-caption-l-size);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);order:2}.vb-metric-value{font-size:var(--type-section-title-size);letter-spacing:-.03em;color:var(--color-text-primary);order:1;font-weight:600;line-height:1.05}.vb-metric-detail{color:var(--color-text-secondary);order:3}.vb-metrics[data-style=brand] .vb-metric-value{color:var(--color-brand-text)}.vb-metrics[data-style=cards] .vb-metric{padding:var(--spacing-5);border:1px solid var(--color-border);border-radius:var(--radius-container);background:var(--color-background-surface)}@media screen and (max-width:767.98px){.vb-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:399.98px){.vb-metrics-grid{grid-template-columns:minmax(0,1fr)}}@media screen and (max-width:767.98px){.vb-grid[data-mobile-columns="1"]{grid-template-columns:minmax(0,1fr)}}@media screen and (max-width:479.98px){.vb-grid[data-mobile-columns="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}}.vb-slider{border-radius:var(--radius-12);background:var(--surface-container-high);position:relative;overflow:hidden}.vb-slider .vb-slider-media{object-fit:cover;block-size:100%;inline-size:100%;position:absolute;inset:0}.vb-slider-before{clip-path:inset(0 calc(100% - var(--vb-reveal,50%)) 0 0);position:absolute;inset:0}.vb-slider-handle{inline-size:var(--border-width-200);background:var(--color-base-white);box-shadow:var(--elevation-200);pointer-events:none;position:absolute;inset-block:0;inset-inline-start:var(--vb-reveal,50%);transform:translate(-50%)}.vb-slider-handle:after{content:"↔";inline-size:var(--size-40);block-size:var(--size-40);border-radius:var(--radius-round);background:var(--color-base-white);color:var(--text-brand-primary);box-shadow:var(--elevation-300);place-items:center;font-weight:600;display:grid;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.vb-slider:has(.vb-slider-input:focus-visible) .vb-slider-handle:after{outline:var(--border-width-200) solid var(--border-brand-normal);outline-offset:var(--space-2)}.vb-slider-label{padding:var(--space-4) var(--space-8);border-radius:var(--radius-round);background:color-mix(in oklab, var(--bg-gray-dark) calc(var(--opacity-70) * 100%), transparent);color:var(--text-gray-inverse);font-size:var(--overline-sm-size);letter-spacing:var(--overline-sm-tracking);text-transform:uppercase;pointer-events:none;font-weight:600;position:absolute;inset-block-start:var(--space-12)}.vb-slider-label[data-side=before]{inset-inline-start:var(--space-12)}.vb-slider-label[data-side=after]{inset-inline-end:var(--space-12)}.vb-slider-input{opacity:0;cursor:ew-resize;block-size:100%;inline-size:100%;margin:0;position:absolute;inset:0}.vb-compare--slider .vb-compare-grid{margin-block-start:var(--space-16)}.vb-device-slot[data-draggable]{cursor:grab;touch-action:none}.vb-device-slot[data-dragging]{cursor:grabbing;outline:var(--border-width-200) dashed var(--border-brand-normal);outline-offset:var(--space-4)}.vb .vb-timeline-list,.vb .vb-sequence-list,.vb .vb-annotations,.vb .vb-flow-list{margin:0;padding:0;list-style:none}.vb-timeline .cs-prose p,.vb :is(.vb-phase-when,.vb-phase-title,.vb-phase-text,.vb-step-title,.vb-step-text,.vb-annotation-title,.vb-annotation-text){margin:0}.vb-visually-hidden{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.vb .vb-timeline-list{gap:var(--space-24);display:grid}.vb-timeline[data-layout=horizontal] .vb-timeline-list{grid-template-columns:repeat(min(var(--vb-count,4), 4), minmax(0, 1fr))}.vb-phase{gap:var(--space-12);align-content:start;display:grid;position:relative}.vb-phase-marker{z-index:1;inline-size:var(--size-32);block-size:var(--size-32);border-radius:var(--radius-round);background:var(--bg-brand-normal);color:var(--text-brand-on-primary);font-size:var(--label-lg-size);place-items:center;font-weight:600;display:grid;position:relative}.vb-timeline[data-layout=horizontal] .vb-phase:not(:last-child):after{content:"";inset-block-start:calc(var(--size-32) / 2);inset-inline:calc(var(--size-32) + var(--space-8)) calc(-1 * var(--space-24) + var(--space-8));border-block-start:var(--border-width-200) solid var(--border-brand-light);position:absolute}.vb-phase-when{font-size:var(--overline-lg-size);letter-spacing:var(--overline-lg-tracking);text-transform:uppercase;color:var(--text-brand-primary);font-weight:600}.vb-phase-title{font-size:var(--heading-sm-size);color:var(--text-gray-primary);font-weight:600}.vb-phase-text{font-size:var(--body-lg-size);line-height:var(--body-leading);color:var(--text-gray-secondary)}.vb-phase-body{gap:var(--space-4);display:grid}.vb-timeline[data-style=cards] .vb-phase-body{padding:var(--space-16);background:var(--surface-container);border:var(--border-width-100) solid var(--surface-outline);border-radius:var(--radius-12)}.vb-timeline[data-layout=vertical] .vb-phase{grid-template-columns:var(--size-32) minmax(0, 1fr);column-gap:var(--space-16)}.vb-timeline[data-layout=vertical] .vb-phase:not(:last-child):after{content:"";inset-inline-start:calc(var(--size-32) / 2 - var(--border-width-100));inset-block:calc(var(--size-32) + var(--space-4)) calc(-1 * var(--space-24) + var(--space-4));border-inline-start:var(--border-width-200) solid var(--border-brand-light);position:absolute}@media screen and (max-width:767.98px){.vb-timeline[data-layout=horizontal] .vb-timeline-list{grid-template-columns:minmax(0,1fr)}.vb-timeline[data-layout=horizontal] .vb-phase{grid-template-columns:var(--size-32) minmax(0, 1fr);column-gap:var(--space-16)}.vb-timeline[data-layout=horizontal] .vb-phase:not(:last-child):after{inset-inline:calc(var(--size-32) / 2 - var(--border-width-100)) auto;inset-block:calc(var(--size-32) + var(--space-4)) calc(-1 * var(--space-24) + var(--space-4));border-block-start:0;border-inline-start:var(--border-width-200) solid var(--border-brand-light)}}.vb .vb-sequence-list{grid-template-columns:repeat(var(--vb-columns,3), minmax(0, 1fr));gap:var(--space-32) var(--space-24);display:grid}.vb-step{gap:var(--space-8);align-content:start;display:grid;position:relative}.vb-step-screen{overflow:hidden}.vb-step-screen[data-frame=phone]{padding:var(--space-6);border-radius:var(--radius-24);background:var(--bg-gray-dark)}.vb-step-screen[data-frame=phone] .vb-media,.vb-step-screen[data-frame=phone] .vb-empty{border-radius:var(--radius-20)}.vb-step-screen[data-frame=browser]{border:var(--border-width-100) solid var(--border-gray-normal);border-radius:var(--radius-12);background:var(--surface-container-high);padding-block-start:var(--space-20)}.vb-step-screen .vb-media{inline-size:100%;display:block}.vb-step-title{gap:var(--space-8);font-size:var(--label-lg-size);color:var(--text-gray-primary);align-items:center;font-weight:600;display:flex}.vb-step-number{inline-size:var(--size-24);block-size:var(--size-24);border-radius:var(--radius-round);background:var(--bg-brand-light);color:var(--text-brand-primary);font-size:var(--label-md-size);flex:none;place-items:center;display:inline-grid}.vb-step-text{font-size:var(--body-lg-size);line-height:var(--body-leading);color:var(--text-gray-secondary)}.vb-sequence[data-arrows] .vb-step:not(:last-child):after{content:"→";font-size:var(--heading-md-size);color:var(--text-brand-primary);position:absolute;inset-block-start:40%;inset-inline-end:calc(-1 * var(--space-24) / 2 - var(--space-6))}@media screen and (max-width:767.98px){.vb .vb-sequence-list{grid-template-columns:repeat(2,minmax(0,1fr))}.vb-sequence[data-arrows] .vb-step:after{display:none}}.vb-annotated-stage{position:relative}.vb-annotated-stage .vb-media{inline-size:100%;display:block}.vb-marker{z-index:1;inline-size:var(--size-28);block-size:var(--size-28);border-radius:var(--radius-round);background:var(--bg-brand-normal);color:var(--text-brand-on-primary);font-size:var(--label-md-size);box-shadow:0 0 0 var(--border-width-200) var(--color-base-white), var(--elevation-200);pointer-events:none;place-items:center;font-weight:600;display:grid;position:absolute;transform:translate(-50%,-50%)}.vb-marker[data-selected]{transform:translate(-50%,-50%)scale(1.15)}.vb-marker--static{flex:none;position:static;transform:none}.vb-annotated-hit{z-index:2;cursor:crosshair;background:0 0;border:0;padding:0;position:absolute;inset:0}.vb .vb-annotations{gap:var(--space-12);margin-block-start:var(--space-16);display:grid}.vb-annotation{gap:var(--space-12);align-items:start;display:flex}.vb-annotation-title{color:var(--text-gray-primary);font-weight:600}.vb-annotation-text{font-size:var(--body-lg-size);line-height:var(--body-leading);color:var(--text-gray-secondary)}@media (min-width:1024px){.vb-annotated[data-notes=side]{gap:var(--space-24);grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;display:grid}.vb-annotated[data-notes=side] .vb-annotations{margin-block-start:0}.vb-annotated[data-notes=side] .cs-caption{grid-column:1/-1}}.vb .vb-flow-list{align-items:center;row-gap:var(--space-16);flex-wrap:wrap;display:flex}.vb-flow-item{align-items:center;display:flex}.vb-flow-node{min-inline-size:var(--size-96,6rem);max-inline-size:12rem;padding:var(--space-12) var(--space-16);border:var(--border-width-150) solid var(--border-gray-intense);border-radius:var(--radius-8);background:var(--surface-container);color:var(--text-gray-primary);font-size:var(--label-lg-size);text-align:center;place-items:center;font-weight:500;display:inline-grid}.vb-flow-node:is([data-kind=start],[data-kind=end]){border-color:var(--border-brand-light);border-radius:var(--radius-round);background:var(--bg-brand-light);color:var(--text-brand-primary);font-weight:600}.vb-flow-node[data-kind=decision]{min-block-size:var(--size-80,5rem);padding:var(--space-24) var(--space-32);background:var(--bg-gray-moderate);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);border:0}.vb-flow-arrow{min-inline-size:var(--size-56);padding-inline:var(--space-8);color:var(--text-gray-tertiary);font-size:var(--caption-md-size);line-height:var(--caption-leading);flex-direction:column;align-items:center;display:flex}.vb-flow-arrow:after{content:"→";font-size:var(--heading-md-size);color:var(--text-brand-primary);line-height:1}.vb-flow[data-direction=vertical] .vb-flow-list,.vb-flow[data-direction=vertical] .vb-flow-item{flex-direction:column}.vb-flow[data-direction=vertical] .vb-flow-arrow{padding-block:var(--space-4)}.vb-flow[data-direction=vertical] .vb-flow-arrow:after{content:"↓"}@media screen and (max-width:767.98px){.vb-flow .vb-flow-list,.vb-flow .vb-flow-item{flex-direction:column}.vb-flow .vb-flow-arrow{padding-block:var(--space-4)}.vb-flow .vb-flow-arrow:after{content:"↓"}}.write-block-bar{-webkit-user-select:none;user-select:none;padding:var(--spacing-1) var(--spacing-1) var(--spacing-1) 0;opacity:0;transition:opacity .12s}.write-block:hover>.write-block-bar,.write-block[data-selected]>.write-block-bar,.write-block:focus-within>.write-block-bar{opacity:1}.write-block-grip{padding:var(--spacing-1);color:var(--color-text-secondary);cursor:grab;border-radius:var(--radius-container);display:inline-flex}.write-block-grip:active{cursor:grabbing}.write-block[data-content] .write-block-content{gap:var(--spacing-3);display:grid}.write-block .vb-showcase{inline-size:auto;margin-inline:0}.write-side{border-inline-start:1px solid var(--color-border);background:var(--color-background-surface);flex:none;max-block-size:calc(100svh - 57px);inline-size:22rem;position:sticky;inset-block-start:57px}.write-side .write-settings{border:0;flex:1;min-block-size:0;max-block-size:none;inline-size:auto;position:static}.write-side-tabs{padding:var(--spacing-3) var(--spacing-5);border-block-end:1px solid var(--color-border)}.write-side-scrim{display:none}@media screen and (max-width:1023.98px){.write-side:not(#\#){z-index:40;inset-block:var(--glass-bar-height) 0;border-inline-start:var(--border-width-100) solid var(--surface-outline);max-block-size:none;inline-size:min(22rem,88vw);box-shadow:var(--elevation-500);animation:write-drawer-in var(--glass-duration) var(--glass-ease);position:fixed;inset-inline-end:0;overflow-y:auto}.write-side-scrim{z-index:39;inset:var(--glass-bar-height) 0 0 0;background:color-mix(in oklab, var(--bg-gray-dark) calc(var(--opacity-30) * 100%), transparent);cursor:default;border:0;padding:0;display:block;position:fixed}}@keyframes write-drawer-in{0%{transform:translate(100%)}to{transform:none}}@media (prefers-reduced-motion:reduce){.write-side:not(#\#){animation:none}}.inspector-thumb{aspect-ratio:16/10;object-fit:cover;border:1px solid var(--color-border);border-radius:var(--radius-container);inline-size:100%}.inspector-thumb-sm{object-fit:cover;border-radius:var(--radius-container);border:1px solid var(--color-border);block-size:40px;inline-size:40px}.inspector-item{padding:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-container)}.media-library{padding:var(--spacing-4);overflow-y:auto}.media-empty{padding:var(--spacing-10);border:1px dashed var(--color-border);border-radius:var(--radius-container)}.media-tile{gap:var(--spacing-1);padding:var(--spacing-2);text-align:start;border:1px solid var(--color-border);border-radius:var(--radius-container);background:var(--color-background-surface);color:inherit;cursor:pointer;display:grid}.media-tile:hover,.media-tile:focus-visible{border-color:var(--color-brand-text)}.media-tile img,.media-tile-icon{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-container);background:var(--color-background-muted);inline-size:100%;color:var(--color-text-secondary)}.write-preview-stage{padding:var(--spacing-4);background:var(--color-background-muted);flex:1;overflow:auto}.write-preview-frame{border:1px solid var(--color-border);border-radius:var(--radius-container);background:var(--color-background-body);block-size:calc(100dvh - 120px)}.cs-prose .vb-quote-text,.write-prose .vb-quote-text{border:0;padding:0}.vb-quote[data-style=large] .vb-quote-text,.vb-quote[data-style=bordered] .vb-quote-text{font-family:inherit;font-style:normal}.cs-downloads{border-block-end:1px solid var(--color-border);margin-block-end:var(--space-block);padding-block-end:var(--spacing-6)}.cs-pdf-link.astryx-button{color:var(--color-brand-text);text-underline-offset:.2em;padding-inline:0;text-decoration:underline}.cs-pdf-trap{opacity:0;pointer-events:none;block-size:1px;inline-size:1px;position:absolute}.side-work{padding-block:calc(var(--space-section) / 2);gap:var(--space-block)}.side-work-ticker{--side-work-fade:calc(var(--frame-inset) + clamp(3rem, 10vw, 10rem));-webkit-mask-image:linear-gradient(to right, transparent 0, #0000000a var(--frame-inset), black var(--side-work-fade), black calc(100% - var(--side-work-fade)), #0000000a calc(100% - var(--frame-inset)), transparent 100%);mask-image:linear-gradient(to right, transparent 0, #0000000a var(--frame-inset), black var(--side-work-fade), black calc(100% - var(--side-work-fade)), #0000000a calc(100% - var(--frame-inset)), transparent 100%);position:relative;overflow:hidden}.side-work-ticker:before,.side-work-ticker:after{content:"";z-index:1;inline-size:var(--side-work-fade);-webkit-backdrop-filter:blur(var(--spacing-4));pointer-events:none;position:absolute;inset-block:0}.side-work-ticker:before{-webkit-mask-image:linear-gradient(to right, black calc(100% - var(--spacing-12)), transparent);mask-image:linear-gradient(to right, black calc(100% - var(--spacing-12)), transparent);inset-inline-start:0}.side-work-ticker:after{-webkit-mask-image:linear-gradient(to left, black calc(100% - var(--spacing-12)), transparent);mask-image:linear-gradient(to left, black calc(100% - var(--spacing-12)), transparent);inset-inline-end:0}.side-work-track{inline-size:max-content;animation:side-work-loop var(--side-work-duration,40s) linear infinite}.side-work-ticker:focus-within .side-work-track,.side-work-ticker[data-paused] .side-work-track{animation-play-state:paused}@keyframes side-work-loop{to{transform:translate(-50%)}}.side-work-group{flex-wrap:nowrap;margin:0;padding:0;list-style:none}.side-work-card{border-radius:var(--radius-container);border:1px solid var(--color-border);background-color:var(--color-background-muted);block-size:clamp(13rem,22vw,20rem);flex:none;margin-inline-end:var(--spacing-6);overflow:hidden}.side-work-card img{object-fit:cover;block-size:100%;inline-size:100%;display:block}.side-work-controls{padding-block-start:var(--spacing-4)}@media (prefers-reduced-motion:reduce){.side-work-ticker:before,.side-work-ticker:after{display:none}.side-work-ticker{scroll-snap-type:x mandatory;padding-inline:calc(var(--space-gutter) + var(--frame-padding));overflow-x:auto;-webkit-mask-image:none;mask-image:none}.side-work-track{animation:none}.side-work-card{scroll-snap-align:start}.side-work-copy,.side-work-controls{display:none}}.studio-media-item{padding:var(--spacing-3);background:var(--surface-container);border:var(--border-width-100) solid var(--surface-outline);border-radius:var(--surface-container-radius)}.studio-media-image{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-container);background:var(--color-background-muted);block-size:auto;inline-size:100%;display:block}.studio-media-error{padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--radius-container)}.hero-backdrop{isolation:isolate;position:relative;overflow:hidden}.hero-backdrop>:not(.ripple-grid){position:relative}.ripple-grid.ripple-grid-hero{z-index:-1;opacity:1;-webkit-mask-image:linear-gradient(#0006 0%,#0000 70%);mask-image:linear-gradient(#0006 0%,#0000 70%)}.studio-switch .astryx-segmented-control{background-color:var(--lightningcss-light,color-mix(in srgb, var(--color-background-surface) 40%, transparent))var(--lightningcss-dark,#0e0e1280);-webkit-backdrop-filter:blur(var(--spacing-3)) saturate(1.4);box-shadow:inset 0 1px 0 0 var(--glass-highlight), inset 0 0 0 1px color-mix(in srgb, var(--color-brand-text) 16%, transparent), 0 10px 26px -14px var(--glass-shadow)}.studio-switch .astryx-segmented-control-item{transition:color .24s}.studio-switch .astryx-segmented-control-item[data-selected]{--lg-fill:color-mix(in srgb, var(--color-brand) 94%, transparent);--lg-fill-hover:var(--color-brand);--lg-fill-solid:var(--color-brand);--lg-text:#fff;--lg-light:var(--lightningcss-light,#ffffffb3)var(--lightningcss-dark,#ffffff57);--lg-sheen:var(--lightningcss-light,#fff3)var(--lightningcss-dark,#ffffff1f);--lg-ring:#ffffff29;--lg-ring-hover:#ffffff47;--lg-glow:var(--lightningcss-light,#ffffff29)var(--lightningcss-dark,#ffffff1a);--lg-drop:0 8px 20px -12px color-mix(in srgb, var(--color-brand) 70%, transparent)}.side-work-remove:not(#\#){color:var(--color-error)}.side-work-remove:not(#\#):hover{background-color:color-mix(in srgb, var(--color-error) 12%, transparent)}.studio-section-enter{animation:.32s cubic-bezier(.2,.8,.2,1) both studio-section-enter}@keyframes studio-section-enter{0%{opacity:0;transform:translateY(var(--spacing-2))}}@media (prefers-reduced-motion:reduce){.studio-section-enter{animation-duration:1ms}}.studio-switch{margin-block-end:calc(var(--spacing-8) * 2 - var(--spacing-6))}.studio-auth-link{color:var(--color-brand-text);text-underline-offset:.2em;text-decoration:underline}@media (min-width:768px){.write:not(#\#):not(#\#):not(#\#){block-size:100svh;min-block-size:0;overflow:hidden}.write-main:not(#\#):not(#\#):not(#\#){flex:1;align-items:stretch;min-block-size:0}.write-canvas:not(#\#):not(#\#):not(#\#){min-block-size:0;overflow:hidden}.write-toolbar:not(#\#):not(#\#):not(#\#){flex:none;position:relative;inset-block-start:0}.write-scroll{overscroll-behavior:contain;flex:1;min-block-size:0;overflow-y:auto}}@media (min-width:1024px){.write-side:not(#\#):not(#\#){min-block-size:0;max-block-size:none;position:relative;inset-block-start:auto}.write-side .write-settings:not(#\#):not(#\#){overscroll-behavior:contain;overflow-y:auto}}:root{--block-wide-max:64rem}.vb[data-block-width=wide],.cs-article .vb-showcase[data-width=frame]{inline-size:min(100vw - 2 * var(--space-gutter), var(--block-wide-max));margin-inline:calc(50% - min(50vw - var(--space-gutter), var(--block-wide-max) / 2))}.write-document{container-type:inline-size}.write-block .vb[data-block-width=wide],.write-block .vb-showcase[data-width=frame]{inline-size:min(100cqi - 2 * var(--space-24), 56rem);margin-inline:calc((100% - min(100cqi - 2 * var(--space-24), 56rem)) / 2)}.vb[data-block-surface]{padding:var(--space-block);border-radius:var(--radius-container)}.vb[data-block-surface=muted]{background:var(--color-background-muted)}.vb[data-block-surface=brand]{background:color-mix(in srgb, var(--color-brand-text) 12%, var(--color-background-surface))}.vb[data-block-surface=inverse]{background:var(--color-background-inverted);color:var(--text-gray-inverse)}.vb[data-block-surface=inverse] :is(.vb-metric-value,.vb-metric-label,.vb-metric-detail,.cs-caption,p,h2,h3,h4){color:inherit}.vb[data-block-surface=inverse] .vb-metric{border-color:color-mix(in srgb, var(--text-gray-inverse) 30%, transparent)}.vb-metrics[data-size=large] .vb-metric-value{font-family:var(--font-display);font-size:var(--type-display-m-size);line-height:1}.vb-metrics[data-text-align=center] .vb-metric{text-align:center;justify-items:center}.vb-metrics[data-text-align=center] .cs-caption{text-align:center}.vb-quote[data-text-align=center]{text-align:center;justify-items:center}.vb-quote[data-text-align=center] .vb-quote-by{justify-items:center}.vb-quote[data-text-align=center][data-style=bordered]{padding-inline-start:0;padding-block:var(--spacing-6);border-inline-start:0;border-block:3px solid var(--color-brand-text)}@media screen and (min-width:768px) and (max-width:1023.98px){.vb-grid[data-columns-tablet],.vb-metrics-grid[data-columns-tablet],.vb .vb-sequence-list[data-columns-tablet]{grid-template-columns:repeat(var(--vb-columns-tablet), minmax(0, 1fr))}.vb-grid[data-arrangement=masonry][data-columns-tablet]{columns:var(--vb-columns-tablet)}}@media screen and (max-width:767.98px){.vb-metrics-grid[data-columns-phone],.vb .vb-sequence-list[data-columns-phone]{grid-template-columns:repeat(var(--vb-columns-phone), minmax(0, 1fr))}}.vb .vb-insights-list{grid-template-columns:repeat(var(--vb-columns,3), minmax(0, 1fr));gap:var(--space-16);margin:0;padding:0;list-style:none;display:grid}.vb .vb-insight{gap:var(--space-8);padding:var(--space-20);border:1px solid var(--border-gray-subtle);border-radius:var(--radius-16);background:var(--bg-gray-inverse);align-content:start;margin:0;display:grid}.vb-insights[data-layout=list] .vb-insight{padding:0 0 0 var(--space-16);border:0;border-inline-start:2px solid var(--border-brand-normal);background:0 0;border-radius:0}.vb .vb-insight p{margin:0}.vb .vb-insight-number{font-size:var(--overline-sm-size);letter-spacing:.04em;text-transform:uppercase;color:var(--text-brand-primary);font-weight:600}.vb .vb-insight-finding{font-size:var(--heading-sm-size);color:var(--text-gray-primary);font-weight:600;line-height:1.3}.vb .vb-insight-evidence{font-size:var(--body-lg-size);color:var(--text-gray-secondary);line-height:1.5}.vb .vb-insight-source{font-size:var(--caption-md-size);color:var(--text-gray-tertiary)}@media screen and (max-width:767.98px){.vb .vb-insights-list{grid-template-columns:minmax(0,1fr)}}.vb-chart{--chart-1:var(--bg-brand-normal);--chart-2:var(--bg-accent-mint-normal);--chart-3:var(--bg-accent-orange-normal);--chart-4:var(--bg-accent-slate-normal);--chart-5:var(--bg-accent-pink-normal);--chart-other:var(--icon-gray-normal);--chart-track:var(--bg-gray-moderate);gap:var(--space-12);display:grid}.vb .vb-chart p{margin:0}.vb .vb-chart-title{font-size:var(--heading-sm-size);color:var(--text-gray-primary);font-weight:600}.vb .vb-chart-empty{padding:var(--space-24);border:1px dashed var(--border-gray-intense);border-radius:var(--radius-12);font-size:var(--body-lg-size);color:var(--text-gray-secondary);text-align:center}.vb-chart-plot{position:relative}.vb .vb-chart-source{font-size:var(--caption-md-size);color:var(--text-gray-tertiary)}.vb-bars,.vb-progress{gap:var(--space-12);display:grid}.vb-bar-row{align-items:center;gap:var(--space-12);grid-template-columns:minmax(6rem,30%) minmax(0,1fr) auto;display:grid}.vb-bar-label,.vb-progress-label{font-size:var(--body-lg-size);color:var(--text-gray-primary);overflow-wrap:anywhere}.vb-bar-value,.vb-progress-value{font-size:var(--body-lg-size);color:var(--text-gray-primary);font-variant-numeric:tabular-nums;font-weight:600}.vb-bar-track{display:block}.vb-bar{min-inline-size:2px;block-size:var(--space-14);border-radius:0 var(--radius-4) var(--radius-4) 0;background:var(--chart-1);display:block}.vb-progress-row{gap:var(--space-6) var(--space-12);grid-template-columns:minmax(0,1fr) auto;display:grid}.vb-progress-track{block-size:var(--space-10);border-radius:var(--radius-round);background:var(--chart-track);grid-column:1/-1;display:block;overflow:hidden}.vb-progress-fill{border-radius:var(--radius-round);background:var(--chart-1);block-size:100%;display:block}.vb-line{position:relative}.vb-line-svg{block-size:auto;inline-size:100%;display:block;overflow:visible}.vb-chart-grid{stroke:var(--border-gray-subtle);stroke-width:1px}.vb-chart-crosshair{stroke:var(--border-gray-intense);stroke-width:1px;stroke-dasharray:4 4}.vb-chart-axis{fill:var(--text-gray-tertiary);font-size:12px;font-family:var(--font-family-primary)}.vb-chart-value{fill:var(--text-gray-primary);font-size:13px;font-weight:600;font-family:var(--font-family-primary)}.vb-line-path{fill:none;stroke:var(--chart-1);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.vb-line-point{fill:var(--chart-1);stroke:var(--bg-gray-inverse);stroke-width:2px}.vb-chart-hit{fill:#0000}.vb-chart-tip{transform:translate(-50%, calc(-100% - var(--space-12)));gap:var(--space-2);padding:var(--space-6) var(--space-10);border:1px solid var(--border-gray-normal);border-radius:var(--radius-8);background:var(--bg-gray-inverse);pointer-events:none;white-space:nowrap;display:grid;position:absolute;box-shadow:0 4px 6px -2px #0000000d,0 8px 15px -3px #0000001a}.vb-chart-tip-label{font-size:var(--caption-md-size);color:var(--text-gray-secondary)}.vb-chart-tip-value{font-size:var(--body-lg-size);color:var(--text-gray-primary);font-weight:600}.vb-donut{align-items:center;gap:var(--space-24);flex-wrap:wrap;display:flex}.vb-donut-svg{flex:none;block-size:auto;inline-size:min(12rem,100%)}.vb-donut-part{fill:none;stroke:var(--chart-1);transition:stroke-width .12s,opacity .12s}.vb-donut-part[data-dim]{opacity:.35}.vb-donut-centre{fill:var(--text-gray-primary);font-size:22px;font-weight:600;font-family:var(--font-family-primary)}.vb [data-slot="2"]{--slot:var(--chart-2)}.vb [data-slot="3"]{--slot:var(--chart-3)}.vb [data-slot="4"]{--slot:var(--chart-4)}.vb [data-slot="5"]{--slot:var(--chart-5)}.vb [data-slot=other]{--slot:var(--chart-other)}.vb-donut-part[data-slot]{stroke:var(--slot,var(--chart-1))}.vb .vb-legend{gap:var(--space-8);flex:12rem;margin:0;padding:0;list-style:none;display:grid}.vb .vb-legend-item{align-items:center;gap:var(--space-8);font-size:var(--body-lg-size);grid-template-columns:auto minmax(0,1fr) auto;margin:0;display:grid}.vb-legend-swatch{inline-size:var(--space-12);block-size:var(--space-12);border-radius:var(--radius-2);background:var(--slot,var(--chart-1))}.vb-legend-label{color:var(--text-gray-primary)}.vb-legend-value{color:var(--text-gray-secondary);font-variant-numeric:tabular-nums}.vb-legend-item[data-active] .vb-legend-label{font-weight:600}.vb-chart-table summary{cursor:pointer;font-size:var(--label-lg-size);color:var(--text-brand-primary);inline-size:fit-content}.vb-chart-table table{margin-block-start:var(--space-8)}@media (forced-colors:active){.vb-bar,.vb-progress-fill,.vb-legend-swatch{forced-color-adjust:none;border:1px solid canvastext}}@media print{.vb-chart-table,.vb-chart-tip{display:none}}.vb p[data-placeholder],.vb dt[data-placeholder],.vb dd[data-placeholder]{color:var(--text-gray-placeholder)}.vb-guide{z-index:1000;pointer-events:none;background:var(--border-brand-normal);position:absolute}.vb-guide[data-axis=x]{inline-size:1px;inset-block:0;transform:translate(-.5px)}.vb-guide[data-axis=y]{block-size:1px;inset-inline:0;transform:translateY(-.5px)}.vb-device-slot[data-selected][data-grouped] .vb-device{outline-style:dashed}.vb-device-slot[data-locked]{cursor:default}.vb-rotate-handle{inline-size:var(--space-14);block-size:var(--space-14);border:2px solid var(--border-brand-normal);border-radius:var(--radius-round);background:var(--bg-gray-inverse);cursor:grab;touch-action:none;margin-inline-start:calc(-1 * var(--space-14) / 2);position:absolute;inset-block-start:calc(-1 * var(--space-32));inset-inline-start:50%}.vb-rotate-handle:after{content:"";inline-size:1px;block-size:var(--space-16);background:var(--border-brand-normal);position:absolute;inset-block-start:100%;inset-inline-start:50%}@media (pointer:coarse){.vb-rotate-handle{inline-size:var(--space-24);block-size:var(--space-24);margin-inline-start:calc(-1 * var(--space-24) / 2);inset-block-start:calc(-1 * var(--space-48))}}.vb-lock-badge{inline-size:var(--space-20);block-size:var(--space-20);border-radius:var(--radius-round);background:var(--bg-gray-inverse);box-shadow:0 0 0 1px var(--border-gray-normal);pointer-events:none;position:absolute;inset-block-start:calc(-1 * var(--space-8));inset-inline-end:calc(-1 * var(--space-8))}.vb-lock-badge:before{content:"";background:var(--icon-gray-intense);-webkit-mask:no-repeat center / var(--space-12) var(--lock-icon);-webkit-mask:no-repeat center / var(--space-12) var(--lock-icon);mask:no-repeat center / var(--space-12) var(--lock-icon);--lock-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='11' x='3' y='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E");position:absolute;inset:0}.history{gap:var(--space-24);display:grid}.history[data-open]{grid-template-columns:minmax(16rem,22rem) minmax(0,1fr);align-items:start}.history-list{min-inline-size:0}.history-error{color:var(--text-error-normal)}.history-day{font-size:var(--label-md-size);font-weight:600}.history-items{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}.history-item{align-items:center;gap:var(--space-8);padding:var(--space-4) var(--space-4) var(--space-4) var(--space-12);border-radius:var(--radius-12);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.history-item:hover{background:var(--bg-gray-normal)}.history-item[data-active]{background:var(--bg-brand-subtle);box-shadow:inset 0 0 0 1px var(--border-brand-light)}.history-open{gap:var(--space-2);min-inline-size:0;padding:var(--space-4) 0;text-align:start;cursor:pointer;font:inherit;color:inherit;background:0 0;border:0;display:grid}.history-open:focus-visible{outline:2px solid var(--border-brand-normal);outline-offset:2px;border-radius:var(--radius-4)}.history-time{font-size:var(--label-lg-size);color:var(--text-gray-primary);font-weight:600}.history-label{font-size:var(--label-md-size);color:var(--text-brand-primary)}.history-title{font-size:var(--caption-md-size);color:var(--text-gray-tertiary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.history-preview{min-inline-size:0}.history-doc{max-block-size:62dvh;padding:var(--space-24);border:1px solid var(--border-gray-subtle);border-radius:var(--radius-16);background:var(--bg-gray-inverse);overflow:auto}.history-doc-title{margin:0 0 var(--space-8);font-family:var(--font-family-secondary);font-size:var(--heading-xxl-size);line-height:1.2}.history-doc-subtitle{margin:0 0 var(--space-24);font-size:var(--body-xxl-size);color:var(--text-gray-secondary)}@media screen and (max-width:767.98px){.history[data-open]{grid-template-columns:minmax(0,1fr)}}