body.is-public-route :where(.posts-public-hero, .users-public-hero, .partner-public-hero, .equipment-public-hero) {
    position: relative;
    overflow: hidden;
}

body.is-public-route {
    --pp-hero-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l2.2 5.8L20 11l-5.8 2.2L12 19l-2.2-5.8L4 11l5.8-2.2Z'/%3E%3Cpath d='M19 3v4'/%3E%3Cpath d='M21 5h-4'/%3E%3Cpath d='M5 17v3'/%3E%3Cpath d='M6.5 18.5h-3'/%3E%3C/svg%3E");
}

body.is-public-route :where(.posts-public-shell, .users-public-shell, .partner-public-shell, .equipment-public-shell) {
    position: relative;
}

body.is-public-route :where(.posts-public-shell, .users-public-shell, .partner-public-shell, .equipment-public-shell)::after {
    content: "";
    position: absolute;
    z-index: 0;
    top: 50%;
    right: clamp(22px, 5vw, 72px);
    width: clamp(128px, 18vw, 232px);
    aspect-ratio: 1;
    transform: translateY(-50%);
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.28));
    opacity: 0.66;
    pointer-events: none;
    -webkit-mask: var(--pp-hero-icon) center / contain no-repeat;
    mask: var(--pp-hero-icon) center / contain no-repeat;
}

body.is-public-route :where(.posts-public-intro, .users-public-intro, .partner-public-intro, .equipment-public-intro) {
    position: relative;
    z-index: 1;
}

body.route-dance_events {
    --pp-hero-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M16 2v4'/%3E%3Crect x='3' y='4' width='18' height='18' rx='3'/%3E%3Cpath d='M3 10h18'/%3E%3Cpath d='M8 14h.01'/%3E%3Cpath d='M12 14h.01'/%3E%3Cpath d='M16 14h.01'/%3E%3Cpath d='M8 18h.01'/%3E%3Cpath d='M12 18h.01'/%3E%3C/svg%3E");
}

body.route-dance_events .posts-public-hero {
    padding-top: 72px;
    padding-bottom: 72px;
    background: #061124;
}

body.route-dance_events .posts-public-hero::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0;
    background: url("../img/public/dance-events-hero-cosmic-stage.png") center 68% / cover no-repeat;
    filter: brightness(1.04) contrast(1.08) saturate(1.04);
    pointer-events: none;
}

body.route-dance_events .posts-public-hero::after {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(6, 17, 36, 0.98) 0%, rgba(7, 19, 40, 0.92) 35%, rgba(7, 19, 40, 0.5) 56%, rgba(7, 19, 40, 0.08) 72%, transparent 100%),
        linear-gradient(0deg, rgba(6, 17, 36, 0.24), transparent 42%);
    pointer-events: none;
}

body.route-dance_events .posts-public-shell {
    position: relative;
    z-index: 2;
}

body.route-dance_events .posts-public-shell::after {
    display: none;
}

body.route-dance_events .posts-public-intro h1 {
    text-shadow: 0 18px 40px rgba(0, 0, 0, 0.34);
}

body.route-dance_news {
    --pp-hero-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19.5A2.5 2.5 0 0 1 1.5 17V5.5A1.5 1.5 0 0 1 3 4h14a2 2 0 0 1 2 2v13.5'/%3E%3Cpath d='M19 8h2a1.5 1.5 0 0 1 1.5 1.5V17a2.5 2.5 0 0 1-5 0'/%3E%3Cpath d='M6 8h8'/%3E%3Cpath d='M6 12h7'/%3E%3Cpath d='M6 16h5'/%3E%3C/svg%3E");
}

body.route-dance_news .posts-public-hero {
    padding-top: 58px;
    padding-bottom: 56px;
    background: #061124;
}

body.route-dance_news .posts-public-hero::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0;
    background: url("../img/public/dance-news-hero-cosmic-stage.png") center 48% / cover no-repeat;
    filter: brightness(1.03) contrast(1.08) saturate(1.04);
    transform: scale(1.012);
    pointer-events: none;
}

body.route-dance_news .posts-public-hero::after {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(6, 17, 36, 0.98) 0%, rgba(7, 19, 40, 0.92) 35%, rgba(7, 19, 40, 0.48) 55%, rgba(7, 19, 40, 0.08) 70%, transparent 100%),
        linear-gradient(0deg, rgba(6, 17, 36, 0.24), transparent 42%);
    pointer-events: none;
}

body.route-dance_news .posts-public-shell {
    position: relative;
    z-index: 2;
}

body.route-dance_news .posts-public-shell::after {
    display: none;
}

body.route-dance_news .posts-public-intro h1 {
    text-shadow: 0 18px 40px rgba(0, 0, 0, 0.34);
}

body.route-dance_articles {
    --pp-hero-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8Z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Cpath d='M8 13h8'/%3E%3Cpath d='M8 17h6'/%3E%3Cpath d='M16 13l-3 3'/%3E%3C/svg%3E");
}

body.route-dance_articles .posts-public-hero {
    padding-top: 58px;
    padding-bottom: 56px;
    background: #061124;
}

body.route-dance_articles .posts-public-hero::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0;
    background: url("../img/public/dance-articles-hero-cosmic-stage.png") center 52% / cover no-repeat;
    filter: brightness(1.04) contrast(1.08) saturate(1.04);
    transform: scale(1.012);
    pointer-events: none;
}

body.route-dance_articles .posts-public-hero::after {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(6, 17, 36, 0.98) 0%, rgba(7, 19, 40, 0.92) 35%, rgba(7, 19, 40, 0.48) 55%, rgba(7, 19, 40, 0.08) 70%, transparent 100%),
        linear-gradient(0deg, rgba(6, 17, 36, 0.24), transparent 42%);
    pointer-events: none;
}

body.route-dance_articles .posts-public-shell {
    position: relative;
    z-index: 2;
}

body.route-dance_articles .posts-public-shell::after {
    display: none;
}

body.route-dance_articles .posts-public-intro h1 {
    text-shadow: 0 18px 40px rgba(0, 0, 0, 0.34);
}

body.route-dance_interviews {
    --pp-hero-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z'/%3E%3Cpath d='M19 10v2a7 7 0 0 1-14 0v-2'/%3E%3Cpath d='M12 19v3'/%3E%3Cpath d='M8 22h8'/%3E%3C/svg%3E");
}

body.route-dance_interviews .posts-public-hero {
    padding-top: 58px;
    padding-bottom: 56px;
    background: #061124;
}

body.route-dance_interviews .posts-public-hero::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0;
    background: url("../img/public/interview-hero-cosmic-stage.png") center 48% / cover no-repeat;
    filter: brightness(1.08) contrast(1.12) saturate(1.06);
    transform: scale(1.012);
    pointer-events: none;
}

body.route-dance_interviews .posts-public-hero::after {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(6, 17, 36, 0.98) 0%, rgba(7, 19, 40, 0.93) 34%, rgba(7, 19, 40, 0.48) 54%, rgba(7, 19, 40, 0.08) 68%, transparent 100%),
        linear-gradient(0deg, rgba(6, 17, 36, 0.24), transparent 42%);
    pointer-events: none;
}

body.route-dance_interviews .posts-public-shell {
    position: relative;
    z-index: 2;
}

body.route-dance_interviews .posts-public-shell::after {
    display: none;
}

body.route-dance_interviews .posts-public-intro h1 {
    text-shadow: 0 18px 40px rgba(0, 0, 0, 0.34);
}

body.route-dance_reportage {
    --pp-hero-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3Z'/%3E%3Ccircle cx='12' cy='13' r='3.5'/%3E%3Cpath d='M18 11h.01'/%3E%3C/svg%3E");
}

body.route-dance_reportage .posts-public-hero {
    padding-top: 58px;
    padding-bottom: 56px;
    background: #061124;
}

body.route-dance_reportage .posts-public-hero::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0;
    background: url("../img/public/dance-reportage-hero-cosmic-stage.png") center 52% / cover no-repeat;
    filter: brightness(1.04) contrast(1.1) saturate(1.04);
    transform: scale(1.012);
    pointer-events: none;
}

body.route-dance_reportage .posts-public-hero::after {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(6, 17, 36, 0.98) 0%, rgba(7, 19, 40, 0.92) 35%, rgba(7, 19, 40, 0.48) 55%, rgba(7, 19, 40, 0.08) 70%, transparent 100%),
        linear-gradient(0deg, rgba(6, 17, 36, 0.24), transparent 42%);
    pointer-events: none;
}

body.route-dance_reportage .posts-public-shell {
    position: relative;
    z-index: 2;
}

body.route-dance_reportage .posts-public-shell::after {
    display: none;
}

body.route-dance_reportage .posts-public-intro h1 {
    text-shadow: 0 18px 40px rgba(0, 0, 0, 0.34);
}

body.route-dance_schools {
    --pp-hero-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 22h18'/%3E%3Cpath d='M5 22V8l7-4 7 4v14'/%3E%3Cpath d='M9 22v-6h6v6'/%3E%3Cpath d='M9 11h.01'/%3E%3Cpath d='M15 11h.01'/%3E%3Cpath d='M12 7h.01'/%3E%3C/svg%3E");
    --pp-users-hero-bg: url("../img/public/dance-schools-hero-theatre.png");
    --pp-users-hero-overlay:
        linear-gradient(90deg, rgba(3, 11, 25, 0.94) 0%, rgba(8, 23, 48, 0.72) 35%, rgba(8, 23, 48, 0.28) 68%, rgba(3, 11, 25, 0.12) 100%),
        radial-gradient(circle at 22% 16%, rgba(106, 214, 247, 0.24), transparent 30%),
        radial-gradient(circle at 75% 68%, rgba(246, 140, 203, 0.18), transparent 35%);
}

body.route-dance_teachers {
    --pp-hero-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h18v12H3Z'/%3E%3Cpath d='M8 20h8'/%3E%3Cpath d='M12 16v4'/%3E%3Ccircle cx='9' cy='10' r='2'/%3E%3Cpath d='M13 12c1.8-2 3.2-2 5-2'/%3E%3C/svg%3E");
    --pp-users-hero-bg: url("../img/public/dance-teachers-hero-attentive.png");
    --pp-users-hero-overlay:
        linear-gradient(90deg, rgba(3, 11, 25, 0.96) 0%, rgba(8, 23, 48, 0.78) 36%, rgba(8, 23, 48, 0.3) 68%, rgba(3, 11, 25, 0.14) 100%),
        radial-gradient(circle at 24% 18%, rgba(106, 214, 247, 0.22), transparent 30%),
        radial-gradient(circle at 76% 68%, rgba(246, 140, 203, 0.18), transparent 36%);
}

body.route-dance_couples {
    --pp-hero-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.7l-1-1.1a5.5 5.5 0 0 0-7.8 7.8l1 1L12 21l7.8-7.6 1-1a5.5 5.5 0 0 0 0-7.8Z'/%3E%3Cpath d='M8 12h8'/%3E%3C/svg%3E");
    --pp-users-hero-bg: url("../img/public/dance-couples-hero-banquet.png");
    --pp-users-hero-overlay:
        linear-gradient(90deg, rgba(3, 11, 25, 0.94) 0%, rgba(8, 23, 48, 0.72) 37%, rgba(8, 23, 48, 0.28) 70%, rgba(3, 11, 25, 0.12) 100%),
        radial-gradient(circle at 22% 18%, rgba(106, 214, 247, 0.22), transparent 30%),
        radial-gradient(circle at 78% 68%, rgba(246, 140, 203, 0.2), transparent 36%);
}

body.is-public-route:is(.route-dance_schools, .route-dance_teachers, .route-dance_couples, .route-pro_dancers, .route-students, .route-followers, .route-companies) .users-public-hero {
    padding-top: 76px;
    padding-bottom: 76px;
    background: #061124;
    isolation: isolate;
}

body.is-public-route:is(.route-dance_schools, .route-dance_teachers, .route-dance_couples, .route-pro_dancers, .route-students, .route-followers, .route-companies) .users-public-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    background: var(--pp-users-hero-bg) center 50% / cover no-repeat;
}

body.is-public-route:is(.route-dance_schools, .route-dance_teachers, .route-dance_couples, .route-pro_dancers, .route-students, .route-followers, .route-companies) .users-public-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: var(--pp-users-hero-overlay);
    pointer-events: none;
}

body.is-public-route:is(.route-dance_schools, .route-dance_teachers, .route-dance_couples, .route-pro_dancers, .route-students, .route-followers, .route-companies) .users-public-shell::after {
    display: none;
}

body.is-public-route:is(.route-dance_schools, .route-dance_teachers, .route-dance_couples, .route-pro_dancers, .route-students, .route-followers, .route-companies) .users-public-intro {
    max-width: 660px;
}

body.is-public-route:is(.route-dance_schools, .route-dance_teachers, .route-dance_couples, .route-pro_dancers, .route-students, .route-followers, .route-companies) .users-public-intro h1,
body.is-public-route:is(.route-dance_schools, .route-dance_teachers, .route-dance_couples, .route-pro_dancers, .route-students, .route-followers, .route-companies) .users-public-intro p {
    text-shadow: 0 16px 38px rgba(0, 0, 0, 0.36);
}

body.is-public-route:is(.route-dance_schools, .route-dance_teachers, .route-dance_couples, .route-pro_dancers, .route-students, .route-followers, .route-companies) .users-public-intro p {
    color: rgba(255, 255, 255, 0.86);
}

body.route-pro_dancers {
    --pp-hero-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 2 2.9 6 6.6.9-4.8 4.7 1.2 6.6L12 17.1l-5.9 3.1 1.2-6.6-4.8-4.7 6.6-.9Z'/%3E%3Cpath d='M12 9v4l2.5 1.4'/%3E%3C/svg%3E");
    --pp-users-hero-bg: url("../img/public/pro-dancers-hero-performance.png");
    --pp-users-hero-overlay:
        linear-gradient(90deg, rgba(3, 11, 25, 0.96) 0%, rgba(8, 23, 48, 0.74) 38%, rgba(8, 23, 48, 0.28) 70%, rgba(3, 11, 25, 0.12) 100%),
        radial-gradient(circle at 21% 18%, rgba(106, 214, 247, 0.22), transparent 30%),
        radial-gradient(circle at 78% 62%, rgba(246, 140, 203, 0.2), transparent 36%);
}

body.route-students {
    --pp-hero-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19.5A2.5 2.5 0 0 1 6.5 17H20'/%3E%3Cpath d='M4 4.5A2.5 2.5 0 0 1 6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5Z'/%3E%3Cpath d='M8 7h8'/%3E%3Cpath d='M8 11h6'/%3E%3C/svg%3E");
    --pp-users-hero-bg: url("../img/public/students-hero-beginners.png");
    --pp-users-hero-overlay:
        linear-gradient(90deg, rgba(3, 11, 25, 0.95) 0%, rgba(8, 23, 48, 0.76) 38%, rgba(8, 23, 48, 0.3) 70%, rgba(3, 11, 25, 0.14) 100%),
        radial-gradient(circle at 22% 18%, rgba(106, 214, 247, 0.22), transparent 30%),
        radial-gradient(circle at 76% 66%, rgba(246, 140, 203, 0.18), transparent 36%);
}

body.route-followers {
    --pp-hero-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E");
    --pp-users-hero-bg: url("../img/public/home-hero-portal-crowd.png");
    --pp-users-hero-overlay:
        linear-gradient(90deg, rgba(3, 11, 25, 0.96) 0%, rgba(8, 23, 48, 0.76) 38%, rgba(8, 23, 48, 0.3) 70%, rgba(3, 11, 25, 0.14) 100%),
        radial-gradient(circle at 22% 18%, rgba(106, 214, 247, 0.22), transparent 30%),
        radial-gradient(circle at 76% 66%, rgba(246, 140, 203, 0.18), transparent 36%);
}

body.route-companies {
    --pp-hero-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 6V5a2 2 0 0 1 2-2h0a2 2 0 0 1 2 2v1'/%3E%3Crect x='3' y='6' width='18' height='15' rx='2'/%3E%3Cpath d='M3 12h18'/%3E%3Cpath d='M9 12v2h6v-2'/%3E%3C/svg%3E");
    --pp-users-hero-bg: url("../img/public/companies-hero-business.png");
    --pp-users-hero-overlay:
        linear-gradient(90deg, rgba(3, 11, 25, 0.95) 0%, rgba(8, 23, 48, 0.76) 38%, rgba(8, 23, 48, 0.3) 70%, rgba(3, 11, 25, 0.14) 100%),
        radial-gradient(circle at 22% 18%, rgba(106, 214, 247, 0.22), transparent 30%),
        radial-gradient(circle at 76% 66%, rgba(246, 140, 203, 0.18), transparent 36%);
}

body.route-partners {
    --pp-hero-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 11v5a3 3 0 0 0 3 3h1'/%3E%3Cpath d='M17 11v5a3 3 0 0 1-3 3h-1'/%3E%3Cpath d='M8 7a3 3 0 1 0-6 0c0 4 6 8 6 8s6-4 6-8a3 3 0 1 0-6 0Z'/%3E%3Cpath d='M16 7a3 3 0 1 1 6 0c0 4-6 8-6 8s-2-1.3-3.8-3.3'/%3E%3C/svg%3E");
}

body.is-public-route.route-partners .partner-public-hero {
    padding-top: 76px;
    padding-bottom: 76px;
    background: #061124;
    isolation: isolate;
}

body.is-public-route.route-partners .partner-public-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    background:
        url("../img/public/partner-hero-dance-hands.png") center 48% / cover no-repeat;
}

body.is-public-route.route-partners .partner-public-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(90deg, rgba(3, 11, 25, 0.86) 0%, rgba(8, 23, 48, 0.62) 38%, rgba(8, 23, 48, 0.22) 72%, rgba(3, 11, 25, 0.1) 100%),
        radial-gradient(circle at 23% 18%, rgba(106, 214, 247, 0.22), transparent 31%),
        radial-gradient(circle at 74% 74%, rgba(246, 140, 203, 0.18), transparent 34%);
    pointer-events: none;
}

body.is-public-route.route-partners .partner-public-shell::after {
    display: none;
}

body.is-public-route.route-partners .partner-public-intro {
    max-width: 660px;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

body.is-public-route.route-partners .partner-public-intro h1 {
    text-shadow: 0 18px 42px rgba(0, 0, 0, 0.42);
}

body.is-public-route.route-partners .partner-public-intro p {
    text-shadow: 0 12px 30px rgba(0, 0, 0, 0.3);
}

body.route-equipment {
    --pp-hero-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 7v13a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V7l-3-5Z'/%3E%3Cpath d='M3 7h18'/%3E%3Cpath d='M16 11a4 4 0 0 1-8 0'/%3E%3Cpath d='M9 18h6'/%3E%3C/svg%3E");
}

body.is-public-route.route-equipment .equipment-public-hero {
    padding-top: 76px;
    padding-bottom: 76px;
    background: #061124;
    isolation: isolate;
}

body.is-public-route.route-equipment .equipment-public-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    background:
        url("../img/public/equipment-hero-dress-handover.png") center 50% / cover no-repeat;
}

body.is-public-route.route-equipment .equipment-public-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(90deg, rgba(3, 11, 25, 0.9) 0%, rgba(8, 23, 48, 0.66) 36%, rgba(8, 23, 48, 0.24) 68%, rgba(3, 11, 25, 0.12) 100%),
        radial-gradient(circle at 21% 18%, rgba(106, 214, 247, 0.24), transparent 30%),
        radial-gradient(circle at 75% 68%, rgba(246, 140, 203, 0.22), transparent 36%);
    pointer-events: none;
}

body.is-public-route.route-equipment .equipment-public-shell::after {
    display: none;
}

body.is-public-route.route-equipment .equipment-public-intro {
    max-width: 660px;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

body.is-public-route.route-equipment .equipment-public-intro h1 {
    text-shadow: 0 18px 42px rgba(0, 0, 0, 0.42);
}

body.is-public-route.route-equipment .equipment-public-intro p {
    color: rgba(255, 255, 255, 0.86);
    text-shadow: 0 12px 30px rgba(0, 0, 0, 0.3);
}

@media (max-width: 960px) {
    body.is-public-route :where(.posts-public-shell, .users-public-shell, .partner-public-shell, .equipment-public-shell)::after {
        right: 18px;
        width: 112px;
        opacity: 0.28;
    }
}

@media (max-width: 760px) {
    body.is-public-route :where(.posts-public-shell, .users-public-shell, .partner-public-shell, .equipment-public-shell)::after {
        display: none;
    }
}