/**
 * File: /common/css/home.css
 * Package: MICROBA OUTLOOK
 * Component: HOME presentation
 * Component Revision: 2.0.49
 * Revision Date: 2026-08-15
 * Replacement Scope: Existing HOME stylesheet; foundations and closing bands aligned to PROFILE 10% black-glass tone and thin-gold borders.
 */
.microba-home { background: var(--microba-black); }
.microba-home-hero {
    position: relative;
    min-height: clamp(720px, 88vh, 980px);
    display: grid;
    align-items: center;
    overflow: hidden;
    border-bottom: 1px solid rgba(209,162,70,.18);
}
.microba-home-hero__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.microba-home-hero__scrim { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(1,8,5,.96) 0%, rgba(1,8,5,.76) 28%, rgba(1,8,5,.22) 58%, rgba(1,8,5,.04) 100%), linear-gradient(0deg, rgba(1,8,5,.65), transparent 38%); }
.microba-home-hero__content { position: relative; z-index: 1; padding-top: calc(var(--microba-header-height) + 40px); }
.microba-home-hero__title { margin: 18px 0 20px; display: grid; width: min(680px, 90%); font-family: var(--microba-font-display); font-size: clamp(4.1rem, 7vw, 7.5rem); font-weight: 400; line-height: .88; letter-spacing: -.035em; }
.microba-home-hero__title span:first-child { color: var(--microba-ivory); }
.microba-home-hero__title span:last-child { color: var(--microba-gold-bright); }
.microba-home-hero__statement { margin: 0 0 22px; color: var(--microba-ivory); font-family: var(--microba-font-display); font-size: clamp(1.55rem, 2.3vw, 2.2rem); line-height: 1.25; }
.microba-home-hero__lead { max-width: 570px; margin: 0 0 28px; color: var(--microba-soft); font-size: 1rem; line-height: 1.65; }

.microba-home-pillars { margin-top: -64px; z-index: 3; padding-top: 0; }
.microba-section-heading { display: flex; align-items: center; gap: 18px; margin-bottom: 20px; }
.microba-section-heading--center { justify-content: center; }
.microba-section-heading__line { flex: 1; height: 1px; max-width: 320px; background: linear-gradient(90deg, transparent, var(--microba-gold), transparent); }
.microba-home-pillars__grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 14px; }
.microba-home-pillar { position: relative; min-height: 430px; overflow: hidden; border: 1px solid var(--microba-gold); border-radius: 14px; color: var(--microba-ivory); text-decoration: none; background: #07100d; box-shadow: 0 16px 44px rgba(0,0,0,.26); }
.microba-home-pillar__image, .microba-home-pillar__shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.microba-home-pillar__image { object-fit: cover; transition: transform .7s ease; }
.microba-home-pillar__shade { background: linear-gradient(180deg, rgba(2,9,7,.06) 18%, rgba(2,9,7,.70) 58%, rgba(2,9,7,.98) 100%); }
.microba-home-pillar__content { position: absolute; z-index: 1; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; padding: 28px 24px 22px; text-align: center; }
.microba-home-pillar__icon { display: grid; place-items: center; width: 68px; height: 68px; margin-bottom: 20px; border: 1px solid var(--microba-gold-bright); border-radius: 50%; background: rgba(2,9,7,.70); }
.microba-home-pillar__icon img { width: 34px; height: 34px; }
.microba-home-pillar strong { font-family: var(--microba-font-display); font-size: 1.72rem; font-weight: 400; line-height: 1; }
.microba-home-pillar small { margin-top: 8px; color: var(--microba-gold-bright); font-size: .72rem; font-weight: 600; letter-spacing: .055em; }
.microba-home-pillar__description { min-height: 70px; margin-top: 16px; color: var(--microba-soft); font-size: .88rem; line-height: 1.55; }
.microba-home-pillar__arrow { display: grid; place-items: center; width: 46px; height: 46px; margin-bottom: -45px; border: 1px solid var(--microba-gold-bright); border-radius: 50%; background: var(--microba-black); color: var(--microba-gold-bright); font-size: 1.2rem; }
.microba-home-pillar:hover .microba-home-pillar__image { transform: scale(1.035); }
.microba-home-pillar:hover .microba-home-pillar__arrow { background: rgba(209,162,70,.12); }

.microba-home-why { padding-top: 126px; background: radial-gradient(circle at 55% 48%, rgba(25,68,45,.30), transparent 34%); }
.microba-home-why__grid { display: grid; grid-template-columns: minmax(0,.95fr) minmax(380px,1.25fr) minmax(260px,.7fr); gap: 42px; align-items: center; }
.microba-home-why__copy .microba-statement span { color: var(--microba-gold-bright); }
.microba-home-why__copy > p:not(.microba-eyebrow) { max-width: 520px; color: var(--microba-soft); }
.microba-home-why__copy em { color: var(--microba-gold-bright); font-style: normal; }
.microba-home-why__visual { position: relative; }
.microba-home-why__visual::after { content: ''; position: absolute; inset: 8% -2% -5%; z-index: -1; background: radial-gradient(circle, rgba(209,162,70,.14), transparent 63%); filter: blur(20px); }
.microba-home-why__visual img { display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 50%; mix-blend-mode: screen; filter: contrast(1.02) saturate(.95); }
.microba-home-why__principles { display: grid; gap: 0; }
.microba-home-principle { display: grid; grid-template-columns: 48px 1fr; gap: 14px; align-items: center; min-height: 78px; border-bottom: 1px solid rgba(209,162,70,.22); }
.microba-home-principle:last-child { border-bottom: 0; }
.microba-home-principle__icon { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid var(--microba-gold); border-radius: 50%; color: var(--microba-gold-bright); font-family: var(--microba-font-display); font-size: 1.35rem; }
.microba-home-principle strong, .microba-home-principle small { display: block; }
.microba-home-principle strong { font-size: .82rem; letter-spacing: .04em; }
.microba-home-principle small { margin-top: 3px; color: var(--microba-soft); font-size: .78rem; }


.microba-home-closing { padding: 0 0 46px; }
.microba-home-closing__band { display: flex; align-items: center; justify-content: center; gap: 54px; padding: 24px 46px; border: 1px solid rgba(209,162,70,.34); border-radius: 14px; background: rgba(0,0,0,.10); -webkit-backdrop-filter: blur(16px) saturate(115%); backdrop-filter: blur(16px) saturate(115%); }
.microba-home-closing__band > div { display: grid; max-width: 520px; padding-right: 52px; border-right: 1px solid rgba(209,162,70,.18); }
.microba-home-closing__band strong { color: var(--microba-gold-bright); font-family: var(--microba-font-display); font-size: 1.5rem; font-style: italic; font-weight: 400; }
.microba-home-closing__band span { color: var(--microba-soft); }

@media (max-width: 1100px) {
    .microba-home-pillars__grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 18px; }
    .microba-home-why__grid { grid-template-columns: 1fr 1fr; }
    .microba-home-why__principles { grid-column: 1 / -1; grid-template-columns: repeat(4,1fr); }
    .microba-home-principle { grid-template-columns: 42px 1fr; padding: 0 12px; border-right: 1px solid rgba(209,162,70,.22); border-bottom: 0; }
    .microba-home-principle:last-child { border-right: 0; }
}
@media (max-width: 720px) {
    .microba-home-hero { min-height: 760px; align-items: end; }
    .microba-home-hero__image { object-position: 62% center; }
    .microba-home-hero__scrim { background: linear-gradient(180deg, rgba(2,8,6,.20), rgba(2,8,6,.65) 40%, rgba(2,8,6,.98) 78%); }
    .microba-home-hero__content { padding-top: 130px; padding-bottom: 94px; }
    .microba-home-hero__title { width: 100%; font-size: clamp(3.4rem, 17vw, 5.2rem); }
    .microba-home-hero__statement { font-size: 1.45rem; }
    .microba-home-pillars { margin-top: -22px; }
    .microba-section-heading__line { max-width: 70px; }
    .microba-home-pillars__grid { grid-template-columns: 1fr; }
    .microba-home-pillar { min-height: 520px; }
    .microba-home-why__grid { grid-template-columns: 1fr; }
    .microba-home-why__visual { order: 2; }
    .microba-home-why__principles { order: 3; grid-column: auto; grid-template-columns: 1fr; }
    .microba-home-principle { border-right: 0; border-bottom: 1px solid rgba(209,162,70,.22); }
    .microba-home-closing__band { flex-direction: column; align-items: stretch; gap: 24px; padding: 28px 24px; }
    .microba-home-closing__band > div { padding-right: 0; padding-bottom: 22px; border-right: 0; border-bottom: 1px solid rgba(209,162,70,.18); }
    .microba-home-closing__band .microba-cta { justify-content: center; }
}

/* HOME — Cave of Discovery, inserted after the Four Pillars. */
.microba-home-discovery {
    position: relative;
    isolation: isolate;
    width: 100vw;
    max-width: none;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    aspect-ratio: 1672 / 941;
    min-height: 0;
    display: grid;
    align-items: center;
    overflow: hidden;
    border: 0;
    background: #020907;
}
.microba-home-discovery__backdrop {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: -3;
    background-image: var(--microba-discovery-cave-landscape);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    transform: none;
    filter: saturate(.96) contrast(1.01) brightness(.94);
}
.microba-home-discovery__veil {
    position: absolute;
    inset: 0;
    z-index: -2;
    background:
        linear-gradient(90deg, rgba(0,8,6,.86) 0%, rgba(0,8,6,.66) 24%, rgba(0,8,6,.20) 48%, rgba(0,8,6,.04) 70%, rgba(0,8,6,.10) 100%),
        linear-gradient(180deg, rgba(0,7,5,.12) 0%, transparent 22%, transparent 78%, rgba(0,7,5,.18) 100%);
}
.microba-home-discovery::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(255,255,255,.012), transparent 28%);
}
.microba-home-discovery__inner {
    display: grid;
    grid-template-columns: minmax(0,1fr);
    gap: 0;
    align-items: center;
    padding-top: clamp(82px,10vw,132px);
    padding-bottom: clamp(82px,10vw,132px);
}
.microba-home-discovery__copy { max-width: 720px; }
.microba-home-discovery__title {
    margin: 14px 0 22px;
    color: var(--microba-ivory);
    font-family: var(--microba-font-display);
    font-size: clamp(3rem,5.6vw,6.2rem);
    font-weight: 400;
    line-height: .96;
    letter-spacing: -.03em;
}
.microba-home-discovery__title span { color: var(--microba-gold-bright); }
.microba-home-discovery__lead {
    max-width: 590px;
    margin: 0 0 28px;
    color: rgba(245,239,228,.76);
    font-size: clamp(1rem,1.25vw,1.15rem);
    line-height: 1.72;
}

@media (max-width: 900px) {
    .microba-home-discovery__backdrop { background-position: center center; }
    .microba-home-discovery__inner { grid-template-columns: 1fr; gap: 44px; }
    .microba-home-discovery__copy { max-width: 640px; }
}
@media (max-width: 720px) {
    .microba-home-discovery {
        width: 100vw;
        max-width: none;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        aspect-ratio: 941 / 1672;
        min-height: 0;
    }
    .microba-home-discovery__backdrop {
        background-image: var(--microba-discovery-cave-portrait);
        background-position: center center;
    }
    .microba-home-discovery__veil {
        background:
            linear-gradient(180deg, rgba(0,8,6,.18) 0%, rgba(0,8,6,.28) 42%, rgba(0,7,5,.76) 78%, rgba(0,7,5,.92) 100%);
    }
    .microba-home-discovery__inner { padding-top: 84px; padding-bottom: 84px; gap: 36px; }
    .microba-home-discovery__title { font-size: clamp(2.8rem,13vw,4.4rem); }
}

/* HOME — Five Stages of Living Continuation. Revision 2026-08-15. */
.microba-home-stages { position: relative; padding-top: 52px; padding-bottom: 72px; background: #020907; overflow: hidden; }
.microba-home-stages::before { content: ''; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 50% 42%, rgba(209,162,70,.08), transparent 48%); }
.microba-home-stages .microba-container { position: relative; z-index: 1; }
.microba-home-stages__heading { text-align: center; }
.microba-home-stages__heading .microba-eyebrow { margin: 0; }
.microba-home-stages__grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 10px; align-items: stretch; }
.microba-home-stage { position: relative; min-width: 0; }
.microba-home-stage__visual { position: relative; min-height: 390px; height: 100%; overflow: hidden; border: 1px solid rgba(209,162,70,.62); border-radius: 12px; background: #07100d; }
.microba-home-stage__image-link { position: absolute; inset: 0; z-index: 1; display: block; border-radius: inherit; overflow: hidden; cursor: pointer; }
.microba-home-stage__image-link:focus-visible { outline: 2px solid var(--microba-gold-bright); outline-offset: -3px; }
.microba-home-stage__visual img, .microba-home-stage__shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.microba-home-stage__shade { z-index: 2; pointer-events: none; }
.microba-home-stage__visual img { object-fit: cover; transition: transform .65s ease; }
.microba-home-stage__shade { background: linear-gradient(180deg, rgba(1,7,5,.18) 0%, rgba(1,7,5,.08) 42%, rgba(1,7,5,.90) 78%, rgba(1,7,5,.98) 100%); }
.microba-home-stage__number { position: absolute; z-index: 3; top: 14px; left: 50%; transform: translateX(-50%); display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid var(--microba-gold-bright); border-radius: 50%; background: rgba(2,9,7,.76); color: var(--microba-gold-bright); font-family: var(--microba-font-display); font-size: 1.45rem; }
.microba-home-stage__copy { position: absolute; z-index: 3; left: 16px; right: 16px; bottom: 18px; text-align: center; }
.microba-home-stage__copy h3 { margin: 0 0 8px; color: var(--microba-gold-bright); font-family: var(--microba-font-display); font-size: clamp(1.15rem,1.6vw,1.55rem); font-weight: 400; }
.microba-home-stage__copy p { margin: 0; color: rgba(245,239,228,.82); font-size: .78rem; line-height: 1.45; }
.microba-home-stage__arrow { position: absolute; z-index: 4; top: 48%; right: -20px; transform: translateY(-50%); display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid var(--microba-gold-bright); border-radius: 50%; background: #020907; color: var(--microba-gold-bright); font-size: 1rem; }
.microba-home-stage:hover .microba-home-stage__visual img { transform: scale(1.025); }
.microba-home-stages__return { display: grid; grid-template-columns: minmax(40px,1fr) auto auto minmax(40px,1fr); gap: 14px; align-items: center; margin: 28px auto 0; max-width: 920px; text-align: center; }
.microba-home-stages__return-line { height: 1px; background: linear-gradient(90deg, transparent, var(--microba-gold-bright)); }
.microba-home-stages__return-line:last-child { background: linear-gradient(90deg, var(--microba-gold-bright), transparent); }
.microba-home-stages__return-mark { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid var(--microba-gold-bright); border-radius: 50%; color: var(--microba-gold-bright); font-size: 1.45rem; }
.microba-home-stages__return strong, .microba-home-stages__return small { display: block; }
.microba-home-stages__return strong { color: var(--microba-gold-bright); font-family: var(--microba-font-display); font-size: 1.25rem; font-weight: 400; letter-spacing: .035em; }
.microba-home-stages__return small { margin-top: 3px; color: var(--microba-soft); font-size: .78rem; }
/* Four Pillars now follows WHY WE EXIST; remove the old hero overlap. */
.microba-home-why + .microba-home-pillars { margin-top: 0; padding-top: 34px; padding-bottom: 72px; }

@media (max-width: 1100px) {
    .microba-home-stages__grid { grid-template-columns: repeat(5, 220px); overflow-x: auto; padding: 0 2px 16px; scroll-snap-type: x proximity; scrollbar-width: thin; }
    .microba-home-stage { scroll-snap-align: start; }
    .microba-home-stage__arrow { right: -20px; }
}
@media (max-width: 720px) {
    .microba-home-stages { padding-top: 42px; padding-bottom: 54px; }
    .microba-home-stages__grid { grid-template-columns: repeat(5, 78vw); gap: 14px; }
    .microba-home-stage__visual { min-height: 430px; }
    .microba-home-stage__arrow { right: -23px; }
    .microba-home-stages__return { grid-template-columns: 1fr auto 1fr; gap: 10px; }
    .microba-home-stages__return-mark { display: none; }
    .microba-home-stages__return strong { font-size: 1.05rem; }
}

/* HOME 2.0.49 — responsive Five Stages grid.
 * Mirrors the Four Pillars breakpoints: no horizontal carousel/overflow on tablet or mobile.
 */
@media (max-width: 1100px) {
    .microba-home-stages__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
        overflow: visible;
        padding: 0;
        scroll-snap-type: none;
    }
    .microba-home-stage { scroll-snap-align: none; }
    .microba-home-stage:last-child {
        grid-column: 1 / -1;
        width: min(100%, calc(50% - 9px));
        justify-self: center;
    }
    .microba-home-stage__visual { min-height: 420px; }
    .microba-home-stage__arrow { display: none; }
}
@media (max-width: 720px) {
    .microba-home-stages__grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .microba-home-stage:last-child {
        grid-column: auto;
        width: 100%;
    }
    .microba-home-stage__visual {
        min-height: 0;
        aspect-ratio: 4 / 3;
    }
    .microba-home-stage__copy { left: 20px; right: 20px; bottom: 20px; }
    .microba-home-stage__copy h3 { font-size: clamp(1.35rem, 7vw, 1.8rem); }
    .microba-home-stage__copy p { font-size: .88rem; }
}
@media (max-width: 420px) {
    .microba-home-stage__visual { aspect-ratio: 3 / 4; }
}