body{isolation:isolate}.site-atmosphere{z-index:-1;pointer-events:none;contain:strict;position:fixed;inset:0;overflow:hidden}.atmosphere-light{transform:translate3d(var(--light-x,0px),var(--light-y,0px),0);background:radial-gradient(at 82% 13%,#38444e7a,#0000 58%),radial-gradient(at 16% 76%,#3d372e42,#0000 62%),linear-gradient(122deg,#0000 40%,#37352f33 57%,#0000 76%);background:radial-gradient(at 82% 13%,lab(28.0776% -2.94656 -7.71301/.48),#0000 58%),radial-gradient(at 16% 76%,lab(23.4793% 1.26347 6.96178/.26),#0000 62%),linear-gradient(122deg,#0000 40%,lab(22.3321% .0614077 4.26009/.2) 57%,#0000 76%);position:absolute;inset:-70px}:root[data-theme=light] .atmosphere-light{background:radial-gradient(at 84% 16%,#a7b7c180,#0000 58%),radial-gradient(at 15% 78%,#cac3b757,#0000 65%),linear-gradient(122deg,#0000 35%,#fefdfacc 55%,#0000 79%);background:radial-gradient(at 84% 16%,lab(73.3669% -3.99923 -7.29151/.5),#0000 58%),radial-gradient(at 15% 78%,lab(79.1835% .839829 7.27049/.34),#0000 65%),linear-gradient(122deg,#0000 35%,lab(99.4409% -.010848 1.52519/.8) 55%,#0000 79%)}.site-atmosphere canvas{opacity:0;width:100%;height:100%;position:absolute;inset:0}.site-atmosphere[data-cloud-ready=true] canvas{opacity:1}.atmosphere-grain{opacity:.055;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23888' filter='url(%23n)' opacity='.65' d='M0 0h180v180H0z'/%3E%3C/svg%3E");background-size:180px 180px;position:absolute;inset:0}:root[data-theme=light] .atmosphere-grain{opacity:.095}.hero h1{letter-spacing:0;text-transform:none;max-width:1600px;line-height:1.09}.brand,.featured-heading h2,.archive-heading h2,.featured-copy h3,.archive-card h3,.about-section h2,.contact-content h2,.detail-hero h1,.detail-sections h2,.next-project>strong{letter-spacing:-.005em}.hero h1>.hero-line{color:inherit;display:block}.hero-line-inner{display:block}.hero-title-muted{color:var(--muted-foreground)}.hero h1 em{font-style:italic}.hero h1 .hero-line:last-child{max-width:100%}@media (prefers-reduced-motion:no-preference){.hero-line{margin-bottom:-.12em;padding-bottom:.12em;overflow:clip}.hero-line-inner{animation:headline-arrive .95s var(--ease) both}.hero-line:nth-child(2) .hero-line-inner{animation-delay:.11s}.hero-eyebrow{animation:content-arrive .65s var(--ease) both}.hero-bottom{animation:content-arrive .8s var(--ease) .28s both}.hero-index{animation:content-arrive .7s var(--ease) .4s both}.site-header{animation:nav-arrive .65s var(--ease) both}.site-atmosphere{animation:light-arrive 1.4s var(--ease) both}}@keyframes headline-arrive{0%{opacity:0;transform:translateY(.9em)}to{opacity:1;transform:translateZ(0)}}@keyframes content-arrive{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateZ(0)}}@keyframes nav-arrive{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateZ(0)}}@keyframes light-arrive{0%{opacity:0}to{opacity:1}}@media (max-width:600px){.hero h1{letter-spacing:0;line-height:1.12}.hero h1 em{display:block}.featured-heading h2,.archive-heading h2{font-size:clamp(46px,11.8vw,68px)}.featured-leathermind h3{font-size:clamp(46px,12.4vw,58px)}.featured-wkucoursekit h3{font-size:clamp(44px,11.6vw,54px)}}@media (prefers-reduced-motion:reduce){.atmosphere-light{transform:none}}@media (max-width:360px){.site-header{gap:14px;padding-inline:16px}.site-header .brand{flex-shrink:0;font-size:26px}.site-header nav{gap:9px;font-size:11px}.site-header .language-button{min-width:24px;font-size:11px}}
.intro-reveal{z-index:120;isolation:isolate;touch-action:none;animation:2.4s linear both intro-retire;position:fixed;inset:0;overflow:hidden}.intro-panel{background:#020202;background:lab(.556559% .0182539 .183123);width:100%;height:calc(50% + 1px);position:absolute;left:0}.intro-panel-top{border-bottom:1px solid #0000;animation:.96s cubic-bezier(.76,0,.22,1) 1.3s both intro-open-top,.18s linear 1.21s both intro-edge;top:0}.intro-panel-bottom{border-top:1px solid #0000;animation:.96s cubic-bezier(.76,0,.22,1) 1.3s both intro-open-bottom,.18s linear 1.21s both intro-edge;bottom:0}.intro-name{color:#f6f5f1;color:lab(96.5461% -.0119209 1.90754);font:400 clamp(82px,12vw,172px)/1 var(--serif);letter-spacing:-.045em;white-space:nowrap;pointer-events:none;justify-content:center;align-items:center;animation:.25s cubic-bezier(.76,0,.22,1) 1.24s forwards intro-name-leave;display:flex;position:absolute;inset:0}.intro-name-word{animation:.92s cubic-bezier(.65,0,.35,1) both intro-word-shrink;display:inline-flex;transform:scale(1.2)}.intro-subtitle{color:#a6a49f;color:lab(67.5609% -.00542402 3.06112);font:500 10px/1.4 var(--sans);letter-spacing:.12em;white-space:nowrap;opacity:0;animation:.4s cubic-bezier(.19,1,.22,1) .6s forwards intro-subtitle-arrive;position:absolute;top:calc(50% + 45px);left:50%;transform:translate(-50%,8px)scale(.94)}.intro-name-word>span{opacity:0;animation:.46s cubic-bezier(.19,1,.22,1) forwards intro-letter;display:inline-block;transform:translateY(.65em)rotate(5deg)scale(.8)}.intro-name-word>span:first-child{animation-delay:.1s}.intro-name-word>span:nth-child(2){animation-delay:.17s}.intro-name-word>span:nth-child(3){animation-delay:.24s}.intro-name-word>span:nth-child(4){animation-delay:.31s}.intro-name-word>span:nth-child(5){animation-delay:.38s}@keyframes intro-letter{to{opacity:1;transform:translateZ(0)rotate(0)}}@keyframes intro-word-shrink{0%{transform:scale(var(--intro-start-scale,1.2))}to{transform:scale(var(--intro-end-scale,.52))}}@keyframes intro-subtitle-arrive{to{opacity:1;transform:translate(-50%)scale(1.02)}}@keyframes intro-edge{to{border-color:#f6f5f159;border-color:lab(96.5461% -.0119209 1.90754/.35)}}@keyframes intro-name-leave{to{opacity:0;transform:translateY(-8px)}}@keyframes intro-open-top{to{transform:translateY(-102%)}}@keyframes intro-open-bottom{to{transform:translateY(102%)}}@keyframes intro-retire{0%,99%{visibility:visible;pointer-events:auto}to{visibility:hidden;pointer-events:none}}@media (max-width:600px){.intro-name{font-size:clamp(74px,21vw,100px)}.intro-name-word{--intro-start-scale:1.08;--intro-end-scale:.72}.intro-subtitle{letter-spacing:.08em;font-size:8px;top:calc(50% + 34px)}}@media (prefers-reduced-motion:reduce){.intro-reveal{display:none}}
.companion{--buddy-aura-core:#04050729;--buddy-aura-middle:#0507091a;--buddy-aura-edge:#090b0d06;--buddy-ground-core:#0000006b;--buddy-ground-edge:#0000001f}:root[data-theme=light] .companion{--buddy-aura-core:#191b1dd1;--buddy-aura-middle:#25272a94;--buddy-aura-edge:#30333621;--buddy-ground-core:#1215185e;--buddy-ground-edge:#1c1f221f}.companion .buddy-art:before,.companion .buddy-art:after{content:"";z-index:0;pointer-events:none;position:absolute}.companion .buddy-art:before{background:radial-gradient(ellipse 48% 46% at 49% 59%, var(--buddy-aura-core) 0%, var(--buddy-aura-core) 36%, var(--buddy-aura-middle) 60%, var(--buddy-aura-edge) 82%, transparent 100%);filter:blur(3px);inset:-5% -9% -8%}.companion .buddy-art:after{background:radial-gradient(ellipse 49% 44% at 50% 47%, var(--buddy-ground-core) 0%, var(--buddy-ground-edge) 52%, transparent 100%);filter:blur(3px);height:22%;top:82%;left:-4%;right:-4%}.companion .buddy-pose,:root[data-theme=light] .companion .buddy-pose{z-index:1;filter:none;mix-blend-mode:screen}@supports (mask-mode:luminance){.companion .buddy-pose,:root[data-theme=light] .companion .buddy-pose{-webkit-mask-image:var(--buddy-ink-mask);-webkit-mask-image:var(--buddy-ink-mask);mask-image:var(--buddy-ink-mask);mix-blend-mode:normal;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-source-type:luminance;mask-mode:luminance}.companion .sprite-idle{--buddy-ink-mask:url(/images/buddy/idle.png)}.companion .sprite-wake{--buddy-ink-mask:url(/images/buddy/wake.png)}.companion .sprite-listen{--buddy-ink-mask:url(/images/buddy/listen.png)}.companion .sprite-think{--buddy-ink-mask:url(/images/buddy/think.png)}.companion .sprite-speak{--buddy-ink-mask:url(/images/buddy/speak.png)}}@media (max-width:600px){.companion .buddy-art:before,.companion .buddy-art:after{filter:blur(2px)}}
.featured-section .featured-stage{--copy-width:min(44vw, 640px);--photo-size:min(44vw, calc(100svh - var(--scene-top) - 140px), 720px);--split-distance:calc((var(--copy-width) + var(--photo-size)) / 2 + 26px);--title-size:clamp(64px, min(8.2vw, 14svh), 132px);display:block}.featured-section .featured-copy{text-align:center;width:100%;max-width:none;transform:translate3d(0, calc(24px * (1 - var(--reveal))), 0);place-items:center;padding:28px 0 58px;display:grid;position:absolute;inset:0}.featured-copy-content{width:var(--copy-width);min-width:0;max-width:100%;opacity:clamp(0, calc((var(--reveal) - .08) * 2.5), 1);container-type:inline-size}.featured-section .featured-title{width:100%;font-size:calc(var(--title-size) * var(--title-fit,1));text-align:center;margin:22px 0 20px;line-height:1.04}.featured-title>span{white-space:nowrap;width:max-content;max-width:none;display:inline-block}.featured-section .featured-number{margin-bottom:28px}.featured-section .featured-subtitle{max-width:min(340px,100%)}.featured-section .featured-tech{overflow-wrap:anywhere;margin-top:26px}.featured-section .featured-photo{width:var(--photo-size);height:var(--photo-size);aspect-ratio:1;transform-origin:50%;pointer-events:none;max-width:none;position:absolute;top:calc(50% - 15px);left:50%}.featured-section .featured-photo-left{transform:translate3d(calc(-50% - var(--reveal) * var(--split-distance)), -50%, 0) rotate(calc(var(--reveal) * -3deg))}.featured-section .featured-photo-right{transform:translate3d(calc(-50% + var(--reveal) * var(--split-distance)), -50%, 0) rotate(calc(var(--reveal) * 3deg))}.featured-section .featured-photo>img{object-position:center;width:100%;height:100%;display:block;transform:none}@media (max-width:899px){.featured-section .featured-stage{--copy-width:min(calc(100vw - 64px), 680px);--photo-size:min(80vw, calc(100svh - var(--scene-top) - 116px), 680px);--split-distance:calc((var(--copy-width) + var(--photo-size)) / 2 + 20px);--title-size:clamp(64px, min(12vw, 14svh), 108px)}.featured-section .featured-photo-left{transform:translate3d(calc(-50% - var(--reveal) * var(--split-distance)), -50%, 0)}.featured-section .featured-photo-right{transform:translate3d(calc(-50% + var(--reveal) * var(--split-distance)), -50%, 0)}}@media (max-width:600px){.featured-section .featured-number{margin-bottom:24px}.featured-section .featured-title{margin-top:20px;margin-bottom:18px}.featured-section .featured-tech{margin-top:22px}.featured-section .featured-caption{bottom:16px}}@media (max-height:599px),(prefers-reduced-motion:reduce){.featured-copy-content{opacity:1}.featured-section .featured-stage{--copy-width:100%;--title-size:clamp(46px, 6.5vw, 100px);grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) minmax(0,1fr);align-items:center;gap:24px;display:grid}.featured-section .featured-copy{grid-area:1/2;width:100%;padding:24px 0;position:relative;inset:auto;transform:none}.featured-section .featured-photo{aspect-ratio:1;will-change:auto;border-radius:20px;width:100%;height:auto;display:block;position:relative;top:auto;left:auto;transform:none}.featured-section .featured-photo>img{position:absolute;inset:0}.featured-section .featured-photo-left{grid-area:1/1}.featured-section .featured-photo-right{grid-area:1/3}.featured-section .featured-caption{grid-area:2/1/auto/-1}}@media (max-width:767px) and (prefers-reduced-motion:reduce),(max-width:767px) and (max-height:599px){.featured-section .featured-stage{--title-size:clamp(46px, 10vw, 76px);grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.featured-section .featured-copy{grid-area:2/1/auto/-1}.featured-section .featured-photo-right{grid-column:2}.featured-section .featured-caption{grid-row:3}}