body.art-page{margin:0;background:#080910;color:#f1eee6;min-height:100svh}body.art-page header{color:#f1eee6}body.art-page header .brand img{filter:brightness(0) invert(1)}body.art-page #menuToggle{color:#f1eee6;-webkit-tap-highlight-color:transparent;background:transparent;box-shadow:none}body.art-page #menu{background:#080910}body.art-page #menu::after{display:none}.art-main{max-width:1360px;margin:auto;padding:145px 5% 45px}.art-main h1{font-size:10px;letter-spacing:2.5px;font-weight:400;color:#b6b7c4;margin:0 0 26px}.art-stage{width:100%;position:relative}.art-stage canvas{width:100%;display:block}.art-stage img{width:100%;height:auto}.art-controls{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:10px}.art-controls button{background:#efeee6;border:1px solid #efeee6;color:#151521;border-radius:40px;padding:17px 32px;min-width:180px;font-size:14px;transition:background .2s,transform .2s}.art-controls button:hover{background:#c9dcb3;transform:translateY(-2px)}.art-controls button span{margin-left:22px}.art-controls button:disabled{opacity:.55;cursor:wait}.art-controls p{color:#9294a5;font-size:11px;letter-spacing:.06em;margin:0}.art-back{font-size:11px;display:inline-block;margin-top:36px;color:#c4c4cd}.art-page a:focus-visible,.art-page button:focus-visible{outline:2px solid #a8c88d;outline-offset:6px}.art-page #menu>a[aria-current]{color:#c4df9f}@media(max-width:700px){.art-main{padding:125px 5% 30px}.art-main h1{margin-bottom:20px}.art-controls{margin-top:4px}.art-controls button{padding:14px 28px}.art-back{margin-top:30px}}@media(prefers-reduced-motion:reduce){.art-controls button{transition:none}}
/* Artwork stretches across the page; its fragments use the entire viewport. */
.art-main{max-width:none;padding-inline:2%;padding-top:135px}
.art-stage{aspect-ratio:2/1}
.art-stage canvas{position:fixed;inset:0;width:100vw;height:100dvh;z-index:5;pointer-events:none}
.art-controls,.art-back{position:relative;z-index:6}
.art-controls{margin-top:30px}.art-main h1{position:relative;z-index:6}
@media(max-width:700px){.art-main{padding:125px 1.5% 30px}.art-controls{margin-top:28px}}

/* Place the action before the image and keep desktop artwork comfortably sized. */
.art-controls{margin:0 0 28px}
.art-stage{max-width:1100px;width:min(100%,calc(116svh - 430px));margin:0 auto}
.art-back{margin-top:30px}
@media(min-width:701px){.art-main{padding-top:125px}.art-stage{max-width:1000px;width:min(78vw,calc(120svh - 420px))}}
@media(max-width:700px){.art-stage{width:100%;max-width:none}.art-controls{margin:0 0 24px}}

/* Compact, centered action and a larger desktop artwork. */
.art-controls button{position:relative;min-width:120px;padding:11px 25px;font-size:12px;text-align:center;display:flex;justify-content:center;align-items:center;gap:0}
.art-controls button span{position:absolute;right:13px;margin:0;font-size:11px}
@media(min-width:701px){.art-stage{width:min(78vw,1240px);max-width:1240px}.art-controls button{min-width:120px;padding:11px 25px}}
@media(max-width:700px){.art-controls button{min-width:112px;padding:10px 23px;font-size:11px}}