@layer base,typography,layout,components,utility;@layer base{html{text-rendering:optimizeLegibility;text-size-adjust:none;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}*,*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul,ol{list-style:none;margin:0;padding:0}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}svg{fill:currentColor}address{font-style:initial}button{background-color:transparent;border:none;outline:none;color:inherit}button:hover{cursor:pointer}}@layer typography{:root{--ff-serif: Courier, serif;--ff-sans-serif: system-ui, Avenir, Helvetica, Arial, sans-serif;--fs-responsive-xl: clamp(2rem, 1.6rem + 1.6vw, 3rem);--fs-responsive-l: clamp(1.75rem, 1.45rem + 1.2vw, 2.5rem);--fs-responsive-m: clamp(1.5rem, 1.3rem + .8vw, 2rem);--fs-responsive-s: clamp(1rem, .8rem + .8vw, 1.5rem);--letter-spacing: 1px;font-family:var(--ff-sans-serif)}h1,h2,.heading-xl{font-size:var(--fs-responsive-xl);font-weight:700;text-transform:uppercase;letter-spacing:var(--letter-spacing)}h3,.heading-l{font-size:var(--fs-responsive-l);font-weight:700;text-transform:uppercase;letter-spacing:var(--letter-spacing)}h4,.heading-m{font-size:var(--fs-responsive-m);font-weight:700;text-transform:uppercase;letter-spacing:var(--letter-spacing)}h5,.heading-s{font-size:var(--fs-responsive-s);font-weight:700;text-transform:uppercase;letter-spacing:var(--letter-spacing)}p,.copv-s{font-weight:400;font-size:var(--fs-responsive-s);letter-spacing:var(--letter-spacing)}}@layer layout{:root{--color-brand: oklch(.8355 .1869 81.27);--color-brand-1: oklch(83.335% .25927 140.452);--color-mandarine: oklch(.6579 .2313 38.67);--color-peach: oklch(.6549 .2613 356.94);--color-plum: oklch(.4611 .2207 337.21);--color-aubergine: oklch(.3721 .1948 316.08);--color-mangostan: oklch(.3192 .1223 10.08);--color-doom: oklch(.4572 .1766 17.49);--color-sky: oklch(.6627 .1829 237.16);--color-whale: oklch(.3977 .0922 213.38);--color-avocado: oklch(.3654 .0311 155.14);--color-darkest: #000;--color-lightest: #fff;--color-brand-80: oklch(from var(--color-brand) .8 c h);--color-brand-50: oklch(from var(--color-brand) .5 c h);--color-hover: var(--color-brand);--color-link: var(--color-brand-80);--color-text: var(--color-lightest);--color-surface: var(--color-darkest);--dropshadow: drop-shadow( 10px 10px 15px oklch(from var(--color-surface) l c h / .9) );--spacing-default: clamp(1rem, .2rem + 3.2vw, 3rem);--spacing-xs: .5rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--border-radius: 30rem;--border-radius-s: 2rem;--transition-default: transform .2s ease-out;--page-max-width: 1680px;color-scheme:dark}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background-color:var(--color-surface);max-width:var(--page-max-width);margin-inline:auto}button,a{color:var(--color-link);text-decoration:none}:is(button,a):focus-visible,:is(button,a):hover{color:var(--color-hover)}:is(button,a):focus-visible{border:unset;outline:unset}main{position:relative}.section{--section-surface: transparent;--section-surface-dark: oklch(from var(--section-surface) calc(l*.9) c h);--section-surface-light: oklch(from var(--section-surface) calc(l*1.2) c h);--section-contrast: var(--color-brand);color:inherit;padding-block:calc(4 * var(--spacing-default));background-color:var(--section-surface);justify-content:center;overflow:clip}.section-title{color:var(--section-contrast)}.section--vata{--section-surface: var(--color-aubergine);padding-block:var(--spacing-default);background-image:linear-gradient(var(--color-doom),var(--section-surface),var(--color-whale))}.section--pitta{--section-surface: var(--color-doom);padding-block:0}.section--kapha{--section-surface: var(--color-aubergine);background-image:linear-gradient(var(--color-mandarine),var(--section-surface) 8%,var(--color-peach),var(--section-surface))}.section--retreat{--section-surface: var(--color-mandarine);background-image:linear-gradient(var(--color-sky),var(--color-aubergine),var(--color-plum),var(--section-surface))}.section--yoga{--section-surface: var(--color-aubergine);padding-block-start:var(--spacing-default);background-image:linear-gradient(var(--section-surface),var(--color-mangostan))}footer{display:flex;align-items:center;padding-block-start:var(--spacing-default);padding-block-end:calc(var(--spacing-default) * 2);padding-inline:var(--spacing-default)}footer nav{display:flex;gap:var(--spacing-s);flex-wrap:wrap}}@layer components{.navigation-wrap{--navigation-radius: 3rem;--navigation-border: .25rem solid var(--navigation-color-border);--navigation-color-border: oklch(from var(--color-text) l c h / .4);--navigation-color-surface-light: oklch(from var(--color-text) l c h / .3);position:fixed;top:0;max-width:var(--page-max-width);display:grid;z-index:300;border-radius:var(--navigation-radius);overflow:clip;-webkit-backdrop-filter:blur(10px) saturate(200%);backdrop-filter:blur(10px) saturate(200%);background-color:oklch(from var(--color-surface) l c h / .3);border:var(--navigation-border);margin:var(--spacing-xs)}.navigation-wrap:has(:focus-visible),.navigation-wrap:has(button:hover){--navigation-color-border: var(--color-text)}.navigation-wrap button{width:clamp(4rem,1.57rem + 5.063vw,6rem);aspect-ratio:1;border-radius:50%;overflow:hidden}.navigation-wrap button img{object-fit:contain;transition:var(--transition-default);transform:rotate(20deg)}.navigation-wrap button:focus-visible{background-color:var(--navigation-color-surface-light)}.navigation-wrap:has(.navigation--hidden){background-color:var(--navigation-color-surface-light)}.navigation-wrap:has(.navigation--hidden) img{transform:rotate(0)}.navigation-wrap .navigation{--navigation-color-text: var(--color-lightest);display:flex;flex-direction:column;align-items:center;gap:.5rem;margin:var(--spacing-s);transition:var(--transition-default);transform-origin:top}.navigation-wrap .navigation a{color:var(--navigation-color-text);font-size:var(--fs-responsive-s);font-weight:700;text-transform:uppercase;letter-spacing:var(--letter-spacing);width:min-content}.navigation-wrap .navigation a:focus-visible,.navigation-wrap .navigation a:hover{color:var(--color-brand)}.navigation-wrap .navigation--hidden{visibility:hidden;margin:0;height:0;width:0;transform:scale(0)}.back-to-top{position:sticky;bottom:var(--spacing-xs);z-index:200;margin-block-start:var(--spacing-default);margin-inline-end:var(--spacing-xs);width:max-content;margin-inline-start:auto;overflow:clip}.button-round{--button-radius: 3rem;--button-border: .25rem solid var(--button-border-color);--button-border-color: oklch(from var(--color-text) l c h / .4);--button-color-surface-light: oklch(from var(--color-text) l c h / .3);--button-color-text: var(--color-lightest);width:clamp(4rem,1.57rem + 5.063vw,6rem);aspect-ratio:1;border-radius:50%;overflow:clip;border-radius:var(--button-radius);-webkit-backdrop-filter:blur(10px) saturate(200%);backdrop-filter:blur(10px) saturate(200%);background-color:oklch(from var(--button-color-surface-light) l c h / .3);border:var(--button-border);color:var(--button-color-text);transform:rotate(0)}@media(prefers-reduced-motion:no-preference){.button-round{animation:rotate linear forwards;animation-timeline:scroll()}}.button-round:focus-visible,.button-round:hover{--button-border-color: var(--color-text)}@keyframes rotate{to{transform:rotate(180deg)}}@keyframes jump{to{transform:translateY(-.25rem)}}}@layer components{.hero{--transition-duration: 15s;padding-block-start:var(--spacing-default);display:grid;grid-template:"container";height:100vh;overflow:clip;padding:0}.hero>*{grid-area:container}.hero .hero__image-wrap{z-index:-1;position:relative}.hero .hero__image-wrap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero .logo,.hero .cta{margin:var(--spacing-default)}.hero .logo{max-width:40rem;filter:var(--dropshadow);align-self:center}.hero .cta{align-self:flex-end;justify-self:center;z-index:2;box-sizing:padding-box}}@layer components{.card{--card-surface: var(--section-surface-dark);--card-spacing-inner: var(--spacing-s);--card-ratio: 1;--card-border-radius: var(--border-radius-s);margin-block-start:var(--spacing-default);margin-inline:unset;aspect-ratio:var(--card-ratio);display:grid;grid-template:"container";border-radius:var(--border-radius-s);overflow:clip;container-type:inline-size}.card>*{grid-area:container}.card img{object-fit:cover;width:100%;height:100%}.card figcaption{padding-block:var(--card-spacing-inner);padding-inline:var(--card-border-radius);background-color:var(--card-surface);text-align:center;text-wrap:balance;height:fit-content;z-index:2;align-self:flex-end}.card figcaption>*{margin-block:unset}@container (width < 360px){.card figcaption>*{font-size:1rem}}}@layer components{.list-alternate{--border-radius: 3rem;--text-min-width: 270px;--image-max-width: 280px;display:grid;gap:var(--spacing-default);container-type:inline-size;margin-block:var(--spacing-default)}.list-alternate li{background-color:var(--section-surface-dark);padding-inline:var(--spacing-default);padding-block:var(--spacing-s);display:flex;flex-wrap:wrap}.list-alternate li>*{flex:1}.list-alternate li img{flex:1;max-width:280px;display:none}.list-alternate li h3{color:var(--section-contrast)}.list-alternate li article{display:flex;flex-direction:column;justify-content:center;min-width:var(--text-min-width)}.list-alternate li article>*{text-wrap:balance}.list-alternate li article>*:first-child{margin-block-start:0}@container (width > 580px){.list-alternate li img{display:block}}@container (width > 760px){.list-alternate li{--border-radius: 30rem}}.list-alternate li:nth-child(odd){border-radius:0 var(--border-radius) var(--border-radius) 0}@container (width > 760px){.list-alternate li:nth-child(odd){margin-inline-end:var(--spacing-default)}}.list-alternate li:nth-child(2n){border-radius:var(--border-radius) 0 0 var(--border-radius);justify-content:end;flex-direction:row-reverse}@container (width > 760px){.list-alternate li:nth-child(2n){margin-inline-start:var(--spacing-default)}}}@layer components{.buttons{margin-block-start:var(--spacing-s);display:flex;flex-wrap:wrap;gap:var(--spacing-s)}.buttons>*{flex-shrink:0}.buttons--centered{justify-content:center}@property --button-gradient-deg{syntax: "<angle>"; inherits: true; initial-value: -90deg;}.button{--button-text: var(--color-text);--button-surface: var( --section-surface-light, oklch(from var(--color-text) l c h / .1) );--button-text-hover: var(--color-brand);--button-surface-hover: var(--section-surface-dark, var(--color-surface));--button-radius: var(--border-radius, none);--button-border-size: .25rem;--button-border-color: oklch(from var(--color-text) l c h / .3);--button-border: var(--button-border-size) solid var(--button-border-color);--button-fs: var(--fs-responsive-s);--rainbow: var(--color-peach), var(--color-brand), var(--color-brand-1), var(--color-sky), var(--color-mandarine), var(--color-peach);--rainbow-gradient: linear-gradient(var(--button-surface-hover) 0 0) padding-box, conic-gradient(from var(--button-gradient-deg) in oklch, var(--rainbow)) border-box;--button-gradient-deg: -90deg;--button-shadow-blur: 1rem;--button-shadow-opacity: 10%;--button-animation-duration: 2s;--button-spacing-inline: var(--spacing-default);--button-spacing-block: var(--spacing-s);text-align:center;font-size:var(--button-fs);font-weight:700;text-transform:uppercase;display:inline-flex;color:var(--button-text);padding-inline:var(--button-spacing-inline);padding-block:var(--button-spacing-block);border-radius:var(--border-radius);transition:all .2s ease-out;border:var(--button-border-size) solid var(--button-border-color);-webkit-backdrop-filter:blur(10px) saturate(200%);backdrop-filter:blur(10px) saturate(200%);background-color:var(--button-color-surface-light);position:relative;isolation:isolate}.button:hover,.button:focus-visible{--button-shadow-opacity: 10%;--button-text: var(--button-text-hover);--button-surface: var(--button-surface-hover);--button-border-color: transparent;background:var(--rainbow-gradient)}@media(prefers-reduced-motion:no-preference){.button:hover,.button:focus-visible{animation:border-ani var(--button-animation-duration) infinite linear}}@media(hover:none){.button{--button-shadow-opacity: 10%;--button-text: var(--button-text-hover);--button-surface: var(--button-surface-hover);--button-border-color: transparent;background:var(--rainbow-gradient)}@media(prefers-reduced-motion:no-preference){.button{animation:border-ani var(--button-animation-duration) infinite linear}}}.button:before,.button:after{content:"";position:absolute;border-radius:inherit}.button:before{z-index:-1;background:var(--button-surface);inset:.25rem;filter:blur(var(--button-shadow-blur))}.button:after{z-index:-2;inset:-1.5rem;background:conic-gradient(from var(--button-gradient-deg),var(--rainbow));filter:blur(var(--button-shadow-blur));opacity:var(--button-shadow-opacity)}@keyframes border-ani{to{--button-gradient-deg: 270deg}}.button--icon-only{--button-icon-size-l: 4rem;--button-spacing-block: var(--spacing-s);--button-spacing-inline: var(--spacing-s)}.button--icon-only svg{fill:currentColor;width:var(--button-icon-size-l);height:var(--button-icon-size-l)}.button--icon-only:focus-visible,.button--icon-only:hover{transform:scale(1.1)}}@layer components{.scroller{--direction: forwards;--duration: 25s;display:flex;overflow-x:auto}@media(prefers-reduced-motion:no-preference){.scroller{overflow-x:hidden}}[data-direction=right]{--direction: reverse}.scroller__inner{width:max-content;display:flex}@media(prefers-reduced-motion:no-preference){[data-animation-type=auto] .scroller__inner{animation:scroll var(--duration, 40s) var(--direction) linear infinite}[data-animation-type=timeline] .scroller__inner{animation:scroll linear var(--direction);animation-timeline:scroll(root)}}.scroller__img-wrap{max-width:560px;width:max-content;margin:0}.scroller__img{object-fit:cover;width:100%;height:100%}@keyframes scroll{to{transform:translate(-50%)}}}@layer components{dialog{--dialog-spacing: var(--spacing-default);max-width:1024px;width:90vw;padding:0;border:none;scrollbar-width:thin}dialog button[data-overlay-close]{padding:var(--dialog-spacing);position:sticky;width:max-content;display:block;margin-inline-start:auto;top:0}dialog button[data-overlay-close]:focus-visible,dialog button[data-overlay-close]:hover{color:var(--color-peach)}dialog button[data-overlay-close] svg{width:var(--dialog-spacing);height:var(--dialog-spacing)}dialog article{margin-inline-start:var(--dialog-spacing);margin-inline-end:calc(var(--dialog-spacing) * 2);margin-block-end:var(--dialog-spacing)}[data-overlay-button]{margin:0;padding:0}[data-overlay-button]:focus-visible,[data-overlay-button]:hover{color:var(--color-peach)}::backdrop{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px)}}@layer utility{.grid-wrap{margin-inline:var(--spacing-default)}.grid{--grid-min-width: 300px;--grid-gap: var(--spacing-default);--grid-type: auto-fit;display:grid;align-items:center;gap:var(--grid-gap);grid-template-columns:repeat(var(--grid-type),minmax(min(var(--grid-min-width),100%),1fr))}.img-wrap--cover img{width:100%;height:100%;object-fit:cover}.ratio-3-1{aspect-ratio:3 / 1}.ratio-16-9{aspect-ratio:16 / 9}.ratio-3-1--responsive{aspect-ratio:16 / 9}@media not (max-width:787px){.ratio-3-1--responsive{aspect-ratio:3/1}}.img-border-1{border-radius:10rem 0;aspect-ratio:4 / 3;overflow:clip;object-fit:cover;width:100%;height:100%}.img-ratio-4-3-contain{aspect-ratio:4 / 3;overflow:clip;object-fit:contain}.img-ratio-1-contain{aspect-ratio:1;overflow:clip;object-fit:contain}.spacer{margin-block-start:var(--spacing-default)}@media(prefers-reduced-motion:no-preference){.timeline-slide-in-right{animation:slide-in-right linear;animation-timeline:view();animation-range-end:10rem;animation-range-start:cover}}@keyframes slide-in-right{0%{transform:translate(-50%)}to{transform:translate(0)}}@media(prefers-reduced-motion:no-preference){.timeline-slide-in-left{animation:slide-in-left linear;animation-timeline:view();animation-range-end:10rem;animation-range-start:cover}}@keyframes slide-in-left{0%{transform:translate(50%)}to{transform:translate(0)}}}