.tn-explore {
    --ex-blue: #08246f;
    --ex-link: #065cff;
    --ex-sky: #eaf8ff;
    --ex-line: #d9e7f3;
    --ex-muted: #53678d;
    color: var(--ex-blue);
    background: #fff;
    overflow: hidden;
}

.tn-explore img { display: block; width: 100%; }
.tn-explore a { transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.tn-explore h1,
.tn-explore h2,
.tn-explore h3,
.tn-explore p { margin-top: 0; }

.tn-explore-hero {
    position: relative;
    min-height: 470px;
    overflow: hidden;
    background:
        radial-gradient(circle at 87% 42%, rgba(106, 209, 255, .34), transparent 26%),
        radial-gradient(circle at 31% 100%, rgba(59, 174, 210, .13), transparent 25%),
        linear-gradient(125deg, #fbfdff 0%, #f5fbff 47%, #dff4ff 100%);
}

.tn-explore-hero::before,
.tn-explore-hero::after {
    content: "";
    position: absolute;
    pointer-events: none;
}

.tn-explore-hero::before {
    width: 520px;
    height: 220px;
    left: -100px;
    bottom: -104px;
    opacity: .24;
    border-radius: 50%;
    background: url('/images/places-footer-banner.png') center 60% / cover no-repeat;
    mask-image: linear-gradient(to top, #000 10%, transparent 94%);
}

.tn-explore-hero::after {
    width: 210px;
    height: 310px;
    right: -50px;
    top: 42px;
    opacity: .14;
    background: url('/images/index-hero.png') center / cover no-repeat;
    clip-path: polygon(45% 0, 100% 0, 100% 100%, 5% 75%);
}

.tn-explore-hero__inner {
    min-height: 470px;
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(430px, 1.1fr);
    align-items: center;
    gap: 54px;
    padding-top: 22px;
    padding-bottom: 32px;
}

.tn-explore-hero__copy { position: relative; z-index: 3; min-width: 0; }
.tn-explore-breadcrumb { display: flex; align-items: center; gap: 8px; margin-bottom: 25px; color: #66769b; font-size: 12px; font-weight: 700; }
.tn-explore-breadcrumb a { color: #173ec9; }
.tn-explore-breadcrumb i { font-size: 8px; }
.tn-explore-eyebrow { margin-bottom: 5px; color: #3152aa; font-size: 11px; font-weight: 900; letter-spacing: .1em; }
.tn-explore-hero h1 { margin-bottom: 7px; font-size: clamp(45px, 4.6vw, 67px); line-height: 1; letter-spacing: -3.1px; font-weight: 900; }
.tn-explore-lead { max-width: 560px; margin-bottom: 20px; color: #435d8c; font-size: 17px; line-height: 1.45; }

.tn-explore-search {
    width: 100%;
    max-width: 560px;
    height: 52px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 5px 5px 5px 16px;
    background: #fff;
    border: 1px solid #d9e6f4;
    border-radius: 10px;
    box-shadow: 0 10px 28px rgba(14, 48, 111, .11);
}

.tn-explore-search > i { color: #7182a5; }
.tn-explore-search input { flex: 1; min-width: 0; border: 0; outline: 0; color: var(--ex-blue); background: transparent; font: inherit; font-size: 13px; }
.tn-explore-search button,
.tn-explore-final button,
.tn-explore-connect button {
    height: 40px;
    padding: 0 25px;
    border: 0;
    border-radius: 7px;
    color: #fff;
    background: linear-gradient(180deg, #126dff, #034fdc);
    font-weight: 800;
    cursor: pointer;
}

.tn-explore-start { margin: 14px 0 8px; color: #53678d; font-size: 11px; font-weight: 700; }
.tn-explore-chips { display: flex; max-width: 560px; flex-wrap: wrap; gap: 8px; }
.tn-explore-chips a { display: inline-flex; align-items: center; gap: 7px; padding: 8px 12px; border: 1px solid #dce8f2; border-radius: 999px; background: rgba(255,255,255,.9); color: #334a78; font-size: 11px; font-weight: 750; }
.tn-explore-chips a:nth-child(4n+1) i { color: #16b894; }
.tn-explore-chips a:nth-child(4n+2) i { color: #ff623f; }
.tn-explore-chips a:nth-child(4n+3) i { color: #f19c26; }
.tn-explore-chips a:nth-child(4n+4) i { color: #6a49dc; }

.tn-explore-collage { position: relative; height: 390px; z-index: 2; }
.tn-explore-photo { position: absolute; display: block; overflow: hidden; border: 5px solid rgba(255,255,255,.96); border-radius: 14px; background: #fff; box-shadow: 0 18px 35px rgba(14,43,96,.22); }
.tn-explore-photo img { width: 100%; height: 100%; object-fit: cover; }
.tn-explore-photo span { position: absolute; left: 12px; bottom: 12px; display: inline-flex; align-items: center; gap: 7px; padding: 7px 11px; border-radius: 999px; background: rgba(255,255,255,.96); box-shadow: 0 3px 12px rgba(6,30,88,.12); font-size: 10px; font-weight: 850; }
.tn-explore-photo span i { color: #0664ff; }
.tn-explore-photo--islands { left: 12px; bottom: 30px; width: 62%; height: 310px; transform: rotate(-7deg); }
.tn-explore-photo--north { right: 4px; top: 0; width: 50%; height: 178px; transform: rotate(5deg); }
.tn-explore-photo--city { right: 17px; bottom: 20px; width: 45%; height: 185px; transform: rotate(-5deg); }
.tn-explore-photo:hover { z-index: 5; transform: rotate(0) translateY(-5px); }
.tn-explore-doodle { position: absolute; color: #2583e8; }
.tn-explore-doodle--plane { right: -11px; top: 217px; font-size: 33px; transform: rotate(-19deg); }
.tn-explore-doodle--note { left: -24px; bottom: 3px; font-family: "Segoe Print", cursive; font-size: 14px; line-height: 1.05; text-align: center; transform: rotate(-11deg); }

.tn-explore-section { padding-top: 34px; padding-bottom: 34px; }
.tn-explore-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 17px; }
.tn-explore-heading > div > span { display: block; margin-bottom: 2px; color: #6680aa; font-size: 10px; font-weight: 900; letter-spacing: .1em; }
.tn-explore-heading h2 { margin-bottom: 0; font-size: 27px; line-height: 1.05; letter-spacing: -1px; }
.tn-explore-heading p { margin: 6px 0 0; color: var(--ex-muted); font-size: 13px; }
.tn-explore-heading > a { color: var(--ex-link); font-size: 12px; font-weight: 850; white-space: nowrap; }

.tn-explore-interest-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; }
.tn-explore-interest { position: relative; min-width: 0; overflow: hidden; border: 1px solid var(--ex-line); border-radius: 10px; background: #fff; box-shadow: 0 4px 13px rgba(13, 42, 90, .05); }
.tn-explore-interest:hover,
.tn-explore-region:hover,
.tn-explore-style-grid a:hover,
.tn-explore-guide-grid a:hover { transform: translateY(-3px); border-color: #bcd4ea; box-shadow: 0 12px 30px rgba(12, 48, 104, .13); }
.tn-explore-interest__media { position: relative; display: block; height: 105px; }
.tn-explore-interest__media img { height: 100%; object-fit: cover; }
.tn-explore-interest__media::after { content: ""; position: absolute; inset: 40% 0 0; background: linear-gradient(transparent, rgba(0,24,68,.22)); }
.tn-explore-interest__media > i { position: absolute; z-index: 2; left: 10px; bottom: -14px; width: 32px; height: 32px; display: grid; place-items: center; border: 3px solid #fff; border-radius: 50%; color: #0a62dc; background: #eaf4ff; font-size: 14px; }
.tn-explore-interest__copy { display: flex; min-height: 82px; flex-direction: column; padding: 20px 34px 12px 11px; }
.tn-explore-interest__copy strong { font-size: 14px; letter-spacing: -.25px; }
.tn-explore-interest__copy small { margin-top: 3px; color: var(--ex-muted); font-size: 11px; line-height: 1.3; }
.tn-explore-card-arrow { position: absolute; right: 11px; bottom: 15px; color: #0c61f2; font-size: 11px; }
.tn-accent-aqua .tn-explore-interest__media > i { color: #0aa3af; background: #e8fbfc; }
.tn-accent-coral .tn-explore-interest__media > i { color: #ef6047; background: #fff0ec; }
.tn-accent-orange .tn-explore-interest__media > i { color: #e98e14; background: #fff5dc; }
.tn-accent-green .tn-explore-interest__media > i { color: #24a366; background: #eaf9f0; }
.tn-accent-purple .tn-explore-interest__media > i { color: #8049d9; background: #f4ebff; }
.tn-accent-sky .tn-explore-interest__media > i { color: #159acd; background: #e9f9ff; }
.tn-accent-teal .tn-explore-interest__media > i { color: #128c84; background: #e8f8f6; }

.tn-explore-featured { background: linear-gradient(105deg, #edf9ff, #f5fbff); }
.tn-explore-featured-grid { display: grid; grid-template-columns: 1.38fr .98fr; gap: 18px; }
.tn-explore-feature-main,
.tn-explore-feature-side a { overflow: hidden; border: 1px solid #dbe9f3; border-radius: 9px; background: #fff; box-shadow: 0 4px 15px rgba(12, 44, 91, .05); }
.tn-explore-feature-main { display: flex; flex-direction: column; }
.tn-explore-feature-main > img { height: 235px; object-fit: cover; object-position: center 55%; }
.tn-explore-feature-main__body { display: flex; align-items: flex-start; flex-direction: column; padding: 13px 16px 14px; }
.tn-explore-feature-main em,
.tn-explore-feature-side em,
.tn-explore-experience-row em,
.tn-explore-style-grid em,
.tn-explore-guide-grid em { display: inline-flex; width: max-content; padding: 3px 6px; border-radius: 999px; color: #137461; background: #dff8ef; font-size: 8px; line-height: 1; font-style: normal; font-weight: 900; text-transform: uppercase; }
.tn-explore-feature-main strong { margin-top: 4px; font-size: 20px; letter-spacing: -.5px; }
.tn-explore-feature-main small { margin-top: 3px; color: var(--ex-muted); line-height: 1.35; }
.tn-explore-feature-main b,
.tn-explore-feature-side b { margin-top: 7px; color: var(--ex-link); font-size: 11px; }
.tn-explore-feature-side { display: grid; grid-template-rows: 1fr 1fr; gap: 14px; }
.tn-explore-feature-side a { display: grid; grid-template-columns: 42% 1fr; }
.tn-explore-feature-side img { height: 100%; min-height: 150px; object-fit: cover; }
.tn-explore-feature-side a > span { display: flex; align-items: flex-start; flex-direction: column; padding: 14px; }
.tn-explore-feature-side a:last-child em { color: #d2335a; background: #ffe9ef; }
.tn-explore-feature-side strong { margin-top: 6px; font-size: 15px; line-height: 1.18; }
.tn-explore-feature-side small { margin-top: 6px; color: var(--ex-muted); font-size: 11px; line-height: 1.35; }

.tn-explore-regions-layout { display: grid; grid-template-columns: 1.55fr .92fr; gap: 17px; }
.tn-explore-region-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.tn-explore-region { position: relative; overflow: hidden; border: 1px solid var(--ex-line); border-radius: 9px; background: #fff; box-shadow: 0 4px 12px rgba(11, 42, 87, .05); }
.tn-explore-region > img { height: 105px; object-fit: cover; }
.tn-explore-region > span { display: flex; min-height: 78px; flex-direction: column; padding: 10px 27px 11px 11px; }
.tn-explore-region strong { font-size: 12px; line-height: 1.2; }
.tn-explore-region small { margin-top: 4px; color: var(--ex-muted); font-size: 9px; line-height: 1.35; }
.tn-explore-region > i { position: absolute; right: 10px; bottom: 13px; color: var(--ex-link); font-size: 10px; }
.tn-explore-map-card { min-width: 0; }
.tn-explore-map { position: relative; height: calc(100% - 42px); min-height: 350px; overflow: hidden; border-radius: 9px; background: #dff6f5; }
.tn-explore-map::after { content: "THAILAND"; position: absolute; left: 50%; top: 43%; color: rgba(22,58,101,.5); font-size: 11px; font-weight: 900; letter-spacing: .18em; transform: translate(-50%, -50%); }
.tn-explore-map > img { height: 100%; object-fit: cover; filter: saturate(.8) brightness(1.16); opacity: .7; }
.tn-explore-map .pin { position: absolute; display: flex; align-items: center; gap: 4px; color: #092f77; font-size: 9px; }
.tn-explore-map .pin i { color: #0676f6; font-size: 20px; filter: drop-shadow(0 2px 1px #fff); }
.tn-explore-map .pin--north { left: 34%; top: 13%; }
.tn-explore-map .pin--north-east { right: 9%; top: 22%; }
.tn-explore-map .pin--central { left: 43%; top: 37%; }
.tn-explore-map .pin--east { right: 14%; top: 52%; }
.tn-explore-map .pin--west { left: 25%; top: 51%; }
.tn-explore-map .pin--south { left: 30%; bottom: 13%; }
.tn-explore-map-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-top: 9px; }
.tn-explore-map-actions a { display: grid; min-height: 34px; place-items: center; border: 1px solid #bed5ef; border-radius: 6px; color: #075bdd; background: #fff; font-size: 10px; font-weight: 850; }
.tn-explore-map-actions a:first-child { border-color: #0764ee; color: #fff; background: #0764ee; }

.tn-explore-experiences { background: linear-gradient(180deg, #f6fbff, #fff); }
.tn-explore-experience-row { position: relative; display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; }
.tn-explore-experience-row > a:not(.tn-explore-experience-more) { position: relative; height: 175px; overflow: hidden; border-radius: 8px; box-shadow: 0 7px 16px rgba(8,35,82,.13); }
.tn-explore-experience-row img { height: 100%; object-fit: cover; }
.tn-explore-experience-row > a:not(.tn-explore-experience-more)::after { content: ""; position: absolute; inset: 35% 0 0; background: linear-gradient(transparent, rgba(2,16,48,.87)); }
.tn-explore-experience-row a > span { position: absolute; z-index: 2; left: 9px; right: 8px; bottom: 9px; display: flex; align-items: flex-start; flex-direction: column; gap: 5px; color: #fff; }
.tn-explore-experience-row em { color: #137461; background: #dff8ef; }
.tn-explore-experience-row strong { font-size: 11px; line-height: 1.15; }
.tn-explore-experience-more { position: absolute; z-index: 4; right: -17px; top: 68px; width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; color: #075de8; background: #fff; box-shadow: 0 6px 17px rgba(10,35,82,.18); }

.tn-explore-ask { position: relative; overflow: hidden; color: #fff; background: linear-gradient(110deg, #063172, #084997 55%, #006ab5); }
.tn-explore-ask::before { content: ""; position: absolute; inset: 0; opacity: .13; background: radial-gradient(circle at 50% 10%, #46d9ff, transparent 45%); }
.tn-explore-ask__inner { position: relative; min-height: 210px; display: grid; place-items: center; padding-top: 24px; padding-bottom: 24px; }
.tn-explore-ask__content { position: relative; z-index: 2; width: min(760px, 100%); text-align: center; }
.tn-explore-ask h2 { margin-bottom: 3px; font-size: 26px; letter-spacing: -.7px; }
.tn-explore-ask p { margin-bottom: 14px; color: #c8e5ff; font-size: 12px; }
.tn-explore-ask form { height: 48px; display: flex; align-items: center; gap: 10px; padding: 4px 4px 4px 14px; border: 2px solid rgba(255,255,255,.85); border-radius: 8px; background: #fff; color: #657596; }
.tn-explore-ask form input { flex: 1; min-width: 0; border: 0; outline: 0; font: inherit; font-size: 11px; }
.tn-explore-ask form button { height: 36px; padding: 0 19px; border: 0; border-radius: 6px; color: #fff; background: #0870ee; font-weight: 800; cursor: pointer; }
.tn-explore-ask__content > div { display: flex; justify-content: center; flex-wrap: wrap; gap: 7px; margin-top: 10px; }
.tn-explore-ask__content > div a { padding: 6px 11px; border: 1px solid rgba(255,255,255,.2); border-radius: 999px; color: #e3f3ff; background: rgba(255,255,255,.1); font-size: 9px; }
.tn-explore-ask__map { position: absolute; left: 0; bottom: -30px; width: 200px; height: 210px; opacity: .15; background: url('/images/about-thailand-project.png') center / cover; clip-path: polygon(15% 0, 92% 7%, 75% 100%, 0 82%); }
.tn-explore-ask__note { position: absolute; right: 5px; bottom: 34px; color: #86c2ef; font-family: "Segoe Print", cursive; font-size: 15px; line-height: 1.06; text-align: center; transform: rotate(-9deg); }

.tn-explore-style-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 13px; }
.tn-explore-style-grid > a { position: relative; min-height: 84px; display: grid; grid-template-columns: 92px 1fr 16px; align-items: center; overflow: hidden; border: 1px solid var(--ex-line); border-radius: 8px; background: #fff; box-shadow: 0 4px 12px rgba(10,42,88,.04); }
.tn-explore-style-grid img { width: 92px; height: 100%; object-fit: cover; }
.tn-explore-style-grid span { display: flex; align-items: flex-start; flex-direction: column; gap: 6px; padding: 8px 5px 8px 10px; }
.tn-explore-style-grid em { color: #086bce; background: #e9f5ff; text-transform: none; }
.tn-explore-style-grid strong { font-size: 11px; line-height: 1.18; }
.tn-explore-style-grid > a > i { color: var(--ex-link); font-size: 9px; }

.tn-explore-routes { background: linear-gradient(100deg, #edf9ff, #e5f7ff); }
.tn-explore-route-row { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; }
.tn-explore-route-row > a { display: flex; align-items: stretch; flex-direction: column; padding: 10px; border: 1px solid #d7e9f3; border-radius: 8px; background: rgba(255,255,255,.95); box-shadow: 0 4px 12px rgba(12,44,88,.04); }
.tn-explore-route-row strong { min-height: 29px; font-size: 10px; line-height: 1.2; }
.tn-explore-route-map { position: relative; height: 78px; display: block; overflow: hidden; margin: 7px 0; border-radius: 6px; background: linear-gradient(135deg, #e6f5d9, #ddf3ff 55%, #d4eddd); }
.tn-explore-route-map::before,
.tn-explore-route-map::after { content: ""; position: absolute; border-radius: 50%; background: rgba(101,180,125,.23); }
.tn-explore-route-map::before { width: 90px; height: 65px; left: -18px; top: -17px; }
.tn-explore-route-map::after { width: 75px; height: 60px; right: -20px; bottom: -17px; }
.tn-explore-route-map b { position: absolute; left: 16%; right: 15%; top: 50%; z-index: 1; height: 2px; border-top: 2px dashed #3d7ce1; transform: rotate(4deg); }
.tn-explore-route-map i { position: absolute; z-index: 2; width: 8px; height: 8px; border: 2px solid #fff; border-radius: 50%; background: #176eea; box-shadow: 0 1px 3px rgba(0,30,80,.3); }
.tn-explore-route-map i:nth-child(1) { left: 16%; top: 48%; }
.tn-explore-route-map i:nth-child(2) { left: 39%; top: 39%; }
.tn-explore-route-map i:nth-child(3) { left: 61%; top: 53%; }
.tn-explore-route-map i:nth-child(4) { right: 14%; top: 40%; }
.tn-explore-route-row small { color: var(--ex-muted); font-size: 8px; line-height: 1.35; }
.tn-explore-route-row em { margin-top: 8px; color: var(--ex-link); font-size: 9px; font-style: normal; font-weight: 850; text-align: center; }

.tn-explore-guide-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; }
.tn-explore-guide-grid > a { position: relative; min-height: 126px; display: grid; grid-template-columns: 35px 1fr; align-items: start; padding: 13px 10px; border: 1px solid var(--ex-line); border-radius: 8px; background: #fff; box-shadow: 0 4px 12px rgba(10,40,85,.04); }
.tn-explore-guide-grid > a > i { color: #0867ed; font-size: 23px; text-align: center; }
.tn-explore-guide-grid > a > span { display: flex; align-items: flex-start; flex-direction: column; gap: 4px; padding-left: 6px; }
.tn-explore-guide-grid em { color: #076fd3; background: #e6f6ff; text-transform: none; }
.tn-explore-guide-grid strong { font-size: 10px; line-height: 1.2; }
.tn-explore-guide-grid small { color: var(--ex-muted); font-size: 8px; line-height: 1.35; }
.tn-explore-guide-grid > a > b { position: absolute; right: 8px; bottom: 8px; color: var(--ex-link); font-size: 8px; }
.tn-explore-guide-grid .tn-accent-green > i { color: #16a269; }
.tn-explore-guide-grid .tn-accent-orange > i { color: #f18d1b; }
.tn-explore-guide-grid .tn-accent-purple > i { color: #9254da; }

.tn-explore-connect { background: linear-gradient(105deg, #e8f7ff, #d2f3ff); }
.tn-explore-connect__inner { min-height: 205px; display: grid; grid-template-columns: .85fr 1.15fr; align-items: center; }
.tn-explore-connect h2 { margin-bottom: 8px; font-size: 27px; letter-spacing: -.8px; }
.tn-explore-connect p { max-width: 470px; margin-bottom: 18px; color: var(--ex-muted); font-size: 11px; line-height: 1.5; }
.tn-explore-connect form { display: grid; grid-template-columns: 135px 150px 140px; gap: 8px; }
.tn-explore-connect select { height: 38px; padding: 0 12px; border: 1px solid #d5e5ef; border-radius: 6px; color: #33486f; background: #fff; font: inherit; font-size: 10px; }
.tn-explore-connect button { height: 38px; padding: 0 14px; font-size: 10px; }
.tn-explore-connect__map { position: relative; height: 205px; overflow: hidden; }
.tn-explore-connect__map img { height: 100%; object-fit: cover; object-position: center 45%; filter: saturate(.85) brightness(1.12); opacity: .68; }
.tn-explore-connect__map::after { content: "THAILAND"; position: absolute; left: 51%; top: 43%; color: rgba(15,56,103,.68); font-size: 12px; font-weight: 900; letter-spacing: .15em; }
.tn-explore-connect__map .dot { position: absolute; z-index: 2; width: 12px; height: 12px; border: 3px solid #fff; border-radius: 50%; background: #0678f7; box-shadow: 0 3px 7px rgba(0,46,111,.3); }
.tn-explore-connect__map .dot--one { left: 43%; top: 22%; }
.tn-explore-connect__map .dot--two { left: 59%; top: 42%; }
.tn-explore-connect__map .dot--three { left: 50%; top: 64%; }
.tn-explore-connect__map .dot--four { left: 35%; top: 73%; }
.tn-explore-connect__map .dot--five { left: 66%; top: 69%; background: #ff4860; }
.tn-explore-connect__map b { position: absolute; right: 8px; top: 57px; color: #3993c5; font-family: "Segoe Print", cursive; font-size: 15px; line-height: 1.1; transform: rotate(-8deg); }

.tn-explore-final { position: relative; min-height: 190px; overflow: hidden; color: #fff; background: #0c8ed3 url('/images/index-hero.png') center 54% / cover no-repeat; }
.tn-explore-final__shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,89,158,.1), rgba(5,99,164,.58) 35%, rgba(4,89,153,.28)); }
.tn-explore-final__inner { position: relative; min-height: 190px; display: flex; align-items: center; flex-direction: column; justify-content: center; text-align: center; }
.tn-explore-final h2 { margin-bottom: 4px; font-size: 26px; letter-spacing: -.8px; text-shadow: 0 2px 10px rgba(0,46,86,.25); }
.tn-explore-final p { margin-bottom: 13px; font-size: 12px; text-shadow: 0 2px 8px rgba(0,38,78,.35); }
.tn-explore-final form { width: min(490px, 100%); height: 44px; display: flex; align-items: center; gap: 10px; padding: 4px 4px 4px 14px; border-radius: 7px; background: #fff; color: #637598; box-shadow: 0 8px 22px rgba(0,45,91,.2); }
.tn-explore-final form input { flex: 1; min-width: 0; border: 0; outline: 0; font: inherit; font-size: 10px; }
.tn-explore-final button { height: 36px; min-width: 92px; }
.tn-explore-final__inner > span { position: absolute; right: 0; bottom: 33px; font-family: "Segoe Print", cursive; font-size: 15px; line-height: 1.12; text-align: center; text-shadow: 0 2px 8px rgba(0,48,88,.5); transform: rotate(-7deg); }

@media (max-width: 1050px) {
    .tn-explore-hero__inner { grid-template-columns: 1fr .9fr; gap: 20px; }
    .tn-explore-photo--islands { width: 67%; }
    .tn-explore-photo--north { width: 55%; }
    .tn-explore-interest-grid { grid-template-columns: repeat(2, 1fr); }
    .tn-explore-regions-layout { grid-template-columns: 1.25fr .75fr; }
    .tn-explore-region-grid { grid-template-columns: repeat(2, 1fr); }
    .tn-explore-experience-row { grid-template-columns: repeat(3, 1fr); }
    .tn-explore-experience-row > a:not(.tn-explore-experience-more):nth-child(n+4) { display: none; }
    .tn-explore-style-grid { grid-template-columns: repeat(2, 1fr); }
    .tn-explore-route-row { overflow-x: auto; grid-template-columns: repeat(5, minmax(190px, 1fr)); padding-bottom: 8px; }
    .tn-explore-guide-grid { grid-template-columns: repeat(3, 1fr); }
    .tn-explore-connect form { grid-template-columns: 1fr 1fr; }
    .tn-explore-connect button { grid-column: 1 / -1; }
}

@media (max-width: 760px) {
    .tn-explore-hero { min-height: auto; }
    .tn-explore-hero__inner { min-height: 0; grid-template-columns: 1fr; padding-top: 26px; padding-bottom: 28px; }
    .tn-explore-breadcrumb { margin-bottom: 22px; }
    .tn-explore-hero h1 { font-size: 48px; letter-spacing: -2.5px; }
    .tn-explore-lead { font-size: 15px; }
    .tn-explore-search { height: 50px; }
    .tn-explore-search button { padding: 0 17px; }
    .tn-explore-chips { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 5px; scrollbar-width: none; }
    .tn-explore-chips::-webkit-scrollbar { display: none; }
    .tn-explore-chips a { flex: 0 0 auto; }
    .tn-explore-collage { height: 270px; margin-top: 6px; }
    .tn-explore-photo--islands { left: 1%; bottom: 12px; width: 58%; height: 220px; }
    .tn-explore-photo--north { right: 2%; width: 48%; height: 127px; }
    .tn-explore-photo--city { right: 3%; bottom: 4px; width: 44%; height: 128px; }
    .tn-explore-doodle--plane { display: none; }
    .tn-explore-doodle--note { left: auto; right: 41%; bottom: -5px; }
    .tn-explore-section { padding-top: 27px; padding-bottom: 27px; }
    .tn-explore-heading { align-items: flex-start; }
    .tn-explore-heading h2 { font-size: 24px; }
    .tn-explore-heading > a { margin-top: 5px; }
    .tn-explore-interest-grid { gap: 11px; }
    .tn-explore-interest__media { height: 92px; }
    .tn-explore-interest__copy { min-height: 91px; padding-right: 25px; }
    .tn-explore-featured-grid { grid-template-columns: 1fr; }
    .tn-explore-feature-main > img { height: 205px; }
    .tn-explore-feature-side a { min-height: 145px; }
    .tn-explore-regions-layout { grid-template-columns: 1fr; }
    .tn-explore-region-grid { gap: 11px; }
    .tn-explore-map { min-height: 360px; }
    .tn-explore-experience-row { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 8px; }
    .tn-explore-experience-row > a:not(.tn-explore-experience-more),
    .tn-explore-experience-row > a:not(.tn-explore-experience-more):nth-child(n+4) { display: block; min-width: 170px; scroll-snap-align: start; }
    .tn-explore-experience-more { display: none; }
    .tn-explore-ask__inner { min-height: 260px; }
    .tn-explore-ask__note,
    .tn-explore-ask__map { display: none; }
    .tn-explore-ask form input { font-size: 10px; }
    .tn-explore-ask form button { padding: 0 12px; font-size: 11px; }
    .tn-explore-route-row { margin-right: -24px; }
    .tn-explore-guide-grid { grid-template-columns: repeat(2, 1fr); }
    .tn-explore-connect__inner { grid-template-columns: 1fr; padding-top: 28px; }
    .tn-explore-connect__map { margin-top: 15px; }
    .tn-explore-final__inner > span { display: none; }
}

@media (max-width: 520px) {
    .tn-explore-hero h1 { font-size: 40px; }
    .tn-explore-search input { font-size: 11px; }
    .tn-explore-search button { padding: 0 12px; font-size: 11px; }
    .tn-explore-collage { height: 235px; }
    .tn-explore-photo { border-width: 3px; border-radius: 10px; }
    .tn-explore-photo--islands { height: 190px; }
    .tn-explore-photo--north,
    .tn-explore-photo--city { height: 110px; }
    .tn-explore-photo span { left: 7px; bottom: 7px; padding: 5px 7px; font-size: 8px; }
    .tn-explore-interest-grid { grid-template-columns: 1fr; }
    .tn-explore-interest { display: grid; grid-template-columns: 124px 1fr; }
    .tn-explore-interest__media { height: 100%; min-height: 112px; }
    .tn-explore-interest__media > i { left: auto; right: -14px; bottom: auto; top: 12px; }
    .tn-explore-interest__copy { justify-content: center; padding: 16px 30px 16px 22px; }
    .tn-explore-region-grid { grid-template-columns: 1fr; }
    .tn-explore-region { display: grid; grid-template-columns: 125px 1fr; min-height: 112px; }
    .tn-explore-region > img { height: 100%; }
    .tn-explore-region > span { justify-content: center; min-height: 0; }
    .tn-explore-ask form > i { display: none; }
    .tn-explore-ask form button { font-size: 0; }
    .tn-explore-ask form button i { font-size: 12px; }
    .tn-explore-style-grid { grid-template-columns: 1fr; }
    .tn-explore-guide-grid { grid-template-columns: 1fr; }
    .tn-explore-guide-grid > a { min-height: 105px; }
    .tn-explore-connect form { grid-template-columns: 1fr; }
    .tn-explore-connect button { grid-column: auto; }
    .tn-explore-final { min-height: 210px; }
    .tn-explore-final__inner { min-height: 210px; }
}

@media (prefers-reduced-motion: reduce) {
    .tn-explore a { transition: none; }
}