.fg-shell{grid-template-columns:13rem minmax(0,1fr);max-width:1600px;min-height:80vh;margin-inline:auto;display:grid}.fg-sidebar{border-right:1px solid var(--folio-line);flex-direction:column;height:calc(100dvh - 5rem);min-height:32rem;padding:2rem 1.25rem;display:flex;position:sticky;top:5rem}.fg-brand{align-items:center;gap:.6rem;width:max-content;text-decoration:none;display:flex}.fg-brand>span{letter-spacing:-.065em;font-size:2rem;font-weight:500;line-height:1}.fg-brand-period{color:var(--folio-brand)}.fg-brand>small{font-family:var(--folio-font-mono);color:var(--folio-secondary);align-self:flex-start;margin-top:.25rem;font-size:.625rem}.fg-sidebar-caption{font-size:var(--folio-type-caption-size);color:var(--folio-secondary);margin-top:.875rem!important}.fg-desktop-nav{margin-top:2.5rem}.fg-sidebar nav{flex-direction:column;gap:.25rem;display:flex}.fg-sidebar nav a{border-radius:var(--folio-radius-control);min-height:2.75rem;font-size:var(--folio-type-caption-size);align-items:center;gap:.75rem;padding:.5rem .625rem;text-decoration:none;display:flex}.fg-sidebar nav a:hover{background:var(--folio-inset)}.fg-sidebar nav a[aria-current]{color:var(--folio-state);box-shadow:inset 2px 0 var(--folio-state);font-weight:500}.fg-sidebar nav a>span:not(.fg-nav-number){overflow-wrap:anywhere;min-width:0}.fg-nav-number{font-family:var(--folio-font-mono);font-size:var(--folio-type-caption-size);opacity:.65}.fg-sidebar nav small{font-size:var(--folio-type-caption-size);margin-left:auto;font-weight:400}.fg-settings{flex-direction:column;gap:1rem;margin-top:auto;padding-top:3rem;display:flex}.fg-settings>div{flex-direction:column;align-items:flex-start;gap:.25rem;display:flex}.fg-settings .folio-button{min-height:2.25rem;font-size:var(--folio-type-caption-size);justify-content:flex-start;padding-inline:.5rem;font-weight:400}.fg-settings>a{width:max-content;min-height:2rem;font-size:var(--folio-type-caption-size);text-underline-offset:4px;align-items:center;gap:.5rem;display:flex}.fg-sidebar-meta{font-size:var(--folio-type-caption-size);color:var(--folio-secondary)}.fg-mobile-nav{display:none}.fg-skip{z-index:200;background:var(--folio-panel);border:1px solid var(--folio-edge);padding:1rem;position:fixed;top:-8rem;left:1rem}.fg-skip:focus{top:1rem}.fg-main{min-width:0;padding:2.5rem clamp(1.25rem,3.5vw,4rem) 0;container:folio-content/inline-size}.fg-main:focus{outline:none}.fg-footer{border-top:1px solid var(--folio-line);color:var(--folio-secondary);font-size:var(--folio-type-caption-size);flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:5rem;padding:1.5rem 0;display:flex}.fg-footer a{align-items:center;gap:.5rem;text-decoration:none;display:flex}.fg-eyebrow{text-transform:uppercase;letter-spacing:.09em;font-size:var(--folio-type-caption-size);color:var(--folio-secondary);font-weight:500}.fg-intro{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2rem;padding-bottom:2.25rem;display:flex}.fg-intro h1{font-family:var(--folio-font-display);font-size:var(--folio-type-display-size);letter-spacing:var(--folio-type-display-tracking);margin:.875rem 0 .75rem;font-weight:400;line-height:1.04}.fg-intro-dek{font-size:var(--folio-type-body-size);color:var(--folio-secondary);max-width:48ch;line-height:1.65}.fg-section{border-top:1px solid var(--folio-line);margin-top:3.5rem;padding-top:2rem;scroll-margin-top:1rem}.fg-section>header{grid-template-columns:3rem minmax(0,1fr) minmax(0,1fr);align-items:baseline;gap:1rem;margin-bottom:1.75rem;display:grid}.fg-section>header h2{font-weight:500;font-size:var(--folio-type-title-size);letter-spacing:var(--folio-type-title-tracking);overflow-wrap:anywhere}.fg-section>header>p:last-child:not(:first-child){max-width:44ch;font-size:var(--folio-type-caption-size);color:var(--folio-secondary);line-height:1.6}.fg-section-body{min-width:0}.fg-inline-link{min-height:2.75rem;font-size:var(--folio-type-caption-size);text-underline-offset:5px;align-items:center;gap:.5rem;text-decoration-thickness:1px;display:inline-flex}.fg-hero{border-top:1px solid var(--folio-ink);border-bottom:1px solid var(--folio-ink);grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);display:grid}.fg-hero-copy{flex-direction:column;align-items:flex-start;padding:1.75rem 1.5rem 1.75rem 0;display:flex}.fg-hero h1{font-family:var(--folio-font-display);font-weight:400;font-size:var(--folio-type-display-size);letter-spacing:var(--folio-type-display-tracking);margin:1.75rem 0 1.5rem;line-height:1.01}.fg-hero h1 em{color:var(--folio-brand);font-weight:400}.fg-hero-copy>p:not(.fg-eyebrow){max-width:34ch;color:var(--folio-secondary);font-size:var(--folio-type-label-size);margin-bottom:1.5rem;line-height:1.7}.fg-hero-copy>.fg-inline-link{margin-top:auto}.fg-hero-art{background:var(--folio-line);border-left:1px solid var(--folio-line);grid-template-rows:minmax(12rem,1fr) auto;grid-template-columns:minmax(0,1fr) max-content;gap:1px;min-width:0;display:grid;container:folio-hero/inline-size}.fg-hero-art>a{min-width:0;color:inherit;text-decoration:none;display:block;position:relative}.fg-hero-photo{grid-column:1/-1}.fg-hero-photo .folio-media,.fg-hero-photo .folio-media-surface,.fg-hero-photo picture{height:100%}.fg-hero-photo .folio-media-surface{aspect-ratio:1.7;border-radius:0}.fg-hero-photo img{object-fit:cover;object-position:center 65%}.fg-photo-label{background:var(--folio-canvas);color:var(--folio-ink);font-size:var(--folio-type-caption-size);align-items:center;gap:.5rem;padding:.375rem .5rem;display:flex;position:absolute;bottom:.875rem;left:.875rem}.fg-type-tile{background:var(--folio-field);justify-content:space-between;align-items:center;gap:.5rem;padding:1.125rem;color:var(--folio-on-field)!important;display:flex!important}.fg-type-tile>span{font-family:var(--folio-font-display);letter-spacing:-.05em;font-size:clamp(3.5rem,6vw,6rem);line-height:1}.fg-type-tile>small{font-size:var(--folio-type-caption-size);align-self:flex-end}.fg-hero-mini{background:var(--folio-panel);flex-direction:column;justify-content:center;gap:.75rem;min-width:0;padding:clamp(.75rem,3cqi,1.125rem);display:flex}.fg-hero-mini>span{color:var(--folio-secondary);font-size:.625rem}.fg-hero-mini .folio-button{width:100%}@container folio-hero (max-width:24rem){.fg-type-tile,.fg-hero-mini{grid-column:1/-1}.fg-hero-mini{align-items:flex-start}.fg-hero-mini .folio-button{width:auto}}@container folio-content (max-width:48rem){.fg-hero{grid-template-columns:minmax(0,1fr)}.fg-hero-copy{padding:1.5rem 0}.fg-hero-art{border-left:0}}.fg-overview-routes{border-bottom:1px solid var(--folio-line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.fg-overview-routes a{border-right:1px solid var(--folio-line);flex-direction:column;gap:.75rem;padding:1.5rem;text-decoration:none;display:flex}.fg-overview-routes a:first-child{padding-left:0}.fg-overview-routes a:last-child{border-right:0}.fg-overview-routes strong{font-size:var(--folio-type-body-size);justify-content:space-between;gap:.5rem;font-weight:500;display:flex}.fg-overview-routes small{color:var(--folio-secondary);font-size:var(--folio-type-caption-size)}.fg-overview-routes a:hover strong{color:var(--folio-action)}.fg-feature-row{grid-template-columns:1.1fr 1fr .9fr;gap:1.5rem;display:grid}.fg-feature{min-width:0}.fg-feature-visual{background:var(--folio-inset);border-radius:var(--folio-radius-media);justify-content:center;align-items:center;min-height:12rem;margin-bottom:.875rem;padding:1.5rem;display:flex}.fg-feature-visual>div{width:100%;max-width:18rem}.fg-feature-visual.fg-graphic{background:var(--folio-field);color:var(--folio-on-field);overflow:hidden}.fg-graphic .folio-mark{width:7rem;height:7rem;transform:rotate(-8deg)}.fg-graphic .folio-mark-offset{fill:var(--folio-on-field);opacity:.45}.fg-feature h3{font-size:var(--folio-type-body-size);letter-spacing:var(--folio-type-body-tracking);font-weight:500}.fg-feature p{font-size:var(--folio-type-caption-size);color:var(--folio-secondary);margin:.5rem 0;line-height:1.6}.fg-quick-start{grid-template-columns:1fr 1.2fr;gap:2rem;display:grid}.fg-quick-start p{color:var(--folio-secondary);font-size:var(--folio-type-label-size);max-width:45ch;margin-bottom:1rem;line-height:1.75}.fg-code{border:1px solid var(--folio-line);border-radius:var(--folio-radius-media);background:var(--folio-panel);min-width:0}.fg-code>header{border-bottom:1px solid var(--folio-line);font-family:var(--folio-font-mono);font-size:var(--folio-type-caption-size);color:var(--folio-secondary);justify-content:space-between;align-items:center;gap:1rem;padding:.5rem .75rem .5rem 1rem;display:flex}.fg-code .folio-button{min-height:2.25rem;font-size:var(--folio-type-caption-size);padding:.5rem}.fg-code pre{max-height:25rem;font-size:var(--folio-type-code-size);color:var(--folio-ink);tab-size:2;margin:0;padding:1.25rem;line-height:1.8;overflow:auto}.fg-code code{font-family:var(--folio-font-mono)}.fg-copy-fallback{font-size:var(--folio-type-caption-size);flex-direction:column;gap:.5rem;padding:1rem;display:flex}.fg-copy-fallback textarea{background:var(--folio-canvas);border:1px solid var(--folio-edge);width:100%;min-height:8rem;color:var(--folio-ink);padding:.5rem}.fg-specimen{border:1px solid var(--folio-line);border-radius:var(--folio-radius-media);background:var(--folio-panel);min-width:0}.fg-specimen-canvas{flex-direction:column;justify-content:flex-start;align-items:center;gap:1.25rem;min-height:19rem;padding:clamp(1.25rem,3vw,2.5rem);display:flex}.fg-specimen-controls{border-top:1px solid var(--folio-line);background:var(--folio-canvas);border-radius:0 0 var(--folio-radius-media) var(--folio-radius-media);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;padding:1rem 1.25rem;display:flex}.fg-specimen-controls>.folio-choice{flex:1;min-width:min(100%,14rem);max-width:28rem}.fg-demo-stack{flex-direction:column;gap:1.25rem;width:100%;max-width:25rem;display:flex}.fg-demo-wide{width:100%}.fg-demo-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.fg-demo-note{color:var(--folio-secondary);font-size:var(--folio-type-caption-size);line-height:1.6}.fg-demo-result{font-size:var(--folio-type-caption-size);min-height:1.5rem;color:var(--folio-secondary)}.fg-demo-result strong{color:var(--folio-ink);font-weight:500}.fg-demo-mini-card{border-bottom:1px solid var(--folio-line);align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.fg-demo-mini-card .folio-media{flex:none;width:5rem}.fg-demo-mini-card p{font-size:var(--folio-type-caption-size);color:var(--folio-secondary);margin-top:.25rem}.fg-demo-mini-card strong{font-size:var(--folio-type-body-size);font-weight:500}.fg-catalog-toolbar{border-top:1px solid var(--folio-line);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;padding:1.25rem 0;display:flex}.fg-catalog-search{width:min(100%,23rem)}.fg-filter-chips{flex-wrap:wrap;gap:.25rem;display:flex}.fg-filter-chips .folio-button{font-size:var(--folio-type-caption-size);min-height:2.5rem;padding:.5rem .75rem;font-weight:400}.fg-filter-chips .folio-button[aria-pressed=true]{color:var(--folio-state);border-color:var(--folio-state);box-shadow:inset 0 0 0 1px var(--folio-state);background:var(--folio-panel);font-weight:500}.fg-count{font-size:var(--folio-type-caption-size);color:var(--folio-secondary);margin:.25rem 0 1.25rem!important}.fg-catalog-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:1.75rem 1.25rem;display:grid}.fg-catalog-item{min-width:0;position:relative}.fg-catalog-preview{--fg-preview-height:11rem;min-height:var(--fg-preview-height);background:var(--folio-inset);border:1px solid var(--folio-line);border-radius:var(--folio-radius-media);pointer-events:none;justify-content:center;align-items:center;padding:1rem;display:flex;overflow:hidden}.fg-catalog-preview:has(>.folio-media){height:var(--fg-preview-height)}.fg-catalog-preview>:is(div,fieldset,label){width:100%}.fg-catalog-preview .folio-media{width:100%;height:100%}.fg-catalog-preview .folio-media-surface{aspect-ratio:auto;height:100%}.fg-catalog-item h2{font-size:var(--folio-type-label-size);letter-spacing:var(--folio-type-label-tracking);margin-top:.875rem;font-weight:500}.fg-catalog-item h2 a{justify-content:space-between;align-items:center;gap:.5rem;text-decoration:none;display:flex}.fg-catalog-item h2 a:after{content:"";border-radius:var(--folio-radius-media);position:absolute;inset:0}.fg-catalog-item h2 a:hover{color:var(--folio-action)}.fg-catalog-item h2 a:focus-visible{outline:none}.fg-catalog-item:has(a:focus-visible){outline:2px solid var(--folio-focus);outline-offset:6px;border-radius:var(--folio-radius-media)}.fg-catalog-item>p{color:var(--folio-secondary);font-size:var(--folio-type-caption-size);margin-top:.375rem;line-height:1.6}.fg-thumb-tabs{border-bottom:1px solid var(--folio-edge);gap:1rem;padding:.5rem;font-size:.75rem;display:flex}.fg-thumb-tabs span:first-child{color:var(--folio-state);border-bottom:2px solid;padding-bottom:.5rem;font-weight:500}.fg-thumb-menu{background:var(--folio-panel);border:1px solid var(--folio-edge);border-radius:var(--folio-radius-control);box-shadow:var(--folio-shadow-raised);max-width:10rem;padding:.5rem .75rem;font-size:.6875rem}.fg-thumb-menu span{padding:.375rem 0;display:block}.fg-thumb-dialog{border:1px solid var(--folio-edge);border-radius:var(--folio-radius-overlay);background:var(--folio-panel);box-shadow:var(--folio-shadow-raised);padding:1rem;font-size:.6875rem}.fg-thumb-table{border-collapse:collapse;width:100%;font-size:.6875rem}.fg-thumb-table td{border-bottom:1px solid var(--folio-line);padding:.5rem}.fg-detail-top{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.fg-detail-top .folio-breadcrumbs{min-width:0}.fg-detail-bottom{grid-template-columns:1fr 1.4fr;gap:2.5rem;margin-top:2rem;display:grid}.fg-detail-bottom h2{font-size:var(--folio-type-subtitle-size);letter-spacing:var(--folio-type-subtitle-tracking);margin-bottom:.75rem;font-weight:500}.fg-detail-bottom p{color:var(--folio-secondary);font-size:var(--folio-type-label-size);line-height:1.75}.fg-detail-exports{font-family:var(--folio-font-mono);font-size:var(--folio-type-caption-size);overflow-wrap:anywhere;margin-top:1.5rem}.fg-next-component{border-top:1px solid var(--folio-line);flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:2.5rem;padding-top:1.25rem;display:flex}.fg-palette{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:1rem;display:grid}.fg-color-block{border:1px solid var(--folio-line);flex-direction:column;justify-content:space-between;min-height:11rem;padding:1.25rem;display:flex}.fg-color-block strong{font-size:var(--folio-type-body-size);font-weight:500}.fg-color-block code{font-family:var(--folio-font-mono);font-size:var(--folio-type-code-size)}.fg-theme-pair{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:1rem;margin-top:1.5rem;display:grid}.fg-theme-preview{border:1px solid var(--folio-line);border-radius:var(--folio-radius-media);flex-direction:column;gap:1rem;min-width:0;padding:clamp(.75rem,4vw,1.5rem);display:flex}.fg-theme-preview .folio-display{overflow-wrap:anywhere;font-size:2rem}.fg-theme-preview .folio-switch-field label{flex-wrap:wrap;row-gap:.5rem}.fg-color-roles{background:var(--folio-line);border:1px solid var(--folio-line);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:1.5rem;display:grid}.fg-color-role{background:var(--folio-canvas);font-size:var(--folio-type-caption-size);flex-direction:column;gap:.375rem;padding:1rem;display:flex}.fg-color-role>span{border:1px solid var(--folio-edge);border-radius:50%;width:1.5rem;height:1.5rem;margin-bottom:.25rem}.fg-color-role code{font-size:var(--folio-type-code-size);color:var(--folio-secondary)}.fg-type-hero{background:var(--folio-field);color:var(--folio-on-field);grid-template-columns:1fr auto;align-items:end;gap:1rem;margin-bottom:1rem;padding:clamp(1.25rem,4vw,3rem);display:grid}.fg-type-hero .folio-display{font-size:clamp(3rem,7vw,7.5rem)}.fg-type-hero small{font-size:var(--folio-type-caption-size);writing-mode:vertical-rl}.fg-type-row{border-bottom:1px solid var(--folio-line);grid-template-columns:9rem minmax(0,1fr);align-items:baseline;gap:1.5rem;padding:1.5rem 0;display:grid}.fg-type-label{color:var(--folio-secondary);font-size:var(--folio-type-caption-size)}.fg-type-label code{font-family:var(--folio-font-mono);font-size:var(--folio-type-code-size);margin-top:.5rem;display:block}.fg-type-sample{overflow-wrap:anywhere;min-width:0}.fg-type-input{max-width:28rem;margin-bottom:1rem}.fg-space-scale{border-bottom:1px solid var(--folio-line);flex-wrap:wrap;align-items:flex-end;gap:1.5rem;min-height:10rem;padding-bottom:1.5rem;display:flex}.fg-space-scale>div{flex-direction:column;align-items:flex-start;gap:.75rem;display:flex}.fg-space-scale span{background:var(--folio-action);width:1.5rem;display:block}.fg-space-scale code{font-family:var(--folio-font-mono);font-size:var(--folio-type-code-size);color:var(--folio-secondary)}.fg-layout-demo{border:1px solid var(--folio-line);grid-template-columns:repeat(12,minmax(0,1fr));gap:.5rem;margin-top:1.5rem;padding:1rem;display:grid}.fg-layout-demo>span{background:var(--folio-inset);border:1px solid var(--folio-line);height:6rem}.fg-layout-demo>div{grid-column:1/-1;grid-template-columns:2fr 1fr;gap:1rem;display:grid}.fg-layout-demo b{color:var(--folio-on-field);background:var(--folio-field);font-size:var(--folio-type-caption-size);padding:1.25rem;font-weight:400}.fg-geometry{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;display:grid}.fg-geometry>div{background:var(--folio-inset);flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:12rem;padding:1.5rem;display:flex}.fg-geometry-shape{background:var(--folio-panel);border:1px solid var(--folio-edge);width:6rem;height:4rem;box-shadow:var(--folio-shadow-raised)}.fg-geometry code{font-family:var(--folio-font-mono);font-size:var(--folio-type-code-size);color:var(--folio-secondary)}.fg-icon-grid{background:var(--folio-line);border:1px solid var(--folio-line);grid-template-columns:repeat(8,minmax(0,1fr));gap:1px;display:grid}.fg-icon-grid>div{background:var(--folio-canvas);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1.25rem .25rem;display:flex}.fg-icon-grid span{font-size:var(--folio-type-caption-size);color:var(--folio-secondary)}.fg-mark-study{grid-template-columns:1fr 1fr;align-items:center;gap:2rem;margin-bottom:2rem;display:grid}.fg-mark-plate{background:var(--folio-inset);justify-content:center;align-items:center;padding:2rem;display:flex}.fg-mark-plate .folio-mark{width:9rem;height:9rem}.fg-principles{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:2rem;display:grid}.fg-principles h3{font-size:var(--folio-type-body-size);letter-spacing:var(--folio-type-body-tracking);margin-bottom:.625rem;font-weight:500}.fg-principles p{color:var(--folio-secondary);font-size:var(--folio-type-caption-size);line-height:1.7}.fg-pattern-links{border-block:1px solid var(--folio-line);flex-wrap:wrap;gap:.5rem 1.5rem;padding:.75rem 0;display:flex}.fg-pattern-links a{font-size:var(--folio-type-caption-size);text-underline-offset:4px;align-items:center;min-height:2rem;display:flex}.fg-pattern-app{border:1px solid var(--folio-line);border-radius:var(--folio-radius-media);background:var(--folio-panel);padding:clamp(1rem,3vw,2rem)}.fg-app-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.fg-app-header h3{font-size:var(--folio-type-title-size);letter-spacing:var(--folio-type-title-tracking);font-weight:500}.fg-app-header p{color:var(--folio-secondary);font-size:var(--folio-type-caption-size);margin-top:.25rem}.fg-app-toolbar{flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-bottom:1.25rem;display:flex}.fg-app-toolbar .folio-field:first-child{flex:1;min-width:min(100%,12rem)}.fg-app-toolbar .folio-field:not(:first-child){min-width:9rem}.fg-selection-bar{min-height:4rem;font-size:var(--folio-type-caption-size);flex-wrap:wrap;align-items:center;gap:1rem;padding:.75rem 0;display:flex}.fg-settings-form{flex-direction:column;gap:1.5rem;max-width:36rem;display:flex}.fg-form-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.fg-settings-form .folio-actions{border-top:1px solid var(--folio-line);padding-top:1.5rem}.fg-inspect-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.fg-inspect-card{text-align:left;color:var(--folio-ink);font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:stretch;gap:.75rem;padding:0;display:flex}.fg-inspect-card>span{font-size:var(--folio-type-caption-size);justify-content:space-between;align-items:center;gap:.5rem;min-height:2.75rem;display:flex}.fg-inspect-card .folio-media-surface{aspect-ratio:4/3}.fg-inspect-card:hover>span{color:var(--folio-action)}.fg-motion-pair{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.fg-motion-stage{background:var(--folio-inset);border-radius:var(--folio-radius-media);justify-content:center;align-items:center;min-height:14rem;padding:2rem;display:flex;position:relative;overflow:hidden}.fg-motion-stage>small{font-size:var(--folio-type-caption-size);color:var(--folio-secondary);position:absolute;top:1rem;left:1rem}.fg-motion-stage .folio-button{transition:transform var(--folio-duration-press) var(--folio-ease-response), background-color var(--folio-duration-feedback) var(--folio-ease-response)}.fg-motion-stage[data-reduced=true] *{transition:none!important;animation:none!important}.fg-motion-stage[data-pressed=true] .folio-button{transform:scale(.96)}.fg-motion-stage .fg-motion-panel{background:var(--folio-panel);border:1px solid var(--folio-line);border-radius:var(--folio-radius-media);width:100%;max-width:18rem;box-shadow:var(--folio-shadow-raised);opacity:0;visibility:hidden;transition:opacity var(--folio-duration-feedback) var(--folio-ease-exit), transform var(--folio-duration-feedback) var(--folio-ease-exit), visibility 0s var(--folio-duration-feedback);padding:1rem;transform:translateY(-6px)}.fg-motion-panel[data-open=true]{opacity:1;visibility:visible;transition:opacity var(--folio-duration-inspector) var(--folio-ease-response), transform var(--folio-duration-inspector) var(--folio-ease-response), visibility 0s;transform:translateY(0)}.fg-motion-panel[data-replay-reset=true]{transition:none}.fg-motion-object{background:var(--folio-field);width:4rem;height:4rem;color:var(--folio-on-field);border-radius:var(--folio-radius-control);transition:transform var(--folio-duration-continuity) var(--folio-ease-movement);place-items:center;display:grid;transform:translate(-3.5rem)}.fg-motion-object[data-destination=true]{transform:translate(3.5rem)scale(1.3)}.fg-motion-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;display:flex}.fg-motion-controls p{font-size:var(--folio-type-caption-size);color:var(--folio-secondary)}.fg-motion-curves{font-size:var(--folio-type-caption-size);overflow-wrap:anywhere;gap:.5rem;margin-top:1rem;display:grid}.fg-motion-tokens{background:var(--folio-line);border:1px solid var(--folio-line);grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin-top:1.5rem;display:grid}.fg-motion-tokens>div{background:var(--folio-canvas);flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.fg-motion-tokens strong{font-family:var(--folio-font-display);font-size:var(--folio-type-title-size);letter-spacing:var(--folio-type-title-tracking);font-weight:400}.fg-motion-tokens span{font-size:var(--folio-type-caption-size);color:var(--folio-secondary)}.fg-example-nav{border-block:1px solid var(--folio-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding:.75rem 0;display:flex}.fg-example-nav .fg-demo-note{font-size:var(--folio-type-caption-size)}.fg-editorial-masthead{border-bottom:1px solid var(--folio-ink);justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.fg-editorial-masthead strong{font-family:var(--folio-font-display);letter-spacing:-.04em;font-size:2rem;font-weight:400}.fg-editorial-masthead span{font-size:var(--folio-type-caption-size);color:var(--folio-secondary)}.fg-editorial-lead{grid-template-columns:1.2fr 1fr;align-items:center;gap:2rem;display:grid}.fg-editorial-lead h2{font-family:var(--folio-font-display);font-weight:400;font-size:var(--folio-type-display-size);letter-spacing:var(--folio-type-display-tracking);margin:1.5rem 0;line-height:1.06}.fg-editorial-lead h2 em{color:var(--folio-brand)}.fg-editorial-lead p:not(.fg-eyebrow){font-size:var(--folio-type-label-size);color:var(--folio-secondary);max-width:34ch;line-height:1.75}.fg-editorial-image{cursor:pointer;background:0 0;border:0;width:100%;padding:0;display:block;position:relative}.fg-editorial-image .folio-media-surface{aspect-ratio:3/4;border-radius:0}.fg-editorial-image img{object-fit:cover}.fg-editorial-index{border-top:1px solid var(--folio-line);grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2rem;padding-top:1.5rem;display:grid}.fg-editorial-index article{grid-template-columns:7rem 1fr;align-items:center;gap:1rem;min-width:0;display:grid}.fg-editorial-index h3{font-size:var(--folio-type-body-size);letter-spacing:var(--folio-type-body-tracking);font-weight:500}.fg-editorial-index p{font-size:var(--folio-type-caption-size);color:var(--folio-secondary);margin-top:.5rem}.fg-editorial-index a{text-decoration:none}.fg-editorial-index a:hover{text-underline-offset:4px;text-decoration:underline}.fg-example-credit{font-size:var(--folio-type-caption-size);color:var(--folio-secondary);line-height:1.75;margin-top:2rem!important}.fg-example-credit a{text-underline-offset:3px}.fg-guide-showcase.folio-showcase{border:0;border-radius:0}.fg-guide-showcase .folio-showcase-bar,.fg-guide-showcase .folio-showcase-colophon{display:none}.fg-guide-showcase .folio-showcase-page{padding:0}.fg-guide-showcase .folio-study-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fg-guide-showcase .folio-study-card:first-child{grid-column:auto}.fg-guide-showcase .folio-study-image .folio-media-surface{aspect-ratio:4/3}.fg-guide-showcase .folio-collection-heading{align-items:flex-start;gap:1.5rem}.fg-guide-showcase .folio-collection-heading .folio-display{font-size:var(--folio-type-display-size)}.fg-guide-showcase .folio-study-caption{flex-wrap:wrap}.fg-guide-showcase .folio-study-caption .folio-button{margin-left:auto}.fg-guide-showcase .folio-workspace{border:1px solid var(--folio-line);border-radius:var(--folio-radius-media)}.fg-media-license{grid-template-columns:1fr 1fr 1fr;gap:1.5rem;display:grid}.fg-media-license .folio-media-surface{aspect-ratio:4/3}.fg-media-license h3{font-size:var(--folio-type-label-size);margin:.75rem 0 .25rem;font-weight:500}.fg-media-license p{font-size:var(--folio-type-caption-size);color:var(--folio-secondary);line-height:1.75}.fg-media-license a{text-underline-offset:3px}.fg-moodboard-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;margin-bottom:1rem;display:flex}.fg-moodboard-heading h2{font-size:var(--folio-type-body-size);font-weight:500}.fg-moodboard-heading>span{color:var(--folio-secondary);font-size:var(--folio-type-caption-size);font-variant-numeric:tabular-nums}.fg-moodboard-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;display:flex}.fg-moodboard-views{border-left:1px solid var(--folio-line);padding-left:.75rem}.fg-moodboard-grid{columns:3 15rem;column-gap:1.25rem;margin-top:1.5rem}.fg-moodboard-item{break-inside:avoid;vertical-align:top;width:100%;display:inline-block;margin-bottom:1.5rem!important}.fg-moodboard[data-view=mosaic] .fg-moodboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:32cqi;gap:.5rem;margin-bottom:1.25rem;display:grid}.fg-moodboard[data-view=mosaic] .fg-moodboard-item{grid-row:span 2;min-width:0;min-height:0;display:block;margin:0!important}.fg-moodboard[data-view=mosaic] .fg-moodboard-item[data-shape=wide]{grid-column:span 2}.fg-moodboard[data-view=mosaic] :is(.fg-moodboard-open,.fg-moodboard-open .folio-media,.fg-moodboard-open .folio-media-surface){aspect-ratio:auto;height:100%;min-height:0}.fg-moodboard[data-view=mosaic] .fg-moodboard-open>.folio-media{position:absolute;inset:0}.fg-moodboard[data-view=mosaic] .fg-moodboard-grid[data-filtered=true] .fg-moodboard-item{grid-area:span 2}@container folio-content (min-width:40rem){.fg-moodboard[data-view=mosaic] .fg-moodboard-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:24cqi}.fg-moodboard[data-view=mosaic] .fg-moodboard-item{grid-row:auto}.fg-moodboard[data-view=mosaic] .fg-moodboard-item:first-child,.fg-moodboard[data-view=mosaic] .fg-moodboard-item:is(:nth-child(2),:nth-child(5),:nth-child(6),:nth-child(9),:nth-child(10)){grid-row:span 2}.fg-moodboard[data-view=mosaic] .fg-moodboard-item:nth-child(4){grid-column:auto}.fg-moodboard[data-view=mosaic] .fg-moodboard-grid[data-filtered=true]{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:32cqi}.fg-moodboard[data-view=mosaic] .fg-moodboard-grid[data-filtered=true] .fg-moodboard-item{grid-row:auto}}@container folio-content (max-width:40rem){.fg-moodboard-views{border-left:0;padding-left:0}}.fg-moodboard-open{border-radius:var(--folio-radius-media);background:var(--folio-inset);width:100%;color:var(--folio-ink);cursor:zoom-in;border:0;padding:0;display:block;position:relative}.fg-moodboard-open .folio-media-surface,.fg-moodboard-open .folio-media{border-radius:inherit}.fg-moodboard-expand{border-radius:var(--folio-radius-control);width:2rem;height:2rem;color:var(--folio-ink);background:var(--folio-canvas);box-shadow:var(--folio-shadow-raised);transition:opacity var(--folio-duration-feedback) var(--folio-ease-response), background-color var(--folio-duration-feedback) var(--folio-ease-response), color var(--folio-duration-feedback) var(--folio-ease-response);place-items:center;display:grid;position:absolute;bottom:.625rem;right:.625rem}.fg-moodboard-open:is(:hover,:focus-visible) .fg-moodboard-expand{background:var(--folio-action);color:var(--folio-on-action)}@media (hover:hover) and (pointer:fine){.fg-moodboard[data-view=mosaic] .fg-moodboard-expand{opacity:0}.fg-moodboard[data-view=mosaic] .fg-moodboard-open:is(:hover,:focus-visible) .fg-moodboard-expand{opacity:1}}.fg-moodboard-item figcaption{font-size:var(--folio-type-caption-size);overflow-wrap:anywhere;margin-top:.625rem}.fg-moodboard-item figcaption strong{font-weight:500;display:block}.fg-moodboard-item figcaption a,.fg-moodboard-sources a,.fg-moodboard-credit a{align-items:center;gap:.375rem;min-height:2rem;text-decoration:none;display:inline-flex}.fg-moodboard-item figcaption a{font-size:var(--folio-type-caption-size);color:var(--folio-secondary)}.fg-moodboard :is(figcaption,.fg-moodboard-sources,.fg-moodboard-credit) a:hover{text-underline-offset:3px;text-decoration:underline}.fg-moodboard-sources{font-size:var(--folio-type-caption-size);border-top:1px solid var(--folio-line);padding-top:1rem}.fg-moodboard-credit{overflow-wrap:anywhere;font-size:var(--folio-type-caption-size);flex-wrap:wrap;justify-content:space-between;gap:1rem 2rem;margin-top:1rem;display:flex}.fg-moodboard-credit>div:first-child{flex:18rem;min-width:0;max-width:65ch}.fg-moodboard-credit>div:last-child{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.fg-moodboard-credit p:not(:first-child){color:var(--folio-secondary);margin-top:.25rem}.fg-moodboard-credit svg,.fg-moodboard-item figcaption svg{flex:none}.fg-moodboard-credit a{max-width:100%}@media (min-width:1500px){.fg-main{padding-top:3rem}.fg-hero h1{font-size:var(--folio-type-display-size)}}@media (max-width:1100px){.fg-shell{grid-template-columns:11.5rem minmax(0,1fr)}.fg-sidebar{padding-inline:1rem}.fg-hero h1{font-size:var(--folio-type-display-size)}.fg-main{padding-inline:1.5rem}.fg-guide-showcase .folio-study-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fg-section>header{grid-template-columns:2rem 1fr}.fg-section>header>p:last-child:not(:first-child){grid-column:2;max-width:48ch}.fg-feature-row{gap:1rem}.fg-feature-visual{padding:1rem}}@media (max-width:800px){.fg-shell{display:block}.fg-sidebar{border-right:0;border-bottom:1px solid var(--folio-line);grid-template-columns:1fr auto;gap:1rem;height:auto;min-height:0;padding:1.25rem;display:grid;position:relative;top:auto}.fg-brand>span{font-size:1.75rem}.fg-sidebar-caption,.fg-desktop-nav,.fg-settings>a,.fg-sidebar-meta{display:none}.fg-mobile-nav{border-top:1px solid var(--folio-line);grid-area:2/1/auto/-1;padding-top:.75rem;display:block}.fg-mobile-nav summary{min-height:2.75rem;font-size:var(--folio-type-caption-size);cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;list-style:none;display:flex}.fg-mobile-nav summary::-webkit-details-marker{display:none}.fg-mobile-nav[open] summary>svg{transform:rotate(180deg)}.fg-mobile-nav nav{grid-template-columns:1fr 1fr;padding-top:.5rem;display:grid}.fg-settings{align-self:center;margin:0;padding:0}.fg-settings>div{flex-direction:row;gap:0}.fg-settings .folio-button{gap:0;min-height:2.75rem;padding:.5rem;font-size:0}.fg-settings .folio-button span{display:none}.fg-main{padding:1.5rem 1.25rem 0}.fg-hero h1{font-size:var(--folio-type-display-size)}.fg-feature-row{grid-template-columns:1fr 1fr}.fg-feature-row .fg-feature:last-child{display:none}.fg-detail-bottom,.fg-quick-start{grid-template-columns:1fr;gap:1.5rem}.fg-type-row{grid-template-columns:7rem minmax(0,1fr);gap:1rem}.fg-color-roles{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:540px){.fg-hero{grid-template-columns:1fr}.fg-hero-copy{padding:1.5rem 0}.fg-hero h1{font-size:var(--folio-type-display-size);margin:1rem 0}.fg-hero-copy>p:not(.fg-eyebrow){max-width:37ch;margin-bottom:.5rem}.fg-hero-art{border-left:0;grid-template-rows:auto auto}.fg-hero-photo .folio-media-surface{aspect-ratio:1.8}.fg-type-tile>span{font-size:4rem}.fg-hero-mini{gap:.5rem}.fg-overview-routes{grid-template-columns:1fr}.fg-overview-routes a{border-right:0;border-bottom:1px solid var(--folio-line);grid-template-columns:1fr;align-items:center;padding:1rem 0;display:grid}.fg-overview-routes a:last-child{border-bottom:0}.fg-overview-routes a>.fg-eyebrow{display:none}.fg-overview-routes small{text-align:right}.fg-intro{flex-direction:column;align-items:flex-start;gap:1rem;padding-bottom:1.5rem}.fg-intro h1{font-size:var(--folio-type-display-size);overflow-wrap:anywhere}.fg-section{margin-top:2.5rem;padding-top:1.5rem}.fg-section>header{grid-template-columns:1.5rem minmax(0,1fr);gap:.75rem;margin-bottom:1.25rem}.fg-section>header h2{font-size:var(--folio-type-title-size)}.fg-feature-row,.fg-palette,.fg-theme-pair,.fg-principles,.fg-mark-study,.fg-motion-pair,.fg-editorial-lead,.fg-editorial-index{grid-template-columns:1fr}.fg-feature-row .fg-feature:last-child{display:block}.fg-feature{grid-template-columns:7rem minmax(0,1fr);column-gap:1rem;display:grid}.fg-feature-visual{grid-row:1/5;min-height:9rem;margin:0;padding:.75rem}.fg-feature-visual .folio-check-field label>span:last-child{font-size:var(--folio-type-caption-size)}.fg-feature-visual .folio-mark{width:4rem;height:4rem}.fg-feature-visual .folio-avatar{display:none}.fg-feature h3{align-self:end}.fg-catalog-grid{gap:1.5rem .875rem}.fg-catalog-preview{--fg-preview-height:9rem;padding:.75rem}.fg-catalog-preview .fg-demo-row{gap:.375rem}.fg-catalog-item h2,.fg-catalog-item>p{font-size:var(--folio-type-caption-size)}.fg-filter-chips .folio-button{min-height:2.75rem}.fg-detail-top{margin-bottom:1.5rem}.fg-detail-top>.folio-badge{display:none}.fg-specimen-canvas{min-height:17rem;padding:1.25rem}.fg-color-block{min-height:7rem}.fg-color-roles{grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr))}.fg-type-row{grid-template-columns:1fr;gap:.75rem}.fg-type-label{justify-content:space-between;align-items:center;display:flex}.fg-type-label code{margin:0}.fg-geometry{gap:.5rem}.fg-geometry>div{min-height:9rem;padding:.5rem}.fg-geometry-shape{width:3.5rem;height:3.5rem}.fg-geometry code{font-size:var(--folio-type-code-size);text-align:center}.fg-icon-grid,.fg-layout-demo{grid-template-columns:repeat(4,minmax(0,1fr))}.fg-layout-demo>span:nth-child(n+5){display:none}.fg-layout-demo>div,.fg-form-grid{grid-template-columns:1fr}.fg-inspect-grid{grid-template-columns:1fr;gap:1.5rem}.fg-motion-stage{min-height:11rem}.fg-motion-tokens{grid-template-columns:repeat(3,minmax(0,1fr))}.fg-motion-tokens>div{padding:1rem}.fg-motion-tokens strong{font-size:var(--folio-type-title-size)}.fg-editorial-lead{gap:1.5rem}.fg-editorial-lead h2{font-size:var(--folio-type-display-size);margin:1rem 0}.fg-editorial-lead>div{grid-row:1}.fg-editorial-image .folio-media-surface{aspect-ratio:4/5}.fg-editorial-index{gap:1.5rem}.fg-guide-showcase .folio-study-grid{grid-template-columns:1fr}.fg-guide-showcase .folio-collection-heading{flex-direction:column}.fg-media-license{grid-template-columns:1fr}.fg-footer{font-size:var(--folio-type-caption-size);margin-top:3rem}}@media (prefers-reduced-motion:reduce){.fg-shell *,.fg-shell :before,.fg-shell :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.fg-crop-square .folio-media-surface{aspect-ratio:1}.fg-crop-portrait .folio-media-surface{aspect-ratio:3/4}.fg-media-demo .folio-media-surface{aspect-ratio:4/3}.folio-root .fg-small-dialog{width:min(32rem,100% - 2rem)}.fg-small-dialog .fg-demo-stack{max-width:none}.fg-guide-showcase .folio-study-card:first-child{grid-row:auto}.fg-guide-showcase .folio-study-image,.fg-guide-showcase .folio-study-card:first-child .folio-study-image{aspect-ratio:4/3;height:auto}.fg-guide-showcase .folio-study-image .folio-type-letters{font-size:clamp(5rem,10vw,9rem)}.fg-guide-showcase .folio-filters{flex-wrap:wrap}.fg-guide-showcase .folio-filters small{font-size:var(--folio-type-caption-size);opacity:.7}.fg-guide-showcase .folio-collection-foot{margin-top:1.5rem}.fg-guide-showcase .folio-editor{border:1px solid var(--folio-line);border-radius:var(--folio-radius-media);overflow:hidden}.fg-motion-object .folio-mark-offset{fill:var(--folio-on-field);opacity:.5}@media (max-width:540px){.fg-catalog-grid{grid-template-columns:1fr 1fr}.fg-hero h1{font-size:var(--folio-type-display-size)}}.fg-catalog-preview .folio-skeleton>span{background:var(--folio-line)}.fg-nav-number{opacity:1;color:var(--folio-secondary)}.fg-media-license p a{align-items:center;min-height:2rem;display:inline-flex}.fg-hero h1,.fg-type-hero .folio-display{overflow-wrap:anywhere;min-width:0}@media (max-width:800px){.fg-sidebar{flex-wrap:wrap;align-items:center;display:flex}.fg-brand{order:1;max-width:100%}.fg-brand .folio-mark{width:32px;height:32px}.fg-settings{order:2;margin-left:auto}.fg-settings .folio-button{min-width:2.75rem}.fg-mobile-nav{order:3;width:100%}.fg-mobile-nav nav{grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr))}}@media (max-width:540px){.fg-catalog-grid{grid-template-columns:1fr}}@media (pointer:coarse){.fg-filter-chips .folio-button,.fg-media-license p a{min-height:2.75rem}}@media (max-width:540px){.fg-type-tile{flex-direction:column;align-items:flex-start}.fg-type-tile>small{align-self:flex-start}.fg-feature{display:block}.fg-feature-visual{min-height:11rem;margin-bottom:1rem;padding:1.5rem}.fg-feature-visual .folio-check-field label>span:last-child{font-size:var(--folio-type-label-size)}.fg-feature-visual .folio-avatar{display:inline-grid}}.fg-mark-plate{min-width:0}.fg-mark-plate .folio-mark{aspect-ratio:1;max-width:100%;height:auto}.fg-editorial-masthead{flex-wrap:wrap}.fg-editorial-lead>div{min-width:0}.fg-editorial-lead h2{overflow-wrap:anywhere}.fg-icon-grid span{overflow-wrap:anywhere;max-width:100%}@media (max-width:540px){.fg-theme-pair,.fg-principles,.fg-mark-study,.fg-editorial-lead{grid-template-columns:minmax(0,1fr)}.fg-editorial-index article{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.fg-editorial-index h3{overflow-wrap:anywhere}}@media (max-width:800px){.fg-sidebar{flex-direction:row}}