:root{--g-ink:#1b2a33;--g-muted:#4d5b64;--g-paper:#faf8f4;--g-card:#fff;--g-sand:#dccdb3;--g-rule:#e6dfd2;--g-accent:#a55b41;--g-accent-dark:#86452f;--g-teal:#1f4e5f;--g-serif:Georgia, "Times New Roman", serif;--g-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--g-ease:cubic-bezier(.2, .9, .25, 1)}body{color:var(--g-ink);background:var(--g-paper);font-family:var(--g-sans);font-size:1.0625rem}.site-header,.site-footer,main{width:min(44rem,100% - 2rem)}.site-header{align-items:center;min-height:4.25rem;display:flex}.wordmark img{width:7.5rem;height:auto;display:block}main{min-height:0;padding-bottom:7rem}.icon{flex:none;width:1.4rem;height:1.4rem}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.language-select{margin-left:auto}.moved{padding:3rem 0}.moved h1{font-family:var(--g-serif);font-size:2rem;font-weight:500}.site-footer{border-top:1px solid var(--g-rule);color:var(--g-muted);gap:1rem;padding:2rem 0 7rem;font-size:.9rem;display:grid}.site-footer p{margin:0}html:not(.js) .bar,html:not(.js) .lang-chip,html:not(.js) .gate{display:none}html:not(.js) .locale{margin-bottom:4rem}html:not(.js) dialog.topic{width:auto;margin:0 0 1rem;display:block;position:static}html:not(.js) .topic [data-close]{display:none}@media (width>=40rem){.site-footer{grid-template-columns:1fr 1fr auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.gate{background:radial-gradient(40rem 22rem at 90% -10%, #f1e1d3 0%, transparent 60%), radial-gradient(36rem 22rem at -10% 110%, #dbe8eb 0%, transparent 60%), var(--g-paper);border-radius:1.75rem;flex-direction:column;align-items:center;min-height:calc(100dvh - 9rem);padding:1.5rem 1rem 2rem;display:none}html.js:not([data-view=home]) .gate{animation:gate-in .5s var(--g-ease);display:flex}.gate-body{width:min(32rem,100%);margin-block:auto;display:grid}.gate-hello{height:3.4rem;color:var(--g-accent-dark);font-family:var(--g-serif);margin:0;font-size:clamp(2.4rem,11vw,3.4rem);line-height:1.15;overflow:hidden}.gate-hello span{animation:hello .7s var(--g-ease);display:block}.gate-title{color:var(--g-muted);align-items:center;gap:.55rem;margin:.4rem 0 1.4rem;font-size:1rem;font-weight:500;display:flex}.gate-list{grid-template-columns:1fr 1fr;gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.gate-list li{animation:rise .65s var(--g-ease) both;animation-delay:calc(var(--i) * 55ms + .15s)}.gate-list button{border:1px solid var(--g-rule);width:100%;min-height:3.6rem;color:var(--g-ink);background:var(--g-card);font:inherit;text-align:left;cursor:pointer;transition:transform .2s var(--g-ease), box-shadow .2s, border-color .2s;border-radius:1.1rem;align-items:center;gap:.75rem;padding:0 1rem;font-weight:600;display:flex;box-shadow:inset 0 1px #fff,0 6px 16px -10px #1b2a3359}.gate-list button:hover{border-color:var(--g-accent);transform:translateY(-2px)}.gate-list button:active{transform:scale(.96)}.gate-list [data-suggested] button{border-color:var(--g-accent);box-shadow:0 0 0 3px #a55b412e}.gate-list button:focus-visible,.lang-chip:focus-visible,.tile:focus-visible,.act:focus-visible,.bar a:focus-visible,.topic button:focus-visible{outline:3px solid var(--g-teal);outline-offset:3px}.flag{border-radius:50%;flex:none;width:1.9rem;height:1.9rem;overflow:hidden;box-shadow:0 0 0 1px #1b2a3324}@keyframes rise{0%{opacity:0;transform:translateY(18px)scale(.96)}}@keyframes hello{0%{opacity:0;transform:translateY(100%)}}@keyframes gate-in{0%{opacity:0}}.locale{display:block;position:relative}html.js .locale{display:none}html.js .locale.active{animation:home-in .6s var(--g-ease);display:block}.lang-chip .flag{width:1.4rem;height:1.4rem}.lang-chip{z-index:10;border:1px solid var(--g-rule);min-height:2.75rem;color:var(--g-ink);backdrop-filter:blur(10px);font:inherit;cursor:pointer;background:#ffffffd9;border-radius:99px;align-items:center;gap:.5rem;padding:0 1rem;font-size:.9rem;font-weight:600;display:flex;position:absolute;top:-3.55rem;right:0}.locale:not(.active) .lang-chip,.locale:not(.active) .bar{display:none}.hero{color:#fff;background:var(--g-teal);border-radius:1.75rem;position:relative;overflow:hidden}.hero img{object-fit:cover;object-position:50% 45%;width:100%;height:21rem;animation:26s ease-in-out infinite alternate drift;display:block}.hero:after{content:"";background:linear-gradient(#0000 30%,#12242cd1 100%);position:absolute;inset:0}.hero-text{z-index:1;padding:1.5rem 1.4rem;position:absolute;inset:auto 0 0}.hero h2{max-width:17ch;font-family:var(--g-serif);animation:rise .9s var(--g-ease) .15s both;margin:0 0 .6rem;font-size:clamp(1.9rem,7.4vw,2.7rem);font-weight:500;line-height:1.08}.hero p{color:#ffffffe6;max-width:34ch;animation:rise .9s var(--g-ease) .3s both;margin:0;line-height:1.5}.facts{flex-wrap:wrap;gap:.5rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.facts li{border:1px solid var(--g-rule);background:var(--g-card);color:var(--g-teal);border-radius:99px;align-items:center;gap:.45rem;padding:.4rem .75rem .4rem .6rem;font-size:.8rem;font-weight:600;display:flex}.facts .icon{width:1.1rem;height:1.1rem}.bar{inset:auto 0 max(.8rem, env(safe-area-inset-bottom));z-index:8;backdrop-filter:blur(14px);width:min(44rem,100% - 1.5rem);animation:rise .8s var(--g-ease) .6s both;background:#faf8f4d1;border:1px solid #ffffffb3;border-radius:99px;gap:.6rem;margin-inline:auto;padding:.5rem;display:flex;position:fixed;box-shadow:0 14px 30px -14px #1b2a3373}.bar a{color:#fff;text-align:center;min-height:3rem;transition:transform .2s var(--g-ease);border-radius:99px;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:0 .5rem;font-size:.85rem;font-weight:700;line-height:1.15;text-decoration:none;display:flex}.bar a:active{transform:scale(.95)}.bar-call{background:var(--g-teal)}.bar-sos{background:var(--g-accent)}@keyframes home-in{0%{opacity:0;transform:translateY(14px)}}@keyframes drift{to{transform:scale(1.1)translate(-2%)}}@media (width>=40rem){.hero img{height:26rem}}dialog.topic{width:min(100%,38rem);max-width:none;max-height:90dvh;color:var(--g-ink);background:0 0;border:0;margin:auto auto 0;padding:0;overflow:visible}dialog.topic::backdrop{backdrop-filter:blur(6px);background:#12242c7a}dialog.topic[open]::backdrop{animation:.3s both fade}dialog.topic.closing::backdrop{animation:.22s reverse both fade}.sheet{max-height:90dvh;padding:.5rem 1.25rem max(1.5rem, env(safe-area-inset-bottom));background:var(--g-paper);overscroll-behavior:contain;border-radius:1.9rem 1.9rem 0 0;overflow-y:auto}dialog.topic[open] .sheet{animation:sheet-up .42s var(--g-ease)}dialog.topic.closing .sheet{animation:.22s ease-in forwards sheet-down}.sheet:before{background:var(--g-sand);content:"";border-radius:99px;width:2.6rem;height:.28rem;margin:.4rem auto .9rem;display:block}.sheet header{z-index:1;background:var(--g-paper);align-items:center;gap:.8rem;margin:0 -1.25rem .5rem;padding:.2rem 1.25rem .8rem;display:flex;position:sticky;top:-.5rem}.sheet header .bubble{background:var(--tone);flex:none;position:static}.sheet h3{font-family:var(--g-serif);flex:1;margin:0;font-size:1.45rem;font-weight:500;line-height:1.15}.sheet header button{width:2.75rem;height:2.75rem;color:var(--g-ink);cursor:pointer;transition:transform .25s var(--g-ease);background:#ece4d4;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.sheet header button:hover{transform:rotate(90deg)}.sheet article{background:var(--g-card);animation:rise .6s var(--g-ease) both;animation-delay:calc(var(--i) * 70ms + .12s);border-radius:1.25rem;margin-top:.75rem;padding:1.1rem 1.15rem;box-shadow:0 8px 20px -16px #1b2a3366}.sheet h4{margin:0 0 .35rem;font-size:1.05rem}.sheet article p{color:var(--g-muted);margin:0;line-height:1.6}.actions{flex-wrap:wrap;gap:.5rem;margin-top:.9rem;display:flex}.act{min-height:2.9rem;transition:transform .2s var(--g-ease);border-radius:99px;align-items:center;gap:.5rem;padding:0 1.1rem;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-flex}.act:active{transform:scale(.95)}.act .icon{width:1.1rem;height:1.1rem}.call{color:#fff;background:var(--g-accent)}.out{color:var(--g-teal);background:#e3edf0}@keyframes fade{0%{opacity:0}}@keyframes sheet-up{0%{opacity:.6;transform:translateY(100%)}}@keyframes sheet-down{to{opacity:.4;transform:translateY(100%)}}@media (width>=40rem){dialog.topic{margin:auto}.sheet{border-radius:1.9rem}}dialog.topic:focus,dialog.topic:focus-visible,.sheet:focus-visible{outline:none}.ask{font-family:var(--g-serif);margin:2.2rem 0 1rem;font-size:1.75rem;font-weight:500}.tiles{grid-template-columns:1fr 1fr;gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.tiles li{animation:rise .7s var(--g-ease) both;animation-delay:calc(var(--i) * 70ms + .25s)}.tile{height:100%;min-height:10.5rem;color:var(--ink);background:var(--tone);transition:transform .25s var(--g-ease), box-shadow .25s;border-radius:1.5rem;align-content:end;gap:.2rem;padding:1.1rem;text-decoration:none;display:grid;position:relative}.tile strong{font-family:var(--g-serif);font-size:1.2rem;font-weight:500;line-height:1.15}.tile .hint{opacity:.8;padding-right:2rem;font-size:.85rem;line-height:1.35}.bubble{width:3.1rem;height:3.1rem;color:var(--ink);transition:transform .4s var(--g-ease);background:#ffffffbf;border-radius:50%;place-items:center;display:grid;position:absolute;top:1rem;left:1.1rem}.bubble .icon{width:1.6rem;height:1.6rem}.go{width:2rem;height:2rem;transition:transform .3s var(--g-ease);background:#ffffff8c;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:.9rem;right:.9rem}.go .icon{width:1rem;height:1rem}.tile:hover{transform:translateY(-3px);box-shadow:0 16px 28px -18px #1b2a338c}.tile:hover .bubble{transform:rotate(-8deg)scale(1.08)}.tile:hover .go{transform:translate(3px)}.tile:active{transform:scale(.95)}.tile-arrival{--tone:#f1e3d6;--ink:#86452f}.tile-wifi{--tone:#dce9ec;--ink:#1f4e5f}.tile-food{--tone:#f4e9cf;--ink:#7a5a14}.tile-pool{--tone:#d3e6ec;--ink:#1f4e5f}.tile-apartment{--tone:#eee5d2;--ink:#6b5a3a}.tile-reception{--tone:#dfe7e2;--ink:#2f5a50}.tile-area{--tone:#f0dfd0;--ink:#a55b41}.tile-emergency{--tone:#a55b41;--ink:#fff}.tile-emergency .bubble,.tile-emergency .go{background:#ffffff38}@media (width>=40rem){.tiles{grid-template-columns:repeat(4,1fr)}}
