@import"https://use.typekit.net/wzu6jqe.css";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-weight:400;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}nav{.items{padding:var(--spacing-sm);display:flex;align-items:center;justify-content:center;font-size:var(--font-sm);.nav-item{& a{display:flex;align-items:center;color:var(--color-brown);text-decoration:none;& img{width:20px;margin-right:var(--spacing-xs)}& span{font-weight:700}}+&{margin-left:var(--spacing-xs)}}}}.nav-wrap{position:sticky;top:0;z-index:9999}footer{padding:var(--spacing-md);text-align:center;color:var(--color-white);background-color:var(--color-brown);& a{color:var(--color-white)}>div{padding:var(--spacing-md)}.credits{font-size:var(--font-xs)}}:root{--color-fairy: #fffdfd;--color-fairy-50: #ffe9e7;--color-rose: #b71c1c;--color-white: #ffffff;--color-black: #000000;--color-brown: #6d5050;--color-brown-light: #a48888;--color-pink: #ec889e;--font-fancy: "amandine", sans-serif;--font-text: "museo-sans-rounded", sans-serif;--font-lex: "Lexend", sans-serif;--font-round: "ohno-softie-variable", sans-serif;--spacing-min: 4px;--spacing-xs: 8px;--spacing-sm: 16px;--spacing-md: 32px;--spacing-lg: 40px;--spacing-xl: 56px;--spacing-2xl: 80px;--spacing-3xl: 180px;--font-min: 12px;--font-xs: 14px;--font-sm: 16px;--font-md: 24px;--font-lg: 32px;--font-xl: 64px;--font-2xl: 84px;--font-3xl: 128px;--page-contain: 100ch;--page-contain-sm: 60ch;--page-contain-xs: 50ch}body{background-color:var(--color-fairy-50);font-family:var(--font-text);color:var(--color-brown);min-height:100vh;line-height:1.5}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.lock{max-width:var(--page-contain);margin:0 auto;padding:0 var(--spacing-md);&[data-size=small]{max-width:var(--page-contain-sm)}&[data-size=min]{max-width:var(--page-contain-xs)}}h2{font-family:var(--font-lex);font-size:var(--font-md);color:var(--color-pink);margin-bottom:var(--spacing-sm)}section{margin-bottom:var(--spacing-xl)}header{>div{padding:var(--spacing-md);display:flex;justify-content:space-between;align-items:center}& a+a{margin-left:4px}}#home{& a{color:var(--color-brown)}& section+section{margin-top:var(--spacing-lg);@media(min-width:768px){margin-top:var(--spacing-2xl)}}& section:last-of-type{margin-bottom:var(--spacing-2xl)}.heading{font-family:var(--font-round);font-size:var(--font-xl);fill:var(--color-brown)}#portfolio{.portfolio-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;@media(max-width:768px){grid-template-columns:repeat(2,1fr)}}}.bubble-letter{font-family:var(--font-round);font-size:var(--font-3xl);fill:var(--color-brown)}#hero{display:flex;flex-direction:column;justify-content:center;text-align:center;min-height:50vh;margin-top:var(--spacing-lg);#name{text-align:center;font-size:var(--font-xl);@media(min-width:480px){font-size:var(--font-2xl)}@media(min-width:1024px){font-size:var(--font-3xl)}}.hero-container{position:relative;#hero-image{width:50%;position:absolute;right:0;top:-200px;transform:rotate(-30deg)}}}#garden-intro{display:flex;align-items:center;gap:var(--spacing-2xl);flex-direction:column-reverse;@media(min-width:768px){flex-direction:row;gap:var(--spacing-lg)}#deco-image{width:60vw;@media(min-width:768px){width:37vw}}}#scrap-text{position:relative;max-width:500px;@media (min-width: var(--breakpoint-sm)){left:10%}& p{position:relative;z-index:99;background-color:var(--color-fairy);padding:var(--spacing-lg);text-align:center;text-wrap:pretty;font-size:var(--font-sm);letter-spacing:.05em}#washi{position:absolute;top:0;left:-10%;transform:translateY(50%);width:25%;transform:rotate(-30deg);z-index:999}#scrappaper{position:absolute;top:-20%;left:10%;width:80%;@media(min-width:480px){top:-45%;left:10%}}}.petal{position:absolute;opacity:0}.intro-text{font-family:var(--font-round);font-size:var(--font-xl)}#portfolio-showcase{text-align:center;#instax-slider{position:relative;height:200px;@media(min-width:768px){height:400px}.instax-card{aspect-ratio:2/3;background:var(--color-fairy);position:absolute;height:100px;@media(min-width:768px){height:300px}.instax-image{border:1px solid black;margin-bottom:0;margin:var(--spacing-min);@media(min-width:768px){margin:var(--spacing-sm)}& img{width:100%;height:50px;object-fit:cover;@media(min-width:768px){height:200px}}}.instax-info{padding:var(--spacing-min);font-size:var(--font-min);@media(min-width:768px){padding:var(--spacing-sm)}}}}}#contact{text-align:center;.contact-list{display:flex;justify-content:center;margin-top:var(--spacing-md);.contact-item{& img{width:52px}+&{margin-left:var(--spacing-lg)}&:nth-child(1){transform:rotate(-20deg)}&:nth-child(2){transform:rotate(8deg)}&:nth-child(3){transform:rotate(16deg)}}}}}