/* Skin from weekaway.com/properties/sisters-summit/ (summit.css + webflow shared css) */
:root{--bg:#f8f8f8;--card:#fff;--line:rgba(31,31,29,.12);--ink:#1f1f1d;--mute:#8a857f;--mute2:#b8b4ae;
--p:#37463d;--p2:#2a3530;--pt:#e3e8e2;--gold:#d8d294;--goldt:#faf2d6;--ok:#4f6958;--okt:#e3e8e2;--warn:#6b4f14;--warnt:#faf2d6;
--serif:"Domaine Display","Cormorant Garamond",Georgia,serif;--sans:"Founders Grotesk","Helvetica Neue",Arial,sans-serif;
--r:6px;--sh:0 4px 54px rgba(0,0,0,.07);--ease:cubic-bezier(.22,.61,.36,1)}
html,body{font-size:17px;line-height:1.55;color:var(--ink)}
.sub,.lead{color:#4a4744}.sub{font-size:14px;line-height:1.5}.lead{font-size:15px;line-height:1.6}
.ttl{font-weight:500;letter-spacing:0}
.ph{font-size:26px;line-height:1.22;letter-spacing:-.013em}
@media(min-width:768px){.ph{font-size:36px;line-height:1.12}}
.hero h2{font-size:38px;line-height:1.15;letter-spacing:-.012em}
.almost h2,.success h2{font-size:27px;line-height:1.2;letter-spacing:-.011em}
.eyebrow,.lbl,.sec-h,.hero .hi,.drawer .dg{font-family:var(--sans);font-weight:500;font-size:12px;letter-spacing:.13em;color:var(--mute)}
.lbl{font-size:11px}
.topbar .brand img{height:20px;display:block}
.card,.tile,.up,.cat{border-radius:6px;box-shadow:var(--sh)}
.hero{border-radius:6px}.thumb{border-radius:4px}
.lrow,.uprow,.cnt,.stepacc,.opt,.lang,.inp{border-radius:6px}.opt .top{border-radius:4px}
.btn{border-radius:42px;background:#37463d;color:#f8f8f8;font-size:15px;line-height:1.2;padding:12px 26px 13px;height:auto;min-height:48px;transition:all .2s}
.btn:hover:not(:disabled){background:#4f6958;color:#fff;border-radius:4px}
.btn:active:not(:disabled){transform:scale(.98)}
.btn.ghost{background:#fff;color:var(--ink);border:1px solid var(--line);min-height:44px}
.btn.ghost:hover:not(:disabled){background:#fff;border-color:var(--mute);color:var(--ink)}
.btn.text,.btn.text:hover{background:none!important;color:var(--ink);text-decoration:underline;text-underline-offset:3px;min-height:36px;border-radius:42px}
.btn.dark,.pay button.blk{background:#1f1f1d}
.seg button,.addb,.chip{border-radius:42px}
.seg button{transition:all .18s}.seg button:hover{border-color:var(--mute)}
.seg button.on,.addb.on{background:#37463d;border-color:#37463d;color:#fff}
.addb{transition:all .2s}.addb:hover:not(.on){border-color:var(--mute)}
.chip{font-size:11px;letter-spacing:.06em}
.chip.req{background:#faf2d6;color:#6b4f14;border-color:transparent}.chip.done{background:#e3e8e2;color:#2a3530;border-color:transparent}
.ibadge{border-radius:6px;background:#e3e8e2;color:#37463d}.ibadge.gold{background:#faf2d6;color:#a9842f}.ibadge.ok{background:#e3e8e2;color:#4f6958}.ibadge.solid{background:#37463d;color:#d8d294}
.num{border-color:#37463d;color:#37463d}.num.done{background:#37463d}
.steps i.on{background:#37463d}
.price{color:#37463d}
.social{background:#faf2d6;border-radius:6px}
.info{background:#eaf0f4;color:#2f567d;border-radius:4px}
.link-row{border-radius:4px}
.almost,.success{background:#37463d;border-radius:6px}
.almost .tag,.success .tag{background:rgba(216,210,148,.18)!important;color:#d8d294!important}
.timer div{background:#2a3530;border-radius:4px}.timer b{font-family:var(--serif);font-weight:400}
.code{color:#37463d}
.cardsel{border-color:#37463d;background:#e3e8e2;border-radius:6px}
.big911{border-radius:6px;background:#f3ddd0}.big911 b,.big911 .lbl{color:#7b2d15!important}
.sheet{border-radius:12px 12px 0 0}.drawer{border-radius:0 6px 6px 0}.drawer button.di{border-radius:6px}
.round{box-shadow:none;border:1px solid var(--line)}
.flag{background:#e3e8e2;color:#37463d}
.demo-bar{background:#37463d;color:#d8d294;letter-spacing:.13em;text-transform:uppercase;font-size:10px}
/* Loader — same structure and look as weekaway.com, timing shortened to 1.8s */
.loader{position:fixed;inset:0;z-index:9999;color:#fff;height:100dvh;pointer-events:none}
.loader__bg{position:absolute;inset:0;background:#37463d;animation:ld-bg .6s cubic-bezier(.65,.01,.05,.99) 1.15s forwards}
.loader__bar{position:absolute;left:0;right:0;bottom:0;height:.5em;background:#d8d294;transform-origin:0 50%;transform:scaleX(0);animation:ld-bar .9s cubic-bezier(.65,.01,.05,.99) forwards,ld-barout .35s cubic-bezier(.65,.01,.05,.99) .9s forwards}
.loader__c{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:ld-fade .3s ease .9s forwards}
.loader__logo{position:relative;width:12em;height:3em;margin-bottom:6rem;display:flex;align-items:center}
.loader__logo .li{position:absolute;width:100%}.loader__logo svg{width:100%;display:block}
.loader__logo .base{opacity:.2}.loader__logo .top{color:#d8d294;clip-path:inset(0 100% 0 0);animation:ld-reveal .9s cubic-bezier(.65,.01,.05,.99) forwards}
.loader__text{position:absolute;bottom:3.5em;left:0;right:0;height:1.4em;overflow:hidden;text-align:center;font-family:var(--sans);font-size:15px;letter-spacing:.04em}
.loader__text span{position:absolute;left:0;right:0}
.t1{animation:ld-t1 .9s cubic-bezier(.65,.01,.05,.99) forwards}.t2{transform:translateY(125%);opacity:0;animation:ld-t2 .5s cubic-bezier(.65,.01,.05,.99) .45s forwards}
@keyframes ld-bar{to{transform:scaleX(1)}}
@keyframes ld-barout{from{transform:scaleX(1);transform-origin:100% 50%}to{transform:scaleX(0);transform-origin:100% 50%}}
@keyframes ld-reveal{to{clip-path:inset(0 0 0 0)}}
@keyframes ld-fade{to{opacity:0}}
@keyframes ld-bg{to{transform:translateY(-101%)}}
@keyframes ld-t1{0%{transform:translateY(125%);opacity:0}35%{transform:none;opacity:1}55%{transform:none;opacity:1}100%{transform:translateY(-125%);opacity:0}}
@keyframes ld-t2{to{transform:none;opacity:1}}
html.is-loading #app{opacity:0}
#app{transition:opacity .4s ease}
@media(prefers-reduced-motion:reduce){.loader{display:none!important}#app{transition:none}.btn:active{transform:none!important}}
/* Home hero: full-bleed photo, text on a dark gradient, check-in card overlapping (HostOp / Air Canada pattern) */
.hero2{position:relative;width:100vw;margin-left:calc(50% - 50vw);height:400px;background:#2a3530 center 40%/cover;color:#fff}
.hero2:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,26,22,.55) 0%,rgba(20,26,22,.15) 28%,rgba(20,26,22,.35) 52%,rgba(20,26,22,.86) 100%)}
.hero2-in{position:relative;z-index:1;max-width:600px;margin:0 auto;padding:0 12px;height:100%;display:flex;flex-direction:column}
.hero2 .topbar{background:transparent;position:relative}
.hero2 .topbar .brand img{filter:brightness(0) invert(1)}
.hero2 .round{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.28);color:#fff;backdrop-filter:blur(8px)}
.hero2 .flag{background:rgba(255,255,255,.18);color:#fff}
.hero2-txt{margin-top:auto;padding:0 6px 84px;text-shadow:0 1px 12px rgba(0,0,0,.35)}
.hero2 .hi{font-family:var(--sans);font-weight:500;font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:#d8d294!important}
.hero2 h2{font-family:var(--serif);font-weight:400;color:#fff!important;font-size:34px;line-height:1.12;letter-spacing:-.013em;margin:8px 0 6px}
.hero2 p{margin:0;color:#fff!important;font-size:16px}.hero2 .hero2-sub{font-size:14px;opacity:.8}
.hero2-rule{display:block;width:36px;height:3px;background:#d8d294;border-radius:2px;margin-top:12px}
.stay2{margin:-64px 4px 0;border-radius:12px;box-shadow:0 12px 40px -8px rgba(0,0,0,.28),0 2px 6px rgba(0,0,0,.06);position:relative;z-index:3}
@media(min-width:768px){.hero2{height:480px}.hero2 h2{font-size:44px}.hero2-txt{padding-bottom:96px}.stay2{margin-top:-76px}}
/* Feedback round: no gold on dark green, calmer timer, sans money, progress line */
.hero2:before{background:linear-gradient(180deg,rgba(15,20,17,.62) 0%,rgba(15,20,17,.38) 30%,rgba(15,20,17,.55) 55%,rgba(15,20,17,.92) 100%)}
.hero2 .hero2-sub{font-size:16px;opacity:.88}
.hero2-rule{background:rgba(255,255,255,.7)}
.loader__logo .top{color:#fff}.loader__bar{background:#e7e7e6}.loader__text{color:#f1f1f1}
.ibadge.solid{color:#fff}
.almost .tag,.success .tag{background:rgba(255,255,255,.14)!important;color:#fff!important}
.price,.price small,.stats b,.timer b,.totrow b,.uprow .pr{font-family:var(--sans)!important}
.price{font-weight:500;font-size:22px}.stats b{font-weight:500}
.timer div{background:#f1f1f1;color:#4a4744;border:1px solid rgba(31,31,29,.08)}
.timer b{font-weight:400;font-size:20px;color:#1f1f1d;letter-spacing:.02em}.timer small{color:#8a857f;opacity:1}
.warnline{color:#8a857f}
.num{display:flex;align-items:center;justify-content:center;line-height:1;padding:0;position:relative;z-index:1;font-variant-numeric:tabular-nums}
.prog:not(:last-child)::after{content:"";position:absolute;left:11px;top:calc(50% + 12px);height:calc(100% - 24px);width:2px;background:#e7e7e6;z-index:0}
.prog.done:not(:last-child)::after{background:#37463d}
