.company-hero {
    padding:86px 0 70px;
    background:#f5f3ef;
}
.company-hero-inner {
    max-width:1280px;
    position:relative;
}
.company-hero-copy {
    position:relative;
    z-index:1;
}
.company-hero-puzzle {
    display:block;
    position:absolute;
    z-index:0;
    top:340px;
    right:0;
    width:min(32%,400px);
    max-width:400px;
    height:auto;
    pointer-events:none;
}
.company-hero h1 {
    font:600 clamp(48px,6vw,78px)/1.05 var(--display);
    letter-spacing:-4px;
    color:#132a3d;
    margin:24px 0;
}
.company-hero h1 em {
    font-style:normal;
    color:#236f83;
}
.company-hero-copy>p {
    max-width:735px;
    font-size:19px;
    line-height:1.75;
    color:#4f6069;
}
.company-hero-actions {
    display:flex;
    align-items:center;
    gap:24px;
    margin-top:30px;
}
.company-hero-actions .button-dark {
    background:#102a3d;
    border-color:#102a3d;
}
.company-text-link {
    font-size:14px;
    font-weight:700;
    color:#1e6f90;
}
.company-text-link span {
    margin-left:6px;
}
.company-experience {
    display:flex;
    align-items:center;
    gap:17px;
    max-width:555px;
    border-top:1px solid #d6dddf;
    margin-top:43px;
    padding-top:19px;
}
.company-experience strong {
    font:700 39px/1 var(--display);
    letter-spacing:-2px;
    color:#142b3f;
}
.company-experience strong span {
    color:#236f83;
    font-size:23px;
    vertical-align:top;
}
.company-experience p {
    font-size:12px;
    line-height:1.55;
    color:#65737a;
    margin:0;
    max-width:320px;
}
.company-who {
    background:#fff;
}
.company-who-grid {
    display:grid;
    grid-template-columns:.85fr 1.15fr;
    gap:90px;
}
.company-section-label>span {
    font-size:10px;
    letter-spacing:1.3px;
    font-weight:700;
    color:#37788a;
}
.company-section-label h2 {
    font:600 clamp(34px,3.7vw,48px)/1.12 var(--display);
    letter-spacing:-2.2px;
    color:#142b3e;
    margin:17px 0;
}
.company-body-copy p {
    font-size:16px;
    line-height:1.85;
    color:#53636a;
    margin:0 0 15px;
}
.company-body-copy .company-text-link {
    display:inline-block;
    margin-top:8px;
}
.company-image-band {
    padding:0 0 105px;
    background:#fff;
}
.company-image-frame {
    position:relative;
    min-height:420px;
    margin:0;
    overflow:hidden;
    background:#dfe7e8;
    border-radius:4px;
}
.company-image-frame img {
    display:block;
    width:100%;
    height:520px;
    object-fit:cover;
    object-position:center 48%;
}
.company-image-frame figcaption {
    position:absolute;
    right:0;
    bottom:0;
    left:0;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:20px;
    padding:72px 30px 24px;
    color:#fff;
    background:linear-gradient(transparent,rgba(10,27,40,.76));
}
.company-image-frame figcaption strong {
    max-width:560px;
    font:600 clamp(22px,3vw,34px)/1.2 var(--display);
    letter-spacing:-.8px;
}
.company-image-frame figcaption span,
.company-image-frame figcaption a {
    color:#fff;
    font-size:10px;
}
.company-image-frame figcaption a {
    text-decoration:underline;
    text-underline-offset:2px;
}
.company-purpose {
    padding:0 0 105px;
    background:#fff;
}
.company-purpose-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
}
.purpose-card {
    padding:34px 35px;
    min-height:280px;
    border-radius:3px;
}
.purpose-card>span {
    font-size:10px;
    letter-spacing:1.5px;
    font-weight:700;
}
.purpose-card h2 {
    font:600 29px/1.2 var(--display);
    letter-spacing:-1px;
    margin:24px 0 13px;
}
.purpose-card p {
    font-size:14px;
    line-height:1.75;
    margin:0;
    max-width:460px;
}
.purpose-mission {
    background:#eaf1f4;
    color:#142f42;
}
.purpose-mission>span {
    color:#28748f;
}
.purpose-vision {
    background:#f2eee8;
    color:#283746;
}
.purpose-vision>span {
    color:#a46a37;
}
.company-offer {
    background:#f8f8f6;
}
.company-offer-head,.company-values-head {
    display:grid;
    grid-template-columns:1fr .85fr;
    gap:70px;
    align-items:end;
    margin:17px 0 39px;
}
.company-offer-head h2,.company-values-head h2 {
    font:600 clamp(42px,4.5vw,59px)/1.08 var(--display);
    letter-spacing:-2.7px;
    color:#142a3d;
    margin:0;
}
.company-offer-head p,.company-values-head>p {
    font-size:16px;
    line-height:1.75;
    color:#58676d;
    margin:0 0 4px;
}
.company-offer-list {
    border-top:1px solid #d8dfe1;
}
.company-offer-list>a {
    display:grid;
    grid-template-columns:60px .8fr 1.2fr 25px;
    gap:18px;
    align-items:center;
    padding:21px 7px;
    border-bottom:1px solid #d8dfe1;
    color:#142a3d;
    transition:background .18s,padding .18s;
}
.company-offer-list>a:hover {
    background:#fff;
    padding-left:14px;
    padding-right:14px;
}
.company-offer-list>a>span {
    font-size:11px;
    color:#76848a;
}
.company-offer-list strong {
    font:700 18px var(--display);
}
.company-offer-list p {
    font-size:14px;
    color:#5c6a70;
    margin:0;
}
.company-offer-list b {
    font-size:18px;
    color:#247990;
}
.company-why {
    background:#142941;
    color:#eef3f5;
}
.company-why-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:100px;
    align-items:start;
}
.company-why h2 {
    font:600 clamp(38px,4.2vw,55px)/1.1 var(--display);
    letter-spacing:-2.5px;
    color:#fff;
    margin:19px 0 0;
}
.company-why-grid>div:nth-child(2) {
    padding-top:36px;
}
.company-why-grid p {
    font-size:16px;
    line-height:1.8;
    color:#d0dbe0;
    margin:0 0 15px;
}
.company-values {
    background:#fff;
}
.company-values-head h2 em {
    font-style:normal;
    color:#236f83;
}
.value-list {
    border-top:1px solid #dce3e5;
}
.value-list article {
    display:grid;
    grid-template-columns:58px 1fr;
    gap:15px;
    padding:21px 0;
    border-bottom:1px solid #dce3e5;
}
.value-list article>span {
    font-size:11px;
    color:#74848b;
    padding-top:5px;
}
.value-list h3 {
    font:700 19px var(--display);
    letter-spacing:-.3px;
    color:#142a3d;
    margin:0 0 5px;
}
.value-list p {
    font-size:14px;
    line-height:1.7;
    color:#59696f;
    margin:0;
    max-width:790px;
}
.company-cta {
    background:#102a3d;
}
.company-cta-inner {
    min-height:300px;
    padding:60px 0;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:35px;
}
.company-cta h2 {
    font:600 clamp(40px,4.5vw,58px)/1.08 var(--display);
    letter-spacing:-2.5px;
    color:#fff;
    margin:17px 0 0;
}
.company-cta h2 em {
    font-style:normal;
    color:#83d9d0;
}
.company-cta .button-mint {
    background:#2674d9;
    color:#fff;
}
.company-cta .button-mint span {
    color:#fff;
}
@media(max-width:850px) {
    .company-hero-puzzle {
        top:368px;
        width:min(30%,250px);
    }
    .company-who-grid,.company-why-grid {
        gap:45px;
    }
    .company-offer-head,.company-values-head {
        gap:35px;
    }
}
@media(max-width:680px) {
    .company-hero {
        padding:58px 0 49px;
    }
    .company-hero-inner {
        display:flex;
        flex-direction:column;
    }
    .company-hero-puzzle {
        position:static;
        width:min(100%,360px);
        max-width:360px;
        margin:12px auto 0;
    }
    .company-hero h1 {
        font-size:46px;
        letter-spacing:-2.7px;
    }
    .company-hero-copy>p {
        font-size:16px;
    }
    .company-hero-actions {
        align-items:flex-start;
        flex-direction:column;
        gap:15px;
    }
    .company-experience {
        margin-top:31px;
    }
    .company-who-grid,.company-purpose-grid,.company-why-grid {
        grid-template-columns:1fr;
        gap:24px;
    }
    .company-section-label h2 {
        font-size:37px;
    }
    .company-body-copy p {
        font-size:15px;
    }
    .company-image-band {
        padding-bottom:75px;
    }
    .company-image-frame {
        min-height:330px;
    }
    .company-image-frame img {
        height:330px;
        object-position:55% center;
    }
    .company-image-frame figcaption {
        align-items:flex-start;
        flex-direction:column;
        gap:10px;
        padding:60px 20px 18px;
    }
    .company-image-frame figcaption strong {
        font-size:23px;
    }
    .company-purpose {
        padding-bottom:75px;
    }
    .purpose-card {
        min-height:0;
        padding:27px 24px;
    }
    .purpose-card h2 {
        font-size:25px;
        margin:18px 0 11px;
    }
    .company-offer-head,.company-values-head {
        grid-template-columns:1fr;
        gap:15px;
        margin-bottom:25px;
    }
    .company-offer-head h2,.company-values-head h2 {
        font-size:43px;
    }
    .company-offer-head p,.company-values-head>p {
        font-size:15px;
    }
    .company-offer-list>a {
        grid-template-columns:34px 1fr 22px;
        gap:10px;
        padding:16px 0;
    }
    .company-offer-list strong {
        font-size:16px;
    }
    .company-offer-list p {
        grid-column:2;
        grid-row:2;
        font-size:13px;
    }
    .company-offer-list b {
        grid-column:3;
        grid-row:1/3;
    }
    .company-why h2 {
        font-size:40px;
    }
    .company-why-grid>div:nth-child(2) {
        padding-top:0;
    }
    .company-why-grid p {
        font-size:15px;
    }
    .value-list article {
        grid-template-columns:35px 1fr;
        gap:9px;
    }
    .value-list h3 {
        font-size:17px;
    }
    .value-list p {
        font-size:13px;
    }
    .company-cta-inner {
        min-height:0;
        padding:51px 0;
        align-items:flex-start;
        flex-direction:column;
    }
    .company-cta h2 {
        font-size:43px;
    }
}