.experience{--exp-stage-top:#121512;--exp-stage-bottom:#1f2a22;--exp-ease:cubic-bezier(.22, 1, .36, 1)}.exp-hero{isolation:isolate;min-height:100svh;padding-top:calc(var(--spacing-header) + clamp(1.5rem, 1rem + 3vw, 4rem));background:linear-gradient(180deg, var(--exp-stage-top) 0%, var(--exp-stage-top) 35%, var(--exp-stage-bottom) 100%);color:var(--color-paper);flex-direction:column;display:flex;position:relative;overflow:hidden}.exp-grain{z-index:-1;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.exp-hero-copy{text-align:center}.exp-title{letter-spacing:-.005em;font-size:clamp(2rem,3.4vw,3.5rem);line-height:1.08}.exp-sub{font-size:1rem;line-height:1.6}@media (prefers-reduced-motion:no-preference){.exp-fade{animation:exp-fade-in .7s var(--exp-ease) both}.exp-fade:nth-child(2){animation-delay:80ms}.exp-fade:nth-child(3){animation-delay:.16s}}@keyframes exp-fade-in{0%{opacity:0;transform:translateY(12px)}}.exp-gallery{--card-w:min(clamp(180px, 17vw, 300px), calc((100svh - 23rem) * .75));flex-direction:column;flex:1;justify-content:flex-end;margin-top:clamp(1.5rem,1rem + 2vw,3rem);display:flex}@media not (min-width:64rem){.exp-gallery{--card-w:min(28vw, calc((100svh - 22rem) * .75))}}@media not (min-width:48rem){.exp-gallery{--card-w:min(68vw, calc((100svh - 20rem) * .75))}}.exp-stage{perspective:1400px;perspective-origin:50% 40%;height:calc(var(--card-w) * 4 / 3 + 3rem);touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;padding-top:1.5rem;position:relative}.exp-gallery[data-dragging] .exp-stage{cursor:grabbing}.exp-track{height:100%;transform-style:preserve-3d;margin:0;padding:0;list-style:none;position:relative}.exp-card{width:var(--card-w);margin-left:calc(var(--card-w) / -2);opacity:0;will-change:transform, opacity;backface-visibility:hidden;position:absolute;top:0;left:50%}.exp-card-link{-webkit-user-drag:none;outline:none;display:block}.exp-card-inner{aspect-ratio:3/4;transition:transform .5s var(--exp-ease), translate .5s var(--exp-ease), opacity .5s var(--exp-ease);background:#2a332b;border-radius:2px;display:block;position:relative;overflow:hidden;box-shadow:0 24px 48px -28px #0009}.exp-card-inner:after{content:"";opacity:.12;transition:opacity .5s var(--exp-ease);pointer-events:none;background:#0b0f0b;position:absolute;inset:0}.exp-card-inner img{pointer-events:none}@media (hover:hover){.exp-gallery:not([data-dragging]) .exp-card-link:hover .exp-card-inner{transform:translateY(-8px)}.exp-gallery:not([data-dragging]) .exp-card-link:hover .exp-card-inner:after{opacity:0}.exp-gallery:not([data-dragging]) .exp-track:has(.exp-card-link:hover) .exp-card-link:not(:hover) .exp-card-inner{opacity:.7}}.exp-card-link:focus-visible .exp-card-inner{outline:2px solid var(--color-paper);outline-offset:4px}.exp-card-name{display:none}.exp-placeholder{color:color-mix(in srgb, var(--color-paper) 70%, transparent);background-color:#2a332b;background-image:repeating-radial-gradient(circle at 30% 120%, transparent 0 22px, color-mix(in srgb, var(--color-paper) 6%, transparent) 22px 23px);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.exp-controls{width:min(100%,40rem);padding:0 var(--spacing-gutter) clamp(1.5rem, 1rem + 2vw, 2.5rem);grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:1rem;margin:.5rem auto 0;display:grid}.exp-caption{text-align:center;min-height:7.5rem}.exp-caption-text{animation:exp-caption-in .5s var(--exp-ease) both}@keyframes exp-caption-in{0%{opacity:0}}.exp-arrow{border:1px solid color-mix(in srgb, var(--color-paper) 28%, transparent);width:2.75rem;height:2.75rem;color:var(--color-paper);border-radius:999px;justify-content:center;align-items:center;margin-top:.25rem;transition:background-color .3s,border-color .3s;display:inline-flex}.exp-arrow:hover{border-color:var(--color-paper);background:color-mix(in srgb, var(--color-paper) 8%, transparent)}.exp-arrow:focus-visible,.exp-caption-link:focus-visible{outline:2px solid var(--color-paper);outline-offset:3px}@media (prefers-reduced-motion:reduce){.exp-stage{height:auto;padding:1rem var(--spacing-gutter) 1rem;perspective:none;cursor:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--spacing-gutter);overflow-x:auto}.exp-track{transform-style:flat;gap:1rem;width:max-content;display:flex}.exp-card{scroll-snap-align:start;will-change:auto;margin:0;position:static;opacity:1!important;visibility:visible!important;transform:none!important}.exp-card-name{font-family:var(--font-display);font-size:var(--text-lead);color:var(--color-paper);margin-top:.75rem;display:block}.exp-caption{display:none}.exp-controls{grid-template-columns:auto auto;justify-content:center}.exp-card-inner,.exp-card-inner:after{transition:none}}.exp-chapters[data-filter=stay]>[data-group]:not([data-group=stay]),.exp-chapters[data-filter=wellness]>[data-group]:not([data-group=wellness]),.exp-chapters[data-filter=nature]>[data-group]:not([data-group=nature]),.exp-chapters[data-filter=community]>[data-group]:not([data-group=community]){display:none}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.exp-reveal{animation:linear both exp-reveal;animation-timeline:view();animation-range:entry entry 40%}}}@keyframes exp-reveal{0%{opacity:0;transform:translateY(24px)}}.exp-matrix th,.exp-matrix td{border-bottom:1px solid var(--land-hairline)}
