@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:300 700;font-display:swap;src:url(https://img.pubgowhere.com/fonts/pgw-spacegrotesk-var-vietnamese.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:300 700;font-display:swap;src:url(https://img.pubgowhere.com/fonts/pgw-spacegrotesk-var-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:300 700;font-display:swap;src:url(https://img.pubgowhere.com/fonts/pgw-spacegrotesk-var-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Space Fallback';src:local('Arial'),local('Liberation Sans'),local('Helvetica');size-adjust:98%;ascent-override:96%;descent-override:26%;line-gap-override:0%}
/* Climb Go Where theme v1 ("Chalk & Ember", 13 Oct 2026): chalk #F4F2EE, charcoal #1C1B19, ember orange #FF5A1F. Structure follows Pickleball/Pilates Go Where. Edit this file. */
html:root{--bg:#F4F2EE;--surfaceBg:#FFFFFF;--text:28 27 25;--headerBg:#F4F2EE;--headerBorder:#E2DED6;--headerColor:#1C1B19;--searchBarBg:#FFFFFF;--searchBarBorder:#E2DED6;--searchBarColor:#55524C;--filtersBg:#FFFFFF;--filtersColor:#1C1B19;--filtersInputColor:#1C1B19;--filtersInputBg:#F4F2EE;--filtersInputBorder:#E2DED6;--filtersTagBg:#ECE8E1;--filtersTagColor:#1C1B19;--inputBg:#FFFFFF;--inputBorder:#E2DED6;--inputColor:#1C1B19;--highlightsPrimary:#D9481A;--highlightsSecondary:#1C1B19;--buttonBg:217 72 26;--buttonHoverBg:#B93C14;--buttonColor:#FFFFFF;--cardBg:255 255 255;--cardBorder:#E2DED6;--cardTagBg:#ECE8E1;--cardTagColor:#1C1B19;--cardTagBorder:#ECE8E1;--cardColor:28 27 25;--cardColorLight:#6B675F;--cardFeatureTitle:#D9481A;--font-sans:'Space Grotesk','Space Fallback';--font-display:'Space Grotesk','Space Fallback'}
body{background:#F4F2EE!important;color:#1C1B19;font-family:'Space Grotesk','Space Fallback',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3,.font-display{font-family:'Space Grotesk','Space Fallback',system-ui,sans-serif!important;font-weight:700!important;letter-spacing:-.035em!important}
h1 em,h2 em,.pgw-hl{font-style:normal;color:#FF5A1F}
p,li,span,div,h1,h2,h3,h4,h5,h6{word-break:normal!important;overflow-wrap:break-word!important;hyphens:none!important;-webkit-hyphens:none!important}
a{text-underline-offset:3px}
.content-icon{display:none!important}
.pgw-hide{display:none!important}
button,.btn,.bg-brand-button-bg{border-radius:999px!important}
.bg-brand-button-bg{background:#1C1B19!important;color:#fff!important;font-weight:700!important;box-shadow:none!important}
.bg-brand-button-bg:hover{background:#D9481A!important}

/* Header */
header{background:#F4F2EE!important;border-bottom:1px solid #E2DED6!important}
.frontend-type:has(.hero) header{position:absolute;background:#F4F2EE!important;border-bottom:1px solid #E2DED6!important}
header .h-20{height:84px}
@media(min-width:1024px){header nav.hidden{display:flex!important}header .xl\:hidden{display:none!important}}
header nav a,header nav a *,header nav button,header nav button *{font-weight:600!important;font-size:15.5px!important;color:#1C1B19!important}
header .bg-brand-button-bg{padding:10px 20px!important;font-size:15px!important;color:#fff!important}
header nav .bg-brand-button-bg,header nav .bg-brand-button-bg *{color:#fff!important}
header [role=menu]{border-radius:16px!important;border:1px solid #E2DED6!important;box-shadow:0 18px 40px -20px rgba(28,27,25,.35)!important}
header [role=menu] a,header [role=menu] button{color:#1C1B19!important;font-weight:500!important}
header [role=menu] a:hover{background:#ECE8E1!important}
header button[aria-label="Toggle menu"]{color:#1C1B19!important}
header .fixed.inset-0.bg-brand-card-bg{background:#F4F2EE!important}
header .fixed.inset-0.bg-brand-card-bg nav a,header .fixed.inset-0.bg-brand-card-bg nav button{font-size:18px!important;border-bottom:1px solid #E2DED6}
header .absolute.w-72.bg-brand-card-bg{background:#FFFFFF!important;border:1px solid #E2DED6!important;border-radius:18px!important;overflow:hidden}
header .absolute.w-72.bg-brand-card-bg nav a,header .absolute.w-72.bg-brand-card-bg nav button{padding:12px 18px!important;border-bottom:1px solid #EFEBE4}
header nav div>button:has(+div:not([style*="none"])){border-radius:20px 20px 0 0!important;background:rgba(28,27,25,.06)!important}
header nav div>button+div{border-radius:0 0 20px 20px!important;background:rgba(28,27,25,.06)!important;padding:2px 0 8px!important;overflow:hidden}
header nav div>button+div a{border-radius:12px!important;margin:0 6px}

/* Wordmark drawn in CSS so it is there on first paint */
header a[href="/"]{display:flex!important;align-items:center;gap:10px;padding-left:46px;min-height:36px;color:#1C1B19!important;background:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 34 34"%3E%3Crect width="34" height="34" rx="9" fill="%231C1B19"/%3E%3Cpath d="M8 25l7-14 4 7 3-4 4 11z" fill="%23FF5A1F"/%3E%3C/svg%3E') left center/36px 36px no-repeat;font:700 25px/1 'Space Grotesk','Space Fallback',sans-serif;letter-spacing:-.03em;white-space:nowrap}
header a[href="/"]>*{display:none!important}
header a[href="/"]::before{content:'climb';color:#1C1B19}
header a[href="/"]::after{margin-left:-10px;content:'gowhere';color:#1C1B19;padding-left:.4em;background:radial-gradient(circle,#FF5A1F 0 46%,transparent 50%) .08em 60%/.24em .24em no-repeat}

/* Hero: centred */
body:has(.hero-search-bar) .header-search-block{display:none!important}
.hero{background:#F4F2EE!important;color:#1C1B19!important;padding-top:84px!important;position:relative;isolation:isolate}
.hero::after{content:none!important;display:none!important}
.hero .lg\:h-\[30rem\]{height:auto!important;min-height:0!important;padding:64px 0 36px!important;justify-content:center;align-items:center;text-align:center}
.hero .lg\:h-\[30rem\]>div{width:100%!important;max-width:1000px!important;padding:0!important;margin:0 auto!important;display:flex;flex-direction:column;align-items:center}
.hero h1::before{content:'Southeast Asia and beyond';display:block;margin:0 0 22px;font:700 12.5px/1.2 'Space Grotesk','Space Fallback',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#D9481A;background:none}
.hero h1{font-size:96px!important;line-height:.95!important;max-width:980px!important;margin:0 auto!important;color:#1C1B19!important;text-wrap:balance}
.hero h1 .pgw-hl{display:inline!important}
.hero p{max-width:580px!important;margin:24px auto 0!important;font-size:19px!important;line-height:1.55!important;color:#55524C!important;opacity:1!important}
.hero-search-bar{background:#fff!important;border-radius:999px!important;margin:30px auto 0!important;width:100%;max-width:580px!important;border:1px solid #E2DED6;box-shadow:0 24px 48px -32px rgba(28,27,25,.45)!important;padding:5px!important}
.hero-search-bar .max-w-xl{max-width:none}
.hero-search-bar input{border:0!important;border-radius:999px!important;height:54px!important;font-size:17px!important;padding-left:50px!important;color:#1C1B19!important;background:#fff!important}
.hero-search-bar .search--icons{left:22px!important;color:#6B675F!important}
.hero-search-bar .shortcut{display:none!important}
.hero-search-bar .absolute.right-4{right:4px!important}
.hero-search-bar .search--button{height:48px!important;padding:0 28px!important;font-size:16px!important;font-weight:700!important;background:#FF5A1F!important}
.hero-search-bar .search--button:hover{background:#D9481A!important}
@media(max-width:1279px){.hero h1{font-size:80px!important}}
@media(max-width:1023px){.hero .lg\:h-\[30rem\]{padding:44px 0 26px!important;flex-direction:column}.hero h1{font-size:64px!important}}
@media(max-width:767px){header .h-20{height:72px}header a[href="/"]{font-size:20px;padding-left:40px;background-size:30px 30px}.hero{padding-top:72px!important}
 .hero .lg\:h-\[30rem\]{padding:34px 0 18px!important}.hero h1{font-size:44px!important;line-height:1!important}.hero p{font-size:16.5px!important}.hero h1::before{font-size:11px;letter-spacing:.16em;margin-bottom:16px}
 .hero-search-bar input{font-size:16px!important;padding-left:44px!important;height:50px!important}.hero-search-bar .search--button{padding:0 18px!important;height:44px!important}}

/* Photo band under the hero */
.pgw-band{display:grid;grid-template-columns:1.2fr 1fr 1.2fr;gap:14px;margin-top:-8px}
.pgw-band a{display:block;position:relative;overflow:hidden;border-radius:18px;height:320px;background:#E8E3DA}
.pgw-band a:nth-child(2){border-radius:18px 18px 140px 18px}
.pgw-band img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.pgw-band a:hover img{transform:scale(1.035)}
.pgw-band span{position:absolute;left:12px;bottom:12px;background:rgba(246,245,238,.95);border-radius:9px;padding:7px 11px;font-size:12.5px;line-height:1.3;color:#1C1B19;font-weight:600;opacity:0;transform:translateY(4px);transition:.25s}
.pgw-band span i{font-style:normal;color:#6B675F;font-weight:500}
.pgw-band a:hover span{opacity:1;transform:none}
@media(max-width:767px){.pgw-band{grid-template-columns:1fr 1fr;gap:10px}.pgw-band a{height:190px}.pgw-band a:nth-child(2){grid-column:1/3;order:-1;height:230px}.pgw-band span{opacity:1;transform:none}}

/* Section heads */
.heading-block h2,.accordion-block h2,.selected-items-block h2,.text-block h2,.pgw-where h2,.pgw-styles h2,.pgw-offers h2{font-size:48px!important;line-height:1.04!important;color:#1C1B19!important}
.heading-block p{color:#6B675F!important;opacity:1!important;font-size:17px!important}
.pgw-sh{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin:0 0 22px}
.pgw-sh h2{margin:0!important}
.pgw-sh a{flex:none;color:#D9481A!important;font-weight:700;font-size:15px;text-decoration:none;padding-bottom:6px}
.pgw-sh a:hover{text-decoration:underline;text-decoration-color:#FF5A1F;text-decoration-thickness:2px}

/* City tiles */
.pgw-where{padding-top:8px}
.pgw-where .tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.pgw-where .tiles a{position:relative;display:block;text-decoration:none;color:#1C1B19!important}
.pgw-where .ph{display:block;height:200px;border-radius:16px;overflow:hidden;background:#E8E3DA}
.pgw-where .ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.pgw-where .tiles a:hover img{transform:scale(1.04)}
.pgw-where .tiles a>span.lb{position:absolute;left:10px;bottom:10px;display:flex;flex-direction:column;background:#F4F2EE;border-radius:10px;padding:8px 12px;box-shadow:0 8px 20px -14px rgba(28,27,25,.6)}
.pgw-where .tiles a>span.lb b{font:700 15.5px/1.2 'Space Grotesk','Space Fallback',sans-serif;letter-spacing:-.005em}
.pgw-where .tiles a>span.lb i{font-style:normal;font-size:12.5px;line-height:1.2;margin-top:2px;color:#6B675F}
.pgw-where .cities{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 22px;margin-top:26px;padding-top:20px;border-top:1px solid #E2DED6;font-size:16px}
.pgw-where .cities b{font:700 13px 'Space Grotesk','Space Fallback',sans-serif;text-transform:uppercase;letter-spacing:.14em;color:#D9481A;margin:0 4px 0 0}
.pgw-where .cities a{color:#1C1B19!important;font-weight:600;text-decoration:none;border-bottom:2px solid #FF5A1F}
.pgw-where .cities a:hover{color:#D9481A!important;border-color:#D9481A}
.pgw-where sup{font-size:12px;color:#6B675F;font-weight:600;margin-left:3px}
@media(max-width:1023px){.pgw-where .tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.pgw-where .tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pgw-where .ph{height:150px}.pgw-where .tiles a>span.lb{left:8px;bottom:8px;padding:6px 9px}.pgw-where .tiles a>span.lb b{font-size:14px}}

/* Play-style chips */
.pgw-styles{padding-top:16px}
.pgw-styles h2{margin:0}
.pgw-styles p{margin:8px 0 22px;color:#6B675F;font-size:17px}
.pgw-styles .chips{display:flex;flex-wrap:wrap;gap:12px}
.pgw-styles .chips a{padding:11px 20px;border-radius:999px;font-weight:600;font-size:15.5px;text-decoration:none;color:#1C1B19!important;background:#fff;border:1px solid #E2DED6;transition:transform .15s,background .15s}
.pgw-styles .chips a.c1{background:#FF5A1F;border-color:#FF5A1F;color:#fff!important}
.pgw-styles .chips a:hover{background:#D9481A!important;border-color:#D9481A;color:#fff!important;transform:translateY(-2px)}

/* Drop-in rows */
.pgw-offers{display:grid;grid-template-columns:360px minmax(0,1fr);gap:56px;padding-top:24px}
.pgw-offers h2{margin:0}
.pgw-offers .hd p{color:#6B675F;font-size:17px;line-height:1.55;margin-top:14px}
.pgw-offers .rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.pgw-offers .rows a{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;align-items:center;background:#fff;border:1px solid #E2DED6;border-radius:16px;padding:12px;text-decoration:none;color:#1C1B19!important;transition:box-shadow .2s,transform .2s}
.pgw-offers .rows a:hover{box-shadow:0 18px 40px -24px rgba(28,27,25,.5);transform:translateY(-2px)}
.pgw-offers img{width:120px;height:96px;object-fit:cover;border-radius:12px;display:block}
.pgw-offers span{display:flex;flex-direction:column;gap:3px;min-width:0}
.pgw-offers small{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#D9481A}
.pgw-offers b{font:800 19px/1.2 'Space Grotesk','Space Fallback',sans-serif;letter-spacing:-.02em}
.pgw-offers i{font-style:normal;font-size:14px;line-height:1.4;color:#D9481A;font-weight:600}
@media(max-width:1023px){.pgw-offers{grid-template-columns:1fr;gap:20px}}
@media(max-width:767px){.heading-block h2,.accordion-block h2,.selected-items-block h2,.text-block h2,.pgw-where h2,.pgw-styles h2,.pgw-offers h2,.cta-block h2{font-size:34px!important}.pgw-sh{flex-wrap:wrap}
 .pgw-styles .chips a{padding:10px 16px;font-size:15px}.pgw-offers .rows{grid-template-columns:1fr}.pgw-offers .rows a{grid-template-columns:96px minmax(0,1fr)}.pgw-offers img{width:96px;height:84px}}

/* Cards */
.card{border-radius:16px!important;border:1px solid #E2DED6!important;box-shadow:none!important;overflow:hidden;background:#fff!important;transition:transform .2s,box-shadow .2s,border-color .2s}
.card:hover{box-shadow:0 20px 44px -26px rgba(28,27,25,.5)!important;transform:translateY(-3px);border-color:#CFC8BB!important}
.card .aspect-video{aspect-ratio:4/3}
.card .p-6,.card .p-5{padding:16px 18px 20px!important}
.card h2.title,.card h3,.card h2{font-family:'Space Grotesk','Space Fallback',sans-serif!important;font-weight:800!important;font-size:20px!important;line-height:1.2!important;letter-spacing:-.02em!important;-webkit-line-clamp:2!important;color:#1C1B19}
.card .intro,.card .leading-5{opacity:1!important;color:#6B675F!important;font-size:14.5px;line-height:1.45!important}
.card .badge{opacity:1!important;background:#ECE8E1!important;border:0!important;border-radius:999px!important;color:#1C1B19!important;font-weight:600!important}
.card [type=tags] .overflow-auto{flex-wrap:wrap}.card .badge:nth-child(n+4){display:none}
.card .footer{display:none!important}
@media(min-width:1100px){.selected-items-block .grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important}}
.selected-items-block a.bg-brand-button-bg,.selected-items-block .bg-brand-button-bg{padding:13px 26px!important;font-size:15px!important}

/* Why, text, FAQ, CTA */
.section-block{background:#ECE7DF!important;border-radius:24px!important}
.section-block h3{font-size:22px!important;color:#1C1B19}
.section-block .prose,.section-block p{color:#55524C!important}
.text-block .prose{color:#55524C}
.text-block .prose p+p{margin-top:.8em}
.accordion-block>div>.mx-auto{display:flex;flex-direction:column;gap:12px}
.accordion-block [data-headlessui-state]{background:#fff;border:1px solid #E2DED6!important;border-radius:14px!important}
.accordion-block [data-headlessui-state] button span{font-weight:700!important;opacity:1!important;font-size:18px!important;color:#1C1B19}
.accordion-block [data-headlessui-state] svg{color:#D9481A!important}
.cta-block,.cta-block>div{background:#1C1B19!important;border-radius:24px!important;color:#fff!important}
.cta-block h2{color:#fff!important;font-size:42px!important}
.cta-block h2 em{color:#FF5A1F;background:none}
.cta-block p{color:#D9D4CB!important;opacity:1!important}
.cta-block button,.cta-block a{background:#FF5A1F!important;color:#fff!important;font-weight:700!important;padding:15px 28px!important}
.cta-block button:hover,.cta-block a:hover{background:#FF7A47!important}
@media(max-width:767px){.section-block,.cta-block,.cta-block>div{border-radius:20px!important}}

/* Category pages */
.-mt-4.mb-12 .text-xl p+p{margin-top:.8em}
h1.text-4xl:not(.hero h1){font-size:60px!important;line-height:1.02!important;color:#1C1B19;margin-bottom:16px!important}
@media(max-width:767px){h1.text-4xl:not(.hero h1){font-size:38px!important}}
.pgw-clampd:not(.open)>.text-xl{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;margin-bottom:0!important}
.pgw-clampd:not(.open)>.text-xl p{display:inline}
.pgw-clampd:not(.open){cursor:pointer}
.pgw-clampd:not(.open)::after{content:'Read more \2193';display:block;margin-top:10px;font:700 14px/1.4 'Space Grotesk','Space Fallback',sans-serif;color:#D9481A}
.category-card{border-radius:16px!important;border:1px solid #E2DED6!important;background:#fff!important}
.category-card:hover{background:#ECE8E1!important}
.category-card *{color:#1C1B19!important}
.image-tiles-block .grid{gap:14px!important}
.image-tiles-block a{border-radius:16px!important}

/* Listing pages */
.detail-introduction{opacity:1!important;color:#55524C;font-size:20px!important}
[area=detail_page_main] dl{border-radius:18px;background:#fff;border:1px solid #E2DED6!important}
[area=detail_page_main] h2{font-size:30px!important}
[area=detail_page_main] img{border-radius:20px!important}
.action-panel{background:#fff!important;border:1px solid #E2DED6!important;border-radius:18px!important;padding:22px!important}
.action-panel>p{font:700 18px/1.4 'Space Grotesk','Space Fallback',sans-serif!important;color:#1C1B19!important}
.action-panel a,.action-panel button{border-radius:999px!important;height:46px}
.action-panel .grid-cols-1 a{background:#D9481A!important;color:#fff!important;border:0!important;font-weight:700!important;font-size:16px!important;height:52px}
.pgw-side-h{font:700 13px 'Space Grotesk','Space Fallback',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#D9481A;margin:22px 0 6px}
.custom-fields-wrap dd .flex.flex-col{display:block!important}
.custom-fields-wrap dd .flex.flex-col>span{display:inline;margin-right:.3em}
.callout-block{background:#ECE7DF!important;border:0!important;border-radius:18px!important}
.callout-block h3{font-size:24px!important;margin:6px 0 10px!important}
.cta-block[area=detail_page_main]{position:static!important;left:auto!important;right:auto!important;margin-left:0!important;margin-right:0!important;width:auto!important;background:transparent!important}
.cta-block[area=detail_page_main]>div,.cta-block[area=detail_page_main] .max-w-4xl{background:#ECE7DF!important;border-radius:18px!important;max-width:none!important;padding:32px 36px!important;text-align:left!important}
.cta-block[area=detail_page_main] h2{color:#1C1B19!important;font-size:26px!important}
.cta-block[area=detail_page_main] p{color:#55524C!important}
.cta-block[area=detail_page_main] .flex-wrap{justify-content:flex-start!important}
.cta-block[area=detail_page_main] button,.cta-block[area=detail_page_main] a{background:#D9481A!important;color:#fff!important}
h1+span.bg-gray-100.rounded-full{display:none!important}

/* Browse */
.review-rating-filter{display:none!important}

/* Footer */
.pgw-ft{background:#1C1B19!important;border-top:0!important;border-image:linear-gradient(#1C1B19,#1C1B19) fill 0//0 100vmax;margin-top:64px!important;padding-top:4px}
.pgw-ft a,.pgw-ft p,.pgw-ft span,.pgw-ft button{color:#D9D4CB!important}
.pgw-ft a:hover{color:#FF5A1F!important}
.pgw-ft .border-t{border-top:0!important}
.pgw-ft .bg-brand-button-bg{background:#FF5A1F!important}
.pgw-ft .bg-brand-button-bg,.pgw-ft .bg-brand-button-bg *{color:#fff!important}

/* v2 (13 Oct): accordion padding, balanced CTA heading, lighter category intro */
.accordion-block [data-headlessui-state] button{padding:18px 22px!important}
.accordion-block [data-headlessui-state]>div:not(:first-child),.accordion-block [data-headlessui-state] [id^=headlessui-disclosure-panel]{padding:0 22px 20px!important}
.cta-block h2{text-wrap:balance}
.-mt-4.mb-12>.text-xl{font-size:18px!important;line-height:1.6!important;color:#55524C}
.card .aspect-video img,.card img.object-cover{transition:transform .5s}
.card:hover .aspect-video img{transform:scale(1.03)}