/*
 * Persisted inline-layout layer.
 * Only controlled design tokens are rendered; arbitrary CSS is never stored.
 */
[data-inline-layout-root] {
    --inline-content-max: 1180px;
    --inline-density-factor: 1;
}

[data-inline-layout-root][data-layout-content-width="wide"] {
    --inline-content-max: 1380px;
}

[data-inline-layout-root][data-layout-content-width="full"] {
    --inline-content-max: 100%;
}

[data-inline-layout-root][data-layout-density="compact"] {
    --inline-density-factor: .86;
}

[data-inline-layout-root][data-layout-density="airy"] {
    --inline-density-factor: 1.08;
}

[data-inline-layout-root] :is(.person-hero-image, .development-hero-image, .projects-hero-image, .photography-hero-image, .fitness-hero-image, .fitness-hero-media, .contact-hero-image) {
    background-position: var(--inline-hero-position-x, 50%) var(--inline-hero-position-y, 50%);
}

[data-inline-flow] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

[data-inline-flow] > [data-inline-block] {
    order: var(--inline-order, 0);
    box-sizing: border-box;
    width: min(100%, var(--inline-content-max));
    margin-inline: auto;
    padding-top: calc(var(--inline-space-before, 3rem) * var(--inline-density-factor));
    padding-bottom: calc(var(--inline-space-after, 3rem) * var(--inline-density-factor));
}

[data-inline-block][data-layout-width="narrow"] { max-width: 800px; }
[data-inline-block][data-layout-width="standard"] { max-width: 1120px; }
[data-inline-block][data-layout-width="wide"] { max-width: 1380px; }
[data-inline-block][data-layout-width="full"] { max-width: none; width: 100%; }

[data-inline-block][data-layout-align="center"] {
    text-align: center;
}

[data-inline-block][data-layout-align="center"] :is(.person-section-heading, .development-section-heading, .projects-section-heading, .photography-section-heading, .fitness-section-heading, .contact-section-heading) {
    justify-content: center;
}

[data-inline-block][data-layout-space-before="none"] { --inline-space-before: 0rem; }
[data-inline-block][data-layout-space-before="small"] { --inline-space-before: 1.5rem; }
[data-inline-block][data-layout-space-before="medium"] { --inline-space-before: 3rem; }
[data-inline-block][data-layout-space-before="large"] { --inline-space-before: 4rem; }
[data-inline-block][data-layout-space-after="none"] { --inline-space-after: 0rem; }
[data-inline-block][data-layout-space-after="small"] { --inline-space-after: 1.5rem; }
[data-inline-block][data-layout-space-after="medium"] { --inline-space-after: 3rem; }
[data-inline-block][data-layout-space-after="large"] { --inline-space-after: 4rem; }

[data-inline-block][data-layout-surface="subtle"],
[data-inline-block][data-layout-surface="glass"],
[data-inline-block][data-layout-surface="accent"] {
    padding-inline: clamp(1.1rem, 4vw, 3rem);
}

[data-inline-block][data-layout-surface="subtle"] {
    background: color-mix(in srgb, currentColor 4%, transparent);
    border: 1px solid color-mix(in srgb, currentColor 10%, transparent);
}

[data-inline-block][data-layout-surface="glass"] {
    background: rgba(13, 17, 22, .68);
    border: 1px solid rgba(255, 255, 255, .12);
    box-shadow: 0 24px 80px rgba(0, 0, 0, .18);
    backdrop-filter: blur(18px);
}

[data-inline-block][data-layout-surface="accent"] {
    background: linear-gradient(135deg, color-mix(in srgb, var(--accent, #c69a62) 18%, transparent), rgba(255, 255, 255, .025));
    border: 1px solid color-mix(in srgb, var(--accent, #c69a62) 42%, transparent);
}

[data-inline-block][data-layout-radius="small"] { border-radius: .8rem; }
[data-inline-block][data-layout-radius="large"] { border-radius: 1.8rem; }

/* Start page design tokens */
[data-home-design][data-card-size="compact"] { --home-card-width: min(76vw, 290px); --home-card-height: clamp(19rem, 52vh, 29rem); }
[data-home-design][data-card-size="standard"] { --home-card-width: min(82vw, 360px); --home-card-height: clamp(24rem, 62vh, 38rem); }
[data-home-design][data-card-size="large"] { --home-card-width: min(88vw, 430px); --home-card-height: clamp(29rem, 70vh, 45rem); }
[data-home-design][data-card-gap="tight"] { --home-card-gap: clamp(.5rem, 1.2vw, .9rem); }
[data-home-design][data-card-gap="standard"] { --home-card-gap: clamp(.8rem, 2vw, 1.5rem); }
[data-home-design][data-card-gap="wide"] { --home-card-gap: clamp(1.4rem, 3.4vw, 2.8rem); }
[data-home-design][data-stage-height="compact"] { --home-stage-height: min(74svh, 43rem); }
[data-home-design][data-stage-height="standard"] { --home-stage-height: min(84svh, 52rem); }
[data-home-design][data-stage-height="full"] { --home-stage-height: 100svh; }

[data-home-design] .slider-stage { min-height: var(--home-stage-height, min(84svh, 52rem)); }
[data-home-design] .section-track { gap: var(--home-card-gap, clamp(.8rem, 2vw, 1.5rem)); }
[data-home-design] .section-card { width: var(--home-card-width, min(82vw, 360px)); height: var(--home-card-height, clamp(24rem, 62vh, 38rem)); }

@media (max-width: 720px) {
    [data-inline-flow] > [data-inline-block] {
        padding-top: calc(var(--inline-space-before, 2rem) * var(--inline-density-factor));
        padding-bottom: calc(var(--inline-space-after, 2rem) * var(--inline-density-factor));
    }

    [data-inline-block][data-layout-surface="subtle"],
    [data-inline-block][data-layout-surface="glass"],
    [data-inline-block][data-layout-surface="accent"] {
        border-radius: 0;
        margin-inline: calc(var(--area-content-gutter, 1rem) * -1);
        width: calc(100% + (var(--area-content-gutter, 1rem) * 2));
    }
}