.alkalmak-page { overflow: clip; }
.alkalmak-page .section { position: relative; }
.alkalmak-hero__grid { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); align-items: center; gap: 2rem; }
.alkalmak-hero__copy { min-width: 0; max-width: 58ch; }
.alkalmak-hero__copy h1 { max-width: 13ch; }
.alkalmak-hero__lead { max-width: 58ch; font-size: var(--text-lead); line-height: var(--line-lead); }
.alkalmak-hero__actions { display: flex; flex-wrap: wrap; min-width: 0; align-items: center; gap: 1rem; }
.alkalmak-hero__actions > * { min-width: 0; }
.alkalmak-hero__visual { position: relative; min-width: 0; width: 100%; padding: 1.5rem 0 1.5rem 1rem; }
.alkalmak-hero__photo { width: 100%; transform: rotate(1deg); transition: transform var(--transition-base); }
.alkalmak-hero__photo img { object-position: center center; }
.alkalmak-hero__visual::before { position: absolute; z-index: -1; top: .25rem; right: 1rem; width: 48%; height: 42%; background: var(--color-butter); content: ""; transform: rotate(-2deg); }
.alkalmak-hero__note { margin: .5rem 0 0 1rem; transform: rotate(-3deg); }
.alkalmak-hero__photo:hover { transform: rotate(2deg); }

.alkalmak-types { border-top: 1px solid var(--color-soft-line); }
.alkalmak-types__intro { min-width: 0; max-width: 66ch; }
.alkalmak-types__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; min-width: 0; }
.alkalom-card { display: flex; min-width: 0; flex-direction: column; align-items: stretch; gap: 1rem; padding: 1.5rem; border: var(--border-soft); background: var(--color-paper); transition: transform var(--transition-fast), box-shadow var(--transition-fast); }
.alkalom-card > * { min-width: 0; margin: 0; }
.alkalom-card .stamp { align-self: flex-start; }
.alkalom-card h3 { font-size: var(--text-h4); }
.alkalom-card p { max-width: 32ch; }
.alkalom-card--butter { background: var(--color-butter); border-color: color-mix(in srgb, var(--color-graphite) 40%, var(--color-soft-line)); }
.alkalom-card:hover { transform: translateY(-2px); box-shadow: var(--shadow-paper); }
.alkalom-card__details, .alkalom-card__tags { display: flex; min-width: 0; flex-wrap: wrap; gap: .5rem; padding: 0; }
.alkalom-card__details li { width: 100%; min-width: 0; padding-left: 1rem; position: relative; font-size: var(--text-sm); }
.alkalom-card__details li::before { position: absolute; left: 0; color: var(--color-blue-ink-dark); content: "—"; }
.alkalom-card__tags li { min-width: 0; padding: .25rem .5rem; border: 1px solid var(--color-graphite); font-size: var(--text-xs); font-weight: 700; }
.alkalom-card .text-link { margin-top: auto; align-self: flex-start; }

.alkalmak-safety { padding-block: 3rem; background: linear-gradient(180deg, transparent 0%, rgb(255 243 205 / 40%) 20%, rgb(255 243 205 / 40%) 80%, transparent 100%); }
.alkalmak-safety__panel { position: relative; display: flex; min-width: 0; max-width: 72ch; flex-direction: column; gap: 1.25rem; margin-inline: auto; padding: 2rem; border: var(--border-stamp); background: var(--color-paper); text-align: center; }
.alkalmak-safety__panel > * { min-width: 0; margin: 0; }
.alkalmak-safety__panel .eyebrow { align-self: center; }
.alkalmak-safety__statement { padding: 1.25rem; background: var(--color-butter); font-size: var(--text-lead); font-weight: 750; line-height: var(--line-lead); }
.alkalmak-safety__annotation { align-self: flex-end; margin-right: 1rem; }
.alkalmak-safety__points { display: grid; grid-template-columns: 1fr; gap: 1rem; min-width: 0; max-width: 56ch; margin-inline: auto; text-align: left; }
.alkalmak-safety__points > div { min-width: 0; padding-top: 1rem; border-top: var(--border-soft); }
.alkalmak-safety__points p { margin: .25rem 0 0; }

.alkalmak-birthday__grid { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); align-items: start; gap: 8.333%; }
.alkalmak-birthday__copy { display: flex; min-width: 0; max-width: 60ch; flex-direction: column; gap: 1rem; }
.alkalmak-birthday__copy > * { min-width: 0; margin: 0; }
.alkalmak-birthday__lead { font-size: var(--text-lead); line-height: var(--line-lead); }
.alkalmak-birthday__questions { display: flex; min-width: 0; flex-direction: column; gap: 0; }
.alkalmak-birthday__questions details { min-width: 0; margin: 0; border-width: 1px 0 0; background: transparent; }
.alkalmak-birthday__questions details:last-child { border-bottom: var(--border-soft); }
.alkalmak-birthday__questions summary { display: flex; gap: .75rem; padding: 1rem 0; }
.alkalmak-birthday__questions summary span { color: var(--color-blue-ink-dark); font-weight: 800; }
.alkalmak-birthday__questions details > :not(summary) { padding: 0 0 1rem 2rem; }
.alkalmak-birthday__questions p { margin: 0; max-width: 50ch; }
.alkalmak-birthday__note { display: flex; min-width: 0; max-width: 54ch; flex-direction: column; gap: .75rem; }
.alkalmak-birthday__note > * { margin: 0; }
.alkalmak-birthday__note h3 { font-size: var(--text-h4); }
.alkalmak-birthday__figure { min-width: 0; width: 100%; padding-top: 1rem; }
.alkalmak-birthday__figure .photo-frame { width: 100%; transform: rotate(-1.5deg); }
.alkalmak-birthday__figure img { object-position: center top; }

.alkalmak-professional__intro { min-width: 0; max-width: 64ch; }
.alkalmak-professional__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 8.333%; min-width: 0; align-items: start; }
.alkalmak-professional__corporate, .alkalmak-professional__exhibition { min-width: 0; }
.alkalmak-professional__corporate { display: flex; flex-direction: column; gap: 1rem; }
.alkalmak-professional__corporate > * { min-width: 0; margin: 0; }
.alkalmak-professional__exhibition { display: flex; flex-direction: column; gap: 1rem; }
.alkalmak-professional__exhibition > * { min-width: 0; margin: 0; }
.alkalmak-professional__exhibition figure { width: 100%; }
.alkalmak-professional__exhibition img { object-position: left center; }
.alkalmak-rhythm { display: flex; flex-direction: column; gap: 1rem; padding: 0; }
.alkalmak-rhythm li { display: grid; grid-template-columns: minmax(7rem, .45fr) minmax(0, 1fr); gap: .75rem; min-width: 0; padding-left: 1rem; border-left: 2px solid var(--color-pencil-blue); }
.alkalmak-rhythm li span { min-width: 0; }
.alkalmak-professional__practical { display: flex; min-width: 0; flex-direction: column; gap: .75rem; border-top: var(--border-soft); padding-top: 1rem; }
.alkalmak-professional__practical p { margin: 0; }
.alkalmak-professional__safety { display: flex; min-width: 0; max-width: 72ch; flex-direction: column; gap: .5rem; margin-top: 2rem; }
.alkalmak-professional__safety > * { margin: 0; }
.alkalmak-professional__safety h3 { font-size: var(--text-h4); }
.alkalmak-professional__link { margin-top: 1.5rem; }

.alkalmak-selector { background: rgb(78 168 222 / 6%); }
.alkalmak-selector__intro { min-width: 0; max-width: 62ch; }
.alkalmak-selector__options { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; min-width: 0; margin: 2rem 0; padding: 0; border: 0; }
.alkalmak-selector__legend { width: 100%; margin-bottom: 1rem; padding: 0; font-size: var(--text-sm); }
.alkalmak-choice { display: block; min-width: 0; margin: 0; cursor: pointer; }
.alkalmak-choice input { position: absolute; inline-size: 1px; block-size: 1px; opacity: 0; pointer-events: none; }
.alkalmak-choice__body { display: flex; min-width: 0; min-height: 100%; flex-direction: column; gap: .5rem; padding: 1rem; border: var(--border-soft); background: var(--color-paper); }
.alkalmak-choice__body strong, .alkalmak-choice__body small, .alkalmak-choice__body em { min-width: 0; }
.alkalmak-choice__body strong { font-size: var(--text-lead); }
.alkalmak-choice__body small { font-size: var(--text-sm); line-height: var(--line-sm); }
.alkalmak-choice__body em { display: none; color: var(--color-blue-ink-dark); font-size: var(--text-xs); font-style: normal; font-weight: 800; text-transform: uppercase; }
.alkalmak-choice.is-selected .alkalmak-choice__body { border: 3px solid var(--color-pencil-blue); background: var(--color-butter); padding: calc(1rem - 2px); }
.alkalmak-choice.is-selected em { display: block; }
.alkalmak-choice input:focus-visible + .alkalmak-choice__body { outline: 3px solid var(--color-pencil-blue); outline-offset: 2px; }
.alkalmak-selector__result-row { display: grid; grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); gap: 1.5rem; min-width: 0; align-items: center; }
.alkalmak-selector__result { display: flex; min-width: 0; max-width: 62ch; flex-direction: column; gap: .75rem; }
.alkalmak-selector__result > * { margin: 0; }
.alkalmak-selector__cta { min-width: 0; width: 100%; }
.alkalmak-selector__cta .button-primary { width: 100%; }

.alkalmak-rhythm-section__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 2rem; min-width: 0; align-items: start; }
.alkalmak-rhythm-section__story { min-width: 0; max-width: 64ch; }
.alkalmak-rhythm-section__steps { margin-bottom: 0; }
.alkalmak-moments { display: flex; min-width: 0; flex-direction: column; gap: 1rem; }
.alkalmak-moment { display: flex; min-width: 0; flex-direction: column; gap: .75rem; padding: 1.25rem; border: var(--border-soft); background: var(--color-paper); }
.alkalmak-moment > * { min-width: 0; margin: 0; }
.alkalmak-moment:nth-child(1) { transform: rotate(-.8deg); }
.alkalmak-moment:nth-child(3) { transform: rotate(.8deg); }
.alkalmak-moment h3 { font-size: var(--text-h4); }
.alkalmak-moment details { margin: 0; background: transparent; }
.alkalmak-moment summary { padding: .5rem 0 0; color: var(--color-blue-ink-dark); }
.alkalmak-moment details > :not(summary) { padding: .75rem 0 0; }
.alkalmak-moment__safety { display: flex; min-width: 0; flex-direction: column; gap: .5rem; padding: 1rem; background: var(--color-butter); }
.alkalmak-moment__safety > * { margin: 0; }

.alkalmak-venue { padding-block: var(--section-space); }
.alkalmak-venue__intro { min-width: 0; max-width: 60ch; margin-inline: auto; text-align: center; }
.alkalmak-venue__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; min-width: 0; }
.alkalmak-venue__card { display: flex; min-width: 0; flex-direction: column; gap: 1rem; min-height: 100%; }
.alkalmak-venue__card > * { min-width: 0; margin: 0; }
.alkalmak-venue__card p { max-width: 34ch; }
.alkalmak-venue__card--butter { border: 1px solid color-mix(in srgb, var(--color-soft-line) 72%, var(--color-graphite)); background: var(--color-butter); box-shadow: var(--shadow-paper); }
.alkalmak-venue__card ul { display: flex; flex-wrap: wrap; gap: .5rem; padding: 0; }
.alkalmak-venue__card li { min-width: 0; padding: .25rem .5rem; border: var(--border-graphite); font-size: var(--text-xs); font-weight: 700; }
.alkalmak-venue__card .text-link { margin-top: auto; align-self: flex-start; }

.alkalmak-inspiration { border-top: var(--border-soft); }
.alkalmak-inspiration__intro { min-width: 0; max-width: 64ch; }
.alkalmak-inspiration__list { display: flex; min-width: 0; flex-direction: column; gap: 1rem; }
.alkalmak-inspiration__item { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 7fr) minmax(0, 3fr); gap: 1.5rem; min-width: 0; align-items: start; padding: 1.5rem; border: var(--border-soft); background: var(--color-paper); }
.alkalmak-inspiration__stamp, .alkalmak-inspiration__content, .alkalmak-inspiration__item > button { min-width: 0; }
.alkalmak-inspiration__content { max-width: 68ch; }
.alkalmak-inspiration__content h3 { font-size: var(--text-h4); }
.alkalmak-inspiration__detail { margin-top: 1rem; padding-top: 1rem; border-top: var(--border-soft); }
.alkalmak-inspiration__detail p { margin: 0; }
.alkalmak-inspiration__safety { margin: 1rem 0; padding: 1rem; background: var(--color-butter); }
.alkalmak-inspiration__safety p { margin: 0; font-weight: 700; }
.alkalmak-inspiration__item > button { width: 100%; }

.alkalmak-cta { padding-bottom: var(--space-9); }
.alkalmak-cta__panel { display: flex; min-width: 0; max-width: 62ch; flex-direction: column; align-items: center; gap: 1rem; margin-inline: auto; padding: 2rem; border: var(--border-soft); background: var(--color-paper); text-align: center; }
.alkalmak-cta__panel > * { min-width: 0; margin: 0; }
.alkalmak-cta__panel p { font-size: var(--text-lead); line-height: var(--line-lead); }
.alkalmak-brief__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; min-width: 0; margin-top: 2rem; }
.alkalmak-brief__grid article { min-width: 0; padding: 1.5rem; border: var(--border-soft); background: var(--color-butter); }
.alkalmak-brief__grid article:nth-child(1) { transform: rotate(-1deg); }
.alkalmak-brief__grid article:nth-child(3) { transform: rotate(1deg); }
.alkalmak-brief__grid article > * { min-width: 0; }
.alkalmak-brief__grid span { color: var(--color-blue-ink-dark); font-weight: 800; }
.alkalmak-brief__grid h3 { margin-top: .5rem; font-size: var(--text-h4); }
.alkalmak-brief__grid p { max-width: 30ch; margin-bottom: 0; }

@media (max-width: 61.24rem) {
.alkalmak-types__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.alkalmak-hero__grid { grid-template-columns: minmax(0, 5fr) minmax(16.25rem, 3fr); }
.alkalmak-selector__options { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 57.49rem) {
.alkalmak-hero__grid { grid-template-columns: 1fr; gap: 2rem; }
.alkalmak-hero__copy { max-width: 58ch; }
.alkalmak-hero__visual { max-width: 42rem; padding-left: 0; }
.alkalmak-professional__grid { grid-template-columns: 1fr; gap: 2rem; }
.alkalmak-professional__exhibition { max-width: 52ch; }
}
@media (max-width: 54.99rem) {
.alkalmak-selector__result-row { grid-template-columns: 1fr; }
.alkalmak-rhythm-section__grid { grid-template-columns: 1fr; gap: 2rem; }
.alkalmak-rhythm-section__story { max-width: 64ch; }
.alkalmak-moments { max-width: 40rem; }
}
@media (max-width: 48.74rem) {
.alkalmak-birthday__grid { grid-template-columns: 1fr; gap: 2rem; }
.alkalmak-birthday__figure { order: -1; max-width: 40rem; }
.alkalmak-birthday__figure .photo-frame { transform: rotate(-.75deg); }
.alkalmak-venue__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.alkalmak-venue__card:nth-child(3) { grid-column: 1 / -1; }
}
@media (max-width: 44.99rem) {
.alkalmak-inspiration__item { grid-template-columns: 1fr; gap: 1rem; }
.alkalmak-inspiration__item > button { width: 100%; }
}
@media (max-width: 39.99rem) {
.alkalmak-hero__copy h1 { max-width: 100%; font-size: clamp(2.5rem, 12vw, 3.5rem); }
.alkalmak-hero__actions { flex-direction: column; align-items: stretch; }
.alkalmak-hero__actions > * { width: 100%; }
.alkalmak-hero__note { margin-left: 0; transform: none; }
.alkalmak-types__grid, .alkalmak-selector__options, .alkalmak-venue__grid, .alkalmak-brief__grid { grid-template-columns: 1fr; }
.alkalmak-venue__card:nth-child(3) { grid-column: auto; }
.alkalom-card p { max-width: none; }
.alkalmak-safety__panel { padding: 1rem; text-align: left; }
.alkalmak-safety__panel .eyebrow { align-self: flex-start; }
.alkalmak-safety__annotation { align-self: flex-start; margin-right: 0; }
.alkalmak-safety__statement { font-size: var(--text-lead); }
.alkalmak-cta__panel { align-items: stretch; padding: 1rem; text-align: left; }
.alkalmak-cta__panel .eyebrow { align-self: flex-start; }
.alkalmak-cta__panel .button-primary { width: 100%; }
.alkalmak-brief__grid article:nth-child(n) { transform: none; }
.alkalmak-moment:nth-child(n) { transform: none; }
}
@media (prefers-reduced-motion: reduce) {
.alkalmak-hero__photo, .alkalmak-hero__photo:hover, .alkalmak-birthday__figure .photo-frame, .alkalmak-moment:nth-child(n), .alkalmak-brief__grid article:nth-child(n), .alkalom-card:hover { transform: none; }
}