:root{--foundry-bg:#ffffff;--foundry-surface:#ffffff;--foundry-surface-soft:#f8fafc;--foundry-text:#0f172a;--foundry-text-muted:#475569;--foundry-border:#e2e8f0;--foundry-border-strong:#cbd5e1;--foundry-brand-primary:#0f172a;--foundry-brand-accent:#3b82f6;--foundry-font-family-heading:inherit;--foundry-font-family-body:inherit;--foundry-font-family-ui:var(--foundry-font-family-body, inherit);--foundry-type-display-size:3.25rem;--foundry-type-headline-size:2.35rem;--foundry-type-section-size:1.85rem;--foundry-type-item-size:1.35rem;--foundry-type-body-size:1rem;--foundry-type-meta-size:0.78rem;--foundry-type-display-line-height:1.04;--foundry-type-body-line-height:1.68;--foundry-type-measure:42rem;--foundry-type-meta-tracking:0.12em;--foundry-shadow-sm:0 1px 3px rgba(0, 0, 0, 0.1);--foundry-shadow-md:0 4px 12px rgba(0, 0, 0, 0.1);--foundry-radius-sm:0.5rem;--foundry-radius:1rem;--foundry-radius-lg:1.5rem;--foundry-ease-standard:cubic-bezier(0.2, 0, 0, 1);--foundry-duration-base:200ms;--foundry-layer-base:0;--foundry-layer-sticky:30;--foundry-layer-nav-backdrop:35;--foundry-layer-header:40;--foundry-layer-popover:60;--foundry-layer-overlay:100;--foundry-layer-modal:120;--foundry-header-height:0px;--foundry-scroll-offset-gap:1rem;--foundry-scroll-offset:calc(var(--foundry-header-height) + var(--foundry-scroll-offset-gap));--foundry-toc-progress-track:color-mix(in srgb, var(--foundry-border, #e2e8f0) 88%, transparent);--foundry-toc-progress-bar:var(--foundry-brand-accent, #3b82f6);--foundry-toc-progress-width:0%;--foundry-toc-link-marker:color-mix(in srgb, var(--foundry-text-muted, #475569) 58%, transparent);--foundry-toc-link-marker-active:var(--foundry-brand-accent, #3b82f6);--foundry-toc-link-marker-complete:color-mix(in srgb, var(--foundry-brand-accent, #3b82f6) 62%, transparent);--foundry-toc-link-active-bg:color-mix(in srgb, var(--foundry-brand-accent, #3b82f6) 12%, transparent);--foundry-toc-link-active-text:var(--foundry-text, #0f172a);--foundry-toc-link-complete-text:color-mix(in srgb, var(--foundry-text-muted, #475569) 82%, transparent);--foundry-toc-toggle-bg:color-mix(in srgb, var(--foundry-surface-soft, #f8fafc) 88%, transparent);--foundry-toc-toggle-border:color-mix(in srgb, var(--foundry-border, #e2e8f0) 92%, transparent);--foundry-cta-panel-bg:var(--foundry-surface-soft, #f8fafc);--foundry-cta-panel-border:var(--foundry-border, #e2e8f0);--foundry-cta-panel-shadow:var(--foundry-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.1));--foundry-cta-title-color:var(--foundry-text, #0f172a);--foundry-cta-text-color:var(--foundry-text-muted, #475569);--foundry-cta-button-list-container-max:var(--foundry-wide-container-max, 72rem);--foundry-cta-button-list-gap-inline:var(--foundry-action-gap-inline, 1rem);--foundry-cta-button-list-gap-block:var(--foundry-action-gap-block, 0.75rem);--foundry-media-radius:var(--foundry-media-radius-default, var(--foundry-radius-lg, 1.5rem));--foundry-media-frame-bg:var(--foundry-media-frame-bg-default, var(--foundry-surface, #ffffff));--foundry-media-caption-color:var(--foundry-media-caption-color-default, var(--foundry-text-muted, #475569));--foundry-media-border:var(--foundry-media-border-default, var(--foundry-border, #e2e8f0));--foundry-media-shadow:var(--foundry-media-shadow-default, var(--foundry-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.1)))}html{scroll-padding-top:var(--foundry-scroll-offset,0px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:where(h1,h2,h3,h4,h5,h6)[id],[data-foundry-anchor-target=true]{scroll-margin-top:var(--foundry-scroll-offset,0px)}.foundry-media-text__image{display:block;max-width:100%}.foundry-math{color:inherit;font-family:inherit;font-size:1em}.foundry-math--inline{display:inline-block;max-width:100%;overflow-x:auto;overflow-y:hidden;vertical-align:-.15em}.foundry-math--display{display:block;contain:inline-size;width:100%;min-width:0;max-width:100%;margin-block:1.5em;overflow-x:auto;overflow-y:hidden;text-align:center;-webkit-overflow-scrolling:touch}.foundry-math--display>math{width:max-content;min-width:min-content;margin-inline:auto}@media(forced-colors:active){.foundry-math{color:CanvasText;forced-color-adjust:auto}}@media print{.foundry-math{break-inside:avoid}.foundry-math--display{overflow:visible}}.foundry-header{position:sticky;top:0;z-index:var(--foundry-layer-header,40);border-bottom:1px solid color-mix(in srgb,var(--foundry-border,#e2e8f0) 76%,transparent);background:color-mix(in srgb,var(--foundry-surface,#ffffff) 92%,transparent);color:var(--foundry-text,#0f172a);backdrop-filter:blur(16px)}.foundry-header__inner{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:1.25rem;width:100%;max-width:var(--foundry-shell-max-width,72rem);margin:0 auto;padding:.95rem 1.5rem}.foundry-brand{min-width:0;color:inherit;font-size:1rem;font-weight:700;line-height:1.1;text-decoration:none}.foundry-brand:hover,.foundry-brand:focus-visible{color:var(--foundry-brand-primary,#0f172a)}.foundry-nav-toggle{display:none;align-items:center;justify-content:center;min-height:2.75rem;padding:.55rem .85rem;border:1px solid color-mix(in srgb,var(--foundry-border,#e2e8f0) 88%,transparent);border-radius:999px;background:var(--foundry-nav-toggle-bg,color-mix(in srgb,var(--foundry-surface,#ffffff) 94%,transparent));color:var(--foundry-nav-toggle-text,var(--foundry-text,#0f172a));font:inherit;font-size:.88rem;font-weight:650;cursor:pointer}.foundry-nav>ul,.foundry-subnav{list-style:none;margin:0;padding:0}.foundry-nav>ul{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.25rem}.foundry-nav-item{position:relative}.foundry-nav a,.foundry-nav-label{display:inline-flex;align-items:center;min-height:2.25rem;border-radius:999px;color:var(--foundry-text-muted,#475569);font-size:.92rem;font-weight:650;line-height:1.1;padding:.55rem .8rem;text-decoration:none;transition:background var(--foundry-duration-base,200ms)var(--foundry-ease-standard,ease),color var(--foundry-duration-base,200ms)var(--foundry-ease-standard,ease)}.foundry-nav a:hover,.foundry-nav a:focus-visible,.foundry-nav-label:hover,.foundry-nav-label:focus-visible{background:color-mix(in srgb,var(--foundry-brand-primary,#0f172a) 7%,transparent);color:var(--foundry-text,#0f172a);outline:var(--foundry-focus-ring-width,3px)solid var(--foundry-focus-ring,var(--foundry-brand-accent,#3b82f6));outline-offset:var(--foundry-focus-ring-offset,3px)}.foundry-nav-parent{display:inline-flex;align-items:center;gap:.15rem}.foundry-subnav-toggle{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:0;border-radius:999px;background:0 0;color:var(--foundry-text-muted,#475569);cursor:pointer}.foundry-subnav{position:absolute;top:100%;right:0;z-index:var(--foundry-layer-popover,60);isolation:isolate;display:none;min-width:12rem;border:0;border-radius:0;background:0 0;box-shadow:none;padding:.85rem .4rem .4rem}.foundry-subnav::before{position:absolute;inset:.45rem 0 0;z-index:-1;border:1px solid color-mix(in srgb,var(--foundry-border,#e2e8f0) 88%,transparent);border-radius:.85rem;background:var(--foundry-surface,#ffffff);box-shadow:0 18px 44px rgba(15,23,42,.12);content:""}.foundry-nav-item.is-open>.foundry-subnav,.foundry-nav-item.is-submenu-open>.foundry-subnav{display:grid}.foundry-subnav a{width:100%;border-radius:.6rem}.foundry-search-trigger{display:inline-flex;align-items:center;justify-content:center;width:2.65rem;height:2.65rem;border:1px solid color-mix(in srgb,var(--foundry-border,#e2e8f0) 88%,transparent);border-radius:999px;background:color-mix(in srgb,var(--foundry-surface,#ffffff) 94%,transparent);color:var(--foundry-text-muted,#475569);text-decoration:none;box-shadow:var(--foundry-shadow-sm,0 1px 3px rgba(0,0,0,.1));transition:border-color var(--foundry-duration-base,200ms)var(--foundry-ease-standard,ease),color var(--foundry-duration-base,200ms)var(--foundry-ease-standard,ease),transform var(--foundry-duration-base,200ms)var(--foundry-ease-standard,ease)}.foundry-search-trigger:hover,.foundry-search-trigger:focus-visible{border-color:color-mix(in srgb,var(--foundry-brand-primary,#0f172a) 24%,var(--foundry-border,#e2e8f0));color:var(--foundry-text,#0f172a);transform:translateY(-1px);outline:var(--foundry-focus-ring-width,3px)solid var(--foundry-focus-ring,var(--foundry-brand-accent,#3b82f6));outline-offset:var(--foundry-focus-ring-offset,3px)}.foundry-search{--foundry-search-vertical:clamp(3.5rem, 8vw, 5rem);padding-block:var(--foundry-search-vertical)}.foundry-search__inner{width:min(100%,60rem);max-width:var(--foundry-content-width,64rem);margin-inline:auto;padding-inline:var(--foundry-container-gutter,1.5rem)}.foundry-search__eyebrow{margin:0 0 .6rem;color:var(--foundry-text-muted,#475569);font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.foundry-search__title{margin:0;color:var(--foundry-text,#0f172a);font-size:clamp(1.8rem,3.8vw,2.55rem);font-weight:750;line-height:1.08;letter-spacing:-.015em}.foundry-search__text{margin:.95rem 0 0;max-width:48rem;color:var(--foundry-text-muted,#475569);font-size:1rem;line-height:1.65}.foundry-search__panel,.foundry-search__panel--minimal{margin-top:2rem;border:1px solid var(--foundry-border,#e2e8f0);border-radius:var(--foundry-radius-lg,1.5rem);padding:1.25rem;background:var(--foundry-surface,#ffffff)}.foundry-search__panel--minimal{border-radius:var(--foundry-radius-md,1rem);padding:1rem}.foundry-search__status,.foundry-search__noscript{margin:1rem 0 0;color:var(--foundry-text-muted,#475569);font-size:.875rem}.foundry-search__mount{margin-top:1rem}.foundry-search-trigger__icon,.foundry-search-trigger__svg{display:block;width:1.1rem;height:1.1rem}.foundry-search-trigger__svg{stroke-width:1.9}.foundry-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.75rem;border:1px solid transparent;border-radius:var(--foundry-button-radius,999px);font-size:.92rem;font-weight:700;line-height:1.1;padding:.78rem 1.15rem;text-align:center;text-decoration:none;transition:background var(--foundry-duration-base,200ms)var(--foundry-ease-standard,ease),border-color var(--foundry-duration-base,200ms)var(--foundry-ease-standard,ease),color var(--foundry-duration-base,200ms)var(--foundry-ease-standard,ease),transform var(--foundry-duration-base,200ms)var(--foundry-ease-standard,ease)}.foundry-button>svg{display:block;flex:none;width:1.25rem;height:1.25rem}.foundry-button:hover,.foundry-button:focus-visible{transform:translateY(-1px)}.foundry-button:focus-visible{outline:var(--foundry-focus-ring-width,3px)solid var(--foundry-focus-ring,var(--foundry-brand-accent,#3b82f6));outline-offset:var(--foundry-focus-ring-offset,3px)}.foundry-button:focus{outline:var(--foundry-focus-ring-width,3px)solid var(--foundry-focus-ring,var(--foundry-brand-accent,#3b82f6));outline-offset:var(--foundry-focus-ring-offset,3px)}.foundry-button--primary{background:var(--foundry-button-primary-bg,var(--foundry-brand-primary,#0f172a));color:var(--foundry-button-primary-text,#ffffff);box-shadow:var(--foundry-button-primary-shadow,var(--foundry-shadow-sm,0 1px 3px rgba(0,0,0,.1)))}.foundry-button--primary:hover,.foundry-button--primary:focus-visible{background:var(--foundry-button-primary-hover-bg,color-mix(in srgb,var(--foundry-brand-primary,#0f172a) 88%,white));color:var(--foundry-button-primary-hover-text,#ffffff)}.foundry-button--secondary{border-color:var(--foundry-button-secondary-border,var(--foundry-border-strong,#cbd5e1));background:var(--foundry-button-secondary-bg,color-mix(in srgb,var(--foundry-surface,#ffffff) 88%,transparent));color:var(--foundry-button-secondary-text,var(--foundry-text,#0f172a))}.foundry-button--secondary:hover,.foundry-button--secondary:focus-visible{border-color:var(--foundry-button-secondary-hover-border,color-mix(in srgb,var(--foundry-brand-primary,#0f172a) 28%,var(--foundry-border-strong,#cbd5e1)));background:var(--foundry-button-secondary-hover-bg,color-mix(in srgb,var(--foundry-surface-soft,#f8fafc) 82%,transparent));color:var(--foundry-button-secondary-hover-text,var(--foundry-text,#0f172a))}.foundry-button--ghost{background:0 0;color:var(--foundry-button-ghost-text,var(--foundry-text,#0f172a))}.foundry-button--ghost:hover,.foundry-button--ghost:focus-visible{background:var(--foundry-button-ghost-hover-bg,color-mix(in srgb,var(--foundry-brand-primary,#0f172a) 7%,transparent));color:var(--foundry-button-ghost-hover-text,var(--foundry-text,#0f172a))}.foundry-cta__panel--framed{border:1px solid var(--foundry-cta-panel-border,var(--foundry-border,#e2e8f0));background:var(--foundry-cta-panel-bg,var(--foundry-surface-soft,#f8fafc));box-shadow:var(--foundry-cta-panel-shadow,var(--foundry-shadow-sm,0 1px 3px rgba(0,0,0,.1)))}.foundry-cta-button-list,.foundry-cta-button-list *{box-sizing:border-box}.foundry-cta-button-list{padding-block:clamp(3rem,7vw,5.5rem);color:var(--foundry-text,#0f172a)}.foundry-cta-button-list__inner{width:100%;max-width:var(--foundry-cta-button-list-container-max,var(--foundry-wide-container-max,72rem));margin-inline:auto;padding-inline:var(--foundry-container-gutter,1.5rem)}.foundry-cta-button-list__header{max-width:var(--foundry-type-measure,42rem)}.foundry-cta-button-list__title{margin:0;color:var(--foundry-cta-title-color,var(--foundry-text,#0f172a));font-family:var(--foundry-font-family-heading,inherit);font-size:clamp(1.75rem,4vw,2.75rem);line-height:1.08;letter-spacing:-.035em}.foundry-cta-button-list__text{max-width:42rem;margin-top:1rem;color:var(--foundry-cta-text-color,var(--foundry-text-muted,#475569));line-height:1.7}.foundry-cta-button-list__text>:first-child{margin-top:0}.foundry-cta-button-list__text>:last-child{margin-bottom:0}.foundry-cta-button-list__grid{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:max(.75rem,var(--foundry-cta-button-list-gap-block,.75rem))var(--foundry-cta-button-list-gap-inline,1rem);margin:2rem 0 0;padding:0;list-style:none}.foundry-cta-button-list__item{min-width:0}.foundry-cta-button-list__button{width:100%}.foundry-cta-button-list--align-left .foundry-cta-button-list__header{margin-inline:0;text-align:left}.foundry-cta-button-list--align-left .foundry-cta-button-list__grid{justify-content:flex-start}.foundry-cta-button-list--align-center .foundry-cta-button-list__header{margin-inline:auto;text-align:center}.foundry-cta-button-list--align-center .foundry-cta-button-list__text{margin-inline:auto}.foundry-cta-button-list--stacked .foundry-cta-button-list__grid{display:grid;grid-template-columns:minmax(0,32rem);justify-content:start}.foundry-cta-button-list--align-center.foundry-cta-button-list--stacked .foundry-cta-button-list__grid{justify-content:center}.foundry-cta-button-list--stacked .foundry-cta-button-list__button{justify-content:space-between}.foundry-cta-button-list--rail .foundry-cta-button-list__grid{align-items:stretch;border-block:1px solid var(--foundry-border,#e2e8f0);gap:0}.foundry-cta-button-list--rail .foundry-cta-button-list__item{flex:1 1 12rem;padding-block:.75rem}.foundry-cta-button-list--rail .foundry-cta-button-list__item+.foundry-cta-button-list__item{border-inline-start:1px solid var(--foundry-border,#e2e8f0)}.foundry-cta-button-list--rail .foundry-cta-button-list__button{min-height:3.25rem;border-color:transparent;border-radius:var(--foundry-radius-sm,.5rem);background:0 0;box-shadow:none}.foundry-cta-button-list__empty{margin:2rem 0 0;padding:1rem 1.25rem;border:1px dashed var(--foundry-border-strong,#cbd5e1);color:var(--foundry-cta-text-color,var(--foundry-text-muted,#475569))}@media(max-width:48rem){.foundry-cta-button-list__inner{width:min(calc(100% - 2.5rem),var(--foundry-cta-button-list-container-max,var(--foundry-wide-container-max,72rem)));padding-inline:0}.foundry-cta-button-list--inline .foundry-cta-button-list__grid,.foundry-cta-button-list--stacked .foundry-cta-button-list__grid{grid-template-columns:minmax(0,1fr);display:grid;justify-content:stretch}.foundry-cta-button-list--inline .foundry-cta-button-list__item,.foundry-cta-button-list--stacked .foundry-cta-button-list__item{width:100%}.foundry-cta-button-list--rail .foundry-cta-button-list__grid{display:grid;grid-template-columns:minmax(0,1fr)}.foundry-cta-button-list--rail .foundry-cta-button-list__item+.foundry-cta-button-list__item{border-inline-start:0;border-block-start:1px solid var(--foundry-border,#e2e8f0)}}.foundry-topic-chip-nav,.foundry-topic-chip-nav *{box-sizing:border-box}.foundry-topic-chip-nav{padding-block:clamp(2.5rem,6vw,4.5rem);color:var(--foundry-text,#0f172a)}.foundry-topic-chip-nav__inner{width:100%;max-width:var(--foundry-topic-chip-nav-container-max,var(--foundry-wide-container-max,72rem));margin-inline:auto;padding-inline:var(--foundry-container-gutter,1.5rem)}.foundry-topic-chip-nav__title{margin:0;color:var(--foundry-text,#0f172a);font-family:var(--foundry-font-family-heading,inherit);font-size:clamp(1.3rem,3vw,1.8rem);line-height:1.2;letter-spacing:-.025em}.foundry-topic-chip-nav__list{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem .75rem;margin:1rem 0 0;padding:0;list-style:none}.foundry-topic-chip-nav__chip{display:inline-flex;align-items:center;gap:.4rem;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-inline:.95rem;min-height:2.25rem;border:1px solid var(--foundry-topic-chip-border,transparent)}.foundry-topic-chip-nav__chip.is-active{border-color:var(--foundry-button-secondary-border-hover,#cbd5e1);color:var(--foundry-button-secondary-hover-text,var(--foundry-text,#0f172a));background:var(--foundry-button-secondary-hover-bg,var(--foundry-surface-soft,#f8fafc));font-weight:650}.foundry-topic-chip-nav__icon{width:.95rem;height:.95rem;flex:none;opacity:.9}.foundry-topic-chip-nav--left .foundry-topic-chip-nav__inner{margin-inline:0}.foundry-topic-chip-nav--left .foundry-topic-chip-nav__title{margin-inline:0;text-align:left}.foundry-topic-chip-nav--left .foundry-topic-chip-nav__list{justify-content:flex-start}.foundry-topic-chip-nav--center .foundry-topic-chip-nav__inner{margin-inline:auto}.foundry-topic-chip-nav--center .foundry-topic-chip-nav__title,.foundry-topic-chip-nav--center .foundry-topic-chip-nav__list{margin-inline:auto;text-align:center}.foundry-topic-chip-nav--center .foundry-topic-chip-nav__list{justify-content:center}@media(max-width:48rem){.foundry-topic-chip-nav__inner{padding-inline:1.25rem}.foundry-topic-chip-nav__list{gap:.65rem .75rem}}:where(.foundry-hero,.foundry-features,.foundry-stats-band,.foundry-quote,.foundry-cta),:where(.foundry-hero,.foundry-features,.foundry-stats-band,.foundry-quote,.foundry-cta) *{box-sizing:border-box}.foundry-hero{padding-block:clamp(4rem,8vw,6rem)}.foundry-hero--media{position:relative;display:flex;align-items:center;min-height:34rem;overflow:hidden}.foundry-hero__media,.foundry-hero__overlay{position:absolute;inset:0}.foundry-hero__media{z-index:0}.foundry-hero__overlay{z-index:10}.foundry-hero__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.foundry-hero__inner{box-sizing:border-box;position:relative;z-index:20;width:100%;max-width:var(--foundry-hero-container-max,var(--foundry-wide-container-max,72rem));margin-inline:auto;padding-inline:var(--foundry-container-gutter,1.5rem)}.foundry-hero__eyebrow,.foundry-features__eyebrow{margin:0;font-family:var(--foundry-font-family-ui,ui-sans-serif,system-ui,sans-serif);font-size:.78rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.foundry-hero__title{margin:1rem 0 0;font-size:clamp(2.7rem,6vw,4.5rem);font-weight:800;line-height:.98;letter-spacing:-.045em}.foundry-hero__text{max-width:48rem;margin:1.5rem 0 0;font-size:1.1rem;line-height:1.7}.foundry-hero__actions,.foundry-cta__actions{display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--foundry-action-gap-inline,1rem);row-gap:var(--foundry-action-gap-block,.75rem);margin-top:2rem}:where(.foundry-video-hero,.foundry-video-hero *){box-sizing:border-box}.foundry-video-hero{position:relative;padding-block:clamp(4rem,8vw,6rem);color:var(--foundry-text,#0f172a)}.foundry-video-hero__inner{display:grid;width:100%;max-width:var(--foundry-video-hero-container-max,var(--foundry-wide-container-max,72rem));margin-inline:auto;padding-inline:var(--foundry-container-gutter,1.5rem);gap:clamp(2rem,5vw,4rem);align-items:start}.foundry-video-hero__overlay,.foundry-video-hero__media{min-width:0}.foundry-video-hero__eyebrow{margin:0;color:var(--foundry-text-muted,#475569);font-family:var(--foundry-font-family-ui,ui-sans-serif,system-ui,sans-serif);font-size:.78rem;font-weight:700;letter-spacing:.2em;line-height:1.4;text-transform:uppercase}.foundry-video-hero__title{margin:.75rem 0 0;color:var(--foundry-text,#0f172a);font-size:clamp(2.5rem,5vw,4.25rem);font-weight:800;line-height:.98;letter-spacing:-.045em}.foundry-video-hero__text{max-width:42rem;margin:1.25rem 0 0;color:var(--foundry-text-muted,#475569);font-size:1.05rem;line-height:1.7}.foundry-video-hero__bullets{display:grid;gap:.5rem;margin:1.5rem 0 0;padding:0;color:var(--foundry-text-muted,#475569);font-size:.95rem;list-style:none}.foundry-video-hero__bullet{display:flex;align-items:flex-start;gap:.75rem}.foundry-video-hero__bullet-icon{display:inline-flex;flex:0 0 1.25rem;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;margin-top:.1rem;border-radius:999px;background:var(--foundry-text,#0f172a);color:var(--foundry-surface,#fff)}.foundry-video-hero__actions{display:flex;flex-wrap:wrap;gap:var(--foundry-action-gap-block,.75rem)var(--foundry-action-gap-inline,1rem);margin-top:2rem}.foundry-video-hero__frame{position:relative;min-height:0;overflow:hidden;border:1px solid var(--foundry-border,#e2e8f0);border-radius:var(--foundry-video-hero-frame-radius,1.5rem);background:var(--foundry-surface,#fff);box-shadow:var(--foundry-shadow-sm,0 1px 3px rgb(15 23 42/12%));aspect-ratio:16/9}.foundry-video-hero__video,.foundry-video-hero__poster,.foundry-video-hero__media-image{display:block;width:100%;height:100%;object-fit:cover}.foundry-video-hero__video{background:var(--foundry-video-hero-video-bg,#0f172a)}.foundry-video-hero__media-rotator{position:absolute;inset:0}.foundry-video-hero__media-image{position:absolute;inset:0}.foundry-video-hero__empty{display:grid;min-height:20rem;place-items:center;padding:2rem;color:var(--foundry-text-muted,#475569);text-align:center}.foundry-video-hero__source-note,.foundry-video-hero__caption,.foundry-video-hero__transcript{margin:.75rem 0 0;color:var(--foundry-text-muted,#475569);font-size:.9rem;line-height:1.55}.foundry-video-hero__source-note a,.foundry-video-hero__transcript a{color:var(--foundry-link,var(--foundry-brand-primary,#0f172a));text-decoration:underline;text-underline-offset:.18em}.foundry-video-hero__transcript summary{cursor:pointer;font-weight:700}.foundry-video-hero__transcript>div{margin-top:.65rem}.foundry-video-hero__scroll{--foundry-motion-scroll-cue-color:var(--foundry-text-muted, #475569)}@media(min-width:64rem){.foundry-video-hero__inner{grid-template-columns:minmax(0,1fr)minmax(0,1fr)}.foundry-video-hero--has-eyebrow .foundry-video-hero__media{margin-top:calc((.78rem * 1.4) + .75rem)}}@media(max-width:63.999rem){.foundry-video-hero .foundry-video-hero__scroll{display:none}}@media(max-width:40rem){.foundry-video-hero{padding-block:3.5rem}.foundry-video-hero__inner{padding-inline:var(--foundry-container-gutter-mobile,1rem)}.foundry-video-hero__empty{min-height:15rem}.foundry-video-hero__frame{width:min(100%,370px);margin-inline:auto}}@media(prefers-reduced-motion:reduce){.foundry-video-hero [data-motion-reveal],.foundry-video-hero [data-motion-kenburns]{animation:none!important;transition:none!important}}:where(.foundry-page-list,.foundry-page-list *){box-sizing:border-box}.foundry-page-list{width:100%;padding-block:var(--foundry-page-list-padding-block,clamp(3.75rem,8vw,7rem));color:var(--foundry-text,#0f172a)}.foundry-page-list__inner{width:min(100% - (2 * var(--foundry-page-gutter,clamp(1rem,4vw,4rem))),var(--foundry-content-max,72rem));margin-inline:auto}.foundry-page-list__header{max-width:var(--foundry-page-list-header-measure,46rem);margin-bottom:clamp(2rem,4vw,3.75rem)}.foundry-page-list__title{max-width:19ch;margin:0;font-family:var(--foundry-font-display,var(--foundry-font-heading,inherit));font-size:var(--foundry-page-list-title-size,clamp(2.15rem,4.8vw,4.5rem));font-weight:var(--foundry-type-display-weight,650);letter-spacing:var(--foundry-type-display-tracking,-.04em);line-height:var(--foundry-type-display-line-height,1);text-wrap:balance}.foundry-page-list__subtitle{max-width:60ch;margin-top:1.25rem;color:var(--foundry-text-muted,#475569);font-size:clamp(1rem,1.3vw,1.15rem);line-height:1.7}.foundry-page-list__subtitle>:first-child{margin-top:0}.foundry-page-list__subtitle>:last-child{margin-bottom:0}.foundry-page-list__grid,.foundry-page-list__list,.foundry-page-list__compact{margin:0;padding:0;list-style:none}.foundry-page-list__grid{display:grid;grid-template-columns:repeat(var(--foundry-page-list-columns,3),minmax(0,1fr));gap:clamp(1.25rem,2.5vw,2.25rem)}.foundry-page-list--columns-2{--foundry-page-list-columns:2}.foundry-page-list--columns-3{--foundry-page-list-columns:3}.foundry-page-list__grid-item,.foundry-page-list__card{min-width:0;height:100%}.foundry-page-list__card{display:grid;grid-template-rows:auto 1fr;overflow:hidden;border:1px solid var(--foundry-border,#e2e8f0);border-radius:var(--foundry-page-list-card-radius,var(--foundry-radius-lg,1.25rem));background:var(--foundry-surface,#ffffff);box-shadow:var(--foundry-page-list-card-shadow,var(--foundry-shadow-sm,0 1px 3px rgb(15 23 42/.1)))}.foundry-page-list__card--without-image{grid-template-rows:1fr}.foundry-page-list__card-content{display:flex;flex-direction:column;align-items:flex-start;padding:clamp(1.25rem,2.4vw,2rem)}.foundry-page-list__image-link{display:block;overflow:hidden;background:var(--foundry-surface-subtle,#f1f5f9)}.foundry-page-list__card>.foundry-page-list__image-link{aspect-ratio:var(--foundry-page-list-card-media-ratio,16/10);border-bottom:1px solid var(--foundry-border,#e2e8f0)}.foundry-page-list__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform 400ms var(--foundry-ease-standard,ease)}.foundry-page-list__image-link:hover .foundry-page-list__image{transform:scale(1.025)}.foundry-page-list__item-title{margin:0;font-family:var(--foundry-font-heading,inherit);font-size:clamp(1.3rem,2vw,1.8rem);letter-spacing:-.025em;line-height:1.12;text-wrap:balance}.foundry-page-list__item-title a,.foundry-page-list__compact-link{color:inherit;text-decoration:none;text-decoration-thickness:.08em;text-underline-offset:.18em}.foundry-page-list__item-title a:hover,.foundry-page-list__compact-link:hover .foundry-page-list__compact-title{text-decoration:underline}.foundry-page-list a:focus-visible{outline:.18rem solid var(--foundry-brand-accent,#2563eb);outline-offset:.22rem}.foundry-page-list__meta,.foundry-page-list__compact-meta{display:block;color:var(--foundry-text-muted,#475569);font-family:var(--foundry-font-family-ui,ui-sans-serif,system-ui,sans-serif);font-size:.72rem;font-weight:700;letter-spacing:.1em;line-height:1.35;text-transform:uppercase}.foundry-page-list__meta{margin-bottom:.8rem}.foundry-page-list__summary{margin:1rem 0 0;color:var(--foundry-text-muted,#475569);line-height:1.65}.foundry-page-list__actions{margin-top:auto;padding-top:1.35rem}.foundry-page-list__actions .foundry-button{min-height:2.75rem;padding-inline:0;background:0 0;box-shadow:none}.foundry-page-list__list{border-top:1px solid var(--foundry-border-strong,#cbd5e1)}.foundry-page-list__list-entry{padding-block:clamp(1.5rem,3vw,2.5rem);border-bottom:1px solid var(--foundry-border,#e2e8f0)}.foundry-page-list__list-item{display:grid;grid-template-columns:minmax(11rem,.34fr)minmax(0,1fr);gap:clamp(1.5rem,4vw,4rem);align-items:start}.foundry-page-list__list-item--without-image{grid-template-columns:minmax(0,1fr)}.foundry-page-list__list-item>.foundry-page-list__image-link{aspect-ratio:4/3;border-radius:var(--foundry-page-list-image-radius,var(--foundry-radius-md,.75rem))}.foundry-page-list__body{min-width:0}.foundry-page-list__compact{border-top:1px solid var(--foundry-border-strong,#cbd5e1)}.foundry-page-list__compact-item{border-bottom:1px solid var(--foundry-border,#e2e8f0)}.foundry-page-list__compact-link{display:grid;grid-template-columns:minmax(0,1fr)auto auto;gap:1rem;align-items:center;min-height:4rem;padding:1rem .25rem}.foundry-page-list__compact-title{min-width:0;font-family:var(--foundry-font-heading,inherit);font-size:clamp(1.05rem,1.7vw,1.35rem);font-weight:650;line-height:1.2}.foundry-page-list__compact-arrow{display:inline-flex;width:1.25rem;height:1.25rem;color:var(--foundry-brand-accent,var(--foundry-brand-primary,#2563eb))}.foundry-page-list__compact-arrow svg{width:100%;height:100%}.foundry-page-list__empty{padding:clamp(1.25rem,3vw,2rem);border:1px dashed var(--foundry-border-strong,#cbd5e1);border-radius:var(--foundry-radius-md,.75rem);background:var(--foundry-surface-subtle,#f8fafc);color:var(--foundry-text-muted,#475569)}.foundry-page-list__empty p{margin:0}:where(.foundry-content-feed,.foundry-content-feed *){box-sizing:border-box}.foundry-content-feed{width:100%;padding-block:var(--foundry-content-feed-padding-block,var(--foundry-section-space,clamp(3.75rem,8vw,7rem)));color:var(--foundry-text,#0f172a)}.foundry-content-feed--columns-2{--foundry-content-feed-columns:2}.foundry-content-feed--columns-3{--foundry-content-feed-columns:3}.foundry-content-feed--columns-4{--foundry-content-feed-columns:4}.foundry-content-feed__inner{width:min(100% - (2 * var(--foundry-page-gutter,clamp(1rem,4vw,4rem))),var(--foundry-content-feed-width,var(--foundry-content-max,72rem)));margin-inline:auto}.foundry-content-feed__eyebrow{margin:0;max-width:var(--foundry-content-feed-eyebrow-measure,34ch);color:var(--foundry-brand-primary,#0f172a);font-size:.78rem;font-weight:700;letter-spacing:var(--foundry-type-meta-tracking,.12em);text-transform:uppercase}.foundry-content-feed__title{max-width:var(--foundry-content-feed-title-measure,18ch);margin:clamp(.6rem,2.4vw,1rem)0 0;color:var(--foundry-text,#0f172a);font-family:var(--foundry-font-display,var(--foundry-font-heading,inherit));font-size:var(--foundry-section-title-size,clamp(2rem,4.5vw,3.75rem));font-weight:var(--foundry-type-display-weight,650);letter-spacing:var(--foundry-type-display-tracking,-.04em);line-height:1.03;text-wrap:balance}.foundry-content-feed__text{max-width:min(100%,var(--foundry-content-feed-text-measure,62ch));margin:1.1rem 0 0;color:var(--foundry-text-muted,#475569);font-size:1rem;line-height:1.72}.foundry-content-feed__text>*:first-child{margin-top:0}.foundry-content-feed__text>*:last-child{margin-bottom:0}.foundry-content-feed__list,.foundry-content-feed__compact,.foundry-content-feed__grid{margin:clamp(2.25rem,4vw,3.25rem)0 0;padding:0;list-style:none}.foundry-content-feed__list-item{min-width:0;padding:clamp(1rem,2.2vw,1.25rem);border:1px solid var(--foundry-border,#e2e8f0);border-radius:var(--foundry-radius-lg,1rem);background:var(--foundry-surface,#ffffff)}.foundry-content-feed__list{display:grid;gap:1rem}.foundry-content-feed__list-media-row{display:grid;grid-template-columns:minmax(11rem,.36fr)minmax(0,1fr);align-items:start;gap:clamp(1rem,3vw,1.4rem)}.foundry-content-feed__list-media-row--no-image{grid-template-columns:minmax(0,1fr)}.foundry-content-feed__media-link{display:block;overflow:hidden;border-radius:var(--foundry-radius-md,.75rem);background:var(--foundry-surface-subtle,#f8fafc)}.foundry-content-feed__media-image{display:block;width:100%;aspect-ratio:4/3;min-height:8rem;object-fit:cover}.foundry-content-feed__body{min-width:0}.foundry-content-feed__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem .7rem}.foundry-content-feed__badge{display:inline-flex;align-items:center;padding:.2rem .65rem;border-radius:999px;background:var(--foundry-surface-soft,#f8fafc);border:1px solid color-mix(in srgb,var(--foundry-border,#e2e8f0) 78%,transparent);color:var(--foundry-text-muted,#475569);font-size:.72rem;font-weight:700;letter-spacing:.1em;line-height:1.25;text-transform:uppercase}.foundry-content-feed__meta-date{margin-left:auto;color:var(--foundry-text-muted,#475569);font-family:var(--foundry-font-family-ui,ui-sans-serif,system-ui,sans-serif);font-size:.72rem;font-weight:700;line-height:1.4;letter-spacing:.1em;text-transform:uppercase}.foundry-content-feed__entry-title{margin:.65rem 0 0;font-family:var(--foundry-font-heading,inherit);font-size:clamp(1.35rem,2.6vw,1.85rem);line-height:1.14;text-wrap:balance}.foundry-content-feed__entry-title-link{color:inherit;text-decoration:none}.foundry-content-feed__entry-title a:hover,.foundry-content-feed__entry-title a:focus-visible{text-decoration:underline;text-underline-offset:.22em}.foundry-content-feed__entry-summary{margin:.85rem 0 0;color:var(--foundry-text-muted,#475569);line-height:1.7}.foundry-content-feed__compact-item{border-bottom:1px solid var(--foundry-border,#e2e8f0)}.foundry-content-feed__compact-item+.foundry-content-feed__compact-item{border-top:1px solid var(--foundry-border-strong,#cbd5e1)}.foundry-content-feed__compact-link{display:grid;grid-template-columns:minmax(0,1fr)auto;align-items:center;gap:.6rem 1rem;min-height:4rem;padding:1rem .15rem;text-decoration:none}.foundry-content-feed__compact-main{display:flex;align-items:baseline;gap:.6rem;min-width:0;flex-wrap:wrap}.foundry-content-feed__compact-title{font-family:var(--foundry-font-heading,inherit);font-size:clamp(1.05rem,1.7vw,1.35rem);font-weight:650;line-height:1.2}.foundry-content-feed__compact-date{color:var(--foundry-text-muted,#475569);font-family:var(--foundry-font-family-ui,ui-sans-serif,system-ui,sans-serif);font-size:.72rem;font-weight:700;letter-spacing:.1em;line-height:1.35;text-transform:uppercase}.foundry-content-feed__grid{display:grid;grid-template-columns:repeat(var(--foundry-content-feed-columns,3),minmax(0,1fr));gap:clamp(1rem,2.6vw,1.75rem)}.foundry-content-feed__card{display:grid;grid-template-rows:auto auto;min-width:0;border:1px solid var(--foundry-border,#e2e8f0);border-radius:var(--foundry-radius-lg,1rem);background:var(--foundry-surface,#ffffff);box-shadow:var(--foundry-content-feed-card-shadow,var(--foundry-shadow-sm,0 1px 3px rgb(15 23 42/.1)))}.foundry-content-feed__card-link{display:block;overflow:hidden;background:var(--foundry-surface-subtle,#f8fafc)}.foundry-content-feed__card-image{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.foundry-content-feed__card-placeholder{aspect-ratio:16/10;border:1px dashed var(--foundry-border,#e2e8f0);background:var(--foundry-surface-subtle,#f8fafc)}.foundry-content-feed__cta{margin-top:clamp(1.5rem,3vw,2rem)}.foundry-content-feed a{color:var(--foundry-text,#0f172a)}.foundry-content-feed a:focus-visible{outline:.16rem solid var(--foundry-brand-accent,#2563eb);outline-offset:.2rem}.foundry-content-feed__cta-button{min-height:2.9rem;padding-inline:0;color:var(--foundry-brand-primary,#0f172a);background:0 0;box-shadow:none}.foundry-content-feed__cta-button:hover{background:0 0}.foundry-content-feed__cta-button:focus-visible{outline:.16rem solid var(--foundry-brand-accent,#2563eb);outline-offset:.2rem}.foundry-content-feed__empty{margin-top:clamp(1.5rem,3vw,2rem);padding:clamp(1.25rem,3vw,2rem);border:1px dashed var(--foundry-border-strong,#cbd5e1);border-radius:var(--foundry-radius-md,.75rem);background:var(--foundry-surface-subtle,#f8fafc)}.foundry-content-feed__empty-text{margin:0;color:var(--foundry-text-muted,#475569)}.foundry-content-feed__card .foundry-content-feed__meta,.foundry-content-feed__card .foundry-content-feed__entry-title,.foundry-content-feed__card .foundry-content-feed__entry-summary{padding:0 clamp(1rem,2.2vw,1.35rem)}.foundry-content-feed__card .foundry-content-feed__meta{padding-top:1.05rem}.foundry-content-feed__card .foundry-content-feed__entry-title{padding-bottom:.35rem}.foundry-content-feed__card .foundry-content-feed__entry-summary{padding-bottom:1.1rem}@media(max-width:64rem){.foundry-content-feed__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.foundry-content-feed--columns-4{--foundry-content-feed-columns:2}}@media(max-width:48rem){.foundry-content-feed__inner{width:min(100%,calc(100% - 2 * var(--foundry-page-gutter,clamp(1rem,4vw,4rem))))}.foundry-content-feed__list-media-row{grid-template-columns:minmax(0,1fr);gap:1rem}.foundry-content-feed__media-image,.foundry-content-feed__card-image,.foundry-content-feed__card-placeholder{aspect-ratio:16/9}.foundry-content-feed__grid{grid-template-columns:minmax(0,1fr)}.foundry-content-feed--columns-3,.foundry-content-feed--columns-4,.foundry-content-feed--columns-2{--foundry-content-feed-columns:1}.foundry-content-feed__compact-link{grid-template-columns:minmax(0,1fr)}.foundry-content-feed__compact-date{grid-column:1}}@media(prefers-reduced-motion:reduce){.foundry-content-feed *{transition:none}}:where(.foundry-social-preview-grid,.foundry-social-preview-grid *){box-sizing:border-box}.foundry-social-preview-grid{width:100%;padding-block:var(--foundry-social-preview-grid-padding-block,var(--foundry-section-space,clamp(3rem,7vw,5rem)));color:var(--foundry-text,#0f172a)}.foundry-social-preview-grid--columns-2{--foundry-social-preview-grid-columns:2}.foundry-social-preview-grid--columns-3{--foundry-social-preview-grid-columns:3}.foundry-social-preview-grid--columns-4{--foundry-social-preview-grid-columns:4}.foundry-social-preview-grid--compact .foundry-social-preview-grid__grid{gap:clamp(.8rem,2vw,1.2rem)}.foundry-social-preview-grid__inner{width: min( 100% - (2 * var(--foundry-page-gutter, clamp(1rem, 4vw, 4rem))), var(--foundry-social-preview-grid-width, var(--foundry-content-max, 72rem))) ); margin-inline: auto; } .foundry-social-preview-grid__eyebrow { margin: 0; max-width: var(--foundry-social-preview-grid-eyebrow-measure, 34ch); color: var(--foundry-brand-primary, #0f172a); font-size: 0.78rem; font-weight: 700; letter-spacing: var(--foundry-type-meta-tracking, 0.12em); text-transform: uppercase; } .foundry-social-preview-grid__title { max-width: min(100%, 30ch); margin: clamp(0.55rem, 2.4vw, 1rem) 0 0; color: var(--foundry-text, #0f172a); font-family: var(--foundry-font-heading, inherit); font-size: var(--foundry-section-title-size, clamp(1.95rem, 4.5vw, 3.1rem)); font-weight: 650; line-height: 1.05; letter-spacing: -0.03em; } .foundry-social-preview-grid__text { max-width: min(100%, 64ch); margin: 1.1rem 0 0; color: var(--foundry-text-muted, #475569); font-size: 1rem; line-height: 1.7; } .foundry-social-preview-grid__text > *:first-child { margin-top: 0; } .foundry-social-preview-grid__text > *:last-child { margin-bottom: 0; } .foundry-social-preview-grid__grid { margin-top: clamp(1.75rem, 3.8vw, 2.8rem); display: grid; grid-template-columns: repeat(var(--foundry-social-preview-grid-columns, 3), minmax(0, 1fr)); gap: clamp(1rem, 2.4vw, 1.5rem); } .foundry-social-preview-grid__item { min-width: 0; border: 1px solid var(--foundry-border, #e2e8f0); border-radius: var(--foundry-radius, 1rem); background: var(--foundry-surface, #ffffff); overflow: hidden; box-shadow: var(--foundry-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.1)); } .foundry-social-preview-grid__item--sourced { scroll-margin-top: var(--foundry-scroll-offset, 0px); } .foundry-social-preview-grid__media { display: block; position: relative; margin: 0; background: var(--foundry-media-frame-bg, var(--foundry-surface-soft, #f8fafc)); border-bottom: 1px solid var(--foundry-border, #e2e8f0); overflow: hidden; } .foundry-social-preview-grid__media-frame { display: block; width: 100%; object-fit: cover; min-height: 12rem; } .foundry-social-preview-grid__media-frame--square { aspect-ratio: 1 / 1; } .foundry-social-preview-grid__media-frame--landscape { aspect-ratio: 4 / 3; } .foundry-social-preview-grid__media-frame--portrait { aspect-ratio: 3 / 4; } .foundry-social-preview-grid__media-frame--auto { aspect-ratio: auto; min-height: 14rem; } .foundry-social-preview-grid__video { display: block; border: 0; background: #000; } .foundry-social-preview-grid__image { display: block; } .foundry-social-preview-grid__embed { width: 100%; padding: clamp(0.95rem, 3vw, 1.25rem); display: grid; gap: 0.55rem; border: 1px solid var(--foundry-border, #e2e8f0); border-radius: var(--foundry-radius, 1rem); background: var(--foundry-surface-soft, #f8fafc); } .foundry-social-preview-grid__embed-title { margin: 0; color: var(--foundry-text, #0f172a); font-size: 0.95rem; font-weight: 650; line-height: 1.35; } .foundry-social-preview-grid__embed-text { margin: 0; color: var(--foundry-text-muted, #475569); font-size: 0.92rem; line-height: 1.5; } .foundry-social-preview-grid__embed-loader { margin: 0; } .foundry-social-preview-grid__embed-load { margin-top: 0.6rem; min-height: 2.4rem; min-width: 9rem; padding: 0.45rem 0.85rem; border: 1px solid var(--foundry-border-strong, #cbd5e1); border-radius: 999px; background: var(--foundry-surface, #ffffff); color: var(--foundry-text, #0f172a); font: inherit; font-size: 0.89rem; font-weight: 650; cursor: pointer; } .foundry-social-preview-grid__embed-load:hover, .foundry-social-preview-grid__embed-load:focus-visible { border-color: var(--foundry-brand-accent, #2563eb); } .foundry-social-preview-grid__embed-load:focus-visible { outline: 0.16rem solid var(--foundry-brand-accent, #2563eb); outline-offset: 0.16rem; } .foundry-social-preview-grid__embed-frame { border: 1px solid var(--foundry-border, #e2e8f0); border-radius: var(--foundry-radius-sm, 0.5rem); } .foundry-social-preview-grid__placeholder { display: flex; align-items: center; justify-content: center; text-align: center; padding: clamp(1rem, 3vw, 1.5rem); color: var(--foundry-text-muted, #475569); font-size: 0.9rem; line-height: 1.6; background: var(--foundry-surface-soft, #f8fafc); border: 1px solid var(--foundry-border, #e2e8f0); } .foundry-social-preview-grid__body { padding: clamp(0.9rem, 3vw, 1.1rem); } .foundry-social-preview-grid__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 0.55rem 0.7rem; } .foundry-social-preview-grid__badge, .foundry-social-preview-grid__meta-date { display: inline-flex; align-items: center; color: var(--foundry-text-muted, #475569); font-size: 0.75rem; font-weight: 700; line-height: 1.35; letter-spacing: 0.08em; text-transform: uppercase; } .foundry-social-preview-grid__badge { padding: 0.2rem 0.65rem; border-radius: 999px; border: 1px solid color-mix(in srgb, var(--foundry-border, #e2e8f0) 78%, transparent); background: var(--foundry-surface-soft, #f8fafc); white-space: nowrap; } .foundry-social-preview-grid__meta-date { margin-left: auto; } .foundry-social-preview-grid__item-title { margin: 0.65rem 0 0; color: var(--foundry-text, #0f172a); font-family: var(--foundry-font-heading, inherit); font-size: clamp(1.2rem, 2.4vw, 1.4rem); font-weight: 650; line-height: 1.2; } .foundry-social-preview-grid__caption { margin: 0.55rem 0 0; color: var(--foundry-text-muted, #475569); font-size: 0.95rem; line-height: 1.68; } .foundry-social-preview-grid__caption p { margin: 0; } .foundry-social-preview-grid__link { display: inline-flex; margin-top: 1rem; color: var(--foundry-brand-accent, #2563eb); text-decoration: none; font-size: 0.9rem; font-weight: 650; text-underline-offset: 0.2em; } .foundry-social-preview-grid__link:hover, .foundry-social-preview-grid__link:focus-visible { text-decoration: underline; } .foundry-social-preview-grid__link--inline { margin-top: 0; } .foundry-social-preview-grid__noscript { margin: 0.65rem 0 0; } .foundry-social-preview-grid__empty { margin-top: 1.25rem; padding: clamp(1.2rem, 2.8vw, 1.5rem); border: 1px dashed var(--foundry-border-strong, #cbd5e1); border-radius: var(--foundry-radius-md, 0.75rem); background: var(--foundry-surface-soft, #f8fafc); } .foundry-social-preview-grid__empty p { margin: 0; color: var(--foundry-text-muted, #475569); } @media (max-width: 70rem) { .foundry-social-preview-grid__grid { grid-template-columns: repeat(min(3, var(--foundry-social-preview-grid-columns, 3)), minmax(0, 1fr))}.foundry-social-preview-grid--columns-4,.foundry-social-preview-grid--columns-3{--foundry-social-preview-grid-columns:2}}@media(max-width:48rem){.foundry-social-preview-grid{padding-block:clamp(2.25rem,5.5vw,3.5rem)}.foundry-social-preview-grid__inner{width:min(100%,calc(100% - (2 * var(--foundry-page-gutter,clamp(1rem,4vw,4rem)))))}.foundry-social-preview-grid__grid{grid-template-columns:minmax(0,1fr)}.foundry-social-preview-grid__media-frame--auto{aspect-ratio:16/9;min-height:11rem}.foundry-social-preview-grid__meta{gap:.45rem .6rem}.foundry-social-preview-grid__meta-date{margin-left:0}}@media(prefers-reduced-motion:reduce){.foundry-social-preview-grid *{transition:none}}:where(.foundry-newsletter-inline,.foundry-newsletter-inline *){box-sizing:border-box}.foundry-newsletter-inline{width:100%;padding-block:var(--foundry-newsletter-inline-padding-block,var(--foundry-section-space,clamp(2rem,5vw,3.5rem)));color:var(--foundry-text,#0f172a)}.foundry-newsletter-inline__inner{width: min( 100% - (2 * var(--foundry-page-gutter, clamp(1rem, 4vw, 4rem))), var(--foundry-newsletter-inline-width, var(--foundry-content-max, 72rem))) ); margin-inline: auto; } .foundry-newsletter-inline__panel { padding: clamp(1.05rem, 3vw, 1.55rem); border: 1px solid var(--foundry-border, #e2e8f0); border-radius: var(--foundry-radius-lg, 1rem); background: var(--foundry-surface, #ffffff); display: grid; gap: 1rem; } .foundry-newsletter-inline--banner .foundry-newsletter-inline__panel, .foundry-newsletter-inline--card .foundry-newsletter-inline__panel { background: var(--foundry-surface-soft, #f8fafc); } .foundry-newsletter-inline__copy { min-width: 0; } .foundry-newsletter-inline__eyebrow { margin: 0; font-size: 0.78rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--foundry-text-muted, #475569); } .foundry-newsletter-inline__title { margin: 0.48rem 0 0; color: var(--foundry-text, #0f172a); font-family: var(--foundry-font-heading, inherit); font-size: clamp(1.55rem, 3vw, 2.25rem); line-height: 1.14; letter-spacing: -0.025em; } .foundry-newsletter-inline__text { margin-top: 0.75rem; color: var(--foundry-text-muted, #475569); font-size: 1rem; line-height: 1.65; } .foundry-newsletter-inline__text > *:first-child { margin-top: 0; } .foundry-newsletter-inline__text > *:last-child { margin-bottom: 0; } .foundry-newsletter-inline__managed-form { margin-top: 0.9rem; } .foundry-newsletter-inline__form { margin-top: 0.75rem; display: grid; gap: 0.7rem; } .foundry-newsletter-inline__input, .foundry-newsletter-inline__button { width: 100%; min-height: 2.8rem; border-radius: 999px; font: inherit; } .foundry-newsletter-inline__input { border: 1px solid var(--foundry-border, #e2e8f0); padding: 0.58rem 1rem; background: var(--foundry-surface, #ffffff); color: var(--foundry-text, #0f172a); } .foundry-newsletter-inline__input:focus-visible { outline: 0.16rem solid var(--foundry-brand-accent, #2563eb); outline-offset: 0.14rem; } .foundry-newsletter-inline__button { justify-self: stretch; border: 0; color: var(--foundry-text-on-dark, #ffffff); background: var(--foundry-brand-primary, #0f172a); font-weight: 700; font-size: 0.9rem; } .foundry-newsletter-inline__button:hover { filter: brightness(0.95); } .foundry-newsletter-inline__button:focus-visible { outline: 0.16rem solid var(--foundry-brand-accent, #2563eb); outline-offset: 0.2rem; } .foundry-newsletter-inline__managed-message, .foundry-newsletter-inline__privacy { margin-top: 0.8rem; color: var(--foundry-text-muted, #475569); } .foundry-newsletter-inline__privacy { font-size: 0.82rem; line-height: 1.55; } .foundry-newsletter-inline__sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .foundry-newsletter-inline--minimal .foundry-newsletter-inline__panel, .foundry-newsletter-inline--card .foundry-newsletter-inline__panel { padding: 1rem; } :where(.foundry-lead-magnet, .foundry-lead-magnet *, .foundry-coming-soon-footer, .foundry-coming-soon-footer *) { box-sizing: border-box; } .foundry-lead-magnet { width: 100%; padding-block: var(--foundry-section-space, clamp(3.5rem, 7vw, 5.5rem)); color: var(--foundry-text, #0f172a); } .foundry-lead-magnet__inner { width: min( 100% - (2 * var(--foundry-page-gutter, clamp(1rem, 4vw, 4rem))), var(--foundry-container-wide, var(--foundry-wide-container-max, 72rem))) ); margin-inline: auto; display: grid; gap: clamp(1.6rem, 4vw, 3rem); align-items: start; grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); } .foundry-lead-magnet__offer, .foundry-lead-magnet__form-area { min-width: 0; } .foundry-lead-magnet__title, .foundry-lead-magnet__form-title, .foundry-lead-magnet__offer-title { margin: 0; color: var(--foundry-text, #0f172a); font-family: var(--foundry-font-heading, inherit); } .foundry-lead-magnet__title { font-size: var(--foundry-section-title-size, clamp(2rem, 5vw, 2.8rem)); line-height: 1.03; letter-spacing: -0.03em; } .foundry-lead-magnet__text { max-width: var(--foundry-section-title-width, 70ch); margin: 0.65rem 0 0; color: var(--foundry-text-muted, #475569); font-size: 1rem; line-height: 1.65; } .foundry-lead-magnet__offer-card { margin-top: 1.25rem; padding: clamp(1rem, 2.8vw, 1.6rem); border: 1px solid var(--foundry-border, #e2e8f0); border-radius: var(--foundry-radius-lg, 1rem); background: var(--foundry-surface, #ffffff); } .foundry-lead-magnet__offer-title { font-size: clamp(1.25rem, 2.6vw, 1.6rem); line-height: 1.2; } .foundry-lead-magnet__offer-text { margin: 0.75rem 0 0; color: var(--foundry-text-muted, #475569); line-height: 1.65; } .foundry-lead-magnet__offer-link { display: inline-flex; margin-top: 0.95rem; color: var(--foundry-text, #0f172a); font-size: 0.94rem; font-weight: 650; text-decoration-thickness: 0.08rem; text-underline-offset: 0.45rem; } .foundry-lead-magnet__form-area { width: min(100%, var(--foundry-container-narrow, 38rem)); } .foundry-lead-magnet__form-panel { padding: clamp(1.1rem, 3vw, 1.8rem); border: 1px solid var(--foundry-border, #e2e8f0); border-radius: var(--foundry-radius-lg, 1rem); background: var(--foundry-surface-soft, #f8fafc); } .foundry-lead-magnet__form-title { font-size: clamp(1.35rem, 2.8vw, 1.8rem); line-height: 1.2; } .foundry-lead-magnet__form-text { margin: 0.7rem 0 0; color: var(--foundry-text-muted, #475569); line-height: 1.65; } .foundry-lead-magnet__managed-form, .foundry-lead-magnet__form { margin-top: 1rem; display: grid; gap: 0.75rem; } .foundry-lead-magnet__field { display: grid; gap: 0.45rem; color: var(--foundry-text-muted, #475569); font-size: 0.875rem; font-weight: 650; } .foundry-lead-magnet__input { width: 100%; min-height: 2.75rem; padding-inline: 0.9rem; padding-block: 0.75rem; border: 1px solid var(--foundry-border, #e2e8f0); border-radius: 0.75rem; background: var(--foundry-surface, #ffffff); color: var(--foundry-text, #0f172a); font: inherit; } .foundry-lead-magnet__submit { display: inline-flex; width: 100%; justify-content: center; align-items: center; min-height: 2.8rem; padding-inline: 1.15rem; border: 0; border-radius: var(--foundry-button-radius, 999px); background: var(--foundry-button-primary-bg, #0f172a); color: var(--foundry-button-primary-text, #ffffff); font: inherit; font-weight: 650; } .foundry-lead-magnet__form-warning { margin: 1.1rem 0 0; padding: 0.75rem 1rem; border: 1px solid var(--foundry-border, #e2e8f0); border-radius: 0.75rem; background: var(--foundry-surface, #ffffff); color: var(--foundry-text-muted, #475569); font-size: 0.875rem; line-height: 1.55; } .foundry-lead-magnet__privacy { margin: 0.75rem 0 0; color: var(--foundry-text-muted, #475569); font-size: 0.75rem; line-height: 1.55; } .foundry-lead-magnet__input:focus-visible, .foundry-lead-magnet__submit:focus-visible, .foundry-lead-magnet__offer-link:focus-visible { outline: 0.16rem solid var(--foundry-brand-accent, #3b82f6); outline-offset: 0.2rem; } .foundry-coming-soon-footer { width: 100%; padding-block: clamp(2rem, 4.5vw, 3.2rem); color: var(--foundry-text-muted, #475569); } .foundry-coming-soon-footer__inner { width: min( 100% - (2 * var(--foundry-page-gutter, clamp(1rem, 4vw, 4rem))), var(--foundry-container-wide, var(--foundry-wide-container-max, 72rem))) ); margin-inline: auto; } .foundry-coming-soon-footer__panel { display: grid; gap: clamp(1rem, 4vw, 2rem); grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; padding: clamp(1rem, 3vw, 1.6rem); border: 1px solid var(--foundry-border, #e2e8f0); border-radius: var(--foundry-radius-lg, 1rem); background: var(--foundry-surface-soft, #f8fafc); } .foundry-coming-soon-footer__logo { width: auto; max-width: min(100%, 11rem); max-height: 3rem; } .foundry-coming-soon-footer__tagline { margin: 0.7rem 0 0; color: var(--foundry-text-muted, #475569); line-height: 1.5; } .foundry-coming-soon-footer__heading { margin: 0; color: var(--foundry-text-muted, #475569); font-size: 0.74rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; } .foundry-coming-soon-footer__links { min-width: 0; display: grid; gap: 0.62rem; } .foundry-coming-soon-footer__address { margin: 0.4rem 0 0; display: grid; gap: 0.35rem; } .foundry-coming-soon-footer__address-line { display: block; } .foundry-coming-soon-footer__link, .foundry-coming-soon-footer__legal-link { display: inline-flex; color: var(--foundry-text, #0f172a); text-decoration-thickness: 0.08rem; text-underline-offset: 0.35rem; } .foundry-coming-soon-footer__legal-list { margin-top: 0.4rem; display: grid; gap: 0.35rem; } .foundry-coming-soon-footer__copy { margin-top: 0.95rem; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.55rem 0.95rem; font-size: 0.75rem; line-height: 1.45; } .foundry-coming-soon-footer__copy-item { display: inline-flex; } .foundry-coming-soon-footer__link:focus-visible, .foundry-coming-soon-footer__legal-link:focus-visible { outline: 0.16rem solid var(--foundry-brand-accent, #3b82f6); outline-offset: 0.16rem; } .foundry-routing-panels { width: 100%; padding-block: var(--foundry-section-space, clamp(3.5rem, 7vw, 5.5rem)); color: var(--foundry-text, #0f172a); } .foundry-routing-panels__inner { width: min( 100% - (2 * var(--foundry-page-gutter, clamp(1rem, 4vw, 4rem))), var(--foundry-container-wide, var(--foundry-wide-container-max, 72rem))) ); margin-inline: auto; display: grid; gap: 0.95rem; } .foundry-routing-panels__eyebrow { margin: 0; color: var(--foundry-brand-primary, #2563eb); font-size: 0.74rem; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; } .foundry-routing-panels__title, .foundry-routing-panels__card-title { margin: 0; color: var(--foundry-text, #0f172a); font-family: var(--foundry-font-heading, inherit); } .foundry-routing-panels__title { font-size: var(--foundry-section-title-size, clamp(2rem, 5vw, 2.8rem)); line-height: 1.03; letter-spacing: -0.03em; } .foundry-routing-panels__text { max-width: var(--foundry-section-title-width, 72ch); margin: 0.65rem 0 0; color: var(--foundry-text-muted, #475569); font-size: 1rem; line-height: 1.65; } .foundry-routing-panels__grid { margin-top: 1.55rem; display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr)); } .foundry-routing-panels__card { min-width: 0; padding: clamp(1rem, 3vw, 1.5rem); border: 1px solid var(--foundry-border, #e2e8f0); border-radius: var(--foundry-radius-lg, 1rem); background: var(--foundry-surface, #ffffff); display: grid; gap: 0.7rem; } .foundry-routing-panels__card-eyebrow { margin: 0; color: var(--foundry-text-muted, #475569); font-size: 0.78rem; font-weight: 700; letter-spacing: 0.13em; text-transform: uppercase; } .foundry-routing-panels__card-title { font-size: clamp(1.25rem, 2.6vw, 1.55rem); line-height: 1.2; } .foundry-routing-panels__card-text { color: var(--foundry-text-muted, #475569); line-height: 1.65; } .foundry-routing-panels__actions { margin-top: 0.5rem; display: flex; flex-wrap: wrap; align-items: center; gap: 0.65rem; } .foundry-map-coverage { width: 100%; padding-block: var(--foundry-section-space, clamp(3.5rem, 7vw, 5.5rem)); color: var(--foundry-text, #0f172a); } .foundry-map-coverage__inner { width: min( 100% - (2 * var(--foundry-page-gutter, clamp(1rem, 4vw, 4rem))), var(--foundry-container-wide, var(--foundry-wide-container-max, 72rem))) ); margin-inline: auto; display: grid; gap: 1.25rem; } .foundry-map-coverage--split .foundry-map-coverage__inner { grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); } .foundry-map-coverage--panel .foundry-map-coverage__inner, .foundry-map-coverage--list .foundry-map-coverage__inner { grid-template-columns: minmax(0, 1fr); } .foundry-map-coverage--list .foundry-map-coverage__inner { width: min( 100% - (2 * var(--foundry-page-gutter, clamp(1rem, 4vw, 4rem))), var(--foundry-container-narrow, 56rem) ); } .foundry-map-coverage--right .foundry-map-coverage__copy { order: 1; } .foundry-map-coverage--right .foundry-map-coverage__map { order: 2; } .foundry-map-coverage--left .foundry-map-coverage__copy { order: 2; } .foundry-map-coverage--left .foundry-map-coverage__map { order: 1; } .foundry-map-coverage__copy { min-width: 0; } .foundry-map-coverage__title, .foundry-map-coverage__stat-value, .foundry-map-coverage__placeholder-value { margin: 0; color: var(--foundry-text, #0f172a); font-family: var(--foundry-font-heading, inherit); } .foundry-map-coverage__title { font-size: var(--foundry-section-title-size, clamp(2rem, 5vw, 2.8rem)); line-height: 1.03; letter-spacing: -0.03em; } .foundry-map-coverage__subtitle { margin: 0.7rem 0 0; max-width: var(--foundry-section-title-width, 70ch); color: var(--foundry-text-muted, #475569); line-height: 1.65; } .foundry-map-coverage__note { margin: 1rem 0 0; color: var(--foundry-text-muted, #475569); line-height: 1.65; } .foundry-map-coverage__stats, .foundry-map-coverage__areas { margin-top: 1.2rem; display: grid; gap: 0.8rem; } .foundry-map-coverage__stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } .foundry-map-coverage__stats--inline { grid-template-columns: 1fr; } .foundry-map-coverage__stat { padding: 0.95rem 1rem; border: 1px solid var(--foundry-border, #e2e8f0); border-radius: var(--foundry-radius-lg, 1rem); background: var(--foundry-surface, #ffffff); } .foundry-map-coverage__stat-label { margin: 0.45rem 0 0; color: var(--foundry-text-muted, #475569); font-size: 0.75rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; } .foundry-map-coverage__stat-value { font-size: clamp(1.35rem, 2.6vw, 1.9rem); line-height: 1.1; } .foundry-map-coverage__markers { margin-top: 1rem; display: flex; flex-wrap: wrap; gap: 0.4rem; } .foundry-map-coverage__chip { display: inline-flex; min-height: 2rem; align-items: center; padding-inline: 0.8rem; padding-block: 0.38rem; border-radius: 999px; border: 1px solid var(--foundry-border, #e2e8f0); background: var(--foundry-surface, #ffffff); color: var(--foundry-text, #0f172a); font-size: 0.875rem; } .foundry-map-coverage__map { border: 1px solid var(--foundry-border, #e2e8f0); border-radius: var(--foundry-radius-lg, 1rem); background: var(--foundry-surface-soft, #f8fafc); min-width: 0; min-height: 18rem; padding: 1rem; display: grid; gap: 0.9rem; align-content: start; } .foundry-map-coverage__map--flush { padding: 0; } .foundry-map-coverage--split .foundry-map-coverage__map { align-self: start; } .foundry-map-coverage__image { width: 100%; max-width: 100%; min-height: 15rem; height: 100%; max-height: 19rem; object-fit: contain; display: block; } .foundry-map-coverage__placeholder { min-height: 14rem; padding: 1rem; border: 1px solid var(--foundry-border, #e2e8f0); border-radius: var(--foundry-radius-lg, 1rem); background: var(--foundry-surface, #ffffff); color: var(--foundry-text-muted, #475569); } .foundry-map-coverage__placeholder-title, .foundry-map-coverage__placeholder-caption { margin: 0; color: var(--foundry-text-muted, #475569); line-height: 1.45; } .foundry-map-coverage__placeholder-value { margin: 0.5rem 0 0; color: var(--foundry-text, #0f172a); font-size: clamp(1.8rem, 4vw, 2.4rem); line-height: 1.05; letter-spacing: -0.02em; } .foundry-map-coverage__areas { grid-template-columns: repeat(2, minmax(0, 1fr)); } .foundry-map-coverage__areas--list { grid-template-columns: 1fr; } .foundry-map-coverage__area { border: 1px solid var(--foundry-border, #e2e8f0); border-radius: 999px; padding-inline: 0.85rem; padding-block: 0.45rem; font-size: 0.875rem; font-weight: 650; text-decoration: none; } .foundry-map-coverage__area { color: var(--foundry-text, #0f172a); background: var(--foundry-surface, #ffffff); } .foundry-map-coverage__area--link:hover, .foundry-map-coverage__area--link:focus-visible { text-decoration-thickness: 0.08rem; text-underline-offset: 0.35rem; } .foundry-divider { width: 100%; color: var(--foundry-text-muted, #475569); } .foundry-divider--sm { padding-block: 1.2rem 0; } .foundry-divider--md { padding-block: clamp(2rem, 2.8vw, 3rem) 0; } .foundry-divider--lg { padding-block: clamp(3rem, 4vw, 4rem) 0; } .foundry-divider--xl { padding-block: clamp(4rem, 6vw, 5.5rem) 0; } .foundry-divider__inner { width: min( 100% - (2 * var(--foundry-page-gutter, clamp(1rem, 4vw, 4rem))), var(--foundry-container-wide, var(--foundry-wide-container-max, 72rem))) ); margin-inline: auto; } .foundry-divider__track { position: relative; min-height: 1px; } .foundry-divider__line { margin: 0; border: 0; border-top: 1px solid var(--foundry-border, #e2e8f0); } .foundry-divider__line--gradient { width: 100%; height: 1px; border-top: 0; background: linear-gradient(90deg, transparent, var(--foundry-surface-soft, #f8fafc), transparent); } .foundry-divider__spacer { width: 100%; border-top: 1px solid transparent; } .foundry-divider__wave { width: 100%; height: clamp(1rem, 3vw, 2.5rem); color: var(--foundry-border, #e2e8f0); fill: currentColor; } .foundry-divider__label { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: inline-flex; min-height: 1.5rem; padding-inline: 0.75rem; padding-block: 0.33rem; border: 1px solid var(--foundry-border, #e2e8f0); border-radius: 999px; background: var(--foundry-surface, #fff); color: var(--foundry-text-muted, #475569); font-size: 0.72rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; } .foundry-social-share { width: 100%; padding-block: var(--foundry-section-space, clamp(2.75rem, 5.5vw, 4rem)); color: var(--foundry-text, #0f172a); } .foundry-social-share__inner { width: min( 100% - (2 * var(--foundry-page-gutter, clamp(1rem, 4vw, 4rem))), var(--foundry-container-wide, var(--foundry-wide-container-max, 72rem))) ); margin-inline: auto; display: grid; gap: 0.85rem; } .foundry-social-share__title { margin: 0; color: var(--foundry-text, #0f172a); font-size: var(--foundry-section-title-size, clamp(1.6rem, 3.6vw, 2.2rem)); line-height: 1.06; letter-spacing: -0.025em; } .foundry-social-share__list { margin-top: 1rem; display: flex; flex-wrap: wrap; align-items: center; gap: 0.55rem 0.65rem; } .foundry-social-share__button { position: relative; display: inline-flex; min-height: 2.65rem; min-width: 2.65rem; align-items: center; justify-content: center; gap: 0.5rem; border: 1px solid var(--foundry-border, #e2e8f0); border-radius: 999px; padding: 0.52rem 1rem; background: var(--foundry-surface-soft, #f8fafc); color: var(--foundry-text, #0f172a); font-size: 0.92rem; font-weight: 650; line-height: 1.1; text-decoration: none; transition: transform var(--foundry-duration-base, 200ms) var(--foundry-ease-standard, ease), background-color var(--foundry-duration-base, 200ms) var(--foundry-ease-standard, ease); } .foundry-social-share__button:hover { background: color-mix(in srgb, var(--foundry-surface, #ffffff) 68%, var(--foundry-surface-soft, #f8fafc)); } .foundry-social-share__button:focus-visible { outline: 0.16rem solid var(--foundry-brand-accent, #3b82f6); outline-offset: 0.14rem; } .foundry-social-share__button-inner { display: inline-flex; align-items: center; gap: 0.45rem; } .foundry-social-share__icon { width: 1rem; height: 1rem; display: inline-block; color: currentColor; } .foundry-social-share__label { font-size: 0.9rem; } .foundry-social-share__status { margin: 1rem 0 0; min-height: 1.1rem; color: var(--foundry-text-muted, #475569); font-size: 0.82rem; } .foundry-social-share__sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .foundry-social-share--minimal .foundry-social-share__title, .foundry-social-share--minimal .foundry-social-share__status { text-align: center; } .foundry-social-share--minimal .foundry-social-share__list { justify-content: center; } .foundry-social-share--icons .foundry-social-share__button { width: 2.75rem; min-width: 2.75rem; padding-inline: 0.6rem; } .foundry-social-share--icons .foundry-social-share__label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } @media (max-width: 48rem) { .foundry-social-share__inner { width: min(100%, calc(100% - (2 * var(--foundry-page-gutter, clamp(1rem, 4vw, 4rem))))); } } @media (min-width: 48rem) { .foundry-map-coverage__stats--inline { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 48rem) { .foundry-lead-magnet__inner, .foundry-coming-soon-footer__panel { grid-template-columns: 1fr; } .foundry-coming-soon-footer__copy { flex-direction: column; align-items: flex-start; justify-content: flex-start; } } @media (min-width: 40rem) { .foundry-newsletter-inline__form, .foundry-newsletter-inline--banner .foundry-newsletter-inline__form { grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 0.7rem; } .foundry-newsletter-inline__button { width: fit-content; padding-inline: 1.25rem; justify-self: start; } .foundry-newsletter-inline--minimal .foundry-newsletter-inline__panel { grid-template-columns: minmax(0, 1fr); } } @media (max-width: 48rem) { .foundry-newsletter-inline__panel { padding: 1.05rem; } .foundry-newsletter-inline__inner { width: min(100%, calc(100% - (2 * var(--foundry-page-gutter, clamp(1rem, 4vw, 4rem))))); } } @media (prefers-reduced-motion: reduce) { .foundry-newsletter-inline * { transition: none; } } .foundry-related-posts { width: 100%; padding-block: var(--foundry-related-posts-padding-block, var(--foundry-section-space, clamp(2.5rem, 5.5vw, 4rem))); color: var(--foundry-text, #0f172a); } .foundry-related-posts__inner { width: min( 100% - (2 * var(--foundry-page-gutter, clamp(1rem, 4vw, 4rem))), var(--foundry-related-posts-width, var(--foundry-content-max, 72rem))) ); margin-inline: auto; } .foundry-related-posts__title { margin: 0; color: var(--foundry-text, #0f172a); font-family: var(--foundry-font-heading, inherit); font-size: var(--foundry-section-title-size, clamp(1.8rem, 4vw, 2.5rem)); line-height: 1.08; letter-spacing: -0.025em; } .foundry-related-posts__compact { margin-top: 1.3rem; display: grid; overflow-x: auto; overflow-y: hidden; padding-bottom: clamp(0.55rem, 2.2vw, 1.1rem); } .foundry-related-posts__compact-track { display: flex; gap: 0.95rem; min-width: min-content; } .foundry-related-posts__compact-item { width: min(15.5rem, 80vw); padding: 1rem; border: 1px solid var(--foundry-border, #e2e8f0); border-radius: var(--foundry-radius-lg, 1rem); background: var(--foundry-surface, #ffffff); box-shadow: var(--foundry-shadow-sm, 0 1px 3px rgb(15 23 42 / 10%)); } .foundry-related-posts__compact-item-date { margin: 0; color: var(--foundry-text-muted, #475569); font-size: 0.72rem; font-weight: 700; letter-spacing: 0.07em; text-transform: uppercase; } .foundry-related-posts__compact-item-title { margin: 0.55rem 0 0; color: var(--foundry-text, #0f172a); font-size: 0.95rem; font-weight: 650; line-height: 1.3; } .foundry-related-posts__grid { margin-top: 1.5rem; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; } .foundry-related-posts__card { min-width: 0; border: 1px solid var(--foundry-border, #e2e8f0); border-radius: var(--foundry-radius-lg, 1rem); background: var(--foundry-surface, #ffffff); padding: 1rem; box-shadow: var(--foundry-shadow-sm, 0 1px 3px rgb(15 23 42 / 10%)); display: grid; gap: 0.45rem; } .foundry-related-posts__card-media { border: 1px solid var(--foundry-border, #e2e8f0); border-radius: var(--foundry-radius-md, 0.75rem); overflow: hidden; aspect-ratio: 16 / 9; background: var(--foundry-surface-soft, #f8fafc); } .foundry-related-posts__image, .foundry-related-posts__image-placeholder { width: 100%; height: 100%; display: block; object-fit: cover; min-height: 100%; } .foundry-related-posts__image-placeholder { background: var(--foundry-surface-soft, #f8fafc); } .foundry-related-posts__card-date { margin: 0; color: var(--foundry-text-muted, #475569); font-size: 0.74rem; font-weight: 700; letter-spacing: 0.07em; text-transform: uppercase; } .foundry-related-posts__card-title { margin: 0; color: var(--foundry-text, #0f172a); font-size: 1.05rem; line-height: 1.25; font-weight: 650; } .foundry-related-posts__card-summary { margin: 0; color: var(--foundry-text-muted, #475569); line-height: 1.6; font-size: 0.93rem; } .foundry-related-posts__card-link { color: inherit; text-decoration: none; } .foundry-related-posts__card-link:hover, .foundry-related-posts__card-link:focus-visible, .foundry-related-posts__compact-item-title a:focus-visible { text-decoration: underline; } @media (max-width: 64rem) { .foundry-related-posts__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 48rem) { .foundry-related-posts__grid { grid-template-columns: minmax(0, 1fr); } .foundry-related-posts__inner { width: min(100%, calc(100% - (2 * var(--foundry-page-gutter, clamp(1rem, 4vw, 4rem))))); } } @media (prefers-reduced-motion: reduce) { .foundry-related-posts * { transition: none; } } .foundry-coming-soon-hero { padding-block: var(--foundry-coming-soon-hero-padding-block, clamp(3.5rem, 7vw, 5.5rem)); color: var(--foundry-text, #0f172a); } .foundry-coming-soon-hero__inner { width: min(100% - (2 * var(--foundry-page-gutter, clamp(1rem, 4vw, 4rem))), var(--foundry-coming-soon-hero-width, 42rem)); margin-inline: auto; } .foundry-coming-soon-hero__panel { display: grid; gap: clamp(1.1rem, 3vw, 1.6rem); padding: var(--foundry-coming-soon-hero-panel-padding, clamp(1.4rem, 3vw, 2.4rem)); border: 1px solid var(--foundry-border, #e2e8f0); border-radius: var(--foundry-radius-lg, 1rem); background: var(--foundry-surface, #ffffff); box-shadow: var(--foundry-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.1)); text-align: center; } .foundry-coming-soon-hero__logo { width: auto; max-width: min(100%, 15rem); max-height: 4rem; margin-inline: auto; } .foundry-coming-soon-hero__badge { width: fit-content; margin: 0 auto; border-radius: 999px; background: var(--foundry-brand-primary, #0f172a); color: var(--foundry-text-on-dark, #ffffff); font-size: 0.72rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; padding: 0.3rem 0.85rem; } .foundry-coming-soon-hero__title { margin: 0; color: var(--foundry-text, #0f172a); font-family: var(--foundry-font-heading, inherit); font-size: var(--foundry-type-display-size, clamp(2rem, 5vw, 4rem)); line-height: 1.03; letter-spacing: -0.045em; text-wrap: balance; } .foundry-coming-soon-hero__text { max-width: 72ch; margin-inline: auto; color: var(--foundry-text-muted, #475569); font-size: 1.04rem; line-height: 1.75; } .foundry-coming-soon-hero__signup-panel { margin-top: 0.35rem; padding: clamp(1.1rem, 3vw, 1.5rem); border: 1px solid var(--foundry-border, #e2e8f0); border-radius: var(--foundry-radius-md, 0.75rem); background: var(--foundry-surface-soft, #f8fafc); text-align: left; } .foundry-coming-soon-hero__signup-title { margin: 0; font-family: var(--foundry-font-heading, inherit); font-size: clamp(1.1rem, 2vw, 1.4rem); line-height: 1.2; } .foundry-coming-soon-hero__sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .foundry-coming-soon-hero__managed-form-wrapper { margin-top: 1rem; } .foundry-coming-soon-hero__form { margin-top: 1rem; display: grid; gap: 0.75rem; } .foundry-coming-soon-hero__input { width: 100%; min-height: 2.7rem; padding: 0.58rem 0.95rem; border: 1px solid var(--foundry-border, #e2e8f0); border-radius: 999px; background: var(--foundry-surface, #ffffff); color: var(--foundry-text, #0f172a); font: inherit; font-size: 0.96rem; } .foundry-coming-soon-hero__input:focus-visible { outline: 0.16rem solid var(--foundry-brand-accent, #2563eb); outline-offset: 0.15rem; } .foundry-coming-soon-hero__submit { justify-self: start; min-height: 2.75rem; padding-inline: 1.4rem; border: 0; border-radius: 999px; background: var(--foundry-brand-primary, #0f172a); color: var(--foundry-text-on-dark, #ffffff); font: inherit; font-size: 0.92rem; font-weight: 700; } .foundry-coming-soon-hero__submit:hover { filter: brightness(0.95); } .foundry-coming-soon-hero__submit:focus-visible { outline: 0.16rem solid var(--foundry-brand-accent, #2563eb); outline-offset: 0.2rem; } .foundry-coming-soon-hero__empty-form, .foundry-coming-soon-hero__privacy { margin: 1rem 0 0; color: var(--foundry-text-muted, #475569); } .foundry-coming-soon-hero__empty-form { border: 1px solid var(--foundry-border, #e2e8f0); border-radius: var(--foundry-radius-md, 0.75rem); background: var(--foundry-surface, #ffffff); padding: 0.85rem 1rem; font-size: 0.85rem; line-height: 1.55; } .foundry-coming-soon-hero__trust-list { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.65rem; } .foundry-coming-soon-hero__trust-badge { display: inline-flex; align-items: center; padding: 0.4rem 0.75rem; border: 1px solid var(--foundry-border, #e2e8f0); border-radius: 999px; background: var(--foundry-surface, #ffffff); color: var(--foundry-text-muted, #475569); font-size: 0.75rem; font-weight: 700; letter-spacing: 0.04em; } .foundry-coming-soon-hero__meta-card { margin-top: 0.45rem; padding: 1.2rem; border: 1px solid var(--foundry-border, #e2e8f0); border-radius: var(--foundry-radius-lg, 1rem); background: var(--foundry-surface-soft, #f8fafc); text-align: left; } .foundry-coming-soon-hero__meta-kicker { margin: 0; color: var(--foundry-text-muted, #475569); font-size: 0.78rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; } .foundry-coming-soon-hero__meta-text { margin: 0.4rem 0 0; color: var(--foundry-text-muted, #475569); font-size: 0.95rem; line-height: 1.7; } .foundry-coming-soon-hero__meta-link { display: inline-flex; margin-top: 0.55rem; color: var(--foundry-text, #0f172a); text-decoration: underline; text-underline-offset: 0.18em; font-size: 0.95rem; font-weight: 650; } @media (min-width: 40rem) { .foundry-coming-soon-hero__form { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: end; } .foundry-coming-soon-hero__submit { grid-column: 1 / -1; width: fit-content; } } @media (max-width: 64rem) { .foundry-page-list__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 48rem) { .foundry-page-list__grid { grid-template-columns: minmax(0, 1fr); } .foundry-page-list__list-item { grid-template-columns: minmax(0, 1fr); gap: 1.25rem; } .foundry-page-list__list-item > .foundry-page-list__image-link { aspect-ratio: 16 / 9; } } @media (max-width: 40rem) { .foundry-page-list__compact-link { grid-template-columns: minmax(0, 1fr) auto; gap: 0.4rem 1rem; } .foundry-page-list__compact-meta { grid-column: 1; } .foundry-page-list__compact-arrow { grid-column: 2; grid-row: 1 / span 2; } } @media (prefers-reduced-motion: reduce) { .foundry-page-list__image { transition: none; } .foundry-page-list__image-link:hover .foundry-page-list__image { transform: none; } } :where(.foundry-property-hero, .foundry-property-hero *) { box-sizing: border-box; } .foundry-property-hero { position: relative; display: flex; flex-direction: column; min-height: var(--foundry-property-hero-min-height, 100vh); overflow: hidden; } .foundry-property-hero__media, .foundry-property-hero__media-asset, .foundry-property-hero__fallback, .foundry-property-hero__overlay { position: absolute; inset: 0; } .foundry-property-hero__media { z-index: 0; } .foundry-property-hero__media-asset { width: 100%; height: 100%; object-fit: cover; object-position: var(--foundry-property-hero-object-position, center); } .foundry-property-hero__media-asset--kenburns { top: -5%; height: 110%; opacity: var(--foundry-property-hero-slide-opacity, 1); } .foundry-property-hero__fallback { background: var( --foundry-property-hero-fallback, linear-gradient(135deg, #0f1a12 0%, #1e3a2f 45%, #2d4a3e 100%) ); } .foundry-property-hero__overlay { z-index: 10; background: var(--ph-overlay); } .foundry-property-hero__vignette { position: absolute; right: 0; bottom: 0; left: 0; z-index: 11; height: 40%; background: linear-gradient(to top, rgba(4, 8, 18, 0.6), transparent); } .foundry-property-hero__content { position: relative; z-index: 20; display: flex; flex: 1; flex-direction: column; justify-content: flex-end; width: 100%; padding: 0 var(--foundry-container-gutter, 2rem) clamp(3rem, 7vw, 4rem); } .foundry-property-hero__content-inner { width: 100%; max-width: var(--foundry-property-hero-content-max, 40rem); margin-bottom: 0; } .foundry-property-hero--align-center .foundry-property-hero__content-inner { max-width: var(--foundry-property-hero-centered-content-max, 45rem); margin-inline: auto; text-align: center; } .foundry-property-hero__eyebrow, .foundry-property-hero__title, .foundry-property-hero__subtitle, .foundry-property-hero__text, .foundry-property-hero__stat-value, .foundry-property-hero__stat-label { margin-top: 0; } .foundry-property-hero__eyebrow { display: flex; align-items: center; gap: 0.6rem; margin-bottom: 1rem; color: var(--ph-eye-color); font-size: 0.72rem; font-weight: 700; letter-spacing: 0.25em; text-transform: uppercase; } .foundry-property-hero--align-center .foundry-property-hero__eyebrow { justify-content: center; } .foundry-property-hero__eyebrow-rule { display: inline-block; width: 2rem; height: 1px; flex: 0 0 2rem; background: var(--ph-eye-color); } .foundry-property-hero__title { margin-bottom: 0.75rem; color: var(--ph-text-color); font-family: var(--foundry-font-family-heading, "Playfair Display", serif); font-size: clamp(2.6rem, 7vw, 5.2rem); font-weight: 700; line-height: 1.05; letter-spacing: -0.02em; } .foundry-property-hero__subtitle { margin-bottom: 1.4rem; color: var(--ph-eye-color); font-size: 1.1rem; font-weight: 500; letter-spacing: 0.02em; } .foundry-property-hero__text { max-width: var(--foundry-property-hero-text-max, 32.5rem); margin-bottom: 2.4rem; color: var(--ph-muted-color); font-size: 1.05rem; line-height: 1.7; } .foundry-property-hero--align-center .foundry-property-hero__text { margin-inline: auto; } .foundry-property-hero__actions { display: flex; flex-wrap: wrap; gap: var(--foundry-action-gap-inline, 1rem); } .foundry-property-hero--align-center .foundry-property-hero__actions { justify-content: center; } .foundry-property-hero__action { display: inline-flex; align-items: center; justify-content: center; min-height: 2.75rem; gap: 0.5rem; padding: 0.85rem 2rem; border-radius: var(--foundry-button-radius, 0.4rem); color: var(--ph-text-color); font-size: 0.9rem; font-weight: 600; letter-spacing: 0.04em; text-decoration: none; text-transform: uppercase; transition: background-color 200ms, border-color 200ms, transform 200ms; } .foundry-property-hero__action--primary { background: var(--foundry-button-primary-bg, #8a4d1a); color: var(--foundry-button-primary-text, #faf6ef); font-weight: 700; } .foundry-property-hero__action--secondary { border: 1px solid rgba(242, 237, 228, 0.38); background: transparent; backdrop-filter: blur(8px); } .foundry-property-hero__action:hover { transform: translateY(-1px); } .foundry-property-hero__action:focus-visible { outline: 3px solid var(--ph-eye-color); outline-offset: 3px; } .foundry-property-hero__stats { position: relative; z-index: 20; display: flex; flex-wrap: wrap; gap: 0; border-top: 1px solid rgba(242, 237, 228, 0.15); } .foundry-property-hero__stat { flex: 1 1 7.5rem; min-width: 7.5rem; padding: 1.5rem var(--foundry-container-gutter, 2rem); border-right: 1px solid rgba(242, 237, 228, 0.12); } .foundry-property-hero__stat:last-child { border-right: 0; } .foundry-property-hero__stat-value { margin-bottom: 0.25rem; color: var(--ph-text-color); font-family: var(--foundry-font-family-heading, "Playfair Display", serif); font-size: 2rem; font-weight: 700; line-height: 1; } .foundry-property-hero__stat-label { margin-bottom: 0; color: var(--ph-muted-color); font-size: 0.72rem; letter-spacing: 0.12em; text-transform: uppercase; } .foundry-property-hero__scroll { z-index: 30; --foundry-motion-scroll-cue-color: var(--ph-muted-color); --foundry-motion-scroll-cue-opacity: 0.82; } @media (max-width: 640px) { .foundry-property-hero { min-height: 85vh; } .foundry-property-hero__content { padding-inline: var(--foundry-container-gutter, 1.25rem); } .foundry-property-hero__stat { padding-inline: var(--foundry-container-gutter, 1.25rem); } .foundry-property-hero__scroll { display: none; } } @media (prefers-reduced-motion: reduce) { .foundry-property-hero__action { transition: none; } .foundry-property-hero__action:hover { transform: none; } } .foundry-audio-player { padding-block: clamp(3.5rem, 7vw, 5rem); } .foundry-audio-player__inner { width: min(100% - 3rem, var(--foundry-wide-container-max, 72rem)); margin-inline: auto; } .foundry-audio-player__shell, .foundry-audio-player__empty { border: 1px solid var(--foundry-border, #e2e8f0); border-radius: 1.5rem; background: var(--foundry-surface, #ffffff); color: var(--foundry-text, #0f172a); } .foundry-audio-player__shell { padding: clamp(1.25rem, 3vw, 2rem); box-shadow: 0 1.25rem 3.5rem rgb(15 23 42 / 8%); } .foundry-audio-player--minimal .foundry-audio-player__shell { border-radius: 1rem; padding: 1rem; box-shadow: none; } .foundry-audio-player__empty { padding: 1.25rem; color: var(--foundry-text-muted, #475569); } .foundry-audio-player__layout, .foundry-audio-player__content { min-width: 0; } .foundry-audio-player--podcast .foundry-audio-player__layout { display: grid; grid-template-columns: minmax(0, 12.5rem) minmax(0, 1fr); align-items: start; gap: clamp(1.5rem, 4vw, 3rem); } .foundry-audio-player__cover { display: grid; width: 100%; aspect-ratio: 1; place-items: center; overflow: hidden; border: 1px solid var(--foundry-border, #e2e8f0); border-radius: 1.25rem; background: var(--foundry-surface-soft, #f1f5f9); color: var(--foundry-text-muted, #475569); } .foundry-audio-player__cover-image { width: 100%; height: 100%; object-fit: cover; } .foundry-audio-player__cover-letter { font-size: clamp(3rem, 8vw, 5rem); font-weight: 750; line-height: 1; } .foundry-audio-player__show { margin: 0; color: var(--foundry-text-muted, #475569); font-size: 0.75rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; } .foundry-audio-player__title { max-width: 30ch; margin: 0.45rem 0 0; color: var(--foundry-text, #0f172a); font-size: clamp(1.5rem, 3vw, 2rem); font-weight: 750; letter-spacing: -0.025em; line-height: 1.12; } .foundry-audio-player__meta { display: flex; flex-wrap: wrap; gap: 0.5rem 1rem; margin-top: 0.75rem; color: var(--foundry-text-muted, #475569); font-size: 0.875rem; } .foundry-audio-player__description, .foundry-audio-player__transcript-body { color: var(--foundry-text-muted, #475569); line-height: 1.65; } .foundry-audio-player__description { max-width: 48rem; margin-top: 1rem; font-size: 0.95rem; } .foundry-audio-player__description > :first-child, .foundry-audio-player__transcript-body > :first-child { margin-top: 0; } .foundry-audio-player__description > :last-child, .foundry-audio-player__transcript-body > :last-child { margin-bottom: 0; } .foundry-audio-player__native { display: block; width: 100%; margin-top: 1.5rem; } .foundry-audio-player__assistive { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); } .foundry-audio-player__controls { display: none; margin-top: 1.5rem; } .foundry-audio-player__shell[data-foundry-audio-player-ready="true"] .foundry-audio-player__native { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .foundry-audio-player__shell[data-foundry-audio-player-ready="true"] .foundry-audio-player__controls { display: block; } .foundry-audio-player__primary, .foundry-audio-player__secondary, .foundry-audio-player__timeline, .foundry-audio-player__volume, .foundry-audio-player__speed, .foundry-audio-player__download { display: flex; align-items: center; } .foundry-audio-player__primary { gap: 0.875rem; } .foundry-audio-player__timeline { flex: 1 1 14rem; min-width: 0; gap: 0.75rem; } .foundry-audio-player__secondary { flex-wrap: wrap; gap: 0.75rem; margin-top: 1rem; padding-left: 3.875rem; } .foundry-audio-player__toggle { display: inline-grid; flex: 0 0 3rem; width: 3rem; height: 3rem; padding: 0; place-items: center; border: 1px solid var(--foundry-audio-control, var(--foundry-text, #0f172a)); border-radius: 999px; background: var(--foundry-audio-control, var(--foundry-text, #0f172a)); color: var(--foundry-audio-control-text, var(--foundry-surface, #ffffff)); cursor: pointer; } .foundry-audio-player__toggle:hover { filter: brightness(1.12); } .foundry-audio-player__icon, .foundry-audio-player__volume-icon { display: inline-grid; place-items: center; } .foundry-audio-player__icon[hidden] { display: none; } .foundry-audio-player__icon-svg { width: 1.4rem; height: 1.4rem; } .foundry-audio-player__time { flex: 0 0 auto; min-width: 2.6rem; color: var(--foundry-text-muted, #475569); font-size: 0.75rem; font-variant-numeric: tabular-nums; font-weight: 650; } .foundry-audio-player__time:last-child { text-align: right; } .foundry-audio-player__progress, .foundry-audio-player__volume-range { appearance: none; min-width: 0; height: 0.5rem; border-radius: 999px; background: linear-gradient( to right, var(--foundry-audio-control, var(--foundry-text, #0f172a)) 0%, var(--foundry-audio-control, var(--foundry-text, #0f172a)) var(--foundry-audio-progress, 0%), var(--foundry-border, #e2e8f0) var(--foundry-audio-progress, 0%), var(--foundry-border, #e2e8f0) 100% ); cursor: pointer; } .foundry-audio-player__progress { flex: 1 1 auto; width: 100%; } .foundry-audio-player__volume { min-height: 2.75rem; gap: 0.5rem; } .foundry-audio-player__volume-svg, .foundry-audio-player__download-icon { width: 1rem; height: 1rem; } .foundry-audio-player__volume-range { width: 7rem; --foundry-audio-progress: 100%; } .foundry-audio-player__progress::-webkit-slider-thumb, .foundry-audio-player__volume-range::-webkit-slider-thumb { appearance: none; width: 1rem; height: 1rem; border: 2px solid var(--foundry-surface, #ffffff); border-radius: 999px; background: var(--foundry-audio-control, var(--foundry-text, #0f172a)); box-shadow: 0 0 0 1px var(--foundry-audio-control, var(--foundry-text, #0f172a)); } .foundry-audio-player__progress::-moz-range-thumb, .foundry-audio-player__volume-range::-moz-range-thumb { width: 0.75rem; height: 0.75rem; border: 2px solid var(--foundry-surface, #ffffff); border-radius: 999px; background: var(--foundry-audio-control, var(--foundry-text, #0f172a)); box-shadow: 0 0 0 1px var(--foundry-audio-control, var(--foundry-text, #0f172a)); } .foundry-audio-player__progress:disabled { cursor: not-allowed; opacity: 0.62; } .foundry-audio-player__speed { gap: 0.5rem; color: var(--foundry-text-muted, #475569); font-size: 0.75rem; font-weight: 650; } .foundry-audio-player__speed-select, .foundry-audio-player__download { min-height: 2.75rem; border: 1px solid var(--foundry-border, #e2e8f0); border-radius: 999px; background: var(--foundry-surface, #ffffff); color: var(--foundry-text, #0f172a); font: inherit; } .foundry-audio-player__speed-select { height: 2.75rem; padding: 0.55rem 2rem 0.55rem 0.85rem; } .foundry-audio-player__download { gap: 0.45rem; padding: 0.55rem 1rem; font-size: 0.75rem; font-weight: 700; text-decoration: none; } .foundry-audio-player__download:hover { background: var(--foundry-surface-soft, #f8fafc); } .foundry-audio-player__transcript { margin-top: 1.5rem; padding: 0.25rem 1rem; border: 1px solid var(--foundry-border, #e2e8f0); border-radius: 1rem; background: var(--foundry-surface-soft, #f8fafc); } .foundry-audio-player__transcript-summary { min-height: 2.75rem; padding-block: 0.7rem; color: var(--foundry-text, #0f172a); font-size: 0.875rem; font-weight: 700; cursor: pointer; } .foundry-audio-player__transcript-body { padding: 0.25rem 0 1rem; font-size: 0.9rem; } .foundry-audio-player__toggle:focus-visible, .foundry-audio-player__progress:focus-visible, .foundry-audio-player__volume-range:focus-visible, .foundry-audio-player__speed-select:focus-visible, .foundry-audio-player__download:focus-visible, .foundry-audio-player__transcript-summary:focus-visible { outline: 3px solid var(--foundry-focus, #2563eb); outline-offset: 3px; } @media (max-width: 44rem) { .foundry-audio-player__inner { width: min(100% - 2rem, var(--foundry-wide-container-max, 72rem)); } .foundry-audio-player--podcast .foundry-audio-player__layout { grid-template-columns: minmax(0, 1fr); } .foundry-audio-player__cover { width: min(100%, 18rem); } .foundry-audio-player__primary { align-items: flex-start; flex-wrap: wrap; } .foundry-audio-player__timeline { flex-basis: calc(100% - 3.875rem); } .foundry-audio-player__secondary { padding-left: 0; } .foundry-audio-player__volume { display: none; } } .foundry-testimonials-carousel, .foundry-testimonials-carousel * { box-sizing: border-box; } .foundry-testimonials-carousel { --foundry-testimonial-carousel-ink: var(--color-text, #1e2430); --foundry-testimonial-carousel-muted: var(--color-text-muted, #5f6672); --foundry-testimonial-carousel-surface: var(--color-surface, #fff); --foundry-testimonial-carousel-soft: var(--color-surface-alt, #f3f4f1); --foundry-testimonial-carousel-accent: var(--color-primary, #315c4d); --foundry-testimonial-carousel-rule: color-mix(in srgb, var(--foundry-testimonial-carousel-ink) 18%, transparent); --foundry-testimonial-carousel-radius: var(--radius-lg, 1.25rem); padding-block: clamp(4rem, 8vw, 8rem); overflow: hidden; color: var(--foundry-testimonial-carousel-ink); background: var(--foundry-testimonial-carousel-background, transparent); } .foundry-testimonials-carousel__inner { width: min(100% - 2rem, var(--container-xl, 76rem)); margin-inline: auto; } .foundry-testimonials-carousel__header { display: grid; grid-template-columns: minmax(0, 0.75fr) minmax(14rem, 0.25fr); gap: 1rem clamp(2rem, 6vw, 6rem); align-items: end; margin-block-end: clamp(2rem, 5vw, 4rem); } .foundry-testimonials-carousel__eyebrow { grid-column: 1 / -1; margin: 0; color: var(--foundry-testimonial-carousel-accent); font-size: 0.72rem; font-weight: 750; letter-spacing: 0.14em; text-transform: uppercase; } .foundry-testimonials-carousel__title { max-width: 17ch; margin: 0; font-family: var(--font-display, var(--font-heading, serif)); font-size: clamp(2.35rem, 5.4vw, 5.25rem); font-weight: 620; letter-spacing: -0.045em; line-height: 0.98; text-wrap: balance; } .foundry-testimonials-carousel__subtitle { max-width: 34rem; color: var(--foundry-testimonial-carousel-muted); font-size: 1rem; line-height: 1.65; } .foundry-testimonials-carousel__subtitle > :first-child, .foundry-testimonials-carousel__quote p { margin-block-start: 0; } .foundry-testimonials-carousel__subtitle > :last-child, .foundry-testimonials-carousel__quote p { margin-block-end: 0; } .foundry-testimonials-carousel__cue { grid-column: 1 / -1; display: flex; gap: 0.8rem; align-items: center; margin: 1rem 0 0; color: var(--foundry-testimonial-carousel-muted); font-size: 0.68rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; } .foundry-testimonials-carousel__cue-line { width: clamp(2rem, 7vw, 6rem); height: 1px; background: var(--foundry-testimonial-carousel-rule); } .foundry-testimonials-carousel__viewport { width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; scroll-padding-inline: 1px; scrollbar-color: var(--foundry-testimonial-carousel-accent) transparent; scrollbar-width: thin; outline: none; } .foundry-testimonials-carousel__viewport:focus-visible { outline: 3px solid color-mix(in srgb, var(--foundry-testimonial-carousel-accent) 55%, transparent); outline-offset: 5px; } .foundry-testimonials-carousel__track { display: flex; gap: clamp(1rem, 2.5vw, 2rem); width: max-content; max-width: none; padding-block-end: 1.25rem; scroll-snap-type: x mandatory; } .foundry-testimonials-carousel__item { display: grid; grid-template-rows: 1fr auto auto; width: clamp(18rem, 32vw, 25rem); min-height: clamp(22rem, 34vw, 29rem); margin: 0; padding: clamp(1.5rem, 3vw, 2.5rem); border: 1px solid var(--foundry-testimonial-carousel-rule); border-radius: var(--foundry-testimonial-carousel-radius); scroll-snap-align: start; background: var(--foundry-testimonial-carousel-surface); } .foundry-testimonials-carousel__mark { display: block; height: 3.5rem; color: var(--foundry-testimonial-carousel-accent); font-family: Georgia, serif; font-size: 5rem; line-height: 1; } .foundry-testimonials-carousel__quote { margin: 1.25rem 0 0; font-family: var(--font-heading, var(--font-sans, sans-serif)); font-size: clamp(1.15rem, 1.8vw, 1.55rem); font-weight: 560; line-height: 1.45; text-wrap: pretty; } .foundry-testimonials-carousel__rating { margin: 1.5rem 0 0; color: var(--foundry-testimonial-carousel-rating, #9a6900); font-size: 0.78rem; letter-spacing: 0.14em; } .foundry-testimonials-carousel__attribution { display: flex; gap: 0.85rem; align-items: center; margin-block-start: 1.5rem; padding-block-start: 1.15rem; border-block-start: 1px solid var(--foundry-testimonial-carousel-rule); } .foundry-testimonials-carousel__avatar { flex: 0 0 auto; width: 3rem; height: 3rem; border-radius: 50%; object-fit: cover; } .foundry-testimonials-carousel__person { display: grid; gap: 0.18rem; min-width: 0; } .foundry-testimonials-carousel__author { font-size: 0.92rem; line-height: 1.3; } .foundry-testimonials-carousel__role { color: var(--foundry-testimonial-carousel-muted); font-size: 0.75rem; line-height: 1.4; } .foundry-testimonials-carousel__source { display: inline-flex; align-items: center; width: fit-content; min-height: 2.75rem; color: var(--foundry-testimonial-carousel-accent); font-size: 0.75rem; font-weight: 700; text-underline-offset: 0.2em; } .foundry-testimonials-carousel__source:focus-visible { outline: 3px solid color-mix(in srgb, var(--foundry-testimonial-carousel-accent) 55%, transparent); outline-offset: 3px; } .foundry-testimonials-carousel__empty { margin: 0; padding: 1rem; border: 1px dashed var(--foundry-testimonial-carousel-rule); color: var(--foundry-testimonial-carousel-muted); } .foundry-testimonials-carousel--spotlight .foundry-testimonials-carousel__track { align-items: stretch; } .foundry-testimonials-carousel--spotlight .foundry-testimonials-carousel__item--lead { grid-template-columns: minmax(0, 1fr) minmax(12rem, 0.38fr); grid-template-rows: 1fr auto; column-gap: clamp(2rem, 5vw, 5rem); width: clamp(38rem, 62vw, 47rem); color: var(--foundry-testimonial-carousel-spotlight-ink, #fff); background: var(--foundry-testimonial-carousel-spotlight, var(--foundry-testimonial-carousel-accent)); } .foundry-testimonials-carousel--spotlight .foundry-testimonials-carousel__item--lead .foundry-testimonials-carousel__quote { max-width: 30ch; font-size: clamp(1.8rem, 3.5vw, 3.4rem); line-height: 1.16; } .foundry-testimonials-carousel--spotlight .foundry-testimonials-carousel__item--lead .foundry-testimonials-carousel__mark, .foundry-testimonials-carousel--spotlight .foundry-testimonials-carousel__item--lead .foundry-testimonials-carousel__rating, .foundry-testimonials-carousel--spotlight .foundry-testimonials-carousel__item--lead .foundry-testimonials-carousel__role, .foundry-testimonials-carousel--spotlight .foundry-testimonials-carousel__item--lead .foundry-testimonials-carousel__source { color: color-mix(in srgb, var(--foundry-testimonial-carousel-spotlight-ink, #fff) 78%, transparent); } .foundry-testimonials-carousel--spotlight .foundry-testimonials-carousel__item--lead .foundry-testimonials-carousel__attribution { grid-column: 2; grid-row: 1 / span 2; align-self: end; border-color: color-mix(in srgb, currentColor 28%, transparent); } .foundry-testimonials-carousel--spotlight .foundry-testimonials-carousel__item--lead .foundry-testimonials-carousel__rating { grid-column: 1; } .foundry-testimonials-carousel--compact .foundry-testimonials-carousel__item { grid-template-columns: minmax(0, 1fr); grid-template-rows: 1fr auto; width: clamp(22rem, 43vw, 34rem); min-height: 17rem; padding: 1.5rem 0; border-width: 1px 0; border-radius: 0; background: transparent; } .foundry-testimonials-carousel--compact .foundry-testimonials-carousel__quote-area { display: grid; grid-template-columns: 2.5rem minmax(0, 1fr); column-gap: 1.25rem; align-content: start; } .foundry-testimonials-carousel--compact .foundry-testimonials-carousel__mark { grid-column: 1; grid-row: 1; width: 2.5rem; font-size: 4rem; } .foundry-testimonials-carousel--compact .foundry-testimonials-carousel__quote { grid-column: 2; grid-row: 1; margin-block-start: 0; font-size: 1.08rem; } .foundry-testimonials-carousel--compact .foundry-testimonials-carousel__rating { display: none; } .foundry-testimonials-carousel--compact .foundry-testimonials-carousel__attribution { grid-column: 1; margin-block-start: 1rem; padding-inline-start: 3.75rem; padding-block-start: 0.85rem; } @media (max-width: 48rem) { .foundry-testimonials-carousel__inner { width: min(100% - 1.25rem, var(--container-xl, 76rem)); } .foundry-testimonials-carousel__header { grid-template-columns: minmax(0, 1fr); } .foundry-testimonials-carousel__title, .foundry-testimonials-carousel__subtitle { max-width: none; } .foundry-testimonials-carousel__item, .foundry-testimonials-carousel--compact .foundry-testimonials-carousel__item { width: calc(100vw - 2.5rem); } .foundry-testimonials-carousel--spotlight .foundry-testimonials-carousel__item--lead { grid-template-columns: minmax(0, 1fr); grid-template-rows: 1fr auto auto; width: calc(100vw - 2.5rem); } .foundry-testimonials-carousel--spotlight .foundry-testimonials-carousel__item--lead .foundry-testimonials-carousel__attribution, .foundry-testimonials-carousel--spotlight .foundry-testimonials-carousel__item--lead .foundry-testimonials-carousel__rating { grid-column: 1; grid-row: auto; } .foundry-testimonials-carousel--spotlight .foundry-testimonials-carousel__item--lead .foundry-testimonials-carousel__quote { font-size: clamp(1.45rem, 7vw, 2.15rem); } } .foundry-faq-cta, .foundry-faq-cta * { box-sizing: border-box; } .foundry-faq-cta { --foundry-faq-cta-ink: var(--color-text, #1d2430); --foundry-faq-cta-muted: var(--color-text-muted, #626a78); --foundry-faq-cta-surface: var(--color-surface, #fff); --foundry-faq-cta-soft: var(--color-surface-alt, #f3f5f2); --foundry-faq-cta-accent: var(--color-primary, #315c4d); --foundry-faq-cta-rule: color-mix(in srgb, var(--foundry-faq-cta-ink) 18%, transparent); --foundry-faq-cta-radius: var(--radius-lg, 1.25rem); --foundry-faq-cta-handoff: var(--foundry-faq-cta-accent); --foundry-faq-cta-handoff-ink: #fff; padding-block: clamp(4rem, 8vw, 8rem); color: var(--foundry-faq-cta-ink); background: var(--foundry-faq-cta-background, transparent); } .foundry-faq-cta__inner { width: min(100% - 2rem, var(--container-xl, 76rem)); margin-inline: auto; } .foundry-faq-cta__header { display: grid; grid-template-columns: minmax(0, 0.72fr) minmax(15rem, 0.28fr); gap: 1rem clamp(2rem, 6vw, 6rem); align-items: end; margin-block-end: clamp(2.5rem, 5vw, 4.5rem); } .foundry-faq-cta__eyebrow { grid-column: 1 / -1; margin: 0; color: var(--foundry-faq-cta-accent); font-size: 0.72rem; font-weight: 750; letter-spacing: 0.14em; text-transform: uppercase; } .foundry-faq-cta__title { max-width: 16ch; margin: 0; font-family: var(--font-display, var(--font-heading, serif)); font-size: clamp(2.5rem, 5vw, 5.1rem); font-weight: 620; letter-spacing: -0.045em; line-height: 0.98; text-wrap: balance; } .foundry-faq-cta__intro { max-width: 34rem; color: var(--foundry-faq-cta-muted); font-size: 1rem; line-height: 1.65; } .foundry-faq-cta__intro > :first-child, .foundry-faq-cta__answer > :first-child, .foundry-faq-cta__handoff-text > :first-child { margin-block-start: 0; } .foundry-faq-cta__intro > :last-child, .foundry-faq-cta__answer > :last-child, .foundry-faq-cta__handoff-text > :last-child { margin-block-end: 0; } .foundry-faq-cta__body { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(20rem, 0.75fr); gap: clamp(2rem, 5vw, 5rem); align-items: start; } .foundry-faq-cta__questions { display: grid; gap: 0.85rem; min-width: 0; } .foundry-faq-cta__item { border: 1px solid var(--foundry-faq-cta-rule); border-radius: var(--foundry-faq-cta-radius); background: var(--foundry-faq-cta-surface); } .foundry-faq-cta__summary { display: flex; gap: 1.5rem; align-items: center; justify-content: space-between; min-height: 4.5rem; padding: 1.2rem clamp(1.25rem, 2.5vw, 2rem); cursor: pointer; font-family: var(--font-heading, var(--font-sans, sans-serif)); font-size: clamp(1rem, 1.5vw, 1.18rem); font-weight: 650; line-height: 1.35; list-style: none; } .foundry-faq-cta__summary::-webkit-details-marker { display: none; } .foundry-faq-cta__summary:focus-visible { outline: 3px solid color-mix(in srgb, var(--foundry-faq-cta-accent) 55%, transparent); outline-offset: 3px; } .foundry-faq-cta__indicator { position: relative; flex: 0 0 auto; width: 1.25rem; height: 1.25rem; color: var(--foundry-faq-cta-accent); } .foundry-faq-cta__indicator::before, .foundry-faq-cta__indicator::after { position: absolute; inset: 50% 0 auto; height: 2px; content: ""; background: currentColor; transform: translateY(-50%); transition: transform 160ms ease; } .foundry-faq-cta__indicator::after { transform: translateY(-50%) rotate(90deg); } .foundry-faq-cta__item[open] .foundry-faq-cta__indicator::after { transform: translateY(-50%) rotate(0deg); } .foundry-faq-cta__answer { color: var(--foundry-faq-cta-muted); font-size: 0.95rem; line-height: 1.65; } .foundry-faq-cta__item > .foundry-faq-cta__answer { max-width: 66ch; padding: 0 clamp(1.25rem, 2.5vw, 2rem) 1.5rem; } .foundry-faq-cta__handoff { display: grid; gap: 1rem; min-width: 0; padding: clamp(1.75rem, 3.5vw, 3rem); border-radius: var(--foundry-faq-cta-radius); color: var(--foundry-faq-cta-handoff-ink); background: var(--foundry-faq-cta-handoff); } .foundry-faq-cta__handoff-mark { display: block; width: 3.5rem; height: 0.35rem; margin-block-end: clamp(1rem, 4vw, 3rem); background: currentColor; } .foundry-faq-cta__handoff-title { margin: 0; font-family: var(--font-display, var(--font-heading, serif)); font-size: clamp(1.75rem, 3vw, 2.7rem); font-weight: 620; letter-spacing: -0.035em; line-height: 1.06; text-wrap: balance; } .foundry-faq-cta__handoff-text { color: color-mix(in srgb, currentColor 82%, transparent); font-size: 0.95rem; line-height: 1.65; } .foundry-faq-cta__actions { display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: center; margin-block-start: 0.5rem; } .foundry-faq-cta__actions .foundry-button { min-height: 2.75rem; } .foundry-faq-cta__handoff .foundry-button--primary { color: var(--foundry-faq-cta-action-ink, var(--foundry-faq-cta-accent)); background: var(--foundry-faq-cta-action-background, #fff); } .foundry-faq-cta__handoff .foundry-button--secondary { border-color: color-mix(in srgb, currentColor 45%, transparent); color: currentColor; background: transparent; } .foundry-faq-cta__note { margin: 0.5rem 0 0; padding-block-start: 1rem; border-block-start: 1px solid color-mix(in srgb, currentColor 28%, transparent); color: color-mix(in srgb, currentColor 72%, transparent); font-size: 0.72rem; line-height: 1.5; } .foundry-faq-cta__empty { margin: 0; padding: 1rem; border: 1px dashed var(--foundry-faq-cta-rule); color: var(--foundry-faq-cta-muted); } .foundry-faq-cta--guided .foundry-faq-cta__body { grid-template-columns: minmax(0, 1fr); } .foundry-faq-cta__questions--guided { gap: 0; margin: 0; padding: 0; list-style: none; } .foundry-faq-cta__guided-item { display: grid; grid-template-columns: 3.5rem minmax(12rem, 0.55fr) minmax(16rem, 0.8fr); gap: 1rem clamp(2rem, 5vw, 5rem); align-items: start; padding-block: clamp(1.75rem, 3.5vw, 3rem); border-block-start: 1px solid var(--foundry-faq-cta-rule); } .foundry-faq-cta__guided-item:last-child { border-block-end: 1px solid var(--foundry-faq-cta-rule); } .foundry-faq-cta__number { color: var(--foundry-faq-cta-accent); font-size: 0.75rem; font-weight: 750; letter-spacing: 0.12em; } .foundry-faq-cta__question { margin: 0; font-family: var(--font-heading, var(--font-sans, sans-serif)); font-size: clamp(1.15rem, 2vw, 1.6rem); font-weight: 650; line-height: 1.25; text-wrap: balance; } .foundry-faq-cta--guided .foundry-faq-cta__handoff { grid-template-columns: minmax(0, 0.9fr) minmax(16rem, 0.7fr); column-gap: clamp(2rem, 6vw, 6rem); align-items: end; margin-block-start: 0.5rem; } .foundry-faq-cta--guided .foundry-faq-cta__handoff-mark, .foundry-faq-cta--guided .foundry-faq-cta__note { grid-column: 1 / -1; } .foundry-faq-cta--guided .foundry-faq-cta__actions { grid-column: 2; grid-row: 2 / span 2; justify-content: flex-end; } .foundry-faq-cta--note { --foundry-faq-cta-handoff: transparent; --foundry-faq-cta-handoff-ink: var(--foundry-faq-cta-ink); --foundry-faq-cta-action-background: var(--foundry-faq-cta-accent); --foundry-faq-cta-action-ink: #fff; } .foundry-faq-cta--note .foundry-faq-cta__header { grid-template-columns: minmax(0, 1fr); max-width: 54rem; } .foundry-faq-cta--note .foundry-faq-cta__title { max-width: 13ch; } .foundry-faq-cta--note .foundry-faq-cta__body { grid-template-columns: minmax(16rem, 0.72fr) minmax(0, 1.28fr); gap: clamp(2rem, 7vw, 7rem); } .foundry-faq-cta--note .foundry-faq-cta__questions { gap: 0; } .foundry-faq-cta--note .foundry-faq-cta__item { border-width: 1px 0 0; border-radius: 0; background: transparent; } .foundry-faq-cta--note .foundry-faq-cta__item:last-child { border-block-end-width: 1px; } .foundry-faq-cta--note .foundry-faq-cta__summary { padding-inline: 0; } .foundry-faq-cta--note .foundry-faq-cta__item > .foundry-faq-cta__answer { padding-inline: 0; } .foundry-faq-cta--note .foundry-faq-cta__handoff { align-content: start; min-height: 100%; padding: clamp(1.5rem, 4vw, 4rem) 0 clamp(1.5rem, 4vw, 4rem) clamp(2rem, 5vw, 5rem); border-inline-start: 2px solid var(--foundry-faq-cta-accent); border-radius: 0; } .foundry-faq-cta--note .foundry-faq-cta__handoff-mark { width: clamp(4rem, 10vw, 9rem); height: 1px; color: var(--foundry-faq-cta-accent); } .foundry-faq-cta--note .foundry-faq-cta__handoff-title { max-width: 14ch; font-size: clamp(2.25rem, 5vw, 4.8rem); } .foundry-faq-cta--note .foundry-faq-cta__handoff-text { max-width: 42rem; color: var(--foundry-faq-cta-muted); } @media (max-width: 48rem) { .foundry-faq-cta__inner { width: min(100% - 1.25rem, var(--container-xl, 76rem)); } .foundry-faq-cta__header, .foundry-faq-cta__body, .foundry-faq-cta--note .foundry-faq-cta__body, .foundry-faq-cta--guided .foundry-faq-cta__handoff { grid-template-columns: minmax(0, 1fr); } .foundry-faq-cta__title, .foundry-faq-cta__intro { max-width: none; } .foundry-faq-cta__guided-item { grid-template-columns: 2.5rem minmax(0, 1fr); column-gap: 1rem; } .foundry-faq-cta__guided-item .foundry-faq-cta__answer { grid-column: 2; } .foundry-faq-cta--guided .foundry-faq-cta__actions { grid-column: 1; grid-row: auto; justify-content: flex-start; } .foundry-faq-cta--note .foundry-faq-cta__handoff { min-height: 0; padding: 2rem 0 0; border-block-start: 2px solid var(--foundry-faq-cta-accent); border-inline-start: 0; } .foundry-faq-cta__actions { align-items: stretch; flex-direction: column; } .foundry-faq-cta__actions .foundry-button { justify-content: center; width: 100%; } } @media (prefers-reduced-motion: reduce) { .foundry-faq-cta__indicator::before, .foundry-faq-cta__indicator::after { transition: none; } } .foundry-video-embed { padding-block: clamp(3.5rem, 8vw, 6rem); background: var(--foundry-video-section, transparent); color: var(--foundry-text, #0f172a); } .foundry-video-embed__inner { width: min(100% - 3rem, var(--foundry-wide-container-max, 72rem)); margin-inline: auto; } .foundry-video-embed__layout, .foundry-video-embed__copy, .foundry-video-embed__figure, .foundry-video-embed__shell, .foundry-video-embed__frame { min-width: 0; } .foundry-video-embed__layout { display: grid; gap: clamp(2rem, 5vw, 3.5rem); } .foundry-video-embed__copy { max-width: 48rem; } .foundry-video-embed__eyebrow, .foundry-video-embed__title, .foundry-video-embed__duration, .foundry-video-embed__provider-link { margin: 0; } .foundry-video-embed__eyebrow { color: var(--foundry-accent, #2563eb); font-size: 0.75rem; font-weight: 750; letter-spacing: 0.16em; line-height: 1.35; text-transform: uppercase; } .foundry-video-embed__title { max-width: 25ch; color: var(--foundry-text, #0f172a); font-family: var(--foundry-font-display, inherit); font-size: clamp(2rem, 5vw, 3.75rem); font-weight: 750; letter-spacing: -0.035em; line-height: 1.02; } .foundry-video-embed__eyebrow + .foundry-video-embed__title { margin-top: 0.75rem; } .foundry-video-embed__subtitle { max-width: 46rem; margin-top: 1.25rem; color: var(--foundry-text-muted, #475569); font-size: clamp(1rem, 2vw, 1.125rem); line-height: 1.7; } .foundry-video-embed__subtitle > :first-child, .foundry-video-embed__caption > :first-child, .foundry-video-embed__transcript-body > :first-child { margin-top: 0; } .foundry-video-embed__subtitle > :last-child, .foundry-video-embed__caption > :last-child, .foundry-video-embed__transcript-body > :last-child { margin-bottom: 0; } .foundry-video-embed__duration { margin-top: 1rem; color: var(--foundry-text-muted, #475569); font-size: 0.8125rem; font-variant-numeric: tabular-nums; font-weight: 650; letter-spacing: 0.04em; } .foundry-video-embed__figure { width: 100%; max-width: 64rem; margin: 0; } .foundry-video-embed--standard .foundry-video-embed__figure { margin-inline: auto; } .foundry-video-embed__shell { padding: 0; overflow: hidden; border: 1px solid var(--foundry-border, #dbe2ea); border-radius: 1.5rem; background: var(--foundry-video-frame, #090d18); box-shadow: 0 1.5rem 4rem rgb(15 23 42 / 12%); } .foundry-video-embed__frame { position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; background: var(--foundry-video-frame, #090d18); } .foundry-video-embed--aspect-4-3 .foundry-video-embed__frame { aspect-ratio: 4 / 3; } .foundry-video-embed--aspect-1-1 .foundry-video-embed__frame { aspect-ratio: 1; } .foundry-video-embed--aspect-9-16 .foundry-video-embed__figure { max-width: 28rem; } .foundry-video-embed--aspect-9-16 .foundry-video-embed__frame { aspect-ratio: 9 / 16; } .foundry-video-embed__video, .foundry-video-embed__iframe, .foundry-video-embed__poster, .foundry-video-embed__poster-placeholder, .foundry-video-embed__veil { position: absolute; inset: 0; display: block; width: 100%; height: 100%; border: 0; } .foundry-video-embed__video, .foundry-video-embed__poster { object-fit: cover; } .foundry-video-embed--poster-contain .foundry-video-embed__poster, .foundry-video-embed--poster-contain .foundry-video-embed__video { object-fit: contain; } .foundry-video-embed__poster-placeholder { display: grid; place-items: center; background: radial-gradient(circle at 70% 25%, color-mix(in srgb, var(--foundry-accent, #2563eb) 38%, transparent) 0 12%, transparent 13%), linear-gradient(145deg, color-mix(in srgb, var(--foundry-accent, #2563eb) 25%, #111827), #070a12 72%); color: rgb(255 255 255 / 72%); font-size: clamp(1.5rem, 6vw, 4rem); font-weight: 750; letter-spacing: -0.04em; } .foundry-video-embed__veil { background: linear-gradient(180deg, rgb(2 6 23 / 8%), rgb(2 6 23 / 58%)); pointer-events: none; } .foundry-video-embed__play { position: absolute; left: 50%; bottom: clamp(1rem, 4vw, 2.5rem); display: flex; width: min(calc(100% - 2rem), 32rem); min-height: 4rem; align-items: center; gap: 0.875rem; padding: 0.75rem 1rem; transform: translateX(-50%); border: 1px solid rgb(255 255 255 / 30%); border-radius: 1rem; background: rgb(4 8 18 / 82%); box-shadow: 0 1rem 2.5rem rgb(0 0 0 / 35%); color: #fff; text-decoration: none; backdrop-filter: blur(12px); } .foundry-video-embed__play:hover { border-color: rgb(255 255 255 / 60%); background: rgb(4 8 18 / 94%); } .foundry-video-embed__play-icon { display: inline-grid; flex: 0 0 3rem; width: 3rem; height: 3rem; place-items: center; border-radius: 999px; background: var(--foundry-accent, #2563eb); color: var(--foundry-video-play-icon, #fff); } .foundry-video-embed__play-svg { width: 1.25rem; height: 1.25rem; } .foundry-video-embed__play-copy { display: grid; min-width: 0; gap: 0.15rem; } .foundry-video-embed__play-copy strong { font-size: 0.95rem; line-height: 1.25; } .foundry-video-embed__play-copy span { color: rgb(255 255 255 / 72%); font-size: 0.75rem; line-height: 1.4; } .foundry-video-embed__caption { max-width: 52rem; margin-top: 1rem; color: var(--foundry-text-muted, #475569); font-size: 0.875rem; line-height: 1.6; } .foundry-video-embed__caption-status { margin: 0.75rem 0 0; color: var(--foundry-text-muted, #475569); font-size: 0.8125rem; font-weight: 650; } .foundry-video-embed__assistive { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; } .foundry-video-embed__provider-link { margin-top: 0.75rem; font-size: 0.8125rem; } .foundry-video-embed__provider-link a, .foundry-video-embed__transcript-link a, .foundry-video-embed__empty a { color: var(--foundry-link, var(--foundry-accent, #2563eb)); font-weight: 650; text-underline-offset: 0.18em; } .foundry-video-embed__new-window { font-weight: 450; } .foundry-video-embed__empty { padding: clamp(1.25rem, 3vw, 2rem); border: 1px solid var(--foundry-border, #dbe2ea); border-radius: 1.25rem; background: var(--foundry-surface-soft, #f1f5f9); color: var(--foundry-text-muted, #475569); } .foundry-video-embed__empty p { margin: 0; } .foundry-video-embed__empty a { display: inline-block; margin-top: 0.75rem; } .foundry-video-embed__empty--media { min-height: 14rem; display: grid; align-content: center; justify-items: start; } .foundry-video-embed__transcript, .foundry-video-embed__transcript-link { width: min(100%, 64rem); margin: clamp(1.5rem, 4vw, 2.5rem) auto 0; } .foundry-video-embed__transcript { border-block: 1px solid var(--foundry-border, #dbe2ea); } .foundry-video-embed__transcript-summary { min-height: 3rem; padding-block: 0.9rem; color: var(--foundry-text, #0f172a); cursor: pointer; font-weight: 700; } .foundry-video-embed__transcript-body { max-width: 50rem; padding: 0.25rem 0 1.5rem; color: var(--foundry-text-muted, #475569); line-height: 1.75; } .foundry-video-embed__transcript-link { color: var(--foundry-text-muted, #475569); } .foundry-video-embed--cinema { --foundry-video-section: var(--foundry-video-cinema-background, #080b14); --foundry-video-frame: #03050a; --foundry-text: var(--foundry-video-cinema-text, #f8fafc); --foundry-text-muted: var(--foundry-video-cinema-muted, #b7c0ce); --foundry-border: var(--foundry-video-cinema-border, rgb(255 255 255 / 18%)); } .foundry-video-embed--cinema .foundry-video-embed__copy { max-width: 58rem; } .foundry-video-embed--cinema .foundry-video-embed__figure, .foundry-video-embed--cinema .foundry-video-embed__transcript, .foundry-video-embed--cinema .foundry-video-embed__transcript-link { max-width: 72rem; } .foundry-video-embed--cinema .foundry-video-embed__shell { border-radius: 0.75rem; box-shadow: 0 2rem 6rem rgb(0 0 0 / 45%); } .foundry-video-embed--card { background: var(--foundry-video-card-background, var(--foundry-surface-soft, #f1f5f9)); } .foundry-video-embed--card .foundry-video-embed__layout { grid-template-columns: minmax(15rem, 0.8fr) minmax(0, 1.2fr); align-items: center; } .foundry-video-embed--card .foundry-video-embed__figure { justify-self: end; } .foundry-video-embed--card .foundry-video-embed__shell { padding: 0.5rem; border-radius: 2rem; background: var(--foundry-surface, #fff); } .foundry-video-embed--card .foundry-video-embed__frame { border-radius: 1.5rem; } .foundry-video-embed__play:focus-visible, .foundry-video-embed__provider-link a:focus-visible, .foundry-video-embed__transcript-summary:focus-visible, .foundry-video-embed__transcript-link a:focus-visible, .foundry-video-embed__empty a:focus-visible { outline: 3px solid var(--foundry-focus, #2563eb); outline-offset: 4px; } @media (max-width: 48rem) { .foundry-video-embed__inner { width: min(100% - 2rem, var(--foundry-wide-container-max, 72rem)); } .foundry-video-embed--card .foundry-video-embed__layout { grid-template-columns: minmax(0, 1fr); } .foundry-video-embed--card .foundry-video-embed__figure { justify-self: start; } .foundry-video-embed__play-copy span { display: none; } } @media (max-width: 26rem) { .foundry-video-embed__play { width: auto; min-width: 3.5rem; min-height: 3.5rem; padding: 0.25rem; border-radius: 999px; } .foundry-video-embed__play-icon { flex-basis: 3rem; } .foundry-video-embed__play-copy { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); } } @media (prefers-reduced-motion: reduce) { .foundry-video-embed__play { transition: none; } } .foundry-motion-hero { --fmh-overlay-weight: 44%; --fmh-overlay-color: var(--foundry-motion-hero-overlay-color, #020617); --fmh-content-max: var(--foundry-motion-hero-content-max, 51.25rem); --fmh-copy-max: var(--foundry-motion-hero-copy-max, 36rem); position: relative; display: flex; box-sizing: border-box; align-items: center; justify-content: center; min-height: 100svh; overflow: clip; isolation: isolate; background: var(--foundry-motion-hero-fallback-bg, #0a122e); color: var(--foundry-motion-hero-title-color, #f8fafc); } .foundry-motion-hero--height-large { min-height: 82svh; } .foundry-motion-hero--height-medium { min-height: 68svh; } .foundry-motion-hero--position-upper { align-items: flex-start; } .foundry-motion-hero--position-lower { align-items: flex-end; } .foundry-motion-hero__media, .foundry-motion-hero__fallback, .foundry-motion-hero__scrim, .foundry-motion-hero__texture, .foundry-motion-hero__ambient { position: absolute; inset: 0; } .foundry-motion-hero__media { z-index: -3; overflow: hidden; background: var(--foundry-motion-hero-media-bg, #0a122e); } .foundry-motion-hero__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: var(--foundry-motion-hero-image-position, var(--foundry-motion-hero-object-position, center center)); filter: var(--foundry-motion-hero-image-filter, none); } .foundry-motion-hero__image--inactive { opacity: 0; } .foundry-motion-hero__fallback { background: radial-gradient(circle at 24% 34%, color-mix(in srgb, var(--foundry-brand-accent, #3b82f6) 28%, transparent), transparent 34%), linear-gradient(135deg, var(--foundry-brand-primary, #1f3b82), #07101f 72%); } .foundry-motion-hero__scrim { z-index: 3; background: linear-gradient( 135deg, color-mix(in srgb, var(--fmh-overlay-color) var(--fmh-overlay-weight), transparent), color-mix(in srgb, var(--fmh-overlay-color) calc(var(--fmh-overlay-weight) + 8%), transparent) ); pointer-events: none; } .foundry-motion-hero--overlay-strength-none { --fmh-overlay-weight: 0%; } .foundry-motion-hero--overlay-strength-soft { --fmh-overlay-weight: 26%; } .foundry-motion-hero--overlay-strength-strong { --fmh-overlay-weight: 64%; } .foundry-motion-hero--tone-warm { --fmh-overlay-color: var(--foundry-motion-hero-overlay-warm, #502c1d); } .foundry-motion-hero--tone-cool { --fmh-overlay-color: var(--foundry-motion-hero-overlay-cool, #102d4e); } .foundry-motion-hero--tone-brand { --fmh-overlay-color: var(--foundry-brand-primary, #1f3b82); } .foundry-motion-hero--overlay-left .foundry-motion-hero__scrim { background: linear-gradient( 90deg, color-mix(in srgb, var(--fmh-overlay-color) calc(var(--fmh-overlay-weight) + 18%), transparent) 0%, color-mix(in srgb, var(--fmh-overlay-color) var(--fmh-overlay-weight), transparent) 48%, transparent 100% ); } .foundry-motion-hero--overlay-right .foundry-motion-hero__scrim { background: linear-gradient( 270deg, color-mix(in srgb, var(--fmh-overlay-color) calc(var(--fmh-overlay-weight) + 18%), transparent) 0%, color-mix(in srgb, var(--fmh-overlay-color) var(--fmh-overlay-weight), transparent) 48%, transparent 100% ); } .foundry-motion-hero--overlay-bottom .foundry-motion-hero__scrim { background: linear-gradient( 0deg, color-mix(in srgb, var(--fmh-overlay-color) calc(var(--fmh-overlay-weight) + 20%), transparent) 0%, color-mix(in srgb, var(--fmh-overlay-color) var(--fmh-overlay-weight), transparent) 48%, transparent 100% ); } .foundry-motion-hero__texture { z-index: 4; opacity: var(--foundry-motion-hero-texture-opacity, 0.07); background-image: linear-gradient(rgba(255, 255, 255, 0.22) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.22) 1px, transparent 1px); background-size: var(--foundry-motion-hero-grid-size, 4rem) var(--foundry-motion-hero-grid-size, 4rem); mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), transparent 84%); pointer-events: none; } .foundry-motion-hero--variant-editorial .foundry-motion-hero__texture { background-image: linear-gradient(90deg, transparent 49.9%, rgba(255, 255, 255, 0.28) 50%, transparent 50.1%); background-size: 100% 100%; mask-image: none; } .foundry-motion-hero__ambient { z-index: -1; pointer-events: none; } .foundry-motion-hero__orb { position: absolute; display: block; border-radius: 50%; filter: blur(2.5rem); } .foundry-motion-hero__orb--one { top: 12%; left: 6%; width: 13.75rem; height: 13.75rem; background: color-mix(in srgb, var(--foundry-brand-accent, #c7352f) 30%, transparent); } .foundry-motion-hero__orb--two { right: 8%; bottom: 18%; width: 17.5rem; height: 17.5rem; background: color-mix(in srgb, var(--foundry-brand-primary, #1f3b82) 38%, transparent); } .foundry-motion-hero__orb--three { top: 38%; right: 12%; width: 8.75rem; height: 8.75rem; background: color-mix(in srgb, #dbeafe 20%, transparent); filter: blur(1.75rem); } .foundry-motion-hero__orb--four { top: 22%; left: 28%; width: 5.625rem; height: 5.625rem; background: color-mix(in srgb, var(--foundry-brand-accent, #c7352f) 20%, transparent); filter: blur(1.375rem); } .foundry-motion-hero__content { position: relative; z-index: 2; box-sizing: border-box; width: min(calc(100% - 3rem), var(--fmh-content-max)); max-width: var(--fmh-content-max); margin: var(--foundry-motion-hero-content-margin, 0 auto); padding: var(--foundry-motion-hero-content-padding, clamp(6rem, 12vh, 9rem) 0 clamp(5rem, 9vh, 7rem)); text-align: center; } .foundry-motion-hero__message { display: contents; } .foundry-motion-hero--width-narrow { --fmh-content-max: var(--foundry-motion-hero-content-narrow, 42.5rem); --fmh-copy-max: var(--foundry-motion-hero-copy-narrow, 31.25rem); } .foundry-motion-hero--width-wide { --fmh-content-max: var(--foundry-motion-hero-content-wide, 65rem); --fmh-copy-max: var(--foundry-motion-hero-copy-wide, 42.5rem); } .foundry-motion-hero--align-left .foundry-motion-hero__content { margin-right: auto; margin-left: max(var(--foundry-container-gutter, 1.5rem), calc(50vw - 36.875rem)); text-align: left; } .foundry-motion-hero--align-right .foundry-motion-hero__content { margin-right: max(var(--foundry-container-gutter, 1.5rem), calc(50vw - 36.875rem)); margin-left: auto; text-align: right; } .foundry-motion-hero--position-upper .foundry-motion-hero__content { padding-top: clamp(7rem, 15vh, 10rem); } .foundry-motion-hero--position-lower .foundry-motion-hero__content { padding-bottom: clamp(6rem, 12vh, 9rem); } .foundry-motion-hero--panel-glass .foundry-motion-hero__content, .foundry-motion-hero--panel-solid .foundry-motion-hero__content { margin-top: clamp(5rem, 10vh, 7rem); margin-bottom: clamp(4rem, 8vh, 6rem); padding: var(--foundry-motion-hero-panel-padding, clamp(1.5rem, 4vw, 2.75rem)); border: 1px solid var(--foundry-motion-hero-panel-border, rgba(255, 255, 255, 0.18)); border-radius: var(--foundry-motion-hero-panel-radius, 0.875rem); box-shadow: var(--foundry-motion-hero-panel-shadow, 0 1.5rem 5rem rgba(0, 0, 0, 0.3)); } .foundry-motion-hero--panel-glass .foundry-motion-hero__content { background: var(--foundry-motion-hero-panel-glass-bg, rgba(5, 10, 24, 0.48)); backdrop-filter: blur(1.125rem); } .foundry-motion-hero--panel-solid .foundry-motion-hero__content { background: var(--foundry-motion-hero-panel-solid-bg, rgba(4, 8, 18, 0.88)); } .foundry-motion-hero__eyebrow, .foundry-motion-hero__title, .foundry-motion-hero__text, .foundry-motion-hero__text > :first-child, .foundry-motion-hero__text > :last-child, .foundry-motion-hero__caption, .foundry-motion-hero__badges { margin-top: 0; margin-bottom: 0; } .foundry-motion-hero__eyebrow { margin-bottom: 1.1rem; color: var(--foundry-motion-hero-eyebrow-color, rgba(248, 250, 252, 0.78)); font-size: var(--foundry-motion-hero-eyebrow-size, 0.76rem); font-weight: 750; letter-spacing: var(--foundry-motion-hero-eyebrow-tracking, 0.18em); text-transform: uppercase; } .foundry-motion-hero__title { max-width: var(--foundry-motion-hero-heading-measure, 14ch); margin-right: auto; margin-bottom: clamp(1.25rem, 3vw, 1.75rem); margin-left: auto; color: var(--foundry-motion-hero-title-color, #f8fafc); font-family: var(--foundry-motion-hero-title-font, var(--foundry-font-family-heading, "Playfair Display", serif)); font-size: var(--foundry-motion-hero-title-size, clamp(3rem, 8vw, 6.25rem)); font-weight: var(--foundry-motion-hero-title-weight, 700); line-height: var(--foundry-motion-hero-title-leading, 0.98); letter-spacing: var(--foundry-motion-hero-title-tracking, -0.035em); text-wrap: balance; } .foundry-motion-hero__text { max-width: var(--fmh-copy-max); margin-right: auto; margin-bottom: clamp(1.75rem, 4vw, 2.75rem); margin-left: auto; color: var(--foundry-motion-hero-text-color, rgba(248, 250, 252, 0.86)); font-size: var(--foundry-motion-hero-text-size, clamp(1rem, 1.8vw, 1.18rem)); line-height: var(--foundry-motion-hero-text-leading, 1.65); text-wrap: pretty; } .foundry-motion-hero--align-left .foundry-motion-hero__title, .foundry-motion-hero--align-left .foundry-motion-hero__text { margin-right: auto; margin-left: 0; } .foundry-motion-hero--align-right .foundry-motion-hero__title, .foundry-motion-hero--align-right .foundry-motion-hero__text { margin-right: 0; margin-left: auto; } .foundry-motion-hero__actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0.75rem 1rem; } .foundry-motion-hero--align-left .foundry-motion-hero__actions, .foundry-motion-hero--align-left .foundry-motion-hero__badges--under-copy { justify-content: flex-start; } .foundry-motion-hero--align-right .foundry-motion-hero__actions, .foundry-motion-hero--align-right .foundry-motion-hero__badges--under-copy { justify-content: flex-end; } .foundry-motion-hero__action { display: inline-flex; box-sizing: border-box; align-items: center; justify-content: center; gap: 0.5rem; min-height: 2.875rem; padding: 0.82rem 1.35rem; border: 1px solid transparent; border-radius: var(--foundry-motion-hero-action-radius, var(--foundry-button-radius, 0.65rem)); font-size: 0.95rem; font-weight: 700; line-height: 1.25; text-decoration: none; transition: transform var(--foundry-duration-base, 200ms) ease, background-color var(--foundry-duration-base, 200ms) ease, border-color var(--foundry-duration-base, 200ms) ease; } .foundry-motion-hero__action--primary { border-color: var(--foundry-motion-hero-action-primary-border, var(--foundry-brand-accent, #c7352f)); background: var(--foundry-motion-hero-action-primary-bg, var(--foundry-brand-accent, #c7352f)); box-shadow: var(--foundry-motion-hero-action-primary-shadow, 0 0.5rem 1.75rem rgba(0, 0, 0, 0.24)); color: var(--foundry-motion-hero-action-primary-text, #fff); } .foundry-motion-hero__action--secondary { border-color: var(--foundry-motion-hero-action-secondary-border, rgba(255, 255, 255, 0.28)); background: var(--foundry-motion-hero-action-secondary-bg, rgba(5, 10, 24, 0.24)); color: var(--foundry-motion-hero-action-secondary-text, #f8fafc); backdrop-filter: blur(0.625rem); } .foundry-motion-hero--actions-glass .foundry-motion-hero__action { border-color: rgba(255, 255, 255, 0.3); background: rgba(255, 255, 255, 0.14); box-shadow: none; color: #fff; backdrop-filter: blur(0.75rem); } .foundry-motion-hero--actions-minimal .foundry-motion-hero__action { min-height: 2.75rem; padding: 0.7rem 0; border-width: 0 0 1px; border-color: rgba(255, 255, 255, 0.68); border-radius: 0; background: transparent; box-shadow: none; color: #fff; backdrop-filter: none; } .foundry-motion-hero__action:hover { transform: translateY(-0.125rem); } .foundry-motion-hero__action:focus-visible { outline: 0.2rem solid var(--foundry-motion-hero-focus, #fff); outline-offset: 0.2rem; } .foundry-motion-hero__action-icon, .foundry-motion-hero__action-icon svg { width: 1rem; height: 1rem; } .foundry-motion-hero__badges { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.5rem; padding: 0; list-style: none; } .foundry-motion-hero__badges--under-copy { margin-top: 1.35rem; } .foundry-motion-hero__badges--bottom { position: absolute; z-index: 3; bottom: 3.5rem; left: 50%; width: min(calc(100% - 3rem), 60rem); transform: translateX(-50%); } .foundry-motion-hero__badge { padding: 0.32rem 0.72rem; border: 1px solid var(--foundry-motion-hero-badge-border, rgba(255, 255, 255, 0.2)); border-radius: 999px; background: var(--foundry-motion-hero-badge-bg, rgba(5, 10, 24, 0.28)); color: var(--foundry-motion-hero-badge-text, rgba(248, 250, 252, 0.78)); font-size: 0.72rem; font-weight: 650; letter-spacing: 0.04em; backdrop-filter: blur(0.5rem); } .foundry-motion-hero__caption { color: var(--foundry-motion-hero-caption-text, rgba(248, 250, 252, 0.72)); font-size: 0.76rem; line-height: 1.5; } .foundry-motion-hero__caption--under-copy { margin-top: 1rem; } .foundry-motion-hero__caption--absolute { position: absolute; z-index: 3; bottom: 1.25rem; max-width: min(28rem, calc(100% - 3rem)); padding: 0.38rem 0.68rem; border: 1px solid var(--foundry-motion-hero-caption-border, rgba(255, 255, 255, 0.16)); border-radius: 999px; background: var(--foundry-motion-hero-caption-bg, rgba(5, 10, 24, 0.42)); backdrop-filter: blur(0.5rem); } .foundry-motion-hero__caption--bottom-right { right: 1.5rem; } .foundry-motion-hero__caption--bottom-left { left: 1.5rem; } .foundry-motion-hero__scroll { z-index: 4; --foundry-motion-scroll-cue-color: var(--foundry-motion-hero-scroll-color, rgba(248, 250, 252, 0.6)); } .foundry-motion-hero--variant-editorial { justify-content: flex-start; background: var(--foundry-motion-hero-editorial-bg, var(--foundry-brand-primary, #13263b)); } .foundry-motion-hero--variant-editorial .foundry-motion-hero__media { left: 48%; } .foundry-motion-hero--variant-editorial .foundry-motion-hero__scrim { background: linear-gradient(90deg, color-mix(in srgb, var(--fmh-overlay-color) 24%, transparent), color-mix(in srgb, var(--fmh-overlay-color) var(--fmh-overlay-weight), transparent)); } .foundry-motion-hero--variant-editorial .foundry-motion-hero__content { width: min(44%, var(--fmh-content-max)); margin-right: auto; margin-left: max(var(--foundry-container-gutter, 1.5rem), calc(50vw - 36.875rem)); text-align: left; } .foundry-motion-hero--variant-editorial .foundry-motion-hero__title, .foundry-motion-hero--variant-editorial .foundry-motion-hero__text { margin-right: auto; margin-left: 0; } .foundry-motion-hero--variant-editorial .foundry-motion-hero__actions, .foundry-motion-hero--variant-editorial .foundry-motion-hero__badges--under-copy { justify-content: flex-start; } .foundry-motion-hero--variant-campaign .foundry-motion-hero__content { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(20rem, 0.75fr); align-items: end; column-gap: clamp(2rem, 6vw, 6rem); width: min(100%, var(--foundry-motion-hero-campaign-container-max, var(--foundry-wide-container-max, 72rem))); max-width: var(--foundry-motion-hero-campaign-container-max, var(--foundry-wide-container-max, 72rem)); margin-inline: auto; padding-top: clamp(8rem, 20vh, 14rem); padding-inline: var(--foundry-container-gutter, 1.5rem); border-top: 1px solid var(--foundry-motion-hero-campaign-line, rgba(255, 255, 255, 0.3)); text-align: left; } .foundry-motion-hero--variant-campaign .foundry-motion-hero__eyebrow, .foundry-motion-hero--variant-campaign .foundry-motion-hero__title { grid-column: 1; } .foundry-motion-hero--variant-campaign .foundry-motion-hero__title { margin-right: 0; margin-left: 0; } .foundry-motion-hero--variant-campaign .foundry-motion-hero__message { display: block; grid-column: 2; grid-row: 1 / span 2; align-self: end; box-sizing: border-box; padding: var(--foundry-motion-hero-campaign-message-padding, clamp(1.35rem, 2.5vw, 2rem)); border: 1px solid var(--foundry-motion-hero-campaign-message-border, rgba(255, 255, 255, 0.18)); border-radius: var(--foundry-motion-hero-campaign-message-radius, 1rem); background: var(--foundry-motion-hero-campaign-message-bg, color-mix(in srgb, var(--fmh-overlay-color) 84%, transparent)); box-shadow: var(--foundry-motion-hero-campaign-message-shadow, 0 1.5rem 4rem rgba(0, 0, 0, 0.28)); text-align: left; backdrop-filter: blur(1rem); } .foundry-motion-hero--variant-campaign .foundry-motion-hero__text { max-width: 32rem; margin: 0; } .foundry-motion-hero--variant-campaign .foundry-motion-hero__actions, .foundry-motion-hero--variant-campaign .foundry-motion-hero__badges--under-copy { justify-content: flex-start; } .foundry-motion-hero--variant-campaign .foundry-motion-hero__actions { margin-top: 1.35rem; } @media (max-width: 760px) { .foundry-motion-hero--mobile-height-screen { min-height: 100svh; } .foundry-motion-hero--mobile-height-large { min-height: 86svh; } .foundry-motion-hero--mobile-height-medium { min-height: 74svh; } .foundry-motion-hero--mobile-height-compact { min-height: 64svh; } .foundry-motion-hero__image { object-position: var(--foundry-motion-hero-mobile-object-position, var(--foundry-motion-hero-object-position, center center)); } .foundry-motion-hero__content, .foundry-motion-hero--align-left .foundry-motion-hero__content, .foundry-motion-hero--align-right .foundry-motion-hero__content { width: calc(100% - 2rem); max-width: none; margin-right: auto; margin-left: auto; padding: 5.5rem 0 4.75rem; } .foundry-motion-hero--panel-glass .foundry-motion-hero__content, .foundry-motion-hero--panel-solid .foundry-motion-hero__content { width: calc(100% - 2rem); padding: 1.35rem; } .foundry-motion-hero__title { font-size: var(--foundry-motion-hero-title-size-mobile, clamp(2.65rem, 13vw, 4.2rem)); line-height: max(var(--foundry-motion-hero-title-leading, 0.98), 0.98); } .foundry-motion-hero__actions { align-items: stretch; } .foundry-motion-hero__action { min-width: min(100%, 12rem); } .foundry-motion-hero__badges--bottom { bottom: 1.25rem; width: calc(100% - 2rem); } .foundry-motion-hero__caption--absolute { right: 1rem; bottom: 1rem; left: 1rem; max-width: none; border-radius: 0.6rem; text-align: left; } .foundry-motion-hero__caption--absolute + .foundry-motion-hero__scroll { display: none; } .foundry-motion-hero--variant-editorial .foundry-motion-hero__media { left: 0; } .foundry-motion-hero--variant-editorial .foundry-motion-hero__scrim { background: linear-gradient(0deg, color-mix(in srgb, var(--fmh-overlay-color) 86%, transparent), color-mix(in srgb, var(--fmh-overlay-color) 58%, transparent)); } .foundry-motion-hero--variant-editorial .foundry-motion-hero__content { width: calc(100% - 2rem); margin: auto 1rem 0; padding-bottom: 5.5rem; } .foundry-motion-hero--variant-campaign .foundry-motion-hero__content { display: block; width: 100%; padding-top: 5.5rem; padding-inline: var(--foundry-container-gutter, 1rem); } .foundry-motion-hero--variant-campaign .foundry-motion-hero__title { margin-left: 0; } .foundry-motion-hero--variant-campaign .foundry-motion-hero__message { width: 100%; margin-top: clamp(1.5rem, 6vw, 2.25rem); padding: var(--foundry-motion-hero-campaign-message-padding-mobile, 1.25rem); border-radius: var(--foundry-motion-hero-campaign-message-radius-mobile, 0.85rem); } } @media (prefers-reduced-motion: reduce) { .foundry-motion-hero__image, .foundry-motion-hero__ambient, .foundry-motion-hero__action { animation: none !important; transform: none !important; transition: none !important; } } .foundry-features { padding-block: clamp(3.5rem, 7vw, 5rem); } .foundry-slideshow { padding-block: var(--foundry-slideshow-section-padding, clamp(3.5rem, 7vw, 5rem)); color: var(--foundry-slideshow-text, var(--foundry-text, #0f172a)); } .foundry-slideshow__inner { box-sizing: border-box; width: 100%; padding-inline: var(--foundry-container-gutter, 1.5rem); } .foundry-slideshow__header { width: 100%; max-width: var(--foundry-wide-container-max, 72rem); margin-inline: auto; } .foundry-slideshow__title, .foundry-slideshow__subtitle, .foundry-slideshow__subtitle > :first-child, .foundry-slideshow__subtitle > :last-child, .foundry-slideshow__slide, .foundry-slideshow__caption, .foundry-slideshow__slide-title, .foundry-slideshow__slide-text, .foundry-slideshow__status, .foundry-slideshow__empty-text { margin-top: 0; margin-bottom: 0; } .foundry-slideshow__title { max-width: var(--foundry-slideshow-heading-measure, 48rem); font-size: clamp(2rem, 4vw, 3rem); line-height: 1.08; letter-spacing: -0.035em; } .foundry-slideshow__subtitle { max-width: var(--foundry-slideshow-copy-measure, 48rem); margin-top: 1rem; color: var(--foundry-slideshow-muted, var(--foundry-text-muted, #475569)); line-height: 1.7; } .foundry-slideshow__viewport { box-sizing: border-box; width: 100%; max-width: var(--foundry-slideshow-container-max, var(--foundry-wide-container-max, 72rem)); margin-inline: auto; margin-top: var(--foundry-slideshow-heading-gap, 2.5rem); overflow: hidden; border: var(--foundry-slideshow-frame-border, 1px solid var(--foundry-border, #e2e8f0)); border-radius: var(--foundry-slideshow-frame-radius, var(--foundry-radius-lg, 1.5rem)); background: var(--foundry-slideshow-frame-surface, var(--foundry-surface, #ffffff)); box-shadow: var(--foundry-slideshow-frame-shadow, var(--foundry-shadow-sm, 0 1px 3px rgba(15, 23, 42, 0.1))); } .foundry-slideshow__frames { position: relative; min-width: 0; overflow: hidden; background: var(--foundry-slideshow-media-surface, color-mix(in srgb, var(--foundry-surface, #ffffff) 88%, var(--foundry-text, #0f172a))); } .foundry-slideshow__track, .foundry-slideshow__stack { display: grid; gap: var(--foundry-slideshow-fallback-gap, 1rem); } .foundry-slideshow__slide { position: relative; box-sizing: border-box; min-width: 0; overflow: hidden; background: var(--foundry-slideshow-slide-surface, var(--foundry-surface, #ffffff)); } .foundry-slideshow__media { position: relative; width: 100%; overflow: hidden; aspect-ratio: 16 / 9; } .foundry-slideshow--aspect-4-3 .foundry-slideshow__media { aspect-ratio: 4 / 3; } .foundry-slideshow--aspect-21-9 .foundry-slideshow__media { aspect-ratio: 21 / 9; } .foundry-slideshow--aspect-auto .foundry-slideshow__media { aspect-ratio: auto; } .foundry-slideshow__image { display: block; width: 100%; height: 100%; object-fit: cover; object-position: var(--foundry-slideshow-media-position, center center); } .foundry-slideshow--fit-contain .foundry-slideshow__image, .foundry-slideshow--aspect-auto .foundry-slideshow__image { height: auto; object-fit: contain; } .foundry-slideshow__caption { box-sizing: border-box; padding: var(--foundry-slideshow-caption-padding, clamp(1rem, 3vw, 1.5rem)); } .foundry-slideshow--caption-overlay .foundry-slideshow__caption { position: absolute; z-index: 2; right: 0; bottom: 0; left: 0; padding-top: clamp(3rem, 9vw, 6rem); background: var(--foundry-slideshow-caption-overlay, linear-gradient(to top, rgba(3, 7, 18, 0.86), rgba(3, 7, 18, 0))); color: var(--foundry-slideshow-caption-overlay-text, #ffffff); } .foundry-slideshow--caption-below .foundry-slideshow__caption { min-height: var(--foundry-slideshow-caption-min-height, 7rem); border-top: 1px solid var(--foundry-border, #e2e8f0); color: var(--foundry-slideshow-caption-below-text, var(--foundry-slideshow-text, var(--foundry-text, #0f172a))); } .foundry-slideshow__slide-title { max-width: 42rem; font-size: clamp(1.125rem, 2.2vw, 1.5rem); font-weight: 650; line-height: 1.2; } .foundry-slideshow__slide-text { max-width: 42rem; margin-top: 0.45rem; color: var(--foundry-slideshow-caption-muted, currentColor); font-size: 0.9375rem; line-height: 1.55; opacity: 0.86; } .foundry-slideshow__controls { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: var(--foundry-slideshow-control-gap, 0.625rem); min-height: 4.25rem; padding: var(--foundry-slideshow-controls-padding, 0.75rem 1rem); border-top: 1px solid var(--foundry-border, #e2e8f0); background: var(--foundry-slideshow-controls-surface, var(--foundry-surface, #ffffff)); } .foundry-slideshow__arrow, .foundry-slideshow__autoplay, .foundry-slideshow__dot { appearance: none; box-sizing: border-box; border: 1px solid var(--foundry-slideshow-control-border, var(--foundry-border, #cbd5e1)); background: var(--foundry-slideshow-control-surface, var(--foundry-surface, #ffffff)); color: var(--foundry-slideshow-control-text, var(--foundry-text, #0f172a)); cursor: pointer; } .foundry-slideshow__arrow, .foundry-slideshow__autoplay { display: inline-flex; align-items: center; justify-content: center; min-width: 2.75rem; min-height: 2.75rem; border-radius: var(--foundry-slideshow-control-radius, 9999px); } .foundry-slideshow__autoplay { padding-inline: 1rem; font: inherit; font-size: 0.8125rem; font-weight: 650; } .foundry-slideshow__control-icon { display: inline-flex; align-items: center; justify-content: center; width: 1.125rem; height: 1.125rem; } .foundry-slideshow__control-icon > svg { width: 100%; height: 100%; } .foundry-slideshow__status { min-width: 3.25rem; color: var(--foundry-slideshow-controls-muted, var(--foundry-slideshow-muted, var(--foundry-text-muted, #475569))); font-size: 0.8125rem; font-variant-numeric: tabular-nums; text-align: center; } .foundry-slideshow__dots { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0.35rem; padding-inline: 0.25rem; } .foundry-slideshow__dot { position: relative; width: 2.75rem; height: 2.75rem; padding: 0; border-color: transparent; border-radius: 9999px; background: transparent; } .foundry-slideshow__dot::after { position: absolute; inset: 50% auto auto 50%; width: 0.5rem; height: 0.5rem; border-radius: 9999px; background: var(--foundry-slideshow-dot, var(--foundry-text-muted, #64748b)); content: ""; opacity: 0.48; transform: translate(-50%, -50%); transition: width var(--foundry-duration-base, 200ms) var(--foundry-ease-standard, ease), opacity var(--foundry-duration-base, 200ms) var(--foundry-ease-standard, ease); } .foundry-slideshow__dot[aria-current="true"]::after { width: 1.5rem; opacity: 1; } .foundry-slideshow__arrow:hover, .foundry-slideshow__autoplay:hover { border-color: var(--foundry-slideshow-control-hover-border, var(--foundry-text-muted, #64748b)); background: var(--foundry-slideshow-control-hover-surface, color-mix(in srgb, var(--foundry-surface, #ffffff) 90%, var(--foundry-text, #0f172a))); } .foundry-slideshow__arrow:focus-visible, .foundry-slideshow__autoplay:focus-visible, .foundry-slideshow__dot:focus-visible { outline: 0.1875rem solid var(--foundry-focus, var(--foundry-brand-primary, #2563eb)); outline-offset: 0.1875rem; } .foundry-slideshow__empty { box-sizing: border-box; margin-top: 2rem; padding: 1.25rem; color: var(--foundry-slideshow-muted, var(--foundry-text-muted, #475569)); } .foundry-slideshow__viewport[data-foundry-slideshow-ready="true"] .foundry-slideshow__track { display: flex; gap: 0; transform: translateX(calc(-100% * var(--foundry-slideshow-index, 0))); transition: transform var(--foundry-slideshow-transition-duration, 600ms) var(--foundry-ease-standard, ease); } .foundry-slideshow__viewport[data-foundry-slideshow-ready="true"] .foundry-slideshow__track .foundry-slideshow__slide { flex: 0 0 100%; width: 100%; } .foundry-slideshow__viewport[data-foundry-slideshow-ready="true"] .foundry-slideshow__stack { display: grid; gap: 0; } .foundry-slideshow__viewport[data-foundry-slideshow-ready="true"] .foundry-slideshow__stack .foundry-slideshow__slide { grid-area: 1 / 1; transition: opacity var(--foundry-slideshow-transition-duration, 600ms) var(--foundry-ease-standard, ease), transform var(--foundry-slideshow-transition-duration, 600ms) var(--foundry-ease-standard, ease); } .foundry-slideshow--variant-fade .foundry-slideshow__viewport[data-foundry-slideshow-ready="true"] .foundry-slideshow__slide[data-slide-state="inactive"] { z-index: 0; opacity: 0; pointer-events: none; } .foundry-slideshow--variant-fade .foundry-slideshow__viewport[data-foundry-slideshow-ready="true"] .foundry-slideshow__slide[data-slide-state="active"] { z-index: 1; opacity: 1; } .foundry-slideshow--variant-cards .foundry-slideshow__viewport { --foundry-slideshow-frame-border: 0; --foundry-slideshow-frame-radius: 0; --foundry-slideshow-frame-shadow: none; --foundry-slideshow-frame-surface: transparent; --foundry-slideshow-media-surface: transparent; } .foundry-slideshow--variant-cards .foundry-slideshow__frames { padding: clamp(1rem, 4vw, 2.5rem) 0; } .foundry-slideshow--variant-cards .foundry-slideshow__viewport[data-foundry-slideshow-ready="true"] .foundry-slideshow__slide { width: min(78%, 54rem); justify-self: center; border: 1px solid var(--foundry-border, #e2e8f0); border-radius: var(--foundry-slideshow-card-radius, var(--foundry-radius-lg, 1.5rem)); box-shadow: var(--foundry-slideshow-card-shadow, 0 1.5rem 3.5rem rgba(15, 23, 42, 0.16)); } .foundry-slideshow--variant-cards .foundry-slideshow__viewport[data-foundry-slideshow-ready="true"] .foundry-slideshow__slide[data-slide-state="active"] { z-index: 3; opacity: 1; transform: translateX(0) scale(1); } .foundry-slideshow--variant-cards .foundry-slideshow__viewport[data-foundry-slideshow-ready="true"] .foundry-slideshow__slide[data-slide-state="previous"] { z-index: 2; opacity: 0.68; transform: translateX(-72%) scale(0.84); } .foundry-slideshow--variant-cards .foundry-slideshow__viewport[data-foundry-slideshow-ready="true"] .foundry-slideshow__slide[data-slide-state="next"] { z-index: 2; opacity: 0.68; transform: translateX(72%) scale(0.84); } .foundry-slideshow--variant-cards .foundry-slideshow__viewport[data-foundry-slideshow-ready="true"] .foundry-slideshow__slide[data-slide-state="inactive"] { z-index: 0; opacity: 0; pointer-events: none; transform: scale(0.72); } @media (max-width: 640px) { .foundry-slideshow__inner { padding-inline: var(--foundry-container-gutter-mobile, 1rem); } .foundry-slideshow__controls { gap: 0.25rem; padding-inline: 0.5rem; } .foundry-slideshow__dots { order: 5; width: 100%; } .foundry-slideshow--variant-cards .foundry-slideshow__viewport[data-foundry-slideshow-ready="true"] .foundry-slideshow__slide { width: 86%; } .foundry-slideshow--variant-cards .foundry-slideshow__viewport[data-foundry-slideshow-ready="true"] .foundry-slideshow__slide[data-slide-state="previous"] { transform: translateX(-62%) scale(0.86); } .foundry-slideshow--variant-cards .foundry-slideshow__viewport[data-foundry-slideshow-ready="true"] .foundry-slideshow__slide[data-slide-state="next"] { transform: translateX(62%) scale(0.86); } } @media (prefers-reduced-motion: reduce) { .foundry-slideshow__track, .foundry-slideshow__slide, .foundry-slideshow__dot::after { scroll-behavior: auto; transition: none !important; } } .foundry-features__inner, .foundry-stats-band__inner, .foundry-quote__inner, .foundry-cta__inner { box-sizing: border-box; width: 100%; max-width: var(--foundry-wide-container-max, 72rem); margin-inline: auto; padding-inline: var(--foundry-container-gutter, 1.5rem); } .foundry-features__title, .foundry-stats-band__title, .foundry-cta__title { margin: 1rem 0 0; font-size: clamp(2rem, 4vw, 3rem); line-height: 1.08; letter-spacing: -0.035em; } .foundry-features__text, .foundry-stats-band__subtitle, .foundry-cta__text { max-width: 48rem; margin: 1rem 0 0; line-height: 1.7; } .foundry-features__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; margin-top: 2.5rem; } .foundry-features__item { padding: 1.5rem; } .foundry-features__item-icon, .foundry-quote__mark { display: inline-flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; } .foundry-features__item-icon svg, .foundry-quote__mark svg { width: 1.25rem; height: 1.25rem; } .foundry-features__item-cta { display: inline-flex; align-items: center; gap: 0.5rem; margin-top: auto; padding-top: 1rem; color: inherit; font-size: 0.875rem; font-weight: 600; } .foundry-icon-grid, .foundry-stats-grid, .foundry-testimonials, .foundry-masonry-gallery { padding-block: clamp(3.5rem, 7vw, 5rem); } .foundry-icon-grid__inner, .foundry-stats-grid__inner, .foundry-testimonials__inner, .foundry-masonry-gallery__inner { box-sizing: border-box; width: 100%; max-width: 72rem; margin-inline: auto; padding-inline: 1.5rem; } .foundry-icon-grid__title, .foundry-stats-grid__title, .foundry-testimonials__title, .foundry-masonry-gallery__title { margin: 0; font-size: clamp(2rem, 4vw, 3rem); line-height: 1.08; letter-spacing: -0.035em; } .foundry-icon-grid, .foundry-stats-grid, .foundry-testimonials { color: var(--foundry-text, #0f172a); } .foundry-icon-grid__header, .foundry-stats-grid__header, .foundry-testimonials__header { max-width: var(--foundry-grid-header-measure, 48rem); } .foundry-icon-grid__eyebrow, .foundry-stats-grid__eyebrow, .foundry-testimonials__eyebrow { margin: 0 0 0.75rem; color: var(--foundry-grid-eyebrow-color, var(--foundry-brand, #1d4ed8)); font-size: 0.75rem; font-weight: 750; letter-spacing: 0.14em; text-transform: uppercase; } .foundry-icon-grid__subtitle, .foundry-stats-grid__subtitle, .foundry-testimonials__subtitle, .foundry-masonry-gallery__subtitle { max-width: 48rem; margin: 1rem 0 0; color: var(--foundry-text-muted, #475569); line-height: 1.7; } .foundry-icon-grid__grid, .foundry-stats-grid__grid, .foundry-testimonials__grid { display: grid; gap: 1.5rem; margin-top: 2.5rem; } .foundry-icon-grid__grid { grid-template-columns: repeat(var(--foundry-icon-grid-columns, 3), minmax(0, 1fr)); } .foundry-icon-grid--columns-2 { --foundry-icon-grid-columns: 2; } .foundry-icon-grid--columns-4 { --foundry-icon-grid-columns: 4; } .foundry-icon-grid__item { min-width: 0; display: flex; align-items: flex-start; gap: var(--foundry-icon-grid-item-gap, 1rem); padding-block: 1.25rem; border-bottom: 1px solid var(--foundry-icon-grid-rule, var(--foundry-border, #e2e8f0)); } .foundry-icon-grid__icon { display: inline-flex; flex: 0 0 2.75rem; align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem; border-radius: var(--foundry-icon-grid-icon-radius, 999px); background: var(--foundry-icon-grid-icon-bg, var(--foundry-brand, #0f172a)); color: var(--foundry-icon-grid-icon-color, #ffffff); } .foundry-icon-grid__icon-svg, .foundry-icon-grid__icon svg { width: 1.25rem; height: 1.25rem; } .foundry-icon-grid__content { min-width: 0; flex: 1 1 auto; } .foundry-icon-grid__item-title, .foundry-icon-grid__item-text, .foundry-icon-grid__empty { margin: 0; } .foundry-icon-grid__item-title { font-family: var(--foundry-font-family-heading, inherit); font-size: 1.125rem; line-height: 1.25; } .foundry-icon-grid__item-text { margin-top: 0.65rem; color: var(--foundry-text-muted, #475569); line-height: 1.65; } .foundry-icon-grid__link, .foundry-testimonials__source { display: inline-flex; min-height: 2.75rem; align-items: center; margin-top: 0.8rem; color: var(--foundry-link-color, var(--foundry-brand, #1d4ed8)); font-size: 0.875rem; font-weight: 700; text-decoration-thickness: 1px; text-underline-offset: 0.25em; } .foundry-icon-grid__link:focus-visible, .foundry-testimonials__source:focus-visible { outline: 3px solid var(--foundry-focus-ring, #3b82f6); outline-offset: 3px; } .foundry-icon-grid--cards .foundry-icon-grid__item { padding: var(--foundry-icon-grid-card-padding, 1.5rem); border: 1px solid var(--foundry-icon-grid-card-border, var(--foundry-border, #e2e8f0)); border-radius: var(--foundry-icon-grid-card-radius, var(--foundry-radius, 1rem)); background: var(--foundry-icon-grid-card-bg, var(--foundry-surface, #ffffff)); box-shadow: var(--foundry-icon-grid-card-shadow, var(--foundry-shadow-sm, 0 1px 3px rgba(15, 23, 42, 0.1))); } .foundry-icon-grid--centered .foundry-icon-grid__header { margin-inline: auto; text-align: center; } .foundry-icon-grid--centered .foundry-icon-grid__item { display: block; padding: 1rem clamp(0.5rem, 2vw, 1.5rem) 1.5rem; text-align: center; } .foundry-icon-grid--centered .foundry-icon-grid__icon { width: 3.5rem; height: 3.5rem; margin: 0 auto 1.25rem; background: transparent; color: var(--foundry-icon-grid-icon-bg, var(--foundry-brand, #0f172a)); border: 1px solid currentColor; } .foundry-icon-grid__empty, .foundry-stats-grid__empty, .foundry-testimonials__empty { margin: 2rem 0 0; padding: 1rem; border: 1px dashed var(--foundry-border, #cbd5e1); border-radius: var(--foundry-radius-sm, 0.75rem); color: var(--foundry-text-muted, #475569); } .foundry-stats-grid__grid { grid-template-columns: repeat(var(--foundry-stats-grid-columns, 4), minmax(0, 1fr)); margin-bottom: 0; padding: 0; } .foundry-stats-grid--columns-2 { --foundry-stats-grid-columns: 2; } .foundry-stats-grid--columns-3 { --foundry-stats-grid-columns: 3; } .foundry-stats-grid__item { min-width: 0; padding: var(--foundry-stats-grid-item-padding, 1.5rem); border: 1px solid var(--foundry-stats-grid-border, var(--foundry-border, #e2e8f0)); border-radius: var(--foundry-stats-grid-radius, var(--foundry-radius, 1rem)); background: var(--foundry-stats-grid-surface, var(--foundry-surface, #ffffff)); text-align: center; } .foundry-stats-grid__icon { display: inline-flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; margin-bottom: 1rem; border-radius: 999px; background: var(--foundry-stats-grid-icon-bg, var(--foundry-text, #0f172a)); color: var(--foundry-stats-grid-icon-color, var(--foundry-bg, #ffffff)); } .foundry-stats-grid__icon-svg, .foundry-stats-grid__icon svg { width: 1.1rem; height: 1.1rem; } .foundry-stats-grid__value { margin: 0; font-family: var(--foundry-font-family-heading, inherit); font-size: clamp(2.5rem, 5vw, 4.5rem); font-weight: 700; line-height: 0.95; letter-spacing: -0.04em; } .foundry-stats-grid__label, .foundry-stats-grid__detail { margin: 0.75rem 0 0; } .foundry-stats-grid__label { color: var(--foundry-stats-grid-label-color, var(--foundry-text-muted, #475569)); font-size: 0.875rem; font-weight: 700; } .foundry-stats-grid__detail { color: var(--foundry-stats-grid-detail-color, var(--foundry-text-muted, #475569)); font-size: 0.8rem; line-height: 1.55; } .foundry-stats-grid--band .foundry-stats-grid__grid { gap: 0; padding-block: clamp(1.5rem, 4vw, 3rem); border-block: 1px solid var(--foundry-stats-grid-border, var(--foundry-border, #cbd5e1)); } .foundry-stats-grid--band .foundry-stats-grid__item { padding-block: 0.5rem; border: 0; border-inline-start: 1px solid var(--foundry-stats-grid-border, var(--foundry-border, #cbd5e1)); border-radius: 0; background: transparent; } .foundry-stats-grid--band .foundry-stats-grid__item:first-child { border-inline-start: 0; } .foundry-stats-grid--band .foundry-stats-grid__value { font-weight: 450; } .foundry-stats-grid--highlighted .foundry-stats-grid__item { border-color: transparent; background: var(--foundry-stats-grid-highlight-bg, var(--foundry-brand, #0f172a)); color: var(--foundry-stats-grid-highlight-text, #ffffff); box-shadow: var(--foundry-stats-grid-highlight-shadow, 0 1.25rem 3rem rgba(15, 23, 42, 0.16)); } .foundry-stats-grid--highlighted .foundry-stats-grid__label, .foundry-stats-grid--highlighted .foundry-stats-grid__detail { color: var(--foundry-stats-grid-highlight-muted, rgba(255, 255, 255, 0.78)); } .foundry-stats-grid--highlighted .foundry-stats-grid__icon { background: rgba(255, 255, 255, 0.14); color: inherit; } .foundry-testimonials__header { margin-inline: auto; text-align: center; } .foundry-testimonials__subtitle { margin-inline: auto; } .foundry-testimonials__collection { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; margin-top: 2.5rem; } .foundry-testimonials__item { position: relative; min-width: 0; margin: 0; padding: var(--foundry-testimonials-card-padding, 1.5rem); border: 1px solid var(--foundry-testimonials-border, var(--foundry-border, #e2e8f0)); border-radius: var(--foundry-testimonials-radius, var(--foundry-radius, 1rem)); background: var(--foundry-testimonials-surface, var(--foundry-surface, #ffffff)); box-shadow: var(--foundry-testimonials-shadow, var(--foundry-shadow-sm, 0 1px 3px rgba(15, 23, 42, 0.1))); } .foundry-testimonials__mark { display: block; height: 2.25rem; color: var(--foundry-testimonials-mark, var(--foundry-brand, #1d4ed8)); font-family: Georgia, serif; font-size: 3.75rem; line-height: 1; } .foundry-testimonials__quote { margin: 0; font-size: 1.08rem; line-height: 1.7; } .foundry-testimonials__quote p { margin: 0; } .foundry-testimonials__attribution { display: flex; align-items: center; gap: 0.8rem; margin-top: 1.5rem; } .foundry-testimonials__avatar { width: 3rem; height: 3rem; flex: 0 0 3rem; border-radius: 999px; object-fit: cover; } .foundry-testimonials__person { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; } .foundry-testimonials__author, .foundry-testimonials__role { display: block; } .foundry-testimonials__author { font-size: 0.9rem; } .foundry-testimonials__role { margin-top: 0.15rem; color: var(--foundry-text-muted, #475569); font-size: 0.8rem; line-height: 1.4; } .foundry-testimonials__source { min-height: 2rem; margin-top: 0.2rem; font-size: 0.75rem; } .foundry-testimonials--featured .foundry-testimonials__collection { grid-template-columns: repeat(2, minmax(0, 1fr)); } .foundry-testimonials--featured .foundry-testimonials__item--lead { grid-column: 1 / -1; padding: clamp(2rem, 5vw, 4.5rem); background: var(--foundry-testimonials-featured-bg, var(--foundry-surface-soft, #f8fafc)); text-align: center; } .foundry-testimonials--featured .foundry-testimonials__item--lead .foundry-testimonials__quote { max-width: 48rem; margin-inline: auto; font-family: var(--foundry-font-family-heading, inherit); font-size: clamp(1.4rem, 3vw, 2.35rem); line-height: 1.35; } .foundry-testimonials--featured .foundry-testimonials__item--lead .foundry-testimonials__attribution { justify-content: center; } .foundry-testimonials--stacked .foundry-testimonials__collection { max-width: 52rem; grid-template-columns: 1fr; gap: 0; margin-inline: auto; border-top: 1px solid var(--foundry-testimonials-border, var(--foundry-border, #e2e8f0)); } .foundry-testimonials--stacked .foundry-testimonials__item { display: grid; grid-template-columns: minmax(0, 1fr) minmax(10rem, 14rem); gap: 2rem; padding: clamp(1.5rem, 4vw, 2.75rem) 0; border: 0; border-bottom: 1px solid var(--foundry-testimonials-border, var(--foundry-border, #e2e8f0)); border-radius: 0; background: transparent; box-shadow: none; } .foundry-testimonials--stacked .foundry-testimonials__mark { position: absolute; inset-block-start: 1.2rem; inset-inline-start: -2.25rem; } .foundry-testimonials--stacked .foundry-testimonials__attribution { align-self: end; margin-top: 0; } .foundry-logo-trust { padding-block: var(--foundry-logo-trust-padding-block, clamp(3.5rem, 7vw, 5rem)); color: var(--foundry-logo-trust-text, var(--foundry-text, #0f172a)); } .foundry-logo-trust__inner { box-sizing: border-box; width: 100%; max-width: var(--foundry-logo-trust-container-max, var(--foundry-wide-container-max, 72rem)); margin-inline: auto; padding-inline: var(--foundry-container-gutter, 1.5rem); } .foundry-logo-trust__header { max-width: var(--foundry-logo-trust-header-measure, 48rem); } .foundry-logo-trust__eyebrow { margin: 0 0 0.75rem; color: var(--foundry-logo-trust-eyebrow-color, var(--foundry-brand-accent, #2563eb)); font-size: 0.75rem; font-weight: 750; letter-spacing: 0.14em; text-transform: uppercase; } .foundry-logo-trust__title { margin: 0; color: var(--foundry-logo-trust-title-color, currentColor); font-family: var(--foundry-font-family-heading, inherit); font-size: clamp(1.8rem, 3.4vw, 2.75rem); font-weight: var(--foundry-type-heading-weight, 700); letter-spacing: -0.03em; line-height: 1.08; text-wrap: balance; } .foundry-logo-trust__subtitle { max-width: var(--foundry-logo-trust-subtitle-measure, 48rem); margin: 0.85rem 0 0; color: var(--foundry-logo-trust-muted, var(--foundry-text-muted, #475569)); line-height: 1.7; } .foundry-logo-trust__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--foundry-logo-trust-gap, 1.5rem); align-items: stretch; margin: var(--foundry-logo-trust-grid-offset, 2rem) 0 0; padding: 0; list-style: none; } .foundry-logo-trust__item { display: flex; min-width: 0; min-height: var(--foundry-logo-trust-item-min-height, 7rem); align-items: center; justify-content: center; margin: 0; padding: var(--foundry-logo-trust-item-padding, 1rem); border: 1px solid var(--foundry-logo-trust-mark-border, var(--foundry-border, #e2e8f0)); border-radius: var(--foundry-logo-trust-radius, var(--foundry-radius-lg, 1rem)); background: var(--foundry-logo-trust-mark-surface, var(--foundry-surface, #ffffff)); color: var(--foundry-logo-trust-mark-text, var(--foundry-logo-trust-text, var(--foundry-text, #0f172a))); box-shadow: var(--foundry-logo-trust-shadow, var(--foundry-shadow-sm, 0 1px 3px rgb(15 23 42 / 10%))); text-align: center; } .foundry-logo-trust__image { display: block; width: auto; max-width: 100%; height: var(--foundry-logo-trust-image-height, 2.75rem); object-fit: contain; } .foundry-logo-trust__name { overflow-wrap: anywhere; color: var(--foundry-logo-trust-name-color, currentColor); font-size: 0.9rem; font-weight: 700; line-height: 1.35; } .foundry-logo-trust__badges { display: flex; flex-wrap: wrap; gap: var(--foundry-logo-trust-badge-gap, 0.75rem); margin: var(--foundry-logo-trust-badge-offset, 1.5rem) 0 0; padding: 0; list-style: none; } .foundry-logo-trust__badge { margin: 0; padding: 0.5rem 0.8rem; border: 1px solid var(--foundry-logo-trust-badge-border, var(--foundry-border, #e2e8f0)); border-radius: var(--foundry-logo-trust-badge-radius, 999px); background: var(--foundry-logo-trust-badge-surface, var(--foundry-surface-soft, #f8fafc)); color: var(--foundry-logo-trust-badge-text, var(--foundry-logo-trust-muted, var(--foundry-text-muted, #475569))); font-size: 0.78rem; font-weight: 700; line-height: 1.25; } .foundry-logo-trust__empty { margin: 2rem 0 0; padding: 1rem; border: 1px dashed var(--foundry-logo-trust-mark-border, var(--foundry-border, #cbd5e1)); border-radius: var(--foundry-logo-trust-radius, var(--foundry-radius-lg, 1rem)); color: var(--foundry-logo-trust-muted, var(--foundry-text-muted, #475569)); } .foundry-logo-trust--strip .foundry-logo-trust__grid { gap: 0; border-block: 1px solid var(--foundry-logo-trust-strip-rule, var(--foundry-logo-trust-mark-border, var(--foundry-border, #e2e8f0))); } .foundry-logo-trust--strip .foundry-logo-trust__item { min-height: 6rem; border: 0; border-inline-start: 1px solid var(--foundry-logo-trust-strip-rule, var(--foundry-logo-trust-mark-border, var(--foundry-border, #e2e8f0))); border-radius: 0; background: transparent; box-shadow: none; } .foundry-logo-trust--strip .foundry-logo-trust__item:first-child { border-inline-start: 0; } .foundry-logo-trust--strip .foundry-logo-trust__image { height: var(--foundry-logo-trust-strip-image-height, 2.25rem); } .foundry-logo-trust--strip .foundry-logo-trust__badges { justify-content: flex-end; } .foundry-logo-trust--band .foundry-logo-trust__header { margin-inline: auto; text-align: center; } .foundry-logo-trust--band .foundry-logo-trust__subtitle { margin-inline: auto; } .foundry-logo-trust--band .foundry-logo-trust__grid { gap: 0; padding: var(--foundry-logo-trust-band-padding, clamp(1rem, 3vw, 2rem)); border: 1px solid var(--foundry-logo-trust-band-border, var(--foundry-logo-trust-mark-border, var(--foundry-border, #e2e8f0))); border-radius: var(--foundry-logo-trust-band-radius, var(--foundry-radius-lg, 1rem)); background: var(--foundry-logo-trust-band-surface, var(--foundry-surface-soft, #f8fafc)); } .foundry-logo-trust--band .foundry-logo-trust__item { min-height: 5rem; border: 0; border-inline-start: 1px solid var(--foundry-logo-trust-band-divider, var(--foundry-logo-trust-mark-border, var(--foundry-border, #e2e8f0))); border-radius: 0; background: transparent; box-shadow: none; } .foundry-logo-trust--band .foundry-logo-trust__item:first-child { border-inline-start: 0; } .foundry-logo-trust--band .foundry-logo-trust__badges { justify-content: center; } .foundry-onboarding-timeline { padding-block: var(--foundry-onboarding-padding-block, clamp(3.5rem, 7vw, 5rem)); color: var(--foundry-onboarding-text, var(--foundry-text, #0f172a)); } .foundry-onboarding-timeline__inner { box-sizing: border-box; width: 100%; max-width: var(--foundry-onboarding-container-max, var(--foundry-wide-container-max, 72rem)); margin-inline: auto; padding-inline: var(--foundry-container-gutter, 1.5rem); } .foundry-onboarding-timeline__header { max-width: var(--foundry-onboarding-header-measure, 48rem); } .foundry-onboarding-timeline__eyebrow { margin: 0 0 0.75rem; color: var(--foundry-onboarding-eyebrow-color, var(--foundry-brand-accent, #2563eb)); font-size: 0.75rem; font-weight: 750; letter-spacing: 0.14em; text-transform: uppercase; } .foundry-onboarding-timeline__title { margin: 0; color: var(--foundry-onboarding-title-color, currentColor); font-family: var(--foundry-font-family-heading, inherit); font-size: clamp(2rem, 4vw, 3.25rem); font-weight: var(--foundry-type-heading-weight, 700); letter-spacing: -0.035em; line-height: 1.06; text-wrap: balance; } .foundry-onboarding-timeline__subtitle { max-width: 44rem; margin: 1rem 0 0; color: var(--foundry-onboarding-muted, var(--foundry-text-muted, #475569)); line-height: 1.7; } .foundry-onboarding-timeline__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--foundry-onboarding-item-gap, 1.5rem); margin: var(--foundry-onboarding-list-offset, 2.5rem) 0 0; padding: 0; list-style: none; } .foundry-onboarding-timeline__item { min-width: 0; margin: 0; padding: var(--foundry-onboarding-card-padding, 1.5rem); border: 1px solid var(--foundry-onboarding-border, var(--foundry-border, #e2e8f0)); border-radius: var(--foundry-onboarding-radius, var(--foundry-radius-lg, 1rem)); background: var(--foundry-onboarding-surface, var(--foundry-surface, #ffffff)); color: var(--foundry-onboarding-card-text, var(--foundry-onboarding-text, var(--foundry-text, #0f172a))); box-shadow: var(--foundry-onboarding-shadow, var(--foundry-shadow-sm, 0 1px 3px rgb(15 23 42 / 10%))); } .foundry-onboarding-timeline__item-row { display: flex; align-items: flex-start; gap: var(--foundry-onboarding-marker-gap, 1rem); } .foundry-onboarding-timeline__number { display: inline-flex; width: var(--foundry-onboarding-marker-size, 2.5rem); height: var(--foundry-onboarding-marker-size, 2.5rem); flex: 0 0 var(--foundry-onboarding-marker-size, 2.5rem); align-items: center; justify-content: center; border: 1px solid var(--foundry-onboarding-marker-border, transparent); border-radius: var(--foundry-onboarding-marker-radius, 999px); background: var(--foundry-onboarding-marker-surface, var(--foundry-text, #0f172a)); color: var(--foundry-onboarding-marker-text, var(--foundry-bg, #ffffff)); font-size: 0.8rem; font-weight: 750; line-height: 1; } .foundry-onboarding-timeline__content { min-width: 0; flex: 1 1 auto; } .foundry-onboarding-timeline__item-title { display: flex; align-items: center; gap: var(--foundry-onboarding-title-gap, 0.5rem); margin: 0; color: var(--foundry-onboarding-item-title-color, currentColor); font-family: var(--foundry-font-family-heading, inherit); font-size: 1.125rem; font-weight: 700; line-height: 1.3; } .foundry-onboarding-timeline__icon { display: inline-flex; width: 1.25rem; height: 1.25rem; flex: 0 0 1.25rem; align-items: center; justify-content: center; color: var(--foundry-onboarding-icon-color, var(--foundry-onboarding-muted, var(--foundry-text-muted, #475569))); } .foundry-onboarding-timeline__icon-svg, .foundry-onboarding-timeline__icon svg { width: 1.25rem; height: 1.25rem; } .foundry-onboarding-timeline__description { margin: 0.65rem 0 0; color: var(--foundry-onboarding-muted, var(--foundry-text-muted, #475569)); font-size: 0.9rem; line-height: 1.65; } .foundry-onboarding-timeline__empty { margin: 2rem 0 0; padding: 1rem; border: 1px dashed var(--foundry-onboarding-border, var(--foundry-border, #cbd5e1)); border-radius: var(--foundry-onboarding-radius, var(--foundry-radius-lg, 1rem)); color: var(--foundry-onboarding-muted, var(--foundry-text-muted, #475569)); } .foundry-onboarding-timeline--rail .foundry-onboarding-timeline__list { max-width: 52rem; grid-template-columns: 1fr; gap: 0; border-top: 1px solid var(--foundry-onboarding-border, var(--foundry-border, #e2e8f0)); } .foundry-onboarding-timeline--rail .foundry-onboarding-timeline__item { padding: clamp(1.5rem, 4vw, 2.5rem) 0; border: 0; border-bottom: 1px solid var(--foundry-onboarding-border, var(--foundry-border, #e2e8f0)); border-radius: 0; background: transparent; box-shadow: none; } .foundry-onboarding-timeline--rail .foundry-onboarding-timeline__item-row { display: grid; grid-template-columns: 4rem minmax(0, 1fr); gap: clamp(1rem, 3vw, 2rem); } .foundry-onboarding-timeline--rail .foundry-onboarding-timeline__number { width: 4rem; height: auto; flex-basis: auto; justify-content: flex-start; border: 0; border-radius: 0; background: transparent; color: var(--foundry-onboarding-marker-surface, var(--foundry-brand-accent, #2563eb)); font-family: var(--foundry-font-family-heading, inherit); font-size: clamp(1.75rem, 4vw, 3rem); font-weight: 450; letter-spacing: -0.04em; } .foundry-onboarding-timeline--rail .foundry-onboarding-timeline__item-title { font-size: clamp(1.2rem, 2.2vw, 1.65rem); } .foundry-onboarding-timeline--compact .foundry-onboarding-timeline__list { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; border-block: 1px solid var(--foundry-onboarding-border, var(--foundry-border, #e2e8f0)); } .foundry-onboarding-timeline--compact .foundry-onboarding-timeline__item { padding: 1.5rem; border: 0; border-inline-start: 1px solid var(--foundry-onboarding-border, var(--foundry-border, #e2e8f0)); border-radius: 0; background: transparent; box-shadow: none; } .foundry-onboarding-timeline--compact .foundry-onboarding-timeline__item:first-child { border-inline-start: 0; } .foundry-onboarding-timeline--compact .foundry-onboarding-timeline__item-row { display: block; } .foundry-onboarding-timeline--compact .foundry-onboarding-timeline__number { --foundry-onboarding-marker-size: 2rem; margin-bottom: 1rem; border-radius: 0.5rem; } .foundry-onboarding-timeline--compact .foundry-onboarding-timeline__item-title { font-size: 1rem; } .foundry-onboarding-timeline--compact .foundry-onboarding-timeline__description { font-size: 0.82rem; } .foundry-masonry-gallery__columns { column-count: 3; column-gap: var(--foundry-masonry-gallery-gap, 1.25rem); margin-top: 2.5rem; } .foundry-masonry-gallery { color: var(--foundry-masonry-gallery-color, var(--foundry-text, #0f172a)); } .foundry-masonry-gallery--columns-2 .foundry-masonry-gallery__columns { column-count: 2; } .foundry-masonry-gallery--columns-4 .foundry-masonry-gallery__columns { column-count: 4; } .foundry-masonry-gallery--gap-sm { --foundry-masonry-gallery-gap: 0.75rem; } .foundry-masonry-gallery--gap-lg { --foundry-masonry-gallery-gap: 1.75rem; } .foundry-masonry-gallery__inner { max-width: var(--foundry-masonry-gallery-container-max, var(--foundry-wide-container-max, 72rem)); padding-inline: var(--foundry-container-gutter, 1.5rem); } .foundry-masonry-gallery__title { color: var(--foundry-masonry-gallery-title-color, currentColor); } .foundry-masonry-gallery__subtitle { color: var(--foundry-masonry-gallery-muted-color, var(--foundry-text-muted, #475569)); } .foundry-masonry-gallery__subtitle > :first-child { margin-top: 0; } .foundry-masonry-gallery__subtitle > :last-child { margin-bottom: 0; } .foundry-masonry-gallery__item { box-sizing: border-box; display: inline-block; width: 100%; margin: 0 0 var(--foundry-masonry-gallery-gap, 1.25rem); break-inside: avoid; padding: var(--foundry-masonry-gallery-item-padding, 0.75rem); border: 1px solid var(--foundry-masonry-gallery-item-border, var(--foundry-border, #e2e8f0)); border-radius: var(--foundry-masonry-gallery-item-radius, var(--foundry-radius, 1rem)); background: var(--foundry-masonry-gallery-item-surface, var(--foundry-surface, #ffffff)); box-shadow: var(--foundry-masonry-gallery-item-shadow, var(--foundry-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.1))); } .foundry-masonry-gallery__media { display: block; width: 100%; overflow: hidden; padding: 0; border: 1px solid var(--foundry-media-border, var(--foundry-border, #e2e8f0)); border-radius: var(--foundry-media-radius, 0.75rem); background: var(--foundry-media-frame-bg, #f1f5f9); color: inherit; font: inherit; text-align: left; text-decoration: none; } :where(button, a).foundry-masonry-gallery__media { cursor: pointer; } .foundry-masonry-gallery__media:focus-visible { outline: 3px solid var(--foundry-focus-ring, var(--foundry-brand-accent, #3b82f6)); outline-offset: 3px; } .foundry-masonry-gallery__image { display: block; width: 100%; height: auto; object-fit: cover; transition: transform 220ms ease; } .foundry-masonry-gallery__media:hover .foundry-masonry-gallery__image { transform: scale(1.02); } .foundry-masonry-gallery__caption { display: -webkit-box; overflow: hidden; margin: var(--foundry-masonry-gallery-caption-margin, 0.75rem 0 0); padding: var(--foundry-masonry-gallery-caption-padding, 0); color: var(--foundry-masonry-gallery-muted-color, var(--foundry-media-caption-color, var(--foundry-text-muted, #475569))); font-size: 0.875rem; line-height: 1.5; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .foundry-masonry-gallery__empty { margin-top: 2rem; padding: 1.25rem; border: 1px dashed var(--foundry-masonry-gallery-item-border, var(--foundry-border, #e2e8f0)); border-radius: var(--foundry-radius, 1rem); background: var(--foundry-masonry-gallery-item-surface, var(--foundry-surface, #ffffff)); } .foundry-masonry-gallery__empty-text { margin: 0; color: var(--foundry-masonry-gallery-muted-color, var(--foundry-text-muted, #475569)); font-size: 0.875rem; } .foundry-masonry-gallery__dialog { width: min(var(--foundry-masonry-gallery-dialog-max, 72rem), calc(100vw - 2rem)); max-width: calc(100vw - 2rem); max-height: min(90dvh, 54rem); margin: auto; overflow: hidden; padding: 0; border: 1px solid var(--foundry-masonry-gallery-dialog-border, var(--foundry-border, #e2e8f0)); border-radius: var(--foundry-masonry-gallery-dialog-radius, var(--foundry-radius, 1rem)); background: var(--foundry-masonry-gallery-dialog-surface, var(--foundry-surface, #ffffff)); color: var(--foundry-masonry-gallery-dialog-color, var(--foundry-text, #0f172a)); box-shadow: var(--foundry-masonry-gallery-dialog-shadow, 0 24px 80px rgba(15, 23, 42, 0.28)); } .foundry-masonry-gallery__dialog::backdrop { background: var(--foundry-masonry-gallery-backdrop, rgba(2, 6, 23, 0.78)); backdrop-filter: blur(6px); } .foundry-masonry-gallery__dialog-inner { position: relative; display: grid; grid-template-rows: minmax(0, 1fr) auto; max-height: min(90dvh, 54rem); } .foundry-masonry-gallery__dialog-close, .foundry-masonry-gallery__dialog-control { display: inline-flex; align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem; flex: 0 0 2.75rem; padding: 0; border: 1px solid var(--foundry-masonry-gallery-control-border, var(--foundry-border, #e2e8f0)); border-radius: 999px; background: var(--foundry-masonry-gallery-control-surface, var(--foundry-surface, #ffffff)); color: var(--foundry-masonry-gallery-control-color, var(--foundry-text, #0f172a)); cursor: pointer; } .foundry-masonry-gallery__dialog-close { position: absolute; top: 0.75rem; right: 0.75rem; z-index: 3; border-color: var(--foundry-masonry-gallery-close-border, rgba(255, 255, 255, 0.34)); background: var(--foundry-masonry-gallery-close-surface, rgba(2, 6, 23, 0.84)); color: var(--foundry-masonry-gallery-close-color, #ffffff); box-shadow: var(--foundry-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.14)); backdrop-filter: blur(8px); } .foundry-masonry-gallery__dialog-stage { display: grid; min-height: 0; max-height: calc(min(90dvh, 54rem) - 6rem); place-items: center; overflow: hidden; background: var(--foundry-masonry-gallery-stage-surface, var(--foundry-media-frame-bg, #f1f5f9)); } .foundry-masonry-gallery__dialog-image { display: block; width: auto; max-width: 100%; height: auto; max-height: calc(min(90dvh, 54rem) - 6rem); object-fit: contain; } .foundry-masonry-gallery__dialog-footer { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 1rem; padding: 1rem; border-top: 1px solid var(--foundry-masonry-gallery-dialog-border, var(--foundry-border, #e2e8f0)); } .foundry-masonry-gallery__dialog-copy { min-width: 0; } .foundry-masonry-gallery__dialog-caption, .foundry-masonry-gallery__dialog-position { margin: 0; } .foundry-masonry-gallery__dialog-caption { color: var(--foundry-masonry-gallery-dialog-color, var(--foundry-text, #0f172a)); font-size: 0.9375rem; line-height: 1.5; } .foundry-masonry-gallery__dialog-position { margin-top: 0.25rem; color: var(--foundry-masonry-gallery-dialog-muted-color, var(--foundry-text-muted, #475569)); font-size: 0.75rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; } .foundry-masonry-gallery__dialog-controls, .foundry-masonry-gallery__dialog-nav { display: flex; align-items: center; gap: 0.5rem; } .foundry-masonry-gallery__dialog-controls { flex-wrap: wrap; justify-content: flex-end; } .foundry-masonry-gallery__dialog-visit { display: inline-flex; align-items: center; justify-content: center; min-height: 2.75rem; gap: 0.5rem; padding: 0.625rem 0.9rem; border: 1px solid var(--foundry-masonry-gallery-control-border, var(--foundry-border, #e2e8f0)); border-radius: 999px; color: var(--foundry-masonry-gallery-control-color, var(--foundry-text, #0f172a)); font-size: 0.8125rem; font-weight: 650; line-height: 1.2; text-decoration: none; } .foundry-masonry-gallery__dialog-visit[hidden], .foundry-masonry-gallery__dialog-nav[hidden] { display: none; } .foundry-masonry-gallery__control-icon { width: 1.125rem; height: 1.125rem; flex: 0 0 1.125rem; } .foundry-masonry-gallery__dialog-control:hover, .foundry-masonry-gallery__dialog-visit:hover { border-color: var(--foundry-masonry-gallery-control-hover-border, var(--foundry-border-strong, #cbd5e1)); background: var(--foundry-masonry-gallery-control-hover-surface, var(--foundry-surface-soft, #f8fafc)); } .foundry-masonry-gallery__dialog-close:hover { border-color: var(--foundry-masonry-gallery-close-hover-border, rgba(255, 255, 255, 0.5)); background: var(--foundry-masonry-gallery-close-hover-surface, rgba(2, 6, 23, 0.94)); } .foundry-masonry-gallery__dialog-close:focus-visible, .foundry-masonry-gallery__dialog-control:focus-visible, .foundry-masonry-gallery__dialog-visit:focus-visible { outline: 3px solid var(--foundry-focus-ring, var(--foundry-brand-accent, #3b82f6)); outline-offset: 3px; } @media (max-width: 62rem) { .foundry-icon-grid__grid, .foundry-stats-grid__grid, .foundry-testimonials__collection, .foundry-logo-trust__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .foundry-logo-trust--strip .foundry-logo-trust__item:nth-child(odd), .foundry-logo-trust--band .foundry-logo-trust__item:nth-child(odd) { border-inline-start: 0; } .foundry-logo-trust--strip .foundry-logo-trust__item:nth-child(n + 3) { border-block-start: 1px solid var(--foundry-logo-trust-strip-rule, var(--foundry-logo-trust-mark-border, var(--foundry-border, #e2e8f0))); } .foundry-logo-trust--band .foundry-logo-trust__item:nth-child(n + 3) { border-block-start: 1px solid var(--foundry-logo-trust-band-divider, var(--foundry-logo-trust-mark-border, var(--foundry-border, #e2e8f0))); } .foundry-onboarding-timeline--compact .foundry-onboarding-timeline__list { grid-template-columns: repeat(2, minmax(0, 1fr)); } .foundry-onboarding-timeline--compact .foundry-onboarding-timeline__item:nth-child(odd) { border-inline-start: 0; } .foundry-onboarding-timeline--compact .foundry-onboarding-timeline__item:nth-child(n + 3) { border-block-start: 1px solid var(--foundry-onboarding-border, var(--foundry-border, #e2e8f0)); } .foundry-masonry-gallery .foundry-masonry-gallery__columns { column-count: 2; } } @media (max-width: 40rem) { .foundry-icon-grid__grid, .foundry-stats-grid__grid, .foundry-testimonials__collection, .foundry-testimonials--featured .foundry-testimonials__collection, .foundry-testimonials--stacked .foundry-testimonials__item, .foundry-logo-trust__grid, .foundry-onboarding-timeline__list, .foundry-onboarding-timeline--compact .foundry-onboarding-timeline__list { grid-template-columns: 1fr; } .foundry-logo-trust--strip .foundry-logo-trust__item, .foundry-logo-trust--band .foundry-logo-trust__item { border-inline-start: 0; } .foundry-logo-trust--strip .foundry-logo-trust__item + .foundry-logo-trust__item { border-block-start: 1px solid var(--foundry-logo-trust-strip-rule, var(--foundry-logo-trust-mark-border, var(--foundry-border, #e2e8f0))); } .foundry-logo-trust--band .foundry-logo-trust__item + .foundry-logo-trust__item { border-block-start: 1px solid var(--foundry-logo-trust-band-divider, var(--foundry-logo-trust-mark-border, var(--foundry-border, #e2e8f0))); } .foundry-logo-trust--strip .foundry-logo-trust__badges { justify-content: flex-start; } .foundry-onboarding-timeline__item { padding: var(--foundry-onboarding-card-padding-narrow, 1.25rem); } .foundry-onboarding-timeline--rail .foundry-onboarding-timeline__item { padding-inline: 0; } .foundry-onboarding-timeline--rail .foundry-onboarding-timeline__item-row { grid-template-columns: 2.75rem minmax(0, 1fr); gap: 0.75rem; } .foundry-onboarding-timeline--rail .foundry-onboarding-timeline__number { width: 2.75rem; font-size: 1.5rem; } .foundry-onboarding-timeline--compact .foundry-onboarding-timeline__item { border-inline-start: 0; } .foundry-onboarding-timeline--compact .foundry-onboarding-timeline__item + .foundry-onboarding-timeline__item { border-block-start: 1px solid var(--foundry-onboarding-border, var(--foundry-border, #e2e8f0)); } .foundry-icon-grid__item { gap: 0.85rem; } .foundry-stats-grid--band .foundry-stats-grid__item { padding-block: 1.5rem; border-inline-start: 0; border-block-start: 1px solid var(--foundry-stats-grid-border, var(--foundry-border, #cbd5e1)); } .foundry-stats-grid--band .foundry-stats-grid__item:first-child { border-block-start: 0; } .foundry-testimonials--featured .foundry-testimonials__item--lead { grid-column: auto; } .foundry-testimonials--stacked .foundry-testimonials__item { gap: 1rem; } .foundry-testimonials--stacked .foundry-testimonials__mark { position: static; } .foundry-testimonials--stacked .foundry-testimonials__attribution { margin-top: 0.5rem; } .foundry-masonry-gallery .foundry-masonry-gallery__columns { column-count: 1; } .foundry-masonry-gallery__dialog { width: calc(100vw - 1rem); max-width: calc(100vw - 1rem); max-height: calc(100dvh - 1rem); } .foundry-masonry-gallery__dialog-inner { max-height: calc(100dvh - 1rem); } .foundry-masonry-gallery__dialog-stage, .foundry-masonry-gallery__dialog-image { max-height: calc(100dvh - 10rem); } .foundry-masonry-gallery__dialog-footer { grid-template-columns: 1fr; gap: 0.75rem; } .foundry-masonry-gallery__dialog-controls { justify-content: space-between; } } @media (prefers-reduced-motion: reduce) { .foundry-masonry-gallery__image { transition: none; } .foundry-masonry-gallery__media:hover .foundry-masonry-gallery__image { transform: none; } } .foundry-media-text { padding-block: clamp(4rem, 8vw, 6rem); } .foundry-media-text--density-compact { padding-block: clamp(3rem, 6vw, 4rem); } .foundry-media-text__inner { box-sizing: border-box; display: grid; width: 100%; max-width: var(--foundry-media-text-container-max, var(--foundry-wide-container-max, 72rem)); margin-inline: auto; padding-inline: var(--foundry-container-gutter, 1.5rem); gap: var(--foundry-media-text-gap, 2.5rem); align-items: center; } .foundry-media-text--layout-stacked .foundry-media-text__inner { max-width: var(--foundry-media-text-stacked-container-max, 56rem); } .foundry-media-text--align-start .foundry-media-text__inner { align-items: start; } .foundry-media-text--align-end .foundry-media-text__inner { align-items: end; } .foundry-media-text__media, .foundry-media-text__content { min-width: 0; } .foundry-media-text__media-frame { overflow: hidden; } .foundry-media-text--measure-normal .foundry-media-text__content, .foundry-media-text--measure-wide .foundry-media-text__content, .foundry-media-text--measure-narrow .foundry-media-text__content { width: 100%; max-width: 100%; } .foundry-media-text--measure-normal .foundry-media-text__content { max-width: min(54ch, 100%); } .foundry-media-text--measure-wide .foundry-media-text__content { max-width: min(64ch, 100%); } .foundry-media-text--measure-narrow .foundry-media-text__content { max-width: min(44ch, 100%); } .foundry-media-text--frame-card .foundry-media-text__media-frame, .foundry-media-text__media-frame--card { border: var(--foundry-media-text-frame-border-width, 1px) solid var(--foundry-media-text-frame-border-color, var(--foundry-border, #e2e8f0)); border-radius: var(--foundry-media-text-frame-radius, 1.5rem); background: var(--foundry-media-text-frame-surface, var(--foundry-surface, #fff)); padding: var(--foundry-media-text-frame-padding, 0.75rem); box-shadow: var(--foundry-media-text-frame-shadow, 0 1px 3px rgb(15 23 42 / 0.1)); } .foundry-media-text__media-frame--plain { border: var(--foundry-media-text-frame-border-width, 1px) solid var(--foundry-media-text-frame-plain-border-color, var(--foundry-border, #e2e8f0)); border-radius: var(--foundry-media-text-frame-radius, 1.5rem); background: var(--foundry-media-text-frame-plain-surface, color-mix(in srgb, var(--foundry-media-text-panel-surface, var(--foundry-surface, #fff)) 85%, transparent)); padding: var(--foundry-media-text-frame-padding, 0.75rem); } .foundry-media-text__media-frame--borderless { border: 0; border-radius: 0; background: transparent; padding: 0; } .foundry-media-text__image { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; } .foundry-media-text--ratio-square .foundry-media-text__image { aspect-ratio: 1; } .foundry-media-text--ratio-portrait .foundry-media-text__image { aspect-ratio: 3 / 4; } .foundry-media-text--ratio-wide .foundry-media-text__image { aspect-ratio: 16 / 9; } .foundry-media-text--fit-cover .foundry-media-text__image { object-fit: cover; } .foundry-media-text--fit-contain .foundry-media-text__image { object-fit: contain; } .foundry-media-text--feature-panel .foundry-media-text__content { box-sizing: border-box; padding: var(--foundry-media-text-panel-padding, 1.5rem); border: 1px solid var(--foundry-border, #e2e8f0); border-radius: var(--foundry-radius-lg, 1.5rem); background: var(--foundry-media-text-panel-surface, var(--foundry-surface, #ffffff)); color: var(--foundry-media-text-panel-color, var(--foundry-text, #0f172a)); } .foundry-media-text__caption, .foundry-media-text__eyebrow, .foundry-media-text__title, .foundry-media-text__text, .foundry-media-text__items { margin-top: 0; margin-bottom: 0; } .foundry-media-text__caption { margin-top: 0.75rem; font-size: 0.875rem; line-height: 1.5; } .foundry-media-text__eyebrow { font-size: 0.75rem; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; } .foundry-media-text__title { margin-top: 0.75rem; font-size: clamp(1.875rem, 4vw, 2.5rem); line-height: 1.1; letter-spacing: -0.03em; } .foundry-media-text__text { max-width: none; margin-top: 1rem; font-size: 1rem; line-height: 1.7; } .foundry-media-text__items { display: grid; gap: 0.75rem; margin-top: 1.5rem; padding: 0; list-style: none; } .foundry-media-text__item { display: flex; align-items: flex-start; gap: 0.75rem; } .foundry-media-text__item-icon { display: inline-flex; flex: 0 0 1.25rem; align-items: center; justify-content: center; width: 1.25rem; height: 1.25rem; margin-top: 0.25rem; border-radius: 999px; } .foundry-media-text__item-icon svg { width: 0.75rem; height: 0.75rem; } .foundry-media-text__actions { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 2rem; } .foundry-certification-badges { padding-block: clamp(3rem, 6vw, 4rem); } .foundry-certification-badges__inner { box-sizing: border-box; width: 100%; max-width: 72rem; margin-inline: auto; padding-inline: 1.5rem; } .foundry-certification-badges__title { margin: 0; font-size: clamp(1.5rem, 3vw, 1.875rem); line-height: 1.15; letter-spacing: -0.025em; } .foundry-certification-badges__grid { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 1.5rem; } .foundry-certification-badges__item { display: inline-flex; align-items: center; min-height: 2.5rem; padding: 0.55rem 0.9rem; border: 1px solid var(--foundry-border, #e2e8f0); border-radius: 999px; background: var(--foundry-surface, #ffffff); font-size: 0.875rem; font-weight: 600; line-height: 1.25; } @media (min-width: 768px) { .foundry-media-text--feature-panel .foundry-media-text__content { padding: var(--foundry-media-text-panel-padding-wide, 2rem); } .foundry-media-text--layout-balanced .foundry-media-text__inner, .foundry-media-text--layout-media-wide .foundry-media-text__inner, .foundry-media-text--layout-content-wide .foundry-media-text__inner { grid-template-columns: repeat(2, minmax(0, 1fr)); } .foundry-media-text--media-right .foundry-media-text__media { order: 2; } .foundry-media-text--media-right .foundry-media-text__content { order: 1; } } @media (min-width: 1024px) { .foundry-media-text--layout-media-wide .foundry-media-text__inner, .foundry-media-text--layout-content-wide .foundry-media-text__inner { grid-template-columns: repeat(3, minmax(0, 1fr)); } .foundry-media-text--layout-media-wide .foundry-media-text__media, .foundry-media-text--layout-content-wide .foundry-media-text__content { grid-column: span 2; } } .foundry-full-bleed-split { --foundry-full-bleed-split-min-height: 80vh; --foundry-full-bleed-split-surface: color-mix(in srgb, var(--foundry-surface, #fff) 86%, transparent); --foundry-full-bleed-split-text: var(--foundry-text, #0f172a); --foundry-full-bleed-split-muted: var(--foundry-text-muted, #475569); --foundry-full-bleed-split-accent: var(--foundry-text, #0f172a); --foundry-full-bleed-split-media-bg: #111827; --foundry-full-bleed-split-overlay: linear-gradient(90deg, rgb(0 0 0 / 0.58), rgb(0 0 0 / 0.2) 58%, rgb(0 0 0 / 0.34)), linear-gradient(0deg, rgb(0 0 0 / 0.36), rgb(0 0 0 / 0.12)); --foundry-full-bleed-split-fallback-bg: linear-gradient(135deg, rgba(15, 23, 42, 0.92), rgba(51, 65, 85, 0.72)), repeating-linear-gradient(45deg, rgb(255 255 255 / 0.1) 0 1px, transparent 1px 14px); --foundry-full-bleed-split-text-wrap: min(38rem, 100%); position: relative; overflow: clip; min-height: var(--foundry-full-bleed-split-min-height); color: var(--foundry-full-bleed-split-text); background: var(--foundry-full-bleed-split-surface); } .foundry-full-bleed-split--media-left, .foundry-full-bleed-split--media-right { --foundry-full-bleed-split-text-align: left; } .foundry-full-bleed-split--min-height-70vh { --foundry-full-bleed-split-min-height: 70vh; } .foundry-full-bleed-split--min-height-80vh { --foundry-full-bleed-split-min-height: 80vh; } .foundry-full-bleed-split--min-height-100vh { --foundry-full-bleed-split-min-height: 100vh; } .foundry-full-bleed-split--palette-light { --foundry-full-bleed-split-surface: #f8fafc; --foundry-full-bleed-split-text: var(--foundry-text, #0f172a); --foundry-full-bleed-split-muted: var(--foundry-text-muted, #475569); --foundry-full-bleed-split-accent: #0f172a; } .foundry-full-bleed-split--palette-stone { --foundry-full-bleed-split-surface: #f1ede5; --foundry-full-bleed-split-text: #1c1917; --foundry-full-bleed-split-muted: #57534e; --foundry-full-bleed-split-accent: #1c1917; } .foundry-full-bleed-split--palette-cream { --foundry-full-bleed-split-surface: #f8f1de; --foundry-full-bleed-split-text: #302d21; --foundry-full-bleed-split-muted: #5b5546; --foundry-full-bleed-split-accent: #302d21; } .foundry-full-bleed-split--palette-dark { --foundry-full-bleed-split-surface: #0b111c; --foundry-full-bleed-split-text: #f8fafc; --foundry-full-bleed-split-muted: #cbd5e1; --foundry-full-bleed-split-accent: #f8fafc; --foundry-full-bleed-split-overlay: linear-gradient(90deg, rgb(0 0 0 / 0.68), rgb(0 0 0 / 0.26) 56%, rgb(0 0 0 / 0.56)), linear-gradient(0deg, rgb(0 0 0 / 0.44), rgb(0 0 0 / 0.12)); } .foundry-full-bleed-split__inner { display: grid; grid-template-columns: 1fr; min-height: var(--foundry-full-bleed-split-min-height); width: 100%; max-width: 100%; } .foundry-full-bleed-split__media, .foundry-full-bleed-split__text { position: relative; min-width: 0; min-height: var(--foundry-full-bleed-split-min-height); } .foundry-full-bleed-split__media { overflow: hidden; background: var(--foundry-full-bleed-split-media-bg); } .foundry-full-bleed-split__media-track, .foundry-full-bleed-split__media-photo { width: 100%; height: 100%; object-fit: cover; object-position: var(--foundry-full-bleed-split-image-position, center center); } .foundry-full-bleed-split__media-track { position: absolute; inset: 0; } .foundry-full-bleed-split__media-track:focus-visible { outline: 0.18rem solid var(--foundry-brand-accent, #3b82f6); outline-offset: -0.18rem; } .foundry-full-bleed-split__media-photo { display: block; position: absolute; } .foundry-full-bleed-split__media-overlay { position: absolute; inset: 0; background: var(--foundry-full-bleed-split-overlay); } .foundry-full-bleed-split__media-fallback { position: absolute; inset: 0; background: var(--foundry-full-bleed-split-fallback-bg); } .foundry-full-bleed-split__media-fallback-gradient { position: absolute; inset: 0; background: linear-gradient(to top right, rgb(15 23 42 / 0.2), transparent 52%), linear-gradient(to right, rgb(15 23 42 / 0.5), rgb(15 23 42 / 0.12)); } .foundry-full-bleed-split__text { display: flex; align-items: stretch; justify-content: center; } .foundry-full-bleed-split__content { width: min(100%, 56rem); max-width: var(--foundry-full-bleed-split-text-wrap); margin: 0 auto; padding: clamp(2.75rem, 6vw, 4.5rem) var(--foundry-container-gutter, 1.5rem); box-sizing: border-box; } .foundry-full-bleed-split__eyebrow, .foundry-full-bleed-split__title, .foundry-full-bleed-split__text-body, .foundry-full-bleed-split__quote, .foundry-full-bleed-split__actions { margin: 0; } .foundry-full-bleed-split__eyebrow { position: relative; display: inline-flex; align-items: center; gap: 0.55rem; margin-bottom: 1rem; color: color-mix(in srgb, var(--foundry-full-bleed-split-accent, #0f172a) 78%, transparent); font-size: 0.75rem; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; } .foundry-full-bleed-split__eyebrow-line { display: inline-block; width: 1.8rem; height: 1px; background: currentColor; opacity: 0.7; } .foundry-full-bleed-split__title { max-width: 16ch; color: var(--foundry-full-bleed-split-text); font-size: clamp(2rem, 5vw, 4.4rem); line-height: 1.02; letter-spacing: -0.035em; } .foundry-full-bleed-split__text-body { margin-top: 1rem; color: var(--foundry-full-bleed-split-muted); font-size: clamp(1rem, 1.6vw, 1.2rem); line-height: 1.75; } .foundry-full-bleed-split__list { margin: 1.5rem 0 0; padding: 0; list-style: none; display: grid; gap: 0.6rem; color: var(--foundry-full-bleed-split-muted); } .foundry-full-bleed-split__list-item { position: relative; padding-left: 1.4rem; font-size: 0.95rem; line-height: 1.65; } .foundry-full-bleed-split__list-dot { position: absolute; left: 0; top: 0.48rem; width: 0.45rem; height: 0.45rem; border-radius: 999px; background: var(--foundry-full-bleed-split-accent); } .foundry-full-bleed-split__quote { margin-top: 1.5rem; padding: 1.2rem; border-left: 0.2rem solid var(--foundry-full-bleed-split-accent); color: var(--foundry-full-bleed-split-text); font-size: clamp(1rem, 1.45vw, 1.25rem); line-height: 1.6; } .foundry-full-bleed-split__quote p { margin: 0; } .foundry-full-bleed-split__quote cite { display: inline-block; margin-top: 0.6rem; color: var(--foundry-full-bleed-split-muted); font-size: 0.87rem; font-style: normal; } .foundry-full-bleed-split__actions { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 1.75rem; } .foundry-full-bleed-split__action, .foundry-full-bleed-split__action:hover, .foundry-full-bleed-split__action:focus-visible { border-radius: 999px; padding: 0.72rem 1.25rem; font-size: 0.94rem; font-weight: 640; line-height: 1; text-decoration: none; transition: transform 140ms ease, opacity 140ms ease; } .foundry-full-bleed-split__action { display: inline-flex; align-items: center; justify-content: center; gap: 0.45rem; } .foundry-full-bleed-split__action:hover { transform: translateY(-1px); } .foundry-full-bleed-split__action:focus-visible { outline: 0.18rem solid var(--foundry-brand-accent, #3b82f6); outline-offset: 0.12rem; } .foundry-full-bleed-split__action--primary { color: #fff; background: var(--foundry-full-bleed-split-accent); border: 1px solid var(--foundry-full-bleed-split-accent); } .foundry-full-bleed-split__action--ghost { color: var(--foundry-full-bleed-split-accent); background: transparent; border: 1px solid color-mix(in srgb, var(--foundry-full-bleed-split-accent) 28%, transparent); } .foundry-full-bleed-split--media-left .foundry-full-bleed-split__media { order: 1; } .foundry-full-bleed-split--media-left .foundry-full-bleed-split__text { order: 2; } .foundry-full-bleed-split--media-right .foundry-full-bleed-split__media { order: 2; } .foundry-full-bleed-split--media-right .foundry-full-bleed-split__text { order: 1; } @media (min-width: 840px) { .foundry-full-bleed-split { min-height: var(--foundry-full-bleed-split-min-height); } .foundry-full-bleed-split__inner { grid-template-columns: minmax(0, 8fr) minmax(0, 6fr); } .foundry-full-bleed-split__media, .foundry-full-bleed-split__text { min-height: var(--foundry-full-bleed-split-min-height); } .foundry-full-bleed-split__content { margin: 0; padding-inline: clamp(2rem, 7vw, 3.5rem); } } @media (max-width: 839px) { .foundry-full-bleed-split__media-track, .foundry-full-bleed-split__media-photo, .foundry-full-bleed-split__media-overlay, .foundry-full-bleed-split__media-fallback { min-height: 18rem; } .foundry-full-bleed-split__media { min-height: 18rem; max-height: 28rem; } .foundry-full-bleed-split__text { min-height: auto; } } @media (prefers-reduced-motion: reduce) { .foundry-full-bleed-split__action--primary, .foundry-full-bleed-split__action--ghost { transition: none; } .foundry-full-bleed-split__action:hover { transform: none; } } .foundry-pinned-media-story { --foundry-pinned-media-surface: #080b10; --foundry-pinned-media-frame-surface: #10131a; --foundry-pinned-media-panel-surface: transparent; --foundry-pinned-media-panel-border: transparent; --foundry-pinned-media-panel-radius: 0; --foundry-pinned-media-panel-padding: 0; --foundry-pinned-media-intro-eyebrow-color: rgb(255 255 255 / 0.72); --foundry-pinned-media-intro-title-color: #fff; --foundry-pinned-media-intro-text-color: rgb(255 255 255 / 0.82); --foundry-pinned-media-chapter-eyebrow-color: rgb(255 255 255 / 0.72); --foundry-pinned-media-chapter-title-color: #fff; --foundry-pinned-media-chapter-text-color: rgb(255 255 255 / 0.84); --foundry-pinned-media-caption-color: rgb(255 255 255 / 0.72); --foundry-pinned-media-credit-color: rgb(255 255 255 / 0.64); position: relative; overflow: clip; color: var(--foundry-pinned-media-intro-text-color); background: var(--foundry-pinned-media-surface); } .foundry-pinned-media-story--light { --foundry-pinned-media-surface: var(--foundry-surface, #fff); --foundry-pinned-media-frame-surface: var(--foundry-surface-soft, #f8fafc); --foundry-pinned-media-panel-surface: color-mix(in srgb, var(--foundry-surface, #fff) 92%, transparent); --foundry-pinned-media-panel-border: color-mix(in srgb, var(--foundry-border, #e2e8f0) 88%, transparent); --foundry-pinned-media-panel-radius: var(--foundry-radius-lg, 1.5rem); --foundry-pinned-media-panel-padding: clamp(1.25rem, 3vw, 2rem); --foundry-pinned-media-intro-eyebrow-color: var(--foundry-text-muted, #475569); --foundry-pinned-media-intro-title-color: var(--foundry-text, #0f172a); --foundry-pinned-media-intro-text-color: var(--foundry-text-muted, #475569); --foundry-pinned-media-chapter-eyebrow-color: var(--foundry-text-muted, #475569); --foundry-pinned-media-chapter-title-color: var(--foundry-text, #0f172a); --foundry-pinned-media-chapter-text-color: var(--foundry-text-muted, #475569); --foundry-pinned-media-caption-color: var(--foundry-text-muted, #475569); --foundry-pinned-media-credit-color: var(--foundry-text-muted, #475569); } .foundry-pinned-media-story--editorial { --foundry-pinned-media-surface: var(--foundry-surface-soft, #f1ede5); --foundry-pinned-media-frame-surface: #171717; --foundry-pinned-media-panel-surface: color-mix(in srgb, var(--foundry-surface, #fff) 94%, transparent); --foundry-pinned-media-panel-border: color-mix(in srgb, var(--foundry-border, #d6d3d1) 78%, transparent); --foundry-pinned-media-panel-radius: 0; --foundry-pinned-media-panel-padding: clamp(1.4rem, 3vw, 2.25rem); --foundry-pinned-media-intro-eyebrow-color: var(--foundry-text-muted, #57534e); --foundry-pinned-media-intro-title-color: var(--foundry-text, #1c1917); --foundry-pinned-media-intro-text-color: var(--foundry-text-muted, #57534e); --foundry-pinned-media-chapter-eyebrow-color: var(--foundry-text-muted, #57534e); --foundry-pinned-media-chapter-title-color: var(--foundry-text, #1c1917); --foundry-pinned-media-chapter-text-color: var(--foundry-text-muted, #57534e); --foundry-pinned-media-caption-color: var(--foundry-text-muted, #57534e); --foundry-pinned-media-credit-color: var(--foundry-text-muted, #57534e); } .foundry-pinned-media-story__intro { box-sizing: border-box; width: 100%; max-width: var(--foundry-pinned-media-container-max, 74rem); margin-inline: auto; padding: clamp(4rem, 8vw, 7rem) var(--foundry-container-gutter, 1.5rem) clamp(2.5rem, 5vw, 4.5rem); } .foundry-pinned-media-story__eyebrow, .foundry-pinned-media-story__chapter-eyebrow, .foundry-pinned-media-story__credit { margin: 0; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; } .foundry-pinned-media-story__eyebrow { color: var(--foundry-pinned-media-intro-eyebrow-color); } .foundry-pinned-media-story__chapter-eyebrow { color: var(--foundry-pinned-media-chapter-eyebrow-color); } .foundry-pinned-media-story__title { max-width: var(--foundry-pinned-media-title-measure, 12ch); margin: 0.75rem 0 0; color: var(--foundry-pinned-media-intro-title-color); font-size: clamp(3rem, 8vw, 7rem); font-weight: 750; line-height: 0.9; letter-spacing: -0.025em; } .foundry-pinned-media-story--editorial .foundry-pinned-media-story__title { --foundry-pinned-media-title-measure: 15ch; font-family: var(--foundry-font-family-heading, Georgia, serif); font-weight: 600; line-height: 0.96; } .foundry-pinned-media-story__text { max-width: 42rem; margin-top: 1.35rem; color: var(--foundry-pinned-media-intro-text-color); font-size: clamp(1rem, 1.8vw, 1.25rem); line-height: 1.65; } .foundry-pinned-media-story__actions { display: flex; flex-wrap: wrap; gap: 0.85rem; margin-top: 1.75rem; } .foundry-pinned-media-story__chapter { position: relative; min-height: var(--foundry-pinned-media-min-height, 120vh); } .foundry-pinned-media-story__chapter--ratio-landscape { --foundry-pinned-media-ratio: 16 / 9; } .foundry-pinned-media-story__chapter--ratio-square { --foundry-pinned-media-ratio: 1 / 1; } .foundry-pinned-media-story__chapter--ratio-portrait { --foundry-pinned-media-ratio: 3 / 4; } .foundry-pinned-media-story__chapter--ratio-wide { --foundry-pinned-media-ratio: 16 / 9; } .foundry-pinned-media-story__chapter--ratio-16-10 { --foundry-pinned-media-ratio: 16 / 10; } .foundry-pinned-media-story__media { position: sticky; top: 0; height: 100svh; min-height: 36rem; overflow: hidden; background: var(--foundry-pinned-media-frame-surface); } .foundry-pinned-media-story__asset, .foundry-pinned-media-story__parallax-layer, .foundry-pinned-media-story__rotator, .foundry-pinned-media-story__shade { position: absolute; inset: 0; width: 100%; height: 100%; } .foundry-pinned-media-story__asset { object-fit: cover; object-position: var(--foundry-pinned-media-position, center center); } .foundry-pinned-media-story__chapter--fit-contain .foundry-pinned-media-story__asset { object-fit: contain; } .foundry-pinned-media-story__parallax-layer { overflow: hidden; } .foundry-pinned-media-story__parallax-layer--enabled { inset: -18% 0; will-change: transform; } .foundry-pinned-media-story__chapter--fit-contain .foundry-pinned-media-story__parallax-layer--enabled { inset: 0; transform: none !important; } .foundry-pinned-media-story__shade { pointer-events: none; background: linear-gradient(90deg, rgb(0 0 0 / 0.68), rgb(0 0 0 / 0.2) 52%, rgb(0 0 0 / 0.5)), linear-gradient(0deg, rgb(0 0 0 / 0.34), rgb(0 0 0 / 0.18)); } .foundry-pinned-media-story__shade--light { background: linear-gradient(90deg, rgb(0 0 0 / 0.48), rgb(0 0 0 / 0.08) 56%, rgb(0 0 0 / 0.34)); } .foundry-pinned-media-story__shade--strong { background: linear-gradient(90deg, rgb(0 0 0 / 0.78), rgb(0 0 0 / 0.36) 58%, rgb(0 0 0 / 0.66)); } .foundry-pinned-media-story__shade--none { background: transparent; } .foundry-pinned-media-story__progress { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 0.2rem; background: rgb(255 255 255 / 0.18); pointer-events: none; } .foundry-pinned-media-story__progress-bar { display: block; width: 100%; height: 100%; background: color-mix(in srgb, currentColor 78%, transparent); transform: scaleX(0); transform-origin: left center; } .foundry-pinned-media-story__panel-stack { position: relative; z-index: 1; margin-top: -100svh; } .foundry-pinned-media-story__content { position: relative; z-index: 1; display: grid; align-items: end; min-height: 100svh; padding: clamp(5rem, 10vw, 9rem) var(--foundry-container-gutter, 1.5rem); } .foundry-pinned-media-story__panel { box-sizing: border-box; width: min(100%, var(--foundry-pinned-media-panel-max, 34rem)); margin-inline: max(var(--foundry-container-gutter, 1.5rem), calc((100vw - var(--foundry-pinned-media-container-max, 74rem)) / 2)); padding: var(--foundry-pinned-media-panel-padding); border: 1px solid var(--foundry-pinned-media-panel-border); border-radius: var(--foundry-pinned-media-panel-radius); background: var(--foundry-pinned-media-panel-surface); box-shadow: var(--foundry-pinned-media-panel-shadow, none); backdrop-filter: var(--foundry-pinned-media-panel-filter, none); } .foundry-pinned-media-story--light .foundry-pinned-media-story__panel, .foundry-pinned-media-story--editorial .foundry-pinned-media-story__panel { --foundry-pinned-media-panel-shadow: 0 1.5rem 4rem rgb(15 23 42 / 0.18); --foundry-pinned-media-panel-filter: blur(12px); } .foundry-pinned-media-story__panel--center { margin-inline: auto; text-align: center; } .foundry-pinned-media-story__panel--right { margin-left: auto; } .foundry-pinned-media-story__chapter-title { margin: 0.7rem 0 0; color: var(--foundry-pinned-media-chapter-title-color); font-size: clamp(2.35rem, 5vw, 5.25rem); font-weight: 750; line-height: 0.95; letter-spacing: -0.02em; } .foundry-pinned-media-story--editorial .foundry-pinned-media-story__chapter-title { font-family: var(--foundry-font-family-heading, Georgia, serif); font-weight: 600; line-height: 1; } .foundry-rotating-media__image { object-position: var(--foundry-rotating-media-image-position, var(--foundry-pinned-media-position, center center)); object-fit: var(--foundry-rotating-media-image-fit, cover); } .foundry-rotating-media__image--fit-cover { --foundry-rotating-media-image-fit: cover; } .foundry-rotating-media__image--fit-contain { --foundry-rotating-media-image-fit: contain; } .foundry-rotating-media__image--hidden { opacity: 0; } .foundry-pinned-media-story__chapter-text { margin-top: 1.25rem; color: var(--foundry-pinned-media-chapter-text-color); font-size: clamp(1rem, 1.5vw, 1.2rem); line-height: 1.65; } .foundry-pinned-media-story__caption { margin-top: 1rem; color: var(--foundry-pinned-media-caption-color); font-size: 0.95rem; line-height: 1.55; } .foundry-pinned-media-story__credit { margin-top: 1rem; color: var(--foundry-pinned-media-credit-color); } .foundry-pinned-media-story__action { margin-top: 1.6rem; } .foundry-pinned-media-story--unpinned .foundry-pinned-media-story__chapter { min-height: auto; } .foundry-pinned-media-story--unpinned .foundry-pinned-media-story__media { position: relative; height: min(72svh, 44rem); } .foundry-pinned-media-story--unpinned .foundry-pinned-media-story__panel-stack { margin-top: 0; } .foundry-pinned-media-story--unpinned .foundry-pinned-media-story__content { min-height: auto; background: var(--foundry-pinned-media-surface); } @media (orientation: portrait) { .foundry-pinned-media-story__chapter--portrait-flow { min-height: auto; } .foundry-pinned-media-story__chapter--portrait-flow .foundry-pinned-media-story__media { position: relative; height: auto; min-height: 0; aspect-ratio: var(--foundry-pinned-media-ratio, 4 / 3); } .foundry-pinned-media-story__chapter--portrait-flow .foundry-pinned-media-story__parallax-layer--enabled { inset: 0; transform: none !important; } .foundry-pinned-media-story__chapter--portrait-flow .foundry-pinned-media-story__panel-stack { margin-top: 0; } .foundry-pinned-media-story__chapter--portrait-flow .foundry-pinned-media-story__content { min-height: auto; background: var(--foundry-pinned-media-surface); } } @media (max-width: 760px) { .foundry-pinned-media-story__intro { padding-inline: var(--foundry-container-gutter, 1rem); } .foundry-pinned-media-story__media { min-height: 30rem; } .foundry-pinned-media-story__content { align-items: end; padding-inline: var(--foundry-container-gutter, 1rem); } .foundry-pinned-media-story__panel, .foundry-pinned-media-story__panel--right { margin-inline: 0; } } @media (prefers-reduced-motion: reduce) { .foundry-pinned-media-story__parallax-layer--enabled { inset: 0; transform: none !important; } .foundry-pinned-media-story__progress { display: none; } .foundry-pinned-media-story__media { position: relative; } .foundry-pinned-media-story__content { min-height: auto; background: var(--foundry-pinned-media-surface); } .foundry-pinned-media-story__panel-stack { margin-top: 0; } } .foundry-tabs, .foundry-media-sequence { padding-block: var(--foundry-section-padding, clamp(3.5rem, 7vw, 5rem)); } :where( .foundry-tabs__inner, .foundry-media-sequence__inner ) { box-sizing: border-box; width: 100%; margin-inline: auto; padding-inline: var(--foundry-container-gutter, 1.5rem); } .foundry-tabs__inner { max-width: var(--foundry-tabs-container-max, 64rem); } .foundry-media-sequence__inner { max-width: var(--foundry-media-sequence-container-max, var(--foundry-wide-container-max, 72rem)); } .foundry-tabs__title, .foundry-media-sequence__eyebrow, .foundry-media-sequence__title, .foundry-media-sequence__intro, .foundry-media-sequence__index, .foundry-media-sequence__credit-label, .foundry-media-sequence__credit-value { margin-top: 0; margin-bottom: 0; } .foundry-tabs__title, .foundry-media-sequence__title { font-size: clamp(1.875rem, 4vw, 2.5rem); line-height: 1.1; letter-spacing: -0.03em; } .foundry-tabs__title { color: var(--foundry-tabs-title-color, var(--foundry-text, #0f172a)); } .foundry-tabs__controls { margin-top: 2rem; } .foundry-tabs__tablist { display: flex; flex-wrap: wrap; align-items: center; gap: var(--foundry-tabs-gap, 0.5rem); } .foundry-tabs--underline .foundry-tabs__tablist { border-bottom: 1px solid var(--foundry-tabs-border, var(--foundry-border, #e2e8f0)); } .foundry-tabs--bordered .foundry-tabs__tablist { padding: var(--foundry-tabs-list-padding, 0.5rem); border: 1px solid var(--foundry-tabs-border, var(--foundry-border, #e2e8f0)); border-radius: var(--foundry-tabs-list-radius, 1rem 1rem 0 0); background: var(--foundry-tabs-list-surface, var(--foundry-surface-soft, #f8fafc)); } .foundry-tabs__tab { min-height: 2.75rem; padding: var(--foundry-tabs-tab-padding, 0.7rem 1rem); border: 1px solid transparent; color: var(--foundry-tabs-tab-color, var(--foundry-text-muted, #475569)); background: transparent; font: inherit; font-size: 0.875rem; font-weight: 600; cursor: pointer; } .foundry-tabs__tab:hover { color: var(--foundry-tabs-tab-hover-color, var(--foundry-text, #0f172a)); } .foundry-tabs__tab:focus-visible { outline: 3px solid var(--foundry-focus-ring, var(--foundry-primary, #2563eb)); outline-offset: 2px; } .foundry-tabs--underline .foundry-tabs__tab { margin-bottom: -1px; border-width: 0 0 2px; } .foundry-tabs--underline .foundry-tabs__tab[aria-selected="true"] { border-color: var(--foundry-tabs-active-border, var(--foundry-text, #0f172a)); color: var(--foundry-tabs-active-color, var(--foundry-text, #0f172a)); } .foundry-tabs--pills .foundry-tabs__tab { border-color: var(--foundry-tabs-pill-border, var(--foundry-border, #e2e8f0)); border-radius: 999px; background: var(--foundry-tabs-pill-surface, var(--foundry-surface, #fff)); } .foundry-tabs--pills .foundry-tabs__tab[aria-selected="true"] { border-color: var(--foundry-tabs-active-surface, var(--foundry-text, #0f172a)); color: var(--foundry-tabs-active-text, #fff); background: var(--foundry-tabs-active-surface, var(--foundry-text, #0f172a)); } .foundry-tabs--bordered .foundry-tabs__tab { border-radius: var(--foundry-tabs-tab-radius, 0.75rem); } .foundry-tabs--bordered .foundry-tabs__tab[aria-selected="true"] { border-color: var(--foundry-tabs-border, var(--foundry-border, #e2e8f0)); color: var(--foundry-tabs-active-color, var(--foundry-text, #0f172a)); background: var(--foundry-tabs-active-panel, var(--foundry-surface, #fff)); box-shadow: var(--foundry-shadow-sm, 0 1px 3px rgb(15 23 42 / 0.1)); } .foundry-tabs__tab-icon { display: inline-flex; align-items: center; justify-content: center; width: 1rem; height: 1rem; margin-right: 0.5rem; } .foundry-tabs__panels { margin-top: 1.5rem; } .foundry-tabs__panel, .foundry-tabs__empty { box-sizing: border-box; min-width: 0; } .foundry-tabs__panel { padding: var(--foundry-tabs-panel-padding, clamp(1.25rem, 3vw, 2rem)); border: 1px solid var(--foundry-tabs-panel-border, var(--foundry-border, #e2e8f0)); border-radius: var(--foundry-tabs-panel-radius, 1rem); background: var(--foundry-tabs-panel-surface, var(--foundry-surface, #fff)); } .foundry-tabs__panel[hidden] { display: none; } .foundry-tabs__empty { margin-top: 2rem; padding: 1.25rem; color: var(--foundry-text-muted, #475569); border: 1px solid var(--foundry-border, #e2e8f0); border-radius: 1rem; } .foundry-tabs__empty p { margin: 0; font-size: 0.875rem; line-height: 1.6; } .foundry-tabs__panel-content { max-width: none; color: var(--foundry-tabs-panel-text, var(--foundry-text, #0f172a)); font-size: 0.9375rem; line-height: 1.7; } @media (min-width: 768px) { .foundry-tabs--layout-sidebar .foundry-tabs__inner { display: grid; grid-template-columns: minmax(12rem, 0.72fr) minmax(0, 2fr); column-gap: clamp(1.5rem, 4vw, 3rem); align-items: start; } .foundry-tabs--layout-sidebar .foundry-tabs__title { grid-column: 1 / -1; } .foundry-tabs--layout-sidebar .foundry-tabs__controls, .foundry-tabs--layout-sidebar .foundry-tabs__panels { margin-top: 2rem; } .foundry-tabs--layout-sidebar .foundry-tabs__tablist { flex-direction: column; align-items: stretch; border-bottom: 0; border-radius: var(--foundry-tabs-list-radius, 1rem); } .foundry-tabs--layout-sidebar .foundry-tabs__tab { width: 100%; margin: 0; text-align: left; border-width: 1px; border-radius: var(--foundry-tabs-tab-radius, 0.75rem); } } .foundry-media-sequence__title { margin-top: 0.75rem; } .foundry-media-sequence__intro { max-width: 48rem; margin-top: 1rem; line-height: 1.7; } .foundry-media-sequence__items { display: grid; gap: var(--foundry-media-sequence-item-gap, 3.5rem); margin-top: 2.5rem; } .foundry-media-sequence--spacing-sm .foundry-media-sequence__items { --foundry-media-sequence-item-gap: 2.5rem; } .foundry-media-sequence--spacing-lg .foundry-media-sequence__items { --foundry-media-sequence-item-gap: 5rem; } .foundry-media-sequence__item { box-sizing: border-box; display: grid; align-items: center; gap: var(--foundry-media-sequence-grid-gap, 1.5rem); min-width: 0; } .foundry-media-sequence__media, .foundry-media-sequence__media-shell, .foundry-media-sequence__body { min-width: 0; max-width: 100%; box-sizing: border-box; } .foundry-media-sequence__image { display: block; width: 100%; max-width: 100%; height: auto; } .foundry-media-sequence__media-shell { overflow: hidden; } .foundry-media-sequence__video-frame { position: relative; width: 100%; } .foundry-media-sequence__video-media, .foundry-media-sequence__video-layer, .foundry-media-sequence__video-play { position: absolute; inset: 0; width: 100%; height: 100%; } .foundry-media-sequence__video-media { object-fit: cover; } .foundry-media-sequence__video-play { display: flex; align-items: center; justify-content: center; } .foundry-media-sequence__video-play-icon { display: inline-flex; align-items: center; justify-content: center; width: 4rem; height: 4rem; } .foundry-media-sequence__gallery, .foundry-media-sequence__credits { display: grid; gap: var(--foundry-media-sequence-grid-gap, 1rem); } .foundry-media-sequence__gallery { grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr)); } .foundry-media-sequence__credits-item { text-align: left; } .foundry-media-sequence__credit { box-sizing: border-box; min-width: 0; padding: var(--foundry-media-sequence-credit-padding, 1rem); border: 1px solid var(--foundry-media-sequence-credit-border, var(--foundry-border, #e2e8f0)); border-radius: var(--foundry-media-sequence-credit-radius, 1rem); background: var(--foundry-media-sequence-credit-surface, var(--foundry-surface, transparent)); } .foundry-media-sequence__credit-label { color: var(--foundry-media-sequence-credit-label-color, var(--foundry-text-muted, currentColor)); font-size: 0.75rem; font-weight: 600; letter-spacing: 0.18em; line-height: 1.4; text-transform: uppercase; } .foundry-media-sequence__credit-value { margin-top: 0.5rem; color: var(--foundry-media-sequence-credit-value-color, var(--foundry-text, currentColor)); font-size: 0.875rem; line-height: 1.6; } @media (min-width: 768px) { .foundry-media-sequence__item--layout-media-left, .foundry-media-sequence__item--layout-media-right { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); } .foundry-media-sequence__item--layout-media-right .foundry-media-sequence__media { order: 2; } .foundry-media-sequence__item--layout-media-right .foundry-media-sequence__body { order: 1; } .foundry-media-sequence__credits { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .foundry-media-sequence { padding-block: clamp(3.5rem, 7vw, 5rem); } .foundry-media-sequence__inner { box-sizing: border-box; width: 100%; max-width: 72rem; margin-inline: auto; padding-inline: var(--foundry-container-gutter, 1.5rem); } .foundry-media-sequence__eyebrow, .foundry-media-sequence__title, .foundry-media-sequence__intro, .foundry-media-sequence__item-eyebrow, .foundry-media-sequence__item-title, .foundry-media-sequence__item-text, .foundry-media-sequence__item-caption, .foundry-media-sequence__item-credit { margin-top: 0; margin-bottom: 0; } .foundry-media-sequence__eyebrow, .foundry-media-sequence__item-eyebrow { font-size: 0.75rem; font-weight: 600; letter-spacing: 0.24em; text-transform: uppercase; } .foundry-media-sequence__title { margin-top: 0.75rem; font-size: clamp(2rem, 4vw, 3rem); line-height: 1.08; letter-spacing: -0.035em; } .foundry-media-sequence__intro { max-width: 48rem; margin-top: 1rem; line-height: 1.7; } .foundry-media-sequence__items { display: grid; gap: clamp(2.5rem, 6vw, 3.5rem); margin-top: 2.5rem; } .foundry-media-sequence--spacing-sm .foundry-media-sequence__items { gap: clamp(2rem, 5vw, 2.5rem); } .foundry-media-sequence--spacing-lg .foundry-media-sequence__items { gap: clamp(3.5rem, 8vw, 5rem); } .foundry-media-sequence__item { display: grid; gap: 1.5rem; min-width: 0; } .foundry-media-sequence__text-item, .foundry-media-sequence__quote, .foundry-media-sequence__credits-item { box-sizing: border-box; padding: clamp(1.5rem, 4vw, 2.5rem); } .foundry-media-sequence__text-item { display: block; } .foundry-media-sequence__media-shell, .foundry-media-sequence__gallery-item { overflow: hidden; } .foundry-media-sequence__media-shell { box-sizing: border-box; padding: var(--foundry-media-sequence-frame-padding, 0.75rem); border: var(--foundry-media-sequence-frame-border-width, 1px) solid var(--foundry-media-sequence-frame-border-color, var(--foundry-media-border, var(--foundry-border, #e2e8f0))); border-radius: var(--foundry-media-sequence-frame-radius, var(--foundry-media-radius, 1.75rem)); background: var(--foundry-media-sequence-frame-background, var(--foundry-media-frame-bg, var(--foundry-surface, #fff))); box-shadow: var(--foundry-media-sequence-frame-shadow, var(--foundry-media-shadow, var(--foundry-shadow-sm, 0 1px 3px rgb(15 23 42 / 0.1)))); } .foundry-media-sequence--surface-flush { --foundry-media-sequence-frame-padding: 0; --foundry-media-sequence-frame-border-width: 0; --foundry-media-sequence-frame-background: transparent; --foundry-media-sequence-frame-shadow: none; } .foundry-media-sequence--surface-soft { --foundry-media-sequence-frame-border-width: 0; --foundry-media-sequence-frame-background: var(--foundry-surface-soft, #f8fafc); --foundry-media-sequence-frame-shadow: none; } .foundry-media-sequence--cinematic:not(.foundry-media-sequence--surface-soft) { --foundry-media-sequence-frame-background: #020617; } .foundry-media-sequence__gallery { display: grid; gap: 0.75rem; } .foundry-media-sequence__gallery-image { display: block; width: 100%; height: 100%; object-fit: cover; } .foundry-media-sequence__item--aspect-landscape .foundry-media-sequence__image, .foundry-media-sequence__item--aspect-landscape .foundry-media-sequence__gallery-image { aspect-ratio: 4 / 3; object-fit: cover; } .foundry-media-sequence__item--aspect-square .foundry-media-sequence__image, .foundry-media-sequence__item--aspect-square .foundry-media-sequence__gallery-image { aspect-ratio: 1; object-fit: cover; } .foundry-media-sequence__item--aspect-portrait .foundry-media-sequence__image, .foundry-media-sequence__item--aspect-portrait .foundry-media-sequence__gallery-image { aspect-ratio: 4 / 5; object-fit: cover; } .foundry-media-sequence__item--aspect-wide .foundry-media-sequence__image, .foundry-media-sequence__item--aspect-wide .foundry-media-sequence__gallery-image { aspect-ratio: 16 / 9; object-fit: cover; } .foundry-media-sequence__item-title { margin-top: 0.75rem; font-size: clamp(1.5rem, 3vw, 1.875rem); line-height: 1.15; letter-spacing: -0.025em; } .foundry-media-sequence__credits { margin-top: 1.5rem; } .foundry-media-sequence__empty { box-sizing: border-box; min-width: 0; margin-top: 2rem; } .foundry-media-sequence__progress { position: sticky; top: calc(var(--foundry-header-height, 0px) + 1rem); z-index: 12; width: min(18rem, 100%); height: 2px; margin-top: 2rem; overflow: hidden; border-radius: 999px; background: color-mix(in srgb, var(--foundry-border, #e2e8f0) 82%, transparent); } .foundry-media-sequence--reel .foundry-media-sequence__inner { position: relative; } .foundry-media-sequence--story-reel .foundry-media-sequence__progress { margin-inline: auto; } .foundry-media-sequence--work-reel .foundry-media-sequence__progress { margin-inline: 0 auto; } .foundry-media-sequence__progress-bar { display: block; width: 100%; height: 100%; transform: scaleX(1); transform-origin: left center; background: var(--foundry-accent, var(--foundry-primary, #0f172a)); } .foundry-media-sequence__index { margin: 0 0 0.7rem; color: var(--foundry-text-muted, #475569); font-size: 0.78rem; font-weight: 700; line-height: 1; letter-spacing: 0; } .foundry-media-sequence--work-reel .foundry-media-sequence__item--reel { padding-top: clamp(1.25rem, 3vw, 2rem); border-top: 1px solid var(--foundry-border, #e2e8f0); } .foundry-media-sequence--story-reel .foundry-media-sequence__body { align-self: end; } .foundry-media-sequence--story-reel .foundry-media-sequence__media-shell, .foundry-media-sequence--work-reel .foundry-media-sequence__media-shell { --foundry-media-sequence-frame-shadow: 0 20px 50px color-mix(in srgb, var(--foundry-text, #0f172a) 10%, transparent); } .foundry-media-sequence__item--layout-stacked .foundry-media-sequence__body { max-width: 48rem; } .foundry-media-sequence__item--aspect-landscape .foundry-media-sequence__video-frame { aspect-ratio: 4 / 3; } .foundry-media-sequence__item--aspect-square .foundry-media-sequence__video-frame { aspect-ratio: 1; } .foundry-media-sequence__item--aspect-portrait .foundry-media-sequence__video-frame { aspect-ratio: 4 / 5; } .foundry-media-sequence__item--aspect-wide .foundry-media-sequence__video-frame { aspect-ratio: 16 / 9; } .foundry-media-sequence__item-text, .foundry-media-sequence__item-caption { margin-top: 1rem; line-height: 1.7; } .foundry-media-sequence__item-text { max-width: none; } .foundry-media-sequence__item-caption { font-size: 0.875rem; } .foundry-media-sequence__item-credit { margin-top: 0.5rem; font-size: 0.75rem; font-weight: 600; letter-spacing: 0.22em; text-transform: uppercase; } .foundry-media-sequence__item-actions { margin-top: 1.5rem; } .foundry-media-sequence__quote-text, .foundry-media-sequence__quote-text p { margin: 0; font-size: clamp(1.5rem, 3vw, 1.875rem); font-weight: 600; line-height: 1.2; } .foundry-media-sequence__quote-attribution { margin-top: 1.5rem; font-size: 0.875rem; } @media (min-width: 640px) { .foundry-media-sequence__gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 1024px) { .foundry-media-sequence__item--layout-media-left, .foundry-media-sequence__item--layout-media-right { grid-template-columns: repeat(12, minmax(0, 1fr)); align-items: center; } .foundry-media-sequence__item--layout-media-left .foundry-media-sequence__media, .foundry-media-sequence__item--layout-media-right .foundry-media-sequence__media { grid-column: span 7; } .foundry-media-sequence__item--layout-media-left .foundry-media-sequence__body, .foundry-media-sequence__item--layout-media-right .foundry-media-sequence__body { grid-column: span 5; } .foundry-media-sequence__item--layout-media-right .foundry-media-sequence__media { order: 2; } .foundry-media-sequence__item--layout-media-right .foundry-media-sequence__body { order: 1; } .foundry-media-sequence__gallery--columns-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .foundry-media-sequence--story-reel .foundry-media-sequence__item:nth-child(even) .foundry-media-sequence__body { justify-self: end; } .foundry-media-sequence--work-reel .foundry-media-sequence__body { max-width: 28rem; } } @media (prefers-reduced-motion: reduce) { .foundry-media-sequence__progress { position: static; } .foundry-media-sequence__progress-bar { transform: none !important; } } .foundry-contact-split__control { display: block; width: 100%; max-width: 100%; box-sizing: border-box; } :where(.foundry-before-after, .foundry-comparison-table, .foundry-case-studies, .foundry-faq-accordion, .foundry-contact-split), :where(.foundry-before-after, .foundry-comparison-table, .foundry-case-studies, .foundry-faq-accordion, .foundry-contact-split) * { box-sizing: border-box; } :where(.foundry-before-after, .foundry-comparison-table, .foundry-case-studies, .foundry-faq-accordion, .foundry-contact-split) { padding-block: var(--foundry-section-space, clamp(4rem, 8vw, 7rem)); } :where(.foundry-before-after__inner, .foundry-comparison-table__inner, .foundry-case-studies__inner, .foundry-contact-split__inner) { width: min(100%, var(--foundry-container-wide, var(--foundry-wide-container-max, 72rem))); max-width: var(--foundry-container-wide, var(--foundry-wide-container-max, 72rem)); margin-inline: auto; padding-inline: var(--foundry-container-gutter, clamp(1.25rem, 4vw, 2rem)); } :where(.foundry-before-after__title, .foundry-comparison-table__title, .foundry-case-studies__title, .foundry-faq-accordion__title, .foundry-contact-split__title) { max-width: var(--foundry-section-title-width, 18ch); margin: 0; color: var(--foundry-text, #0f172a); font-size: var(--foundry-section-title-size, clamp(2rem, 4.5vw, 3.5rem)); line-height: 1.04; letter-spacing: -0.035em; } :where(.foundry-before-after__subtitle, .foundry-comparison-table__subtitle, .foundry-faq-accordion__subtitle, .foundry-contact-split__subtitle) { max-width: 46rem; margin: 1rem 0 0; margin-top: 1rem; color: var(--foundry-text-muted, #475569); font-size: var(--foundry-body-size, 1rem); line-height: 1.7; } .foundry-before-after__table, .foundry-comparison-table__table-wrap { width: 100%; margin-top: clamp(2rem, 4vw, 3rem); overflow-x: auto; border: 1px solid var(--foundry-border, #e2e8f0); border-radius: var(--foundry-table-radius, 1rem); background: var(--foundry-surface, #ffffff); } .foundry-before-after__table:focus-visible, .foundry-comparison-table__table-wrap:focus-visible { outline: 0.18rem solid var(--foundry-brand-accent, #3b82f6); outline-offset: 0.2rem; } .foundry-before-after__table-element, .foundry-comparison-table__table { width: 100%; min-width: 44rem; border-collapse: collapse; border: 0; color: var(--foundry-text, #0f172a); font-size: var(--foundry-table-font-size, 0.9375rem); line-height: 1.55; text-align: left; } :where(.foundry-before-after__heading-cell, .foundry-before-after__cell, .foundry-comparison-table__cell) { padding-block: var(--foundry-table-cell-block, 1rem); padding-inline: var(--foundry-table-cell-inline, 1.25rem); vertical-align: top; } .foundry-before-after__heading-cell, .foundry-comparison-table thead { background: var(--foundry-surface-soft, #f8fafc); } .foundry-comparison-table__caption { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .foundry-before-after__row + .foundry-before-after__row, .foundry-comparison-table__row { border-top: 1px solid var(--foundry-border, #e2e8f0); } .foundry-before-after__label { display: inline-flex; align-items: center; padding-block: 0.4rem; padding-inline: 0.7rem; border-radius: 999px; font-size: 0.75rem; font-weight: 700; line-height: 1; letter-spacing: 0.08em; text-transform: uppercase; } .foundry-before-after__label--before { background: var(--foundry-before-after-before-bg, #fff1f2); color: var(--foundry-before-after-before-color, #be123c); } .foundry-before-after__label--after { background: var(--foundry-before-after-after-bg, #ecfdf5); color: var(--foundry-before-after-after-color, #047857); } .foundry-before-after--treatment-editorial .foundry-before-after__table, .foundry-comparison-table--editorial .foundry-comparison-table__table-wrap { border-right: 0; border-left: 0; border-radius: 0; box-shadow: none; } .foundry-before-after--treatment-editorial .foundry-before-after__cell--after, .foundry-comparison-table--editorial .foundry-comparison-table__cell--solution { background: color-mix(in srgb, var(--foundry-brand-accent, #3b82f6) 7%, transparent); } .foundry-comparison-table--compact { --foundry-table-cell-block: 0.7rem; --foundry-table-cell-inline: 0.9rem; --foundry-table-font-size: 0.8125rem; } .foundry-before-after__panels, .foundry-before-after__stack { display: grid; gap: 1.5rem; margin-top: clamp(2rem, 4vw, 3rem); } .foundry-before-after__panels > article, .foundry-before-after__stack > article { min-width: 0; padding: var(--foundry-before-after-panel-padding, clamp(1.5rem, 4vw, 2.5rem)); border: 1px solid var(--foundry-border, #e2e8f0); border-radius: var(--foundry-before-after-panel-radius, 1rem); background: var(--foundry-surface, #ffffff); } .foundry-before-after--treatment-editorial :where(.foundry-before-after__panels, .foundry-before-after__stack) > article { padding-inline: 0; border-width: 1px 0 0; border-radius: 0; background: transparent; box-shadow: none; } .foundry-before-after__panel-title, .foundry-before-after__panel-text, .foundry-before-after__list { margin: 0; } .foundry-before-after__panel-title { margin-top: 1rem; color: var(--foundry-text, #0f172a); font-size: clamp(1.25rem, 2.5vw, 1.5rem); line-height: 1.2; } .foundry-before-after__panel-text, .foundry-before-after__list { margin-top: 1rem; color: var(--foundry-text-muted, #475569); font-size: 0.9375rem; line-height: 1.65; } .foundry-before-after__list { display: grid; gap: 0.65rem; padding: 0; list-style: none; } .foundry-before-after__item { display: flex; align-items: flex-start; gap: 0.65rem; } .foundry-before-after__item-icon, .foundry-before-after__arrow-icon { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; border-radius: 999px; color: #ffffff; } .foundry-before-after__item-icon { width: 1rem; height: 1rem; margin-top: 0.25rem; font-size: 0.625rem; font-weight: 700; } .foundry-before-after__item-icon--before { background: var(--foundry-before-after-before-color, #be123c); } .foundry-before-after__item-icon--after { background: var(--foundry-before-after-after-color, #047857); } .foundry-before-after__arrow { display: flex; align-items: center; justify-content: center; padding-block: 0.5rem; } .foundry-before-after__arrow-icon { width: 2.5rem; height: 2.5rem; background: var(--foundry-button-primary-bg, #0f172a); } .foundry-case-studies__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 24rem), 1fr)); gap: clamp(1.5rem, 3vw, 2.5rem); margin-top: clamp(2rem, 4vw, 3rem); } .foundry-case-studies__subtitle { max-width: 46rem; margin: 1rem 0 0; color: var(--foundry-text-muted, #475569); font-size: var(--foundry-body-size, 1rem); line-height: 1.7; } .foundry-case-studies__card { min-width: 0; padding: var(--foundry-case-card-padding, clamp(1.5rem, 4vw, 2.5rem)); border: 1px solid var(--foundry-case-card-border, var(--foundry-border, #e2e8f0)); border-radius: var(--foundry-case-card-radius, 1rem); background: var(--foundry-case-card-bg, var(--foundry-surface, #ffffff)); } .foundry-case-studies__index { display: none; color: var(--foundry-text-muted, #475569); font-size: 0.75rem; font-weight: 700; letter-spacing: 0.12em; } .foundry-case-studies--editorial .foundry-case-studies__card { padding-inline: 0; border-width: 1px 0 0; border-radius: 0; background: transparent; box-shadow: none; } .foundry-case-studies--editorial .foundry-case-studies__index, .foundry-case-studies--spotlight .foundry-case-studies__index { display: block; margin-bottom: 1.25rem; } .foundry-case-studies--spotlight .foundry-case-studies__card:first-child { grid-column: 1 / -1; padding: clamp(2rem, 5vw, 4rem); border-left: 0.3rem solid var(--foundry-brand-accent, #3b82f6); background: color-mix(in srgb, var(--foundry-brand-accent, #3b82f6) 7%, var(--foundry-surface, #ffffff)); } .foundry-case-studies--spotlight .foundry-case-studies__card:first-child .foundry-case-studies__case-title { max-width: 24ch; font-size: clamp(2rem, 4vw, 3.5rem); } .foundry-case-studies__badge { display: inline-flex; align-items: center; padding: 0.4rem 0.7rem; border-radius: 999px; font-size: 0.75rem; font-weight: 700; line-height: 1; letter-spacing: 0.08em; text-transform: uppercase; } .foundry-case-studies__case-title { margin: 1rem 0 0; margin-top: 1rem; color: var(--foundry-text, #0f172a); font-size: clamp(1.5rem, 3vw, 2rem); line-height: 1.15; } .foundry-case-studies__section { margin-top: 1.5rem; padding-top: 1.25rem; border-top: 1px solid var(--foundry-case-divider, var(--foundry-border, #e2e8f0)); } .foundry-case-studies__section-title, .foundry-case-studies__section-text, .foundry-case-studies__results { margin: 0; } .foundry-case-studies__section-title { font-size: 0.75rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; } .foundry-case-studies__section-text, .foundry-case-studies__results { margin-top: 0.65rem; font-size: var(--foundry-body-size, 1rem); line-height: 1.65; } .foundry-case-studies__results { display: grid; gap: 0.65rem; padding: 0; list-style: none; } .foundry-case-studies__result-item { display: flex; align-items: flex-start; gap: 0.65rem; } .foundry-case-studies__result-text { min-width: 0; overflow-wrap: anywhere; } .foundry-case-studies__result-icon { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; width: 1rem; height: 1rem; margin-top: 0.25rem; border-radius: 999px; background: var(--foundry-case-result-icon-bg, #059669); color: #ffffff; font-size: 0.625rem; font-weight: 700; } .foundry-comparison-table__footnote { margin: 0; padding: 1rem 1.25rem; border-top: 1px solid var(--foundry-border, #e2e8f0); color: var(--foundry-text-muted, #475569); font-size: 0.8125rem; line-height: 1.55; } @media (max-width: 40rem) { .foundry-before-after__table, .foundry-comparison-table__table-wrap { overflow: visible; border: 0; border-radius: 0; background: transparent; } .foundry-before-after__table-element, .foundry-comparison-table__table { display: block; min-width: 0; background: transparent !important; } .foundry-before-after__table-element thead, .foundry-comparison-table__table thead { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); } .foundry-before-after__table-element tbody, .foundry-comparison-table__table tbody { display: grid; gap: 1rem; } .foundry-before-after__row, .foundry-comparison-table__row { display: grid; overflow: hidden; border: 1px solid var(--foundry-border, #e2e8f0) !important; border-radius: var(--foundry-table-mobile-radius, 0.85rem); background: var(--foundry-surface, #ffffff) !important; } :where(.foundry-before-after__cell, .foundry-comparison-table__cell) { display: grid; grid-template-columns: minmax(6.5rem, 0.38fr) minmax(0, 1fr); gap: 1rem; width: 100%; padding: 1rem; border: 0; border-top: 1px solid var(--foundry-border, #e2e8f0); text-align: left; } :where(.foundry-before-after__cell, .foundry-comparison-table__cell)::before { content: attr(data-label); color: var(--foundry-text-muted, #475569); font-size: 0.6875rem; font-weight: 750; letter-spacing: 0.08em; line-height: 1.35; text-transform: uppercase; } .foundry-before-after__cell--label, .foundry-comparison-table__cell--feature { display: block; border-top: 0; background: var(--foundry-surface-soft, #f8fafc); font-size: 1rem; } .foundry-before-after__cell--label::before, .foundry-comparison-table__cell--feature::before { content: none; } .foundry-comparison-table__footnote { margin-top: 1rem; padding-inline: 0; } } .foundry-faq-accordion__inner { width: min(100%, var(--foundry-container-wide, var(--foundry-wide-container-max, 72rem))); max-width: var(--foundry-container-wide, var(--foundry-wide-container-max, 72rem)); margin-inline: auto; padding-inline: var(--foundry-container-gutter, clamp(1.25rem, 4vw, 2rem)); } .foundry-faq-accordion__list { display: grid; gap: 0.75rem; width: min(100%, var(--foundry-container-readable, 56rem)); margin-top: clamp(2rem, 4vw, 3rem); margin-right: auto; margin-left: 0; } .foundry-faq-accordion__group { margin: 0; color: var(--foundry-text-muted, #475569); font-size: 0.75rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; } .foundry-faq-accordion__group-items { display: grid; gap: 0.75rem; margin-top: 0.75rem; } .foundry-faq-accordion__item { min-width: 0; padding: var(--foundry-faq-item-padding, 1.25rem); border: 1px solid var(--foundry-border, #e2e8f0); border-radius: var(--foundry-faq-item-radius, 1rem); background: var(--foundry-surface, #ffffff); } .foundry-faq-accordion--flush .foundry-faq-accordion__item { padding: 1rem 0; border: 0; border-radius: 0; background: transparent; } .foundry-faq-accordion--flush .foundry-faq-accordion__item + .foundry-faq-accordion__item { border-top: 1px solid var(--foundry-border, #e2e8f0); } .foundry-faq-accordion__question { display: flex; align-items: center; justify-content: space-between; gap: 1rem; color: var(--foundry-text, #0f172a); font-weight: 700; line-height: 1.4; cursor: pointer; list-style: none; } .foundry-faq-accordion__question::-webkit-details-marker { display: none; } .foundry-faq-accordion__indicator { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; width: 1.5rem; height: 1.5rem; transition: transform 160ms ease; } .foundry-faq-accordion__item[open] .foundry-faq-accordion__indicator { transform: rotate(180deg); } .foundry-faq-accordion__answer { margin-top: 0.75rem; color: var(--foundry-text-muted, #475569); font-size: 0.9375rem; line-height: 1.65; } .foundry-faq-accordion__question:focus-visible { outline: 0.18rem solid var(--foundry-brand-accent, #3b82f6); outline-offset: 0.35rem; } .foundry-contact-split--split .foundry-contact-split__inner { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); align-items: start; gap: clamp(2rem, 6vw, 5rem); } .foundry-contact-split--minimal .foundry-contact-split__inner { width: min(100%, var(--foundry-container-narrow, 36rem)); max-width: var(--foundry-container-narrow, 36rem); } .foundry-contact-split--centered .foundry-contact-split__inner { width: min(100%, var(--foundry-container-centered, 42rem)); max-width: var(--foundry-container-centered, 42rem); text-align: center; } .foundry-contact-split--centered .foundry-contact-split__form-panel { text-align: left; } .foundry-contact-split__meta-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0.75rem; margin-top: 1.5rem; } .foundry-contact-split__meta-chip { display: inline-flex; align-items: center; min-height: 2.75rem; gap: 0.5rem; padding-block: 0.6rem; padding-inline: 1rem; border: 1px solid var(--foundry-border, #e2e8f0); border-radius: 999px; background: var(--foundry-surface, #ffffff); color: var(--foundry-text, #0f172a); text-decoration: none; } .foundry-contact-split__meta-list, .foundry-contact-split__form { display: grid; gap: 1rem; margin-top: 1.5rem; } .foundry-contact-split__meta-card, .foundry-contact-split__form-panel { padding: var(--foundry-contact-panel-padding, clamp(1.25rem, 3vw, 2rem)); border: 1px solid var(--foundry-border, #e2e8f0); border-radius: var(--foundry-contact-panel-radius, 1rem); background: var(--foundry-surface, #ffffff); } .foundry-contact-split--minimal .foundry-contact-split__form-panel, .foundry-contact-split--centered .foundry-contact-split__form-panel { margin-top: 2rem; } .foundry-contact-split__meta-link { display: block; margin-top: 0.65rem; color: var(--foundry-text, #0f172a); overflow-wrap: anywhere; } .foundry-contact-split__form-title, .foundry-contact-split__form-text, .foundry-contact-split__meta-label, .foundry-contact-split__meta-value, .foundry-contact-split__privacy { margin: 0; } .foundry-contact-split__form-text, .foundry-contact-split__meta-value { margin-top: 0.65rem; line-height: 1.65; } .foundry-contact-split__field { display: block; color: var(--foundry-text-muted, #475569); font-size: 0.875rem; font-weight: 650; } .foundry-contact-split__control { display: block; width: 100%; max-width: 100%; min-height: 3rem; margin-top: 0.5rem; padding-block: 0.75rem; padding-inline: 0.9rem; border: 1px solid var(--foundry-border, #e2e8f0); border-radius: 0.75rem; background: var(--foundry-surface, #ffffff); color: var(--foundry-text, #0f172a); font: inherit; } .foundry-contact-split__control--textarea { min-height: 8rem; resize: vertical; } .foundry-contact-split__submit { display: inline-flex; width: 100%; align-items: center; justify-content: center; min-height: 3rem; padding-block: 0.75rem; padding-inline: 1.25rem; border: 0; border-radius: var(--foundry-button-radius, 999px); background: var(--foundry-button-primary-bg, #0f172a); color: var(--foundry-button-primary-text, #ffffff); font: inherit; font-weight: 700; cursor: pointer; } .foundry-contact-split__privacy { margin-top: 0.75rem; color: var(--foundry-text-muted, #475569); font-size: 0.75rem; line-height: 1.55; } .foundry-contact-split__form-warning { margin-top: 1.5rem; padding-block: 0.75rem; padding-inline: 1rem; border: 1px solid var(--foundry-border, #e2e8f0); border-radius: 0.75rem; background: var(--foundry-surface, #ffffff); color: var(--foundry-text-muted, #475569); font-size: 0.875rem; line-height: 1.55; } .foundry-contact-split__control:focus-visible, .foundry-contact-split__submit:focus-visible, .foundry-contact-split__meta-chip:focus-visible, .foundry-contact-split__meta-link:focus-visible { outline: 0.18rem solid var(--foundry-brand-accent, #3b82f6); outline-offset: 0.2rem; } @media (prefers-reduced-motion: reduce) { .foundry-faq-accordion__indicator { transition: none; } } @media (min-width: 48rem) { .foundry-before-after__panels { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 48rem) { .foundry-contact-split--split .foundry-contact-split__inner { grid-template-columns: 1fr; } } @media (min-width: 40.0625rem) and (max-width: 48rem) { .foundry-before-after__table-element, .foundry-comparison-table__table { min-width: 38rem; } } .foundry-features__item-title, .foundry-features__item-text { margin: 0; } .foundry-team-grid { padding-block: var(--foundry-section-space, clamp(4rem, 8vw, 7rem)); } .foundry-team-grid__inner { width: min(100%, var(--foundry-container-wide, var(--foundry-wide-container-max, 72rem))); max-width: var(--foundry-container-wide, var(--foundry-wide-container-max, 72rem)); margin-inline: auto; padding-inline: var(--foundry-container-gutter, clamp(1.25rem, 4vw, 2rem)); } .foundry-team-grid__title { max-width: var(--foundry-section-title-width, 18ch); margin: 0; color: var(--foundry-text, #0f172a); font-size: var(--foundry-section-title-size, clamp(2rem, 4.5vw, 3.5rem)); line-height: 1.04; letter-spacing: -0.035em; } .foundry-team-grid__subtitle { max-width: 46rem; margin: 1rem 0 0; color: var(--foundry-text-muted, #475569); font-size: var(--foundry-body-size, 1rem); line-height: 1.7; } .foundry-team-grid__grid { width: 100%; display: grid; gap: clamp(1rem, 3vw, 1.5rem); margin-top: clamp(2rem, 4vw, 2.75rem); } .foundry-team-grid__grid--default { grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr)); } .foundry-team-grid__grid--compact { grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); } .foundry-team-grid__grid--list { display: grid; gap: clamp(1.25rem, 3vw, 1.5rem); } .foundry-team-grid__member { min-width: 0; border-radius: 0.875rem; } .foundry-team-grid__member--list, .foundry-team-grid__member--default { padding: var(--foundry-card-padding, 1.5rem); border: 1px solid var(--foundry-border, #e2e8f0); background: var(--foundry-surface, #ffffff); } .foundry-team-grid__member--default, .foundry-team-grid__member--list, .foundry-team-grid__member--compact { text-align: left; } .foundry-team-grid__member--list, .foundry-team-grid__member--default { box-shadow: var(--foundry-card-shadow, 0 1px 2px rgb(15 23 42 / 0.04)); } .foundry-team-grid__member--compact { padding: 0; border: 0; } .foundry-team-grid__member-head { display: flex; align-items: center; gap: 1rem; } .foundry-team-grid__member-body { min-width: 0; } .foundry-team-grid__avatar { flex: 0 0 auto; border-radius: 999px; object-fit: cover; } .foundry-team-grid__avatar--compact { width: 5rem; height: 5rem; margin-inline: auto; } .foundry-team-grid__avatar--default, .foundry-team-grid__avatar--list { width: 3rem; height: 3rem; } .foundry-team-grid__name { margin: 0; color: var(--foundry-text, #0f172a); font-size: 1.125rem; font-weight: 650; line-height: 1.2; } .foundry-team-grid__role { margin: 0.25rem 0 0; color: var(--foundry-text-muted, #475569); font-size: 0.9375rem; line-height: 1.5; } .foundry-team-grid__bio { margin: 0.75rem 0 0; color: var(--foundry-text-muted, #475569); font-size: 0.9375rem; line-height: 1.7; } .foundry-team-grid__links { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 0.75rem; } .foundry-team-grid__link { color: var(--foundry-text, #0f172a); text-decoration: underline; text-underline-offset: 0.25rem; font-size: 0.9375rem; font-weight: 650; } .foundry-team-grid__link:hover { text-decoration-thickness: 0.12em; } .foundry-team-grid__link:focus-visible { outline: 0.18rem solid var(--foundry-brand-accent, #3b82f6); outline-offset: 0.2rem; } @media (min-width: 40rem) { .foundry-team-grid__grid--compact { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 64rem) { .foundry-team-grid__grid--compact { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .foundry-team-grid--compact .foundry-team-grid__member--compact .foundry-team-grid__name { margin-top: 0.75rem; text-align: center; } .foundry-features__item, .foundry-features__item-link { display: flex; flex-direction: column; align-items: flex-start; height: 100%; } .foundry-features__item-text { max-width: none; } .foundry-features__item-title { font-size: 1.15rem; line-height: 1.3; } .foundry-features__item-text { margin-top: 0.6rem; line-height: 1.65; } .foundry-stats-band { padding-block: clamp(3.5rem, 7vw, 5rem); background: var(--foundry-stats-band-bg, var(--foundry-surface, #ffffff)); color: var(--foundry-stats-band-color, var(--foundry-text, #0f172a)); } .foundry-stats-band--dark { --foundry-stats-band-bg: var(--foundry-stats-dark-bg, #0f172a); --foundry-stats-band-color: var(--foundry-stats-dark-color, #ffffff); --foundry-stats-band-muted-color: var(--foundry-stats-dark-muted-color, rgba(255, 255, 255, 0.72)); --foundry-stats-band-item-border: var(--foundry-stats-dark-item-border, rgba(255, 255, 255, 0.18)); --foundry-stats-band-item-bg: var(--foundry-stats-dark-item-bg, rgba(255, 255, 255, 0.05)); } .foundry-stats-band--brand { --foundry-stats-band-bg: var(--foundry-brand-primary, #0f172a); --foundry-stats-band-color: var(--foundry-text-on-dark, #ffffff); --foundry-stats-band-muted-color: color-mix(in srgb, currentColor 72%, transparent); --foundry-stats-band-item-border: color-mix(in srgb, currentColor 20%, transparent); --foundry-stats-band-item-bg: color-mix(in srgb, currentColor 5%, transparent); } .foundry-stats-band__title, .foundry-stats-band__subtitle { text-align: center; } .foundry-stats-band__title, .foundry-stats-band__value { color: var(--foundry-stats-band-color, currentColor); } .foundry-stats-band__subtitle { margin-inline: auto; color: var(--foundry-stats-band-muted-color, var(--foundry-text-muted, #475569)); } .foundry-stats-band__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr)); gap: 1rem; margin-top: 2.5rem; } .foundry-stats-band__item { padding: 1.5rem; border: 1px solid var(--foundry-stats-band-item-border, var(--foundry-border, #e2e8f0)); border-radius: var(--foundry-stats-band-item-radius, var(--foundry-radius, 1rem)); background: var(--foundry-stats-band-item-bg, var(--foundry-surface, #ffffff)); text-align: center; } .foundry-stats-band__value, .foundry-stats-band__label, .foundry-stats-band__detail { margin: 0; } .foundry-stats-band__value { font-size: clamp(2.35rem, 5vw, 4rem); font-weight: 750; line-height: 1; } .foundry-stats-band__label { margin-top: 0.75rem; color: var(--foundry-stats-band-muted-color, var(--foundry-text-muted, #475569)); line-height: 1.4; } .foundry-stats-band__detail { margin-top: 0.65rem; color: var(--foundry-stats-band-muted-color, var(--foundry-text-muted, #475569)); font-size: 0.8125rem; line-height: 1.5; } .foundry-stats-band--layout-editorial .foundry-stats-band__title, .foundry-stats-band--layout-editorial .foundry-stats-band__subtitle { max-width: 46rem; margin-right: auto; margin-left: 0; text-align: left; } .foundry-stats-band--layout-editorial .foundry-stats-band__item { padding-inline: 0; border-width: 1px 0 0; border-radius: 0; background: transparent; text-align: left; } .foundry-stats-band--layout-rail .foundry-stats-band__grid { gap: 0; border-top: 1px solid var(--foundry-stats-band-item-border, var(--foundry-border, #e2e8f0)); border-bottom: 1px solid var(--foundry-stats-band-item-border, var(--foundry-border, #e2e8f0)); } .foundry-stats-band--layout-rail .foundry-stats-band__item { border-width: 0 0 0 1px; border-radius: 0; background: transparent; } .foundry-stats-band--layout-rail .foundry-stats-band__item:first-child { border-left: 0; } .foundry-stats-band__scrub { height: 3px; margin-top: 0.6rem; overflow: hidden; border-radius: 999px; background: var(--foundry-stats-band-scrub-track, rgba(255, 255, 255, 0.15)); } .foundry-stats-band__scrub-progress { width: 0; height: 100%; border-radius: inherit; background: var(--foundry-stats-band-scrub-progress, var(--foundry-brand-accent, #c7352f)); } .foundry-pullquote { padding-block: clamp(2.5rem, 6vw, 4.25rem); } .foundry-pullquote__inner { width: min(100%, 60rem); max-width: var(--foundry-content-width, 60rem); margin-inline: auto; padding-inline: var(--foundry-container-gutter, 1.5rem); } .foundry-pullquote__box { margin: 0; padding: 0; } .foundry-pullquote__box--accent-bar { border-left: 0.25rem solid var(--foundry-brand-primary, #1f3b82); padding: 0 0 0 1.4rem; } .foundry-pullquote__box--filled { border: 1px solid var(--foundry-border, #e2e8f0); border-radius: var(--foundry-radius-lg, 1.5rem); padding: 1.8rem 1.4rem; background: var(--foundry-surface-soft, #f8fafc); } .foundry-pullquote__box--oversized { position: relative; overflow: hidden; padding: 1.1rem 0.95rem 1.55rem; border-radius: var(--foundry-radius-lg, 1.5rem); } .foundry-pullquote__box--oversized .foundry-pullquote__quote { position: relative; z-index: 1; } .foundry-pullquote__box--oversized .foundry-pullquote__quote::before, .foundry-pullquote__box--oversized .foundry-pullquote__quote::after { position: absolute; color: color-mix(in srgb, var(--foundry-brand-primary, #1f3b82) 28%, transparent); font-size: clamp(2.4rem, 8.5vw, 4.6rem); line-height: 1; pointer-events: none; z-index: -1; } .foundry-pullquote__box--oversized .foundry-pullquote__quote::before { content: "\201C"; top: -0.48em; left: -0.26em; } .foundry-pullquote__box--oversized .foundry-pullquote__quote::after { content: "\201D"; right: -0.26em; bottom: -0.56em; } .foundry-pullquote--left { text-align: left; } .foundry-pullquote--center { text-align: center; } .foundry-pullquote__quote { margin: 0; color: var(--foundry-text, #0f172a); font-size: clamp(1.62rem, 4vw, 2.45rem); font-weight: 650; line-height: 1.28; letter-spacing: -0.025em; } .foundry-pullquote__quote :where(p,ol,ul,blockquote) { margin: 0; } .foundry-pullquote__quote--minimal { font-size: 1.3125rem; font-style: italic; line-height: 1.6; color: var(--foundry-text-muted, #475569); } .foundry-pullquote__attribution { margin-top: 1.1rem; display: grid; gap: 0.15rem; color: var(--foundry-text-muted, #475569); font-size: 0.9rem; } .foundry-pullquote__author { color: var(--foundry-text, #0f172a); font-weight: 650; } .foundry-pullquote__role { font-size: 0.84rem; } .foundry-pullquote__box--left .foundry-pullquote__attribution { text-align: left; } .foundry-pullquote__box--center .foundry-pullquote__attribution { text-align: center; } .foundry-prose-panel { padding-block: clamp(3rem, 7vw, 4.5rem); } .foundry-prose-panel__inner { width: min(100%, 64rem); max-width: var(--foundry-content-width, 64rem); margin-inline: auto; padding-inline: var(--foundry-container-gutter, 1.5rem); } .foundry-prose-panel__content { border: 1px solid var(--foundry-border, #e2e8f0); border-radius: var(--foundry-radius-lg, 1.5rem); background: var(--foundry-surface, #ffffff); box-shadow: var(--foundry-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.12)); padding: clamp(1.4rem, 4vw, 2.6rem); } .foundry-prose-panel__title { margin: 0; color: var(--foundry-text, #0f172a); font-size: clamp(1.8rem, 3.5vw, 2.45rem); font-weight: 700; line-height: 1.08; letter-spacing: -0.02em; } .foundry-prose-panel__text { margin-top: 1rem; color: var(--foundry-text-muted, #475569); } .foundry-prose-panel__text p, .foundry-prose-panel__text ul, .foundry-prose-panel__text ol { margin-top: 0.6rem; margin-bottom: 0.6rem; } .foundry-prose-panel__text p:first-child, .foundry-prose-panel__text ul:first-child, .foundry-prose-panel__text ol:first-child { margin-top: 0; } .foundry-prose-panel__text p:last-child, .foundry-prose-panel__text ul:last-child, .foundry-prose-panel__text ol:last-child { margin-bottom: 0; } .foundry-illustration-panel { padding-block: clamp(2.4rem, 6vw, 4rem); } .foundry-illustration-panel__inner { width: min(100%, 78rem); max-width: var(--foundry-content-width, 78rem); margin-inline: auto; padding-inline: var(--foundry-container-gutter, 1.5rem); } .foundry-illustration-panel__media { margin: 0; width: min(100%, 100%); } .foundry-illustration-panel__media--wide { width: min(100%, 100%); } .foundry-illustration-panel__media--standard { max-width: 58rem; } .foundry-illustration-panel__media--compact { max-width: 38rem; } .foundry-illustration-panel__media, .foundry-illustration-panel__media--wide, .foundry-illustration-panel__media--standard, .foundry-illustration-panel__media--compact { margin-inline: auto; display: grid; justify-items: stretch; } .foundry-illustration-panel__image { display: block; width: 100%; max-width: 100%; height: auto; border-radius: var(--foundry-radius-lg, 1.5rem); background: var(--foundry-surface-soft, #f8fafc); } .foundry-illustration-panel__text { margin-top: 0.65rem; text-align: center; color: var(--foundry-text-muted, #475569); font-size: 0.9rem; line-height: 1.45; } .foundry-quote { padding-block: clamp(3.5rem, 8vw, 6rem); } .foundry-quote__figure { margin: 0; padding: clamp(2rem, 5vw, 3.5rem); border: 1px solid var(--foundry-border, #e2e8f0); border-radius: var(--foundry-radius-lg, 1.5rem); background: var(--foundry-surface-soft, #f8fafc); text-align: center; } .foundry-quote__mark { border-radius: 999px; background: var(--foundry-brand-primary, #0f172a); color: #fff; } .foundry-quote__text { max-width: 56rem; margin: 1.5rem auto 0; font-size: clamp(2rem, 4.5vw, 3.75rem); font-weight: 650; line-height: 1.06; letter-spacing: -0.035em; } .foundry-quote__text > :first-child, .foundry-quote__author-text > :first-child { margin-top: 0; } .foundry-quote__text > :last-child, .foundry-quote__author-text > :last-child { margin-bottom: 0; } .foundry-quote__meta { display: flex; justify-content: center; margin-top: 2rem; } .foundry-quote__author-wrap { display: flex; align-items: center; gap: 1rem; padding: 0.75rem 1rem; border: 1px solid var(--foundry-border, #e2e8f0); border-radius: 999px; text-align: left; } .foundry-quote__author-image { display: block; flex: 0 0 3rem; width: 3rem; height: 3rem; max-width: 3rem; border-radius: 999px; object-fit: cover; } .foundry-quote__author-text { min-width: 0; } .foundry-cta { padding-block: clamp(3.5rem, 8vw, 6rem); } .foundry-cta__panel { padding: clamp(2rem, 5vw, 4rem); border-radius: var(--foundry-radius-lg, 1.5rem); } .foundry-coming-soon-cta { padding-block: clamp(3rem, 7.5vw, 5rem); } .foundry-coming-soon-cta__inner { width: min(100%, 56rem); max-width: var(--foundry-content-width, 56rem); margin-inline: auto; padding-inline: var(--foundry-container-gutter, 1.5rem); } .foundry-coming-soon-cta__panel { padding: clamp(1.4rem, 4vw, 2.6rem); border: 1px solid var(--foundry-border, #e2e8f0); border-radius: var(--foundry-radius-lg, 1.5rem); background: var(--foundry-surface, #ffffff); text-align: center; box-shadow: var(--foundry-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.12)); } .foundry-coming-soon-cta__title { margin: 0; color: var(--foundry-text, #0f172a); font-size: clamp(1.85rem, 4.5vw, 2.35rem); font-weight: 800; line-height: 1.08; letter-spacing: -0.018em; } .foundry-coming-soon-cta__text { margin: 0.95rem 0 0; color: var(--foundry-text-muted, #475569); font-size: 1rem; line-height: 1.62; } .foundry-coming-soon-cta__actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 0.7rem; margin-top: 1.35rem; } .foundry-coming-soon-cta__support { margin: 0.95rem 0 0; color: var(--foundry-text-muted, #475569); font-size: 0.75rem; } .foundry-cta--centered .foundry-cta__panel, .foundry-cta--centered .foundry-cta__text { margin-inline: auto; text-align: center; } .foundry-cta--centered .foundry-cta__actions { justify-content: center; } @media (max-width: 48rem) { .foundry-features__grid, .foundry-stats-band__grid { grid-template-columns: 1fr; } .foundry-hero__inner, .foundry-features__inner, .foundry-stats-band__inner, .foundry-quote__inner, .foundry-cta__inner { padding-inline: 1.25rem; } .foundry-stats-band--layout-rail .foundry-stats-band__grid { border: 0; } .foundry-stats-band--layout-rail .foundry-stats-band__item, .foundry-stats-band--layout-rail .foundry-stats-band__item:first-child { border-width: 1px 0 0; } } @media (max-width: 48rem) { html.foundry-nav-open, body.foundry-nav-open { overflow: hidden; overscroll-behavior: none; } body.foundry-nav-open::before { position: fixed; inset: 0; z-index: var(--foundry-layer-nav-backdrop, 35); background: rgba(15, 23, 42, 0.36); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); content: ""; } .foundry-header.is-menu-open { z-index: var(--foundry-layer-header, 40); } .foundry-header__inner { flex-wrap: wrap; gap: 0.85rem; padding: 0.85rem 1.25rem; } .foundry-nav-toggle { display: inline-flex; } .foundry-nav { display: none; width: 100%; } .foundry-nav.is-open { display: block; max-height: calc(100dvh - var(--foundry-header-height, 4.75rem) - max(0.75rem, env(safe-area-inset-bottom))); overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; } .foundry-nav > ul { display: grid; justify-content: stretch; gap: 0.25rem; } .foundry-nav a, .foundry-nav-label { width: 100%; justify-content: space-between; border-radius: 0.7rem; padding-inline: 0.75rem; } .foundry-nav-parent { display: flex; justify-content: space-between; } .foundry-subnav-toggle { width: 2.75rem; height: 2.75rem; } .foundry-subnav { position: static; min-width: 0; margin: 0.25rem 0 0.35rem 0.75rem; border: 0; border-left: 1px solid color-mix(in srgb, var(--foundry-border, #e2e8f0) 82%, transparent); border-radius: 0; background: transparent; box-shadow: none; padding: 0.2rem 0 0.2rem 0.45rem; } .foundry-subnav::before { content: none; } } .foundry-breadcrumbs { color: var(--foundry-breadcrumbs-text, var(--foundry-text-muted, #475569)); font-size: 0.875rem; line-height: 1.4; } .foundry-breadcrumbs__list { display: flex; flex-wrap: wrap; align-items: center; gap: 0.35rem; max-width: var(--foundry-breadcrumbs-max-width, 72rem); margin: 0 auto; padding: var(--foundry-breadcrumbs-padding, 1rem 1.5rem); list-style: none; } .foundry-breadcrumbs__item { display: inline-flex; min-width: 0; align-items: center; gap: 0.35rem; } .foundry-breadcrumbs__separator { color: color-mix(in srgb, currentColor 48%, transparent); } .foundry-breadcrumbs__link { color: inherit; text-decoration: none; text-underline-offset: 0.2em; transition: color var(--foundry-duration-base, 200ms) var(--foundry-ease-standard, ease); } .foundry-breadcrumbs__link:hover, .foundry-breadcrumbs__link:focus-visible { color: var(--foundry-breadcrumbs-link-hover, var(--foundry-text, #0f172a)); text-decoration: underline; } .foundry-breadcrumbs__current { overflow: hidden; max-width: min(26rem, 70vw); color: var(--foundry-breadcrumbs-current, var(--foundry-text, #0f172a)); font-weight: 600; text-overflow: ellipsis; white-space: nowrap; } .foundry-features__item-link { color: inherit; text-decoration: none; } .foundry-features__item-link:hover, .foundry-features__item-link:focus-visible { text-decoration: none; } .foundry-features__item-cta { display: inline-flex; align-items: center; color: var(--foundry-brand-primary, #0f172a); transition: color var(--foundry-duration-base, 200ms) var(--foundry-ease-standard, ease); } .foundry-table-of-contents { padding-block: clamp(1.4rem, 4vw, 2rem); } .foundry-table-of-contents__inner { width: min(100%, 74rem); max-width: var(--foundry-content-width, 74rem); margin-inline: auto; padding-inline: var(--foundry-container-gutter, 1.5rem); } .foundry-table-of-contents__empty { margin: 0; font-size: 0.875rem; color: var(--foundry-text-muted, #475569); } .foundry-table-of-contents__widget { --foundry-toc-progress: 0; display: grid; gap: 0.85rem; padding: 1rem; color: var(--foundry-text, #0f172a); } .foundry-table-of-contents__widget--chapter-index { border-radius: 0.5rem; } .foundry-table-of-contents__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 0.9rem; } .foundry-table-of-contents__title-wrap { min-width: 0; } .foundry-table-of-contents__title { margin: 0; font-size: 1rem; line-height: 1.3; } .foundry-table-of-contents__toggle { display: none; align-items: center; justify-content: space-between; gap: 0.9rem; width: 100%; padding: 0.8rem 0.9rem; border: 1px solid var(--foundry-toc-toggle-border); border-radius: 0.95rem; background: var(--foundry-toc-toggle-bg); color: var(--foundry-text, #0f172a); box-shadow: var(--foundry-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.1)); cursor: pointer; } .foundry-table-of-contents__toggle-copy { display: grid; gap: 0.2rem; min-width: 0; text-align: left; } .foundry-table-of-contents__toggle-label { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--foundry-text-muted, #475569); } .foundry-table-of-contents__current { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; color: var(--foundry-text, #0f172a); } .foundry-table-of-contents__toggle-icon { position: relative; flex: none; width: 0.95rem; height: 0.95rem; } .foundry-table-of-contents__toggle-icon::before, .foundry-table-of-contents__toggle-icon::after { content: ""; position: absolute; top: 50%; width: 0.6rem; height: 1px; background: currentColor; transition: transform var(--foundry-duration-base, 200ms) var(--foundry-ease-standard, ease); } .foundry-table-of-contents__toggle-icon::before { left: 0.05rem; transform: translateY(-50%) rotate(45deg); } .foundry-table-of-contents__toggle-icon::after { right: 0.05rem; transform: translateY(-50%) rotate(-45deg); } .foundry-table-of-contents__widget.is-expanded .foundry-table-of-contents__toggle-icon::before { transform: translateY(-50%) rotate(-45deg); } .foundry-table-of-contents__widget.is-expanded .foundry-table-of-contents__toggle-icon::after { transform: translateY(-50%) rotate(45deg); } .foundry-table-of-contents__progress { position: relative; height: 0.35rem; overflow: hidden; border-radius: 999px; background: var(--foundry-toc-progress-track); } .foundry-table-of-contents__progress-track, .foundry-table-of-contents__progress-bar { display: block; height: 100%; border-radius: inherit; } .foundry-table-of-contents__progress-track { display: none; } .foundry-table-of-contents__progress-bar { width: 100%; background: var(--foundry-toc-progress-bar); transform: scaleX(var(--foundry-toc-progress)); transform-origin: left center; transition: transform var(--foundry-duration-base, 200ms) var(--foundry-ease-standard, ease); } .foundry-table-of-contents__panel[hidden] { display: none !important; } .foundry-table-of-contents__list, .foundry-table-of-contents__auto nav > ul, .foundry-table-of-contents__auto nav > ol { display: grid; gap: 0.35rem; margin: 0; padding: 0; list-style: none; } .foundry-table-of-contents__item { margin: 0; } .foundry-table-of-contents__list--children, .foundry-table-of-contents__auto nav ul ul, .foundry-table-of-contents__auto nav ol ol, .foundry-table-of-contents__auto nav ul ol, .foundry-table-of-contents__auto nav ol ul { display: grid; gap: 0.3rem; margin: 0.35rem 0 0; padding: 0 0 0 0.85rem; border-left: 1px solid color-mix(in srgb, var(--foundry-border, #e2e8f0) 86%, transparent); list-style: none; } .foundry-table-of-contents__link, .foundry-table-of-contents__auto a[href^="#"] { display: block; padding: 0.35rem 0.45rem; border-radius: 0.8rem; color: var(--foundry-text-muted, #475569); text-decoration: none; transition: color var(--foundry-duration-base, 200ms) var(--foundry-ease-standard, ease), background var(--foundry-duration-base, 200ms) var(--foundry-ease-standard, ease), opacity var(--foundry-duration-base, 200ms) var(--foundry-ease-standard, ease); } .foundry-table-of-contents__link::before, .foundry-table-of-contents__auto a[href^="#"]::before { content: ""; display: inline-block; width: 0.32rem; height: 0.32rem; margin: 0.48em 0.5rem 0 0; border-radius: 999px; background: var(--foundry-toc-link-marker); vertical-align: top; transition: background var(--foundry-duration-base, 200ms) var(--foundry-ease-standard, ease); } .foundry-table-of-contents__link:hover, .foundry-table-of-contents__link:focus-visible, .foundry-table-of-contents__auto a[href^="#"]:hover, .foundry-table-of-contents__auto a[href^="#"]:focus-visible { color: var(--foundry-text, #0f172a); background: color-mix(in srgb, var(--foundry-surface-soft, #f8fafc) 92%, transparent); } .foundry-table-of-contents__link.is-active, .foundry-table-of-contents__auto a[href^="#"].is-active { color: var(--foundry-toc-link-active-text); background: var(--foundry-toc-link-active-bg); font-weight: 700; } .foundry-table-of-contents__link.is-active::before, .foundry-table-of-contents__auto a[href^="#"].is-active::before { background: var(--foundry-toc-link-marker-active); } .foundry-table-of-contents__link.is-complete, .foundry-table-of-contents__auto a[href^="#"].is-complete { color: var(--foundry-toc-link-complete-text); } .foundry-table-of-contents__link.is-complete::before, .foundry-table-of-contents__auto a[href^="#"].is-complete::before { background: var(--foundry-toc-link-marker-complete); } [data-foundry-toc-depth="2"] .foundry-table-of-contents__auto nav > ul ul, [data-foundry-toc-depth="2"] .foundry-table-of-contents__auto nav > ol ol, [data-foundry-toc-depth="2"] .foundry-table-of-contents__auto nav > ul ol, [data-foundry-toc-depth="2"] .foundry-table-of-contents__auto nav > ol ul { display: none; } @media (max-width: 899px) { [data-foundry-toc-mobile="compact"].foundry-table-of-contents__widget { position: sticky; top: var(--foundry-scroll-offset, 0px); z-index: 30; } .foundry-article-shell__toc--mobile { position: sticky; top: var(--foundry-scroll-offset, 0px); z-index: 30; } .foundry-article-shell__toc--mobile > [data-foundry-toc-mobile="compact"].foundry-table-of-contents__widget { position: static; top: auto; grid-template-rows: auto auto minmax(0, 1fr); max-height: calc(100vh - var(--foundry-scroll-offset, 0px) - 1rem); max-height: calc(100dvh - var(--foundry-scroll-offset, 0px) - 1rem); } .foundry-article-shell__toc--mobile .foundry-table-of-contents__panel { min-height: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; } [data-foundry-toc-mobile="compact"] .foundry-table-of-contents__toggle { display: flex; } } @media (min-width: 900px) { [data-foundry-toc-sticky="true"].foundry-table-of-contents__widget { position: sticky; top: var(--foundry-scroll-offset, 0px); } .foundry-article-shell__aside { position: sticky; top: var(--foundry-scroll-offset, 0px); z-index: 20; align-self: start; min-width: 0; max-height: calc(100vh - var(--foundry-scroll-offset, 0px) - 1rem); max-height: calc(100dvh - var(--foundry-scroll-offset, 0px) - 1rem); overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; } [data-foundry-toc-mobile="compact"] .foundry-table-of-contents__panel[hidden] { display: block !important; } } .foundry-gallery__dialog, .foundry-masonry-gallery__dialog { width: min(92vw, 1100px); max-width: 1100px; border: 1px solid var(--foundry-border, #e2e8f0); } .foundry-gallery__dialog::backdrop, .foundry-masonry-gallery__dialog::backdrop { background: rgba(15, 23, 42, 0.72); } .foundry-gallery__dialog[open], .foundry-masonry-gallery__dialog[open] { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; max-height: 92vh; overflow: hidden; z-index: 1000; } .foundry-gallery__dialog-inner, .foundry-masonry-gallery__dialog-inner { max-height: 92vh; display: flex; flex-direction: column; } .foundry-gallery__dialog-image, .foundry-masonry-gallery [data-masonry-image] { width: 100%; max-height: 78vh; object-fit: contain; } .foundry-property-photo-tour__thumb:focus, .foundry-property-photo-tour__thumb:focus-visible { outline: 3px solid var(--foundry-brand-accent, #3b82f6); outline-offset: 3px; } @media (max-width: 640px) { .foundry-gallery__dialog[open], .foundry-masonry-gallery__dialog[open] { width: 96vw; } .foundry-gallery__dialog-image, .foundry-masonry-gallery [data-masonry-image] { max-height: 68vh; } } .foundry-site-preferences { position: relative; } .foundry-site-preferences__trigger { display: inline-flex; align-items: center; gap: 0.55rem; min-height: 2.5rem; padding: 0 0.9rem; border-radius: 9999px; border: 1px solid color-mix(in srgb, var(--foundry-border-strong, #cbd5e1) 92%, transparent); background: color-mix(in srgb, var(--foundry-surface, #ffffff) 94%, transparent); color: var(--foundry-text, #0f172a); box-shadow: var(--foundry-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.1)); cursor: pointer; transition: background var(--foundry-duration-base, 200ms) var(--foundry-ease-standard, ease), border-color var(--foundry-duration-base, 200ms) var(--foundry-ease-standard, ease), box-shadow var(--foundry-duration-base, 200ms) var(--foundry-ease-standard, ease), transform var(--foundry-duration-base, 200ms) var(--foundry-ease-standard, ease); } .foundry-site-preferences__trigger:hover { transform: translateY(-1px); border-color: color-mix(in srgb, var(--foundry-brand-accent, #3b82f6) 35%, var(--foundry-border-strong, #cbd5e1)); } .foundry-site-preferences__trigger:focus-visible { outline: 2px solid var(--foundry-brand-accent, #3b82f6); outline-offset: 2px; } .foundry-site-preferences__meta { display: inline-flex; align-items: center; gap: 0.5rem; } .foundry-site-preferences__language-code { font-size: 0.8rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; } .foundry-site-preferences__chevron { display: inline-flex; align-items: center; justify-content: center; transition: transform var(--foundry-duration-base, 200ms) var(--foundry-ease-standard, ease); } .foundry-site-preferences.is-open .foundry-site-preferences__chevron { transform: rotate(180deg); } .foundry-site-preferences__chevron-svg { width: 0.95rem; height: 0.95rem; } .foundry-site-preferences__panel { position: absolute; top: calc(100% + 0.65rem); right: 0; z-index: 80; width: min(20rem, calc(100vw - 2rem)); padding: 0.95rem; border-radius: 1rem; border: 1px solid color-mix(in srgb, var(--foundry-border, #e2e8f0) 90%, transparent); background: color-mix(in srgb, var(--foundry-surface, #ffffff) 98%, transparent); box-shadow: var(--foundry-shadow-md, 0 4px 12px rgba(0, 0, 0, 0.1)); } .foundry-site-preferences__panel[hidden] { display: none !important; } .foundry-site-preferences__section + .foundry-site-preferences__section { margin-top: 0.85rem; padding-top: 0.85rem; border-top: 1px solid color-mix(in srgb, var(--foundry-border, #e2e8f0) 90%, transparent); } .foundry-site-preferences__section-title { margin: 0 0 0.55rem; font-size: 0.78rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--foundry-text-muted, #475569); } .foundry-site-preferences--mobile { display: grid; gap: 1rem; } .foundry-theme-mode-display { position: relative; display: inline-grid; width: 1rem; height: 1rem; place-items: center; } .foundry-theme-mode-display__icon { display: none; align-items: center; justify-content: center; } .foundry-theme-mode-display__svg { width: 1rem; height: 1rem; } .foundry-theme-mode-display[data-mode="light"] .foundry-theme-mode-display__icon[data-icon="light"], .foundry-theme-mode-display[data-mode="dark"] .foundry-theme-mode-display__icon[data-icon="dark"] { display: inline-flex; } .foundry-theme-mode-display[data-mode="system"] .foundry-theme-mode-display__icon[data-icon="light"] { display: inline-flex; } :root.dark .foundry-theme-mode-display[data-mode="system"] .foundry-theme-mode-display__icon[data-icon="light"], :root[data-theme="dark"] .foundry-theme-mode-display[data-mode="system"] .foundry-theme-mode-display__icon[data-icon="light"] { display: none; } :root.dark .foundry-theme-mode-display[data-mode="system"] .foundry-theme-mode-display__icon[data-icon="dark"], :root[data-theme="dark"] .foundry-theme-mode-display[data-mode="system"] .foundry-theme-mode-display__icon[data-icon="dark"] { display: inline-flex; } .foundry-theme-mode-display__badge { display: none; position: absolute; right: -0.22rem; bottom: -0.16rem; align-items: center; justify-content: center; width: 0.68rem; height: 0.68rem; border: 1px solid color-mix(in srgb, var(--foundry-border-strong, #cbd5e1) 88%, transparent); border-radius: 9999px; background: color-mix(in srgb, var(--foundry-surface, #ffffff) 96%, transparent); color: inherit; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); } .foundry-theme-mode-display[data-mode="system"] .foundry-theme-mode-display__badge { display: inline-flex; } .foundry-theme-mode-display__badge-svg { width: 0.4rem; height: 0.4rem; } .foundry-language-switcher--list { display: grid; gap: 0.45rem; } .foundry-language-switcher--list .foundry-language-switcher__link { display: flex; align-items: center; justify-content: space-between; gap: 0.8rem; min-height: 2.75rem; padding: 0.75rem 0.85rem; border-radius: 0.9rem; border: 1px solid color-mix(in srgb, var(--foundry-border, #e2e8f0) 92%, transparent); background: color-mix(in srgb, var(--foundry-surface-soft, #f8fafc) 70%, transparent); color: var(--foundry-text, #0f172a); text-decoration: none; transition: background var(--foundry-duration-base, 200ms) var(--foundry-ease-standard, ease), border-color var(--foundry-duration-base, 200ms) var(--foundry-ease-standard, ease), transform var(--foundry-duration-base, 200ms) var(--foundry-ease-standard, ease); } .foundry-language-switcher--list .foundry-language-switcher__link:hover { transform: translateY(-1px); border-color: color-mix(in srgb, var(--foundry-brand-accent, #3b82f6) 35%, var(--foundry-border-strong, #cbd5e1)); } .foundry-language-switcher--list .foundry-language-switcher__link:focus-visible { outline: 2px solid var(--foundry-brand-accent, #3b82f6); outline-offset: 2px; } .foundry-language-switcher__content { display: grid; gap: 0.12rem; } .foundry-language-switcher__label { font-weight: 600; } .foundry-language-switcher__meta { font-size: 0.78rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--foundry-text-muted, #475569); } .foundry-language-switcher__state { display: inline-flex; align-items: center; justify-content: center; } .foundry-language-switcher__check { width: 1rem; height: 1rem; } .foundry-language-switcher--list .foundry-language-switcher__link.is-active { border-color: color-mix(in srgb, var(--foundry-brand-accent, #3b82f6) 46%, var(--foundry-border-strong, #cbd5e1)); background: color-mix(in srgb, var(--foundry-brand-accent, #3b82f6) 10%, var(--foundry-surface, #ffffff)); } .foundry-language-switcher--list .foundry-language-switcher__link.is-unavailable { opacity: 0.92; } .foundry-accordion { width: 100%; padding-block: var(--foundry-accordion-padding-block, clamp(2.5rem, 6vw, 4.25rem)); color: var(--foundry-text, #0f172a); } .foundry-accordion__inner { width: min(100%, var(--foundry-container-wide, var(--foundry-wide-container-max, 72rem))); max-width: var(--foundry-container-wide, var(--foundry-wide-container-max, 72rem)); margin-right: auto; margin-left: auto; padding-inline: var(--foundry-container-gutter, clamp(1.25rem, 4vw, 2rem)); } .foundry-accordion__title { margin: 0; font-family: var(--foundry-font-heading, inherit); color: var(--foundry-text, #0f172a); font-size: clamp(1.8rem, 3.8vw, 2.4rem); line-height: 1.09; } .foundry-accordion__text { margin-top: clamp(0.7rem, 2.8vw, 1.2rem); max-width: min(100%, 58rem); color: var(--foundry-text-muted, #475569); line-height: 1.75; } .foundry-accordion__text > *:first-child { margin-top: 0; } .foundry-accordion__text > *:last-child { margin-bottom: 0; } .foundry-accordion__list { margin-top: clamp(1.6rem, 3.8vw, 2.3rem); display: grid; gap: 0.9rem; } .foundry-accordion__item { min-width: 0; border: 1px solid var(--foundry-border, #e2e8f0); border-radius: var(--foundry-radius-lg, 1rem); background: var(--foundry-surface, #ffffff); box-shadow: var(--foundry-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.1)); } .foundry-accordion--minimal .foundry-accordion__item { border: 0; border-top: 1px solid var(--foundry-border, #e2e8f0); border-radius: 0; box-shadow: none; } .foundry-accordion--minimal .foundry-accordion__item + .foundry-accordion__item { border-top: 1px solid var(--foundry-border, #e2e8f0); } .foundry-accordion__item[open] > .foundry-accordion__summary .foundry-accordion__indicator { transform: rotate(180deg); } .foundry-accordion__summary { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; min-width: 0; min-height: 2.75rem; border-radius: var(--foundry-radius-sm, 0.5rem); outline-offset: 0.2rem; color: var(--foundry-text, #0f172a); font-size: 1rem; line-height: 1.35; font-weight: 700; cursor: pointer; list-style: none; } .foundry-accordion__summary::-webkit-details-marker { display: none; } .foundry-accordion__summary:focus-visible, .foundry-faq-accordion__question:focus-visible { outline: 0.18rem solid var(--foundry-brand-accent, #3b82f6); } .foundry-accordion__summary-main { display: inline-flex; align-items: center; gap: 0.65rem; min-width: 0; } .foundry-accordion__summary-title { font-weight: 700; line-height: 1.35; } .foundry-accordion__indicator { flex: 0 0 auto; width: 1.6rem; height: 1.6rem; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--foundry-border, #e2e8f0); border-radius: 999px; color: var(--foundry-text-muted, #475569); transition: transform var(--foundry-duration-base, 200ms) var(--foundry-ease-standard, ease); } .foundry-accordion__icon { display: inline-flex; align-items: center; justify-content: center; width: 1.8rem; height: 1.8rem; border-radius: 999px; background: var(--foundry-text, #0f172a); color: var(--foundry-text-on-dark, #ffffff); flex: 0 0 auto; } .foundry-accordion__icon-glyph, .foundry-accordion__indicator-glyph { display: inline-flex; width: 0.9rem; height: 0.9rem; } .foundry-accordion__body { margin-top: 0.75rem; color: var(--foundry-text-muted, #475569); font-size: 0.95rem; line-height: 1.7; padding-inline: 0.2rem; } .foundry-accordion__body p { margin-top: 0; } .foundry-accordion__body p:last-child { margin-bottom: 0; } .foundry-accordion__empty { margin-top: 1rem; padding: 1rem; border: 1px dashed var(--foundry-border-strong, #cbd5e1); border-radius: var(--foundry-radius-md, 0.75rem); background: var(--foundry-surface-soft, #f8fafc); color: var(--foundry-text-muted, #475569); } .foundry-accordion__empty p { margin: 0; font-size: 0.94rem; } .foundry-faq-accordion__inner { box-sizing: border-box; width: min(100%, var(--foundry-container-wide, var(--foundry-wide-container-max, 72rem))); max-width: var(--foundry-container-wide, var(--foundry-wide-container-max, 72rem)); margin-right: auto; margin-left: auto; } .foundry-faq-accordion__question { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; min-width: 0; min-height: 2.75rem; border-radius: var(--foundry-radius-sm, 0.5rem); outline-offset: 0.2rem; } .foundry-faq-accordion__question:focus-visible { outline: 0.18rem solid var(--foundry-brand-accent, #3b82f6); } .foundry-accordion__indicator, .foundry-faq-accordion__indicator { flex: 0 0 auto; transition: transform var(--foundry-duration-base, 200ms) var(--foundry-ease-standard, ease); } .foundry-faq-accordion__indicator { display: inline-flex; box-sizing: border-box; align-items: center; justify-content: center; width: 2rem; height: 2rem; border: 1px solid var(--foundry-border, #e2e8f0); border-radius: 9999px; color: var(--foundry-text-muted, #475569); } .foundry-faq-accordion__item[open] > .foundry-faq-accordion__question .foundry-faq-accordion__indicator { transform: rotate(180deg); } @media (prefers-reduced-motion: reduce) { .foundry-accordion__summary, .foundry-accordion__indicator, .foundry-faq-accordion__indicator { transition: none; } } .foundry-content-sidebar-nav, .foundry-columns, .foundry-steps, .foundry-embed { box-sizing: border-box; width: 100%; color: var(--foundry-text, #0f172a); } .foundry-content-sidebar-nav *, .foundry-columns *, .foundry-steps *, .foundry-embed * { box-sizing: border-box; } .foundry-content-sidebar-nav { padding-block: var(--foundry-content-sidebar-nav-padding-block, clamp(3rem, 6vw, 4.5rem)); } .foundry-content-sidebar-nav__inner { width: min(100% - (2 * var(--foundry-container-gutter, clamp(1.25rem, 4vw, 4rem))), var(--foundry-wide-container-max, 72rem)); margin-inline: auto; display: grid; gap: clamp(1.8rem, 4vw, 2.8rem); align-items: start; } .foundry-content-sidebar-nav__sidebar { display: grid; gap: 1rem; } .foundry-content-sidebar-nav__title { margin: 0; font-family: var(--foundry-font-heading, inherit); font-size: clamp(1.4rem, 3vw, 1.8rem); line-height: 1.15; color: var(--foundry-text, #0f172a); } .foundry-content-sidebar-nav__subtitle { margin: 0.55rem 0 0; color: var(--foundry-text-muted, #475569); font-size: 0.95rem; line-height: 1.45; } .foundry-content-sidebar-nav__toc { margin-top: 1.4rem; } .foundry-content-sidebar-nav__nav { margin: 1.2rem 0 0; display: grid; gap: 0.5rem; list-style: none; color: var(--foundry-text-muted, #475569); } .foundry-content-sidebar-nav__nav-item { display: block; border: 1px solid var(--foundry-border, #e2e8f0); border-radius: 0.9rem; padding: 0.5rem 0.8rem; color: var(--foundry-text, #0f172a); text-decoration: none; font-size: 0.92rem; font-weight: 600; line-height: 1.35; transition: background-color var(--foundry-duration-base, 200ms) var(--foundry-ease-standard, ease), color var(--foundry-duration-base, 200ms) var(--foundry-ease-standard, ease), border-color var(--foundry-duration-base, 200ms) var(--foundry-ease-standard, ease); } .foundry-content-sidebar-nav__nav-item:hover, .foundry-content-sidebar-nav__nav-item:focus-visible { background: var(--foundry-surface-soft, #f8fafc); } .foundry-content-sidebar-nav__nav--checklist { display: flex; flex-wrap: wrap; gap: 0.5rem; } .foundry-content-sidebar-nav__nav-item--checklist { display: inline-flex; border-radius: 999px; padding: 0.35rem 0.85rem; } .foundry-content-sidebar-nav__nav--timeline { display: grid; gap: 0.6rem; } .foundry-content-sidebar-nav__nav-item--timeline { border-left: 2px solid var(--foundry-border, #e2e8f0); border-radius: 0.6rem; } .foundry-content-sidebar-nav__content { display: grid; gap: 1.75rem; } .foundry-content-sidebar-nav__article { background: var(--foundry-surface, #ffffff); border: 1px solid var(--foundry-border, #e2e8f0); border-radius: 1rem; padding: clamp(1rem, 2.8vw, 1.45rem); color: var(--foundry-text-muted, #475569); min-width: 0; scroll-margin-top: calc(var(--foundry-scroll-offset, 0px) + 1rem); } .foundry-content-sidebar-nav__article--panel { scroll-margin-top: calc(var(--foundry-scroll-offset, 0px) + 1rem); } .foundry-content-sidebar-nav__article--chapter { padding-top: clamp(1.2rem, 2.8vw, 1.8rem); border-left: none; border-top: 1px solid var(--foundry-border, #e2e8f0); } .foundry-content-sidebar-nav__article--timeline { padding-bottom: clamp(1rem, 2vw, 1.4rem); position: relative; } .foundry-content-sidebar-nav__timeline-dot { position: absolute; left: 0.2rem; top: 0.85rem; width: 0.7rem; height: 0.7rem; border: 2px solid var(--foundry-surface, #ffffff); border-radius: 999px; background: var(--foundry-text, #0f172a); box-shadow: 0 0 0 1px var(--foundry-border, #e2e8f0); } .foundry-content-sidebar-nav__index { margin: 0 0 0.65rem; color: var(--foundry-text-muted, #475569); font-size: 0.78rem; font-weight: 700; } .foundry-content-sidebar-nav__chapter-index { margin: 0 0 0.65rem; color: var(--foundry-text-muted, #475569); font-size: 0.78rem; font-weight: 700; letter-spacing: 0.02em; } .foundry-content-sidebar-nav__item-title { margin: 0; color: var(--foundry-text, #0f172a); font-size: clamp(1.05rem, 2.5vw, 1.3rem); line-height: 1.3; } .foundry-content-sidebar-nav__item-text { margin: 0.7rem 0 0; color: var(--foundry-text-muted, #475569); line-height: 1.66; } .foundry-content-sidebar-nav__bullet-list { list-style: none; margin: 1rem 0 0; padding: 0; display: grid; gap: 0.55rem; } .foundry-content-sidebar-nav__bullet { display: flex; align-items: flex-start; gap: 0.5rem; min-width: 0; color: var(--foundry-text-muted, #475569); line-height: 1.4; } .foundry-content-sidebar-nav__bullet-icon { margin-top: 0.2rem; width: 1rem; height: 1rem; display: inline-flex; align-items: center; justify-content: center; flex: none; border-radius: 999px; background: var(--foundry-text, #0f172a); color: var(--foundry-text-on-dark, #ffffff); } .foundry-content-sidebar-nav__bullet-glyph { width: 0.56rem; height: 0.56rem; } .foundry-content-sidebar-nav--chapter-index .foundry-content-sidebar-nav__inner { align-items: start; } .foundry-content-sidebar-nav--chapter-index .foundry-table-of-contents__widget { border-radius: 0.5rem; box-shadow: none; } .foundry-columns { padding-block: var(--foundry-columns-padding-block, clamp(3rem, 6vw, 4.5rem)); } .foundry-columns__inner { width: min(100% - (2 * var(--foundry-container-gutter, clamp(1.25rem, 4vw, 4rem))), var(--foundry-wide-container-max, 72rem)); margin-inline: auto; } .foundry-columns__title { margin: 0 0 0.75rem; color: var(--foundry-text, #0f172a); font-family: var(--foundry-font-heading, inherit); font-size: clamp(1.75rem, 4vw, 2.45rem); line-height: 1.08; } .foundry-columns__grid { width: 100%; display: grid; margin-top: clamp(1rem, 2.8vw, 1.4rem); } .foundry-columns__grid--count-2 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .foundry-columns__grid--count-3 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .foundry-columns__grid--count-4 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .foundry-columns__grid--count-5 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .foundry-columns__grid--gap-sm { gap: 1rem; } .foundry-columns__grid--gap-md { gap: 1.5rem; } .foundry-columns__grid--gap-lg { gap: 2rem; } .foundry-columns__grid--align-center { align-items: center; } .foundry-columns__column { min-width: 0; } .foundry-columns__column--stat { text-align: center; } .foundry-columns__stat-value { margin: 0; color: var(--foundry-text, #0f172a); font-size: clamp(2rem, 5vw, 3.25rem); line-height: 1; font-weight: 800; letter-spacing: -0.01em; } .foundry-columns__stat-label { margin: 0.55rem 0 0; color: var(--foundry-text, #0f172a); font-size: 0.98rem; font-weight: 700; } .foundry-columns__column-title { margin: 0.7rem 0 0; color: var(--foundry-text, #0f172a); font-size: clamp(1.1rem, 2.6vw, 1.4rem); line-height: 1.3; } .foundry-columns__column-title--prose { font-size: clamp(1.22rem, 2.9vw, 1.55rem); } .foundry-columns__text { margin: 0.7rem 0 0; color: var(--foundry-text-muted, #475569); line-height: 1.7; } .foundry-columns__icon-wrap { width: 2.35rem; height: 2.35rem; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; background: var(--foundry-text, #0f172a); color: var(--foundry-text-on-dark, #ffffff); } .foundry-columns__icon-wrap--compact { width: 2rem; height: 2rem; } .foundry-columns__icon { width: 1.25rem; height: 1.25rem; } .foundry-columns__prose { margin-top: 0.85rem; max-width: 70ch; color: var(--foundry-text-muted, #475569); } .foundry-columns__prose > :first-child { margin-top: 0; } .foundry-columns__prose > :last-child { margin-bottom: 0; } .foundry-columns__empty { margin-top: 1rem; padding: 1rem; border: 1px dashed var(--foundry-border-strong, #cbd5e1); border-radius: 0.75rem; background: var(--foundry-surface-soft, #f8fafc); } .foundry-columns__empty-text { margin: 0; color: var(--foundry-text-muted, #475569); font-size: 0.94rem; } .foundry-columns__grid--divided { position: relative; } .foundry-columns__grid--divided .foundry-columns__column + .foundry-columns__column { border-top: 1px solid var(--foundry-border, #e2e8f0); padding-top: 1.25rem; } .foundry-columns--prose .foundry-columns__column--stat, .foundry-columns--prose .foundry-columns__column--feature { border-top: 0; padding-top: 0; } .foundry-steps { padding-block: var(--foundry-steps-padding-block, clamp(2.8rem, 7vw, 4.5rem)); } .foundry-steps__inner { width: min(100% - (2 * var(--foundry-container-gutter, clamp(1.25rem, 4vw, 4rem))), var(--foundry-wide-container-max, 72rem)); margin-inline: auto; } .foundry-steps__title { margin: 0; color: var(--foundry-text, #0f172a); font-family: var(--foundry-font-heading, inherit); font-size: clamp(1.75rem, 4vw, 2.45rem); line-height: 1.08; } .foundry-steps__subtitle { margin: 0.8rem 0 0; max-width: 60ch; color: var(--foundry-text-muted, #475569); font-size: 1rem; line-height: 1.75; } .foundry-steps__grid { margin-top: clamp(1.4rem, 3vw, 2rem); display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 0.95rem; } .foundry-steps__grid--numbered { list-style: none; } .foundry-steps__grid--columns-2 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .foundry-steps__grid--columns-4 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .foundry-steps__item { list-style: none; margin: 0; border: 1px solid var(--foundry-border, #e2e8f0); background: var(--foundry-surface, #ffffff); border-radius: 0.95rem; padding: 1rem; min-width: 0; } .foundry-steps__item--plain { border: 0; background: transparent; box-shadow: none; padding: 0.3rem 0.2rem; } .foundry-steps__item--numbered { background: var(--foundry-surface, #ffffff); } .foundry-steps__item-inner { display: flex; align-items: flex-start; gap: 0.95rem; } .foundry-steps--plain .foundry-steps__item { border: 0; box-shadow: none; border-radius: 0.6rem; } .foundry-steps__number { width: 2.4rem; height: 2.4rem; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; border: 1px solid var(--foundry-border, #e2e8f0); background: var(--foundry-surface, #ffffff); color: var(--foundry-text, #0f172a); font-weight: 700; line-height: 1; font-size: 0.95rem; } .foundry-steps__icon { width: 0.9rem; height: 0.9rem; } .foundry-steps__content { min-width: 0; } .foundry-steps__item-title { margin: 0; color: var(--foundry-text, #0f172a); font-size: clamp(1.02rem, 2.3vw, 1.2rem); line-height: 1.35; } .foundry-steps__item-text { margin: 0.45rem 0 0; color: var(--foundry-text-muted, #475569); font-size: 0.94rem; line-height: 1.7; } .foundry-steps__item-meta { margin: 0.6rem 0 0; text-transform: uppercase; letter-spacing: 0.05em; font-size: 0.66rem; font-weight: 700; color: var(--foundry-text-muted, #475569); } .foundry-steps__item--numbered .foundry-steps__item-text { margin-top: 0.35rem; } .foundry-embed { padding-block: var(--foundry-embed-padding-block, clamp(2.8rem, 7vw, 4.5rem)); } .foundry-embed__inner { width: min(100% - (2 * var(--foundry-container-gutter, clamp(1.25rem, 4vw, 4rem))), var(--foundry-content-max, 78rem)); margin-inline: auto; } .foundry-embed__title { margin: 0; font-family: var(--foundry-font-heading, inherit); color: var(--foundry-text, #0f172a); font-size: clamp(1.75rem, 4vw, 2.45rem); line-height: 1.08; } .foundry-embed__subtitle { margin-top: 0.8rem; margin-bottom: 0; max-width: 60ch; color: var(--foundry-text-muted, #475569); line-height: 1.75; } .foundry-embed__empty { margin-top: 2rem; padding: 1rem; border: 1px dashed var(--foundry-border-strong, #cbd5e1); border-radius: 0.75rem; background: var(--foundry-surface-soft, #f8fafc); } .foundry-embed__empty-text { margin: 0; color: var(--foundry-text-muted, #475569); font-size: 0.94rem; } .foundry-embed__figure { width: min(100%, var(--foundry-content-max, 78rem)); margin: 2.25rem auto 0; } .foundry-embed__shell { width: 100%; } .foundry-embed__shell--card { border: 1px solid var(--foundry-border, #e2e8f0); border-radius: 1.15rem; padding: 0.5rem; background: var(--foundry-surface, #ffffff); box-shadow: var(--foundry-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.1)); } .foundry-embed__shell--flush { padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; } .foundry-embed__shell--minimal { border: 1px solid var(--foundry-border, #e2e8f0); border-radius: 0.85rem; padding: 0.45rem; background: var(--foundry-surface-soft, #f8fafc); } .foundry-embed__frame-wrap { width: 100%; position: relative; } .foundry-embed__frame-wrap--aspect-16x9 { aspect-ratio: 16 / 9; } .foundry-embed__frame-wrap--aspect-4x3 { aspect-ratio: 4 / 3; } .foundry-embed__frame-wrap--aspect-1x1 { aspect-ratio: 1 / 1; } .foundry-embed__frame-wrap--aspect-map { aspect-ratio: 3 / 1; } .foundry-embed__frame-wrap--fixed-height { height: auto; } .foundry-embed__loader { position: absolute; inset: 0; display: grid; place-items: center; padding: 0.8rem; background: color-mix(in srgb, var(--foundry-surface, #ffffff) 84%, transparent); } .foundry-embed__loader-panel { width: min(100%, 29rem); text-align: center; padding: 1rem; border: 1px solid var(--foundry-border, #e2e8f0); border-radius: 0.9rem; background: var(--foundry-surface, #ffffff); } .foundry-embed__loader-mark { display: inline-block; width: 1.2rem; height: 1.2rem; margin-bottom: 0.35rem; border: 2px solid var(--foundry-text, #0f172a); border-top-color: transparent; border-radius: 999px; animation: foundry-spin 1s linear infinite; } .foundry-embed__loader-eyebrow { margin: 0; text-transform: uppercase; letter-spacing: 0.05em; font-size: 0.67rem; font-weight: 700; color: var(--foundry-text-muted, #475569); } .foundry-embed__loader-title { margin: 0.45rem 0 0; font-size: 1rem; line-height: 1.3; font-weight: 650; color: var(--foundry-text, #0f172a); } .foundry-embed__loader-text { margin: 0.55rem 0 0; color: var(--foundry-text-muted, #475569); font-size: 0.9rem; line-height: 1.45; } .foundry-embed__loader-link { margin: 0.9rem 0 0; display: inline-block; color: var(--foundry-text-muted, #475569); text-decoration: underline; } .foundry-embed__frame { width: 100%; height: 100%; border: 0; border-radius: 0.85rem; background: var(--foundry-surface, #f8fafc); } .foundry-embed__fallback { margin: 1rem 0 0; } .foundry-embed__fallback-link { color: var(--foundry-text-muted, #475569); text-decoration-thickness: 1.5px; text-underline-offset: 0.12rem; } @media (min-width: 48rem) { .foundry-columns__grid--count-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .foundry-columns__grid--count-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .foundry-columns__grid--count-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .foundry-columns__grid--count-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .foundry-steps__grid--columns-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .foundry-steps__grid--columns-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (min-width: 64rem) { .foundry-content-sidebar-nav__inner { grid-template-columns: 1fr 3fr; } .foundry-content-sidebar-nav__sidebar { position: sticky; top: 2rem; } .foundry-columns__grid--count-4, .foundry-columns__grid--count-5 { gap: 2rem; } } @media (prefers-reduced-motion: reduce) { .foundry-content-sidebar-nav__article, .foundry-content-sidebar-nav__timeline-dot, .foundry-steps__frame, .foundry-embed__loader-mark { transition: none; animation: none; } } @keyframes foundry-spin { to { transform: rotate(360deg); } } .foundry-post-list, .foundry-cta-image-paragraph, .foundry-image-feature { box-sizing: border-box; width: 100%; color: var(--foundry-text, #0f172a); } .foundry-post-list *, .foundry-cta-image-paragraph *, .foundry-image-feature * { box-sizing: border-box; } .foundry-post-list { padding-block: var(--foundry-post-list-padding-block, clamp(3.75rem, 8vw, 8rem)); } .foundry-post-list__inner, .foundry-cta-image-paragraph__inner, .foundry-image-feature__inner { width: min(100% - (2 * var(--foundry-page-gutter, clamp(1.25rem, 4vw, 4rem))), var(--foundry-content-max, 78rem)); margin-inline: auto; } .foundry-post-list__header, .foundry-cta-image-paragraph__header { max-width: var(--foundry-type-measure, 44rem); margin-bottom: clamp(2rem, 4vw, 4.5rem); } .foundry-post-list__eyebrow, .foundry-cta-image-paragraph__eyebrow, .foundry-cta-image-paragraph__item-eyebrow { margin: 0 0 0.75rem; color: var(--foundry-brand-accent, #2563eb); font-size: var(--foundry-type-label-size, 0.75rem); font-weight: 700; letter-spacing: 0.13em; line-height: 1.2; text-transform: uppercase; } .foundry-post-list__title, .foundry-cta-image-paragraph__section-title { max-width: 18ch; margin: 0; font-family: var(--foundry-font-display, var(--foundry-font-heading, inherit)); font-size: var(--foundry-post-list-title-size, clamp(2.15rem, 5vw, 4.75rem)); font-weight: var(--foundry-type-display-weight, 650); letter-spacing: var(--foundry-type-display-tracking, -0.045em); line-height: var(--foundry-type-display-line-height, 0.98); text-wrap: balance; } .foundry-post-list__subtitle, .foundry-cta-image-paragraph__section-text { max-width: 56ch; margin-top: 1.25rem; color: var(--foundry-text-muted, #475569); font-size: clamp(1rem, 1.4vw, 1.2rem); line-height: 1.7; } .foundry-post-list__subtitle > :first-child, .foundry-cta-image-paragraph__section-text > :first-child, .foundry-cta-image-paragraph__text > :first-child, .foundry-image-feature__caption-text > :first-child, .foundry-image-feature__credit > :first-child { margin-top: 0; } .foundry-post-list__subtitle > :last-child, .foundry-cta-image-paragraph__section-text > :last-child, .foundry-cta-image-paragraph__text > :last-child, .foundry-image-feature__caption-text > :last-child, .foundry-image-feature__credit > :last-child { margin-bottom: 0; } .foundry-post-list a { color: inherit; text-decoration: none; text-decoration-thickness: 0.08em; text-underline-offset: 0.18em; } .foundry-post-list a:hover { text-decoration: underline; } .foundry-post-list a:focus-visible, .foundry-image-feature__opener:focus-visible, .foundry-image-feature__close:focus-visible { outline: 0.18rem solid var(--foundry-brand-accent, #2563eb); outline-offset: 0.22rem; } .foundry-post-list__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 0.45rem 0.8rem; margin-bottom: 0.9rem; color: var(--foundry-text-muted, #475569); font-size: 0.78rem; letter-spacing: 0.025em; line-height: 1.4; } .foundry-post-list__badge { display: inline-flex; align-items: center; min-height: 1.75rem; padding: 0.22rem 0.65rem; border: 1px solid color-mix(in srgb, var(--foundry-brand-accent, #2563eb) 30%, var(--foundry-border, #e2e8f0)); border-radius: 999px; color: var(--foundry-brand-accent, #2563eb); font-size: 0.68rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; } .foundry-post-list__date, .foundry-post-list__author { white-space: nowrap; } .foundry-post-list__date + .foundry-post-list__author::before { margin-right: 0.8rem; color: var(--foundry-border-strong, #cbd5e1); content: "/"; } .foundry-post-list__media-link, .foundry-post-list__stack-media-link { display: block; overflow: hidden; background: var(--foundry-surface-subtle, #f1f5f9); } .foundry-post-list__lead-image, .foundry-post-list__featured-image, .foundry-post-list__card-image, .foundry-post-list__stack-image { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 500ms var(--foundry-ease-standard, ease); } .foundry-post-list__media-link:hover img, .foundry-post-list__stack-media-link:hover img { transform: scale(1.025); } .foundry-post-list__media-placeholder { display: block; width: 100%; min-height: 12rem; background: linear-gradient(145deg, transparent 52%, color-mix(in srgb, var(--foundry-brand-accent, #2563eb) 12%, transparent) 52%), var(--foundry-surface-subtle, #f1f5f9); } .foundry-post-list__item-title, .foundry-post-list__lead-title, .foundry-post-list__featured-title, .foundry-post-list__stack-title { margin: 0; font-family: var(--foundry-font-heading, inherit); letter-spacing: -0.025em; line-height: 1.08; text-wrap: balance; } .foundry-post-list__item-title { font-size: clamp(1.35rem, 2.1vw, 2rem); } .foundry-post-list__lead-title, .foundry-post-list__featured-title { font-size: clamp(2rem, 4.4vw, 4.4rem); } .foundry-post-list__stack-title { font-size: clamp(1.05rem, 1.6vw, 1.4rem); } .foundry-post-list__summary, .foundry-post-list__lead-summary, .foundry-post-list__featured-summary, .foundry-post-list__stack-summary { margin: 1rem 0 0; color: var(--foundry-text-muted, #475569); line-height: 1.65; } .foundry-post-list__grid { display: grid; grid-template-columns: repeat(var(--foundry-post-list-columns, 3), minmax(0, 1fr)); gap: clamp(1.25rem, 2.5vw, 2.5rem); } .foundry-post-list--columns-2 { --foundry-post-list-columns: 2; } .foundry-post-list--columns-3 { --foundry-post-list-columns: 3; } .foundry-post-list__card { overflow: hidden; border: 1px solid var(--foundry-border, #e2e8f0); border-radius: var(--foundry-post-list-card-radius, var(--foundry-radius-lg, 1.25rem)); background: var(--foundry-surface, #ffffff); } .foundry-post-list__card .foundry-post-list__media-link { aspect-ratio: 16 / 10; border-bottom: 1px solid var(--foundry-border, #e2e8f0); } .foundry-post-list__card-content { padding: clamp(1.25rem, 2.5vw, 2rem); } .foundry-post-list__featured { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(20rem, 0.75fr); min-height: clamp(28rem, 48vw, 42rem); margin-bottom: clamp(1.5rem, 3vw, 3rem); overflow: hidden; border-radius: var(--foundry-radius-xl, 1.75rem); background: var(--foundry-text, #0f172a); color: var(--foundry-surface, #ffffff); } .foundry-post-list__featured .foundry-post-list__media-link, .foundry-post-list__featured-image { min-height: 100%; } .foundry-post-list__featured-content { display: flex; flex-direction: column; justify-content: flex-end; padding: clamp(2rem, 5vw, 5rem); } .foundry-post-list__featured .foundry-post-list__meta, .foundry-post-list__featured .foundry-post-list__featured-summary { color: color-mix(in srgb, var(--foundry-surface, #ffffff) 76%, transparent); } .foundry-post-list__magazine { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(19rem, 0.65fr); gap: clamp(2rem, 5vw, 5.5rem); align-items: start; } .foundry-post-list__magazine-lead .foundry-post-list__media-link { aspect-ratio: 4 / 3; margin-bottom: clamp(1.5rem, 3vw, 2.5rem); border-radius: var(--foundry-radius-lg, 1.25rem); } .foundry-post-list__magazine-stack { border-top: 1px solid var(--foundry-border-strong, #cbd5e1); } .foundry-post-list__magazine-item { display: grid; grid-template-columns: minmax(0, 1fr) 7rem; gap: 1rem; padding-block: 1.35rem; border-bottom: 1px solid var(--foundry-border, #e2e8f0); } .foundry-post-list__stack-media-link { grid-column: 2; grid-row: 1; aspect-ratio: 1; border-radius: var(--foundry-radius-sm, 0.5rem); } .foundry-post-list__stack-content { grid-column: 1; grid-row: 1; } .foundry-post-list__stack-summary { font-size: 0.9rem; } .foundry-post-list__list { border-top: 1px solid var(--foundry-border-strong, #cbd5e1); } .foundry-post-list__list-item { display: grid; grid-template-columns: minmax(9rem, 0.25fr) minmax(16rem, 0.75fr) minmax(14rem, 1fr); gap: clamp(1.25rem, 3vw, 3.5rem); align-items: start; padding-block: clamp(1.5rem, 3vw, 2.75rem); border-bottom: 1px solid var(--foundry-border, #e2e8f0); } .foundry-post-list__list-item .foundry-post-list__meta, .foundry-post-list__list-item .foundry-post-list__summary { margin: 0; } .foundry-post-list__cta { display: flex; justify-content: flex-end; margin-top: clamp(2rem, 4vw, 4rem); } .foundry-post-list__empty, .foundry-cta-image-paragraph__empty, .foundry-image-feature__empty { padding: clamp(1.25rem, 3vw, 2rem); border: 1px dashed var(--foundry-border-strong, #cbd5e1); border-radius: var(--foundry-radius-md, 0.75rem); background: var(--foundry-surface-subtle, #f8fafc); color: var(--foundry-text-muted, #475569); } .foundry-post-list__empty p, .foundry-cta-image-paragraph__empty p, .foundry-image-feature__empty p { margin: 0; } .foundry-cta-image-paragraph { padding-block: var(--foundry-cta-media-padding-block, clamp(4rem, 9vw, 9rem)); overflow: clip; } .foundry-cta-image-paragraph__collection { display: grid; gap: var(--foundry-cta-media-item-gap, clamp(4rem, 10vw, 10rem)); } .foundry-cta-image-paragraph__item { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(18rem, 0.92fr); gap: clamp(2rem, 6vw, 6.5rem); align-items: center; } .foundry-cta-image-paragraph__media { position: relative; min-width: 0; margin: 0; } .foundry-cta-image-paragraph__image { display: block; width: 100%; height: 100%; border-radius: var(--foundry-cta-media-radius, var(--foundry-radius-xl, 1.75rem)); object-fit: cover; } .foundry-cta-image-paragraph--ratio-landscape .foundry-cta-image-paragraph__image { aspect-ratio: 4 / 3; } .foundry-cta-image-paragraph--ratio-portrait .foundry-cta-image-paragraph__image { aspect-ratio: 4 / 5; } .foundry-cta-image-paragraph--ratio-square .foundry-cta-image-paragraph__image { aspect-ratio: 1; } .foundry-cta-image-paragraph--ratio-auto .foundry-cta-image-paragraph__image { height: auto; } .foundry-cta-image-paragraph__caption { position: absolute; right: 1rem; bottom: 1rem; max-width: calc(100% - 2rem); padding: 0.55rem 0.8rem; border-radius: 999px; background: color-mix(in srgb, var(--foundry-text, #0f172a) 78%, transparent); color: var(--foundry-surface, #ffffff); font-size: 0.72rem; line-height: 1.3; backdrop-filter: blur(0.45rem); } .foundry-cta-image-paragraph__content { max-width: 36rem; } .foundry-cta-image-paragraph__title { margin: 0; font-family: var(--foundry-font-display, var(--foundry-font-heading, inherit)); font-size: var(--foundry-cta-media-title-size, clamp(2rem, 4vw, 4.15rem)); font-weight: var(--foundry-type-display-weight, 650); letter-spacing: -0.04em; line-height: 0.98; text-wrap: balance; } .foundry-cta-image-paragraph__text { margin-top: 1.25rem; color: var(--foundry-text-muted, #475569); font-size: clamp(1rem, 1.25vw, 1.12rem); line-height: 1.75; } .foundry-cta-image-paragraph__features { display: grid; gap: 0.8rem; margin: 1.5rem 0 0; padding: 0; list-style: none; } .foundry-cta-image-paragraph__feature { display: grid; grid-template-columns: 1.5rem minmax(0, 1fr); gap: 0.7rem; align-items: start; color: var(--foundry-text, #0f172a); line-height: 1.5; } .foundry-cta-image-paragraph__feature-mark { display: inline-flex; align-items: center; justify-content: center; width: 1.25rem; height: 1.25rem; margin-top: 0.1rem; border-radius: 50%; background: color-mix(in srgb, var(--foundry-brand-accent, #2563eb) 14%, transparent); color: var(--foundry-brand-accent, #2563eb); } .foundry-cta-image-paragraph__feature-mark:empty::before { width: 0.35rem; height: 0.35rem; border-radius: 50%; background: currentColor; content: ""; } .foundry-cta-image-paragraph__feature-icon { width: 0.8rem; height: 0.8rem; } .foundry-cta-image-paragraph__action { margin-top: 1.75rem; } .foundry-cta-image-paragraph--media-alternate .foundry-cta-image-paragraph__item:nth-child(even) .foundry-cta-image-paragraph__media, .foundry-cta-image-paragraph--media-right .foundry-cta-image-paragraph__media { grid-column: 2; grid-row: 1; } .foundry-cta-image-paragraph--media-alternate .foundry-cta-image-paragraph__item:nth-child(even) .foundry-cta-image-paragraph__content, .foundry-cta-image-paragraph--media-right .foundry-cta-image-paragraph__content { grid-column: 1; grid-row: 1; } .foundry-cta-image-paragraph--editorial .foundry-cta-image-paragraph__collection { gap: 0; border-top: 1px solid var(--foundry-border-strong, #cbd5e1); } .foundry-cta-image-paragraph--editorial .foundry-cta-image-paragraph__item { grid-template-columns: minmax(0, 0.8fr) minmax(18rem, 1.2fr); padding-block: clamp(2.5rem, 6vw, 6rem); border-bottom: 1px solid var(--foundry-border, #e2e8f0); } .foundry-cta-image-paragraph--editorial .foundry-cta-image-paragraph__image { border-radius: 0; } .foundry-cta-image-paragraph--compact .foundry-cta-image-paragraph__collection { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1rem, 2vw, 1.75rem); } .foundry-cta-image-paragraph--compact .foundry-cta-image-paragraph__item { display: flex; flex-direction: column; gap: 0; align-items: stretch; overflow: hidden; border: 1px solid var(--foundry-border, #e2e8f0); border-radius: var(--foundry-radius-lg, 1.25rem); background: var(--foundry-surface, #ffffff); } .foundry-cta-image-paragraph--compact .foundry-cta-image-paragraph__media { width: 100%; } .foundry-cta-image-paragraph--compact .foundry-cta-image-paragraph__image { aspect-ratio: 16 / 10; border-radius: 0; } .foundry-cta-image-paragraph--compact .foundry-cta-image-paragraph__content { display: flex; flex: 1; flex-direction: column; padding: clamp(1.25rem, 2.4vw, 2rem); } .foundry-cta-image-paragraph--compact .foundry-cta-image-paragraph__title { font-size: clamp(1.5rem, 2.2vw, 2.2rem); line-height: 1.05; } .foundry-cta-image-paragraph--compact .foundry-cta-image-paragraph__action { margin-top: auto; padding-top: 1.5rem; } .foundry-image-feature { padding-block: var(--foundry-image-feature-padding-block, clamp(2.5rem, 6vw, 6rem)); overflow: clip; } .foundry-image-feature__figure { width: 100%; margin: 0; } .foundry-image-feature--contained .foundry-image-feature__figure { width: min(100%, var(--foundry-image-feature-contained-max, 56rem)); margin-inline: auto; } .foundry-image-feature--wide .foundry-image-feature__figure { width: min(100%, var(--foundry-image-feature-wide-max, 74rem)); margin-inline: auto; } .foundry-image-feature--full-bleed .foundry-image-feature__inner { width: 100%; max-width: none; } .foundry-image-feature--float-left .foundry-image-feature__figure, .foundry-image-feature--float-right .foundry-image-feature__figure { width: min(100%, var(--foundry-image-feature-supporting-max, 34rem)); } .foundry-image-feature--float-left .foundry-image-feature__figure { margin-right: auto; } .foundry-image-feature--float-right .foundry-image-feature__figure { margin-left: auto; } .foundry-image-feature__media { position: relative; display: block; width: 100%; margin: 0; padding: 0; overflow: hidden; border: 1px solid var(--foundry-media-border, var(--foundry-border, #e2e8f0)); background: var(--foundry-media-frame-bg, var(--foundry-surface-subtle, #f1f5f9)); color: inherit; } .foundry-image-feature--rounded .foundry-image-feature__media { border-radius: var(--foundry-media-radius, var(--foundry-radius-xl, 1.75rem)); } .foundry-image-feature--shadow .foundry-image-feature__media { box-shadow: var(--foundry-media-shadow, 0 1.5rem 4rem rgb(15 23 42 / 14%)); } .foundry-image-feature__opener { cursor: zoom-in; font: inherit; text-align: left; } .foundry-image-feature__image { display: block; width: 100%; height: 100%; object-fit: cover; } .foundry-image-feature--aspect-16-9 .foundry-image-feature__media { aspect-ratio: 16 / 9; } .foundry-image-feature--aspect-4-3 .foundry-image-feature__media { aspect-ratio: 4 / 3; } .foundry-image-feature--aspect-3-2 .foundry-image-feature__media { aspect-ratio: 3 / 2; } .foundry-image-feature--aspect-square .foundry-image-feature__media { aspect-ratio: 1; } .foundry-image-feature--aspect-auto .foundry-image-feature__media { aspect-ratio: auto; } .foundry-image-feature--aspect-auto .foundry-image-feature__image { height: auto; } .foundry-image-feature--fit-contain .foundry-image-feature__image { object-fit: contain; } .foundry-image-feature--position-center .foundry-image-feature__image { object-position: center; } .foundry-image-feature--position-top .foundry-image-feature__image { object-position: top; } .foundry-image-feature--position-bottom .foundry-image-feature__image { object-position: bottom; } .foundry-image-feature--position-left .foundry-image-feature__image { object-position: left; } .foundry-image-feature--position-right .foundry-image-feature__image { object-position: right; } .foundry-image-feature--position-top-left .foundry-image-feature__image { object-position: top left; } .foundry-image-feature--position-top-right .foundry-image-feature__image { object-position: top right; } .foundry-image-feature--position-bottom-left .foundry-image-feature__image { object-position: bottom left; } .foundry-image-feature--position-bottom-right .foundry-image-feature__image { object-position: bottom right; } .foundry-image-feature__zoom { position: absolute; right: 1rem; bottom: 1rem; display: inline-flex; align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem; border: 1px solid rgb(255 255 255 / 34%); border-radius: 999px; background: rgb(15 23 42 / 72%); color: #ffffff; opacity: 0; transform: translateY(0.35rem); transition: opacity 180ms ease, transform 180ms ease; backdrop-filter: blur(0.45rem); } .foundry-image-feature__zoom-icon, .foundry-image-feature__close-icon { width: 1.15rem; height: 1.15rem; } .foundry-image-feature__opener:hover .foundry-image-feature__zoom, .foundry-image-feature__opener:focus-visible .foundry-image-feature__zoom { opacity: 1; transform: translateY(0); } .foundry-image-feature__caption { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0.75rem 2rem; padding-top: 1rem; color: var(--foundry-media-caption-color, var(--foundry-text-muted, #475569)); font-size: 0.82rem; line-height: 1.55; } .foundry-image-feature__caption-text { max-width: 62ch; } .foundry-image-feature__credit { color: color-mix(in srgb, var(--foundry-media-caption-color, var(--foundry-text-muted, #475569)) 78%, transparent); font-size: 0.72rem; letter-spacing: 0.04em; text-align: right; } .foundry-image-feature__dialog { width: min(92vw, 82rem); max-width: none; max-height: 92vh; margin: auto; padding: 0; overflow: visible; border: 1px solid var(--foundry-border, #e2e8f0); border-radius: var(--foundry-radius-lg, 1.25rem); background: var(--foundry-surface, #ffffff); color: var(--foundry-text, #0f172a); box-shadow: 0 2rem 7rem rgb(15 23 42 / 35%); } .foundry-image-feature__dialog::backdrop { background: rgb(15 23 42 / 76%); backdrop-filter: blur(0.55rem); } .foundry-image-feature__dialog-inner { position: relative; display: grid; max-height: 92vh; } .foundry-image-feature__dialog-image { display: block; width: 100%; max-height: calc(92vh - 4rem); border-radius: inherit; background: var(--foundry-surface-subtle, #f1f5f9); object-fit: contain; } .foundry-image-feature__dialog-caption { margin: 0; padding: 1rem 1.25rem; border-top: 1px solid var(--foundry-border, #e2e8f0); color: var(--foundry-text-muted, #475569); font-size: 0.84rem; } .foundry-image-feature__close { position: absolute; z-index: 1; top: 0.75rem; right: 0.75rem; display: inline-flex; align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem; padding: 0; border: 1px solid rgb(255 255 255 / 35%); border-radius: 999px; background: rgb(15 23 42 / 78%); color: #ffffff; cursor: pointer; backdrop-filter: blur(0.45rem); } @media (max-width: 62rem) { .foundry-post-list__grid, .foundry-cta-image-paragraph--compact .foundry-cta-image-paragraph__collection { grid-template-columns: repeat(2, minmax(0, 1fr)); } .foundry-post-list__featured, .foundry-post-list__magazine { grid-template-columns: 1fr; } .foundry-post-list__featured { min-height: auto; } .foundry-post-list__featured .foundry-post-list__media-link { min-height: 20rem; } .foundry-post-list__list-item { grid-template-columns: minmax(8rem, 0.3fr) minmax(0, 0.7fr); } .foundry-post-list__list-item .foundry-post-list__summary { grid-column: 2; } .foundry-cta-image-paragraph__item, .foundry-cta-image-paragraph--editorial .foundry-cta-image-paragraph__item { grid-template-columns: minmax(0, 1fr) minmax(16rem, 0.9fr); gap: clamp(1.5rem, 4vw, 3rem); } } @media (max-width: 44rem) { .foundry-post-list__grid, .foundry-cta-image-paragraph--compact .foundry-cta-image-paragraph__collection, .foundry-post-list__list-item, .foundry-cta-image-paragraph__item, .foundry-cta-image-paragraph--editorial .foundry-cta-image-paragraph__item { grid-template-columns: 1fr; } .foundry-post-list__featured .foundry-post-list__media-link { min-height: 15rem; } .foundry-post-list__featured-content { padding: 1.5rem; } .foundry-post-list__magazine-item { grid-template-columns: minmax(0, 1fr) 5.5rem; } .foundry-post-list__list-item .foundry-post-list__summary { grid-column: 1; } .foundry-cta-image-paragraph--media-alternate .foundry-cta-image-paragraph__item:nth-child(even) .foundry-cta-image-paragraph__media, .foundry-cta-image-paragraph--media-right .foundry-cta-image-paragraph__media, .foundry-cta-image-paragraph--media-alternate .foundry-cta-image-paragraph__item:nth-child(even) .foundry-cta-image-paragraph__content, .foundry-cta-image-paragraph--media-right .foundry-cta-image-paragraph__content { grid-column: 1; grid-row: auto; } .foundry-cta-image-paragraph__content { max-width: none; } .foundry-cta-image-paragraph--compact .foundry-cta-image-paragraph__item { width: 100%; } .foundry-image-feature__caption { grid-template-columns: 1fr; } .foundry-image-feature__credit { text-align: left; } .foundry-image-feature__zoom { opacity: 1; transform: none; } } @media (prefers-reduced-motion: reduce) { .foundry-post-list__lead-image, .foundry-post-list__featured-image, .foundry-post-list__card-image, .foundry-post-list__stack-image, .foundry-image-feature__zoom { transition: none; } } .foundry-section-header, .foundry-section-header * { box-sizing: border-box; } .foundry-section-header { width: 100%; padding-block: var(--foundry-section-header-padding-block, clamp(2.75rem, 6vw, 5rem)); color: var(--foundry-section-header-color, var(--foundry-text, #0f172a)); } .foundry-section-header__inner { width: min(100% - (2 * var(--foundry-page-gutter, clamp(1.25rem, 4vw, 4rem))), var(--foundry-section-header-container-max, var(--foundry-wide-container-max, 72rem))); margin-inline: auto; } .foundry-section-header--align-center .foundry-section-header__inner { text-align: center; } .foundry-section-header__eyebrow { max-width: var(--foundry-section-header-measure, 60ch); margin: 0 0 0.9rem; color: var(--foundry-section-header-eyebrow-color, var(--foundry-brand-accent, var(--foundry-text-muted, #475569))); font-size: 0.76rem; font-weight: 750; letter-spacing: 0.14em; line-height: 1.3; text-transform: uppercase; } .foundry-section-header--align-center .foundry-section-header__eyebrow, .foundry-section-header--align-center .foundry-section-header__title, .foundry-section-header--align-center .foundry-section-header__text { margin-inline: auto; } .foundry-section-header__title-wrap { min-width: 0; } .foundry-section-header__title { max-width: var(--foundry-section-header-title-measure, 18ch); margin: 0; color: var(--foundry-section-header-title-color, currentColor); font-family: var(--foundry-font-display, var(--foundry-font-heading, inherit)); font-size: var(--foundry-section-header-title-size, clamp(2.25rem, 5vw, 4.25rem)); font-weight: var(--foundry-type-display-weight, 680); letter-spacing: var(--foundry-type-display-tracking, -0.045em); line-height: var(--foundry-type-display-line-height, 1.02); text-wrap: balance; } .foundry-section-header--size-sm { --foundry-section-header-title-size: clamp(1.65rem, 3vw, 2.35rem); } .foundry-section-header--size-md { --foundry-section-header-title-size: clamp(1.9rem, 4vw, 3.15rem); } .foundry-section-header--size-xl { --foundry-section-header-title-size: clamp(2.65rem, 6vw, 5.25rem); } .foundry-section-header__text { max-width: var(--foundry-section-header-measure, 60ch); margin-top: 1.15rem; color: var(--foundry-section-header-muted-color, var(--foundry-text-muted, #475569)); font-size: var(--foundry-section-header-text-size, clamp(1rem, 1.4vw, 1.18rem)); line-height: 1.7; } .foundry-section-header__text > :first-child { margin-top: 0; } .foundry-section-header__text > :last-child { margin-bottom: 0; } .foundry-section-header__cta { display: flex; justify-content: flex-start; margin-top: 1.5rem; } .foundry-section-header--align-center .foundry-section-header__cta { justify-content: center; } .foundry-gallery, .foundry-gallery * { box-sizing: border-box; } .foundry-gallery { width: 100%; padding-block: var(--foundry-gallery-padding-block, clamp(3.75rem, 8vw, 7rem)); color: var(--foundry-gallery-color, var(--foundry-text, #0f172a)); } .foundry-gallery__inner { width: min(100% - (2 * var(--foundry-page-gutter, clamp(1.25rem, 4vw, 4rem))), var(--foundry-gallery-container-max, var(--foundry-wide-container-max, 72rem))); margin-inline: auto; } .foundry-gallery__header { max-width: var(--foundry-gallery-header-measure, 48rem); margin-bottom: var(--foundry-gallery-header-gap, clamp(2rem, 4vw, 3.5rem)); } .foundry-gallery__title { max-width: 18ch; margin: 0; color: var(--foundry-gallery-title-color, currentColor); font-family: var(--foundry-font-display, var(--foundry-font-heading, inherit)); font-size: var(--foundry-gallery-title-size, clamp(2rem, 4vw, 3.75rem)); font-weight: var(--foundry-type-display-weight, 650); letter-spacing: var(--foundry-type-display-tracking, -0.04em); line-height: var(--foundry-type-display-line-height, 1.02); text-wrap: balance; } .foundry-gallery__subtitle { max-width: 60ch; margin-top: 1rem; color: var(--foundry-gallery-muted-color, var(--foundry-text-muted, #475569)); font-size: var(--foundry-gallery-subtitle-size, clamp(1rem, 1.35vw, 1.16rem)); line-height: 1.7; } .foundry-gallery__subtitle > :first-child, .foundry-gallery__caption-text > :first-child, .foundry-gallery__credit > :first-child, .foundry-gallery__overlay-caption > :first-child, .foundry-gallery__overlay-credit > :first-child { margin-top: 0; } .foundry-gallery__subtitle > :last-child, .foundry-gallery__caption-text > :last-child, .foundry-gallery__credit > :last-child, .foundry-gallery__overlay-caption > :last-child, .foundry-gallery__overlay-credit > :last-child { margin-bottom: 0; } .foundry-gallery__grid { display: grid; grid-template-columns: repeat(var(--foundry-gallery-columns, 3), minmax(0, 1fr)); gap: var(--foundry-gallery-gap, 1.25rem); margin: 0; } .foundry-gallery--columns-2 { --foundry-gallery-columns: 2; } .foundry-gallery--columns-4 { --foundry-gallery-columns: 4; } .foundry-gallery--gap-sm { --foundry-gallery-gap: 0.75rem; } .foundry-gallery--gap-lg { --foundry-gallery-gap: clamp(1.5rem, 3vw, 2.5rem); } .foundry-gallery__item { min-width: 0; margin: 0; } .foundry-gallery__media { position: relative; display: block; width: 100%; min-width: 0; overflow: hidden; border: var(--foundry-gallery-frame-border, 0); border-radius: var(--foundry-gallery-frame-radius, var(--foundry-media-radius, var(--foundry-radius, 1rem))); background: var(--foundry-gallery-frame-surface, var(--foundry-surface-soft, #f1f5f9)); color: inherit; box-shadow: var(--foundry-gallery-frame-shadow, none); text-decoration: none; } a.foundry-gallery__media { cursor: zoom-in; } .foundry-gallery__image { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: cover; object-position: center; transition: transform var(--foundry-duration-slow, 420ms) var(--foundry-ease-standard, ease); } .foundry-gallery--aspect-square .foundry-gallery__media { aspect-ratio: 1; } .foundry-gallery--aspect-landscape .foundry-gallery__media { aspect-ratio: 4 / 3; } .foundry-gallery--aspect-portrait .foundry-gallery__media { aspect-ratio: 4 / 5; } .foundry-gallery--aspect-auto .foundry-gallery__image { height: auto; object-fit: contain; } .foundry-gallery__item--position-top .foundry-gallery__image { object-position: center top; } .foundry-gallery__item--position-bottom .foundry-gallery__image { object-position: center bottom; } .foundry-gallery__item--position-left .foundry-gallery__image { object-position: left center; } .foundry-gallery__item--position-right .foundry-gallery__image { object-position: right center; } a.foundry-gallery__media:hover .foundry-gallery__image { transform: scale(1.025); } a.foundry-gallery__media:focus-visible, .foundry-gallery__close:focus-visible, .foundry-gallery__dialog-control:focus-visible, .foundry-gallery__dialog-link:focus-visible { outline: 0.18rem solid var(--foundry-gallery-focus, var(--foundry-brand-accent, #2563eb)); outline-offset: 0.22rem; } .foundry-gallery__zoom { position: absolute; top: 0.8rem; right: 0.8rem; display: inline-flex; align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem; border: 1px solid var(--foundry-gallery-overlay-control-border, rgb(255 255 255 / 38%)); border-radius: 999px; background: var(--foundry-gallery-overlay-control-surface, rgb(15 23 42 / 72%)); color: var(--foundry-gallery-overlay-control-color, #ffffff); opacity: 0; transform: translateY(0.25rem); transition: opacity var(--foundry-duration-base, 200ms) var(--foundry-ease-standard, ease), transform var(--foundry-duration-base, 200ms) var(--foundry-ease-standard, ease); backdrop-filter: blur(0.35rem); } .foundry-gallery__zoom-icon, .foundry-gallery__control-icon { width: 1.15rem; height: 1.15rem; } .foundry-gallery__open:hover .foundry-gallery__zoom, .foundry-gallery__open:focus-visible .foundry-gallery__zoom { opacity: 1; transform: none; } .foundry-gallery__caption { display: grid; gap: 0.35rem; margin-top: 0.85rem; color: var(--foundry-gallery-caption-color, var(--foundry-text, #0f172a)); font-size: var(--foundry-gallery-caption-size, 0.94rem); line-height: 1.55; } .foundry-gallery__credit, .foundry-gallery__overlay-credit, .foundry-gallery__dialog-credit, .foundry-gallery__dialog-position { color: var(--foundry-gallery-muted-color, var(--foundry-text-muted, #475569)); font-size: 0.78rem; line-height: 1.5; } .foundry-gallery__overlay-copy { position: absolute; right: 0; bottom: 0; left: 0; display: grid; gap: 0.3rem; padding: clamp(2.5rem, 22%, 5rem) 1rem 1rem; background: linear-gradient(to top, var(--foundry-gallery-overlay-bg, rgb(2 6 23 / 88%)), transparent); color: var(--foundry-gallery-overlay-color, #ffffff); font-size: 0.92rem; line-height: 1.45; } .foundry-gallery__overlay-credit { color: var(--foundry-gallery-overlay-muted, rgb(255 255 255 / 76%)); } .foundry-gallery__empty { padding: 1.25rem; border: 1px dashed var(--foundry-gallery-empty-border, var(--foundry-border, #cbd5e1)); border-radius: var(--foundry-radius, 1rem); background: var(--foundry-gallery-empty-surface, var(--foundry-surface-soft, #f8fafc)); color: var(--foundry-gallery-muted-color, var(--foundry-text-muted, #475569)); } .foundry-gallery__empty p { margin: 0; } .foundry-gallery__dialog { width: min(calc(100vw - 2rem), var(--foundry-gallery-dialog-max, 72rem)); max-width: none; max-height: calc(100dvh - 2rem); padding: 0; overflow: hidden; border: 1px solid var(--foundry-gallery-dialog-border, var(--foundry-border, #cbd5e1)); border-radius: var(--foundry-gallery-dialog-radius, var(--foundry-radius, 1rem)); background: var(--foundry-gallery-dialog-surface, var(--foundry-surface, #ffffff)); color: var(--foundry-gallery-dialog-color, var(--foundry-text, #0f172a)); box-shadow: var(--foundry-gallery-dialog-shadow, 0 2rem 6rem rgb(2 6 23 / 32%)); } .foundry-gallery__dialog::backdrop { background: var(--foundry-gallery-backdrop, rgb(2 6 23 / 78%)); backdrop-filter: blur(0.25rem); } .foundry-gallery__dialog[open] { position: fixed; top: 50%; left: 50%; margin: 0; transform: translate(-50%, -50%); } .foundry-gallery__dialog-inner { position: relative; display: grid; grid-template-rows: minmax(0, 1fr) auto; max-height: calc(100dvh - 2rem); } .foundry-gallery__dialog-stage { display: grid; min-height: 0; place-items: center; background: var(--foundry-gallery-dialog-stage, var(--foundry-surface-soft, #f1f5f9)); } .foundry-gallery__dialog-image { display: block; width: 100%; height: auto; max-height: calc(100dvh - 11rem); object-fit: contain; } .foundry-gallery__close, .foundry-gallery__dialog-control { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem; padding: 0; border: 1px solid var(--foundry-gallery-control-border, var(--foundry-border, #cbd5e1)); border-radius: 999px; background: var(--foundry-gallery-control-surface, var(--foundry-surface, #ffffff)); color: var(--foundry-gallery-control-color, var(--foundry-text, #0f172a)); cursor: pointer; } .foundry-gallery__close { position: absolute; z-index: 2; top: 0.75rem; right: 0.75rem; border-color: var(--foundry-gallery-close-border, rgb(255 255 255 / 35%)); background: var(--foundry-gallery-close-surface, rgb(15 23 42 / 80%)); color: var(--foundry-gallery-close-color, #ffffff); backdrop-filter: blur(0.4rem); } .foundry-gallery__dialog-footer { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 1rem; align-items: center; min-height: 5.5rem; padding: 1rem; border-top: 1px solid var(--foundry-gallery-dialog-border, var(--foundry-border, #cbd5e1)); } .foundry-gallery__dialog-copy { min-width: 0; } .foundry-gallery__dialog-caption, .foundry-gallery__dialog-credit, .foundry-gallery__dialog-position { margin: 0; } .foundry-gallery__dialog-caption { font-weight: 650; line-height: 1.45; } .foundry-gallery__dialog-credit, .foundry-gallery__dialog-position { margin-top: 0.2rem; } .foundry-gallery__dialog-actions, .foundry-gallery__dialog-nav { display: flex; align-items: center; gap: 0.6rem; } .foundry-gallery__dialog-link { display: inline-flex; align-items: center; min-height: 2.75rem; gap: 0.45rem; padding-inline: 0.85rem; border: 1px solid var(--foundry-gallery-control-border, var(--foundry-border, #cbd5e1)); border-radius: 999px; color: var(--foundry-gallery-control-color, var(--foundry-text, #0f172a)); font-size: 0.86rem; font-weight: 650; text-decoration: none; } .foundry-gallery__dialog-link[hidden], .foundry-gallery__dialog-nav[hidden], .foundry-gallery__dialog-credit[hidden] { display: none !important; } .foundry-gallery__close:hover, .foundry-gallery__dialog-control:hover, .foundry-gallery__dialog-link:hover { background: var(--foundry-gallery-control-hover-surface, var(--foundry-surface-soft, #f8fafc)); } .foundry-gallery__close:hover { background: var(--foundry-gallery-close-hover-surface, rgb(15 23 42 / 94%)); } @media (max-width: 56rem) { .foundry-gallery--columns-3 .foundry-gallery__grid, .foundry-gallery--columns-4 .foundry-gallery__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 40rem) { .foundry-gallery__grid, .foundry-gallery--columns-2 .foundry-gallery__grid, .foundry-gallery--columns-3 .foundry-gallery__grid, .foundry-gallery--columns-4 .foundry-gallery__grid { grid-template-columns: 1fr; } .foundry-gallery--aspect-square .foundry-gallery__media, .foundry-gallery--aspect-portrait .foundry-gallery__media { aspect-ratio: 4 / 3; } .foundry-gallery__zoom { opacity: 1; transform: none; } .foundry-gallery__dialog { width: calc(100vw - 1rem); max-height: calc(100dvh - 1rem); } .foundry-gallery__dialog-inner { max-height: calc(100dvh - 1rem); } .foundry-gallery__dialog-image { max-height: calc(100dvh - 12rem); } .foundry-gallery__dialog-footer { grid-template-columns: 1fr; } .foundry-gallery__dialog-actions { justify-content: space-between; } } @media (prefers-reduced-motion: reduce) { .foundry-gallery__image, .foundry-gallery__zoom { transition: none; } a.foundry-gallery__media:hover .foundry-gallery__image { transform: none; } } .foundry-callout { --foundry-callout-accent: var(--foundry-brand-primary, #2563eb); --foundry-callout-surface: color-mix(in srgb, var(--foundry-callout-accent) 9%, var(--foundry-surface, #fff)); --foundry-callout-border: color-mix(in srgb, var(--foundry-callout-accent) 30%, var(--foundry-border, #e2e8f0)); --foundry-callout-icon-surface: color-mix(in srgb, var(--foundry-callout-accent) 15%, var(--foundry-surface, #fff)); color: var(--foundry-text, #0f172a); padding-block: var(--foundry-callout-section-padding, clamp(1.5rem, 4vw, 3.5rem)); } .foundry-callout--tip, .foundry-callout--success { --foundry-callout-accent: var(--foundry-brand-success, #047857); } .foundry-callout--warning { --foundry-callout-accent: var(--foundry-brand-warning, #b45309); } .foundry-callout--danger { --foundry-callout-accent: var(--foundry-brand-danger, #be123c); } .foundry-callout--note { --foundry-callout-accent: var(--foundry-text-muted, #475569); } .foundry-callout__inner { width: min(calc(100% - (2 * var(--foundry-container-padding, clamp(1rem, 4vw, 2rem)))), var(--foundry-callout-max-width, 58rem)); margin-inline: auto; } .foundry-callout__box { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: clamp(1rem, 2.4vw, 1.5rem); row-gap: 0.75rem; align-items: start; padding: clamp(1.25rem, 3vw, 2rem); border: 1px solid var(--foundry-callout-border); border-inline-start: 0.3rem solid var(--foundry-callout-accent); border-radius: var(--foundry-callout-radius, 1.25rem); background: var(--foundry-callout-surface); box-shadow: var(--foundry-callout-shadow, 0 1rem 2.5rem -2rem rgb(15 23 42 / 34%)); } .foundry-callout__icon { display: inline-flex; width: 2.75rem; height: 2.75rem; align-items: center; justify-content: center; border-radius: 50%; background: var(--foundry-callout-icon-surface); color: var(--foundry-callout-accent); } .foundry-callout__icon-symbol { width: 1.35rem; height: 1.35rem; } .foundry-callout__content { min-width: 0; } .foundry-callout__meaning { margin: 0 0 0.35rem; color: var(--foundry-callout-accent); font-family: var(--foundry-font-sans, ui-sans-serif, system-ui, sans-serif); font-size: 0.72rem; font-weight: 760; letter-spacing: 0.12em; line-height: 1.2; text-transform: uppercase; } .foundry-callout__title { margin: 0; color: var(--foundry-text, #0f172a); font-family: var(--foundry-font-heading, var(--foundry-font-sans, ui-sans-serif, system-ui, sans-serif)); font-size: clamp(1.08rem, 1.4vw, 1.35rem); font-weight: 720; letter-spacing: -0.018em; line-height: 1.25; } .foundry-callout__text { max-width: var(--foundry-callout-text-max, 68ch); margin-top: 0.55rem; color: var(--foundry-text-muted, #475569); font-size: var(--foundry-callout-text-size, 0.98rem); line-height: 1.65; } .foundry-callout__text > :first-child { margin-top: 0; } .foundry-callout__text > :last-child { margin-bottom: 0; } .foundry-callout__text a { color: currentColor; text-decoration-thickness: 0.08em; text-underline-offset: 0.16em; } .foundry-callout__action { grid-column: 2; } .foundry-callout__action-link { box-sizing: border-box; display: inline-flex; max-width: 100%; min-height: 2.75rem; align-items: center; justify-content: center; gap: 0.5rem; border-radius: 999px; color: var(--foundry-callout-accent); font-size: 0.9rem; font-weight: 700; line-height: 1.2; text-decoration: underline; text-decoration-thickness: 0.08em; text-underline-offset: 0.2em; } .foundry-callout__action-icon { width: 1rem; height: 1rem; transition: transform 160ms ease; } .foundry-callout__action-link:hover .foundry-callout__action-icon { transform: translateX(0.16rem); } .foundry-callout__action-link:focus-visible { outline: 3px solid var(--foundry-focus, #2563eb); outline-offset: 4px; } .foundry-callout--banner { --foundry-callout-max-width: var(--foundry-container-max, 72rem); padding-block: clamp(1rem, 2.5vw, 2rem); border-block: 1px solid var(--foundry-callout-border); background: var(--foundry-callout-surface); } .foundry-callout--banner .foundry-callout__box { grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; padding: clamp(0.75rem, 2vw, 1.25rem) 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; } .foundry-callout--banner .foundry-callout__icon { width: 3.25rem; height: 3.25rem; border: 1px solid var(--foundry-callout-border); } .foundry-callout--banner .foundry-callout__text { margin-top: 0.3rem; } .foundry-callout--banner .foundry-callout__action { grid-column: 3; grid-row: 1; } .foundry-callout--banner .foundry-callout__action-link { min-height: 2.85rem; padding-inline: 1.15rem; background: var(--foundry-callout-accent); color: var(--foundry-on-primary, #fff); text-decoration: none; } .foundry-callout--subtle { --foundry-callout-max-width: 48rem; } .foundry-callout--subtle .foundry-callout__box { grid-template-columns: 1fr; padding: clamp(1.25rem, 3vw, 1.75rem) 0 clamp(1.25rem, 3vw, 1.75rem) clamp(1.25rem, 3vw, 1.75rem); border: 0; border-inline-start: 2px solid var(--foundry-callout-accent); border-radius: 0; background: transparent; box-shadow: none; } .foundry-callout--subtle .foundry-callout__icon { display: none; } .foundry-callout--subtle .foundry-callout__meaning { margin-bottom: 0.65rem; } .foundry-callout--subtle .foundry-callout__title { max-width: 24ch; font-family: var(--foundry-font-editorial, var(--foundry-font-heading, Georgia, serif)); font-size: clamp(1.45rem, 3vw, 2.1rem); font-weight: 620; line-height: 1.15; } .foundry-callout--subtle .foundry-callout__text { font-size: clamp(1rem, 1.5vw, 1.08rem); } .foundry-callout--subtle .foundry-callout__action { grid-column: 1; } @media (max-width: 44rem) { .foundry-callout--banner .foundry-callout__box { grid-template-columns: auto minmax(0, 1fr); } .foundry-callout--banner .foundry-callout__action { grid-column: 2; grid-row: auto; } } @media (max-width: 30rem) { .foundry-callout__box { grid-template-columns: 1fr; } .foundry-callout__icon { width: 2.5rem; height: 2.5rem; } .foundry-callout__action, .foundry-callout--banner .foundry-callout__action { grid-column: 1; } .foundry-callout--banner .foundry-callout__box { grid-template-columns: 1fr; } .foundry-callout--banner .foundry-callout__action-link { width: 100%; } } @media (prefers-reduced-motion: reduce) { .foundry-callout__action-icon { transition: none; } .foundry-callout__action-link:hover .foundry-callout__action-icon { transform: none; } } .foundry-post-hero { color: var(--foundry-text, #0f172a); padding-block: var(--foundry-post-hero-padding, clamp(3.5rem, 8vw, 7.5rem)); } .foundry-post-hero__inner { width: min(calc(100% - (2 * var(--foundry-container-padding, clamp(1rem, 4vw, 2rem)))), var(--foundry-post-hero-max-width, var(--foundry-container-max, 72rem))); margin-inline: auto; } .foundry-post-hero__layout { display: grid; gap: var(--foundry-post-hero-gap, clamp(2.5rem, 6vw, 5rem)); align-items: center; } .foundry-post-hero__content { min-width: 0; } .foundry-post-hero__taxonomy { display: flex; flex-wrap: wrap; gap: 0.65rem 1rem; align-items: center; margin-bottom: 1.15rem; } .foundry-post-hero__category { margin: 0; color: var(--foundry-post-hero-accent, var(--foundry-brand-primary, #2563eb)); font-size: 0.74rem; font-weight: 760; letter-spacing: 0.12em; line-height: 1.2; text-transform: uppercase; } .foundry-post-hero__tags { display: flex; flex-wrap: wrap; gap: 0.45rem; margin: 0; padding: 0; list-style: none; } .foundry-post-hero__tag { padding: 0.28rem 0.62rem; border: 1px solid var(--foundry-post-hero-tag-border, var(--foundry-border, #e2e8f0)); border-radius: 999px; background: var(--foundry-post-hero-tag-surface, var(--foundry-surface-soft, #f8fafc)); color: var(--foundry-text-muted, #475569); font-size: 0.72rem; font-weight: 650; line-height: 1.2; } .foundry-post-hero__title { max-width: var(--foundry-post-hero-title-measure, 19ch); margin: 0; color: var(--foundry-text, #0f172a); font-family: var(--foundry-post-hero-title-font, var(--foundry-font-editorial, var(--foundry-font-heading, Georgia, serif))); font-size: var(--foundry-post-hero-title-size, clamp(2.65rem, 6.5vw, 5.5rem)); font-weight: var(--foundry-post-hero-title-weight, 620); letter-spacing: -0.045em; line-height: 0.98; text-wrap: balance; } .foundry-post-hero__standfirst { max-width: var(--foundry-post-hero-standfirst-measure, 62ch); margin-top: clamp(1.35rem, 3vw, 2rem); color: var(--foundry-text-muted, #475569); font-size: var(--foundry-post-hero-standfirst-size, clamp(1.05rem, 1.8vw, 1.28rem)); line-height: 1.65; } .foundry-post-hero__standfirst > :first-child { margin-top: 0; } .foundry-post-hero__standfirst > :last-child { margin-bottom: 0; } .foundry-post-hero__meta { display: flex; flex-wrap: wrap; gap: 0.9rem 1.25rem; align-items: center; margin-top: clamp(1.5rem, 3vw, 2.25rem); color: var(--foundry-text-muted, #475569); font-size: 0.88rem; } .foundry-post-hero__author { display: inline-flex; min-width: 0; gap: 0.7rem; align-items: center; } .foundry-post-hero__author-image, .foundry-post-hero__author-initials { flex: 0 0 auto; width: 2.5rem; height: 2.5rem; border-radius: 50%; } .foundry-post-hero__author-image { border: 1px solid var(--foundry-border, #e2e8f0); object-fit: cover; } .foundry-post-hero__author-initials { display: inline-flex; align-items: center; justify-content: center; background: var(--foundry-post-hero-avatar-surface, var(--foundry-text, #0f172a)); color: var(--foundry-post-hero-avatar-text, var(--foundry-surface, #fff)); font-size: 0.72rem; font-weight: 760; letter-spacing: 0.04em; } .foundry-post-hero__author-copy { display: grid; gap: 0.12rem; } .foundry-post-hero__author-name { color: var(--foundry-text, #0f172a); font-weight: 720; } .foundry-post-hero__author-role { color: var(--foundry-text-muted, #475569); font-size: 0.8rem; } .foundry-post-hero__facts { display: inline-flex; flex-wrap: wrap; gap: 0.55rem; align-items: center; } .foundry-post-hero__facts > * + *::before { margin-inline-end: 0.55rem; color: var(--foundry-border-strong, #94a3b8); content: "•"; } .foundry-post-hero__media { box-sizing: border-box; min-width: 0; margin: 0; overflow: hidden; border: 1px solid var(--foundry-post-hero-media-border, var(--foundry-border, #e2e8f0)); border-radius: var(--foundry-post-hero-media-radius, clamp(1.25rem, 3vw, 2.25rem)); background: var(--foundry-post-hero-media-surface, var(--foundry-surface-soft, #f8fafc)); box-shadow: var(--foundry-post-hero-media-shadow, 0 2rem 5rem -3rem rgb(15 23 42 / 45%)); } .foundry-post-hero__media-rotator { position: relative; width: 100%; aspect-ratio: var(--foundry-post-hero-media-ratio, 16 / 9); overflow: hidden; } .foundry-post-hero__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: var(--foundry-post-hero-media-fit, cover); } .foundry-post-hero--centered .foundry-post-hero__layout { justify-items: center; } .foundry-post-hero--centered .foundry-post-hero__content { display: grid; max-width: 58rem; justify-items: center; text-align: center; } .foundry-post-hero--centered .foundry-post-hero__taxonomy, .foundry-post-hero--centered .foundry-post-hero__meta { justify-content: center; } .foundry-post-hero--centered .foundry-post-hero__standfirst { margin-inline: auto; } .foundry-post-hero--centered .foundry-post-hero__media { width: min(100%, 58rem); } .foundry-post-hero--stacked { --foundry-post-hero-media-ratio: 21 / 10; --foundry-post-hero-title-measure: 17ch; } .foundry-post-hero--stacked .foundry-post-hero__layout { gap: 0; } .foundry-post-hero--stacked .foundry-post-hero__content { position: relative; z-index: 1; width: min(calc(100% - clamp(2rem, 8vw, 7rem)), 58rem); margin: clamp(-7rem, -7vw, -4rem) 0 0 auto; padding: clamp(1.75rem, 4vw, 3.5rem); border-radius: var(--foundry-post-hero-panel-radius, 1.75rem) 0 0 0; background: var(--foundry-post-hero-panel-surface, var(--foundry-surface, #fff)); box-shadow: var(--foundry-post-hero-panel-shadow, -1.5rem -1.5rem 4rem -3rem rgb(15 23 42 / 35%)); } .foundry-post-hero--split { --foundry-post-hero-media-ratio: 4 / 5; --foundry-post-hero-title-measure: 13ch; --foundry-post-hero-title-size: clamp(2.6rem, 5.2vw, 4.8rem); } .foundry-post-hero--split .foundry-post-hero__layout { grid-template-columns: minmax(0, 1.08fr) minmax(18rem, 0.92fr); } .foundry-post-hero--split .foundry-post-hero__media { width: min(100%, 30rem); justify-self: end; } .foundry-post-hero--split .foundry-post-hero__layout--without-media { grid-template-columns: 1fr; } @media (max-width: 48rem) { .foundry-post-hero { padding-block: clamp(2.75rem, 10vw, 4.5rem); } .foundry-post-hero--split .foundry-post-hero__layout { grid-template-columns: 1fr; } .foundry-post-hero--split .foundry-post-hero__media { width: min(100%, 32rem); justify-self: start; } .foundry-post-hero--stacked { --foundry-post-hero-media-ratio: 4 / 3; } .foundry-post-hero--stacked .foundry-post-hero__layout { gap: 2rem; } .foundry-post-hero--stacked .foundry-post-hero__content { width: 100%; margin: 0; padding: 0; border-radius: 0; background: transparent; box-shadow: none; } } @media (max-width: 30rem) { .foundry-post-hero__title { font-size: clamp(2.35rem, 12vw, 3.4rem); line-height: 1.02; } .foundry-post-hero__meta { align-items: flex-start; } .foundry-post-hero__facts { flex-basis: 100%; } .foundry-post-hero--centered .foundry-post-hero__facts { justify-content: center; } } .foundry-founder-profile { --foundry-founder-profile-container-max: var(--foundry-wide-container-max, 72rem); --foundry-founder-profile-section-space: var(--foundry-section-space, clamp(4rem, 8vw, 7rem)); --foundry-founder-profile-layout-gap: clamp(2.5rem, 6vw, 6rem); --foundry-founder-profile-copy-measure: 42rem; --foundry-founder-profile-media-radius: var(--foundry-radius-lg, 1.5rem); --foundry-founder-profile-media-ratio: 4 / 5; --foundry-founder-profile-media-position: 50% 35%; --foundry-founder-profile-media-border: var(--foundry-border, #d9d7d2); --foundry-founder-profile-media-shadow: var(--foundry-shadow-md, 0 1.5rem 4rem -2.75rem rgb(15 23 42 / 35%)); --foundry-founder-profile-accent: var(--foundry-primary, #8b5e3c); --foundry-founder-profile-rule: var(--foundry-border, #d9d7d2); --foundry-founder-profile-panel: var(--foundry-surface-soft, #f6f4ef); padding-block: var(--foundry-founder-profile-section-space); color: var(--foundry-text, #171717); background: var(--foundry-founder-profile-background, transparent); } .foundry-founder-profile__inner { width: min(calc(100% - 2rem), var(--foundry-founder-profile-container-max)); margin-inline: auto; } .foundry-founder-profile__intro { max-width: 52rem; margin: 0 0 clamp(2.25rem, 5vw, 4.5rem); } .foundry-founder-profile__eyebrow, .foundry-founder-profile__role { margin: 0; color: var(--foundry-founder-profile-accent); font-family: var(--foundry-font-body, ui-sans-serif, system-ui, sans-serif); font-size: 0.75rem; font-weight: 700; line-height: 1.4; letter-spacing: 0.16em; text-transform: uppercase; } .foundry-founder-profile__title { max-width: 18ch; margin: 0.7rem 0 0; color: var(--foundry-text, #171717); font-family: var(--foundry-font-heading, var(--foundry-font-body, ui-sans-serif, system-ui, sans-serif)); font-size: var(--foundry-founder-profile-title-size, clamp(2.25rem, 5vw, 4.75rem)); font-weight: var(--foundry-heading-weight, 700); line-height: 1.02; letter-spacing: -0.035em; } .foundry-founder-profile__layout { display: grid; grid-template-columns: minmax(16rem, 0.78fr) minmax(0, 1.22fr); align-items: center; gap: var(--foundry-founder-profile-layout-gap); } .foundry-founder-profile__layout--without-media { grid-template-columns: minmax(0, 1fr); } .foundry-founder-profile__media, .foundry-founder-profile__picture { display: block; min-width: 0; margin: 0; } .foundry-founder-profile__image { display: block; width: 100%; height: auto; aspect-ratio: var(--foundry-founder-profile-media-ratio); object-fit: cover; object-position: var(--foundry-founder-profile-media-position); border: 1px solid var(--foundry-founder-profile-media-border); border-radius: var(--foundry-founder-profile-media-radius); box-shadow: var(--foundry-founder-profile-media-shadow); } .foundry-founder-profile__content { min-width: 0; max-width: var(--foundry-founder-profile-copy-measure); } .foundry-founder-profile__identity { margin: 0; } .foundry-founder-profile__name { max-width: 14ch; margin: 0.55rem 0 0; color: var(--foundry-text, #171717); font-family: var(--foundry-font-heading, var(--foundry-font-body, ui-sans-serif, system-ui, sans-serif)); font-size: var(--foundry-founder-profile-name-size, clamp(2.4rem, 5.5vw, 5.25rem)); font-weight: var(--foundry-heading-weight, 700); line-height: 0.98; letter-spacing: -0.045em; } .foundry-founder-profile__text { max-width: var(--foundry-founder-profile-copy-measure); margin-top: clamp(1.4rem, 2.5vw, 2rem); color: var(--foundry-text-muted, #535353); font-family: var(--foundry-font-body, ui-sans-serif, system-ui, sans-serif); font-size: var(--foundry-founder-profile-copy-size, clamp(1rem, 1.4vw, 1.15rem)); line-height: 1.75; } .foundry-founder-profile__text > :first-child { margin-top: 0; } .foundry-founder-profile__text > :last-child { margin-bottom: 0; } .foundry-founder-profile__text--legacy + .foundry-founder-profile__text--legacy { margin-top: 1rem; } .foundry-founder-profile__highlights { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; margin: clamp(2rem, 4vw, 3rem) 0 0; padding: 0; border-top: 1px solid var(--foundry-founder-profile-rule); list-style: none; } .foundry-founder-profile__highlight { position: relative; min-width: 0; padding: 1rem 1.5rem 1rem 1.25rem; border-bottom: 1px solid var(--foundry-founder-profile-rule); color: var(--foundry-text, #171717); font-size: 0.925rem; font-weight: 650; line-height: 1.45; } .foundry-founder-profile__highlight-text, .foundry-founder-profile__highlight-context { display: block; } .foundry-founder-profile__highlight-context { margin-top: 0.22rem; color: var(--foundry-text-muted, #535353); font-size: 0.8rem; font-weight: 500; } .foundry-founder-profile__highlight::before { position: absolute; top: 1.42rem; left: 0; width: 0.42rem; height: 0.42rem; border-radius: 50%; background: var(--foundry-founder-profile-accent); content: ""; } .foundry-founder-profile__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.5rem; margin-top: clamp(2rem, 4vw, 3rem); } .foundry-founder-profile__primary-action .foundry-button { min-height: 2.75rem; } .foundry-founder-profile__contacts { display: flex; flex-wrap: wrap; gap: 0.35rem 1.25rem; margin: 0; font-style: normal; } .foundry-founder-profile__contact { display: inline-flex; align-items: center; min-height: 2.75rem; color: var(--foundry-text, #171717); font-size: 0.9rem; font-weight: 700; text-underline-offset: 0.24em; } .foundry-founder-profile__contact:hover { color: var(--foundry-founder-profile-accent); } .foundry-founder-profile__contact:focus-visible { border-radius: 0.2rem; outline: 3px solid var(--foundry-focus, var(--foundry-founder-profile-accent)); outline-offset: 0.2rem; } .foundry-founder-profile--portrait-story .foundry-founder-profile__media { width: min(100%, 27rem); } .foundry-founder-profile--portrait-story .foundry-founder-profile__content { padding-block: clamp(0.5rem, 2vw, 2rem); } .foundry-founder-profile--open-manifesto { --foundry-founder-profile-container-max: min(80rem, var(--foundry-wide-container-max, 80rem)); --foundry-founder-profile-media-radius: 0; --foundry-founder-profile-media-ratio: 3 / 4; --foundry-founder-profile-name-size: clamp(3rem, 7vw, 7.25rem); } .foundry-founder-profile--open-manifesto .foundry-founder-profile__intro { margin-left: clamp(0rem, 8vw, 8rem); } .foundry-founder-profile--open-manifesto .foundry-founder-profile__layout { grid-template-areas: "content media"; grid-template-columns: minmax(0, 1.2fr) minmax(17rem, 0.8fr); align-items: end; } .foundry-founder-profile--open-manifesto .foundry-founder-profile__media { grid-area: media; align-self: stretch; padding-top: clamp(2rem, 7vw, 7rem); } .foundry-founder-profile--open-manifesto .foundry-founder-profile__content { grid-area: content; max-width: 48rem; padding: clamp(2rem, 5vw, 4.5rem) 0 clamp(1rem, 3vw, 3rem) clamp(1.5rem, 5vw, 5rem); border-left: 1px solid var(--foundry-founder-profile-rule); } .foundry-founder-profile--open-manifesto .foundry-founder-profile__text { font-size: var(--foundry-founder-profile-copy-size, clamp(1.05rem, 1.7vw, 1.3rem)); } .foundry-founder-profile--open-manifesto .foundry-founder-profile__highlights { grid-template-columns: 1fr; counter-reset: founder-profile-highlight; } .foundry-founder-profile--open-manifesto .foundry-founder-profile__highlight { counter-increment: founder-profile-highlight; padding-left: 3rem; } .foundry-founder-profile--open-manifesto .foundry-founder-profile__highlight::before { top: 1rem; width: auto; height: auto; border-radius: 0; background: none; color: var(--foundry-founder-profile-accent); content: counter(founder-profile-highlight, decimal-leading-zero); font-size: 0.72rem; font-weight: 800; letter-spacing: 0.12em; } .foundry-founder-profile--credential-profile { --foundry-founder-profile-media-radius: 50%; --foundry-founder-profile-media-ratio: 1; --foundry-founder-profile-layout-gap: clamp(2rem, 5vw, 4.5rem); --foundry-founder-profile-name-size: clamp(2.4rem, 4.5vw, 4.5rem); } .foundry-founder-profile--credential-profile .foundry-founder-profile__inner { padding-block: clamp(2rem, 4vw, 3.5rem); border-block: 1px solid var(--foundry-founder-profile-rule); } .foundry-founder-profile--credential-profile .foundry-founder-profile__layout { grid-template-columns: minmax(13rem, 0.58fr) minmax(0, 1.42fr); } .foundry-founder-profile--credential-profile .foundry-founder-profile__media { width: min(100%, 19rem); justify-self: center; } .foundry-founder-profile--credential-profile .foundry-founder-profile__image { box-shadow: none; } .foundry-founder-profile--credential-profile .foundry-founder-profile__highlights { gap: 0.75rem; border-top: 0; } .foundry-founder-profile--credential-profile .foundry-founder-profile__highlight { padding: 0.85rem 1rem 0.85rem 2.25rem; border: 1px solid var(--foundry-founder-profile-rule); background: var(--foundry-founder-profile-panel); } .foundry-founder-profile--credential-profile .foundry-founder-profile__highlight::before { top: 1.1rem; left: 0.9rem; } @media (max-width: 56rem) { .foundry-founder-profile__layout, .foundry-founder-profile--open-manifesto .foundry-founder-profile__layout, .foundry-founder-profile--credential-profile .foundry-founder-profile__layout { grid-template-areas: none; grid-template-columns: minmax(0, 1fr); align-items: start; } .foundry-founder-profile--open-manifesto .foundry-founder-profile__media, .foundry-founder-profile--open-manifesto .foundry-founder-profile__content { grid-area: auto; } .foundry-founder-profile--open-manifesto .foundry-founder-profile__media { width: min(82%, 28rem); padding-top: 0; justify-self: end; } .foundry-founder-profile--open-manifesto .foundry-founder-profile__content { padding: 1.75rem 0 0 1.5rem; } .foundry-founder-profile--credential-profile .foundry-founder-profile__media { width: min(62vw, 18rem); justify-self: start; } } @media (max-width: 36rem) { .foundry-founder-profile__inner { width: min(calc(100% - 2rem), var(--foundry-founder-profile-container-max)); } .foundry-founder-profile__highlights, .foundry-founder-profile--credential-profile .foundry-founder-profile__highlights { grid-template-columns: minmax(0, 1fr); } .foundry-founder-profile__actions, .foundry-founder-profile__contacts { align-items: stretch; } .foundry-founder-profile__actions { flex-direction: column; } .foundry-founder-profile__contacts { width: 100%; } .foundry-founder-profile__contact { flex: 1 1 8rem; } } .foundry-coming-soon-trust { --foundry-coming-soon-trust-container-max: var(--foundry-wide-container-max, 76rem); --foundry-coming-soon-trust-space: clamp(3.5rem, 7vw, 7rem); --foundry-coming-soon-trust-accent: var(--foundry-brand-accent, var(--foundry-primary, #2563eb)); --foundry-coming-soon-trust-rule: var(--foundry-border, #d7dce2); --foundry-coming-soon-trust-muted: var(--foundry-text-muted, #52606d); --foundry-coming-soon-trust-soft: var(--foundry-surface-soft, #f6f7f9); padding-block: var(--foundry-coming-soon-trust-space); color: var(--foundry-text, #111827); background: var(--foundry-coming-soon-trust-background, transparent); } .foundry-coming-soon-trust__inner { box-sizing: border-box; width: min(calc(100% - 2rem), var(--foundry-coming-soon-trust-container-max)); margin-inline: auto; } .foundry-coming-soon-trust__header, .foundry-coming-soon-trust__evidence, .foundry-coming-soon-trust__facts, .foundry-coming-soon-trust__assurances, .foundry-coming-soon-trust__logos, .foundry-coming-soon-trust__fact, .foundry-coming-soon-trust__assurance, .foundry-coming-soon-trust__logo, .foundry-coming-soon-trust__logo-link, .foundry-coming-soon-trust__logo-copy { min-width: 0; } .foundry-coming-soon-trust__eyebrow, .foundry-coming-soon-trust__title, .foundry-coming-soon-trust__introduction, .foundry-coming-soon-trust__fact-label, .foundry-coming-soon-trust__fact-value, .foundry-coming-soon-trust__fact-details, .foundry-coming-soon-trust__fact-source, .foundry-coming-soon-trust__assurances, .foundry-coming-soon-trust__logos, .foundry-coming-soon-trust__empty { margin: 0; } .foundry-coming-soon-trust__eyebrow { color: var(--foundry-coming-soon-trust-accent); font-size: 0.72rem; font-weight: 800; line-height: 1.4; letter-spacing: 0.15em; text-transform: uppercase; } .foundry-coming-soon-trust__title { max-width: var(--foundry-coming-soon-trust-title-measure, 18ch); color: var(--foundry-text, #111827); font-family: var(--foundry-font-heading, var(--foundry-font-body, ui-sans-serif, system-ui, sans-serif)); font-size: var(--foundry-coming-soon-trust-title-size, clamp(2.25rem, 5vw, 5rem)); font-weight: var(--foundry-heading-weight, 720); line-height: 1; letter-spacing: -0.045em; text-wrap: balance; } .foundry-coming-soon-trust__eyebrow + .foundry-coming-soon-trust__title { margin-top: 0.8rem; } .foundry-coming-soon-trust__introduction { max-width: var(--foundry-coming-soon-trust-copy-measure, 42rem); margin-top: 1.25rem; color: var(--foundry-coming-soon-trust-muted); font-size: clamp(1rem, 1.35vw, 1.15rem); line-height: 1.7; } .foundry-coming-soon-trust__introduction > :first-child, .foundry-coming-soon-trust__fact-details > :first-child, .foundry-coming-soon-trust__assurance-details > :first-child { margin-top: 0; } .foundry-coming-soon-trust__introduction > :last-child, .foundry-coming-soon-trust__fact-details > :last-child, .foundry-coming-soon-trust__assurance-details > :last-child { margin-bottom: 0; } .foundry-coming-soon-trust__facts, .foundry-coming-soon-trust__assurances, .foundry-coming-soon-trust__logos { padding: 0; } .foundry-coming-soon-trust__assurances, .foundry-coming-soon-trust__logos { list-style: none; } .foundry-coming-soon-trust__fact-label, .foundry-coming-soon-trust__logo-relationship { color: var(--foundry-coming-soon-trust-muted); font-size: 0.72rem; font-weight: 780; line-height: 1.4; letter-spacing: 0.11em; text-transform: uppercase; } .foundry-coming-soon-trust__fact-value { color: var(--foundry-text, #111827); font-family: var(--foundry-font-heading, var(--foundry-font-body, ui-sans-serif, system-ui, sans-serif)); font-size: var(--foundry-coming-soon-trust-value-size, clamp(1.75rem, 3.5vw, 3.5rem)); font-weight: 760; line-height: 1; letter-spacing: -0.04em; } .foundry-coming-soon-trust__fact-label + .foundry-coming-soon-trust__fact-value { margin-top: 0.65rem; } .foundry-coming-soon-trust__fact-details, .foundry-coming-soon-trust__assurance-details { margin-top: 0.75rem; color: var(--foundry-coming-soon-trust-muted); font-size: 0.88rem; line-height: 1.6; } .foundry-coming-soon-trust__fact-source a, .foundry-coming-soon-trust__assurance-source, .foundry-coming-soon-trust__logo-link { color: inherit; text-decoration-thickness: 1px; text-underline-offset: 0.22em; } .foundry-coming-soon-trust__fact-source a, .foundry-coming-soon-trust__assurance-source { display: inline-flex; align-items: center; min-height: 2.75rem; margin-top: 0.45rem; color: var(--foundry-text, #111827); font-size: 0.78rem; font-weight: 760; } .foundry-coming-soon-trust__fact-source a:hover, .foundry-coming-soon-trust__assurance-source:hover, .foundry-coming-soon-trust__logo-link:hover .foundry-coming-soon-trust__logo-name { color: var(--foundry-coming-soon-trust-accent); } .foundry-coming-soon-trust__fact-source a:focus-visible, .foundry-coming-soon-trust__assurance-source:focus-visible, .foundry-coming-soon-trust__logo-link:focus-visible { border-radius: 0.2rem; outline: 3px solid var(--foundry-focus, var(--foundry-coming-soon-trust-accent)); outline-offset: 0.2rem; } .foundry-coming-soon-trust__assurance { display: grid; grid-template-columns: 0.75rem minmax(0, 1fr); gap: 0.85rem; align-items: start; } .foundry-coming-soon-trust__assurance-marker { width: 0.65rem; height: 0.65rem; margin-top: 0.28rem; border: 2px solid var(--foundry-coming-soon-trust-accent); border-radius: 50%; } .foundry-coming-soon-trust__assurance-label, .foundry-coming-soon-trust__logo-name, .foundry-coming-soon-trust__logo-copy, .foundry-coming-soon-trust__logo-relationship { display: block; } .foundry-coming-soon-trust__assurance-label, .foundry-coming-soon-trust__logo-name { color: var(--foundry-text, #111827); font-size: 0.96rem; font-weight: 740; line-height: 1.35; } .foundry-coming-soon-trust__logos { display: flex; flex-wrap: wrap; } .foundry-coming-soon-trust__logo, .foundry-coming-soon-trust__logo-link { display: flex; align-items: center; } .foundry-coming-soon-trust__logo-link { min-height: 2.75rem; text-decoration: none; } .foundry-coming-soon-trust__logo-mark { display: grid; flex: 0 0 auto; width: min(5.5rem, 32vw); place-items: center; } .foundry-coming-soon-trust__logo-image { display: block; width: auto; height: auto; max-width: 100%; max-height: 2.75rem; object-fit: contain; } .foundry-coming-soon-trust__logo-relationship + .foundry-coming-soon-trust__logo-name { margin-top: 0.2rem; } .foundry-coming-soon-trust__empty { padding: 1.25rem; border: 1px dashed var(--foundry-coming-soon-trust-rule); color: var(--foundry-coming-soon-trust-muted); } .foundry-coming-soon-trust--ledger .foundry-coming-soon-trust__inner { display: grid; grid-template-columns: minmax(14rem, 0.72fr) minmax(0, 1.28fr); gap: clamp(2rem, 7vw, 7rem); align-items: start; } .foundry-coming-soon-trust--ledger .foundry-coming-soon-trust__evidence { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(2rem, 4vw, 3.5rem); } .foundry-coming-soon-trust--ledger .foundry-coming-soon-trust__facts { display: grid; grid-column: 1 / -1; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 clamp(1.5rem, 4vw, 3.5rem); border-top: 1px solid var(--foundry-coming-soon-trust-rule); } .foundry-coming-soon-trust--ledger .foundry-coming-soon-trust__fact { padding-block: clamp(1.4rem, 3vw, 2.25rem); border-bottom: 1px solid var(--foundry-coming-soon-trust-rule); } .foundry-coming-soon-trust--ledger .foundry-coming-soon-trust__assurances { display: grid; gap: 1.25rem; } .foundry-coming-soon-trust--ledger .foundry-coming-soon-trust__logos { align-content: start; gap: 1rem 1.5rem; padding-inline-start: clamp(0rem, 2vw, 2rem); border-inline-start: 1px solid var(--foundry-coming-soon-trust-rule); } .foundry-coming-soon-trust--ledger .foundry-coming-soon-trust__logo, .foundry-coming-soon-trust--ledger .foundry-coming-soon-trust__logo-link { width: 100%; gap: 0.9rem; } .foundry-coming-soon-trust--strip .foundry-coming-soon-trust__header { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); gap: clamp(1.5rem, 5vw, 5rem); align-items: end; margin-bottom: clamp(2rem, 4vw, 3rem); } .foundry-coming-soon-trust--strip .foundry-coming-soon-trust__introduction { margin-top: 0; } .foundry-coming-soon-trust--strip .foundry-coming-soon-trust__evidence { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); border-block: 1px solid var(--foundry-coming-soon-trust-rule); } .foundry-coming-soon-trust--strip .foundry-coming-soon-trust__facts, .foundry-coming-soon-trust--strip .foundry-coming-soon-trust__assurances { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 10rem), 1fr)); } .foundry-coming-soon-trust--strip .foundry-coming-soon-trust__facts { border-inline-end: 1px solid var(--foundry-coming-soon-trust-rule); } .foundry-coming-soon-trust--strip .foundry-coming-soon-trust__fact, .foundry-coming-soon-trust--strip .foundry-coming-soon-trust__assurance { padding: clamp(1rem, 2.5vw, 1.6rem); } .foundry-coming-soon-trust--strip .foundry-coming-soon-trust__fact + .foundry-coming-soon-trust__fact, .foundry-coming-soon-trust--strip .foundry-coming-soon-trust__assurance + .foundry-coming-soon-trust__assurance { border-inline-start: 1px solid var(--foundry-coming-soon-trust-rule); } .foundry-coming-soon-trust--strip .foundry-coming-soon-trust__logos { grid-column: 1 / -1; gap: 1rem clamp(1.5rem, 4vw, 3rem); align-items: center; padding: 1.25rem clamp(1rem, 2.5vw, 1.6rem); border-top: 1px solid var(--foundry-coming-soon-trust-rule); } .foundry-coming-soon-trust--strip .foundry-coming-soon-trust__logo-link, .foundry-coming-soon-trust--strip .foundry-coming-soon-trust__logo { gap: 0.75rem; } .foundry-coming-soon-trust--note { background: var(--foundry-coming-soon-trust-note-background, var(--foundry-coming-soon-trust-soft)); } .foundry-coming-soon-trust--note .foundry-coming-soon-trust__inner { max-width: var(--foundry-coming-soon-trust-note-max, 62rem); padding-inline-start: clamp(1.5rem, 5vw, 4.5rem); border-inline-start: clamp(0.25rem, 0.6vw, 0.5rem) solid var(--foundry-coming-soon-trust-accent); } .foundry-coming-soon-trust--note .foundry-coming-soon-trust__header { max-width: 48rem; } .foundry-coming-soon-trust--note .foundry-coming-soon-trust__evidence { display: grid; grid-template-columns: minmax(0, 0.65fr) minmax(0, 1.35fr); gap: clamp(2rem, 5vw, 4rem); margin-top: clamp(2rem, 5vw, 4rem); padding-top: clamp(1.5rem, 3vw, 2.5rem); border-top: 1px solid var(--foundry-coming-soon-trust-rule); } .foundry-coming-soon-trust--note .foundry-coming-soon-trust__facts, .foundry-coming-soon-trust--note .foundry-coming-soon-trust__assurances { display: grid; gap: 1.5rem; } .foundry-coming-soon-trust--note .foundry-coming-soon-trust__logos { grid-column: 1 / -1; gap: 1rem 2rem; align-items: center; padding-top: 1.5rem; border-top: 1px solid var(--foundry-coming-soon-trust-rule); } .foundry-coming-soon-trust--note .foundry-coming-soon-trust__logo, .foundry-coming-soon-trust--note .foundry-coming-soon-trust__logo-link { gap: 0.75rem; } @media (max-width: 56rem) { .foundry-coming-soon-trust--ledger .foundry-coming-soon-trust__inner, .foundry-coming-soon-trust--ledger .foundry-coming-soon-trust__evidence, .foundry-coming-soon-trust--strip .foundry-coming-soon-trust__header, .foundry-coming-soon-trust--strip .foundry-coming-soon-trust__evidence, .foundry-coming-soon-trust--note .foundry-coming-soon-trust__evidence { grid-template-columns: minmax(0, 1fr); } .foundry-coming-soon-trust--ledger .foundry-coming-soon-trust__evidence { gap: 2rem; } .foundry-coming-soon-trust--ledger .foundry-coming-soon-trust__logos { padding-block-start: 1.5rem; padding-inline-start: 0; border-block-start: 1px solid var(--foundry-coming-soon-trust-rule); border-inline-start: 0; } .foundry-coming-soon-trust--strip .foundry-coming-soon-trust__facts { border-inline-end: 0; border-bottom: 1px solid var(--foundry-coming-soon-trust-rule); } } @media (max-width: 36rem) { .foundry-coming-soon-trust--ledger .foundry-coming-soon-trust__facts, .foundry-coming-soon-trust--strip .foundry-coming-soon-trust__facts, .foundry-coming-soon-trust--strip .foundry-coming-soon-trust__assurances { grid-template-columns: minmax(0, 1fr); } .foundry-coming-soon-trust--strip .foundry-coming-soon-trust__fact + .foundry-coming-soon-trust__fact, .foundry-coming-soon-trust--strip .foundry-coming-soon-trust__assurance + .foundry-coming-soon-trust__assurance { border-block-start: 1px solid var(--foundry-coming-soon-trust-rule); border-inline-start: 0; } .foundry-coming-soon-trust--strip .foundry-coming-soon-trust__logos, .foundry-coming-soon-trust--note .foundry-coming-soon-trust__logos { align-items: stretch; } .foundry-coming-soon-trust__logo, .foundry-coming-soon-trust__logo-link { width: 100%; } } .foundry-trust-badges { --foundry-trust-badges-container-max: var(--foundry-wide-container-max, 72rem); --foundry-trust-badges-space: clamp(3rem, 6vw, 5.5rem); --foundry-trust-badges-gap: clamp(1rem, 2.5vw, 2rem); --foundry-trust-badges-accent: var(--foundry-brand-accent, var(--foundry-primary, #2563eb)); --foundry-trust-badges-rule: var(--foundry-border, #d7dce2); --foundry-trust-badges-surface: var(--foundry-surface-soft, #f7f8fa); --foundry-trust-badges-muted: var(--foundry-text-muted, #52606d); padding-block: var(--foundry-trust-badges-space); color: var(--foundry-text, #111827); background: var(--foundry-trust-badges-background, transparent); } .foundry-trust-badges__inner { width: min(calc(100% - 2rem), var(--foundry-trust-badges-container-max)); margin-inline: auto; } .foundry-trust-badges__header { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); gap: clamp(1rem, 4vw, 4rem); align-items: end; margin-bottom: clamp(1.75rem, 4vw, 3.5rem); } .foundry-trust-badges__title { max-width: 18ch; margin: 0; color: var(--foundry-text, #111827); font-family: var(--foundry-font-heading, var(--foundry-font-body, ui-sans-serif, system-ui, sans-serif)); font-size: var(--foundry-trust-badges-title-size, clamp(2rem, 4vw, 4rem)); font-weight: var(--foundry-heading-weight, 700); line-height: 1.02; letter-spacing: -0.035em; text-wrap: balance; } .foundry-trust-badges__introduction { max-width: 46rem; color: var(--foundry-trust-badges-muted); font-size: clamp(1rem, 1.35vw, 1.15rem); line-height: 1.7; } .foundry-trust-badges__introduction > :first-child, .foundry-trust-badges__context > :first-child { margin-top: 0; } .foundry-trust-badges__introduction > :last-child, .foundry-trust-badges__context > :last-child { margin-bottom: 0; } .foundry-trust-badges__items { display: grid; margin: 0; padding: 0; list-style: none; } .foundry-trust-badges__item, .foundry-trust-badges__copy { min-width: 0; } .foundry-trust-badges__kind, .foundry-trust-badges__name, .foundry-trust-badges__context { margin: 0; } .foundry-trust-badges__kind { color: var(--foundry-trust-badges-accent); font-size: 0.7rem; font-weight: 800; line-height: 1.4; letter-spacing: 0.14em; text-transform: uppercase; } .foundry-trust-badges__name { color: var(--foundry-text, #111827); font-size: var(--foundry-trust-badges-name-size, 1.05rem); font-weight: 720; line-height: 1.3; } .foundry-trust-badges__kind + .foundry-trust-badges__name { margin-top: 0.35rem; } .foundry-trust-badges__context { margin-top: 0.5rem; color: var(--foundry-trust-badges-muted); font-size: 0.88rem; line-height: 1.55; } .foundry-trust-badges__source { display: inline-flex; align-items: center; min-height: 2.75rem; margin-top: 0.65rem; color: var(--foundry-text, #111827); font-size: 0.8rem; font-weight: 750; text-decoration-thickness: 1px; text-underline-offset: 0.24em; } .foundry-trust-badges__source:hover { color: var(--foundry-trust-badges-accent); } .foundry-trust-badges__source:focus-visible { border-radius: 0.2rem; outline: 3px solid var(--foundry-focus, var(--foundry-trust-badges-accent)); outline-offset: 0.2rem; } .foundry-trust-badges__empty { margin: 0; padding: 1.25rem; border: 1px dashed var(--foundry-trust-badges-rule); color: var(--foundry-trust-badges-muted); } .foundry-trust-badges--chips .foundry-trust-badges__items { grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr)); border-block: 1px solid var(--foundry-trust-badges-rule); } .foundry-trust-badges--chips .foundry-trust-badges__item { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 0.85rem; align-items: start; padding: clamp(1rem, 2.5vw, 1.6rem); border-inline-start: 1px solid var(--foundry-trust-badges-rule); } .foundry-trust-badges--chips .foundry-trust-badges__item:first-child { border-inline-start: 0; } .foundry-trust-badges--chips .foundry-trust-badges__marker { width: 0.65rem; height: 0.65rem; margin-top: 0.28rem; border: 2px solid var(--foundry-trust-badges-accent); border-radius: 50%; } .foundry-trust-badges--list .foundry-trust-badges__items { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 var(--foundry-trust-badges-gap); counter-reset: foundry-trust-badge; border-top: 1px solid var(--foundry-trust-badges-rule); } .foundry-trust-badges--list .foundry-trust-badges__item { display: grid; grid-template-columns: 3.25rem minmax(0, 1fr); gap: 1rem; padding-block: clamp(1.25rem, 2.5vw, 2rem); border-bottom: 1px solid var(--foundry-trust-badges-rule); counter-increment: foundry-trust-badge; } .foundry-trust-badges--list .foundry-trust-badges__marker::before { color: var(--foundry-trust-badges-accent); content: counter(foundry-trust-badge, decimal-leading-zero); font-size: 0.76rem; font-weight: 800; letter-spacing: 0.12em; } .foundry-trust-badges--logos { --foundry-trust-badges-container-max: min(78rem, var(--foundry-wide-container-max, 78rem)); } .foundry-trust-badges--logos .foundry-trust-badges__header { grid-template-columns: minmax(0, 1fr); justify-items: center; text-align: center; } .foundry-trust-badges--logos .foundry-trust-badges__introduction { max-width: 40rem; } .foundry-trust-badges--logos .foundry-trust-badges__items { grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr)); gap: var(--foundry-trust-badges-gap); } .foundry-trust-badges--logos .foundry-trust-badges__item { display: grid; grid-template-rows: minmax(10rem, 1fr) auto; border: 1px solid var(--foundry-trust-badges-rule); background: var(--foundry-trust-badges-surface); } .foundry-trust-badges__mark { display: grid; min-height: 10rem; padding: clamp(1.5rem, 4vw, 3rem); place-items: center; border-bottom: 1px solid var(--foundry-trust-badges-rule); background: var(--foundry-trust-badges-mark-surface, var(--foundry-surface, #ffffff)); } .foundry-trust-badges__logo { display: block; width: auto; height: auto; max-width: min(100%, 9rem); max-height: 7rem; object-fit: contain; } .foundry-trust-badges--logos .foundry-trust-badges__copy { padding: 1.25rem; } @media (max-width: 56rem) { .foundry-trust-badges__header { grid-template-columns: minmax(0, 1fr); align-items: start; } .foundry-trust-badges--chips .foundry-trust-badges__items, .foundry-trust-badges--list .foundry-trust-badges__items { grid-template-columns: minmax(0, 1fr); } .foundry-trust-badges--chips .foundry-trust-badges__item { border-inline-start: 0; border-bottom: 1px solid var(--foundry-trust-badges-rule); } .foundry-trust-badges--chips .foundry-trust-badges__item:last-child { border-bottom: 0; } } @media (max-width: 36rem) { .foundry-trust-badges--list .foundry-trust-badges__item { grid-template-columns: 2.5rem minmax(0, 1fr); } } .foundry-logos { --foundry-logos-container-max: var(--foundry-wide-container-max, 76rem); --foundry-logos-space: clamp(3.5rem, 7vw, 7rem); --foundry-logos-accent: var(--foundry-brand-accent, var(--foundry-primary, #2563eb)); --foundry-logos-rule: var(--foundry-border, #d8dde5); --foundry-logos-muted: var(--foundry-text-muted, #52606d); --foundry-logos-soft: var(--foundry-surface-soft, #f6f7f9); padding-block: var(--foundry-logos-space); color: var(--foundry-text, #111827); background: var(--foundry-logos-background, transparent); } .foundry-logos__inner { width: min(calc(100% - 2rem), var(--foundry-logos-container-max)); margin-inline: auto; } .foundry-logos__header { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); gap: clamp(1.25rem, 5vw, 5rem); align-items: end; margin-bottom: clamp(2rem, 5vw, 4rem); } .foundry-logos__title { max-width: 16ch; margin: 0; color: var(--foundry-text, #111827); font-family: var(--foundry-font-heading, var(--foundry-font-body, ui-sans-serif, system-ui, sans-serif)); font-size: var(--foundry-logos-title-size, clamp(2.25rem, 5vw, 5rem)); font-weight: var(--foundry-heading-weight, 720); line-height: 0.98; letter-spacing: -0.045em; text-wrap: balance; } .foundry-logos__introduction { max-width: 44rem; color: var(--foundry-logos-muted); font-size: clamp(1rem, 1.35vw, 1.16rem); line-height: 1.7; } .foundry-logos__introduction > :first-child, .foundry-logos__description > :first-child { margin-top: 0; } .foundry-logos__introduction > :last-child, .foundry-logos__description > :last-child { margin-bottom: 0; } .foundry-logos__collection, .foundry-logos__motion-options, .foundry-logos__viewport { width: 100%; min-width: 0; } .foundry-logos__items { display: grid; margin: 0; padding: 0; list-style: none; } .foundry-logos__item, .foundry-logos__item-link, .foundry-logos__item-content, .foundry-logos__copy { min-width: 0; } .foundry-logos__item-link, .foundry-logos__item-content { color: inherit; text-decoration: none; } .foundry-logos__mark { display: grid; place-items: center; } .foundry-logos__image { display: block; width: auto; height: auto; max-width: min(100%, var(--foundry-logos-image-max-width, 10rem)); max-height: var(--foundry-logos-image-max-height, 5.5rem); object-fit: contain; } .foundry-logos__copy, .foundry-logos__relationship, .foundry-logos__name, .foundry-logos__description { display: block; } .foundry-logos__relationship { color: var(--foundry-logos-accent); font-size: 0.68rem; font-weight: 800; line-height: 1.35; letter-spacing: 0.14em; text-transform: uppercase; } .foundry-logos__name { color: var(--foundry-text, #111827); font-size: var(--foundry-logos-name-size, 1.05rem); font-weight: 760; line-height: 1.25; } .foundry-logos__relationship + .foundry-logos__name { margin-top: 0.35rem; } .foundry-logos__description { margin-top: 0.6rem; color: var(--foundry-logos-muted); font-size: 0.86rem; line-height: 1.55; } .foundry-logos__item-link:focus-visible { position: relative; z-index: 1; outline: 3px solid var(--foundry-focus, var(--foundry-logos-accent)); outline-offset: -3px; } .foundry-logos__empty { margin: 0; padding: 1.25rem; border: 1px dashed var(--foundry-logos-rule); color: var(--foundry-logos-muted); } .foundry-logos--grid .foundry-logos__items { grid-template-columns: repeat(12, minmax(0, 1fr)); border-block: 1px solid var(--foundry-logos-rule); } .foundry-logos--grid .foundry-logos__item { grid-column: span 4; border-inline-start: 1px solid var(--foundry-logos-rule); } .foundry-logos--grid .foundry-logos__item:nth-child(6n + 1), .foundry-logos--grid .foundry-logos__item:nth-child(6n + 6) { grid-column: span 5; } .foundry-logos--grid .foundry-logos__item:nth-child(6n + 3), .foundry-logos--grid .foundry-logos__item:nth-child(6n + 4) { grid-column: span 3; } .foundry-logos--grid .foundry-logos__item:nth-child(6n + 1), .foundry-logos--grid .foundry-logos__item:nth-child(6n + 4) { border-inline-start: 0; } .foundry-logos--grid .foundry-logos__item:nth-child(n + 4) { border-top: 1px solid var(--foundry-logos-rule); } .foundry-logos--grid .foundry-logos__item-link, .foundry-logos--grid .foundry-logos__item-content { display: grid; grid-template-rows: minmax(8.5rem, 1fr) auto; height: 100%; } .foundry-logos--grid .foundry-logos__item-link:hover { background: var(--foundry-logos-soft); } .foundry-logos--grid .foundry-logos__mark { min-height: 8.5rem; padding: clamp(1.5rem, 4vw, 3rem); } .foundry-logos--grid .foundry-logos__copy { padding: 1.1rem clamp(1rem, 2vw, 1.5rem) 1.35rem; border-top: 1px solid var(--foundry-logos-rule); } .foundry-logos--strip .foundry-logos__items { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 clamp(2rem, 6vw, 6rem); border-top: 1px solid var(--foundry-logos-rule); } .foundry-logos--strip .foundry-logos__item { border-bottom: 1px solid var(--foundry-logos-rule); } .foundry-logos--strip .foundry-logos__item-link, .foundry-logos--strip .foundry-logos__item-content { display: grid; grid-template-columns: minmax(5rem, 0.7fr) minmax(0, 1.3fr); gap: clamp(1rem, 3vw, 2rem); align-items: center; min-height: 7.5rem; padding-block: 1.25rem; } .foundry-logos--strip .foundry-logos__item-link:hover .foundry-logos__name { color: var(--foundry-logos-accent); } .foundry-logos--strip .foundry-logos__mark { justify-items: start; } .foundry-logos--strip .foundry-logos__image { max-width: min(100%, 7rem); max-height: 3.5rem; } .foundry-logos--pill .foundry-logos__items { display: flex; flex-wrap: wrap; gap: 0.75rem; } .foundry-logos--pill .foundry-logos__item { flex: 0 1 auto; } .foundry-logos--pill .foundry-logos__item-link, .foundry-logos--pill .foundry-logos__item-content { display: flex; gap: 0.85rem; align-items: center; min-height: 3.25rem; padding: 0.7rem 1rem; border: 1px solid var(--foundry-logos-rule); border-radius: var(--foundry-logos-pill-radius, 999px); background: var(--foundry-logos-pill-surface, transparent); } .foundry-logos--pill .foundry-logos__item-link:hover { border-color: var(--foundry-logos-accent); } .foundry-logos--pill .foundry-logos__image { width: 4.5rem; max-width: 4.5rem; max-height: 1.75rem; } .foundry-logos--pill .foundry-logos__mark { flex: 0 0 auto; } .foundry-logos--pill .foundry-logos__description { max-width: 24rem; } .foundry-logos--marquee .foundry-logos__items { display: flex; flex-wrap: wrap; width: max-content; max-width: 100%; } .foundry-logos--marquee [data-foundry-marquee-ready="true"] .foundry-logos__items { max-width: none; } .foundry-logos--marquee .foundry-logos__item { flex: 0 0 auto; } @media (max-width: 56rem) { .foundry-logos__header, .foundry-logos--strip .foundry-logos__items { grid-template-columns: minmax(0, 1fr); } .foundry-logos--grid .foundry-logos__item, .foundry-logos--grid .foundry-logos__item:nth-child(n) { grid-column: span 6; border-inline-start: 1px solid var(--foundry-logos-rule); } .foundry-logos--grid .foundry-logos__item:nth-child(odd) { border-inline-start: 0; } .foundry-logos--grid .foundry-logos__item:nth-child(n + 3) { border-top: 1px solid var(--foundry-logos-rule); } } @media (max-width: 36rem) { .foundry-logos--grid .foundry-logos__item, .foundry-logos--grid .foundry-logos__item:nth-child(n) { grid-column: 1 / -1; border-inline-start: 0; } .foundry-logos--grid .foundry-logos__item + .foundry-logos__item { border-top: 1px solid var(--foundry-logos-rule); } .foundry-logos--strip .foundry-logos__item-link, .foundry-logos--strip .foundry-logos__item-content { grid-template-columns: minmax(0, 1fr); gap: 0.75rem; } .foundry-logos--pill .foundry-logos__items, .foundry-logos--pill .foundry-logos__item { width: 100%; } .foundry-logos--pill .foundry-logos__item-link, .foundry-logos--pill .foundry-logos__item-content { border-radius: var(--foundry-logos-mobile-radius, 0.75rem); } .foundry-logos--marquee .foundry-logos__items, .foundry-logos--marquee .foundry-logos__item { width: auto; } .foundry-logos--marquee .foundry-logos__item-link, .foundry-logos--marquee .foundry-logos__item-content { border-radius: var(--foundry-logos-pill-radius, 999px); } } .foundry-author-bio, .foundry-author-bio * { box-sizing: border-box; color: var(--foundry-text, #0f172a); } .foundry-author-bio { --foundry-author-bio-section-space: var(--foundry-section-space, clamp(3rem, 7vw, 5rem)); --foundry-author-bio-avatar-size: 5rem; --foundry-author-bio-avatar-minimal: 3.5rem; --foundry-author-bio-container-max: var(--foundry-container-wide, var(--foundry-wide-container-max, 72rem)); --foundry-author-bio-text: var(--foundry-text-muted, #475569); --foundry-author-bio-border: var(--foundry-border, #e2e8f0); padding-block: var(--foundry-author-bio-section-space); } .foundry-author-bio__inner { width: min(100% - (2 * var(--foundry-container-gutter, clamp(1.25rem, 4vw, 4rem))), var(--foundry-author-bio-container-max)); margin-inline: auto; } .foundry-author-bio__card { display: grid; gap: 1rem; background: var(--foundry-surface, #ffffff); border: 1px solid var(--foundry-author-bio-border); border-radius: var(--foundry-radius-lg, 1.15rem); padding: clamp(1rem, 2.6vw, 1.45rem); box-shadow: var(--foundry-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.1)); } .foundry-author-bio__card--inline { border-left: 0; border-right: 0; border-top: 1px solid var(--foundry-author-bio-border); border-bottom: 0; border-radius: 0; padding-inline: 0; padding-top: 1.5rem; background: transparent; box-shadow: none; } .foundry-author-bio__card--minimal { border: 0; box-shadow: none; padding: 0; background: transparent; } .foundry-author-bio__layout { display: flex; align-items: flex-start; gap: 1rem; min-width: 0; } .foundry-author-bio__avatar-wrap { flex: 0 0 auto; } .foundry-author-bio__avatar { width: var(--foundry-author-bio-avatar-size); height: var(--foundry-author-bio-avatar-size); border-radius: 9999px; display: inline-block; background: var(--foundry-surface-soft, #f8fafc); border: 1px solid var(--foundry-author-bio-border); object-fit: cover; object-position: center; } .foundry-author-bio__avatar--placeholder { display: inline-flex; align-items: center; justify-content: center; background: var(--foundry-text, #0f172a); color: var(--foundry-text-on-dark, #ffffff); font-size: 0.95rem; font-weight: 700; } .foundry-author-bio--minimal .foundry-author-bio__avatar, .foundry-author-bio--minimal .foundry-author-bio__avatar--placeholder { width: var(--foundry-author-bio-avatar-minimal); height: var(--foundry-author-bio-avatar-minimal); } .foundry-author-bio__copy { min-width: 0; } .foundry-author-bio__name { margin: 0; color: var(--foundry-text, #0f172a); font-family: var(--foundry-font-heading, inherit); font-size: clamp(1.25rem, 2.5vw, 1.6rem); line-height: 1.15; letter-spacing: -0.01em; } .foundry-author-bio__meta { margin: 0.45rem 0 0; color: var(--foundry-author-bio-text); font-size: 0.93rem; line-height: 1.4; } .foundry-author-bio__bio { margin-top: 1rem; max-width: 70ch; color: var(--foundry-author-bio-text); font-size: 0.95rem; line-height: 1.72; } .foundry-author-bio__bio > :first-child { margin-top: 0; } .foundry-author-bio__bio > :last-child { margin-bottom: 0; } .foundry-author-bio__links { margin-top: 1rem; display: flex; flex-wrap: wrap; gap: 0.75rem 1rem; font-size: 0.9rem; } .foundry-author-bio__link { display: inline-flex; align-items: center; gap: 0.4rem; color: var(--foundry-text, #0f172a); text-decoration: underline; text-underline-offset: 0.24em; text-decoration-thickness: 1.5px; font-weight: 650; } .foundry-author-bio__link:hover { color: var(--foundry-brand-accent, #1d4ed8); } .foundry-author-bio__link:focus-visible { outline: 2px solid var(--foundry-focus, var(--foundry-brand-accent, #1d4ed8)); outline-offset: 0.1rem; border-radius: 0.3rem; } .foundry-author-bio__link-icon { width: 1rem; height: 1rem; } .foundry-author-bio__more { margin-top: 1rem; } .foundry-author-bio__empty { border: 1px dashed var(--foundry-border-strong, #cbd5e1); border-radius: 0.75rem; padding: 0.9rem; background: var(--foundry-surface-soft, #f8fafc); } .foundry-author-bio__empty-text { margin: 0; color: var(--foundry-text-muted, #475569); font-size: 0.9rem; } @media (max-width: 35rem) { .foundry-author-bio__layout { flex-direction: column; } .foundry-author-bio__avatar, .foundry-author-bio__avatar--placeholder { width: var(--foundry-author-bio-avatar-minimal); height: var(--foundry-author-bio-avatar-minimal); } .foundry-author-bio__card--inline { padding-top: 1rem; } } .foundry-timeline, .foundry-timeline * { box-sizing: border-box; } .foundry-timeline { --foundry-timeline-ink: var(--foundry-text, #0f172a); --foundry-timeline-muted: var(--foundry-text-muted, #475569); --foundry-timeline-surface: var(--foundry-surface, #fff); --foundry-timeline-soft: var(--foundry-surface-soft, #f8fafc); --foundry-timeline-rule: var(--foundry-border, #d7dee8); --foundry-timeline-accent: var(--foundry-brand-accent, var(--foundry-brand, #0f172a)); --foundry-timeline-radius: var(--foundry-radius-lg, 1.25rem); color: var(--foundry-timeline-ink); padding-block: clamp(4rem, 9vw, 8rem); overflow: clip; } .foundry-timeline__inner { width: min(calc(100% - 3rem), var(--foundry-timeline-container-max, 74rem)); margin-inline: auto; } .foundry-timeline__header { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(18rem, 0.75fr); gap: clamp(1.5rem, 4vw, 5rem); align-items: end; margin-block-end: clamp(2.75rem, 6vw, 5.5rem); } .foundry-timeline__title { max-width: 15ch; margin: 0; color: var(--foundry-timeline-ink); font-family: var(--foundry-font-family-heading, inherit); font-size: clamp(2.5rem, 5.5vw, 5.75rem); font-weight: 650; line-height: 0.98; letter-spacing: -0.045em; text-wrap: balance; } .foundry-timeline__subtitle { max-width: 42rem; color: var(--foundry-timeline-muted); font-size: clamp(1rem, 1.45vw, 1.2rem); line-height: 1.7; } .foundry-timeline__subtitle > :first-child, .foundry-timeline__text > :first-child { margin-block-start: 0; } .foundry-timeline__subtitle > :last-child, .foundry-timeline__text > :last-child { margin-block-end: 0; } .foundry-timeline__list { margin: 0; padding: 0; list-style: none; } .foundry-timeline__item { min-width: 0; } .foundry-timeline__marker { display: grid; place-items: center; color: var(--foundry-timeline-accent); font-size: 0.72rem; font-weight: 750; line-height: 1; letter-spacing: 0.08em; } .foundry-timeline__date, .foundry-timeline__badge { margin: 0; font-size: 0.75rem; font-weight: 750; line-height: 1.4; letter-spacing: 0.1em; text-transform: uppercase; } .foundry-timeline__date { color: var(--foundry-timeline-ink); } .foundry-timeline__badge { width: fit-content; margin-block-start: 0.55rem; color: var(--foundry-timeline-muted); } .foundry-timeline__event-title { margin: 0; color: var(--foundry-timeline-ink); font-family: var(--foundry-font-family-heading, inherit); font-size: clamp(1.35rem, 2.4vw, 2.15rem); font-weight: 650; line-height: 1.08; letter-spacing: -0.025em; text-wrap: balance; } .foundry-timeline__text { max-width: 48rem; margin-block-start: 0.8rem; color: var(--foundry-timeline-muted); line-height: 1.7; } .foundry-timeline__link { display: inline-flex; gap: 0.5rem; align-items: center; min-height: 2.75rem; margin-block-start: 1.2rem; color: var(--foundry-timeline-ink); font-size: 0.88rem; font-weight: 700; text-decoration-color: color-mix(in srgb, currentColor 35%, transparent); text-underline-offset: 0.3em; } .foundry-timeline__link:hover { text-decoration-color: currentColor; } .foundry-timeline__link:focus-visible { border-radius: 0.2rem; outline: 3px solid var(--foundry-focus, #2563eb); outline-offset: 4px; } .foundry-timeline--vertical .foundry-timeline__item { position: relative; display: grid; grid-template-columns: 8rem 2.5rem minmax(0, 1fr); gap: clamp(0.75rem, 2vw, 1.5rem); padding-block-end: clamp(2.5rem, 5vw, 4.5rem); } .foundry-timeline--vertical .foundry-timeline__item:last-child { padding-block-end: 0; } .foundry-timeline--vertical .foundry-timeline__meta { grid-column: 1; grid-row: 1; padding-block-start: 0.25rem; text-align: end; } .foundry-timeline--vertical .foundry-timeline__marker { position: relative; z-index: 1; grid-column: 2; grid-row: 1; align-self: start; width: 2.5rem; height: 2.5rem; border: 1px solid var(--foundry-timeline-accent); border-radius: 999px; background: var(--foundry-timeline-surface); } .foundry-timeline--vertical .foundry-timeline__item:not(:last-child)::after { position: absolute; top: 2.5rem; bottom: 0; left: calc(8rem + clamp(0.75rem, 2vw, 1.5rem) + 1.25rem); width: 1px; background: var(--foundry-timeline-rule); content: ""; } .foundry-timeline--vertical .foundry-timeline__content { grid-column: 3; grid-row: 1; max-width: 52rem; padding-block-start: 0.1rem; } .foundry-timeline--cards .foundry-timeline__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1rem, 2.4vw, 2rem); } .foundry-timeline--cards .foundry-timeline__item { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "meta marker" "content content"; min-height: clamp(19rem, 31vw, 27rem); padding: clamp(1.5rem, 3vw, 2.75rem); border: 1px solid var(--foundry-timeline-rule); border-radius: var(--foundry-timeline-radius); background: var(--foundry-timeline-soft); } .foundry-timeline--cards .foundry-timeline__marker { grid-area: marker; color: color-mix(in srgb, var(--foundry-timeline-accent) 72%, transparent); font-family: var(--foundry-font-family-heading, inherit); font-size: clamp(2.4rem, 5vw, 4.75rem); font-weight: 500; letter-spacing: -0.06em; } .foundry-timeline--cards .foundry-timeline__meta { grid-area: meta; padding-block-start: 0.35rem; } .foundry-timeline--cards .foundry-timeline__content { grid-area: content; align-self: end; padding-block-start: clamp(3rem, 8vw, 7rem); } .foundry-timeline--cards .foundry-timeline__item:nth-child(4n + 1) { --foundry-timeline-soft: color-mix(in srgb, var(--foundry-timeline-accent) 8%, var(--foundry-surface, #fff)); } .foundry-timeline--compact .foundry-timeline__item { display: grid; grid-template-columns: minmax(6.5rem, 9rem) 2rem minmax(0, 1fr); gap: clamp(0.75rem, 2vw, 1.75rem); padding-block: clamp(1.35rem, 2.7vw, 2rem); border-block-start: 1px solid var(--foundry-timeline-rule); } .foundry-timeline--compact .foundry-timeline__item:last-child { border-block-end: 1px solid var(--foundry-timeline-rule); } .foundry-timeline--compact .foundry-timeline__marker { grid-column: 2; grid-row: 1; align-self: start; width: 2rem; height: 2rem; border-radius: 999px; background: var(--foundry-timeline-soft); } .foundry-timeline--compact .foundry-timeline__meta { grid-column: 1; grid-row: 1; } .foundry-timeline--compact .foundry-timeline__content { grid-column: 3; grid-row: 1; } .foundry-timeline--compact .foundry-timeline__event-title { font-size: clamp(1.1rem, 1.8vw, 1.45rem); } .foundry-timeline--compact .foundry-timeline__text { margin-block-start: 0.45rem; font-size: 0.94rem; } .foundry-timeline__empty { padding: 2rem; border: 1px dashed var(--foundry-timeline-rule); border-radius: var(--foundry-timeline-radius); color: var(--foundry-timeline-muted); background: var(--foundry-timeline-soft); } .foundry-timeline__empty p { margin: 0; } @media (max-width: 48rem) { .foundry-timeline__header { grid-template-columns: minmax(0, 1fr); align-items: start; } .foundry-timeline--cards .foundry-timeline__list { grid-template-columns: minmax(0, 1fr); } .foundry-timeline--cards .foundry-timeline__item { min-height: 0; } .foundry-timeline--cards .foundry-timeline__content { padding-block-start: clamp(2.5rem, 12vw, 5rem); } } @media (max-width: 38rem) { .foundry-timeline__inner { width: min(calc(100% - 2rem), var(--foundry-timeline-container-max, 74rem)); } .foundry-timeline--vertical .foundry-timeline__item, .foundry-timeline--compact .foundry-timeline__item { grid-template-columns: 2.5rem minmax(0, 1fr); gap: 0.5rem 1rem; } .foundry-timeline--vertical .foundry-timeline__meta, .foundry-timeline--compact .foundry-timeline__meta { grid-column: 2; grid-row: 1; text-align: start; } .foundry-timeline--vertical .foundry-timeline__marker, .foundry-timeline--compact .foundry-timeline__marker { grid-column: 1; grid-row: 1 / span 2; } .foundry-timeline--vertical .foundry-timeline__content, .foundry-timeline--compact .foundry-timeline__content { grid-column: 2; grid-row: 2; } .foundry-timeline--vertical .foundry-timeline__item:not(:last-child)::after { left: 1.23rem; } } .foundry-pricing-tiers, .foundry-pricing-tiers * { box-sizing: border-box; } .foundry-pricing-tiers { --foundry-pricing-tiers-ink: var(--foundry-text, #0f172a); --foundry-pricing-tiers-muted: var(--foundry-text-muted, #475569); --foundry-pricing-tiers-surface: var(--foundry-surface, #fff); --foundry-pricing-tiers-soft: var(--foundry-surface-soft, #f8fafc); --foundry-pricing-tiers-border: var(--foundry-border, #e2e8f0); --foundry-pricing-tiers-accent: var(--foundry-brand, #0f172a); --foundry-pricing-tiers-accent-ink: var(--foundry-brand-contrast, #fff); --foundry-pricing-tiers-radius: var(--foundry-radius-lg, 1.25rem); color: var(--foundry-pricing-tiers-ink); padding-block: clamp(3.5rem, 7vw, 6rem); } .foundry-pricing-tiers__inner { width: min(calc(100% - 3rem), var(--foundry-pricing-tiers-container-max, 72rem)); margin-inline: auto; } .foundry-pricing-tiers__header { max-width: var(--foundry-pricing-tiers-header-measure, 48rem); } .foundry-pricing-tiers__eyebrow { margin: 0; color: var(--foundry-pricing-tiers-muted); font-size: 0.78rem; font-weight: 700; letter-spacing: 0.18em; line-height: 1.4; text-transform: uppercase; } .foundry-pricing-tiers__title { margin: 0.5rem 0 0; color: var(--foundry-pricing-tiers-ink); font-size: clamp(2.1rem, 4vw, 3.5rem); font-weight: 750; letter-spacing: -0.04em; line-height: 1.02; } .foundry-pricing-tiers__introduction { max-width: 44rem; margin-block-start: 1rem; color: var(--foundry-pricing-tiers-muted); line-height: 1.6; } .foundry-pricing-tiers__introduction > :first-child, .foundry-pricing-tiers__description > :first-child, .foundry-pricing-tiers__fit-reason > :first-child { margin-block-start: 0; } .foundry-pricing-tiers__introduction > :last-child, .foundry-pricing-tiers__description > :last-child, .foundry-pricing-tiers__fit-reason > :last-child { margin-block-end: 0; } .foundry-pricing-tiers__collection { display: grid; gap: 1.5rem; margin-block-start: 2.5rem; } .foundry-pricing-tiers--grid .foundry-pricing-tiers__collection { grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr)); } .foundry-pricing-tiers__tier { display: flex; flex-direction: column; min-width: 0; height: 100%; padding: 1.5rem; border: 1px solid var(--foundry-pricing-tiers-border); border-radius: var(--foundry-pricing-tiers-radius); background: var(--foundry-pricing-tiers-surface); } .foundry-pricing-tiers--ui-cards .foundry-pricing-tiers__tier { box-shadow: var(--foundry-shadow-sm, 0 1px 3px rgb(15 23 42 / 12%)); } .foundry-pricing-tiers--plain.foundry-pricing-tiers--grid .foundry-pricing-tiers__tier { padding-inline: 0; border-width: 1px 0 0; border-radius: 0; background: transparent; } .foundry-pricing-tiers__badge { display: inline-flex; width: fit-content; margin: 0 0 0.9rem; padding: 0.35rem 0.7rem; border: 1px solid var(--foundry-pricing-tiers-border); border-radius: 999px; color: var(--foundry-pricing-tiers-muted); font-size: 0.72rem; font-weight: 700; letter-spacing: 0.08em; line-height: 1.2; text-transform: uppercase; } .foundry-pricing-tiers__name { margin: 0; color: inherit; font-size: clamp(1.25rem, 2.2vw, 1.65rem); line-height: 1.15; } .foundry-pricing-tiers__description { margin-block-start: 0.8rem; color: var(--foundry-pricing-tiers-muted); font-size: 0.95rem; line-height: 1.65; } .foundry-pricing-tiers__price-line { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.35rem 0.6rem; margin: 1.25rem 0 0; } .foundry-pricing-tiers__price { font-size: clamp(1.8rem, 3vw, 2.65rem); font-weight: 780; letter-spacing: -0.035em; line-height: 1; } .foundry-pricing-tiers__cadence, .foundry-pricing-tiers__price-note, .foundry-pricing-tiers__best-for { color: var(--foundry-pricing-tiers-muted); font-size: 0.82rem; line-height: 1.5; } .foundry-pricing-tiers__price-note { margin: 0.45rem 0 0; } .foundry-pricing-tiers__fit-reason, .foundry-pricing-tiers__best-for { margin-block-start: 1rem; } .foundry-pricing-tiers__fit-reason { padding-block-start: 1rem; border-block-start: 1px solid currentColor; font-size: 0.9rem; line-height: 1.55; } .foundry-pricing-tiers__best-for { margin-block-end: 0; } .foundry-pricing-tiers__features { display: grid; gap: 0.7rem; margin: 1.5rem 0 0; padding: 0; color: var(--foundry-pricing-tiers-muted); font-size: 0.9rem; line-height: 1.5; list-style: none; } .foundry-pricing-tiers__feature { display: grid; grid-template-columns: 1rem minmax(0, 1fr); gap: 0.6rem; } .foundry-pricing-tiers__feature > :first-child { color: var(--foundry-pricing-tiers-accent); font-weight: 800; } .foundry-pricing-tiers__action { margin-block-start: auto; padding-block-start: 1.75rem; } .foundry-pricing-tiers__button { min-height: 2.75rem; } .foundry-pricing-tiers--featured .foundry-pricing-tiers__collection { grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; } .foundry-pricing-tiers--featured .foundry-pricing-tiers__tier { align-self: center; height: auto; } .foundry-pricing-tiers--featured .foundry-pricing-tiers__tier--featured { align-self: stretch; padding: clamp(1.75rem, 3vw, 2.5rem); border-color: var(--foundry-pricing-tiers-accent); color: var(--foundry-pricing-tiers-accent-ink); background: var(--foundry-pricing-tiers-accent); box-shadow: var(--foundry-shadow-lg, 0 1.5rem 3rem rgb(15 23 42 / 18%)); } .foundry-pricing-tiers__tier--featured .foundry-pricing-tiers__badge, .foundry-pricing-tiers__tier--featured .foundry-pricing-tiers__fit-reason { border-color: color-mix(in srgb, currentColor 30%, transparent); } .foundry-pricing-tiers__tier--featured .foundry-pricing-tiers__badge, .foundry-pricing-tiers__tier--featured .foundry-pricing-tiers__description, .foundry-pricing-tiers__tier--featured .foundry-pricing-tiers__cadence, .foundry-pricing-tiers__tier--featured .foundry-pricing-tiers__price-note, .foundry-pricing-tiers__tier--featured .foundry-pricing-tiers__best-for, .foundry-pricing-tiers__tier--featured .foundry-pricing-tiers__features, .foundry-pricing-tiers__tier--featured .foundry-pricing-tiers__feature > :first-child { color: inherit; } .foundry-pricing-tiers--stacked .foundry-pricing-tiers__collection { grid-template-columns: minmax(0, 1fr); gap: 1rem; } .foundry-pricing-tiers--stacked .foundry-pricing-tiers__tier { display: grid; grid-template-columns: minmax(0, 15rem) minmax(0, 1fr) auto; gap: 1.25rem 2rem; align-items: start; } .foundry-pricing-tiers--stacked .foundry-pricing-tiers__features { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-block-start: 0; } .foundry-pricing-tiers--stacked .foundry-pricing-tiers__action { margin-block-start: 0; padding-block-start: 0; } .foundry-pricing-tiers__empty { margin-block-start: 2rem; padding: 1.25rem; border: 1px dashed var(--foundry-pricing-tiers-border); color: var(--foundry-pricing-tiers-muted); } @media (max-width: 56rem) { .foundry-pricing-tiers--featured .foundry-pricing-tiers__collection { grid-template-columns: minmax(0, 1fr); } .foundry-pricing-tiers--featured .foundry-pricing-tiers__tier, .foundry-pricing-tiers--featured .foundry-pricing-tiers__tier--featured { align-self: stretch; } .foundry-pricing-tiers--stacked .foundry-pricing-tiers__tier { grid-template-columns: minmax(0, 1fr); } .foundry-pricing-tiers--stacked .foundry-pricing-tiers__features { grid-template-columns: minmax(0, 1fr); } } @media (max-width: 44rem) { .foundry-pricing-tiers__inner { width: min(calc(100% - 2rem), 40rem); } .foundry-pricing-tiers__action .foundry-button { width: 100%; justify-content: center; } } .foundry-pricing-comparison, .foundry-pricing-comparison * { box-sizing: border-box; } .foundry-pricing-comparison { --foundry-pricing-comparison-ink: var(--color-text, #1e2430); --foundry-pricing-comparison-muted: var(--color-text-muted, #5f6672); --foundry-pricing-comparison-surface: var(--color-surface, #fff); --foundry-pricing-comparison-soft: var(--color-surface-alt, #f4f5f2); --foundry-pricing-comparison-accent: var(--color-primary, #315c4d); --foundry-pricing-comparison-accent-ink: var(--color-primary-contrast, #fff); --foundry-pricing-comparison-rule: color-mix(in srgb, var(--foundry-pricing-comparison-ink) 18%, transparent); --foundry-pricing-comparison-radius: var(--radius-lg, 1.25rem); color: var(--foundry-pricing-comparison-ink); background: var(--foundry-pricing-comparison-section-background, transparent); } .foundry-pricing-comparison__inner { width: min(100% - 2rem, var(--container-xl, 76rem)); margin-inline: auto; padding-block: clamp(4rem, 8vw, 8rem); } .foundry-pricing-comparison__header { display: grid; grid-template-columns: minmax(0, 0.72fr) minmax(18rem, 0.28fr); gap: clamp(1.5rem, 5vw, 5rem); align-items: end; margin-block-end: clamp(2.25rem, 5vw, 4.5rem); } .foundry-pricing-comparison__eyebrow { grid-column: 1 / -1; margin: 0 0 -0.65rem; color: var(--foundry-pricing-comparison-accent); font-family: var(--font-sans, sans-serif); font-size: 0.75rem; font-weight: 700; letter-spacing: 0.14em; line-height: 1.3; text-transform: uppercase; } .foundry-pricing-comparison__title { max-width: 16ch; margin: 0; font-family: var(--font-display, var(--font-heading, serif)); font-size: clamp(2.35rem, 5.6vw, 5.6rem); font-weight: var(--font-heading-weight, 600); letter-spacing: -0.045em; line-height: 0.98; text-wrap: balance; } .foundry-pricing-comparison__introduction { max-width: 38rem; color: var(--foundry-pricing-comparison-muted); font-size: clamp(1rem, 1.5vw, 1.2rem); line-height: 1.65; } .foundry-pricing-comparison__introduction > :first-child, .foundry-pricing-comparison__description > :first-child, .foundry-pricing-comparison__fit-reason > :first-child, .foundry-pricing-comparison__value-text > :first-child, .foundry-pricing-comparison__value-details > :first-child, .foundry-pricing-comparison__criterion-details > :first-child, .foundry-pricing-comparison__footnote > :first-child { margin-block-start: 0; } .foundry-pricing-comparison__introduction > :last-child, .foundry-pricing-comparison__description > :last-child, .foundry-pricing-comparison__fit-reason > :last-child, .foundry-pricing-comparison__value-text > :last-child, .foundry-pricing-comparison__value-details > :last-child, .foundry-pricing-comparison__criterion-details > :last-child, .foundry-pricing-comparison__footnote > :last-child { margin-block-end: 0; } .foundry-pricing-comparison__badge { display: inline-flex; width: fit-content; margin: 0 0 0.75rem; padding: 0.35rem 0.6rem; border-radius: 999px; color: var(--foundry-pricing-comparison-accent); background: color-mix(in srgb, var(--foundry-pricing-comparison-accent) 10%, transparent); font-family: var(--font-sans, sans-serif); font-size: 0.69rem; font-weight: 750; letter-spacing: 0.09em; line-height: 1.2; text-transform: uppercase; } .foundry-pricing-comparison__plan-name { display: block; margin: 0; font-family: var(--font-heading, var(--font-sans, sans-serif)); font-size: clamp(1.15rem, 1.7vw, 1.55rem); font-weight: 700; line-height: 1.15; } .foundry-pricing-comparison__price-line { margin: 1rem 0 0; } .foundry-pricing-comparison__price { display: inline-block; font-family: var(--font-display, var(--font-heading, serif)); font-size: clamp(1.75rem, 3vw, 3rem); font-weight: 650; letter-spacing: -0.035em; line-height: 1; } .foundry-pricing-comparison__cadence, .foundry-pricing-comparison__price-note { color: var(--foundry-pricing-comparison-muted); font-size: 0.83rem; font-weight: 500; line-height: 1.45; } .foundry-pricing-comparison__price-note { display: block; margin: 0.5rem 0 0; } .foundry-pricing-comparison__description, .foundry-pricing-comparison__best-for { color: var(--foundry-pricing-comparison-muted); font-size: 0.95rem; line-height: 1.6; } .foundry-pricing-comparison__description { margin-block-start: 1.15rem; } .foundry-pricing-comparison__best-for { margin: 1rem 0 0; } .foundry-pricing-comparison__best-for strong, .foundry-pricing-comparison__fit-reason strong { color: var(--foundry-pricing-comparison-ink); } .foundry-pricing-comparison__action { margin-block-start: 1.5rem; } .foundry-pricing-comparison__button { min-height: 2.75rem; } .foundry-pricing-comparison__matrix-wrap { max-width: 100%; overflow-x: auto; border-block: 1px solid var(--foundry-pricing-comparison-rule); outline: none; } .foundry-pricing-comparison__matrix-wrap:focus-visible { outline: 3px solid color-mix(in srgb, var(--foundry-pricing-comparison-accent) 55%, transparent); outline-offset: 4px; } .foundry-pricing-comparison__matrix { width: 100%; min-width: 46rem; border-collapse: collapse; table-layout: fixed; } .foundry-pricing-comparison__matrix-mobile-plans { display: none; } .foundry-pricing-comparison__caption { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .foundry-pricing-comparison__criterion-heading, .foundry-pricing-comparison__plan-heading, .foundry-pricing-comparison__criterion-label, .foundry-pricing-comparison__value { padding: clamp(1rem, 2.2vw, 1.75rem); border-block-end: 1px solid var(--foundry-pricing-comparison-rule); text-align: start; vertical-align: top; } .foundry-pricing-comparison__criterion-heading, .foundry-pricing-comparison__criterion-label { width: 28%; } .foundry-pricing-comparison__criterion-heading { color: var(--foundry-pricing-comparison-muted); font-size: 0.7rem; letter-spacing: 0.1em; text-transform: uppercase; } .foundry-pricing-comparison__plan-heading { position: relative; background: var(--foundry-pricing-comparison-surface); } .foundry-pricing-comparison__plan-heading--highlight { background: var(--foundry-pricing-comparison-soft); box-shadow: inset 0 0.22rem 0 var(--foundry-pricing-comparison-accent); } .foundry-pricing-comparison__plan-heading .foundry-pricing-comparison__price { display: block; margin-block-start: 1.15rem; font-size: clamp(1.45rem, 2.4vw, 2.45rem); } .foundry-pricing-comparison__heading-fit-reason { display: block; margin-block-start: 1rem; padding-block-start: 0.85rem; border-block-start: 1px solid var(--foundry-pricing-comparison-rule); color: var(--foundry-pricing-comparison-muted); font-size: 0.72rem; font-weight: 450; line-height: 1.5; } .foundry-pricing-comparison__heading-fit-reason strong { color: var(--foundry-pricing-comparison-ink); } .foundry-pricing-comparison__criterion-label { font-size: 0.94rem; font-weight: 700; line-height: 1.45; } .foundry-pricing-comparison__criterion-details { display: block; margin-block-start: 0.45rem; color: var(--foundry-pricing-comparison-muted); font-size: 0.78rem; font-weight: 400; line-height: 1.5; } .foundry-pricing-comparison__value { font-size: 0.92rem; line-height: 1.5; } .foundry-pricing-comparison__state { display: inline-flex; align-items: center; gap: 0.42rem; color: var(--foundry-pricing-comparison-ink); font-size: 0.78rem; font-weight: 750; } .foundry-pricing-comparison__state::before { display: block; width: 0.6rem; height: 0.6rem; border: 1px solid currentColor; border-radius: 50%; content: ""; } .foundry-pricing-comparison__value--included .foundry-pricing-comparison__state::before { border-color: var(--foundry-pricing-comparison-accent); background: var(--foundry-pricing-comparison-accent); } .foundry-pricing-comparison__value--not-included .foundry-pricing-comparison__state { color: var(--foundry-pricing-comparison-muted); } .foundry-pricing-comparison__value--not-included .foundry-pricing-comparison__state::before { border-radius: 0; border-width: 0 0 1px; } .foundry-pricing-comparison__value--limited .foundry-pricing-comparison__state::before { background: linear-gradient(90deg, var(--foundry-pricing-comparison-accent) 50%, transparent 50%); } .foundry-pricing-comparison__value--custom .foundry-pricing-comparison__state::before { border-radius: 0.1rem; transform: rotate(45deg); } .foundry-pricing-comparison__value-text, .foundry-pricing-comparison__value-details { margin-block-start: 0.45rem; } .foundry-pricing-comparison__value-details { color: var(--foundry-pricing-comparison-muted); font-size: 0.78rem; } .foundry-pricing-comparison__ledger { border-block: 1px solid var(--foundry-pricing-comparison-rule); } .foundry-pricing-comparison__ledger-plan { display: grid; grid-template-columns: minmax(12rem, 0.85fr) minmax(18rem, 1.45fr) minmax(9rem, 0.55fr); gap: clamp(1.5rem, 4vw, 4rem); align-items: start; padding-block: clamp(2rem, 4vw, 3.5rem); border-block-end: 1px solid var(--foundry-pricing-comparison-rule); } .foundry-pricing-comparison__ledger-plan:last-child { border-block-end: 0; } .foundry-pricing-comparison__ledger-plan--highlight { padding-inline: clamp(1rem, 3vw, 2.5rem); background: linear-gradient(90deg, color-mix(in srgb, var(--foundry-pricing-comparison-accent) 9%, transparent), transparent 75%); box-shadow: inset 0.2rem 0 0 var(--foundry-pricing-comparison-accent); } .foundry-pricing-comparison__fit-reason { max-width: 42rem; margin-block-start: 1.15rem; padding-inline-start: 1rem; border-inline-start: 2px solid var(--foundry-pricing-comparison-accent); color: var(--foundry-pricing-comparison-muted); font-size: 0.86rem; line-height: 1.55; } .foundry-pricing-comparison__plan-criteria { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; } .foundry-pricing-comparison__plan-criteria > li { display: grid; grid-template-columns: minmax(8rem, 0.85fr) minmax(10rem, 1.15fr); gap: 1rem; padding-block: 0.78rem; border-block-end: 1px solid var(--foundry-pricing-comparison-rule); font-size: 0.88rem; line-height: 1.45; } .foundry-pricing-comparison__plan-criteria > li:first-child { padding-block-start: 0; } .foundry-pricing-comparison__plan-criteria > li:last-child { border-block-end: 0; } .foundry-pricing-comparison__plan-criteria > li > span { color: var(--foundry-pricing-comparison-muted); } .foundry-pricing-comparison__plan-criteria > li > strong { font-weight: 650; } .foundry-pricing-comparison__plan-criteria > li > small { grid-column: 2; color: var(--foundry-pricing-comparison-muted); font-size: 0.76rem; } .foundry-pricing-comparison__legacy-feature { grid-template-columns: auto 1fr !important; justify-content: start; } .foundry-pricing-comparison__legacy-feature > span { color: var(--foundry-pricing-comparison-accent) !important; } .foundry-pricing-comparison__ledger-plan > .foundry-pricing-comparison__action { margin: 0; } .foundry-pricing-comparison__guided { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(17rem, 0.6fr); gap: clamp(1rem, 3vw, 2.5rem); align-items: stretch; } .foundry-pricing-comparison__focus-plan { display: grid; grid-template-columns: minmax(12rem, 0.7fr) minmax(16rem, 1.3fr); gap: clamp(2rem, 5vw, 5rem); padding: clamp(2rem, 5vw, 4.5rem); border-radius: var(--foundry-pricing-comparison-radius); color: var(--foundry-pricing-comparison-guided-ink, var(--foundry-pricing-comparison-accent-ink)); background: var(--foundry-pricing-comparison-guided-background, var(--foundry-pricing-comparison-accent)); } .foundry-pricing-comparison__focus-plan .foundry-pricing-comparison__badge { color: inherit; background: color-mix(in srgb, currentColor 14%, transparent); } .foundry-pricing-comparison__focus-plan .foundry-pricing-comparison__cadence, .foundry-pricing-comparison__focus-plan .foundry-pricing-comparison__price-note, .foundry-pricing-comparison__focus-plan .foundry-pricing-comparison__description, .foundry-pricing-comparison__focus-plan .foundry-pricing-comparison__best-for, .foundry-pricing-comparison__focus-plan .foundry-pricing-comparison__fit-reason, .foundry-pricing-comparison__focus-plan .foundry-pricing-comparison__plan-criteria > li > span, .foundry-pricing-comparison__focus-plan .foundry-pricing-comparison__plan-criteria > li > small { color: color-mix(in srgb, var(--foundry-pricing-comparison-guided-ink, var(--foundry-pricing-comparison-accent-ink)) 78%, transparent); } .foundry-pricing-comparison__focus-plan .foundry-pricing-comparison__best-for strong, .foundry-pricing-comparison__focus-plan .foundry-pricing-comparison__fit-reason strong, .foundry-pricing-comparison__focus-plan .foundry-pricing-comparison__plan-criteria > li > strong { color: var(--foundry-pricing-comparison-guided-ink, var(--foundry-pricing-comparison-accent-ink)); } .foundry-pricing-comparison__focus-plan .foundry-pricing-comparison__fit-reason, .foundry-pricing-comparison__focus-plan .foundry-pricing-comparison__plan-criteria > li { border-color: color-mix(in srgb, currentColor 28%, transparent); } .foundry-pricing-comparison__alternatives { display: grid; align-content: start; border-block-start: 1px solid var(--foundry-pricing-comparison-rule); } .foundry-pricing-comparison__alternatives-label { margin: 0; padding: 1rem 0; color: var(--foundry-pricing-comparison-muted); font-size: 0.7rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; } .foundry-pricing-comparison__alternative { padding: clamp(1.35rem, 3vw, 2.25rem) 0; border-block-start: 1px solid var(--foundry-pricing-comparison-rule); } .foundry-pricing-comparison__alternative .foundry-pricing-comparison__price { font-size: clamp(1.5rem, 2.4vw, 2.2rem); } .foundry-pricing-comparison__footnote, .foundry-pricing-comparison__empty { max-width: 62rem; margin: 1.5rem 0 0; color: var(--foundry-pricing-comparison-muted); font-size: 0.78rem; line-height: 1.55; } .foundry-pricing-comparison__empty { padding: 1rem; border: 1px dashed var(--foundry-pricing-comparison-rule); } @media (max-width: 62rem) { .foundry-pricing-comparison__header, .foundry-pricing-comparison__guided, .foundry-pricing-comparison__focus-plan { grid-template-columns: minmax(0, 1fr); } .foundry-pricing-comparison__title, .foundry-pricing-comparison__introduction { max-width: 22ch; } .foundry-pricing-comparison__ledger-plan { grid-template-columns: minmax(11rem, 0.7fr) minmax(18rem, 1.3fr); } .foundry-pricing-comparison__ledger-plan > .foundry-pricing-comparison__action { grid-column: 2; } .foundry-pricing-comparison__alternatives { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1rem, 4vw, 3rem); } .foundry-pricing-comparison__alternatives-label { grid-column: 1 / -1; } } @media (max-width: 44rem) { .foundry-pricing-comparison__inner { width: min(100% - 1.25rem, var(--container-xl, 76rem)); padding-block: clamp(3rem, 14vw, 5rem); } .foundry-pricing-comparison__header { gap: 1.25rem; margin-block-end: 2.25rem; } .foundry-pricing-comparison__eyebrow { margin-block-end: 0; } .foundry-pricing-comparison__title, .foundry-pricing-comparison__introduction { max-width: none; } .foundry-pricing-comparison__matrix-wrap { overflow: visible; border: 0; } .foundry-pricing-comparison__matrix { min-width: 0; } .foundry-pricing-comparison__matrix-mobile-plans { display: grid; gap: 0; margin-block-end: 1rem; border: 1px solid var(--foundry-pricing-comparison-rule); border-radius: calc(var(--foundry-pricing-comparison-radius) * 0.7); overflow: hidden; background: var(--foundry-pricing-comparison-surface); } .foundry-pricing-comparison__matrix-mobile-plan { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0.35rem 1rem; align-items: end; padding: 1rem; border-block-end: 1px solid var(--foundry-pricing-comparison-rule); } .foundry-pricing-comparison__matrix-mobile-plan:last-child { border-block-end: 0; } .foundry-pricing-comparison__matrix-mobile-plan--highlight { background: var(--foundry-pricing-comparison-soft); box-shadow: inset 0.2rem 0 0 var(--foundry-pricing-comparison-accent); } .foundry-pricing-comparison__matrix-mobile-plan .foundry-pricing-comparison__badge, .foundry-pricing-comparison__matrix-mobile-plan .foundry-pricing-comparison__price-note { grid-column: 1 / -1; } .foundry-pricing-comparison__matrix-mobile-plan .foundry-pricing-comparison__badge { margin-block-end: 0.2rem; } .foundry-pricing-comparison__matrix-mobile-plan .foundry-pricing-comparison__plan-name { font-size: 1rem; } .foundry-pricing-comparison__matrix-mobile-plan .foundry-pricing-comparison__price-line { margin: 0; text-align: end; } .foundry-pricing-comparison__matrix-mobile-plan .foundry-pricing-comparison__price { font-size: 1.3rem; } .foundry-pricing-comparison__matrix thead { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .foundry-pricing-comparison__matrix tbody, .foundry-pricing-comparison__criterion, .foundry-pricing-comparison__criterion-label, .foundry-pricing-comparison__value { display: block; width: 100%; } .foundry-pricing-comparison__criterion { margin-block-end: 1rem; padding: 0; border: 1px solid var(--foundry-pricing-comparison-rule); border-radius: calc(var(--foundry-pricing-comparison-radius) * 0.7); overflow: hidden; background: var(--foundry-pricing-comparison-surface); } .foundry-pricing-comparison__criterion-label, .foundry-pricing-comparison__value { padding: 1rem; } .foundry-pricing-comparison__criterion-label { background: var(--foundry-pricing-comparison-soft); } .foundry-pricing-comparison__value::before { display: block; margin-block-end: 0.55rem; color: var(--foundry-pricing-comparison-muted); content: attr(data-label); font-size: 0.69rem; font-weight: 750; letter-spacing: 0.08em; text-transform: uppercase; } .foundry-pricing-comparison__ledger-plan, .foundry-pricing-comparison__ledger-plan--highlight { grid-template-columns: minmax(0, 1fr); gap: 1.5rem; padding: 2rem 0; } .foundry-pricing-comparison__ledger-plan--highlight { padding-inline: 1rem; } .foundry-pricing-comparison__ledger-plan > .foundry-pricing-comparison__action { grid-column: auto; } .foundry-pricing-comparison__plan-criteria > li { grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr); } .foundry-pricing-comparison__focus-plan { gap: 2rem; padding: 1.5rem; } .foundry-pricing-comparison__alternatives { grid-template-columns: minmax(0, 1fr); gap: 0; } .foundry-pricing-comparison__alternative + .foundry-pricing-comparison__alternative { border-block-start: 1px solid var(--foundry-pricing-comparison-rule); } }}