:root {
 --purple:#978ad2; --red:#a12b09; --ink:#241d2a; --paper:#eee9f2;
 --surface:#978ad2; --muted:#302438; --line:#736496; --night:#241d2a;
 --gutter:clamp(20px,4.2vw,80px); --header:82px; --pixel-ratio:1;
 --ease-out:cubic-bezier(.16,1,.3,1); --duration:180ms;
}
* {box-sizing:border-box}
html {scroll-padding-top:calc(var(--header) + 55px)}
body {margin:0;background:var(--purple);color:var(--ink);font:15px/1.6 Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
body.viewer-open {overflow:hidden}
a {color:inherit;text-decoration:none}
button {font:inherit;color:inherit;background:none;border:0;cursor:pointer}
a,button {touch-action:manipulation;-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible {outline:2px solid var(--ink);outline-offset:5px}
img {display:block;height:auto;max-width:100%}
h1,h2,h3,p,dl,dd,figure {margin:0}
h1,h2,h3 {font-weight:500;line-height:1.05;letter-spacing:-.045em}
em {font-style:normal}
::selection {background:var(--ink);color:var(--purple)}
main:focus,section[tabindex='-1']:focus {outline:none}
.sr-only {position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.skip-link {position:fixed;top:-100px;left:20px;padding:12px 20px;background:var(--ink);color:var(--paper);z-index:200}
.skip-link:focus {top:12px}
.small-label,.section-kicker,.project-card-meta,.project-meta,dt,.footer-colophon {font-size:10px;letter-spacing:.07em;line-height:1.6;text-transform:uppercase}
.small-label {display:block}
.site-header {height:var(--header);padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--night);color:var(--paper);position:sticky;top:0;z-index:50;border-bottom:1px solid #51405c}
.identity {font-size:21px;letter-spacing:-.04em;line-height:1.2}
.identity span {display:block;font-size:8px;text-transform:uppercase;letter-spacing:.13em;margin-top:7px;color:#c5b6d5}
.site-header nav {display:flex;gap:36px}
.site-header nav a {font-size:12px;padding:12px 0;position:relative}
.site-header nav a::after {content:'';position:absolute;bottom:4px;left:0;right:0;height:1px;background:var(--purple);transform:scaleX(0);transform-origin:left;transition:transform var(--duration) var(--ease-out)}
.site-header nav a:hover::after,.site-header nav a[aria-current]::after {transform:scaleX(1)}
.site-header a:focus-visible,.site-header button:focus-visible {outline-color:var(--purple)}
sup {font-size:8px;margin-left:4px}
.menu-toggle {display:none}
.hero {background:var(--purple);padding:25px var(--gutter) 30px;min-height:560px;height:min(760px,calc(100svh - var(--header)));position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between}
.hero-top {display:flex;justify-content:space-between;gap:20px;position:relative;z-index:2}
.hero-art {position:absolute;inset:55px 16% 0 18%;background:var(--red);mask:url('assets/branching-1600.webp') center/contain no-repeat;-webkit-mask:url('assets/branching-1600.webp') center/contain no-repeat;clip-path:inset(3px)}
.hero h1 {position:absolute;left:var(--gutter);bottom:115px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:clamp(65px,7.5vw,108px);font-weight:700;text-transform:uppercase;line-height:.8;letter-spacing:-.06em}
.hero-name {position:relative;align-self:flex-end;text-align:right;font-size:clamp(42px,6vw,88px);font-weight:700;text-transform:uppercase;line-height:.9;letter-spacing:-.06em;margin:40px 0 auto;z-index:1}
.hero-bottom {position:relative;display:flex;align-items:end;justify-content:space-between;gap:25px;margin-top:auto}
.hero-bottom p {font-size:11px}
.text-link {display:inline-flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid currentColor;font-size:12px;padding:12px 0;min-height:44px}
.text-link>span {font-size:20px;transition:transform var(--duration) var(--ease-out)}
.text-link:hover>span {transform:translate(2px,-2px)}
.selected-work,.work-page {padding:65px var(--gutter) 80px;max-width:1760px;margin:auto}
.section-title {display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:30px}
.section-title h2 {font-size:36px}
.work-heading {margin-bottom:45px;padding:25px 0 35px;position:relative;isolation:isolate;overflow:hidden;min-height:220px}
.work-heading h1 {font-size:clamp(65px,9vw,138px);margin-top:22px;font-weight:700;text-transform:uppercase;letter-spacing:-.065em;position:relative;z-index:1}
.project-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 36px}
.project-card {min-width:0}
.project-card>a {display:block}
.project-card-image {height:clamp(220px,24vw,380px);display:flex;align-items:center;justify-content:center;background:var(--surface);border-bottom:1px solid var(--red);padding:24px;overflow:hidden;transition:background-color var(--duration) var(--ease-out)}
.project-card-image img {width:auto;max-width:min(100%,calc(var(--image-width)/var(--pixel-ratio)));max-height:100%;object-fit:contain}
.project-card-title {display:flex;gap:16px;align-items:baseline;padding-top:20px}
.project-card-title h2 {font-size:clamp(25px,2.8vw,40px);flex:1;font-weight:700;text-transform:uppercase;letter-spacing:-.055em}
.project-card-title>span:last-child {font-size:25px;color:var(--ink);transition:transform var(--duration) var(--ease-out)}
.project-card a:hover .project-card-title>span:last-child {transform:translate(2px,-2px)}
.project-card a:hover .project-card-image {background:var(--surface)}
.project-card-meta {margin:10px 0 0 29px;color:var(--muted);font-size:9px}
.practice-preview {display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:60px var(--gutter);background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.practice-preview h2 {font-size:clamp(48px,7vw,95px);margin:20px 0}
.practice-preview img {width:auto;margin:auto;max-width:min(100%,calc(var(--image-width)/var(--pixel-ratio)))}
.intro-statement {padding:65px var(--gutter);display:grid;grid-template-columns:1fr 2fr;gap:50px}
.intro-statement p {max-width:680px;font-size:clamp(20px,2.2vw,30px);line-height:1.35;letter-spacing:-.025em;margin-bottom:22px}
.project-navigation {position:sticky;top:var(--header);z-index:40;display:flex;align-items:center;gap:8px;padding:10px var(--gutter);background:var(--surface);border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:thin}
.project-navigation a {white-space:nowrap;font-size:11px;padding:9px 13px;border:1px solid transparent;min-height:38px;transition:background-color var(--duration) var(--ease-out)}
.project-navigation a:first-child {margin-right:8px;padding-left:0}
.project-navigation a span {font-size:9px;margin-right:6px;color:var(--muted)}
.project-navigation a[aria-current] {background:var(--ink);color:var(--purple);border-color:var(--ink)}
.project-navigation a[aria-current] span {color:var(--purple)}
.project-navigation a:hover {border-color:var(--ink)}
.project-page,.collection-page,.about-page {padding:25px var(--gutter) 0;max-width:1760px;margin:auto}
.page-eyebrow {display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:45px}
.back-link {border:0;flex-direction:row-reverse;gap:12px}
.back-link>span {transform:rotate(180deg)}
.back-link:hover>span {transform:rotate(180deg) translate(2px,-2px)}
.project-header {padding:0 0 40px;position:relative}
.project-header::before {content:'';display:block;width:48px;height:3px;background:var(--red);margin-bottom:22px}
.project-header h1 {font-size:clamp(55px,8.5vw,128px);font-weight:700;text-transform:uppercase;letter-spacing:-.06em;margin-top:15px}
.project-cover {background:var(--surface);padding:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.cover-figure .image-button {min-height:200px}
.art-figure {min-width:0}
.image-button {display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:0;width:100%;overflow:hidden;text-align:left;gap:10px}
.image-button img {width:auto;max-width:min(100%,calc(var(--image-width)/var(--pixel-ratio)));max-height:650px;object-fit:contain}
.image-hint {align-self:flex-end;display:flex;align-items:center;gap:15px;font-size:10px;min-height:30px;color:var(--muted);opacity:1;transition:opacity var(--duration) var(--ease-out)}
.image-button:hover .image-hint,.image-button:focus-visible .image-hint {opacity:1}
.image-hint span {font-size:18px}
figcaption {display:flex;gap:12px;font-size:11px;line-height:1.6;color:var(--muted);padding-top:12px}
figcaption>span {font-size:9px}
.project-overview {display:grid;grid-template-columns:1fr 2fr;gap:70px;padding:60px 0;border-bottom:1px solid var(--line)}
.project-overview dl>div {margin-bottom:22px}
dt {margin-bottom:7px;color:var(--muted)}
dd {font-size:13px}
.project-overview h2 {font-size:34px;margin-bottom:25px}
.project-overview p {max-width:750px;margin-top:18px;line-height:1.8}
.chapter-navigation {display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:25px 0;border-bottom:1px solid var(--line)}
.chapter-navigation>.small-label {margin-right:20px}
.chapter-navigation button {font-size:11px;min-height:40px;padding:8px 13px;border:1px solid var(--line);transition:background-color var(--duration) var(--ease-out)}
.chapter-navigation button:hover {background:var(--surface)}
.project-chapter {padding:50px 0;border-bottom:1px solid var(--line);scroll-margin-top:20px}
.section-kicker {display:flex;justify-content:space-between;gap:20px;color:var(--muted)}
.chapter-intro {display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:25px 0 35px}
.chapter-intro:has(h2:only-child) {display:block}
.chapter-intro h2 {font-size:clamp(28px,3.5vw,48px)}
.chapter-intro p {line-height:1.8;max-width:630px;font-size:14px}
.chapter-images {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px;align-items:start}
.chapter-images.count-1 {grid-template-columns:1fr}
.chapter-images.count-3 .art-figure:last-child {grid-column:1/-1}
.dark-bloom .chapter-0 .chapter-images {grid-template-columns:repeat(3,minmax(0,1fr))}
.dark-bloom .chapter-0 .art-figure:last-child {grid-column:auto}
.chapter-images .image-button {background:var(--surface);padding:20px}
.project-credit {display:flex;justify-content:space-between;gap:50px;padding:30px 0;color:var(--muted);font-size:11px}
.project-credit p {max-width:430px}
.project-pagination {display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:1px solid var(--line);padding:35px 0 65px}
.project-pagination a {display:flex;flex-direction:column;gap:12px}
.project-pagination a:last-child {text-align:right;align-items:flex-end}
.project-pagination a>span:last-child {font-size:clamp(23px,3vw,42px);line-height:1.1;letter-spacing:-.04em}
.project-pagination .small-label {color:var(--ink)}
.collection-header {display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:end;padding:5px 0 45px}
.collection-header h1 {font-size:clamp(70px,10vw,150px);line-height:.85;margin-top:20px;font-weight:700;letter-spacing:-.06em}
.collection-header p {max-width:460px;line-height:1.8;font-size:14px}
.collection-filter {display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;margin-bottom:35px}
.collection-filter>div {display:flex;gap:25px;flex-wrap:wrap}
.collection-filter button {font-size:12px;min-height:44px;padding:5px 0;border-bottom:2px solid transparent}
.collection-filter button[aria-pressed=true] {border-color:var(--red);font-weight:700}
.collection-grid {columns:3;column-gap:30px}
.collection-item {break-inside:avoid;display:inline-block;width:100%;padding-bottom:40px}
.collection-item .image-button {background:var(--surface);padding:14px}
.collection-item figcaption {display:none}
.collection-caption {padding-top:14px}
.collection-caption h2 {font-size:17px;margin:6px 0;letter-spacing:-.02em}
.collection-caption p {font-size:11px;color:var(--muted)}
.collection-caption .small-label {font-size:9px;color:var(--muted)}
.collection-outro {text-align:right;padding:20px 0 60px;border-top:1px solid var(--line)}
.about-hero {display:grid;grid-template-columns:1.5fr 1fr;gap:70px;align-items:center;padding:5px 0 60px}
.about-hero h1 {font-size:clamp(56px,8vw,120px);text-transform:uppercase;font-weight:700;line-height:.92;margin:25px 0;letter-spacing:-.06em}
.about-role {font-size:13px}
.portrait-wrap img {width:auto;max-width:min(100%,calc(var(--image-width)/var(--pixel-ratio)));margin:auto}
.about-story {display:grid;grid-template-columns:1fr 2fr;gap:60px;border-top:1px solid var(--line);padding:45px 0 60px}
.about-story h2 {font-size:36px;margin-bottom:25px}
.about-story p {max-width:700px;margin-top:18px;line-height:1.8}
.profile-details {display:grid;grid-template-columns:1.3fr 1fr .8fr;gap:50px;padding:45px 0 60px;border-top:1px solid var(--line)}
.profile-details h2 {font-size:27px;margin-bottom:25px}
.profile-details h3 {font-size:15px;line-height:1.4;letter-spacing:-.01em;margin-bottom:8px}
.profile-details p,.languages {font-size:12px;line-height:1.8}
.profile-details section>div {margin-bottom:25px}
.profile-details .small-label,.profile-note {color:var(--muted);font-size:9px;margin-top:10px}
.languages>div {display:flex;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line);padding:9px 0}
.languages dt {text-transform:none;letter-spacing:0;font-size:12px}
.contact-block {padding:40px var(--gutter) 60px;background:var(--surface);border-top:1px solid var(--line)}
.contact-content {display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:30px}
.contact-content h2 {font-size:clamp(45px,6vw,85px)}
.contact-placeholder {font-size:12px;color:var(--muted)}
.contact-email {font-size:clamp(16px,2vw,28px);overflow-wrap:anywhere}
.site-footer {background:var(--night);color:var(--paper);padding:30px var(--gutter);display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;font-size:11px;border-top:3px solid var(--purple)}
.footer-name {font-size:20px;letter-spacing:-.03em}
.site-footer>a:nth-child(3),.back-top {justify-self:end}
.footer-colophon {grid-column:1/3;font-size:8px;color:#c5b6d5}
.site-footer a:focus-visible {outline-color:var(--purple)}
.loading-state,.not-found {padding:100px var(--gutter);min-height:60vh}
.not-found h1 {font-size:clamp(45px,7vw,90px);margin-bottom:30px}
.not-found p {margin-bottom:20px}
.noscript {padding:30px var(--gutter)}
#image-viewer {width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;border:0;padding:0;margin:0;overflow:hidden;background:var(--surface);color:var(--ink)}
#image-viewer[open] {display:grid;grid-template-rows:64px minmax(0,1fr) auto}
#image-viewer::backdrop {background:#241d2ae8}
.viewer-toolbar,.viewer-bottom {display:flex;align-items:center;gap:25px;padding:10px 25px;background:var(--night);color:var(--purple);font-size:12px}
.viewer-toolbar {border-bottom:1px solid var(--line)}
.viewer-toolbar #viewer-count {margin-right:auto;font-variant-numeric:tabular-nums}
.viewer-toolbar button {min-height:44px;font-size:12px;padding:8px}
.viewer-stage {min-height:0;overflow:auto;display:flex;align-items:center;justify-content:center;padding:20px}
.viewer-stage img {width:auto;height:auto;max-width:min(100%,calc(var(--native-width)/var(--pixel-ratio)));max-height:100%;object-fit:contain}
.zoomed .viewer-stage {display:block}
.zoomed .viewer-stage img {width:calc(var(--native-width)/var(--pixel-ratio));max-width:none;max-height:none;object-fit:initial;margin:auto}
.viewer-bottom {justify-content:space-between;border-top:1px solid var(--line);min-height:76px}
.viewer-bottom p {max-width:75%;font-size:12px}
.viewer-bottom>div {display:flex;gap:10px}
.viewer-bottom button {width:44px;height:44px;border:1px solid var(--line);font-size:25px;transition:background-color var(--duration) var(--ease-out)}
.viewer-bottom button:hover {background:var(--purple);color:var(--ink)}
/* Extend the approved cover's palette, print and typography across the site. */
.work-heading::after {content:'';position:absolute;right:3%;top:-15%;width:32%;height:135%;z-index:-1;pointer-events:none;background:var(--red);mask:url('assets/branching-960.webp') center/contain no-repeat;-webkit-mask:url('assets/branching-960.webp') center/contain no-repeat;clip-path:inset(3px)}
.work-heading>.small-label {position:relative;z-index:1}
.project-card {border-top:1px solid var(--ink);padding-top:15px}
.project-card-image {padding-top:18px;padding-bottom:18px}
.project-card a:hover .project-card-title h2 {text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.section-title h2,.practice-preview h2,.project-overview h2,.chapter-intro h2,.about-story h2,.profile-details h2,.contact-content h2 {font-weight:700;text-transform:uppercase;letter-spacing:-.055em}
.section-title {border-top:2px solid var(--red);padding-top:20px}
.practice-preview {border-top:2px solid var(--red);border-bottom:1px solid var(--line)}
.practice-preview>div {position:relative;isolation:isolate;padding:35px 0}
.practice-preview>div::before {content:'';position:absolute;inset:0 0 0 40%;background:var(--red);z-index:-1;pointer-events:none;mask:url('assets/branching-960.webp') center/contain no-repeat;-webkit-mask:url('assets/branching-960.webp') center/contain no-repeat;clip-path:inset(3px)}
.collection-header {border-bottom:2px solid var(--red);margin-bottom:25px}
.collection-header h1 {text-transform:uppercase}
.project-cover {border-top:2px solid var(--red)}
.project-cover .image-button,.chapter-images .image-button,.collection-item .image-button {background:transparent}
.contact-block {border-top:2px solid var(--red)}
.viewer-toolbar button:focus-visible,.viewer-bottom button:focus-visible {outline-color:var(--purple)}
.viewer-toolbar,.viewer-bottom {border-color:#5b4564}
.viewer-bottom button {border-color:#978ad2}
/* White paper preserves the appearance of transparent source artwork. */
main img,#viewer-image {background:#fff}
/* Reuse the sampled rust as a functional accent and a material colour. */
.site-header {border-bottom:3px solid var(--red)}
.text-link {border-bottom-color:var(--red);border-bottom-width:2px}
.hero-bottom .text-link {background:var(--red);color:var(--paper);padding:12px 18px;border:0}
.hero-bottom .text-link:focus-visible {outline-color:var(--ink)}
.practice-preview {background:var(--red);color:var(--paper);border-color:var(--red)}
.practice-preview>div::before {display:none}
.practice-preview .text-link {border-color:var(--paper)}
.practice-preview a:focus-visible {outline-color:var(--paper)}
.project-navigation a[aria-current] {background:var(--red);color:var(--paper);border-color:var(--red)}
.project-navigation a[aria-current] span {color:var(--paper)}
.chapter-navigation button:hover {background:var(--red);color:var(--paper);border-color:var(--red)}
.collection-filter button {padding-left:10px;padding-right:10px}
.collection-filter button[aria-pressed=true] {background:var(--red);color:var(--paper)}
.project-pagination a {border-left:4px solid var(--red);padding-left:16px}
.project-pagination a:last-child {border-left:0;border-right:4px solid var(--red);padding-left:0;padding-right:16px}
.contact-block {background:var(--red);color:var(--paper)}
.contact-placeholder {color:var(--paper)}
.contact-block a:focus-visible {outline-color:var(--paper)}
.site-footer {border-top:6px solid var(--red)}
/* Motion is brief, interruptible and limited to orientation/feedback. */
@keyframes viewer-enter {from {opacity:0}to {opacity:1}}
#image-viewer[open]:not(.keyboard-open) {animation:viewer-enter 120ms ease-out}
@media(min-width:1761px) {.practice-preview,.intro-statement {padding-left:max(var(--gutter),calc((100vw - 1600px)/2));padding-right:max(var(--gutter),calc((100vw - 1600px)/2))}}
@media(max-width:1000px) {
 .site-header nav {gap:24px}.project-navigation {gap:0}.project-navigation a {padding:9px 10px}
 .project-overview {gap:40px;grid-template-columns:1fr 1.7fr}.collection-grid {columns:2}
 .profile-details {gap:30px}.about-hero {gap:40px}
}
@media(max-width:760px) {
 :root {--header:76px}
 .site-header {gap:15px}.identity {font-size:20px}.identity span {font-size:7px}
 .menu-toggle {display:flex;align-items:center;gap:15px;font-size:12px;min-height:44px;padding:0}.menu-toggle span {font-size:23px}
 .site-header nav {position:absolute;top:var(--header);left:0;right:0;display:flex;flex-direction:column;gap:0;background:var(--night);padding:12px var(--gutter) 24px;visibility:hidden;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity 150ms var(--ease-out),transform 150ms var(--ease-out),visibility 150ms}
 .menu-open .site-header nav {visibility:visible;opacity:1;transform:none;pointer-events:auto}
 .site-header nav a {font-size:19px;padding:16px 0}.site-header nav a::after {bottom:8px}
 .hero {height:calc(85svh - var(--header));min-height:490px;max-height:680px;padding-top:22px}
 .hero-top .small-label {font-size:8px}.hero-top>.small-label:last-child {text-align:right;max-width:95px}
 .hero-name {font-size:clamp(35px,9.8vw,70px);margin-top:35px}
 .hero h1 {font-size:clamp(56px,12vw,85px);bottom:115px}
 .hero-art {inset:115px -10% 70px 15%}
 .hero-bottom p {font-size:9px;max-width:160px}.hero-bottom .text-link {font-size:10px;gap:15px}
 .selected-work,.work-page {padding-top:40px;padding-bottom:50px}.section-title h2 {font-size:30px}.section-title {margin-bottom:24px}
 .project-grid {gap:35px;grid-template-columns:1fr}.project-card-image {height:250px;padding:20px}.project-card-title h2 {font-size:30px}
 .project-card-title {padding-top:16px}.project-card-meta {font-size:9px}.work-heading {margin-bottom:30px}.work-heading h1 {font-size:clamp(48px,11.5vw,80px)}.work-heading {min-height:165px;padding-top:15px;padding-bottom:20px}.work-heading::after {right:-12%;width:50%}
 .practice-preview {grid-template-columns:1fr;gap:30px;padding-top:40px;padding-bottom:40px}.practice-preview h2 {font-size:60px}
 .intro-statement {display:block;padding-top:40px;padding-bottom:45px}.intro-statement>.small-label {margin-bottom:25px}.intro-statement p {font-size:23px}
 .project-navigation {padding:8px var(--gutter)}.project-navigation a {font-size:10px;padding:8px 10px}.project-navigation a:first-child {margin-right:0}.project-navigation a span {display:none}
 .page-eyebrow {margin-bottom:30px;gap:15px}.page-eyebrow>.small-label {font-size:8px;white-space:nowrap}.back-link {font-size:10px;gap:8px}
 .project-header {padding-bottom:30px}.project-header h1 {font-size:clamp(42px,11.5vw,82px)}.project-header .small-label {font-size:8px}
 .project-cover {padding:20px}.cover-figure .image-button {min-height:120px}.image-button img {max-height:500px}
 .project-overview {grid-template-columns:1fr;gap:25px;padding:35px 0}.project-overview dl {display:grid;grid-template-columns:1fr 1fr;gap:18px}.project-overview dl>div {margin:0}.project-overview dd {font-size:11px}.project-overview dt {font-size:9px}
 .project-overview h2 {font-size:30px}.project-overview p {font-size:14px}
 .chapter-navigation {gap:8px;padding:20px 0}.chapter-navigation>.small-label {width:100%}.chapter-navigation button {font-size:10px;padding:7px 10px}
 .project-chapter {padding:35px 0}.section-kicker {font-size:8px}.chapter-intro {display:block;padding:20px 0 25px}.chapter-intro p {margin-top:20px;font-size:13px}.chapter-intro h2 {font-size:32px}
 .chapter-images,.dark-bloom .chapter-0 .chapter-images {grid-template-columns:1fr;gap:25px}.chapter-images.count-3 .art-figure:last-child {grid-column:auto}
 .chapter-images .image-button {padding:15px}.project-credit {display:block;padding:25px 0}.project-credit p {margin-top:15px;font-size:10px}
 .project-pagination {gap:25px;padding-bottom:45px}.project-pagination a>span:last-child {font-size:25px}.project-pagination .small-label {font-size:8px}
 .collection-header {grid-template-columns:1fr;gap:30px;padding-bottom:30px}.collection-header h1 {font-size:95px}.collection-header p {font-size:13px}
 .collection-filter {gap:15px;margin-bottom:25px}.collection-filter>div {gap:16px}.collection-filter button {font-size:10px}.collection-filter>#result-count {display:none}
 .collection-grid {column-gap:20px}.collection-item {padding-bottom:30px}.collection-item .image-button {padding:8px}.collection-caption h2 {font-size:14px}.collection-caption p {font-size:10px}.collection-caption .small-label {font-size:8px}
 .about-hero {grid-template-columns:1fr;gap:30px;padding-bottom:40px}.about-hero h1 {font-size:clamp(44px,12vw,90px)}.about-hero .portrait-wrap {padding-left:20%}
 .about-story {display:block;padding:35px 0}.about-story>.small-label {margin-bottom:25px}.about-story h2 {font-size:32px}.about-story p {font-size:14px}
 .profile-details {grid-template-columns:1fr;gap:25px;padding:35px 0}.profile-details h2 {font-size:26px}.profile-details section {border-bottom:1px solid var(--line);padding-bottom:20px}
 .contact-block {padding-top:30px;padding-bottom:40px}.contact-content {display:block;margin-top:25px}.contact-content h2 {font-size:50px;margin-bottom:25px}
 .site-footer {grid-template-columns:1fr 1fr;gap:20px;font-size:10px}.site-footer>a:nth-child(3) {grid-column:2;grid-row:1}.site-footer>span:nth-child(2) {grid-column:1/-1}.footer-colophon {grid-column:1}.back-top {grid-column:2;grid-row:3}.footer-name {font-size:17px}
 .viewer-stage {padding:12px}.viewer-toolbar,.viewer-bottom {padding:10px 14px;gap:12px}.viewer-toolbar button {font-size:11px}.viewer-bottom p {font-size:10px;max-width:65%}.viewer-bottom>div {gap:7px}.viewer-bottom button {width:38px;height:44px}
}
@media(max-width:360px) {.collection-grid {columns:1}.project-card-image {height:220px}.hero-bottom p {max-width:145px}.hero-bottom .text-link {gap:10px}}
@media(prefers-reduced-motion:reduce) {*,*::before,*::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print {.work-heading::after,.practice-preview>div::before {display:none}.site-header,.site-footer,.project-navigation,.chapter-navigation,.text-link,.image-hint,.collection-filter,.project-pagination {display:none!important}body {background:white;color:black}.project-page,.about-page {padding:0}.project-chapter {break-inside:avoid}.hero {height:600px}.project-cover {background:white}}

/* November redesign: bold colour fields with neutral drawing plates. */
:root{--paper:#eee9f2;--white:#faf8f5;--muted:#655c6a;--line:#c9c0ce;--gutter:clamp(22px,5vw,88px);--header:76px}

body{background:var(--night);color:var(--paper)}
[hidden]{display:none!important}
a:focus-visible,button:focus-visible{outline-color:currentColor}
.small-label,.section-kicker,dt{font-size:11px}
.site-header{border-bottom:1px solid #514656}
.site-header a:focus-visible,.site-header button:focus-visible{outline-color:var(--purple)}
.text-link{border-bottom:1px solid currentColor;font-size:13px}
.hero{color:var(--night);display:block;height:auto;max-height:none;min-height:0;padding:24px var(--gutter) 28px;overflow:visible}
.hero-top{padding-bottom:24px;border-bottom:1px solid #6a598b}
.hero-composition{display:grid;grid-template-columns:.95fr 1.05fr;gap:3vw;min-height:710px;align-items:center}
.hero-copy{position:relative;z-index:1;padding:50px 0}
.hero-copy h1{position:static;writing-mode:horizontal-tb;transform:none;font-size:clamp(58px,7.6vw,122px);font-weight:700;line-height:.91;letter-spacing:-.075em;text-transform:uppercase;margin:30px 0 38px}
.hero-copy h1>span{color:var(--red)}
.hero-copy p{font-size:13px;line-height:1.7}
.hero-copy .text-link{margin-top:28px;min-width:185px}
.hero-exhibit{min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.hero-stage{position:relative;height:clamp(560px,70svh,660px)}
.hero-panel{height:100%;display:flex;align-items:center;justify-content:center;animation:art-enter 220ms ease-out}
.hero-panel img{width:auto;max-height:85%;max-width:min(94%,calc(var(--image-width)/var(--pixel-ratio)));box-shadow:14px 14px 0 var(--red)}
.hero-art{position:static;height:100%;width:100%;background:var(--red);mask:url('assets/branching-1600.webp') center/contain no-repeat;-webkit-mask:url('assets/branching-1600.webp') center/contain no-repeat;clip-path:inset(3px)}
.hero-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #6a598b}
.hero-controls>div{display:flex;gap:16px}
.hero-controls button{font-size:12px;min-height:48px;padding:8px 0;border-bottom:2px solid transparent}
.hero-controls button[aria-pressed=true]{border-color:var(--night);font-weight:700}
.hero-counter{font-size:10px;font-variant-numeric:tabular-nums}
.hero-caption{font-size:10px;text-transform:uppercase;letter-spacing:.08em;margin-top:12px;min-height:18px}

.selected-work,.work-page{padding-top:80px;padding-bottom:100px}
.section-title{align-items:end;border-top:1px solid #66596e;padding-top:24px;margin-bottom:48px}
.section-title .small-label{color:var(--purple);margin-bottom:15px}
.section-title h2{font-size:clamp(46px,5.5vw,80px);font-weight:700;text-transform:uppercase;letter-spacing:-.06em}
.section-title .text-link{color:var(--purple)}
.project-grid{gap:60px 40px}
.project-card{border:0;padding:0}
.project-card-image{height:clamp(250px,27vw,420px);padding:28px;background:var(--paper);border-bottom:8px solid var(--purple)}
.project-card-dark-bloom .project-card-image{background:var(--purple);border-color:var(--red)}
.project-card-balance .project-card-image{background:var(--red);border-color:var(--paper)}
.project-card-sleeping-wrecks .project-card-image{background:#d4cadf}
.project-card a:hover .project-card-image{background:var(--paper)}
.project-card-dark-bloom a:hover .project-card-image{background:var(--purple)}
.project-card-balance a:hover .project-card-image{background:var(--red)}
.project-card-sleeping-wrecks a:hover .project-card-image{background:#d4cadf}
.project-card-image img{transition:transform 220ms var(--ease-out)}
.project-card a:hover img{transform:translateY(-4px)}
.project-card-title>span,.project-card-title>span:last-child{color:var(--purple)}
.project-card-meta{color:#c5b9cf;font-size:10px}
.work-heading{padding:0 0 45px;min-height:0;border-bottom:1px solid #66596e;margin-bottom:40px}
.work-heading::after{display:none}
.work-heading .small-label,.work-heading h1{color:var(--purple)}
.practice-preview{gap:7vw;padding-top:75px;padding-bottom:75px;border:0;color:var(--white)}
.practice-preview h2{font-size:clamp(76px,11vw,160px);line-height:.85;letter-spacing:-.07em;margin:35px 0}
.practice-preview h2>span{display:inline-block;font-size:.7em;margin-left:18px}
.practice-preview>a{padding:25px;border:1px solid #d49b8b}
.practice-preview img{max-height:550px}
.intro-statement{padding-top:80px;padding-bottom:80px;background:var(--paper);color:var(--night)}
.intro-statement p{max-width:850px;font-size:clamp(23px,2.6vw,38px);line-height:1.3;letter-spacing:-.035em;margin-bottom:24px}
.intro-statement p+p{font-size:clamp(18px,1.7vw,25px);color:var(--muted)}

.project-page{padding:0;max-width:none}
.project-opening{padding:20px var(--gutter) 65px;max-width:1760px;margin:auto}
.page-eyebrow{margin-bottom:35px}
.page-eyebrow>.small-label{color:var(--purple)}
.project-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:6vw;align-items:center}
.project-header{min-width:0;border-top:3px solid var(--red);padding:24px 0 0}
.project-header::before{display:none}
.project-header>.small-label{color:#c5b9cf;max-width:330px}
.project-header h1{color:var(--purple);font-size:clamp(56px,7.2vw,110px);line-height:.92;letter-spacing:-.065em;margin:28px 0}
.project-summary{max-width:420px;font-size:16px;line-height:1.65}
.project-hero-number{display:block;margin-top:26px;font-size:52px;line-height:1;letter-spacing:-.07em;color:var(--purple)}
.project-cover{min-width:0;padding:20px 0 0;border:0;background:none}
.project-cover .image-button{background:var(--purple);padding:32px 25px 12px;border-left:8px solid var(--red);min-height:320px}
.project-cover .image-hint{color:var(--night)}
.project-cover figcaption{color:#c5b9cf;padding-top:18px}
.image-hint{font-size:11px;min-height:32px}
.image-hint span{font-size:21px}
.image-button:hover .image-hint span{transform:translate(2px,-2px)}
figcaption{gap:14px;font-size:12px;padding-top:15px}
.image-button img{max-height:720px}
.chapter-navigation{position:sticky;top:var(--header);z-index:30;display:flex;flex-wrap:nowrap;align-items:center;gap:12px;padding:12px var(--gutter);background:var(--night);color:var(--paper);border-top:1px solid #514656;border-bottom:1px solid #514656;overflow-x:auto;scrollbar-width:thin}
.chapter-navigation>.small-label{margin-right:auto;color:var(--purple);white-space:nowrap}
.chapter-navigation button{white-space:nowrap;min-height:44px;font-size:12px;padding:8px 14px;border:1px solid #66596e}
.chapter-navigation button:hover,.chapter-navigation button:focus-visible{background:var(--purple);color:var(--night);border-color:var(--purple)}
html{scroll-padding-top:calc(var(--header) + 95px)}
.project-overview{grid-template-columns:1fr 1.7fr;gap:8vw;padding:70px var(--gutter);background:var(--paper);color:var(--night);border:0}
.project-overview dl{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-content:start}
.project-overview dl>div{margin:0}
.project-overview dt{margin-bottom:8px}
.project-overview dd{font-size:13px}
.project-overview h2{font-size:42px;font-weight:500;text-transform:none;letter-spacing:-.045em;margin:14px 0 24px}
.project-overview p{max-width:760px;margin-top:20px;font-size:16px;line-height:1.8}
.project-overview>div>.small-label{color:var(--red)}
.project-chapter{padding:0;border:0;scroll-margin-top:0}
.chapter-intro{display:grid;grid-template-columns:80px 1fr 1fr;gap:30px;align-items:start;padding:38px var(--gutter);background:var(--purple);color:var(--night);border-top:1px solid #7a69a5}
.chapter-number{font-size:64px;font-weight:700;line-height:1;letter-spacing:-.065em}
.chapter-intro h2{font-size:clamp(30px,3.1vw,46px);font-weight:500;text-transform:none;margin-top:12px;letter-spacing:-.045em}
.chapter-intro p{font-size:14px;line-height:1.75;max-width:540px}
.chapter-intro:not(:has(>p)){grid-template-columns:80px 1fr}
.chapter-intro .small-label{font-size:10px}
.chapter-images{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:48px var(--gutter) 60px}
.surface-paper .chapter-images{background:var(--paper);color:var(--night)}
.chapter-images .art-figure{background:var(--white);color:var(--night);padding:24px;align-self:start}
.chapter-images .image-button{background:transparent;padding:0;min-height:160px}
.chapter-images figcaption{border-top:1px solid var(--line);margin-top:10px}
.surface-dark .chapter-images{background:var(--night)}
.layout-mapping{grid-template-columns:.85fr 1.15fr;align-items:center}
.layout-mapping .art-figure{align-self:center}
.layout-plates{grid-template-columns:1fr;gap:35px}
.layout-plates .image-button img{max-height:620px}
.layout-single{grid-template-columns:1fr;justify-items:center;padding-top:65px;padding-bottom:75px}
.layout-single .art-figure{width:min(100%,1080px)}
.layout-triptych,.dark-bloom .chapter-0 .chapter-images{grid-template-columns:repeat(3,minmax(0,1fr))}
.layout-triptych .image-button{min-height:250px}
.layout-park .art-figure:last-child{grid-column:1/-1}
.layout-park .art-figure:last-child .image-button{min-height:0}
.layout-section-study .art-figure:first-child{grid-column:1/-1}
.project-credit{padding:30px var(--gutter);color:#c5b9cf;border-top:1px solid #514656}
.project-pagination{padding:40px var(--gutter) 65px;background:var(--red);color:var(--white);border:0}
.project-pagination a,.project-pagination a:last-child{border:0;padding:0;gap:18px}
.project-pagination .small-label{color:inherit}
.project-pagination a>span:last-child{font-size:clamp(25px,3.7vw,55px)}
.project-pagination a:hover>span:last-child{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px}

.collection-page,.about-page{padding-top:20px}
.collection-header{padding:10px 0 50px;border:0;margin:0}
.collection-header h1{color:var(--purple)}
.collection-header p{font-size:15px}
.collection-filter{padding:16px 0;border-color:#66596e}
.collection-filter>div{gap:12px}
.collection-filter button{padding:8px 16px;border:1px solid transparent}
.collection-filter button[aria-pressed=true]{background:var(--purple);color:var(--night)}
.collection-filter button:hover{border-color:var(--purple)}
.collection-grid{column-gap:28px}
.collection-item{margin-bottom:30px;background:var(--paper);color:var(--night);padding:20px}
.collection-item .image-button{padding:0;background:transparent}
.collection-caption{padding-top:15px;border-top:1px solid var(--line);margin-top:10px}
.collection-caption h2{font-size:20px;margin:8px 0}
.collection-caption p{font-size:12px}
.collection-caption .small-label{font-size:10px;color:var(--red)}
.collection-outro{padding:25px 0 60px}
.about-hero{grid-template-columns:1.3fr 1fr;padding:20px 0 70px}
.about-hero h1{font-size:clamp(55px,7.5vw,112px);color:var(--purple)}
.portrait-wrap{padding:25px;background:var(--purple);border-right:12px solid var(--red)}
.portrait-wrap img{max-height:500px}
.about-story{margin:0 calc(-1 * var(--gutter));padding:65px var(--gutter);background:var(--paper);color:var(--night);border:0}
.about-story h2{font-size:42px;text-transform:none;font-weight:500}
.about-story p{font-size:16px}
.profile-details{padding:60px 0;border:0}
.profile-details h2{font-size:30px;margin-bottom:30px;color:var(--purple);font-weight:500;text-transform:none}
.profile-details h3{font-size:17px}
.profile-details p,.languages{font-size:13px}
.profile-details .small-label,.profile-note{color:#c5b9cf;font-size:10px}
.languages>div{border-color:#66596e}
.languages dt{color:var(--paper);font-size:13px}
.contact-block{padding-top:35px;padding-bottom:65px;color:var(--white)}
.contact-content h2{font-size:clamp(55px,7vw,100px)}
.contact-placeholder{font-size:13px}
.site-footer{padding-top:35px;padding-bottom:35px;border-top:1px solid #66596e;font-size:12px}
.footer-colophon{color:var(--purple);font-size:9px}
.site-footer a:hover{text-decoration:underline;text-underline-offset:5px}

#image-viewer{background:var(--paper)}
.viewer-toolbar,.viewer-bottom{color:var(--paper)}
.viewer-toolbar{border-bottom:3px solid var(--purple)}
.viewer-toolbar #viewer-count{color:var(--purple)}
.viewer-bottom{border-top:3px solid var(--red)}
.viewer-stage{padding:25px}
.viewer-bottom p{font-size:12px}

@keyframes art-enter{from{opacity:0;transform:translateY(5px)}
to{opacity:1;transform:none}
}

@media(min-width:1761px){.chapter-images,.chapter-intro,.project-overview{padding-left:max(var(--gutter),calc((100vw - 1584px)/2));padding-right:max(var(--gutter),calc((100vw - 1584px)/2))}
}

@media(max-width:1000px){.hero-composition{min-height:620px}
.hero-stage{height:500px}
.hero-copy h1{font-size:7.4vw}
.project-hero{gap:4vw}
.project-header h1{font-size:7.2vw}
.project-cover .image-button{padding:22px 18px 10px;min-height:260px}
.chapter-intro{grid-template-columns:60px 1fr;gap:25px}
.chapter-intro>p{grid-column:2}
.chapter-number{font-size:52px}
.project-overview{grid-template-columns:1fr 1.5fr;gap:40px}
.project-overview dl{grid-template-columns:1fr;gap:20px}
.chapter-navigation{gap:8px}
.chapter-navigation>.small-label{display:none}
.chapter-navigation button{padding:8px 11px}
}

@media(max-width:760px){:root{--header:70px;--gutter:22px}
html{scroll-padding-top:150px}
.identity{font-size:18px}
.hero{height:auto;max-height:none;min-height:0;padding-top:20px;padding-bottom:24px}
.hero-top{padding-bottom:18px}
.hero-top>.small-label:last-child{max-width:100px}
.hero-composition{display:block;min-height:0}
.hero-copy{padding:35px 0 20px}
.hero-copy>.small-label{font-size:10px}
.hero-copy h1{font-size:clamp(49px,12.1vw,90px);margin:18px 0 23px}
.hero-copy p{font-size:11px}
.hero-copy .text-link{margin-top:15px;min-width:170px}
.hero-exhibit{padding:0 0 5px}
.hero-stage{height:clamp(340px,96vw,480px)}
.hero-controls button{font-size:11px}
.hero-caption{font-size:9px}
.selected-work,.work-page{padding-top:45px;padding-bottom:55px}
.section-title{margin-bottom:30px;gap:15px}
.section-title h2{font-size:42px}
.section-title .small-label{font-size:9px}
.section-title .text-link{font-size:11px;gap:12px}
.project-grid{gap:35px}
.project-card-image{height:280px;padding:24px}
.project-card-title h2{font-size:32px}
.project-card-meta{font-size:9px}
.work-heading{padding-bottom:30px;margin-bottom:30px;min-height:0}
.work-heading h1{font-size:clamp(55px,12vw,85px)}
.practice-preview{gap:35px;padding-top:45px;padding-bottom:45px}
.practice-preview h2{font-size:90px;margin:25px 0}
.practice-preview>a{padding:18px}
.intro-statement{padding-top:45px;padding-bottom:50px}
.intro-statement p{font-size:26px}
.intro-statement p+p{font-size:19px}
.project-opening{padding-top:15px;padding-bottom:35px}
.page-eyebrow{gap:12px;margin-bottom:25px}
.page-eyebrow>.small-label{font-size:9px;white-space:normal}
.project-hero{grid-template-columns:1fr;gap:22px}
.project-header{padding-top:24px}
.project-header h1{font-size:clamp(49px,12.5vw,90px);max-width:10ch;margin:20px 0}
.project-header>.small-label{font-size:10px}
.project-summary{font-size:14px;max-width:540px}
.project-hero-number{display:none}
.project-cover{padding:0}
.project-cover .image-button{min-height:200px;padding:22px 16px 8px;border-left-width:6px}
.project-cover figcaption{font-size:11px}
.chapter-navigation{padding:10px var(--gutter);gap:8px}
.chapter-navigation button{font-size:11px}
.project-overview{grid-template-columns:1fr;gap:35px;padding-top:40px;padding-bottom:45px}
.project-overview dl{grid-template-columns:1fr 1fr;gap:25px 20px}
.project-overview dt{font-size:10px}
.project-overview dd{font-size:12px}
.project-overview h2{font-size:35px}
.project-overview p{font-size:14px}
.chapter-intro,.chapter-intro:not(:has(>p)){display:grid;grid-template-columns:45px 1fr;gap:18px;padding-top:30px;padding-bottom:30px}
.chapter-number{font-size:42px}
.chapter-intro h2{font-size:32px;margin-top:10px}
.chapter-intro .small-label{font-size:9px}
.chapter-intro>p{grid-column:1/-1;font-size:13px;margin-top:0}
.chapter-images,.layout-triptych,.dark-bloom .chapter-0 .chapter-images{grid-template-columns:1fr;gap:24px;padding-top:28px;padding-bottom:35px}
.chapter-images .art-figure{padding:16px}
.chapter-images .image-button{min-height:0}
.layout-park .art-figure:last-child,.layout-section-study .art-figure:first-child{grid-column:auto}
.image-button img{max-height:580px}
figcaption{font-size:11px;gap:10px}
.project-credit{padding-top:25px;padding-bottom:25px}
.project-credit p{margin-top:14px}
.project-pagination{gap:22px;padding-top:30px;padding-bottom:40px}
.project-pagination .small-label{font-size:9px}
.project-pagination a>span:last-child{font-size:26px}
.collection-header{padding-bottom:30px}
.collection-header h1{font-size:100px}
.collection-header p{font-size:14px}
.collection-filter>div{gap:5px}
.collection-filter button{font-size:11px;padding:8px 10px}
.collection-grid{column-gap:18px}
.collection-item{padding:13px;margin-bottom:20px}
.collection-caption h2{font-size:16px}
.collection-caption p{font-size:11px}
.collection-caption .small-label{font-size:9px}
.collection-item .image-hint{font-size:10px;gap:8px}
.about-hero{grid-template-columns:1fr;padding-top:10px;padding-bottom:40px}
.about-hero h1{font-size:clamp(44px,12vw,85px)}
.about-hero .portrait-wrap{margin-left:18%;padding:20px}
.about-story{padding-top:40px;padding-bottom:45px}
.about-story h2{font-size:35px}
.about-story p{font-size:14px}
.profile-details{padding:40px 0}
.profile-details h2{font-size:28px;margin-bottom:20px}
.profile-details section{border-color:#66596e}
.contact-block{padding-top:30px;padding-bottom:40px}
.contact-content h2{font-size:53px}
.site-footer{font-size:10px}
.footer-colophon{font-size:8px}
.viewer-stage{padding:12px}
.viewer-bottom p{font-size:11px}
}

@media(max-width:420px){.collection-grid{columns:1}
.project-card-image{height:240px}
.hero-stage{height:clamp(340px,96vw,400px)}
}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

@media print{.site-header,.site-footer,.chapter-navigation,.text-link,.image-hint,.project-pagination,.hero-controls{display:none!important}
body,.project-overview,.chapter-intro,.chapter-images,.about-story{background:white!important;color:black!important}
.project-opening{padding:0}
.project-header h1{color:black}
.project-chapter{break-inside:avoid}
}


.contact-block .section-kicker{color:var(--white)}

/* Page navigation is immediate; motion is reserved for the artwork selector. */
.hero-panel-0{animation:none}

.project-cover .image-button{color:var(--night)}


/* Reserve each plate's final image dimensions before lazy assets decode. */
.image-button img{width:min(100%,calc(var(--image-width)/var(--pixel-ratio)),calc(var(--image-max-height,720px) * var(--image-ratio)));height:auto;max-width:100%;max-height:none}

.layout-plates{--image-max-height:620px}

@media(max-width:760px){.image-button img{--image-max-height:580px}
}

.chapter-navigation button:focus-visible,.collection-filter button:focus-visible{outline-color:var(--purple)}
.project-cover .image-button:focus-visible{outline-color:var(--paper)}