.bg{background-color:#f7f7f7}.chroma{background-color:#f7f7f7;-webkit-text-size-adjust:none}.chroma .err{color:#f6f8fa;background-color:#82071e}.chroma .lnlinks{outline:none;text-decoration:none;color:inherit}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0}.chroma .hl{background-color:#dedede}.chroma .lnt{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#7f7f7f}.chroma .ln{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#7f7f7f}.chroma .line{display:flex}.chroma .k{color:#cf222e}.chroma .kc{color:#cf222e}.chroma .kd{color:#cf222e}.chroma .kn{color:#cf222e}.chroma .kp{color:#cf222e}.chroma .kr{color:#cf222e}.chroma .kt{color:#cf222e}.chroma .na{color:#1f2328}.chroma .nc{color:#1f2328}.chroma .no{color:#0550ae}.chroma .nd{color:#0550ae}.chroma .ni{color:#6639ba}.chroma .nl{color:#900;font-weight:700}.chroma .nn{color:#24292e}.chroma .nx{color:#1f2328}.chroma .nt{color:#0550ae}.chroma .nb{color:#6639ba}.chroma .bp{color:#6a737d}.chroma .nv{color:#953800}.chroma .vc{color:#953800}.chroma .vg{color:#953800}.chroma .vi{color:#953800}.chroma .vm{color:#953800}.chroma .nf{color:#6639ba}.chroma .fm{color:#6639ba}.chroma .s{color:#0a3069}.chroma .sa{color:#0a3069}.chroma .sb{color:#0a3069}.chroma .sc{color:#0a3069}.chroma .dl{color:#0a3069}.chroma .sd{color:#0a3069}.chroma .s2{color:#0a3069}.chroma .se{color:#0a3069}.chroma .sh{color:#0a3069}.chroma .si{color:#0a3069}.chroma .sx{color:#0a3069}.chroma .sr{color:#0a3069}.chroma .s1{color:#0a3069}.chroma .ss{color:#032f62}.chroma .m{color:#0550ae}.chroma .mb{color:#0550ae}.chroma .mf{color:#0550ae}.chroma .mh{color:#0550ae}.chroma .mi{color:#0550ae}.chroma .il{color:#0550ae}.chroma .mo{color:#0550ae}.chroma .o{color:#0550ae}.chroma .ow{color:#0550ae}.chroma .or{color:#0550ae}.chroma .p{color:#1f2328}.chroma .c{color:#57606a}.chroma .ch{color:#57606a}.chroma .cm{color:#57606a}.chroma .c1{color:#57606a}.chroma .cs{color:#57606a}.chroma .cp{color:#57606a}.chroma .cpf{color:#57606a}.chroma .gd{color:#82071e;background-color:#ffebe9}.chroma .ge{color:#1f2328}.chroma .gi{color:#116329;background-color:#dafbe1}.chroma .go{color:#1f2328}.chroma .gl{text-decoration:underline}.chroma .w{color:#fff}: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-property-amenities-tab-text:var(--foundry-text-muted, #475569);--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-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)));--foundry-layout-content-max:72rem;--foundry-layout-gutter:1.5rem}:where(.foundry-block),:where(.foundry-block *,.foundry-block *::before,.foundry-block *::after){box-sizing:border-box}:where(.foundry-block h1,.foundry-block h2,.foundry-block h3,.foundry-block p,.foundry-block li,.foundry-block figcaption){overflow-wrap:break-word}:where( .foundry-hero__inner,.foundry-post-hero__inner,.foundry-video-hero__inner,.foundry-coming-soon-hero__inner,.foundry-features__inner,.foundry-stats-grid__inner,.foundry-stats-band__inner,.foundry-media-sequence__inner,.foundry-media-text__inner,.foundry-pullquote__inner,.foundry-masonry-gallery__inner,.foundry-cta__inner,.foundry-cta-button-list__inner ){width:100%;margin-inline:auto;padding-inline:var(--foundry-layout-gutter,1.5rem)}:where(.foundry-post-hero__inner,.foundry-video-hero__inner,.foundry-features__inner,.foundry-stats-grid__inner,.foundry-stats-band__inner,.foundry-media-sequence__inner,.foundry-media-text__inner,.foundry-pullquote__inner,.foundry-masonry-gallery__inner){max-width:var(--foundry-layout-content-max,72rem)}:where(.foundry-hero__inner,.foundry-cta__inner){max-width:64rem}:where(.foundry-coming-soon-hero__inner,.foundry-cta-button-list__inner){max-width:56rem}:where(.foundry-hero,.foundry-post-hero,.foundry-video-hero,.foundry-coming-soon-hero,.foundry-features,.foundry-stats-grid,.foundry-media-sequence,.foundry-media-text,.foundry-pullquote,.foundry-masonry-gallery,.foundry-cta){padding-block:4rem}:where(.foundry-hero--media){position:relative;display:flex;min-height:28rem;align-items:center;overflow:hidden}:where(.foundry-hero__media,.foundry-hero__overlay,.foundry-hero__image){position:absolute;inset:0}:where(.foundry-hero__media){z-index:0}:where(.foundry-hero__overlay){z-index:10}:where(.foundry-hero__image){width:100%;height:100%;object-fit:cover}:where(.foundry-hero__inner){position:relative;z-index:20;text-align:center}:where(.foundry-hero--left .foundry-hero__inner){max-width:var(--foundry-layout-content-max,72rem);text-align:left}:where(.foundry-hero--left .foundry-hero__inner>*){max-width:48rem}:where(.foundry-hero__title){margin:1rem 0 0;font-size:clamp(2.25rem,7vw,3.75rem);line-height:1.05}:where(.foundry-hero__text){max-width:48rem;margin:1.5rem auto 0;line-height:1.7}:where(.foundry-hero--left .foundry-hero__text){margin-inline:0}:where(.foundry-hero__actions,.foundry-video-hero__actions,.foundry-media-text__actions,.foundry-cta__actions,.foundry-cta-button-list__grid){display:flex;min-width:0;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:2rem}:where(.foundry-hero__actions,.foundry-cta__actions,.foundry-cta-button-list__grid){justify-content:center}:where(.foundry-hero--left .foundry-hero__actions,.foundry-cta--left .foundry-cta__actions){justify-content:flex-start}:where(.foundry-button,.foundry-motion-hero__action,.foundry-property-hero__action){max-width:100%;white-space:normal;overflow-wrap:anywhere}:where(.foundry-post-hero__split,.foundry-video-hero__inner,.foundry-media-text__inner){display:grid;min-width:0;gap:2rem}:where(.foundry-post-hero__content,.foundry-post-hero__media,.foundry-video-hero__overlay,.foundry-video-hero__media,.foundry-media-text__media,.foundry-media-text__content){min-width:0}:where(.foundry-post-hero--centered .foundry-post-hero__content,.foundry-post-hero--image-top .foundry-post-hero__content){max-width:56rem;margin-inline:auto}:where(.foundry-post-hero--centered .foundry-post-hero__content){text-align:center}:where(.foundry-video-hero__frame,.foundry-post-hero__media,.foundry-media-text__media-frame){max-width:100%;overflow:hidden}:where(.foundry-coming-soon-hero__panel){padding:clamp(2rem,5vw,3rem);border:1px solid var(--foundry-border,#e2e8f0);border-radius:1.5rem;text-align:center}:where(.foundry-coming-soon-hero__form-panel){margin-top:2rem;padding:clamp(1.25rem,4vw,1.5rem);border:1px solid var(--foundry-border,#e2e8f0);border-radius:1rem}:where(.foundry-coming-soon-hero__form){display:grid;gap:.75rem;margin-top:1rem}:where(.foundry-coming-soon-hero__form input,.foundry-coming-soon-hero__form button){width:100%;min-width:0}:where(.foundry-features__grid,.foundry-stats-grid__grid,.foundry-stats-band__grid){display:grid;min-width:0;gap:1.5rem;margin-top:2.5rem}:where(.foundry-features__item,.foundry-stats-grid__item,.foundry-stats-band__item){min-width:0}:where(.foundry-cta__panel--framed){padding:clamp(2rem,5vw,3rem);border-radius:var(--foundry-radius-lg,1.5rem);text-align:center}:where(.foundry-cta--left .foundry-cta__panel){text-align:left}:where(.foundry-cta--left .foundry-cta__text){margin-inline:0}:where(.foundry-stats-band){padding-block:4rem}:where(.foundry-stats-band__item){padding:1.5rem}:where(.foundry-masonry-gallery__columns){margin-top:2.5rem;column-count:1;column-gap:1.25rem}:where(.foundry-masonry-gallery--gap-sm .foundry-masonry-gallery__columns){column-gap:.75rem}:where(.foundry-masonry-gallery--gap-lg .foundry-masonry-gallery__columns){column-gap:1.75rem}:where(.foundry-masonry-gallery__item){display:inline-block;width:100%;margin:0 0 1.25rem;padding:.75rem;break-inside:avoid;border:1px solid var(--foundry-border,#e2e8f0);border-radius:var(--foundry-radius-lg,1rem)}:where(.foundry-masonry-gallery--gap-sm .foundry-masonry-gallery__item){margin-bottom:.75rem}:where(.foundry-masonry-gallery--gap-lg .foundry-masonry-gallery__item){margin-bottom:1.75rem}:where(.foundry-masonry-gallery__media){display:block;width:100%;min-width:0;padding:0;overflow:hidden;border:1px solid var(--foundry-media-border,var(--foundry-border,#e2e8f0));color:inherit}:where(button.foundry-masonry-gallery__media){appearance:none;cursor:pointer;text-align:left}:where(.foundry-masonry-gallery__media img){display:block;width:100%;height:auto;max-width:100%;object-fit:cover}:where(.foundry-masonry-gallery__item figcaption){margin-top:.75rem}@media(min-width:40rem){:where(.foundry-hero--media){min-height:34rem}:where(.foundry-coming-soon-hero__form){grid-template-columns:repeat(2,minmax(0,1fr))}:where(.foundry-coming-soon-hero__form button){grid-column:1/-1}:where(.foundry-features--columns-2 .foundry-features__grid,.foundry-features--columns-3 .foundry-features__grid,.foundry-features--columns-4 .foundry-features__grid,.foundry-stats-grid__grid,.foundry-stats-band__grid){grid-template-columns:repeat(2,minmax(0,1fr))}:where(.foundry-masonry-gallery--columns-2 .foundry-masonry-gallery__columns){column-count:2}:where(.foundry-masonry-gallery--columns-3 .foundry-masonry-gallery__columns){column-count:3}:where(.foundry-masonry-gallery--columns-4 .foundry-masonry-gallery__columns){column-count:4}}@media(min-width:48rem){:where(.foundry-post-hero__split,.foundry-video-hero__inner,.foundry-media-text__inner){grid-template-columns:repeat(2,minmax(0,1fr));align-items:center}:where(.foundry-media-text--media-right .foundry-media-text__media){order:2}:where(.foundry-media-text--media-right .foundry-media-text__content){order:1}}@media(min-width:56rem){:where(.foundry-features--columns-3 .foundry-features__grid){grid-template-columns:repeat(3,minmax(0,1fr))}:where(.foundry-features--columns-4 .foundry-features__grid,.foundry-stats-grid__grid,.foundry-stats-band__grid){grid-template-columns:repeat(4,minmax(0,1fr))}}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:stix two math,cambria math,math,serif;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}.foundry-math--display:focus-visible{outline:2px solid currentColor;outline-offset:.25rem}@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-chart,.foundry-diagram{width:100%;max-width:100%;margin-block:2rem;padding:clamp(1rem,2.5vw,1.5rem);border:1px solid var(--foundry-border,#d8dee9);border-radius:var(--foundry-radius-md,.75rem);background:var(--foundry-surface-soft,#f8fafc);color:var(--foundry-text,#0f172a)}.foundry-chart__title,.foundry-diagram__caption{color:inherit;font-size:1rem;font-weight:700;line-height:1.35}.foundry-chart__description,.foundry-diagram__caption span{display:block;margin-block:.35rem 0;color:var(--foundry-muted,#475569);font-size:.875rem;font-weight:400;line-height:1.5}.foundry-chart__rows{display:grid;gap:.8rem;margin-block-start:1rem}.foundry-chart__row{display:grid;grid-template-columns:minmax(7rem,.8fr)minmax(8rem,2fr)auto;align-items:center;gap:.75rem}.foundry-chart__label,.foundry-chart__value{font-size:.875rem;line-height:1.35}.foundry-chart__value{min-width:3.5rem;font-variant-numeric:tabular-nums;text-align:end}.foundry-chart__meter{width:100%;min-width:0;accent-color:var(--foundry-brand,#2563eb)}.foundry-diagram{overflow-x:auto;-webkit-overflow-scrolling:touch}.foundry-diagram__graphic{display:block;width:100%;min-width:min(32rem,100%);height:auto;margin-inline:auto;color:currentColor}.foundry-diagram__caption{margin-block-start:1rem;text-align:center}@media(max-width:36rem){.foundry-chart__row{grid-template-columns:minmax(0,1fr)auto;gap:.35rem .75rem}.foundry-chart__meter{grid-column:1/-1}}@media(forced-colors:active){.foundry-chart,.foundry-diagram{border-color:CanvasText;background:Canvas;color:CanvasText}}@media print{.foundry-chart,.foundry-diagram{break-inside:avoid}.foundry-diagram{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--static{position:relative}.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__logo{display:block;width:auto;max-width:min(12rem,40vw);height:var(--foundry-brand-logo-height,2rem);object-fit:contain}.foundry-header__controls{display:inline-flex;align-items:center;gap:.5rem}.foundry-utility-nav{display:inline-flex;align-items:center;gap:.25rem}.foundry-utility-nav a,.foundry-header__cta{display:inline-flex;align-items:center;min-height:2.5rem;padding:.55rem .8rem;border-radius:999px;color:var(--foundry-text-muted,#475569);font-size:.875rem;font-weight:650;line-height:1.1;text-decoration:none}.foundry-header__cta{background:var(--foundry-brand-primary,#0f172a);color:var(--foundry-on-brand,#ffffff)}.foundry-utility-nav a:hover,.foundry-utility-nav a:focus-visible,.foundry-header__cta:hover,.foundry-header__cta: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-contact-bar{position:sticky;bottom:0;z-index:var(--foundry-layer-sticky,30);padding:.65rem max(1rem,env(safe-area-inset-right))max(.65rem,env(safe-area-inset-bottom))max(1rem,env(safe-area-inset-left));border-top:1px solid color-mix(in srgb,var(--foundry-border,#e2e8f0) 84%,transparent);background:color-mix(in srgb,var(--foundry-surface,#ffffff) 94%,transparent);backdrop-filter:blur(16px)}.foundry-contact-bar__inner{display:flex;justify-content:center;gap:.6rem;width:min(100%,var(--foundry-shell-max-width,72rem));margin-inline:auto}.foundry-contact-bar__action{box-sizing:border-box;display:inline-flex;flex:initial;align-items:center;justify-content:center;min-width:0;max-width:100%;min-height:2.75rem;padding:.65rem 1rem;border:1px solid var(--foundry-border,#e2e8f0);border-radius:999px;background:var(--foundry-surface,#ffffff);color:var(--foundry-text,#0f172a);font-weight:700;text-align:center;text-decoration:none;overflow-wrap:anywhere}.foundry-contact-bar__action:first-child{border-color:var(--foundry-brand-primary,#0f172a);background:var(--foundry-brand-primary,#0f172a);color:var(--foundry-on-brand,#ffffff)}.foundry-contact-bar__action:hover,.foundry-contact-bar__action: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-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{box-sizing:border-box;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__noscript p{margin:0}.foundry-search__noscript ul{display:grid;gap:.5rem;margin:.75rem 0 0;padding-inline-start:1.25rem}.foundry-search__noscript a{color:var(--foundry-accent,#1d4ed8);text-underline-offset:.16em}.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-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}: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;margin-top:clamp(2.25rem,4vw,3.25rem);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}:where(.foundry-newsletter-inline,.foundry-newsletter-inline *){box-sizing:border-box}:where(.foundry-lead-magnet,.foundry-lead-magnet *,.foundry-coming-soon-footer,.foundry-coming-soon-footer *){box-sizing:border-box}.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-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) { } @media (max-width: 48rem) { } @media (min-width: 40rem) { } @media (max-width: 48rem) { } @media (prefers-reduced-motion: reduce) { } .foundry-rich-text, .foundry-rich-text * { box-sizing: border-box; } .foundry-rich-text { width: 100%; padding-block: var(--foundry-rich-text-padding-block, var(--foundry-section-space, clamp(3.5rem, 8vw, 7rem))); color: var(--foundry-text, #0f172a); } .foundry-rich-text__inner { width: min(100% - (2 * var(--foundry-page-gutter, clamp(1.25rem, 4vw, 4rem))), var(--foundry-rich-text-width, 64rem)); max-width: var(--foundry-rich-text-max-width, 64rem); margin-inline: auto; } .foundry-rich-text__inner--max-w-prose { max-width: var(--foundry-rich-text-prose-max, 44rem); } .foundry-rich-text__inner--max-w-4xl { max-width: var(--foundry-rich-text-wide-max, 56rem); } .foundry-rich-text__inner--max-w-5xl { max-width: var(--foundry-rich-text-extra-wide-max, 64rem); } .foundry-rich-text__inner--max-w-none { max-width: none; } .foundry-rich-text__title { margin: 0 0 1.25rem; 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; } .foundry-rich-text__body { max-width: none; color: var(--foundry-text, #0f172a); font-family: var(--foundry-font-family-body, inherit); font-size: var(--foundry-type-body-size, 1rem); line-height: var(--foundry-type-body-line-height, 1.7); } .foundry-rich-text__body > :first-child { margin-top: 0; } .foundry-rich-text__body > :last-child { margin-bottom: 0; } .foundry-rich-text__body h1, .foundry-rich-text__body h2, .foundry-rich-text__body h3, .foundry-rich-text__body h4 { margin: clamp(2rem, 5vw, 3.5rem) 0 0.9rem; color: var(--foundry-text, #0f172a); font-family: var(--foundry-font-heading, inherit); line-height: 1.12; text-wrap: balance; } .foundry-rich-text__body h1 { font-size: clamp(2rem, 5vw, 3.5rem); } .foundry-rich-text__body h2 { font-size: clamp(1.65rem, 3.8vw, 2.5rem); } .foundry-rich-text__body h3 { font-size: clamp(1.35rem, 3vw, 1.9rem); } .foundry-rich-text__body h4 { font-size: 1.2rem; } .foundry-rich-text__body p, .foundry-rich-text__body ul, .foundry-rich-text__body ol, .foundry-rich-text__body blockquote, .foundry-rich-text__body pre { margin: 1.1rem 0; } .foundry-rich-text__body ul, .foundry-rich-text__body ol { padding-inline-start: 1.35rem; } .foundry-rich-text__body li + li { margin-top: 0.45rem; } .foundry-rich-text__body a { color: var(--foundry-link, var(--foundry-brand-primary, #2563eb)); text-decoration: underline; text-decoration-thickness: 0.08em; text-underline-offset: 0.16em; } .foundry-rich-text__body a:hover { color: var(--foundry-link-hover, var(--foundry-brand-primary, #1d4ed8)); } .foundry-rich-text__body blockquote { border-inline-start: 3px solid var(--foundry-brand-accent, var(--foundry-brand-primary, #2563eb)); padding-inline-start: 1.25rem; color: var(--foundry-text-muted, #475569); } .foundry-rich-text__body code { padding: 0.1em 0.3em; border-radius: 0.25rem; background: var(--foundry-surface-soft, #f8fafc); font-size: 0.9em; } .foundry-rich-text__body pre { overflow-x: auto; padding: 1rem; border: 1px solid var(--foundry-border, #e2e8f0); border-radius: var(--foundry-radius-md, 0.75rem); background: var(--foundry-surface-soft, #f8fafc); } .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 { box-sizing: border-box; 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; } } @media (min-width: 40rem) { } @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; } @media (max-width: 760px) { } @media (max-width: 640px) { } @media (prefers-reduced-motion: reduce) { } .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; } } @media (max-width: 48rem) { } @media (max-width: 48rem) { } @media (prefers-reduced-motion: reduce) { } @media (max-width: 48rem) { } @media (max-width: 26rem) { } @media (prefers-reduced-motion: reduce) { } @media (max-width: 760px) { } @media (prefers-reduced-motion: reduce) { } .foundry-features { padding-block: clamp(3.5rem, 7vw, 5rem); } @media (max-width: 640px) { } @media (prefers-reduced-motion: reduce) { } .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; } @media (max-width: 62rem) { } @media (max-width: 40rem) { } @media (prefers-reduced-motion: reduce) { } .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; } @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-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; } @media (orientation: portrait) { } @media (max-width: 760px) { } @media (prefers-reduced-motion: reduce) { } .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: var(--foundry-media-sequence-container-max, var(--foundry-wide-container-max, 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; } } :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-comparison-table__subtitle > :first-child, .foundry-comparison-table__caption > :first-child { margin-top: 0; } .foundry-comparison-table__subtitle > :last-child, .foundry-comparison-table__caption > :last-child { margin-bottom: 0; } .foundry-search__text > :first-child, .foundry-guided-discovery__text > :first-child, .foundry-guided-discovery__disclaimer > :first-child, .foundry-discovery-cards__empty > :first-child, .foundry-discovery-cards__related-text > :first-child, .foundry-relationship-map__text > :first-child, .foundry-relationship-map__empty > :first-child { margin-top: 0; } .foundry-search__text > :last-child, .foundry-guided-discovery__text > :last-child, .foundry-guided-discovery__disclaimer > :last-child, .foundry-discovery-cards__empty > :last-child, .foundry-discovery-cards__related-text > :last-child, .foundry-relationship-map__text > :last-child, .foundry-relationship-map__empty > :last-child { margin-bottom: 0; } .foundry-cta__text > :first-child, .foundry-cta-image-paragraph__caption > :first-child, .foundry-lead-magnet__text > :first-child, .foundry-lead-magnet__privacy-note > :first-child { margin-top: 0; } .foundry-cta__text > :last-child, .foundry-cta-image-paragraph__caption > :last-child, .foundry-lead-magnet__text > :last-child, .foundry-lead-magnet__privacy-note > :last-child { margin-bottom: 0; } .foundry-before-after__row + .foundry-before-after__row, .foundry-comparison-table__row { border-top: 1px solid var(--foundry-border, #e2e8f0); } .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-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; } :where(.foundry-contact-split__subtitle, .foundry-contact-split__form-text, .foundry-contact-split__privacy) > :first-child { margin-top: 0; } :where(.foundry-contact-split__subtitle, .foundry-contact-split__form-text, .foundry-contact-split__privacy) > :last-child { margin-bottom: 0; } @media (prefers-reduced-motion: reduce) { .foundry-faq-accordion__indicator { transition: none; } } @media (min-width: 48rem) { } @media (max-width: 48rem) { } @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; } @media (min-width: 40rem) { } @media (min-width: 64rem) { } .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-cta { padding-block: clamp(3.5rem, 8vw, 6rem); } .foundry-cta__panel { padding: clamp(2rem, 5vw, 4rem); border-radius: var(--foundry-radius-lg, 1.5rem); } :where(.foundry-coming-soon-cta__text, .foundry-coming-soon-cta__support) > :first-child { margin-top: 0; } :where(.foundry-coming-soon-cta__text, .foundry-coming-soon-cta__support) > :last-child { margin-bottom: 0; } .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, .foundry-tabs__inner, .foundry-media-sequence__inner { padding-inline: var(--foundry-container-gutter-mobile, 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 var(--foundry-container-gutter-mobile, 1.25rem); } .foundry-header__controls { margin-inline-start: auto; } .foundry-utility-nav, .foundry-header__cta, .foundry-header__controls > .foundry-site-preferences { display: none; } .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; } } @media (max-width: 30rem) { .foundry-contact-bar__inner { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(8rem, 100%), 1fr)); } .foundry-contact-bar__action { width: 100%; } } .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 { box-sizing: border-box; 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; } } @media (max-width: 640px) { } .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__summary:focus-visible, .foundry-faq-accordion__question:focus-visible { outline: 0.18rem solid var(--foundry-brand-accent, #3b82f6); } .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-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-3 { 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; } @media (min-width: 48rem) { .foundry-steps__grid--columns-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .foundry-steps__grid--columns-3 { grid-template-columns: repeat(3, 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; } } @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; } @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; } } @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; } } @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; } @media (max-width: 56rem) { } @media (max-width: 40rem) { } @media (prefers-reduced-motion: reduce) { } @media (max-width: 44rem) { } @media (max-width: 30rem) { } @media (prefers-reduced-motion: reduce) { } .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; } } @media (max-width: 56rem) { } @media (max-width: 36rem) { } @media (max-width: 56rem) { } @media (max-width: 36rem) { } @media (max-width: 56rem) { } @media (max-width: 36rem) { } @media (max-width: 56rem) { } @media (max-width: 36rem) { } .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; } } @media (max-width: 56rem) { } @media (max-width: 44rem) { } @media (max-width: 62rem) { } @media (max-width: 44rem) { } :where(.foundry-portable-floor) { display: block; position: static; inset: auto; width: auto; height: auto; min-width: 0; max-width: none; min-height: 0; max-height: none; overflow: visible; object-fit: fill; aspect-ratio: auto; grid-template-columns: none; grid-column: auto; align-items: normal; justify-content: normal; flex: 0 1 auto; flex-shrink: 1; padding: 0; padding-inline: 0; padding-block: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; margin: 0; margin-inline: 0; margin-block: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; gap: 0; row-gap: 0; column-gap: 0; } .foundry-article, .foundry-editorial-collection, .foundry-taxonomy-index { --foundry-editorial-ink: var(--foundry-text, #0f172a); --foundry-editorial-muted: var(--foundry-text-muted, #475569); --foundry-editorial-paper: var(--foundry-surface, #fff); --foundry-editorial-soft: var(--foundry-surface-soft, #f8fafc); --foundry-editorial-rule: var(--foundry-border, #dbe3ea); --foundry-editorial-strong-rule: var(--foundry-border-strong, #b8c4cf); --foundry-editorial-accent: var(--foundry-brand-accent, #2563eb); --foundry-editorial-brand: var(--foundry-brand-primary, #0f172a); color: var(--foundry-editorial-ink); background: var(--foundry-editorial-paper); } .foundry-article { overflow: clip; padding-block: clamp(2rem, 5vw, 5rem) 0; } .foundry-article a, .foundry-editorial-collection a, .foundry-taxonomy-index a { text-underline-offset: 0.2em; } .foundry-article a:focus-visible, .foundry-editorial-collection a:focus-visible, .foundry-taxonomy-index a:focus-visible, .foundry-editorial-pagination a:focus-visible, .foundry-social-share__manual-copy summary:focus-visible, .foundry-social-share__manual-copy input:focus-visible { outline: var(--foundry-focus-ring-width, 3px) solid var(--foundry-focus-ring, var(--foundry-editorial-accent)); outline-offset: 0.25rem; } .foundry-article__hero { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(18rem, 0.92fr); gap: clamp(2rem, 6vw, 6rem); align-items: end; width: min(100% - 3rem, 86rem); margin-inline: auto; padding-block-end: clamp(2.5rem, 6vw, 6rem); border-block-end: 1px solid var(--foundry-editorial-rule); } .foundry-article__hero-copy { min-width: 0; } .foundry-article__back { display: inline-flex; gap: 0.55rem; align-items: center; min-height: 2.75rem; color: var(--foundry-editorial-muted); font-family: var(--foundry-font-family-ui, ui-sans-serif, system-ui, sans-serif); font-size: 0.82rem; font-weight: 700; text-decoration: none; } .foundry-article__back:hover { color: var(--foundry-editorial-ink); } .foundry-article__context, .foundry-article__facts, .foundry-story-card__meta { display: flex; flex-wrap: wrap; gap: 0.65rem 1rem; align-items: center; color: var(--foundry-editorial-muted); font-family: var(--foundry-font-family-ui, ui-sans-serif, system-ui, sans-serif); font-size: 0.7rem; font-weight: 750; letter-spacing: 0.105em; line-height: 1.4; text-transform: uppercase; } .foundry-article__context { margin-block: clamp(1.25rem, 3vw, 2.4rem) 1.2rem; } .foundry-article__context > * + *::before, .foundry-article__facts > * + *::before, .foundry-story-card__meta > * + *::before { margin-inline-end: 0.85rem; color: var(--foundry-editorial-strong-rule); content: "/"; } .foundry-article__context a, .foundry-article__facts a { color: inherit; text-decoration: none; } .foundry-article__context a:hover, .foundry-article__facts a:hover { color: var(--foundry-editorial-ink); text-decoration: underline; } .foundry-article__feature-label, .foundry-story-card__feature-label { color: var(--foundry-editorial-brand); } .foundry-article__hero h1 { max-width: 17ch; margin: 0; color: var(--foundry-editorial-ink); font-family: var(--foundry-font-display, var(--foundry-font-family-heading, inherit)); font-size: clamp(3rem, 7.1vw, 7.8rem); font-weight: 620; letter-spacing: -0.055em; line-height: 0.94; text-wrap: balance; } .foundry-article__standfirst { max-width: 44rem; margin: clamp(1.5rem, 3vw, 2.4rem) 0 0; color: var(--foundry-editorial-muted); font-size: clamp(1.14rem, 1.55vw, 1.42rem); line-height: 1.62; text-wrap: pretty; } .foundry-article__facts { margin-block-start: 1.6rem; } .foundry-article__facts > span > span:first-child { color: color-mix(in srgb, var(--foundry-editorial-muted) 82%, transparent); } .foundry-article__lead-media { position: relative; min-width: 0; margin: 0; } .foundry-article__lead-image, .foundry-article__lead-fallback { display: block; width: 100%; aspect-ratio: 4 / 5; border-radius: min(5vw, 2.2rem) min(5vw, 2.2rem) 0 0; background: var(--foundry-editorial-soft); object-fit: cover; } .foundry-article__lead-image--focal-top { object-position: top; } .foundry-article__lead-image--focal-bottom { object-position: bottom; } .foundry-article__lead-image--focal-left { object-position: left; } .foundry-article__lead-image--focal-right { object-position: right; } .foundry-article__lead-image--focal-center { object-position: center; } .foundry-article__lead-fallback { display: grid; place-items: center; background: linear-gradient(135deg, color-mix(in srgb, var(--foundry-editorial-brand) 8%, var(--foundry-editorial-paper)), transparent 58%), repeating-linear-gradient(90deg, transparent 0 3.9rem, color-mix(in srgb, var(--foundry-editorial-rule) 58%, transparent) 4rem); color: color-mix(in srgb, var(--foundry-editorial-brand) 70%, var(--foundry-editorial-paper)); font-family: var(--foundry-font-display, var(--foundry-font-family-heading, inherit)); font-size: clamp(6rem, 14vw, 14rem); line-height: 1; } .foundry-article__lead-media figcaption { display: flex; gap: 0.5rem 1.5rem; justify-content: space-between; padding-block-start: 0.75rem; color: var(--foundry-editorial-muted); font-family: var(--foundry-font-family-ui, ui-sans-serif, system-ui, sans-serif); font-size: 0.72rem; line-height: 1.45; } .foundry-article__layout { display: grid; grid-template-columns: minmax(0, 48rem) minmax(15rem, 19rem); gap: clamp(3rem, 8vw, 8rem); align-items: start; width: min(100% - 3rem, 76rem); margin-inline: auto; padding-block: clamp(3rem, 7vw, 7rem); } .foundry-article__main, .foundry-article__rail { min-width: 0; } .foundry-article__rail { position: sticky; top: 6rem; display: grid; gap: 2rem; } .foundry-article__toc--mobile { display: none; } .foundry-article__rail > section, .foundry-article__sources, .foundry-article__contributor-ledger, .foundry-article__takeaways { padding-block: 1.35rem; border-block-start: 1px solid var(--foundry-editorial-rule); } .foundry-article__rail h2, .foundry-article__sources h2, .foundry-article__contributor-ledger h2, .foundry-article__takeaways h2 { margin: 0 0 1rem; color: var(--foundry-editorial-ink); font-family: var(--foundry-font-family-ui, ui-sans-serif, system-ui, sans-serif); font-size: 0.72rem; font-weight: 800; letter-spacing: 0.11em; line-height: 1.35; text-transform: uppercase; } .foundry-article__prose { color: var(--foundry-editorial-ink); font-family: var(--foundry-font-family-body, inherit); font-size: clamp(1.05rem, 1.2vw, 1.18rem); line-height: 1.82; } .foundry-article__prose > :first-child { margin-block-start: 0; } .foundry-article__prose :where(h2, h3, h4) { color: var(--foundry-editorial-ink); font-family: var(--foundry-font-family-heading, inherit); letter-spacing: -0.025em; line-height: 1.12; } .foundry-article__prose h2 { margin-block: 3.7rem 1.2rem; font-size: clamp(2rem, 3.5vw, 3.15rem); } .foundry-article__prose h3 { margin-block: 2.7rem 1rem; font-size: clamp(1.5rem, 2.4vw, 2.1rem); } .foundry-article__prose a { color: var(--foundry-link, var(--foundry-editorial-brand)); } .foundry-article__prose blockquote { margin-inline: 0; padding-inline-start: clamp(1.25rem, 3vw, 2.3rem); border-inline-start: 0.22rem solid var(--foundry-editorial-accent); color: var(--foundry-editorial-muted); font-size: 1.2em; } .foundry-publication-media { width: min(100% - 3rem, 86rem); margin: 0 auto clamp(2rem, 5vw, 5rem); min-width: 0; } .foundry-publication-media :is(.foundry-audio-player, .foundry-video-embed) { padding-block: clamp(1.5rem, 3vw, 2.5rem); } .foundry-publication-media :is(.foundry-audio-player__inner, .foundry-video-embed__inner) { width: 100%; margin-inline: 0; } @media (max-width: 640px) { .foundry-publication-media { width: min(100% - 2rem, 86rem); } } .foundry-article.foundry-article--media-first .foundry-article__hero { display: block; width: min(100% - 3rem, 86rem); min-height: 0; padding-block: clamp(1.5rem, 4vw, 3rem); background: transparent; } .foundry-article.foundry-article--media-first .foundry-article__hero-copy { margin: 0; padding: 0; box-shadow: none; } .foundry-article.foundry-article--media-first .foundry-article__hero::before { content: none; } .foundry-article.foundry-article--media-first .foundry-article__hero h1 { max-width: 20ch; font-size: clamp(2.5rem, 5vw, 5rem); line-height: 1.03; } @media (max-width: 640px) { .foundry-article.foundry-article--media-first .foundry-article__hero { width: min(100% - 2rem, 100%); } } .foundry-publication-media__choices { display: flex; flex-wrap: wrap; gap: 0.5rem 1.5rem; padding-block: 1rem; border-block: 1px solid var(--foundry-editorial-rule); } .foundry-publication-media__choices a, .foundry-publication-media__transcript { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; min-height: 44px; overflow-wrap: anywhere; color: inherit; } .foundry-publication-media a:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; } .foundry-publication-media__edition { min-width: 0; } .foundry-publication-media__edition > section[id], #publication-text { scroll-margin-top: max(8rem, var(--foundry-scroll-offset, 0px)); } .foundry-publication-media__choices span { font-variant-numeric: tabular-nums; } .foundry-publication-chapters { margin-block: 1rem 2rem; } .foundry-publication-chapters h3 { font-size: 1rem; margin-block: 0 0.5rem; } .foundry-publication-chapters ol { list-style: none; margin: 0; padding: 0; } .foundry-publication-chapters li { border-block-start: 1px solid var(--foundry-editorial-rule, #cbd5e1); } .foundry-publication-chapters li a { display: flex; align-items: center; gap: 1rem; min-height: 44px; color: inherit; text-decoration: none; } .foundry-publication-chapters li a:hover { text-decoration: underline; } .foundry-publication-chapters li span { font-variant-numeric: tabular-nums; } .foundry-publication-chapters__source { color: inherit; font-size: 0.875rem; } .foundry-article__sections { margin-block-start: 3rem; } .foundry-article__takeaways ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; margin: 0; padding: 0; list-style: none; counter-reset: takeaway; } .foundry-article__takeaways li { position: relative; min-width: 0; padding: 1.1rem 1.25rem 1.1rem 2.6rem; border-block-start: 1px solid color-mix(in srgb, var(--foundry-editorial-rule) 72%, transparent); color: var(--foundry-editorial-muted); line-height: 1.55; counter-increment: takeaway; } .foundry-article__takeaways li::before { position: absolute; inset: 1.15rem auto auto 0; color: var(--foundry-editorial-brand); content: counter(takeaway, decimal-leading-zero); font: 750 0.68rem/1 var(--foundry-font-family-ui, sans-serif); letter-spacing: 0.08em; } .foundry-article__sources, .foundry-article__contributor-ledger, .foundry-article__share, .foundry-article__newsletter { margin-block-start: clamp(3rem, 7vw, 5.5rem); } .foundry-article__sources ol { display: grid; gap: 0; margin: 0; padding-inline-start: 1.4rem; } .foundry-article__sources li { padding: 0.75rem 0 0.75rem 0.55rem; border-block-start: 1px solid color-mix(in srgb, var(--foundry-editorial-rule) 72%, transparent); color: var(--foundry-editorial-muted); font-size: 0.9rem; line-height: 1.55; } .foundry-article__sources a { color: var(--foundry-editorial-ink); } .foundry-article__review > p, .foundry-article__cta > p { margin: 0.8rem 0 0; color: var(--foundry-editorial-muted); font-size: 0.86rem; line-height: 1.6; } .foundry-article__cta { padding-inline: 1.2rem; border-inline-start: 0.22rem solid var(--foundry-editorial-brand); } .foundry-article__cta h2 { margin-block: 0.65rem 0; font-family: var(--foundry-font-family-heading, inherit); font-size: 1.35rem; letter-spacing: -0.02em; text-transform: none; } .foundry-article__cta > a { display: inline-flex; gap: 0.55rem; margin-block-start: 1.1rem; color: var(--foundry-editorial-ink); font: 750 0.85rem/1.4 var(--foundry-font-family-ui, sans-serif); } .foundry-article__eyebrow { margin: 0; color: var(--foundry-editorial-muted); font: 800 0.7rem/1.4 var(--foundry-font-family-ui, sans-serif); letter-spacing: 0.12em; text-transform: uppercase; } .foundry-contributors { display: flex; flex-wrap: wrap; gap: 0.75rem 1.35rem; margin: 1.7rem 0 0; padding: 0; list-style: none; } .foundry-contributors__item { display: flex; gap: 0.7rem; align-items: center; min-width: 0; } .foundry-contributors__portrait { display: grid; flex: 0 0 auto; width: 2.55rem; height: 2.55rem; place-items: center; overflow: hidden; border: 1px solid var(--foundry-editorial-rule); border-radius: 50%; background: var(--foundry-editorial-soft); color: var(--foundry-editorial-ink); font: 760 0.72rem/1 var(--foundry-font-family-ui, sans-serif); } .foundry-contributors__portrait img { width: 100%; height: 100%; object-fit: cover; } .foundry-contributors__identity { display: grid; gap: 0.15rem; min-width: 0; } .foundry-contributors__name { color: var(--foundry-editorial-ink); font: 750 0.86rem/1.25 var(--foundry-font-family-ui, sans-serif); text-decoration: none; } .foundry-contributors a.foundry-contributors__name:hover { text-decoration: underline; } .foundry-contributors__role { color: var(--foundry-editorial-muted); font: 500 0.72rem/1.35 var(--foundry-font-family-ui, sans-serif); } .foundry-contributors__description { max-width: 42rem; margin-block-start: 0.55rem; color: var(--foundry-editorial-muted); font-size: 0.9rem; line-height: 1.58; } .foundry-contributors--names { gap: 0.25rem 0.8rem; margin-block-start: 1rem; } .foundry-contributors--names .foundry-contributors__item:not(:last-child)::after { margin-inline-start: 0.55rem; color: var(--foundry-editorial-strong-rule); content: "+"; } .foundry-contributors--names .foundry-contributors__role { display: none; } .foundry-contributors--ledger { display: grid; gap: 0; } .foundry-contributors--ledger .foundry-contributors__item { align-items: start; padding-block: 1.25rem; border-block-start: 1px solid color-mix(in srgb, var(--foundry-editorial-rule) 72%, transparent); } .foundry-contributors--ledger .foundry-contributors__portrait { width: 3.75rem; height: 3.75rem; } .foundry-contributors--ledger .foundry-contributors__identity { flex: 1; } .foundry-contributors--constellation { position: relative; gap: 0; margin-block-start: 2rem; } .foundry-contributors--constellation .foundry-contributors__item { margin-inline-end: -0.5rem; padding: 0.3rem 0.85rem 0.3rem 0.3rem; border: 1px solid var(--foundry-editorial-rule); border-radius: 999px; background: var(--foundry-editorial-paper); } .foundry-contributors--constellation .foundry-contributors__item + .foundry-contributors__item { margin-inline-start: 0.8rem; } .foundry-contributors--reviewer { margin-block-start: 0.8rem; } .foundry-article__sequence { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: min(100% - 3rem, 76rem); margin-inline: auto; border-block: 1px solid var(--foundry-editorial-rule); } .foundry-article__sequence a { display: grid; gap: 0.5rem; min-height: 8rem; padding: 1.5rem 0; color: var(--foundry-editorial-ink); text-decoration: none; } .foundry-article__sequence a + a { padding-inline-start: 2rem; border-inline-start: 1px solid var(--foundry-editorial-rule); text-align: end; } .foundry-article__sequence a:only-child[rel="next"] { grid-column: 2; padding-inline-start: 2rem; border-inline-start: 1px solid var(--foundry-editorial-rule); text-align: end; } .foundry-article__sequence span { color: var(--foundry-editorial-muted); font: 750 0.68rem/1.4 var(--foundry-font-family-ui, sans-serif); letter-spacing: 0.1em; text-transform: uppercase; } .foundry-article__sequence strong { align-self: end; font-family: var(--foundry-font-family-heading, inherit); font-size: clamp(1.1rem, 2vw, 1.55rem); line-height: 1.25; } .foundry-article__related { width: min(100% - 3rem, 86rem); margin: clamp(4rem, 9vw, 8rem) auto 0; padding-block: clamp(3rem, 6vw, 5.5rem); border-block-start: 1px solid var(--foundry-editorial-strong-rule); } .foundry-article__related > header { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(16rem, 0.35fr); gap: 1rem 4rem; align-items: end; } .foundry-article__related > header .foundry-article__eyebrow { grid-column: 1 / -1; } .foundry-article__related h2 { max-width: 18ch; margin: 0; font-family: var(--foundry-font-family-heading, inherit); font-size: clamp(2rem, 4vw, 4.4rem); letter-spacing: -0.04em; line-height: 1; } .foundry-article__related > header > p:last-child { margin: 0; color: var(--foundry-editorial-muted); line-height: 1.6; } .foundry-article__related-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1.5rem, 3vw, 3rem); margin-block-start: 3rem; } .foundry-article__related-empty { margin-block-start: 2.5rem; padding-block: 1.25rem; border-block: 1px dashed var(--foundry-editorial-rule); color: var(--foundry-editorial-muted); } .foundry-article--essay .foundry-article__hero { grid-template-columns: minmax(0, 0.78fr) minmax(20rem, 0.42fr); align-items: start; } .foundry-article--essay .foundry-article__hero-copy { padding-block-start: clamp(1rem, 6vw, 5rem); } .foundry-article--essay .foundry-article__hero h1 { max-width: 12ch; font-size: clamp(3.7rem, 8.6vw, 9rem); font-weight: 520; line-height: 0.9; } .foundry-article--essay .foundry-article__lead-image, .foundry-article--essay .foundry-article__lead-fallback { aspect-ratio: 3 / 4; border-radius: 50% 50% 0 0 / 22% 22% 0 0; } .foundry-article--essay .foundry-article__layout { grid-template-columns: minmax(0, 43rem) minmax(13rem, 16rem); } .foundry-article--essay .foundry-article__prose { font-size: clamp(1.1rem, 1.45vw, 1.28rem); line-height: 1.9; } .foundry-article--essay .foundry-article__prose > p:first-child::first-letter { float: left; margin: 0.08em 0.12em 0 0; color: var(--foundry-editorial-brand); font: 560 4.9em/0.72 var(--foundry-font-display, serif); } .foundry-article--essay .foundry-article__contributor-ledger { max-width: 43rem; margin-inline: auto; } .foundry-article--essay .foundry-article__share { max-width: 43rem; margin-inline: auto; } .foundry-article--essay .foundry-article__related { width: min(100% - 3rem, 66rem); } .foundry-article--essay .foundry-article__related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .foundry-article--feature { padding-block-start: 0; } .foundry-article--feature .foundry-article__hero { position: relative; grid-template-columns: minmax(0, 0.83fr) minmax(22rem, 1.17fr); width: min(100%, 100rem); min-height: min(78rem, 88vh); padding: clamp(2rem, 5vw, 5rem); border: 0; background: color-mix(in srgb, var(--foundry-editorial-brand) 96%, #000); } .foundry-article--feature .foundry-article__hero-copy { position: relative; z-index: 2; align-self: end; margin-inline-end: -8rem; padding: clamp(1.4rem, 3vw, 3rem); background: var(--foundry-editorial-paper); box-shadow: 1.2rem 1.2rem 0 color-mix(in srgb, var(--foundry-editorial-accent) 22%, transparent); } .foundry-article--feature .foundry-article__hero h1 { max-width: 11ch; font-size: clamp(3.2rem, 7vw, 7.6rem); } .foundry-article--feature .foundry-article__lead-media { align-self: stretch; } .foundry-article--feature .foundry-article__lead-image, .foundry-article--feature .foundry-article__lead-fallback { height: 100%; min-height: 33rem; aspect-ratio: auto; border-radius: 0; } .foundry-article--feature .foundry-article__lead-media figcaption { position: absolute; inset: auto 1rem 1rem; padding: 0.65rem 0.8rem; background: color-mix(in srgb, #000 68%, transparent); color: #fff; } .foundry-article--feature .foundry-article__layout { width: min(100% - 3rem, 82rem); } .foundry-article--feature .foundry-article__prose :where(figure, .foundry-pullquote) { width: min(76vw, 66rem); max-width: none; margin-inline: min(0rem, calc((48rem - min(76vw, 66rem)) / 2)); } .foundry-article--feature .foundry-article__related { width: min(100%, 100rem); padding-inline: clamp(1.5rem, 6vw, 6rem); border-block-end: 1px solid var(--foundry-editorial-strong-rule); background: color-mix(in srgb, var(--foundry-editorial-brand) 7%, var(--foundry-editorial-paper)); } .foundry-article--feature .foundry-article__related h2 { max-width: 12ch; } .foundry-article--feature .foundry-article__related-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .foundry-article--conversation .foundry-article__hero { grid-template-columns: minmax(0, 0.9fr) minmax(21rem, 0.72fr); padding-block-start: 2rem; } .foundry-article--conversation .foundry-article__hero::before { align-self: stretch; border-inline-start: 1px dashed color-mix(in srgb, var(--foundry-editorial-accent) 55%, var(--foundry-editorial-rule)); content: ""; grid-column: 2; grid-row: 1; margin-inline-start: -3rem; } .foundry-article--conversation .foundry-article__hero-copy { grid-column: 1; grid-row: 1; align-self: center; } .foundry-article--conversation .foundry-article__lead-media { grid-column: 2; grid-row: 1; } .foundry-article--conversation .foundry-article__hero h1 { max-width: 13ch; font-size: clamp(3.2rem, 7vw, 7rem); } .foundry-article--conversation .foundry-article__lead-image, .foundry-article--conversation .foundry-article__lead-fallback { aspect-ratio: 1 / 1; border-radius: 50%; } .foundry-article--conversation .foundry-article__contributor-ledger { border-block-end: 1px solid var(--foundry-editorial-rule); } .foundry-article--conversation .foundry-contributors--ledger { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: clamp(1rem, 3vw, 2.5rem); } .foundry-article--conversation .foundry-contributors--ledger .foundry-contributors__item { min-height: 7.5rem; } .foundry-article--conversation .foundry-article__related { width: min(100% - 3rem, 76rem); } .foundry-article--conversation .foundry-article__related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .foundry-article--guide .foundry-article__hero h1 { font-size: clamp(2.8rem, 6vw, 6rem); line-height: 0.98; } .foundry-article--guide .foundry-article__lead-image, .foundry-article--guide .foundry-article__lead-fallback { aspect-ratio: 4 / 3; border-radius: 0; clip-path: polygon(0 0, 100% 0, 100% 90%, 88% 100%, 0 100%); } .foundry-article--guide .foundry-article__sources { padding-block-end: 0; } .foundry-article--guide .foundry-article__sources ol { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: clamp(1.5rem, 4vw, 3.5rem); } .foundry-article--guide .foundry-article__related { background: color-mix(in srgb, var(--foundry-editorial-accent) 7%, var(--foundry-editorial-paper)); } .foundry-story-card { min-width: 0; color: var(--foundry-editorial-ink); } .foundry-story-card__media { display: block; overflow: hidden; color: inherit; text-decoration: none; } .foundry-story-card__media img, .foundry-story-card__media-fallback { display: block; width: 100%; aspect-ratio: 4 / 3; background: var(--foundry-editorial-soft); object-fit: cover; transition: transform 240ms ease; } .foundry-story-card__media-fallback { display: grid; place-items: center; background: repeating-linear-gradient(135deg, var(--foundry-editorial-soft) 0 1rem, color-mix(in srgb, var(--foundry-editorial-rule) 52%, var(--foundry-editorial-paper)) 1rem 2rem); color: var(--foundry-editorial-muted); font-family: var(--foundry-font-display, serif); font-size: clamp(3rem, 7vw, 7rem); } .foundry-story-card__media:hover img { transform: scale(1.018); } .foundry-story-card__body { padding-block-start: 1.25rem; } .foundry-story-card__title { margin: 0.75rem 0 0; font-family: var(--foundry-font-family-heading, inherit); font-size: clamp(1.4rem, 2.2vw, 2.15rem); font-weight: 650; letter-spacing: -0.03em; line-height: 1.08; text-wrap: balance; } .foundry-story-card__title a { color: inherit; text-decoration: none; } .foundry-story-card__title a:hover { text-decoration: underline; text-decoration-thickness: 0.08em; } .foundry-story-card__summary { margin: 1rem 0 0; color: var(--foundry-editorial-muted); line-height: 1.62; } .foundry-story-card__action { display: inline-flex; gap: 0.5rem; margin-block-start: 1.15rem; color: var(--foundry-editorial-ink); font: 750 0.78rem/1.4 var(--foundry-font-family-ui, sans-serif); text-decoration: none; } .foundry-story-card__action:hover { text-decoration: underline; } .foundry-story-card--feature { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(19rem, 0.8fr); min-height: 34rem; border-block: 1px solid var(--foundry-editorial-strong-rule); } .foundry-story-card--feature .foundry-story-card__media img, .foundry-story-card--feature .foundry-story-card__media-fallback { height: 100%; aspect-ratio: auto; } .foundry-story-card--feature .foundry-story-card__body { display: flex; flex-direction: column; justify-content: flex-end; padding: clamp(2rem, 5vw, 5rem); } .foundry-story-card--feature .foundry-story-card__title { font-size: clamp(2.5rem, 5vw, 5.6rem); line-height: 0.96; } .foundry-story-card--feature .foundry-story-card__summary { max-width: 36rem; } .foundry-story-card--row { display: grid; grid-template-columns: minmax(10rem, 15rem) minmax(0, 1fr); gap: clamp(1.25rem, 3vw, 3rem); padding-block: clamp(1.5rem, 3vw, 2.5rem); border-block-start: 1px solid var(--foundry-editorial-rule); } .foundry-story-card--row .foundry-story-card__media img, .foundry-story-card--row .foundry-story-card__media-fallback { aspect-ratio: 4 / 3; } .foundry-story-card--row .foundry-story-card__body { padding: 0; } .foundry-story-card--row .foundry-story-card__title { max-width: 28ch; } .foundry-story-card--row.foundry-story-card--without-media { grid-template-columns: minmax(0, 1fr); } .foundry-story-card--without-media .foundry-story-card__body { padding-block-start: 0; } .foundry-story-card--secondary { padding-block-start: 1.3rem; border-block-start: 0.25rem solid var(--foundry-editorial-brand); } .foundry-story-card--secondary .foundry-story-card__media img, .foundry-story-card--secondary .foundry-story-card__media-fallback { aspect-ratio: 16 / 10; } .foundry-story-card--card, .foundry-story-card--related { padding-block-start: 1.3rem; border-block-start: 1px solid var(--foundry-editorial-strong-rule); } .foundry-story-card--related .foundry-story-card__title { font-size: clamp(1.25rem, 2vw, 1.75rem); } .foundry-story-card--mosaic { align-self: start; } .foundry-story-card--mosaic:nth-child(4n + 1) { grid-column: span 2; } .foundry-story-card--mosaic:nth-child(4n + 1) .foundry-story-card__media img, .foundry-story-card--mosaic:nth-child(4n + 1) .foundry-story-card__media-fallback { aspect-ratio: 16 / 8; } .foundry-editorial-collection { padding-block: clamp(2rem, 5vw, 5rem) clamp(4rem, 9vw, 9rem); overflow: clip; } .foundry-editorial-collection__masthead, .foundry-editorial-collection__lead, .foundry-editorial-collection__stream, .foundry-editorial-collection__discovery, .foundry-editorial-pagination { width: min(100% - 3rem, 86rem); margin-inline: auto; } .foundry-editorial-collection__masthead { display: grid; grid-template-columns: minmax(0, 1fr) minmax(14rem, 0.3fr); gap: clamp(2rem, 6vw, 6rem); align-items: end; padding-block-end: clamp(2.5rem, 6vw, 5.5rem); border-block-end: 1px solid var(--foundry-editorial-strong-rule); } .foundry-editorial-collection__eyebrow { margin: 0 0 1rem; color: var(--foundry-editorial-muted); font: 800 0.7rem/1.4 var(--foundry-font-family-ui, sans-serif); letter-spacing: 0.13em; text-transform: uppercase; } .foundry-editorial-collection__masthead h1 { max-width: 14ch; margin: 0; font-family: var(--foundry-font-display, var(--foundry-font-family-heading, inherit)); font-size: clamp(3.7rem, 9vw, 10rem); font-weight: 560; letter-spacing: -0.06em; line-height: 0.85; text-wrap: balance; } .foundry-editorial-collection__standfirst { max-width: 48rem; margin: clamp(1.5rem, 3vw, 2.5rem) 0 0; color: var(--foundry-editorial-muted); font-size: clamp(1.1rem, 1.6vw, 1.4rem); line-height: 1.62; } .foundry-editorial-collection__intro { max-width: 47rem; margin-block-start: 1.4rem; color: var(--foundry-editorial-muted); } .foundry-editorial-collection__contributor { display: flex; gap: 0.75rem; align-items: center; margin-block-start: 1.5rem; color: var(--foundry-editorial-muted); font-family: var(--foundry-font-family-ui, ui-sans-serif, system-ui, sans-serif); } .foundry-editorial-collection__contributor-image { display: grid; flex: 0 0 auto; width: 2.85rem; height: 2.85rem; place-items: center; overflow: hidden; border: 1px solid var(--foundry-editorial-rule); border-radius: 50%; background: var(--foundry-editorial-soft); } .foundry-editorial-collection__contributor-image img { width: 100%; height: 100%; object-fit: cover; } .foundry-editorial-collection__contributor strong, .foundry-editorial-collection__contributor small { display: block; } .foundry-editorial-collection__contributor strong { color: var(--foundry-editorial-ink); font-size: 0.82rem; line-height: 1.35; } .foundry-editorial-collection__contributor small { margin-block-start: 0.12rem; font-size: 0.72rem; line-height: 1.35; } .foundry-editorial-collection__contributor-bio { max-width: 44rem; margin: 0.8rem 0 0; color: var(--foundry-editorial-muted); line-height: 1.55; } .foundry-editorial-collection__actions { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-block-start: 1.8rem; } .foundry-editorial-collection__actions a { display: inline-flex; align-items: center; min-height: 2.8rem; padding-inline: 1rem; border: 1px solid var(--foundry-editorial-strong-rule); color: var(--foundry-editorial-ink); font: 750 0.8rem/1 var(--foundry-font-family-ui, sans-serif); text-decoration: none; } .foundry-editorial-collection__actions a.is-primary { border-color: var(--foundry-editorial-brand); background: var(--foundry-editorial-brand); color: var(--foundry-editorial-paper); } .foundry-editorial-collection__masthead-mark { display: grid; min-height: 15rem; padding: 1.25rem; align-content: space-between; border-inline-start: 1px solid var(--foundry-editorial-rule); background: linear-gradient(155deg, transparent 0 65%, color-mix(in srgb, var(--foundry-editorial-accent) 14%, transparent)); } .foundry-editorial-collection__masthead-mark img { width: 100%; height: 100%; max-height: 25rem; object-fit: cover; } .foundry-editorial-collection__masthead-mark > span { font-family: var(--foundry-font-display, serif); font-size: clamp(5rem, 10vw, 10rem); letter-spacing: -0.08em; line-height: 0.7; } .foundry-editorial-collection__masthead-mark > small { color: var(--foundry-editorial-muted); font: 750 0.68rem/1.4 var(--foundry-font-family-ui, sans-serif); letter-spacing: 0.1em; text-transform: uppercase; } .foundry-editorial-collection__discovery { display: flex; flex-wrap: wrap; gap: 0.45rem 1.2rem; align-items: baseline; padding-block: 1rem; border-block-end: 1px solid var(--foundry-editorial-rule); } .foundry-editorial-collection__discovery > span { color: var(--foundry-editorial-muted); font: 800 0.66rem/1.4 var(--foundry-font-family-ui, sans-serif); letter-spacing: 0.12em; text-transform: uppercase; } .foundry-editorial-collection__discovery a { color: var(--foundry-editorial-ink); font: 700 0.78rem/1.5 var(--foundry-font-family-ui, sans-serif); text-decoration-color: color-mix(in srgb, currentColor 35%, transparent); text-underline-offset: 0.2em; } .foundry-editorial-collection__discovery a:hover { text-decoration-thickness: 0.12em; } .foundry-editorial-collection__lead { padding-block-start: clamp(3rem, 7vw, 7rem); } .foundry-editorial-collection__stream { padding-block-start: clamp(4rem, 8vw, 8rem); } .foundry-editorial-collection__stream > header { display: grid; grid-template-columns: minmax(0, 0.75fr) minmax(16rem, 0.35fr); gap: 2rem 4rem; align-items: end; padding-block-end: 2rem; border-block-end: 1px solid var(--foundry-editorial-strong-rule); } .foundry-editorial-collection__stream h2 { max-width: 15ch; margin: 0; font-family: var(--foundry-font-family-heading, inherit); font-size: clamp(2.3rem, 5vw, 5.4rem); letter-spacing: -0.05em; line-height: 0.95; } .foundry-editorial-collection__stream > header > p { margin: 0; color: var(--foundry-editorial-muted); line-height: 1.6; } .foundry-editorial-collection__stories { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(2rem, 4vw, 4rem) clamp(1.5rem, 3vw, 3rem); padding-block-start: 2.5rem; } .foundry-editorial-collection--front-page .foundry-editorial-collection__stories > :nth-child(-n + 2) { grid-column: span 1; } .foundry-editorial-collection--reading-room .foundry-editorial-collection__masthead { grid-template-columns: minmax(0, 1fr) minmax(9rem, 0.18fr); } .foundry-editorial-collection--reading-room .foundry-editorial-collection__masthead h1 { max-width: 18ch; font-size: clamp(3.2rem, 7vw, 7.5rem); line-height: 0.94; } .foundry-editorial-collection--reading-room .foundry-editorial-collection__stories { display: block; padding-block-start: 0; } .foundry-editorial-collection--dispatch-mosaic .foundry-editorial-collection__stories { grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; } .foundry-editorial-collection__empty { margin-block: 2rem 0; padding-block: 1.25rem; border-block: 1px dashed var(--foundry-editorial-rule); color: var(--foundry-editorial-muted); } .foundry-editorial-pagination { padding-block-start: clamp(3rem, 6vw, 5rem); } .foundry-editorial-pagination__summary { padding-block: 0.8rem; border-block-end: 1px solid var(--foundry-editorial-rule); color: var(--foundry-editorial-muted); font: 750 0.68rem/1.4 var(--foundry-font-family-ui, sans-serif); letter-spacing: 0.1em; text-transform: uppercase; } .foundry-editorial-pagination__links { display: grid; grid-template-columns: minmax(6rem, auto) 1fr minmax(6rem, auto); gap: 1rem; align-items: center; padding-block-start: 1rem; } .foundry-editorial-pagination__links ol { display: flex; flex-wrap: wrap; gap: 0.35rem; justify-content: center; margin: 0; padding: 0; list-style: none; } .foundry-editorial-pagination__links a, .foundry-editorial-pagination__direction { display: inline-grid; min-width: 2.75rem; min-height: 2.75rem; place-items: center; color: var(--foundry-editorial-ink); font: 750 0.78rem/1 var(--foundry-font-family-ui, sans-serif); text-decoration: none; } .foundry-editorial-pagination__links [aria-current="page"] { background: var(--foundry-editorial-brand); color: var(--foundry-editorial-paper); } .foundry-editorial-pagination__direction[aria-disabled="true"] { color: color-mix(in srgb, var(--foundry-editorial-muted) 48%, transparent); } .foundry-taxonomy-index { width: min(100% - 3rem, 76rem); margin-inline: auto; padding-block: clamp(3rem, 7vw, 7rem); } .foundry-taxonomy-index__header { display: grid; gap: 1rem; padding-block-end: clamp(2.5rem, 5vw, 5rem); border-block-end: 1px solid var(--foundry-editorial-strong-rule); } .foundry-taxonomy-index__header > p { margin: 0; color: var(--foundry-editorial-muted); font: 800 0.7rem/1.4 var(--foundry-font-family-ui, sans-serif); letter-spacing: 0.12em; text-transform: uppercase; } .foundry-taxonomy-index__header h1 { margin: 0; font-family: var(--foundry-font-display, var(--foundry-font-family-heading, inherit)); font-size: clamp(3.3rem, 8vw, 8rem); letter-spacing: -0.055em; line-height: 0.9; } .foundry-taxonomy-index__terms { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; margin: 0; padding: clamp(2rem, 5vw, 5rem) 0 0; list-style: none; } .foundry-taxonomy-index__terms li { border-block-start: 1px solid var(--foundry-editorial-rule); } .foundry-taxonomy-index__terms li:nth-child(odd) { padding-inline-end: 1.5rem; } .foundry-taxonomy-index__terms li:nth-child(even) { padding-inline-start: 1.5rem; border-inline-start: 1px solid var(--foundry-editorial-rule); } .foundry-taxonomy-index__terms a { display: flex; gap: 1rem; justify-content: space-between; padding-block: 1.2rem; color: var(--foundry-editorial-ink); font-family: var(--foundry-font-family-heading, inherit); font-size: clamp(1.15rem, 2vw, 1.65rem); text-decoration: none; } .foundry-taxonomy-index__terms strong { color: var(--foundry-editorial-muted); font: 750 0.72rem/1.5 var(--foundry-font-family-ui, sans-serif); } .foundry-taxonomy-index__empty { color: var(--foundry-editorial-muted); } .foundry-content-feed--editorial-row .foundry-content-feed__inner, .foundry-related-posts--editorial-row .foundry-related-posts__inner { width: min(100% - 3rem, 76rem); max-width: none; margin-inline: auto; padding: 0; } .foundry-content-feed__editorial-row, .foundry-related-posts__editorial-row { margin-block-start: 2rem; } .foundry-social-share__manual-copy { margin-block-start: 1rem; color: var(--foundry-editorial-muted, var(--foundry-text-muted)); font-size: 0.78rem; } .foundry-social-share__manual-copy summary { width: fit-content; min-height: 2.75rem; padding-block: 0.8rem; cursor: pointer; font-weight: 700; } .foundry-social-share__manual-copy label { display: block; margin-block: 0.4rem; font-weight: 700; } .foundry-social-share__manual-copy input { width: min(100%, 38rem); min-height: 2.75rem; padding-inline: 0.75rem; border: 1px solid var(--foundry-editorial-rule, var(--foundry-border)); background: var(--foundry-editorial-paper, var(--foundry-surface)); color: var(--foundry-editorial-ink, var(--foundry-text)); font: inherit; } @media (max-width: 900px) { .foundry-article__hero, .foundry-article--essay .foundry-article__hero, .foundry-article--feature .foundry-article__hero, .foundry-article--conversation .foundry-article__hero, .foundry-article__layout, .foundry-article--essay .foundry-article__layout, .foundry-editorial-collection__masthead, .foundry-editorial-collection--reading-room .foundry-editorial-collection__masthead, .foundry-editorial-collection__stream > header, .foundry-article__related > header { grid-template-columns: minmax(0, 1fr); } .foundry-article__hero { align-items: start; } .foundry-article__lead-image, .foundry-article__lead-fallback, .foundry-article--essay .foundry-article__lead-image, .foundry-article--essay .foundry-article__lead-fallback { aspect-ratio: 16 / 10; border-radius: 0; } .foundry-article--feature .foundry-article__hero { min-height: 0; padding: 1.5rem; } .foundry-article--feature .foundry-article__hero-copy { order: 2; margin: -4rem 1rem 0; padding: clamp(1.25rem, 4vw, 2.5rem); } .foundry-article--feature .foundry-article__lead-media { order: 1; } .foundry-article--feature .foundry-article__lead-image, .foundry-article--feature .foundry-article__lead-fallback { min-height: 24rem; aspect-ratio: 16 / 11; } .foundry-article--conversation .foundry-article__hero::before { display: none; } .foundry-article--conversation .foundry-article__hero-copy, .foundry-article--conversation .foundry-article__lead-media { grid-column: 1; grid-row: auto; } .foundry-article--conversation .foundry-article__lead-image, .foundry-article--conversation .foundry-article__lead-fallback { width: min(100%, 32rem); aspect-ratio: 1; margin-inline: auto; } .foundry-article__rail { position: static; } .foundry-article__toc--desktop { display: none; } .foundry-article__toc--mobile { display: block; margin-block: 2rem; } .foundry-article__related > header .foundry-article__eyebrow { grid-column: auto; } .foundry-article__related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .foundry-article--feature .foundry-article__related { width: min(100% - 3rem, 100%); padding-inline: 0; background: none; } .foundry-article--feature .foundry-article__related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .foundry-article--conversation .foundry-contributors--ledger { grid-template-columns: minmax(0, 1fr); } .foundry-editorial-collection__masthead-mark { min-height: 8rem; border-inline-start: 0; border-block-start: 1px solid var(--foundry-editorial-rule); } .foundry-story-card--feature { grid-template-columns: minmax(0, 1fr); } .foundry-story-card--feature .foundry-story-card__media img, .foundry-story-card--feature .foundry-story-card__media-fallback { min-height: 20rem; aspect-ratio: 16 / 10; } .foundry-editorial-collection__stories, .foundry-editorial-collection--dispatch-mosaic .foundry-editorial-collection__stories { grid-template-columns: repeat(2, minmax(0, 1fr)); } .foundry-story-card--mosaic:nth-child(4n + 1) { grid-column: span 2; } } @media (max-width: 640px) { .foundry-article { padding-block-start: 1.5rem; } .foundry-article__hero, .foundry-article__layout, .foundry-article__sequence, .foundry-article__related, .foundry-editorial-collection__masthead, .foundry-editorial-collection__lead, .foundry-editorial-collection__stream, .foundry-editorial-collection__discovery, .foundry-editorial-pagination, .foundry-taxonomy-index, .foundry-content-feed--editorial-row .foundry-content-feed__inner, .foundry-related-posts--editorial-row .foundry-related-posts__inner { width: min(100% - 2rem, 100%); } .foundry-article__hero h1, .foundry-article--essay .foundry-article__hero h1, .foundry-article--feature .foundry-article__hero h1, .foundry-article--conversation .foundry-article__hero h1 { max-width: 100%; font-size: clamp(2.65rem, 14vw, 4.7rem); line-height: 0.96; } .foundry-article--feature .foundry-article__hero { padding: 0; } .foundry-article--feature .foundry-article__hero-copy { margin: -2rem 1rem 0; box-shadow: 0.65rem 0.65rem 0 color-mix(in srgb, var(--foundry-editorial-accent) 22%, transparent); } .foundry-article--feature .foundry-article__lead-image, .foundry-article--feature .foundry-article__lead-fallback { min-height: 17rem; } .foundry-article__facts { align-items: flex-start; flex-direction: column; gap: 0.5rem; } .foundry-article__facts > * + *::before { display: none; } .foundry-contributors--constellation { gap: 0.6rem; } .foundry-contributors--constellation .foundry-contributors__item, .foundry-contributors--constellation .foundry-contributors__item + .foundry-contributors__item { margin: 0; } .foundry-article__takeaways ul { grid-template-columns: minmax(0, 1fr); } .foundry-article__sequence { grid-template-columns: minmax(0, 1fr); } .foundry-article__sequence a, .foundry-article__sequence a + a, .foundry-article__sequence a:only-child[rel="next"] { grid-column: 1; padding: 1.25rem 0; border-inline-start: 0; text-align: start; } .foundry-article__sequence a + a { border-block-start: 1px solid var(--foundry-editorial-rule); } .foundry-article__related-grid, .foundry-article--essay .foundry-article__related-grid, .foundry-article--feature .foundry-article__related-grid, .foundry-article--conversation .foundry-article__related-grid, .foundry-editorial-collection__stories, .foundry-editorial-collection--dispatch-mosaic .foundry-editorial-collection__stories, .foundry-taxonomy-index__terms { grid-template-columns: minmax(0, 1fr); } .foundry-story-card--row { grid-template-columns: minmax(0, 1fr); } .foundry-story-card--row .foundry-story-card__media img, .foundry-story-card--row .foundry-story-card__media-fallback { aspect-ratio: 16 / 9; } .foundry-article--guide .foundry-article__sources ol { grid-template-columns: minmax(0, 1fr); } .foundry-story-card--mosaic:nth-child(4n + 1) { grid-column: span 1; } .foundry-editorial-collection__masthead h1, .foundry-editorial-collection--reading-room .foundry-editorial-collection__masthead h1 { font-size: clamp(3rem, 18vw, 5.7rem); } .foundry-taxonomy-index__terms li:nth-child(odd), .foundry-taxonomy-index__terms li:nth-child(even) { padding-inline: 0; border-inline-start: 0; } .foundry-editorial-pagination__links { grid-template-columns: repeat(2, minmax(0, 1fr)); } .foundry-editorial-pagination__links ol { grid-column: 1 / -1; grid-row: 1; } .foundry-editorial-pagination__direction:last-child { justify-self: end; } } @media (max-width: 360px) { .foundry-article__hero, .foundry-article__layout, .foundry-article__sequence, .foundry-article__related, .foundry-editorial-collection__masthead, .foundry-editorial-collection__lead, .foundry-editorial-collection__stream, .foundry-editorial-pagination, .foundry-taxonomy-index { width: min(100% - 1.25rem, 100%); } .foundry-article__hero h1 { overflow-wrap: anywhere; } .foundry-contributors__item { max-width: 100%; } .foundry-editorial-pagination__links ol { gap: 0.1rem; } } @media (max-height: 520px) and (min-width: 641px) { .foundry-article__hero { min-height: 0; padding-block-end: 2rem; } .foundry-article--feature .foundry-article__hero { min-height: 34rem; } .foundry-editorial-collection__masthead { padding-block-end: 2.5rem; } } @media (prefers-reduced-motion: reduce) { .foundry-story-card__media img { transition: none; } } @media print { .foundry-article { padding: 0; color: #000; background: #fff; } .foundry-article__back, .foundry-article__rail, .foundry-article__share, .foundry-article__newsletter, .foundry-article__sequence, .foundry-article__related { display: none !important; } .foundry-article__hero, .foundry-article__layout { display: block; width: 100%; margin: 0; padding: 0; border: 0; } .foundry-article__hero-copy { margin: 0 !important; padding: 0 !important; color: #000 !important; background: #fff !important; box-shadow: none !important; } .foundry-article__hero h1 { max-width: 100%; color: #000; font-size: 36pt; } .foundry-article__lead-media { margin-block: 1.5rem; } .foundry-article__lead-image { max-height: 35vh; border-radius: 0; object-fit: contain; } .foundry-article__prose { color: #000; font-size: 11pt; line-height: 1.55; } .foundry-article__prose a { color: #000; text-decoration: underline; } .foundry-article__prose a[href^="http"]::after { content: " (" attr(href) ")"; font-size: 8pt; } } :root { --foundry-motion-distance: 16px; --foundry-motion-scale-start: 0.98; --foundry-motion-opacity-start: 0; --foundry-motion-duration: var(--foundry-duration-base, 200ms); --foundry-motion-ease: var(--foundry-ease-standard, cubic-bezier(0.2, 0, 0, 1)); --foundry-motion-stagger-step: 80ms; } [data-motion-reveal], [data-motion-stagger] > * { opacity: 1; transform: none; } html[data-foundry-motion-ready="true"] [data-motion-reveal] { opacity: var(--foundry-motion-opacity-start); transform: translateY(var(--foundry-motion-distance)); transition: opacity var(--foundry-motion-duration) var(--foundry-motion-ease), transform var(--foundry-motion-duration) var(--foundry-motion-ease); will-change: opacity, transform; } html[data-foundry-motion-ready="true"] [data-motion-reveal="fade-up"] { transform: translateY(var(--foundry-motion-distance)); } html[data-foundry-motion-ready="true"] [data-motion-reveal="fade-in"] { transform: none; } html[data-foundry-motion-ready="true"] [data-motion-reveal="slide-left"] { transform: translateX(calc(var(--foundry-motion-distance) * -1.6)); } html[data-foundry-motion-ready="true"] [data-motion-reveal="slide-right"] { transform: translateX(calc(var(--foundry-motion-distance) * 1.6)); } html[data-foundry-motion-ready="true"] [data-motion-reveal="zoom-in"] { transform: scale(0.94); } html[data-foundry-motion-ready="true"] [data-motion-reveal].is-in-view { opacity: 1; transform: none; } html[data-foundry-motion-ready="true"] [data-motion-stagger] > *:not([data-motion-reveal]) { opacity: var(--foundry-motion-opacity-start); transform: translateY(calc(var(--foundry-motion-distance) * 0.75)); transition: opacity var(--foundry-motion-duration) var(--foundry-motion-ease), transform var(--foundry-motion-duration) var(--foundry-motion-ease); } html[data-foundry-motion-ready="true"] [data-motion-stagger].is-in-view > *:not([data-motion-reveal]) { opacity: 1; transform: none; } html[data-foundry-motion-ready="true"] [data-motion-stagger].is-in-view > *:nth-child(1) { transition-delay: calc(var(--foundry-motion-stagger-step) * 0); } html[data-foundry-motion-ready="true"] [data-motion-stagger].is-in-view > *:nth-child(2) { transition-delay: calc(var(--foundry-motion-stagger-step) * 1); } html[data-foundry-motion-ready="true"] [data-motion-stagger].is-in-view > *:nth-child(3) { transition-delay: calc(var(--foundry-motion-stagger-step) * 2); } html[data-foundry-motion-ready="true"] [data-motion-stagger].is-in-view > *:nth-child(4) { transition-delay: calc(var(--foundry-motion-stagger-step) * 3); } html[data-foundry-motion-ready="true"] [data-motion-stagger].is-in-view > *:nth-child(5) { transition-delay: calc(var(--foundry-motion-stagger-step) * 4); } html[data-foundry-motion-ready="true"] [data-motion-stagger].is-in-view > *:nth-child(6) { transition-delay: calc(var(--foundry-motion-stagger-step) * 5); } html[data-foundry-motion-ready="true"] [data-motion-stagger].is-in-view > *:nth-child(7) { transition-delay: calc(var(--foundry-motion-stagger-step) * 6); } html[data-foundry-motion-ready="true"] [data-motion-stagger].is-in-view > *:nth-child(8) { transition-delay: calc(var(--foundry-motion-stagger-step) * 7); } html[data-foundry-motion-ready="true"] [data-motion-stagger].is-in-view > *:nth-child(9) { transition-delay: calc(var(--foundry-motion-stagger-step) * 8); } html[data-foundry-motion-ready="true"] [data-motion-stagger].is-in-view > *:nth-child(10) { transition-delay: calc(var(--foundry-motion-stagger-step) * 9); } @media (prefers-reduced-motion: reduce) { [data-motion-reveal], [data-motion-stagger] > * { opacity: 1 !important; transform: none !important; transition: none !important; animation: none !important; } } :root { --foundry-motion-parallax-max: 80px; --foundry-motion-kb-scale: 1.06; --foundry-motion-kb-duration: 12s; --foundry-motion-kb-shift: 1.5%; --foundry-motion-kb-fade-duration: 1400ms; --foundry-motion-kb-fade-ease: cubic-bezier(0.22, 1, 0.36, 1); --foundry-motion-marquee-pause-state: running; --foundry-motion-scroll-cue-duration: 2000ms; --foundry-motion-scroll-cue-distance: 5px; --foundry-motion-scroll-cue-line-height: 3rem; --foundry-motion-scroll-cue-opacity: 0.72; } @keyframes foundry-kenburns { 0% { transform: scale(1) translate(0, 0); } 100% { transform: scale(var(--foundry-motion-kb-scale)) translate(-1%, 1%); } } @keyframes foundry-kenburns-in { 0% { transform: scale(1) translate3d(0, 0, 0); } 100% { transform: scale(var(--foundry-motion-kb-scale)) translate3d(calc(var(--foundry-motion-kb-shift) * -0.66), calc(var(--foundry-motion-kb-shift) * 0.66), 0); } } @keyframes foundry-kenburns-out { 0% { transform: scale(var(--foundry-motion-kb-scale)) translate3d(calc(var(--foundry-motion-kb-shift) * -0.66), calc(var(--foundry-motion-kb-shift) * 0.66), 0); } 100% { transform: scale(1) translate3d(0, 0, 0); } } @keyframes foundry-kenburns-in-left { 0% { transform: scale(1) translate3d(var(--foundry-motion-kb-shift), 0, 0); } 100% { transform: scale(var(--foundry-motion-kb-scale)) translate3d(calc(var(--foundry-motion-kb-shift) * -1), calc(var(--foundry-motion-kb-shift) * 0.5), 0); } } @keyframes foundry-kenburns-in-right { 0% { transform: scale(1) translate3d(calc(var(--foundry-motion-kb-shift) * -1), 0, 0); } 100% { transform: scale(var(--foundry-motion-kb-scale)) translate3d(var(--foundry-motion-kb-shift), calc(var(--foundry-motion-kb-shift) * -0.5), 0); } } @keyframes foundry-kenburns-out-left { 0% { transform: scale(var(--foundry-motion-kb-scale)) translate3d(calc(var(--foundry-motion-kb-shift) * -1), calc(var(--foundry-motion-kb-shift) * 0.5), 0); } 100% { transform: scale(1) translate3d(var(--foundry-motion-kb-shift), 0, 0); } } @keyframes foundry-kenburns-out-right { 0% { transform: scale(var(--foundry-motion-kb-scale)) translate3d(var(--foundry-motion-kb-shift), calc(var(--foundry-motion-kb-shift) * -0.5), 0); } 100% { transform: scale(1) translate3d(calc(var(--foundry-motion-kb-shift) * -1), 0, 0); } } [data-motion-kenburns] img { backface-visibility: hidden; transform-origin: center center; transition: opacity var(--foundry-motion-kb-fade-duration) var(--foundry-motion-kb-fade-ease); } [data-motion-marquee] { overflow-x: auto; overflow-y: hidden; } [data-motion-marquee][data-foundry-marquee-ready="true"] { overflow: hidden; } [data-motion-marquee] .foundry-marquee-track { display: flex; flex-shrink: 0; animation-play-state: var(--foundry-motion-marquee-pause-state); } .foundry-motion-toggle { margin-block-start: 0.75rem; min-height: 44px; } .foundry-motion-toggle[hidden] { display: none !important; } .foundry-scroll-cue { position: absolute; z-index: 10; display: flex; align-items: center; gap: 0.5rem; color: var(--foundry-motion-scroll-cue-color, currentColor); font-size: 0.68rem; letter-spacing: 0.1em; line-height: 1; opacity: var(--foundry-motion-scroll-cue-opacity); pointer-events: none; text-transform: uppercase; } .foundry-scroll-cue--center { bottom: 1.1rem; left: 50%; flex-direction: column; transform: translateX(-50%); } .foundry-scroll-cue--side { right: 2rem; bottom: 4.5rem; flex-direction: column; } .foundry-scroll-cue--side .foundry-scroll-cue__label { writing-mode: vertical-rl; transform: rotate(180deg); } .foundry-scroll-cue__mouse { display: block; width: 14px; height: 20px; animation: foundry-scroll-cue-bob var(--foundry-motion-scroll-cue-duration) ease-in-out infinite; } .foundry-scroll-cue__dot { transform-origin: center; animation: foundry-scroll-cue-dot var(--foundry-motion-scroll-cue-duration) ease-in-out infinite; } .foundry-scroll-cue__line { display: block; width: 1px; height: var(--foundry-motion-scroll-cue-line-height); background: linear-gradient(to bottom, currentColor, transparent); transform-origin: top; animation: foundry-scroll-cue-line var(--foundry-motion-scroll-cue-duration) ease-in-out infinite; } @keyframes foundry-scroll-cue-bob { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(var(--foundry-motion-scroll-cue-distance)); } } @keyframes foundry-scroll-cue-dot { 0%, 100% { transform: translateY(0); opacity: 1; } 50% { transform: translateY(4px); opacity: 0.35; } } @keyframes foundry-scroll-cue-line { 0% { transform: scaleY(0); transform-origin: top; opacity: 0; } 30% { opacity: 1; } 70% { transform: scaleY(1); transform-origin: top; opacity: 1; } 100% { transform: scaleY(1); transform-origin: bottom; opacity: 0; } } @media (max-width: 640px) { .foundry-scroll-cue--side { display: none !important; } } html[data-foundry-motion-ready="true"] .foundry-motion-enabled .foundry-block > section { animation: none; opacity: 1; transform: none; } @media (prefers-reduced-motion: reduce) { [data-motion-parallax] { transform: none !important; } [data-motion-scrub] { transition: none !important; } [data-motion-marquee] .foundry-marquee-track { animation: none !important; } [data-motion-kenburns] img { animation: none !important; opacity: 1 !important; transition: none !important; } .foundry-scroll-cue, .foundry-scroll-cue * { animation: none !important; transition: none !important; } .foundry-scroll-cue__mouse, .foundry-scroll-cue__dot, .foundry-scroll-cue__line { transform: none !important; } .foundry-scroll-cue__dot, .foundry-scroll-cue__line { opacity: 0.7 !important; } } :root { --foundry-flow-spacing-flush: 0; --foundry-flow-spacing-tight-y: 1.5rem; --foundry-flow-spacing-tight-y-sm: 2.5rem; --foundry-flow-spacing-normal-y: 4rem; --foundry-flow-spacing-normal-y-sm: 6rem; --foundry-flow-spacing-spacious-y: 6rem; --foundry-flow-spacing-spacious-y-sm: 9rem; --foundry-flow-bg-dark: #0f172a; --foundry-flow-bg-light: #ffffff; --foundry-flow-bg-surface-alt: #f8fafc; --foundry-flow-bg-brand: var(--foundry-brand-primary, #0f172a); --foundry-flow-text-on-dark: #f8fafc; --foundry-flow-text-on-light: var(--foundry-text, #0f172a); --foundry-flow-overlap-sm: -2rem; --foundry-flow-overlap-md: -4rem; --foundry-flow-overlap-lg: -8rem; --foundry-flow-divider-fill: var(--foundry-bg, #ffffff); --foundry-flow-parallax-speed: 0.15; } .foundry-block--spacing-flush > section, .foundry-block--spacing-flush > * > section { padding-top: var(--foundry-flow-spacing-flush) !important; padding-bottom: var(--foundry-flow-spacing-flush) !important; } .foundry-block--spacing-tight > section, .foundry-block--spacing-tight > * > section { padding-top: var(--foundry-flow-spacing-tight-y) !important; padding-bottom: var(--foundry-flow-spacing-tight-y) !important; } @media (min-width: 640px) { .foundry-block--spacing-tight > section, .foundry-block--spacing-tight > * > section { padding-top: var(--foundry-flow-spacing-tight-y-sm) !important; padding-bottom: var(--foundry-flow-spacing-tight-y-sm) !important; } } .foundry-block--spacing-spacious > section, .foundry-block--spacing-spacious > * > section { padding-top: var(--foundry-flow-spacing-spacious-y) !important; padding-bottom: var(--foundry-flow-spacing-spacious-y) !important; } @media (min-width: 640px) { .foundry-block--spacing-spacious > section, .foundry-block--spacing-spacious > * > section { padding-top: var(--foundry-flow-spacing-spacious-y-sm) !important; padding-bottom: var(--foundry-flow-spacing-spacious-y-sm) !important; } } .foundry-block--bg-dark { color: var(--foundry-flow-text-on-dark); --foundry-text: var(--foundry-flow-text-on-dark, #f8fafc); --foundry-text-muted: rgba(248, 250, 252, 0.70); --foundry-border: rgba(255, 255, 255, 0.12); --foundry-surface: rgba(255, 255, 255, 0.06); } .foundry-block--bg-dark > section, .foundry-block--bg-dark > * > section { background: none !important; } .foundry-block--bg-light > section, .foundry-block--bg-light > * > section { background: none !important; } .foundry-block--bg-surface-alt > section, .foundry-block--bg-surface-alt > * > section { background: none !important; } .foundry-block--bg-light { color: var(--foundry-flow-text-on-light); } .foundry-block--bg-brand { color: var(--foundry-flow-text-on-dark); --foundry-text: var(--foundry-flow-text-on-dark, #f8fafc); --foundry-text-muted: rgba(248, 250, 252, 0.70); --foundry-border: rgba(255, 255, 255, 0.12); --foundry-surface: rgba(255, 255, 255, 0.06); } .foundry-block--bg-brand > section, .foundry-block--bg-brand > * > section { background: none !important; } .foundry-block--bg-continues > section, .foundry-block--bg-continues > * > section { padding-top: 0; } .foundry-block--overlap { position: relative; z-index: 10; box-shadow: var(--foundry-shadow-md); } .foundry-block--overlap-sm { margin-top: var(--foundry-flow-overlap-sm); } .foundry-block--overlap-md { margin-top: var(--foundry-flow-overlap-md); } .foundry-block--overlap-lg { margin-top: var(--foundry-flow-overlap-lg); } @media (max-width: 640px) { .foundry-block--overlap { margin-top: 0; box-shadow: none; } } @media (prefers-reduced-motion: reduce) { .foundry-block--overlap { margin-top: 0; } } .foundry-section-divider { position: relative; height: 0; overflow: visible; z-index: 10; pointer-events: none; } .foundry-section-divider svg { display: block; width: 100%; height: 60px; position: absolute; bottom: 0; left: 0; } .foundry-section-divider--wave svg { height: 80px; } .foundry-section-divider--angle svg { height: 60px; } .foundry-section-divider--curve svg { height: 80px; } .foundry-section-divider--fade svg { height: 40px; } .foundry-block--parallax { overflow: hidden; } @media (prefers-reduced-motion: reduce) { .foundry-block--parallax { overflow: visible; } } .foundry-page--preset-creative-portfolio { --foundry-creative-heading-family: var(--foundry-font-family-heading, Georgia, "Times New Roman", serif); --foundry-creative-body-family: var(--foundry-font-family-body, Inter, ui-sans-serif, system-ui, sans-serif); --foundry-creative-heading-weight: 650; --foundry-creative-body-weight: 400; --foundry-creative-title-line-height: var(--foundry-type-display-line-height, 1.04); --foundry-creative-copy-line-height: var(--foundry-type-body-line-height, 1.68); --foundry-creative-eyebrow-tracking: 0.18em; --foundry-creative-copy-measure: var(--foundry-type-measure, 42rem); --foundry-creative-content-max: 72rem; --foundry-creative-narrow-max: 52rem; --foundry-creative-hero-max: var(--foundry-creative-content-max, 72rem); --foundry-creative-hero-title-size: var(--foundry-type-display-size, 3.25rem); --foundry-creative-section-title-size: clamp(2.5rem, 8vw, 2.75rem); --foundry-creative-item-title-size: var(--foundry-type-section-size, 1.85rem); --foundry-creative-section-space-y: 4.25rem; --foundry-creative-section-space-y-lg: 6.75rem; --foundry-creative-reel-gap: 4rem; --foundry-creative-reel-gap-lg: 6.5rem; --foundry-creative-media-radius: 0.5rem; --foundry-creative-media-padding: 0; --foundry-creative-media-shadow: 0 22px 60px color-mix(in srgb, var(--foundry-text, #0f172a) 12%, transparent); --foundry-creative-media-border: color-mix(in srgb, var(--foundry-border, #e2e8f0) 70%, transparent); --foundry-creative-panel-radius: 0.5rem; --foundry-creative-panel-padding: 1.35rem; --foundry-creative-panel-padding-lg: 2rem; --foundry-creative-panel-bg: color-mix(in srgb, var(--foundry-surface, #ffffff) 94%, transparent); --foundry-creative-panel-muted-bg: color-mix(in srgb, var(--foundry-surface-soft, #f8fafc) 92%, transparent); --foundry-creative-panel-border: color-mix(in srgb, var(--foundry-border, #e2e8f0) 72%, transparent); --foundry-creative-panel-shadow: 0 18px 44px color-mix(in srgb, var(--foundry-text, #0f172a) 9%, transparent); --foundry-creative-image-filter: saturate(0.94) contrast(1.04); --foundry-creative-image-position: center center; --foundry-creative-gap: 1.25rem; --foundry-creative-gap-lg: 2rem; --foundry-creative-meta-size: var(--foundry-type-meta-size, 0.78rem); --foundry-hero-copy-panel-bg: linear-gradient(180deg, rgba(7, 11, 22, 0.52), rgba(7, 11, 22, 0.28)); --foundry-hero-copy-panel-border: rgba(255, 255, 255, 0.14); --foundry-hero-copy-panel-radius: var(--foundry-creative-media-radius); --foundry-hero-copy-panel-padding: 2.25rem 2rem; --foundry-hero-overlay-left: linear-gradient(90deg, rgba(7, 11, 22, 0.86) 0%, rgba(7, 11, 22, 0.58) 46%, rgba(7, 11, 22, 0.22) 100%); --foundry-hero-overlay-center: linear-gradient(180deg, rgba(7, 11, 22, 0.34) 0%, rgba(7, 11, 22, 0.56) 48%, rgba(7, 11, 22, 0.84) 100%); --foundry-creative-button-radius: 9999px; --foundry-button-radius: var(--foundry-creative-button-radius); --foundry-button-primary-bg: var(--foundry-brand-primary, #0f172a); --foundry-button-primary-hover-bg: color-mix(in srgb, var(--foundry-brand-primary, #0f172a) 88%, white); --foundry-button-primary-text: #ffffff; --foundry-button-primary-hover-text: #ffffff; --foundry-button-secondary-bg: color-mix(in srgb, var(--foundry-surface, #ffffff) 88%, transparent); --foundry-button-secondary-hover-bg: color-mix(in srgb, var(--foundry-surface-soft, #f8fafc) 82%, transparent); --foundry-button-secondary-border: color-mix(in srgb, var(--foundry-border-strong, #cbd5e1) 88%, transparent); --foundry-button-secondary-hover-border: color-mix(in srgb, var(--foundry-brand-primary, #0f172a) 28%, var(--foundry-border-strong, #cbd5e1)); --foundry-button-secondary-text: var(--foundry-text, #0f172a); --foundry-button-secondary-hover-text: var(--foundry-text, #0f172a); } .foundry-page--motion-quiet { --foundry-motion-distance: 8px; --foundry-motion-duration: 180ms; --foundry-motion-stagger-step: 45ms; --foundry-motion-parallax-max: 28px; --foundry-motion-kb-scale: 1.025; --foundry-motion-kb-duration: 16s; } .foundry-page--motion-editorial { --foundry-motion-distance: 14px; --foundry-motion-duration: 240ms; --foundry-motion-stagger-step: 70ms; --foundry-motion-parallax-max: 56px; --foundry-motion-kb-scale: 1.04; --foundry-motion-kb-duration: 14s; } .foundry-page--motion-cinematic { --foundry-motion-distance: 18px; --foundry-motion-duration: 320ms; --foundry-motion-stagger-step: 90ms; --foundry-motion-parallax-max: 76px; --foundry-motion-kb-scale: 1.055; --foundry-motion-kb-duration: 15s; } .foundry-page--preset-creative-portfolio .foundry-block > section, .foundry-page--preset-creative-portfolio .foundry-block > * > section { padding-top: var(--foundry-creative-section-space-y); padding-bottom: var(--foundry-creative-section-space-y); } .foundry-page--preset-creative-portfolio .foundry-hero--media { position: relative; display: flex; align-items: center; overflow: hidden; width: min(calc(100% - 3rem), var(--foundry-creative-content-max)); margin-right: auto; margin-left: auto; min-height: var(--foundry-creative-hero-min-height, 34rem); } .foundry-page--preset-creative-portfolio .foundry-hero--media { --foundry-button-primary-bg: rgba(255, 255, 255, 0.94); --foundry-button-primary-hover-bg: #ffffff; --foundry-button-primary-text: #111827; --foundry-button-primary-hover-text: #111827; --foundry-button-secondary-bg: rgba(255, 255, 255, 0.1); --foundry-button-secondary-hover-bg: rgba(255, 255, 255, 0.18); --foundry-button-secondary-border: rgba(255, 255, 255, 0.42); --foundry-button-secondary-hover-border: rgba(255, 255, 255, 0.64); --foundry-button-secondary-text: #ffffff; --foundry-button-secondary-hover-text: #ffffff; } .foundry-page--preset-creative-portfolio .foundry-hero__media, .foundry-page--preset-creative-portfolio .foundry-hero__overlay, .foundry-page--preset-creative-portfolio .foundry-hero__image { position: absolute; inset: 0; } .foundry-page--preset-creative-portfolio .foundry-hero__media { z-index: 0; } .foundry-page--preset-creative-portfolio .foundry-hero__overlay { z-index: 10; } .foundry-page--preset-creative-portfolio .foundry-hero__inner, .foundry-page--preset-creative-portfolio .foundry-section-header__inner, .foundry-page--preset-creative-portfolio .foundry-media-sequence__inner, .foundry-page--preset-creative-portfolio .foundry-gallery__inner, .foundry-page--preset-creative-portfolio .foundry-founder-profile__inner, .foundry-page--preset-creative-portfolio .foundry-page-list__inner, .foundry-page--preset-creative-portfolio .foundry-timeline__inner, .foundry-page--preset-creative-portfolio .foundry-contact-split__inner, .foundry-page--preset-creative-portfolio .foundry-rich-text__inner, .foundry-page--preset-creative-portfolio .foundry-cta__inner, .foundry-page--preset-creative-portfolio .foundry-table-of-contents__inner { width: min(calc(100% - 3rem), var(--foundry-creative-content-max)); max-width: var(--foundry-creative-content-max); margin-right: auto; margin-left: auto; } .foundry-page--preset-creative-portfolio .foundry-hero__inner { position: relative; z-index: 20; max-width: var(--foundry-creative-hero-max); } .foundry-page--preset-creative-portfolio .foundry-section-header__inner { max-width: var(--foundry-creative-narrow-max); } .foundry-page--preset-creative-portfolio .foundry-hero__title, .foundry-page--preset-creative-portfolio .foundry-section-header__title, .foundry-page--preset-creative-portfolio .foundry-media-sequence__title, .foundry-page--preset-creative-portfolio .foundry-gallery__title, .foundry-page--preset-creative-portfolio .foundry-founder-profile__title, .foundry-page--preset-creative-portfolio .foundry-page-list__title, .foundry-page--preset-creative-portfolio .foundry-page-list__item-title, .foundry-page--preset-creative-portfolio .foundry-timeline__title, .foundry-page--preset-creative-portfolio .foundry-timeline__content h3, .foundry-page--preset-creative-portfolio h3.foundry-timeline__content, .foundry-page--preset-creative-portfolio .foundry-contact-split__title, .foundry-page--preset-creative-portfolio .foundry-contact-split__form-title, .foundry-page--preset-creative-portfolio .foundry-rich-text__title, .foundry-page--preset-creative-portfolio .foundry-rich-text__body h1, .foundry-page--preset-creative-portfolio .foundry-rich-text__body h2, .foundry-page--preset-creative-portfolio .foundry-rich-text__body h3, .foundry-page--preset-creative-portfolio .foundry-cta__title, .foundry-page--preset-creative-portfolio .foundry-table-of-contents__title, .foundry-page--preset-creative-portfolio .foundry-media-sequence__body h3 { font-family: var(--foundry-creative-heading-family); font-weight: var(--foundry-creative-heading-weight); line-height: var(--foundry-creative-title-line-height); letter-spacing: 0; } .foundry-page--preset-creative-portfolio .foundry-hero__title { margin: 1rem 0 0; font-size: var(--foundry-creative-hero-title-size); } .foundry-page--preset-creative-portfolio .foundry-hero__eyebrow { margin: 0; } .foundry-page--preset-creative-portfolio .foundry-hero__text { margin: 1.35rem 0 0; } .foundry-page--preset-creative-portfolio .foundry-hero__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 0.9rem; margin-top: 2rem; } .foundry-page--preset-creative-portfolio .foundry-section-header__title, .foundry-page--preset-creative-portfolio .foundry-media-sequence__title, .foundry-page--preset-creative-portfolio .foundry-gallery__title, .foundry-page--preset-creative-portfolio .foundry-founder-profile__title, .foundry-page--preset-creative-portfolio .foundry-page-list__title, .foundry-page--preset-creative-portfolio .foundry-timeline__title, .foundry-page--preset-creative-portfolio .foundry-contact-split__title, .foundry-page--preset-creative-portfolio .foundry-cta__title { font-size: var(--foundry-creative-section-title-size); } .foundry-page--preset-creative-portfolio .foundry-media-sequence__body h3, .foundry-page--preset-creative-portfolio .foundry-page-list__item-title, .foundry-page--preset-creative-portfolio .foundry-timeline__content h3, .foundry-page--preset-creative-portfolio h3.foundry-timeline__content, .foundry-page--preset-creative-portfolio .foundry-contact-split__form-title, .foundry-page--preset-creative-portfolio .foundry-rich-text__title { font-size: var(--foundry-creative-item-title-size); } .foundry-page--preset-creative-portfolio .foundry-hero__eyebrow, .foundry-page--preset-creative-portfolio .foundry-section-header__eyebrow, .foundry-page--preset-creative-portfolio .foundry-media-sequence__eyebrow, .foundry-page--preset-creative-portfolio .foundry-media-sequence__index, .foundry-page--preset-creative-portfolio .foundry-page-list__meta, .foundry-page--preset-creative-portfolio .foundry-timeline__content p:first-child, .foundry-page--preset-creative-portfolio .foundry-contact-split__meta-label { letter-spacing: var(--foundry-creative-eyebrow-tracking); } .foundry-page--preset-creative-portfolio .foundry-hero__text, .foundry-page--preset-creative-portfolio .foundry-section-header__text, .foundry-page--preset-creative-portfolio .foundry-media-sequence__intro, .foundry-page--preset-creative-portfolio .foundry-media-sequence__body, .foundry-page--preset-creative-portfolio .foundry-gallery__subtitle, .foundry-page--preset-creative-portfolio .foundry-founder-profile__text, .foundry-page--preset-creative-portfolio .foundry-page-list__subtitle, .foundry-page--preset-creative-portfolio .foundry-page-list__summary, .foundry-page--preset-creative-portfolio .foundry-timeline__inner > p, .foundry-page--preset-creative-portfolio .foundry-timeline__content p, .foundry-page--preset-creative-portfolio .foundry-contact-split__subtitle, .foundry-page--preset-creative-portfolio .foundry-contact-split__form-text, .foundry-page--preset-creative-portfolio .foundry-contact-split__meta-value, .foundry-page--preset-creative-portfolio .foundry-rich-text__body, .foundry-page--preset-creative-portfolio .foundry-cta__text { max-width: var(--foundry-creative-copy-measure); font-family: var(--foundry-creative-body-family); font-weight: var(--foundry-creative-body-weight); line-height: var(--foundry-creative-copy-line-height); } .foundry-page--preset-creative-portfolio .foundry-media-sequence__items > :not([hidden]) ~ :not([hidden]) { margin-top: var(--foundry-creative-reel-gap); } .foundry-page--preset-creative-portfolio .foundry-media-sequence__media-shell, .foundry-page--preset-creative-portfolio .foundry-gallery__open, .foundry-page--preset-creative-portfolio .foundry-gallery__dialog, .foundry-page--preset-creative-portfolio .foundry-gallery__dialog-image, .foundry-page--preset-creative-portfolio .foundry-founder-profile__media img, .foundry-page--preset-creative-portfolio .foundry-page-list__image { overflow: hidden; border-radius: var(--foundry-creative-media-radius); border-color: var(--foundry-creative-media-border); box-shadow: var(--foundry-creative-media-shadow); } .foundry-page--preset-creative-portfolio .foundry-media-sequence__media-shell { padding: var(--foundry-creative-media-padding); } .foundry-page--preset-creative-portfolio .foundry-hero__image, .foundry-page--preset-creative-portfolio .foundry-media-sequence__image, .foundry-page--preset-creative-portfolio .foundry-gallery__image, .foundry-page--preset-creative-portfolio .foundry-founder-profile__media img, .foundry-page--preset-creative-portfolio .foundry-page-list__image { object-position: var(--foundry-creative-image-position); filter: var(--foundry-creative-image-filter); } .foundry-page--preset-creative-portfolio .foundry-hero__actions a, .foundry-page--preset-creative-portfolio .foundry-section-header__cta a, .foundry-page--preset-creative-portfolio .foundry-media-sequence__body a, .foundry-page--preset-creative-portfolio .foundry-founder-profile__content a, .foundry-page--preset-creative-portfolio .foundry-page-list__actions a, .foundry-page--preset-creative-portfolio .foundry-cta__actions a { border-radius: var(--foundry-creative-button-radius); } .foundry-page--preset-creative-portfolio .foundry-page-list__subtitle { margin-top: 1rem; } .foundry-page--preset-creative-portfolio .foundry-page-list__grid { display: grid; grid-template-columns: 1fr; gap: var(--foundry-creative-gap-lg); margin-top: 2.5rem; } .foundry-page--preset-creative-portfolio .foundry-page-list__list, .foundry-page--preset-creative-portfolio .foundry-page-list__compact { display: grid; gap: var(--foundry-creative-gap); margin-top: 2.25rem; } .foundry-page--preset-creative-portfolio .foundry-page-list__card, .foundry-page--preset-creative-portfolio .foundry-page-list__list-item, .foundry-page--preset-creative-portfolio .foundry-page-list__empty, .foundry-page--preset-creative-portfolio .foundry-timeline--cards .foundry-timeline__item, .foundry-page--preset-creative-portfolio .foundry-contact-split__meta-card, .foundry-page--preset-creative-portfolio .foundry-contact-split__form-panel, .foundry-page--preset-creative-portfolio .foundry-cta__panel { border: 1px solid var(--foundry-creative-panel-border); border-radius: var(--foundry-creative-panel-radius); background: var(--foundry-creative-panel-bg); box-shadow: var(--foundry-creative-panel-shadow); } .foundry-page--preset-creative-portfolio .foundry-page-list__card, .foundry-page--preset-creative-portfolio .foundry-page-list__list-item, .foundry-page--preset-creative-portfolio .foundry-page-list__empty, .foundry-page--preset-creative-portfolio .foundry-timeline--cards .foundry-timeline__item, .foundry-page--preset-creative-portfolio .foundry-contact-split__meta-card, .foundry-page--preset-creative-portfolio .foundry-contact-split__form-panel, .foundry-page--preset-creative-portfolio .foundry-cta__panel { padding: var(--foundry-creative-panel-padding); } .foundry-page--preset-creative-portfolio .foundry-page-list__list-layout { display: flex; flex-direction: column; gap: var(--foundry-creative-gap); } .foundry-page--preset-creative-portfolio .foundry-page-list__image-link { display: block; } .foundry-page--preset-creative-portfolio .foundry-page-list__image { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; } .foundry-page--preset-creative-portfolio .foundry-page-list__item-title { margin: 1.15rem 0 0; } .foundry-page--preset-creative-portfolio .foundry-page-list__item-title a, .foundry-page--preset-creative-portfolio .foundry-timeline a, .foundry-page--preset-creative-portfolio .foundry-rich-text__body a { color: inherit; text-underline-offset: 0.18em; } .foundry-page--preset-creative-portfolio .foundry-page-list__meta { margin: 0.65rem 0 0; font-size: var(--foundry-creative-meta-size); font-weight: 700; line-height: 1.3; text-transform: uppercase; } .foundry-page--preset-creative-portfolio .foundry-page-list__summary { margin: 0.85rem 0 0; } .foundry-page--preset-creative-portfolio .foundry-page-list__actions { margin-top: 1.15rem; } .foundry-page--preset-creative-portfolio .foundry-page-list__compact { overflow: hidden; padding: 0; list-style: none; } .foundry-page--preset-creative-portfolio .foundry-page-list__compact a { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.75rem; padding: 1rem 1.15rem; color: inherit; text-decoration: none; } .foundry-page--preset-creative-portfolio .foundry-timeline__inner { max-width: var(--foundry-creative-narrow-max); } .foundry-page--preset-creative-portfolio .foundry-timeline__list { margin-top: 2.5rem; } .foundry-page--preset-creative-portfolio .foundry-timeline--vertical .foundry-timeline__list, .foundry-page--preset-creative-portfolio .foundry-timeline--compact .foundry-timeline__list { display: grid; gap: var(--foundry-creative-gap-lg); border-left: 1px solid var(--foundry-creative-panel-border); padding-left: 1.5rem; } .foundry-page--preset-creative-portfolio .foundry-timeline__item { position: relative; } .foundry-page--preset-creative-portfolio .foundry-timeline__marker { position: absolute; top: 0.35rem; left: -2rem; display: block; width: 0.9rem; height: 0.9rem; border: 2px solid var(--foundry-surface, #ffffff); border-radius: 999px; background: var(--foundry-brand-primary, #0f172a); box-shadow: 0 0 0 1px var(--foundry-creative-panel-border); } .foundry-page--preset-creative-portfolio .foundry-timeline--cards .foundry-timeline__list { display: grid; grid-template-columns: 1fr; gap: var(--foundry-creative-gap); } .foundry-page--preset-creative-portfolio .foundry-timeline__content p, .foundry-page--preset-creative-portfolio .foundry-timeline__content + p { margin: 0.65rem 0 0; } .foundry-page--preset-creative-portfolio .foundry-contact-split--minimal .foundry-contact-split__inner, .foundry-page--preset-creative-portfolio .foundry-contact-split--centered .foundry-contact-split__inner { max-width: var(--foundry-creative-narrow-max); } .foundry-page--preset-creative-portfolio .foundry-contact-split--centered .foundry-contact-split__inner { text-align: center; } .foundry-page--preset-creative-portfolio .foundry-contact-split--split .foundry-contact-split__inner { display: grid; gap: var(--foundry-creative-gap-lg); } .foundry-page--preset-creative-portfolio .foundry-contact-split__subtitle { margin: 1rem 0 0; } .foundry-page--preset-creative-portfolio .foundry-contact-split__meta-list, .foundry-page--preset-creative-portfolio .foundry-contact-split__form { display: grid; gap: var(--foundry-creative-gap); margin-top: 2rem; } .foundry-page--preset-creative-portfolio .foundry-contact-split__meta-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.75rem; margin-top: 1.5rem; } .foundry-page--preset-creative-portfolio .foundry-contact-split__meta-chip { display: inline-flex; align-items: center; gap: 0.5rem; border: 1px solid var(--foundry-creative-panel-border); border-radius: 999px; background: var(--foundry-creative-panel-bg); padding: 0.65rem 1rem; color: inherit; text-decoration: none; } .foundry-page--preset-creative-portfolio .foundry-contact-split__meta-label { margin: 0; font-size: var(--foundry-creative-meta-size); font-weight: 700; line-height: 1.3; text-transform: uppercase; } .foundry-page--preset-creative-portfolio .foundry-contact-split__meta-link, .foundry-page--preset-creative-portfolio .foundry-contact-split__meta-value { display: block; margin-top: 0.45rem; } .foundry-page--preset-creative-portfolio .foundry-contact-split__form-panel { background: var(--foundry-creative-panel-muted-bg); text-align: left; } .foundry-page--preset-creative-portfolio .foundry-contact-split__form-panel > p { font-family: var(--foundry-creative-body-family); line-height: var(--foundry-creative-copy-line-height); } .foundry-page--preset-creative-portfolio .foundry-contact-split__field { display: grid; gap: 0.5rem; font-size: 0.92rem; font-weight: 700; } .foundry-page--preset-creative-portfolio .foundry-contact-split__control { width: 100%; min-height: 2.9rem; border: 1px solid var(--foundry-creative-panel-border); border-radius: var(--foundry-creative-panel-radius); background: var(--foundry-surface, #ffffff); color: var(--foundry-text, #0f172a); font: inherit; padding: 0.78rem 0.95rem; } .foundry-page--preset-creative-portfolio .foundry-contact-split__control--textarea, .foundry-page--preset-creative-portfolio .foundry-contact-split__control[rows] { min-height: 8rem; } .foundry-page--preset-creative-portfolio .foundry-contact-split__submit { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 2.9rem; border: 0; border-radius: var(--foundry-creative-button-radius); background: var(--foundry-button-primary-bg); color: var(--foundry-button-primary-text); font-weight: 700; padding: 0.78rem 1.15rem; } .foundry-page--preset-creative-portfolio .foundry-rich-text__inner { max-width: var(--foundry-creative-narrow-max); } .foundry-page--preset-creative-portfolio .foundry-rich-text__body { font-size: 1.05rem; } .foundry-page--preset-creative-portfolio .foundry-rich-text__title { margin: 0 0 1.25rem; } .foundry-page--preset-creative-portfolio .foundry-rich-text--magazine .foundry-rich-text__body { font-size: 1.1rem; } .foundry-page--preset-creative-portfolio .foundry-rich-text__body > * + * { margin-top: 1rem; } .foundry-page--preset-creative-portfolio .foundry-rich-text__body h1, .foundry-page--preset-creative-portfolio .foundry-rich-text__body h2, .foundry-page--preset-creative-portfolio .foundry-rich-text__body h3 { margin-top: 2.2rem; } .foundry-page--preset-creative-portfolio .foundry-rich-text__body ul, .foundry-page--preset-creative-portfolio .foundry-rich-text__body ol { padding-left: 1.25rem; } .foundry-page--preset-creative-portfolio .foundry-cta__inner { max-width: var(--foundry-creative-narrow-max); } .foundry-page--preset-creative-portfolio .foundry-cta__panel { text-align: center; } .foundry-page--preset-creative-portfolio .foundry-cta__panel.text-left { text-align: left; } .foundry-page--preset-creative-portfolio .foundry-cta__title { overflow-wrap: anywhere; letter-spacing: -0.01em; } .foundry-page--preset-creative-portfolio .foundry-cta__text { margin: 1rem auto 0; } .foundry-page--preset-creative-portfolio .foundry-cta__panel.text-left .foundry-cta__text { margin-right: 0; margin-left: 0; } .foundry-page--preset-creative-portfolio .foundry-cta__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.9rem; margin-top: 2rem; } .foundry-page--preset-creative-portfolio .foundry-cta__actions.justify-start { justify-content: flex-start; } .foundry-page--preset-creative-portfolio .foundry-table-of-contents__inner { max-width: var(--foundry-creative-narrow-max); } .foundry-page--preset-creative-portfolio .foundry-table-of-contents__widget { border-color: var(--foundry-creative-panel-border); border-radius: var(--foundry-creative-panel-radius); background: var(--foundry-creative-panel-bg); box-shadow: var(--foundry-creative-panel-shadow); } .foundry-page--preset-creative-portfolio .foundry-table-of-contents__link { font-family: var(--foundry-creative-body-family); } @media (max-width: 639px) { .foundry-page--preset-creative-portfolio .foundry-cta__inner { padding-inline: 0; } } @media (min-width: 640px) { .foundry-page--preset-creative-portfolio { --foundry-creative-hero-title-size: 5.6rem; --foundry-creative-section-title-size: 3.75rem; --foundry-creative-item-title-size: 2.25rem; --foundry-creative-hero-min-height: 40rem; } .foundry-page--preset-creative-portfolio .foundry-block > section, .foundry-page--preset-creative-portfolio .foundry-block > * > section { padding-top: var(--foundry-creative-section-space-y-lg); padding-bottom: var(--foundry-creative-section-space-y-lg); } .foundry-page--preset-creative-portfolio .foundry-media-sequence__items > :not([hidden]) ~ :not([hidden]) { margin-top: var(--foundry-creative-reel-gap-lg); } .foundry-page--preset-creative-portfolio .foundry-page-list__card, .foundry-page--preset-creative-portfolio .foundry-page-list__list-item, .foundry-page--preset-creative-portfolio .foundry-page-list__empty, .foundry-page--preset-creative-portfolio .foundry-timeline--cards .foundry-timeline__item, .foundry-page--preset-creative-portfolio .foundry-contact-split__meta-card, .foundry-page--preset-creative-portfolio .foundry-contact-split__form-panel, .foundry-page--preset-creative-portfolio .foundry-cta__panel { padding: var(--foundry-creative-panel-padding-lg); } } @media (max-width: 640px) { .foundry-page--preset-creative-portfolio .foundry-hero__inner { width: calc(100% - 2rem); } } @media (min-width: 768px) { .foundry-page--preset-creative-portfolio .foundry-page-list__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .foundry-page--preset-creative-portfolio .foundry-page-list__grid.md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .foundry-page--preset-creative-portfolio .foundry-page-list__list-layout { flex-direction: row; align-items: flex-start; } .foundry-page--preset-creative-portfolio .foundry-page-list__list .foundry-page-list__image-link { width: 13rem; flex: 0 0 13rem; } .foundry-page--preset-creative-portfolio .foundry-timeline--cards .foundry-timeline__list { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 1024px) { .foundry-page--preset-creative-portfolio .foundry-contact-split--split .foundry-contact-split__inner { grid-template-columns: minmax(0, 1fr) minmax(20rem, 0.85fr); align-items: start; } .foundry-page--preset-creative-portfolio .foundry-rich-text__body[class*="lg:columns-2"] { column-count: 2; column-gap: 3rem; } .foundry-page--preset-creative-portfolio .foundry-rich-text__body[class*="break-inside-avoid"] > * { break-inside: avoid; } } .foundry-search { --_foundry-search-panel-bg: var(--foundry-search-panel-bg, transparent); --_foundry-search-panel-shadow: var(--foundry-search-panel-shadow, none); --_foundry-search-icon-color: var(--foundry-search-icon-color, color-mix(in srgb, var(--foundry-text-muted, #475569) 82%, transparent)); --_foundry-search-input-border: var(--foundry-search-input-border, var(--foundry-border, #e2e8f0)); --_foundry-search-input-bg: var(--foundry-search-input-bg, color-mix(in srgb, var(--foundry-surface, #ffffff) 96%, transparent)); --_foundry-search-input-color: var(--foundry-search-input-color, var(--foundry-text, #0f172a)); --_foundry-search-input-shadow: var(--foundry-search-input-shadow, var(--foundry-shadow-sm, 0 8px 24px rgba(15, 23, 42, 0.08))); --_foundry-search-input-focus-border: var(--foundry-search-input-focus-border, var(--foundry-brand-accent, #3b82f6)); --_foundry-search-input-focus-ring: var(--foundry-search-input-focus-ring, 0 0 0 3px color-mix(in srgb, var(--foundry-brand-accent, #3b82f6) 16%, transparent)); --_foundry-search-clear-border: var(--foundry-search-clear-border, color-mix(in srgb, var(--foundry-border, #e2e8f0) 92%, transparent)); --_foundry-search-clear-bg: var(--foundry-search-clear-bg, color-mix(in srgb, var(--foundry-surface-soft, #f8fafc) 94%, transparent)); --_foundry-search-clear-color: var(--foundry-search-clear-color, var(--foundry-text, #0f172a)); --_foundry-search-clear-hover-border: var(--foundry-search-clear-hover-border, var(--foundry-border-strong, #cbd5e1)); --_foundry-search-clear-hover-bg: var(--foundry-search-clear-hover-bg, color-mix(in srgb, var(--foundry-surface-soft, #f8fafc) 82%, transparent)); --_foundry-search-filter-label-color: var(--foundry-search-filter-label-color, var(--foundry-text-muted, #475569)); --_foundry-search-filter-border: var(--foundry-search-filter-border, var(--foundry-border, #e2e8f0)); --_foundry-search-filter-bg: var(--foundry-search-filter-bg, color-mix(in srgb, var(--foundry-surface, #ffffff) 96%, transparent)); --_foundry-search-filter-color: var(--foundry-search-filter-color, var(--foundry-text, #0f172a)); --_foundry-search-filter-focus-border: var(--foundry-search-filter-focus-border, var(--foundry-brand-accent, #3b82f6)); --_foundry-search-filter-focus-ring: var(--foundry-search-filter-focus-ring, 0 0 0 3px color-mix(in srgb, var(--foundry-brand-accent, #3b82f6) 14%, transparent)); --_foundry-search-reset-color: var(--foundry-search-reset-color, var(--foundry-text-muted, #475569)); --_foundry-search-reset-hover-color: var(--foundry-search-reset-hover-color, var(--foundry-text, #0f172a)); --_foundry-search-tabbar-label-color: var(--foundry-search-tabbar-label-color, var(--foundry-text-muted, #475569)); --_foundry-search-tab-bg: var(--foundry-search-tab-bg, color-mix(in srgb, var(--foundry-surface-soft, #f8fafc) 88%, transparent)); --_foundry-search-tab-border: var(--foundry-search-tab-border, color-mix(in srgb, var(--foundry-border, #e2e8f0) 92%, transparent)); --_foundry-search-tab-color: var(--foundry-search-tab-color, var(--foundry-text-muted, #475569)); --_foundry-search-tab-active-bg: var(--foundry-search-tab-active-bg, color-mix(in srgb, var(--foundry-brand-primary, #0f172a) 10%, var(--foundry-surface, #ffffff))); --_foundry-search-tab-active-border: var(--foundry-search-tab-active-border, color-mix(in srgb, var(--foundry-brand-primary, #0f172a) 22%, var(--foundry-border, #e2e8f0))); --_foundry-search-tab-active-color: var(--foundry-search-tab-active-color, var(--foundry-brand-primary-strong, var(--foundry-brand-primary, #0f172a))); --_foundry-search-summary-border: var(--foundry-search-summary-border, color-mix(in srgb, var(--foundry-border, #e2e8f0) 92%, transparent)); --_foundry-search-summary-bg: var(--foundry-search-summary-bg, color-mix(in srgb, var(--foundry-surface-soft, #f8fafc) 58%, transparent)); --_foundry-search-summary-chip-bg: var(--foundry-search-summary-chip-bg, color-mix(in srgb, var(--foundry-surface, #ffffff) 98%, transparent)); --_foundry-search-summary-chip-border: var(--foundry-search-summary-chip-border, color-mix(in srgb, var(--foundry-border, #e2e8f0) 92%, transparent)); --_foundry-search-summary-chip-color: var(--foundry-search-summary-chip-color, var(--foundry-text, #0f172a)); --_foundry-search-summary-clear-color: var(--foundry-search-summary-clear-color, var(--foundry-text-muted, #475569)); --_foundry-search-summary-clear-hover-color: var(--foundry-search-summary-clear-hover-color, var(--foundry-text, #0f172a)); --_foundry-search-state-border: var(--foundry-search-state-border, color-mix(in srgb, var(--foundry-border, #e2e8f0) 90%, transparent)); --_foundry-search-state-bg: var(--foundry-search-state-bg, color-mix(in srgb, var(--foundry-surface-soft, #f8fafc) 74%, transparent)); --_foundry-search-state-label-color: var(--foundry-search-state-label-color, var(--foundry-text-muted, #475569)); --_foundry-search-state-title-color: var(--foundry-search-state-title-color, var(--foundry-text, #0f172a)); --_foundry-search-state-text-color: var(--foundry-search-state-text-color, var(--foundry-text-muted, #475569)); --_foundry-search-state-chip-bg: var(--foundry-search-state-chip-bg, var(--_foundry-search-tab-bg)); --_foundry-search-state-chip-border: var(--foundry-search-state-chip-border, var(--_foundry-search-tab-border)); --_foundry-search-state-chip-color: var(--foundry-search-state-chip-color, var(--foundry-text, #0f172a)); --_foundry-search-state-chip-hover-border: var(--foundry-search-state-chip-hover-border, var(--_foundry-search-tab-active-border)); --_foundry-search-state-chip-hover-bg: var(--foundry-search-state-chip-hover-bg, var(--_foundry-search-tab-active-bg)); --_foundry-search-state-link-bg: var(--foundry-search-state-link-bg, var(--_foundry-search-overlay-link-bg)); --_foundry-search-state-link-border: var(--foundry-search-state-link-border, var(--_foundry-search-overlay-link-border)); --_foundry-search-state-link-hover-border: var(--foundry-search-state-link-hover-border, var(--_foundry-search-overlay-link-hover-border)); --_foundry-search-state-link-shadow: var(--foundry-search-state-link-shadow, var(--_foundry-search-overlay-link-shadow)); --_foundry-search-overlay-backdrop: var(--foundry-search-overlay-backdrop, color-mix(in srgb, var(--foundry-brand-primary, #0f172a) 62%, transparent)); --_foundry-search-overlay-surface: var( --foundry-search-overlay-surface, linear-gradient( 180deg, var(--foundry-surface, #ffffff), color-mix(in srgb, var(--foundry-surface-soft, #f8fafc) 72%, var(--foundry-surface, #ffffff)) ) ); --_foundry-search-overlay-border: var(--foundry-search-overlay-border, color-mix(in srgb, var(--foundry-border, #e2e8f0) 92%, transparent)); --_foundry-search-overlay-shadow: var(--foundry-search-overlay-shadow, 0 24px 60px rgba(15, 23, 42, 0.22)); --_foundry-search-overlay-chip-bg: var(--foundry-search-overlay-chip-bg, color-mix(in srgb, var(--foundry-brand-primary, #0f172a) 8%, var(--foundry-surface, #ffffff))); --_foundry-search-overlay-chip-border: var(--foundry-search-overlay-chip-border, color-mix(in srgb, var(--foundry-border, #e2e8f0) 88%, transparent)); --_foundry-search-overlay-chip-color: var(--foundry-search-overlay-chip-color, var(--foundry-text, #0f172a)); --_foundry-search-overlay-link-bg: var( --foundry-search-overlay-link-bg, linear-gradient( 180deg, color-mix(in srgb, var(--foundry-surface, #ffffff) 96%, var(--foundry-surface-soft, #f8fafc)), color-mix(in srgb, var(--foundry-surface-soft, #f8fafc) 88%, var(--foundry-surface, #ffffff)) ) ); --_foundry-search-overlay-link-border: var(--foundry-search-overlay-link-border, color-mix(in srgb, var(--foundry-border, #e2e8f0) 88%, transparent)); --_foundry-search-overlay-link-hover-border: var(--foundry-search-overlay-link-hover-border, color-mix(in srgb, var(--foundry-brand-primary, #0f172a) 22%, var(--foundry-border, #e2e8f0))); --_foundry-search-overlay-link-shadow: var(--foundry-search-overlay-link-shadow, 0 12px 28px rgba(15, 23, 42, 0.08)); --_foundry-search-overlay-panel-bg: var(--foundry-search-overlay-panel-bg, var(--_foundry-search-overlay-link-bg)); --_foundry-search-overlay-row-bg: var(--foundry-search-overlay-row-bg, var(--_foundry-search-overlay-link-bg)); --_foundry-search-overlay-row-border: var(--foundry-search-overlay-row-border, var(--_foundry-search-overlay-link-border)); --_foundry-search-overlay-row-hover-border: var(--foundry-search-overlay-row-hover-border, var(--_foundry-search-overlay-link-hover-border)); --_foundry-search-overlay-row-shadow: var(--foundry-search-overlay-row-shadow, var(--_foundry-search-overlay-link-shadow)); --_foundry-search-card-radius: var(--foundry-search-card-radius, 1.45rem); --_foundry-search-card-border: var(--foundry-search-card-border, color-mix(in srgb, var(--foundry-border, #e2e8f0) 94%, transparent)); --_foundry-search-card-bg: var(--foundry-search-card-bg, color-mix(in srgb, var(--foundry-surface, #ffffff) 98%, transparent)); --_foundry-search-card-shadow: var(--foundry-search-card-shadow, var(--foundry-shadow-sm, 0 8px 24px rgba(15, 23, 42, 0.08))); --_foundry-search-card-hover-border: var(--foundry-search-card-hover-border, color-mix(in srgb, var(--foundry-card-hover-border, var(--foundry-brand-accent, #3b82f6)) 72%, transparent)); --_foundry-search-card-hover-shadow: var(--foundry-search-card-hover-shadow, var(--foundry-card-hover-shadow, 0 16px 36px rgba(15, 23, 42, 0.12))); --_foundry-search-media-bg: var(--foundry-search-media-bg, linear-gradient(135deg, color-mix(in srgb, var(--foundry-surface-soft, #f8fafc) 88%, transparent), color-mix(in srgb, var(--foundry-brand-primary, #0f172a) 10%, transparent))); --_foundry-search-media-border: var(--foundry-search-media-border, transparent); --_foundry-search-pill-bg: var(--foundry-search-pill-bg, color-mix(in srgb, var(--foundry-brand-primary, #0f172a) 10%, var(--foundry-surface, #ffffff))); --_foundry-search-pill-color: var(--foundry-search-pill-color, var(--foundry-brand-primary-strong, var(--foundry-brand-primary, #0f172a))); --_foundry-search-title-color: var(--foundry-search-title-color, var(--foundry-text, #0f172a)); --_foundry-search-title-hover: var(--foundry-search-title-hover, var(--foundry-link-hover, var(--foundry-brand-primary, #0f172a))); --_foundry-search-mark-bg: var(--foundry-search-mark-bg, color-mix(in srgb, var(--foundry-brand-accent, #3b82f6) 18%, transparent)); --_foundry-search-tag-bg: var(--foundry-search-tag-bg, color-mix(in srgb, var(--foundry-surface-soft, #f8fafc) 92%, transparent)); --_foundry-search-tag-color: var(--foundry-search-tag-color, var(--foundry-text-muted, #475569)); } .foundry-search__status[data-foundry-search-status] { margin: 0; } .foundry-search__app[data-state="loading"] .foundry-search__mount { opacity: 0.76; } .foundry-search__app[data-state="unavailable"] .foundry-search__mount { display: none; } .foundry-search__ui { display: grid; gap: 1rem; } .foundry-search__panel { background: var(--_foundry-search-panel-bg); box-shadow: var(--_foundry-search-panel-shadow); } .foundry-search__form { margin: 0; } .foundry-search__tabbar { display: grid; gap: 0.7rem; } .foundry-search__tabbar-label { color: var(--_foundry-search-tabbar-label-color); font-size: 0.78rem; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; } .foundry-search__tabs { display: flex; flex-wrap: wrap; gap: 0.6rem; } .foundry-search__tab { display: inline-flex; align-items: center; justify-content: center; min-height: 2.65rem; border: 1px solid var(--_foundry-search-tab-border); border-radius: 999px; background: var(--_foundry-search-tab-bg); color: var(--_foundry-search-tab-color); cursor: pointer; font: inherit; font-size: 0.92rem; font-weight: 600; line-height: 1.1; padding: 0.7rem 1rem; transition: border-color var(--foundry-duration-fast, 140ms) var(--foundry-ease-standard, ease), background var(--foundry-duration-fast, 140ms) var(--foundry-ease-standard, ease), color var(--foundry-duration-fast, 140ms) var(--foundry-ease-standard, ease), transform var(--foundry-duration-fast, 140ms) var(--foundry-ease-standard, ease); } .foundry-search__tab:hover, .foundry-search__tab:focus-visible { transform: translateY(-1px); } .foundry-search__tab[data-active="true"], .foundry-search__tab[aria-selected="true"] { border-color: var(--_foundry-search-tab-active-border); background: var(--_foundry-search-tab-active-bg); color: var(--_foundry-search-tab-active-color); } .foundry-search__controls { display: grid; gap: 0.9rem; } .foundry-search__controls-main { display: flex; flex-wrap: wrap; gap: 0.85rem; align-items: end; } .foundry-search__filters { display: grid; gap: 0.85rem; flex: 1 1 34rem; } .foundry-search__filter { display: grid; gap: 0.35rem; } .foundry-search__filter--sort { flex: 0 0 min(100%, 15rem); } .foundry-search__filter-label { color: var(--_foundry-search-filter-label-color); font-size: 0.78rem; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; } .foundry-search__filter-select { width: 100%; min-height: 2.9rem; border: 1px solid var(--_foundry-search-filter-border); border-radius: 1rem; background: var(--_foundry-search-filter-bg); color: var(--_foundry-search-filter-color); font: inherit; line-height: 1.4; padding: 0.72rem 2.4rem 0.72rem 0.95rem; box-shadow: var(--foundry-shadow-sm, 0 8px 24px rgba(15, 23, 42, 0.08)); outline: none; } .foundry-search__filter-select:focus { border-color: var(--_foundry-search-filter-focus-border); box-shadow: var(--foundry-shadow-sm, 0 8px 24px rgba(15, 23, 42, 0.08)), var(--_foundry-search-filter-focus-ring); } .foundry-search__reset { justify-self: start; border: 0; background: transparent; color: var(--_foundry-search-reset-color); cursor: pointer; font: inherit; font-size: 0.92rem; font-weight: 600; padding: 0; text-decoration: underline; text-underline-offset: 0.16em; } .foundry-search__reset:hover, .foundry-search__reset:focus-visible { color: var(--_foundry-search-reset-hover-color); } .foundry-search__summary { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.9rem; padding: 0.95rem 1rem; border: 1px solid var(--_foundry-search-summary-border); border-radius: 1.15rem; background: var(--_foundry-search-summary-bg); } .foundry-search__summary-chips { display: flex; flex-wrap: wrap; gap: 0.55rem; } .foundry-search__summary-chip { display: inline-flex; align-items: center; border: 1px solid var(--_foundry-search-summary-chip-border); border-radius: 999px; background: var(--_foundry-search-summary-chip-bg); color: var(--_foundry-search-summary-chip-color); font-size: 0.82rem; font-weight: 600; line-height: 1.2; padding: 0.42rem 0.78rem; } .foundry-search__summary-clear { border: 0; background: transparent; color: var(--_foundry-search-summary-clear-color); cursor: pointer; font: inherit; font-size: 0.9rem; font-weight: 600; padding: 0; text-decoration: underline; text-underline-offset: 0.16em; } .foundry-search__summary-clear:hover, .foundry-search__summary-clear:focus-visible { color: var(--_foundry-search-summary-clear-hover-color); } .foundry-search__input-shell { position: relative; display: flex; align-items: center; padding: 0.28rem; border: 1px solid color-mix(in srgb, var(--_foundry-search-input-border) 78%, var(--_foundry-search-input-focus-border) 8%); border-radius: 999px; background: var(--_foundry-search-input-bg); box-shadow: 0 18px 38px rgba(15, 23, 42, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.4); transition: border-color var(--foundry-duration-fast, 140ms) var(--foundry-ease-standard, ease), box-shadow var(--foundry-duration-fast, 140ms) var(--foundry-ease-standard, ease), transform var(--foundry-duration-fast, 140ms) var(--foundry-ease-standard, ease); } .foundry-search__input-shell:focus-within { border-color: var(--_foundry-search-input-focus-border); box-shadow: 0 24px 52px rgba(15, 23, 42, 0.12), var(--_foundry-search-input-focus-ring); transform: translateY(-1px); } .foundry-search__icon { position: absolute; left: 1rem; width: 1rem; height: 1rem; color: var(--_foundry-search-icon-color); pointer-events: none; } .foundry-search__icon svg { display: block; width: 100%; height: 100%; } .foundry-search__input { width: 100%; min-height: 3.65rem; padding: 1rem 5.2rem 1rem 2.95rem; border: 0; border-radius: 999px; background: transparent; color: var(--_foundry-search-input-color); box-shadow: none; font-size: var(--foundry-type-body-size, 1rem); font-weight: 600; letter-spacing: 0; outline: none; } .foundry-search__input:focus { border-color: transparent; box-shadow: none; } .foundry-search__input::placeholder { color: color-mix(in srgb, var(--foundry-text-muted, #475569) 76%, transparent); } .foundry-search__clear { position: absolute; right: 0.42rem; display: inline-flex; align-items: center; justify-content: center; min-width: 3.45rem; height: 2.5rem; border: 1px solid var(--_foundry-search-clear-border); border-radius: 999px; background: var(--_foundry-search-clear-bg); color: var(--_foundry-search-clear-color); font: inherit; font-size: 0.88rem; font-weight: 700; letter-spacing: 0; padding: 0 0.95rem; box-shadow: 0 12px 24px rgba(15, 23, 42, 0.12); cursor: pointer; transition: background var(--foundry-duration-fast, 140ms) var(--foundry-ease-standard, ease), border-color var(--foundry-duration-fast, 140ms) var(--foundry-ease-standard, ease), box-shadow var(--foundry-duration-fast, 140ms) var(--foundry-ease-standard, ease), transform var(--foundry-duration-fast, 140ms) var(--foundry-ease-standard, ease); } .foundry-search__clear:hover, .foundry-search__clear:focus-visible { border-color: var(--_foundry-search-clear-hover-border); background: var(--_foundry-search-clear-hover-bg); box-shadow: 0 16px 28px rgba(15, 23, 42, 0.16); transform: translateY(-1px); } .foundry-search__empty { padding: 1.2rem 1.25rem; border: 1px dashed var(--_foundry-search-state-border); border-radius: 1.25rem; background: var(--_foundry-search-state-bg); color: var(--_foundry-search-state-text-color); line-height: 1.6; } .foundry-search__empty[data-variant="loading"] { border-style: solid; } .foundry-search__empty[data-variant="no-results"] { border-style: solid; } .foundry-search__state-panel { display: grid; gap: 1rem; } .foundry-search__state-copy { max-width: var(--foundry-type-measure, 42rem); } .foundry-search__state-title { margin: 0; color: var(--_foundry-search-state-title-color); font-family: var(--foundry-font-family-heading, inherit); font-size: var(--foundry-search-state-title-size, var(--foundry-type-item-size, 1.35rem)); line-height: 1.2; } .foundry-search__state-text { margin: 0.45rem 0 0; color: var(--_foundry-search-state-text-color); line-height: var(--foundry-type-body-line-height, 1.7); } .foundry-search__state-group { display: grid; gap: 0.7rem; } .foundry-search__state-label { margin: 0; color: var(--_foundry-search-state-label-color); font-size: 0.78rem; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; } .foundry-search__state-actions { display: flex; flex-wrap: wrap; gap: 0.65rem; } .foundry-search__state-chip { display: inline-flex; align-items: center; justify-content: center; min-height: 2.65rem; border: 1px solid var(--_foundry-search-state-chip-border); border-radius: 999px; background: var(--_foundry-search-state-chip-bg); color: var(--_foundry-search-state-chip-color); cursor: pointer; font: inherit; font-size: 0.92rem; font-weight: 600; line-height: 1.1; padding: 0.7rem 1rem; transition: border-color var(--foundry-duration-fast, 140ms) var(--foundry-ease-standard, ease), background var(--foundry-duration-fast, 140ms) var(--foundry-ease-standard, ease), color var(--foundry-duration-fast, 140ms) var(--foundry-ease-standard, ease), transform var(--foundry-duration-fast, 140ms) var(--foundry-ease-standard, ease); } .foundry-search__state-chip:hover, .foundry-search__state-chip:focus-visible { transform: translateY(-1px); border-color: var(--_foundry-search-state-chip-hover-border); background: var(--_foundry-search-state-chip-hover-bg); } .foundry-search__state-links { display: grid; gap: 0.75rem; } .foundry-search__state-link { display: grid; gap: 0.3rem; padding: 0.95rem 1rem; border: 1px solid var(--_foundry-search-state-link-border); border-radius: 1.1rem; background: var(--_foundry-search-state-link-bg); color: inherit; text-decoration: none; transition: transform var(--foundry-duration-fast, 140ms) var(--foundry-ease-standard, ease), border-color var(--foundry-duration-fast, 140ms) var(--foundry-ease-standard, ease), box-shadow var(--foundry-duration-fast, 140ms) var(--foundry-ease-standard, ease); } .foundry-search__state-link:hover, .foundry-search__state-link:focus-visible { transform: translateY(-1px); border-color: var(--_foundry-search-state-link-hover-border); box-shadow: var(--_foundry-search-state-link-shadow); } .foundry-search__state-link-title { color: var(--_foundry-search-state-title-color); font-weight: 700; line-height: 1.3; } .foundry-search__state-link-text { color: var(--_foundry-search-state-text-color); font-size: 0.95rem; line-height: 1.55; } .foundry-search__results { display: grid; gap: 1rem; margin: 0; padding: 0; list-style: none; } .foundry-search__result { margin: 0; } .foundry-search__result-card { display: grid; gap: 1rem; grid-template-areas: "media" "content"; grid-template-columns: minmax(0, 1fr); align-items: start; border: 1px solid var(--_foundry-search-card-border); border-radius: var(--_foundry-search-card-radius); background: var(--_foundry-search-card-bg); padding: 1.1rem; box-shadow: var(--_foundry-search-card-shadow); transition: transform var(--foundry-duration-base, 220ms) var(--foundry-ease-standard, ease), box-shadow var(--foundry-duration-base, 220ms) var(--foundry-ease-standard, ease), border-color var(--foundry-duration-base, 220ms) var(--foundry-ease-standard, ease); } .foundry-search__result-card:hover, .foundry-search__result-card:focus-within { transform: translateY(var(--foundry-card-hover-lift, -3px)); border-color: var(--_foundry-search-card-hover-border); box-shadow: var(--_foundry-search-card-hover-shadow); } .foundry-search__result-media { grid-area: media; min-width: 0; width: 100%; max-width: 100%; overflow: hidden; border-radius: 1.1rem; aspect-ratio: 4 / 3; border: 1px solid var(--_foundry-search-media-border); background: var(--_foundry-search-media-bg); } .foundry-search__result-image { display: block; width: 100%; height: 100%; object-fit: cover; } .foundry-search__result-content { grid-area: content; min-width: 0; width: 100%; } .foundry-search__result-eyebrow { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; margin-bottom: 0.65rem; } .foundry-search__pill, .foundry-search__tag { display: inline-flex; align-items: center; border-radius: 999px; padding: 0.28rem 0.7rem; font-size: 0.73rem; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; } .foundry-search__pill { background: var(--_foundry-search-pill-bg); color: var(--_foundry-search-pill-color); } .foundry-search__eyebrow-label { color: var(--foundry-text-muted, #475569); font-size: 0.82rem; } .foundry-search__result-title { margin: 0; font-family: var(--foundry-font-family-heading, inherit); font-size: var(--foundry-search-result-title-size, var(--foundry-type-item-size, 1.35rem)); line-height: 1.18; } .foundry-search__result-title a { color: var(--_foundry-search-title-color); text-decoration: none; } .foundry-search__result-title a:hover, .foundry-search__result-title a:focus-visible { color: var(--_foundry-search-title-hover); } .foundry-search__result-meta { display: flex; flex-wrap: wrap; gap: 0.45rem; margin-top: 0.55rem; color: var(--foundry-text-muted, #475569); font-size: 0.9rem; } .foundry-search__meta-sep { color: color-mix(in srgb, var(--foundry-text-muted, #475569) 68%, transparent); } .foundry-search__result-excerpt { margin-top: 0.8rem; color: var(--foundry-text-muted, #475569); line-height: 1.7; overflow-wrap: anywhere; } .foundry-search__result-excerpt mark { background: var(--_foundry-search-mark-bg); color: inherit; border-radius: 0.25rem; padding: 0.02em 0.18em; } .foundry-search__tags { display: flex; flex-wrap: wrap; gap: 0.45rem; margin-top: 0.95rem; } .foundry-search__tag { background: var(--_foundry-search-tag-bg); color: var(--_foundry-search-tag-color); letter-spacing: 0.02em; text-transform: none; } .foundry-search-overlay-open { overflow: hidden; } .foundry-search-overlay[hidden] { display: none; } .foundry-search-overlay { position: fixed; inset: 0; z-index: var(--foundry-layer-overlay, 100); display: grid; align-items: stretch; justify-items: stretch; } .foundry-search-overlay__backdrop { position: absolute; inset: 0; background: var(--_foundry-search-overlay-backdrop); -webkit-backdrop-filter: blur(16px) saturate(0.88); backdrop-filter: blur(16px) saturate(0.88); } .foundry-search-overlay__dialog { position: relative; z-index: 1; isolation: isolate; display: grid; grid-template-rows: auto auto auto minmax(0, 1fr) auto; gap: 1rem; width: 100%; height: 100dvh; max-height: 100dvh; margin: 0; overflow: hidden; border: 1px solid var(--_foundry-search-overlay-border); border-radius: 0; background: var(--_foundry-search-overlay-surface); box-shadow: var(--_foundry-search-overlay-shadow); padding: 1rem 1rem 0.95rem; } .foundry-search-overlay__header { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 1rem; } .foundry-search-overlay__header-copy { max-width: 38rem; } .foundry-search-overlay__eyebrow { margin: 0; color: var(--foundry-text, #0f172a); font-family: var(--foundry-font-family-heading, inherit); font-size: var(--foundry-search-overlay-title-size, var(--foundry-type-headline-size, 2.35rem)); line-height: 0.98; } .foundry-search-overlay__text { margin: 0.4rem 0 0; color: var(--foundry-text-muted, #475569); line-height: 1.6; } .foundry-search-overlay__close { flex: 0 0 auto; min-width: 3rem; min-height: 3rem; border: 1px solid var(--_foundry-search-overlay-border); border-radius: 999px; background: color-mix(in srgb, var(--foundry-surface-soft, #f8fafc) 86%, var(--foundry-surface, #ffffff)); color: var(--foundry-text, #0f172a); cursor: pointer; font: inherit; font-size: 1.45rem; line-height: 1; } .foundry-search-overlay__input-shell { position: relative; padding: 0.28rem; border: 1px solid color-mix(in srgb, var(--_foundry-search-input-border) 78%, var(--_foundry-search-input-focus-border) 10%); border-radius: 999px; background: var(--_foundry-search-input-bg); box-shadow: 0 18px 38px rgba(15, 23, 42, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.35); transition: border-color var(--foundry-duration-fast, 140ms) var(--foundry-ease-standard, ease), box-shadow var(--foundry-duration-fast, 140ms) var(--foundry-ease-standard, ease), transform var(--foundry-duration-fast, 140ms) var(--foundry-ease-standard, ease); } .foundry-search-overlay__input-shell:focus-within { border-color: var(--_foundry-search-input-focus-border); box-shadow: 0 24px 54px rgba(15, 23, 42, 0.16), var(--_foundry-search-input-focus-ring); transform: translateY(-1px); } .foundry-search-overlay__input { width: 100%; min-height: 3.6rem; border: 0; border-radius: 999px; background: transparent; color: var(--_foundry-search-input-color); font: inherit; font-size: var(--foundry-type-body-size, 1rem); font-weight: 600; letter-spacing: 0; padding: 0.98rem 5rem 0.98rem 1.2rem; box-shadow: none; outline: none; } .foundry-search-overlay__input:focus { border-color: transparent; box-shadow: none; } .foundry-search-overlay__clear { position: absolute; right: 0.42rem; top: 50%; transform: translateY(-50%); min-width: 3.4rem; min-height: 2.45rem; border: 1px solid var(--_foundry-search-clear-border); border-radius: 999px; background: var(--_foundry-search-clear-bg); color: var(--_foundry-search-clear-color); cursor: pointer; font: inherit; font-size: 0.84rem; font-weight: 700; letter-spacing: 0; padding: 0 0.92rem; box-shadow: 0 12px 24px rgba(15, 23, 42, 0.14); transition: background var(--foundry-duration-fast, 140ms) var(--foundry-ease-standard, ease), border-color var(--foundry-duration-fast, 140ms) var(--foundry-ease-standard, ease), box-shadow var(--foundry-duration-fast, 140ms) var(--foundry-ease-standard, ease), transform var(--foundry-duration-fast, 140ms) var(--foundry-ease-standard, ease); } .foundry-search-overlay__clear:hover, .foundry-search-overlay__clear:focus-visible { border-color: var(--_foundry-search-clear-hover-border); background: var(--_foundry-search-clear-hover-bg); box-shadow: 0 16px 28px rgba(15, 23, 42, 0.18); transform: translateY(-50%) translateY(-1px); } .foundry-search-overlay__status { margin: 0; color: var(--foundry-text-muted, #475569); font-size: 0.9rem; } .foundry-search-overlay__body { display: grid; gap: 0.9rem; align-content: start; min-height: 0; overflow: auto; padding-right: 0.15rem; } .foundry-search-overlay__panel { padding: 1rem 1.05rem; border: 1px solid var(--_foundry-search-overlay-border); border-radius: 1.25rem; background: var(--_foundry-search-overlay-panel-bg); } .foundry-search-overlay__empty-text { margin: 0; color: var(--foundry-text-muted, #475569); line-height: 1.6; } .foundry-search-overlay__group { display: grid; gap: 0.75rem; margin-top: 1rem; } .foundry-search-overlay__group-label { margin: 0; color: var(--foundry-text-muted, #475569); font-size: 0.78rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; } .foundry-search-overlay__chips { display: flex; flex-wrap: wrap; gap: 0.55rem; } .foundry-search-overlay__chip, .foundry-search-overlay__summary-chip { display: inline-flex; align-items: center; border: 1px solid var(--_foundry-search-overlay-chip-border); border-radius: 999px; background: var(--_foundry-search-overlay-chip-bg); color: var(--_foundry-search-overlay-chip-color); cursor: pointer; font: inherit; font-size: 0.84rem; font-weight: 600; padding: 0.5rem 0.82rem; } .foundry-search-overlay__links { display: grid; gap: 0.7rem; } .foundry-search-overlay__link-card { display: grid; gap: 0.3rem; border: 1px solid var(--_foundry-search-overlay-link-border); border-radius: 1.15rem; background: var(--_foundry-search-overlay-link-bg); box-shadow: var(--_foundry-search-overlay-link-shadow); color: inherit; padding: 0.95rem 1rem; text-decoration: none; transition: border-color var(--foundry-duration-fast, 140ms) var(--foundry-ease-standard, ease), transform var(--foundry-duration-fast, 140ms) var(--foundry-ease-standard, ease), box-shadow var(--foundry-duration-fast, 140ms) var(--foundry-ease-standard, ease); } .foundry-search-overlay__link-card:hover, .foundry-search-overlay__link-card:focus-visible, .foundry-search-overlay__result:hover, .foundry-search-overlay__result:focus-visible { border-color: var(--_foundry-search-overlay-link-hover-border); transform: translateY(-1px); } .foundry-search-overlay__result-head { display: flex; flex-wrap: wrap; align-items: center; gap: 0.4rem; } .foundry-search-overlay__result-pill { display: inline-flex; align-items: center; border-radius: 999px; background: var(--_foundry-search-pill-bg); color: var(--_foundry-search-pill-color); font-size: 0.72rem; font-weight: 700; letter-spacing: 0.04em; padding: 0.28rem 0.62rem; text-transform: uppercase; } .foundry-search-overlay__result-topic { color: var(--foundry-text-muted, #475569); font-size: 0.82rem; font-weight: 600; } .foundry-search-overlay__link-title, .foundry-search-overlay__result-title { color: var(--foundry-text, #0f172a); font-weight: 700; line-height: 1.25; } .foundry-search-overlay__link-title { font-size: 1rem; } .foundry-search-overlay__result-title { font-family: var(--foundry-font-family-ui, var(--foundry-font-family-body, inherit)); font-size: 1rem; font-weight: 700; } .foundry-search-overlay__link-text, .foundry-search-overlay__result-text { color: var(--foundry-text-muted, #475569); line-height: 1.55; } .foundry-search-overlay__link-text { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .foundry-search-overlay__result-meta { display: flex; flex-wrap: wrap; gap: 0.42rem; color: var(--foundry-text-muted, #475569); font-size: 0.82rem; } .foundry-search-overlay__result-meta-sep { color: color-mix(in srgb, var(--foundry-text-muted, #475569) 72%, transparent); } .foundry-search-overlay__results { display: grid; gap: 0.65rem; margin: 0; padding: 0; list-style: none; } .foundry-search-overlay__result { display: grid; gap: 0.8rem; align-items: center; border: 1px solid var(--_foundry-search-overlay-row-border); border-radius: 1rem; background: var(--_foundry-search-overlay-row-bg); box-shadow: var(--_foundry-search-overlay-row-shadow); color: inherit; padding: 0.8rem 0.85rem; text-decoration: none; transition: border-color var(--foundry-duration-fast, 140ms) var(--foundry-ease-standard, ease), transform var(--foundry-duration-fast, 140ms) var(--foundry-ease-standard, ease), box-shadow var(--foundry-duration-fast, 140ms) var(--foundry-ease-standard, ease); } .foundry-search-overlay__result--with-media { grid-template-columns: 4.75rem minmax(0, 1fr); } .foundry-search-overlay__result:hover, .foundry-search-overlay__result:focus-visible { border-color: var(--_foundry-search-overlay-row-hover-border); } .foundry-search-overlay__result[data-active="true"] { border-color: var(--_foundry-search-overlay-row-hover-border); box-shadow: 0 18px 34px rgba(15, 23, 42, 0.14); } .foundry-search-overlay__result-media { overflow: hidden; width: 4.75rem; min-width: 4.75rem; border-radius: 0.9rem; aspect-ratio: 1 / 1; background: var(--_foundry-search-media-bg); } .foundry-search-overlay__result-image { display: block; width: 100%; height: 100%; object-fit: cover; } .foundry-search-overlay__result-content { display: grid; gap: 0.24rem; min-width: 0; } .foundry-search-overlay__result-text { display: -webkit-box; overflow: hidden; font-size: 0.84rem; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .foundry-search-overlay__footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.8rem; position: sticky; bottom: 0; background: var(--_foundry-search-overlay-surface); border-top: 1px solid var(--_foundry-search-overlay-border); margin: 0 -1rem -0.95rem; padding: 0.95rem 1rem 0.95rem; } .foundry-search-overlay__view-all { display: inline-flex; align-items: center; justify-content: center; min-height: 2.8rem; padding: 0.72rem 1.1rem; border: 1px solid color-mix(in srgb, var(--_foundry-search-clear-border) 82%, var(--_foundry-search-input-focus-border) 18%); border-radius: 999px; background: var(--_foundry-search-clear-bg); box-shadow: 0 14px 30px rgba(15, 23, 42, 0.12); color: var(--foundry-text, #0f172a); font-weight: 700; text-decoration: none; transition: background var(--foundry-duration-fast, 140ms) var(--foundry-ease-standard, ease), border-color var(--foundry-duration-fast, 140ms) var(--foundry-ease-standard, ease), box-shadow var(--foundry-duration-fast, 140ms) var(--foundry-ease-standard, ease), transform var(--foundry-duration-fast, 140ms) var(--foundry-ease-standard, ease); } .foundry-search-overlay__view-all:hover, .foundry-search-overlay__view-all:focus-visible { border-color: var(--_foundry-search-clear-hover-border); background: var(--_foundry-search-clear-hover-bg); box-shadow: 0 18px 34px rgba(15, 23, 42, 0.18); transform: translateY(-1px); } .foundry-search-overlay__shortcut { color: var(--foundry-text-muted, #475569); font-size: 0.84rem; } @media (min-width: 960px) { .foundry-search-overlay { align-items: center; justify-items: center; padding: 2rem 1.25rem; } .foundry-search-overlay__dialog { width: min(56rem, calc(100% - 2rem)); height: auto; max-height: min(44rem, calc(100dvh - 4rem)); margin: 0; border-radius: 1.65rem; padding: 1.25rem 1.25rem 1rem; } .foundry-search__filters { grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); } .foundry-search__filter--sort { flex-basis: 14rem; } .foundry-search__state-links { grid-template-columns: repeat(2, minmax(0, 1fr)); } .foundry-search-overlay__footer { margin: 0; padding: 0; position: static; border-top: 0; } .foundry-search-overlay__links { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 720px) { .foundry-search__result-card { grid-template-areas: "media content"; grid-template-columns: minmax(0, clamp(11rem, 22vw, 15rem)) minmax(0, 1fr); } } .foundry-managed-form { border: 1px solid var(--foundry-form-panel-border, var(--foundry-border, #e2e8f0)); border-radius: var(--foundry-form-panel-radius, 24px); background: var(--foundry-form-panel-bg, var(--foundry-surface, #ffffff)); box-shadow: var(--foundry-form-panel-shadow, 0 14px 30px rgba(15, 23, 42, 0.08)); } [data-foundry-managed-form-failure-target][hidden] { display: none !important; } .foundry-managed-form__inner { padding: 1.5rem; } .foundry-managed-form__eyebrow { margin: 0; color: var(--foundry-text-muted, #475569); font-size: var(--foundry-type-meta-size, 0.75rem); font-weight: 700; letter-spacing: var(--foundry-type-meta-tracking, 0.12em); text-transform: uppercase; } .foundry-managed-form__title { margin: 0.5rem 0 0; color: var(--foundry-text, #0f172a); font-family: var(--foundry-font-family-heading, inherit); font-size: var(--foundry-form-title-size, var(--foundry-type-section-size, 1.85rem)); line-height: 1.1; } .foundry-managed-form__text, .foundry-managed-form__privacy, .foundry-managed-form__status { color: var(--foundry-text-muted, #475569); line-height: var(--foundry-type-body-line-height, 1.6); } .foundry-managed-form__status { margin-top: 1rem; font-size: 0.95rem; } .foundry-managed-form__status[data-state="error"] { color: var(--foundry-form-status-error, #b42318); } .foundry-managed-form__status[data-state="success"] { color: var(--foundry-form-status-success, #0f766e); } .foundry-managed-form__form { display: grid; gap: 1rem; margin-top: 1rem; } .foundry-managed-form__fields { display: grid; gap: 1rem; } .foundry-managed-form__grid { display: grid; gap: 1rem; } @media (min-width: 768px) { .foundry-managed-form__grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .foundry-managed-form__field { display: grid; gap: 0.5rem; } .foundry-managed-form__field--full { grid-column: 1 / -1; } .foundry-managed-form__label { color: var(--foundry-text, #0f172a); font-size: 0.95rem; font-weight: 600; } .foundry-managed-form__help { color: var(--foundry-text-muted, #475569); font-size: 0.85rem; } .foundry-managed-form__challenge { min-width: 0; } .foundry-managed-form__challenge-widget { min-height: 65px; max-width: 100%; width: 100%; } .foundry-managed-form__challenge-widget iframe { max-width: 100%; } .foundry-managed-form__control, .foundry-managed-form__select, .foundry-managed-form__textarea, .foundry-managed-form__file { box-sizing: border-box; min-width: 0; width: 100%; border: 1px solid var(--foundry-form-control-border, var(--foundry-border, #e2e8f0)); border-radius: var(--foundry-form-control-radius, 16px); background: var(--foundry-form-control-bg, var(--foundry-surface, #ffffff)); color: var(--foundry-text, #0f172a); font: inherit; padding: 0.9rem 1rem; } .foundry-managed-form__textarea { min-height: 8rem; resize: vertical; } .foundry-managed-form__choice-group { display: grid; gap: 0.65rem; } .foundry-managed-form__choice { display: flex; align-items: flex-start; gap: 0.65rem; color: var(--foundry-text, #0f172a); } .foundry-managed-form__choice input { margin-top: 0.15rem; } .foundry-managed-form__divider { border-top: 1px solid var(--foundry-border, #e2e8f0); margin: 0.25rem 0; } .foundry-managed-form__legend, .foundry-managed-form__section-heading { color: var(--foundry-text, #0f172a); font-weight: 700; } .foundry-managed-form__submit { appearance: none; border: 0; border-radius: 999px; background: var(--foundry-form-submit-bg, var(--foundry-button-primary-bg, var(--foundry-primary, #0f172a))); color: var(--foundry-form-submit-text, var(--foundry-button-primary-text, #ffffff)); cursor: pointer; font: inherit; font-weight: 700; padding: 0.95rem 1.35rem; } .foundry-managed-form__submit[disabled] { cursor: progress; opacity: 0.7; } .foundry-managed-form__noscript { margin-top: 1rem; color: var(--foundry-text-muted, #475569); font-size: 0.9rem; } :root { --foundry-brand-primary: #1f3b82; --foundry-brand-primary-strong: #162a5d; --foundry-brand-accent: #c7352f; --foundry-link: #24489f; --foundry-link-hover: #17306a; --foundry-success: #0f766e; --foundry-success-soft: #dff7f0; --foundry-danger: #b4233f; --foundry-danger-soft: #fde7eb; --foundry-warning: #d97706; --foundry-bg: #f2f5fb; --foundry-surface: #ffffff; --foundry-surface-soft: #f8faff; --foundry-text: #0f172a; --foundry-text-muted: #475569; --foundry-border: #dbe4f4; --foundry-border-strong: #c4d2ed; --foundry-focus: rgba(31, 59, 130, 0.2); --foundry-shadow-sm: 0 10px 20px rgba(15, 23, 42, 0.08); --foundry-shadow-md: 0 18px 36px rgba(15, 23, 42, 0.14); --foundry-shadow-lg: 0 26px 52px rgba(15, 23, 42, 0.2); --foundry-radius-sm: 0.65rem; --foundry-radius: 1rem; --foundry-radius-lg: 1.4rem; --foundry-font-family-body: "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif; --foundry-font-family-heading: "Playfair Display", "Iowan Old Style", "Palatino Linotype", serif; --foundry-font-family-ui: "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif; --foundry-font-family-mono: "JetBrains Mono", "SFMono-Regular", Menlo, Consolas, monospace; --foundry-line-height-body: 1.65; --foundry-line-height-heading: 1.14; --foundry-letter-spacing-heading: -0.02em; --foundry-ease-standard: cubic-bezier(0.2, 0, 0, 1); --foundry-duration-fast: 140ms; --foundry-duration-base: 200ms; --foundry-duration-slow: 280ms; --foundry-card-hover-lift: -2px; --foundry-card-hover-border: color-mix(in srgb, var(--foundry-brand-primary) 34%, var(--foundry-border)); --foundry-card-hover-shadow: var(--foundry-shadow-md); --foundry-search-panel-bg: linear-gradient( 180deg, color-mix(in srgb, var(--foundry-surface) 97%, transparent), color-mix(in srgb, var(--foundry-brand-primary) 6%, var(--foundry-surface)) ); --foundry-search-overlay-backdrop: rgba(10, 18, 46, 0.64); --foundry-search-overlay-surface: linear-gradient( 180deg, color-mix(in srgb, var(--foundry-surface) 100%, white 0%), color-mix(in srgb, var(--foundry-surface-soft) 92%, var(--foundry-surface)) ); --foundry-search-overlay-border: color-mix(in srgb, var(--foundry-border-strong) 88%, transparent); --foundry-search-overlay-link-bg: linear-gradient( 180deg, color-mix(in srgb, var(--foundry-surface) 100%, white 0%), color-mix(in srgb, var(--foundry-surface-soft) 94%, var(--foundry-surface)) ); --foundry-search-overlay-link-border: color-mix(in srgb, var(--foundry-border) 84%, transparent); --foundry-search-overlay-link-hover-border: color-mix(in srgb, var(--foundry-brand-primary) 34%, var(--foundry-border)); --foundry-search-overlay-row-bg: linear-gradient( 180deg, color-mix(in srgb, var(--foundry-surface) 100%, white 0%), color-mix(in srgb, var(--foundry-surface-soft) 96%, var(--foundry-surface)) ); --foundry-search-overlay-row-border: color-mix(in srgb, var(--foundry-border) 86%, transparent); --foundry-search-overlay-row-hover-border: color-mix(in srgb, var(--foundry-brand-primary) 38%, var(--foundry-border)); --foundry-search-overlay-row-shadow: 0 10px 22px rgba(15, 23, 42, 0.08); --foundry-search-overlay-panel-bg: linear-gradient( 180deg, color-mix(in srgb, var(--foundry-surface-soft) 94%, var(--foundry-surface)), color-mix(in srgb, var(--foundry-surface) 98%, white 2%) ); --foundry-search-card-bg: linear-gradient( 180deg, color-mix(in srgb, var(--foundry-surface) 98%, transparent), color-mix(in srgb, var(--foundry-surface-soft) 88%, transparent) ); --foundry-search-media-border: color-mix(in srgb, var(--foundry-border) 78%, transparent); --foundry-search-tag-bg: color-mix(in srgb, var(--foundry-surface-soft) 90%, transparent); --foundry-search-title-hover: var(--foundry-link-hover); --foundry-toc-panel-bg: linear-gradient( 180deg, color-mix(in srgb, var(--foundry-surface) 98%, transparent), color-mix(in srgb, var(--foundry-surface-soft) 82%, transparent) ); --foundry-toc-progress-track: color-mix(in srgb, var(--foundry-border) 86%, transparent); --foundry-toc-progress-bar: linear-gradient(90deg, var(--foundry-brand-primary), color-mix(in srgb, var(--foundry-brand-accent) 74%, white)); --foundry-toc-link-active-bg: color-mix(in srgb, var(--foundry-brand-primary) 10%, var(--foundry-surface)); --foundry-toc-link-active-text: var(--foundry-text); --foundry-toc-link-complete-text: color-mix(in srgb, var(--foundry-text-muted) 84%, transparent); --foundry-toc-toggle-bg: color-mix(in srgb, var(--foundry-surface) 96%, transparent); --foundry-toc-toggle-border: color-mix(in srgb, var(--foundry-border-strong) 88%, transparent); } .dark, [data-theme="dark"] { --foundry-bg: #0a122e; --foundry-surface: #0f1d49; --foundry-surface-soft: #162a5d; --foundry-text: #edf2ff; --foundry-text-muted: #c1cff2; --foundry-border: #2d4276; --foundry-border-strong: #3d5696; --foundry-link: #b8caff; --foundry-link-hover: #d9e4ff; --foundry-success: #34d399; --foundry-success-soft: #0f4036; --foundry-danger: #fb7185; --foundry-danger-soft: #4f1d29; --foundry-warning: #fbbf24; --foundry-focus: rgba(193, 207, 242, 0.3); --foundry-shadow-sm: 0 12px 24px rgba(2, 8, 26, 0.36); --foundry-shadow-md: 0 20px 38px rgba(2, 8, 26, 0.5); --foundry-shadow-lg: 0 30px 58px rgba(2, 8, 26, 0.62); --foundry-card-hover-border: color-mix(in srgb, #8da8ea 42%, var(--foundry-border)); --foundry-card-hover-shadow: 0 24px 46px rgba(2, 8, 26, 0.58); --foundry-search-panel-bg: linear-gradient( 180deg, color-mix(in srgb, var(--foundry-surface) 96%, transparent), color-mix(in srgb, var(--foundry-brand-primary) 18%, var(--foundry-surface-soft)) ); --foundry-search-overlay-backdrop: rgba(2, 8, 26, 0.9); --foundry-search-overlay-surface: linear-gradient( 180deg, color-mix(in srgb, var(--foundry-surface) 100%, black 0%), color-mix(in srgb, var(--foundry-surface-soft) 98%, var(--foundry-surface)) ); --foundry-search-overlay-border: color-mix(in srgb, var(--foundry-border-strong) 92%, transparent); --foundry-search-overlay-link-bg: linear-gradient( 180deg, color-mix(in srgb, var(--foundry-surface) 100%, black 0%), color-mix(in srgb, var(--foundry-surface-soft) 96%, var(--foundry-surface)) ); --foundry-search-overlay-link-border: color-mix(in srgb, var(--foundry-border) 88%, transparent); --foundry-search-overlay-link-hover-border: color-mix(in srgb, #8da8ea 42%, var(--foundry-border)); --foundry-search-overlay-row-bg: linear-gradient( 180deg, color-mix(in srgb, var(--foundry-surface) 100%, black 0%), color-mix(in srgb, var(--foundry-surface-soft) 97%, var(--foundry-surface)) ); --foundry-search-overlay-row-border: color-mix(in srgb, var(--foundry-border) 90%, transparent); --foundry-search-overlay-row-hover-border: color-mix(in srgb, #8da8ea 46%, var(--foundry-border)); --foundry-search-overlay-row-shadow: 0 12px 24px rgba(2, 8, 26, 0.24); --foundry-search-overlay-panel-bg: linear-gradient( 180deg, color-mix(in srgb, var(--foundry-surface-soft) 97%, var(--foundry-surface)), color-mix(in srgb, var(--foundry-surface) 99%, rgba(255, 255, 255, 0.01)) ); --foundry-search-card-bg: linear-gradient( 180deg, color-mix(in srgb, var(--foundry-surface) 98%, transparent), color-mix(in srgb, var(--foundry-surface-soft) 84%, transparent) ); --foundry-search-media-border: color-mix(in srgb, var(--foundry-border) 88%, transparent); --foundry-search-title-hover: color-mix(in srgb, var(--foundry-link-hover) 82%, white); --foundry-toc-panel-bg: linear-gradient( 180deg, color-mix(in srgb, var(--foundry-surface) 97%, transparent), color-mix(in srgb, var(--foundry-surface-soft) 86%, transparent) ); --foundry-toc-progress-track: color-mix(in srgb, var(--foundry-border) 88%, transparent); --foundry-toc-progress-bar: linear-gradient(90deg, color-mix(in srgb, var(--foundry-link) 88%, white), color-mix(in srgb, var(--foundry-brand-accent) 68%, white)); --foundry-toc-link-active-bg: color-mix(in srgb, var(--foundry-brand-primary) 18%, transparent); --foundry-toc-link-active-text: var(--foundry-text); --foundry-toc-link-complete-text: color-mix(in srgb, var(--foundry-text-muted) 88%, transparent); --foundry-toc-toggle-bg: color-mix(in srgb, var(--foundry-surface-soft) 86%, transparent); --foundry-toc-toggle-border: color-mix(in srgb, var(--foundry-border-strong) 92%, transparent); } *, *::before, *::after { box-sizing: border-box; } body { background: radial-gradient(900px 500px at 8% -12%, rgba(31, 59, 130, 0.1), transparent 64%), linear-gradient(180deg, var(--foundry-bg) 0%, var(--foundry-bg) 100%); color: var(--foundry-text); font-family: var(--foundry-font-family-body); line-height: var(--foundry-line-height-body); text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; margin: 0; } main { display: block; overflow-x: clip; } :where(a) { color: var(--foundry-link); text-underline-offset: 0.15em; } :where(a:hover), :where(a:focus-visible) { color: var(--foundry-link-hover); } :where(h1, h2, h3, h4, h5, h6) { margin: 0; color: var(--foundry-text); font-family: var(--foundry-font-family-heading); line-height: var(--foundry-line-height-heading); letter-spacing: var(--foundry-letter-spacing-heading); text-wrap: balance; } :where(h1) { font-size: clamp(2rem, 4.9vw, 3.85rem); } :where(h2) { font-size: clamp(1.6rem, 3.5vw, 2.85rem); } :where(h3) { font-size: clamp(1.3rem, 2.4vw, 2rem); } :where(h4) { font-size: clamp(1.1rem, 1.9vw, 1.5rem); } :where(h5) { font-size: clamp(1rem, 1.45vw, 1.2rem); } :where(h6) { font-size: 0.95rem; text-transform: uppercase; letter-spacing: 0.08em; } :where(p, li, figcaption, dt, dd) { color: var(--foundry-text-muted); } :where(small, .caption) { font-size: 0.85rem; color: color-mix(in srgb, var(--foundry-text-muted) 88%, transparent); } .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; } .skip-link { position: fixed; top: -120%; left: 1rem; z-index: 2000; padding: 0.65rem 0.9rem; border-radius: var(--foundry-radius-sm); border: 1px solid color-mix(in srgb, var(--foundry-border-strong) 92%, transparent); background: var(--foundry-surface); color: var(--foundry-text); text-decoration: none; box-shadow: var(--foundry-shadow-md); } .skip-link:focus-visible { top: 0.85rem; outline: 2px solid var(--foundry-focus); outline-offset: 2px; } :where( input[type="text"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], input[type="number"], textarea, select ) { display: block; width: 100%; border: 1px solid color-mix(in srgb, var(--foundry-border) 90%, transparent); border-radius: 0.8rem; background: color-mix(in srgb, var(--foundry-surface) 96%, transparent); color: var(--foundry-text); box-shadow: var(--foundry-shadow-sm); } :where(input[type="text"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], input[type="number"], select) { min-height: 2.75rem; padding: 0.64rem 0.9rem; } :where(textarea) { min-height: 8rem; resize: vertical; padding: 0.75rem 0.9rem; } :where( input[type="text"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], input[type="number"], textarea )::placeholder { color: color-mix(in srgb, var(--foundry-text-muted) 62%, transparent); } :where( input[type="text"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], input[type="number"], textarea, select ):focus-visible { border-color: color-mix(in srgb, var(--foundry-brand-primary) 72%, var(--foundry-border)); outline: 2px solid var(--foundry-focus); outline-offset: 2px; } a.inline-flex.items-center.gap-2.rounded-full.px-6.py-3, button.inline-flex.items-center.gap-2.rounded-full.px-6.py-3 { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; border-radius: 9999px; border: 1px solid transparent; padding: 0.72rem 1.5rem; font-family: var(--foundry-font-family-ui); font-size: 0.95rem; font-weight: 650; line-height: 1.2; text-decoration: none; box-shadow: var(--foundry-shadow-sm); } a.inline-flex.items-center.gap-2.rounded-full.px-6.py-3.bg-slate-900, button.inline-flex.items-center.gap-2.rounded-full.px-6.py-3.bg-slate-900 { border-color: color-mix(in srgb, var(--foundry-brand-primary-strong) 72%, transparent); background: linear-gradient( 120deg, var(--foundry-brand-primary-strong) 0%, var(--foundry-brand-primary) 100% ); color: #f5f8ff; } a.inline-flex.items-center.gap-2.rounded-full.px-6.py-3.border.border-slate-300, button.inline-flex.items-center.gap-2.rounded-full.px-6.py-3.border.border-slate-300 { border-color: color-mix(in srgb, var(--foundry-border-strong) 88%, transparent); background: color-mix(in srgb, var(--foundry-surface) 95%, transparent); color: var(--foundry-text); } a.inline-flex.items-center.gap-2.rounded-full.px-6.py-3.text-slate-700:not(.border):not(.bg-slate-900), button.inline-flex.items-center.gap-2.rounded-full.px-6.py-3.text-slate-700:not(.border):not(.bg-slate-900) { background: color-mix(in srgb, var(--foundry-surface-soft) 92%, transparent); color: var(--foundry-text); box-shadow: none; } a.inline-flex.items-center.gap-2.rounded-full.px-6.py-3:focus-visible, button.inline-flex.items-center.gap-2.rounded-full.px-6.py-3:focus-visible { outline: 2px solid var(--foundry-focus); outline-offset: 2px; } main > section, main > .foundry-block > section { position: relative; } main > section::after, main > .foundry-block > section::after { content: ""; position: absolute; left: min(4vw, 2.5rem); right: min(4vw, 2.5rem); bottom: 0; height: 1px; background: linear-gradient( 90deg, transparent, color-mix(in srgb, var(--foundry-border) 86%, transparent), transparent ); pointer-events: none; } .foundry-block { position: relative; } .foundry-block > section { isolation: isolate; } :where(.foundry-block > section) { padding-block: 3rem; } @media (min-width: 40rem) { :where(.foundry-block > section) { padding-block: 4rem; } } :where(.foundry-block--hero > section), :where(.foundry-block--video-hero > section) { padding-block: clamp(3.5rem, 7vw, 5.5rem); } :where(.foundry-block--stats-band > section) { padding-block: 3.5rem; } :where(.foundry-block--trust-badges > section), :where(.foundry-block--topic-chip-nav > section) { padding-block: 1.35rem; } .foundry-block:nth-child(even) > section:not(.bg-slate-900):not(.bg-slate-950):not(.foundry-stats-band) { background: linear-gradient( 180deg, color-mix(in srgb, var(--foundry-surface-soft) 36%, transparent), transparent ); } .foundry-block--hero h1, .foundry-block--video-hero h1 { text-wrap: balance; } .foundry-block--hero p, .foundry-block--video-hero p { text-wrap: pretty; } .foundry-stats-band { padding-block: 3.5rem; } .foundry-stats-band__inner { max-width: 72rem; margin: 0 auto; padding-inline: 1.5rem; } .foundry-stats-band__title { margin: 0; font-size: clamp(1.75rem, 2.8vw, 2.25rem); font-weight: 700; letter-spacing: -0.02em; line-height: 1.15; } .foundry-stats-band__subtitle { margin: 0.75rem 0 0; max-width: 42rem; font-size: 1rem; line-height: 1.6; opacity: 0.9; } .foundry-stats-band__grid { margin-top: 1.8rem; display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; } .foundry-stats-band__item { min-height: 100%; border: 1px solid rgba(226, 235, 255, 0.22); border-radius: 1rem; background: linear-gradient(145deg, rgba(255, 255, 255, 0.08), rgba(208, 221, 255, 0.06)); padding: 1.25rem; backdrop-filter: blur(2px); } .foundry-stats-band__value { margin: 0; font-variant-numeric: tabular-nums; letter-spacing: -0.01em; font-size: clamp(1.85rem, 4.8vw, 2.35rem); font-weight: 700; line-height: 1.02; } .foundry-stats-band__label { margin: 0.55rem 0 0; font-size: 0.96rem; line-height: 1.45; opacity: 0.9; } .foundry-stats-band--dark, .foundry-stats-band--brand { background: linear-gradient( 120deg, var(--foundry-brand-primary-strong) 0%, var(--foundry-brand-primary) 58%, color-mix(in srgb, var(--foundry-brand-primary) 88%, #20407d) 100% ); color: #f3f6ff; } .foundry-stats-band--light { background: color-mix(in srgb, var(--foundry-surface) 96%, transparent); color: var(--foundry-text); border-top: 1px solid color-mix(in srgb, var(--foundry-border) 86%, transparent); border-bottom: 1px solid color-mix(in srgb, var(--foundry-border) 86%, transparent); } .foundry-stats-band--light .foundry-stats-band__item { border-color: color-mix(in srgb, var(--foundry-border) 84%, transparent); background: color-mix(in srgb, var(--foundry-surface-soft) 86%, transparent); } .foundry-stats-band--dark .foundry-stats-band__title, .foundry-stats-band--brand .foundry-stats-band__title, .foundry-stats-band--dark .foundry-stats-band__subtitle, .foundry-stats-band--brand .foundry-stats-band__subtitle, .foundry-stats-band--dark .foundry-stats-band__label, .foundry-stats-band--brand .foundry-stats-band__label { color: #f3f6ff; } .foundry-stats-band--dark .foundry-stats-band__value, .foundry-stats-band--brand .foundry-stats-band__value { color: #f3f6ff; } @media (min-width: 40rem) { .foundry-stats-band__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 64rem) { .foundry-stats-band__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .foundry-media-text__inner, .foundry-steps__inner, .foundry-icon-grid__inner, .foundry-logo-trust__inner, .foundry-testimonials-carousel__inner, .foundry-case-studies__inner, .foundry-contact-split__inner, .foundry-topic-chip-nav__inner, .foundry-cta__inner { max-width: 72rem; margin: 0 auto; padding-inline: 1.5rem; } .foundry-hero__inner, .foundry-features__inner, .foundry-cta__inner, .foundry-section-header__inner, .foundry-stats-band__inner, .foundry-newsletter-inline__inner, .foundry-page-list__inner, .foundry-post-list__inner, .foundry-rich-text__inner, .foundry-prose-panel__inner { max-width: 72rem; margin: 0 auto; padding-inline: 1.5rem; } .foundry-block { display: block; width: 100%; } .foundry-hero, .foundry-features, .foundry-cta, .foundry-section-header, .foundry-newsletter-inline, .foundry-page-list, .foundry-post-list, .foundry-rich-text, .foundry-prose-panel, .foundry-divider, .foundry-callout { padding-block: 3rem; } @media (min-width: 640px) { .foundry-hero, .foundry-features, .foundry-cta, .foundry-section-header { padding-block: 4.5rem; } } .foundry-hero__title { font-size: clamp(2rem, 5vw, 3.5rem); font-weight: 800; line-height: 1.1; letter-spacing: -0.025em; color: var(--foundry-text); margin: 0; } .foundry-hero__text { font-size: 1.125rem; line-height: 1.65; color: var(--foundry-text-muted); margin: 1.25rem 0 0; max-width: 48ch; } .foundry-hero__inner { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 0; } .foundry-hero__actions { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 2rem; justify-content: center; } .foundry-steps__title, .foundry-icon-grid__title, .foundry-logo-trust__title, .foundry-testimonials-carousel__title, .foundry-case-studies__title, .foundry-contact-split__title, .foundry-topic-chip-nav__title { margin: 0; } .foundry-steps__subtitle, .foundry-icon-grid__subtitle, .foundry-logo-trust__subtitle, .foundry-testimonials-carousel__subtitle, .foundry-contact-split__subtitle { margin: 0.65rem 0 0; } .foundry-media-text__inner { display: grid; gap: 2.25rem; align-items: center; } @media (min-width: 48rem) { .foundry-media-text__inner { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .foundry-media-text__image { width: 100%; height: auto; display: block; } .foundry-media-text__items { list-style: none; margin: 1.2rem 0 0; padding: 0; display: grid; gap: 0.65rem; } .foundry-media-text__item { display: flex; align-items: flex-start; gap: 0.65rem; } .foundry-media-text__item-icon { flex: 0 0 auto; width: 1.25rem; height: 1.25rem; border-radius: 9999px; background: var(--foundry-brand-primary); color: #fff; display: inline-flex; align-items: center; justify-content: center; } .foundry-media-text__actions, .foundry-cta__actions { row-gap: 0.75rem; } .foundry-steps__grid { list-style: none; margin: 2rem 0 0; padding: 0; display: grid; gap: 1rem; } @media (min-width: 48rem) { .foundry-steps__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .foundry-steps__item { border: 1px solid color-mix(in srgb, var(--foundry-border) 90%, transparent); border-radius: 1rem; background: color-mix(in srgb, var(--foundry-surface) 95%, transparent); padding: 1rem; box-shadow: var(--foundry-shadow-sm); } .foundry-steps__item-inner { display: flex; align-items: flex-start; gap: 0.9rem; } .foundry-steps__number { width: 2.5rem; height: 2.5rem; flex: 0 0 auto; border-radius: 9999px; background: var(--foundry-brand-primary); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-weight: 700; } .foundry-steps__item-title, .foundry-icon-grid__item-title { margin: 0; } .foundry-steps__item-text, .foundry-icon-grid__item-text { margin: 0.35rem 0 0; } .foundry-steps__item-meta { margin-top: 0.65rem; } .foundry-icon-grid__grid { margin-top: 2rem; display: grid; gap: 1rem; } @media (min-width: 48rem) { .foundry-icon-grid__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .foundry-icon-grid__item { border: 1px solid color-mix(in srgb, var(--foundry-border) 90%, transparent); border-radius: 1rem; background: color-mix(in srgb, var(--foundry-surface) 95%, transparent); padding: 1rem; box-shadow: var(--foundry-shadow-sm); } .foundry-icon-grid__item-inner { display: flex; align-items: flex-start; gap: 0.9rem; } .foundry-icon-grid__icon { width: 2.6rem; height: 2.6rem; flex: 0 0 auto; border-radius: 9999px; background: var(--foundry-brand-primary); color: #fff; display: inline-flex; align-items: center; justify-content: center; } .foundry-steps__number svg, .foundry-icon-grid__icon svg, .foundry-testimonials-carousel__icon svg, .foundry-testimonials-carousel__rating svg, .foundry-topic-chip-nav__chip svg { width: 1rem; height: 1rem; flex: 0 0 auto; display: block; } .foundry-logo-trust__grid { margin-top: 1.75rem; display: grid; gap: 1rem; } @media (min-width: 40rem) { .foundry-logo-trust__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 64rem) { .foundry-logo-trust__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .foundry-logo-trust__item { min-height: 5rem; border: 1px solid color-mix(in srgb, var(--foundry-border) 88%, transparent); border-radius: 1rem; background: color-mix(in srgb, var(--foundry-surface) 95%, transparent); padding: 1rem; display: flex; align-items: center; justify-content: center; text-align: center; box-shadow: var(--foundry-shadow-sm); } .foundry-logo-trust__image { display: block; width: min(100%, 7.5rem); height: 2.5rem; object-fit: contain; } .foundry-logo-trust__name { font-size: 0.9rem; font-weight: 600; color: var(--foundry-text-muted); } .foundry-logo-trust__badges { margin-top: 1rem; display: flex; flex-wrap: wrap; gap: 0.6rem; } .foundry-testimonials-carousel__track { margin-top: 1.75rem; display: grid; gap: 1rem; } @media (min-width: 48rem) { .foundry-testimonials-carousel__track { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .foundry-testimonials-carousel__item { border: 1px solid color-mix(in srgb, var(--foundry-border) 88%, transparent); border-radius: 1rem; background: color-mix(in srgb, var(--foundry-surface) 96%, transparent); padding: 1.1rem; box-shadow: var(--foundry-shadow-sm); } .foundry-testimonials-carousel__quote { margin-top: 0.8rem; } .foundry-testimonials-carousel__rating { margin-top: 0.8rem; } .foundry-testimonials-carousel__meta { margin-top: 0.8rem; padding-top: 0.8rem; } .foundry-case-studies__grid { margin-top: 2rem; display: grid; gap: 1rem; } @media (min-width: 64rem) { .foundry-case-studies__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .foundry-case-studies__card { border: 1px solid color-mix(in srgb, var(--foundry-border) 88%, transparent); border-radius: 1rem; background: color-mix(in srgb, var(--foundry-surface) 96%, transparent); padding: 1.2rem; box-shadow: var(--foundry-shadow-sm); } .foundry-case-studies__badge { display: inline-flex; align-items: center; border-radius: 9999px; padding: 0.35rem 0.75rem; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: #fff; background: linear-gradient( 120deg, var(--foundry-brand-accent) 0%, var(--foundry-brand-primary) 100% ); } .foundry-case-studies__case-title { margin: 0.9rem 0 0; color: var(--foundry-text); font-size: 1.24rem; font-weight: 700; line-height: 1.3; } .foundry-case-studies__section + .foundry-case-studies__section { margin-top: 0.65rem; } .foundry-case-studies__section-title { margin: 0; font-size: 0.72rem; letter-spacing: 0.08em; text-transform: uppercase; font-weight: 700; color: var(--foundry-text-muted); } .foundry-case-studies__section-text { margin: 0.45rem 0 0; color: var(--foundry-text-muted); } .foundry-case-studies__results { list-style: none; margin: 0.55rem 0 0; padding: 0; display: grid; gap: 0.5rem; } .foundry-case-studies__result-item { display: flex; align-items: flex-start; gap: 0.5rem; color: var(--foundry-text-muted); } .foundry-case-studies__result-icon { margin-top: 0.14rem; width: 1rem; height: 1rem; flex: 0 0 auto; border-radius: 9999px; background: #10b981; color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 0.6rem; font-weight: 700; } .foundry-contact-split__inner { display: grid; gap: 2rem; align-items: start; } @media (min-width: 64rem) { .foundry-contact-split__inner { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.25rem; } } .foundry-contact-split__subtitle { max-width: 38rem; } .foundry-contact-split__meta-list { margin-top: 1.5rem; display: grid; gap: 0.8rem; } .foundry-contact-split__meta-card { border: 1px solid color-mix(in srgb, var(--foundry-border) 90%, transparent); border-radius: 1rem; background: color-mix(in srgb, var(--foundry-surface) 95%, transparent); padding: 1rem; box-shadow: var(--foundry-shadow-sm); } .foundry-contact-split__meta-label { margin: 0; font-size: 0.72rem; letter-spacing: 0.08em; text-transform: uppercase; font-weight: 700; color: var(--foundry-text-muted); } .foundry-contact-split__meta-link, .foundry-contact-split__meta-value { display: block; margin-top: 0.45rem; color: var(--foundry-text); text-decoration: none; font-weight: 600; } .foundry-contact-split__form-panel { border: 1px solid color-mix(in srgb, var(--foundry-border) 88%, transparent); border-radius: 1.25rem; background: color-mix(in srgb, var(--foundry-surface-soft) 92%, transparent); padding: 1.35rem; box-shadow: var(--foundry-shadow-sm); } @media (min-width: 48rem) { .foundry-contact-split__form-panel { padding: 1.75rem; } } .foundry-contact-split__form-title { margin: 0; } .foundry-contact-split__form-text { margin: 0.65rem 0 0; color: var(--foundry-text-muted); } .foundry-contact-split__form { margin-top: 1rem; display: grid; gap: 0.85rem; } .foundry-contact-split__field { display: block; color: var(--foundry-text); font-size: 0.9rem; font-weight: 600; } .foundry-contact-split__control { display: block; width: 100%; margin-top: 0.42rem; border: 1px solid color-mix(in srgb, var(--foundry-border) 90%, transparent); border-radius: 0.8rem; background: color-mix(in srgb, var(--foundry-surface) 96%, transparent); color: var(--foundry-text); padding: 0.72rem 0.9rem; font-size: 0.95rem; box-shadow: var(--foundry-shadow-sm); } .foundry-contact-split__control::placeholder { color: color-mix(in srgb, var(--foundry-text-muted) 62%, transparent); } .foundry-contact-split__control:focus-visible { outline: 2px solid var(--foundry-focus); outline-offset: 2px; } .foundry-contact-split__control--textarea { min-height: 8rem; resize: vertical; } .foundry-contact-split__submit { width: 100%; justify-content: center; margin-top: 0.35rem; } .foundry-contact-split__privacy { margin-top: 0.75rem; color: var(--foundry-text-muted); } .foundry-topic-chip-nav__list { margin-top: 1rem; display: flex; flex-wrap: wrap; gap: 0.6rem; } .foundry-topic-chip-nav__chip { display: inline-flex; align-items: center; gap: 0.5rem; border: 1px solid color-mix(in srgb, var(--foundry-border) 88%, transparent); border-radius: 9999px; background: color-mix(in srgb, var(--foundry-surface) 96%, transparent); padding: 0.55rem 0.9rem; color: var(--foundry-text); text-decoration: none; font-size: 0.9rem; font-weight: 600; box-shadow: var(--foundry-shadow-sm); } .foundry-cta__panel { border: 1px solid color-mix(in srgb, var(--foundry-border) 90%, transparent); border-radius: 1.4rem; background: color-mix(in srgb, var(--foundry-surface-soft) 92%, transparent); box-shadow: var(--foundry-shadow-sm); } :where(.text-slate-900, .text-slate-800) { color: var(--foundry-text); } :where(.text-slate-700, .text-slate-600, .text-slate-500) { color: var(--foundry-text-muted); } :where(.text-emerald-700) { color: var(--foundry-success); } :where(.text-rose-700) { color: var(--foundry-danger); } :where(.text-amber-400) { color: color-mix(in srgb, var(--foundry-warning) 84%, #facc15); } :where(.text-white) { color: #fff; } :where(.bg-white, .bg-slate-50) { background: color-mix(in srgb, var(--foundry-surface) 92%, transparent); } :where(.bg-slate-100) { background: color-mix(in srgb, var(--foundry-surface-soft) 94%, transparent); } :where(.bg-emerald-100) { background: color-mix(in srgb, var(--foundry-success-soft) 88%, transparent); } :where(.bg-rose-100) { background: color-mix(in srgb, var(--foundry-danger-soft) 88%, transparent); } :where(.bg-emerald-500, .bg-emerald-600) { background: var(--foundry-success); color: #effffb; } :where(.bg-rose-500) { background: var(--foundry-danger); color: #fff1f4; } :where(.bg-slate-900, .bg-slate-950) { background: linear-gradient( 120deg, var(--foundry-brand-primary-strong) 0%, var(--foundry-brand-primary) 100% ); } :where(.border-slate-300, .border-slate-200, .border-slate-100) { border-color: var(--foundry-border); } :where(.border) { border-width: 1px; border-style: solid; } :where(.border-l, .border-t) { border-color: var(--foundry-border); } :where(.border-l) { border-left-width: 1px; border-left-style: solid; } :where(.border-t) { border-top-width: 1px; border-top-style: solid; } :where(.rounded-xl) { border-radius: calc(var(--foundry-radius) * 0.8); } :where(.rounded-2xl, .rounded-3xl) { border-radius: var(--foundry-radius); } :where(.rounded-full) { border-radius: 9999px; } :where(.shadow-sm) { box-shadow: var(--foundry-shadow-sm); } :where(.shadow-lg) { box-shadow: var(--foundry-shadow-lg); } :where(.ring-slate-900) { --tw-ring-color: color-mix(in srgb, var(--foundry-brand-primary) 26%, transparent); } :where(.focus\:border-slate-900:focus-visible) { border-color: color-mix(in srgb, var(--foundry-brand-primary) 72%, var(--foundry-border)); } :where(.focus\:ring-2:focus-visible) { box-shadow: 0 0 0 2px var(--tw-ring-color, var(--foundry-focus)); } :where(.focus\:ring-slate-900\/10:focus-visible) { --tw-ring-color: color-mix(in srgb, var(--foundry-brand-primary) 16%, transparent); } :where(.outline-none) { outline: none; } :where(.hover\:bg-slate-50:hover) { background: color-mix(in srgb, var(--foundry-surface-soft) 92%, transparent); } :where(.hover\:bg-slate-800:hover) { background: linear-gradient( 120deg, var(--foundry-brand-primary) 0%, color-mix(in srgb, var(--foundry-brand-primary) 84%, #4363aa) 100% ); color: #f6f8ff; } :where(.hover\:border-slate-300:hover) { border-color: color-mix(in srgb, var(--foundry-border-strong) 90%, transparent); } :where(.hover\:text-slate-900:hover) { color: var(--foundry-text); } :where(.hover\:underline:hover) { text-decoration: underline; text-underline-offset: 2px; } :where(.inline-flex.items-center.rounded-full.bg-slate-900.px-3.py-1.text-xs) { display: inline-flex; align-items: center; border-radius: 9999px; padding: 0.3rem 0.75rem; font-size: 0.75rem; font-weight: 600; background: linear-gradient( 120deg, var(--foundry-brand-accent) 0%, var(--foundry-brand-primary) 100% ); color: #fff; } :where(.inline-flex.items-center.rounded-full.border.border-slate-200.bg-white) { display: inline-flex; align-items: center; border-radius: 9999px; border: 1px solid color-mix(in srgb, var(--foundry-border) 86%, transparent); background: color-mix(in srgb, var(--foundry-surface) 96%, transparent); padding: 0.52rem 0.9rem; color: var(--foundry-text); font-size: 0.88rem; font-weight: 600; } :where(.h-3.w-3) { width: 0.75rem; height: 0.75rem; } :where(.h-4.w-4) { width: 1rem; height: 1rem; } :where(.h-5.w-5) { width: 1.25rem; height: 1.25rem; } :where(.h-9.w-9) { width: 2.25rem; height: 2.25rem; } :where(.h-10.w-10) { width: 2.5rem; height: 2.5rem; } :where(.h-11.w-11) { width: 2.75rem; height: 2.75rem; } :where(.w-3) { width: 0.75rem; } :where(.w-4) { width: 1rem; } :where(.w-5) { width: 1.25rem; } :where(.w-9) { width: 2.25rem; } :where(.w-10) { width: 2.5rem; } :where(.w-11) { width: 2.75rem; } :where(.h-3) { height: 0.75rem; } :where(.h-4) { height: 1rem; } :where(.h-5) { height: 1.25rem; } :where(.h-9) { height: 2.25rem; } :where(.h-10) { height: 2.5rem; } :where(.h-11) { height: 2.75rem; } :where(.w-auto) { width: auto; } :where(.w-full) { width: 100%; } :where(.h-full) { height: 100%; } :where(.h-auto) { height: auto; } :where(.prose, .prose p, .prose li) { color: var(--foundry-text-muted); } :where(.prose a) { color: var(--foundry-brand-primary); } article.rounded-2xl, details.rounded-2xl, .rounded-3xl.border, .rounded-2xl.border { border-color: color-mix(in srgb, var(--foundry-border) 90%, transparent); background: color-mix(in srgb, var(--foundry-surface) 95%, transparent); box-shadow: var(--foundry-shadow-sm); } article.rounded-2xl:focus-within, details.rounded-2xl:focus-within, .rounded-3xl.border:focus-within, .rounded-2xl.border:focus-within { border-color: var(--foundry-card-hover-border); box-shadow: var(--foundry-card-hover-shadow); } @media (prefers-reduced-motion: no-preference) { article.rounded-2xl, details.rounded-2xl, .rounded-3xl.border, .rounded-2xl.border { transition: transform var(--foundry-duration-fast) var(--foundry-ease-standard), box-shadow var(--foundry-duration-base) var(--foundry-ease-standard), border-color var(--foundry-duration-base) var(--foundry-ease-standard), background-color var(--foundry-duration-base) var(--foundry-ease-standard); } article.rounded-2xl:hover, details.rounded-2xl:hover, .rounded-3xl.border:hover, .rounded-2xl.border:hover { transform: translateY(var(--foundry-card-hover-lift)); border-color: var(--foundry-card-hover-border); box-shadow: var(--foundry-card-hover-shadow); } :where( a.inline-flex.items-center.gap-2.rounded-full.px-6.py-3, button.inline-flex.items-center.gap-2.rounded-full.px-6.py-3 ) { transition: transform var(--foundry-duration-fast) var(--foundry-ease-standard), box-shadow var(--foundry-duration-base) var(--foundry-ease-standard), border-color var(--foundry-duration-base) var(--foundry-ease-standard), background-color var(--foundry-duration-base) var(--foundry-ease-standard), color var(--foundry-duration-base) var(--foundry-ease-standard); } :where( a.inline-flex.items-center.gap-2.rounded-full.px-6.py-3, button.inline-flex.items-center.gap-2.rounded-full.px-6.py-3 ):hover { transform: translateY(-1px); } :where( a.inline-flex.items-center.gap-2.rounded-full.px-6.py-3.bg-slate-900, button.inline-flex.items-center.gap-2.rounded-full.px-6.py-3.bg-slate-900 ):hover { box-shadow: 0 16px 30px color-mix(in srgb, var(--foundry-brand-primary) 36%, transparent); background: linear-gradient( 120deg, var(--foundry-brand-primary) 0%, color-mix(in srgb, var(--foundry-brand-primary) 82%, #4b6fbc) 100% ); } :where( a.inline-flex.items-center.gap-2.rounded-full.px-6.py-3.border.border-slate-300, button.inline-flex.items-center.gap-2.rounded-full.px-6.py-3.border.border-slate-300 ):hover { border-color: color-mix(in srgb, var(--foundry-brand-primary) 42%, var(--foundry-border)); background: color-mix(in srgb, var(--foundry-surface-soft) 88%, transparent); } :where( a.inline-flex.items-center.gap-2.rounded-full.px-6.py-3.text-slate-700:not(.border):not(.bg-slate-900), button.inline-flex.items-center.gap-2.rounded-full.px-6.py-3.text-slate-700:not(.border):not(.bg-slate-900) ):hover { background: color-mix(in srgb, var(--foundry-surface-soft) 76%, transparent); } :where( a.inline-flex.items-center.gap-2.rounded-full.px-6.py-3, button.inline-flex.items-center.gap-2.rounded-full.px-6.py-3 ):active { transform: translateY(0); } } .foundry-header { position: sticky; top: 0; z-index: 70; background: color-mix(in srgb, var(--foundry-surface) 90%, transparent); border-bottom: 1px solid color-mix(in srgb, var(--foundry-border) 86%, transparent); backdrop-filter: blur(8px); } .foundry-header__inner { max-width: 1200px; margin: 0 auto; padding: 1rem 1.5rem; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem; } .foundry-brand { display: inline-flex; align-items: center; gap: 0.62rem; font-family: var(--foundry-font-family-ui); font-size: 1rem; font-weight: 700; color: var(--foundry-text); text-decoration: none; } .foundry-brand__logo { width: 2.05rem; height: 2.05rem; border-radius: 0.5rem; border: 1px solid color-mix(in srgb, var(--foundry-border) 84%, transparent); object-fit: contain; background: color-mix(in srgb, var(--foundry-surface) 94%, transparent); box-shadow: var(--foundry-shadow-sm); } .foundry-brand__name { color: var(--foundry-text); } .foundry-brand::before { content: ""; width: 0.8rem; height: 0.8rem; border-radius: 0.24rem; background: linear-gradient(135deg, var(--foundry-brand-accent) 0%, var(--foundry-brand-primary) 100%); box-shadow: 0 0 0 3px color-mix(in srgb, var(--foundry-brand-accent) 24%, transparent); } .foundry-brand--has-logo::before { display: none; } .foundry-header__actions { margin-left: auto; display: inline-flex; align-items: center; gap: 0.62rem; } .foundry-header__cta { display: none; white-space: nowrap; } .foundry-nav-toggle { display: inline-flex; align-items: center; font-family: var(--foundry-font-family-ui); font-weight: 700; padding: 0.4rem 0.75rem; border-radius: var(--foundry-radius-sm); border: 1px solid color-mix(in srgb, var(--foundry-border-strong) 92%, transparent); background: color-mix(in srgb, var(--foundry-surface) 94%, transparent); color: var(--foundry-brand-primary-strong); } .foundry-nav-toggle:focus-visible, .foundry-subnav-toggle:focus-visible, .foundry-nav a:focus-visible { outline: 2px solid var(--foundry-focus); outline-offset: 2px; } .foundry-nav { display: none; width: 100%; box-sizing: border-box; margin-top: 0.75rem; padding: 0.75rem; border-radius: var(--foundry-radius); border: 1px solid color-mix(in srgb, var(--foundry-border) 86%, transparent); background: var(--foundry-surface); backdrop-filter: blur(10px); box-shadow: var(--foundry-shadow-md); } .foundry-nav.is-open { display: block; } .foundry-nav ul { list-style: none; margin: 0.75rem 0 0; padding: 0; display: grid; gap: 0.5rem; } .foundry-nav-item a, .foundry-nav-label { display: inline-flex; align-items: center; min-height: 2rem; font-family: var(--foundry-font-family-ui); font-size: 0.95rem; color: var(--foundry-text); text-decoration: none; font-weight: 600; } .foundry-nav-item a:hover, .foundry-nav-label:hover, .foundry-subnav a:hover { color: var(--foundry-link-hover); } .foundry-nav-parent { display: flex; align-items: center; gap: 0.5rem; } .foundry-nav ul.foundry-subnav { margin-top: 0.35rem; padding: 0.45rem 0.55rem; border-radius: 0.7rem; background: var(--foundry-surface-soft); border: 1px solid color-mix(in srgb, var(--foundry-border) 86%, transparent); display: none; gap: 0.35rem; } .foundry-subnav a { display: block; border-radius: calc(var(--foundry-radius-sm) * 0.9); color: var(--foundry-text-muted); text-decoration: none; padding: 0.32rem 0.44rem; } .foundry-subnav a:focus-visible { outline: 2px solid var(--foundry-focus); outline-offset: 2px; } .foundry-nav-item.is-open > ul.foundry-subnav { display: grid; } .foundry-subnav-toggle { margin-left: auto; border: none; background: transparent; color: var(--foundry-text); font-size: 0.85rem; padding: 0.2rem 0.4rem; cursor: pointer; } @media (min-width: 900px) { .foundry-header__actions { gap: 0.85rem; } .foundry-header__cta { display: inline-flex; } .foundry-nav-toggle { display: none; } .foundry-nav { display: block; width: auto; margin-top: 0; padding: 0; border: none; background: transparent; box-shadow: none; } .foundry-nav ul { display: flex; align-items: center; gap: 1rem; margin: 0; } .foundry-nav-item.has-children { position: relative; padding-bottom: 0.35rem; margin-bottom: -0.35rem; } .foundry-nav-item a, .foundry-nav-label { font-size: 0.84rem; text-transform: uppercase; letter-spacing: 0.07em; } .foundry-nav ul.foundry-subnav { position: absolute; left: 0; top: calc(100% - 0.1rem); min-width: 12rem; background: var(--foundry-surface); box-shadow: var(--foundry-shadow-md); display: none; } .foundry-nav-item.is-open > ul.foundry-subnav { display: none; } .foundry-subnav-toggle { display: none; } .foundry-nav-item.has-children:hover .foundry-subnav, .foundry-nav-item.has-children:focus-within .foundry-subnav { display: grid; } } .foundry-footer { border-top: 1px solid color-mix(in srgb, var(--foundry-border) 82%, transparent); background: radial-gradient(640px 230px at 12% 5%, color-mix(in srgb, var(--foundry-brand-accent) 20%, transparent), transparent 72%), radial-gradient(640px 250px at 88% 8%, color-mix(in srgb, var(--foundry-brand-primary) 20%, transparent), transparent 74%), color-mix(in srgb, var(--foundry-surface) 88%, transparent); } .dark .foundry-footer, [data-theme="dark"] .foundry-footer { background: radial-gradient(640px 230px at 12% 5%, color-mix(in srgb, var(--foundry-brand-accent) 12%, transparent), transparent 72%), radial-gradient(640px 250px at 88% 8%, color-mix(in srgb, var(--foundry-brand-primary) 16%, transparent), transparent 74%), var(--foundry-surface); border-top-color: var(--foundry-border); } .foundry-footer--dark { background: radial-gradient(760px 260px at 11% 3%, color-mix(in srgb, var(--foundry-brand-accent) 23%, transparent), transparent 76%), radial-gradient(760px 260px at 88% 5%, color-mix(in srgb, var(--foundry-brand-primary) 34%, transparent), transparent 78%), linear-gradient( 145deg, color-mix(in srgb, var(--foundry-brand-primary-strong) 92%, var(--foundry-bg)), color-mix(in srgb, var(--foundry-brand-primary) 76%, var(--foundry-bg)) ); border-top-color: color-mix(in srgb, var(--foundry-border-strong) 74%, transparent); } .foundry-footer__inner { max-width: 1200px; margin: 0 auto; padding: 2.2rem 1.2rem; display: grid; gap: 1.2rem; } .foundry-footer__brand-link { display: inline-flex; } .foundry-footer__kicker { margin: 0; color: var(--foundry-brand-accent); font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.12em; font-family: var(--foundry-font-family-ui); font-weight: 700; } .foundry-footer__text { margin: 0.54rem 0 0; color: var(--foundry-text-muted); max-width: 57ch; font-size: 0.9rem; } .foundry-footer__social { list-style: none; margin: 0.95rem 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0.5rem; } .foundry-footer__social-link { display: inline-flex; align-items: center; justify-content: center; min-height: 2rem; border-radius: 9999px; border: 1px solid color-mix(in srgb, var(--foundry-border-strong) 82%, transparent); background: color-mix(in srgb, var(--foundry-surface) 14%, transparent); color: color-mix(in srgb, var(--foundry-text) 90%, transparent); font-size: 0.8rem; font-weight: 600; text-decoration: none; padding: 0.35rem 0.75rem; } .foundry-footer__social-link:hover, .foundry-footer__social-link:focus-visible { border-color: color-mix(in srgb, var(--foundry-link) 58%, var(--foundry-border)); color: var(--foundry-link-hover); background: color-mix(in srgb, var(--foundry-surface) 22%, transparent); } .foundry-footer__legal { margin: 0.9rem 0 0; color: color-mix(in srgb, var(--foundry-text-muted) 90%, transparent); font-size: 0.8rem; letter-spacing: 0.01em; } .foundry-footer__links { display: grid; grid-template-columns: repeat(auto-fit, minmax(172px, 1fr)); gap: 0.95rem; } .foundry-footer__heading { margin: 0 0 0.38rem; color: var(--foundry-text); font-family: var(--foundry-font-family-ui); font-size: 0.92rem; font-weight: 700; } .foundry-footer__col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.32rem; } .foundry-footer__col a { color: var(--foundry-text-muted); font-size: 0.88rem; text-decoration: none; } .foundry-footer__col a:hover, .foundry-footer__col a:focus-visible { color: var(--foundry-link); text-decoration: underline; text-underline-offset: 2px; } .foundry-footer--dark .foundry-brand__name, .foundry-footer--dark .foundry-footer__heading { color: #edf2ff; } .foundry-footer--dark .foundry-footer__text, .foundry-footer--dark .foundry-footer__col a, .foundry-footer--dark .foundry-footer__legal { color: #c1cff2; } .foundry-footer--dark .foundry-footer__col a:hover, .foundry-footer--dark .foundry-footer__col a:focus-visible { color: #d9e4ff; text-decoration: underline; text-underline-offset: 2px; } .foundry-footer--dark .foundry-footer__social-link { border-color: rgba(255,255,255,0.18); color: #c1cff2; background: rgba(255,255,255,0.06); } .foundry-footer--dark .foundry-footer__social-link:hover, .foundry-footer--dark .foundry-footer__social-link:focus-visible { border-color: rgba(255,255,255,0.34); color: #edf2ff; background: rgba(255,255,255,0.11); } @media (min-width: 900px) { .foundry-footer__inner { grid-template-columns: 1.2fr 1.8fr; align-items: start; } } .foundry-table-of-contents__widget { padding: 1.1rem; background: var(--foundry-toc-panel-bg); box-shadow: var(--foundry-shadow-md); backdrop-filter: blur(14px); } .foundry-table-of-contents__title { font-size: 1rem; font-weight: 700; letter-spacing: -0.01em; } .foundry-table-of-contents__widget--with-progress .foundry-table-of-contents__progress { height: 0.42rem; } .foundry-table-of-contents__widget--inline .foundry-table-of-contents__list { display: flex; flex-wrap: wrap; gap: 0.55rem; } .foundry-table-of-contents__widget--inline .foundry-table-of-contents__list--children { width: 100%; margin-top: 0.2rem; } .foundry-table-of-contents__widget--inline .foundry-table-of-contents__link { display: inline-flex; align-items: center; min-height: 2.4rem; padding: 0.55rem 0.9rem; border: 1px solid color-mix(in srgb, var(--foundry-border) 90%, transparent); border-radius: 999px; background: color-mix(in srgb, var(--foundry-surface) 96%, transparent); } .foundry-table-of-contents__link, .foundry-table-of-contents__auto a[href^="#"] { position: relative; display: flex; align-items: flex-start; gap: 0.7rem; padding: 0.5rem 0.65rem; } .foundry-table-of-contents__link::before, .foundry-table-of-contents__auto a[href^="#"]::before { content: ""; flex: none; width: 0.42rem; height: 0.42rem; margin-top: 0.45rem; border-radius: 999px; background: color-mix(in srgb, var(--foundry-border-strong) 76%, transparent); transition: background var(--foundry-duration-base) var(--foundry-ease-standard), transform var(--foundry-duration-base) var(--foundry-ease-standard); } .foundry-table-of-contents__link.is-active, .foundry-table-of-contents__auto a[href^="#"].is-active { box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--foundry-brand-primary) 12%, transparent); } .foundry-table-of-contents__link.is-active::before, .foundry-table-of-contents__auto a[href^="#"].is-active::before { background: var(--foundry-brand-primary); transform: scale(1.15); } .foundry-table-of-contents__link.is-complete::before, .foundry-table-of-contents__auto a[href^="#"].is-complete::before { background: color-mix(in srgb, var(--foundry-brand-accent) 44%, var(--foundry-border-strong)); } .foundry-table-of-contents__toggle { transition: border-color var(--foundry-duration-base) var(--foundry-ease-standard), background var(--foundry-duration-base) var(--foundry-ease-standard), box-shadow var(--foundry-duration-base) var(--foundry-ease-standard), transform var(--foundry-duration-base) var(--foundry-ease-standard); } .foundry-table-of-contents__toggle:hover, .foundry-table-of-contents__toggle:focus-visible { border-color: color-mix(in srgb, var(--foundry-brand-primary) 28%, var(--foundry-toc-toggle-border)); background: color-mix(in srgb, var(--foundry-toc-toggle-bg) 86%, white); box-shadow: var(--foundry-shadow-md); transform: translateY(-1px); } .foundry-table-of-contents__toggle:focus-visible { outline: 2px solid var(--foundry-focus); outline-offset: 2px; } @media (max-width: 899px) { [data-foundry-toc-mobile="compact"].foundry-table-of-contents__widget { padding: 0.9rem; box-shadow: 0 18px 34px rgba(15, 23, 42, 0.14); } [data-foundry-toc-mobile="compact"] .foundry-table-of-contents__head { display: grid; gap: 0.75rem; } [data-foundry-toc-mobile="compact"] .foundry-table-of-contents__panel { padding-top: 0.2rem; } } @media (min-width: 900px) { .foundry-table-of-contents__widget--mobile-compact .foundry-table-of-contents__toggle { display: none; } } @keyframes foundry-fade-up { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } } @media (prefers-reduced-motion: no-preference) { .foundry-motion-enabled .foundry-block > section { opacity: 0; animation: foundry-fade-up 520ms ease-out forwards; } .foundry-motion-enabled .foundry-block:nth-child(1) > section { animation-delay: 40ms; } .foundry-motion-enabled .foundry-block:nth-child(2) > section { animation-delay: 80ms; } .foundry-motion-enabled .foundry-block:nth-child(3) > section { animation-delay: 120ms; } .foundry-motion-enabled .foundry-block:nth-child(4) > section { animation-delay: 160ms; } .foundry-motion-enabled .foundry-block:nth-child(5) > section { animation-delay: 200ms; } .foundry-motion-enabled .foundry-block:nth-child(6) > section { animation-delay: 240ms; } .foundry-motion-enabled .foundry-block:nth-child(7) > section { animation-delay: 280ms; } .foundry-motion-enabled .foundry-block:nth-child(8) > section { animation-delay: 320ms; } .foundry-motion-enabled .foundry-block:nth-child(9) > section { animation-delay: 360ms; } .foundry-motion-enabled .foundry-block:nth-child(10) > section { animation-delay: 400ms; } } @media (prefers-reduced-motion: reduce) { .foundry-motion-enabled .foundry-block > section { animation: none; opacity: 1; transform: none; } } .foundry-motion-disabled .foundry-block > section { animation: none; opacity: 1; transform: none; } .foundry-features__item-link:hover .foundry-features__item-cta, .foundry-features__item-link:focus-visible .foundry-features__item-cta { color: var(--foundry-link-hover, var(--foundry-brand-primary, #0f172a)); }}