:root{--bg:#f5f5f5;--ink:#111;--ink-muted:#626267;--rule:#cccdd0;--accent:#111;--sans:'Inter',Arial,sans-serif;--serif:'Anton','Impact','Arial Narrow',sans-serif;--gutter:42px}
body{padding:18px;background:#f5f5f5;color:#111;font-size:14px}.wrap{max-width:1240px}.site-header{position:absolute;top:38px;left:42px;right:42px;z-index:5;border:0;border-radius:8px;background:#fff}.site-header__inner{min-height:64px;max-width:none;padding:0 18px;gap:20px}.site-header__name{font-size:10px;gap:12px;color:#111}.site-header__name>span:last-child{display:block}.monogram{font-family:'Anton',Impact,sans-serif;font-size:18px;letter-spacing:-1px;color:white;background:#111;border-radius:6px;padding:3px 6px}.site-header nav{gap:28px;margin:0 auto;font-size:10px;text-transform:uppercase}.site-header nav a:after{content:'/';color:#a3a3a3;margin-left:27px}.site-header nav a:last-child:after{display:none}.hire-link{display:inline-flex;align-items:center;justify-content:center;border:1px solid #111;padding:10px 18px;border-radius:5px;font-size:10px;text-decoration:none;white-space:nowrap;transition:background .2s,color .2s}.hire-link:hover{background:#111;color:#fff}.lang-toggle{font-size:9px}.lang-toggle button{min-width:28px;padding:4px;min-height:30px}.hero.motion-hero{border-radius:17px;background:#dedfe3;min-height:740px;height:calc(100svh - 36px);max-height:1000px;padding:0;position:relative;overflow:hidden;isolation:isolate}.hero-topline{position:absolute;top:153px;left:42px;right:42px;display:flex;justify-content:space-between;font-size:13px;line-height:1.6;z-index:3}.hero-topline>p:last-child{font-size:9px;letter-spacing:.05em}.hero.motion-hero h1{font-family:'Anton',Impact,sans-serif;font-size:clamp(120px,19.7vw,330px);letter-spacing:-.045em;line-height:1.05;white-space:nowrap;font-weight:400;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%);margin:0;animation:name-in 1.3s cubic-bezier(.16,1,.3,1) both;z-index:1;width:max-content}.language-object{position:absolute;z-index:2;width:min(53vw,690px);height:auto;bottom:24px;left:50%;transform:translateX(-50%);filter:drop-shadow(0 22px 22px #00000012);animation:object-in 1.5s cubic-bezier(.16,1,.3,1) both}.hero-orbit{border:1px solid #a4a6ad;border-radius:50%;width:620px;height:620px;position:absolute;z-index:0}.orbit-one{top:-290px;left:-220px}.orbit-two{bottom:-440px;right:-240px;width:750px;height:750px}.hero-bottom{position:absolute;bottom:38px;left:42px;right:42px;display:flex;justify-content:space-between;align-items:flex-end;z-index:3;font-size:12px}.hero-bottom>a{text-decoration:none;font-size:11px;display:flex;flex-direction:column;align-items:center;gap:12px}.hero-bottom>a>span{font-size:40px;line-height:1;animation:arrow-drift 2s ease-in-out infinite}.section{border:0;padding:100px 0}.section-index{font-family:var(--sans);font-size:9px;letter-spacing:.04em;color:#777}.about-section{background:#080808;color:#f4f4f4;border-radius:17px 17px 0 0;margin-top:24px;position:relative;overflow:hidden;padding:80px 0 60px}.about-section .prose{display:grid;grid-template-columns:1fr 1.25fr;gap:22px 80px}.about-section .section-index{display:none}.about-section h2{font-family:var(--serif);font-size:clamp(90px,17vw,230px);letter-spacing:-.035em;line-height:1.05;grid-column:1/-1;grid-row:auto;margin-bottom:30px}.about-arrow{grid-column:1;grid-row:2/5;font-family:Arial,sans-serif;font-size:240px;line-height:.8;color:#363639}.about-section .prose>p:not(.section-index){grid-column:2;font-size:14px;line-height:1.9;color:#b5b5ba;margin:0}.about-section .prose>p:nth-child(4){font-family:var(--sans);font-size:23px;line-height:1.4;color:white}.specialty-strip{background:#080808;color:#fafafa;border-radius:0 0 17px 17px;overflow:hidden;padding:30px 0 38px}.specialty-strip>div{display:flex;align-items:center;gap:28px;width:max-content;animation:marquee 32s linear infinite}.specialty-strip span{font-family:var(--serif);font-size:42px;letter-spacing:-.02em;line-height:1.2}.specialty-strip b{font-family:Arial,sans-serif;font-size:46px;line-height:1;font-weight:400}.work-section{padding-top:110px}.work-section h2{font-family:var(--sans);font-weight:500;letter-spacing:-.04em;font-size:clamp(28px,4vw,52px);line-height:1.1;margin:0 0 24px;max-width:700px}.work-section .section__note{font-size:12px;max-width:490px;margin:0 0 64px}.samples{display:block}.sample{border:0;border-top:1px dashed #aaa;border-radius:0;background:transparent;display:block;position:relative;overflow:visible;min-height:170px;padding:30px 0 34px 60px}.sample:last-child{border-bottom:1px dashed #aaa}.sample:hover{box-shadow:none}.project-number{position:absolute;left:0;top:42px;font-size:10px;color:#777}.sample-copy{padding:0;position:relative;z-index:1}.sample h3{font-family:var(--serif);font-size:clamp(32px,4.5vw,61px);line-height:1.13;letter-spacing:-.025em;margin:8px 160px 14px 0;max-width:810px}.sample__kicker{font-size:9px;color:#76767d}.sample__problem,.sample__did,.sample__outcome{max-width:660px;font-size:12px;line-height:1.7}.sample__did,.sample__outcome{display:none}.sample__link{font-size:10px;min-height:30px;border:0;text-decoration:underline;text-underline-offset:5px}.sample__body{margin-top:12px}.project-preview{position:absolute;right:30px;top:30px;width:285px;min-height:220px;padding:23px;z-index:4;border-radius:9px;pointer-events:none;opacity:0;transform:translateY(20px) rotate(4deg) scale(.9);transition:opacity .25s,transform .4s cubic-bezier(.16,1,.3,1);box-shadow:0 15px 40px #0002}.sample:hover .project-preview,.sample:focus-within .project-preview{opacity:1;transform:translateY(-10px) rotate(-4deg) scale(1)}.translation-preview{background:#dfe1df;color:#111}.rubric-preview{background:#1d1d20;color:#f0f0f0}.education-preview{background:#e4e0db;color:#242424}.preview-top{font-size:7px;left:23px;right:23px;top:18px}.preview-top>span:first-child{font-size:8px}.source-line{font-family:var(--sans);font-size:15px;margin:28px 0 13px}.edit-line s{font-size:14px;color:#777}.edit-label{font-size:7px}.revision{margin-top:13px}.revision strong{font-family:var(--serif);font-size:34px}.revision strong>span{color:#555;font-size:24px;margin-left:25px}.annotation{font-size:9px;margin-top:10px;margin-left:0}.rubric-heading{font-family:var(--serif);font-size:26px;line-height:1.15;margin:32px 0 10px}.rubric-row{font-size:9px;padding:7px 0;border-color:#555}.mini-bars i{background:#aaa;width:12px;height:5px}.preview-foot{font-size:8px;margin-top:10px}.book-art{margin-top:20px}.book-art svg{max-height:110px;filter:grayscale(1)}.book-caption{font-family:var(--sans);font-size:18px;margin-top:8px}.book-caption em{color:#666}.sample:has(details[open]){display:block;padding-left:60px}.sample:has(details[open]) .sample-copy{max-width:none}.sample:has(details[open]) .sample__did,.sample:has(details[open]) .sample__outcome{display:grid}.sample:has(details[open]) .project-preview{display:none}.body{max-width:850px;font-size:14px;background:#fff;padding:30px;border-radius:8px;border:0;margin-top:25px}.body .pair{grid-template-columns:85px 1fr}.experience-section{background:#e1e2e5;border-radius:17px}.experience-section h2{font-family:var(--serif);font-size:70px;letter-spacing:-.03em}.experience-section .wrap{grid-template-columns:1fr 1.2fr}.role{border-color:#b5b5ba}.role:before{background:#222}.role__title{font-size:14px}.role>p:last-child{color:#555}.org__name{font-size:20px}.section[aria-labelledby="lang-title"] h2{font-family:var(--serif);font-size:60px}.creds{font-size:13px;grid-template-columns:1fr 2fr}.site-footer{background:#dedfe3;color:#111;border:0;border-radius:17px;padding:66px 0 28px;overflow:hidden}.footer-top{display:flex;align-items:flex-start;gap:30px}.footer-arrow{font-family:Arial,sans-serif;font-size:130px;line-height:1}.footer-top h2{font-family:var(--sans);font-size:clamp(28px,4vw,52px);font-weight:500;letter-spacing:-.04em;line-height:1.2}.footer-top .hire-link{margin-left:auto;margin-top:8px}.site-footer a{color:#111}.footer-email{font-size:13px;text-decoration:none;display:inline-block;margin:28px 0 45px 160px}.footer-name{font-family:var(--serif);font-size:clamp(60px,13.6vw,190px);line-height:1.2;letter-spacing:-.035em;white-space:nowrap;border-top:1px solid #a9a9af;padding-top:35px}.footer-bottom{display:flex;gap:25px;font-size:8px;align-items:center;justify-content:space-between;margin-top:30px}.footer-bottom a{text-decoration:none}.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .8s cubic-bezier(.16,1,.3,1)}.reveal.is-visible{opacity:1;transform:none}
@keyframes marquee{to{transform:translateX(-50%)}}@keyframes name-in{from{opacity:0;transform:translate(-50%,-30%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes object-in{from{opacity:0;transform:translate(-50%,100px) rotate(8deg)}to{opacity:1;transform:translate(-50%,0) rotate(0)}}@keyframes arrow-drift{50%{transform:translateY(6px)}}
@media(min-width:1500px){.hero.motion-hero{min-height:850px}.language-object{width:730px}}
@media(max-width:1000px){:root{--gutter:30px}.site-header{left:36px;right:36px}.site-header__name>span:last-child{display:none}.site-header nav{gap:18px}.site-header nav a:after{margin-left:18px}.hero.motion-hero{min-height:650px;max-height:800px}.hero.motion-hero h1{font-size:20vw}.language-object{width:60vw;bottom:65px}.hero-topline{top:140px;left:30px;right:30px}.hero-bottom{left:30px;right:30px}.about-section .prose{gap:20px 40px}.about-arrow{font-size:190px}.sample h3{margin-right:80px}.project-preview{right:15px;width:250px}.footer-name{font-size:13vw}}
@media(max-width:600px){:root{--gutter:22px}body{padding:10px}.site-header{top:23px;left:23px;right:23px;border-radius:5px}.site-header__inner{min-height:52px;gap:10px;padding:0 10px}.site-header nav{gap:12px;font-size:8px}.site-header nav a:after{display:none}.site-header .hire-link{display:none}.site-header__name>span:last-child{display:none}.monogram{font-size:16px}.lang-toggle{font-size:8px;gap:0}.lang-toggle button{min-width:23px}.hero.motion-hero{height:calc(92svh - 20px);min-height:610px;max-height:770px;border-radius:12px}.hero-topline{top:104px;left:20px;right:20px;font-size:10px}.hero-topline>p:last-child{font-size:7px;max-width:112px;text-align:right}.hero.motion-hero h1{font-size:25vw;top:36%;letter-spacing:-.04em}.language-object{width:100%;max-width:440px;bottom:80px}.hero-bottom{bottom:22px;left:20px;right:20px;font-size:10px}.hero-bottom>a{font-size:9px;gap:7px}.hero-bottom>a>span{font-size:30px}.hero-orbit{width:380px;height:380px}.orbit-one{left:-220px;top:-180px}.orbit-two{width:460px;height:460px;right:-310px;bottom:-240px}.section{padding:60px 0}.about-section{margin-top:12px;padding:40px 0;border-radius:12px 12px 0 0}.about-section .prose{display:block}.about-section h2{font-size:25vw;margin-bottom:25px}.about-arrow{font-size:80px;display:block;line-height:1;margin-bottom:20px}.about-section .prose>p:not(.section-index){font-size:12px;margin-bottom:20px}.about-section .prose>p:nth-child(4){font-size:20px}.specialty-strip{padding:20px 0 26px;border-radius:0 0 12px 12px}.specialty-strip span{font-size:30px}.specialty-strip b{font-size:30px}.specialty-strip>div{gap:18px}.work-section h2{font-size:28px}.work-section .section__note{font-size:11px;margin-bottom:35px}.sample{padding:24px 0 25px 30px}.project-number{top:32px;font-size:8px}.sample h3{font-size:31px;margin:12px 0 15px}.sample__kicker{font-size:8px}.sample__problem{font-size:11px}.sample__body{margin-top:12px}.project-preview{display:none}.sample:has(details[open]){padding-left:30px}.body{padding:18px;font-size:12px}.body .pair{grid-template-columns:1fr}.sample:has(details[open]) .sample__did,.sample:has(details[open]) .sample__outcome{font-size:11px}.experience-section{border-radius:12px}.experience-section h2{font-size:51px}.org__name{font-size:17px}.section[aria-labelledby="lang-title"] h2{font-size:44px}.creds{display:block}.creds dt{margin-top:18px;margin-bottom:4px}.site-footer{padding:38px 0 22px;border-radius:12px}.footer-top{gap:12px;flex-wrap:wrap}.footer-arrow{font-size:66px}.footer-top h2{font-size:27px}.footer-top .hire-link{margin:8px 0 0 78px;font-size:8px;padding:9px 12px}.footer-email{margin:22px 0 30px 0;font-size:12px}.footer-name{font-size:12.5vw;padding-top:25px}.footer-bottom{flex-wrap:wrap;font-size:7px;gap:15px}.footer-bottom>span:nth-child(2){display:none}.footer-bottom>a:last-child{margin-left:auto}}
@media(hover:none) and (min-width:601px){.project-preview{opacity:1;transform:none;position:relative;right:auto;top:auto;width:100%;max-width:320px;margin-bottom:30px;box-shadow:none}.sample h3{margin-right:0}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.specialty-strip>div{animation:none}.hero.motion-hero h1,.language-object,.hero-bottom>a>span{animation:none}.project-preview{transition:none}html{scroll-behavior:auto}}
@media print{body{padding:0}.site-header{position:static}.hero.motion-hero{min-height:250px;height:auto}.hero.motion-hero h1{position:static;font-size:60px;transform:none}.hero-topline,.language-object,.hero-bottom,.hero-orbit,.specialty-strip{display:none}.about-section,.site-footer{background:white;color:black}.about-section .prose>p:not(.section-index){color:black}.reveal{opacity:1;transform:none}.project-preview{display:none}}
.hero-bottom>a>.t{font-size:inherit;line-height:inherit;animation:none;transform:none}
.hero-bottom>a>span:last-child{font-size:40px;line-height:1;animation:arrow-drift 2s ease-in-out infinite}
@media(max-width:600px){.hero-bottom>a>span:last-child{font-size:30px}}
@media(prefers-reduced-motion:reduce){.hero-bottom>a>span:last-child{animation:none}}
:root[lang="id"] .about-section h2{font-size:clamp(70px,15vw,200px)}
@media(max-width:600px){:root[lang="id"] .about-section h2{font-size:20vw}}