:root{--tour-navy:#002e5d;--tour-blue:#087ac7;--tour-pale:#eaf4fb;--tour-gold:#ffc936;--tour-green:#008d4b;--tour-ink:#082845;--tour-muted:#5e707a;--tour-line:#cbdbe4}*{box-sizing:border-box}html{scroll-behavior:smooth}.tourism-page{background:var(--tour-pale);color:var(--tour-ink)}.tourism-container{width:min(1440px,calc(100% - 54px));margin-inline:auto}.tourism-hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(115deg,#001e41,#004f8a);color:#fff}.tourism-hero:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(0,30,65,.9),rgba(0,46,93,.67) 55%,rgba(8,122,199,.28))}.tourism-hero__gloss{position:absolute;inset:0;pointer-events:none;background:linear-gradient(112deg,transparent 20%,rgba(255,255,255,.1) 42%,transparent 64%)}.tourism-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) 520px;gap:70px;align-items:center;min-height:520px;padding-block:54px}.tourism-kicker{display:block;color:var(--tour-blue);font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.tourism-kicker--gold{color:var(--tour-gold)}.tourism-hero h1{margin:10px 0 18px;color:#fff;font:800 clamp(3rem,6vw,5.5rem)/.98 Manrope,Arial,sans-serif;letter-spacing:-.055em}.tourism-hero p{max-width:720px;margin:0;color:#e2eef6;font-size:1.02rem;line-height:1.75}.tourism-hero nav{display:flex;gap:9px;margin-top:25px;color:#d4e5f0;font-size:.72rem}.tourism-hero nav a{color:#fff}.tourism-hero nav b{color:var(--tour-gold)}.tourism-hero figure{position:relative;height:345px;margin:0;padding:10px;border:1px solid rgba(255,255,255,.46);background:rgba(234,244,251,.13);backdrop-filter:blur(4px)}.tourism-hero figure img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 45%}.tourism-hero figure:after{content:"";position:absolute;inset:10px;background:linear-gradient(120deg,rgba(8,122,199,.06),transparent 48%,rgba(0,30,65,.28));pointer-events:none}.tourism-hero figcaption{position:absolute;z-index:1;right:-13px;bottom:24px;width:270px;padding:15px 18px;border-left:3px solid var(--tour-gold);background:rgba(0,30,65,.92)}.tourism-hero figcaption span,.tourism-hero figcaption strong{display:block}.tourism-hero figcaption span{font-size:.61rem;letter-spacing:.11em;text-transform:uppercase}.tourism-hero figcaption strong{margin-top:4px;font-size:.85rem;line-height:1.4}.tourism-section-nav{position:sticky;z-index:5;top:0;background:#fff;border-bottom:1px solid var(--tour-line)}.tourism-section-nav>div{display:flex;gap:30px;overflow:auto}.tourism-section-nav a{position:relative;padding:16px 0;color:var(--tour-navy);font-size:.72rem;font-weight:800;white-space:nowrap}.tourism-section-nav a:after{content:"";position:absolute;right:50%;bottom:0;left:50%;height:3px;background:var(--tour-gold);transition:left .25s ease,right .25s ease}.tourism-section-nav a:hover:after,.tourism-section-nav a:focus-visible:after{right:0;left:0}.tourism-section{padding-block:66px}.tourism-section--tint{background:#f6fbfe;border-block:1px solid var(--tour-line)}.tourism-heading{max-width:900px;margin-bottom:29px}.tourism-heading h2{margin:6px 0 11px;color:var(--tour-navy);font:800 clamp(2rem,3.5vw,3.2rem)/1.1 Manrope,Arial,sans-serif;letter-spacing:-.04em}.tourism-heading p{margin:0;color:var(--tour-muted);font-size:.9rem;line-height:1.65}.tourism-card-grid{display:grid;gap:16px}.tourism-card-grid--four{grid-template-columns:repeat(4,1fr)}.tourism-card{display:flex;flex-direction:column;min-height:300px;padding:25px;background:#fff;border:1px solid var(--tour-line);border-radius:5px;box-shadow:none;transform:none!important;transition:background-color .25s ease,border-color .25s ease}.tourism-card:hover{background:#dcecf7;border-color:#aac9db}.tourism-card__number{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--tour-pale);color:var(--tour-blue);font-size:.68rem;font-weight:800}.tourism-card h3,.tourism-feature-card h3,.tourism-service-list h3,.travel-advisory h3,.tourism-hotlines h3{color:var(--tour-navy);font:800 1.05rem Manrope,Arial,sans-serif}.tourism-card h3{margin:20px 0 9px}.tourism-card p,.tourism-feature-card p,.tourism-service-list p,.travel-advisory p{margin:0;color:var(--tour-muted);font-size:.78rem;line-height:1.65}.tourism-button{display:inline-flex;align-items:center;justify-content:center;width:max-content;min-height:39px;margin-top:auto;padding:0 15px;border:1px solid var(--tour-navy);border-radius:4px;background:var(--tour-navy);color:#fff;font-size:.67rem;font-weight:800;transition:background-color .25s ease,color .25s ease,border-color .25s ease}.tourism-button:hover,.tourism-button:focus-visible{background:#dcecf7;color:var(--tour-navy);border-color:#9fc1d5;outline:0}.tourism-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.tourism-feature-card{min-height:300px;padding:36px;background:linear-gradient(90deg,rgba(0,30,65,.93),rgba(0,46,93,.72)),url('../../uploads/pinabacdao-municipal-hall-official.jpg') center/cover;color:#fff}.tourism-feature-card--festival{background:linear-gradient(90deg,rgba(0,46,93,.94),rgba(8,122,199,.72)),url('../../uploads/Pinabacdao-Municipal-3.jpg') center/cover}.tourism-feature-card>div{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;max-width:570px;height:100%}.tourism-feature-card span{color:var(--tour-gold);font-size:.65rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.tourism-feature-card h3{margin:8px 0 12px;color:#fff;font-size:1.55rem}.tourism-feature-card p{color:#dceaf5}.tourism-feature-card .tourism-button{margin-top:22px;background:#fff;color:var(--tour-navy);border-color:#fff}.tourism-feature-card .tourism-button:hover{background:var(--tour-pale);border-color:var(--tour-pale)}.tourism-service-list{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.tourism-service-list article{display:grid;grid-template-columns:48px 1fr;gap:17px;min-height:240px;padding:28px 0;border-top:1px solid var(--tour-line)}.tourism-service-list article>span{display:grid;place-items:center;width:46px;height:46px;border:1px solid #aac7d9;border-radius:50%;color:var(--tour-blue);font-size:.68rem;font-weight:800}.tourism-service-list h3{margin:4px 0 10px}.tourism-service-list .tourism-button{margin-top:22px}.tourism-safety-grid{display:grid;grid-template-columns:1.1fr .9fr;border:1px solid var(--tour-line);background:#fff}.travel-advisory,.tourism-hotlines{padding:34px}.travel-advisory>span,.tourism-hotlines>span{color:var(--tour-blue);font-size:.65rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.travel-advisory h3,.tourism-hotlines h3{margin:7px 0 14px;font-size:1.45rem}.travel-advisory>div{display:flex;gap:10px;margin-top:24px}.travel-advisory .tourism-button{margin-top:0}.tourism-hotlines{background:var(--tour-navy);color:#fff}.tourism-hotlines>span{color:var(--tour-gold)}.tourism-hotlines h3{color:#fff}.tourism-hotlines>a:not(.tourism-button){display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 0;border-top:1px solid rgba(255,255,255,.18);color:#fff}.tourism-hotlines>a span,.tourism-hotlines>a strong,.tourism-hotlines>a small{display:block}.tourism-hotlines>a strong{font-size:.77rem}.tourism-hotlines>a small{margin-top:3px;color:#c7dceb;font-size:.63rem}.tourism-hotlines>a b{color:var(--tour-gold);font-size:.78rem}.tourism-hotlines>p{color:#d9e7f1;font-size:.78rem;line-height:1.6}.tourism-hotlines .tourism-button{background:#fff;color:var(--tour-navy);border-color:#fff}.tourism-hotlines .tourism-button:hover{background:var(--tour-pale)}
@media(max-width:1100px){.tourism-hero__grid{grid-template-columns:1fr 380px;gap:38px}.tourism-card-grid--four{grid-template-columns:repeat(2,1fr)}.tourism-service-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.tourism-container{width:min(100% - 30px,1440px)}.tourism-hero__grid{grid-template-columns:1fr;min-height:0;padding-block:42px}.tourism-hero figure{width:min(100%,500px);height:290px}.tourism-section{padding-block:45px}.tourism-feature-grid,.tourism-safety-grid{grid-template-columns:1fr}.tourism-service-list{grid-template-columns:1fr}.tourism-section-nav>div{gap:20px}.tourism-hero h1{font-size:3rem}}@media(max-width:520px){.tourism-card-grid--four{grid-template-columns:1fr}.tourism-card{min-height:260px}.travel-advisory,.tourism-hotlines,.tourism-feature-card{padding:24px}.travel-advisory>div{flex-direction:column}.tourism-button{width:100%}.tourism-service-list article{min-height:0}}

/* Compact tourism hero while preserving its complete visitor information. */
.tourism-hero__grid{min-height:400px;padding-block:34px}
.tourism-hero h1{margin:7px 0 12px;font-size:clamp(2.75rem,5vw,4.45rem)}
.tourism-hero p{max-width:760px;font-size:.94rem;line-height:1.6}
.tourism-hero nav{margin-top:18px}
.tourism-hero figure{height:290px}
@media(max-width:760px){
  .tourism-hero__grid{min-height:0;padding-block:30px}
  .tourism-hero h1{font-size:clamp(2.55rem,12vw,3.35rem)}
  .tourism-hero figure{height:240px}
}

/* Data-backed tourism cards: compact, informative, and image-ready. */
.tourism-section{padding-block:48px}
.tourism-heading{margin-bottom:22px;text-align:left}
.tourism-heading h2{font-size:clamp(1.8rem,3vw,2.65rem)}
.tourism-card{min-height:255px;padding:22px;overflow:hidden}
.tourism-card.is-featured{border-top:3px solid var(--tour-gold)}
.tourism-card__image{width:calc(100% + 44px);height:145px;margin:-22px -22px 18px;object-fit:cover}
.tourism-card__eyebrow{display:block;margin:8px 0 0;color:#9a6800;font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.tourism-card__eyebrow+h3{margin-top:9px}
.tourism-card__meta{display:flex;flex-wrap:wrap;gap:7px 14px;margin-top:14px;color:#496579;font-size:.68rem;font-weight:700}
.tourism-feature-meta{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:13px;color:#fff;font-size:.68rem}
.tourism-feature-card{background-position:center;background-size:cover}
.tourism-service-list article.is-featured{border-top-color:var(--tour-gold)}
@media(max-width:760px){.tourism-section{padding-block:36px}.tourism-heading{text-align:left}.tourism-card{min-height:0}}