@charset "UTF-8";
.odometer.odometer-auto-theme,
.odometer.odometer-theme-default {
    display: inline-block;
    vertical-align: middle;
    /* *vertical-align: auto; */
    /* *zoom: 1; */
    /* *display: inline; */
    position: relative;
}

.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-default .odometer-digit {
    display: inline-block;
    vertical-align: middle;
    /* *vertical-align: auto; */
    /* *zoom: 1; */
    /* *display: inline; */
    position: relative;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
    display: inline-block;
    vertical-align: middle;
    /* *vertical-align: auto; */
    /* *zoom: 1; */
    /* *display: inline; */
    visibility: hidden;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
    text-align: left;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
    display: block;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value {
    display: block;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
    position: absolute;
}

.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 0.6s;
    -moz-transition: -moz-transform 0.6s;
    -ms-transition: -ms-transform 0.6s;
    -o-transition: -o-transform 0.6s;
    transition: transform 0.6s;
}

.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}

.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}

.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 0.6s;
    -moz-transition: -moz-transform 0.6s;
    -ms-transition: -ms-transform 0.6s;
    -o-transition: -o-transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.odometer.odometer-auto-theme .odometer-value,
.odometer.odometer-theme-default .odometer-value {
    text-align: center;
}

.odometer-formatting-mark {
    display: none;
}
:root {
  --font-size-2xs: 10px;
  --font-leading-2xs: 1;
  --font-size-xs: 12px;
  --font-leading-xs: 1;
  --font-size-sm: 16px;
  --font-leading-sm: 1.5;
  --font-size-compact: 14px;
  --font-leading-compact: 16px;
  --font-size-md: 20px;
  --font-leading-md: 1.4;
  --font-size-lg: 24px;
  --font-leading-lg: 1.3;
  --font-size-xl: clamp(24px, 17.651px + 1.693vw, 40px);
  --font-leading-xl: 1;
  --font-size-2xl: clamp(24px, 14.476px + 2.54vw, 48px);
  --font-leading-2xl: 1;
  --font-size-3xl: clamp(40px, 27.302px + 3.386vw, 72px);
  --font-leading-3xl: 1;
  --font-size-4xl: clamp(48px, 33.714px + 3.81vw, 84px);
  --font-leading-4xl: 1;
  --font-family-sans: Inter, "Inter Display", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-family-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 400;
  --font-weight-bold: 700;
  --font-tracking-tight: -0.02em;
  --font-tracking-display: -0.05em;
  --font-tracking-normal: 0;
  --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-sm: 50px;
  --motion-duration-instant: 400ms;
  --motion-easing-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --motion-lift: 4px;
  --layout-container-max: 1500px;
  --layout-container-gutter: 24px;
  --layout-container-gutter-lg: 40px;
  --layout-header1-padding-block: 15px;
  --layout-header1-padding-inline: 40px;
  --layout-header1-sub-offset: 16px;
  --layout-header1-sub-padding-block: 16px;
  --layout-header1-sub-padding-inline: 18px;
  --layout-header1-sub-gap: 0;
  --layout-header1-sub-item-padding-block: 12px;
  --layout-header1-sub-item-padding-inline: 0;
  --layout-header1-sub-radius: 4px;
  --layout-header1-sub-shadow: 7px 11px 15px rgb(0 0 0 / 0.05);
  --layout-header1-sub-font-size: 15px;
  --layout-header1-sub-line-height: 1;
  --layout-header1-sub-arrow-size: 16px;
  --layout-header1-sub-min-width: 230px;
  --layout-header1-sub-motion-duration: 600ms;
  --layout-bottomNav1-offset: 30px;
  --layout-bottomNav1-padding-block: 8px;
  --layout-bottomNav1-padding-inline: 30px;
  --layout-bottomNav1-gap: 40px;
  --layout-bottomNav1-gap-sm: 16px;
  --layout-bottomNav1-radius: 8px;
  --layout-bottomNav1-logo-width: 87px;
  --layout-bottomNav1-logo-height: 31px;
  --layout-bottomNav1-logo-width-sm: 72px;
  --layout-bottomNav1-logo-height-sm: 26px;
  --layout-bottomNav1-shadow: 0 4px 16px rgb(0 0 0 / 0.08);
  --layout-header2-padding-block: 20px;
  --layout-header2-padding-inline: 40px;
  --layout-header2-inner-padding-block: 16px;
  --layout-header2-inner-padding-inline: 30px;
  --layout-header2-cluster-gap: 20px;
  --layout-header2-nav-gap: 40px;
  --layout-header2-toggle-size: 40px;
  --layout-header2-toggle-line-width: 32px;
  --layout-header2-toggle-height: 12px;
  --layout-header2-toggle-line-shift: 5px;
  --layout-header2-logo-width: 87px;
  --layout-header2-logo-height: 31px;
  --layout-header2-theme-size: 20px;
  --layout-header2-end-gap: 8px;
  --layout-header2-radius: 8px;
  --layout-header3-height: 64px;
  --layout-header3-padding-inline: 40px;
  --layout-header3-cluster-gap: 66px;
  --layout-header3-nav-gap: 40px;
  --layout-header3-tools-gap: 20px;
  --layout-header3-theme-size: 20px;
  --layout-header3-toggle-width: 40px;
  --layout-header3-toggle-height: 18px;
  --layout-header3-toggle-line-short: 31px;
  --layout-header3-toggle-line-shift: 8px;
  --layout-header3-index-inset: 13px;
  --layout-header4-height: 104px;
  --layout-header4-padding-block: 24px;
  --layout-header4-padding-inline: 24px;
  --layout-header4-padding-inline-md: 40px;
  --layout-header4-logo-width: 87px;
  --layout-header4-logo-height: 31px;
  --layout-header4-toggle-width: 40px;
  --layout-header4-toggle-height: 56px;
  --layout-header4-toggle-line-short: 32px;
  --layout-header4-toggle-line-shift: 10px;
  --layout-showcase1-height-min: 100svh;
  --layout-showcase1-title-size: clamp(2.5rem, 10vw, 12.375rem);
  --layout-showcase1-title-leading: 1;
  --layout-showcase1-title-tracking: -0.05em;
  --layout-showcase1-tag-top: 32.5%;
  --layout-showcase1-desc-top: 62.5%;
  --layout-showcase1-desc-max: 42rem;
  --layout-showcase1-overlay-opacity: 0.5;
  --layout-showcase1-pagination-inset: 40px;
  --layout-showcase1-pagination-bottom: 56px;
  --layout-menuOverlay1-plus-inset: 300px;
  --layout-menuOverlay1-aside-inset: 60px;
  --layout-menuOverlay1-aside-inset-md: 250px;
  --layout-footer1-padding-top: 156px;
  --layout-footer1-padding-top-md: 56px;
  --layout-footer1-padding-bottom: 30px;
  --layout-footer1-stack-gap: 60px;
  --layout-footer1-menu-gap: 101px;
  --layout-footer1-curtain-line: 20px;
  --layout-footer1-theme-size: 20px;
  --layout-footer1-theme-gap: 8px;
  --layout-footer1-back-icon: 16px;
  --layout-footer1-social-hover-inset: 5px;
  --layout-footer1-media-width: 566px;
  --layout-footer1-wordmark-width: 803px;
  --layout-footer1-lines-opacity-dark: 0.2;
  --layout-footer2-padding-top: 80px;
  --layout-footer2-media-width: 398px;
  --layout-footer2-media-height: 181px;
  --layout-footer2-media-offset: 17px;
  --layout-footer2-media-ratio: 398 / 181;
  --layout-footer2-contact-width: 399px;
  --layout-footer2-contact-gap: 25px;
  --layout-footer2-aside-width: 447px;
  --layout-footer2-aside-gap: 63px;
  --layout-footer2-address-width: 391px;
  --layout-footer2-menu-gap: 101px;
  --layout-footer2-item-gap: 15px;
  --layout-footer2-nav-hover-inset: 5px;
  --layout-footer2-social-width: 99px;
  --layout-footer2-bar-gap: 80px;
  --layout-footer2-wordmark-size: clamp(64px, 15.625vw, 300px);
  --layout-footer2-wordmark-size-sm: clamp(40px, 12vw, 120px);
  --layout-footer2-wordmark-leading: 0.953;
  --layout-footer2-wordmark-offset: 28px;
  --layout-footer2-wordmark-clip-height: 0.635em;
  --layout-footer2-wordmark-scale-bleed: 1em;
  --layout-footer3-padding-top: 80px;
  --layout-footer3-stack-gap: 80px;
  --layout-footer3-col-gap: 64px;
  --layout-footer3-brand-gap: 32px;
  --layout-footer3-block-gap: 16px;
  --layout-footer3-link-gap: 8px;
  --layout-footer3-link-hover-inset: 5px;
  --layout-footer3-nav-label-gap: 24px;
  --layout-footer3-nav-item-gap: 16px;
  --layout-footer3-connect-gap: 100px;
  --layout-footer3-hours-gap: 13px;
  --layout-footer3-news-gap: 32px;
  --layout-footer3-field-gap: 16px;
  --layout-footer3-submit-pad-block: 8px;
  --layout-footer3-submit-pad-inline: 16px;
  --layout-footer3-logo-width: 87px;
  --layout-footer3-logo-height: 31px;
  --layout-footer3-tagline-width: 275px;
  --layout-footer3-address-width: 175px;
  --layout-footer3-news-width: 291px;
  --layout-footer3-arrow-size: 16px;
  --layout-footer3-wordmark-size: clamp(64px, 15.625vw, 300px);
  --layout-footer3-wordmark-size-sm: clamp(40px, 12vw, 120px);
  --layout-footer3-wordmark-leading: 1;
  --layout-footer3-wordmark-offset: 70px;
  --layout-footer3-wordmark-clip-height: 0.48em;
  --layout-footer3-wordmark-scale-bleed: 1em;
  --layout-hero1-max: 1500px;
  --layout-hero1-thumb-height: 67px;
  --layout-hero2-max: 1840px;
  --layout-hero2-height: 828px;
  --layout-hero2-radius: 16px;
  --layout-hero2-ratio: 45%;
  --layout-hero2-mobile-ratio: 75%;
  --layout-hero2-services-width: 333px;
  --layout-hero2-services-width-pct: 18.0978%;
  --layout-hero2-services-pad: 16px;
  --layout-hero2-services-gap: 4px;
  --layout-hero2-services-rule: 10px;
  --layout-hero2-word-creative-width: 1058px;
  --layout-hero2-word-creative-height: 212px;
  --layout-hero2-word-studio-width: 815px;
  --layout-hero2-word-studio-height: 212px;
  --layout-hero2-word-size: 212px;
  --layout-hero2-word-frame-size: 11.522cqi;
  --layout-hero2-word-fill-size-x: 5.618em;
  --layout-hero2-word-fill-size-y: 2.811em;
  --layout-hero2-word-fill-pos-x: -0.311em;
  --layout-hero2-word-fill-pos-y: -0.797em;
  --layout-hero2-bio-width: 503px;
  --layout-hero2-bio-width-pct: 27.337%;
  --layout-hero2-address-width: 259px;
  --layout-hero2-address-width-pct: 14.076%;
  --layout-hero2-address-gap: 11px;
  --layout-hero2-arrow-width: 14px;
  --layout-hero2-arrow-height: 13px;
  --layout-hero2-progress-width: 150px;
  --layout-hero2-progress-bottom: 30px;
  --layout-hero3-min-height: 900px;
  --layout-hero3-stage-width: 1920px;
  --layout-hero3-word-size: clamp(72px, 14.48vw, 278px);
  --layout-hero3-word-shrink-size: 42px;
  --layout-hero3-logo-left: 45px;
  --layout-hero3-logo-width: 802px;
  --layout-hero3-logo-height: 286px;
  --layout-hero3-logo-shrink-width: 88px;
  --layout-hero3-mark-left: 0.82em;
  --layout-hero3-mark-top: 0.137em;
  --layout-hero3-mark-width: 0.356em;
  --layout-hero3-mark-height: 0.14em;
  --layout-hero3-reg-left: 2.388em;
  --layout-hero3-reg-size: 0.115em;
  --layout-hero3-tagline-left: 64px;
  --layout-hero3-tagline-top: 265px;
  --layout-hero3-tagline-width: 330px;
  --layout-hero3-tagline-line: 32px;
  --layout-hero3-photo-width: 160px;
  --layout-hero3-photo-height: 200px;
  --layout-hero3-photo-caption-gap: 6px;
  --layout-hero3-row1-top: 169px;
  --layout-hero3-photo1-left: 876px;
  --layout-hero3-photo2-left: 1465px;
  --layout-hero3-photo3-left: 2054px;
  --layout-hero3-row2-top: 426px;
  --layout-hero3-photo4-left: 40px;
  --layout-hero3-photo5-left: 600px;
  --layout-hero3-photo6-left: 1160px;
  --layout-hero3-photo7-left: 1720px;
  --layout-hero3-studio-left: 1072px;
  --layout-hero3-studio-top: 626px;
  --layout-hero3-studio-right: 0px;
  --layout-hero3-studio-bottom: 0px;
  --layout-hero3-facts-left: 465px;
  --layout-hero3-facts-top: 788px;
  --layout-hero3-facts-gap: 101px;
  --layout-hero3-fact-width: 217px;
  --layout-hero3-fact-pad: 15px;
  --layout-hero3-fact-gap: 10px;
  --layout-hero3-parallax-cursor: 16px;
  --layout-hero3-parallax-scroll-1: -280px;
  --layout-hero3-parallax-scroll-2: 200px;
  --layout-hero3-parallax-scroll-3: -340px;
  --layout-hero3-parallax-scroll-4: 160px;
  --layout-hero3-parallax-scroll-5: -220px;
  --layout-hero3-parallax-scroll-6: 240px;
  --layout-hero3-parallax-scroll-7: -300px;
  --layout-hero3-parallax-depth-1: 0.75;
  --layout-hero3-parallax-depth-2: 1.05;
  --layout-hero3-parallax-depth-3: 1.2;
  --layout-hero3-parallax-depth-4: 0.65;
  --layout-hero3-parallax-depth-5: 0.9;
  --layout-hero3-parallax-depth-6: 0.8;
  --layout-hero3-parallax-depth-7: 1.1;
  --layout-heroTeam-padding-top: 180px;
  --layout-heroTeam-padding-bottom: 100px;
  --layout-heroTeam-col-gap: 64px;
  --layout-heroTeam-intro-gap: 28px;
  --layout-heroTeam-media-width: 560px;
  --layout-heroTeam-media-height: 420px;
  --layout-heroTeam-media-ratio: 560 / 420;
  --layout-heroTeam-lead-leading: 1.2;
  --layout-heroMember-padding-top: 180px;
  --layout-heroMember-padding-bottom: 100px;
  --layout-heroMember-stack-gap: 64px;
  --layout-heroMember-col-gap: 64px;
  --layout-heroMember-copy-gap: 24px;
  --layout-heroMember-media-width: 640px;
  --layout-heroMember-media-height: 800px;
  --layout-heroMember-media-ratio: 640 / 800;
  --layout-heroMember-role-leading: 1.2;
  --layout-heroMember-meta-gap: 24px;
  --layout-heroMember-facts-gap: 24px;
  --layout-heroMember-fact-pad: 16px;
  --layout-heroMember-fact-gap: 8px;
  --layout-heroMember-socials-gap: 16px;
  --layout-heroMember-social-pad-top: 4px;
  --layout-heroMember-social-item-width: 100px;
  --layout-heroMember-social-icon: 30px;
  --layout-heroMember-social-col-gap: 25px;
  --layout-heroMember-social-row-gap: 6px;
  --layout-heroJobs-padding-top: 180px;
  --layout-heroJobs-padding-bottom: 100px;
  --layout-heroJobs-col-gap: 64px;
  --layout-heroJobs-intro-gap: 28px;
  --layout-heroJobs-copy-width: 527px;
  --layout-heroJobs-lead-leading: 1.2;
  --layout-heroJobs-facts-width: 490px;
  --layout-heroJobs-fact-width: 210px;
  --layout-heroJobs-fact-gap: 15px;
  --layout-heroContact-padding-top: 180px;
  --layout-heroContact-stack-gap: 56px;
  --layout-heroContact-col-gap: 64px;
  --layout-heroContact-intro-gap: 28px;
  --layout-heroContact-lead-width: 634px;
  --layout-heroContact-lead-leading: 1.2;
  --layout-heroContact-media-width: 640px;
  --layout-heroContact-media-height: 569px;
  --layout-heroContact-media-ratio: 640 / 569;
  --layout-heroContact-socials-gap: 16px;
  --layout-heroContact-social-pad-top: 4px;
  --layout-heroContact-social-width: 609px;
  --layout-heroContact-social-item-width: 100px;
  --layout-heroContact-social-icon: 30px;
  --layout-heroContact-social-col-gap: 25px;
  --layout-heroContact-social-row-gap: 6px;
  --layout-heroContact-reach-gap: 56px;
  --layout-heroContact-reach-padding-bottom: 80px;
  --layout-heroContact-channels-gap: 48px;
  --layout-heroContact-channel-gap: 8px;
  --layout-heroContact-channel-pad: 24px;
  --layout-about1-avatar-overlap: 10px;
  --layout-about1-quote-max: 564px;
  --layout-about2-intro-gap: 30px;
  --layout-about2-media-gap: 40px;
  --layout-about2-copy-gap: 24px;
  --layout-about2-copy-width: 480px;
  --layout-about2-img1-width: 113px;
  --layout-about2-img1-height: 151px;
  --layout-about2-img2-width: 94px;
  --layout-about2-img2-height: 102px;
  --layout-about2-aside-shift: 280px;
  --layout-about2-awards-gap: 4px;
  --layout-about2-award-pad-block: 6px;
  --layout-about2-award-pad-inline: 12px;
  --layout-about2-award-org-width: 200px;
  --layout-about2-award-title-width: 240px;
  --layout-about2-pin-offset: 50px;
  --layout-about3-padding-top: 210px;
  --layout-about3-padding-bottom: 0px;
  --layout-about3-min-height: 750px;
  --layout-about3-copy-width: 836px;
  --layout-about3-copy-height: 681px;
  --layout-about3-media-width: 616px;
  --layout-about3-col-gap: 48px;
  --layout-about3-intro-gap: 24px;
  --layout-about3-intro-offset: 8px;
  --layout-about3-body-width: 570px;
  --layout-about3-body-min-height: 401px;
  --layout-about3-body-leading: 1.2;
  --layout-about3-media-gap: 16px;
  --layout-about3-photo-width: 300px;
  --layout-about3-photo-1-height: 440px;
  --layout-about3-photo-2-height: 560px;
  --layout-about3-photo-1-ratio: 300 / 440;
  --layout-about3-photo-2-ratio: 300 / 560;
  --layout-about3-social-width: 366px;
  --layout-about3-social-item-width: 100px;
  --layout-about3-social-icon: 30px;
  --layout-about3-social-col-gap: 25px;
  --layout-about3-social-row-gap: 6px;
  --layout-about3-wordmark-size: clamp(72px, 14.48vw, 278px);
  --layout-about3-wordmark-bottom: 32px;
  --layout-cover-reveal-overlap: 100vh;
  --layout-cover-reveal-scale: 0.8;
  --layout-approach1-padding-block: 120px;
  --layout-approach1-col-gap: 72px;
  --layout-approach1-media-width: 640px;
  --layout-approach1-media-height: 680px;
  --layout-approach1-media-ratio: 640 / 680;
  --layout-approach1-content-gap: 48px;
  --layout-approach1-intro-gap: 24px;
  --layout-approach1-lead-width: 616px;
  --layout-approach1-lead-leading: 1.2;
  --layout-approach1-feature-pad-block: 28px;
  --layout-approach1-feature-gap: 20px;
  --layout-approach1-feature-copy-gap: 8px;
  --layout-approach1-icon-size: 24px;
  --layout-approach1-tag-left: 42px;
  --layout-approach1-tag-bottom: 47px;
  --layout-approach1-tag-gap: 16px;
  --layout-team1-stack-gap: 30px;
  --layout-team1-row-gap: 64px;
  --layout-team1-col-gap: 48px;
  --layout-team1-card-gap: 16px;
  --layout-team1-photo-ratio: 468 / 560;
  --layout-team1-name-leading: 1;
  --layout-team2-padding-top: 100px;
  --layout-team2-padding-bottom: 120px;
  --layout-team2-stack-gap: 56px;
  --layout-team2-row-gap: 56px;
  --layout-team2-col-gap: 48px;
  --layout-team2-card-gap: 16px;
  --layout-team2-intro-gap: 12px;
  --layout-team2-photo-ratio: 468 / 560;
  --layout-team2-name-leading: 1;
  --layout-team2-pin-top: 80px;
  --layout-team2-pin-hold: 80px;
  --layout-team2-card-fade: 0;
  --layout-team3-padding-block: 120px;
  --layout-team3-stack-gap: 64px;
  --layout-team3-col-gap: 48px;
  --layout-team3-row-gap: 40px;
  --layout-team3-card-gap: 16px;
  --layout-team3-photo-ratio: 468 / 560;
  --layout-team3-name-leading: 1;
  --layout-section-title1-gap: 18px;
  --layout-project-card1-width: 735px;
  --layout-project-card1-gap: 20px;
  --layout-project-card1-media-height: 459px;
  --layout-project-card1-frame-width: 441px;
  --layout-project-card1-frame-pad: 5px;
  --layout-project-card1-frame-pad-hover: 30px;
  --layout-project-card1-photo-height: 258px;
  --layout-project-card1-bg-blur: 12px;
  --layout-project-card1-arrow-size: 18px;
  --layout-project1-grid-column-gap: 30px;
  --layout-project1-grid-row-gap: 50px;
  --layout-project1-stack-gap: 80px;
  --layout-project1-padding-bottom: 110px;
  --layout-project-card2-media-width: 430px;
  --layout-project-card2-media-height: 544px;
  --layout-project-card2-copy-gap: 16px;
  --layout-project-card2-heading-gap: 8px;
  --layout-project-card2-tag-gap: 6px;
  --layout-project-card2-tag-pad-block: 10px;
  --layout-project-card2-tag-pad-inline: 19px;
  --layout-project2-padding-block-start: 72px;
  --layout-project2-padding-block-end: 72px;
  --layout-project2-stack-gap: 80px;
  --layout-project2-row-gap: 75px;
  --layout-project2-card-gap: 62px;
  --layout-projects2-height: 100svh;
  --layout-projects2-padding-block-start: 160px;
  --layout-projects2-padding-block-end: 72px;
  --layout-projects2-stack-gap: 80px;
  --layout-projects2-hud-inset: 40px;
  --layout-projects2-hud-top: 96px;
  --layout-projects2-hud-bottom: 56px;
  --layout-projects2-copy-max: 16rem;
  --layout-projects2-copy-gap: 16px;
  --layout-projects2-lead-max: 16rem;
  --layout-projects2-tags-max: 10rem;
  --layout-projects2-hud-out: 560ms;
  --layout-projects2-hud-in: 1100ms;
  --layout-projects3-padding-block-start: 139px;
  --layout-projects3-padding-block-end: 148px;
  --layout-projects3-stack-gap: 40px;
  --layout-projects3-slider-inset: clamp(16px, 5.8vw, 111px);
  --layout-projects3-card-width: 430px;
  --layout-projects3-card-height: 544px;
  --layout-projects3-card-gap: 30px;
  --layout-projects3-card-meta-gap: 28px;
  --layout-projects3-stage-height: 594px;
  --layout-projects3-stage-bleed: 280px;
  --layout-projects3-pagination-gap: 110px;
  --layout-projects4-height: 100svh;
  --layout-projects4-padding-block: 80px;
  --layout-projects4-stack-gap: 64px;
  --layout-projects4-slide-pad: 7rem 8rem 6.5rem 6rem;
  --layout-projects4-slide-pad-md: 5rem 5rem 5rem 1.25rem;
  --layout-projects4-slide-pad-sm: 4.5rem 4rem 4.25rem 1rem;
  --layout-projects4-slide-gap: 4rem;
  --layout-projects4-slide-gap-md: 1.5rem;
  --layout-projects4-slide-gap-sm: 1rem;
  --layout-projects4-slide-cols: minmax(0, 1.1fr) minmax(0, 1fr);
  --layout-projects4-frame-max: calc(100svh - 13.5rem);
  --layout-projects4-frame-max-md: 55vh;
  --layout-projects4-frame-max-sm: 50vh;
  --layout-projects4-img-scale: 1.5;
  --layout-projects4-meta-gap: 2rem;
  --layout-projects4-num-pad: 0.75rem;
  --layout-projects4-num-tracking: 0.25em;
  --layout-projects4-meta-tracking: 0.2em;
  --layout-projects4-meta-opacity: 0.7;
  --layout-projects4-title-size: clamp(2.75rem, 7vw, 6.5rem);
  --layout-projects4-title-size-md: clamp(2rem, 11vw, 3.5rem);
  --layout-projects4-title-size-sm: clamp(1.75rem, 12vw, 2.75rem);
  --layout-projects4-title-leading: 0.95;
  --layout-projects4-title-tracking: -0.03em;
  --layout-projects4-title-max: 12ch;
  --layout-projects4-rail-width: 560px;
  --layout-projects4-rail-width-md: 400px;
  --layout-projects4-rail-width-sm: 280px;
  --layout-projects4-rail-height: 72px;
  --layout-projects4-rail-height-md: 64px;
  --layout-projects4-rail-height-sm: 56px;
  --layout-projects4-rail-inset: 1.5rem;
  --layout-projects4-rail-inset-md: 0.75rem;
  --layout-projects4-rail-inset-sm: 0.5rem;
  --layout-projects4-rail-item: 88px;
  --layout-projects4-rail-thumb: 44px;
  --layout-projects4-rail-thumb-md: 34px;
  --layout-projects4-rail-thumb-sm: 30px;
  --layout-projects4-rail-gap: 0.6rem;
  --layout-projects4-rail-pad: 0.5rem;
  --layout-projects4-rail-opacity: 0.5;
  --layout-projects4-rail-index-size: 0.7rem;
  --layout-projects4-rail-index-size-sm: 0.6rem;
  --layout-projects4-rail-index-opacity: 0.8;
  --layout-projects4-rail-active-scale: 1.06;
  --layout-projects4-rail-duration: 300ms;
  --layout-projects4-rail-mask: linear-gradient(to right, transparent 0%, #000 18%, #000 82%, transparent 100%);
  --layout-projects4-meta-size-sm: 0.65rem;
  --layout-projects4-card-ratio: 430 / 544;
  --layout-projects4-card-max: 27rem;
  --layout-projects5-padding-block-start: 140px;
  --layout-projects5-padding-block-end: 128px;
  --layout-projects5-layout-gap: 64px;
  --layout-projects5-aside-width: 220px;
  --layout-projects5-aside-top: 120px;
  --layout-projects5-aside-gap: 48px;
  --layout-projects5-filter-gap: 40px;
  --layout-projects5-filter-list-gap: 8px;
  --layout-projects5-row-pad: 15px;
  --layout-projects5-row-gap: 24px;
  --layout-projects5-row-cols: 2.5rem minmax(12rem, 1fr) 4.5rem minmax(8rem, 14rem) minmax(7rem, 11rem);
  --layout-projects5-row-cols-md: 2rem minmax(0, 1fr) 4rem minmax(7rem, 1fr);
  --layout-projects5-meta-cols: 4.5rem minmax(7rem, 14rem) minmax(7rem, 11rem);
  --layout-projects5-title-size: clamp(28px, 3.2vw, 56px);
  --layout-projects5-title-leading: 0.95;
  --layout-projects5-title-tracking: -0.03em;
  --layout-projects5-title-tracking-hover: -0.01em;
  --layout-projects5-meta-tracking: 0.04em;
  --layout-projects5-dim-opacity: 0.28;
  --layout-projects5-hover-shift: 4px;
  --layout-projects5-preview-width: 484px;
  --layout-projects5-preview-height: 300px;
  --layout-projects5-preview-scale: 1.2;
  --layout-projects5-preview-zoom: 1.05;
  --layout-projects5-preview-zoom-duration: 0.75;
  --layout-projects5-preview-ken-duration: 5.5;
  --layout-projects5-preview-radius: 4px;
  --layout-projects5-empty-min: 12rem;
  --layout-project3-height: 100svh;
  --layout-project3-padding: 32px;
  --layout-project3-title-gap: 80px;
  --layout-project3-index-size: 48px;
  --layout-project3-name-size: 32px;
  --layout-project3-desc-size: 16px;
  --layout-project3-desc-width: 240px;
  --layout-project3-entry-gap: 8px;
  --layout-project3-names-gap: 20px;
  --layout-project3-images-width: 735px;
  --layout-project3-images-pad: 50svh;
  --layout-project3-images-pad-end: 80px;
  --layout-project3-action-gap: 32px;
  --layout-project3-images-gap: 80px;
  --layout-project3-images-gap-sm: 25svh;
  --layout-project3-image-ratio: 735 / 459;
  --layout-project3-image-idle-opacity: 0.5;
  --layout-project3-image-parallax: 18;
  --layout-project3-image-scale: 1.15;
  --layout-project3-image-active-scale: 1.12;
  --layout-project3-scroll-screens: 5;
  --layout-project4-padding-block: 120px;
  --layout-project4-stack-gap: 64px;
  --layout-project4-grid-column-gap: 30px;
  --layout-project4-grid-row-gap: 50px;
  --layout-services1-padding-block: 110px;
  --layout-services1-stack-gap: 80px;
  --layout-services1-line-group-width: 10px;
  --layout-service-card2-pad-block: 32px;
  --layout-service-card2-pad-inline: 40px;
  --layout-service-card2-index-width: 80px;
  --layout-service-card2-copy-gap: 16px;
  --layout-service-card2-copy-width: 338px;
  --layout-service-card2-tags-width: 430px;
  --layout-service-card2-tag-gap: 6px;
  --layout-service-card2-tag-pad-block: 10px;
  --layout-service-card2-tag-pad-inline: 19px;
  --layout-service-card2-media-width: 440px;
  --layout-service-card2-media-height: 260px;
  --layout-services2-padding-block-start: 110px;
  --layout-services2-padding-block-end: 96px;
  --layout-services2-stack-gap: 80px;
  --layout-services2-list-gap: 40px;
  --layout-services2-quote-width: 605px;
  --layout-services2-quote-gap: 21px;
  --layout-services2-author-gap: 8px;
  --layout-services2-avatar-size: 54px;
  --layout-services2-name-gap: 4px;
  --layout-services2-stack-pin-offset: 80px;
  --layout-services2-stack-perspective: 1400px;
  --layout-services2-stack-scale-step: 0.035;
  --layout-services2-stack-rotate-step: 8deg;
  --layout-services2-stack-z-step: -56px;
  --layout-services2-stack-y-step: -14px;
  --layout-servicesHero1-padding-top: 180px;
  --layout-servicesHero1-padding-bottom: 100px;
  --layout-servicesHero1-intro-gap: 28px;
  --layout-servicesHero1-title-width: 629px;
  --layout-servicesHero1-lead-width: 653px;
  --layout-servicesHero1-stats-width: 581px;
  --layout-servicesHero1-stats-height: 280px;
  --layout-servicesHero1-stat-gap: 8px;
  --layout-servicesHero1-stat-1-left: 47px;
  --layout-servicesHero1-stat-2-left: 368px;
  --layout-servicesHero1-stat-2-top: 55px;
  --layout-servicesHero1-stat-width: 222px;
  --layout-servicesHero1-stat-2-width: 213px;
  --layout-servicesHero1-thumbs-gap: 8px;
  --layout-servicesHero1-thumbs-pad: 24px;
  --layout-servicesHero1-thumb-width: 64px;
  --layout-servicesHero1-thumb-height: 40px;
  --layout-servicesHero1-avatar-size: 40px;
  --layout-servicesHero1-avatar-overlap: -10px;
  --layout-servicesHero1-avatar-border: 2px;
  --layout-services4-padding-top: 71px;
  --layout-services4-padding-bottom: 80px;
  --layout-services4-stack-gap: 56px;
  --layout-services4-list-gap: 50px;
  --layout-services4-cards-max: 1117px;
  --layout-services4-quote-width: 605px;
  --layout-services4-quote-gap: 21px;
  --layout-services4-author-gap: 8px;
  --layout-services4-avatar-size: 54px;
  --layout-services4-name-gap: 5px;
  --layout-detailsHero1-padding-top: 180px;
  --layout-detailsHero1-padding-bottom: 100px;
  --layout-detailsHero1-body-gap: 64px;
  --layout-detailsHero1-copy-gap: 48px;
  --layout-detailsHero1-copy-width: 769px;
  --layout-detailsHero1-head-gap: 24px;
  --layout-detailsHero1-title-gap: 16px;
  --layout-detailsHero1-spec-grid-gap: 32px;
  --layout-detailsHero1-spec-row-gap: 32px;
  --layout-detailsHero1-spec-gap: 8px;
  --layout-detailsHero1-spec-pad-block: 6px;
  --layout-detailsHero1-about-gap: 16px;
  --layout-detailsHero1-about-width: 735px;
  --layout-detailsHero1-card-width: 468px;
  --layout-detailsHero1-card-pad: 40px;
  --layout-detailsHero1-card-gap: 24px;
  --layout-detailsHero1-card-media-height: 259px;
  --layout-detailsSec1-padding-block: 80px;
  --layout-detailsSec1-stack-gap: 64px;
  --layout-detailsSec1-row-gap: 64px;
  --layout-detailsSec1-intro-gap: 24px;
  --layout-detailsSec1-intro-width: 637px;
  --layout-detailsSec1-lead-width: 513px;
  --layout-detailsSec1-list-width: 668px;
  --layout-detailsSec1-duty-gap: 8px;
  --layout-detailsSec1-duty-pad: 6px;
  --layout-detailsSec1-duty-icon: 12px;
  --layout-detailsSec2-padding-block: 80px;
  --layout-detailsSec2-stack-gap: 64px;
  --layout-detailsSec2-steps-gap: 24px;
  --layout-detailsSec2-step-gap: 16px;
  --layout-detailsSec3-padding-block: 80px;
  --layout-detailsSec3-stack-gap: 64px;
  --layout-detailsSec3-principles-gap: 36px;
  --layout-detailsSec3-principle-gap: 16px;
  --layout-detailsSec3-principle-head-gap: 16px;
  --layout-detailsSec3-gallery-gap: 36px;
  --layout-detailsSec3-gallery-height: 480px;
  --layout-detailsSec3-parallax: 80px;
  --layout-detailsSec4-padding-block: 80px;
  --layout-detailsSec4-stack-gap: 48px;
  --layout-detailsSec5-padding-top: 80px;
  --layout-detailsSec5-padding-bottom: 120px;
  --layout-detailsSec5-copy-gap: 32px;
  --layout-detailsSec5-copy-width: 524px;
  --layout-detailsSec5-media-width: 668px;
  --layout-detailsSec5-media-height: 360px;
  --layout-service-card3-height: 640px;
  --layout-service-card3-pad: 40px;
  --layout-service-card3-top-gap: 65px;
  --layout-service-card3-head-gap: 32px;
  --layout-service-card3-category-gap: 8px;
  --layout-service-card3-included-gap: 16px;
  --layout-service-card3-list-gap: 8px;
  --layout-services3-min-height: 870px;
  --layout-services3-stage-width: 1920px;
  --layout-services3-title-gap: 28px;
  --layout-services3-parallax-cursor: 56px;
  --layout-services3-parallax-depth-a: 0.85;
  --layout-services3-parallax-depth-b: 1.4;
  --layout-services3-s1-left: 503px;
  --layout-services3-s1-top: 102px;
  --layout-services3-s1-width: 917px;
  --layout-services3-s1-height: 166px;
  --layout-services3-s1-a-width: 122px;
  --layout-services3-s1-a-height: 166px;
  --layout-services3-s1-a-left: 0px;
  --layout-services3-s1-a-top: 0px;
  --layout-services3-s1-b-width: 122px;
  --layout-services3-s1-b-height: 120px;
  --layout-services3-s1-b-left: 795px;
  --layout-services3-s1-b-top: 37px;
  --layout-services3-s2-left: 510px;
  --layout-services3-s2-top: 240px;
  --layout-services3-s2-width: 938px;
  --layout-services3-s2-height: 193px;
  --layout-services3-s2-a-width: 122px;
  --layout-services3-s2-a-height: 193px;
  --layout-services3-s2-a-left: 0px;
  --layout-services3-s2-a-top: 0px;
  --layout-services3-s2-b-width: 159px;
  --layout-services3-s2-b-height: 120px;
  --layout-services3-s2-b-left: 779px;
  --layout-services3-s2-b-top: 37px;
  --layout-services3-s3-left: 528px;
  --layout-services3-s3-top: 360px;
  --layout-services3-s3-width: 862px;
  --layout-services3-s3-height: 149px;
  --layout-services3-s3-a-width: 122px;
  --layout-services3-s3-a-height: 101px;
  --layout-services3-s3-a-left: 0px;
  --layout-services3-s3-a-top: 31px;
  --layout-services3-s3-b-width: 122px;
  --layout-services3-s3-b-height: 149px;
  --layout-services3-s3-b-left: 740px;
  --layout-services3-s3-b-top: 0px;
  --layout-services3-s4-left: 582px;
  --layout-services3-s4-top: 450px;
  --layout-services3-s4-width: 785px;
  --layout-services3-s4-height: 167px;
  --layout-services3-s4-a-width: 122px;
  --layout-services3-s4-a-height: 166px;
  --layout-services3-s4-a-left: 0px;
  --layout-services3-s4-a-top: 1px;
  --layout-services3-s4-b-width: 140px;
  --layout-services3-s4-b-height: 120px;
  --layout-services3-s4-b-left: 645px;
  --layout-services3-s4-b-top: 35px;
  --layout-services3-s5-left: 431px;
  --layout-services3-s5-top: 576px;
  --layout-services3-s5-width: 1027px;
  --layout-services3-s5-height: 166px;
  --layout-services3-s5-a-width: 147px;
  --layout-services3-s5-a-height: 166px;
  --layout-services3-s5-a-left: 0px;
  --layout-services3-s5-a-top: 0px;
  --layout-services3-s5-b-width: 122px;
  --layout-services3-s5-b-height: 131px;
  --layout-services3-s5-b-left: 905px;
  --layout-services3-s5-b-top: 26px;
  --layout-features1-min-height: 1060px;
  --layout-features1-padding-block: 170px;
  --layout-features1-title-size: clamp(48px, 12px + 5.9vw, 125px);
  --layout-features1-title-leading: 1.25;
  --layout-features1-title-min-height: 160px;
  --layout-features1-thumb-width: 225px;
  --layout-features1-thumb-height: 180px;
  --layout-features1-thumb-gap: 30px;
  --layout-features1-thumb-ratio: 80%;
  --layout-features1-thumb-hover-scale: 1.08;
  --layout-features1-trusted-width: 100%;
  --layout-features1-trusted-gap: 40px;
  --layout-features1-logo-gap: 40px;
  --layout-features1-logo-height: 24px;
  --layout-features1-logo-rows-gap: 24px;
  --layout-features1-logo-row-top-width: 620px;
  --layout-features1-logo-row-bottom-width: 490px;
  --layout-features1-logo-fade: 10%;
  --layout-features1-bg-opacity: 0.6;
  --layout-features1-inner-min-height: 720px;
  --layout-features1-mask-open: 400ms;
  --layout-features1-mask-close: 1000ms;
  --layout-whyus1-padding-block: 80px;
  --layout-whyus1-inner-min-height: 883px;
  --layout-whyus1-header-gap: 64px;
  --layout-whyus1-grid-gap: 24px;
  --layout-whyus1-intro-width: 480px;
  --layout-whyus1-offset-photo: 80px;
  --layout-whyus1-offset-1: 24px;
  --layout-whyus1-offset-2: 120px;
  --layout-whyus1-offset-3: 220px;
  --layout-whyus1-img-left-ratio: 281 / 463;
  --layout-whyus1-img-right-ratio: 281 / 210;
  --layout-whyus1-facts-max: 1300px;
  --layout-whyus1-fact-width: 210px;
  --layout-whyus1-fact-gap: 15px;
  --layout-whyus2-padding-block: 80px;
  --layout-whyus2-stack-gap: 64px;
  --layout-whyus2-body-gap: 48px;
  --layout-whyus2-col-gap: 32px;
  --layout-whyus2-reasons-offset: 105px;
  --layout-whyus2-reasons-gap: 32px;
  --layout-whyus2-reason-list-gap: 40px;
  --layout-whyus2-reason-pad: 16px;
  --layout-whyus2-reason-inner-gap: 24px;
  --layout-whyus2-reason-copy-gap: 8px;
  --layout-whyus2-reason-copy-width: 480px;
  --layout-whyus2-image-ratio: 726 / 560;
  --layout-whyus2-facts-min-height: 338px;
  --layout-whyus2-fact-width: 357px;
  --layout-whyus2-fact-gap: 16px;
  --layout-whyus2-fact-offset-2: 80px;
  --layout-whyus2-fact-offset-3: 170px;
  --layout-whyus2-fact-offset-4: 250px;
  --layout-whyus2-pin-top: 80px;
  --layout-whyus2-pin-hold: 80px;
  --layout-btn1-padding-block: 20px;
  --layout-btn1-padding-inline: 45px;
  --layout-btn1-gap: 26px;
  --layout-btn1-icon-width: 18px;
  --layout-btn1-icon-height: 12px;
  --layout-process-step-gap: 16px;
  --layout-process-step-icon-size: 24px;
  --layout-process-step-width: 353px;
  --layout-process-step-text-max: 300px;
  --layout-process1-padding-top: 110px;
  --layout-process1-padding-bottom: 72px;
  --layout-process1-chart-offset: 69px;
  --layout-process1-chart-height: 184px;
  --layout-process1-bar-height: 48px;
  --layout-process1-numbers-offset: 96px;
  --layout-process1-steps-offset: 139px;
  --layout-process1-steps-gap: 40px;
  --layout-process2-padding-block: 110px;
  --layout-process2-stack-gap: 72px;
  --layout-process2-intro-gap: 16px;
  --layout-process2-intro-width: 900px;
  --layout-process2-title-width: 764px;
  --layout-process2-col-gap: 30px;
  --layout-process2-card-pad-block: 32px;
  --layout-process2-card-pad-inline: 28px;
  --layout-process2-card-gap: 20px;
  --layout-process2-card-radius: 12px;
  --layout-process2-icon-size: 24px;
  --layout-process2-image-ratio: 424 / 212;
  --layout-process2-offset-2: 162px;
  --layout-process2-offset-3: 324px;
  --layout-process2-pin-top: 80px;
  --layout-process2-pin-hold: 80px;
  --layout-process3-padding-top: 110px;
  --layout-process3-padding-bottom: 120px;
  --layout-process3-stage-height: 100vh;
  --layout-process3-stack-gap: 40px;
  --layout-process3-intro-gap: 16px;
  --layout-process3-intro-width: 900px;
  --layout-process3-cards-gap: 20px;
  --layout-process3-card-pad-block: 28px;
  --layout-process3-card-pad-inline: 24px;
  --layout-process3-card-gap: 16px;
  --layout-process3-card-radius: 12px;
  --layout-process3-icon-size: 24px;
  --layout-process3-fan-rotate: 12deg;
  --layout-process3-fan-spread: 120px;
  --layout-process3-fan-drop: 16px;
  --layout-process3-fan-start: 90%;
  --layout-process3-pin-top: 80px;
  --layout-process3-pin-scroll: 90vh;
  --layout-process3-card-shadow: 0 8px 24px rgb(0 0 0 / 0.08);
  --layout-process4-padding-block: 120px;
  --layout-process4-stack-gap: 64px;
  --layout-process4-cards-gap: 16px;
  --layout-process4-card-pad-block: 28px;
  --layout-process4-card-pad-inline: 24px;
  --layout-process4-card-gap: 16px;
  --layout-process4-card-radius: 12px;
  --layout-process4-icon-size: 24px;
  --layout-process5-padding-block: 120px;
  --layout-process5-stack-gap: 56px;
  --layout-process5-cards-gap: 48px;
  --layout-process5-card-pad-block: 28px;
  --layout-process5-card-pad-inline: 24px;
  --layout-process5-card-gap: 16px;
  --layout-process5-card-radius: 12px;
  --layout-process5-icon-size: 24px;
  --layout-process5-shift-x: 50%;
  --layout-process6-padding-block: 140px;
  --layout-process6-stack-gap: 105px;
  --layout-process6-intro-gap: 64px;
  --layout-process6-copy-gap: 40px;
  --layout-process6-title-gap: 8px;
  --layout-process6-mark-gap: 4px;
  --layout-process6-lead-leading: 1.2;
  --layout-process6-gallery-gap: 16px;
  --layout-process6-gallery-width: 736px;
  --layout-process6-photo-width: 360px;
  --layout-process6-photo-short-height: 477px;
  --layout-process6-photo-tall-height: 560px;
  --layout-process6-photo-short-ratio: 360 / 477;
  --layout-process6-photo-tall-ratio: 360 / 560;
  --layout-process6-steps-gap: 24px;
  --layout-process6-step-gap: 16px;
  --layout-process6-offset-2: 120px;
  --layout-process6-offset-3: 240px;
  --layout-process6-offset-4: 360px;
  --layout-process6-pin-top: 80px;
  --layout-process6-pin-hold: 80px;
  --layout-timeline1-padding-block: 80px;
  --layout-timeline1-stack-gap: 80px;
  --layout-timeline1-header-gap: 16px;
  --layout-timeline1-lead-width: 480px;
  --layout-timeline1-lead-leading: 1.2;
  --layout-timeline1-col-gap: 40px;
  --layout-timeline1-item-min-height: 200px;
  --layout-timeline1-spine-width: 24px;
  --layout-timeline1-dot-size: 12px;
  --layout-timeline1-dot-top: 18px;
  --layout-timeline1-milestone-width: 520px;
  --layout-timeline1-milestone-gap: 12px;
  --layout-timeline1-title-gap: 10px;
  --layout-timeline1-text-width: 420px;
  --layout-timeline1-icon-size: 24px;
  --layout-timeline1-photo-width: 326px;
  --layout-timeline1-photo-height: 239px;
  --layout-timeline1-photo-ratio: 326 / 239;
  --layout-timeline1-photo-rotate: -12.86deg;
  --layout-timeline1-photo-left: 552px;
  --layout-timeline1-photo-top: 82px;
  --layout-service-card1-main-gap: 125px;
  --layout-service-card1-index-width: 80px;
  --layout-service-card1-media-width: 208px;
  --layout-service-card1-media-height: 144px;
  --layout-service-card1-text-max: 338px;
  --layout-testimonial-card1-padding: 42px;
  --layout-testimonial-card1-radius: 16px;
  --layout-testimonial-card1-min-height: 480px;
  --layout-testimonial-card1-logo-width: 35px;
  --layout-testimonial-card1-logo-height: 24px;
  --layout-testimonial-card1-dot-size: 8px;
  --layout-testimonial-card1-dot-gap: 4px;
  --layout-testimonial-card1-index-gap: 10px;
  --layout-testimonial-card1-body-gap: 32px;
  --layout-testimonial-card1-author-gap: 16px;
  --layout-testimonial-card1-avatar-size: 48px;
  --layout-testimonial-card1-meta-gap: 0px;
  --layout-pricing-card1-padding: 32px;
  --layout-pricing-card1-gap: 30px;
  --layout-pricing-card1-radius: 4px;
  --layout-pricing-card1-header-gap: 16px;
  --layout-pricing-card1-price-gap: 8px;
  --layout-pricing-card1-features-gap: 16px;
  --layout-pricing-card1-feature-gap: 12px;
  --layout-pricing-card1-plus-size: 24px;
  --layout-pricing-card1-cta-gap: 12px;
  --layout-pricing-card1-guarantee-gap: 8px;
  --layout-pricing-card1-check-size: 16px;
  --layout-pricing-card1-title-size: 40px;
  --layout-pricing-card1-amount-size: 48px;
  --layout-pricing-proof-card1-padding: 32px;
  --layout-pricing-proof-card1-gap: 32px;
  --layout-pricing-proof-card1-radius: 4px;
  --layout-pricing-proof-card1-media-height: 280px;
  --layout-pricing-proof-card1-portrait-size: 120px;
  --layout-pricing-proof-card1-copy-gap: 4px;
  --layout-pricing-proof-card1-trust-gap: 16px;
  --layout-pricing-proof-card1-trust-pad-top: 24px;
  --layout-pricing-proof-card1-thumb-gap: 8px;
  --layout-pricing-proof-card1-thumb-width: 64px;
  --layout-pricing-proof-card1-thumb-height: 40px;
  --layout-pricing1-padding-top: 80px;
  --layout-pricing1-padding-bottom: 160px;
  --layout-pricing1-stack-gap: 48px;
  --layout-pricing1-grid-gap: 24px;
  --layout-pricing1-lines-height: 57px;
  --layout-pricing1-lines-gap: 19px;
  --layout-pricing1-lines-offset: 10px;
  --layout-pricingHero1-padding-top: 180px;
  --layout-pricingHero1-padding-bottom: 80px;
  --layout-pricingHero1-stack-gap: 64px;
  --layout-pricingHero1-intro-gap: 40px;
  --layout-pricingHero1-media-width: 190px;
  --layout-pricingHero1-media-height: 131px;
  --layout-pricingHero1-media-ratio: 190 / 131;
  --layout-pricingHero1-title-max: 986px;
  --layout-pricingHero1-note-gap: 10px;
  --layout-pricingHero1-note-width: 301px;
  --layout-pricingHero1-icon-size: 44px;
  --layout-pricingHero1-lead-leading: 1.2;
  --layout-pricing2-padding-top: 80px;
  --layout-pricing2-padding-bottom: 100px;
  --layout-pricing2-title-gap: 96px;
  --layout-pricing2-plans-gap: 30px;
  --layout-pricing2-studio-width: 480px;
  --layout-pricing2-partner-width: 735px;
  --layout-pricing2-custom-width: 449px;
  --layout-pricing2-custom-gap: 23px;
  --layout-pricing2-copy-gap: 17px;
  --layout-pricing2-card-min-height: 577px;
  --layout-pricing2-after-plans-gap: 64px;
  --layout-pricing-card3-padding: 40px;
  --layout-pricing-card3-featured-padding-block: 48px;
  --layout-pricing-card3-gap: 40px;
  --layout-pricing-card3-radius: 4px;
  --layout-pricing-card3-spec-gap: 24px;
  --layout-pricing-card3-spec-inner-gap: 8px;
  --layout-pricing-card3-includes-gap: 16px;
  --layout-pricing-card3-feature-gap: 12px;
  --layout-pricing-card3-feature-icon: 24px;
  --layout-pricing-card3-min-height: 655px;
  --layout-pricing3-padding-block: 80px;
  --layout-pricing3-stack-gap: 40px;
  --layout-pricing3-header-gap: 56px;
  --layout-pricing3-plans-gap: 16px;
  --layout-pricing3-after-plans-gap: 64px;
  --layout-pricing3-trust-width: 420px;
  --layout-pricing3-trust-title-width: 318px;
  --layout-pricing3-trust-gap: 16px;
  --layout-pricing3-thumb-width: 64px;
  --layout-pricing3-thumb-height: 40px;
  --layout-pricing3-toggle-pad: 4px;
  --layout-pricing3-tab-padding-block: 16px;
  --layout-pricing3-tab-padding-inline: 24px;
  --layout-pricing4-padding-block: 80px;
  --layout-pricing4-stack-gap: 40px;
  --layout-pricing4-plans-gap: 16px;
  --layout-pricing4-after-plans-gap: 64px;
  --layout-pricing4-trust-width: 420px;
  --layout-pricing4-trust-title-width: 318px;
  --layout-pricing4-trust-gap: 16px;
  --layout-pricing4-thumb-width: 64px;
  --layout-pricing4-thumb-height: 40px;
  --layout-pricing4-toggle-pad: 4px;
  --layout-pricing4-tab-padding-block: 16px;
  --layout-pricing4-tab-padding-inline: 24px;
  --layout-textslider1-height: 303px;
  --layout-textslider1-row-height: 76px;
  --layout-textslider1-row-gap: 26px;
  --layout-textslider1-item-gap: 31px;
  --layout-textslider1-star-size: 40px;
  --layout-textslider1-row-offset: 206px;
  --layout-textslider1-speed: 42;
  --layout-award-card1-padding: 20px;
  --layout-award-card1-gap: 16px;
  --layout-award-card1-radius: 4px;
  --layout-award-card1-icon-box: 48px;
  --layout-award-card1-icon-size: 24px;
  --layout-award-card1-meta-gap: 8px;
  --layout-award-card1-badge-padding-block: 8px;
  --layout-award-card1-badge-padding-inline: 12px;
  --layout-awards1-padding-block: 80px;
  --layout-awards1-stack-gap: 48px;
  --layout-awards1-body-gap: 64px;
  --layout-awards1-intro-width: 560px;
  --layout-awards1-intro-gap: 24px;
  --layout-awards1-highlights-gap: 16px;
  --layout-awards1-highlight-gap: 12px;
  --layout-awards1-plus-size: 24px;
  --layout-awards1-list-gap: 16px;
  --layout-awards1-slider-gap: 8px;
  --layout-awards1-slider-offset: 80px;
  --layout-awards1-slide-width: 246px;
  --layout-awards2-padding-block: 120px;
  --layout-awards2-stack-gap: 72px;
  --layout-awards2-intro-gap: 40px;
  --layout-awards2-title-width: 365px;
  --layout-awards2-body-gap: 48px;
  --layout-awards2-media-width: 420px;
  --layout-awards2-media-height: 520px;
  --layout-awards2-media-ratio: 420 / 520;
  --layout-awards2-col-year: 80px;
  --layout-awards2-col-award: 280px;
  --layout-awards2-col-platform: 220px;
  --layout-awards2-row-gap: 24px;
  --layout-awards2-row-pad: 18px;
  --layout-awards2-value-gap: 2px;
  --layout-awards2-table-min: 40rem;
  --layout-imageslider2-padding-block: 0px;
  --layout-imageslider2-gap: 8px;
  --layout-imageslider2-slide-width: 246px;
  --layout-imageslider3-padding-block: 0px;
  --layout-imageslider3-gap: 8px;
  --layout-imageslider3-slide-width: 246px;
  --layout-proof1-padding-block: 80px;
  --layout-proof1-body-gap: 72px;
  --layout-proof1-metrics-gap: 20px;
  --layout-proof1-col-offset: 72px;
  --layout-proof1-stat-width: 280px;
  --layout-proof1-stat-pad: 28px;
  --layout-proof1-stat-tall: 320px;
  --layout-proof1-stat-short: 220px;
  --layout-proof1-value-gap: 2px;
  --layout-proof1-content-gap: 32px;
  --layout-proof1-content-offset: 110px;
  --layout-proof1-title-width: 754px;
  --layout-proof1-list-gap: 8px;
  --layout-proof1-item-gap: 12px;
  --layout-proof1-item-pad-block: 5px;
  --layout-proof1-mark-size: 6px;
  --layout-proof1-parallax-a: 80px;
  --layout-proof1-parallax-b: -120px;
  --layout-accordion1-padding-block: 24px;
  --layout-accordion1-gap: 16px;
  --layout-accordion1-icon-size: 24px;
  --layout-accordion1-question-size: 24px;
  --layout-faqs1-padding-block: 80px;
  --layout-faqs1-stack-gap: 64px;
  --layout-faqs1-grid-gap: 64px;
  --layout-faqs1-cta-gap: 16px;
  --layout-faqs1-cta-max: 586px;
  --layout-faqs1-cta-title-size: 40px;
  --layout-faqs1-avatars-pad-top: 24px;
  --layout-faqs1-avatar-size: 40px;
  --layout-faqs1-avatar-overlap: 10px;
  --layout-faqs2-padding-block: 110px;
  --layout-faqs2-body-gap: 64px;
  --layout-faqs2-image-width: 640px;
  --layout-faqs2-image-ratio: 640 / 856;
  --layout-faqs2-content-gap: 64px;
  --layout-faqs2-header-gap: 16px;
  --layout-faqs2-title-gap: 8px;
  --layout-faqs2-item-pad: 24px;
  --layout-faqs2-item-gap: 16px;
  --layout-faqs3-padding-block: 80px;
  --layout-faqs3-body-gap: 64px;
  --layout-faqs3-image-width: 640px;
  --layout-faqs3-image-ratio: 640 / 720;
  --layout-faqs3-content-gap: 64px;
  --layout-faqs3-intro-gap: 24px;
  --layout-faqs3-list-gap: 8px;
  --layout-faqs3-item-pad: 16px;
  --layout-faqs3-item-gap: 16px;
  --layout-faqs3-icon-size: 12px;
  --layout-faqs3-parallax: 80px;
  --layout-faqsHero-padding-top: 180px;
  --layout-faqsHero-padding-bottom: 80px;
  --layout-faqsHero-cols-gap: 64px;
  --layout-faqsHero-copy-gap: 24px;
  --layout-faqsHero-copy-width: 796px;
  --layout-faqsHero-media-width: 640px;
  --layout-faqsHero-media-height: 480px;
  --layout-faqsHero-media-ratio: 640 / 480;
  --layout-faqs4-padding-block: 80px;
  --layout-faqs4-stack-gap: 56px;
  --layout-faqs4-grid-gap: 64px;
  --layout-faqs4-col-width: 718px;
  --layout-faqs5-padding-block: 80px;
  --layout-faqs5-stack-gap: 56px;
  --layout-faqs5-grid-gap: 64px;
  --layout-faqs5-col-width: 718px;
  --layout-cta8-padding-top: 80px;
  --layout-cta8-padding-bottom: 120px;
  --layout-cta8-stack-gap: 56px;
  --layout-cta8-cols-gap: 64px;
  --layout-cta8-copy-gap: 24px;
  --layout-cta8-media-width: 640px;
  --layout-cta8-media-height: 480px;
  --layout-cta8-media-ratio: 640 / 480;
  --layout-cta9-padding-top: 80px;
  --layout-cta9-padding-bottom: 120px;
  --layout-cta9-stack-gap: 56px;
  --layout-cta9-cols-gap: 64px;
  --layout-cta9-copy-gap: 24px;
  --layout-cta9-copy-width: 968px;
  --layout-cta9-channels-width: 468px;
  --layout-cta9-channel-gap: 8px;
  --layout-cta9-channel-pad: 24px;
  --layout-cta10-padding-top: 100px;
  --layout-cta10-padding-bottom: 120px;
  --layout-cta10-stack-gap: 64px;
  --layout-cta10-cols-gap: 64px;
  --layout-cta10-copy-gap: 24px;
  --layout-cta10-copy-width: 968px;
  --layout-cta10-channels-width: 468px;
  --layout-cta10-channel-gap: 8px;
  --layout-cta10-channel-pad: 24px;
  --layout-termsHero1-padding-top: 180px;
  --layout-termsHero1-padding-bottom: 80px;
  --layout-termsHero1-stack-gap: 48px;
  --layout-termsHero1-head-gap: 16px;
  --layout-termsHero1-meta-gap: 32px;
  --layout-termsHero1-spec-gap: 8px;
  --layout-termsHero1-spec-pad-block: 6px;
  --layout-clauses1-padding-block: 80px;
  --layout-clauses1-stack-gap: 56px;
  --layout-clauses1-cols-gap: 64px;
  --layout-clauses1-index-width: 360px;
  --layout-clauses1-index-gap: 8px;
  --layout-clauses1-index-sticky-top: 120px;
  --layout-clauses1-spec-gap: 8px;
  --layout-clauses1-spec-pad-block: 6px;
  --layout-clauses1-clause-gap: 16px;
  --layout-clauses1-clause-pad: 32px;
  --layout-privacyHero1-padding-top: 180px;
  --layout-privacyHero1-padding-bottom: 100px;
  --layout-privacyHero1-cols-gap: 64px;
  --layout-privacyHero1-copy-gap: 24px;
  --layout-privacyHero1-copy-width: 968px;
  --layout-privacyHero1-card-width: 468px;
  --layout-privacyHero1-card-pad: 40px;
  --layout-privacyHero1-card-gap: 16px;
  --layout-privacyHero1-spec-gap: 8px;
  --layout-privacyHero1-spec-pad-block: 6px;
  --layout-privacySec1-padding-block: 100px;
  --layout-privacySec1-stack-gap: 64px;
  --layout-privacySec1-grid-gap: 36px;
  --layout-privacySec1-card-pad: 32px;
  --layout-privacySec1-card-gap: 16px;
  --layout-privacySec2-padding-block: 100px;
  --layout-privacySec2-stack-gap: 64px;
  --layout-privacySec2-cols-gap: 64px;
  --layout-privacySec2-clause-gap: 16px;
  --layout-privacySec2-clause-pad: 32px;
  --layout-helpHero1-padding-top: 180px;
  --layout-helpHero1-padding-bottom: 80px;
  --layout-helpHero1-stack-gap: 48px;
  --layout-helpHero1-head-gap: 16px;
  --layout-helpHero1-search-gap: 24px;
  --layout-helpHero1-field-gap: 16px;
  --layout-helpHero1-field-pad: 8px;
  --layout-topics1-padding-block: 80px;
  --layout-topics1-stack-gap: 56px;
  --layout-topics1-grid-gap: 32px;
  --layout-topics1-card-pad: 32px;
  --layout-topics1-card-gap: 16px;
  --layout-topics1-card-radius: 4px;
  --layout-topics1-arrow-size: 31px;
  --layout-guides1-padding-block: 80px;
  --layout-guides1-stack-gap: 56px;
  --layout-reach1-padding-top: 80px;
  --layout-reach1-padding-bottom: 120px;
  --layout-reach1-stack-gap: 56px;
  --layout-reach1-channels-gap: 64px;
  --layout-reach1-channel-gap: 8px;
  --layout-reach1-channel-pad: 24px;
  --layout-contact1-padding-block: 80px;
  --layout-contact1-body-gap: 64px;
  --layout-contact1-intro-gap: 24px;
  --layout-contact1-title-gap: 66px;
  --layout-contact1-title-width: 385px;
  --layout-contact1-lead-width: 337px;
  --layout-contact1-photos-gap: 54px;
  --layout-contact1-photo-width: 300px;
  --layout-contact1-photo-ratio: 300 / 200;
  --layout-contact1-card-width: 527px;
  --layout-contact1-card-min-height: 744px;
  --layout-contact1-card-padding-inline: 48px;
  --layout-contact1-card-padding-block: 64px;
  --layout-contact1-card-gap: 48px;
  --layout-contact1-card-radius: 4px;
  --layout-contact1-field-gap: 16px;
  --layout-contact1-field-pad: 8px;
  --layout-contact1-message-min-height: 80px;
  --layout-contact1-consent-gap: 8px;
  --layout-contact1-check-size: 16px;
  --layout-contact1-call-gap: 10px;
  --layout-contact1-call-pad: 22px;
  --layout-contact2-padding-block: 137px;
  --layout-contact2-card-width: 527px;
  --layout-contact2-card-min-height: 744px;
  --layout-contact2-card-padding-inline: 48px;
  --layout-contact2-card-padding-block: 64px;
  --layout-contact2-card-gap: 48px;
  --layout-contact2-card-radius: 4px;
  --layout-contact2-header-gap: 16px;
  --layout-contact2-field-gap: 16px;
  --layout-contact2-field-pad: 8px;
  --layout-contact2-message-min-height: 80px;
  --layout-contact2-consent-gap: 8px;
  --layout-contact2-check-size: 16px;
  --layout-contact2-call-gap: 10px;
  --layout-contact2-call-pad: 22px;
  --layout-blogHero1-padding-top: 180px;
  --layout-blogHero1-padding-bottom: 50px;
  --layout-blogHero1-col-gap: 64px;
  --layout-blogHero1-title-size: clamp(72px, 14.48vw, 278px);
  --layout-blogHero1-tags-gap: 16px;
  --layout-blogHero1-tag-pad-block: 12px;
  --layout-blogHero1-tag-pad-inline: 24px;
  --layout-blogHero1-facts-width: 490px;
  --layout-blogHero1-fact-width: 210px;
  --layout-blogHero1-fact-gap: 15px;
  --layout-blogFeatures-padding-block: 80px;
  --layout-blogFeatures-cols-gap: 68px;
  --layout-blogFeatures-copy-gap: 132px;
  --layout-blogFeatures-main-gap: 60px;
  --layout-blogFeatures-intro-gap: 30px;
  --layout-blogFeatures-photo-width: 570px;
  --layout-blogFeatures-photo-height: 714px;
  --layout-blogFeatures-photo-ratio: 570 / 714;
  --layout-blogFeatures-parallax: 80px;
  --layout-blogFeatures-copy-width: 862px;
  --layout-blogFeatures-title-leading: 1.1667;
  --layout-blogFeatures-author-gap: 13px;
  --layout-blogFeatures-cite-gap: 13px;
  --layout-blogFeatures-avatar-size: 46px;
  --layout-blogFeatures-avatar-border: 2px;
  --layout-blogFeatures-trending-label-gap: 11px;
  --layout-blogFeatures-trending-pad-top: 24px;
  --layout-blogFeatures-trending-items-gap: 96px;
  --layout-blogFeatures-trending-item-gap: 17px;
  --layout-blogFeatures-trending-thumb-width: 97px;
  --layout-blogFeatures-trending-thumb-height: 127px;
  --layout-blogFeatures-trending-title-width: 242px;
  --layout-blogCategories-padding-block: 80px;
  --layout-blogCategories-stack-gap: 78px;
  --layout-blogCategories-group-gap: 60px;
  --layout-blogCategories-grid-gap: 24px;
  --layout-singleContent-padding-top: 180px;
  --layout-singleContent-padding-bottom: 80px;
  --layout-singleContent-content-max: 700px;
  --layout-singleContent-stack-gap: 32px;
  --layout-singleContent-head-gap: 16px;
  --layout-singleContent-head-pad: 9px;
  --layout-singleContent-title-width: 526px;
  --layout-singleContent-excerpt-gap: 17px;
  --layout-singleContent-body-gap: 48px;
  --layout-singleContent-section-gap: 28px;
  --layout-singleContent-image-1-height: 420px;
  --layout-singleContent-image-2-height: 319px;
  --layout-singleContent-bottom-pad-top: 30px;
  --layout-singleContent-tags-width: 431px;
  --layout-singleContent-tag-gap: 6px;
  --layout-singleContent-tag-pad-block: 10px;
  --layout-singleContent-tag-pad-inline: 19px;
  --layout-singleContent-share-gap: 16px;
  --layout-singleContent-social-col-gap: 12px;
  --layout-singleContent-social-row-gap: 6px;
  --layout-singleContent-social-icon: 24px;
  --layout-singleRelated-padding-block: 80px;
  --layout-singleRelated-group-gap: 60px;
  --layout-singleRelated-grid-gap: 24px;
  --layout-blog-card1-gap: 16px;
  --layout-blog-card1-radius: 4px;
  --layout-blog-card1-meta-gap: 16px;
  --layout-blog-card1-copy-gap: 8px;
  --layout-blog-card1-arrow-inset: 14px;
  --layout-blog-card1-arrow-box: 44px;
  --layout-blog-card1-arrow-size: 26px;
  --layout-blog-card1-parallax: 48px;
  --layout-feed1-padding-block: 80px;
  --layout-feed1-stack-gap: 60px;
  --layout-feed1-grid-gap: 24px;
  --layout-testimonials1-padding-block: 110px;
  --layout-testimonials1-stack-gap: 80px;
  --layout-testimonials1-grid-gap: 96px;
  --layout-testimonials1-stats-gap: 160px;
  --layout-testimonials1-stat-gap: 15px;
  --layout-testimonials1-stat-width: 210px;
  --layout-testimonials2-padding-top: 110px;
  --layout-testimonials2-padding-bottom: 115px;
  --layout-testimonials2-title-gap: 72px;
  --layout-testimonials2-cols-gap: 90px;
  --layout-testimonials2-photo-width: 570px;
  --layout-testimonials2-photo-height: 714px;
  --layout-testimonials2-photo-ratio: 570 / 714;
  --layout-testimonials2-copy-width: 840px;
  --layout-testimonials2-quote-min: 200px;
  --layout-testimonials2-author-gap: 13px;
  --layout-testimonials2-author-height: 46px;
  --layout-testimonials3-padding-top: 110px;
  --layout-testimonials3-padding-bottom: 110px;
  --layout-testimonials3-title-gap: 56px;
  --layout-testimonials3-intro-width: 805px;
  --layout-testimonials3-intro-gap: 14px;
  --layout-testimonials3-stage-gap: 112px;
  --layout-testimonials3-cols-gap: 90px;
  --layout-testimonials3-photo-width: 570px;
  --layout-testimonials3-photo-height: 714px;
  --layout-testimonials3-photo-ratio: 570 / 714;
  --layout-testimonials3-copy-width: 840px;
  --layout-testimonials3-copy-gap: 80px;
  --layout-testimonials3-quote-min: 200px;
  --layout-testimonials3-author-gap: 13px;
  --layout-testimonials3-avatar-size: 40px;
  --layout-blog-card2-min-height: 672px;
  --layout-blog-card2-padding-top: 20px;
  --layout-blog-card2-padding-inline: 20px;
  --layout-blog-card2-padding-bottom: 42px;
  --layout-blog-card2-thumb-width: 150px;
  --layout-blog-card2-thumb-height: 186px;
  --layout-blog-card2-thumb-ratio: 150 / 186;
  --layout-blog-card2-thumb-radius: 6px;
  --layout-blog-card2-mask-width: 280px;
  --layout-blog-card2-mask-height: 347px;
  --layout-blog-card2-body-gap: 16px;
  --layout-blog-card2-avatar-size: 40px;
  --layout-blog-card2-avatar-gap: 10px;
  --layout-feed2-padding-top: 80px;
  --layout-feed2-padding-bottom: 169px;
  --layout-feed2-title-gap: 45px;
  --layout-feed2-intro-width: 480px;
  --layout-feed2-grid-gap: 42px;
  --layout-feed2-lines-height: 28px;
  --layout-feed2-lines-tile: 30px;
  --layout-cta1-min-height: 474px;
  --layout-cta1-stage-width: 1920px;
  --layout-cta1-copy-gap: 32px;
  --layout-cta1-photo1-left: 317px;
  --layout-cta1-photo1-top: 56px;
  --layout-cta1-photo1-width: 103px;
  --layout-cta1-photo1-height: 162px;
  --layout-cta1-photo2-left: 514px;
  --layout-cta1-photo2-top: 308px;
  --layout-cta1-photo2-width: 135px;
  --layout-cta1-photo2-height: 90px;
  --layout-cta1-photo3-left: 1271px;
  --layout-cta1-photo3-top: 276px;
  --layout-cta1-photo3-width: 186px;
  --layout-cta1-photo3-height: 124px;
  --layout-cta1-photo4-left: 1402px;
  --layout-cta1-photo4-top: 43px;
  --layout-cta1-photo4-width: 95px;
  --layout-cta1-photo4-height: 114px;
  --layout-cta1-parallax-1: 48px;
  --layout-cta1-parallax-2: -32px;
  --layout-cta1-parallax-3: -40px;
  --layout-cta1-parallax-4: 56px;
  --layout-cta2-height: 1000px;
  --layout-cta2-end-height: 500px;
  --layout-cta2-ratio: 1920 / 1000;
  --layout-cta2-stage-width: 1920px;
  --layout-cta2-image-width: 2400px;
  --layout-cta2-image-height: 1200px;
  --layout-cta2-title-size: clamp(12px, 4.2vw, 72px);
  --layout-cta2-title-start-size: 12px;
  --layout-cta2-title-start-bottom: 20px;
  --layout-cta2-title-pin-top: 250px;
  --layout-cta2-title-scroll: 40vh;
  --layout-cta2-shrink-scroll: 50vh;
  --layout-cta2-slide-interval: 3000ms;
  --layout-cta2-slide-fade: 800ms;
  --layout-cta3-padding-top: 120px;
  --layout-cta3-padding-bottom: 140px;
  --layout-cta3-col-gap: 72px;
  --layout-cta3-media-width: 640px;
  --layout-cta3-media-height: 621px;
  --layout-cta3-media-ratio: 640 / 621;
  --layout-cta3-content-gap: 24px;
  --layout-cta3-lead-leading: 1.2;
  --layout-cta3-role-pad: 18px;
  --layout-cta3-mark-size: 230px;
  --layout-cta3-mark-inset: 25.4%;
  --layout-cta3-mark-shift: 100%;
  --layout-cta4-padding-block: 80px;
  --layout-cta4-copy-width: 586px;
  --layout-cta4-copy-gap: 16px;
  --layout-cta4-avatars-pad-top: 24px;
  --layout-cta4-avatar-size: 40px;
  --layout-cta4-avatar-overlap: 10px;
  --layout-cta4-brands-width: 568px;
  --layout-cta4-brands-gap: 42px;
  --layout-cta4-logo-gap: 30px;
  --layout-cta4-logo-height: 24px;
  --layout-cta5-padding-top: 120px;
  --layout-cta5-padding-bottom: 140px;
  --layout-cta5-col-gap: 72px;
  --layout-cta5-media-width: 584px;
  --layout-cta5-media-height: 480px;
  --layout-cta5-media-gap: 16px;
  --layout-cta5-photo-tall-width: 273px;
  --layout-cta5-photo-tall-grow: 273;
  --layout-cta5-photo-tall-ratio: 273 / 480;
  --layout-cta5-photo-short-width: 295px;
  --layout-cta5-photo-short-height: 404px;
  --layout-cta5-photo-short-grow: 295;
  --layout-cta5-photo-short-ratio: 295 / 404;
  --layout-cta5-content-gap: 24px;
  --layout-cta5-title-width: 422px;
  --layout-cta5-lead-width: 581px;
  --layout-cta5-lead-leading: 1.2;
  --layout-cta6-padding-block: 80px;
  --layout-cta6-stack-gap: 80px;
  --layout-cta6-facts-gap: 32px;
  --layout-cta6-fact-width: 210px;
  --layout-cta6-fact-gap: 15px;
  --layout-cta6-col-gap: 72px;
  --layout-cta6-media-width: 640px;
  --layout-cta6-media-height: 480px;
  --layout-cta6-media-ratio: 640 / 480;
  --layout-cta6-media-radius: 4px;
  --layout-cta6-content-gap: 24px;
  --layout-cta6-channels-gap: 24px;
  --layout-cta6-channel-gap: 8px;
  --layout-cta6-channel-pad: 24px;
  --layout-cta6-lead-leading: 1.2;
  --layout-cta7-padding-block: 80px;
  --layout-cta7-copy-gap: 16px;
  --layout-cta7-copy-width: 586px;
  --layout-cta7-avatars-pad-top: 24px;
  --layout-cta7-avatar-size: 40px;
  --layout-cta7-avatar-overlap: 10px;
  --layout-scroll-parallax-travel: 80px;
  --layout-img1-height: 700px;
  --layout-img1-parallax: 240px;
  --layout-img2-height: 960px;
  --layout-img2-parallax: 240px;
  --layout-box3d-depth: 340px;
  --layout-box3d-perspective: 2000px;
  --layout-box3d-strength: 40;
  --layout-jobOverview-padding-top: 180px;
  --layout-jobOverview-padding-bottom: 100px;
  --layout-jobOverview-body-gap: 64px;
  --layout-jobOverview-copy-gap: 48px;
  --layout-jobOverview-head-gap: 16px;
  --layout-jobOverview-spec-grid-gap: 32px;
  --layout-jobOverview-spec-row-gap: 16px;
  --layout-jobOverview-spec-gap: 8px;
  --layout-jobOverview-spec-pad-block: 6px;
  --layout-jobOverview-about-gap: 16px;
  --layout-jobOverview-about-width: 568px;
  --layout-jobOverview-aside-width: 468px;
  --layout-jobOverview-aside-gap: 24px;
  --layout-jobOverview-aside-pad: 40px;
  --layout-jobOverview-title-leading: 1;
  --layout-jobOverview-title-width: 14ch;
  --layout-jobOverview-lead-leading: 1.2;
  --layout-jobOverview-value-leading: 1.2;
  --layout-jobOverview-button-top: 8px;
  --layout-jobOverview-pin-top: 0px;
  --layout-jobOverview-pin-hold: 80px;
  --layout-brief1-padding-top: 120px;
  --layout-brief1-padding-bottom: 0px;
  --layout-brief1-title-dot-size: 8px;
  --layout-brief1-duty-pad-block: 6px;
  --layout-brief1-duty-icon-size: 12px;
  --layout-brief1-mosaic-tile-width: 138px;
  --layout-brief1-mosaic-tile-height: 173px;
  --layout-brief1-mosaic-offset-2: 49px;
  --layout-brief1-mosaic-offset-3: 11px;
  --layout-brief1-mosaic-offset-4: 49px;
  --layout-brief1-mosaic-parallax-1: 18px;
  --layout-brief1-mosaic-parallax-2: 46px;
  --layout-brief1-mosaic-parallax-3: 28px;
  --layout-brief1-mosaic-parallax-4: 58px;
  --layout-brief1-fit-card-width: 468px;
  --layout-brief1-fit-card-height: 158px;
  --layout-brief1-fit-card-pad-y: 28px;
  --layout-brief1-fit-card-radius: 12px;
  --layout-brief1-fit-card-offset-2: 90px;
  --layout-brief1-fit-card-offset-3: 200px;
  --layout-brief1-fit-icon-size: 24px;
  --layout-brief1-fit-title-leading: 1;
  --layout-brief1-join-gap: 42px;
  --layout-brief1-join-item-gap: 0.18em;
  --layout-brief1-join-font-size: clamp(72px, 14.48vw, 278px);
  --layout-brief1-join-line-height: 1;
  --layout-brief1-join-letter-spacing: -0.05em;
  --layout-brief1-pin-top: 80px;
  --layout-brief1-pin-hold: 80px;
  --layout-brief2-padding-block: 80px;
  --layout-brief2-stack-gap: 56px;
  --layout-brief2-col-gap: 64px;
  --layout-brief2-form-gap: 32px;
  --layout-brief2-row-gap: 24px;
  --layout-brief2-field-gap: 16px;
  --layout-brief2-field-pad: 8px;
  --layout-brief2-brief-pad-top: 80px;
  --layout-brief2-consent-gap: 8px;
  --layout-brief2-check-size: 16px;
  --layout-brief2-note-gap: 16px;
  --layout-brief2-gallery-gap: 16px;
  --layout-brief2-gallery-radius: 4px;
  --layout-brief2-photo-1-width: 343px;
  --layout-brief2-photo-1-ratio: 343 / 477;
  --layout-brief2-photo-2-width: 360px;
  --layout-brief2-photo-2-ratio: 360 / 560;
  --layout-brief2-parallax-1: 24px;
  --layout-brief2-parallax-2: 52px;
  --layout-brief2-title-leading: 1;
  --layout-brief2-lead-leading: 1.14;
  --layout-apply1-padding-top: 120px;
  --layout-apply1-padding-bottom: 140px;
  --layout-apply1-stack-gap: 56px;
  --layout-apply1-col-gap: 64px;
  --layout-apply1-form-gap: 32px;
  --layout-apply1-row-gap: 24px;
  --layout-apply1-field-gap: 16px;
  --layout-apply1-field-pad: 8px;
  --layout-apply1-note-pad-top: 64px;
  --layout-apply1-consent-gap: 8px;
  --layout-apply1-check-size: 16px;
  --layout-apply1-seats-gap: 16px;
  --layout-apply1-seat-pad: 24px;
  --layout-apply1-seat-copy-gap: 8px;
  --layout-apply1-seat-icon: 16px;
  --layout-jobRoles-padding-top: 100px;
  --layout-jobRoles-padding-bottom: 120px;
  --layout-jobRoles-stack-gap: 56px;
  --layout-jobRoles-grid-gap: 30px;
  --layout-jobRoles-card-height: 360px;
  --layout-jobRoles-card-pad: 24px;
  --layout-jobRoles-specs-gap: 16px;
  --layout-jobRoles-spec-gap: 8px;
  --layout-jobRoles-cta-gap: 8px;
  --layout-jobRoles-arrow-size: 16px;
  --layout-jobRoles-title-leading: 1;
  --layout-projectDetailsHero-padding-top: 180px;
  --layout-projectDetailsHero-padding-bottom: 80px;
  --layout-projectDetailsHero-stack-gap: 64px;
  --layout-projectDetailsHero-label-width: 668px;
  --layout-projectDetailsHero-lead-width: 653px;
  --layout-projectDetailsHero-spec-gap: 64px;
  --layout-projectDetailsHero-spec-pad: 24px;
  --layout-projectDetailsHero-kicker-gap: 8px;
  --layout-projectDetailsHero-plus-size: 24px;
  --layout-projectDetailsHero-lockup-gap: 8px;
  --layout-projectDetailsHero-mark-width: 63px;
  --layout-projectDetailsHero-mark-height: 24px;
  --layout-projectDetailsSurfaces-padding-top: 80px;
  --layout-projectDetailsSurfaces-padding-bottom: 100px;
  --layout-projectDetailsSurfaces-stack-gap: 36px;
  --layout-projectDetailsSurfaces-row-gap: 36px;
  --layout-projectDetailsSurfaces-plate-gap: 16px;
  --layout-projectDetailsSurfaces-hero-ratio: 1500 / 731;
  --layout-projectDetailsSurfaces-tall-ratio: 476 / 527;
  --layout-projectDetailsSurfaces-plate-ratio: 476 / 360;
  --layout-projectDetailsConstraint-padding-block: 100px;
  --layout-projectDetailsConstraint-stack-gap: 64px;
  --layout-projectDetailsConstraint-headline-width: 575px;
  --layout-projectDetailsConstraint-rules-width: 732px;
  --layout-projectDetailsConstraint-rules-gap: 32px;
  --layout-projectDetailsConstraint-rule-gap: 16px;
  --layout-projectDetailsConstraint-rule-head-gap: 16px;
  --layout-projectDetailsFile-padding-block: 100px;
  --layout-projectDetailsFile-stack-gap: 64px;
  --layout-projectDetailsFile-split-gap: 64px;
  --layout-projectDetailsFile-plates-gap: 36px;
  --layout-projectDetailsFile-plate-gap: 16px;
  --layout-projectDetailsFile-plate-ratio: 466 / 360;
  --layout-projectDetailsFile-included-width: 468px;
  --layout-projectDetailsFile-duty-gap: 8px;
  --layout-projectDetailsFile-duty-pad: 6px;
  --layout-projectDetailsFile-duty-icon: 12px;
  --layout-projectDetailsQuote-padding-block: 100px;
  --layout-projectDetailsQuote-stack-gap: 48px;
  --layout-projectDetailsQuote-copy-width: 840px;
  --layout-projectDetailsQuote-photo-width: 570px;
  --layout-projectDetailsQuote-photo-height: 714px;
  --layout-projectDetailsQuote-photo-ratio: 570 / 714;
  --layout-projectDetailsQuote-quote-min: 200px;
  --layout-projectDetailsQuote-copy-gap: 80px;
  --layout-projectDetailsQuote-author-gap: 13px;
  --layout-projectDetailsQuote-avatar-size: 40px;
  --layout-projectDetailsOutcome-padding-block: 100px;
  --layout-projectDetailsOutcome-stack-gap: 64px;
  --layout-projectDetailsOutcome-stats-gap: 64px;
  --layout-projectDetailsOutcome-stat-gap: 8px;
  --layout-projectDetailsRelated-padding-block: 120px;
  --layout-projectDetailsRelated-stack-gap: 64px;
  --layout-projectDetailsRelated-grid-column-gap: 30px;
  --layout-projectDetailsRelated-grid-row-gap: 50px;
  --layout-errorHero-padding-top: 80px;
  --layout-errorHero-padding-bottom: 48px;
  --layout-errorHero-stage-height: 520px;
  --layout-errorHero-stage-pad-top: 100px;
  --layout-errorHero-copy-width: 732px;
  --layout-errorHero-copy-gap: 32px;
  --layout-errorHero-photo-tall-width: 145px;
  --layout-errorHero-photo-tall-height: 190px;
  --layout-errorHero-photo-width: 124px;
  --layout-errorHero-photo-height: 147px;
  --layout-errorHero-code-size: clamp(72px, 16vw, 320px);
  --layout-errorHero-mark-leading: 1.15;
  --layout-errorHero-mark-pad-block: 8px;
  --layout-errorHero-mark-gap: 64px;
  --layout-errorHero-mark-speed: 80;
  --layout-errorPaths-padding-block: 80px;
  --layout-errorPaths-stack-gap: 48px;
  --layout-errorPaths-grid-gap: 24px;
  --layout-errorPaths-card-pad: 24px;
  --layout-errorPaths-card-gap: 16px;
  --layout-errorPaths-arrow: 31px;
  --color-neutral-0: #FFFFFF;
  --color-neutral-50: #F4F4F4;
  --color-neutral-100: #E8E8E8;
  --color-neutral-200: #D1D1D1;
  --color-neutral-300: #B3B3B3;
  --color-neutral-500: #696969;
  --color-neutral-700: #3A3A3A;
  --color-neutral-800: #1A1A1A;
  --color-neutral-900: #0A0A0A;
  --color-neutral-950: #000000;
  --color-brand-1: #000000;
  --color-brand-2: #000088;
  --color-surface-base: #FFFFFF;
  --color-surface-subtle: #F4F4F4;
  --color-surface-raised: #E8E8E8;
  --color-surface-inverse: #000000;
  --color-text-tertiary: #000000;
  --color-text-secondary: #696969;
  --color-text-inverse: #000000;
  --color-text-on-inverse: #FFFFFF;
  --color-border-base: #D1D1D1;
  --color-border-strong: #B3B3B3;
  --color-accent-base: #000000;
  --color-accent-strong: #000088;
  --color-placeholder-base: #D1D1D1;
  --color-placeholder-strong: #B3B3B3;
  --color-overlay-photo: #00000000;
  --color-preloader-fill: #FFFFFF;
  --color-preloader-fg: #000000;
  --color-showcase-1: #FFEAC3;
  --color-showcase-2: #EAFFD5;
  --color-showcase-3: #FFD4D4;
  --color-showcase-4: #FFF8E3;
  --color-showcase-5: #FFFFD4;
  --color-showcase-6: #C9FFFF;
  --color-showcase-cream: #FFEAC3;
  color-scheme: light;
}

:root[data-color-scheme=dark] {
  --color-neutral-0: #000000;
  --color-neutral-50: #0A0A0A;
  --color-neutral-100: #141414;
  --color-neutral-200: #1F1F1F;
  --color-neutral-300: #333333;
  --color-neutral-500: #A3A3A3;
  --color-neutral-700: #C8C8C8;
  --color-neutral-800: #E5E5E5;
  --color-neutral-900: #F5F5F5;
  --color-neutral-950: #FFFFFF;
  --color-brand-1: #5B8CFF;
  --color-brand-2: #93B4FF;
  --color-surface-base: #000000;
  --color-surface-subtle: #0A0A0A;
  --color-surface-raised: #141414;
  --color-surface-inverse: #FFFFFF;
  --color-text-tertiary: #FFFFFF;
  --color-text-secondary: #A3A3A3;
  --color-text-inverse: #5B8CFF;
  --color-text-on-inverse: #000000;
  --color-border-base: #1F1F1F;
  --color-border-strong: #333333;
  --color-accent-base: #5B8CFF;
  --color-accent-strong: #93B4FF;
  --color-placeholder-base: #1F1F1F;
  --color-placeholder-strong: #333333;
  --color-overlay-photo: #00000080;
  --color-preloader-fill: #050505;
  --color-preloader-fg: #FFFFFF;
  --color-showcase-1: #FFEAC3;
  --color-showcase-2: #EAFFD5;
  --color-showcase-3: #FFD4D4;
  --color-showcase-4: #FFF8E3;
  --color-showcase-5: #FFFFD4;
  --color-showcase-6: #C9FFFF;
  --color-showcase-cream: #FFEAC3;
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-color-scheme=light]) {
    --color-neutral-0: #000000;
    --color-neutral-50: #0A0A0A;
    --color-neutral-100: #141414;
    --color-neutral-200: #1F1F1F;
    --color-neutral-300: #333333;
    --color-neutral-500: #A3A3A3;
    --color-neutral-700: #C8C8C8;
    --color-neutral-800: #E5E5E5;
    --color-neutral-900: #F5F5F5;
    --color-neutral-950: #FFFFFF;
    --color-brand-1: #5B8CFF;
    --color-brand-2: #93B4FF;
    --color-surface-base: #000000;
    --color-surface-subtle: #0A0A0A;
    --color-surface-raised: #141414;
    --color-surface-inverse: #FFFFFF;
    --color-text-tertiary: #FFFFFF;
    --color-text-secondary: #A3A3A3;
    --color-text-inverse: #5B8CFF;
    --color-text-on-inverse: #000000;
    --color-border-base: #1F1F1F;
    --color-border-strong: #333333;
    --color-accent-base: #5B8CFF;
    --color-accent-strong: #93B4FF;
    --color-placeholder-base: #1F1F1F;
    --color-placeholder-strong: #333333;
    --color-overlay-photo: #00000080;
    --color-preloader-fill: #050505;
    --color-preloader-fg: #FFFFFF;
    --color-showcase-1: #FFEAC3;
    --color-showcase-2: #EAFFD5;
    --color-showcase-3: #FFD4D4;
    --color-showcase-4: #FFF8E3;
    --color-showcase-5: #FFFFD4;
    --color-showcase-6: #C9FFFF;
    --color-showcase-cream: #FFEAC3;
    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-sm);
  font-weight: var(--font-weight-regular);
  line-height: var(--font-leading-sm);
  color: var(--color-text-tertiary);
  background-color: var(--color-surface-base);
  -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-wrap: balance;
}

h1 {
  font-size: var(--font-size-4xl);
  line-height: var(--font-leading-4xl);
}

h2 {
  font-size: var(--font-size-3xl);
  line-height: var(--font-leading-3xl);
}

h3 {
  font-size: var(--font-size-2xl);
  line-height: var(--font-leading-2xl);
}

h4 {
  font-size: var(--font-size-xl);
  line-height: var(--font-leading-xl);
}

h5 {
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
}

h6 {
  font-size: var(--font-size-md);
  line-height: var(--font-leading-md);
}

p {
  text-wrap: pretty;
}

code {
  font-family: var(--font-family-mono);
  font-size: 0.9em;
  color: var(--color-text-inverse);
  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-xs);
  font-weight: var(--font-weight-semibold);
  line-height: var(--font-leading-xs);
  letter-spacing: var(--font-tracking-wide);
  text-transform: uppercase;
  color: var(--color-text-inverse);
}

.section-title {
  font-size: var(--font-size-3xl);
  line-height: var(--font-leading-3xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
}
.section-title--sm {
  font-size: var(--font-size-2xl);
  line-height: var(--font-leading-2xl);
}

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

.cover-reveal.is-js-cover-reveal {
  position: relative;
  z-index: 2;
}

.cover-reveal-base {
  position: relative;
  z-index: 1;
}

body.page-home-1,
body.page-home-2,
body.page-home-3,
body.page-services,
body.page-404 {
  background-color: var(--color-neutral-50);
}

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

:has(> .scroll-parallax) {
  position: relative;
  overflow: clip;
}

.scroll-parallax {
  --scroll-parallax-travel: var(--layout-scroll-parallax-travel);
  position: absolute;
  left: 0;
  top: calc(var(--scroll-parallax-travel) * -1);
  display: block;
  width: 100%;
  height: calc(100% + var(--scroll-parallax-travel) * 2);
  object-fit: cover;
  will-change: transform;
}

.text-mark__line,
.text-mark-top__line {
  display: block;
  overflow: hidden;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

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

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

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

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

@media (prefers-reduced-motion: reduce) {
  .js .text-mark__line-inner,
  .js .text-mark-top__line-inner {
    opacity: 1;
    transform: none;
  }
}
.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;
}

.text-roll {
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  line-height: 1.2;
}

.text-roll__char {
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  height: 1.3em;
  line-height: 1.2;
}
.text-roll__char--space {
  width: 0.25em;
  overflow: visible;
}

.text-roll__char-stack {
  display: flex;
  flex-direction: column;
  will-change: transform;
}

.text-roll__char-letter {
  display: block;
  height: 1.3em;
  line-height: 1.2;
}

.text-scale-anim {
  white-space: pre-wrap;
}

.text-scale-anim__word,
.text-scale-anim__letter {
  display: inline-block;
}

.text-scale-anim__letter {
  transform-origin: center bottom;
}

.text-scale-anim-2 {
  white-space: pre-wrap;
}

.text-scale-anim-2__word,
.text-scale-anim-2__letter {
  display: inline-block;
}

.text-scale-anim-2__letter {
  transform-origin: center center;
}

.text-mark-roll__line {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

.text-mark-roll.is-mark-roll-done .text-mark-roll__line {
  overflow: visible;
  clip-path: none;
}

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

.js .text-mark-roll:not(.is-mark-roll-ready) {
  opacity: 0;
}

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

.text-mark-roll__char {
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  height: 1em;
  line-height: 1;
}
.text-mark-roll__char--space {
  display: inline;
  overflow: visible;
  height: auto;
  line-height: inherit;
}

.text-mark-roll__char-stack {
  display: flex;
  flex-direction: column;
  will-change: transform;
}

.text-mark-roll__char-letter {
  display: block;
  height: 1em;
  line-height: 1;
}

.text-mark-roll.is-mark-roll-done .text-mark-roll__line-inner,
.text-mark-roll.is-mark-roll-done .text-mark-roll__char-stack {
  will-change: auto;
}

@media (prefers-reduced-motion: reduce) {
  .js .text-mark-roll:not(.is-mark-roll-ready) {
    opacity: 1;
  }
  .js .text-mark-roll__line-inner {
    opacity: 1;
    transform: none;
  }
}
.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));
}

.js .fade-in-up,
.js .fade-in-down,
.js .fade-in-left,
.js .fade-in-right {
  opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
  .js .fade-in-up,
  .js .fade-in-down,
  .js .fade-in-left,
  .js .fade-in-right {
    opacity: 1;
  }
}
.split-wipe {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  margin: 0;
  overflow: clip;
  background-color: transparent;
  transform: translateZ(0);
  transform-style: flat;
  isolation: isolate;
}

.split-wipe__pane {
  min-width: 0;
  overflow: clip;
  will-change: clip-path;
}
.split-wipe__pane img,
.split-wipe__pane video {
  display: block;
  width: 200%;
  max-width: none;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}

.split-wipe__pane--left {
  z-index: 1;
  width: calc(100% + 1px);
  justify-self: start;
}

.split-wipe__pane--right img,
.split-wipe__pane--right video {
  margin-inline-start: calc(-100% + 1px);
}

.js .split-wipe:not(.is-split-wipe-ready) .split-wipe__pane--left {
  clip-path: inset(0 0 100% 0);
}
.js .split-wipe:not(.is-split-wipe-ready) .split-wipe__pane--right {
  clip-path: inset(100% 0 0 0);
}

.js .split-wipe.is-split-wipe-in .split-wipe__pane {
  will-change: auto;
}

@media (prefers-reduced-motion: reduce) {
  .js .split-wipe:not(.is-split-wipe-ready) .split-wipe__pane--left,
  .js .split-wipe:not(.is-split-wipe-ready) .split-wipe__pane--right {
    clip-path: none;
  }
  .split-wipe__pane {
    will-change: auto;
  }
}
.split-wipe-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: clip;
  background-color: transparent;
  transform: translateZ(0);
  transform-style: flat;
  isolation: isolate;
}

.split-wipe-2__pane {
  min-width: 0;
  height: 100%;
  overflow: clip;
  will-change: clip-path;
}
.split-wipe-2__pane img,
.split-wipe-2__pane video {
  display: block;
  width: 200%;
  max-width: none;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}

.split-wipe-2__pane--left {
  z-index: 1;
  width: calc(100% + 1px);
  justify-self: start;
}

.split-wipe-2__pane--right img,
.split-wipe-2__pane--right video {
  margin-inline-start: calc(-100% + 1px);
}

.js .split-wipe-2:not(.is-split-wipe-2-ready) .split-wipe-2__pane--left,
.js .split-wipe-2:not(.is-split-wipe-2-ready) .split-wipe-2__pane--right {
  clip-path: inset(0 0 100% 0);
}

.js .split-wipe-2.is-split-wipe-2-in .split-wipe-2__pane {
  will-change: auto;
}

@media (prefers-reduced-motion: reduce) {
  .js .split-wipe-2:not(.is-split-wipe-2-ready) .split-wipe-2__pane--left,
  .js .split-wipe-2:not(.is-split-wipe-2-ready) .split-wipe-2__pane--right {
    clip-path: none;
  }
  .split-wipe-2__pane {
    will-change: auto;
  }
}
.grid-wipe {
  position: relative;
  display: block;
  width: 100%;
  margin: 0;
  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;
}

@media (prefers-reduced-motion: reduce) {
  .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;
  }
}
.demo-form-status {
  margin: var(--space-4) 0 0;
  font-size: var(--font-size-sm);
  line-height: var(--font-leading-sm);
  color: var(--color-text-secondary);
}

.help-search-empty {
  margin: var(--space-4) 0 0;
  font-size: var(--font-size-md);
  line-height: var(--font-leading-md);
  color: var(--color-text-secondary);
}

.container {
  width: 100%;
  max-width: var(--layout-container-max);
  margin-inline: auto;
  padding-inline: 16px;
}
@media (min-width: 1024px) {
  .container {
    padding-inline: 30px;
  }
}
@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;
}

.header-1-shell {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

/* WP admin bar — keep chrome below #wpadminbar when logged in. */
.admin-bar .header-1-shell {
  top: 32px;
}

@media screen and (max-width: 782px) {
  .admin-bar .header-1-shell {
    top: 46px;
  }
}
.header-1 {
  position: relative;
  z-index: 10;
  width: 100%;
  padding-block: var(--layout-header1-padding-block);
  padding-inline: var(--space-2);
}
@media (min-width: 768px) {
  .header-1 {
    padding-inline: var(--layout-header1-padding-inline);
  }
}
.header-1 {
  color: #ffffff;
  background-color: transparent;
  mix-blend-mode: difference;
  transition: color var(--motion-duration-instant) var(--motion-easing-standard), background-color var(--motion-duration-instant) var(--motion-easing-standard);
}
.header-1__inner {
  width: 100%;
}
.header-1__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
}
.header-1__logo {
  display: inline-flex;
  flex-shrink: 0;
  position: relative;
}
.header-1__logo-img {
  display: block;
  width: calc(var(--space-8) + var(--space-3));
  height: auto;
}
.header-1__logo-img--on-light {
  display: none;
}
.header-1__nav {
  display: none;
}
@media (min-width: 1024px) {
  .header-1__nav {
    display: block;
    flex: 1;
    padding-inline: var(--space-4);
  }
}
.header-1__nav {
  transition: opacity var(--motion-duration-instant) var(--motion-easing-standard);
}
.header-1__nav-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
@media (min-width: 1024px) {
  .header-1__nav-list {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: var(--space-8);
  }
}
.header-1__nav-item {
  position: relative;
}
.header-1__nav-link {
  position: relative;
  display: inline-block;
  padding-top: var(--space-1);
  font-size: var(--font-size-sm);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
  transition: opacity var(--motion-duration-instant) var(--motion-easing-standard);
}
.header-1__nav-link:hover, .header-1__nav-link.is-active {
  color: inherit;
  opacity: 0.7;
}
.header-1__nav-label {
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  line-height: 1.2;
}
.header-1__nav-char {
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  height: 1.3em;
  line-height: 1.2;
}
.header-1__nav-char--space {
  width: 0.25em;
  overflow: visible;
}
.header-1__nav-char-stack {
  display: flex;
  flex-direction: column;
  will-change: transform;
}
.header-1__nav-char-letter {
  display: block;
  height: 1.3em;
  line-height: 1.2;
}
.header-1__nav-index {
  position: absolute;
  top: 0;
  left: 100%;
  margin-left: var(--space-1);
  font-size: var(--font-size-2xs);
  line-height: var(--font-leading-2xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
}
.header-1__toggle {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: calc(var(--space-8) + var(--space-1));
  height: var(--space-7);
  border-radius: var(--radius-md);
  background-color: #000000;
  cursor: pointer;
  transition: opacity var(--motion-duration-instant) var(--motion-easing-standard);
}
.header-1__toggle:hover {
  opacity: 0.85;
}
.header-1__toggle.is-open .header-1__toggle-line:nth-child(1) {
  transform: translateY(calc(2px + var(--space-1))) rotate(45deg);
}
.header-1__toggle.is-open .header-1__toggle-line:nth-child(2) {
  opacity: 0;
  transform: scaleX(0);
}
.header-1__toggle.is-open .header-1__toggle-line:nth-child(3) {
  transform: translateY(calc(-2px - var(--space-1))) rotate(-45deg);
}
.header-1__toggle.is-open .header-1__toggle-line--short {
  width: var(--space-5);
}
.header-1 .admin-bar .header-1__toggle--float {
  top: calc(var(--layout-header1-padding-block) + 32px);
}
@media screen and (max-width: 782px) {
  .header-1 .admin-bar .header-1__toggle--float {
    top: calc(var(--layout-header1-padding-block) + 46px);
  }
}
.header-1__toggle-lines {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: var(--space-1);
  width: var(--space-5);
}
.header-1__toggle-line {
  display: block;
  width: var(--space-5);
  height: 2px;
  background-color: #ffffff;
  transform-origin: center;
  transition: transform var(--motion-duration-instant) var(--motion-easing-standard), opacity var(--motion-duration-instant) var(--motion-easing-standard), width var(--motion-duration-instant) var(--motion-easing-standard), background-color var(--motion-duration-instant) var(--motion-easing-standard);
}
.header-1__toggle-line--short {
  width: calc(var(--space-3) + var(--space-1));
}

.header-1__toggle--float {
  position: fixed;
  top: var(--layout-header1-padding-block);
  right: var(--space-2);
  z-index: 100;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: calc(var(--space-8) + var(--space-1));
  height: var(--space-7);
  border-radius: var(--radius-md);
  background-color: #000000;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: scale(0.92);
  mix-blend-mode: difference;
  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), background-color var(--motion-duration-instant) var(--motion-easing-standard);
}
@media (min-width: 768px) {
  .header-1__toggle--float {
    right: var(--layout-header1-padding-inline);
  }
}
.header-1__toggle--float.is-visible, body.is-menu-open .header-1__toggle--float {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: scale(1);
}
.header-1__toggle--float .header-1__toggle-line {
  background-color: #ffffff;
}
.header-1__toggle--float.is-open .header-1__toggle-line:nth-child(1) {
  transform: translateY(calc(2px + var(--space-1))) rotate(45deg);
}
.header-1__toggle--float.is-open .header-1__toggle-line:nth-child(2) {
  opacity: 0;
  transform: scaleX(0);
}
.header-1__toggle--float.is-open .header-1__toggle-line:nth-child(3) {
  transform: translateY(calc(-2px - var(--space-1))) rotate(-45deg);
}
.header-1__toggle--float.is-open .header-1__toggle-line--short {
  width: var(--space-5);
}

.header-2 {
  position: relative;
  z-index: 10;
  width: 100%;
  padding-block: var(--layout-header2-padding-block);
  padding-inline: var(--space-2);
  color: var(--color-text-tertiary);
}
@media (min-width: 768px) {
  .header-2 {
    padding-inline: var(--layout-header2-padding-inline);
  }
}
.header-2__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  width: 100%;
  padding-block: var(--layout-header2-inner-padding-block);
  padding-inline: var(--space-2);
  background-color: var(--color-surface-base);
  border-radius: var(--layout-header2-radius);
  overflow: visible;
}
@media (min-width: 768px) {
  .header-2__inner {
    padding-inline: var(--layout-header2-inner-padding-inline);
  }
}
.header-2__start {
  display: flex;
  align-items: center;
  gap: var(--layout-header2-cluster-gap);
  min-width: 0;
  justify-self: start;
}
.header-2__toggle {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: var(--layout-header2-toggle-size);
  height: var(--layout-header2-toggle-size);
  margin-block: calc((var(--layout-header2-toggle-height) - var(--layout-header2-toggle-size)) / 2);
  color: inherit;
  cursor: pointer;
}
.header-2__toggle.is-open .header-2__toggle-line:nth-child(1) {
  transform: translateY(var(--layout-header2-toggle-line-shift)) rotate(45deg);
}
.header-2__toggle.is-open .header-2__toggle-line:nth-child(2) {
  transform: translateY(calc(var(--layout-header2-toggle-line-shift) * -1)) rotate(-45deg);
}
.header-2__toggle-lines {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: var(--layout-header2-toggle-line-width);
  height: var(--layout-header2-toggle-height);
}
.header-2__toggle-line {
  display: block;
  width: 100%;
  height: 2px;
  background-color: currentColor;
  transform-origin: center;
  transition: transform var(--motion-duration-instant) var(--motion-easing-standard);
}
.header-2__nav {
  display: none;
  transition: opacity var(--motion-duration-instant) var(--motion-easing-standard);
}
@media (min-width: 1024px) {
  .header-2__nav {
    display: block;
  }
}
.header-2__nav-list {
  display: flex;
  align-items: center;
  gap: var(--layout-header2-nav-gap);
}
.header-2__nav-item {
  position: relative;
}
.header-2__nav-link {
  display: inline-block;
  font-size: var(--font-size-sm);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  color: inherit;
}
.header-2__nav-label {
  display: inline-block;
  line-height: 1;
}
.header-2__logo {
  display: inline-flex;
  flex-shrink: 0;
  position: relative;
  justify-self: center;
}
.header-2__logo-img {
  display: block;
  width: var(--layout-header2-logo-width);
  height: auto;
}
.header-2__logo-img--on-dark {
  display: none;
}
.header-2__end {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--layout-header2-end-gap);
  min-width: 0;
  justify-self: end;
  transition: opacity var(--motion-duration-instant) var(--motion-easing-standard);
}
.header-2__theme {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  perspective: calc(var(--layout-header2-theme-size) * 4);
  cursor: pointer;
}
.header-2__theme-input, .header-2__theme-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.header-2__theme-icon {
  display: block;
  width: var(--layout-header2-theme-size);
  height: var(--layout-header2-theme-size);
  transform: rotateY(0deg);
  transform-style: preserve-3d;
  will-change: transform;
}
.header-2__theme-icon img {
  width: 100%;
  height: 100%;
}
.header-2__email {
  display: none;
  font-size: var(--font-size-sm);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-align: right;
  color: inherit;
}
@media (min-width: 768px) {
  .header-2__email {
    display: inline-block;
  }
}

:root[data-color-scheme=dark] .header-2__logo-img--on-light {
  display: none;
}

:root[data-color-scheme=dark] .header-2__logo-img--on-dark {
  display: block;
}

:root[data-color-scheme=dark] .header-2__theme-icon {
  transform: rotateY(180deg);
}

html.is-theme-motion .header-2__theme-icon {
  transition: transform var(--motion-duration-instant) var(--motion-easing-standard);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-color-scheme=light]) .header-2__logo-img--on-light {
    display: none;
  }
  :root:not([data-color-scheme=light]) .header-2__logo-img--on-dark {
    display: block;
  }
  :root:not([data-color-scheme=light]) .header-2__theme-icon {
    transform: rotateY(180deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  html.is-theme-motion .header-2__theme-icon {
    transition: none;
  }
}
/* WP admin bar — keep header-2 below #wpadminbar when logged in. */
.admin-bar .header-2 {
  margin-top: 32px;
}

@media screen and (max-width: 782px) {
  .admin-bar .header-2 {
    margin-top: 46px;
  }
}
.page-home-3 .header-3 {
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent;
}

/* WP admin bar — absolute overlay (Home 03) uses top; in-flow uses margin. */
.admin-bar .header-3 {
  margin-top: 32px;
}

.admin-bar.page-home-3 .header-3 {
  margin-top: 0;
  top: 32px;
}

@media screen and (max-width: 782px) {
  .admin-bar .header-3 {
    margin-top: 46px;
  }
  .admin-bar.page-home-3 .header-3 {
    margin-top: 0;
    top: 46px;
  }
}
.header-3 {
  position: relative;
  z-index: 10;
  width: 100%;
  min-height: var(--layout-header3-height);
  padding-inline: var(--space-2);
  color: var(--color-text-tertiary);
  background-color: var(--color-surface-subtle);
}
@media (min-width: 768px) {
  .header-3 {
    padding-inline: var(--layout-header3-padding-inline);
  }
}
.header-3__inner {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--space-3);
  min-height: var(--layout-header3-height);
}
@media (min-width: 1024px) {
  .header-3__inner {
    gap: var(--layout-header3-cluster-gap);
  }
}
.header-3__nav {
  display: none;
}
@media (min-width: 1024px) {
  .header-3__nav {
    display: block;
  }
}
.header-3__nav-list {
  display: flex;
  align-items: center;
  gap: var(--layout-header3-nav-gap);
}
.header-3__nav-item {
  position: relative;
}
.header-3__nav-link {
  position: relative;
  display: inline-block;
  padding-top: var(--space-1);
  padding-right: var(--layout-header3-index-inset);
  font-size: var(--font-size-sm);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  color: inherit;
  transition: opacity var(--motion-duration-instant) var(--motion-easing-standard);
}
.header-3__nav-link:hover, .header-3__nav-link.is-active {
  opacity: 0.7;
}
.header-3__nav-label {
  display: inline-block;
  line-height: 1;
}
.header-3__nav-index {
  position: absolute;
  top: 0;
  right: 0;
  font-size: var(--font-size-2xs);
  line-height: var(--font-leading-2xs);
  font-weight: var(--font-weight-semibold);
}
.header-3__tools {
  display: flex;
  align-items: center;
  gap: var(--layout-header3-tools-gap);
  flex-shrink: 0;
}
.header-3__theme {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  perspective: calc(var(--layout-header3-theme-size) * 4);
  cursor: pointer;
}
.header-3__theme-input, .header-3__theme-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.header-3__theme-icon {
  display: block;
  width: var(--layout-header3-theme-size);
  height: var(--layout-header3-theme-size);
  transform: rotateY(0deg);
  transform-style: preserve-3d;
  will-change: transform;
}
.header-3__theme-icon img {
  display: block;
  width: 100%;
  height: 100%;
}
.header-3__toggle {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: var(--layout-header3-toggle-width);
  height: var(--layout-header3-toggle-height);
  color: inherit;
  cursor: pointer;
}
.header-3__toggle.is-open .header-3__toggle-line:nth-child(1) {
  transform: translateY(var(--layout-header3-toggle-line-shift)) rotate(45deg);
}
.header-3__toggle.is-open .header-3__toggle-line:nth-child(2) {
  opacity: 0;
  transform: scaleX(0);
}
.header-3__toggle.is-open .header-3__toggle-line:nth-child(3) {
  transform: translateY(calc(var(--layout-header3-toggle-line-shift) * -1)) rotate(-45deg);
}
.header-3__toggle.is-open .header-3__toggle-line--short {
  width: var(--layout-header3-toggle-width);
}
.header-3__toggle-lines {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: var(--layout-header3-toggle-width);
  height: var(--layout-header3-toggle-height);
}
.header-3__toggle-line {
  display: block;
  width: 100%;
  height: 2px;
  background-color: currentColor;
  transform-origin: center;
  transition: transform var(--motion-duration-instant) var(--motion-easing-standard), opacity var(--motion-duration-instant) var(--motion-easing-standard), width var(--motion-duration-instant) var(--motion-easing-standard);
}
.header-3__toggle-line--short {
  width: var(--layout-header3-toggle-line-short);
}

:root[data-color-scheme=dark] .header-3__theme-icon {
  transform: rotateY(180deg);
}

html.is-theme-motion .header-3__theme-icon {
  transition: transform var(--motion-duration-instant) var(--motion-easing-standard);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-color-scheme=light]) .header-3__theme-icon {
    transform: rotateY(180deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  html.is-theme-motion .header-3__theme-icon {
    transition: none;
  }
}
.page-projects-1 .header-4 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  background-color: transparent;
}

.header-4 {
  position: relative;
  z-index: 10;
  width: 100%;
  min-height: var(--layout-header4-height);
  padding-block: var(--layout-header4-padding-block);
  padding-inline: var(--layout-header4-padding-inline);
  color: var(--color-neutral-0);
  background-color: transparent;
}
@media (min-width: 768px) {
  .header-4 {
    padding-inline: var(--layout-header4-padding-inline-md);
  }
}
.header-4__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  min-height: calc(var(--layout-header4-height) - var(--layout-header4-padding-block) * 2);
}
.header-4__logo {
  display: inline-flex;
  flex-shrink: 0;
}
.header-4__logo-img {
  display: block;
  width: var(--layout-header4-logo-width);
  height: auto;
}
.header-4__toggle {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: var(--layout-header4-toggle-width);
  height: var(--layout-header4-toggle-height);
  color: inherit;
  cursor: pointer;
}
.header-4__toggle.is-open .header-4__toggle-line:nth-child(1) {
  transform: translateY(var(--layout-header4-toggle-line-shift)) rotate(45deg);
}
.header-4__toggle.is-open .header-4__toggle-line:nth-child(2) {
  opacity: 0;
  transform: scaleX(0);
}
.header-4__toggle.is-open .header-4__toggle-line:nth-child(3) {
  transform: translateY(calc(var(--layout-header4-toggle-line-shift) * -1)) rotate(-45deg);
}
.header-4__toggle.is-open .header-4__toggle-line--short {
  width: var(--layout-header4-toggle-width);
}
.header-4__toggle-lines {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: var(--space-1);
  width: var(--layout-header4-toggle-width);
}
.header-4__toggle-line {
  display: block;
  flex-shrink: 0;
  width: var(--layout-header4-toggle-width);
  height: 2px;
  background-color: currentColor;
  transform-origin: center;
  transition: transform var(--motion-duration-instant) var(--motion-easing-standard), opacity var(--motion-duration-instant) var(--motion-easing-standard), width var(--motion-duration-instant) var(--motion-easing-standard);
}
.header-4__toggle-line--short {
  width: var(--layout-header4-toggle-line-short);
}

.header-5-shell {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.header-5 {
  position: relative;
  z-index: 10;
  width: 100%;
  padding-block: var(--layout-header1-padding-block);
  padding-inline: var(--space-2);
}
@media (min-width: 768px) {
  .header-5 {
    padding-inline: var(--layout-header1-padding-inline);
  }
}
.header-5 {
  color: #ffffff;
  background-color: transparent;
  mix-blend-mode: difference;
  transition: color var(--motion-duration-instant) var(--motion-easing-standard), background-color var(--motion-duration-instant) var(--motion-easing-standard);
}
.header-5__inner {
  width: 100%;
}
.header-5__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
}
.header-5__logo {
  display: inline-flex;
  flex-shrink: 0;
  position: relative;
}
.header-5__logo-img {
  display: block;
  width: calc(var(--space-8) + var(--space-3));
  height: auto;
}
.header-5__logo-img--on-light {
  display: none;
}
.header-5__toggle {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: calc(var(--space-8) + var(--space-1));
  height: var(--space-7);
  border-radius: var(--radius-md);
  background-color: #000000;
  cursor: pointer;
  transition: opacity var(--motion-duration-instant) var(--motion-easing-standard);
}
.header-5__toggle:hover {
  opacity: 0.85;
}
.header-5__toggle.is-open .header-5__toggle-line:nth-child(1) {
  transform: translateY(calc(2px + var(--space-1))) rotate(45deg);
}
.header-5__toggle.is-open .header-5__toggle-line:nth-child(2) {
  opacity: 0;
  transform: scaleX(0);
}
.header-5__toggle.is-open .header-5__toggle-line:nth-child(3) {
  transform: translateY(calc(-2px - var(--space-1))) rotate(-45deg);
}
.header-5__toggle.is-open .header-5__toggle-line--short {
  width: var(--space-5);
}
.header-5__toggle-lines {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: var(--space-1);
  width: var(--space-5);
}
.header-5__toggle-line {
  display: block;
  width: var(--space-5);
  height: 2px;
  background-color: #ffffff;
  transform-origin: center;
  transition: transform var(--motion-duration-instant) var(--motion-easing-standard), opacity var(--motion-duration-instant) var(--motion-easing-standard), width var(--motion-duration-instant) var(--motion-easing-standard), background-color var(--motion-duration-instant) var(--motion-easing-standard);
}
.header-5__toggle-line--short {
  width: calc(var(--space-3) + var(--space-1));
}

.header_submenu-host {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  width: 100%;
  height: 0;
  pointer-events: none;
}

.header_submenu {
  --header-submenu-enter-y: var(--space-1);
  --header-submenu-enter-scale: 0.96;
  position: absolute;
  z-index: 20;
  display: none;
  flex-direction: column;
  align-items: stretch;
  gap: var(--layout-header1-sub-gap);
  width: max-content;
  min-width: var(--layout-header1-sub-min-width);
  padding: 20px !important;
  list-style: none;
  color: var(--color-text-tertiary);
  background-color: var(--color-surface-base);
  border-radius: var(--layout-header1-sub-radius);
  box-shadow: var(--layout-header1-sub-shadow);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(calc(-1 * var(--header-submenu-enter-y))) scale(var(--header-submenu-enter-scale));
  transform-origin: top left;
  transition: opacity var(--layout-header1-sub-motion-duration) var(--motion-easing-standard), visibility var(--layout-header1-sub-motion-duration) var(--motion-easing-standard), transform var(--layout-header1-sub-motion-duration) var(--motion-easing-standard), box-shadow var(--layout-header1-sub-motion-duration) var(--motion-easing-standard);
}
@media (min-width: 1024px) {
  .header_submenu {
    display: flex;
  }
}
.header_submenu::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  height: var(--layout-header1-sub-offset);
}
.header_submenu.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}
.header_submenu-host .header_submenu {
  top: var(--header-submenu-top, 0);
  left: var(--header-submenu-left, 0);
  z-index: 11;
}
.header-2__nav-item .header_submenu, .header-3__nav-item .header_submenu {
  top: 100%;
  left: 0;
  margin-top: var(--layout-header1-sub-offset);
}

.header-2__nav-item--has-sub:hover > .header_submenu,
.header-2__nav-item--has-sub:focus-within > .header_submenu,
.header-3__nav-item--has-sub:hover > .header_submenu,
.header-3__nav-item--has-sub:focus-within > .header_submenu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}

.header_submenu__item {
  width: 100%;
  opacity: 0;
  transform: translateY(var(--motion-lift));
  transition: opacity var(--layout-header1-sub-motion-duration) var(--motion-easing-standard), transform var(--layout-header1-sub-motion-duration) var(--motion-easing-standard);
  transition-delay: 0ms;
}
.header_submenu__item:not(:last-child) {
  border-bottom: 1px solid var(--color-neutral-100);
}
.header_submenu__item:nth-child(1) {
  --header-submenu-stagger: 60ms;
}
.header_submenu__item:nth-child(2) {
  --header-submenu-stagger: 120ms;
}
.header_submenu__item:nth-child(3) {
  --header-submenu-stagger: 180ms;
}
.header_submenu__item:nth-child(4) {
  --header-submenu-stagger: 240ms;
}
.header_submenu__item:nth-child(5) {
  --header-submenu-stagger: 300ms;
}
.header_submenu__item:nth-child(n+6) {
  --header-submenu-stagger: 360ms;
}
.header_submenu__item:hover .header_submenu__arrow {
  opacity: 1;
  transform: rotate(0deg);
}

.header_submenu.is-open .header_submenu__item,
.header-2__nav-item--has-sub:hover > .header_submenu .header_submenu__item,
.header-2__nav-item--has-sub:focus-within > .header_submenu .header_submenu__item,
.header-3__nav-item--has-sub:hover > .header_submenu .header_submenu__item,
.header-3__nav-item--has-sub:focus-within > .header_submenu .header_submenu__item {
  opacity: 1;
  transform: translateY(0);
  transition-delay: var(--header-submenu-stagger, 0ms);
}

.header_submenu__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
  width: 100%;
  padding-block: var(--layout-header1-sub-item-padding-block);
  padding-inline: var(--layout-header1-sub-item-padding-inline);
  font-size: var(--layout-header1-sub-font-size);
  line-height: var(--layout-header1-sub-line-height);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-tertiary);
  white-space: nowrap;
}
.header_submenu__link.is-active .header_submenu__arrow {
  opacity: 1;
  transform: rotate(0deg);
}

.header_submenu__label {
  display: block;
}

.header_submenu__arrow {
  flex-shrink: 0;
  display: block;
  width: var(--layout-header1-sub-arrow-size);
  height: var(--layout-header1-sub-arrow-size);
  background-color: currentColor;
  opacity: 0;
  transform: rotate(45deg);
  mask-image: url("data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20overflow='visible'%20style='display:%20block;'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Frame'%3e%3cpath%20id='Vector'%20d='M10.6691%206.27614L4.93141%2012.0139L3.98861%2011.0711L9.72633%205.33333H4.66915V4H12.0025V11.3333H10.6691V6.27614Z'%20fill='black'/%3e%3c/g%3e%3c/svg%3e");
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20overflow='visible'%20style='display:%20block;'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Frame'%3e%3cpath%20id='Vector'%20d='M10.6691%206.27614L4.93141%2012.0139L3.98861%2011.0711L9.72633%205.33333H4.66915V4H12.0025V11.3333H10.6691V6.27614Z'%20fill='black'/%3e%3c/g%3e%3c/svg%3e");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  transition: opacity var(--motion-duration-instant) var(--motion-easing-standard), transform var(--motion-duration-instant) var(--motion-easing-standard);
}

@media (prefers-reduced-motion: reduce) {
  .header_submenu,
  .header_submenu__item {
    transition: none;
    transform: none;
  }
  .header_submenu__item {
    opacity: 1;
  }
}
.menu-overlay-1 {
  --menu-overlay-bg: #0a0a0a;
  --menu-overlay-fg: #ffffff;
  --menu-overlay-muted: #8a8a8a;
  --menu-overlay-track: #1a1a1a;
  --menu-overlay-thumb: #ffffff;
  position: fixed;
  inset: 0;
  z-index: 90;
  width: 100%;
  height: 100svh;
  background-color: var(--menu-overlay-bg);
  color: var(--menu-overlay-fg);
  clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
  pointer-events: none;
  visibility: hidden;
}
.menu-overlay-1.is-open {
  pointer-events: auto;
  visibility: visible;
}
.menu-overlay-1__logo {
  position: absolute;
  top: var(--layout-header1-padding-block);
  left: var(--space-2);
  z-index: 2;
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  height: var(--space-7);
}
@media (min-width: 768px) {
  .menu-overlay-1__logo {
    left: var(--layout-header1-padding-inline);
  }
}
.menu-overlay-1__logo-img {
  display: block;
  width: var(--layout-header2-logo-width);
  height: auto;
}
.menu-overlay-1__content {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding-block-start: calc(var(--layout-header1-padding-block) + var(--space-7));
  transform: translateX(-100px) translateY(-100px) scale(1.5) rotate(-15deg);
  transform-origin: left bottom;
  opacity: 0.25;
  will-change: opacity, transform;
}
@media (min-width: 768px) {
  .menu-overlay-1__content {
    justify-content: center;
    overflow: visible;
    padding-block-start: 0;
  }
}
.menu-overlay-1__items, .menu-overlay-1__footer {
  display: flex;
  gap: var(--space-8);
  width: 100%;
  padding-inline: var(--layout-header1-padding-inline);
  padding-block: var(--space-6);
}
.menu-overlay-1__items {
  flex: 1 1 auto;
  justify-content: flex-start;
  align-items: stretch;
  padding-block: var(--space-2);
}
@media (min-width: 768px) {
  .menu-overlay-1__items {
    flex: 0 1 auto;
    padding-block: var(--space-6);
  }
}
.menu-overlay-1__preview-col {
  display: none;
  flex: 3;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1024px) {
  .menu-overlay-1__preview-col {
    display: flex;
  }
}
.menu-overlay-1__preview {
  position: relative;
  width: 45%;
  height: min(52vh, 28rem);
  overflow: hidden;
}
.menu-overlay-1__preview img,
.menu-overlay-1__preview .grid-deform__source,
.menu-overlay-1__preview .grid-deform__canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.menu-overlay-1__preview img,
.menu-overlay-1__preview .grid-deform__source {
  will-change: transform, opacity;
}
.menu-overlay-1__aside {
  display: flex;
  flex: 2;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-4);
  padding-block: var(--space-2);
  padding-inline-start: var(--layout-menuOverlay1-aside-inset);
  text-align: start;
}
@media (min-width: 768px) {
  .menu-overlay-1__aside {
    gap: var(--space-6);
    padding-block: var(--space-6);
    padding-inline-start: var(--layout-menuOverlay1-aside-inset-md);
  }
}
@media (min-width: 1024px) {
  .menu-overlay-1__aside {
    padding-inline-start: 0;
  }
}
.menu-overlay-1__theme {
  position: absolute;
  left: var(--layout-header1-padding-inline);
  top: 50%;
  z-index: 2;
  display: flex;
  margin: 0;
  transform: translate(-50%, -50%) rotate(-90deg);
  transform-origin: center center;
}
.menu-overlay-1__theme-label {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.menu-overlay-1__theme-switch {
  position: relative;
  display: inline-flex;
  cursor: pointer;
  user-select: none;
}
.menu-overlay-1__theme-input, .menu-overlay-1__theme-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.menu-overlay-1__theme-track {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  min-width: 11.5rem;
  padding: 4px;
  border-radius: var(--radius-sm);
  background-color: var(--menu-overlay-track);
  isolation: isolate;
}
.menu-overlay-1__theme-option {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 2rem;
  padding-inline: var(--space-2);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  line-height: 1;
  color: var(--menu-overlay-muted);
  transition: color var(--motion-duration-instant) var(--motion-easing-standard);
}
.menu-overlay-1__theme-icon {
  flex-shrink: 0;
}
.menu-overlay-1__theme-thumb {
  position: absolute;
  z-index: 0;
  top: 4px;
  left: 4px;
  width: calc(50% - 4px);
  height: calc(100% - 8px);
  border-radius: calc(var(--radius-sm) - 2px);
  background-color: var(--menu-overlay-thumb);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: transform var(--motion-duration-instant) var(--motion-easing-standard);
  will-change: transform;
}
.menu-overlay-1__theme-input:checked + .menu-overlay-1__theme-track .menu-overlay-1__theme-option--dark {
  color: var(--menu-overlay-bg);
}
.menu-overlay-1__theme-input:checked + .menu-overlay-1__theme-track .menu-overlay-1__theme-thumb {
  transform: translateX(100%);
}
.menu-overlay-1__theme-input:not(:checked) + .menu-overlay-1__theme-track .menu-overlay-1__theme-option--light {
  color: var(--menu-overlay-bg);
}
.menu-overlay-1__theme-input:focus-visible + .menu-overlay-1__theme-track {
  outline: 2px solid var(--menu-overlay-fg);
  outline-offset: 3px;
}
.menu-overlay-1__links, .menu-overlay-1__socials {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-1);
}
.menu-overlay-1__link, .menu-overlay-1__link-main, .menu-overlay-1__social {
  padding-bottom: 6px;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
.menu-overlay-1__link--has-sub {
  width: 100%;
  clip-path: none;
  padding-bottom: 0;
}
.menu-overlay-1__link-a, .menu-overlay-1__sub-a, .menu-overlay-1__social-a, .menu-overlay-1__footer a {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font-family: inherit;
  text-align: inherit;
  text-decoration: none;
  cursor: pointer;
  will-change: transform;
  user-select: none;
  transition: color var(--motion-duration-instant) var(--motion-easing-standard);
}
.menu-overlay-1__link-a::after, .menu-overlay-1__sub-a::after, .menu-overlay-1__social-a::after, .menu-overlay-1__footer a::after {
  display: none;
  position: absolute;
  content: "";
  top: 102.5%;
  left: 0;
  width: 100%;
  height: 2px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.3s cubic-bezier(0.6, 0, 0.4, 1);
}
@media (min-width: 1024px) {
  .menu-overlay-1__link-a::after, .menu-overlay-1__sub-a::after, .menu-overlay-1__social-a::after, .menu-overlay-1__footer a::after {
    display: block;
  }
}
.menu-overlay-1__link-a:hover::after, .menu-overlay-1__sub-a:hover::after, .menu-overlay-1__social-a:hover::after, .menu-overlay-1__footer a:hover::after {
  transform: scaleX(1);
  transform-origin: left;
}
.menu-overlay-1__link-a {
  font-size: clamp(2.5rem, 6vw, 3.5rem);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  line-height: 1;
  transform: translateY(120%);
  opacity: 0.25;
}
.menu-overlay-1__link--has-sub > .menu-overlay-1__link-main {
  width: 100%;
}
.menu-overlay-1__link--has-sub > .menu-overlay-1__link-main > .menu-overlay-1__link-a {
  display: flex;
  align-items: center;
  width: 100%;
  white-space: nowrap;
}
.menu-overlay-1__link--has-sub > .menu-overlay-1__link-main > .menu-overlay-1__link-a::after {
  display: none;
}
.menu-overlay-1__link-text {
  position: relative;
  display: inline-block;
}
.menu-overlay-1__link-text::after {
  display: none;
  position: absolute;
  content: "";
  top: 102.5%;
  left: 0;
  width: 100%;
  height: 2px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.3s cubic-bezier(0.6, 0, 0.4, 1);
}
@media (min-width: 1024px) {
  .menu-overlay-1__link-text::after {
    display: block;
  }
}
.menu-overlay-1__link--has-sub > .menu-overlay-1__link-main > .menu-overlay-1__link-a:hover .menu-overlay-1__link-text::after {
  transform: scaleX(1);
  transform-origin: left;
}
.menu-overlay-1__link-plus {
  position: relative;
  top: auto;
  left: auto;
  display: block;
  flex-shrink: 0;
  align-self: center;
  width: 0.4em;
  height: 0.4em;
  margin-inline-start: var(--space-2);
  transform: none;
  transition: transform var(--motion-duration-instant) var(--motion-easing-standard);
}
@media (min-width: 1024px) {
  .menu-overlay-1__link-plus {
    position: absolute;
    top: 50%;
    left: var(--layout-menuOverlay1-plus-inset);
    margin-inline-start: 0;
    transform: translateY(-50%);
  }
}
.menu-overlay-1__link-plus::before, .menu-overlay-1__link-plus::after {
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: currentColor;
  content: "";
  transform: translate(-50%, -50%);
}
.menu-overlay-1__link-plus::before {
  width: 100%;
  height: 2px;
}
.menu-overlay-1__link-plus::after {
  width: 2px;
  height: 100%;
}
.menu-overlay-1__link.is-open .menu-overlay-1__link-plus {
  transform: rotate(45deg);
}
@media (min-width: 1024px) {
  .menu-overlay-1__link.is-open .menu-overlay-1__link-plus {
    transform: translateY(-50%) rotate(45deg);
  }
}
.menu-overlay-1__sub {
  overflow: hidden;
  height: 0;
  visibility: hidden;
  pointer-events: none;
}
.menu-overlay-1__link.is-open .menu-overlay-1__sub {
  pointer-events: auto;
}
.menu-overlay-1__sub-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow: hidden;
  padding-block: var(--space-1) var(--space-2);
  padding-left: 12px;
  gap: var(--space-2);
}
.menu-overlay-1__sub-a {
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  line-height: 1;
  color: var(--menu-overlay-muted);
  transform: translateY(80%);
  opacity: 0;
}
.menu-overlay-1__sub-a:hover {
  color: var(--menu-overlay-fg);
  transform: translateX(10px);
  transition: all 0.3s ease;
}
.menu-overlay-1__social-a {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--menu-overlay-muted);
  transform: translateY(120%);
  opacity: 0.25;
}
.menu-overlay-1__social-a:hover {
  color: var(--menu-overlay-fg);
}
.menu-overlay-1__footer {
  position: relative;
  flex-shrink: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  margin-top: auto;
  padding-block: var(--space-4) var(--space-6);
  padding-inline-start: calc(var(--layout-header1-padding-inline) + var(--layout-menuOverlay1-aside-inset));
}
@media (min-width: 768px) {
  .menu-overlay-1__footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    flex-direction: row;
    align-items: flex-end;
    gap: var(--space-8);
    margin-top: 0;
    padding-block: var(--space-6);
    padding-inline-start: calc(var(--layout-header1-padding-inline) + var(--layout-menuOverlay1-aside-inset-md));
  }
}
@media (min-width: 1024px) {
  .menu-overlay-1__footer {
    padding-inline-start: var(--layout-header1-padding-inline);
  }
}
.menu-overlay-1__footer-primary {
  flex: none;
}
@media (min-width: 768px) {
  .menu-overlay-1__footer-primary {
    flex: 3;
  }
}
.menu-overlay-1__footer-primary a {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
}
.menu-overlay-1__footer-secondary {
  display: flex;
  flex: none;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
  gap: var(--space-2) var(--space-4);
}
@media (min-width: 768px) {
  .menu-overlay-1__footer-secondary {
    flex: 2;
    width: auto;
    justify-content: space-between;
  }
}
@media (min-width: 1024px) {
  .menu-overlay-1__footer-secondary {
    flex-wrap: nowrap;
  }
}
.menu-overlay-1__footer-secondary a {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--menu-overlay-muted);
  white-space: nowrap;
}
.menu-overlay-1__footer-secondary a:hover {
  color: var(--menu-overlay-fg);
}

#smooth-wrapper {
  transform-origin: right top;
  will-change: transform;
}

body.is-menu-open {
  overflow: hidden;
}
body.is-menu-open .header-2__nav,
body.is-menu-open .header-2__end {
  opacity: 0;
  pointer-events: none;
}
body.is-menu-open .header-1,
body.is-menu-open .header-5 {
  mix-blend-mode: normal;
  color: #ffffff;
  background-color: transparent;
}
body.is-menu-open .header-1__logo-img--on-light,
body.is-menu-open .header-5__logo-img--on-light {
  display: none;
}
body.is-menu-open .header-1__logo-img--on-dark,
body.is-menu-open .header-5__logo-img--on-dark {
  display: block;
}
body.is-menu-open .header-1__toggle,
body.is-menu-open .header-5__toggle {
  background-color: transparent;
}
body.is-menu-open .header-1__toggle-line,
body.is-menu-open .header-5__toggle-line {
  background-color: #ffffff;
}
body.is-menu-open .header-1__nav {
  opacity: 0;
  pointer-events: none;
}
body.is-menu-open .header_submenu-host {
  visibility: hidden;
  pointer-events: none;
}
body.is-menu-open .hero-1__tagline {
  opacity: 0;
  pointer-events: none;
}

/* WP admin bar - menu overlay logo (top = base + admin-bar height). */
.admin-bar .menu-overlay-1__logo {
  top: calc(var(--layout-header1-padding-block) + 32px);
}

@media screen and (max-width: 782px) {
  .admin-bar .menu-overlay-1__logo {
    top: calc(var(--layout-header1-padding-block) + 46px);
  }
}
.bottom-nav-1 {
  position: fixed;
  left: 50%;
  bottom: var(--layout-bottomNav1-offset);
  z-index: 80;
  display: flex;
  align-items: center;
  width: max-content;
  max-width: calc(100% - var(--space-2) * 2);
  padding-block: var(--layout-bottomNav1-padding-block);
  padding-inline: var(--space-2);
  color: var(--color-text-tertiary);
  background-color: var(--color-surface-base);
  border: 1px solid var(--color-neutral-100);
  border-radius: var(--layout-bottomNav1-radius);
  box-shadow: var(--layout-bottomNav1-shadow);
  transform: translate3d(-50%, calc(100% + var(--layout-bottomNav1-offset)), 0);
  visibility: hidden;
  pointer-events: none;
  transition: transform var(--motion-duration-instant) var(--motion-easing-standard), visibility var(--motion-duration-instant) var(--motion-easing-standard);
}
@media (min-width: 768px) {
  .bottom-nav-1 {
    padding-inline: var(--layout-bottomNav1-padding-inline);
  }
}
.bottom-nav-1.is-visible {
  transform: translate3d(-50%, 0, 0);
  visibility: visible;
  pointer-events: auto;
}
.bottom-nav-1__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-1);
  min-width: 0;
  width: 100%;
}
@media (min-width: 576px) {
  .bottom-nav-1__inner {
    gap: var(--layout-bottomNav1-gap-sm);
  }
}
@media (min-width: 768px) {
  .bottom-nav-1__inner {
    gap: var(--layout-bottomNav1-gap);
  }
}
.bottom-nav-1__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: var(--font-size-compact);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  white-space: nowrap;
  color: inherit;
}
@media (min-width: 576px) {
  .bottom-nav-1__link {
    font-size: var(--font-size-sm);
  }
}
.bottom-nav-1__logo {
  display: inline-flex;
  flex: 0 1 var(--layout-bottomNav1-logo-width-sm);
  min-width: 0;
  position: relative;
}
@media (min-width: 576px) {
  .bottom-nav-1__logo {
    flex: 0 0 var(--layout-bottomNav1-logo-width);
  }
}
.bottom-nav-1__logo-img {
  display: block;
  width: var(--layout-bottomNav1-logo-width-sm);
  max-width: 100%;
  height: var(--layout-bottomNav1-logo-height-sm);
}
@media (min-width: 576px) {
  .bottom-nav-1__logo-img {
    width: var(--layout-bottomNav1-logo-width);
    height: var(--layout-bottomNav1-logo-height);
  }
}
.bottom-nav-1__logo-img--on-dark {
  display: none;
}

:root[data-color-scheme=dark] .bottom-nav-1__logo-img--on-light {
  display: none;
}

:root[data-color-scheme=dark] .bottom-nav-1__logo-img--on-dark {
  display: block;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-color-scheme=light]) .bottom-nav-1__logo-img--on-light {
    display: none;
  }
  :root:not([data-color-scheme=light]) .bottom-nav-1__logo-img--on-dark {
    display: block;
  }
}
body.is-menu-open .bottom-nav-1 {
  transform: translate3d(-50%, calc(100% + var(--layout-bottomNav1-offset)), 0);
  visibility: hidden;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .bottom-nav-1 {
    transition: none;
  }
}
.footer-1 {
  position: relative;
  overflow: clip;
  color: var(--color-text-tertiary);
  background-color: var(--color-surface-base);
  border-top: 1px solid var(--color-border-base);
}
.footer-1__lines {
  width: 100%;
  height: 28px;
  overflow: hidden;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='28' viewBox='0 0 30 28' fill='none'%3E%3Cline x1='0.5' y1='0' x2='0.5' y2='27.577' stroke='%23D1D1D1'/%3E%3Cline x1='5.5' y1='0' x2='5.5' y2='18.742' stroke='%23D1D1D1'/%3E%3Cline x1='10.5' y1='0' x2='10.5' y2='18.742' stroke='%23D1D1D1'/%3E%3Cline x1='15.5' y1='0' x2='15.5' y2='18.742' stroke='%23D1D1D1'/%3E%3Cline x1='20.5' y1='0' x2='20.5' y2='18.742' stroke='%23D1D1D1'/%3E%3Cline x1='25.5' y1='0' x2='25.5' y2='18.742' stroke='%23D1D1D1'/%3E%3C/svg%3E");
  background-repeat: repeat-x;
  background-position: center top;
  background-size: 30px 28px;
}
.footer-1__inner {
  display: flex;
  flex-direction: column;
  gap: var(--layout-footer1-stack-gap);
  padding-top: var(--layout-footer1-padding-top-md);
  padding-bottom: var(--layout-footer1-padding-bottom);
}
@media (min-width: 1024px) {
  .footer-1__inner {
    padding-top: var(--layout-footer1-padding-top);
  }
}
.footer-1__top {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-8);
  align-items: start;
}
@media (min-width: 1024px) {
  .footer-1__top {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--space-6);
    justify-content: space-between;
  }
}
.footer-1__contact {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  max-width: 41.25rem;
}
.footer-1__thumbs {
  display: flex;
  gap: var(--space-1);
  padding-top: var(--space-3);
  overflow: clip;
}
.footer-1__thumb {
  display: block;
  width: 64px;
  height: 40px;
  object-fit: cover;
  border-radius: var(--radius-xs);
}
.footer-1__contact-row {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  align-items: flex-start;
}
@media (min-width: 768px) {
  .footer-1__contact-row {
    flex-direction: row;
    gap: var(--space-6);
    align-items: flex-end;
  }
}
.footer-1__contact-main {
  display: flex;
  flex-direction: column;
  gap: calc(var(--space-1) + var(--space-1) / 2);
  flex-shrink: 0;
}
.footer-1__email, .footer-1__phone {
  font-size: var(--font-size-lg);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
  transition: color var(--motion-duration-instant) var(--motion-easing-standard);
}
.footer-1__email:hover, .footer-1__phone:hover {
  color: var(--color-text-inverse);
}
.footer-1__address {
  max-width: 24.5rem;
  font-size: var(--font-size-sm);
  line-height: 1.375;
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  text-decoration: underline;
  text-underline-offset: 0.15em;
  color: inherit;
  transition: color var(--motion-duration-instant) var(--motion-easing-standard);
}
.footer-1__address:hover {
  color: var(--color-text-inverse);
}
.footer-1__menus {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, max-content));
  gap: var(--space-5) var(--space-8);
}
@media (min-width: 576px) {
  .footer-1__menus {
    grid-template-columns: repeat(3, minmax(0, max-content));
    gap: var(--layout-footer1-menu-gap);
  }
}
.footer-1__nav-list, .footer-1__social-list {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.footer-1__nav-list > li, .footer-1__social-list > li {
  transform: translateX(0);
  transition: transform var(--motion-duration-instant) var(--motion-easing-standard);
}
.footer-1__nav-list > li:hover, .footer-1__nav-list > li:focus-within, .footer-1__social-list > li:hover, .footer-1__social-list > li:focus-within {
  transform: translateX(var(--layout-footer1-social-hover-inset));
}
.footer-1__nav-link {
  position: relative;
  display: inline-block;
  padding-top: 5px;
  padding-bottom: 6px;
  font-size: var(--font-size-sm);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: capitalize;
  color: inherit;
  text-decoration: none;
  transition: color var(--motion-duration-instant) var(--motion-easing-standard);
}
.footer-1__nav-link::after {
  position: absolute;
  content: "";
  top: 102.5%;
  left: 0;
  width: 100%;
  height: 2px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.3s cubic-bezier(0.6, 0, 0.4, 1);
}
.footer-1__nav-link:hover, .footer-1__nav-link:focus-visible {
  color: var(--color-text-inverse);
}
.footer-1__nav-link:hover::after, .footer-1__nav-link:focus-visible::after {
  transform: scaleX(1);
  transform-origin: left;
}
.footer-1__nav-index {
  position: absolute;
  top: 0;
  left: 100%;
  margin-left: 2px;
  font-size: var(--font-size-2xs);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
}
.footer-1__social {
  width: 99px;
}
.footer-1__social-link {
  position: relative;
  display: block;
  width: 100%;
  padding-block: 5px 4px;
  border-bottom: 1px solid var(--color-border-base);
  font-size: var(--font-size-sm);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: capitalize;
  color: inherit;
  transition: color var(--motion-duration-instant) var(--motion-easing-standard);
}
.footer-1__social-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  pointer-events: none;
  background-color: var(--color-neutral-950);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform var(--motion-duration-instant) var(--motion-easing-standard);
}
.footer-1__social-link:hover, .footer-1__social-link:focus-visible {
  color: var(--color-text-inverse);
}
.footer-1__social-link:hover::after, .footer-1__social-link:focus-visible::after {
  transform: scaleX(1);
}
.footer-1__brand {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-5);
  align-items: end;
}
@media (min-width: 768px) {
  .footer-1__brand {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: var(--space-3);
  }
}
@media (min-width: 1024px) {
  .footer-1__brand {
    grid-template-columns: minmax(0, 1fr) minmax(0, var(--layout-footer1-media-width));
    gap: var(--space-4);
  }
}
.footer-1__brand > .anim-zoomin-wrap {
  width: 100%;
  max-width: var(--layout-footer1-media-width);
  min-width: 0;
  height: auto;
  justify-self: end;
}
.footer-1__wordmark {
  position: relative;
  display: inline-flex;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: clip;
  line-height: 0;
}
.footer-1__wordmark-curtain {
  display: none;
  position: absolute;
  inset: 0;
  z-index: 1;
  flex-direction: column;
  pointer-events: none;
}
.js .footer-1__wordmark-curtain {
  display: flex;
}
.footer-1__wordmark-curtain-line {
  flex: 1 1 var(--layout-footer1-curtain-line);
  min-height: 0;
  background-color: var(--color-surface-base);
  transform-origin: 50% 50%;
  will-change: transform;
}
.footer-1__wordmark-curtain.is-open {
  visibility: hidden;
  will-change: auto;
}
.footer-1__wordmark-img {
  display: block;
  width: min(100%, var(--layout-footer1-wordmark-width));
  height: auto;
}
.footer-1__wordmark-img--on-dark {
  display: none;
}
.footer-1__media {
  width: 100%;
  max-width: var(--layout-footer1-media-width);
  min-width: 0;
  aspect-ratio: 566/200;
  overflow: clip;
  border-radius: var(--radius-xs);
  background-color: var(--color-neutral-100);
  justify-self: end;
}
.footer-1__media-img, .footer-1__media-video, .footer-1__media .grid-deform__source {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.footer-1__bottom {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-2);
  align-items: center;
  padding-top: var(--space-2);
  border-top: 1px solid var(--color-border-base);
}
@media (min-width: 768px) {
  .footer-1__bottom {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    gap: var(--space-3);
  }
}
.footer-1__time {
  display: flex;
  align-items: center;
  gap: var(--layout-footer1-theme-gap);
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-secondary);
}
.footer-1__time-copy {
  display: inline-block;
  min-width: 0;
}
.footer-1__theme {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  perspective: calc(var(--layout-footer1-theme-size) * 4);
  cursor: pointer;
}
.footer-1__theme-input, .footer-1__theme-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.footer-1__theme-icon {
  display: block;
  width: var(--layout-footer1-theme-size);
  height: var(--layout-footer1-theme-size);
  transform: rotateY(0deg);
  transform-style: preserve-3d;
  will-change: transform;
}
.footer-1__theme-icon img {
  width: 100%;
  height: 100%;
}
.footer-1__clock-sep {
  display: inline-block;
  animation: footer-1-clock-blink 1s steps(1, end) infinite;
}
@keyframes footer-1-clock-blink {
  0%, 49% {
    opacity: 1;
  }
  50%, 100% {
    opacity: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .js .footer-1__wordmark-curtain {
    display: none;
  }
  .footer-1__clock-sep {
    animation: none;
  }
}
.footer-1__copy {
  font-size: var(--font-size-sm);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-tertiary);
  text-align: left;
}
@media (min-width: 768px) {
  .footer-1__copy {
    text-align: center;
  }
}
.footer-1__back-top {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: var(--space-1);
  font-size: var(--font-size-sm);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-secondary);
  transition: color var(--motion-duration-instant) var(--motion-easing-standard);
}
@media (min-width: 768px) {
  .footer-1__back-top {
    justify-content: flex-end;
    justify-self: end;
  }
}
.footer-1__back-top:hover {
  color: var(--color-text-tertiary);
}
@media (hover: hover) {
  .footer-1__back-top:hover .footer-1__back-label, .footer-1__back-top:focus-visible .footer-1__back-label {
    grid-template-columns: 1fr auto;
  }
  .footer-1__back-top:hover .footer-1__back-icons-stack, .footer-1__back-top:focus-visible .footer-1__back-icons-stack {
    transform: translateY(calc(var(--layout-footer1-back-icon) * -1));
  }
}
.footer-1__back-label {
  display: grid;
  grid-template-columns: 0fr auto;
  align-items: baseline;
  min-width: 0;
  transition: grid-template-columns var(--motion-duration-instant) var(--motion-easing-standard);
}
.footer-1__back-label-lead {
  overflow: hidden;
  min-width: 0;
  white-space: nowrap;
}
.footer-1__back-label-main {
  white-space: nowrap;
}
.footer-1__back-icons {
  display: block;
  flex-shrink: 0;
  overflow: hidden;
  width: var(--layout-footer1-back-icon);
  height: var(--layout-footer1-back-icon);
}
.footer-1__back-icons-stack {
  display: flex;
  flex-direction: column;
  transform: translateY(0);
  transition: transform var(--motion-duration-instant) var(--motion-easing-standard);
  will-change: transform;
}
.footer-1__back-icon {
  display: block;
  flex-shrink: 0;
  width: var(--layout-footer1-back-icon);
  height: var(--layout-footer1-back-icon);
}

:root[data-color-scheme=dark] .footer-1__wordmark-img--on-light {
  display: none;
}

:root[data-color-scheme=dark] .footer-1__wordmark-img--on-dark {
  display: block;
}

:root[data-color-scheme=dark] .footer-1__theme-icon {
  transform: rotateY(180deg);
}

:root[data-color-scheme=dark] .footer-1__lines {
  opacity: var(--layout-footer1-lines-opacity-dark);
}

html.is-theme-motion .footer-1__theme-icon {
  transition: transform var(--motion-duration-instant) var(--motion-easing-standard);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-color-scheme=light]) .footer-1__wordmark-img--on-light {
    display: none;
  }
  :root:not([data-color-scheme=light]) .footer-1__wordmark-img--on-dark {
    display: block;
  }
  :root:not([data-color-scheme=light]) .footer-1__theme-icon {
    transform: rotateY(180deg);
  }
  :root:not([data-color-scheme=light]) .footer-1__lines {
    opacity: var(--layout-footer1-lines-opacity-dark);
  }
}
@media (prefers-reduced-motion: reduce) {
  html.is-theme-motion .footer-1__theme-icon {
    transition: none;
  }
  .footer-1__back-icons-stack,
  .footer-1__back-label {
    transition: none;
  }
}
.footer-2 {
  position: relative;
  overflow: clip;
  color: var(--color-neutral-0);
  background-color: var(--color-neutral-900);
}
.footer-2 > .container {
  position: relative;
  z-index: 1;
}
.footer-2__inner {
  display: flex;
  flex-direction: column;
  gap: var(--layout-footer2-bar-gap);
  padding-top: var(--layout-footer2-padding-top);
}
.footer-2__top {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
}
@media (min-width: 1024px) {
  .footer-2__top {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-6);
  }
}
.footer-2__contact {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
  width: 100%;
  max-width: var(--layout-footer2-contact-width);
}
@media (min-width: 1024px) {
  .footer-2__contact {
    padding-top: var(--layout-footer2-media-offset);
  }
}
.footer-2__media {
  width: 100%;
  max-width: var(--layout-footer2-media-width);
  aspect-ratio: var(--layout-footer2-media-ratio);
  margin: 0;
  overflow: clip;
  background-color: var(--color-neutral-700);
}
.footer-2__media-img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center top;
}
.footer-2__contact-links {
  display: flex;
  flex-direction: column;
  gap: var(--layout-footer2-contact-gap);
}
.footer-2__email, .footer-2__phone {
  font-size: var(--font-size-xl);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: inherit;
  transition: color var(--motion-duration-instant) var(--motion-easing-standard);
}
.footer-2__email:hover, .footer-2__email:focus-visible, .footer-2__phone:hover, .footer-2__phone:focus-visible {
  color: var(--color-neutral-500);
}
.footer-2__aside {
  display: flex;
  flex-direction: column;
  gap: var(--layout-footer2-aside-gap);
  width: 100%;
  max-width: var(--layout-footer2-aside-width);
}
.footer-2__address {
  max-width: var(--layout-footer2-address-width);
  font-size: var(--font-size-sm);
  line-height: 1.375;
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  text-decoration: underline;
  text-underline-offset: 0.15em;
  color: inherit;
  transition: color var(--motion-duration-instant) var(--motion-easing-standard);
}
.footer-2__address:hover, .footer-2__address:focus-visible {
  color: var(--color-neutral-500);
}
.footer-2__menus {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, max-content));
  gap: var(--space-5) var(--space-8);
}
@media (min-width: 576px) {
  .footer-2__menus {
    grid-template-columns: repeat(3, minmax(0, max-content));
    gap: var(--layout-footer2-menu-gap);
  }
}
.footer-2__nav-list, .footer-2__social-list {
  display: flex;
  flex-direction: column;
  gap: var(--layout-footer2-item-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer-2__nav-list > li, .footer-2__social-list > li {
  transform: translateX(0);
  transition: transform var(--motion-duration-instant) var(--motion-easing-standard);
}
.footer-2__nav-list > li:hover, .footer-2__nav-list > li:focus-within, .footer-2__social-list > li:hover, .footer-2__social-list > li:focus-within {
  transform: translateX(var(--layout-footer2-nav-hover-inset));
}
.footer-2__nav-link, .footer-2__social-link {
  position: relative;
  display: inline-block;
  padding-top: 5px;
  padding-bottom: 6px;
  font-size: var(--font-size-sm);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: capitalize;
  color: inherit;
  text-decoration: none;
  transition: color var(--motion-duration-instant) var(--motion-easing-standard);
}
.footer-2__nav-link::after, .footer-2__social-link::after {
  position: absolute;
  content: "";
  top: 102.5%;
  left: 0;
  width: 100%;
  height: 2px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.3s cubic-bezier(0.6, 0, 0.4, 1);
}
.footer-2__nav-link:hover, .footer-2__nav-link:focus-visible, .footer-2__social-link:hover, .footer-2__social-link:focus-visible {
  color: var(--color-neutral-500);
}
.footer-2__nav-link:hover::after, .footer-2__nav-link:focus-visible::after, .footer-2__social-link:hover::after, .footer-2__social-link:focus-visible::after {
  transform: scaleX(1);
  transform-origin: left;
}
.footer-2__nav-index {
  position: absolute;
  top: 0;
  left: 100%;
  margin-left: 2px;
  font-size: var(--font-size-2xs);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
}
.footer-2__social {
  width: var(--layout-footer2-social-width);
}
.footer-2__bottom {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
}
.footer-2__copy {
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
}
.footer-2__back-top {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  margin-inline-start: auto;
  font-size: var(--font-size-sm);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
  text-decoration: none;
  transition: color var(--motion-duration-instant) var(--motion-easing-standard);
}
.footer-2__back-top:hover, .footer-2__back-top:focus-visible {
  color: var(--color-neutral-500);
}
.footer-2__back-icon {
  display: block;
  width: var(--space-3);
  height: var(--space-3);
  flex-shrink: 0;
}
.footer-2__wordmark {
  position: relative;
  z-index: 0;
  margin: var(--layout-footer2-wordmark-offset) 0 0;
  overflow: visible;
  height: auto;
  font-size: var(--layout-footer2-wordmark-size-sm);
  line-height: var(--layout-footer2-wordmark-leading);
}
@media (min-width: 1024px) {
  .footer-2__wordmark {
    overflow: clip;
    height: calc(var(--layout-footer2-wordmark-clip-height) + var(--layout-footer2-wordmark-scale-bleed));
    padding-top: var(--layout-footer2-wordmark-scale-bleed);
    margin-top: calc(var(--layout-footer2-wordmark-offset) - var(--layout-footer2-wordmark-scale-bleed));
    font-size: var(--layout-footer2-wordmark-size);
  }
}
.footer-2__wordmark {
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--font-tracking-display);
  text-align: center;
  text-wrap: nowrap;
  white-space: nowrap;
  pointer-events: none;
}
.footer-2__wordmark.text-scale-anim {
  pointer-events: auto;
}

.footer-3 {
  position: relative;
  overflow: clip;
  color: var(--color-neutral-0);
  background-color: var(--color-neutral-950);
}
.footer-3 > .container {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: var(--layout-footer3-stack-gap);
  padding-top: var(--layout-footer3-padding-top);
}
.footer-3__cols {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
  width: 100%;
}
@media (min-width: 1024px) {
  .footer-3__cols {
    flex-direction: row;
    align-items: flex-start;
    gap: var(--layout-footer3-col-gap);
  }
}
.footer-3__brand, .footer-3__nav, .footer-3__connect {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
@media (min-width: 1024px) {
  .footer-3__brand, .footer-3__nav, .footer-3__connect {
    flex: 1 1 0;
  }
}
.footer-3__brand {
  gap: var(--layout-footer3-brand-gap);
}
.footer-3__nav {
  gap: var(--layout-footer3-nav-label-gap);
}
.footer-3__connect {
  gap: var(--space-8);
}
@media (min-width: 1024px) {
  .footer-3__connect {
    gap: var(--layout-footer3-connect-gap);
  }
}
.footer-3__logo {
  display: inline-flex;
  width: var(--layout-footer3-logo-width);
  height: var(--layout-footer3-logo-height);
}
.footer-3__logo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.footer-3__tagline {
  margin: 0;
  max-width: var(--layout-footer3-tagline-width);
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  color: var(--color-neutral-300);
  text-wrap: pretty;
}
.footer-3__block {
  display: flex;
  flex-direction: column;
  gap: var(--layout-footer3-block-gap);
}
.footer-3__label {
  margin: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-neutral-300);
}
.footer-3__links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-footer3-link-gap);
}
.footer-3__ext {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: var(--layout-footer3-link-gap);
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  color: inherit;
  text-decoration: none;
  transform: translateX(0);
  transition: color var(--motion-duration-instant) var(--motion-easing-standard), transform var(--motion-duration-instant) var(--motion-easing-standard);
}
.footer-3__ext::after {
  position: absolute;
  content: "";
  top: 102.5%;
  left: 0;
  width: 100%;
  height: 2px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.3s cubic-bezier(0.6, 0, 0.4, 1);
}
.footer-3__ext:hover, .footer-3__ext:focus-visible {
  color: var(--color-neutral-300);
  transform: translateX(var(--layout-footer3-link-hover-inset));
}
.footer-3__ext:hover::after, .footer-3__ext:focus-visible::after {
  transform: scaleX(1);
  transform-origin: left;
}
.footer-3__arrow {
  display: block;
  flex-shrink: 0;
  width: var(--layout-footer3-arrow-size);
  height: var(--layout-footer3-arrow-size);
}
.footer-3__address {
  display: flex;
  flex-direction: column;
  max-width: var(--layout-footer3-address-width);
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  color: inherit;
  text-decoration: none;
  transition: color var(--motion-duration-instant) var(--motion-easing-standard);
}
.footer-3__address:hover, .footer-3__address:focus-visible {
  color: var(--color-neutral-300);
}
.footer-3__nav-list {
  display: flex;
  flex-direction: column;
  gap: var(--layout-footer3-nav-item-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer-3__nav-link {
  position: relative;
  display: inline-block;
  font-size: var(--font-size-xl);
  line-height: var(--font-leading-xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: inherit;
  text-decoration: none;
  transition: color var(--motion-duration-instant) var(--motion-easing-standard);
}
.footer-3__nav-link::after {
  position: absolute;
  content: "";
  top: 102.5%;
  left: 0;
  width: 100%;
  height: 2px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.3s cubic-bezier(0.6, 0, 0.4, 1);
}
.footer-3__nav-link:hover, .footer-3__nav-link:focus-visible {
  color: var(--color-neutral-300);
}
.footer-3__nav-link:hover::after, .footer-3__nav-link:focus-visible::after {
  transform: scaleX(1);
  transform-origin: left;
}
.footer-3__nav-link.is-current::after {
  transform: scaleX(1);
  transform-origin: left;
}
.footer-3__nav-label {
  display: inline-block;
  line-height: 1;
}
.footer-3__hours {
  display: flex;
  flex-direction: column;
  gap: var(--layout-footer3-hours-gap);
}
.footer-3__hours-value {
  margin: 0;
  font-size: var(--font-size-xl);
  line-height: var(--font-leading-xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: inherit;
}
.footer-3__news {
  display: flex;
  flex-direction: column;
  gap: var(--layout-footer3-news-gap);
  width: 100%;
}
.footer-3__news-text {
  margin: 0;
  max-width: var(--layout-footer3-news-width);
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  color: var(--color-neutral-300);
  text-wrap: pretty;
}
.footer-3__news-row {
  display: flex;
  align-items: center;
  gap: var(--layout-footer3-field-gap);
  width: 100%;
}
.footer-3__field {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  min-width: 0;
}
.footer-3__field-label {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.footer-3__control {
  width: 100%;
  padding: 0 0 var(--space-1);
  border: 0;
  border-bottom: 1px solid var(--color-neutral-700);
  border-radius: 0;
  background: transparent;
  font-family: inherit;
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  color: inherit;
}
.footer-3__control::placeholder {
  color: var(--color-neutral-300);
}
.footer-3__control:focus {
  outline: none;
  border-bottom-color: var(--color-neutral-0);
}
.footer-3__control:focus-visible {
  outline: 2px solid var(--color-neutral-0);
  outline-offset: 2px;
}
.footer-3__submit {
  flex-shrink: 0;
  padding: var(--layout-footer3-submit-pad-block) var(--layout-footer3-submit-pad-inline);
  border: 0;
  border-radius: var(--radius-xs);
  background-color: var(--color-neutral-0);
  font-family: inherit;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-neutral-950);
  cursor: pointer;
}
.footer-3__credits {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
}
.footer-3__copy, .footer-3__back-top {
  margin: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-neutral-300);
}
.footer-3__back-top {
  text-decoration: none;
  transition: color var(--motion-duration-instant) var(--motion-easing-standard);
}
.footer-3__back-top:hover, .footer-3__back-top:focus-visible {
  color: var(--color-neutral-0);
}
.footer-3__wordmark {
  position: relative;
  z-index: 0;
  margin: var(--layout-footer3-wordmark-offset) 0 0;
  overflow: visible;
  font-size: var(--layout-footer3-wordmark-size-sm);
  line-height: var(--layout-footer3-wordmark-leading);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  text-align: center;
  text-transform: uppercase;
  text-wrap: nowrap;
  white-space: nowrap;
  color: var(--color-neutral-700);
  pointer-events: none;
}
@media (min-width: 1024px) {
  .footer-3__wordmark {
    overflow: clip;
    height: calc(var(--layout-footer3-wordmark-clip-height) + var(--layout-footer3-wordmark-scale-bleed));
    padding-top: var(--layout-footer3-wordmark-scale-bleed);
    margin-top: calc(var(--layout-footer3-wordmark-offset) - var(--layout-footer3-wordmark-scale-bleed));
    font-size: var(--layout-footer3-wordmark-size);
  }
}
.footer-3__wordmark.text-scale-anim {
  pointer-events: auto;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-1);
  padding: var(--space-2) var(--space-3);
  border: 1px solid transparent;
  border-radius: var(--radius-sm);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  line-height: 1;
  color: var(--color-text-on-inverse);
  background-color: var(--color-accent-base);
  transition: background-color var(--motion-duration-instant) var(--motion-easing-standard), border-color var(--motion-duration-instant) var(--motion-easing-standard), color var(--motion-duration-instant) var(--motion-easing-standard);
}
.btn:hover {
  background-color: var(--color-accent-strong);
}
.btn--outline {
  color: var(--color-text-tertiary);
  background-color: transparent;
  border-color: var(--color-border-strong);
}
.btn--outline:hover {
  background-color: var(--color-surface-subtle);
  border-color: var(--color-text-tertiary);
}
.btn--sm {
  padding: var(--space-1) var(--space-2);
  font-size: var(--font-size-xs);
}

.btn-1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--layout-btn1-padding-block) var(--layout-btn1-padding-inline);
  border: 0;
  border-radius: var(--radius-xs);
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-on-inverse);
  background-color: var(--color-neutral-950);
  text-decoration: none;
  cursor: pointer;
  font-family: inherit;
}
.btn-1--block {
  width: 100%;
}
.btn-1--soft {
  color: var(--color-text-tertiary);
  background-color: var(--color-neutral-100);
}
.btn-1__label {
  flex-shrink: 0;
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  line-height: 1;
}
.btn-1__icon {
  display: block;
  flex-shrink: 0;
  overflow: hidden;
  height: var(--layout-btn1-icon-height);
  transition: max-width var(--motion-duration-instant) var(--motion-easing-standard), margin var(--motion-duration-instant) var(--motion-easing-standard), opacity var(--motion-duration-instant) var(--motion-easing-standard);
}
.btn-1__icon svg {
  display: block;
  width: var(--layout-btn1-icon-width);
  height: var(--layout-btn1-icon-height);
}
.btn-1__icon--lead {
  max-width: 0;
  margin-inline-end: 0;
  opacity: 0;
}
.btn-1__icon--trail {
  max-width: var(--layout-btn1-icon-width);
  margin-inline-start: var(--layout-btn1-gap);
  opacity: 1;
}
.btn-1:hover .btn-1__icon--lead, .btn-1:focus-visible .btn-1__icon--lead {
  max-width: var(--layout-btn1-icon-width);
  margin-inline-end: var(--layout-btn1-gap);
  opacity: 1;
}
.btn-1:hover .btn-1__icon--trail, .btn-1:focus-visible .btn-1__icon--trail {
  max-width: 0;
  margin-inline-start: 0;
  opacity: 0;
}

.feature-card {
  height: 100%;
  padding: var(--space-3);
  background-color: var(--color-surface-subtle);
  border: 1px solid var(--color-border-base);
  border-radius: var(--radius-xs);
}
.feature-card__num {
  display: block;
  margin-bottom: var(--space-3);
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-wide);
  color: var(--color-text-inverse);
}
.feature-card__title {
  margin-bottom: var(--space-1);
  font-size: var(--font-size-md);
  line-height: var(--font-leading-md);
  font-weight: var(--font-weight-semibold);
}
.feature-card__text {
  color: var(--color-text-secondary);
}

.team-card__media {
  overflow: hidden;
  aspect-ratio: 4/5;
  border-radius: var(--radius-xs);
  background-color: var(--color-placeholder-base);
}
.team-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.team-card__body {
  padding-top: var(--space-1);
}
.team-card__name {
  font-size: var(--font-size-sm);
  line-height: var(--font-leading-sm);
  font-weight: var(--font-weight-semibold);
}
.team-card__name a {
  transition: color var(--motion-duration-instant) var(--motion-easing-standard);
}
.team-card__name a:hover {
  color: var(--color-text-inverse);
}
.team-card__role {
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
}

.project-card-1 {
  display: flex;
  flex-direction: column;
  gap: var(--layout-project-card1-gap);
  width: 100%;
  max-width: var(--layout-project-card1-width);
  color: inherit;
  text-decoration: none;
}
.project-card-1__header {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  max-width: 10rem;
}
.project-card-1__title {
  display: flex;
  align-items: center;
  gap: 0;
  margin: 0;
  font-size: var(--font-size-md);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-tertiary);
  white-space: nowrap;
  transition: gap var(--motion-duration-instant) var(--motion-easing-standard);
}
.project-card-1__arrow {
  display: block;
  flex-shrink: 0;
  width: 0;
  height: var(--layout-project-card1-arrow-size);
  opacity: 0;
  overflow: hidden;
  object-fit: contain;
  transition: width var(--motion-duration-instant) var(--motion-easing-standard), opacity var(--motion-duration-instant) var(--motion-easing-standard);
}
.project-card-1__title-text {
  display: block;
}
.project-card-1__category {
  margin: 0;
  font-size: var(--font-size-md);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-secondary);
}
.project-card-1__media {
  position: relative;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 735/459;
  background-color: var(--color-placeholder-base);
}
.project-card-1__bg {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: calc(100% + var(--space-4));
  object-fit: cover;
  transform: translate(-50%, -50%);
  filter: blur(var(--layout-project-card1-bg-blur));
  pointer-events: none;
  user-select: none;
}
.project-card-1__frame {
  position: absolute;
  left: 50%;
  top: 22.0043572985%;
  z-index: 1;
  width: 60%;
  padding: var(--layout-project-card1-frame-pad);
  padding-bottom: var(--layout-project-card1-frame-pad);
  background-color: var(--color-neutral-0);
  translate: -50% 0;
  will-change: transform;
  transition: padding-bottom var(--motion-duration-instant) var(--motion-easing-standard);
}
.project-card-1__photo {
  position: relative;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 431/258;
  background-color: var(--color-neutral-0);
}
.project-card-1__photo .anim-zoomin-wrap {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.project-card-1__photo img {
  display: block;
  width: calc(100% + var(--layout-project-card1-frame-pad) * 2);
  height: calc(100% + var(--space-5));
  max-width: none;
  margin-left: calc(var(--layout-project-card1-frame-pad) * -1);
  margin-top: calc(var(--space-5) / -2);
  object-fit: cover;
  transform: scale(1);
  transform-origin: center center;
  transition: transform var(--motion-duration-instant) var(--motion-easing-standard);
}
.project-card-1__meta {
  position: absolute;
  inset-inline: var(--layout-project-card1-frame-pad);
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: var(--layout-project-card1-frame-pad-hover);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--motion-duration-instant) var(--motion-easing-standard);
}
.project-card-1__meta-item {
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-medium);
  text-transform: uppercase;
  color: var(--color-text-tertiary);
  white-space: nowrap;
}
.project-card-1:hover .project-card-1__title, .project-card-1:focus-visible .project-card-1__title {
  gap: var(--radius-xs);
}
.project-card-1:hover .project-card-1__arrow, .project-card-1:focus-visible .project-card-1__arrow {
  width: var(--layout-project-card1-arrow-size);
  opacity: 1;
}
.project-card-1:hover .project-card-1__frame, .project-card-1:focus-visible .project-card-1__frame {
  padding-bottom: var(--layout-project-card1-frame-pad-hover);
}
.project-card-1:hover .project-card-1__meta, .project-card-1:focus-visible .project-card-1__meta {
  opacity: 1;
}
.project-card-1:hover .project-card-1__photo img, .project-card-1:focus-visible .project-card-1__photo img {
  transform: scale(1.2);
}
.project-card-1:focus-visible {
  outline: 2px solid var(--color-accent-base);
  outline-offset: var(--space-1);
}

.service-card-1 {
  display: block;
  color: var(--color-neutral-0);
  text-decoration: none;
  border-bottom: 1px solid var(--color-neutral-700);
}
.service-card-1__row {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  align-items: flex-start;
  padding-block: var(--space-4);
}
@media (min-width: 1024px) {
  .service-card-1__row {
    flex-direction: row;
    align-items: center;
    gap: var(--space-5);
  }
}
.service-card-1__main {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  align-items: flex-start;
  min-width: 0;
}
@media (min-width: 768px) {
  .service-card-1__main {
    flex-direction: row;
    align-items: center;
    gap: var(--layout-service-card1-main-gap);
  }
}
.service-card-1__index {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  width: var(--layout-service-card1-index-width);
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
}
.service-card-1__index .has-odometer,
.service-card-1__index .odometer {
  letter-spacing: normal;
}
.service-card-1__media {
  flex-shrink: 0;
  overflow: hidden;
  width: var(--layout-service-card1-media-width);
  height: var(--layout-service-card1-media-height);
  border-radius: var(--radius-xs);
  background-color: transparent;
}
.service-card-1__media img {
  display: block;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transform-origin: center center;
  transition: transform var(--motion-duration-instant) var(--motion-easing-standard);
}
.service-card-1__media.split-wipe-2 img {
  width: 200%;
  max-width: none;
}
.service-card-1__title {
  margin: 0;
  font-size: var(--font-size-xl);
  line-height: var(--font-leading-xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  text-wrap: balance;
}
.service-card-1__text {
  flex: 0 0 auto;
  width: min(100%, var(--layout-service-card1-text-max));
  margin: 0;
  max-width: var(--layout-service-card1-text-max);
  font-size: var(--font-size-sm);
  line-height: 1.35;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-secondary);
  text-wrap: pretty;
}
@media (min-width: 1024px) {
  .service-card-1__text {
    margin-inline-start: auto;
  }
}
.service-card-1:hover .service-card-1__media img, .service-card-1:focus-visible .service-card-1__media img {
  transform: scale(1.2);
}
.service-card-1:focus-visible {
  outline: 2px solid var(--color-accent-base);
  outline-offset: var(--space-1);
}

.testimonial-card-1 {
  display: flex;
  flex-direction: column;
  min-height: var(--layout-testimonial-card1-min-height);
  padding: var(--layout-testimonial-card1-padding);
  color: var(--color-text-tertiary);
  background-color: var(--color-neutral-0);
  border: 1px solid var(--color-neutral-100);
  border-radius: var(--layout-testimonial-card1-radius);
}
.testimonial-card-1__inner {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--space-4);
  width: 100%;
  min-height: 0;
}
.testimonial-card-1__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
  width: 100%;
}
.testimonial-card-1__logo {
  flex-shrink: 0;
  overflow: hidden;
  width: auto;
  height: var(--layout-testimonial-card1-logo-height);
}
.testimonial-card-1__logo img {
  display: block;
  width: auto;
  height: 100%;
  max-width: none;
  object-fit: contain;
  object-position: left center;
}
.testimonial-card-1__index {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-end;
  gap: var(--layout-testimonial-card1-index-gap);
}
.testimonial-card-1__dots {
  display: flex;
  align-items: center;
  gap: var(--layout-testimonial-card1-dot-gap);
}
.testimonial-card-1__dot {
  display: block;
  width: var(--layout-testimonial-card1-dot-size);
  height: var(--layout-testimonial-card1-dot-size);
  border-radius: 50%;
  background-color: var(--color-neutral-200);
}
.testimonial-card-1__dot.is-active {
  background-color: var(--color-neutral-950);
}
.testimonial-card-1__num {
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  color: var(--color-neutral-950);
  white-space: nowrap;
}
.testimonial-card-1__body {
  display: flex;
  flex-direction: column;
  gap: var(--layout-testimonial-card1-body-gap);
  width: 100%;
}
.testimonial-card-1__quote {
  margin: 0;
  font-size: var(--font-size-md);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-tertiary);
  text-wrap: pretty;
}
.testimonial-card-1__author {
  display: flex;
  align-items: center;
  gap: var(--layout-testimonial-card1-author-gap);
  overflow: hidden;
}
.testimonial-card-1__avatar {
  flex-shrink: 0;
  overflow: hidden;
  width: var(--layout-testimonial-card1-avatar-size);
  height: var(--layout-testimonial-card1-avatar-size);
  border-radius: var(--radius-xs);
  background-color: var(--color-placeholder-base);
}
.testimonial-card-1__avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.testimonial-card-1__meta {
  display: flex;
  flex-direction: column;
  gap: var(--layout-testimonial-card1-meta-gap);
  min-width: 0;
}
.testimonial-card-1__name {
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-tertiary);
}
.testimonial-card-1__role {
  margin: 0;
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-secondary);
}

.pricing-card-1 {
  --color-neutral-0: #ffffff;
  --color-neutral-300: #b3b3b3;
  --color-neutral-700: #3a3a3a;
  --color-neutral-800: #1a1a1a;
  --color-neutral-950: #000000;
  --color-text-on-inverse: var(--color-neutral-0);
  display: flex;
  flex-direction: column;
  gap: var(--layout-pricing-card1-gap);
  width: 100%;
  padding: var(--layout-pricing-card1-padding);
  overflow: hidden;
  color: var(--color-neutral-0);
  background-color: var(--color-neutral-800);
  border-radius: var(--layout-pricing-card1-radius);
}
.pricing-card-1__intro {
  display: flex;
  flex-direction: column;
  gap: var(--layout-pricing-card1-gap);
  width: 100%;
}
.pricing-card-1__header {
  display: flex;
  align-items: center;
  gap: var(--layout-pricing-card1-header-gap);
  width: 100%;
  overflow: hidden;
}
.pricing-card-1__title {
  margin: 0;
  flex-shrink: 0;
  font-size: var(--layout-pricing-card1-title-size);
  line-height: var(--layout-pricing-card1-title-size);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: var(--color-neutral-0);
  white-space: nowrap;
}
.pricing-card-1__line {
  flex: 1 0 0;
  min-width: 1px;
  height: 1px;
  background-color: var(--color-neutral-700);
}
.pricing-card-1__badge {
  margin: 0;
  flex-shrink: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-neutral-300);
  text-transform: uppercase;
  white-space: nowrap;
}
.pricing-card-1__desc {
  margin: 0;
  width: 100%;
  font-size: var(--font-size-sm);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-neutral-300);
  text-wrap: pretty;
}
.pricing-card-1__price {
  display: flex;
  align-items: center;
  gap: var(--layout-pricing-card1-price-gap);
  overflow: hidden;
}
.pricing-card-1__currency {
  flex-shrink: 0;
  font-size: var(--font-size-md);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-neutral-0);
  white-space: nowrap;
}
.pricing-card-1__amount-wrap {
  display: flex;
  align-items: center;
  gap: var(--layout-pricing-card1-price-gap);
}
.pricing-card-1__amount {
  flex-shrink: 0;
  font-size: var(--layout-pricing-card1-amount-size);
  line-height: var(--layout-pricing-card1-amount-size);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: var(--color-neutral-0);
  white-space: nowrap;
}
.pricing-card-1__period {
  flex-shrink: 0;
  align-self: flex-end;
  padding-block-end: 4px;
  font-size: var(--font-size-sm);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-neutral-300);
  white-space: nowrap;
}
.pricing-card-1__features {
  display: flex;
  flex-direction: column;
  gap: var(--layout-pricing-card1-features-gap);
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}
.pricing-card-1__feature {
  display: flex;
  align-items: center;
  gap: var(--layout-pricing-card1-feature-gap);
  width: 100%;
  overflow: hidden;
}
.pricing-card-1__plus {
  display: block;
  flex-shrink: 0;
  width: var(--layout-pricing-card1-plus-size);
  height: var(--layout-pricing-card1-plus-size);
  color: var(--color-neutral-700);
}
.pricing-card-1__plus .icon-plus-mark {
  display: block;
  width: 100%;
  height: 100%;
}
.pricing-card-1__plus .icon-plus-mark path {
  stroke: var(--color-neutral-0);
}
.pricing-card-1__feature-text {
  font-size: var(--font-size-sm);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-neutral-0);
}
.pricing-card-1__cta {
  display: flex;
  flex-direction: column;
  gap: var(--layout-pricing-card1-cta-gap);
  width: 100%;
  overflow: hidden;
}
.pricing-card-1__cta-label {
  margin: 0;
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  color: var(--color-neutral-300);
  white-space: nowrap;
}
.pricing-card-1__cta-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--layout-pricing-card1-cta-gap);
  width: 100%;
}
.pricing-card-1__guarantee {
  display: flex;
  align-items: center;
  gap: var(--layout-pricing-card1-guarantee-gap);
  margin: 0;
  overflow: hidden;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-medium);
  color: var(--color-neutral-300);
  white-space: nowrap;
}
.pricing-card-1__check {
  display: block;
  flex-shrink: 0;
  width: var(--layout-pricing-card1-check-size);
  height: var(--layout-pricing-card1-check-size);
  color: var(--color-neutral-300);
}
.pricing-card-1__check .pricing-card-1__check-svg {
  display: block;
  width: 100%;
  height: 100%;
}
.pricing-card-1--light {
  color: var(--color-text-tertiary);
  background-color: var(--color-neutral-100);
}
.pricing-card-1--light .pricing-card-1__title,
.pricing-card-1--light .pricing-card-1__currency,
.pricing-card-1--light .pricing-card-1__amount,
.pricing-card-1--light .pricing-card-1__feature-text {
  color: var(--color-text-tertiary);
}
.pricing-card-1--light .pricing-card-1__badge,
.pricing-card-1--light .pricing-card-1__desc,
.pricing-card-1--light .pricing-card-1__period,
.pricing-card-1--light .pricing-card-1__cta-label,
.pricing-card-1--light .pricing-card-1__guarantee,
.pricing-card-1--light .pricing-card-1__check {
  color: var(--color-text-secondary);
}
.pricing-card-1--light .pricing-card-1__plus {
  color: var(--color-text-tertiary);
}
.pricing-card-1--light .pricing-card-1__plus .icon-plus-mark path {
  stroke: var(--color-surface-base);
}

.pricing-proof-card-1 {
  --color-neutral-0: #ffffff;
  --color-neutral-300: #b3b3b3;
  --color-neutral-800: #1a1a1a;
  display: flex;
  flex-direction: column;
  gap: var(--layout-pricing-proof-card1-gap);
  width: 100%;
  padding: var(--layout-pricing-proof-card1-padding);
  overflow: hidden;
  color: var(--color-neutral-0);
  background-color: var(--color-neutral-800);
  border-radius: var(--layout-pricing-proof-card1-radius);
}
.pricing-proof-card-1__media {
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
  width: 100%;
  height: var(--layout-pricing-proof-card1-media-height);
  border-radius: var(--radius-xs);
  background-color: var(--color-neutral-800);
}
.pricing-proof-card-1__hero {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}
.pricing-proof-card-1__portrait {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  overflow: hidden;
  width: var(--layout-pricing-proof-card1-portrait-size);
  height: var(--layout-pricing-proof-card1-portrait-size);
  border: 1px solid var(--color-neutral-300);
  border-radius: var(--radius-xs);
  transform: translate(-50%, -50%);
}
.pricing-proof-card-1__portrait img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pricing-proof-card-1__copy {
  display: flex;
  flex-direction: column;
  gap: var(--layout-pricing-proof-card1-copy-gap);
  width: 100%;
  overflow: hidden;
}
.pricing-proof-card-1__title, .pricing-proof-card-1__subtitle {
  margin: 0;
  font-size: var(--font-size-md);
  line-height: 20px;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
}
.pricing-proof-card-1__title {
  color: var(--color-neutral-0);
}
.pricing-proof-card-1__subtitle {
  color: var(--color-neutral-300);
}
.pricing-proof-card-1__divider {
  width: 100%;
  height: 0;
  margin: 0;
  border: 0;
  border-top: 1px dashed var(--color-neutral-300);
}
.pricing-proof-card-1__trust {
  display: flex;
  flex-direction: column;
  gap: var(--layout-pricing-proof-card1-trust-gap);
  width: 100%;
  overflow: hidden;
}
.pricing-proof-card-1__thumbs {
  display: flex;
  gap: var(--layout-pricing-proof-card1-thumb-gap);
  padding-block-start: var(--layout-pricing-proof-card1-trust-pad-top);
  overflow: hidden;
}
.pricing-proof-card-1__thumb {
  display: block;
  flex-shrink: 0;
  width: var(--layout-pricing-proof-card1-thumb-width);
  height: var(--layout-pricing-proof-card1-thumb-height);
  object-fit: cover;
  border-radius: var(--radius-xs);
}
.pricing-proof-card-1__trust-title {
  margin: 0;
  max-width: 320px;
  font-size: var(--font-size-md);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-neutral-0);
  text-wrap: pretty;
}
.pricing-proof-card-1__trust-text {
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-neutral-300);
  text-wrap: pretty;
}

.award-card-1 {
  display: flex;
  align-items: center;
  gap: var(--layout-award-card1-gap);
  width: 100%;
  padding: var(--layout-award-card1-padding);
  overflow: hidden;
  color: var(--color-text-tertiary);
  background-color: var(--color-neutral-50);
  border-radius: var(--layout-award-card1-radius);
}
.award-card-1__icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: var(--layout-award-card1-icon-box);
  height: var(--layout-award-card1-icon-box);
  color: var(--color-neutral-950);
  background-color: var(--color-neutral-200);
  border-radius: var(--radius-xs);
}
.award-card-1__icon img,
.award-card-1__icon .award-card-1__shape-svg {
  display: block;
  width: var(--layout-award-card1-icon-size);
  height: var(--layout-award-card1-icon-size);
}
.award-card-1__meta {
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  gap: var(--layout-award-card1-meta-gap);
  min-width: 0;
  overflow: hidden;
}
.award-card-1__title {
  margin: 0;
  font-size: var(--font-size-md);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-tertiary);
  text-wrap: pretty;
}
.award-card-1__subtitle {
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-secondary);
  text-wrap: pretty;
}
.award-card-1__badge {
  display: inline-flex;
  flex-shrink: 0;
  align-items: flex-start;
  padding: var(--layout-award-card1-badge-padding-block) var(--layout-award-card1-badge-padding-inline);
  border: 1px solid var(--color-neutral-300);
  border-radius: var(--radius-sm);
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-tertiary);
  white-space: nowrap;
}

.blog-card-1 {
  display: flex;
  flex-direction: column;
  gap: var(--layout-blog-card1-gap);
  width: 100%;
  min-width: 0;
  color: inherit;
  text-decoration: none;
}
.blog-card-1__media {
  position: relative;
  flex-shrink: 0;
  overflow: clip;
  width: 100%;
  height: var(--blog-media-height, 360px);
  border-radius: var(--layout-blog-card1-radius);
  background-color: var(--color-neutral-200);
}
.blog-card-1__photo {
  --scroll-parallax-travel: var(--layout-blog-card1-parallax);
  border-radius: inherit;
}
.blog-card-1__photo .split-wipe__pane {
  height: 100%;
}
.blog-card-1__photo img {
  transform: scale(1);
  transform-origin: center center;
  transition: transform var(--motion-duration-instant) var(--motion-easing-standard);
}
.blog-card-1__arrow {
  position: absolute;
  top: var(--layout-blog-card1-arrow-inset);
  right: var(--layout-blog-card1-arrow-inset);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--layout-blog-card1-arrow-box);
  height: var(--layout-blog-card1-arrow-box);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--motion-duration-instant) var(--motion-easing-standard);
}
.blog-card-1__arrow img {
  display: block;
  width: var(--layout-blog-card1-arrow-size);
  height: var(--layout-blog-card1-arrow-size);
  transform: rotate(-45deg);
}
.blog-card-1:hover .blog-card-1__arrow, .blog-card-1:focus-visible .blog-card-1__arrow {
  opacity: 1;
}
.blog-card-1:hover .blog-card-1__photo img, .blog-card-1:focus-visible .blog-card-1__photo img {
  transform: scale(1.1);
}
.blog-card-1__meta {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-2);
  width: 100%;
  overflow: hidden;
}
.blog-card-1__meta-left {
  display: flex;
  flex: 1 0 0;
  align-items: flex-start;
  gap: var(--layout-blog-card1-meta-gap);
  min-width: 0;
  overflow: hidden;
}
.blog-card-1__index, .blog-card-1__year {
  flex-shrink: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-secondary);
  text-transform: uppercase;
  white-space: nowrap;
}
.blog-card-1__copy {
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  gap: var(--layout-blog-card1-copy-gap);
  min-width: 0;
  overflow: hidden;
}
.blog-card-1__title {
  margin: 0;
  font-size: var(--font-size-md);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-tertiary);
  text-wrap: pretty;
}
.blog-card-1__category {
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-secondary);
  text-wrap: pretty;
}

.blog-card-2 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--space-4);
  width: 100%;
  min-height: 0;
  padding: var(--layout-blog-card2-padding-top) var(--layout-blog-card2-padding-inline) var(--layout-blog-card2-padding-bottom);
  overflow: clip;
  color: inherit;
  text-decoration: none;
  border: 1px solid var(--color-border-strong);
  background-color: transparent;
}
@media (min-width: 1024px) {
  .blog-card-2 {
    min-height: var(--layout-blog-card2-min-height);
  }
}
.blog-card-2__media {
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  width: var(--layout-blog-card2-thumb-width);
  height: var(--layout-blog-card2-thumb-height);
}
.blog-card-2__mask {
  position: absolute;
  top: 0;
  left: 0;
  overflow: clip;
  width: var(--layout-blog-card2-thumb-width);
  height: var(--layout-blog-card2-thumb-height);
  border-radius: var(--layout-blog-card2-thumb-radius);
  background-color: var(--color-placeholder-base);
}
.blog-card-2__image {
  display: block;
  width: var(--layout-blog-card2-mask-width);
  height: var(--layout-blog-card2-mask-height);
  max-width: none;
  object-fit: cover;
  object-position: top left;
  pointer-events: none;
}
.blog-card-2__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-blog-card2-body-gap);
  width: 100%;
  min-width: 0;
}
.blog-card-2__title {
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: inherit;
  text-wrap: pretty;
}
.blog-card-2__title-text {
  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: 100% calc(1em + 2px);
  background-size: 0 2px;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  transition: background-size var(--motion-duration-instant) var(--motion-easing-standard);
}
.blog-card-2:hover .blog-card-2__title-text, .blog-card-2:focus-visible .blog-card-2__title-text {
  background-position: 0 calc(1em + 2px);
  background-size: 100% 2px;
}
.blog-card-2__excerpt {
  margin: 0;
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-secondary);
  text-wrap: pretty;
}
.blog-card-2:focus-visible {
  outline: 2px solid var(--color-text-tertiary);
  outline-offset: var(--space-1);
}

@media (prefers-reduced-motion: reduce) {
  .blog-card-2__title-text {
    transition: none;
  }
}
.pricing-card-3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-pricing-card3-gap);
  width: 100%;
  min-width: 0;
  padding: var(--layout-pricing-card3-padding);
  overflow: clip;
  color: var(--color-text-tertiary);
  background-color: var(--color-neutral-50);
  border-radius: var(--layout-pricing-card3-radius);
}
@media (min-width: 1024px) {
  .pricing-card-3 {
    min-height: var(--layout-pricing-card3-min-height);
  }
}
.pricing-card-3__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-2);
  width: 100%;
}
.pricing-card-3__price-stack {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  min-width: 0;
}
.pricing-card-3__price {
  margin: 0;
  font-size: var(--font-size-xl);
  line-height: var(--font-leading-xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: inherit;
}
.pricing-card-3__period {
  margin: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-text-secondary);
}
.pricing-card-3__title {
  margin: 0;
  flex-shrink: 0;
  font-size: var(--font-size-md);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
}
.pricing-card-3__desc {
  margin: 0;
  width: 100%;
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-secondary);
  text-wrap: pretty;
}
.pricing-card-3__rule {
  display: block;
  width: 100%;
  height: 1px;
  background-color: var(--color-neutral-200);
}
.pricing-card-3__specs {
  display: flex;
  gap: var(--layout-pricing-card3-spec-gap);
  width: 100%;
  margin: 0;
}
.pricing-card-3__spec {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  gap: var(--layout-pricing-card3-spec-inner-gap);
  min-width: 0;
  margin: 0;
}
.pricing-card-3__spec-label {
  margin: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-text-secondary);
}
.pricing-card-3__spec-value {
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
}
.pricing-card-3__includes {
  display: flex;
  flex-direction: column;
  gap: var(--layout-pricing-card3-includes-gap);
  width: 100%;
}
.pricing-card-3__includes-label {
  margin: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-text-secondary);
}
.pricing-card-3__features {
  display: flex;
  flex-direction: column;
  gap: var(--layout-pricing-card3-feature-gap);
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.pricing-card-3__feature {
  display: flex;
  align-items: center;
  gap: var(--space-1);
  width: 100%;
}
.pricing-card-3__plus {
  display: block;
  flex-shrink: 0;
  width: var(--layout-pricing-card3-feature-icon);
  height: var(--layout-pricing-card3-feature-icon);
  color: var(--color-text-tertiary);
}
.pricing-card-3__plus .icon-plus-mark {
  display: block;
  width: 100%;
  height: 100%;
}
.pricing-card-3__feature-text {
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  color: inherit;
}
.pricing-card-3--featured {
  padding-block: var(--layout-pricing-card3-featured-padding-block);
  color: var(--color-neutral-0);
  background-color: var(--color-neutral-950);
}
.pricing-card-3--featured .pricing-card-3__period,
.pricing-card-3--featured .pricing-card-3__desc,
.pricing-card-3--featured .pricing-card-3__spec-label,
.pricing-card-3--featured .pricing-card-3__includes-label {
  color: var(--color-text-secondary);
}
.pricing-card-3--featured .pricing-card-3__rule {
  background-color: var(--color-neutral-300);
}
.pricing-card-3--featured .pricing-card-3__plus {
  color: var(--color-neutral-800);
}
.pricing-card-3--featured .btn-1--soft {
  color: var(--color-neutral-950);
  background-color: var(--color-neutral-0);
}

.box-3d {
  --box-3d-depth: var(--layout-box3d-depth);
  --box-3d-width: 100%;
  --box-3d-height: 100%;
  --box-3d-perspective: var(--layout-box3d-perspective);
  --box-3d-strength: var(--layout-box3d-strength);
  --box-3d-face-bg: var(--color-surface-subtle);
  --box-3d-edge-x: var(--color-neutral-300);
  --box-3d-edge-y: var(--color-neutral-200);
  position: relative;
  flex-shrink: 0;
  overflow: visible;
  cursor: pointer;
}
.box-3d:hover, .box-3d:focus-visible {
  z-index: 2;
}
.box-3d__content {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 0;
}
.box-3d__scene {
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
  perspective: var(--box-3d-perspective);
}
.box-3d__cube {
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transform: translateZ(calc(var(--box-3d-depth) / -2));
}
.box-3d__hit {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.box-3d__face {
  position: absolute;
  backface-visibility: hidden;
}
.box-3d__face--front, .box-3d__face--back {
  width: var(--box-3d-width);
  height: var(--box-3d-height);
  background-color: var(--box-3d-face-bg);
}
.box-3d__face--front {
  transform: translateZ(calc(var(--box-3d-depth) / 2));
}
.box-3d__face--back {
  transform: rotateX(180deg) translateZ(calc(var(--box-3d-depth) / 2));
}
.box-3d__face--right, .box-3d__face--left {
  width: var(--box-3d-depth);
  height: var(--box-3d-height);
  left: calc((var(--box-3d-width) - var(--box-3d-depth)) / 2);
  background-color: var(--box-3d-edge-x);
}
.box-3d__face--right {
  transform: rotateY(90deg) translateZ(calc(var(--box-3d-width) / 2));
}
.box-3d__face--left {
  transform: rotateY(-90deg) translateZ(calc(var(--box-3d-width) / 2));
}
.box-3d__face--top, .box-3d__face--bottom {
  width: var(--box-3d-width);
  height: var(--box-3d-depth);
  top: calc((var(--box-3d-height) - var(--box-3d-depth)) / 2);
  background-color: var(--box-3d-edge-y);
}
.box-3d__face--top {
  transform: rotateX(90deg) translateZ(calc(var(--box-3d-height) / 2));
}
.box-3d__face--bottom {
  transform: rotateX(-90deg) translateZ(calc(var(--box-3d-height) / 2));
}

.fade-in-up:has(.box-3d) {
  translate: 0 var(--fade-y, 0);
  transform-style: preserve-3d;
}

@media (prefers-reduced-motion: reduce) {
  .box-3d__cube {
    transform: none;
  }
}
.section-title-1 {
  display: flex;
  flex-direction: column;
  gap: var(--layout-section-title1-gap);
  width: 100%;
  color: var(--color-text-tertiary);
}
.section-title-1__rule {
  position: relative;
  display: block;
  width: 100%;
  height: 1px;
  overflow: hidden;
  background-color: var(--color-border-base);
  --rule-draw: 0%;
}
.section-title-1__rule::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: var(--rule-draw);
  height: 100%;
  background-color: var(--color-neutral-950);
  pointer-events: none;
}
.section-title-1__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
}
.section-title-1__index, .section-title-1__label, .section-title-1__meta {
  margin: 0;
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  color: inherit;
}
.section-title-1__index {
  display: inline-flex;
  align-items: center;
  gap: 0.25em;
  flex-shrink: 0;
}
.section-title-1__diamond {
  display: block;
  width: 0.4em;
  height: 0.4em;
  background-color: currentColor;
  transform: rotate(45deg);
}
.section-title-1__label {
  flex: 1 1 auto;
  min-width: 0;
  text-align: center;
  text-wrap: balance;
}
.section-title-1__meta {
  flex-shrink: 0;
  text-align: right;
  text-decoration: none;
  color: inherit;
}
.section-title-1__meta--underline {
  text-decoration: underline;
  text-underline-offset: 0.15em;
}
.section-title-1--inverse {
  color: var(--color-neutral-0);
}
.section-title-1--inverse .section-title-1__rule {
  background-color: var(--color-neutral-500);
}
.section-title-1--inverse .section-title-1__rule::after {
  background-color: var(--color-neutral-0);
}

.process-step {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-process-step-gap);
  width: 100%;
  max-width: var(--layout-process-step-width);
  overflow: hidden;
  color: var(--color-text-tertiary);
}
.process-step__icon {
  display: block;
  flex-shrink: 0;
  width: var(--layout-process-step-icon-size);
  height: var(--layout-process-step-icon-size);
  color: var(--color-neutral-950);
  overflow: hidden;
}
.process-step__icon svg,
.process-step__icon .process-step__svg {
  display: block;
  width: 100%;
  height: 100%;
}
.process-step__title {
  margin: 0;
  width: 100%;
  font-size: var(--font-size-md);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-tertiary);
}
.process-step__text {
  margin: 0;
  max-width: var(--layout-process-step-text-max);
  font-size: var(--font-size-sm);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-secondary);
}

.accordion-1 {
  width: 100%;
  border-block-start: 1px solid var(--color-neutral-200);
}
.accordion-1__heading {
  margin: 0;
}
.accordion-1__trigger {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
  width: 100%;
  padding-block: var(--space-2);
  padding-inline: 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: start;
  cursor: pointer;
}
@media (min-width: 768px) {
  .accordion-1__trigger {
    align-items: center;
    gap: var(--layout-accordion1-gap);
    padding-block: var(--layout-accordion1-padding-block);
  }
}
.accordion-1__question {
  flex: 1 1 0;
  min-width: 0;
  font-size: var(--font-size-md);
  line-height: 1.3;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-tertiary);
  text-wrap: pretty;
}
@media (min-width: 768px) {
  .accordion-1__question {
    font-size: var(--layout-accordion1-question-size);
    line-height: var(--layout-accordion1-question-size);
  }
}
.accordion-1__icon {
  display: block;
  flex-shrink: 0;
  width: var(--layout-accordion1-icon-size);
  height: var(--layout-accordion1-icon-size);
  margin-block-start: 0.15em;
  color: var(--color-neutral-100);
}
@media (min-width: 768px) {
  .accordion-1__icon {
    margin-block-start: 0;
  }
}
.accordion-1__icon .accordion-1__icon-svg {
  display: block;
  width: 100%;
  height: 100%;
}
.accordion-1__icon .accordion-1__icon-v,
.accordion-1__icon .accordion-1__icon-h {
  stroke: var(--color-neutral-950);
}
.accordion-1__icon .accordion-1__icon-v {
  transform-origin: center;
  transition: opacity var(--motion-duration-instant) var(--motion-easing-standard), transform var(--motion-duration-instant) var(--motion-easing-standard);
}
.accordion-1.is-open .accordion-1__icon-v {
  opacity: 0;
  transform: scaleY(0);
}
.accordion-1__panel {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows var(--motion-duration-instant) var(--motion-easing-standard);
}
.accordion-1.is-open .accordion-1__panel {
  grid-template-rows: 1fr;
}
.accordion-1__panel-inner {
  overflow: hidden;
  min-height: 0;
}
.accordion-1__answer {
  margin: 0;
  padding-block-end: var(--space-2);
  max-width: 42rem;
  font-size: var(--font-size-sm);
  line-height: 1.5;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-secondary);
  text-wrap: pretty;
}
@media (min-width: 768px) {
  .accordion-1__answer {
    padding-block-end: var(--layout-accordion1-padding-block);
  }
}

body.at-magic-cursor #magic-cursor {
  display: contents;
}

#magic-cursor {
  display: none;
  pointer-events: none;
}

@media (max-width: 991.98px), (hover: none), (pointer: coarse) {
  body.at-magic-cursor #magic-cursor,
  #magic-cursor,
  #ball {
    display: none !important;
  }
}
#ball {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  border-radius: 50%;
  color: transparent;
  mix-blend-mode: difference;
  background-color: #ffffff;
  border: 1px solid transparent;
  opacity: 0;
}

.cursor-bg-red #ball {
  background-color: #ff535b !important;
}

.cursor-bg-red #ball .ball-view {
  color: var(--color-neutral-0);
}

.cursor-bg-red-2 #ball {
  background-color: #ff481f !important;
}

.cursor-bg-red-2 #ball .ball-view {
  color: var(--color-neutral-0);
}

.cursor-bg-yellow #ball {
  background-color: #fff669 !important;
}

.cursor-bg-yellow #ball .ball-view {
  color: var(--color-neutral-950);
}

.cursor-white-bg #ball .ball-view {
  color: var(--color-neutral-950);
}

#ball .ball-view {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  padding: 0 5px;
  font-size: var(--font-size-compact);
  font-weight: var(--font-weight-medium);
  line-height: 1.3;
  text-align: center;
  transform: scale(0);
  color: var(--color-neutral-0);
}

#ball.with-blur {
  backdrop-filter: blur(5px);
  transform: translate3d(0, 0, 0);
}

.at-magnetic-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pre-loader-1 {
  --pre-loader-fill: var(--color-preloader-fill);
  --pre-loader-fg: var(--color-preloader-fg);
  --pre-loader-muted: color-mix(in srgb, var(--pre-loader-fg) 45%, transparent);
  --pre-loader-track: color-mix(in srgb, var(--pre-loader-fg) 16%, transparent);
  --pre-loader-seam: var(--pre-loader-fg);
  position: fixed;
  inset: 0;
  z-index: 200;
  width: 100%;
  height: 100%;
  background-color: var(--pre-loader-fill);
  pointer-events: auto;
}
.pre-loader-1.is-done {
  visibility: hidden;
  pointer-events: none;
}
.pre-loader-1__panel {
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.pre-loader-1__door {
  position: absolute;
  top: 0;
  width: 25.5%;
  height: 100%;
  background-color: var(--pre-loader-fill);
  will-change: transform;
}
.pre-loader-1__door--1 {
  left: 0;
}
.pre-loader-1__door--2 {
  left: 25%;
}
.pre-loader-1__door--3 {
  left: 50%;
}
.pre-loader-1__door--4 {
  right: 0;
  left: auto;
}
.pre-loader-1__seam {
  position: absolute;
  top: 50%;
  z-index: 1;
  width: 1px;
  height: 0;
  background-color: var(--pre-loader-seam);
  opacity: 0;
  transform: translate(-50%, -50%);
  transform-origin: center center;
  pointer-events: none;
  will-change: height, opacity;
}
.pre-loader-1__seam--1 {
  left: 25%;
}
.pre-loader-1__seam--2 {
  left: 50%;
}
.pre-loader-1__seam--3 {
  left: 75%;
}
.pre-loader-1__content {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-3);
  width: min(22rem, 100% - var(--space-4));
  color: var(--pre-loader-fg);
  text-align: center;
  transform: translate(-50%, -50%);
  will-change: opacity, transform, filter;
}
.pre-loader-1__logo {
  position: relative;
  display: block;
  line-height: 0;
  will-change: opacity, transform;
}
.pre-loader-1__logo-img {
  display: block;
  width: calc(var(--space-8) + var(--space-3));
  height: auto;
}
.pre-loader-1__logo-img--on-dark {
  display: none;
}
.pre-loader-1__progress {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  width: 100%;
  max-width: 14rem;
}
.pre-loader-1__count {
  flex: 0 0 auto;
  min-width: 2.5ch;
  color: var(--pre-loader-muted);
  font-family: var(--font-family-sans);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-wide);
  font-variant-numeric: tabular-nums;
  text-align: left;
}
.pre-loader-1__count p {
  margin: 0;
}
.pre-loader-1__track {
  position: relative;
  flex: 1;
  height: 1px;
  overflow: hidden;
  background-color: var(--pre-loader-track);
}
.pre-loader-1__bar {
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--pre-loader-fg);
  transform: scaleX(0);
  transform-origin: left center;
  will-change: transform;
}

:root[data-color-scheme=dark] .pre-loader-1__logo-img--on-light {
  display: none;
}

:root[data-color-scheme=dark] .pre-loader-1__logo-img--on-dark {
  display: block;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-color-scheme=light]) .pre-loader-1__logo-img--on-light {
    display: none;
  }
  :root:not([data-color-scheme=light]) .pre-loader-1__logo-img--on-dark {
    display: block;
  }
}
body.is-preloading {
  overflow: hidden;
}
body.is-preloading > :not(#pre-loader-1) {
  visibility: hidden;
}

.glass-texture {
  position: relative;
  display: block;
  overflow: hidden;
}
.glass-texture__source {
  display: block;
  width: 100%;
  height: auto;
}
.glass-texture__canvas {
  display: none;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.glass-texture.is-ready .glass-texture__source {
  visibility: hidden;
  pointer-events: none;
}
.glass-texture.is-ready .glass-texture__canvas {
  display: block;
}
.glass-texture--cover {
  width: 100%;
  height: 100%;
}
.glass-texture--cover .glass-texture__source {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.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--cover {
  width: 100%;
  height: 100%;
}
.grid-deform--cover .grid-deform__source {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero-1 {
  position: relative;
  z-index: 1;
  overflow: hidden;
  transform-origin: center center;
  will-change: transform, filter;
  padding-top: calc(var(--layout-header1-padding-block) + var(--space-7) + 6.5rem);
  padding-bottom: var(--space-12);
  min-height: 80vh;
  color: var(--color-text-tertiary);
  background-color: var(--color-neutral-50);
}
.hero-1__fluid {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  pointer-events: none;
  mix-blend-mode: difference;
}
.hero-1 > .container {
  position: relative;
  z-index: 1;
}
.hero-1__tagline {
  position: absolute;
  z-index: 3;
  top: calc(var(--layout-header1-padding-block) + var(--space-7));
  left: var(--space-2);
  display: none;
  align-items: flex-start;
  gap: var(--space-2);
  max-width: 24rem;
  color: #ffffff;
  mix-blend-mode: difference;
}
@media (min-width: 768px) {
  .hero-1__tagline {
    left: var(--layout-header1-padding-inline);
  }
}
@media (min-width: 1024px) {
  .hero-1__tagline {
    display: flex;
  }
}
.hero-1__tagline-line {
  flex-shrink: 0;
  width: var(--space-4);
  height: 1px;
  margin-top: var(--space-1);
  background-color: currentColor;
}
.hero-1__tagline-text {
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: var(--font-leading-sm);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
}
.hero-1__content {
  position: relative;
  min-height: calc(var(--font-size-3xl) * 3);
  margin-bottom: var(--space-10);
}
.hero-1__title {
  position: relative;
  z-index: 1;
  overflow: visible;
  max-width: 1330px;
  margin-inline: auto;
  font-size: var(--font-size-3xl);
  line-height: var(--font-leading-3xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  text-align: center;
}
.hero-1__title .text-mark__line {
  position: relative;
  z-index: 1;
  min-height: 1em;
}
.hero-1__title .text-mark__line.is-embed-hover {
  z-index: 40;
}
.hero-1__embed {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: calc(var(--space-5) + var(--space-1));
  height: var(--space-5);
  margin-inline: var(--space-1);
  overflow: visible;
  cursor: pointer;
  z-index: 1;
  border-radius: var(--radius-xs);
}
.hero-1__embed--1 {
  width: calc(var(--space-5) + var(--space-1));
}
.hero-1__embed--2 {
  width: var(--space-8);
}
.hero-1__embed--3 {
  width: calc(var(--space-8) + var(--space-1));
}
@media (min-width: 768px) {
  .hero-1__embed {
    width: calc(var(--space-8) + var(--space-1));
    height: var(--layout-hero1-thumb-height);
  }
  .hero-1__embed--1 {
    width: calc(var(--space-8) + var(--space-1));
  }
  .hero-1__embed--2 {
    width: calc(var(--space-10) + var(--space-2));
  }
  .hero-1__embed--3 {
    width: calc(var(--space-10) + var(--space-3));
  }
}
.hero-1__embed.is-hover {
  z-index: 50;
}
.hero-1__embed-stage {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  overflow: hidden;
  border: 1px solid var(--color-neutral-0);
  border-radius: var(--radius-xs);
  background-color: var(--color-neutral-100);
  transform-origin: center center;
  will-change: transform;
}
.hero-1__embed-img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}
.hero-1.has-embed-hover > .container {
  z-index: 3;
}
.hero-1.has-embed-hover .hero-1__title {
  z-index: 4;
}
.hero-1.has-embed-hover .hero-1__rules {
  z-index: 0;
}
.hero-1__arrow {
  display: inline-block;
  vertical-align: middle;
  width: var(--space-3);
  height: var(--space-3);
  margin-inline: var(--space-1);
}
.hero-1__rules {
  position: absolute;
  inset-inline: 0;
  z-index: 0;
  top: 0;
  display: none;
  grid-template-rows: repeat(3, var(--font-size-3xl));
  width: 100%;
  pointer-events: none;
}
@media (min-width: 1024px) {
  .hero-1__rules {
    display: grid;
  }
}
.hero-1__rule {
  align-self: end;
  width: 100%;
  height: 1px;
  background-color: var(--color-border-base);
}
.hero-1__footer {
  display: grid;
  gap: var(--space-5);
  align-items: start;
}
@media (min-width: 768px) {
  .hero-1__footer {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .hero-1__footer {
    grid-template-columns: repeat(var(--hero-footer-cols, 4), minmax(0, 1fr));
    gap: var(--space-4);
  }
}
.hero-1__col {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  max-width: 14rem;
}
.hero-1__col-label {
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-tertiary);
}
.hero-1__col-value {
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
}
.hero-1__team {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  color: inherit;
  transition: opacity var(--motion-duration-instant) var(--motion-easing-standard);
}
.hero-1__team-media {
  flex-shrink: 0;
  overflow: hidden;
  width: calc(var(--space-12) + var(--space-3));
  height: calc(var(--space-10) - var(--space-1));
  border-radius: var(--radius-xs);
  background-color: var(--color-neutral-200);
}
.hero-1__team-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero-1__team-copy {
  display: flex;
  flex-direction: column;
  gap: var(--space-0);
}
.hero-1__team-title {
  font-size: var(--font-size-md);
  line-height: var(--font-leading-md);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
}
.hero-1__team-subtitle {
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  color: var(--color-neutral-900);
}

/* WP admin bar - keep hero content below #wpadminbar (32px desktop/tablet, 46px mobile). */
.admin-bar .hero-1 {
  padding-top: calc(var(--layout-header1-padding-block) + var(--space-7) + 6.5rem + 32px);
}

.admin-bar .hero-1__tagline {
  top: calc(var(--layout-header1-padding-block) + var(--space-7) + 32px);
}

@media screen and (max-width: 782px) {
  .admin-bar .hero-1 {
    padding-top: calc(var(--layout-header1-padding-block) + var(--space-7) + 6.5rem + 46px);
  }
  .admin-bar .hero-1__tagline {
    top: calc(var(--layout-header1-padding-block) + var(--space-7) + 46px);
  }
}
.hero-2 {
  padding-inline: var(--space-2);
  padding-bottom: var(--space-5);
  color: var(--color-text-tertiary);
}
@media (min-width: 768px) {
  .hero-2 {
    padding-inline: var(--layout-header2-padding-inline);
  }
}
.hero-2 > .container {
  width: 100%;
  max-width: var(--layout-hero2-max);
  margin-inline: auto;
  padding-inline: 0;
}
.hero-2__frame {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas: "visual" "title" "bio" "services" "address";
  align-items: start;
  row-gap: var(--space-3);
  padding-bottom: var(--space-3);
  overflow: visible;
  border-radius: var(--layout-hero2-radius);
  background-color: var(--color-surface-subtle);
  container-type: inline-size;
  container-name: hero-2-frame;
}
@media (min-width: 768px) {
  .hero-2__frame {
    grid-template-columns: minmax(0, 1fr) minmax(0, 18rem);
    grid-template-areas: "visual visual" "title title" "bio services" "address services";
    column-gap: var(--space-4);
    row-gap: var(--space-4);
  }
}
@media (min-width: 1024px) {
  .hero-2__frame {
    display: block;
    padding-bottom: 0;
    overflow: clip;
  }
}
.hero-2__slider {
  position: relative;
  z-index: 0;
  grid-area: visual;
  width: 100%;
  overflow: hidden;
  border-radius: var(--layout-hero2-radius) var(--layout-hero2-radius) 0 0;
  padding-top: var(--layout-hero2-mobile-ratio);
  background-color: var(--color-placeholder-base);
}
@media (min-width: 1024px) {
  .hero-2__slider {
    border-radius: 0;
    padding-top: var(--layout-hero2-ratio);
  }
}
.hero-2__slider::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 4;
  pointer-events: none;
  background-color: var(--color-overlay-photo);
}
.hero-2__slide {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  will-change: transform, clip-path, opacity;
}
.hero-2__slide.is-active {
  opacity: 1;
}
.hero-2__progress {
  position: absolute;
  z-index: 5;
  right: 0;
  bottom: var(--layout-hero2-progress-bottom);
  left: 0;
  width: var(--layout-hero2-progress-width);
  height: 2px;
  margin-inline: auto;
  overflow: hidden;
  pointer-events: none;
}
.hero-2__progress::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: currentColor;
  opacity: 0.24;
}
.hero-2__progress-bar {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  transform: scaleX(0);
  transform-origin: left center;
  background-color: currentColor;
  will-change: transform;
}
.hero-2__since {
  grid-area: visual;
  z-index: 3;
  align-self: start;
  justify-self: start;
  margin: var(--space-2);
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
}
@media (min-width: 1024px) {
  .hero-2__since {
    position: absolute;
    z-index: 2;
    top: 39.25%;
    left: 5.93%;
    margin: 0;
  }
}
.hero-2 ul.hero-2__services {
  display: flex;
  flex-direction: column;
  grid-area: services;
  align-self: stretch;
  gap: var(--layout-hero2-services-gap);
  margin: 0;
  padding-block: 0;
  padding-inline: var(--space-2);
  border-inline-start: var(--layout-hero2-services-rule) solid currentColor;
}
@media (min-width: 1024px) {
  .hero-2 ul.hero-2__services {
    position: absolute;
    z-index: 4;
    top: 20.65%;
    left: 77.38%;
    width: var(--layout-hero2-services-width-pct);
    margin: 0;
    padding-block: 0;
    padding-inline-start: var(--space-2);
    padding-inline-end: 0;
  }
}
.hero-2__service {
  display: flex;
  align-items: center;
  gap: var(--space-1);
}
.hero-2__service:hover .hero-2__service-icon, .hero-2__service:focus-within .hero-2__service-icon {
  opacity: 1;
}
.hero-2__service-link {
  display: flex;
  align-items: center;
  gap: var(--space-1);
  color: inherit;
}
.hero-2__service-label {
  font-size: var(--font-size-md);
  line-height: var(--font-leading-md);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: inherit;
}
@media (min-width: 1024px) {
  .hero-2__service-label {
    font-size: var(--font-size-lg);
    line-height: 1;
    white-space: nowrap;
  }
}
.hero-2__service-icon {
  display: inline-flex;
  flex-shrink: 0;
  width: var(--layout-hero2-arrow-width);
  height: var(--layout-hero2-arrow-height);
  overflow: clip;
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--motion-duration-instant) var(--motion-easing-standard);
}
.hero-2__service-icon img {
  width: 100%;
  height: 100%;
}
.hero-2__title {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  grid-area: title;
  gap: var(--space-1);
  margin: 0;
  padding-inline: var(--space-2);
}
.hero-2__word {
  display: block;
  flex-shrink: 0;
  width: auto;
  max-width: 100%;
  font-family: var(--font-family-sans);
  font-weight: var(--font-weight-bold);
  font-size: min(12cqi, var(--layout-hero2-word-size));
  line-height: 1;
  letter-spacing: var(--font-tracking-normal);
  text-transform: uppercase;
  white-space: nowrap;
  color: inherit;
}
.hero-2__word--studio {
  align-self: flex-end;
}
.hero-2__bio {
  grid-area: bio;
  margin: 0;
  padding-inline: var(--space-2);
  max-width: var(--layout-hero2-bio-width);
  font-size: var(--font-size-sm);
  line-height: var(--font-leading-sm);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
}
@media (min-width: 1024px) {
  .hero-2__bio {
    position: absolute;
    z-index: 4;
    top: 74.82%;
    left: 21.96%;
    width: var(--layout-hero2-bio-width-pct);
    max-width: none;
    margin: 0;
    padding-inline: 0;
    line-height: var(--font-leading-md);
    text-align: right;
  }
}
.hero-2__address {
  display: flex;
  flex-direction: column;
  grid-area: address;
  gap: var(--layout-hero2-address-gap);
  margin: 0;
  padding-inline: var(--space-2);
  font-style: normal;
}
@media (min-width: 1024px) {
  .hero-2__address {
    position: absolute;
    z-index: 4;
    top: 56.1%;
    left: 64.94%;
    width: var(--layout-hero2-address-width-pct);
    margin: 0;
    padding-inline: 0;
  }
}
.hero-2__address-line {
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
  color: inherit;
}

@media (min-width: 1024px) {
  .hero-2__title {
    position: static;
    display: block;
    margin: 0;
    padding-inline: 0;
  }
  .hero-2__word {
    font-size: var(--layout-hero2-word-frame-size);
    color: var(--color-text-tertiary);
    background-image: url("../imgs/word-fill.webp");
    background-repeat: no-repeat;
    background-size: var(--layout-hero2-word-fill-size-x) var(--layout-hero2-word-fill-size-y);
    background-position: var(--layout-hero2-word-fill-pos-x) var(--layout-hero2-word-fill-pos-y);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .hero-2__word--creative {
    position: absolute;
    top: 42.49%;
    left: 5.02%;
    width: 57.5%;
  }
  .hero-2__word--studio {
    position: absolute;
    top: 68.96%;
    left: 51.02%;
    width: 44.29%;
    align-self: auto;
  }
}
:root[data-color-scheme=dark] .hero-2__service-icon {
  filter: invert(1);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-color-scheme=light]) .hero-2__service-icon {
    filter: invert(1);
  }
}
@media (prefers-reduced-motion: reduce) {
  .hero-2__slide,
  .hero-2__progress-bar {
    will-change: auto;
  }
  .hero-2__service-icon {
    transition: none;
  }
}
.hero-3 {
  position: relative;
  overflow-x: clip;
  color: var(--color-text-tertiary);
  background-color: var(--color-surface-subtle);
}
.hero-3 > .container {
  position: relative;
  max-width: var(--layout-hero3-stage-width);
  padding-block: var(--space-6);
  padding-inline: var(--space-2);
}
@media (min-width: 1024px) {
  .hero-3 > .container {
    min-height: var(--layout-hero3-min-height);
    padding: 0;
  }
}
.hero-3__logo {
  position: relative;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  line-height: 0;
}
@media (min-width: 1024px) {
  .hero-3__logo {
    position: absolute;
    left: var(--layout-hero3-logo-left);
    top: 0;
    width: var(--layout-hero3-logo-width);
    height: var(--layout-hero3-logo-height);
  }
}
.hero-3__logo-link {
  display: block;
  max-width: 100%;
  color: inherit;
  text-decoration: none;
  line-height: 0;
}
.hero-3__logo-img {
  display: block;
  width: min(100%, var(--layout-hero3-logo-width));
  height: auto;
}
.hero-3__logo-img--on-dark {
  display: none;
}
.hero-3__tagline {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
  max-width: var(--layout-hero3-tagline-width);
  margin: var(--space-4) 0 0;
}
@media (min-width: 1024px) {
  .hero-3__tagline {
    position: absolute;
    left: var(--layout-hero3-tagline-left);
    top: var(--layout-hero3-tagline-top);
    margin: 0;
  }
}
.hero-3__tagline-line {
  flex-shrink: 0;
  width: var(--layout-hero3-tagline-line);
  height: 1px;
  margin-top: var(--space-1);
  background-color: currentColor;
}
.hero-3__tagline-text {
  font-size: var(--font-size-sm);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
}
.hero-3__photos {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-3);
  margin-top: var(--space-6);
}
@media (min-width: 1024px) {
  .hero-3__photos {
    display: contents;
  }
}
.hero-3__photo {
  margin: 0;
}
@media (min-width: 1024px) {
  .hero-3__photo {
    position: absolute;
    width: var(--layout-hero3-photo-width);
    will-change: transform;
  }
}
@media (min-width: 1024px) {
  .hero-3__photo--1 {
    left: var(--layout-hero3-photo1-left);
    top: var(--layout-hero3-row1-top);
  }
}
@media (min-width: 1024px) {
  .hero-3__photo--2 {
    left: var(--layout-hero3-photo2-left);
    top: var(--layout-hero3-row1-top);
  }
}
@media (min-width: 1024px) {
  .hero-3__photo--3 {
    left: var(--layout-hero3-photo3-left);
    top: var(--layout-hero3-row1-top);
  }
}
@media (min-width: 1024px) {
  .hero-3__photo--4 {
    left: var(--layout-hero3-photo4-left);
    top: var(--layout-hero3-row2-top);
  }
}
@media (min-width: 1024px) {
  .hero-3__photo--5 {
    left: var(--layout-hero3-photo5-left);
    top: var(--layout-hero3-row2-top);
  }
}
@media (min-width: 1024px) {
  .hero-3__photo--6 {
    left: var(--layout-hero3-photo6-left);
    top: var(--layout-hero3-row2-top);
  }
}
@media (min-width: 1024px) {
  .hero-3__photo--7 {
    left: var(--layout-hero3-photo7-left);
    top: var(--layout-hero3-row2-top);
  }
}
.hero-3__photo-frame {
  display: block;
  width: 100%;
  overflow: clip;
  background-color: var(--color-placeholder-base);
  aspect-ratio: 160/200;
}
@media (min-width: 1024px) {
  .hero-3__photo-frame {
    width: var(--layout-hero3-photo-width);
    height: var(--layout-hero3-photo-height);
    aspect-ratio: auto;
  }
}
.hero-3__photo-frame img,
.hero-3__photo-frame video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}
.hero-3__photo-caption {
  margin-top: var(--layout-hero3-photo-caption-gap);
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-text-secondary);
}
.hero-3__studio {
  margin: var(--space-6) 0 0;
  font-size: var(--layout-hero3-word-size);
  line-height: 1;
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--font-tracking-display);
  text-align: right;
  white-space: nowrap;
  color: inherit;
}
@media (min-width: 1024px) {
  .hero-3__studio {
    position: absolute;
    right: var(--layout-hero3-studio-right);
    bottom: var(--layout-hero3-studio-bottom);
    left: auto;
    top: auto;
    width: auto;
    margin: 0;
  }
}
.hero-3__facts {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  margin-top: var(--space-5);
}
@media (min-width: 1024px) {
  .hero-3__facts {
    position: absolute;
    left: var(--layout-hero3-facts-left);
    top: var(--layout-hero3-facts-top);
    flex-direction: row;
    align-items: flex-end;
    gap: var(--layout-hero3-facts-gap);
    margin: 0;
  }
}
.hero-3__fact {
  display: flex;
  flex-direction: column;
  gap: var(--layout-hero3-fact-gap);
  padding-left: var(--layout-hero3-fact-pad);
  border-left: 1px solid var(--color-border-base);
}
@media (min-width: 1024px) {
  .hero-3__fact {
    width: var(--layout-hero3-fact-width);
  }
}
.hero-3__fact-label {
  margin: 0;
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  color: inherit;
}
.hero-3__fact-value {
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
}

:root[data-color-scheme=dark] .hero-3__logo-img--on-light {
  display: none;
}

:root[data-color-scheme=dark] .hero-3__logo-img--on-dark {
  display: block;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-color-scheme=light]) .hero-3__logo-img--on-light {
    display: none;
  }
  :root:not([data-color-scheme=light]) .hero-3__logo-img--on-dark {
    display: block;
  }
}
/* WP admin bar - hero-3 logo (base top: 0 on lg + admin-bar height). */
.admin-bar .hero-3__logo {
  top: 32px;
}

@media screen and (max-width: 782px) {
  .admin-bar .hero-3__logo {
    top: 46px;
  }
}
/* WP admin bar - hero-3 tagline (base top + admin-bar height on lg). */
.admin-bar .hero-3__tagline {
  top: calc(var(--layout-hero3-tagline-top) + 32px);
}

@media screen and (max-width: 782px) {
  .admin-bar .hero-3__tagline {
    top: calc(var(--layout-hero3-tagline-top) + 46px);
  }
}
.hero-team {
  padding-block: var(--space-10) var(--space-10);
  background-color: var(--color-surface-subtle);
  color: var(--color-text-tertiary);
}
@media (min-width: 1024px) {
  .hero-team {
    padding-top: var(--layout-heroTeam-padding-top);
    padding-bottom: var(--layout-heroTeam-padding-bottom);
  }
}
.hero-team > .container {
  min-width: 0;
}
.hero-team__layout {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-6);
  min-width: 0;
}
@media (min-width: 1024px) {
  .hero-team__layout {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--layout-heroTeam-col-gap);
  }
}
.hero-team__copy {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-heroTeam-intro-gap);
  min-width: 0;
}
.hero-team__label {
  margin: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-neutral-700);
}
.hero-team__title {
  margin: 0;
  font-size: var(--font-size-2xl);
  line-height: var(--font-leading-2xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: inherit;
  text-wrap: pretty;
}
.hero-team__lead {
  margin: 0;
  font-size: var(--font-size-md);
  line-height: var(--layout-heroTeam-lead-leading);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-secondary);
  text-wrap: pretty;
}
.hero-team__photo {
  width: 100%;
  max-width: var(--layout-heroTeam-media-width);
  aspect-ratio: var(--layout-heroTeam-media-ratio);
  background-color: var(--color-placeholder-base);
}
@media (min-width: 1024px) {
  .hero-team__photo {
    flex: 0 0 var(--layout-heroTeam-media-width);
    width: var(--layout-heroTeam-media-width);
    height: var(--layout-heroTeam-media-height);
    max-width: none;
    aspect-ratio: auto;
  }
}

.hero-member {
  padding-block: var(--space-10) var(--space-10);
  background-color: var(--color-surface-base);
  color: var(--color-text-tertiary);
}
@media (min-width: 1024px) {
  .hero-member {
    padding-top: var(--layout-heroMember-padding-top);
    padding-bottom: var(--layout-heroMember-padding-bottom);
  }
}
.hero-member > .container {
  min-width: 0;
}
.hero-member__stack {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
  min-width: 0;
}
@media (min-width: 1024px) {
  .hero-member__stack {
    gap: var(--layout-heroMember-stack-gap);
  }
}
.hero-member__row {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  min-width: 0;
}
@media (min-width: 1024px) {
  .hero-member__row {
    flex-direction: row;
    align-items: center;
    gap: var(--layout-heroMember-col-gap);
  }
}
.hero-member__media {
  position: relative;
  width: 100%;
  overflow: clip;
  border-radius: var(--radius-xs);
  background-color: var(--color-placeholder-base);
}
@media (min-width: 1024px) {
  .hero-member__media {
    flex: 0 0 var(--layout-heroMember-media-width);
    width: var(--layout-heroMember-media-width);
    height: var(--layout-heroMember-media-height);
  }
}
.hero-member__photo {
  width: 100%;
  aspect-ratio: var(--layout-heroMember-media-ratio);
}
@media (min-width: 1024px) {
  .hero-member__photo {
    height: 100%;
    aspect-ratio: auto;
  }
}
.hero-member__copy {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-heroMember-copy-gap);
  min-width: 0;
}
.hero-member__label, .hero-member__fact-label, .hero-member__network-label {
  margin: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-neutral-700);
}
.hero-member__title {
  margin: 0;
  font-size: var(--font-size-3xl);
  line-height: var(--font-leading-3xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: inherit;
  text-wrap: pretty;
}
.hero-member__role {
  margin: 0;
  font-size: var(--font-size-md);
  line-height: var(--layout-heroMember-role-leading);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-secondary);
}
.hero-member__bio {
  margin: 0;
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-normal);
  color: var(--color-text-secondary);
  text-wrap: pretty;
}
.hero-member__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: var(--space-2) var(--layout-heroMember-meta-gap);
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.hero-member__meta-item {
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: inherit;
  text-decoration: none;
  white-space: nowrap;
}
.hero-member__meta-item--muted {
  color: var(--color-text-secondary);
}
.hero-member__info {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  width: 100%;
  min-width: 0;
}
.hero-member__facts {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--layout-heroMember-facts-gap);
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 768px) {
  .hero-member__facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .hero-member__facts {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.hero-member__fact {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-heroMember-fact-gap);
  min-width: 0;
  padding-block: var(--layout-heroMember-fact-pad);
  border-bottom: 1px solid var(--color-border-base);
}
.hero-member__fact-value {
  display: block;
  margin: 0;
  width: 100%;
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-normal);
  color: inherit;
  text-decoration: none;
  text-wrap: pretty;
}
.hero-member__network {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-heroMember-socials-gap);
  width: 100%;
  min-width: 0;
}
.hero-member__socials {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  column-gap: var(--layout-heroMember-social-col-gap);
  row-gap: var(--layout-heroMember-social-row-gap);
  width: 100%;
  padding-top: var(--layout-heroMember-social-pad-top);
}
.hero-member__social {
  display: inline-flex;
  align-items: center;
  width: var(--layout-heroMember-social-item-width);
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-secondary);
  text-decoration: none;
}
.hero-member__social img {
  display: block;
  flex-shrink: 0;
  width: var(--layout-heroMember-social-icon);
  height: var(--layout-heroMember-social-icon);
  object-fit: contain;
}

:root[data-color-scheme=dark] .hero-member__social img {
  filter: invert(1);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-color-scheme=light]) .hero-member__social img {
    filter: invert(1);
  }
}
.hero-jobs {
  padding-block: var(--space-10) var(--space-10);
  background-color: var(--color-surface-base);
  color: var(--color-text-tertiary);
}
@media (min-width: 1024px) {
  .hero-jobs {
    padding-top: var(--layout-heroJobs-padding-top);
    padding-bottom: var(--layout-heroJobs-padding-bottom);
  }
}
.hero-jobs > .container {
  min-width: 0;
}
.hero-jobs__layout {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-6);
  min-width: 0;
}
@media (min-width: 1024px) {
  .hero-jobs__layout {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--layout-heroJobs-col-gap);
  }
}
.hero-jobs__copy {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-heroJobs-intro-gap);
  min-width: 0;
  max-width: var(--layout-heroJobs-copy-width);
}
.hero-jobs__label {
  margin: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-neutral-700);
}
.hero-jobs__title {
  margin: 0;
  font-size: var(--font-size-3xl);
  line-height: var(--font-leading-3xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: inherit;
  text-wrap: pretty;
}
.hero-jobs__lead {
  margin: 0;
  font-size: var(--font-size-md);
  line-height: var(--layout-heroJobs-lead-leading);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-secondary);
  text-wrap: pretty;
}
.hero-jobs__action {
  display: flex;
  justify-content: flex-start;
}
.hero-jobs__facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--layout-heroJobs-fact-gap);
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 1024px) {
  .hero-jobs__facts {
    display: flex;
    flex: 0 0 var(--layout-heroJobs-facts-width);
    align-items: flex-end;
    justify-content: space-between;
    width: var(--layout-heroJobs-facts-width);
    gap: 0;
  }
}
.hero-jobs__fact {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--layout-heroJobs-fact-gap);
  min-width: 0;
  text-align: center;
}
@media (min-width: 1024px) {
  .hero-jobs__fact {
    flex: 0 0 var(--layout-heroJobs-fact-width);
    width: var(--layout-heroJobs-fact-width);
  }
}
.hero-jobs__fact-num {
  display: flex;
  align-items: baseline;
  justify-content: center;
  margin: 0;
  font-size: var(--font-size-3xl);
  line-height: var(--font-leading-3xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: inherit;
}
.hero-jobs__fact-num .has-odometer,
.hero-jobs__fact-num .odometer {
  letter-spacing: normal;
}
.hero-jobs__fact-suffix {
  flex-shrink: 0;
}
.hero-jobs__fact-label {
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
}

.hero-contact {
  padding-block: var(--space-10) var(--layout-heroContact-reach-padding-bottom);
  background-color: var(--color-surface-base);
  color: var(--color-text-tertiary);
}
@media (min-width: 1024px) {
  .hero-contact {
    padding-top: var(--layout-heroContact-padding-top);
  }
}
.hero-contact > .container {
  display: flex;
  flex-direction: column;
  gap: var(--layout-heroContact-stack-gap);
  min-width: 0;
}
.hero-contact__top {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-8);
  min-width: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .hero-contact__top {
    flex-direction: row;
    align-items: stretch;
    gap: var(--layout-heroContact-col-gap);
  }
}
.hero-contact__intro {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--space-8);
  min-width: 0;
  width: 100%;
}
.hero-contact__copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-heroContact-intro-gap);
  min-width: 0;
  width: 100%;
}
.hero-contact__label, .hero-contact__network-label, .hero-contact__channel-label {
  margin: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-neutral-700);
}
.hero-contact__title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0;
  width: 100%;
  font-size: var(--font-size-3xl);
  line-height: var(--font-leading-3xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: inherit;
}
.hero-contact__title-line {
  display: block;
  width: fit-content;
  max-width: 100%;
  margin: 0;
  text-wrap: pretty;
}
.hero-contact__lead {
  margin: 0;
  max-width: var(--layout-heroContact-lead-width);
  font-size: var(--font-size-md);
  line-height: var(--layout-heroContact-lead-leading);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-secondary);
  text-wrap: pretty;
}
.hero-contact__action {
  display: flex;
  justify-content: flex-start;
}
.hero-contact__network {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-heroContact-socials-gap);
  width: 100%;
  min-width: 0;
}
.hero-contact__socials {
  display: flex;
  flex-wrap: wrap;
  column-gap: var(--layout-heroContact-social-col-gap);
  row-gap: var(--layout-heroContact-social-row-gap);
  width: 100%;
  max-width: var(--layout-heroContact-social-width);
  padding-top: var(--layout-heroContact-social-pad-top);
}
.hero-contact__social {
  display: inline-flex;
  align-items: center;
  width: var(--layout-heroContact-social-item-width);
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--motion-duration-instant) var(--motion-easing-standard);
}
.hero-contact__social img {
  display: block;
  flex-shrink: 0;
  width: var(--layout-heroContact-social-icon);
  height: var(--layout-heroContact-social-icon);
}
.hero-contact__social:hover, .hero-contact__social:focus-visible {
  color: var(--color-text-tertiary);
}
.hero-contact__media {
  width: 100%;
  min-width: 0;
  overflow: clip;
  background-color: var(--color-neutral-100);
}
@media (min-width: 1024px) {
  .hero-contact__media {
    flex: 0 0 var(--layout-heroContact-media-width);
    width: var(--layout-heroContact-media-width);
  }
}
.hero-contact__photo-parallax {
  width: 100%;
  will-change: transform;
}
.hero-contact__photo {
  width: 100%;
  aspect-ratio: var(--layout-heroContact-media-ratio);
  background-color: var(--color-placeholder-base);
}
@media (min-width: 1024px) {
  .hero-contact__photo {
    height: var(--layout-heroContact-media-height);
    aspect-ratio: auto;
  }
}
.hero-contact__reach {
  display: flex;
  flex-direction: column;
  gap: var(--layout-heroContact-reach-gap);
  width: 100%;
  min-width: 0;
}
.hero-contact__channels {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-3);
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 768px) {
  .hero-contact__channels {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--layout-heroContact-channels-gap);
  }
}
@media (min-width: 1024px) {
  .hero-contact__channels {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.hero-contact__channel {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-heroContact-channel-gap);
  min-width: 0;
  width: 100%;
  padding-block: var(--layout-heroContact-channel-pad);
  border-bottom: 1px solid var(--color-neutral-200);
}
.hero-contact__channel-value {
  margin: 0;
  width: 100%;
  font-size: var(--font-size-lg);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
  text-decoration: none;
  text-wrap: pretty;
}
.hero-contact a.hero-contact__channel-value {
  transition: color var(--motion-duration-instant) var(--motion-easing-standard);
}
.hero-contact a.hero-contact__channel-value:hover, .hero-contact a.hero-contact__channel-value:focus-visible {
  color: var(--color-text-secondary);
}
.hero-contact__channel-note {
  margin: 0;
  width: 100%;
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-secondary);
  text-wrap: pretty;
}

.about-1 {
  position: relative;
  z-index: 2;
  padding-block: var(--space-10) var(--space-12);
  background-color: var(--color-surface-subtle);
  color: var(--color-text-tertiary);
}
.about-1 .section-title-1 {
  margin-bottom: var(--space-6);
}
.about-1__intro {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  margin-bottom: var(--space-12);
}
@media (min-width: 1024px) {
  .about-1__intro {
    display: grid;
    grid-template-columns: minmax(0, 8.26fr) minmax(0, 6.18fr);
    align-items: start;
    justify-content: space-between;
    gap: var(--space-8);
  }
}
.about-1__media {
  display: grid;
  grid-template-columns: minmax(0, 353fr) minmax(0, 457fr);
  gap: var(--space-2);
  align-items: start;
}
.about-1__media > .anim-zoomin-wrap {
  min-width: 0;
  height: auto;
}
.about-1__image {
  overflow: hidden;
  border-radius: var(--radius-xs);
  background-color: var(--color-surface-raised);
}
.about-1__image img,
.about-1__image .grid-deform__source {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-1__image--left {
  aspect-ratio: 353/281;
}
.about-1__image--right {
  aspect-ratio: 457/364;
}
.about-1__lede {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
}
@media (min-width: 1024px) {
  .about-1__lede {
    justify-self: end;
    max-width: calc(var(--layout-about1-quote-max) + var(--space-3) + var(--space-4));
  }
}
.about-1__year {
  flex-shrink: 0;
  margin: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-text-secondary);
}
.about-1__quote {
  margin: 0;
  max-width: var(--layout-about1-quote-max);
  font-size: var(--font-size-lg);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-tertiary);
}
.about-1__stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-5);
}
@media (min-width: 1024px) {
  .about-1__stats {
    grid-template-columns: repeat(var(--about-stats-cols, 4), minmax(0, 1fr));
  }
}
.about-1__stat {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  min-width: 0;
}
.about-1__stat-num {
  margin: 0;
  font-size: var(--font-size-3xl);
  line-height: var(--font-leading-3xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
}
.about-1__stat-num.has-odometer, .about-1__stat-num.odometer {
  letter-spacing: normal;
}
.about-1__stat-title {
  margin: 0;
  font-size: var(--font-size-md);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
}
.about-1__stat-text {
  margin: 0;
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-secondary);
}
.about-1__avatar-group {
  display: flex;
  align-items: center;
  padding-top: var(--space-3);
}
.about-1__avatar {
  display: block;
  flex-shrink: 0;
  overflow: hidden;
  width: var(--space-5);
  height: var(--space-5);
  border: 2px solid var(--color-surface-subtle);
  border-radius: var(--radius-sm);
  background-color: var(--color-placeholder-base);
}
.about-1__avatar:not(:first-child) {
  margin-inline-start: calc(var(--layout-about1-avatar-overlap) * -1);
}
.about-1__avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-1__thumb-row {
  position: relative;
  width: 100%;
  max-width: 210px;
  min-height: calc(var(--space-5) + var(--space-3));
  padding-top: var(--space-3);
  overflow: hidden;
  cursor: grab;
  touch-action: pan-y;
  user-select: none;
  -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 10%, #000 90%, transparent 100%);
  mask-image: linear-gradient(to right, transparent 0%, #000 10%, #000 90%, transparent 100%);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.about-1__thumb-row.is-dragging {
  cursor: grabbing;
}
.about-1__thumb-track {
  display: flex;
  flex-wrap: nowrap;
  width: max-content;
  will-change: transform;
}
.about-1__thumb-group {
  display: flex;
  flex-wrap: nowrap;
  flex-shrink: 0;
  align-items: flex-start;
  gap: var(--space-1);
  padding-inline-end: var(--space-1);
}
.about-1__thumb-group img {
  display: block;
  flex-shrink: 0;
  width: var(--space-8);
  height: var(--space-5);
  object-fit: cover;
  border-radius: var(--radius-xs);
  background-color: var(--color-placeholder-base);
  pointer-events: none;
  -webkit-user-drag: none;
}

.about-2 {
  padding-block: var(--space-10) var(--space-12);
  background-color: var(--color-surface-subtle);
  color: var(--color-text-tertiary);
}
.about-2__layout {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
}
@media (min-width: 1024px) {
  .about-2__layout {
    display: grid;
    grid-template-columns: minmax(0, 0.86fr) minmax(0, 1fr);
    column-gap: var(--space-10);
    align-items: start;
  }
  .about-2__layout > .pin-spacer {
    min-width: 0;
  }
  .about-2__layout.is-css-sticky .about-2__intro {
    position: sticky;
    top: var(--layout-about2-pin-offset);
  }
}
.about-2__intro {
  display: flex;
  flex-direction: column;
  gap: var(--layout-about2-intro-gap);
  min-width: 0;
}
.about-2__heading {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  align-items: flex-start;
}
.about-2__title {
  margin: 0;
  font-size: var(--font-size-3xl);
  line-height: var(--font-leading-3xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: inherit;
}
.about-2__index {
  margin: 0;
  font-size: var(--font-size-md);
  line-height: var(--font-leading-md);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-secondary);
}
.about-2__body {
  display: flex;
  flex-direction: column;
  gap: var(--layout-about2-media-gap);
  align-items: flex-start;
}
@media (min-width: 768px) {
  .about-2__body {
    flex-direction: row;
  }
}
.about-2__portrait {
  flex-shrink: 0;
  width: var(--layout-about2-img1-width);
  height: var(--layout-about2-img1-height);
  margin: 0;
  overflow: clip;
}
.about-2__portrait img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  will-change: transform;
}
.about-2__portrait.is-risen img {
  will-change: auto;
}
.about-2__copy {
  display: flex;
  flex-direction: column;
  gap: var(--layout-about2-copy-gap);
  max-width: var(--layout-about2-copy-width);
  min-width: 0;
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
}
.about-2__recognition {
  display: flex;
  flex-direction: column;
  gap: var(--layout-about2-copy-gap);
  min-width: 0;
}
@media (min-width: 1024px) {
  .about-2__recognition {
    padding-top: var(--layout-about2-aside-shift);
  }
}
.about-2__mark {
  width: var(--layout-about2-img2-width);
  height: var(--layout-about2-img2-height);
  margin: 0;
  overflow: clip;
}
.about-2__mark img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  will-change: transform;
}
.about-2__mark.is-risen img {
  will-change: auto;
}
.about-2 ul.about-2__awards {
  display: flex;
  flex-direction: column;
  gap: var(--layout-about2-awards-gap);
  width: 100%;
  margin: 0;
}
.about-2__award {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr) auto;
  column-gap: var(--space-2);
  align-items: center;
  padding-block: var(--layout-about2-award-pad-block);
  padding-inline: var(--layout-about2-award-pad-inline);
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  text-transform: uppercase;
  color: inherit;
  transition: color var(--motion-duration-instant) var(--motion-easing-standard), background-color var(--motion-duration-instant) var(--motion-easing-standard);
}
@media (min-width: 1024px) {
  .about-2__award {
    grid-template-columns: var(--layout-about2-award-org-width) minmax(0, var(--layout-about2-award-title-width)) auto;
    justify-content: space-between;
  }
}
.about-2__award:hover, .about-2__award:focus-within {
  color: var(--color-text-on-inverse);
  background-color: var(--color-surface-inverse);
}
.about-2__award-org, .about-2__award-name, .about-2__award-year {
  min-width: 0;
}
.about-2__award-year {
  justify-self: end;
  white-space: nowrap;
}

.js .about-2__mark:not(.is-risen) img,
.js .about-2__portrait:not(.is-risen) img {
  transform: translateY(110%);
}

@media (prefers-reduced-motion: reduce) {
  .about-2__award {
    transition: none;
  }
  .js .about-2__mark img,
  .js .about-2__portrait img {
    transform: none;
    will-change: auto;
  }
}
.about-3 {
  position: relative;
  overflow: clip;
  padding-block: var(--space-10) var(--space-10);
  background-color: var(--color-surface-subtle);
  color: var(--color-text-tertiary);
}
@media (min-width: 1024px) {
  .about-3 {
    padding-top: var(--layout-about3-padding-top);
    padding-bottom: var(--layout-about3-padding-bottom);
  }
}
.about-3 > .container {
  position: relative;
}
.about-3__layout {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
}
@media (min-width: 1024px) {
  .about-3__layout {
    display: grid;
    grid-template-columns: minmax(0, var(--layout-about3-copy-width)) minmax(0, var(--layout-about3-media-width));
    column-gap: var(--layout-about3-col-gap);
    align-items: start;
    min-height: var(--layout-about3-min-height);
  }
}
.about-3__copy {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
  min-width: 0;
}
@media (min-width: 1024px) {
  .about-3__copy {
    min-height: var(--layout-about3-copy-height);
    padding-top: var(--layout-about3-intro-offset);
    justify-content: space-between;
    gap: 0;
  }
}
.about-3__intro {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-about3-intro-gap);
  width: 100%;
}
.about-3__label {
  margin: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-neutral-700);
}
.about-3__title {
  margin: 0;
  font-size: var(--font-size-2xl);
  line-height: var(--font-leading-2xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: inherit;
  text-wrap: pretty;
}
.about-3__body {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
  max-width: var(--layout-about3-body-width);
}
@media (min-width: 1024px) {
  .about-3__body {
    min-height: var(--layout-about3-body-min-height);
    justify-content: space-between;
    gap: 0;
  }
}
.about-3__lead {
  margin: 0;
  font-size: var(--font-size-md);
  line-height: var(--layout-about3-body-leading);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-secondary);
  text-wrap: pretty;
}
.about-3__socials {
  display: flex;
  flex-wrap: wrap;
  column-gap: var(--layout-about3-social-col-gap);
  row-gap: var(--layout-about3-social-row-gap);
  width: 100%;
  max-width: var(--layout-about3-social-width);
  padding-top: var(--space-1);
}
.about-3__social {
  display: inline-flex;
  align-items: center;
  width: var(--layout-about3-social-item-width);
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--motion-duration-instant) var(--motion-easing-standard);
}
.about-3__social:hover, .about-3__social:focus-visible {
  color: var(--color-text-tertiary);
}
.about-3__social-icon {
  display: block;
  flex-shrink: 0;
  width: var(--layout-about3-social-icon);
  height: var(--layout-about3-social-icon);
  background-color: currentColor;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.about-3__social-icon--twitter {
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='30'%20height='30'%20viewBox='0%200%2030%2030'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='x'%3e%3cpath%20id='Vector'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M7%208H12.25L15.9842%2013.2105L20.5%208H22.5L16.8895%2014.4737L23%2023H17.75L14.0158%2017.7895L9.5%2023H7.5L13.1105%2016.5263L7%208ZM18.5204%2021.5L9.92043%209.5H11.4796L20.0796%2021.5H18.5204Z'%20fill='black'/%3e%3c/g%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml,%3csvg%20width='30'%20height='30'%20viewBox='0%200%2030%2030'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='x'%3e%3cpath%20id='Vector'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M7%208H12.25L15.9842%2013.2105L20.5%208H22.5L16.8895%2014.4737L23%2023H17.75L14.0158%2017.7895L9.5%2023H7.5L13.1105%2016.5263L7%208ZM18.5204%2021.5L9.92043%209.5H11.4796L20.0796%2021.5H18.5204Z'%20fill='black'/%3e%3c/g%3e%3c/svg%3e");
}
.about-3__social-icon--facebook {
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='30'%20height='30'%20viewBox='0%200%2030%2030'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='x'%3e%3cpath%20id='Vector'%20d='M18.4024%2024V17.0344H20.7347L21.0838%2014.3265H18.4024V12.5976C18.4024%2011.8136%2018.62%2011.2793%2019.7443%2011.2793L21.1783%2011.2787V8.85676C20.9302%208.82382%2020.0791%208.75006%2019.0888%208.75006C17.0213%208.75006%2015.606%2010.012%2015.606%2012.3295V14.3265H13.2677V17.0344H15.606V24H7C6.44772%2024%206%2023.5523%206%2023V7C6%206.44772%206.44772%206%207%206H23C23.5523%206%2024%206.44772%2024%207V23C24%2023.5523%2023.5523%2024%2023%2024H18.4024Z'%20fill='black'/%3e%3c/g%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml,%3csvg%20width='30'%20height='30'%20viewBox='0%200%2030%2030'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='x'%3e%3cpath%20id='Vector'%20d='M18.4024%2024V17.0344H20.7347L21.0838%2014.3265H18.4024V12.5976C18.4024%2011.8136%2018.62%2011.2793%2019.7443%2011.2793L21.1783%2011.2787V8.85676C20.9302%208.82382%2020.0791%208.75006%2019.0888%208.75006C17.0213%208.75006%2015.606%2010.012%2015.606%2012.3295V14.3265H13.2677V17.0344H15.606V24H7C6.44772%2024%206%2023.5523%206%2023V7C6%206.44772%206.44772%206%207%206H23C23.5523%206%2024%206.44772%2024%207V23C24%2023.5523%2023.5523%2024%2023%2024H18.4024Z'%20fill='black'/%3e%3c/g%3e%3c/svg%3e");
}
.about-3__social-icon--linkedin {
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='30'%20height='30'%20viewBox='0%200%2030%2030'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='x'%3e%3cpath%20id='Vector'%20d='M21.3352%2021.339H18.6697V17.1622C18.6697%2016.1662%2018.6495%2014.8845%2017.2807%2014.8845C15.891%2014.8845%2015.6787%2015.9683%2015.6787%2017.0887V21.339H13.0132V12.75H15.5737V13.9207H15.6082C15.966%2013.2457%2016.836%2012.5332%2018.1357%2012.5332C20.8365%2012.5332%2021.336%2014.3108%2021.336%2016.6245L21.3352%2021.339ZM10.0027%2011.5747C9.14475%2011.5747%208.4555%2010.8803%208.4555%2010.026C8.4555%209.1725%209.1455%208.47875%2010.0027%208.47875C10.8577%208.47875%2011.5508%209.1725%2011.5508%2010.026C11.5508%2010.8803%2010.857%2011.5747%2010.0027%2011.5747ZM11.3393%2021.339H8.66625V12.75H11.3393V21.339ZM22.6687%206H7.32825C6.594%206%206%206.5805%206%207.29675V22.7033C6%2023.4202%206.594%2024%207.32825%2024H22.6665C23.4%2024%2024%2023.4202%2024%2022.7033V7.29675C24%206.5805%2023.4%206%2022.6665%206H22.6687Z'%20fill='black'/%3e%3c/g%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml,%3csvg%20width='30'%20height='30'%20viewBox='0%200%2030%2030'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='x'%3e%3cpath%20id='Vector'%20d='M21.3352%2021.339H18.6697V17.1622C18.6697%2016.1662%2018.6495%2014.8845%2017.2807%2014.8845C15.891%2014.8845%2015.6787%2015.9683%2015.6787%2017.0887V21.339H13.0132V12.75H15.5737V13.9207H15.6082C15.966%2013.2457%2016.836%2012.5332%2018.1357%2012.5332C20.8365%2012.5332%2021.336%2014.3108%2021.336%2016.6245L21.3352%2021.339ZM10.0027%2011.5747C9.14475%2011.5747%208.4555%2010.8803%208.4555%2010.026C8.4555%209.1725%209.1455%208.47875%2010.0027%208.47875C10.8577%208.47875%2011.5508%209.1725%2011.5508%2010.026C11.5508%2010.8803%2010.857%2011.5747%2010.0027%2011.5747ZM11.3393%2021.339H8.66625V12.75H11.3393V21.339ZM22.6687%206H7.32825C6.594%206%206%206.5805%206%207.29675V22.7033C6%2023.4202%206.594%2024%207.32825%2024H22.6665C23.4%2024%2024%2023.4202%2024%2022.7033V7.29675C24%206.5805%2023.4%206%2022.6665%206H22.6687Z'%20fill='black'/%3e%3c/g%3e%3c/svg%3e");
}
.about-3__social-icon--instagram {
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='30'%20height='30'%20viewBox='0%200%2030%2030'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='x'%3e%3cpath%20id='Vector'%20d='M15.9247%206C16.9376%206.00167%2017.4509%206.00704%2017.8945%206.02024L18.0692%206.02595C18.2709%206.03312%2018.47%206.04212%2018.7101%206.05337C19.6678%206.09763%2020.3211%206.24913%2020.8949%206.47189C21.4881%206.70065%2021.9892%207.00966%2022.4894%207.50993C22.9889%208.0102%2023.298%208.51271%2023.5275%209.10448C23.7494%209.67751%2023.901%2010.3315%2023.946%2011.2893C23.9567%2011.5293%2023.9653%2011.7284%2023.9725%2011.9302L23.9781%2012.1049C23.9913%2012.5484%2023.9973%2013.0618%2023.9992%2014.0747L23.9999%2014.7458C24%2014.8278%2024%2014.9124%2024%2014.9997L23.9999%2015.2536L23.9994%2015.9247C23.9977%2016.9376%2023.9923%2017.451%2023.9791%2017.8944L23.9734%2018.0691C23.9662%2018.271%2023.9572%2018.4701%2023.946%2018.7101C23.9017%2019.6679%2023.7494%2020.3211%2023.5275%2020.8949C23.2987%2021.4882%2022.9889%2021.9892%2022.4894%2022.4895C21.9892%2022.989%2021.4859%2023.298%2020.8949%2023.5275C20.3211%2023.7495%2019.6678%2023.901%2018.7101%2023.946C18.47%2023.9567%2018.2709%2023.9654%2018.0692%2023.9725L17.8945%2023.9781C17.4509%2023.9914%2016.9376%2023.9973%2015.9247%2023.9993L15.2536%2024C15.1716%2024%2015.087%2024%2014.9997%2024H14.7458L14.0746%2023.9994C13.0617%2023.9977%2012.5484%2023.9924%2012.1049%2023.9791L11.9302%2023.9734C11.7284%2023.9662%2011.5293%2023.9572%2011.2893%2023.946C10.3315%2023.9018%209.67899%2023.7495%209.10448%2023.5275C8.51195%2023.2988%208.01018%2022.989%207.50992%2022.4895C7.00965%2021.9892%206.70139%2021.4859%206.47189%2020.8949C6.24913%2020.3211%206.09837%2019.6679%206.05337%2018.7101C6.04268%2018.4701%206.03396%2018.271%206.02689%2018.0691L6.02123%2017.8944C6.00806%2017.451%206.00206%2016.9376%206.00012%2015.9247L6%2014.0747C6.00167%2013.0618%206.00703%2012.5484%206.02023%2012.1049L6.02595%2011.9302C6.03312%2011.7284%206.04212%2011.5293%206.05337%2011.2893C6.09762%2010.3308%206.24913%209.67825%206.47189%209.10448C6.70064%208.51196%207.00965%208.0102%207.50992%207.50993C8.01018%207.00966%208.51271%206.7014%209.10448%206.47189C9.67825%206.24913%2010.3308%206.09837%2011.2893%206.05337C11.5293%206.04269%2011.7284%206.03397%2011.9302%206.0269L12.1049%206.02124C12.5484%206.00806%2013.0617%206.00206%2014.0746%206.00012L15.9247%206ZM14.9997%2010.4995C12.513%2010.4995%2010.4995%2012.5152%2010.4995%2014.9997C10.4995%2017.4864%2012.5152%2019.4998%2014.9997%2019.4998C17.4864%2019.4998%2019.4998%2017.4842%2019.4998%2014.9997C19.4998%2012.513%2017.4841%2010.4995%2014.9997%2010.4995ZM14.9997%2012.2996C16.491%2012.2996%2017.6998%2013.508%2017.6998%2014.9997C17.6998%2016.4909%2016.4913%2017.6998%2014.9997%2017.6998C13.5084%2017.6998%2012.2996%2016.4914%2012.2996%2014.9997C12.2996%2013.5084%2013.508%2012.2996%2014.9997%2012.2996ZM19.7249%209.14949C19.1045%209.14949%2018.5998%209.65342%2018.5998%2010.2738C18.5998%2010.8941%2019.1037%2011.3988%2019.7249%2011.3988C20.3452%2011.3988%2020.8499%2010.8949%2020.8499%2010.2738C20.8499%209.65342%2020.3443%209.14871%2019.7249%209.14949Z'%20fill='black'/%3e%3c/g%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml,%3csvg%20width='30'%20height='30'%20viewBox='0%200%2030%2030'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='x'%3e%3cpath%20id='Vector'%20d='M15.9247%206C16.9376%206.00167%2017.4509%206.00704%2017.8945%206.02024L18.0692%206.02595C18.2709%206.03312%2018.47%206.04212%2018.7101%206.05337C19.6678%206.09763%2020.3211%206.24913%2020.8949%206.47189C21.4881%206.70065%2021.9892%207.00966%2022.4894%207.50993C22.9889%208.0102%2023.298%208.51271%2023.5275%209.10448C23.7494%209.67751%2023.901%2010.3315%2023.946%2011.2893C23.9567%2011.5293%2023.9653%2011.7284%2023.9725%2011.9302L23.9781%2012.1049C23.9913%2012.5484%2023.9973%2013.0618%2023.9992%2014.0747L23.9999%2014.7458C24%2014.8278%2024%2014.9124%2024%2014.9997L23.9999%2015.2536L23.9994%2015.9247C23.9977%2016.9376%2023.9923%2017.451%2023.9791%2017.8944L23.9734%2018.0691C23.9662%2018.271%2023.9572%2018.4701%2023.946%2018.7101C23.9017%2019.6679%2023.7494%2020.3211%2023.5275%2020.8949C23.2987%2021.4882%2022.9889%2021.9892%2022.4894%2022.4895C21.9892%2022.989%2021.4859%2023.298%2020.8949%2023.5275C20.3211%2023.7495%2019.6678%2023.901%2018.7101%2023.946C18.47%2023.9567%2018.2709%2023.9654%2018.0692%2023.9725L17.8945%2023.9781C17.4509%2023.9914%2016.9376%2023.9973%2015.9247%2023.9993L15.2536%2024C15.1716%2024%2015.087%2024%2014.9997%2024H14.7458L14.0746%2023.9994C13.0617%2023.9977%2012.5484%2023.9924%2012.1049%2023.9791L11.9302%2023.9734C11.7284%2023.9662%2011.5293%2023.9572%2011.2893%2023.946C10.3315%2023.9018%209.67899%2023.7495%209.10448%2023.5275C8.51195%2023.2988%208.01018%2022.989%207.50992%2022.4895C7.00965%2021.9892%206.70139%2021.4859%206.47189%2020.8949C6.24913%2020.3211%206.09837%2019.6679%206.05337%2018.7101C6.04268%2018.4701%206.03396%2018.271%206.02689%2018.0691L6.02123%2017.8944C6.00806%2017.451%206.00206%2016.9376%206.00012%2015.9247L6%2014.0747C6.00167%2013.0618%206.00703%2012.5484%206.02023%2012.1049L6.02595%2011.9302C6.03312%2011.7284%206.04212%2011.5293%206.05337%2011.2893C6.09762%2010.3308%206.24913%209.67825%206.47189%209.10448C6.70064%208.51196%207.00965%208.0102%207.50992%207.50993C8.01018%207.00966%208.51271%206.7014%209.10448%206.47189C9.67825%206.24913%2010.3308%206.09837%2011.2893%206.05337C11.5293%206.04269%2011.7284%206.03397%2011.9302%206.0269L12.1049%206.02124C12.5484%206.00806%2013.0617%206.00206%2014.0746%206.00012L15.9247%206ZM14.9997%2010.4995C12.513%2010.4995%2010.4995%2012.5152%2010.4995%2014.9997C10.4995%2017.4864%2012.5152%2019.4998%2014.9997%2019.4998C17.4864%2019.4998%2019.4998%2017.4842%2019.4998%2014.9997C19.4998%2012.513%2017.4841%2010.4995%2014.9997%2010.4995ZM14.9997%2012.2996C16.491%2012.2996%2017.6998%2013.508%2017.6998%2014.9997C17.6998%2016.4909%2016.4913%2017.6998%2014.9997%2017.6998C13.5084%2017.6998%2012.2996%2016.4914%2012.2996%2014.9997C12.2996%2013.5084%2013.508%2012.2996%2014.9997%2012.2996ZM19.7249%209.14949C19.1045%209.14949%2018.5998%209.65342%2018.5998%2010.2738C18.5998%2010.8941%2019.1037%2011.3988%2019.7249%2011.3988C20.3452%2011.3988%2020.8499%2010.8949%2020.8499%2010.2738C20.8499%209.65342%2020.3443%209.14871%2019.7249%209.14949Z'%20fill='black'/%3e%3c/g%3e%3c/svg%3e");
}
.about-3__social-icon--youtube {
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='30'%20height='30'%20viewBox='0%200%2030%2030'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='x'%3e%3cpath%20id='Vector'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M24.0322%2010.3883C24.8071%2010.6023%2025.4162%2011.2306%2025.6237%2012.0301C25.9985%2013.4778%2026%2016.5%2026%2016.5C26%2016.5%2026%2019.5221%2025.6237%2020.9698C25.4162%2021.7694%2024.8071%2022.3977%2024.0322%2022.6116C22.6291%2023%2017%2023%2017%2023C17%2023%2011.3709%2023%209.96772%2022.6116C9.1928%2022.3977%208.5838%2021.7694%208.37635%2020.9698C8%2019.5221%208%2016.5%208%2016.5C8%2016.5%208%2013.4778%208.37635%2012.0301C8.5838%2011.2306%209.1928%2010.6023%209.96772%2010.3883C11.3709%2010%2017%2010%2017%2010C17%2010%2022.6291%2010%2024.0322%2010.3883ZM19.8751%2016.5003L15.1988%2019.2855V13.715L19.8751%2016.5003Z'%20fill='black'/%3e%3c/g%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml,%3csvg%20width='30'%20height='30'%20viewBox='0%200%2030%2030'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='x'%3e%3cpath%20id='Vector'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M24.0322%2010.3883C24.8071%2010.6023%2025.4162%2011.2306%2025.6237%2012.0301C25.9985%2013.4778%2026%2016.5%2026%2016.5C26%2016.5%2026%2019.5221%2025.6237%2020.9698C25.4162%2021.7694%2024.8071%2022.3977%2024.0322%2022.6116C22.6291%2023%2017%2023%2017%2023C17%2023%2011.3709%2023%209.96772%2022.6116C9.1928%2022.3977%208.5838%2021.7694%208.37635%2020.9698C8%2019.5221%208%2016.5%208%2016.5C8%2016.5%208%2013.4778%208.37635%2012.0301C8.5838%2011.2306%209.1928%2010.6023%209.96772%2010.3883C11.3709%2010%2017%2010%2017%2010C17%2010%2022.6291%2010%2024.0322%2010.3883ZM19.8751%2016.5003L15.1988%2019.2855V13.715L19.8751%2016.5003Z'%20fill='black'/%3e%3c/g%3e%3c/svg%3e");
}
.about-3__media {
  display: flex;
  align-items: flex-start;
  gap: var(--layout-about3-media-gap);
  width: 100%;
  min-width: 0;
}
.about-3__photo {
  flex: 1 1 0;
  min-width: 0;
}
.about-3__photo--1 {
  aspect-ratio: var(--layout-about3-photo-1-ratio);
}
@media (min-width: 1024px) {
  .about-3__photo--1 {
    height: var(--layout-about3-photo-1-height);
  }
}
.about-3__photo--2 {
  aspect-ratio: var(--layout-about3-photo-2-ratio);
}
@media (min-width: 1024px) {
  .about-3__photo--2 {
    height: var(--layout-about3-photo-2-height);
  }
}
@media (min-width: 1024px) {
  .about-3__photo {
    flex: 0 0 var(--layout-about3-photo-width);
    width: var(--layout-about3-photo-width);
  }
}
.about-3__photo-parallax {
  width: 100%;
  height: 100%;
  overflow: clip;
  border-radius: var(--radius-xs);
  background-color: var(--color-placeholder-base);
  will-change: transform;
}
.about-3__photo-frame {
  width: 100%;
  height: 100%;
  min-height: 0;
}
.about-3__wordmark {
  position: relative;
  z-index: 0;
  margin: var(--space-6) 0 0;
  font-size: var(--layout-about3-wordmark-size);
  line-height: 1;
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--font-tracking-display);
  text-align: right;
  text-transform: none;
  color: var(--color-neutral-800);
  pointer-events: none;
  user-select: none;
}
@media (min-width: 1024px) {
  .about-3__wordmark {
    position: absolute;
    right: 0;
    bottom: var(--layout-about3-wordmark-bottom);
    margin: 0;
    pointer-events: auto;
  }
}
.about-3__wordmark.text-scale-anim {
  pointer-events: auto;
}

.approach-1 {
  padding-block: var(--space-10) var(--space-10);
  background-color: var(--color-neutral-0);
  color: var(--color-text-tertiary);
}
@media (min-width: 1024px) {
  .approach-1 {
    padding-block: var(--layout-approach1-padding-block);
  }
}
.approach-1 > .container {
  min-width: 0;
}
.approach-1__layout {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
}
@media (min-width: 1024px) {
  .approach-1__layout {
    flex-direction: row;
    align-items: flex-start;
    gap: var(--layout-approach1-col-gap);
  }
}
.approach-1__media {
  position: relative;
  width: 100%;
  overflow: clip;
  border-radius: var(--radius-md);
  background-color: transparent;
}
@media (min-width: 1024px) {
  .approach-1__media {
    flex: 0 0 var(--layout-approach1-media-width);
    width: var(--layout-approach1-media-width);
    height: var(--layout-approach1-media-height);
  }
}
.approach-1__photo {
  width: 100%;
  aspect-ratio: var(--layout-approach1-media-ratio);
}
@media (min-width: 1024px) {
  .approach-1__photo {
    height: 100%;
    aspect-ratio: auto;
  }
}
.approach-1__tags {
  position: absolute;
  left: var(--layout-approach1-tag-left);
  bottom: var(--layout-approach1-tag-bottom);
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: var(--layout-approach1-tag-gap);
  margin: 0;
  padding: 0;
  list-style: none;
  pointer-events: none;
}
.approach-1__tag {
  --color-neutral-0: #ffffff;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-neutral-0);
}
.approach-1__content {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-approach1-content-gap);
  min-width: 0;
}
.approach-1__intro {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-approach1-intro-gap);
  width: 100%;
}
.approach-1__label {
  margin: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-neutral-700);
}
.approach-1__title {
  margin: 0;
  font-size: var(--font-size-2xl);
  line-height: var(--font-leading-2xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: inherit;
  text-wrap: pretty;
}
.approach-1__lead {
  margin: 0;
  max-width: var(--layout-approach1-lead-width);
  font-size: var(--font-size-md);
  line-height: var(--layout-approach1-lead-leading);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-secondary);
  text-wrap: pretty;
}
.approach-1__features {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.approach-1__feature {
  display: flex;
  align-items: flex-start;
  gap: var(--layout-approach1-feature-gap);
  padding-block: var(--layout-approach1-feature-pad-block);
  border-bottom: 1px solid var(--color-border-base);
}
.approach-1__feature:last-child {
  border-bottom: 0;
}
.approach-1__icon {
  display: block;
  flex-shrink: 0;
  width: var(--layout-approach1-icon-size);
  height: var(--layout-approach1-icon-size);
  color: inherit;
}
.approach-1__icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.approach-1__copy {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  gap: var(--layout-approach1-feature-copy-gap);
  min-width: 0;
}
.approach-1__feature-title {
  margin: 0;
  font-size: var(--font-size-md);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
}
.approach-1__feature-text {
  margin: 0;
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-secondary);
  text-wrap: pretty;
}

.team-1 {
  padding-block: var(--space-10) var(--space-10);
  background-color: var(--color-surface-subtle);
  color: var(--color-text-tertiary);
}
.team-1 > .container {
  display: flex;
  flex-direction: column;
  gap: var(--layout-team1-stack-gap);
  min-width: 0;
}
.team-1__heading {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.team-1__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-5);
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 768px) {
  .team-1__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--layout-team1-row-gap) var(--layout-team1-col-gap);
  }
}
@media (min-width: 1024px) {
  .team-1__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .team-1__grid .team-1__member:nth-child(4) {
    grid-column: 2;
  }
}
.team-1__member {
  min-width: 0;
}
.team-1__link {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-team1-card-gap);
  min-width: 0;
  width: 100%;
  color: inherit;
  text-decoration: none;
}
.team-1__photo {
  width: 100%;
  overflow: clip;
  background-color: var(--color-placeholder-base);
  aspect-ratio: var(--layout-team1-photo-ratio);
}
.team-1__name {
  margin: 0;
  width: 100%;
  font-size: var(--font-size-md);
  line-height: var(--layout-team1-name-leading);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
}
.team-1__role {
  margin: 0;
  width: 100%;
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-secondary);
}

.team-2 {
  padding-block: var(--space-10) var(--space-10);
  background-color: var(--color-neutral-0);
  color: var(--color-text-tertiary);
}
@media (min-width: 1024px) {
  .team-2 {
    padding-top: var(--layout-team2-padding-top);
    padding-bottom: var(--layout-team2-padding-bottom);
  }
}
.team-2 > .container {
  display: flex;
  flex-direction: column;
  gap: var(--layout-team2-stack-gap);
  min-width: 0;
}
.team-2__header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-2);
  width: 100%;
  min-width: 0;
}
@media (min-width: 768px) {
  .team-2__header {
    flex-direction: row;
    align-items: flex-end;
    gap: var(--space-4);
  }
}
.team-2__intro {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-team2-intro-gap);
  min-width: 0;
}
.team-2__label {
  margin: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-neutral-700);
}
.team-2__title {
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
  text-wrap: pretty;
}
.team-2__count {
  margin: 0;
  flex-shrink: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-text-secondary);
  white-space: nowrap;
}
.team-2__stack {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
  width: 100%;
  min-width: 0;
}
@media (min-width: 1024px) {
  .team-2__stack {
    gap: var(--layout-team2-row-gap);
  }
}
@media (min-width: 1024px) {
  .team-2__stack.is-js-pin {
    padding-bottom: var(--layout-team2-pin-hold);
  }
}
.team-2__stack.is-js-pin > .pin-spacer {
  min-width: 0;
}
.team-2__row {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: var(--color-neutral-0);
}
@media (min-width: 1024px) {
  .team-2__row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--layout-team2-col-gap);
    position: relative;
    z-index: 1;
  }
}
.team-2__row--2 {
  z-index: 2;
}
.team-2__row--3 {
  z-index: 3;
}
.team-2__member {
  min-width: 0;
}
.team-2__link {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-team2-card-gap);
  min-width: 0;
  width: 100%;
  color: inherit;
  text-decoration: none;
}
.team-2__photo {
  width: 100%;
  margin: 0;
  overflow: clip;
  aspect-ratio: var(--layout-team2-photo-ratio);
  background-color: var(--color-neutral-100);
}
.team-2__photo .anim-zoomin-wrap {
  width: 100%;
  height: 100%;
}
.team-2__photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.team-2__row--1 .team-2__member:nth-child(even) .team-2__photo, .team-2__row--3 .team-2__member:nth-child(even) .team-2__photo, .team-2__row--2 .team-2__member:nth-child(odd) .team-2__photo {
  background-color: var(--color-neutral-200);
}
.team-2__name {
  margin: 0;
  width: 100%;
  font-size: var(--font-size-md);
  line-height: var(--layout-team2-name-leading);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
}
.team-2__role {
  margin: 0;
  width: 100%;
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-secondary);
}

.team-3 {
  padding-block: var(--layout-team3-padding-block) var(--layout-team3-padding-block);
  background-color: var(--color-surface-base);
  color: var(--color-text-tertiary);
}
.team-3 > .container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-team3-stack-gap);
  min-width: 0;
}
.team-3__heading {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.team-3__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--layout-team3-row-gap) var(--layout-team3-col-gap);
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
@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(3, minmax(0, 1fr));
  }
}
.team-3__member {
  min-width: 0;
}
.team-3__link {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-team3-card-gap);
  min-width: 0;
  width: 100%;
  color: inherit;
  text-decoration: none;
}
.team-3__photo {
  width: 100%;
  margin: 0;
  overflow: clip;
  aspect-ratio: var(--layout-team3-photo-ratio);
  background-color: var(--color-neutral-200);
}
.team-3__photo .anim-zoomin-wrap {
  width: 100%;
  height: 100%;
}
.team-3__photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.team-3__name {
  margin: 0;
  width: 100%;
  font-size: var(--font-size-md);
  line-height: var(--layout-team3-name-leading);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
}
.team-3__role {
  margin: 0;
  width: 100%;
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-secondary);
}
.team-3__action {
  display: flex;
  justify-content: flex-start;
}

.image-slider-2 {
  padding-block: var(--layout-imageslider2-padding-block);
  overflow: hidden;
  background-color: var(--color-surface-subtle);
}
.image-slider-2__slider {
  display: flex;
  align-items: flex-start;
  gap: var(--layout-imageslider2-gap);
  width: max-content;
  max-width: none;
  margin-inline: calc(50% - 50vw);
  will-change: transform;
}
.image-slider-2__slide {
  flex-shrink: 0;
  width: var(--layout-imageslider2-slide-width);
  overflow: clip;
  border-radius: var(--radius-xs);
  background-color: var(--color-neutral-100);
}
.image-slider-2__slide img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  pointer-events: none;
  user-select: none;
}

.image-slider-3 {
  padding-block: var(--layout-imageslider3-padding-block);
  overflow: hidden;
  background-color: var(--color-surface-subtle);
}
.image-slider-3__slider {
  display: flex;
  align-items: flex-start;
  gap: var(--layout-imageslider3-gap);
  width: max-content;
  max-width: none;
  margin-inline: calc(50% - 50vw);
  will-change: transform;
}
.image-slider-3__slide {
  flex-shrink: 0;
  width: var(--layout-imageslider3-slide-width);
  overflow: clip;
  border-radius: var(--radius-xs);
  background-color: var(--color-placeholder-base);
}
.image-slider-3__slide img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  pointer-events: none;
  user-select: none;
}

.img-1 {
  background-color: var(--color-neutral-700);
  overflow: clip;
}
.img-1 > .container {
  max-width: none;
  width: 100%;
  min-width: 0;
  padding-inline: 0;
}
.img-1__heading {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.img-1__media {
  display: block;
  position: relative;
  width: 100%;
  min-width: 0;
  height: var(--layout-img1-height);
  margin: 0;
  overflow: clip;
  background-color: var(--color-neutral-700);
}
.img-1__photo {
  --scroll-parallax-travel: var(--layout-img1-parallax);
}
.img-1__photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.img-2 {
  background-color: var(--color-neutral-100);
  overflow: clip;
}
.img-2 > .container {
  max-width: none;
  width: 100%;
  min-width: 0;
  padding-inline: 0;
}
.img-2__heading {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.img-2__media {
  display: block;
  position: relative;
  width: 100%;
  min-width: 0;
  height: var(--layout-img2-height);
  margin: 0;
  overflow: clip;
  background-color: var(--color-neutral-100);
}
.img-2__photo {
  --scroll-parallax-travel: var(--layout-img2-parallax);
}
.img-2__photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.project-1 {
  padding-block: var(--space-10) var(--layout-project1-padding-bottom);
  background-color: var(--color-surface-subtle);
  color: var(--color-text-tertiary);
}
.project-1 .container {
  display: flex;
  flex-direction: column;
  gap: var(--layout-project1-stack-gap);
}
.project-1__grid {
  display: grid;
  gap: var(--layout-project1-grid-row-gap) var(--layout-project1-grid-column-gap);
  grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 1024px) {
  .project-1__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.project-1__grid .project-card-1 {
  max-width: none;
}
.project-1__action {
  display: flex;
  justify-content: center;
}

.project-2 {
  padding-block: var(--layout-project2-padding-block-start) var(--layout-project2-padding-block-end);
  background-color: var(--color-surface-raised);
  color: var(--color-text-tertiary);
}
.project-2 .container {
  display: flex;
  flex-direction: column;
  gap: var(--layout-project2-stack-gap);
}
.project-2__list {
  display: flex;
  flex-direction: column;
  gap: var(--layout-project2-row-gap);
}
.project-2__action {
  display: flex;
  justify-content: center;
}

.project-card-2 {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-4);
  align-items: start;
  color: inherit;
  text-decoration: none;
}
@media (min-width: 768px) {
  .project-card-2 {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    column-gap: var(--space-4);
    row-gap: var(--space-3);
  }
  .project-card-2__copy {
    grid-column: 1/-1;
  }
}
@media (min-width: 1024px) {
  .project-card-2 {
    grid-template-columns: minmax(0, 1fr) var(--layout-project-card2-media-width) minmax(0, 1fr);
    gap: var(--layout-project2-card-gap);
    align-items: center;
  }
  .project-card-2__copy {
    grid-column: auto;
  }
}
.project-card-2__copy {
  display: flex;
  flex-direction: column;
  gap: var(--layout-project-card2-copy-gap);
  min-width: 0;
  color: var(--color-text-tertiary);
}
.project-card-2__heading {
  display: flex;
  flex-direction: column;
  gap: var(--layout-project-card2-heading-gap);
}
.project-card-2__index, .project-card-2__title {
  margin: 0;
  font-weight: var(--font-weight-semibold);
  color: inherit;
}
.project-card-2__index {
  font-size: var(--font-size-lg);
  line-height: 1;
  letter-spacing: var(--font-tracking-tight);
}
.project-card-2__title {
  font-size: var(--font-size-xl);
  line-height: var(--font-leading-xl);
  letter-spacing: var(--font-tracking-display);
  text-wrap: balance;
}
.project-card-2__text {
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  text-wrap: pretty;
}
.project-card-2__media {
  width: 100%;
  margin: 0;
}
@media (min-width: 1024px) {
  .project-card-2__media {
    width: var(--layout-project-card2-media-width);
    height: var(--layout-project-card2-media-height);
  }
}
.project-card-2__tags {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: flex-start;
  gap: var(--layout-project-card2-tag-gap);
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.project-card-2__tag {
  flex-shrink: 0;
  padding: var(--layout-project-card2-tag-pad-block) var(--layout-project-card2-tag-pad-inline);
  border: 1px solid var(--color-border-base);
  border-radius: var(--radius-xs);
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-tertiary);
  text-transform: capitalize;
  white-space: nowrap;
}

.js .project-card-2:not(.is-armed) .project-card-2__index,
.js .project-card-2:not(.is-armed) .project-card-2__title,
.js .project-card-2:not(.is-armed) .project-card-2__text,
.js .project-card-2:not(.is-armed) .project-card-2__tag {
  opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
  .js .project-card-2:not(.is-armed) .project-card-2__index,
  .js .project-card-2:not(.is-armed) .project-card-2__title,
  .js .project-card-2:not(.is-armed) .project-card-2__text,
  .js .project-card-2:not(.is-armed) .project-card-2__tag {
    opacity: 1;
  }
}
.project-3 {
  position: relative;
  background-color: var(--color-surface-subtle);
  color: var(--color-text-tertiary);
}
.project-3 > .container {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}
.project-3__heading {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.project-3 .section-title-1 {
  position: relative;
  z-index: 3;
  margin-block-end: var(--layout-project3-title-gap);
}
.project-3__stage {
  position: relative;
  width: 100%;
}
.project-3__index {
  display: flex;
  align-items: center;
  margin: 0;
  font-size: var(--layout-project3-index-size);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  text-transform: uppercase;
  will-change: transform;
}
.project-3__index-digits {
  display: inline-flex;
  align-items: center;
  letter-spacing: normal;
}
.project-3__index-tens.odometer, .project-3__index-ones.odometer {
  letter-spacing: normal;
}
.project-3__index-sep {
  flex-shrink: 0;
}
.project-3__index .odometer.odometer-animating-up .odometer-ribbon-inner, .project-3__index .odometer.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  transition-duration: var(--motion-duration-instant);
}
.project-3__images-wrap {
  width: 100%;
}
.project-3__images {
  display: flex;
  flex-direction: column;
  gap: var(--layout-project3-images-gap);
  will-change: transform;
}
.project-3__image {
  position: relative;
  z-index: 0;
  display: block;
  width: 100%;
  overflow: hidden;
  aspect-ratio: var(--layout-project3-image-ratio);
  background-color: var(--color-placeholder-base);
  opacity: var(--layout-project3-image-idle-opacity);
  color: inherit;
  text-decoration: none;
  transform: scale(1);
  transform-origin: center center;
  transition: opacity var(--motion-duration-instant) var(--motion-easing-standard), transform var(--motion-duration-instant) var(--motion-easing-standard);
}
.project-3__image.is-active {
  z-index: 1;
  opacity: 1;
  transform: scale(var(--layout-project3-image-active-scale));
}
.project-3__image-bg {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: calc(100% + var(--space-4));
  object-fit: cover;
  transform: translate(-50%, -50%);
  filter: blur(var(--layout-project-card1-bg-blur));
  pointer-events: none;
  user-select: none;
}
.project-3__image-frame {
  position: absolute;
  left: 50%;
  top: 22.0043572985%;
  z-index: 1;
  width: 60%;
  padding: var(--layout-project-card1-frame-pad);
  padding-bottom: var(--layout-project-card1-frame-pad-hover);
  background-color: var(--color-neutral-0);
  translate: -50% 0;
}
.project-3__image-photo {
  position: relative;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 431/258;
  background-color: var(--color-neutral-0);
}
.project-3__image-photo img {
  display: block;
  width: calc(100% + var(--layout-project-card1-frame-pad) * 2);
  height: calc(100% + var(--space-5));
  max-width: none;
  margin-left: calc(var(--layout-project-card1-frame-pad) * -1);
  margin-top: calc(var(--space-5) / -2);
  object-fit: cover;
  will-change: transform;
  transform-origin: center center;
}
.project-3__image-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: var(--layout-project-card1-frame-pad-hover);
  padding-inline: var(--layout-project-card1-frame-pad);
  margin-inline: calc(var(--layout-project-card1-frame-pad) * -1);
}
.project-3__image-meta-item {
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-medium);
  text-transform: uppercase;
  color: var(--color-text-tertiary);
  white-space: nowrap;
}
.project-3__names {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: var(--layout-project3-names-gap);
  width: max-content;
}
.project-3__entry {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: var(--layout-project3-entry-gap);
  color: inherit;
  text-align: right;
  text-decoration: none;
  will-change: transform;
}
.project-3__name {
  font-size: var(--layout-project3-name-size);
  line-height: 1;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-secondary);
  white-space: nowrap;
  transition: color var(--motion-duration-instant) var(--motion-easing-standard);
}
.project-3__desc {
  max-width: var(--layout-project3-desc-width);
  overflow: hidden;
  font-size: var(--layout-project3-desc-size);
  line-height: var(--font-leading-sm);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-secondary);
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: color var(--motion-duration-instant) var(--motion-easing-standard);
}
.project-3__entry.is-active .project-3__name {
  color: var(--color-text-tertiary);
}
.project-3__pin {
  position: relative;
  width: 100%;
}
.project-3__action {
  position: relative;
  z-index: 3;
  display: flex;
  justify-content: center;
}
.project-3.is-spotlight {
  padding-block-end: var(--layout-project3-padding);
}
.project-3.is-spotlight > .container {
  gap: var(--layout-project3-action-gap);
}
.project-3.is-spotlight .project-3__pin {
  height: var(--layout-project3-height);
  padding-block: var(--layout-project3-padding);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: var(--layout-project3-title-gap);
}
.project-3.is-spotlight .section-title-1 {
  flex-shrink: 0;
  margin-block-end: 0;
}
.project-3.is-spotlight .project-3__stage {
  flex: 1 1 auto;
  min-height: 0;
}
.project-3.is-spotlight .project-3__index {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.project-3.is-spotlight .project-3__images-wrap {
  position: absolute;
  top: calc(var(--layout-project3-padding) * -1);
  left: 50%;
  z-index: 0;
  width: 100%;
  transform: translateX(-50%);
}
.project-3.is-spotlight .project-3__images {
  padding-block-start: var(--layout-project3-images-pad);
  padding-block-end: var(--layout-project3-images-pad-end);
  gap: var(--layout-project3-images-gap-sm);
}
.project-3.is-spotlight .project-3__names {
  position: absolute;
  right: 0;
  bottom: var(--layout-project3-padding);
  z-index: 2;
}
.project-3.is-spotlight .project-3__name {
  color: var(--color-text-tertiary);
}
@media (min-width: 1024px) {
  .project-3.is-spotlight .project-3__images-wrap {
    width: var(--layout-project3-images-width);
  }
  .project-3.is-spotlight .project-3__images {
    gap: var(--layout-project3-images-gap);
  }
  .project-3.is-spotlight .project-3__name {
    color: var(--color-text-secondary);
  }
  .project-3.is-spotlight .project-3__entry.is-active .project-3__name {
    color: var(--color-text-tertiary);
  }
}

@media (prefers-reduced-motion: reduce) {
  .project-3__index,
  .project-3__images,
  .project-3__entry,
  .project-3__image,
  .project-3__image-photo img {
    will-change: auto;
  }
}
.project-4 {
  padding-block: var(--layout-project4-padding-block) var(--layout-project4-padding-block);
  background-color: var(--color-neutral-100);
  color: var(--color-text-tertiary);
}
.project-4 > .container {
  display: flex;
  flex-direction: column;
  gap: var(--layout-project4-stack-gap);
  min-width: 0;
}
.project-4__grid {
  display: grid;
  gap: var(--layout-project4-grid-row-gap) var(--layout-project4-grid-column-gap);
  grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 1024px) {
  .project-4__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.project-4__grid .project-card-1 {
  max-width: none;
}

.projects-2 {
  position: relative;
  z-index: 0;
  padding-block: var(--layout-projects2-padding-block-start) var(--layout-projects2-padding-block-end);
  background-color: var(--color-surface-raised);
  color: var(--color-text-tertiary);
}
.projects-2 > .container {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--layout-projects2-stack-gap);
}
.projects-2__title {
  margin: 0;
  font-size: var(--font-size-2xl);
  line-height: var(--font-leading-2xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
}
.projects-2__list {
  display: flex;
  flex-direction: column;
  gap: var(--layout-project2-row-gap);
}
.projects-2__stage {
  display: none;
  position: relative;
  z-index: 0;
  isolation: isolate;
  width: 100%;
  height: var(--layout-projects2-height);
  min-height: var(--layout-projects2-height);
  overflow: hidden;
  touch-action: none;
}
.projects-2__canvas {
  display: block;
  width: 100%;
  height: 100%;
  cursor: grab;
}
.projects-2.is-dragging .projects-2__canvas {
  cursor: grabbing;
}
.projects-2__hud {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--layout-projects2-hud-top) var(--layout-projects2-hud-inset) var(--layout-projects2-hud-bottom);
  pointer-events: none;
}
.projects-2__copy, .projects-2__tags {
  transform: translate3d(0, var(--projects-2-drift, 0), 0);
  will-change: opacity, transform;
}
.projects-2__copy {
  display: flex;
  flex-direction: column;
  gap: var(--layout-projects2-copy-gap);
  max-width: var(--layout-projects2-copy-max);
}
.projects-2__index, .projects-2__name, .projects-2__text {
  margin: 0;
}
.projects-2__index, .projects-2__name {
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
}
.projects-2__index {
  font-size: var(--font-size-lg);
  line-height: 1;
  letter-spacing: var(--font-tracking-tight);
}
.projects-2__name {
  font-size: var(--font-size-xl);
  line-height: var(--font-leading-xl);
  text-wrap: balance;
}
.projects-2__name-link {
  color: inherit;
  text-decoration: none;
  pointer-events: auto;
}
.projects-2__text {
  max-width: var(--layout-projects2-lead-max);
  font-size: var(--font-size-sm);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  text-wrap: pretty;
}
.projects-2__tags {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: var(--layout-project-card2-tag-gap);
  max-width: var(--layout-projects2-tags-max);
  margin: 0;
  padding: 0;
  list-style: none;
}
.projects-2__tag {
  flex-shrink: 0;
  padding: var(--layout-project-card2-tag-pad-block) var(--layout-project-card2-tag-pad-inline);
  border: 1px solid var(--color-border-base);
  border-radius: var(--radius-xs);
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-tertiary);
  text-transform: capitalize;
  white-space: nowrap;
}
.projects-2__pagination {
  position: absolute;
  right: var(--layout-projects2-hud-inset);
  bottom: var(--layout-projects2-hud-bottom);
  display: flex;
  align-items: center;
  margin: 0;
  font-size: var(--font-size-xl);
  line-height: var(--font-leading-xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
}
.projects-2__pagination-current {
  display: inline-flex;
  align-items: center;
  letter-spacing: normal;
}
.projects-2__pagination-sep {
  flex-shrink: 0;
}
.projects-2__pagination .odometer.odometer-animating-up .odometer-ribbon-inner, .projects-2__pagination .odometer.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  transition-duration: var(--motion-duration-instant);
}

.js .projects-2.is-webgl {
  padding-block: 0;
}
.js .projects-2.is-webgl > .container {
  max-width: none;
  width: 100%;
  padding-inline: 0;
  gap: 0;
}
.js .projects-2.is-webgl .projects-2__title {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.js .projects-2.is-webgl .projects-2__list {
  display: none;
}
.js .projects-2.is-webgl .projects-2__stage {
  display: block;
}

.projects-3 {
  position: relative;
  z-index: 0;
  container-type: inline-size;
  padding-block: var(--layout-projects3-padding-block-start) var(--layout-projects3-padding-block-end);
  background-color: var(--color-surface-subtle);
  color: var(--color-text-tertiary);
  overflow-x: clip;
}
.projects-3 > .container {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--layout-projects3-stack-gap);
}
.projects-3__viewport {
  width: 100cqw;
  margin-left: calc(50% - 50cqw);
}
.projects-3__list {
  display: flex;
  align-items: flex-start;
  gap: var(--layout-projects3-card-gap);
  padding-inline-start: var(--layout-projects3-slider-inset);
  overflow-x: auto;
}
.projects-3__stage {
  display: none;
  position: relative;
  z-index: 0;
  isolation: isolate;
  width: 100%;
  height: var(--layout-projects3-stage-height);
  overflow: visible;
  touch-action: none;
  cursor: grab;
}
.projects-3__canvas {
  position: absolute;
  top: calc(-1 * var(--layout-projects3-stage-bleed));
  left: 0;
  display: block;
  width: 100%;
  height: calc(var(--layout-projects3-stage-height) + 2 * var(--layout-projects3-stage-bleed));
  pointer-events: none;
}
.projects-3.is-dragging .projects-3__stage {
  cursor: grabbing;
}
.projects-3__captions {
  position: absolute;
  inset: 0;
  z-index: 2;
  margin: 0;
  padding: 0;
  list-style: none;
  pointer-events: none;
}
.projects-3__caption {
  position: absolute;
  top: 0;
  left: 0;
  width: var(--projects-3-w, var(--layout-projects3-card-width));
  margin: 0;
  transform: translate3d(var(--projects-3-x, 0), var(--projects-3-y, 0), 0);
  pointer-events: auto;
  visibility: hidden;
}
.projects-3__caption.is-on {
  visibility: visible;
}
.projects-3__caption-link {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-2);
  color: inherit;
  text-decoration: none;
}
.projects-3__index, .projects-3__name {
  margin: 0;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
}
.projects-3__index {
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  text-transform: uppercase;
}
.projects-3__name {
  font-size: var(--font-size-md);
  line-height: var(--font-leading-md);
  text-align: right;
}
.projects-3__pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: var(--layout-projects3-pagination-gap) 0 0;
  font-size: var(--font-size-xl);
  line-height: var(--font-leading-xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
}
.projects-3__pagination-current {
  display: inline-flex;
  align-items: center;
  letter-spacing: normal;
}
.projects-3__pagination-sep {
  flex-shrink: 0;
}
.projects-3__pagination .odometer.odometer-animating-up .odometer-ribbon-inner, .projects-3__pagination .odometer.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  transition-duration: var(--motion-duration-instant);
}

.project-card-3 {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: var(--layout-projects3-card-meta-gap);
  width: var(--layout-projects3-card-width);
  color: inherit;
  text-decoration: none;
}
.project-card-3__media {
  width: var(--layout-projects3-card-width);
  height: var(--layout-projects3-card-height);
  overflow: hidden;
  background-color: var(--color-neutral-100);
}
.project-card-3__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.project-card-3__meta {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-2);
}
.project-card-3__index, .project-card-3__name {
  margin: 0;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
}
.project-card-3__index {
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  text-transform: uppercase;
}
.project-card-3__name {
  font-size: var(--font-size-md);
  line-height: var(--font-leading-md);
  text-align: right;
}

.js .projects-3.is-webgl .projects-3__list {
  display: none;
}
.js .projects-3.is-webgl .projects-3__stage {
  display: block;
}

.js .projects-3.is-dom-strip .projects-3__viewport {
  overflow: hidden;
  touch-action: none;
  cursor: grab;
}
.js .projects-3.is-dom-strip .projects-3__list {
  overflow: visible;
  will-change: transform;
  user-select: none;
}
.js .projects-3.is-dom-strip .projects-3__stage {
  display: none;
}
.js .projects-3.is-dom-strip.is-dragging .projects-3__viewport {
  cursor: grabbing;
}

.projects-4 {
  position: relative;
  z-index: 0;
  padding-block: var(--layout-projects4-padding-block);
  background-color: var(--color-surface-subtle);
  color: var(--color-text-tertiary);
}
.projects-4 > .container {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--layout-projects4-stack-gap);
}
.projects-4__title {
  margin: 0;
  font-size: var(--font-size-2xl);
  line-height: var(--font-leading-2xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
}
.projects-4__fallback {
  display: flex;
  flex-direction: column;
  gap: var(--layout-projects4-stack-gap);
}
.projects-4__card-link {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  color: inherit;
  text-decoration: none;
}
.projects-4__card-media {
  max-width: var(--layout-projects4-card-max);
  overflow: hidden;
  aspect-ratio: var(--layout-projects4-card-ratio);
  background-color: var(--color-neutral-100);
}
.projects-4__card-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.projects-4__card-copy {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  max-width: var(--layout-projects4-title-max);
}
.projects-4__card-num, .projects-4__card-meta {
  margin: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--layout-projects4-meta-tracking);
  text-transform: uppercase;
}
.projects-4__card-num {
  width: fit-content;
  padding-bottom: var(--layout-projects4-num-pad);
  letter-spacing: var(--layout-projects4-num-tracking);
  border-bottom: 1px solid var(--color-border-base);
}
.projects-4__card-title {
  margin: 0;
  font-size: var(--layout-projects4-title-size-sm);
  line-height: var(--layout-projects4-title-leading);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--layout-projects4-title-tracking);
  text-transform: uppercase;
}
.projects-4__card-meta {
  display: flex;
  justify-content: space-between;
  gap: var(--space-2);
  opacity: var(--layout-projects4-meta-opacity);
}
.projects-4__stage {
  display: none;
  position: relative;
  z-index: 0;
  isolation: isolate;
  width: 100%;
  height: var(--layout-projects4-height);
  overflow: hidden;
  touch-action: none;
  overscroll-behavior: none;
  cursor: grab;
  user-select: none;
}
.projects-4.is-dragging .projects-4__stage, .projects-4.is-dragging .projects-4__slide {
  cursor: grabbing;
}
.projects-4__canvas {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: none;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.projects-4__list {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.projects-4__slide {
  position: absolute;
  top: 0;
  left: 0;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: minmax(0, 1fr) auto;
  gap: var(--layout-projects4-slide-gap-sm);
  width: 100vw;
  height: var(--layout-projects4-height);
  padding: var(--layout-projects4-slide-pad-sm);
  color: inherit;
  text-decoration: none;
  cursor: grab;
  will-change: transform;
}
@media (min-width: 576px) {
  .projects-4__slide {
    gap: var(--layout-projects4-slide-gap-md);
    padding: var(--layout-projects4-slide-pad-md);
  }
}
@media (min-width: 1024px) {
  .projects-4__slide {
    grid-template-columns: var(--layout-projects4-slide-cols);
    grid-template-rows: none;
    gap: var(--layout-projects4-slide-gap);
    padding: var(--layout-projects4-slide-pad);
  }
}
.projects-4__frame {
  position: relative;
  width: 100%;
  height: 100%;
  max-height: var(--layout-projects4-frame-max-sm);
  overflow: hidden;
}
@media (min-width: 576px) {
  .projects-4__frame {
    max-height: var(--layout-projects4-frame-max-md);
  }
}
@media (min-width: 1024px) {
  .projects-4__frame {
    max-height: var(--layout-projects4-frame-max);
  }
}
.projects-4__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(var(--layout-projects4-img-scale));
  will-change: transform;
}
.projects-4__meta {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--layout-projects4-meta-gap);
}
.projects-4__num {
  display: inline-block;
  padding-bottom: var(--layout-projects4-num-pad);
  font-size: var(--layout-projects4-meta-size-sm);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--layout-projects4-num-tracking);
  text-transform: uppercase;
  border-bottom: 1px solid var(--color-border-base);
}
@media (min-width: 576px) {
  .projects-4__num {
    font-size: var(--font-size-xs);
  }
}
.projects-4__name {
  margin: 0;
  max-width: var(--layout-projects4-title-max);
  font-size: var(--layout-projects4-title-size-sm);
  line-height: var(--layout-projects4-title-leading);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--layout-projects4-title-tracking);
  text-transform: uppercase;
}
@media (min-width: 576px) {
  .projects-4__name {
    font-size: var(--layout-projects4-title-size-md);
  }
}
@media (min-width: 1024px) {
  .projects-4__name {
    font-size: var(--layout-projects4-title-size);
  }
}
.projects-4__meta-bottom {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--space-2);
  font-size: var(--layout-projects4-meta-size-sm);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--layout-projects4-meta-tracking);
  text-transform: uppercase;
  opacity: var(--layout-projects4-meta-opacity);
}
@media (min-width: 576px) {
  .projects-4__meta-bottom {
    font-size: var(--font-size-xs);
  }
}
.projects-4__rail {
  position: absolute;
  left: 50%;
  bottom: var(--layout-projects4-rail-inset-sm);
  z-index: 5;
  width: var(--layout-projects4-rail-width-sm);
  height: var(--layout-projects4-rail-height-sm);
  overflow: hidden;
  transform: translateX(-50%);
  mask-image: var(--layout-projects4-rail-mask);
  -webkit-mask-image: var(--layout-projects4-rail-mask);
}
@media (min-width: 576px) {
  .projects-4__rail {
    bottom: var(--layout-projects4-rail-inset-md);
    width: var(--layout-projects4-rail-width-md);
    height: var(--layout-projects4-rail-height-md);
  }
}
@media (min-width: 1024px) {
  .projects-4__rail {
    bottom: var(--layout-projects4-rail-inset);
    width: var(--layout-projects4-rail-width);
    height: var(--layout-projects4-rail-height);
  }
}
.projects-4__rail-track {
  position: relative;
  width: 100%;
  height: 100%;
}
.projects-4__rail-item {
  position: absolute;
  top: 0;
  left: calc(50% - var(--layout-projects4-rail-item) / 2);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--layout-projects4-rail-gap);
  width: var(--layout-projects4-rail-item);
  height: 100%;
  padding: 0 var(--layout-projects4-rail-pad);
  color: inherit;
  background: none;
  border: 0;
  font: inherit;
  opacity: var(--layout-projects4-rail-opacity);
  cursor: pointer;
  will-change: transform;
  transition: opacity var(--layout-projects4-rail-duration) var(--motion-easing-standard);
}
.projects-4__rail-item.is-active {
  opacity: 1;
}
.projects-4__rail-thumb {
  position: relative;
  flex-shrink: 0;
  width: var(--layout-projects4-rail-thumb-sm);
  height: var(--layout-projects4-rail-thumb-sm);
  overflow: hidden;
  border: 1px solid var(--color-border-base);
  transition: border-color var(--layout-projects4-rail-duration) var(--motion-easing-standard), transform var(--layout-projects4-rail-duration) var(--motion-easing-standard);
}
@media (min-width: 576px) {
  .projects-4__rail-thumb {
    width: var(--layout-projects4-rail-thumb-md);
    height: var(--layout-projects4-rail-thumb-md);
  }
}
@media (min-width: 1024px) {
  .projects-4__rail-thumb {
    width: var(--layout-projects4-rail-thumb);
    height: var(--layout-projects4-rail-thumb);
  }
}
.projects-4__rail-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.projects-4__rail-item.is-active .projects-4__rail-thumb {
  border-color: var(--color-text-tertiary);
  transform: scale(var(--layout-projects4-rail-active-scale));
}
.projects-4__rail-index {
  font-size: var(--layout-projects4-rail-index-size-sm);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--layout-projects4-meta-tracking);
  opacity: var(--layout-projects4-rail-index-opacity);
}
@media (min-width: 576px) {
  .projects-4__rail-index {
    font-size: var(--layout-projects4-rail-index-size);
  }
}
.projects-4__rail-item.is-active .projects-4__rail-index {
  opacity: 1;
}

.js .projects-4.is-cinema {
  padding-block: 0;
  height: var(--layout-projects4-height);
  overflow: hidden;
}
.js .projects-4.is-cinema > .container {
  max-width: none;
  width: 100%;
  padding-inline: 0;
  gap: 0;
}
.js .projects-4.is-cinema .projects-4__title {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.js .projects-4.is-cinema .projects-4__fallback {
  display: none;
}
.js .projects-4.is-cinema .projects-4__stage {
  display: block;
}

.js .projects-4.is-cinema.is-webgl .projects-4__canvas {
  display: block;
}
.js .projects-4.is-cinema.is-webgl .projects-4__image {
  visibility: hidden;
}
.js .projects-4.is-cinema.is-webgl .projects-4__slide {
  background-color: var(--color-surface-subtle);
}

.page-projects-4:has(.projects-4.is-cinema) #site-footer,
.page-projects-4:has(.projects-4.is-cinema) #bottom-nav-1 {
  display: none;
}

.projects-5 {
  position: relative;
  z-index: 0;
  padding-block: var(--layout-projects5-padding-block-start) var(--layout-projects5-padding-block-end);
  background-color: var(--color-surface-subtle);
  color: var(--color-text-tertiary);
}
.projects-5 > .container {
  position: relative;
}
.projects-5__layout {
  display: flex;
  flex-direction: column;
  gap: var(--layout-projects5-layout-gap);
}
@media (min-width: 1024px) {
  .projects-5__layout {
    display: grid;
    align-items: start;
    grid-template-columns: var(--layout-projects5-aside-width) minmax(0, 1fr);
  }
}
.projects-5__aside {
  display: flex;
  flex-direction: column;
  gap: var(--layout-projects5-aside-gap);
}
@media (min-width: 768px) {
  .projects-5__aside {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: start;
  }
}
@media (min-width: 1024px) {
  .projects-5__aside {
    display: flex;
    flex-direction: column;
    position: sticky;
    top: var(--layout-projects5-aside-top);
  }
}
.projects-5__eyebrow {
  margin: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-wide);
  text-transform: uppercase;
  color: var(--color-text-secondary);
}
@media (min-width: 768px) {
  .projects-5__eyebrow {
    grid-column: 1/-1;
  }
}
@media (min-width: 1024px) {
  .projects-5__eyebrow {
    grid-column: auto;
  }
}
.projects-5__filters {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
.projects-5__filter-label {
  margin: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-tertiary);
}
.projects-5__filter-list {
  display: flex;
  flex-direction: column;
  gap: var(--layout-projects5-filter-list-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}
.projects-5__filter {
  display: inline-flex;
  align-items: baseline;
  gap: var(--space-1);
  padding: 0;
  border: 0;
  background: none;
  color: var(--color-text-secondary);
  font: inherit;
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  text-align: left;
  cursor: pointer;
}
.projects-5__filter:hover, .projects-5__filter:focus-visible, .projects-5__filter.is-active {
  color: var(--color-text-tertiary);
}
.projects-5__filter:focus-visible {
  outline: 2px solid var(--color-text-tertiary);
  outline-offset: 2px;
}
.projects-5__filter-count {
  font-size: var(--font-size-2xs);
  line-height: var(--font-leading-2xs);
  color: var(--color-text-secondary);
}
.projects-5__main {
  min-width: 0;
}
.projects-5__list {
  margin: 0;
  padding: 0;
  list-style: none;
  border-bottom: 1px solid var(--color-border-base);
}
.projects-5__item {
  border-top: 1px solid var(--color-border-base);
  transition: opacity var(--motion-duration-instant) var(--motion-easing-standard);
}
.projects-5__item[hidden] {
  display: none;
}
.projects-5__item:hover .projects-5__row, .projects-5__item.is-active .projects-5__row, .projects-5__item:has(:focus-visible) .projects-5__row {
  transform: translateX(var(--layout-projects5-hover-shift));
}
.projects-5__item:hover .projects-5__index,
.projects-5__item:hover .projects-5__meta, .projects-5__item.is-active .projects-5__index,
.projects-5__item.is-active .projects-5__meta, .projects-5__item:has(:focus-visible) .projects-5__index,
.projects-5__item:has(:focus-visible) .projects-5__meta {
  color: var(--color-text-tertiary);
}
.projects-5__item:hover .projects-5__title, .projects-5__item.is-active .projects-5__title, .projects-5__item:has(:focus-visible) .projects-5__title {
  letter-spacing: var(--layout-projects5-title-tracking-hover);
}
@media (hover: hover) and (pointer: fine) {
  .projects-5__list:hover .projects-5__item:not(:hover):not(.is-active):not(:has(:focus-visible)), .projects-5__list.is-hot .projects-5__item:not(.is-active) {
    opacity: var(--layout-projects5-dim-opacity);
  }
}
.projects-5__row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--space-1) var(--space-2);
  align-items: baseline;
  padding-block: var(--layout-projects5-row-pad);
  color: inherit;
  text-decoration: none;
  transition: opacity var(--motion-duration-instant) var(--motion-easing-standard), transform var(--motion-duration-instant) var(--motion-easing-standard);
}
.projects-5__row:focus-visible {
  outline: 2px solid var(--color-text-tertiary);
  outline-offset: 2px;
}
@media (min-width: 768px) {
  .projects-5__row {
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--layout-projects5-row-gap);
  }
}
.projects-5__index {
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  color: var(--color-text-secondary);
  transition: color var(--motion-duration-instant) var(--motion-easing-standard);
}
.projects-5__title {
  margin: 0;
  font-size: var(--layout-projects5-title-size);
  line-height: var(--layout-projects5-title-leading);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--layout-projects5-title-tracking);
  text-transform: uppercase;
  transition: letter-spacing var(--motion-duration-instant) var(--motion-easing-standard);
}
.projects-5__meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-1) var(--space-2);
  grid-column: 2;
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  letter-spacing: var(--layout-projects5-meta-tracking);
  color: var(--color-text-secondary);
  transition: color var(--motion-duration-instant) var(--motion-easing-standard);
}
@media (min-width: 768px) {
  .projects-5__meta {
    display: grid;
    grid-column: auto;
    grid-template-columns: var(--layout-projects5-meta-cols);
    gap: var(--space-2);
    min-width: 0;
  }
}
.projects-5__empty {
  margin: 0;
  padding-block: var(--layout-projects5-empty-min);
  font-size: var(--font-size-sm);
  line-height: var(--font-leading-sm);
  color: var(--color-text-secondary);
}
.projects-5__preview {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 4;
  display: none;
  width: var(--layout-projects5-preview-width);
  height: var(--layout-projects5-preview-height);
  overflow: hidden;
  pointer-events: none;
  border-radius: var(--layout-projects5-preview-radius);
  opacity: 0;
  background-color: var(--color-neutral-100);
}
.projects-5__preview.is-visible {
  opacity: 1;
}
.projects-5.is-preview .projects-5__preview {
  display: block;
}
.projects-5__preview-frame {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.projects-5__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) {
  .projects-5__preview {
    display: none !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .projects-5__item,
  .projects-5__row,
  .projects-5__index,
  .projects-5__title,
  .projects-5__meta,
  .projects-5__preview,
  .projects-5__preview-image {
    transition: none;
  }
  .projects-5__item:hover .projects-5__row,
  .projects-5__item.is-active .projects-5__row,
  .projects-5__item:has(:focus-visible) .projects-5__row {
    transform: none;
  }
  .projects-5__preview {
    display: none !important;
  }
}
.works-hub {
  padding-block: var(--space-10) var(--space-8);
  background-color: var(--color-surface);
  color: var(--color-text-tertiary);
}
.works-hub .container {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
}
.works-hub__intro {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}
.works-hub__title {
  margin: 0;
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-semibold);
  line-height: var(--font-leading-2xl);
  letter-spacing: var(--font-tracking-display);
}
.works-hub__lead {
  margin: 0;
  font-size: var(--font-size-md);
  line-height: var(--font-leading-md);
  color: var(--color-text-secondary);
}
.works-hub__grid {
  display: grid;
  gap: var(--space-6);
  grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 768px) {
  .works-hub__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .works-hub__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.works-hub__card {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  color: inherit;
  text-decoration: none;
}
.works-hub__media {
  overflow: hidden;
  aspect-ratio: 4/3;
  background-color: var(--color-surface-subtle);
}
.works-hub__photo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.works-hub__meta {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
.works-hub__index {
  margin: 0;
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
}
.works-hub__label {
  margin: 0;
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-semibold);
  line-height: var(--font-leading-lg);
}
.works-hub__text {
  margin: 0;
  font-size: var(--font-size-md);
  line-height: var(--font-leading-md);
  color: var(--color-text-secondary);
}

.project-details-hero {
  padding-block: var(--layout-projectDetailsHero-padding-top) var(--layout-projectDetailsHero-padding-bottom);
  background-color: var(--color-surface-subtle);
  color: var(--color-text-tertiary);
}
.project-details-hero > .container {
  display: flex;
  flex-direction: column;
  gap: var(--layout-projectDetailsHero-stack-gap);
  min-width: 0;
}
.project-details-hero__title {
  margin: 0;
  width: 100%;
  font-size: var(--font-size-4xl);
  line-height: var(--font-leading-4xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: inherit;
  text-wrap: pretty;
}
.project-details-hero__intro {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  width: 100%;
  min-width: 0;
}
@media (min-width: 1024px) {
  .project-details-hero__intro {
    display: grid;
    grid-template-columns: minmax(0, var(--layout-projectDetailsHero-label-width)) minmax(0, 1fr);
    column-gap: var(--layout-projectDetailsHero-spec-gap);
    align-items: start;
  }
}
.project-details-hero__kicker {
  display: flex;
  align-items: center;
  gap: var(--layout-projectDetailsHero-kicker-gap);
  margin: 0;
  min-width: 0;
}
.project-details-hero__plus {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: var(--layout-projectDetailsHero-plus-size);
  height: var(--layout-projectDetailsHero-plus-size);
  border-radius: var(--radius-sm);
  background-color: var(--color-text-tertiary);
  color: var(--color-surface-base);
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-medium);
}
.project-details-hero__kicker-label {
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  color: inherit;
}
.project-details-hero__lead {
  margin: 0;
  max-width: var(--layout-projectDetailsHero-lead-width);
  font-size: var(--font-size-md);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
  text-wrap: pretty;
}
@media (min-width: 1024px) {
  .project-details-hero__lead {
    justify-self: end;
    width: 100%;
  }
}
.project-details-hero__specs {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  border-block-start: 1px solid var(--color-border-base);
}
.project-details-hero__spec {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  width: 100%;
  margin: 0;
  padding-block: var(--layout-projectDetailsHero-spec-pad);
  border-block-end: 1px solid var(--color-border-base);
}
@media (min-width: 1024px) {
  .project-details-hero__spec {
    display: grid;
    grid-template-columns: minmax(0, var(--layout-projectDetailsHero-label-width)) minmax(0, 1fr);
    column-gap: var(--layout-projectDetailsHero-spec-gap);
    align-items: center;
    gap: var(--layout-projectDetailsHero-spec-gap);
  }
}
.project-details-hero__spec-label, .project-details-hero__spec-value {
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
}
.project-details-hero__spec-label {
  color: var(--color-text-secondary);
}
.project-details-hero__spec-value {
  color: inherit;
}
.project-details-hero__lockup {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--layout-projectDetailsHero-lockup-gap);
  width: 100%;
  color: inherit;
}
.project-details-hero__mark {
  display: block;
  width: var(--layout-projectDetailsHero-mark-width);
  height: var(--layout-projectDetailsHero-mark-height);
  color: inherit;
}
.project-details-hero__mark svg {
  display: block;
  width: 100%;
  height: 100%;
}
.project-details-hero__brand {
  margin: 0;
  font-size: var(--font-size-md);
  line-height: 1.2;
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
}

.project-details-surfaces {
  padding-block: var(--layout-projectDetailsSurfaces-padding-top) var(--layout-projectDetailsSurfaces-padding-bottom);
  background-color: var(--color-surface-base);
  color: var(--color-text-tertiary);
}
.project-details-surfaces > .container {
  display: flex;
  flex-direction: column;
  gap: var(--layout-projectDetailsSurfaces-stack-gap);
  min-width: 0;
}
.project-details-surfaces__plate {
  display: flex;
  flex-direction: column;
  gap: var(--layout-projectDetailsSurfaces-plate-gap);
  width: 100%;
  min-width: 0;
  margin: 0;
}
.project-details-surfaces__media {
  position: relative;
  display: block;
  width: 100%;
  overflow: clip;
  aspect-ratio: var(--layout-projectDetailsSurfaces-plate-ratio);
  color: inherit;
  text-decoration: none;
  background-color: var(--color-placeholder-base);
  cursor: zoom-in;
}
.project-details-surfaces__photo {
  --scroll-parallax-travel: var(--layout-scroll-parallax-travel);
}
.project-details-surfaces__photo .anim-zoomin-wrap {
  width: 100%;
  height: 100%;
}
.project-details-surfaces__photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.project-details-surfaces__plate--hero .project-details-surfaces__media {
  aspect-ratio: var(--layout-projectDetailsSurfaces-hero-ratio);
}
.project-details-surfaces__plate--tall .project-details-surfaces__media {
  aspect-ratio: var(--layout-projectDetailsSurfaces-tall-ratio);
}
.project-details-surfaces__caption {
  margin: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-text-secondary);
}
.project-details-surfaces__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--layout-projectDetailsSurfaces-row-gap);
  width: 100%;
  min-width: 0;
}
@media (min-width: 768px) {
  .project-details-surfaces__row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: start;
  }
}

.project-details-constraint {
  padding-block: var(--layout-projectDetailsConstraint-padding-block) var(--layout-projectDetailsConstraint-padding-block);
  background-color: var(--color-surface-subtle);
  color: var(--color-text-tertiary);
}
.project-details-constraint > .container {
  display: flex;
  flex-direction: column;
  gap: var(--layout-projectDetailsConstraint-stack-gap);
  min-width: 0;
}
.project-details-constraint__split {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-6);
  width: 100%;
  min-width: 0;
}
@media (min-width: 1024px) {
  .project-details-constraint__split {
    grid-template-columns: minmax(0, var(--layout-projectDetailsConstraint-headline-width)) minmax(0, var(--layout-projectDetailsConstraint-rules-width));
    justify-content: space-between;
    align-items: start;
    gap: var(--space-8);
  }
}
.project-details-constraint__headline {
  margin: 0;
  font-size: var(--font-size-2xl);
  line-height: var(--font-leading-2xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: inherit;
  text-wrap: pretty;
}
.project-details-constraint__rules {
  display: flex;
  flex-direction: column;
  gap: var(--layout-projectDetailsConstraint-rules-gap);
  width: 100%;
  min-width: 0;
}
.project-details-constraint__rule {
  display: flex;
  flex-direction: column;
  gap: var(--layout-projectDetailsConstraint-rule-gap);
  width: 100%;
  min-width: 0;
}
.project-details-constraint__rule-head {
  display: flex;
  align-items: center;
  gap: var(--layout-projectDetailsConstraint-rule-head-gap);
  width: 100%;
  min-width: 0;
}
.project-details-constraint__rule-index {
  margin: 0;
  flex-shrink: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-text-secondary);
  white-space: nowrap;
}
.project-details-constraint__rule-title {
  margin: 0;
  flex: 1 1 auto;
  min-width: 0;
  font-size: var(--font-size-lg);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
  text-wrap: pretty;
}
.project-details-constraint__rule-text {
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
  text-wrap: pretty;
}

.project-details-file {
  padding-block: var(--layout-projectDetailsFile-padding-block) var(--layout-projectDetailsFile-padding-block);
  background-color: var(--color-surface-base);
  color: var(--color-text-tertiary);
}
.project-details-file > .container {
  display: flex;
  flex-direction: column;
  gap: var(--layout-projectDetailsFile-stack-gap);
  min-width: 0;
}
.project-details-file__split {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--layout-projectDetailsFile-split-gap);
  width: 100%;
  min-width: 0;
}
@media (min-width: 1024px) {
  .project-details-file__split {
    grid-template-columns: minmax(0, 1fr) minmax(0, var(--layout-projectDetailsFile-included-width));
    align-items: start;
  }
}
.project-details-file__plates {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--layout-projectDetailsFile-plates-gap);
  width: 100%;
  min-width: 0;
}
@media (min-width: 768px) {
  .project-details-file__plates {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.project-details-file__plate {
  display: flex;
  flex-direction: column;
  gap: var(--layout-projectDetailsFile-plate-gap);
  width: 100%;
  min-width: 0;
  margin: 0;
}
.project-details-file__media {
  position: relative;
  display: block;
  width: 100%;
  overflow: clip;
  aspect-ratio: var(--layout-projectDetailsFile-plate-ratio);
  border-radius: var(--radius-xs);
  color: inherit;
  text-decoration: none;
  background-color: var(--color-placeholder-base);
  cursor: zoom-in;
}
.project-details-file__photo {
  --scroll-parallax-travel: var(--layout-scroll-parallax-travel);
}
.project-details-file__photo .anim-zoomin-wrap {
  width: 100%;
  height: 100%;
}
.project-details-file__photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.project-details-file__caption {
  margin: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-text-secondary);
}
.project-details-file__list {
  display: flex;
  flex-direction: column;
  gap: var(--layout-projectDetailsFile-duty-gap);
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.project-details-file__duty {
  display: flex;
  align-items: center;
  gap: var(--layout-projectDetailsFile-duty-gap);
  width: 100%;
  padding-block: var(--layout-projectDetailsFile-duty-pad);
}
.project-details-file__duty-icon {
  display: block;
  flex-shrink: 0;
  width: var(--layout-projectDetailsFile-duty-icon);
  height: var(--layout-projectDetailsFile-duty-icon);
  overflow: clip;
  color: var(--color-text-secondary);
}
.project-details-file__duty-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.project-details-file__duty-text {
  margin: 0;
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  color: inherit;
}

.project-details-quote {
  padding-block: var(--layout-projectDetailsQuote-padding-block) var(--layout-projectDetailsQuote-padding-block);
  background-color: var(--color-neutral-800);
  color: var(--color-neutral-0);
}
.project-details-quote > .container {
  display: flex;
  flex-direction: column;
  gap: var(--layout-projectDetailsQuote-stack-gap);
  min-width: 0;
}
.project-details-quote .section-title-1 {
  color: inherit;
}
.project-details-quote .section-title-1__rule {
  background-color: var(--color-neutral-500);
}
.project-details-quote .section-title-1__rule::after {
  background-color: currentColor;
}
.project-details-quote__stage {
  display: flex;
  flex-direction: column-reverse;
  gap: var(--space-4);
  width: 100%;
  cursor: grab;
  touch-action: pan-y;
  user-select: none;
}
.project-details-quote__stage.is-dragging {
  cursor: grabbing;
}
@media (min-width: 1024px) {
  .project-details-quote__stage {
    display: grid;
    grid-template-columns: minmax(0, var(--layout-projectDetailsQuote-copy-width)) minmax(0, var(--layout-projectDetailsQuote-photo-width));
    justify-content: space-between;
    align-items: stretch;
    gap: var(--space-8);
  }
}
.project-details-quote__copy {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--space-6);
  min-width: 0;
}
@media (min-width: 1024px) {
  .project-details-quote__copy {
    min-height: var(--layout-projectDetailsQuote-photo-height);
  }
}
.project-details-quote__body {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
}
@media (min-width: 1024px) {
  .project-details-quote__body {
    gap: var(--layout-projectDetailsQuote-copy-gap);
  }
}
.project-details-quote__quotes {
  position: relative;
  min-height: var(--layout-projectDetailsQuote-quote-min);
  overflow: clip;
}
.project-details-quote__quote {
  margin: 0;
}
.project-details-quote__quote:not(.is-active) {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.project-details-quote__text {
  margin: 0;
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-semibold);
  line-height: var(--font-leading-xl);
  letter-spacing: var(--font-tracking-display);
  color: inherit;
  text-wrap: pretty;
}
.project-details-quote__authors {
  position: relative;
  min-width: 0;
  overflow: clip;
}
.project-details-quote__author {
  display: flex;
  align-items: flex-start;
  gap: var(--layout-projectDetailsQuote-author-gap);
}
.project-details-quote__author:not(.is-active) {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.project-details-quote__avatar {
  display: block;
  flex-shrink: 0;
  width: var(--layout-projectDetailsQuote-avatar-size);
  height: var(--layout-projectDetailsQuote-avatar-size);
  overflow: clip;
  object-fit: cover;
  border: 2px solid var(--color-neutral-50);
  border-radius: var(--radius-sm);
  background-color: var(--color-placeholder-base);
}
.project-details-quote__meta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-projectDetailsQuote-author-gap);
  min-width: 0;
}
.project-details-quote__name {
  margin: 0;
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-semibold);
  line-height: 1;
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
}
.project-details-quote__role {
  margin: 0;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  line-height: var(--font-leading-xs);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-text-secondary);
}
.project-details-quote__pager {
  display: inline-flex;
  flex-shrink: 0;
  align-items: baseline;
  align-self: flex-end;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-semibold);
  line-height: var(--font-leading-3xl);
  letter-spacing: var(--font-tracking-display);
  color: var(--color-neutral-300);
  white-space: nowrap;
}
.project-details-quote__pager:focus-visible {
  outline: 2px solid var(--color-neutral-0);
  outline-offset: var(--space-1);
}
.project-details-quote__media {
  position: relative;
  width: 100%;
  overflow: clip;
  aspect-ratio: var(--layout-projectDetailsQuote-photo-ratio);
  border-radius: var(--radius-md);
  background-color: var(--color-placeholder-base);
  cursor: grab;
}
@media (min-width: 1024px) {
  .project-details-quote__media {
    max-width: var(--layout-projectDetailsQuote-photo-width);
  }
}
.project-details-quote__photo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: clip;
  pointer-events: none;
  user-select: none;
  opacity: 0;
  z-index: 1;
}
.project-details-quote__photo.is-active {
  opacity: 1;
  z-index: 2;
  pointer-events: auto;
}
.project-details-quote__still {
  --scroll-parallax-travel: var(--layout-scroll-parallax-travel);
}
.project-details-quote__still .anim-zoomin-wrap,
.project-details-quote__still .grid-deform {
  width: 100%;
  height: 100%;
}
.project-details-quote__still .grid-deform__source {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  pointer-events: none;
  -webkit-user-drag: none;
}
.project-details-quote__credit {
  margin: 0;
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  color: var(--color-neutral-300);
}

.project-details-outcome {
  padding-block: var(--layout-projectDetailsOutcome-padding-block) var(--layout-projectDetailsOutcome-padding-block);
  background-color: var(--color-surface-base);
  color: var(--color-text-tertiary);
}
.project-details-outcome > .container {
  display: flex;
  flex-direction: column;
  gap: var(--layout-projectDetailsOutcome-stack-gap);
  min-width: 0;
}
.project-details-outcome__stats {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-4);
  width: 100%;
  min-width: 0;
}
@media (min-width: 768px) {
  .project-details-outcome__stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--layout-projectDetailsOutcome-stats-gap);
  }
}
.project-details-outcome__stat {
  display: flex;
  flex-direction: column;
  gap: var(--layout-projectDetailsOutcome-stat-gap);
  min-width: 0;
}
.project-details-outcome__value {
  display: flex;
  align-items: flex-start;
  margin: 0;
  font-size: var(--font-size-2xl);
  line-height: var(--font-leading-2xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: inherit;
}
.project-details-outcome__value .has-odometer,
.project-details-outcome__value .odometer {
  letter-spacing: normal;
}
.project-details-outcome__suffix {
  flex-shrink: 0;
}
.project-details-outcome__label {
  margin: 0;
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-secondary);
}

.project-details-related {
  padding-block: var(--layout-projectDetailsRelated-padding-block) var(--layout-projectDetailsRelated-padding-block);
  background-color: var(--color-surface-subtle);
  color: var(--color-text-tertiary);
}
.project-details-related > .container {
  display: flex;
  flex-direction: column;
  gap: var(--layout-projectDetailsRelated-stack-gap);
  min-width: 0;
}
.project-details-related__grid {
  display: grid;
  gap: var(--layout-projectDetailsRelated-grid-row-gap) var(--layout-projectDetailsRelated-grid-column-gap);
  grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 1024px) {
  .project-details-related__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.project-details-related__grid .project-card-1 {
  max-width: none;
}

.showcase-1 {
  position: relative;
  z-index: 0;
  color: var(--color-showcase-cream);
  background-color: var(--color-neutral-950);
}
.showcase-1 > .container {
  position: relative;
  max-width: none;
  width: 100%;
  padding-inline: 0;
}
.showcase-1__page-title {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.showcase-1__stage {
  position: relative;
  z-index: 0;
  isolation: isolate;
  display: flex;
  width: 100%;
  height: var(--layout-showcase1-height-min);
  min-height: var(--layout-showcase1-height-min);
  overflow: hidden;
  touch-action: none;
}
.showcase-1__column {
  position: relative;
  z-index: 0;
  isolation: isolate;
  flex: 1 1 50%;
  height: 100%;
  overflow: hidden;
}
.showcase-1__slide {
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.showcase-1__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform-origin: center center;
  will-change: transform;
}
.showcase-1__overlay {
  position: absolute;
  inset: 0;
  background-color: var(--color-neutral-950);
  opacity: var(--layout-showcase1-overlay-opacity);
  pointer-events: none;
}
.showcase-1__content {
  position: absolute;
  top: 0;
  width: 100vw;
  height: 100%;
  color: var(--color-showcase-1);
  pointer-events: none;
  will-change: transform;
}
.showcase-1__content--1 {
  color: var(--color-showcase-1);
}
.showcase-1__content--2 {
  color: var(--color-showcase-2);
}
.showcase-1__content--3 {
  color: var(--color-showcase-3);
}
.showcase-1__content--4 {
  color: var(--color-showcase-4);
}
.showcase-1__content--5 {
  color: var(--color-showcase-5);
}
.showcase-1__content--6 {
  color: var(--color-showcase-6);
}
.showcase-1__column--left .showcase-1__content {
  left: 0;
}
.showcase-1__column--right .showcase-1__content {
  right: 0;
}
.showcase-1__tag {
  position: absolute;
  top: var(--layout-showcase1-tag-top);
  left: 50%;
  margin: 0;
  transform: translateX(-50%);
  width: min(100%, 24rem);
  padding-inline: var(--space-2);
  text-align: center;
  font-size: var(--font-size-lg);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
}
.showcase-1__title {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  transform: translate(-50%, -50%);
  max-width: 100%;
  padding-inline: var(--space-2);
  text-align: center;
  font-size: var(--layout-showcase1-title-size);
  line-height: var(--layout-showcase1-title-leading);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--layout-showcase1-title-tracking);
  text-transform: uppercase;
  white-space: nowrap;
}
.showcase-1__title-link {
  color: inherit;
  text-decoration: none;
  pointer-events: auto;
}
.showcase-1__desc {
  position: absolute;
  top: var(--layout-showcase1-desc-top);
  left: 50%;
  margin: 0;
  transform: translateX(-50%);
  width: min(100%, var(--layout-showcase1-desc-max));
  padding-inline: var(--space-2);
  text-align: center;
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
}
.showcase-1__pagination {
  position: absolute;
  z-index: 2;
  right: var(--layout-showcase1-pagination-inset);
  bottom: var(--layout-showcase1-pagination-bottom);
  display: flex;
  align-items: center;
  margin: 0;
  font-size: var(--font-size-xl);
  line-height: var(--font-leading-xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: var(--color-neutral-0);
  pointer-events: none;
}
.showcase-1__pagination-current {
  display: inline-flex;
  align-items: center;
  letter-spacing: normal;
}
.showcase-1__pagination-tens.odometer, .showcase-1__pagination-ones.odometer {
  letter-spacing: normal;
}
.showcase-1__pagination-sep {
  flex-shrink: 0;
  margin-inline: 0;
}
.showcase-1__pagination .odometer.odometer-animating-up .odometer-ribbon-inner, .showcase-1__pagination .odometer.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  transition-duration: var(--motion-duration-instant);
}

.services-1 {
  --color-neutral-0: #ffffff;
  --color-neutral-700: #3a3a3a;
  --color-neutral-900: #0a0a0a;
  --color-surface-inverse: #000000;
  --color-text-secondary: #696969;
  --color-placeholder-base: #d1d1d1;
  position: relative;
  padding-block: var(--layout-services1-padding-block);
  color: var(--color-neutral-0);
  background-color: var(--color-surface-inverse);
  overflow: hidden;
}
.services-1__lines {
  position: absolute;
  inset-block: 0;
  left: 50%;
  z-index: 0;
  display: none;
  width: 100%;
  max-width: var(--layout-container-max);
  pointer-events: none;
  transform: translateX(-50%);
}
@media (min-width: 1024px) {
  .services-1__lines {
    display: flex;
    justify-content: space-between;
  }
}
.services-1__line {
  display: flex;
  justify-content: space-between;
  flex-shrink: 0;
  width: var(--layout-services1-line-group-width);
  height: 100%;
}
.services-1__line > span {
  display: block;
  width: 1px;
  height: 100%;
  background-color: var(--color-neutral-900);
}
.services-1__inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: var(--layout-services1-stack-gap);
}
.services-1__headline {
  margin: 0;
  max-width: 100%;
  font-size: var(--font-size-3xl);
  line-height: var(--font-leading-3xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: var(--color-neutral-0);
  text-wrap: balance;
}
.services-1__list {
  display: flex;
  flex-direction: column;
}

.services-2 {
  padding-block: var(--layout-services2-padding-block-start) var(--layout-services2-padding-block-end);
  background-color: var(--color-surface-base);
  color: var(--color-text-tertiary);
}
.services-2 .container {
  display: flex;
  flex-direction: column;
  gap: var(--layout-services2-stack-gap);
}
.services-2__list {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: var(--layout-services2-list-gap);
  perspective: var(--layout-services2-stack-perspective);
  perspective-origin: 50% 0;
  overflow: visible;
}
.services-2__list.is-js-pin .services-2__item {
  position: relative;
  top: auto;
}
@media (min-width: 1024px) {
  .services-2__list.is-css-sticky .services-2__item {
    position: sticky;
    top: var(--layout-services2-stack-pin-offset);
  }
}
.services-2__item {
  position: relative;
  z-index: 0;
  transform-style: preserve-3d;
}
.services-2__item:nth-child(1) {
  z-index: 1;
}
.services-2__item:nth-child(2) {
  z-index: 2;
}
.services-2__item:nth-child(3) {
  z-index: 3;
}
.services-2__item:nth-child(4) {
  z-index: 4;
}
.services-2__item:nth-child(5) {
  z-index: 5;
}
.services-2__item:nth-child(6) {
  z-index: 6;
}
.services-2__quote {
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
  gap: var(--layout-services2-quote-gap);
  width: 100%;
  max-width: var(--layout-services2-quote-width);
  margin: 0;
  margin-inline-start: auto;
}
.services-2__quote-text {
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-tertiary);
  text-wrap: pretty;
}
.services-2__author {
  display: flex;
  align-items: center;
  gap: var(--layout-services2-author-gap);
}
.services-2__avatar {
  flex-shrink: 0;
  width: var(--layout-services2-avatar-size);
  height: var(--layout-services2-avatar-size);
  margin: 0;
  overflow: clip;
  border-radius: var(--radius-xs);
  background-color: var(--color-placeholder-base);
}
.services-2__avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.services-2__cite {
  display: flex;
  flex-direction: column;
  gap: var(--layout-services2-name-gap);
  font-style: normal;
}
.services-2__name {
  font-size: var(--font-size-md);
  line-height: var(--font-leading-md);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-tertiary);
}
.services-2__role {
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-secondary);
  text-transform: uppercase;
}

.service-card-2 {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-3);
  align-items: start;
  padding-block: var(--layout-service-card2-pad-block);
  padding-inline: 0;
  border-bottom: 1px solid var(--color-border-base);
  background-color: var(--color-surface-base);
  color: inherit;
  text-decoration: none;
  transform-origin: 50% 0;
  transform-style: preserve-3d;
  will-change: transform;
}
@media (min-width: 768px) {
  .service-card-2 {
    grid-template-columns: var(--layout-service-card2-index-width) minmax(0, 1fr);
    column-gap: var(--space-4);
  }
  .service-card-2__tags, .service-card-2__media {
    grid-column: 2;
  }
}
@media (min-width: 1024px) {
  .service-card-2 {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    column-gap: var(--space-4);
    padding-inline: var(--layout-service-card2-pad-inline);
  }
  .service-card-2__tags, .service-card-2__media {
    grid-column: auto;
  }
  .service-card-2__tags {
    flex: 0 1 var(--layout-service-card2-tags-width);
    width: var(--layout-service-card2-tags-width);
  }
  .service-card-2__media {
    flex-shrink: 0;
  }
}
.service-card-2__index {
  margin: 0;
  flex-shrink: 0;
  width: var(--layout-service-card2-index-width);
  font-size: var(--font-size-lg);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-tertiary);
}
.service-card-2__copy {
  display: flex;
  flex-direction: column;
  gap: var(--layout-service-card2-copy-gap);
  min-width: 0;
  flex: 1 1 var(--layout-service-card2-copy-width);
  max-width: var(--layout-service-card2-copy-width);
}
.service-card-2__title {
  margin: 0;
  font-size: var(--font-size-xl);
  line-height: var(--font-leading-xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: var(--color-text-tertiary);
  text-wrap: balance;
}
.service-card-2__text {
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-secondary);
  text-wrap: pretty;
}
.service-card-2__tags {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: flex-start;
  gap: var(--layout-service-card2-tag-gap);
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.service-card-2__tag {
  flex-shrink: 0;
  padding: var(--layout-service-card2-tag-pad-block) var(--layout-service-card2-tag-pad-inline);
  border: 1px solid var(--color-border-base);
  border-radius: var(--radius-xs);
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-tertiary);
  text-transform: uppercase;
  white-space: nowrap;
}
.service-card-2__media {
  width: 100%;
  max-width: var(--layout-service-card2-media-width);
  height: var(--layout-service-card2-media-height);
  overflow: clip;
  border-radius: var(--radius-xs);
  background-color: transparent;
  transform: translateZ(0);
  transform-style: flat;
}
@media (min-width: 1024px) {
  .service-card-2__media {
    width: var(--layout-service-card2-media-width);
    max-width: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .service-card-2 {
    will-change: auto;
  }
}
.services-3 {
  --color-neutral-0: #ffffff;
  --color-surface-inverse: #1A1A1A;
  --color-text-tertiary: #ffffff;
  --color-placeholder-base: #d1d1d1;
  position: relative;
  overflow-x: clip;
  color: var(--color-text-tertiary);
  background-color: var(--color-surface-inverse);
}
.services-3 > .container {
  position: relative;
  z-index: 1;
  padding-block: var(--space-8) var(--space-6);
  padding-inline: var(--space-2);
}
@media (min-width: 1024px) {
  .services-3 > .container {
    max-width: var(--layout-services3-stage-width);
    min-height: var(--layout-services3-min-height);
    padding: var(--space-8) 0 0;
  }
}
.services-3__heading {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.services-3__bgs {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: clip;
  pointer-events: none;
}
.services-3__bg {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity var(--motion-duration-instant) var(--motion-easing-standard);
}
.services-3__bg.is-active {
  opacity: 1;
}
.services-3__bg-img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
}
.services-3__stage {
  position: relative;
}
@media (min-width: 1024px) {
  .services-3__stage {
    min-height: var(--layout-services3-min-height);
  }
}
.services-3__list {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-2);
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
@media (min-width: 1024px) {
  .services-3__list {
    justify-content: center;
    min-height: var(--layout-services3-min-height);
    gap: var(--layout-services3-title-gap);
  }
}
.services-3__title {
  position: relative;
  display: inline-block;
  overflow: visible;
  font-size: var(--font-size-2xl);
  line-height: var(--font-leading-2xl);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
  white-space: nowrap;
  transition: opacity var(--motion-duration-instant) var(--motion-easing-standard);
}
@media (min-width: 1024px) {
  .services-3__title {
    font-size: var(--font-size-4xl);
    line-height: var(--font-leading-4xl);
  }
}
.services-3__title::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 2px;
  pointer-events: none;
  background-color: currentColor;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform var(--motion-duration-instant) var(--motion-easing-standard);
}
.services-3__title:hover, .services-3__title:focus-visible, .services-3__title.is-active {
  opacity: 1;
}
.services-3__title:hover::after, .services-3__title:focus-visible::after {
  transform: scaleX(1);
  transform-origin: left;
}
@media (min-width: 1024px) {
  .services-3__list:hover .services-3__title:not(:hover):not(:focus-visible) {
    opacity: 0.45;
  }
}
.services-3__previews {
  display: none;
  pointer-events: none;
}
@media (min-width: 1024px) {
  .services-3__previews {
    display: block;
  }
}
.services-3__preview {
  position: absolute;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.88);
  transform-origin: center center;
  will-change: transform, opacity;
}
.services-3__preview--1 {
  left: var(--layout-services3-s1-left);
  top: var(--layout-services3-s1-top);
  width: var(--layout-services3-s1-width);
  height: var(--layout-services3-s1-height);
}
.services-3__preview--2 {
  left: var(--layout-services3-s2-left);
  top: var(--layout-services3-s2-top);
  width: var(--layout-services3-s2-width);
  height: var(--layout-services3-s2-height);
}
.services-3__preview--3 {
  left: var(--layout-services3-s3-left);
  top: var(--layout-services3-s3-top);
  width: var(--layout-services3-s3-width);
  height: var(--layout-services3-s3-height);
}
.services-3__preview--4 {
  left: var(--layout-services3-s4-left);
  top: var(--layout-services3-s4-top);
  width: var(--layout-services3-s4-width);
  height: var(--layout-services3-s4-height);
}
.services-3__preview--5 {
  left: var(--layout-services3-s5-left);
  top: var(--layout-services3-s5-top);
  width: var(--layout-services3-s5-width);
  height: var(--layout-services3-s5-height);
}
.services-3__photo {
  position: absolute;
  margin: 0;
  overflow: clip;
  background-color: var(--color-placeholder-base);
}
@media (min-width: 1024px) {
  .services-3__photo {
    will-change: transform;
  }
}
.services-3__photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.services-3__photo--1-a {
  left: var(--layout-services3-s1-a-left);
  top: var(--layout-services3-s1-a-top);
  width: var(--layout-services3-s1-a-width);
  height: var(--layout-services3-s1-a-height);
}
.services-3__photo--1-b {
  left: var(--layout-services3-s1-b-left);
  top: var(--layout-services3-s1-b-top);
  width: var(--layout-services3-s1-b-width);
  height: var(--layout-services3-s1-b-height);
}
.services-3__photo--2-a {
  left: var(--layout-services3-s2-a-left);
  top: var(--layout-services3-s2-a-top);
  width: var(--layout-services3-s2-a-width);
  height: var(--layout-services3-s2-a-height);
}
.services-3__photo--2-b {
  left: var(--layout-services3-s2-b-left);
  top: var(--layout-services3-s2-b-top);
  width: var(--layout-services3-s2-b-width);
  height: var(--layout-services3-s2-b-height);
}
.services-3__photo--3-a {
  left: var(--layout-services3-s3-a-left);
  top: var(--layout-services3-s3-a-top);
  width: var(--layout-services3-s3-a-width);
  height: var(--layout-services3-s3-a-height);
}
.services-3__photo--3-b {
  left: var(--layout-services3-s3-b-left);
  top: var(--layout-services3-s3-b-top);
  width: var(--layout-services3-s3-b-width);
  height: var(--layout-services3-s3-b-height);
}
.services-3__photo--4-a {
  left: var(--layout-services3-s4-a-left);
  top: var(--layout-services3-s4-a-top);
  width: var(--layout-services3-s4-a-width);
  height: var(--layout-services3-s4-a-height);
}
.services-3__photo--4-b {
  left: var(--layout-services3-s4-b-left);
  top: var(--layout-services3-s4-b-top);
  width: var(--layout-services3-s4-b-width);
  height: var(--layout-services3-s4-b-height);
}
.services-3__photo--5-a {
  left: var(--layout-services3-s5-a-left);
  top: var(--layout-services3-s5-a-top);
  width: var(--layout-services3-s5-a-width);
  height: var(--layout-services3-s5-a-height);
}
.services-3__photo--5-b {
  left: var(--layout-services3-s5-b-left);
  top: var(--layout-services3-s5-b-top);
  width: var(--layout-services3-s5-b-width);
  height: var(--layout-services3-s5-b-height);
}

.services-hero-1 {
  padding-block: var(--layout-servicesHero1-padding-top) var(--layout-servicesHero1-padding-bottom);
  background-color: var(--color-neutral-100);
  color: var(--color-text-tertiary);
}
.services-hero-1 > .container {
  min-width: 0;
}
.services-hero-1__layout {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
  align-items: stretch;
  min-width: 0;
}
@media (min-width: 1024px) {
  .services-hero-1__layout {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--space-6);
  }
}
.services-hero-1__intro {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-servicesHero1-intro-gap);
  min-width: 0;
}
.services-hero-1__label {
  margin: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-neutral-700);
}
.services-hero-1__title {
  margin: 0;
  max-width: var(--layout-servicesHero1-title-width);
  font-size: var(--font-size-2xl);
  line-height: var(--font-leading-2xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: inherit;
  text-wrap: pretty;
}
.services-hero-1__lead {
  margin: 0;
  max-width: var(--layout-servicesHero1-lead-width);
  font-size: var(--font-size-md);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-secondary);
  text-wrap: pretty;
}
.services-hero-1__stats {
  position: relative;
  flex: 0 0 auto;
  width: 100%;
  min-height: 0;
}
@media (min-width: 1024px) {
  .services-hero-1__stats {
    width: var(--layout-servicesHero1-stats-width);
    height: var(--layout-servicesHero1-stats-height);
    overflow: visible;
  }
}
.services-hero-1__stat {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-servicesHero1-stat-gap);
  width: 100%;
  max-width: var(--layout-servicesHero1-stat-width);
}
@media (min-width: 768px) {
  .services-hero-1__stat {
    display: inline-flex;
    vertical-align: top;
  }
}
@media (min-width: 1024px) {
  .services-hero-1__stat {
    position: absolute;
    display: flex;
    width: var(--layout-servicesHero1-stat-width);
    max-width: none;
  }
}
@media (min-width: 1024px) {
  .services-hero-1__stat--1 {
    top: 0;
    left: var(--layout-servicesHero1-stat-1-left);
  }
}
.services-hero-1__stat--2 {
  margin-top: var(--space-5);
  max-width: var(--layout-servicesHero1-stat-2-width);
}
@media (min-width: 768px) {
  .services-hero-1__stat--2 {
    margin-top: 0;
    margin-inline-start: var(--space-6);
  }
}
@media (min-width: 1024px) {
  .services-hero-1__stat--2 {
    top: var(--layout-servicesHero1-stat-2-top);
    left: var(--layout-servicesHero1-stat-2-left);
    width: var(--layout-servicesHero1-stat-2-width);
    margin: 0;
  }
}
.services-hero-1__value {
  margin: 0;
  font-size: var(--font-size-3xl);
  line-height: var(--font-leading-3xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: inherit;
  white-space: nowrap;
}
.services-hero-1__stat-label {
  margin: 0;
  font-size: var(--font-size-md);
  line-height: var(--font-leading-md);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
}
.services-hero-1__stat-meta {
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: var(--font-leading-sm);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-secondary);
}
.services-hero-1__thumbs {
  display: flex;
  gap: var(--layout-servicesHero1-thumbs-gap);
  padding-top: var(--layout-servicesHero1-thumbs-pad);
}
.services-hero-1__thumb {
  display: block;
  width: var(--layout-servicesHero1-thumb-width);
  height: var(--layout-servicesHero1-thumb-height);
  object-fit: cover;
  border-radius: var(--radius-xs);
  background-color: var(--color-placeholder-base);
}
.services-hero-1__avatars {
  display: flex;
  align-items: center;
  padding-top: var(--layout-servicesHero1-thumbs-pad);
}
.services-hero-1__avatar {
  display: block;
  flex-shrink: 0;
  width: var(--layout-servicesHero1-avatar-size);
  height: var(--layout-servicesHero1-avatar-size);
  margin-inline-end: var(--layout-servicesHero1-avatar-overlap);
  overflow: clip;
  border: var(--layout-servicesHero1-avatar-border) solid var(--color-neutral-50);
  border-radius: 100px;
  background-color: var(--color-neutral-200);
}
.services-hero-1__avatar:last-child {
  margin-inline-end: 0;
}
.services-hero-1__avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.services-4 {
  padding-block: var(--layout-services4-padding-top) var(--layout-services4-padding-bottom);
  background-color: var(--color-surface-base);
  color: var(--color-text-tertiary);
}
.services-4 > .container {
  min-width: 0;
}
.services-4__layout {
  display: flex;
  flex-direction: column;
  gap: var(--layout-services4-stack-gap);
  min-width: 0;
}
@media (min-width: 1024px) {
  .services-4__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, var(--layout-services4-cards-max));
    align-items: start;
    column-gap: var(--space-6);
  }
}
.services-4__title {
  margin: 0;
  font-size: var(--font-size-3xl);
  line-height: var(--font-leading-3xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: inherit;
  text-wrap: balance;
}
.services-4__main {
  display: flex;
  flex-direction: column;
  gap: var(--layout-services4-stack-gap);
  min-width: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .services-4__main {
    grid-column: 2;
    max-width: var(--layout-services4-cards-max);
    margin-inline-start: auto;
  }
}
.services-4__list {
  display: flex;
  flex-direction: column;
  gap: var(--layout-services4-list-gap);
  width: 100%;
}
.services-4__quote {
  display: flex;
  flex-direction: column;
  gap: var(--layout-services4-quote-gap);
  width: 100%;
  max-width: var(--layout-services4-quote-width);
  margin: 0;
  margin-inline-start: auto;
}
.services-4__quote-text {
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-neutral-950);
  text-wrap: pretty;
}
.services-4__author {
  display: flex;
  align-items: center;
  gap: var(--layout-services4-author-gap);
}
.services-4__avatar {
  flex-shrink: 0;
  width: var(--layout-services4-avatar-size);
  height: var(--layout-services4-avatar-size);
  margin: 0;
  overflow: clip;
  border-radius: var(--radius-xs);
  background-color: var(--color-placeholder-base);
}
.services-4__avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.services-4__cite {
  display: flex;
  flex-direction: column;
  gap: var(--layout-services4-name-gap);
  font-style: normal;
}
.services-4__name {
  font-size: var(--font-size-md);
  line-height: var(--font-leading-md);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-neutral-950);
}
.services-4__role {
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-secondary);
  text-transform: uppercase;
}

.service-card-3 {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 0;
  overflow: clip;
  color: var(--color-neutral-0);
}
@media (min-width: 768px) {
  .service-card-3 {
    flex-direction: row;
    align-items: stretch;
    min-height: var(--layout-service-card3-height);
  }
}
.service-card-3__media {
  flex: 0 0 auto;
  width: 100%;
  aspect-ratio: 559/640;
  overflow: clip;
  background-color: var(--color-neutral-100);
}
@media (min-width: 768px) {
  .service-card-3__media {
    flex: 0 0 50%;
    width: 50%;
    aspect-ratio: auto;
    align-self: stretch;
    min-height: var(--layout-service-card3-height);
  }
}
.service-card-3__copy {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--space-6);
  min-width: 0;
  padding: var(--layout-service-card3-pad);
  background-color: var(--color-neutral-800);
}
.service-card-3__top {
  display: flex;
  flex-direction: column;
  gap: var(--layout-service-card3-top-gap);
  width: 100%;
  min-width: 0;
}
.service-card-3__head {
  display: flex;
  flex-direction: column;
  gap: var(--layout-service-card3-head-gap);
  width: 100%;
}
.service-card-3__category {
  display: flex;
  align-items: center;
  gap: var(--layout-service-card3-category-gap);
  margin: 0;
  font-size: var(--font-size-base);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
  white-space: nowrap;
}
.service-card-3__text {
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
  text-wrap: pretty;
}
.service-card-3__included {
  display: flex;
  flex-direction: column;
  gap: var(--layout-service-card3-included-gap);
  width: 100%;
}
.service-card-3__included-label {
  margin: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-neutral-300);
  white-space: nowrap;
}
.service-card-3__list {
  display: flex;
  flex-direction: column;
  gap: var(--layout-service-card3-list-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}
.service-card-3__item {
  margin: 0;
  font-size: var(--font-size-base);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
}
.service-card-3__cta {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
.service-card-3__cta .btn-1--soft {
  color: var(--color-neutral-950);
  background-color: var(--color-neutral-0);
}

.details-hero-1 {
  padding-block: var(--layout-detailsHero1-padding-top) var(--layout-detailsHero1-padding-bottom);
  background-color: var(--color-neutral-50);
  color: var(--color-text-tertiary);
}
.details-hero-1 > .container {
  min-width: 0;
}
.details-hero-1__layout {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-detailsHero1-body-gap);
  min-width: 0;
}
@media (min-width: 1024px) {
  .details-hero-1__layout {
    flex-direction: row;
    justify-content: space-between;
    gap: var(--space-6);
  }
}
.details-hero-1__copy {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: var(--layout-detailsHero1-copy-gap);
  min-width: 0;
  width: 100%;
  max-width: var(--layout-detailsHero1-copy-width);
}
.details-hero-1__head {
  display: flex;
  flex-direction: column;
  gap: var(--layout-detailsHero1-head-gap);
  min-width: 0;
}
.details-hero-1__label, .details-hero-1__spec-label, .details-hero-1__about-label {
  margin: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-text-secondary);
}
.details-hero-1__title {
  margin: 0;
  font-size: var(--font-size-3xl);
  line-height: var(--font-leading-3xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: inherit;
  text-wrap: pretty;
}
.details-hero-1__lead {
  margin: 0;
  font-size: var(--font-size-md);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
  text-wrap: pretty;
}
.details-hero-1__spec-grid {
  display: flex;
  flex-direction: column;
  gap: var(--layout-detailsHero1-spec-grid-gap);
  width: 100%;
  min-width: 0;
}
.details-hero-1__spec-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--layout-detailsHero1-spec-row-gap);
  width: 100%;
}
@media (min-width: 768px) {
  .details-hero-1__spec-row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.details-hero-1__spec {
  display: flex;
  flex-direction: column;
  gap: var(--layout-detailsHero1-spec-gap);
  min-width: 0;
  padding-block: var(--layout-detailsHero1-spec-pad-block);
}
.details-hero-1__spec-value, .details-hero-1__spec-link, .details-hero-1__about-text {
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
  text-wrap: pretty;
}
.details-hero-1__spec-link {
  text-decoration: none;
}
.details-hero-1__spec-link:hover, .details-hero-1__spec-link:focus-visible {
  color: var(--color-text-inverse);
}
.details-hero-1__about {
  display: flex;
  flex-direction: column;
  gap: var(--layout-detailsHero1-about-gap);
  max-width: var(--layout-detailsHero1-about-width);
  min-width: 0;
}
.details-hero-1__card {
  display: flex;
  flex-direction: column;
  gap: var(--layout-detailsHero1-card-gap);
  width: 100%;
  min-width: 0;
  padding: var(--layout-detailsHero1-card-pad);
  background-color: var(--color-surface-base);
  border-radius: var(--radius-xs);
}
@media (min-width: 1024px) {
  .details-hero-1__card {
    flex: 0 0 var(--layout-detailsHero1-card-width);
    width: var(--layout-detailsHero1-card-width);
  }
}
.details-hero-1__media {
  width: 100%;
  height: var(--layout-detailsHero1-card-media-height);
  overflow: clip;
  border-radius: var(--radius-xs);
  background-color: var(--color-neutral-100);
}
.details-hero-1__action {
  width: 100%;
  padding-block-start: 0;
}

.details-sec-1 {
  padding-block: var(--layout-detailsSec1-padding-block) var(--layout-detailsSec1-padding-block);
  background-color: var(--color-surface-base);
  color: var(--color-text-tertiary);
}
.details-sec-1 > .container {
  display: flex;
  flex-direction: column;
  gap: var(--layout-detailsSec1-stack-gap);
  min-width: 0;
}
.details-sec-1__row {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-detailsSec1-row-gap);
  width: 100%;
  min-width: 0;
}
@media (min-width: 1024px) {
  .details-sec-1__row {
    flex-direction: row;
    justify-content: space-between;
    gap: var(--space-6);
  }
}
.details-sec-1__intro {
  display: flex;
  flex-direction: column;
  gap: var(--layout-detailsSec1-intro-gap);
  width: 100%;
  max-width: var(--layout-detailsSec1-intro-width);
  min-width: 0;
}
.details-sec-1__headline {
  margin: 0;
  font-size: var(--font-size-2xl);
  line-height: var(--font-leading-2xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: inherit;
  text-wrap: pretty;
}
.details-sec-1__lead {
  margin: 0;
  max-width: var(--layout-detailsSec1-lead-width);
  font-size: var(--font-size-md);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
  text-wrap: pretty;
}
.details-sec-1__list {
  display: flex;
  flex-direction: column;
  gap: var(--layout-detailsSec1-duty-gap);
  width: 100%;
  max-width: var(--layout-detailsSec1-list-width);
  margin: 0;
  padding: 0;
  list-style: none;
}
.details-sec-1__duty {
  display: flex;
  align-items: center;
  gap: var(--layout-detailsSec1-duty-gap);
  width: 100%;
  padding-block: var(--layout-detailsSec1-duty-pad);
}
.details-sec-1__duty-icon {
  display: block;
  flex-shrink: 0;
  width: var(--layout-detailsSec1-duty-icon);
  height: var(--layout-detailsSec1-duty-icon);
  overflow: clip;
}
.details-sec-1__duty-icon img {
  display: block;
  width: 100%;
  height: 100%;
}
.details-sec-1__duty-text {
  margin: 0;
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  color: inherit;
}

.details-sec-2 {
  padding-block: var(--layout-detailsSec2-padding-block) var(--layout-detailsSec2-padding-block);
  background-color: var(--color-neutral-50);
  color: var(--color-text-tertiary);
}
.details-sec-2 > .container {
  display: flex;
  flex-direction: column;
  gap: var(--layout-detailsSec2-stack-gap);
  min-width: 0;
}
.details-sec-2__steps {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--layout-detailsSec2-steps-gap);
  width: 100%;
  min-width: 0;
}
@media (min-width: 576px) {
  .details-sec-2__steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .details-sec-2__steps {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.details-sec-2__step {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-detailsSec2-step-gap);
  min-width: 0;
}
.details-sec-2__step-title {
  margin: 0;
  font-size: var(--font-size-md);
  line-height: var(--font-leading-md);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
}
.details-sec-2__step-rule {
  display: block;
  width: 100%;
  height: 1px;
  background-color: var(--color-neutral-200);
}
.details-sec-2__step-text {
  margin: 0;
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-secondary);
  text-wrap: pretty;
}

.details-sec-3 {
  padding-block: var(--layout-detailsSec3-padding-block) var(--layout-detailsSec3-padding-block);
  background-color: var(--color-surface-base);
  color: var(--color-text-tertiary);
}
.details-sec-3 > .container {
  display: flex;
  flex-direction: column;
  gap: var(--layout-detailsSec3-stack-gap);
  min-width: 0;
}
.details-sec-3__principles {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--layout-detailsSec3-principles-gap);
  width: 100%;
  min-width: 0;
}
@media (min-width: 768px) {
  .details-sec-3__principles {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.details-sec-3__principle {
  display: flex;
  flex-direction: column;
  gap: var(--layout-detailsSec3-principle-gap);
  min-width: 0;
}
.details-sec-3__principle-head {
  display: flex;
  align-items: center;
  gap: var(--layout-detailsSec3-principle-head-gap);
  width: 100%;
  min-width: 0;
}
.details-sec-3__principle-index {
  margin: 0;
  flex-shrink: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-text-secondary);
  white-space: nowrap;
}
.details-sec-3__principle-title {
  margin: 0;
  flex: 1 1 auto;
  min-width: 0;
  font-size: var(--font-size-lg);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
  text-wrap: pretty;
}
.details-sec-3__principle-text {
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
  text-wrap: pretty;
}
.details-sec-3__gallery {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--layout-detailsSec3-gallery-gap);
  width: 100%;
  min-width: 0;
}
@media (min-width: 768px) {
  .details-sec-3__gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.details-sec-3__figure {
  position: relative;
  width: 100%;
  height: var(--layout-detailsSec3-gallery-height);
  overflow: clip;
  border-radius: var(--radius-xs);
  background-color: var(--color-neutral-100);
}
.details-sec-3__link {
  display: block;
  width: 100%;
  height: 100%;
  color: inherit;
  text-decoration: none;
  cursor: zoom-in;
}
.details-sec-3__photo {
  --scroll-parallax-travel: var(--layout-detailsSec3-parallax);
  border-radius: inherit;
}
.details-sec-3__photo .split-wipe__pane {
  height: 100%;
}

.details-sec-4 {
  padding-block: var(--layout-detailsSec4-padding-block) var(--layout-detailsSec4-padding-block);
  background-color: var(--color-neutral-50);
  color: var(--color-text-tertiary);
}
.details-sec-4 > .container {
  display: flex;
  flex-direction: column;
  gap: var(--layout-detailsSec4-stack-gap);
  min-width: 0;
}
.details-sec-4__list {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
}
.details-sec-4__list .accordion-1 {
  border-color: var(--color-neutral-800);
}

.details-sec-5 {
  padding-block: var(--layout-detailsSec5-padding-top) var(--layout-detailsSec5-padding-bottom);
  background-color: var(--color-surface-base);
  color: var(--color-text-tertiary);
}
.details-sec-5 > .container {
  min-width: 0;
}
.details-sec-5__layout {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-8);
  width: 100%;
  min-width: 0;
}
@media (min-width: 1024px) {
  .details-sec-5__layout {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-6);
  }
}
.details-sec-5__copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-detailsSec5-copy-gap);
  width: 100%;
  max-width: var(--layout-detailsSec5-copy-width);
  min-width: 0;
}
.details-sec-5__title {
  margin: 0;
  font-size: var(--font-size-2xl);
  line-height: var(--font-leading-2xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: inherit;
  text-wrap: pretty;
}
.details-sec-5__lead {
  margin: 0;
  font-size: var(--font-size-md);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
  text-wrap: pretty;
}
.details-sec-5__media {
  width: 100%;
  max-width: var(--layout-detailsSec5-media-width);
  height: var(--layout-detailsSec5-media-height);
  overflow: clip;
  border-radius: var(--radius-xs);
  background-color: var(--color-neutral-100);
}
@media (min-width: 1024px) {
  .details-sec-5__media {
    flex: 0 0 var(--layout-detailsSec5-media-width);
    width: var(--layout-detailsSec5-media-width);
  }
}
.details-sec-5__photo {
  width: 100%;
  height: 100%;
}
.details-sec-5__photo .split-wipe__pane {
  height: 100%;
}

.features-1 {
  position: relative;
  isolation: isolate;
  overflow: clip;
  min-height: auto;
  padding-block: var(--space-10);
  background-color: #1A1A1A;
  color: #ffffff;
}
@media (min-width: 1024px) {
  .features-1 {
    min-height: var(--layout-features1-min-height);
    padding-block: var(--layout-features1-padding-block);
  }
}
.features-1 > .container {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-8);
  min-height: 100%;
}
@media (min-width: 1024px) {
  .features-1 > .container {
    gap: 0;
    min-height: var(--layout-features1-inner-min-height);
  }
}
.features-1__title {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: var(--layout-features1-title-min-height);
  margin: 0;
  overflow: hidden;
  font-size: var(--layout-features1-title-size);
  line-height: var(--layout-features1-title-leading);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: #ffffff;
  text-align: center;
  text-wrap: nowrap;
}
.features-1__word {
  display: block;
  white-space: nowrap;
  line-height: inherit;
}
.features-1__char {
  display: inline-block;
  overflow: hidden;
  line-height: inherit;
  will-change: transform, opacity;
}
.features-1__thumbs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--layout-features1-thumb-gap);
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 768px) {
  .features-1__thumbs {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .features-1__thumbs {
    display: flex;
    flex-wrap: nowrap;
  }
}
.features-1__thumb-item {
  position: relative;
  z-index: 0;
  min-width: 0;
  will-change: transform, opacity;
}
@media (min-width: 1024px) {
  .features-1__thumb-item {
    flex: 1 1 0;
  }
}
.features-1__thumb-item.is-in {
  will-change: auto;
}
.features-1__thumb-item:hover, .features-1__thumb-item:focus-within, .features-1__thumb-item:has(.features-1__thumb.is-active) {
  z-index: 1;
}
.features-1__thumb {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  padding-top: var(--layout-features1-thumb-ratio);
  overflow: clip;
  border: 0;
  background-color: var(--color-placeholder-base);
  cursor: pointer;
  color: inherit;
  transform-origin: center center;
  transition: transform var(--motion-duration-instant) var(--motion-easing-standard);
}
@media (min-width: 1024px) {
  .features-1__thumb {
    padding-top: 0;
    height: var(--layout-features1-thumb-height);
  }
}
.features-1__thumb img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  pointer-events: none;
}
.features-1__thumb:hover, .features-1__thumb:focus-visible, .features-1__thumb.is-active {
  transform: scale(var(--layout-features1-thumb-hover-scale));
}
.features-1__thumb:focus-visible {
  outline: 2px solid var(--color-text-tertiary);
  outline-offset: 2px;
}
.features-1__trusted {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--layout-features1-trusted-gap);
  width: var(--layout-features1-trusted-width);
}
.features-1__trusted-label {
  margin: 0;
  width: 100%;
  font-size: var(--font-size-md);
  line-height: var(--font-leading-md);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: #ffffff;
  text-align: center;
}
.features-1__logo-rows {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--layout-features1-logo-rows-gap);
  width: 100%;
}
.features-1__logo-row {
  position: relative;
  display: flex;
  justify-content: center;
  width: var(--layout-features1-logo-row-top-width);
  max-width: 100%;
  overflow: hidden;
  cursor: grab;
  touch-action: pan-y;
  user-select: none;
  -webkit-mask-image: linear-gradient(to right, transparent 0%, var(--color-neutral-950) var(--layout-features1-logo-fade), var(--color-neutral-950) calc(100% - var(--layout-features1-logo-fade)), transparent 100%);
  mask-image: linear-gradient(to right, transparent 0%, var(--color-neutral-950) var(--layout-features1-logo-fade), var(--color-neutral-950) calc(100% - var(--layout-features1-logo-fade)), transparent 100%);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-source-type: alpha;
  mask-mode: alpha;
}
.features-1__logo-row.is-dragging {
  cursor: grabbing;
}
.features-1__logo-row--bottom {
  width: var(--layout-features1-logo-row-bottom-width);
}
.features-1__logo-track {
  display: flex;
  flex-wrap: nowrap;
  width: max-content;
  will-change: transform;
}
.features-1__logos {
  display: flex;
  flex-wrap: nowrap;
  flex-shrink: 0;
  align-items: center;
  gap: var(--layout-features1-logo-gap);
  margin: 0;
  padding: 0;
  padding-inline-end: var(--layout-features1-logo-gap);
  list-style: none;
}
.features-1__logo {
  flex-shrink: 0;
  height: var(--layout-features1-logo-height);
}
.features-1__logo img {
  display: block;
  height: var(--layout-features1-logo-height);
  width: auto;
  max-width: none;
  pointer-events: none;
  -webkit-user-drag: none;
}
.features-1__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: clip;
  pointer-events: none;
  background-color: #1A1A1A;
  opacity: 0.6;
}
.features-1__bg-pane {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  overflow: clip;
  pointer-events: none;
}
.features-1__bg-pane.is-active {
  z-index: 1;
}
.features-1__bg-mask {
  position: absolute;
  inset: 0;
  overflow: clip;
  clip-path: inset(50%);
  pointer-events: none;
  transition: clip-path var(--layout-features1-mask-close) var(--motion-easing-standard);
}
.features-1__bg-pane.is-active .features-1__bg-mask {
  clip-path: inset(0%);
  transition-duration: var(--layout-features1-mask-open);
}
.features-1__bg-img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
}

.js .features-1__thumb-item:not(.is-in) {
  opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
  .features-1__char,
  .features-1__logo-track {
    will-change: auto;
  }
  .features-1__bg-mask,
  .features-1__thumb {
    transition: none;
  }
  .features-1__thumb:hover,
  .features-1__thumb:focus-visible,
  .features-1__thumb.is-active {
    transform: none;
  }
  .js .features-1__thumb-item:not(.is-in) {
    opacity: 1;
  }
}
.why-us-1 {
  padding-block: var(--layout-whyus1-padding-block) var(--layout-whyus1-padding-block);
  background-color: var(--color-surface-base);
  color: var(--color-text-tertiary);
}
.why-us-1 > .container {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
}
@media (min-width: 1024px) {
  .why-us-1 > .container {
    gap: var(--layout-whyus1-header-gap);
    min-height: var(--layout-whyus1-inner-min-height);
  }
}
.why-us-1__header {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}
@media (min-width: 1024px) {
  .why-us-1__header {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-4);
  }
}
.why-us-1__heading {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: var(--space-2);
}
.why-us-1__title {
  margin: 0;
  font-size: var(--font-size-3xl);
  line-height: var(--font-leading-3xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: inherit;
}
.why-us-1__index {
  margin: 0;
  font-size: var(--font-size-md);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-secondary);
}
.why-us-1__intro {
  margin: 0;
  max-width: var(--layout-whyus1-intro-width);
  font-size: var(--font-size-md);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-secondary);
  text-wrap: pretty;
}
@media (min-width: 1024px) {
  .why-us-1__intro {
    flex-shrink: 0;
  }
}
.why-us-1__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--layout-whyus1-grid-gap);
}
@media (min-width: 768px) {
  .why-us-1__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .why-us-1__grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    align-items: start;
  }
}
.why-us-1__col {
  min-width: 0;
  overflow: clip;
}
@media (min-width: 1024px) {
  .why-us-1__col--photo-left {
    padding-top: var(--layout-whyus1-offset-photo);
  }
}
@media (min-width: 1024px) {
  .why-us-1__col--point-1 {
    padding-top: var(--layout-whyus1-offset-1);
  }
}
@media (min-width: 1024px) {
  .why-us-1__col--point-2 {
    padding-top: var(--layout-whyus1-offset-2);
  }
}
@media (min-width: 1024px) {
  .why-us-1__col--point-3 {
    padding-top: var(--layout-whyus1-offset-3);
  }
}
.why-us-1__photo {
  width: 100%;
  overflow: clip;
  border-radius: var(--radius-xs);
  background-color: var(--color-placeholder-base);
}
.why-us-1__photo--left {
  aspect-ratio: var(--layout-whyus1-img-left-ratio);
}
.why-us-1__photo--right {
  aspect-ratio: var(--layout-whyus1-img-right-ratio);
}
.why-us-1__point {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
.why-us-1__point-title {
  margin: 0;
  font-size: var(--font-size-md);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-tertiary);
}
.why-us-1__point-text {
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-secondary);
  text-wrap: pretty;
}
.why-us-1__facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-4) var(--space-3);
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 1024px) {
  .why-us-1__facts {
    display: flex;
    justify-content: space-between;
    align-self: center;
    width: 100%;
    max-width: var(--layout-whyus1-facts-max);
    margin-inline: auto;
    margin-top: auto;
    gap: 0;
  }
}
.why-us-1__fact {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--layout-whyus1-fact-gap);
  text-align: center;
}
@media (min-width: 1024px) {
  .why-us-1__fact {
    flex: 0 0 var(--layout-whyus1-fact-width);
    width: var(--layout-whyus1-fact-width);
  }
}
.why-us-1__fact-num {
  display: flex;
  align-items: baseline;
  justify-content: center;
  margin: 0;
  font-size: var(--font-size-3xl);
  line-height: var(--font-leading-3xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: var(--color-text-tertiary);
}
.why-us-1__fact-num .has-odometer,
.why-us-1__fact-num .odometer {
  letter-spacing: normal;
}
.why-us-1__fact-suffix {
  flex-shrink: 0;
}
.why-us-1__fact-label {
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-tertiary);
}

.why-us-2 {
  padding-block: var(--layout-whyus2-padding-block) var(--layout-whyus2-padding-block);
  background-color: var(--color-surface-base);
  color: var(--color-text-tertiary);
}
.why-us-2 > .container {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
}
@media (min-width: 1024px) {
  .why-us-2 > .container {
    gap: var(--layout-whyus2-stack-gap);
  }
}
.why-us-2__body {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
}
@media (min-width: 1024px) {
  .why-us-2__body {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--layout-whyus2-body-gap);
    align-items: start;
  }
}
.why-us-2__media {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  min-width: 0;
}
.why-us-2__title {
  display: flex;
  flex-direction: column;
  margin: 0;
  font-size: var(--font-size-3xl);
  line-height: var(--font-leading-3xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: inherit;
  text-wrap: pretty;
}
.why-us-2__title-line {
  display: block;
}
.why-us-2__photo {
  width: 100%;
  overflow: clip;
  background-color: var(--color-placeholder-base);
  aspect-ratio: var(--layout-whyus2-image-ratio);
}
.why-us-2__aside {
  display: flex;
  flex-direction: column;
  gap: var(--layout-whyus2-reasons-gap);
  min-width: 0;
}
@media (min-width: 1024px) {
  .why-us-2__aside {
    padding-top: var(--layout-whyus2-reasons-offset);
  }
}
.why-us-2__intro {
  margin: 0;
  font-size: var(--font-size-md);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-secondary);
  text-wrap: pretty;
}
.why-us-2__reasons {
  display: flex;
  flex-direction: column;
  gap: var(--layout-whyus2-reason-list-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}
.why-us-2__reason {
  display: flex;
  flex-direction: column;
  gap: var(--layout-whyus2-reason-pad);
  padding-block: var(--layout-whyus2-reason-pad);
  border-top: 1px solid var(--color-border-base);
}
@media (min-width: 768px) {
  .why-us-2__reason {
    flex-direction: row;
    align-items: flex-start;
    gap: var(--layout-whyus2-reason-inner-gap);
  }
}
.why-us-2__reason-index {
  margin: 0;
  flex-shrink: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-text-secondary);
}
.why-us-2__reason-copy {
  display: flex;
  flex-direction: column;
  gap: var(--layout-whyus2-reason-copy-gap);
  min-width: 0;
  max-width: var(--layout-whyus2-reason-copy-width);
}
.why-us-2__reason-title {
  margin: 0;
  font-size: var(--font-size-md);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
}
.why-us-2__reason-text {
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-secondary);
  text-wrap: pretty;
}
.why-us-2__facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-4) var(--space-3);
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 1024px) {
  .why-us-2__facts {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: start;
    min-height: var(--layout-whyus2-facts-min-height);
    gap: var(--space-3);
  }
}
@media (min-width: 1024px) {
  .why-us-2__facts.is-js-pin {
    padding-bottom: var(--layout-whyus2-pin-hold);
  }
}
.why-us-2__facts.is-js-pin > .pin-spacer {
  min-width: 0;
}
.why-us-2__fact {
  display: flex;
  flex-direction: column;
  gap: var(--layout-whyus2-fact-gap);
  max-width: var(--layout-whyus2-fact-width);
}
@media (min-width: 1024px) {
  .why-us-2__fact {
    position: relative;
    z-index: 1;
  }
  .why-us-2__fact--2 {
    z-index: 2;
    margin-top: var(--layout-whyus2-fact-offset-2);
  }
  .why-us-2__fact--3 {
    z-index: 3;
    margin-top: var(--layout-whyus2-fact-offset-3);
  }
  .why-us-2__fact--4 {
    z-index: 4;
    margin-top: var(--layout-whyus2-fact-offset-4);
  }
}
.why-us-2__fact-num {
  display: flex;
  align-items: baseline;
  margin: 0;
  font-size: var(--font-size-2xl);
  line-height: var(--font-leading-2xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: inherit;
}
.why-us-2__fact-num .has-odometer,
.why-us-2__fact-num .odometer {
  letter-spacing: normal;
}
.why-us-2__fact-suffix {
  flex-shrink: 0;
}
.why-us-2__fact-label {
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
}

.testimonials-1 {
  position: relative;
  z-index: 0;
  padding-block: var(--layout-testimonials1-padding-block);
  padding-bottom: calc(var(--layout-testimonials1-padding-block) + 80px);
  color: var(--color-text-tertiary);
  background-color: var(--color-neutral-50);
}
.testimonials-1 .container {
  display: flex;
  flex-direction: column;
  gap: var(--layout-testimonials1-stack-gap);
}
.testimonials-1__grid {
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  align-items: stretch;
  width: 100%;
  perspective: 900px;
  perspective-origin: 50% 40%;
}
@media (min-width: 1024px) {
  .testimonials-1__grid {
    gap: 100px;
    padding-bottom: 80px;
  }
}
.testimonials-1__grid.is-js-pin .testimonials-1__track {
  position: relative;
  top: auto;
}
.testimonials-1__track {
  width: 100%;
  transform-style: preserve-3d;
}
@media (min-width: 1024px) {
  .testimonials-1__track {
    width: calc((100% - 2 * var(--layout-testimonials1-grid-gap)) / 3);
    position: sticky;
    top: 80px;
  }
  .testimonials-1__track:nth-child(3n+1) {
    align-self: flex-start;
    z-index: 1;
  }
  .testimonials-1__track:nth-child(3n+2) {
    align-self: center;
    z-index: 1;
  }
  .testimonials-1__track:nth-child(3n+3) {
    align-self: flex-end;
    z-index: 1;
  }
}
.testimonials-1 .testimonial-card-1 {
  width: 100%;
  transform-style: preserve-3d;
  transform-origin: 50% 100%;
  will-change: transform;
  backface-visibility: hidden;
}
.testimonials-1__stats {
  position: relative;
  z-index: 0;
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--space-4);
  width: 100%;
  margin-block-start: calc(var(--layout-testimonials1-stats-gap) - var(--layout-testimonials1-stack-gap));
}
.testimonials-1__stat {
  display: flex;
  flex-direction: column;
  gap: var(--layout-testimonials1-stat-gap);
  width: min(100%, var(--layout-testimonials1-stat-width));
}
.testimonials-1__stat--end {
  text-align: right;
  align-items: flex-end;
  margin-inline-start: auto;
}
.testimonials-1__stat-value {
  margin: 0;
  font-size: var(--font-size-3xl);
  line-height: var(--font-leading-3xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
}
.testimonials-1__stat-label {
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  white-space: pre-line;
}

.testimonials-2 {
  padding-block: var(--layout-testimonials2-padding-top) var(--layout-testimonials2-padding-bottom);
  color: var(--color-text-tertiary);
  background-color: var(--color-surface-subtle);
}
.testimonials-2 > .container {
  display: flex;
  flex-direction: column;
  gap: var(--layout-testimonials2-title-gap);
}
.testimonials-2__sr-title {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.testimonials-2__stage {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  width: 100%;
  cursor: grab;
  touch-action: pan-y;
  user-select: none;
}
.testimonials-2__stage.is-dragging {
  cursor: grabbing;
}
@media (min-width: 1024px) {
  .testimonials-2__stage {
    display: grid;
    grid-template-columns: minmax(0, var(--layout-testimonials2-photo-width)) minmax(0, var(--layout-testimonials2-copy-width));
    justify-content: space-between;
    align-items: stretch;
    gap: var(--layout-testimonials2-cols-gap);
  }
}
.testimonials-2__media {
  position: relative;
  width: 100%;
  overflow: clip;
  aspect-ratio: var(--layout-testimonials2-photo-ratio);
  border-radius: var(--radius-md);
  background-color: var(--color-placeholder-base);
  cursor: grab;
}
@media (min-width: 1024px) {
  .testimonials-2__media {
    max-width: var(--layout-testimonials2-photo-width);
  }
}
.testimonials-2__photo {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
  opacity: 0;
  z-index: 1;
}
.testimonials-2__photo.is-active {
  opacity: 1;
  z-index: 2;
}
.testimonials-2__copy {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--space-6);
  min-width: 0;
}
@media (min-width: 1024px) {
  .testimonials-2__copy {
    min-height: var(--layout-testimonials2-photo-height);
  }
}
.testimonials-2__quotes {
  position: relative;
  min-height: var(--layout-testimonials2-quote-min);
  overflow: clip;
}
.testimonials-2__quote {
  margin: 0;
}
.testimonials-2__quote:not(.is-active) {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.testimonials-2__text {
  margin: 0;
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-semibold);
  line-height: var(--font-leading-xl);
  letter-spacing: var(--font-tracking-display);
  color: inherit;
  text-wrap: pretty;
}
.testimonials-2__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  width: 100%;
}
.testimonials-2__authors {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
  min-height: var(--layout-testimonials2-author-height);
  overflow: clip;
}
.testimonials-2__author {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-testimonials2-author-gap);
}
.testimonials-2__author:not(.is-active) {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.testimonials-2__name {
  margin: 0;
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-semibold);
  line-height: var(--font-leading-lg);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
}
.testimonials-2__role {
  margin: 0;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  line-height: var(--font-leading-xs);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-text-secondary);
}
.testimonials-2__pager {
  display: inline-flex;
  flex-shrink: 0;
  align-items: baseline;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-semibold);
  line-height: var(--font-leading-3xl);
  letter-spacing: var(--font-tracking-display);
  color: var(--color-neutral-300);
  white-space: nowrap;
}
.testimonials-2__pager:focus-visible {
  outline: 2px solid var(--color-text-tertiary);
  outline-offset: var(--space-1);
}

.testimonials-3 {
  padding-block: var(--layout-testimonials3-padding-top) var(--layout-testimonials3-padding-bottom);
  color: var(--color-text-tertiary);
  background-color: var(--color-surface-subtle);
}
.testimonials-3 > .container {
  display: flex;
  flex-direction: column;
  gap: var(--layout-testimonials3-title-gap);
}
.testimonials-3__intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--layout-testimonials3-intro-gap);
  width: 100%;
  max-width: var(--layout-testimonials3-intro-width);
  margin-inline: auto;
  margin-block-end: calc(var(--layout-testimonials3-stage-gap) - var(--layout-testimonials3-title-gap));
  text-align: center;
}
.testimonials-3__heading {
  margin: 0;
  width: 100%;
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-semibold);
  line-height: var(--font-leading-3xl);
  letter-spacing: var(--font-tracking-display);
  color: inherit;
  text-wrap: pretty;
}
.testimonials-3__lede {
  margin: 0;
  width: 100%;
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-medium);
  line-height: 1.2;
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-neutral-700);
}
.testimonials-3__stage {
  display: flex;
  flex-direction: column-reverse;
  gap: var(--space-4);
  width: 100%;
  cursor: grab;
  touch-action: pan-y;
  user-select: none;
}
.testimonials-3__stage.is-dragging {
  cursor: grabbing;
}
@media (min-width: 1024px) {
  .testimonials-3__stage {
    display: grid;
    grid-template-columns: minmax(0, var(--layout-testimonials3-copy-width)) minmax(0, var(--layout-testimonials3-photo-width));
    justify-content: space-between;
    align-items: stretch;
    gap: var(--layout-testimonials3-cols-gap);
  }
}
.testimonials-3__copy {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--space-6);
  min-width: 0;
}
@media (min-width: 1024px) {
  .testimonials-3__copy {
    min-height: var(--layout-testimonials3-photo-height);
  }
}
.testimonials-3__body {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
}
@media (min-width: 1024px) {
  .testimonials-3__body {
    gap: var(--layout-testimonials3-copy-gap);
  }
}
.testimonials-3__quotes {
  position: relative;
  min-height: var(--layout-testimonials3-quote-min);
  overflow: clip;
}
.testimonials-3__quote {
  margin: 0;
}
.testimonials-3__quote:not(.is-active) {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.testimonials-3__text {
  margin: 0;
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-semibold);
  line-height: var(--font-leading-xl);
  letter-spacing: var(--font-tracking-display);
  color: inherit;
  text-wrap: pretty;
}
.testimonials-3__authors {
  position: relative;
  min-width: 0;
  overflow: clip;
}
.testimonials-3__author {
  display: flex;
  align-items: flex-start;
  gap: var(--layout-testimonials3-author-gap);
}
.testimonials-3__author:not(.is-active) {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.testimonials-3__avatar {
  display: block;
  flex-shrink: 0;
  width: var(--layout-testimonials3-avatar-size);
  height: var(--layout-testimonials3-avatar-size);
  overflow: clip;
  object-fit: cover;
  border: 2px solid var(--color-neutral-50);
  border-radius: var(--radius-sm);
  background-color: var(--color-placeholder-base);
}
.testimonials-3__meta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-testimonials3-author-gap);
  min-width: 0;
}
.testimonials-3__name {
  margin: 0;
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-semibold);
  line-height: 1;
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
}
.testimonials-3__role {
  margin: 0;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  line-height: var(--font-leading-xs);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-text-secondary);
}
.testimonials-3__pager {
  display: inline-flex;
  flex-shrink: 0;
  align-items: baseline;
  align-self: flex-start;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-semibold);
  line-height: var(--font-leading-3xl);
  letter-spacing: var(--font-tracking-display);
  color: var(--color-neutral-300);
  white-space: nowrap;
}
.testimonials-3__pager:focus-visible {
  outline: 2px solid var(--color-text-tertiary);
  outline-offset: var(--space-1);
}
.testimonials-3__media {
  position: relative;
  width: 100%;
  overflow: clip;
  aspect-ratio: var(--layout-testimonials3-photo-ratio);
  border-radius: var(--radius-md);
  background-color: var(--color-placeholder-base);
  cursor: grab;
}
@media (min-width: 1024px) {
  .testimonials-3__media {
    max-width: var(--layout-testimonials3-photo-width);
  }
}
.testimonials-3__photo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  user-select: none;
  opacity: 0;
  z-index: 1;
}
.testimonials-3__photo .grid-deform__source {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  pointer-events: none;
  -webkit-user-drag: none;
}
.testimonials-3__photo.is-active {
  opacity: 1;
  z-index: 2;
  pointer-events: auto;
}

.process-1 {
  position: relative;
  z-index: 1;
  padding-block: var(--layout-process1-padding-top) var(--layout-process1-padding-bottom);
  color: var(--color-text-tertiary);
  background-color: var(--color-neutral-0);
  overflow: hidden;
}
.page-services .process-1 {
  background-color: transparent;
}
.process-1__lines {
  position: absolute;
  inset-block: 0;
  left: 50%;
  z-index: 0;
  display: none;
  width: 100%;
  max-width: var(--layout-container-max);
  pointer-events: none;
  transform: translateX(-50%);
}
@media (min-width: 1024px) {
  .process-1__lines {
    display: flex;
    justify-content: space-between;
  }
}
.process-1__lines span {
  display: block;
  width: 1px;
  height: 100%;
  background-color: var(--color-neutral-100);
}
.process-1__inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
}
.process-1__chart {
  position: relative;
  margin-block-start: var(--layout-process1-chart-offset);
  height: var(--layout-process1-chart-height);
  width: 100%;
  overflow: visible;
}
.process-1__bar {
  position: absolute;
  top: var(--bar-top);
  left: var(--bar-left);
  display: flex;
  align-items: center;
  width: var(--bar-width);
  height: var(--layout-process1-bar-height);
  padding-inline: var(--space-2);
  overflow: hidden;
  background-color: var(--color-neutral-100);
  border-radius: var(--radius-xs);
}
.process-1__bar-fill {
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  width: 10%;
  background-color: var(--color-neutral-950);
  will-change: width;
}
.process-1__bar-label {
  position: relative;
  z-index: 1;
  font-size: var(--font-size-sm);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-surface-base);
  white-space: nowrap;
}
.process-1__numbers {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin-block-start: var(--layout-process1-numbers-offset);
  padding-block: var(--space-1);
}
@media (min-width: 1024px) {
  .process-1__numbers {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
.process-1__number {
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-secondary);
}
.process-1__steps {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-4);
  margin-block-start: var(--layout-process1-steps-offset);
}
@media (min-width: 768px) {
  .process-1__steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .process-1__steps {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--layout-process1-steps-gap);
  }
}
.process-1__steps .process-step {
  max-width: none;
}

.process-2 {
  padding-block: var(--layout-process2-padding-block) var(--layout-process2-padding-block);
  background-color: var(--color-surface-subtle);
  color: var(--color-text-tertiary);
}
.process-2 > .container {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
  min-width: 0;
}
@media (min-width: 1024px) {
  .process-2 > .container {
    gap: var(--layout-process2-stack-gap);
  }
}
.process-2__intro {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-process2-intro-gap);
  width: 100%;
  max-width: var(--layout-process2-intro-width);
}
.process-2__label {
  margin: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-text-secondary);
}
.process-2__title {
  margin: 0;
  max-width: var(--layout-process2-title-width);
  font-size: var(--font-size-2xl);
  line-height: var(--font-leading-2xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: inherit;
  text-wrap: pretty;
}
.process-2__cards {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-3);
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 1024px) {
  .process-2__cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--layout-process2-col-gap);
    align-items: start;
  }
}
@media (min-width: 1024px) {
  .process-2__cards.is-js-pin {
    padding-bottom: var(--layout-process2-pin-hold);
  }
}
.process-2__cards.is-js-pin > .pin-spacer {
  min-width: 0;
}
.process-2__card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-process2-card-gap);
  min-width: 0;
  padding-block: var(--layout-process2-card-pad-block);
  padding-inline: var(--layout-process2-card-pad-inline);
  background-color: var(--color-neutral-0);
  border-radius: var(--layout-process2-card-radius);
  color: inherit;
}
@media (min-width: 1024px) {
  .process-2__card {
    position: relative;
    z-index: 1;
  }
  .process-2__card--2 {
    z-index: 2;
    margin-top: var(--layout-process2-offset-2);
  }
  .process-2__card--3 {
    z-index: 3;
    margin-top: var(--layout-process2-offset-3);
  }
}
.process-2__icon {
  display: block;
  flex-shrink: 0;
  width: var(--layout-process2-icon-size);
  height: var(--layout-process2-icon-size);
  color: inherit;
}
.process-2__icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.process-2__card-title {
  margin: 0;
  width: 100%;
  font-size: var(--font-size-md);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
}
.process-2__card-text {
  margin: 0;
  width: 100%;
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-secondary);
  text-wrap: pretty;
}
.process-2__media {
  width: 100%;
  margin: 0;
  overflow: clip;
  background-color: var(--color-placeholder-base);
  aspect-ratio: var(--layout-process2-image-ratio);
}
.process-2__media img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
}

.process-3 {
  padding-block: var(--layout-process3-padding-top) var(--layout-process3-padding-bottom);
  background-color: var(--color-surface-subtle);
  color: var(--color-text-tertiary);
  overflow: visible;
}
.process-3 > .container {
  display: flex;
  flex-direction: column;
  gap: var(--layout-process3-stack-gap);
  min-width: 0;
}
.process-3__intro {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-process3-intro-gap);
  width: 100%;
  max-width: var(--layout-process3-intro-width);
}
.process-3__label {
  margin: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-neutral-700);
}
.process-3__title {
  margin: 0;
  font-size: var(--font-size-2xl);
  line-height: var(--font-leading-2xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: inherit;
  text-wrap: pretty;
}
.process-3__cards {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--layout-process3-cards-gap);
  margin: 0;
  padding: 0;
  list-style: none;
  isolation: isolate;
}
@media (min-width: 768px) {
  .process-3__cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .process-3__cards {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.process-3__cards.is-js-fan {
  overflow: visible;
}
.process-3__cards.is-js-fan > .process-3__card {
  position: relative;
  will-change: transform;
  box-shadow: var(--layout-process3-card-shadow);
}
.process-3__card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-process3-card-gap);
  min-width: 0;
  padding-block: var(--layout-process3-card-pad-block);
  padding-inline: var(--layout-process3-card-pad-inline);
  background-color: var(--color-neutral-0);
  border: 1px solid var(--color-border-base);
  border-radius: var(--layout-process3-card-radius);
  color: inherit;
}
.process-3__icon {
  display: block;
  flex-shrink: 0;
  width: var(--layout-process3-icon-size);
  height: var(--layout-process3-icon-size);
  color: inherit;
  margin-bottom: 1rem;
}
.process-3__icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.process-3__card-title {
  margin: 0;
  width: 100%;
  font-size: var(--font-size-md);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
}
.process-3__card-text {
  margin: 0;
  width: 100%;
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-secondary);
  text-wrap: pretty;
}

.process-4 {
  padding-block: var(--layout-process4-padding-block) var(--layout-process4-padding-block);
  background-color: var(--color-surface-base);
  color: var(--color-text-tertiary);
}
.process-4 > .container {
  display: flex;
  flex-direction: column;
  gap: var(--layout-process4-stack-gap);
  min-width: 0;
}
.process-4__cards {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--layout-process4-cards-gap);
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 768px) {
  .process-4__cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .process-4__cards {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.process-4__card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-process4-card-gap);
  min-width: 0;
  padding-block: var(--layout-process4-card-pad-block);
  padding-inline: var(--layout-process4-card-pad-inline);
  background-color: var(--color-neutral-0);
  border-radius: var(--layout-process4-card-radius);
  color: inherit;
}
.process-4__icon {
  display: block;
  flex-shrink: 0;
  width: var(--layout-process4-icon-size);
  height: var(--layout-process4-icon-size);
  color: inherit;
}
.process-4__icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.process-4__card-title {
  margin: 0;
  width: 100%;
  font-size: var(--font-size-md);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
}
.process-4__card-text {
  margin: 0;
  width: 100%;
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-normal);
  color: var(--color-text-secondary);
  text-wrap: pretty;
}

.process-5 {
  padding-block: var(--layout-process5-padding-block) var(--layout-process5-padding-block);
  overflow-x: clip;
  background-color: var(--color-surface-base);
  color: var(--color-text-tertiary);
}
.process-5 > .container {
  display: flex;
  flex-direction: column;
  gap: var(--layout-process5-stack-gap);
  min-width: 0;
}
.process-5__heading {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.process-5__cards {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--layout-process5-cards-gap);
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 1024px) {
  .process-5__cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.process-5__card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-process5-card-gap);
  min-width: 0;
  padding-block: var(--layout-process5-card-pad-block);
  padding-inline: var(--layout-process5-card-pad-inline);
  background-color: var(--color-neutral-0);
  border-radius: var(--layout-process5-card-radius);
  color: inherit;
}
.process-5__icon {
  display: block;
  flex-shrink: 0;
  width: var(--layout-process5-icon-size);
  height: var(--layout-process5-icon-size);
  overflow: clip;
  color: inherit;
}
.process-5__icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.process-5__card-title {
  margin: 0;
  width: 100%;
  font-size: var(--font-size-md);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
}
.process-5__card-text {
  margin: 0;
  width: 100%;
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-normal);
  color: var(--color-text-secondary);
  text-wrap: pretty;
}

.process-6 {
  padding-block: var(--space-10) var(--space-12);
  background-color: var(--color-neutral-800);
  color: var(--color-neutral-0);
}
@media (min-width: 1024px) {
  .process-6 {
    padding-block: var(--layout-process6-padding-block);
  }
}
.process-6 > .container {
  display: flex;
  flex-direction: column;
  gap: var(--layout-process6-stack-gap);
  min-width: 0;
}
.process-6__intro {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-process6-intro-gap);
  min-width: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .process-6__intro {
    flex-direction: row;
    align-items: center;
  }
}
.process-6__copy {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-process6-copy-gap);
  min-width: 0;
  width: 100%;
}
.process-6__label {
  margin: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: inherit;
}
.process-6__title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-process6-title-gap);
  margin: 0;
  width: 100%;
  font-size: var(--font-size-3xl);
  line-height: var(--font-leading-3xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: inherit;
}
.process-6__title-line {
  display: block;
  width: fit-content;
  max-width: 100%;
  margin: 0;
  text-wrap: pretty;
}
.process-6__marked {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-process6-mark-gap);
  width: fit-content;
  max-width: 100%;
}
.process-6__rules {
  display: flex;
  flex-direction: column;
  gap: var(--layout-process6-mark-gap);
  width: 100%;
}
.process-6__rule {
  display: block;
  width: 100%;
  height: 2px;
  background-color: var(--color-neutral-0);
}
.process-6__lead {
  margin: 0;
  width: 100%;
  font-size: var(--font-size-md);
  line-height: var(--layout-process6-lead-leading);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-neutral-300);
  text-wrap: pretty;
}
.process-6__gallery {
  display: flex;
  align-items: flex-start;
  gap: var(--layout-process6-gallery-gap);
  min-width: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .process-6__gallery {
    flex: 0 1 var(--layout-process6-gallery-width);
    width: var(--layout-process6-gallery-width);
    max-width: var(--layout-process6-gallery-width);
  }
}
.process-6__photo-link {
  display: block;
  width: 100%;
  height: 100%;
  color: inherit;
  text-decoration: none;
  cursor: zoom-in;
}
.process-6__photo {
  margin: 0;
  min-width: 0;
  flex: 1 1 0;
  overflow: clip;
  border-radius: var(--radius-xs);
  background-color: var(--color-neutral-900);
}
.process-6__photo .anim-zoomin-wrap,
.process-6__photo .grid-deform {
  width: 100%;
  height: 100%;
}
.process-6__photo .grid-wipe__grid {
  z-index: 2;
}
.process-6__photo .grid-wipe.is-grid-wipe-in > .grid-deform__source {
  visibility: visible;
}
.process-6__photo .grid-wipe.is-grid-wipe-in .grid-wipe__grid {
  visibility: hidden;
}
.process-6__photo--short {
  aspect-ratio: var(--layout-process6-photo-short-ratio);
}
.process-6__photo--tall {
  aspect-ratio: var(--layout-process6-photo-tall-ratio);
}
@media (min-width: 1024px) {
  .process-6__photo {
    flex: 1 1 0;
    width: auto;
  }
}
.process-6__steps {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--layout-process6-steps-gap);
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 768px) {
  .process-6__steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .process-6__steps {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: start;
  }
}
@media (min-width: 1024px) {
  .process-6__steps.is-js-pin {
    padding-bottom: var(--layout-process6-pin-hold);
  }
}
.process-6__steps.is-js-pin > .pin-spacer {
  min-width: 0;
}
.process-6__step {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-process6-step-gap);
  min-width: 0;
  overflow: clip;
  background-color: var(--color-neutral-800);
}
@media (min-width: 1024px) {
  .process-6__step {
    position: relative;
    z-index: 1;
  }
  .process-6__step--2 {
    z-index: 2;
    margin-top: var(--layout-process6-offset-2);
  }
  .process-6__step--3 {
    z-index: 3;
    margin-top: var(--layout-process6-offset-3);
  }
  .process-6__step--4 {
    z-index: 4;
    margin-top: var(--layout-process6-offset-4);
  }
}
.process-6__step-title {
  margin: 0;
  width: 100%;
  font-size: var(--font-size-md);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
}
.process-6__step-rule {
  display: block;
  width: 100%;
  height: 1px;
  background-color: var(--color-neutral-0);
}
.process-6__step-text {
  margin: 0;
  width: 100%;
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  color: var(--color-neutral-300);
  text-wrap: pretty;
}

.timeline-1 {
  --color-neutral-0: #ffffff;
  --color-neutral-500: #696969;
  --color-neutral-800: #1a1a1a;
  --color-text-secondary: #696969;
  position: relative;
  overflow-x: clip;
  padding-block: var(--layout-timeline1-padding-block) var(--layout-timeline1-padding-block);
  background-color: var(--color-neutral-800);
  color: var(--color-neutral-0);
}
.timeline-1 > .container {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
  min-width: 0;
}
@media (min-width: 1024px) {
  .timeline-1 > .container {
    gap: var(--layout-timeline1-stack-gap);
  }
}
.timeline-1__header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  width: 100%;
}
@media (min-width: 1024px) {
  .timeline-1__header {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--space-5);
  }
}
.timeline-1__heading {
  display: flex;
  align-items: flex-start;
  gap: var(--layout-timeline1-header-gap);
  min-width: 0;
}
.timeline-1__title {
  margin: 0;
  font-size: var(--font-size-3xl);
  line-height: var(--font-leading-3xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: inherit;
  text-wrap: pretty;
}
.timeline-1__index {
  margin: 0;
  flex-shrink: 0;
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
}
.timeline-1__lead {
  margin: 0;
  max-width: var(--layout-timeline1-lead-width);
  font-size: var(--font-size-md);
  line-height: var(--layout-timeline1-lead-leading);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-secondary);
  text-wrap: pretty;
}
@media (min-width: 1024px) {
  .timeline-1__lead {
    flex: 0 0 var(--layout-timeline1-lead-width);
  }
}
.timeline-1__photo {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  width: min(70%, var(--layout-timeline1-photo-width));
  margin-inline: auto;
  pointer-events: none;
  will-change: transform;
}
@media (min-width: 1024px) {
  .timeline-1__photo {
    left: var(--layout-timeline1-photo-left);
    right: auto;
    width: var(--layout-timeline1-photo-width);
    margin-inline: 0;
  }
}
.timeline-1__photo-parallax {
  width: 100%;
}
.timeline-1__photo-tilt {
  display: grid;
  width: 100%;
  overflow: clip;
  aspect-ratio: var(--layout-timeline1-photo-ratio);
  transform: rotate(var(--layout-timeline1-photo-rotate));
  transform-origin: center center;
}
.timeline-1__photo-frame {
  width: 100%;
  height: 100%;
  min-height: 0;
  background-color: var(--color-placeholder-base);
}
.timeline-1__track {
  position: relative;
  z-index: 1;
  width: 100%;
  min-width: 0;
  isolation: isolate;
}
.timeline-1__progress {
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(var(--layout-timeline1-spine-width) / 2);
  z-index: 1;
  width: 2px;
  margin-inline-start: -1px;
  background-color: var(--color-neutral-0);
  transform-origin: top center;
  pointer-events: none;
}
@media (min-width: 1024px) {
  .timeline-1__progress {
    left: 50%;
  }
}
.timeline-1__list {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}
.timeline-1__item {
  display: grid;
  grid-template-columns: var(--layout-timeline1-spine-width) minmax(0, 1fr);
  column-gap: var(--space-3);
  min-width: 0;
  padding-bottom: var(--space-5);
}
.timeline-1__item:last-child {
  padding-bottom: 0;
}
@media (min-width: 1024px) {
  .timeline-1__item {
    grid-template-columns: minmax(0, 1fr) var(--layout-timeline1-spine-width) minmax(0, 1fr);
    column-gap: var(--layout-timeline1-col-gap);
    min-height: var(--layout-timeline1-item-min-height);
    padding-bottom: 0;
  }
}
.timeline-1__spine {
  grid-column: 1;
  grid-row: 1;
  position: relative;
  display: flex;
  justify-content: center;
  padding-top: var(--layout-timeline1-dot-top);
  pointer-events: none;
}
@media (min-width: 1024px) {
  .timeline-1__spine {
    grid-column: 2;
  }
}
.timeline-1__dot {
  display: block;
  flex-shrink: 0;
  width: var(--layout-timeline1-dot-size);
  height: var(--layout-timeline1-dot-size);
  border-radius: var(--radius-sm);
  background-color: var(--color-neutral-0);
  transform-origin: center center;
}
.timeline-1__milestone {
  display: flex;
  flex-direction: column;
  gap: var(--layout-timeline1-milestone-gap);
  grid-column: 2;
  min-width: 0;
  max-width: var(--layout-timeline1-milestone-width);
}
@media (min-width: 1024px) {
  .timeline-1__milestone {
    max-width: var(--layout-timeline1-milestone-width);
  }
}
@media (min-width: 1024px) {
  .timeline-1__item--right .timeline-1__milestone {
    grid-column: 3;
    justify-self: start;
  }
}
@media (min-width: 1024px) {
  .timeline-1__item--left .timeline-1__milestone {
    grid-column: 1;
    justify-self: end;
    text-align: right;
    align-items: flex-end;
  }
}
.timeline-1__year {
  margin: 0;
  font-size: var(--font-size-3xl);
  line-height: var(--font-leading-3xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: inherit;
}
.timeline-1__name {
  display: flex;
  align-items: center;
  gap: var(--layout-timeline1-title-gap);
  min-width: 0;
}
@media (min-width: 1024px) {
  .timeline-1__item--left .timeline-1__name {
    flex-direction: row-reverse;
  }
}
.timeline-1__icon {
  display: block;
  flex-shrink: 0;
  width: var(--layout-timeline1-icon-size);
  height: var(--layout-timeline1-icon-size);
  color: inherit;
}
.timeline-1__icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.timeline-1__label {
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: var(--font-leading-lg);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
}
.timeline-1__text {
  margin: 0;
  max-width: var(--layout-timeline1-text-width);
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-secondary);
  text-wrap: pretty;
}

.pricing-hero-1 {
  padding-block: var(--layout-pricingHero1-padding-top) var(--layout-pricingHero1-padding-bottom);
  background-color: var(--color-neutral-50);
  color: var(--color-text-tertiary);
}
.pricing-hero-1 > .container {
  display: flex;
  flex-direction: column;
  gap: var(--layout-pricingHero1-stack-gap);
  min-width: 0;
}
.pricing-hero-1__intro {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-pricingHero1-intro-gap);
  min-width: 0;
  width: 100%;
}
@media (min-width: 768px) {
  .pricing-hero-1__intro {
    flex-direction: row;
    align-items: flex-start;
  }
}
.pricing-hero-1__media {
  flex: 0 0 auto;
  width: min(100%, var(--layout-pricingHero1-media-width));
  overflow: clip;
  background-color: var(--color-neutral-200);
}
.pricing-hero-1__photo {
  width: 100%;
  aspect-ratio: var(--layout-pricingHero1-media-ratio);
  background-color: var(--color-placeholder-base);
}
@media (min-width: 768px) {
  .pricing-hero-1__photo {
    width: var(--layout-pricingHero1-media-width);
    height: var(--layout-pricingHero1-media-height);
    aspect-ratio: auto;
  }
}
.pricing-hero-1__photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pricing-hero-1__title {
  margin: 0;
  max-width: var(--layout-pricingHero1-title-max);
  font-size: var(--font-size-2xl);
  line-height: var(--font-leading-2xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: inherit;
  text-wrap: pretty;
}
.pricing-hero-1__note {
  display: flex;
  align-items: flex-start;
  gap: var(--layout-pricingHero1-note-gap);
  width: 100%;
  max-width: var(--layout-pricingHero1-note-width);
  margin-inline-start: auto;
}
.pricing-hero-1__icon {
  display: block;
  flex-shrink: 0;
  width: var(--layout-pricingHero1-icon-size);
  height: var(--layout-pricingHero1-icon-size);
  color: inherit;
}
.pricing-hero-1__icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.pricing-hero-1__lead {
  margin: 0;
  flex: 1 1 auto;
  min-width: 0;
  font-size: var(--font-size-sm);
  line-height: var(--layout-pricingHero1-lead-leading);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
  text-wrap: pretty;
}

.pricing-1 {
  --color-neutral-0: #ffffff;
  --color-neutral-100: #e8e8e8;
  --color-neutral-300: #b3b3b3;
  --color-neutral-700: #3a3a3a;
  --color-neutral-800: #1a1a1a;
  --color-neutral-950: #000000;
  --color-surface-inverse: #000000;
  --color-border-base: #ffffff;
  position: relative;
  padding-block: var(--layout-pricing1-padding-top) var(--layout-pricing1-padding-bottom);
  color: var(--color-neutral-0);
  background-color: var(--color-surface-inverse);
  overflow: hidden;
}
.pricing-1__lines {
  position: absolute;
  inset-inline: 0;
  bottom: var(--layout-pricing1-lines-offset);
  z-index: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: var(--layout-pricing1-lines-height);
  pointer-events: none;
}
.pricing-1__lines span {
  display: block;
  width: 100%;
  height: 0;
  background-color: var(--color-neutral-0);
  transform-origin: 50% 50%;
  will-change: height;
}
.js .pricing-1__lines {
  height: max(var(--layout-pricing1-lines-height), 48px);
}
.js .pricing-1__lines span:nth-child(1) {
  height: 12px;
}
.js .pricing-1__lines span:nth-child(2) {
  height: 8px;
}
.js .pricing-1__lines span:nth-child(3) {
  height: 4px;
}
.js .pricing-1__lines span:nth-child(4) {
  height: 2px;
}
.pricing-1__inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: var(--layout-pricing1-stack-gap);
}
.pricing-1__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--layout-pricing1-grid-gap);
  align-items: stretch;
}
@media (min-width: 768px) {
  .pricing-1__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .pricing-1__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.pricing-1__grid > .pricing-card-1,
.pricing-1__grid > .pricing-proof-card-1 {
  height: 100%;
  min-width: 0;
}

.pricing-2 {
  padding-block: var(--layout-pricing2-padding-top) var(--layout-pricing2-padding-bottom);
  background-color: var(--color-surface-base);
  color: var(--color-text-tertiary);
}
.pricing-2 > .container {
  display: flex;
  flex-direction: column;
  gap: var(--layout-pricing2-title-gap);
}
.pricing-2__body {
  display: flex;
  flex-direction: column;
  gap: var(--layout-pricing2-after-plans-gap);
  width: 100%;
}
@media (min-width: 1024px) {
  .pricing-2__body {
    max-width: calc(var(--layout-pricing2-studio-width) + var(--layout-pricing2-plans-gap) + var(--layout-pricing2-partner-width));
  }
}
.pricing-2__plans {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--layout-pricing2-plans-gap);
  align-items: stretch;
}
@media (min-width: 1024px) {
  .pricing-2__plans {
    grid-template-columns: minmax(0, var(--layout-pricing2-studio-width)) minmax(0, var(--layout-pricing2-partner-width));
    justify-content: start;
  }
}
.pricing-2__plans > .pricing-card-1 {
  min-width: 0;
  min-height: var(--layout-pricing2-card-min-height);
}
.pricing-2__custom {
  display: flex;
  flex-direction: column;
  gap: var(--layout-pricing2-custom-gap);
  width: 100%;
  max-width: var(--layout-pricing2-custom-width);
}
@media (min-width: 1024px) {
  .pricing-2__custom {
    align-self: flex-end;
  }
}
.pricing-2__thumbs {
  display: flex;
  gap: var(--space-1);
  overflow: clip;
}
.pricing-2__thumb {
  display: block;
  flex-shrink: 0;
  width: var(--layout-pricing-proof-card1-thumb-width);
  height: var(--layout-pricing-proof-card1-thumb-height);
  object-fit: cover;
  border-radius: var(--radius-xs);
  background-color: var(--color-placeholder-base);
}
.pricing-2__custom-copy {
  display: flex;
  flex-direction: column;
  gap: var(--layout-pricing2-copy-gap);
}
.pricing-2__custom-title {
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-tertiary);
}
.pricing-2__custom-text {
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-neutral-700);
  text-wrap: pretty;
}
.pricing-2__custom-link {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 0.15em;
  text-decoration-thickness: 1px;
  transition: color var(--motion-duration-instant) var(--motion-easing-standard);
}
.pricing-2__custom-link:hover, .pricing-2__custom-link:focus-visible {
  color: var(--color-text-inverse);
}

.pricing-3 {
  padding-block: var(--layout-pricing3-padding-block) var(--layout-pricing3-padding-block);
  background-color: var(--color-surface-base);
  color: var(--color-text-tertiary);
}
.pricing-3 > .container {
  display: flex;
  flex-direction: column;
  gap: var(--layout-pricing3-stack-gap);
}
.pricing-3__header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
}
@media (min-width: 768px) {
  .pricing-3__header {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
  }
}
.pricing-3__title {
  margin: 0;
  font-size: var(--font-size-3xl);
  line-height: var(--font-leading-3xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: inherit;
}
.pricing-3__toggle {
  display: flex;
  align-items: center;
  padding: var(--layout-pricing3-toggle-pad);
  background-color: var(--color-neutral-50);
  border-radius: var(--radius-sm);
}
.pricing-3__tab {
  margin: 0;
  padding: var(--layout-pricing3-tab-padding-block) var(--layout-pricing3-tab-padding-inline);
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-text-secondary);
  cursor: pointer;
}
.pricing-3__tab.is-active {
  color: var(--color-text-tertiary);
  background-color: var(--color-neutral-0);
}
.pricing-3__tab:focus-visible {
  outline: 2px solid var(--color-text-tertiary);
  outline-offset: 2px;
}
.pricing-3__plans {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--layout-pricing3-plans-gap);
  align-items: stretch;
}
@media (min-width: 1024px) {
  .pricing-3__plans {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: calc(var(--layout-pricing3-header-gap) - var(--layout-pricing3-stack-gap));
  }
}
.pricing-3__plans[hidden] {
  display: none;
}
.pricing-3__trust {
  display: flex;
  flex-direction: column;
  gap: var(--layout-pricing3-trust-gap);
  width: 100%;
  max-width: var(--layout-pricing3-trust-width);
}
@media (min-width: 1024px) {
  .pricing-3__trust {
    align-self: flex-end;
    margin-top: calc(var(--layout-pricing3-after-plans-gap) - var(--layout-pricing3-stack-gap));
  }
}
.pricing-3__thumbs {
  display: flex;
  gap: var(--space-1);
  padding-top: var(--space-3);
  overflow: clip;
}
.pricing-3__thumb {
  display: block;
  flex-shrink: 0;
  width: var(--layout-pricing3-thumb-width);
  height: var(--layout-pricing3-thumb-height);
  object-fit: cover;
  border-radius: var(--radius-xs);
  background-color: var(--color-placeholder-base);
}
.pricing-3__trust-title {
  margin: 0;
  max-width: var(--layout-pricing3-trust-title-width);
  font-size: var(--font-size-md);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
  text-wrap: pretty;
}
.pricing-3__trust-text {
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-neutral-300);
  text-wrap: pretty;
}

.pricing-4 {
  padding-block: var(--layout-pricing4-padding-block) var(--layout-pricing4-padding-block);
  background-color: var(--color-surface-base);
  color: var(--color-text-tertiary);
}
.pricing-4 > .container {
  display: flex;
  flex-direction: column;
  gap: var(--layout-pricing4-stack-gap);
  min-width: 0;
}
.pricing-4__toolbar {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
.pricing-4__toggle {
  display: flex;
  align-items: center;
  padding: var(--layout-pricing4-toggle-pad);
  background-color: var(--color-neutral-50);
  border-radius: 50px;
}
.pricing-4__tab {
  margin: 0;
  padding: var(--layout-pricing4-tab-padding-block) var(--layout-pricing4-tab-padding-inline);
  border: 0;
  border-radius: 50px;
  background: transparent;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-text-secondary);
  cursor: pointer;
}
.pricing-4__tab.is-active {
  color: var(--color-text-tertiary);
  background-color: var(--color-neutral-0);
}
.pricing-4__tab:focus-visible {
  outline: 2px solid var(--color-text-tertiary);
  outline-offset: 2px;
}
.pricing-4__plans {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--layout-pricing4-plans-gap);
  align-items: stretch;
}
@media (min-width: 1024px) {
  .pricing-4__plans {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.pricing-4__plans[hidden] {
  display: none;
}
.pricing-4__trust {
  display: flex;
  flex-direction: column;
  gap: var(--layout-pricing4-trust-gap);
  width: 100%;
  max-width: var(--layout-pricing4-trust-width);
}
@media (min-width: 1024px) {
  .pricing-4__trust {
    align-self: flex-end;
    margin-top: calc(var(--layout-pricing4-after-plans-gap) - var(--layout-pricing4-stack-gap));
  }
}
.pricing-4__thumbs {
  display: flex;
  gap: var(--space-1);
  padding-top: var(--space-3);
  overflow: clip;
}
.pricing-4__thumb {
  display: block;
  flex-shrink: 0;
  width: var(--layout-pricing4-thumb-width);
  height: var(--layout-pricing4-thumb-height);
  object-fit: cover;
  border-radius: var(--radius-xs);
  background-color: var(--color-placeholder-base);
}
.pricing-4__trust-title {
  margin: 0;
  max-width: var(--layout-pricing4-trust-title-width);
  font-size: var(--font-size-md);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
  text-wrap: pretty;
}
.pricing-4__trust-text {
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-neutral-300);
  text-wrap: pretty;
}

.proof-1 {
  padding-block: var(--layout-proof1-padding-block) var(--layout-proof1-padding-block);
  background-color: var(--color-surface-subtle);
  color: var(--color-text-tertiary);
}
.proof-1 > .container {
  min-width: 0;
}
.proof-1__layout {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
  min-width: 0;
}
@media (min-width: 1024px) {
  .proof-1__layout {
    flex-direction: row;
    align-items: flex-start;
    gap: var(--layout-proof1-body-gap);
  }
}
.proof-1__metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--layout-proof1-metrics-gap);
  min-width: 0;
  overflow: visible;
}
@media (min-width: 1024px) {
  .proof-1__metrics {
    flex: 0 0 auto;
    width: auto;
  }
}
.proof-1__col {
  display: flex;
  flex-direction: column;
  gap: var(--layout-proof1-metrics-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 1024px) {
  .proof-1__col {
    will-change: transform;
  }
  .proof-1__col.proof-1__col--offset {
    padding-top: var(--layout-proof1-col-offset);
  }
}
.proof-1__stat {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 0;
  padding: var(--layout-proof1-stat-pad);
  background-color: var(--color-neutral-100);
  color: inherit;
}
.proof-1__stat--tall {
  min-height: var(--layout-proof1-stat-tall);
}
.proof-1__stat--short {
  min-height: var(--layout-proof1-stat-short);
}
@media (min-width: 1024px) {
  .proof-1__stat {
    width: var(--layout-proof1-stat-width);
  }
  .proof-1__stat--tall {
    height: var(--layout-proof1-stat-tall);
  }
  .proof-1__stat--short {
    height: var(--layout-proof1-stat-short);
  }
}
.proof-1__value {
  display: flex;
  align-items: flex-start;
  gap: var(--layout-proof1-value-gap);
  margin: 0;
  font-size: var(--font-size-3xl);
  line-height: var(--font-leading-3xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: inherit;
}
.proof-1__value .has-odometer,
.proof-1__value .odometer {
  letter-spacing: normal;
}
.proof-1__suffix {
  flex-shrink: 0;
  font-size: var(--font-size-md);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-neutral-700);
}
.proof-1__stat-label {
  margin: 0;
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  color: inherit;
}
.proof-1__content {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-proof1-content-gap);
  min-width: 0;
}
@media (min-width: 1024px) {
  .proof-1__content {
    padding-top: var(--layout-proof1-content-offset);
  }
}
.proof-1__label {
  margin: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-neutral-700);
}
.proof-1__title {
  margin: 0;
  max-width: var(--layout-proof1-title-width);
  font-size: var(--font-size-xl);
  line-height: var(--font-leading-xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: inherit;
  text-wrap: pretty;
}
.proof-1__list {
  display: flex;
  flex-direction: column;
  gap: var(--layout-proof1-list-gap);
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.proof-1__item {
  display: flex;
  align-items: center;
  gap: var(--layout-proof1-item-gap);
  width: 100%;
  padding-block: var(--layout-proof1-item-pad-block);
}
.proof-1__mark {
  display: block;
  flex-shrink: 0;
  width: var(--layout-proof1-mark-size);
  height: var(--layout-proof1-mark-size);
  background-color: currentColor;
  color: var(--color-text-secondary);
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20overflow='visible'%20style='display:%20block;'%20width='7.5'%20height='7.5'%20viewBox='0%200%207.5%207.5'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20id='Vector'%20d='M3.75%200.75V6.75M6.75%203.75H0.75'%20stroke='%23696969'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20overflow='visible'%20style='display:%20block;'%20width='7.5'%20height='7.5'%20viewBox='0%200%207.5%207.5'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20id='Vector'%20d='M3.75%200.75V6.75M6.75%203.75H0.75'%20stroke='%23696969'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.proof-1__item-text {
  flex: 1 1 0;
  min-width: 0;
  font-size: var(--font-size-sm);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-secondary);
  text-wrap: pretty;
}

.text-slider-1 {
  display: flex;
  align-items: center;
  min-height: var(--layout-textslider1-height);
  overflow: hidden;
  background-color: var(--color-surface-inverse);
  color: var(--color-text-on-inverse);
}
.text-slider-1 > .container {
  max-width: none;
  padding-inline: 0;
  overflow: hidden;
}
.text-slider-1__title, .text-slider-1__sr-list {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.text-slider-1__rows {
  display: flex;
  flex-direction: column;
  gap: var(--layout-textslider1-row-gap);
  width: 100%;
}
.text-slider-1__row {
  height: var(--layout-textslider1-row-height);
  overflow: hidden;
  user-select: none;
}
.text-slider-1__track {
  display: flex;
  flex-wrap: nowrap;
  width: max-content;
  will-change: transform;
}
.text-slider-1__group {
  display: flex;
  flex-shrink: 0;
  flex-wrap: nowrap;
  align-items: center;
  gap: var(--layout-textslider1-item-gap);
  height: var(--layout-textslider1-row-height);
  padding-inline-end: var(--layout-textslider1-item-gap);
}
.text-slider-1__item {
  flex-shrink: 0;
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-semibold);
  line-height: var(--font-leading-xl);
  letter-spacing: var(--font-tracking-display);
  white-space: nowrap;
  color: var(--color-text-on-inverse);
}
.text-slider-1__star {
  display: block;
  flex-shrink: 0;
  width: var(--layout-textslider1-star-size);
  height: var(--layout-textslider1-star-size);
  color: inherit;
}
.text-slider-1__star svg,
.text-slider-1__star img {
  display: block;
  width: 100%;
  height: 100%;
}

.awards-1 {
  padding-block: var(--layout-awards1-padding-block);
  color: var(--color-text-tertiary);
  background-color: var(--color-neutral-50);
  overflow: hidden;
}
.awards-1__inner {
  display: flex;
  flex-direction: column;
  gap: var(--layout-awards1-stack-gap);
}
.awards-1__body {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-5);
  align-items: start;
}
@media (min-width: 1024px) {
  .awards-1__body {
    grid-template-columns: minmax(0, var(--layout-awards1-intro-width)) minmax(0, 1fr);
    gap: var(--layout-awards1-body-gap);
  }
}
.awards-1__intro {
  display: flex;
  flex-direction: column;
  gap: var(--layout-awards1-intro-gap);
  overflow: hidden;
}
.awards-1__intro .btn-1 {
  align-self: flex-start;
}
.awards-1__headline {
  margin: 0;
  font-size: var(--font-size-2xl);
  line-height: var(--font-leading-2xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: var(--color-text-tertiary);
  text-wrap: balance;
}
.awards-1__text {
  margin: 0;
  font-size: var(--font-size-md);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-secondary);
  text-wrap: pretty;
}
.awards-1__highlights {
  display: flex;
  flex-direction: column;
  gap: var(--layout-awards1-highlights-gap);
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}
.awards-1__highlight {
  display: flex;
  align-items: center;
  gap: var(--layout-awards1-highlight-gap);
  width: 100%;
  overflow: hidden;
}
.awards-1__plus {
  display: block;
  flex-shrink: 0;
  width: var(--layout-awards1-plus-size);
  height: var(--layout-awards1-plus-size);
  color: var(--color-neutral-950);
}
.awards-1__plus .icon-plus-mark {
  display: block;
  width: 100%;
  height: 100%;
}
.awards-1__plus .icon-plus-mark path {
  stroke: var(--color-neutral-0);
}
.awards-1__highlight-text {
  flex: 1 0 0;
  min-width: 0;
  font-size: var(--font-size-sm);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-tertiary);
}
.awards-1__list {
  display: flex;
  flex-direction: column;
  gap: var(--layout-awards1-list-gap);
  min-width: 0;
  overflow: hidden;
}
.awards-1__slider {
  display: flex;
  align-items: center;
  gap: var(--layout-awards1-slider-gap);
  width: max-content;
  max-width: none;
  margin-block-start: var(--layout-awards1-slider-offset);
  margin-inline: 0;
  padding-block: 28px;
  padding-inline: var(--space-2);
  will-change: transform;
}
.awards-1__slide {
  flex-shrink: 0;
  overflow: hidden;
  width: var(--layout-awards1-slide-width);
  height: var(--slide-height);
  border-radius: var(--radius-xs);
  background-color: var(--color-neutral-100);
  will-change: transform;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.06);
}
.awards-1__slide img,
.awards-1__slide .grid-deform__source {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  user-select: none;
}

.awards-2 {
  padding-block: var(--layout-awards2-padding-block) var(--layout-awards2-padding-block);
  background-color: var(--color-neutral-0);
  color: var(--color-text-tertiary);
}
.awards-2 > .container {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
  min-width: 0;
}
@media (min-width: 1024px) {
  .awards-2 > .container {
    gap: var(--layout-awards2-stack-gap);
  }
}
.awards-2__top {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  width: 100%;
  min-width: 0;
}
@media (min-width: 1024px) {
  .awards-2__top {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-5);
  }
}
.awards-2__intro {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-2);
  min-width: 0;
}
@media (min-width: 1024px) {
  .awards-2__intro {
    flex-direction: row;
    gap: var(--layout-awards2-intro-gap);
  }
}
.awards-2__label {
  margin: 0;
  flex-shrink: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-neutral-700);
}
.awards-2__title {
  margin: 0;
  max-width: var(--layout-awards2-title-width);
  font-size: var(--font-size-lg);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
  text-wrap: pretty;
}
.awards-2__stat {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-1);
  flex-shrink: 0;
}
@media (min-width: 1024px) {
  .awards-2__stat {
    align-items: flex-end;
  }
}
.awards-2__value {
  display: flex;
  align-items: flex-start;
  gap: var(--layout-awards2-value-gap);
  margin: 0;
  font-size: var(--font-size-3xl);
  line-height: var(--font-leading-3xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: inherit;
}
.awards-2__value .has-odometer,
.awards-2__value .odometer {
  letter-spacing: normal;
}
.awards-2__suffix {
  flex-shrink: 0;
  font-size: var(--font-size-md);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-neutral-700);
}
.awards-2__stat-label {
  margin: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-text-secondary);
}
.awards-2__body {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
  width: 100%;
  min-width: 0;
}
@media (min-width: 1024px) {
  .awards-2__body {
    flex-direction: row;
    align-items: flex-end;
    gap: var(--layout-awards2-body-gap);
  }
}
.awards-2__media {
  width: 100%;
  overflow: clip;
  background-color: var(--color-neutral-100);
  aspect-ratio: var(--layout-awards2-media-ratio);
}
@media (min-width: 1024px) {
  .awards-2__media {
    flex: 0 0 var(--layout-awards2-media-width);
    width: var(--layout-awards2-media-width);
    height: var(--layout-awards2-media-height);
    aspect-ratio: auto;
  }
}
.awards-2__photo {
  width: 100%;
  height: 100%;
}
.awards-2__table-wrap {
  min-width: 0;
  width: 100%;
  overflow-x: auto;
}
@media (min-width: 1024px) {
  .awards-2__table-wrap {
    flex: 1 1 0;
    overflow: visible;
  }
}
.awards-2__caption {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.awards-2__table {
  width: 100%;
  min-width: var(--layout-awards2-table-min);
  border-collapse: collapse;
  border-spacing: 0;
}
@media (min-width: 1024px) {
  .awards-2__table {
    min-width: 0;
  }
}
.awards-2__table th,
.awards-2__table td {
  padding-block: var(--layout-awards2-row-pad);
  padding-inline: 0;
  text-align: left;
  vertical-align: middle;
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
}
.awards-2__table th {
  padding-block-start: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-text-secondary);
  border-bottom: 1px solid var(--color-border-base);
}
.awards-2__table td {
  color: var(--color-text-tertiary);
  border-bottom: 1px solid var(--color-border-base);
}
.awards-2__table th:not(:last-child),
.awards-2__table td:not(:last-child) {
  padding-inline-end: var(--layout-awards2-row-gap);
}
.awards-2__table th:nth-child(1),
.awards-2__table td:nth-child(1) {
  width: var(--layout-awards2-col-year);
  color: var(--color-text-secondary);
}
.awards-2__table th:nth-child(2),
.awards-2__table td:nth-child(2) {
  width: var(--layout-awards2-col-award);
}
.awards-2__table th:nth-child(3),
.awards-2__table td:nth-child(3) {
  width: var(--layout-awards2-col-platform);
}
.awards-2__table tbody tr {
  transition: background-color var(--motion-duration-instant) var(--motion-easing-standard), color var(--motion-duration-instant) var(--motion-easing-standard);
}
.awards-2__table tbody tr td {
  transition: color var(--motion-duration-instant) var(--motion-easing-standard), border-color var(--motion-duration-instant) var(--motion-easing-standard);
}
@media (hover: hover) {
  .awards-2__table tbody tr:hover {
    background-color: var(--color-surface-inverse);
    color: var(--color-text-on-inverse);
  }
  .awards-2__table tbody tr:hover td {
    color: inherit;
    border-bottom-color: var(--color-surface-inverse);
  }
}

.faqs-1 {
  padding-block: var(--space-10) var(--space-12);
  color: var(--color-text-tertiary);
  background-color: var(--color-neutral-0);
}
@media (min-width: 768px) {
  .faqs-1 {
    padding-block: var(--layout-faqs1-padding-block);
  }
}
.faqs-1__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-6);
}
@media (min-width: 768px) {
  .faqs-1__inner {
    gap: var(--layout-faqs1-stack-gap);
  }
}
.faqs-1__headline {
  margin: 0;
  font-size: var(--font-size-4xl);
  line-height: var(--font-leading-4xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: var(--color-text-tertiary);
  text-align: center;
  white-space: nowrap;
}
.faqs-1__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .faqs-1__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--layout-faqs1-grid-gap);
  }
}
.faqs-1__column {
  display: flex;
  flex-direction: column;
  align-self: start;
  min-width: 0;
  height: fit-content;
}
.faqs-1__column:last-child {
  border-block-end: 1px solid var(--color-neutral-200);
}
@media (min-width: 1024px) {
  .faqs-1__column {
    border-block-end: 1px solid var(--color-neutral-200);
  }
}
.faqs-1__cta {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--layout-faqs1-cta-gap);
  width: 100%;
  max-width: var(--layout-faqs1-cta-max);
  text-align: center;
}
.faqs-1__avatars {
  display: flex;
  align-items: center;
  padding-block-start: var(--layout-faqs1-avatars-pad-top);
}
.faqs-1__avatar {
  display: block;
  flex-shrink: 0;
  overflow: hidden;
  width: var(--layout-faqs1-avatar-size);
  height: var(--layout-faqs1-avatar-size);
  margin-inline-end: calc(var(--layout-faqs1-avatar-overlap) * -1);
  border: 2px solid var(--color-neutral-50);
  border-radius: 50%;
  background-color: var(--color-neutral-200);
}
.faqs-1__avatar:last-child {
  margin-inline-end: 0;
}
.faqs-1__avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.faqs-1__cta-eyebrow {
  margin: 0;
  font-size: var(--font-size-md);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-tertiary);
}
.faqs-1__cta-title {
  margin: 0;
  font-size: var(--font-size-xl);
  line-height: 1.1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: var(--color-neutral-950);
  text-wrap: balance;
}
@media (min-width: 768px) {
  .faqs-1__cta-title {
    font-size: var(--layout-faqs1-cta-title-size);
    line-height: var(--layout-faqs1-cta-title-size);
  }
}
.faqs-1__cta-link {
  font-size: var(--font-size-sm);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-tertiary);
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

.faqs-2 {
  padding-block: var(--layout-faqs2-padding-block) var(--layout-faqs2-padding-block);
  background-color: var(--color-neutral-800);
  color: var(--color-neutral-0);
}
.faqs-2 > .container {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
}
@media (min-width: 1024px) {
  .faqs-2 > .container {
    flex-direction: row;
    align-items: center;
    gap: var(--layout-faqs2-body-gap);
  }
}
.faqs-2__media {
  min-width: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .faqs-2__media {
    flex: 0 0 var(--layout-faqs2-image-width);
    width: var(--layout-faqs2-image-width);
  }
}
.faqs-2__photo {
  width: 100%;
  overflow: clip;
  background-color: var(--color-placeholder-base);
  aspect-ratio: var(--layout-faqs2-image-ratio);
}
.faqs-2__content {
  display: flex;
  flex-direction: column;
  gap: var(--layout-faqs2-content-gap);
  min-width: 0;
  flex: 1 1 0;
}
.faqs-2__header {
  display: flex;
  flex-direction: column;
  gap: var(--layout-faqs2-header-gap);
}
.faqs-2__label {
  margin: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-neutral-300);
}
.faqs-2__title {
  display: flex;
  flex-direction: column;
  gap: var(--layout-faqs2-title-gap);
  margin: 0;
  font-size: var(--font-size-2xl);
  line-height: var(--font-leading-2xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: inherit;
}
.faqs-2__title-line {
  display: block;
}
.faqs-2__list {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.faqs-2 .accordion-1 {
  border-block-start-color: var(--color-neutral-700);
}
.faqs-2 .accordion-1__trigger {
  align-items: center;
  gap: var(--layout-faqs2-item-gap);
  padding-block: var(--layout-faqs2-item-pad);
}
.faqs-2 .accordion-1__question {
  font-size: var(--font-size-md);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  color: var(--color-neutral-0);
}
.faqs-2 .accordion-1__icon {
  margin-block-start: 0;
  color: var(--color-neutral-0);
}
.faqs-2 .accordion-1__icon .accordion-1__icon-v,
.faqs-2 .accordion-1__icon .accordion-1__icon-h {
  stroke: var(--color-neutral-950);
}
.faqs-2 .accordion-1__answer {
  padding-block-end: var(--layout-faqs2-item-pad);
  max-width: none;
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  color: var(--color-neutral-300);
}

.faqs-3 {
  padding-block: var(--layout-faqs3-padding-block) var(--layout-faqs3-padding-block);
  background-color: var(--color-neutral-0);
  color: var(--color-text-tertiary);
}
.faqs-3 > .container {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  min-width: 0;
}
@media (min-width: 1024px) {
  .faqs-3 > .container {
    flex-direction: row;
    align-items: center;
    gap: var(--layout-faqs3-body-gap);
  }
}
.faqs-3__content {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  gap: var(--layout-faqs3-content-gap);
  min-width: 0;
  width: 100%;
}
.faqs-3__intro {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-faqs3-intro-gap);
  min-width: 0;
}
.faqs-3__label {
  margin: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-neutral-700);
}
.faqs-3__title {
  margin: 0;
  font-size: var(--font-size-2xl);
  line-height: var(--font-leading-2xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: inherit;
  text-wrap: pretty;
}
.faqs-3__list {
  display: flex;
  flex-direction: column;
  gap: var(--layout-faqs3-list-gap);
  min-width: 0;
  width: 100%;
}
.faqs-3__media {
  position: relative;
  margin: 0;
  min-width: 0;
  width: 100%;
  overflow: clip;
  background-color: var(--color-placeholder-base);
  aspect-ratio: var(--layout-faqs3-image-ratio);
}
@media (min-width: 1024px) {
  .faqs-3__media {
    flex: 0 0 var(--layout-faqs3-image-width);
    width: var(--layout-faqs3-image-width);
  }
}
.faqs-3__photo {
  --scroll-parallax-travel: var(--layout-faqs3-parallax);
}
.faqs-3__photo .split-wipe {
  width: 100%;
  height: 100%;
}
.faqs-3 .accordion-1 {
  border: 0;
  padding-block: var(--layout-faqs3-item-pad);
}
.faqs-3 .accordion-1__trigger {
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
  padding-block: 0;
}
.faqs-3 .accordion-1__question {
  font-size: var(--font-size-md);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  color: var(--color-text-tertiary);
}
.faqs-3 .accordion-1__icon {
  width: var(--layout-faqs3-icon-size);
  height: var(--layout-faqs3-icon-size);
  margin-block-start: 0;
  color: var(--color-text-secondary);
}
.faqs-3 .accordion-1.is-open .accordion-1__panel-inner {
  min-height: min-content;
  padding-block-start: var(--layout-faqs3-item-gap);
}
.faqs-3 .accordion-1__answer {
  padding-block: 0;
  max-width: none;
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  color: var(--color-text-secondary);
}

.faqs-hero {
  padding-block: var(--layout-faqsHero-padding-top) var(--layout-faqsHero-padding-bottom);
  background-color: var(--color-surface-base);
  color: var(--color-text-tertiary);
}
.faqs-hero > .container {
  min-width: 0;
}
.faqs-hero__layout {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-6);
  width: 100%;
  min-width: 0;
}
@media (min-width: 1024px) {
  .faqs-hero__layout {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: var(--layout-faqsHero-cols-gap);
  }
}
.faqs-hero__copy {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-faqsHero-copy-gap);
  min-width: 0;
  max-width: var(--layout-faqsHero-copy-width);
}
.faqs-hero__label {
  margin: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-neutral-700);
}
.faqs-hero__title {
  margin: 0;
  font-size: var(--font-size-3xl);
  line-height: var(--font-leading-3xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: inherit;
  text-wrap: pretty;
}
.faqs-hero__lead {
  margin: 0;
  font-size: var(--font-size-md);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
  text-wrap: pretty;
}
.faqs-hero__media {
  flex: 0 0 auto;
  width: 100%;
  max-width: var(--layout-faqsHero-media-width);
  overflow: clip;
  background-color: var(--color-placeholder-base);
}
@media (min-width: 1024px) {
  .faqs-hero__media {
    width: var(--layout-faqsHero-media-width);
  }
}
.faqs-hero__photo {
  width: 100%;
  aspect-ratio: var(--layout-faqsHero-media-ratio);
}
@media (min-width: 1024px) {
  .faqs-hero__photo {
    width: var(--layout-faqsHero-media-width);
    height: var(--layout-faqsHero-media-height);
    aspect-ratio: auto;
  }
}
.faqs-hero__photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.faqs-4 {
  padding-block: var(--layout-faqs4-padding-block) var(--layout-faqs4-padding-block);
  background-color: var(--color-surface-base);
  color: var(--color-text-tertiary);
}
.faqs-4 > .container {
  display: flex;
  flex-direction: column;
  gap: var(--layout-faqs4-stack-gap);
  min-width: 0;
}
.faqs-4__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  width: 100%;
  min-width: 0;
}
@media (min-width: 1024px) {
  .faqs-4__grid {
    grid-template-columns: repeat(2, minmax(0, var(--layout-faqs4-col-width)));
    justify-content: space-between;
    gap: var(--layout-faqs4-grid-gap);
    align-items: start;
  }
}
.faqs-4__column {
  display: flex;
  flex-direction: column;
  min-width: 0;
  width: 100%;
}

.faqs-5 {
  padding-block: var(--layout-faqs5-padding-block) var(--layout-faqs5-padding-block);
  background-color: var(--color-neutral-50);
  color: var(--color-text-tertiary);
}
.faqs-5 > .container {
  display: flex;
  flex-direction: column;
  gap: var(--layout-faqs5-stack-gap);
  min-width: 0;
}
.faqs-5__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  width: 100%;
  min-width: 0;
}
@media (min-width: 1024px) {
  .faqs-5__grid {
    grid-template-columns: repeat(2, minmax(0, var(--layout-faqs5-col-width)));
    justify-content: space-between;
    gap: var(--layout-faqs5-grid-gap);
    align-items: start;
  }
}
.faqs-5__column {
  display: flex;
  flex-direction: column;
  min-width: 0;
  width: 100%;
}

.feed-1 {
  padding-block: var(--layout-feed1-padding-block);
  color: var(--color-text-tertiary);
  background-color: var(--color-neutral-50);
}
.feed-1__inner {
  display: flex;
  flex-direction: column;
  gap: var(--layout-feed1-stack-gap);
}
.feed-1__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--layout-feed1-grid-gap);
  align-items: start;
}
@media (min-width: 576px) {
  .feed-1__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .feed-1__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.feed-2 {
  position: relative;
  padding-block: var(--layout-feed2-padding-top) var(--layout-feed2-padding-bottom);
  color: var(--color-text-tertiary);
  background-color: var(--color-surface-raised);
}
.feed-2 > .container {
  display: flex;
  flex-direction: column;
  gap: var(--layout-feed2-title-gap);
}
.feed-2__lines {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: var(--layout-feed2-lines-height);
  pointer-events: none;
  overflow: clip;
  background-color: var(--color-border-strong);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='28' fill='none'%3E%3Cline x1='0.5' y1='0' x2='0.5' y2='27.577' stroke='%23000'/%3E%3Cline x1='5.5' y1='0' x2='5.5' y2='18.742' stroke='%23000'/%3E%3Cline x1='10.5' y1='0' x2='10.5' y2='18.742' stroke='%23000'/%3E%3Cline x1='15.5' y1='0' x2='15.5' y2='18.742' stroke='%23000'/%3E%3Cline x1='20.5' y1='0' x2='20.5' y2='18.742' stroke='%23000'/%3E%3Cline x1='25.5' y1='0' x2='25.5' y2='18.742' stroke='%23000'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='28' fill='none'%3E%3Cline x1='0.5' y1='0' x2='0.5' y2='27.577' stroke='%23000'/%3E%3Cline x1='5.5' y1='0' x2='5.5' y2='18.742' stroke='%23000'/%3E%3Cline x1='10.5' y1='0' x2='10.5' y2='18.742' stroke='%23000'/%3E%3Cline x1='15.5' y1='0' x2='15.5' y2='18.742' stroke='%23000'/%3E%3Cline x1='20.5' y1='0' x2='20.5' y2='18.742' stroke='%23000'/%3E%3Cline x1='25.5' y1='0' x2='25.5' y2='18.742' stroke='%23000'/%3E%3C/svg%3E");
  -webkit-mask-repeat: repeat-x;
  mask-repeat: repeat-x;
  -webkit-mask-size: var(--layout-feed2-lines-tile) var(--layout-feed2-lines-height);
  mask-size: var(--layout-feed2-lines-tile) var(--layout-feed2-lines-height);
  -webkit-mask-position: center top;
  mask-position: center top;
}
.feed-2__header {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}
@media (min-width: 1024px) {
  .feed-2__header {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-4);
  }
}
.feed-2__heading {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: var(--space-2);
}
.feed-2__title {
  margin: 0;
  font-size: var(--font-size-3xl);
  line-height: var(--font-leading-3xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: inherit;
}
.feed-2__index {
  margin: 0;
  font-size: var(--font-size-md);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-secondary);
}
.feed-2__intro {
  margin: 0;
  max-width: var(--layout-feed2-intro-width);
  font-size: var(--font-size-md);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-secondary);
  text-wrap: pretty;
}
.feed-2__grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--layout-feed2-grid-gap);
  align-items: stretch;
}
@media (min-width: 768px) {
  .feed-2__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .feed-2__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .feed-2__grid.is-js-pin {
    align-items: start;
    padding-bottom: var(--layout-feed2-pin-hold);
  }
  .feed-2__grid.is-js-pin > .pin-spacer {
    min-width: 0;
  }
  .feed-2__grid.is-js-pin .feed-2__item--2 {
    margin-top: var(--layout-feed2-offset-2);
  }
  .feed-2__grid.is-js-pin .feed-2__item--3 {
    margin-top: var(--layout-feed2-offset-3);
  }
}
.feed-2__item {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
@media (min-width: 1024px) {
  .feed-2__item {
    position: relative;
    z-index: 1;
  }
  .feed-2__item--2 {
    z-index: 2;
  }
  .feed-2__item--3 {
    z-index: 3;
  }
}
.feed-2__item .blog-card-2 {
  flex: 1 1 auto;
  width: 100%;
}

.blog-hero-1 {
  padding-top: var(--layout-blogHero1-padding-top);
  background-color: var(--color-neutral-50);
  color: var(--color-text-tertiary);
}
.blog-hero-1 > .container {
  min-width: 0;
  padding-bottom: var(--layout-blogHero1-padding-bottom);
  border-bottom: 1px solid var(--color-neutral-950);
}
.blog-hero-1__layout {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-8);
  min-width: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .blog-hero-1__layout {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--layout-blogHero1-col-gap);
  }
}
.blog-hero-1__intro {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  min-width: 0;
}
.blog-hero-1__title {
  margin: 0;
  font-size: var(--layout-blogHero1-title-size);
  line-height: 1;
  font-weight: var(--font-weight-bold);
  letter-spacing: -5px;
  color: var(--color-neutral-800);
  text-wrap: balance;
}
.blog-hero-1__tags {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: var(--layout-blogHero1-tags-gap);
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.blog-hero-1__tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--layout-blogHero1-tag-pad-block) var(--layout-blogHero1-tag-pad-inline);
  border: 1px solid var(--color-neutral-100);
  border-radius: var(--radius-xs);
  background-color: var(--color-neutral-100);
  font-size: var(--font-size-sm);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-neutral-950);
  text-decoration: none;
  white-space: nowrap;
  transition: background-color var(--motion-duration-instant) var(--motion-easing-standard);
}
.blog-hero-1__tag:hover, .blog-hero-1__tag:focus-visible {
  background-color: var(--color-neutral-200);
  border-color: var(--color-neutral-200);
}
.blog-hero-1__tag:focus-visible {
  outline: 2px solid var(--color-text-tertiary);
  outline-offset: 2px;
}
.blog-hero-1__facts {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-4);
  width: 100%;
  max-width: var(--layout-blogHero1-facts-width);
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
@media (min-width: 1024px) {
  .blog-hero-1__facts {
    flex: 0 0 auto;
    width: var(--layout-blogHero1-facts-width);
  }
}
.blog-hero-1__fact {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  align-items: center;
  gap: var(--layout-blogHero1-fact-gap);
  min-width: 0;
  max-width: var(--layout-blogHero1-fact-width);
}
.blog-hero-1__fact-value {
  margin: 0;
  width: 100%;
  font-size: var(--font-size-xl);
  line-height: var(--font-leading-xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: inherit;
}
@media (min-width: 1024px) {
  .blog-hero-1__fact-value {
    font-size: var(--font-size-3xl);
    line-height: var(--font-leading-3xl);
  }
}
.blog-hero-1__fact-label {
  margin: 0;
  width: 100%;
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
  text-wrap: pretty;
}
@media (min-width: 1024px) {
  .blog-hero-1__fact-label {
    font-size: var(--font-size-lg);
    line-height: 1;
  }
}

.blog-features {
  padding-block: var(--layout-blogFeatures-padding-block) var(--layout-blogFeatures-padding-block);
  background-color: var(--color-neutral-50);
  color: var(--color-text-tertiary);
}
.blog-features > .container {
  min-width: 0;
}
.blog-features__stage {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  width: 100%;
  min-width: 0;
}
@media (min-width: 1024px) {
  .blog-features__stage {
    display: grid;
    grid-template-columns: minmax(0, var(--layout-blogFeatures-photo-width)) minmax(0, var(--layout-blogFeatures-copy-width));
    justify-content: space-between;
    align-items: start;
    gap: var(--layout-blogFeatures-cols-gap);
  }
}
.blog-features__media {
  position: relative;
  width: 100%;
  overflow: clip;
  aspect-ratio: var(--layout-blogFeatures-photo-ratio);
  border-radius: var(--radius-md);
  background-color: var(--color-placeholder-base);
}
@media (min-width: 1024px) {
  .blog-features__media {
    max-width: var(--layout-blogFeatures-photo-width);
  }
}
.blog-features__photo {
  --scroll-parallax-travel: var(--layout-blogFeatures-parallax);
}
.blog-features__photo .grid-wipe {
  width: 100%;
  height: 100%;
}
.blog-features__copy {
  display: flex;
  flex-direction: column;
  gap: var(--layout-blogFeatures-copy-gap);
  min-width: 0;
  width: 100%;
}
.blog-features__main {
  display: flex;
  flex-direction: column;
  gap: var(--layout-blogFeatures-main-gap);
  min-width: 0;
  width: 100%;
}
.blog-features__intro {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-blogFeatures-intro-gap);
  min-width: 0;
  width: 100%;
}
.blog-features__category {
  margin: 0;
  font-size: var(--font-size-md);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-neutral-700);
}
.blog-features__title {
  margin: 0;
  font-size: var(--font-size-2xl);
  line-height: var(--layout-blogFeatures-title-leading);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: inherit;
  text-wrap: pretty;
}
.blog-features__title a {
  color: inherit;
  text-decoration: none;
}
.blog-features__title a:focus-visible {
  outline: 2px solid var(--color-text-tertiary);
  outline-offset: 2px;
}
.blog-features__excerpt {
  margin: 0;
  max-width: 100%;
  font-size: var(--font-size-md);
  line-height: var(--font-leading-md);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-neutral-700);
  text-wrap: pretty;
}
.blog-features__footer {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--space-2);
  width: 100%;
}
.blog-features__author {
  display: flex;
  align-items: flex-start;
  gap: var(--layout-blogFeatures-author-gap);
  min-width: 0;
}
.blog-features__avatar {
  display: block;
  flex-shrink: 0;
  overflow: hidden;
  width: var(--layout-blogFeatures-avatar-size);
  height: var(--layout-blogFeatures-avatar-size);
  border: var(--layout-blogFeatures-avatar-border) solid var(--color-neutral-50);
  border-radius: var(--radius-sm);
  background-color: var(--color-placeholder-base);
}
.blog-features__avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog-features__cite {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-blogFeatures-cite-gap);
  min-width: 0;
}
.blog-features__name {
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
}
.blog-features__role, .blog-features__date {
  margin: 0;
  font-size: var(--font-size-xs);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-secondary);
  text-transform: uppercase;
}
.blog-features__date {
  flex-shrink: 0;
  text-align: end;
  white-space: nowrap;
}
.blog-features__trending {
  display: flex;
  flex-direction: column;
  gap: var(--layout-blogFeatures-trending-label-gap);
  min-width: 0;
  width: 100%;
}
.blog-features__trending-label {
  margin: 0;
  font-size: var(--font-size-xs);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-secondary);
  text-transform: uppercase;
}
.blog-features__trending-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  width: 100%;
  min-width: 0;
  padding-top: var(--layout-blogFeatures-trending-pad-top);
  border-top: 1px solid var(--color-neutral-200);
}
@media (min-width: 768px) {
  .blog-features__trending-list {
    flex-direction: row;
    align-items: center;
    gap: var(--layout-blogFeatures-trending-items-gap);
  }
}
.blog-features__trend {
  display: flex;
  align-items: flex-end;
  gap: var(--layout-blogFeatures-trending-item-gap);
  min-width: 0;
  color: inherit;
  text-decoration: none;
}
@media (min-width: 768px) {
  .blog-features__trend {
    flex: 1 1 0;
  }
}
.blog-features__trend:focus-visible {
  outline: 2px solid var(--color-text-tertiary);
  outline-offset: 2px;
}
.blog-features__trend-media {
  display: block;
  flex-shrink: 0;
  overflow: clip;
  width: var(--layout-blogFeatures-trending-thumb-width);
  height: var(--layout-blogFeatures-trending-thumb-height);
  border-radius: var(--radius-xs);
  background-color: var(--color-neutral-100);
}
.blog-features__trend-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog-features__trend-title {
  display: block;
  flex: 1 1 auto;
  min-width: 0;
  max-width: var(--layout-blogFeatures-trending-title-width);
  font-size: var(--font-size-md);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
  text-wrap: pretty;
}

.blog-categories {
  padding-block: var(--layout-blogCategories-padding-block) var(--layout-blogCategories-padding-block);
  background-color: var(--color-neutral-50);
  color: var(--color-text-tertiary);
}
.blog-categories > .container {
  min-width: 0;
}
.blog-categories__list {
  display: flex;
  flex-direction: column;
  gap: var(--layout-blogCategories-stack-gap);
  width: 100%;
  min-width: 0;
}
.blog-categories__group {
  display: flex;
  flex-direction: column;
  gap: var(--layout-blogCategories-group-gap);
  width: 100%;
  min-width: 0;
}
.blog-categories__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--layout-blogCategories-grid-gap);
  align-items: start;
  width: 100%;
  min-width: 0;
}
@media (min-width: 576px) {
  .blog-categories__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .blog-categories__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.single-content {
  padding-block: var(--layout-singleContent-padding-top) var(--layout-singleContent-padding-bottom);
  background-color: var(--color-surface-base);
  color: var(--color-text-tertiary);
}
.single-content > .container {
  display: flex;
  justify-content: center;
  min-width: 0;
}
.single-content__inner {
  display: flex;
  flex-direction: column;
  gap: var(--layout-singleContent-stack-gap);
  width: 100%;
  max-width: var(--layout-singleContent-content-max);
  min-width: 0;
}
.single-content__head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-singleContent-head-gap);
  width: 100%;
  padding-bottom: var(--layout-singleContent-head-pad);
}
.single-content__category, .single-content__meta {
  margin: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-text-secondary);
}
.single-content__meta {
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  letter-spacing: 0;
  text-transform: none;
}
.single-content__title {
  margin: 0;
  font-size: var(--font-size-2xl);
  line-height: var(--font-leading-2xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: inherit;
  text-wrap: pretty;
}
.single-content__excerpt {
  display: flex;
  flex-direction: column;
  gap: var(--layout-singleContent-excerpt-gap);
  width: 100%;
}
.single-content__divider {
  margin: 0;
  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-text-secondary);
  text-align: center;
}
.single-content__lead {
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
  text-wrap: pretty;
}
.single-content__body {
  display: flex;
  flex-direction: column;
  gap: var(--layout-singleContent-body-gap);
  width: 100%;
  min-width: 0;
}
.single-content__figure {
  width: 100%;
  height: var(--single-figure-height, var(--layout-singleContent-image-1-height));
  margin: 0;
  overflow: clip;
  background-color: var(--color-neutral-100);
}
.single-content__photo {
  display: grid;
  width: 100%;
  height: 100%;
}
.single-content__photo .split-wipe__pane {
  height: 100%;
}
.single-content__section {
  display: flex;
  flex-direction: column;
  gap: var(--layout-singleContent-section-gap);
  width: 100%;
  min-width: 0;
}
.single-content__heading {
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
  text-wrap: pretty;
}
.single-content__p {
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: 1.5;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
  text-wrap: pretty;
}
.single-content__p:first-of-type {
  line-height: 1.2;
}
.single-content__bottom {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-2);
  width: 100%;
  padding-top: var(--layout-singleContent-bottom-pad-top);
  border-top: 1px solid var(--color-border-base);
}
.single-content__tags {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: flex-start;
  gap: var(--layout-singleContent-tag-gap);
  width: 100%;
  max-width: var(--layout-singleContent-tags-width);
  margin: 0;
  padding: 0;
  list-style: none;
}
.single-content__tag {
  flex-shrink: 0;
  padding: var(--layout-singleContent-tag-pad-block) var(--layout-singleContent-tag-pad-inline);
  border: 1px solid var(--color-border-base);
  border-radius: var(--radius-xs);
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-tertiary);
  text-transform: uppercase;
  white-space: nowrap;
}
.single-content__share {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: var(--layout-singleContent-share-gap);
}
.single-content__share-label {
  margin: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-neutral-700);
  text-transform: uppercase;
  white-space: nowrap;
}
.single-content__socials {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: flex-start;
  justify-content: center;
  column-gap: var(--layout-singleContent-social-col-gap);
  row-gap: var(--layout-singleContent-social-row-gap);
}
.single-content__social {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: var(--layout-singleContent-social-icon);
  height: var(--layout-singleContent-social-icon);
  color: var(--color-text-tertiary);
  text-decoration: none;
}
.single-content__social img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

:root[data-color-scheme=dark] .single-content__social img {
  filter: invert(1);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-color-scheme=light]) .single-content__social img {
    filter: invert(1);
  }
}
.single-related {
  padding-block: var(--layout-singleRelated-padding-block) var(--layout-singleRelated-padding-block);
  background-color: var(--color-neutral-50);
  color: var(--color-text-tertiary);
}
.single-related > .container {
  display: flex;
  flex-direction: column;
  gap: var(--layout-singleRelated-group-gap);
  min-width: 0;
}
.single-related__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--layout-singleRelated-grid-gap);
  align-items: start;
  width: 100%;
  min-width: 0;
}
@media (min-width: 576px) {
  .single-related__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .single-related__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.help-hero-1 {
  padding-block: var(--layout-helpHero1-padding-top) var(--layout-helpHero1-padding-bottom);
  background-color: var(--color-surface-base);
  color: var(--color-text-tertiary);
}
.help-hero-1 > .container {
  display: flex;
  flex-direction: column;
  gap: var(--layout-helpHero1-stack-gap);
  min-width: 0;
}
.help-hero-1__head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-helpHero1-head-gap);
  min-width: 0;
  width: 100%;
}
.help-hero-1__label {
  margin: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-neutral-700);
}
.help-hero-1__title {
  margin: 0;
  font-size: var(--font-size-3xl);
  line-height: var(--font-leading-3xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: inherit;
  text-wrap: pretty;
}
.help-hero-1__lead {
  margin: 0;
  font-size: var(--font-size-md);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
  text-wrap: pretty;
}
.help-hero-1__search {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--layout-helpHero1-search-gap);
  width: 100%;
  min-width: 0;
}
@media (min-width: 768px) {
  .help-hero-1__search {
    flex-direction: row;
    align-items: flex-end;
  }
}
.help-hero-1__field {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: var(--layout-helpHero1-field-gap);
  min-width: 0;
  width: 100%;
  padding-bottom: var(--layout-helpHero1-field-pad);
  border-bottom: 1px solid var(--color-neutral-200);
}
.help-hero-1__field-label {
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: var(--font-leading-sm);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-secondary);
}
.help-hero-1__control {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  font: inherit;
  font-size: var(--font-size-md);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
  appearance: none;
}
.help-hero-1__control::placeholder {
  color: var(--color-text-secondary);
}
.help-hero-1__control:focus {
  outline: none;
}
.help-hero-1__control:focus-visible {
  outline: 2px solid var(--color-text-tertiary);
  outline-offset: 4px;
}

.topics-1 {
  padding-block: var(--layout-topics1-padding-block) var(--layout-topics1-padding-block);
  background-color: var(--color-neutral-50);
  color: var(--color-text-tertiary);
}
.topics-1 > .container {
  display: flex;
  flex-direction: column;
  gap: var(--layout-topics1-stack-gap);
  min-width: 0;
}
.topics-1__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--layout-topics1-grid-gap);
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 768px) {
  .topics-1__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.topics-1__card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-topics1-card-gap);
  min-width: 0;
  height: 100%;
  padding: var(--layout-topics1-card-pad);
  border-radius: var(--layout-topics1-card-radius);
  background-color: var(--color-surface-base);
  color: inherit;
  text-decoration: none;
}
.topics-1__card:focus-visible {
  outline: 2px solid var(--color-text-tertiary);
  outline-offset: 2px;
}
.topics-1__index {
  margin: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-neutral-700);
}
.topics-1__title {
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
}
.topics-1__text {
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-secondary);
  text-wrap: pretty;
}
.topics-1__arrow {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: var(--layout-topics1-arrow-size);
  height: var(--layout-topics1-arrow-size);
  margin-block-start: auto;
  color: inherit;
}
.topics-1__arrow svg {
  display: block;
  width: 18px;
  height: 12px;
}

.guides-1 {
  padding-block: var(--layout-guides1-padding-block) var(--layout-guides1-padding-block);
  background-color: var(--color-surface-base);
  color: var(--color-text-tertiary);
}
.guides-1 > .container {
  display: flex;
  flex-direction: column;
  gap: var(--layout-guides1-stack-gap);
  min-width: 0;
}
.guides-1__list {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
}

.reach-1 {
  padding-block: var(--layout-reach1-padding-top) var(--layout-reach1-padding-bottom);
  background-color: var(--color-neutral-50);
  color: var(--color-text-tertiary);
}
.reach-1 > .container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-reach1-stack-gap);
  min-width: 0;
}
.reach-1__channels {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-2);
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 1024px) {
  .reach-1__channels {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--layout-reach1-channels-gap);
  }
}
.reach-1__channel {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-reach1-channel-gap);
  min-width: 0;
  padding-block: var(--layout-reach1-channel-pad);
  border-bottom: 1px solid var(--color-neutral-200);
}
.reach-1__channel-label {
  margin: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-neutral-700);
}
.reach-1__channel-value {
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
  text-decoration: none;
  text-wrap: pretty;
}
.reach-1 a.reach-1__channel-value:hover, .reach-1 a.reach-1__channel-value:focus-visible {
  text-decoration: underline;
  text-underline-offset: 0.12em;
}
.reach-1 a.reach-1__channel-value:focus-visible {
  outline: 2px solid var(--color-text-tertiary);
  outline-offset: 2px;
}
.reach-1__channel-note {
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: var(--font-leading-sm);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-secondary);
  text-wrap: pretty;
}

.terms-hero-1 {
  padding-block: var(--layout-termsHero1-padding-top) var(--layout-termsHero1-padding-bottom);
  background-color: var(--color-surface-base);
  color: var(--color-text-tertiary);
}
.terms-hero-1 > .container {
  display: flex;
  flex-direction: column;
  gap: var(--layout-termsHero1-stack-gap);
  min-width: 0;
}
.terms-hero-1__head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-termsHero1-head-gap);
  min-width: 0;
  width: 100%;
}
.terms-hero-1__label {
  margin: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-neutral-700);
}
.terms-hero-1__title {
  margin: 0;
  font-size: var(--font-size-3xl);
  line-height: var(--font-leading-3xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: inherit;
  text-wrap: pretty;
}
.terms-hero-1__lead {
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
  text-wrap: pretty;
}
.terms-hero-1__meta {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--layout-termsHero1-meta-gap);
  width: 100%;
  min-width: 0;
}
@media (min-width: 768px) {
  .terms-hero-1__meta {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.terms-hero-1__spec {
  display: flex;
  flex-direction: column;
  gap: var(--layout-termsHero1-spec-gap);
  min-width: 0;
  padding-block: var(--layout-termsHero1-spec-pad-block);
}
.terms-hero-1__spec-label {
  margin: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-text-secondary);
}
.terms-hero-1__spec-value {
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
  text-wrap: pretty;
}

.clauses-1 {
  padding-block: var(--layout-clauses1-padding-block) var(--layout-clauses1-padding-block);
  background-color: var(--color-neutral-50);
  color: var(--color-text-tertiary);
}
.clauses-1 > .container {
  display: flex;
  flex-direction: column;
  gap: var(--layout-clauses1-stack-gap);
  min-width: 0;
}
.clauses-1__split {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-6);
  width: 100%;
  min-width: 0;
}
@media (min-width: 1024px) {
  .clauses-1__split {
    flex-direction: row;
    align-items: flex-start;
    gap: var(--layout-clauses1-cols-gap);
  }
}
.clauses-1__index {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: var(--layout-clauses1-index-gap);
  width: 100%;
  min-width: 0;
}
@media (min-width: 1024px) {
  .clauses-1__index {
    position: sticky;
    top: var(--layout-clauses1-index-sticky-top);
    width: var(--layout-clauses1-index-width);
  }
}
.clauses-1__index-item {
  display: flex;
  flex-direction: column;
  gap: var(--layout-clauses1-spec-gap);
  min-width: 0;
  padding-block: var(--layout-clauses1-spec-pad-block);
  text-decoration: none;
  color: inherit;
}
.clauses-1__index-item:hover .clauses-1__index-title, .clauses-1__index-item:focus-visible .clauses-1__index-title {
  text-decoration: underline;
  text-underline-offset: 0.12em;
}
.clauses-1__index-item:focus-visible {
  outline: 2px solid var(--color-text-tertiary);
  outline-offset: 2px;
}
.clauses-1__index-label {
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-text-secondary);
}
.clauses-1__index-title {
  font-size: var(--font-size-sm);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
  text-wrap: pretty;
}
.clauses-1__list {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-width: 0;
  width: 100%;
}
.clauses-1__clause {
  display: flex;
  flex-direction: column;
  gap: var(--layout-clauses1-clause-gap);
  min-width: 0;
  width: 100%;
  padding-bottom: var(--layout-clauses1-clause-pad);
  border-bottom: 1px solid var(--color-neutral-200);
  scroll-margin-top: var(--layout-clauses1-index-sticky-top);
}
.clauses-1__clause-head {
  display: flex;
  align-items: center;
  gap: var(--layout-clauses1-clause-gap);
  min-width: 0;
  width: 100%;
}
.clauses-1__clause-index {
  margin: 0;
  flex-shrink: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-neutral-700);
  white-space: nowrap;
}
.clauses-1__clause-title {
  margin: 0;
  flex: 1 1 auto;
  min-width: 0;
  font-size: var(--font-size-lg);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
  text-wrap: pretty;
}
.clauses-1__clause-text {
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
  text-wrap: pretty;
}

.privacy-hero-1 {
  padding-block: var(--layout-privacyHero1-padding-top) var(--layout-privacyHero1-padding-bottom);
  background-color: var(--color-neutral-50);
  color: var(--color-text-tertiary);
}
.privacy-hero-1 > .container {
  min-width: 0;
}
.privacy-hero-1__layout {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-6);
  min-width: 0;
}
@media (min-width: 1024px) {
  .privacy-hero-1__layout {
    flex-direction: row;
    justify-content: space-between;
    gap: var(--layout-privacyHero1-cols-gap);
  }
}
.privacy-hero-1__copy {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-privacyHero1-copy-gap);
  min-width: 0;
  max-width: var(--layout-privacyHero1-copy-width);
}
.privacy-hero-1__label {
  margin: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-text-secondary);
}
.privacy-hero-1__title {
  margin: 0;
  font-size: var(--font-size-3xl);
  line-height: var(--font-leading-3xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: inherit;
  text-wrap: pretty;
}
.privacy-hero-1__lead {
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
  text-wrap: pretty;
}
.privacy-hero-1__card {
  display: flex;
  flex-direction: column;
  gap: var(--layout-privacyHero1-card-gap);
  width: 100%;
  min-width: 0;
  padding: var(--layout-privacyHero1-card-pad);
  background-color: var(--color-surface-base);
  border-radius: var(--radius-xs);
}
@media (min-width: 1024px) {
  .privacy-hero-1__card {
    flex: 0 0 var(--layout-privacyHero1-card-width);
    width: var(--layout-privacyHero1-card-width);
  }
}
.privacy-hero-1__spec {
  display: flex;
  flex-direction: column;
  gap: var(--layout-privacyHero1-spec-gap);
  min-width: 0;
  padding-block: var(--layout-privacyHero1-spec-pad-block);
}
.privacy-hero-1__spec-label {
  margin: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-text-secondary);
}
.privacy-hero-1__spec-value, .privacy-hero-1__spec-link {
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
  text-wrap: pretty;
}
.privacy-hero-1__spec-link {
  text-decoration: none;
}
.privacy-hero-1__spec-link:hover, .privacy-hero-1__spec-link:focus-visible {
  text-decoration: underline;
  text-underline-offset: 0.12em;
}
.privacy-hero-1__spec-link:focus-visible {
  outline: 2px solid var(--color-text-tertiary);
  outline-offset: 2px;
}

.privacy-sec-1 {
  padding-block: var(--layout-privacySec1-padding-block) var(--layout-privacySec1-padding-block);
  background-color: var(--color-surface-base);
  color: var(--color-text-tertiary);
}
.privacy-sec-1 > .container {
  display: flex;
  flex-direction: column;
  gap: var(--layout-privacySec1-stack-gap);
  min-width: 0;
}
.privacy-sec-1__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--layout-privacySec1-grid-gap);
  width: 100%;
  min-width: 0;
}
@media (min-width: 768px) {
  .privacy-sec-1__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.privacy-sec-1__card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-privacySec1-card-gap);
  min-width: 0;
  padding: var(--layout-privacySec1-card-pad);
  background-color: var(--color-neutral-50);
  border-radius: var(--radius-xs);
}
.privacy-sec-1__card-label {
  margin: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-text-secondary);
}
.privacy-sec-1__card-title {
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
  text-wrap: pretty;
}
.privacy-sec-1__card-text {
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
  text-wrap: pretty;
}

.privacy-sec-2 {
  padding-block: var(--layout-privacySec2-padding-block) var(--layout-privacySec2-padding-block);
  background-color: var(--color-neutral-50);
  color: var(--color-text-tertiary);
}
.privacy-sec-2 > .container {
  display: flex;
  flex-direction: column;
  gap: var(--layout-privacySec2-stack-gap);
  min-width: 0;
}
.privacy-sec-2__columns {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-6);
  width: 100%;
  min-width: 0;
}
@media (min-width: 1024px) {
  .privacy-sec-2__columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--layout-privacySec2-cols-gap);
  }
}
.privacy-sec-2__column {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.privacy-sec-2__clause {
  display: flex;
  flex-direction: column;
  gap: var(--layout-privacySec2-clause-gap);
  min-width: 0;
  width: 100%;
  padding-bottom: var(--layout-privacySec2-clause-pad);
  border-bottom: 1px solid var(--color-neutral-200);
}
.privacy-sec-2__clause-head {
  display: flex;
  align-items: center;
  gap: var(--layout-privacySec2-clause-gap);
  min-width: 0;
  width: 100%;
}
.privacy-sec-2__clause-index {
  margin: 0;
  flex-shrink: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-neutral-700);
  white-space: nowrap;
}
.privacy-sec-2__clause-title {
  margin: 0;
  flex: 1 1 auto;
  min-width: 0;
  font-size: var(--font-size-lg);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
  text-wrap: pretty;
}
.privacy-sec-2__clause-text {
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
  text-wrap: pretty;
}

.contact-1 {
  padding-block: var(--layout-contact1-padding-block) var(--layout-contact1-padding-block);
  background-color: var(--color-neutral-50);
  color: var(--color-text-tertiary);
}
.contact-1 > .container {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
}
@media (min-width: 1024px) {
  .contact-1 > .container {
    flex-direction: row;
    align-items: stretch;
    gap: var(--layout-contact1-body-gap);
  }
}
.contact-1__intro {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--space-6);
  min-width: 0;
}
.contact-1__copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-contact1-intro-gap);
  width: 100%;
}
.contact-1__eyebrow, .contact-1__form-eyebrow, .contact-1__call-label {
  margin: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-text-secondary);
}
.contact-1__title {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  max-width: var(--layout-contact1-title-width);
  font-size: var(--font-size-2xl);
  line-height: var(--font-leading-2xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: inherit;
  text-wrap: pretty;
}
.contact-1__mark {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.12em;
}
.contact-1__lead {
  margin: 0;
  margin-top: calc(var(--layout-contact1-title-gap) - var(--layout-contact1-intro-gap));
  max-width: var(--layout-contact1-lead-width);
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-secondary);
  text-wrap: pretty;
}
.contact-1__photos {
  display: flex;
  flex-wrap: wrap;
  gap: var(--layout-contact1-photos-gap);
}
.contact-1__photo {
  flex: 0 1 var(--layout-contact1-photo-width);
  width: var(--layout-contact1-photo-width);
  max-width: 100%;
  overflow: clip;
  aspect-ratio: var(--layout-contact1-photo-ratio);
  background-color: var(--color-placeholder-base);
}
.contact-1__card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-contact1-card-gap);
  width: 100%;
  max-width: var(--layout-contact1-card-width);
  padding: var(--layout-contact1-card-padding-block) var(--layout-contact1-card-padding-inline);
  background-color: var(--color-neutral-0);
  border-radius: var(--layout-contact1-card-radius);
}
@media (min-width: 1024px) {
  .contact-1__card {
    flex: 0 0 var(--layout-contact1-card-width);
    min-height: var(--layout-contact1-card-min-height);
  }
}
.contact-1__form-header {
  display: flex;
  flex-direction: column;
  gap: var(--layout-contact1-field-gap);
  width: 100%;
}
.contact-1__form-title {
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
  text-wrap: pretty;
}
.contact-1__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-3);
  width: 100%;
}
@media (min-width: 768px) {
  .contact-1__row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.contact-1__field {
  display: flex;
  flex-direction: column;
  gap: var(--layout-contact1-field-gap);
  width: 100%;
  min-width: 0;
  padding-bottom: var(--layout-contact1-field-pad);
}
.contact-1__field--message {
  padding-bottom: var(--space-2);
}
.contact-1__label {
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-secondary);
}
.contact-1__control {
  width: 100%;
  padding: 0;
  border: 0;
  border-bottom: 1px solid var(--color-neutral-200);
  border-radius: 0;
  background: transparent;
  font-family: inherit;
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  color: inherit;
  resize: none;
}
.contact-1__control:focus {
  outline: none;
  border-bottom-color: var(--color-text-tertiary);
}
.contact-1__control:focus-visible {
  outline: 2px solid var(--color-text-tertiary);
  outline-offset: 2px;
}
.contact-1 textarea.contact-1__control {
  min-height: var(--layout-contact1-message-min-height);
}
.contact-1__consent {
  display: flex;
  align-items: center;
  gap: var(--layout-contact1-consent-gap);
  cursor: pointer;
}
.contact-1__check {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.contact-1__check-ui {
  display: block;
  flex-shrink: 0;
  width: var(--layout-contact1-check-size);
  height: var(--layout-contact1-check-size);
  overflow: clip;
}
.contact-1__check-ui img {
  display: block;
  width: 100%;
  height: 100%;
}
.contact-1__check:checked + .contact-1__check-ui {
  background-image: radial-gradient(circle, var(--color-neutral-950) 32%, transparent 33%);
}
.contact-1__check:focus-visible + .contact-1__check-ui {
  outline: 2px solid var(--color-text-tertiary);
  outline-offset: 2px;
}
.contact-1__consent-text {
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-secondary);
}
.contact-1__call {
  display: flex;
  flex-direction: column;
  gap: var(--layout-contact1-call-gap);
  width: 100%;
  padding-top: var(--layout-contact1-call-pad);
  border-top: 1px solid var(--color-neutral-200);
}
.contact-1__phone {
  font-size: var(--font-size-md);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-neutral-950);
  text-decoration: none;
}
.contact-1__phone:hover, .contact-1__phone:focus-visible {
  color: var(--color-text-inverse);
}

.contact-2 {
  padding-block: var(--layout-contact2-padding-block) var(--layout-contact2-padding-block);
  overflow: hidden;
  background-color: var(--color-neutral-200);
  background-image: url("../imgs/scene.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  color: var(--color-text-tertiary);
}
.contact-2 > .container {
  display: flex;
  justify-content: center;
  min-width: 0;
}
.contact-2__card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-contact2-card-gap);
  width: 100%;
  max-width: var(--layout-contact2-card-width);
  min-height: var(--layout-contact2-card-min-height);
  padding: var(--layout-contact2-card-padding-block) var(--layout-contact2-card-padding-inline);
  background-color: var(--color-neutral-0);
  border-radius: var(--layout-contact2-card-radius);
  will-change: transform;
}
.contact-2__form-header {
  display: flex;
  flex-direction: column;
  gap: var(--layout-contact2-header-gap);
  width: 100%;
}
.contact-2__form-eyebrow, .contact-2__call-label {
  margin: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-text-secondary);
}
.contact-2__form-title {
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
  text-wrap: pretty;
}
.contact-2__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-3);
  width: 100%;
}
@media (min-width: 768px) {
  .contact-2__row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.contact-2__field {
  display: flex;
  flex-direction: column;
  gap: var(--layout-contact2-field-gap);
  width: 100%;
  min-width: 0;
  padding-bottom: var(--layout-contact2-field-pad);
}
.contact-2__field--message {
  padding-bottom: var(--space-2);
  padding-top: var(--space-8);
}
.contact-2__label {
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-secondary);
}
.contact-2__control {
  width: 100%;
  padding: 0;
  border: 0;
  border-bottom: 1px solid var(--color-neutral-200);
  border-radius: 0;
  background: transparent;
  font-family: inherit;
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  color: inherit;
  resize: none;
}
.contact-2__control:focus {
  outline: none;
  border-bottom-color: var(--color-text-tertiary);
}
.contact-2__control:focus-visible {
  outline: 2px solid var(--color-text-tertiary);
  outline-offset: 2px;
}
.contact-2 textarea.contact-2__control {
  min-height: var(--layout-contact2-message-min-height);
}
.contact-2__consent {
  display: flex;
  align-items: center;
  gap: var(--layout-contact2-consent-gap);
  cursor: pointer;
}
.contact-2__check {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.contact-2__check-ui {
  display: block;
  flex-shrink: 0;
  width: var(--layout-contact2-check-size);
  height: var(--layout-contact2-check-size);
  overflow: clip;
}
.contact-2__check-ui img {
  display: block;
  width: 100%;
  height: 100%;
}
.contact-2__check:checked + .contact-2__check-ui {
  background-image: radial-gradient(circle, var(--color-neutral-950) 32%, transparent 33%);
}
.contact-2__check:focus-visible + .contact-2__check-ui {
  outline: 2px solid var(--color-text-tertiary);
  outline-offset: 2px;
}
.contact-2__consent-text {
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-secondary);
}
.contact-2__call {
  display: flex;
  flex-direction: column;
  gap: var(--layout-contact2-call-gap);
  width: 100%;
  padding-top: var(--layout-contact2-call-pad);
  border-top: 1px solid var(--color-neutral-200);
}
.contact-2__phone {
  font-size: var(--font-size-md);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-neutral-950);
  text-decoration: none;
}
.contact-2__phone:hover, .contact-2__phone:focus-visible {
  color: var(--color-text-inverse);
}

.cta-1 {
  position: relative;
  display: flex;
  align-items: center;
  min-height: var(--layout-cta1-min-height);
  padding-block: var(--space-6);
  overflow: clip;
  color: var(--color-text-tertiary);
  background-color: var(--color-surface-subtle);
}
@media (min-width: 1024px) {
  .cta-1 {
    padding-block: 0;
  }
}
.cta-1 > .container {
  position: relative;
  z-index: 1;
}
.cta-1__copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--layout-cta1-copy-gap);
  text-align: center;
}
.cta-1__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
  font-size: var(--font-size-2xl);
  line-height: var(--font-leading-2xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: inherit;
}
.cta-1__title-line {
  display: block;
}
.cta-1__stage {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  width: var(--layout-cta1-stage-width);
  height: var(--layout-cta1-min-height);
  pointer-events: none;
  transform: translate(-50%, -50%);
}
@media (min-width: 1024px) {
  .cta-1__stage {
    display: block;
  }
}
.cta-1__photo {
  position: absolute;
  overflow: clip;
  will-change: transform;
}
.cta-1__photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cta-1__photo--1 {
  left: var(--layout-cta1-photo1-left);
  top: var(--layout-cta1-photo1-top);
  width: var(--layout-cta1-photo1-width);
  height: var(--layout-cta1-photo1-height);
}
.cta-1__photo--2 {
  left: var(--layout-cta1-photo2-left);
  top: var(--layout-cta1-photo2-top);
  width: var(--layout-cta1-photo2-width);
  height: var(--layout-cta1-photo2-height);
}
.cta-1__photo--3 {
  left: var(--layout-cta1-photo3-left);
  top: var(--layout-cta1-photo3-top);
  width: var(--layout-cta1-photo3-width);
  height: var(--layout-cta1-photo3-height);
}
.cta-1__photo--4 {
  left: var(--layout-cta1-photo4-left);
  top: var(--layout-cta1-photo4-top);
  width: var(--layout-cta1-photo4-width);
  height: var(--layout-cta1-photo4-height);
}

.cta-2 {
  --color-neutral-0: #ffffff;
  --color-surface-inverse: #000000;
  position: relative;
  z-index: 1;
  isolation: isolate;
  overflow: visible;
  height: var(--layout-cta2-height);
  color: var(--color-neutral-0);
  background-color: var(--color-surface-inverse);
}
.cta-2 > .container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  width: 100%;
  max-width: none;
  height: var(--layout-cta2-height);
  padding-inline: var(--space-2);
  pointer-events: none;
}
.cta-2__stage {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: var(--layout-cta2-height);
  overflow: clip;
  pointer-events: none;
  background-color: var(--color-surface-inverse);
}
.cta-2__copy {
  position: absolute;
  inset: 0;
  margin: 0;
  text-align: center;
  pointer-events: none;
}
.cta-2__heading {
  position: absolute;
  left: 50%;
  translate: -50% 0;
  z-index: 1;
  margin: 0;
  overflow: visible;
  font-size: var(--layout-cta2-title-size);
  line-height: 1.2;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  white-space: nowrap;
  color: inherit;
  pointer-events: auto;
  top: calc(var(--layout-cta2-title-pin-top) + var(--cta-2-line, 0) * (1em + var(--space-2)));
}
.cta-2__heading:nth-child(1) {
  --cta-2-line: 0;
}
.cta-2__heading:nth-child(2) {
  --cta-2-line: 1;
}
.cta-2__heading:nth-child(3) {
  --cta-2-line: 2;
}
.cta-2__heading:nth-child(4) {
  --cta-2-line: 3;
}
.cta-2__heading:nth-child(5) {
  --cta-2-line: 4;
}
.cta-2__heading .grid-deform__source {
  display: block;
  width: auto;
  white-space: inherit;
}
.cta-2__media {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: clip;
  pointer-events: none;
}
.cta-2__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cta-2__frames {
  display: none;
}

@media (prefers-reduced-motion: no-preference) {
  .js .cta-2 {
    height: var(--layout-cta2-end-height);
  }
  .js .cta-2__heading {
    top: auto;
    bottom: var(--layout-cta2-title-start-bottom);
    font-size: var(--layout-cta2-title-start-size);
  }
}
.cta-3 {
  padding-block: var(--layout-cta3-padding-top) var(--layout-cta3-padding-bottom);
  background-color: var(--color-neutral-0);
  color: var(--color-text-tertiary);
}
.cta-3 > .container {
  min-width: 0;
}
.cta-3__layout {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
  min-width: 0;
}
@media (min-width: 1024px) {
  .cta-3__layout {
    flex-direction: row;
    align-items: flex-start;
    gap: var(--layout-cta3-col-gap);
  }
}
.cta-3__media {
  position: relative;
  width: 100%;
  overflow: clip;
  border-radius: var(--radius-md);
  background-color: var(--color-neutral-100);
}
@media (min-width: 1024px) {
  .cta-3__media {
    flex: 0 0 var(--layout-cta3-media-width);
    width: var(--layout-cta3-media-width);
    height: var(--layout-cta3-media-height);
  }
}
.cta-3__photo {
  width: 100%;
  aspect-ratio: var(--layout-cta3-media-ratio);
}
@media (min-width: 1024px) {
  .cta-3__photo {
    height: 100%;
    aspect-ratio: auto;
  }
}
.cta-3__mark {
  position: absolute;
  left: 50%;
  bottom: var(--layout-cta3-mark-inset);
  z-index: 2;
  margin: 0;
  font-size: var(--layout-cta3-mark-size);
  line-height: 1;
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--font-tracking-display);
  color: var(--color-neutral-0);
  white-space: nowrap;
  pointer-events: none;
  transform: translate(-50%, var(--layout-cta3-mark-shift));
}
.cta-3__content {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-cta3-content-gap);
  min-width: 0;
}
.cta-3__intro {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-cta3-content-gap);
  width: 100%;
}
.cta-3__label {
  margin: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-neutral-700);
}
.cta-3__title {
  margin: 0;
  font-size: var(--font-size-2xl);
  line-height: var(--font-leading-2xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: inherit;
  text-wrap: pretty;
}
.cta-3__lead {
  margin: 0;
  font-size: var(--font-size-md);
  line-height: var(--layout-cta3-lead-leading);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-secondary);
  text-wrap: pretty;
}
.cta-3__roles {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.cta-3__roles li:last-child .cta-3__role {
  border-bottom: 0;
}
.cta-3__role {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
  width: 100%;
  padding-block: var(--layout-cta3-role-pad);
  border-bottom: 1px solid var(--color-border-base);
  color: inherit;
  text-decoration: none;
}
.cta-3__role-title {
  min-width: 0;
  font-size: var(--font-size-md);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
}
.cta-3__role-meta {
  flex-shrink: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-text-secondary);
  white-space: nowrap;
}

.cta-4 {
  padding-block: var(--layout-cta4-padding-block) var(--layout-cta4-padding-block);
  background-color: var(--color-surface-subtle);
  color: var(--color-text-tertiary);
}
.cta-4 > .container {
  min-width: 0;
}
.cta-4__layout {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-8);
  min-width: 0;
}
@media (min-width: 1024px) {
  .cta-4__layout {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--space-8);
  }
}
.cta-4__copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-cta4-copy-gap);
  max-width: var(--layout-cta4-copy-width);
  min-width: 0;
}
.cta-4__avatars {
  display: flex;
  align-items: center;
  padding-block-start: var(--layout-cta4-avatars-pad-top);
}
.cta-4__avatar {
  display: block;
  flex-shrink: 0;
  overflow: hidden;
  width: var(--layout-cta4-avatar-size);
  height: var(--layout-cta4-avatar-size);
  border: 2px solid var(--color-neutral-50);
  border-radius: var(--radius-sm);
  background-color: var(--color-neutral-200);
}
.cta-4__avatar:not(:first-child) {
  margin-inline-start: calc(var(--layout-cta4-avatar-overlap) * -1);
}
.cta-4__avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cta-4__eyebrow {
  margin: 0;
  font-size: var(--font-size-md);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
}
.cta-4__title {
  margin: 0;
  font-size: var(--font-size-xl);
  line-height: var(--font-leading-xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: var(--color-neutral-950);
  text-wrap: pretty;
}
.cta-4__link {
  font-size: var(--font-size-sm);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 0.15em;
}
.cta-4__brands {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-cta4-brands-gap);
  width: 100%;
  max-width: var(--layout-cta4-brands-width);
  min-width: 0;
}
.cta-4__brands-label {
  margin: 0;
  width: 100%;
  font-size: var(--font-size-md);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-neutral-700);
}
.cta-4__logos {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--layout-cta4-logo-gap);
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.cta-4__logo {
  display: block;
  flex-shrink: 0;
  height: var(--layout-cta4-logo-height);
  color: var(--color-neutral-950);
}
.cta-4__logo img {
  display: block;
  height: 100%;
  width: auto;
  object-fit: contain;
}

:root[data-color-scheme=dark] .cta-4__logo img {
  filter: invert(1);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-color-scheme=light]) .cta-4__logo img {
    filter: invert(1);
  }
}
.cta-5 {
  padding-block: var(--layout-cta5-padding-top) var(--layout-cta5-padding-bottom);
  background-color: var(--color-neutral-50);
  color: var(--color-text-tertiary);
}
.cta-5 > .container {
  min-width: 0;
}
.cta-5__layout {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-8);
  min-width: 0;
}
@media (min-width: 1024px) {
  .cta-5__layout {
    flex-direction: row;
    align-items: center;
    gap: var(--layout-cta5-col-gap);
  }
}
.cta-5__media {
  display: flex;
  align-items: flex-start;
  gap: var(--layout-cta5-media-gap);
  width: 100%;
  min-width: 0;
}
@media (min-width: 1024px) {
  .cta-5__media {
    flex: 0 0 var(--layout-cta5-media-width);
    width: var(--layout-cta5-media-width);
    height: var(--layout-cta5-media-height);
  }
}
.cta-5__photo {
  margin: 0;
  min-width: 0;
  overflow: clip;
  border-radius: var(--radius-xs);
  background-color: var(--color-placeholder-base);
}
.cta-5__photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cta-5__photo--tall {
  flex-grow: var(--layout-cta5-photo-tall-grow);
  flex-shrink: 1;
  flex-basis: 0;
  aspect-ratio: var(--layout-cta5-photo-tall-ratio);
}
@media (min-width: 1024px) {
  .cta-5__photo--tall {
    flex: 0 0 var(--layout-cta5-photo-tall-width);
    width: var(--layout-cta5-photo-tall-width);
    height: var(--layout-cta5-media-height);
    aspect-ratio: auto;
  }
}
.cta-5__photo--short {
  flex-grow: var(--layout-cta5-photo-short-grow);
  flex-shrink: 1;
  flex-basis: 0;
  aspect-ratio: var(--layout-cta5-photo-short-ratio);
}
@media (min-width: 1024px) {
  .cta-5__photo--short {
    flex: 0 0 var(--layout-cta5-photo-short-width);
    width: var(--layout-cta5-photo-short-width);
    height: var(--layout-cta5-photo-short-height);
    aspect-ratio: auto;
  }
}
.cta-5__content {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-cta5-content-gap);
  min-width: 0;
  width: 100%;
}
.cta-5__label {
  margin: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-neutral-700);
}
.cta-5__title {
  margin: 0;
  max-width: var(--layout-cta5-title-width);
  font-size: var(--font-size-xl);
  line-height: var(--font-leading-xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: inherit;
  text-wrap: pretty;
}
.cta-5__lead {
  margin: 0;
  max-width: var(--layout-cta5-lead-width);
  font-size: var(--font-size-md);
  line-height: var(--layout-cta5-lead-leading);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-secondary);
  text-wrap: pretty;
}
.cta-5__action {
  display: flex;
  justify-content: flex-start;
}

.cta-6 {
  padding-block: var(--layout-cta6-padding-block) var(--layout-cta6-padding-block);
  background-color: var(--color-neutral-50);
  color: var(--color-text-tertiary);
}
.cta-6 > .container {
  display: flex;
  flex-direction: column;
  gap: var(--layout-cta6-stack-gap);
  min-width: 0;
}
.cta-6__facts {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-2);
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
@media (min-width: 1024px) {
  .cta-6__facts {
    gap: var(--layout-cta6-facts-gap);
  }
}
.cta-6__fact {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  align-items: center;
  gap: var(--space-1);
  min-width: 0;
  width: auto;
  max-width: none;
}
@media (min-width: 1024px) {
  .cta-6__fact {
    flex: 1 1 auto;
    gap: var(--layout-cta6-fact-gap);
    width: min(100%, var(--layout-cta6-fact-width));
    max-width: var(--layout-cta6-fact-width);
  }
}
.cta-6__fact-value {
  margin: 0;
  width: 100%;
  font-size: var(--font-size-xl);
  line-height: var(--font-leading-xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: inherit;
}
@media (min-width: 1024px) {
  .cta-6__fact-value {
    font-size: var(--font-size-3xl);
    line-height: var(--font-leading-3xl);
  }
}
.cta-6__fact-label {
  margin: 0;
  width: 100%;
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
  text-wrap: pretty;
}
@media (min-width: 1024px) {
  .cta-6__fact-label {
    font-size: var(--font-size-lg);
    line-height: 1;
  }
}
.cta-6__layout {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-8);
  min-width: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .cta-6__layout {
    flex-direction: row;
    align-items: center;
    gap: var(--layout-cta6-col-gap);
  }
}
.cta-6__media {
  width: 100%;
  min-width: 0;
}
@media (min-width: 1024px) {
  .cta-6__media {
    flex: 0 0 var(--layout-cta6-media-width);
    width: var(--layout-cta6-media-width);
  }
}
.cta-6__photo {
  margin: 0;
  width: 100%;
  overflow: clip;
  aspect-ratio: var(--layout-cta6-media-ratio);
  border-radius: var(--layout-cta6-media-radius);
  background-color: var(--color-placeholder-base);
}
@media (min-width: 1024px) {
  .cta-6__photo {
    width: var(--layout-cta6-media-width);
    height: var(--layout-cta6-media-height);
    aspect-ratio: auto;
  }
}
.cta-6__photo img,
.cta-6__photo video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cta-6__content {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-cta6-content-gap);
  min-width: 0;
  width: 100%;
}
.cta-6__label {
  margin: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-neutral-700);
}
.cta-6__title {
  margin: 0;
  font-size: var(--font-size-3xl);
  line-height: var(--font-leading-3xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: inherit;
  text-wrap: pretty;
}
.cta-6__lead {
  margin: 0;
  font-size: var(--font-size-md);
  line-height: var(--layout-cta6-lead-leading);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-secondary);
  text-wrap: pretty;
}
.cta-6__channels {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--layout-cta6-channels-gap);
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 768px) {
  .cta-6__channels {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.cta-6__channel {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-cta6-channel-gap);
  min-width: 0;
  width: 100%;
  padding-block: var(--layout-cta6-channel-pad);
  border-bottom: 1px solid var(--color-neutral-200);
}
.cta-6__channel-label {
  margin: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-neutral-700);
}
.cta-6__channel-value {
  margin: 0;
  width: 100%;
  font-size: var(--font-size-lg);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
  text-wrap: pretty;
}
.cta-6__channel-note {
  margin: 0;
  width: 100%;
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-secondary);
  text-wrap: pretty;
}
.cta-6__action {
  display: flex;
  justify-content: flex-start;
}

.cta-7 {
  padding-block: var(--layout-cta7-padding-block) var(--layout-cta7-padding-block);
  background-color: var(--color-neutral-50);
  color: var(--color-text-tertiary);
}
.cta-7 > .container {
  display: flex;
  justify-content: center;
  min-width: 0;
}
.cta-7__copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--layout-cta7-copy-gap);
  width: 100%;
  max-width: var(--layout-cta7-copy-width);
  min-width: 0;
  text-align: center;
}
.cta-7__avatars {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-block-start: var(--layout-cta7-avatars-pad-top);
}
.cta-7__avatar {
  display: block;
  flex-shrink: 0;
  overflow: hidden;
  width: var(--layout-cta7-avatar-size);
  height: var(--layout-cta7-avatar-size);
  border: 2px solid var(--color-neutral-50);
  border-radius: var(--radius-sm);
  background-color: var(--color-neutral-200);
}
.cta-7__avatar:not(:first-child) {
  margin-inline-start: calc(var(--layout-cta7-avatar-overlap) * -1);
}
.cta-7__avatar:not(:last-child) {
  margin-inline-end: 0;
}
.cta-7__avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cta-7__eyebrow {
  margin: 0;
  font-size: var(--font-size-md);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
}
.cta-7__title {
  margin: 0;
  font-size: var(--font-size-xl);
  line-height: var(--font-leading-xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: inherit;
  text-wrap: pretty;
}
.cta-7__link {
  font-size: var(--font-size-sm);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

.cta-8 {
  padding-block: var(--layout-cta8-padding-top) var(--layout-cta8-padding-bottom);
  background-color: var(--color-surface-base);
  color: var(--color-text-tertiary);
}
.cta-8 > .container {
  display: flex;
  flex-direction: column;
  gap: var(--layout-cta8-stack-gap);
  min-width: 0;
}
.cta-8__split {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-6);
  width: 100%;
  min-width: 0;
}
@media (min-width: 1024px) {
  .cta-8__split {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: var(--layout-cta8-cols-gap);
  }
}
.cta-8__media {
  flex: 0 0 auto;
  width: 100%;
  max-width: var(--layout-cta8-media-width);
  overflow: clip;
  background-color: var(--color-placeholder-base);
}
@media (min-width: 1024px) {
  .cta-8__media {
    width: var(--layout-cta8-media-width);
  }
}
.cta-8__photo {
  width: 100%;
  aspect-ratio: var(--layout-cta8-media-ratio);
}
@media (min-width: 1024px) {
  .cta-8__photo {
    width: var(--layout-cta8-media-width);
    height: var(--layout-cta8-media-height);
    aspect-ratio: auto;
  }
}
.cta-8__photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cta-8__copy {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-cta8-copy-gap);
  min-width: 0;
}
.cta-8__eyebrow {
  margin: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-neutral-700);
}
.cta-8__title {
  margin: 0;
  font-size: var(--font-size-2xl);
  line-height: var(--font-leading-2xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: inherit;
  text-wrap: pretty;
}
.cta-8__lead {
  margin: 0;
  font-size: var(--font-size-md);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
  text-wrap: pretty;
}

.cta-9 {
  padding-block: var(--layout-cta9-padding-top) var(--layout-cta9-padding-bottom);
  background-color: var(--color-surface-base);
  color: var(--color-text-tertiary);
}
.cta-9 > .container {
  display: flex;
  flex-direction: column;
  gap: var(--layout-cta9-stack-gap);
  min-width: 0;
}
.cta-9__split {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-6);
  width: 100%;
  min-width: 0;
}
@media (min-width: 1024px) {
  .cta-9__split {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--layout-cta9-cols-gap);
  }
}
.cta-9__copy {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-cta9-copy-gap);
  min-width: 0;
  max-width: var(--layout-cta9-copy-width);
}
.cta-9__eyebrow {
  margin: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-neutral-700);
}
.cta-9__title {
  margin: 0;
  font-size: var(--font-size-2xl);
  line-height: var(--font-leading-2xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: inherit;
  text-wrap: pretty;
}
.cta-9__lead {
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
  text-wrap: pretty;
}
.cta-9__channels {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  width: 100%;
  max-width: var(--layout-cta9-channels-width);
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 1024px) {
  .cta-9__channels {
    width: var(--layout-cta9-channels-width);
  }
}
.cta-9__channel {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-cta9-channel-gap);
  min-width: 0;
  padding-block: var(--layout-cta9-channel-pad);
  border-bottom: 1px solid var(--color-neutral-200);
}
.cta-9__channel-label {
  margin: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-neutral-700);
}
.cta-9__channel-value {
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
  text-decoration: none;
  text-wrap: pretty;
}
.cta-9__channel-value--muted {
  color: var(--color-neutral-700);
}
.cta-9 a.cta-9__channel-value:hover, .cta-9 a.cta-9__channel-value:focus-visible {
  text-decoration: underline;
  text-underline-offset: 0.12em;
}
.cta-9 a.cta-9__channel-value:focus-visible {
  outline: 2px solid var(--color-text-tertiary);
  outline-offset: 2px;
}
.cta-9__channel-note {
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: var(--font-leading-sm);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-secondary);
  text-wrap: pretty;
}

.cta-10 {
  padding-block: var(--layout-cta10-padding-top) var(--layout-cta10-padding-bottom);
  background-color: var(--color-surface-base);
  color: var(--color-text-tertiary);
}
.cta-10 > .container {
  display: flex;
  flex-direction: column;
  gap: var(--layout-cta10-stack-gap);
  min-width: 0;
}
.cta-10__split {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-6);
  width: 100%;
  min-width: 0;
}
@media (min-width: 1024px) {
  .cta-10__split {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--layout-cta10-cols-gap);
  }
}
.cta-10__copy {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-cta10-copy-gap);
  min-width: 0;
  max-width: var(--layout-cta10-copy-width);
}
.cta-10__title {
  margin: 0;
  font-size: var(--font-size-2xl);
  line-height: var(--font-leading-2xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: inherit;
  text-wrap: pretty;
}
.cta-10__lead {
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
  text-wrap: pretty;
}
.cta-10__channels {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  width: 100%;
  max-width: var(--layout-cta10-channels-width);
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 1024px) {
  .cta-10__channels {
    width: var(--layout-cta10-channels-width);
  }
}
.cta-10__channel {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-cta10-channel-gap);
  min-width: 0;
  padding-block: var(--layout-cta10-channel-pad);
  border-bottom: 1px solid var(--color-neutral-200);
}
.cta-10__channel-label {
  margin: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-neutral-700);
}
.cta-10__channel-value {
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
  text-decoration: none;
  text-wrap: pretty;
}
.cta-10 a.cta-10__channel-value:hover, .cta-10 a.cta-10__channel-value:focus-visible {
  text-decoration: underline;
  text-underline-offset: 0.12em;
}
.cta-10 a.cta-10__channel-value:focus-visible {
  outline: 2px solid var(--color-text-tertiary);
  outline-offset: 2px;
}
.cta-10__channel-note {
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: var(--font-leading-sm);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-secondary);
  text-wrap: pretty;
}

.job-roles {
  --color-neutral-0: #ffffff;
  --color-neutral-300: #b3b3b3;
  --color-neutral-500: #696969;
  --color-neutral-700: #3a3a3a;
  --color-neutral-800: #1a1a1a;
  --color-neutral-900: #0a0a0a;
  --color-neutral-950: #000000;
  padding-block: var(--space-10) var(--space-12);
  overflow: visible;
  background-color: var(--color-neutral-950);
  color: var(--color-neutral-0);
}
@media (min-width: 1024px) {
  .job-roles {
    padding-top: var(--layout-jobRoles-padding-top);
    padding-bottom: var(--layout-jobRoles-padding-bottom);
  }
}
.job-roles > .container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-jobRoles-stack-gap);
  min-width: 0;
  overflow: visible;
}
.job-roles__heading {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.job-roles__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--layout-jobRoles-grid-gap);
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: visible;
  list-style: none;
}
@media (min-width: 768px) {
  .job-roles__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .job-roles__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.job-roles__item {
  position: relative;
  min-width: 0;
  height: 100%;
  overflow: visible;
  transform-style: preserve-3d;
}
.job-roles__item:hover, .job-roles__item:focus-within {
  z-index: 2;
}
.job-roles__card {
  --box-3d-face-bg: var(--color-neutral-900);
  --box-3d-edge-x: var(--color-neutral-800);
  --box-3d-edge-y: var(--color-neutral-700);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  min-width: 0;
  width: 100%;
  height: 100%;
  min-height: var(--layout-jobRoles-card-height);
  padding: var(--layout-jobRoles-card-pad);
  overflow: visible;
  color: inherit;
  text-decoration: none;
  background-color: var(--color-neutral-900);
  border: 1px solid var(--color-neutral-800);
  border-radius: var(--radius-xs);
}
@media (min-width: 1024px) {
  .job-roles__card {
    height: var(--layout-jobRoles-card-height);
  }
}
.job-roles__card--raised {
  --box-3d-face-bg: var(--color-neutral-800);
  --box-3d-edge-x: var(--color-neutral-700);
  --box-3d-edge-y: var(--color-neutral-950);
  background-color: var(--color-neutral-800);
}
.job-roles__card[data-box-3d-ready=true] {
  display: block;
  padding: 0;
  overflow: visible;
  background-color: transparent;
  border: 0;
  border-radius: 0;
}
.job-roles__card[data-box-3d-ready=true] .box-3d__face--front,
.job-roles__card[data-box-3d-ready=true] .box-3d__face--back {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: var(--layout-jobRoles-card-pad);
  overflow: hidden;
  color: inherit;
  background-color: var(--box-3d-face-bg);
  border: 1px solid var(--color-neutral-800);
  border-radius: var(--radius-xs);
}
.job-roles__card:focus-visible {
  outline: 2px solid var(--color-neutral-0);
  outline-offset: var(--space-1);
}
.job-roles .box-3d__content {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  min-height: 0;
}
.job-roles__meta, .job-roles__spec-label, .job-roles__cta-label {
  margin: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
}
.job-roles__meta, .job-roles__spec-label {
  color: var(--color-neutral-300);
}
.job-roles__title {
  margin: 0;
  width: 100%;
  font-size: var(--font-size-lg);
  line-height: var(--layout-jobRoles-title-leading);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
  text-wrap: pretty;
}
.job-roles__specs {
  display: flex;
  align-items: flex-start;
  gap: var(--layout-jobRoles-specs-gap);
  width: 100%;
  min-width: 0;
}
.job-roles__spec {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-jobRoles-spec-gap);
  min-width: 0;
}
.job-roles__spec-value {
  margin: 0;
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  color: inherit;
  text-wrap: pretty;
}
.job-roles__cta {
  display: inline-flex;
  align-items: center;
  gap: var(--layout-jobRoles-cta-gap);
  min-width: 0;
  color: inherit;
}
.job-roles__cta-icons {
  position: relative;
  flex-shrink: 0;
  width: var(--layout-jobRoles-arrow-size);
  height: var(--layout-jobRoles-arrow-size);
  overflow: hidden;
}
.job-roles__cta-icon {
  position: absolute;
  inset: 0;
  display: block;
  width: var(--layout-jobRoles-arrow-size);
  height: var(--layout-jobRoles-arrow-size);
  transition: transform var(--motion-duration-instant) var(--motion-easing-standard);
}
.job-roles__cta-icon--exit {
  transform: translateX(0);
}
.job-roles__cta-icon--enter {
  transform: translateX(-100%);
}
.job-roles__item:hover .job-roles__cta-icon--exit, .job-roles__item:focus-within .job-roles__cta-icon--exit {
  transform: translateX(100%);
}
.job-roles__item:hover .job-roles__cta-icon--enter, .job-roles__item:focus-within .job-roles__cta-icon--enter {
  transform: translateX(0);
}

@media (prefers-reduced-motion: reduce) {
  .job-roles__cta-icon {
    transition: none;
  }
}
.job-overview {
  padding-block: var(--layout-jobOverview-padding-top) var(--layout-jobOverview-padding-bottom);
  background-color: var(--color-neutral-50);
  color: var(--color-text-tertiary);
}
.job-overview > .container {
  min-width: 0;
}
@media (min-width: 1024px) {
  .job-overview.is-js-pin .job-overview__layout {
    padding-bottom: var(--layout-jobOverview-pin-hold);
  }
  .job-overview.is-js-pin .job-overview__layout > .pin-spacer {
    min-width: 0;
    flex: 1 1 0;
  }
}
.job-overview__layout {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-8);
  min-width: 0;
}
@media (min-width: 1024px) {
  .job-overview__layout {
    flex-direction: row;
    align-items: flex-start;
    gap: var(--layout-jobOverview-body-gap);
  }
}
.job-overview__copy {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  gap: var(--layout-jobOverview-copy-gap);
  min-width: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .job-overview.is-js-pin .job-overview__copy {
    position: relative;
    z-index: 2;
  }
}
.job-overview__head {
  display: flex;
  flex-direction: column;
  gap: var(--layout-jobOverview-head-gap);
  min-width: 0;
}
.job-overview__label, .job-overview__spec-label, .job-overview__about-label {
  margin: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
}
.job-overview__label {
  color: var(--color-neutral-700);
}
.job-overview__title {
  margin: 0;
  max-width: var(--layout-jobOverview-title-width);
  font-size: var(--font-size-3xl);
  line-height: var(--layout-jobOverview-title-leading);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: inherit;
  text-wrap: pretty;
}
.job-overview__lead {
  margin: 0;
  max-width: 100%;
  font-size: var(--font-size-md);
  line-height: var(--layout-jobOverview-lead-leading);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
  text-wrap: pretty;
}
.job-overview__spec-grid {
  display: flex;
  flex-direction: column;
  gap: var(--layout-jobOverview-spec-grid-gap);
  width: 100%;
  min-width: 0;
}
.job-overview__spec-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--layout-jobOverview-spec-row-gap);
  width: 100%;
}
@media (min-width: 768px) {
  .job-overview__spec-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .job-overview__spec-row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.job-overview__spec {
  display: flex;
  flex-direction: column;
  gap: var(--layout-jobOverview-spec-gap);
  min-width: 0;
  padding-block: var(--layout-jobOverview-spec-pad-block);
}
.job-overview__spec-label, .job-overview__about-label {
  color: var(--color-text-secondary);
}
.job-overview__spec-value, .job-overview__spec-link, .job-overview__about-text {
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: var(--layout-jobOverview-value-leading);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
  text-wrap: pretty;
}
.job-overview__spec-value--muted {
  color: var(--color-neutral-700);
}
.job-overview__spec-link {
  text-decoration: none;
  color: var(--color-neutral-700);
}
.job-overview__about {
  display: flex;
  flex-direction: column;
  gap: var(--layout-jobOverview-about-gap);
  max-width: var(--layout-jobOverview-about-width);
  min-width: 0;
}
.job-overview__aside {
  display: flex;
  flex-direction: column;
  gap: var(--layout-jobOverview-aside-gap);
  width: 100%;
  min-width: 0;
  padding: var(--space-5);
  background-color: var(--color-surface-base);
  border-radius: var(--radius-xs);
}
@media (min-width: 1024px) {
  .job-overview__aside {
    flex: 0 0 var(--layout-jobOverview-aside-width);
    width: var(--layout-jobOverview-aside-width);
    padding: var(--layout-jobOverview-aside-pad);
  }
}
.job-overview__action {
  display: flex;
  justify-content: flex-start;
  padding-block-start: var(--layout-jobOverview-button-top);
}

.brief-1 {
  padding-block: var(--layout-brief1-padding-top) var(--layout-brief1-padding-bottom);
  background-color: var(--color-surface-base);
  color: var(--color-text-tertiary);
  position: relative;
  overflow: hidden;
}
.brief-1 > .container {
  min-width: 0;
  position: relative;
  z-index: 1;
}

.brief-1__join {
  position: relative;
  z-index: 0;
  width: 100%;
  margin: var(--layout-brief1-join-gap) 0 0;
  pointer-events: none;
  user-select: none;
  overflow: hidden;
  font-size: var(--layout-brief1-join-font-size);
  line-height: var(--layout-brief1-join-line-height);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--layout-brief1-join-letter-spacing);
  color: var(--color-neutral-800);
  white-space: nowrap;
}

.brief-1__join-track {
  display: flex;
  flex-wrap: nowrap;
  align-items: baseline;
  gap: var(--layout-brief1-join-item-gap);
  width: max-content;
  will-change: transform;
}

.brief-1__join-item {
  flex: 0 0 auto;
  white-space: nowrap;
}

.brief-1__content {
  position: relative;
  z-index: 1;
}

.brief-1__title {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
  min-width: 0;
  margin: 0;
}

.brief-1__title-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: var(--space-3);
}

.brief-1__index {
  display: flex;
  align-items: center;
  gap: var(--space-1);
}

.brief-1__diamond {
  width: var(--layout-brief1-title-dot-size);
  height: var(--layout-brief1-title-dot-size);
  background-color: var(--color-neutral-950);
  transform: rotate(45deg);
  border-radius: var(--radius-xs);
  flex: 0 0 auto;
}

.brief-1__index-num {
  margin: 0;
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
  text-transform: uppercase;
}

.brief-1__title-mid {
  text-align: center;
  margin: 0;
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
  white-space: nowrap;
}

.brief-1__title-right {
  text-align: right;
  margin: 0;
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
  white-space: nowrap;
}

.brief-1__rule {
  width: 100%;
  min-width: 0;
  opacity: 1;
}

.brief-1__rule-img {
  display: block;
  width: 100%;
  height: auto;
}

.brief-1__top {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
  align-items: flex-start;
  margin-top: var(--space-8);
  justify-content: space-between;
}

.brief-1__duties {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.brief-1__duty {
  display: flex;
  align-items: center;
  gap: var(--space-1);
  padding-block: var(--layout-brief1-duty-pad-block);
  margin: 0;
  min-width: 0;
}

.brief-1__duty-icon {
  width: var(--layout-brief1-duty-icon-size);
  height: var(--layout-brief1-duty-icon-size);
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  min-width: 0;
}

.brief-1__duty-icon-img {
  width: 100%;
  height: 100%;
  display: block;
}

.brief-1__duty-text {
  margin: 0;
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
  text-wrap: pretty;
}

.brief-1__mosaic {
  display: flex;
  gap: var(--space-3);
  align-items: flex-start;
  min-width: 0;
  height: calc(var(--layout-brief1-mosaic-tile-height) + var(--layout-brief1-mosaic-offset-4));
}

.brief-1__mosaic-tile {
  width: var(--layout-brief1-mosaic-tile-width);
  height: var(--layout-brief1-mosaic-tile-height);
  border-radius: var(--radius-xs);
  overflow: clip;
  background-color: var(--color-neutral-100);
  flex: 0 0 auto;
}

.brief-1__mosaic-tile--1 .brief-1__mosaic-parallax {
  --scroll-parallax-travel: var(--layout-brief1-mosaic-parallax-1);
}

.brief-1__mosaic-tile--2 .brief-1__mosaic-parallax {
  --scroll-parallax-travel: var(--layout-brief1-mosaic-parallax-2);
}

.brief-1__mosaic-tile--3 .brief-1__mosaic-parallax {
  --scroll-parallax-travel: var(--layout-brief1-mosaic-parallax-3);
}

.brief-1__mosaic-tile--4 .brief-1__mosaic-parallax {
  --scroll-parallax-travel: var(--layout-brief1-mosaic-parallax-4);
}

.brief-1__mosaic-parallax .split-wipe {
  width: 100%;
  height: 100%;
}

.brief-1__mosaic-tile.is-offset-2 {
  margin-top: var(--layout-brief1-mosaic-offset-2);
}

.brief-1__mosaic-tile.is-offset-3 {
  margin-top: var(--layout-brief1-mosaic-offset-3);
}

.brief-1__mosaic-tile.is-offset-4 {
  margin-top: var(--layout-brief1-mosaic-offset-4);
}

.brief-1__fit-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-5);
  width: 100%;
  margin-top: var(--space-8);
  min-width: 0;
}
@media (min-width: 768px) {
  .brief-1__fit-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .brief-1__fit-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: start;
    margin-top: var(--space-10);
    gap: var(--space-6);
  }
}
@media (min-width: 1024px) {
  .brief-1__fit-grid.is-js-pin {
    padding-bottom: var(--layout-brief1-pin-hold);
  }
}
.brief-1__fit-grid.is-js-pin > .pin-spacer {
  min-width: 0;
}

.brief-1__fit-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  min-width: 0;
  width: 100%;
  min-height: var(--layout-brief1-fit-card-height);
  overflow: clip;
  border-radius: var(--layout-brief1-fit-card-radius);
  background-color: var(--color-neutral-0);
  color: inherit;
  padding: var(--layout-brief1-fit-card-pad-y) var(--space-3);
}
@media (min-width: 1024px) {
  .brief-1__fit-card {
    position: relative;
    z-index: 1;
  }
  .brief-1__fit-card--2 {
    z-index: 2;
    margin-top: var(--layout-brief1-fit-card-offset-2);
  }
  .brief-1__fit-card--3 {
    z-index: 3;
    margin-top: var(--layout-brief1-fit-card-offset-3);
  }
}

.brief-1__fit-icon {
  width: var(--layout-brief1-fit-icon-size);
  height: var(--layout-brief1-fit-icon-size);
}

.brief-1__fit-title {
  margin: 0;
  font-size: var(--font-size-md);
  line-height: var(--layout-brief1-fit-title-leading);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
}

.brief-1__fit-text {
  margin: 0;
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-secondary);
  text-wrap: pretty;
}

@media (min-width: 1024px) {
  .brief-1__top {
    flex-direction: row;
    gap: var(--space-8);
  }
}
.brief-2 {
  --color-neutral-0: #ffffff;
  --color-neutral-700: #c8c8c8;
  --color-neutral-950: #111111;
  --color-surface-inverse: #111111;
  --color-text-tertiary: #ffffff;
  --color-text-secondary: #a3a3a3;
  --color-text-on-inverse: #111111;
  --color-border-base: #6d6d6d;
  padding-block: var(--layout-brief2-padding-block) var(--layout-brief2-padding-block);
  background-color: var(--color-surface-inverse);
  color: var(--color-text-tertiary);
}
.brief-2 > .container {
  display: flex;
  flex-direction: column;
  gap: var(--layout-brief2-stack-gap);
  min-width: 0;
}
.brief-2 .btn-1 {
  color: var(--color-text-on-inverse);
  background-color: var(--color-neutral-0);
}
.brief-2__layout {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
  min-width: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .brief-2__layout {
    flex-direction: row;
    align-items: flex-start;
    gap: var(--layout-brief2-col-gap);
  }
}
.brief-2__form {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-brief2-form-gap);
  min-width: 0;
  width: 100%;
}
.brief-2__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--layout-brief2-row-gap);
  width: 100%;
}
@media (min-width: 768px) {
  .brief-2__row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.brief-2__field {
  display: flex;
  flex-direction: column;
  gap: var(--layout-brief2-field-gap);
  width: 100%;
  min-width: 0;
  padding-bottom: var(--layout-brief2-field-pad);
}
.brief-2__field--brief {
  padding-top: var(--layout-brief2-brief-pad-top);
  padding-bottom: var(--space-2);
}
.brief-2__label {
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-secondary);
}
.brief-2__control {
  width: 100%;
  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-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  color: inherit;
  caret-color: var(--color-neutral-0);
}
.brief-2__control:focus {
  outline: none;
  border-bottom-color: var(--color-neutral-0);
}
.brief-2__control:focus-visible {
  outline: 2px solid var(--color-neutral-0);
  outline-offset: 2px;
}
.brief-2__consent {
  display: flex;
  align-items: center;
  gap: var(--layout-brief2-consent-gap);
  cursor: pointer;
}
.brief-2__check {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.brief-2__check-ui {
  display: block;
  flex-shrink: 0;
  width: var(--layout-brief2-check-size);
  height: var(--layout-brief2-check-size);
  overflow: clip;
}
.brief-2__check-ui img {
  display: block;
  width: 100%;
  height: 100%;
}
.brief-2__check:checked + .brief-2__check-ui {
  background-image: radial-gradient(circle, var(--color-neutral-0) 32%, transparent 33%);
}
.brief-2__check:focus-visible + .brief-2__check-ui {
  outline: 2px solid var(--color-neutral-0);
  outline-offset: 2px;
}
.brief-2__consent-text {
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: inherit;
}
.brief-2__action {
  display: flex;
  justify-content: flex-start;
}
.brief-2__note {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-brief2-note-gap);
  min-width: 0;
  width: 100%;
}
.brief-2__note-eyebrow {
  margin: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-neutral-700);
}
.brief-2__note-title {
  margin: 0;
  max-width: 24ch;
  font-size: var(--font-size-lg);
  line-height: var(--layout-brief2-title-leading);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
  text-wrap: pretty;
}
.brief-2__note-lead {
  margin: 0;
  max-width: 38rem;
  font-size: var(--font-size-compact);
  line-height: var(--layout-brief2-lead-leading);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-secondary);
  text-wrap: pretty;
}
.brief-2__gallery {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: var(--layout-brief2-gallery-gap);
  width: 100%;
  margin-top: var(--space-2);
}
.brief-2__photo {
  position: relative;
  min-width: 0;
  overflow: clip;
  border-radius: var(--layout-brief2-gallery-radius);
  background-color: var(--color-placeholder-base);
}
.brief-2__photo--1 {
  flex: 343 1 0;
  aspect-ratio: var(--layout-brief2-photo-1-ratio);
}
.brief-2__photo--1 .brief-2__photo-parallax {
  --scroll-parallax-travel: var(--layout-brief2-parallax-1);
}
.brief-2__photo--2 {
  flex: 360 1 0;
  aspect-ratio: var(--layout-brief2-photo-2-ratio);
}
.brief-2__photo--2 .brief-2__photo-parallax {
  --scroll-parallax-travel: var(--layout-brief2-parallax-2);
}
.brief-2__photo-link {
  display: block;
  width: 100%;
  height: 100%;
  color: inherit;
  text-decoration: none;
  cursor: zoom-in;
}
.brief-2__photo-frame {
  width: 100%;
  height: 100%;
  min-height: 0;
}
.brief-2__photo-frame img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.apply-1 {
  padding-block: var(--layout-apply1-padding-top) var(--layout-apply1-padding-bottom);
  background-color: var(--color-neutral-0);
  color: var(--color-text-tertiary);
}
.apply-1 > .container {
  display: flex;
  flex-direction: column;
  gap: var(--layout-apply1-stack-gap);
  min-width: 0;
}
.apply-1__layout {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
  min-width: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .apply-1__layout {
    flex-direction: row;
    align-items: flex-start;
    gap: var(--layout-apply1-col-gap);
  }
}
.apply-1__form {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-apply1-form-gap);
  min-width: 0;
  width: 100%;
}
.apply-1__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--layout-apply1-row-gap);
  width: 100%;
}
@media (min-width: 768px) {
  .apply-1__row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.apply-1__field {
  display: flex;
  flex-direction: column;
  gap: var(--layout-apply1-field-gap);
  width: 100%;
  min-width: 0;
  padding-bottom: var(--layout-apply1-field-pad);
}
.apply-1__field--note {
  padding-top: var(--layout-apply1-note-pad-top);
  padding-bottom: var(--space-2);
}
.apply-1__label {
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-secondary);
}
.apply-1__control {
  width: 100%;
  padding: 0;
  border: 0;
  border-bottom: 1px solid var(--color-neutral-200);
  border-radius: 0;
  background: transparent;
  font-family: inherit;
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  color: inherit;
}
.apply-1__control:focus {
  outline: none;
  border-bottom-color: var(--color-text-tertiary);
}
.apply-1__control:focus-visible {
  outline: 2px solid var(--color-text-tertiary);
  outline-offset: 2px;
}
.apply-1__consent {
  display: flex;
  align-items: center;
  gap: var(--layout-apply1-consent-gap);
  cursor: pointer;
}
.apply-1__check {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.apply-1__check-ui {
  display: block;
  flex-shrink: 0;
  width: var(--layout-apply1-check-size);
  height: var(--layout-apply1-check-size);
  overflow: clip;
}
.apply-1__check-ui img {
  display: block;
  width: 100%;
  height: 100%;
}
.apply-1__check:checked + .apply-1__check-ui {
  background-image: radial-gradient(circle, var(--color-neutral-950) 32%, transparent 33%);
}
.apply-1__check:focus-visible + .apply-1__check-ui {
  outline: 2px solid var(--color-text-tertiary);
  outline-offset: 2px;
}
.apply-1__consent-text {
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: inherit;
}
.apply-1__action {
  display: flex;
  justify-content: flex-start;
}
.apply-1__seats {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-apply1-seats-gap);
  min-width: 0;
  width: 100%;
}
.apply-1__seats-label {
  margin: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-neutral-700);
}
.apply-1__seat-list {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.apply-1__seat {
  width: 100%;
  min-width: 0;
  border-bottom: 1px solid var(--color-neutral-200);
}
.apply-1__seat-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  width: 100%;
  padding-block: var(--layout-apply1-seat-pad);
  text-decoration: none;
  color: inherit;
}
.apply-1__seat-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-apply1-seat-copy-gap);
  min-width: 0;
}
.apply-1__seat-title {
  margin: 0;
  font-size: var(--font-size-lg);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
  text-wrap: pretty;
}
.apply-1__seat-meta {
  margin: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-text-secondary);
}
.apply-1__seat-icon {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: var(--layout-apply1-seat-icon);
  height: var(--layout-apply1-seat-icon);
}
.apply-1__seat-icon img {
  display: block;
  width: 100%;
  height: 100%;
}

.error-hero {
  padding-block: var(--layout-errorHero-padding-top) var(--layout-errorHero-padding-bottom);
  overflow-x: clip;
  background-color: var(--color-neutral-50);
  color: var(--color-text-tertiary);
}
.error-hero > .container {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
  min-width: 0;
}
.error-hero__stage {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 0;
  min-width: 0;
  padding-top: var(--layout-errorHero-stage-pad-top);
}
@media (min-width: 1024px) {
  .error-hero__stage {
    min-height: calc(var(--layout-errorHero-stage-height) + var(--layout-errorHero-stage-pad-top));
  }
}
.error-hero__field {
  display: none;
  pointer-events: none;
}
@media (min-width: 1024px) {
  .error-hero__field {
    display: block;
    position: absolute;
    inset: var(--layout-errorHero-stage-pad-top) 0 0;
  }
}
.error-hero__photo {
  position: absolute;
  overflow: clip;
  background-color: var(--color-neutral-100);
  pointer-events: none;
  will-change: transform;
}
.error-hero__photo .anim-zoomin-wrap {
  width: 100%;
  height: 100%;
}
.error-hero__photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.error-hero__photo--1 {
  left: 9%;
  top: 1%;
  width: var(--layout-errorHero-photo-tall-width);
  height: var(--layout-errorHero-photo-tall-height);
}
.error-hero__photo--2 {
  left: 22%;
  top: 70%;
  width: var(--layout-errorHero-photo-width);
  height: var(--layout-errorHero-photo-height);
}
.error-hero__photo--3 {
  left: 72%;
  top: -14%;
  width: var(--layout-errorHero-photo-width);
  height: var(--layout-errorHero-photo-height);
}
.error-hero__photo--4 {
  left: 66%;
  top: 70%;
  width: var(--layout-errorHero-photo-width);
  height: var(--layout-errorHero-photo-height);
}
.error-hero__photo--5 {
  left: 89%;
  top: 35%;
  width: var(--layout-errorHero-photo-width);
  height: var(--layout-errorHero-photo-height);
}
.error-hero__copy {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--layout-errorHero-copy-gap);
  width: 100%;
  max-width: var(--layout-errorHero-copy-width);
  min-width: 0;
  text-align: center;
}
.error-hero__kicker {
  margin: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-text-secondary);
}
.error-hero__title {
  margin: 0;
  width: 100%;
  font-size: var(--font-size-2xl);
  line-height: var(--font-leading-2xl);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-display);
  color: inherit;
  text-wrap: pretty;
}
.error-hero__lead {
  margin: 0;
  width: 100%;
  font-size: var(--font-size-sm);
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-tracking-tight);
  color: var(--color-text-secondary);
  text-wrap: pretty;
}
.error-hero__mark {
  --text-marquee-speed: var(--layout-errorHero-mark-speed);
  position: relative;
  width: 100vw;
  max-width: 100vw;
  min-width: 0;
  margin: 0;
  margin-left: calc(50% - 50vw);
  padding-block: var(--layout-errorHero-mark-pad-block);
  overflow-x: clip;
  font-weight: var(--font-weight-light);
  letter-spacing: var(--font-tracking-display);
  color: var(--color-neutral-500);
  white-space: nowrap;
  user-select: none;
}
.error-hero__track {
  display: flex;
  flex-wrap: nowrap;
  width: max-content;
  will-change: transform;
}
.error-hero__group {
  display: flex;
  flex-shrink: 0;
  flex-wrap: nowrap;
  align-items: center;
  gap: var(--layout-errorHero-mark-gap);
  margin: 0;
  padding-inline-end: var(--layout-errorHero-mark-gap);
}
.error-hero__item {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  white-space: nowrap;
}
.error-hero__code {
  display: block;
  font-size: var(--layout-errorHero-code-size);
  line-height: var(--layout-errorHero-mark-leading);
}

.error-paths {
  padding-block: var(--layout-errorPaths-padding-block) var(--layout-errorPaths-padding-block);
  background-color: var(--color-neutral-50);
  color: var(--color-text-tertiary);
}
.error-paths > .container {
  display: flex;
  flex-direction: column;
  gap: var(--layout-errorPaths-stack-gap);
  min-width: 0;
}
.error-paths__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--layout-errorPaths-grid-gap);
  width: 100%;
  min-width: 0;
}
@media (min-width: 768px) {
  .error-paths__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .error-paths__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.error-paths__card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--layout-errorPaths-card-gap);
  width: 100%;
  min-width: 0;
  padding: var(--layout-errorPaths-card-pad);
  overflow: clip;
  border-radius: var(--radius-xs);
  color: inherit;
  text-decoration: none;
}
.error-paths__index {
  margin: 0;
  font-size: var(--font-size-xs);
  line-height: var(--font-leading-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  text-transform: uppercase;
  color: var(--color-text-secondary);
}
.error-paths__title {
  margin: 0;
  width: 100%;
  font-size: var(--font-size-md);
  line-height: 1;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--font-tracking-tight);
  color: inherit;
}
.error-paths__note {
  margin: 0;
  width: 100%;
  font-size: var(--font-size-compact);
  line-height: var(--font-leading-compact);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-secondary);
  text-wrap: pretty;
}
.error-paths__arrow {
  display: block;
  flex-shrink: 0;
  width: var(--layout-errorPaths-arrow);
  height: var(--layout-errorPaths-arrow);
  overflow: clip;
  color: var(--color-text-tertiary);
}
.error-paths__arrow svg {
  display: block;
  width: 100%;
  height: 100%;
}

/* =========================================================
   ORVIX MEDIA - RESPONSIVE / MOBILE PERFORMANCE PATCH
   Desktop styles above remain unchanged.
   ========================================================= */

html,
body {
  max-width: 100%;
  overflow-x: clip;
}

@media (max-width: 1024px) {
  html {
    overflow-x: hidden;
    overscroll-behavior-x: none;
  }

  body {
    overflow-x: hidden;
    overscroll-behavior-x: none;
  }

  #smooth-wrapper,
  #smooth-content {
    overflow-x: clip !important;
  }

  /* Native touch scrolling is more reliable than JS smooth scrolling on tablets. */
  .has-scroll-smoother #smooth-wrapper {
    overflow: visible !important;
  }

  img,
  video,
  canvas,
  svg {
    max-width: 100%;
  }

  .container {
    width: min(100% - 40px, 100%);
  }

  .contact-1__card,
  .contact-1__copy,
  .contact-1__photos,
  .pricing-card-3,
  .why-us-2__copy,
  .why-us-2__media {
    min-width: 0;
    max-width: 100%;
  }

  .contact-1__control {
    max-width: 100%;
  }

  textarea.contact-1__control {
    resize: vertical;
  }
}

@media (max-width: 767px) {
  .container {
    width: min(100% - 28px, 100%);
  }

  /* Prevent long words / labels from creating horizontal overflow. */
  h1,
  h2,
  h3,
  h4,
  p,
  a,
  button,
  span,
  li {
    overflow-wrap: anywhere;
  }

  .contact-1__row {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .contact-1__card {
    width: 100%;
  }

  .contact-1__control {
    width: 100%;
    box-sizing: border-box;
  }

  .contact-1__photos img,
  .split-wipe__pane img {
    width: 100%;
    height: auto;
  }

  /* Keep large animated tracks inside their own viewport. */
  .projects-4,
  .projects-5,
  .services-3,
  .testimonials-3,
  .brief-1__join {
    max-width: 100vw;
    overflow-x: clip;
  }

  /* Reduce expensive visual effects on touch devices. */
  .glass-texture,
  .grid-deform,
  .cursor-parallax {
    pointer-events: none;
  }

  .btn-1,
  button,
  input,
  textarea,
  select {
    -webkit-tap-highlight-color: transparent;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto !important;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}

.demo-form-status {
  margin-top: 14px;
  font-size: 14px;
  line-height: 1.5;
}

.contact-1__card button[type="submit"]:disabled {
  opacity: 0.6;
  pointer-events: none;
}


/* =========================================================
   ORVIX MEDIA - FAQ / CONTACT MOBILE IMAGE FIX
   Added as final override so existing desktop animation
   styles remain unchanged.
   ========================================================= */

@media (max-width: 767px) {

  /* FAQ portrait image
     Original split-wipe uses two 50% panes and 200% images.
     On mobile this is intentionally converted to one full image. */

  .faqs-2__photo.split-wipe {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 640 / 856;
    overflow: hidden;
    margin: 0;
  }

  .faqs-2__photo .split-wipe__pane {
    display: none;
  }

  .faqs-2__photo .split-wipe__pane--left {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: none !important;
  }

  .faqs-2__photo .split-wipe__pane--left img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    margin: 0;
    object-fit: cover;
  }

  /* Keep FAQ media itself full width on mobile */
  .faqs-2__media {
    width: 100%;
    min-width: 0;
  }

  /* Contact section images: keep each image full within
     its own mobile figure without changing desktop layout. */
  .contact-1__photos {
    width: 100%;
    min-width: 0;
  }

  .contact-1__photo {
    width: 100%;
    max-width: 100%;
  }

  .contact-1__photo .split-wipe__pane {
    min-width: 0;
  }

  .contact-1__photo .split-wipe__pane img {
    width: 200%;
    height: 100%;
    max-width: none;
    object-fit: cover;
  }

  .contact-1__photo .split-wipe__pane--right img {
    margin-inline-start: calc(-100% + 1px);
  }
}
.footer-3__logo-text {
  display: inline-block;
  color: inherit;
  font-size: 24px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: -0.03em;
  text-decoration: none;
  white-space: nowrap;
}

@media (max-width: 1024px) {
  html,
  body {
    overflow-x: clip !important;
    overscroll-behavior-x: auto !important;
  }

  #smooth-wrapper {
    overflow: visible !important;
    will-change: auto !important;
  }

  #smooth-content {
    will-change: auto !important;
    transform: none !important;
  }
}