/* Intro Story 2 — two-column band: text + tilted polaroid.
   Tokens only; no widget-local hex/px. Entry animation comes from the
   theme's `.rv` / `.irv` primitives (style.css) + theme.js shared
   IntersectionObserver. Ported from files2/Kåbdalis2.html .intro section. */

/* Outer band: alignment-controlled, only owns vertical breathing room.
   No max-width here so WP's align: wide / align: full actually expand
   the block. Inner __inner wrapper centres the grid at --maxw. */
.kab2-intro{
    padding-block: var(--band-pad);
    padding-inline: var(--band-pad-x);
}
.kab2-intro__inner{
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    gap: clamp(36px, 6vw, 84px);
    align-items: center;
    max-width: var(--maxw);
    margin-inline: auto;
}
.kab2-intro--rev .kab2-intro__text{ order: 2; }
.kab2-intro--rev .kab2-intro__photo{ order: 1; }

.kab2-intro__text{ min-width: 0; }
.kab2-intro__greet{
    display: inline-block;
    font-size: 1.625rem;
    line-height: 1;
}
.kab2-intro__eyebrow{
    display: inline-block;
    margin-top: 10px;
}
.kab2-intro__title{
    font-size: clamp(34px, 4.6vw, 58px);
    margin: 18px 0 22px;
    line-height: var(--display-lh, 1.05);
    letter-spacing: var(--display-ls, -0.02em);
}
.kab2-intro__body{
    font-size: clamp(17px, 1.5vw, 19.5px);
    color: var(--ink-soft);
    max-width: 54ch;
    margin: 0;
}
.kab2-intro__sign{
    margin-top: 24px;
    font-size: 1.875rem;
    color: var(--falu);
    transform: rotate(-2deg);
    display: inline-block;
}

.kab2-intro__photo{
    margin: 0;
    /* Polaroid card styling already provided by theme primitives .b-polaroid
       + .b-polaroid--left — only the size and max-width are overridden here. */
    max-width: 420px;
    justify-self: end;
}
.kab2-intro--rev .kab2-intro__photo{ justify-self: start; }

.kab2-intro__img-empty{
    aspect-ratio: 4 / 4.6;
    display: grid;
    place-items: center;
    background: var(--surface2);
    border-radius: var(--radius-sm);
}

@media (max-width: 880px){
    .kab2-intro__inner{ grid-template-columns: 1fr; }
    .kab2-intro__photo,
    .kab2-intro--rev .kab2-intro__photo{
        max-width: 380px;
        margin-inline: auto;
        justify-self: center;
    }
}