:root{color-scheme:light;--ink:#064f6a;--accent:#2887b2;--paper:#ffffff;--line:#d6e1e8;font-family:Arial,sans-serif;font-size:16px;color:#273d43;background:#edf1f4}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:var(--ink);text-underline-offset:4px}button:focus-visible,a:focus-visible{outline:3px solid #006f9b;outline-offset:4px}main{max-width:1536px;margin:auto;background:var(--paper)}.salon{position:relative}.room{display:block;width:100%;height:auto}.hotspot{position:absolute;border:2px solid transparent;border-radius:14px;background:transparent;transition:background .18s,border-color .18s,box-shadow .18s}.hotspot{appearance:none;-webkit-appearance:none;box-shadow:none}.hotspot:hover{background:transparent;border-color:transparent;box-shadow:none}.hotspot:focus-visible{outline:3px solid #006f9b;outline-offset:4px}.hotspot span{position:absolute;bottom:5%;left:50%;transform:translateX(-50%);white-space:nowrap;padding:9px 14px;border-radius:5px;background:var(--paper);color:var(--ink);font-size:1rem;box-shadow:0 2px 12px #0002;opacity:0;pointer-events:none}.hotspot:hover span,.hotspot:focus-visible span{opacity:1}.music{left:14.5%;top:23%;width:13%;height:51%}.travel{left:40%;top:19%;width:22%;height:22%}.books{left:82%;top:21%;width:17.5%;height:24%}.letter{left:55%;top:78%;width:17%;height:10%}.window{left:0;top:8%;width:13.4%;height:43%}nav{display:flex;align-items:center;justify-content:center;gap:10px 30px;padding:16px 20px 8px;flex-wrap:wrap}nav button,nav>a{padding:10px 4px;border:0;border-bottom:2px solid transparent;color:var(--ink);background:none;font-family:Arial,sans-serif;font-size:1.2rem}nav button:hover,nav>a:hover{border-bottom-color:var(--accent)}.invitation{text-align:center;margin:0;padding:8px 20px 22px;font-size:.9rem;color:#52636e;line-height:1.5}footer{max-width:1536px;padding:16px 24px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:auto;font-size:.875rem;color:#52636e;line-height:1.5}.test{font-style:italic}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{border:1px solid var(--line);padding:0;border-radius:12px;background:var(--paper);color:#273d43;max-width:850px;width:calc(100% - 32px);max-height:90dvh;box-shadow:0 24px 100px #001e3866}dialog::backdrop{background:#123440b0;backdrop-filter:blur(4px)}.dialog-top{position:sticky;top:0;background:var(--paper);z-index:1;padding:14px 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--ink);font-family:Arial,sans-serif}.dialog-top button{border:1px solid var(--line);border-radius:6px;padding:8px 12px;background:#fff;color:var(--ink)}.dialog-top button span{font-size:1.25rem;margin-left:8px}.dialog-body{padding:28px 38px 36px;line-height:1.65}.overline{color:#306f91;font-size:.875rem;letter-spacing:.1em;text-transform:uppercase;margin:0}h2{font-family:Arial,sans-serif;font-size:clamp(1.8rem,4vw,2.7rem);font-weight:400;color:var(--ink);margin:8px 0 16px;line-height:1.2}h3{font-family:Arial,sans-serif;font-size:1.25rem;font-weight:400;color:var(--ink);line-height:1.4}.destinations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}ul{list-style:none;padding:0}li{margin:6px 0}li a{display:inline-block;padding:4px 0}.note{font-size:.875rem;color:#52636e;border-top:1px solid var(--line);padding-top:18px;margin-top:26px}.link-list a{display:block;padding:20px 0;border-bottom:1px solid var(--line);font-family:Arial,sans-serif;font-size:1.35rem}.link-list span{display:block;color:#59635f;font:1rem Arial,sans-serif;margin-top:8px}.book-list article{border-bottom:1px solid var(--line);padding:18px 0}.book-list article>span{font-size:.875rem;color:#306f91}.book-list h3{margin:6px 0;font-size:1.4rem}.book-list p{margin-bottom:0}.primary{display:inline-block;background:var(--ink);color:white;border-radius:5px;padding:12px 20px;text-decoration:none;margin:10px 12px 10px 0}.secondary{display:inline-block;border:1px solid var(--line);background:#fff;color:var(--ink);padding:12px 16px;border-radius:5px}.email{display:block;font-size:clamp(1rem,4vw,1.4rem);overflow-wrap:anywhere;margin:24px 0}.season-buttons{display:flex;gap:10px}.season-buttons button{padding:10px 24px;border:1px solid var(--line);border-radius:6px;color:var(--ink);background:#fff}.season-buttons button[aria-pressed=true]{background:var(--ink);color:white}.garden{text-align:center;margin:26px auto 0}.garden img{width:220px;max-width:100%;height:auto;display:block;margin:auto;border:8px solid white;box-shadow:0 2px 14px #0002}.garden figcaption{margin-top:16px;color:#52636e}@media(max-width:600px){nav{gap:4px 18px;padding:12px 10px}nav button,nav>a{font-size:1.1rem;min-height:44px}.dialog-body{padding:22px}.dialog-top{padding:12px 16px}.destinations{grid-template-columns:1fr 1fr;gap:12px}.destinations section:last-child{grid-column:1/-1}footer{justify-content:center;text-align:center}.hotspot span{display:none}.invitation{font-size:.875rem}.letter{min-height:44px}.window{min-width:44px}}@media(prefers-reduced-motion:reduce){.hotspot{transition:none}}

.window span{left:8px;transform:none;white-space:normal;text-align:left;min-width:190px}.dialog-body{overflow-wrap:anywhere}@media(max-width:420px){.destinations{grid-template-columns:1fr}.destinations section:last-child{grid-column:auto}}

.featured-book{display:grid;grid-template-columns:minmax(0,230px) minmax(0,1fr);align-items:center;gap:32px;padding:28px 0 34px;border-bottom:1px solid var(--line)}.featured-book .cover-link{display:block}.featured-book img{display:block;width:100%;height:auto;box-shadow:0 8px 24px #12344026;border-radius:2px}.featured-book h3{font-size:1.55rem;margin:10px 0;line-height:1.3}.featured-book .overline{font-size:.875rem}.featured-book .primary{margin-right:0}.other-books-heading{margin-top:34px}@media(max-width:600px){.featured-book{grid-template-columns:1fr;gap:22px}.featured-book .cover-link{max-width:240px;width:100%;margin:auto}.featured-book h3{font-size:1.4rem}}

nav>a{text-decoration:none}

.cat{left:79.5%;top:49.5%;width:18%;height:22%;min-width:44px;min-height:44px}