.artist-lockup{display:flex;align-items:center;gap:24px;flex:none}.option-switch{display:flex;align-items:center;gap:13px;font-size:10px;white-space:nowrap}.option-switch a{padding:7px 0;min-height:28px;display:flex;align-items:center;border-bottom:1px solid transparent}.option-switch a[aria-current=page]{border-bottom-color:currentColor}.option-switch a:hover{border-bottom-color:currentColor}
html[data-reveal=material] .motion-toggle{border:1px solid var(--line);border-radius:50%;width:39px;height:39px;flex:none;justify-content:center;overflow:hidden;font-size:0}
html[data-reveal=material] .site-footer{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:30px}html[data-reveal=material] .footer-index{grid-column:1;white-space:nowrap}html[data-reveal=material] .material-hint{grid-column:2;text-align:left;font-size:10px;gap:12px;white-space:nowrap;max-width:none;min-height:36px}html[data-reveal=material] .ticker-window{grid-column:2;overflow:hidden;min-width:0;mask-image:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 18px),transparent)}html[data-reveal=material] .ticker-track{display:flex;width:max-content;animation:ticker-travel 28s linear infinite;align-items:center;font-size:10px;letter-spacing:.05em;white-space:nowrap}html[data-reveal=material] .ticker-track>span{display:flex;align-items:center;gap:24px;padding-right:24px}html[data-reveal=material] .ticker-star{font-style:normal;font-size:20px;line-height:1}html[data-reveal=material] .ticker-window:hover .ticker-track{animation-play-state:paused}html[data-reveal=material] .contact-link{grid-column:3;display:flex;gap:10px;align-items:center;white-space:nowrap;font-size:11px;min-height:36px}html[data-reveal=material] .contact-link svg{width:12px;height:12px}html[data-reveal=material] .material-hint svg{width:14px;height:16px}html[data-reveal=material] .vertical-year{font-size:clamp(42px,3.2vw,65px);margin-top:22px;letter-spacing:-.035em}
@keyframes ticker-travel{from{transform:translateX(0)}to{transform:translateX(-12.5%)}}
@media(max-width:1100px){.artist-lockup{gap:15px}.option-switch{font-size:9px;gap:10px}html[data-reveal=material] .footer-index{display:none}html[data-reveal=material] .site-footer{grid-template-columns:minmax(0,1fr) auto;gap:22px}html[data-reveal=material] .material-hint{grid-column:1}html[data-reveal=material] .ticker-window{grid-column:1}html[data-reveal=material] .contact-link{grid-column:2;font-size:10px}.header-note{display:none}}
@media(max-width:700px){.artist-lockup{flex-direction:column;align-items:flex-start;gap:1px}.artist-lockup .wordmark{font-size:32px;padding-bottom:0}.option-switch{font-size:8px;gap:12px;line-height:1}.option-switch a{min-height:16px;padding:2px 0}.site-header{gap:12px}html[data-reveal=material] .site-shell{grid-template-rows:64px minmax(0,1fr) 78px}html[data-reveal=material] .motion-toggle{width:30px;height:30px}html[data-reveal=material] .tabs{margin-left:auto;gap:14px}html[data-reveal=material] .site-footer{grid-template-columns:1fr auto;grid-template-rows:40px 37px;gap:0 14px}html[data-reveal=material] .footer-index{display:block;grid-row:1;grid-column:1;font-size:8px}html[data-reveal=material] .material-hint{grid-row:1;grid-column:1;font-size:10px;gap:8px;justify-self:start}html[data-reveal=material] .contact-link{grid-row:1;grid-column:2;font-size:10px;gap:6px}html[data-reveal=material] .ticker-window{grid-row:2;grid-column:1/-1;border-top:1px solid var(--line);height:37px;display:flex;align-items:center;mask-image:none}html[data-reveal=material] .ticker-track{font-size:9px;animation-duration:25s}html[data-reveal=material] .ticker-track>span{gap:22px;padding-right:22px}html[data-reveal=material] .ticker-star{font-size:18px}html[data-reveal=material] .vertical-year{font-size:44px;margin-top:16px}}
@media(max-height:650px) and (min-width:701px){html[data-reveal=material] .vertical-year{font-size:42px;margin-top:15px}}
/* A native scroll range controls the reveal while the whole fold stays in view. */
html[data-reveal=letters],html[data-reveal=material]{--reveal:0;--reveal-distance:85svh;scrollbar-gutter:stable}
html[data-reveal=letters] body,html[data-reveal=material] body{height:calc(100svh + var(--reveal-distance));overflow:auto}
html[data-reveal=letters] .site-shell,html[data-reveal=material] .site-shell{position:sticky;top:0}
html[data-view=work] body{height:100svh;overflow:hidden}
html.modal-open{overflow:hidden}
html[data-reveal=letters] .poster .part-left{transform:translateX(calc(var(--reveal) * -87%));opacity:calc(1 - var(--reveal) * .87);transition:transform .35s,opacity .35s}
html[data-reveal=letters] .poster .part-right{transform:translateX(calc(var(--reveal) * 87%));opacity:calc(1 - var(--reveal) * .87);transition:transform .35s,opacity .35s}
html[data-reveal=letters] .sculpture-button .colour-art{transform:scale(calc(1 + var(--reveal) * .045));transition:transform .35s}
html[data-reveal=material] .sculpture-button .colour-art{opacity:var(--reveal);transition:opacity .2s}
html[data-reveal=material] .sculpture-button .ink-print{opacity:calc(1 - var(--reveal));animation:none;transition:opacity .2s}
.poster-folio{align-items:center;z-index:4}.folio-year{font-size:30px;line-height:1;font-weight:400;letter-spacing:-.04em;margin-left:9px}
.date-label{display:flex;gap:4px;align-items:baseline}.date-label b{font-weight:500}
.dates .date-label span{margin:0;padding:0;white-space:nowrap}
.ticker-window:focus-within .ticker-track{animation-play-state:paused}
.material-hint svg{transform:rotate(90deg)!important}.material-hint[aria-pressed=true] svg{transform:rotate(-90deg)!important}
.option-switch{position:relative;z-index:20}.option-switch a{min-height:36px;touch-action:manipulation;position:relative;z-index:1}
@media(max-width:700px){.folio-year{font-size:24px;margin-left:1px}.dates .date-label{display:block;max-width:none;white-space:nowrap}.dates .date-label b{display:block;margin-top:3px}.option-switch a{min-height:24px;padding:3px 0}.option-switch{gap:12px}.artist-lockup .wordmark{font-size:31px}}
@media(max-height:580px){.site-shell{min-height:100svh}}
@media(prefers-reduced-motion:reduce){html:not([data-motion-choice=on]) .poster .type-part,html:not([data-motion-choice=on]) .sculpture-button .colour-art,html:not([data-motion-choice=on]) .sculpture-button .ink-print{transition:none!important}}

/* Restore the original vertical year below the artist note. Its size is
   fitted to the clear space above the title band after fonts and resize. */
html[data-option="2"] .left-note{z-index:4}
html[data-option="2"] .vertical-year{font-size:calc(clamp(42px,4.8vw,65px) * var(--year-fit,1));line-height:.9;letter-spacing:-.035em;margin-top:22px;writing-mode:vertical-rl;transform:rotate(180deg);max-width:none}
html[data-option="2"] .left-note.year-compact{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;align-items:start}
html[data-option="2"] .left-note.year-compact .vertical-year{grid-column:1;grid-row:1/3;margin:0}
html[data-option="2"] .left-note.year-compact blockquote{grid-column:2;grid-row:1;font-size:clamp(15px,1.8vw,21px);line-height:1.1}
html[data-option="2"] .left-note.year-compact>p{grid-column:2;grid-row:2;font-size:8px;margin:8px 0 0}
@media(max-width:700px){html[data-option="2"] .vertical-year{margin-top:16px}}