#historia-page { overflow: clip; }
#historia-page .history-hero { position: relative; min-height: 64vh; display: grid; align-items: end; isolation: isolate; color: var(--color-white); background: var(--color-ink); }
#historia-page .history-hero__image, #historia-page .history-hero__overlay { position: absolute; inset: 0; width: 100%; height: 100%; }
#historia-page .history-hero__image { object-fit: cover; object-position: center center; z-index: -2; }
#historia-page .history-hero__overlay { z-index: -1; background: linear-gradient(90deg, rgb(16 19 18 / 82%) 0%, rgb(16 19 18 / 48%) 52%, rgb(16 19 18 / 22%) 100%), linear-gradient(0deg, rgb(16 19 18 / 72%), transparent 55%); }
#historia-page .history-hero__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-5); align-items: end; padding-block: clamp(5rem, 10vw, 8rem) var(--space-7); }
#historia-page .history-hero__copy { grid-column: 1 / span 7; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
#historia-page .history-hero__copy > * { margin: 0; }
#historia-page .history-hero__copy .tag { border-radius: 0; }
#historia-page .history-hero h1 { max-width: 8ch; font-size: clamp(3.5rem, 7vw, 5rem); }
#historia-page .history-hero__lead { max-width: 44rem; font-size: var(--text-lead); line-height: 1.4; }
#historia-page .history-hero__actions { display: flex; flex-wrap: wrap; gap: var(--space-3); min-width: 0; }
#historia-page .history-hero__caption { max-width: 38rem; color: rgb(255 255 255 / 75%); font-size: var(--text-sm); }
#historia-page .history-hero .button--secondary { color: var(--color-white); }
#historia-page .history-origin { grid-column: 9 / span 4; min-width: 0; padding: var(--space-5); border-left: 3px solid var(--color-field); background: var(--color-field-deep); background-image: linear-gradient(90deg, transparent 49%, rgb(255 255 255 / 15%) 50%, transparent 51%); display: flex; flex-direction: column; gap: var(--space-2); }
#historia-page .history-origin__label { font-size: var(--text-xs); font-weight: var(--weight-bold); letter-spacing: var(--tracking-label); text-transform: uppercase; }
#historia-page .history-origin__year { overflow-wrap: anywhere; font-family: var(--font-heading); font-size: clamp(2.2rem, 4vw, 3.8rem); font-weight: var(--weight-black); letter-spacing: var(--tracking-tight); line-height: .88; }
#historia-page .history-origin__note { font-size: var(--text-sm); line-height: 1.43; }
#historia-page .history-method__intro { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 4fr); justify-content: space-between; gap: var(--space-7); align-items: end; }
#historia-page .history-method__intro > *, #historia-page .history-principles > *, #historia-page .history-achievements__heading > *, #historia-page .achievement-grid > *, #historia-page .campaign-grid > *, #historia-page .history-gallery__heading > *, #historia-page .video-layout > *, #historia-page .video-formats > *, #historia-page .community-grid > *, #historia-page .history-contact__inner > *, #historia-page .history-final__inner > * { min-width: 0; }
#historia-page .history-method__intro h2, #historia-page .history-achievements__heading h2, #historia-page .history-gallery__heading h2, #historia-page .history-video__heading h2, #historia-page .history-community__heading h2, #historia-page .history-contact__copy h2 { margin-bottom: 0; }
#historia-page .history-method__note { max-width: 31rem; margin: 0; color: var(--color-muted-ink); font-size: var(--text-lead); line-height: 1.4; }
#historia-page .history-principles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-7); }
#historia-page .history-principle { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--space-4); padding: var(--space-5); border-top: 3px solid var(--color-field); background: var(--color-white); }
#historia-page .history-principle > div { min-width: 0; }
#historia-page .history-principle__number { color: var(--color-field-deep); font-family: var(--font-heading); font-size: 3rem; font-weight: var(--weight-black); line-height: .8; }
#historia-page .history-principle__number--signal { color: #a47d00; }
#historia-page .history-principle h3 { margin-bottom: var(--space-3); }
#historia-page .history-principle p { margin: 0; }
#historia-page .archive-state { display: inline-flex; min-height: 1.75rem; width: fit-content; align-items: center; padding: .35rem var(--space-2); border: 1px solid currentColor; border-radius: var(--radius-sm); font-size: var(--text-xs); font-weight: var(--weight-bold); letter-spacing: .04em; line-height: 1.1; text-transform: uppercase; }
#historia-page .archive-state--editable { color: var(--color-field-deep); background: rgb(24 184 90 / 10%); border-style: dashed; }
#historia-page .archive-state--confirm { color: var(--color-ink); background: var(--color-signal); }
#historia-page .archive-state--draft { color: var(--color-white); background: var(--color-field-deep); border-color: var(--color-white); }
#historia-page .archive-state--signal { color: var(--color-ink); background: var(--color-signal); }
#historia-page .archive-state--image { color: var(--color-ink); background: var(--color-white); }
#historia-page .history-timeline__heading { max-width: 44rem; }
#historia-page .history-timeline__heading p:last-child { margin-bottom: 0; }
#historia-page .history-timeline__filters { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-top: var(--space-6); }
#historia-page .timeline-filter { min-width: 0; min-height: 2.75rem; padding: .5rem var(--space-3); border: 1px solid var(--color-ink); border-radius: var(--radius-sm); background: transparent; font-size: var(--text-sm); }
#historia-page .timeline-filter.is-active { background: var(--color-ink); color: var(--color-white); }
#historia-page .timeline-list { position: relative; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-6) var(--space-5); margin: var(--space-7) 0 0; padding: 0; list-style: none; }
#historia-page .timeline-list::before { position: absolute; top: 0; bottom: 0; left: calc(50% - 1px); width: 2px; background: var(--color-field); content: ""; }
#historia-page .timeline-item { grid-column: 1 / span 5; min-width: 0; position: relative; }
#historia-page .timeline-item:nth-child(even) { grid-column: 8 / span 5; }
#historia-page .timeline-item::after { position: absolute; top: var(--space-5); width: var(--space-5); height: 2px; background: var(--color-field); content: ""; }
#historia-page .timeline-item:nth-child(odd)::after { right: calc(var(--space-5) * -1); }
#historia-page .timeline-item:nth-child(even)::after { left: calc(var(--space-5) * -1); }
#historia-page .timeline-card { display: flex; flex-direction: column; gap: var(--space-3); padding: var(--space-5); border: 1px solid var(--color-line); background: var(--color-paper); }
#historia-page .timeline-card > * { margin: 0; }
#historia-page .timeline-card__date { color: var(--color-field-deep); font-family: var(--font-heading); font-size: clamp(1.8rem, 3vw, 2.8rem); font-weight: var(--weight-black); letter-spacing: var(--tracking-tight); line-height: .95; }
#historia-page .timeline-card dl, #historia-page .achievement-sheet dl, #historia-page .campaign-card dl { display: grid; gap: var(--space-2); margin: 0; font-size: var(--text-sm); }
#historia-page .timeline-card dl div, #historia-page .achievement-sheet dl div, #historia-page .campaign-card dl div { display: grid; grid-template-columns: minmax(0, 40%) minmax(0, 60%); gap: var(--space-2); padding-top: var(--space-2); border-top: 1px solid var(--color-line); }
#historia-page .timeline-card dd, #historia-page .achievement-sheet dd, #historia-page .campaign-card dd { overflow-wrap: anywhere; }
#historia-page .timeline-card--deep { border-color: var(--color-field-deep); background: var(--color-field-deep); color: var(--color-white); background-image: linear-gradient(90deg, transparent 49.5%, rgb(255 255 255 / 12%) 50%, transparent 50.5%); }
#historia-page .timeline-card--deep .timeline-card__date { color: var(--color-signal); }
#historia-page .timeline-card--deep dl div { border-color: rgb(255 255 255 / 30%); }
#historia-page .timeline-card--final { border-left: 6px solid var(--color-field); }
#historia-page .timeline-copy { width: fit-content; min-height: 2.75rem; padding: 0; color: inherit; text-align: left; text-decoration: underline; text-underline-offset: .16em; }
#historia-page .history-achievements__heading { max-width: 42rem; }
#historia-page .history-achievements__heading p:last-child { margin-bottom: 0; }
#historia-page .achievement-status { display: grid; grid-template-columns: minmax(0, 7fr) auto minmax(0, 4fr); gap: var(--space-5); align-items: center; margin-top: var(--space-7); padding: var(--space-6); background: var(--color-ink); color: var(--color-white); }
#historia-page .achievement-status > * { min-width: 0; margin: 0; }
#historia-page .achievement-status h3 { margin: var(--space-2) 0 0; }
#historia-page .achievement-status > p { font-size: var(--text-sm); line-height: 1.43; }
#historia-page .achievement-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-5); }
#historia-page .achievement-sheet { grid-column: span 4; display: flex; flex-direction: column; gap: var(--space-3); padding: var(--space-5); border: 1px solid var(--color-line); background: var(--color-white); }
#historia-page .achievement-sheet > * { margin: 0; }
#historia-page .achievement-sheet--field { border-top: 5px solid var(--color-field); }
#historia-page .achievement-sheet__year { color: var(--color-field-deep); font-family: var(--font-heading); font-size: 2.8rem; font-weight: var(--weight-black); line-height: .85; }
#historia-page .achievement-source { grid-column: 10 / span 3; align-self: center; padding-left: var(--space-4); border-left: 3px solid var(--color-field); }
#historia-page .achievement-source p { font-size: var(--text-sm); line-height: 1.43; }
#historia-page .history-campaigns { display: grid; }
#historia-page .history-campaigns > .container { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-5); }
#historia-page .history-campaigns__heading { grid-column: 1 / span 5; }
#historia-page .history-campaigns__heading h2 { margin-bottom: 0; }
#historia-page .history-campaigns__intro { grid-column: 7 / span 5; align-self: end; max-width: 40rem; margin: 0; font-size: var(--text-lead); line-height: 1.4; }
#historia-page .campaign-grid { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-5); }
#historia-page .campaign-card { min-width: 0; display: flex; flex-direction: column; gap: var(--space-3); padding: var(--space-5); border: 1px solid var(--color-line); background: var(--color-paper); }
#historia-page .campaign-card > * { margin: 0; }
#historia-page .campaign-card header { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: var(--space-2); padding-bottom: var(--space-3); border-bottom: 3px solid var(--color-ink); font-size: var(--text-xs); font-weight: var(--weight-bold); letter-spacing: .06em; text-transform: uppercase; }
#historia-page .campaign-card--score { opacity: .92; }
#historia-page .campaign-card--deep { background: var(--color-field-deep); color: var(--color-white); }
#historia-page .campaign-cta { grid-column: 1 / -1; display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: var(--space-5); margin-top: var(--space-3); padding: var(--space-5); background: var(--color-signal); color: var(--color-ink); }
#historia-page .campaign-cta p { max-width: 32rem; margin: 0; font-weight: var(--weight-medium); }
#historia-page .history-gallery { color: var(--color-white); }
#historia-page .history-gallery__heading { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 5fr); gap: var(--space-5); }
#historia-page .history-gallery__intro { max-width: 40rem; margin-top: var(--space-5); }
#historia-page .gallery-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); grid-template-rows: repeat(2, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-7); }
#historia-page .gallery-item { position: relative; grid-column: span 3; min-width: 0; overflow: hidden; padding: 0; border-radius: 0; background: var(--color-ink); color: var(--color-white); text-align: left; }
#historia-page .gallery-item--main { grid-column: span 6; grid-row: span 2; }
#historia-page .gallery-item img { width: 100%; height: 100%; min-height: 16rem; object-fit: cover; transition: transform var(--transition-media); }
#historia-page .gallery-item--main img { aspect-ratio: 4 / 3; }
#historia-page .gallery-item:not(.gallery-item--main) img { aspect-ratio: 3 / 2; }
#historia-page .gallery-item:hover img { transform: scale(1.03); }
#historia-page .gallery-item .archive-state { position: absolute; top: var(--space-3); left: var(--space-3); }
#historia-page .gallery-item__caption { position: absolute; right: 0; bottom: 0; left: 0; padding: var(--space-4); background: linear-gradient(transparent, rgb(16 19 18 / 92%)); font-size: var(--text-sm); font-weight: var(--weight-medium); }
#historia-page .history-gallery__notice { max-width: 42rem; margin: var(--space-5) 0 0; color: rgb(255 255 255 / 76%); font-size: var(--text-sm); }
#historia-page .history-video > .container { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-5); }
#historia-page .history-video__heading { grid-column: 1 / span 4; }
#historia-page .history-video__heading h2 { margin-bottom: 0; }
#historia-page .history-video__intro { grid-column: 6 / span 5; align-self: end; max-width: 40rem; margin: 0; }
#historia-page .video-layout { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-5); }
#historia-page .video-placeholder { grid-column: 1 / span 8; aspect-ratio: 16 / 9; display: flex; min-width: 0; flex-direction: column; align-items: center; justify-content: center; gap: var(--space-5); padding: var(--space-6); background: var(--color-ink); background-image: linear-gradient(90deg, transparent 49.5%, rgb(24 184 90 / 35%) 50%, transparent 50.5%), linear-gradient(0deg, transparent 49.5%, rgb(24 184 90 / 35%) 50%, transparent 50.5%); color: var(--color-white); text-align: center; }
#historia-page .video-placeholder > div { max-width: 24rem; display: flex; flex-direction: column; align-items: center; gap: var(--space-3); }
#historia-page .video-placeholder h3, #historia-page .video-placeholder p { margin: 0; }
#historia-page .video-placeholder__play { display: grid; width: 3rem; height: 3rem; place-items: center; border: 1px solid var(--color-white); border-radius: 50%; color: var(--color-signal); }
#historia-page .video-placeholder button { background: rgb(255 255 255 / 12%); color: var(--color-white); }
#historia-page .video-note { grid-column: 10 / span 3; align-self: center; padding-left: var(--space-4); border-left: 3px solid var(--color-field); }
#historia-page .video-note p { font-size: var(--text-sm); line-height: 1.43; }
#historia-page .video-formats { grid-column: 1 / span 8; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-5); }
#historia-page .video-formats article { border-top: 2px solid var(--color-field); padding-top: var(--space-4); }
#historia-page .video-formats h3 { margin-bottom: var(--space-3); }
#historia-page .video-formats p:last-child { margin-bottom: 0; }
#historia-page .history-community__heading { max-width: 42rem; }
#historia-page .history-community__heading h2 { margin-bottom: var(--space-4); }
#historia-page .history-community__heading p:last-child { margin-bottom: 0; }
#historia-page .community-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-7); }
#historia-page .community-card { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); padding: var(--space-5); border: 1px solid var(--color-line); background: var(--color-paper); }
#historia-page .community-card > * { margin: 0; }
#historia-page .community-card__number { color: rgb(16 19 18 / 18%); font-family: var(--font-heading); font-size: 4.5rem; font-weight: var(--weight-black); line-height: .7; }
#historia-page .community-card a { margin-top: auto; font-weight: var(--weight-bold); }
#historia-page .community-card--deep { border-color: var(--color-field-deep); background: var(--color-field-deep); color: var(--color-white); }
#historia-page .community-card--deep .community-card__number, #historia-page .community-card--ink .community-card__number { color: rgb(255 255 255 / 24%); }
#historia-page .community-card--ink { border-color: var(--color-ink); background: var(--color-ink); color: var(--color-white); }
#historia-page .history-contact__inner { width: min(100%, 66rem); display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 2fr); gap: var(--space-6); align-items: end; margin-inline: auto; padding-left: var(--space-5); border-left: 4px solid var(--color-field); }
#historia-page .history-contact__copy { max-width: 42rem; }
#historia-page .history-contact__copy p:last-child { margin-bottom: 0; }
#historia-page .history-contact__action { display: flex; justify-content: flex-end; }
#historia-page .history-final { padding-block: var(--space-8); background: var(--color-field-deep); background-image: linear-gradient(90deg, transparent 49.7%, rgb(255 255 255 / 12%) 50%, transparent 50.3%); color: var(--color-white); }
#historia-page .history-final__inner { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--space-6); align-items: center; }
#historia-page .history-final__inner h2 { max-width: 32rem; margin-bottom: var(--space-3); }
#historia-page .history-final__inner p:last-child { max-width: 38rem; margin-bottom: 0; }
#historia-page .history-final__actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--space-3); }
#historia-page .history-final .button--secondary { color: var(--color-white); }
#historia-page .history-toast { position: fixed; z-index: 20; right: var(--space-4); bottom: var(--space-4); max-width: min(24rem, calc(100vw - 2rem)); margin: 0; padding: var(--space-3) var(--space-4); background: var(--color-ink); color: var(--color-white); box-shadow: var(--shadow-float); opacity: 0; pointer-events: none; transform: translateY(1rem); transition: opacity var(--transition-control), transform var(--transition-control); }
#historia-page .history-toast.is-visible { opacity: 1; transform: translateY(0); }
#historia-page .gallery-lightbox { position: fixed; z-index: 30; inset: 0; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: var(--space-3); align-items: center; padding: var(--space-5); background: rgb(16 19 18 / 94%); }
#historia-page .gallery-lightbox[hidden] { display: none; }
#historia-page .gallery-lightbox figure { width: min(100%, 70rem); margin: 0 auto; color: var(--color-white); }
#historia-page .gallery-lightbox img { width: 100%; max-height: 76vh; object-fit: contain; }
#historia-page .gallery-lightbox figcaption { color: var(--color-white); }
#historia-page .gallery-lightbox__close { position: absolute; top: var(--space-4); right: var(--space-4); width: 2.75rem; background: var(--color-white); color: var(--color-ink); font-size: 1.8rem; }
#historia-page .gallery-lightbox__previous, #historia-page .gallery-lightbox__next { width: 2.75rem; background: var(--color-white); color: var(--color-ink); font-size: 1.4rem; }
@media (max-width: 61.25rem) { #historia-page .history-hero__copy { grid-column: 1 / span 8; } #historia-page .history-origin { grid-column: 9 / span 4; } #historia-page .timeline-list::before { left: 0; } #historia-page .timeline-item, #historia-page .timeline-item:nth-child(even) { grid-column: 2 / -1; } #historia-page .timeline-item::after, #historia-page .timeline-item:nth-child(even)::after { left: calc(var(--space-5) * -1); right: auto; } }
@media (max-width: 57.5rem) { #historia-page .history-method__intro { grid-template-columns: 1fr; gap: var(--space-4); } #historia-page .history-principles { grid-template-columns: repeat(2, minmax(0, 1fr)); } #historia-page .history-principle:last-child { grid-column: 1 / -1; } #historia-page .campaign-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } #historia-page .campaign-card:last-child { grid-column: 1 / -1; } #historia-page .gallery-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: auto; } #historia-page .gallery-item, #historia-page .gallery-item--main { grid-column: span 1; grid-row: auto; } #historia-page .achievement-sheet { grid-column: span 6; } #historia-page .achievement-source { grid-column: 1 / -1; } }
@media (max-width: 55rem) { #historia-page .video-layout { grid-template-columns: 1fr; } #historia-page .video-placeholder, #historia-page .video-note { grid-column: 1; } #historia-page .video-note { padding-left: 0; border-left: 0; border-top: 3px solid var(--color-field); padding-top: var(--space-4); } #historia-page .video-formats { grid-column: 1 / -1; } }
@media (max-width: 48.75rem) { #historia-page .history-final__inner, #historia-page .history-contact__inner { grid-template-columns: 1fr; } #historia-page .history-contact__action, #historia-page .history-final__actions { justify-content: flex-start; } #historia-page .history-contact__action .button { width: 100%; } }
@media (max-width: 47.99rem) { #historia-page .history-hero { min-height: 56vh; } #historia-page .history-hero__overlay { background: linear-gradient(0deg, rgb(16 19 18 / 90%) 0%, rgb(16 19 18 / 60%) 62%, rgb(16 19 18 / 22%) 100%); } #historia-page .history-hero__grid { grid-template-columns: 1fr; gap: var(--space-5); padding-block: var(--space-8) var(--space-5); } #historia-page .history-hero__copy, #historia-page .history-origin { grid-column: 1; } #historia-page .history-hero h1 { max-width: 100%; font-size: clamp(2.3rem, 11vw, 2.65rem); } #historia-page .history-hero__lead { font-size: var(--text-base); } #historia-page .history-hero__actions { width: 100%; flex-direction: column; } #historia-page .history-hero__actions .button { width: 100%; } #historia-page .history-origin { padding: var(--space-4); } #historia-page .history-principles, #historia-page .campaign-grid, #historia-page .community-grid, #historia-page .video-formats { grid-template-columns: 1fr; } #historia-page .history-principle:last-child, #historia-page .campaign-card:last-child { grid-column: 1; } #historia-page .history-principle { padding: var(--space-4); } #historia-page .timeline-list { gap: var(--space-5); margin-top: var(--space-6); } #historia-page .timeline-item, #historia-page .timeline-item:nth-child(even) { grid-column: 1 / -1; padding-left: var(--space-5); } #historia-page .timeline-list::before { left: .375rem; } #historia-page .timeline-item::after, #historia-page .timeline-item:nth-child(even)::after { top: var(--space-5); left: 0; width: var(--space-4); } #historia-page .timeline-card { padding: var(--space-4); } #historia-page .timeline-card dl div, #historia-page .achievement-sheet dl div, #historia-page .campaign-card dl div { grid-template-columns: 1fr; gap: 0; } #historia-page .achievement-status { grid-template-columns: 1fr; gap: var(--space-4); padding: var(--space-5); } #historia-page .achievement-sheet { grid-column: 1 / -1; } #historia-page .history-campaigns > .container, #historia-page .history-video > .container { grid-template-columns: 1fr; } #historia-page .history-campaigns__heading, #historia-page .history-campaigns__intro, #historia-page .campaign-grid, #historia-page .campaign-cta, #historia-page .history-video__heading, #historia-page .history-video__intro { grid-column: 1; } #historia-page .history-campaigns__intro { margin-top: 0; } #historia-page .campaign-cta { flex-direction: column; align-items: stretch; } #historia-page .campaign-cta .button { width: 100%; } #historia-page .history-gallery__heading { grid-template-columns: 1fr; } #historia-page .gallery-grid { grid-template-columns: 1fr; } #historia-page .gallery-item, #historia-page .gallery-item--main { grid-column: 1; } #historia-page .gallery-item img, #historia-page .gallery-item--main img { aspect-ratio: 3 / 2; min-height: 0; } #historia-page .video-placeholder { padding: var(--space-4); } #historia-page .video-formats { grid-column: 1; } #historia-page .history-final { padding-block: var(--space-7); } #historia-page .history-final__actions { flex-direction: column; } #historia-page .history-final__actions .button { width: 100%; } #historia-page .gallery-lightbox { grid-template-columns: 1fr; padding: var(--space-4); } #historia-page .gallery-lightbox__previous, #historia-page .gallery-lightbox__next { position: absolute; bottom: var(--space-4); } #historia-page .gallery-lightbox__previous { left: var(--space-4); } #historia-page .gallery-lightbox__next { right: var(--space-4); } }
@media (prefers-reduced-motion: reduce) { #historia-page .gallery-item:hover img, #historia-page .history-toast.is-visible { transform: none; } }