*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}img,picture,video{max-width:100%;display:block}button,input,textarea{font:inherit}@font-face{font-family:Quicksand;src:url(/_astro/Quicksand-VariableFont_wght.DE2wFU7n.ttf);font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Beth Ellen;src:url(/_astro/BethEllen-Regular.DvrExySp.ttf);font-weight:400}:root{--color-secondary: oklch(.5 .25 40);--color-txt: oklch(14.853% .05583 27.457);--color-bg: oklch(98% 0 40)}body{background-color:var(--color-bg);color:var(--color-txt);font-family:Quicksand,Roboto,Oxygen,Ubuntu,Helvetica Neue,sans-serif;font-weight:300;scrollbar-color:color-mix(in oklch,var(--color-secondary) 70%,white 30%) var(--color-secondary);max-width:100dvw}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:color-mix(in oklch,var(--color-secondary) 80%,transparent);border-radius:8px}::-webkit-scrollbar-track{background:transparent}nav{position:fixed;height:100dvh;width:100dvw;text-align:left;display:flex;flex-direction:row;top:0;left:0;transform:translate(-100%);transition:transform .5s ease,background .5s ease;z-index:30;justify-content:center;align-items:center;font-size:1.2rem}nav.is-open{transform:translate(0);color:var(--color-bg);background:linear-gradient(to right,var(--color-secondary) 45%,transparent 100%)}.btn_nav{padding:0 1rem;color:var(--color-secondary);background-color:var(--color-bg);border:solid 3px var(--color-secondary);position:fixed;z-index:40;border-radius:8px;top:15px;left:15px;font-size:1.2rem;font-family:Beth Ellen}nav ul{width:50%;list-style-type:none}nav a{text-decoration:none;font-size:1.6rem;color:var(--color-bg);justify-items:center}nav ul li{margin-bottom:30px}h1{font-size:clamp(3rem,8vw,10rem);text-wrap:balance;margin-bottom:4rem}.artist-name{display:flex;flex-direction:column}.artist-name .line{display:block;white-space:nowrap}.container{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4rem}main:after{content:"";position:fixed;left:0;bottom:0;width:100%;height:40dvh;pointer-events:none;background:linear-gradient(to top,#ffffffe6,#fff0);z-index:5}.sub_about{text-align:left;margin:0 8rem}#rotate_profesion{color:var(--color-secondary);font-family:Beth Ellen;font-size:1.4rem}.bio{line-height:1.65;margin:0 8rem;text-align:left}.collage{width:100dvw;height:80dvh;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr);margin:6rem 0}.collage>div{width:100%;height:100%;overflow:hidden}.collage img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .4s ease-in-out}.collage img:hover{transform:scale(1.3)}.img_1{grid-column:1/ span 1;grid-row:2 / span 3;z-index:1}.img_2{grid-column:3 / span 2;grid-row:3 / span 3;z-index:2}.img_3{grid-column:2 / 2 span;grid-row:5 / 2 span;z-index:1}.img_4{grid-column:6 / 1 span;grid-row:3 / 3 span;z-index:1}.img_5{grid-column:5 / 2 span;grid-row:1 / 3 span;z-index:2}section#contact_form{min-height:75dvh;width:100dvw;background-color:var(--color-secondary)}section#contact_form form{width:100%;height:100%;color:var(--color-bg);display:flex;flex-direction:column;padding:6rem 4rem}section#contact_form form input{width:50%;padding:1rem;margin-bottom:2rem}.btn_form{height:2rem;width:4rem;align-content:center;justify-content:center;justify-items:center;align-items:center}footer{display:flex;flex-direction:row;width:100dvw;height:33dvh;padding:2rem;z-index:20;position:relative}footer section p span.copy{border:2px var(--color-secondary) solid;border-radius:100%;padding:4px 12px;font-family:Beth Ellen;color:var(--color-secondary)}.footer_l .footer_r{min-height:fit-content}.footer_l{display:flex;align-items:flex-end;width:50%}.footer_r{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:2rem;width:50%}footer a{color:var(--color-txt);text-decoration:underline;text-decoration-color:var(--color-secondary);text-decoration-thickness:2px;text-underline-offset:4px}@media screen and (max-width:668px){h1{margin-top:3rem}.initial{line-height:1.5rem;transform:translate(10px);font-size:6rem}.sub_about,.bio{margin:0 2rem}footer{padding:1rem}footer a,footer p{font-size:14px}}@media screen and (max-width:380px){h1{font-size:2rem}footer a,footer p{font-size:12px}}