:root{--canvas:#f6f5f1;--surface:#fcfbf8;--surface-2:#eceae3;--ink:#252621;--dim:#686960;--line:#25262120;--line-2:#25262138;--veil:#ffffff70;--veil-2:#ffffffa0;--accent:#d55332;--accent-strong:#ad3d22;--amber:#e99448;--amber-strong:#964821;--orange:#c54a2b;--on-accent:#252621;--focus:#ad3d22;--background:var(--canvas);--foreground:var(--ink);--primary:var(--ink);--primary-foreground:var(--canvas);--secondary:var(--surface-2);--secondary-foreground:var(--ink);--muted:var(--surface-2);--accent-foreground:var(--canvas);--ring:var(--accent);--input:var(--line-2);--font-heading:var(--font-space-grotesk), var(--font-geist-sans), sans-serif}.dark{--canvas:#20221e;--surface:#282b25;--surface-2:#32362d;--ink:#f0efe7;--dim:#afb3a6;--line:#eeefe321;--line-2:#eeefe33d;--veil:#ffffff08;--veil-2:#ffffff12;--accent:#ed8a63;--accent-strong:#f0a385;--amber:#e99448;--amber-strong:#f0ba8c;--orange:#ed8a63;--focus:#f0a385}.portfolio-page{background:var(--canvas);color:var(--ink);overflow:clip}.portfolio-page h1,.portfolio-page h2,.portfolio-page h3{text-wrap:initial}.portfolio-container{width:min(1280px,100% - 112px);margin-inline:auto}.portfolio-nav{z-index:40;background:var(--canvas);border-bottom:1px solid var(--line);position:sticky;top:0}.portfolio-logo{letter-spacing:-2px;font-size:28px;font-weight:800}.portfolio-logo span{color:var(--accent)}.portfolio-nav-link{color:var(--dim);padding-block:12px;font-size:12px;transition:color .2s;position:relative}.portfolio-nav-link:after{content:"";transform-origin:0;background:currentColor;height:1px;transition:transform .2s;position:absolute;bottom:5px;left:0;right:0;transform:scaleX(0)}.portfolio-nav-link:hover{color:var(--ink)}.portfolio-nav-link:hover:after{transform:scaleX(1)}.portfolio-button{border:1px solid var(--ink);background:var(--ink);min-height:51px;color:var(--canvas);box-shadow:none;border-radius:7px;gap:22px;padding:0 23px;font-size:12px;font-weight:500;transition:transform .2s,background-color .2s}.portfolio-button:hover{background:var(--ink);transform:translateY(-2px)}.portfolio-button:active{transform:translateY(0)}.portfolio-button-small{gap:18px;min-height:41px;padding-inline:18px}.portfolio-button-outline{color:var(--ink);border-color:var(--line-2);background:0 0}.portfolio-button-outline:hover{background:var(--surface-2)}.portfolio-icon-button{border:1px solid var(--line-2);width:38px;height:38px;color:var(--ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .2s,transform .2s;display:inline-flex}.portfolio-icon-button:hover{background:var(--surface-2);transform:translateY(-1px)}.portfolio-theme{cursor:pointer;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:relative}.portfolio-theme input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.portfolio-theme:has(:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.portfolio-theme .portfolio-sun,.dark .portfolio-theme .portfolio-moon{display:none}.dark .portfolio-theme .portfolio-sun{display:block}.portfolio-mobile-menu{border-top:1px solid var(--line);padding:12px 28px 24px}.portfolio-mobile-menu a{justify-content:space-between;align-items:center;min-height:48px;font-size:16px;display:flex}.portfolio-hero{padding-top:62px}.hero-main{grid-template-columns:1fr 1fr;align-items:center;gap:5%;display:grid}.hero-intro{align-items:center;gap:12px;font-size:13px;display:flex}.hero-avatar{background:var(--surface-2);border-radius:50%;width:38px;height:38px;position:relative;overflow:hidden}.hero-hello{color:var(--accent);margin-left:3px;font-size:26px}.hero-copy h1{letter-spacing:-.071em;white-space:nowrap;margin-top:28px;font-size:clamp(55px,5.65vw,84px);font-weight:600;line-height:1.08}.hero-play{color:var(--accent);position:relative}.hero-play svg{width:100%;height:13px;position:absolute;bottom:-7px;left:0}.hero-role{margin-top:28px;font-size:14px;font-weight:600}.hero-description{max-width:355px;color:var(--dim);margin-top:11px;font-size:14px;line-height:1.85}.hero-actions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:29px;display:flex}.portfolio-text-link{min-height:44px;color:var(--ink);justify-content:flex-start;align-items:center;gap:10px;font-size:12px;font-weight:500;display:inline-flex}.portfolio-text-link svg{transition:transform .2s}.portfolio-text-link:hover svg{transform:translate(2px,-2px)}.hero-project-composition{padding-top:5px;padding-bottom:55px;position:relative}.hero-project-back{background:#d8ddce;border-radius:10px;position:absolute;inset:13px 6px 48px 8px;transform:rotate(5deg)}.dark .hero-project-back{background:#454b39}.hero-project-frame{background:var(--surface);border:1px solid var(--line-2);border-radius:9px;position:relative;overflow:hidden;transform:rotate(-3deg);box-shadow:0 22px 40px -28px #25262165}.hero-project-top{min-height:43px;color:var(--dim);justify-content:space-between;align-items:center;gap:8px;padding:0 17px;font-size:10px;display:flex}.hero-live-mark{background:#7c915c;border-radius:50%;width:6px;height:6px}.hero-project-image{aspect-ratio:1.85;background:#acc592;display:block;position:relative;overflow:hidden}.hero-project-image img{transition:transform .6s cubic-bezier(.2,.65,.3,1)}.hero-project-image:hover img{transform:scale(1.04)}.hero-project-open{color:#252621;background:#f6f5f1;border-radius:50%;place-items:center;width:43px;height:43px;display:grid;position:absolute;bottom:15px;right:15px}.hero-project-bottom{justify-content:space-between;align-items:center;gap:15px;padding:16px 18px;display:flex}.hero-project-bottom p{color:var(--dim);font-size:10px}.hero-project-bottom .hero-project-name{font-family:var(--font-heading);color:var(--ink);letter-spacing:-.04em;margin-bottom:5px;font-size:19px;font-weight:600}.hero-note{font-family:var(--font-handwritten), cursive;color:var(--dim);align-items:flex-start;gap:10px;font-size:19px;line-height:1.1;display:flex;position:absolute;bottom:-7px;right:10%;transform:rotate(-6deg)}.hero-note svg{margin-top:-10px;transform:rotate(-145deg)}.hero-proof{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1.35fr 1fr 1fr 1fr;align-items:center;gap:24px;margin-top:40px;padding:27px 0;display:grid}.hero-proof>p{color:var(--dim);font-size:12px;line-height:1.9}.hero-proof>p strong{color:var(--ink);font-weight:500}.hero-proof>div{flex-direction:column;gap:6px;display:flex}.hero-proof>div>strong{font-family:var(--font-heading);letter-spacing:-.07em;font-size:34px;font-weight:500;line-height:1}.hero-proof strong span{color:var(--dim);padding-left:3px;font-size:18px}.hero-proof>div>span{color:var(--dim);font-size:11px}.portfolio-work{padding-top:105px;padding-bottom:100px}.section-label{color:var(--dim);align-items:center;gap:10px;font-size:10px;font-weight:500;display:flex}.label-line{background:var(--accent);width:23px;height:1px}.section-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin:22px 0 45px;display:flex}.portfolio-page h2{letter-spacing:-.06em;font-size:clamp(38px,4.2vw,62px);font-weight:500;line-height:1.12}.section-heading h2 span,.education-intro h2 span{color:var(--dim)}.featured-grid{grid-template-columns:1.3fr 1fr;gap:52px 34px;display:grid}.featured-grid>:nth-child(2){padding-top:76px}.featured-grid>:nth-child(3){padding-right:18%}.featured-grid>:nth-child(4){margin-top:38px;margin-left:-18%}.work-card{min-width:0}.work-card-image{aspect-ratio:1.45;background:var(--surface-2);border-radius:8px;display:block;position:relative;overflow:hidden}.work-card-image>div{width:100%;height:100%}.work-card-image img{transition:transform .6s cubic-bezier(.2,.65,.3,1)}.work-card:hover .work-card-image img{transform:scale(1.035)}.work-card-arrow{color:#252621;opacity:0;background:#f6f5f1;border-radius:50%;place-items:center;width:42px;height:42px;transition:transform .25s,opacity .25s;display:grid;position:absolute;bottom:15px;right:15px;transform:translateY(5px)}.work-card:focus-within .work-card-arrow,.work-card:hover .work-card-arrow{opacity:1;transform:translateY(0)}.work-image-smart-farming{background:#dbe3cd}.work-image-overtime{background:#e3dcf0}.work-image-overtime img{padding:24px}.work-image-pencak{background:#27281f}.work-card-meta{color:var(--dim);justify-content:space-between;gap:10px;margin-top:17px;font-size:11px;display:flex}.work-card-title{justify-content:space-between;align-items:center;gap:10px;margin-top:9px;display:flex}.work-card-title h3{letter-spacing:-.04em;font-size:25px;font-weight:500}.work-award{background:var(--surface-2);border-radius:3px;max-width:45%;padding:5px 8px;font-size:10px}.work-card-description{color:var(--dim);margin-top:5px;font-size:13px;line-height:1.7}.work-archive{border-top:1px solid var(--line);margin-top:60px;padding-top:70px}.portfolio-tabs{max-width:100%;min-height:45px;justify-content:flex-start!important;gap:30px!important;height:auto!important;padding:0!important}.portfolio-tabs [data-slot=tabs-trigger]{min-height:44px;color:var(--dim);padding-inline:0;border:none;border-radius:0;padding-bottom:13px;font-size:13px;font-weight:500;box-shadow:none!important;background:0 0!important}.portfolio-tabs [data-state=active]{color:var(--ink)}.portfolio-tabs [data-state=active]:after{background:var(--accent);bottom:0!important}.portfolio-tabs [data-slot=tabs-trigger] span{color:var(--dim);margin-left:4px;font-size:9px}.work-filter{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.work-filter button{border:1px solid var(--line);min-height:36px;color:var(--dim);border-radius:5px;padding:6px 13px;font-size:10px;transition:color .2s,background .2s}.work-filter [aria-pressed=true]{background:var(--ink);color:var(--canvas);border-color:var(--ink)}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px;display:grid}.archive-grid .work-card-image{aspect-ratio:16/10}.project-type-art{background:var(--surface-2);flex-direction:column;justify-content:space-between;align-items:flex-start;height:100%;padding:32px;display:flex}.project-type-art>span{color:var(--dim);font-size:12px}.project-type-art>strong{max-width:80%;font-family:var(--font-heading);letter-spacing:-.06em;font-size:clamp(24px,4vw,48px);font-weight:500;line-height:1.05}.certificate-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;display:grid}.certificate-image{aspect-ratio:1.4;background:var(--surface-2);border-radius:5px;margin-bottom:20px;position:relative}.certificate-image img{padding:15px}.certificate-item h3{font-size:13px;font-weight:500;line-height:1.6}.certificate-item p{color:var(--dim);margin-top:8px;font-size:11px;line-height:1.7}.toolkit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:50px;display:grid}.toolkit-logo{background:#f0efe9;border-radius:5px;place-items:center;width:37px;height:37px;padding:5px;display:grid}.portfolio-about{background:var(--surface-2);padding-block:105px}.about-grid{grid-template-columns:1fr 1.2fr;align-items:center;gap:12%;display:grid}.about-photo-composition{padding:0 10px 28px;position:relative}.about-photo{aspect-ratio:.82;border-radius:5px;position:relative;overflow:hidden;transform:rotate(-3deg)}.about-photo img{filter:saturate(.55)}.about-photo-note{color:#352b23;font-family:var(--font-handwritten), cursive;background:#e8a27c;align-items:center;gap:13px;padding:17px 23px;font-size:24px;line-height:1.1;display:flex;position:absolute;bottom:0;right:-35px;transform:rotate(5deg)}.about-copy h2{margin-top:25px}.about-copy>p{color:var(--dim);margin-top:23px;font-size:14px;line-height:1.95}.about-disciplines{flex-wrap:wrap;gap:12px 20px;margin-top:25px;display:flex}.about-disciplines>span{align-items:center;gap:7px;font-size:10px;display:flex}.about-copy>a{margin-top:23px}.portfolio-journey>section{padding:105px 0 70px;overflow:visible}.portfolio-journey .aurora{display:none}.portfolio-journey>section>div:nth-of-type(3){padding:0}.portfolio-journey>section>div:nth-of-type(3)>div{text-align:left;margin-inline:0}.portfolio-journey>section>div:nth-of-type(3)>div>div{justify-content:flex-start}.portfolio-journey>section>div:nth-of-type(3)>div>div>span:last-child{display:none}.portfolio-journey h2{font-size:clamp(38px,4.2vw,62px)}.portfolio-journey>section>div:nth-of-type(4){grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:30px;padding-inline:0;display:grid}.portfolio-journey article{width:100%;max-width:none;box-shadow:none;border:1px solid var(--line);background:var(--surface);border-radius:7px;margin:0}.portfolio-journey article:last-child{grid-column:1/-1;max-width:calc(50% - 15px);margin-inline:auto}.portfolio-journey article h3{font-size:24px}.portfolio-journey article>div:last-child{padding:24px}.portfolio-journey .journey-album-track button{aspect-ratio:16/10}.portfolio-journey :where(p,span){overflow-wrap:anywhere}.portfolio-education{grid-template-columns:.85fr 1.5fr;gap:11%;padding-block:80px 110px;display:grid}.education-intro h2{margin-top:23px}.education-intro p{color:var(--dim);margin-top:23px;font-size:12px;line-height:1.9}.education-asterisk{color:var(--accent);margin-top:30px}.education-list article{border-bottom:1px solid var(--line);padding:27px 0}.education-list article:first-child{padding-top:0}.education-meta{color:var(--dim);justify-content:space-between;gap:14px;margin-bottom:19px;font-size:10px;display:flex}.education-meta span:last-child{color:var(--accent-strong)}.education-logo{background:#f0efe9;border-radius:5px;flex-shrink:0;place-items:center;width:51px;height:51px;padding:4px;display:grid}.education-list h3{letter-spacing:-.025em;font-size:16px;font-weight:500;line-height:1.45}.education-list p{color:var(--dim);margin-top:7px;font-size:12px;line-height:1.8}.education-highlight{margin-top:10px;font-size:10px;display:block}.portfolio-contact{color:#2d2d23;background:#e7a17f;padding-block:85px 70px}.portfolio-contact .section-label{color:#433c31}.portfolio-contact .label-line{background:#433c31}.contact-headline{justify-content:space-between;align-items:center;gap:30px;margin-top:25px;display:flex}.contact-headline h2{letter-spacing:-.065em;font-size:clamp(48px,7.4vw,106px);line-height:1.05}.contact-headline h2 span{color:#744b35}.contact-arrow{border:1px solid #2d2d2360;border-radius:50%;place-items:center;width:120px;height:120px;transition:transform .3s;display:grid}.contact-arrow svg{width:65px;height:65px}.contact-headline:hover .contact-arrow{transform:rotate(45deg)}.contact-bottom{border-top:1px solid #2d2d2330;grid-template-columns:1.35fr 1fr;gap:20%;margin-top:45px;padding-top:28px;display:grid}.contact-bottom p{color:#433c31;max-width:390px;font-size:14px;line-height:1.9}.contact-email{letter-spacing:-.03em;align-items:center;gap:15px;min-height:44px;margin-top:20px;font-size:17px;display:inline-flex}.copy-email{border:1px solid #2d2d2330;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.contact-socials{grid-template-columns:1fr 1fr;align-content:start;gap:0 28px;display:grid}.contact-socials a{justify-content:space-between;align-items:center;min-height:44px;font-size:12px;display:flex}.portfolio-footer{justify-content:space-between;align-items:center;gap:20px;min-height:96px;display:flex}.portfolio-footer p{color:var(--dim);font-size:10px}.bg-grain:after{opacity:.018}@media (min-width:1024px){.portfolio-mobile-toggle{display:none}}@media (min-width:1600px){.portfolio-hero{padding-top:100px}.hero-main{gap:8%}}@media (max-width:1100px){.portfolio-container{width:calc(100% - 72px)}.hero-copy h1{font-size:62px}.hero-main{gap:4%}.hero-description{max-width:300px}.hero-project-top{font-size:8px}.hero-actions{gap:14px}.hero-actions .portfolio-button{gap:14px;padding-inline:16px}}@media (min-width:768px) and (max-width:1023px){.hero-copy h1{font-size:clamp(41px,5.4vw,55px)}.hero-project-bottom{padding-inline:12px}.hero-project-bottom .portfolio-icon-button{width:32px;height:32px}.hero-project-bottom .hero-project-name{font-size:17px}.hero-project-bottom>div:first-child{min-width:0}}@media (max-width:767px){.portfolio-icon-button{width:44px;height:44px}.portfolio-container{width:calc(100% - 40px)}.portfolio-nav>div{min-height:70px}.portfolio-hero{padding-top:35px}.hero-main{grid-template-columns:1fr;gap:45px}.hero-copy h1{margin-top:22px;font-size:clamp(44px,10.8vw,78px)}.hero-role{margin-top:25px;font-size:12px}.hero-description{max-width:380px}.hero-actions{gap:22px;margin-top:22px}.hero-project-composition{width:calc(100% - 14px);max-width:570px;margin-inline:auto}.hero-project-top{font-size:9px}.hero-project-image{aspect-ratio:1.8}.hero-note{font-size:18px;right:7%}.hero-proof{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px;margin-top:30px;padding-block:25px}.hero-proof>p{display:none}.hero-proof>div>strong{font-size:31px}.hero-proof>div>span{font-size:9px;line-height:1.6}.portfolio-work{padding-block:65px}.section-heading{margin-bottom:30px}.section-heading>a{gap:5px;font-size:10px}.portfolio-page h2{font-size:clamp(37px,7.8vw,54px)}.featured-grid{grid-template-columns:1fr;gap:32px}.featured-grid>:nth-child(n){margin:0;padding:0}.work-card-image{aspect-ratio:1.55}.work-card-arrow{opacity:1;transform:none}.work-card-title h3{font-size:23px}.work-archive{margin-top:40px;padding-top:35px}.portfolio-tabs{gap:23px!important}.portfolio-tabs [data-slot=tabs-trigger]{font-size:11px}.archive-grid{grid-template-columns:1fr;gap:30px}.certificate-grid{grid-template-columns:1fr 1fr;gap:25px 18px}.toolkit-grid{grid-template-columns:1fr;gap:35px}.portfolio-about{padding-block:65px}.about-grid{grid-template-columns:1fr;gap:60px}.about-photo-composition{width:85%;max-width:370px;margin-inline:auto}.about-photo-note{padding:14px 18px;font-size:22px;right:-22px}.about-copy h2{margin-top:20px}.portfolio-journey>section{padding-block:65px 30px}.portfolio-journey>section>div:nth-of-type(4){grid-template-columns:1fr;gap:24px}.portfolio-journey article:last-child{max-width:none}.portfolio-journey article>div:last-child{padding:20px}.portfolio-education{grid-template-columns:1fr;gap:35px;padding-block:45px 65px}.education-asterisk{display:none}.portfolio-contact{padding-block:55px 40px}.contact-headline{gap:14px}.contact-headline h2{font-size:clamp(43px,9.9vw,70px)}.contact-arrow{flex-shrink:0;width:62px;height:62px}.contact-arrow svg{width:34px;height:34px}.contact-bottom{grid-template-columns:1fr;gap:28px;margin-top:32px}.contact-email{font-size:16px}.contact-socials{max-width:400px}.portfolio-footer{gap:14px;min-height:85px}.portfolio-footer .portfolio-text-link{gap:5px;font-size:10px}.portfolio-footer .portfolio-logo{font-size:24px}}@media (prefers-reduced-motion:no-preference){.hero-copy{animation:.7s cubic-bezier(.2,.65,.3,1) both portfolio-arrive}.hero-project-composition{animation:.85s cubic-bezier(.2,.65,.3,1) .1s both portfolio-arrive}@keyframes portfolio-arrive{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.cinematic-portfolio{--stack-top:100px}.cinematic-portfolio .portfolio-nav{color:#f5f3e9;background:#161916;border-color:#f5f3e921}.cinematic-portfolio .portfolio-nav-link{color:#c0c2b6}.cinematic-portfolio .portfolio-nav-link:hover{color:#f5f3e9}.cinematic-portfolio .portfolio-mobile-toggle{color:#f5f3e9;border-color:#f5f3e940}.cinematic-portfolio .portfolio-mobile-toggle:hover{background:#f5f3e912}.cinematic-portfolio .portfolio-mobile-menu{background:#161916}.cinematic-portfolio .portfolio-logo span{color:#ef7047}.cinematic-scroll-progress{top:0;z-index:45;transform-origin:0;background:#ef7047;height:3px;position:fixed;inset-inline:0}.interactive-hover-button{border:1px solid var(--line-2);background:var(--surface);width:max-content;min-height:52px;color:var(--ink);isolation:isolate;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0 27px;font-size:12px;font-weight:600;line-height:1.2;transition:transform .16s cubic-bezier(.22,1,.36,1);display:inline-flex;position:relative;overflow:hidden}.interactive-button-rest{justify-content:center;align-items:center;gap:12px;display:flex}.interactive-button-rest>span:last-child{transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .2s}.interactive-button-dot{background:var(--ink);z-index:-1;border-radius:50%;flex-shrink:0;width:7px;height:7px;transition:transform .45s cubic-bezier(.22,1,.36,1);display:block}.interactive-button-hover{color:var(--canvas);opacity:0;justify-content:center;align-items:center;gap:14px;transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .22s;display:flex;position:absolute;inset:0;transform:translate(22px)}.interactive-hover-button:is(:hover,:focus-visible) .interactive-button-dot{transform:scale(100)}.interactive-hover-button:is(:hover,:focus-visible) .interactive-button-rest>span:last-child{opacity:0;transform:translate(24px)}.interactive-hover-button:is(:hover,:focus-visible) .interactive-button-hover{opacity:1;transform:translate(0)}.interactive-hover-button:active{transform:scale(.97)}.interactive-hover-button.button-hot{color:#171b15;background:#ef7047;border-color:#ef7047}.button-hot .interactive-button-dot{background:#171b15}.button-hot .interactive-button-hover{color:#f6f3e9}.interactive-hover-button.button-clear{color:#f6f3e9;background:0 0;border-color:#f6f3e94a}.button-clear .interactive-button-dot{background:#f6f3e9}.button-clear .interactive-button-hover{color:#171b15}.interactive-hover-button.nav-21st-button{color:#1c2018;background:#f0eee4;border-color:#f0eee4;min-height:42px;padding-inline:20px}.nav-21st-button .interactive-button-dot{background:#ef7047}.nav-21st-button .interactive-button-hover{color:#171b15}.card-3d-body{width:100%;transition:transform .2s cubic-bezier(.22,1,.36,1);position:relative}.card-3d-content{width:100%;transform-style:preserve-3d}.card-3d-item{transform-style:preserve-3d;transition:transform .22s cubic-bezier(.22,1,.36,1);position:relative}.archive-3d-container,.archive-3d-body{width:100%;min-width:0;height:100%}.archive-grid .work-card-image{border-radius:12px}.archive-grid .work-card-arrow{opacity:1;transform:none}.cinematic-hero{color:#f6f3e9;background:#161916;min-height:125svh;position:relative}.cinematic-hero-scene{isolation:isolate;height:calc(100svh - 80px);min-height:580px;position:sticky;top:0;overflow:hidden}.cinematic-hero-background{z-index:-3;transform-origin:65% 55%;position:absolute;inset:0}.cinematic-hero-background img{object-position:70% center;filter:brightness(.55)blur(2px)}.cinematic-hero-shade{z-index:-2;background:linear-gradient(90deg,#101510f5 0%,#101510de 32%,#10151073 69%,#101510a1 100%),linear-gradient(#0000 65%,#161916 100%);position:absolute;inset:0}.cinematic-hero-content{grid-template-columns:1.35fr 1fr;align-items:center;gap:3%;height:100%;padding-block:45px 75px;display:grid}.cinematic-hero-copy{z-index:2;position:relative}.cinematic-intro{align-items:center;gap:13px;font-size:13px;display:flex}.cinematic-intro>span:last-child>span{color:#b9c1af;margin-top:5px;font-size:10px;display:block}.cinematic-avatar{background:#4b5148;border-radius:50%;width:39px;height:39px;position:relative;overflow:hidden}.cinematic-avatar img{object-position:52% 35%;transform-origin:52% 35%;transform:scale(2)}.cinematic-hero h1{font-family:var(--font-display), sans-serif;letter-spacing:-.022em;margin-top:26px;font-size:clamp(92px,10vw,152px);font-weight:700;line-height:.88}.hero-line{white-space:nowrap;margin-bottom:-.055em;padding-bottom:.11em;display:block;overflow:hidden}.hero-line>span{display:block}.hero-line-accent{color:#ef7047}.hero-period{color:#c4d3a8}.cinematic-hero-description{color:#c6cdbc;margin-top:25px;font-size:14px;line-height:1.8}.cinematic-hero-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:25px;display:flex}.hero-game-deck{width:100%;max-width:450px;margin:0 auto;padding:25px 0 40px;position:relative}.hero-deck-back{border:8px solid #f0ece2;border-radius:13px;position:absolute;inset:17px 12px 60px -15px;overflow:hidden;transform:rotate(-7deg)}.hero-3d-container{transform:rotate(7deg)}.hero-3d-card{background:#1b241b;border:1px solid #c4d3a84d;border-radius:13px}.hero-3d-card .card-3d-content{border-radius:inherit}.hero-card-top{color:#d0d9c7;align-items:center;gap:11px;min-height:47px;padding-inline:18px;font-size:10px;display:flex}.hero-card-top>svg{color:#c4d3a8}.hero-card-cross{margin-left:auto;font-size:22px}.hero-deck-image{aspect-ratio:1.35;width:100%}.hero-deck-image a{position:absolute;inset:0}.hero-deck-image img{object-position:center}.ml-pipeline-graphic{color:#f1f0df;width:100%;height:100%;min-height:0;font-family:var(--font-geist-mono), monospace;background:#263026;flex-direction:column;justify-content:center;align-items:center;padding:16px;display:flex}.ml-graphic-label{letter-spacing:.08em;color:#bbc8ab;align-self:flex-start;font-size:9px}.ml-graphic-hand svg{color:#c4d3a8;width:clamp(50px,6vw,96px);height:clamp(50px,6vw,96px);margin:8px 0 0}.ml-graphic-landmarks,.ml-graphic-note{color:#d0d6c6;font-size:10px}.ml-graphic-flow{letter-spacing:.08em;border-top:1px solid #738166;justify-content:space-between;width:100%;margin-top:10px;padding-top:8px;font-size:9px;display:flex}.ml-graphic-models{align-items:center;gap:18px;margin:10px 0;font-size:10px;display:flex}.ml-graphic-models strong{color:#ef8a64;font-size:22px}.project-art-signspeak-bim .ml-pipeline-graphic{min-height:100%}.hero-deck-image .ml-graphic-note{display:none}.hero-card-footer{justify-content:space-between;align-items:center;gap:18px;padding:17px 20px;display:flex}.hero-card-footer>div>span{color:#bac6af;font-size:10px;display:block}.hero-card-footer strong{font-family:var(--font-heading);letter-spacing:-.05em;margin-top:5px;font-size:25px;line-height:1.1;display:block}.hero-card-link{color:#1a2217;background:#c4d3a8;border-radius:50%;place-items:center;width:43px;height:43px;display:grid}.hero-deck-caption{font-family:var(--font-handwritten);color:#ced3c3;justify-content:flex-end;gap:8px;margin-top:29px;font-size:24px;display:flex;transform:rotate(-3deg)}.cinematic-hero-bottom{color:#adb7a3;justify-content:space-between;align-items:center;font-size:10px;display:flex;position:absolute;bottom:21px;left:0;right:0}.cinematic-hero-bottom>a{border:1px solid #cad4bd40;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.scroll-manifesto{grid-template-columns:90px 1fr;gap:24px 6%;padding-block:110px 60px;display:grid}.manifesto-symbol{color:var(--accent);padding-top:10px}.scroll-manifesto>p{max-width:1000px;font-family:var(--font-heading);letter-spacing:-.05em;font-size:clamp(30px,4.6vw,64px);font-weight:500;line-height:1.16}.manifesto-proof{flex-wrap:wrap;grid-column:2;gap:25px 45px;margin-top:28px;display:flex}.manifesto-proof>span{color:var(--dim);align-items:baseline;gap:9px;font-size:11px;display:flex}.manifesto-proof strong{color:var(--ink);font-family:var(--font-heading);letter-spacing:-.06em;font-size:25px;font-weight:500}.cinematic-portfolio .portfolio-work{padding-top:80px}.cinematic-portfolio .portfolio-work>.section-label{font-size:12px}.cinematic-portfolio .portfolio-work>.section-heading{align-items:flex-end;margin-block:25px 55px}.cinematic-portfolio .portfolio-work>.section-heading>h2{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(65px,9.3vw,128px);font-weight:600;line-height:.9}.cinematic-portfolio .portfolio-work>.section-heading>h2>span{color:var(--accent-strong)}.project-scroll-stack{padding-bottom:30px;position:relative}.project-stack-panel{margin-bottom:42px;padding:0;position:sticky}.project-stack-motion{transform-origin:top}.project-stack-panel:focus-within{z-index:8!important}.stack-3d-container{width:100%}.project-stack-content{border:1px solid var(--line-2);background:var(--surface);border-radius:15px;grid-template-columns:.85fr 1.5fr;gap:32px;min-height:500px;padding:34px;display:grid}.project-stack-copy{flex-direction:column;align-items:flex-start;min-width:0;padding-block:10px;display:flex}.project-discipline{color:var(--dim);align-items:center;gap:9px;font-size:10px;display:flex}.project-discipline>span:first-child{border-radius:2px;width:8px;height:8px}.project-stack-copy h3{font-family:var(--font-display);letter-spacing:-.02em;margin-top:30px;font-size:clamp(44px,5vw,73px);font-weight:600;line-height:.95}.project-stack-copy>p{color:var(--dim);max-width:330px;margin-top:20px;font-size:13px;line-height:1.9}.project-stack-tools{flex-wrap:wrap;gap:7px;margin-top:20px;display:flex}.project-stack-tools>span{border:1px solid var(--line-2);border-radius:4px;padding:7px 9px;font-size:10px}.project-stack-copy>.project-stack-award{color:var(--accent-strong);align-items:flex-start;gap:6px;font-size:10px;line-height:1.6;display:flex}.project-stack-award svg{flex-shrink:0}.project-stack-action{margin-top:auto;padding-top:24px}.project-stack-art{background:var(--surface-2);border-radius:9px;min-width:0;min-height:400px}.project-stack-art>a{border-radius:inherit;display:block;position:absolute;inset:0;overflow:hidden}.project-stack-art img{border-radius:inherit}.project-art-pencak img{object-fit:contain;background:#e8e5dd}.project-art-overtime{background:#cab8e5}.project-art-overtime img{padding:25px}.project-stack-open{color:#21251c;pointer-events:none;background:#f2efe5;border-radius:50%;place-items:center;width:54px;height:54px;display:grid;position:absolute;bottom:20px;right:20px}.discipline-marquee{color:#1c2218;background:#ef7047;margin-block:20px 70px;padding-block:25px;overflow:hidden;transform:rotate(-2deg)scale(1.03)}.discipline-marquee>div{width:max-content;display:flex}.marquee-group{white-space:nowrap;font-family:var(--font-display);align-items:center;gap:35px;padding-right:35px;font-size:clamp(37px,5.6vw,80px);font-weight:600;line-height:1;display:flex}.marquee-group>svg{width:40px;height:40px}.cinematic-portfolio .portfolio-about{padding-block:90px 110px}.cinematic-portfolio .about-copy h2,.cinematic-portfolio .education-intro h2{font-family:var(--font-display);letter-spacing:-.015em;font-size:clamp(50px,6vw,83px);font-weight:600;line-height:.98}.cinematic-portfolio .about-photo{border-radius:12px}.cinematic-portfolio .education-list>div{border-bottom:1px solid var(--line);padding-block:24px}.cinematic-portfolio .education-list article{border:none;padding:0}.cinematic-portfolio .education-list>div:first-child{padding-top:0}.cinematic-portfolio .portfolio-contact{color:#1b2117;background:#ef7047;position:relative;overflow:hidden}.cinematic-portfolio .contact-headline h2{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(75px,11vw,156px);font-weight:600;line-height:.92}.cinematic-portfolio .contact-headline h2 span{color:#66321f}.cinematic-portfolio .portfolio-contact .section-label,.cinematic-portfolio .contact-bottom p{color:#3c2c1c}.cinematic-portfolio .portfolio-contact .label-line{background:#3c2c1c}@media (max-width:1100px) and (min-width:768px){.cinematic-hero-content{grid-template-columns:1.15fr 1fr;gap:4%}.cinematic-hero h1{font-size:clamp(79px,10vw,110px)}.hero-game-deck{max-width:360px}.hero-deck-image{aspect-ratio:1.3}.hero-card-footer{padding:15px}.hero-deck-caption{font-size:20px}.project-stack-content{grid-template-columns:.9fr 1.2fr;gap:23px;min-height:460px;padding:25px}.project-stack-art{min-height:400px}.project-stack-copy h3{font-size:54px}}@media (min-width:768px) and (max-height:760px){.cinematic-hero-scene{min-height:550px}.cinematic-hero-content{padding-block:28px 65px}.cinematic-hero h1{margin-top:20px;font-size:clamp(85px,9vw,125px)}.cinematic-hero-description{margin-top:19px}.cinematic-hero-actions{margin-top:18px}.hero-game-deck{max-width:385px}.hero-deck-image{aspect-ratio:1.55}.project-stack-content{min-height:445px}.project-stack-art{min-height:360px}}@media (max-width:767px){.project-stack-motion{transform:none!important}.cinematic-portfolio{--stack-top:85px}.interactive-hover-button{min-height:49px;padding-inline:20px;font-size:11px}.nav-21st-button{display:none}.cinematic-hero{min-height:auto}.cinematic-hero-scene{height:auto;min-height:850px;position:relative}.cinematic-hero-content{grid-template-columns:1fr;gap:28px;padding-block:32px 80px}.cinematic-hero h1{margin-top:25px;font-size:clamp(68px,19vw,124px)}.cinematic-hero-background img{object-position:75% center}.cinematic-hero-shade{background:linear-gradient(#101510e6,#10151099 55%,#161916f5)}.cinematic-hero-description{margin-top:21px;font-size:13px}.cinematic-hero-actions{gap:10px;margin-top:20px}.cinematic-intro{font-size:12px}.cinematic-intro>span:last-child>span{font-size:10px}.hero-game-deck{width:87%;max-width:350px;padding-block:16px 20px}.hero-deck-back{border-width:5px;inset:10px 10px 30px -10px}.hero-deck-image{aspect-ratio:1.8}.hero-card-top{min-height:38px;padding-inline:12px;font-size:9px}.hero-card-footer{padding:13px 15px}.hero-card-footer strong{font-size:22px}.hero-deck-caption{margin-top:18px;font-size:20px}.cinematic-hero-bottom{font-size:8px;bottom:15px}.cinematic-hero-bottom>span{max-width:240px}.scroll-manifesto{grid-template-columns:1fr;gap:22px;padding-block:65px 20px}.manifesto-symbol{padding:0}.manifesto-symbol>svg{width:35px;height:35px}.scroll-manifesto>p{font-size:clamp(31px,7.9vw,44px)}.manifesto-proof{grid-column:1;gap:15px 24px;margin-top:5px}.manifesto-proof>span{gap:6px;font-size:9px}.manifesto-proof strong{font-size:22px}.cinematic-portfolio .portfolio-work{padding-top:55px}.cinematic-portfolio .portfolio-work>.section-heading{margin-block:20px 30px}.cinematic-portfolio .portfolio-work>.section-heading>h2{font-size:clamp(54px,13vw,90px)}.project-stack-panel{margin-bottom:28px;position:relative;top:auto!important}.project-stack-content{border-radius:12px;grid-template-columns:1fr;gap:25px;padding:20px}.project-stack-copy{padding:0}.project-stack-copy h3{margin-top:20px;font-size:55px}.project-stack-copy>p{max-width:none;margin-top:16px;font-size:12px}.project-stack-art{aspect-ratio:1.3;min-height:0}.project-stack-action{padding-top:20px}.project-stack-tools{margin-top:16px}.project-stack-open{width:42px;height:42px;bottom:12px;right:12px}.project-stack-open svg{width:24px;height:24px}.discipline-marquee{margin-block:0 40px;padding-block:19px}.marquee-group{gap:24px;padding-right:24px}.marquee-group>svg{width:25px;height:25px}.cinematic-portfolio .portfolio-about{padding-block:55px 65px}.cinematic-portfolio .about-copy h2,.cinematic-portfolio .education-intro h2{font-size:55px}.cinematic-portfolio .contact-headline h2{font-size:clamp(58px,14vw,85px)}}@media (hover:none){.card-3d-body,.card-3d-item{transform:none!important}}@media (prefers-reduced-motion:reduce){.cinematic-hero{min-height:auto}.cinematic-hero-scene{position:relative}.card-3d-body,.card-3d-item,.project-stack-motion{transform:none!important}.project-stack-panel{position:relative;top:auto!important}.hero-game-deck,.cinematic-hero-copy,.cinematic-hero-background{transform:none!important}.interactive-hover-button:is(:hover,:focus-visible) .interactive-button-dot{transform:none}.interactive-hover-button:is(:hover,:focus-visible) .interactive-button-rest>span:last-child{opacity:1;transform:none}.interactive-button-hover,.cinematic-scroll-progress{display:none}}