/* Holiday weekends: illustrated rate cards and the interactive annual dial. */
#holidays.hwr{--navy:#063b56;--lead:#2b6b82;--sand:#87735b;--c-winter:#77a5a0;--c-spring:#e1b280;--c-summer:#de8b50;--c-big:#063b56;--display:"Rates Serif",Georgia,serif;--text:"HP Label",Arial,sans-serif;--label:"HP Label",Arial,sans-serif;background:#fcfaf6;padding:0 1.1vw clamp(32px,2.5vw,50px);overflow:hidden;isolation:isolate}
#holidays.hwr .hwr__wrap{max-width:1750px;position:relative;z-index:1;margin:auto;padding:0 4vw}
#holidays.hwr .hwr__panorama{position:relative;z-index:1;width:100%;max-width:1900px;margin:0 auto;height:clamp(150px,11.5vw,225px);border-radius:42px;overflow:hidden;background:#cbdbe2}
#holidays.hwr .hwr__beach{display:block;width:100%;height:100%}
#holidays.hwr .ev-head{display:block;margin-top:clamp(36px,3.4vw,66px)}
#holidays.hwr .ev-k{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#holidays.hwr .ev-title{font:400 clamp(45px,4.5vw,84px)/1.05 var(--display);letter-spacing:-.045em;margin-top:0;color:var(--navy)}
#holidays.hwr .ev-title em{font:400 1em/1.05 var(--display);font-style:italic;letter-spacing:-.035em;color:var(--sand)}
#holidays.hwr .ew1__grid{grid-template-columns:57% 40%;gap:3%;align-items:start;margin-top:12px}
#holidays.hwr .hwr__seasons{grid-column:1;grid-row:1;min-width:0}
#holidays.hwr .ev-intro{max-width:660px;margin:0;font:400 clamp(17px,1.3vw,24px)/1.34 var(--text);color:var(--lead);letter-spacing:0}
#holidays.hwr .ew1__leg{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,1.6vw,30px);margin-top:24px}
#holidays.hwr .ew1__leg li{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:21px 1fr;align-content:start;align-items:start;gap:0 16px;margin:0;padding:22px 25px 18px;min-height:clamp(180px,11.6vw,218px);border:none;border-radius:17px;background:#fffdf9;box-shadow:0 3px 11px rgba(71,58,38,.09);transition:box-shadow .25s,transform .25s}
#holidays.hwr .ew1__leg li:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(120deg,#fffdf9 35%,var(--tint));opacity:.65}
#holidays.hwr .ew1__lg--winter{--tint:#e4eeea}
#holidays.hwr .ew1__lg--spring{--tint:#f9e5cf}
#holidays.hwr .ew1__lg--summer{--tint:#fae7cf}
#holidays.hwr .ew1__lg--big{--tint:#e1edf2}
#holidays.hwr .ew1__leg li.is-on{box-shadow:inset 0 0 0 2px var(--c),0 6px 18px rgba(71,58,38,.1)}
#holidays.hwr .ew1__leg li:hover{transform:translateY(-2px)}
#holidays.hwr .ew1__leg li>i{width:21px;min-width:21px;height:21px;margin-top:3px;grid-column:1;grid-row:1}
#holidays.hwr .ew1__leg li>div{grid-column:2;grid-row:1;min-width:0;position:relative;z-index:1}
#holidays.hwr .ew1__leg li>div>p{font:400 clamp(24px,1.9vw,35px)/1.05 var(--display);letter-spacing:-.035em;color:var(--navy);white-space:nowrap}
#holidays.hwr .ew1__leg li>div>span{max-width:240px;margin-top:9px;font:400 clamp(14px,1.03vw,19px)/1.25 var(--text);letter-spacing:0;color:#627c8d;padding-right:4px}
#holidays.hwr .ew1__leg .ew1__p{grid-column:1/-1;grid-row:2;width:70%;border-top:1px solid #d9dcd5;margin-top:18px;padding-top:12px;display:flex;gap:10px;align-items:baseline;z-index:1}
#holidays.hwr .ew1__leg .ew1__p>span{font:400 12px/1 var(--label);color:#9b744b;letter-spacing:.2em;margin:0}
#holidays.hwr .ew1__p b{font:400 clamp(36px,2.9vw,54px)/1 var(--display);letter-spacing:-.045em;color:var(--navy)}
#holidays.hwr .ew1__p>em{font:400 clamp(25px,1.8vw,34px)/1 var(--display);color:#ad885a;margin:0 2px}
#holidays.hwr .ew1__lg--big .ew1__p{width:86%;gap:7px}
#holidays.hwr .hwr__art{position:absolute;z-index:-1;right:0;top:0;width:35%;height:100%;pointer-events:none;opacity:.8;mask-image:linear-gradient(90deg,transparent,#000 34%)}
#holidays.hwr .ew1__dial{grid-column:2;grid-row:1;width:100%;max-width:none;margin:-54px 0 0;aspect-ratio:1}
#holidays.hwr .ew1__track{fill:transparent;stroke:#e3e0d8;stroke-width:45}
#holidays.hwr .ew1__ticks line{stroke:#8f9da0;opacity:.6;stroke-width:1.3}
#holidays.hwr .ew1__a{stroke-width:34}
#holidays.hwr .ew1__a--big{stroke-width:23}
#holidays.hwr .ew1__hub{fill:#fff;filter:drop-shadow(0 9px 20px rgba(65,53,36,.09))}
#holidays.hwr .ew1__c{inset:27%;overflow:visible}
#holidays.hwr .ev-next__k{font:400 clamp(10px,.8vw,14px)/1.2 var(--label);letter-spacing:.2em;color:#a17a50}
#holidays.hwr .ew1__c .ev-next__n{font:400 clamp(26px,3.05vw,57px)/1.05 var(--display);letter-spacing:-.04em;white-space:normal;margin-top:10px;color:var(--navy)}
#holidays.hwr .ew1__c .ev-next__d{font:400 clamp(12px,.94vw,17px)/1.3 var(--text);color:var(--navy);margin-top:13px;gap:9px}
#holidays.hwr .ev-next__d b{font-weight:400}
#holidays.hwr .ev-next__d span{padding:7px 14px;background:#dabb8b;font-weight:400}
#holidays.hwr .hwr__footer{display:flex;align-items:center;gap:38px;border-top:1px solid #d9dcda;margin:22px -2.5vw 0;padding:17px 2.2vw 0}
#holidays.hwr .ew1__cta{margin:0;flex-wrap:nowrap;gap:21px;flex-shrink:0}
#holidays.hwr .ev-3n{font:400 13px/1 var(--text);padding:10px 17px;min-height:40px;gap:6px;border-color:#c3a274;color:var(--navy)}
#holidays.hwr .ev-3n b{font-weight:400;margin-left:3px}
#holidays.hwr .ev-pill{height:55px;padding:0 7px 0 25px;gap:35px;font:400 20px/1 var(--text);color:#fff;background:var(--navy);border:none}
#holidays.hwr .ev-pill>span{width:41px;height:41px;border:1px solid #bba780;background:transparent;color:#fff}
#holidays.hwr .ev-pill:hover{background:#255e73}
#holidays.hwr .ev-pill:hover>span{background:#fff;color:var(--navy)}
#holidays.hwr .ew1__note{max-width:430px;border-left:1px solid #d2d9da;margin:0;padding:7px 0 7px 38px;font:400 13px/1.45 var(--text);color:#667e8c}
#holidays.hwr .hwr__wash{position:absolute;z-index:0;right:0;top:11.5vw;width:20vw;height:auto;pointer-events:none;opacity:.8;mask-image:linear-gradient(90deg,transparent,#000 20%),linear-gradient(#000 65%,transparent);mask-composite:intersect}
#holidays.hwr .hwr__shells{position:absolute;z-index:0;right:0;bottom:8%;width:12vw;height:auto;pointer-events:none;mask-image:radial-gradient(ellipse,#000 48%,transparent 75%)}
#holidays.hwr .hwr__shore{position:absolute;z-index:0;right:0;bottom:0;width:41%;height:8vw;pointer-events:none;opacity:.8;mask-image:linear-gradient(90deg,transparent,#000 25%),linear-gradient(transparent,#000 25%,#000 85%,transparent);mask-composite:intersect}
@media(max-width:1250px){#holidays.hwr .ew1__leg li{padding:20px 18px;gap:0 11px}#holidays.hwr .ew1__leg li>div>p{font-size:25px}#holidays.hwr .ew1__leg li>div>span{font-size:14px}#holidays.hwr .ew1__p b{font-size:38px}#holidays.hwr .ew1__leg .ew1__p{gap:8px}#holidays.hwr .ew1__lg--big .ew1__p{gap:4px;width:100%}#holidays.hwr .ew1__dial{margin-top:-18px}#holidays.hwr .hwr__footer{gap:24px}#holidays.hwr .ew1__note{padding-left:24px}#holidays.hwr .ev-pill{font-size:17px;gap:22px}}
@media(max-width:999px){#holidays.hwr{padding:0 20px 45px}#holidays.hwr .hwr__wrap{padding:0 18px}#holidays.hwr .hwr__panorama{height:170px;border-radius:28px}#holidays.hwr .ev-title{font-size:clamp(44px,6.4vw,62px)}#holidays.hwr .ew1__grid{grid-template-columns:1fr;gap:28px;margin-top:17px}#holidays.hwr .ew1__dial{grid-column:1;grid-row:2;width:100%;max-width:520px;margin:0 auto}#holidays.hwr .ev-intro{font-size:19px;max-width:620px}#holidays.hwr .ew1__leg{gap:20px;margin-top:25px}#holidays.hwr .ew1__leg li{padding:24px;min-height:190px}#holidays.hwr .ew1__leg li>div>p{font-size:29px}#holidays.hwr .ew1__leg li>div>span{font-size:16px}#holidays.hwr .ew1__p b{font-size:45px}#holidays.hwr .ew1__c .ev-next__n{font-size:44px}#holidays.hwr .ew1__c .ev-next__d{font-size:14px}#holidays.hwr .ev-next__k{font-size:12px}#holidays.hwr .hwr__footer{flex-wrap:wrap;margin:5px 0 0;padding:24px 0 0;gap:20px}#holidays.hwr .ew1__note{max-width:600px;border:0;padding:0;font-size:13px}#holidays.hwr .hwr__wash{top:170px;width:240px}#holidays.hwr .hwr__shells{width:160px;bottom:170px}#holidays.hwr .hwr__shore{width:75%;height:120px}}
@media(max-width:640px){#holidays.hwr{padding:0 15px 40px}#holidays.hwr .hwr__wrap{padding:0 5px}#holidays.hwr .hwr__panorama{height:150px;border-radius:22px}#holidays.hwr .hwr__beach{width:100%;height:100%}#holidays.hwr .ev-head{margin-top:32px}#holidays.hwr .ev-title{font-size:clamp(38px,10.5vw,62px);line-height:1.04}#holidays.hwr .ev-title em{white-space:normal;display:block;margin-top:3px}#holidays.hwr .ev-intro{font-size:17px;line-height:1.45}#holidays.hwr .ew1__leg{grid-template-columns:1fr;gap:16px;margin-top:22px}#holidays.hwr .ew1__leg li{min-height:180px;padding:23px 25px}#holidays.hwr .ew1__leg li>div>p{font-size:31px}#holidays.hwr .ew1__leg li>div>span{font-size:16px;max-width:230px}#holidays.hwr .ew1__leg .ew1__p{max-width:250px;margin-top:18px;padding-top:11px}#holidays.hwr .ew1__p b{font-size:46px}#holidays.hwr .hwr__art{width:34%;opacity:.7}#holidays.hwr .ew1__dial{margin-top:4px}#holidays.hwr .ew1__c .ev-next__n{font-size:clamp(24px,8vw,40px)}#holidays.hwr .ew1__c .ev-next__d{font-size:11px;margin-top:9px;gap:8px}#holidays.hwr .ev-next__k{font-size:9px;letter-spacing:.17em}#holidays.hwr .ev-next__d span{padding:5px 10px;font-size:11px}#holidays.hwr .ew1__cta{width:100%;flex-wrap:wrap;justify-content:center;gap:16px}#holidays.hwr .ev-pill{height:52px;font-size:18px;gap:29px;padding-left:25px}#holidays.hwr .ew1__note{font-size:12px;text-align:center}#holidays.hwr .hwr__shells{width:100px;bottom:200px;opacity:.55}#holidays.hwr .hwr__footer{margin-top:0}}
@media(prefers-reduced-motion:reduce){#holidays.hwr *,#holidays.hwr *:before{transition:none!important}}
@media(min-width:1251px){#holidays.hwr .ew1__dial{margin-top:-88px}#holidays.hwr .ew1__leg li{padding-top:20px;padding-bottom:15px}#holidays.hwr .ew1__leg li>div>span{margin-top:7px;font-size:1vw;line-height:1.2}#holidays.hwr .ew1__leg .ew1__p{margin-top:14px;padding-top:10px}}
@media(max-width:1250px){#holidays.hwr .ew1__leg li>div>p{white-space:normal}}
@media(max-width:360px){#holidays.hwr .ew1__leg li{padding-inline:20px;column-gap:12px}#holidays.hwr .ew1__leg li>div>p{font-size:28px}#holidays.hwr .ew1__lg--big .ew1__p{gap:5px}#holidays.hwr .ew1__lg--big .ew1__p b{font-size:37px}#holidays.hwr .ew1__lg--big .ew1__p>span{font-size:10px;letter-spacing:.15em}}
@media(min-width:1000px) and (max-width:1199px){#holidays.hwr .ew1__lg--big .ew1__p b{font-size:32px}#holidays.hwr .ew1__lg--big .ew1__p>span{font-size:11px;letter-spacing:.15em}}
@media(max-width:640px){#holidays.hwr .ew1__leg .ew1__lg--big .ew1__p{width:100%;max-width:none}}