@import"https://fonts.googleapis.com/css2?family=Noto+Emoji:wght@300..700&display=swap";@import"https://use.typekit.net/kbf2plm.css";*,*::after,*::before{margin:0;padding:0;box-sizing:border-box;border-width:0px}:root{--black: #1b1c1e;--dark-foreground: #2c2d30;--white: rgb(238, 238, 239);--light-foreground: #fff;--foreground-color-alt: rgb(73, 73, 75);--font-color-alt: #a3a3a3;--global-font-primary: "sofia-pro", sans-serif}html{background-color:var(--background-color);scroll-behavior:smooth;-webkit-text-size-adjust:100%;pointer-events:auto}body{background-color:var(--background-color);font-family:var(--global-font-primary);color:var(--font-color);display:flex;align-content:center;justify-content:center;min-height:100vh;line-height:1.75rem}body ::-moz-selection{color:var(--foreground-color-alt);background-color:#e5e5e5}body ::selection{color:var(--foreground-color-alt);background-color:#e5e5e5}main{max-width:1120px;padding:.75rem;flex-grow:1}body,div,img,button{transition:all .25s,color 0s}h1{font-size:3rem;color:var(--white)}h2,.h2{-webkit-font-smoothing:antialiased;line-height:1.15;padding-bottom:.85em;font-size:1.5rem;font-weight:600}h3,.h3{padding-bottom:1rem;font-weight:500}p,q{font-family:var(--global-font-primary);margin:1rem 0}p:first-child,q:first-child{margin-top:0}p:last-child,q:last-child{margin-bottom:0}a{cursor:pointer !important;color:var(--font-color);text-decoration:none;transition:all .25s;font-size:1.15rem}a:hover{text-decoration:none;color:var(--font-color)}ul{color:var(--font-color-alt);line-height:2;padding-left:1.5rem;list-style:disc;font-size:1.15rem}q{quotes:"“" "”" "“" "”";font-family:inherit;font-family:"Georgia",serif;letter-spacing:.5px;font-size:1.15em;font-weight:400;font-weight:500;display:block;padding:0 1.5em;border-left:2px solid var(--light-grey)}q::before,q::after{font-family:Georgia,sans-serif;color:var(--light-grey);display:block;margin-left:-0.25rem;padding-right:.25rem;font-size:3em;line-height:0;padding:2rem 0 1rem 0;font-style:normal}q::before{content:open-quote}q::after{content:no-close-quote;display:none}q.noquote::before,q.noquote::after{display:none}img{-o-object-fit:cover;object-fit:cover;width:100%}@media(prefers-color-scheme: dark){:root{--background-color: var(--black);--foreground-color: var(--dark-foreground);--font-color: var(--white)}body:has(.colormode:checked){--background-color: var(--white);--foreground-color: var(--light-foreground);--font-color: var(--black)}}@media(prefers-color-scheme: light){:root{--background-color: var(--white);--foreground-color: var(--light-foreground);--font-color: var(--black)}body:has(.colormode:checked){--background-color: var(--black);--foreground-color: var(--dark-foreground);--font-color: var(--white)}}.blend{mix-blend-mode:difference}.multiply{mix-blend-mode:multiply}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap}.flex-column{display:flex;flex-direction:column;justify-content:center}.nowrap{flex-wrap:nowrap}.justify-between{justify-content:space-between}.justify-center{justify-content:center;text-align:center}.justify-around{justify-content:space-around;text-align:center}.justify-even{justify-content:space-evenly;text-align:center}.align-center{align-items:center;align-content:center}.stretch{align-content:stretch;align-items:stretch}.grow{flex-grow:2}.gap{gap:2.5vmin}@media(max-width: 768px){.media-center{justify-content:center;text-align:center}}.fixed-bottom{position:fixed;bottom:0}.align-bottom{align-self:flex-end}@media(max-width: 768px){.reverseorder{order:2}}@media(max-width: 768px){.fliphide-show{display:none}}@media(min-width: 768px){.fliphide-hide{display:none}}.upper{text-transform:uppercase;font-weight:600;letter-spacing:.5vw;padding:1em 0}.huge{font-family:var(--global-font-primary);font-size:12vmax;font-weight:800;letter-spacing:-5px;line-height:1;transition:.5s all ease-out}@media(max-width: 1024px){.huge{font-size:6rem;letter-spacing:1px}}@media(max-width: 425px){.huge{font-size:3rem;letter-spacing:1px}}.huge a{font-weight:800}.min{font-size:1.25rem}.medium{font-size:1.25em}@media(max-width: 1024px){.medium{font-size:1em}}.strong{font-weight:700}.thin{font-weight:500}.link{margin:0 auto;padding:.5em 0}.button{font-size:.9em;padding:1.5em 3em;border:1px solid inherit;margin:2em;text-align:center}input:hover+.slider:before{transform:rotate(180deg)}.full{min-height:100vh}.twothirds{height:92vh}.half{height:50vh;overflow:hidden}.quarter{height:25vh}@media(max-width: 768px){.autoheight,.full,.twothirds{height:auto}}@media(max-height: 920px){.autoheight,.full,.twothirds{height:auto}}.arrowbefore:before{content:"←  "}.arrowafterbefore:before{content:"   →"}.arrowafter:after{content:"   →"}.arrowup:after{content:"↑"}.arrowdown:after{content:"↓"}.arrowbefore:before,.arrowafter:after,.arrowdiag:after,.arrowdiagdown:after,.arrowdiagup:after{font-family:system-ui,sans-serif;font-weight:inherit}.arrowdiagdown:after{content:" ↘ ";margin:0 .25em;display:inline-block;transition:all .25s}.arrowdiagup:after{content:" ↗ ";margin:0 .25em;display:inline-block;transition:all .25s}a.arrowdiagup:hover:after{transform:rotate(45deg);transition:all .5s}.sproocing{text-align:center;height:100%}.sproocing h1{padding:1.5em 3vmin}.card-container{--x-px: calc(var(--x) * 1px);--y-px: calc(var(--y) * 1px);--border: 2px;background:var(--foreground-color-alt);overflow:hidden;animation:slidein 1s forwards;padding:2.25rem;border-radius:.5rem;opacity:0}.card-container h2,.card-container p{color:var(--font-color-alt)}.card-container a{font-size:1.5rem;color:var(--white)}@media(max-width: 1050px){.card-container{flex-grow:1}}.card-container:hover{color:#fff;box-shadow:inset 0 0 0 4px #7a7a7a}.card-container:before,.card-container:after{content:"";display:block;position:absolute;top:0;left:0;height:100%;width:100%;inset:0px;border-radius:inherit;background:radial-gradient(800px circle at var(--x-px) var(--y-px), rgba(175, 175, 175, 0.519), transparent 50%)}.card-container:before{z-index:1}.card-container:after{opacity:0;z-index:2;transition:opacity .4s ease;mix-blend-mode:hard-light}.card-container:hover:after{opacity:1}.card{border-radius:inherit;z-index:1;inset:var(--border);opacity:0;background-color:var(--foreground-color);padding:2.25rem;border-radius:.5rem;animation:slidein 1s forwards}.card p{color:var(--font-color-alt)}@media(max-width: 1050px){.card{padding:1.5rem}}button{border-radius:inherit;z-index:1;inset:var(--border);opacity:0;background-color:var(--foreground-color);padding:2.25rem;border-radius:.5rem;animation:slidein 1s forwards;color:var(--font-color-alt);font-family:"Noto Emoji",sans-serif;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button input{cursor:pointer;width:6rem;height:5rem;opacity:0;z-index:10;font-family:inherit}button span{position:absolute;display:inline-block}button:hover>span{transition:transform .5s ease;transform:rotate(360deg);-webkit-transform:rotate(360deg)}@media(max-width: 1050px){button{width:5.75rem;height:5rem}}.workbox{background-image:url("../images/specimen.png");background-size:cover;background-repeat:no-repeat;background-position:bottom -70px left -50px;min-height:200px}@media(max-width: 1050px){.workbox{background-position:center left 35px}}#works{display:none}#works img{cursor:pointer;opacity:1;animation:slidein 1s forwards;padding:0;width:200px;border:2px solid var(--foreground-color)}.socials,.socials>a{gap:.5rem 1.5rem}@media(max-width: 905px){.socials,.socials>a{justify-content:center;text-align:center}}@keyframes slidein{from{transform:scale(1.1);filter:blur(15px);opacity:0;color:#fff}to{opacity:1}}.hide{display:none}.transparent{opacity:0}