@layer components{@property --journey-distance{syntax: "<number>"; inherits: false; initial-value: 1;}@property --journey-side{syntax: "<number>"; inherits: false; initial-value: 0;}@property --journey-near{syntax: "<number>"; inherits: false; initial-value: 1;}@keyframes in-slide-outward{0%{opacity:0;translate:var(--in-slide-outward-offset) calc(-1 * var(--space-16));rotate:0deg}25%{opacity:100%}}.mount{--mount-mat: var(--size-mat);position:relative;padding:var(--mount-mat);border:var(--border-width) solid var(--color-brass);background:var(--texture-grain),var(--gradient-lacquer);box-shadow:var(--shadow-paper-inset)}.mount__video{width:100%;background:var(--color-ink)}.mount__pause{position:absolute;right:calc(var(--mount-mat) + var(--space-3));bottom:calc(var(--mount-mat) + var(--space-3));opacity:60%;transition:border-color var(--duration-hover),color var(--duration-hover),opacity var(--duration-hover)}.mount:is(:hover,:focus-within) .mount__pause{opacity:100%}.mount__pause[aria-pressed=true]{--pause-size: var(--space-16);inset:0;margin:auto;opacity:100%;&:before{width:var(--space-4);height:var(--space-5)}}@media(48rem<=width){.mount{--mount-mat: var(--space-2)}}.chapter{--chapter-halo-period: 8s;position:relative;isolation:isolate;display:grid;align-items:start;gap:var(--space-10);overflow-x:clip}.chapter__art{display:none}.chapter__text{position:relative;max-width:var(--layout-text)}.chapter__text:before{content:"";position:absolute;top:50%;left:50%;z-index:-1;width:min(30rem,90%);aspect-ratio:1;background:var(--color-brass);mask:var(--chapter-mark) 50% 50% / contain no-repeat;opacity:7%;pointer-events:none;translate:-50% -50%;rotate:-8deg}.chapter__film{grid-row:2;justify-self:center;width:min(100%,15rem)}.chapter__film:after{content:"";position:absolute;inset:-45% -70%;z-index:-1;background:radial-gradient(closest-side,color-mix(in srgb,var(--color-brass-light) 35%,transparent),transparent);pointer-events:none}.chapter[data-reveal] .chapter__art{--in-fade-scale: 104%;animation:in-fade var(--duration-arrival) var(--duration-title-wait) var(--ease-out) backwards var(--reveal-play)}.chapter__text[data-reveal]{animation:in-slide-up var(--duration-arrival) var(--duration-title-wait) var(--ease-out) backwards var(--reveal-play);&:before{--in-fade-scale: 80%;animation:in-fade var(--duration-title) var(--duration-title-wait) var(--ease-out) backwards var(--reveal-play)}}.chapter__film[data-reveal]{animation:in-slide-up var(--duration-arrival) var(--duration-title-wait) var(--ease-out) backwards var(--reveal-play);&:after{animation:in-fade var(--duration-title) var(--duration-title-wait) var(--ease-out) backwards var(--reveal-play),loop-fade var(--chapter-halo-period) calc(var(--duration-title-wait) + var(--duration-title)) var(--ease-in-out) infinite var(--reveal-loop)}}@media(48rem<=width){.chapter{grid-template-columns:1fr auto}.chapter__heading{grid-column:1 / -1}.chapter__film{grid-column:2;width:13rem}}@media(64rem<=width){.chapter{grid-template-columns:var(--layout-aside) 1fr auto;gap:var(--layout-title-gap) var(--space-20)}.chapter__heading{display:contents}.chapter__heading>.section-title{grid-column:1 / -1}.chapter__art{grid-area:2 / 1;display:grid}.chapter__film{grid-column:3;width:min(18rem,15vw)}}.fan{--carousel-snap: center;--fan-count: 6;--fan-ratio: 3 / 4;--fan-height: 20rem;grid-column:1 / -1;align-items:center;gap:var(--space-4);margin:0 calc(-1 * var(--layout-frame)) calc(-1 * var(--layout-section));padding:var(--space-6) var(--layout-frame) var(--space-10)}.fan__item{--in-slide-outward-offset: calc(((var(--fan-count) - 1) / 2 - var(--fan-index)) * 85%);position:relative;flex:none;width:min(80vw,var(--fan-height) * var(--fan-ratio));translate:0 var(--fan-lift);rotate:var(--fan-turn);transition:translate var(--duration-hover) var(--ease-out),rotate var(--duration-hover) var(--ease-out),scale var(--duration-hover) var(--ease-out)}.fan__item:nth-child(1){--fan-index: 0;--fan-turn: -5deg;--fan-lift: var(--space-2) }.fan__item:nth-child(2){--fan-index: 1;--fan-turn: 3deg;--fan-lift: 0rem }.fan__item:nth-child(3){--fan-index: 2;--fan-turn: -2deg;--fan-lift: var(--space-3) }.fan__item:nth-child(4){--fan-index: 3;--fan-turn: 4deg;--fan-lift: var(--space-1) }.fan__item:nth-child(5){--fan-index: 4;--fan-turn: -3deg;--fan-lift: var(--space-2) }.fan__item:nth-child(6){--fan-index: 5;--fan-turn: 5deg;--fan-lift: 0rem }.fan__item:has(.fan__link:focus-visible){z-index:1;translate:0 calc(-1 * var(--space-4));rotate:0deg;scale:var(--scale-hover)}.fan__link{display:block}.fan__image{width:100%;aspect-ratio:var(--fan-ratio);object-fit:cover;object-position:var(--fan-focus, center)}.fan[data-reveal] .fan__item{animation:in-slide-up var(--duration-arrival) var(--reveal-delay) var(--ease-out) backwards var(--reveal-play)}@media(hover:hover){.fan__item:hover{z-index:1;translate:0 calc(-1 * var(--space-4));rotate:0deg;scale:var(--scale-hover)}}@media(48rem<=width){.fan{--fan-height: 21rem;justify-content:center;gap:0;margin:0;padding:var(--space-8) 0 var(--space-12);overflow:visible}.fan__item{width:min(100% / var(--fan-count) + var(--space-6),var(--fan-height) * var(--fan-ratio));margin-inline:calc(-1 * var(--space-3))}.fan[data-reveal] .fan__item{animation-name:in-slide-outward}}@media(64rem<=width){.fan{--fan-height: 24rem}}.faq{display:grid;gap:var(--layout-title-gap)}.faq__list{max-width:var(--layout-text);border-top:var(--border-width) solid var(--color-border-on-dark)}.faq__item{border-bottom:var(--border-width) solid var(--color-border-on-dark)}.faq__item::details-content{display:grid;grid-template-rows:minmax(0,0fr);overflow:clip;content-visibility:visible;transition:grid-template-rows var(--duration-unfold) var(--ease-out)}.faq__item[open]::details-content{grid-template-rows:minmax(0,1fr)}.faq__question{display:flex;justify-content:space-between;align-items:center;gap:var(--space-6);padding:var(--space-5) 0;font-size:var(--font-size-lead);color:var(--color-on-dark-strong);transition:color var(--duration-hover)}.faq__question:after{content:"";flex:none;width:var(--space-4);height:var(--space-4);background:linear-gradient(currentColor 0 0) center / 100% var(--border-width) no-repeat,linear-gradient(currentColor 0 0) center / var(--border-width) 100% no-repeat;color:var(--color-brass-pale);transition:rotate var(--duration-toggle) var(--ease-out)}.faq__question:is(:hover,:focus-visible){color:var(--color-brass-pale)}.faq__item[open] .faq__question:after{background:linear-gradient(currentColor 0 0) center / 100% var(--border-width) no-repeat;rotate:180deg}.faq__answer{align-self:start;max-width:var(--layout-text-narrow);padding-bottom:var(--space-6);opacity:0;visibility:hidden;transition:opacity var(--duration-unfold) var(--ease-out),visibility var(--duration-unfold)}.faq__item[open] .faq__answer{opacity:100%;visibility:visible}.faq[data-reveal] .faq__card{--in-fade-scale: 96%;animation:in-fade var(--duration-arrival) var(--duration-title-wait) var(--ease-out) backwards var(--reveal-play)}.faq__list[data-reveal] .faq__item{animation:in-slide-up var(--duration-arrival) calc(var(--duration-title-wait) + var(--reveal-delay)) var(--ease-out) backwards var(--reveal-play)}@media(forced-colors:active){.faq__question:after{forced-color-adjust:none;color:CanvasText}}@media(64rem<=width){.faq{grid-template-columns:min(48rem,40vw) 1fr;align-items:center;gap:var(--space-12) var(--space-16);padding-bottom:calc(var(--layout-section) + var(--faq-answer-height, 0rem))}.faq__heading{grid-column:1 / -1}.faq__card{justify-items:start}.faq__list{min-height:calc(var(--faq-closed-height, 0rem) + var(--faq-answer-height, 0rem));margin-bottom:calc(-1 * var(--faq-answer-height, 0rem))}}.journey{background:var(--texture-grain),var(--gradient-glow),var(--color-cream)}.journey:after{content:"";position:absolute;inset:auto 0 0;z-index:-1;height:calc(2 * var(--space-20));background:url(/assets/img/brand/groomed-piste.svg) 50% 100% / auto 100% no-repeat;mask-image:linear-gradient(transparent,var(--color-ink) 70%);opacity:50%;pointer-events:none}.journey__viewport{position:relative;container-type:inline-size;margin-top:calc(var(--layout-title-gap) - var(--space-4))}.journey__list,.journey__controls{--journey-gap: var(--space-4);--journey-card: 60%;--journey-lead: 20%;--journey-fade: 10%}.journey__list{gap:var(--journey-gap);padding-block:var(--space-4) var(--space-6);scroll-padding-inline-start:var(--journey-lead);mask-image:linear-gradient(90deg,transparent,var(--color-ink) var(--journey-fade),var(--color-ink) calc(100% - var(--journey-fade)),transparent)}.journey__list:before{content:"";position:absolute;width:var(--journey-lead)}.journey__item{flex:none;width:var(--journey-card)}.journey__link{--journey-near: min(var(--journey-distance), 1);display:grid;align-content:start;justify-items:center;gap:var(--space-2);opacity:calc(100% - 12% * var(--journey-near));text-align:center;transform-origin:calc(50% - 50% * var(--journey-side)) 0;scale:calc(100% - 16% * var(--journey-near));translate:calc(-16% * var(--journey-side) * max(var(--journey-distance) - 1,0)) 0}.journey[data-visible] .journey__link{will-change:opacity,scale,translate}.journey__media{display:grid;grid-template:minmax(0,1fr) / minmax(0,1fr);width:100%;aspect-ratio:4 / 3;margin-bottom:var(--space-3)}.journey__image{grid-area:1 / 1;width:100%;height:100%;object-fit:cover}.journey__art{--mount-mat: calc(2 * var(--border-width));position:absolute;right:calc(-1 * var(--space-3));bottom:calc(-1 * var(--space-3));width:30%;aspect-ratio:1;border-radius:50%;background:linear-gradient(var(--color-cream) 0 0) content-box,var(--texture-grain),var(--gradient-lacquer);box-shadow:var(--shadow-paper);opacity:0;rotate:-30deg;scale:40%;transition:opacity var(--duration-hover) var(--ease-out),rotate var(--duration-toggle) var(--ease-out),scale var(--duration-toggle) var(--ease-out)}.journey__art .art__image{height:100%;object-fit:cover;clip-path:circle(calc(50% / 1.3));scale:130%}.journey__name{position:relative;padding-bottom:var(--space-2);color:var(--color-ink)}.journey__name:after{content:"";position:absolute;inset:auto 0 0;height:var(--border-width);background:var(--gradient-gold);scale:0 1;transition:scale var(--duration-hover) var(--ease-out)}.journey__link:focus-visible .journey__name:after{scale:100%}.journey__icon{margin-inline-end:var(--space-2);vertical-align:middle;color:var(--color-brass-dark)}.journey__tagline{opacity:0;font-style:italic;text-wrap:balance;color:var(--color-brass-dark);translate:0 var(--space-2);transition:opacity var(--duration-hover) var(--ease-out),translate var(--duration-hover) var(--ease-out)}.journey__controls{display:none}.journey__button{display:grid;place-items:center;width:var(--size-target);height:var(--size-target);border:var(--border-width) solid var(--color-brass);border-radius:50%;color:var(--color-brass-dark);transition:border-color var(--duration-hover),background-color var(--duration-hover),color var(--duration-hover)}.journey__button:is(:hover,:focus-visible){border-color:var(--color-brass-dark);background-color:var(--color-sand);color:var(--color-ink)}.journey__chevron{--icon-size: .75rem}.journey__item[data-active]{--journey-art-delay: .25s;--journey-tagline-delay: .3s;.journey__art{opacity:100%;rotate:0deg;scale:100%;transition:opacity var(--duration-toggle) var(--journey-art-delay) var(--ease-out),rotate var(--duration-arrival) var(--journey-art-delay) var(--ease-back),scale var(--duration-arrival) var(--journey-art-delay) var(--ease-back)}.journey__name:after{scale:100%}.journey__tagline{opacity:100%;translate:0 0;transition:opacity var(--duration-unfold) var(--journey-tagline-delay) var(--ease-out),translate var(--duration-unfold) var(--journey-tagline-delay) var(--ease-out)}}.journey[data-reveal] .journey__viewport{animation:in-fade var(--duration-arrival) var(--duration-title-wait) var(--ease-out) backwards var(--reveal-play)}@media(hover:hover){.journey__link:hover .journey__name:after{scale:100%}}@media(48rem<=width){.journey:after{opacity:100%}}@container (40rem <= width){.journey__list,.journey__controls{--journey-gap: var(--space-5);--journey-card: calc(100% / 3 - var(--journey-gap));--journey-lead: calc(var(--journey-card) / 2 + var(--journey-gap));--journey-fade: 12%}.journey__controls{position:absolute;inset:var(--space-4) 0 auto;display:flex;justify-content:space-between;pointer-events:none}.journey__button{margin-top:calc(var(--journey-card) * 3 / 8 - var(--size-target) / 2);pointer-events:auto}}@container (56rem <= width){.journey__list,.journey__controls{--journey-gap: var(--space-8);--journey-card: calc(25% - var(--journey-gap));--journey-fade: 8%}}}
