:root{--pink-hsl: 324 100% 45%;--blue-hsl: 231 56% 39%;--teal-hsl: 154 60% 81%;--text-dark: hsl(231 10% 10%);--text-light: hsl(231 10% 99%);--text-hover-dark: rgb(46, 55, 107);--bgc-hsl: 231 70% 99%;--text-xs: clamp(.75rem, .72rem + .097vi, .875rem);--text-sm: clamp(.875rem, .845rem + .097vw, 1rem);--text-m: clamp(.875rem, .855rem + .091vi, 1rem);--text-lg: clamp(1.125rem, .97rem + .097vw, 1.25rem);--text-xl: clamp(1rem, .942rem + .256vw, 1.25rem);--text-xxl: 1.5rem;--text-xxxl: clamp(1.5rem, 1.154rem + 1.538vw, 3rem);--section-width: 80ch}*{border:0;padding:0;margin:0;box-sizing:border-box}html{width:100%}body{font-family:Be Vietnam Pro,sans-serif;color:var(--text-dark);background-color:hsl(var(--bgc-hsl) / 1);min-height:100svh;display:grid;position:relative;width:100vw}body.noscroll{overflow:hidden}body:has(.menu-toggler:checked){height:100dvh;overflow:hidden}main{padding-block-start:4rem;position:relative;width:100%}section{margin-block:3rem}section:first-child{margin-block:1rem}h1{font-size:var(--text-xxl);font-weight:600;margin-block-end:2rem}p{font-size:var(--text-lg);line-height:1.5;font-weight:400;color:var(--text-dark);max-width:var(--section-width)}p em{color:hsl(var(--pink-hsl));text-transform:uppercase;font-style:normal}ul{list-style-type:none}.caption p{font-size:var(--text-lg)}p:not(:last-child){margin-block-end:1em}a{text-decoration:none}iframe{width:100%;height:100%}.flex-container{display:flex}.grid-container{display:grid}.star-container.grid-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1em;padding-inline:1.5em;margin-block-end:4rem}.star-container a{display:grid;justify-items:center;text-decoration:none}.star-container .image-container{width:100%;aspect-ratio:4 / 5;overflow:hidden;display:grid}.star-container img{width:100%;object-fit:cover;object-position:center top;grid-row:1;grid-column:1}.star-container .featured-image{filter:saturate(0);transition:all .15s ease-in-out}.star-container a:hover .featured-image{opacity:0;transition:all .15s ease-in-out;translate:5%}.star-container h2{margin-block-start:.5em;color:var(--text-dark);font-size:var(--text-lg);font-weight:400}.reel-button{font-size:var(--text-xl);font-family:Be Vietnam Pro,sans-serif;font-weight:600;box-shadow:.15em .3em hsl(var(--pink-hsl) / 1);padding:.75em 1.5em;border-radius:2em;line-height:1em;cursor:pointer;transition:all 50ms ease-in-out;text-transform:uppercase;opacity:100%}.reel-button:hover{box-shadow:.1em .2em hsl(var(--pink-hsl) / 1);translate:0 1%;transition:all 50ms ease-in-out}header.svelte-1d3my2a{height:5rem;position:sticky;top:0;view-transition-name:header;z-index:10;background-color:hsl(var(--bgc-hsl) / 1)}.container.svelte-1d3my2a{align-items:center;justify-content:space-between;gap:2rem;height:100%}img.logo.svelte-1d3my2a{height:60px;align-self:center}.menu-toggler.svelte-1d3my2a{position:absolute;top:-9999%;left:-9999%}nav.svelte-1d3my2a{margin-inline-start:auto}nav.svelte-1d3my2a ul:where(.svelte-1d3my2a){display:flex;flex-direction:row;list-style-type:none;gap:.5rem}nav.svelte-1d3my2a a:where(.svelte-1d3my2a){font-size:var(--text-lg);color:var(--text-dark);padding:.5em 1em;border-radius:2em;background-color:transparent;box-shadow:.125em .25em transparent;transition:all .2s ease-in-out;font-weight:400}nav.svelte-1d3my2a a:where(.svelte-1d3my2a):hover,nav.svelte-1d3my2a a.active:where(.svelte-1d3my2a){background-color:#e5e9ff;box-shadow:.125em .25em hsl(var(--pink-hsl) / .2);color:var(--text-hover-dark);transition:all .2s ease-in-out}footer.svelte-1d3my2a{background-color:hsl(var(--blue-hsl));margin-block-start:auto;padding-block:2rem;view-transition-name:footer}footer.svelte-1d3my2a .container:where(.svelte-1d3my2a){justify-items:space-between}footer.svelte-1d3my2a svg:where(.svelte-1d3my2a){fill:var(--text-light);width:32px;margin-block-start:.5rem}footer.svelte-1d3my2a svg:where(.svelte-1d3my2a):hover{fill:hsl(var(--pink-hsl))}@media (max-width: 720px){nav.svelte-1d3my2a{position:absolute;top:0;right:0;bottom:0;left:0;background:hsl(var(--pink-hsl));display:grid;justify-content:center;align-content:center;max-height:0;overflow:hidden;transition:max-height .2s ease-in-out .2s}nav.svelte-1d3my2a ul:where(.svelte-1d3my2a){flex-direction:column;gap:2rem}nav.svelte-1d3my2a a:where(.svelte-1d3my2a),nav.svelte-1d3my2a li:where(.svelte-1d3my2a){color:var(--text-light);font-size:var(--text-xxxl)}nav.svelte-1d3my2a li:where(.svelte-1d3my2a){opacity:0;transition:opacity .2s ease-in-out}header.svelte-1d3my2a{position:static}.menu-toggler.svelte-1d3my2a:checked~nav:where(.svelte-1d3my2a){transition:max-height .2s ease-in-out;max-height:100dvh}.menu-toggler.svelte-1d3my2a:checked~nav:where(.svelte-1d3my2a) li:where(.svelte-1d3my2a){opacity:1;transition:opacity .2s ease-in-out .2s}.menu-toggler-label.svelte-1d3my2a{top:0;left:0;margin-inline:1rem;height:100%;display:flex;align-items:center;justify-self:end;cursor:pointer}.menu-toggler-label.svelte-1d3my2a span:where(.svelte-1d3my2a),.menu-toggler-label.svelte-1d3my2a span:where(.svelte-1d3my2a):before,.menu-toggler-label.svelte-1d3my2a span:where(.svelte-1d3my2a):after{display:block;background-color:var(--text-dark);height:3px;width:2em;border-radius:2px;position:relative;z-index:100;transition:all .1s ease-in-out .2s}.menu-toggler.svelte-1d3my2a:checked~.menu-toggler-label:where(.svelte-1d3my2a) span:where(.svelte-1d3my2a),.menu-toggler.svelte-1d3my2a:checked~.menu-toggler-label:where(.svelte-1d3my2a) span:where(.svelte-1d3my2a):before,.menu-toggler.svelte-1d3my2a:checked~.menu-toggler-label:where(.svelte-1d3my2a) span:where(.svelte-1d3my2a):after{transition:all .1s ease-in-out .1s;background-color:var(--text-light)}.menu-toggler-label.svelte-1d3my2a span:where(.svelte-1d3my2a):before,.menu-toggler-label.svelte-1d3my2a span:where(.svelte-1d3my2a):after{content:"";position:absolute}.menu-toggler.svelte-1d3my2a:checked~.menu-toggler-label:where(.svelte-1d3my2a) span:where(.svelte-1d3my2a):before,.menu-toggler.svelte-1d3my2a:checked~.menu-toggler-label:where(.svelte-1d3my2a) span:where(.svelte-1d3my2a):after{transform-origin:center}.menu-toggler-label.svelte-1d3my2a span:where(.svelte-1d3my2a):before{top:-8px}.menu-toggler-label.svelte-1d3my2a span:where(.svelte-1d3my2a):after{top:8px}.menu-toggler.svelte-1d3my2a:checked~.menu-toggler-label:where(.svelte-1d3my2a) span:where(.svelte-1d3my2a){transform:rotate(45deg)}.menu-toggler.svelte-1d3my2a:checked~.menu-toggler-label:where(.svelte-1d3my2a) span:where(.svelte-1d3my2a):before{top:0;transform:rotate(90deg)}.menu-toggler.svelte-1d3my2a:checked~.menu-toggler-label:where(.svelte-1d3my2a) span:where(.svelte-1d3my2a):after{top:0}footer.svelte-1d3my2a .container:where(.svelte-1d3my2a){flex-direction:column}}footer.svelte-1d3my2a p:where(.svelte-1d3my2a){color:var(--text-light);font-size:var(--text-lg)}footer.svelte-1d3my2a .logo-hond:where(.svelte-1d3my2a){height:100px}@keyframes svelte-1d3my2a-fade-in{0%{opacity:0}}@keyframes svelte-1d3my2a-fade-out{to{opacity:0}}@keyframes svelte-1d3my2a-slide-from-right{0%{transform:translate(30px)}}@keyframes svelte-1d3my2a-slide-to-left{to{transform:translate(-30px)}}:root::view-transition-old(root){animation:90ms cubic-bezier(.4,0,1,1) both svelte-1d3my2a-fade-out,.3s cubic-bezier(.4,0,.2,1) both svelte-1d3my2a-slide-to-left}:root::view-transition-new(root){animation:.21s cubic-bezier(0,0,.2,1) 90ms both svelte-1d3my2a-fade-in,.3s cubic-bezier(.4,0,.2,1) both svelte-1d3my2a-slide-from-right}
