@charset "UTF-8";
:root {
  --font-size-tiny: 12px;
  --font-leading-tiny: 22px;
  --font-size-sm: 14px;
  --font-leading-sm: 24px;
  --font-size-md: 16px;
  --font-leading-md: 26px;
  --font-size-lg: 18px;
  --font-leading-lg: 26px;
  --font-size-xl: 20px;
  --font-leading-xl: 30px;
  --font-size-2xl: 22px;
  --font-leading-2xl: 32px;
  --font-size-3xl: 24px;
  --font-leading-3xl: 34px;
  --font-size-h6: 20px;
  --font-leading-h6: 28px;
  --font-size-h5: clamp(20px, 16.032px + 1.058vw, 30px);
  --font-leading-h5: 36px;
  --font-size-h4: clamp(30px, 22.063px + 2.116vw, 50px);
  --font-leading-h4: 58px;
  --font-size-h3: clamp(50px, 46.032px + 1.058vw, 60px);
  --font-leading-h3: 70px;
  --font-size-h2: clamp(60px, 54.444px + 1.481vw, 74px);
  --font-leading-h2: 84px;
  --font-size-h1: clamp(60px, 54.048px + 1.587vw, 75px);
  --font-leading-h1: 75px;
  --font-family-sans: "BDO Grotesk", "Host Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-family-display: "Host Grotesk", "BDO Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-family-script: "Bonheur Royale", cursive;
  --font-family-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-tracking-none: 0;
  --font-tracking-tight: -0.05em;
  --font-tracking-tighter: -0.07em;
  --font-tracking-display: -0.05em;
  --font-tracking-wide: 0.08em;
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 40px;
  --space-6: 48px;
  --space-7: 56px;
  --space-8: 64px;
  --space-10: 80px;
  --space-12: 96px;
  --space-16: 128px;
  --radius-xs: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-pill: 50px;
  --motion-duration-instant: 400ms;
  --motion-duration-digit-count: 1800ms;
  --motion-duration-digit-count-stagger: 120ms;
  --motion-duration-preloader-brand: 780ms;
  --motion-duration-preloader-brand-stagger: 45ms;
  --motion-duration-preloader-count: 1000ms;
  --motion-duration-preloader-content-out: 480ms;
  --motion-duration-preloader-min: 180ms;
  --motion-duration-preloader-hold: 220ms;
  --motion-duration-preloader-wipe: 900ms;
  --motion-duration-preloader-base-out: 400ms;
  --motion-duration-offcanvas: 1000ms;
  --motion-duration-menu: 280ms;
  --motion-duration-menu-item: 400ms;
  --motion-duration-menu-item-stagger: 100ms;
  --motion-duration-header: 800ms;
  --motion-duration-cursor: 220ms;
  --motion-duration-media: 700ms;
  --motion-duration-accordion: 500ms;
  --motion-duration-transition-out: 560ms;
  --motion-duration-transition-in: 640ms;
  --motion-easing-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --motion-easing-preloader-wipe: cubic-bezier(0.76, 0, 0.24, 1);
  --motion-easing-header: cubic-bezier(0.16, 1, 0.3, 1);
  --motion-cursor-lag-head: 0.14;
  --motion-cursor-trail-window: 380ms;
  --motion-lift: 4px;
  --motion-zoom: 1.08;
  --motion-zoom-out: 1.5;
  --motion-rotate: 90deg;
  --layout-container-max: 1500px;
  --layout-container-gutter: 16px;
  --layout-container-gutter-lg: 40px;
  --layout-backToTop-bottom-mobile: 300px;
  --layout-backToTop-bottom-tablet: 130px;
  --layout-sectionTitle-mobile-size: 40px;
  --layout-sectionTitle-mobile-leading: 44px;
  --layout-parallax-overflow: 40px;
  --layout-cursor-z: 10000;
  --layout-cursor-head-size: 18px;
  --layout-cursor-trail-size: 10px;
  --layout-cursor-trail-length: 260px;
  --layout-cursor-trail-scale-min: 0.12;
  --layout-cursor-trail-opacity-min: 0;
  --layout-cursor-press-scale: 0.7;
  --layout-cursor-label-disc-size: 96px;
  --layout-preloader-z: 9999;
  --layout-preloader-tracking: 0.12em;
  --layout-preloader-bulge: 18;
  --layout-preloader-logo-width: calc(min(560px, 62vw) / 6);
  --layout-preloader-wordmark-size: clamp(46px, 12vw, 170px);
  --layout-preloader-wordmark-tracking: 0.02em;
  --layout-preloader-count-size: clamp(72px, 20vw, 260px);
  --layout-preloader-count-leading: 0.78;
  --layout-preloader-count-tracking: -0.04em;
  --layout-preloader-count-stroke: 1px;
  --layout-preloader-status-size: 12px;
  --layout-preloader-rail-width: min(280px, 28vw);
  --layout-preloader-rail-height: 2px;
  --layout-preloader-gap: 24px;
  --layout-preloader-pad: 32px;
  --layout-transition-z: 0;
  --layout-lightbox-overlay-opacity: 0.82;
  --layout-lightbox-media-max: min(68rem, 92vw);
  --layout-lightbox-media-max-height: 80vh;
  --layout-lightbox-media-radius: 20px;
  --layout-lightbox-frame-pad: 16px;
  --layout-lightbox-glow-opacity: 0.28;
  --layout-lightbox-close-size: 48px;
  --layout-lightbox-close-inset: 24px;
  --layout-lightbox-close-icon: 18px;
  --layout-header1-height: 51px;
  --layout-header1-pad-block: 16px;
  --layout-header1-pad-block-lg: 24px;
  --layout-header1-nav-gap: 35px;
  --layout-header1-actions-gap: 15px;
  --layout-header1-logo-width: 113px;
  --layout-header1-logo-height: 28px;
  --layout-header1-menu-size: 50px;
  --layout-header1-menu-icon-size: 50px;
  --layout-header1-menu-icon-rotate: 90deg;
  --layout-header1-btn-min-width: 123px;
  --layout-header1-btn-padding-inline: 30px;
  --layout-header1-btn-padding-block: 20px;
  --layout-header1-chevron-width: 6px;
  --layout-header1-chevron-height: 10px;
  --layout-header1-cta-arrow-size: 20px;
  --layout-header1-cta-arrow-gap: 10px;
  --layout-header1-sub-dash: 10px;
  --layout-header1-sub-min-width: 190px;
  --layout-header1-sub-column-gap: 48px;
  --layout-header1-sub-shift: 5px;
  --layout-header1-link-dim: 0.3;
  --layout-mainnav-scroll-threshold: 200px;
  --layout-mainnav-offset-top: 24px;
  --layout-mainnav-pad-block: 16px;
  --layout-mainnav-pad-inline: 32px;
  --layout-offcanvas-z: 0;
  --layout-offcanvas-page-z: 2;
  --layout-offcanvas-header-z: 10;
  --layout-offcanvas-overlay-z: 5;
  --layout-offcanvas-perspective: 1000px;
  --layout-offcanvas-depth: 350px;
  --layout-offcanvas-blur: 10px;
  --layout-offcanvas-link-size: clamp(32px, 8vw, 224px);
  --layout-offcanvas-link-size-mobile: clamp(48px, 14vw, 76px);
  --layout-offcanvas-link-leading: 0.85;
  --layout-offcanvas-secondary-gap: 64px;
  --layout-offcanvas-close-icon-size: 24px;
  --layout-offcanvas-theme-size: 40px;
  --layout-offcanvas-theme-icon: 20px;
  --layout-offcanvas-theme-offset-bottom: 20px;
  --layout-header2-height: 75px;
  --layout-header2-nav-gap: 45px;
  --layout-header2-actions-gap: 20px;
  --layout-header2-logo-width: 113px;
  --layout-header2-logo-height: 28px;
  --layout-header2-menu-width: 35px;
  --layout-header2-menu-height: 12px;
  --layout-header2-menu-bar-height: 2px;
  --layout-header2-btn-min-width: 123px;
  --layout-header2-btn-height: 51px;
  --layout-header2-btn-padding-inline: 30px;
  --layout-header2-btn-radius: 15px;
  --layout-header2-link-underline-gap: 10px;
  --layout-header3-pad-block: 16px;
  --layout-header3-pad-block-lg: 24px;
  --layout-header4-height: 75px;
  --layout-header4-actions-gap: 20px;
  --layout-header4-logo-width: 113px;
  --layout-header4-logo-height: 28px;
  --layout-header4-menu-width: 35px;
  --layout-header4-menu-height: 12px;
  --layout-header4-menu-bar-height: 2px;
  --layout-header4-btn-min-width: 123px;
  --layout-header4-btn-height: 51px;
  --layout-header4-btn-padding-inline: 30px;
  --layout-header4-btn-radius: 15px;
  --layout-showcase1-height-fallback: 100vh;
  --layout-showcase1-height: 100svh;
  --layout-showcase1-veil-opacity: 0.72;
  --layout-showcase1-veil-opacity-lg: 0.55;
  --layout-showcase1-media-grayscale: 1;
  --layout-showcase1-media-scale: 1.06;
  --layout-showcase1-fade-duration: 700ms;
  --layout-showcase1-content-pad-top: 112px;
  --layout-showcase1-content-pad-bottom: 152px;
  --layout-showcase1-copy-max: 820px;
  --layout-showcase1-copy-gap: 20px;
  --layout-showcase1-title-size: clamp(40px, 4.8vw, 92px);
  --layout-showcase1-title-leading: 0.94;
  --layout-showcase1-eyebrow-tracking: 0.12em;
  --layout-showcase1-cta-gap: 12px;
  --layout-showcase1-cta-padding-inline: 26px;
  --layout-showcase1-cta-padding-block: 12px;
  --layout-showcase1-cta-arrow-size: 13px;
  --layout-showcase1-card-width: clamp(240px, 25vw, 360px);
  --layout-showcase1-card-ratio: 2 / 3;
  --layout-showcase1-card-radius: 20px;
  --layout-showcase1-card-gap: 40px;
  --layout-showcase1-card-caption-pad-inline: 32px;
  --layout-showcase1-card-caption-pad-block: 24px;
  --layout-showcase1-card-caption-gap: 8px;
  --layout-showcase1-card-caption-scrim: 0.72;
  --layout-showcase1-bar-gap: 24px;
  --layout-showcase1-bar-offset: 56px;
  --layout-showcase1-thumbs-gap: 10px;
  --layout-showcase1-thumb-width: 86px;
  --layout-showcase1-thumb-ratio: 1.35;
  --layout-showcase1-thumb-radius: 6px;
  --layout-showcase1-thumb-pad: 2px;
  --layout-showcase1-thumb-ring: 1px;
  --layout-showcase1-thumb-track-opacity: 0.9;
  --layout-showcase1-thumb-bar-stroke: 2px;
  --layout-showcase1-progress-duration: 7000ms;
  --layout-showcase1-thumb-dim: 0.5;
  --layout-showcase1-counter-tracking: 0.08em;
  --layout-showcase2-height-fallback: 100vh;
  --layout-showcase2-height: 100svh;
  --layout-showcase2-center-y: 46%;
  --layout-showcase2-media-width: clamp(260px, 46vw, 760px);
  --layout-showcase2-media-width-sm: 62vw;
  --layout-showcase2-media-ratio: 16 / 10;
  --layout-showcase2-media-ratio-sm: 4 / 5;
  --layout-showcase2-media-max-height: 66vh;
  --layout-showcase2-media-radius: 2px;
  --layout-showcase2-media-bleed: 1.06;
  --layout-showcase2-step-ratio: 1.18;
  --layout-showcase2-side-scale: 0.76;
  --layout-showcase2-side-shade: 0.72;
  --layout-showcase2-parallax: 26px;
  --layout-showcase2-title-offset: -9%;
  --layout-showcase2-title-offset-sm: -7%;
  --layout-showcase2-title-bottom: 14%;
  --layout-showcase2-title-bottom-sm: 9%;
  --layout-showcase2-title-max-width: min(150%, 82vw);
  --layout-showcase2-title-size: clamp(30px, 4.4vw, 76px);
  --layout-showcase2-title-size-sm: clamp(26px, 7vw, 44px);
  --layout-showcase2-title-leading: 0.96;
  --layout-showcase2-category-gap: 16px;
  --layout-showcase2-category-tracking: 0.14em;
  --layout-showcase2-reveal-start: 0.42;
  --layout-showcase2-reveal-y: 28px;
  --layout-showcase2-reveal-x: 16px;
  --layout-showcase2-line-stagger: 0.16;
  --layout-showcase2-zoom-scale: 1.04;
  --layout-showcase2-zoom-duration: 1200ms;
  --layout-showcase2-gl-warp: 0.075;
  --layout-showcase2-gl-split: 0.018;
  --layout-showcase2-gl-ripple: 0.022;
  --layout-showcase2-gl-bend: 0.55;
  --layout-showcase2-gl-dim: 0.22;
  --layout-showcase2-gl-lift: 0.13;
  --layout-showcase2-gl-pixel-ratio: 1.75;
  --layout-showcase2-step-duration: 1.1s;
  --layout-showcase2-snap-duration: 0.6s;
  --layout-showcase2-drag-threshold: 0.16;
  --layout-showcase2-drag-limit: 0.8;
  --layout-showcase2-nav-offset: 64px;
  --layout-showcase2-nav-gap: 40px;
  --layout-showcase2-counter-size: clamp(44px, 6.4vw, 92px);
  --layout-showcase2-counter-size-sm: clamp(34px, 9vw, 48px);
  --layout-showcase2-counter-tracking: -0.03em;
  --layout-showcase2-counter-gap: 16px;
  --layout-showcase2-counter-sep-size: 0.22em;
  --layout-showcase2-counter-sep-gap: 0.28em;
  --layout-showcase2-counter-sep-dim: 0.4;
  --layout-showcase2-counter-total-dim: 0.45;
  --layout-showcase2-counter-duration: 0.95s;
  --layout-showcase2-arrow-size: 54px;
  --layout-showcase2-arrow-icon: 19px;
  --layout-showcase2-arrow-edge-width: 1px;
  --layout-showcase2-arrow-edge: 0.26;
  --layout-showcase2-arrow-edge-hover: 0.62;
  --layout-showcase2-arrow-face-hover: 0.08;
  --layout-showcase2-arrow-dim: 0.72;
  --layout-showcase2-arrow-shift: 6px;
  --layout-showcase2-progress-width: clamp(80px, 12vw, 160px);
  --layout-showcase2-progress-height: 1px;
  --layout-showcase2-progress-track: 0.24;
  --layout-showcase2-progress-duration: 720ms;
  --layout-showcase3-height-fallback: 100vh;
  --layout-showcase3-height: 100svh;
  --layout-showcase3-media-col: 56%;
  --layout-showcase3-media-height-sm: 54svh;
  --layout-showcase3-parallax: 44px;
  --layout-showcase3-media-scale: 1.09;
  --layout-showcase3-image-zoom: 0.16;
  --layout-showcase3-hover-scale: 1.035;
  --layout-showcase3-hover-duration: 1400ms;
  --layout-showcase3-copy-pad-inline-sm: 24px;
  --layout-showcase3-copy-pad-inline: 64px;
  --layout-showcase3-copy-pad-top-sm: 32px;
  --layout-showcase3-copy-pad-top: 148px;
  --layout-showcase3-copy-pad-bottom-sm: 96px;
  --layout-showcase3-copy-pad-bottom: 152px;
  --layout-showcase3-copy-gap-sm: 12px;
  --layout-showcase3-copy-gap: 24px;
  --layout-showcase3-title-size-sm: clamp(30px, 8.4vw, 48px);
  --layout-showcase3-title-size: clamp(42px, 5.4vw, 100px);
  --layout-showcase3-title-leading: 0.94;
  --layout-showcase3-title-indent: 0.12em;
  --layout-showcase3-category-size: 12px;
  --layout-showcase3-category-tracking: 0.18em;
  --layout-showcase3-meta-gap: 16px;
  --layout-showcase3-reveal-distance: 48px;
  --layout-showcase3-reveal-blur: 12px;
  --layout-showcase3-reveal-hold: 0.35;
  --layout-showcase3-line-stagger: 0.14;
  --layout-showcase3-step-duration: 1.05s;
  --layout-showcase3-snap-duration: 0.6s;
  --layout-showcase3-drag-threshold: 0.16;
  --layout-showcase3-drag-limit: 0.7;
  --layout-showcase3-counter-tracking: 0.12em;
  --layout-showcase3-counter-sep-gap: 16px;
  --layout-showcase3-progress-height: 1px;
  --layout-showcase3-progress-track: 0.22;
  --layout-showcase3-progress-duration: 760ms;
  --layout-showcase3-aside-gap: 24px;
  --layout-showcase3-aside-bottom-sm: 28px;
  --layout-showcase3-aside-bottom: 64px;
  --layout-showcase3-arrow-size: 46px;
  --layout-showcase3-arrow-icon: 16px;
  --layout-showcase3-arrow-edge: 0.22;
  --layout-showcase3-arrow-edge-hover: 0.6;
  --layout-showcase3-arrow-face-hover: 0.07;
  --layout-showcase3-arrow-dim: 0.7;
  --layout-showcase3-arrow-shift: 5px;
  --layout-showcase3-scrim-opacity: 0.55;
  --layout-showcase3-scrim-height: 220px;
  --layout-showcase4-height-fallback: 100vh;
  --layout-showcase4-height: 100svh;
  --layout-showcase4-focus-offset: clamp(24px, 7vw, 120px);
  --layout-showcase4-focus-offset-sm: 40px;
  --layout-showcase4-item-gap: 80px;
  --layout-showcase4-item-gap-sm: 32px;
  --layout-showcase4-item-top: 52%;
  --layout-showcase4-title-size: clamp(42px, 5.4vw, 96px);
  --layout-showcase4-title-size-sm: clamp(36px, 11.5vw, 58px);
  --layout-showcase4-title-leading: 0.92;
  --layout-showcase4-title-tracking: -0.045em;
  --layout-showcase4-title-scale: 1.015;
  --layout-showcase4-stroke-width: 1px;
  --layout-showcase4-stroke-opacity: 0.4;
  --layout-showcase4-index-size: 12px;
  --layout-showcase4-category-size: 12px;
  --layout-showcase4-label-tracking: 0.18em;
  --layout-showcase4-index-gap: 16px;
  --layout-showcase4-category-gap: 16px;
  --layout-showcase4-category-indent: 0.14em;
  --layout-showcase4-line-indent: 0.16em;
  --layout-showcase4-overscan: 56px;
  --layout-showcase4-muted-opacity: 0.38;
  --layout-showcase4-idle-opacity: 0.5;
  --layout-showcase4-hover-duration: 520ms;
  --layout-showcase4-veil-opacity: 0.44;
  --layout-showcase4-veil-floor: 0.18;
  --layout-showcase4-backdrop-fade: 880ms;
  --layout-showcase4-backdrop-scale: 1.045;
  --layout-showcase4-backdrop-duration: 1500ms;
  --layout-showcase4-parallax-track: 9px;
  --layout-showcase4-parallax-mouse: 16px;
  --layout-showcase4-parallax-ease: 0.85s;
  --layout-showcase4-step-duration: 1s;
  --layout-showcase4-snap-duration: 0.85s;
  --layout-showcase4-wheel-step: 42px;
  --layout-showcase4-drag-threshold: 0.18;
  --layout-showcase4-inertia: 0.24;
  --layout-showcase4-inertia-max: 2;
  --layout-showcase4-hint-size: 11px;
  --layout-showcase4-hint-offset: 64px;
  --layout-showcase4-hint-lift-sm: 196px;
  --layout-showcase4-hint-lift: 112px;
  --layout-showcase4-hint-duration: 600ms;
  --layout-showcase4-footer-block: 32px;
  --layout-showcase4-footer-block-lg: 40px;
  --layout-showcase4-footer-gap: 24px;
  --layout-showcase4-readout-gap: 16px;
  --layout-showcase4-counter-size: 12px;
  --layout-showcase4-counter-tracking: 0.12em;
  --layout-showcase4-counter-sep-gap: 8px;
  --layout-showcase4-progress-width: clamp(72px, 10vw, 150px);
  --layout-showcase4-progress-height: 1px;
  --layout-showcase4-progress-track: 0.24;
  --layout-showcase4-progress-duration: 720ms;
  --layout-showcase4-thumb-height: clamp(34px, 3.6vw, 48px);
  --layout-showcase4-thumb-aspect: 3 / 4;
  --layout-showcase4-thumb-gap: 16px;
  --layout-showcase4-thumb-dim: 0.4;
  --layout-showcase4-thumb-hover: 0.75;
  --layout-showcase4-thumb-active: 1;
  --layout-showcase4-thumb-ring: 0.9;
  --layout-showcase4-thumb-ring-offset: 3px;
  --layout-showcase4-chrome-duration: 520ms;
  --layout-showcase4-arrow-size: 44px;
  --layout-showcase4-arrow-icon: 15px;
  --layout-showcase4-arrow-gap: 16px;
  --layout-showcase4-arrow-edge: 0.22;
  --layout-showcase4-arrow-edge-hover: 0.6;
  --layout-showcase4-arrow-face-hover: 0.07;
  --layout-showcase4-arrow-dim: 0.7;
  --layout-showcase4-arrow-shift: 5px;
  --layout-showcase5-head-top-sm: 128px;
  --layout-showcase5-head-top: 168px;
  --layout-showcase5-head-gap: 24px;
  --layout-showcase5-head-max: 720px;
  --layout-showcase5-eyebrow-size: 12px;
  --layout-showcase5-label-tracking: 0.18em;
  --layout-showcase5-head-title-size: clamp(40px, 6.4vw, 104px);
  --layout-showcase5-head-title-leading: 0.94;
  --layout-showcase5-head-bottom-sm: 64px;
  --layout-showcase5-head-bottom: 96px;
  --layout-showcase5-foot: 128px;
  --layout-showcase5-grid-gap-row-sm: 80px;
  --layout-showcase5-grid-gap-row: 160px;
  --layout-showcase5-grid-gap-col: 40px;
  --layout-showcase5-stagger-sm: 32px;
  --layout-showcase5-stagger: 96px;
  --layout-showcase5-ratio-wide: 3 / 2;
  --layout-showcase5-ratio-tall: 4 / 5;
  --layout-showcase5-meta-gap: 16px;
  --layout-showcase5-meta-row-gap: 8px;
  --layout-showcase5-name-size-sm: 22px;
  --layout-showcase5-name-size: clamp(22px, 1.7vw, 28px);
  --layout-showcase5-name-leading: 1.24;
  --layout-showcase5-meta-size: 12px;
  --layout-showcase5-mask-inset: 20px;
  --layout-showcase5-image-gray: 1;
  --layout-showcase5-image-gray-hover: 0;
  --layout-showcase5-hover-duration: 600ms;
  --layout-showcase5-parallax: 140px;
  --layout-showcase5-parallax-step: 0.2;
  --layout-showcase5-reveal-scale: 0.94;
  --layout-showcase5-reveal-rise: 48px;
  --layout-showcase5-reveal-duration: 1s;
  --layout-showcase5-focus-offset: 6px;
  --layout-showcase6-head-top-sm: 128px;
  --layout-showcase6-head-top: 168px;
  --layout-showcase6-head-gap: 24px;
  --layout-showcase6-head-max: 760px;
  --layout-showcase6-eyebrow-size: 12px;
  --layout-showcase6-label-tracking: 0.18em;
  --layout-showcase6-title-size: clamp(40px, 6.8vw, 108px);
  --layout-showcase6-title-leading: 0.94;
  --layout-showcase6-head-bottom-sm: 80px;
  --layout-showcase6-head-bottom: 96px;
  --layout-showcase6-foot: 128px;
  --layout-showcase6-lead-height-sm: 44vh;
  --layout-showcase6-lead-height: 65vh;
  --layout-showcase6-lead-gap: 24px;
  --layout-showcase6-lead-pad: 24px;
  --layout-showcase6-lead-meta-size: 12px;
  --layout-showcase6-card-height: 110vh;
  --layout-showcase6-card-radius: 24px;
  --layout-showcase6-content-width-sm: 90%;
  --layout-showcase6-content-width: 80%;
  --layout-showcase6-content-max: 1440px;
  --layout-showcase6-content-pad-sm: 64px;
  --layout-showcase6-content-pad: 120px;
  --layout-showcase6-content-pad-bottom-sm: 16px;
  --layout-showcase6-content-gap: 24px;
  --layout-showcase6-top-gap-sm: 32px;
  --layout-showcase6-top-gap: 72px;
  --layout-showcase6-details-gap: 16px;
  --layout-showcase6-info-gap: 8px;
  --layout-showcase6-info-row-pad: 16px;
  --layout-showcase6-media-radius: 8px;
  --layout-showcase6-media-ratio-sm: 4 / 5;
  --layout-showcase6-tagline-size-sm: clamp(20px, 5.4vw, 26px);
  --layout-showcase6-tagline-size: clamp(22px, 1.9vw, 28px);
  --layout-showcase6-tagline-leading: 1.25;
  --layout-showcase6-cta-gap: 24px;
  --layout-showcase6-button-gap: 16px;
  --layout-showcase6-button-pad-x: 40px;
  --layout-showcase6-button-pad-y: 16px;
  --layout-showcase6-button-icon: 12px;
  --layout-showcase6-button-icon-rotate: 45deg;
  --layout-showcase6-foot-gap: 16px;
  --layout-showcase6-foot-pad: 16px;
  --layout-showcase6-meta-size: 12px;
  --layout-showcase6-border-color: rgba(17, 17, 17, 0.16);
  --layout-showcase6-reveal-scale: 0.9;
  --layout-showcase6-reveal-rise: 250px;
  --layout-showcase6-exit-scale: 0.9;
  --layout-showcase6-exit-inset: 12.5%;
  --layout-showcase6-backdrop-veil: 50%;
  --layout-showcase6-backdrop-fade-out: 0.22s;
  --layout-showcase6-backdrop-fade-in: 0.5s;
  --layout-showcase6-title-drift: 100px;
  --layout-showcase6-item-rise: 24px;
  --layout-showcase6-item-duration: 1s;
  --layout-showcase6-item-stagger: 0.1;
  --layout-showcase6-more-margin-top: 96px;
  --layout-showcase6-more-gap: 24px;
  --layout-showcase6-more-pad-x: 48px;
  --layout-showcase6-more-pad-y: 24px;
  --layout-showcase6-more-icon-width: 16px;
  --layout-showcase6-more-icon-height: 14px;
  --layout-showcase6-focus-offset: 6px;
  --layout-hero1-masthead-ratio: 1620 / 631;
  --layout-hero1-wordmark-ratio: 1620 / 611;
  --layout-hero1-studio-size: 517px;
  --layout-hero1-studio-top: 49.45%;
  --layout-hero1-studio-left: 54.01%;
  --layout-hero1-stack-gap: 70px;
  --layout-hero1-rule-gap: 70px;
  --layout-hero1-gallery-gap: 20px;
  --layout-hero1-gallery-gap-after-rule: 50px;
  --layout-hero1-slide-width: 527px;
  --layout-hero1-slide-width-mid: 526px;
  --layout-hero1-slide-height: 593px;
  --layout-hero1-meta-leading: 21px;
  --layout-hero1-intro-offset: 100px;
  --layout-hero1-intro-duration: 1000ms;
  --layout-hero1-float-y: -630px;
  --layout-hero1-float-y-xl: -830px;
  --layout-hero1-float-rotate: 25deg;
  --layout-hero1-float-scale: 0.3;
  --layout-hero1-float-reveal-scale: 1.32;
  --layout-hero1-float-reveal-duration: 1200ms;
  --layout-hero1-side-from-x: 52%;
  --layout-hero2-aside-width: 400px;
  --layout-hero2-aside-gap: 150px;
  --layout-hero2-mobile-aside-gap: 30px;
  --layout-hero2-tablet-aside-width: 300px;
  --layout-hero2-tablet-aside-gap: 48px;
  --layout-hero2-bio-max: 352px;
  --layout-hero2-portrait-width: 400px;
  --layout-hero2-portrait-height: 538px;
  --layout-hero2-portrait-grayscale: 100%;
  --layout-hero2-rail-width: 56px;
  --layout-hero2-rail-gap: 22px;
  --layout-hero2-title-size: 140px;
  --layout-hero2-title-leading: 135px;
  --layout-hero2-title-max: 737px;
  --layout-hero2-copy-max: 391px;
  --layout-hero2-copy-gap: 70px;
  --layout-hero2-cta-gap: 169px;
  --layout-hero2-cta-padding-inline: 30px;
  --layout-hero2-cta-padding-block: 28px;
  --layout-hero2-cta-radius: 20px;
  --layout-hero2-arrow-width: 16px;
  --layout-hero2-arrow-height: 14px;
  --layout-hero2-social-width: 18px;
  --layout-hero2-social-height: 130px;
  --layout-hero2-social-label-gap: 20px;
  --layout-hero2-social-stagger: 0.1s;
  --layout-hero2-social-item-duration: 0.5s;
  --layout-hero2-title-rotate-hold: 2s;
  --layout-hero2-title-rotate-out: 0.55s;
  --layout-hero2-title-rotate-in: 0.7s;
  --layout-hero2-title-rotate-stagger: 0.035s;
  --layout-hero2-title-rotate-tilt: 55deg;
  --layout-hero2-title-rotate-perspective: 800px;
  --layout-hero2-main-gap: 314px;
  --layout-hero2-columns-gap: 40px;
  --layout-hero2-intro-offset: 90px;
  --layout-hero2-intro-duration: 1000ms;
  --layout-hero2-email-duration: 0.9s;
  --layout-hero2-email-delay: 0.55s;
  --layout-hero3-title-size: 13.33cqw;
  --layout-hero3-title-leading: 1;
  --layout-hero3-content-max: 1746px;
  --layout-hero3-pad-inline: clamp(16px, 4.73vw, 90px);
  --layout-hero3-pad-block-start: clamp(48px, 6.08vw, 116px);
  --layout-hero3-pad-block-end: clamp(48px, 5.33vw, 102px);
  --layout-hero3-place-gap: 15px;
  --layout-hero3-place-row-gap: 8px;
  --layout-hero3-dot-size: 7px;
  --layout-hero3-meta-gap: 16px;
  --layout-hero3-slider-gap: clamp(24px, 3.06vw, 54px);
  --layout-hero3-meta-leading: 1.3;
  --layout-hero3-slide-gap: clamp(8px, 0.93vw, 18px);
  --layout-hero3-slide-width: calc((100vw - 6 * var(--layout-hero3-slide-gap)) / 7);
  --layout-hero3-slide-width-mobile: 62vw;
  --layout-about1-content-max: 889px;
  --layout-about1-body-max: 581px;
  --layout-about1-stack-gap: 60px;
  --layout-about1-aside-gap: 30px;
  --layout-about1-aside-copy-gap: 40px;
  --layout-about1-stats-gap: 15px;
  --layout-about1-stats-row-width: 309px;
  --layout-about1-thumb-width: 90px;
  --layout-about1-thumb-height: 191px;
  --layout-about1-thumb-radius: 20px;
  --layout-about1-thumb-overlay-opacity: 0.55;
  --layout-about1-thumb-play-mark: 18px;
  --layout-about1-cta-padding-inline: 40px;
  --layout-about1-cta-padding-block: 25px;
  --layout-about1-cta-radius: 35px;
  --layout-about1-cta-gap: 10px;
  --layout-about1-cta-arrow-size: 20px;
  --layout-about2-title-max: 801px;
  --layout-about2-title-to-panel: 100px;
  --layout-about2-panel-pad-top: 50px;
  --layout-about2-copy-max: 715px;
  --layout-about2-copy-gap: 60px;
  --layout-about2-row-gap: 40px;
  --layout-about2-tags-leading: 40px;
  --layout-about2-panel-to-media: 100px;
  --layout-about2-image-width: 1420px;
  --layout-about2-image-height: 697px;
  --layout-about2-image-ratio: 1420 / 697;
  --layout-about2-image-grayscale: 100%;
  --layout-about2-parallax-overflow: 12%;
  --layout-about2-cta-padding-inline: 40px;
  --layout-about2-cta-padding-block: 25px;
  --layout-about2-cta-radius: 35px;
  --layout-about2-cta-gap: 10px;
  --layout-about2-cta-arrow-size: 20px;
  --layout-projects1-grid-ratio: 1620 / 2030;
  --layout-projects1-card-width: 27.160493827%;
  --layout-projects1-image-height: 290px;
  --layout-projects1-card-gap: 20px;
  --layout-projects1-meta-gap: 15px;
  --layout-projects1-header-gap: 70px;
  --layout-projects1-cta-width: 187px;
  --layout-projects1-arrow-width: 12px;
  --layout-projects1-arrow-height: 10px;
  --layout-projects1-overlay-opacity: 0.4;
  --layout-projects1-eye-width: 51px;
  --layout-projects1-eye-height: 30px;
  --layout-projects2-title-size: 400px;
  --layout-projects2-title-leading: 0.88;
  --layout-projects2-title-pad-block: 0.1em;
  --layout-projects2-title-fit: 4.3;
  --layout-projects2-header-gap: 150px;
  --layout-projects2-header-gap-tablet: 90px;
  --layout-projects2-header-gap-mobile: 60px;
  --layout-projects2-grid-column-gap: 20px;
  --layout-projects2-grid-row-gap: 70px;
  --layout-projects2-image-width: 850px;
  --layout-projects2-image-height: 519px;
  --layout-projects2-image-ratio: 850 / 519;
  --layout-projects2-meta-pad-top: 27px;
  --layout-projects2-meta-pad-bottom: 31px;
  --layout-projects2-meta-max: 339px;
  --layout-projects2-view-height: 45px;
  --layout-projects2-view-padding-inline: 20px;
  --layout-projects2-view-radius: 22.5px;
  --layout-projects2-view-gap: 5px;
  --layout-projects2-view-arrow: 9px;
  --layout-projects2-overlay-opacity: 0.4;
  --layout-projects2-eye-width: 51px;
  --layout-projects2-eye-height: 30px;
  --layout-projects2-cta-padding-inline: 30px;
  --layout-projects2-cta-padding-block: 28px;
  --layout-projects2-cta-radius: 20px;
  --layout-projects2-cta-gap: 169px;
  --layout-projects2-cta-arrow-width: 16px;
  --layout-projects2-cta-arrow-height: 14px;
  --layout-projects2-footer-gap: 70px;
  --layout-projects2-reveal-scale: 0.8;
  --layout-projects2-mask-inset: 20px;
  --layout-projects2-hover-duration: 700ms;
  --layout-projects3-content-max: 1720px;
  --layout-projects3-pad-inline: clamp(16px, 4.9vw, 94px);
  --layout-projects3-header-max: 1375px;
  --layout-projects3-title-size: 140px;
  --layout-projects3-title-leading: 0.86;
  --layout-projects3-title-fit: 9.85;
  --layout-projects3-header-gap: 88px;
  --layout-projects3-grid-column-gap: 20px;
  --layout-projects3-grid-row-gap: 70px;
  --layout-projects3-image-ratio: 850 / 519;
  --layout-projects3-meta-pad-top: 27px;
  --layout-projects3-meta-pad-bottom: 31px;
  --layout-projects3-meta-max: 339px;
  --layout-projects3-view-height: 45px;
  --layout-projects3-view-padding-inline: 20px;
  --layout-projects3-view-radius: 22.5px;
  --layout-projects3-view-gap: 5px;
  --layout-projects3-view-arrow: 9px;
  --layout-projects3-overlay-opacity: 0.4;
  --layout-projects3-eye-width: 51px;
  --layout-projects3-eye-height: 30px;
  --layout-projects3-mask-inset: 20px;
  --layout-projects3-hover-duration: 700ms;
  --layout-projects3-cta-height: 63px;
  --layout-projects3-cta-padding-inline: 40px;
  --layout-projects3-cta-radius: 35px;
  --layout-projects3-cta-arrow-size: 20px;
  --layout-projects3-cta-arrow-gap: 10px;
  --layout-faqs3-content-max: 1515px;
  --layout-faqs3-pad-inline: clamp(16px, 7.87vw, 151px);
  --layout-faqs3-title-max: 582px;
  --layout-faqs3-title-size: 75px;
  --layout-faqs3-title-fit: 7.6;
  --layout-faqs3-title-leading: 1;
  --layout-faqs3-header-gap: clamp(48px, 4.69vw, 90px);
  --layout-faqs3-grid-gap: clamp(32px, 6.78vw, 130px);
  --layout-faqs3-aside-width: 424px;
  --layout-faqs3-row-min-height: 102px;
  --layout-faqs3-row-pad-block: 40px;
  --layout-faqs3-index-gap: 99px;
  --layout-faqs3-question-size: 30px;
  --layout-faqs3-question-leading: 36px;
  --layout-faqs3-index-size: 30px;
  --layout-faqs3-icon-size: 20px;
  --layout-faqs3-answer-gap: 40px;
  --layout-faqs3-answer-size: 20px;
  --layout-faqs3-answer-leading: 28px;
  --layout-faqs3-aside-gap: 47px;
  --layout-faqs3-aside-image-size: 277px;
  --layout-faqs3-aside-image-radius: 8px;
  --layout-faqs3-aside-heading-size: 50px;
  --layout-faqs3-aside-heading-leading: 58px;
  --layout-faqs3-aside-copy-gap: 33px;
  --layout-faqs3-aside-copy-size: 20px;
  --layout-faqs3-aside-copy-leading: 28px;
  --layout-faqs3-button-pad-block: 25px;
  --layout-faqs3-button-pad-inline: 40px;
  --layout-faqs3-button-radius: 35px;
  --layout-faqs3-button-size: 18px;
  --layout-faqs3-button-leading: 26px;
  --layout-faqs3-cta-arrow-size: 20px;
  --layout-faqs3-cta-arrow-gap: 10px;
  --layout-brands1-content-max: 1620px;
  --layout-brands1-pad-inline: clamp(16px, 7.79vw, 149px);
  --layout-brands1-min-height: clamp(420px, 42.33vw, 811px);
  --layout-brands1-logos-top: 30px;
  --layout-brands1-copy-size: 20px;
  --layout-brands1-copy-leading: 1.4;
  --layout-brands1-copy-max: 430px;
  --layout-brands1-image-opacity: 0.86;
  --layout-brands1-logo-gap: clamp(32px, 9.07cqi, 147px);
  --layout-brands1-logo-01-width: clamp(72px, 8.9cqi, 144px);
  --layout-brands1-logo-02-width: clamp(64px, 7.96cqi, 129px);
  --layout-brands1-logo-03-width: clamp(84px, 10.37cqi, 168px);
  --layout-brands1-logo-04-width: clamp(76px, 9.38cqi, 152px);
  --layout-brands1-logo-05-width: clamp(70px, 8.64cqi, 140px);
  --layout-brands1-logo-06-width: clamp(76px, 9.38cqi, 152px);
  --layout-fact1-content-max: 1791px;
  --layout-fact1-pad-inline: clamp(16px, 3.34vw, 64px);
  --layout-fact1-title-size: 140px;
  --layout-fact1-title-leading: 1.06;
  --layout-fact1-title-fit: 8;
  --layout-fact1-heading-gap: 42px;
  --layout-fact1-column-gap: clamp(20px, 2.5vw, 48px);
  --layout-fact1-row-gap: clamp(12px, 1.7vw, 32px);
  --layout-fact1-media-ratio: 844 / 1024;
  --layout-fact1-media-radius: 20px;
  --layout-fact1-card-radius: 20px;
  --layout-fact1-card-padding: clamp(20px, 2.5vw, 48px);
  --layout-fact1-card-value-size: clamp(40px, 3.9vw, 75px);
  --layout-fact1-card-value-leading: 1;
  --layout-fact1-card-value-tracking: -0.05em;
  --layout-fact1-card-label-size: clamp(15px, 1.25vw, 24px);
  --layout-fact1-card-label-leading: 1.42;
  --layout-fact1-card-label-width: 360px;
  --layout-fact1-card-stack-gap: clamp(8px, 1vw, 20px);
  --layout-services4-content-max: 1617px;
  --layout-services4-pad-inline: clamp(16px, 7.87vw, 151px);
  --layout-services4-title-size: 140px;
  --layout-services4-title-leading: 0.86;
  --layout-services4-title-fit: 7.2;
  --layout-services4-heading-gap: clamp(56px, 11.41vw, 219px);
  --layout-services4-list-size: clamp(26px, 3.34vw, 64px);
  --layout-services4-list-leading: 1.15;
  --layout-services4-list-gap: clamp(18px, 2.66vw, 51px);
  --layout-services4-link-underline-offset: 0.12em;
  --layout-services4-media-radius: 16px;
  --layout-services4-runner-ratio: 290 / 380;
  --layout-services4-portrait-ratio: 290 / 338;
  --layout-services4-portrait-offset: clamp(24px, 8.44vw, 162px);
  --layout-services4-media-gap: clamp(12px, 1.7vw, 32px);
  --layout-services4-hover-scale: 0.95;
  --layout-services4-hover-opacity: 0.5;
  --layout-services4-underline-duration: 700ms;
  --layout-services4-underline-stagger: 70ms;
  --layout-services4-preview-width: 354px;
  --layout-services4-preview-max-width: calc(100vw - var(--space-6));
  --layout-services4-preview-pad-block: 49px;
  --layout-services4-preview-pad-inline: 58px;
  --layout-services4-preview-radius: 16px;
  --layout-services4-preview-size: 18px;
  --layout-services4-preview-leading: 26px;
  --layout-services4-preview-indent: 21px;
  --layout-services4-preview-lag: 0.14;
  --layout-services4-preview-zoom: 1.06;
  --layout-services4-preview-zoom-duration: 0.5;
  --layout-services4-preview-enter-scale: 0.72;
  --layout-services4-preview-exit-scale: 0.9;
  --layout-services4-preview-scale-duration: 0.45;
  --layout-services4-preview-tilt: 2.4;
  --layout-services1-intro-max: 416px;
  --layout-services1-visual-width: 413px;
  --layout-services1-visual-height: 244px;
  --layout-services1-visual-ratio: 413 / 244;
  --layout-services1-list-min-height: 140px;
  --layout-services1-index-size: 60px;
  --layout-services1-gap: 40px;
  --layout-services1-intro-stack-gap: 70px;
  --layout-services2-aside-width: 422px;
  --layout-services2-columns-gap: 200px;
  --layout-services2-aside-gap: 104px;
  --layout-services2-tablet-aside-gap: 48px;
  --layout-services2-stack-gap: 50px;
  --layout-services2-visual-width: 422px;
  --layout-services2-visual-height: 285px;
  --layout-services2-visual-ratio: 422 / 285;
  --layout-services2-title-max: 862px;
  --layout-services2-title-to-list: 53px;
  --layout-services2-row-min-height: 75px;
  --layout-services2-row-pad-block: 30px;
  --layout-services2-cta-height: 70px;
  --layout-services2-cta-radius: 20px;
  --layout-services2-cta-padding-inline: 30px;
  --layout-services2-link-arrow: 9px;
  --layout-services2-link-arrow-rotate: 45deg;
  --layout-services2-download-arrow-width: 14px;
  --layout-services2-download-arrow-height: 16px;
  --layout-services3-row-gap: 30px;
  --layout-services3-row-pad-top: 30px;
  --layout-services3-row-min-height: 295px;
  --layout-services3-accent-width: 30px;
  --layout-services3-accent-gap: 20px;
  --layout-services3-index-gap: 95px;
  --layout-services3-title-gap: 41px;
  --layout-services3-service-column-gap: 30px;
  --layout-services3-image-width: 200px;
  --layout-services3-image-height: 295px;
  --layout-services3-image-ratio: 200 / 295;
  --layout-services3-image-hover-width: 500px;
  --layout-services3-media-max-height-mobile: 200px;
  --layout-testimonials1-title-max: 848px;
  --layout-testimonials1-header-gap: 70px;
  --layout-testimonials1-card-width: 383px;
  --layout-testimonials1-card-gap: 30px;
  --layout-testimonials1-stack-gap: 15px;
  --layout-testimonials1-quote-height: 300px;
  --layout-testimonials1-quote-padding: 29px;
  --layout-testimonials1-author-height: 100px;
  --layout-testimonials1-author-padding-inline: 29px;
  --layout-testimonials1-author-gap: 14px;
  --layout-testimonials1-icon-size: 70px;
  --layout-testimonials1-icon-mark-width: 25px;
  --layout-testimonials1-icon-mark-height: 20px;
  --layout-testimonials1-fade-width: 383px;
  --layout-testimonials2-title-size: 140px;
  --layout-testimonials2-title-leading: 120px;
  --layout-testimonials2-title-max: 683px;
  --layout-testimonials2-header-gap: 70px;
  --layout-testimonials2-title-stack-gap: 50px;
  --layout-testimonials2-rating-gap: 14px;
  --layout-testimonials2-score-size: 50px;
  --layout-testimonials2-score-leading: 30px;
  --layout-testimonials2-star-size: 15px;
  --layout-testimonials2-card-gap: 20px;
  --layout-testimonials2-card-padding: 45px;
  --layout-testimonials2-card-light-width: 560px;
  --layout-testimonials2-card-dark-width: 450px;
  --layout-testimonials2-card-light-min-height: 412px;
  --layout-testimonials2-card-dark-min-height: 358px;
  --layout-testimonials2-card-max-mobile: 85vw;
  --layout-testimonials2-icon-size: 70px;
  --layout-testimonials2-icon-mark-width: 25px;
  --layout-testimonials2-icon-mark-height: 20px;
  --layout-team1-header-gap: 70px;
  --layout-team1-avatar-size: 303px;
  --layout-team1-card-gap: 26px;
  --layout-team1-stack-gap: 15px;
  --layout-team1-meta-leading: 22px;
  --layout-team1-eye-width: 51px;
  --layout-team1-eye-height: 30px;
  --layout-team1-overlay-opacity: 0.4;
  --layout-team2-header-gap: 70px;
  --layout-team2-eyebrow-gap: 30px;
  --layout-team2-title-max: 533px;
  --layout-team2-avatar-size: 300px;
  --layout-team2-image-grayscale: 100%;
  --layout-team2-card-min-height: 374px;
  --layout-team2-column-gap: 140px;
  --layout-team2-row-gap: 70px;
  --layout-team2-stack-gap: 13px;
  --layout-team2-cta-radius: 150px;
  --layout-team2-cta-pad-inline: 78px;
  --layout-team2-eye-width: 51px;
  --layout-team2-eye-height: 30px;
  --layout-team2-overlay-opacity: 0.4;
  --layout-team3-max: 1620px;
  --layout-team3-col-gap: 20px;
  --layout-team3-row-gap: 60px;
  --layout-team3-card-gap: 20px;
  --layout-team3-meta-gap: 15px;
  --layout-team3-media-radius: 42px;
  --layout-team3-overlay-opacity: 0.4;
  --layout-team3-eye-width: 51px;
  --layout-team3-eye-height: 30px;
  --layout-team3-image-ratio: 392 / 516;
  --layout-whyUs1-title-max: 848px;
  --layout-whyUs1-body-max: 429px;
  --layout-whyUs1-intro-gap: 60px;
  --layout-whyUs1-intro-max: 848px;
  --layout-whyUs1-awards-max: 631px;
  --layout-whyUs1-platform-min: 200px;
  --layout-whyUs1-group-pad-block: 36px;
  --layout-whyUs1-columns-gap: 140px;
  --layout-img1-width: 1920px;
  --layout-img1-height: 970px;
  --layout-img1-ratio: 1920 / 970;
  --layout-img1-parallax-overflow: 12%;
  --layout-number1-header-gap: 50px;
  --layout-number1-heading-gap: 289px;
  --layout-number1-eyebrow-width: 120px;
  --layout-number1-title-to-stats: 48px;
  --layout-number1-stat-min-height: 172px;
  --layout-number1-stat-padding-inline: 50px;
  --layout-number1-stat-padding-block: 45px;
  --layout-number1-stat-stack-gap: 25px;
  --layout-number1-stat-gap: 20px;
  --layout-awards1-header-gap: 80px;
  --layout-awards1-heading-gap: 289px;
  --layout-awards1-title-max: 613px;
  --layout-awards1-list-max: 1235px;
  --layout-awards1-row-min-height: 100px;
  --layout-awards1-row-pad-inline: 30px;
  --layout-awards1-brands-gap: 60px;
  --layout-awards1-brands-caption-max: 384px;
  --layout-awards1-logo-gap: 147px;
  --layout-awards1-logo-max-height-mobile: 32px;
  --layout-awards1-list-to-brands: 142px;
  --layout-awards1-brands-margin-top: 50px;
  --layout-awards1-preview-width: 323px;
  --layout-awards1-preview-height: 200px;
  --layout-awards1-preview-scale: 1.2;
  --layout-awards1-preview-zoom: 1.12;
  --layout-awards1-preview-zoom-duration: 0.75;
  --layout-awards1-preview-ken-duration: 5.5;
  --layout-awards1-preview-radius: 4px;
  --layout-awards1-preview-rotate: 0deg;
  --layout-awards1-preview-enter-scale: 0.7;
  --layout-awards1-preview-exit-scale: 0.88;
  --layout-awards1-preview-scale-duration: 0.45;
  --layout-awards1-preview-lag: 0.14;
  --layout-awards1-preview-parallax: 16px;
  --layout-pageTitle1-title-mobile-size: 42px;
  --layout-pageTitle1-title-mobile-leading: 46px;
  --layout-pageTitle1-heading-gap: 280px;
  --layout-pageTitle1-title-max: 613px;
  --layout-pageTitle1-aside-max: 450px;
  --layout-pageTitle1-aside-offset: 40px;
  --layout-pageTitle2-header-max: 809px;
  --layout-pageTitle2-header-inset: 104px;
  --layout-pageTitle2-min-height: 321px;
  --layout-pageTitle2-pad-block: 96px;
  --layout-projectListing1Title-title-mobile-size: 42px;
  --layout-projectListing1Title-title-mobile-leading: 46px;
  --layout-projectListing1Title-heading-gap: 301px;
  --layout-projectListing1Title-main-max: 748px;
  --layout-projectListing1Title-title-max: 596px;
  --layout-projectListing1Title-stack-gap: 80px;
  --layout-projectListing1Title-meta-gap: 126px;
  --layout-projectListing1Title-tags-max: 132px;
  --layout-projectListing1Title-body-max: 490px;
  --layout-pageTitle4-stack-gap: 50px;
  --layout-pageTitle4-meta-gap: 60px;
  --layout-pageTitle4-meta-col: 360px;
  --layout-pageTitle4-item-gap: 20px;
  --layout-pageTitle4-label-gap: 14px;
  --layout-pageTitle5-eyebrow-gap: 20px;
  --layout-pageTitle5-stack-gap: 50px;
  --layout-pageTitle5-title-max: 754px;
  --layout-pageTitle5-aside-max: 293px;
  --layout-pageTitle5-aside-gap: 40px;
  --layout-pageTitle5-aside-stack-gap: 30px;
  --layout-pageTitle5-avatar-size: 60px;
  --layout-pageTitle5-avatar-overlap: 10px;
  --layout-pageTitle5-avatar-ring: 3px;
  --layout-pageTitle5-cta-gap: 10px;
  --layout-pageTitle5-cta-rule: 2px;
  --layout-pageTitle6-max: 1290px;
  --layout-pageTitle6-eyebrow-gap: 20px;
  --layout-pageTitle6-stack-gap: 50px;
  --layout-pageTitle6-title-max: 532px;
  --layout-pageTitle6-aside-max: 352px;
  --layout-blogPosts-max: 1290px;
  --layout-blogPosts-layout-gap: 175px;
  --layout-blogPosts-categories-max: 140px;
  --layout-blogPosts-category-gap: 14px;
  --layout-blogPosts-category-pad-start: 5px;
  --layout-blogPosts-category-arrow-w: 12px;
  --layout-blogPosts-category-arrow-h: 10px;
  --layout-blogPosts-category-arrow-gap: 10px;
  --layout-blogPosts-category-arrow-shift: 6px;
  --layout-blogPosts-card-gap: 60px;
  --layout-blogPosts-card-pad-block: 40px;
  --layout-blogPosts-image-width: 570px;
  --layout-blogPosts-image-height: 350px;
  --layout-blogPosts-image-ratio: 570 / 350;
  --layout-blogPosts-image-reveal-from: 50%;
  --layout-blogPosts-image-radius: 0;
  --layout-blogPosts-overlay-opacity: 0.4;
  --layout-blogPosts-eye-width: 51px;
  --layout-blogPosts-eye-height: 30px;
  --layout-blogPosts-body-max: 349px;
  --layout-blogPosts-tag-gap: 5px;
  --layout-blogPosts-tag-height: 30px;
  --layout-blogPosts-tag-padding-inline: 15px;
  --layout-blogPosts-tag-radius: 15px;
  --layout-blogPosts-stack-gap: 30px;
  --layout-blogPosts-author-gap: 8px;
  --layout-blogPosts-avatar-size: 22px;
  --layout-blogPosts-avatar-radius: 11px;
  --layout-blogPosts-pagination-offset: 64px;
  --layout-blogPosts-pagination-gap: 10px;
  --layout-blogPosts-pagination-btn-width: 170px;
  --layout-blogPosts-pagination-btn-height: 90px;
  --layout-blogPosts-pagination-btn-radius: 50px;
  --layout-blogPosts-pagination-icon-gap: 15px;
  --layout-blogPosts-pagination-icon-w: 18px;
  --layout-blogPosts-pagination-icon-h: 15px;
  --layout-blogDetails-max: 1290px;
  --layout-blogDetails-stack-gap: 70px;
  --layout-blogDetails-block-gap: 60px;
  --layout-blogDetails-header-gap: 207px;
  --layout-blogDetails-meta-max: 203px;
  --layout-blogDetails-meta-stack-gap: 60px;
  --layout-blogDetails-pill-gap: 5px;
  --layout-blogDetails-pill-padding-inline: 20px;
  --layout-blogDetails-pill-padding-block: 12px;
  --layout-blogDetails-pill-radius: 17.5px;
  --layout-blogDetails-author-gap: 15px;
  --layout-blogDetails-author-copy-gap: 10px;
  --layout-blogDetails-avatar-size: 65px;
  --layout-blogDetails-avatar-radius: 12px;
  --layout-blogDetails-title-max: 875px;
  --layout-blogDetails-hero-ratio: 1290 / 650;
  --layout-blogDetails-hero-radius: 15px;
  --layout-blogDetails-media-gap: 40px;
  --layout-blogDetails-section-gap: 40px;
  --layout-blogDetails-copy-gap: 30px;
  --layout-blogDetails-split-gap: 30px;
  --layout-blogDetails-split-image-width: 630px;
  --layout-blogDetails-split-image-ratio: 630 / 351;
  --layout-blogDetails-gallery-left-ratio: 770 / 550;
  --layout-blogDetails-gallery-right-ratio: 490 / 550;
  --layout-blogDetails-gallery-left: 770px;
  --layout-blogDetails-gallery-right: 490px;
  --layout-blogDetails-tag-gap: 10px;
  --layout-blogDetails-tag-height: 30px;
  --layout-blogDetails-tag-padding-inline: 15px;
  --layout-blogDetails-tag-radius: 16.5px;
  --layout-blogDetails-form-gap: 70px;
  --layout-blogDetails-form-row-gap: 70px;
  --layout-blogDetails-form-field-gap: 30px;
  --layout-blogDetails-form-submit-gap: 50px;
  --layout-blogDetails-field-min-height: 30px;
  --layout-blogDetails-submit-width: 170px;
  --layout-blogDetails-submit-height: 60px;
  --layout-blogDetails-submit-radius: 35px;
  --layout-blogDetails-submit-padding-inline: 33px;
  --layout-blogDetails-submit-arrow-size: 20px;
  --layout-blogDetails-submit-arrow-gap: 10px;
  --layout-terms-max: 1290px;
  --layout-terms-aside-width: 240px;
  --layout-terms-column-gap: 160px;
  --layout-terms-text-max: 720px;
  --layout-terms-head-gap: 30px;
  --layout-terms-clause-gap: 48px;
  --layout-terms-toc-gap: 12px;
  --layout-terms-bullet-size: 6px;
  --layout-terms-arrow-size: 20px;
  --layout-terms-arrow-gap: 10px;
  --layout-terms-top-gap: 80px;
  --layout-contact-max: 1290px;
  --layout-contact-header-gap: 50px;
  --layout-contact-eyebrow-gap: 20px;
  --layout-contact-aside-max: 365px;
  --layout-contact-stack-gap: 70px;
  --layout-contact-main-gap: 256px;
  --layout-contact-aside-width: 226px;
  --layout-contact-social-gap: 23px;
  --layout-contact-social-icon: 70px;
  --layout-contact-social-icon-gap: 20px;
  --layout-contact-direct-gap: 80px;
  --layout-contact-direct-stack-gap: 20px;
  --layout-contact-email-underline-gap: 8px;
  --layout-contact-form-gap: 20px;
  --layout-contact-form-pair-gap: 23px;
  --layout-contact-field-radius: 15px;
  --layout-contact-field-padding: 30px;
  --layout-contact-field-stack-gap: 15px;
  --layout-contact-field-min-height: 98px;
  --layout-contact-message-min-height: 170px;
  --layout-contact-submit-gap: 30px;
  --layout-contact-submit-height: 63px;
  --layout-contact-submit-radius: 35px;
  --layout-contact-submit-padding-inline: 40px;
  --layout-contact-submit-padding-block: 25px;
  --layout-contact-submit-arrow-size: 20px;
  --layout-contact-submit-arrow-gap: 10px;
  --layout-contact-locations-gap: 100px;
  --layout-contact-locations-split-gap: 15px;
  --layout-contact-address-max: 920px;
  --layout-contact-address-padding: 70px;
  --layout-contact-address-col-gap: 67px;
  --layout-contact-office-stack-gap: 30px;
  --layout-contact-cta-width: 355px;
  --layout-contact-cta-padding: 50px;
  --layout-contact-cta-radius: 15px;
  --layout-contact-cta-copy-gap: 137px;
  --layout-error404-max: 559px;
  --layout-error404-stack-gap: 50px;
  --layout-error404-copy-gap: 40px;
  --layout-error404-code-size: clamp(7.5rem, 4rem + 15vw, 18.75rem);
  --layout-error404-code-leading: 0.73;
  --layout-error404-cta-radius: 35px;
  --layout-error404-cta-padding-inline: 40px;
  --layout-error404-cta-padding-block: 25px;
  --layout-pricing-gap: 24px;
  --layout-pricing-card-padding: 40px;
  --layout-pricing-card-gap: 24px;
  --layout-pricing-card-radius: 16px;
  --layout-pricing-badge-padding-inline: 12px;
  --layout-pricing-badge-padding-block: 6px;
  --layout-pricing-badge-radius: 50px;
  --layout-pricing-price-gap: 8px;
  --layout-pricing-feature-gap: 16px;
  --layout-pricing-feature-icon-gap: 12px;
  --layout-pricing-check-size: 16px;
  --layout-pricing-cta-height: 51px;
  --layout-pricing-cta-radius: 25.5px;
  --layout-pricing-cta-padding-inline: 30px;
  --layout-cta1-title-max: 930px;
  --layout-cta1-stack-gap: 40px;
  --layout-cta1-cta-height: 70px;
  --layout-cta1-cta-width: 195px;
  --layout-cta1-cta-radius: 35px;
  --layout-cta1-cta-padding-inline: 39px;
  --layout-cta1-arrow-size: 20px;
  --layout-cta1-arrow-gap: 10px;
  --layout-teamDetails1-content-max: 590px;
  --layout-teamDetails1-gap: 100px;
  --layout-teamDetails1-stack-gap: 50px;
  --layout-teamDetails1-name-gap: 30px;
  --layout-teamDetails1-name-max: 357px;
  --layout-teamDetails1-social-gap: 20px;
  --layout-teamDetails1-social-pad: 20px;
  --layout-teamDetails1-social-arrow-size: 11px;
  --layout-teamDetails1-social-arrow-shift: 8px;
  --layout-teamDetails1-featured-min-height: 55px;
  --layout-teamDetails1-image-width: 600px;
  --layout-teamDetails1-image-height: 741px;
  --layout-teamDetails1-image-ratio: 600 / 741;
  --layout-teamDetails2-header-max: 760px;
  --layout-teamDetails2-header-gap: 30px;
  --layout-teamDetails2-heading-gap: 120px;
  --layout-teamDetails2-header-to-grid: 70px;
  --layout-teamDetails2-intro-max: 360px;
  --layout-teamDetails2-row-gap: 60px;
  --layout-teamDetails2-col-gap: 20px;
  --layout-teamDetails2-col-gap-lg: 40px;
  --layout-teamDetails2-stack-gap: 24px;
  --layout-teamDetails2-meta-gap: 8px;
  --layout-teamDetails2-meta-pad-top: 18px;
  --layout-teamDetails2-image-ratio: 392 / 516;
  --layout-teamDetails2-image-hover-scale: 1.04;
  --layout-teamDetails2-section-gap: 120px;
  --layout-teamDetails2-values-label-max: 220px;
  --layout-teamDetails2-values-gap: 40px;
  --layout-teamDetails2-values-gap-lg: 90px;
  --layout-teamDetails2-principle-gap: 40px;
  --layout-teamDetails2-principle-pad: 30px;
  --layout-teamDetails2-principle-rule: 3px;
  --layout-teamDetails2-principle-body-max: 360px;
  --layout-teamDetails2-cta-gap: 24px;
  --layout-teamDetails2-cta-pad-top: 60px;
  --layout-teamDetails2-cta-size: clamp(40px, 6vw, 104px);
  --layout-teamDetails2-cta-leading: 0.95;
  --layout-teamDetails2-cta-icon-gap: 20px;
  --layout-teamDetails2-cta-icon-size: 38px;
  --layout-serviceDetail1-copy-max: 395px;
  --layout-serviceDetail1-copy-gap: 120px;
  --layout-serviceDetail1-stack-gap: 40px;
  --layout-serviceDetail1-content-pad-end: 104px;
  --layout-serviceDetail1-image-width: 740px;
  --layout-serviceDetail1-image-height: 450px;
  --layout-serviceDetail1-image-ratio: 740 / 450;
  --layout-serviceDetail1-tag-gap: 5px;
  --layout-serviceDetail1-tag-min-height: 50px;
  --layout-serviceDetail1-tag-padding-inline: 24px;
  --layout-serviceDetail1-tag-radius: 32.5px;
  --layout-serviceDetail1-rail-min-height: 500px;
  --layout-serviceDetail2-header-gap: 70px;
  --layout-serviceDetail2-title-max: 658px;
  --layout-serviceDetail2-aside-max: 163px;
  --layout-serviceDetail2-steps-max: 798px;
  --layout-serviceDetail2-step-pad: 40px;
  --layout-serviceDetail2-index-gap: 60px;
  --layout-serviceDetail2-desc-max: 360px;
  --layout-serviceDetail2-image-width: 452px;
  --layout-serviceDetail2-image-height: 684px;
  --layout-serviceDetail2-image-ratio: 452 / 684;
  --layout-serviceDetail2-body-gap: 40px;
  --layout-serviceDetail3-feature-max: 360px;
  --layout-serviceDetail3-feature-gap: 50px;
  --layout-serviceDetail3-feature-stack-gap: 30px;
  --layout-serviceDetail3-feature-to-data: 140px;
  --layout-serviceDetail3-stats-max: 770px;
  --layout-serviceDetail3-stat-width: 350px;
  --layout-serviceDetail3-stat-col-gap: 70px;
  --layout-serviceDetail3-stat-row-gap: 80px;
  --layout-serviceDetail3-stat-stack-gap: 40px;
  --layout-serviceDetail3-stat-rule: 3px;
  --layout-projectListing1Grid-max: 1850px;
  --layout-projectListing1Grid-row-gap: 79px;
  --layout-projectListing1Grid-col-gap: 10px;
  --layout-projectListing1Grid-card-gap: 29px;
  --layout-projectListing1Grid-caption-max: 457px;
  --layout-projectListing1Grid-half-ratio: 920 / 650;
  --layout-projectListing1Grid-small-ratio: 455 / 350;
  --layout-projectListing1Grid-full-ratio: 1850 / 1000;
  --layout-projectListing1Grid-overlay-opacity: 0.4;
  --layout-projectListing1Grid-eye-width: 51px;
  --layout-projectListing1Grid-eye-height: 30px;
  --layout-projectListing1Grid-mask-inset: 20px;
  --layout-projectListing1Grid-hover-duration: 700ms;
  --layout-projectListing2Title-head-top-sm: 128px;
  --layout-projectListing2Title-head-top: 168px;
  --layout-projectListing2Title-head-gap: 32px;
  --layout-projectListing2Title-eyebrow-size: 12px;
  --layout-projectListing2Title-label-tracking: 0.18em;
  --layout-projectListing2Title-bar-pad: 16px;
  --layout-projectListing2Title-title-size: clamp(40px, 6.4vw, 104px);
  --layout-projectListing2Title-title-leading: 0.94;
  --layout-projectListing2Title-intro-max: 560px;
  --layout-projectListing2Title-filter-gap: 32px;
  --layout-projectListing2Title-filter-row-gap: 16px;
  --layout-projectListing2Title-filter-size: 12px;
  --layout-projectListing2Title-filter-pad: 24px;
  --layout-projectListing2Title-filter-rule-gap: 8px;
  --layout-projectListing2Title-filter-duration: 280ms;
  --layout-projectListing3Title-head-top-sm: 128px;
  --layout-projectListing3Title-head-top: 168px;
  --layout-projectListing3Title-head-gap: 64px;
  --layout-projectListing3Title-eyebrow-size: 12px;
  --layout-projectListing3Title-label-tracking: 0.18em;
  --layout-projectListing3Title-bar-pad: 16px;
  --layout-projectListing3Title-row-gap: 48px;
  --layout-projectListing3Title-title-size: clamp(40px, 7vw, 118px);
  --layout-projectListing3Title-title-leading: 0.92;
  --layout-projectListing3Title-aside-max: 420px;
  --layout-projectListing3Title-intro-max: 420px;
  --layout-projectListing3Title-filter-gap: 24px;
  --layout-projectListing3Title-filter-row-gap: 16px;
  --layout-projectListing3Title-filter-size: 12px;
  --layout-projectListing3Title-filter-pad: 24px;
  --layout-projectListing3Title-filter-rule-gap: 8px;
  --layout-projectListing3Title-filter-duration: 280ms;
  --layout-projectListing3Grid-foot: 128px;
  --layout-projectListing3Grid-col-gap-sm: 48px;
  --layout-projectListing3Grid-col-gap: 64px;
  --layout-projectListing3Grid-card-gap-sm: 80px;
  --layout-projectListing3Grid-card-gap: 96px;
  --layout-projectListing3Grid-meta-gap: 24px;
  --layout-projectListing3Grid-caption-gap: 8px;
  --layout-projectListing3Grid-name-size-sm: 20px;
  --layout-projectListing3Grid-name-size: clamp(20px, 1.6vw, 26px);
  --layout-projectListing3Grid-name-leading: 1.24;
  --layout-projectListing3Grid-tagline-size: 14px;
  --layout-projectListing3Grid-mask-inset: 16px;
  --layout-projectListing3Grid-hover-duration: 700ms;
  --layout-projectListing3Grid-focus-offset: 6px;
  --layout-projectListing4Header-head-top-sm: 128px;
  --layout-projectListing4Header-head-top: 168px;
  --layout-projectListing4Header-head-gap: 32px;
  --layout-projectListing4Header-eyebrow-size: 12px;
  --layout-projectListing4Header-label-tracking: 0.18em;
  --layout-projectListing4Header-bar-pad: 16px;
  --layout-projectListing4Header-row-gap: 32px;
  --layout-projectListing4Header-title-size: clamp(36px, 4.4vw, 64px);
  --layout-projectListing4Header-title-leading: 1.04;
  --layout-projectListing4Header-intro-max: 440px;
  --layout-projectListing4Header-head-bottom-sm: 80px;
  --layout-projectListing4Header-head-bottom: 128px;
  --layout-projectListing4List-title-size: clamp(34px, 6.2vw, 96px);
  --layout-projectListing4List-title-leading: 1.12;
  --layout-projectListing4List-word-gap: 0.24em;
  --layout-projectListing4List-media-width: calc(var(--layout-projectListing4List-media-height) * var(--layout-projectListing4List-media-ratio));
  --layout-projectListing4List-media-height: clamp(56px, 6.4vw, 92px);
  --layout-projectListing4List-media-ratio: 2.5;
  --layout-projectListing4List-media-parallax: 0.1;
  --layout-projectListing4List-media-duration: 700ms;
  --layout-projectListing4List-row-pad-sm: 40px;
  --layout-projectListing4List-row-pad: 48px;
  --layout-projectListing4List-row-gap: 24px;
  --layout-projectListing4List-category-size: 12px;
  --layout-projectListing4List-category-col: 120px;
  --layout-projectListing4List-category-offset: 0.45em;
  --layout-projectListing4List-label-tracking: 0.18em;
  --layout-projectListing4List-dim-opacity: 0.55;
  --layout-projectListing4List-foot: 128px;
  --layout-projectListing4List-focus-offset: 8px;
  --layout-projectListing5Header-head-top-sm: 96px;
  --layout-projectListing5Header-head-top: 128px;
  --layout-projectListing5Header-title-size-sm: clamp(58px, 17vw, 96px);
  --layout-projectListing5Header-title-size: clamp(80px, 11vw, 164px);
  --layout-projectListing5Header-title-leading: 0.94;
  --layout-projectListing5Header-title-tracking: -0.045em;
  --layout-projectListing5Header-title-indent: 12%;
  --layout-projectListing5Header-head-bottom-sm: 80px;
  --layout-projectListing5Header-head-bottom: 96px;
  --layout-projectListing5Index-grid-min-height: 58vh;
  --layout-projectListing5Index-row-gap-sm: 80px;
  --layout-projectListing5Index-row-gap: 96px;
  --layout-projectListing5Index-col-gap-sm: 48px;
  --layout-projectListing5Index-col-gap: 64px;
  --layout-projectListing5Index-meta-gap: 16px;
  --layout-projectListing5Index-label-size: 12px;
  --layout-projectListing5Index-title-size-sm: clamp(30px, 8.4vw, 42px);
  --layout-projectListing5Index-title-size: clamp(27px, 2.75vw, 46px);
  --layout-projectListing5Index-title-leading: 1.04;
  --layout-projectListing5Index-slash-gap: 0.22em;
  --layout-projectListing5Index-slash-opacity: 0.32;
  --layout-projectListing5Index-dim-opacity: 0.3;
  --layout-projectListing5Index-active-shift: 6px;
  --layout-projectListing5Index-label-duration: 700ms;
  --layout-projectListing5Index-stage-width-sm: clamp(232px, 60vw, 340px);
  --layout-projectListing5Index-stage-width: clamp(320px, 32vw, 540px);
  --layout-projectListing5Index-stage-ratio: 3 / 2;
  --layout-projectListing5Index-stage-top: 34%;
  --layout-projectListing5Index-stage-radius: 4px;
  --layout-projectListing5Index-follow-amplitude: 18px;
  --layout-projectListing5Index-tilt-amplitude: 2.4;
  --layout-projectListing5Index-focus-offset: 8px;
  --layout-projectListing5Index-foot: 128px;
  --layout-projectListing2Grid-foot: 128px;
  --layout-projectListing2Grid-row-gap-sm: 80px;
  --layout-projectListing2Grid-row-gap: 96px;
  --layout-projectListing2Grid-col-gap-sm: 40px;
  --layout-projectListing2Grid-col-gap: 48px;
  --layout-projectListing2Grid-ratio: 4 / 5;
  --layout-projectListing2Grid-meta-gap: 24px;
  --layout-projectListing2Grid-caption-gap: 8px;
  --layout-projectListing2Grid-name-size-sm: 20px;
  --layout-projectListing2Grid-name-size: clamp(20px, 1.6vw, 26px);
  --layout-projectListing2Grid-name-leading: 1.24;
  --layout-projectListing2Grid-tagline-size: 14px;
  --layout-projectListing2Grid-mask-inset: 16px;
  --layout-projectListing2Grid-hover-duration: 700ms;
  --layout-projectListing2Grid-focus-offset: 6px;
  --layout-projectDetails1-max: 1620px;
  --layout-projectDetails1-intro-gap: 30px;
  --layout-projectDetails1-intro-side-gap: 30px;
  --layout-projectDetails1-intro-copy-gap: 76px;
  --layout-projectDetails1-hero-main-ratio: 1125 / 830;
  --layout-projectDetails1-hero-side-ratio: 465 / 531;
  --layout-projectDetails1-block-gap: 20px;
  --layout-projectDetails1-story-gap: 50px;
  --layout-projectDetails1-story-copy-gap: 348px;
  --layout-projectDetails1-title-max: 447px;
  --layout-projectDetails1-body-max: 825px;
  --layout-projectDetails1-gallery-gap: 20px;
  --layout-projectDetails1-feature-gap: 50px;
  --layout-projectDetails1-feature-stack-gap: 25px;
  --layout-projectDetails1-feature-left: 527px;
  --layout-projectDetails1-feature-right: 1073px;
  --layout-projectDetails1-closing-gap: 50px;
  --layout-projectDetails1-nav-gap: 10px;
  --layout-projectDetails1-nav-width: 170px;
  --layout-projectDetails1-nav-height: 90px;
  --layout-projectDetails1-nav-radius: 50px;
  --layout-projectDetails1-nav-icon-w: 13px;
  --layout-projectDetails1-nav-icon-h: 18px;
  --layout-projectDetails1-wide-ratio: 1620 / 800;
  --layout-projectDetails1-pair-left-ratio: 957 / 800;
  --layout-projectDetails1-pair-right-ratio: 643 / 800;
  --layout-projectDetails1-feature-left-ratio: 527 / 800;
  --layout-projectDetails1-feature-right-ratio: 1073 / 800;
  --layout-faqs1-title-mobile-size: 42px;
  --layout-faqs1-title-mobile-leading: 46px;
  --layout-faqs1-title-max: 710px;
  --layout-faqs1-header-gap: 70px;
  --layout-faqs1-row-min-height: 102px;
  --layout-faqs1-row-pad-block: 40px;
  --layout-faqs1-index-gap: 99px;
  --layout-faqs1-answer-gap: 40px;
  --layout-faqs1-answer-max: 680px;
  --layout-faqs1-icon-size: 20px;
  --layout-faqs2-title-max: 616px;
  --layout-faqs2-header-gap: 147px;
  --layout-faqs2-row-min-height: 102px;
  --layout-faqs2-row-pad-block: 40px;
  --layout-faqs2-index-gap: 99px;
  --layout-faqs2-answer-gap: 40px;
  --layout-faqs2-answer-max: 680px;
  --layout-faqs2-icon-size: 20px;
  --layout-blog1-header-gap: 70px;
  --layout-blog1-card-width: 383px;
  --layout-blog1-card-gap: 30px;
  --layout-blog1-image-height: 290px;
  --layout-blog1-stack-gap: 25px;
  --layout-blog1-media-gap: 25px;
  --layout-blog1-cta-gap: 0px;
  --layout-blog1-cta-label-width: 160px;
  --layout-blog1-cta-height: 40px;
  --layout-blog1-cta-radius: 20px;
  --layout-blog1-cta-padding-inline: 20px;
  --layout-blog1-icon-size: 40px;
  --layout-blog1-eye-width: 51px;
  --layout-blog1-eye-height: 30px;
  --layout-blog1-overlay-opacity: 0.4;
  --layout-blog1-arrow-mark-size: 12px;
  --layout-blog2-content-max: 1724px;
  --layout-blog2-pad-inline: clamp(16px, 4.96vw, 95px);
  --layout-blog2-heading-inset: clamp(0px, 2.87vw, 55px);
  --layout-blog2-title-max: 16.25em;
  --layout-blog2-header-gap: clamp(48px, 6.58vw, 126px);
  --layout-blog2-grid-gap: 64px;
  --layout-blog2-row-gap: 48px;
  --layout-blog2-card-gap: 25px;
  --layout-blog2-media-ratio: 383 / 290;
  --layout-blog2-media-ratio-tall: 383 / 386;
  --layout-blog2-media-ratio-tall-alt: 383 / 382;
  --layout-footer1-min-height: 800px;
  --layout-footer1-main-pad-block: 100px;
  --layout-footer1-bottom-height: 100px;
  --layout-footer1-bottom-pad-top-mobile: 50px;
  --layout-footer1-bottom-pad-bottom-mobile: 30px;
  --layout-footer1-contact-max: 418px;
  --layout-footer1-contact-gap: 90px;
  --layout-footer1-widget-gap: 110px;
  --layout-footer1-nav-gap-mobile: 30px;
  --layout-footer1-nav-gap-tablet: 50px;
  --layout-footer1-newsletter-gap-mobile: 30px;
  --layout-footer1-newsletter-gap-tablet: 50px;
  --layout-footer1-newsletter-margin-bottom: 30px;
  --layout-footer1-nav-gap: 226px;
  --layout-footer1-newsletter-max: 520px;
  --layout-footer1-columns-gap: 218px;
  --layout-footer1-link-gap: 18px;
  --layout-footer1-field-height: 50px;
  --layout-footer1-submit-width: 18px;
  --layout-footer1-submit-height: 11px;
  --layout-footer1-logo-width: 113px;
  --layout-footer1-logo-height: 28px;
  --layout-footer1-theme-size: 40px;
  --layout-footer1-theme-icon: 20px;
  --layout-footer1-muted-opacity: 0.74;
  --layout-footer1-overlay-opacity: 0.8;
  --layout-footer2-pad-block-start: 68px;
  --layout-footer2-title-size: 140px;
  --layout-footer2-title-leading: 135px;
  --layout-footer2-title-leading-tight: 1.04;
  --layout-footer2-title-max: 1094px;
  --layout-footer2-title-gap: 40px;
  --layout-footer2-rule-height: 5px;
  --layout-footer2-arrow-size: 102px;
  --layout-footer2-cta-to-bar: 120px;
  --layout-footer2-bar-height: 146px;
  --layout-footer2-nav-gap: 44px;
  --layout-footer2-bar-end-gap: 40px;
  --layout-footer2-theme-size: 40px;
  --layout-footer2-theme-icon: 20px;
  --layout-footer2-logo-width: 100px;
  --layout-footer2-logo-height: 25px;
  --layout-footer2-copy-pad-block: 40px;
  --layout-footer2-reveal-y: 28px;
  --layout-footer2-title-y: 60px;
  --layout-footer2-reveal-duration: 700ms;
  --layout-footer2-reveal-stagger: 120ms;
  --layout-footer2-title-duration: 900ms;
  --layout-footer3-content-max: 1719px;
  --layout-footer3-pad-inline: clamp(16px, 5.26vw, 101px);
  --layout-footer3-intro-pad-block: 89px;
  --layout-footer3-title-size: 50px;
  --layout-footer3-title-leading: 58px;
  --layout-footer3-title-leading-tight: 1.16;
  --layout-footer3-title-max: 678px;
  --layout-footer3-title-tracking: -0.05em;
  --layout-footer3-cta-gap: 20px;
  --layout-footer3-cta-width: 348px;
  --layout-footer3-cta-height: 70px;
  --layout-footer3-cta-radius: 20px;
  --layout-footer3-cta-pad-inline: 30px;
  --layout-footer3-cta-arrow-width: 16px;
  --layout-footer3-cta-arrow-height: 14px;
  --layout-footer3-main-gap: 85px;
  --layout-footer3-brand-width: 520px;
  --layout-footer3-column-gap: 148px;
  --layout-footer3-logo-width: 309px;
  --layout-footer3-logo-height: 77px;
  --layout-footer3-form-gap: 82px;
  --layout-footer3-form-field-gap: 19px;
  --layout-footer3-field-height: 49px;
  --layout-footer3-field-email-height: 30px;
  --layout-footer3-input-size: 18px;
  --layout-footer3-input-leading: 20px;
  --layout-footer3-input-tracking: -0.03em;
  --layout-footer3-submit-width: 18px;
  --layout-footer3-submit-height: 11px;
  --layout-footer3-nav-offset: 77px;
  --layout-footer3-nav-gap: 213px;
  --layout-footer3-nav-heading-size: 20px;
  --layout-footer3-nav-heading-leading: 30px;
  --layout-footer3-nav-heading-tracking: -0.03em;
  --layout-footer3-nav-heading-gap: 94px;
  --layout-footer3-nav-list-gap: 18px;
  --layout-footer3-nav-link-size: 18px;
  --layout-footer3-nav-link-leading: 26px;
  --layout-footer3-nav-link-opacity: 0.74;
  --layout-footer3-bottom-gap: 76px;
  --layout-footer3-bottom-pad-block: 31px;
  --layout-footer3-bottom-size: 14px;
  --layout-footer3-bottom-leading: 20px;
  --layout-footer3-bottom-tracking: -0.03em;
  --layout-footer3-foot-pad-block: 16px;
  --layout-footer3-reveal-y: 32px;
  --layout-footer3-reveal-y-tight: 18px;
  --layout-footer3-reveal-duration: 700ms;
  --layout-footer3-reveal-stagger: 90ms;
  --layout-footer3-reveal-column-gap: 260ms;
  --layout-footer3-reveal-title-duration: 900ms;
  --color-brand-1: #FF6A3A;
  --color-ink-black: #111111;
  --color-ink-white: #FFFFFF;
  --color-ink-cream: #FCF7F3;
  --color-ink-sub: #999999;
  --color-surface-base: #FFFFFF;
  --color-surface-subtle: #F4F4F4;
  --color-surface-cream: #FCF7F3;
  --color-surface-inverse: #111111;
  --color-text-primary: #111111;
  --color-text-secondary: #8C8987;
  --color-text-muted: #999999;
  --color-text-inverse: #FFFFFF;
  --color-text-brand: #FF6A3A;
  --color-text-on-brand: #FFFFFF;
  --color-border-base: rgba(17, 17, 17, 0.1);
  --color-footer-surface: #1B1B1B;
  --color-footer-border: rgba(255, 255, 255, 0.1);
  --color-button-bg: #FF6A3A;
  --color-button-text: #FFFFFF;
  --color-button-accent: #FF6A3A;
  --color-accent-base: #FF6A3A;
  --color-placeholder-base: #F4F4F4;
  --color-placeholder-strong: #E8E8E8;
  --color-backdrop-base: #1B1B1B;
  --color-preloader-base: #6E5F52;
  --color-offcanvas-base: #FCF7F3;
  color-scheme: light;
}

:root[data-color-scheme=dark] {
  --color-brand-1: #FF6A3A;
  --color-ink-black: #111111;
  --color-ink-white: #FFFFFF;
  --color-ink-cream: #FCF7F3;
  --color-ink-sub: #999999;
  --color-surface-base: #111111;
  --color-surface-subtle: #1B1B1B;
  --color-surface-cream: #FCF7F3;
  --color-surface-inverse: #FFFFFF;
  --color-text-primary: #FCF7F3;
  --color-text-secondary: #8C8987;
  --color-text-muted: #999999;
  --color-text-inverse: #111111;
  --color-text-brand: #FF6A3A;
  --color-text-on-brand: #111111;
  --color-border-base: rgba(255, 255, 255, 0.1);
  --color-footer-surface: #1B1B1B;
  --color-footer-border: rgba(255, 255, 255, 0.1);
  --color-button-bg: #FCF7F3;
  --color-button-text: #111111;
  --color-button-accent: #FFFFFF;
  --color-accent-base: #FF6A3A;
  --color-placeholder-base: #1B1B1B;
  --color-placeholder-strong: #333333;
  --color-backdrop-base: #1B1B1B;
  --color-preloader-base: #6E5F52;
  --color-offcanvas-base: #111111;
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-color-scheme=light]) {
    --color-brand-1: #FF6A3A;
    --color-ink-black: #111111;
    --color-ink-white: #FFFFFF;
    --color-ink-cream: #FCF7F3;
    --color-ink-sub: #999999;
    --color-surface-base: #111111;
    --color-surface-subtle: #1B1B1B;
    --color-surface-cream: #FCF7F3;
    --color-surface-inverse: #FFFFFF;
    --color-text-primary: #FCF7F3;
    --color-text-secondary: #8C8987;
    --color-text-muted: #999999;
    --color-text-inverse: #111111;
    --color-text-brand: #FF6A3A;
    --color-text-on-brand: #111111;
    --color-border-base: rgba(255, 255, 255, 0.1);
    --color-footer-surface: #1B1B1B;
    --color-footer-border: rgba(255, 255, 255, 0.1);
    --color-button-bg: #FCF7F3;
    --color-button-text: #111111;
    --color-button-accent: #FFFFFF;
    --color-accent-base: #FF6A3A;
    --color-placeholder-base: #1B1B1B;
    --color-placeholder-strong: #333333;
    --color-backdrop-base: #1B1B1B;
    --color-preloader-base: #6E5F52;
    --color-offcanvas-base: #111111;
    color-scheme: dark;
  }
}
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  /* Native CSS smooth scroll conflicts with GSAP ScrollSmoother — keep auto. */
  scroll-behavior: auto;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

ul[class],
ol[class] {
  margin: 0;
  padding: 0;
  list-style: none;
}

body {
  min-height: 100vh;
}

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
  height: auto;
}

input,
button,
textarea,
select {
  font: inherit;
  color: inherit;
}

button {
  background: none;
  border: 0;
  cursor: pointer;
}

a {
  color: inherit;
  text-decoration: none;
}

table {
  border-collapse: collapse;
  width: 100%;
}

:focus-visible {
  outline: 2px solid var(--color-accent-base);
  outline-offset: 2px;
}

[hidden] {
  display: none !important;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}
body {
  font-family: var(--font-family-sans);
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-regular);
  line-height: var(--font-leading-md);
  color: var(--color-text-primary);
  background-color: var(--color-surface-base);
  -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  text-wrap: balance;
}

h1 {
  font-size: var(--font-size-h1);
  line-height: var(--font-leading-h1);
  letter-spacing: var(--font-tracking-tight);
}

h2 {
  font-family: var(--font-family-display);
  font-size: var(--font-size-h2);
  line-height: var(--font-leading-h2);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--font-tracking-none);
  text-transform: capitalize;
}

h3 {
  font-size: var(--font-size-h3);
  line-height: var(--font-leading-h3);
  letter-spacing: var(--font-tracking-none);
}

h4 {
  font-size: var(--font-size-h4);
  line-height: var(--font-leading-h4);
  letter-spacing: var(--font-tracking-tight);
}

h5 {
  font-size: var(--font-size-h5);
  line-height: var(--font-leading-h5);
  letter-spacing: var(--font-tracking-tighter);
}

h6 {
  font-size: var(--font-size-h6);
  line-height: var(--font-leading-h6);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: capitalize;
}

p {
  text-wrap: pretty;
}

a {
  color: inherit;
}

code {
  font-family: var(--font-family-mono);
  color: var(--color-text-brand);
  background-color: var(--color-surface-subtle);
  padding: 0.1em 0.35em;
  border-radius: var(--radius-xs);
}

.eyebrow {
  display: inline-block;
  margin-bottom: var(--space-1);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  line-height: var(--font-leading-sm);
  letter-spacing: var(--font-tracking-wide);
  text-transform: uppercase;
  color: var(--color-text-brand);
}

.section-title {
  font-size: var(--font-size-h3);
  line-height: var(--font-leading-h3);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--font-tracking-none);
}
.section-title--sm {
  font-size: var(--font-size-h5);
  line-height: var(--font-leading-h5);
  letter-spacing: var(--font-tracking-tighter);
}

.lead {
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  color: var(--color-text-secondary);
}

.text-body-xl {
  font-size: var(--font-size-xl);
  line-height: var(--font-leading-xl);
  font-weight: var(--font-weight-medium);
}

.text-body-xxl {
  font-size: var(--font-size-3xl);
  line-height: var(--font-leading-3xl);
  font-weight: var(--font-weight-semibold);
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.anim-zoomin-wrap {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.scroll-parallax {
  position: absolute;
  inset: calc(var(--layout-parallax-overflow) * -1) 0;
  will-change: transform;
}

.js [data-stagger]:not(.is-stagger-in) [data-stagger-item] {
  opacity: 0;
  will-change: transform, opacity;
}

.js [data-stagger]:not(.is-stagger-in) [data-stagger-media] {
  clip-path: inset(50% 0% 50% 0%);
}

@media (prefers-reduced-motion: reduce) {
  .js [data-stagger]:not(.is-stagger-in) [data-stagger-item] {
    opacity: 1;
  }
  .js [data-stagger]:not(.is-stagger-in) [data-stagger-media] {
    clip-path: none;
  }
}
.text-mark-top__line {
  display: block;
  overflow: hidden;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

.text-mark-top.is-mark-done .text-mark-top__line {
  overflow: visible;
  clip-path: none;
}

.text-mark-top__line-inner {
  display: block;
  will-change: transform, opacity;
}

.js .text-mark-top__line-inner {
  opacity: 0.25;
  transform: translateY(-120%);
}

@media (prefers-reduced-motion: reduce) {
  .js .text-mark-top__line-inner {
    opacity: 1;
    transform: none;
  }
}
.text-mark-left__line {
  display: block;
  overflow: hidden;
}

.text-mark-left__line-inner {
  display: block;
}

.js .text-mark-left__line {
  clip-path: inset(0 100% 0 0);
}

.text-mark-left.is-mark-done .text-mark-left__line {
  overflow: visible;
  clip-path: none;
}

@media (prefers-reduced-motion: reduce) {
  .js .text-mark-left__line {
    clip-path: none;
  }
}
.text-blur-stagger__word {
  display: inline-block;
  white-space: nowrap;
}

.text-blur-stagger__letter {
  display: inline-block;
  line-height: 1em;
  will-change: transform, opacity, filter;
}

.text-blur-stagger.is-blur-stagger-done .text-blur-stagger__letter {
  will-change: auto;
}

.hover-up {
  transition: transform var(--motion-duration-instant) var(--motion-easing-standard);
}
.hover-up:hover, .hover-up:focus-visible {
  transform: translateY(calc(var(--motion-lift) * -1));
}

@media (prefers-reduced-motion: reduce) {
  .hover-up {
    transition: none;
  }
  .hover-up:hover, .hover-up:focus-visible {
    transform: none;
  }
}
.text-flip {
  position: relative;
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
}

.text-flip__line {
  display: block;
}

.text-flip__line--clone {
  position: absolute;
  top: 0;
  left: 0;
}

.digit-count {
  display: inline-flex;
  align-items: baseline;
  white-space: nowrap;
}

.digit-count__digit {
  display: inline-block;
  vertical-align: baseline;
}

.digit-count__window {
  position: relative;
  display: block;
  overflow: hidden;
  line-height: 1;
}

.digit-count__spacer {
  display: block;
  visibility: hidden;
  line-height: 1;
}

.digit-count__ribbon {
  position: absolute;
  inset-inline: 0;
  top: 0;
  display: block;
  will-change: transform;
}

.digit-count__num {
  display: block;
  line-height: 1;
  text-align: center;
}

@media (prefers-reduced-motion: reduce) {
  .digit-count__ribbon {
    will-change: auto;
  }
}
:where(.grid-wipe) {
  display: block;
  width: 100%;
  margin: 0;
}

.grid-wipe {
  position: relative;
  overflow: clip;
  background-color: transparent;
  transform: translateZ(0);
  transform-style: flat;
  isolation: isolate;
}
.grid-wipe > img,
.grid-wipe > video {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  pointer-events: none;
}

.grid-wipe__grid {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(var(--grid-wipe-cols, 6), minmax(0, 1fr));
  grid-template-rows: repeat(var(--grid-wipe-rows, 5), minmax(0, 1fr));
  pointer-events: none;
}

.grid-wipe__cell {
  display: block;
  min-width: 0;
  min-height: 0;
  overflow: clip;
  margin-inline-end: -1px;
  margin-block-end: -1px;
  background-color: transparent;
  background-image: var(--grid-wipe-image);
  background-repeat: no-repeat;
  background-size: calc(var(--grid-wipe-cols, 6) * 100%) calc(var(--grid-wipe-rows, 5) * 100%);
  background-position: calc(100% * var(--grid-wipe-col, 0) / max(1, var(--grid-wipe-cols, 6) - 1)) calc(100% * var(--grid-wipe-row, 0) / max(1, var(--grid-wipe-rows, 5) - 1));
  will-change: clip-path;
}

.js .grid-wipe:not(.is-grid-wipe-ready) .grid-wipe__cell--from-top {
  clip-path: inset(0 0 100% 0);
}
.js .grid-wipe:not(.is-grid-wipe-ready) .grid-wipe__cell--from-bottom {
  clip-path: inset(100% 0 0 0);
}

.js .grid-wipe.is-grid-wipe-ready > img,
.js .grid-wipe.is-grid-wipe-ready > video {
  visibility: hidden;
}

.js .grid-wipe.is-grid-wipe-in:has(> video) > video {
  visibility: visible;
}
.js .grid-wipe.is-grid-wipe-in:has(> video) .grid-wipe__grid {
  opacity: 0;
  pointer-events: none;
}

.js .grid-wipe.is-grid-wipe-in .grid-wipe__cell {
  will-change: auto;
}

.grid-wipe--text {
  --grid-wipe-bleed: 0.2em;
  overflow: visible;
}
.grid-wipe--text > .grid-wipe__grid {
  inset: calc(var(--grid-wipe-bleed) * -1) 0;
}
.grid-wipe--text .grid-wipe__cell {
  position: relative;
  margin: 0;
  background-image: none;
}

.grid-wipe__text {
  position: absolute;
  top: calc(var(--grid-wipe-row, 0) * -100% + var(--grid-wipe-bleed, 0));
  left: calc(var(--grid-wipe-col, 0) * -100%);
  box-sizing: border-box;
  width: calc(var(--grid-wipe-cols, 6) * 100%);
  height: calc(var(--grid-wipe-rows, 5) * 100% - var(--grid-wipe-bleed, 0) * 2);
  margin: 0;
  pointer-events: none;
}

.js .grid-wipe--text:not(.is-grid-wipe-in) > :not(.grid-wipe__grid) {
  visibility: hidden;
}

.js .grid-wipe--text.is-grid-wipe-in > .grid-wipe__grid {
  visibility: hidden;
}

@media (prefers-reduced-motion: reduce) {
  .js .grid-wipe--text:not(.is-grid-wipe-in) > :not(.grid-wipe__grid) {
    visibility: visible;
  }
  .scroll-parallax {
    inset: 0;
    will-change: auto;
  }
  .js .grid-wipe:not(.is-grid-wipe-ready) .grid-wipe__cell--from-top,
  .js .grid-wipe:not(.is-grid-wipe-ready) .grid-wipe__cell--from-bottom {
    clip-path: none;
  }
  .js .grid-wipe.is-grid-wipe-ready > img,
  .js .grid-wipe.is-grid-wipe-ready > video {
    visibility: visible;
  }
  .grid-wipe__cell {
    will-change: auto;
  }
  .grid-wipe__grid {
    display: none;
  }
}
.container {
  width: 100%;
  max-width: var(--layout-container-max);
  margin-inline: auto;
  padding-inline: var(--layout-container-gutter);
}
@media (min-width: 1024px) {
  .container {
    padding-inline: var(--layout-container-gutter-lg);
  }
}
@media (min-width: 1500px) {
  .container {
    padding-inline: 0;
  }
}
.container--narrow {
  width: 100%;
  max-width: 72ch;
  margin-inline: auto;
}

#smooth-wrapper {
  overflow: hidden;
}

#smooth-content {
  position: relative;
  overflow: visible;
  width: 100%;
  will-change: transform;
}

html.has-scroll-smoother #smooth-wrapper {
  z-index: var(--layout-offcanvas-page-z);
  background-color: var(--color-surface-base);
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  transform-origin: center center;
}

.offcanvas-menu {
  position: fixed;
  inset: 0;
  z-index: var(--layout-offcanvas-z);
  width: 100%;
  height: 100svh;
  background-color: var(--color-offcanvas-base);
  transform-style: preserve-3d;
  perspective: var(--layout-offcanvas-perspective);
  overflow: hidden;
  visibility: hidden;
  pointer-events: none;
  color: var(--color-text-primary);
  transition: background-color var(--motion-duration-instant) var(--motion-easing-standard), color var(--motion-duration-instant) var(--motion-easing-standard);
}

body.is-offcanvas-open .offcanvas-menu {
  visibility: visible;
  pointer-events: auto;
}

body.is-offcanvas-overlay .offcanvas-menu {
  z-index: var(--layout-offcanvas-overlay-z);
  visibility: visible;
  pointer-events: auto;
}

.offcanvas-menu__close {
  position: absolute;
  top: var(--space-3);
  right: var(--space-3);
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  padding: var(--space-2);
  font-family: var(--font-family-meta);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  line-height: var(--font-leading-sm);
  letter-spacing: var(--font-tracking-wide);
  text-transform: uppercase;
  color: var(--color-text-primary);
}

.offcanvas-menu__close-icon {
  display: block;
  flex-shrink: 0;
  width: var(--layout-offcanvas-close-icon-size);
  height: var(--layout-offcanvas-close-icon-size);
  background-color: currentColor;
  mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSI+CiAgICA8cGF0aCBkPSJNMiAyTDEwIDEwTTEwIDJMMiAxMCIgc3Ryb2tlPSIjMTExMTExIiBzdHJva2Utd2lkdGg9IjEuMjUiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiLz4KPC9zdmc+Cg==") center/contain no-repeat;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSI+CiAgICA8cGF0aCBkPSJNMiAyTDEwIDEwTTEwIDJMMiAxMCIgc3Ryb2tlPSIjMTExMTExIiBzdHJva2Utd2lkdGg9IjEuMjUiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiLz4KPC9zdmc+Cg==") center/contain no-repeat;
  transition: transform var(--motion-duration-instant) var(--motion-easing-standard);
}

.offcanvas-menu__close:hover .offcanvas-menu__close-icon,
.offcanvas-menu__close:focus-visible .offcanvas-menu__close-icon {
  transform: rotate(var(--motion-rotate));
}

.offcanvas-menu__content {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  transform: translate(-50%, -50%) translateZ(var(--layout-offcanvas-depth));
  transform-origin: center center;
  filter: blur(var(--layout-offcanvas-blur));
  opacity: 0;
  pointer-events: none;
  will-change: transform, opacity, filter;
}

body.is-offcanvas-overlay .offcanvas-menu__content {
  transform: translate(-50%, -50%);
  filter: none;
  opacity: 1;
}

.offcanvas-menu__links {
  flex: 1;
  min-height: 0;
  padding-top: 10svh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--space-4);
}

.offcanvas-menu__link a,
.offcanvas-menu__secondary-link a {
  pointer-events: auto;
}

.offcanvas-menu__link a {
  font-size: var(--layout-offcanvas-link-size-mobile);
}

.offcanvas-menu__secondary {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-2);
  padding-block: var(--space-4);
}

.offcanvas-menu__secondary-link a {
  font-size: var(--font-size-3xl);
}

.offcanvas-menu__link a,
.offcanvas-menu__secondary-link a {
  position: relative;
  display: block;
  overflow: hidden;
  font-family: var(--font-family-display);
  font-weight: var(--font-weight-regular);
  line-height: var(--layout-offcanvas-link-leading);
  letter-spacing: var(--font-tracking-none);
  text-transform: uppercase;
  color: var(--color-text-primary);
  cursor: pointer;
}

.offcanvas-menu__logo {
  position: absolute;
  top: var(--space-3);
  left: var(--space-3);
  z-index: 2;
  display: inline-flex;
  align-items: center;
  height: calc(var(--font-leading-sm) + var(--space-2) + var(--space-2));
  color: var(--color-text-primary);
  pointer-events: auto;
}

.offcanvas-menu__logo-mark {
  display: block;
  width: var(--layout-header1-logo-width);
  height: var(--layout-header1-logo-height);
  filter: brightness(0);
}

:root[data-color-scheme=dark] .offcanvas-menu__logo-mark {
  filter: brightness(0) invert(1);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-color-scheme=light]) .offcanvas-menu__logo-mark {
    filter: brightness(0) invert(1);
  }
}
.offcanvas-menu__footer {
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
  row-gap: var(--space-2);
  text-align: center;
  width: 100%;
  padding: var(--space-4) var(--space-3);
  pointer-events: auto;
}

.offcanvas-menu__footer-since,
.offcanvas-menu__footer-copy,
.offcanvas-menu__footer-terms {
  margin: 0;
  font-family: var(--font-family-meta);
  font-size: var(--font-size-tiny);
  font-weight: var(--font-weight-medium);
  line-height: var(--font-leading-tiny);
  letter-spacing: var(--font-tracking-wide);
  color: var(--color-text-primary);
  opacity: 0.66;
}

.offcanvas-menu__footer-since {
  display: none;
}

.offcanvas-menu__footer-copy {
  justify-self: center;
  text-align: center;
}

.offcanvas-menu__theme {
  position: absolute;
  bottom: var(--layout-offcanvas-theme-offset-bottom);
  left: var(--space-3);
  z-index: 2;
  display: grid;
  place-items: center;
  width: var(--layout-offcanvas-theme-size);
  height: var(--layout-offcanvas-theme-size);
  padding: 0;
  border: 1px solid var(--color-text-secondary);
  border-radius: var(--radius-pill);
  background: transparent;
  color: var(--color-text-primary);
  cursor: pointer;
  pointer-events: auto;
  transition: border-color var(--motion-duration-instant) var(--motion-easing-standard), color var(--motion-duration-instant) var(--motion-easing-standard);
}

@media (min-width: 768px) {
  .offcanvas-menu__theme {
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
  }
}
.offcanvas-menu__theme-icon {
  grid-area: 1/1;
  display: block;
  width: var(--layout-offcanvas-theme-icon);
  height: var(--layout-offcanvas-theme-icon);
  background-color: currentColor;
  opacity: 0;
  transition: opacity var(--motion-duration-instant) var(--motion-easing-standard);
}

.offcanvas-menu__theme-icon--sun {
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJjdXJyZW50Q29sb3IiIGFyaWEtaGlkZGVuPSJ0cnVlIiBmb2N1c2FibGU9ImZhbHNlIj4KICA8cGF0aCBkPSJNMTIgMThDOC42ODYyOSAxOCA2IDE1LjMxMzcgNiAxMkM2IDguNjg2MjkgOC42ODYyOSA2IDEyIDZDMTUuMzEzNyA2IDE4IDguNjg2MjkgMTggMTJDMTggMTUuMzEzNyAxNS4zMTM3IDE4IDEyIDE4Wk0xMiAxNkMxNC4yMDkxIDE2IDE2IDE0LjIwOTEgMTYgMTJDMTYgOS43OTA4NiAxNC4yMDkxIDggMTIgOEM5Ljc5MDg2IDggOCA5Ljc5MDg2IDggMTJDOCAxNC4yMDkxIDkuNzkwODYgMTYgMTIgMTZaTTExIDFIMTNWNEgxMVYxWk0xMSAyMEgxM1YyM0gxMVYyMFpNMy41MTQ3MiA0LjkyODkzTDQuOTI4OTMgMy41MTQ3Mkw3LjA1MDI1IDUuNjM2MDRMNS42MzYwNCA3LjA1MDI1TDMuNTE0NzIgNC45Mjg5M1pNMTYuOTQ5NyAxOC4zNjRMMTguMzY0IDE2Ljk0OTdMMjAuNDg1MyAxOS4wNzExTDE5LjA3MTEgMjAuNDg1M0wxNi45NDk3IDE4LjM2NFpNMTkuMDcxMSAzLjUxNDcyTDIwLjQ4NTMgNC45Mjg5M0wxOC4zNjQgNy4wNTAyNUwxNi45NDk3IDUuNjM2MDRMMTkuMDcxMSAzLjUxNDcyWk01LjYzNjA0IDE2Ljk0OTdMNy4wNTAyNSAxOC4zNjRMNC45Mjg5MyAyMC40ODUzTDMuNTE0NzIgMTkuMDcxMUw1LjYzNjA0IDE2Ljk0OTdaTTIzIDExVjEzSDIwVjExSDIzWk00IDExVjEzSDFWMTFINFoiLz4KPC9zdmc+Cg==") center/contain no-repeat;
  mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJjdXJyZW50Q29sb3IiIGFyaWEtaGlkZGVuPSJ0cnVlIiBmb2N1c2FibGU9ImZhbHNlIj4KICA8cGF0aCBkPSJNMTIgMThDOC42ODYyOSAxOCA2IDE1LjMxMzcgNiAxMkM2IDguNjg2MjkgOC42ODYyOSA2IDEyIDZDMTUuMzEzNyA2IDE4IDguNjg2MjkgMTggMTJDMTggMTUuMzEzNyAxNS4zMTM3IDE4IDEyIDE4Wk0xMiAxNkMxNC4yMDkxIDE2IDE2IDE0LjIwOTEgMTYgMTJDMTYgOS43OTA4NiAxNC4yMDkxIDggMTIgOEM5Ljc5MDg2IDggOCA5Ljc5MDg2IDggMTJDOCAxNC4yMDkxIDkuNzkwODYgMTYgMTIgMTZaTTExIDFIMTNWNEgxMVYxWk0xMSAyMEgxM1YyM0gxMVYyMFpNMy41MTQ3MiA0LjkyODkzTDQuOTI4OTMgMy41MTQ3Mkw3LjA1MDI1IDUuNjM2MDRMNS42MzYwNCA3LjA1MDI1TDMuNTE0NzIgNC45Mjg5M1pNMTYuOTQ5NyAxOC4zNjRMMTguMzY0IDE2Ljk0OTdMMjAuNDg1MyAxOS4wNzExTDE5LjA3MTEgMjAuNDg1M0wxNi45NDk3IDE4LjM2NFpNMTkuMDcxMSAzLjUxNDcyTDIwLjQ4NTMgNC45Mjg5M0wxOC4zNjQgNy4wNTAyNUwxNi45NDk3IDUuNjM2MDRMMTkuMDcxMSAzLjUxNDcyWk01LjYzNjA0IDE2Ljk0OTdMNy4wNTAyNSAxOC4zNjRMNC45Mjg5MyAyMC40ODUzTDMuNTE0NzIgMTkuMDcxMUw1LjYzNjA0IDE2Ljk0OTdaTTIzIDExVjEzSDIwVjExSDIzWk00IDExVjEzSDFWMTFINFoiLz4KPC9zdmc+Cg==") center/contain no-repeat;
}

.offcanvas-menu__theme-icon--moon {
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJjdXJyZW50Q29sb3IiIGFyaWEtaGlkZGVuPSJ0cnVlIiBmb2N1c2FibGU9ImZhbHNlIj4KICA8cGF0aCBkPSJNMTEuMzgwNyAyLjAxODg2QzkuOTE1NzMgMy4zODc2OCA5IDUuMzM2OSA5IDcuNDk5OTlDOSAxMS42NDIxIDEyLjM1NzkgMTUgMTYuNSAxNUMxOC42NjMxIDE1IDIwLjYxMjMgMTQuMDg0MyAyMS45ODExIDEyLjYxOTNDMjEuNjYxMyAxNy44NTM3IDE3LjMxNDkgMjIgMTIgMjJDNi40NzcxNSAyMiAyIDE3LjUyMjggMiAxMkMyIDYuNjg1MTQgNi4xNDYyOSAyLjMzODY5IDExLjM4MDcgMi4wMTg4NloiLz4KPC9zdmc+Cg==") center/contain no-repeat;
  mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJjdXJyZW50Q29sb3IiIGFyaWEtaGlkZGVuPSJ0cnVlIiBmb2N1c2FibGU9ImZhbHNlIj4KICA8cGF0aCBkPSJNMTEuMzgwNyAyLjAxODg2QzkuOTE1NzMgMy4zODc2OCA5IDUuMzM2OSA5IDcuNDk5OTlDOSAxMS42NDIxIDEyLjM1NzkgMTUgMTYuNSAxNUMxOC42NjMxIDE1IDIwLjYxMjMgMTQuMDg0MyAyMS45ODExIDEyLjYxOTNDMjEuNjYxMyAxNy44NTM3IDE3LjMxNDkgMjIgMTIgMjJDNi40NzcxNSAyMiAyIDE3LjUyMjggMiAxMkMyIDYuNjg1MTQgNi4xNDYyOSAyLjMzODY5IDExLjM4MDcgMi4wMTg4NloiLz4KPC9zdmc+Cg==") center/contain no-repeat;
  opacity: 1;
}

:root[data-color-scheme=dark] .offcanvas-menu__theme-icon--sun {
  opacity: 1;
}

:root[data-color-scheme=dark] .offcanvas-menu__theme-icon--moon {
  opacity: 0;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-color-scheme=light]) .offcanvas-menu__theme-icon--sun {
    opacity: 1;
  }
  :root:not([data-color-scheme=light]) .offcanvas-menu__theme-icon--moon {
    opacity: 0;
  }
}
@media (min-width: 768px) {
  .offcanvas-menu__footer {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    column-gap: var(--space-2);
    row-gap: 0;
    text-align: start;
  }
  .offcanvas-menu__footer-since {
    display: block;
    justify-self: start;
  }
  .offcanvas-menu__footer-terms {
    justify-self: end;
    text-align: end;
  }
}
@media (min-width: 768px) {
  .offcanvas-menu__link a {
    font-size: var(--layout-offcanvas-link-size);
  }
}
@media (min-width: 1024px) {
  .offcanvas-menu__secondary {
    flex-direction: row;
    gap: var(--layout-offcanvas-secondary-gap);
  }
}
@media (prefers-reduced-motion: reduce) {
  .offcanvas-menu__close-icon {
    transition: none;
  }
  .offcanvas-menu__close:hover .offcanvas-menu__close-icon,
  .offcanvas-menu__close:focus-visible .offcanvas-menu__close-icon {
    transform: none;
  }
}
.nav-primary__list {
  display: flex;
  align-items: center;
  gap: var(--layout-header1-nav-gap);
}

.nav-primary__item {
  position: relative;
}

.nav-primary__list:has(> .nav-primary__item:hover) > .nav-primary__item:not(:hover) > .nav-primary__link {
  opacity: var(--layout-header1-link-dim);
}

ul.nav-primary__sub {
  position: absolute;
  top: calc(100% + var(--space-1));
  left: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  width: max-content;
  min-width: var(--layout-header1-sub-min-width);
  margin: 0;
  padding-block: var(--space-3);
  padding-inline: var(--space-4);
  background-color: var(--color-surface-subtle);
  border-radius: var(--radius-lg);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(var(--motion-lift));
  transition: opacity var(--motion-duration-menu) var(--motion-easing-standard), transform var(--motion-duration-menu) var(--motion-easing-standard), visibility 0s linear var(--motion-duration-menu);
}
ul.nav-primary__sub::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 100%;
  left: 0;
  height: var(--space-1);
}

.nav-primary__item--has-children:hover > .nav-primary__sub,
.nav-primary__item--has-children:focus-within > .nav-primary__sub {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
  transition: opacity var(--motion-duration-menu) var(--motion-easing-standard), transform var(--motion-duration-menu) var(--motion-easing-standard), visibility 0s linear 0s;
}

ul.nav-primary__sub--multi {
  flex-direction: row;
  align-items: flex-start;
  gap: var(--layout-header1-sub-column-gap);
}

.nav-primary__sub-col,
.nav-primary__sub-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.nav-primary__sub-list {
  display: flex;
  flex-direction: column;
}

.nav-primary__sub-item {
  opacity: 0;
  transform: translateY(calc(var(--motion-lift) * -1));
  transition: opacity var(--motion-duration-menu-item) var(--motion-easing-standard), transform var(--motion-duration-menu-item) var(--motion-easing-standard);
}

.nav-primary__item--has-children:hover > .nav-primary__sub .nav-primary__sub-item,
.nav-primary__item--has-children:focus-within > .nav-primary__sub .nav-primary__sub-item {
  opacity: 1;
  transform: translateY(0);
}
.nav-primary__item--has-children:hover > .nav-primary__sub .nav-primary__sub-item:nth-child(1),
.nav-primary__item--has-children:focus-within > .nav-primary__sub .nav-primary__sub-item:nth-child(1) {
  transition-delay: calc(var(--motion-duration-menu-item-stagger) * 0);
}
.nav-primary__item--has-children:hover > .nav-primary__sub .nav-primary__sub-item:nth-child(2),
.nav-primary__item--has-children:focus-within > .nav-primary__sub .nav-primary__sub-item:nth-child(2) {
  transition-delay: calc(var(--motion-duration-menu-item-stagger) * 1);
}
.nav-primary__item--has-children:hover > .nav-primary__sub .nav-primary__sub-item:nth-child(3),
.nav-primary__item--has-children:focus-within > .nav-primary__sub .nav-primary__sub-item:nth-child(3) {
  transition-delay: calc(var(--motion-duration-menu-item-stagger) * 2);
}
.nav-primary__item--has-children:hover > .nav-primary__sub .nav-primary__sub-item:nth-child(4),
.nav-primary__item--has-children:focus-within > .nav-primary__sub .nav-primary__sub-item:nth-child(4) {
  transition-delay: calc(var(--motion-duration-menu-item-stagger) * 3);
}
.nav-primary__item--has-children:hover > .nav-primary__sub .nav-primary__sub-item:nth-child(5),
.nav-primary__item--has-children:focus-within > .nav-primary__sub .nav-primary__sub-item:nth-child(5) {
  transition-delay: calc(var(--motion-duration-menu-item-stagger) * 4);
}
.nav-primary__item--has-children:hover > .nav-primary__sub .nav-primary__sub-item:nth-child(6),
.nav-primary__item--has-children:focus-within > .nav-primary__sub .nav-primary__sub-item:nth-child(6) {
  transition-delay: calc(var(--motion-duration-menu-item-stagger) * 5);
}
.nav-primary__item--has-children:hover > .nav-primary__sub .nav-primary__sub-item:nth-child(7),
.nav-primary__item--has-children:focus-within > .nav-primary__sub .nav-primary__sub-item:nth-child(7) {
  transition-delay: calc(var(--motion-duration-menu-item-stagger) * 6);
}
.nav-primary__item--has-children:hover > .nav-primary__sub .nav-primary__sub-item:nth-child(8),
.nav-primary__item--has-children:focus-within > .nav-primary__sub .nav-primary__sub-item:nth-child(8) {
  transition-delay: calc(var(--motion-duration-menu-item-stagger) * 7);
}
.nav-primary__item--has-children:hover > .nav-primary__sub .nav-primary__sub-item:nth-child(9),
.nav-primary__item--has-children:focus-within > .nav-primary__sub .nav-primary__sub-item:nth-child(9) {
  transition-delay: calc(var(--motion-duration-menu-item-stagger) * 8);
}
.nav-primary__item--has-children:hover > .nav-primary__sub .nav-primary__sub-item:nth-child(10),
.nav-primary__item--has-children:focus-within > .nav-primary__sub .nav-primary__sub-item:nth-child(10) {
  transition-delay: calc(var(--motion-duration-menu-item-stagger) * 9);
}

.nav-primary__sub-link {
  position: relative;
  display: block;
  padding-block: var(--space-1);
  font-size: var(--font-size-md);
  line-height: 1;
  color: var(--color-text-primary);
  white-space: nowrap;
  transition: transform var(--motion-duration-menu) var(--motion-easing-standard);
}
.nav-primary__sub-link::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  width: var(--layout-header1-sub-dash);
  height: 1px;
  margin-right: var(--space-1);
  background-color: currentColor;
  transform: translateY(-50%) scaleX(0);
  transform-origin: left center;
  transition: transform var(--motion-duration-menu) var(--motion-easing-standard);
}

.nav-primary__sub-item:hover .nav-primary__sub-link,
.nav-primary__sub-item:focus-within .nav-primary__sub-link {
  transform: translateX(var(--layout-header1-sub-shift));
}
.nav-primary__sub-item:hover .nav-primary__sub-link::before,
.nav-primary__sub-item:focus-within .nav-primary__sub-link::before {
  transform: translateY(-50%) scaleX(1);
}

.nav-primary__sub-link[aria-current=page] {
  color: var(--color-text-brand);
}

.nav-primary__link-label {
  line-height: var(--font-leading-md);
}

.nav-primary__link {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  font-size: var(--font-size-md);
  line-height: var(--font-leading-md);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-primary);
  white-space: nowrap;
  transition: opacity var(--motion-duration-menu) var(--motion-easing-standard);
}

.nav-primary__chevron {
  display: block;
  flex-shrink: 0;
  width: var(--layout-header1-chevron-height);
  height: var(--layout-header1-chevron-width);
  background-color: currentColor;
  mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDYgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgYXJpYS1oaWRkZW49InRydWUiIGZvY3VzYWJsZT0iZmFsc2UiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEuMjI0NjIgMC4xOTg4NjlMNS43ODk4OSA0LjUxOTg5QzYuMDcwMDQgNC43ODUwNSA2LjA3MDA0IDUuMjE0OTUgNS43ODk4OSA1LjQ4MDExTDEuMjI0NjIgOS44MDExM0MwLjk0NDQ2OCAxMC4wNjYzIDAuNDkwMjU5IDEwLjA2NjMgMC4yMTAxMTEgOS44MDExM0MtMC4wNzAwMzcgOS41MzU5NyAtMC4wNzAwMzcgOS4xMDYwNiAwLjIxMDExMSA4Ljg0MDlMNC4yNjgxMyA1TDAuMjEwMTExIDEuMTU5MUMtMC4wNzAwMzcgMC44OTM5MzYgLTAuMDcwMDM3IDAuNDY0MDI5IDAuMjEwMTExIDAuMTk4ODY5QzAuNDkwMjU5IC0wLjA2NjI4OTggMC45NDQ0NjggLTAuMDY2Mjg5OCAxLjIyNDYyIDAuMTk4ODY5WiIgZmlsbD0iY3VycmVudENvbG9yIi8+Cjwvc3ZnPgo=") center/contain no-repeat;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDYgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgYXJpYS1oaWRkZW49InRydWUiIGZvY3VzYWJsZT0iZmFsc2UiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEuMjI0NjIgMC4xOTg4NjlMNS43ODk4OSA0LjUxOTg5QzYuMDcwMDQgNC43ODUwNSA2LjA3MDA0IDUuMjE0OTUgNS43ODk4OSA1LjQ4MDExTDEuMjI0NjIgOS44MDExM0MwLjk0NDQ2OCAxMC4wNjYzIDAuNDkwMjU5IDEwLjA2NjMgMC4yMTAxMTEgOS44MDExM0MtMC4wNzAwMzcgOS41MzU5NyAtMC4wNzAwMzcgOS4xMDYwNiAwLjIxMDExMSA4Ljg0MDlMNC4yNjgxMyA1TDAuMjEwMTExIDEuMTU5MUMtMC4wNzAwMzcgMC44OTM5MzYgLTAuMDcwMDM3IDAuNDY0MDI5IDAuMjEwMTExIDAuMTk4ODY5QzAuNDkwMjU5IC0wLjA2NjI4OTggMC45NDQ0NjggLTAuMDY2Mjg5OCAxLjIyNDYyIDAuMTk4ODY5WiIgZmlsbD0iY3VycmVudENvbG9yIi8+Cjwvc3ZnPgo=") center/contain no-repeat;
  transform: rotate(90deg);
  transition: transform var(--motion-duration-menu) var(--motion-easing-standard);
}

.nav-primary__item--has-children:hover > .nav-primary__link .nav-primary__chevron,
.nav-primary__item--has-children:focus-within > .nav-primary__link .nav-primary__chevron {
  transform: rotate(-90deg);
}

@media (prefers-reduced-motion: reduce) {
  .nav-primary__sub-item {
    opacity: 1;
    transform: none;
  }
  .nav-primary__sub,
  .nav-primary__sub-item,
  .nav-primary__sub-link,
  .nav-primary__sub-link::before,
  .nav-primary__link,
  .nav-primary__chevron {
    transition: none;
  }
}
.header-1 {
  padding-block: var(--layout-header1-pad-block);
  background-color: var(--color-surface-base);
}

body.is-offcanvas-open .header-1 {
  visibility: hidden;
  pointer-events: none;
}

.header-1__inner {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  min-height: var(--layout-header1-height);
  column-gap: var(--space-3);
}

.header-1__logo {
  justify-self: start;
  display: inline-flex;
}

.header-1__logo-mark {
  display: block;
  width: var(--layout-header1-logo-width);
  height: var(--layout-header1-logo-height);
  filter: brightness(0);
}

:root[data-color-scheme=dark] .header-1__logo-mark {
  filter: brightness(0) invert(1);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-color-scheme=light]) .header-1__logo-mark {
    filter: brightness(0) invert(1);
  }
}
.header-1__inner > .nav-primary {
  justify-self: center;
}

.header-1__actions {
  justify-self: end;
  display: flex;
  align-items: center;
  gap: var(--layout-header1-actions-gap);
}

.header-1__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--layout-header1-btn-min-width);
  min-height: var(--layout-header1-height);
  padding-inline: var(--layout-header1-btn-padding-inline);
  padding-block: var(--layout-header1-btn-padding-block);
  border-radius: var(--radius-pill);
  font-size: var(--font-size-md);
  line-height: var(--font-leading-md);
  font-weight: var(--font-weight-regular);
  white-space: nowrap;
  color: var(--color-button-text);
  background-color: var(--color-button-bg);
}
.header-1__cta .text-flip {
  line-height: 1;
}

.header-1__cta-arrow {
  display: block;
  flex-shrink: 0;
  overflow: hidden;
  height: var(--layout-header1-cta-arrow-size);
  max-width: 0;
  margin-inline-start: 0;
  opacity: 0;
  color: inherit;
  transition: max-width var(--motion-duration-instant) var(--motion-easing-standard), margin-inline-start var(--motion-duration-instant) var(--motion-easing-standard), opacity var(--motion-duration-instant) var(--motion-easing-standard);
}
.header-1__cta-arrow svg {
  display: block;
  width: var(--layout-header1-cta-arrow-size);
  height: var(--layout-header1-cta-arrow-size);
}

.header-1__cta:hover .header-1__cta-arrow,
.header-1__cta:focus-visible .header-1__cta-arrow {
  max-width: var(--layout-header1-cta-arrow-size);
  margin-inline-start: var(--layout-header1-cta-arrow-gap);
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  .header-1__cta-arrow {
    transition: none;
  }
}
.header-1__menu {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--layout-header1-menu-size);
  height: var(--layout-header1-menu-size);
  padding: 0;
  color: var(--color-text-primary);
  cursor: pointer;
}

.header-1__menu-icon {
  display: block;
  width: var(--layout-header1-menu-icon-size);
  height: var(--layout-header1-menu-icon-size);
  filter: brightness(0);
  transform: rotate(0deg);
  transition: transform var(--motion-duration-instant) var(--motion-easing-standard);
}

:root[data-color-scheme=dark] .header-1__menu-icon {
  filter: brightness(0) invert(1);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-color-scheme=light]) .header-1__menu-icon {
    filter: brightness(0) invert(1);
  }
}
.header-1__menu:hover .header-1__menu-icon,
.header-1__menu:focus-visible .header-1__menu-icon {
  transform: rotate(var(--layout-header1-menu-icon-rotate));
}

@media (prefers-reduced-motion: reduce) {
  .header-1__menu-icon {
    transition: none;
  }
}
.header-1 .nav-primary,
.header-1__cta {
  display: none;
}

@media (min-width: 1024px) {
  .header-1 {
    padding-block: var(--layout-header1-pad-block-lg);
  }
  .header-1__inner {
    grid-template-columns: 1fr auto 1fr;
  }
  .header-1 .nav-primary {
    display: block;
    justify-self: center;
  }
  .header-1__cta {
    display: inline-flex;
  }
}
.header-2 {
  border-bottom: 1px solid var(--color-border-base);
}

body.is-offcanvas-open .header-2 {
  visibility: hidden;
  pointer-events: none;
}

.header-2__inner {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  min-height: var(--layout-header2-height);
  column-gap: var(--space-3);
}

.header-2__logo {
  justify-self: start;
  display: inline-flex;
}

.header-2__logo-mark {
  display: block;
  width: var(--layout-header2-logo-width);
  height: var(--layout-header2-logo-height);
  filter: brightness(0);
}

:root[data-color-scheme=dark] .header-2__logo-mark {
  filter: brightness(0) invert(1);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-color-scheme=light]) .header-2__logo-mark {
    filter: brightness(0) invert(1);
  }
}
.header-2__inner > .nav-primary {
  justify-self: center;
}

.header-2__list {
  display: flex;
  align-items: center;
  gap: var(--layout-header2-nav-gap);
}

.header-2__link {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-header2-link-underline-gap);
  font-size: var(--font-size-md);
  line-height: 1;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-primary);
  white-space: nowrap;
}

.header-2__item.is-active .header-2__link::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: currentColor;
}

.header-2__actions {
  justify-self: end;
  display: flex;
  align-items: center;
  gap: var(--layout-header2-actions-gap);
}

.header-2__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--layout-header2-btn-min-width);
  height: var(--layout-header2-btn-height);
  padding-inline: var(--layout-header2-btn-padding-inline);
  border-radius: var(--layout-header2-btn-radius);
  font-size: var(--font-size-md);
  line-height: var(--font-leading-md);
  font-weight: var(--font-weight-regular);
  white-space: nowrap;
  color: var(--color-ink-cream);
  background-color: var(--color-brand-1);
}
.header-2__cta .text-flip {
  line-height: 1;
}

.header-2__menu {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--layout-header2-menu-width);
  height: var(--layout-header2-menu-height);
  padding: 0;
  color: var(--color-text-primary);
}

.header-2__menu-icon {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: var(--layout-header2-menu-width);
  height: var(--layout-header2-menu-height);
}

.header-2__menu-bar {
  display: block;
  width: 100%;
  height: var(--layout-header2-menu-bar-height);
  background-color: currentColor;
  border-radius: var(--radius-xs);
  transition: width var(--motion-duration-menu) var(--motion-easing-standard);
}

.header-2__menu-bar:first-child,
.header-2__menu-bar:last-child {
  width: 57%;
}

.header-2__menu-bar:first-child {
  align-self: flex-end;
}

.header-2__menu-bar:last-child {
  align-self: flex-start;
}

.header-2__menu:hover .header-2__menu-bar,
.header-2__menu:focus-visible .header-2__menu-bar {
  width: 100%;
}

@media (prefers-reduced-motion: reduce) {
  .header-2__menu-bar {
    transition: none;
  }
}
.header-2 .nav-primary {
  display: none;
}

.header-2__cta {
  display: none;
}

@media (min-width: 768px) {
  .header-2__cta {
    display: inline-flex;
  }
}
@media (min-width: 1024px) {
  .header-2__inner {
    grid-template-columns: 1fr auto 1fr;
  }
  .header-2 .nav-primary {
    display: block;
  }
}
.header-3 {
  position: absolute;
  inset-block-start: 0;
  inset-inline: 0;
  z-index: var(--layout-offcanvas-header-z);
  padding-block: var(--layout-header3-pad-block);
  color: var(--color-text-primary);
}

body.is-offcanvas-open .header-3 {
  visibility: hidden;
  pointer-events: none;
}

.header-3__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  min-height: var(--layout-header1-height);
}

.header-3__logo {
  display: inline-flex;
}

@media (min-width: 1024px) {
  .header-3 {
    padding-block: var(--layout-header3-pad-block-lg);
  }
}
.header-4 {
  border-bottom: 1px solid var(--color-border-base);
}

body.is-offcanvas-open .header-4 {
  visibility: hidden;
  pointer-events: none;
}

.header-4__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  min-height: var(--layout-header4-height);
}

.header-4__logo {
  display: inline-flex;
}

.header-4__logo-mark {
  display: block;
  width: var(--layout-header4-logo-width);
  height: var(--layout-header4-logo-height);
  filter: brightness(0);
}

:root[data-color-scheme=dark] .header-4__logo-mark {
  filter: brightness(0) invert(1);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-color-scheme=light]) .header-4__logo-mark {
    filter: brightness(0) invert(1);
  }
}
.header-4__actions {
  display: flex;
  align-items: center;
  gap: var(--layout-header4-actions-gap);
}

.header-4__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--layout-header4-btn-min-width);
  height: var(--layout-header4-btn-height);
  padding-inline: var(--layout-header4-btn-padding-inline);
  border-radius: var(--layout-header4-btn-radius);
  font-size: var(--font-size-md);
  line-height: var(--font-leading-md);
  font-weight: var(--font-weight-regular);
  white-space: nowrap;
  color: var(--color-ink-cream);
  background-color: var(--color-brand-1);
}
.header-4__cta .text-flip {
  line-height: 1;
}

.header-4__menu {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--layout-header4-menu-width);
  height: var(--layout-header4-menu-height);
  padding: 0;
  color: var(--color-text-primary);
}

.header-4__menu-icon {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: var(--layout-header4-menu-width);
  height: var(--layout-header4-menu-height);
}

.header-4__menu-bar {
  display: block;
  width: 100%;
  height: var(--layout-header4-menu-bar-height);
  background-color: currentColor;
  border-radius: var(--radius-xs);
  transition: width var(--motion-duration-menu) var(--motion-easing-standard);
}

.header-4__menu-bar:first-child,
.header-4__menu-bar:last-child {
  width: 57%;
}

.header-4__menu-bar:first-child {
  align-self: flex-end;
}

.header-4__menu-bar:last-child {
  align-self: flex-start;
}

.header-4__menu:hover .header-4__menu-bar,
.header-4__menu:focus-visible .header-4__menu-bar {
  width: 100%;
}

@media (prefers-reduced-motion: reduce) {
  .header-4__menu-bar {
    transition: none;
  }
}
.header-4__cta {
  display: none;
}

@media (min-width: 768px) {
  .header-4__cta {
    display: inline-flex;
  }
}
.main-navigation {
  position: fixed;
  top: var(--layout-mainnav-offset-top);
  left: 0;
  z-index: var(--layout-offcanvas-header-z);
  display: none;
  justify-content: center;
  width: 100%;
  padding-inline: var(--layout-container-gutter);
  visibility: hidden;
  transform: translateY(calc(-100% - var(--layout-mainnav-offset-top)));
  transition: transform var(--motion-duration-header) var(--motion-easing-header), visibility 0s linear var(--motion-duration-header);
}

.main-navigation.is-visible {
  visibility: visible;
  transform: translateY(0);
  transition: transform var(--motion-duration-header) var(--motion-easing-header), visibility 0s linear 0s;
}

.main-navigation .nav-primary {
  padding-block: var(--layout-mainnav-pad-block);
  padding-inline: var(--layout-mainnav-pad-inline);
  background-color: var(--color-surface-subtle);
  border-radius: var(--radius-pill);
  pointer-events: none;
}

.main-navigation.is-visible .nav-primary {
  pointer-events: auto;
}

.main-navigation .nav-primary__sub {
  top: calc(100% + var(--layout-mainnav-pad-block) + var(--space-1));
}

.main-navigation .nav-primary__sub::before {
  height: calc(var(--layout-mainnav-pad-block) + var(--space-1));
}

body.is-offcanvas-open .main-navigation {
  visibility: hidden;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .main-navigation {
    transition: none;
  }
}
@media (min-width: 1024px) {
  .main-navigation {
    display: flex;
  }
}
.footer-1 {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: var(--layout-footer1-min-height);
  color: var(--color-ink-white);
  background-color: var(--color-footer-surface);
}

.js .footer-1:not(.is-footer-in) .footer-1__title,
.js .footer-1:not(.is-footer-in) .footer-1__details > *,
.js .footer-1:not(.is-footer-in) .footer-1__nav .footer-1__heading,
.js .footer-1:not(.is-footer-in) .footer-1__nav .footer-1__item,
.js .footer-1:not(.is-footer-in) .footer-1__newsletter,
.js .footer-1:not(.is-footer-in) .footer-1__field,
.js .footer-1:not(.is-footer-in) .footer-1__bottom > * {
  opacity: 0;
  will-change: transform, opacity;
}

.js .footer-1:not(.is-footer-in) .footer-1__title {
  clip-path: inset(0 0 100% 0);
}

@media (prefers-reduced-motion: reduce) {
  .js .footer-1:not(.is-footer-in) .footer-1__title,
  .js .footer-1:not(.is-footer-in) .footer-1__details > *,
  .js .footer-1:not(.is-footer-in) .footer-1__nav .footer-1__heading,
  .js .footer-1:not(.is-footer-in) .footer-1__nav .footer-1__item,
  .js .footer-1:not(.is-footer-in) .footer-1__newsletter,
  .js .footer-1:not(.is-footer-in) .footer-1__field,
  .js .footer-1:not(.is-footer-in) .footer-1__bottom > * {
    opacity: 1;
  }
  .js .footer-1:not(.is-footer-in) .footer-1__title {
    clip-path: none;
  }
}
.footer-1__bg {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}

.footer-1__bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: color-mix(in srgb, var(--color-footer-surface) calc(var(--layout-footer1-overlay-opacity) * 100%), transparent);
}

.footer-1__bg-img {
  position: absolute;
  inset: -10% 0;
  display: block;
  width: 100%;
  height: 120%;
  object-fit: cover;
  will-change: transform;
}

.footer-1__inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: var(--layout-footer1-min-height);
  padding-block: var(--layout-footer1-main-pad-block) 0;
}

.footer-1__main {
  display: grid;
  gap: var(--space-8);
}

.footer-1__contact {
  display: flex;
  flex-direction: column;
  gap: var(--layout-footer1-contact-gap);
  max-width: var(--layout-footer1-contact-max);
}

.footer-1__title {
  margin: 0;
  font-size: var(--font-size-h4);
  line-height: var(--font-leading-h4);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-ink-white);
  text-wrap: balance;
}

.footer-1__details {
  display: flex;
  flex-direction: column;
}

.footer-1__detail {
  margin: 0;
  font-size: var(--font-size-md);
  line-height: var(--font-leading-md);
  font-weight: var(--font-weight-regular);
  color: color-mix(in srgb, var(--color-ink-white) calc(var(--layout-footer1-muted-opacity) * 100%), transparent);
}

.footer-1__detail--address {
  margin-top: var(--font-leading-md);
}

.footer-1__address-line {
  display: block;
}

.footer-1__detail-link {
  color: inherit;
}

.footer-1__detail-link .text-flip,
.footer-1__link .text-flip,
.footer-1__terms .text-flip {
  vertical-align: baseline;
}

.footer-1__widgets {
  display: grid;
  gap: var(--space-8);
}

.footer-1__nav,
.footer-1__newsletter {
  display: flex;
  flex-direction: column;
}

.footer-1__nav {
  gap: var(--layout-footer1-nav-gap-mobile);
}

.footer-1__newsletter {
  gap: var(--layout-footer1-newsletter-gap-mobile);
  margin-block-end: var(--layout-footer1-newsletter-margin-bottom);
  max-width: var(--layout-footer1-newsletter-max);
}

.footer-1__heading {
  margin: 0;
  font-size: var(--font-size-h6);
  line-height: var(--font-leading-h6);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-ink-white);
}

.footer-1__list {
  display: flex;
  flex-direction: column;
  gap: var(--layout-footer1-link-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer-1__link {
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  font-weight: var(--font-weight-regular);
  color: color-mix(in srgb, var(--color-ink-white) calc(var(--layout-footer1-muted-opacity) * 100%), transparent);
}

.footer-1__form {
  display: flex;
  flex-direction: column;
  border-top: 1px solid var(--color-footer-border);
}

.footer-1__field {
  display: block;
  border-bottom: 1px solid var(--color-footer-border);
  transition: border-color var(--motion-duration-instant) var(--motion-easing-standard);
}

.footer-1__field:focus-within {
  border-bottom-color: var(--color-accent-base);
}

.footer-1__input:focus-visible,
.footer-1__submit:focus-visible {
  outline: none;
}

.footer-1__field--submit {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  column-gap: var(--space-2);
}

.footer-1__input {
  width: 100%;
  min-height: var(--layout-footer1-field-height);
  padding: 0;
  border: 0;
  background: transparent;
  font-family: var(--font-family-meta);
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-ink-white);
}

.footer-1__input::placeholder {
  color: var(--color-ink-sub);
  opacity: 1;
}

.footer-1__submit {
  display: grid;
  place-items: center;
  width: var(--layout-footer1-submit-width);
  height: var(--layout-footer1-field-height);
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--color-ink-sub);
  cursor: pointer;
}

.footer-1__submit-icon {
  display: block;
  width: var(--layout-footer1-submit-width);
  height: var(--layout-footer1-submit-height);
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxOCAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSI+CjxwYXRoIGQ9Ik0xMi4xMjY1IDAuMjE4NjlDMTIuNDEwNiAtMC4wNzI5NDM5IDEyLjg3MTMgLTAuMDcyODQ5OCAxMy4xNTU1IDAuMjE4NjlMMTcuNzg3IDQuOTcyMzhDMTguMDcwOSA1LjI2NDA5IDE4LjA3MTEgNS43MzY5NiAxNy43ODcgNi4wMjg1NEwxMy4xNTU1IDEwLjc4MTNDMTIuODcxMyAxMS4wNzI5IDEyLjQxMDcgMTEuMDcyOSAxMi4xMjY1IDEwLjc4MTNDMTEuODQyNSAxMC40ODk2IDExLjg0MjQgMTAuMDE2NyAxMi4xMjY1IDkuNzI1MDlMMTUuNTE1OCA2LjI0NzM1TDAuNzI3NzAyIDYuMjQ2MzhDMC4zMjU4MDMgNi4yNDYzOCAtMy4wNjcwM2UtMDcgNS45MTE5OSAwIDUuNDk5NDlDMi40NjU4MWUtMDUgNS4wODcwMSAwLjMyNTgxOSA0Ljc1MjU5IDAuNzI3NzAyIDQuNzUyNTlMMTUuNTE1OCA0Ljc1MzU2TDEyLjEyNjUgMS4yNzQ4NUMxMS44NDI0IDAuOTgzMTcyIDExLjg0MjQgMC41MTAzMjkgMTIuMTI2NSAwLjIxODY5WiIgZmlsbD0iY3VycmVudENvbG9yIi8+Cjwvc3ZnPgo=") center/contain no-repeat;
  mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxOCAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSI+CjxwYXRoIGQ9Ik0xMi4xMjY1IDAuMjE4NjlDMTIuNDEwNiAtMC4wNzI5NDM5IDEyLjg3MTMgLTAuMDcyODQ5OCAxMy4xNTU1IDAuMjE4NjlMMTcuNzg3IDQuOTcyMzhDMTguMDcwOSA1LjI2NDA5IDE4LjA3MTEgNS43MzY5NiAxNy43ODcgNi4wMjg1NEwxMy4xNTU1IDEwLjc4MTNDMTIuODcxMyAxMS4wNzI5IDEyLjQxMDcgMTEuMDcyOSAxMi4xMjY1IDEwLjc4MTNDMTEuODQyNSAxMC40ODk2IDExLjg0MjQgMTAuMDE2NyAxMi4xMjY1IDkuNzI1MDlMMTUuNTE1OCA2LjI0NzM1TDAuNzI3NzAyIDYuMjQ2MzhDMC4zMjU4MDMgNi4yNDYzOCAtMy4wNjcwM2UtMDcgNS45MTE5OSAwIDUuNDk5NDlDMi40NjU4MWUtMDUgNS4wODcwMSAwLjMyNTgxOSA0Ljc1MjU5IDAuNzI3NzAyIDQuNzUyNTlMMTUuNTE1OCA0Ljc1MzU2TDEyLjEyNjUgMS4yNzQ4NUMxMS44NDI0IDAuOTgzMTcyIDExLjg0MjQgMC41MTAzMjkgMTIuMTI2NSAwLjIxODY5WiIgZmlsbD0iY3VycmVudENvbG9yIi8+Cjwvc3ZnPgo=") center/contain no-repeat;
}

.footer-1__bottom {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  padding-block-start: var(--layout-footer1-bottom-pad-top-mobile);
  padding-block-end: var(--layout-footer1-bottom-pad-bottom-mobile);
  min-height: var(--layout-footer1-bottom-height);
  border-top: 1px solid var(--color-footer-border);
}

.footer-1__logo {
  display: inline-flex;
  color: var(--color-ink-cream);
}

.footer-1__logo-mark {
  display: block;
  width: var(--layout-footer1-logo-width);
  height: var(--layout-footer1-logo-height);
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEzIiBoZWlnaHQ9IjI4IiB2aWV3Qm94PSIwIDAgMTEzIDI4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGFyaWEtaGlkZGVuPSJ0cnVlIiBmb2N1c2FibGU9ImZhbHNlIj4KPHBhdGggZD0iTTI4LjMzMzQgMjhDMjQuMjM3MyAyOCAyMS44OTY3IDI1Ljc2IDIxLjg5NjcgMjIuNDM1QzIxLjg5NjcgMTguNjIgMjQuNjg0OCAxNi45NzUgMjguMDU4MSAxNi4zNDVMMzIuMTg4NiAxNS41NzVDMzQuMTE2MiAxNS4yMjUgMzQuNTYzNyAxNC40OSAzNC41NjM3IDEzLjNDMzQuNTYzNyAxMS42OSAzMy41OTk5IDEwLjYwNSAzMC44MTE4IDEwLjYwNUMyOC4wNTgxIDEwLjYwNSAyNi4zMDI2IDExLjcyNSAyNi4zMzcgMTQuMDdMMjIuNTg1MSAxMy42NUMyMi42MTk1IDkuNzMgMjUuOTI0IDcuNDkgMzAuODQ2MiA3LjQ5QzM1LjkwNjEgNy40OSAzOC41NTY1IDkuNTU1IDM4LjU1NjUgMTMuNTQ1VjIzLjE3QzM4LjU1NjUgMjQuNSAzOS4xNDE3IDI0Ljc4IDM5Ljc2MTMgMjQuNzhDNDAuMTM5OSAyNC43OCA0MC4yNzc2IDI0Ljc0NSA0MC4zNDY0IDI0LjcxSDQwLjU1M1YyNy41OEM0MC4wMzY2IDI3LjgyNSAzOS4wNzI5IDI3LjkzIDM4LjU5MSAyNy45M0MzNi41NjAxIDI3LjkzIDM1LjE4MzMgMjYuOTg1IDM1LjA4IDI0Ljk5VjI0LjQzQzM0LjA4MTggMjYuNiAzMS40MzEzIDI4IDI4LjMzMzQgMjhaTTI5LjQwMDUgMjQuODVDMzIuMDUwOSAyNC44NSAzNC4wMTI5IDIzLjYyNSAzNC42MzI1IDIxLjU2VjE3LjgxNUMzNC4xMTYyIDE4LjA5NSAzMy4yOTAxIDE4LjI3IDMyLjA1MDkgMTguNTVMMjkuMjYyOCAxOS4xMUMyNi42NDY4IDE5LjYzNSAyNS45OTI4IDIwLjg2IDI1Ljk5MjggMjIuMTJDMjUuOTkyOCAyMy45NzUgMjcuNDA0MSAyNC44NSAyOS40MDA1IDI0Ljg1WiIgZmlsbD0iY3VycmVudENvbG9yIi8+CjxwYXRoIGQ9Ik00OC41NjY5IDI4QzQzLjU0MTQgMjggNDAuNDc3OSAyNS41NSA0MC4zMDU4IDIxLjUyNUw0NC4xOTU0IDIxLjA3QzQ0LjE5NTQgMjMuNDUgNDUuOTE2NSAyNS4wMjUgNDguNzA0NiAyNS4wMjVDNTEuMDQ1MiAyNS4wMjUgNTIuNTk0MiAyNC4yMiA1Mi41OTQyIDIyLjI2QzUyLjU5NDIgMTkuODQ1IDUwLjE1MDMgMTkuNjcgNDYuOTE0NyAxOC45N0M0My4wMjUxIDE4LjA5NSA0MS4wNjMxIDE2LjQ1IDQxLjA2MzEgMTMuM0M0MS4wNjMxIDkuNzY1IDQ0LjAyMzMgNy40OSA0OC42MzU4IDcuNDlDNTMuMjQ4MiA3LjQ5IDU2LjE3NCA5LjU1NSA1Ni40NDk0IDEzLjQ3NUw1Mi41OTQyIDE0QzUyLjU5NDIgMTEuNzk1IDUxLjI1MTggMTAuMzk1IDQ4LjQ5ODEgMTAuMzk1QzQ2LjMyOTUgMTAuMzk1IDQ1LjA5MDQgMTEuNDQ1IDQ1LjA5MDQgMTIuODhDNDUuMDkwNCAxNC44NCA0Ni43NDI2IDE1LjM2NSA1MC40MjU3IDE2LjFDNTQuMjEyIDE2LjgzNSA1Ni43MjQ3IDE4LjA2IDU2LjcyNDcgMjIuMDVDNTYuNzI0NyAyNS42MiA1NC4wNzQzIDI4IDQ4LjU2NjkgMjhaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4KPHBhdGggZD0iTTY1LjQ5NjIgMjhDNjEuMTI0NyAyOCA1OC42NDY0IDI1LjM0IDU4LjY0NjQgMjEuMTc1VjcuODRINjIuNjczN1YyMC42ODVDNjIuNjczNyAyMy4wNjUgNjQuMTUzOCAyNC4zNiA2Ni40NiAyNC4zNkM2OS4yODI2IDI0LjM2IDcxLjIxMDEgMjIuNTA1IDcxLjI3OSAxOS43NFY3Ljg0SDc1LjMwNjNWMjcuNjVINzEuNTg4OEw3MS40MTY3IDI0Ljc0NUM3MC4xNDMxIDI2LjgxIDY3Ljk3NDUgMjggNjUuNDk2MiAyOFoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8cGF0aCBkPSJNNzguMjcwNSAyNy42NVYwSDgyLjI5NzhWMTUuOTk1TDkwLjQyMTIgNy44NEg5NS40ODExTDg3Ljk0MjkgMTUuMDg1TDk2LjEzNTEgMjcuNjVIOTEuMzg1TDg1LjE1NDcgMTcuODE1TDgyLjI5NzggMjAuNTQ1VjI3LjY1SDc4LjI3MDVaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4KPHBhdGggZD0iTTEwNC4zMTIgMjhDOTguNjY2NyAyOCA5NC44NDU5IDI0LjI1NSA5NC44NDU5IDE3Ljc4Qzk0Ljg0NTkgMTEuNTUgOTguMzIyNSA3LjQ5IDEwNC4xNzQgNy40OUMxMDkuODE5IDcuNDkgMTEzLjQ2OCAxMS4zMDUgMTEyLjk1MSAxOC43OTVIOTguODM4OEM5OS4xNDg2IDIyLjgyIDEwMS4xMTEgMjQuNzEgMTA0LjM0NiAyNC43MUMxMDcuMDY1IDI0LjcxIDEwOC44MjEgMjMuNDE1IDEwOS4yMzQgMjEuMTc1TDExMi43NDUgMjIuMDVDMTEyLjAyMiAyNS42MiAxMDguODIxIDI4IDEwNC4zMTIgMjhaTTEwNC4xMDUgMTAuNjRDMTAxLjM4NiAxMC42NCA5OS4zODk1IDEyLjI1IDk4LjkwNzYgMTUuODU1SDEwOC44NTVDMTA4LjkyNCAxMi43MDUgMTA3LjE2OSAxMC42NCAxMDQuMTA1IDEwLjY0WiIgZmlsbD0iY3VycmVudENvbG9yIi8+CjxwYXRoIGQ9Ik0wIDE5Ljc4MjRWMTMuODU0MUMzLjcxMzUzIDEzLjgwODUgNi45OTEgMTIuNjE4MiA5LjcxOTg4IDEwLjE1MTFDMTEuMDQyMSA4Ljk2MDkxIDEyLjIwOTYgNy42MjAyIDEyLjkxNzYgNS45MjM3OEgwVjBIMjAuNDE1QzIwLjc0MzIgMTAuNDkzMiAxMS4zNzAzIDE5Ljg0NjMgMCAxOS43ODI0WiIgZmlsbD0iY3VycmVudENvbG9yIi8+CjxwYXRoIGQ9Ik0xNC4zMTQ5IDI3Ljk4MThDMTQuMjU4NiAyNC41ODg5IDEzLjE4MDIgMjEuNTgzNyAxMC44OTY4IDE5LjAzOTFDMTEuNzY0MiAxOC40NzgyIDEyLjYzNjMgMTcuOTU4MyAxMy40NTIyIDE3LjM3QzE0LjI2OCAxNi43ODE4IDE1LjAzNyAxNi4xMTE0IDE1Ljg0ODEgMTUuNDU5M0MxOS4wMTc4IDE5LjAzOTEgMjAuMjEzNCAyMy4zMzAzIDIwLjQ2NjYgMjcuOTgxOEgxNC4zMTQ5WiIgZmlsbD0iY3VycmVudENvbG9yIi8+Cjwvc3ZnPgo=") center/contain no-repeat;
  mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEzIiBoZWlnaHQ9IjI4IiB2aWV3Qm94PSIwIDAgMTEzIDI4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGFyaWEtaGlkZGVuPSJ0cnVlIiBmb2N1c2FibGU9ImZhbHNlIj4KPHBhdGggZD0iTTI4LjMzMzQgMjhDMjQuMjM3MyAyOCAyMS44OTY3IDI1Ljc2IDIxLjg5NjcgMjIuNDM1QzIxLjg5NjcgMTguNjIgMjQuNjg0OCAxNi45NzUgMjguMDU4MSAxNi4zNDVMMzIuMTg4NiAxNS41NzVDMzQuMTE2MiAxNS4yMjUgMzQuNTYzNyAxNC40OSAzNC41NjM3IDEzLjNDMzQuNTYzNyAxMS42OSAzMy41OTk5IDEwLjYwNSAzMC44MTE4IDEwLjYwNUMyOC4wNTgxIDEwLjYwNSAyNi4zMDI2IDExLjcyNSAyNi4zMzcgMTQuMDdMMjIuNTg1MSAxMy42NUMyMi42MTk1IDkuNzMgMjUuOTI0IDcuNDkgMzAuODQ2MiA3LjQ5QzM1LjkwNjEgNy40OSAzOC41NTY1IDkuNTU1IDM4LjU1NjUgMTMuNTQ1VjIzLjE3QzM4LjU1NjUgMjQuNSAzOS4xNDE3IDI0Ljc4IDM5Ljc2MTMgMjQuNzhDNDAuMTM5OSAyNC43OCA0MC4yNzc2IDI0Ljc0NSA0MC4zNDY0IDI0LjcxSDQwLjU1M1YyNy41OEM0MC4wMzY2IDI3LjgyNSAzOS4wNzI5IDI3LjkzIDM4LjU5MSAyNy45M0MzNi41NjAxIDI3LjkzIDM1LjE4MzMgMjYuOTg1IDM1LjA4IDI0Ljk5VjI0LjQzQzM0LjA4MTggMjYuNiAzMS40MzEzIDI4IDI4LjMzMzQgMjhaTTI5LjQwMDUgMjQuODVDMzIuMDUwOSAyNC44NSAzNC4wMTI5IDIzLjYyNSAzNC42MzI1IDIxLjU2VjE3LjgxNUMzNC4xMTYyIDE4LjA5NSAzMy4yOTAxIDE4LjI3IDMyLjA1MDkgMTguNTVMMjkuMjYyOCAxOS4xMUMyNi42NDY4IDE5LjYzNSAyNS45OTI4IDIwLjg2IDI1Ljk5MjggMjIuMTJDMjUuOTkyOCAyMy45NzUgMjcuNDA0MSAyNC44NSAyOS40MDA1IDI0Ljg1WiIgZmlsbD0iY3VycmVudENvbG9yIi8+CjxwYXRoIGQ9Ik00OC41NjY5IDI4QzQzLjU0MTQgMjggNDAuNDc3OSAyNS41NSA0MC4zMDU4IDIxLjUyNUw0NC4xOTU0IDIxLjA3QzQ0LjE5NTQgMjMuNDUgNDUuOTE2NSAyNS4wMjUgNDguNzA0NiAyNS4wMjVDNTEuMDQ1MiAyNS4wMjUgNTIuNTk0MiAyNC4yMiA1Mi41OTQyIDIyLjI2QzUyLjU5NDIgMTkuODQ1IDUwLjE1MDMgMTkuNjcgNDYuOTE0NyAxOC45N0M0My4wMjUxIDE4LjA5NSA0MS4wNjMxIDE2LjQ1IDQxLjA2MzEgMTMuM0M0MS4wNjMxIDkuNzY1IDQ0LjAyMzMgNy40OSA0OC42MzU4IDcuNDlDNTMuMjQ4MiA3LjQ5IDU2LjE3NCA5LjU1NSA1Ni40NDk0IDEzLjQ3NUw1Mi41OTQyIDE0QzUyLjU5NDIgMTEuNzk1IDUxLjI1MTggMTAuMzk1IDQ4LjQ5ODEgMTAuMzk1QzQ2LjMyOTUgMTAuMzk1IDQ1LjA5MDQgMTEuNDQ1IDQ1LjA5MDQgMTIuODhDNDUuMDkwNCAxNC44NCA0Ni43NDI2IDE1LjM2NSA1MC40MjU3IDE2LjFDNTQuMjEyIDE2LjgzNSA1Ni43MjQ3IDE4LjA2IDU2LjcyNDcgMjIuMDVDNTYuNzI0NyAyNS42MiA1NC4wNzQzIDI4IDQ4LjU2NjkgMjhaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4KPHBhdGggZD0iTTY1LjQ5NjIgMjhDNjEuMTI0NyAyOCA1OC42NDY0IDI1LjM0IDU4LjY0NjQgMjEuMTc1VjcuODRINjIuNjczN1YyMC42ODVDNjIuNjczNyAyMy4wNjUgNjQuMTUzOCAyNC4zNiA2Ni40NiAyNC4zNkM2OS4yODI2IDI0LjM2IDcxLjIxMDEgMjIuNTA1IDcxLjI3OSAxOS43NFY3Ljg0SDc1LjMwNjNWMjcuNjVINzEuNTg4OEw3MS40MTY3IDI0Ljc0NUM3MC4xNDMxIDI2LjgxIDY3Ljk3NDUgMjggNjUuNDk2MiAyOFoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8cGF0aCBkPSJNNzguMjcwNSAyNy42NVYwSDgyLjI5NzhWMTUuOTk1TDkwLjQyMTIgNy44NEg5NS40ODExTDg3Ljk0MjkgMTUuMDg1TDk2LjEzNTEgMjcuNjVIOTEuMzg1TDg1LjE1NDcgMTcuODE1TDgyLjI5NzggMjAuNTQ1VjI3LjY1SDc4LjI3MDVaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4KPHBhdGggZD0iTTEwNC4zMTIgMjhDOTguNjY2NyAyOCA5NC44NDU5IDI0LjI1NSA5NC44NDU5IDE3Ljc4Qzk0Ljg0NTkgMTEuNTUgOTguMzIyNSA3LjQ5IDEwNC4xNzQgNy40OUMxMDkuODE5IDcuNDkgMTEzLjQ2OCAxMS4zMDUgMTEyLjk1MSAxOC43OTVIOTguODM4OEM5OS4xNDg2IDIyLjgyIDEwMS4xMTEgMjQuNzEgMTA0LjM0NiAyNC43MUMxMDcuMDY1IDI0LjcxIDEwOC44MjEgMjMuNDE1IDEwOS4yMzQgMjEuMTc1TDExMi43NDUgMjIuMDVDMTEyLjAyMiAyNS42MiAxMDguODIxIDI4IDEwNC4zMTIgMjhaTTEwNC4xMDUgMTAuNjRDMTAxLjM4NiAxMC42NCA5OS4zODk1IDEyLjI1IDk4LjkwNzYgMTUuODU1SDEwOC44NTVDMTA4LjkyNCAxMi43MDUgMTA3LjE2OSAxMC42NCAxMDQuMTA1IDEwLjY0WiIgZmlsbD0iY3VycmVudENvbG9yIi8+CjxwYXRoIGQ9Ik0wIDE5Ljc4MjRWMTMuODU0MUMzLjcxMzUzIDEzLjgwODUgNi45OTEgMTIuNjE4MiA5LjcxOTg4IDEwLjE1MTFDMTEuMDQyMSA4Ljk2MDkxIDEyLjIwOTYgNy42MjAyIDEyLjkxNzYgNS45MjM3OEgwVjBIMjAuNDE1QzIwLjc0MzIgMTAuNDkzMiAxMS4zNzAzIDE5Ljg0NjMgMCAxOS43ODI0WiIgZmlsbD0iY3VycmVudENvbG9yIi8+CjxwYXRoIGQ9Ik0xNC4zMTQ5IDI3Ljk4MThDMTQuMjU4NiAyNC41ODg5IDEzLjE4MDIgMjEuNTgzNyAxMC44OTY4IDE5LjAzOTFDMTEuNzY0MiAxOC40NzgyIDEyLjYzNjMgMTcuOTU4MyAxMy40NTIyIDE3LjM3QzE0LjI2OCAxNi43ODE4IDE1LjAzNyAxNi4xMTE0IDE1Ljg0ODEgMTUuNDU5M0MxOS4wMTc4IDE5LjAzOTEgMjAuMjEzNCAyMy4zMzAzIDIwLjQ2NjYgMjcuOTgxOEgxNC4zMTQ5WiIgZmlsbD0iY3VycmVudENvbG9yIi8+Cjwvc3ZnPgo=") center/contain no-repeat;
}

.footer-1__terms,
.footer-1__copy {
  margin: 0;
  font-family: var(--font-family-meta);
  font-size: var(--font-size-lg);
  line-height: 1;
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  color: color-mix(in srgb, var(--color-ink-white) calc(var(--layout-footer1-muted-opacity) * 100%), transparent);
}

.footer-1__theme {
  position: relative;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: var(--layout-footer1-theme-size);
  height: var(--layout-footer1-theme-size);
  padding: 0;
  border: 1px solid color-mix(in srgb, var(--color-ink-white) calc(var(--layout-footer1-muted-opacity) * 100%), transparent);
  border-radius: var(--radius-pill);
  background: transparent;
  color: var(--color-ink-cream);
  cursor: pointer;
}

.footer-1__theme-icon {
  grid-area: 1/1;
  display: block;
  width: var(--layout-footer1-theme-icon);
  height: var(--layout-footer1-theme-icon);
  background-color: currentColor;
  opacity: 0;
  transition: opacity var(--motion-duration-instant) var(--motion-easing-standard);
}

.footer-1__theme-icon--sun {
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJjdXJyZW50Q29sb3IiIGFyaWEtaGlkZGVuPSJ0cnVlIiBmb2N1c2FibGU9ImZhbHNlIj4KICA8cGF0aCBkPSJNMTIgMThDOC42ODYyOSAxOCA2IDE1LjMxMzcgNiAxMkM2IDguNjg2MjkgOC42ODYyOSA2IDEyIDZDMTUuMzEzNyA2IDE4IDguNjg2MjkgMTggMTJDMTggMTUuMzEzNyAxNS4zMTM3IDE4IDEyIDE4Wk0xMiAxNkMxNC4yMDkxIDE2IDE2IDE0LjIwOTEgMTYgMTJDMTYgOS43OTA4NiAxNC4yMDkxIDggMTIgOEM5Ljc5MDg2IDggOCA5Ljc5MDg2IDggMTJDOCAxNC4yMDkxIDkuNzkwODYgMTYgMTIgMTZaTTExIDFIMTNWNEgxMVYxWk0xMSAyMEgxM1YyM0gxMVYyMFpNMy41MTQ3MiA0LjkyODkzTDQuOTI4OTMgMy41MTQ3Mkw3LjA1MDI1IDUuNjM2MDRMNS42MzYwNCA3LjA1MDI1TDMuNTE0NzIgNC45Mjg5M1pNMTYuOTQ5NyAxOC4zNjRMMTguMzY0IDE2Ljk0OTdMMjAuNDg1MyAxOS4wNzExTDE5LjA3MTEgMjAuNDg1M0wxNi45NDk3IDE4LjM2NFpNMTkuMDcxMSAzLjUxNDcyTDIwLjQ4NTMgNC45Mjg5M0wxOC4zNjQgNy4wNTAyNUwxNi45NDk3IDUuNjM2MDRMMTkuMDcxMSAzLjUxNDcyWk01LjYzNjA0IDE2Ljk0OTdMNy4wNTAyNSAxOC4zNjRMNC45Mjg5MyAyMC40ODUzTDMuNTE0NzIgMTkuMDcxMUw1LjYzNjA0IDE2Ljk0OTdaTTIzIDExVjEzSDIwVjExSDIzWk00IDExVjEzSDFWMTFINFoiLz4KPC9zdmc+Cg==") center/contain no-repeat;
  mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJjdXJyZW50Q29sb3IiIGFyaWEtaGlkZGVuPSJ0cnVlIiBmb2N1c2FibGU9ImZhbHNlIj4KICA8cGF0aCBkPSJNMTIgMThDOC42ODYyOSAxOCA2IDE1LjMxMzcgNiAxMkM2IDguNjg2MjkgOC42ODYyOSA2IDEyIDZDMTUuMzEzNyA2IDE4IDguNjg2MjkgMTggMTJDMTggMTUuMzEzNyAxNS4zMTM3IDE4IDEyIDE4Wk0xMiAxNkMxNC4yMDkxIDE2IDE2IDE0LjIwOTEgMTYgMTJDMTYgOS43OTA4NiAxNC4yMDkxIDggMTIgOEM5Ljc5MDg2IDggOCA5Ljc5MDg2IDggMTJDOCAxNC4yMDkxIDkuNzkwODYgMTYgMTIgMTZaTTExIDFIMTNWNEgxMVYxWk0xMSAyMEgxM1YyM0gxMVYyMFpNMy41MTQ3MiA0LjkyODkzTDQuOTI4OTMgMy41MTQ3Mkw3LjA1MDI1IDUuNjM2MDRMNS42MzYwNCA3LjA1MDI1TDMuNTE0NzIgNC45Mjg5M1pNMTYuOTQ5NyAxOC4zNjRMMTguMzY0IDE2Ljk0OTdMMjAuNDg1MyAxOS4wNzExTDE5LjA3MTEgMjAuNDg1M0wxNi45NDk3IDE4LjM2NFpNMTkuMDcxMSAzLjUxNDcyTDIwLjQ4NTMgNC45Mjg5M0wxOC4zNjQgNy4wNTAyNUwxNi45NDk3IDUuNjM2MDRMMTkuMDcxMSAzLjUxNDcyWk01LjYzNjA0IDE2Ljk0OTdMNy4wNTAyNSAxOC4zNjRMNC45Mjg5MyAyMC40ODUzTDMuNTE0NzIgMTkuMDcxMUw1LjYzNjA0IDE2Ljk0OTdaTTIzIDExVjEzSDIwVjExSDIzWk00IDExVjEzSDFWMTFINFoiLz4KPC9zdmc+Cg==") center/contain no-repeat;
}

.footer-1__theme-icon--moon {
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJjdXJyZW50Q29sb3IiIGFyaWEtaGlkZGVuPSJ0cnVlIiBmb2N1c2FibGU9ImZhbHNlIj4KICA8cGF0aCBkPSJNMTEuMzgwNyAyLjAxODg2QzkuOTE1NzMgMy4zODc2OCA5IDUuMzM2OSA5IDcuNDk5OTlDOSAxMS42NDIxIDEyLjM1NzkgMTUgMTYuNSAxNUMxOC42NjMxIDE1IDIwLjYxMjMgMTQuMDg0MyAyMS45ODExIDEyLjYxOTNDMjEuNjYxMyAxNy44NTM3IDE3LjMxNDkgMjIgMTIgMjJDNi40NzcxNSAyMiAyIDE3LjUyMjggMiAxMkMyIDYuNjg1MTQgNi4xNDYyOSAyLjMzODY5IDExLjM4MDcgMi4wMTg4NloiLz4KPC9zdmc+Cg==") center/contain no-repeat;
  mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJjdXJyZW50Q29sb3IiIGFyaWEtaGlkZGVuPSJ0cnVlIiBmb2N1c2FibGU9ImZhbHNlIj4KICA8cGF0aCBkPSJNMTEuMzgwNyAyLjAxODg2QzkuOTE1NzMgMy4zODc2OCA5IDUuMzM2OSA5IDcuNDk5OTlDOSAxMS42NDIxIDEyLjM1NzkgMTUgMTYuNSAxNUMxOC42NjMxIDE1IDIwLjYxMjMgMTQuMDg0MyAyMS45ODExIDEyLjYxOTNDMjEuNjYxMyAxNy44NTM3IDE3LjMxNDkgMjIgMTIgMjJDNi40NzcxNSAyMiAyIDE3LjUyMjggMiAxMkMyIDYuNjg1MTQgNi4xNDYyOSAyLjMzODY5IDExLjM4MDcgMi4wMTg4NloiLz4KPC9zdmc+Cg==") center/contain no-repeat;
  opacity: 1;
}

:root[data-color-scheme=dark] .footer-1__theme-icon--sun {
  opacity: 1;
}

:root[data-color-scheme=dark] .footer-1__theme-icon--moon {
  opacity: 0;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-color-scheme=light]) .footer-1__theme-icon--sun {
    opacity: 1;
  }
  :root:not([data-color-scheme=light]) .footer-1__theme-icon--moon {
    opacity: 0;
  }
}
@media (min-width: 768px) {
  .footer-1__bottom {
    padding-block: 0;
  }
  .footer-1__nav {
    gap: var(--layout-footer1-nav-gap-tablet);
  }
  .footer-1__widgets {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
  }
  .footer-1__newsletter {
    grid-column: 1/-1;
    gap: var(--layout-footer1-newsletter-gap-tablet);
  }
}
@media (min-width: 1024px) {
  .footer-1__main {
    grid-template-columns: minmax(0, var(--layout-footer1-contact-max)) minmax(0, 1fr);
    column-gap: var(--space-8);
    align-items: start;
  }
  .footer-1__contact {
    padding-inline-end: var(--space-8);
    border-inline-end: 1px solid var(--color-footer-border);
  }
  .footer-1__nav,
  .footer-1__newsletter {
    gap: var(--layout-footer1-widget-gap);
  }
  .footer-1__widgets {
    grid-template-columns: auto auto minmax(0, var(--layout-footer1-newsletter-max));
    justify-content: space-between;
    column-gap: var(--layout-footer1-nav-gap);
  }
  .footer-1__newsletter {
    grid-column: auto;
    justify-self: end;
    width: 100%;
    margin-block-end: 0;
  }
}
.footer-2 {
  color: var(--color-text-primary);
  background-color: var(--color-surface-base);
}

.footer-2__inner {
  display: flex;
  flex-direction: column;
  padding-block-start: var(--layout-footer2-pad-block-start);
  padding-block-end: var(--layout-footer2-copy-pad-block);
}

.js .footer-2:not(.is-footer-in) .footer-2__bar,
.js .footer-2:not(.is-footer-in) .footer-2__copy {
  opacity: 0;
  will-change: transform, opacity;
}

.js .footer-2:not(.is-footer-in) .footer-2__rule {
  transform: scaleX(0);
  transform-origin: left center;
  will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
  .js .footer-2:not(.is-footer-in) .footer-2__bar,
  .js .footer-2:not(.is-footer-in) .footer-2__copy {
    opacity: 1;
  }
  .js .footer-2:not(.is-footer-in) .footer-2__rule {
    transform: none;
  }
}
.footer-2__cta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-footer2-title-gap);
  max-width: var(--layout-footer2-title-max);
  margin-bottom: var(--layout-footer2-cta-to-bar);
  color: inherit;
}

.footer-2__title {
  display: flex;
  flex-direction: column;
  margin: 0;
  font-family: var(--font-family-sans);
  font-size: clamp(3rem, 9vw, var(--layout-footer2-title-size));
  line-height: var(--layout-footer2-title-leading-tight);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tighter);
  color: inherit;
}

.footer-2__title-line {
  display: block;
}

.footer-2__title-line--lead {
  display: inline-flex;
  align-items: flex-start;
  gap: var(--space-2);
}

.footer-2__arrow {
  position: relative;
  display: block;
  flex: 0 0 auto;
  overflow: hidden;
  width: clamp(2.5rem, 6vw, var(--layout-footer2-arrow-size));
  height: clamp(2.5rem, 6vw, var(--layout-footer2-arrow-size));
  margin-block-start: 0.1em;
}

.footer-2__arrow-mark {
  display: block;
  width: 100%;
  height: 100%;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;base64,77u/PHN2ZyB3aWR0aD0iMTAyIiBoZWlnaHQ9IjEwMiIgdmlld0JveD0iMCAwIDEwMiAxMDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgYXJpYS1oaWRkZW49InRydWUiIGZvY3VzYWJsZT0iZmFsc2UiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEwMiAxMC41NTE4VjkxLjEyODlIOTEuNDUyOFYxNy45Njg1TDcuNDU3OTcgMTAyTDAgOTQuNTM4OEw4My45NTAzIDEwLjU1MThMMTAuOTEwOCAxMC41NTE4TDEwLjkxMDggMEw5MS40NTI4IDMuOTgzMzdlLTA2SDEwMlYxMC41NTE4WiIgZmlsbD0iY3VycmVudENvbG9yIi8+Cjwvc3ZnPg0K") center/contain no-repeat;
  mask: url("data:image/svg+xml;base64,77u/PHN2ZyB3aWR0aD0iMTAyIiBoZWlnaHQ9IjEwMiIgdmlld0JveD0iMCAwIDEwMiAxMDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgYXJpYS1oaWRkZW49InRydWUiIGZvY3VzYWJsZT0iZmFsc2UiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEwMiAxMC41NTE4VjkxLjEyODlIOTEuNDUyOFYxNy45Njg1TDcuNDU3OTcgMTAyTDAgOTQuNTM4OEw4My45NTAzIDEwLjU1MThMMTAuOTEwOCAxMC41NTE4TDEwLjkxMDggMEw5MS40NTI4IDMuOTgzMzdlLTA2SDEwMlYxMC41NTE4WiIgZmlsbD0iY3VycmVudENvbG9yIi8+Cjwvc3ZnPg0K") center/contain no-repeat;
  transition: transform var(--motion-duration-instant) var(--motion-easing-standard);
}

.footer-2__arrow-mark--clone {
  position: absolute;
  inset: 0;
  transform: translate(-100%, 100%);
}

.footer-2__cta:hover .footer-2__arrow-mark,
.footer-2__cta:focus-visible .footer-2__arrow-mark {
  transform: translate(100%, -100%);
}

.footer-2__cta:hover .footer-2__arrow-mark--clone,
.footer-2__cta:focus-visible .footer-2__arrow-mark--clone {
  transform: translate(0, 0);
}

.footer-2__rule {
  display: block;
  width: 100%;
  height: var(--layout-footer2-rule-height);
  background-color: var(--color-text-primary);
}

.footer-2__bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  min-height: var(--layout-footer2-bar-height);
  border-block: 1px solid var(--color-border-base);
}

.footer-2__bar-end {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-4) var(--layout-footer2-bar-end-gap);
}

.footer-2__logo {
  display: inline-flex;
  color: inherit;
}

.footer-2__logo-mark {
  display: block;
  width: var(--layout-footer2-logo-width);
  height: var(--layout-footer2-logo-height);
  filter: brightness(0);
}

:root[data-color-scheme=dark] .footer-2__logo-mark {
  filter: brightness(0) invert(1);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-color-scheme=light]) .footer-2__logo-mark {
    filter: brightness(0) invert(1);
  }
}
.footer-2__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3) var(--layout-footer2-nav-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer-2__link {
  font-size: var(--font-size-h6);
  line-height: var(--font-leading-h6);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  text-transform: capitalize;
  color: inherit;
}

.footer-2__link .text-flip {
  vertical-align: baseline;
}

.footer-2__theme {
  position: relative;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: var(--layout-footer2-theme-size);
  height: var(--layout-footer2-theme-size);
  padding: 0;
  border: 1px solid var(--color-border-base);
  border-radius: var(--radius-pill);
  background: transparent;
  color: var(--color-text-primary);
  cursor: pointer;
}

.footer-2__theme-icon {
  grid-area: 1/1;
  display: block;
  width: var(--layout-footer2-theme-icon);
  height: var(--layout-footer2-theme-icon);
  background-color: currentColor;
  opacity: 0;
  transition: opacity var(--motion-duration-instant) var(--motion-easing-standard);
}

.footer-2__theme-icon--sun {
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJjdXJyZW50Q29sb3IiIGFyaWEtaGlkZGVuPSJ0cnVlIiBmb2N1c2FibGU9ImZhbHNlIj4KICA8cGF0aCBkPSJNMTIgMThDOC42ODYyOSAxOCA2IDE1LjMxMzcgNiAxMkM2IDguNjg2MjkgOC42ODYyOSA2IDEyIDZDMTUuMzEzNyA2IDE4IDguNjg2MjkgMTggMTJDMTggMTUuMzEzNyAxNS4zMTM3IDE4IDEyIDE4Wk0xMiAxNkMxNC4yMDkxIDE2IDE2IDE0LjIwOTEgMTYgMTJDMTYgOS43OTA4NiAxNC4yMDkxIDggMTIgOEM5Ljc5MDg2IDggOCA5Ljc5MDg2IDggMTJDOCAxNC4yMDkxIDkuNzkwODYgMTYgMTIgMTZaTTExIDFIMTNWNEgxMVYxWk0xMSAyMEgxM1YyM0gxMVYyMFpNMy41MTQ3MiA0LjkyODkzTDQuOTI4OTMgMy41MTQ3Mkw3LjA1MDI1IDUuNjM2MDRMNS42MzYwNCA3LjA1MDI1TDMuNTE0NzIgNC45Mjg5M1pNMTYuOTQ5NyAxOC4zNjRMMTguMzY0IDE2Ljk0OTdMMjAuNDg1MyAxOS4wNzExTDE5LjA3MTEgMjAuNDg1M0wxNi45NDk3IDE4LjM2NFpNMTkuMDcxMSAzLjUxNDcyTDIwLjQ4NTMgNC45Mjg5M0wxOC4zNjQgNy4wNTAyNUwxNi45NDk3IDUuNjM2MDRMMTkuMDcxMSAzLjUxNDcyWk01LjYzNjA0IDE2Ljk0OTdMNy4wNTAyNSAxOC4zNjRMNC45Mjg5MyAyMC40ODUzTDMuNTE0NzIgMTkuMDcxMUw1LjYzNjA0IDE2Ljk0OTdaTTIzIDExVjEzSDIwVjExSDIzWk00IDExVjEzSDFWMTFINFoiLz4KPC9zdmc+Cg==") center/contain no-repeat;
  mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJjdXJyZW50Q29sb3IiIGFyaWEtaGlkZGVuPSJ0cnVlIiBmb2N1c2FibGU9ImZhbHNlIj4KICA8cGF0aCBkPSJNMTIgMThDOC42ODYyOSAxOCA2IDE1LjMxMzcgNiAxMkM2IDguNjg2MjkgOC42ODYyOSA2IDEyIDZDMTUuMzEzNyA2IDE4IDguNjg2MjkgMTggMTJDMTggMTUuMzEzNyAxNS4zMTM3IDE4IDEyIDE4Wk0xMiAxNkMxNC4yMDkxIDE2IDE2IDE0LjIwOTEgMTYgMTJDMTYgOS43OTA4NiAxNC4yMDkxIDggMTIgOEM5Ljc5MDg2IDggOCA5Ljc5MDg2IDggMTJDOCAxNC4yMDkxIDkuNzkwODYgMTYgMTIgMTZaTTExIDFIMTNWNEgxMVYxWk0xMSAyMEgxM1YyM0gxMVYyMFpNMy41MTQ3MiA0LjkyODkzTDQuOTI4OTMgMy41MTQ3Mkw3LjA1MDI1IDUuNjM2MDRMNS42MzYwNCA3LjA1MDI1TDMuNTE0NzIgNC45Mjg5M1pNMTYuOTQ5NyAxOC4zNjRMMTguMzY0IDE2Ljk0OTdMMjAuNDg1MyAxOS4wNzExTDE5LjA3MTEgMjAuNDg1M0wxNi45NDk3IDE4LjM2NFpNMTkuMDcxMSAzLjUxNDcyTDIwLjQ4NTMgNC45Mjg5M0wxOC4zNjQgNy4wNTAyNUwxNi45NDk3IDUuNjM2MDRMMTkuMDcxMSAzLjUxNDcyWk01LjYzNjA0IDE2Ljk0OTdMNy4wNTAyNSAxOC4zNjRMNC45Mjg5MyAyMC40ODUzTDMuNTE0NzIgMTkuMDcxMUw1LjYzNjA0IDE2Ljk0OTdaTTIzIDExVjEzSDIwVjExSDIzWk00IDExVjEzSDFWMTFINFoiLz4KPC9zdmc+Cg==") center/contain no-repeat;
}

.footer-2__theme-icon--moon {
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJjdXJyZW50Q29sb3IiIGFyaWEtaGlkZGVuPSJ0cnVlIiBmb2N1c2FibGU9ImZhbHNlIj4KICA8cGF0aCBkPSJNMTEuMzgwNyAyLjAxODg2QzkuOTE1NzMgMy4zODc2OCA5IDUuMzM2OSA5IDcuNDk5OTlDOSAxMS42NDIxIDEyLjM1NzkgMTUgMTYuNSAxNUMxOC42NjMxIDE1IDIwLjYxMjMgMTQuMDg0MyAyMS45ODExIDEyLjYxOTNDMjEuNjYxMyAxNy44NTM3IDE3LjMxNDkgMjIgMTIgMjJDNi40NzcxNSAyMiAyIDE3LjUyMjggMiAxMkMyIDYuNjg1MTQgNi4xNDYyOSAyLjMzODY5IDExLjM4MDcgMi4wMTg4NloiLz4KPC9zdmc+Cg==") center/contain no-repeat;
  mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJjdXJyZW50Q29sb3IiIGFyaWEtaGlkZGVuPSJ0cnVlIiBmb2N1c2FibGU9ImZhbHNlIj4KICA8cGF0aCBkPSJNMTEuMzgwNyAyLjAxODg2QzkuOTE1NzMgMy4zODc2OCA5IDUuMzM2OSA5IDcuNDk5OTlDOSAxMS42NDIxIDEyLjM1NzkgMTUgMTYuNSAxNUMxOC42NjMxIDE1IDIwLjYxMjMgMTQuMDg0MyAyMS45ODExIDEyLjYxOTNDMjEuNjYxMyAxNy44NTM3IDE3LjMxNDkgMjIgMTIgMjJDNi40NzcxNSAyMiAyIDE3LjUyMjggMiAxMkMyIDYuNjg1MTQgNi4xNDYyOSAyLjMzODY5IDExLjM4MDcgMi4wMTg4NloiLz4KPC9zdmc+Cg==") center/contain no-repeat;
  opacity: 1;
}

:root[data-color-scheme=dark] .footer-2__theme-icon--sun {
  opacity: 1;
}

:root[data-color-scheme=dark] .footer-2__theme-icon--moon {
  opacity: 0;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-color-scheme=light]) .footer-2__theme-icon--sun {
    opacity: 1;
  }
  :root:not([data-color-scheme=light]) .footer-2__theme-icon--moon {
    opacity: 0;
  }
}
.footer-2__copy {
  margin: 0;
  padding-block-start: var(--layout-footer2-copy-pad-block);
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  font-weight: var(--font-weight-regular);
  text-align: center;
  color: var(--color-text-primary);
}

@media (prefers-reduced-motion: reduce) {
  .footer-2__arrow-mark,
  .footer-2__theme-icon {
    transition: none;
  }
  .footer-2__arrow-mark--clone {
    display: none;
  }
  .footer-2__cta:hover .footer-2__arrow-mark,
  .footer-2__cta:focus-visible .footer-2__arrow-mark {
    transform: none;
  }
}
@media (min-width: 1024px) {
  .footer-2__title {
    font-size: var(--layout-footer2-title-size);
    line-height: var(--layout-footer2-title-leading);
  }
  .footer-2__arrow {
    width: var(--layout-footer2-arrow-size);
    height: var(--layout-footer2-arrow-size);
  }
}
.footer-3 {
  color: var(--color-text-primary);
  background-color: var(--color-surface-base);
  border-block-start: 1px solid var(--color-surface-subtle);
}

.footer-3__inner {
  max-width: calc(var(--layout-footer3-content-max) + 2 * var(--layout-footer3-pad-inline));
  padding-inline: var(--layout-footer3-pad-inline);
  padding-block-start: var(--layout-footer3-intro-pad-block);
  padding-block-end: var(--layout-footer3-foot-pad-block);
}

.js .footer-3:not(.is-footer-in) .footer-3__cta,
.js .footer-3:not(.is-footer-in) .footer-3__logo,
.js .footer-3:not(.is-footer-in) .footer-3__field,
.js .footer-3:not(.is-footer-in) .footer-3__heading,
.js .footer-3:not(.is-footer-in) .footer-3__item,
.js .footer-3:not(.is-footer-in) .footer-3__bottom > * {
  opacity: 0;
  will-change: transform, opacity;
}

.js .footer-3:not(.is-footer-in) .footer-3__title {
  clip-path: inset(0 0 100% 0);
}

@media (prefers-reduced-motion: reduce) {
  .js .footer-3:not(.is-footer-in) .footer-3__cta,
  .js .footer-3:not(.is-footer-in) .footer-3__logo,
  .js .footer-3:not(.is-footer-in) .footer-3__field,
  .js .footer-3:not(.is-footer-in) .footer-3__heading,
  .js .footer-3:not(.is-footer-in) .footer-3__item,
  .js .footer-3:not(.is-footer-in) .footer-3__bottom > * {
    opacity: 1;
  }
  .js .footer-3:not(.is-footer-in) .footer-3__title {
    clip-path: none;
  }
}
.footer-3__intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--layout-footer3-cta-gap);
}

.footer-3__title {
  margin: 0;
  max-width: var(--layout-footer3-title-max);
  font-size: clamp(var(--font-size-2xl), 3.4vw + 1rem, var(--layout-footer3-title-size));
  line-height: var(--layout-footer3-title-leading-tight);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--layout-footer3-title-tracking);
  text-align: center;
  color: var(--color-text-primary);
}

.footer-3__cta {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  width: var(--layout-footer3-cta-width);
  max-width: 100%;
  height: var(--layout-footer3-cta-height);
  padding-inline: var(--layout-footer3-cta-pad-inline);
  border-radius: var(--layout-footer3-cta-radius);
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  font-weight: var(--font-weight-regular);
  text-decoration: none;
  color: var(--color-ink-black);
  background-color: var(--color-brand-1);
}

.footer-3__cta-label {
  flex-shrink: 0;
}

.footer-3__cta-arrow {
  display: block;
  flex-shrink: 0;
  width: var(--layout-footer3-cta-arrow-width);
  height: var(--layout-footer3-cta-arrow-height);
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNiAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSI+CjxwYXRoIGQ9Ik05LjQ3NzM2IDAuMjc4NDE3TDE1LjcxMyA2LjMyNzg0QzE2LjA5NTcgNi42OTkwNyAxNi4wOTU3IDcuMzAwOTQgMTUuNzEzIDcuNjcyMTZMOS40NzczNiAxMy43MjE2QzkuMDk0NyAxNC4wOTI4IDguNDc0MzEgMTQuMDkyOCA4LjA5MTY1IDEzLjcyMTZDNy43MDkgMTMuMzUwNCA3LjcwOSAxMi43NDg1IDguMDkxNjUgMTIuMzc3M0wxMi42NTQ2IDcuOTUwNThIMC45Nzk4MzlDMC40Mzg2ODkgNy45NTA1OCAwIDcuNTI0OTkgMCA3QzAgNi40NzUwMSAwLjQzODY4OSA2LjA0OTQzIDAuOTc5ODM5IDYuMDQ5NDNIMTIuNjU0Nkw4LjA5MTY1IDEuNjIyNzNDNy43MDkgMS4yNTE1MSA3LjcwOSAwLjY0OTY0IDguMDkxNjUgMC4yNzg0MTdDOC40NzQzMSAtMC4wOTI4MDU3IDkuMDk0NyAtMC4wOTI4MDU3IDkuNDc3MzYgMC4yNzg0MTdaIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iY3VycmVudENvbG9yIi8+Cjwvc3ZnPgo=") center/contain no-repeat;
  mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNiAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSI+CjxwYXRoIGQ9Ik05LjQ3NzM2IDAuMjc4NDE3TDE1LjcxMyA2LjMyNzg0QzE2LjA5NTcgNi42OTkwNyAxNi4wOTU3IDcuMzAwOTQgMTUuNzEzIDcuNjcyMTZMOS40NzczNiAxMy43MjE2QzkuMDk0NyAxNC4wOTI4IDguNDc0MzEgMTQuMDkyOCA4LjA5MTY1IDEzLjcyMTZDNy43MDkgMTMuMzUwNCA3LjcwOSAxMi43NDg1IDguMDkxNjUgMTIuMzc3M0wxMi42NTQ2IDcuOTUwNThIMC45Nzk4MzlDMC40Mzg2ODkgNy45NTA1OCAwIDcuNTI0OTkgMCA3QzAgNi40NzUwMSAwLjQzODY4OSA2LjA0OTQzIDAuOTc5ODM5IDYuMDQ5NDNIMTIuNjU0Nkw4LjA5MTY1IDEuNjIyNzNDNy43MDkgMS4yNTE1MSA3LjcwOSAwLjY0OTY0IDguMDkxNjUgMC4yNzg0MTdDOC40NzQzMSAtMC4wOTI4MDU3IDkuMDk0NyAtMC4wOTI4MDU3IDkuNDc3MzYgMC4yNzg0MTdaIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iY3VycmVudENvbG9yIi8+Cjwvc3ZnPgo=") center/contain no-repeat;
}

.footer-3__main {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-12);
  margin-block-start: var(--layout-footer3-main-gap);
}

.footer-3__brand {
  display: flex;
  flex-direction: column;
  gap: var(--layout-footer3-form-gap);
  max-width: var(--layout-footer3-brand-width);
}

.footer-3__logo {
  display: inline-flex;
  align-self: flex-start;
  color: inherit;
}

.footer-3__logo-mark {
  display: block;
  width: var(--layout-footer3-logo-width);
  height: var(--layout-footer3-logo-height);
  max-width: 100%;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEzIiBoZWlnaHQ9IjI4IiB2aWV3Qm94PSIwIDAgMTEzIDI4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGFyaWEtaGlkZGVuPSJ0cnVlIiBmb2N1c2FibGU9ImZhbHNlIj4KPHBhdGggZD0iTTI4LjMzMzQgMjhDMjQuMjM3MyAyOCAyMS44OTY3IDI1Ljc2IDIxLjg5NjcgMjIuNDM1QzIxLjg5NjcgMTguNjIgMjQuNjg0OCAxNi45NzUgMjguMDU4MSAxNi4zNDVMMzIuMTg4NiAxNS41NzVDMzQuMTE2MiAxNS4yMjUgMzQuNTYzNyAxNC40OSAzNC41NjM3IDEzLjNDMzQuNTYzNyAxMS42OSAzMy41OTk5IDEwLjYwNSAzMC44MTE4IDEwLjYwNUMyOC4wNTgxIDEwLjYwNSAyNi4zMDI2IDExLjcyNSAyNi4zMzcgMTQuMDdMMjIuNTg1MSAxMy42NUMyMi42MTk1IDkuNzMgMjUuOTI0IDcuNDkgMzAuODQ2MiA3LjQ5QzM1LjkwNjEgNy40OSAzOC41NTY1IDkuNTU1IDM4LjU1NjUgMTMuNTQ1VjIzLjE3QzM4LjU1NjUgMjQuNSAzOS4xNDE3IDI0Ljc4IDM5Ljc2MTMgMjQuNzhDNDAuMTM5OSAyNC43OCA0MC4yNzc2IDI0Ljc0NSA0MC4zNDY0IDI0LjcxSDQwLjU1M1YyNy41OEM0MC4wMzY2IDI3LjgyNSAzOS4wNzI5IDI3LjkzIDM4LjU5MSAyNy45M0MzNi41NjAxIDI3LjkzIDM1LjE4MzMgMjYuOTg1IDM1LjA4IDI0Ljk5VjI0LjQzQzM0LjA4MTggMjYuNiAzMS40MzEzIDI4IDI4LjMzMzQgMjhaTTI5LjQwMDUgMjQuODVDMzIuMDUwOSAyNC44NSAzNC4wMTI5IDIzLjYyNSAzNC42MzI1IDIxLjU2VjE3LjgxNUMzNC4xMTYyIDE4LjA5NSAzMy4yOTAxIDE4LjI3IDMyLjA1MDkgMTguNTVMMjkuMjYyOCAxOS4xMUMyNi42NDY4IDE5LjYzNSAyNS45OTI4IDIwLjg2IDI1Ljk5MjggMjIuMTJDMjUuOTkyOCAyMy45NzUgMjcuNDA0MSAyNC44NSAyOS40MDA1IDI0Ljg1WiIgZmlsbD0iY3VycmVudENvbG9yIi8+CjxwYXRoIGQ9Ik00OC41NjY5IDI4QzQzLjU0MTQgMjggNDAuNDc3OSAyNS41NSA0MC4zMDU4IDIxLjUyNUw0NC4xOTU0IDIxLjA3QzQ0LjE5NTQgMjMuNDUgNDUuOTE2NSAyNS4wMjUgNDguNzA0NiAyNS4wMjVDNTEuMDQ1MiAyNS4wMjUgNTIuNTk0MiAyNC4yMiA1Mi41OTQyIDIyLjI2QzUyLjU5NDIgMTkuODQ1IDUwLjE1MDMgMTkuNjcgNDYuOTE0NyAxOC45N0M0My4wMjUxIDE4LjA5NSA0MS4wNjMxIDE2LjQ1IDQxLjA2MzEgMTMuM0M0MS4wNjMxIDkuNzY1IDQ0LjAyMzMgNy40OSA0OC42MzU4IDcuNDlDNTMuMjQ4MiA3LjQ5IDU2LjE3NCA5LjU1NSA1Ni40NDk0IDEzLjQ3NUw1Mi41OTQyIDE0QzUyLjU5NDIgMTEuNzk1IDUxLjI1MTggMTAuMzk1IDQ4LjQ5ODEgMTAuMzk1QzQ2LjMyOTUgMTAuMzk1IDQ1LjA5MDQgMTEuNDQ1IDQ1LjA5MDQgMTIuODhDNDUuMDkwNCAxNC44NCA0Ni43NDI2IDE1LjM2NSA1MC40MjU3IDE2LjFDNTQuMjEyIDE2LjgzNSA1Ni43MjQ3IDE4LjA2IDU2LjcyNDcgMjIuMDVDNTYuNzI0NyAyNS42MiA1NC4wNzQzIDI4IDQ4LjU2NjkgMjhaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4KPHBhdGggZD0iTTY1LjQ5NjIgMjhDNjEuMTI0NyAyOCA1OC42NDY0IDI1LjM0IDU4LjY0NjQgMjEuMTc1VjcuODRINjIuNjczN1YyMC42ODVDNjIuNjczNyAyMy4wNjUgNjQuMTUzOCAyNC4zNiA2Ni40NiAyNC4zNkM2OS4yODI2IDI0LjM2IDcxLjIxMDEgMjIuNTA1IDcxLjI3OSAxOS43NFY3Ljg0SDc1LjMwNjNWMjcuNjVINzEuNTg4OEw3MS40MTY3IDI0Ljc0NUM3MC4xNDMxIDI2LjgxIDY3Ljk3NDUgMjggNjUuNDk2MiAyOFoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8cGF0aCBkPSJNNzguMjcwNSAyNy42NVYwSDgyLjI5NzhWMTUuOTk1TDkwLjQyMTIgNy44NEg5NS40ODExTDg3Ljk0MjkgMTUuMDg1TDk2LjEzNTEgMjcuNjVIOTEuMzg1TDg1LjE1NDcgMTcuODE1TDgyLjI5NzggMjAuNTQ1VjI3LjY1SDc4LjI3MDVaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4KPHBhdGggZD0iTTEwNC4zMTIgMjhDOTguNjY2NyAyOCA5NC44NDU5IDI0LjI1NSA5NC44NDU5IDE3Ljc4Qzk0Ljg0NTkgMTEuNTUgOTguMzIyNSA3LjQ5IDEwNC4xNzQgNy40OUMxMDkuODE5IDcuNDkgMTEzLjQ2OCAxMS4zMDUgMTEyLjk1MSAxOC43OTVIOTguODM4OEM5OS4xNDg2IDIyLjgyIDEwMS4xMTEgMjQuNzEgMTA0LjM0NiAyNC43MUMxMDcuMDY1IDI0LjcxIDEwOC44MjEgMjMuNDE1IDEwOS4yMzQgMjEuMTc1TDExMi43NDUgMjIuMDVDMTEyLjAyMiAyNS42MiAxMDguODIxIDI4IDEwNC4zMTIgMjhaTTEwNC4xMDUgMTAuNjRDMTAxLjM4NiAxMC42NCA5OS4zODk1IDEyLjI1IDk4LjkwNzYgMTUuODU1SDEwOC44NTVDMTA4LjkyNCAxMi43MDUgMTA3LjE2OSAxMC42NCAxMDQuMTA1IDEwLjY0WiIgZmlsbD0iY3VycmVudENvbG9yIi8+CjxwYXRoIGQ9Ik0wIDE5Ljc4MjRWMTMuODU0MUMzLjcxMzUzIDEzLjgwODUgNi45OTEgMTIuNjE4MiA5LjcxOTg4IDEwLjE1MTFDMTEuMDQyMSA4Ljk2MDkxIDEyLjIwOTYgNy42MjAyIDEyLjkxNzYgNS45MjM3OEgwVjBIMjAuNDE1QzIwLjc0MzIgMTAuNDkzMiAxMS4zNzAzIDE5Ljg0NjMgMCAxOS43ODI0WiIgZmlsbD0iY3VycmVudENvbG9yIi8+CjxwYXRoIGQ9Ik0xNC4zMTQ5IDI3Ljk4MThDMTQuMjU4NiAyNC41ODg5IDEzLjE4MDIgMjEuNTgzNyAxMC44OTY4IDE5LjAzOTFDMTEuNzY0MiAxOC40NzgyIDEyLjYzNjMgMTcuOTU4MyAxMy40NTIyIDE3LjM3QzE0LjI2OCAxNi43ODE4IDE1LjAzNyAxNi4xMTE0IDE1Ljg0ODEgMTUuNDU5M0MxOS4wMTc4IDE5LjAzOTEgMjAuMjEzNCAyMy4zMzAzIDIwLjQ2NjYgMjcuOTgxOEgxNC4zMTQ5WiIgZmlsbD0iY3VycmVudENvbG9yIi8+Cjwvc3ZnPgo=") center/contain no-repeat;
  mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEzIiBoZWlnaHQ9IjI4IiB2aWV3Qm94PSIwIDAgMTEzIDI4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGFyaWEtaGlkZGVuPSJ0cnVlIiBmb2N1c2FibGU9ImZhbHNlIj4KPHBhdGggZD0iTTI4LjMzMzQgMjhDMjQuMjM3MyAyOCAyMS44OTY3IDI1Ljc2IDIxLjg5NjcgMjIuNDM1QzIxLjg5NjcgMTguNjIgMjQuNjg0OCAxNi45NzUgMjguMDU4MSAxNi4zNDVMMzIuMTg4NiAxNS41NzVDMzQuMTE2MiAxNS4yMjUgMzQuNTYzNyAxNC40OSAzNC41NjM3IDEzLjNDMzQuNTYzNyAxMS42OSAzMy41OTk5IDEwLjYwNSAzMC44MTE4IDEwLjYwNUMyOC4wNTgxIDEwLjYwNSAyNi4zMDI2IDExLjcyNSAyNi4zMzcgMTQuMDdMMjIuNTg1MSAxMy42NUMyMi42MTk1IDkuNzMgMjUuOTI0IDcuNDkgMzAuODQ2MiA3LjQ5QzM1LjkwNjEgNy40OSAzOC41NTY1IDkuNTU1IDM4LjU1NjUgMTMuNTQ1VjIzLjE3QzM4LjU1NjUgMjQuNSAzOS4xNDE3IDI0Ljc4IDM5Ljc2MTMgMjQuNzhDNDAuMTM5OSAyNC43OCA0MC4yNzc2IDI0Ljc0NSA0MC4zNDY0IDI0LjcxSDQwLjU1M1YyNy41OEM0MC4wMzY2IDI3LjgyNSAzOS4wNzI5IDI3LjkzIDM4LjU5MSAyNy45M0MzNi41NjAxIDI3LjkzIDM1LjE4MzMgMjYuOTg1IDM1LjA4IDI0Ljk5VjI0LjQzQzM0LjA4MTggMjYuNiAzMS40MzEzIDI4IDI4LjMzMzQgMjhaTTI5LjQwMDUgMjQuODVDMzIuMDUwOSAyNC44NSAzNC4wMTI5IDIzLjYyNSAzNC42MzI1IDIxLjU2VjE3LjgxNUMzNC4xMTYyIDE4LjA5NSAzMy4yOTAxIDE4LjI3IDMyLjA1MDkgMTguNTVMMjkuMjYyOCAxOS4xMUMyNi42NDY4IDE5LjYzNSAyNS45OTI4IDIwLjg2IDI1Ljk5MjggMjIuMTJDMjUuOTkyOCAyMy45NzUgMjcuNDA0MSAyNC44NSAyOS40MDA1IDI0Ljg1WiIgZmlsbD0iY3VycmVudENvbG9yIi8+CjxwYXRoIGQ9Ik00OC41NjY5IDI4QzQzLjU0MTQgMjggNDAuNDc3OSAyNS41NSA0MC4zMDU4IDIxLjUyNUw0NC4xOTU0IDIxLjA3QzQ0LjE5NTQgMjMuNDUgNDUuOTE2NSAyNS4wMjUgNDguNzA0NiAyNS4wMjVDNTEuMDQ1MiAyNS4wMjUgNTIuNTk0MiAyNC4yMiA1Mi41OTQyIDIyLjI2QzUyLjU5NDIgMTkuODQ1IDUwLjE1MDMgMTkuNjcgNDYuOTE0NyAxOC45N0M0My4wMjUxIDE4LjA5NSA0MS4wNjMxIDE2LjQ1IDQxLjA2MzEgMTMuM0M0MS4wNjMxIDkuNzY1IDQ0LjAyMzMgNy40OSA0OC42MzU4IDcuNDlDNTMuMjQ4MiA3LjQ5IDU2LjE3NCA5LjU1NSA1Ni40NDk0IDEzLjQ3NUw1Mi41OTQyIDE0QzUyLjU5NDIgMTEuNzk1IDUxLjI1MTggMTAuMzk1IDQ4LjQ5ODEgMTAuMzk1QzQ2LjMyOTUgMTAuMzk1IDQ1LjA5MDQgMTEuNDQ1IDQ1LjA5MDQgMTIuODhDNDUuMDkwNCAxNC44NCA0Ni43NDI2IDE1LjM2NSA1MC40MjU3IDE2LjFDNTQuMjEyIDE2LjgzNSA1Ni43MjQ3IDE4LjA2IDU2LjcyNDcgMjIuMDVDNTYuNzI0NyAyNS42MiA1NC4wNzQzIDI4IDQ4LjU2NjkgMjhaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4KPHBhdGggZD0iTTY1LjQ5NjIgMjhDNjEuMTI0NyAyOCA1OC42NDY0IDI1LjM0IDU4LjY0NjQgMjEuMTc1VjcuODRINjIuNjczN1YyMC42ODVDNjIuNjczNyAyMy4wNjUgNjQuMTUzOCAyNC4zNiA2Ni40NiAyNC4zNkM2OS4yODI2IDI0LjM2IDcxLjIxMDEgMjIuNTA1IDcxLjI3OSAxOS43NFY3Ljg0SDc1LjMwNjNWMjcuNjVINzEuNTg4OEw3MS40MTY3IDI0Ljc0NUM3MC4xNDMxIDI2LjgxIDY3Ljk3NDUgMjggNjUuNDk2MiAyOFoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8cGF0aCBkPSJNNzguMjcwNSAyNy42NVYwSDgyLjI5NzhWMTUuOTk1TDkwLjQyMTIgNy44NEg5NS40ODExTDg3Ljk0MjkgMTUuMDg1TDk2LjEzNTEgMjcuNjVIOTEuMzg1TDg1LjE1NDcgMTcuODE1TDgyLjI5NzggMjAuNTQ1VjI3LjY1SDc4LjI3MDVaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4KPHBhdGggZD0iTTEwNC4zMTIgMjhDOTguNjY2NyAyOCA5NC44NDU5IDI0LjI1NSA5NC44NDU5IDE3Ljc4Qzk0Ljg0NTkgMTEuNTUgOTguMzIyNSA3LjQ5IDEwNC4xNzQgNy40OUMxMDkuODE5IDcuNDkgMTEzLjQ2OCAxMS4zMDUgMTEyLjk1MSAxOC43OTVIOTguODM4OEM5OS4xNDg2IDIyLjgyIDEwMS4xMTEgMjQuNzEgMTA0LjM0NiAyNC43MUMxMDcuMDY1IDI0LjcxIDEwOC44MjEgMjMuNDE1IDEwOS4yMzQgMjEuMTc1TDExMi43NDUgMjIuMDVDMTEyLjAyMiAyNS42MiAxMDguODIxIDI4IDEwNC4zMTIgMjhaTTEwNC4xMDUgMTAuNjRDMTAxLjM4NiAxMC42NCA5OS4zODk1IDEyLjI1IDk4LjkwNzYgMTUuODU1SDEwOC44NTVDMTA4LjkyNCAxMi43MDUgMTA3LjE2OSAxMC42NCAxMDQuMTA1IDEwLjY0WiIgZmlsbD0iY3VycmVudENvbG9yIi8+CjxwYXRoIGQ9Ik0wIDE5Ljc4MjRWMTMuODU0MUMzLjcxMzUzIDEzLjgwODUgNi45OTEgMTIuNjE4MiA5LjcxOTg4IDEwLjE1MTFDMTEuMDQyMSA4Ljk2MDkxIDEyLjIwOTYgNy42MjAyIDEyLjkxNzYgNS45MjM3OEgwVjBIMjAuNDE1QzIwLjc0MzIgMTAuNDkzMiAxMS4zNzAzIDE5Ljg0NjMgMCAxOS43ODI0WiIgZmlsbD0iY3VycmVudENvbG9yIi8+CjxwYXRoIGQ9Ik0xNC4zMTQ5IDI3Ljk4MThDMTQuMjU4NiAyNC41ODg5IDEzLjE4MDIgMjEuNTgzNyAxMC44OTY4IDE5LjAzOTFDMTEuNzY0MiAxOC40NzgyIDEyLjYzNjMgMTcuOTU4MyAxMy40NTIyIDE3LjM3QzE0LjI2OCAxNi43ODE4IDE1LjAzNyAxNi4xMTE0IDE1Ljg0ODEgMTUuNDU5M0MxOS4wMTc4IDE5LjAzOTEgMjAuMjEzNCAyMy4zMzAzIDIwLjQ2NjYgMjcuOTgxOEgxNC4zMTQ5WiIgZmlsbD0iY3VycmVudENvbG9yIi8+Cjwvc3ZnPgo=") center/contain no-repeat;
}

.footer-3__form {
  display: flex;
  flex-direction: column;
  gap: var(--layout-footer3-form-field-gap);
}

.footer-3__field {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  box-sizing: border-box;
  height: var(--layout-footer3-field-height);
  border-block-end: 1px solid var(--color-border-base);
  transition: border-color var(--motion-duration-instant) var(--motion-easing-standard);
}

.footer-3__field:focus-within {
  border-block-end-color: var(--color-accent-base);
}

.footer-3__field:first-child {
  border-block-start: 1px solid var(--color-border-base);
}

.footer-3__field--email {
  align-items: flex-start;
  height: var(--layout-footer3-field-email-height);
}

.footer-3__input {
  flex: 1 1 auto;
  min-width: 0;
  padding: 0;
  border: 0;
  font-family: var(--font-family-meta);
  font-size: var(--layout-footer3-input-size);
  line-height: var(--layout-footer3-input-leading);
  letter-spacing: var(--layout-footer3-input-tracking);
  color: var(--color-text-primary);
  background: transparent;
}

.footer-3__input::placeholder {
  color: var(--color-text-muted);
  opacity: 1;
}

.footer-3__input:focus-visible,
.footer-3__submit:focus-visible {
  outline: none;
}

.footer-3__submit {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: var(--layout-footer3-submit-width);
  height: var(--layout-footer3-submit-height);
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--color-text-muted);
  cursor: pointer;
}

.footer-3__submit-icon {
  display: block;
  width: 100%;
  height: 100%;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxOCAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSI+CjxwYXRoIGQ9Ik0xMi4xMjY1IDAuMjE4NjlDMTIuNDEwNiAtMC4wNzI5NDM5IDEyLjg3MTMgLTAuMDcyODQ5OCAxMy4xNTU1IDAuMjE4NjlMMTcuNzg3IDQuOTcyMzhDMTguMDcwOSA1LjI2NDA5IDE4LjA3MTEgNS43MzY5NiAxNy43ODcgNi4wMjg1NEwxMy4xNTU1IDEwLjc4MTNDMTIuODcxMyAxMS4wNzI5IDEyLjQxMDcgMTEuMDcyOSAxMi4xMjY1IDEwLjc4MTNDMTEuODQyNSAxMC40ODk2IDExLjg0MjQgMTAuMDE2NyAxMi4xMjY1IDkuNzI1MDlMMTUuNTE1OCA2LjI0NzM1TDAuNzI3NzAyIDYuMjQ2MzhDMC4zMjU4MDMgNi4yNDYzOCAtMy4wNjcwM2UtMDcgNS45MTE5OSAwIDUuNDk5NDlDMi40NjU4MWUtMDUgNS4wODcwMSAwLjMyNTgxOSA0Ljc1MjU5IDAuNzI3NzAyIDQuNzUyNTlMMTUuNTE1OCA0Ljc1MzU2TDEyLjEyNjUgMS4yNzQ4NUMxMS44NDI0IDAuOTgzMTcyIDExLjg0MjQgMC41MTAzMjkgMTIuMTI2NSAwLjIxODY5WiIgZmlsbD0iY3VycmVudENvbG9yIi8+Cjwvc3ZnPgo=") center/contain no-repeat;
  mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxOCAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSI+CjxwYXRoIGQ9Ik0xMi4xMjY1IDAuMjE4NjlDMTIuNDEwNiAtMC4wNzI5NDM5IDEyLjg3MTMgLTAuMDcyODQ5OCAxMy4xNTU1IDAuMjE4NjlMMTcuNzg3IDQuOTcyMzhDMTguMDcwOSA1LjI2NDA5IDE4LjA3MTEgNS43MzY5NiAxNy43ODcgNi4wMjg1NEwxMy4xNTU1IDEwLjc4MTNDMTIuODcxMyAxMS4wNzI5IDEyLjQxMDcgMTEuMDcyOSAxMi4xMjY1IDEwLjc4MTNDMTEuODQyNSAxMC40ODk2IDExLjg0MjQgMTAuMDE2NyAxMi4xMjY1IDkuNzI1MDlMMTUuNTE1OCA2LjI0NzM1TDAuNzI3NzAyIDYuMjQ2MzhDMC4zMjU4MDMgNi4yNDYzOCAtMy4wNjcwM2UtMDcgNS45MTE5OSAwIDUuNDk5NDlDMi40NjU4MWUtMDUgNS4wODcwMSAwLjMyNTgxOSA0Ljc1MjU5IDAuNzI3NzAyIDQuNzUyNTlMMTUuNTE1OCA0Ljc1MzU2TDEyLjEyNjUgMS4yNzQ4NUMxMS44NDI0IDAuOTgzMTcyIDExLjg0MjQgMC41MTAzMjkgMTIuMTI2NSAwLjIxODY5WiIgZmlsbD0iY3VycmVudENvbG9yIi8+Cjwvc3ZnPgo=") center/contain no-repeat;
}

.footer-3__nav {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-8) var(--layout-footer3-nav-gap);
}

.footer-3__col {
  display: flex;
  flex-direction: column;
  gap: var(--layout-footer3-nav-heading-gap);
}

.footer-3__heading {
  margin: 0;
  font-size: var(--layout-footer3-nav-heading-size);
  line-height: var(--layout-footer3-nav-heading-leading);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--layout-footer3-nav-heading-tracking);
  color: var(--color-text-primary);
}

.footer-3__list {
  display: flex;
  flex-direction: column;
  gap: var(--layout-footer3-nav-list-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer-3__link {
  display: inline-block;
  font-size: var(--layout-footer3-nav-link-size);
  line-height: var(--layout-footer3-nav-link-leading);
  font-weight: var(--font-weight-regular);
  text-decoration: none;
  color: color-mix(in srgb, var(--color-text-primary) calc(var(--layout-footer3-nav-link-opacity) * 100%), transparent);
}

.footer-3__link .text-flip {
  vertical-align: baseline;
}

.footer-3__bottom {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  margin-block-start: var(--layout-footer3-bottom-gap);
  padding-block: var(--layout-footer3-bottom-pad-block);
  border-block-start: 1px solid var(--color-surface-subtle);
}

.footer-3__copy {
  margin: 0;
  font-family: var(--font-family-meta);
  font-size: var(--layout-footer3-bottom-size);
  line-height: var(--layout-footer3-bottom-leading);
  letter-spacing: var(--layout-footer3-bottom-tracking);
  color: color-mix(in srgb, var(--color-text-primary) calc(var(--layout-footer3-nav-link-opacity) * 100%), transparent);
}

@media (min-width: 1024px) {
  .footer-3__title {
    font-size: var(--layout-footer3-title-size);
    line-height: var(--layout-footer3-title-leading);
  }
  .footer-3__main {
    grid-template-columns: minmax(0, var(--layout-footer3-brand-width)) minmax(0, 1fr);
    column-gap: var(--layout-footer3-column-gap);
    align-items: start;
  }
  .footer-3__nav {
    margin-block-start: var(--layout-footer3-nav-offset);
  }
}
.site-footer {
  padding-block: var(--space-4) var(--space-4);
  border-top: 1px solid var(--color-border-base);
}

.site-footer__copy {
  font-size: var(--font-size-sm);
  line-height: var(--font-leading-sm);
  color: var(--color-text-secondary);
}

.grid-deform {
  position: relative;
  display: block;
  overflow: hidden;
}
.grid-deform__source {
  display: block;
  width: 100%;
  height: auto;
}
.grid-deform__canvas {
  display: none;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.grid-deform.is-ready .grid-deform__source {
  opacity: 0;
  pointer-events: none;
}
.grid-deform.is-ready .grid-deform__canvas {
  display: block;
}
.grid-deform--text {
  overflow: visible;
}
.grid-deform--text .grid-deform__canvas {
  z-index: 0;
}
.grid-deform--text .grid-deform__source {
  position: relative;
  z-index: 1;
}
.grid-deform--text.is-ready .grid-deform__source {
  opacity: 1;
  color: transparent;
  pointer-events: auto;
}
.grid-deform--text.is-ready .grid-deform__source:has(svg) {
  opacity: 0;
  color: inherit;
  pointer-events: none;
}
.grid-deform--cover {
  width: 100%;
  height: 100%;
}
.grid-deform--cover .grid-deform__source {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hover-deform {
  position: relative;
}
.hover-deform__canvas {
  display: block;
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
}
.hover-deform.is-ready .hover-deform__canvas {
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  .hover-deform__canvas {
    display: none;
  }
}
.preloader {
  position: fixed;
  inset: 0;
  z-index: var(--layout-preloader-z);
  display: grid;
  place-items: center;
  pointer-events: auto;
  isolation: isolate;
}
.preloader.is-done {
  visibility: hidden;
  pointer-events: none;
}

.preloader__base {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-color: var(--color-preloader-base);
  pointer-events: none;
}

.preloader__panel {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
  pointer-events: none;
}

.preloader__svg {
  display: block;
  width: 100%;
  height: 100%;
}

.preloader__path {
  fill: var(--color-ink-black);
}

.preloader__inner {
  position: relative;
  z-index: 3;
  width: 100%;
  height: 100%;
  pointer-events: none;
  user-select: none;
}

.preloader__brand {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  padding: var(--layout-preloader-pad);
  color: var(--color-ink-white);
}

.preloader__brand > svg {
  display: block;
  width: var(--layout-preloader-logo-width);
  height: auto;
}

.preloader__brand path {
  opacity: 0;
}

.preloader__wordmark {
  display: flex;
  align-items: center;
  margin: 0;
  font-family: var(--font-family-display);
  font-size: var(--layout-preloader-wordmark-size);
  font-weight: var(--font-weight-bold);
  line-height: 1;
  letter-spacing: var(--layout-preloader-wordmark-tracking);
  text-transform: uppercase;
}

.preloader__wordmark-char {
  display: block;
  overflow: hidden;
}

.preloader__wordmark-char-inner {
  display: block;
  white-space: pre;
  opacity: 0;
}

.preloader__footer {
  position: absolute;
  right: var(--layout-preloader-pad);
  bottom: var(--layout-preloader-pad);
  left: var(--layout-preloader-pad);
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--layout-preloader-gap);
}

.preloader__meta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-2);
  min-width: 0;
  font-family: var(--font-family-mono);
  font-size: var(--layout-preloader-status-size);
  letter-spacing: var(--font-tracking-wide);
  text-transform: uppercase;
  color: color-mix(in srgb, var(--color-ink-white) 60%, transparent);
}

.preloader__status {
  white-space: nowrap;
}

.preloader__count {
  position: relative;
  flex: 0 0 auto;
  font-family: var(--font-family-display);
  font-size: var(--layout-preloader-count-size);
  font-weight: var(--font-weight-bold);
  line-height: var(--layout-preloader-count-leading);
  letter-spacing: var(--layout-preloader-count-tracking);
  font-variant-numeric: tabular-nums;
  color: transparent;
  -webkit-text-stroke-width: var(--layout-preloader-count-stroke);
  -webkit-text-stroke-color: color-mix(in srgb, var(--color-ink-white) 42%, transparent);
}

.preloader__count::after {
  content: attr(data-fill);
  position: absolute;
  inset: 0;
  color: var(--color-brand-1);
  -webkit-text-stroke-width: 0;
  clip-path: inset(var(--preloader-fill-top, 100%) 0 0 0);
}

.preloader__rail {
  display: block;
  width: var(--layout-preloader-rail-width);
  height: var(--layout-preloader-rail-height);
  overflow: hidden;
  background-color: color-mix(in srgb, var(--color-ink-white) 18%, transparent);
}

.preloader__rail-fill {
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--color-brand-1);
  transform: scaleX(0);
  transform-origin: left center;
}

html.is-preloading,
html.is-preloading body,
body.is-preloading {
  overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
  .preloader__brand path,
  .preloader__wordmark-char-inner {
    opacity: 1;
  }
}
.page-transition {
  position: fixed;
  inset: 0;
  z-index: var(--layout-transition-z);
  background-color: var(--color-offcanvas-base);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

html.is-transition-in .page-transition {
  visibility: visible;
  opacity: 1;
}

html.is-transition-in #smooth-wrapper {
  clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%);
  transform: scale(0.5);
}

body.is-page-transitioning .main-navigation,
body.is-page-transitioning .back-to-top {
  visibility: hidden;
}

body.is-page-transitioning .offcanvas-menu {
  opacity: 0;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  html.is-transition-in #smooth-wrapper {
    clip-path: none;
    transform: none;
  }
  .page-transition {
    display: none;
  }
}
.glightbox-clean .goverlay,
.glightbox-container .goverlay {
  background-color: color-mix(in srgb, var(--color-ink-black) calc(var(--layout-lightbox-overlay-opacity) * 100%), transparent);
}

.glightbox-clean .gslide-description,
.glightbox-container .gslide-description {
  display: none;
}

.glightbox-clean .ginner-container,
.glightbox-container .ginner-container {
  box-sizing: border-box;
  width: auto;
  max-width: min(100%, var(--layout-lightbox-media-max));
  height: auto;
  max-height: var(--layout-lightbox-media-max-height);
  margin: 0 auto;
}

.glightbox-clean .gslide-media.gslide-inline,
.glightbox-container .gslide-media.gslide-inline {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  display: block;
  width: fit-content !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: var(--layout-lightbox-media-max-height);
  margin: 0 auto;
  padding: var(--layout-lightbox-frame-pad);
  overflow: hidden;
  isolation: isolate;
  border-radius: var(--layout-lightbox-media-radius);
  background: linear-gradient(145deg, color-mix(in srgb, var(--color-ink-cream) 14%, transparent) 0%, color-mix(in srgb, var(--color-ink-cream) 4%, transparent) 48%, color-mix(in srgb, var(--color-brand-1) 10%, transparent) 100%), var(--color-ink-black);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--color-ink-cream) 18%, transparent), 0 var(--space-3) var(--space-8) color-mix(in srgb, var(--color-ink-black) 55%, transparent);
}

.glightbox-clean .gslide-media.gslide-inline::before,
.glightbox-container .gslide-media.gslide-inline::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  background: radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--color-brand-1) calc(var(--layout-lightbox-glow-opacity) * 100%), transparent) 0%, transparent 70%);
  pointer-events: none;
}

.glightbox-clean .gslide-media.gslide-inline::after,
.glightbox-container .gslide-media.gslide-inline::after {
  content: "";
  position: absolute;
  inset: var(--layout-lightbox-frame-pad);
  z-index: 2;
  border-radius: calc(var(--layout-lightbox-media-radius) - var(--layout-lightbox-frame-pad));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-ink-cream) 12%, transparent);
  pointer-events: none;
}

.glightbox-clean .gslide-media.gslide-inline .ginlined-content,
.glightbox-container .gslide-media.gslide-inline .ginlined-content {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  display: block;
  width: fit-content !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: calc(var(--layout-lightbox-media-max-height) - var(--layout-lightbox-frame-pad) * 2);
  margin: 0;
  padding: 0 !important;
  overflow: hidden;
  border-radius: calc(var(--layout-lightbox-media-radius) - var(--layout-lightbox-frame-pad));
}

.glightbox-clean .gslide-media.gslide-inline video,
.glightbox-container .gslide-media.gslide-inline video {
  display: block;
  box-sizing: border-box;
  width: min(var(--layout-lightbox-media-max) - var(--layout-lightbox-frame-pad) * 2, (var(--layout-lightbox-media-max-height) - var(--layout-lightbox-frame-pad) * 2) * 16 / 9);
  max-width: 100%;
  height: auto;
  max-height: calc(var(--layout-lightbox-media-max-height) - var(--layout-lightbox-frame-pad) * 2);
  aspect-ratio: 16/9;
  object-fit: contain;
}

.glightbox-clean .gclose,
.glightbox-container .gclose {
  top: var(--layout-lightbox-close-inset);
  right: var(--layout-lightbox-close-inset);
  width: var(--layout-lightbox-close-size);
  height: var(--layout-lightbox-close-size);
  display: grid;
  place-items: center;
  border-radius: var(--radius-pill);
  background-color: var(--color-ink-cream);
  color: var(--color-ink-black);
  opacity: 1;
  box-shadow: 0 var(--space-1) var(--space-3) color-mix(in srgb, var(--color-ink-black) 35%, transparent);
  transition: transform var(--motion-duration-instant) var(--motion-easing-standard), background-color var(--motion-duration-instant) var(--motion-easing-standard), color var(--motion-duration-instant) var(--motion-easing-standard);
}

.glightbox-clean .gclose svg,
.glightbox-container .gclose svg {
  width: var(--layout-lightbox-close-icon);
  height: var(--layout-lightbox-close-icon);
}

.glightbox-clean .gclose path,
.glightbox-container .gclose path {
  fill: currentColor;
  stroke: currentColor;
}

.glightbox-clean .gclose:hover,
.glightbox-clean .gclose:focus-visible,
.glightbox-container .gclose:hover,
.glightbox-container .gclose:focus-visible {
  background-color: var(--color-brand-1);
  color: var(--color-ink-white);
  transform: scale(var(--motion-zoom));
}

@media (prefers-reduced-motion: reduce) {
  .glightbox-clean .gclose,
  .glightbox-container .gclose {
    transition: none;
  }
  .glightbox-clean .gclose:hover,
  .glightbox-clean .gclose:focus-visible,
  .glightbox-container .gclose:hover,
  .glightbox-container .gclose:focus-visible {
    transform: none;
  }
}
.back-to-top {
  position: fixed;
  right: var(--space-4);
  bottom: var(--layout-backToTop-bottom-mobile);
  z-index: var(--layout-offcanvas-header-z);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--space-7);
  height: var(--space-7);
  padding: 0;
  border-radius: var(--radius-pill);
  color: var(--color-button-text);
  background-color: var(--color-button-bg);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(var(--space-2));
  transition: opacity var(--motion-duration-instant) var(--motion-easing-standard), visibility var(--motion-duration-instant) var(--motion-easing-standard), transform var(--motion-duration-instant) var(--motion-easing-standard);
}
.back-to-top.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

body.is-offcanvas-open .back-to-top {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.back-to-top__icon {
  display: block;
  width: var(--layout-header1-cta-arrow-size);
  height: var(--layout-header1-cta-arrow-size);
  transform: rotate(-90deg);
}
.back-to-top__icon svg {
  display: block;
  width: 100%;
  height: 100%;
}

@media (min-width: 768px) {
  .back-to-top {
    bottom: var(--layout-backToTop-bottom-tablet);
  }
}
@media (min-width: 1024px) {
  .back-to-top {
    bottom: var(--space-4);
  }
}
.custom-cursor {
  display: contents;
}

.custom-cursor__head,
.custom-cursor__segment {
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--layout-cursor-z);
  pointer-events: none;
  border-radius: var(--radius-pill);
  will-change: transform, opacity;
  opacity: 0;
}

.custom-cursor__segment {
  width: var(--layout-cursor-trail-size);
  height: var(--layout-cursor-trail-size);
  background: radial-gradient(circle at center, var(--color-text-primary) 0%, var(--color-text-primary) 45%, transparent 100%);
}

.custom-cursor__head {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--layout-cursor-head-size);
  height: var(--layout-cursor-head-size);
  background: radial-gradient(circle at center, var(--color-text-primary) 0%, var(--color-text-primary) 55%, transparent 78%);
}

.custom-cursor__head.is-label {
  background: var(--color-text-primary);
}

.custom-cursor__label {
  font-family: var(--font-family-sans);
  font-size: var(--font-size-tiny);
  font-weight: var(--font-weight-medium);
  line-height: 1;
  letter-spacing: var(--font-tracking-wide);
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--color-text-inverse);
  opacity: 0;
  transform: scale(0.6);
  transition: opacity var(--motion-duration-cursor) var(--motion-easing-standard), transform var(--motion-duration-cursor) var(--motion-easing-standard);
}

.custom-cursor__head.is-label .custom-cursor__label {
  opacity: 1;
  transform: scale(1);
}

.hero-1 {
  padding-block: var(--space-4) var(--space-8);
}

.hero-1__intro {
  display: flex;
  flex-direction: column;
  gap: var(--layout-hero1-stack-gap);
}

body.is-preloading .hero-1__intro,
html.js .hero-1__intro.is-preloader-enter {
  transform: translateY(var(--layout-hero1-intro-offset));
  opacity: 0;
  will-change: transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
  body.is-preloading .hero-1__intro,
  html.js .hero-1__intro.is-preloader-enter {
    transform: none;
    opacity: 1;
    will-change: auto;
  }
}
.hero-1__masthead {
  position: relative;
  container-type: inline-size;
  container-name: hero-masthead;
  aspect-ratio: var(--layout-hero1-masthead-ratio);
  margin: 0;
  overflow: visible;
  color: var(--color-text-primary);
}

.hero-1__wordmark {
  display: block;
  width: 100%;
  color: inherit;
}
.hero-1__wordmark.grid-deform {
  overflow: visible;
}
.hero-1__wordmark .grid-deform__source,
.hero-1__wordmark svg,
.hero-1__wordmark .hero-1__wordmark-img {
  display: block;
  width: 100%;
  height: auto;
}

.hero-1__studio {
  position: absolute;
  inset: var(--layout-hero1-studio-top) 0 0 var(--layout-hero1-studio-left);
  display: flex;
  align-items: center;
  font-family: var(--font-family-script);
  font-size: 31.91cqw;
  font-weight: var(--font-weight-regular);
  line-height: 1;
  letter-spacing: var(--font-tracking-none);
  color: var(--color-brand-1);
  pointer-events: none;
  white-space: nowrap;
  overflow: visible;
}

.hero-1__meta {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-2);
  font-family: var(--font-family-meta);
  font-size: var(--font-size-lg);
  line-height: var(--layout-hero1-meta-leading);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-primary);
}

.hero-1__meta-item {
  margin: 0;
  max-width: 22rem;
}

.hero-1__meta-item--center {
  max-width: 16rem;
  white-space: pre-line;
}

.hero-1__meta-item--end {
  max-width: none;
}

.hero-1__rule {
  margin-block: var(--layout-hero1-rule-gap) var(--layout-hero1-gallery-gap-after-rule);
  border: 0;
  border-top: 1px solid var(--color-border-base);
}

.hero-1__gallery {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--layout-hero1-gallery-gap);
}

.hero-1__slide {
  margin: 0;
  overflow: hidden;
}
.hero-1__slide .anim-zoomin-wrap {
  width: 100%;
  height: 100%;
}

.hero-1__image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: var(--layout-hero1-slide-width)/var(--layout-hero1-slide-height);
  object-fit: cover;
}

body.is-preloading .hero-1__slide--float,
html.js .hero-1__slide--float.is-float-enter {
  transform: scale(var(--layout-hero1-float-reveal-scale));
  transform-origin: center center;
  opacity: 0;
  will-change: transform, opacity;
}

@media (min-width: 768px) {
  .hero-1__meta {
    grid-template-columns: 1fr 1fr 1fr;
    align-items: start;
    gap: var(--space-3);
  }
  .hero-1__meta-item--start {
    justify-self: start;
    text-align: start;
  }
  .hero-1__meta-item--center {
    justify-self: center;
    text-align: center;
  }
  .hero-1__meta-item--end {
    justify-self: end;
    text-align: end;
  }
  .hero-1__gallery {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  html.js .hero-1__slide--float {
    position: relative;
    z-index: 1;
    overflow: visible;
  }
  html.js .hero-1__slide--float .hero-1__image {
    transform: translateY(var(--layout-hero1-float-y)) rotate(var(--layout-hero1-float-rotate)) scale(var(--layout-hero1-float-scale));
    transform-origin: center center;
    will-change: transform;
  }
  html.js .hero-1__slide:first-child,
  html.js .hero-1__slide:last-child {
    will-change: transform;
  }
  html.js .hero-1__slide:first-child {
    transform: translateX(var(--layout-hero1-side-from-x));
  }
  html.js .hero-1__slide:last-child {
    transform: translateX(calc(var(--layout-hero1-side-from-x) * -1));
  }
}
@media (min-width: 1280px) {
  .hero-1 {
    --layout-hero1-float-y: var(--layout-hero1-float-y-xl);
  }
}
@media (prefers-reduced-motion: reduce) {
  body.is-preloading .hero-1__slide--float,
  html.js .hero-1__slide--float.is-float-enter {
    transform: none;
    opacity: 1;
    will-change: auto;
  }
  html.js .hero-1__slide--float .hero-1__image {
    transform: none;
    will-change: auto;
  }
  html.js .hero-1__slide:first-child,
  html.js .hero-1__slide:last-child {
    transform: none;
    will-change: auto;
  }
}
.hero-2 {
  padding-block: var(--space-4) var(--space-8);
}

html.js .hero-2__inner.is-preloader-enter {
  transform: translateY(var(--layout-hero2-intro-offset));
  opacity: 0;
  will-change: transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
  html.js .hero-2__inner.is-preloader-enter {
    transform: none;
    opacity: 1;
    will-change: auto;
  }
}
html.js .hero-2__email.is-email-enter {
  clip-path: inset(0 0 100% 0);
  opacity: 0;
  will-change: clip-path, opacity;
}

@media (prefers-reduced-motion: reduce) {
  html.js .hero-2__email.is-email-enter {
    clip-path: none;
    opacity: 1;
    will-change: auto;
  }
}
.hero-2__inner {
  display: grid;
  gap: var(--layout-hero2-columns-gap);
  align-items: start;
}

.hero-2__aside {
  display: flex;
  flex-direction: column;
  gap: var(--layout-hero2-mobile-aside-gap);
  max-width: var(--layout-hero2-aside-width);
}

.hero-2__bio {
  margin: 0;
  max-width: var(--layout-hero2-bio-max);
  font-size: var(--font-size-h5);
  line-height: 1;
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
}

.hero-2__bio-name {
  color: var(--color-text-primary);
}

.hero-2__bio-role {
  color: var(--color-text-secondary);
}

.hero-2__portrait {
  margin: 0;
  overflow: hidden;
  width: min(100%, var(--layout-hero2-portrait-width));
}

.hero-2__portrait-img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: var(--layout-hero2-portrait-width)/var(--layout-hero2-portrait-height);
  object-fit: cover;
  filter: grayscale(var(--layout-hero2-portrait-grayscale));
  transition: filter var(--motion-duration-instant) var(--motion-easing-standard);
}

.hero-2__portrait:hover .hero-2__portrait-img,
.hero-2__portrait:focus-within .hero-2__portrait-img {
  filter: grayscale(0%);
}

.hero-2__rail {
  display: none;
}

.hero-2__email {
  font-size: var(--font-size-lg);
  line-height: 1.15;
  font-weight: var(--font-weight-regular);
  color: var(--color-text-primary);
  white-space: nowrap;
  transition: color var(--motion-duration-instant) var(--motion-easing-standard);
}

.hero-2__email:hover,
.hero-2__email:focus-visible {
  color: var(--color-brand-1);
}

.hero-2__main {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
  min-width: 0;
}

.hero-2__title {
  display: flex;
  flex-direction: column;
  margin: 0;
  max-width: var(--layout-hero2-title-max);
  font-size: clamp(3.5rem, 8vw, var(--layout-hero2-title-size));
  line-height: 0.96;
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tighter);
  color: var(--color-text-primary);
}

.hero-2__title-line {
  display: block;
}

.hero-2__title-line.text-mark-top__line {
  padding-block: 0.2em;
  margin-block: -0.2em;
}

.hero-2__title-rotate {
  position: relative;
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
  white-space: nowrap;
}

.hero-2__title-rotate-sizer {
  display: grid;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  user-select: none;
}

.hero-2__title-rotate-sizer-word {
  grid-area: 1/1;
  white-space: nowrap;
}

.hero-2__title-rotate-stage {
  position: absolute;
  inset: 0;
  overflow: hidden;
  perspective: var(--layout-hero2-title-rotate-perspective);
  perspective-origin: 50% 50%;
}

.hero-2__title-rotate-word {
  position: absolute;
  left: 0;
  top: 50%;
  translate: 0 -50%;
  display: block;
  width: 100%;
  transform-origin: 50% 50%;
  transform-style: preserve-3d;
  will-change: transform, opacity;
}

.hero-2__title-rotate-word .char {
  display: inline-block;
  transform-origin: 50% 80%;
  will-change: transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
  .hero-2__title-rotate-word {
    will-change: auto;
  }
  .hero-2__title-rotate-word .char {
    will-change: auto;
  }
}
.hero-2__actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-hero2-copy-gap);
  max-width: var(--layout-hero2-copy-max);
}

.hero-2__copy {
  margin: 0;
  font-size: var(--font-size-h6);
  line-height: var(--font-leading-h6);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-primary);
  text-wrap: pretty;
}

.hero-2__cta {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  min-width: min(100%, 18rem);
  padding-inline: var(--layout-hero2-cta-padding-inline);
  padding-block: var(--layout-hero2-cta-padding-block);
  border-radius: var(--layout-hero2-cta-radius);
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  font-weight: var(--font-weight-regular);
  color: var(--color-ink-cream);
  background-color: var(--color-brand-1);
}

.hero-2__cta-label {
  display: inline-flex;
  align-items: center;
}

.hero-2__cta .text-flip {
  vertical-align: baseline;
}

.hero-2__cta-arrow {
  display: block;
  flex: 0 0 auto;
  width: var(--layout-hero2-arrow-width);
  height: var(--layout-hero2-arrow-height);
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNiAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOS40NzczNiAwLjI3ODQxN0wxNS43MTMgNi4zMjc4NEMxNi4wOTU3IDYuNjk5MDcgMTYuMDk1NyA3LjMwMDk0IDE1LjcxMyA3LjY3MjE2TDkuNDc3MzYgMTMuNzIxNkM5LjA5NDcgMTQuMDkyOCA4LjQ3NDMxIDE0LjA5MjggOC4wOTE2NSAxMy43MjE2QzcuNzA5IDEzLjM1MDQgNy43MDkgMTIuNzQ4NSA4LjA5MTY1IDEyLjM3NzNMMTIuNjU0NiA3Ljk1MDU4SDAuOTc5ODM5QzAuNDM4Njg5IDcuOTUwNTggMCA3LjUyNDk5IDAgN0MwIDYuNDc1MDEgMC40Mzg2ODkgNi4wNDk0MyAwLjk3OTgzOSA2LjA0OTQzSDEyLjY1NDZMOC4wOTE2NSAxLjYyMjczQzcuNzA5IDEuMjUxNTEgNy43MDkgMC42NDk2NCA4LjA5MTY1IDAuMjc4NDE3QzguNDc0MzEgLTAuMDkyODA1NyA5LjA5NDcgLTAuMDkyODA1NyA5LjQ3NzM2IDAuMjc4NDE3WiIgZmlsbD0iY3VycmVudENvbG9yIi8+Cjwvc3ZnPgo=") center/contain no-repeat;
  mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNiAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOS40NzczNiAwLjI3ODQxN0wxNS43MTMgNi4zMjc4NEMxNi4wOTU3IDYuNjk5MDcgMTYuMDk1NyA3LjMwMDk0IDE1LjcxMyA3LjY3MjE2TDkuNDc3MzYgMTMuNzIxNkM5LjA5NDcgMTQuMDkyOCA4LjQ3NDMxIDE0LjA5MjggOC4wOTE2NSAxMy43MjE2QzcuNzA5IDEzLjM1MDQgNy43MDkgMTIuNzQ4NSA4LjA5MTY1IDEyLjM3NzNMMTIuNjU0NiA3Ljk1MDU4SDAuOTc5ODM5QzAuNDM4Njg5IDcuOTUwNTggMCA3LjUyNDk5IDAgN0MwIDYuNDc1MDEgMC40Mzg2ODkgNi4wNDk0MyAwLjk3OTgzOSA2LjA0OTQzSDEyLjY1NDZMOC4wOTE2NSAxLjYyMjczQzcuNzA5IDEuMjUxNTEgNy43MDkgMC42NDk2NCA4LjA5MTY1IDAuMjc4NDE3QzguNDc0MzEgLTAuMDkyODA1NyA5LjA5NDcgLTAuMDkyODA1NyA5LjQ3NzM2IDAuMjc4NDE3WiIgZmlsbD0iY3VycmVudENvbG9yIi8+Cjwvc3ZnPgo=") center/contain no-repeat;
  transition: transform var(--motion-duration-instant) var(--motion-easing-standard);
}

.hero-2__cta:hover .hero-2__cta-arrow,
.hero-2__cta:focus-visible .hero-2__cta-arrow {
  transform: translateX(var(--motion-lift));
}

@media (prefers-reduced-motion: reduce) {
  .hero-2__cta-arrow,
  .hero-2__email,
  .hero-2__portrait-img {
    transition: none;
  }
  .hero-2__cta:hover .hero-2__cta-arrow,
  .hero-2__cta:focus-visible .hero-2__cta-arrow {
    transform: none;
  }
}
.hero-2__social {
  display: none;
}

.hero-2__follow {
  margin: 0;
  font-family: var(--font-family-meta);
  font-size: var(--font-size-sm);
  line-height: var(--font-leading-sm);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-wide);
  text-transform: uppercase;
  color: var(--color-ink-white);
  white-space: nowrap;
}

.hero-2__social-stack {
  position: relative;
  width: var(--layout-hero2-social-width);
  height: var(--layout-hero2-social-height);
}

.hero-2__social-hit {
  position: absolute;
  left: 0;
  width: 100%;
  overflow: hidden;
  color: var(--color-ink-white);
}

.hero-2__social-hit-mark {
  position: absolute;
  left: 0;
  width: 100%;
  height: var(--layout-hero2-social-height);
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTMwIiB2aWV3Qm94PSIwIDAgMTggMTMwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGFyaWEtaGlkZGVuPSJ0cnVlIiBmb2N1c2FibGU9ImZhbHNlIj4KPHBhdGggZD0iTTcuMDQ2MzggOS4yMjYwMUM2Ljk4NTAxIDkuMjI2MDEgNS42MzQ4NiA5LjIyNjAxIDUuMDIxMTUgOS4yMjYwMUM0LjY5Mzg1IDkuMjI2MDEgNC41OTE1NiA5LjEwMzI3IDQuNTkxNTYgOC43OTY0MkM0LjU5MTU2IDcuOTc4MTUgNC41OTE1NiA3LjEzOTQyIDQuNTkxNTYgNi4zMjExNUM0LjU5MTU2IDUuOTkzODQgNC43MTQzIDUuODkxNTYgNS4wMjExNSA1Ljg5MTU2SDcuMDQ2MzhDNy4wNDYzOCA1LjgzMDE5IDcuMDQ2MzggNC42NDM2OSA3LjA0NjM4IDQuMDkxMzZDNy4wNDYzOCAzLjI3MzA5IDcuMTg5NTcgMi40OTU3MyA3LjU5ODcxIDEuNzc5NzRDOC4wMjgzIDEuMDQzMyA4LjY0MjAxIDAuNTUyMzMzIDkuNDE5MzYgMC4yNjU5MzhDOS45MzA3OCAwLjA4MTgyNyAxMC40NDIyIDAgMTAuOTk0NSAwSDEyLjk5OTNDMTMuMjg1NyAwIDEzLjQwODQgMC4xMjI3NDEgMTMuNDA4NCAwLjQwOTEzNlYyLjc0MTIxQzEzLjQwODQgMy4wMjc2MSAxMy4yODU3IDMuMTUwMzUgMTIuOTk5MyAzLjE1MDM1QzEyLjQ0NyAzLjE1MDM1IDExLjg5NDYgMy4xNTAzNSAxMS4zNDIzIDMuMTcwOEMxMC43OSAzLjE3MDggMTAuNTAzNiAzLjQzNjc0IDEwLjUwMzYgNC4wMDk1M0MxMC40ODMxIDQuNjIzMjQgMTAuNTAzNiA1LjIxNjQ4IDEwLjUwMzYgNS44NTA2NEgxMi44NzY2QzEzLjIwMzkgNS44NTA2NCAxMy4zMjY2IDUuOTczMzggMTMuMzI2NiA2LjMwMDY5VjguNzc1OTZDMTMuMzI2NiA5LjEwMzI3IDEzLjIyNDMgOS4yMDU1NiAxMi44NzY2IDkuMjA1NTZDMTIuMTQwMSA5LjIwNTU2IDEwLjU2NDkgOS4yMDU1NiAxMC41MDM2IDkuMjA1NTZWMTUuODc0NUMxMC41MDM2IDE2LjIyMjIgMTAuNDAxMyAxNi4zNDUgMTAuMDMzMSAxNi4zNDVDOS4xNzM4OCAxNi4zNDUgOC4zMzUxNSAxNi4zNDUgNy40NzU5NyAxNi4zNDVDNy4xNjkxMiAxNi4zNDUgNy4wNDYzOCAxNi4yMjIyIDcuMDQ2MzggMTUuOTE1NEM3LjA0NjM4IDEzLjc2NzQgNy4wNDYzOCA5LjI4NzM4IDcuMDQ2MzggOS4yMjYwMVoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8cGF0aCBkPSJNMTcuOTIwNSA0MS4wMjUzQzE3LjgxNDEgNDAuODUyMSAxNy42MTkzIDQwLjc1NCAxNy40MTY2IDQwLjc3MTZMMTYuNTE5MSA0MC44NDk4TDE3LjM3NyAzOS4xMjAzQzE3LjQ3OTIgMzguOTE0NCAxNy40Mzg4IDM4LjY2NjIgMTcuMjc2NyAzOC41MDMyQzE3LjExNDUgMzguMzQwMiAxNi44NjY1IDM4LjI5ODYgMTYuNjYwMSAzOC4zOTk3TDE0LjM4OTQgMzkuNTExN0MxMi45ODY2IDM4Ljc3MTEgMTEuMjMzOSAzOC45OTEgMTAuMDI3OSA0MC4wODk2QzkuMDIxNCA0MS4wMDY0IDguNDkyMzMgNDIuNDE2NSA4LjU5MDk4IDQzLjgyMjZDNS45NjAyNiA0My41NTg5IDMuNzMzNDYgNDIuMDUzMSAyLjQxNjcxIDM5LjYyMDFDMi4zMjkzNSAzOS40NTg3IDIuMTY1NTYgMzkuMzUzMSAxLjk4MjUgMzkuMzQwMUMxLjc5OTA5IDM5LjMyNzQgMS42MjIzOSAzOS40MDg3IDEuNTEzMTkgMzkuNTU2MkMwLjY5NjUxMSA0MC42NTk1IDAuNjM5MjA3IDQyLjE3MjIgMS4yNzk0NCA0My40MTY3QzEuMTAyOTUgNDMuMzcyMSAwLjkxNTE0OSA0My4zMTE4IDAuNzA2ODgyIDQzLjI0MjJDMC41Mjg0NjQgNDMuMTgyNiAwLjMzMTc2NCA0My4yMjA4IDAuMTg4NTcyIDQzLjM0MjhDMC4wNDUzODAxIDQzLjQ2NDkgLTAuMDIzNDU2IDQzLjY1MyAwLjAwNzE2NTE1IDQzLjgzODdDMC4yNjA1MDIgNDUuMzc0NiAxLjE1NjE1IDQ2LjU1NSAyLjU3MDk4IDQ3LjI1MzdDMi4zODY3NiA0Ny4zMTc5IDIuMTk4NzggNDcuMzcgMi4wMDc2MyA0Ny40MDk4QzEuODE3NzIgNDcuNDQ5NCAxLjY2Mzk0IDQ3LjU4ODMgMS42MDU0MSA0Ny43NzMzQzEuNTQ2ODcgNDcuOTU4MiAxLjU5MjY1IDQ4LjE2MDMgMS43MjUxOSA0OC4zMDJDMi43NDQwNSA0OS4zOTExIDQuMjE1ODQgNDkuOTI3MSA1LjI2MTI1IDUwLjE4NDJDNC4wNzI2MSA1MS4xMTUxIDIuNzg5NTEgNTEuMjcwOCAwLjkyNTAyOCA1MS4yMDY4QzAuNzA5MjAzIDUxLjIwMDMgMC41MTAzNTggNTEuMzIxOSAwLjQxOTYyIDUxLjUxNzVDMC4zMjg5MTYgNTEuNzEzMiAwLjM2NDEwOCA1MS45NDQyIDAuNTA5MDU4IDUyLjEwMzlDMS4yODYyOSA1Mi45NjA3IDQuMTE4IDUzLjkyNjcgNy4wOTQ3NiA1My45OTkxQzcuMjEyNSA1NC4wMDIgNy4zMzI1OSA1NC4wMDM1IDcuNDU1MjIgNTQuMDAzNUM5LjU0NTMgNTQuMDAzNSAxMi4zMDc2IDUzLjU1NTQgMTQuMjkwMyA1MS41NzI3QzE1Ljc5MSA1MC4wNzIgMTYuNzI5NyA0OC4zNDQ0IDE3LjA4MDIgNDYuNDM4QzE3LjM2MzIgNDQuODk4MyAxNy4xODQzIDQzLjY2NTMgMTcuMDk4NCA0My4wNzI3QzE3LjA5MiA0My4wMjkxIDE3LjA4NTMgNDIuOTgyOSAxNy4wNzk4IDQyLjk0MjVMMTcuOTE5NCA0MS41ODkzQzE4LjAyNjUgNDEuNDE2NyAxOC4wMjY5IDQxLjE5ODQgMTcuOTIwNSA0MS4wMjUzWiIgZmlsbD0iY3VycmVudENvbG9yIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTMuMTY4NSA3Ni4wMDM1SDQuODMxNUMyLjQ5NzE0IDc2LjAwMzUgMC42NjMwMDYgNzcuNzUwMyAwLjY2MzAwNiA3OS45NzM1Vjg3LjkxMzVDMC42NjMwMDYgOTAuMTM2NyAyLjQ5NzE0IDkxLjg4MzUgNC44MzE1IDkxLjg4MzVIMTMuMTY4NUMxNS41MDI5IDkxLjg4MzUgMTcuMzM3IDkwLjEzNjcgMTcuMzM3IDg3LjkxMzVWNzkuOTczNUMxNy4zMzcgNzcuNzUwMyAxNS41MDI5IDc2LjAwMzUgMTMuMTY4NSA3Ni4wMDM1Wk0xNS42Njk2IDg3LjkxMzVDMTUuNjY5NiA4OS4yNjMzIDE0LjU4NTggOTAuMjk1NSAxMy4xNjg1IDkwLjI5NTVINC44MzE1QzMuNDE0MjEgOTAuMjk1NSAyLjMzMDQgODkuMjYzMyAyLjMzMDQgODcuOTEzNVY3OS45NzM1QzIuMzMwNCA3OC42MjM3IDMuNDE0MjEgNzcuNTkxNSA0LjgzMTUgNzcuNTkxNUgxMy4xNjg1QzE0LjU4NTggNzcuNTkxNSAxNS42Njk2IDc4LjYyMzcgMTUuNjY5NiA3OS45NzM1Vjg3LjkxMzVaTTkgNzkuOTczNUM2LjY2NTY0IDc5Ljk3MzUgNC44MzE1IDgxLjcyMDMgNC44MzE1IDgzLjk0MzVDNC44MzE1IDg2LjE2NjcgNi42NjU2NCA4Ny45MTM1IDkgODcuOTEzNUMxMS4zMzQ0IDg3LjkxMzUgMTMuMTY4NSA4Ni4xNjY3IDEzLjE2ODUgODMuOTQzNUMxMy4xNjg1IDgxLjcyMDMgMTEuMzM0NCA3OS45NzM1IDkgNzkuOTczNVpNOSA4Ni4zMjU1QzcuNTgyNzEgODYuMzI1NSA2LjQ5ODkgODUuMjkzMyA2LjQ5ODkgODMuOTQzNUM2LjQ5ODkgODIuNTkzNyA3LjU4MjcxIDgxLjU2MTUgOSA4MS41NjE1QzEwLjQxNzMgODEuNTYxNSAxMS41MDExIDgyLjU5MzcgMTEuNTAxMSA4My45NDM1QzExLjUwMTEgODUuMjkzMyAxMC40MTczIDg2LjMyNTUgOSA4Ni4zMjU1Wk0xNC4wMDIyIDc5Ljk3MzVDMTQuMDAyMiA4MC40MTIgMTMuNjI4OSA4MC43Njc1IDEzLjE2ODUgODAuNzY3NUMxMi43MDgxIDgwLjc2NzUgMTIuMzM0OCA4MC40MTIgMTIuMzM0OCA3OS45NzM1QzEyLjMzNDggNzkuNTM1IDEyLjcwODEgNzkuMTc5NSAxMy4xNjg1IDc5LjE3OTVDMTMuNjI4OSA3OS4xNzk1IDE0LjAwMjIgNzkuNTM1IDE0LjAwMjIgNzkuOTczNVoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8cGF0aCBkPSJNMTQuODI4MSAxMTMuODgzSDMuMTcxODZDMi41OTIyMSAxMTMuODgzIDIuMDM2MzEgMTE0LjExNCAxLjYyNjQ0IDExNC41MjRDMS4yMTY1NiAxMTQuOTM0IDAuOTg2MzAxIDExNS40ODkgMC45ODYzMDEgMTE2LjA2OUwwLjk4NjMwMSAxMjcuNzI1QzAuOTg2MzAxIDEyOC4zMDUgMS4yMTY1NiAxMjguODYxIDEuNjI2NDQgMTI5LjI3MUMyLjAzNjMxIDEyOS42ODEgMi41OTIyMSAxMjkuOTExIDMuMTcxODYgMTI5LjkxMUgxNC44MjgxQzE1LjQwNzggMTI5LjkxMSAxNS45NjM3IDEyOS42ODEgMTYuMzczNiAxMjkuMjcxQzE2Ljc4MzQgMTI4Ljg2MSAxNy4wMTM3IDEyOC4zMDUgMTcuMDEzNyAxMjcuNzI1VjExNi4wNjlDMTcuMDEzNyAxMTUuNDg5IDE2Ljc4MzQgMTE0LjkzNCAxNi4zNzM2IDExNC41MjRDMTUuOTYzNyAxMTQuMTE0IDE1LjQwNzggMTEzLjg4MyAxNC44MjgxIDExMy44ODNaTTYuNDUwMTkgMTI2LjU2N0M2LjQ1MDMxIDEyNi42MTEgNi40NDE2NiAxMjYuNjU1IDYuNDI0NzMgMTI2LjY5N0M2LjQwNzgxIDEyNi43MzggNi4zODI5NCAxMjYuNzc1IDYuMzUxNTYgMTI2LjgwNkM2LjMyMDE3IDEyNi44MzggNi4yODI4OSAxMjYuODYzIDYuMjQxODQgMTI2Ljg4QzYuMjAwNzkgMTI2Ljg5NyA2LjE1Njc4IDEyNi45MDYgNi4xMTIzNCAxMjYuOTA2SDQuNjcyNkM0LjYyODA4IDEyNi45MDYgNC41ODM5OCAxMjYuODk3IDQuNTQyODIgMTI2Ljg4QzQuNTAxNjcgMTI2Ljg2MyA0LjQ2NDI4IDEyNi44MzggNC40MzI3OSAxMjYuODA3QzQuNDAxMzEgMTI2Ljc3NSA0LjM3NjM3IDEyNi43MzggNC4zNTkzOCAxMjYuNjk3QzQuMzQyNCAxMjYuNjU2IDQuMzMzNzIgMTI2LjYxMiA0LjMzMzg0IDEyNi41NjdWMTIwLjUzMUM0LjMzMzg0IDEyMC40NDEgNC4zNjk1MyAxMjAuMzU1IDQuNDMzMDYgMTIwLjI5MkM0LjQ5NjU5IDEyMC4yMjggNC41ODI3NiAxMjAuMTkyIDQuNjcyNiAxMjAuMTkySDYuMTEyMzRDNi4yMDIwMiAxMjAuMTkzIDYuMjg3OTYgMTIwLjIyOSA2LjM1MTI5IDEyMC4yOTJDNi40MTQ2MiAxMjAuMzU2IDYuNDUwMTkgMTIwLjQ0MiA2LjQ1MDE5IDEyMC41MzFWMTI2LjU2N1pNNS4zOTIwMSAxMTkuNjIxQzUuMTIxODUgMTE5LjYyMSA0Ljg1Nzc1IDExOS41NCA0LjYzMzEyIDExOS4zOUM0LjQwODQ5IDExOS4yNCA0LjIzMzQxIDExOS4wMjcgNC4xMzAwMiAxMTguNzc3QzQuMDI2NjMgMTE4LjUyOCAzLjk5OTU4IDExOC4yNTMgNC4wNTIyOSAxMTcuOTg4QzQuMTA1IDExNy43MjMgNC4yMzUwOSAxMTcuNDggNC40MjYxMyAxMTcuMjg5QzQuNjE3MTYgMTE3LjA5OCA0Ljg2MDU1IDExNi45NjggNS4xMjU1MyAxMTYuOTE1QzUuMzkwNSAxMTYuODYyIDUuNjY1MTUgMTE2Ljg4OSA1LjkxNDc1IDExNi45OTNDNi4xNjQzNSAxMTcuMDk2IDYuMzc3NjggMTE3LjI3MSA2LjUyNzc4IDExNy40OTZDNi42Nzc4NyAxMTcuNzIgNi43NTc5OSAxMTcuOTg0IDYuNzU3OTkgMTE4LjI1NUM2Ljc1Nzk5IDExOC42MTcgNi42MTQwNyAxMTguOTY0IDYuMzU3OSAxMTkuMjJDNi4xMDE3MyAxMTkuNDc3IDUuNzU0MjkgMTE5LjYyMSA1LjM5MjAxIDExOS42MjFaTTEzLjk3NTggMTI2LjU5MUMxMy45NzU5IDEyNi42MzIgMTMuOTY3OSAxMjYuNjcyIDEzLjk1MjMgMTI2LjcxQzEzLjkzNjcgMTI2Ljc0OCAxMy45MTM4IDEyNi43ODIgMTMuODg0OCAxMjYuODExQzEzLjg1NTkgMTI2Ljg0IDEzLjgyMTUgMTI2Ljg2MyAxMy43ODM3IDEyNi44NzlDMTMuNzQ1OCAxMjYuODk0IDEzLjcwNTMgMTI2LjkwMiAxMy42NjQzIDEyNi45MDJIMTIuMTE2MkMxMi4wNzUzIDEyNi45MDIgMTIuMDM0OCAxMjYuODk0IDExLjk5NjkgMTI2Ljg3OUMxMS45NTkxIDEyNi44NjMgMTEuOTI0NyAxMjYuODQgMTEuODk1NyAxMjYuODExQzExLjg2NjggMTI2Ljc4MiAxMS44NDM5IDEyNi43NDggMTEuODI4MyAxMjYuNzFDMTEuODEyNiAxMjYuNjcyIDExLjgwNDcgMTI2LjYzMiAxMS44MDQ4IDEyNi41OTFWMTIzLjc2M0MxMS44MDQ4IDEyMy4zNDEgMTEuOTI4NiAxMjEuOTEzIDEwLjcwMDIgMTIxLjkxM0M5Ljc0ODU1IDEyMS45MTMgOS41NTQ1OCAxMjIuODkgOS41MTYzNCAxMjMuMzI5VjEyNi41OTRDOS41MTYzNSAxMjYuNjc2IDkuNDg0MTYgMTI2Ljc1NSA5LjQyNjczIDEyNi44MTNDOS4zNjkzMSAxMjYuODcxIDkuMjkxMjYgMTI2LjkwNSA5LjIwOTQ1IDEyNi45MDZINy43MTQxN0M3LjY3MzMxIDEyNi45MDYgNy42MzI4NiAxMjYuODk4IDcuNTk1MTIgMTI2Ljg4MkM3LjU1NzM5IDEyNi44NjYgNy41MjMxMSAxMjYuODQzIDcuNDk0MjYgMTI2LjgxNEM3LjQ2NTQyIDEyNi43ODYgNy40NDI1NiAxMjYuNzUxIDcuNDI3MDEgMTI2LjcxM0M3LjQxMTQ2IDEyNi42NzYgNy40MDM1MiAxMjYuNjM1IDcuNDAzNjQgMTI2LjU5NFYxMjAuNTA1QzcuNDAzNTIgMTIwLjQ2NCA3LjQxMTQ2IDEyMC40MjMgNy40MjcwMSAxMjAuMzg2QzcuNDQyNTYgMTIwLjM0OCA3LjQ2NTQyIDEyMC4zMTQgNy40OTQyNiAxMjAuMjg1QzcuNTIzMTEgMTIwLjI1NiA3LjU1NzM5IDEyMC4yMzMgNy41OTUxMiAxMjAuMjE3QzcuNjMyODYgMTIwLjIwMSA3LjY3MzMxIDEyMC4xOTMgNy43MTQxNyAxMjAuMTkzSDkuMjA5NDVDOS4yOTIwNSAxMjAuMTkzIDkuMzcxMjcgMTIwLjIyNiA5LjQyOTY3IDEyMC4yODVDOS40ODgwOCAxMjAuMzQzIDkuNTIwODkgMTIwLjQyMiA5LjUyMDg5IDEyMC41MDVWMTIxLjAzMUM5Ljg3NDIyIDEyMC41IDEwLjM5NzggMTIwLjA5MiAxMS41MTUyIDEyMC4wOTJDMTMuOTkwMyAxMjAuMDkyIDEzLjk3NCAxMjIuNDA0IDEzLjk3NCAxMjMuNjczTDEzLjk3NTggMTI2LjU5MVoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4K") center/contain no-repeat;
  mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTMwIiB2aWV3Qm94PSIwIDAgMTggMTMwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGFyaWEtaGlkZGVuPSJ0cnVlIiBmb2N1c2FibGU9ImZhbHNlIj4KPHBhdGggZD0iTTcuMDQ2MzggOS4yMjYwMUM2Ljk4NTAxIDkuMjI2MDEgNS42MzQ4NiA5LjIyNjAxIDUuMDIxMTUgOS4yMjYwMUM0LjY5Mzg1IDkuMjI2MDEgNC41OTE1NiA5LjEwMzI3IDQuNTkxNTYgOC43OTY0MkM0LjU5MTU2IDcuOTc4MTUgNC41OTE1NiA3LjEzOTQyIDQuNTkxNTYgNi4zMjExNUM0LjU5MTU2IDUuOTkzODQgNC43MTQzIDUuODkxNTYgNS4wMjExNSA1Ljg5MTU2SDcuMDQ2MzhDNy4wNDYzOCA1LjgzMDE5IDcuMDQ2MzggNC42NDM2OSA3LjA0NjM4IDQuMDkxMzZDNy4wNDYzOCAzLjI3MzA5IDcuMTg5NTcgMi40OTU3MyA3LjU5ODcxIDEuNzc5NzRDOC4wMjgzIDEuMDQzMyA4LjY0MjAxIDAuNTUyMzMzIDkuNDE5MzYgMC4yNjU5MzhDOS45MzA3OCAwLjA4MTgyNyAxMC40NDIyIDAgMTAuOTk0NSAwSDEyLjk5OTNDMTMuMjg1NyAwIDEzLjQwODQgMC4xMjI3NDEgMTMuNDA4NCAwLjQwOTEzNlYyLjc0MTIxQzEzLjQwODQgMy4wMjc2MSAxMy4yODU3IDMuMTUwMzUgMTIuOTk5MyAzLjE1MDM1QzEyLjQ0NyAzLjE1MDM1IDExLjg5NDYgMy4xNTAzNSAxMS4zNDIzIDMuMTcwOEMxMC43OSAzLjE3MDggMTAuNTAzNiAzLjQzNjc0IDEwLjUwMzYgNC4wMDk1M0MxMC40ODMxIDQuNjIzMjQgMTAuNTAzNiA1LjIxNjQ4IDEwLjUwMzYgNS44NTA2NEgxMi44NzY2QzEzLjIwMzkgNS44NTA2NCAxMy4zMjY2IDUuOTczMzggMTMuMzI2NiA2LjMwMDY5VjguNzc1OTZDMTMuMzI2NiA5LjEwMzI3IDEzLjIyNDMgOS4yMDU1NiAxMi44NzY2IDkuMjA1NTZDMTIuMTQwMSA5LjIwNTU2IDEwLjU2NDkgOS4yMDU1NiAxMC41MDM2IDkuMjA1NTZWMTUuODc0NUMxMC41MDM2IDE2LjIyMjIgMTAuNDAxMyAxNi4zNDUgMTAuMDMzMSAxNi4zNDVDOS4xNzM4OCAxNi4zNDUgOC4zMzUxNSAxNi4zNDUgNy40NzU5NyAxNi4zNDVDNy4xNjkxMiAxNi4zNDUgNy4wNDYzOCAxNi4yMjIyIDcuMDQ2MzggMTUuOTE1NEM3LjA0NjM4IDEzLjc2NzQgNy4wNDYzOCA5LjI4NzM4IDcuMDQ2MzggOS4yMjYwMVoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8cGF0aCBkPSJNMTcuOTIwNSA0MS4wMjUzQzE3LjgxNDEgNDAuODUyMSAxNy42MTkzIDQwLjc1NCAxNy40MTY2IDQwLjc3MTZMMTYuNTE5MSA0MC44NDk4TDE3LjM3NyAzOS4xMjAzQzE3LjQ3OTIgMzguOTE0NCAxNy40Mzg4IDM4LjY2NjIgMTcuMjc2NyAzOC41MDMyQzE3LjExNDUgMzguMzQwMiAxNi44NjY1IDM4LjI5ODYgMTYuNjYwMSAzOC4zOTk3TDE0LjM4OTQgMzkuNTExN0MxMi45ODY2IDM4Ljc3MTEgMTEuMjMzOSAzOC45OTEgMTAuMDI3OSA0MC4wODk2QzkuMDIxNCA0MS4wMDY0IDguNDkyMzMgNDIuNDE2NSA4LjU5MDk4IDQzLjgyMjZDNS45NjAyNiA0My41NTg5IDMuNzMzNDYgNDIuMDUzMSAyLjQxNjcxIDM5LjYyMDFDMi4zMjkzNSAzOS40NTg3IDIuMTY1NTYgMzkuMzUzMSAxLjk4MjUgMzkuMzQwMUMxLjc5OTA5IDM5LjMyNzQgMS42MjIzOSAzOS40MDg3IDEuNTEzMTkgMzkuNTU2MkMwLjY5NjUxMSA0MC42NTk1IDAuNjM5MjA3IDQyLjE3MjIgMS4yNzk0NCA0My40MTY3QzEuMTAyOTUgNDMuMzcyMSAwLjkxNTE0OSA0My4zMTE4IDAuNzA2ODgyIDQzLjI0MjJDMC41Mjg0NjQgNDMuMTgyNiAwLjMzMTc2NCA0My4yMjA4IDAuMTg4NTcyIDQzLjM0MjhDMC4wNDUzODAxIDQzLjQ2NDkgLTAuMDIzNDU2IDQzLjY1MyAwLjAwNzE2NTE1IDQzLjgzODdDMC4yNjA1MDIgNDUuMzc0NiAxLjE1NjE1IDQ2LjU1NSAyLjU3MDk4IDQ3LjI1MzdDMi4zODY3NiA0Ny4zMTc5IDIuMTk4NzggNDcuMzcgMi4wMDc2MyA0Ny40MDk4QzEuODE3NzIgNDcuNDQ5NCAxLjY2Mzk0IDQ3LjU4ODMgMS42MDU0MSA0Ny43NzMzQzEuNTQ2ODcgNDcuOTU4MiAxLjU5MjY1IDQ4LjE2MDMgMS43MjUxOSA0OC4zMDJDMi43NDQwNSA0OS4zOTExIDQuMjE1ODQgNDkuOTI3MSA1LjI2MTI1IDUwLjE4NDJDNC4wNzI2MSA1MS4xMTUxIDIuNzg5NTEgNTEuMjcwOCAwLjkyNTAyOCA1MS4yMDY4QzAuNzA5MjAzIDUxLjIwMDMgMC41MTAzNTggNTEuMzIxOSAwLjQxOTYyIDUxLjUxNzVDMC4zMjg5MTYgNTEuNzEzMiAwLjM2NDEwOCA1MS45NDQyIDAuNTA5MDU4IDUyLjEwMzlDMS4yODYyOSA1Mi45NjA3IDQuMTE4IDUzLjkyNjcgNy4wOTQ3NiA1My45OTkxQzcuMjEyNSA1NC4wMDIgNy4zMzI1OSA1NC4wMDM1IDcuNDU1MjIgNTQuMDAzNUM5LjU0NTMgNTQuMDAzNSAxMi4zMDc2IDUzLjU1NTQgMTQuMjkwMyA1MS41NzI3QzE1Ljc5MSA1MC4wNzIgMTYuNzI5NyA0OC4zNDQ0IDE3LjA4MDIgNDYuNDM4QzE3LjM2MzIgNDQuODk4MyAxNy4xODQzIDQzLjY2NTMgMTcuMDk4NCA0My4wNzI3QzE3LjA5MiA0My4wMjkxIDE3LjA4NTMgNDIuOTgyOSAxNy4wNzk4IDQyLjk0MjVMMTcuOTE5NCA0MS41ODkzQzE4LjAyNjUgNDEuNDE2NyAxOC4wMjY5IDQxLjE5ODQgMTcuOTIwNSA0MS4wMjUzWiIgZmlsbD0iY3VycmVudENvbG9yIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTMuMTY4NSA3Ni4wMDM1SDQuODMxNUMyLjQ5NzE0IDc2LjAwMzUgMC42NjMwMDYgNzcuNzUwMyAwLjY2MzAwNiA3OS45NzM1Vjg3LjkxMzVDMC42NjMwMDYgOTAuMTM2NyAyLjQ5NzE0IDkxLjg4MzUgNC44MzE1IDkxLjg4MzVIMTMuMTY4NUMxNS41MDI5IDkxLjg4MzUgMTcuMzM3IDkwLjEzNjcgMTcuMzM3IDg3LjkxMzVWNzkuOTczNUMxNy4zMzcgNzcuNzUwMyAxNS41MDI5IDc2LjAwMzUgMTMuMTY4NSA3Ni4wMDM1Wk0xNS42Njk2IDg3LjkxMzVDMTUuNjY5NiA4OS4yNjMzIDE0LjU4NTggOTAuMjk1NSAxMy4xNjg1IDkwLjI5NTVINC44MzE1QzMuNDE0MjEgOTAuMjk1NSAyLjMzMDQgODkuMjYzMyAyLjMzMDQgODcuOTEzNVY3OS45NzM1QzIuMzMwNCA3OC42MjM3IDMuNDE0MjEgNzcuNTkxNSA0LjgzMTUgNzcuNTkxNUgxMy4xNjg1QzE0LjU4NTggNzcuNTkxNSAxNS42Njk2IDc4LjYyMzcgMTUuNjY5NiA3OS45NzM1Vjg3LjkxMzVaTTkgNzkuOTczNUM2LjY2NTY0IDc5Ljk3MzUgNC44MzE1IDgxLjcyMDMgNC44MzE1IDgzLjk0MzVDNC44MzE1IDg2LjE2NjcgNi42NjU2NCA4Ny45MTM1IDkgODcuOTEzNUMxMS4zMzQ0IDg3LjkxMzUgMTMuMTY4NSA4Ni4xNjY3IDEzLjE2ODUgODMuOTQzNUMxMy4xNjg1IDgxLjcyMDMgMTEuMzM0NCA3OS45NzM1IDkgNzkuOTczNVpNOSA4Ni4zMjU1QzcuNTgyNzEgODYuMzI1NSA2LjQ5ODkgODUuMjkzMyA2LjQ5ODkgODMuOTQzNUM2LjQ5ODkgODIuNTkzNyA3LjU4MjcxIDgxLjU2MTUgOSA4MS41NjE1QzEwLjQxNzMgODEuNTYxNSAxMS41MDExIDgyLjU5MzcgMTEuNTAxMSA4My45NDM1QzExLjUwMTEgODUuMjkzMyAxMC40MTczIDg2LjMyNTUgOSA4Ni4zMjU1Wk0xNC4wMDIyIDc5Ljk3MzVDMTQuMDAyMiA4MC40MTIgMTMuNjI4OSA4MC43Njc1IDEzLjE2ODUgODAuNzY3NUMxMi43MDgxIDgwLjc2NzUgMTIuMzM0OCA4MC40MTIgMTIuMzM0OCA3OS45NzM1QzEyLjMzNDggNzkuNTM1IDEyLjcwODEgNzkuMTc5NSAxMy4xNjg1IDc5LjE3OTVDMTMuNjI4OSA3OS4xNzk1IDE0LjAwMjIgNzkuNTM1IDE0LjAwMjIgNzkuOTczNVoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8cGF0aCBkPSJNMTQuODI4MSAxMTMuODgzSDMuMTcxODZDMi41OTIyMSAxMTMuODgzIDIuMDM2MzEgMTE0LjExNCAxLjYyNjQ0IDExNC41MjRDMS4yMTY1NiAxMTQuOTM0IDAuOTg2MzAxIDExNS40ODkgMC45ODYzMDEgMTE2LjA2OUwwLjk4NjMwMSAxMjcuNzI1QzAuOTg2MzAxIDEyOC4zMDUgMS4yMTY1NiAxMjguODYxIDEuNjI2NDQgMTI5LjI3MUMyLjAzNjMxIDEyOS42ODEgMi41OTIyMSAxMjkuOTExIDMuMTcxODYgMTI5LjkxMUgxNC44MjgxQzE1LjQwNzggMTI5LjkxMSAxNS45NjM3IDEyOS42ODEgMTYuMzczNiAxMjkuMjcxQzE2Ljc4MzQgMTI4Ljg2MSAxNy4wMTM3IDEyOC4zMDUgMTcuMDEzNyAxMjcuNzI1VjExNi4wNjlDMTcuMDEzNyAxMTUuNDg5IDE2Ljc4MzQgMTE0LjkzNCAxNi4zNzM2IDExNC41MjRDMTUuOTYzNyAxMTQuMTE0IDE1LjQwNzggMTEzLjg4MyAxNC44MjgxIDExMy44ODNaTTYuNDUwMTkgMTI2LjU2N0M2LjQ1MDMxIDEyNi42MTEgNi40NDE2NiAxMjYuNjU1IDYuNDI0NzMgMTI2LjY5N0M2LjQwNzgxIDEyNi43MzggNi4zODI5NCAxMjYuNzc1IDYuMzUxNTYgMTI2LjgwNkM2LjMyMDE3IDEyNi44MzggNi4yODI4OSAxMjYuODYzIDYuMjQxODQgMTI2Ljg4QzYuMjAwNzkgMTI2Ljg5NyA2LjE1Njc4IDEyNi45MDYgNi4xMTIzNCAxMjYuOTA2SDQuNjcyNkM0LjYyODA4IDEyNi45MDYgNC41ODM5OCAxMjYuODk3IDQuNTQyODIgMTI2Ljg4QzQuNTAxNjcgMTI2Ljg2MyA0LjQ2NDI4IDEyNi44MzggNC40MzI3OSAxMjYuODA3QzQuNDAxMzEgMTI2Ljc3NSA0LjM3NjM3IDEyNi43MzggNC4zNTkzOCAxMjYuNjk3QzQuMzQyNCAxMjYuNjU2IDQuMzMzNzIgMTI2LjYxMiA0LjMzMzg0IDEyNi41NjdWMTIwLjUzMUM0LjMzMzg0IDEyMC40NDEgNC4zNjk1MyAxMjAuMzU1IDQuNDMzMDYgMTIwLjI5MkM0LjQ5NjU5IDEyMC4yMjggNC41ODI3NiAxMjAuMTkyIDQuNjcyNiAxMjAuMTkySDYuMTEyMzRDNi4yMDIwMiAxMjAuMTkzIDYuMjg3OTYgMTIwLjIyOSA2LjM1MTI5IDEyMC4yOTJDNi40MTQ2MiAxMjAuMzU2IDYuNDUwMTkgMTIwLjQ0MiA2LjQ1MDE5IDEyMC41MzFWMTI2LjU2N1pNNS4zOTIwMSAxMTkuNjIxQzUuMTIxODUgMTE5LjYyMSA0Ljg1Nzc1IDExOS41NCA0LjYzMzEyIDExOS4zOUM0LjQwODQ5IDExOS4yNCA0LjIzMzQxIDExOS4wMjcgNC4xMzAwMiAxMTguNzc3QzQuMDI2NjMgMTE4LjUyOCAzLjk5OTU4IDExOC4yNTMgNC4wNTIyOSAxMTcuOTg4QzQuMTA1IDExNy43MjMgNC4yMzUwOSAxMTcuNDggNC40MjYxMyAxMTcuMjg5QzQuNjE3MTYgMTE3LjA5OCA0Ljg2MDU1IDExNi45NjggNS4xMjU1MyAxMTYuOTE1QzUuMzkwNSAxMTYuODYyIDUuNjY1MTUgMTE2Ljg4OSA1LjkxNDc1IDExNi45OTNDNi4xNjQzNSAxMTcuMDk2IDYuMzc3NjggMTE3LjI3MSA2LjUyNzc4IDExNy40OTZDNi42Nzc4NyAxMTcuNzIgNi43NTc5OSAxMTcuOTg0IDYuNzU3OTkgMTE4LjI1NUM2Ljc1Nzk5IDExOC42MTcgNi42MTQwNyAxMTguOTY0IDYuMzU3OSAxMTkuMjJDNi4xMDE3MyAxMTkuNDc3IDUuNzU0MjkgMTE5LjYyMSA1LjM5MjAxIDExOS42MjFaTTEzLjk3NTggMTI2LjU5MUMxMy45NzU5IDEyNi42MzIgMTMuOTY3OSAxMjYuNjcyIDEzLjk1MjMgMTI2LjcxQzEzLjkzNjcgMTI2Ljc0OCAxMy45MTM4IDEyNi43ODIgMTMuODg0OCAxMjYuODExQzEzLjg1NTkgMTI2Ljg0IDEzLjgyMTUgMTI2Ljg2MyAxMy43ODM3IDEyNi44NzlDMTMuNzQ1OCAxMjYuODk0IDEzLjcwNTMgMTI2LjkwMiAxMy42NjQzIDEyNi45MDJIMTIuMTE2MkMxMi4wNzUzIDEyNi45MDIgMTIuMDM0OCAxMjYuODk0IDExLjk5NjkgMTI2Ljg3OUMxMS45NTkxIDEyNi44NjMgMTEuOTI0NyAxMjYuODQgMTEuODk1NyAxMjYuODExQzExLjg2NjggMTI2Ljc4MiAxMS44NDM5IDEyNi43NDggMTEuODI4MyAxMjYuNzFDMTEuODEyNiAxMjYuNjcyIDExLjgwNDcgMTI2LjYzMiAxMS44MDQ4IDEyNi41OTFWMTIzLjc2M0MxMS44MDQ4IDEyMy4zNDEgMTEuOTI4NiAxMjEuOTEzIDEwLjcwMDIgMTIxLjkxM0M5Ljc0ODU1IDEyMS45MTMgOS41NTQ1OCAxMjIuODkgOS41MTYzNCAxMjMuMzI5VjEyNi41OTRDOS41MTYzNSAxMjYuNjc2IDkuNDg0MTYgMTI2Ljc1NSA5LjQyNjczIDEyNi44MTNDOS4zNjkzMSAxMjYuODcxIDkuMjkxMjYgMTI2LjkwNSA5LjIwOTQ1IDEyNi45MDZINy43MTQxN0M3LjY3MzMxIDEyNi45MDYgNy42MzI4NiAxMjYuODk4IDcuNTk1MTIgMTI2Ljg4MkM3LjU1NzM5IDEyNi44NjYgNy41MjMxMSAxMjYuODQzIDcuNDk0MjYgMTI2LjgxNEM3LjQ2NTQyIDEyNi43ODYgNy40NDI1NiAxMjYuNzUxIDcuNDI3MDEgMTI2LjcxM0M3LjQxMTQ2IDEyNi42NzYgNy40MDM1MiAxMjYuNjM1IDcuNDAzNjQgMTI2LjU5NFYxMjAuNTA1QzcuNDAzNTIgMTIwLjQ2NCA3LjQxMTQ2IDEyMC40MjMgNy40MjcwMSAxMjAuMzg2QzcuNDQyNTYgMTIwLjM0OCA3LjQ2NTQyIDEyMC4zMTQgNy40OTQyNiAxMjAuMjg1QzcuNTIzMTEgMTIwLjI1NiA3LjU1NzM5IDEyMC4yMzMgNy41OTUxMiAxMjAuMjE3QzcuNjMyODYgMTIwLjIwMSA3LjY3MzMxIDEyMC4xOTMgNy43MTQxNyAxMjAuMTkzSDkuMjA5NDVDOS4yOTIwNSAxMjAuMTkzIDkuMzcxMjcgMTIwLjIyNiA5LjQyOTY3IDEyMC4yODVDOS40ODgwOCAxMjAuMzQzIDkuNTIwODkgMTIwLjQyMiA5LjUyMDg5IDEyMC41MDVWMTIxLjAzMUM5Ljg3NDIyIDEyMC41IDEwLjM5NzggMTIwLjA5MiAxMS41MTUyIDEyMC4wOTJDMTMuOTkwMyAxMjAuMDkyIDEzLjk3NCAxMjIuNDA0IDEzLjk3NCAxMjMuNjczTDEzLjk3NTggMTI2LjU5MVoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4K") center/contain no-repeat;
}

html.js .hero-2__social-hit.is-social-enter {
  opacity: 0;
  will-change: opacity, transform;
}

@media (prefers-reduced-motion: reduce) {
  html.js .hero-2__social-hit.is-social-enter {
    opacity: 1;
    will-change: auto;
  }
}
.hero-2__social-hit--facebook {
  top: 0;
  height: 20%;
}
.hero-2__social-hit--facebook .hero-2__social-hit-mark {
  top: 0;
}

.hero-2__social-hit--twitter {
  top: 28%;
  height: 20%;
}
.hero-2__social-hit--twitter .hero-2__social-hit-mark {
  top: calc(var(--layout-hero2-social-height) * -0.28);
}

.hero-2__social-hit--instagram {
  top: 56%;
  height: 18%;
}
.hero-2__social-hit--instagram .hero-2__social-hit-mark {
  top: calc(var(--layout-hero2-social-height) * -0.56);
}

.hero-2__social-hit--linkedin {
  top: 84%;
  height: 16%;
}
.hero-2__social-hit--linkedin .hero-2__social-hit-mark {
  top: calc(var(--layout-hero2-social-height) * -0.84);
}

@media (min-width: 768px) {
  .hero-2__inner {
    grid-template-columns: minmax(0, var(--layout-hero2-tablet-aside-width)) minmax(0, 1fr);
  }
  .hero-2__aside {
    gap: var(--layout-hero2-tablet-aside-gap);
  }
}
@media (min-width: 1024px) {
  .hero-2__inner {
    grid-template-columns: minmax(0, var(--layout-hero2-aside-width)) var(--layout-hero2-rail-width) minmax(0, 1fr) auto;
    column-gap: var(--layout-hero2-columns-gap);
    align-items: stretch;
  }
  .hero-2__aside {
    gap: var(--layout-hero2-aside-gap);
  }
  .hero-2__rail {
    display: grid;
    grid-template-columns: 1px 1fr 1px;
    align-items: center;
    justify-items: center;
    min-height: 100%;
    column-gap: var(--layout-hero2-rail-gap);
  }
  .hero-2__rail-line {
    width: 1px;
    height: 100%;
    min-height: 20rem;
    background-color: var(--color-border-base);
  }
  .hero-2__email {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
  }
  .hero-2__main {
    display: grid;
    align-content: start;
    padding-block-start: var(--space-2);
  }
  .hero-2__title {
    font-size: var(--layout-hero2-title-size);
    line-height: var(--layout-hero2-title-leading);
  }
  .hero-2__actions {
    margin-top: var(--space-8);
  }
  .hero-2__cta {
    gap: var(--layout-hero2-cta-gap);
    min-width: 0;
  }
  .hero-2__social {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--layout-hero2-social-label-gap);
    padding-block-start: var(--space-8);
    color: var(--color-ink-white);
  }
  .hero-2__follow {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
  }
}
.hero-3 {
  padding-block: var(--layout-hero3-pad-block-start) var(--layout-hero3-pad-block-end);
  overflow: hidden;
}

.hero-3__inner {
  container-type: inline-size;
  max-width: calc(var(--layout-hero3-content-max) + 2 * var(--layout-hero3-pad-inline));
  padding-inline: var(--layout-hero3-pad-inline);
}

.hero-3__title {
  margin: 0;
  font-family: var(--font-family-display);
  font-size: var(--layout-hero3-title-size);
  line-height: var(--layout-hero3-title-leading);
  font-weight: var(--font-weight-extrabold);
  letter-spacing: var(--font-tracking-none);
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--color-brand-1);
}

.hero-3__title-line {
  display: block;
}

.hero-3__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--layout-hero3-meta-gap);
  margin-block-start: var(--space-2);
}

.hero-3__place {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--layout-hero3-place-row-gap) var(--layout-hero3-place-gap);
  margin: 0;
  font-size: var(--font-size-h5);
  line-height: 1;
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-primary);
}

.hero-3__location {
  flex: 0 0 100%;
  white-space: nowrap;
}

.hero-3__dot {
  display: block;
  flex: 0 0 auto;
  width: var(--layout-hero3-dot-size);
  height: var(--layout-hero3-dot-size);
  border-radius: 50%;
  background-color: var(--color-brand-1);
}

.hero-3__coords {
  font-family: var(--font-family-meta);
  font-size: var(--font-size-3xl);
  line-height: var(--layout-hero3-meta-leading);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--color-ink-white);
}

.hero-3__trust {
  margin: 0;
  font-family: var(--font-family-meta);
  font-size: var(--font-size-3xl);
  line-height: var(--layout-hero3-meta-leading);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  text-align: start;
  color: var(--color-ink-white);
}

.hero-3__trust-line {
  display: block;
}

.hero-3__slider {
  margin-block-start: var(--layout-hero3-slider-gap);
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
}
.hero-3__slider::-webkit-scrollbar {
  display: none;
}

.js .hero-3__slider {
  overflow: hidden;
  cursor: grab;
  touch-action: pan-y;
  user-select: none;
}
.js .hero-3__slider.is-dragging {
  cursor: grabbing;
}

.hero-3__track {
  display: flex;
  flex-wrap: nowrap;
  width: max-content;
  will-change: transform;
}

.hero-3__group {
  display: flex;
  flex-wrap: nowrap;
  flex-shrink: 0;
  align-items: flex-start;
  gap: var(--layout-hero3-slide-gap);
  margin: 0;
  padding: 0;
  padding-inline-end: var(--layout-hero3-slide-gap);
  list-style: none;
}

.hero-3__slide {
  flex: 0 0 auto;
  width: var(--layout-hero3-slide-width-mobile);
}

.hero-3__slide-img {
  display: block;
  width: 100%;
  height: auto;
}

@media (min-width: 768px) {
  .hero-3__place {
    flex-wrap: nowrap;
  }
  .hero-3__location {
    flex: 0 0 auto;
  }
}
@media (min-width: 1024px) {
  .hero-3__meta {
    margin-block-start: 0;
  }
  .hero-3__trust {
    text-align: end;
  }
  .hero-3__slide {
    width: var(--layout-hero3-slide-width);
  }
}
@media (prefers-reduced-motion: reduce) {
  .js .hero-3__slider {
    overflow-x: auto;
    cursor: auto;
    user-select: auto;
  }
}
.about-1 {
  padding-block: var(--space-10) var(--space-10);
}

.about-1__inner {
  display: grid;
  gap: var(--space-8);
}

.about-1__eyebrow {
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-primary);
}

.about-1__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-about1-stack-gap);
  max-width: var(--layout-about1-content-max);
}

.about-1__title {
  margin: 0;
  font-size: var(--font-size-h1);
  line-height: var(--font-leading-h1);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-primary);
  text-wrap: pretty;
}

.about-1__body {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  max-width: var(--layout-about1-body-max);
}

.about-1__text {
  margin: 0;
  font-size: var(--font-size-3xl);
  line-height: var(--font-leading-3xl);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-primary);
}

.about-1__text--muted {
  color: var(--color-text-secondary);
}

.about-1__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  padding-inline: var(--layout-about1-cta-padding-inline);
  padding-block: var(--layout-about1-cta-padding-block);
  border-radius: var(--layout-about1-cta-radius);
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  font-weight: var(--font-weight-regular);
  white-space: nowrap;
  color: var(--color-text-primary);
  background-color: var(--color-surface-subtle);
}

.about-1__cta-label {
  flex-shrink: 0;
}

.about-1__cta-arrow {
  display: block;
  flex-shrink: 0;
  overflow: hidden;
  height: var(--layout-about1-cta-arrow-size);
  max-width: 0;
  margin-inline-start: 0;
  opacity: 0;
  color: inherit;
  transition: max-width var(--motion-duration-instant) var(--motion-easing-standard), margin-inline-start var(--motion-duration-instant) var(--motion-easing-standard), opacity var(--motion-duration-instant) var(--motion-easing-standard);
}
.about-1__cta-arrow svg {
  display: block;
  width: var(--layout-about1-cta-arrow-size);
  height: var(--layout-about1-cta-arrow-size);
}

.about-1__cta:hover .about-1__cta-arrow,
.about-1__cta:focus-visible .about-1__cta-arrow {
  max-width: var(--layout-about1-cta-arrow-size);
  margin-inline-start: var(--layout-about1-cta-gap);
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  .about-1__cta-arrow {
    transition: none;
  }
}
.about-1__aside {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: var(--layout-about1-aside-gap);
}

.about-1__thumb {
  position: relative;
  margin: 0;
  flex: 0 0 auto;
  width: var(--layout-about1-thumb-width);
  overflow: hidden;
  border-radius: var(--layout-about1-thumb-radius);
}

.about-1__thumb-link {
  position: relative;
  display: block;
  color: var(--color-ink-white);
}

.about-1__thumb-link::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background-color: color-mix(in srgb, var(--color-surface-inverse) calc(var(--layout-about1-thumb-overlay-opacity) * 100%), transparent);
  opacity: 0;
  transition: opacity var(--motion-duration-instant) var(--motion-easing-standard);
}

.about-1__thumb-link:hover::before,
.about-1__thumb-link:focus-visible::before {
  opacity: 1;
}

.about-1__thumb-play {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: grid;
  place-items: center;
  pointer-events: none;
}

.about-1__thumb-play::after {
  content: "";
  display: block;
  width: var(--layout-about1-thumb-play-mark);
  height: var(--layout-about1-thumb-play-mark);
  background-color: currentColor;
  clip-path: polygon(24% 8%, 96% 50%, 24% 92%);
  transition: transform var(--motion-duration-instant) var(--motion-easing-standard);
}

.about-1__thumb-link:hover .about-1__thumb-play::after,
.about-1__thumb-link:focus-visible .about-1__thumb-play::after {
  transform: scale(var(--motion-zoom));
}

.about-1__thumb-img {
  display: block;
  width: var(--layout-about1-thumb-width);
  height: var(--layout-about1-thumb-height);
  object-fit: cover;
}

.about-1__reel {
  display: none;
}

.about-1__reel.ginlined-content {
  display: block;
  box-sizing: border-box;
  width: fit-content;
  max-width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-radius: calc(var(--layout-lightbox-media-radius) - var(--layout-lightbox-frame-pad));
}

.about-1__reel-video {
  display: block;
  box-sizing: border-box;
  width: min(var(--layout-lightbox-media-max) - var(--layout-lightbox-frame-pad) * 2, (var(--layout-lightbox-media-max-height) - var(--layout-lightbox-frame-pad) * 2) * 16 / 9);
  max-width: 100%;
  height: auto;
  max-height: calc(var(--layout-lightbox-media-max-height) - var(--layout-lightbox-frame-pad) * 2);
  aspect-ratio: 16/9;
  object-fit: contain;
  background-color: var(--color-ink-black);
}

@media (prefers-reduced-motion: reduce) {
  .about-1__thumb-link::before,
  .about-1__thumb-play::after {
    transition: none;
  }
  .about-1__thumb-link:hover .about-1__thumb-play::after,
  .about-1__thumb-link:focus-visible .about-1__thumb-play::after {
    transform: none;
  }
}
.about-1__aside-main {
  display: flex;
  flex: 1 1 16rem;
  flex-direction: column;
  gap: var(--layout-about1-aside-copy-gap);
  max-width: 22rem;
}

.about-1__aside-copy {
  margin: 0;
  max-width: 22rem;
  font-size: var(--font-size-md);
  line-height: var(--font-leading-md);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
}

.about-1__stats {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-3);
  margin: 0;
  width: min(100%, var(--layout-about1-stats-row-width));
}

.about-1__stat {
  display: flex;
  flex-direction: column;
  gap: var(--layout-about1-stats-gap);
  margin: 0;
}

.about-1__stat-value {
  display: inline-flex;
  align-items: baseline;
  margin: 0;
  font-size: var(--font-size-h3);
  line-height: var(--font-leading-h3);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-primary);
}
.about-1__stat-value .digit-count {
  letter-spacing: normal;
}

.about-1__stat-suffix {
  flex-shrink: 0;
}

.about-1__stat-label {
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: var(--font-leading-sm);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
}

@media (min-width: 1024px) {
  .about-1__inner {
    grid-template-columns: minmax(0, 1fr) minmax(0, var(--layout-about1-content-max));
    grid-template-rows: auto 1fr;
    align-items: start;
    column-gap: var(--space-6);
    row-gap: var(--space-8);
  }
  .about-1__eyebrow {
    grid-column: 1;
    grid-row: 1;
  }
  .about-1__content {
    grid-column: 2;
    grid-row: 1/span 2;
    max-width: none;
    width: 100%;
  }
  .about-1__aside {
    grid-column: 1;
    grid-row: 2;
    align-self: end;
    flex-wrap: nowrap;
  }
}
.about-2 {
  padding-block: var(--space-10) var(--space-12);
}

.about-2__title {
  display: flex;
  flex-direction: column;
  margin: 0 0 var(--layout-about2-title-to-panel);
  max-width: var(--layout-about2-title-max);
  font-size: var(--layout-sectionTitle-mobile-size);
  line-height: var(--layout-sectionTitle-mobile-leading);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-primary);
}

.about-2__title-line {
  display: block;
}

.about-2__panel {
  padding-block-start: var(--layout-about2-panel-pad-top);
  margin-bottom: var(--layout-about2-panel-to-media);
  border-block-start: 1px solid var(--color-border-base);
}

.about-2__row {
  display: grid;
  gap: var(--layout-about2-row-gap);
}

.about-2__copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-about2-copy-gap);
  max-width: var(--layout-about2-copy-max);
}

.about-2__body {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.about-2__text {
  margin: 0;
  font-size: var(--font-size-xl);
  line-height: var(--font-leading-xl);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
}

.about-2__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  padding-inline: var(--layout-about2-cta-padding-inline);
  padding-block: var(--layout-about2-cta-padding-block);
  border-radius: var(--layout-about2-cta-radius);
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  font-weight: var(--font-weight-regular);
  white-space: nowrap;
  color: var(--color-button-text);
  background-color: var(--color-button-bg);
}

.about-2__cta-label {
  flex-shrink: 0;
}

.about-2__cta-arrow {
  display: block;
  flex-shrink: 0;
  overflow: hidden;
  height: var(--layout-about2-cta-arrow-size);
  max-width: 0;
  margin-inline-start: 0;
  opacity: 0;
  color: inherit;
  transition: max-width var(--motion-duration-instant) var(--motion-easing-standard), margin-inline-start var(--motion-duration-instant) var(--motion-easing-standard), opacity var(--motion-duration-instant) var(--motion-easing-standard);
}
.about-2__cta-arrow svg {
  display: block;
  width: var(--layout-about2-cta-arrow-size);
  height: var(--layout-about2-cta-arrow-size);
}

.about-2__cta:hover .about-2__cta-arrow,
.about-2__cta:focus-visible .about-2__cta-arrow {
  max-width: var(--layout-about2-cta-arrow-size);
  margin-inline-start: var(--layout-about2-cta-gap);
  opacity: 1;
}

.about-2__tags {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}

.about-2__tag {
  font-size: var(--font-size-h6);
  line-height: var(--layout-about2-tags-leading);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  text-transform: capitalize;
  color: var(--color-text-primary);
}

.about-2__media {
  position: relative;
  margin: 0;
  overflow: hidden;
  max-width: var(--layout-about2-image-width);
  aspect-ratio: var(--layout-about2-image-ratio);
}

.about-2__parallax {
  position: absolute;
  inset: calc(var(--layout-about2-parallax-overflow) * -1) 0;
  will-change: transform;
}

.about-2__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(var(--layout-about2-image-grayscale));
  transition: filter var(--motion-duration-instant) var(--motion-easing-standard);
}

.about-2__media:hover .about-2__image,
.about-2__media:focus-within .about-2__image {
  filter: grayscale(0%);
}

@media (prefers-reduced-motion: reduce) {
  .about-2__cta-arrow,
  .about-2__image {
    transition: none;
  }
  .about-2__parallax {
    inset: 0;
    will-change: auto;
  }
}
@media (min-width: 768px) {
  .about-2__title {
    font-size: var(--font-size-h1);
    line-height: var(--font-leading-h1);
  }
}
@media (min-width: 1024px) {
  .about-2__panel {
    margin-inline-start: auto;
    width: 75%;
  }
  .about-2__row {
    grid-template-columns: minmax(0, var(--layout-about2-copy-max)) auto;
    justify-content: space-between;
    align-items: start;
    column-gap: var(--space-8);
  }
  .about-2__tags {
    text-align: start;
    padding-block-start: var(--space-1);
  }
}
.projects-1 {
  padding-block: var(--space-10) var(--space-12);
}

.projects-1__header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--space-3);
  margin-bottom: var(--layout-projects1-header-gap);
}

.projects-1__title {
  margin: 0;
  font-size: var(--font-size-h1);
  line-height: var(--font-leading-h1);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-primary);
}

.projects-1__cta {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  gap: var(--space-1);
  width: min(100%, var(--layout-projects1-cta-width));
  color: var(--color-text-primary);
}
.projects-1__cta::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  background-color: var(--color-accent-base);
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform var(--motion-duration-instant) var(--motion-easing-standard);
}
.projects-1__cta:hover::before, .projects-1__cta:focus-visible::before {
  transform: scaleX(1);
  transform-origin: left center;
}

.projects-1__cta-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
  width: 100%;
}

.projects-1__cta-label {
  font-size: var(--font-size-sm);
  line-height: 1;
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
}
.projects-1__cta-label .text-flip {
  line-height: 1;
  vertical-align: baseline;
}

.projects-1__cta-arrow {
  flex: 0 0 auto;
  width: var(--layout-projects1-arrow-width);
  height: var(--layout-projects1-arrow-height);
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjEyIiBoZWlnaHQ9IjEwIiB2aWV3Qm94PSIwIDAgMTIgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGlkPSJBcnJvdyA1IChTdHJva2UpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcuNzk1NjcgMC4xOTg4NjlMMTEuODE1IDQuNTE5ODlDMTIuMDYxNyA0Ljc4NTA1IDEyLjA2MTcgNS4yMTQ5NSAxMS44MTUgNS40ODAxMUw3Ljc5NTY3IDkuODAxMTNDNy41NDkwMiAxMC4wNjYzIDcuMTQ5MTMgMTAuMDY2MyA2LjkwMjQ4IDkuODAxMTNDNi42NTU4NCA5LjUzNTk3IDYuNjU1ODQgOS4xMDYwNiA2LjkwMjQ4IDguODQwOUw5Ljg0MzY2IDUuNjc4OThIMC42MzE1NzlDMC4yODI3NjggNS42Nzg5OCAwIDUuMzc0OTkgMCA1QzAgNC42MjUwMSAwLjI4Mjc2OCA0LjMyMTAyIDAuNjMxNTc5IDQuMzIxMDJIOS44NDM2Nkw2LjkwMjQ4IDEuMTU5MUM2LjY1NTg0IDAuODkzOTM2IDYuNjU1ODQgMC40NjQwMjkgNi45MDI0OCAwLjE5ODg2OUM3LjE0OTEzIC0wLjA2NjI4OTggNy41NDkwMiAtMC4wNjYyODk4IDcuNzk1NjcgMC4xOTg4NjlaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4KPC9zdmc+Cg==") center/contain no-repeat;
  mask: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjEyIiBoZWlnaHQ9IjEwIiB2aWV3Qm94PSIwIDAgMTIgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGlkPSJBcnJvdyA1IChTdHJva2UpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcuNzk1NjcgMC4xOTg4NjlMMTEuODE1IDQuNTE5ODlDMTIuMDYxNyA0Ljc4NTA1IDEyLjA2MTcgNS4yMTQ5NSAxMS44MTUgNS40ODAxMUw3Ljc5NTY3IDkuODAxMTNDNy41NDkwMiAxMC4wNjYzIDcuMTQ5MTMgMTAuMDY2MyA2LjkwMjQ4IDkuODAxMTNDNi42NTU4NCA5LjUzNTk3IDYuNjU1ODQgOS4xMDYwNiA2LjkwMjQ4IDguODQwOUw5Ljg0MzY2IDUuNjc4OThIMC42MzE1NzlDMC4yODI3NjggNS42Nzg5OCAwIDUuMzc0OTkgMCA1QzAgNC42MjUwMSAwLjI4Mjc2OCA0LjMyMTAyIDAuNjMxNTc5IDQuMzIxMDJIOS44NDM2Nkw2LjkwMjQ4IDEuMTU5MUM2LjY1NTg0IDAuODkzOTM2IDYuNjU1ODQgMC40NjQwMjkgNi45MDI0OCAwLjE5ODg2OUM3LjE0OTEzIC0wLjA2NjI4OTggNy41NDkwMiAtMC4wNjYyODk4IDcuNzk1NjcgMC4xOTg4NjlaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4KPC9zdmc+Cg==") center/contain no-repeat;
}

.projects-1__cta::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: var(--color-text-primary);
}

.projects-1__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-6);
}

.projects-1__card {
  display: flex;
  flex-direction: column;
  gap: var(--layout-projects1-card-gap);
  color: inherit;
}

.projects-1__media {
  position: relative;
  margin: 0;
  overflow: hidden;
}
.projects-1__media .anim-zoomin-wrap {
  width: 100%;
  height: 100%;
  transition: transform var(--motion-duration-instant) var(--motion-easing-standard);
}

.projects-1__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: grid;
  place-items: center;
  background-color: color-mix(in srgb, var(--color-surface-subtle) calc(var(--layout-projects1-overlay-opacity) * 100%), transparent);
  color: var(--color-ink-white);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--motion-duration-instant) var(--motion-easing-standard);
}

.projects-1__eye {
  display: block;
  width: var(--layout-projects1-eye-width);
  height: var(--layout-projects1-eye-height);
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCA1MSAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSI+CjxwYXRoIGQ9Ik0xNyAwSDM0VjQuMjg1NzFIMTdWMFpNOC41IDguNTcxNDNWNC4yODU3MUgxN1Y4LjU3MTQzSDguNVpNNC4yNSAxMi44NTcxVjguNTcxNDNIOC41VjEyLjg1NzFINC4yNVpNNC4yNSAxNy4xNDI5VjEyLjg1NzFIMFYxNy4xNDI5SDQuMjVaTTguNSAyMS40Mjg2SDQuMjVWMTcuMTQyOUg4LjVWMjEuNDI4NlpNMTcgMjUuNzE0M0g4LjVWMjEuNDI4NkgxN1YyNS43MTQzWk0zNCAyNS43MTQzVjMwSDE3VjI1LjcxNDNIMzRaTTQyLjUgMjEuNDI4NlYyNS43MTQzSDM0VjIxLjQyODZINDIuNVpNNDYuNzUgMTcuMTQyOVYyMS40Mjg2SDQyLjVWMTcuMTQyOUg0Ni43NVpNNDYuNzUgMTIuODU3MUg1MVYxNy4xNDI5SDQ2Ljc1VjEyLjg1NzFaTTQyLjUgOC41NzE0M0g0Ni43NVYxMi44NTcxSDQyLjVWOC41NzE0M1pNNDIuNSA4LjU3MTQzVjQuMjg1NzFIMzRWOC41NzE0M0g0Mi41Wk0yMS4yNSAxMC43MTQzSDI5Ljc1VjE5LjI4NTdIMjEuMjVWMTAuNzE0M1oiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4K") center/contain no-repeat;
  mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCA1MSAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSI+CjxwYXRoIGQ9Ik0xNyAwSDM0VjQuMjg1NzFIMTdWMFpNOC41IDguNTcxNDNWNC4yODU3MUgxN1Y4LjU3MTQzSDguNVpNNC4yNSAxMi44NTcxVjguNTcxNDNIOC41VjEyLjg1NzFINC4yNVpNNC4yNSAxNy4xNDI5VjEyLjg1NzFIMFYxNy4xNDI5SDQuMjVaTTguNSAyMS40Mjg2SDQuMjVWMTcuMTQyOUg4LjVWMjEuNDI4NlpNMTcgMjUuNzE0M0g4LjVWMjEuNDI4NkgxN1YyNS43MTQzWk0zNCAyNS43MTQzVjMwSDE3VjI1LjcxNDNIMzRaTTQyLjUgMjEuNDI4NlYyNS43MTQzSDM0VjIxLjQyODZINDIuNVpNNDYuNzUgMTcuMTQyOVYyMS40Mjg2SDQyLjVWMTcuMTQyOUg0Ni43NVpNNDYuNzUgMTIuODU3MUg1MVYxNy4xNDI5SDQ2Ljc1VjEyLjg1NzFaTTQyLjUgOC41NzE0M0g0Ni43NVYxMi44NTcxSDQyLjVWOC41NzE0M1pNNDIuNSA4LjU3MTQzVjQuMjg1NzFIMzRWOC41NzE0M0g0Mi41Wk0yMS4yNSAxMC43MTQzSDI5Ljc1VjE5LjI4NTdIMjEuMjVWMTAuNzE0M1oiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4K") center/contain no-repeat;
  transform: scale(var(--motion-zoom-out));
  transition: transform var(--motion-duration-instant) var(--motion-easing-standard);
}

.projects-1__item:hover .projects-1__overlay,
.projects-1__item:focus-within .projects-1__overlay {
  opacity: 1;
}

.projects-1__item:hover .projects-1__eye,
.projects-1__item:focus-within .projects-1__eye {
  transform: none;
}

.projects-1__item:hover,
.projects-1__item:focus-within {
  z-index: 1;
}

.projects-1__item:hover .anim-zoomin-wrap,
.projects-1__item:focus-within .anim-zoomin-wrap {
  transform: scale(var(--motion-zoom));
}

@media (prefers-reduced-motion: reduce) {
  .projects-1__media .anim-zoomin-wrap,
  .projects-1__overlay,
  .projects-1__eye {
    transition: none;
  }
  .projects-1__eye,
  .projects-1__item:hover .anim-zoomin-wrap,
  .projects-1__item:focus-within .anim-zoomin-wrap {
    transform: none;
  }
}
.projects-1__image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 440/290;
  object-fit: cover;
}

.projects-1__meta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-projects1-meta-gap);
}

.projects-1__name {
  margin: 0;
  font-size: var(--font-size-xl);
  line-height: var(--font-leading-xl);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-primary);
}

.projects-1__info {
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: var(--font-leading-sm);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
}

@media (min-width: 1024px) {
  .projects-1__grid {
    position: relative;
    display: block;
    aspect-ratio: var(--layout-projects1-grid-ratio);
    gap: 0;
  }
  .projects-1__item {
    position: absolute;
    width: var(--layout-projects1-card-width);
  }
  .projects-1__item--01 {
    left: 0;
    top: 0;
  }
  .projects-1__item--02 {
    left: 72.8395061728%;
    top: 0;
  }
  .projects-1__item--03 {
    left: 22.2222222222%;
    top: 20.6896551724%;
  }
  .projects-1__item--04 {
    left: 44.4444444444%;
    top: 0;
  }
  .projects-1__item--05 {
    left: 50.6172839506%;
    top: 20.6896551724%;
  }
  .projects-1__item--06 {
    left: 44.4444444444%;
    top: 41.3793103448%;
  }
  .projects-1__item--07 {
    left: 0;
    top: 41.3793103448%;
  }
  .projects-1__item--08 {
    left: 72.8395061728%;
    top: 41.3793103448%;
  }
  .projects-1__item--09 {
    left: 16.049382716%;
    top: 62.0689655172%;
  }
  .projects-1__item--10 {
    left: 72.8395061728%;
    top: 62.0689655172%;
  }
  .projects-1__item--11 {
    left: 44.4444444444%;
    top: 62.0689655172%;
  }
  .projects-1__item--12 {
    left: 50.9259259259%;
    top: 82.7586206897%;
  }
  .projects-1__image {
    height: auto;
    aspect-ratio: 440/290;
  }
}
.projects-2 {
  padding-block: var(--space-8) var(--space-12);
}

.projects-2__title-wrap {
  container-type: inline-size;
  container-name: projects2-title;
  margin-bottom: var(--layout-projects2-header-gap-mobile);
}

.projects-2__title {
  margin: 0;
  margin-block: calc(var(--layout-projects2-title-pad-block) * -1);
  width: 100%;
  font-family: var(--font-family-display);
  font-size: min(var(--layout-projects2-title-size), 100cqi / var(--layout-projects2-title-fit));
  line-height: var(--layout-projects2-title-leading);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  text-align: center;
  color: var(--color-text-primary);
  white-space: nowrap;
}

.projects-2__title .grid-deform__source {
  padding-block: var(--layout-projects2-title-pad-block);
}

.projects-2__title .text-mark-top__line {
  padding-block: 0.2em;
  margin-block: -0.2em;
}

.projects-2__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--layout-projects2-grid-row-gap) var(--layout-projects2-grid-column-gap);
}

.projects-2__card {
  display: flex;
  flex-direction: column;
  color: inherit;
}

.projects-2__media {
  position: relative;
  margin: 0;
  overflow: hidden;
  clip-path: inset(0);
  transition: clip-path var(--layout-projects2-hover-duration) var(--motion-easing-header);
}

.projects-2__frame {
  position: relative;
}

.projects-2__image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: var(--layout-projects2-image-ratio);
  object-fit: cover;
}

.projects-2__item.is-stagger-settled .projects-2__image {
  transition: transform var(--motion-duration-instant) var(--motion-easing-standard);
}

.projects-2__item:hover .projects-2__image,
.projects-2__item:focus-within .projects-2__image {
  transform: scale(var(--motion-zoom));
}

.projects-2__item:hover .projects-2__media,
.projects-2__item:focus-within .projects-2__media {
  clip-path: inset(var(--layout-projects2-mask-inset));
}

.projects-2__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: grid;
  place-items: center;
  background-color: color-mix(in srgb, var(--color-surface-subtle) calc(var(--layout-projects2-overlay-opacity) * 100%), transparent);
  color: var(--color-ink-cream);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--motion-duration-instant) var(--motion-easing-standard);
}

.projects-2__item:hover .projects-2__overlay,
.projects-2__item:focus-within .projects-2__overlay {
  opacity: 1;
}

.projects-2__eye {
  display: block;
  width: var(--layout-projects2-eye-width);
  height: var(--layout-projects2-eye-height);
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCA1MSAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSI+CjxwYXRoIGQ9Ik0xNyAwSDM0VjQuMjg1NzFIMTdWMFpNOC41IDguNTcxNDNWNC4yODU3MUgxN1Y4LjU3MTQzSDguNVpNNC4yNSAxMi44NTcxVjguNTcxNDNIOC41VjEyLjg1NzFINC4yNVpNNC4yNSAxNy4xNDI5VjEyLjg1NzFIMFYxNy4xNDI5SDQuMjVaTTguNSAyMS40Mjg2SDQuMjVWMTcuMTQyOUg4LjVWMjEuNDI4NlpNMTcgMjUuNzE0M0g4LjVWMjEuNDI4NkgxN1YyNS43MTQzWk0zNCAyNS43MTQzVjMwSDE3VjI1LjcxNDNIMzRaTTQyLjUgMjEuNDI4NlYyNS43MTQzSDM0VjIxLjQyODZINDIuNVpNNDYuNzUgMTcuMTQyOVYyMS40Mjg2SDQyLjVWMTcuMTQyOUg0Ni43NVpNNDYuNzUgMTIuODU3MUg1MVYxNy4xNDI5SDQ2Ljc1VjEyLjg1NzFaTTQyLjUgOC41NzE0M0g0Ni43NVYxMi44NTcxSDQyLjVWOC41NzE0M1pNNDIuNSA4LjU3MTQzVjQuMjg1NzFIMzRWOC41NzE0M0g0Mi41Wk0yMS4yNSAxMC43MTQzSDI5Ljc1VjE5LjI4NTdIMjEuMjVWMTAuNzE0M1oiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4K") center/contain no-repeat;
  mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCA1MSAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSI+CjxwYXRoIGQ9Ik0xNyAwSDM0VjQuMjg1NzFIMTdWMFpNOC41IDguNTcxNDNWNC4yODU3MUgxN1Y4LjU3MTQzSDguNVpNNC4yNSAxMi44NTcxVjguNTcxNDNIOC41VjEyLjg1NzFINC4yNVpNNC4yNSAxNy4xNDI5VjEyLjg1NzFIMFYxNy4xNDI5SDQuMjVaTTguNSAyMS40Mjg2SDQuMjVWMTcuMTQyOUg4LjVWMjEuNDI4NlpNMTcgMjUuNzE0M0g4LjVWMjEuNDI4NkgxN1YyNS43MTQzWk0zNCAyNS43MTQzVjMwSDE3VjI1LjcxNDNIMzRaTTQyLjUgMjEuNDI4NlYyNS43MTQzSDM0VjIxLjQyODZINDIuNVpNNDYuNzUgMTcuMTQyOVYyMS40Mjg2SDQyLjVWMTcuMTQyOUg0Ni43NVpNNDYuNzUgMTIuODU3MUg1MVYxNy4xNDI5SDQ2Ljc1VjEyLjg1NzFaTTQyLjUgOC41NzE0M0g0Ni43NVYxMi44NTcxSDQyLjVWOC41NzE0M1pNNDIuNSA4LjU3MTQzVjQuMjg1NzFIMzRWOC41NzE0M0g0Mi41Wk0yMS4yNSAxMC43MTQzSDI5Ljc1VjE5LjI4NTdIMjEuMjVWMTAuNzE0M1oiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4K") center/contain no-repeat;
  transform: scale(var(--motion-zoom-out));
  transition: transform var(--motion-duration-instant) var(--motion-easing-standard);
}

.projects-2__item:hover .projects-2__eye,
.projects-2__item:focus-within .projects-2__eye {
  transform: none;
}

.projects-2__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  padding-block-start: var(--layout-projects2-meta-pad-top);
  padding-block-end: var(--layout-projects2-meta-pad-bottom);
  border-bottom: 1px solid var(--color-border-base);
}

.projects-2__meta {
  display: flex;
  flex-direction: column;
  max-width: var(--layout-projects2-meta-max);
  min-width: 0;
  text-transform: capitalize;
}

.projects-2__name,
.projects-2__category,
.projects-2__year {
  margin: 0;
  font-size: var(--font-size-h6);
  line-height: var(--font-leading-h6);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-primary);
}

.projects-2__view {
  display: inline-flex;
  align-items: center;
  gap: var(--layout-projects2-view-gap);
  flex: 0 0 auto;
  height: var(--layout-projects2-view-height);
  padding-inline: var(--layout-projects2-view-padding-inline);
  border-radius: var(--layout-projects2-view-radius);
  background-color: var(--color-surface-subtle);
  color: var(--color-text-primary);
  transition: color var(--motion-duration-instant) var(--motion-easing-standard), background-color var(--motion-duration-instant) var(--motion-easing-standard);
}

.projects-2__view-label {
  display: inline-flex;
  align-items: center;
  font-family: var(--font-family-meta);
  font-size: var(--font-size-md);
  line-height: var(--font-leading-md);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
}

.projects-2__view-arrow {
  display: block;
  width: var(--layout-projects2-view-arrow);
  height: var(--layout-projects2-view-arrow);
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgOSA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGFyaWEtaGlkZGVuPSJ0cnVlIiBmb2N1c2FibGU9ImZhbHNlIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjUgMEg4LjI1QzguNjY0MjEgMCA5IDAuMzM1Nzg2IDkgMC43NVY3LjVDOSA3LjkxNDIxIDguNjY0MjEgOC4yNSA4LjI1IDguMjVDNy44MzU3OSA4LjI1IDcuNSA3LjkxNDIxIDcuNSA3LjVWMi41NjA2NkwxLjI4MDMzIDguNzgwMzNDMC45ODc0MzcgOS4wNzMyMiAwLjUxMjU2MyA5LjA3MzIyIDAuMjE5NjcgOC43ODAzM0MtMC4wNzMyMjMzIDguNDg3NDQgLTAuMDczMjIzMyA4LjAxMjU2IDAuMjE5NjcgNy43MTk2N0w2LjQzOTM0IDEuNUgxLjVDMS4wODU3OSAxLjUgMC43NSAxLjE2NDIxIDAuNzUgMC43NUMwLjc1IDAuMzM1Nzg2IDEuMDg1NzkgMCAxLjUgMFoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4K") center/contain no-repeat;
  mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgOSA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGFyaWEtaGlkZGVuPSJ0cnVlIiBmb2N1c2FibGU9ImZhbHNlIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjUgMEg4LjI1QzguNjY0MjEgMCA5IDAuMzM1Nzg2IDkgMC43NVY3LjVDOSA3LjkxNDIxIDguNjY0MjEgOC4yNSA4LjI1IDguMjVDNy44MzU3OSA4LjI1IDcuNSA3LjkxNDIxIDcuNSA3LjVWMi41NjA2NkwxLjI4MDMzIDguNzgwMzNDMC45ODc0MzcgOS4wNzMyMiAwLjUxMjU2MyA5LjA3MzIyIDAuMjE5NjcgOC43ODAzM0MtMC4wNzMyMjMzIDguNDg3NDQgLTAuMDczMjIzMyA4LjAxMjU2IDAuMjE5NjcgNy43MTk2N0w2LjQzOTM0IDEuNUgxLjVDMS4wODU3OSAxLjUgMC43NSAxLjE2NDIxIDAuNzUgMC43NUMwLjc1IDAuMzM1Nzg2IDEuMDg1NzkgMCAxLjUgMFoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4K") center/contain no-repeat;
  transition: transform var(--motion-duration-instant) var(--motion-easing-standard);
}

.projects-2__card:hover .projects-2__view,
.projects-2__card:focus-visible .projects-2__view {
  color: var(--color-text-inverse);
  background-color: var(--color-surface-inverse);
}

.projects-2__card:hover .projects-2__view-arrow,
.projects-2__card:focus-visible .projects-2__view-arrow {
  transform: translateX(var(--motion-lift));
}

.projects-2__cta-wrap {
  display: flex;
  justify-content: center;
  margin-top: var(--layout-projects2-footer-gap);
}

.projects-2__cta {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  min-width: min(100%, 20rem);
  padding-inline: var(--layout-projects2-cta-padding-inline);
  padding-block: var(--layout-projects2-cta-padding-block);
  border-radius: var(--layout-projects2-cta-radius);
  font-size: var(--font-size-lg);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-ink-cream);
  background-color: var(--color-brand-1);
}

.projects-2__cta-arrow {
  display: block;
  flex: 0 0 auto;
  width: var(--layout-projects2-cta-arrow-width);
  height: var(--layout-projects2-cta-arrow-height);
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNiAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOS40NzczNiAwLjI3ODQxN0wxNS43MTMgNi4zMjc4NEMxNi4wOTU3IDYuNjk5MDcgMTYuMDk1NyA3LjMwMDk0IDE1LjcxMyA3LjY3MjE2TDkuNDc3MzYgMTMuNzIxNkM5LjA5NDcgMTQuMDkyOCA4LjQ3NDMxIDE0LjA5MjggOC4wOTE2NSAxMy43MjE2QzcuNzA5IDEzLjM1MDQgNy43MDkgMTIuNzQ4NSA4LjA5MTY1IDEyLjM3NzNMMTIuNjU0NiA3Ljk1MDU4SDAuOTc5ODM5QzAuNDM4Njg5IDcuOTUwNTggMCA3LjUyNDk5IDAgN0MwIDYuNDc1MDEgMC40Mzg2ODkgNi4wNDk0MyAwLjk3OTgzOSA2LjA0OTQzSDEyLjY1NDZMOC4wOTE2NSAxLjYyMjczQzcuNzA5IDEuMjUxNTEgNy43MDkgMC42NDk2NCA4LjA5MTY1IDAuMjc4NDE3QzguNDc0MzEgLTAuMDkyODA1NyA5LjA5NDcgLTAuMDkyODA1NyA5LjQ3NzM2IDAuMjc4NDE3WiIgZmlsbD0iY3VycmVudENvbG9yIi8+Cjwvc3ZnPgo=") center/contain no-repeat;
  mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNiAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOS40NzczNiAwLjI3ODQxN0wxNS43MTMgNi4zMjc4NEMxNi4wOTU3IDYuNjk5MDcgMTYuMDk1NyA3LjMwMDk0IDE1LjcxMyA3LjY3MjE2TDkuNDc3MzYgMTMuNzIxNkM5LjA5NDcgMTQuMDkyOCA4LjQ3NDMxIDE0LjA5MjggOC4wOTE2NSAxMy43MjE2QzcuNzA5IDEzLjM1MDQgNy43MDkgMTIuNzQ4NSA4LjA5MTY1IDEyLjM3NzNMMTIuNjU0NiA3Ljk1MDU4SDAuOTc5ODM5QzAuNDM4Njg5IDcuOTUwNTggMCA3LjUyNDk5IDAgN0MwIDYuNDc1MDEgMC40Mzg2ODkgNi4wNDk0MyAwLjk3OTgzOSA2LjA0OTQzSDEyLjY1NDZMOC4wOTE2NSAxLjYyMjczQzcuNzA5IDEuMjUxNTEgNy43MDkgMC42NDk2NCA4LjA5MTY1IDAuMjc4NDE3QzguNDc0MzEgLTAuMDkyODA1NyA5LjA5NDcgLTAuMDkyODA1NyA5LjQ3NzM2IDAuMjc4NDE3WiIgZmlsbD0iY3VycmVudENvbG9yIi8+Cjwvc3ZnPgo=") center/contain no-repeat;
  transition: transform var(--motion-duration-instant) var(--motion-easing-standard);
}

.projects-2__cta-label {
  display: inline-flex;
  align-items: center;
}

.projects-2__cta .text-flip {
  vertical-align: baseline;
}

.projects-2__cta:hover .projects-2__cta-arrow,
.projects-2__cta:focus-visible .projects-2__cta-arrow {
  transform: translateX(var(--motion-lift));
}

@media (prefers-reduced-motion: reduce) {
  .projects-2__view,
  .projects-2__view-arrow,
  .projects-2__cta-arrow,
  .projects-2__overlay,
  .projects-2__eye,
  .projects-2__media,
  .projects-2__item.is-stagger-settled .projects-2__image {
    transition: none;
  }
  .projects-2__card:hover .projects-2__view-arrow,
  .projects-2__card:focus-visible .projects-2__view-arrow,
  .projects-2__cta:hover .projects-2__cta-arrow,
  .projects-2__cta:focus-visible .projects-2__cta-arrow,
  .projects-2__item:hover .projects-2__image,
  .projects-2__item:focus-within .projects-2__image,
  .projects-2__eye {
    transform: none;
  }
}
@media (min-width: 768px) {
  .projects-2__title-wrap {
    margin-bottom: var(--layout-projects2-header-gap-tablet);
  }
  .projects-2__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .projects-2__cta {
    gap: var(--layout-projects2-cta-gap);
    min-width: 0;
  }
}
@media (min-width: 1024px) {
  .projects-2__title-wrap {
    margin-bottom: var(--layout-projects2-header-gap);
  }
}
.projects-3 {
  padding-block: var(--space-12) var(--space-16);
  overflow: hidden;
}

.projects-3__inner {
  max-width: calc(var(--layout-projects3-content-max) + 2 * var(--layout-projects3-pad-inline));
  padding-inline: var(--layout-projects3-pad-inline);
}

.projects-3__header {
  container-type: inline-size;
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
  max-width: var(--layout-projects3-header-max);
  margin-inline: auto;
  text-align: center;
}

.projects-3__period {
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-primary);
}

.projects-3__title {
  margin: 0;
  width: 100%;
  font-family: var(--font-family-display);
  font-size: min(var(--layout-projects3-title-size), 100cqi / var(--layout-projects3-title-fit));
  line-height: var(--layout-projects3-title-leading);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tighter);
  text-transform: capitalize;
  color: var(--color-text-primary);
}

.projects-3__title-line {
  display: block;
}

.projects-3__title-line.text-mark-top__line {
  padding-block: 0.18em;
  margin-block: -0.18em;
}

.projects-3__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--layout-projects3-grid-row-gap) var(--layout-projects3-grid-column-gap);
  margin-block-start: var(--layout-projects3-header-gap);
}

.projects-3__card {
  display: flex;
  flex-direction: column;
  color: inherit;
}

.projects-3__media {
  position: relative;
  margin: 0;
  overflow: hidden;
  clip-path: inset(0);
  transition: clip-path var(--layout-projects3-hover-duration) var(--motion-easing-header);
}

.projects-3__frame {
  position: relative;
}

.projects-3__image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: var(--layout-projects3-image-ratio);
  object-fit: cover;
}

.projects-3__item.is-stagger-settled .projects-3__image {
  transition: transform var(--motion-duration-instant) var(--motion-easing-standard);
}

.projects-3__item:hover .projects-3__image,
.projects-3__item:focus-within .projects-3__image {
  transform: scale(var(--motion-zoom));
}

.projects-3__item:hover .projects-3__media,
.projects-3__item:focus-within .projects-3__media {
  clip-path: inset(var(--layout-projects3-mask-inset));
}

.projects-3__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: grid;
  place-items: center;
  background-color: color-mix(in srgb, var(--color-surface-subtle) calc(var(--layout-projects3-overlay-opacity) * 100%), transparent);
  color: var(--color-ink-cream);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--motion-duration-instant) var(--motion-easing-standard);
}

.projects-3__item:hover .projects-3__overlay,
.projects-3__item:focus-within .projects-3__overlay {
  opacity: 1;
}

.projects-3__eye {
  display: block;
  width: var(--layout-projects3-eye-width);
  height: var(--layout-projects3-eye-height);
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCA1MSAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSI+CjxwYXRoIGQ9Ik0xNyAwSDM0VjQuMjg1NzFIMTdWMFpNOC41IDguNTcxNDNWNC4yODU3MUgxN1Y4LjU3MTQzSDguNVpNNC4yNSAxMi44NTcxVjguNTcxNDNIOC41VjEyLjg1NzFINC4yNVpNNC4yNSAxNy4xNDI5VjEyLjg1NzFIMFYxNy4xNDI5SDQuMjVaTTguNSAyMS40Mjg2SDQuMjVWMTcuMTQyOUg4LjVWMjEuNDI4NlpNMTcgMjUuNzE0M0g4LjVWMjEuNDI4NkgxN1YyNS43MTQzWk0zNCAyNS43MTQzVjMwSDE3VjI1LjcxNDNIMzRaTTQyLjUgMjEuNDI4NlYyNS43MTQzSDM0VjIxLjQyODZINDIuNVpNNDYuNzUgMTcuMTQyOVYyMS40Mjg2SDQyLjVWMTcuMTQyOUg0Ni43NVpNNDYuNzUgMTIuODU3MUg1MVYxNy4xNDI5SDQ2Ljc1VjEyLjg1NzFaTTQyLjUgOC41NzE0M0g0Ni43NVYxMi44NTcxSDQyLjVWOC41NzE0M1pNNDIuNSA4LjU3MTQzVjQuMjg1NzFIMzRWOC41NzE0M0g0Mi41Wk0yMS4yNSAxMC43MTQzSDI5Ljc1VjE5LjI4NTdIMjEuMjVWMTAuNzE0M1oiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4K") center/contain no-repeat;
  mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCA1MSAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSI+CjxwYXRoIGQ9Ik0xNyAwSDM0VjQuMjg1NzFIMTdWMFpNOC41IDguNTcxNDNWNC4yODU3MUgxN1Y4LjU3MTQzSDguNVpNNC4yNSAxMi44NTcxVjguNTcxNDNIOC41VjEyLjg1NzFINC4yNVpNNC4yNSAxNy4xNDI5VjEyLjg1NzFIMFYxNy4xNDI5SDQuMjVaTTguNSAyMS40Mjg2SDQuMjVWMTcuMTQyOUg4LjVWMjEuNDI4NlpNMTcgMjUuNzE0M0g4LjVWMjEuNDI4NkgxN1YyNS43MTQzWk0zNCAyNS43MTQzVjMwSDE3VjI1LjcxNDNIMzRaTTQyLjUgMjEuNDI4NlYyNS43MTQzSDM0VjIxLjQyODZINDIuNVpNNDYuNzUgMTcuMTQyOVYyMS40Mjg2SDQyLjVWMTcuMTQyOUg0Ni43NVpNNDYuNzUgMTIuODU3MUg1MVYxNy4xNDI5SDQ2Ljc1VjEyLjg1NzFaTTQyLjUgOC41NzE0M0g0Ni43NVYxMi44NTcxSDQyLjVWOC41NzE0M1pNNDIuNSA4LjU3MTQzVjQuMjg1NzFIMzRWOC41NzE0M0g0Mi41Wk0yMS4yNSAxMC43MTQzSDI5Ljc1VjE5LjI4NTdIMjEuMjVWMTAuNzE0M1oiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4K") center/contain no-repeat;
  transform: scale(var(--motion-zoom-out));
  transition: transform var(--motion-duration-instant) var(--motion-easing-standard);
}

.projects-3__item:hover .projects-3__eye,
.projects-3__item:focus-within .projects-3__eye {
  transform: none;
}

.projects-3__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  padding-block: var(--layout-projects3-meta-pad-top) var(--layout-projects3-meta-pad-bottom);
  border-bottom: 1px solid var(--color-border-base);
}

.projects-3__meta {
  display: flex;
  flex-direction: column;
  max-width: var(--layout-projects3-meta-max);
  min-width: 0;
  text-transform: capitalize;
}

.projects-3__name,
.projects-3__category,
.projects-3__year {
  margin: 0;
  font-size: var(--font-size-h6);
  line-height: var(--font-leading-h6);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-primary);
}

.projects-3__view {
  display: inline-flex;
  align-items: center;
  gap: var(--layout-projects3-view-gap);
  flex: 0 0 auto;
  height: var(--layout-projects3-view-height);
  padding-inline: var(--layout-projects3-view-padding-inline);
  border-radius: var(--layout-projects3-view-radius);
  background-color: var(--color-surface-subtle);
  color: var(--color-text-primary);
  transition: color var(--motion-duration-instant) var(--motion-easing-standard), background-color var(--motion-duration-instant) var(--motion-easing-standard);
}

.projects-3__view-label {
  display: inline-flex;
  align-items: center;
  font-family: var(--font-family-meta);
  font-size: var(--font-size-md);
  line-height: var(--font-leading-md);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
}

.projects-3__view-arrow {
  display: block;
  width: var(--layout-projects3-view-arrow);
  height: var(--layout-projects3-view-arrow);
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgOSA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGFyaWEtaGlkZGVuPSJ0cnVlIiBmb2N1c2FibGU9ImZhbHNlIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjUgMEg4LjI1QzguNjY0MjEgMCA5IDAuMzM1Nzg2IDkgMC43NVY3LjVDOSA3LjkxNDIxIDguNjY0MjEgOC4yNSA4LjI1IDguMjVDNy44MzU3OSA4LjI1IDcuNSA3LjkxNDIxIDcuNSA3LjVWMi41NjA2NkwxLjI4MDMzIDguNzgwMzNDMC45ODc0MzcgOS4wNzMyMiAwLjUxMjU2MyA5LjA3MzIyIDAuMjE5NjcgOC43ODAzM0MtMC4wNzMyMjMzIDguNDg3NDQgLTAuMDczMjIzMyA4LjAxMjU2IDAuMjE5NjcgNy43MTk2N0w2LjQzOTM0IDEuNUgxLjVDMS4wODU3OSAxLjUgMC43NSAxLjE2NDIxIDAuNzUgMC43NUMwLjc1IDAuMzM1Nzg2IDEuMDg1NzkgMCAxLjUgMFoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4K") center/contain no-repeat;
  mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgOSA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGFyaWEtaGlkZGVuPSJ0cnVlIiBmb2N1c2FibGU9ImZhbHNlIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjUgMEg4LjI1QzguNjY0MjEgMCA5IDAuMzM1Nzg2IDkgMC43NVY3LjVDOSA3LjkxNDIxIDguNjY0MjEgOC4yNSA4LjI1IDguMjVDNy44MzU3OSA4LjI1IDcuNSA3LjkxNDIxIDcuNSA3LjVWMi41NjA2NkwxLjI4MDMzIDguNzgwMzNDMC45ODc0MzcgOS4wNzMyMiAwLjUxMjU2MyA5LjA3MzIyIDAuMjE5NjcgOC43ODAzM0MtMC4wNzMyMjMzIDguNDg3NDQgLTAuMDczMjIzMyA4LjAxMjU2IDAuMjE5NjcgNy43MTk2N0w2LjQzOTM0IDEuNUgxLjVDMS4wODU3OSAxLjUgMC43NSAxLjE2NDIxIDAuNzUgMC43NUMwLjc1IDAuMzM1Nzg2IDEuMDg1NzkgMCAxLjUgMFoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4K") center/contain no-repeat;
  transition: transform var(--motion-duration-instant) var(--motion-easing-standard);
}

.projects-3__card:hover .projects-3__view,
.projects-3__card:focus-visible .projects-3__view {
  color: var(--color-text-inverse);
  background-color: var(--color-surface-inverse);
}

.projects-3__card:hover .projects-3__view-arrow,
.projects-3__card:focus-visible .projects-3__view-arrow {
  transform: translateX(var(--motion-lift));
}

.projects-3__cta-wrap {
  display: flex;
  justify-content: center;
  margin-block-start: var(--layout-projects3-header-gap);
}

.projects-3__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: var(--layout-projects3-cta-height);
  padding-inline: var(--layout-projects3-cta-padding-inline);
  border-radius: var(--layout-projects3-cta-radius);
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  font-weight: var(--font-weight-regular);
  white-space: nowrap;
  color: var(--color-text-primary);
  background-color: var(--color-surface-subtle);
  text-decoration: none;
}

.projects-3__cta-label {
  flex-shrink: 0;
}

.projects-3__cta-arrow {
  display: block;
  flex-shrink: 0;
  overflow: hidden;
  height: var(--layout-projects3-cta-arrow-size);
  max-width: 0;
  margin-inline-start: 0;
  opacity: 0;
  color: inherit;
  transition: max-width var(--motion-duration-instant) var(--motion-easing-standard), margin-inline-start var(--motion-duration-instant) var(--motion-easing-standard), opacity var(--motion-duration-instant) var(--motion-easing-standard);
}
.projects-3__cta-arrow svg {
  display: block;
  width: var(--layout-projects3-cta-arrow-size);
  height: var(--layout-projects3-cta-arrow-size);
}

.projects-3__cta:hover .projects-3__cta-arrow,
.projects-3__cta:focus-visible .projects-3__cta-arrow {
  max-width: var(--layout-projects3-cta-arrow-size);
  margin-inline-start: var(--layout-projects3-cta-arrow-gap);
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  .projects-3__view,
  .projects-3__view-arrow,
  .projects-3__overlay,
  .projects-3__eye,
  .projects-3__media,
  .projects-3__cta-arrow,
  .projects-3__item.is-stagger-settled .projects-3__image {
    transition: none;
  }
  .projects-3__card:hover .projects-3__view-arrow,
  .projects-3__card:focus-visible .projects-3__view-arrow,
  .projects-3__item:hover .projects-3__image,
  .projects-3__item:focus-within .projects-3__image,
  .projects-3__eye {
    transform: none;
  }
}
@media (min-width: 768px) {
  .projects-3__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.project-listing-1-title {
  padding-block: var(--space-10) var(--space-10);
}

.project-listing-1-title__header {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
}

.project-listing-1-title__eyebrow {
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: var(--font-leading-sm);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-primary);
}

.project-listing-1-title__main {
  display: flex;
  flex-direction: column;
  gap: var(--layout-projectListing1Title-stack-gap);
  max-width: var(--layout-projectListing1Title-main-max);
}

.project-listing-1-title__title {
  display: flex;
  flex-direction: column;
  margin: 0;
  max-width: var(--layout-projectListing1Title-title-max);
  font-size: var(--layout-projectListing1Title-title-mobile-size);
  line-height: var(--layout-projectListing1Title-title-mobile-leading);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-primary);
}

.project-listing-1-title__title-line {
  display: block;
}

.project-listing-1-title__meta {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
}

.project-listing-1-title__tags {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  max-width: var(--layout-projectListing1Title-tags-max);
}

.project-listing-1-title__tag {
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
}

.project-listing-1-title__body {
  margin: 0;
  max-width: var(--layout-projectListing1Title-body-max);
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
}

@media (min-width: 768px) {
  .project-listing-1-title__title {
    font-size: var(--font-size-h1);
    line-height: var(--font-leading-h1);
  }
}
@media (min-width: 1024px) {
  .project-listing-1-title__header {
    flex-direction: row;
    align-items: flex-start;
    gap: var(--layout-projectListing1Title-heading-gap);
  }
  .project-listing-1-title__eyebrow {
    flex: 0 0 auto;
    padding-block-start: var(--space-2);
  }
  .project-listing-1-title__main {
    flex: 1 1 auto;
    min-width: 0;
  }
  .project-listing-1-title__meta {
    flex-direction: row;
    align-items: flex-start;
    gap: var(--layout-projectListing1Title-meta-gap);
  }
  .project-listing-1-title__tags {
    flex: 0 0 auto;
  }
  .project-listing-1-title__body {
    flex: 1 1 auto;
    min-width: 0;
  }
}
.project-listing-1-grid {
  padding-block: var(--space-8) var(--space-12);
}

.project-listing-1-grid .container {
  max-width: var(--layout-projectListing1Grid-max);
}

.project-listing-1-grid__rows {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
}

.project-listing-1-grid__row {
  display: grid;
  gap: var(--layout-projectListing1Grid-col-gap);
}

.project-listing-1-grid__card {
  display: flex;
  flex-direction: column;
  gap: var(--layout-projectListing1Grid-card-gap);
  min-width: 0;
}

.project-listing-1-grid__media {
  position: relative;
  margin: 0;
  overflow: hidden;
  width: 100%;
  clip-path: inset(0);
  transition: clip-path var(--layout-projectListing1Grid-hover-duration) var(--motion-easing-header);
}

.project-listing-1-grid__frame {
  position: absolute;
  inset: 0;
}

.project-listing-1-grid__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: grid;
  place-items: center;
  background-color: color-mix(in srgb, var(--color-surface-subtle) calc(var(--layout-projectListing1Grid-overlay-opacity) * 100%), transparent);
  color: var(--color-ink-white);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--motion-duration-instant) var(--motion-easing-standard);
}

.project-listing-1-grid__eye {
  display: block;
  width: var(--layout-projectListing1Grid-eye-width);
  height: var(--layout-projectListing1Grid-eye-height);
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCA1MSAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSI+CjxwYXRoIGQ9Ik0xNyAwSDM0VjQuMjg1NzFIMTdWMFpNOC41IDguNTcxNDNWNC4yODU3MUgxN1Y4LjU3MTQzSDguNVpNNC4yNSAxMi44NTcxVjguNTcxNDNIOC41VjEyLjg1NzFINC4yNVpNNC4yNSAxNy4xNDI5VjEyLjg1NzFIMFYxNy4xNDI5SDQuMjVaTTguNSAyMS40Mjg2SDQuMjVWMTcuMTQyOUg4LjVWMjEuNDI4NlpNMTcgMjUuNzE0M0g4LjVWMjEuNDI4NkgxN1YyNS43MTQzWk0zNCAyNS43MTQzVjMwSDE3VjI1LjcxNDNIMzRaTTQyLjUgMjEuNDI4NlYyNS43MTQzSDM0VjIxLjQyODZINDIuNVpNNDYuNzUgMTcuMTQyOVYyMS40Mjg2SDQyLjVWMTcuMTQyOUg0Ni43NVpNNDYuNzUgMTIuODU3MUg1MVYxNy4xNDI5SDQ2Ljc1VjEyLjg1NzFaTTQyLjUgOC41NzE0M0g0Ni43NVYxMi44NTcxSDQyLjVWOC41NzE0M1pNNDIuNSA4LjU3MTQzVjQuMjg1NzFIMzRWOC41NzE0M0g0Mi41Wk0yMS4yNSAxMC43MTQzSDI5Ljc1VjE5LjI4NTdIMjEuMjVWMTAuNzE0M1oiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4K") center/contain no-repeat;
  mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCA1MSAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSI+CjxwYXRoIGQ9Ik0xNyAwSDM0VjQuMjg1NzFIMTdWMFpNOC41IDguNTcxNDNWNC4yODU3MUgxN1Y4LjU3MTQzSDguNVpNNC4yNSAxMi44NTcxVjguNTcxNDNIOC41VjEyLjg1NzFINC4yNVpNNC4yNSAxNy4xNDI5VjEyLjg1NzFIMFYxNy4xNDI5SDQuMjVaTTguNSAyMS40Mjg2SDQuMjVWMTcuMTQyOUg4LjVWMjEuNDI4NlpNMTcgMjUuNzE0M0g4LjVWMjEuNDI4NkgxN1YyNS43MTQzWk0zNCAyNS43MTQzVjMwSDE3VjI1LjcxNDNIMzRaTTQyLjUgMjEuNDI4NlYyNS43MTQzSDM0VjIxLjQyODZINDIuNVpNNDYuNzUgMTcuMTQyOVYyMS40Mjg2SDQyLjVWMTcuMTQyOUg0Ni43NVpNNDYuNzUgMTIuODU3MUg1MVYxNy4xNDI5SDQ2Ljc1VjEyLjg1NzFaTTQyLjUgOC41NzE0M0g0Ni43NVYxMi44NTcxSDQyLjVWOC41NzE0M1pNNDIuNSA4LjU3MTQzVjQuMjg1NzFIMzRWOC41NzE0M0g0Mi41Wk0yMS4yNSAxMC43MTQzSDI5Ljc1VjE5LjI4NTdIMjEuMjVWMTAuNzE0M1oiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4K") center/contain no-repeat;
  transform: scale(var(--motion-zoom-out));
  transition: transform var(--motion-duration-instant) var(--motion-easing-standard);
}

.project-listing-1-grid__card:hover .project-listing-1-grid__overlay,
.project-listing-1-grid__card:focus-within .project-listing-1-grid__overlay {
  opacity: 1;
}

.project-listing-1-grid__card:hover .project-listing-1-grid__eye,
.project-listing-1-grid__card:focus-within .project-listing-1-grid__eye {
  transform: none;
}

.project-listing-1-grid__media .anim-zoomin-wrap {
  transition: transform var(--layout-projectListing1Grid-hover-duration) var(--motion-easing-header);
}

.project-listing-1-grid__card:hover .anim-zoomin-wrap,
.project-listing-1-grid__card:focus-within .anim-zoomin-wrap {
  transform: scale(var(--motion-zoom));
}

.project-listing-1-grid__card:hover .project-listing-1-grid__media,
.project-listing-1-grid__card:focus-within .project-listing-1-grid__media {
  clip-path: inset(var(--layout-projectListing1Grid-mask-inset));
}

@media (prefers-reduced-motion: reduce) {
  .project-listing-1-grid__overlay,
  .project-listing-1-grid__eye,
  .project-listing-1-grid__media {
    transition: none;
  }
  .project-listing-1-grid__eye,
  .project-listing-1-grid__card:hover .anim-zoomin-wrap,
  .project-listing-1-grid__card:focus-within .anim-zoomin-wrap {
    transform: none;
  }
}
.project-listing-1-grid__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.project-listing-1-grid__card--half .project-listing-1-grid__media {
  aspect-ratio: var(--layout-projectListing1Grid-half-ratio);
}

.project-listing-1-grid__card--small .project-listing-1-grid__media {
  aspect-ratio: var(--layout-projectListing1Grid-small-ratio);
}

.project-listing-1-grid__card--full .project-listing-1-grid__media {
  aspect-ratio: var(--layout-projectListing1Grid-full-ratio);
}

.project-listing-1-grid__caption {
  margin: 0;
  max-width: var(--layout-projectListing1Grid-caption-max);
  font-size: var(--font-size-h6);
  line-height: var(--font-leading-h6);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  text-transform: capitalize;
  color: var(--color-text-primary);
}

@media (min-width: 768px) {
  .project-listing-1-grid__rows {
    gap: var(--layout-projectListing1Grid-row-gap);
  }
  .project-listing-1-grid__row--pair {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .project-listing-1-grid__row--triple {
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr);
  }
  .project-listing-1-grid__row--full {
    grid-template-columns: minmax(0, 1fr);
  }
}
.project-listing-2-title {
  padding-block-start: var(--layout-projectListing2Title-head-top-sm);
}

.project-listing-2-title__header {
  display: flex;
  flex-direction: column;
  gap: var(--layout-projectListing2Title-head-gap);
}

.project-listing-2-title__bar {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-3);
  padding-block-end: var(--layout-projectListing2Title-bar-pad);
  border-block-end: 1px solid var(--color-border-base);
}

.project-listing-2-title__eyebrow,
.project-listing-2-title__count {
  margin: 0;
  font-family: var(--font-family-sans);
  font-size: var(--layout-projectListing2Title-eyebrow-size);
  line-height: 1.4;
  letter-spacing: var(--layout-projectListing2Title-label-tracking);
  text-transform: uppercase;
  color: var(--color-text-secondary);
}

.project-listing-2-title__count {
  display: inline-flex;
  align-items: baseline;
  gap: var(--space-1);
  color: var(--color-text-muted);
  font-variant-numeric: tabular-nums;
}

.project-listing-2-title__count-current {
  color: var(--color-text-primary);
}

.project-listing-2-title__title {
  margin: 0;
  font-family: var(--font-family-display);
  font-size: var(--layout-projectListing2Title-title-size);
  line-height: var(--layout-projectListing2Title-title-leading);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-primary);
}

.project-listing-2-title__title .text-blur-stagger__letter {
  line-height: var(--layout-projectListing2Title-title-leading);
}

.project-listing-2-title__intro {
  margin: 0;
  max-width: var(--layout-projectListing2Title-intro-max);
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  color: var(--color-text-secondary);
}

.project-listing-2-title__filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: var(--layout-projectListing2Title-filter-gap);
  row-gap: var(--layout-projectListing2Title-filter-row-gap);
  padding-block: var(--layout-projectListing2Title-filter-pad);
  border-block: 1px solid var(--color-border-base);
}

.project-listing-2-title__filter {
  position: relative;
  appearance: none;
  margin: 0;
  padding: 0 0 var(--layout-projectListing2Title-filter-rule-gap);
  border: 0;
  background: none;
  font-family: var(--font-family-sans);
  font-size: var(--layout-projectListing2Title-filter-size);
  line-height: 1.4;
  letter-spacing: var(--layout-projectListing2Title-label-tracking);
  text-transform: uppercase;
  color: var(--color-text-muted);
  cursor: pointer;
  transition: color var(--layout-projectListing2Title-filter-duration) var(--motion-easing-standard);
}

.project-listing-2-title__filter:hover {
  color: var(--color-text-primary);
}

.project-listing-2-title__filter::after {
  content: "";
  position: absolute;
  inset-inline: 0;
  bottom: 0;
  height: 1px;
  background-color: currentColor;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform var(--layout-projectListing2Title-filter-duration) var(--motion-easing-header);
}

.project-listing-2-title__filter.is-active {
  color: var(--color-text-primary);
}

.project-listing-2-title__filter.is-active::after {
  transform: scaleX(1);
}

.project-listing-2-title__filter:focus-visible {
  outline: 1px solid var(--color-text-primary);
  outline-offset: var(--space-1);
}

@media (min-width: 768px) {
  .project-listing-2-title {
    padding-block-start: var(--layout-projectListing2Title-head-top);
  }
  .project-listing-2-title__filters {
    justify-content: space-between;
  }
}
@media (prefers-reduced-motion: reduce) {
  .project-listing-2-title__filter,
  .project-listing-2-title__filter::after {
    transition: none;
  }
}
.project-listing-2-grid {
  padding-block-end: var(--layout-projectListing2Grid-foot);
}

.project-listing-2-grid__items {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--layout-projectListing2Grid-row-gap-sm) var(--layout-projectListing2Grid-col-gap-sm);
}

.project-listing-2-grid__card {
  min-width: 0;
}

.project-listing-2-grid__card.is-filtered-out {
  display: none;
}

.project-listing-2-grid__link {
  display: block;
  color: inherit;
  outline-offset: var(--layout-projectListing2Grid-focus-offset);
}

.project-listing-2-grid__media {
  position: relative;
  margin: 0;
  overflow: hidden;
  aspect-ratio: var(--layout-projectListing2Grid-ratio);
  clip-path: inset(0);
  transition: clip-path var(--layout-projectListing2Grid-hover-duration) var(--motion-easing-header);
}

.project-listing-2-grid__frame {
  position: absolute;
  inset: 0;
}

.project-listing-2-grid__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform var(--layout-projectListing2Grid-hover-duration) var(--motion-easing-header);
}

.project-listing-2-grid__card:hover .project-listing-2-grid__media,
.project-listing-2-grid__card:focus-within .project-listing-2-grid__media {
  clip-path: inset(var(--layout-projectListing2Grid-mask-inset));
}

.project-listing-2-grid__card:hover .project-listing-2-grid__image,
.project-listing-2-grid__card:focus-within .project-listing-2-grid__image {
  transform: scale(var(--motion-zoom));
}

.project-listing-2-grid__caption {
  display: flex;
  flex-direction: column;
  gap: var(--layout-projectListing2Grid-caption-gap);
  padding-block-start: var(--layout-projectListing2Grid-meta-gap);
}

.project-listing-2-grid__name {
  margin: 0;
  font-family: var(--font-family-display);
  font-size: var(--layout-projectListing2Grid-name-size-sm);
  line-height: var(--layout-projectListing2Grid-name-leading);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-primary);
}

.project-listing-2-grid__tagline {
  margin: 0;
  font-size: var(--layout-projectListing2Grid-tagline-size);
  line-height: 1.5;
  color: var(--color-text-secondary);
}

@media (min-width: 768px) {
  .project-listing-2-grid__items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--layout-projectListing2Grid-row-gap) var(--layout-projectListing2Grid-col-gap);
  }
  .project-listing-2-grid__name {
    font-size: var(--layout-projectListing2Grid-name-size);
  }
}
@media (min-width: 1024px) {
  .project-listing-2-grid__items {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (prefers-reduced-motion: reduce) {
  .project-listing-2-grid__media,
  .project-listing-2-grid__image {
    transition: none;
  }
  .project-listing-2-grid__card:hover .project-listing-2-grid__image,
  .project-listing-2-grid__card:focus-within .project-listing-2-grid__image {
    transform: none;
  }
}
.project-listing-3-title {
  padding-block-start: var(--layout-projectListing3Title-head-top-sm);
}

.project-listing-3-title__header {
  display: flex;
  flex-direction: column;
  gap: var(--layout-projectListing3Title-head-gap);
}

.project-listing-3-title__bar {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-3);
  padding-block-end: var(--layout-projectListing3Title-bar-pad);
  border-block-end: 1px solid var(--color-border-base);
}

.project-listing-3-title__eyebrow,
.project-listing-3-title__count {
  margin: 0;
  font-family: var(--font-family-sans);
  font-size: var(--layout-projectListing3Title-eyebrow-size);
  line-height: 1.4;
  letter-spacing: var(--layout-projectListing3Title-label-tracking);
  text-transform: uppercase;
  color: var(--color-text-secondary);
}

.project-listing-3-title__count {
  display: inline-flex;
  align-items: baseline;
  gap: var(--space-1);
  color: var(--color-text-muted);
  font-variant-numeric: tabular-nums;
}

.project-listing-3-title__count-current {
  color: var(--color-text-primary);
}

.project-listing-3-title__row {
  display: flex;
  flex-direction: column;
  gap: var(--layout-projectListing3Title-row-gap);
}

.project-listing-3-title__title {
  margin: 0;
  font-family: var(--font-family-display);
  font-size: var(--layout-projectListing3Title-title-size);
  line-height: var(--layout-projectListing3Title-title-leading);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-primary);
}

.project-listing-3-title__title .text-blur-stagger__letter {
  line-height: var(--layout-projectListing3Title-title-leading);
}

.project-listing-3-title__aside {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  max-width: var(--layout-projectListing3Title-aside-max);
}

.project-listing-3-title__intro {
  margin: 0;
  max-width: var(--layout-projectListing3Title-intro-max);
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  color: var(--color-text-secondary);
}

.project-listing-3-title__filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: var(--layout-projectListing3Title-filter-gap);
  row-gap: var(--layout-projectListing3Title-filter-row-gap);
  padding-block: var(--layout-projectListing3Title-filter-pad);
  border-block: 1px solid var(--color-border-base);
}

.project-listing-3-title__filter {
  position: relative;
  appearance: none;
  margin: 0;
  padding: 0 0 var(--layout-projectListing3Title-filter-rule-gap);
  border: 0;
  background: none;
  font-family: var(--font-family-sans);
  font-size: var(--layout-projectListing3Title-filter-size);
  line-height: 1.4;
  letter-spacing: var(--layout-projectListing3Title-label-tracking);
  text-transform: uppercase;
  color: var(--color-text-muted);
  cursor: pointer;
  transition: color var(--layout-projectListing3Title-filter-duration) var(--motion-easing-standard);
}

.project-listing-3-title__filter:hover {
  color: var(--color-text-primary);
}

.project-listing-3-title__filter::after {
  content: "";
  position: absolute;
  inset-inline: 0;
  bottom: 0;
  height: 1px;
  background-color: currentColor;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform var(--layout-projectListing3Title-filter-duration) var(--motion-easing-header);
}

.project-listing-3-title__filter.is-active {
  color: var(--color-text-primary);
}

.project-listing-3-title__filter.is-active::after {
  transform: scaleX(1);
}

.project-listing-3-title__filter:focus-visible {
  outline: 1px solid var(--color-text-primary);
  outline-offset: var(--space-1);
}

@media (min-width: 768px) {
  .project-listing-3-title {
    padding-block-start: var(--layout-projectListing3Title-head-top);
  }
}
@media (min-width: 1024px) {
  .project-listing-3-title__row {
    flex-direction: row;
    align-items: flex-end;
    gap: var(--space-10);
  }
  .project-listing-3-title__title {
    flex: 1 1 auto;
    min-width: 0;
  }
  .project-listing-3-title__aside {
    flex: 0 0 var(--layout-projectListing3Title-aside-max);
  }
}
@media (prefers-reduced-motion: reduce) {
  .project-listing-3-title__filter,
  .project-listing-3-title__filter::after {
    transition: none;
  }
}
.project-listing-3-grid {
  padding-block-end: var(--layout-projectListing3Grid-foot);
}

.project-listing-3-grid__items {
  columns: 1;
  column-gap: var(--layout-projectListing3Grid-col-gap-sm);
}

.project-listing-3-grid__card {
  break-inside: avoid;
  page-break-inside: avoid;
  margin-block-end: var(--layout-projectListing3Grid-card-gap-sm);
}

.project-listing-3-grid__card.is-filtered-out {
  display: none;
}

.project-listing-3-grid__link {
  display: block;
  color: inherit;
  outline-offset: var(--layout-projectListing3Grid-focus-offset);
}

.project-listing-3-grid__media {
  position: relative;
  margin: 0;
  overflow: hidden;
  clip-path: inset(0);
  transition: clip-path var(--layout-projectListing3Grid-hover-duration) var(--motion-easing-header);
}

.project-listing-3-grid__frame {
  position: relative;
  display: block;
}

.project-listing-3-grid__image {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
  transition: transform var(--layout-projectListing3Grid-hover-duration) var(--motion-easing-header);
}

.project-listing-3-grid__card:hover .project-listing-3-grid__media,
.project-listing-3-grid__card:focus-within .project-listing-3-grid__media {
  clip-path: inset(var(--layout-projectListing3Grid-mask-inset));
}

.project-listing-3-grid__card:hover .project-listing-3-grid__image,
.project-listing-3-grid__card:focus-within .project-listing-3-grid__image {
  transform: scale(var(--motion-zoom));
}

.project-listing-3-grid__caption {
  display: flex;
  flex-direction: column;
  gap: var(--layout-projectListing3Grid-caption-gap);
  padding-block-start: var(--layout-projectListing3Grid-meta-gap);
}

.project-listing-3-grid__name {
  margin: 0;
  font-family: var(--font-family-display);
  font-size: var(--layout-projectListing3Grid-name-size-sm);
  line-height: var(--layout-projectListing3Grid-name-leading);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-primary);
}

.project-listing-3-grid__tagline {
  margin: 0;
  font-size: var(--layout-projectListing3Grid-tagline-size);
  line-height: 1.5;
  color: var(--color-text-secondary);
}

@media (min-width: 768px) {
  .project-listing-3-grid__items {
    columns: 2;
  }
  .project-listing-3-grid__name {
    font-size: var(--layout-projectListing3Grid-name-size);
  }
}
@media (min-width: 1024px) {
  .project-listing-3-grid__items {
    columns: 3;
    column-gap: var(--layout-projectListing3Grid-col-gap);
  }
  .project-listing-3-grid__card {
    margin-block-end: var(--layout-projectListing3Grid-card-gap);
  }
}
@media (prefers-reduced-motion: reduce) {
  .project-listing-3-grid__media,
  .project-listing-3-grid__image {
    transition: none;
  }
  .project-listing-3-grid__card:hover .project-listing-3-grid__image,
  .project-listing-3-grid__card:focus-within .project-listing-3-grid__image {
    transform: none;
  }
}
.project-listing-4-header {
  padding-block-start: var(--layout-projectListing4Header-head-top-sm);
}

.project-listing-4-header__header {
  display: flex;
  flex-direction: column;
  gap: var(--layout-projectListing4Header-head-gap);
  padding-block-end: var(--layout-projectListing4Header-head-bottom-sm);
}

.project-listing-4-header__bar {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-3);
  padding-block-end: var(--layout-projectListing4Header-bar-pad);
  border-block-end: 1px solid var(--color-border-base);
}

.project-listing-4-header__eyebrow,
.project-listing-4-header__count {
  margin: 0;
  font-family: var(--font-family-sans);
  font-size: var(--layout-projectListing4Header-eyebrow-size);
  line-height: 1.4;
  letter-spacing: var(--layout-projectListing4Header-label-tracking);
  text-transform: uppercase;
  color: var(--color-text-secondary);
}

.project-listing-4-header__count {
  display: inline-flex;
  align-items: baseline;
  gap: var(--space-1);
  color: var(--color-text-primary);
  font-variant-numeric: tabular-nums;
}

.project-listing-4-header__count-label {
  color: var(--color-text-muted);
}

.project-listing-4-header__row {
  display: flex;
  flex-direction: column;
  gap: var(--layout-projectListing4Header-row-gap);
}

.project-listing-4-header__title {
  margin: 0;
  font-family: var(--font-family-display);
  font-size: var(--layout-projectListing4Header-title-size);
  line-height: var(--layout-projectListing4Header-title-leading);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-primary);
}

.project-listing-4-header__intro {
  margin: 0;
  max-width: var(--layout-projectListing4Header-intro-max);
  font-size: var(--font-size-md);
  line-height: var(--font-leading-md);
  color: var(--color-text-secondary);
}

@media (min-width: 768px) {
  .project-listing-4-header {
    padding-block-start: var(--layout-projectListing4Header-head-top);
  }
  .project-listing-4-header__header {
    padding-block-end: var(--layout-projectListing4Header-head-bottom);
  }
  .project-listing-4-header__row {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--space-8);
  }
  .project-listing-4-header__title {
    flex: 1 1 auto;
    min-width: 0;
  }
  .project-listing-4-header__intro {
    flex: 0 0 var(--layout-projectListing4Header-intro-max);
  }
}
.project-listing-4-list {
  padding-block-end: var(--layout-projectListing4List-foot);
}

.project-listing-4-list__items {
  margin: 0;
  padding: 0;
  list-style: none;
}

.project-listing-4-list__row {
  padding-block: var(--layout-projectListing4List-row-pad-sm);
}

.project-listing-4-list__link {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--layout-projectListing4List-row-gap);
  color: inherit;
  outline-offset: var(--layout-projectListing4List-focus-offset);
  transition: opacity var(--layout-projectListing4List-media-duration) var(--motion-easing-standard);
}

.project-listing-4-list__title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: var(--layout-projectListing4List-word-gap);
  row-gap: var(--layout-projectListing4List-row-gap);
  margin: 0;
  font-family: var(--font-family-display);
  font-size: var(--layout-projectListing4List-title-size);
  line-height: var(--layout-projectListing4List-title-leading);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-primary);
}

.project-listing-4-list__word {
  white-space: nowrap;
}

.project-listing-4-list__media {
  flex: 0 0 auto;
  display: block;
  width: var(--layout-projectListing4List-word-gap);
  min-width: 0;
  height: var(--layout-projectListing4List-media-height);
  margin-inline: calc(var(--layout-projectListing4List-word-gap) * -1);
  overflow: hidden;
  transition: width var(--layout-projectListing4List-media-duration) var(--motion-easing-header), margin-inline var(--layout-projectListing4List-media-duration) var(--motion-easing-header);
}

.project-listing-4-list__image {
  display: block;
  width: calc(var(--layout-projectListing4List-media-width) * (1 + var(--layout-projectListing4List-media-parallax)));
  max-width: none;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 0;
  transition: transform var(--layout-projectListing4List-media-duration) var(--motion-easing-header), opacity var(--layout-projectListing4List-media-duration) var(--motion-easing-header);
}

.project-listing-4-list__category {
  font-family: var(--font-family-sans);
  font-size: var(--layout-projectListing4List-category-size);
  line-height: 1.4;
  letter-spacing: var(--layout-projectListing4List-label-tracking);
  text-transform: uppercase;
  color: var(--color-text-muted);
  transition: color var(--layout-projectListing4List-media-duration) var(--motion-easing-standard);
}

@media (hover: hover) and (pointer: fine) {
  .project-listing-4-list__link:hover .project-listing-4-list__media {
    width: var(--layout-projectListing4List-media-width);
    margin-inline: 0;
  }
  .project-listing-4-list__link:hover .project-listing-4-list__image {
    transform: translateX(calc(var(--layout-projectListing4List-media-width) * var(--layout-projectListing4List-media-parallax) * -1));
    opacity: 1;
  }
  .project-listing-4-list__link:hover .project-listing-4-list__category {
    color: var(--color-text-primary);
  }
}
.project-listing-4-list__link:focus-visible .project-listing-4-list__media {
  width: var(--layout-projectListing4List-media-width);
  margin-inline: 0;
}
.project-listing-4-list__link:focus-visible .project-listing-4-list__image {
  transform: translateX(calc(var(--layout-projectListing4List-media-width) * var(--layout-projectListing4List-media-parallax) * -1));
  opacity: 1;
}
.project-listing-4-list__link:focus-visible .project-listing-4-list__category {
  color: var(--color-text-primary);
}

.project-listing-4-list__row.is-active .project-listing-4-list__link .project-listing-4-list__media {
  width: var(--layout-projectListing4List-media-width);
  margin-inline: 0;
}
.project-listing-4-list__row.is-active .project-listing-4-list__link .project-listing-4-list__image {
  transform: translateX(calc(var(--layout-projectListing4List-media-width) * var(--layout-projectListing4List-media-parallax) * -1));
  opacity: 1;
}
.project-listing-4-list__row.is-active .project-listing-4-list__link .project-listing-4-list__category {
  color: var(--color-text-primary);
}

@media (hover: hover) and (pointer: fine) {
  .project-listing-4-list__items:has(.project-listing-4-list__link:hover) .project-listing-4-list__row:not(:hover) .project-listing-4-list__link {
    opacity: var(--layout-projectListing4List-dim-opacity);
  }
}
.project-listing-4-list__items:has(.project-listing-4-list__link:focus-visible) .project-listing-4-list__row:not(:focus-within) .project-listing-4-list__link {
  opacity: var(--layout-projectListing4List-dim-opacity);
}

@media (min-width: 768px) {
  .project-listing-4-list__row {
    padding-block: var(--layout-projectListing4List-row-pad);
  }
}
@media (min-width: 1024px) {
  .project-listing-4-list__link {
    grid-template-columns: minmax(0, 1fr) var(--layout-projectListing4List-category-col);
    align-items: end;
    gap: var(--space-4);
  }
  .project-listing-4-list__category {
    justify-self: end;
    padding-block-end: var(--layout-projectListing4List-category-offset);
  }
}
@media (prefers-reduced-motion: reduce) {
  .project-listing-4-list__link,
  .project-listing-4-list__media,
  .project-listing-4-list__image,
  .project-listing-4-list__category {
    transition: none;
  }
}
.project-listing-5-header {
  padding-block-start: var(--layout-projectListing5Header-head-top-sm);
}

.project-listing-5-header__header {
  padding-block-end: var(--layout-projectListing5Header-head-bottom-sm);
}

.project-listing-5-header__title {
  margin: 0;
  display: flex;
  flex-direction: column;
  font-family: var(--font-family-display);
  font-size: var(--layout-projectListing5Header-title-size-sm);
  line-height: var(--layout-projectListing5Header-title-leading);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--layout-projectListing5Header-title-tracking);
  color: var(--color-text-primary);
}

.project-listing-5-header__line {
  display: block;
}

@media (min-width: 768px) {
  .project-listing-5-header {
    padding-block-start: var(--layout-projectListing5Header-head-top);
  }
  .project-listing-5-header__header {
    padding-block-end: var(--layout-projectListing5Header-head-bottom);
  }
  .project-listing-5-header__title {
    font-size: var(--layout-projectListing5Header-title-size);
  }
  .project-listing-5-header__line--step {
    padding-inline-start: var(--layout-projectListing5Header-title-indent);
  }
}
@media (prefers-reduced-motion: reduce) {
  .project-listing-5-header__line {
    min-height: 1em;
  }
}
.project-listing-5-index {
  padding-block-end: var(--layout-projectListing5Index-foot);
}

.project-listing-5-index .container {
  position: relative;
}

.project-listing-5-index__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--layout-projectListing5Index-row-gap-sm) var(--layout-projectListing5Index-col-gap-sm);
}

.project-listing-5-index__item {
  min-width: 0;
}

.project-listing-5-index__link {
  display: block;
  color: inherit;
  outline-offset: var(--layout-projectListing5Index-focus-offset);
  transition: opacity var(--layout-projectListing5Index-label-duration) var(--motion-easing-standard);
}

.project-listing-5-index__meta,
.project-listing-5-index__title {
  transition: opacity var(--layout-projectListing5Index-label-duration) var(--motion-easing-standard), color var(--layout-projectListing5Index-label-duration) var(--motion-easing-standard);
}

.project-listing-5-index__meta {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-2);
  margin-block-end: var(--layout-projectListing5Index-meta-gap);
  font-family: var(--font-family-sans);
  font-size: var(--layout-projectListing5Index-label-size);
  line-height: 1.4;
  letter-spacing: var(--font-tracking-wide);
  text-transform: uppercase;
  color: var(--color-text-muted);
}

.project-listing-5-index__number {
  font-variant-numeric: tabular-nums;
  color: var(--color-text-secondary);
}

.project-listing-5-index__title {
  margin: 0;
  font-family: var(--font-family-display);
  font-size: var(--layout-projectListing5Index-title-size-sm);
  line-height: var(--layout-projectListing5Index-title-leading);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-primary);
  transition: opacity var(--layout-projectListing5Index-label-duration) var(--motion-easing-standard), color var(--layout-projectListing5Index-label-duration) var(--motion-easing-standard), transform var(--layout-projectListing5Index-label-duration) var(--motion-easing-header);
}

.project-listing-5-index__slash {
  margin-inline-start: var(--layout-projectListing5Index-slash-gap);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
  opacity: var(--layout-projectListing5Index-slash-opacity);
}

.project-listing-5-index__stage {
  position: absolute;
  top: var(--layout-projectListing5Index-stage-top);
  left: 50%;
  z-index: 2;
  width: var(--layout-projectListing5Index-stage-width-sm);
  pointer-events: none;
  translate: -50% -50%;
}

.project-listing-5-index__follow {
  display: block;
}

.project-listing-5-index__print {
  position: relative;
  overflow: hidden;
  aspect-ratio: var(--layout-projectListing5Index-stage-ratio);
  border-radius: var(--layout-projectListing5Index-stage-radius);
}

.project-listing-5-index__preview {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 0;
  will-change: transform, opacity;
}

.project-listing-5-index.has-active .project-listing-5-index__link {
  opacity: var(--layout-projectListing5Index-dim-opacity);
}

.project-listing-5-index.has-active .project-listing-5-index__item.is-active .project-listing-5-index__link {
  opacity: 1;
}

.project-listing-5-index__item.is-active .project-listing-5-index__meta {
  color: var(--color-text-secondary);
}

.project-listing-5-index__item.is-active .project-listing-5-index__number,
.project-listing-5-index__item.is-active .project-listing-5-index__slash {
  color: var(--color-text-primary);
}

.project-listing-5-index__item.is-active .project-listing-5-index__title {
  transform: translateX(var(--layout-projectListing5Index-active-shift));
}

@media (min-width: 768px) {
  .project-listing-5-index__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--layout-projectListing5Index-row-gap) var(--layout-projectListing5Index-col-gap);
    min-height: var(--layout-projectListing5Index-grid-min-height);
    align-content: center;
  }
  .project-listing-5-index__stage {
    width: var(--layout-projectListing5Index-stage-width);
  }
  .project-listing-5-index__title {
    font-size: var(--layout-projectListing5Index-title-size);
  }
}
@media (min-width: 1024px) {
  .project-listing-5-index__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--layout-projectListing5Index-row-gap) var(--layout-projectListing5Index-col-gap-sm);
  }
}
@media (min-width: 1280px) {
  .project-listing-5-index__grid {
    gap: var(--layout-projectListing5Index-row-gap) var(--layout-projectListing5Index-col-gap);
  }
}
@media (prefers-reduced-motion: reduce) {
  .project-listing-5-index__meta,
  .project-listing-5-index__title {
    transition: none;
  }
  .project-listing-5-index__item.is-active .project-listing-5-index__title {
    transform: none;
  }
}
.showcase-1 {
  position: relative;
  overflow: hidden;
  min-height: var(--layout-showcase1-height-fallback);
  min-height: var(--layout-showcase1-height);
  background-color: var(--color-ink-black);
  color: var(--color-ink-cream);
}

.showcase-1__stage {
  position: static;
  display: flex;
  flex-direction: column;
  min-height: var(--layout-showcase1-height-fallback);
  min-height: var(--layout-showcase1-height);
  padding-block: var(--layout-showcase1-content-pad-top) var(--layout-showcase1-bar-offset);
}

.showcase-1__slides {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.showcase-1__slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--layout-showcase1-fade-duration) var(--motion-easing-standard), visibility 0s linear var(--layout-showcase1-fade-duration);
}
.showcase-1__slide.is-active {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}
.showcase-1__slide::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background-image: linear-gradient(180deg, var(--color-ink-black), transparent 22%), linear-gradient(90deg, var(--color-ink-black), transparent 62%), linear-gradient(0deg, var(--color-ink-black), transparent 38%);
  opacity: var(--layout-showcase1-veil-opacity);
  pointer-events: none;
}

.showcase-1__backdrop {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 35%;
  filter: grayscale(var(--layout-showcase1-media-grayscale));
  transform: scale(var(--layout-showcase1-media-scale));
  transition: transform calc(var(--layout-showcase1-fade-duration) * 2) var(--motion-easing-standard);
}

.showcase-1__slide.is-active .showcase-1__backdrop {
  transform: scale(1);
}

.showcase-1__content {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-content: center;
  height: 100%;
  padding-block: var(--layout-showcase1-content-pad-top) var(--layout-showcase1-content-pad-bottom);
  row-gap: var(--layout-showcase1-copy-gap);
}

.showcase-1__copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-showcase1-copy-gap);
  max-width: var(--layout-showcase1-copy-max);
  opacity: 0;
  transform: translateY(var(--space-3));
  transition: opacity var(--layout-showcase1-fade-duration) var(--motion-easing-standard), transform var(--layout-showcase1-fade-duration) var(--motion-easing-standard);
}

.showcase-1__slide.is-active .showcase-1__copy {
  opacity: 1;
  transform: translateY(0);
}

.showcase-1__eyebrow {
  margin: 0;
  font-family: var(--font-family-meta);
  font-size: var(--font-size-tiny);
  line-height: 1;
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--layout-showcase1-eyebrow-tracking);
  text-transform: uppercase;
  color: var(--color-ink-cream);
}

.showcase-1__title {
  margin: 0;
  font-family: var(--font-family-display);
  font-size: var(--layout-showcase1-title-size);
  line-height: var(--layout-showcase1-title-leading);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-ink-white);
}

.showcase-1__cta {
  display: inline-flex;
  align-items: center;
  gap: var(--layout-showcase1-cta-gap);
  padding-inline: var(--layout-showcase1-cta-padding-inline);
  padding-block: var(--layout-showcase1-cta-padding-block);
  border: 1px solid var(--color-ink-cream);
  border-radius: var(--radius-pill);
  font-family: var(--font-family-meta);
  font-size: var(--font-size-sm);
  line-height: 1;
  letter-spacing: var(--layout-showcase1-eyebrow-tracking);
  text-transform: uppercase;
  color: var(--color-ink-cream);
}

.showcase-1__cta-arrow {
  flex: 0 0 auto;
  width: var(--layout-showcase1-cta-arrow-size);
  height: var(--layout-showcase1-cta-arrow-size);
}

.showcase-1__card {
  position: relative;
  display: none;
  justify-self: end;
  align-self: center;
  width: var(--layout-showcase1-card-width);
  aspect-ratio: var(--layout-showcase1-card-ratio);
  margin: 0;
  overflow: hidden;
  border-radius: var(--layout-showcase1-card-radius);
  opacity: 0;
  transform: translateY(var(--space-3));
  transition: opacity var(--layout-showcase1-fade-duration) var(--motion-easing-standard), transform var(--layout-showcase1-fade-duration) var(--motion-easing-standard);
}

.showcase-1__slide.is-active .showcase-1__card {
  opacity: 1;
  transform: translateY(0);
}

.showcase-1__card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.showcase-1__card-caption {
  position: absolute;
  inset-inline: 0;
  inset-block-end: 0;
  display: flex;
  flex-direction: column;
  gap: var(--layout-showcase1-card-caption-gap);
  padding-inline: var(--layout-showcase1-card-caption-pad-inline);
  padding-block: var(--layout-showcase1-card-caption-pad-block);
  background-image: linear-gradient(0deg, color-mix(in srgb, var(--color-ink-black) calc(var(--layout-showcase1-card-caption-scrim) * 100%), transparent), transparent);
  pointer-events: none;
}

.showcase-1__card-name {
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: 1;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-ink-white);
}

.showcase-1__card-role {
  margin: 0;
  font-family: var(--font-family-meta);
  font-size: var(--font-size-tiny);
  line-height: var(--font-leading-tiny);
  letter-spacing: var(--layout-showcase1-eyebrow-tracking);
  text-transform: uppercase;
  color: var(--color-ink-cream);
}

.showcase-1__bar {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--layout-showcase1-bar-gap);
  margin-block-start: auto;
}

.showcase-1__thumbs {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, var(--layout-showcase1-thumb-width));
  gap: var(--layout-showcase1-thumbs-gap);
  min-width: 0;
}

.showcase-1__thumb {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: var(--layout-showcase1-thumb-ratio);
  padding: var(--layout-showcase1-thumb-pad);
  overflow: hidden;
  border-radius: var(--layout-showcase1-thumb-radius);
}

.showcase-1__thumb-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: calc(var(--layout-showcase1-thumb-radius) - var(--layout-showcase1-thumb-pad));
  filter: grayscale(1);
  opacity: var(--layout-showcase1-thumb-dim);
  transition: filter var(--motion-duration-instant) var(--motion-easing-standard), opacity var(--motion-duration-instant) var(--motion-easing-standard);
}

.showcase-1__thumb-ring {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.showcase-1__thumb-ring-track {
  stroke: var(--color-ink-cream);
  stroke-opacity: var(--layout-showcase1-thumb-track-opacity);
  stroke-width: var(--layout-showcase1-thumb-ring);
}

.showcase-1__thumb-ring-bar {
  stroke: var(--color-brand-1);
  stroke-width: var(--layout-showcase1-thumb-bar-stroke);
  stroke-linecap: round;
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
}

.showcase-1__thumb[aria-current=true] .showcase-1__thumb-ring-bar {
  stroke-dashoffset: 0;
}

.showcase-1.is-autoplaying .showcase-1__thumb[aria-current=true] .showcase-1__thumb-ring-bar {
  animation: showcase-1-progress var(--layout-showcase1-progress-duration) linear forwards;
}

@keyframes showcase-1-progress {
  from {
    stroke-dashoffset: 1;
  }
  to {
    stroke-dashoffset: 0;
  }
}
.showcase-1__thumb[aria-current=true] .showcase-1__thumb-img {
  filter: grayscale(0);
  opacity: 1;
}

.showcase-1__counter {
  flex: 0 0 auto;
  margin: 0;
  font-family: var(--font-family-meta);
  font-size: var(--font-size-sm);
  line-height: 1;
  font-variant-numeric: tabular-nums;
  letter-spacing: var(--layout-showcase1-counter-tracking);
  white-space: nowrap;
  color: var(--color-ink-cream);
}

.showcase-1__counter-sep {
  margin-inline: var(--space-1);
  color: var(--color-text-secondary);
}

@media (min-width: 768px) {
  .showcase-1__content {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    column-gap: var(--layout-showcase1-card-gap);
  }
  .showcase-1__card {
    display: block;
  }
}
@media (min-width: 1024px) {
  .showcase-1__slide::after {
    opacity: var(--layout-showcase1-veil-opacity-lg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .showcase-1__slide,
  .showcase-1__backdrop,
  .showcase-1__copy,
  .showcase-1__card,
  .showcase-1__thumb-img {
    transition: none;
  }
  .showcase-1__backdrop {
    transform: none;
  }
  .showcase-1__copy,
  .showcase-1__card {
    transform: none;
  }
}
.showcase-2 {
  position: relative;
  overflow: hidden;
  min-height: var(--layout-showcase2-height-fallback);
  min-height: var(--layout-showcase2-height);
  background-color: var(--color-ink-black);
  color: var(--color-ink-cream);
  user-select: none;
}

.showcase-2__stage {
  position: static;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: var(--layout-showcase2-height-fallback);
  min-height: var(--layout-showcase2-height);
  padding-block-end: var(--layout-showcase2-nav-offset);
}

.showcase-2__viewport {
  position: absolute;
  inset: 0;
  z-index: 0;
  cursor: grab;
  touch-action: pan-y;
}

.showcase-2.is-dragging .showcase-2__viewport {
  cursor: grabbing;
}

.showcase-2__gl {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
}

.showcase-2.is-gl .showcase-2__gl {
  opacity: 1;
}

.showcase-2.is-gl .showcase-2__media {
  opacity: 0;
}

.showcase-2.is-gl .showcase-2__frame {
  background-color: transparent;
}

.showcase-2__slide {
  position: absolute;
  inset-block-start: var(--layout-showcase2-center-y);
  inset-inline-start: 50%;
  width: var(--layout-showcase2-media-width-sm);
  max-height: var(--layout-showcase2-media-max-height);
  aspect-ratio: var(--layout-showcase2-media-ratio-sm);
  margin: 0;
  transform: translate(-50%, -50%);
  visibility: hidden;
  pointer-events: none;
  will-change: transform;
}

.showcase-2__slide:first-child {
  visibility: visible;
}

.showcase-2__slide.is-center {
  pointer-events: auto;
}

.showcase-2__frame {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: var(--layout-showcase2-media-radius);
  background-color: var(--color-ink-black);
}

.showcase-2__media {
  position: absolute;
  inset: 0;
  will-change: transform;
}

.showcase-2__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: transform var(--layout-showcase2-zoom-duration) var(--motion-easing-standard);
}

.showcase-2:not(.is-dragging) .showcase-2__slide.is-center:hover .showcase-2__image {
  transform: scale(var(--layout-showcase2-zoom-scale));
}

.showcase-2__shade {
  position: absolute;
  inset: 0;
  background-color: var(--color-ink-black);
  opacity: 0;
  pointer-events: none;
}

.showcase-2__caption {
  position: absolute;
  inset-block-end: var(--layout-showcase2-title-bottom-sm);
  inset-inline-start: var(--layout-showcase2-title-offset-sm);
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: var(--layout-showcase2-category-gap);
  width: max-content;
  max-width: var(--layout-showcase2-title-max-width);
  pointer-events: none;
}

.showcase-2__title {
  margin: 0;
  font-family: var(--font-family-display);
  font-size: var(--layout-showcase2-title-size-sm);
  line-height: var(--layout-showcase2-title-leading);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-ink-white);
}

.showcase-2__title-line {
  display: block;
  will-change: transform, opacity;
}

.showcase-2__title-word--accent {
  color: var(--color-brand-1);
}

.showcase-2__category {
  margin: 0;
  font-family: var(--font-family-sans);
  font-size: var(--font-size-tiny);
  line-height: var(--font-leading-tiny);
  letter-spacing: var(--layout-showcase2-category-tracking);
  text-transform: uppercase;
  color: var(--color-ink-cream);
  will-change: transform, opacity;
}

.showcase-2__footer {
  position: relative;
  z-index: 2;
  display: grid;
  justify-items: center;
  gap: var(--space-5);
  width: 100%;
}

.showcase-2__counter {
  display: flex;
  align-items: center;
  gap: var(--layout-showcase2-counter-gap);
  margin: 0;
  font-family: var(--font-family-display);
  font-size: var(--layout-showcase2-counter-size-sm);
  line-height: 1;
  font-weight: var(--font-weight-medium);
  font-variant-numeric: tabular-nums;
  letter-spacing: var(--layout-showcase2-counter-tracking);
  color: var(--color-ink-cream);
  white-space: nowrap;
}

.showcase-2__counter-value {
  display: inline-flex;
}

.showcase-2__digit {
  display: block;
  height: 1em;
  overflow: hidden;
}

.showcase-2__digit-track {
  display: block;
  will-change: transform;
}

.showcase-2__digit-cell {
  display: block;
  height: 1em;
  line-height: 1;
  text-align: center;
}

.showcase-2__counter-sep {
  margin-inline: var(--layout-showcase2-counter-sep-gap);
  font-size: var(--layout-showcase2-counter-sep-size);
  letter-spacing: var(--font-tracking-none);
  color: color-mix(in srgb, var(--color-ink-cream) calc(var(--layout-showcase2-counter-sep-dim) * 100%), transparent);
}

.showcase-2__counter-total {
  color: color-mix(in srgb, var(--color-ink-cream) calc(var(--layout-showcase2-counter-total-dim) * 100%), transparent);
}

.showcase-2__nav {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--layout-showcase2-nav-gap);
}

.showcase-2__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--layout-showcase2-arrow-size);
  height: var(--layout-showcase2-arrow-size);
  padding: 0;
  border: var(--layout-showcase2-arrow-edge-width) solid color-mix(in srgb, var(--color-ink-cream) calc(var(--layout-showcase2-arrow-edge) * 100%), transparent);
  border-radius: var(--radius-pill);
  color: color-mix(in srgb, var(--color-ink-cream) calc(var(--layout-showcase2-arrow-dim) * 100%), transparent);
  transition: border-color var(--motion-duration-instant) var(--motion-easing-standard), background-color var(--motion-duration-instant) var(--motion-easing-standard), color var(--motion-duration-instant) var(--motion-easing-standard);
}

.showcase-2__arrow-icon {
  display: block;
  width: var(--layout-showcase2-arrow-icon);
  transition: transform var(--motion-duration-instant) var(--motion-easing-standard);
}
.showcase-2__arrow-icon svg {
  display: block;
  width: 100%;
  height: auto;
}

.showcase-2__arrow--prev .showcase-2__arrow-icon {
  transform: rotate(180deg);
}

.showcase-2__arrow:hover,
.showcase-2__arrow:focus-visible {
  border-color: color-mix(in srgb, var(--color-ink-cream) calc(var(--layout-showcase2-arrow-edge-hover) * 100%), transparent);
  background-color: color-mix(in srgb, var(--color-ink-cream) calc(var(--layout-showcase2-arrow-face-hover) * 100%), transparent);
  color: var(--color-ink-cream);
}

.showcase-2__arrow--prev:hover .showcase-2__arrow-icon,
.showcase-2__arrow--prev:focus-visible .showcase-2__arrow-icon {
  transform: rotate(180deg) translateX(var(--layout-showcase2-arrow-shift));
}

.showcase-2__arrow--next:hover .showcase-2__arrow-icon,
.showcase-2__arrow--next:focus-visible .showcase-2__arrow-icon {
  transform: translateX(var(--layout-showcase2-arrow-shift));
}

.showcase-2__progress {
  position: relative;
  display: block;
  width: var(--layout-showcase2-progress-width);
  height: var(--layout-showcase2-progress-height);
  overflow: hidden;
  background-color: color-mix(in srgb, var(--color-ink-cream) calc(var(--layout-showcase2-progress-track) * 100%), transparent);
}

.showcase-2__progress-fill {
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  display: block;
  width: calc(var(--showcase-2-progress, 0) * 100%);
  background-color: var(--color-ink-cream);
  transition: width var(--layout-showcase2-progress-duration) var(--motion-easing-standard);
}

@media (min-width: 768px) {
  .showcase-2__footer {
    grid-template-columns: 1fr auto 1fr;
    gap: var(--space-4);
  }
  .showcase-2__counter {
    justify-self: start;
    font-size: var(--layout-showcase2-counter-size);
  }
  .showcase-2__slide {
    width: var(--layout-showcase2-media-width);
    aspect-ratio: var(--layout-showcase2-media-ratio);
  }
  .showcase-2__caption {
    inset-block-end: var(--layout-showcase2-title-bottom);
    inset-inline-start: var(--layout-showcase2-title-offset);
  }
  .showcase-2__title {
    font-size: var(--layout-showcase2-title-size);
  }
}
@media (prefers-reduced-motion: reduce) {
  .showcase-2__image,
  .showcase-2__arrow,
  .showcase-2__arrow-icon,
  .showcase-2__progress-fill {
    transition: none;
  }
}
.page-project-showcase-3 {
  overflow: hidden;
  overscroll-behavior: none;
}

.split {
  position: relative;
  display: grid;
  grid-template-rows: var(--layout-showcase3-media-height-sm) 1fr;
  overflow: hidden;
  height: var(--layout-showcase3-height-fallback);
  height: var(--layout-showcase3-height);
  background-color: var(--color-ink-black);
  color: var(--color-ink-cream);
  user-select: none;
  touch-action: pan-x pinch-zoom;
  cursor: grab;
}

.split.is-dragging {
  cursor: grabbing;
}

.split__pane {
  position: relative;
  overflow: hidden;
}

.split__pane--media {
  background-color: var(--color-ink-black);
}

.split__pane--media::after {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline: 0;
  z-index: 2;
  height: var(--layout-showcase3-scrim-height);
  background-image: linear-gradient(to bottom, color-mix(in srgb, var(--color-ink-black) calc(var(--layout-showcase3-scrim-opacity) * 100%), transparent), transparent);
  pointer-events: none;
}

.split__track {
  position: absolute;
  inset: 0;
}

.split__slide {
  position: absolute;
  inset: 0;
  margin: 0;
  visibility: hidden;
  will-change: transform;
}

.split__slide:first-child {
  visibility: visible;
}

.split__slide--media {
  overflow: hidden;
}

.split__media {
  position: absolute;
  inset: 0;
  will-change: transform;
}

.split__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(calc(var(--layout-showcase3-media-scale) * var(--split-image-zoom, 1)));
  transition: transform var(--layout-showcase3-hover-duration) var(--motion-easing-standard);
  will-change: transform;
}

.split.is-shifting .split__image {
  transition: none;
}

.split__pane--media:hover .split__image {
  transform: scale(calc(var(--layout-showcase3-media-scale) * var(--split-image-zoom, 1) * var(--layout-showcase3-hover-scale)));
}

.split__hit {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
}

.split__pane--copy {
  --split-copy-inline: var(--layout-showcase3-copy-pad-inline-sm);
  display: flex;
  flex-direction: column;
  background-color: var(--color-ink-black);
}

.split__slide--copy {
  display: flex;
  overflow: hidden;
  padding-block: var(--layout-showcase3-copy-pad-top-sm) var(--layout-showcase3-copy-pad-bottom-sm);
  padding-inline: var(--split-copy-inline);
}

.split__entry {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--layout-showcase3-copy-gap-sm);
  width: 100%;
}

.split__meta {
  margin: 0;
  font-family: var(--font-family-sans);
  font-size: var(--layout-showcase3-category-size);
  line-height: 1.4;
  letter-spacing: var(--layout-showcase3-category-tracking);
  text-transform: uppercase;
  color: var(--color-ink-sub);
  will-change: transform, opacity, filter;
}

.split__title {
  margin: 0;
  font-family: var(--font-family-display);
  font-size: var(--layout-showcase3-title-size-sm);
  line-height: var(--layout-showcase3-title-leading);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-ink-white);
}

.split__line {
  display: block;
  will-change: transform, opacity, filter;
}

.split__line + .split__line {
  padding-inline-start: var(--layout-showcase3-title-indent);
}

.split__word--accent {
  color: var(--color-brand-1);
}

.split__category {
  margin: 0;
  font-family: var(--font-family-sans);
  font-size: var(--layout-showcase3-category-size);
  line-height: 1.4;
  letter-spacing: var(--layout-showcase3-category-tracking);
  text-transform: uppercase;
  color: var(--color-ink-cream);
  will-change: transform, opacity, filter;
}

.split__link {
  display: inline-flex;
  align-items: center;
  gap: var(--layout-showcase3-meta-gap);
  width: max-content;
  font-family: var(--font-family-sans);
  font-size: var(--layout-showcase3-category-size);
  letter-spacing: var(--layout-showcase3-category-tracking);
  text-transform: uppercase;
  color: var(--color-ink-cream);
  will-change: transform, opacity, filter;
}

.split__link-arrow {
  display: block;
  width: var(--layout-showcase3-arrow-icon);
  height: auto;
  transition: transform var(--motion-duration-instant) var(--motion-easing-standard);
}

.split__link:hover .split__link-arrow,
.split__link:focus-visible .split__link-arrow {
  transform: translate(var(--layout-showcase3-arrow-shift), calc(-1 * var(--layout-showcase3-arrow-shift)));
}

.split__aside {
  position: absolute;
  inset-inline: var(--split-copy-inline);
  inset-block-end: var(--layout-showcase3-aside-bottom-sm);
  z-index: 3;
  display: grid;
  gap: var(--layout-showcase3-aside-gap);
}

.split__progress {
  position: relative;
  display: block;
  width: 100%;
  height: var(--layout-showcase3-progress-height);
  overflow: hidden;
  background-color: color-mix(in srgb, var(--color-ink-cream) calc(var(--layout-showcase3-progress-track) * 100%), transparent);
}

.split__progress-fill {
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  display: block;
  width: calc(var(--split-progress, 0) * 100%);
  background-color: var(--color-ink-cream);
}

.split__aside-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
}

.split__controls {
  display: flex;
  align-items: center;
  gap: var(--space-3);
}

.split__autoplay {
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
  font-family: var(--font-family-sans);
  font-size: var(--layout-showcase3-category-size);
  line-height: 1;
  letter-spacing: var(--layout-showcase3-category-tracking);
  text-transform: uppercase;
  color: color-mix(in srgb, var(--color-ink-cream) calc(var(--layout-showcase3-arrow-dim) * 100%), transparent);
  transition: color var(--motion-duration-instant) var(--motion-easing-standard);
}

.split__autoplay:hover,
.split__autoplay:focus-visible,
.split__autoplay.is-paused {
  color: var(--color-ink-cream);
}

.split__counter {
  margin: 0;
  font-family: var(--font-family-sans);
  font-size: var(--layout-showcase3-category-size);
  line-height: 1;
  font-variant-numeric: tabular-nums;
  letter-spacing: var(--layout-showcase3-counter-tracking);
  color: var(--color-ink-cream);
  white-space: nowrap;
}

.split__counter-sep {
  margin-inline: var(--layout-showcase3-counter-sep-gap);
  color: var(--color-ink-sub);
}

.split__counter-total {
  color: var(--color-ink-sub);
}

.split__nav {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}

.split__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--layout-showcase3-arrow-size);
  height: var(--layout-showcase3-arrow-size);
  padding: 0;
  cursor: pointer;
  border: 1px solid color-mix(in srgb, var(--color-ink-cream) calc(var(--layout-showcase3-arrow-edge) * 100%), transparent);
  border-radius: var(--radius-pill);
  color: color-mix(in srgb, var(--color-ink-cream) calc(var(--layout-showcase3-arrow-dim) * 100%), transparent);
  transition: border-color var(--motion-duration-instant) var(--motion-easing-standard), background-color var(--motion-duration-instant) var(--motion-easing-standard), color var(--motion-duration-instant) var(--motion-easing-standard);
}

.split__arrow-icon {
  display: block;
  width: var(--layout-showcase3-arrow-icon);
  height: auto;
  transition: transform var(--motion-duration-instant) var(--motion-easing-standard);
}

.split__arrow--prev .split__arrow-icon {
  transform: rotate(180deg);
}

.split__arrow:hover,
.split__arrow:focus-visible {
  border-color: color-mix(in srgb, var(--color-ink-cream) calc(var(--layout-showcase3-arrow-edge-hover) * 100%), transparent);
  background-color: color-mix(in srgb, var(--color-ink-cream) calc(var(--layout-showcase3-arrow-face-hover) * 100%), transparent);
  color: var(--color-ink-cream);
}

.split__arrow--prev:hover .split__arrow-icon,
.split__arrow--prev:focus-visible .split__arrow-icon {
  transform: rotate(180deg) translateX(var(--layout-showcase3-arrow-shift));
}

.split__arrow--next:hover .split__arrow-icon,
.split__arrow--next:focus-visible .split__arrow-icon {
  transform: translateX(var(--layout-showcase3-arrow-shift));
}

@media (min-width: 1024px) {
  .split {
    grid-template-rows: none;
    grid-template-columns: var(--layout-showcase3-media-col) 1fr;
  }
  .split__pane--copy {
    --split-copy-inline: var(--layout-showcase3-copy-pad-inline);
  }
  .split__slide--copy {
    padding-block: var(--layout-showcase3-copy-pad-top) var(--layout-showcase3-copy-pad-bottom);
  }
  .split__entry {
    gap: var(--layout-showcase3-copy-gap);
  }
  .split__title {
    font-size: var(--layout-showcase3-title-size);
  }
  .split__aside {
    inset-block-end: var(--layout-showcase3-aside-bottom);
  }
}
@media (prefers-reduced-motion: reduce) {
  .split__image,
  .split__arrow,
  .split__arrow-icon,
  .split__link-arrow,
  .split__progress-fill {
    transition: none;
  }
}
.page-project-showcase-4 {
  overflow: hidden;
  overscroll-behavior: none;
}

.hover-reel {
  --reel-focus: var(--layout-showcase4-focus-offset-sm);
  --reel-gap: var(--layout-showcase4-item-gap-sm);
  position: relative;
  overflow: hidden;
  height: var(--layout-showcase4-height-fallback);
  height: var(--layout-showcase4-height);
  background-color: var(--color-ink-black);
  color: var(--color-ink-cream);
  user-select: none;
  touch-action: pan-y pinch-zoom;
}

.hover-reel__backdrop {
  position: absolute;
  inset: calc(-1 * var(--layout-showcase4-overscan));
  z-index: 0;
  will-change: transform;
}

.hover-reel__drift {
  position: absolute;
  inset: 0;
  will-change: transform;
}

.hover-reel__frame {
  position: absolute;
  inset: 0;
  margin: 0;
  opacity: 0;
  transition: opacity var(--layout-showcase4-backdrop-fade) var(--motion-easing-standard);
}

.hover-reel__frame.is-active {
  opacity: 1;
}

.hover-reel__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(var(--layout-showcase4-backdrop-scale));
  transition: transform var(--layout-showcase4-backdrop-duration) var(--motion-easing-standard);
  will-change: transform;
}

.hover-reel__frame.is-active .hover-reel__image {
  transform: scale(1);
}

.hover-reel__veil {
  position: absolute;
  inset: 0;
  background-color: color-mix(in srgb, var(--color-ink-black) calc(var(--layout-showcase4-veil-opacity) * 100%), transparent);
  background-image: linear-gradient(to bottom, color-mix(in srgb, var(--color-ink-black) calc(var(--layout-showcase4-veil-floor) * 100%), transparent), transparent 32%, transparent 70%, color-mix(in srgb, var(--color-ink-black) calc(var(--layout-showcase4-veil-floor) * 100%), transparent));
  pointer-events: none;
}

.hover-reel__rail {
  position: absolute;
  inset: 0;
  z-index: 2;
  cursor: grab;
}

.hover-reel.is-dragging .hover-reel__rail {
  cursor: grabbing;
}

.hover-reel__list {
  position: absolute;
  inset: 0;
}

.hover-reel__item {
  position: absolute;
  inset-block-start: var(--layout-showcase4-item-top);
  inset-inline-start: 0;
  width: max-content;
  will-change: transform;
  transition: opacity var(--layout-showcase4-hover-duration) var(--motion-easing-standard);
  visibility: hidden;
}

.hover-reel.is-hovering .hover-reel__item:not(.is-active) {
  opacity: var(--layout-showcase4-idle-opacity);
}

html:not(.js) .hover-reel__item:first-child {
  inset-inline-start: 50%;
  visibility: visible;
  transform: translate(-50%, -50%);
}

.hover-reel__link {
  display: flex;
  flex-direction: column;
  gap: var(--layout-showcase4-index-gap);
  color: inherit;
  text-decoration: none;
  outline: none;
}

.hover-reel__index {
  font-family: var(--font-family-sans);
  font-size: var(--layout-showcase4-index-size);
  line-height: 1;
  letter-spacing: var(--layout-showcase4-label-tracking);
  font-variant-numeric: tabular-nums;
  color: var(--color-ink-cream);
  opacity: var(--layout-showcase4-muted-opacity);
  transition: opacity var(--layout-showcase4-hover-duration) var(--motion-easing-standard);
}

.hover-reel__title {
  display: flex;
  flex-direction: column;
  font-family: var(--font-family-display);
  font-size: var(--layout-showcase4-title-size-sm);
  line-height: var(--layout-showcase4-title-leading);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--layout-showcase4-title-tracking);
  transform-origin: center;
  transition: transform var(--layout-showcase4-hover-duration) var(--motion-easing-standard);
}

.hover-reel__line {
  display: block;
  white-space: nowrap;
  color: transparent;
  -webkit-text-stroke-width: var(--layout-showcase4-stroke-width);
  -webkit-text-stroke-color: color-mix(in srgb, var(--color-ink-white) calc(var(--layout-showcase4-stroke-opacity) * 100%), transparent);
  transition: color var(--layout-showcase4-hover-duration) var(--motion-easing-standard), -webkit-text-stroke-color var(--layout-showcase4-hover-duration) var(--motion-easing-standard);
}

.hover-reel__line + .hover-reel__line {
  padding-inline-start: var(--layout-showcase4-line-indent);
}

.hover-reel__category {
  margin-block-start: var(--layout-showcase4-category-gap);
  padding-inline-start: var(--layout-showcase4-category-indent);
  font-family: var(--font-family-sans);
  font-size: var(--layout-showcase4-category-size);
  line-height: 1;
  letter-spacing: var(--layout-showcase4-label-tracking);
  text-transform: uppercase;
  color: var(--color-ink-cream);
  opacity: 0;
  transform: translate3d(0, var(--layout-showcase4-category-gap), 0);
  transition: opacity var(--layout-showcase4-hover-duration) var(--motion-easing-standard), transform var(--layout-showcase4-hover-duration) var(--motion-easing-standard);
}

.hover-reel__item.is-active .hover-reel__index {
  opacity: 1;
}

.hover-reel__item.is-active .hover-reel__title {
  transform: scale(var(--layout-showcase4-title-scale));
}

.hover-reel__item.is-active .hover-reel__line {
  color: var(--color-ink-white);
  -webkit-text-stroke-color: transparent;
}

.hover-reel__item.is-active .hover-reel__category {
  opacity: 1;
  transform: none;
}

.hover-reel__hint {
  position: absolute;
  inset-block-end: var(--layout-showcase4-hint-lift-sm);
  inset-inline-start: var(--reel-focus);
  z-index: 3;
  margin: 0;
  font-family: var(--font-family-sans);
  font-size: var(--layout-showcase4-hint-size);
  line-height: 1;
  letter-spacing: var(--layout-showcase4-label-tracking);
  text-transform: uppercase;
  color: var(--color-ink-sub);
  transition: opacity var(--layout-showcase4-hint-duration) var(--motion-easing-standard);
}

.hover-reel.is-engaged .hover-reel__hint {
  opacity: 0;
}

.hover-reel__footer {
  position: absolute;
  inset-inline: var(--reel-focus);
  inset-block-end: var(--layout-showcase4-footer-block);
  z-index: 3;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-areas: "readout nav" "thumbs thumbs";
  align-items: center;
  gap: var(--layout-showcase4-footer-gap);
}

.hover-reel__readout {
  grid-area: readout;
  display: flex;
  align-items: center;
  gap: var(--layout-showcase4-readout-gap);
  min-width: 0;
}

.hover-reel__counter {
  margin: 0;
  font-family: var(--font-family-sans);
  font-size: var(--layout-showcase4-counter-size);
  line-height: 1;
  letter-spacing: var(--layout-showcase4-counter-tracking);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  color: var(--color-ink-cream);
}

.hover-reel__counter-sep {
  margin-inline: var(--layout-showcase4-counter-sep-gap);
  color: var(--color-ink-sub);
}

.hover-reel__counter-total {
  color: var(--color-ink-sub);
}

.hover-reel__progress {
  position: relative;
  display: block;
  width: var(--layout-showcase4-progress-width);
  height: var(--layout-showcase4-progress-height);
  overflow: hidden;
  background-color: color-mix(in srgb, var(--color-ink-cream) calc(var(--layout-showcase4-progress-track) * 100%), transparent);
}

.hover-reel__progress-fill {
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  display: block;
  width: calc(var(--reel-progress, 0) * 100%);
  background-color: var(--color-ink-cream);
}

.hover-reel__thumbs {
  grid-area: thumbs;
  display: flex;
  align-items: center;
  gap: var(--layout-showcase4-thumb-gap);
  min-width: 0;
  padding-block: var(--layout-showcase4-thumb-ring-offset);
  overflow-x: auto;
  scrollbar-width: none;
}

.hover-reel__thumbs::-webkit-scrollbar {
  display: none;
}

.hover-reel__thumb-item {
  flex: 0 0 auto;
}

.hover-reel__thumb {
  display: block;
  overflow: hidden;
  width: auto;
  height: var(--layout-showcase4-thumb-height);
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
  aspect-ratio: var(--layout-showcase4-thumb-aspect);
  opacity: var(--layout-showcase4-thumb-dim);
  outline: var(--layout-showcase4-progress-height) solid transparent;
  outline-offset: var(--layout-showcase4-thumb-ring-offset);
  transition: opacity var(--layout-showcase4-chrome-duration) var(--motion-easing-standard), outline-color var(--layout-showcase4-chrome-duration) var(--motion-easing-standard);
}

.hover-reel__thumb-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hover-reel__thumb:hover,
.hover-reel__thumb:focus-visible {
  opacity: var(--layout-showcase4-thumb-hover);
}

.hover-reel__thumb.is-active {
  opacity: var(--layout-showcase4-thumb-active);
  outline-color: color-mix(in srgb, var(--color-ink-cream) calc(var(--layout-showcase4-thumb-ring) * 100%), transparent);
}

.hover-reel__nav {
  grid-area: nav;
  display: flex;
  align-items: center;
  gap: var(--layout-showcase4-arrow-gap);
}

.hover-reel__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--layout-showcase4-arrow-size);
  height: var(--layout-showcase4-arrow-size);
  padding: 0;
  border: var(--layout-showcase4-progress-height) solid color-mix(in srgb, var(--color-ink-cream) calc(var(--layout-showcase4-arrow-edge) * 100%), transparent);
  border-radius: var(--radius-pill);
  cursor: pointer;
  color: color-mix(in srgb, var(--color-ink-cream) calc(var(--layout-showcase4-arrow-dim) * 100%), transparent);
  transition: border-color var(--motion-duration-instant) var(--motion-easing-standard), background-color var(--motion-duration-instant) var(--motion-easing-standard), color var(--motion-duration-instant) var(--motion-easing-standard);
}

.hover-reel__arrow-icon {
  display: block;
  width: var(--layout-showcase4-arrow-icon);
  height: auto;
  transition: transform var(--motion-duration-instant) var(--motion-easing-standard);
}

.hover-reel__arrow--prev .hover-reel__arrow-icon {
  transform: rotate(180deg);
}

.hover-reel__arrow:hover,
.hover-reel__arrow:focus-visible {
  border-color: color-mix(in srgb, var(--color-ink-cream) calc(var(--layout-showcase4-arrow-edge-hover) * 100%), transparent);
  background-color: color-mix(in srgb, var(--color-ink-cream) calc(var(--layout-showcase4-arrow-face-hover) * 100%), transparent);
  color: var(--color-ink-cream);
}

.hover-reel__arrow--prev:hover .hover-reel__arrow-icon,
.hover-reel__arrow--prev:focus-visible .hover-reel__arrow-icon {
  transform: rotate(180deg) translateX(var(--layout-showcase4-arrow-shift));
}

.hover-reel__arrow--next:hover .hover-reel__arrow-icon,
.hover-reel__arrow--next:focus-visible .hover-reel__arrow-icon {
  transform: translateX(var(--layout-showcase4-arrow-shift));
}

@media (min-width: 1024px) {
  .hover-reel {
    --reel-focus: var(--layout-showcase4-focus-offset);
    --reel-gap: var(--layout-showcase4-item-gap);
  }
  .hover-reel__title {
    font-size: var(--layout-showcase4-title-size);
  }
  .hover-reel__footer {
    inset-block-end: var(--layout-showcase4-footer-block-lg);
    display: flex;
    justify-content: space-between;
  }
  .hover-reel__thumbs {
    flex: 0 1 auto;
    justify-content: center;
  }
  .hover-reel__hint {
    inset-block-end: var(--layout-showcase4-hint-lift);
  }
}
@media (prefers-reduced-motion: reduce) {
  .hover-reel__frame,
  .hover-reel__image,
  .hover-reel__index,
  .hover-reel__title,
  .hover-reel__line,
  .hover-reel__category,
  .hover-reel__hint {
    transition: none;
  }
}
.showcase-5 {
  --showcase5-parallax: var(--layout-showcase5-parallax);
  --showcase5-parallax-step: var(--layout-showcase5-parallax-step);
  --showcase5-reveal-scale: var(--layout-showcase5-reveal-scale);
  --showcase5-reveal-rise: var(--layout-showcase5-reveal-rise);
  --showcase5-reveal-duration: var(--layout-showcase5-reveal-duration);
  padding-block-start: var(--layout-showcase5-head-top-sm);
  padding-block-end: var(--layout-showcase5-foot);
}

.showcase-5__header {
  display: flex;
  flex-direction: column;
  gap: var(--layout-showcase5-head-gap);
  max-width: var(--layout-showcase5-head-max);
  margin-block-end: var(--layout-showcase5-head-bottom-sm);
}

.showcase-5__eyebrow {
  margin: 0;
  font-family: var(--font-family-sans);
  font-size: var(--layout-showcase5-eyebrow-size);
  line-height: 1.4;
  letter-spacing: var(--layout-showcase5-label-tracking);
  text-transform: uppercase;
  color: var(--color-text-secondary);
}

.showcase-5__title {
  margin: 0;
  font-family: var(--font-family-display);
  font-size: var(--layout-showcase5-head-title-size);
  line-height: var(--layout-showcase5-head-title-leading);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-primary);
}

.showcase-5__title .text-blur-stagger__letter {
  line-height: var(--layout-showcase5-head-title-leading);
}

.showcase-5__intro {
  margin: 0;
  max-width: var(--layout-showcase5-head-max);
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  color: var(--color-text-secondary);
}

.showcase-5__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--layout-showcase5-grid-gap-row-sm);
}

.showcase-5__item {
  min-width: 0;
}

.showcase-5__link {
  display: block;
  color: inherit;
  outline-offset: var(--layout-showcase5-focus-offset);
}

.js .showcase-5__item:not(.is-revealed) .showcase-5__link {
  opacity: 0;
  will-change: transform, opacity;
}

.showcase-5__media {
  margin: 0;
  overflow: hidden;
  clip-path: inset(0);
  transition: clip-path var(--layout-showcase5-hover-duration) var(--motion-easing-header);
}

.showcase-5__image {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  filter: grayscale(var(--layout-showcase5-image-gray));
  transition: filter var(--layout-showcase5-hover-duration) var(--motion-easing-header), transform var(--layout-showcase5-hover-duration) var(--motion-easing-header);
}

.showcase-5__media--wide .showcase-5__image {
  aspect-ratio: var(--layout-showcase5-ratio-wide);
}

.showcase-5__media--tall .showcase-5__image {
  aspect-ratio: var(--layout-showcase5-ratio-tall);
}

.showcase-5__meta {
  display: flex;
  flex-direction: column;
  gap: var(--layout-showcase5-meta-row-gap);
  padding-block-start: var(--layout-showcase5-meta-gap);
}

.showcase-5__name {
  margin: 0;
  width: fit-content;
  font-family: var(--font-family-display);
  font-size: var(--layout-showcase5-name-size-sm);
  line-height: var(--layout-showcase5-name-leading);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-primary);
}

.showcase-5__name::after {
  content: "";
  display: block;
  height: 1px;
  margin-block-start: var(--layout-showcase5-meta-row-gap);
  background-color: currentColor;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform var(--layout-showcase5-hover-duration) var(--motion-easing-header);
}

.showcase-5__detail {
  display: flex;
  align-items: baseline;
  gap: var(--layout-showcase5-meta-row-gap);
  margin: 0;
  font-family: var(--font-family-sans);
  font-size: var(--layout-showcase5-meta-size);
  line-height: 1.4;
  letter-spacing: var(--layout-showcase5-label-tracking);
  text-transform: uppercase;
  color: var(--color-text-secondary);
}

.showcase-5__dot {
  color: color-mix(in srgb, var(--color-text-secondary) 50%, transparent);
}

@media (hover: hover) and (pointer: fine) {
  .showcase-5__item:hover .showcase-5__media {
    clip-path: inset(var(--layout-showcase5-mask-inset));
  }
  .showcase-5__item:hover .showcase-5__image {
    transform: scale(var(--motion-zoom));
    filter: grayscale(var(--layout-showcase5-image-gray-hover));
  }
  .showcase-5__item:hover .showcase-5__name::after {
    transform: scaleX(1);
  }
}
.showcase-5__link:focus-visible .showcase-5__media {
  clip-path: inset(var(--layout-showcase5-mask-inset));
}

.showcase-5__link:focus-visible .showcase-5__image {
  transform: scale(var(--motion-zoom));
  filter: grayscale(var(--layout-showcase5-image-gray-hover));
}

.showcase-5__link:focus-visible .showcase-5__name::after {
  transform: scaleX(1);
}

@media (min-width: 768px) {
  .showcase-5 {
    padding-block-start: var(--layout-showcase5-head-top);
  }
  .showcase-5__header {
    margin-block-end: var(--layout-showcase5-head-bottom);
  }
  .showcase-5__grid {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: var(--layout-showcase5-grid-gap-row) var(--layout-showcase5-grid-gap-col);
  }
  .showcase-5__item--wide {
    grid-column: span 7;
  }
  .showcase-5__item--tall {
    grid-column: span 5;
    margin-block-start: var(--layout-showcase5-stagger-sm);
  }
  .showcase-5__name {
    font-size: var(--layout-showcase5-name-size);
  }
}
@media (min-width: 1024px) {
  .showcase-5__item--tall {
    margin-block-start: var(--layout-showcase5-stagger);
  }
}
@media (prefers-reduced-motion: reduce) {
  .js .showcase-5__item:not(.is-revealed) .showcase-5__link {
    opacity: 1;
  }
  .showcase-5__media,
  .showcase-5__image,
  .showcase-5__name::after {
    transition: none;
  }
  .showcase-5__item:hover .showcase-5__image,
  .showcase-5__link:focus-visible .showcase-5__image {
    transform: none;
  }
}
.showcase-6 {
  --showcase6-reveal-scale: var(--layout-showcase6-reveal-scale);
  --showcase6-reveal-rise: var(--layout-showcase6-reveal-rise);
  --showcase6-exit-scale: var(--layout-showcase6-exit-scale);
  --showcase6-title-drift: var(--layout-showcase6-title-drift);
  --showcase6-item-rise: var(--layout-showcase6-item-rise);
  --showcase6-item-duration: var(--layout-showcase6-item-duration);
  --showcase6-item-stagger: var(--layout-showcase6-item-stagger);
  --showcase6-backdrop-fade-out: var(--layout-showcase6-backdrop-fade-out);
  --showcase6-backdrop-fade-in: var(--layout-showcase6-backdrop-fade-in);
  overflow-x: clip;
  padding-block-start: var(--layout-showcase6-head-top-sm);
  padding-block-end: var(--layout-showcase6-foot);
}

.showcase-6__header {
  display: flex;
  flex-direction: column;
  gap: var(--layout-showcase6-head-gap);
  max-width: var(--layout-showcase6-head-max);
  margin-block-end: var(--layout-showcase6-head-bottom-sm);
}

.showcase-6__eyebrow {
  margin: 0;
  font-family: var(--font-family-sans);
  font-size: var(--layout-showcase6-eyebrow-size);
  line-height: 1.4;
  letter-spacing: var(--layout-showcase6-label-tracking);
  text-transform: uppercase;
  color: var(--color-text-secondary);
}

.showcase-6__title {
  margin: 0;
  font-family: var(--font-family-display);
  font-size: var(--layout-showcase6-title-size);
  line-height: var(--layout-showcase6-title-leading);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-primary);
}

.showcase-6__intro {
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  color: var(--color-text-secondary);
}

.showcase-6__list {
  position: relative;
}

.showcase-6__backdrop {
  position: absolute;
  inset-block-start: 0;
  inset-inline: calc(50% - 50vw);
  z-index: 0;
  height: 100vh;
  height: 100svh;
  overflow: hidden;
  background-color: var(--color-ink-black);
  pointer-events: none;
  will-change: transform;
}

.showcase-6__backdrop::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: color-mix(in srgb, var(--color-ink-black) var(--layout-showcase6-backdrop-veil), transparent);
}

.showcase-6__backdrop-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.showcase-6__project {
  position: relative;
  z-index: 1;
}

.showcase-6__lead {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: var(--layout-showcase6-lead-gap);
  min-height: var(--layout-showcase6-lead-height-sm);
  padding-block-end: var(--layout-showcase6-lead-pad);
}

.showcase-6__lead-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--space-1);
  margin: 0;
  font-family: var(--font-family-sans);
  font-size: var(--layout-showcase6-lead-meta-size);
  line-height: 1.4;
  letter-spacing: var(--layout-showcase6-label-tracking);
  text-transform: uppercase;
  color: var(--color-text-secondary);
}

.showcase-6__lead-dot {
  color: color-mix(in srgb, var(--color-text-secondary) 50%, transparent);
}

.showcase-6__lead-title {
  margin: 0;
  font-family: var(--font-family-display);
  font-size: var(--layout-showcase6-title-size);
  line-height: var(--layout-showcase6-title-leading);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-primary);
}

.js .showcase-6__lead-meta {
  color: color-mix(in srgb, var(--color-ink-cream) 78%, transparent);
}

.js .showcase-6__lead-dot {
  color: color-mix(in srgb, var(--color-ink-cream) 35%, transparent);
}

.js .showcase-6__lead-title {
  color: var(--color-ink-cream);
}

.showcase-6__frame {
  position: relative;
  width: 100%;
  transform-origin: 50% 50%;
  will-change: transform;
}

.showcase-6__card {
  display: flex;
  justify-content: center;
  width: 100%;
  overflow: hidden;
  background-color: var(--color-surface-cream);
  border-radius: var(--layout-showcase6-card-radius);
  transform-origin: 50% 50%;
  will-change: transform;
}

.showcase-6__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--layout-showcase6-content-gap);
  width: var(--layout-showcase6-content-width-sm);
  max-width: var(--layout-showcase6-content-max);
  margin-inline: auto;
  padding-block: var(--layout-showcase6-content-pad-sm) var(--layout-showcase6-content-pad-bottom-sm);
}

.showcase-6__top {
  display: flex;
  flex-direction: column;
  gap: var(--layout-showcase6-top-gap-sm);
  min-width: 0;
}

.showcase-6__details {
  display: flex;
  flex-direction: column;
  gap: var(--layout-showcase6-details-gap);
  min-width: 0;
}

.showcase-6__info {
  display: flex;
  flex-direction: column;
  gap: var(--layout-showcase6-info-gap);
  margin: 0;
}

.showcase-6__info-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-3);
  padding-block: var(--layout-showcase6-info-row-pad);
  border-block-start: 1px dashed var(--layout-showcase6-border-color);
}

.showcase-6__info-row:first-child {
  padding-block-start: 0;
  border-block-start: 0;
}

.showcase-6__info-label,
.showcase-6__info-value {
  margin: 0;
  font-family: var(--font-family-sans);
  font-size: var(--font-size-sm);
  line-height: var(--font-leading-sm);
}

.showcase-6__info-label {
  color: var(--color-text-secondary);
}

.showcase-6__info-value {
  color: var(--color-ink-black);
  font-weight: var(--font-weight-medium);
  text-align: right;
}

.showcase-6__media {
  order: -1;
  margin: 0;
  overflow: hidden;
  aspect-ratio: var(--layout-showcase6-media-ratio-sm);
  border-radius: var(--layout-showcase6-media-radius);
}

.showcase-6__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.showcase-6__cta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-showcase6-cta-gap);
}

.showcase-6__tagline {
  margin: 0;
  max-width: 26ch;
  font-family: var(--font-family-display);
  font-size: var(--layout-showcase6-tagline-size-sm);
  line-height: var(--layout-showcase6-tagline-leading);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-ink-black);
}

.showcase-6__button {
  display: inline-flex;
  align-items: center;
  gap: var(--layout-showcase6-button-gap);
  width: fit-content;
  padding-block: var(--layout-showcase6-button-pad-y);
  padding-inline: var(--layout-showcase6-button-pad-x);
  border-radius: var(--radius-pill);
  background-color: var(--color-ink-black);
  color: var(--color-ink-cream);
  font-family: var(--font-family-sans);
  font-size: var(--font-size-sm);
  line-height: 1;
  text-decoration: none;
}

.showcase-6__button-icon {
  flex: none;
  width: var(--layout-showcase6-button-icon);
  height: var(--layout-showcase6-button-icon);
  transition: transform var(--motion-duration-instant) var(--motion-easing-standard);
}

.showcase-6__button:hover .showcase-6__button-icon,
.showcase-6__button:focus-visible .showcase-6__button-icon {
  transform: rotate(var(--layout-showcase6-button-icon-rotate));
}

.showcase-6__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--layout-showcase6-foot-gap);
  padding-block-start: var(--layout-showcase6-foot-pad);
  border-block-start: 1px dashed var(--layout-showcase6-border-color);
  font-family: var(--font-family-sans);
  font-size: var(--layout-showcase6-meta-size);
  line-height: 1.4;
  letter-spacing: var(--layout-showcase6-label-tracking);
  text-transform: uppercase;
  color: var(--color-text-secondary);
}

.showcase-6__footer {
  display: flex;
  justify-content: center;
  margin-block-start: var(--layout-showcase6-more-margin-top);
}

.showcase-6__more {
  display: inline-flex;
  align-items: center;
  gap: var(--layout-showcase6-more-gap);
  padding-block: var(--layout-showcase6-more-pad-y);
  padding-inline: var(--layout-showcase6-more-pad-x);
  border: 1px solid var(--color-text-primary);
  border-radius: var(--radius-pill);
  background-color: transparent;
  color: var(--color-text-primary);
  font-family: var(--font-family-sans);
  font-size: var(--font-size-sm);
  line-height: 1;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  transition: background-color var(--motion-duration-instant) var(--motion-easing-standard), color var(--motion-duration-instant) var(--motion-easing-standard);
}

.showcase-6__more:hover,
.showcase-6__more:focus-visible {
  background-color: var(--color-text-primary);
  color: var(--color-surface-base);
}

.showcase-6__more-icon {
  flex: none;
  width: var(--layout-showcase6-more-icon-width);
  height: var(--layout-showcase6-more-icon-height);
  transition: transform var(--motion-duration-instant) var(--motion-easing-standard);
}

.showcase-6__more:hover .showcase-6__more-icon,
.showcase-6__more:focus-visible .showcase-6__more-icon {
  transform: translateX(var(--motion-lift));
}

.showcase-6__exit {
  display: none;
}

.js [data-showcase6-item]:not(.is-revealed) {
  opacity: 0;
  will-change: transform, opacity;
}

@media (min-width: 1024px) {
  .showcase-6 {
    padding-block-start: var(--layout-showcase6-head-top);
  }
  .showcase-6__header {
    margin-block-end: var(--layout-showcase6-head-bottom);
  }
  .showcase-6__lead {
    min-height: var(--layout-showcase6-lead-height);
  }
  .showcase-6__card {
    height: var(--layout-showcase6-card-height);
  }
  .showcase-6__content {
    width: var(--layout-showcase6-content-width);
    height: 100%;
    padding-block: var(--layout-showcase6-content-pad);
  }
  .showcase-6__top {
    flex-direction: row;
    flex: 1 1 auto;
    gap: var(--layout-showcase6-top-gap);
    min-height: 0;
  }
  .showcase-6__details {
    flex: 1 1 0;
  }
  .showcase-6__media {
    flex: 2 0 0;
    height: 100%;
    aspect-ratio: auto;
    order: 0;
  }
  .showcase-6__cta {
    margin-block-start: auto;
  }
  .showcase-6__tagline {
    font-size: var(--layout-showcase6-tagline-size);
  }
  .showcase-6__exit {
    display: block;
    position: absolute;
    inset-block: var(--layout-showcase6-exit-inset);
    inset-inline: 0;
    pointer-events: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .js [data-showcase6-item]:not(.is-revealed) {
    opacity: 1;
  }
  .showcase-6__frame,
  .showcase-6__card {
    will-change: auto;
  }
  .showcase-6__button-icon {
    transition: none;
  }
  .showcase-6__button:hover .showcase-6__button-icon,
  .showcase-6__button:focus-visible .showcase-6__button-icon {
    transform: none;
  }
}
.services-1 {
  padding-block: var(--space-10) var(--space-12);
}

.services-1__inner {
  display: grid;
  gap: var(--layout-services1-gap);
}

.services-1__intro {
  display: flex;
  flex-direction: column;
  gap: var(--layout-services1-intro-stack-gap);
  max-width: var(--layout-services1-intro-max);
}

.services-1__title {
  margin: 0;
  max-width: 8ch;
  font-size: var(--font-size-h1);
  line-height: var(--font-leading-h1);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-primary);
  text-wrap: balance;
}

.services-1__visual {
  position: relative;
  margin: 0;
  overflow: hidden;
  width: 100%;
  max-width: var(--layout-services1-visual-width);
  aspect-ratio: var(--layout-services1-visual-ratio);
  background-color: var(--color-surface-subtle);
}

.services-1__visual-img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  will-change: transform, opacity;
  pointer-events: none;
}

.js .services-1__visual-img {
  opacity: 0;
  visibility: hidden;
}

.js .services-1__visual-img.is-active {
  opacity: 1;
  visibility: visible;
}

@media (prefers-reduced-motion: reduce) {
  .services-1__visual-img {
    will-change: auto;
  }
}
.services-1__list {
  margin: 0;
  padding: 0;
  list-style: none;
  border-inline-start: 1px solid var(--color-border-base);
}

.services-1__item {
  border-bottom: 1px solid var(--color-border-base);
}

.services-1__item-link {
  display: grid;
  gap: var(--space-2);
  align-items: center;
  position: relative;
  min-height: var(--layout-services1-list-min-height);
  padding-block: var(--space-3);
  padding-inline: var(--space-3);
  margin-inline-start: -1px;
  border-inline-start: 1px solid transparent;
  color: var(--color-text-primary);
  background-color: transparent;
  transition: background-color var(--motion-duration-instant) var(--motion-easing-standard), border-color var(--motion-duration-instant) var(--motion-easing-standard), padding-inline var(--motion-duration-instant) var(--motion-easing-standard);
}

.services-1__item:hover .services-1__item-link,
.services-1__item:focus-within .services-1__item-link {
  padding-inline: var(--space-4);
}

.services-1__item-title {
  margin: 0;
  display: flex;
  flex-direction: column;
  font-size: var(--font-size-h5);
  line-height: var(--font-leading-h5);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tighter);
  color: inherit;
}

.services-1__item-line {
  display: block;
}

.services-1__item-text {
  margin: 0;
  max-width: 18rem;
  font-size: var(--font-size-md);
  line-height: var(--font-leading-md);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
}

.services-1__item-index {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: start;
  width: var(--layout-services1-index-size);
  height: var(--layout-services1-index-size);
  border-radius: 50%;
  font-size: var(--font-size-h5);
  line-height: var(--font-leading-h5);
  font-weight: var(--font-weight-regular);
  letter-spacing: normal;
  color: inherit;
  background-color: transparent;
  transition: color var(--motion-duration-instant) var(--motion-easing-standard), background-color var(--motion-duration-instant) var(--motion-easing-standard);
}

.services-1__item-link:hover,
.services-1__item-link:focus-visible {
  background-color: var(--color-surface-subtle);
  border-inline-start-color: var(--color-brand-1);
}

.services-1__item-link:hover .services-1__item-index,
.services-1__item-link:focus-visible .services-1__item-index {
  color: var(--color-button-text);
  background-color: var(--color-brand-1);
}

@media (prefers-reduced-motion: reduce) {
  .services-1__item-link,
  .services-1__item-index {
    transition: none;
  }
}
@media (min-width: 1024px) {
  .services-1__inner {
    grid-template-columns: minmax(0, var(--layout-services1-intro-max)) minmax(0, 1fr);
    align-items: start;
    column-gap: var(--space-8);
  }
  .services-1__item-link {
    grid-template-columns: minmax(12rem, 1.1fr) minmax(12rem, 1fr) auto;
    column-gap: var(--space-4);
    padding-inline: var(--space-4) var(--space-3);
  }
  .services-1__item:hover .services-1__item-link,
  .services-1__item:focus-within .services-1__item-link {
    padding-inline: var(--space-5) var(--space-4);
  }
  .services-1__item-index {
    justify-self: end;
  }
}
.services-2 {
  padding-block: var(--space-8) var(--space-12);
}

.services-2__inner {
  display: grid;
  gap: var(--space-8);
  border-block-start: 1px solid var(--color-border-base);
}

.services-2__aside {
  display: flex;
  flex-direction: column;
  gap: var(--layout-services2-aside-gap);
  max-width: var(--layout-services2-aside-width);
  padding-block-start: var(--space-6);
}

.services-2__lede {
  margin: 0;
  width: max-content;
  max-width: 100%;
  font-size: var(--font-size-h6);
  line-height: var(--font-leading-h6);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  text-transform: capitalize;
  color: var(--color-text-primary);
}

.services-2__lede-line {
  display: block;
}

.services-2__stack {
  display: flex;
  flex-direction: column;
  gap: var(--layout-services2-stack-gap);
  width: 100%;
}

.services-2__media {
  margin: 0;
  overflow: hidden;
  aspect-ratio: var(--layout-services2-visual-ratio);
  background-color: var(--color-surface-subtle);
}

.services-2__media .anim-zoomin-wrap {
  position: absolute;
  inset: 0;
  will-change: transform, opacity;
}

.services-2__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

html:not(.js) .services-2__image + .services-2__image {
  display: none;
}

.services-2__cta {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: var(--layout-services2-cta-height);
  padding-inline: var(--layout-services2-cta-padding-inline);
  border-radius: var(--layout-services2-cta-radius);
  font-size: var(--font-size-lg);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-ink-cream);
  background-color: var(--color-brand-1);
}

.services-2__cta-label {
  display: inline-flex;
  align-items: center;
}

.services-2__cta .text-flip {
  vertical-align: baseline;
}

.services-2__cta-arrow {
  display: block;
  flex: 0 0 auto;
  width: var(--layout-services2-download-arrow-width);
  height: var(--layout-services2-download-arrow-height);
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;base64,77u/PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNiAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOS40NzczNiAwLjI3ODQxN0wxNS43MTMgNi4zMjc4NEMxNi4wOTU3IDYuNjk5MDcgMTYuMDk1NyA3LjMwMDk0IDE1LjcxMyA3LjY3MjE2TDkuNDc3MzYgMTMuNzIxNkM5LjA5NDcgMTQuMDkyOCA4LjQ3NDMxIDE0LjA5MjggOC4wOTE2NSAxMy43MjE2QzcuNzA5IDEzLjM1MDQgNy43MDkgMTIuNzQ4NSA4LjA5MTY1IDEyLjM3NzNMMTIuNjU0NiA3Ljk1MDU4SDAuOTc5ODM5QzAuNDM4Njg5IDcuOTUwNTggMCA3LjUyNDk5IDAgN0MwIDYuNDc1MDEgMC40Mzg2ODkgNi4wNDk0MyAwLjk3OTgzOSA2LjA0OTQzSDEyLjY1NDZMOC4wOTE2NSAxLjYyMjczQzcuNzA5IDEuMjUxNTEgNy43MDkgMC42NDk2NCA4LjA5MTY1IDAuMjc4NDE3QzguNDc0MzEgLTAuMDkyODA1NyA5LjA5NDcgLTAuMDkyODA1NyA5LjQ3NzM2IDAuMjc4NDE3WiIgZmlsbD0iY3VycmVudENvbG9yIi8+Cjwvc3ZnPg0K") center/contain no-repeat;
  mask: url("data:image/svg+xml;base64,77u/PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNiAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOS40NzczNiAwLjI3ODQxN0wxNS43MTMgNi4zMjc4NEMxNi4wOTU3IDYuNjk5MDcgMTYuMDk1NyA3LjMwMDk0IDE1LjcxMyA3LjY3MjE2TDkuNDc3MzYgMTMuNzIxNkM5LjA5NDcgMTQuMDkyOCA4LjQ3NDMxIDE0LjA5MjggOC4wOTE2NSAxMy43MjE2QzcuNzA5IDEzLjM1MDQgNy43MDkgMTIuNzQ4NSA4LjA5MTY1IDEyLjM3NzNMMTIuNjU0NiA3Ljk1MDU4SDAuOTc5ODM5QzAuNDM4Njg5IDcuOTUwNTggMCA3LjUyNDk5IDAgN0MwIDYuNDc1MDEgMC40Mzg2ODkgNi4wNDk0MyAwLjk3OTgzOSA2LjA0OTQzSDEyLjY1NDZMOC4wOTE2NSAxLjYyMjczQzcuNzA5IDEuMjUxNTEgNy43MDkgMC42NDk2NCA4LjA5MTY1IDAuMjc4NDE3QzguNDc0MzEgLTAuMDkyODA1NyA5LjA5NDcgLTAuMDkyODA1NyA5LjQ3NzM2IDAuMjc4NDE3WiIgZmlsbD0iY3VycmVudENvbG9yIi8+Cjwvc3ZnPg0K") center/contain no-repeat;
  transform: rotate(90deg);
  transition: transform var(--motion-duration-instant) var(--motion-easing-standard);
}

.services-2__cta:hover .services-2__cta-arrow,
.services-2__cta:focus-visible .services-2__cta-arrow {
  transform: rotate(90deg) translateX(var(--motion-lift));
}

.services-2__main {
  display: flex;
  flex-direction: column;
  gap: var(--layout-services2-title-to-list);
  min-width: 0;
  padding-block-start: var(--space-6);
}

.services-2__title {
  margin: 0;
  max-width: var(--layout-services2-title-max);
  font-size: var(--font-size-h4);
  line-height: var(--font-leading-h4);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-primary);
  text-wrap: balance;
}

.services-2__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.services-2__item {
  border-block-end: 1px solid var(--color-border-base);
}

.services-2__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  min-height: var(--layout-services2-row-min-height);
  padding-block: var(--layout-services2-row-pad-block);
  padding-inline: 0;
  color: var(--color-text-primary);
  transition: padding-inline var(--motion-duration-instant) var(--motion-easing-standard);
}

.services-2__item:hover .services-2__link,
.services-2__link:focus-visible {
  padding-inline: var(--space-1);
}

.services-2__label {
  font-family: var(--font-family-meta);
  font-size: var(--font-size-h6);
  line-height: var(--font-leading-h6);
  font-weight: var(--font-weight-regular);
}

.services-2__label .text-flip {
  vertical-align: baseline;
}

.services-2__arrow {
  display: block;
  flex: 0 0 auto;
  width: var(--layout-services2-link-arrow);
  height: var(--layout-services2-link-arrow);
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;base64,77u/PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgOSA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGFyaWEtaGlkZGVuPSJ0cnVlIiBmb2N1c2FibGU9ImZhbHNlIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjUgMEg4LjI1QzguNjY0MjEgMCA5IDAuMzM1Nzg2IDkgMC43NVY3LjVDOSA3LjkxNDIxIDguNjY0MjEgOC4yNSA4LjI1IDguMjVDNy44MzU3OSA4LjI1IDcuNSA3LjkxNDIxIDcuNSA3LjVWMi41NjA2NkwxLjI4MDMzIDguNzgwMzNDMC45ODc0MzcgOS4wNzMyMiAwLjUxMjU2MyA5LjA3MzIyIDAuMjE5NjcgOC43ODAzM0MtMC4wNzMyMjMzIDguNDg3NDQgLTAuMDczMjIzMyA4LjAxMjU2IDAuMjE5NjcgNy43MTk2N0w2LjQzOTM0IDEuNUgxLjVDMS4wODU3OSAxLjUgMC43NSAxLjE2NDIxIDAuNzUgMC43NUMwLjc1IDAuMzM1Nzg2IDEuMDg1NzkgMCAxLjUgMFoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4NCg==") center/contain no-repeat;
  mask: url("data:image/svg+xml;base64,77u/PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgOSA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGFyaWEtaGlkZGVuPSJ0cnVlIiBmb2N1c2FibGU9ImZhbHNlIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjUgMEg4LjI1QzguNjY0MjEgMCA5IDAuMzM1Nzg2IDkgMC43NVY3LjVDOSA3LjkxNDIxIDguNjY0MjEgOC4yNSA4LjI1IDguMjVDNy44MzU3OSA4LjI1IDcuNSA3LjkxNDIxIDcuNSA3LjVWMi41NjA2NkwxLjI4MDMzIDguNzgwMzNDMC45ODc0MzcgOS4wNzMyMiAwLjUxMjU2MyA5LjA3MzIyIDAuMjE5NjcgOC43ODAzM0MtMC4wNzMyMjMzIDguNDg3NDQgLTAuMDczMjIzMyA4LjAxMjU2IDAuMjE5NjcgNy43MTk2N0w2LjQzOTM0IDEuNUgxLjVDMS4wODU3OSAxLjUgMC43NSAxLjE2NDIxIDAuNzUgMC43NUMwLjc1IDAuMzM1Nzg2IDEuMDg1NzkgMCAxLjUgMFoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4NCg==") center/contain no-repeat;
  transition: transform var(--motion-duration-instant) var(--motion-easing-standard);
}

.services-2__item:hover .services-2__arrow,
.services-2__link:focus-visible .services-2__arrow {
  transform: rotate(var(--layout-services2-link-arrow-rotate));
}

@media (prefers-reduced-motion: reduce) {
  .services-2__cta-arrow,
  .services-2__arrow,
  .services-2__link {
    transition: none;
  }
  .services-2__item:hover .services-2__arrow,
  .services-2__link:focus-visible .services-2__arrow {
    transform: none;
  }
  .services-2__cta:hover .services-2__cta-arrow,
  .services-2__cta:focus-visible .services-2__cta-arrow {
    transform: rotate(90deg);
  }
}
@media (min-width: 768px) {
  .services-2__aside {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: var(--layout-services2-tablet-aside-gap);
    align-items: start;
    max-width: none;
  }
}
@media (min-width: 1024px) {
  .services-2__inner {
    grid-template-columns: var(--layout-services2-aside-width) minmax(0, 1fr);
    column-gap: var(--layout-services2-columns-gap);
    align-items: stretch;
  }
  .services-2__aside {
    display: flex;
    flex-direction: column;
    max-width: none;
    padding-inline-end: var(--space-6);
    border-inline-end: 1px solid var(--color-border-base);
  }
}
.services-3 {
  padding-block: var(--space-4) var(--space-12);
}

.services-3__list {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  border-block-start: 1px solid var(--color-border-base);
  padding-block-start: var(--layout-services3-row-gap);
}

.services-3__item {
  position: relative;
  display: grid;
  gap: var(--space-6);
  align-items: start;
  min-height: var(--layout-services3-row-min-height);
  padding-block-start: var(--layout-services3-row-pad-top);
  padding-block-end: var(--layout-services3-row-gap);
  border-block-end: 1px solid var(--color-border-base);
  transition: padding-inline-start var(--motion-duration-instant) var(--motion-easing-standard);
}

.services-3__item::before {
  content: "";
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  width: 0;
  background-color: var(--color-brand-1);
  transition: width var(--motion-duration-instant) var(--motion-easing-standard);
}

.services-3__item:hover {
  padding-inline-start: calc(var(--layout-services3-accent-width) + var(--layout-services3-accent-gap));
}

.services-3__item:hover::before {
  width: var(--layout-services3-accent-width);
}

.services-3__body {
  display: grid;
  gap: var(--space-4);
}

.services-3__index {
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-primary);
}

.services-3__info {
  display: grid;
  gap: var(--space-4);
}

.services-3__title {
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-primary);
}

.services-3__services {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}

.services-3__service {
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
}

.services-3__media {
  position: relative;
  margin: 0;
  overflow: hidden;
  width: 100%;
  height: var(--layout-services3-media-max-height-mobile);
  transition: width var(--motion-duration-media) var(--motion-easing-standard);
}

.services-3__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

@media (min-width: 768px) {
  .services-3__body {
    grid-template-columns: auto minmax(0, 1fr);
    column-gap: var(--layout-services3-index-gap);
    align-items: start;
  }
  .services-3__info {
    grid-template-columns: auto minmax(0, 1fr);
    column-gap: var(--layout-services3-title-gap);
    align-items: start;
  }
  .services-3__services {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: var(--layout-services3-service-column-gap);
  }
  .services-3__media {
    width: min(100%, var(--layout-services3-image-width));
    height: var(--layout-services3-image-height);
  }
  .services-3__item:hover .services-3__media {
    width: min(100%, var(--layout-services3-image-hover-width));
  }
}
@media (min-width: 1024px) {
  .services-3__item {
    grid-template-columns: minmax(0, 1fr) auto;
    justify-content: space-between;
    column-gap: var(--space-8);
    align-items: start;
  }
  .services-3__media {
    width: var(--layout-services3-image-width);
    flex: 0 0 auto;
  }
  .services-3__services {
    display: flex;
    flex-direction: column;
  }
  .services-3__item:hover .services-3__media {
    width: var(--layout-services3-image-hover-width);
  }
}
@media (prefers-reduced-motion: reduce) {
  .services-3__item,
  .services-3__item::before,
  .services-3__media {
    transition: none;
  }
}
.services-4 {
  padding-block: var(--space-16) var(--space-16);
  color: var(--color-text-primary);
}

.services-4__inner {
  container-type: inline-size;
  max-width: calc(var(--layout-services4-content-max) + 2 * var(--layout-services4-pad-inline));
  padding-inline: var(--layout-services4-pad-inline);
}

.services-4__title {
  margin: 0;
  text-align: center;
  text-transform: capitalize;
  font-family: var(--font-family-display);
  font-size: min(var(--layout-services4-title-size), 100cqi / var(--layout-services4-title-fit));
  line-height: var(--layout-services4-title-leading);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tighter);
  color: var(--color-text-primary);
}

.services-4__title-line {
  display: block;
}

.services-4__title-line.text-mark-top__line {
  padding-block: 0.18em;
  margin-block: -0.18em;
}

.services-4__layout {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-areas: "list list" "portrait runner";
  gap: var(--layout-services4-media-gap);
  margin-block-start: var(--layout-services4-heading-gap);
  align-items: start;
}

.services-4__list {
  grid-area: list;
  display: flex;
  flex-direction: column;
  gap: var(--layout-services4-list-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}

.services-4__item {
  text-align: center;
}

.services-4__link {
  position: relative;
  display: inline-block;
  font-size: var(--layout-services4-list-size);
  line-height: var(--layout-services4-list-leading);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tighter);
  text-transform: uppercase;
  text-decoration-line: none;
  transform-origin: 50% 50%;
  color: var(--color-text-primary);
  transition: color var(--motion-duration-instant) var(--motion-easing-standard), transform var(--motion-duration-instant) var(--motion-easing-standard), opacity var(--motion-duration-instant) var(--motion-easing-standard);
}

.services-4__label {
  display: block;
}

.services-4__rule {
  position: absolute;
  inset-inline: 0;
  bottom: var(--layout-services4-link-underline-offset);
  height: 1px;
  background-color: currentColor;
  transform-origin: 0 50%;
  will-change: transform;
}

.js .services-4__rule {
  transform: scaleX(0);
}

.services-4__item:hover .services-4__link,
.services-4__link:focus-visible {
  color: var(--color-brand-1);
}

@media (hover: hover) and (pointer: fine) {
  .services-4__list:has(.services-4__item:hover) .services-4__item:not(:hover) .services-4__link {
    opacity: var(--layout-services4-hover-opacity);
    transform: scale(var(--layout-services4-hover-scale));
  }
}
.services-4__list:has(.services-4__item:focus-within) .services-4__item:not(:focus-within) .services-4__link {
  opacity: var(--layout-services4-hover-opacity);
  transform: scale(var(--layout-services4-hover-scale));
}

.services-4__media {
  position: relative;
  margin: 0;
  overflow: hidden;
  border-radius: var(--layout-services4-media-radius);
  background-color: var(--color-surface-subtle);
}

.services-4__reveal {
  position: absolute;
  inset: 0;
  display: block;
}

.services-4__image {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 0;
}

.services-4__image:first-child {
  opacity: 1;
}

.services-4__media--portrait {
  grid-area: portrait;
  aspect-ratio: var(--layout-services4-portrait-ratio);
}

.services-4__media--runner {
  grid-area: runner;
  aspect-ratio: var(--layout-services4-runner-ratio);
}

@media (min-width: 1024px) {
  .services-4__layout {
    grid-template-columns: minmax(0, 290fr) minmax(0, 1037fr) minmax(0, 290fr);
    grid-template-areas: "portrait list runner";
    align-items: start;
    column-gap: 0;
  }
  .services-4__media--portrait {
    margin-block-start: var(--layout-services4-portrait-offset);
  }
}
.services-4__preview {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 4;
  width: var(--layout-services4-preview-width);
  max-width: var(--layout-services4-preview-max-width);
  padding-block: var(--layout-services4-preview-pad-block);
  padding-inline: var(--layout-services4-preview-pad-inline);
  border-radius: var(--layout-services4-preview-radius);
  background-color: var(--color-surface-subtle);
  color: var(--color-text-primary);
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--motion-duration-menu) var(--motion-easing-standard), visibility 0s linear var(--motion-duration-menu);
}
.services-4__preview.is-visible {
  opacity: 1;
  visibility: visible;
  transition: opacity var(--motion-duration-menu) var(--motion-easing-standard), visibility 0s linear 0s;
}

.services-4__preview-tilt {
  will-change: transform;
}

.services-4__preview-frame {
  display: grid;
}

.services-4__preview-panel {
  grid-area: 1/1;
  min-width: 0;
  will-change: transform, opacity;
}

.services-4__preview-list {
  margin: 0;
  padding: 0;
  padding-inline-start: var(--layout-services4-preview-indent);
  list-style: disc;
  font-size: var(--layout-services4-preview-size);
  line-height: var(--layout-services4-preview-leading);
  font-weight: var(--font-weight-regular);
}

@media (hover: none), (pointer: coarse) {
  .services-4__preview {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .services-4__preview {
    display: none;
  }
  .services-4__link {
    transition: none;
  }
  .js .services-4__rule {
    transform: none;
    will-change: auto;
  }
}
.testimonials-1 {
  padding-block: var(--space-10) var(--space-12);
}

.testimonials-1__title {
  margin: 0 0 var(--layout-testimonials1-header-gap);
  max-width: var(--layout-testimonials1-title-max);
  font-size: var(--font-size-h1);
  line-height: var(--font-leading-h1);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-primary);
  text-wrap: balance;
}

.testimonials-1__rail {
  position: relative;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
}
.testimonials-1__rail::-webkit-scrollbar {
  display: none;
}

.js .testimonials-1__rail {
  overflow: hidden;
  cursor: grab;
  touch-action: pan-y;
  user-select: none;
}
.js .testimonials-1__rail.is-dragging {
  cursor: grabbing;
}

.testimonials-1__track {
  display: flex;
  flex-wrap: nowrap;
  width: max-content;
  will-change: transform;
}

ul.testimonials-1__group {
  display: flex;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: var(--layout-testimonials1-card-gap);
  margin: 0;
  padding: 0;
  padding-inline-end: var(--layout-testimonials1-card-gap);
  list-style: none;
}

.testimonials-1__card {
  display: flex;
  flex-direction: column;
  gap: var(--layout-testimonials1-stack-gap);
  flex: 0 0 var(--layout-testimonials1-card-width);
  width: var(--layout-testimonials1-card-width);
  color: var(--color-text-primary);
}

.testimonials-1__quote,
.testimonials-1__author {
  margin: 0;
  border: 1px solid var(--color-border-base);
  transition: background-color var(--motion-duration-instant) var(--motion-easing-standard);
}

.testimonials-1__quote {
  display: flex;
  min-height: var(--layout-testimonials1-quote-height);
  padding: var(--layout-testimonials1-quote-padding);
}

.testimonials-1__quote-text {
  margin: 0;
  font-size: var(--font-size-h6);
  line-height: var(--font-leading-h6);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-primary);
}

.testimonials-1__author {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
  min-height: var(--layout-testimonials1-author-height);
  padding-block: var(--space-2);
  padding-inline: var(--layout-testimonials1-author-padding-inline);
}

.testimonials-1__person {
  display: flex;
  flex-direction: column;
  gap: var(--layout-testimonials1-author-gap);
  min-width: 0;
}

.testimonials-1__name {
  font-style: normal;
  font-size: var(--font-size-h6);
  line-height: var(--font-leading-h6);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-primary);
}

.testimonials-1__role {
  margin: 0;
  font-size: var(--font-size-md);
  line-height: var(--font-leading-md);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
}

.testimonials-1__icon {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: var(--layout-testimonials1-icon-size);
  height: var(--layout-testimonials1-icon-size);
  border: 1px solid var(--color-border-base);
  border-radius: 50%;
  color: var(--color-text-primary);
}

.testimonials-1__icon-mark {
  display: block;
  width: var(--layout-testimonials1-icon-mark-width);
  height: var(--layout-testimonials1-icon-mark-height);
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjI0IDI2IDI1IDIwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGFyaWEtaGlkZGVuPSJ0cnVlIiBmb2N1c2FibGU9ImZhbHNlIj4KPHBhdGggZD0iTTQ5IDI2VjI5LjQzNjRDNDUuMTQ4IDMwLjMyOTkgNDMuMjU5OCAzMi4zOTE4IDQzLjE4NDMgMzYuNzIxNkg0OVY0NkgzOC41NzdWMzguOTg5N0MzOC41NzcgMzEuMjIzNCA0MS4xNDUgMjcuNTEyIDQ5IDI2Wk0zNC40MjMgMjZWMjkuNDM2NEMzMC41NzEgMzAuMzI5OSAyOC42ODI4IDMyLjM5MTggMjguNjA3MyAzNi43MjE2SDM0LjQyM1Y0NkgyNFYzOC45ODk3QzI0IDMxLjIyMzQgMjYuNTY4IDI3LjUxMiAzNC40MjMgMjZaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4KPC9zdmc+Cg==") center/contain no-repeat;
  mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjI0IDI2IDI1IDIwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGFyaWEtaGlkZGVuPSJ0cnVlIiBmb2N1c2FibGU9ImZhbHNlIj4KPHBhdGggZD0iTTQ5IDI2VjI5LjQzNjRDNDUuMTQ4IDMwLjMyOTkgNDMuMjU5OCAzMi4zOTE4IDQzLjE4NDMgMzYuNzIxNkg0OVY0NkgzOC41NzdWMzguOTg5N0MzOC41NzcgMzEuMjIzNCA0MS4xNDUgMjcuNTEyIDQ5IDI2Wk0zNC40MjMgMjZWMjkuNDM2NEMzMC41NzEgMzAuMzI5OSAyOC42ODI4IDMyLjM5MTggMjguNjA3MyAzNi43MjE2SDM0LjQyM1Y0NkgyNFYzOC45ODk3QzI0IDMxLjIyMzQgMjYuNTY4IDI3LjUxMiAzNC40MjMgMjZaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4KPC9zdmc+Cg==") center/contain no-repeat;
}

.testimonials-1__card.is-featured .testimonials-1__quote,
.testimonials-1__card.is-featured .testimonials-1__author,
.testimonials-1__card:hover .testimonials-1__quote,
.testimonials-1__card:hover .testimonials-1__author {
  background-color: var(--color-surface-subtle);
}

@media (prefers-reduced-motion: reduce) {
  .testimonials-1__quote,
  .testimonials-1__author {
    transition: none;
  }
}
@media (min-width: 768px) {
  .testimonials-1__rail::before {
    content: "";
    position: absolute;
    inset-block: 0;
    inset-inline-start: 0;
    z-index: 1;
    width: min(40%, var(--layout-testimonials1-fade-width));
    pointer-events: none;
    background: linear-gradient(to right, var(--color-surface-base) 0%, transparent 100%);
  }
}
.testimonials-2 {
  padding-block: var(--space-8) var(--space-12);
}

.testimonials-2__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--layout-testimonials2-title-stack-gap);
  max-width: var(--layout-testimonials2-title-max);
  margin-inline: auto;
  margin-bottom: var(--layout-testimonials2-header-gap);
  text-align: center;
}

.testimonials-2__title {
  display: flex;
  flex-direction: column;
  margin: 0;
  font-family: var(--font-family-sans);
  font-size: clamp(3.5rem, 10vw, var(--layout-testimonials2-title-size));
  line-height: 0.86;
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tighter);
  color: var(--color-text-primary);
}

.testimonials-2__title-line {
  display: block;
}

.testimonials-2__title-line.text-mark-top__line {
  padding-block: 0.2em;
  margin-block: -0.2em;
}

.testimonials-2__rating {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--layout-testimonials2-rating-gap);
}

.testimonials-2__score {
  display: flex;
  align-items: flex-start;
  gap: 0;
  margin: 0;
  font-size: var(--layout-testimonials2-score-size);
  line-height: var(--layout-testimonials2-score-leading);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-primary);
}

.testimonials-2__score-value {
  display: block;
}
.testimonials-2__score-value .digit-count {
  letter-spacing: normal;
}

.testimonials-2__star {
  display: block;
  flex: 0 0 auto;
  width: var(--layout-testimonials2-star-size);
  height: var(--layout-testimonials2-star-size);
  margin-block-start: 0;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;base64,77u/PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSI+CjxwYXRoIGQ9Ik03LjI1NDY4IDAuMTY5NDUxQzcuMzQ3MzkgLTAuMDU2NDgzMSA3LjY1MjYxIC0wLjA1NjQ4MzkgNy43NDUzMiAwLjE2OTQ1TDkuNjc2MDQgNC44NzQ4NEM5LjcxNDcxIDQuOTY5MDggOS43OTkzNCA1LjAzMzYyIDkuODk2NjkgNS4wNDMwOUwxNC43NTcyIDUuNTE2MjJDMTQuOTkwNiA1LjUzODk0IDE1LjA4NDkgNS44NDM2IDE0LjkwODggNi4wMDU5NkwxMS4yNDE2IDkuMzg3MThDMTEuMTY4MSA5LjQ1NDkgMTEuMTM1OCA5LjU1OTMyIDExLjE1NzMgOS42NTk0MkwxMi4yMzA1IDE0LjY1NzJDMTIuMjgyMSAxNC44OTcyIDEyLjAzNTEgMTUuMDg1NSAxMS44MzM2IDE0Ljk1OTlMNy42MzYzNyAxMi4zNDQyQzcuNTUyMzEgMTIuMjkxOCA3LjQ0NzY5IDEyLjI5MTggNy4zNjM2MyAxMi4zNDQyTDMuMTY2NDEgMTQuOTU5OUMyLjk2NDg4IDE1LjA4NTUgMi43MTc5NSAxNC44OTcyIDIuNzY5NDggMTQuNjU3MkwzLjg0MjczIDkuNjU5NDJDMy44NjQyMiA5LjU1OTMyIDMuODMxOSA5LjQ1NDkgMy43NTg0NSA5LjM4NzE4TDAuMDkxMTc3IDYuMDA1OTZDLTAuMDg0OTEwNyA1Ljg0MzYxIDAuMDA5NDA4MDggNS41Mzg5NCAwLjI0Mjc5MSA1LjUxNjIyTDUuMTAzMzEgNS4wNDMwOUM1LjIwMDY2IDUuMDMzNjIgNS4yODUyOSA0Ljk2OTA4IDUuMzIzOTYgNC44NzQ4NEw3LjI1NDY4IDAuMTY5NDUxWiIgZmlsbD0iY3VycmVudENvbG9yIi8+Cjwvc3ZnPg0K") center/contain no-repeat;
  mask: url("data:image/svg+xml;base64,77u/PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSI+CjxwYXRoIGQ9Ik03LjI1NDY4IDAuMTY5NDUxQzcuMzQ3MzkgLTAuMDU2NDgzMSA3LjY1MjYxIC0wLjA1NjQ4MzkgNy43NDUzMiAwLjE2OTQ1TDkuNjc2MDQgNC44NzQ4NEM5LjcxNDcxIDQuOTY5MDggOS43OTkzNCA1LjAzMzYyIDkuODk2NjkgNS4wNDMwOUwxNC43NTcyIDUuNTE2MjJDMTQuOTkwNiA1LjUzODk0IDE1LjA4NDkgNS44NDM2IDE0LjkwODggNi4wMDU5NkwxMS4yNDE2IDkuMzg3MThDMTEuMTY4MSA5LjQ1NDkgMTEuMTM1OCA5LjU1OTMyIDExLjE1NzMgOS42NTk0MkwxMi4yMzA1IDE0LjY1NzJDMTIuMjgyMSAxNC44OTcyIDEyLjAzNTEgMTUuMDg1NSAxMS44MzM2IDE0Ljk1OTlMNy42MzYzNyAxMi4zNDQyQzcuNTUyMzEgMTIuMjkxOCA3LjQ0NzY5IDEyLjI5MTggNy4zNjM2MyAxMi4zNDQyTDMuMTY2NDEgMTQuOTU5OUMyLjk2NDg4IDE1LjA4NTUgMi43MTc5NSAxNC44OTcyIDIuNzY5NDggMTQuNjU3MkwzLjg0MjczIDkuNjU5NDJDMy44NjQyMiA5LjU1OTMyIDMuODMxOSA5LjQ1NDkgMy43NTg0NSA5LjM4NzE4TDAuMDkxMTc3IDYuMDA1OTZDLTAuMDg0OTEwNyA1Ljg0MzYxIDAuMDA5NDA4MDggNS41Mzg5NCAwLjI0Mjc5MSA1LjUxNjIyTDUuMTAzMzEgNS4wNDMwOUM1LjIwMDY2IDUuMDMzNjIgNS4yODUyOSA0Ljk2OTA4IDUuMzIzOTYgNC44NzQ4NEw3LjI1NDY4IDAuMTY5NDUxWiIgZmlsbD0iY3VycmVudENvbG9yIi8+Cjwvc3ZnPg0K") center/contain no-repeat;
}

.testimonials-2__reviews {
  display: flex;
  flex-direction: column;
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-md);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-secondary);
  text-align: start;
}

.testimonials-2__reviews-line {
  display: block;
}

.testimonials-2__reviews-highlight {
  color: var(--color-text-primary);
}

.testimonials-2__marquee {
  position: relative;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
}
.testimonials-2__marquee::-webkit-scrollbar {
  display: none;
}

.js .testimonials-2__marquee {
  overflow: hidden;
  cursor: grab;
  touch-action: pan-y;
  user-select: none;
}
.js .testimonials-2__marquee.is-dragging {
  cursor: grabbing;
}

.testimonials-2__track {
  display: flex;
  flex-wrap: nowrap;
  width: max-content;
  will-change: transform;
}

ul.testimonials-2__group {
  display: flex;
  flex-wrap: nowrap;
  flex-shrink: 0;
  align-items: flex-end;
  gap: var(--layout-testimonials2-card-gap);
  margin: 0;
  padding: 0;
  padding-inline-end: var(--layout-testimonials2-card-gap);
  list-style: none;
}

.testimonials-2__card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 0 0 auto;
  padding: var(--layout-testimonials2-card-padding);
  box-sizing: border-box;
}

.testimonials-2__card--light {
  width: min(var(--layout-testimonials2-card-max-mobile), var(--layout-testimonials2-card-light-width));
  min-height: var(--layout-testimonials2-card-light-min-height);
  background-color: var(--color-surface-cream);
  color: var(--color-ink-black);
}

.testimonials-2__card--dark {
  width: min(var(--layout-testimonials2-card-max-mobile), var(--layout-testimonials2-card-dark-width));
  min-height: var(--layout-testimonials2-card-dark-min-height);
  background-color: var(--color-surface-subtle);
  color: var(--color-text-primary);
}

.testimonials-2__quote {
  margin: 0;
}

.testimonials-2__quote-text {
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  font-weight: var(--font-weight-regular);
  color: inherit;
}

.testimonials-2__author {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
  margin: 0;
  margin-block-start: var(--space-6);
}

.testimonials-2__person {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.testimonials-2__name {
  font-style: normal;
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  font-weight: var(--font-weight-regular);
  color: inherit;
}

.testimonials-2__role {
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
}

.testimonials-2__icon {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: var(--layout-testimonials2-icon-size);
  height: var(--layout-testimonials2-icon-size);
  border-radius: 50%;
}

.testimonials-2__card--light .testimonials-2__icon {
  background-color: var(--color-ink-black);
  color: var(--color-ink-cream);
}

.testimonials-2__card--dark .testimonials-2__icon {
  background-color: var(--color-ink-cream);
  color: var(--color-ink-black);
}

.testimonials-2__icon-mark {
  display: block;
  width: var(--layout-testimonials2-icon-mark-width);
  height: var(--layout-testimonials2-icon-mark-height);
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;base64,77u/PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjIzIDI1IDI1IDIwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGFyaWEtaGlkZGVuPSJ0cnVlIiBmb2N1c2FibGU9ImZhbHNlIj4KPHBhdGggZD0iTTQ1Ljk3ODggMjUuNDcwNUM0Ny4wMTU1IDI1LjE4MTIgNDggMjUuOTk4NiA0OCAyNy4wNzQ4QzQ4IDI3Ljg3MiA0Ny40NDM1IDI4LjU0NzcgNDYuNjkxNiAyOC44MTI3QzQ0LjU4MzEgMjkuNTU1NyA0My4yMzE1IDMwLjgwNSA0Mi42MDAxIDMyLjgyNzNDNDIuMTE5OCAzNC4zNjU3IDQzLjUwNTkgMzUuNzIxNiA0NS4xMTc1IDM1LjcyMTZDNDYuNzA5NSAzNS43MjE2IDQ4IDM3LjAxMjIgNDggMzguNjA0MVY0MC4zNjA4QzQ4IDQyLjkyMyA0NS45MjMgNDUgNDMuMzYwOCA0NUg0Mi43ODg1QzM5LjkxMDMgNDUgMzcuNTc3IDQyLjY2NjcgMzcuNTc3IDM5Ljc4ODVWMzcuOTg5N0MzNy41NzcgMzAuOTMyNCAzOS42OTc1IDI3LjIyMzUgNDUuOTc4OCAyNS40NzA1Wk0zMS40MDE4IDI1LjQ3MDVDMzIuNDM4NCAyNS4xODEyIDMzLjQyMyAyNS45OTg2IDMzLjQyMyAyNy4wNzQ4QzMzLjQyMyAyNy44NzIgMzIuODY2NCAyOC41NDc3IDMyLjExNDYgMjguODEyN0MzMC4wMDYgMjkuNTU1NyAyOC42NTQ0IDMwLjgwNSAyOC4wMjMxIDMyLjgyNzNDMjcuNTQyOCAzNC4zNjU3IDI4LjkyODggMzUuNzIxNiAzMC41NDA1IDM1LjcyMTZDMzIuMTMyNCAzNS43MjE2IDMzLjQyMyAzNy4wMTIyIDMzLjQyMyAzOC42MDQxVjQwLjM2MDhDMzMuNDIzIDQyLjkyMyAzMS4zNDU5IDQ1IDI4Ljc4MzggNDVIMjguMjExNUMyNS4zMzMzIDQ1IDIzIDQyLjY2NjcgMjMgMzkuNzg4NVYzNy45ODk3QzIzIDMwLjkzMjQgMjUuMTIwNSAyNy4yMjM1IDMxLjQwMTggMjUuNDcwNVoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4NCg==") center/contain no-repeat;
  mask: url("data:image/svg+xml;base64,77u/PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjIzIDI1IDI1IDIwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGFyaWEtaGlkZGVuPSJ0cnVlIiBmb2N1c2FibGU9ImZhbHNlIj4KPHBhdGggZD0iTTQ1Ljk3ODggMjUuNDcwNUM0Ny4wMTU1IDI1LjE4MTIgNDggMjUuOTk4NiA0OCAyNy4wNzQ4QzQ4IDI3Ljg3MiA0Ny40NDM1IDI4LjU0NzcgNDYuNjkxNiAyOC44MTI3QzQ0LjU4MzEgMjkuNTU1NyA0My4yMzE1IDMwLjgwNSA0Mi42MDAxIDMyLjgyNzNDNDIuMTE5OCAzNC4zNjU3IDQzLjUwNTkgMzUuNzIxNiA0NS4xMTc1IDM1LjcyMTZDNDYuNzA5NSAzNS43MjE2IDQ4IDM3LjAxMjIgNDggMzguNjA0MVY0MC4zNjA4QzQ4IDQyLjkyMyA0NS45MjMgNDUgNDMuMzYwOCA0NUg0Mi43ODg1QzM5LjkxMDMgNDUgMzcuNTc3IDQyLjY2NjcgMzcuNTc3IDM5Ljc4ODVWMzcuOTg5N0MzNy41NzcgMzAuOTMyNCAzOS42OTc1IDI3LjIyMzUgNDUuOTc4OCAyNS40NzA1Wk0zMS40MDE4IDI1LjQ3MDVDMzIuNDM4NCAyNS4xODEyIDMzLjQyMyAyNS45OTg2IDMzLjQyMyAyNy4wNzQ4QzMzLjQyMyAyNy44NzIgMzIuODY2NCAyOC41NDc3IDMyLjExNDYgMjguODEyN0MzMC4wMDYgMjkuNTU1NyAyOC42NTQ0IDMwLjgwNSAyOC4wMjMxIDMyLjgyNzNDMjcuNTQyOCAzNC4zNjU3IDI4LjkyODggMzUuNzIxNiAzMC41NDA1IDM1LjcyMTZDMzIuMTMyNCAzNS43MjE2IDMzLjQyMyAzNy4wMTIyIDMzLjQyMyAzOC42MDQxVjQwLjM2MDhDMzMuNDIzIDQyLjkyMyAzMS4zNDU5IDQ1IDI4Ljc4MzggNDVIMjguMjExNUMyNS4zMzMzIDQ1IDIzIDQyLjY2NjcgMjMgMzkuNzg4NVYzNy45ODk3QzIzIDMwLjkzMjQgMjUuMTIwNSAyNy4yMjM1IDMxLjQwMTggMjUuNDcwNVoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4NCg==") center/contain no-repeat;
}

@media (min-width: 768px) {
  .testimonials-2__card--light {
    width: var(--layout-testimonials2-card-light-width);
  }
  .testimonials-2__card--dark {
    width: var(--layout-testimonials2-card-dark-width);
  }
}
@media (min-width: 1024px) {
  .testimonials-2__title {
    font-size: var(--layout-testimonials2-title-size);
    line-height: var(--layout-testimonials2-title-leading);
  }
}
.team-1 {
  padding-block: var(--space-10) var(--space-12);
}

.team-1__title {
  display: flex;
  flex-direction: column;
  margin: 0 0 var(--layout-team1-header-gap);
  font-size: var(--font-size-h1);
  line-height: var(--font-leading-h1);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-primary);
}

.team-1__title-line {
  display: block;
}

.team-1__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--layout-team1-card-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}

.team-1__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--layout-team1-stack-gap);
  text-align: center;
}

.team-1__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--layout-team1-stack-gap);
  width: 100%;
  color: inherit;
  text-decoration: none;
}

.team-1__link:focus-visible {
  outline: 2px solid var(--color-text-brand);
  outline-offset: var(--space-2);
}

.js .team-1__item {
  opacity: 0;
  will-change: transform, opacity;
}

.js .team-1__item.is-team-in {
  opacity: 1;
  will-change: auto;
}

.js .team-1__media {
  clip-path: circle(0% at 50% 50%);
}

@media (prefers-reduced-motion: reduce) {
  .js .team-1__item {
    opacity: 1;
  }
  .js .team-1__media {
    clip-path: none;
  }
}
.team-1__media {
  position: relative;
  margin: 0;
  width: min(100%, var(--layout-team1-avatar-size));
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: 50%;
}

.team-1__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.team-1__overlay {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background-color: color-mix(in srgb, var(--color-surface-subtle) calc(var(--layout-team1-overlay-opacity) * 100%), transparent);
  color: var(--color-ink-white);
  opacity: 0;
  pointer-events: none;
  transform: scale(var(--motion-zoom-out));
  transition: opacity var(--motion-duration-instant) var(--motion-easing-standard), transform var(--motion-duration-instant) var(--motion-easing-standard);
}

.team-1__item:hover .team-1__overlay {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .team-1__overlay {
    transition: none;
    transform: none;
  }
}
.team-1__eye {
  display: block;
  width: var(--layout-team1-eye-width);
  height: var(--layout-team1-eye-height);
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCA1MSAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSI+CjxwYXRoIGQ9Ik0xNyAwSDM0VjQuMjg1NzFIMTdWMFpNOC41IDguNTcxNDNWNC4yODU3MUgxN1Y4LjU3MTQzSDguNVpNNC4yNSAxMi44NTcxVjguNTcxNDNIOC41VjEyLjg1NzFINC4yNVpNNC4yNSAxNy4xNDI5VjEyLjg1NzFIMFYxNy4xNDI5SDQuMjVaTTguNSAyMS40Mjg2SDQuMjVWMTcuMTQyOUg4LjVWMjEuNDI4NlpNMTcgMjUuNzE0M0g4LjVWMjEuNDI4NkgxN1YyNS43MTQzWk0zNCAyNS43MTQzVjMwSDE3VjI1LjcxNDNIMzRaTTQyLjUgMjEuNDI4NlYyNS43MTQzSDM0VjIxLjQyODZINDIuNVpNNDYuNzUgMTcuMTQyOVYyMS40Mjg2SDQyLjVWMTcuMTQyOUg0Ni43NVpNNDYuNzUgMTIuODU3MUg1MVYxNy4xNDI5SDQ2Ljc1VjEyLjg1NzFaTTQyLjUgOC41NzE0M0g0Ni43NVYxMi44NTcxSDQyLjVWOC41NzE0M1pNNDIuNSA4LjU3MTQzVjQuMjg1NzFIMzRWOC41NzE0M0g0Mi41Wk0yMS4yNSAxMC43MTQzSDI5Ljc1VjE5LjI4NTdIMjEuMjVWMTAuNzE0M1oiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4K") center/contain no-repeat;
  mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCA1MSAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSI+CjxwYXRoIGQ9Ik0xNyAwSDM0VjQuMjg1NzFIMTdWMFpNOC41IDguNTcxNDNWNC4yODU3MUgxN1Y4LjU3MTQzSDguNVpNNC4yNSAxMi44NTcxVjguNTcxNDNIOC41VjEyLjg1NzFINC4yNVpNNC4yNSAxNy4xNDI5VjEyLjg1NzFIMFYxNy4xNDI5SDQuMjVaTTguNSAyMS40Mjg2SDQuMjVWMTcuMTQyOUg4LjVWMjEuNDI4NlpNMTcgMjUuNzE0M0g4LjVWMjEuNDI4NkgxN1YyNS43MTQzWk0zNCAyNS43MTQzVjMwSDE3VjI1LjcxNDNIMzRaTTQyLjUgMjEuNDI4NlYyNS43MTQzSDM0VjIxLjQyODZINDIuNVpNNDYuNzUgMTcuMTQyOVYyMS40Mjg2SDQyLjVWMTcuMTQyOUg0Ni43NVpNNDYuNzUgMTIuODU3MUg1MVYxNy4xNDI5SDQ2Ljc1VjEyLjg1NzFaTTQyLjUgOC41NzE0M0g0Ni43NVYxMi44NTcxSDQyLjVWOC41NzE0M1pNNDIuNSA4LjU3MTQzVjQuMjg1NzFIMzRWOC41NzE0M0g0Mi41Wk0yMS4yNSAxMC43MTQzSDI5Ljc1VjE5LjI4NTdIMjEuMjVWMTAuNzE0M1oiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4K") center/contain no-repeat;
}

.team-1__meta {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.team-1__name,
.team-1__role {
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: var(--layout-team1-meta-leading);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
}

.team-1__name {
  color: var(--color-text-primary);
}

.team-1__role {
  color: var(--color-text-secondary);
}

@media (min-width: 768px) {
  .team-1__list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .team-1__list {
    display: flex;
    flex-wrap: nowrap;
    gap: var(--layout-team1-card-gap);
  }
  .team-1__item {
    flex: 1 1 0;
    min-width: 0;
  }
}
.team-2 {
  padding-block: var(--space-10) var(--space-12);
}

.team-2__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--layout-team2-eyebrow-gap);
  max-width: var(--layout-team2-title-max);
  margin-inline: auto;
  margin-bottom: var(--layout-team2-header-gap);
  text-align: center;
}

.team-2__eyebrow {
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  font-weight: var(--font-weight-regular);
  color: var(--color-brand-1);
}

.team-2__title {
  margin: 0;
  font-size: var(--font-size-h4);
  line-height: var(--font-leading-h4);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-primary);
  text-wrap: balance;
}

.team-2__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--layout-team2-row-gap) var(--space-4);
  margin: 0;
  padding: 0;
  list-style: none;
}

.team-2__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--layout-team2-stack-gap);
  text-align: center;
}

.team-2__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--layout-team2-stack-gap);
  width: 100%;
  color: inherit;
  text-decoration: none;
}

.team-2__link:focus-visible {
  outline: 2px solid var(--color-text-brand);
  outline-offset: var(--space-2);
}

.team-2__media {
  position: relative;
  margin: 0;
  width: min(100%, var(--layout-team2-avatar-size));
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: 50%;
  background-color: var(--color-surface-cream);
}

.team-2__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(var(--layout-team2-image-grayscale));
  transition: filter var(--motion-duration-instant) var(--motion-easing-standard);
}

.team-2__item:hover .team-2__image,
.team-2__item:focus-within .team-2__image {
  filter: grayscale(0%);
}

.team-2__overlay {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background-color: color-mix(in srgb, var(--color-surface-subtle) calc(var(--layout-team2-overlay-opacity) * 100%), transparent);
  color: var(--color-ink-white);
  opacity: 0;
  pointer-events: none;
  transform: scale(var(--motion-zoom-out));
  transition: opacity var(--motion-duration-instant) var(--motion-easing-standard), transform var(--motion-duration-instant) var(--motion-easing-standard);
}

.team-2__item:hover .team-2__overlay,
.team-2__item:focus-within .team-2__overlay {
  opacity: 1;
  transform: none;
}

.team-2__eye {
  display: block;
  width: var(--layout-team2-eye-width);
  height: var(--layout-team2-eye-height);
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCA1MSAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSI+CjxwYXRoIGQ9Ik0xNyAwSDM0VjQuMjg1NzFIMTdWMFpNOC41IDguNTcxNDNWNC4yODU3MUgxN1Y4LjU3MTQzSDguNVpNNC4yNSAxMi44NTcxVjguNTcxNDNIOC41VjEyLjg1NzFINC4yNVpNNC4yNSAxNy4xNDI5VjEyLjg1NzFIMFYxNy4xNDI5SDQuMjVaTTguNSAyMS40Mjg2SDQuMjVWMTcuMTQyOUg4LjVWMjEuNDI4NlpNMTcgMjUuNzE0M0g4LjVWMjEuNDI4NkgxN1YyNS43MTQzWk0zNCAyNS43MTQzVjMwSDE3VjI1LjcxNDNIMzRaTTQyLjUgMjEuNDI4NlYyNS43MTQzSDM0VjIxLjQyODZINDIuNVpNNDYuNzUgMTcuMTQyOVYyMS40Mjg2SDQyLjVWMTcuMTQyOUg0Ni43NVpNNDYuNzUgMTIuODU3MUg1MVYxNy4xNDI5SDQ2Ljc1VjEyLjg1NzFaTTQyLjUgOC41NzE0M0g0Ni43NVYxMi44NTcxSDQyLjVWOC41NzE0M1pNNDIuNSA4LjU3MTQzVjQuMjg1NzFIMzRWOC41NzE0M0g0Mi41Wk0yMS4yNSAxMC43MTQzSDI5Ljc1VjE5LjI4NTdIMjEuMjVWMTAuNzE0M1oiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4K") center/contain no-repeat;
  mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCA1MSAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSI+CjxwYXRoIGQ9Ik0xNyAwSDM0VjQuMjg1NzFIMTdWMFpNOC41IDguNTcxNDNWNC4yODU3MUgxN1Y4LjU3MTQzSDguNVpNNC4yNSAxMi44NTcxVjguNTcxNDNIOC41VjEyLjg1NzFINC4yNVpNNC4yNSAxNy4xNDI5VjEyLjg1NzFIMFYxNy4xNDI5SDQuMjVaTTguNSAyMS40Mjg2SDQuMjVWMTcuMTQyOUg4LjVWMjEuNDI4NlpNMTcgMjUuNzE0M0g4LjVWMjEuNDI4NkgxN1YyNS43MTQzWk0zNCAyNS43MTQzVjMwSDE3VjI1LjcxNDNIMzRaTTQyLjUgMjEuNDI4NlYyNS43MTQzSDM0VjIxLjQyODZINDIuNVpNNDYuNzUgMTcuMTQyOVYyMS40Mjg2SDQyLjVWMTcuMTQyOUg0Ni43NVpNNDYuNzUgMTIuODU3MUg1MVYxNy4xNDI5SDQ2Ljc1VjEyLjg1NzFaTTQyLjUgOC41NzE0M0g0Ni43NVYxMi44NTcxSDQyLjVWOC41NzE0M1pNNDIuNSA4LjU3MTQzVjQuMjg1NzFIMzRWOC41NzE0M0g0Mi41Wk0yMS4yNSAxMC43MTQzSDI5Ljc1VjE5LjI4NTdIMjEuMjVWMTAuNzE0M1oiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4K") center/contain no-repeat;
}

.team-2__meta {
  display: flex;
  flex-direction: column;
  gap: var(--layout-team2-stack-gap);
  width: 100%;
}

.team-2__name {
  margin: 0;
  font-size: var(--font-size-h5);
  line-height: var(--font-leading-h5);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tighter);
  color: var(--color-text-primary);
}

.team-2__role {
  margin: 0;
  font-size: var(--font-size-md);
  line-height: var(--font-leading-md);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
}

.team-2__item--cta {
  min-height: var(--layout-team2-card-min-height);
}

.team-2__cta {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: min(100%, var(--layout-team2-avatar-size));
  aspect-ratio: 1;
  padding-inline: var(--space-4);
  border-radius: var(--layout-team2-cta-radius);
  font-size: var(--font-size-h6);
  line-height: var(--font-leading-lg);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  text-align: center;
  text-transform: capitalize;
  text-decoration: underline;
  text-underline-offset: 0.15em;
  color: var(--color-text-primary);
  background-color: var(--color-surface-subtle);
}

.team-2__cta-line {
  display: block;
}

@media (min-width: 768px) {
  .team-2__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: clamp(var(--space-4), 4vw, var(--layout-team2-column-gap));
    row-gap: var(--layout-team2-row-gap);
  }
}
@media (min-width: 1024px) {
  .team-2__grid {
    column-gap: var(--layout-team2-column-gap);
  }
  .team-2__cta {
    padding-inline: var(--layout-team2-cta-pad-inline);
  }
}
@media (prefers-reduced-motion: reduce) {
  .team-2__image {
    transition: none;
  }
  .team-2__overlay {
    transition: none;
    transform: none;
  }
}
.team-3 {
  padding-block: var(--space-8) var(--space-12);
}

.team-3 .container {
  max-width: var(--layout-team3-max);
}

.team-3__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--layout-team3-row-gap) var(--layout-team3-col-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}

.team-3__item {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.team-3__link {
  display: flex;
  flex-direction: column;
  gap: var(--layout-team3-card-gap);
  color: inherit;
  text-decoration: none;
}

.team-3__link:focus-visible {
  outline: 2px solid var(--color-text-brand);
  outline-offset: var(--space-2);
}

.team-3__media {
  position: relative;
  margin: 0;
  overflow: hidden;
  width: 100%;
  border-radius: var(--layout-team3-media-radius);
  transition: border-radius var(--motion-duration-instant) var(--motion-easing-standard);
}

.team-3__item:hover .team-3__media,
.team-3__item:focus-within .team-3__media {
  border-radius: 0;
}

.team-3__media .anim-zoomin-wrap {
  transition: transform var(--motion-duration-instant) var(--motion-easing-standard);
}

.team-3__item:hover .anim-zoomin-wrap,
.team-3__item:focus-within .anim-zoomin-wrap {
  transform: scale(var(--motion-zoom));
}

.team-3__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: grid;
  place-items: center;
  background-color: color-mix(in srgb, var(--color-surface-subtle) calc(var(--layout-team3-overlay-opacity) * 100%), transparent);
  color: var(--color-ink-cream);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--motion-duration-instant) var(--motion-easing-standard);
}

.team-3__item:hover .team-3__overlay,
.team-3__item:focus-within .team-3__overlay {
  opacity: 1;
}

.team-3__eye {
  display: block;
  width: var(--layout-team3-eye-width);
  height: var(--layout-team3-eye-height);
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCA1MSAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSI+CjxwYXRoIGQ9Ik0xNyAwSDM0VjQuMjg1NzFIMTdWMFpNOC41IDguNTcxNDNWNC4yODU3MUgxN1Y4LjU3MTQzSDguNVpNNC4yNSAxMi44NTcxVjguNTcxNDNIOC41VjEyLjg1NzFINC4yNVpNNC4yNSAxNy4xNDI5VjEyLjg1NzFIMFYxNy4xNDI5SDQuMjVaTTguNSAyMS40Mjg2SDQuMjVWMTcuMTQyOUg4LjVWMjEuNDI4NlpNMTcgMjUuNzE0M0g4LjVWMjEuNDI4NkgxN1YyNS43MTQzWk0zNCAyNS43MTQzVjMwSDE3VjI1LjcxNDNIMzRaTTQyLjUgMjEuNDI4NlYyNS43MTQzSDM0VjIxLjQyODZINDIuNVpNNDYuNzUgMTcuMTQyOVYyMS40Mjg2SDQyLjVWMTcuMTQyOUg0Ni43NVpNNDYuNzUgMTIuODU3MUg1MVYxNy4xNDI5SDQ2Ljc1VjEyLjg1NzFaTTQyLjUgOC41NzE0M0g0Ni43NVYxMi44NTcxSDQyLjVWOC41NzE0M1pNNDIuNSA4LjU3MTQzVjQuMjg1NzFIMzRWOC41NzE0M0g0Mi41Wk0yMS4yNSAxMC43MTQzSDI5Ljc1VjE5LjI4NTdIMjEuMjVWMTAuNzE0M1oiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4K") center/contain no-repeat;
  mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCA1MSAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSI+CjxwYXRoIGQ9Ik0xNyAwSDM0VjQuMjg1NzFIMTdWMFpNOC41IDguNTcxNDNWNC4yODU3MUgxN1Y4LjU3MTQzSDguNVpNNC4yNSAxMi44NTcxVjguNTcxNDNIOC41VjEyLjg1NzFINC4yNVpNNC4yNSAxNy4xNDI5VjEyLjg1NzFIMFYxNy4xNDI5SDQuMjVaTTguNSAyMS40Mjg2SDQuMjVWMTcuMTQyOUg4LjVWMjEuNDI4NlpNMTcgMjUuNzE0M0g4LjVWMjEuNDI4NkgxN1YyNS43MTQzWk0zNCAyNS43MTQzVjMwSDE3VjI1LjcxNDNIMzRaTTQyLjUgMjEuNDI4NlYyNS43MTQzSDM0VjIxLjQyODZINDIuNVpNNDYuNzUgMTcuMTQyOVYyMS40Mjg2SDQyLjVWMTcuMTQyOUg0Ni43NVpNNDYuNzUgMTIuODU3MUg1MVYxNy4xNDI5SDQ2Ljc1VjEyLjg1NzFaTTQyLjUgOC41NzE0M0g0Ni43NVYxMi44NTcxSDQyLjVWOC41NzE0M1pNNDIuNSA4LjU3MTQzVjQuMjg1NzFIMzRWOC41NzE0M0g0Mi41Wk0yMS4yNSAxMC43MTQzSDI5Ljc1VjE5LjI4NTdIMjEuMjVWMTAuNzE0M1oiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4K") center/contain no-repeat;
  transform: scale(var(--motion-zoom-out));
  transition: transform var(--motion-duration-instant) var(--motion-easing-standard);
}

.team-3__item:hover .team-3__eye,
.team-3__item:focus-within .team-3__eye {
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .team-3__media .anim-zoomin-wrap,
  .team-3__media,
  .team-3__image,
  .team-3__overlay,
  .team-3__eye {
    transition: none;
  }
  .team-3__item:hover .anim-zoomin-wrap,
  .team-3__item:focus-within .anim-zoomin-wrap,
  .team-3__eye {
    transform: none;
  }
}
.team-3__image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: var(--layout-team3-image-ratio);
  object-fit: cover;
  filter: grayscale(1);
  transition: filter var(--motion-duration-instant) var(--motion-easing-standard);
}

.team-3__item:hover .team-3__image,
.team-3__item:focus-within .team-3__image {
  filter: grayscale(0);
}

.team-3__meta {
  display: flex;
  flex-direction: column;
  gap: var(--layout-team3-meta-gap);
}

.team-3__name {
  margin: 0;
  font-size: var(--font-size-h5);
  line-height: var(--font-leading-h5);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tighter);
  color: var(--color-text-primary);
}

.team-3__role {
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
}

@media (min-width: 768px) {
  .team-3__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .team-3__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.why-us-1 {
  padding-block: var(--space-10) var(--space-12);
  border-top: 1px solid var(--color-border-base);
}

.why-us-1__inner {
  display: grid;
  gap: var(--space-8);
}

.why-us-1__intro {
  display: flex;
  flex-direction: column;
  gap: var(--layout-whyUs1-intro-gap);
  max-width: var(--layout-whyUs1-intro-max);
}

.why-us-1__title {
  margin: 0;
  max-width: var(--layout-whyUs1-title-max);
  font-size: var(--font-size-h1);
  line-height: var(--font-leading-h1);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-primary);
  text-wrap: balance;
}

.why-us-1__body {
  margin: 0;
  max-width: var(--layout-whyUs1-body-max);
  font-size: var(--font-size-md);
  line-height: var(--font-leading-md);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
}

.why-us-1__awards {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: var(--layout-whyUs1-awards-max);
}

.why-us-1__group {
  display: grid;
  grid-template-columns: minmax(var(--layout-whyUs1-platform-min), 0.85fr) minmax(0, 1.5fr);
  column-gap: var(--space-4);
  align-items: start;
  padding-block: var(--layout-whyUs1-group-pad-block);
  border-bottom: 1px solid var(--color-border-base);
}

.why-us-1__group:first-child {
  padding-top: 0;
}

.why-us-1__group:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.js .why-us-1__group {
  opacity: 0;
  will-change: transform, opacity;
}

.js .why-us-1__group.is-why-us-in {
  opacity: 1;
  will-change: auto;
}

.js .why-us-1__platform {
  clip-path: inset(0 100% 0 0);
}

@media (prefers-reduced-motion: reduce) {
  .js .why-us-1__group {
    opacity: 1;
  }
  .js .why-us-1__platform {
    clip-path: none;
  }
}
.why-us-1__platform {
  margin: 0;
  font-size: var(--font-size-h6);
  line-height: var(--font-leading-h6);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-primary);
}

.why-us-1__entries {
  margin: 0;
  padding: 0;
  list-style: none;
}

.why-us-1__entry {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-3);
}

.why-us-1__award,
.why-us-1__year {
  font-size: var(--font-size-h6);
  line-height: var(--font-leading-h6);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-primary);
}

.why-us-1__year {
  flex: 0 0 auto;
  text-align: end;
  font-variant-numeric: tabular-nums;
}

@media (min-width: 1024px) {
  .why-us-1__inner {
    grid-template-columns: minmax(0, var(--layout-whyUs1-intro-max)) minmax(0, var(--layout-whyUs1-awards-max));
    justify-content: space-between;
    column-gap: var(--layout-whyUs1-columns-gap);
    align-items: start;
  }
  .why-us-1__awards {
    justify-self: end;
  }
}
.img-1 {
  padding-block: 0;
}

.img-1 .container {
  max-width: none;
  width: 100%;
  padding-inline: 0;
}

.img-1__media {
  position: relative;
  margin: 0;
  overflow: hidden;
  aspect-ratio: var(--layout-img1-ratio);
}

.img-1__parallax {
  position: absolute;
  inset: calc(var(--layout-img1-parallax-overflow) * -1) 0;
  will-change: transform;
}

.img-1__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

@media (prefers-reduced-motion: reduce) {
  .img-1__parallax {
    inset: 0;
    will-change: auto;
  }
}
.number-1 {
  padding-block: var(--space-10) var(--space-12);
}

.number-1__inner {
  display: flex;
  flex-direction: column;
  gap: var(--layout-number1-title-to-stats);
  padding-block-start: var(--layout-number1-header-gap);
  border-block-start: 1px solid var(--color-border-base);
}

.number-1__header {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.number-1__eyebrow {
  margin: 0;
  font-family: var(--font-family-meta);
  font-size: var(--font-size-sm);
  line-height: var(--font-leading-sm);
  font-weight: var(--font-weight-regular);
  text-transform: uppercase;
  color: var(--color-text-primary);
}

.number-1__title {
  display: flex;
  flex-direction: column;
  margin: 0;
  font-size: var(--layout-sectionTitle-mobile-size);
  line-height: var(--layout-sectionTitle-mobile-leading);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-primary);
}

.number-1__title-line {
  display: block;
}

.number-1__stats {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--layout-number1-stat-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}

.number-1__stat {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--layout-number1-stat-stack-gap);
  min-height: var(--layout-number1-stat-min-height);
  padding-block: var(--layout-number1-stat-padding-block);
  padding-inline: var(--layout-number1-stat-padding-inline);
  border: 1px solid var(--color-border-base);
  box-sizing: border-box;
}

.number-1__label {
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
}

.number-1__value {
  display: inline-flex;
  align-items: baseline;
  margin: 0;
  font-size: var(--font-size-h4);
  line-height: var(--font-leading-h4);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-primary);
}
.number-1__value .digit-count {
  letter-spacing: normal;
}

.number-1__suffix {
  flex-shrink: 0;
}

@media (min-width: 768px) {
  .number-1__title {
    font-size: var(--font-size-h1);
    line-height: var(--font-leading-h1);
  }
  .number-1__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .number-1__header {
    flex-direction: row;
    align-items: flex-start;
    gap: var(--layout-number1-heading-gap);
  }
  .number-1__eyebrow {
    flex: 0 0 auto;
    min-width: var(--layout-number1-eyebrow-width);
    padding-block-start: var(--space-2);
  }
  .number-1__title {
    flex: 1 1 auto;
    min-width: 0;
  }
  .number-1__stats {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.awards-1 {
  padding-block: var(--space-10) var(--space-12);
}

.awards-1__header {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  margin-bottom: var(--layout-awards1-header-gap);
}

.awards-1__eyebrow {
  margin: 0;
  font-family: var(--font-family-meta);
  font-size: var(--font-size-sm);
  line-height: var(--font-leading-sm);
  font-weight: var(--font-weight-regular);
  text-transform: uppercase;
  color: var(--color-text-primary);
}

.awards-1__title {
  display: flex;
  flex-direction: column;
  margin: 0;
  max-width: var(--layout-awards1-title-max);
  font-size: var(--layout-sectionTitle-mobile-size);
  line-height: var(--layout-sectionTitle-mobile-leading);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-primary);
}

.awards-1__title-line {
  display: block;
}

.awards-1__list {
  display: flex;
  flex-direction: column;
  max-width: var(--layout-awards1-list-max);
  margin: 0 0 var(--layout-awards1-list-to-brands);
  margin-inline-start: auto;
  padding: 0;
  list-style: none;
  border-block-start: 1px solid var(--color-border-base);
}

.awards-1__item {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-2);
  align-items: center;
  min-height: var(--layout-awards1-row-min-height);
  padding-block: var(--space-3);
  padding-inline: 0;
  border-block-end: 1px solid var(--color-border-base);
  color: var(--color-text-primary);
  transition: background-color var(--motion-duration-instant) var(--motion-easing-standard), padding-inline var(--motion-duration-instant) var(--motion-easing-standard);
}

.awards-1__item.is-featured,
.awards-1__item:hover {
  padding-inline: var(--layout-awards1-row-pad-inline);
  background-color: var(--color-surface-subtle);
}

.awards-1__platform,
.awards-1__year {
  font-family: var(--font-family-meta);
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  font-weight: var(--font-weight-regular);
}

.awards-1__award {
  font-family: var(--font-family-meta);
  font-size: var(--font-size-3xl);
  line-height: var(--font-leading-3xl);
  font-weight: var(--font-weight-regular);
}

.awards-1__brands {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--layout-awards1-brands-gap);
  margin-block-start: var(--layout-awards1-brands-margin-top);
}

.awards-1__brands-caption {
  margin: 0;
  max-width: var(--layout-awards1-brands-caption-max);
  font-size: var(--font-size-h6);
  line-height: var(--font-leading-h6);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  text-align: center;
  text-transform: capitalize;
  color: var(--color-text-primary);
  text-wrap: balance;
  text-wrap: pretty;
}

.awards-1__brands-line {
  display: block;
}

.awards-1__logos {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--space-6) var(--space-8);
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.awards-1__logo-item {
  display: flex;
  align-items: center;
  justify-content: center;
}

.awards-1__logo {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: var(--layout-awards1-logo-max-height-mobile);
  filter: brightness(0);
}

.awards-1__preview {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 4;
  width: var(--layout-awards1-preview-width);
  height: var(--layout-awards1-preview-height);
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--motion-duration-menu) var(--motion-easing-standard), visibility 0s linear var(--motion-duration-menu);
}
.awards-1__preview.is-visible {
  opacity: 1;
  visibility: visible;
  transition: opacity var(--motion-duration-menu) var(--motion-easing-standard), visibility 0s linear 0s;
}

.awards-1__preview-tilt {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: var(--layout-awards1-preview-radius);
  background-color: var(--color-surface-subtle);
  rotate: var(--layout-awards1-preview-rotate);
}

.awards-1__preview-frame {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  will-change: transform;
}

.awards-1__preview-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transform-origin: center center;
  will-change: transform, opacity;
}

@media (hover: none), (pointer: coarse) {
  .awards-1__preview {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .awards-1__preview {
    display: none;
  }
}
:root[data-color-scheme=dark] .awards-1__logo {
  filter: brightness(0) invert(1);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-color-scheme=light]) .awards-1__logo {
    filter: brightness(0) invert(1);
  }
}
@media (min-width: 768px) {
  .awards-1__title {
    font-size: var(--font-size-h1);
    line-height: var(--font-leading-h1);
  }
  .awards-1__logo {
    max-height: var(--space-8);
  }
  .awards-1__item {
    grid-template-columns: minmax(7rem, 0.28fr) minmax(0, 1fr) auto;
    column-gap: var(--space-4);
  }
  .awards-1__award {
    justify-self: end;
    text-align: end;
  }
  .awards-1__year {
    justify-self: end;
    text-align: end;
  }
}
@media (min-width: 1024px) {
  .awards-1__header {
    flex-direction: row;
    align-items: flex-start;
    gap: var(--layout-awards1-heading-gap);
  }
  .awards-1__eyebrow {
    flex: 0 0 auto;
    padding-block-start: var(--space-2);
  }
  .awards-1__logos {
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: clamp(var(--space-4), 4vw, var(--layout-awards1-logo-gap));
  }
  .awards-1__logo {
    max-height: none;
  }
}
.page-title-1 {
  padding-block: var(--space-10) var(--space-8);
}

.page-title-1__header {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.page-title-1__eyebrow {
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: var(--font-leading-sm);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-primary);
}

.page-title-1__title {
  display: flex;
  flex-direction: column;
  margin: 0;
  max-width: var(--layout-pageTitle1-title-max);
  font-size: var(--layout-pageTitle1-title-mobile-size);
  line-height: var(--layout-pageTitle1-title-mobile-leading);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-primary);
}

.page-title-1__title-line {
  display: block;
}

.page-title-1__aside {
  margin: 0;
  max-width: var(--layout-pageTitle1-aside-max);
  font-size: var(--font-size-md);
  line-height: var(--font-leading-md);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
}

@media (min-width: 768px) {
  .page-title-1__title {
    font-size: var(--font-size-h1);
    line-height: var(--font-leading-h1);
  }
}
@media (min-width: 1024px) {
  .page-title-1__header {
    flex-direction: row;
    align-items: flex-start;
    gap: var(--layout-pageTitle1-heading-gap);
  }
  .page-title-1__eyebrow {
    flex: 0 0 auto;
    padding-block-start: var(--space-1);
  }
  .page-title-1__title {
    flex: 1 1 auto;
    min-width: 0;
  }
  .page-title-1__aside {
    flex: 0 0 auto;
    margin-inline-start: auto;
    padding-block-start: var(--layout-pageTitle1-aside-offset);
  }
}
.page-title-2 {
  box-sizing: border-box;
  min-height: var(--layout-pageTitle2-min-height);
  padding-block: var(--layout-pageTitle2-pad-block);
}

.page-title-2__header {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  align-items: flex-start;
}

.page-title-2__code {
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
}

.page-title-2__title {
  display: flex;
  flex-direction: column;
  margin: 0;
  font-size: var(--font-size-h1);
  line-height: var(--font-leading-h1);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-primary);
}

.page-title-2__title-line {
  display: block;
}

@media (min-width: 1024px) {
  .page-title-2__header {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    max-width: var(--layout-pageTitle2-header-max);
    margin-inline-start: var(--layout-pageTitle2-header-inset);
    gap: 0;
  }
}
.page-title-4 {
  padding-block: var(--space-10) var(--space-10);
}

.page-title-4__header {
  display: flex;
  flex-direction: column;
  gap: var(--layout-pageTitle4-stack-gap);
}

.page-title-4__title {
  display: flex;
  flex-direction: column;
  margin: 0;
  font-size: var(--font-size-h1);
  line-height: var(--font-leading-h1);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-primary);
}

.page-title-4__title-line {
  display: block;
}

.page-title-4__meta {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-6);
  margin: 0;
}

.page-title-4__item {
  display: flex;
  flex-direction: column;
  gap: var(--layout-pageTitle4-label-gap);
  padding-block-start: var(--layout-pageTitle4-item-gap);
  border-block-start: 1px solid var(--color-border-base);
}

.page-title-4__label {
  margin: 0;
  font-size: var(--font-size-md);
  line-height: var(--font-leading-md);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
}

.page-title-4__value {
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-primary);
}

@media (min-width: 768px) {
  .page-title-4__meta {
    grid-template-columns: repeat(2, minmax(0, var(--layout-pageTitle4-meta-col)));
    column-gap: var(--layout-pageTitle4-meta-gap);
    row-gap: var(--space-6);
  }
}
@media (min-width: 1024px) {
  .page-title-4__meta {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--layout-pageTitle4-meta-gap);
  }
}
.page-title-5 {
  padding-block: var(--space-10) var(--space-10);
}

.page-title-5__header {
  display: flex;
  flex-direction: column;
  gap: var(--layout-pageTitle5-stack-gap);
}

.page-title-5__eyebrow-wrap {
  display: flex;
  flex-direction: column;
  gap: var(--layout-pageTitle5-eyebrow-gap);
  padding-block-end: var(--layout-pageTitle5-eyebrow-gap);
  border-block-end: 1px solid var(--color-border-base);
}

.page-title-5__eyebrow {
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-brand);
}

.page-title-5__row {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
}

.page-title-5__title {
  display: flex;
  flex-direction: column;
  margin: 0;
  max-width: var(--layout-pageTitle5-title-max);
  font-size: var(--font-size-h1);
  line-height: var(--font-leading-h1);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-primary);
}

.page-title-5__title-line {
  display: block;
}

.page-title-5__title-line.text-mark-top__line {
  padding-block: 0.2em;
  margin-block: -0.2em;
}

.page-title-5__aside {
  display: flex;
  flex-direction: column;
  gap: var(--layout-pageTitle5-aside-gap);
  align-items: flex-start;
  max-width: var(--layout-pageTitle5-aside-max);
}

.page-title-5__aside-top {
  display: flex;
  flex-direction: column;
  gap: var(--layout-pageTitle5-aside-stack-gap);
  width: 100%;
}

.page-title-5__avatars {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}

.page-title-5__avatar-item {
  flex: 0 0 auto;
}

.page-title-5__avatar-item:not(:first-child) {
  margin-inline-start: calc(var(--layout-pageTitle5-avatar-overlap) * -1);
}

.page-title-5__avatar {
  display: block;
  width: var(--layout-pageTitle5-avatar-size);
  height: var(--layout-pageTitle5-avatar-size);
  border: var(--layout-pageTitle5-avatar-ring) solid var(--color-surface-base);
  border-radius: 50%;
  object-fit: cover;
  background-color: var(--color-surface-subtle);
}

.page-title-5__aside-text {
  display: flex;
  flex-direction: column;
  margin: 0;
  font-size: var(--font-size-h6);
  line-height: var(--font-leading-h6);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  text-transform: capitalize;
  color: var(--color-text-secondary);
}

.page-title-5__aside-line {
  display: block;
}

.page-title-5__aside-highlight {
  color: var(--color-text-primary);
}

.page-title-5__cta {
  display: inline-flex;
  flex-direction: column;
  gap: var(--layout-pageTitle5-cta-gap);
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-primary);
  text-decoration: none;
  border-block-end: var(--layout-pageTitle5-cta-rule) solid currentColor;
}

@media (min-width: 1024px) {
  .page-title-5__row {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--space-8);
  }
  .page-title-5__aside {
    flex: 0 0 auto;
  }
}
.page-title-6 {
  padding-block: var(--space-10) 0;
}

.page-title-6 .container {
  max-width: var(--layout-pageTitle6-max);
}

.page-title-6__header {
  display: flex;
  flex-direction: column;
  gap: var(--layout-pageTitle6-stack-gap);
}

.page-title-6__eyebrow-wrap {
  display: flex;
  flex-direction: column;
  gap: var(--layout-pageTitle6-eyebrow-gap);
  padding-block-end: var(--layout-pageTitle6-eyebrow-gap);
  border-block-end: 1px solid var(--color-border-base);
}

.page-title-6__eyebrow {
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-brand);
}

.page-title-6__row {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
}

.page-title-6__title {
  display: flex;
  flex-direction: column;
  margin: 0;
  max-width: var(--layout-pageTitle6-title-max);
  font-size: var(--font-size-h1);
  line-height: var(--font-leading-h1);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-primary);
}

.page-title-6__title-line {
  display: block;
}

.page-title-6__title-line.text-mark-top__line {
  padding-block: 0.2em;
  margin-block: -0.2em;
}

.page-title-6__aside {
  display: flex;
  flex-direction: column;
  margin: 0;
  max-width: var(--layout-pageTitle6-aside-max);
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
}

.page-title-6__aside-line {
  display: block;
}

@media (min-width: 1024px) {
  .page-title-6 {
    padding-block-end: var(--space-10);
  }
  .page-title-6__row {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--space-8);
  }
  .page-title-6__aside {
    flex: 0 0 auto;
  }
}
.blog-posts {
  padding-block: var(--space-8) var(--space-12);
}

.blog-posts .container {
  max-width: var(--layout-blogPosts-max);
}

.blog-posts__layout {
  display: grid;
  gap: var(--space-8);
}

.blog-posts__main {
  display: flex;
  flex-direction: column;
  gap: var(--layout-blogPosts-pagination-offset);
  min-width: 0;
}

.blog-posts__category-list,
.blog-posts__list,
.blog-posts__tags {
  margin: 0;
  padding: 0;
  list-style: none;
}

.blog-posts__category-list {
  display: flex;
  flex-direction: column;
  gap: var(--layout-blogPosts-category-gap);
  max-width: var(--layout-blogPosts-categories-max);
}

.blog-posts__category-item {
  padding-inline: 0;
  transition: padding-inline var(--motion-duration-instant) var(--motion-easing-standard);
}

.blog-posts__category-item:hover,
.blog-posts__category-item:focus-within {
  padding-inline-start: var(--layout-blogPosts-category-pad-start);
  padding-inline-end: 0;
}

.blog-posts__category-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-primary);
  text-decoration: none;
  transition: color var(--motion-duration-instant) var(--motion-easing-standard);
}

.blog-posts__category-link .text-flip {
  vertical-align: baseline;
}

.blog-posts__category-link::after {
  content: "";
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: calc(100% + var(--layout-blogPosts-category-arrow-gap));
  width: var(--layout-blogPosts-category-arrow-w);
  height: var(--layout-blogPosts-category-arrow-h);
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjEyIiBoZWlnaHQ9IjEwIiB2aWV3Qm94PSIwIDAgMTIgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGlkPSJBcnJvdyA1IChTdHJva2UpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcuNzk1NjcgMC4xOTg4NjlMMTEuODE1IDQuNTE5ODlDMTIuMDYxNyA0Ljc4NTA1IDEyLjA2MTcgNS4yMTQ5NSAxMS44MTUgNS40ODAxMUw3Ljc5NTY3IDkuODAxMTNDNy41NDkwMiAxMC4wNjYzIDcuMTQ5MTMgMTAuMDY2MyA2LjkwMjQ4IDkuODAxMTNDNi42NTU4NCA5LjUzNTk3IDYuNjU1ODQgOS4xMDYwNiA2LjkwMjQ4IDguODQwOUw5Ljg0MzY2IDUuNjc4OThIMC42MzE1NzlDMC4yODI3NjggNS42Nzg5OCAwIDUuMzc0OTkgMCA1QzAgNC42MjUwMSAwLjI4Mjc2OCA0LjMyMTAyIDAuNjMxNTc5IDQuMzIxMDJIOS44NDM2Nkw2LjkwMjQ4IDEuMTU5MUM2LjY1NTg0IDAuODkzOTM2IDYuNjU1ODQgMC40NjQwMjkgNi45MDI0OCAwLjE5ODg2OUM3LjE0OTEzIC0wLjA2NjI4OTggNy41NDkwMiAtMC4wNjYyODk4IDcuNzk1NjcgMC4xOTg4NjlaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4KPC9zdmc+Cg==") center/contain no-repeat;
  mask: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjEyIiBoZWlnaHQ9IjEwIiB2aWV3Qm94PSIwIDAgMTIgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGlkPSJBcnJvdyA1IChTdHJva2UpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcuNzk1NjcgMC4xOTg4NjlMMTEuODE1IDQuNTE5ODlDMTIuMDYxNyA0Ljc4NTA1IDEyLjA2MTcgNS4yMTQ5NSAxMS44MTUgNS40ODAxMUw3Ljc5NTY3IDkuODAxMTNDNy41NDkwMiAxMC4wNjYzIDcuMTQ5MTMgMTAuMDY2MyA2LjkwMjQ4IDkuODAxMTNDNi42NTU4NCA5LjUzNTk3IDYuNjU1ODQgOS4xMDYwNiA2LjkwMjQ4IDguODQwOUw5Ljg0MzY2IDUuNjc4OThIMC42MzE1NzlDMC4yODI3NjggNS42Nzg5OCAwIDUuMzc0OTkgMCA1QzAgNC42MjUwMSAwLjI4Mjc2OCA0LjMyMTAyIDAuNjMxNTc5IDQuMzIxMDJIOS44NDM2Nkw2LjkwMjQ4IDEuMTU5MUM2LjY1NTg0IDAuODkzOTM2IDYuNjU1ODQgMC40NjQwMjkgNi45MDI0OCAwLjE5ODg2OUM3LjE0OTEzIC0wLjA2NjI4OTggNy41NDkwMiAtMC4wNjYyODk4IDcuNzk1NjcgMC4xOTg4NjlaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4KPC9zdmc+Cg==") center/contain no-repeat;
  opacity: 0;
  transform: translateY(-50%) translateX(calc(var(--layout-blogPosts-category-arrow-shift) * -1));
  transition: opacity var(--motion-duration-instant) var(--motion-easing-standard), transform var(--motion-duration-instant) var(--motion-easing-standard);
}

.blog-posts__category-item:hover .blog-posts__category-link,
.blog-posts__category-link:focus-visible {
  color: var(--color-text-brand);
}

.blog-posts__category-item:hover .blog-posts__category-link::after,
.blog-posts__category-link:focus-visible::after {
  opacity: 1;
  transform: translateY(-50%) translateX(0);
}

@media (prefers-reduced-motion: reduce) {
  .blog-posts__category-item,
  .blog-posts__category-link,
  .blog-posts__category-link::after {
    transition: none;
  }
}
.blog-posts__list {
  display: flex;
  flex-direction: column;
  border-block-start: 1px solid var(--color-border-base);
}

.blog-posts__rule {
  display: block;
  width: 100%;
  height: 1px;
  background-color: var(--color-border-base);
}

.js .blog-posts__rule:not(.is-rule-in) {
  width: 0;
}

.blog-posts__card {
  display: grid;
  gap: var(--space-6);
  padding-block: var(--layout-blogPosts-card-pad-block);
  color: inherit;
  text-decoration: none;
}

.blog-posts__media {
  position: relative;
  margin: 0;
  overflow: hidden;
  width: 100%;
  max-width: var(--layout-blogPosts-image-width);
  border-radius: var(--layout-blogPosts-image-radius);
}

.js .blog-posts__media:not(.is-media-in) {
  clip-path: inset(0 calc(100% - var(--layout-blogPosts-image-reveal-from)) 0 0);
}

.blog-posts__media .anim-zoomin-wrap {
  transition: transform var(--motion-duration-instant) var(--motion-easing-standard);
}

.blog-posts__card:hover .anim-zoomin-wrap,
.blog-posts__card:focus-visible .anim-zoomin-wrap {
  transform: scale(var(--motion-zoom));
}

@media (prefers-reduced-motion: reduce) {
  .blog-posts__media .anim-zoomin-wrap {
    transition: none;
  }
  .blog-posts__card:hover .anim-zoomin-wrap,
  .blog-posts__card:focus-visible .anim-zoomin-wrap {
    transform: none;
  }
}
.blog-posts__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: grid;
  place-items: center;
  background-color: color-mix(in srgb, var(--color-surface-subtle) calc(var(--layout-blogPosts-overlay-opacity) * 100%), transparent);
  color: var(--color-ink-cream);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--motion-duration-instant) var(--motion-easing-standard);
}

.blog-posts__eye {
  display: block;
  width: var(--layout-blogPosts-eye-width);
  height: var(--layout-blogPosts-eye-height);
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCA1MSAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSI+CjxwYXRoIGQ9Ik0xNyAwSDM0VjQuMjg1NzFIMTdWMFpNOC41IDguNTcxNDNWNC4yODU3MUgxN1Y4LjU3MTQzSDguNVpNNC4yNSAxMi44NTcxVjguNTcxNDNIOC41VjEyLjg1NzFINC4yNVpNNC4yNSAxNy4xNDI5VjEyLjg1NzFIMFYxNy4xNDI5SDQuMjVaTTguNSAyMS40Mjg2SDQuMjVWMTcuMTQyOUg4LjVWMjEuNDI4NlpNMTcgMjUuNzE0M0g4LjVWMjEuNDI4NkgxN1YyNS43MTQzWk0zNCAyNS43MTQzVjMwSDE3VjI1LjcxNDNIMzRaTTQyLjUgMjEuNDI4NlYyNS43MTQzSDM0VjIxLjQyODZINDIuNVpNNDYuNzUgMTcuMTQyOVYyMS40Mjg2SDQyLjVWMTcuMTQyOUg0Ni43NVpNNDYuNzUgMTIuODU3MUg1MVYxNy4xNDI5SDQ2Ljc1VjEyLjg1NzFaTTQyLjUgOC41NzE0M0g0Ni43NVYxMi44NTcxSDQyLjVWOC41NzE0M1pNNDIuNSA4LjU3MTQzVjQuMjg1NzFIMzRWOC41NzE0M0g0Mi41Wk0yMS4yNSAxMC43MTQzSDI5Ljc1VjE5LjI4NTdIMjEuMjVWMTAuNzE0M1oiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4K") center/contain no-repeat;
  mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCA1MSAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSI+CjxwYXRoIGQ9Ik0xNyAwSDM0VjQuMjg1NzFIMTdWMFpNOC41IDguNTcxNDNWNC4yODU3MUgxN1Y4LjU3MTQzSDguNVpNNC4yNSAxMi44NTcxVjguNTcxNDNIOC41VjEyLjg1NzFINC4yNVpNNC4yNSAxNy4xNDI5VjEyLjg1NzFIMFYxNy4xNDI5SDQuMjVaTTguNSAyMS40Mjg2SDQuMjVWMTcuMTQyOUg4LjVWMjEuNDI4NlpNMTcgMjUuNzE0M0g4LjVWMjEuNDI4NkgxN1YyNS43MTQzWk0zNCAyNS43MTQzVjMwSDE3VjI1LjcxNDNIMzRaTTQyLjUgMjEuNDI4NlYyNS43MTQzSDM0VjIxLjQyODZINDIuNVpNNDYuNzUgMTcuMTQyOVYyMS40Mjg2SDQyLjVWMTcuMTQyOUg0Ni43NVpNNDYuNzUgMTIuODU3MUg1MVYxNy4xNDI5SDQ2Ljc1VjEyLjg1NzFaTTQyLjUgOC41NzE0M0g0Ni43NVYxMi44NTcxSDQyLjVWOC41NzE0M1pNNDIuNSA4LjU3MTQzVjQuMjg1NzFIMzRWOC41NzE0M0g0Mi41Wk0yMS4yNSAxMC43MTQzSDI5Ljc1VjE5LjI4NTdIMjEuMjVWMTAuNzE0M1oiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4K") center/contain no-repeat;
  transform: scale(var(--motion-zoom-out));
  transition: transform var(--motion-duration-instant) var(--motion-easing-standard);
}

.blog-posts__item:hover .blog-posts__overlay,
.blog-posts__item:focus-within .blog-posts__overlay {
  opacity: 1;
}

.blog-posts__item:hover .blog-posts__eye,
.blog-posts__item:focus-within .blog-posts__eye {
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .blog-posts__overlay,
  .blog-posts__eye {
    transition: none;
  }
  .blog-posts__eye {
    transform: none;
  }
}
.blog-posts__image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: var(--layout-blogPosts-image-ratio);
  object-fit: cover;
}

.blog-posts__body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--space-8);
  max-width: var(--layout-blogPosts-body-max);
}

.blog-posts__tags {
  display: flex;
  flex-wrap: wrap;
  gap: var(--layout-blogPosts-tag-gap);
}

.blog-posts__tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--layout-blogPosts-tag-height);
  padding-inline: var(--layout-blogPosts-tag-padding-inline);
  border-radius: var(--layout-blogPosts-tag-radius);
  font-size: var(--font-size-sm);
  line-height: var(--font-leading-sm);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-primary);
  background-color: var(--color-surface-subtle);
}

.blog-posts__footer {
  display: flex;
  flex-direction: column;
  gap: var(--layout-blogPosts-stack-gap);
}

.blog-posts__title {
  margin: 0;
  font-size: var(--font-size-h5);
  line-height: var(--font-leading-h5);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tighter);
  color: var(--color-text-primary);
}

.blog-posts__author {
  display: flex;
  align-items: center;
  gap: var(--layout-blogPosts-author-gap);
}

.blog-posts__avatar {
  display: block;
  flex: 0 0 auto;
  width: var(--layout-blogPosts-avatar-size);
  height: var(--layout-blogPosts-avatar-size);
  border-radius: var(--layout-blogPosts-avatar-radius);
  object-fit: cover;
}

.blog-posts__meta {
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: var(--font-leading-sm);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
}

.blog-posts__meta-name {
  color: var(--color-text-primary);
}

.blog-posts__pagination {
  display: flex;
  flex-wrap: wrap;
  gap: var(--layout-blogPosts-pagination-gap);
}

.blog-posts__page-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--layout-blogPosts-pagination-icon-gap);
  box-sizing: border-box;
  min-width: var(--layout-blogPosts-pagination-btn-width);
  min-height: var(--layout-blogPosts-pagination-btn-height);
  padding-inline: var(--space-8);
  border: 1px solid var(--color-border-base);
  border-radius: var(--layout-blogPosts-pagination-btn-radius);
  font-size: var(--font-size-xl);
  line-height: var(--font-leading-xl);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-primary);
  text-decoration: none;
}

.blog-posts__page-icon {
  position: relative;
  display: block;
  flex: 0 0 auto;
  width: var(--layout-blogPosts-pagination-icon-w);
  height: var(--layout-blogPosts-pagination-icon-h);
  overflow: hidden;
}

.blog-posts__page-icon::before,
.blog-posts__page-icon::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjEyIiBoZWlnaHQ9IjEwIiB2aWV3Qm94PSIwIDAgMTIgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGlkPSJBcnJvdyA1IChTdHJva2UpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcuNzk1NjcgMC4xOTg4NjlMMTEuODE1IDQuNTE5ODlDMTIuMDYxNyA0Ljc4NTA1IDEyLjA2MTcgNS4yMTQ5NSAxMS44MTUgNS40ODAxMUw3Ljc5NTY3IDkuODAxMTNDNy41NDkwMiAxMC4wNjYzIDcuMTQ5MTMgMTAuMDY2MyA2LjkwMjQ4IDkuODAxMTNDNi42NTU4NCA5LjUzNTk3IDYuNjU1ODQgOS4xMDYwNiA2LjkwMjQ4IDguODQwOUw5Ljg0MzY2IDUuNjc4OThIMC42MzE1NzlDMC4yODI3NjggNS42Nzg5OCAwIDUuMzc0OTkgMCA1QzAgNC42MjUwMSAwLjI4Mjc2OCA0LjMyMTAyIDAuNjMxNTc5IDQuMzIxMDJIOS44NDM2Nkw2LjkwMjQ4IDEuMTU5MUM2LjY1NTg0IDAuODkzOTM2IDYuNjU1ODQgMC40NjQwMjkgNi45MDI0OCAwLjE5ODg2OUM3LjE0OTEzIC0wLjA2NjI4OTggNy41NDkwMiAtMC4wNjYyODk4IDcuNzk1NjcgMC4xOTg4NjlaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4KPC9zdmc+Cg==") center/contain no-repeat;
  mask: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjEyIiBoZWlnaHQ9IjEwIiB2aWV3Qm94PSIwIDAgMTIgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGlkPSJBcnJvdyA1IChTdHJva2UpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcuNzk1NjcgMC4xOTg4NjlMMTEuODE1IDQuNTE5ODlDMTIuMDYxNyA0Ljc4NTA1IDEyLjA2MTcgNS4yMTQ5NSAxMS44MTUgNS40ODAxMUw3Ljc5NTY3IDkuODAxMTNDNy41NDkwMiAxMC4wNjYzIDcuMTQ5MTMgMTAuMDY2MyA2LjkwMjQ4IDkuODAxMTNDNi42NTU4NCA5LjUzNTk3IDYuNjU1ODQgOS4xMDYwNiA2LjkwMjQ4IDguODQwOUw5Ljg0MzY2IDUuNjc4OThIMC42MzE1NzlDMC4yODI3NjggNS42Nzg5OCAwIDUuMzc0OTkgMCA1QzAgNC42MjUwMSAwLjI4Mjc2OCA0LjMyMTAyIDAuNjMxNTc5IDQuMzIxMDJIOS44NDM2Nkw2LjkwMjQ4IDEuMTU5MUM2LjY1NTg0IDAuODkzOTM2IDYuNjU1ODQgMC40NjQwMjkgNi45MDI0OCAwLjE5ODg2OUM3LjE0OTEzIC0wLjA2NjI4OTggNy41NDkwMiAtMC4wNjYyODk4IDcuNzk1NjcgMC4xOTg4NjlaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4KPC9zdmc+Cg==") center/contain no-repeat;
  transition: transform var(--motion-duration-instant) var(--motion-easing-header);
}

.blog-posts__page-icon::after {
  transform: translateX(-100%);
}

.blog-posts__page-btn:hover .blog-posts__page-icon::before,
.blog-posts__page-btn:focus-visible .blog-posts__page-icon::before {
  transform: translateX(100%);
}

.blog-posts__page-btn:hover .blog-posts__page-icon::after,
.blog-posts__page-btn:focus-visible .blog-posts__page-icon::after {
  transform: translateX(0);
}

.blog-posts__page-btn--prev .blog-posts__page-icon {
  transform: rotate(180deg);
}

@media (prefers-reduced-motion: reduce) {
  .blog-posts__page-icon::before,
  .blog-posts__page-icon::after {
    transition: none;
  }
}
@media (min-width: 1024px) {
  .blog-posts__layout {
    grid-template-columns: max-content minmax(0, 1fr);
    column-gap: var(--layout-blogPosts-layout-gap);
    align-items: start;
  }
  .blog-posts__card {
    grid-template-columns: minmax(0, var(--layout-blogPosts-image-width)) minmax(0, var(--layout-blogPosts-body-max));
    align-items: stretch;
    column-gap: var(--layout-blogPosts-card-gap);
  }
  .blog-posts__media {
    max-width: none;
  }
  .blog-posts__body {
    max-width: none;
    min-height: var(--layout-blogPosts-image-height);
  }
}
.blog-details {
  padding-block: var(--space-8) var(--space-12);
}

.blog-details .container {
  max-width: var(--layout-blogDetails-max);
}

.blog-details__article {
  display: flex;
  flex-direction: column;
  gap: var(--layout-blogDetails-stack-gap);
}

.blog-details__header {
  display: grid;
  gap: var(--space-8);
}

.blog-details__meta {
  display: flex;
  flex-direction: column;
  gap: var(--layout-blogDetails-meta-stack-gap);
  max-width: var(--layout-blogDetails-meta-max);
}

.blog-details__pills {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-blogDetails-pill-gap);
}

.blog-details__pill {
  margin: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-inline: var(--layout-blogDetails-pill-padding-inline);
  padding-block: var(--layout-blogDetails-pill-padding-block);
  border-radius: var(--layout-blogDetails-pill-radius);
  font-size: var(--font-size-sm);
  line-height: var(--font-leading-sm);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-primary);
  background-color: var(--color-surface-subtle);
}

.blog-details__author {
  display: flex;
  align-items: center;
  gap: var(--layout-blogDetails-author-gap);
}

.blog-details__avatar {
  display: block;
  flex: 0 0 auto;
  width: var(--layout-blogDetails-avatar-size);
  height: var(--layout-blogDetails-avatar-size);
  border-radius: var(--layout-blogDetails-avatar-radius);
  object-fit: cover;
}

.blog-details__author-copy {
  display: flex;
  flex-direction: column;
  gap: var(--layout-blogDetails-author-copy-gap);
  min-width: 0;
}

.blog-details__author-eyebrow,
.blog-details__author-role {
  margin: 0;
  font-size: var(--font-size-tiny);
  line-height: var(--font-leading-tiny);
  font-weight: var(--font-weight-regular);
}

.blog-details__author-eyebrow {
  color: var(--color-text-secondary);
}

.blog-details__author-name {
  margin: 0;
  font-size: var(--font-size-h6);
  line-height: var(--font-leading-h6);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  text-transform: capitalize;
  color: var(--color-text-primary);
}

.blog-details__author-role {
  color: var(--color-text-brand);
}

.blog-details__title {
  margin: 0;
  max-width: var(--layout-blogDetails-title-max);
  font-size: var(--font-size-h1);
  line-height: var(--font-leading-h1);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-primary);
}

.blog-details__title-line {
  display: block;
}

.blog-details__title-line.text-mark-top__line {
  padding-block: 0.2em;
  margin-block: -0.2em;
}

.blog-details__hero-block,
.blog-details__section,
.blog-details__section-head,
.blog-details__split-copy,
.blog-details__prose,
.blog-details__form {
  display: flex;
  flex-direction: column;
}

.blog-details__hero-block {
  gap: var(--layout-blogDetails-media-gap);
}

.blog-details__section {
  gap: var(--layout-blogDetails-section-gap);
}

.blog-details__section-head,
.blog-details__split-copy,
.blog-details__prose {
  gap: var(--layout-blogDetails-copy-gap);
}

.blog-details__heading {
  margin: 0;
  font-size: var(--font-size-h4);
  line-height: var(--font-leading-h4);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-primary);
}

.blog-details__text {
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
}

.blog-details__media {
  position: relative;
  margin: 0;
  overflow: hidden;
  width: 100%;
  border-radius: var(--layout-blogDetails-hero-radius);
}

.blog-details__media--hero {
  aspect-ratio: var(--layout-blogDetails-hero-ratio);
}

.blog-details__media--split {
  max-width: var(--layout-blogDetails-split-image-width);
  aspect-ratio: var(--layout-blogDetails-split-image-ratio);
}

.blog-details__media--gallery-1 {
  aspect-ratio: var(--layout-blogDetails-gallery-left-ratio);
}

.blog-details__media--gallery-2 {
  aspect-ratio: var(--layout-blogDetails-gallery-right-ratio);
}

.blog-details__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.blog-details__split,
.blog-details__gallery {
  display: grid;
  gap: var(--layout-blogDetails-split-gap);
}

.blog-details__list {
  margin: 0;
  padding-inline-start: var(--space-3);
  list-style: disc;
}

.blog-details__list-item {
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
}

.blog-details__list-item + .blog-details__list-item {
  margin-block-start: 0;
}

.blog-details__tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--layout-blogDetails-tag-gap);
  margin-block-start: var(--layout-blogDetails-block-gap);
}

.blog-details__tags-label {
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  font-weight: var(--font-weight-regular);
  color: var(--color-ink-white);
}

.blog-details__tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--layout-blogDetails-tag-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}

.blog-details__tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--layout-blogDetails-tag-height);
  padding-inline: var(--layout-blogDetails-tag-padding-inline);
  border: 1px solid var(--color-border-base);
  border-radius: var(--layout-blogDetails-tag-radius);
  font-size: var(--font-size-sm);
  line-height: var(--font-leading-sm);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
}

.blog-details__reply {
  display: flex;
  flex-direction: column;
  gap: var(--layout-blogDetails-form-gap);
  margin-block-start: var(--layout-blogDetails-block-gap);
}

.blog-details__reply-title {
  margin: 0;
  font-size: var(--font-size-h4);
  line-height: var(--font-leading-h4);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-primary);
}

.blog-details__form {
  gap: var(--layout-blogDetails-form-submit-gap);
}

.blog-details__form-fields {
  display: flex;
  flex-direction: column;
  gap: var(--layout-blogDetails-form-row-gap);
}

.blog-details__form-row {
  display: grid;
  gap: var(--layout-blogDetails-form-field-gap);
}

.blog-details__field {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  min-width: 0;
}

.blog-details__field-label {
  font-size: var(--font-size-md);
  line-height: var(--font-leading-md);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-primary);
}

.blog-details__input {
  width: 100%;
  min-height: var(--layout-blogDetails-field-min-height);
  padding: 0;
  border: 0;
  border-bottom: 1px solid var(--color-border-base);
  border-radius: 0;
  background: transparent;
  font-family: inherit;
  font-size: var(--font-size-md);
  line-height: var(--font-leading-md);
  color: var(--color-text-primary);
  transition: border-color var(--motion-duration-instant) var(--motion-easing-standard);
}

.blog-details__input:focus-visible {
  outline: none;
  border-bottom-color: var(--color-accent-base);
}

@media (prefers-reduced-motion: reduce) {
  .blog-details__input {
    transition: none;
  }
}
.blog-details__input--message {
  resize: vertical;
  min-height: var(--layout-blogDetails-field-min-height);
}

.blog-details__submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  box-sizing: border-box;
  min-width: var(--layout-blogDetails-submit-width);
  min-height: var(--layout-blogDetails-submit-height);
  padding-inline: var(--layout-blogDetails-submit-padding-inline);
  border: 0;
  border-radius: var(--layout-blogDetails-submit-radius);
  font-family: inherit;
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-primary);
  background-color: var(--color-surface-subtle);
  cursor: pointer;
}

.blog-details__submit-label {
  flex-shrink: 0;
}

.blog-details__arrow {
  display: block;
  flex-shrink: 0;
  overflow: hidden;
  height: var(--layout-blogDetails-submit-arrow-size);
  max-width: 0;
  margin-inline-start: 0;
  opacity: 0;
  color: inherit;
  transition: max-width var(--motion-duration-instant) var(--motion-easing-standard), margin-inline-start var(--motion-duration-instant) var(--motion-easing-standard), opacity var(--motion-duration-instant) var(--motion-easing-standard);
}
.blog-details__arrow svg {
  display: block;
  width: var(--layout-blogDetails-submit-arrow-size);
  height: var(--layout-blogDetails-submit-arrow-size);
}

.blog-details__submit:hover .blog-details__arrow,
.blog-details__submit:focus-visible .blog-details__arrow {
  max-width: var(--layout-blogDetails-submit-arrow-size);
  margin-inline-start: var(--layout-blogDetails-submit-arrow-gap);
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  .blog-details__arrow {
    transition: none;
  }
}
@media (min-width: 1024px) {
  .blog-details__header {
    grid-template-columns: minmax(0, var(--layout-blogDetails-meta-max)) minmax(0, 1fr);
    column-gap: var(--layout-blogDetails-header-gap);
    align-items: start;
  }
  .blog-details__title {
    max-width: none;
  }
  .blog-details__split {
    grid-template-columns: minmax(0, var(--layout-blogDetails-split-image-width)) minmax(0, 1fr);
    align-items: start;
  }
  .blog-details__media--split {
    max-width: none;
  }
  .blog-details__gallery {
    grid-template-columns: minmax(0, var(--layout-blogDetails-gallery-left)) minmax(0, var(--layout-blogDetails-gallery-right));
  }
  .blog-details__form-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.contact {
  padding-block: var(--space-8) var(--space-12);
}

.contact .container {
  max-width: var(--layout-contact-max);
}

.contact__header {
  display: flex;
  flex-direction: column;
  gap: var(--layout-contact-header-gap);
}

.contact__eyebrow-wrap {
  display: flex;
  flex-direction: column;
  gap: var(--layout-contact-eyebrow-gap);
  padding-block-end: var(--layout-contact-eyebrow-gap);
  border-block-end: 1px solid var(--color-border-base);
}

.contact__eyebrow {
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-brand);
}

.contact__intro {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
}

.contact__title {
  margin: 0;
  font-size: var(--font-size-h1);
  line-height: var(--font-leading-h1);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-ink-white);
}

.contact__title .text-mark-top__line {
  padding-block: 0.2em;
  margin-block: -0.2em;
}

.contact__aside {
  display: flex;
  flex-direction: column;
  margin: 0;
  max-width: var(--layout-contact-aside-max);
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
}

.contact__aside-line {
  display: block;
}

.contact__main {
  display: grid;
  gap: var(--space-8);
  margin-block-start: var(--layout-contact-stack-gap);
}

.contact__aside-col {
  display: flex;
  flex-direction: column;
  gap: var(--layout-contact-direct-gap);
  max-width: var(--layout-contact-aside-width);
}

.contact__social {
  display: flex;
  flex-direction: column;
  gap: var(--layout-contact-social-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}

.contact__social-link {
  display: flex;
  align-items: center;
  gap: var(--layout-contact-social-icon-gap);
  color: inherit;
  text-decoration: none;
}

.contact__social-icon {
  display: block;
  flex: 0 0 auto;
  width: var(--layout-contact-social-icon);
  height: var(--layout-contact-social-icon);
}

.contact__social-image {
  display: block;
  width: 100%;
  height: 100%;
}

.contact__social-copy {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  min-width: 0;
}

.contact__social-label {
  font-size: var(--font-size-h6);
  line-height: var(--font-leading-h6);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  text-transform: capitalize;
  color: var(--color-text-primary);
}

.contact__social-handle {
  font-size: var(--font-size-md);
  line-height: var(--font-leading-md);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
}

.contact__direct {
  display: flex;
  flex-direction: column;
  gap: var(--layout-contact-direct-stack-gap);
}

.contact__direct-label {
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
}

.contact__email {
  align-self: flex-start;
  padding-block-end: var(--layout-contact-email-underline-gap);
  border-block-end: 1px solid var(--color-text-primary);
  font-size: var(--font-size-h5);
  line-height: var(--font-leading-h5);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tighter);
  color: var(--color-text-primary);
  text-decoration: none;
}

.contact__form {
  display: flex;
  flex-direction: column;
  gap: var(--layout-contact-form-gap);
  min-width: 0;
}

.contact__form-row {
  display: grid;
  gap: var(--layout-contact-form-pair-gap);
}

.contact__field {
  display: flex;
  flex-direction: column;
  gap: var(--layout-contact-field-stack-gap);
  box-sizing: border-box;
  min-height: var(--layout-contact-field-min-height);
  padding: var(--layout-contact-field-padding);
  border: 1px solid var(--color-border-base);
  border-radius: var(--layout-contact-field-radius);
  transition: border-color var(--motion-duration-instant) var(--motion-easing-standard);
}

.contact__field:focus-within {
  border-color: var(--color-accent-base);
}

.contact__field--message {
  min-height: var(--layout-contact-message-min-height);
}

.contact__field-label {
  font-size: var(--font-size-sm);
  line-height: var(--font-leading-sm);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-primary);
}

.contact__input {
  width: 100%;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  font-family: inherit;
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-primary);
}

.contact__input::placeholder {
  color: var(--color-text-secondary);
  opacity: 1;
}

.contact__input:focus-visible {
  outline: none;
}

.contact__input--message {
  flex: 1 1 auto;
  resize: vertical;
  min-height: var(--space-8);
}

@media (prefers-reduced-motion: reduce) {
  .contact__field {
    transition: none;
  }
}
.contact__submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  box-sizing: border-box;
  min-height: var(--layout-contact-submit-height);
  margin-block-start: calc(var(--layout-contact-submit-gap) - var(--layout-contact-form-gap));
  padding-inline: var(--layout-contact-submit-padding-inline);
  padding-block: var(--layout-contact-submit-padding-block);
  border: 0;
  border-radius: var(--layout-contact-submit-radius);
  font-family: inherit;
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-primary);
  background-color: var(--color-surface-subtle);
  cursor: pointer;
}
.contact__submit .text-flip {
  line-height: 1;
}

.contact__submit-arrow {
  display: block;
  flex-shrink: 0;
  overflow: hidden;
  height: var(--layout-contact-submit-arrow-size);
  max-width: 0;
  margin-inline-start: 0;
  opacity: 0;
  color: inherit;
  transition: max-width var(--motion-duration-instant) var(--motion-easing-standard), margin-inline-start var(--motion-duration-instant) var(--motion-easing-standard), opacity var(--motion-duration-instant) var(--motion-easing-standard);
}
.contact__submit-arrow svg {
  display: block;
  width: var(--layout-contact-submit-arrow-size);
  height: var(--layout-contact-submit-arrow-size);
}

.contact__submit:hover .contact__submit-arrow,
.contact__submit:focus-visible .contact__submit-arrow {
  max-width: var(--layout-contact-submit-arrow-size);
  margin-inline-start: var(--layout-contact-submit-arrow-gap);
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  .contact__submit-arrow {
    transition: none;
  }
}
.contact__locations {
  display: grid;
  gap: var(--layout-contact-locations-split-gap);
  margin-block-start: var(--layout-contact-locations-gap);
}

.contact__addresses {
  display: grid;
  gap: var(--space-6);
  box-sizing: border-box;
  padding: var(--layout-contact-address-padding);
  border-radius: var(--layout-contact-cta-radius);
  background-color: var(--color-surface-subtle);
}

.contact__office-city {
  margin: 0 0 var(--layout-contact-office-stack-gap);
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-primary);
}

.contact__office-body {
  display: flex;
  flex-direction: column;
}

.contact__office-line {
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
}

.contact__cta {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
  min-height: 100%;
  padding: var(--layout-contact-cta-padding);
  border-radius: var(--layout-contact-cta-radius);
  background-color: var(--color-brand-1);
  color: var(--color-ink-white);
}

.contact__cta-title {
  margin: 0;
  font-size: var(--font-size-h5);
  line-height: var(--font-leading-h5);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tighter);
}

.contact__cta-title-line {
  display: block;
}

.contact__cta-link {
  display: inline-block;
  margin-block-start: var(--layout-contact-cta-copy-gap);
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  font-weight: var(--font-weight-regular);
  color: inherit;
  text-decoration: none;
}

@media (min-width: 1024px) {
  .contact__intro {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--space-8);
  }
  .contact__aside {
    flex: 0 0 auto;
  }
  .contact__main {
    grid-template-columns: minmax(0, var(--layout-contact-aside-width)) minmax(0, 1fr);
    column-gap: var(--layout-contact-main-gap);
    align-items: start;
  }
  .contact__aside-col {
    max-width: none;
  }
  .contact__form-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .contact__locations {
    grid-template-columns: minmax(0, var(--layout-contact-address-max)) minmax(0, var(--layout-contact-cta-width));
    align-items: stretch;
  }
  .contact__addresses {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: var(--layout-contact-address-col-gap);
  }
  .contact__cta-link {
    margin-block-start: 0;
  }
}
.page-404 #main-content {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}

.error-404 {
  width: 100%;
}

.error-404 .container {
  max-width: var(--layout-error404-max);
}

.error-404__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--layout-error404-stack-gap);
  text-align: center;
}

.error-404__copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--layout-error404-copy-gap);
  width: 100%;
}

.error-404__code {
  margin: 0;
  font-size: var(--layout-error404-code-size);
  line-height: var(--layout-error404-code-leading);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-primary);
}

.error-404__title {
  display: flex;
  flex-direction: column;
  margin: 0;
  font-size: var(--font-size-h1);
  line-height: var(--font-leading-h1);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-primary);
}

.error-404__title-line {
  display: block;
}

.error-404__title-line.text-mark-top__line {
  padding-block: 0.2em;
  margin-block: -0.2em;
}

.error-404__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-inline: var(--layout-error404-cta-padding-inline);
  padding-block: var(--layout-error404-cta-padding-block);
  border-radius: var(--layout-error404-cta-radius);
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  font-weight: var(--font-weight-regular);
  color: var(--color-button-text);
  background-color: var(--color-button-bg);
  text-decoration: none;
}

.pricing {
  padding-block: var(--space-5) var(--space-10);
}

.pricing__grid {
  display: grid;
  gap: var(--layout-pricing-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}

.pricing__card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-pricing-card-gap);
  box-sizing: border-box;
  height: 100%;
  padding: var(--layout-pricing-card-padding);
  border: 1px solid var(--color-border-base);
  border-radius: var(--layout-pricing-card-radius);
  background-color: var(--color-surface-subtle);
}

.pricing__card.is-featured {
  border-width: 2px;
  border-color: var(--color-brand-1);
}

.pricing__badge {
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding-inline: var(--layout-pricing-badge-padding-inline);
  padding-block: var(--layout-pricing-badge-padding-block);
  border-radius: var(--layout-pricing-badge-radius);
  font-size: var(--font-size-sm);
  line-height: var(--font-leading-sm);
  font-weight: var(--font-weight-regular);
  color: var(--color-button-text);
  background-color: var(--color-brand-1);
}

.pricing__badge.is-hidden {
  visibility: hidden;
}

.pricing__name {
  margin: 0;
  font-size: var(--font-size-h5);
  line-height: var(--font-leading-h5);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tighter);
  color: var(--color-text-primary);
}

.pricing__price-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: var(--layout-pricing-price-gap);
  margin: 0;
}

.pricing__price {
  font-size: var(--font-size-h3);
  line-height: var(--font-leading-h3);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-primary);
}

.pricing__period {
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
}

.pricing__description {
  margin: 0;
  font-size: var(--font-size-md);
  line-height: var(--font-leading-md);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
}

.pricing__divider {
  display: block;
  width: 100%;
  height: 0;
  margin: 0;
  border: 0;
  border-block-start: 1px solid var(--color-border-base);
}

.pricing__features {
  display: flex;
  flex-direction: column;
  gap: var(--layout-pricing-feature-gap);
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pricing__feature {
  display: flex;
  align-items: center;
  gap: var(--layout-pricing-feature-icon-gap);
}

.pricing__check {
  display: block;
  flex: 0 0 auto;
  width: var(--layout-pricing-check-size);
  height: var(--layout-pricing-check-size);
}

.pricing__feature-text {
  font-size: var(--font-size-md);
  line-height: var(--font-leading-md);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
}

.pricing__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  min-height: var(--layout-pricing-cta-height);
  margin-block-start: auto;
  padding-inline: var(--layout-pricing-cta-padding-inline);
  border-radius: var(--layout-pricing-cta-radius);
  font-size: var(--font-size-md);
  line-height: var(--font-leading-md);
  font-weight: var(--font-weight-regular);
  color: var(--color-button-text);
  background-color: var(--color-button-bg);
  text-decoration: none;
  text-align: center;
}

@media (min-width: 1024px) {
  .pricing__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
  }
}
.service-detail-1 {
  padding-block: 0 var(--space-12);
}

.service-detail-1__panel {
  border-block-start: 1px solid var(--color-border-base);
}

.service-detail-1__grid {
  display: grid;
  gap: var(--space-8);
}

.service-detail-1__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--layout-serviceDetail1-copy-gap);
  max-width: var(--layout-serviceDetail1-copy-max);
  padding-block: var(--space-8);
}

.service-detail-1__title {
  display: flex;
  flex-direction: column;
  margin: 0;
  font-size: var(--font-size-h5);
  line-height: var(--font-leading-h5);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tighter);
  color: var(--color-text-primary);
}

.service-detail-1__title-line {
  display: block;
}

.service-detail-1__stack {
  display: flex;
  flex-direction: column;
  gap: var(--layout-serviceDetail1-stack-gap);
}

.service-detail-1__body {
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
}

.service-detail-1__tags {
  display: flex;
  flex-wrap: wrap;
  gap: var(--layout-serviceDetail1-tag-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}

.service-detail-1__tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--layout-serviceDetail1-tag-min-height);
  padding-inline: var(--layout-serviceDetail1-tag-padding-inline);
  border: 1px solid var(--color-border-base);
  border-radius: var(--layout-serviceDetail1-tag-radius);
  font-size: var(--font-size-md);
  line-height: var(--font-leading-md);
  font-weight: var(--font-weight-regular);
  white-space: nowrap;
  color: var(--color-text-primary);
}

.service-detail-1__media {
  position: relative;
  margin: 0;
  overflow: hidden;
  max-width: var(--layout-serviceDetail1-image-width);
  aspect-ratio: var(--layout-serviceDetail1-image-ratio);
}

.service-detail-1__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

@media (min-width: 1024px) {
  .service-detail-1__grid {
    grid-template-columns: minmax(0, var(--layout-serviceDetail1-copy-max)) minmax(0, 1fr);
    align-items: stretch;
    gap: 0;
    min-height: var(--layout-serviceDetail1-rail-min-height);
  }
  .service-detail-1__content {
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    padding-block: var(--space-8) 0;
    padding-inline-end: var(--layout-serviceDetail1-content-pad-end);
    border-inline-end: 1px solid var(--color-border-base);
  }
  .service-detail-1__media {
    justify-self: end;
    align-self: center;
    width: 100%;
    max-width: var(--layout-serviceDetail1-image-width);
    margin-inline-start: var(--space-8);
  }
}
.service-detail-2 {
  padding-block: var(--space-12) var(--space-12);
}

.service-detail-2__header {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  margin-bottom: var(--layout-serviceDetail2-header-gap);
}

.service-detail-2__title {
  display: flex;
  flex-direction: column;
  margin: 0;
  max-width: var(--layout-serviceDetail2-title-max);
  font-size: var(--font-size-h4);
  line-height: var(--font-leading-h4);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-primary);
}

.service-detail-2__title-line {
  display: block;
}

.service-detail-2__aside {
  display: flex;
  flex-direction: column;
  margin: 0;
  max-width: var(--layout-serviceDetail2-aside-max);
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-primary);
}

.service-detail-2__aside-line {
  display: block;
}

.service-detail-2__body {
  display: grid;
  gap: var(--space-8);
}

.service-detail-2__steps {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  max-width: var(--layout-serviceDetail2-steps-max);
  border-block-start: 1px solid var(--color-border-base);
}

.service-detail-2__step {
  display: grid;
  gap: var(--space-4);
  padding-block: var(--layout-serviceDetail2-step-pad);
  padding-inline: 0;
  border-block-end: 1px solid var(--color-border-base);
  transition: background-color var(--motion-duration-instant) var(--motion-easing-standard), padding-inline var(--motion-duration-instant) var(--motion-easing-standard);
}

.service-detail-2__step:hover,
.service-detail-2__step:focus-within {
  padding-inline: var(--space-3);
  background-color: var(--color-surface-subtle);
}

.service-detail-2__step:hover .service-detail-2__index,
.service-detail-2__step:focus-within .service-detail-2__index {
  color: var(--color-text-brand);
}

.service-detail-2__step-heading {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  align-items: flex-start;
}

.service-detail-2__index,
.service-detail-2__step-title {
  margin: 0;
  font-size: var(--font-size-h5);
  line-height: var(--font-leading-h5);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tighter);
  color: var(--color-text-primary);
}

.service-detail-2__step-title {
  display: flex;
  flex-direction: column;
}

.service-detail-2__step-title-line {
  display: block;
}

.service-detail-2__step-body {
  margin: 0;
  max-width: var(--layout-serviceDetail2-desc-max);
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
}

.service-detail-2__media {
  position: relative;
  margin: 0;
  overflow: hidden;
  max-width: var(--layout-serviceDetail2-image-width);
  aspect-ratio: var(--layout-serviceDetail2-image-ratio);
  background-color: var(--color-surface-subtle);
}

.service-detail-2__media .anim-zoomin-wrap {
  position: absolute;
  inset: 0;
  will-change: transform, opacity;
}

.service-detail-2__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

html:not(.js) .service-detail-2__image + .service-detail-2__image {
  display: none;
}

@media (prefers-reduced-motion: reduce) {
  .service-detail-2__step {
    transition: none;
  }
}
@media (min-width: 1024px) {
  .service-detail-2__header {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0;
  }
  .service-detail-2__body {
    grid-template-columns: minmax(0, var(--layout-serviceDetail2-steps-max)) minmax(0, var(--layout-serviceDetail2-image-width));
    justify-content: space-between;
    align-items: stretch;
    gap: var(--layout-serviceDetail2-body-gap);
  }
  .service-detail-2__step {
    grid-template-columns: minmax(0, 1fr) var(--layout-serviceDetail2-desc-max);
    justify-content: space-between;
    align-items: start;
    column-gap: var(--space-4);
  }
  .service-detail-2__step-heading {
    gap: var(--layout-serviceDetail2-index-gap);
    flex-wrap: nowrap;
  }
  .service-detail-2__step-body {
    max-width: none;
  }
  .service-detail-2__media {
    width: 100%;
    max-width: none;
    align-self: stretch;
    aspect-ratio: auto;
    min-height: var(--layout-serviceDetail2-image-height);
  }
}
.service-detail-3 {
  padding-block: var(--space-12) var(--space-12);
}

.service-detail-3__features {
  display: grid;
  gap: var(--space-8);
  margin: 0 0 var(--layout-serviceDetail3-feature-to-data);
  padding: 0;
  list-style: none;
}

.service-detail-3__feature {
  display: flex;
  flex-direction: column;
  gap: var(--layout-serviceDetail3-feature-stack-gap);
  max-width: var(--layout-serviceDetail3-feature-max);
}

.service-detail-3__feature-title {
  margin: 0;
  font-size: var(--font-size-h5);
  line-height: var(--font-leading-h5);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tighter);
  color: var(--color-text-primary);
}

.service-detail-3__feature-body {
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
}

.service-detail-3__data {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
}

.service-detail-3__eyebrow {
  margin: 0;
  font-size: var(--font-size-md);
  line-height: var(--font-leading-md);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-primary);
}

.service-detail-3__stats {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-8);
  margin: 0;
  padding: 0;
  list-style: none;
  max-width: var(--layout-serviceDetail3-stats-max);
}

.service-detail-3__stat {
  display: flex;
  flex-direction: column;
  gap: var(--layout-serviceDetail3-stat-stack-gap);
  padding-block-start: var(--layout-serviceDetail3-stat-stack-gap);
  border-block-start: var(--layout-serviceDetail3-stat-rule) solid var(--color-border-base);
}

.service-detail-3__stat-label {
  margin: 0;
  font-size: var(--font-size-md);
  line-height: var(--font-leading-md);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-primary);
}

.service-detail-3__stat-value {
  display: inline-flex;
  align-items: baseline;
  margin: 0;
  font-size: var(--font-size-h1);
  line-height: var(--font-leading-h1);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-primary);
}
.service-detail-3__stat-value .digit-count {
  letter-spacing: normal;
}

.service-detail-3__stat-suffix {
  flex-shrink: 0;
}

.service-detail-3__stat-body {
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
}

@media (min-width: 768px) {
  .service-detail-3__stats {
    grid-template-columns: repeat(2, minmax(0, var(--layout-serviceDetail3-stat-width)));
    column-gap: var(--layout-serviceDetail3-stat-col-gap);
    row-gap: var(--layout-serviceDetail3-stat-row-gap);
  }
}
@media (min-width: 1024px) {
  .service-detail-3__features {
    grid-template-columns: repeat(3, minmax(0, var(--layout-serviceDetail3-feature-max)));
    justify-content: space-between;
    column-gap: var(--layout-serviceDetail3-feature-gap);
  }
  .service-detail-3__feature {
    max-width: none;
    padding-inline-end: var(--layout-serviceDetail3-feature-gap);
    border-inline-end: 1px solid var(--color-border-base);
  }
  .service-detail-3__feature:last-child {
    padding-inline-end: 0;
    border-inline-end: 0;
  }
  .service-detail-3__data {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--space-8);
  }
  .service-detail-3__stats {
    flex: 0 0 auto;
    width: 100%;
  }
}
.project-details-1 {
  padding-block: var(--space-8) var(--space-12);
}

.project-details-1 .container {
  max-width: var(--layout-projectDetails1-max);
}

.project-details-1__intro,
.project-details-1__intro-side,
.project-details-1__intro-copy,
.project-details-1__story,
.project-details-1__gallery,
.project-details-1__features,
.project-details-1__feature,
.project-details-1__feature-copy,
.project-details-1__story-body,
.project-details-1__services {
  display: flex;
  flex-direction: column;
}

.project-details-1__intro {
  gap: var(--layout-projectDetails1-intro-gap);
  margin-bottom: var(--layout-projectDetails1-block-gap);
}

.project-details-1__intro-side {
  gap: var(--layout-projectDetails1-intro-side-gap);
}

.project-details-1__intro-copy {
  gap: var(--layout-projectDetails1-intro-copy-gap);
  align-items: flex-start;
}

.project-details-1__intro-body {
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
}

.project-details-1__live {
  font-family: var(--font-family-meta);
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-primary);
  text-decoration: none;
  border-block-end: 1px solid currentColor;
}

.project-details-1__media {
  position: relative;
  margin: 0;
  overflow: hidden;
  width: 100%;
}

.project-details-1__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.project-details-1__media--hero-main {
  aspect-ratio: var(--layout-projectDetails1-hero-main-ratio);
}

.project-details-1__media--hero-side {
  aspect-ratio: var(--layout-projectDetails1-hero-side-ratio);
}

.project-details-1__media--wide {
  aspect-ratio: var(--layout-projectDetails1-wide-ratio);
}

.project-details-1__media--pair-1 {
  aspect-ratio: var(--layout-projectDetails1-pair-left-ratio);
}

.project-details-1__media--pair-2 {
  aspect-ratio: var(--layout-projectDetails1-pair-right-ratio);
}

.project-details-1__media--feature-1 {
  aspect-ratio: var(--layout-projectDetails1-feature-left-ratio);
}

.project-details-1__media--feature-2 {
  aspect-ratio: var(--layout-projectDetails1-feature-right-ratio);
}

.project-details-1__story {
  gap: var(--layout-projectDetails1-story-gap);
  margin-bottom: var(--layout-projectDetails1-block-gap);
}

.project-details-1__story-copy {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
}

.project-details-1__title {
  display: flex;
  flex-direction: column;
  margin: 0;
  max-width: var(--layout-projectDetails1-title-max);
  font-size: var(--font-size-h4);
  line-height: var(--font-leading-h4);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-primary);
}

.project-details-1__title-line {
  display: block;
}

.project-details-1__story-body {
  gap: var(--space-4);
  max-width: var(--layout-projectDetails1-body-max);
}

.project-details-1__text {
  margin: 0;
  font-size: var(--font-size-h6);
  line-height: var(--font-leading-h6);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-secondary);
}

.project-details-1__text--capitalize {
  text-transform: capitalize;
}

.project-details-1__services {
  margin: 0;
  padding: 0;
  list-style: none;
}

.project-details-1__service {
  font-size: var(--font-size-h6);
  line-height: var(--font-leading-h6);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-primary);
}

.project-details-1__gallery {
  gap: var(--layout-projectDetails1-gallery-gap);
  margin-bottom: var(--layout-projectDetails1-closing-gap);
}

.project-details-1__pair,
.project-details-1__features {
  gap: var(--layout-projectDetails1-gallery-gap);
}

.project-details-1__feature {
  gap: var(--layout-projectDetails1-feature-gap);
}

.project-details-1__feature-copy {
  gap: var(--layout-projectDetails1-feature-stack-gap);
}

.project-details-1__feature-title {
  margin: 0;
  font-size: var(--font-size-h5);
  line-height: var(--font-leading-h5);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tighter);
  color: var(--color-text-primary);
}

.project-details-1__feature-body {
  margin: 0;
  font-size: var(--font-size-xl);
  line-height: var(--font-leading-xl);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
}

.project-details-1__closing {
  margin-bottom: var(--layout-projectDetails1-closing-gap);
}

.project-details-1__nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--layout-projectDetails1-nav-gap);
}

.project-details-1__nav-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-3);
  box-sizing: border-box;
  min-width: var(--layout-projectDetails1-nav-width);
  min-height: var(--layout-projectDetails1-nav-height);
  padding-inline: var(--space-8);
  border: 1px solid var(--color-border-base);
  border-radius: var(--layout-projectDetails1-nav-radius);
  font-size: var(--font-size-xl);
  line-height: var(--font-leading-xl);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-primary);
  text-decoration: none;
}

.project-details-1__nav-icon {
  display: block;
  width: var(--layout-projectDetails1-nav-icon-w);
  height: var(--layout-projectDetails1-nav-icon-h);
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxOCAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNy4xMDM1NyA3Ljg3MTExQzcuNzIxNTkgNy4wMjIwMyA4LjIyMTEyIDYuMDkyNjIgOC41OTMwNCA1LjExMTQ4QzguNzUyMzEgNC42OTEzIDguODg4MTkgNC4yNjE2NCA4Ljk5OTk0IDMuODI0NzJDOC45OTk5MiAzLjgyNDY1IDguOTk5OSAzLjgyNDU3IDguOTk5ODggMy44MjQ0OUM4LjYyNzE4IDUuMjgxNjkgNy45ODYxOSA2LjY1ODM0IDcuMTAzNDUgNy44NzExMUM1LjYyNzM4IDkuODk5MiAzLjU1Nzg1IDExLjM1NzEgMS4yMTU4IDEyLjAxODlMMS4yMTU4MSAxMi4wMTlDMS40NjExNiAxMS45NDk2IDEuNzAzNTIgMTEuODcxNiAxLjk0MjUzIDExLjc4NUMzLjk4NSAxMS4wNDU1IDUuNzgyMTEgOS42ODY3NyA3LjEwMzU3IDcuODcxMTFaTTE2Ljc4NDQgMTIuMDE5QzE2Ljc4NDQgMTIuMDE5IDE2Ljc4NDQgMTIuMDE5IDE2Ljc4NDUgMTIuMDE5TDE3LjA2OTYgMTAuODk3NEMxNC45NjE2IDEwLjMwMTcgMTMuMDk4OSA4Ljk4OTY0IDExLjc3MDMgNy4xNjQwMkMxMC40NDE4IDUuMzM4NCA5LjcyMTY5IDMuMTAxNzUgOS43MjE2OSAwLjgwMDk1Nkg5LjcyMTU3QzkuNzIxNTcgMy4xMDE3NSAxMC40NDE3IDUuMzM4NCAxMS43NzAyIDcuMTY0MDJDMTMuMDk4OCA4Ljk4OTY0IDE0Ljk2MTUgMTAuMzAxNyAxNy4wNjk1IDEwLjg5NzRMMTYuNzg0NCAxMi4wMTlaTTcuNzA2MjUgOC4zNTg3MkM4LjIxMzcyIDcuNjYxNTEgOC42NDY0NCA2LjkxMzY3IDkgNi4xMjkwNUM5LjM1MzU3IDYuOTEzNjcgOS43ODYyOCA3LjY2MTUxIDEwLjI5MzggOC4zNTg3MkMxMS44NzE3IDEwLjUyNjggMTQuMDg0MSAxMi4wODUzIDE2LjU4NzggMTIuNzkyN0wxNy4zMjE2IDEzTDE4IDEwLjMzMTFMMTcuMjY2MiAxMC4xMjM3QzE1LjMxOTcgOS41NzM3MiAxMy41OTk4IDguMzYyMTQgMTIuMzczIDYuNjc2NDVDMTEuMTQ2MyA0Ljk5MDcgMTAuNDgxNCAyLjkyNTQyIDEwLjQ4MTQgMC44MDA5NTZWMEg3LjUxODY0VjAuODAwOTU2QzcuNTE4NjQgMi45MjU0MiA2Ljg1MzcyIDQuOTkwNyA1LjYyNjk2IDYuNjc2NDVDNC40MDAyNSA4LjM2MjE0IDIuNjgwMjkgOS41NzM3MiAwLjczMzc3NiAxMC4xMjM3TDAgMTAuMzMxMUwwLjY3ODM4MyAxM0wxLjQxMjE1IDEyLjc5MjdDMy45MTU4OCAxMi4wODUzIDYuMTI4MjkgMTAuNTI2OCA3LjcwNjI1IDguMzU4NzJaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4KPC9zdmc+Cg==") center/contain no-repeat;
  mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxOCAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNy4xMDM1NyA3Ljg3MTExQzcuNzIxNTkgNy4wMjIwMyA4LjIyMTEyIDYuMDkyNjIgOC41OTMwNCA1LjExMTQ4QzguNzUyMzEgNC42OTEzIDguODg4MTkgNC4yNjE2NCA4Ljk5OTk0IDMuODI0NzJDOC45OTk5MiAzLjgyNDY1IDguOTk5OSAzLjgyNDU3IDguOTk5ODggMy44MjQ0OUM4LjYyNzE4IDUuMjgxNjkgNy45ODYxOSA2LjY1ODM0IDcuMTAzNDUgNy44NzExMUM1LjYyNzM4IDkuODk5MiAzLjU1Nzg1IDExLjM1NzEgMS4yMTU4IDEyLjAxODlMMS4yMTU4MSAxMi4wMTlDMS40NjExNiAxMS45NDk2IDEuNzAzNTIgMTEuODcxNiAxLjk0MjUzIDExLjc4NUMzLjk4NSAxMS4wNDU1IDUuNzgyMTEgOS42ODY3NyA3LjEwMzU3IDcuODcxMTFaTTE2Ljc4NDQgMTIuMDE5QzE2Ljc4NDQgMTIuMDE5IDE2Ljc4NDQgMTIuMDE5IDE2Ljc4NDUgMTIuMDE5TDE3LjA2OTYgMTAuODk3NEMxNC45NjE2IDEwLjMwMTcgMTMuMDk4OSA4Ljk4OTY0IDExLjc3MDMgNy4xNjQwMkMxMC40NDE4IDUuMzM4NCA5LjcyMTY5IDMuMTAxNzUgOS43MjE2OSAwLjgwMDk1Nkg5LjcyMTU3QzkuNzIxNTcgMy4xMDE3NSAxMC40NDE3IDUuMzM4NCAxMS43NzAyIDcuMTY0MDJDMTMuMDk4OCA4Ljk4OTY0IDE0Ljk2MTUgMTAuMzAxNyAxNy4wNjk1IDEwLjg5NzRMMTYuNzg0NCAxMi4wMTlaTTcuNzA2MjUgOC4zNTg3MkM4LjIxMzcyIDcuNjYxNTEgOC42NDY0NCA2LjkxMzY3IDkgNi4xMjkwNUM5LjM1MzU3IDYuOTEzNjcgOS43ODYyOCA3LjY2MTUxIDEwLjI5MzggOC4zNTg3MkMxMS44NzE3IDEwLjUyNjggMTQuMDg0MSAxMi4wODUzIDE2LjU4NzggMTIuNzkyN0wxNy4zMjE2IDEzTDE4IDEwLjMzMTFMMTcuMjY2MiAxMC4xMjM3QzE1LjMxOTcgOS41NzM3MiAxMy41OTk4IDguMzYyMTQgMTIuMzczIDYuNjc2NDVDMTEuMTQ2MyA0Ljk5MDcgMTAuNDgxNCAyLjkyNTQyIDEwLjQ4MTQgMC44MDA5NTZWMEg3LjUxODY0VjAuODAwOTU2QzcuNTE4NjQgMi45MjU0MiA2Ljg1MzcyIDQuOTkwNyA1LjYyNjk2IDYuNjc2NDVDNC40MDAyNSA4LjM2MjE0IDIuNjgwMjkgOS41NzM3MiAwLjczMzc3NiAxMC4xMjM3TDAgMTAuMzMxMUwwLjY3ODM4MyAxM0wxLjQxMjE1IDEyLjc5MjdDMy45MTU4OCAxMi4wODUzIDYuMTI4MjkgMTAuNTI2OCA3LjcwNjI1IDguMzU4NzJaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4KPC9zdmc+Cg==") center/contain no-repeat;
}

.project-details-1__nav-btn--prev .project-details-1__nav-icon {
  transform: rotate(-90deg);
}

.project-details-1__nav-btn--next .project-details-1__nav-icon {
  transform: rotate(90deg);
}

@media (min-width: 1024px) {
  .project-details-1__intro {
    display: grid;
    grid-template-columns: minmax(0, 1125fr) minmax(0, 465fr);
    align-items: stretch;
  }
  .project-details-1__intro-side {
    justify-content: space-between;
    height: 100%;
  }
  .project-details-1__story-copy {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--layout-projectDetails1-story-copy-gap);
  }
  .project-details-1__pair {
    display: grid;
    grid-template-columns: minmax(0, 957fr) minmax(0, 643fr);
  }
  .project-details-1__features {
    display: grid;
    grid-template-columns: minmax(0, var(--layout-projectDetails1-feature-left)) minmax(0, var(--layout-projectDetails1-feature-right));
  }
}
.cta-1 {
  padding-block: var(--space-12) var(--space-12);
}

.cta-1__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--layout-cta1-stack-gap);
  text-align: center;
}

.cta-1__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
  max-width: var(--layout-cta1-title-max);
  font-size: var(--font-size-h4);
  line-height: var(--font-leading-h4);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-primary);
}

.cta-1__title-line {
  display: block;
}

.cta-1__title-line.text-mark-top__line {
  padding-block: 0.2em;
  margin-block: -0.2em;
}

.cta-1__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: var(--layout-cta1-cta-width);
  min-height: var(--layout-cta1-cta-height);
  padding-inline: var(--layout-cta1-cta-padding-inline);
  border-radius: var(--layout-cta1-cta-radius);
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  font-weight: var(--font-weight-regular);
  white-space: nowrap;
  color: var(--color-text-primary);
  background-color: var(--color-surface-subtle);
  text-decoration: none;
}

.cta-1__btn-label {
  flex-shrink: 0;
}

.cta-1__arrow {
  display: block;
  flex-shrink: 0;
  overflow: hidden;
  height: var(--layout-cta1-arrow-size);
  max-width: 0;
  margin-inline-start: 0;
  opacity: 0;
  color: inherit;
  transition: max-width var(--motion-duration-instant) var(--motion-easing-standard), margin-inline-start var(--motion-duration-instant) var(--motion-easing-standard), opacity var(--motion-duration-instant) var(--motion-easing-standard);
}
.cta-1__arrow svg {
  display: block;
  width: var(--layout-cta1-arrow-size);
  height: var(--layout-cta1-arrow-size);
}

.cta-1__btn:hover .cta-1__arrow,
.cta-1__btn:focus-visible .cta-1__arrow {
  max-width: var(--layout-cta1-arrow-size);
  margin-inline-start: var(--layout-cta1-arrow-gap);
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  .cta-1__arrow {
    transition: none;
  }
}
.brands-1 {
  position: relative;
  display: grid;
  place-items: center;
  min-height: var(--layout-brands1-min-height);
  overflow: hidden;
  color: var(--color-text-primary);
  background-color: var(--color-backdrop-base);
}

.brands-1__backdrop {
  position: absolute;
  inset: 0;
  margin: 0;
  overflow: hidden;
  opacity: var(--layout-brands1-image-opacity);
}

.brands-1__backdrop-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.brands-1__inner {
  position: relative;
  z-index: 1;
  container-type: inline-size;
  max-width: calc(var(--layout-brands1-content-max) + 2 * var(--layout-brands1-pad-inline));
  padding-block: var(--space-12);
  padding-inline: var(--layout-brands1-pad-inline);
  text-align: center;
}

.brands-1__copy {
  margin: 0 auto;
  max-width: var(--layout-brands1-copy-max);
  font-size: var(--layout-brands1-copy-size);
  line-height: var(--layout-brands1-copy-leading);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-primary);
}

.brands-1__copy-line {
  display: block;
}

.brands-1__marquee {
  margin-block-start: var(--layout-brands1-logos-top);
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
}
.brands-1__marquee::-webkit-scrollbar {
  display: none;
}

.js .brands-1__marquee {
  overflow: hidden;
  cursor: grab;
  touch-action: pan-y;
  user-select: none;
}
.js .brands-1__marquee.is-dragging {
  cursor: grabbing;
}

.brands-1__track {
  display: flex;
  flex-wrap: nowrap;
  width: max-content;
  will-change: transform;
}

.brands-1__group {
  display: flex;
  flex-wrap: nowrap;
  flex-shrink: 0;
  align-items: center;
  gap: var(--layout-brands1-logo-gap);
  margin: 0;
  padding: 0;
  padding-inline-end: var(--layout-brands1-logo-gap);
  list-style: none;
}

.brands-1__logo {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
}

.brands-1__logo-img {
  display: block;
  width: 100%;
  height: auto;
}

.brands-1__logo--01 {
  width: var(--layout-brands1-logo-01-width);
}

.brands-1__logo--02 {
  width: var(--layout-brands1-logo-02-width);
}

.brands-1__logo--03 {
  width: var(--layout-brands1-logo-03-width);
}

.brands-1__logo--04 {
  width: var(--layout-brands1-logo-04-width);
}

.brands-1__logo--05 {
  width: var(--layout-brands1-logo-05-width);
}

.brands-1__logo--06 {
  width: var(--layout-brands1-logo-06-width);
}

@media (prefers-reduced-motion: reduce) {
  .js .brands-1__marquee {
    overflow-x: auto;
    cursor: auto;
    user-select: auto;
  }
}
.fact-1 {
  padding-block: var(--space-16) var(--space-16);
  color: var(--color-text-primary);
}

.fact-1__inner {
  container-type: inline-size;
  max-width: calc(var(--layout-fact1-content-max) + 2 * var(--layout-fact1-pad-inline));
  padding-inline: var(--layout-fact1-pad-inline);
}

.fact-1__title {
  margin: 0;
  text-align: center;
  text-transform: uppercase;
  font-family: var(--font-family-display);
  font-size: min(var(--layout-fact1-title-size), 100cqi / var(--layout-fact1-title-fit));
  line-height: var(--layout-fact1-title-leading);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tighter);
  color: var(--color-text-primary);
}

.fact-1__title-line {
  display: block;
}

.fact-1__title-line.text-mark-top__line {
  padding-block: 0.18em;
  margin-block: -0.18em;
}

.fact-1__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--layout-fact1-row-gap);
  margin-block-start: var(--layout-fact1-heading-gap);
}

.fact-1__media {
  margin: 0;
  overflow: hidden;
  border-radius: var(--layout-fact1-media-radius);
  background-color: var(--color-surface-subtle);
  aspect-ratio: var(--layout-fact1-media-ratio);
}

.fact-1__frame {
  height: 100%;
}

.fact-1__reveal {
  display: block;
  height: 100%;
}

.fact-1__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fact-1__stats {
  display: grid;
  gap: var(--layout-fact1-row-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}

.fact-1__card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--layout-fact1-card-stack-gap);
  padding: var(--layout-fact1-card-padding);
  border-radius: var(--layout-fact1-card-radius);
  background-color: var(--color-surface-subtle);
}

.fact-1__value {
  display: inline-flex;
  align-items: baseline;
  margin: 0;
  font-size: var(--layout-fact1-card-value-size);
  line-height: var(--layout-fact1-card-value-leading);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--layout-fact1-card-value-tracking);
  white-space: nowrap;
  color: var(--color-text-primary);
}
.fact-1__value .digit-count {
  letter-spacing: normal;
}

.fact-1__suffix {
  flex-shrink: 0;
}

.fact-1__label {
  margin: 0;
  font-size: var(--layout-fact1-card-label-size);
  line-height: var(--layout-fact1-card-label-leading);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-primary);
}

.fact-1__label-line {
  display: block;
}

@media (min-width: 1024px) {
  .fact-1__grid {
    grid-template-columns: minmax(0, 0.938fr) minmax(0, 1fr);
    align-items: stretch;
    column-gap: var(--layout-fact1-column-gap);
  }
  .fact-1__stats {
    grid-auto-rows: 1fr;
  }
  .fact-1__card {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: var(--layout-fact1-column-gap);
  }
  .fact-1__label {
    flex-shrink: 0;
    max-width: var(--layout-fact1-card-label-width);
  }
}
.team-details-1 {
  padding-block: var(--space-10) var(--space-12);
}

.team-details-1__grid {
  display: grid;
  gap: var(--space-8);
}

.team-details-1__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--layout-teamDetails1-stack-gap);
  max-width: var(--layout-teamDetails1-content-max);
}

.team-details-1__intro {
  display: flex;
  flex-direction: column;
  gap: var(--layout-teamDetails1-stack-gap);
}

.team-details-1__identity {
  display: flex;
  flex-direction: column;
  gap: var(--layout-teamDetails1-name-gap);
  max-width: var(--layout-teamDetails1-name-max);
}

.team-details-1__name {
  display: flex;
  flex-direction: column;
  margin: 0;
  font-size: var(--font-size-h1);
  line-height: var(--font-leading-h1);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-primary);
}

.team-details-1__name-line {
  display: block;
}

.team-details-1__role {
  margin: 0;
  font-size: var(--font-size-h5);
  line-height: var(--font-leading-h5);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tighter);
  color: var(--color-text-brand);
}

.team-details-1__body {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.team-details-1__text {
  margin: 0;
  font-size: var(--font-size-h6);
  line-height: var(--font-leading-h6);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  text-transform: capitalize;
  color: var(--color-text-secondary);
}

.team-details-1__social {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  border-block-start: 1px solid var(--color-border-base);
}

.team-details-1__social-item {
  border-block-end: 1px solid var(--color-border-base);
  transition: background-color var(--motion-duration-instant) var(--motion-easing-standard), padding-inline var(--motion-duration-instant) var(--motion-easing-standard);
}

.team-details-1__social-item.is-featured,
.team-details-1__social-item:hover {
  padding-inline: var(--layout-teamDetails1-social-pad);
  background-color: var(--color-surface-subtle);
}

.team-details-1__social-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  box-sizing: border-box;
  padding-block: var(--layout-teamDetails1-social-gap);
  font-size: var(--font-size-h6);
  line-height: var(--font-leading-h6);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  text-transform: capitalize;
  color: var(--color-text-primary);
  text-decoration: none;
}

.team-details-1__social-item.is-featured .team-details-1__social-link {
  min-height: var(--layout-teamDetails1-featured-min-height);
}

.team-details-1__social-link::after {
  content: "";
  flex: 0 0 auto;
  width: var(--layout-teamDetails1-social-arrow-size);
  height: var(--layout-teamDetails1-social-arrow-size);
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgOSA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGFyaWEtaGlkZGVuPSJ0cnVlIiBmb2N1c2FibGU9ImZhbHNlIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjUgMEg4LjI1QzguNjY0MjEgMCA5IDAuMzM1Nzg2IDkgMC43NVY3LjVDOSA3LjkxNDIxIDguNjY0MjEgOC4yNSA4LjI1IDguMjVDNy44MzU3OSA4LjI1IDcuNSA3LjkxNDIxIDcuNSA3LjVWMi41NjA2NkwxLjI4MDMzIDguNzgwMzNDMC45ODc0MzcgOS4wNzMyMiAwLjUxMjU2MyA5LjA3MzIyIDAuMjE5NjcgOC43ODAzM0MtMC4wNzMyMjMzIDguNDg3NDQgLTAuMDczMjIzMyA4LjAxMjU2IDAuMjE5NjcgNy43MTk2N0w2LjQzOTM0IDEuNUgxLjVDMS4wODU3OSAxLjUgMC43NSAxLjE2NDIxIDAuNzUgMC43NUMwLjc1IDAuMzM1Nzg2IDEuMDg1NzkgMCAxLjUgMFoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4K") center/contain no-repeat;
  mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgOSA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGFyaWEtaGlkZGVuPSJ0cnVlIiBmb2N1c2FibGU9ImZhbHNlIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjUgMEg4LjI1QzguNjY0MjEgMCA5IDAuMzM1Nzg2IDkgMC43NVY3LjVDOSA3LjkxNDIxIDguNjY0MjEgOC4yNSA4LjI1IDguMjVDNy44MzU3OSA4LjI1IDcuNSA3LjkxNDIxIDcuNSA3LjVWMi41NjA2NkwxLjI4MDMzIDguNzgwMzNDMC45ODc0MzcgOS4wNzMyMiAwLjUxMjU2MyA5LjA3MzIyIDAuMjE5NjcgOC43ODAzM0MtMC4wNzMyMjMzIDguNDg3NDQgLTAuMDczMjIzMyA4LjAxMjU2IDAuMjE5NjcgNy43MTk2N0w2LjQzOTM0IDEuNUgxLjVDMS4wODU3OSAxLjUgMC43NSAxLjE2NDIxIDAuNzUgMC43NUMwLjc1IDAuMzM1Nzg2IDEuMDg1NzkgMCAxLjUgMFoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4K") center/contain no-repeat;
  opacity: 0;
  transform: translateX(calc(var(--layout-teamDetails1-social-arrow-shift) * -1));
  transition: opacity var(--motion-duration-instant) var(--motion-easing-standard), transform var(--motion-duration-instant) var(--motion-easing-standard);
}

.team-details-1__social-item.is-featured .team-details-1__social-link::after,
.team-details-1__social-item:hover .team-details-1__social-link::after,
.team-details-1__social-item:focus-within .team-details-1__social-link::after {
  opacity: 1;
  transform: none;
}

.team-details-1__media {
  position: relative;
  margin: 0;
  overflow: hidden;
  max-width: var(--layout-teamDetails1-image-width);
  aspect-ratio: var(--layout-teamDetails1-image-ratio);
}

.team-details-1__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

@media (min-width: 1024px) {
  .team-details-1__grid {
    grid-template-columns: minmax(0, var(--layout-teamDetails1-content-max)) minmax(0, var(--layout-teamDetails1-image-width));
    justify-content: space-between;
    align-items: stretch;
    gap: var(--layout-teamDetails1-gap);
  }
  .team-details-1__content {
    max-width: none;
    min-height: var(--layout-teamDetails1-image-height);
  }
  .team-details-1__media {
    width: 100%;
    max-width: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .team-details-1__social-item,
  .team-details-1__social-link::after {
    transition: none;
  }
}
.team-details-2 {
  padding-block: var(--space-8) var(--space-12);
}

.team-details-2__header {
  display: flex;
  flex-direction: column;
  gap: var(--layout-teamDetails2-header-gap);
  max-width: var(--layout-teamDetails2-header-max);
  margin-bottom: var(--layout-teamDetails2-header-to-grid);
}

.team-details-2__eyebrow {
  margin: 0;
  font-family: var(--font-family-mono);
  font-size: var(--font-size-sm);
  line-height: var(--font-leading-sm);
  font-weight: var(--font-weight-regular);
  text-transform: uppercase;
  color: var(--color-text-primary);
}

.team-details-2__title {
  display: flex;
  flex-direction: column;
  margin: 0;
  font-size: var(--font-size-h3);
  line-height: var(--font-leading-h3);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-primary);
}

.team-details-2__title-line {
  display: block;
}

.team-details-2__title-line.text-mark-top__line {
  padding-block: 0.2em;
  margin-block: -0.2em;
}

.team-details-2__intro {
  margin: 0;
  max-width: var(--layout-teamDetails2-intro-max);
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
}

.team-details-2__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--layout-teamDetails2-row-gap) var(--layout-teamDetails2-col-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}

.team-details-2__item {
  display: flex;
  flex-direction: column;
  gap: var(--layout-teamDetails2-stack-gap);
  min-width: 0;
}

.team-details-2__media {
  position: relative;
  margin: 0;
  overflow: hidden;
  aspect-ratio: var(--layout-teamDetails2-image-ratio);
  background-color: var(--color-surface-cream);
}

.team-details-2__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--motion-duration-media) var(--motion-easing-standard);
}

.team-details-2__item:hover .team-details-2__image {
  transform: scale(var(--layout-teamDetails2-image-hover-scale));
}

.team-details-2__index {
  position: absolute;
  inset-block-start: var(--space-3);
  inset-inline-start: var(--space-3);
  font-family: var(--font-family-mono);
  font-size: var(--font-size-sm);
  line-height: var(--font-leading-sm);
  color: var(--color-text-primary);
}

.team-details-2__meta {
  display: grid;
  gap: var(--layout-teamDetails2-meta-gap);
  padding-block-start: var(--layout-teamDetails2-meta-pad-top);
  border-block-start: 1px solid var(--color-border-base);
}

.team-details-2__name {
  margin: 0;
  font-size: var(--font-size-h6);
  line-height: var(--font-leading-h6);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-primary);
}

.team-details-2__role {
  margin: 0;
  font-size: var(--font-size-md);
  line-height: var(--font-leading-md);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
}

.team-details-2__discipline {
  font-family: var(--font-family-mono);
  font-size: var(--font-size-tiny);
  line-height: var(--font-leading-tiny);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-wide);
  text-transform: uppercase;
  color: var(--color-text-brand);
}

.team-details-2__values {
  display: flex;
  flex-direction: column;
  gap: var(--layout-teamDetails2-values-gap);
  margin-block-start: var(--layout-teamDetails2-section-gap);
}

.team-details-2__principles {
  display: grid;
  gap: var(--layout-teamDetails2-principle-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}

.team-details-2__principle {
  display: grid;
  gap: var(--layout-teamDetails2-meta-gap);
  padding-block-start: var(--layout-teamDetails2-principle-pad);
  border-block-start: var(--layout-teamDetails2-principle-rule) solid var(--color-border-base);
}

.team-details-2__principle-index {
  font-family: var(--font-family-mono);
  font-size: var(--font-size-sm);
  line-height: var(--font-leading-sm);
  color: var(--color-text-brand);
}

.team-details-2__principle-title {
  margin: 0;
  font-size: var(--font-size-h5);
  line-height: var(--font-leading-h5);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tighter);
  color: var(--color-text-primary);
}

.team-details-2__principle-body {
  margin: 0;
  max-width: var(--layout-teamDetails2-principle-body-max);
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
}

.team-details-2__cta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-teamDetails2-cta-gap);
  margin-block-start: var(--layout-teamDetails2-section-gap);
  padding-block-start: var(--layout-teamDetails2-cta-pad-top);
  border-block-start: 1px solid var(--color-border-base);
}

.team-details-2__cta-link {
  display: inline-flex;
  align-items: center;
  gap: var(--layout-teamDetails2-cta-icon-gap);
  font-size: var(--layout-teamDetails2-cta-size);
  line-height: var(--layout-teamDetails2-cta-leading);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-primary);
  text-decoration: none;
}

.team-details-2__cta-icon {
  display: block;
  width: var(--layout-teamDetails2-cta-icon-size);
  height: var(--layout-teamDetails2-cta-icon-size);
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNiAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOS40NzczNiAwLjI3ODQxN0wxNS43MTMgNi4zMjc4NEMxNi4wOTU3IDYuNjk5MDcgMTYuMDk1NyA3LjMwMDk0IDE1LjcxMyA3LjY3MjE2TDkuNDc3MzYgMTMuNzIxNkM5LjA5NDcgMTQuMDkyOCA4LjQ3NDMxIDE0LjA5MjggOC4wOTE2NSAxMy43MjE2QzcuNzA5IDEzLjM1MDQgNy43MDkgMTIuNzQ4NSA4LjA5MTY1IDEyLjM3NzNMMTIuNjU0NiA3Ljk1MDU4SDAuOTc5ODM5QzAuNDM4Njg5IDcuOTUwNTggMCA3LjUyNDk5IDAgN0MwIDYuNDc1MDEgMC40Mzg2ODkgNi4wNDk0MyAwLjk3OTgzOSA2LjA0OTQzSDEyLjY1NDZMOC4wOTE2NSAxLjYyMjczQzcuNzA5IDEuMjUxNTEgNy43MDkgMC42NDk2NCA4LjA5MTY1IDAuMjc4NDE3QzguNDc0MzEgLTAuMDkyODA1NyA5LjA5NDcgLTAuMDkyODA1NyA5LjQ3NzM2IDAuMjc4NDE3WiIgZmlsbD0iY3VycmVudENvbG9yIi8+Cjwvc3ZnPgo=") center/contain no-repeat;
  mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNiAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOS40NzczNiAwLjI3ODQxN0wxNS43MTMgNi4zMjc4NEMxNi4wOTU3IDYuNjk5MDcgMTYuMDk1NyA3LjMwMDk0IDE1LjcxMyA3LjY3MjE2TDkuNDc3MzYgMTMuNzIxNkM5LjA5NDcgMTQuMDkyOCA4LjQ3NDMxIDE0LjA5MjggOC4wOTE2NSAxMy43MjE2QzcuNzA5IDEzLjM1MDQgNy43MDkgMTIuNzQ4NSA4LjA5MTY1IDEyLjM3NzNMMTIuNjU0NiA3Ljk1MDU4SDAuOTc5ODM5QzAuNDM4Njg5IDcuOTUwNTggMCA3LjUyNDk5IDAgN0MwIDYuNDc1MDEgMC40Mzg2ODkgNi4wNDk0MyAwLjk3OTgzOSA2LjA0OTQzSDEyLjY1NDZMOC4wOTE2NSAxLjYyMjczQzcuNzA5IDEuMjUxNTEgNy43MDkgMC42NDk2NCA4LjA5MTY1IDAuMjc4NDE3QzguNDc0MzEgLTAuMDkyODA1NyA5LjA5NDcgLTAuMDkyODA1NyA5LjQ3NzM2IDAuMjc4NDE3WiIgZmlsbD0iY3VycmVudENvbG9yIi8+Cjwvc3ZnPgo=") center/contain no-repeat;
  transform: rotate(-45deg);
  transition: transform var(--motion-duration-instant) var(--motion-easing-standard);
}

.team-details-2__cta-link:hover .team-details-2__cta-icon,
.team-details-2__cta-link:focus-visible .team-details-2__cta-icon {
  transform: rotate(0deg);
}

.team-details-2__cta-mail {
  font-family: var(--font-family-mono);
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
  text-decoration: none;
  border-block-end: 1px solid currentColor;
}

@media (min-width: 768px) {
  .team-details-2__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .team-details-2__principles {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .team-details-2__header {
    flex-direction: row;
    align-items: flex-start;
    gap: var(--layout-teamDetails2-heading-gap);
    max-width: none;
  }
  .team-details-2__eyebrow {
    flex: 0 0 auto;
    padding-block-start: var(--space-2);
  }
  .team-details-2__title {
    flex: 1 1 auto;
    min-width: 0;
  }
  .team-details-2__intro {
    flex: 0 0 var(--layout-teamDetails2-intro-max);
    margin-inline-start: auto;
    padding-block-start: var(--space-2);
  }
  .team-details-2__grid {
    column-gap: var(--layout-teamDetails2-col-gap-lg);
  }
  .team-details-2__values {
    display: grid;
    grid-template-columns: minmax(0, var(--layout-teamDetails2-values-label-max)) minmax(0, 1fr);
    align-items: start;
    gap: var(--layout-teamDetails2-values-gap-lg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .team-details-2__image,
  .team-details-2__cta-icon {
    transition: none;
  }
  .team-details-2__item:hover .team-details-2__image {
    transform: none;
  }
}
.terms-content {
  padding-block: var(--layout-terms-top-gap) var(--space-12);
}

.terms-content .container {
  max-width: var(--layout-terms-max);
}

.terms-content__inner {
  display: grid;
  gap: var(--space-8);
}

.terms-content__aside {
  display: flex;
  flex-direction: column;
  gap: var(--layout-terms-head-gap);
}

.terms-content__updated {
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: var(--font-leading-sm);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-wide);
  text-transform: uppercase;
  color: var(--color-text-secondary);
}

.terms-content__toc-list {
  display: flex;
  flex-direction: column;
  gap: var(--layout-terms-toc-gap);
}

.terms-content__toc-link {
  display: inline-block;
  font-size: var(--font-size-md);
  line-height: var(--font-leading-md);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
}

.terms-content__body {
  display: flex;
  flex-direction: column;
  gap: var(--layout-terms-clause-gap);
  max-width: var(--layout-terms-text-max);
  min-width: 0;
}

.terms-content__intro {
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-primary);
}

.terms-content__clause {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.terms-content__title {
  margin: 0;
  font-size: var(--font-size-h4);
  line-height: var(--font-leading-h4);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-primary);
}

.terms-content__text {
  margin: 0;
  font-size: var(--font-size-md);
  line-height: var(--font-leading-md);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
}

.terms-content__list {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}

.terms-content__list-item {
  position: relative;
  padding-inline-start: var(--space-3);
  font-size: var(--font-size-md);
  line-height: var(--font-leading-md);
  color: var(--color-text-secondary);
}

.terms-content__list-item::before {
  content: "";
  position: absolute;
  inset-block-start: 0.6em;
  inset-inline-start: 0;
  width: var(--layout-terms-bullet-size);
  height: var(--layout-terms-bullet-size);
  border-radius: var(--radius-pill);
  background-color: var(--color-text-brand);
}

.terms-content__contact {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  padding-block-start: var(--space-6);
  border-block-start: 1px solid var(--color-border-base);
}

.terms-content__contact-text {
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  color: var(--color-text-primary);
}

.terms-content__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-inline: var(--space-4);
  padding-block: var(--space-2);
  border-radius: var(--radius-pill);
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  white-space: nowrap;
  color: var(--color-text-primary);
  background-color: var(--color-surface-subtle);
}

.terms-content__cta-label {
  flex-shrink: 0;
}

.terms-content__arrow {
  display: block;
  flex-shrink: 0;
  overflow: hidden;
  height: var(--layout-terms-arrow-size);
  max-width: 0;
  margin-inline-start: 0;
  opacity: 0;
  color: inherit;
  transition: max-width var(--motion-duration-instant) var(--motion-easing-standard), margin-inline-start var(--motion-duration-instant) var(--motion-easing-standard), opacity var(--motion-duration-instant) var(--motion-easing-standard);
}
.terms-content__arrow svg {
  display: block;
  width: var(--layout-terms-arrow-size);
  height: var(--layout-terms-arrow-size);
}

.terms-content__cta:hover .terms-content__arrow,
.terms-content__cta:focus-visible .terms-content__arrow {
  max-width: var(--layout-terms-arrow-size);
  margin-inline-start: var(--layout-terms-arrow-gap);
  opacity: 1;
}

@media (min-width: 1024px) {
  .terms-content__inner {
    grid-template-columns: var(--layout-terms-aside-width) minmax(0, 1fr);
    column-gap: var(--layout-terms-column-gap);
    align-items: start;
  }
  .terms-content__aside {
    padding-block-start: var(--space-1);
  }
  .terms-content__body {
    max-width: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .terms-content__arrow {
    transition: none;
  }
}
.blog-1 {
  padding-block: var(--space-10) var(--space-12);
}

.blog-1__header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--space-3);
  margin-bottom: var(--layout-blog1-header-gap);
}

.blog-1__title {
  margin: 0;
  font-size: var(--font-size-h1);
  line-height: var(--font-leading-h1);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-primary);
}

.blog-1__cta {
  display: inline-flex;
  align-items: center;
  gap: var(--layout-blog1-cta-gap);
  color: var(--color-text-primary);
}

.blog-1__cta-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--layout-blog1-cta-label-width);
  height: var(--layout-blog1-cta-height);
  padding-inline: var(--layout-blog1-cta-padding-inline);
  border: 2px solid currentColor;
  border-radius: var(--layout-blog1-cta-radius);
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  font-weight: var(--font-weight-regular);
  white-space: nowrap;
}
.blog-1__cta-label .text-flip {
  line-height: 1;
}

.blog-1__cta-icon {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: var(--layout-blog1-icon-size);
  height: var(--layout-blog1-icon-size);
  border: 2px solid currentColor;
  border-radius: 50%;
}

.blog-1__cta-arrow {
  display: block;
  width: var(--layout-blog1-arrow-mark-size);
  height: var(--layout-blog1-arrow-mark-size);
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjE0LjE4IDE0LjM1IDExLjE2IDExLjUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgYXJpYS1oaWRkZW49InRydWUiIGZvY3VzYWJsZT0iZmFsc2UiPgo8cGF0aCBkPSJNMjMuMzkwMiAxNC42ODk0QzIzLjEzNiAxNS4yMzIgMjIuOTY1MiAxNS44MTEgMjIuODg2NyAxNi40MDdDMjIuNzg2NSAxNy4xNjg4IDIyLjgzNzMgMTcuOTQzMyAyMy4wMzYxIDE4LjY4NTRDMjMuMjM1IDE5LjQyNzIgMjMuNTc4MSAyMC4xMjI1IDI0LjA0NTYgMjAuNzMxOUMyNC40MTE1IDIxLjIwODggMjQuODQ5MSAyMS42MjQ5IDI1LjM0MDQgMjEuOTY3N0wyNS4wMDU5IDIyLjU0N0MyNC40Mzk0IDIyLjE1OTEgMjMuOTM1NSAyMS42ODUzIDIzLjUxNjIgMjEuMTM4OUMyMi45OTUxIDIwLjQ1OTggMjIuNjEyNSAxOS42ODQ0IDIyLjM5MDkgMTguODU3NkMyMi4zNDQ1IDE4LjY4NDEgMjIuMzA1MiAxOC41MDkgMjIuMjczMiAxOC4zMzI5TDIyLjAzMDkgMTYuOTkwOUwxNi45MTQyIDI1Ljg1MzNMMTYuMzM5MSAyNS41MjEzTDIxLjQyODUgMTYuNzA2M0wyMC4xNTUyIDE3LjE1MThDMjAuMDAxMyAxNy4yMDU3IDE5Ljg0NTIgMTcuMjU0MiAxOS42ODcxIDE3LjI5NjVDMTguODYwMyAxNy41MTgxIDE3Ljk5NzUgMTcuNTc0NCAxNy4xNDg4IDE3LjQ2MjdDMTYuNDY1OSAxNy4zNzI3IDE1LjgwMzcgMTcuMTczMyAxNS4xODQ1IDE2Ljg3NjZMMTUuNTE5IDE2LjI5NzNDMTYuMDYxNiAxNi41NTE0IDE2LjY0MDEgMTYuNzIzMSAxNy4yMzYxIDE2LjgwMTZDMTcuOTk3OSAxNi45MDE5IDE4Ljc3MjMgMTYuODUxMSAxOS41MTQ1IDE2LjY1MjJDMjAuMjU2NiAxNi40NTMzIDIwLjk1MTkgMTYuMTA5NiAyMS41NjE1IDE1LjY0MTlDMjIuMDM4NSAxNS4yNzU5IDIyLjQ1NDQgMTQuODM4NiAyMi43OTczIDE0LjM0NzFMMjMuMzkwMiAxNC42ODk0WiIgZmlsbD0iY3VycmVudENvbG9yIi8+Cjwvc3ZnPgo=") center/contain no-repeat;
  mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjE0LjE4IDE0LjM1IDExLjE2IDExLjUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgYXJpYS1oaWRkZW49InRydWUiIGZvY3VzYWJsZT0iZmFsc2UiPgo8cGF0aCBkPSJNMjMuMzkwMiAxNC42ODk0QzIzLjEzNiAxNS4yMzIgMjIuOTY1MiAxNS44MTEgMjIuODg2NyAxNi40MDdDMjIuNzg2NSAxNy4xNjg4IDIyLjgzNzMgMTcuOTQzMyAyMy4wMzYxIDE4LjY4NTRDMjMuMjM1IDE5LjQyNzIgMjMuNTc4MSAyMC4xMjI1IDI0LjA0NTYgMjAuNzMxOUMyNC40MTE1IDIxLjIwODggMjQuODQ5MSAyMS42MjQ5IDI1LjM0MDQgMjEuOTY3N0wyNS4wMDU5IDIyLjU0N0MyNC40Mzk0IDIyLjE1OTEgMjMuOTM1NSAyMS42ODUzIDIzLjUxNjIgMjEuMTM4OUMyMi45OTUxIDIwLjQ1OTggMjIuNjEyNSAxOS42ODQ0IDIyLjM5MDkgMTguODU3NkMyMi4zNDQ1IDE4LjY4NDEgMjIuMzA1MiAxOC41MDkgMjIuMjczMiAxOC4zMzI5TDIyLjAzMDkgMTYuOTkwOUwxNi45MTQyIDI1Ljg1MzNMMTYuMzM5MSAyNS41MjEzTDIxLjQyODUgMTYuNzA2M0wyMC4xNTUyIDE3LjE1MThDMjAuMDAxMyAxNy4yMDU3IDE5Ljg0NTIgMTcuMjU0MiAxOS42ODcxIDE3LjI5NjVDMTguODYwMyAxNy41MTgxIDE3Ljk5NzUgMTcuNTc0NCAxNy4xNDg4IDE3LjQ2MjdDMTYuNDY1OSAxNy4zNzI3IDE1LjgwMzcgMTcuMTczMyAxNS4xODQ1IDE2Ljg3NjZMMTUuNTE5IDE2LjI5NzNDMTYuMDYxNiAxNi41NTE0IDE2LjY0MDEgMTYuNzIzMSAxNy4yMzYxIDE2LjgwMTZDMTcuOTk3OSAxNi45MDE5IDE4Ljc3MjMgMTYuODUxMSAxOS41MTQ1IDE2LjY1MjJDMjAuMjU2NiAxNi40NTMzIDIwLjk1MTkgMTYuMTA5NiAyMS41NjE1IDE1LjY0MTlDMjIuMDM4NSAxNS4yNzU5IDIyLjQ1NDQgMTQuODM4NiAyMi43OTczIDE0LjM0NzFMMjMuMzkwMiAxNC42ODk0WiIgZmlsbD0iY3VycmVudENvbG9yIi8+Cjwvc3ZnPgo=") center/contain no-repeat;
}

.blog-1__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--layout-blog1-card-gap);
}

.blog-1__card {
  display: flex;
  flex-direction: column;
  gap: var(--layout-blog1-media-gap);
  height: 100%;
  padding-top: var(--space-3);
  border-top: 1px solid var(--color-border-base);
  color: inherit;
}

.blog-1__item--content-first .blog-1__card {
  flex-direction: column-reverse;
}

.js .blog-1__item:not(.is-blog-in) {
  opacity: 0;
  will-change: transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
  .js .blog-1__item:not(.is-blog-in) {
    opacity: 1;
  }
}
.blog-1__media {
  position: relative;
  margin: 0;
  overflow: hidden;
  aspect-ratio: var(--layout-blog1-card-width)/var(--layout-blog1-image-height);
}

.blog-1__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.blog-1__item.is-blog-in .blog-1__image {
  transition: transform var(--motion-duration-instant) var(--motion-easing-standard);
}

.blog-1__item:hover .blog-1__image,
.blog-1__item:focus-within .blog-1__image {
  transform: scale(var(--motion-zoom));
}

.blog-1__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: grid;
  place-items: center;
  background-color: color-mix(in srgb, var(--color-surface-subtle) calc(var(--layout-blog1-overlay-opacity) * 100%), transparent);
  color: var(--color-ink-cream);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--motion-duration-instant) var(--motion-easing-standard);
}

.blog-1__item:hover .blog-1__overlay,
.blog-1__item:focus-within .blog-1__overlay {
  opacity: 1;
}

.blog-1__eye {
  display: block;
  width: var(--layout-blog1-eye-width);
  height: var(--layout-blog1-eye-height);
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCA1MSAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSI+CjxwYXRoIGQ9Ik0xNyAwSDM0VjQuMjg1NzFIMTdWMFpNOC41IDguNTcxNDNWNC4yODU3MUgxN1Y4LjU3MTQzSDguNVpNNC4yNSAxMi44NTcxVjguNTcxNDNIOC41VjEyLjg1NzFINC4yNVpNNC4yNSAxNy4xNDI5VjEyLjg1NzFIMFYxNy4xNDI5SDQuMjVaTTguNSAyMS40Mjg2SDQuMjVWMTcuMTQyOUg4LjVWMjEuNDI4NlpNMTcgMjUuNzE0M0g4LjVWMjEuNDI4NkgxN1YyNS43MTQzWk0zNCAyNS43MTQzVjMwSDE3VjI1LjcxNDNIMzRaTTQyLjUgMjEuNDI4NlYyNS43MTQzSDM0VjIxLjQyODZINDIuNVpNNDYuNzUgMTcuMTQyOVYyMS40Mjg2SDQyLjVWMTcuMTQyOUg0Ni43NVpNNDYuNzUgMTIuODU3MUg1MVYxNy4xNDI5SDQ2Ljc1VjEyLjg1NzFaTTQyLjUgOC41NzE0M0g0Ni43NVYxMi44NTcxSDQyLjVWOC41NzE0M1pNNDIuNSA4LjU3MTQzVjQuMjg1NzFIMzRWOC41NzE0M0g0Mi41Wk0yMS4yNSAxMC43MTQzSDI5Ljc1VjE5LjI4NTdIMjEuMjVWMTAuNzE0M1oiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4K") center/contain no-repeat;
  mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCA1MSAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSI+CjxwYXRoIGQ9Ik0xNyAwSDM0VjQuMjg1NzFIMTdWMFpNOC41IDguNTcxNDNWNC4yODU3MUgxN1Y4LjU3MTQzSDguNVpNNC4yNSAxMi44NTcxVjguNTcxNDNIOC41VjEyLjg1NzFINC4yNVpNNC4yNSAxNy4xNDI5VjEyLjg1NzFIMFYxNy4xNDI5SDQuMjVaTTguNSAyMS40Mjg2SDQuMjVWMTcuMTQyOUg4LjVWMjEuNDI4NlpNMTcgMjUuNzE0M0g4LjVWMjEuNDI4NkgxN1YyNS43MTQzWk0zNCAyNS43MTQzVjMwSDE3VjI1LjcxNDNIMzRaTTQyLjUgMjEuNDI4NlYyNS43MTQzSDM0VjIxLjQyODZINDIuNVpNNDYuNzUgMTcuMTQyOVYyMS40Mjg2SDQyLjVWMTcuMTQyOUg0Ni43NVpNNDYuNzUgMTIuODU3MUg1MVYxNy4xNDI5SDQ2Ljc1VjEyLjg1NzFaTTQyLjUgOC41NzE0M0g0Ni43NVYxMi44NTcxSDQyLjVWOC41NzE0M1pNNDIuNSA4LjU3MTQzVjQuMjg1NzFIMzRWOC41NzE0M0g0Mi41Wk0yMS4yNSAxMC43MTQzSDI5Ljc1VjE5LjI4NTdIMjEuMjVWMTAuNzE0M1oiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4K") center/contain no-repeat;
  transform: scale(var(--motion-zoom-out));
  transition: transform var(--motion-duration-instant) var(--motion-easing-standard);
}

.blog-1__item:hover .blog-1__eye,
.blog-1__item:focus-within .blog-1__eye {
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .blog-1__overlay,
  .blog-1__image,
  .blog-1__eye {
    transition: none;
  }
  .blog-1__image,
  .blog-1__eye {
    transform: none;
  }
}
.blog-1__body {
  display: flex;
  flex-direction: column;
  gap: var(--layout-blog1-stack-gap);
}

.blog-1__name {
  margin: 0;
  font-size: var(--font-size-h5);
  line-height: var(--font-leading-h5);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tighter);
  color: var(--color-text-primary);
  text-wrap: pretty;
}

.blog-1__meta {
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: var(--font-leading-sm);
  font-weight: var(--font-weight-regular);
}

.blog-1__meta-muted {
  color: var(--color-text-secondary);
}

.blog-1__meta-author {
  color: var(--color-text-primary);
}

@media (min-width: 768px) {
  .blog-1__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1280px) {
  .blog-1__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: 0;
  }
  .blog-1__item {
    padding-inline: var(--layout-blog1-card-gap);
    border-inline-end: 1px solid var(--color-border-base);
  }
  .blog-1__item:first-child {
    padding-inline-start: 0;
  }
  .blog-1__item:last-child {
    padding-inline-end: 0;
    border-inline-end: 0;
  }
  .blog-1__card {
    padding-top: var(--layout-blog1-media-gap);
  }
}
.blog-2 {
  padding-block: var(--space-16) var(--space-16);
  color: var(--color-text-primary);
}

.blog-2__inner {
  container-type: inline-size;
  max-width: calc(var(--layout-blog2-content-max) + 2 * var(--layout-blog2-pad-inline));
  padding-inline: var(--layout-blog2-pad-inline);
}

.blog-2__title {
  margin: 0;
  margin-inline-start: var(--layout-blog2-heading-inset);
  max-width: var(--layout-blog2-title-max);
  font-size: var(--font-size-h1);
  line-height: var(--font-leading-h1);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-primary);
}

.blog-2__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--layout-blog2-row-gap) var(--layout-blog2-grid-gap);
  margin-block-start: var(--layout-blog2-header-gap);
}

.blog-2__item {
  min-width: 0;
}

.blog-2__card {
  display: flex;
  flex-direction: column;
  gap: var(--layout-blog2-card-gap);
  color: inherit;
  text-decoration: none;
}

.blog-2__media {
  margin: 0;
  overflow: hidden;
  aspect-ratio: var(--layout-blog2-media-ratio);
  background-color: var(--color-surface-subtle);
}

.blog-2__item--tall .blog-2__media {
  aspect-ratio: var(--layout-blog2-media-ratio-tall);
}

.blog-2__item--tall-alt .blog-2__media {
  aspect-ratio: var(--layout-blog2-media-ratio-tall-alt);
}

.blog-2__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.blog-2__body {
  display: flex;
  flex-direction: column;
  gap: var(--layout-blog2-card-gap);
}

.blog-2__heading {
  margin: 0;
  font-size: var(--font-size-h5);
  line-height: var(--font-leading-h5);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tighter);
  color: var(--color-text-primary);
  text-wrap: pretty;
}

.blog-2__meta {
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: var(--font-leading-sm);
  font-weight: var(--font-weight-regular);
}

.blog-2__meta-muted {
  color: var(--color-text-secondary);
}

.blog-2__author {
  color: var(--color-text-primary);
}

@media (min-width: 768px) {
  .blog-2__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1280px) {
  .blog-2__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.faqs-1 {
  padding-block: var(--space-10) var(--space-12);
}

.faqs-1__title {
  display: flex;
  flex-direction: column;
  margin: 0 0 var(--layout-faqs1-header-gap);
  max-width: var(--layout-faqs1-title-max);
  font-size: var(--layout-faqs1-title-mobile-size);
  line-height: var(--layout-faqs1-title-mobile-leading);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-primary);
}

.faqs-1__title-line {
  display: block;
}

.faqs-1__list {
  display: flex;
  flex-direction: column;
  border-block-start: 1px solid var(--color-border-base);
}

.faqs-1__item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  column-gap: var(--space-3);
  align-items: start;
  box-sizing: border-box;
  min-height: var(--layout-faqs1-row-min-height);
  padding-block: var(--layout-faqs1-row-pad-block);
  border-block-end: 1px solid var(--color-border-base);
  color: var(--color-text-primary);
}

.faqs-1__summary {
  display: contents;
  list-style: none;
  cursor: pointer;
}

.faqs-1__summary::-webkit-details-marker {
  display: none;
}

.faqs-1__item::details-content {
  grid-column: 2;
}

.faqs-1__index,
.faqs-1__question {
  align-self: center;
  font-size: var(--font-size-h5);
  line-height: var(--font-leading-h5);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tighter);
}

.faqs-1__index {
  grid-column: 1;
}

.faqs-1__question {
  grid-column: 2;
  min-width: 0;
}

.faqs-1__icon {
  grid-column: 3;
  align-self: center;
  display: block;
  width: var(--layout-faqs1-icon-size);
  height: var(--layout-faqs1-icon-size);
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;base64,77u/PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTAuNzY5MiAwSDguNDYxNTRWOC40NjE1NEgwVjEwLjc2OTJIOC40NjE1NFYyMEgxMC43NjkyVjEwLjc2OTJIMjBWOC40NjE1NEgxMC43NjkyVjBaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4KPC9zdmc+DQo=") center/contain no-repeat;
  mask: url("data:image/svg+xml;base64,77u/PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTAuNzY5MiAwSDguNDYxNTRWOC40NjE1NEgwVjEwLjc2OTJIOC40NjE1NFYyMEgxMC43NjkyVjEwLjc2OTJIMjBWOC40NjE1NEgxMC43NjkyVjBaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4KPC9zdmc+DQo=") center/contain no-repeat;
}

.faqs-1__item[open] .faqs-1__icon {
  visibility: hidden;
}

.faqs-1__item[open] .faqs-1__index,
.faqs-1__item[open] .faqs-1__question {
  align-self: start;
}

.faqs-1__answer {
  grid-column: 2;
}

.faqs-1__answer-text {
  margin: 0;
  padding-block-start: var(--layout-faqs1-answer-gap);
  max-width: var(--layout-faqs1-answer-max);
  font-size: var(--font-size-h6);
  line-height: var(--font-leading-h6);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-secondary);
}

@media (min-width: 768px) {
  .faqs-1__title {
    font-size: var(--font-size-h1);
    line-height: var(--font-leading-h1);
  }
  .faqs-1__item {
    column-gap: var(--layout-faqs1-index-gap);
  }
}
.faqs-2 {
  padding-block: var(--space-10) var(--space-12);
}

.faqs-2__title {
  display: flex;
  flex-direction: column;
  margin: 0 0 var(--layout-faqs2-header-gap);
  max-width: var(--layout-faqs2-title-max);
  font-size: var(--font-size-h1);
  line-height: var(--font-leading-h1);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-primary);
}

.faqs-2__title-line {
  display: block;
}

.faqs-2__title-line.text-mark-top__line {
  padding-block: 0.2em;
  margin-block: -0.2em;
}

.faqs-2__list {
  display: flex;
  flex-direction: column;
  border-block-start: 1px solid var(--color-border-base);
}

.faqs-2__item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  column-gap: var(--space-3);
  align-items: start;
  box-sizing: border-box;
  min-height: var(--layout-faqs2-row-min-height);
  padding-block: var(--layout-faqs2-row-pad-block);
  border-block-end: 1px solid var(--color-border-base);
  color: var(--color-text-primary);
}

.faqs-2__summary {
  display: contents;
  list-style: none;
  cursor: pointer;
}

.faqs-2__summary::-webkit-details-marker {
  display: none;
}

.faqs-2__item::details-content {
  grid-column: 2;
}

.faqs-2__index,
.faqs-2__question {
  align-self: center;
  font-size: var(--font-size-h5);
  line-height: var(--font-leading-h5);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tighter);
}

.faqs-2__index {
  grid-column: 1;
}

.faqs-2__question {
  grid-column: 2;
  min-width: 0;
}

.faqs-2__icon {
  grid-column: 3;
  align-self: center;
  display: block;
  width: var(--layout-faqs2-icon-size);
  height: var(--layout-faqs2-icon-size);
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTAuNzY5MiAwSDguNDYxNTRWOC40NjE1NEgwVjEwLjc2OTJIOC40NjE1NFYyMEgxMC43NjkyVjEwLjc2OTJIMjBWOC40NjE1NEgxMC43NjkyVjBaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4KPC9zdmc+Cg==") center/contain no-repeat;
  mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTAuNzY5MiAwSDguNDYxNTRWOC40NjE1NEgwVjEwLjc2OTJIOC40NjE1NFYyMEgxMC43NjkyVjEwLjc2OTJIMjBWOC40NjE1NEgxMC43NjkyVjBaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4KPC9zdmc+Cg==") center/contain no-repeat;
  transition: transform var(--motion-duration-accordion) var(--motion-easing-standard);
}

.faqs-2__item[open] .faqs-2__icon {
  transform: rotate(45deg);
}

.faqs-2__item[open] .faqs-2__index,
.faqs-2__item[open] .faqs-2__question {
  align-self: start;
}

.faqs-2__answer {
  grid-column: 2;
}

.faqs-2__answer-inner {
  padding-block-start: var(--layout-faqs2-answer-gap);
}

.faqs-2__answer-text {
  margin: 0;
  max-width: var(--layout-faqs2-answer-max);
  font-size: var(--font-size-h6);
  line-height: var(--font-leading-h6);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-secondary);
}

@media (min-width: 768px) {
  .faqs-2__item {
    column-gap: var(--layout-faqs2-index-gap);
  }
}
@media (prefers-reduced-motion: reduce) {
  .faqs-2__icon {
    transition: none;
  }
}
.faqs-3 {
  padding-block: var(--space-10) var(--space-12);
  color: var(--color-text-primary);
}

.faqs-3__inner {
  container-type: inline-size;
  max-width: calc(var(--layout-faqs3-content-max) + 2 * var(--layout-faqs3-pad-inline));
  padding-inline: var(--layout-faqs3-pad-inline);
}

.faqs-3__title {
  display: flex;
  flex-direction: column;
  margin: 0;
  max-width: var(--layout-faqs3-title-max);
  font-size: min(var(--layout-faqs3-title-size), 100cqi / var(--layout-faqs3-title-fit));
  line-height: var(--layout-faqs3-title-leading);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-primary);
}

.faqs-3__title-line {
  display: block;
}

.faqs-3__title-line.text-mark-top__line {
  padding-block: 0.2em;
  margin-block: -0.2em;
}

.faqs-3__layout {
  display: grid;
  gap: var(--layout-faqs3-grid-gap);
  margin-block-start: var(--layout-faqs3-header-gap);
}

.faqs-3__list {
  display: flex;
  flex-direction: column;
  min-width: 0;
  border-block-start: 1px solid var(--color-border-base);
}

.faqs-3__item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  column-gap: var(--space-3);
  align-items: start;
  box-sizing: border-box;
  min-height: var(--layout-faqs3-row-min-height);
  padding-block: var(--layout-faqs3-row-pad-block);
  border-block-end: 1px solid var(--color-border-base);
}

.faqs-3__summary {
  display: contents;
  list-style: none;
  cursor: pointer;
}

.faqs-3__summary::-webkit-details-marker {
  display: none;
}

.faqs-3__item::details-content {
  grid-column: 2;
}

.faqs-3__index,
.faqs-3__question {
  align-self: center;
  font-size: var(--layout-faqs3-question-size);
  line-height: var(--layout-faqs3-question-leading);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tighter);
}

.faqs-3__index {
  grid-column: 1;
}

.faqs-3__question {
  grid-column: 2;
  min-width: 0;
}

.faqs-3__icon {
  grid-column: 3;
  align-self: center;
  display: block;
  width: var(--layout-faqs3-icon-size);
  height: var(--layout-faqs3-icon-size);
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGlkPSJVbmlvbiIgZD0iTTEwLjc2OTIgMEg4LjQ2MTU0VjguNDYxNTRIMFYxMC43NjkySDguNDYxNTRWMjBIMTAuNzY5MlYxMC43NjkySDIwVjguNDYxNTRIMTAuNzY5MlYwWiIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGQ0Y3RjMiLz4KPC9zdmc+Cg==") center/contain no-repeat;
  mask: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGlkPSJVbmlvbiIgZD0iTTEwLjc2OTIgMEg4LjQ2MTU0VjguNDYxNTRIMFYxMC43NjkySDguNDYxNTRWMjBIMTAuNzY5MlYxMC43NjkySDIwVjguNDYxNTRIMTAuNzY5MlYwWiIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGQ0Y3RjMiLz4KPC9zdmc+Cg==") center/contain no-repeat;
  transition: transform var(--motion-duration-instant) var(--motion-easing-standard);
}

.faqs-3__item[open] .faqs-3__icon {
  transform: rotate(45deg);
}

.faqs-3__item[open] .faqs-3__index,
.faqs-3__item[open] .faqs-3__question {
  align-self: start;
}

.faqs-3__answer {
  grid-column: 2;
}

.faqs-3__answer-inner {
  padding-block-start: var(--layout-faqs3-answer-gap);
}

.faqs-3__answer-text {
  margin: 0;
  max-width: var(--layout-faqs3-title-max);
  font-size: var(--layout-faqs3-answer-size);
  line-height: var(--layout-faqs3-answer-leading);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-secondary);
}

.faqs-3__aside {
  display: flex;
  flex-direction: column;
  gap: var(--layout-faqs3-aside-gap);
  min-width: 0;
}

.faqs-3__media {
  margin: 0;
  overflow: hidden;
  width: var(--layout-faqs3-aside-image-size);
  max-width: 100%;
  border-radius: var(--layout-faqs3-aside-image-radius);
  background-color: var(--color-surface-subtle);
  aspect-ratio: 1;
}

.faqs-3__deform {
  width: 100%;
  height: 100%;
}

.faqs-3__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.faqs-3__deform .grid-deform__source {
  height: 100%;
}

.faqs-3__aside-body {
  display: flex;
  flex-direction: column;
  gap: var(--layout-faqs3-aside-copy-gap);
  align-items: flex-start;
}

.faqs-3__aside-heading {
  margin: 0;
  font-size: var(--layout-faqs3-aside-heading-size);
  line-height: var(--layout-faqs3-aside-heading-leading);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-primary);
}

.faqs-3__aside-copy {
  margin: 0;
  font-size: var(--layout-faqs3-aside-copy-size);
  line-height: var(--layout-faqs3-aside-copy-leading);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  text-transform: capitalize;
  color: var(--color-text-secondary);
}

.faqs-3__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding-block: var(--layout-faqs3-button-pad-block);
  padding-inline: var(--layout-faqs3-button-pad-inline);
  border-radius: var(--layout-faqs3-button-radius);
  font-size: var(--layout-faqs3-button-size);
  line-height: var(--layout-faqs3-button-leading);
  font-weight: var(--font-weight-regular);
  white-space: nowrap;
  color: var(--color-text-primary);
  background-color: var(--color-surface-subtle);
  text-decoration: none;
}

.faqs-3__cta-label {
  flex-shrink: 0;
}

.faqs-3__cta-arrow {
  display: block;
  flex-shrink: 0;
  overflow: hidden;
  height: var(--layout-faqs3-cta-arrow-size);
  max-width: 0;
  margin-inline-start: 0;
  opacity: 0;
  color: inherit;
  transition: max-width var(--motion-duration-instant) var(--motion-easing-standard), margin-inline-start var(--motion-duration-instant) var(--motion-easing-standard), opacity var(--motion-duration-instant) var(--motion-easing-standard);
}
.faqs-3__cta-arrow svg {
  display: block;
  width: var(--layout-faqs3-cta-arrow-size);
  height: var(--layout-faqs3-cta-arrow-size);
}

.faqs-3__cta:hover .faqs-3__cta-arrow,
.faqs-3__cta:focus-visible .faqs-3__cta-arrow {
  max-width: var(--layout-faqs3-cta-arrow-size);
  margin-inline-start: var(--layout-faqs3-cta-arrow-gap);
  opacity: 1;
}

@media (min-width: 768px) {
  .faqs-3__item {
    column-gap: var(--layout-faqs3-index-gap);
  }
}
@media (min-width: 1024px) {
  .faqs-3__layout {
    grid-template-columns: minmax(0, 1fr) var(--layout-faqs3-aside-width);
    align-items: start;
  }
}
@media (prefers-reduced-motion: reduce) {
  .faqs-3__icon,
  .faqs-3__cta-arrow {
    transition: none;
  }
}