@font-face{font-family:Sora;src:url(/assets/Sora-VariableFont_wght-CusYMV-2.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@keyframes fade-up{0%{opacity:0;translate:60px}to{opacity:1;translate:0}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y mandatory}body{font-optical-sizing:auto;color:#303036;margin:0;padding:0;font:1rem/1.5 Sora,Helvetica Neue,sans-serif}header,footer{scroll-snap-stop:always}h1,h2,h3{text-wrap:balance;margin:0 0 8px;line-height:1.2}h1{margin:0 auto 8px;font-size:2rem}img{vertical-align:middle;max-width:100%;height:auto}p{text-wrap:pretty}.btn{-webkit-text-decoration:inherit;text-decoration:inherit;color:#303036;border-radius:8px;padding:16px 24px;display:inline-block;box-shadow:0 0 10px #0000000f}.btn.first{background:#ffec52}.btn.sec{background:#bcdbff}.header{scroll-snap-align:start end;flex-direction:column;min-height:200svh;margin:0;padding:6.15svh 24px 0;display:flex;position:relative;overflow:clip}.header:after{content:"";scroll-snap-stop:always;scroll-snap-align:start;width:100%;height:100vh;display:block;position:absolute;bottom:0;left:0}.header .yellow-bar{z-index:-1;margin-top:-75vh;margin-bottom:75vh;position:sticky;top:0}.header .yellow-bar:before{content:"";background:#ffec52;width:50%;max-width:240px;height:109.5vw;max-height:580px;position:absolute;left:50%;translate:-50%;rotate:-39deg}.header-visual{position:relative}.header-visual figure{cursor:pointer;justify-content:center;margin:0;display:flex;position:relative}.header-visual figure:hover .chris-hover{opacity:1}.header-visual .chris{background:#7f949a;border-radius:8px;width:66.3vw;max-width:min(300px,35svh);height:auto;transition:opacity .3s;box-shadow:3px 0 8px #0000001a}.header-visual .chris-hover{opacity:0;margin:auto;transition:opacity .3s;position:absolute;inset:0}.header-visual .chris-hover .chris{box-shadow:none}.text-and-references{flex-direction:column;flex:1;display:flex}.header-text{text-align:center;max-width:450px;margin:auto;padding:48px 0 32px}.header-text h1,.header-text p{text-wrap:balance}.header-text p{margin:0 0 24px}.references{flex-direction:column;justify-content:space-evenly;gap:24px;min-height:100svh;margin:0;padding:24px 8px;list-style:none;display:flex}.references .reference{-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px);background-color:#f5f5f599;border-radius:20px;padding:24px;font-size:clamp(10px,1.5vh,1.2em);box-shadow:0 3px 16px #00000029,inset 0 3px 16px #0000000f}.references .reference blockquote{flex-direction:column;gap:24px;margin:0;font-size:1.75em;line-height:1.25;display:flex}.references .reference footer{flex-wrap:wrap;align-items:center;gap:1em;display:flex}.references .reference footer img{border-radius:50%;width:2.5em}.references .reference footer cite{flex-direction:column;font-size:.9em;display:flex}.references .reference footer small{color:#686868;font-size:.85em;font-style:normal}@media (width>=767px){body{font-size:1.25rem}h1{margin:0 0 24px;font-size:2.5rem}.header{flex-direction:row;justify-content:center;align-items:start;gap:15dvw;margin:0 105px 80px 0}.header-visual{position:sticky;top:calc(50% - 3svh - 16vw)}.header-visual .chris{max-width:min(351px,56dvh)}.header-visual:before{content:"";background:#ffec52;width:50%;max-width:240px;height:109.5vw;max-height:580px;position:absolute;left:50%;translate:-50%;rotate:-39deg}.header-text{transition:fade-up 1s}.text-and-references{max-width:450px;height:calc(200dvh - 6.15svh)}.reference:nth-child(n){translate:-80px}.reference:nth-child(2n){translate:80px}}html{scrollbar-gutter:stable}@keyframes move{0%{motion-offset:var(--offset-distance,0);offset-distance:var(--offset-distance,0)}to{motion-offset:calc(var(--offset-distance,0) + 100%);offset-distance:calc(var(--offset-distance,0) + 100%)}}h2{text-align:center;font-weight:400}a{color:currentColor;text-underline-offset:.1lh;text-decoration-thickness:.1em}main,.projects{all:unset}.project,#hobbys,#life,#worked-for,#contact{scroll-snap-stop:always;scroll-snap-align:start;grid-template-rows:1fr auto;align-items:center;min-height:100lvh;padding:0 24px;display:grid}.project{margin:0;position:relative}.project figcaption{flex-direction:column;gap:8px;font-size:1.5rem;line-height:1;display:flex;position:relative}.project img{object-fit:cover;object-position:top left;border-radius:8px;max-width:100%;height:auto;box-shadow:0 0 10px #00000017}.project picture{margin:auto}.websites,.gallery{grid-template-rows:1fr auto}:is(.websites,.gallery) figcaption{translate:calc(-100% + 200% * var(--scroll-p));margin:0 0 40px;padding:24px 16px 0}:is(.websites,.gallery) figcaption:before{content:"";width:6px;height:100%;translate:min(0, (-60px + 120px * var(--scroll-p)));background-color:#ffec52;transition:translate .2s ease-in-out;position:absolute;left:-6px;right:0}.peakpals,.timi{grid-template-rows:auto 1fr}:is(.peakpals,.timi) figcaption{text-align:right;translate:calc(100% - 200% * var(--scroll-p));order:-1;margin:40px 0 0;padding:0 16px 24px}:is(.peakpals,.timi) figcaption:after{content:"";translate:calc(60px - 120px * var(--scroll-p));background-color:#ffec52;width:6px;height:100%;transition:translate .2s ease-in-out;position:absolute;top:0;right:-6px}.websites{width:100%;position:relative;overflow:hidden}.websites ul.scattered-screenshots{height:100lvh;margin:0 -24px;padding:0;list-style:none;position:relative;top:calc(50lvh - 50%);overflow:hidden}.websites li{width:80%;position:absolute}.websites .site-1{z-index:1;opacity:.85;top:-1%;right:-15%;transform:rotate(4deg)scale(.8)}.websites .site-2{z-index:3;top:33%;left:-5%;transform:rotate(-4deg)}.websites .site-3{z-index:2;opacity:.85;top:70%;right:-28%;transform:rotate(3deg)scale(.7)}.websites img.desktop{width:100%;height:auto;box-shadow:0 5px 15px #0000001a}.websites img.mobile{width:30%;height:auto;position:absolute;bottom:-20%;right:10%;box-shadow:0 5px 10px #0000001a}.gallery ul{perspective:600px;margin:auto;padding:0;list-style:none;position:relative}.gallery li{transition:rotate .15s ease-out}.gallery li:nth-child(odd){z-index:-1;width:80%;position:absolute}.gallery li:first-child{rotate:x calc((var(--scroll-p,.5) - .5) * 38deg - 4deg);top:-74%;left:10%}.gallery li:first-child img{object-position:right}.gallery li:nth-child(3){rotate:x calc((var(--scroll-p,.5) - .5) * 22deg + 4deg);bottom:-89%;right:10%}.gallery li:nth-child(3) img{aspect-ratio:1.32;object-position:center}.gallery img{aspect-ratio:1.81}.peakpals .mobile{width:30%;position:absolute;bottom:22vh;right:calc(24px + 8dvw)}.timi ul{flex-direction:column;justify-content:center;width:100%;height:100%;padding:0;display:flex;position:relative}.timi li{display:none}.timi li.dark-landscape,.timi li.pip-landscape,.timi li.default-landscape{display:block}:is(.timi li.dark-landscape,.timi li.pip-landscape,.timi li.default-landscape) img{border-radius:16px;box-shadow:0 0 10px #00000017}.timi li.default-landscape{z-index:1}.timi li.default-landscape img{border:6px solid #000;border-radius:24px}.timi li.dark-landscape{width:95%;margin-top:-90%;position:absolute;left:2.5%}.timi li.pip-landscape{width:95%;margin-bottom:-90%;position:absolute;left:2.5%}.projects-recap{scroll-snap-stop:always;scroll-snap-align:start;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:100dvh;padding:0 24px;display:flex;overflow:hidden}.projects-recap .text{text-align:center;position:relative}.projects-recap .text:before{content:"";aspect-ratio:2;z-index:-1;background:#ffec52;width:120dvw;position:absolute;top:50%;left:50%;translate:-50% -50%;rotate:-23deg}#hobbys{overflow-x:hidden}#hobbys .visual{z-index:-1;justify-content:center;align-items:center;height:100%;display:flex;position:relative}#hobbys .visual>picture>img{object-fit:contain;width:80px;height:80px}#hobbys ul{z-index:-1;margin:0;padding:0;list-style:none}.hobby-item{offset-path:circle(min(calc(50% - 40px), 50dvw) at 50% 50%);offset-rotate:0deg;will-change:motion-offset, offset-distance;width:65px;height:65px;margin:0 8px;animation:40s linear infinite move;display:inline-block;position:absolute}.hobby-item img{object-fit:contain;width:100%;height:100%}.hobby-item.book{--offset-distance:0%}.hobby-item.music{--offset-distance:16.666%}.hobby-item.climbing{--offset-distance:33.333%}.hobby-item.video{--offset-distance:50%}.hobby-item.running{--offset-distance:66.666%}.hobby-item.cooking{--offset-distance:83.333%}#life{align-items:start;overflow-x:hidden}#life .visual{margin:auto;position:relative}#life ul{margin:0;padding:0}#life .sparkle{transform-origin:bottom;list-style:none;position:absolute}#life .sparkle:nth-child(odd){top:20%}#life .sparkle:first-child{left:-120%;rotate:-20deg}#life .sparkle:nth-child(3){right:-120%;rotate:20deg}#life .brain{margin-top:120px;display:block}#life .btn{margin:8px 0 40px}#worked-for{grid-template-rows:auto 1fr;position:relative}#worked-for h2{margin-top:40px}#worked-for ul{text-align:center;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:64px;align-items:center;gap:64px 16px;width:100%;margin:auto 0;padding:0;list-style:none;display:grid}#worked-for ul li{grid-column:span 2;min-width:0}#worked-for ul li:nth-child(4){grid-column:2/span 2}#worked-for ul li:nth-child(5){grid-column:4/span 2}#worked-for img{object-fit:contain;max-width:min(100%,280px);max-height:40px}#worked-for .logo-want img,#worked-for .logo-sunzinet img{max-height:25px}#worked-for .logo-wikivents img{width:auto;height:40px;max-height:none}#contact{grid-template-rows:1fr;justify-content:center;position:relative}#contact h2{width:100%;margin-top:40px;position:absolute;top:0}#contact ul{flex-direction:column;align-items:center;gap:32px;padding:40px 0;list-style:none;display:flex}.copy{align-items:center;gap:.65em;font-size:1.2rem;font-weight:500;display:flex}.copy button{cursor:pointer;background:0;border:0;font-size:1em}.copy img{width:auto;height:1lh}.mailbox{aspect-ratio:1;z-index:-1;background:#ffec52;border-radius:50%;height:50dvh;position:absolute;top:50%;left:50%;translate:-100% -50%}.mailbox img{opacity:0}body>footer{scroll-snap-align:end;padding:24px}body>footer .footer-meta{border-top:1px solid #e5e5ea;flex-direction:column;align-items:center;gap:24px;margin-top:48px;padding-top:24px;display:flex}body>footer .language-links{justify-content:center;gap:20px;display:flex}body>footer .language-links a{align-items:center;min-height:44px;display:inline-flex}body>footer .language-links [aria-current]{font-weight:700;text-decoration-thickness:2px}body>footer ul{flex-wrap:wrap;justify-content:center;gap:24px 40px;margin:0;padding:0;list-style:none;display:flex}body>footer a{color:#303036;font-size:.85rem}@media (width>=767px){body>footer .footer-meta{flex-direction:row;justify-content:center;align-items:center;gap:32px}body>footer .footer-meta .legal-nav ul,body>footer .footer-meta .language-links{justify-content:flex-start}}@media (aspect-ratio>=1){#hobbys{position:relative}#hobbys .visual{min-height:calc(100dvh - 80px)}#hobbys p{text-align:right;max-width:450px;margin:0;padding:32px;position:absolute;bottom:0;right:0}#hobbys p:before,#hobbys p:after{content:"";width:100%;height:10lh;display:block}#hobbys p:before{shape-outside:circle(50% at -14% 0%);shape-outside:polygon(0 0, 70% 0, 0 100%);float:left}#hobbys p:after{z-index:-1;background:radial-gradient(100% 100% at 100% 100%,#fff 60%,#fff0);height:100%;position:absolute;top:0;right:0}.hobby-item{offset-path:circle(calc(50dvh - 80px) at 50% 50%)}}@media (width>=767px){.project img{box-shadow:0 0 20px #0003}.project figcaption{border-width:8px;font-size:2.5rem}.websites figcaption,.gallery figcaption{padding:24px 32px 0}.peakpals figcaption,.timi figcaption{padding:0 32px 24px}.websites ul.scattered-screenshots{position:initial;height:100%}.websites li{width:45%;max-width:500px}.websites .site-1{top:1%;left:-7%;transform:rotate(-9deg)}.websites .site-2{top:40%;left:50%;transform:translate(-50%)}.websites .site-3{top:initial;bottom:-4%;right:-8%;transform:rotate(-4deg)}.websites figcaption{bottom:40px;left:40px}.gallery ul{--cx:.5;--cy:.5;place-self:center;margin:120px 0 0}.gallery li:first-child{rotate:1 -1 0 calc(-3deg + (var(--cx) + var(--cy) - 1) * -10deg);top:-40%;left:-40%}.gallery li:first-child img{object-position:right}.gallery li:nth-child(2) img{width:min(40vw,626px)}.gallery li:nth-child(3){rotate:1 -1 0 calc(3deg + (var(--cx) + var(--cy) - 1) * -10deg);bottom:-40%;right:-60%}.gallery li:nth-child(3) img{aspect-ratio:1.32;object-position:center}.peakpals{overflow:hidden}.peakpals img{border-radius:16px}.peakpals .desktop{bottom:2%}.peakpals .desktop img{width:50vw}.peakpals .mobile{width:15vw;bottom:5%;right:18dvw}.timi ul{height:400px;max-height:none}.timi li.dark-landscape,.timi li.pip-landscape{display:none}.timi li.default-portrait,.timi li.default-landscape{display:block}:is(.timi li.default-portrait,.timi li.default-landscape) img{border:6px solid #000;border-radius:32px}.timi li.default-portrait{z-index:1;border-radius:40px;position:absolute;top:30%;left:20%;transform:translateY(-50%)}.timi li.default-portrait img{width:100%}.timi li.default-landscape{z-index:2;width:max-content;position:relative;top:62%;left:35%;transform:translateY(-50%)}.projects-recap{flex-direction:row-reverse}.projects-recap h2{text-align:left}.projects-recap .text{text-align:left;padding:32px 40px 32px 32px}.projects-recap .text:before{width:108%;height:100%;margin:0 0 0 -4%;rotate:0deg}#life{grid-template-columns:1fr auto;column-gap:40px;max-width:1200px;margin:0 auto}#life img{width:140px}#life .visual{grid-column:2 span}#life .brain{margin-top:180px}#life p{text-align:justify;margin:0 0 32px}#life .text{text-align:justify}#life .btn{margin:0}#worked-for{justify-content:center}#worked-for ul{flex-flow:wrap;grid-template-columns:repeat(6,minmax(0,1fr));justify-content:center;gap:80px 32px;width:min(100%,900px);max-width:900px;margin-inline:auto;display:grid}#worked-for ul li{grid-column:span 2;min-width:0}#worked-for ul li:nth-child(4){grid-column:2/span 2}#worked-for ul li:nth-child(5){grid-column:4/span 2}#worked-for ul{overflow:hidden}#worked-for img{max-width:100%;max-height:100px}#worked-for .logo-want img{max-height:65px}#worked-for .logo-sunzinet img{max-height:60px}#worked-for .logo-wikivents img{width:auto;height:60px;max-height:none}#contact{flex-direction:column;display:flex}#contact h2{width:auto;position:relative}.copy{font-size:2rem}.mailbox{clip-path:polygon(50% 50%,100% 50%,100% 100%,50% 100%);top:0;left:0;translate:-50% -50%}}@media (width>=768px){#hobbys .visual>picture>img{width:100px;height:100px}.hobby-item{width:85px;height:85px}}a,button{-webkit-tap-highlight-color:#ffec5260}:where(a,button):focus-visible{outline-offset:5px;outline:3px solid #303036}.btn{transition:translate .22s,box-shadow .22s,background-color .22s}.btn:active{translate:0 1px}.reference{transition:scale .25s,box-shadow .25s,background-color .25s}.project img,.hobby-item img,#worked-for img{transition:scale .25s,filter .25s}.copy button{border-radius:6px;padding:6px;transition:background-color .2s,scale .2s}#contact .copy button{border-radius:10px;flex:0 0 44px;width:44px;height:44px;padding:0;transition:background-color .2s;position:relative;scale:1}#contact .copy button:hover,#contact .copy button:focus-visible{background:#3030360b;scale:1.1}#contact .copy button[hidden]{display:none}#contact .copy button .copy-icon,#contact .copy button .copy-check{border-radius:0;width:20px;height:22px;transition:opacity .15s;position:absolute;inset:11px 12px}#contact .copy button .copy-check{opacity:0}#contact .copy button.is-copied{color:#237646}#contact .copy button.is-copied .copy-icon{opacity:0}#contact .copy button.is-copied .copy-check{opacity:1}#contact .copy a{text-underline-offset:.25em;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1px}#contact .copy a:hover{color:inherit;text-decoration-color:currentColor}.copy-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.copy a,body>footer a{transition:text-decoration-color .2s,color .2s}.camera-link{border-radius:12px;display:block}#hobbys:has(.camera-link:is(:hover,:focus-visible)) .hobby-item{animation-play-state:paused}.story-frame img{transition:scale .25s,filter .25s}.story-frame.camera-link{color:inherit;text-decoration:none}@media (hover:hover) and (pointer:fine){.btn:hover,.btn:focus-visible{translate:0 -4px;box-shadow:0 10px 24px #30303620}:is(.btn:hover,.btn:focus-visible).first{background-color:#ffe330}:is(.btn:hover,.btn:focus-visible).sec{background-color:#a6d0ff}.reference:hover{background-color:#fffdf5e8;scale:1.035;box-shadow:0 12px 35px #30303620}.project img:hover,.hobby-item img:hover,#worked-for img:hover{scale:1.055}.hobby-item img:hover{filter:drop-shadow(0 6px 5px #30303625)}.story-frame:hover>img{scale:1.025}.story-frame.icon:is(:hover,:focus-visible)>img{filter:drop-shadow(0 6px 5px #30303620);scale:1.1}.copy button:hover{background-color:#ffec52;scale:1.12}.copy a:hover,body>footer a:hover{color:#6d5c00;text-decoration-color:#b59700}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.btn:hover{translate:none}}