@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}.hero{min-height:100svh;color:var(--ink);isolation:isolate;flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}.hero .hero-nav,.hero-main{padding-inline:5vw}.hero-logo{letter-spacing:-.08em;font-size:20px;font-weight:800}.hero-logo span{vertical-align:top;margin-left:3px;font-size:9px}.hero-kicker,.hero-eyebrow,.hero-works,.hero-art-label,.hero-art-index{font-family:var(--font-mono,monospace)}.hero-contact{border-bottom:1px solid;padding-bottom:5px}.hero-main{z-index:2;flex:1;grid-template-columns:1.15fr .85fr;align-items:center;gap:2vw;width:100%;max-width:1440px;padding:auto;display:grid;transform:translateY(-20px)}.hero-copy{z-index:2;position:relative}.hero-eyebrow{letter-spacing:.13em;margin-bottom:28px;font-size:10px}.hero-title{letter-spacing:-.095em;margin:0;font-size:clamp(76px,11.4vw,170px);font-weight:700;line-height:.78}.hero-line{padding:.07em .09em .12em 0;display:block;overflow:hidden}.hero-reveal{transform-origin:0 100%;display:inline-block}.hero-italic{letter-spacing:-.105em;font-family:Georgia,serif;font-style:italic;font-weight:400}.hero-blue{color:var(--lime)}.hero-bottom{justify-content:space-between;align-items:end;gap:24px;max-width:560px;margin-top:42px;display:flex}.hero-description{max-width:260px;margin:0;font-size:13px;line-height:1.7}.hero-works{white-space:nowrap;letter-spacing:.08em;color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:8px;font-size:10px;text-decoration:none}.hero-works span{color:var(--blue);margin-left:12px}.hero-visual{justify-self:end;width:100%;max-width:490px;padding:8% 4%;position:relative}.hero-art{aspect-ratio:.79;background:var(--blue);color:var(--paper);clip-path:inset(0);position:relative;overflow:hidden}.hero-art-grid{z-index:1;pointer-events:none;opacity:.2;background-image:radial-gradient(currentColor .7px,#0000 .7px);background-size:7px 7px;position:absolute;inset:0}.hero-big-portrait{width:100%;height:100%;position:absolute;overflow:hidden}.hero-big-portrait img{object-fit:cover;object-position:center;filter:grayscale()brightness(.5);width:100%;height:100%;transition:filter .5s,transform .7s cubic-bezier(.2,.7,.2,1);display:block}.hero-big-portrait:hover img{filter:grayscale(.3)brightness(.5);transform:scale(1.035)}.hero-portrait{position:absolute;inset:10% 8% 0;overflow:hidden}.hero-portrait img{object-fit:cover;object-position:center bottom;width:100%;height:100%;display:block}.hero-art-label{z-index:2;letter-spacing:.08em;justify-content:space-between;font-size:9px;display:flex;position:absolute;inset:15px 14px auto}.hero-art-index{z-index:2;font-size:12px;position:absolute;bottom:12px;right:14px}.hero-orbit{z-index:3;aspect-ratio:1;border:1px solid var(--ink);border-radius:50%;width:30%;position:absolute;top:0;right:-4%}.hero-sticker{z-index:4;aspect-ratio:1;background:var(--lime);width:112px;color:var(--ink);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-size:10px;font-weight:800;line-height:1.5;display:flex;position:absolute;bottom:12%;left:-7%;transform:rotate(-12deg)}.hero-side-note{font-family:var(--font-mono,monospace);letter-spacing:.06em;font-size:8px;line-height:1.6;position:absolute;bottom:2%;right:-2%}.hero-footer{border-top:1px solid #17181533;padding-top:15px}.explore-wrapper{justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 6);border-top-style:var(--tw-border-style);border-top-width:2px;border-color:var(--color-white,#fff);background-color:var(--blue);height:30vh;padding-block:calc(var(--spacing,.25rem) * 10);display:flex;position:relative}@media not all and (min-width:48rem){.explore-wrapper{flex:1}}@media (min-width:48rem){.explore-wrapper{padding-block:0}}.explore-flame-bg{pointer-events:none;z-index:10;inset-block:0;position:absolute;bottom:0;overflow:hidden}.explore-bg{background-color:#ff82c5;width:0;height:100%;position:absolute;inset:0}.explore-zap-wrapper{z-index:30;background-color:var(--lime);border-radius:2147483647px;justify-content:center;align-items:center;width:10vh;height:10vh;display:none}@media (min-width:48rem){.explore-zap-wrapper{display:flex}}.explore-zap-icon{width:7vh;height:7vh;color:var(--blue)}.explore-text{z-index:30;color:var(--lime);font-size:5vh}@media (min-width:48rem){.explore-text{font-size:10vh}}.explore-pointer-down{z-index:30;width:5vh;height:5vh;animation:var(--animate-bounce,bounce 1s infinite);color:var(--lime)}@media (min-width:48rem){.explore-pointer-down{width:10vh;height:10vh}}.hero-outline-text{fill:#0000;stroke:#fff;transition:fill .35s .16s,stroke .25s}.hero-outline-text-group{transform-box:fill-box;transform-origin:50%}@media (max-width:760px){.hero{min-height:100svh}.hero-nav{flex-wrap:wrap}.hero-kicker{display:none}.hero-main{grid-template-columns:1fr;gap:8px;margin:20px auto 28px;padding:0 6vw}.hero-title{font-size:clamp(76px,17vw,128px)}.hero-eyebrow{margin-bottom:24px}.hero-bottom{margin-top:28px}.hero-visual{width:72%;max-width:330px;margin:0 auto;padding:8% 4% 12%}.hero-sticker{width:82px;font-size:8px}.hero-side-note{font-size:7px;right:-10%}.hero-footer{font-size:8px}.hero-footer>span:nth-child(2){display:none}}@media (prefers-reduced-motion:reduce){.hero-reveal,.hero-art,.hero-detail,.hero-shape{transition:none!important;animation:none!important}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}
.animated-flame{pointer-events:none;width:100%;height:100%;display:block;position:relative;overflow:hidden}.animated-flame__svg{width:100%;height:100%;display:block}.flame-reveal{clip-path:inset(100% 0 0);will-change:clip-path;--flame-color:#ff36a2;--flame-highlight:#ff82c5;transition:background-color .5s,--flame-color .5s,--flame-highlight .5s;position:absolute;inset:0;overflow:hidden}
.animated-scribble{z-index:0;pointer-events:none;width:100%;height:100%;color:var(--scribble-color,#171717);opacity:var(--scribble-opacity,.75);--scribble-ink:var(--scribble-color,#171717);--scribble-accent:var(--scribble-accent,#2849f0);transition:opacity .4s;position:absolute;inset:0;overflow:hidden}.animated-scribble__svg{will-change:transform, opacity;width:100%;height:100%;display:block;overflow:visible}.scribble-doodle{transform-box:fill-box;transform-origin:50%;will-change:transform}.animated-scribble[data-hovered=true]{opacity:1;--scribble-ink:var(--scribble-hover-color,#2849f0)}.scribble-section:hover .animated-scribble{opacity:1}@media (prefers-reduced-motion:reduce){.scribble-doodle{will-change:auto;animation:none}.animated-scribble{transition:none}}
.about-bp{isolation:isolate;background:var(--paper);min-height:265svh;color:var(--ink);position:relative}.about-bp *,.about-bp :before,.about-bp :after{box-sizing:border-box}.about-bp__stage{isolation:isolate;background:var(--pink);height:100svh;min-height:640px;color:var(--paper);transition:none;position:sticky;top:0;overflow:hidden}.about-bp__eyebrow{z-index:10;font:500 10px/1.2 var(--font-mono,"DM Mono", monospace);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:12px;display:flex;position:absolute;top:clamp(24px,4.2vh,46px);left:clamp(24px,5vw,80px)}.about-bp__headline{z-index:4;will-change:transform;width:min(62vw,990px);position:absolute;top:18%;left:clamp(24px,5vw,80px)}.about-bp__headline h2{font-family:"Impact", "Arial Narrow", var(--font-display,"Helvetica Neue"), Arial, sans-serif;letter-spacing:-.02em;margin:0;font-size:clamp(78px,9.3vw,160px);font-weight:900;font-stretch:75%;line-height:.8}.about-bp__line{width:fit-content;max-width:100%;padding:0 .13em .085em 0;display:block;overflow:hidden}.about-bp__line-inner{white-space:nowrap;will-change:transform;display:block}.about-bp__line--lime{color:var(--lime);font-family:var(--font-serif,Georgia, "Times New Roman", serif);letter-spacing:-.09em;font-size:1.045em;font-style:italic;font-weight:500;line-height:.96}.about-bp__art{z-index:2;pointer-events:none;width:min(48vw,760px);position:absolute;top:9%;bottom:5%;right:7%}.about-bp__blue-plane{background:var(--blue);clip-path:polygon(6% 0,100% 8%,93% 93%,0 100%);transform-origin:bottom;will-change:transform, opacity;width:69%;height:80%;position:absolute;top:8%;left:13%;transform:rotate(-4deg)}.about-bp__lime-plane{z-index:1;background:var(--lime);clip-path:polygon(20% 0,100% 8%,82% 100%,0 87%);will-change:transform, opacity;width:17%;height:29%;position:absolute;top:39%;right:0;transform:rotate(7deg)}.about-bp__portrait{z-index:3;clip-path:inset(0);transform-origin:bottom;will-change:clip-path, transform;position:absolute;inset:0 3% 0 4%;overflow:hidden}.about-bp__portrait img{object-fit:cover;object-position:center;filter:grayscale()contrast(1.08);mix-blend-mode:normal;transform-origin:bottom;will-change:transform;width:100%;height:100%;display:block}.about-bp__copy{z-index:6;width:min(47vw,640px);font:400 clamp(12px, .86vw, 14px)/1.8 var(--font-body,Arial, sans-serif);letter-spacing:-.012em;position:absolute;bottom:11%;left:clamp(24px,5.1vw,82px)}.about-bp__copy p{margin:0 0 1.15em}.about-bp__copy p:last-child{margin-bottom:0}.about-bp__copy-mask{vertical-align:bottom;display:inline-block;overflow:hidden}.about-bp__copy-line{will-change:transform, opacity;display:inline-block}.about-bp__footer{z-index:10;font:500 9px/1.2 var(--font-mono,"DM Mono", monospace);letter-spacing:.1em;text-transform:uppercase;opacity:.6;align-items:center;gap:16px;display:flex;position:absolute;bottom:3.2%;left:clamp(24px,5vw,80px);right:clamp(24px,5vw,80px)}.about-bp__footer-rule{opacity:.35;background:currentColor;flex:1;height:1px}@media (min-width:1500px){.about-bp__headline h2{font-size:clamp(142px,8.9vw,176px)}}@media (max-width:1100px) and (min-width:761px){.about-bp__headline{width:65vw}.about-bp__headline h2{font-size:clamp(70px,8.8vw,102px)}.about-bp__art{width:51vw;right:2%}.about-bp__copy{width:48vw;bottom:10%}.about-bp__side-note{right:18px}}@media (max-width:760px){.about-bp{min-height:auto}.about-bp__stage{height:auto;min-height:0;padding:28px 22px 22px;position:relative;overflow:hidden}.about-bp__eyebrow{margin-bottom:42px;position:relative;top:auto;left:auto}.about-bp__headline{width:100%;margin:0;position:relative;top:auto;left:auto}.about-bp__headline h2{font-size:clamp(57px,11.9vw,88px);line-height:.86}.about-bp__line-inner{white-space:normal}.about-bp__line--blue .about-bp__line-inner{white-space:nowrap}.about-bp__art{width:100%;height:min(112vw,470px);margin-top:-2px;position:relative;top:auto;bottom:auto;right:auto}.about-bp__blue-plane{width:77%;height:78%;top:8%;left:9%}.about-bp__lime-plane{width:30%;height:39%;top:36%;right:1%}.about-bp__portrait{inset:0 2%}.about-bp__side-note{gap:4px;font-size:8px;top:auto;bottom:32%;right:22px}.about-bp__copy{width:100%;margin-top:8px;font-size:13px;line-height:1.75;position:relative;bottom:auto;left:auto}.about-bp__copy p{margin-bottom:1.1em}.about-bp__copy-mask,.about-bp__copy-line{display:inline;overflow:visible}.about-bp__footer{margin-top:32px;font-size:8px;position:relative;bottom:auto;left:auto;right:auto}}@media (prefers-reduced-motion:reduce){.about-bp{min-height:auto}.about-bp__stage{height:auto;min-height:0;position:relative}.about-bp *,.about-bp :before,.about-bp :after{scroll-behavior:auto!important;opacity:1!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transform:none!important}}
.skills_section{background:var(--paper);color:var(--ink);position:relative}.skills_container{isolation:isolate;background:var(--pink);min-height:270svh;position:relative}.skills_stage{isolation:isolate;background:var(--pink);height:100svh;min-height:600px;color:var(--ink);will-change:background-color;position:sticky;top:0;overflow:hidden}.skills_intro{z-index:6;pointer-events:none;position:absolute;inset:0}.skills_headline{z-index:6;width:max-content;max-width:calc(100vw - 32px);font-family:var(--font-geist-sans), Arial, sans-serif;letter-spacing:-.085em;color:var(--paper);white-space:nowrap;transform-origin:0 0;will-change:transform, top, left, color;flex-direction:column;margin:0;font-size:clamp(58px,9.6vw,150px);font-weight:900;line-height:.79;display:flex;position:absolute;top:45%;left:50%}.skills_headline span{display:block}.skills_headline span+span{margin-top:.07em}.skills_headline>span:last-child{color:var(--lime)}.skills_headline_line{width:min(350px,30vw);font-family:var(--font-geist-sans), Arial, sans-serif;letter-spacing:-.02em;will-change:transform, opacity;color:var(--lime);margin:0;font-size:clamp(12px,1.05vw,15px);line-height:1.65;position:absolute;top:13%;right:clamp(22px,5vw,80px)}.skills_word-wall{z-index:3;pointer-events:none;position:absolute;inset:0;overflow:hidden}.skills_word-row{white-space:nowrap;opacity:0;visibility:hidden;will-change:transform, opacity;align-items:baseline;gap:clamp(22px,3.1vw,54px);width:max-content;min-width:max-content;display:flex;position:absolute}.skills_word-row--desktop{display:flex}.skills_mobile-cloud{display:none}.skills_word{color:var(--paper);font-family:var(--font-geist-sans), Arial, sans-serif;letter-spacing:-.075em;white-space:nowrap;flex:none;font-size:clamp(48px,6.45vw,116px);font-weight:850;line-height:.88;display:inline-block}.skills_scroll_note{z-index:12;color:var(--paper);font-family:var(--font-geist-mono), monospace;letter-spacing:.1em;opacity:0;visibility:hidden;will-change:transform, opacity;justify-content:space-between;align-items:center;font-size:9px;display:flex;position:absolute;bottom:clamp(18px,3.1vh,36px);left:clamp(20px,3.8vw,64px);right:clamp(20px,3.8vw,64px)}.skills_scroll_note span:last-child{font-size:20px}@media (min-width:1500px){.skills_word{font-size:clamp(96px,6.45vw,128px)}}@media (max-width:1000px) and (min-width:761px){.skills_word{font-size:clamp(48px,6.6vw,72px)}.skills_word-row{gap:28px}}@media (max-width:760px){.skills_container{min-height:225svh}.skills_stage{height:100svh;min-height:520px}.skills_headline{letter-spacing:-.085em;max-width:calc(100vw - 28px);font-size:clamp(46px,11.2vw,80px);line-height:.8}.skills_headline_line{width:min(230px,56vw);font-size:10px;top:12%;right:18px}.skills_word-row--desktop{display:none!important}.skills_mobile-cloud{flex-wrap:wrap;align-content:space-between;align-items:baseline;gap:clamp(12px,2.5vh,22px) clamp(10px,2.6vw,15px);display:flex;position:absolute;inset:18% 16px 8%;overflow:hidden}.skills_mobile-cloud .skills_word{letter-spacing:-.075em;white-space:nowrap;opacity:0;visibility:hidden;will-change:transform, opacity;flex:none;width:auto;max-width:100%;font-size:clamp(25px,7.5vw,36px);line-height:.86}.skills_scroll_note{font-size:7px;bottom:12px;left:18px;right:18px}}@media (prefers-reduced-motion:reduce){.skills_container{min-height:auto}.skills_stage{height:auto;min-height:100svh;padding:72px 20px 28px;position:relative;overflow:hidden;background:var(--paper)!important;color:var(--ink)!important}.skills_intro{position:relative;inset:auto}.skills_headline,.skills_headline_line,.skills_scroll_note{width:auto;color:inherit;position:relative;inset:auto;opacity:1!important;visibility:visible!important;transform:none!important}.skills_headline{margin:16vh 0 22px;font-size:clamp(42px,10vw,76px)}.skills_headline_line{margin-bottom:30px}.skills_word-wall{display:block;position:relative;overflow:visible}.skills_word-row--desktop{flex-wrap:wrap;gap:10px 16px;width:auto;min-width:0;margin-bottom:12px;display:flex;position:relative;opacity:1!important;visibility:visible!important;top:auto!important;left:auto!important;transform:none!important}.skills_mobile-cloud{display:none;position:relative;inset:auto;overflow:visible}.skills_word{color:var(--ink);white-space:normal;font-size:clamp(24px,6vw,38px)}.skills_scroll_note{display:none}}
.projects{--work-paper:#f1efe7;--work-ink:#171815;--work-blue:#244de8;--work-lime:#d6fa61;--work-pink:#ff3f94;background:var(--work-paper);color:var(--work-ink);padding:34px 5vw 24px;overflow:hidden}.projects-header,.projects-footer,.project-meta{font-family:var(--font-mono,monospace);letter-spacing:.1em;justify-content:space-between;align-items:center;gap:16px;font-size:9px;display:flex}.projects-header{border-bottom:1px solid #17181538;padding-bottom:16px}.projects-intro{justify-content:space-between;align-items:end;gap:30px;padding:75px 0 55px;display:flex}.projects-intro h2{letter-spacing:-.09em;margin:0;font-size:clamp(65px,10.5vw,145px);font-weight:750;line-height:.84}.projects-intro h2 em{color:var(--work-blue);font-family:Georgia,serif;font-weight:400}.projects-intro>p{max-width:235px;margin:0 0 6px;font-size:12px;line-height:1.8}.project-feature{color:inherit;margin-bottom:70px;text-decoration:none;display:block}.project-feature-art{background:var(--work-blue);position:relative;overflow:hidden}.project-art{width:100%;position:relative;overflow:hidden}.project-feature-art>.project-art{min-height:440px}.art-warung{color:#f1efe7;background:#244de8;min-height:440px;padding:25px 5%}.warung-top,.art-eyebrow,.pet-bottom,.trace-label,.trace-coordinate,.art-stamp,.aegis-top,.aegis-bottom{font-family:var(--font-mono,monospace);letter-spacing:.1em;justify-content:space-between;font-size:9px;display:flex}.warung-ui{color:#171815;background:#f1efe7;grid-template-columns:.6fr 1.4fr;gap:20px;width:76%;margin:45px auto 0;padding:22px;transition:transform .6s cubic-bezier(.2,.7,.2,1);display:grid;transform:rotate(-2deg);box-shadow:0 30px 80px #00000026}.project-feature:hover .warung-ui{transform:rotate(0)translateY(-5px)}.warung-ui aside{font-family:var(--font-mono,monospace);flex-direction:column;gap:17px;padding-top:12px;font-size:8px;display:flex}.warung-panel-heading{justify-content:space-between;margin-bottom:15px;font-size:12px;font-weight:600;display:flex}.warung-metrics{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.warung-metrics>div{background:#fff;flex-direction:column;gap:6px;padding:12px 8px;display:flex}.warung-metrics i{background:#d7d5cc;width:70%;height:4px}.warung-metrics i:first-child{background:#244de8;width:45%}.warung-chart{background:#fff;align-items:end;gap:5px;height:95px;margin-top:15px;padding:12px;display:flex}.warung-chart span{height:var(--bar);transform-origin:bottom;background:#244de8;flex:1;transition:transform .3s}.project-feature:hover .warung-chart span{transform:scaleY(1.05)}.art-stamp{position:absolute;bottom:20px;right:5%}.project-card-art,.project-card-link{color:inherit;text-decoration:none;display:block;overflow:hidden}.project-card .project-art{aspect-ratio:1.22;transition:transform .5s cubic-bezier(.2,.7,.2,1)}.project-card:hover .project-art{transform:scale(1.025)}.art-petdata{background:var(--work-lime);min-height:250px;color:var(--work-ink);flex-direction:column;justify-content:space-between;padding:22px;display:flex}.pet-orbit{aspect-ratio:1;border:1px solid #17181580;border-radius:50%;align-self:center;place-items:center;width:140px;display:grid;position:relative;transform:rotate(-12deg)}.pet-circle{aspect-ratio:1;background:var(--work-blue);border-radius:50%;place-items:center;width:86px;font-size:43px;transition:transform .4s;display:grid}.pet-circle>.petdata-logo{aspect-ratio:1;background-color:#fff;width:25px;height:45px;-webkit-mask:url(/images/petdata-logo.png) 50%/contain no-repeat;mask:url(/images/petdata-logo.png) 50%/contain no-repeat}.project-card:hover .pet-circle{transform:rotate(35deg)scale(1.08)}.pet-label{font-size:11px;font-weight:800;line-height:1.3;position:absolute;bottom:0;right:-20px;transform:rotate(12deg)}.pet-bottom{justify-content:flex-start}.art-trace{color:#171815;background:#dbe2ec;min-height:250px;padding:22px}.trace-map{background:linear-gradient(35deg,#0000 47%,#aab8ca 48% 49%,#0000 50%),linear-gradient(145deg,#0000 30%,#aab8ca 31% 32%,#0000 33%),repeating-linear-gradient(0deg,#0000 0 28px,#244de81f 29px 30px),repeating-linear-gradient(90deg,#0000 0 28px,#244de81f 29px 30px);position:absolute;inset:55px 0 15px;overflow:hidden}.trace-map-lines{background:#244de814;border:2px solid #244de8;border-radius:44% 56% 61% 39%/46% 40% 60% 54%;position:absolute;inset:15% 24%;transform:rotate(-25deg)}.trace-point{background:#244de8;border:2px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;box-shadow:0 0 0 5px #244de826}.trace-point-one{top:25%;left:36%}.trace-point-two{top:48%;left:57%}.trace-point-three{top:65%;left:42%}.trace-map-tag{font-family:var(--font-mono,monospace);font-size:9px;position:absolute;bottom:10px;right:15px}.trace-coordinate{position:absolute;bottom:20px;left:22px}.art-aegis{color:#f1efe7;background:#171815;min-height:250px;padding:22px}.aegis-center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.aegis-cross{aspect-ratio:1;border:1px solid var(--work-lime);width:48px;color:var(--work-lime);border-radius:50%;place-items:center;font-size:30px;font-weight:300;transition:transform .5s;display:grid}.aegis-cross>.aegis-logo{aspect-ratio:1;background-color:var(--work-lime);width:30px;-webkit-mask:url(/images/aegis-logo.png) 50%/contain no-repeat;mask:url(/images/aegis-logo.png) 50%/contain no-repeat}.project-card:hover .aegis-cross{background-color:var(--work-lime);transform:rotate(360deg)}.project-card:hover .aegis-cross>.aegis-logo{background-color:#000}.aegis-word{letter-spacing:-.09em;margin-top:10px;font-size:clamp(35px,5vw,58px);font-weight:800}.aegis-sub{font-family:var(--font-mono,monospace);letter-spacing:.08em;margin-top:10px;font-size:8px}.aegis-bottom{font-size:8px;position:absolute;inset:auto 22px 20px}.project-hover-cue{background:var(--work-lime);color:var(--work-ink);font-family:var(--font-mono,monospace);letter-spacing:.05em;opacity:0;padding:12px 15px;font-size:9px;transition:opacity .25s,transform .25s;position:absolute;bottom:22px;right:22px;transform:translateY(8px)}.project-feature:hover .project-hover-cue,.project-feature:focus-visible .project-hover-cue{opacity:1;transform:translateY(0)}.project-info{border-bottom:1px solid #17181540;grid-template-columns:.8fr 1.3fr .9fr;gap:25px;padding:22px 0;display:grid}.project-meta{align-items:start;font-size:8px;line-height:1.7}.project-info-main h3,.project-card-info h3{letter-spacing:-.07em;justify-content:space-between;align-items:center;gap:10px;margin:0 0 9px;font-size:clamp(25px,3.4vw,43px);line-height:1;display:flex}.project-info-main h3 span{color:var(--work-blue);transition:transform .25s}.project-feature:hover .project-info-main h3 span{transform:translate(4px,-4px)}.project-info-main p,.project-card-info>p{opacity:.72;max-width:350px;margin:0;font-size:12px;line-height:1.8}.project-tags{flex-wrap:wrap;align-content:start;gap:6px;display:flex}.project-tags span{white-space:nowrap;border:1px solid #17181533;border-radius:30px;padding:7px 9px;font-size:9px}.projects-grid{grid-template-columns:1fr 1fr;gap:65px 28px;display:grid}.project-card:nth-child(2){margin-top:100px}.project-card:nth-child(3){margin-top:-35px}.project-card-info{padding-top:18px}.project-card-info .project-meta{margin-bottom:20px}.project-card-info h3{font-size:clamp(27px,3.4vw,44px)}.project-card-info h3 a{color:var(--work-blue);font-size:20px;font-weight:400;text-decoration:none}.project-card-info>p{max-width:420px;margin-bottom:20px}.projects-footer{border-top:1px solid #17181538;margin-top:85px;padding-top:16px}.projects-footer a{color:inherit;border-bottom:1px solid;padding-bottom:5px;text-decoration:none}.aegis-hover-preview{z-index:3;opacity:0;pointer-events:none;background:#0c0d0c2e;place-items:center;padding:clamp(1rem,4vw,2.25rem);transition:opacity .35s;display:grid;position:absolute;inset:0}@media (hover:none),(prefers-reduced-motion:reduce){.aegis-hover-preview{display:none}.project-card-link-aegis>.art-aegis{transition:none}}.project-card-link-aegis{isolation:isolate;position:relative;overflow:hidden}.project-card-link-aegis>.art-aegis{transform-origin:50%;transition:transform .7s cubic-bezier(.2,.75,.25,1),filter .5s}.aegis-hover-preview{z-index:9999;opacity:0;pointer-events:none;transform-origin:0 0;will-change:left, top, opacity, transform;background:0 0;width:min(360px,100vw - 32px);padding:0;transition:opacity .18s,transform .22s cubic-bezier(.2,.75,.25,1);display:block;position:fixed;top:0;left:0;transform:translateY(0)scale(.98)}.aegis-preview-window{transform-origin:50%;background:#171815;border:1px solid #f1efe73d;border-radius:8px;width:min(100%,32rem);transition:transform .65s cubic-bezier(.2,.75,.25,1);overflow:hidden;transform:translateY(22px)scale(.94)rotate(-1.5deg);box-shadow:0 24px 70px #00000061}.aegis-preview-chrome,.aegis-preview-caption{color:#f1efe7ad;letter-spacing:.1em;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem .8rem;font-size:.55rem;display:flex}.aegis-preview-chrome{border-bottom:1px solid #f1efe71f;min-height:2.4rem}.aegis-preview-dots{gap:4px;display:inline-flex}.aegis-preview-dots i{background:#f1efe759;border-radius:50%;width:5px;height:5px;display:block}.aegis-preview-status{align-items:center;gap:.35rem;display:inline-flex}.aegis-preview-status i{background:#d6fa61;border-radius:50%;width:5px;height:5px}.aegis-preview-screen{aspect-ratio:1.45;background:#171815;position:relative;overflow:hidden}.aegis-preview-screen>.art-aegis{width:100%;height:100%;min-height:0;position:absolute;inset:0;transform:scale(1.04)}.aegis-preview-caption{color:#d6fa61;border-top:1px solid #f1efe71f}.project-card-link-aegis:hover>.art-aegis,.project-card-link-aegis:focus-visible>.art-aegis{filter:brightness(.7);transform:scale(1.045)}.project-card-link-aegis:hover .aegis-hover-preview,.project-card-link-aegis:focus-visible .aegis-hover-preview{opacity:1}.project-card-link-aegis:hover .aegis-preview-window,.project-card-link-aegis:focus-visible .aegis-preview-window{transform:translateY(0)scale(1)rotate(0)}@media (hover:none),(prefers-reduced-motion:reduce){.aegis-hover-preview{display:none}.project-card-link-aegis>.art-aegis{transition:none}}.aegis-hover-preview.is-visible{opacity:1;transform:translateY(0)scale(1)}.aegis-hover-preview.is-visible .aegis-preview-window{transform:translateY(0)scale(1)rotate(0)}@media (max-width:760px){.projects{padding:26px 6vw 20px}.projects-header,.projects-footer,.project-meta{font-size:8px}.projects-intro{flex-direction:column;align-items:start;gap:22px;padding:52px 0 38px}.projects-intro h2{font-size:clamp(58px,12vw,92px)}.project-feature{margin-bottom:48px}.project-feature-art>.project-art,.art-warung{min-height:300px}.warung-ui{gap:10px;width:95%;margin-top:45px;padding:12px}.warung-ui aside{gap:12px;font-size:6px}.warung-chart{gap:3px;height:65px;padding:7px}.project-hover-cue{opacity:1;font-size:8px;bottom:10px;right:10px;transform:none}.project-info{grid-template-columns:1fr;gap:16px}.project-info-main h3{font-size:35px}.projects-grid{gap:42px 12px}.project-card:nth-child(2),.project-card:nth-child(3){margin-top:0}.project-card .project-art{aspect-ratio:.9;min-height:175px}.art-petdata,.art-trace,.art-aegis{padding:12px}.pet-orbit{width:90px}.pet-circle{width:58px;font-size:30px}.pet-label{font-size:8px;right:-14px}.trace-coordinate,.aegis-bottom{font-size:6px}.aegis-bottom{inset:auto 12px 12px}.aegis-sub{text-align:center;font-size:6px}.project-card-info .project-meta{flex-direction:column;gap:3px;margin-bottom:12px}.project-card-info h3{font-size:clamp(21px,5.3vw,32px)}.project-card-info>p{margin-bottom:14px;font-size:11px}.project-tags{gap:4px}.project-tags span{padding:5px 7px;font-size:8px}.projects-footer{align-items:start;margin-top:55px}.projects-footer a{text-align:right}}@media (prefers-reduced-motion:reduce){.project-art,.warung-ui,.warung-chart span,.pet-circle,.aegis-cross,.project-hover-cue,.project-info-main h3 span{transition:none}}
.contact{--contact-paper:#f1efe7;--contact-ink:#171815;--contact-blue:#244de8;--contact-lime:#d6fa61;background:var(--contact-paper);color:var(--contact-ink);padding:34px 5vw 24px;position:relative;overflow:hidden}.contact-header,.contact-footer,.contact-cta-label,.contact-cta-bottom{font-family:var(--font-mono,monospace);letter-spacing:.1em;justify-content:space-between;align-items:center;gap:18px;font-size:9px;display:flex}.contact-header{border-bottom:1px solid #17181538;padding-bottom:16px}.contact-main{grid-template-columns:1.25fr .75fr;align-items:center;gap:30px;max-width:1440px;margin:70px auto 65px;display:grid}.contact-eyebrow{font-family:var(--font-mono,monospace);letter-spacing:.12em;margin-bottom:30px;font-size:10px}.contact-title{letter-spacing:-.09em;flex-direction:column;align-items:flex-start;margin:0;font-size:clamp(58px,9.5vw,132px);font-weight:750;line-height:.85;display:flex}.contact-line{padding:.05em .08em .12em 0;display:block;overflow:hidden}.contact-line>span{display:inline-block}.contact-title em{color:var(--contact-blue);letter-spacing:-.085em;font-family:Georgia,serif;font-weight:400}.contact-description{max-width:370px;margin:30px 0 0;font-size:13px;line-height:1.9}.contact-art{place-items:center;min-height:330px;display:grid;position:relative}.contact-art-orbit{aspect-ratio:1;border:1px solid #17181559;border-radius:50%;place-items:center;width:min(100%,290px);animation:18s linear infinite contact-orbit;display:grid;position:relative}.contact-art-orbit:before,.contact-art-orbit:after{content:"";border:1px solid #244de873;border-radius:50%;position:absolute;inset:12%}.contact-art-orbit:after{border-color:#17181540;inset:25%}.contact-art-core{z-index:1;aspect-ratio:1;background:var(--contact-lime);width:46%;color:var(--contact-ink);letter-spacing:-.06em;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-size:19px;font-weight:800;line-height:1.15;transition:background .25s,transform .35s;animation:18s linear infinite contact-counter-orbit;display:flex;position:relative}.contact-art:hover .contact-art-core{background:var(--contact-blue);color:#fff;transform:scale(1.08)}.contact-art-note{font-family:var(--font-mono,monospace);letter-spacing:.08em;font-size:8px;position:absolute;bottom:10px;right:0}@keyframes contact-orbit{to{transform:rotate(360deg)}}@keyframes contact-counter-orbit{to{transform:rotate(-360deg)}}.contact-cta{background:var(--contact-blue);color:#fff;padding:24px 28px 20px}.contact-cta-label{opacity:.8;font-size:9px}.contact-email{color:#fff;letter-spacing:-.065em;overflow-wrap:anywhere;border-bottom:1px solid #ffffff59;justify-content:space-between;align-items:center;gap:16px;padding:38px 0 30px;font-size:clamp(24px,5vw,64px);font-weight:600;text-decoration:none;display:flex}.contact-email-arrow{flex-shrink:0;transition:transform .25s}.contact-email:hover .contact-email-arrow{transform:translate(5px,-5px)}.contact-cta-bottom{padding-top:20px;font-size:9px}.contact-copy{color:#fff;font-family:inherit;font-size:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff80;border-radius:999px;padding:10px 14px;transition:color .2s,background .2s}.contact-copy:hover{color:var(--contact-blue);background:#fff}.contact-copy:focus-visible,.contact-email:focus-visible,.contact-footer a:focus-visible{outline:2px solid var(--contact-lime);outline-offset:4px}.contact-footer{border-top:1px solid #17181538;grid-template-columns:1fr auto auto;gap:30px;margin-top:65px;padding-top:20px;display:grid}.contact-footer-brand{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.contact-logo{color:var(--contact-ink);font-family:var(--font-mono,monospace);letter-spacing:-.09em;font-size:22px;font-weight:800;text-decoration:none}.contact-logo span{vertical-align:top;margin-left:3px;font-size:9px}.contact-footer-brand>span,.contact-copyright{opacity:.7;font-size:8px}.contact-socials{flex-wrap:wrap;gap:18px;display:flex}.contact-socials a{color:var(--contact-ink);text-decoration:none;transition:color .2s}.contact-socials a:hover{color:var(--contact-blue)}@media (max-width:760px){.contact{padding:26px 6vw 20px}.contact-header{font-size:8px}.contact-main{grid-template-columns:1fr;gap:10px;margin:52px auto 40px}.contact-eyebrow{margin-bottom:24px}.contact-title{font-size:clamp(56px,11.5vw,88px)}.contact-description{max-width:320px;margin-top:24px}.contact-art{min-height:250px}.contact-art-orbit{width:210px}.contact-art-note{bottom:5px;right:0}.contact-cta{padding:20px 16px 16px}.contact-cta-label,.contact-cta-bottom{font-size:8px}.contact-email{padding:28px 0 22px;font-size:clamp(21px,5.8vw,36px)}.contact-footer{grid-template-columns:1fr auto;gap:24px 12px;margin-top:45px}.contact-socials{grid-area:2/1/auto/-1;justify-content:space-between;gap:10px;font-size:8px}.contact-copyright{place-self:center end}}@media (prefers-reduced-motion:reduce){.contact-art-orbit,.contact-art-core{animation:none}.contact-art-core,.contact-email-arrow,.contact-socials a,.contact-copy{transition:none}}
.zen-mascot{--zen-mascot-ink:#111;--zen-mascot-blue:#2548f5;--zen-mascot-lime:#d9ff61;width:100%;min-width:0;height:100%;min-height:0;color:var(--zen-mascot-ink);cursor:default;-webkit-tap-highlight-color:transparent;background:0 0;border:0;place-items:center;margin:0;padding:0;line-height:0;display:grid;position:relative;overflow:visible}.zen-mascot:focus-visible{outline:2px solid var(--zen-mascot-blue);outline-offset:5px;border-radius:12px}.zen-mascot__svg{flex:none;width:min(100%,360px);height:auto;max-height:100%;display:block;overflow:visible}.zen-mascot__art{transform-box:fill-box;transform-origin:50%;animation:4.2s ease-in-out infinite zen-mascot-float}.zen-mascot__body{fill:var(--zen-mascot-ink);stroke:var(--zen-mascot-ink);stroke-width:2px;stroke-linejoin:round}.zen-mascot__eye{transform-box:fill-box;transform-origin:50%;animation:6.4s infinite zen-mascot-blink}.zen-mascot__eye--right{animation-delay:.12s}.zen-mascot__eye-white{fill:#fff}.zen-mascot__pupil{fill:#080808;transition:transform 90ms ease-out}.zen-mascot__glint{fill:#fff}.zen-mascot__sparkles{transform-box:fill-box;transform-origin:50%;opacity:.92;transition:transform .26s,opacity .26s}.zen-mascot--interactive:hover .zen-mascot__sparkles{opacity:1;transform:rotate(-8deg)scale(1.08)}.zen-mascot--excited .zen-mascot__art{animation:.52s cubic-bezier(.2,.8,.2,1) zen-mascot-hop}.zen-mascot--excited .zen-mascot__eye{animation:.52s ease-in-out zen-mascot-squint}.zen-mascot--peek .zen-mascot__art{transform-origin:bottom;animation-name:zen-mascot-peek-float}.zen-mascot--mini .zen-mascot__art{transform-origin:50%;animation-name:zen-mascot-mini-float}.zen-mascot--static{pointer-events:none}.zen-mascot__sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes zen-mascot-float{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-5px)rotate(1deg)}}@keyframes zen-mascot-peek-float{0%,to{transform:translateY(20px)scale(.88)rotate(-1deg)}50%{transform:translateY(15px)scale(.88)rotate(1deg)}}@keyframes zen-mascot-mini-float{0%,to{transform:scale(.72)translateY(0)rotate(-1deg)}50%{transform:scale(.72)translateY(-5px)rotate(1deg)}}@keyframes zen-mascot-blink{0%,45%,48%,82%,85%,to{transform:scaleY(1)}46.5%,83.5%{transform:scaleY(.12)}}@keyframes zen-mascot-squint{0%,to{transform:scaleY(1)}24%,68%{transform:scaleY(.13)}42%{transform:scaleY(.7)}}@keyframes zen-mascot-hop{0%,to{transform:translateY(0)rotate(0)}28%{transform:translateY(-17px)rotate(-4deg)}52%{transform:translateY(0)rotate(4deg)}72%{transform:translateY(-6px)rotate(-2deg)}}@media (prefers-reduced-motion:reduce){.zen-mascot__art,.zen-mascot__eye{animation:none!important}.zen-mascot__pupil,.zen-mascot__sparkles{transition:none!important}}
.zen-mascot-flight{z-index:60;aspect-ratio:320/300;visibility:hidden;pointer-events:none;transform-origin:50%;will-change:transform, opacity;width:clamp(112px,23vw,290px);position:fixed;top:0;left:0}.zen-mascot-flight>.zen-mascot{pointer-events:auto;width:100%;height:100%}.zen-mascot-anchor{aspect-ratio:320/300;width:clamp(112px,23vw,290px);display:block;position:absolute;visibility:hidden!important;pointer-events:none!important}.zen-mascot-anchor--hero{bottom:0;right:0}.zen-mascot-anchor--about{top:20%;right:3%}.zen-mascot-anchor--skills{bottom:8%;left:3%}.zen-mascot-anchor--projects{top:10%;right:4%}.zen-mascot-anchor--contact{top:18%;left:5%}@media (max-width:640px){.zen-mascot-flight,.zen-mascot-anchor{width:clamp(96px,30vw,160px)}}@media (prefers-reduced-motion:reduce){.zen-mascot-flight{will-change:auto}}