/* Theme 10 v2 — Orange Atelier / Painted Editorial. */
:where(.theme-thm10[data-theme-version="v2"]) {
    --thm10-paper: #fff8ee;
    --thm10-paper-deep: #f3ddcb;
    --thm10-ink: #241815;
    --thm10-muted: #765f56;
    --thm10-orange: #e9662c;
    --thm10-burnt: #9f3a17;
    --thm10-apricot: #f6c7a8;
    --thm10-line: color-mix(in srgb, var(--thm10-ink) 22%, transparent);
    --thm10-white: #fffdf9;
    --theme-surface: var(--thm10-paper);
    --theme-surface-muted: var(--thm10-paper-deep);
    --theme-text: var(--thm10-ink);
    --theme-text-muted: var(--thm10-muted);
    --theme-accent: var(--thm10-orange);
    --theme-accent-strong: var(--thm10-burnt);
    --theme-accent-contrast: #fff;
    --theme-focus: #075e78;
    /* The couple's own fonts (custom font add-on) take over when set; see x-theme-custom-fonts. */
    --theme-font-display: var(--invie-font-heading, "Noto Serif"), Georgia, serif;
    --theme-font-body: var(--invie-font-body, "Montserrat"), Arial, sans-serif;
    --thm10-gutter: clamp(1.15rem, 4.6cqw, 5.5rem);
    --thm10-section-space: clamp(4.5rem, 10cqw, 9rem);
    --thm10-ease: cubic-bezier(0.22, 1, 0.36, 1);
    accent-color: var(--thm10-burnt);
    background: var(--thm10-paper);
    color: var(--thm10-ink);
    font-family: var(--theme-font-body);
    margin: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    text-rendering: optimizeLegibility;
}

:where(.theme-thm10[data-theme-version="v2"] *, .theme-thm10[data-theme-version="v2"] *::before, .theme-thm10[data-theme-version="v2"] *::after) {
    box-sizing: border-box;
}

html:has(body.theme-thm10[data-theme-version="v2"]:not([data-theme-state="open"])),
body.theme-thm10[data-theme-version="v2"]:not([data-theme-state="open"]) {
    overflow: hidden;
}

body.theme-thm10[data-theme-version="v2"] {
    min-height: 100%;
    overflow-x: clip;
}

html:has(body.theme-thm10[data-theme-version="v2"][data-theme-state="open"]),
body.theme-thm10[data-theme-version="v2"][data-theme-state="open"] {
    overflow-y: auto;
}

.theme-thm10 .thm10-page {
    background:
        linear-gradient(90deg, transparent 0 calc(100% - 1px), color-mix(in srgb, var(--thm10-orange) 12%, transparent) calc(100% - 1px)) 0 0 / min(8.333cqw, 8rem) 100%,
        var(--thm10-paper);
    container-type: inline-size;
    min-height: 100dvh;
    overflow: clip;
    position: relative;
}

.theme-thm10 .thm10-invitation,
.theme-thm10 .thm10-invitation[aria-hidden="true"] {
    background: var(--thm10-paper);
    min-height: 100dvh;
    visibility: visible !important;
}

.theme-thm10 :where(h1, h2, h3, p, figure, blockquote) {
    margin-block-start: 0;
}

.theme-thm10 :where(h1, h2, h3, h4) {
    color: inherit;
    font-family: var(--theme-font-display);
    font-weight: 600;
    letter-spacing: -0.045em;
    line-height: 0.99;
    text-wrap: balance;
}

.theme-thm10 :where(p, li, address, figcaption, label, input, select, textarea, button) {
    font-size: clamp(0.9375rem, 0.22cqw + 0.86rem, 1.05rem);
    line-height: 1.7;
    text-wrap: pretty;
}

.theme-thm10 :where(img, video, iframe, svg) {
    display: block;
    max-inline-size: 100%;
}

.theme-thm10 img { height: auto; }

.theme-thm10 a {
    color: inherit;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.22em;
}

.theme-thm10 button,
.theme-thm10 input,
.theme-thm10 select,
.theme-thm10 textarea {
    border-radius: 0;
    color: inherit;
    font: inherit;
}

.theme-thm10 :where(button, a, input, select, textarea, [tabindex]):focus-visible {
    outline: 3px solid var(--theme-focus) !important;
    outline-offset: 3px !important;
}

.theme-thm10 ::selection { background: var(--thm10-orange); color: #fff; }

.theme-thm10 .thm10-section {
    content-visibility: auto;
    contain-intrinsic-size: auto 44rem;
    isolation: isolate;
    overflow: clip;
    padding: var(--thm10-section-space) var(--thm10-gutter);
    position: relative;
    scroll-margin-block: 4rem;
}

.theme-thm10 .thm10-section > :where(header, div, figure, blockquote) {
    margin-inline: auto;
    max-inline-size: 82rem;
}

.theme-thm10 .thm10-kicker {
    color: var(--thm10-burnt);
    font-family: var(--theme-font-body);
    font-size: clamp(0.75rem, 0.16cqw + 0.64rem, 0.82rem);
    font-weight: 700;
    letter-spacing: 0.16em;
    line-height: 1.35;
    margin-block-end: 1rem;
    text-transform: uppercase;
}

.theme-thm10 .thm10-heading { max-inline-size: 48rem; }
.theme-thm10 .thm10-heading h2 {
    font-size: clamp(2.5rem, 6.1cqw, 6.4rem);
    margin-block-end: 1.25rem;
}
.theme-thm10 .thm10-heading > p:last-child { color: var(--thm10-muted); max-inline-size: 44rem; }
.theme-thm10 .thm10-heading--center { margin-inline: auto; text-align: center; }

.theme-thm10 .thm10-button {
    align-items: center;
    background: var(--thm10-burnt);
    border: 1px solid var(--thm10-burnt);
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-family: var(--theme-font-body);
    font-size: 0.79rem;
    font-weight: 700;
    gap: 1.1rem;
    justify-content: center;
    letter-spacing: 0.1em;
    line-height: 1.3;
    min-block-size: 3.25rem;
    min-inline-size: 3.25rem;
    padding: 0.85rem 1.35rem;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease;
}

/* Touch screens keep :hover after a tap, so only real pointers get the hover state.
   The paper button switches its label to paper so it never becomes ink on ink. */
@media (hover: hover) {
    .theme-thm10 .thm10-button:hover {
        background: var(--thm10-ink);
        border-color: var(--thm10-ink);
        transform: translateY(-2px);
    }

    .theme-thm10 .thm10-button--paper:hover { color: var(--thm10-paper); }
}

.theme-thm10 .thm10-button--ink { background: var(--thm10-ink); border-color: var(--thm10-ink); }
.theme-thm10 .thm10-button--paper { background: var(--thm10-paper); border-color: var(--thm10-paper); color: var(--thm10-ink); }

.theme-thm10 .thm10-text-link {
    align-items: center;
    background: transparent;
    border: 0;
    cursor: pointer;
    display: inline-flex;
    font-size: 0.75rem;
    font-weight: 700;
    gap: 0.5rem;
    letter-spacing: 0.11em;
    min-block-size: 2.75rem;
    padding: 0;
    text-transform: uppercase;
}

/* Opening: content is precomposed behind one opaque layer. */
.theme-thm10 .thm10-cover {
    background: var(--thm10-paper);
    display: grid;
    grid-template-columns: minmax(0, 56fr) minmax(24rem, 44fr);
    inset: 0;
    min-block-size: 100dvh;
    opacity: 1;
    overflow: hidden;
    position: fixed;
    transition: transform 720ms var(--thm10-ease), visibility 0s linear 720ms;
    visibility: visible;
    z-index: 9999;
}

.theme-thm10[data-theme-state="open"] .thm10-cover {
    opacity: 1;
    pointer-events: none;
    transform: translateY(-101%);
    visibility: hidden;
}

.theme-thm10 .thm10-cover__media {
    background: var(--thm10-ink);
    grid-column: 2;
    grid-row: 1;
    margin: 0;
    min-block-size: 100%;
    overflow: hidden;
    position: relative;
}

.theme-thm10 .thm10-cover__media > img {
    block-size: 100%;
    inline-size: 100%;
    object-fit: cover;
}

.theme-thm10 .thm10-cover__media::after {
    background: linear-gradient(180deg, transparent 45%, color-mix(in srgb, var(--thm10-ink) 42%, transparent));
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
}

.theme-thm10 .thm10-cover__monogram {
    align-items: center;
    background: radial-gradient(circle at 26% 28%, var(--thm10-apricot) 0 7%, transparent 7.5%), linear-gradient(132deg, var(--thm10-orange) 0 48%, var(--thm10-burnt) 48% 69%, var(--thm10-ink) 69%);
    block-size: 100%;
    color: var(--thm10-paper);
    display: flex;
    font-family: var(--theme-font-display);
    font-size: clamp(6rem, 15cqw, 15rem);
    font-weight: 700;
    inline-size: 100%;
    justify-content: center;
    letter-spacing: -0.11em;
    line-height: 1;
    text-shadow: 0.08em 0.08em 0 color-mix(in srgb, var(--thm10-ink) 22%, transparent);
}

.theme-thm10 .thm10-cover__brush {
    background: var(--thm10-orange);
    block-size: clamp(5rem, 12cqw, 11rem);
    clip-path: polygon(0 20%, 90% 0, 100% 44%, 92% 78%, 8% 100%);
    inline-size: clamp(13rem, 29cqw, 31rem);
    inset-block-start: 12%;
    inset-inline-end: 34%;
    opacity: 0.92;
    pointer-events: none;
    position: absolute;
    transform: rotate(-6deg);
    z-index: 2;
}

.theme-thm10 .thm10-cover__copy {
    align-self: center;
    display: flex;
    flex-direction: column;
    grid-column: 1;
    grid-row: 1;
    justify-content: center;
    max-block-size: 100dvh;
    max-inline-size: 49rem;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: clamp(2rem, 6cqw, 7rem);
    position: relative;
    scrollbar-width: none;
    z-index: 3;
}

.theme-thm10 .thm10-cover__copy::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

.theme-thm10 .thm10-cover h1 {
    font-size: clamp(3rem, 7.4cqw, 7.3rem);
    margin-block: 0 1.25rem;
    max-inline-size: 9ch;
    overflow-wrap: anywhere;
}
.theme-thm10 .thm10-cover h1 span { display: block; }
.theme-thm10 .thm10-cover h1 i {
    color: var(--thm10-orange);
    font-family: var(--theme-font-body);
    font-size: 0.45em;
    font-style: normal;
    letter-spacing: 0;
    margin-inline: 0.15em;
    vertical-align: middle;
}
.theme-thm10 .thm10-cover--names-long h1 { font-size: clamp(2.6rem, 6.2cqw, 6rem); }
.theme-thm10 .thm10-cover--names-xlong h1 { font-size: clamp(2.2rem, 5.2cqw, 5rem); line-height: 1.02; }

.theme-thm10 .thm10-cover time {
    border-block: 1px solid var(--thm10-line);
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    margin-block-end: 1.4rem;
    padding-block: 0.75rem;
    text-transform: uppercase;
}

.theme-thm10 .thm10-cover__guest {
    border-inline-start: 3px solid var(--thm10-orange);
    margin-block: 0 1.3rem;
    max-inline-size: 32rem;
    padding-inline-start: 1rem;
}
.theme-thm10 .thm10-cover__guest span, .theme-thm10 .thm10-cover__guest strong { display: block; }
.theme-thm10 .thm10-cover__guest span { color: var(--thm10-muted); font-size: 0.72rem; letter-spacing: 0.08em; text-transform: uppercase; }
.theme-thm10 .thm10-cover__guest strong { font-family: var(--theme-font-display); font-size: clamp(1.15rem, 1rem + 0.7cqw, 1.7rem); font-weight: 600; overflow-wrap: anywhere; }
.theme-thm10 .thm10-cover__actions { align-items: flex-start; display: flex; flex-direction: column; }

/* Introduction and editorial navigation. */
.theme-thm10 .thm10-intro { background: var(--thm10-paper); padding-block-start: 0; }
.theme-thm10 .thm10-nav {
    align-items: center;
    backdrop-filter: blur(14px);
    background: color-mix(in srgb, var(--thm10-paper) 92%, transparent);
    border-block-end: 1px solid var(--thm10-line);
    display: flex;
    inline-size: calc(100% + (2 * var(--thm10-gutter)));
    justify-content: space-between;
    margin-inline: calc(-1 * var(--thm10-gutter));
    max-inline-size: none !important;
    min-block-size: 4.25rem;
    padding-inline: var(--thm10-gutter);
    position: sticky;
    top: 0;
    z-index: 80;
}

.theme-thm10 .thm10-nav__brand { align-items: center; display: inline-flex; gap: 0.75rem; min-block-size: 2.75rem; text-decoration: none; }
.theme-thm10 .thm10-nav__brand > span { align-items: center; background: var(--thm10-orange); color: var(--thm10-ink); display: inline-flex; font-family: var(--theme-font-display); font-weight: 700; inline-size: 2.75rem; justify-content: center; min-block-size: 2.75rem; }
.theme-thm10 .thm10-nav__brand strong { font-size: 0.75rem; letter-spacing: 0.15em; }
.theme-thm10 .thm10-nav__links { align-items: center; display: flex; gap: clamp(0.4rem, 1.8cqw, 1.8rem); }
.theme-thm10 .thm10-nav__links a { align-items: center; display: inline-flex; font-size: 0.75rem; font-weight: 700; justify-content: center; letter-spacing: 0.12em; min-block-size: 2.75rem; min-inline-size: 2.75rem; padding-inline: 0.25rem; text-decoration: none; text-transform: uppercase; }

.theme-thm10 .thm10-intro__grid {
    align-items: center;
    display: grid;
    gap: clamp(2rem, 5cqw, 6rem);
    grid-template-columns: minmax(0, 2fr) minmax(17rem, 1fr);
    padding-block: clamp(4rem, 9cqw, 8rem) clamp(3rem, 7cqw, 6rem);
}
.theme-thm10 .thm10-intro__editorial { display: grid; gap: clamp(1.5rem, 3.5cqw, 3.5rem); grid-template-columns: minmax(8rem, 0.6fr) minmax(0, 1.4fr); }
.theme-thm10 .thm10-intro__date-art { align-self: start; border-block-start: 6px solid var(--thm10-orange); padding-block-start: 1rem; }
.theme-thm10 .thm10-intro__date-art strong { display: block; font-family: var(--theme-font-body); font-size: clamp(5.8rem, 9cqw, 9rem); font-weight: 700; letter-spacing: -0.08em; line-height: 0.82; overflow-wrap: normal; white-space: nowrap; }
.theme-thm10 .thm10-intro__date-art :where(span, small) { display: block; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.16em; margin-block-start: 0.65rem; text-transform: uppercase; }
.theme-thm10 .thm10-intro__copy h2 { font-size: clamp(2.8rem, 6.7cqw, 6.7rem); margin-block-end: 1.5rem; }
.theme-thm10 .thm10-intro__copy > p:last-of-type { color: var(--thm10-muted); max-inline-size: 38rem; }

.theme-thm10 .thm10-intro__hero { background: var(--thm10-orange); margin: 0; min-block-size: 32rem; overflow: hidden; position: relative; }
.theme-thm10 .thm10-intro__hero img { aspect-ratio: 4 / 5.4; block-size: 100%; inline-size: 100%; object-fit: cover; }
.theme-thm10 .thm10-intro__hero::after { border: 1px solid color-mix(in srgb, var(--thm10-paper) 72%, transparent); content: ""; inset: 1rem; pointer-events: none; position: absolute; }
.theme-thm10 .thm10-intro__monogram { align-items: center; aspect-ratio: 4 / 5.4; background: linear-gradient(148deg, var(--thm10-orange), var(--thm10-burnt) 62%, var(--thm10-ink)); color: var(--thm10-paper); display: flex; font-family: var(--theme-font-display); font-size: clamp(5rem, 11cqw, 10rem); font-weight: 700; justify-content: center; letter-spacing: -0.1em; }

.theme-thm10 .thm10-countdown { border-block: 1px solid var(--thm10-line); display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-inline: auto; max-inline-size: 82rem; }
.theme-thm10 .thm10-countdown > div { padding: clamp(1rem, 2.5cqw, 2rem); text-align: center; }
.theme-thm10 .thm10-countdown > div + div { border-inline-start: 1px solid var(--thm10-line); }
.theme-thm10 .thm10-countdown strong { display: block; font-family: var(--theme-font-body); font-size: clamp(2rem, 5cqw, 4.7rem); font-weight: 700; letter-spacing: -0.07em; line-height: 1; }
.theme-thm10 .thm10-countdown span { color: var(--thm10-muted); display: block; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.13em; margin-block-start: 0.55rem; text-transform: uppercase; }

/* Couple — asymmetric art folios with aligned copy baselines. */
.theme-thm10 .thm10-couple { background: var(--thm10-ink); color: var(--thm10-paper); }
.theme-thm10 .thm10-couple .thm10-kicker { color: var(--thm10-apricot); }
.theme-thm10 .thm10-profile .thm10-kicker { color: var(--thm10-burnt); }
.theme-thm10 .thm10-couple__lead { align-items: end; display: grid; gap: 2rem; grid-template-columns: minmax(0, 1.4fr) minmax(15rem, 0.6fr); margin-block-end: clamp(3rem, 6cqw, 6rem); }
.theme-thm10 .thm10-couple__lead h2 { font-size: clamp(3rem, 7.2cqw, 7.5rem); margin-block-end: 0; }
.theme-thm10 .thm10-couple__lead > p:last-child { color: color-mix(in srgb, var(--thm10-paper) 72%, transparent); }
.theme-thm10 .thm10-couple__profiles { align-items: start; display: grid; gap: clamp(2.5rem, 7cqw, 7rem); grid-template-columns: repeat(2, minmax(0, 1fr)); }
.theme-thm10 .thm10-profile:nth-child(even) { margin-block-start: 0; }
.theme-thm10 .thm10-profile__media { background: var(--thm10-orange); margin: 0; overflow: hidden; position: relative; }
.theme-thm10 .thm10-profile__media img { aspect-ratio: 4 / 5; inline-size: 100%; object-fit: cover; }
.theme-thm10 .thm10-profile:first-child .thm10-profile__media { clip-path: polygon(0 3%, 94% 0, 100% 96%, 5% 100%); }
.theme-thm10 .thm10-profile:nth-child(even) .thm10-profile__media { clip-path: polygon(4% 0, 100% 4%, 96% 100%, 0 96%); }
.theme-thm10 .thm10-profile__monogram { align-items: center; aspect-ratio: 4 / 5; background: linear-gradient(20deg, transparent 0 44%, color-mix(in srgb, var(--thm10-apricot) 52%, transparent) 44% 55%, transparent 55%), linear-gradient(145deg, var(--thm10-orange), var(--thm10-burnt)); color: var(--thm10-paper); display: flex; font-family: var(--theme-font-display); font-size: clamp(7rem, 15cqw, 14rem); font-weight: 700; justify-content: center; }
.theme-thm10 .thm10-profile__copy { background: var(--thm10-paper); color: var(--thm10-ink); margin-inline: clamp(0.75rem, 2cqw, 2rem); margin-block-start: -2.5rem; padding: clamp(1.4rem, 3cqw, 2.8rem); position: relative; z-index: 2; }
.theme-thm10 .thm10-profile__copy h3 { font-size: clamp(2.1rem, 4.2cqw, 4.2rem); margin-block-end: 1rem; max-inline-size: 18ch; overflow-wrap: anywhere; }
.theme-thm10 .thm10-profile--name-long .thm10-profile__copy h3, .theme-thm10 .thm10-profile--name-xlong .thm10-profile__copy h3 { font-size: clamp(1.75rem, 3.4cqw, 3.4rem); line-height: 1.06; }
.theme-thm10 .thm10-profile__copy > p:not(.thm10-kicker) { color: var(--thm10-muted); max-inline-size: 38ch; }

/* Events — paper tickets, never a washed-out stock background. */
.theme-thm10 .thm10-events { background: var(--thm10-paper-deep); }
.theme-thm10 .thm10-events__head { align-items: end; display: grid; gap: 2rem; grid-template-columns: minmax(0, 1.35fr) minmax(14rem, 0.65fr); margin-block-end: clamp(3rem, 6cqw, 5rem); }
.theme-thm10 .thm10-events__head h2 { font-size: clamp(3rem, 7cqw, 7rem); margin-block-end: 0; }
.theme-thm10 .thm10-events__head > p:last-child { color: var(--thm10-muted); }
.theme-thm10 .thm10-events__tickets { display: grid; gap: 1.25rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr)); }
.theme-thm10 .thm10-event { background: var(--thm10-paper); border-block-start: 8px solid var(--thm10-orange); display: grid; grid-template-columns: minmax(5.2rem, 0.34fr) minmax(0, 1fr); min-inline-size: 0; overflow: hidden; }
.theme-thm10 .thm10-event__date { border-inline-end: 1px dashed var(--thm10-line); padding: clamp(1.25rem, 3cqw, 2.3rem) 1rem; text-align: center; }
.theme-thm10 .thm10-event__date strong { display: block; font-family: var(--theme-font-body); font-size: clamp(2.8rem, 5cqw, 4.8rem); font-weight: 700; letter-spacing: -0.09em; line-height: 0.9; }
.theme-thm10 .thm10-event__date :where(span, small) { display: block; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.12em; margin-block: 0.5rem; text-transform: uppercase; }
.theme-thm10 .thm10-event__copy { min-inline-size: 0; padding: clamp(1.35rem, 3.4cqw, 2.8rem); }
.theme-thm10 .thm10-event__copy h3 { font-size: clamp(2rem, 3.5cqw, 3.3rem); margin-block-end: 1rem; overflow-wrap: anywhere; }
.theme-thm10 .thm10-event__copy :where(address, p) { color: var(--thm10-muted); font-style: normal; margin-block-end: 0.85rem; }
.theme-thm10 .thm10-event__copy > strong { display: block; margin-block-end: 0.35rem; }
.theme-thm10 .thm10-event__actions { align-items: center; display: flex; flex-wrap: wrap; gap: 0.75rem 1.2rem; margin-block-start: 1.5rem; }
.theme-thm10 .thm10-event__map { border-block-start: 1px solid var(--thm10-line); grid-column: 1 / -1; }
.theme-thm10 .thm10-event__map summary { cursor: pointer; font-size: 0.8125rem; font-weight: 700; letter-spacing: 0.1em; min-block-size: 3.25rem; padding: 1rem 1.35rem; text-transform: uppercase; }
.theme-thm10 .thm10-event__map iframe { aspect-ratio: 16 / 8; border: 0; inline-size: 100%; }

/* Shared forms and utility controls. */
.theme-thm10 .thm10-form { display: grid; gap: 1.4rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.theme-thm10 .thm10-field { min-inline-size: 0; }
.theme-thm10 .thm10-field--wide { grid-column: 1 / -1; }
.theme-thm10 .thm10-field > :where(label, legend) { display: block; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.12em; margin-block-end: 0.5rem; text-transform: uppercase; }
.theme-thm10 .thm10-field :where(input:not([type="radio"]):not([type="checkbox"]), select, textarea) { background: transparent; border: 0; border-block-end: 1px solid color-mix(in srgb, currentColor 30%, transparent); inline-size: 100%; min-block-size: 3.25rem; padding: 0.65rem 0; }
.theme-thm10 .thm10-field textarea { min-block-size: 8rem; resize: vertical; }
.theme-thm10 .thm10-form__status { margin: 0; min-block-size: 1.7rem; }
.theme-thm10 .thm10-form__status[data-status="error"] { color: #8b160c; }

.theme-thm10 .thm10-sr-status { block-size: 1px; clip: rect(0 0 0 0); clip-path: inset(50%); inline-size: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; }

/* Markup alignment and the Orange Atelier section system. */
.theme-thm10 .thm10-cover__edition {
    align-items: center;
    border-block-end: 1px solid var(--thm10-line);
    display: flex;
    justify-content: space-between;
    margin-block-end: clamp(1.2rem, 2.5cqw, 2.2rem);
    padding-block-end: 0.7rem;
}

.theme-thm10 .thm10-cover__edition span {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.2em;
}

.theme-thm10 .thm10-cover__edition strong {
    color: var(--thm10-orange);
    font-size: 1.25rem;
}

.theme-thm10 .thm10-cover__media-wash {
    background: linear-gradient(180deg, transparent 45%, color-mix(in srgb, var(--thm10-ink) 34%, transparent));
    inset: 0;
    pointer-events: none;
    position: absolute;
}

.theme-thm10 .thm10-intro__grid {
    grid-template-columns: repeat(12, minmax(0, 1fr));
}

.theme-thm10 .thm10-intro__editorial {
    display: block;
    grid-column: 1 / span 6;
}

.theme-thm10 .thm10-intro__editorial h2 {
    font-size: clamp(2.8rem, 6.4cqw, 6.6rem);
    margin-block-end: 1.5rem;
}

.theme-thm10 .thm10-intro__statement {
    color: var(--thm10-muted);
    max-inline-size: 43rem;
}

.theme-thm10 .thm10-intro__date-art {
    grid-column: 7 / span 2;
    min-inline-size: 0;
}

.theme-thm10 .thm10-intro__date-art > span {
    color: var(--thm10-burnt);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    line-height: 1.35;
}

.theme-thm10 .thm10-intro__date-art time { display: block; }
.theme-thm10 .thm10-intro__date-art p { color: var(--thm10-muted); margin-block: 1.1rem 0; }

.theme-thm10 .thm10-intro__hero {
    grid-column: 9 / -1;
    min-block-size: 0;
}

.theme-thm10 .thm10-intro__hero :where(img, .thm10-intro__monogram) {
    aspect-ratio: 4 / 5;
    max-block-size: 44rem;
}

.theme-thm10 .thm10-intro__hero figcaption {
    background: var(--thm10-orange);
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.45;
    padding: 0.85rem 1rem;
    text-transform: uppercase;
}

.theme-thm10 .thm10-countdown > .thm10-kicker {
    border-block-end: 1px solid var(--thm10-line);
    grid-column: 1 / -1;
    margin: 0;
    padding: 1rem;
    text-align: center;
}

.theme-thm10 .thm10-couple__heading,
.theme-thm10 .thm10-events__heading {
    align-items: end;
    display: grid;
    gap: 1.2rem clamp(2rem, 6cqw, 6rem);
    grid-template-columns: minmax(0, 1.35fr) minmax(15rem, 0.65fr);
    margin-block-end: clamp(3rem, 6cqw, 6rem);
    max-inline-size: 82rem;
}

.theme-thm10 :where(.thm10-couple__heading, .thm10-events__heading) .thm10-kicker {
    grid-column: 1 / -1;
    margin-block-end: 0;
}

.theme-thm10 :where(.thm10-couple__heading, .thm10-events__heading) h2 {
    font-size: clamp(3rem, 7.2cqw, 7.5rem);
    margin-block-end: 0;
}

.theme-thm10 .thm10-couple__intro {
    display: grid;
    min-inline-size: 0;
    max-inline-size: 44rem;
    gap: 0.75rem;
}

.theme-thm10 .thm10-couple__intro > p {
    margin: 0;
}

.theme-thm10 .thm10-couple__intro > p:last-child {
    color: color-mix(in srgb, var(--thm10-paper) 72%, transparent);
}

.theme-thm10 .thm10-events__heading > p:last-child { color: var(--thm10-muted); }

.theme-thm10 .thm10-profile__brush {
    background: var(--thm10-orange);
    block-size: 1.1rem;
    bottom: 0;
    clip-path: polygon(0 22%, 88% 0, 100% 40%, 92% 78%, 7% 100%);
    inline-size: 68%;
    position: absolute;
    right: 0;
}

.theme-thm10 .thm10-button--orange {
    background: var(--thm10-burnt);
    border-color: var(--thm10-burnt);
    color: #fff;
}

/* Dress code. */
.theme-thm10 .thm10-dresscode {
    align-items: center;
    background: var(--thm10-paper);
    display: grid;
    gap: clamp(2.5rem, 8cqw, 8rem);
    grid-template-columns: minmax(0, 0.8fr) minmax(20rem, 1.2fr);
}

.theme-thm10 .thm10-dresscode__copy,
.theme-thm10 .thm10-dresscode__palette { inline-size: 100%; }

.theme-thm10 .thm10-dresscode__copy h2 {
    font-size: clamp(2.6rem, 5.8cqw, 5.8rem);
    margin-block-end: 1.3rem;
}

.theme-thm10 .thm10-dresscode__copy > p:not(.thm10-kicker) { color: var(--thm10-muted); }
.theme-thm10 .thm10-dresscode__copy > small { display: block; font-size: 0.75rem; margin-block-start: 1.2rem; }

.theme-thm10 .thm10-dresscode__palette {
    display: grid;
    gap: 1px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    list-style: none;
    margin: 0;
    padding: 1px;
}

.theme-thm10 .thm10-dresscode__swatch {
    align-items: end;
    background: var(--thm10-paper-deep);
    display: grid;
    grid-template-rows: minmax(8rem, 1fr) auto;
    min-block-size: 15rem;
    padding: 0;
}

.theme-thm10 .thm10-dresscode__swatch > span { background: var(--thm10-swatch); block-size: 100%; }
.theme-thm10 .thm10-dresscode__swatch > div { padding: 1rem; }
.theme-thm10 .thm10-dresscode__swatch strong, .theme-thm10 .thm10-dresscode__swatch small { display: block; }
.theme-thm10 .thm10-dresscode__swatch strong { font-family: var(--theme-font-display); font-size: 1.15rem; }
.theme-thm10 .thm10-dresscode__swatch small { color: var(--thm10-muted); font-size: 0.75rem; letter-spacing: 0.1em; margin-block-start: 0.35rem; }

/* Livestream. */
.theme-thm10 .thm10-livestream {
    align-items: center;
    background: var(--thm10-ink);
    color: var(--thm10-paper);
    display: grid;
    gap: clamp(2rem, 5cqw, 5rem);
    grid-template-columns: minmax(7rem, 0.25fr) minmax(0, 0.85fr) minmax(18rem, 0.9fr);
}

.theme-thm10 .thm10-livestream .thm10-kicker { color: var(--thm10-apricot); }
.theme-thm10 .thm10-livestream__signal { align-items: center; aspect-ratio: 1; background: var(--thm10-orange); display: flex; flex-direction: column; gap: 0.7rem; justify-content: center; inline-size: min(100%, 10rem); }
.theme-thm10 .thm10-livestream__signal span { animation: thm10-pulse 1.8s ease-in-out infinite; background: #fff; block-size: 0.75rem; border-radius: 50%; inline-size: 0.75rem; }
.theme-thm10 .thm10-livestream__signal strong { color: var(--thm10-ink); font-size: 0.78rem; letter-spacing: 0.16em; }
.theme-thm10 .thm10-livestream__copy h2 { font-size: clamp(2.6rem, 5.5cqw, 5.5rem); margin-block-end: 1.2rem; }
.theme-thm10 .thm10-livestream__copy > p:last-child { color: color-mix(in srgb, var(--thm10-paper) 72%, transparent); }
.theme-thm10 .thm10-livestream__access { background: var(--thm10-orange); color: var(--thm10-ink); padding: clamp(1.5rem, 3.5cqw, 3rem); }
.theme-thm10 .thm10-livestream__meta { border-block-end: 1px solid color-mix(in srgb, #fff 35%, transparent); margin-block-end: 1.25rem; padding-block-end: 1rem; }
.theme-thm10 .thm10-livestream__meta span, .theme-thm10 .thm10-livestream__meta strong { display: block; }
.theme-thm10 .thm10-livestream__meta span { font-size: 0.75rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; }
.theme-thm10 .thm10-livestream__meta strong { font-family: var(--theme-font-display); font-size: 1.7rem; margin-block-start: 0.25rem; }
.theme-thm10 .thm10-livestream__access dl { margin-block: 0 1.4rem; }
.theme-thm10 .thm10-livestream__access dl > div { display: grid; gap: 0.5rem; grid-template-columns: minmax(5.5rem, 0.4fr) minmax(0, 0.6fr); }
.theme-thm10 .thm10-livestream__access :where(dt, dd) { margin: 0; overflow-wrap: anywhere; }
.theme-thm10 .thm10-livestream__access dt { font-size: 0.75rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; }
.theme-thm10 .thm10-livestream__pending { margin-block-end: 0; }

@keyframes thm10-pulse { 50% { box-shadow: 0 0 0 0.8rem color-mix(in srgb, #fff 0%, transparent); opacity: 0.55; } }

/* Quote: a centered visual pause. */
.theme-thm10 .thm10-quote {
    align-items: center;
    background: var(--thm10-paper);
    display: flex;
    justify-content: center;
    min-block-size: min(54rem, 84dvh);
    text-align: center;
}

.theme-thm10 .thm10-quote__brush {
    block-size: min(23rem, 62cqw);
    inset: 50% auto auto 50%;
    max-inline-size: none !important;
    pointer-events: none;
    position: absolute;
    transform: translate(-50%, -50%) rotate(-4deg);
    inline-size: min(58rem, 88cqw);
}

.theme-thm10 .thm10-quote__brush::before,
.theme-thm10 .thm10-quote__brush::after,
.theme-thm10 .thm10-quote__brush span {
    background: var(--thm10-apricot);
    clip-path: polygon(0 25%, 8% 14%, 73% 0, 100% 25%, 91% 67%, 12% 100%, 2% 76%);
    content: "";
    inset: 20% 0;
    opacity: 0.68;
    position: absolute;
}
.theme-thm10 .thm10-quote__brush::after { inset: 35% 7% 5%; opacity: 0.38; transform: rotate(6deg); }

.theme-thm10 .thm10-quote blockquote { margin: 0; max-inline-size: 74rem; position: relative; z-index: 2; }
.theme-thm10 .thm10-quote__mark { color: var(--thm10-orange); display: block; font-family: var(--theme-font-display); font-size: clamp(6rem, 13cqw, 12rem); line-height: 0.35; }
.theme-thm10 .thm10-quote blockquote p { font-family: var(--theme-font-display); font-size: clamp(2rem, 4.8cqw, 4.8rem); font-weight: 600; line-height: 1.25; margin-block-end: 1.8rem; }
.theme-thm10 .thm10-quote cite { font-family: var(--theme-font-body); font-size: 0.75rem; font-style: normal; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; }

/* Story. */
.theme-thm10 .thm10-story { background: var(--thm10-paper-deep); }
.theme-thm10 .thm10-story__heading { margin-block-end: clamp(4rem, 8cqw, 7rem); }
.theme-thm10 .thm10-story__timeline { display: grid; gap: clamp(4rem, 9cqw, 8rem); }
.theme-thm10 .thm10-story-entry { align-items: center; display: grid; gap: clamp(2rem, 7cqw, 7rem); grid-template-columns: repeat(12, minmax(0, 1fr)); }
.theme-thm10 .thm10-story-entry__visual { grid-column: 1 / span 6; min-inline-size: 0; }
.theme-thm10 .thm10-story-entry__copy { grid-column: 8 / -1; min-inline-size: 0; }
.theme-thm10 .thm10-story-entry--even .thm10-story-entry__visual { grid-column: 7 / -1; grid-row: 1; }
.theme-thm10 .thm10-story-entry--even .thm10-story-entry__copy { grid-column: 1 / span 5; grid-row: 1; }
.theme-thm10 .thm10-story-entry__visual figure { margin: 0; position: relative; }
.theme-thm10 .thm10-story-entry__visual img { aspect-ratio: 4 / 3; inline-size: 100%; object-fit: cover; }
.theme-thm10 .thm10-story-entry__visual figcaption { background: var(--thm10-orange); bottom: 0; color: var(--thm10-ink); font-size: 0.75rem; font-weight: 700; letter-spacing: 0.14em; padding: 0.75rem 1rem; position: absolute; right: 0; }
.theme-thm10 .thm10-story-entry__placeholder { align-items: center; aspect-ratio: 4 / 3; background: linear-gradient(152deg, var(--thm10-orange), var(--thm10-burnt)); color: #fff; display: flex; justify-content: center; overflow: hidden; position: relative; }
.theme-thm10 .thm10-story-entry__placeholder::before { background: var(--thm10-apricot); block-size: 28%; clip-path: polygon(0 24%, 87% 0, 100% 45%, 93% 76%, 7% 100%); content: ""; inline-size: 78%; position: absolute; transform: rotate(-8deg); }
.theme-thm10 .thm10-story-entry__placeholder span { font-size: 0.75rem; font-weight: 700; left: 1.2rem; letter-spacing: 0.14em; position: absolute; top: 1.2rem; }
.theme-thm10 .thm10-story-entry__placeholder strong { font-family: var(--theme-font-display); font-size: clamp(5rem, 12cqw, 11rem); letter-spacing: -0.1em; position: relative; }
.theme-thm10 .thm10-story-entry__chapter { color: var(--thm10-burnt); font-size: 0.75rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; }
.theme-thm10 .thm10-story-entry__copy time { color: var(--thm10-muted); display: block; font-size: 0.75rem; margin-block-end: 0.8rem; }
.theme-thm10 .thm10-story-entry__copy h3 { font-size: clamp(2.3rem, 4.8cqw, 4.8rem); margin-block-end: 1rem; overflow-wrap: anywhere; }
.theme-thm10 .thm10-story-entry__copy > p:last-child { color: var(--thm10-muted); white-space: pre-line; }

/* Gallery contact sheet. */
/* Rows come from the shared gallery layout in theme-system.css. */
.theme-thm10 .thm10-gallery { --theme-gallery-gap: clamp(0.6rem, 1.4cqw, 1.25rem); background: var(--thm10-paper); }
.theme-thm10 .thm10-gallery__heading { margin-block-end: clamp(3rem, 7cqw, 6rem); }
.theme-thm10 .thm10-gallery__piece { background: var(--thm10-ink); border: 0; color: #fff; cursor: zoom-in; margin: 0; overflow: hidden; padding: 0; position: relative; text-align: start; }
.theme-thm10 .thm10-gallery__piece img { block-size: 100%; inline-size: 100%; object-fit: cover; transition: filter 280ms ease, transform 500ms var(--thm10-ease); }
.theme-thm10 .thm10-gallery__piece:hover img { filter: saturate(1.08); transform: scale(1.025); }
.theme-thm10 .thm10-gallery__piece > span { background: var(--thm10-orange); color: var(--thm10-ink); font-size: 0.75rem; font-weight: 700; left: 0; letter-spacing: 0.12em; padding: 0.55rem 0.7rem; position: absolute; top: 0; }
.theme-thm10 .thm10-gallery__piece > small { background: color-mix(in srgb, var(--thm10-ink) 82%, transparent); bottom: 0; display: block; font-size: 0.75rem; left: 0; max-inline-size: 100%; padding: 0.6rem 0.75rem; position: absolute; right: 0; }

.theme-thm10 .thm10-gallery-dialog { background: var(--thm10-ink); border: 0; color: var(--thm10-paper); inline-size: min(92cqw, 70rem); max-block-size: 92dvh; max-inline-size: 92cqw; padding: 0; }
.theme-thm10 .thm10-gallery-dialog::backdrop { background: color-mix(in srgb, var(--thm10-ink) 86%, transparent); }
.theme-thm10 .thm10-gallery-dialog__bar, .theme-thm10 .thm10-gallery-dialog__controls { align-items: center; display: flex; justify-content: space-between; min-block-size: 3.5rem; padding-inline: 1rem; }
.theme-thm10 .thm10-gallery-dialog__bar { border-block-end: 1px solid color-mix(in srgb, #fff 20%, transparent); }
.theme-thm10 .thm10-gallery-dialog__bar p { font-size: 0.75rem; font-weight: 700; letter-spacing: 0.12em; margin: 0; text-transform: uppercase; }
.theme-thm10 .thm10-gallery-dialog button { background: transparent; border: 0; color: inherit; cursor: pointer; min-block-size: 2.75rem; min-inline-size: 2.75rem; }
.theme-thm10 .thm10-gallery-dialog figure { margin: 0; }
.theme-thm10 .thm10-gallery-dialog figure img { block-size: min(68dvh, 48rem); inline-size: 100%; object-fit: contain; }
.theme-thm10 .thm10-gallery-dialog figcaption { color: color-mix(in srgb, #fff 72%, transparent); min-block-size: 1.8rem; padding: 0.45rem 1rem; text-align: center; }

/* RSVP. */
.theme-thm10 .thm10-rsvp { background: var(--thm10-orange); padding-block: clamp(3rem, 7cqw, 6rem); }
.theme-thm10 .thm10-rsvp__layout { display: grid; grid-template-columns: minmax(18rem, 5fr) minmax(0, 7fr); }
.theme-thm10 .thm10-rsvp__aside { color: var(--thm10-ink); display: flex; flex-direction: column; justify-content: space-between; min-block-size: 39rem; overflow: hidden; padding: clamp(2rem, 5cqw, 5rem); position: relative; }
.theme-thm10 .thm10-rsvp__aside .thm10-kicker { color: var(--thm10-ink); }
.theme-thm10 .thm10-rsvp__aside h2 { font-size: clamp(3rem, 6.6cqw, 6.6rem); margin-block-end: 1.4rem; }
.theme-thm10 .thm10-rsvp__aside > p:not(.thm10-kicker, .thm10-rsvp__deadline) { max-inline-size: 31rem; }
.theme-thm10 .thm10-rsvp__deadline { border-block-start: 1px solid color-mix(in srgb, var(--thm10-ink) 32%, transparent); margin-block: 2rem 0; padding-block-start: 1rem; }
.theme-thm10 .thm10-rsvp__deadline span, .theme-thm10 .thm10-rsvp__deadline strong { display: block; }
.theme-thm10 .thm10-rsvp__mark { bottom: -0.22em; color: color-mix(in srgb, var(--thm10-apricot) 48%, transparent); display: flex; font-family: var(--theme-font-body); font-size: clamp(6rem, 12cqw, 12rem); font-weight: 700; gap: 0.02em; letter-spacing: -0.12em; line-height: 0.8; position: absolute; right: 1rem; }
.theme-thm10 .thm10-rsvp__form { align-content: start; background: var(--thm10-paper); padding: clamp(2rem, 5cqw, 5rem); }
.theme-thm10 .thm10-attendance { border: 0; margin: 0; padding: 0; }
.theme-thm10 .thm10-attendance__options { display: grid; gap: 1px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.theme-thm10 .thm10-attendance__options label { cursor: pointer; min-inline-size: 0; position: relative; }
.theme-thm10 .thm10-attendance__options input { block-size: 1px; clip: rect(0 0 0 0); clip-path: inset(50%); inline-size: 1px; opacity: 0; position: absolute; }
.theme-thm10 .thm10-attendance__options span { align-items: center; border: 1px solid var(--thm10-line); display: flex; font-size: 0.75rem; font-weight: 700; justify-content: center; min-block-size: 3.5rem; padding: 0.6rem; text-align: center; }
.theme-thm10 .thm10-attendance__options input:checked + span { background: var(--thm10-ink); border-color: var(--thm10-ink); color: #fff; }
.theme-thm10 .thm10-attendance__options input:focus-visible + span { outline: 3px solid var(--theme-focus); outline-offset: 3px; }

/* Wishes. */
.theme-thm10 .thm10-wishes { background: var(--thm10-paper-deep); }
.theme-thm10 .thm10-heading--split { align-items: end; display: grid; gap: 2rem; grid-template-columns: minmax(0, 1.4fr) minmax(15rem, 0.6fr); margin-block-end: clamp(3rem, 6cqw, 5rem); max-inline-size: 82rem; }
.theme-thm10 .thm10-heading--split h2 { margin-block-end: 0; }
.theme-thm10 .thm10-heading--split > p { color: var(--thm10-muted); }
.theme-thm10 .thm10-wishes__featured { margin-block-end: clamp(3rem, 6cqw, 5rem); max-inline-size: 82rem; }
body.theme-thm10[data-theme-version="v2"] .thm10-wishes__track { grid-auto-columns: 100%; gap: 1rem; align-items: start; }
body.theme-thm10[data-theme-version="v2"] .thm10-wishes__slide { display: grid; gap: 1rem; grid-template-columns: minmax(0, 1fr); align-content: start; height: auto; }
.theme-thm10 .thm10-wish-card { background: var(--thm10-paper); display: grid; gap: 1.2rem; grid-template-rows: auto 1fr auto; margin: 0; min-inline-size: 0; padding: clamp(1.25rem, 3cqw, 2rem); }
.theme-thm10 .thm10-wish-card__number { color: var(--thm10-burnt); display: block; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.16em; }
.theme-thm10 .thm10-wish-card blockquote { font-family: var(--theme-font-display); font-size: clamp(1.125rem, 1rem + 0.6cqw, 1.5rem); line-height: 1.5; margin: 0; overflow-wrap: anywhere; }
.theme-thm10 .thm10-wish-card figcaption { align-items: center; display: flex; gap: 0.8rem; }
.theme-thm10 .thm10-wish-card figcaption > :where(img, .thm10-wish-card__initial) { align-items: center; aspect-ratio: 1; background: var(--thm10-orange); color: var(--thm10-ink); display: flex; flex: 0 0 3rem; inline-size: 3rem; justify-content: center; object-fit: cover; }
.theme-thm10 .thm10-wish-card figcaption > span:last-child { min-inline-size: 0; }
.theme-thm10 .thm10-wish-card figcaption strong, .theme-thm10 .thm10-wish-card figcaption small { display: block; overflow-wrap: anywhere; }
.theme-thm10 .thm10-wish-card figcaption small { color: var(--thm10-muted); }
body.theme-thm10[data-theme-version="v2"] .thm10-wishes__dots { color: var(--thm10-ink); }
body.theme-thm10[data-theme-version="v2"] .thm10-wishes__dots .theme-wishes-carousel__dot::before { background: transparent; border: 1px solid currentColor; border-radius: 0; opacity: 1; }
body.theme-thm10[data-theme-version="v2"] .thm10-wishes__dots .theme-wishes-carousel__dot[aria-current="true"]::before { background: currentColor; }
.theme-thm10 .thm10-wishes__guestbook { display: grid; gap: 1px; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
.theme-thm10 .thm10-wishes__form, .theme-thm10 .thm10-wishes__messages { background: var(--thm10-paper); min-inline-size: 0; padding: clamp(1.6rem, 4cqw, 3.5rem); }
.theme-thm10 .thm10-wishes__form { align-content: start; grid-template-columns: 1fr; }
.theme-thm10 .thm10-wishes__form > * { grid-column: 1; }
.theme-thm10 .thm10-wishes__messages-head { align-items: end; border-block-end: 1px solid var(--thm10-line); display: flex; justify-content: space-between; margin-block-end: 1.2rem; padding-block-end: 1rem; }
.theme-thm10 .thm10-wishes__messages-head .thm10-kicker { margin-block-end: 0.25rem; }
.theme-thm10 .thm10-wishes__messages-head h3 { font-size: clamp(1.6rem, 2.8cqw, 2.7rem); margin: 0; }
.theme-thm10 .thm10-wishes__messages ul { display: grid; gap: 0; list-style: none; margin: 0; max-block-size: 31rem; overflow-y: auto; padding: 0; }
.theme-thm10 .thm10-wishes__messages li { border-block-end: 1px solid var(--thm10-line); display: grid; gap: 1rem; grid-template-columns: 2.5rem minmax(0, 1fr); padding-block: 1rem; }
.theme-thm10 .thm10-wishes__messages li > span { color: var(--thm10-orange); font-size: 0.75rem; font-weight: 700; }
.theme-thm10 .thm10-wishes__messages li strong, .theme-thm10 .thm10-wishes__messages li time { display: block; }
.theme-thm10 .thm10-wishes__messages li time { color: var(--thm10-muted); font-size: 0.75rem; }
.theme-thm10 .thm10-wishes__messages li p { margin-block: 0.5rem 0; }
.theme-thm10 .thm10-wishes__empty { display: block !important; color: var(--thm10-muted); }

@container (min-width: 36rem) {
    body.theme-thm10[data-theme-version="v2"] .thm10-wishes__slide {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Gift. */
.theme-thm10 .thm10-gift { background: var(--thm10-ink); color: var(--thm10-paper); }
.theme-thm10 .thm10-gift .thm10-kicker { color: var(--thm10-apricot); }
.theme-thm10 .thm10-gift__heading > p { color: #dbc6b9; }
.theme-thm10 .thm10-gift__accounts { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr)); }
.theme-thm10 .thm10-gift-card { background: var(--thm10-orange); color: var(--thm10-ink); display: flex; flex-direction: column; min-block-size: 27rem; padding: clamp(1.4rem, 3cqw, 2.5rem); }
.theme-thm10 .thm10-gift-card__masthead { align-items: center; border-block-end: 1px solid color-mix(in srgb, var(--thm10-ink) 30%, transparent); display: flex; font-size: 0.75rem; font-weight: 700; justify-content: space-between; letter-spacing: 0.13em; padding-block-end: 0.8rem; text-transform: uppercase; }
.theme-thm10 .thm10-gift-card__bank { align-items: center; display: flex; gap: 1rem; margin-block: 2rem; }
.theme-thm10 .thm10-gift-card__bank img { background: #fff; block-size: 3rem; inline-size: 5.5rem; object-fit: contain; padding: 0.35rem; }
.theme-thm10 .thm10-gift-card__bank strong { font-family: var(--theme-font-display); font-size: 1.55rem; }
.theme-thm10 .thm10-gift-card__account { margin-block: auto 1.5rem; }
.theme-thm10 .thm10-gift-card__account > span, .theme-thm10 .thm10-gift-card__account > strong, .theme-thm10 .thm10-gift-card__account > small { display: block; }
.theme-thm10 .thm10-gift-card__account > span { font-size: 0.75rem; font-weight: 700; letter-spacing: 0.11em; text-transform: uppercase; }
.theme-thm10 .thm10-gift-card__account > strong { font-family: var(--theme-font-display); font-size: clamp(1.4rem, 2.5cqw, 2.25rem); margin-block: 0.45rem; overflow-wrap: anywhere; }
.theme-thm10 .thm10-gift__status { min-block-size: 1.6rem; }

/* Health. */
.theme-thm10 .thm10-health { align-items: start; background: var(--thm10-paper); display: grid; gap: clamp(2.5rem, 7cqw, 7rem); grid-template-columns: minmax(16rem, 0.7fr) minmax(0, 1.3fr); }
.theme-thm10 .thm10-health__copy h2 { font-size: clamp(2.5rem, 5.2cqw, 5.2rem); margin-block-end: 1rem; }
.theme-thm10 .thm10-health__copy > p:last-child { color: var(--thm10-muted); }
.theme-thm10 .thm10-health__grid { display: grid; gap: 1px; grid-template-columns: repeat(2, minmax(0, 1fr)); list-style: none; margin: 0; padding: 0; }
.theme-thm10 .thm10-health-card { background: var(--thm10-paper-deep); min-block-size: 14rem; padding: clamp(1.3rem, 2.8cqw, 2.3rem); }
.theme-thm10 .thm10-health-card__number { color: var(--thm10-orange); display: block; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.15em; margin-block-end: 2rem; }
.theme-thm10 .thm10-health-card strong { display: block; font-family: var(--theme-font-display); font-size: 1.45rem; margin-block-end: 0.65rem; }
.theme-thm10 .thm10-health-card p { color: var(--thm10-muted); margin: 0; }

/* Closing. */
.theme-thm10 .thm10-closing { background: var(--thm10-ink); color: var(--thm10-paper); display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(25rem, 0.85fr); min-block-size: min(58rem, 100dvh); overflow: hidden; position: relative; }
.theme-thm10 .thm10-closing__media { grid-column: 1; grid-row: 1; margin: 0; min-block-size: 100%; overflow: hidden; position: relative; }
.theme-thm10 .thm10-closing__media img { block-size: 100%; inline-size: 100%; object-fit: cover; }
.theme-thm10 .thm10-closing__wash { background: linear-gradient(90deg, transparent 58%, var(--thm10-ink)); inset: 0; position: absolute; }
.theme-thm10 .thm10-closing__monogram { align-items: center; background: linear-gradient(145deg, var(--thm10-orange), var(--thm10-burnt) 60%, var(--thm10-ink)); color: var(--thm10-paper); display: flex; font-family: var(--theme-font-display); font-size: clamp(9rem, 18cqw, 18rem); font-weight: 700; grid-column: 1; grid-row: 1; justify-content: center; letter-spacing: -0.12em; }
.theme-thm10 .thm10-closing__copy { align-self: center; grid-column: 2; grid-row: 1; max-inline-size: 44rem; padding: clamp(2.5rem, 6cqw, 7rem); position: relative; z-index: 2; }
.theme-thm10 .thm10-closing__copy .thm10-kicker { color: var(--thm10-apricot); }
.theme-thm10 .thm10-closing__copy h2 { font-size: clamp(3.5rem, 7cqw, 7rem); margin-block-end: 1.5rem; overflow-wrap: anywhere; }
.theme-thm10 .thm10-closing__copy h2 span { display: block; }
.theme-thm10 .thm10-closing__copy h2 i { color: var(--thm10-orange); font-family: var(--theme-font-body); font-size: 0.38em; font-style: normal; letter-spacing: 0; }
.theme-thm10 .thm10-closing--names-long .thm10-closing__copy h2 { font-size: clamp(3rem, 6cqw, 6rem); }
.theme-thm10 .thm10-closing--names-xlong .thm10-closing__copy h2 { font-size: clamp(2.4rem, 5cqw, 5rem); line-height: 1.04; }
.theme-thm10 .thm10-closing__copy > p:not(.thm10-kicker) { color: color-mix(in srgb, var(--thm10-paper) 76%, transparent); }
.theme-thm10 .thm10-closing__copy time { border-block: 1px solid color-mix(in srgb, #fff 25%, transparent); display: inline-block; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.14em; margin-block: 1rem 2rem; padding-block: 0.7rem; text-transform: uppercase; }
.theme-thm10 .thm10-closing__copy > small { color: color-mix(in srgb, #fff 60%, transparent); display: block; font-size: 0.75rem; }
.theme-thm10 .thm10-closing__copy > small a { align-items: center; display: inline-flex; justify-content: center; min-block-size: 2.75rem; min-inline-size: 2.75rem; padding-inline: 0.2rem; }

/* Responsive composition. */
@container (max-width: 62rem) {
    .theme-thm10 .thm10-cover { grid-template-columns: minmax(0, 52fr) minmax(20rem, 48fr); }
    .theme-thm10 .thm10-intro__editorial { grid-column: 1 / span 7; }
    .theme-thm10 .thm10-intro__date-art { grid-column: 8 / span 5; }
    .theme-thm10 .thm10-intro__hero { grid-column: 7 / -1; grid-row: 2; }
    .theme-thm10 .thm10-intro__hero :where(img, .thm10-intro__monogram) { aspect-ratio: 16 / 10; inline-size: 100%; }
    .theme-thm10 .thm10-couple__profiles { gap: 2rem; }
    .theme-thm10 .thm10-events__tickets { grid-template-columns: 1fr; }
    .theme-thm10 .thm10-livestream { grid-template-columns: 8rem minmax(0, 1fr); }
    .theme-thm10 .thm10-livestream__access { grid-column: 1 / -1; inline-size: 100%; }
    .theme-thm10 .thm10-rsvp__layout { grid-template-columns: minmax(16rem, 0.8fr) minmax(0, 1.2fr); }
    .theme-thm10 .thm10-closing { grid-template-columns: minmax(0, 0.95fr) minmax(22rem, 1.05fr); }
}

@container (max-width: 47.99rem) {
    .theme-thm10 .thm10-section { padding-block: clamp(4rem, 15cqw, 6rem); }
    .theme-thm10 .thm10-cover { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(11rem, 42fr) minmax(0, 58fr); inline-size: 100%; }
    .theme-thm10 .thm10-cover__media { grid-column: 1; grid-row: 1; min-block-size: 0; }
    .theme-thm10 .thm10-cover__copy { background: var(--thm10-paper); grid-column: 1; grid-row: 2; inline-size: 100%; max-block-size: 58dvh; max-inline-size: none; min-inline-size: 0; padding: clamp(1rem, 4.5cqw, 1.7rem); }
    .theme-thm10 .thm10-cover__brush { block-size: 4rem; inline-size: 14rem; inset-block-start: calc(42% - 1.8rem); inset-inline-end: -2rem; }
    .theme-thm10 .thm10-cover__edition { margin-block-end: 0.6rem; padding-block-end: 0.35rem; }
    .theme-thm10 .thm10-cover__eyebrow { font-size: 0.75rem; margin-block-end: 0.45rem; }
    .theme-thm10 .thm10-cover h1, .theme-thm10 .thm10-cover--names-long h1, .theme-thm10 .thm10-cover--names-xlong h1 { font-size: clamp(2rem, 10.2cqw, 3.25rem); inline-size: 100%; line-height: 0.94; margin-block-end: 0.5rem; max-inline-size: 14ch; min-inline-size: 0; }
    .theme-thm10 .thm10-cover time { font-size: 0.75rem; margin-block-end: 0.55rem; padding-block: 0.35rem; }
    .theme-thm10 .thm10-cover__guest { inline-size: 100%; margin-block-end: 0.55rem; min-inline-size: 0; }
    .theme-thm10 .thm10-cover__guest span { font-size: 0.75rem; }
    .theme-thm10 .thm10-cover__guest strong { font-size: 1rem; }
    .theme-thm10 .thm10-cover .thm10-button { font-size: 0.8125rem; min-block-size: 2.8rem; padding: 0.55rem 0.9rem; }

    .theme-thm10 .thm10-nav { inline-size: calc(100% + (2 * var(--thm10-gutter))); max-inline-size: none; overflow-x: auto; padding-inline: var(--thm10-gutter); scrollbar-width: none; }
    .theme-thm10 .thm10-nav__brand { flex: 0 0 auto; }
    .theme-thm10 .thm10-nav__brand strong { display: none; }
    .theme-thm10 .thm10-nav__links { flex: 0 0 auto; margin-inline-start: 1rem; min-inline-size: max-content; }
    .theme-thm10 .thm10-nav__links a { min-inline-size: 2.75rem; white-space: nowrap; }

    .theme-thm10 .thm10-intro__grid { display: grid; gap: 2.5rem; grid-template-columns: minmax(0, 1fr); padding-block: 3.5rem; }
    .theme-thm10 .thm10-intro__editorial, .theme-thm10 .thm10-intro__date-art, .theme-thm10 .thm10-intro__hero { grid-column: 1; grid-row: auto; inline-size: 100%; min-inline-size: 0; }
    .theme-thm10 .thm10-intro__editorial h2 { font-size: clamp(2.7rem, 13cqw, 4.5rem); }
    .theme-thm10 .thm10-intro__date-art { display: grid; gap: 1rem; grid-template-columns: minmax(5rem, 0.35fr) minmax(0, 0.65fr); }
    .theme-thm10 .thm10-intro__date-art > span { align-self: end; }
    .theme-thm10 .thm10-intro__date-art strong { font-size: clamp(5rem, 25cqw, 8rem); }
    .theme-thm10 .thm10-intro__hero :where(img, .thm10-intro__monogram) { aspect-ratio: 4 / 4.7; max-block-size: none; }
    .theme-thm10 .thm10-countdown > .thm10-kicker { grid-column: 1 / -1; }

    .theme-thm10 .thm10-couple__heading,
    .theme-thm10 .thm10-events__heading,
    .theme-thm10 .thm10-heading--split { display: grid; grid-template-columns: minmax(0, 1fr); }
    .theme-thm10 .thm10-couple__heading .thm10-kicker,
    .theme-thm10 .thm10-events__heading .thm10-kicker { grid-column: 1; }
    .theme-thm10 .thm10-couple__profiles { grid-template-columns: minmax(0, 1fr); }
    .theme-thm10 .thm10-profile:nth-child(even) { margin-block-start: 0; }
    .theme-thm10 .thm10-profile__copy { margin-inline: 0.7rem; }
    .theme-thm10 .thm10-event { grid-template-columns: minmax(4.8rem, 0.28fr) minmax(0, 0.72fr); }

    .theme-thm10 .thm10-dresscode, .theme-thm10 .thm10-livestream, .theme-thm10 .thm10-health { display: grid; grid-template-columns: minmax(0, 1fr); }
    .theme-thm10 .thm10-dresscode__palette { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .theme-thm10 .thm10-dresscode__swatch { min-block-size: 12rem; }
    .theme-thm10 .thm10-livestream__signal { inline-size: 7rem; }
    .theme-thm10 .thm10-livestream__access { grid-column: 1; }

    .theme-thm10 .thm10-story-entry { display: grid; gap: 1.7rem; grid-template-columns: minmax(0, 1fr); }
    .theme-thm10 .thm10-story-entry :where(.thm10-story-entry__visual, .thm10-story-entry__copy), .theme-thm10 .thm10-story-entry--even :where(.thm10-story-entry__visual, .thm10-story-entry__copy) { grid-column: 1; grid-row: auto; }
    .theme-thm10 .thm10-story-entry--even .thm10-story-entry__visual { grid-row: 1; }
    .theme-thm10 .thm10-story-entry--even .thm10-story-entry__copy { grid-row: 2; }


    .theme-thm10 .thm10-rsvp { padding-inline: var(--thm10-gutter); }
    .theme-thm10 .thm10-rsvp__layout { display: grid; grid-template-columns: minmax(0, 1fr); }
    .theme-thm10 .thm10-rsvp__aside { min-block-size: 30rem; padding: 2rem; }
    .theme-thm10 .thm10-rsvp__form { padding: 1.5rem; }
    .theme-thm10 .thm10-attendance__options { grid-template-columns: 1fr; }

    .theme-thm10 .thm10-wishes__guestbook { grid-template-columns: minmax(0, 1fr); }
    .theme-thm10 .thm10-wishes__form, .theme-thm10 .thm10-wishes__messages { padding: 1.4rem; }
    .theme-thm10 .thm10-health__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

    .theme-thm10 .thm10-closing { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(18rem, 44fr) minmax(0, 56fr); min-block-size: 100dvh; }
    .theme-thm10 :where(.thm10-closing__media, .thm10-closing__monogram) { grid-column: 1; grid-row: 1; min-block-size: 0; }
    .theme-thm10 .thm10-closing__wash { background: linear-gradient(180deg, transparent 45%, var(--thm10-ink)); }
    .theme-thm10 .thm10-closing__copy { align-self: stretch; background: var(--thm10-ink); display: flex; flex-direction: column; grid-column: 1; grid-row: 2; justify-content: center; max-inline-size: none; padding: 2rem var(--thm10-gutter); }
    .theme-thm10 .thm10-closing__copy h2, .theme-thm10 .thm10-closing--names-long .thm10-closing__copy h2, .theme-thm10 .thm10-closing--names-xlong .thm10-closing__copy h2 { font-size: clamp(2.7rem, 13cqw, 4.5rem); }
}

@container (max-width: 22.49rem) {
    .theme-thm10 .thm10-countdown { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .theme-thm10 .thm10-countdown > div:nth-of-type(3) { border-block-start: 1px solid var(--thm10-line); border-inline-start: 0; }
    .theme-thm10 .thm10-countdown > div:nth-of-type(4) { border-block-start: 1px solid var(--thm10-line); }
    .theme-thm10 .thm10-event { grid-template-columns: minmax(0, 1fr); }
    .theme-thm10 .thm10-event__date { border-block-end: 1px dashed var(--thm10-line); border-inline-end: 0; text-align: start; }
    .theme-thm10 .thm10-dresscode__palette, .theme-thm10 .thm10-health__grid { grid-template-columns: 1fr; }
}

@media (max-height: 43rem) and (max-width: 48rem) and (orientation: landscape) {
    .theme-thm10 .thm10-cover { grid-template-columns: minmax(12rem, 42fr) minmax(0, 58fr); grid-template-rows: minmax(0, 1fr); }
    .theme-thm10 .thm10-cover__media { grid-column: 1; grid-row: 1; }
    .theme-thm10 .thm10-cover__copy { grid-column: 2; grid-row: 1; max-block-size: 100dvh; }
    .theme-thm10 .thm10-cover__brush { inset-block-start: 15%; inset-inline-end: 50%; }
}

@media (prefers-reduced-motion: reduce) {
    .theme-thm10 .thm10-cover,.theme-thm10 .thm10-button,.theme-thm10 .thm10-gallery__piece img { transition-duration: 1ms !important; }
    .theme-thm10 .thm10-livestream__signal span { animation: none; }
}

@media (forced-colors: active) {
    .theme-thm10 :focus-visible { outline-color: Highlight !important; }
}

/* Floating controls use the shared dock (theme-system.css), coloured for this theme. */
.thm10-dock {
    --theme-dock-bg: #241815;
    --theme-dock-fg: #fff8ee;
    --theme-dock-border: rgba(255, 248, 238, 0.3);
    --theme-dock-bg-on-dark: rgba(255, 248, 238, 0.95);
    --theme-dock-fg-on-dark: #241815;
    --theme-dock-border-on-dark: rgba(36, 24, 21, 0.2);
}

/* Small phones: every navigation link, RSVP included, fits without scrolling. */
@media (max-width: 400px) {
    .theme-thm10 .thm10-nav__links { margin-inline-start: 0.6rem; gap: 0.15rem; }
    .theme-thm10 .thm10-nav__links a { letter-spacing: 0.06em; }
}


/* Revisions after the 2026-10-12 review ------------------------------------ */

/* The hero caption reads in ink on the orange band (5.3:1). */
.theme-thm10 .thm10-intro__hero figcaption {
    color: var(--thm10-ink);
}

/* One map control per event. */
.theme-thm10 .thm10-map .theme-v2-map__panel iframe {
    filter: saturate(0.8);
}

/* The month column never breaks a word. */
.theme-thm10 .thm10-event__date small {
    white-space: nowrap;
}

/* Desktop: the companion photograph carries no second set of names. */
@media (min-width: 1024px) {
    body.theme-thm10 .desktop-invitation-shell--enabled:not(.desktop-invitation-shell--without-photo) .desktop-invitation-shell__copy,
    body.theme-thm10 .desktop-invitation-shell--enabled:not(.desktop-invitation-shell--without-photo) .desktop-invitation-shell__monogram {
        display: none;
    }
}

/* Desktop cover: the sticker bridges the photo seam low down, clear of the
   date and names. */
@media (min-width: 64rem) {
    .theme-thm10 .thm10-cover__brush {
        inset-block-start: auto;
        inset-block-end: 12%;
        inset-inline-end: calc(40% - 6rem);
    }
}


/* Revisions after the 2026-10-14 review ------------------------------------ */

/* Display headings: enough leading that descenders never touch the next line. */
.theme-thm10 :where(h1, h2, h3, h4) {
    line-height: 1.07;
    word-spacing: 0.04em;
}

/* Hero caption sits above the photo's inner frame line instead of under it. */
.theme-thm10 .thm10-intro__hero figcaption {
    position: relative;
    z-index: 2;
}

/* RSVP: the "RSVP" watermark keeps its own band below the copy. */
.theme-thm10 .thm10-rsvp__aside {
    justify-content: flex-start;
    padding-block-end: calc(clamp(6rem, 12cqw, 12rem) * 0.85);
}

/* Gift cards size to their content, with no empty band before the number. */
.theme-thm10 .thm10-gift-card {
    min-block-size: 0;
}

.theme-thm10 .thm10-gift-card__bank {
    margin-block: 1.4rem;
}

.theme-thm10 .thm10-gift-card__account {
    margin-block: 0.4rem 1.2rem;
}

/* Tablet columns: headings sized for half the page. */
@container (min-width: 48rem) and (max-width: 62rem) {
    .theme-thm10 :is(.thm10-dresscode__copy, .thm10-health__copy) h2 {
        font-size: clamp(2.4rem, 5cqw, 3.3rem);
    }

    .theme-thm10 .thm10-rsvp__aside h2 {
        font-size: clamp(2.6rem, 5.2cqw, 3.6rem);
    }
}

@container (max-width: 47.99rem) {
    /* Save-the-date label reads on one line above the big date. */
    .theme-thm10 .thm10-intro__date-art > span,
    .theme-thm10 .thm10-intro__date-art time,
    .theme-thm10 .thm10-intro__date-art p {
        grid-column: 1 / -1;
        align-self: start;
    }

    .theme-thm10 .thm10-intro__date-art time {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        column-gap: 1rem;
        align-items: end;
    }

    .theme-thm10 .thm10-intro__date-art time strong {
        grid-row: 1 / span 2;
    }

    .theme-thm10 .thm10-intro__date-art time :where(span, small) {
        margin-block: 0 0.35rem;
    }

    .theme-thm10 .thm10-intro__date-art p {
        margin-block-start: 0;
    }

    /* RSVP intro no longer leaves an empty orange screen. */
    .theme-thm10 .thm10-rsvp__aside {
        min-block-size: 0;
    }

    /* Care notes: one readable card per row. */
    .theme-thm10 .thm10-health__grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .theme-thm10 .thm10-health-card {
        min-block-size: 0;
    }

    .theme-thm10 .thm10-health-card__number {
        margin-block-end: 0.9rem;
    }
}

/* Closing: the ampersand is part of the pair, not a stray orange speck. */
.theme-thm10 .thm10-closing__copy h2 i {
    display: block;
    margin-block: 0.08em;
    font-family: var(--theme-font-display);
    font-size: 0.55em;
    font-style: italic;
    font-weight: 500;
    line-height: 1;
}

/* Phones: the stacked save-the-date label runs on one line above the date. */
@container (max-width: 47.99rem) {
    .theme-thm10 .thm10-intro__date-art > span br {
        display: none;
    }

    .theme-thm10 .thm10-intro__date-art > span {
        word-spacing: 0.3em;
    }
}

/* Names wrap only between words: a name shrinks to its line instead (the templates estimate --thm10-name-em). */
.theme-thm10 .thm10-cover h1,
.theme-thm10 .thm10-closing h2 {
    container-type: inline-size;
}

.theme-thm10 .thm10-cover h1 > span,
.theme-thm10 .thm10-closing h2 > span {
    font-size: min(1em, max(1rem, 92cqi / var(--thm10-name-em, 3)));
    overflow-wrap: break-word;
}

/* Revisions after the 2026-10-24 review ------------------------------------ */

/* Video: each film is a plate with an orange number tag and a brush stroke peeking
   out beneath it, on warm paper between the gallery and the orange RSVP. One film
   is centred; several sit in rows that never leave a film alone. */
.theme-thm10 .thm10-video {
    --theme-video-gap: clamp(1.25rem, 2.6cqw, 2.25rem);
    --theme-video-radius: 0;
    --theme-video-border: transparent;
    --theme-video-frame: var(--thm10-ink);
    --theme-video-button: var(--thm10-burnt);
    --theme-video-button-text: #fff;
    background: var(--thm10-paper-deep);
}

.theme-thm10 .thm10-video__heading {
    margin-block-end: clamp(3rem, 7cqw, 6rem);
}

.theme-thm10 .thm10-video .thm10-video__reel {
    display: grid;
    inline-size: 100%;
    grid-template-columns: minmax(0, 1fr);
    gap: clamp(2.25rem, 4cqw, 3rem) var(--theme-video-gap);
    counter-reset: thm10-film;
}

.theme-thm10 .thm10-video[data-video-count="1"] .thm10-video__reel {
    max-inline-size: 62rem;
}

.theme-thm10 .thm10-video .theme-video__item {
    position: relative;
    container-type: inline-size;
    counter-increment: thm10-film;
}

/* The brush stroke sits under the plate and shows past its lower corner. */
.theme-thm10 .thm10-video .theme-video__item::before {
    position: absolute;
    z-index: 0;
    top: calc(56.25cqi - 0.55rem);
    right: -0.7rem;
    inline-size: 46%;
    block-size: 1.15rem;
    background: var(--thm10-orange);
    clip-path: polygon(0 22%, 88% 0, 100% 40%, 92% 78%, 7% 100%);
    content: "";
}

.theme-thm10 .thm10-video .theme-video__frame {
    z-index: 1;
}

/* The film's number, tagged like the gallery's prints. */
.theme-thm10 .thm10-video:not([data-video-count="1"]) .theme-video__frame::before {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    padding: 0.55rem 0.7rem;
    background: var(--thm10-orange);
    color: var(--thm10-ink);
    content: counter(thm10-film, decimal-leading-zero);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    line-height: 1.35;
}

.theme-thm10 .thm10-video .theme-video__frame[data-video-state="playing"]::before {
    display: none;
}

/* The whole plate is the play button: a guest taps the film, not a small target. */
body.theme-thm10 .thm10-video .theme-video__play {
    z-index: 2;
    align-self: stretch;
    justify-self: stretch;
    justify-content: center;
}

body.theme-thm10 .thm10-video .theme-video__play,
body.theme-thm10 .thm10-video .theme-video__frame--link {
    font-family: var(--theme-font-body);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.12em;
}

/* The play mark is the theme's square burnt button, growing with its plate. */
.theme-thm10 .thm10-video .theme-video__play-icon {
    width: clamp(3.25rem, 13cqi, 4.75rem);
    border-radius: 0;
    box-shadow: 0 0.9rem 2.2rem rgba(36, 24, 21, 0.32);
}

.theme-thm10 .thm10-video :is(.theme-video__play, .theme-video__frame--link):is(:hover, :focus-visible) {
    --theme-video-button: var(--thm10-ink);
}

/* Focus rings the whole plate in burnt orange. The frame clips its button, so the
   ring is drawn on the frame; browsers without :has() keep an inner ring. */
.theme-thm10 .thm10-video .theme-video__play:focus-visible {
    outline: 2px solid #fff !important;
    outline-offset: -0.55rem !important;
}

.theme-thm10 .thm10-video .theme-video__frame--link:focus-visible {
    outline: 3px solid var(--thm10-burnt) !important;
    outline-offset: 3px !important;
}

.theme-thm10 .thm10-video .theme-video__frame:has(.theme-video__play:focus-visible) {
    outline: 3px solid var(--thm10-burnt);
    outline-offset: 3px;
}

@supports selector(:has(*)) {
    .theme-thm10 .thm10-video .theme-video__play:focus-visible {
        outline-color: transparent !important;
    }
}

body.theme-thm10 .thm10-video .theme-video__caption {
    margin-top: 1.15rem;
    font-family: var(--theme-font-display);
    font-size: clamp(1.2rem, 2cqw, 1.5rem);
    font-weight: 600;
    letter-spacing: -0.03em;
    line-height: 1.2;
    text-align: left;
}

@container (min-width: 48rem) {
    .theme-thm10 .thm10-video:not([data-video-count="1"]) .thm10-video__reel {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    /* Films pair up; an odd last one is centred under the pairs. */
    .theme-thm10 .thm10-video:not([data-video-count="1"]) .theme-video__item:last-child:nth-child(odd) {
        grid-column: 1 / -1;
        justify-self: center;
        width: calc((100% - var(--theme-video-gap)) / 2);
    }
}

@container (min-width: 62.01rem) {
    .theme-thm10 .thm10-video:not([data-video-count="1"]) .thm10-video__reel {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    /* Three films to a row; two, four and the first pair of five sit two to a row. */
    .theme-thm10 .thm10-video:not([data-video-count="1"]) .theme-video__item {
        grid-column: span 2;
    }

    .theme-thm10 .thm10-video:is([data-video-count="2"], [data-video-count="4"]) .theme-video__item,
    .theme-thm10 .thm10-video[data-video-count="5"] .theme-video__item:nth-child(-n + 2) {
        grid-column: span 3;
    }

    .theme-thm10 .thm10-video:not([data-video-count="1"]) .theme-video__item:last-child:nth-child(odd) {
        grid-column: span 2;
        justify-self: stretch;
        width: auto;
    }
}

/* Kirim Kado: sibling cards of the gift grid on warm paper, after the ink gift
   band. Each card has a "Kirim kado" masthead and its number, like the transfer
   cards. One card keeps a comfortable width; two or three share a row. */
.theme-thm10 .thm10-gift-address {
    background: var(--thm10-paper-deep);
}

.theme-thm10 .thm10-gift-address .thm10-gift-address__cards {
    display: grid;
    inline-size: 100%;
    grid-template-columns: minmax(0, 1fr);
    justify-content: start;
    gap: 1rem;
    counter-reset: thm10-address;
}

.theme-thm10 .thm10-gift-address .theme-gift-address__card {
    position: relative;
    align-items: flex-start;
    gap: 0;
    padding: clamp(1.4rem, 3cqw, 2.5rem);
    border: 0;
    background: var(--thm10-orange);
    color: var(--thm10-ink);
    counter-increment: thm10-address;
    text-align: start;
}

.theme-thm10 .thm10-gift-address .theme-gift-address__card::before {
    align-self: stretch;
    margin-block-end: 1.4rem;
    padding-block-end: 0.8rem;
    border-block-end: 1px solid color-mix(in srgb, var(--thm10-ink) 30%, transparent);
    content: "Kirim kado";
    content: "Kirim kado" / "";
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.13em;
    line-height: 1.35;
    text-transform: uppercase;
}

.theme-thm10:lang(en) .thm10-gift-address .theme-gift-address__card::before {
    content: "Gift delivery";
    content: "Gift delivery" / "";
}

.theme-thm10 .thm10-gift-address .theme-gift-address__card::after {
    position: absolute;
    top: clamp(1.4rem, 3cqw, 2.5rem);
    right: clamp(1.4rem, 3cqw, 2.5rem);
    content: counter(thm10-address, decimal-leading-zero);
    content: counter(thm10-address, decimal-leading-zero) / "";
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.13em;
    line-height: 1.35;
}

body.theme-thm10 .thm10-gift-address .theme-gift-address__label {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.11em;
    opacity: 1;
}

body.theme-thm10 .thm10-gift-address .theme-gift-address__name {
    margin-block: 0.45rem 0.3rem;
    font-family: var(--theme-font-display);
    font-size: clamp(1.55rem, 2.6cqw, 2.25rem);
    font-weight: 600;
    letter-spacing: -0.04em;
    line-height: 1.1;
}

body.theme-thm10 .thm10-gift-address .theme-gift-address__phone a {
    display: inline-flex;
    min-block-size: 2.75rem;
    align-items: center;
    font-weight: 700;
}

body.theme-thm10 .thm10-gift-address .theme-gift-address__address {
    max-inline-size: 40ch;
    line-height: 1.65;
}

body.theme-thm10 .thm10-gift-address .theme-gift-address__note {
    margin-block-start: 0.55rem;
    color: color-mix(in srgb, var(--thm10-ink) 82%, transparent);
    font-size: 0.85rem;
    opacity: 1;
}

/* The copy button sits at the foot of its card, so cards in a row line up. */
.theme-thm10 .thm10-gift-address .theme-gift-address__card > :nth-last-child(2) {
    margin-block-end: 1.5rem;
}

body.theme-thm10 .thm10-gift-address .theme-gift-address__copy {
    margin-block-start: auto;
}

.theme-thm10 .thm10-gift-address .theme-gift-address__copy:focus-visible {
    outline: 3px solid var(--thm10-ink) !important;
    outline-offset: 3px !important;
}

.theme-thm10 .thm10-gift-address .theme-gift-address__copy[data-copy-state="copied"] {
    background: var(--thm10-ink);
    border-color: var(--thm10-ink);
    color: var(--thm10-paper);
}

@container (min-width: 48rem) {
    .theme-thm10 .thm10-gift-address .thm10-gift-address__cards[data-address-count="1"] {
        grid-template-columns: minmax(0, 36rem);
    }

    .theme-thm10 .thm10-gift-address .thm10-gift-address__cards:not([data-address-count="1"]) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .theme-thm10 .thm10-gift-address .thm10-gift-address__cards[data-address-count="3"] > :first-child {
        grid-column: 1 / -1;
    }
}

@container (min-width: 62.01rem) {
    .theme-thm10 .thm10-gift-address .thm10-gift-address__cards[data-address-count="3"] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .theme-thm10 .thm10-gift-address .thm10-gift-address__cards[data-address-count="3"] > :first-child {
        grid-column: auto;
    }

    /* Events: one celebration is a single centred ticket; more share rows of two or
       three, so the last row never holds a single ticket. */
    .theme-thm10 .thm10-events__tickets {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .theme-thm10 .thm10-events__tickets > .thm10-event {
        grid-column: span 2;
    }

    .theme-thm10 .thm10-events__tickets:is([data-event-count="2"], [data-event-count="4"]) > .thm10-event,
    .theme-thm10 .thm10-events__tickets[data-event-count="5"] > .thm10-event:nth-child(-n + 2) {
        grid-column: span 3;
    }

    .theme-thm10 .thm10-events__tickets[data-event-count="1"] {
        grid-template-columns: minmax(0, 46rem);
        justify-content: center;
    }

    .theme-thm10 .thm10-events__tickets[data-event-count="1"] > .thm10-event {
        grid-column: auto;
    }
}

/* Teks & Font: a text the couple writes may hold one long word (Bapak/Ibu/Saudara/i). Body text
   breaks instead of pushing past its column (headings shrink first: text-fit.js). Zero
   specificity, so the theme's own wrapping rules win. */
:where(body.theme-thm10) :where(h4, p, small, li, blockquote, figcaption) {
    overflow-wrap: break-word;
}

/* Section titles keep whole words, so a longer title or a wider custom font shrinks first
   (text-fit.js) instead of breaking mid-word at full size; the body's overflow-wrap: anywhere
   (theme-system.css) still applies to everything else. */
:where(body.theme-thm10) :where(.thm10-section h2[id]) {
    overflow-wrap: normal;
}

/* On phones the live stream and health blocks are centred with auto margins, so in their grid
   cell the longest word set their width; the cell now caps them and a long title shrinks inside it (text-fit.js). */
@container (max-width: 47.99rem) {
    .theme-thm10 :is(.thm10-livestream, .thm10-health) > :where(header, div, figure, blockquote) {
        max-inline-size: min(82rem, 100%);
    }
}

/* Care notes: in two columns an odd last note spans the row instead of sitting beside an
   empty cell (three notes left a hole on tablets and desktops). */
.theme-thm10 .thm10-health__grid > :last-child:nth-child(odd) {
    grid-column: 1 / -1;
}

/* Cover names: the ampersand is its own short line. Inline between the two block names it
   took a full name-sized line box, which opened a wide gap above and below it on desktop. */
.theme-thm10 .thm10-cover h1 i {
    display: block;
    line-height: 1.1;
}

/* Gift lead on the ink band: the shared heading rule (.thm10-heading > p:last-child, muted brown)
   outranked the band's light text colour, leaving the lead at 2.9:1 on ink. */
.theme-thm10 .thm10-gift__heading.thm10-heading > p:not(.thm10-kicker) {
    color: #dbc6b9;
}