@import url(./global.css);header{display:flex;flex-direction:row;justify-content:space-between;position:fixed;top:0;left:0;padding:1rem;max-height:6rem;align-items:center;background:oklch(97.5% 0 0);box-shadow:4px 8px 16px 0 rgb(0 0 0 / .1);z-index:5;width:100%;align-self:flex-start}header.mobile nav{transform:translateX(0)}header nav{position:absolute;top:0;right:0;z-index:5;display:flex;flex-direction:column;gap:2rem;transform:translateX(150%);transition:transform .3s ease;margin-top:5rem;margin-right:1rem;padding:1rem;backdrop-filter:blur(4rem);border-radius:3rem}header .logo{height:1rem;width:auto;align-self:center}header .menu{height:2rem;width:auto;cursor:pointer;place-self:start end}header nav ul a:hover{color:var(--text)}header ul{display:flex;flex-direction:column;padding:2rem;border-radius:3rem;background:rgba(255,255,255,.6)}header ul,header a.button{box-shadow:0 6px 6px rgba(0,0,0,.2),0 0 20px rgba(0,0,0,.1)}header a{color:unset}a,footer h3{white-space:nowrap}main{transition:filter .3s ease;margin-top:4rem}main,section{scroll-margin-top:4rem}ul{display:flex;gap:2rem}li{display:inline;font-weight:700;font-size:var(--size6)}.button{background:var(--primary);padding:1rem 2rem;border-radius:3rem;font-weight:700;font-size:var(--size6);user-select:none;cursor:pointer;color:var(--text-light);white-space:nowrap;width:fit-content;transition:transform .3s ease}.button:hover{transform:scale(calc(75 / 71))}section{display:flex}#hero{position:relative;flex-direction:column;justify-content:space-between;padding:1rem 2rem;gap:4rem;background:url(../img/hero.webp)no-repeat top right/cover;box-shadow:4px 8px 32px 0 rgb(0 0 0 / .1)}#hero:after{content:"";pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:radial-gradient(150% 250% at left top,rgb(238 238 238)0,rgb(238 238 238 / .99)50%,#fff0 100%)}#hero div{z-index:2}#hero p{font-weight:700;font-size:.75rem;color:var(--heading-dimmed)}#hero .button-container,#hero .textcontainer{display:flex;flex-direction:column;gap:1rem}#hero .button-container a:last-child{background:var(--secondary)}#service{flex-direction:column;align-items:center;padding:2rem;gap:2rem}#service>h3{color:var(--text-dimmed)}.servicegrid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr);gap:1rem;width:100%}.servicegrid h3{font-size:var(--p)}.servicegrid>div{display:flex;flex-direction:column;align-items:center;gap:1rem;border-radius:3rem;background:var(--background-light);padding:2rem 2rem 1rem;box-shadow:4px 8px 32px 0 rgb(0 0 0 / .2);cursor:pointer;transition:transform .3s ease}.servicegrid>div:hover{transform:scale(1.0625)}.servicegrid img{aspect-ratio:1/1}#about{display:flex;flex-direction:column;background:var(--background-light)}.abouttext{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:2rem;width:100%}.abouttext p{font-size:var(--p);line-height:2rem}#sellrow p span,.abouttext span{font-weight:700}.aboutimage{width:100%;object-fit:cover}.aboutcertificate{width:100%}#gallery{flex-direction:column;align-items:center;gap:2rem;padding:2rem}#gallery-filter{display:flex;flex-wrap:nowrap;gap:.5rem;align-self:self-start;justify-content:start;width:100%;overflow-x:scroll;position:sticky;padding:1rem;border-radius:3rem;top:5rem;z-index:4;backdrop-filter:blur(4rem)}.filter-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;max-height:3rem;width:min-content;padding:.5rem 1rem;background:#f5f5f5;border-radius:2rem;font-size:var(--p);cursor:pointer;user-select:none;transition:transform .3s ease}.filter-btn img{max-height:1.5rem;max-width:1.5rem;width:auto;height:auto;object-fit:contain}.filter-btn.active{background:var(--primary);color:var(--text-light)}.filter-btn.active img{filter:invert(1)}.gallerygrid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;width:100%}.gallerygrid img{border-radius:3rem;object-fit:cover;aspect-ratio:1/1;width:100%;cursor:pointer;transition:transform .3s ease}#gallery a{background:var(--background-light);border-radius:3rem;color:var(--text-dimmed);width:100%;text-align:center;font:700 var(--size6)var(--ff);padding:2rem 0;transition:color .3s,transform .3s ease}#gallery a:hover{color:var(--text)}#sellrow{flex-direction:column;align-items:center;gap:2rem;padding:2rem;background:var(--background-light)}#sellrow>p{font-size:var(--size6);color:var(--text-dimmed)}.productcontainer{display:grid;gap:1rem;width:100%;grid-template-columns:repeat(1,1fr)}.product{display:flex;flex-direction:column;gap:1rem;align-items:start;background:var(--product);border-radius:3rem;padding:2rem}.product h3{font-size:var(--p);font-weight:700;color:oklch(90% 0 0);margin-bottom:auto}.product>img{object-fit:contain;width:100%;aspect-ratio:1/1}.product .size,.product .material{display:inline-flex;gap:.5rem;align-items:center;color:var(--text-light);position:relative}.product select{padding:.5rem .5rem .5rem 1rem;font-size:var(--p);background:var(--text);color:var(--text-light)}.size div{display:flex;flex-direction:column}.product p{font-size:var(--size6);color:var(--price);font-weight:900}.product .price{width:100%;text-align:center;}.product .description{display:flex;flex-direction:column;width:100%;height:100%;gap:1rem;justify-content:end}.product .specs{display:flex;flex-direction:column;gap:.75rem}.product .specs span{padding-left:1rem}.product .description img{height:1.5rem}#form{flex-direction:column;padding:2rem;gap:4rem;align-items:center;width:100%}#form form{display:grid;width:100%;gap:2rem;grid-template-columns:repeat(1,1fr)}#form form>span{display:flex;flex-direction:column;width:100%;gap:.25rem}#form label{margin-left:1.5rem}select{user-select:none;cursor:pointer;vertical-align:middle;width:100%;height:100%}.category{position:relative;width:100%;height:100%}.category::before,.product .specs div:has(>select)::before{content:"";position:absolute;width:100%;height:100%;background:url(../img/svg/arrow.svg)no-repeat 90% 50% / 2rem 2rem;transform:scaleY(-1);pointer-events:none;transition:transform .3s ease}.product .specs div:has(>select)::before{filter:invert(.5)}.category.open::before{transform:scaleY(1)}textarea{min-height:8rem;white-space:pre-wrap;overflow-wrap:break-word;resize:vertical;padding:1rem}.textareacounter{width:100%;text-align:end}input,select,textarea{background:var(--background-light);border-radius:3rem;padding:1.5rem;font-size:var(--p)}input[type="submit"]{font-weight:700;font-size:var(--size6);width:min-content;place-self:end}footer{display:flex;flex-direction:column;width:100%;gap:2rem;padding:2rem;background:var(--background-dark)}footer div{display:flex;flex-direction:column;width:100%;gap:2rem}footer h3{color:var(--text-light)}a,footer p{color:var(--text-light-dimmed)}.map iframe{width:100%;height:100%;border-radius:1rem}.quicklinks nav{display:flex;flex-direction:column;gap:1.5rem}.quicklinks nav a{font-size:var(--size6);text-decoration:underline;width:fit-content}footer a:hover{color:var(--text-light)}.adress *{user-select:auto}.adress span{font-weight:700}@media(min-width:450px){.servicegrid img{height:5rem}}@media(min-width:600px){header .logo{width:auto}.gallerygrid,.productcontainer,.servicegrid{gap:2rem}.product p{font-size:var(--size5)}.productcontainer{grid-template-columns:repeat(2,1fr)}}@media(min-width:750px){#hero:after{background:radial-gradient(125% 250% at left top,rgb(238 238 238)0,rgb(238 238 238 / .99)50%,#fff0 100%)}.productcontainer{grid-template-columns:repeat(3,1fr)}.servicegrid{gap:2rem;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr)}}@media(min-width:1000px){header{padding:1rem 4rem}h2{font-size:var(--size3)}h3{font-size:var(--size4)}#hero{padding:4rem}#hero:after{background:radial-gradient(110% 250% at left top,rgb(238 238 238)0,rgb(238 238 238 / .99)50%,#fff0 100%)}#hero h1{font-size:var(--size2)}#hero .button-container{flex-direction:row}h2{font-size:var(--size3)}.servicegrid h3{font-size:var(--size4)}.gallerygrid,.productcontainer{gap:4rem}#gallery-filter{flex-wrap:wrap;overflow-x:unset;gap:1rem}.filter-btn{max-height:4rem;padding:1rem 2rem;font-size:var(--size5);gap:1rem}.filter-btn img{max-width:2rem;max-height:2rem}.productcontainer{grid-template-columns:repeat(3,1fr)}.product p{font-size:var(--size4)}#form,#gallery,#sellrow,#service,footer{padding:4rem;gap:4rem}#about{flex-direction:row}.abouttext{padding:4rem}footer{display:grid;grid-template-columns:repeat(3,1fr)}.adress{margin-top:4rem}}@media(min-width:1250px){main{margin-top:5.5rem}main,section{scroll-margin-top:5.5rem}header{padding:1rem 4rem;gap:4rem}header .logo{height:100%;width:auto}header .menu{display:none}header nav{position:unset;top:unset;right:unset;z-index:unset;display:flex;flex-direction:row;justify-content:space-between;gap:2rem;transform:unset;transition:unset;margin:unset;padding:unset;width:100%;align-items:center}header ul{flex-direction:row;background:unset;padding:unset;border-radius:unset;backdrop-filter:unset}header ul,header a.button{box-shadow:unset}.button{padding:1.25rem 3rem;font-size:var(--size5)}h2{font-size:var(--size2)}h3{font-size:var(--size3)}#hero{padding:6.5rem 8rem;height:80dvh}#hero h1{font-size:var(--size1)}#hero p{font-size:1.125rem}#hero .button-container,#hero .textcontainer{gap:2rem}#hero .button-container{flex-direction:row}#service{padding:4rem 8rem;gap:4rem}.servicegrid{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:2rem}.servicegrid>div{padding:2rem}#about{flex-direction:row}.abouttext{gap:4rem;padding:8rem;width:60%}.abouttext p{font-size:var(--size5);line-height:3rem}.aboutimage{width:40%}#gallery{gap:6rem;padding:8rem}.gallerygrid{grid-template-columns:repeat(3,1fr);gap:4rem}#gallery-filter{top:7rem}#gallery a{width:30%;font:700 var(--size4)var(--ff);grid-column:2;transform:translateY(-4rem)}#gallery a:hover{transform:translateY(-4rem)scale(1.0625)}#gallery img:hover{transform:scale(1.0625)}.gallerygrid img:nth-child(3n+2){transform:translateY(-2rem)}.gallerygrid img:nth-child(3n+2):hover{transform:translateY(-2rem)scale(1.0625)!important}.filter-btn:hover{transform:scale(1.0625)}#sellrow{gap:4rem;padding:4rem 8rem}#sellrow>p{font-size:var(--size5)}.product h3{font-size:var(--size6)}#form{padding:8rem}#form form{grid-template-columns:repeat(2,1fr)}textarea{padding:1.5rem 2rem;font-size:var(--size5)}input,select{padding-left:2rem;font-size:var(--size5)}.message{grid-column:span 2}input[type="submit"]{font-size:var(--size5);grid-column:2}footer{gap:6rem;padding:8rem;flex-direction:row}.quicklinks nav a{font-size:var(--size5)}.adress{padding-top:4rem}}@media(min-width:1500px){li{font-size:var(--size5)}#service{padding:4rem 16rem}#gallery{padding:4rem 16rem}#sellrow{padding:4rem 16rem}#form{padding:4rem 16rem}.productcontainer{grid-template-columns:repeat(4,1fr)}}