@layer components{.icon{--_size:1.5em;width:var(--_size);aspect-ratio:1;flex:none;max-width:100%;height:auto;display:block;&.small{--_size:1em}&.large{--_size:2em}&.full-width{width:100%;aspect-ratio:unset}}.button_wrap:where(:not(.plain)){justify-content:center;align-items:center;gap:var(--space-2);min-block-size:2.75rem;max-inline-size:100%;padding:var(--space-3) var(--space-5);font-family:var(--font-sans);font-size:var(--text-button-size);cursor:pointer;user-select:none;background-color:var(--button-background);color:var(--button-text);border:var(--border-width) solid var(--button-border);border-radius:var(--radius-small);text-align:center;transition:background-color var(--hover-duration) var(--hover-ease), color var(--hover-duration) var(--hover-ease), border-color var(--hover-duration) var(--hover-ease), transform var(--duration-xs) var(--ease-out), box-shadow var(--hover-duration) var(--hover-ease);font-weight:500;line-height:1.5;text-decoration:none;display:inline-flex;@media (hover:hover){&:hover:not(:disabled){background-color:var(--button-background-hover);color:var(--button-text-hover);border-color:var(--button-border-hover);&:not(.secondary,.ghost,.link){transform:translateY(calc(-1 * var(--translate-hover)));box-shadow:var(--shadow-md)}}}&.small{padding:var(--space-2) var(--space-3);font-size:var(--text-body-sm-size)}&.large{padding:var(--space-4) var(--space-6);font-size:var(--text-button-lg-size)}&.pill{border-radius:var(--radius-round);&.large{padding-inline:var(--space-7)}}&:focus-visible{box-shadow:var(--shadow-focus);outline:none}&:active:not(:disabled){transform:translateY(0)scale(.985)}&.secondary,&.ghost{--button-background:var(--button-2-background);--button-text:var(--button-2-text);--button-border:var(--button-2-border);--button-background-hover:var(--button-2-background-hover);--button-text-hover:var(--button-2-text-hover);--button-border-hover:var(--button-2-border-hover)}&.ghost{--button-background:var(--button-ghost-background,var(--button-2-background));--button-text:var(--button-ghost-text,var(--button-2-text));--button-border:var(--button-ghost-border,var(--button-2-border));--button-background-hover:var(--button-ghost-background-hover,var(--button-2-background-hover))}&.link{--button-background:transparent;--button-text:var(--link-text);--button-border:var(--link-border);--button-background-hover:transparent;--button-text-hover:var(--link-text-hover);--button-border-hover:var(--link-border);padding:var(--space-2) 0;border:0;border-bottom:var(--border-width) solid var(--button-border);background-image:linear-gradient(var(--link-border-hover), var(--link-border-hover));background-position:100% 100%;background-repeat:no-repeat;background-origin:border-box;background-size:0 var(--border-width);min-height:2.75rem;transition:background-size calc(var(--hover-duration) * 2) var(--hover-ease), color var(--hover-duration) var(--hover-ease), border-color var(--hover-duration) var(--hover-ease);border-radius:0;font-size:1rem;@media (hover:hover){&:hover:not(:disabled){background-position:0 100%;background-size:100% var(--border-width)}}}&:is(.play,.close,.arrow){border-radius:var(--radius-round);gap:0;min-inline-size:2.75rem;padding:.75em}&.back .button_mark{rotate:180deg}&.play .button_pause{display:none}&.play[aria-pressed=true]{& .button_play{display:none}& .button_pause{display:block}}&:disabled{cursor:not-allowed;opacity:.5}}@media (width<=30rem){.button_wrap.large:not(.plain){padding:.875rem 1.25rem;font-size:.9375rem}}.layout{--_column-count:1;--_visual-ratio:3 / 2;--_alignment:start;column-gap:var(--site-gutter);row-gap:var(--space-8);grid-template-columns:repeat(var(--_column-count), minmax(0, 1fr));flex-direction:column;align-items:stretch;width:100%;display:flex;&>*{align-items:var(--_alignment,start);min-width:0;text-align:var(--_alignment,start);flex-direction:column;width:100%;max-width:100%;display:flex}&>:first-child{align-self:center}&>:last-child:has(>:is(.image,.video)):not(:has(>:not(.image,.video,.overlay))){border-radius:var(--radius-small);aspect-ratio:var(--_visual-ratio);position:relative;&>:is(.image,.video,.overlay){border-radius:inherit;width:100%;height:100%;position:absolute;inset:0}}&.centered{--_alignment:center}&.auto-width{justify-content:space-between;align-items:end;row-gap:var(--space-6);flex-flow:wrap;&>*{align-self:unset;width:auto}&>:last-child{min-width:min(4rem,100%)}}&.columns{column-gap:var(--section-space-small);display:grid;@media (width>=64rem){--_column-count:2;&.reversed{&>:last-child{order:-1}}}}&.sticky-content{--_visual-ratio:1 / 1;display:grid;@media (width>=64rem){--_column-count:2;&>:first-child{top:calc(var(--site-margin) + var(--nav-height));align-self:start;position:sticky}}}&.sticky-visual{--_visual-ratio:1 / 1;display:grid;@media (width>=64rem){--_column-count:2;&>:first-child{align-self:start}&>:last-child{top:calc(var(--site-margin) + var(--nav-height));max-height:calc(100svh - var(--nav-height) - var(--site-margin) * 2);align-self:start;position:sticky}}}&.breakout{width:calc(100vw - var(--scrollbar-width,0rem));flex-shrink:0;align-self:center;gap:0;display:grid;&>:first-child{width:var(--site-width);padding-block:var(--section-space-medium);margin-inline:auto}&>:last-child{border-radius:0}@media (width>=64rem){--_column-count:2;&>:first-child{max-width:calc(var(--max-width-main) / 2)}&>:last-child{border-top-left-radius:var(--radius-small);border-bottom-left-radius:var(--radius-small)}&.reversed{&>:last-child{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:var(--radius-small);border-bottom-right-radius:var(--radius-small);order:-1}}}}&.contain{background-color:var(--background-2);border-radius:var(--radius-main);gap:0;display:grid;position:relative;overflow:clip;&>:first-child{padding:var(--space-6)}&>:last-child{border-radius:0}@media (width>=64rem){--_column-count:2;&.reversed{&>:last-child{order:-1}}}}&.card-layout{background:var(--background)}&.card-layout:has(>:nth-child(2)){border-radius:var(--radius-main);justify-content:center;min-height:26rem;position:relative;overflow:clip;&>:first-child{padding:var(--space-6);padding-block:var(--section-space-medium);padding-inline:var(--space-5);z-index:1;--_alignment:center;position:relative}&>:last-child{width:100%;height:100%;opacity:calc(var(--_media-opacity,70) / 100);pointer-events:none;border-radius:0;position:absolute;inset:0}}}}@layer base{:root{--site-margin:var(--space-section-x);--site-gutter:var(--space-5);--site-width:100%;--max-width-main:var(--container-lg);--section-space-small:var(--space-section-y-sub);--section-space-medium:var(--space-section-y);--section-space-large:var(--space-hero-y);--nav-height:var(--space-header-offset);--border-width:.0625rem;--radius-small:var(--radius-sm);--radius-main:var(--radius-lg);--radius-round:var(--radius-full);--hover-duration:var(--duration-sm);--hover-ease:var(--ease-out);--primary-family:var(--font-sans);--secondary-family:var(--font-serif);--text-heading-md-size:1.25rem;--text-heading-sm-size:1rem;--text-body-size:1rem;--text-body-sm-size:.875rem;--text-label-size:.6875rem;--text-mono-size:.8125rem;--text-button-size:.9375rem;--text-button-lg-size:1.0625rem;--lumos-light-background:#f5f1ea;--lumos-light-surface:#ede7da;--lumos-light-elevated:#faf7f1;--lumos-light-text:#0e0e0c;--lumos-light-muted:#3a3833;--lumos-light-border:#d9d2c2;--lumos-dark-background:#15140f;--lumos-dark-surface:#1f1d17;--lumos-dark-elevated:#2a2820;--lumos-dark-text:#ede7da;--lumos-dark-muted:#c9c2b0;--lumos-dark-border:#2f2c24}:where(:root,[data-theme],.theme-light,.theme-dark,.theme-brand,.canvas){--background:var(--color-bg);--background-2:var(--color-surface);--background-3:var(--color-surface-elevated);--background-skeleton:var(--color-surface);--text:var(--color-ink);--text-2:var(--color-ink-muted);--text-muted:var(--color-ink-muted);--border:var(--color-hairline);--heading-accent:var(--color-accent-link);--button-background:var(--color-action);--button-text:var(--color-action-text);--button-border:var(--color-action);--button-background-hover:var(--color-action-hover);--button-text-hover:var(--color-action-text);--button-border-hover:var(--color-action-hover);--button-2-background:transparent;--button-2-text:var(--text);--button-2-border:var(--border);--button-2-background-hover:var(--background-2);--button-2-text-hover:var(--text);--button-2-border-hover:var(--text-2);--button-ghost-background:var(--button-2-background);--button-ghost-text:var(--button-2-text);--button-ghost-border:var(--button-2-border);--button-ghost-background-hover:var(--button-2-background-hover);--link-text:var(--text);--link-text-hover:var(--heading-accent);--link-border:var(--border);--link-border-hover:currentColor;--field-background:var(--background-3);--field-text:var(--text)}.theme-light{--background:var(--lumos-light-background);--background-2:var(--lumos-light-surface);--background-3:var(--lumos-light-elevated);--text:var(--lumos-light-text);--text-2:var(--lumos-light-muted);--border:var(--lumos-light-border);--heading-accent:var(--canvas-deep);--button-background:var(--canvas-deep);--button-text:var(--canvas-on);--button-border:var(--canvas-deep);--button-background-hover:var(--canvas-deep-surface);--button-text-hover:var(--canvas-on);--button-border-hover:var(--canvas-deep-surface);color-scheme:light}.theme-dark{--background:var(--lumos-dark-background);--background-2:var(--lumos-dark-surface);--background-3:var(--lumos-dark-elevated);--text:var(--lumos-dark-text);--text-2:var(--lumos-dark-muted);--border:var(--lumos-dark-border);--heading-accent:var(--canvas-glow);--button-background:var(--canvas-on);--button-text:var(--canvas-deep-surface);--button-border:var(--canvas-on);--button-background-hover:var(--canvas-on-soft);--button-text-hover:var(--canvas-deep-surface);--button-border-hover:var(--canvas-on-soft);color-scheme:dark}.theme-brand{--background:var(--canvas-deep);--background-2:var(--canvas-deep-surface);--background-3:var(--canvas-deep-surface);--text:var(--canvas-on);--text-2:var(--canvas-on-soft);--border:color-mix(in srgb, var(--canvas-on) 30%, transparent);--heading-accent:var(--canvas-on);color-scheme:dark}:where(.theme-brand,.canvas--terracotta){--button-background:var(--canvas-on);--button-text:var(--canvas-deep-surface);--button-border:var(--canvas-on);--button-background-hover:var(--canvas-on-soft);--button-text-hover:var(--canvas-deep-surface);--button-border-hover:var(--canvas-on-soft);--button-2-background:transparent;--button-2-text:var(--canvas-on);--button-2-border:color-mix(in srgb, var(--canvas-on) 40%, transparent);--button-2-background-hover:color-mix(in srgb, var(--canvas-on) 10%, transparent);--button-2-text-hover:var(--canvas-on);--button-2-border-hover:var(--canvas-on);--button-ghost-background:var(--canvas-surface);--button-ghost-text:var(--canvas-on);--button-ghost-border:color-mix(in srgb, var(--canvas-on) 24%, transparent);--button-ghost-background-hover:var(--canvas-deep-surface)}}@layer patterns{.heading,.text{max-inline-size:var(--_mw,none)}:where(.heading,.text)[class*=text-style-]{margin-block:0}.heading:where([class*=text-style-]):has(+:not(.heading,.button-wrapper)){margin-bottom:var(--_margin-bottom,var(--space-5))}.text:where([class*=text-style-])+.text:where([class*=text-style-]){margin-block-start:1em}.text-style-display,.text-style-h1,.text-style-h2,.text-style-h3{font-family:var(--font-serif);text-transform:none;font-weight:400}.text-style-display{font-size:var(--text-display-xl-size);letter-spacing:-.02em;line-height:.95}.text-style-h1{font-size:var(--text-display-lg-size);letter-spacing:-.02em;line-height:1}.text-style-h2{font-size:var(--text-display-md-size);letter-spacing:-.015em;line-height:1.05}.text-style-h3{font-size:var(--text-display-sm-size);letter-spacing:-.01em;line-height:1.15}.text-style-h4,.text-style-h5,.text-style-h6,.text-style-large,.text-style-main,.text-style-small,.text-style-caption{font-family:var(--font-sans);letter-spacing:normal;text-transform:none}.text-style-h4{font-size:var(--text-heading-lg-size);letter-spacing:-.005em;font-weight:500;line-height:1.25}.text-style-h5{font-size:var(--text-heading-md-size);font-weight:500;line-height:1.3}.text-style-h6{font-size:var(--text-heading-sm-size);font-weight:600;line-height:1.4}.text-style-large{font-size:var(--text-body-lg-size);font-weight:400;line-height:1.55}.text-style-main{font-size:var(--text-body-size);font-weight:400;line-height:1.55}.text-style-small{font-size:var(--text-body-sm-size);font-weight:400;line-height:1.5}.text-style-caption{font-size:var(--text-caption-size);letter-spacing:.08em;text-transform:uppercase;font-weight:500;line-height:1.4}.text-style-label{font-family:var(--font-mono);font-size:var(--text-label-size);letter-spacing:.08em;text-transform:uppercase;font-weight:500;line-height:1.55}.text-style-mono{font-family:var(--font-mono);font-size:var(--text-mono-size);font-weight:400;line-height:1.5}.section{padding-block:var(--section-space-medium);background-color:var(--background);color:var(--text);flex-direction:column;justify-content:center;align-items:stretch;display:flex;position:relative;&>.container{width:var(--site-width);max-width:var(--max-width-main);align-items:var(--_alignment,start);gap:var(--space-8);padding-inline:var(--site-margin);flex-direction:column;margin-inline:auto;display:flex;position:relative}}.section-background{pointer-events:none;position:absolute;inset:0;overflow:clip;&>*{width:100%;height:100%}}.button-wrapper{margin-top:var(--space-4);align-items:center;justify-content:var(--_alignment,start);gap:var(--space-2);flex-wrap:wrap;display:flex}:where(.theme-light,.theme-dark,.theme-brand){background-color:var(--background);color:var(--text)}@media (width<=45rem){h1:is(.text-style-display,.text-style-h1){font-size:clamp(2.25rem,9vw,3.25rem);line-height:1.05}h2:is(.text-style-h1,.text-style-h2){font-size:clamp(1.875rem,7vw,2.5rem);line-height:1.1}.text-style-h3{font-size:clamp(1.5rem,5.5vw,2rem)}}}@layer utilities{.padding-top-0{padding-top:0}.padding-bottom-0{padding-bottom:0}.gap-0{gap:0}.margin-top-0{margin-top:0}.margin-bottom-0{margin-bottom:0}.padding-top-1{padding-top:var(--space-1)}.padding-bottom-1{padding-bottom:var(--space-1)}.gap-1{gap:var(--space-1)}.margin-top-1{margin-top:var(--space-1)}.padding-top-2{padding-top:var(--space-2)}.padding-bottom-2{padding-bottom:var(--space-2)}.gap-2{gap:var(--space-2)}.margin-top-2{margin-top:var(--space-2)}.padding-top-3{padding-top:var(--space-3)}.padding-bottom-3{padding-bottom:var(--space-3)}.gap-3{gap:var(--space-3)}.margin-top-3{margin-top:var(--space-3)}.padding-top-4{padding-top:var(--space-4)}.padding-bottom-4{padding-bottom:var(--space-4)}.gap-4{gap:var(--space-4)}.margin-top-4{margin-top:var(--space-4)}.padding-top-5{padding-top:var(--space-5)}.padding-bottom-5{padding-bottom:var(--space-5)}.gap-5{gap:var(--space-5)}.margin-top-5{margin-top:var(--space-5)}.padding-top-6{padding-top:var(--space-6)}.padding-bottom-6{padding-bottom:var(--space-6)}.gap-6{gap:var(--space-6)}.margin-top-6{margin-top:var(--space-6)}.padding-top-7{padding-top:var(--space-7)}.padding-bottom-7{padding-bottom:var(--space-7)}.gap-7{gap:var(--space-7)}.margin-top-7{margin-top:var(--space-7)}.padding-top-8{padding-top:var(--space-8)}.padding-bottom-8{padding-bottom:var(--space-8)}.gap-8{gap:var(--space-8)}.margin-top-8{margin-top:var(--space-8)}.padding-top-sitemargin{padding-top:var(--site-margin)}.padding-bottom-sitemargin{padding-bottom:var(--site-margin)}.gap-sitemargin{gap:var(--site-margin)}.margin-top-sitemargin{margin-top:var(--site-margin)}.padding-top-small{padding-top:var(--section-space-small)}.padding-bottom-small{padding-bottom:var(--section-space-small)}.gap-small{gap:var(--section-space-small)}.margin-top-small{margin-top:var(--section-space-small)}.padding-top-medium{padding-top:var(--section-space-medium)}.padding-bottom-medium{padding-bottom:var(--section-space-medium)}.gap-medium{gap:var(--section-space-medium)}.margin-top-medium{margin-top:var(--section-space-medium)}.padding-top-large{padding-top:var(--section-space-large)}.padding-bottom-large{padding-bottom:var(--section-space-large)}.gap-large{gap:var(--section-space-large)}.margin-top-large{margin-top:var(--section-space-large)}.margin-top-auto{margin-top:auto}.padding-top-navoverlap{padding-top:calc(var(--nav-height) + var(--section-space-medium))}.padding-bottom-navoverlap{padding-bottom:calc(var(--nav-height) + var(--section-space-medium))}.min-height-screen{min-height:100svh}.alignment-start{--_alignment:start;text-align:start}.alignment-center{--_alignment:center;text-align:center}.alignment-end{--_alignment:end;text-align:end}.text-transform-uppercase{text-transform:uppercase}.text-color-muted{color:var(--text-2)}.text-accent{color:var(--color-accent)}.max-width-medium{max-width:var(--container-md)}.text-style-trim{display:inline-block}.text-muted{color:var(--color-ink-muted)}.text-subtle{color:var(--color-ink-subtle)}.text-faint{color:var(--color-ink-faint)}.text-italic{font-style:italic}.text-link{text-underline-offset:5px;text-decoration:underline}.text-serif{font-family:var(--font-serif)}}