@font-face{font-family:Pacifico;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/c89cfa4ee44cbc90-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Pacifico;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/4c5ce8dda3f2e57a-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Pacifico;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/bbe178ab8b70b75e-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Pacifico;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/797ceaad3c9a531e-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Pacifico;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/1b3800ed4c918892-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Pacifico Fallback;src:local("Arial");ascent-override:137.32%;descent-override:47.74%;line-gap-override:0.00%;size-adjust:94.89%}.__className_5f64cf{font-family:Pacifico,Pacifico Fallback;font-weight:400;font-style:normal}.__variable_5f64cf{--font-pacifico:"Pacifico","Pacifico Fallback"}@layer demo{.hover-boxes-container h1,.hover-boxes-container p{margin:0}.hover-boxes-container h1.fluid{--font-size-min:22;--font-level:4.25}.hover-boxes-container h3{white-space:nowrap;margin:0}.hover-boxes-container>p{width:74ch;max-width:calc(100% - 4rem);text-wrap:balance;margin-bottom:4rem;line-height:1.5;opacity:.8;font-weight:400;@media (max-width:768px){text-align:center;max-width:100%}}.hover-boxes-container li :is(svg,h3){opacity:.6;transition:opacity calc(var(--speed) * 1.2) var(--easing)}.hover-boxes-container li :is(a,Button,p){opacity:0;transition:opacity calc(var(--speed) * 1.2) var(--easing);width:fit-content}.hover-boxes-container li img{filter:grayscale(1) brightness(1.5);scale:1.1;transition-property:filter,scale;transition-duration:calc(var(--speed) * 1.2);transition-timing-function:var(--easing);transform:translateZ(0);will-change:filter,transform}.hover-boxes-container [data-active=true] :is(a,Button,p,h3,svg){opacity:var(--opacity,1)}.hover-boxes-container [data-active=true] :is(a,Button,p){transition-delay:calc(var(--speed) * .25)}.hover-boxes-container [data-active=true] img{filter:grayscale(0) brightness(1);scale:1;transition-delay:calc(var(--speed) * .25)}.hover-boxes-container article{width:calc(var(--article-width) * 1px);height:100%;position:absolute;top:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;gap:1rem;padding-inline:calc(var(--base) * .5 - 9px);padding-bottom:1rem;overflow:hidden;transform:translateZ(0);will-change:transform;.hoverBoxTitle{position:absolute;top:1rem;left:calc(var(--base) * .5);transform-origin:0 50%;rotate:90deg;font-size:1rem;font-weight:300;text-transform:uppercase;z-index:1}svg{width:18px;height:24px;fill:none}p,svg{position:relative;z-index:1}p{text-wrap:balance;line-height:1.25;--opacity:0.8}.hoverBoxesLink Button,a{position:absolute;bottom:1rem;height:18px;line-height:1;color:inherit;z-index:1;&:is(:focus-visible,:hover){outline:none;span{text-decoration:underline;text-underline-offset:4px}}.hoverBoxesLink span,span{display:inline-block;line-height:18px;font-weight:500;cursor:pointer;translate:none}}img{position:absolute;pointer-events:none;inset:0;width:100%;height:100%;object-fit:cover;mask:radial-gradient(100% 100% at 100% 0,var(--background),#0000);z-index:0}}:root{--gap:8px;--base:clamp(2rem,8cqi,80px);--easing:linear(0 0%,0.1538 4.09%,0.2926 8.29%,0.4173 12.63%,0.5282 17.12%,0.6255 21.77%,0.7099 26.61%,0.782 31.67%,0.8425 37%,0.8887 42.23%,0.9257 47.79%,0.9543 53.78%,0.9752 60.32%,0.9883 67.11%,0.9961 75%,1 100%);--speed:0.6s}.hover-boxes-container .grid-transition-container{display:grid;container-type:inline-size;grid-template-columns:10fr 1fr 1fr 1fr 1fr 1fr 1fr;gap:var(--gap);list-style-type:none;justify-content:center;padding:0;height:clamp(300px,40dvh,474px);margin:0;width:calc(((var(--items) - 1) * var(--base)) + ((var(--items) - 1) * var(--gap)) + var(--ideal));max-width:calc(100% - 4rem);transition:grid-template-columns var(--speed) var(--easing);transform:translateZ(0);will-change:grid-template-columns;@media (max-width:767px){grid-template-columns:1fr;grid-template-rows:repeat(7,1fr);height:auto;max-height:none;width:100%;max-width:100%;gap:12px;transition:grid-template-rows var(--speed) var(--easing);will-change:grid-template-rows;position:relative;contain:layout style;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}}@media (max-width:767px){.hover-boxes-container{contain:layout style}.hover-boxes-container .grid-transition-container{min-height:682px;contain:layout paint style size}.hover-boxes-container li{transform:translateZ(0);will-change:transform,height;transition:transform var(--speed) var(--easing),height var(--speed) var(--easing)}.hover-boxes-container article div,.hover-boxes-container article p,.hover-boxes-container li[data-active=false] article{transition:opacity var(--speed) var(--easing)}}.hover-boxes-container li{background:var(--background);position:relative;overflow:hidden;min-width:var(--base);border-radius:8px;border:1px solid color-mix(in hsl,canvas,canvasText 50%);transform:translateZ(0);backface-visibility:hidden;transform-style:preserve-3d;transition:height var(--speed) var(--easing);@media (max-width:767px){min-width:0;height:60px;display:flex;align-items:center;transition:height var(--speed) var(--easing)}}@media (max-width:767px){.hover-boxes-container article img{z-index:0}.hover-boxes-container article .hoverBoxTitle,.hover-boxes-container article div,.hover-boxes-container article p,.hover-boxes-container article svg{z-index:1}.hover-boxes-container li:not([data-active=true]) article p{opacity:0!important;transition:none!important}.hover-boxes-container article{width:100%;padding-inline:1rem;padding-bottom:0;display:flex;flex-direction:row;align-items:center;position:absolute;height:100%;top:0;left:0;transition:all var(--speed) var(--easing);will-change:transform,opacity;transform:translateZ(0)}.hover-boxes-container article svg{position:relative;width:20px;height:20px;opacity:1}.hover-boxes-container article .hoverBoxTitle{position:relative;top:0;left:0;rotate:0deg;transform-origin:initial;margin:0;text-align:left;opacity:1;width:auto;font-weight:400}.hover-boxes-container [data-active=true]{height:250px;z-index:1;transition:height var(--speed) var(--easing)}.hover-boxes-container [data-active=true] article{flex-direction:column;align-items:flex-start;justify-content:center;height:100%;transition:height var(--speed) var(--easing),flex-direction var(--speed) var(--easing),align-items var(--speed) var(--easing)}.hover-boxes-container [data-active=true] article .hoverBoxesLink{position:relative;bottom:auto;left:auto;margin-bottom:0;margin-left:0;display:flex;align-items:center;span{margin-left:-.5rem}}.hover-boxes-container li p{padding-top:1rem;padding-bottom:.5rem;opacity:0;width:100%;transition:opacity .1s ease-out!important}.hover-boxes-container [data-active=true] p{opacity:.8;transition:opacity var(--speed) var(--easing)!important}.hover-boxes-container li:not([data-active=true]) article .hoverBoxesLink,.hover-boxes-container li:not([data-active=true]) article a,.hover-boxes-container li:not([data-active=true]) article button{pointer-events:none}}}@layer base{.hover-boxes-container :root{--font-size-min:16;--font-size-max:20;--font-ratio-min:1.2;--font-ratio-max:1.33;--font-width-min:375;--font-width-max:1500}html{color-scheme:light dark}[data-theme=light]{color-scheme:light only}[data-theme=dark]{color-scheme:dark only}:where(.fluid){--fluid-min:calc(var(--font-size-min) * pow(var(--font-ratio-min), var(--font-level, 0)));--fluid-max:calc(var(--font-size-max) * pow(var(--font-ratio-max), var(--font-level, 0)));--fluid-preferred:calc((var(--fluid-max) - var(--fluid-min)) / (var(--font-width-max) - var(--font-width-min)));--fluid-type:clamp((var(--fluid-min)/16) * 1rem,((var(--fluid-min)/16) * 1rem) - (((var(--fluid-preferred) * var(--font-width-min))/16) * 1rem) + (var(--fluid-preferred) * var(--variable-unit,100vi)),(var(--fluid-max)/16) * 1rem);font-size:var(--fluid-type)}*,:after,:before{box-sizing:border-box}}