:root{font-family:DM Sans,ui-sans-serif,system-ui,sans-serif;color:#f4eee7;background:#10100f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #f4eee7;--muted: #aba49d;--soft: #827b73;--red: #a94d36;--red-light: #cf7359;--line: rgba(244, 238, 231, .13)}*{box-sizing:border-box}html{background:#10100f}body{margin:0;min-width:320px;min-height:100vh}button,a{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid #df8b70;outline-offset:4px}.page-shell{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(ellipse 90% 44% at 4% -5%,rgba(169,77,54,.25),transparent 70%),radial-gradient(ellipse 80% 45% at 100% 100%,rgba(169,77,54,.08),transparent 70%),#10100f}.content{position:relative;z-index:1;width:min(100%,570px);margin:0 auto;padding:30px 20px calc(32px + env(safe-area-inset-bottom))}.ambient{position:absolute;border-radius:999px;border:1px solid rgba(207,115,89,.13);pointer-events:none}.ambient-one{width:460px;height:460px;top:-310px;right:-230px}.ambient-two{width:360px;height:360px;bottom:10%;left:-290px}.brand-header{display:flex;align-items:center;gap:12px;animation:appear .65s ease both}.brand-mark{display:grid;flex:0 0 38px;place-items:center;width:38px;height:38px}.brand-logo{display:block;width:38px;height:38px;object-fit:contain}.brand-logo-fallback{display:block;width:25px;height:25px;border:1px solid rgba(207,115,89,.72);border-radius:8px 8px 8px 2px;background:#a94d3629}.brand-logo:not([hidden])+.brand-logo-fallback{display:none}.brand-wordmark{display:block;color:var(--ink);font:500 21px/1 Playfair Display,Georgia,serif;letter-spacing:.02em}.brand-subtitle{display:block;margin-top:4px;color:var(--soft);font-size:9px;font-weight:600;letter-spacing:.17em;text-transform:uppercase}.intro{padding:86px 3px 40px;animation:appear .7s .06s ease both}.eyebrow,.section-kicker,.action-eyebrow,.qr-label{color:var(--red-light);font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase}.intro h1{max-width:10ch;margin:14px 0 18px;color:var(--ink);font:500 clamp(48px,14vw,76px)/.91 "Playfair Display",Georgia,serif;letter-spacing:-.055em}.intro h1 em{color:#d17b61;font-style:italic}.intro p{max-width:29ch;margin:0;color:var(--muted);font-size:15px;line-height:1.6}.actions{display:grid;gap:11px;padding-top:58px;animation:appear .7s .13s ease both}.action-card{position:relative;display:flex;align-items:center;width:100%;min-height:75px;padding:15px 14px;gap:13px;border:1px solid var(--line);border-radius:19px;background:#ffffff09;color:var(--ink);text-decoration:none;text-align:left;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}.action-card:after{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;content:"";box-shadow:inset 0 0 30px #ffffff05;pointer-events:none}.action-card:hover{border-color:#f4eee747;background:#fff1;transform:translateY(-2px)}.action-card:active{transform:translateY(1px) scale(.992)}.action-card--accent{border-color:#cf7359c2;background:linear-gradient(115deg,#a84b34,#833522);box-shadow:0 14px 38px #67251733}.action-card--accent:hover{border-color:#df8b70;background:linear-gradient(115deg,#b9563d,#913c28)}.action-card--accent .action-eyebrow{color:#f6c6b7}.action-icon{display:grid;flex:0 0 auto;place-items:center;width:41px;height:41px;border:1px solid rgba(244,238,231,.12);border-radius:50%;color:#d2c9c0;background:#00000029}.action-card--accent .action-icon{border-color:#fff1e738;color:#fff1e9;background:#2d0d0726}.action-copy{flex:1;min-width:0}.action-copy strong{display:block;margin-top:5px;font-size:15px;font-weight:600;letter-spacing:-.01em}.action-arrow{display:grid;flex:0 0 auto;place-items:center;width:35px;height:35px;border-radius:50%;color:var(--muted);background:#ffffff0f}.action-card--accent .action-arrow{color:#fff1e9;background:#ffffff1c}.wifi-action.is-open{border-color:#cf7359a6;background:#a94d361a}.wifi-panel{margin-top:13px;padding:20px;border:1px solid rgba(207,115,89,.35);border-radius:22px;background:#191817;box-shadow:0 24px 70px #0000004d;animation:panel-in .22s ease both}.panel-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.panel-heading h2{margin:7px 0 0;color:var(--ink);font:500 31px/.95 Playfair Display,Georgia,serif;letter-spacing:-.04em}.icon-button{display:grid;place-items:center;width:37px;height:37px;padding:0;border:1px solid var(--line);border-radius:50%;color:var(--muted);background:#ffffff09;cursor:pointer}.wifi-details{margin:22px 0 12px;overflow:hidden;border:1px solid var(--line);border-radius:15px}.wifi-details div{display:flex;justify-content:space-between;align-items:center;min-height:49px;gap:12px;padding:10px 13px;border-bottom:1px solid var(--line);font-size:13px}.wifi-details div:last-child{border-bottom:0}.wifi-details span{color:var(--soft)}.wifi-details strong{color:var(--ink);font-size:13px;font-weight:600}.wifi-details .password{letter-spacing:.13em}.copy-button{display:flex;justify-content:center;align-items:center;width:100%;min-height:50px;gap:8px;padding:0 16px;border:0;border-radius:14px;color:#fff7f0;background:var(--red);font-size:14px;font-weight:600;cursor:pointer;transition:background .18s ease,transform .18s ease}.copy-button:hover{background:#bf6249}.copy-button:active{transform:scale(.99)}.qr-card{display:flex;flex-direction:column;align-items:center;gap:15px;margin-top:18px;padding:18px;border-radius:16px;color:#27221f;background:#f8f4ed;text-align:center}.qr-card canvas{display:block;width:min(100%,220px);height:auto}.qr-card div{max-width:28ch}.qr-card .qr-label{color:#9c4834}.qr-card p{margin:7px 0 0;color:#665f58;font-size:12px;line-height:1.45}.wifi-instruction{margin:15px 2px 0;color:var(--muted);font-size:12px;line-height:1.55}.wifi-instruction strong{color:var(--ink);font-weight:600}.footer{padding:52px 3px 0;animation:appear .7s .2s ease both}.footer-rule{height:1px;margin-bottom:17px;background:var(--line)}.footer-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;color:var(--soft);font-size:9px;font-weight:600;letter-spacing:.17em}.footer-location{display:inline-flex;align-items:center;gap:4px;margin-left:auto;color:#a19a91;letter-spacing:.08em}@keyframes appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes panel-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media(min-width:620px){.content{padding-top:52px}.actions{padding-top:82px}.action-card{min-height:80px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
