/* Rates page in the HOMEPAGE type design ("Calm Coast", measured from the live homepage, 2026-10-01). Linked last.
   The families are already the homepage's (Wondar Quason 96%, Middleton 87%, Neue Frutiger 88% text / 102% labels);
   this file brings the sizes, weights, tracking and colours of each role to the homepage's values.
   Homepage roles at 1900 px                                  at 390 px (section heads, "Inside the gate")
     kicker   Frutiger 102%  14.258 caps, ls 5.611, #9c8268      12 caps, ls .3em
     title    Wondar Quason  85.819 / 84.961, ls -.01em          48.36 / 48.36
     accent   Middleton      1.1026 x title, lh .72, ls 0        1.1 x title
     lead     Frutiger 88%   500 24 / 32.4, ls -.012em, #0b4b69  500 18 / 24.3
     button   Frutiger 88%   400 24.6, ls -.66                   19
     card     Frutiger 88%   500 24 / 32.4, #0b4b69              500 22 / 29.7
     caption  Frutiger 88%   400 19 / 1.35, ls -.18, #7f8795     400 14 / 20.3
   The hero (.pdh) keeps the Park Details hero sizes. Prices, tabs and small labels have no homepage counterpart and keep theirs. */
:root{--hp:calc(100vw / 1900)}

/* ================= colours and weights (every width) ================= */
html body :is(.rc6 .rc-k,.ew1 .ev-k,.wu4 .ev-k){font-family:"HP Label",Arial,sans-serif;font-weight:400;color:#9c8268}
html body :is(.rc6 .rc-title,.ew1 .ev-title,.wu4 .ev-title){font-family:"HP Display",Georgia,serif;font-weight:400;letter-spacing:-.01em;color:#073b57}
html body :is(.rc6 .rc-title,.ew1 .ev-title,.wu4 .ev-title) em{font-family:"HP Accent",cursive;font-style:normal;font-size:1.1026em;line-height:.72;letter-spacing:0;color:#917658}
html body :is(.rc6 .rc-intro,.ew1 .ev-intro){font-weight:500;letter-spacing:-.012em;color:#0b4b69}
html body :is(.ew1 .ev-pill,.wu4 .ev-pill){font-weight:400}
html body :is(.ew1 .ev-pill,.wu4 .ev-pill):not(.ev-pill--solid):not(:hover){color:#0a2f55}
html body :is(.rc6 .rc6__c h3,.ew1 .ew1__lg div > p){font-weight:500;letter-spacing:0;color:#0b4b69}
html body :is(.rc6 .rc-note,.ew1 .ew1__note,.ew1 .ew1__lg div > span){font-weight:400;color:#7f8795}
html body :is(.rc6 .rc6__save,.wu4 .wu4__t--win p:not(.wu4__k),.wu4 .wu4__t--mem p,.wu4 .wu4__t--cta p){font-weight:400}

/* ================= desktop (the sections' own 1900 frame) ================= */
@media (min-width:1000px){
  html body :is(.rc6 .rc-k,.ew1 .ev-k,.wu4 .ev-k){font-size:calc(14.258 * var(--hp));line-height:1;letter-spacing:calc(5.611 * var(--hp))}
  html body :is(.rc6 .rc-title,.ew1 .ev-title,.wu4 .ev-title){font-size:calc(85.819 * var(--hp));line-height:calc(84.961 * var(--hp))}
  html body :is(.rc6 .rc-intro,.ew1 .ev-intro){font-size:calc(24 * var(--hp));line-height:calc(32.4 * var(--hp))}
  html body :is(.ew1 .ev-pill,.wu4 .ev-pill){font-size:calc(24.6 * var(--hp));letter-spacing:calc(-.66 * var(--hp))}
  html body :is(.rc6 .rc6__c h3,.ew1 .ew1__lg div > p){font-size:calc(24 * var(--hp));line-height:calc(32.4 * var(--hp))}
  html body :is(.rc6 .rc-size){font-size:calc(19 * var(--hp));line-height:1.35}
  html body :is(.rc6 .rc6__save,.rc6 .rc-note,.ew1 .ew1__note,.ew1 .ew1__lg div > span,.wu4 .wu4__t--win p:not(.wu4__k),.wu4 .wu4__t--mem p,.wu4 .wu4__t--cta p){font-size:calc(19 * var(--hp));line-height:1.35;letter-spacing:calc(-.18 * var(--hp))}
}

/* ================= below 1000px (the homepage's stacked section heads) ================= */
@media (max-width:999px){
  html body :is(.rc6 .rc-k,.ew1 .ev-k,.wu4 .ev-k){font-size:12px;line-height:1;letter-spacing:.3em}
  html body :is(.rc6 .rc-title,.ew1 .ev-title,.wu4 .ev-title){font-size:48.36px;line-height:1}
  html body :is(.rc6 .rc-title,.ew1 .ev-title,.wu4 .ev-title) em{font-size:1.1em}
  html body :is(.rc6 .rc-intro,.ew1 .ev-intro){font-size:18px;line-height:24.3px}
  html body :is(.ew1 .ev-pill,.wu4 .ev-pill){font-size:19px;letter-spacing:-.66px}
  html body :is(.rc6 .rc6__c h3,.ew1 .ew1__lg div > p){font-size:22px;line-height:29.7px}
  html body :is(.rc6 .rc6__save,.rc6 .rc-note,.ew1 .ew1__note,.ew1 .ew1__lg div > span,.wu4 .wu4__t--win p:not(.wu4__k),.wu4 .wu4__t--mem p,.wu4 .wu4__t--cta p){font-size:14px;line-height:20.3px}
}
