*{box-sizing:border-box}body{margin:0;background:#262337;color:#f5e3bf;font:14px/1.6 system-ui,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:#f1b79a}a:focus-visible{outline:2px solid #edbc80;outline-offset:5px}header{max-width:1280px;margin:auto;display:flex;justify-content:space-between;gap:20px;padding:28px 34px;border-bottom:1px solid #e5bb802f;font-size:10px;letter-spacing:1.8px;color:#c8b6be}main{max-width:1280px;padding:0 34px;margin:auto}.intro{display:flex;align-items:center;justify-content:space-between;padding:44px 0 30px}.kicker{font-size:10px;letter-spacing:2px;color:#e4ad7c}h1{font:600 clamp(35px,5vw,67px)/1.1 Georgia,serif;letter-spacing:-2px;margin:15px 0}h1 span{color:#eaa58b}.lead{font:17px Georgia,serif;color:#cdbac0}.stamp{width:123px;height:123px;display:flex;flex-direction:column;justify-content:center;align-items:center;line-height:1.3;border:1px solid #d4a57b;color:#e2bc80;border-radius:50%;transform:rotate(9deg);font-size:9px;margin-right:30px}.stamp b{font:42px Georgia}.swatches{display:flex;gap:2px;margin-bottom:35px}.swatch{flex:1;padding:11px 12px;color:#30283f;font-size:9px;line-height:1.5}.swatch b{display:block;font-size:10px}.swatch:first-child{color:#fff0c4;border:1px solid #67516b}.gallery{display:grid;grid-template-columns:1.12fr 1fr;gap:22px}.gallery section{border:1px solid #80617b66;background:#302a40;overflow:hidden;border-radius:3px}.gallery .scene{grid-row:span 2;display:flex;flex-direction:column}.caption{padding:18px 22px;border-bottom:1px solid #80617b44}.caption span{display:block;color:#b69eae;font-size:9px;letter-spacing:1.5px}.caption b{display:block;font:20px Georgia;margin-top:8px;color:#f0d0a4}canvas{display:block;width:100%;height:auto;image-rendering:pixelated;background:#94b69b}.scene canvas{flex:1;object-fit:contain;background:#91ae91}.bottom{border-top:1px solid #80617b44;border-bottom:0;padding:9px 22px}.bottom p{font-size:11px;color:#c6b6c4}.gallery .notes{grid-column:span 2;padding:26px 30px;display:grid;grid-template-columns:1fr 1fr;column-gap:40px;align-items:center}.notes .kicker,.notes h2{grid-column:1;line-height:1.4}.notes h2{font:27px Georgia;margin:10px 0}.notes p{font-size:12px;color:#c6b6c4;margin:8px 0}.play{grid-column:2;display:inline-block;width:max-content;border:1px solid #dfa778;padding:10px 18px;margin-top:12px;color:#f4cf99;font-size:12px}footer{padding:30px 0;color:#ac94a9;font-size:9px;letter-spacing:1.5px}@media(max-width:750px){header{padding:20px;flex-wrap:wrap}header span{display:none}main{padding:0 18px}.intro{padding-top:30px}.stamp{display:none}.swatches{flex-wrap:wrap}.swatch{flex:1 0 23%;padding:8px}.gallery{grid-template-columns:1fr}.gallery .scene{grid-row:auto}.gallery .notes{grid-column:1;display:block}.notes .play{display:inline-block}.caption b{font-size:18px}.lead{font-size:15px;max-width:310px}}

body{background:#182b2d}.gallery section{background:#293e3f;border-color:#a3976455}.caption b{color:#e6d09e}.caption p,.notes p{color:#bbc8b9}.swatch{color:#213b3f}.gallery .notes{background:#293e3f}
 /* Gallery images keep their own aspect ratio rather than stretching into empty rows. */
.gallery .scene{grid-row:auto}.scene canvas{flex:none;object-fit:initial}.gallery{align-items:start}.gallery .notes{display:block}.caption span,.notes p,.bottom p{color:#bdc6ac}h1 span{color:#dab16b}.lead{color:#c3cbae}.stamp{border-color:#9a8e63;color:#dfbd7d}.swatch{color:#f2e4bc;text-shadow:0 1px #293a25}.gallery section,.gallery .notes{background:#293a2e}.scene canvas{background:#8ca369}