.demo{--paper:#f6f4ef;--ink:#262826;--accent:#644c3d;--muted:#73766f;--edge:clamp(22px, 5vw, 90px);--ex-bg:var(--paper);--ex-fg:var(--ink);--ex-panel:var(--paper);--ex-accent:var(--accent);--ex-accent-fg:#fff;background:var(--paper);color:var(--ink);min-height:100vh;font-family:var(--font-sans);--ease-out:cubic-bezier(.23, 1, .32, 1)}.demo :is(h1,h2,h3,p){margin:0}.demo :is(h1,h2,h3){text-wrap:balance;letter-spacing:-.035em}.demo h1{font-size:clamp(44px,6vw,90px);font-weight:500;line-height:1.07}.demo h2{font-size:clamp(32px,4vw,58px);font-weight:500;line-height:1.12}.demo h3{font-size:23px;line-height:1.25}.demo p{line-height:1.7}.demo button{cursor:pointer}.demo button:disabled{cursor:default;opacity:.4}.demo a,.demo button{-webkit-tap-highlight-color:transparent}.demo :is(a,button,input,select,textarea):focus-visible{outline-offset:5px;outline:3px solid}.demo input,.demo textarea,.demo select{min-width:0;max-width:100%}.demo-toolbar{color:#fff;z-index:90;letter-spacing:0;background:#102a44;justify-content:space-between;align-items:center;height:32px;padding:0 20px;font-size:10px;display:flex;position:relative}.demo-toolbar a{align-items:center;gap:6px;display:flex}.demo-toolbar>span{color:#c0d1db}.demo-header{min-height:100px;padding:20px var(--edge);border-bottom:1px solid color-mix(in srgb, var(--ink) 15%, transparent);z-index:40;justify-content:space-between;align-items:center;gap:30px;display:flex;position:relative}.demo-brand{letter-spacing:-.05em;flex-shrink:0;font-size:25px;font-weight:600;line-height:1.2}.demo-brand small{letter-spacing:.14em;text-transform:uppercase;margin-top:5px;font-size:9px;font-weight:400;display:block}.demo-navigation{align-items:center;gap:clamp(22px,3vw,48px);font-size:13px;display:flex}.demo-navigation a{padding:10px 0;position:relative}.demo-navigation a:after{content:"";transform-origin:0;height:1px;transition:transform .25s var(--ease-out);background:currentColor;position:absolute;bottom:4px;left:0;right:0;transform:scaleX(0)}.demo-navigation a.active:after,.demo-navigation a:hover:after{transform:scaleX(1)}.demo-navigation a:last-child{border:1px solid color-mix(in srgb, var(--ink) 25%, transparent);border-radius:99px;padding:12px 22px}.demo-navigation a:last-child:after{display:none}.demo-nav-tools{align-items:center;gap:15px;display:flex}.demo-nav-tools:empty,.demo-menu-toggle{display:none}.demo-section{padding:clamp(50px, 7vw, 110px) var(--edge)}.demo-eyebrow{letter-spacing:.16em;text-transform:uppercase;margin-bottom:22px;font-size:10px;font-weight:500;line-height:1.6;display:block}.demo-button{background:var(--ink);min-height:50px;color:var(--paper);transition:transform .2s var(--ease-out), background .2s;border-radius:8px;justify-content:center;align-items:center;gap:30px;padding:14px 25px;font-size:13px;line-height:1.4;display:inline-flex}.demo-button:hover{transform:translateY(-3px)}.demo-button.light{background:var(--paper);color:var(--ink)}.demo-button.outline{color:inherit;background:0 0;border:1px solid}.demo-text-link{border-bottom:1px solid;align-items:center;gap:15px;padding:8px 0;font-size:13px;display:inline-flex}.demo-caption{color:var(--muted);font-size:11px;line-height:1.6!important}.demo-page-heading{padding:65px var(--edge) 55px}.demo-page-heading h1{max-width:1000px}.demo-page-heading>p{max-width:550px;color:var(--muted);margin-top:25px;font-size:16px}.demo-footer{padding:45px var(--edge);border-top:1px solid color-mix(in srgb, var(--ink) 15%, transparent);justify-content:space-between;align-items:center;gap:30px;font-size:12px;display:flex}.demo-footer>a:first-child{letter-spacing:-.04em;font-size:22px}.demo-footer>a span{letter-spacing:0;margin-top:7px;font-size:10px;display:block}.demo-footer p{color:var(--muted);font-size:10px}.demo-footer>a:last-child{align-items:center;gap:15px;display:flex}.demo-form{max-width:620px}.demo-form h2{margin-bottom:35px;font-size:34px}.demo-form label{margin-top:22px;font-size:12px;display:block}.demo-form :is(input,textarea){border:1px solid color-mix(in srgb, var(--ink) 25%, transparent);width:100%;color:inherit;font:inherit;resize:vertical;background:0 0;margin-top:8px;padding:15px;display:block}.demo-form>button{margin:25px 0 15px}.demo-success{gap:20px;padding:30px 0;display:grid}.demo-success button{width:fit-content;text-decoration:underline}.demo-dialog{background:var(--paper);max-width:min(92vw,800px);max-height:90dvh;color:var(--ink);border:0;margin:auto;padding:0;overflow:auto}.demo-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#081019b5}.demo-dialog-content{padding:50px;position:relative}.demo-dialog-close{z-index:3;background:var(--paper);border:1px solid;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:14px;right:14px}.demo-pills{flex-wrap:wrap;gap:10px;display:flex}.demo-pills button{border:1px solid color-mix(in srgb, var(--ink) 25%, transparent);border-radius:99px;padding:12px 20px;font-size:12px}.demo-pills button[aria-pressed=true]{color:var(--paper);background:var(--ink)}.demo-booking-layout{grid-template-columns:.9fr 1.1fr;align-items:start;gap:8vw;display:grid}.demo-booking-layout>div:first-child img{aspect-ratio:4/3;object-fit:cover;width:100%;margin-top:30px}.demo-booking-layout .step-frame{border:1px solid color-mix(in srgb, var(--ink) 25%, transparent);background:var(--paper);color:var(--ink);padding:35px}.demo-booking-layout h3{font-size:30px}.demo .step-frame .experience-button{background:var(--ink);color:var(--paper);border-radius:8px}.demo .demo-note{color:var(--muted);margin-top:20px;font-size:10px}.demo .step-frame .choice-list button{border-color:color-mix(in srgb, var(--ink) 25%, transparent)}@media (width<=900px){.demo-header{gap:15px;min-height:85px}.demo-navigation{gap:20px}.demo-booking-layout{gap:35px}.demo-footer{flex-wrap:wrap}.demo-footer>p{flex-basis:100%;order:3}}@media (width<=700px){.demo-toolbar{padding:0 14px;font-size:9px}.demo-toolbar>span{display:none}.demo-header{min-height:82px;padding-block:18px}.demo-menu-toggle{place-items:center;width:40px;height:40px;display:grid}.demo-navigation{background:var(--paper);color:var(--ink);padding:20px var(--edge);border-bottom:1px solid;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 20px 25px #0002}.demo-navigation.is-open{flex-direction:column;align-items:stretch;gap:10px;display:flex}.demo-navigation a{padding:13px 0}.demo-navigation a:last-child{width:fit-content;margin:10px 0}.demo-brand{font-size:22px}.demo h1{font-size:clamp(38px,10.5vw,64px)}.demo-page-heading{padding-top:42px;padding-bottom:35px}.demo-page-heading>p{font-size:14px}.demo-booking-layout{grid-template-columns:1fr}.demo-booking-layout>div:first-child img{display:none}.demo-booking-layout .step-frame{padding:23px}.demo-dialog-content{padding:60px 24px 30px}.demo-footer{padding-block:35px}.demo-footer>a:last-child{font-size:11px}.demo-button{gap:20px}}@media (prefers-reduced-motion:reduce){.demo *,.demo :before,.demo :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation:none!important}}.flip-gallery{outline-offset:-5px;touch-action:pan-y;position:relative}.flip-stage{perspective:1200px;place-items:center;height:clamp(350px,39vw,570px);display:grid;position:relative;overflow:hidden}.flip-photo{transform-origin:50%;cursor:pointer;border:1px solid #ffffff30;width:clamp(230px,45vw,630px);height:88%;position:absolute;overflow:hidden;box-shadow:0 20px 45px #0007}.flip-photo img{object-fit:cover;pointer-events:none;width:100%;height:100%}.flip-photo>span{text-align:left;color:#fff;background:linear-gradient(#0000,#0009);padding:45px 25px 22px;font-size:15px;position:absolute;inset:auto 0 0}.flip-control{justify-content:center;align-items:center;gap:30px;margin-top:15px;display:flex}.flip-control button{border:1px solid;border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.flip-control span{color:var(--muted);font-size:11px}.flip-control strong{color:var(--ink);min-width:110px;margin-top:4px;font-size:13px;font-weight:400;display:block}.flip-gallery>.demo-caption{text-align:center;margin:15px 0}.scroll-card{margin-bottom:35px;position:sticky}.scroll-card>div{will-change:transform}@media (width<=700px){.scroll-card{position:relative;top:0!important}.flip-stage{height:360px}.flip-photo{width:65vw}}@media (prefers-reduced-motion:reduce){.scroll-card{position:relative;top:0!important}.scroll-card>div{will-change:auto}}.step-frame{background:var(--ex-panel);border:1px solid color-mix(in srgb, currentColor 18%, transparent);align-self:start;min-width:0;padding:clamp(22px,3vw,42px)}.step-progress{justify-content:space-between;gap:16px;padding-bottom:32px;list-style:none;display:flex}.step-progress li{opacity:.4;align-items:center;gap:8px;font-size:11px;display:flex}.step-progress li.is-current{opacity:1}.step-progress li>span{border:1px solid;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.step-progress li.is-current>span{background:var(--ex-accent);color:var(--ex-accent-fg);border-color:#0000}.step-frame h3{letter-spacing:-.04em;margin-bottom:28px;font-size:25px;font-weight:450;line-height:1.15}.step-content{min-height:240px;overflow:hidden}.step-actions{border-top:1px solid color-mix(in srgb, currentColor 15%, transparent);justify-content:space-between;align-items:center;gap:16px;margin-top:24px;padding-top:24px;display:flex}.step-actions .experience-button{padding:13px 18px}.choice-list{gap:10px;display:grid}.choice-list>button{border:1px solid color-mix(in srgb, currentColor 20%, transparent);text-align:left;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:17px;font-size:14px;display:flex}.choice-list>button>span{align-items:center;gap:16px;display:flex}.choice-list small{opacity:.5;font-size:10px}.choice-list>button.is-selected{background:var(--ex-accent);color:var(--ex-accent-fg);border-color:var(--ex-accent)}.booking-summary>svg{margin-bottom:24px}.booking-summary dl>div{border-bottom:1px solid color-mix(in srgb, currentColor 15%, transparent);padding-block:10px}.booking-summary dt{opacity:.7;font-size:11px}.booking-summary dd{padding-top:3px;font-size:17px}.booking-summary p{margin-top:20px;font-size:13px}.demo .experience-button,.demo .text-button{align-items:center;gap:15px;min-height:44px;font-size:13px;display:inline-flex}.demo .experience-button{background:var(--ink);color:var(--paper);padding:13px 18px}.demo .text-button{padding:10px 0}.demo .step-progress{flex-wrap:wrap}.demo .step-progress li{gap:6px;font-size:10px}.demo-section>.demo-page-heading{padding:0 0 55px}.demo-booking-layout>div:first-child>p{max-width:430px;color:var(--muted);margin-top:25px}.demo-booking-layout>div:first-child>h1{margin:20px 0}@media (width<=700px){.demo-section>.demo-page-heading{padding-bottom:35px}}@media (width>=701px){.demo-navigation{margin-left:auto}.demo-nav-tools:has(>.demo-menu-toggle:only-child){display:none}.demo--restaurant .demo-navigation{margin-left:0}}