/* A shared material language: photographic windows, champagne light, night. */
@view-transition { navigation: auto; }
@media (prefers-reduced-motion:no-preference) {
  ::view-transition-old(root) { animation: noel-leave .32s ease both; }
  ::view-transition-new(root) { animation: noel-arrive .6s cubic-bezier(.2,.7,.2,1) both; }
  @keyframes noel-leave { to { opacity:0;filter:brightness(.55); } }
  @keyframes noel-arrive { from { opacity:0;clip-path:inset(2% 1% round 5vw); } to { opacity:1;clip-path:inset(0 round 0); } }
}
.site-motion-control { position:fixed;z-index:65;bottom:1rem;right:1rem;display:flex;align-items:center;gap:.65rem;min-height:44px;padding:.65rem .95rem;border:1px solid #a4bdca55;border-radius:30px;background:#0b1929e8;backdrop-filter:blur(15px);color:#f1ecdf;box-shadow:0 4px 22px #0002;cursor:pointer;font:600 .61rem/1.3 "Open Sans",Arial,sans-serif; }
.site-motion-control[hidden] { display:none; }
.motion-symbol { display:flex;align-items:center;gap:3px;width:12px;height:14px; }
.motion-symbol i { display:block;width:3px;height:11px;background:#ebcc98; }
.site-motion-control[aria-pressed="true"] .motion-symbol { border-left:8px solid #ebcc98;border-top:5px solid transparent;border-bottom:5px solid transparent;height:0;width:0;margin-right:3px; }
.site-motion-control[aria-pressed="true"] .motion-symbol i { display:none; }
.site-motion-control:hover { background:#223f50; }
.site-motion-control:focus-visible { outline:2px solid #f3d5a1;outline-offset:4px; }
body:has(dialog[open]) .site-motion-control,body.menu-open .site-motion-control { visibility:hidden; }
html.motion-paused { scroll-behavior:auto!important; }
html.motion-paused *,html.motion-paused *::before,html.motion-paused *::after { animation:none!important;transition:none!important;scroll-behavior:auto!important; }
html.motion-paused::view-transition-old(root),html.motion-paused::view-transition-new(root) { animation:none!important; }
body .light-atlas { --atlas-turn:-22deg;position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1fr;gap:0 8vw;padding:7rem var(--gutter) 8rem;background:radial-gradient(ellipse at 22% 55%,#253e515e,transparent 52%),#08111b;color:#ecece4;overflow:hidden;border-top:1px solid #cfdfec22; }
.atlas-intro { grid-column:1;position:relative;z-index:2; }
.atlas-intro p { margin:0;color:#a1b6c4;font-size:.58rem;text-transform:uppercase;letter-spacing:.18em;font-weight:700; }
.atlas-intro h2 { margin:1rem 0 3rem;font:600 clamp(2.5rem,4.3vw,5rem)/1.1 "Open Sans",Arial,sans-serif;letter-spacing:-.06em; }
.atlas-orbit { position:relative;grid-column:1;grid-row:2;width:min(29vw,390px);aspect-ratio:1;margin:0 auto;align-self:center;transform:rotate(var(--atlas-turn));transition:transform 1.2s cubic-bezier(.2,.7,.2,1);border:1px solid #e8d2ae70;border-radius:50%; }
.atlas-orbit::before { content:"";position:absolute;inset:-8% -20%;border:1px solid #b7d5e52f;border-radius:50%;transform:rotate(32deg); }
.atlas-orbit::after { content:"";position:absolute;inset:7%;border:1px solid #e9c69044;border-radius:50%; }
.atlas-window { position:absolute;inset:14%;border-radius:50%;overflow:hidden;transform:rotate(calc(-1 * var(--atlas-turn)));transition:transform 1.2s cubic-bezier(.2,.7,.2,1);box-shadow:inset 2px 2px 25px #fff3,0 10px 40px #0008; }
.atlas-window img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.12);transition:opacity .6s,transform 1s; }
.atlas-window img.is-active { opacity:1;transform:scale(1); }
.atlas-star { position:absolute;top:calc(50% - 1rem);left:-.8rem;font:2rem/1 Georgia,serif;color:#f4daac;background:#0e1b29; }
.atlas-destinations { grid-column:2;grid-row:1 / span 2;align-self:center; }
.atlas-destinations a { display:grid;grid-template-columns:1.5rem 1fr auto;gap:1.1rem;align-items:center;min-height:100px;padding:1.3rem 0;border-top:1px solid #dbe5e12b;transition:color .3s,padding .4s;color:#9eafbe;font:600 clamp(1.05rem,1.6vw,1.55rem)/1.3 "Open Sans",Arial,sans-serif;letter-spacing:-.04em; }
.atlas-destinations a:last-child { border-bottom:1px solid #dbe5e12b; }
.atlas-destinations a.is-active { color:#f6ecda;padding-inline:1rem; }
.atlas-destinations a:focus-visible { outline:2px solid #f5d8a7;outline-offset:4px; }
.atlas-destinations small { display:block;margin-bottom:.35rem;font:600 .52rem/1.6 "Open Sans",Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#b7a385; }
.atlas-count { font-size:.55rem;font-weight:500;letter-spacing:.06em; }
.atlas-destinations b { color:#edcd9d;font-size:1.3rem;font-weight:400; }
body .site-footer { padding-bottom:5rem; }
@media(max-width:760px) {
  body .light-atlas { display:grid;grid-template-columns:1fr;padding-block:4.5rem;gap:0; }
  .atlas-intro { grid-column:1;grid-row:1; }
  .atlas-intro h2 { margin-bottom:2rem;font-size:2.7rem; }
  .atlas-orbit { grid-row:2;width:min(60vw,300px);margin:1rem auto 3rem; }
  .atlas-destinations { grid-column:1;grid-row:3; }
  .atlas-destinations a { min-height:83px;font-size:1.15rem; }
  .site-motion-control { bottom:.65rem;right:.65rem;padding:.6rem .8rem;min-height:44px; }
}
@media(prefers-reduced-motion:reduce) {
  .atlas-orbit,.atlas-window,.atlas-window img,.atlas-destinations a { transition:none; }
  ::view-transition-old(root),::view-transition-new(root) { animation:none!important; }
}