@layer components{.art-timeline-movements-page-wrapper{--atm-page-bg:#f6f4ef;--atm-card-bg:#ffffff;--atm-lane-bg:#efece4;--atm-ink:#1f1c18;--atm-ink-soft:#4a4641;--atm-ink-mute:#8a857d;--atm-rule:#dcd7cb;--atm-rule-soft:#eae6dc;--atm-accent:#8a5d2b;--atm-century-line:var(--atm-rule);--atm-card-top-accent:var(--atm-accent);--atm-f-title:var(--font-title,Georgia,'Times New Roman',serif);--atm-f-body:var(--font-body,system-ui,-apple-system,sans-serif);--atm-title-weight:500;--atm-title-transform:none;--atm-title-tracking:0;--atm-radius:2px;--atm-px-per-year:30px;--atm-column-width:260px;--atm-card-gap:18px;--atm-row-gap:10px;--atm-ruler-font-size:12px;--atm-card-shadow:0 1px 2px rgba(31,28,24,.06);--atm-card-shadow-hover:0 12px 28px -10px rgba(31,28,24,.22);font-family:var(--atm-f-body);color:var(--atm-ink);background:var(--atm-page-bg);max-width:1600px;margin:0 auto;padding:clamp(24px,4vw,56px) clamp(16px,3vw,44px) clamp(40px,6vw,80px)}.art-timeline-movements-page-wrapper *{box-sizing:border-box}.art-timeline-movements-breadcrumb{margin:0 0 24px;flex-wrap:wrap}.art-timeline-movements-page-header{margin-bottom:clamp(20px,3vw,36px)}.art-timeline-movements-page-title{font-family:var(--atm-f-title);font-weight:var(--atm-title-weight);text-transform:var(--atm-title-transform);letter-spacing:var(--atm-title-tracking);font-size:clamp(28px,4vw,48px);line-height:1.08;color:var(--atm-ink);margin:0 0 12px}.art-timeline-movements-page-intro{font-size:clamp(15px,1.2vw,18px);line-height:1.55;color:var(--atm-ink-soft);max-width:64ch;margin:0 0 10px}.art-timeline-movements-scroll-hint{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--atm-accent);margin:0;transition:opacity .35s ease}.art-timeline-movements-scroll-hint::after{content:"\2192";display:inline-block;margin-left:8px}@media (prefers-reduced-motion:no-preference){.art-timeline-movements-scroll-hint::after{animation:art-timeline-movements-hint-nudge 1.6s ease-in-out infinite}}@keyframes art-timeline-movements-hint-nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(6px)}}.art-timeline-movements-scroll-hint--hidden{opacity:0}.art-timeline-movements-scroll-viewport{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;cursor:grab;padding-bottom:14px;border-top:1px solid var(--atm-rule);border-bottom:1px solid var(--atm-rule)}.art-timeline-movements-scroll-viewport:focus-visible{outline:2px solid var(--atm-accent);outline-offset:3px}.art-timeline-movements-scroll-viewport--dragging{cursor:grabbing;user-select:none}.art-timeline-movements-scroll-viewport::-webkit-scrollbar{height:10px}.art-timeline-movements-scroll-viewport::-webkit-scrollbar-track{background:var(--atm-lane-bg)}.art-timeline-movements-scroll-viewport::-webkit-scrollbar-thumb{background:var(--atm-rule);border-radius:var(--atm-radius)}.art-timeline-movements-ruler-track,.art-timeline-movements-cards-plane{display:flex;gap:var(--atm-card-gap);flex-wrap:wrap}.art-timeline-movements-grid-stack--proportional .art-timeline-movements-ruler-track{position:relative;width:var(--atm-track-width);gap:0;flex-wrap:nowrap}.art-timeline-movements-grid-stack--proportional .art-timeline-movements-cards-plane{position:relative;display:block;width:var(--atm-track-width);height:var(--atm-plane-height,auto);gap:0;flex-wrap:nowrap}.art-timeline-movements-grid-stack{display:flex;flex-direction:column;gap:0;width:min-content;padding:8px 0 40px}.art-timeline-movements-grid-stack--proportional{background-image:repeating-linear-gradient(to right,var(--atm-century-line) 0,var(--atm-century-line) 1px,transparent 1px,transparent var(--atm-century-span,3000px));background-position-x:var(--atm-century-offset,0)}.art-timeline-movements-ruler-row{display:flex;align-items:flex-end}.art-timeline-movements-ruler-track{border-bottom:1px solid var(--atm-rule);padding-bottom:6px}.art-timeline-movements-grid-stack--proportional .art-timeline-movements-ruler-track{height:32px;padding-bottom:0}.art-timeline-movements-ruler-tick{display:flex;flex-direction:column;align-items:center;gap:3px}.art-timeline-movements-grid-stack--proportional .art-timeline-movements-ruler-tick{position:absolute;bottom:0;left:var(--atm-tick-left,0);transform:translateX(-50%)}.art-timeline-movements-ruler-tick::after{content:"";width:1px;height:7px;background:var(--atm-rule)}.art-timeline-movements-ruler-tick-label{font-family:var(--atm-f-title);font-size:var(--atm-ruler-font-size);letter-spacing:.06em;line-height:1.2;color:var(--atm-ink-mute);white-space:nowrap}.art-timeline-movements-ruler-tick--century::after{width:2px;height:13px;background:var(--atm-accent)}.art-timeline-movements-ruler-tick--century .art-timeline-movements-ruler-tick-label{font-size:calc(var(--atm-ruler-font-size) + 2px);font-weight:600;color:var(--atm-accent)}.art-timeline-movements-cards-crop{overflow:hidden;height:var(--atm-crop-height,auto)}.art-timeline-movements-cards-plane{margin:0;padding:0}.art-timeline-movements-card{position:relative;display:flex;flex-direction:column;flex:0 0 var(--atm-column-width);background:var(--atm-card-bg);border:1px solid var(--atm-rule);border-top:2px solid var(--atm-card-top-accent);border-radius:var(--atm-radius);box-shadow:var(--atm-card-shadow);padding:14px 14px 12px;margin:0;transition:transform .22s ease,box-shadow .22s ease}.art-timeline-movements-card:hover,.art-timeline-movements-card:focus-within{transform:translateY(-3px);box-shadow:var(--atm-card-shadow-hover)}@media (prefers-reduced-motion:no-preference){.art-timeline-movements-grid-stack--reveal-armed .art-timeline-movements-card--revealed{animation:art-timeline-movements-card-reveal .55s cubic-bezier(.22,.61,.36,1) both;animation-delay:var(--atm-reveal-delay,0ms)}}@keyframes art-timeline-movements-card-reveal{from{transform:translateY(14px)}to{transform:none}}.art-timeline-movements-grid-stack--proportional .art-timeline-movements-card{position:absolute;top:var(--atm-card-top,0);left:var(--atm-card-left,0);width:var(--atm-card-width,var(--atm-column-width));height:var(--atm-lane-height,auto);box-sizing:border-box}.art-timeline-movements-card:hover,.art-timeline-movements-card:focus-within{z-index:5}.art-timeline-movements-card:focus-visible{outline:2px solid var(--atm-accent);outline-offset:2px}.art-timeline-movements-card-heading-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;column-gap:10px;margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid var(--atm-rule-soft)}.art-timeline-movements-card-title{font-family:var(--atm-f-title);font-weight:var(--atm-title-weight);text-transform:var(--atm-title-transform);letter-spacing:var(--atm-title-tracking);font-size:19px;line-height:1.22;text-align:center;color:var(--atm-ink);margin:0;overflow-wrap:break-word}.art-timeline-movements-card-period{text-align:center;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--atm-accent);margin:0;white-space:nowrap}.art-timeline-movements-card-artist-list{margin:auto 0;padding:0;font-size:13.5px;line-height:1.45;text-align:center;color:var(--atm-ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.art-timeline-movements-card-artist-link{color:inherit;text-decoration:underline;text-underline-offset:2px;text-decoration-color:var(--atm-rule)}.art-timeline-movements-card-artist-link:hover,.art-timeline-movements-card-artist-link:focus-visible{color:var(--atm-accent);text-decoration-color:var(--atm-accent)}.art-timeline-movements-card-artist-name{color:inherit}.art-timeline-movements-card-popover{position:absolute;top:calc(100% + 8px);left:0;width:clamp(260px,100%,420px);background:var(--atm-card-bg);border:1px solid var(--atm-rule);border-radius:var(--atm-radius);box-shadow:var(--atm-card-shadow-hover);padding:12px 14px;z-index:6;opacity:0;visibility:hidden;transform:translateY(6px);pointer-events:none;transition:opacity .22s ease,transform .22s ease,visibility 0s linear .22s}.art-timeline-movements-card:hover .art-timeline-movements-card-popover,.art-timeline-movements-card:focus-within .art-timeline-movements-card-popover{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition:opacity .22s ease,transform .22s ease,visibility 0s}.art-timeline-movements-card--pack-bottom .art-timeline-movements-card-popover{top:auto;bottom:calc(100% + 8px);transform:translateY(-6px)}.art-timeline-movements-card--pack-bottom:hover .art-timeline-movements-card-popover,.art-timeline-movements-card--pack-bottom:focus-within .art-timeline-movements-card-popover{transform:none}.art-timeline-movements-card--popover-pointer .art-timeline-movements-card-popover{top:var(--atm-popover-top,calc(100% + 8px));bottom:auto;left:var(--atm-popover-left,0)}.art-timeline-movements-card-description{margin:0;font-size:13px;line-height:1.5;color:var(--atm-ink-soft)}.art-timeline-movements-year-indicator{position:sticky;left:clamp(16px,3vw,48px);height:0;overflow:visible;z-index:4;pointer-events:none;font-family:var(--atm-f-title);font-weight:var(--atm-title-weight);font-size:clamp(64px,9vw,150px);line-height:1;color:var(--atm-ink);transform:translateY(calc(-1em - 20px));opacity:0;transition:opacity .45s ease}.art-timeline-movements-year-indicator--visible{opacity:.12}@media (max-width:991.98px){.art-timeline-movements-page-wrapper{--atm-px-per-year:24px;--atm-column-width:230px}}@media (max-width:575.98px){.art-timeline-movements-page-wrapper{--atm-px-per-year:18px;--atm-column-width:200px;--atm-card-gap:12px;--atm-row-gap:8px;--atm-ruler-font-size:11px}}@media (prefers-reduced-motion:reduce){.art-timeline-movements-scroll-hint{transition:none}.art-timeline-movements-card{transition:none}.art-timeline-movements-card:hover,.art-timeline-movements-card:focus-within{transform:none}.art-timeline-movements-card-popover{transition:none;transform:none}.art-timeline-movements-year-indicator{transition:none}}}