.experiences-page{background:var(--muca-bg);color:var(--muca-text)}
.experiences-page__hero{position:relative;height:var(--muca-page-hero-h,min(82svh,780px));min-height:var(--muca-page-hero-min-h,520px);overflow:hidden;background:var(--muca-bg-secondary)}
.experiences-page__hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(22,24,21,.7),rgba(22,24,21,.08) 70%)}
.experiences-page__hero>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 55%}
.experiences-page__hero-copy{position:absolute;z-index:1;bottom:clamp(55px,8vw,110px);left:50%;width:min(100% - 56px,1000px);transform:translateX(-50%);color:#fff;text-align:center}
.experiences-page__hero-copy span{display:block;color:#fff}
.experiences-page__hero-copy span,.experiences-page__story-copy>span{display:block;font-family:var(--font-subheader);font-size:11px;font-weight:var(--fw-subheader);letter-spacing:.2em;text-transform:uppercase}
.experiences-page__hero-copy h1{margin:15px 0;color:#fff;font:var(--fw-headline) clamp(34px,5.2vw,72px)/1.08 var(--font-headline);text-wrap:balance}
.experiences-page__hero-copy p{max-width:560px;margin:0 auto;color:#fff;font:var(--fw-subheader-medium) clamp(16px,1.6vw,21px)/1.55 var(--font-subheader);text-wrap:pretty}
.experiences-page__intro{width:min(100% - 80px,1360px);margin:clamp(48px,6vw,76px) auto clamp(44px,5.5vw,68px);text-align:center}
.experiences-page__rule{display:block;width:48px;height:1.5px;margin:0 auto 24px;background:var(--color-gold)}
.experiences-page__intro p{max-width:none;margin:0;color:var(--muca-text);font-family:var(--font-body);font-size:clamp(15.5px,1.25vw,17.5px);line-height:1.82;text-wrap:pretty}
.experiences-page__philosophy{position:relative;width:min(100% - 80px,1360px);margin:auto;padding:56px 0 88px}
.experiences-page__philosophy>h2{position:relative;z-index:2;max-width:none;margin:0 auto;color:var(--muca-text);text-align:center;font:var(--fw-headline) clamp(32px,4.2vw,56px)/1.12 var(--font-headline);text-wrap:balance}
.experiences-page__philosophy-line{display:none}
.experiences-page__philosophy-grid{display:flex;flex-direction:column;gap:clamp(44px,5.5vw,72px);width:100%;max-width:none;margin:clamp(44px,5.5vw,68px) auto 0}
.experiences-page__philosophy-item{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:start;gap:clamp(35px,5vw,80px)}
.experiences-page__philosophy-item img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;background:#e6e1d8}
.experiences-page__philosophy-item div{min-width:0}
.experiences-page__philosophy-item h3{margin:0 0 10px;color:var(--muca-text);font:var(--fw-subheader) clamp(22px,2.2vw,28px)/1.22 var(--font-subheader);text-wrap:balance}
.experiences-page__philosophy-item p{max-width:none;margin:0;color:var(--muca-text);font-size:15.5px;line-height:1.72;text-wrap:pretty}
.experiences-page__philosophy-item--2{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}
.experiences-page__philosophy-item--2 img{grid-column:2;grid-row:1}
.experiences-page__philosophy-item--2 div{grid-column:1;grid-row:1;text-align:right}
.experiences-page__philosophy-item--2 p{margin-left:auto}
.experiences-page__nav{display:flex;justify-content:center;gap:clamp(30px,7vw,110px);padding:22px 28px;border-top:1px solid var(--muca-line);border-bottom:1px solid var(--muca-line)}
.experiences-page__nav a{color:var(--muca-text);font-size:12px;font-weight:700;letter-spacing:.13em;text-decoration:none;text-transform:uppercase}
.experiences-page__nav a:hover{color:var(--color-gold)}
.experiences-page__stories{padding:16px 0 110px}
.experiences-page__story{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:start;gap:clamp(35px,5vw,80px);width:min(100% - 80px,1360px);margin:0 auto 105px;scroll-margin-top:120px}
.experiences-page__story:last-child{margin-bottom:0}
.experiences-page__story:nth-child(even){grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}
.experiences-page__story:nth-child(even) .experiences-page__story-image{grid-column:2;grid-row:1}
.experiences-page__story:nth-child(even) .experiences-page__story-copy{grid-column:1;grid-row:1}
.experiences-page__story-image{position:relative;height:auto;aspect-ratio:16/10;overflow:hidden;background:#e6e1d8;transform:translateZ(0);contain:paint}
.experiences-page__story-image img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1) translateZ(0);transition:transform .8s cubic-bezier(.22,.61,.36,1);will-change:transform;backface-visibility:hidden}
.experiences-page__story-image:hover img{transform:scale(1.045) translateZ(0)}
.experiences-page__story-image[data-experience-gallery] img{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease-in-out,transform .8s cubic-bezier(.22,.61,.36,1);will-change:opacity,transform}
.experiences-page__story-image[data-experience-gallery] img.is-active{opacity:1}
.experiences-page__gallery-controls{position:absolute;z-index:3;right:16px;bottom:16px;display:flex;align-items:center;gap:8px}
.experiences-page__gallery-arrow{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:1px solid rgba(255,255,255,.85);border-radius:50%;background:transparent;color:#fff;cursor:pointer;opacity:.85;transition:opacity .2s ease}
.experiences-page__gallery-arrow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 2px rgba(0,0,0,.7))}
.experiences-page__gallery-arrow:hover{opacity:1}
.experiences-page__gallery-arrow:focus-visible{opacity:1;outline:2px solid #fff;outline-offset:-2px}
.experiences-page__story-copy{max-width:none}
.experiences-page__story-copy>span{color:var(--muca-text)}
.experiences-page__story-copy h2{margin:20px 0;color:var(--muca-text);font:var(--fw-headline) clamp(30px,3.8vw,56px)/1.12 var(--font-headline);text-wrap:balance}
.experiences-page__story-copy p{color:var(--muca-text);font-size:16px;line-height:1.8;text-wrap:pretty}
.experiences-page__story-copy .experiences-page__story-lead{color:var(--muca-text);font:var(--fw-subheader) clamp(17px,1.65vw,20px)/1.55 var(--font-subheader);text-wrap:pretty}
.experiences-page__story-specs{margin:18px 0 6px;padding:0 0 0 20px;color:var(--muca-text);font-size:16px;line-height:1.85}
.experiences-page__story-specs li{margin-bottom:8px}
.experiences-page__story-specs li::marker{color:var(--color-gold)}
.experiences-page__story-copy a{display:inline-flex;gap:36px;margin-top:25px;padding-bottom:9px;border-bottom:1px solid var(--btn-secondary-border);color:var(--btn-secondary-text);font-size:11px;font-weight:700;letter-spacing:.12em;text-decoration:none;text-transform:uppercase}
@media(max-width:991px){.experiences-page__intro,.experiences-page__philosophy{width:calc(100% - 56px)}.experiences-page__philosophy{padding:52px 0 72px}.experiences-page__philosophy-item,.experiences-page__story{gap:36px}.experiences-page__story{width:calc(100% - 56px)}}
@media(max-width:767px){.experiences-page__hero{height:var(--muca-page-hero-h-mobile,66svh);min-height:var(--muca-page-hero-min-h-mobile,420px)}.experiences-page__hero-copy h1{font-size:clamp(30px,8vw,48px)}.experiences-page__intro,.experiences-page__philosophy{width:calc(100% - 44px)}.experiences-page__philosophy{padding:48px 0 64px}.experiences-page__philosophy-grid{gap:42px;margin-top:36px}.experiences-page__philosophy-item,.experiences-page__philosophy-item--2{display:flex;flex-direction:column;align-items:stretch;gap:18px}.experiences-page__philosophy-item img{flex:none;width:100%}.experiences-page__philosophy-item div,.experiences-page__philosophy-item--2 div{flex:none;text-align:left}.experiences-page__philosophy-item--2 p{margin-left:0}.experiences-page__nav{gap:20px;flex-wrap:wrap}.experiences-page__stories{padding:12px 0 36px}.experiences-page__story,.experiences-page__story:nth-child(even){display:flex;flex-direction:column;align-items:stretch;gap:27px;width:calc(100% - 44px);margin-bottom:56px}.experiences-page__story:last-child{margin-bottom:0}.experiences-page__story-image{height:auto;aspect-ratio:16/10}.experiences-page__story-copy h2{font-size:clamp(28px,7.5vw,42px)}.experiences-page__story-copy{max-width:none}}
@media(max-width:575px){.experiences-page__hero-copy h1{font-size:clamp(28px,8vw,40px)}.experiences-page__philosophy>h2{font-size:clamp(26px,7.5vw,38px)}.experiences-page__philosophy-item h3{font-size:21px}.experiences-page__story-copy h2{font-size:clamp(26px,7.2vw,36px)}.experiences-page__story-copy p,.experiences-page__story-specs{font-size:15px}}
@media(max-width:575px){.experiences-page__gallery-controls{right:10px;bottom:10px}.experiences-page__gallery-arrow{width:40px;height:40px}}
