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-md);display:flex;align-items:center;justify-content:center;font-size:var(--font-sm);gap:var(--spacing-sm);.nav-item{font-family:var(--font-round);& a{display:flex;align-items:center;color:var(--color-brown);text-decoration:none;& img{width:20px;margin-right:var(--spacing-xs)}}+&{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-white: #ffffff;--color-black: #000000;--color-brown: #6d5050;--color-brown-light: #a48888;--color-pink: #ec889e;--font-fancy: "Cedarville Cursive", cursive;--font-text: "Poppins", sans-serif;--font-round: "Manjari", 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-title: 18px;--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}@keyframes body-fade-in{0%{opacity:0}to{opacity:1}}body{background-color:var(--color-fairy-50);font-family:var(--font-text);color:var(--color-brown);min-height:100vh;line-height:1.5;@media(prefers-reduced-motion:no-preference){animation:body-fade-in .9s ease .3s both}}.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}}a{color:var(--color-brown)}@keyframes instax-sway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}#petal-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1000;@media(prefers-reduced-motion:reduce){display:none}.petal{position:absolute;top:0;left:0;opacity:0;will-change:transform,opacity}}#home{position:relative;overflow:hidden;& section+section{margin-top:var(--spacing-xl);@media(min-width:768px){margin-top:var(--spacing-2xl)}}.heading{font-family:var(--font-fancy);font-size:var(--font-xl);fill:var(--color-brown)}#portfolio{.portfolio-grid{columns:2;.stamp{break-inside:avoid;margin-bottom:var(--spacing-lg);@media(min-width:768px){margin-bottom:var(--spacing-xl)}}}}.bubble-letter{font-family:var(--font-fancy);font-size:var(--font-3xl);fill:var(--color-brown)}#hero{display:flex;flex-direction:column;justify-content:center;text-align:center;position:relative;#name{text-align:center;font-size:var(--font-xl);text-transform:lowercase;@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)}}}#blog-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%}}}.intro-text{font-family:var(--font-fancy);font-size:var(--font-xl)}#contact{text-align:center;#instax-slider{position:relative;height:200px;@media(min-width:768px){height:300px}& svg{width:100%}.instax-wrapper{position:absolute;.washi{position:absolute;width:80px;left:50%;transform:translate(-50%,-50%);@media(min-width:768px){width:100px}}.instax-card{aspect-ratio:2/3;background:var(--color-fairy);height:150px;transform-origin:top center;margin-top:5px;& a{color:var(--color-brown);text-decoration:none}@media(min-width:768px){height:200px}@media(prefers-reduced-motion:no-preference){animation:instax-sway 2.5s ease-in-out infinite}.instax-image{padding:var(--spacing-xs);padding-bottom:0;@media(min-width:768px){padding:var(--spacing-sm)}& img{width:100%;height:100px;object-fit:cover;@media(min-width:768px){height:100px}}}.instax-info{padding:var(--spacing-min);font-size:var(--font-min);@media(min-width:768px){padding:var(--spacing-sm)}}}}#instax-2 .instax-card{animation-delay:-.8s}#instax-3 .instax-card{animation-delay:-1.5s}}.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)}}}}}.stamp{position:relative;.stamp-image{position:relative;background:var(--color-white);transition:background-color .2s ease-in-out;.media{position:relative;padding:var(--spacing-sm);>img,>video{display:block;object-fit:cover;width:100%}&:after{content:"";display:block;background-color:var(--color-black);position:absolute;inset:var(--spacing-sm);opacity:0;transition:opacity .2s ease-in-out}}}.meta{display:none;position:absolute;top:0;left:0;text-align:center;color:var(--color-white);z-index:999;height:100%;width:100%;.meta-text{& a{color:var(--color-white)}}.tags{margin-top:var(--spacing-xs);.tag-item{display:inline-block;padding:var(--spacing-min) var(--spacing-sm);background-color:var(--color-brown);color:var(--color-white);border-radius:30px;font-size:var(--font-xs);+.tag-item{margin-left:var(--spacing-min)}}}.links{position:relative;display:flex;justify-content:center;gap:var(--spacing-xs);& a{color:var(--color-white)}}}.info{padding:var(--spacing-sm);background-color:var(--color-white);.title{font-family:var(--font-round);font-size:var(--font-sm);font-weight:700;margin-bottom:var(--spacing-xs)}.description{font-size:var(--font-xs)}& a{text-decoration:none;color:var(--color-brown)}}&:hover{.stamp-image{background-color:var(--color-white);.media:after{opacity:.5}}.meta{display:flex;justify-content:center;align-items:center}}}