.hero{margin-block-start:50px}.hero.wrapper{display:flex;flex-direction:column;justify-content:space-between;overflow:visible}.hero__text{align-self:start;max-width:520px}.hero__text .small{color:var(--c-black);display:block;font-family:var(--main-font);font-size:clamp(1.25rem,1.455vw + .909rem,2rem);letter-spacing:5%;max-width:-moz-max-content;max-width:max-content}.hero__text h1{max-width:13ch}.hero__text h1>span{color:var(--c-orange)}.hero__text .btn{display:none}.hero img{min-width:342px;width:100%}.hero__img{align-self:flex-end;position:relative;transform:translate(calc(65% - 50vw),calc(-109px - 10vw));z-index:-1}.hero__img .outline{inset:0;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.4),rgba(0,0,0,.7));mask-image:linear-gradient(180deg,rgba(0,0,0,.4),rgba(0,0,0,.7));position:absolute;transform:translate(-11%,-8.5%);width:124%}.hero__img .outline path:first-of-type{animation:outline-rotate 5s ease-in-out infinite alternate}.hero__img .outline path:nth-of-type(2){animation:outline-rotate 6.25s ease-in-out infinite alternate}.hero__img .outline path:nth-of-type(3){animation:outline-rotate 7.5s ease-in-out infinite alternate}.hero__img .outline path:nth-of-type(4){animation:outline-rotate 8.75s ease-in-out infinite alternate}.hero__img .outline path:nth-of-type(5){animation:outline-rotate 10s ease-in-out infinite alternate}.hero__img .outline path{stroke-width:.6;transform-origin:65% 70%}@keyframes outline-rotate{to{transform:rotate(-2deg)}}.hero .lines{margin-block-start:-90px;min-width:100vw;transform:translateX(-1rem)}footer,header,main{container-type:inline-size}header{container-name:header}main{container-name:main}footer{container-name:footer}@container header (min-width: 770px){.menu-btn{display:none}body .nav{align-items:flex-end;display:flex;justify-content:flex-start;min-height:79px;width:min(1000px,100% - 2rem)}body .nav .navbar{align-self:flex-start;padding:1rem 2.5rem .5rem 0}body a.menu__link:is(:focus-visible,:hover),body button.menu__link:is(:focus-visible,:hover){background-color:transparent}.nav div.menu{animation:none;border-radius:0;box-shadow:none;min-height:69px;overflow:visible;padding:1rem 0 var(--padding-outline) var(--padding-outline);position:static;transform:none;width:100%}.nav div.menu .menu-list{align-items:flex-end;display:flex;flex:2;flex-wrap:wrap;gap:30px;justify-content:flex-start;width:-moz-fit-content;width:fit-content}.nav div.menu .menu__item{display:flex;justify-content:center}.nav div.menu .menu__link{line-height:inherit;padding:.5rem .5rem 0;position:relative;text-wrap:nowrap}.nav div.menu .menu__link:after{background-color:var(--c-orange);border-radius:2px;content:"";height:0;inset:auto 0 0;position:absolute;transition:height .3s ease-in-out}.nav div.menu .menu__link:is(:focus-visible,:hover):after{height:4px}.nav div.menu .menu-portfolio{position:relative}.nav div.menu .menu-portfolio .submenu{background-color:var(--c-white);border:2px solid var(--c-black);border-radius:0 0 8px 8px;border-top:2px solid transparent;box-shadow:8px 8px var(--c-black);padding-block:1rem var(--padding-outline);position:absolute;top:70%;z-index:-1}.nav div.menu .menu-portfolio .submenu>*{padding:.5rem}.nav div.menu .menu-portfolio .submenu a{padding:0}body .lang-nav{--first-icon-open:translate(0,var(--icon-offset));--second-icon-closed:translate(0,calc(var(--icon-offset)*-1));--third-icon-closed:translate(0,calc(var(--icon-offset)*-2));align-items:flex-end;height:47px;justify-content:end;margin:0 0 0 auto;max-width:47px;padding:0}body .lang-nav:is(:focus-visible,:hover,:focus-within){background-color:transparent}body .lang-nav:is(:focus-visible,:hover,:focus-within) .lang-nav__btn{background-color:var(--c-white)}body .lang-nav:is(:focus-visible,:hover) .lang-nav__btn{background-color:var(--c-black);fill:var(--c-white)}body .lang-nav__btn{border:var(--border);transition:border .3s ease-in-out,background-color .3s ease-in-out,fill .3s ease-in-out}body .lang-nav__btn:is(:focus-visible,:hover){outline-color:var(--c-black)}body .lang-nav ul li:first-child{background-color:var(--c-saturated)}body .lang-nav ul li:nth-child(2){background-color:var(--c-yellow)}body .lang-nav ul li:nth-child(3){background-color:var(--c-orange)}body .lang-nav ul{flex-direction:column}body .lang-nav__item{border:2px solid transparent;text-align:center}body .lang-nav__item[aria-selected=true]{border:var(--border);color:var(--c-black)}body .lang-nav[aria-expanded=true] .lang-nav__btn{background-color:var(--c-black);border-color:transparent;fill:var(--c-white)}body .lang-nav[aria-expanded=true] .lang-nav__container{width:var(--icon-size)}body .hero.wrapper:where(:has(.hero__text)){flex-direction:row}body .hero__text{align-self:stretch;display:grid;max-width:540px}body .hero__text h1{align-self:end;line-height:1.1;max-width:unset;text-wrap:nowrap}body .hero__img{max-width:46%;transform:translate(0)}body .hero__img .outline{overflow:hidden;transform:translate(-8%,-8%);width:128%}body .hero__img .outline path{stroke-width:1;transform-origin:45% 100%}body .hero .lines:not(.gallery__lines){display:none}body .hero:where(:has(.btn)){padding-block-end:clamp(50px,5.5vw,90px)}body .hero .btn{align-self:end;display:grid;justify-self:end}}@container header (min-width: 1000px){body .nav{align-items:flex-end;min-width:-moz-fit-content;min-width:fit-content}body .nav .logo{padding-inline-start:0}body .nav .logo,body .nav .logo>img{width:70px}body .nav .navbar{padding-inline-start:0}body .nav .menu{padding:0 0 var(--padding-outline) var(--padding-outline)}body .lang-nav{align-self:flex-end}body .lang-nav[aria-expanded=true]{max-width:var(--max-width)}body .lang-nav ul{--first-icon-open:translateX(calc(var(--icon-offset)*-1));--second-icon-closed:translateX(calc(var(--icon-offset)*1));--third-icon-closed:translateX(calc(var(--icon-offset)*2));flex-direction:row-reverse}body .hero .btn{align-self:center;margin-block-start:3rem}}@container main (min-width: 770px){body .about-me__container{min-height:350px}body .section.skills .wrapper p{margin-inline:unset}body .skills .circle{transform:translate(40vw,20%)}body .skills__container{align-items:center;grid-template-columns:50% 50%}body .skills__container .window{margin-block-start:0}body .animated-elements:not(.digital){--cat-size:300px}body .animated-elements:not(.digital) .cat{transform:translateY(125px)}}@container main (min-width: 850px){body .portfolio .portfolio-gallery{padding-block-end:76px}body .portfolio .portfolio-gallery__card .data{scale:1}body .portfolio .portfolio-gallery__card:first-child{transform:rotate(-20deg) translateY(60px)}body .portfolio .portfolio-gallery__card:first-child:is(:hover,:focus-visible){transform:rotate(-20deg) translate(-2em,-2em)}body .portfolio .portfolio-gallery__card:nth-child(2){transform:rotate(-10deg) translateY(15px)}body .portfolio .portfolio-gallery__card:nth-child(2):is(:hover,:focus-visible){transform:rotate(-10deg) translate(-2em,-2em)}body .portfolio .portfolio-gallery__card:nth-child(3):is(:hover,:focus-visible){transform:rotate(0deg) translate(-2em,-2em)}body .portfolio .portfolio-gallery__card:nth-child(4){transform:rotate(10deg) translateY(15px)}body .portfolio .portfolio-gallery__card:nth-child(4):is(:hover,:focus-visible){transform:rotate(10deg) translate(-2em,-2em)}body .portfolio .portfolio-gallery__card:nth-child(5){transform:rotate(20deg) translateY(60px)}body .portfolio .portfolio-gallery__card:nth-child(5):is(:hover,:focus-visible){transform:rotate(20deg) translate(2em,-2em)}}@container main (min-width: 1000px){body .about-me h3{display:flex;font-size:3rem;font-weight:500;height:auto;justify-content:space-between;overflow:initial;padding-inline-end:100px;position:relative;width:auto}body .about-me h3>:not(:last-child){opacity:0;transform:translateY(30px)}body .about-me h3 span[lang=pl]{color:hsl(from var(--c-black) h s l/.6);rotate:-10deg}body .about-me h3 span[lang=fr-FR]{rotate:10deg}body .about-me h3 span[lang=ja-Hira]{font-family:"MS Gothic",Arial,sans-serif;font-size:2.25rem;height:0;inset:9rem -.5rem auto auto;letter-spacing:.25em;overflow:hidden;position:absolute;word-break:keep-all;writing-mode:vertical-rl}body .about-me.animate h3 span:not(:last-child){animation:pop-up .4s ease-out forwards}body .about-me.animate h3 span:first-child{animation-delay:0s}body .about-me.animate h3 span:nth-child(2){animation-delay:.75s}body .about-me.animate h3 span:nth-child(3){animation-delay:1.5s}body .about-me.animate span[lang=ja-Hira]{animation:unroll 2s ease-out 2s forwards}body .about-me.animate text{animation:pop-up .4s ease-out 1s forwards}body .about-me.animate .about-me__frame{animation:path-length 4s ease-in-out forwards}@keyframes path-length{to{stroke-dasharray:1}}@keyframes pop-up{to{opacity:1;transform:translate(0)}}@keyframes unroll{to{height:800px}}body .about-me div.about-me__container{align-items:center;display:grid;grid-template-columns:1fr 57.5%;margin-block-start:0;max-width:1080px;width:90%}body .about-me__frame{display:block;grid-column:1/3;grid-row:1/2;height:100%;overflow:visible;stroke-dasharray:0 1;stroke-width:1;width:100%}body .about-me .about-me__text{padding:2rem}body .about-me__text{grid-column:2/3;grid-row:1/2;margin-inline:auto;max-width:100%}body .about-me__text p{min-width:100%}body .about-me .btn{display:none}body .about-me .widget{grid-column:1/2;grid-row:1/2;margin:100px auto 0 -20px}body .about-me .widget__avatar{width:100%}body .about-me .widget__text{display:none}body .portfolio:after{background:none;-webkit-mask-image:none;mask-image:none}body .portfolio .wrapper{position:relative}body .portfolio .wrapper:after{background:url(../assets/svg/dots-path-background.svg) no-repeat 50% 15px;content:"";height:100%;inset:0;margin-inline:auto;position:absolute;width:clamp(995px,90%,1000px);z-index:-2}body .contact .wrapper{padding-block-end:0}body .contact>.wrapper:first-child{align-items:flex-start;display:flex;height:85vh}body .contact>.wrapper:first-child .window{align-self:center;margin:0}body .animated-elements:not(.digital){--cat-size:400px;height:auto}body .animated-elements:not(.digital) .sun{transform:translate(55vw,5%)}body .animated-elements:not(.digital) .cat{transform:translateY(160px)}}@container main (min-width: 1300px){body .skills .spark-1{transform:translate(34vw,-80%)}}@container main (min-width: 1700px){body .contact .sun{transform:translate(calc(55vw - 50%),5%)}}@container footer (min-width: 770px){footer p{text-align:center}}@container header (min-width: 1000px){body .hero__gallery{margin:150px auto 80px}}@container main (min-width: 1000px){body .gallery{margin-block-end:300px}}@container header (min-width: 770px){body.digital h1.hero__header{margin-inline-start:110px;max-width:700px}}@container main (min-width: 770px){body.digital .description{grid-template-rows:auto auto}body.digital .description p:last-child{margin-inline-start:auto}body.digital .digital-gallery{gap:4rem}}:root{--c-black:#181306;--c-white:#fffaeb;--c-green:#dce5c8;--c-yellow:#ffb433;--c-orange:#e07038;--c-saturated:#5ed499;--accent-font:"Playfair Display","Times New Roman",serif;--main-font:"Source Sans 3","Helvetica",sans-serif;--mono-font:"Cutive Mono",monospace;--border:2px solid var(--c-black);--border-radius:25px;--shadow:0 -10px 10px hsl(from var(--c-black) h s l/0.11);--padding-outline:6px;--icon-size:45px;--icon-border-radius:12px}@font-face{font-display:swap;font-family:"Source Sans 3";font-weight:400;src:url(../assets/fonts/Source_Sans_3/SourceSans3-Medium.woff2) format("woff2"),url(../assets/fonts/Source_Sans_3/SourceSans3-Medium.woff) format("woff")}@font-face{font-display:swap;font-family:"Source Sans 3";font-weight:700;src:url(../assets/fonts/Source_Sans_3/SourceSans3-Bold.woff2) format("woff2"),url(../assets/fonts/Source_Sans_3/SourceSans3-Bold.woff) format("woff")}@font-face{font-display:swap;font-family:"Playfair Display";font-weight:400;src:url(../assets/fonts/Playfair_Display/PlayfairDisplay-Medium.woff2) format("woff2"),url(../assets/fonts/Playfair_Display/PlayfairDisplay-Medium.woff) format("woff")}@font-face{font-display:swap;font-family:"Playfair Display";font-weight:700;src:url(../assets/fonts/Playfair_Display/PlayfairDisplay-Bold.woff2) format("woff2"),url(../assets/fonts/Playfair_Display/PlayfairDisplay-Bold.woff) format("woff")}@font-face{font-display:swap;font-family:"Cutive Mono";font-style:normal;font-weight:400;src:url(../assets/fonts/Cutive_Mono/cutivemono-regular-webfont.woff2) format("woff2"),url(../assets/fonts/Cutive_Mono/cutivemono-regular-webfont.woff) format("woff")}html{box-sizing:border-box;font-size:100%;scroll-behavior:smooth}body,html{overflow-x:clip}*{margin:0;padding:0}*,:after,:before{box-sizing:inherit}body{background-color:var(--c-white);color:var(--c-black);font-family:var(--main-font);font-size:clamp(1rem,.97vw + .773rem,1.5rem);line-height:1.5;min-height:100vh;overflow-y:scroll;width:100%}body :focus-visible,body:focus-within{outline-color:outline-clr(var(--c-white))}.preload *,.preload :after,.preload :before{animation-duration:0!important}img{display:block;height:auto;max-width:100%}footer,header,main{min-width:375px}.nav,header,section:not(.hero){width:100%}main :target{scroll-margin-block-start:3rem}.wrapper{margin-inline:auto}.wrapper:not(.nav){width:min(1000px,100% - 2rem)}:is(.about-me,.skills)>.wrapper{padding-block-end:clamp(50px,5.5vw,90px)}.about-me__container>*+*,:is(.about-me,.skills,.contact)>.wrapper>*+*{margin-block-start:clamp(50px,2vw,70px);margin-inline:auto}.portfolio{padding-block-end:clamp(70px,5.5vw,80px)}.portfolio .wrapper>*+*{margin-block-start:clamp(70px,5.5vw,80px);margin-inline:auto}svg.icon{height:34px;width:34px}button,input,select,textarea{font:inherit}.btn,h1,h2,h3{font-family:var(--accent-font);font-weight:700;text-wrap:balance}h1{font-size:clamp(2.5rem,6.788vw + .909rem,96px);font-weight:400;line-height:1.3}.section__header{padding-block-start:3em;position:relative;text-align:left}.section__header h2{display:inline-block;font-size:clamp(2.25rem,3.394vw + 1.455rem,4rem);line-height:1;position:relative}.section__header h2:after{background-image:linear-gradient(to left,var(--c-yellow) 10%,var(--c-orange) 100%);content:"";display:block;height:35%;position:absolute;transform:translateY(-.3em);width:calc(100% + .5em);z-index:-1}.btn,h3{font-size:clamp(1.5rem,.97vw + 1.273rem,2rem)}.about-me__text,.contact__metadata,.skills__text,p{max-width:55ch;overflow-wrap:break-word;text-wrap:pretty}ul{list-style:none;padding-inline-start:0}a{color:inherit;text-decoration:none}::-moz-selection{background-color:var(--c-orange);color:var(--c-white)}::selection{background-color:var(--c-orange);color:var(--c-white)}footer ::-moz-selection{background-color:var(--c-yellow)}footer ::selection{background-color:var(--c-yellow)}:focus-visible{outline:3px dashed;outline-offset:3px}.screen-reader-text{background-color:var(--c-black);color:var(--c-white);font-size:1.5rem;padding:1em;position:absolute;transform:translate(-9999px);z-index:100}.screen-reader-text:focus-visible{opacity:1;transform:translate(6px,6px)}.stt{bottom:2.5em;opacity:0;pointer-events:none;position:fixed;right:5%;transition:.5s;visibility:hidden;z-index:10}.stt.active{opacity:1;pointer-events:auto;visibility:visible}.nav{--animation-timing-function:linear(0,0.002 0.5%,0.008 1.1%,0.017 1.6%,0.031 2.2%,0.049 2.8%,0.07 3.4%,0.098 4.1%,0.129 4.8%,0.184 5.9%,0.257 7.2%,0.551 12.1%,0.671 14.2%,0.735 15.4%,0.789 16.5%,0.839 17.6%,0.881 18.6%,0.923 19.7%,0.957 20.7%,0.99 21.8%,1.019 22.9%,1.043 24%,1.063 25.1%,1.08 26.2%,1.094 27.4%,1.107 29%,1.114 30.7%,1.116 32.5%,1.112 34.5%,1.105 36.1%,1.095 37.9%,1.041 45.8%,1.018 49.9%,1.008 52.1%,1 54.4%,0.994 56.7%,0.99 59.1%,0.987 62.3%,0.987 65.9%,0.999 84.9%,1);--menu-item-height:5rem;--nav-closed:calc(var(--menu-item-height)*-9);--nav-opened:calc(var(--menu-item-height)*-1 + var(--padding-outline));position:relative}.nav .navbar{background-color:var(--c-white);display:flex;justify-content:space-between;padding:1rem 1rem .5rem;position:relative;z-index:99}.nav .logo,.nav .logo>img,.nav .menu-btn{width:55px}.nav .menu-btn{position:relative;z-index:100}.nav .menu-btn__burger,.nav .menu-btn__burger:after,.nav .menu-btn__burger:before{background-color:var(--c-black);border-radius:2px;height:2px;margin-inline:auto;transition:all .4s ease-in-out;width:40px}.nav .menu-btn__burger{display:block;position:relative}.nav .menu-btn__burger:after,.nav .menu-btn__burger:before{content:"";position:absolute}.nav .menu-btn__burger:before{transform:translate(-20px,-11px)}.nav .menu-btn__burger:after{transform:translate(-20px,11px)}.nav:has(.menu[aria-expanded=true]) .menu-btn>*{background:transparent;width:0}.nav:has(.menu[aria-expanded=true]) .menu-btn>:before{transform:translate(-20px) rotate(405deg)}.nav:has(.menu[aria-expanded=true]) .menu-btn>:after{transform:translate(-20px) rotate(-405deg)}.nav .lang-nav__link,.nav .menu__link{letter-spacing:.1em}.nav .menu{background:var(--c-white);border-radius:0 0 var(--border-radius) var(--border-radius);box-shadow:7px 12px var(--c-black);overflow:hidden;padding-block:var(--menu-item-height) var(--padding-outline);position:absolute;text-align:center;text-transform:lowercase;width:100vw;z-index:98}.nav .menu .menu-list{background-color:var(--c-white)}.nav .menu__link{display:block;font-size:1.25rem;line-height:2;padding:1rem}.nav .menu[aria-expanded=false]{animation:close-nav .65s forwards;display:none}.nav .menu[aria-expanded=true]{animation:open-nav .65s forwards;display:block}.nav .menu[aria-expanded=false],.nav .menu[aria-expanded=true]{animation-timing-function:var(--animation-timing-function)}.nav+.nav-overlay{backdrop-filter:blur(5px);inset:0;opacity:0;position:fixed;transition:visibility .2s ease-in-out,.2s ease-in-out;visibility:hidden;z-index:10}.nav:has(.menu[aria-expanded=true])+.nav-overlay{background-color:rgba(0,0,0,.8);opacity:1;visibility:visible}.lang-nav:is(:focus-visible,:hover),.menu__link:is(:focus-visible,:hover){background-color:hsl(from var(--c-orange) h s l/.5)}.lang-nav:is(:focus-visible,:hover) .lang-nav__btn,.menu__link:is(:focus-visible,:hover) .lang-nav__btn{background-color:#efb48f}button.menu__link{display:block;width:100%}button.menu__link span{display:inline-block;transition:transform .3s ease-in-out}.menu-list:has(.submenu[aria-expanded=true]) button.menu__link span{transform:rotate(90deg)}.submenu{max-height:0;overflow-y:clip;padding-block:var(--padding-outline);transition:max-height .3s ease-in-out}.submenu[aria-expanded=false]{animation:close-submenu .5s forwards;display:none}.submenu[aria-expanded=true]{animation:open-submenu .5s forwards;display:block}.submenu .menu__link{padding:.75rem .75rem .75rem 40%;text-align:left}.lang-nav{--slide-duration:0.25s;--delay:0.075s;--gap:8px;--icon-offset:calc(var(--icon-size) + var(--gap));--icon-count:4;--max-width:calc(var(--icon-size)*var(--icon-count) + var(--gap)*(var(--icon-count) - 1));--first-icon-open:translate(var(--icon-offset),0);--second-icon-closed:translate(calc(var(--icon-offset)*-1),0);--third-icon-closed:translate(calc(var(--icon-offset)*-2),0);cursor:pointer;display:flex;height:-moz-fit-content;height:fit-content;justify-content:center;padding-block:1rem}.lang-nav ul,.lang-nav__item{height:var(--icon-size);width:var(--icon-size)}.lang-nav__btn,.lang-nav__container{height:47px;width:47px}.lang-nav__container{align-items:center;display:inline-grid;transition:width var(--slide-duration) ease-out}.lang-nav__container>*{grid-column:1/1;grid-row:1/1}.lang-nav__btn{fill:var(--c-black);position:relative;transform:translateX(-1px);z-index:4}.lang-nav__btn:is(:focus-visible,:hover,:focus-within){outline-color:transparent}.lang-nav__btn svg{height:100%;padding:8px;width:100%}.lang-nav__btn,.lang-nav__item{background-color:var(--c-white);border-radius:var(--icon-border-radius)}.lang-nav ul{display:inline-flex;gap:var(--gap);transition:transform var(--slide-duration) ease-out;transition-delay:calc(var(--stagger-index)*var(--delay))}.lang-nav__item{border:var(--border);flex-shrink:0;line-height:1.7;pointer-events:none;transition:border .3s ease-in-out,background-color .3s ease-in-out,color .3s ease-in-out,transform var(--slide-duration) ease-out calc(var(--stagger-index)*var(--delay));-webkit-user-select:none;-moz-user-select:none;user-select:none}.lang-nav__item[aria-selected=true]{--stagger-index:1;background-color:var(--c-black);color:var(--c-white);font-weight:700;text-transform:uppercase;z-index:3}.lang-nav__item:nth-child(2){--stagger-index:2;z-index:2}.lang-nav__item:nth-child(3){--stagger-index:3}.lang-nav__item a{display:block;font-size:24px}.lang-nav__item:hover:not([aria-selected=true]){background-color:var(--c-black);border:var(--border);color:var(--c-white)}.lang-nav[aria-expanded=true] .lang-nav__container{width:var(--max-width)}.lang-nav[aria-expanded=true] ul{transform:var(--first-icon-open)}.lang-nav[aria-expanded=true] .lang-nav__item:not([aria-selected=true]) a{pointer-events:all}.lang-nav[aria-expanded=false] .lang-nav__container{transition-delay:calc(var(--slide-duration) + var(--delay)*3);width:var(--icon-size)}.lang-nav[aria-expanded=false] ul{--stagger-index:3;transform:translateX(0)}.lang-nav[aria-expanded=false] .lang-nav__item:nth-child(2){--stagger-index:2;transform:var(--second-icon-closed)}.lang-nav[aria-expanded=false] .lang-nav__item:nth-child(3){--stagger-index:1;transform:var(--third-icon-closed)}.lang-nav[aria-expanded=false] a{pointer-events:none}@keyframes open-nav{0%{transform:translateY(var(--nav-closed))}to{transform:translateY(var(--nav-opened))}}@keyframes close-nav{0%{transform:translateY(var(--nav-opened))}to{transform:translateY(var(--nav-closed))}}@keyframes open-submenu{0%{max-height:0;padding:0}to{max-height:400px}}@keyframes close-submenu{0%{max-height:400px}to{max-height:0;padding:0}}