:root{--font-family: Helvetica, Arial, sans-serif;--background-color: black;--text-color: white;--card-border-color: white;--card-background-color: black;--button-gradient-color-primary: #1976ed;--button-gradient-color-secondary: white;--font-size-html: 16px;--font-weight-normal: 400;--font-size-h1: 5rem;--font-size-h2: 1rem;--font-size-h3: 4rem;--font-size-subtitle: 1.75rem;--font-size-card-title: 4rem;--font-size-slightly-bigger: 2rem;--size-xs: 8px;--size-s: 16px;--size-m: 24px;--size-l: 48px;--border-radius: 22px;--landing-content-width: 666px;--radius: .625rem;--background: oklch(1 0 0);--foreground: oklch(.145 0 0);--card: oklch(1 0 0);--card-foreground: oklch(.145 0 0);--popover: oklch(1 0 0);--popover-foreground: oklch(.145 0 0);--primary: oklch(.205 0 0);--primary-foreground: oklch(.985 0 0);--secondary: oklch(.97 0 0);--secondary-foreground: oklch(.205 0 0);--muted: oklch(.97 0 0);--muted-foreground: oklch(.556 0 0);--accent: oklch(.97 0 0);--accent-foreground: oklch(.205 0 0);--destructive: oklch(.577 .245 27.325);--border: oklch(.922 0 0);--input: oklch(.922 0 0);--ring: oklch(.708 0 0);--chart-1: oklch(.646 .222 41.116);--chart-2: oklch(.6 .118 184.704);--chart-3: oklch(.398 .07 227.392);--chart-4: oklch(.828 .189 84.429);--chart-5: oklch(.769 .188 70.08);--sidebar: oklch(.985 0 0);--sidebar-foreground: oklch(.145 0 0);--sidebar-primary: oklch(.205 0 0);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.97 0 0);--sidebar-accent-foreground: oklch(.205 0 0);--sidebar-border: oklch(.922 0 0);--sidebar-ring: oklch(.708 0 0)}html{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:var(--background-color);color:var(--text-color);font-size:var(--font-size-html);font-family:var(--font-family);font-weight:var(--font-weight-normal)}body{margin:0;background-attachment:fixed;background-size:100%}.backgroundImage{position:fixed;inset:0;width:100%;margin:0 auto;color:#006eff;filter:url(#neon) blur(2px) saturate(1000%);padding:40px;box-sizing:border-box}h1{text-transform:uppercase;font-size:var(--font-size-h1);font-weight:var(--font-weight-normal);margin:0;white-space:break-spaces}h2{font-size:var(--font-size-h2);font-weight:var(--font-weight-normal);margin:0;white-space:pre-line}h3{font-size:var(--font-size-h3);margin:0;font-weight:inherit;white-space:pre-line}.title-container{width:100%;position:relative;margin-bottom:var(--size-s)}.main-subtitle{position:absolute;bottom:14px;left:0;z-index:2}.main-landing{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100dvh;overflow:hidden}.main-content{width:100%;max-width:var(--landing-content-width);display:flex;flex-direction:column;align-items:flex-start;padding:var(--size-m);box-sizing:border-box}.main-description{margin:0;align-self:flex-end;margin-bottom:var(--size-l);white-space:pre-line;position:relative;z-index:2}.main-links{display:flex;flex-direction:row;gap:var(--size-m);align-self:center;position:relative;z-index:2}.glow-link{position:relative;overflow:visible;margin:2px;background-color:transparent;-webkit-backdrop-filter:saturate(2) blur(10px) url(#glass-distortion);backdrop-filter:saturate(2) blur(10px) url(#glass-distortion);color:var(--text-color);text-transform:uppercase;text-decoration:none;padding:11px var(--size-s);border:2px solid var(--card-border-color);border-radius:var(--border-radius);transition:transform .2s ease-in-out;font-weight:700;white-space:nowrap}.glow-link:hover{transform:scale(1.05)}.computerImg{transition:transform .2s ease-in-out}.computerImg:hover{transform:scale(1.1)}.landing-canvas{position:relative;z-index:1;transition:all 2s;animation:appear 2s}@keyframes appear{0%{opacity:0}to{opacity:1}}.landing-canvas-hidden{opacity:0}#scene-canvas{position:fixed!important;top:0;left:0;width:100%;height:100%;z-index:-1;width:100%!important;height:100%!important;pointer-events:none}.bento-box{display:grid;gap:var(--size-s);grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;width:100%;height:100%;position:relative;z-index:2;padding:var(--size-l);box-sizing:border-box}.card{box-sizing:border-box;width:100%;display:flex;padding:40px;border-radius:var(--border-radius);cursor:pointer;background-color:transparent;backdrop-filter:saturate(2) blur(10px) url(#glass-distortion);-webkit-backdrop-filter:saturate(2) blur(10px) url(#glass-distortion);background-origin:content-box;border:2px solid var(--card-border-color);text-decoration:none;color:inherit;position:relative;flex-direction:column;align-items:space-between;justify-content:space-between;transition:all .2s ease-in-out;box-shadow:0 0 #0388ff}.card:hover{transform:scale(1.02);box-shadow:0 0 20px 9px #0388ff}.card-title{font-size:3rem;font-weight:500;margin:0 0 16px;text-transform:uppercase;position:relative}.card-title-pullup{position:absolute;inset:0;color:var(--text-color)}.card-description{font-size:1.75rem;font-weight:var(--font-weight-normal)}.compuxter{grid-column:span 2}.main-projects-description{font-size:var(--font-size-h3);font-weight:var(--font-weight-normal);text-transform:uppercase;grid-column:span 5;padding:var(--size-m) var(--size-l)}.project-card-widget{grid-column:span 3;width:100%;display:flex}.project-card-comfort-map,.project-card-air-quality-map{grid-column:span 5;width:100%;display:flex}.project-card-visual-design,.project-card-hr-crm-system{grid-row:span 2;grid-column:span 3;width:100%;display:flex}.project-card-graphic-design{grid-column:span 5;width:100%;display:flex}.main-projects-title{grid-column:span 3;text-transform:uppercase;padding:42px;width:100%;display:flex;box-sizing:border-box}.timeline-item{position:relative}.timeline-item-visible{z-index:2}.timeline{display:flex;flex-direction:column;align-items:flex-start;gap:var(--size-l);position:relative;padding-top:var(--size-l);background-color:var(--background-color)}.timeline-item{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;width:600px;margin:0 auto;gap:var(--size-l);box-sizing:border-box}.timeline-item-years{font-size:var(--font-size-body);font-weight:var(--font-weight-body);text-transform:uppercase;white-space:pre-line}.widget-first-img{position:relative;z-index:2}.timeline-item-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:var(--size-m)}.timeline-item-position{font-size:1.75rem;font-weight:var(--font-weight-body)}.main-skillset-title{text-transform:uppercase}.skillset-table{display:flex;flex-direction:row;justify-content:space-between;gap:40px;padding-top:40px;position:relative;z-index:2}.skillset-column{display:flex;flex-direction:column;flex:1}.skillset-column-title{font-size:var(--font-size-subtitle)}.main-skillset{min-height:calc(80vh - 137px);padding-top:96px;margin-top:40px;padding-left:96px;padding-right:96px;position:relative}.skillset-skillset{display:flex;margin-top:32px;flex-direction:row;flex-wrap:wrap;gap:16px}.timeline-responsibilities{display:flex;flex-direction:column;gap:8px}.main-experience-title{margin:0 auto;width:auto;position:sticky;top:0;text-align:center;padding-top:var(--size-l);background-color:var(--background-color);box-shadow:0 0 30px 30px var(--card-background-color);z-index:1;margin-bottom:calc(100vh - 195px);text-transform:uppercase}.timeline{position:relative;margin-top:calc(-100vh + 195px)}.scroll-container{position:sticky;top:195px;height:calc(100vh - 195px)}.projectHeader{box-sizing:border-box;padding:40px;display:flex;position:relative;z-index:2}.mouse-video{width:320px;background:#000;border-radius:16px;overflow:hidden;position:fixed;z-index:10;opacity:0;transition:opacity .2s ease-in-out;vertical-align:top}.hidden-video{height:0;opacity:0;pointer-events:none;position:absolute}.mouse-video-shown{opacity:1}.mouse-video video{width:100%;vertical-align:top}.projectHeaderLeft{width:510px;display:flex;flex-direction:column;gap:40px;position:relative}.projectHeaderYears{margin-top:16px}.projectHeaderRight{position:relative;width:calc(100% - 460px);display:flex;flex-direction:column;align-items:flex-end;padding-left:80px}.projectHeaderVideo{width:100%;border-radius:16px;transition:all .4s ease-in-out;display:block;box-shadow:0 0 16px 0 var(--card-border-color)}.projectHeaderVideo:hover{width:100%}.projectHeaderTitle{margin-bottom:16px}.projectHeaderResultsScroll{display:flex;gap:20px;width:100%;overflow:auto;padding:40px;box-sizing:border-box;position:relative;z-index:2;overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none}.projectHeaderResultCard{padding:24px;min-width:210px;max-width:210px;border-radius:16px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;background-color:transparent;backdrop-filter:saturate(2) blur(10px) url(#glass-distortion);-webkit-backdrop-filter:saturate(2) blur(10px) url(#glass-distortion);border:2px solid var(--card-border-color);transition:transform .2s}.graphic-design-title{padding:16px;margin:0 auto;text-align:center}.navigation-header-links{display:flex;flex-direction:row;gap:40px}.projectHeaderResultCardNumber{justify-content:center}.projectHeaderResultCard:hover{transform:scale(1.05)}.projectHeaderResultTitle{font-size:28px;text-transform:uppercase;margin-bottom:16px}.projectHeaderResultTitleNumber{font-size:64px;margin:0 auto 16px}.projectHeaderSectionTitle{font-size:28px;text-transform:uppercase;margin-bottom:16px}.projectHeaderResultDescriptionNumber{text-align:center;width:100%}p{margin:0}.phoneScreensGallery{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;width:100%;box-sizing:border-box;overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none;position:relative;z-index:2;gap:20px;padding-top:40px;padding-bottom:40px;max-width:1400px;margin:0 auto}.phoneScreensGalleryStyled{scrollbar-width:0;max-width:1400px;margin:0 auto;box-sizing:border-box;height:520px;overflow-y:hidden}.lun-misto-widgets-root{width:100%}.section-title{width:100%;overflow:hidden}.phoneScreensGallery img{width:244px;border-radius:16px;overflow:hidden;transition:transform .2s}.phoneScreensGallery img:hover{transform:scale(1.05)}.phoneScreensGallery img:first-child{margin-left:40px}.phoneScreensGallery img:last-child{margin-right:40px}@theme inline{ --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); }.dark{--background: oklch(.145 0 0);--foreground: oklch(.985 0 0);--card: oklch(.205 0 0);--card-foreground: oklch(.985 0 0);--popover: oklch(.205 0 0);--popover-foreground: oklch(.985 0 0);--primary: oklch(.922 0 0);--primary-foreground: oklch(.205 0 0);--secondary: oklch(.269 0 0);--secondary-foreground: oklch(.985 0 0);--muted: oklch(.269 0 0);--muted-foreground: oklch(.708 0 0);--accent: oklch(.269 0 0);--accent-foreground: oklch(.985 0 0);--destructive: oklch(.704 .191 22.216);--border: oklch(1 0 0 / 10%);--input: oklch(1 0 0 / 15%);--ring: oklch(.556 0 0);--chart-1: oklch(.488 .243 264.376);--chart-2: oklch(.696 .17 162.48);--chart-3: oklch(.769 .188 70.08);--chart-4: oklch(.627 .265 303.9);--chart-5: oklch(.645 .246 16.439);--sidebar: oklch(.205 0 0);--sidebar-foreground: oklch(.985 0 0);--sidebar-primary: oklch(.488 .243 264.376);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.269 0 0);--sidebar-accent-foreground: oklch(.985 0 0);--sidebar-border: oklch(1 0 0 / 10%);--sidebar-ring: oklch(.556 0 0)}.phoneScreensGalleryStyled{padding:40px;display:flex;flex-direction:row;justify-content:center;align-items:flex-start;position:relative;z-index:2;gap:30px}.phoneScreensGalleryStyled img{border-radius:16px;overflow:hidden;transition:transform .5s ease-in-out}.phoneScreensGalleryStyled img:nth-child(1){position:relative;transform:translate(93%) translateY(12%) scale(.7) rotate(-25deg);z-index:1}.phoneScreensGalleryStyled img:nth-child(2){position:relative;transform:translate(43%) translateY(0) scale(.82) rotate(-15deg);z-index:2}.phoneScreensGalleryStyled img:nth-child(3){position:relative;z-index:3}.phoneScreensGalleryStyled img:nth-child(4){position:relative;transform:translate(-43%) translateY(0) scale(.82) rotate(15deg);z-index:2}.phoneScreensGalleryStyled img:nth-child(5){position:relative;transform:translate(-93%) translateY(12%) scale(.7) rotate(25deg);z-index:1}.phoneScreensGalleryStyled:hover img{transform:none}.phoneScreensGalleryStyled img:hover{transform:scale(1.05);transition:transform .2s}.lun-misto-air-watch-image-root{position:relative;z-index:2;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center}.lun-misto-air-watch-image{z-index:2;max-width:800px;width:100%;align-self:center;text-align:center;border-radius:var(--border-radius);transition:transform .2s ease-in-out}.lun-misto-air-watch-image:hover{transform:scale(1.05)}a{color:inherit}.accordion{position:relative;z-index:2;border:2px solid white;border-radius:var(--border-radius);max-width:600px;margin:0 auto;box-sizing:border-box;-webkit-backdrop-filter:saturate(2) blur(10px) url(#glass-distortion);backdrop-filter:saturate(2) blur(10px) url(#glass-distortion)}.accordion-description{max-height:0;height:100%;overflow:hidden;transition:max-height .5s ease-in-out;position:relative;z-index:2;border-bottom:2px solid white;box-sizing:border-box}.accordion-description-last{border-bottom:0}.accordion-description-inner{padding:0 40px 16px}.accordion-description-open{max-height:500px}.acc-title-container-closed{border-bottom:2px solid white}.acc-title-container-closed:last-of-type{border-bottom:none}.accordion-title{font-size:28px;padding:16px 40px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;cursor:pointer;text-transform:uppercase}.accortion-title-container{padding:16px 40px}.accordion-title svg{transition:transform .2s}.accordion-title-open svg{transform:rotate(180deg)}.lettersPullUp{display:flex;flex-direction:row;align-items:baseline;flex-wrap:nowrap}.h1PullUp{text-transform:uppercase;font-size:var(--font-size-h1)}.footer{-webkit-user-select:auto;user-select:auto;display:flex;flex-direction:row;justify-content:space-between;padding:46px 90px;gap:16px;box-sizing:border-box;position:relative;z-index:2;opacity:.7}.footer-column{display:flex;flex-direction:column;gap:8px;box-sizing:border-box}.footer-column:nth-child(2){display:flex;align-items:center}.footer-column:nth-child(3){display:flex;align-items:flex-end}.more-projects{display:flex;flex-direction:column;position:relative;z-index:2;padding:40px}.more-projets-title{font-size:64px;margin:0 auto 80px;box-sizing:border-box;text-transform:uppercase}.more-projects-list{display:flex;flex-direction:column}.more-projects-project{display:flex;flex-direction:row;justify-content:space-between;border-bottom:2px solid var(--card-border-color);padding:16px 40px;text-decoration:none}.more-projects-project-title{font-size:28px;text-transform:uppercase;text-decoration:none}.more-projects-project-details{display:flex;flex-direction:row;align-items:center;gap:16px}.shout-out{display:flex;flex-direction:column;gap:8px;margin:120px auto 80px;position:relative;z-index:2;max-width:440px}.shout-out-title{font-size:28px;text-transform:uppercase;text-align:center}.shout-out-person{text-align:center}.clean-air-title{font-size:64px;margin:80px auto 32px;text-align:center;text-transform:uppercase}.logos-list{margin-top:80px;position:relative;display:flex;flex-direction:row;gap:24px;align-items:center;justify-content:center;width:100%;overflow-x:auto}.air-logo{border:2px solid var(--card-border-color);border-radius:var(--border-radius);padding:24px;height:75px}.clean-air-subtitle{margin:0 auto;text-align:center}.process-title{font-size:64px;text-align:center;margin:0 auto;text-transform:uppercase}.section-title-root{margin-bottom:40px;position:relative;z-index:2;margin-top:120px}.section-title{font-size:64px;text-align:center;text-transform:uppercase}.section-subtitle{text-align:center;margin:16px auto 0}.lun-misto-widgets-root{display:flex;flex-direction:row;max-width:800px;align-items:center;margin:40px auto 0;z-index:2;position:relative;justify-content:space-between}.widget-first-img{height:360px;width:360px;border-radius:var(--border-radius);transition:transform .2s ease-in-out}.widget-first-img:hover{transform:scale(1.05)}.widget-second-img{width:360px;border-radius:var(--border-radius);transition:transform .2s ease-in-out}.widget-second-img:hover{transform:scale(1.05)}.scroll-down{position:fixed;bottom:40px;left:50%;z-index:2;transform:translate(-50%);background:transparent;border:0;outline:0;display:flex;gap:8px;flex-direction:column;align-items:center;color:currentColor;font-size:1rem;cursor:pointer}.scroll-down.fading-out{animation:fadeOut .5s forwards}@keyframes fadeOut{to{opacity:0;pointer-events:none}}.soundButton{display:flex;align-items:center;position:absolute;top:20px;left:20px;z-index:2;background:transparent;color:#fff;outline:0;border:0;font-size:1rem;cursor:pointer;padding:8px;gap:8px}.soundButton svg{width:16px;height:16px;transform:translateY(-2px)}.card-popup-video{position:fixed;border-radius:16px;overflow:hidden;transition:opacity .2s ease-in-out;opacity:0}.card-popup-video video{width:256px;position:relative}.card-popup-video-shown{opacity:1}.projectHeaderResults{width:100%}.navigation-header{display:flex;position:relative;z-index:2;gap:16px;padding:40px;justify-content:space-between}.lunie-desktop-screens{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:16px;max-width:1100px;margin:0 auto;z-index:2;position:relative}.lunie-desktop-screens img{width:100%;height:auto;display:block;border-radius:8px;object-fit:cover;transition:transform .2s ease-in-out}.lunie-desktop-screens img:hover{transform:scale(1.02)}@media screen and (max-width: 1200px){.main-projects-title,.project-card-comfort-map{grid-column:span 4}}.graphic-design-grid{position:relative;z-index:2;column-count:3;column-gap:16px;padding:16px}.graphic-design-grid img{width:100%;height:auto;display:block;margin-bottom:16px;border-radius:8px;object-fit:cover;break-inside:avoid;page-break-inside:avoid}@media (max-width: 768px){.graphic-design-grid{column-count:1}}@media screen and (max-width: 960px){.lunie-desktop-screens{display:grid;grid-template-columns:repeat(1,1fr)}.main-projects-title{grid-column:span 8;padding:0 0 40px;text-align:center;width:100%}.main-projects-title h3{width:100%}.project-card-comfort-map,.project-card-air-quality-map,.project-card-visual-design,.project-card-hr-crm-system,.project-card-graphic-design{grid-column:span 8}.compuxter{display:none}.main-skillset{padding-left:16px;padding-right:16px}.skillset-table{flex-direction:column}.timeline-item{flex-direction:column;gap:16px;padding-left:16px;padding-right:16px;width:100%}.timeline-item-content{width:100%}.timeline-item-years{white-space:nowrap}.timeline-item-position{white-space:break-spaces}.main-subtitle{top:-40px}.main-links{flex-wrap:wrap;gap:8px}.bento-box{padding-left:16px;padding-right:16px}.main-description{text-align:right}h3{font-size:3rem}.footer{color:#fff;opacity:.7;margin-top:100px;padding-top:40px;overflow:hidden;padding-right:16px;padding-left:16px;flex-direction:column}.h1PullUp{font-size:4rem}.card{padding:24px}.main-experience-title{padding:28px}.card-title{font-size:2rem}.card-description{font-size:1rem}.footer-column:nth-child(2){align-items:flex-start;order:3}.footer-column:nth-child(3){align-items:flex-start}.projectHeader{flex-direction:column-reverse}.projectHeaderRight{width:100%;box-sizing:border-box;padding:0 0 40px}.projectHeaderLeft{width:100%;padding:24px;box-sizing:border-box}.projectHeaderTitle{font-size:3rem}.projectHeaderResultsScroll{padding-right:16px;padding-left:16px;box-sizing:border-box}.projectHeader{padding-right:16px;padding-left:16px}.projectHeaderResultTitleNumber{font-size:3rem}.accordion-title{padding:16px 24px}.accordion-description-inner{padding-right:24px;padding-left:24px}.more-projects-project{padding:16px 0}.more-projects-project-details{white-space:nowrap}.main-skillset-title{text-align:center}.more-projects{padding-left:16px;padding-right:16px}.phoneScreensGallery img{min-width:244px}.phoneScreensGalleryStyled{justify-content:flex-start;gap:20px;width:100%;overflow-x:scroll}.phoneScreensGalleryStyled img{min-width:244px;transform:none!important}.lun-misto-widgets-root{flex-direction:column;gap:40px}.lun-misto-air-watch-image-root{padding:16px;box-sizing:border-box}.section-title{font-size:2rem}.logos-list{width:100%;flex-direction:column}.more-projets-title{font-size:2rem}.graphic-design-title{font-size:3rem;white-space:nowrap}}@media screen and (max-width: 600px){.accordion{margin:16px;widht:100%}.more-projects-project{flex-direction:column}.graphic-design-title{font-size:2.5rem;white-space:nowrap}}@keyframes bounce{0%{height:4px;y:26px}25%{height:10px;y:20px}50%{height:6px;y:24px}75%{height:12px;y:18px}to{height:4px;y:26px}}.bar{animation-name:bounce;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1s}.bar-0{animation-delay:0s}.bar-1{animation-delay:.2s}.bar-2{animation-delay:.4s}.bar-3{animation-delay:.6s}.badge{position:fixed;bottom:16px;right:16px;background:#000;border-radius:16px;padding:16px;border:1px solid white;opacity:0;transform:translateY(100%);transition:all .2s ease-in-out}.footer-email{cursor:pointer;text-decoration:underline}.badge-visible{opacity:1;transform:translateY(0)}