*{box-sizing:border-box}body{margin:0;background:#efede6;color:#35483e;font-family:Arial,'Microsoft YaHei',sans-serif}a{color:inherit;text-underline-offset:5px}button{font:inherit;color:inherit;cursor:pointer}header{padding:26px 5vw;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #bbc1b5;font-size:12px}header a{text-decoration:none}main{max-width:1480px;margin:auto;padding:56px 5vw}.eyebrow{font-size:11px;letter-spacing:1px}h1{font-size:clamp(40px,6vw,78px);letter-spacing:-.06em;line-height:1.15;margin:28px 0}p{line-height:1.9}.intro{max-width:600px;font-size:15px;color:#637165}.layout-collection{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 28px;margin:50px 0}figure{margin:0;min-width:0}.artwork-open{padding:0;border:0;background:transparent;display:block;width:100%;transition:transform .25s}.artwork-open:hover{transform:translateY(-5px)}.artwork-open img{width:100%;height:auto;display:block;box-shadow:0 8px 22px #34443d12;filter:none}figcaption{display:flex;gap:15px;padding:18px 0;border-bottom:1px solid #b7c0b3;align-items:baseline}figcaption>span{font-size:11px;opacity:.65}h2{font-size:19px;margin:0}figcaption p{font-size:11px;color:#647164;margin:8px 0 0}footer{border-top:1px solid #b7c0b3;padding:24px 0;font-size:12px;display:flex;justify-content:space-between;gap:24px;align-items:center}dialog{border:0;background:#efede6;color:#35483e;width:min(1000px,94vw);max-height:94svh;padding:18px}dialog::backdrop{background:#25382fcc;backdrop-filter:blur(6px)}#artwork-full{display:block;max-height:76svh;max-width:100%;width:auto;margin:15px auto;object-fit:contain}.viewer-top,.viewer-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:12px}.viewer-top button,.viewer-bottom button{border:1px solid #93a18f;background:transparent;border-radius:24px;padding:9px 13px}body:has(dialog[open]){overflow:hidden}:focus-visible{outline:3px solid #7b9182;outline-offset:5px}@media(max-width:850px){.layout-collection{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){main{padding-top:36px}.layout-collection{grid-template-columns:1fr;gap:32px}.intro{font-size:13px}footer{display:block}h1{font-size:44px}}@media(prefers-reduced-motion:reduce){.artwork-open{transition:none}}
.aphex-mark{display:inline-block;width:1em;height:1em;background:currentColor;mask:url('assets/aphex-mark.svg') center/contain no-repeat;-webkit-mask:url('assets/aphex-mark.svg') center/contain no-repeat;vertical-align:-.1em;font-style:normal}