@layer components{.stay-close{padding:var(--space-6) var(--gutter) 0;text-align:center}.stay-close__intro{max-width:520px;margin:var(--space-5) auto}.place{padding-top:var(--space-6);padding-bottom:var(--space-5);&>.media{aspect-ratio:1.8}@media (width<=700px){padding-top:var(--space-5)}}.place__copy{max-width:360px;padding-top:var(--space-3);& p{margin-top:var(--space-5)}@container (width<=650px){max-width:none;& p{margin-top:var(--space-4)}}}.gallery{padding-top:var(--space-4);scroll-margin-top:60px}.gallery__copy{& h2{font-size:var(--text-body)}& p{margin-top:var(--space-4)}& ul{margin-top:var(--space-4);padding:0;list-style:none}& li{border-bottom:1px solid var(--color-line);padding-block:7px}}.gallery__track{margin-top:var(--space-3);scroll-snap-type:x mandatory;scrollbar-width:none;display:flex;overflow-x:auto;&::-webkit-scrollbar{display:none}}.gallery__pair{display:contents}.gallery__asset{scroll-snap-align:start;min-width:100%;& .media{aspect-ratio:358/472;object-fit:cover;height:auto}}.gallery__pagination{margin-top:var(--space-2);justify-content:center;gap:3px;display:flex;& button{background:0 0;place-items:center;min-width:24px;height:32px;padding:0;display:grid}& span{background:#cbc8c3;border-radius:8px;width:8px;height:8px}& button[aria-pressed=true] span{background:var(--color-wood);width:24px}}@media (width<=850px){.js .gallery:not([data-mobile-active]){display:none}.gallery{flex-direction:column;display:flex}.gallery__copy{display:contents;& h2{order:0}& p{margin-top:var(--space-3);order:3}& ul{margin-top:var(--space-3);order:4}}.gallery__track{order:1}.gallery__pagination{order:2}}@media (width>=851px){.gallery{padding-top:var(--space-5);gap:var(--space-3);grid-template-columns:25% 1fr;display:grid}.gallery__track{margin-top:0}.gallery__pair{gap:var(--space-3);scroll-snap-align:start;min-width:100%;display:flex}.gallery__asset{flex:1;min-width:0;& .media{height:100%;max-height:750px}&:nth-child(2){flex:.8;align-self:start;& .media{aspect-ratio:448/549}}}.gallery__pagination{grid-column:2}.experiences--enhanced{& .gallery{inset:var(--gutter);visibility:hidden;opacity:0;pointer-events:none;padding-top:0;position:absolute}& .gallery.is-active{visibility:visible;opacity:1;pointer-events:auto}& .gallery__copy{padding-top:74px;padding-right:var(--space-3);opacity:0;& p{margin-top:var(--space-5)}}& .gallery.is-active .gallery__copy{opacity:1}& .gallery__track{display:block;position:relative;overflow:hidden}& .gallery__pair{visibility:hidden;opacity:0;position:absolute;inset:0}& .gallery__pair.is-active{visibility:visible;opacity:1}& .gallery__asset{height:100%;& .media{max-height:none}&:nth-child(2){height:75%}}& .gallery__pagination{display:none}}}.experiences{border-top:1px solid var(--color-line);position:relative}.experiences__stage{padding:var(--gutter);position:relative}.experiences__tabs{gap:var(--space-2);font-size:var(--text-label);display:flex;& a{align-items:center;gap:5px;display:flex}& span{border:1px solid var(--color-wood);border-radius:50%;width:7px;height:7px}& a[aria-current=true] span{background:var(--color-wood)}@media (prefers-reduced-motion:no-preference){& span{transition:background var(--duration-fast) var(--ease)}}}.experiences__controls{display:none}@media (width<=850px){.experiences{margin-block:var(--space-4) var(--space-5)}}@media (width>=851px){.experiences__stage{min-height:800px}.experiences__tabs{width:25%}.experiences--enhanced{& .experiences__stage{height:100svh;min-height:620px;position:sticky;top:0;overflow:hidden}& .experiences__tabs{z-index:3;position:relative}& .experiences__controls{bottom:var(--space-3);left:var(--gutter);z-index:3;align-items:center;gap:var(--space-2);font-size:var(--text-label);display:flex;position:absolute;& button{border:1px solid var(--color-line);background:0 0;border-radius:50%;width:36px;height:36px;&:hover{background:#2a241d0d}@media (prefers-reduced-motion:no-preference){transition:background var(--duration-fast) var(--ease)}}}}}.night{height:100svh;min-height:600px;color:var(--color-snow);background:#121d18;position:relative;& h2{top:var(--space-3);z-index:2;position:absolute;left:50%;transform:translate(-50%)}&>p{z-index:2;text-align:center;width:min(860px,100% - 32px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}& video{height:100%}}.palette{position:relative}.palette__stage{padding-block:var(--space-3) var(--space-4)}.palette__layout{margin-top:var(--space-3);gap:var(--space-3);grid-template-columns:1.7fr 1.4fr 1fr;display:grid;@container (width<=650px){flex-direction:column;display:flex}}.palette__images{aspect-ratio:565/717;grid-column:1;position:relative;overflow:hidden;& .media{height:100%}@container (width<=650px){max-height:500px}}.palette__image{visibility:hidden;opacity:0;position:absolute;inset:0;&.is-active{visibility:visible;opacity:1}}.palette__choices{grid-column:3;& summary:before{content:"";background:0 0;border:1px solid;border-radius:50%;width:7px;height:7px}& summary:after{display:none}& details[open] summary:before{background:var(--color-wood)}@container (width<=650px){order:-1}}@media (width>=851px) and (height>=540px){.palette--pinned{& .palette__stage{height:100svh;padding-bottom:var(--space-3);flex-direction:column;display:flex;position:sticky;top:0}& .palette__layout{flex:1;min-height:0}& .palette__images{aspect-ratio:auto;min-height:0}& .palette__choices{align-self:start}}}.film__frame{background:var(--color-wood);aspect-ratio:var(--film-ratio);position:relative;&>.media{height:100%}}.film__player{opacity:0;border:0;width:100%;height:100%;position:absolute;inset:0}.film.is-ready .film__player{opacity:1}.film__watch{top:var(--film-watch-top,65%);backdrop-filter:blur(15px);color:#fff;background:#2a241d7a;border-color:#fff3;position:absolute;left:50%;transform:translate(-50%,-50%);&:hover:not(:disabled){background:var(--color-iron)}}.film__status{margin-top:var(--space-1);font-size:var(--text-small);color:var(--color-muted);&:empty{display:none}}.film__no-script{margin-top:var(--space-1);font-size:var(--text-small);text-underline-offset:3px;text-decoration:underline;display:inline-block}.designer{padding-bottom:var(--space-5);gap:var(--space-3);grid-template-columns:repeat(12,1fr);display:grid;& .section__heading{grid-column:1/8}& .film{grid-column:4/13}@container (width<=650px){& .section__heading,& .film{grid-column:1/-1}}}.designer__description{grid-column:10/13;@container (width<=650px){grid-column:1/-1}}.designer__portrait{grid-column:2/4;@container (width<=650px){grid-column:5/13}}.designer__credit{font-size:var(--text-label);grid-column:2/5;@container (width<=650px){grid-column:1/-1}}.vision>.media{aspect-ratio:1.8}.vision__copy{max-width:448px;margin:var(--space-6) auto;text-align:center;& p{margin-top:var(--space-5)}}.area-map__park{fill:var(--map-forest)}.area-map__hatch{stroke:var(--map-forest-ink);stroke-width:1px;opacity:.1}.area-map__river{fill:none;stroke:var(--map-water);stroke-width:1.8px}.area-map__road-edge,.area-map__road{fill:none;stroke-linecap:round;stroke-linejoin:round}.area-map__road-edge{stroke:var(--map-rule);stroke-width:5px}.area-map__road{stroke:#faf8f1;stroke-width:3px}.area-map__park-label{letter-spacing:2px;fill:var(--map-forest-ink);font-size:25px}.area-map__park-subtitle{letter-spacing:3px;font-size:14px}.area-map__river-label{letter-spacing:.5px;fill:#68898e;font-size:15px}.area-map__badge{& rect{fill:var(--map-paper);stroke:var(--map-rule)}& text{fill:var(--color-wood);font-size:14px}}.area-map__label{fill:var(--color-wood);paint-order:stroke;stroke:var(--map-paper);stroke-width:4px;stroke-linejoin:round;font-size:16px}.area-map__town{fill:var(--color-wood)}.area-map__peak{fill:none;stroke:var(--map-forest-ink);stroke-width:1.6px;stroke-linejoin:round}.area-map__halo{fill:var(--color-iron);opacity:.16}.area-map__pin{fill:var(--color-iron);stroke:var(--map-paper);stroke-width:2px}.area-map__place--primary .area-map__label{font-size:28px;font-weight:500}@container (width<=450px){.area-map__secondary,.area-map__river-label{display:none}}.area-map{--map-paper:#ece8de;--map-forest:#c3cdb6;--map-forest-ink:#65745c;--map-water:#8cabb1;--map-rule:#c7bfb0;margin:0;position:relative;container-type:inline-size}.area-map__canvas{background:var(--map-paper);border:1px solid var(--color-line);display:block;position:relative;overflow:hidden;& svg{width:100%;height:auto;max-height:max(300px,100svh - 160px)}}.area-map__heading{top:var(--space-3);left:var(--space-3);z-index:1;flex-direction:column;gap:6px;display:flex;position:absolute;& span{font-size:var(--text-label);color:var(--map-forest-ink)}& strong{font-size:18px;font-weight:300}@container (width<=450px){top:16px;left:16px}}.area-map__action{border-bottom:1px solid var(--map-rule);right:var(--space-3);bottom:var(--space-3);align-items:center;gap:var(--space-2);font-size:var(--text-small);padding-bottom:4px;display:inline-flex;position:absolute}.area-map__credit{bottom:var(--space-1);left:var(--space-2);font-size:var(--text-label);color:var(--color-muted);position:absolute;&:hover{color:var(--color-wood)}}@container (width<=450px){.area-map__action{right:16px;bottom:var(--space-3)}}.location{padding-block:var(--space-3);border-top:1px solid var(--color-line);gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid;@media (width<=700px){gap:var(--space-4);grid-template-columns:1fr}}.location__copy{flex-direction:column;align-items:start;max-width:360px;display:flex;&>p{margin-top:var(--space-5)}&>.button{margin-top:var(--space-3)}@container (width<=650px){max-width:none}}.location__details{padding-top:var(--space-5);font-size:var(--text-small);margin-top:auto}.founder-story{--film-watch-top:50%;padding-block:var(--space-3);gap:var(--space-4) var(--space-3);grid-template-columns:repeat(12,1fr);display:grid;@media (width<=700px){gap:var(--space-3)}}.founder-story__heading{align-items:baseline;gap:var(--space-3);grid-column:1/8;display:flex;& h2{font-size:var(--text-body)}@container (width<=650px){grid-column:1/-1}}.founder-story__label{width:93px;font-size:var(--text-label);flex-shrink:0}.founder-story__description{grid-column:10/13;@container (width<=650px){grid-column:1/-1}}.founder-story__portrait{aspect-ratio:3/4;grid-column:2/4;align-self:start;@container (width<=650px){grid-column:5/13}}.founder-story__film{grid-column:4/13;@container (width<=650px){grid-column:1/-1}}.footer-signup{padding:var(--space-6) var(--gutter) 0;border-top:1px solid var(--color-line);text-align:center;container-type:inline-size}.footer-signup__intro{max-width:520px;margin:0 auto var(--space-4)}.footer-signup__row{align-items:center;gap:var(--space-3);width:fit-content;max-width:100%;margin-inline:auto;display:flex;& h2{flex-shrink:0}& .signup{min-width:0}@container (width<=400px){flex-direction:column}}}@layer motion{@media (prefers-reduced-motion:no-preference){.gallery__pagination span{transition:width var(--duration-fast) var(--ease), background var(--duration-fast) var(--ease)}@media (width>=851px){.experiences--enhanced{& .gallery{transition:opacity var(--duration) var(--ease), visibility var(--duration)}& .gallery__copy{transition:opacity .18s var(--ease)}& .gallery.is-active .gallery__copy{transition-delay:.18s}& .gallery__pair{transition:opacity var(--duration) var(--ease), transform var(--duration) var(--ease), visibility var(--duration);transform:translateY(15px)}& .gallery__pair.is-active{transform:none}}}@media (width<=850px){.js .gallery[data-mobile-active]{animation:gallery-reveal var(--duration-panel) var(--ease) both}}}@keyframes gallery-reveal{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){.palette__image{transition:opacity var(--duration) var(--ease), transform var(--duration) var(--ease), visibility var(--duration);transform:translateY(12px);&.is-active{transform:none}}.palette__choices summary:before{transition:background var(--duration-fast) var(--ease)}.film__player{transition:opacity var(--duration) var(--ease)}.area-map__halo{transition:opacity var(--duration-fast) var(--ease)}.area-map__canvas:is(:hover,:focus-visible) .area-map__halo{opacity:.3}.area-map__action{transition:border-color var(--duration-fast) var(--ease)}.area-map__canvas:is(:hover,:focus-visible){& .area-map__action{border-color:var(--color-iron)}}}}
