/* Native document snapshots are disabled: the SVG owns the full transition. */
@view-transition{navigation:none}
.portal-transition-surface,.page-transition-surface{position:absolute;inset:0;pointer-events:none;border-radius:inherit}
.portal-transition-surface{background:var(--color);z-index:-1}
.page-transition-surface{background:var(--accent);z-index:0}
.fluid-navigation{position:fixed;inset:0;z-index:2147483646;pointer-events:auto;contain:strict}
.fluid-navigation svg{display:block;width:100%;height:100%;overflow:visible}
html.fluid-active{overflow:hidden;scrollbar-gutter:stable}
html:is(.fluid-arrival,.fluid-settled) .type-arrival,html:is(.fluid-arrival,.fluid-settled) .motion-stage :is(.breadcrumb,.hero-description,.studio-intro,.button-row,.kinetic-figure){animation:none!important;clip-path:none!important;transform:none!important}
.area-home-close{position:absolute;top:22px;right:clamp(22px,4vw,64px);z-index:4;width:46px;height:46px;display:grid;place-items:center;color:#131313;text-decoration:none;border:1px solid #13131355;border-radius:50%;font:32px/1 'DM Sans',sans-serif;background:transparent;transition:background .2s,rotate .3s}
.area-home-close:hover{background:#ffffff24;rotate:90deg}.area-home-close:focus-visible{outline:2px solid #131313;outline-offset:5px}.page-hero:has(.area-home-close) .breadcrumb{padding-right:64px;min-height:46px;align-items:center}


html.fluid-arrival:not(.fluid-content-ready) .page-hero .hero-grid{opacity:0}
html.fluid-arrival #home :is(.portal-top,.portal-bottom){opacity:0}

/* Stable geometry also when programmatic focus returns from an area. */
html.area-open{overflow:hidden;scrollbar-gutter:stable}
#home .portal:focus-visible:not(:hover){flex:1;border-radius:2px}
#home .portal:focus-visible:not(:hover) h2{transform:none;letter-spacing:inherit}
.area-document{background:transparent;color-scheme:normal}

.unified-header .header-areas a[aria-current=page]{color:var(--accent);text-decoration:none}