.identity-main {
    width: min(100% - 40px, 1140px);
    padding-block: 34px 100px;
}

.identity-hero {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    padding: clamp(38px, 6vw, 76px);
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: 28px;
    background:
        radial-gradient(ellipse at 95% 15%, rgba(36, 114, 188, .19), transparent 38%),
        radial-gradient(ellipse at 85% 95%, rgba(218, 21, 35, .18), transparent 48%),
        linear-gradient(130deg, #111823, #080c14 70%);
    box-shadow: 0 28px 70px rgba(0, 0, 0, .34);
}

.identity-hero::after {
    content: '';
    position: absolute;
    z-index: -1;
    width: min(52vw, 570px);
    aspect-ratio: 1;
    right: -15%;
    top: -40%;
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 50%;
    box-shadow: 0 0 0 42px rgba(255, 255, 255, .015), 0 0 0 95px rgba(255, 255, 255, .012), 0 0 95px rgba(223, 25, 37, .12);
    pointer-events: none;
}

.identity-hero h1 {
    max-width: 14ch;
    font-size: clamp(2.6rem, 6vw, 5.1rem);
}

.identity-hero .lead {
    max-width: 62ch;
    font-size: clamp(1rem, 1.5vw, 1.14rem);
}

.identity-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 28px;
}

.identity-nav a {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: 9px 17px;
    border: 1px solid rgba(255, 255, 255, .17);
    border-radius: 999px;
    color: #fff;
    background: rgba(255, 255, 255, .04);
    font-size: .84rem;
    font-weight: 700;
    text-decoration: none;
    transition: background .2s ease, border-color .2s ease, transform .2s ease;
}

.identity-nav a:hover {
    background: rgba(229, 0, 0, .2);
    border-color: rgba(255, 100, 100, .55);
    transform: translateY(-2px);
}

.identity-origin,
.identity-section {
    margin-top: clamp(56px, 7vw, 88px);
    scroll-margin-top: 30px;
}

.identity-origin {
    max-width: 76ch;
}

.identity-kicker {
    margin: 0 0 10px;
    color: #ff8188;
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.identity-origin h2,
.identity-section h2,
.identity-listen h2 {
    margin: 0 0 14px;
    color: #fff;
    font-size: clamp(1.65rem, 3vw, 2.4rem);
    line-height: 1.18;
    letter-spacing: -.025em;
}

.identity-origin > p:last-child,
.identity-section-intro,
.identity-listen p:not(.identity-kicker) {
    max-width: 74ch;
    margin: 0;
    color: #bdc5d2;
    font-family: 'Manrope', 'Segoe UI', sans-serif;
    line-height: 1.8;
}

.identity-section-intro {
    margin-bottom: 24px;
}

.identity-duo,
.identity-values,
.identity-faith {
    display: grid;
    gap: 16px;
}

.identity-duo,
.identity-faith {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.identity-values {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.identity-value {
    grid-column: span 2;
}

.identity-value:nth-child(4) {
    grid-column: 2 / span 2;
}

.identity-value:nth-child(5) {
    grid-column: 4 / span 2;
}

.identity-card,
.identity-belief {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 20px;
    background: linear-gradient(145deg, rgba(22, 29, 41, .94), rgba(11, 15, 23, .96));
    box-shadow: 0 18px 45px rgba(0, 0, 0, .23);
    transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}

.identity-card:hover,
.identity-belief:hover {
    transform: translateY(-5px);
    border-color: rgba(248, 87, 92, .38);
    box-shadow: 0 25px 52px rgba(0, 0, 0, .3), 0 0 28px rgba(224, 0, 0, .09);
}

.identity-card {
    padding: clamp(24px, 3vw, 34px);
}

.identity-card::before {
    content: '';
    position: absolute;
    inset: 0 0 auto;
    height: 2px;
    background: linear-gradient(90deg, #e60000, rgba(230, 0, 0, 0));
}

.identity-card-mark {
    display: grid;
    place-items: center;
    width: 43px;
    height: 43px;
    margin-bottom: 20px;
    border-radius: 13px;
    color: #ff9a9a;
    background: rgba(230, 0, 0, .13);
    font-size: 1.25rem;
}

.identity-card h3,
.identity-belief h3 {
    margin: 0 0 11px;
    color: #fff;
    font-size: 1.22rem;
    line-height: 1.3;
}

.identity-card p,
.identity-belief p {
    margin: 0;
    color: #c2c9d5;
    font-family: 'Manrope', 'Segoe UI', sans-serif;
    font-size: .94rem;
    line-height: 1.75;
}

.identity-value {
    min-height: 205px;
}

.identity-number {
    display: block;
    margin-bottom: 17px;
    color: #ff747c;
    font-family: 'Outfit', 'Segoe UI', sans-serif;
    font-size: .81rem;
    font-weight: 800;
    letter-spacing: .12em;
}

.identity-belief {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    align-content: start;
    gap: 14px;
    padding: 25px;
}

.identity-belief .identity-number {
    margin: 4px 0 0;
}

.identity-listen {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-top: clamp(64px, 8vw, 100px);
    padding: clamp(26px, 4vw, 44px);
    border: 1px solid rgba(244, 91, 91, .28);
    border-radius: 22px;
    background: linear-gradient(115deg, rgba(111, 9, 21, .3), rgba(13, 20, 31, .98) 60%);
}

.identity-listen h2 {
    font-size: clamp(1.6rem, 2.4vw, 2.15rem);
}

.identity-listen p:not(.identity-kicker) {
    max-width: 56ch;
}

.identity-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    flex: none;
    max-width: 350px;
}

.identity-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 43px;
    padding: 10px 16px;
    border-radius: 999px;
    font-size: .85rem;
    font-weight: 800;
    text-align: center;
    text-decoration: none;
    transition: transform .2s ease, background .2s ease;
}

.identity-button:hover { transform: translateY(-2px); }
.identity-button-primary { color: #fff; background: #e60000; box-shadow: 0 8px 22px rgba(230, 0, 0, .2); }
.identity-button-primary:hover { color: #fff; background: #f31818; }
.identity-button-secondary { color: #fff; border: 1px solid rgba(255, 255, 255, .26); background: rgba(255, 255, 255, .05); }
.identity-button-secondary:hover { color: #fff; background: rgba(255, 255, 255, .11); }

.identity-footer-links { display: flex; flex-wrap: wrap; gap: 10px 20px; }
.identity-footer-links a { color: #d7dce5; text-decoration: none; }
.identity-footer-links a:hover { color: #fff; }

@media (max-width: 800px) {
    .identity-values { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .identity-value:nth-child(4) { grid-column: span 2; }
    .identity-value:nth-child(5) { grid-column: 2 / span 2; }
    .identity-listen { display: block; }
    .identity-actions { margin-top: 22px; max-width: none; }
}

@media (max-width: 600px) {
    .identity-main { width: min(100% - 28px, 1140px); padding-top: 18px; padding-bottom: 70px; }
    .identity-hero { padding: 30px 24px; border-radius: 20px; }
    .identity-hero::after { right: -55%; top: -12%; width: 95vw; }
    .identity-hero h1 { font-size: clamp(2.35rem, 10vw, 3.1rem); }
    .identity-nav { gap: 8px; }
    .identity-nav a { font-size: .78rem; padding: 8px 12px; }
    .identity-duo, .identity-values, .identity-faith { grid-template-columns: 1fr; }
    .identity-value, .identity-value:nth-child(4), .identity-value:nth-child(5) { grid-column: auto; }
    .identity-value { min-height: 0; }
    .identity-belief { padding: 22px; }
    .identity-actions { display: grid; }
}

@media (prefers-reduced-motion: reduce) {
    .identity-nav a, .identity-card, .identity-belief, .identity-button { transition: none; }
    .identity-nav a:hover, .identity-card:hover, .identity-belief:hover, .identity-button:hover { transform: none; }
}