/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
 @layer properties{
     @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){
         *,:before,:after,::backdrop{
             --tw-translate-x:0;
             --tw-translate-y:0;
             --tw-translate-z:0;
             --tw-rotate-x:initial;
             --tw-rotate-y:initial;
             --tw-rotate-z:initial;
             --tw-skew-x:initial;
             --tw-skew-y:initial;
             --tw-border-style:solid;
             --tw-leading:initial;
             --tw-font-weight:initial;
             --tw-blur:initial;
             --tw-brightness:initial;
             --tw-contrast:initial;
             --tw-grayscale:initial;
             --tw-hue-rotate:initial;
             --tw-invert:initial;
             --tw-opacity:initial;
             --tw-saturate:initial;
             --tw-sepia:initial;
             --tw-drop-shadow:initial;
             --tw-drop-shadow-color:initial;
             --tw-drop-shadow-alpha:100%;
             --tw-drop-shadow-size:initial;
             --tw-ease:initial;
             --tw-text-shadow-color:initial;
             --tw-text-shadow-alpha:100%;
             --tw-content:"" 
        }
    }
}
 @layer theme{
     :root,:host{
         --font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
         --font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
         --color-amber-100:oklch(96.2% .059 95.617);
         --color-amber-950:oklch(27.9% .077 45.635);
         --color-neutral-100:oklch(97% 0 0);
         --color-neutral-900:oklch(20.5% 0 0);
         --color-black:#000;
         --color-white:#fff;
         --spacing:.25rem;
         --container-sm:24rem;
         --container-lg:32rem;
         --container-xl:36rem;
         --container-2xl:42rem;
         --text-lg:1.125rem;
         --text-lg--line-height:calc(1.75/1.125);
         --text-xl:1.25rem;
         --text-xl--line-height:calc(1.75/1.25);
         --text-2xl:1.5rem;
         --text-2xl--line-height:calc(2/1.5);
         --text-3xl:1.875rem;
         --text-3xl--line-height: 1.2 ;
         --text-4xl:2.25rem;
         --text-4xl--line-height:calc(2.5/2.25);
         --text-6xl:3.75rem;
         --text-6xl--line-height:1;
         --font-weight-thin:100;
         --font-weight-bold:700;
         --ease-in:cubic-bezier(.4,0,1,1);
         --ease-out:cubic-bezier(0,0,.2,1);
         --ease-in-out:cubic-bezier(.4,0,.2,1);
         --default-font-family:var(--font-sans);
         --default-mono-font-family:var(--font-mono) 
    }
}
 @layer base{
     *,:after,:before,::backdrop{
         box-sizing:border-box;
         border:0 solid;
         margin:0;
         padding:0 
    }
     ::file-selector-button{
         box-sizing:border-box;
         border:0 solid;
         margin:0;
         padding:0 
    }
     html,:host{
         -webkit-text-size-adjust:100%;
         tab-size:4;
         line-height:1.5;
         font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");
         font-feature-settings:var(--default-font-feature-settings,normal);
         font-variation-settings:var(--default-font-variation-settings,normal);
         -webkit-tap-highlight-color:transparent 
    }
     hr{
         height:0;
         color:inherit;
         border-top-width:1px 
    }
     abbr:where([title]){
         -webkit-text-decoration:underline dotted;
         text-decoration:underline dotted 
    }
     h1,h2,h3,h4,h5,h6{
         font-size:inherit;
         /* font-weight:inherit  */
    }
     a{
         color:inherit;
         -webkit-text-decoration:inherit;
         text-decoration:inherit 
    }
     b,strong{
         font-weight:bolder 
    }
     code,kbd,samp,pre{
         font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);
         font-feature-settings:var(--default-mono-font-feature-settings,normal);
         font-variation-settings:var(--default-mono-font-variation-settings,normal);
         font-size:1em 
    }
     small{
         font-size:80% 
    }
     sub,sup{
         vertical-align:baseline;
         font-size:75%;
         line-height:0;
         position:relative 
    }
     sub{
         bottom:-.25em 
    }
     sup{
         top:-.5em 
    }
     table{
         text-indent:0;
         border-color:inherit;
         border-collapse:collapse 
    }
     :-moz-focusring{
         outline:auto 
    }
     progress{
         vertical-align:baseline 
    }
     summary{
         display:list-item 
    }
     ol,ul,menu{
         list-style:none 
    }
     img,svg,video,canvas,audio,iframe,embed,object{
         vertical-align:middle;
         display:block 
    }
     img,video{
         max-width:100%;
         height:auto 
    }
     button,input,select,optgroup,textarea{
         font:inherit;
         font-feature-settings:inherit;
         font-variation-settings:inherit;
         letter-spacing:inherit;
         color:inherit;
         opacity:1;
         background-color:#0000;
         border-radius:0 
    }
     ::file-selector-button{
         font:inherit;
         font-feature-settings:inherit;
         font-variation-settings:inherit;
         letter-spacing:inherit;
         color:inherit;
         opacity:1;
         background-color:#0000;
         border-radius:0 
    }
     :where(select:is([multiple],[size])) optgroup{
         font-weight:bolder 
    }
     :where(select:is([multiple],[size])) optgroup option{
         padding-inline-start:20px 
    }
     ::file-selector-button{
         margin-inline-end:4px 
    }
     ::placeholder{
         opacity:1 
    }
     @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){
         ::placeholder{
             color:currentColor 
        }
         @supports (color:color-mix(in lab,red,red)){
             ::placeholder{
                 color:color-mix(in oklab,currentcolor 50%,transparent) 
            }
        }
    }
     textarea{
         resize:vertical 
    }
     ::-webkit-search-decoration{
         -webkit-appearance:none 
    }
     ::-webkit-date-and-time-value{
         min-height:1lh;
         text-align:inherit 
    }
     ::-webkit-datetime-edit{
         display:inline-flex 
    }
     ::-webkit-datetime-edit-fields-wrapper{
         padding:0 
    }
     ::-webkit-datetime-edit{
         padding-block:0 
    }
     ::-webkit-datetime-edit-year-field{
         padding-block:0 
    }
     ::-webkit-datetime-edit-month-field{
         padding-block:0 
    }
     ::-webkit-datetime-edit-day-field{
         padding-block:0 
    }
     ::-webkit-datetime-edit-hour-field{
         padding-block:0 
    }
     ::-webkit-datetime-edit-minute-field{
         padding-block:0 
    }
     ::-webkit-datetime-edit-second-field{
         padding-block:0 
    }
     ::-webkit-datetime-edit-millisecond-field{
         padding-block:0 
    }
     ::-webkit-datetime-edit-meridiem-field{
         padding-block:0 
    }
     :-moz-ui-invalid{
         box-shadow:none 
    }
     button,input:where([type=button],[type=reset],[type=submit]){
         appearance:button 
    }
     ::file-selector-button{
         appearance:button 
    }
     ::-webkit-inner-spin-button{
         height:auto 
    }
     ::-webkit-outer-spin-button{
         height:auto 
    }
     [hidden]:where(:not([hidden=until-found])){
         display:none!important 
    }
}
 @layer components;
 @layer utilities{
     .pointer-events-none{
         pointer-events:none 
    }
     .visible{
         visibility:visible 
    }
     .absolute{
         position:absolute 
    }
     .fixed{
         position:fixed 
    }
     .relative{
         position:relative 
    }
     .static{
         position:static 
    }
     .sticky{
         position:sticky 
    }
     .top-0{
         top:calc(var(--spacing)*0) 
    }
     .top-1{
         top:calc(var(--spacing)*1) 
    }
     .-right-\[22px\]{
         right:-22px 
    }
     .bottom-0{
         bottom:calc(var(--spacing)*0) 
    }
     .-left-6{
         left:calc(var(--spacing)*-6) 
    }
     .-left-\[20px\]{
         left:-20px 
    }
     .left-0{
         left:calc(var(--spacing)*0) 
    }
     .-z-10{
         z-index:-10 
    }
     .z-10{
         z-index:10 
    }
     .container{
         width:100% 
    }
     @media (min-width:40rem){
         .container{
             max-width:40rem 
        }
    }
     @media (min-width:48rem){
         .container{
             max-width:48rem 
        }
    }
     @media (min-width:64rem){
         .container{
             max-width:64rem 
        }
    }
     @media (min-width:80rem){
         .container{
             max-width:80rem 
        }
    }
     @media (min-width:96rem){
         .container{
             max-width:96rem 
        }
    }
     .m-auto{
         margin:auto 
    }
     .mx-auto{
         margin-inline:auto 
    }
     .mt-32{
         margin-top:calc(var(--spacing)*32) 
    }
     .mr-1{
         margin-right:calc(var(--spacing)*1) 
    }
     .mb-2{
         margin-bottom:calc(var(--spacing)*2) 
    }
     .mb-4{
         margin-bottom:calc(var(--spacing)*4) 
    }
     .mb-8{
         margin-bottom:calc(var(--spacing)*8) 
    }
     .mb-16{
         margin-bottom:calc(var(--spacing)*16) 
    }
     .block{
         display:block 
    }
     .flex{
         display:flex 
    }
     .hidden{
         display:none 
    }
     .aspect-square{
         aspect-ratio:1 
    }
     .h-2\.5{
         height:calc(var(--spacing)*2.5) 
    }
     .h-4{
         height:calc(var(--spacing)*4) 
    }
     .h-16{
         height:calc(var(--spacing)*16) 
    }
     .h-\[50vh\]{
         height:50vh 
    }
     .h-full{
         height:100% 
    }
     .h-screen{
         height:100vh 
    }
     .min-h-screen{
         min-height:100vh 
    }
     .w-0\.5{
         width:calc(var(--spacing)*.5) 
    }
     .w-2\.5{
         width:calc(var(--spacing)*2.5) 
    }
     .w-4{
         width:calc(var(--spacing)*4) 
    }
     .w-20{
         width:calc(var(--spacing)*20) 
    }
     .w-\[40\%\]{
         width:40% 
    }
     .w-\[60\%\]{
         width:60% 
    }
     .w-full{
         width:100% 
    }
     .max-w-2xl{
         max-width:var(--container-2xl) 
    }
     .max-w-lg{
         max-width:var(--container-lg) 
    }
     .max-w-sm{
         max-width:var(--container-sm) 
    }
     .max-w-xl{
         max-width:var(--container-xl) 
    }
     .flex-1{
         flex:1 
    }
     .-translate-y-1\/2{
         --tw-translate-y: -50% ;
         translate:var(--tw-translate-x)var(--tw-translate-y) 
    }
     .-translate-y-full{
         --tw-translate-y:-100%;
         translate:var(--tw-translate-x)var(--tw-translate-y) 
    }
     .transform{
         transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,) 
    }
     .resize{
         resize:both 
    }
     .list-inside{
         list-style-position:inside 
    }
     .list-disc{
         list-style-type:disc 
    }
     .flex-col{
         flex-direction:column 
    }
     .items-center{
         align-items:center 
    }
     .items-end{
         align-items:flex-end 
    }
     .justify-between{
         justify-content:space-between 
    }
     .justify-center{
         justify-content:center 
    }
     .justify-end{
         justify-content:flex-end 
    }
     .justify-start{
         justify-content:flex-start 
    }
     .gap-2{
         gap:calc(var(--spacing)*2) 
    }
     .gap-4{
         gap:calc(var(--spacing)*4) 
    }
     .gap-8{
         gap:calc(var(--spacing)*8) 
    }
     .overflow-x-hidden{
         overflow-x:hidden 
    }
     .rounded-full{
         border-radius:3.40282e38px 
    }
     .border{
         border-style:var(--tw-border-style);
         border-width:1px 
    }
     .bg-\[var\(--dark-gray\)\]{
         background-color:var(--dark-gray) 
    }
     .bg-\[var\(--gold\)\]{
         background-color:var(--gold) 
    }
     .bg-\[var\(--yellow\)\]{
         background-color:var(--yellow) 
    }
     .bg-amber-100\/10{
         background-color:#fef3c61a 
    }
     @supports (color:color-mix(in lab,red,red)){
         .bg-amber-100\/10{
             background-color:color-mix(in oklab,var(--color-amber-100)10%,transparent) 
        }
    }
     .bg-amber-950{
         background-color:var(--color-amber-950) 
    }
     .bg-black{
         background-color:var(--color-black) 
    }
     .bg-neutral-900{
         background-color:var(--color-neutral-900) 
    }
     .bg-white{
         background-color:var(--color-white) 
    }
     .bg-contain{
         background-size:contain 
    }
     .bg-cover{
         background-size:cover 
    }
     .bg-center{
         background-position:50% 
    }
     .bg-no-repeat{
         background-repeat:no-repeat 
    }
     .p-2{
         padding:calc(var(--spacing)*2) 
    }
     .p-4{
         padding:calc(var(--spacing)*4) 
    }
     .p-8{
         padding:calc(var(--spacing)*8) 
    }
     .p-16{
         padding:calc(var(--spacing)*16) 
    }
     .px-2{
         padding-inline:calc(var(--spacing)*2) 
    }
     .px-4{
         padding-inline:calc(var(--spacing)*4) 
    }
     .px-8{
         padding-inline:calc(var(--spacing)*8) 
    }
     .py-4{
         padding-block:calc(var(--spacing)*4) 
    }
     .py-8{
         padding-block:calc(var(--spacing)*8) 
    }
     .py-16{
         padding-block:calc(var(--spacing)*16) 
    }
     .pt-8{
         padding-top:calc(var(--spacing)*8) 
    }
     .pr-16{
         padding-right:calc(var(--spacing)*16) 
    }
     .pl-4{
         padding-left:calc(var(--spacing)*4) 
    }
     .text-center{
         text-align:center 
    }
     .text-right{
         text-align:right 
    }
     .text-2xl{
         font-size:var(--text-2xl);
         line-height:var(--tw-leading,var(--text-2xl--line-height)) 
    }
     .text-3xl{
         font-size:var(--text-3xl);
         line-height:var(--tw-leading,var(--text-3xl--line-height)) 
    }
     .text-4xl{
         font-size:var(--text-4xl);
         line-height:var(--tw-leading,var(--text-4xl--line-height)) 
    }
     .text-6xl{
         font-size:var(--text-6xl);
         line-height:var(--tw-leading,var(--text-6xl--line-height)) 
    }
     .text-lg{
         font-size:var(--text-lg);
         line-height:var(--tw-leading,var(--text-lg--line-height)) 
    }
     .text-xl{
         font-size:var(--text-xl);
         line-height:var(--tw-leading,var(--text-xl--line-height)) 
    }
     .leading-12{
         --tw-leading:calc(var(--spacing)*12);
         line-height:calc(var(--spacing)*12) 
    }
     .font-bold{
         --tw-font-weight:var(--font-weight-bold);
         font-weight:var(--font-weight-bold) 
    }
     .font-thin{
         --tw-font-weight:var(--font-weight-thin);
         font-weight:var(--font-weight-thin) 
    }
     .text-\[var\(--gold\)\]{
         color:var(--gold) 
    }
     .text-white{
         color:var(--color-white) 
    }
     .lowercase{
    }
     .underline{
         text-decoration-line:underline 
    }
     .opacity-0{
         opacity:0 
    }
     .filter{
         filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,) 
    }
     .ease-in{
         --tw-ease:var(--ease-in);
         transition-timing-function:var(--ease-in) 
    }
     .ease-in-out{
         --tw-ease:var(--ease-in-out);
         transition-timing-function:var(--ease-in-out) 
    }
     .ease-out{
         --tw-ease:var(--ease-out);
         transition-timing-function:var(--ease-out) 
    }
     .text-shadow-black\/50{
         --tw-text-shadow-color:#00000080 
    }
     @supports (color:color-mix(in lab,red,red)){
         .text-shadow-black\/50{
             --tw-text-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-black)50%,transparent)var(--tw-text-shadow-alpha),transparent) 
        }
    }
     .text-shadow-md{
         text-shadow:0px 1px 1px var(--tw-text-shadow-color,#0000001a),0px 1px 2px var(--tw-text-shadow-color,#0000001a),0px 2px 4px var(--tw-text-shadow-color,#0000001a) 
    }
     .after\:top-0:after{
         content:var(--tw-content);
         top:calc(var(--spacing)*0) 
    }
     .after\:bottom-0:after{
         content:var(--tw-content);
         bottom:calc(var(--spacing)*0) 
    }
     .after\:left-0:after{
         content:var(--tw-content);
         left:calc(var(--spacing)*0) 
    }
     .after\:left-\[40\%\]:after{
         content:var(--tw-content);
         left:40% 
    }
     .after\:h-\[75\%\]:after{
         content:var(--tw-content);
         height:75% 
    }
     .after\:h-full:after{
         content:var(--tw-content);
         height:100% 
    }
     .after\:bg-\[var\(--gold\)\]:after{
         content:var(--tw-content);
         background-color:var(--gold) 
    }
     .after\:bg-black:after{
         content:var(--tw-content);
         background-color:var(--color-black) 
    }
     .after\:bg-neutral-100:after{
         content:var(--tw-content);
         background-color:var(--color-neutral-100) 
    }
     @media (min-width:40rem){
         .sm\:truncate{
             text-overflow:ellipsis;
             white-space:nowrap;
             overflow:hidden 
        }
    }
     @media (min-width:48rem){
         .md\:m-0{
             margin:calc(var(--spacing)*0) 
        }
         .md\:max-w-none{
             max-width:none 
        }
         .md\:flex-row{
             flex-direction:row 
        }
         .md\:pt-16{
             padding-top:calc(var(--spacing)*16) 
        }
    }
     @media (min-width:64rem){
         .lg\:hidden{
             display:none 
        }
         .lg\:flex-row{
             flex-direction:row 
        }
         .lg\:items-center{
             align-items:center 
        }
         .lg\:gap-8{
             gap:calc(var(--spacing)*8) 
        }
         .lg\:py-64{
             padding-block:calc(var(--spacing)*64) 
        }
    }
}
 :root{
     --white:#fff;
     --light-gray:#ccc;
     --lighter-gray:#e0e0e0;
     --very-light-gray:#f5f5f5;
     --black:#000;
     --dark-gray:#333;
     --darker-gray:#666;
     --darker-textgray:#626262;
     --very-dark-gray:#999;
     --gold:#b68e4d;
     --yellow:#fdbd1f;
     --blue:#107195;
     --CTAblue:#4d66ff;
     --greyBG:#f5f5f5;
     --font-size-small:.75rem;
     --font-size-medium:1rem;
     --font-size-medium-plus:1.125rem;
     --font-size-semi-large:1.25rem;
     --font-size-large:1.5rem;
     --font-size-xlarge:2.375rem;
     --font-size-subtext:.875rem;
     --font-size-body:1rem;
     --font-size-button:1rem;
     --font-size-h3:1.5rem;
     --font-size-h2:2rem;
     --font-size-h1:2.5rem;
     --line-height-body:1.6;
     --polaroid-height:480px 
}
 body{
     background-color:var(--greyBG);
     margin:0;
     padding:0;
     font-family:Open Sans,sans-serif 
}
 a{
     color:inherit;
     text-decoration:none 
}
 img{
     max-width:100%;
     height:auto 
}
 button{
     text-transform:none;
     background-color:#0000;
     border:none;
     margin:0;
     padding:0 
}
.confetti-button {
	min-width: 256px;
}
.title-lu {
	font-size:3rem;
}
 .block{
     display:block 
}
 .em{
     color:#daa520;
     margin-bottom:.25rem;
     font-weight:700 
}
 .absolute{
     position:absolute 
}
 .relative{
     position:relative 
}
 *,:before,:after{
     box-sizing:border-box 
}
 .jpo-icon{
     width:64px;
     height:64px 
}
 .hero-container{
     background-image:url(../img/webp/bg_hero.webp);
     background-position:50%;
     background-size:cover;
     flex-direction:column;
     height:100dvh;
     display:flex;
     position:relative;
     overflow:hidden 
}
 .hero-container h2{
     text-transform:uppercase;
     text-shadow:1px 0 8px #0006;
     font-size:6rem;
     font-weight:700 
}
 .hero-container h3{
     font-size:2rem;
     font-weight:lighter 
}
 .hero-main{
     flex-direction:column;
     justify-content:center;
     gap:2rem;
     width:100%;
     display:flex;
     position:relative;
	 margin-bottom:4rem;
}
 .hero-head{
     flex-direction:column;
     gap:1rem;
     display:flex;
	
}
 .polaroid{
     right:0;
     top:calc(40% - var(--polaroid-height)/2);
     color:#000;
     transition-property:rotate translate opacity;
     background-color:#fff;
     transition-duration:.2s;
     transition-timing-function:cubic-bezier(.16,1,.3,1);
     position:absolute;
     box-shadow:0 3px 8px #0000003d 
}
 .polaroid img{
     aspect-ratio:1;
     margin:20px 20px 0 
}
 .polaroid-content{
     aspect-ratio:8/10;
     height:var(--polaroid-height);
     mix-blend-mode:multiply;
     background-image:url(data:image/jpeg;
     base64,/9j/4AAQSkZJRgABAQAAAQABAAD/4gIoSUNDX1BST0ZJTEUAAQEAAAIYAAAAAAIQAABtbnRyUkdCIFhZWiAAAAAAAAAAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAAHRyWFlaAAABZAAAABRnWFlaAAABeAAAABRiWFlaAAABjAAAABRyVFJDAAABoAAAAChnVFJDAAABoAAAAChiVFJDAAABoAAAACh3dHB0AAAByAAAABRjcHJ0AAAB3AAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAFgAAAAcAHMAUgBHAEIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFhZWiAAAAAAAABvogAAOPUAAAOQWFlaIAAAAAAAAGKZAAC3hQAAGNpYWVogAAAAAAAAJKAAAA+EAAC2z3BhcmEAAAAAAAQAAAACZmYAAPKnAAANWQAAE9AAAApbAAAAAAAAAABYWVogAAAAAAAA9tYAAQAAAADTLW1sdWMAAAAAAAAAAQAAAAxlblVTAAAAIAAAABwARwBvAG8AZwBsAGUAIABJAG4AYwAuACAAMgAwADEANv/bAEMAEAsMDgwKEA4NDhIREBMYKBoYFhYYMSMlHSg6Mz08OTM4N0BIXE5ARFdFNzhQbVFXX2JnaGc+TXF5cGR4XGVnY//bAEMBERISGBUYLxoaL2NCOEJjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY//AABEIAfQB9AMBIgACEQEDEQH/xAAYAAEBAQEBAAAAAAAAAAAAAAAAAQIDBv/EACoQAQACAwACAwACAgIDAAMAAAABESExQVFhAnGBEqGRsSLBAzJCE9Hw/8QAFQEBAQAAAAAAAAAAAAAAAAAAAAH/xAAUEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwD3UzhFNooTgKAvKaWYlPsBqNM58KCz8coRJIG0zC/RHsCJnpH2sRcpIFeAySB+pMzCxFQlf2Bdagzi1S8gTOajKwc0gE6IWAAI/soEP0k0BWdGT7KAln4zPfLVVo8gqLAAABRsAM6NF0AmvayGOgmMkLQBOEqmkngAHQEWaLA+OdnkiidgFn6YAso4RoCKXiUsQBpJ+X8bmTgBeCrIvwk79goWAR7DhFAXw9k1IBN0EmcAbioJCQBDQKkzi9k5gz+QCxdRaVksmaBbL/yk+1j7BNcWIvZB0D2n2tVBVwBEpO9L5M8BJhYJSq2BKkaQDZUQZpbj9A8CbUEoifSwb0CRFzazHjaGbAzUKWUCSuj0TcgCVJIKkxEiZxj7BrqbuDs1BEgvTJsrAJP2p36SZ9gvtKLpImZ+NzFSDSVaZlcyC/RZoAInJSa0DXElPS6qAJ8BdpfoF1J9FkZ0BfsTIC8ExdSRAESWqVnQFYXRJAAf6SIryCnQ9gUlzrpOFkE0UnymY9tV5BFupZ6tRgF5gxsoqAWpRc9SKAiKjdr1OEgTOU9rXTHQT4qkrUz0EWg8gEkScBLkWfbPbBrglrdgkYW0vJ7A96XKE3YBEJrDP/k+Xz+P8f8A8fxj5ZqbnUA6fSRtZ0kaA3o/jS/zmsUlzMgLtNlgv2IdBUuztl+gKJmfBcaJ0BmYmpqUi4iLm5g54UF4k60R6WwZmP5LU1srGDOvALoiD9MyBeE1NnV8gVexIvk0AVe1ym+fsrGwLPuSzmgEmMLEGtAl0E1OFrkgARPkElI1W5awYBPxZ1kS4maBJWMXYRjYKtpfsiYA+iCZqNICyzHyv5THgiSpmd0C2HdlAcXCXUnAXhgQDSpMzg/oDJ9kxfV0CL7SJii8Asn2zcTMxnG14Bo2Ykr9Aq89IwZiToF4NQcwY6AQGgPcH0SV/kCwxMcJsDtWSkR8Y+UzG52tVsCIWNJH0AT9AY1ILzCXkknxwF/E4RiKWcAnpb4ViknYKkbnInw+EfGMfYNAAJGlygLOWYu2oq7T6AlY0SkZ9Av9iALGU3te+jAG0WvCTiL2C0hcriwEnKzoBmZ2sXuf8FH/AEBeVmuItAlbKWqTQLVkpk2AkxcTC8sArKZid/i3nZHyuQJO+V2gEx0MmQNBWSgSdUZ0fS/oJ6WjSAsWTRxLyCp+EzfCJsFvPoiJLyc2BlIu7nXhSQNHdfpgugI2TCmAZzS64RHkjEAQd0RPgmQVJuIxSxmD7BK9rqBPsFtJUBO6wuEhdYAyEznYCRmSaIzUmY2C8S4L4Z9As+0iY4t2z/GIm4Bdmlnwf6ARazsqugJszK7gADgLaBGbAjSEXkrAAetEApeTMJHkC8ZOrPpN7AXhVJOvsFgukqzHQLzgqysgHs6XJYKJuCwJwlE3WloCYuAOASkrKa9gFZVJAIWo10/QP1M+TcwvoDEQfHUXtJ9lyChiCIrXQXFGNJeCgJojEKm9AZL8klxWwIgj7I2fQLMpBF9IxGwCdk+iALgZ+Xy/jNfxmfoBqFZ4uvjQKkbMkRW5Bele09rfANIs+ksCJg79oYu6BfljC/6MUToC6T2SfGf5RgCNrBSRFXkFn0kx2ZW4ScgVEaycOLygOJlTIJM1GgxM30AUjACI1VdTtAVZ6S6+X8erfkBL9LhP438v5eNAusFLYCUZgrABuE00l4BFiMbNwATAhX+QMxvazKarG1n0CZmYlb8p6P0FvoaiiZrNAkz9QsTcJMxFY2tf4AA6Au4Ts3KgcriVn/S7jKXOrwAZLNYAqf7J0t5QCF7ae14CYnOQqZ6Af9kR5LyTF9A6Rkm6QFmJojRmyAAZ+XyiPiDUTBWWYrxxqAVOKegSdl1GFTGwVJSJicxKgBG4J3jQFXIQvJA4Qk+lj2BLLRoCMSl5VPVAqUvNJfgAnftcoBVX7mzCzPlkGhAFZn43NrPoicAdBLBen2kxpf6AF8JMx+gSd0kXcWoGhJmZyvAFjLNHQX5fKImPj2S0rNSv8eQBJOjlKDM2sXsmPazAEpROOgFKlqCF+jUHsEiJmczhS5s3NgVMhMzYCzVEJEYAWftJ1guUufILVbILOZA7lPl8YmMwtx+EglUvCyJmANwkzlZMRILElJGSfPQZj4+qaiFLBNFzBeVq9ghlaASU+NxFSvJW5gESPSwARdqWgFpPpelAkZWdFY9lewLmdH4SoId0VldAzMxGU/ln0sxmUiKigaMbZiJmGoj/ACAYo/CgDZOCdAUrObhroJB2VSQInKyUdAqggoC70mbxK1gmIBFnKaJ0Cp4Mx7ImwCcV0mcaPoDZuLJvRVAuPJEVMpE48FgtQJV9AVAvgH6lx/Kur/g/2BRGhn+dTGMyDVLWBMyAE7IBf/o2ndKCdWj7SZj4wC5Op/L0v2AVg0kTfoFonREp8o/yBSwRgj2BMJC2V2ATq7OeDEdBDmRYAg4E2CbXUJGFkEjwswe9J+gfxSv8LdTkm7xoCCivE5WsZAgqpxITIJMwXeoTGaWAF9JuqM9BU7RcSRNgsTxeoATXgxJfEsFidkRRg+tAUf6In0SAnMH0ZAiahWZUBZ8FwgGiJnRBYFSG9AEFZ4fhQAdAOaPwWIrYF4T2vSYBJKySVgGsVGSmYztb9gWzMzetrJYJRnBvOWtewIv8Ozov0Ac8kXUi5BP7I2XlZBAJA/8AbMpVCglpctVmzQJZPjZUSVUAfapxY9gX5TFaWaJqARaO6TYLErNVtnpc+AXciVm+yAWROCJwVupA0t0zG2vwEmLWLiaKpAKW/SLYJ+L9Qf7SZzkFvCfRJGLA5gyfZ0EjzS3hM3uFjQJPCV0dBIaZ+V3ERqdz4WLAsmLuLqJTWl1FyBEBr2AsaEKBeCALGC5EBUkAD6KwQBREZtawgFZOeiZqEv0CxEQR7ItQNqExwE3oI8JMzQLJxJ0fG6yC1SpeSAKzals/KLirBZsjPABO0smbO1QJapK8BNKJ3ILM+WZuZumqiyosEic6Wcp4UEu8eCdKmASFqpIjys/YJi11pOL0CZTPAmQXpN6S6+wDEG8k4AIvqpeajKgk6S8riTABj7TM6k8gV6WIuC8EgFwHMgaVNnaBRLmACyI9lmLAhY8koBU36NnZXQAT7QC1Tq6gEz0DICZrEKALE3CVZX/KLBa8EBNgteE+9LESmfwDJOjckQBWQnEXouf8gkwYiNLiwE10/QoF9pWSF2AhOcLQGLpKKtZBKqDa+EjYF+SMRVkzmivYKmllMATEFWAKzbd1iWa87BKrJvZMYyRHsBfw4YAjZXkv0V2QPw4AFe8pHJU2BOtFG5PYBXg/D9yB5wBm5As6V5kAFiZAQ2sEbBmJn+VcaqhL2CTM8zK1cl1pZBPvQAKkzGbXiT9AsGCIAScyUuJSMSBrTUY3tKgBZzZ0SZyB1aqEnXssCNFXiytEwC74FZQD8LrZE4KzkA4LYJ/tLUACTYF2YtOrYGz7Sq0TILO0nMeVSIqbAX8OZL9AlL7EiMAczs4TvKgM3ylWqqQKwcJIkEJ0dnxwsDuUXiTGLAiZkSZW9UCxlepUwtghubLAPRGydmZ4BGTRm1BAmZAIxGViYmLtO7XEgVhOBvyC4QnELAJGIytaykxJHgF+z0kTwmagFykLd6I2CVQ19pO8gLRUSZBN6I2sgEe5DhQEf0nCa0VYKkLBsELI2dALyt2gB6I15WASidSvEjIKlZ8k3EAKnV9pUAkLEFZAEzpZjwAJdYJvwAseEtUASl3BzIEZNn/9hQSir+lxaTvAHU+UR3S8KuQI0sp6MRIGozJvC8SK8gV5KJ9HgC1r2V/aAtkpjiyDP8c7FufAC8ABFSMqB1PSpEAUVJZYCVE5X7SQWFSrauKAOHZhInAEzjEZS5va5KAX6SY0VNgRfYOkb2ajAExcTCxhPS8AjBZWQCiZrclp97A/lHIM/SL0CFZztbAnzMmoLzg+wXic8hdAXCTjS3gAmLmDa4S6oCilnTN8BZpLqF4n0C/RH2cSPIEmaUBOYKS8+mpnIJzQWX5AU4UBLM34tdSRdyBuSIrULwiYBFE6Ap1MgdwV7S5uowsUC/YAG/RiigE9CgEFUk8rS73IFJ0wsawBoonVJjcyCkUkr9xgAibiPZYB0nFJrS2BZcxH2bi4SrreAaSdrmEoCryXgrGCgIiZm7POT9JiPlFckCsHQicx5Aick5J2nysFgIWIsGamNLJs/QNey/RHou/oA6TMpGYBfs6m1yCZFkm6xgE3Jc2VNLUgn+yvMGer6ADGgDFAcAxZQAkf6OrCAk/8p9LR6UCkhSASiPqlT7BYwQdPqQCKvQAkTQUAvVZvC/7AIuiwCSsBwCiCZzQCbnJMXzBlYAtIi88WgCOpE2uCsAVeiDRYHougwAETteAe00tpwD6I8l2c9AQhFwsayBVwYoP0Di2nQCSIms1ZwsDlnuUu1BLM6IytxEZBUvyQTPkEmahYMJINcT2kfHN2sgWnScgHS+LdJ0FhPc4CfcAkTOfC/pEyUC6Np0A6qbkBbjyJg3sF6JlYnoIsQkzMRdXJH85zNR6gFVL9JsFz4gSQFiJ0VktIu/QLBSWTOAXQll5yC3GpJ8cPo/ACSZiPSAbInK36WKr2BcXpJ9Km40BGCrCgJnBF0qdAs5JGF9gz/wBLNrcE0CRkrOyI6UBM0cPoAzdSToyVEyB+hGqAT60aP06CxmSSJgASaWc8oAg/U+lBOz9KSgLnwn2RNRFkgtxKfREFV8pmwX7SS7X7BNkUqdAlUjYB+J6hq4TAExmzB+KCcI/pd6TxsF+kr2Ws10DZn8En9BbydzKAJXiRuKrQCJMdsj3lQTKeMLn8MRjcgT6KnpaTOQWBU6BefKynSQVKi9LwrwC5QAWI9my0xIB7KyaADYBJkLuZ9AZ7MUYLgBNQsQKBpLEBepe14TgD2kZ4ezYL0n0nT5TNYnIL6T6VNgfhcm5PIBoIiZjYJM1y1/A4B+nomMkewMURckrreQTEC/jM89gp+kaSZn+dRGJjYLWdn0aAX9JjwkWoIs4MJPoDBNABfoySSAWukq89BJkWYgBQpP0CYsnRC+gSI4vMCdiAL8rG64lL6ATBEVNx4AW0ze8eCJw1YITkmzNZAM82YMyCpM4XSbAo+wAn0Wd9GKBIm5qv8qcSZBZlJkxxdAXU/ZhLa4CTCE+kmsA1sxZBIIXiMH4XFZwCpien9FR/kFmvKFR1QS7rq2n1BFeAJiib4TUr0EjYY6fQEwEZ6sRAJErMp+E5mAOleyJgyC14SFTQKcTseC/YLWCDxCTXkFyzNx8Zmrpam7UGYmJi8tVe0nBsA2qegXAlWAoTpP4guQiUyC/7KEA92Telq0qIBPjcRXy20QSCU1GtpMnAW/CTlJ8QRsF/UamMJOgTKkQvsE/U4TMzrRe/QELpIi5WpAjPDBlL8gs4QhayCZ5RZK9ACi40BSLuEzwFx0pI0YsFmpSfRCgl+V/ErK/QIL9GoBNzhdJJVgs+xIjSgmKwe5VOgsprReFBmM7wq37I3oEz/KJvHhSwEi1xHDp5A1GkleG9AkWs6JQFs/Dp4BOqntfFABoBIXuyAATK3cWCTJ6UiPYGkmBbAuqicWtIAi2SmgXtnSkzU8kFsvNbiSCgUlFmJzWJBJKPjP8Axj+UZJ+wSLj2s+zhvoEJG1wARsuy68lAbErNrfsCUql+U1FzpJi4sFjB20uQF+0Jj2fYFkTPJJqCsAk59tRBGcJExM3H6Af/AEsmwSFgwAkroQBYi0WATSzVJM3giaBI+MfH4xEaahOnQVNLwBN7VJoAzeYwtVo4VkEz+LsxwmALS1J0Cs/SpQJEfyi5kXQCpqVjZwD8SifR0F9mfBf9JE+AUuy6nKe6Bf6RSwSqzC7OmcgQbSlgDBWTEgEwqRnaglGiu2TIBBxdTAEG5TU5JkCjWiADN+jpZsCc4IniynKoE0WoAntcpMX8QO5hdCAt+E/jETdbW0sFiDESahAW9whnP9KAJJILGUn3tUjYKkQt8SJv0BMTxZwkzUXaxNxcgRoMcIBO+1gqumsgE6KAJpRmd+gWUUrOQScaWsqUCBN2AfocKkA/DN4NAndrCSoEwYpP07EgpwWAQnR0nQEXHTcyJEZuwWg1mTUAe1n0kXRUXjoLOY8IZ0cAj2uk/SZiPjMzIBFakm+GwT6NEf0u7A+xJ1lfABOcJnsFeJBZymeyqApPBIvQKmKWv8pVgk4Wd5FwCEX/APUUXxI1iQa1IzOIyoLxnO4pZPqATu1g/jmyoAnRQuPFAz8ovHhqNphQSIyLHgAiC03C3wFz4OJGsWfoF5J0T5TINSbT6AM0e5LgmLAiBMgLmgoAMVhInJM5AnPTC1jwAh7PonoLOTqRmQCcLMxqSUnQLOBOkR2wWO5PSSuwI1pYwno0CySl2oCVk9FREATw4T9kAJv0s7NAkreBIyCwkTS3lMAXwXGyQRbRazUAl4Im0mJx/KMrGKAXSKCV5k4TZoDJeF2YBMGiYxg5mALz5KvJBFfGIjgKWmyZBeYTMbJmjoL02zcxPpYm8AseEX6MAi7kovIAdTUAuD0n0Zr2CxXCwAoMgFGVQCKNmCKAIPRV9BKmyImyIqVArnhPZMHALWrSJnwvAJiziTeCJ/QUsrACp1ZxxKiQJtIJuv8A9EYBqE6duT7A3Bw+yZArIV1NAuxIyvQT2fRrQBGJN2sa9kTYE4mvJE0hXsGvl8v5MTteZhMTILCTPy/lFapdY6s0Celwlk6Amag4UARc7igtfuQSME18vwkrGAFpPlfKv2fG6A1JXgW5BPXU/lXyiOqVmZrILB0TYKTmckwcyB9FWXSyCSk/y8NJO/sE+M8lazRm7ois+QKFqQE/6IktQTZPD8wbsCSrNFR0DWki+rSSB/HGLhfwwfQJM1Ho9tJM1mQT3EELafU5BZ8QsTxAGt4Sj9AQS5ulAJS85ImgL8nS56RmAWJ2WlqB+kJ0manPQM4pdn6lAsF5SCIzM3kCOxiFZmK/V0Afh3BFgQXsuoAO0TOMAAVrwX5LsDWgmPBroH+ztGSwCKgWYvYM/H5/GZqPlEy05x/4/hE/+tfTYG/xcnCASLXiX5UDKecLmcRooCM7JKN9AjVARVAuuwllWXjAH8vIWARo6T+lAXZMKzMzWNgsRZJETHxiygMkl0WBGIpP+1+iI8gTSb2seaJzwE6T6UBIxszK10nMAGyDoExaL+pYG6myCaUCsJSxk5kEnGjZwzYLCbMmQNhqAFyhdJH2CyWJXaoFpJmdQRNrAJEzO4qjG2oS8gFFHkD6KkOApNzxPrawCeSMHy1MkagD/smeWcIBO4a1KALOZOURCQC1HRKzlcdAjJowT6ArwVk3N0QBX+Sv7N8woJAtJVdBMi5AJ0mVMAEdAC8kznEGivMgT7I/SS82B9J3BuFuKAqY0fchWaAmUhfsneAAiMEzgCshF3k6BURpKuBQL/D9DQIu4ScytgTSfRMGpAgkKgEuf5VUTHldSmrWJgAEnEZ0C92JMYPh8Z+Pw+PxmbqKsFg6ZUEkJJxE6BYEAJ87ghIlaj/IGN2XMEY0ZA4dACIJri8wYgEiM6XRtKyBP8oj/jETN9X+jAB0rNnV4CWTJF1kAsLnhYHDEB0Du/xaiJT9TUgth+gETkjzRFKCf7NhdfYF4xsS7IzwEmMtYqCjUgUQAKm4O0lUBlV2RNcBKklel7BN0FxPpcwCToW46zIBBEkXHQXhcJdRReQWYwJZYLBKJNzGgL6uyNaNAUUmZ6v0BO4VImZM39AdJkWASKTMzrCR8Ij5zMTOW8AmidKlewDa6T2B5kiJqL2AExah6A4mlmSgS/BeFQFowl4wtgcLyRiz3VgajKQpYBXUytgdDAB0iINgILgAsibACMp6ACIUAIydAE6uwBOqAE6WNgCTOSMAB5OgCVByABewewAnTM7AGvZ4ACrKAGZnNLVgBHhqP/UAZna9ACYOABSTsAWsJEZkAWgANQnQAqoml3IAdJ2AHy1CdAFjQACxGQBP/m1ADaAC1hAAJyAJnyAD/9k=);
     background-repeat:repeat;
     flex-direction:column;
     display:flex 
}
 .polaroid-footer{
     color:#282828bf;
     flex:1;
     justify-content:center;
     align-items:center;
     display:flex 
}
 .hero-footer{
     position:absolute;
     bottom:4.5rem;
     right:2rem 
}
 @media (max-width:640px){
     .hero-main{
         justify-content:start;
         align-items:center 
    }
	.hero-calendar {
		display:none;
	}
     .polaroid{
         right:calc(50% - 160px);
         top:unset;
         bottom:10rem;
    }
     .polaroid img{
         margin:20px 20px 0 
    }
     .hero-footer,.jpo-icon{
         display:none 
		 
		
    }
	 .hero-container h3 {
			 display:none;
		 }
}
 @media (max-width:768px){
     :root{
         --polaroid-height:320px 
    }
}
 @media (max-width:1024px){
     .hero-container h2{
         font-size:3rem;
		 

    }
     .hero-container h3{
         font-size:1.5rem 
    }
     .polaroid{
         top:unset ;
		 
    }
}
 .nav-container{
     justify-content:space-between;
     align-items:center;
     gap:4rem;
     font-size:.875rem;
     line-height:1.25rem;
     display:flex 
}
.hero-calendar {
	
	max-width:16rem;
}
 .logo{
     height:3rem;
     display:none 
}
 .logo-simple{
     height:3.5rem 
}
 .location-icon{
     background-image:url(../img/svg/location.svg) 
}
 .parking-icon{
     background-image:url(../img/svg/parking.svg) 
}
 .tram-icon{
     background-image:url(../img/svg/tram.svg) 
}
 .bus-icon{
     background-image:url(../img/svg/bus.svg) 
}
 nav{
     z-index:20;
     position:relative 
}
.cvria {
	font-size:1.3rem !important;
	margin-left:0.5rem;
}	




 .nav-content{
     flex:1 1 0;
     justify-content:end;
     align-items:center;
     gap:1rem;
     display:flex 
}
 .language-menu{
     position:relative 
}
 .language-menu .dropdown-btn{
     text-decoration:underline;
     -webkit-text-decoration-color:var(--yellow);
     text-decoration-color:var(--yellow);
     text-underline-offset:6px;
     align-items:center;
     gap:.25rem;
     padding:.5rem;
     text-decoration-thickness:4px;
     display:flex 
}
 .language-menu .dropdown-content{
     background-color:#fff;
     padding:0;
     list-style:none;
     position:absolute;
     right:0 
}
 .language-menu .dropdown-content a{
     text-align:center;
     padding:.75rem;
     display:block 
}
 .language-menu .dropdown-content a.disabled{
     pointer-events:none;
     opacity:.5;
     background-color:#d3d3d3 
}
 .language-menu .dropdown-content a:hover{
     background-color:var(--yellow) 
}
 .language-menu .dropdown-content:not(.show){
     display:none 
}
 .nav-content .nav-content-links{
     flex:1 1 0;
     justify-content:space-between;
     align-items:center;
     gap:2rem;
     display:none 
}
 .nav-link{
     border-radius:.75rem;
     font-weight:700 
}
 .nav-link-alt{
     color:#0d3b66;
     background-color:var(--yellow);
     padding:1rem 
}
 .nav-language-link{
     align-items:center;
     gap:.25rem;
     display:flex 
}
 #nav-mobile-links{
     display:none 
}
 #nav-mobile-links.opened{
     z-index:30;
     background-color:var(--gold);
     flex-direction:column;
     width:100%;
     height:100vh;
     display:flex;
     position:fixed;
     top:0 
}
 #nav-mobile-links .top-menu{
     justify-content:space-between;
     align-items:center;
     gap:4rem;
     display:flex 
}
 #nav-mobile-links .top-menu img{
     max-height:3.5rem;
     display:block 
}
 #nav-mobile-links .button-container{
     justify-content:center;
     align-items:center;
     display:flex 
}
 #nav-mobile-links .links-container{
     flex-direction:column;
     flex:1 1 0;
     justify-content:center;
     align-items:end;
     gap:2rem;
     padding:.5rem;
     display:flex 
}
 .nav-mobile-link{
     padding:.5rem 1rem;
     font-size:1.875rem;
     font-weight:700;
     line-height:2.25rem 
}
 .nav-mobile-link-alt,.nav-mobile-link:active{
     color:#fff 
}
 .hero-content{
     color:#fff;
     flex:1 1 0;
     margin:auto;
     padding:32px;
     display:flex 
}
 .hero-inner .top-title{
     font-size:1rem;
     font-style:italic;
     line-height:1.5rem 
}
 .hero-inner .main-title{
     margin:2rem 0;
     font-size:1.875rem;
     font-weight:700;
     line-height:2.25rem 
}
 .hero-background{
     pointer-events:none;
     width:100%;
     height:100%;
     position:absolute;
     bottom:0;
     right:0 
}
 .hero-background>div{
     flex-direction:column;
     justify-content:end;
     width:100%;
     height:100%;
     display:flex;
     position:relative 
}
 .hero-background .circle{
     background-color:var(--yellow);
     aspect-ratio:1;
     border-radius:100%;
     width:300px;
     position:absolute;
     bottom:30%;
     right:-8rem 
}
 .hero-background .buildings{
     aspect-ratio:1.41;
     width:600px;
     max-width:none;
     position:absolute;
     right:-450px 
}
 .hero-background .bird-lg{
     z-index:0;
     width:6rem;
     display:block;
     position:absolute;
     top:20vh;
     right:2rem;
     scale:-1 1 
}
 .hero-background .bird-md{
     z-index:0;
     width:2rem;
     display:block;
     position:absolute;
     top:38vh;
     right:2rem;
     scale:-1 1 
}
 .hero-background .bird-sm{
     z-index:0;
     width:1rem;
     display:block;
     position:absolute;
     top:55vh;
     right:5rem;
     scale:-1 1 
}
 .practical-info{
     z-index:20;
     width:100%;
     display:none;
     position:absolute;
     bottom:0;
     left:0 
}
 .practical-info .practical-content{
     justify-content:center;
     max-width:80rem;
     height:6rem;
     margin:auto;
     padding-left:1rem;
     padding-right:1rem;
     display:flex 
}
 .practical-content .practical-left{
     color:#000;
     background-color:#fff;
     flex:2;
     justify-content:space-evenly;
     align-items:center;
     gap:.5rem;
     font-size:.875rem;
     line-height:1.25rem;
     display:flex 
}
 .practical-content .separator{
     border-right:2px solid var(--yellow);
     width:0;
     height:50% 
}
 .practical-content .practical-right{
     color:#fff;
     background-color:var(--gold);
     flex:1;
     justify-content:center;
     align-items:center;
     margin-bottom:0;
     font-size:1.5rem;
     font-weight:700;
     line-height:2rem;
     display:flex 
}
 .date-highlight{
     z-index:10;
     justify-content:end;
     display:none 
}
 .date-highlight .date{
     flex-direction:column;
     align-items:center;
     display:flex 
}
 .date-highlight .date .date-text{
     font-size:1.875rem;
     font-weight:700;
     line-height:2.25rem 
}
 .date-highlight .date .date-hour{
     font-size:1rem;
     line-height:1.5rem 
}
 .hero-inner{
     z-index:0;
     flex:1 1 0;
     align-self:center 
}
 .color-gold{
     color:var(--gold) 
}
 .color-yellow{
     color:var(--yellow) 
}
 .bg-gold{
     color:#fff;
     background-color:var(--gold) 
}
 .bg-yellow{
     background-color:var(--yellow) 
}
 .eyebrowntitle{
     padding-bottom:1rem;
     font-size:1.5rem 
}
 h1{
     font-size:var(--font-size-xlarge);
     line-height:var(--line-height-body) 
}
 .left-banner{
     z-index:10;
     flex-direction:column;
     flex:1;
     justify-content:center;
     align-items:start;
     margin-bottom:12px;
     margin-left:12px;
     display:flex;
     position:relative 
}
 .left-banner span{
     display:block 
}
 .pointer-events-none img{
     margin-right:9rem 
}
 .getthere{
     font-size:var(--font-size-large) 
}
 .hour-highlight{
     font-size:var(--font-size-medium-plus);
     font-weight:600 
}
 .place-highlight{
     font-size:var(--font-size-medium);
     font-weight:600 
}
 .color-highlight{
     background-color:var(--gold);
     flex:1;
     margin-bottom:0 
}
 .card{
     background-color:#fff;
     background-position:50%;
     background-size:cover;
     flex:none;
     justify-content:space-between;
     align-items:center;
     width:100%;
     display:inline-flex;
     box-shadow:0 0 20px #0003 
}
 .card-body{
     flex:2;
     padding:1rem;
     font-size:.875rem;
     line-height:1.25rem 
}
 .card .card-content{
     width:100%;
     margin-top:1rem;
     padding:0;
     display:none 
}
 .card .card-content p,.card .card-content li{
     line-height:1.25rem 
}
 .card-number{
     background-color:var(--gold);
     color:#fff;
     border-radius:100%;
     justify-content:center;
     align-items:center;
     width:2rem;
     height:2rem;
     font-weight:700;
     display:flex;
     position:absolute 
}
 .cards{
     scroll-behavior:smooth;
     flex-direction:column;
     align-items:start;
     gap:2rem;
     padding:2rem;
     display:flex;
     position:relative 
}
 @media (max-width:1023px){
     .card{
         background-color:#fff;
         background-position:50%;
         background-size:cover;
         flex:none;
         justify-content:space-between;
         align-items:center;
         gap:1rem;
         width:100%;
         height:96px;
         font-size:1.25rem;
         font-weight:700;
         display:flex;
         box-shadow:0 0 20px #0003 
    }
     .card-head{
         background-image:url(../img/webp/bg_card.webp);
         background-position:50%;
         background-repeat:no-repeat;
         background-size:cover;
         align-items:center;
         width:100px;
         height:100%;
         display:flex;
         position:relative 
    }
     .card-1 .card-head{
         background-image:url(../img/tour/1.webp) 
    }
     .card-2 .card-head{
         background-image:url(../img/tour/2.webp) 
    }
     .card-3 .card-head{
         background-image:url(../img/tour/3.webp) 
    }
     .card-4 .card-head{
         background-image:url(../img/tour/4.webp) 
    }
     .card-5 .card-head{
         background-image:url(../img/tour/5.webp) 
    }
     .card-6 .card-head{
         background-image:url(../img/tour/6.webp) 
    }
     .card-7 .card-head{
         background-image:url(../img/tour/7.webp) 
    }
     .card-8 .card-head{
         background-image:url(../img/tour/8.webp) 
    }
     .card-9 .card-head{
         background-image:url(../img/tour/9.webp) 
    }
     .card-10 .card-head{
         background-image:url(../img/tour/10.webp) 
    }
     .card-11 .card-head{
         background-image:url(../img/tour/11.webp) 
    }
     .card-12 .card-head{
         background-image:url(../img/tour/12.webp) 
    }
     .card-13 .card-head{
         background-image:url(../img/tour/13.webp) 
    }
     .card-14 .card-head{
         background-image:url(../img/tour/14.webp) 
    }
     .card-15 .card-head{
         background-image:url(../img/tour/15.webp) 
    }
     .card-16 .card-head{
         background-image:url(../img/tour/16.webp) 
    }
     .card.opened{
         height:unset;
         flex-direction:column;
         gap:0 
    }
     .card.opened .card-body{
         color:#fff;
         background-color:#2c3e50;
         width:100% 
    }
     .card.opened .card-head{
         justify-content:center;
         width:100%;
         height:12rem 
    }
     .card.opened .card-content{
         font-size:.875rem;
         font-weight:400;
         display:block 
    }
     .card.opened .card-body h3{
         margin-top:.5rem;
         font-size:1rem;
         font-weight:700 
    }
     .card.opened .card-number{
         bottom:-1rem 
    }
     .card:not(.opened) .card-number{
         right:-1rem 
    }
}
 .scroll-left,.scroll-right{
     transition:transform .3s 
}
 .scroll-left:hover,.scroll-right:hover{
     transform:scale(1.1) 
}
 .lang{
     text-underline-offset:.5rem;
     font-weight:700;
     -webkit-text-decoration:underline #fdbd1f;
     text-decoration:underline #fdbd1f;
     text-decoration-thickness:.25rem 
}
 .calendar{
     background-color:var(--yellow);
     color:#0a4d68;
     border-radius:.75rem;
     justify-content:space-between;
     align-items:center;
     gap:.75rem;
     padding:0 1.25rem;
     font-size:.75rem;
     font-weight:700;
     transition:all .2s ease-out;
     display:flex;
}
 .calendar p{
     padding:1rem 0 
}
 .calendar .bar{
     background-color:#0a4d68;
     width:2px;
     height:3rem 
}
 .calendar.drop{
     filter:drop-shadow(0 8px 16px var(--yellow)) 
}
 @supports (color:color-mix(in lab,red,red)){
     .calendar.drop{
         filter:drop-shadow(0 8px 16px color-mix(in srgb,var(--yellow),transparent)) 
    }
}
 .calendar img{
     /* filter:invert()  */
  filter: invert(21%) sepia(77%) saturate(637%) hue-rotate(159deg) brightness(90%) contrast(95%);

	width: 25px;
	height: 28px;
}
 .art-gallery h4{
     margin-top:1rem;
     font-size:1rem;
     font-weight:700 
}
 h1,h2,h3,h4,h5,h6{
     font-size:inherit 
}
 blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{
     margin:0 
}
 .know-container{
     background-color:var(--yellow);
     flex-direction:column;
     flex:1 1 0;
     display:flex 
}
 .know-title{
     margin:auto;
     padding:2rem 3rem 
}
 .know-title h4{
     text-align:center;
     margin:0 0 2rem;
     font-size:2.25rem;
     font-weight:700;
     line-height:2.5rem 
}
 .know-title .know-content{
     flex-direction:column;
     gap:.5rem;
     margin-bottom:4rem;
     display:flex 
}
 .faq-content:not(.opened){
     max-height:480px;
     -webkit-mask-image:linear-gradient(#fff,#0000);
     mask-image:linear-gradient(#fff,#0000) 
}
 .maps{
     background-image:url(../img/webp/garden.webp);
     background-color:var(--gold) 
}
 .section-infos{
     z-index:20;
     justify-content:center;
     max-width:80rem;
     margin:auto;
     padding-left:1rem;
     padding-right:1rem;
     display:flex;
     position:relative 
}
 .section-infos .infos-left{
     flex-direction:column;
     flex:2;
     padding-top:3rem;
     padding-bottom:3rem;
     display:none 
}
 .section-infos .infos-header{
     align-items:center;
     gap:.5rem;
     margin-bottom:1rem;
     padding-left:6rem;
     padding-right:6rem;
     font-size:1.5rem;
     line-height:2rem;
     display:flex 
}
 .section-infos .infos-header h2{
     font-weight:700 
}
 .section-infos .infos-header p{
     color:var(--gold);
     font-style:italic 
}
 .section-infos .infos-text{
     padding-left:6rem;
     padding-right:6rem;
     font-size:.875rem;
     line-height:1.25rem 
}
 .section-infos .infos-right{
     z-index:20;
     color:#fff;
     background-color:var(--gold);
     flex-direction:column;
     flex:1;
     justify-content:center;
     margin-bottom:0;
     display:flex 
}
 .section-infos .mobile-container{
     flex-direction:column;
     gap:.5rem;
     padding:0 1rem;
     display:flex 
}
 .section-infos .mobile-content{
     justify-content:space-between;
     align-items:center;
     display:flex 
}
 .section-infos .mobile-title{
     margin-top:1rem;
     font-size:1.5rem;
     font-weight:700;
     line-height:2rem 
}
 .section-infos .mobile-subtitle{
     font-size:.875rem;
     line-height:1.25rem 
}
 .section-infos .mobile-date{
     text-align:center;
     color:var(--gold);
     background-color:#fff;
     padding-top:.5rem;
     font-size:2rem;
     font-weight:700 
}
 .section-infos .infos-list{
     flex-direction:column;
     justify-content:center;
     gap:2rem;
     padding:4rem;
     display:flex 
}
 .section-infos .info-block{
     flex-direction:column;
     display:flex 
}
 .section-infos h3{
     font-weight:700;
     display:flex;
     position:relative 
}
 .section-infos .info-block p{
     position:relative 
}
 .section-infos .info-block h3 span,.section-infos .info-block p span{
     background-position:50%;
     background-repeat:no-repeat;
     background-size:contain;
     width:1rem;
     height:1rem;
     position:absolute;
     top:.25rem;
     left:-1.5rem 
}
 .section-tour{
     padding-top:1.5rem;
     padding-bottom:1.5rem 
}
 .section-tour .tour-mobile-title{
     text-align:center 
}
 .tour-mobile-title .title{
     font-size:1.875rem;
     font-weight:700;
     line-height:2.25rem 
}
 .tour-mobile-title .subtitle{
     color:var(--gold);
     font-size:1.25rem;
     font-style:italic;
     line-height:1.75rem 
}
 .section-tour .buttons{
     justify-content:end;
     gap:1rem;
     margin-top:4rem;
     margin-bottom:0;
     padding:0 6rem;
     display:none 
}
 .section-tour .buttons button{
     background-position:50%;
     background-repeat:no-repeat;
     background-size:contain;
     border-radius:100%;
     width:3.2rem;
     height:3.2rem 
}
 .buttons button.scroll-left{
     background-image:url(../img/svg/right.svg) 
}
 .buttons button.scroll-right{
     background-image:url(../img/svg/left.svg) 
}
 .section-event{
     flex-direction:column;
     align-items:center;
     max-width:42rem;
     margin:auto;
     padding:1rem;
     display:flex 
}
 .section-event .section-title{
     text-align:center;
     margin-bottom:1rem 
}
 .section-event h2{
     font-size:1.875rem;
     font-weight:700;
     line-height:2.25rem 
}
 .section-event .subtitle{
     color:#6b7280 
}
 .section-event .event-card{
     color:#fff;
     background-image:linear-gradient(#3b82f6cc,#1e3a8a);
     border-radius:1rem;
     padding:0 1rem;
     display:flex;
     align-items: center;
     gap: 1rem;
}
 .section-event .event-visual{
     justify-content:center;
     align-items:end;
     display:none;
     position:relative 
}
 .section-event .event-visual .circle{
     background-color:var(--yellow);
     border-radius:100%;
     width:13rem;
     height:13rem;
     position:absolute;
     bottom:.25rem;
     right:0 
}
 .section-event .event-visual .buildings{
     z-index:10 
}
 .section-event .event-visual .bird-lg{
     width:3rem;
     position:absolute;
     top:-1rem;
     left:2rem 
}
 .section-event .event-visual .bird-md{
     width:2rem;
     position:absolute;
     top:1rem;
     left:6rem 
}
 .section-event .event-visual .bird-sm{
     width:1rem;
     position:absolute;
     top:3rem;
     left:10rem 
}
 .section-event .date-container{
     flex:1 1 0;
     min-width:200px;
     padding:1rem 0 
}
 .section-event .date-content{
     flex-direction:column;
     align-items:center;
     gap:.5rem;
	 	 width:14rem;
     display:flex 
}
 .section-event .nineteen{
     font-size:6rem;
     font-weight:700;
     line-height:5rem 
}
 .section-event .october{
     font-weight:700;
}
 .section-garden{
     color:#fff;
     background-color:#713f12bf;
     background-image:url(../img/webp/bg_garden.webp);
     background-position:50%;
     background-size:cover;
     flex-direction:column-reverse;
     gap:1rem;
     padding:2rem 1rem;
     display:flex 
}
 .section-garden .section-content{
     flex-direction:column;
     flex:1 1 0;
     justify-content:center;
     align-items:center;
     font-size:1rem;
     line-height:1.5rem;
     display:flex 
}
 .section-garden h3{
     align-items:center;
     gap:.5rem;
     min-height:6rem;
     margin-bottom:1rem;
     font-size:1.875rem;
     font-weight:700;
     line-height:2.25rem;
     display:flex;
     position:relative 
}
 .section-garden .logo-garden{
     background-image:url(../img/svg/watering_can.svg);
     background-position:50%;
     background-repeat:no-repeat;
     background-size:contain;
     width:6rem;
     height:6rem;
     display:inline-block;
     position:absolute;
     left:-6rem 
}
 .section-garden .section-image{
     flex:1 1 0 
}
 .section-garden .section-image img{
     margin:auto 
}
 .section-kids{
     color:#fff;
     background-image:url(../img/webp/bg_kids.webp);
     background-position:50%;
     background-size:cover;
     justify-content:space-evenly;
     gap:.5rem;
     padding:2rem 1rem;
     display:flex 
}
 .section-kids .section-image{
     justify-content:center;
     align-items:center;
     display:flex;
     position:relative 
}
 .section-kids .section-content{
     flex-direction:column;
     flex:1 1 0;
     justify-content:center;
     max-width:36rem;
     display:flex 
}
 .section-kids h3{
     align-items:center;
     gap:1rem;
     margin-bottom:1rem;
     font-size:1.875rem;
     font-weight:700;
     line-height:2.25rem;
     display:flex 
}
 .section-kids .logo-balloon{
     background-image:url(../img/webp/icon_balloon.webp);
     background-position:50%;
     background-repeat:no-repeat;
     background-size:contain;
     width:4rem;
     height:4rem;
     display:inline-block 
}
 .section-kids .logo-kids{
     background-image:url(../img/webp/logo_kids.webp);
     background-position:50%;
     background-repeat:no-repeat;
     background-size:contain;
     width:6rem;
     height:6rem;
     display:none;
     position:absolute;
     bottom:-8rem;
     right:0 
}
 .section-faq{
     max-width:56rem;
     margin:auto;
     padding:2rem 1rem 
}
 .section-faq>h2{
     text-align:center;
     margin-bottom:2rem;
     font-size:1.875rem;
     font-weight:700;
     line-height:2.25rem 
}
 .section-faq .faq-content{
     color:#6b7280 
}
 .faq-content>div{
     margin-bottom:1rem 
}
 .faq-content>div>div:has(h4){
     margin-bottom:.25rem;
     font-weight:700 
}
 .section-faq button.show-all{
     cursor:pointer;
     color:#6b7280;
     background-color:#0000;
     border:none;
     flex-direction:column;
     align-items:center;
     margin:auto;
     padding:0;
     display:flex 
}
 .section-faq button.show-all>*{
     margin:0 
}
 .section-faq button.show-all .arrow{
     border-bottom:2px solid #000;
     border-right:2px solid #000;
     width:1rem;
     height:1rem;
     display:block;
     rotate:45deg 
}
 .section-know{
     margin:auto;
     display:flex 
}
 .icon{
     background-position:50%;
     background-size:contain;
     border-radius:100%;
     justify-content:center;
     align-items:center;
     width:3rem;
     height:3rem;
     display:flex 
}
 .icon.twitter{
     background-image:url(../img/webp/icon_twitter.webp) 
}
 .icon.twitter-white{
     background-image:url(../img/webp/icon_twitter_white.webp) 
}
 .icon.youtube{
     background-image:url(../img/webp/icon_yt.webp) 
}
 .icon.youtube-white{
     background-image:url(../img/webp/icon_yt_white.webp) 
}
 .icon.linkedin{
     background-image:url(../img/webp/icon_linkedin.webp) 
}
 .icon.linkedin-white{
     background-image:url(../img/webp/icon_linkedin_white.webp) 
}
 .icon.instagram{
     background-image:url(../img/webp/icon_ig.webp) 
}
 .icon.instagram-white{
     background-image:url(../img/webp/icon_ig_white.webp) 
}
 .container{
     width:100% 
}
 .section-art{
     color:#fff;
     background-image:url(../img/webp/bg_art.webp);
     background-position:50%;
     background-size:cover;
     align-items:center;
     gap:1rem;
     padding:1rem 2rem;
     display:flex 
}
 .section-art .section-container{
     flex-direction:column-reverse;
     justify-content:space-between;
     align-items:center;
     gap:1rem;
     width:100%;
     display:flex 
}
 .section-art .section-content{
     justify-content:start;
     align-items:center;
     gap:1rem;
     display:flex 
}
 .section-art h3{
     align-items:center;
     gap:.5rem;
     margin-bottom:1rem;
     font-size:1.5rem;
     font-weight:700;
     line-height:2rem;
     display:flex 
}
 .section-art .logo-art-div{
     background-image:url(../img/webp/logo_art.webp);
     background-position:50%;
     background-repeat:no-repeat;
     background-size:contain;
     width:6rem;
     height:6rem;
     display:none 
}
 .section-art .logo-art-text{
     background-image:url(../img/webp/logo_art.webp);
     background-position:50%;
     background-repeat:no-repeat;
     background-size:contain;
     width:4rem;
     height:4rem;
     display:inline-block 
}
 .section-art .art-gallery{
     flex-direction:column;
     flex:1 1 0;
     display:flex 
}
 .section-visitors{
     color:#fff;
     background-color:#3b82f6;
     background-size:contain;
     flex-direction:column;
     gap:1rem;
     padding:1rem 2rem;
     display:flex 
}
 .pastevent{
     flex-direction:column-reverse;
     gap:1rem;
     width:100%;
     max-width:1232px;
     margin:auto;
     display:flex;
     position:relative 
}
 .pastevent h2{
     text-align:center;
     font-size:1.875rem;
     font-weight:700;
     line-height:2.25rem 
}
 .pastevent p{
     text-align:center 
}
 .pastevent-container{
     text-wrap:balance;
     flex-direction:column;
     align-items:center;
     gap:2rem;
     width:100%;
     display:flex 
}
 .section-visitors .img-container{
     justify-content:center;
     align-items:center;
     display:flex 
}
 .section-visitors img{
     width:100% 
}
 .event-img-visitors{
     flex-direction:column;
     justify-content:center;
     gap:.5rem;
     width:100%;
     display:flex 
}
 .past-event-img-visitors,.past-event-img-visitors .right-col{
     flex-direction:column;
     gap:.5rem;
     display:flex 
}
 .past-event-img{
     flex-direction:column;
     justify-content:center;
     gap:.5rem;
     width:100%;
     padding:0 1rem;
     display:none;
     translate:0 -3.125rem 
}
 .past-event-img .right-col{
     flex-direction:column;
     justify-content:space-between;
     display:flex 
}
 .section-follow{
     text-align:center;
     color:#fff;
     background-color:#1f2937;
     flex-direction:column;
     gap:2rem;
     margin:auto;
     padding:8rem 1rem;
     display:flex 
}
 .section-follow h4{
     font-size:2.25rem;
     line-height:2.5rem 
}
 .section-follow div{
     color:#f5f5f5 
}
 .section-follow .follow-icons{
     justify-content:center;
     gap:.5rem;
     display:flex;
	 flex-wrap:wrap;
}
 footer{
     color:#fff;
     background-color:var(--gold) 
}
 footer .subtitle{
     font-weight:700 
}
 .footer-container{
     flex-flow:column wrap;
     gap:1rem;
     margin:auto;
     padding:1rem;
     display:flex 
}
 .footer-title{
     flex-direction:column;
     flex:1 1 0;
     gap:2rem;
     display:flex 
}
 .footer-logo{
     background-image:url(../img/svg/EN_logo_white.svg);
     background-repeat:no-repeat;
     background-size:contain;
     height:4rem 
}
 .footer-logo-fr{
     background-image:url(../img/svg/FR_logo_white.svg);
     background-repeat:no-repeat;
     background-size:contain;
     height:4rem 
}
 .footer-logo-de{
     background-image:url(../img/svg/DE_logo_white.svg);
     background-repeat:no-repeat;
     background-size:contain;
     height:4rem 
}
 .footer-logo-lu{
     background-image:url(../img/svg/LU_logo_white.svg);
     background-repeat:no-repeat;
     background-size:contain;
     height:4rem 
}
 .footer-icons{
     flex-wrap:wrap;
     gap:.5rem;
     display:flex 
}
 .footer-row{
     flex-direction:column;
     flex:1 1 0;
     justify-content:space-between;
     gap:1rem;
     display:flex 
}
 .footer-col{
     flex-direction:column;
     flex:1 1 0;
     gap:.5rem;
     display:flex 
}
 #scroll-top-button{
     background-color:var(--yellow);
     text-align:center;
     opacity:0;
     visibility:hidden;
     z-index:1000;
     border-radius:.5rem;
     justify-content:center;
     align-items:center;
     width:3rem;
     height:3rem;
     transition:background-color .3s,opacity .5s,visibility .5s;
     display:inline-flex;
     position:fixed;
     bottom:1.875rem;
     right:1.875rem 
}
 #scroll-top-button .arrow{
     border-top:6px solid #fff;
     border-left:6px solid #fff;
     width:1rem;
     height:1rem;
     margin-top:.5rem;
     display:block;
     rotate:45deg 
}
 #scroll-top-button:hover{
     cursor:pointer;
     background-color:#333 
}
 #scroll-top-button:active{
     background-color:#555 
}
 #scroll-top-button.show{
     opacity:1;
     visibility:visible 
}
 @media (min-width:500px){
     .content{
         width:43% 
    }
}
 .content h1{
     color:#03a9f4;
     margin-bottom:-10px;
     line-height:1.5 
}
 .content h3{
     color:#96a2a7;
     font-style:italic 
}
 @media (max-width:640px){
     .section-infos{
         translate:0 -100px 
    }
     .section-garden .section-image img,.section-kids .section-image img{
         margin:auto 
    }
}
 @media (min-width:640px){
     .sm\:truncate{
         text-overflow:ellipsis;
         white-space:nowrap;
         overflow:hidden 
    }
     .container{
         max-width:640px 
    }
     .hero-background .buildings{
         width:700px;
         right:-250px 
    }
     .hero-head {
         max-width: 50%;
    }
     .hero-background .bird-lg{
         width:3rem;
         top:auto;
         bottom:450px;
         right:200px;
         scale:1 
    }
     .hero-background .bird-md{
         top:auto;
         bottom:350px;
         right:140px;
         scale:1 
    }
     .hero-background .bird-sm{
         top:auto;
         bottom:300px;
         right:100px;
         scale:1 
    }
     .practical-info{
         display:block 
    }
     .date-highlight{
         margin-right:2rem;
         display:flex 
    }
     .hero-inner{
         align-self:auto 
    }
     .hero-background .circle{
         width:350px;
         bottom:0;
         right:-2rem 
    }
     .section-infos .mobile-container{
         display:none 
    }
     .card h3{
         font-size:1rem 
    }
     .section-event .event-visual{
         display:flex 
    }
     .calendar:hover{
         color:var(--yellow);
         background-color:#fff 
    }
     .calendar:hover .bar{
         background-color:var(--yellow) 
    }
     .calendar:hover img{
         filter:invert(73%)sepia(80%)saturate(636%)hue-rotate(341deg)brightness(103%)contrast(98%) 
    }
     .section-garden .section-content{
         align-items:start 
    }
     .section-garden .logo-garden{
         display:inline-block;
         position:relative;
         left:auto 
    }
     .section-art .section-container{
         flex-direction:row 
    }
     .section-art .logo-art-div{
         display:inline-block 
    }
     .section-art .logo-art-text{
         display:none 
    }
     .section-art h3{
         font-size:1.875rem;
         line-height:2.25rem 
    }
     .pastevent{
         width:100%;
         padding-bottom:4rem 
    }
     .pastevent h2{
         font-size:2.25rem;
         line-height:2.5rem 
    }
     .pastevent-container{
         padding-left:0;
         padding-right:0 
    }
     .section-visitors img{
         width:auto 
    }
     .past-event-img-visitors{
         flex-direction:row;
         display:none 
    }
     .past-event-img{
         flex-direction:row;
         gap:1rem;
         display:flex 
    }
     .past-event-img .right-col{
         gap:1rem 
    }
     .section-infos .infos-left{
         display:flex 
    }
     .section-event{
         margin-top:8rem;
         margin-bottom:8rem;
         padding:0 
    }
     .section-garden,.section-kids{
         flex-direction:row 
    }
     .section-faq{
         margin-top:8rem;
         margin-bottom:8rem;
         padding:1rem 
    }
     .section-know{
         margin-top:8rem;
         margin-bottom:8rem 
    }
     .know-title{
         margin-top:2rem;
         margin-bottom:2rem 
    }
     .footer-row{
         flex-flow:wrap 
    }
}
 @media (min-width:768px){
     .container{
         max-width:768px 
    }
     .hero-head {
         max-width: 40%;
    }
     .hero-background .circle{
         width:500px;
         bottom:-4rem;
         right:-4rem 
    }
     .hero-background .buildings{
         width:750px;
         right:-200px 
    }
     .section-art{
         padding:2rem 
    }
     .pastevent{
         flex-direction:row 
    }
     .pastevent h2,.pastevent p{
         text-align:left 
    }
     .pastevent-container{
         justify-content:center 
    }
}
 @media (min-width:768px) and (max-width:1280px){
     .hero-container{
         max-height:768px 
    }
}
 @media (min-width:1024px){
		   .lg\:truncate {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
     .container{
         max-width:1024px 
    }
     .hero-head {
         max-width: 60%;
    }
     .hero-head h2 {
         line-height: 6.2rem;
		 font-size:4rem;
    }
     .nav-container{
         font-size:1rem;
         line-height:1.5rem 
    }
     .nav-content .nav-content-links{
         justify-content:flex-end;
         margin-right:3rem;
         display:flex 
    }
     .nav-content .nav-link-alt{
         padding-left:2rem;
         padding-right:2rem 
    }
     #nav-mobile-button{
         display:none 
    }
     .logo{
         display:block 
    }
     .logo-simple,#nav-mobile-links.opened{
         display:none 
    }
     .practical-info .practical-content{
         padding-left:2rem;
         padding-right:2rem 
    }
     .tour-mobile-title{
         display:none 
    }
     .section-tour .buttons{
         display:flex 
    }
     .cards{
         flex-flow:row;
         gap:1rem;
         overflow:hidden visible 
    }
     .card{
         color:#fff;
         width:23rem;
         height:unset;
         cursor:pointer;
         background-image:linear-gradient(#0000,#000000bf 50%,#000),url(../img/webp/bg_card.webp);
         border-radius:.75rem;
         flex-direction:column;
         align-items:start;
         gap:0;
         min-height:22rem;
         font-size:1.25rem;
         line-height:1.75rem;
         transition:all .6s ease-out;
         overflow:hidden 
    }
     .card.card-1{
         background-image:linear-gradient(#0000,#000000bf 50%,#000),url(../img/tour/1.webp) 
    }
     .card.card-2{
         background-image:linear-gradient(#0000,#000000bf 50%,#000),url(../img/tour/2.webp) 
    }
     .card.card-3{
         background-image:linear-gradient(#0000,#000000bf 50%,#000),url(../img/tour/3.webp) 
    }
     .card.card-4{
         background-image:linear-gradient(#0000,#000000bf 50%,#000),url(../img/tour/4.webp) 
    }
     .card.card-5{
         background-image:linear-gradient(#0000,#000000bf 50%,#000),url(../img/tour/5.webp) 
    }
     .card.card-6{
         background-image:linear-gradient(#0000,#000000bf 50%,#000),url(../img/tour/6.webp) 
    }
     .card.card-7{
         background-image:linear-gradient(#0000,#000000bf 50%,#000),url(../img/tour/7.webp) 
    }
     .card.card-8{
         background-image:linear-gradient(#0000,#000000bf 50%,#000),url(../img/tour/8.webp) 
    }
     .card.card-9{
         background-image:linear-gradient(#0000,#000000bf 50%,#000),url(../img/tour/9.webp) 
    }
     .card.card-10{
         background-image:linear-gradient(#0000,#000000bf 50%,#000),url(../img/tour/10.webp) 
    }
     .card.card-11{
         background-image:linear-gradient(#0000,#000000bf 50%,#000),url(../img/tour/11.webp) 
    }
     .card.card-12{
         background-image:linear-gradient(#0000,#000000bf 50%,#000),url(../img/tour/12.webp) 
    }
     .card.card-13{
         background-image:linear-gradient(#0000,#000000bf 50%,#000),url(../img/tour/13.webp) 
    }
     .card.card-14{
         background-image:linear-gradient(#0000,#000000bf 50%,#000),url(../img/tour/14.webp) 
    }
     .card.card-15{
         background-image:linear-gradient(#0000,#000000bf 50%,#000),url(../img/tour/15.webp) 
    }
     .card.card-16{
         background-image:linear-gradient(#0000,#000000bf 50%,#000),url(../img/tour/16.webp) 
    }
     .card:hover{
         transform:scale(1.05)rotate(0) 
    }
     .card h3{
         font-size:1.25rem;
         font-weight:700;
         line-height:1.75rem 
    }
     .card-head{
         justify-content:start;
         align-items:start;
         width:100%;
         min-height:6.25rem;
         padding:2rem;
         display:flex 
    }
     .card.desktop-opened{
         width:23rem 
    }
     .card.desktop-opened .card-head{
         background-position:50%;
         background-size:cover;
         min-height:16rem 
    }
     .card-1.desktop-opened .card-head{
         background-image:url(../img/tour/1.webp) 
    }
     .card-2.desktop-opened .card-head{
         background-image:url(../img/tour/2.webp) 
    }
     .card-3.desktop-opened .card-head{
         background-image:url(../img/tour/3.webp) 
    }
     .card-4.desktop-opened .card-head{
         background-image:url(../img/tour/4.webp) 
    }
     .card-5.desktop-opened .card-head{
         background-image:url(../img/tour/5.webp) 
    }
     .card-6.desktop-opened .card-head{
         background-image:url(../img/tour/6.webp) 
    }
     .card-7.desktop-opened .card-head{
         background-image:url(../img/tour/7.webp) 
    }
     .card-8.desktop-opened .card-head{
         background-image:url(../img/tour/8.webp) 
    }
     .card-9.desktop-opened .card-head{
         background-image:url(../img/tour/9.webp) 
    }
     .card-10.desktop-opened .card-head{
         background-image:url(../img/tour/10.webp) 
    }
     .card-11.desktop-opened .card-head{
         background-image:url(../img/tour/11.webp) 
    }
     .card-12.desktop-opened .card-head{
         background-image:url(../img/tour/12.webp) 
    }
     .card-13.desktop-opened .card-head{
         background-image:url(../img/tour/13.webp) 
    }
     .card-14.desktop-opened .card-head{
         background-image:url(../img/tour/14.webp) 
    }
     .card-15.desktop-opened .card-head{
         background-image:url(../img/tour/15.webp) 
    }
     .card-16.desktop-opened .card-head{
         background-image:url(../img/tour/16.webp) 
    }
     .card.desktop-opened .card-body{
         background-color:#2c3e50; 
    }
     .card-number{
         right:unset;
         width:3rem;
         height:3rem;
         font-size:1.875rem;
         position:relative 
    }
     .card .card-content{
         display:block 
    }
     .card-body{
         flex-direction:column;
         align-items:start;
         width:100%;
         height:110px;
         padding-bottom:2rem;
         padding-left:2rem;
         padding-right:2rem;
         display:flex 
    }
     .read-more{
         display:block 
    }
     .section-infos{
         padding-left:2rem;
         padding-right:2rem 
    }
     .section-kids{
         padding-top:4rem;
         padding-bottom:4rem 
    }
     .section-kids .section-image{
         width:33.3125rem;
         height:15.625rem 
    }
     .pastevent{
         justify-content:center 
    }
     .pastevent-container{
         min-height:588px 
    }
     .pastevent h2{
         margin-bottom:1rem;
         font-size:3.4375rem;
         line-height:4.3125rem 
    }
     .pastevent-container{
         z-index:1;
         align-items:start;
         gap:4rem;
         max-width:50%;
         padding-top:8rem;
         padding-bottom:8rem 
    }
     .parapastevent p{
         width:42rem;
         font-size:1rem 
    }
     .section-visitors .img-container{
         justify-content:end;
         right:0 
    }
     .footer-container{
         padding-top:2rem;
         padding-bottom:2rem 
    }
}
 @media (min-width:1280px){
     .container{
         max-width:1280px 
    }
     .nav-content .nav-content-links{
         gap:6rem 
    }
     .hero-inner{
         align-self:center 
    }
     .footer-container{
         flex-direction:row;
         justify-content:center 
    }
     .section-garden{
         padding:4rem 8rem 
    }
     .section-garden .section-content{
         margin-left:5rem;
         margin-right:7rem 
    }
     .section-kids{
         padding-left:8rem;
         padding-right:8rem 
    }
     .section-kids .section-image>div{
         position:absolute 
    }
     .section-kids .logo-kids{
         display:inline-block 
    }
     .section-art{
         padding:4rem 8rem 
    }
}
 @media (min-width:1528px){
     .nav-container{
         font-size:1.25rem;
         line-height:1.75rem 
    }
     .hero-content{
         padding-left:0;
         padding-right:0 
    }
     .hero-inner .top-title{
         font-size:1.25rem;
         line-height:1.75rem 
    }
     .hero-inner .main-title{
         font-size:3rem;
         line-height:1 
    }
     .hero-background .bird-lg{
         width:6rem 
    }
     .hero-background .bird-md{
         width:4rem 
    }
     .hero-background .bird-sm{
         width:2rem 
    }
     .practical-content .practical-left{
         font-size:1.25rem;
         line-height:1.75rem 
    }
     .date-highlight .date .date-text{
         font-size:3.75rem;
         line-height:1 
    }
     .date-highlight .date .date-hour{
         font-size:1.5rem;
         line-height:2rem 
    }
}
 @property --tw-translate-x{
     syntax:"*";
     inherits:false;
     initial-value:0 
}
 @property --tw-translate-y{
     syntax:"*";
     inherits:false;
     initial-value:0 
}
 @property --tw-translate-z{
     syntax:"*";
     inherits:false;
     initial-value:0 
}
 @property --tw-rotate-x{
     syntax:"*";
     inherits:false 
}
 @property --tw-rotate-y{
     syntax:"*";
     inherits:false 
}
 @property --tw-rotate-z{
     syntax:"*";
     inherits:false 
}
 @property --tw-skew-x{
     syntax:"*";
     inherits:false 
}
 @property --tw-skew-y{
     syntax:"*";
     inherits:false 
}
 @property --tw-border-style{
     syntax:"*";
     inherits:false;
     initial-value:solid 
}
 @property --tw-leading{
     syntax:"*";
     inherits:false 
}
 @property --tw-font-weight{
     syntax:"*";
     inherits:false 
}
 @property --tw-blur{
     syntax:"*";
     inherits:false 
}
 @property --tw-brightness{
     syntax:"*";
     inherits:false 
}
 @property --tw-contrast{
     syntax:"*";
     inherits:false 
}
 @property --tw-grayscale{
     syntax:"*";
     inherits:false 
}
 @property --tw-hue-rotate{
     syntax:"*";
     inherits:false 
}
 @property --tw-invert{
     syntax:"*";
     inherits:false 
}
 @property --tw-opacity{
     syntax:"*";
     inherits:false 
}
 @property --tw-saturate{
     syntax:"*";
     inherits:false 
}
 @property --tw-sepia{
     syntax:"*";
     inherits:false 
}
 @property --tw-drop-shadow{
     syntax:"*";
     inherits:false 
}
 @property --tw-drop-shadow-color{
     syntax:"*";
     inherits:false 
}
 @property --tw-drop-shadow-alpha{
     syntax:"<percentage>";
     inherits:false;
     initial-value:100% 
}
 @property --tw-drop-shadow-size{
     syntax:"*";
     inherits:false 
}
 @property --tw-ease{
     syntax:"*";
     inherits:false 
}
 @property --tw-text-shadow-color{
     syntax:"*";
     inherits:false 
}
 @property --tw-text-shadow-alpha{
     syntax:"<percentage>";
     inherits:false;
     initial-value:100% 
}
 @property --tw-content{
     syntax:"*";
     inherits:false;
     initial-value:"" 
}