/* Accepted Affinity V2. Keep native kerning; transforms shape whole lines. */
@font-face {
  font-family: 'Zakatek Affinity';
  src: url('../assets/fonts/zakatek-affinity-black-v2.woff2?v=baseline-iln2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
.bold { --display: 'Zakatek Affinity', 'Nunito', sans-serif; }
.bold :is(h1,h2,h3,.hero-sub,.attraction-number,.park-caption,.repeat-sticker,.footer-phone) {
  font-family: var(--display);
  font-weight: 900;
  font-style: normal;
  font-synthesis: none;
  font-kerning: normal;
  letter-spacing: normal;
}
.bold h2 { line-height: 1.08; }
.bold h3 { line-height: 1.2; }
.bold .poster-title {
  font-size: clamp(96px,12.7vw,184px);
  line-height: .82;
  letter-spacing: normal;
  transform: rotate(-9deg) skewX(-5deg);
  transform-origin: 45% 50%;
  left: 0;
  margin-bottom: 45px!important;
}
.bold .poster-title .poster-do { line-height: .78; }
.bold .poster-title .poster-play { line-height: .92; }
.bold .hero-sub { font-size: clamp(19px,1.8vw,26px); line-height: 1.3; }
.bold .section-intro h2 { font-size: clamp(42px,4.8vw,70px); }
.bold .visit h2 { transform: rotate(-4deg); transform-origin: left center; }
.bold .attraction-label h3 { font-size: clamp(27px,2.65vw,38px); }
.bold .groups h2 { font-size: clamp(36px,4.1vw,59px); }
.bold .groups h2 em { white-space: normal; }
.bold .repeat-sticker { line-height: 1.08; }
.bold .events h2 { transform: rotate(-5deg) skewX(-3deg); line-height: 1.08; }
@media(max-width:1100px) and (min-width:761px) {
  .bold .hero { min-height: 610px; }
  .bold .hero-sub { font-size: 19px; }
  .bold .section-intro h2 { font-size: 4.7vw; }
}
@media(max-width:760px) {
  .bold .poster-title { font-size: clamp(68px,20.5vw,148px); margin-bottom: 30px!important; transform: rotate(-7deg) skewX(-4deg); }
  .bold .hero-sub { font-size: clamp(11px,3.25vw,20px); transform: rotate(-7deg); }
  .bold .hero .button { transform: rotate(-7deg); }
  .bold .section-intro h2 { font-size: clamp(29px,8.2vw,49px); }
  .bold .story h2,.bold .groups h2,.bold .visit h2 { font-size: clamp(31px,8.7vw,49px); }
  .bold .attraction-label h3 { font-size: 32px; }
  .bold .events h2 { font-size: clamp(30px,8.5vw,46px); }
  .bold .footer-phone { font-size: 21px; }
}
/* Give the rotated descenders room above the practical hero description. */
.bold .hero-sub { font-family: var(--body); }
@media(min-width:761px) { .bold .poster-title { margin-bottom: 56px!important; } }
@media(max-width:760px) {
  .bold .poster-title { font-size: clamp(58px,18.5vw,138px); }
  .bold .faq h2 br { display: initial; }
}

/* Match the compact, rising headline block in the imagegen composition. */
@media(min-width:1101px) { .bold .hero { min-height:650px; } }
.bold .section-intro h2 { line-height:1.02; }
.bold .section-intro h2 em { white-space:nowrap; }
.bold .story-copy h3,.bold .groups-copy h3 { font-family:var(--body); }
@media(min-width:761px) {
  .bold .story h2 { font-size:clamp(36px,4.25vw,61px); }
  .bold .events h2 { font-size:clamp(32px,3.65vw,52px); }
  .bold .events h2 em { white-space:nowrap; }
}
@media(max-width:760px) {
  .bold .section-intro h2 { font-size:clamp(23px,7.7vw,49px); }
  .bold .attraction-label h3 { font-size:clamp(23px,7.5vw,32px); }
  .bold .attraction-label { margin-left:45px; }
  .bold .story h2 { font-size:clamp(27px,8vw,49px); }
}

/* Hero lettering: composition angle outside, individual glyph treatment inside. */
.bold .poster-title {
  width:4.7em;
  max-width:none;
  height:2.35em;
  margin:25px 0 48px!important;
  transform:translateX(calc(-.20em - 20px)) rotate(-12deg);
  transform-origin:48% 48%;
  isolation:isolate;
}
.bold .poster-title .poster-line {
  position:absolute;
  display:block;
  width:max-content;
  line-height:1;
  margin:0;
  font-size:1em;
}
.bold .poster-line>span {
  display:block;
  transform:skewX(-17deg) scaleY(1.08);
  transform-origin:left bottom;
}
.bold .poster-title .poster-jump { top:0;left:0;z-index:1; }
.bold .poster-title .poster-do { top:.70em;left:.39em;z-index:3; }
.bold .poster-do>span {
  font-size:.68em;
  -webkit-text-stroke:.13em var(--cream);
  paint-order:stroke fill;
  stroke-linejoin:round;
}
.bold .poster-title .poster-play { top:1.17em;left:-.14em;z-index:2; }
.bold .poster-play>span { font-size:.94em; }
.bold .hero-sub { transform:rotate(-12deg) skewX(-18deg); }
.bold .hero .button { transform:rotate(-12deg); }
.bold .hero .button:hover { transform:rotate(-12deg) translateY(-3px); }
@media(max-width:760px) {
  .bold .poster-title { margin:39px 0 38px!important;transform:translateX(calc(-.20em - 20px)) rotate(-10deg); }
  .bold .hero-sub { transform:rotate(-10deg) skewX(-18deg); }
  .bold .hero .button { transform:rotate(-10deg); }
  .bold .hero .button:hover { transform:rotate(-10deg) translateY(-3px); }
}

/* Hero layout calibrated against the approved imagegen KV. */
@media(min-width:761px) {
  .bold .hero-shell .header { align-items:flex-start;padding-top:30px;gap:28px; }
  .bold .hero-shell .header .approved-logo img { width:clamp(100px,10.24vw,144px); }
  .bold .hero-shell .header .approved-logo { margin-top:-13px; }
  .bold .hero-shell .header nav { margin-top:8px;gap:clamp(25px,3.6vw,52px);font-size:clamp(15px,1.5vw,21px); }
  .bold .hero-shell .header .phone { font-size:clamp(14px,1.45vw,20px);padding:10px 20px; }
  .bold .hero-sub { font-size:clamp(20px,2.45vw,35px);margin-left:-20px;margin-bottom:12px;line-height:1.2; }
  .bold .hero .button { margin-left:0;font-size:clamp(19px,2.05vw,29px);min-width:clamp(260px,28vw,390px);padding:18px 36px;gap:20px; }
  .bold .hero .hero-cutout { width:65%;right:-7%;top:45px;z-index:1; }
  .bold .hero-leaves { width:clamp(150px,18vw,260px);top:-65px;right:-1%;z-index:0;transform:none; }
  .bold .hero-leaves path:nth-child(2) { fill:var(--green); }
  .bold .hero-sun { width:clamp(110px,11vw,158px);height:auto;aspect-ratio:1;right:19%;top:-116px;z-index:0; }
  .bold .hero-arches { left:22%;right:-4.35%;height:230px;bottom:0;z-index:2; }
  .bold .hero-arches i { width:650px;height:510px;border-width:105px;bottom:-350px; }
  .bold .hero-arches b { width:420px;height:350px;border-width:100px;right:-185px;bottom:-245px; }
}
@media(min-width:761px) and (max-width:1100px) {
  .bold .hero-shell .header { padding-top:25px;gap:20px; }
  .bold .hero-shell .header nav { gap:22px;font-size:15px; }
  .bold .hero-shell .header .phone { padding:9px 12px;font-size:13px; }
  .bold .hero-sun { top:-95px;right:18%; }
  .bold .hero-leaves { top:-40px; }
  .bold .hero-arches i { width:510px;height:400px;border-width:85px;bottom:-255px; }
}
@media(max-width:760px) {
  .bold .hero-shell .header { height:120px; }
  .bold .hero-shell .header .approved-logo img { width:80px; }
  .bold .hero-sub { font-size:clamp(12px,3.8vw,22px);margin-left:-20px;margin-bottom:17px;transform-origin:left center; }
  .bold .hero .button { margin-left:0;font-size:16px;padding:14px 25px;min-height:52px; }
  .bold .hero-leaves { z-index:0;right:-2%;bottom:265px;transform:rotate(25deg);width:95px; }
  .bold .hero-leaves path:nth-child(2) { fill:var(--green); }
  .bold .hero-sun { bottom:290px;right:20%;width:62px;height:62px;z-index:0; }
  .bold .hero .hero-cutout { z-index:1;right:-11%; }
  .bold .hero-arches { z-index:2; }
}

@media(min-width:761px) {
 .bold .hero-shell .header nav { position:absolute;left:23%;top:30px;margin:0; }
 .bold .hero-shell .header .phone { margin-left:auto; }
}
@media(min-width:761px) and (max-width:1100px) {
 .bold .hero-shell .header nav { top:25px;left:23%;gap:20px; }
}
@media(max-width:760px) { .bold .hero-leaves { transform:none;bottom:275px; } }
@media(min-width:761px) and (max-width:1100px) {
 .bold .hero { min-height:clamp(460px,48vw,590px);padding-bottom:60px; }
 .bold .hero .hero-cutout { width:72%;right:-12%; }
 .bold .hero-arches i { bottom:-275px; }
}
@media(min-width:1600px) {
 .bold .hero .hero-cutout { right:calc((1360px - 100vw)/2);width:calc(65% + (100vw - 1478px)/2); }
 .bold .hero-arches { right:calc((1360px - 100vw)/2); }
}
@media(max-width:760px) {
 .bold .poster-title { font-size:clamp(56px,18vw,134px); }
}

.bold .hero .button .hero-cta-label { display:inline-block;transform:skewX(-18deg); }
/* Approved CTA palette: plum lettering and icons on pink. */
.bold { --pink-ink:#42172f; }
.bold .hero .button,
.bold .header .phone,
.bold .repeat-sticker,
.bold .events,
.bold .events h2,
.bold .events p { color:var(--pink-ink); }
/* Final hero accents: centered navigation and sun behind the tiger. */
@media(min-width:761px) {
 .bold .hero-shell .header nav { left:50%;transform:translateX(-50%); }
 .bold .hero-sun { width:clamp(145px,15vw,215px);right:18%;top:-30px; }
}
@media(max-width:760px) {
 .bold .hero-sun { width:90px;height:90px;right:49%;bottom:225px; }
}

.bold .poster-jump>span,
.bold .poster-play>span {
 -webkit-text-stroke:.065em var(--cream);
 paint-order:stroke fill;
 stroke-linejoin:round;
}

/* Attractions: proportions and slanted photo frames from the approved KV. */
.bold .attractions { padding-top:32px;padding-bottom:30px; }
.bold .attractions .section-intro { display:grid;grid-template-columns:1.35fr 1fr;gap:38px;align-items:center;margin-bottom:40px; }
.bold .attractions .section-intro h2 { font-size:clamp(32px,5.1vw,73px);line-height:1.02;letter-spacing:-.025em; }
.bold .attractions .section-intro>p { margin:0;max-width:36ch;font-size:clamp(14px,1.45vw,20px);font-weight:800;line-height:1.5; }
.bold .attractions .attraction-list { gap:28px; }
.bold .attractions .attraction:nth-child(n) { padding:0; }
.bold .attractions .attraction-number { font-size:clamp(80px,10vw,144px);line-height:.85;transform:rotate(-9deg) skewX(-10deg);margin:0 0 -2px 6px; }
.bold .attractions .attraction-label { margin:0 0 22px 22%;transform:rotate(-8deg); }
.bold .attractions .attraction-label h3 { font-family:var(--body);font-size:clamp(24px,2.75vw,39px);font-weight:1000;letter-spacing:-.035em;line-height:1.1; }
.bold .attractions .attraction-label p { font-size:clamp(14px,1.7vw,24px);font-weight:900;line-height:1.25;margin-top:3px;white-space:nowrap; }
.bold .attractions .attraction:nth-child(n) .photo { height:auto;aspect-ratio:1.08;transform:none;border-radius:0;clip-path:none;-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%201000%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M45%20105%20L945%2012%20Q995%207%20998%2058%20L998%20927%20Q998%20978%20946%20985%20Q510%201015%2051%20963%20Q2%20958%202%20912%20L2%20157%20Q2%20110%2045%20105%20Z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%201000%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M45%20105%20L945%2012%20Q995%207%20998%2058%20L998%20927%20Q998%20978%20946%20985%20Q510%201015%2051%20963%20Q2%20958%202%20912%20L2%20157%20Q2%20110%2045%20105%20Z%22%2F%3E%3C%2Fsvg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat; }
.bold .attractions .photo img { width:100%;height:100%;inset:0;object-fit:cover;object-position:center; }
.bold .attractions .photo.jump img { object-position:center 30%; }
.bold .attractions .attraction-note { display:none; }
@media(max-width:760px) {
 .bold .attractions { padding-top:28px;padding-bottom:38px; }
 .bold .attractions .section-intro { grid-template-columns:1fr;gap:18px;margin-bottom:30px; }
 .bold .attractions .section-intro h2 { font-size:clamp(25px,7.6vw,54px); }
 .bold .attractions .section-intro>p { font-size:15px; }
 .bold .attractions .attraction-list { gap:32px; }
 .bold .attractions .attraction-number { font-size:100px;margin-left:8px; }
 .bold .attractions .attraction-label { margin-left:70px;margin-bottom:12px; }
 .bold .attractions .attraction-label h3 { font-size:32px; }
 .bold .attractions .attraction-label p { font-size:18px; }
 .bold .attractions .attraction:nth-child(n) .photo { aspect-ratio:1.25; }
}

/* Category names take the place of the decorative numbers. */
.bold .attractions .attraction-title {
 font-family:'Zakatek Affinity',sans-serif;font-weight:900;
 font-size:clamp(25px,3.45vw,49px);line-height:1.15;letter-spacing:-.025em;
 color:var(--green);white-space:nowrap;margin:10px 0 -3px;text-align:center;
 transform:rotate(-6deg) skewX(-10deg);transform-origin:center;
}
.bold .attractions .jump .attraction-title { color:var(--green); }
.bold .attractions .games .attraction-title { color:var(--green); }
@media(max-width:760px) {
 .bold .attractions .attraction-title { font-size:clamp(30px,9vw,54px);margin:10px 0 -3px; }
}

/* Visit section: compact information block and full-bleed arched photograph. */
.bold .visit { padding:48px 0 32px;position:relative;isolation:isolate; }
.bold .visit-inner { display:block;position:relative; }
.bold .visit-copy { position:relative;width:58%;z-index:2; }
.bold .visit h2 { font-size:clamp(38px,6vw,86px);line-height:1.02;margin:0 0 34px;transform:rotate(-4deg) skewX(-5deg);transform-origin:left center; }
.bold .visit h2>span,.bold .visit h2>em { display:block;white-space:nowrap; }
.bold .visit h2>em { margin-left:.65em; }
.bold .visit-details { display:grid;grid-template-columns:1fr 1fr;gap:22px 24px;padding:0;width:94%; }
.bold .visit .fact { gap:14px;align-items:flex-start;min-width:0; }
.bold .visit .info-icon { width:38px;height:38px;flex:0 0 38px;color:var(--lime); }
.bold .visit .fact p { line-height:1.3; }
.bold .visit .fact strong { display:block;font-family:var(--body);font-size:clamp(13px,1.6vw,23px);font-weight:900; }
.bold .visit .fact small { font-size:clamp(12px,1.15vw,16px);line-height:1.4;margin-top:4px; }
.bold .visit .fact:first-child strong { font-size:clamp(24px,2.7vw,38px);line-height:1.05;color:var(--lime); }
.bold .visit .fact:first-child strong span { display:block;color:var(--cream);font-size:clamp(17px,1.6vw,23px);margin-top:5px; }
.bold .visit .fact:first-child small { font-size:12px; }
.bold .visit-details>.button { min-height:52px;font-size:19px;padding:13px 30px;margin-top:0;grid-column:1/-1; }
.bold .visit .weather-note { font-size:12px;line-height:1.45;max-width:44ch;margin-top:-9px; }
.bold .visit .park-art { position:absolute;left:58%;right:calc((100% - 100vw)/2);top:-37px;bottom:-32px;width:auto;max-width:none;margin:0;display:block;transform:none;isolation:isolate; }
.bold .visit .park-art:before { content:'';position:absolute;width:clamp(100px,15vw,215px);aspect-ratio:1;background:var(--yellow);border-radius:50%;left:-8%;top:16px;z-index:-1; }
.bold .visit .park-photo>img { width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:58% center;border:0;border-left:4px solid var(--cream);border-radius:100% 0 0 0 / 90% 0 0 0; }
.bold .visit:before { height:25px;top:-23px;clip-path:ellipse(75% 100% at 50% 100%); }
.bold .visit:after { height:20px;bottom:-18px;clip-path:ellipse(70% 100% at 35% 0); }
@media(min-width:761px) and (max-width:1000px) {
 .bold .visit { padding-top:36px; }
 .bold .visit-copy { width:60%; }
 .bold .visit h2 { font-size:6vw;margin-bottom:27px; }
 .bold .visit-details { gap:20px 14px;width:100%; }
 .bold .visit .fact { gap:9px; }
 .bold .visit .info-icon { width:30px;height:30px;flex-basis:30px; }
 .bold .visit .park-art { left:61%;top:-25px; }
}
@media(max-width:760px) {
 .bold .visit { padding:38px 0 0; }
 .bold .visit-copy { width:100%; }
 .bold .visit h2 { font-size:clamp(30px,8.5vw,58px);margin-bottom:30px; }
 .bold .visit h2>em { margin-left:.4em; }
 .bold .visit-details { grid-template-columns:1fr 1fr;gap:22px 16px;width:100%; }
 .bold .visit .fact { gap:9px; }
 .bold .visit .info-icon { width:27px;height:27px;flex-basis:27px; }
 .bold .visit .fact strong { font-size:15px; }
 .bold .visit .fact small { font-size:12px; }
 .bold .visit .fact:first-child strong { font-size:27px; }
 .bold .visit .fact:first-child strong span { font-size:17px; }
 .bold .visit-details>.button { font-size:17px;min-height:50px; }
 .bold .visit .weather-note { font-size:12px;max-width:100%; }
 .bold .visit .park-art { position:relative;left:auto;right:auto;top:auto;bottom:auto;height:300px;width:88%;margin:35px -5.56% 0 auto; }
 .bold .visit .park-art:before { width:115px;left:-14%;top:-6px; }
 .bold .visit .park-photo>img { border-radius:85% 0 0 0 / 95% 0 0 0;object-position:center 58%; }
}
@media(max-width:360px) {
 .bold .visit-details { column-gap:10px; }
 .bold .visit .fact { gap:7px; }
 .bold .visit .fact strong { font-size:13px; }
 .bold .visit .info-icon { width:23px;height:23px;flex-basis:23px; }
}

/* Align practical information; opening confirmation belongs with the hours. */
.bold .visit h2 { transform:none;margin-bottom:36px; }
.bold .visit h2>em { margin-left:0; }
.bold .visit-details { grid-template-columns:1fr 1fr;gap:24px 28px;align-items:start; }
.bold .visit .fact { display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:start; }
.bold .visit .info-icon { width:30px;height:30px;margin-top:2px; }
.bold .visit .fact strong { line-height:1.25; }
.bold .visit .fact:first-child strong { font-size:clamp(24px,2.3vw,33px);line-height:1.05; }
.bold .visit .fact:first-child strong span { display:inline;font-size:clamp(15px,1.4vw,20px);white-space:nowrap;margin:0; }
.bold .visit .fact:first-child small { font-size:clamp(12px,1.15vw,16px);margin-top:7px; }
.bold .visit .fact:nth-child(3),.bold .visit .fact:nth-child(4) { border-top:1px solid #fffbed30;padding-top:20px; }
.bold .visit .opening-check { display:block;width:fit-content;margin-top:9px;font-size:12px;line-height:1.4;color:var(--cream);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px; }
.bold .visit-details>.button { margin-top:26px; }
.bold .visit .park-photo>img { object-position:right center; }
@media(max-width:1000px) and (min-width:761px) {
 .bold .visit-details { gap:20px 18px; }
 .bold .visit .fact { grid-template-columns:27px minmax(0,1fr);gap:8px; }
 .bold .visit .info-icon { width:25px;height:25px; }
 .bold .visit .opening-check { font-size:11px; }
 .bold .visit .fact:first-child strong span { display:block;margin-top:4px; }
}
@media(max-width:760px) {
 .bold .visit h2 { margin-bottom:30px; }
 .bold .visit-details { gap:22px 16px; }
 .bold .visit .fact { grid-template-columns:25px minmax(0,1fr);gap:8px; }
 .bold .visit .info-icon { width:24px;height:24px; }
 .bold .visit .fact:first-child strong span { display:block;font-size:16px;margin-top:4px; }
 .bold .visit .fact:nth-child(3),.bold .visit .fact:nth-child(4) { padding-top:17px; }
 .bold .visit .opening-check { font-size:11px; }
 .bold .visit .park-photo>img { object-position:right center; }
}

/* Visit typography: display heading, strong facts, readable supporting text. */
.bold .visit { --visit-label:clamp(18px,1.55vw,22px);--visit-detail:clamp(15px,1.2vw,17px); }
.bold .visit .fact strong,
.bold .visit .fact:first-child strong,
.bold .visit .fact:first-child strong span { font-family:var(--body);font-size:var(--visit-label);font-weight:900;line-height:1.3; }
.bold .visit .fact:first-child strong span { display:block;margin-top:0; }
.bold .visit .fact small,
.bold .visit .fact:first-child small,
.bold .visit .opening-check { font-family:var(--body);font-size:var(--visit-detail);font-weight:600;line-height:1.45; }
.bold .visit .fact small,.bold .visit .fact:first-child small { margin-top:6px; }
.bold .visit .opening-check { margin-top:8px; }
.bold .visit-details>.button { font-family:var(--body);font-size:var(--visit-label);font-weight:900; }
@media(max-width:760px) {
 .bold .visit { --visit-label:18px;--visit-detail:15px; }
 .bold .visit .fact { grid-template-columns:24px minmax(0,1fr);gap:8px; }
}
@media(max-width:380px) {
 .bold .visit-details { grid-template-columns:1fr;gap:20px; }
 .bold .visit .fact:nth-child(3),.bold .visit .fact:nth-child(4) { border:0;padding-top:0; }
}

.bold .visit .fact:first-child strong { color:var(--cream);white-space:nowrap; }
.bold .visit .fact:first-child strong span { display:inline;margin:0;color:inherit; }

/* A single flowing silhouette trims both the background and the photograph. */
.bold .visit { padding-top:68px;padding-bottom:54px;overflow:hidden;-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%201000%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M0%2018%20C200%2065%20355%2064%20540%2033%20C735%200%20860%203%201000%2017%20L1000%20959%20C805%20936%20673%20955%20500%20978%20C310%201004%20160%20997%200%20965%20Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%201000%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M0%2018%20C200%2065%20355%2064%20540%2033%20C735%200%20860%203%201000%2017%20L1000%20959%20C805%20936%20673%20955%20500%20978%20C310%201004%20160%20997%200%20965%20Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat; }
.bold .visit:before,.bold .visit:after { display:none; }
@media(min-width:761px) {
 .bold .visit .park-art { left:auto;right:calc((100% - 100vw)/2 - 8vw);top:0;bottom:auto;width:54vw;height:54vw;max-width:820px;max-height:820px; }
 .bold .visit .park-photo>img { border:3px solid var(--cream);border-radius:50%;object-position:right center; }
 .bold .visit .park-art:before { left:0;top:15px; }
}
@media(max-width:760px) {
 .bold .visit { padding-top:56px;padding-bottom:0; }
 .bold .visit .park-art { width:110%;height:auto;aspect-ratio:1;margin-right:-28%;margin-top:34px;margin-bottom:-55px; }
 .bold .visit .park-photo>img { position:absolute;inset:0;border:3px solid var(--cream);border-radius:50%;object-position:right center; }
 .bold .visit .park-art:before { left:-8%;top:0; }
}
@media(min-width:761px) {
 .bold .visit .park-art { left:62%;right:calc((100% - 100vw)/2 - 3vw);top:-22px;bottom:-90px;width:auto;height:auto;max-width:none;max-height:none; }
 .bold .visit .park-photo>img { border:0;border-left:3px solid var(--cream);border-top:3px solid var(--cream);border-radius:100% 0 0 0 / 85% 0 0 0; }
 .bold .visit .park-art:before { left:-10%;top:24px; }
}
@media(min-width:761px) { .bold .visit .park-photo>img { object-position:85% center; } }

/* More breathing room inside the visit section. */
.bold .visit { --visit-bottom-space:134px;padding-top:148px;padding-bottom:var(--visit-bottom-space); }
@media(max-width:760px) {
 .bold .visit { --visit-bottom-space:70px;padding-top:126px;padding-bottom:var(--visit-bottom-space); }
}

/* Keep the photograph past the section mask when vertical spacing changes. */
@media(min-width:761px) { .bold .visit .park-art { bottom:calc(-1 * var(--visit-bottom-space) - 24px); } }
@media(max-width:760px) { .bold .visit .park-art { margin-bottom:calc(-1 * var(--visit-bottom-space) - 55px); } }

/* Story: recreate the approved KV composition, with extra vertical breathing room. */
.bold .story { display:grid;grid-template-columns:1fr 1fr;gap:5%;align-items:center;padding-block:125px; }
.bold .story-copy { min-width:0; }
.bold .story h2 { font-size:clamp(32px,5.15vw,74px);line-height:1.02;letter-spacing:-.025em;margin-bottom:16px; }
.bold .story h2 em { white-space:nowrap; }
.bold .story h3 { font-family:var(--body);font-weight:900;font-size:clamp(16px,2.05vw,29px);line-height:1.3;letter-spacing:-.025em;margin-bottom:16px; }
.bold .story-copy p { font-family:var(--body);font-size:clamp(14px,1.65vw,23px);font-weight:600;line-height:1.4;max-width:34ch;margin:0; }
.bold .story-visual { width:100%;max-width:none;margin:0;position:relative; }
.bold .story .photo { width:100%;height:auto;aspect-ratio:1.53;border-radius:38% 14% 20% 8% / 68% 20% 26% 14%;transform:rotate(-2deg); }
.bold .story .photo img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center; }
.bold .story .repeat-sticker { position:absolute;left:auto;right:-9%;top:-18%;bottom:auto;width:58%;padding:0;border:0;border-radius:0;background:transparent;transform:rotate(35deg); }
.bold .story .repeat-sticker>img { display:block;width:100%;height:auto; }
@media(max-width:760px) {
 .bold .story { grid-template-columns:1fr;gap:34px;padding-block:80px; }
 .bold .story h2 { font-size:clamp(30px,8.6vw,58px);margin-bottom:16px; }
 .bold .story h3 { font-size:17px;max-width:33ch; }
 .bold .story-copy p { font-size:16px;max-width:38ch;line-height:1.5; }
 .bold .story-visual { max-width:560px;justify-self:center; }
 .bold .story .repeat-sticker { width:62%;right:-9%; }
}

/* Groups: forest outing and composition matched to the approved KV. */
.bold .groups { padding-block:95px;background:var(--blue);-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%201000%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M0%2022%20C280%20125%20630%20-35%201000%2032%20L1000%20960%20C670%201040%20360%20850%200%20965%20Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%201000%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M0%2022%20C280%20125%20630%20-35%201000%2032%20L1000%20960%20C670%201040%20360%20850%200%20965%20Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat; }
.bold .groups:before,.bold .groups:after { display:none; }
.bold .groups-inner { grid-template-columns:1fr 1fr;gap:5%;align-items:center; }
.bold .groups-copy { min-width:0;order:2; }
.bold .groups h2 { font-size:clamp(30px,4.85vw,70px);line-height:1.02;letter-spacing:-.025em;margin-bottom:17px; }
.bold .groups h2 em { display:inline-block;white-space:nowrap;color:var(--cream); }
.bold .groups h3 { font-family:var(--body);font-size:clamp(16px,2.05vw,29px);font-weight:900;line-height:1.3;letter-spacing:-.025em;margin-bottom:8px; }
.bold .groups-copy>p { font-family:var(--body);font-size:clamp(14px,1.65vw,23px);font-weight:600;line-height:1.4;max-width:37ch;margin:0 0 22px; }
.bold .groups .button { font-family:var(--body);font-weight:900;font-size:clamp(14px,1.5vw,21px);line-height:1.3;padding:14px 26px;min-height:52px;gap:20px;background:var(--green);color:var(--cream); }
.bold .groups-visual { order:1;min-width:0; }
.bold .groups-visual .photo { height:auto;width:100%;aspect-ratio:1.55;border-radius:28% 36% 14% 7% / 45% 48% 15% 10%;transform:rotate(1deg); }
.bold .groups-visual .photo img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center; }
@media(max-width:760px) {
 .bold .groups { padding-block:75px; }
 .bold .groups-inner { grid-template-columns:1fr;gap:32px; }
 .bold .groups-copy { order:1; }
 .bold .groups-visual { order:2;width:100%;max-width:560px;justify-self:center; }
 .bold .groups h2 { font-size:clamp(29px,8.3vw,57px); }
 .bold .groups h3 { font-size:19px; }
 .bold .groups-copy>p { font-size:16px;line-height:1.5; }
 .bold .groups .button { font-size:16px;padding:14px 23px; }
}

.bold .faq summary { padding-left:0; }

/* Three-part banner: headline, elephant, contact. */
.bold .events { padding:46px 0; overflow:hidden; }
.bold .events::before { display:none; }
.bold .events-inner { display:grid; grid-template-columns:42% 29% 25%; gap:2%; align-items:center; min-height:150px; }
.bold .events h2 { grid-column:1;grid-row:1;font-size:clamp(30px,3.9vw,56px);line-height:1;margin:0;transform:rotate(-7deg) skewX(-7deg);transform-origin:left center;position:relative;z-index:2; }
.bold .events h2 em { display:block;white-space:nowrap; }
.bold .events .events-contact { grid-column:3;grid-row:1;position:relative;z-index:2;padding:0;border:0;transform:rotate(-7deg) skewX(-7deg);transform-origin:left center; }
.bold .events p { font-size:clamp(14px,1.35vw,19px);font-weight:800;line-height:1.4;max-width:26ch;margin:0 0 19px; }
.bold .events .button { color:var(--cream);font-size:clamp(14px,1.35vw,19px);min-height:48px;padding:13px 24px;border:0;box-shadow:none;white-space:nowrap; }
.bold .events .events-art { grid-column:2;grid-row:1;position:relative;inset:auto;width:100%;height:100%;min-height:150px;border:0;padding:0;pointer-events:none;z-index:1; }
.bold .events-art img { position:absolute;height:auto;width:110%;max-width:none;top:50%;left:-5%;transform:translateY(-43%);filter:drop-shadow(2px 0 0 var(--cream)) drop-shadow(-2px 0 0 var(--cream)) drop-shadow(0 -2px 0 var(--cream)); }
.bold .events-sun { position:absolute;width:48%;aspect-ratio:1;border-radius:50%;background:var(--yellow);top:-32px;left:12%; }
.bold .events-sprig { position:absolute;width:44%;bottom:-46px;left:0;color:var(--green); }
@media(max-width:700px) {
 .bold .events {padding:48px 0;}
 .bold .events-inner {grid-template-columns:48% 48%;gap:30px 4%;min-height:0;}
 .bold .events h2 {grid-column:1 / -1;font-size:clamp(33px,7.4vw,48px);margin:0 0 8px;}
 .bold .events .events-art {grid-column:1;grid-row:2;min-height:160px;}
 .bold .events .events-contact {grid-column:2;grid-row:2;}
 .bold .events p {font-size:15px;margin-bottom:16px;}
 .bold .events .button {font-size:14px;padding:12px 16px;gap:10px;}
 .bold .events-art img {width:120%;left:-14%;}
 .bold .events-sun {width:60%;left:10%;top:-12px;}
 .bold .events-sprig {width:50%;bottom:-48px;}
}

/* Elephant beside a single, stacked message. */
.bold .events { overflow:visible;padding:48px 0; }
.bold .events-inner { grid-template-columns:38% 58%;grid-template-rows:auto auto;gap:24px 4%;min-height:210px;max-width:1100px; }
.bold .events h2 { grid-column:2;grid-row:1;align-self:end;font-size:clamp(34px,4.4vw,63px); }
.bold .events .events-contact { grid-column:2;grid-row:2;align-self:start; }
.bold .events p { max-width:none;margin-bottom:16px; }
.bold .events .events-art { grid-column:1;grid-row:1 / 3;align-self:stretch;min-height:210px; }
.bold .events-art img { width:112%;left:-6%;top:-110px;transform:none; }
.bold .events-sun { width:52%;left:8%;top:-62px; }
.bold .events-sprig { width:38%;left:3%;bottom:-48px; }
@media(max-width:700px) {
 .bold .events {padding:40px 0; margin-top:28px;}
 .bold .events-inner {grid-template-columns:31% 65%;gap:20px 4%;min-height:220px;}
 .bold .events h2 {font-size:clamp(25px,6vw,42px);margin:0;}
 .bold .events .events-contact {grid-column:2;grid-row:2;}
 .bold .events p {font-size:14px;max-width:24ch;}
 .bold .events .events-art {grid-column:1;grid-row:1 / 3;min-height:220px;}
 .bold .events-art img {width:140%;left:-28%;top:-64px;}
 .bold .events-sun {width:85%;left:-12%;top:-52px;}
 .bold .events-sprig {width:75%;left:-5%;bottom:auto;top:80px;}
}

/* Share the FAQ column alignment; turn the elephant towards the message. */
.bold .events-art img { transform:scaleX(-1); }
@media(min-width:701px) {
 .bold .events-inner { grid-template-columns:.9fr 1.1fr;column-gap:7%;max-width:none; }
 .bold .events-art img { width:102%;left:-1%; }
}

/* Compact event enquiry banner; elephant artwork retained in assets. */
.bold .events { padding:40px 0;overflow:visible; }
.bold .events-inner { display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:12px 48px;min-height:0;max-width:none;align-items:center; }
.bold .events h2 { grid-column:1;grid-row:1;transform:none;font-size:clamp(29px,3.2vw,46px);line-height:1.1;align-self:auto; }
.bold .events h2 br { display:none; }
.bold .events h2 em { display:inline;white-space:normal;color:inherit; }
.bold .events h2 em::before { content:' '; }
.bold .events .events-contact { display:contents;transform:none; }
.bold .events p { grid-column:1;grid-row:2;margin:0;font-size:clamp(16px,1.35vw,19px);line-height:1.45;max-width:none; }
.bold .events .button { grid-column:2;grid-row:1 / 3;transform:none;background:var(--pink-ink);color:var(--cream);padding:16px 28px; }
.bold .events .events-art { display:none; }
@media(max-width:700px) {
 .bold .events {padding:32px 0;margin-top:0;}
 .bold .events-inner {grid-template-columns:1fr;gap:14px;min-height:0;}
 .bold .events h2 {font-size:30px;margin:0;}
 .bold .events .button {grid-column:1;grid-row:3;justify-self:start;margin-top:6px;}
}

/* Shared typography scale outside the hero. Edit sizes here, not per section. */
.bold {
 --type-section:clamp(32px,4.6vw,64px);
 --type-card:clamp(26px,3.2vw,42px);
 --type-label:clamp(18px,1.6vw,22px);
 --type-body:clamp(16px,1.4vw,20px);
 --type-small:clamp(14px,1.15vw,16px);
 --type-button:18px;
}
.bold main .attractions .section-intro h2,
.bold main :is(.section-intro,.visit,.story,.groups,.faq,.events) h2 {
 font-size:var(--type-section);line-height:1.08;letter-spacing:0;
}
.bold main .attractions .attraction-title { font-size:var(--type-card);line-height:1.15; }
.bold main :is(.story,.groups) h3,
.bold main .faq summary,
.bold main .visit .fact strong,
.bold main .visit .fact:first-child strong,
.bold main .visit .fact:first-child strong span {
 font-size:var(--type-label);line-height:1.3;letter-spacing:0;
}
.bold main .attractions .section-intro>p,
.bold main :is(.section-intro,.story-copy,.groups-copy,.events-contact,.faq details)>p,
.bold main .visit .fact small,
.bold main .visit .fact:first-child small,
.bold main .visit .opening-check {
 font-size:var(--type-body);line-height:1.5;font-weight:600;
}
.bold main :is(.visit-details,.groups,.events) .button {
 font-family:var(--body);font-size:var(--type-button);font-weight:900;line-height:1.3;
}
.bold .footer nav {font-size:var(--type-body);}
.bold .footer-bottom {font-size:var(--type-small);line-height:1.5;}
.bold .events h2 em {white-space:normal;}
@media(max-width:760px) {
 .bold { --type-section:clamp(28px,8vw,48px);--type-card:clamp(26px,7vw,36px);--type-label:18px;--type-body:16px;--type-small:14px;--type-button:16px; }
}
@media(max-width:540px) {
 .bold .visit-details {grid-template-columns:1fr;}
 .bold .visit .fact:nth-child(3),.bold .visit .fact:nth-child(4) {border:0;padding-top:0;}
}

.bold .events h2 em { color:var(--cream); }

/* Anchor the attractions introduction to the heading baseline. */
.bold .attractions .section-intro>p { align-self:end; }

/* More breathing room around the attractions. */
.bold .attractions { padding-block:72px; }
@media(max-width:760px) { .bold .attractions { padding-block:56px; } }

/* Email contact remains usable without a configured mail application. */
.bold .contact-dialog {width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:36px;border:0;border-radius:24px;background:var(--cream);color:var(--green);box-shadow:0 20px 80px #003f2f40;}
.contact-dialog::backdrop {background:#003f2f80;}
.bold .contact-dialog h2 {font-size:32px;line-height:1.1;padding-right:24px;margin-bottom:16px;}
.contact-dialog p {font-size:16px;line-height:1.5;}
.contact-close {position:absolute;right:12px;top:10px;width:44px;height:44px;border:0;background:transparent;color:inherit;font-size:30px;cursor:pointer;}
.contact-dialog label {display:block;font-size:14px;font-weight:800;margin-top:24px;}
.contact-dialog input {display:block;width:100%;font:inherit;font-size:16px;padding:12px 8px;margin:6px 0 16px;border:1px solid var(--green);border-radius:8px;background:transparent;color:inherit;}
.contact-actions {display:flex;flex-wrap:wrap;align-items:center;gap:16px;}
.contact-copy {border:0;border-radius:999px;padding:12px 22px;font-weight:900;background:var(--pink);color:var(--pink-ink);cursor:pointer;}
.contact-mail,.contact-phone a {text-decoration:underline;text-underline-offset:4px;font-weight:800;}
.contact-dialog .contact-status {font-size:14px;margin-top:12px;}
.contact-dialog .contact-phone {margin-top:24px;}
@media(max-width:540px){.bold .contact-dialog {padding:28px 20px;}}

.bold .footer-contact { display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0; }
.bold .footer-email { font-family:var(--body);font-size:var(--type-body);font-weight:700;line-height:1.5;overflow-wrap:anywhere; }
.bold .footer-email:hover { text-decoration:underline;text-underline-offset:4px; }

/* Consistent, quieter phone links in the header and footer. */
.bold .hero-shell .header .phone,
.bold .footer .footer-phone {
 font-family:var(--display);font-weight:900;font-size:clamp(18px,1.55vw,22px);
 line-height:1.3;letter-spacing:0;color:var(--green);background:transparent;
 border:0;border-radius:0;padding:0;gap:9px;box-shadow:none;
}
.bold .hero-shell .header .phone { margin-top:8px; }
.bold .hero-shell .header .phone .phone-icon,
.bold .footer .footer-phone .phone-icon {width:21px;height:21px;}
.bold .hero-shell .header .phone:hover,
.bold .footer .footer-phone:hover {text-decoration:underline;text-underline-offset:5px;}

/* Align header contact and navigation on the same vertical centre. */
.bold .hero-shell .header .phone,
.bold .footer .footer-phone { font-size:clamp(16px,1.35vw,20px); }
@media(min-width:761px) {
 .bold .hero-shell .header nav { min-height:48px;align-items:center; }
 .bold .hero-shell .header .phone { min-height:48px;margin-top:0;align-items:center; }
}

/* Optical correction for the custom display font's raised numeral shapes. */
@media(min-width:761px) {
 .bold .hero-shell .header .phone { transform:translateY(4px); }
}

.bold .footer-contact { align-items:flex-end;text-align:right;margin-left:auto; }

@media(min-width:761px) {
 .bold .footer-top nav { margin-left:clamp(40px,6vw,96px); }
}

.bold .footer-facebook { font-size:var(--type-body);line-height:1.5; }
.bold .footer-facebook:hover { text-decoration:underline;text-underline-offset:4px; }

/* Portrait scene: keep the family visible above the lower wave on mobile. */
@media(max-width:760px) {
  .bold .visit .park-photo>img { object-position:center bottom; }
}

/* Keep the visit photo circular on wide screens. */
@media(min-width:1200px) {
  .bold .visit .park-art {
    left:auto;
    right:calc((100% - 100vw)/2 - 5vw);
    top:-22px;
    bottom:auto;
    width:auto;
    height:calc(100% + var(--visit-bottom-space) + 46px);
    aspect-ratio:1;
  }
  .bold .visit .park-photo>img {
    border:3px solid var(--cream);
    border-radius:50%;
    object-position:center bottom;
  }
}
@media(min-width:1200px) and (max-width:1499px) {
  .bold .visit .park-art { right:calc((100% - 100vw)/2 - 12vw); }
  .bold .visit .park-art:before { left:0; }
}

/* Approved B creative: bounded artwork keeps both faces visible at every size. */
.bold .hero-shell { isolation:isolate;overflow:hidden; }
.bold .hero-shell > .hero-cutout {
 position:absolute;inset:auto max(0px, calc((100% - 1560px)/2)) 0 auto;
 width:min(57vw,850px);height:auto;aspect-ratio:1;
 background:none;border-radius:0;overflow:visible;z-index:0;pointer-events:none;
}
.bold .hero-shell > .hero-cutout img {
 position:static;display:block;width:100%;height:auto;max-width:100%;object-fit:contain;
}
.bold .hero-shell .header { position:relative;z-index:5; }
.bold .hero-shell .hero { z-index:1; }
.bold .hero-sun,.bold .hero-leaves,.bold .hero-arches { display:none; }
.bold .hero-shell .header .phone { background:var(--cream);border-radius:999px;padding-inline:26px; }
@media(min-width:761px) and (max-width:1100px) {
 .bold .hero-shell > .hero-cutout { width:58vw;right:-3%; }
}
@media(max-width:760px) {
 .bold .hero-shell .hero { padding-bottom:max(350px,90vw); }
 .bold .hero-shell > .hero-cutout { width:100%;right:0;bottom:0; }
 .bold .hero-sub { font-size:clamp(11px,3vw,20px); }
}
/* Anchor the desktop artwork to the section edges instead of the content column. */
@media(min-width:761px) {
 .bold .hero-shell > .hero-cutout {
  right:0;bottom:0;border-bottom-left-radius:24%;overflow:hidden;
 }
}
/* Center the mobile hero as a single composition, without the desktop offset. */
@media(max-width:760px) {
 .bold .hero-copy { display:flex;flex-direction:column;align-items:center;text-align:center; }
 .bold .poster-title {
  left:0;font-size:clamp(54px,17vw,126px);
  margin:10px auto 8px!important;
  transform:translateX(.12em) rotate(-10deg);
 }
 .bold .hero-sub {
  margin:0 auto 24px;max-width:100%;width:max-content;
  transform-origin:center;
 }
 .bold .hero .button { margin:0 auto;flex-shrink:0; }
}
