/* Immersive chapters. Existing raster illustrations and 3D card faces remain intact. */
body.immersive-home :is(.features, .steps, .community, .news) {
    position: relative;
    isolation: isolate;
    min-height: 0;
    padding-block: clamp(96px, 11vw, 180px);
    border: 0;
    box-shadow: none;
    background-color: #0b0a10;
    scroll-margin-top: 88px;
}
body.immersive-home :is(.features, .steps, .community, .news) > .container {
    position: relative;
    z-index: 2;
    width: min(1360px, calc(100% - 120px));
    max-width: 1360px;
    padding-inline: 0;
}
body.immersive-home :is(.features, .steps, .community, .news) .section-particles { display: none; }
body.immersive-home :is(.features, .steps, .community, .news)::before,
body.immersive-home :is(.features, .steps, .community, .news)::after { content: none; }
body.immersive-home :is(.features, .steps, .community, .news) .section-title {
    max-width: 12ch;
    margin: 0 0 26px;
    padding: 0;
    text-align: left;
    font-family: 'Oswald', sans-serif;
    font-size: clamp(48px, 6.6vw, 104px);
    font-weight: 500;
    line-height: 1.03;
    letter-spacing: -.035em;
    text-transform: uppercase;
    color: #f4edf1;
    background: none;
    -webkit-text-fill-color: currentColor;
    text-shadow: none;
}
body.immersive-home :is(.features, .steps, .community, .news) .section-title::after { content: none; }
body.immersive-home :is(.features, .steps, .community, .news) .section-subtitle {
    margin: 0 0 56px;
    max-width: 48ch;
    text-align: left;
    color: #c1b6c2;
    font-size: clamp(14px, 1.1vw, 17px);
    line-height: 1.7;
    letter-spacing: .02em;
    text-shadow: none;
}
body.immersive-home .features {
    background-image: linear-gradient(180deg, #0b0a10 0%, rgba(11,10,16,.74) 25%, rgba(11,10,16,.8) 78%, #0b0a10), url('../img/immersive/sanctuary.png');
    background-size: cover;
    background-position: center;
}
body.immersive-home .features__counter {
    position: absolute;
    right: 0;
    top: 28px;
    margin: 0;
    padding: 10px 0;
    font-size: 11px;
    letter-spacing: .1em;
    color: #b5a5b7;
    text-shadow: none;
}
body.immersive-home #cards-counter { color: #f4b9d9; font-size: 20px; }
body.immersive-home .features__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 40px 28px;
    align-items: start;
    padding-top: 20px;
}
body.immersive-home .flip-card {
    height: auto;
    min-height: 265px;
    aspect-ratio: .88;
    perspective: 1200px;
}
body.immersive-home .flip-card:nth-child(even) { margin-top: 40px; }
body.immersive-home :is(.flip-card__front, .flip-card__back) {
    border-radius: 3px;
    border: 1px solid rgba(231,199,222,.23);
    box-shadow: 0 24px 50px rgba(0,0,0,.22);
}
body.immersive-home .flip-card__front { padding: 24px 18px; }
body.immersive-home .flip-card__front::before { content: none; }
body.immersive-home .flip-card__front::after {
    background: linear-gradient(180deg, transparent 35%, rgba(7,4,12,.32) 61%, rgba(7,4,12,.95));
}
body.immersive-home .flip-card:hover .flip-card__front {
    border-color: rgba(244,185,219,.65);
    box-shadow: 0 20px 50px rgba(0,0,0,.26), 0 0 22px rgba(216,104,166,.13);
}
body.immersive-home .studio-card-title {
    font-family: 'Oswald', sans-serif;
    font-size: clamp(20px, 1.8vw, 27px);
    font-weight: 500;
    line-height: 1.18;
    letter-spacing: -.01em;
    text-align: left;
    text-transform: uppercase;
}
body.immersive-home .flip-card__back { padding: 25px 20px; gap: 14px; }
body.immersive-home .flip-card__back h3 {
    font-family: 'Oswald', sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2;
}
body.immersive-home .flip-card__back p { font-size: 13px; line-height: 1.65; }
body.immersive-home .flip-card__badge { border-radius: 2px; font-size: 9px; letter-spacing: .09em; }
body.immersive-home .steps {
    background-image: linear-gradient(180deg, #0b0a10, rgba(11,10,16,.2) 30%, rgba(11,10,16,.35) 55%, #0b0a10), url('../img/immersive/journey.png');
    background-size: cover;
    background-position: center;
}
body.immersive-home .steps .section-subtitle { color: #eee0ea; }
body.immersive-home .steps__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 28px;
    align-items: stretch;
    margin-top: clamp(120px, 17vw, 270px);
}
body.immersive-home .step-arrow { display: none; }
body.immersive-home .step-card {
    align-items: flex-start;
    padding: 0 18px 24px;
    text-align: left;
    min-height: 390px;
    border: 0;
    border-radius: 0;
    background: linear-gradient(180deg, transparent, rgba(11,10,16,.7) 38%, rgba(11,10,16,.87));
    box-shadow: none;
}
body.immersive-home .step-card::before {
    width: calc(100% + 36px);
    margin: 0 -18px -18px;
    aspect-ratio: 1.35;
    mask-image: linear-gradient(#000 40%, transparent);
}
body.immersive-home .step-card::after { content: none; }
body.immersive-home .step-card__num {
    margin: 0 0 14px;
    color: #edaed0;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .2em;
}
body.immersive-home .step-card h3 {
    font-family: 'Oswald', sans-serif;
    font-size: 31px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -.02em;
    margin-bottom: 12px;
}
body.immersive-home .step-card p {
    font-size: 14px;
    line-height: 1.65;
    color: #bfb1c2;
    margin-bottom: 24px;
    min-height: 3.3em;
}
body.immersive-home .step-card .btn { align-self: center; width: 100%; max-width: 240px; }
body.immersive-home .step-card__highlight { align-self: center; color: #efc1dc; }
body.immersive-home .community {
    background-image: linear-gradient(180deg,#0b0a10,rgba(11,10,16,.58) 30%,rgba(11,10,16,.63) 65%,#0b0a10),url('../img/immersive/journey.png');
    background-size: cover;
    background-position: center;
}
body.immersive-home .community .section-title { max-width: 15ch; }
body.immersive-home .community__grid {
    grid-template-columns: 1fr;
    gap: 0;
    margin-top: 72px;
}
body.immersive-home .comm-card {
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr) 230px;
    column-gap: 44px;
    align-items: center;
    padding: 35px 0;
    text-align: left;
    border: 0;
    border-top: 1px solid rgba(232,202,222,.24);
    border-radius: 0;
    background: none;
    box-shadow: none;
}
body.immersive-home .comm-card:last-child { border-bottom: 1px solid rgba(232,202,222,.24); }
body.immersive-home .comm-card:hover { background: none; box-shadow: none; }
body.immersive-home .comm-card__icon {
    grid-column: 1;
    grid-row: 1 / 3;
    width: 112px;
    height: 112px;
    margin: 0;
}
body.immersive-home .comm-card h3 {
    grid-column: 2;
    margin: 0;
    font-family: 'Oswald', sans-serif;
    font-size: clamp(46px, 6vw, 82px);
    font-weight: 500;
    letter-spacing: -.04em;
    line-height: 1.1;
    text-transform: uppercase;
}
body.immersive-home .comm-card p { grid-column: 2; margin: 12px 0 0; font-size: 15px; color: #c9bbc9; }
body.immersive-home .comm-card .btn { grid-column: 3; grid-row: 1 / 3; width: 100%; }
body.immersive-home .news {
    padding-top: 100px;
    background-image: none;
}
body.immersive-home .news .section-title { max-width: 16ch; font-size: clamp(44px, 5vw, 76px); }
body.immersive-home .news-empty {
    min-height: 160px;
    align-items: flex-start;
    gap: 12px;
    padding: 36px 0 0;
    text-align: left;
    border: 0;
    border-top: 1px solid rgba(232,202,222,.2);
    border-radius: 0;
    box-shadow: none;
    background: none;
}
body.immersive-home .news-empty__icon { display: none; }
body.immersive-home .news-empty__title { font-family: 'Oswald', sans-serif; font-size: 28px; font-weight: 400; }
body.immersive-home .news-empty__text { max-width: 60ch; color: #a79cab; }
body.immersive-home .footer {
    padding-block: 64px 32px;
    border: 0;
    background: #08070c;
    box-shadow: none;
}
body.immersive-home .footer::before { content: none; }
body.immersive-home .footer > .container { width: min(1360px,calc(100% - 120px)); padding-inline: 0; max-width: 1360px; }
body.immersive-home .footer__top { justify-content: flex-start; margin-bottom: 32px; }
body.immersive-home .footer__logo { display: flex; align-items: baseline; gap: 12px; }
body.immersive-home .footer__logo :is(.logo-text,.logo-sub) {
    font-family: 'Oswald', sans-serif;
    font-size: clamp(36px,5vw,64px);
    line-height: 1;
    font-weight: 500;
    letter-spacing: -.035em;
    color: #ded1de;
    -webkit-text-fill-color: currentColor;
    background: none;
    text-shadow: none;
}
body.immersive-home .footer__links { justify-content: flex-start; gap: 30px; }
body.immersive-home .footer__socials { justify-content: flex-start; margin: 28px 0; }
body.immersive-home .footer__socials a { background: none; border: 0; width: 28px; height: 28px; box-shadow: none; color: #c3aec6; }
body.immersive-home .footer__disclaimer { text-align: left; max-width: 78ch; margin: 0 0 28px; color: #817688; font-size: 11px; line-height: 1.8; }
body.immersive-home .footer__legal { justify-content: flex-start; gap: 28px; border-top: 1px solid rgba(214,185,213,.12); padding-top: 24px; }
@media (max-width: 1100px) {
    body.immersive-home :is(.features,.steps,.community,.news) > .container,
    body.immersive-home .footer > .container { width: calc(100% - 64px); }
    body.immersive-home .features__grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 32px; }
    body.immersive-home .flip-card { aspect-ratio: 1.05; }
    body.immersive-home .steps__grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 32px; }
    body.immersive-home .step-card { min-height: 420px; }
    body.immersive-home .step-card::before { max-height: 230px; }
    body.immersive-home .comm-card { grid-template-columns: 90px minmax(0,1fr) 200px; column-gap: 24px; }
    body.immersive-home .comm-card__icon { width: 90px; height: 90px; }
    body.immersive-home .features__counter { position: static; text-align: left; margin: -30px 0 20px; }
}
@media (max-width: 640px) {
    body.immersive-home :is(.features,.steps,.community,.news) { padding-block: 76px; }
    body.immersive-home :is(.features,.steps,.community,.news) > .container,
    body.immersive-home .footer > .container { width: calc(100% - 40px); }
    body.immersive-home :is(.features,.steps,.community,.news) .section-title { font-size: clamp(43px,12vw,66px); max-width: 14ch; }
    body.immersive-home :is(.features,.steps,.community,.news) .section-subtitle { margin-bottom: 38px; font-size: 14px; }
    body.immersive-home .features__grid { grid-template-columns: minmax(0,1fr); gap: 28px; padding-top: 0; max-width: 420px; margin-inline: auto; }
    body.immersive-home .flip-card { aspect-ratio: 1.04; min-height: 280px; }
    body.immersive-home .flip-card:nth-child(even) { margin-top: 0; }
    body.immersive-home .studio-card-title { font-size: 28px; }
    body.immersive-home .flip-card__back p { font-size: 14px; }
    body.immersive-home .steps__grid { grid-template-columns: minmax(0,1fr); margin-top: 100px; gap: 30px; }
    body.immersive-home .step-card { min-height: 370px; padding-inline: 20px; max-width: 430px; width: 100%; margin-inline: auto; }
    body.immersive-home .step-card::before { width: calc(100% + 40px); margin-inline: -20px; max-height: 220px; }
    body.immersive-home .step-card h3 { font-size: 34px; }
    body.immersive-home .community__grid { margin-top: 44px; }
    body.immersive-home .comm-card { grid-template-columns: 68px minmax(0,1fr); gap: 8px 18px; padding-block: 28px; }
    body.immersive-home .comm-card__icon { width: 68px; height: 68px; }
    body.immersive-home .comm-card h3 { font-size: clamp(34px,10vw,49px); }
    body.immersive-home .comm-card p { font-size: 12px; margin-top: 6px; }
    body.immersive-home .comm-card .btn { grid-column: 1 / 3; grid-row: 3; max-width: 250px; justify-self: center; margin-top: 12px; }
    body.immersive-home .news-empty { padding-top: 28px; }
    body.immersive-home .footer__links { gap: 14px 24px; flex-wrap: wrap; }
    body.immersive-home .footer__legal { flex-direction: column; align-items: flex-start; gap: 12px; }
}
@media (prefers-reduced-motion: reduce) {
    html:not([data-interaction-motion="full"]) body.immersive-home .flip-card { animation: none !important; }
    html:not([data-interaction-motion="full"]) body.immersive-home .flip-card__inner { transition-duration: .01ms !important; }
    html:not([data-interaction-motion="full"]) body.immersive-home .step-card::before,
    html:not([data-interaction-motion="full"]) body.immersive-home .comm-card__icon { animation: none !important; transition: none !important; }
    html:not([data-interaction-motion="full"]) body.immersive-home .step-card:hover::before { transform: none; }
}