body[data-palette=sage]{--paper:#f1f4f0;--base:#9aa99c;--mid:#b0bdb0;--light:#dce5d8;--band:#7e9385;--ink:#455b4f;--line:#bac8bb;--halo:#afc8ae44}
body[data-palette=lavender]{--paper:#f4f2f6;--base:#aaa3b6;--mid:#beb7c9;--light:#e5e0eb;--band:#958ca8;--ink:#5a526a;--line:#cbc3d6;--halo:#b9aad344}
body[data-palette=rose]{--paper:#f8f3f3;--base:#b89da4;--mid:#cbb1b7;--light:#ecdee0;--band:#aa858f;--ink:#70535c;--line:#dbc2c9;--halo:#d4aebc44}
body,header{background:var(--paper);color:var(--ink)}
header nav a,.intro,.intro p,.explore,.margin-note,.product-nav button,.product-nav button small,.details p,footer{color:var(--ink)}
.poster{background:radial-gradient(ellipse at 85% 35%,var(--light),transparent 48%),linear-gradient(115deg,var(--base),var(--mid) 48%,var(--light))}
.red-band{background:var(--band)}
.product-nav,.details,.explore{border-color:var(--line)}
.image-stage::before{background:radial-gradient(ellipse,var(--halo),transparent 70%)}
.image-stage::after{background:linear-gradient(125deg,#ffffff70,#ffffff08 48%,var(--halo))}
.palette-bar{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-family:Arial,'Malgun Gothic',sans-serif}
.palette-bar>span{font-size:8px;letter-spacing:1.5px;margin-right:12px}
.palette-bar button{display:flex;align-items:center;gap:8px;font-size:11px;border:1px solid transparent;border-radius:3px;padding:9px 12px;background:transparent;color:var(--ink)}
.palette-bar button[aria-pressed=true]{background:#ffffffa8;border-color:var(--line)}
.palette-bar i{display:block;width:12px;height:12px;border-radius:50%}
.poster h1{font-family:'Segoe UI',Arial,sans-serif;font-weight:300;font-stretch:normal;letter-spacing:-.045em;line-height:1}
.beyond{font-size:12.5vw;top:4%;font-weight:300}
.visible{font-size:8.3vw;bottom:9%;font-weight:300;letter-spacing:-.04em}
@media(max-width:950px){.beyond{font-size:15vw}.visible{font-size:9.3vw}}
@media(max-width:600px){.beyond{font-size:20vw;top:6%}.visible{font-size:11vw;bottom:18%}}
@media(max-width:600px){.palette-bar{padding:10px 8px;gap:4px}.palette-bar>span{display:none}.palette-bar button{font-size:10px;padding:9px 7px}}