/* Attractions typography matched to the live Park Details page.
   Shared HP faces include the same size-adjust values; desktop sizes use its 1900px scale.
   Scoped here so the established hero rails, section layouts and galleries retain their geometry. */
@font-face{font-family:"AT Footer Sans";src:url("../fonts/library/neue-frutiger/neue-frutiger-400.woff2") format("woff2");font-weight:400;font-display:swap;size-adjust:97%}
body.attractions-page{--at-type-scale:calc(100vw / 1900);font-family:var(--hp-text)}
body.attractions-page .pdh__title{font-family:var(--hp-display)}
body.attractions-page .atx,
body.attractions-page .sb-lightbox{font-family:var(--hp-text)}
body.attractions-page #stewart-beach{--sb-display:var(--hp-display);--sb-script:var(--hp-accent);--sb-text:var(--hp-text)}

/* Section headings: the Amenities and Sites display/accent pairing. */
body.attractions-page .atx .fs-t,
body.attractions-page .sb-sunlit .sb__title{
 font:400 calc(85.8 * var(--at-type-scale))/.99 var(--hp-display);letter-spacing:-.01em;
}
body.attractions-page .atx .fs-t em,
body.attractions-page .sb-sunlit .sb__title em{
 display:inline-block;font:400 1.1em/.72 var(--hp-accent);font-style:normal;letter-spacing:0;white-space:nowrap;
}
body.attractions-page .atx .fs-w,
body.attractions-page .sb-sunlit .sb__eyebrow{
 font:400 max(11px,calc(14.26 * var(--at-type-scale)))/1 var(--hp-label);letter-spacing:.39em;text-transform:uppercase;
}
body.attractions-page .atx .fs-w{gap:calc(20 * var(--at-type-scale))}
body.attractions-page .atx .fs-w::before{width:calc(40 * var(--at-type-scale));flex-shrink:0}

/* Introductory copy, travel metadata and the amenity-style highlights. */
body.attractions-page .atx .fs-d,
body.attractions-page .sb-sunlit .sb__lead{
 font:500 max(15.5px,calc(22 * var(--at-type-scale)))/1.40909 var(--hp-text);letter-spacing:-.012em;
}
body.attractions-page .atx .fs-m{
 font:500 max(14px,calc(19 * var(--at-type-scale)))/1.3 var(--hp-text);letter-spacing:0;
}
body.attractions-page .atx .fs5__hl h3,
body.attractions-page .atx .kx__c h3,
body.attractions-page .sb-sunlit .sb__highlights h3{
 font:500 calc(34 * var(--at-type-scale))/1.15 var(--hp-text);letter-spacing:-.01em;
}
body.attractions-page .atx .fs5__hl p,
body.attractions-page .atx .kx__d{
 font:400 max(13.5px,calc(17.5 * var(--at-type-scale)))/1.42 var(--hp-text);letter-spacing:0;
}
body.attractions-page .atx .fs5__hl b{font-family:var(--hp-display);font-weight:400}
body.attractions-page .atx .fs5__yr{font-family:var(--hp-display)}
body.attractions-page .atx .fs5__yr small{
 font:400 max(11px,calc(14.26 * var(--at-type-scale)))/1 var(--hp-label);letter-spacing:.3em;text-transform:uppercase;
}
body.attractions-page .sb-sunlit .sb__explore{
 font:500 max(14.5px,calc(20 * var(--at-type-scale)))/1.4 var(--hp-text);letter-spacing:-.01em;
}
body.attractions-page .sb-sunlit .sb__distance b{
 font:500 max(34px,calc(44.4 * var(--at-type-scale)))/1.1 var(--hp-text);letter-spacing:-.01em;
}
body.attractions-page .sb-sunlit .sb__distance span{
 font:400 10px/1.6 var(--hp-label);letter-spacing:.06em;
}

/* Photo captions and controls use the same text/label faces as Park Details. */
body.attractions-page .sb-sunlit .sb__slide-caption,
body.attractions-page .sb-sunlit .sb__scene-caption,
body.attractions-page .atx .pp__credits,
body.attractions-page .atx .kx__cr{
 font:400 max(13.5px,calc(17.5 * var(--at-type-scale)))/1.42 var(--hp-text);letter-spacing:0;
}
body.attractions-page .sb-sunlit .sb__slide-caption b{font-family:var(--hp-display)}
body.attractions-page .sb-sunlit .sb__gallery-top>p{
 font:400 max(11px,calc(14.26 * var(--at-type-scale)))/1.35 var(--hp-label);letter-spacing:.2em;
}
body.attractions-page .sb-sunlit .sb__count,
body.attractions-page .sb-sunlit .sb__gallery-hint{font:400 13.5px/1.42 var(--hp-text);letter-spacing:0}
body.attractions-page .sb-sunlit .sb__controls button{font-family:var(--hp-text)}
body.attractions-page .pp-stage .pp__pill{
 font:500 max(14.5px,calc(20 * var(--at-type-scale)))/1.4 var(--hp-text);letter-spacing:-.01em;
}
body.attractions-page .sb-lightbox .sb__close{font:500 14.5px/1.4 var(--hp-text)}
body.attractions-page .sb-lightbox .sb__lightbox-meta p{font:500 23px/1.15 var(--hp-text);letter-spacing:-.01em}
body.attractions-page .sb-lightbox .sb__lightbox-meta span{font:400 13.5px/1.42 var(--hp-text)}

/* Closing invitation: the Park Details closing title, lead and button scale. */
body.attractions-page .cta-band{font-family:var(--hp-text)}
body.attractions-page .cta-band h2{font:400 calc(96 * var(--at-type-scale))/.98 var(--hp-display);letter-spacing:-.012em}
body.attractions-page .cta-band p{font:500 max(15px,calc(23 * var(--at-type-scale)))/1.42 var(--hp-text);letter-spacing:-.01em}
body.attractions-page .cta-band .pill{font:500 max(14.5px,calc(20 * var(--at-type-scale)))/1 var(--hp-text);letter-spacing:0;text-transform:none}

/* Footer: Park Details' Neue Frutiger headings, navigation and contact text. */
body.attractions-page .subfooter{font-family:var(--hp-label)}
body.attractions-page .subfooter h2{font:600 calc(31.5 * var(--at-type-scale))/1 var(--hp-text);letter-spacing:-.005em;text-transform:none}
body.attractions-page .subfooter nav a{font:400 calc(21 * var(--at-type-scale))/1.685714 "AT Footer Sans",Arial,sans-serif}
body.attractions-page .subfooter address,
body.attractions-page .subfooter address a{font:400 calc(19.5 * var(--at-type-scale))/1.307692 "AT Footer Sans",Arial,sans-serif;overflow-wrap:anywhere}
body.attractions-page .subfooter__brand p{font:400 calc(24.6 * var(--at-type-scale))/1.219512 var(--hp-text);letter-spacing:0}
body.attractions-page .subfooter__bottom,
body.attractions-page .subfooter__bottom a{font:400 calc(19.4 * var(--at-type-scale))/1.4 var(--hp-text)}

@media(max-width:999px){
 body.attractions-page .atx .fs-t,
 body.attractions-page .sb-sunlit .sb__title{font-size:clamp(40px,9vw,66px);line-height:1.02}
 body.attractions-page .atx .fs-w,
 body.attractions-page .sb-sunlit .sb__eyebrow{font-size:12px;letter-spacing:.3em;line-height:1.4}
 body.attractions-page .atx .fs-w{gap:14px}
 body.attractions-page .atx .fs-d,
 body.attractions-page .sb-sunlit .sb__lead{font-size:16px;line-height:1.55;font-weight:400;letter-spacing:.022em}
 body.attractions-page .atx .fs-m{font-size:16px}
 body.attractions-page .atx .fs5__hl h3,
 body.attractions-page .atx .kx__c h3,
 body.attractions-page .sb-sunlit .sb__highlights h3{font-size:23px}
 body.attractions-page .atx .fs5__hl p,
 body.attractions-page .atx .kx__d{font-size:15.5px}
 body.attractions-page .sb-sunlit .sb__explore{font-size:14.5px}
 body.attractions-page .sb-sunlit .sb__distance b{font-size:34px}
 body.attractions-page .sb-sunlit .sb__distance span{font-size:9px}
 body.attractions-page .pp-stage .pp__pill{font-size:14.5px}
 body.attractions-page .cta-band h2{font-size:clamp(42px,10vw,68px);line-height:1.02}
 body.attractions-page .cta-band p{font-size:17px}
 body.attractions-page .cta-band .pill{font-size:14.5px}
}

@media(max-width:1200px){
 body.attractions-page .subfooter h2{font-size:26px}
 body.attractions-page .subfooter nav a{font-size:18px;line-height:1.95}
 body.attractions-page .subfooter address,
 body.attractions-page .subfooter address a{font-size:18px;line-height:1.4}
 body.attractions-page .subfooter__brand p{font-size:22px;line-height:1.35}
 body.attractions-page .subfooter__bottom,
 body.attractions-page .subfooter__bottom a{font-size:15.5px}
}