Skåne - Thinkable Travel

<!DOCTYPE html>

<head>

<!– ══ PRIMARY SEO ══ –>

<title>Thinkable Travel | Luxury DMC Sweden – Bespoke Sustainable Scandinavian Journeys</title>

<!– ══ OPEN GRAPH ══ –>

<!– ══ TWITTER CARD ══ –>

<!– ══ SCHEMA.ORG STRUCTURED DATA ══ –>

{

”@context”: ”https://schema.org”,

”@type”: ”TravelAgency”,

”name”: ”Thinkable Travel”,

”url”: ”https://thinkabletravel.com”,

”description”: ”Sweden’s premier Destination Management Company specialising in bespoke luxury and sustainable travel experiences across Scandinavia.”,

”slogan”: ”Where luxury meets sustainability and authentic experiences”,

”areaServed”: [”Sweden”,”Denmark”,”Norway”,”Scandinavia”,”Europe”],

”knowsAbout”: [”Luxury Travel”,”Destination Management”,”Sustainable Tourism”,”Corporate Events”,”Northern Lights”,”Swedish Nature”],

”serviceType”: [”Destination Management”,”Bespoke Travel”,”Corporate Travel”,”Incentive Travel”,”Sustainable Tourism”],

”address”: {”@type”: ”PostalAddress”, ”addressCountry”: ”SE”},

”aggregateRating”: {”@type”: ”AggregateRating”, ”ratingValue”: ”10”, ”reviewCount”: ”150”}

}

</script>

<!– ══ GOOGLE ANALYTICS 4 — GDPR CONSENT-GATED ══

1. Replace GA_MEASUREMENT_ID with your real G-XXXXXXXXXX from Google Analytics

2. GA only loads AFTER the visitor actively accepts cookies

3. Default state is denied (GDPR/ePrivacy compliant)

══ –>

// GA stub — runs before GA loads so gtag() calls don’t throw errors

window.dataLayer = window.dataLayer || [];

function gtag(){ dataLayer.push(arguments); }

// Set default consent to DENIED (GDPR requirement — no tracking before consent)

gtag(’consent’, ’default’, {

analytics_storage: ’denied’,

ad_storage: ’denied’,

wait_for_update: 500

});

// Check if user has already consented in a previous visit

(function() {

var saved = localStorage.getItem(’tt_cookie_consent’);

if (saved === ’accepted’) {

gtag(’consent’, ’update’, { analytics_storage: ’granted’ });

loadGA();

}

})();

function loadGA() {

if (window._gaLoaded) return;

window._gaLoaded = true;

var s = document.createElement(’script’);

s.async = true;

s.src = ’https://www.googletagmanager.com/gtag/js?id=GA_MEASUREMENT_ID’;

document.head.appendChild(s);

s.onload = function() {

gtag(’js’, new Date());

gtag(’config’, ’GA_MEASUREMENT_ID’, {

page_title: document.title,

page_location: window.location.href

});

};

}

function trackCTA(label) {

if (window._gaLoaded) gtag(’event’, ’cta_click’, { event_category: ’engagement’, event_label: label });

}

function trackFormSubmit() {

if (window._gaLoaded) gtag(’event’, ’form_submit’, { event_category: ’lead’, event_label: ’contact_form’ });

}

</script>

<!– ══ FONTS ══ –>

<style>

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {

–ink: #0c0d0b;

–cream: #f4efe6;

–forest: #2c3d28;

–pine: #4a6644;

–gold: #c4935a;

–amber: #d4a96a;

–mist: #cfd8cc;

–snow: #f9f8f5;

–serif: ’Playfair Display’, Georgia, serif;

–sans: ’DM Sans’, sans-serif;

–radius: 0px;

}

html { scroll-behavior: smooth; font-size: 16px; }

body {

font-family: var(–sans);

background: var(–snow);

color: var(–ink);

overflow-x: hidden;

}

a { text-decoration: none; color: inherit; }

img { max-width: 100%; display: block; }

/* ── UTILITY ── */

.eyebrow {

font-size: .65rem; font-weight: 400;

letter-spacing: .3em; text-transform: uppercase;

color: var(–gold); margin-bottom: .9rem;

display: block;

}

.h1 {

font-family: var(–serif);

font-size: clamp(3rem, 6.5vw, 6rem);

font-weight: 300; line-height: 1.06;

}

.h2 {

font-family: var(–serif);

font-size: clamp(1.9rem, 3.5vw, 3.2rem);

font-weight: 300; line-height: 1.18;

}

.h3 {

font-family: var(–serif);

font-size: 1.35rem; font-weight: 400;

}

em { font-style: italic; color: var(–gold); }

/* ── BUTTONS ── */

.btn {

display: inline-block;

font-size: .68rem; font-weight: 400;

letter-spacing: .2em; text-transform: uppercase;

padding: 1rem 2.4rem;

transition: all .28s;

cursor: pointer;

}

.btn-gold {

background: var(–gold); color: #fff;

}

.btn-gold:hover { background: #a87840; }

.btn-outline-light {

border: 1px solid rgba(249,248,245,.45);

color: #fff;

}

.btn-outline-light:hover { background: rgba(255,255,255,.12); }

.btn-outline-dark {

border: 1px solid rgba(44,61,40,.3);

color: var(–ink);

}

.btn-outline-dark:hover { border-color: var(–gold); color: var(–gold); }

.btn-white { background: #fff; color: var(–gold); }

.btn-white:hover { background: var(–ink); color: #fff; }

/* ── NAV ── */

#nav {

position: fixed; top: 0; left: 0; right: 0; z-index: 200;

display: flex; align-items: center; justify-content: space-between;

padding: 1.6rem 4rem;

transition: background .4s, padding .3s;

}

#nav.solid {

background: rgba(249,248,245,.95);

backdrop-filter: blur(14px);

padding: 1.1rem 4rem;

border-bottom: 1px solid rgba(196,147,90,.15);

box-shadow: 0 2px 24px rgba(0,0,0,.06);

}

.nav-logo {

font-family: var(–serif);

font-size: 1.25rem; font-weight: 400;

letter-spacing: .04em;

color: #fff; transition: color .3s;

}

#nav.solid .nav-logo { color: var(–ink); }

.nav-hamburger { display: none; }

.nav-links {

display: flex; gap: 2.4rem; list-style: none;

}

.nav-links a {

font-size: .65rem; letter-spacing: .18em;

text-transform: uppercase;

color: rgba(255,255,255,.8);

transition: color .3s;

}

#nav.solid .nav-links a { color: #4a4a42; }

.nav-links a:hover { color: var(–gold) !important; }

.nav-cta-link {

font-size: .65rem; letter-spacing: .18em;

text-transform: uppercase;

padding: .7rem 1.8rem;

border: 1px solid rgba(255,255,255,.4);

color: #fff;

transition: all .3s;

}

#nav.solid .nav-cta-link {

border-color: var(–gold); color: var(–gold);

}

.nav-cta-link:hover { background: var(–gold); border-color: var(–gold); color: #fff !important; }

.nav-social {

display: flex; gap: .7rem; align-items: center; margin-left: .6rem;

}

.nav-social-icon {

color: rgba(255,255,255,.6);

transition: color .25s;

display: flex; align-items: center;

}

#nav.solid .nav-social-icon { color: #7a7a70; }

.nav-social-icon:hover { color: var(–gold) !important; }

/* ── HERO ── */

.hero {

position: relative; height: 100vh; min-height: 680px;

display: flex; align-items: flex-end; overflow: hidden;

}

/* Hero background — real Northern Lights photo */

.hero-bg {

position: absolute; inset: 0;

background-image:

linear-gradient(175deg, rgba(12,13,11,.15) 0%, rgba(12,13,11,.55) 100%),

url(’https://images.unsplash.com/photo-1531366936337-7c912a4589a7?w=1920&q=80&auto=format&fit=crop’);

background-size: cover;

background-position: center 40%;

}

.hero-bg::before, .hero-bg::after { content: none; }

@keyframes aurora { 0%{opacity:.8} 100%{opacity:1} }

.hero-content {

position: relative; z-index: 2;

padding: 0 4rem 9rem;

max-width: 860px;

}

.hero-pre {

display: flex; align-items: center; gap: 1rem;

margin-bottom: 1.6rem;

animation: fadeUp .7s .3s both;

}

.hero-pre-line {

width: 40px; height: 1px; background: var(–gold);

}

.hero-pre-text {

font-size: .62rem; letter-spacing: .28em;

text-transform: uppercase; color: var(–gold);

}

.hero-title {

color: #fff; margin-bottom: 1.6rem;

animation: fadeUp .8s .5s both;

}

.hero-sub {

font-size: .95rem; font-weight: 300;

line-height: 1.85; color: rgba(249,248,245,.72);

max-width: 500px; margin-bottom: 2.8rem;

animation: fadeUp .8s .7s both;

}

.hero-btns {

display: flex; gap: 1rem; flex-wrap: wrap;

animation: fadeUp .8s .9s both;

}

.hero-scroll {

position: absolute; right: 4rem; bottom: 3rem; z-index: 3;

display: flex; flex-direction: column; align-items: center; gap: .5rem;

opacity: 0; animation: fadeIn 1s 1.2s forwards;

}

.hero-scroll span {

font-size: .55rem; letter-spacing: .25em; text-transform: uppercase;

color: rgba(255,255,255,.4); writing-mode: vertical-rl;

}

.hero-scroll-bar {

width: 1px; height: 56px;

background: linear-gradient(to bottom, rgba(196,147,90,.8), transparent);

animation: pulse 2.2s 1.5s infinite;

}

@keyframes pulse { 0%,100%{opacity:.5} 50%{opacity:1} }

/* ── TRUST BAR ── */

.trust-bar {

background:

linear-gradient(rgba(44,61,40,.92), rgba(44,61,40,.92)),

url(’https://thinkabletravel.com/wp-content/uploads/2022/10/skarmavbild-2022-10-27-kl.-13.10.09.png?fit=crop?fit=crop’);

background-size: cover; background-position: center;

display: grid; grid-template-columns: repeat(4, 1fr);

border-top: 1px solid rgba(196,147,90,.18);

}

.trust-item {

padding: 2.2rem 1.8rem; text-align: center;

border-right: 1px solid rgba(255,255,255,.07);

}

.trust-item:last-child { border: none; }

.trust-num {

font-family: var(–serif); font-size: 2.5rem; font-weight: 300;

color: var(–amber); display: block; line-height: 1;

}

.trust-lbl {

font-size: .6rem; letter-spacing: .18em; text-transform: uppercase;

color: rgba(207,216,204,.6); margin-top: .4rem; display: block;

}

/* ── SECTIONS BASE ── */

.section { padding: 7rem 4rem; }

.section-sm { padding: 5rem 4rem; }

.container { max-width: 1280px; margin: 0 auto; }

/* ── INTRO ── */

.intro {

background:

linear-gradient(rgba(249,248,245,.97), rgba(249,248,245,.97)),

url(’https://images.unsplash.com/photo-1510798831971-661eb04b3739?w=1600&q=60&auto=format&fit=crop’);

background-size: cover; background-position: center;

display: grid; grid-template-columns: 1fr 1.1fr;

gap: 6rem; align-items: center;

}

.intro-text p {

font-size: .9rem; line-height: 1.95;

color: #5a5a52; margin-top: 1.4rem;

}

.intro-text p + p { margin-top: .9rem; }

.intro-cta { margin-top: 2.2rem; display: flex; gap: 1rem; flex-wrap: wrap; }

.intro-visual {

position: relative;

}

.intro-main-card {

aspect-ratio: 4/5;

background-image:

url(’https://thinkabletravel.com/wp-content/uploads/2025/03/anders-blomqvist-8.jpg?fit=crop’);

background-size: cover; background-position: center;

position: relative; overflow: hidden;

}

.intro-main-card::before { content: none; }

.intro-quote {

position: absolute; bottom: 0; left: 0; right: 0;

padding: 2.4rem;

background: linear-gradient(to top, rgba(12,13,11,.85) 0%, transparent 100%);

}

.intro-quote blockquote {

font-family: var(–serif); font-size: 1.3rem;

font-weight: 300; font-style: italic;

color: #fff; line-height: 1.45;

}

.intro-quote cite {

display: block; margin-top: .7rem;

font-size: .6rem; letter-spacing: .2em;

text-transform: uppercase; color: var(–gold); font-style: normal;

}

.intro-side-badge {

position: absolute; top: -1.8rem; right: -1.8rem;

width: 110px; height: 110px;

background: var(–gold);

display: flex; flex-direction: column;

align-items: center; justify-content: center;

}

.intro-side-badge strong {

font-family: var(–serif); font-size: 2rem;

font-weight: 300; color: #fff; line-height: 1;

}

.intro-side-badge span {

font-size: .5rem; letter-spacing: .14em;

text-transform: uppercase; color: rgba(255,255,255,.8);

text-align: center; margin-top: .25rem;

}

.team-line {

margin-top: 2rem;

padding: 1.4rem 1.6rem;

border-left: 2px solid var(–gold);

background: rgba(196,147,90,.05);

}

.team-line p {

font-size: .8rem; line-height: 1.7;

color: #6a6a60; margin-top: 0 !important;

}

.team-line strong { color: var(–ink); font-weight: 500; }

/* ── OFFER ── */

.offer {

background:

linear-gradient(rgba(244,239,230,.97), rgba(244,239,230,.97)),

url(’https://thinkabletravel.com/wp-content/uploads/2025/03/anders-blomqvist-8.jpg?fit=crop’);

background-size: cover; background-position: center;

}

.offer-header {

display: flex; justify-content: space-between; align-items: flex-end;

margin-bottom: 3.5rem; flex-wrap: wrap; gap: 1.5rem;

}

.offer-grid {

display: grid; grid-template-columns: repeat(3, 1fr);

gap: 1px; background: rgba(44,61,40,.1);

}

.offer-card {

background: var(–cream); padding: 2.8rem 2.2rem;

transition: background .3s, transform .3s;

position: relative; overflow: hidden;

}

.offer-card::after {

content: ”; position: absolute;

bottom: 0; left: 0; right: 0; height: 2px;

background: var(–gold); transform: scaleX(0);

transform-origin: left; transition: transform .3s;

}

.offer-card:hover { background: var(–forest); }

.offer-card:hover::after { transform: scaleX(1); }

.offer-card:hover .offer-title,

.offer-card:hover .offer-desc,

.offer-card:hover .offer-n { color: #fff; }

.offer-n {

font-family: var(–serif); font-size: .85rem;

color: var(–gold); margin-bottom: 1.2rem;

transition: color .3s;

}

.offer-icon {

width: 44px; height: 44px;

border: 1px solid rgba(44,61,40,.18);

display: flex; align-items: center; justify-content: center;

margin-bottom: 1.4rem; transition: border-color .3s;

}

.offer-card:hover .offer-icon { border-color: rgba(196,147,90,.4); }

.offer-title {

font-family: var(–serif); font-size: 1.3rem;

color: var(–ink); margin-bottom: .7rem;

transition: color .3s;

}

.offer-desc {

font-size: .8rem; line-height: 1.82;

color: #5a5a52; transition: color .3s;

}

/* SVG icons inline */

.icon-compass { stroke: var(–gold); fill: none; stroke-width: 1.5; }

.icon-leaf { stroke: var(–gold); fill: none; stroke-width: 1.5; }

.icon-star { stroke: var(–gold); fill: none; stroke-width: 1.5; }

.icon-map { stroke: var(–gold); fill: none; stroke-width: 1.5; }

.icon-people { stroke: var(–gold); fill: none; stroke-width: 1.5; }

.icon-sun { stroke: var(–gold); fill: none; stroke-width: 1.5; }

/* ── HIGHLIGHT ── */

.highlight {

background: var(–forest); color: #fff;

display: grid; grid-template-columns: 1fr 1fr;

gap: 5rem; align-items: center;

}

.highlight-text .h2 { color: #fff; margin-bottom: 1.6rem; }

.highlight-text p {

font-size: .88rem; line-height: 1.92;

color: rgba(249,248,245,.68); margin-bottom: .9rem;

}

.highlight-text .btn { margin-top: 1.4rem; }

.chalet-card {

position: relative; overflow: hidden;

aspect-ratio: 4/5;

background-image:

url(’https://thinkabletravel.com/wp-content/uploads/2025/04/DV2GAHqY.jpeg?fit=crop’);

background-size: cover; background-position: center;

}

.chalet-card::before { content: none; }

.chalet-overlay {

position: absolute; inset: 0;

background: linear-gradient(to top, rgba(0,0,0,.75) 0%, transparent 50%);

}

.chalet-label {

position: absolute; bottom: 2.2rem; left: 2.2rem; right: 2.2rem;

z-index: 2;

}

.chalet-label .eyebrow { margin-bottom: .4rem; }

.chalet-label h3 {

font-family: var(–serif); font-size: 1.6rem;

font-weight: 300; color: #fff; line-height: 1.3;

}

.chalet-tag {

display: inline-block; margin-top: .8rem;

font-size: .6rem; letter-spacing: .18em; text-transform: uppercase;

padding: .4rem .9rem; border: 1px solid rgba(196,147,90,.5);

color: var(–amber);

}

/* ── DESTINATIONS ── */

.destinations { background: var(–snow); }

.dest-header { text-align: center; margin-bottom: 3.5rem; }

.dest-header p {

font-size: .88rem; color: #6a6a60;

max-width: 540px; margin: 1rem auto 0;

line-height: 1.8;

}

.dest-grid {

display: grid;

grid-template-columns: 1.5fr 1fr 1fr;

grid-template-rows: auto auto;

gap: 1rem;

}

.dest-card {

position: relative; overflow: hidden; cursor: pointer;

}

.dest-card:first-child { grid-row: span 2; }

.dest-inner {

height: 100%; min-height: 240px; padding: 2rem;

display: flex; flex-direction: column; justify-content: flex-end;

position: relative;

}

.dest-card:first-child .dest-inner { min-height: 520px; }

.dest-bg {

position: absolute; inset: 0;

transition: transform .55s cubic-bezier(.25,.46,.45,.94);

}

.dest-card:hover .dest-bg { transform: scale(1.05); }

.dest-bg-stockholm {

background-image: url(’https://images.unsplash.com/photo-1509356843151-3e7d96241e11?w=800&q=80&auto=format&fit=crop’);

background-size: cover; background-position: center;

}

.dest-bg-lofsdalen {

background-image: url(’https://thinkabletravel.com/wp-content/uploads/2026/03/lofsdalen-cottage-exterior.jpg?fit=crop’);

background-size: cover; background-position: center;

}

.dest-bg-gothenburg {

background-image: url(’https://thinkabletravel.com/wp-content/uploads/2025/06/IMG_4564.jpg?fit=crop’);

background-size: cover; background-position: center;

}

.dest-bg-highcoast {

background-image: url(’https://thinkabletravel.com/wp-content/uploads/2026/03/hoga-kusten-bridge.jpg?fit=crop’);

background-size: cover; background-position: center;

}

.dest-bg-norrbotten {

background-image: url(’https://thinkabletravel.com/wp-content/uploads/2022/11/Skarmavbild-2022-10-27-kl.-12.01.46.png?fit=crop’);

background-size: cover; background-position: center;

}

.dest-overlay {

position: absolute; inset: 0;

background: linear-gradient(to top, rgba(0,0,0,.72) 0%, transparent 55%);

}

.dest-label { position: relative; z-index: 2; }

.dest-cat {

font-size: .58rem; letter-spacing: .22em;

text-transform: uppercase; color: var(–amber); margin-bottom: .4rem;

}

.dest-name {

font-family: var(–serif); font-weight: 300; color: #fff; line-height: 1.25;

font-size: 1.3rem;

}

.dest-card:first-child .dest-name { font-size: 2rem; }

.dest-arrow {

position: absolute; top: 1.6rem; right: 1.6rem; z-index: 2;

width: 36px; height: 36px; border: 1px solid rgba(255,255,255,.2);

display: flex; align-items: center; justify-content: center;

opacity: 0; transition: opacity .3s;

color: #fff; font-size: 1.1rem;

}

.dest-card:hover .dest-arrow { opacity: 1; }

/* ══ ACCOMMODATION ══ */

.accom-section { background: var(–ink); color: var(–snow); }

.accom-section .eyebrow { color: var(–gold); }

.accom-section .h2 { color: #fff; }

.accom-header {

display: flex; justify-content: space-between; align-items: flex-end;

gap: 3rem; margin-bottom: 3.5rem; flex-wrap: wrap;

}

.accom-lead {

max-width: 440px; font-size: .88rem; line-height: 1.85;

color: rgba(249,248,245,.55); flex-shrink: 0;

}

/* Featured cottage */

.accom-featured {

display: grid; grid-template-columns: 1fr 1fr;

margin-bottom: 3rem; border: 1px solid rgba(255,255,255,.07);

}

.accom-featured-photo {

min-height: 460px; background-size: cover;

}

.accom-featured-text {

padding: 3.5rem; background: rgba(255,255,255,.03);

display: flex; flex-direction: column; justify-content: center; gap: .9rem;

}

.accom-tag {

font-size: .58rem; letter-spacing: .28em; text-transform: uppercase;

color: var(–gold); display: block;

}

.accom-featured-text h3 {

font-family: var(–serif); font-size: 2rem; font-weight: 300; line-height: 1.15;

color: #fff;

}

.accom-featured-text h3 em { font-style: italic; color: var(–amber); }

.accom-featured-text p {

font-size: .85rem; line-height: 1.85; color: rgba(249,248,245,.6);

}

.accom-features {

list-style: none; padding: 0; display: flex; flex-direction: column; gap: .4rem;

}

.accom-features li {

font-size: .75rem; letter-spacing: .06em; color: rgba(249,248,245,.5);

}

/* Four regions grid */

.accom-regions {

display: grid; grid-template-columns: repeat(4, 1fr);

gap: 1px; background: rgba(255,255,255,.06);

margin-bottom: 3rem;

}

.accom-region { background: var(–ink); overflow: hidden; }

.accom-region-photo {

height: 220px; background-size: cover;

transition: transform .5s;

}

.accom-region:hover .accom-region-photo { transform: scale(1.04); }

.accom-region { overflow: hidden; }

.accom-region-body { padding: 1.8rem 1.6rem; }

.accom-region-label {

font-size: .58rem; letter-spacing: .22em; text-transform: uppercase;

color: var(–gold); display: block; margin-bottom: .6rem;

}

.accom-region-body h3 {

font-family: var(–serif); font-size: 1.2rem; font-weight: 400;

color: #fff; margin-bottom: .7rem; line-height: 1.25;

}

.accom-region-body p {

font-size: .78rem; line-height: 1.8; color: rgba(249,248,245,.5);

margin-bottom: 1rem;

}

.accom-types {

display: flex; flex-direction: column; gap: .3rem;

}

.accom-types span {

font-size: .65rem; letter-spacing: .1em;

color: rgba(196,147,90,.7);

padding-left: .8rem; position: relative;

}

.accom-types span::before {

content: ’—’; position: absolute; left: 0;

color: rgba(196,147,90,.35);

}

.accom-cta-row {

display: flex; align-items: center; justify-content: space-between;

gap: 2rem; padding: 2rem 0; border-top: 1px solid rgba(255,255,255,.07);

flex-wrap: wrap;

}

.accom-cta-row p {

font-size: .82rem; color: rgba(249,248,245,.4);

max-width: 560px; line-height: 1.7;

}

.btn-outline-dark {

font-size: .65rem; letter-spacing: .2em; text-transform: uppercase;

padding: .85rem 2rem; border: 1px solid rgba(196,147,90,.5);

color: var(–amber); text-decoration: none; transition: all .25s; white-space: nowrap;

}

.btn-outline-dark:hover { background: var(–gold); border-color: var(–gold); color: #fff; }

@media (max-width: 900px) {

.accom-featured { grid-template-columns: 1fr; }

.accom-featured-photo { min-height: 280px; }

.accom-regions { grid-template-columns: 1fr 1fr; }

}

@media (max-width: 560px) {

.accom-regions { grid-template-columns: 1fr; }

.accom-header { flex-direction: column; gap: 1.2rem; }

.accom-featured-text { padding: 2rem 1.6rem; }

}

/* ── SUSTAINABILITY ── */

.sustain {

background: var(–forest);

display: grid; grid-template-columns: 1fr 1fr;

gap: 6rem; align-items: center;

}

.sustain-text .h2 { color: #fff; margin-bottom: 1.6rem; }

.sustain-text p {

font-size: .88rem; line-height: 1.9;

color: rgba(249,248,245,.68); margin-bottom: .9rem;

}

.pillars { display: flex; flex-direction: column; gap: 1.2rem; margin-top: 2rem; }

.pillar { display: flex; gap: 1.1rem; align-items: flex-start; }

.pillar-dot {

width: 5px; height: 5px; background: var(–gold);

border-radius: 50%; margin-top: .55rem; flex-shrink: 0;

}

.pillar strong {

display: block; font-size: .68rem; letter-spacing: .14em;

text-transform: uppercase; color: var(–gold); margin-bottom: .25rem;

}

.pillar p {

font-size: .8rem; line-height: 1.7;

color: rgba(249,248,245,.55); margin: 0 !important;

}

.sustain-metrics {

display: grid; grid-template-columns: 1fr 1fr; gap: 1px;

background: rgba(255,255,255,.06);

}

/* Full-bleed nature photo above the metrics */

.sustain-photo {

grid-column: span 2;

height: 240px;

background-image: url(’https://thinkabletravel.com/wp-content/uploads/2022/10/aurorahideawaydinner2019-1100×600-1.jpg?&fit=crop’);

background-size: cover; background-position: center 60%;

position: relative;

}

.sustain-photo::after {

content: ”;

position: absolute; inset: 0;

background: linear-gradient(to top, rgba(44,61,40,.6) 0%, transparent 60%);

}

.sm-card {

background: rgba(255,255,255,.04);

padding: 1.8rem 1.6rem;

transition: background .3s;

}

.sm-card:hover { background: rgba(196,147,90,.08); }

.sm-num {

font-family: var(–serif); font-size: 2.2rem;

font-weight: 300; color: var(–amber); display: block;

}

.sm-lbl {

font-size: .62rem; letter-spacing: .15em;

text-transform: uppercase; color: rgba(207,216,204,.5);

margin-top: .3rem;

}

.sm-card:first-of-type { /* no special spanning needed */ }

/* ── TESTIMONIALS ── */

.testimonials {

background:

linear-gradient(rgba(244,239,230,.96), rgba(244,239,230,.96)),

url(’https://images.unsplash.com/photo-1470770841072-f978cf4d019e?w=1600&q=60&auto=format&fit=crop’);

background-size: cover; background-position: center;

background-attachment: fixed;

text-align: center;

}

.testi-grid {

display: grid; grid-template-columns: repeat(3, 1fr);

gap: 1.5rem; margin-top: 3.5rem;

}

.testi-card {

background: var(–snow); padding: 2.2rem;

border: 1px solid rgba(44,61,40,.08);

text-align: left; transition: border-color .3s, box-shadow .3s;

}

.testi-card:hover {

border-color: rgba(196,147,90,.3);

box-shadow: 0 8px 32px rgba(0,0,0,.07);

}

.testi-stars { color: var(–gold); font-size: .85rem; letter-spacing: .04em; margin-bottom: 1rem; }

.testi-body {

font-family: var(–serif); font-size: 1rem;

font-weight: 300; font-style: italic;

color: #3a3a32; line-height: 1.7; margin-bottom: 1.2rem;

}

.testi-name {

font-size: .62rem; letter-spacing: .18em;

text-transform: uppercase; color: var(–gold);

}

.testi-via { font-size: .6rem; color: #9a9a8a; margin-top: .2rem; }

.testi-meta {

display: flex; justify-content: space-between;

align-items: flex-end; gap: 1rem;

}

.testi-flag { font-size: 1.4rem; flex-shrink: 0; }

.testi-featured {

grid-column: span 3;

background: var(–forest);

border-color: transparent;

padding: 2.8rem 3rem;

}

.testi-featured .testi-body {

font-size: 1.25rem; color: rgba(249,248,245,.9);

margin-bottom: 1.6rem;

}

.testi-featured .testi-name { color: var(–amber); }

.testi-featured .testi-via { color: rgba(249,248,245,.45); }

.testi-featured:hover { border-color: rgba(196,147,90,.3); }

.testi-cta {

margin-top: 3.5rem; text-align: center;

}

.testi-cta p {

font-family: var(–serif); font-size: 1.1rem;

font-style: italic; color: #6a6a60;

margin-bottom: 1.2rem;

}

@media (max-width: 1024px) {

.testi-featured { grid-column: span 1; padding: 2.2rem; }

.testi-featured .testi-body { font-size: 1rem; }

}

/* ── PROCESS ── */

.process { background: var(–snow); }

.process-title { max-width: 560px; margin-bottom: 3.5rem; }

.process-steps {

display: grid; grid-template-columns: repeat(4, 1fr);

border-left: 1px solid rgba(44,61,40,.1);

}

.ps {

padding: 2.2rem 1.8rem;

border-right: 1px solid rgba(44,61,40,.1);

border-bottom: 1px solid rgba(44,61,40,.1);

}

.ps-num {

font-family: var(–serif); font-size: 2.8rem;

font-weight: 300; color: var(–mist); line-height: 1;

margin-bottom: 1rem;

}

.ps-title {

font-family: var(–serif); font-size: 1.15rem;

color: var(–ink); margin-bottom: .6rem;

}

.ps-desc { font-size: .78rem; line-height: 1.82; color: #6a6a62; }

/* ── CTA BAND ── */

.cta-band {

background: var(–gold); padding: 4.5rem 4rem;

display: flex; justify-content: space-between;

align-items: center; gap: 2rem; flex-wrap: wrap;

}

.cta-band .h2 { color: #fff; max-width: 600px; }

.cta-band p { color: rgba(255,255,255,.8); font-size: .88rem; margin-top: .6rem; }

/* ── CONTACT ── */

.contact {

background: var(–snow);

display: grid; grid-template-columns: 1fr 1.1fr;

gap: 6rem; align-items: start;

}

.contact-info p {

font-size: .88rem; line-height: 1.9; color: #5a5a52; margin-top: 1.2rem;

}

.contact-details { margin-top: 2rem; display: flex; flex-direction: column; gap: .9rem; }

.cd { display: flex; gap: 1rem; align-items: baseline; }

.cd-key {

font-size: .6rem; letter-spacing: .2em;

text-transform: uppercase; color: var(–gold); min-width: 72px;

}

.cd-val { font-size: .84rem; color: var(–ink); }

.contact-form { display: flex; flex-direction: column; gap: 1rem; }

.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }

.field { display: flex; flex-direction: column; gap: .35rem; }

.field label {

font-size: .6rem; letter-spacing: .18em;

text-transform: uppercase; color: #8a8a80;

}

.field input, .field select, .field textarea {

padding: .82rem 1rem;

border: 1px solid rgba(44,61,40,.15);

background: transparent;

font-family: var(–sans); font-size: .84rem;

color: var(–ink); outline: none;

transition: border-color .25s;

-webkit-appearance: none;

}

.field input:focus, .field select:focus, .field textarea:focus {

border-color: var(–gold);

}

.field textarea { resize: vertical; min-height: 90px; }

.form-footer {

display: flex; justify-content: space-between;

align-items: center; gap: 1rem; flex-wrap: wrap;

}

.form-note { font-size: .7rem; color: #9a9a90; line-height: 1.5; }

/* ── FOOTER ── */

footer {

background: var(–ink);

padding: 4rem;

display: grid; grid-template-columns: 2fr 1fr 1fr 1fr;

gap: 3rem;

}

.footer-brand .f-logo {

font-family: var(–serif); font-size: 1.25rem;

color: #fff; display: block; margin-bottom: 1rem;

}

.footer-brand p {

font-size: .76rem; line-height: 1.82;

color: rgba(249,248,245,.35);

}

.footer-brand .f-reach {

margin-top: 1.4rem;

font-size: .65rem; letter-spacing: .16em;

text-transform: uppercase; color: var(–gold);

}

.footer-social {

display: flex; gap: 1rem; margin-top: 1.2rem; flex-wrap: wrap;

}

.footer-social-link {

display: flex; align-items: center; gap: .5rem;

font-size: .68rem; letter-spacing: .12em; text-transform: uppercase;

color: rgba(249,248,245,.35);

padding: .5rem .9rem;

border: 1px solid rgba(255,255,255,.08);

transition: all .25s;

}

.footer-social-link:hover {

color: var(–amber);

border-color: rgba(196,147,90,.35);

}

.footer-col h4 {

font-size: .6rem; letter-spacing: .22em;

text-transform: uppercase; color: var(–gold);

margin-bottom: 1.2rem;

}

.footer-col ul { list-style: none; display: flex; flex-direction: column; gap: .55rem; }

.footer-col a {

font-size: .76rem; color: rgba(249,248,245,.38);

transition: color .25s;

}

.footer-col a:hover { color: var(–amber); }

.footer-bottom {

grid-column: span 4;

padding-top: 2rem;

border-top: 1px solid rgba(255,255,255,.05);

display: flex; justify-content: space-between; align-items: center;

flex-wrap: wrap; gap: 1rem;

}

.footer-bottom p { font-size: .66rem; color: rgba(249,248,245,.2); }

.certs { display: flex; gap: .8rem; flex-wrap: wrap; }

.cert {

font-size: .55rem; letter-spacing: .12em; text-transform: uppercase;

color: rgba(249,248,245,.25); padding: .28rem .65rem;

border: 1px solid rgba(255,255,255,.08);

}

/* ── ANIMATIONS ── */

@keyframes fadeUp {

from { opacity: 0; transform: translateY(22px); }

to { opacity: 1; transform: translateY(0); }

}

@keyframes fadeIn {

from { opacity: 0; } to { opacity: 1; }

}

.reveal {

opacity: 0; transform: translateY(28px);

transition: opacity .75s ease, transform .75s ease;

}

.reveal.in { opacity: 1; transform: translateY(0); }

/* ── RESPONSIVE ── */

@media (max-width: 1024px) {

.section, .section-sm { padding: 5rem 2.4rem; }

#nav { padding: 1.4rem 2.4rem; }

#nav.solid { padding: 1rem 2.4rem; }

.hero-content { padding: 0 2.4rem 6.5rem; }

.hero-scroll { right: 2.4rem; }

.intro, .sustain, .contact, .highlight { grid-template-columns: 1fr; gap: 3.5rem; }

.offer-grid { grid-template-columns: 1fr 1fr; }

.dest-grid { grid-template-columns: 1fr 1fr; }

.dest-card:first-child { grid-row: span 1; }

.dest-card:first-child .dest-inner { min-height: 300px; }

.process-steps { grid-template-columns: 1fr 1fr; }

.testi-grid { grid-template-columns: 1fr; }

.trust-bar { grid-template-columns: repeat(2, 1fr); }

footer { grid-template-columns: 1fr 1fr; }

.footer-bottom { grid-column: span 2; }

}

@media (max-width: 640px) {

#nav { padding: 1.2rem 1.6rem; }

.nav-hamburger { display: flex; flex-direction: column; justify-content: space-between; width: 26px; height: 18px; background: none; border: none; cursor: pointer; padding: 0; z-index: 1001; }

.nav-hamburger span { display: block; width: 100%; height: 2px; background: currentColor; transition: transform 0.3s, opacity 0.3s; }

.nav-hamburger.is-open span:nth-child(1) { transform: translateY(8px) rotate(45deg); }

.nav-hamburger.is-open span:nth-child(2) { opacity: 0; }

.nav-hamburger.is-open span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }

.nav-links { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(10,10,10,0.97); flex-direction: column; align-items: center; justify-content: center; gap: 2rem; z-index: 1000; padding: 2rem; }

.nav-links.is-open { display: flex; }

.nav-links li a { font-size: 1.4rem; color: #fff; text-decoration: none; letter-spacing: 0.08em; text-transform: uppercase; }

.nav-cta-link, .nav-social { display: none; }

.hero-content { padding: 0 1.6rem 5.5rem; }

.section, .section-sm { padding: 3.8rem 1.6rem; }

.offer-grid, .dest-grid, .process-steps { grid-template-columns: 1fr; }

.form-row { grid-template-columns: 1fr; }

.sustain-metrics { grid-template-columns: 1fr; }

.sustain-photo { grid-column: span 1; height: 180px; }

.cta-band { flex-direction: column; text-align: center; }

footer { grid-template-columns: 1fr; }

.footer-bottom { grid-column: span 1; flex-direction: column; text-align: center; }

.trust-bar { grid-template-columns: 1fr 1fr; }

}

/* ── OFFER SECTION PHOTO BANNER ── */

.offer-photo-banner {

width: 100%; height: 320px;

background-image:

linear-gradient(to right, rgba(12,13,11,.55) 0%, rgba(12,13,11,.15) 100%),

url(’https://thinkabletravel.com/wp-content/uploads/2023/06/Skarmavbild-2023-06-22-kl.-07.45.24.png?fit=crop’);

background-size: cover; background-position: center 60%;

display: flex; align-items: center;

padding: 0 4rem;

margin-bottom: 3.5rem;

}

.offer-photo-text { max-width: 520px; }

.offer-photo-text .eyebrow { margin-bottom: .8rem; }

.offer-photo-text .h2 { color: #fff; }

.offer-photo-text p {

font-size: .88rem; line-height: 1.8;

color: rgba(249,248,245,.7); margin-top: .8rem;

}

@media (max-width: 640px) {

.offer-photo-banner { height: 260px; padding: 0 1.6rem; }

}

/* ── PROCESS PHOTO ── */

.process-photo {

width: 100%; height: 280px;

background-image:

linear-gradient(to bottom, rgba(12,13,11,.3) 0%, rgba(12,13,11,.55) 100%),

url(’https://thinkabletravel.com/wp-content/uploads/2025/04/Skarmavbild-2022-11-09-kl.-19.14.51.png?fit=crop’);

background-size: cover; background-position: center 35%;

margin-bottom: 3.5rem;

position: relative;

}

.process-photo-label {

position: absolute; bottom: 2rem; left: 4rem;

}

.process-photo-label p {

font-family: var(–serif); font-size: 1.6rem;

font-weight: 300; font-style: italic;

color: #fff; line-height: 1.35;

}

@media (max-width: 640px) {

.process-photo { height: 200px; }

.process-photo-label { left: 1.6rem; }

.process-photo-label p { font-size: 1.2rem; }

}

/* ── CONTACT BACKGROUND ── */

.contact-bg {

width: 100%; height: 220px;

background-image:

linear-gradient(to bottom, rgba(249,248,245,0) 0%, rgba(249,248,245,1) 100%),

url(https://thinkabletravel.com/wp-content/uploads/2022/10/skarmavbild-2022-10-21-kl.-18.18.48.png?fit=crop’);

background-size: cover; background-position: center 70%;

margin-bottom: -1px;

}

.team { background: var(–cream); }

.team-header { text-align: center; max-width: 600px; margin: 0 auto 4rem; }

.team-header p {

font-size: .88rem; color: #6a6a60;

max-width: 520px; margin: 1rem auto 0; line-height: 1.8;

}

.team-grid {

display: grid; grid-template-columns: 1fr 1.6fr;

gap: 5rem; align-items: start;

}

.team-photo-col { position: relative; }

.team-photo {

aspect-ratio: 3/4;

}

.team-photo-caption {

position: absolute; bottom: 0; left: 0; right: 0;

padding: 1.6rem;

background: linear-gradient(to top, rgba(12,13,11,.85) 0%, transparent 100%);

}

.team-photo-caption h3 {

font-family: var(–serif); font-size: 1.4rem;

font-weight: 300; color: #fff;

}

.team-photo-caption span {

font-size: .62rem; letter-spacing: .2em;

text-transform: uppercase; color: var(–gold);

display: block; margin-top: .3rem;

}

.team-info { padding-top: .5rem; }

.team-bio {

font-size: .88rem; line-height: 1.95;

color: #5a5a52; margin-bottom: 1rem;

}

.team-credentials {

margin: 2rem 0;

display: flex; flex-direction: column; gap: .9rem;

}

.tc-item {

display: flex; gap: 1rem; align-items: flex-start;

padding: 1rem 1.2rem;

background: var(–snow);

border-left: 2px solid var(–gold);

transition: border-color .25s;

}

.tc-item:hover { border-color: var(–forest); }

.tc-icon {

width: 32px; height: 32px; flex-shrink: 0;

display: flex; align-items: center; justify-content: center;

}

.tc-icon svg { stroke: var(–gold); fill: none; stroke-width: 1.5; }

.tc-text strong {

display: block; font-size: .72rem;

letter-spacing: .1em; text-transform: uppercase;

color: var(–ink); margin-bottom: .2rem;

}

.tc-text p {

font-size: .78rem; color: #7a7a70; line-height: 1.5;

}

.team-tags {

display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1.6rem;

}

.team-tag {

font-size: .6rem; letter-spacing: .14em; text-transform: uppercase;

padding: .4rem .9rem;

border: 1px solid rgba(44,61,40,.18);

color: #6a6a60;

transition: all .25s;

}

.team-tag:hover { border-color: var(–gold); color: var(–gold); }

@media (max-width: 1024px) {

.team-grid { grid-template-columns: 1fr; gap: 3rem; }

.team-photo { aspect-ratio: 4/3; }

}

/* ══ WHATSAPP FLOATING BUTTON ══ */

.whatsapp-float {

position: fixed; bottom: 2rem; right: 2rem; z-index: 8000;

width: 56px; height: 56px;

background: #25D366; border-radius: 50%;

display: flex; align-items: center; justify-content: center;

box-shadow: 0 4px 20px rgba(37,211,102,.45);

transition: transform .25s, box-shadow .25s;

cursor: pointer;

text-decoration: none;

}

.whatsapp-float:hover {

transform: scale(1.1);

box-shadow: 0 6px 28px rgba(37,211,102,.6);

}

.whatsapp-float svg { width: 28px; height: 28px; fill: #fff; }

.whatsapp-tooltip {

position: absolute; right: 68px; top: 50%;

transform: translateY(-50%);

background: var(–ink); color: #fff;

font-size: .68rem; letter-spacing: .1em;

white-space: nowrap; padding: .5rem 1rem;

opacity: 0; pointer-events: none;

transition: opacity .2s;

}

.whatsapp-float:hover .whatsapp-tooltip { opacity: 1; }

.whatsapp-tooltip::after {

content: ”;

position: absolute; right: -6px; top: 50%;

transform: translateY(-50%);

border: 6px solid transparent;

border-left-color: var(–ink);

border-right: none;

}

/* ══ SOCIAL MEDIA SECTION ══ */

.social-section {

background: var(–ink);

padding: 3.5rem 4rem;

text-align: center;

}

.social-section .eyebrow { margin-bottom: 1rem; }

.social-section h3 {

font-family: var(–serif); font-size: 1.6rem;

font-weight: 300; color: #fff; margin-bottom: .6rem;

}

.social-section p {

font-size: .82rem; color: rgba(249,248,245,.45);

margin-bottom: 2rem;

}

.social-links-row {

display: flex; justify-content: center;

align-items: center; gap: 1.2rem; flex-wrap: wrap;

}

.social-link-card {

display: flex; align-items: center; gap: .8rem;

padding: .9rem 1.8rem;

border: 1px solid rgba(255,255,255,.1);

color: rgba(249,248,245,.7);

text-decoration: none;

font-size: .72rem; letter-spacing: .16em; text-transform: uppercase;

transition: all .25s;

}

.social-link-card:hover { border-color: var(–gold); color: var(–amber); }

.social-link-card svg { flex-shrink: 0; }

.social-link-card.whatsapp-card { border-color: rgba(37,211,102,.3); color: #25D366; }

.social-link-card.whatsapp-card:hover { border-color: #25D366; background: rgba(37,211,102,.06); }

@media (max-width: 640px) {

.social-section { padding: 3rem 1.6rem; }

.social-link-card { width: 100%; justify-content: center; }

}

#cookie-banner {

position: fixed; bottom: 0; left: 0; right: 0; z-index: 9000;

background: rgba(12,13,11,.97);

backdrop-filter: blur(14px);

border-top: 1px solid rgba(196,147,90,.25);

padding: 1.6rem 4rem;

display: flex; align-items: center; justify-content: space-between;

gap: 2rem; flex-wrap: wrap;

transform: translateY(100%);

transition: transform .45s cubic-bezier(.25,.46,.45,.94);

}

#cookie-banner.visible { transform: translateY(0); }

#cookie-banner.hidden { transform: translateY(110%); }

.cookie-text {

flex: 1; min-width: 260px;

}

.cookie-text p {

font-size: .78rem; line-height: 1.7;

color: rgba(249,248,245,.65);

}

.cookie-text strong { color: var(–amber); }

.cookie-text a {

color: var(–gold); text-decoration: underline;

text-underline-offset: 2px; cursor: pointer;

}

.cookie-btns {

display: flex; gap: .8rem; flex-wrap: wrap; flex-shrink: 0;

}

.cookie-accept {

font-size: .65rem; letter-spacing: .16em; text-transform: uppercase;

padding: .75rem 1.8rem;

background: var(–gold); color: #fff; border: none;

cursor: pointer; transition: background .25s; font-family: var(–sans);

}

.cookie-accept:hover { background: #a87840; }

.cookie-decline {

font-size: .65rem; letter-spacing: .16em; text-transform: uppercase;

padding: .75rem 1.6rem;

background: transparent; border: 1px solid rgba(249,248,245,.2);

color: rgba(249,248,245,.55); cursor: pointer; transition: all .25s;

font-family: var(–sans);

}

.cookie-decline:hover { border-color: rgba(249,248,245,.5); color: rgba(249,248,245,.8); }

@media (max-width: 640px) {

#cookie-banner { padding: 1.4rem 1.6rem; }

.cookie-btns { width: 100%; }

.cookie-accept, .cookie-decline { flex: 1; text-align: center; }

}

/* ══ PRIVACY POLICY MODAL ══ */

#privacy-modal {

display: none;

position: fixed; inset: 0; z-index: 9999;

background: rgba(12,13,11,.82);

backdrop-filter: blur(8px);

overflow-y: auto;

padding: 2rem 1rem;

}

#privacy-modal.open { display: flex; align-items: flex-start; justify-content: center; }

.pm-box {

background: var(–snow);

max-width: 820px; width: 100%;

position: relative;

margin: auto;

max-height: 90vh;

overflow-y: auto;

}

.pm-header {

position: sticky; top: 0;

background: var(–snow);

padding: 2rem 2.8rem 1.4rem;

border-bottom: 1px solid rgba(44,61,40,.1);

display: flex; justify-content: space-between; align-items: center;

z-index: 2;

}

.pm-header h2 {

font-family: var(–serif); font-size: 1.6rem;

font-weight: 300; color: var(–ink);

}

.pm-close {

background: none; border: none; cursor: pointer;

font-size: 1.4rem; color: #9a9a90;

line-height: 1; padding: .25rem .5rem;

transition: color .2s;

}

.pm-close:hover { color: var(–ink); }

.pm-body {

padding: 2.2rem 2.8rem 3rem;

}

.pm-body .pm-updated {

font-size: .68rem; letter-spacing: .14em; text-transform: uppercase;

color: var(–gold); margin-bottom: 1.8rem;

}

.pm-body h3 {

font-family: var(–serif); font-size: 1.15rem;

font-weight: 400; color: var(–ink);

margin: 1.8rem 0 .6rem;

}

.pm-body p, .pm-body li {

font-size: .84rem; line-height: 1.85; color: #5a5a52;

}

.pm-body ul { padding-left: 1.2rem; margin-top: .4rem; }

.pm-body li { margin-bottom: .35rem; }

.pm-body a { color: var(–gold); }

@media (max-width: 640px) {

.pm-header, .pm-body { padding-left: 1.4rem; padding-right: 1.4rem; }

}

/* ── PARTNERS SECTION ── */

.partners-section { background: #0a0a0a; }

.partners-inner { max-width: 1100px; margin: 0 auto; text-align: center; }

.partners-intro { max-width: 600px; margin: 0 auto 3rem; opacity: 0.7; }

.partners-grid {

display: grid;

grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));

gap: 1.5rem;

margin-bottom: 2rem;

text-align: left;

}

.partner-card {

background: rgba(255,255,255,0.04);

border: 1px solid rgba(196,167,102,0.2);

padding: 2rem;

text-decoration: none;

color: #f9f8f5;

transition: background 0.3s, border-color 0.3s, transform 0.3s;

display: flex;

flex-direction: column;

gap: 0.75rem;

}

.partner-card:hover {

background: rgba(196,167,102,0.08);

border-color: rgba(196,167,102,0.5);

transform: translateY(-3px);

}

.partner-logo-wrap { height: 32px; display: flex; align-items: center; }

.partner-desc { font-size: 0.78rem; opacity: 0.65; line-height: 1.6; flex: 1; }

.partner-cta { font-size: 0.6rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(–gold); border-bottom: 1px solid rgba(196,167,102,0.3); padding-bottom: 2px; display: inline-block; }

.partners-note { font-size: 0.65rem; opacity: 0.4; max-width: 600px; margin: 0 auto; }

/* ── NEWSLETTER SECTION ── */

.newsletter-section { background: #111; border-top: 1px solid rgba(196,167,102,0.15); }

.newsletter-inner { max-width: 900px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: center; }

.newsletter-title { font-family: var(–serif); font-size: 1.8rem; font-weight: 400; margin: 0.5rem 0 0.75rem; color: #f9f8f5; }

.newsletter-title em { color: var(–gold); font-style: italic; }

.newsletter-content p { font-size: 0.78rem; opacity: 0.65; line-height: 1.7; }

.newsletter-form { display: flex; flex-direction: column; gap: 0.75rem; }

.newsletter-input {

background: rgba(255,255,255,0.06);

border: 1px solid rgba(196,167,102,0.3);

padding: 0.9rem 1.2rem;

color: #f9f8f5;

font-size: 0.8rem;

outline: none;

width: 100%;

transition: border-color 0.3s;

}

.newsletter-input:focus { border-color: var(–gold); }

.newsletter-input::placeholder { opacity: 0.4; }

.newsletter-btn {

background: var(–gold);

color: #0a0a0a;

border: none;

padding: 0.9rem 2rem;

font-size: 0.65rem;

letter-spacing: 0.2em;

text-transform: uppercase;

cursor: pointer;

font-weight: 600;

transition: background 0.3s;

}

.newsletter-btn:hover { background: #d4b878; }

.newsletter-note { grid-column: 1 / -1; font-size: 0.6rem; opacity: 0.35; text-align: center; }

.newsletter-note a { color: var(–gold); }

@media (max-width: 768px) {

.newsletter-inner { grid-template-columns: 1fr; gap: 2rem; }

.newsletter-note { grid-column: 1; }

.partners-grid { grid-template-columns: 1fr; }

}

</style>

</head>

<body>

<!– ════════════════ COOKIE CONSENT BANNER (GDPR) ════════════════ –>

<p>

<strong>We value your privacy.</strong> Thinkable Travel uses cookies to analyse site traffic via Google Analytics, helping us improve your experience. No cookies are set until you give consent.

<a onclick=”openPrivacy(event)”>Read our Privacy & Cookie Policy</a>.

</p>

</div>

<button class=”cookie-decline” onclick=”cookieDecline()”>Decline</button>

<button class=”cookie-accept” onclick=”cookieAccept()”>Accept Cookies</button>

</div>

<!– ════════════════ PRIVACY POLICY MODAL ════════════════ –>

<h2 id=”pm-title”>Privacy & Cookie Policy</h2>

</div>

<p class=”pm-updated”>Last updated: June 2025</p>

<p>This Privacy & Cookie Policy explains how <strong>Thinkable Travel</strong> (”we”, ”us”, ”our”) collects, uses, and protects your personal data when you visit <strong>thinkabletravel.com</strong> or contact us through our website. We are committed to protecting your privacy in accordance with the <strong>EU General Data Protection Regulation (GDPR)</strong> and applicable Swedish and EU law.</p>

<p>Data controller: <strong>Thinkable Travel</strong>, Sweden. For privacy enquiries, please contact us via the contact form on this website.</p>

<h3>2. What Personal Data We Collect</h3>

<p>We may collect the following personal data:</p>

<ul>

<li><strong>Contact form data</strong> — name, email address, telephone number, and any information you provide in your enquiry message.</li>

<li><strong>Analytics data</strong> — anonymised browsing data collected via Google Analytics 4 (only after your explicit consent), including pages visited, time on site, and referral source. No personally identifiable information is included.</li>

<li><strong>Cookie data</strong> — a small consent-preference cookie (<code>tt_cookie_consent</code>) is stored locally in your browser to remember your cookie choice.</li>

</ul>

<h3>3. Legal Basis for Processing</h3>

<ul>

<li><strong>Contractual necessity</strong> — processing enquiries and correspondence in order to provide our travel services (Art. 6(1)(b) GDPR).</li>

<li><strong>Consent</strong> — analytics cookies and tracking are only activated after you explicitly accept (Art. 6(1)(a) GDPR). You may withdraw consent at any time.</li>

<li><strong>Legitimate interests</strong> — improving website functionality and security (Art. 6(1)(f) GDPR).</li>

</ul>

<h3>4. Cookies We Use</h3>

<ul>

<li><strong>Essential cookies</strong> — <code>tt_cookie_consent</code>: stores your cookie preference. No tracking. Always active.</li>

<li><strong>Analytics cookies (consent required)</strong> — Google Analytics 4 sets cookies (<code>_ga</code>, <code>_ga_*</code>) to measure traffic patterns anonymously. These are only set after your explicit acceptance. You can withdraw consent by clicking ”Decline” or clearing your browser cookies.</li>

</ul>

<p>We do not use advertising, profiling, or social media tracking cookies.</p>

<h3>5. Google Analytics</h3>

<p>When you consent, we use Google Analytics 4 (operated by Google LLC, USA). Google may transfer data to servers outside the EU/EEA. We have enabled IP anonymisation and configured GA4 to respect consent mode. For information on Google’s data practices, see <a href=”https://policies.google.com/privacy” target=”_blank” rel=”noopener”>Google’s Privacy Policy</a>.</p>

<ul>

<li>To respond to your travel enquiries and provide our DMC services.</li>

<li>To improve the performance and content of our website (analytics, with consent only).</li>

<li>We do not sell, rent, or trade your personal data to any third parties.</li>

<li>We do not use your data for automated decision-making or profiling.</li>

</ul>

<h3>7. Data Retention</h3>

<p>Enquiry correspondence is retained for up to <strong>36 months</strong> for business purposes and then securely deleted. Analytics data is retained for <strong>14 months</strong> within Google Analytics, in line with our GA4 settings.</p>

<h3>8. Your Rights Under GDPR</h3>

<p>You have the right to:</p>

<ul>

<li><strong>Access</strong> — request a copy of the personal data we hold about you.</li>

<li><strong>Rectification</strong> — correct inaccurate or incomplete data.</li>

<li><strong>Erasure (”right to be forgotten”)</strong> — request deletion of your data.</li>

<li><strong>Restriction</strong> — limit how we process your data.</li>

<li><strong>Data portability</strong> — receive your data in a structured, machine-readable format.</li>

<li><strong>Objection</strong> — object to processing based on legitimate interests.</li>

<li><strong>Withdraw consent</strong> — for cookie/analytics consent, at any time, with no effect on prior lawful processing.</li>

</ul>

<p>To exercise any of these rights, please contact us via the contact form on this website. We will respond within <strong>30 days</strong>. You also have the right to lodge a complaint with the <strong>Swedish Authority for Privacy Protection (IMY)</strong> at <a href=”https://www.imy.se” target=”_blank” rel=”noopener”>imy.se</a>.</p>

<h3>9. Data Security</h3>

<p>We implement appropriate technical and organisational measures to protect your personal data against unauthorised access, loss, or disclosure. Our website uses HTTPS encryption.</p>

<h3>10. Third-Party Links</h3>

<p>Our website may contain links to third-party sites (e.g. Airbnb, booking platforms). We are not responsible for their privacy practices and recommend reviewing their own policies.</p>

<h3>11. Changes to This Policy</h3>

<p>We may update this policy periodically. The ”Last updated” date at the top will reflect any changes. Continued use of the site after changes constitutes acceptance of the revised policy.</p>

<h3>12. Contact</h3>

<p>For any privacy-related questions, please use the <a onclick=”closePrivacy(); document.getElementById(’contact’).scrollIntoView({behavior:’smooth’});”>contact form</a> on this website.</p>

</div>

<!– ════════════════ WHATSAPP FLOATING BUTTON ════════════════ –>

<span class=”whatsapp-tooltip”>Chat on WhatsApp</span>

</svg>

</a>

<!– ════════════════ NAV ════════════════ –>

<a href=”/” class=”nav-logo”>Thinkable Travel</a>

</button>

<li><a href=”#offer”>Services</a></li>

<li><a href=”#destinations”>Destinations</a></li>

<li><a href=”#accommodation”>Accommodation</a></li>

<li><a href=”#sustainability”>Sustainability</a></li>

<li><a href=”#about”>About Us</a></li>

<li><a href=”#contact”>Contact</a></li>

</ul>

<a href=”#contact” class=”nav-cta-link” onclick=”trackCTA(’nav’)”>Plan Your Journey</a>

</a>

</a>

</a>

</div>

</nav>

<!– ════════════════ HERO ════════════════ –>

<span class=”hero-pre-text”>Sweden’s Leading Destination Management Company</span>

</div>

Where luxury<br>meets <em>sustainability</em><br>and authentic<br>experiences

</h1>

We create tailor-made journeys designed to connect you to nature, culture, and yourself — across Sweden and beyond.

</p>

<a href=”#contact” class=”btn btn-gold” onclick=”trackCTA(’hero_primary’)”>Begin Your Journey</a>

<a href=”#destinations” class=”btn btn-outline-light” onclick=”trackCTA(’hero_secondary’)”>Explore Destinations</a>

</div>

<span>Discover</span>

</div>

</header>

<!– ════════════════ TRUST BAR ════════════════ –>

<div class=”trust-item reveal”><span class=”trust-num”>500+</span><span class=”trust-lbl”>Bespoke Journeys</span></div>

<div class=”trust-item reveal”><span class=”trust-num”>16+</span><span class=”trust-lbl”>Years in Hospitality</span></div>

<div class=”trust-item reveal”><span class=”trust-num”>100%</span><span class=”trust-lbl”>Carbon Offset</span></div>

<div class=”trust-item reveal”><span class=”trust-num”>4.9★</span><span class=”trust-lbl”>Client Rating</span></div>

</div>

<!– scenic strip –>

<div style=”

width:100%; height:180px;

background-image: linear-gradient(to bottom, rgba(12,13,11,.18) 0%, rgba(12,13,11,.42) 100%),

url(’https://thinkabletravel.com/wp-content/uploads/2022/12/Skarmavbild-2022-12-01-kl.-14.15.14.png?fit=crop’);

background-size:cover; background-position:center 55%;

display:flex; align-items:center; justify-content:center;

” role=”presentation” aria-hidden=”true”>

Sweden · Denmark · Norway · Beyond

</p>

</div>

<!– ════════════════ INTRO / ABOUT ════════════════ –>

Redefining what a<br><em>Swedish DMC</em> can be

</h2>

<p>Thinkable Travel was founded on a conviction shaped by a lifetime inside the world of premium travel. Our founder grew up within the corridors of the <strong>Swedish Parliament</strong> and brings <strong>16 years of experience in hospitality and the travel industry</strong>, including work for leading international DMC companies — building a deep understanding of what truly discerning clients expect, and how to deliver it without compromise.</p>

<p>From exclusive wilderness experiences in the Swedish nature for high-end American clients, to bespoke nature retreats and cultural journeys across Scandinavia — we know what it takes to create journeys that are not just remembered, but retold.</p>

<a href=”#offer” class=”btn btn-outline-dark”>Our Services</a>

</div>

<blockquote>”Sweden is not a destination — it is a state of mind.”</blockquote>

<cite>— Thinkable Travel</cite>

</div>

<span>Years of Excellence</span>

</div>

</section>

<!– ════════════════ WHAT WE OFFER ════════════════ –>

<!– Full-width photo banner with headline –>

<h2 class=”h2″ id=”offer-h2″>Full-service <em>destination<br>management</em></h2>

<p>Crafted for the world’s most discerning travellers — from private wilderness experiences to corporate incentive programmes.</p>

</div>

<a href=”#contact” class=”btn btn-outline-dark” onclick=”trackCTA(’services’)”>Enquire Now</a>

</div>

</div>

<h3 class=”h3 offer-title”>Tailor-Made Journeys</h3>

<p class=”offer-desc”>Crafted to your unique interests, pace, and purpose. Every element — from transfers to table reservations — designed around you, from first concept to safe return.</p>

</article>

</div>

<h3 class=”h3 offer-title”>Sustainable Travel</h3>

<p class=”offer-desc”>Every trip respects the environment and empowers local communities. Our carbon-neutral programmes ensure your journey leaves a positive legacy.</p>

</article>

</div>

<h3 class=”h3 offer-title”>Exclusive Destinations</h3>

<p class=”offer-desc”>Curated Nordic locations with authentic, high-end experiences — private lodges, remote wilderness, world-class cuisine, and privileged access no standard operator can offer.</p>

</article>

</div>

<h3 class=”h3 offer-title”>Expert Guidance</h3>

<p class=”offer-desc”>Personal, discreet, and knowledgeable support at every stage — planning, arrival, in-journey and beyond. Your concierge is always available, wherever you are.</p>

</article>

</div>

<h3 class=”h3 offer-title”>Corporate & MICE</h3>

<p class=”offer-desc”>Premium corporate events, incentive travel, and team experiences across Scandinavia. We manage every logistical detail so your team can focus on connection and inspiration.</p>

</article>

</div>

<h3 class=”h3 offer-title”>Global Network</h3>

<p class=”offer-desc”>Through our worldwide network, we offer privileged access to extraordinary destinations across Europe— each journey designed to leave nothing to chance.</p>

</article>

</div>

</section>

<!– ════════════════ LOFSDALEN HIGHLIGHT ════════════════ –>

<span class=”eyebrow”>Signature Experience</span>

A private winter<br>chalet in the <em>Swedish<br>mountains</em>

</h2>

<p>Reindeer quietly pass through the snow. You sip warm tea by the fireplace. Outside, the Northern Lights dance across the sky. This is Lofsdalen — and it is all yours.</p>

<p>Our exclusive cottage is one of the finest private retreats in Sweden, nestled in the heart of the mountains. Whether you are here for exclusive wilderness and nature experiences in Sweden, snowmobile safaris, ice fishing, or Northern Lights experiences — we have delivered exactly this for premium clients who demand nothing less than extraordinary.</p>

<a href=”#contact” class=”btn btn-gold” onclick=”trackCTA(’lofsdalen’)”>Explore Our Cottage </a>

</div>

<span class=”eyebrow”>Lofsdalen, Sweden</span>

<h3>The mountain cottage where silence becomes luxury</h3>

<span class=”cottage-tag”>Private Booking Available</span>

</div>

</section>

<!– ════════════════ DESTINATIONS ════════════════ –>

<span class=”eyebrow”>Where We Take You</span>

<h2 class=”h2″ id=”dest-h2″>Our <em>Nordic</em> destinations</h2>

<p>From the archipelagos of Stockholm to the aurora skies of Norrbotten — we know every corner of Sweden, and beyond.</p>

</div>

<p class=”dest-cat”>Mountain Retreat</p>

<h3 class=”dest-name”>Lofsdalen & the Swedish Mountains</h3>

</div>

</a>

</article>

<p class=”dest-cat”>Capital & Culture</p>

<h3 class=”dest-name”>Stockholm</h3>

</div>

</a>

</article>

<p class=”dest-cat”>Food & Coast</p>

<h3 class=”dest-name”>Gothenburg</h3>

</div>

</article>

<p class=”dest-cat”>Denmark</p>

<h3 class=”dest-name”>The country of design</h3>

</div>

</a>

</article>

<p class=”dest-cat”>Norway</p>

<h3 class=”dest-name”>The country of fjords</h3>

</div>

</a>

</article>

<p class=”dest-cat”>Southern Sweden</p>

<h3 class=”dest-name”>Skåne & the Golden Coast</h3>

</div>

</article>

<p class=”dest-cat”>UNESCO Heritage</p>

<h3 class=”dest-name”>High Coast of Sweden</h3>

</div>

</a>

</article>

<p class=”dest-cat”>Northern Lights</p>

<h3 class=”dest-name”>Norrbotten</h3>

</div>

</a>

</article>

<!– ════════════════ ACCOMMODATION ════════════════ –>

<div>

<span class=”eyebrow”>Where You Stay</span>

<h2 class=”h2″ id=”accom-h2″>High-end <em>accommodation</em><br>across Sweden</h2>

</div>

<p class=”accom-lead”>We curate and secure the finest private lodges, boutique hotels and exclusive retreats across Sweden — properties that are never just a place to sleep, but an integral part of the experience itself.</p>

</div>

<!– FEATURED: Full-width Lofsdalen private cottage –>

<span class=”accom-tag”>Private Chalet · Exclusively Ours</span>

<h3>Lofsdalen<br><em>Private Mountain Cottage</em></h3>

<p>Our signature private retreat in the Swedish mountains — entirely yours for the duration of your stay. No other guests. No shared spaces. Direct access to ski slopes, frozen lakes and pristine wilderness. The finest base in Sweden for a truly immersive mountain experience.</p>

<li>✦ Fully private — exclusive use only</li>

<li>✦ Ski-in / ski-out access</li>

<li>✦ Private sauna & mountain views</li>

<li>✦ Winter & summer programmes</li>

</ul>

<a href=”#contact” class=”btn btn-gold” onclick=”trackCTA(’accom_lofsdalen’)”>Enquire About Availability</a>

</div>

<!– SIX REGIONS grid –>

<span class=”accom-region-label”>Copenhagen & Coastal Jutland</span>

<h3>Denmark</h3>

<p>From the sophisticated design aesthetics of Copenhagen to the serene, wind-swept dunes of Skagen. We offer exclusive access to historic seaside manors and ultra-private architectural gems that define the soul of Scandinavian living.</p>

<span>Designer city suites</span>

<span>Seaside manors</span>

<span>Architectural retreats</span>

</div>

<span class=”accom-region-label”>The Fjords & Sunnmøre Alps</span>

<h3>Norway</h3>

<p>Experience the raw majesty of deep-blue fjords and snow-capped peaks. From secluded waterfront lodges to architectural masterworks perched on mountainsides, we provide entry to Norway’s most breathtaking and hard-to-reach sanctuary homes.</p>

<span>Exclusive fjord lodges</span>

<span>Mountain hideaways</span>

<span>Architectural cabins</span>

</div>

<span class=”accom-region-label”>Norrbotten · Arctic Sweden</span>

<h3>Norrbotten & Swedish Lapland</h3>

<p>Sweden’s Arctic north — wilderness lodges beneath the aurora, glass-ceiling cabins for Northern Lights viewing and remote Sámi-inspired retreats deep in the boreal forest.</p>

<span>Aurora lodges</span>

<span>Glass igloos</span>

<span>Remote wilderness cabins</span>

</div>

<span class=”accom-region-label”>Höga Kusten · UNESCO Heritage</span>

<h3>High Coast</h3>

<p>Dramatic sea cliffs, ancient forests and remote island retreats along Sweden’s wild northern coastline. We access properties only reachable by boat — the kind of solitude that simply cannot be booked online.</p>

<span>Private coastal villas</span>

<span>Island retreats</span>

<span>Boutique guesthouses</span>

</div>

<span class=”accom-region-label”>Stockholm · Capital Luxury</span>

<h3>Stockholm</h3>

<p>The Nordic capital spread across 14 islands — waterfront suites, historic palaces converted to boutique hotels, and private island stays in the archipelago. Stockholm at its most exclusive.</p>

<span>Waterfront suites</span>

<span>Archipelago retreats</span>

<span>Heritage boutique hotels</span>

</div>

<span class=”accom-region-label”>Göteborg · West Coast Culture</span>

<h3>Gothenburg</h3>

<p>Sweden’s second city combines maritime heritage, world-class gastronomy and a vibrant creative scene. We place our guests in properties that reflect Gothenburg’s distinct character — never a generic business hotel.</p>

<span>Design boutique hotels</span>

<span>Coastal manor houses</span>

<span>West coast archipelago</span>

</div>

<p>All accommodation is hand-selected, personally vetted and secured exclusively for our clients. We do not work with booking platforms — we work with relationships.</p>

<a href=”#contact” class=”btn btn-outline-dark” onclick=”trackCTA(’accom_cta’)”>Discuss Your Stay</a>

</div>

</section>

<!– ════════════════ SUSTAINABILITY ════════════════ –>

<span class=”eyebrow”>Our Commitment</span>

Luxury travel that<br>respects the <em>world<br>we share</em>

</h2>

<p>At Thinkable Travel, every journey is a lifelong memory — shaped by precision, purpose, and respect for the world we share. Sustainability isn’t a feature. It’s the foundation of everything we do.</p>

<p>We have contributed to tourism research focused on sustainability, deepening our understanding of how travel can create positive impact for both people and planet.</p>

<div>

<strong>Environmental Stewardship</strong>

<p>Carbon offset programmes, responsible supplier selection, and wildlife-sensitive itinerary design.</p>

</div>

<div>

<strong>Community Empowerment</strong>

<p>We work with local guides, artisans and family-run businesses to ensure tourism benefits communities directly.</p>

</div>

<div>

<strong>Innovation in Travel</strong>

<p>From sustainable lodges to electric wilderness vehicles — we pioneer the future of premium eco-travel.</p>

</div>

<span class=”sm-lbl”>Carbon Target for All Programmes</span>

</div>

<span class=”sm-lbl”>Local Suppliers Vetted</span>

</div>

<span class=”sm-lbl”>Countries, One Nordic Spirit</span>

</div>

<span class=”sm-lbl”>SDG-Aligned Programmes</span>

</div>

</section>

<!– ════════════════ TESTIMONIALS ════════════════ –>

<span class=”eyebrow reveal”>What Our Clients Say</span>

Journeys that become <em>lifelong memories</em>

</h2>

<!– Walter — hero testimonial, full width feel –>

”Kitty and I truly enjoyed our trip in Sweden — even though we did not meet a TROLL! Not just you folks — but all the people that we met with, every one!!”

</p>

<div>

<p class=”testi-name” itemprop=”author”>Walter & Kitty</p>

<p class=”testi-via”>Premium Wilderness Experience, Sweden · Via Scandinavian Prohunters</p>

</div>

</div>

</article>

”Very nice place in Lofsdalen! Ylva answered very quickly when you called and she always helped. The cottage was very nice — good view, comfortable beds and a perfectly clean place.”

</p>

<div>

<p class=”testi-name” itemprop=”author”>Yonatan</p>

<p class=”testi-via”>Lofsdalen Mountain Cottage · Via Airbnb</p>

</div>

</article>

”Cozy accommodation that was well equipped and very nice. We would love to come again. Everything was perfectly arranged, exactly as described.”

</p>

<div>

<p class=”testi-name” itemprop=”author”>Cecilia</p>

<p class=”testi-via”>Lofsdalen Mountain Cottage · Via Airbnb</p>

</div>

</article>

</div>

<p>Ready to write your own story?</p>

<a href=”#contact” class=”btn btn-gold” onclick=”trackCTA(’testimonials’)”>Plan Your Journey</a>

</div>

</section>

<!-

<!– ════════════════ PROCESS ════════════════ –>

<!– Photo banner –>

<p>”Every journey begins<br>with a single conversation.”</p>

</div>

<span class=”eyebrow”>How It Works</span>

From first <em>conversation</em><br>to lifelong memory

</h2>

</div>

<h3 class=”ps-title”>Discovery</h3>

<p class=”ps-desc”>We begin with a deep conversation about your vision, interests, group, and desired pace — to understand exactly what extraordinary means to you.</p>

</div>

<h3 class=”ps-title”>Curated Design</h3>

<p class=”ps-desc”>Our experts craft a bespoke itinerary — selecting exclusive properties, local experiences, and sustainable activities aligned with your goals.</p>

</div>

<h3 class=”ps-title”>Seamless Execution</h3>

<p class=”ps-desc”>We manage every detail — transfers, guides, reservations and contingencies — with precision and personal attention throughout your journey.</p>

</div>

<h3 class=”ps-title”>Lasting Impact</h3>

<p class=”ps-desc”>We measure the environmental and community impact of every trip, and follow up personally to ensure the experience exceeded your expectations.</p>

</div>

</section>

<!– ════════════════ CTA BAND ════════════════ –>

<div>

<h2 class=”h2″>Ready to start<br>your journey?</h2>

<p>We’re here to design a trip just for you.</p>

</div>

<a href=”#contact” class=”btn btn-white” onclick=”trackCTA(’cta_band’)”>Get In Touch</a>

</div>

<!– scenic transition –>

<!– ════════════════ CONTACT ════════════════ –>

<!– ── REVENUE: NEWSLETTER / LEAD CAPTURE ── –>

<span class=”eyebrow”>Stay informed</span>

<h3 class=”newsletter-title”>The Thinkable Travel <em>Journal</em></h3>

<p>Exclusive destinations, curated experiences and insider perspectives on Nordic luxury travel — delivered once a month.</p>

</div>

<button type=”submit” class=”newsletter-btn” onclick=”trackCTA(’newsletter’)”>Subscribe</button>

</form>

<p class=”newsletter-note”>No spam. Unsubscribe at any time. Your data is handled in accordance with our <a href=”/privacy-policy”>Privacy Policy</a>.</p>

</div>

</section>

<span class=”eyebrow”>Get In Touch</span>

Let’s create<br>something <em>extraordinary</em>

</h2>

<p>Tell us about your dream journey. We will respond within 24 hours to begin shaping your bespoke Scandinavian experience.</p>

<span class=”cd-key”>Email</span>

<span class=”cd-val”><a href=”mailto:reservation@thinkabletravel.com” style=”color:var(–gold);”>reservation@thinkabletravel.com</a></span>

</div>

<span class=”cd-key”>WhatsApp</span>

</div>

<div class=”cd”><span class=”cd-key”>Based in</span><span class=”cd-val”>Sweden · Denmark · Germany · Norway</span></div>

<div class=”cd”><span class=”cd-key”>Services</span><span class=”cd-val”>Luxury DMC · Bespoke Travel · Corporate Events</span></div>

<div class=”cd”><span class=”cd-key”>Response</span><span class=”cd-val”>Within 24 hours</span></div>

</div>

<!– ══ FORMSPREE INTEGRATION ══

1. Gå till formspree.io och skapa ett gratis konto

2. Skapa ett nytt formulär med e-postadressen: reservation@thinkabletravel.com

3. Ersätt YOUR_FORMSPREE_ID nedan med ditt formulär-ID (t.ex. xpwzabcd)

Formuläret skickar sedan direkt till reservation@thinkabletravel.com

══ –>

</div>

</section>

<!– ════════════════ SEO ARTICLES ════════════════ –>

<span class=”eyebrow”>Destination Guides</span>

<h2 class=”h2″ id=”articles-h2″>Plan your <em>Nordic journey</em></h2>

</div>

<a href=”/northern-lights-sweden” style=”text-decoration:none; display:block; background:#fff; overflow:hidden; transition:transform .25s;” class=”reveal”

onmouseover=”this.style.transform=’translateY(-4px)'” onmouseout=”this.style.transform=’translateY(0)'”>

<span style=”font-size:.6rem; letter-spacing:.22em; text-transform:uppercase; color:var(–gold); display:block; margin-bottom:.5rem;”>Destination Guide</span>

<h3 style=”font-family:var(–serif); font-size:1.15rem; font-weight:400; color:var(–ink); line-height:1.3; margin-bottom:.6rem;”>Northern Lights Sweden — The Complete Private Guide</h3>

<p style=”font-size:.8rem; color:#6a6a62; line-height:1.7; margin-bottom:1rem;”>Best locations, timing, what to expect — and how to turn an aurora sighting into an extraordinary experience.</p>

<span style=”font-size:.65rem; letter-spacing:.16em; text-transform:uppercase; color:var(–gold);”>Read Guide →</span>

</div>

</a>

<a href=”/luxury-wilderness-sweden” style=”text-decoration:none; display:block; background:#fff; overflow:hidden; transition:transform .25s;” class=”reveal”

onmouseover=”this.style.transform=’translateY(-4px)'” onmouseout=”this.style.transform=’translateY(0)'”>

<span style=”font-size:.6rem; letter-spacing:.22em; text-transform:uppercase; color:var(–gold); display:block; margin-bottom:.5rem;”>Experience Guide</span>

<h3 style=”font-family:var(–serif); font-size:1.15rem; font-weight:400; color:var(–ink); line-height:1.3; margin-bottom:.6rem;”>Luxury Wilderness Experiences in Sweden</h3>

<p style=”font-size:.8rem; color:#6a6a62; line-height:1.7; margin-bottom:1rem;”>Snowmobile safaris, ice fishing, private forest dining — Sweden’s finest private wilderness experiences explained.</p>

<span style=”font-size:.65rem; letter-spacing:.16em; text-transform:uppercase; color:var(–gold);”>Read Guide →</span>

</div>

</a>

<a href=”/lofsdalen-private-cottage” style=”text-decoration:none; display:block; background:#fff; overflow:hidden; transition:transform .25s;” class=”reveal”

onmouseover=”this.style.transform=’translateY(-4px)'” onmouseout=”this.style.transform=’translateY(0)'”>

<span style=”font-size:.6rem; letter-spacing:.22em; text-transform:uppercase; color:var(–gold); display:block; margin-bottom:.5rem;”>Private Accommodation</span>

<h3 style=”font-family:var(–serif); font-size:1.15rem; font-weight:400; color:var(–ink); line-height:1.3; margin-bottom:.6rem;”>Lofsdalen Private Cottage — Exclusive Mountain Retreat</h3>

<p style=”font-size:.8rem; color:#6a6a62; line-height:1.7; margin-bottom:1rem;”>Our exclusive private cottage in the heart of the Swedish mountains — available for premium bookings year-round.</p>

</div>

</a>

</div>

</section>

<!– ════════════════ SOCIAL MEDIA ════════════════ –>

<span class=”eyebrow”>Stay Connected</span>

<h3>Follow our <em style=”color:var(–gold)”>Nordic journeys</em></h3>

<p>Behind-the-scenes moments, destination inspiration and exclusive experiences — follow us for daily Nordic magic.</p>

@thinkabletravel

</a>

Thinkable Travel

</a>

</a>

WhatsApp Us

</a>

</div>

</section>

<!– ════════════════ FOOTER ════════════════ –>

<span class=”f-logo”>Thinkable Travel</span>

<p>Where exclusivity meets sustainability. Thinkable Travel crafts bespoke, luxury journeys across Sweden, Scandinavia, and the world — leaving nothing to chance, and everything to memory.</p>

<span class=”f-reach”>Destinations: Sweden · Denmark · Norway · Europe </span>

<span>Instagram</span>

</a>

<span>Facebook</span>

</a>

<span>LinkedIn</span>

</a>

</div>

<h4>Destinations</h4>

<ul>

<li><a href=”#destinations”>Stockholm</a></li>

<li><a href=”#destinations”>Lofsdalen</a></li>

<li><a href=”#destinations”>Gothenburg</a></li>

<li><a href=”#destinations”>High Coast</a></li>

<li><a href=”#destinations”>Norrbotten</a></li>

<li><a href=”#destinations”>Danmark</a></li>

<li><a href=”#destinations”>Norway</a></li>

</ul>

</div>

<h4>Services</h4>

<ul>

<li><a href=”#offer”>Tailor-Made Journeys</a></li>

<li><a href=”#offer”>Sustainable Travel</a></li>

<li><a href=”#offer”>Corporate & MICE</a></li>

<li><a href=”#offer”>Northern Lights</a></li>

<li><a href=”#offer”>Global Network</a></li>

</ul>

</div>

<h4>Company</h4>

<ul>

<li><a href=”#about”>About Us</a></li>

<li><a href=”#sustainability”>Sustainability</a></li>

<li><a href=”#contact”>Contact</a></li>

<li><a onclick=”openPrivacy(event)” style=”cursor:pointer;”>Privacy & Cookie Policy</a></li>

<li><a onclick=”openPrivacy(event)” style=”cursor:pointer;”>Cookie Settings</a></li>

</ul>

</div>

<span class=”cert”>Rooted in Sweden</span>

<span class=”cert”>Sustainability Focused</span>

<span class=”cert”>SDG Aligned</span>

</div>

</footer>

<!– ════════════════ JS ════════════════ –>

// Nav scroll behaviour

const nav = document.getElementById(’nav’);

window.addEventListener(’scroll’, () => {

nav.classList.toggle(’solid’, window.scrollY > 60);

}, { passive: true });

// Scroll reveal

const reveals = document.querySelectorAll(’.reveal’);

const io = new IntersectionObserver((entries) => {

entries.forEach(e => {

if (e.isIntersecting) {

e.target.classList.add(’in’);

io.unobserve(e.target);

}

});

}, { threshold: 0.1, rootMargin: ’0px 0px -40px 0px’ });

reveals.forEach(el => io.observe(el));

// Smooth anchor scroll (offset for fixed nav)

document.querySelectorAll(’a[href^=”#”]’).forEach(a => {

a.addEventListener(’click’, e => {

const target = document.querySelector(a.getAttribute(’href’));

if (target) {

e.preventDefault();

const offset = nav.offsetHeight + 16;

window.scrollTo({ top: target.getBoundingClientRect().top + window.scrollY – offset, behavior: ’smooth’ });

}

});

// ── FORMSPREE FORM HANDLER ──

async function handleFormSubmit(e) {

e.preventDefault();

const btn = document.getElementById(’submit-btn’);

const form = document.getElementById(’contact-form’);

const success = document.getElementById(’form-success’);

const error = document.getElementById(’form-error’);

btn.textContent = ’Sending…’;

btn.style.opacity = ’.7’;

btn.disabled = true;

try {

const res = await fetch(form.action, {

method: ’POST’,

body: new FormData(form),

headers: { ’Accept’: ’application/json’ }

});

if (res.ok) {

success.style.display = ’block’;

error.style.display = ’none’;

form.reset();

btn.textContent = ’✓ Sent’;

trackFormSubmit();

} else {

throw new Error(’Server error’);

}

} catch {

error.style.display = ’block’;

success.style.display = ’none’;

btn.textContent = ’Send Enquiry’;

btn.style.opacity = ’1’;

btn.disabled = false;

}

const banner = document.getElementById(’cookie-banner’);

const modal = document.getElementById(’privacy-modal’);

// Show banner after short delay if no previous choice stored

(function initBanner() {

var saved = localStorage.getItem(’tt_cookie_consent’);

if (!saved) {

setTimeout(function() { banner.classList.add(’visible’); }, 900);

}

})();

function cookieAccept() {

localStorage.setItem(’tt_cookie_consent’, ’accepted’);

banner.classList.remove(’visible’);

banner.classList.add(’hidden’);

// Update GA consent and load GA

gtag(’consent’, ’update’, { analytics_storage: ’granted’ });

loadGA();

}

function cookieDecline() {

localStorage.setItem(’tt_cookie_consent’, ’declined’);

banner.classList.remove(’visible’);

banner.classList.add(’hidden’);

// Consent stays denied — GA never loads

}

function openPrivacy(e) {

if (e) e.preventDefault();

modal.classList.add(’open’);

document.body.style.overflow = ’hidden’;

}

function closePrivacy() {

modal.classList.remove(’open’);

document.body.style.overflow = ”;

}

// Close modal on backdrop click

modal.addEventListener(’click’, function(e) {

if (e.target === modal) closePrivacy();

});

// Close modal on Escape key

document.addEventListener(’keydown’, function(e) {

if (e.key === ’Escape’) closePrivacy();

});

// ── HAMBURGER MENU ──

const hamburger = document.getElementById(’nav-hamburger’);

const navLinksMobile = document.getElementById(’nav-links-mobile’);

if (hamburger && navLinksMobile) {

hamburger.addEventListener(’click’, function() {

const isOpen = navLinksMobile.classList.toggle(’is-open’);

hamburger.classList.toggle(’is-open’, isOpen);

hamburger.setAttribute(’aria-expanded’, isOpen);

document.body.style.overflow = isOpen ? ’hidden’ : ”;

});

navLinksMobile.querySelectorAll(’a’).forEach(function(link) {

link.addEventListener(’click’, function() {

navLinksMobile.classList.remove(’is-open’);

hamburger.classList.remove(’is-open’);

hamburger.setAttribute(’aria-expanded’, ’false’);

document.body.style.overflow = ”;

});

document.addEventListener(’keydown’, function(e) {

if (e.key === ’Escape’ && navLinksMobile.classList.contains(’is-open’)) {

navLinksMobile.classList.remove(’is-open’);

hamburger.classList.remove(’is-open’);

hamburger.setAttribute(’aria-expanded’, ’false’);

document.body.style.overflow = ”;

}

});

}

</script>

</body>

</html>