:root{color-scheme:light;font-family:"Times New Roman",Times,serif;color:#000080;background:#fff}
*{box-sizing:border-box}
body{max-width:1440px;margin:0 auto;padding:24px 32px 40px}
header{border-bottom:1px solid #aaa;text-align:center;padding:5px 0 22px;margin-bottom:30px}
h1{font-size:24px;margin:0;font-weight:bold}
.layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:38px;align-items:start}
aside{position:sticky;top:24px}
nav ul{margin:0;padding-left:22px}
nav li{margin:0 0 18px;padding-left:2px;line-height:1.4}
a{color:#00e;text-decoration:underline}
a:visited{color:#551a8b}
nav a[aria-current="true"]{font-weight:bold}
button{font:inherit;cursor:pointer;color:#000080}
button:focus-visible,a:focus-visible{outline:2px solid #000080;outline-offset:4px}
#motion-toggle{display:block;width:30px;height:28px;margin:26px 0 0 19px;padding:0;border:1px solid #bbb;background:#fff;font:16px/1 Arial,sans-serif}
#moodboard{columns:3 240px;column-gap:14px;min-width:0;outline:none}
.tile{display:block;break-inside:avoid;margin:0 0 14px;position:relative}
.product-link{display:block;margin:0 0 10px}
.wish-note{margin:0 0 10px}
.image-button{display:block;width:100%;border:0;padding:0;background:none;text-align:left;cursor:zoom-in}
.tile img{display:block;width:100%;height:auto}
.animated-media{display:block;position:relative}
.gif-still{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.gif-still[hidden]{display:none}
.movie{width:100%;aspect-ratio:16/9;min-height:200px;position:relative;background:#000;color:#fff}
.movie iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.movie-fallback{display:flex;align-items:center;justify-content:center;height:100%;min-height:200px;text-align:center}
.movie-fallback[hidden]{display:none}
.movie-fallback a{color:#fff;font-size:15px}
#image-viewer{border:1px solid #999;background:#fff;padding:40px 16px 12px;max-width:calc(100vw - 32px);width:min(960px,calc(100vw - 32px));max-height:94dvh;color:#000080}
#image-viewer::backdrop{background:rgb(255 255 255 / 88%)}
#close-viewer{position:absolute;top:4px;right:7px;width:30px;height:30px;border:0;background:none;font-size:25px}
#viewer-image{display:block;width:100%;height:auto;max-height:72dvh;object-fit:contain}
.viewer-controls{display:flex;justify-content:center;gap:12px;margin-top:12px}
.viewer-controls button{width:36px;height:30px;background:#fff;border:1px solid #bbb;font-size:18px}
.skip-link{position:absolute;top:-100px;left:16px;background:#fff;padding:8px;z-index:2}
.skip-link:focus{top:8px}
.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:1000px){body{padding:22px 24px 32px}.layout{grid-template-columns:140px minmax(0,1fr);gap:24px}#moodboard{columns:2 200px}}
@media(max-width:600px){body{padding:20px 14px 28px}header{padding-bottom:18px;margin-bottom:24px}h1{font-size:21px}.layout{grid-template-columns:88px minmax(0,1fr);gap:16px}aside{top:18px}nav ul{padding-left:14px}nav li{padding-left:0;font-size:15px;overflow-wrap:anywhere}#motion-toggle{margin-left:11px}#moodboard{columns:1;column-gap:0}.tile{margin-bottom:12px}#image-viewer{padding:38px 10px 12px}#viewer-image{max-height:70dvh}}
@media(max-width:360px){body{padding-left:12px;padding-right:12px}.layout{grid-template-columns:76px minmax(0,1fr);gap:12px}nav li{font-size:14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
