.experience-atlas{padding:clamp(86px,10vw,150px) clamp(20px,4vw,64px) clamp(100px,12vw,180px);background:#f4f1e9}
.mega > .experience-hero-visual{position:absolute!important;z-index:0!important;inset:0 0 0 auto;width:40%;height:100%;overflow:hidden;transform:translateX(100%);animation:experience-hero-slide 1.15s cubic-bezier(.72,0,.17,1) .28s forwards;will-change:transform}
.experience-hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.9) contrast(1.03)}
.experience-hero-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(237,122,34,.2),transparent 22%),linear-gradient(0deg,rgba(11,23,19,.22),transparent 48%);pointer-events:none}
.experience-hero .kicker,.experience-hero .signature-title,.experience-hero .hero-foot{width:56%}
.experience-hero .hero-foot{align-items:flex-end}
.experience-hero .signature-title h1{font-size:clamp(72px,10vw,150px);color:#f4f1e9}
@keyframes experience-hero-slide{from{transform:translateX(100%)}to{transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.mega>.experience-hero-visual{transform:none;animation:none}}
.atlas-intro{display:grid;grid-template-columns:1.35fr .65fr;gap:3vw 8vw;align-items:end;margin-bottom:clamp(54px,7vw,100px)}
.atlas-index{grid-column:1/-1;font:700 12px/1 'Syne',sans-serif;letter-spacing:.16em;color:#d88422}
.atlas-intro h2{font:800 clamp(54px,8.5vw,128px)/.82 'Syne',sans-serif;letter-spacing:-.07em;margin:0;color:#0b1713}
.atlas-intro p{font:500 clamp(17px,1.5vw,22px)/1.55 'DM Sans',sans-serif;margin:0 0 .45em;color:#51605a;max-width:34ch}
.atlas-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;gap:clamp(14px,1.6vw,26px)}
.atlas-card{position:relative;isolation:isolate;overflow:hidden;min-height:540px;background:#0b1713;color:#fff}
.atlas-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.1s cubic-bezier(.2,.8,.2,1),filter .6s ease}
.atlas-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(4,12,9,.04) 30%,rgba(4,12,9,.86) 100%);transition:background .45s ease}
.atlas-card:hover img{transform:scale(1.045)}
.atlas-card:hover:after{background:linear-gradient(180deg,rgba(4,12,9,.02) 20%,rgba(4,12,9,.92) 100%)}
.atlas-number{position:absolute;top:22px;left:22px;display:grid;place-items:center;width:48px;height:48px;background:#d88422;color:#0b1713;font:800 13px/1 'Syne',sans-serif;box-shadow:6px 6px 0 #2c56a3}
.atlas-copy{position:absolute;left:0;right:0;bottom:0;padding:clamp(24px,3vw,46px)}
.atlas-copy>span{display:block;margin-bottom:14px;font:700 11px/1 'Syne',sans-serif;letter-spacing:.18em;color:#78cfba}
.atlas-copy h3{font:800 clamp(36px,4.3vw,68px)/.87 'Syne',sans-serif;letter-spacing:-.055em;margin:0;max-width:11ch}
.atlas-copy p{font:500 16px/1.55 'DM Sans',sans-serif;max-width:40ch;margin:20px 0 0;color:rgba(255,255,255,.82)}
.atlas-card--craft{grid-column:span 7;min-height:760px}
.atlas-card--food{grid-column:span 5;min-height:610px;margin-top:150px}
.atlas-card--nature{grid-column:3/span 8;min-height:690px;margin-block:44px}
.atlas-card--culture{grid-column:span 5;min-height:620px}
.atlas-card--wellness{grid-column:span 7;min-height:760px;margin-top:120px}
.atlas-card--culture .atlas-number,.atlas-card--wellness .atlas-number{background:#087866;color:#fff;box-shadow:6px 6px 0 #d88422}
.atlas-card--nature .atlas-number{background:#2c56a3;color:#fff;box-shadow:6px 6px 0 #d88422}
@media(max-width:900px){.atlas-intro{grid-template-columns:1fr}.atlas-card--craft,.atlas-card--food,.atlas-card--nature,.atlas-card--culture,.atlas-card--wellness{grid-column:span 6;min-height:600px;margin:0}.atlas-card--nature{grid-column:3/span 8}.atlas-copy h3{font-size:clamp(34px,6vw,54px)}}
@media(max-width:640px){.experience-atlas{padding-inline:16px}.atlas-intro{margin-bottom:44px}.atlas-intro h2{font-size:14vw}.atlas-grid{display:flex;flex-direction:column;gap:16px}.atlas-card--craft,.atlas-card--food,.atlas-card--nature,.atlas-card--culture,.atlas-card--wellness{width:100%;min-height:72svh;margin:0}.atlas-card:nth-child(even){width:92%;align-self:flex-end}.atlas-card:nth-child(odd){width:94%;align-self:flex-start}.atlas-copy{padding:26px 22px}.atlas-copy h3{font-size:11vw}.atlas-copy p{font-size:15px}.atlas-number{top:16px;left:16px;width:43px;height:43px;box-shadow:5px 5px 0 #2c56a3}.experience-hero .kicker,.experience-hero .signature-title,.experience-hero .hero-foot{width:57%}.experience-hero .signature-title h1{font-size:15vw}.experience-hero-visual::after{background:linear-gradient(90deg,rgba(237,122,34,.15),transparent 26%),linear-gradient(0deg,rgba(11,23,19,.25),transparent 52%)}}

/* Activity records: the visible fields map one-to-one to the future Airtable. */
.experience-catalogue{padding:clamp(90px,10vw,150px) clamp(20px,4vw,64px) clamp(110px,12vw,180px);background:#0b1713;color:#f4f1e9}
.catalogue-head{display:grid;grid-template-columns:1.25fr .75fr;gap:3vw 9vw;align-items:end;max-width:1440px;margin:0 auto clamp(52px,7vw,88px)}
.catalogue-head .atlas-index{grid-column:1/-1;color:#d88422}
.catalogue-head h2{font:800 clamp(52px,8vw,116px)/.82 'Syne',sans-serif;letter-spacing:-.07em;margin:0;max-width:10ch}
.catalogue-head p{font:500 clamp(16px,1.5vw,20px)/1.6 'DM Sans',sans-serif;color:rgba(244,241,233,.66);max-width:34ch;margin:0 0 .4em}
.catalogue-toolbar{position:sticky;top:0;z-index:12;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0;margin:0 auto 36px;background:rgba(11,23,19,.94);border-block:1px solid rgba(244,241,233,.18);backdrop-filter:blur(14px)}
.catalogue-filters{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
.catalogue-filters::-webkit-scrollbar{display:none}
.catalogue-filter,.catalogue-city select{min-height:42px;border:1px solid rgba(244,241,233,.25);border-radius:0;background:transparent;color:#f4f1e9;padding:10px 15px;font:700 10px/1 'Syne',sans-serif;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;cursor:pointer}
.catalogue-filter:hover,.catalogue-filter.is-active{background:#d88422;border-color:#d88422;color:#0b1713}
.catalogue-city select{padding-right:38px;color-scheme:dark}
.activity-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(16px,2vw,30px);max-width:1440px;margin:auto}
.activity-card{grid-column:span 4;position:relative;z-index:1;display:flex;flex-direction:column;min-width:0;background:#f4f1e9;color:#0b1713;transform-origin:center;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease}
.activity-card:hover{z-index:4;transform:translateY(-8px) scale(1.045);box-shadow:0 28px 70px rgba(0,0,0,.3)}
.activity-media{position:relative;aspect-ratio:4/3;overflow:hidden;background:#24342f}
.activity-media img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.activity-card:hover .activity-media img{transform:scale(1.045)}
.activity-category{position:absolute;top:0;left:0;background:#2c56a3;color:#fff;padding:10px 13px;font:700 10px/1 'Syne',sans-serif;letter-spacing:.12em;text-transform:uppercase}
.activity-body{display:flex;flex:1;flex-direction:column;padding:clamp(20px,2.2vw,30px)}
.activity-location{display:flex;align-items:center;gap:8px;color:#d88422;font:700 10px/1.3 'Syne',sans-serif;letter-spacing:.1em;text-transform:uppercase}
.activity-location i{width:7px;height:7px;border-radius:50%;background:#087866;flex:0 0 auto}
.activity-title{font:800 clamp(27px,2.6vw,42px)/.95 'Syne',sans-serif;letter-spacing:-.05em;margin:18px 0 24px}
.activity-meta{display:grid;grid-template-columns:repeat(3,1fr);margin-top:auto;border-block:1px solid rgba(11,23,19,.17)}
.activity-meta span{padding:13px 8px 13px 0;font:500 12px/1.3 'DM Sans',sans-serif;color:#51605a}
.activity-meta span+span{padding-left:12px;border-left:1px solid rgba(11,23,19,.17)}
.activity-meta b{display:block;margin-bottom:4px;color:#0b1713;font:800 12px/1 'Syne',sans-serif}
.activity-foot{display:flex;align-items:end;justify-content:space-between;gap:20px;padding-top:18px}
.activity-price small{display:block;color:#68716d;font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.activity-price strong{font:800 24px/1 'Syne',sans-serif}
.activity-cta{border-bottom:2px solid #d88422;padding-bottom:4px;font:800 10px/1 'Syne',sans-serif;letter-spacing:.11em;text-transform:uppercase}
.activity-empty{padding:80px 20px;text-align:center;color:rgba(244,241,233,.65);font:600 clamp(22px,3vw,34px)/1.2 'Syne',sans-serif}
.activity-count{margin:34px 0 0;text-align:right;color:rgba(244,241,233,.48);font:700 10px/1 'Syne',sans-serif;letter-spacing:.12em;text-transform:uppercase}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:980px){.catalogue-head{grid-template-columns:1fr}.activity-card{grid-column:span 6}.activity-card:nth-child(n) .activity-media{aspect-ratio:4/3}}
@media(max-width:640px){.experience-catalogue{padding-inline:16px}.catalogue-head{margin-bottom:42px}.catalogue-head h2{font-size:14vw}.catalogue-toolbar{align-items:stretch;flex-direction:column;top:0}.catalogue-filters{width:100%}.catalogue-city select{width:100%}.activity-grid{display:flex;flex-direction:column}.activity-card,.activity-card:nth-child(n){width:100%}.activity-title{font-size:9vw}.activity-meta{grid-template-columns:repeat(3,minmax(0,1fr))}.activity-meta span{font-size:11px}.activity-count{text-align:left}}
@media(hover:none){.activity-card:hover{transform:none;box-shadow:none}}