@import"https://use.typekit.net/wzu6jqe.css";.stamp{position:relative;.stamp-image{position:relative;padding:var(--spacing-sm);background:var(--color-white);--r: 14px;mask:radial-gradient(50% 50%,#0000 66%,#000 67%) round var(--r) var(--r) / calc(2 * var(--r)) calc(2 * var(--r)),conic-gradient(#000 0 0) content-box;>img,video{object-fit:cover;width:100%}}.meta{display:none;position:absolute;top:0;left:0;text-align:center;color:var(--color-white);z-index:999;height:100%;width:100%;.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;& a{color:var(--color-white)}}}.info{padding:var(--spacing-sm);background-color:var(--color-white);.title{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{&:after{content:"";display:block;background-color:var(--color-black);width:100%;height:100%;position:absolute;left:0;top:0;opacity:.5}}.meta{display:flex;justify-content:center;align-items:center}}}main{margin:var(--spacing-2xl) 0}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}}#portfolio{.portfolio-grid{display:flex;flex-direction:column;justify-content:center;grid-gap:var(--spacing-lg);@media(min-width:768px){display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-xl)}}}