.artwork-record>*+*{margin-block-start:var(--space-3xl)}.artwork-record .record-section-title{margin:0 0 var(--space-lg)}.artwork-record{--record-flow-measure: 1024px;--record-commerce-measure: 1320px}.artwork-record .record-about,.artwork-record .record-context,.artwork-record .record-rails,.artwork-record .record-series-rail,.artwork-record .record-motif-rail,.artwork-record .record-course-hook,.artwork-record .record-keep-exploring,.artwork-record .record-footnote,.artwork-record .app-funnel{max-width:var(--record-flow-measure);margin-inline:auto}.artwork-record .print-module{max-width:var(--record-commerce-measure);margin-inline:auto}.artwork-record .record-about-grid{display:block}.artwork-record .record-about-prose,.artwork-record .record-about-video{min-width:0}.artwork-record .record-about:has(.video-island){max-width:none;margin-inline:0}.artwork-record .record-about:has(.video-island) .record-about-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:var(--space-2xl, var(--space-xl));align-items:start}.artwork-record .record-about:has(.video-island) .record-about-prose{max-width:var(--record-flow-measure)}.artwork-record .record-about:has(.video-island) .record-about-video{position:sticky;top:var(--space-lg)}@media(max-width:900px){.artwork-record .record-about:has(.video-island){max-width:var(--record-flow-measure);margin-inline:auto}.artwork-record .record-about:has(.video-island) .record-about-grid{grid-template-columns:1fr}.artwork-record .record-about:has(.video-island) .record-about-video{position:static;margin-top:var(--space-lg)}}.artwork-record .record-about:has(.record-about-figure){max-width:none;margin-inline:0}.artwork-record .record-about:has(.record-about-figure) .record-about-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:var(--space-2xl, var(--space-xl));align-items:start}.artwork-record .record-about:has(.record-about-figure) .record-about-prose{max-width:var(--record-flow-measure)}.artwork-record .record-about-figure{position:sticky;top:var(--space-lg)}.artwork-record .record-about-video:has(.video-island) .record-about-figure{display:none}@media(max-width:900px){.artwork-record .record-about:has(.record-about-figure){max-width:var(--record-flow-measure);margin-inline:auto}.artwork-record .record-about:has(.record-about-figure) .record-about-grid{grid-template-columns:1fr}.artwork-record .record-about-figure{position:static;margin-top:var(--space-lg)}}.artwork-record .record-pair{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xl)}@media(min-width:768px){.artwork-record .record-pair{grid-template-columns:minmax(0,58fr) minmax(0,42fr)}}.artwork-record .record-stage{padding:var(--space-lg);background:color-mix(in oklab,var(--artwork-dominant, var(--color-surface-paper)) 12%,var(--color-surface-paper));width:fit-content;max-width:100%;margin-inline:auto}@media(max-width:767px){.artwork-record .record-stage{width:auto;margin-inline:calc(-1 * var(--space-lg));padding-inline:0}}@media(max-width:640px){.artwork-record .record-stage{margin-inline:calc(-1 * var(--space-md))}}.artwork-record .record-stage.record-stage--dark{background:var(--color-surface-paper)}.artwork-record .record-stage-placeholder{width:min(100%,32rem);min-height:var(--space-3xl);background:var(--color-surface-card-subtle)}.artwork-record .record-aside>*+*{margin-block-start:var(--space-lg)}.artwork-record .record-infobox-actions{display:flex;flex-direction:column;gap:var(--space-sm);align-items:flex-start}.artwork-record .print-module{padding-top:var(--space-2xl);border-top:1px solid var(--color-stroke-brush-subtle)}.artwork-record .record-context-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-lg)}@media(min-width:768px){.artwork-record .record-context-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.artwork-record .record-rails>*+*{margin-block-start:var(--space-xl)}.artwork-record .record-media-box{cursor:zoom-in;position:relative}.artwork-record .record-media-box:after{content:"";position:absolute;bottom:var(--space-sm);right:var(--space-sm);width:var(--space-lg);height:var(--space-lg);border-radius:var(--radius-pill);background-color:color-mix(in srgb,var(--color-ink-body) 72%,transparent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='16.5' y1='16.5' x2='21' y2='21'/%3E%3Cline x1='11' y1='8' x2='11' y2='14'/%3E%3Cline x1='8' y1='11' x2='14' y2='11'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:60%;opacity:0;transition:opacity .16s ease;pointer-events:none}.artwork-record .record-media-box:hover:after,.artwork-record .record-media-box:focus-within:after{opacity:1}@media(hover:none){.artwork-record .record-media-box:after{opacity:1}}@media(prefers-reduced-motion:reduce){.artwork-record .record-media-box:after{transition:none}}.artwork-record .record-media-zoom{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.artwork-record .record-media-zoom:focus-visible{position:static;width:auto;height:auto;min-height:44px;min-width:44px;margin-block-start:var(--space-sm);padding:var(--space-xs) var(--space-sm);clip:auto;overflow:visible;border:1px solid var(--hairline);display:inline-flex;align-items:center;justify-content:center}.artwork-record .record-infobox-actions a,.artwork-record .record-infobox-actions button{min-height:44px;min-width:44px}.record-figure{margin:0;display:flex;flex-direction:column;gap:var(--space-xs)}.record-figure>a,.record-figure>.record-figure-media{display:block;overflow:hidden;border-radius:var(--radius-md, var(--radius-sm));background:var(--color-surface-card-subtle)}.record-figure img{display:block;width:100%;height:auto;object-fit:cover}.record-figure figcaption{color:var(--color-ink-muted);border-top:1px solid var(--hairline);padding-top:var(--space-xs)}.record-figure--portrait>a,.record-figure--portrait>.record-figure-media{border-radius:var(--radius-pill);aspect-ratio:1 / 1}.record-figure--portrait img{aspect-ratio:1 / 1;object-fit:cover}.record-marginalia{position:sticky;top:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg);min-width:0}@media(max-width:900px){.record-marginalia{position:static;top:auto}}.artwork-record .record-course-hook{display:flex;flex-direction:column;gap:var(--space-sm)}.artwork-record .course-hook-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border:1px solid var(--color-stroke-brush-subtle);border-radius:var(--radius-md, var(--radius-sm));background:var(--color-surface-card);text-decoration:none;color:var(--color-ink-body);transition:border-color var(--duration-fast) var(--ease-spring)}.artwork-record .course-hook-card:hover,.artwork-record .course-hook-card:focus-visible{border-color:var(--color-accent-brand)}.artwork-record .course-hook-cover{width:64px;height:64px;object-fit:cover;border-radius:var(--radius-sm);flex:none}.artwork-record .course-hook-text{display:flex;flex-direction:column;gap:var(--space-2xs, var(--space-xs))}.artwork-record .course-hook-eyebrow{color:var(--color-ink-subtle)}.artwork-record .record-prose-figure{margin:var(--space-xl) 0 0;max-width:32rem}
