@property --c{syntax: "<length>"; inherits: false; initial-value: 0px;}:root{--sun: #ffb81a;--orange: #ff9f1c;--deep: #ff7a12;--blob: #f8640c;--brown: #4e1d05;--ink: #361202;--peach: #ffd8a8;--paper: #fffaf2;--outline: rgba(255, 236, 178, .62);--display: "Dela Gothic One", "Arial Black", system-ui, sans-serif;--text: "Onest", system-ui, -apple-system, "Segoe UI", sans-serif;--gutter: clamp(20px, 4vw, 72px);color-scheme:light}html{scroll-behavior:smooth}body{font-family:var(--text);font-size:clamp(17px,1.05vw + 4px,20px);line-height:1.5;color:var(--ink);background:var(--orange);overflow-x:hidden;-webkit-hyphens:manual;hyphens:manual}body:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(120% 70% at 85% 100%,rgba(255,110,24,.55),transparent 60%),linear-gradient(168deg,var(--sun) 0%,#ffa81b 45%,#ff901d 100%)}.grain{position:fixed;inset:0;z-index:80;pointer-events:none;opacity:.09;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .3  0 0 0 0 .12  0 0 0 0 0  0 0 0 1.4 -.35'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E")}.pops{position:fixed;inset:0;z-index:90;pointer-events:none;overflow:hidden}.pops svg{position:absolute}p,h1,h2,h3{margin:0}a{color:inherit;text-decoration-thickness:2px;text-underline-offset:.18em}:focus-visible{outline:3px solid var(--ink);outline-offset:4px;border-radius:6px}.spark{fill:var(--peach);pointer-events:none}.blob{fill:var(--blob);pointer-events:none}.hero{--cap: min(30svh, 17.5vw);position:relative;height:100svh;min-height:640px;overflow:hidden;isolation:isolate}.outline-rows{position:absolute;inset:-2% -10%;z-index:-1;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;font:300 clamp(110px,19svh,240px)/.86 "Jost",var(--text);color:transparent;-webkit-text-stroke:1.6px var(--outline);white-space:nowrap;-webkit-user-select:none;user-select:none}.orow{display:block;transform:translate(calc(var(--i) * -.42em + (var(--i) * 13%) - 8%))}.orow:nth-child(odd){transform:translate(calc(-.9em - var(--i) * 2%))}.wordmark{position:absolute;z-index:3;top:3.2svh;left:0;right:0;display:flex;justify-content:center;cursor:default}.letters{display:flex;align-items:flex-end}.ltr{display:block;margin-inline:calc(var(--cap) * -.04)}.ltr svg{display:block;height:var(--cap);width:auto;fill:var(--brown);overflow:visible}.pose{--d: 1;display:block;transform-origin:50% 85%;transform:translateY(var(--y)) rotate(calc(var(--r) + var(--wob, 0) * var(--d) * 1deg)) scale(var(--s)) skew(calc(var(--wob, 0) * -.6deg))}.ltr:nth-child(2n) .pose{--d: -1}.swap{display:flex;align-items:flex-end;position:relative}.swap .new{position:absolute;left:0;bottom:0;display:flex;align-items:flex-end}.blob-main{position:absolute;z-index:1;width:min(68vw,calc((100svh - var(--cap) * .62) * 1.38));aspect-ratio:6 / 5;left:50%;bottom:-1svh;transform:translate(-53%) rotate(-4deg)}.blob-dot{position:absolute;z-index:1}.blob-dot-1{width:clamp(50px,5.4vw,110px);aspect-ratio:100 / 130;left:calc(50% - min(37vw,640px));bottom:22svh;transform:rotate(-18deg)}.blob-dot-2{width:clamp(34px,3vw,64px);aspect-ratio:100 / 130;left:calc(50% + min(35vw,600px));bottom:34svh;transform:rotate(24deg)}.blob-dot-3{width:clamp(46px,4.4vw,90px);aspect-ratio:100 / 130;left:calc(50% - min(21vw,380px));top:calc(3svh + var(--cap) * .78);transform:rotate(70deg)}.sticker{appearance:none;border:0;background:none;padding:0;margin:0;color:inherit;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;aspect-ratio:var(--ar, 1.2);transform:translate(var(--sx, 0px),var(--sy, 0px)) rotate(calc(var(--sr, 0deg) + var(--base-r, 0deg))) scale(var(--ss, 1));filter:drop-shadow(0 12px 16px rgba(110,38,0,.3))}.sticker.is-lifted{cursor:grabbing;z-index:40!important;filter:drop-shadow(0 30px 34px rgba(90,28,0,.38))}.sticker:focus-visible{outline:3px dashed var(--ink);outline-offset:10px;border-radius:40px}.sticker-canvas{display:block;width:100%;height:100%;pointer-events:none}.sticker-hero{--ar: 1.2;position:absolute;z-index:4;left:50%;translate:-50% 0;bottom:3svh;height:calc(100svh - var(--cap) * .74 - 7svh);width:auto;max-width:62vw}.sticker-hero .sticker-canvas{object-fit:contain}.spark-1{position:absolute;z-index:5;width:clamp(90px,12vw,230px);aspect-ratio:1;left:calc(50% + min(17vw,330px));top:calc(3svh + var(--cap) * .95)}.spark-2{position:absolute;z-index:5;width:clamp(56px,6.4vw,124px);aspect-ratio:1;left:calc(50% - min(31vw,560px));bottom:34svh}.spark-3{position:absolute;z-index:5;width:clamp(48px,5vw,96px);aspect-ratio:1;left:calc(50% + min(22vw,400px));bottom:9svh}.smallprint{color:var(--brown);position:absolute;z-index:6;bottom:4svh}.smallprint-left{left:var(--gutter)}.smallprint-right{right:var(--gutter);text-align:right}.sp-date{font-weight:500;font-size:clamp(15px,.95vw,19px)}.sp-name{font-weight:800;text-transform:uppercase;letter-spacing:.005em;line-height:1.02;font-size:clamp(24px,1.95vw,40px);margin:.1em 0 .12em;max-width:9.5em}.sp-line{font-weight:500;font-size:clamp(15px,.95vw,19px)}.lang{display:flex;flex-direction:column;align-items:flex-end;gap:0}.lang-btn{appearance:none;background:none;border:0;padding:.14em 0;cursor:pointer;font:500 clamp(17px,1.1vw,21px)/1.15 var(--text);color:var(--brown)}.lang-btn:hover{text-decoration:underline;text-underline-offset:.2em}.lang-btn[aria-pressed=true]{font-weight:800;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:.22em}.sec{position:relative;isolation:isolate;overflow-x:clip;padding:clamp(80px,8vw,150px) 0 clamp(40px,4vw,70px)}.echo{position:absolute;z-index:-1;left:-4vw;top:clamp(30px,3vw,70px);pointer-events:none;-webkit-user-select:none;user-select:none;font:300 clamp(120px,15vw,290px)/1 "Jost",var(--text);white-space:nowrap;color:transparent;-webkit-text-stroke:1.5px var(--outline);opacity:.8}.wrap{width:min(1320px,100% - var(--gutter) * 2);margin-inline:auto;position:relative}.bouncy{font-family:var(--display);font-weight:400;color:var(--brown);font-size:clamp(50px,7.6vw,140px);line-height:1;letter-spacing:.01em;margin-bottom:.42em}.bw{display:inline-block;white-space:nowrap}.bl{--d: 1;display:inline-block;transform-origin:50% 80%;transform:translateY(var(--y)) rotate(calc(var(--r) + var(--wob, 0) * var(--d) * .7deg))}.bl:nth-child(2n){--d: -1}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,90px);align-items:center}.about-body p{font-size:clamp(20px,1.45vw,27px);line-height:1.45;font-weight:500;max-width:31em}.about-body p+p{margin-top:.8em}.about-art{position:relative;aspect-ratio:1 / .92}.blob-about{position:absolute;inset:4% -2% 0 4%;width:100%;height:96%;transform:rotate(8deg)}.sticker-selfie{--ar: 1.45;--base-r: -4deg;position:absolute;z-index:2;width:96%;left:2%;top:12%}.spark-a1{position:absolute;z-index:3;width:18%;aspect-ratio:1;right:-2%;top:0}.spark-a2{position:absolute;z-index:3;width:9%;aspect-ratio:1;left:0;bottom:6%}.facts-title{font-weight:800;font-size:clamp(24px,2vw,34px);margin:clamp(56px,6vw,100px) 0 28px;color:var(--brown)}.facts{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:26px 24px}.fact{flex:1 1 280px;max-width:420px;position:relative;filter:drop-shadow(0 8px 10px rgba(110,38,0,.22));transform:rotate(var(--fr, -1.5deg));transition:transform .45s cubic-bezier(.3,1.8,.5,1)}.fact:nth-child(3n+2){--fr: 1.4deg;transform-origin:30% 0}.fact:nth-child(3n){--fr: -.6deg}.fact:nth-child(4n){--fr: 2deg}.fact>*{position:relative}.fact:before{content:"";position:absolute;inset:0;background:var(--paper);border-radius:30px 36px 28px 40px/36px 28px 40px 30px;--c: 0px;clip-path:polygon(0 0,100% 0,100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,0 100%);transition:--c .4s cubic-bezier(.3,1.6,.5,1)}.fact:after{content:"";position:absolute;right:0;bottom:0;width:0;height:0;background:linear-gradient(315deg,transparent 50%,#e2d3bf 50%,#fbf3e8 78%);border-top-left-radius:10px;transition:width .4s cubic-bezier(.3,1.6,.5,1),height .4s cubic-bezier(.3,1.6,.5,1)}.fact{padding:24px 28px 26px}.fact:hover{transform:rotate(0) translateY(-4px)}.fact:hover:before{--c: 38px}.fact:hover:after{width:38px;height:38px}.fact-title{font-weight:800;font-size:clamp(20px,1.3vw,23px);line-height:1.2;color:var(--brown);margin-bottom:.35em}.fact-text{font-size:clamp(17px,1.05vw,19px);line-height:1.45}.projects{display:grid;gap:clamp(60px,7vw,120px)}.proj{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(28px,5vw,90px);align-items:center}.proj-flip .proj-art{order:2}.proj-small{grid-template-columns:.55fr 1fr;max-width:980px}.proj-art{position:relative}.blobimg{width:100%;height:auto;overflow:visible;filter:drop-shadow(0 12px 16px rgba(110,38,0,.3))}.blobimg-edge{fill:var(--paper);stroke:var(--paper);stroke-width:46;stroke-linejoin:round}.proj-art .spark{position:absolute;aspect-ratio:1}.spark-p1{width:17%;right:-3%;top:-6%}.spark-p2{width:13%;left:-4%;bottom:4%}.proj-icon{position:absolute;width:22%;height:auto;left:-2%;bottom:-4%;border-radius:26%;border:8px solid var(--paper);transform:rotate(-8deg);box-shadow:0 10px 16px -6px #6e260073}.when{font-weight:700;font-size:clamp(16px,1vw,18px);color:var(--brown);letter-spacing:.02em}.proj-title{font-family:var(--display);font-weight:400;font-size:clamp(38px,4.2vw,76px);line-height:1.02;color:var(--brown);margin:.12em 0 .32em}.proj-small .proj-title{font-size:clamp(30px,2.6vw,46px)}.proj-text>p:not(.when){font-size:clamp(18px,1.25vw,22px);line-height:1.5;max-width:32em;font-weight:500}.proj-small .proj-text>p:not(.when){font-size:clamp(17px,1.05vw,19px)}.proj-text .pill{margin-top:1.1em}.pill{display:inline-flex;align-items:center;gap:.5em;min-height:48px;padding:.6em 1.25em;border-radius:999px;border:3px solid var(--brown);background:var(--paper);color:var(--ink);font:700 clamp(16px,1.05vw,19px)/1.1 var(--text);text-decoration:none;cursor:pointer;box-shadow:0 4px 0 var(--brown);transition:transform .3s cubic-bezier(.3,1.8,.5,1),box-shadow .2s}.pill:hover{transform:translateY(-2px) rotate(-2deg);box-shadow:0 6px 0 var(--brown)}.pill:active{transform:translateY(3px);box-shadow:0 1px 0 var(--brown)}.pill-ghost{background:transparent;box-shadow:none}.pill-ghost:hover{box-shadow:none;background:#fffaf259}.certs{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(28px,3vw,48px) clamp(20px,2.4vw,40px);align-items:start}.cert-earned{grid-column:span 2}.cert-slot{grid-column:span 2;display:grid}.cert-img{display:block;background:var(--paper);padding:clamp(8px,.8vw,14px);border-radius:18px;transform:rotate(-2deg);filter:drop-shadow(0 12px 14px rgba(110,38,0,.3));transition:transform .45s cubic-bezier(.3,1.8,.5,1);margin-bottom:26px}.cert-earned:nth-child(2) .cert-img{transform:rotate(1.6deg)}.cert-img:hover{transform:rotate(0) translateY(-4px) scale(1.01)}.cert-img img{width:100%;height:auto;border-radius:8px}.cert-title{font-weight:800;font-size:clamp(21px,1.5vw,27px);line-height:1.2;color:var(--brown);margin-bottom:.3em}.cert-meta{font-size:clamp(17px,1.05vw,19px)}.cert-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.cert-slot{grid-template-columns:minmax(120px,.8fr) 1.2fr;gap:24px;align-items:center}.slot-shape{aspect-ratio:1200 / 927;border:3px dashed var(--brown);border-radius:18px;display:grid;place-items:center;align-content:center;gap:10px;background:#fff5e12e}.slot-spark{position:static;width:54px;height:54px;fill:var(--brown)}.slot-status{font-weight:800;font-size:18px;color:var(--brown)}.cv-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,6vw,110px)}.cv-h{font-family:var(--display);font-weight:400;font-size:clamp(30px,2.6vw,46px);line-height:1.05;color:var(--brown);margin:0 0 .7em}.cv-col>.cv-h~.cv-h{margin-top:1.4em}.tl{list-style:none;margin:0;padding:0}.tl li{position:relative;padding:0 0 26px 40px}.tl li:before,.docs li:before{content:"";position:absolute;left:0;top:.1em;width:22px;height:22px;background:var(--brown);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 0 C53 31 68 47 100 50 C68 53 53 69 50 100 C47 69 32 53 0 50 C32 47 47 31 50 0Z'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 0 C53 31 68 47 100 50 C68 53 53 69 50 100 C47 69 32 53 0 50 C32 47 47 31 50 0Z'/%3E%3C/svg%3E") center / contain no-repeat}.tl li:after{content:"";position:absolute;left:10px;top:1.7em;bottom:4px;width:2px;background:#4e1d0559}.tl li:last-child:after{display:none}.tl-what{font-weight:800;font-size:clamp(19px,1.35vw,24px);line-height:1.25;margin-top:.1em}.tl-detail{font-size:clamp(17px,1.05vw,19px)}.skill-group+.skill-group{margin-top:22px}.skill-g{font-weight:800;font-size:clamp(18px,1.15vw,21px);color:var(--brown);margin-bottom:6px}.skills{list-style:none;margin:0;padding:0}.skills li{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;padding:10px 0;border-bottom:2px dotted rgba(78,29,5,.45)}.skill-what{font-weight:500}.skill-lvl{display:inline-flex;align-items:center;gap:10px;font-weight:700;color:var(--brown)}.dots{display:inline-flex;gap:3px}.dot{width:17px;height:17px;fill:#4e1d0533}.dot.on{fill:var(--brown)}.docs{list-style:none;margin:0;padding:0}.docs li{position:relative;padding:0 0 18px 40px;display:flex;justify-content:space-between;gap:16px;align-items:baseline}.doc-what{font-weight:500}.doc-when{display:block;font-size:.88em;font-weight:700;color:var(--brown)}.doc-status{flex:none;font-weight:700;font-size:16px;border:2px dashed var(--brown);border-radius:999px;padding:.15em .8em;color:var(--brown)}.sec-contact{overflow:hidden;padding-bottom:40px;min-height:92svh;display:flex;align-items:center;isolation:isolate}.outline-rows-contact{inset:0 -10%;font-size:clamp(100px,16svh,210px);opacity:.7}.contact-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(30px,5vw,80px);align-items:center}.c-label{font-weight:700;font-size:clamp(16px,1vw,19px);color:var(--brown);margin-top:28px}.c-big{font-weight:800;font-size:clamp(22px,3.1vw,54px);line-height:1.15;overflow-wrap:anywhere;-webkit-hyphens:none;hyphens:none}.c-big a{text-decoration-thickness:3px}.c-big a:hover{text-decoration-style:wavy}.copy-btn{margin-top:14px}.contact-art{position:relative;height:min(76svh,760px)}.blob-contact{position:absolute;width:64%;height:78%;left:50%;top:14%;translate:-50% 0;transform:rotate(-12deg)}.sticker-walk{--ar: .4;--base-r: 4deg;position:absolute;z-index:2;height:100%;width:auto;left:50%;top:0;translate:-50% 0}.spark-c1{position:absolute;z-index:3;width:26%;aspect-ratio:1;left:-2%;top:8%}.spark-c2{position:absolute;z-index:3;width:13%;aspect-ratio:1;right:4%;bottom:14%}.foot{position:relative;display:flex;justify-content:space-between;align-items:flex-end;padding:30px var(--gutter) 96px}.foot .smallprint{position:static}.toast{position:fixed;z-index:95;left:50%;bottom:76px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--paper);color:var(--ink);font-weight:700;padding:.7em 1.3em;border-radius:999px;border:3px solid var(--brown);transition:opacity .25s,transform .35s cubic-bezier(.3,1.8,.5,1)}.toast.show{opacity:1;transform:translate(-50%)}@media(max-width:1100px){.certs{grid-template-columns:1fr 1fr}.cert-earned,.cert-slot{grid-column:span 1}}@media(max-width:860px){.about-grid,.proj,.proj-small,.cv-grid,.contact-grid{grid-template-columns:1fr}.proj-flip .proj-art{order:0}.proj-small .proj-art{max-width:340px}.proj-flip .proj-art{max-width:440px}.about-art{max-width:560px;width:100%;margin-inline:auto}.contact-art{height:min(70svh,600px)}}@media(max-width:700px){.hero{--cap: 29vw;--st: max(calc(5svh + var(--cap) * .95), calc((100svh - 150px + 5svh + var(--cap) * .95 - 86vw) / 2));min-height:620px}.wordmark{top:5svh}.sticker-hero{width:104vw;max-width:none;height:auto;bottom:auto;top:var(--st)}.blob-main{width:112vw;bottom:auto;top:calc(var(--st) - 6vw);transform:translate(-50%) rotate(-6deg)}.blob-dot-1{left:3vw;bottom:auto;top:calc(var(--st) + 80vw)}.blob-dot-2{left:auto;right:5vw;bottom:30svh}.blob-dot-3{display:none}.spark-1{left:auto;right:2vw;top:calc(var(--st) - 8vw);width:22vw}.spark-2{left:2vw;bottom:auto;top:calc(var(--st) + 14vw);width:12vw}.spark-3{left:auto;right:28vw;bottom:17svh;width:9vw}.smallprint{bottom:22px}.sp-name{font-size:24px}.lang-btn{font-size:17px;min-height:30px}.outline-rows{font-size:26vw}.certs{grid-template-columns:1fr}.slot-shape{aspect-ratio:auto;min-height:150px}.tl li,.docs li{padding-left:34px}.docs li{flex-direction:column;gap:6px}.foot{flex-direction:column;align-items:flex-start;gap:26px}.foot .smallprint-right{text-align:left}.foot .lang{align-items:flex-start}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sticker{cursor:default}}
