:root{--ink:#161616;--paper:#f7f6f2;--line:#d5d3cc;--blue:#1559d6;--muted:#686763}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}::selection{background:var(--blue);color:#fff}.page-shell{background:var(--paper);width:100%;margin:0;padding-inline:max(30px,50vw - 520px)}.hero{flex-direction:column;min-height:100svh;display:flex}.site-header{grid-template-columns:110px 1fr auto;align-items:center;gap:30px;min-height:80px;display:grid}.brand{letter-spacing:-.04em;font-size:18px;font-weight:760}.brand span,h1 em,h2 em,.footer-main em{color:var(--blue);font-style:normal}nav{gap:24px;font-size:13px;display:flex}nav a,.email-link,.socials a,.discover{transition:color .18s}nav a:hover,.email-link:hover,.socials a:hover,.discover:hover{color:var(--blue)}.email-link{text-underline-offset:4px;font-size:13px;text-decoration:underline}.hero-copy{width:min(620px,82%);margin:auto;padding:6vh 0 3vh;position:relative}.eyebrow,.kicker{letter-spacing:.14em;text-transform:uppercase;margin:0 0 17px;font-size:10px;font-weight:680}h1,h2{letter-spacing:-.055em;font-family:Georgia,Times New Roman,serif;font-weight:400}h1{margin:0;font-size:clamp(50px,5.4vw,76px);line-height:.97}.portrait-stamp{aspect-ratio:.9;color:#fff;text-align:center;background:#1b1b1b;border:4px solid #fff;border-radius:16px;place-content:center;width:92px;display:grid;position:absolute;top:15%;right:-62px;transform:rotate(8deg);box-shadow:0 10px 24px #0000002b}.portrait-stamp span{letter-spacing:-.08em;font-family:Georgia,serif;font-size:31px}.portrait-stamp small{letter-spacing:.15em;margin-top:8px;font-size:8px}.intro{color:#575757;max-width:530px;margin:28px 0 0;font-size:15px;line-height:1.55}.hero-actions{gap:10px;margin-top:22px;display:flex}.button{border:1px solid #cbc9c2;border-radius:7px;align-items:center;gap:17px;min-height:41px;padding:0 16px;font-size:13px;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{border-color:var(--blue);background:var(--blue);color:#fff;box-shadow:0 5px 12px #1559d63d}.button-secondary:hover{background:#fff;box-shadow:0 5px 12px #00000012}.hero-footer{justify-content:space-between;align-items:center;min-height:86px;font-size:12px;display:flex}.socials{gap:22px;display:flex}.discover{gap:12px;display:flex}.content-section{padding-top:82px;padding-bottom:100px}.section-label{border-top:1px solid var(--line);letter-spacing:.13em;text-transform:uppercase;justify-content:space-between;align-items:center;min-height:52px;font-size:10px;font-weight:700;display:flex}.section-label span{align-items:center;gap:10px;display:inline-flex}.section-label span:before{content:"";background:var(--blue);border-radius:50%;width:7px;height:7px}.section-label small{color:#9a9891;font-size:10px}.content-section h2{margin:0;font-size:clamp(38px,4.3vw,58px);line-height:1.03}.about-grid{grid-template-columns:.95fr 1fr;gap:8%;padding-top:46px;display:grid}.about-grid h2{max-width:510px}.about-copy{max-width:490px;color:var(--muted);padding-top:6px;font-size:14px;line-height:1.7}.about-copy .lead{color:var(--ink);letter-spacing:-.025em;margin-top:0;font-family:Georgia,serif;font-size:22px;line-height:1.35}.availability{border-top:1px solid var(--line);color:var(--ink);align-items:center;gap:10px;margin-top:34px;padding-top:20px;font-size:13px;display:flex}.status-dot{background:#20a466;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #20a4661f}.projects-section{padding-bottom:108px}.section-heading-row{grid-template-columns:1fr 290px;align-items:end;gap:70px;padding:45px 0 56px;display:grid}.section-heading-row p,.notes-heading p{color:var(--muted);margin:0 0 4px;font-size:14px;line-height:1.6}.project-list{gap:68px;display:grid}.impact-strip{border-block:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:0 0 68px;display:grid}.impact-strip>div{border-right:1px solid var(--line);flex-direction:column;justify-content:space-between;min-height:110px;padding:22px 24px;display:flex}.impact-strip>div:last-child{border-right:0}.impact-strip strong{letter-spacing:-.05em;color:var(--blue);font:400 33px Georgia,serif}.impact-strip span{color:var(--muted);text-transform:uppercase;letter-spacing:.09em;font-size:11px}.project-visual{border-radius:3px;place-items:center;min-height:440px;display:grid;overflow:hidden}.project-blue{background:#1559d6}.project-cream{background:#d7d0c3}.project-black{background:#151515}.project-meta{border-top:1px solid var(--line);grid-template-columns:48px 1fr 1.1fr 28px;align-items:start;gap:20px;min-height:104px;padding-top:19px;display:grid}.project-meta>span,.project-meta>div p{color:#8b8982;text-transform:uppercase;letter-spacing:.1em;font-size:11px}.project-meta h3{letter-spacing:-.04em;margin:-5px 0 5px;font-family:Georgia,serif;font-size:27px;font-weight:400}.project-meta p{margin:0}.project-description{color:var(--muted);font-size:13px;line-height:1.55}.project-meta>a{border:1px solid var(--line);border-radius:50%;place-items:center;width:28px;height:28px;transition:all .2s;display:grid}.project-meta>a:hover{background:var(--blue);color:#fff;border-color:var(--blue);transform:rotate(45deg)}.nadi-ui{background:#f9f9fb;border-radius:14px;grid-template-columns:72px 1fr;width:min(700px,76%);min-height:310px;display:grid;overflow:hidden;transform:rotate(-2deg)translateY(22px);box-shadow:0 30px 60px #00000042}.ui-sidebar{background:#111;flex-direction:column;align-items:center;gap:27px;padding-top:25px;display:flex}.ui-logo{background:var(--blue);color:#fff;border-radius:9px;place-items:center;width:32px;height:32px;font-family:Georgia,serif;font-size:24px;display:grid}.ui-sidebar i{background:#555;border-radius:9px;width:22px;height:5px}.ui-canvas{padding:28px 32px}.ui-top{justify-content:space-between;font-size:15px;display:flex}.metric-row{grid-template-columns:1fr 1fr;gap:15px;margin-top:28px;display:grid}.metric-row>div{background:#eeeef2;border-radius:10px;padding:18px;display:grid}.metric-row small{color:#777}.metric-row strong{margin-top:8px;font-family:Georgia,serif;font-size:32px;font-weight:400}.chart-bars{border-bottom:1px solid #ddd;align-items:flex-end;gap:12px;height:88px;margin-top:22px;display:flex}.chart-bars i{background:var(--blue);border-radius:5px 5px 0 0;flex:1}.chart-bars i:first-child{height:42%}.chart-bars i:nth-child(2){height:65%}.chart-bars i:nth-child(3){height:54%}.chart-bars i:nth-child(4){height:76%}.chart-bars i:nth-child(5){height:69%}.chart-bars i:nth-child(6){height:91%}.chart-bars i:nth-child(7){height:82%}.ruang-ui{background:#f6f1e8;grid-template-columns:95px 1.1fr .8fr;width:min(730px,80%);height:330px;display:grid;transform:rotate(1.5deg);box-shadow:0 26px 52px #3b2b1e36}.ruang-ui>p{writing-mode:vertical-rl;letter-spacing:.25em;margin:24px;font:16px Georgia,serif}.ruang-window{grid-template-columns:1fr 1fr;gap:8px;padding:18px 0;display:grid}.ruang-window span{background:#3d4b3c}.ruang-window span:first-child{background:linear-gradient(150deg,#9ca799,#2f4533);grid-row:span 2}.ruang-window span:nth-child(2){background:#b17c54}.ruang-window span:nth-child(3){background:#758b78}.ruang-caption{flex-direction:column;justify-content:space-between;padding:45px 25px;display:flex}.ruang-caption b{letter-spacing:-.04em;font:29px/1.05 Georgia,serif}.ruang-caption small{border-top:1px solid #bbb3a7;padding-top:15px}.notes-ui{color:#fff;border:1px solid #424242;width:min(640px,72%);padding:48px;transform:rotate(-1deg)}.notes-ui>small{color:#8b8b8b;letter-spacing:.18em;font-size:9px}.notes-ui>p{letter-spacing:-.045em;margin:44px 0 56px;font:clamp(28px,3.5vw,47px)/1.05 Georgia,serif}.notes-ui>div{color:#888;letter-spacing:.15em;border-top:1px solid #444;justify-content:space-between;padding-top:18px;font-size:9px;display:flex}.skills-section{background:#e8e6df}.skills-grid{grid-template-columns:.8fr 1.2fr;gap:8%;padding-top:50px;display:grid}.skills-grid>div:first-child{align-self:start;position:sticky;top:40px}.skill-groups{display:grid}.skill-group{border-top:1px solid #c7c4bc;grid-template-columns:45px 1fr 1fr;gap:14px;padding:25px 0;display:grid}.skill-group>span{color:#898780;font-size:10px}.skill-group h3{margin:-4px 0 0;font-family:Georgia,serif;font-size:23px;font-weight:400}.skill-group ul{color:#5f5e59;margin:0;padding:0;font-size:13px;line-height:2;list-style:none}.technology-row{color:#5f5e59;border-top:1px solid #c7c4bc;grid-template-columns:120px 1fr;gap:18px;margin-top:50px;padding-top:19px;font-size:12px;line-height:1.7;display:grid}.technology-row span{color:#85837d;text-transform:uppercase;letter-spacing:.1em;font-size:10px}.technology-row p{margin:0}.experience-grid{grid-template-columns:.65fr 1.35fr;gap:9%;padding-top:46px;display:grid}.timeline article{border-top:1px solid var(--line);grid-template-columns:88px 1fr 82px;gap:20px;padding:23px 0 26px;display:grid}.timeline article>span,.timeline article>small{color:#898780;text-transform:uppercase;letter-spacing:.1em;font-size:10px}.timeline article>small{text-align:right}.timeline h3{letter-spacing:-.03em;margin:-5px 0 9px;font-family:Georgia,serif;font-size:22px;font-weight:400}.timeline p{max-width:440px;color:var(--muted);margin:0;font-size:13px;line-height:1.6}.notes-section{background:#f0eee8}.education-grid{grid-template-columns:.85fr 1.15fr;align-items:start;gap:9%;padding-top:46px;display:grid}.education-card{border-top:1px solid var(--line);padding:30px 0 8px}.education-card>span{color:#898780;text-transform:uppercase;letter-spacing:.1em;font-size:10px}.education-card h3{letter-spacing:-.045em;max-width:520px;margin:36px 0 12px;font:400 clamp(27px,2.7vw,38px)/1.06 Georgia,serif}.education-card p{margin:0 0 10px;font:21px Georgia,serif}.education-card small{color:var(--muted);font-size:12px}.notes-heading{justify-content:space-between;align-items:end;gap:50px;padding:55px 0;display:flex}.notes-heading p{max-width:315px}.note-list{border-bottom:1px solid var(--line)}.note-list a{border-top:1px solid var(--line);grid-template-columns:120px 1fr 100px 30px;align-items:center;gap:20px;min-height:105px;transition:padding .2s,color .2s;display:grid}.note-list a:hover{color:var(--blue);padding-inline:12px}.note-list span,.note-list small{color:#8a8881;text-transform:uppercase;letter-spacing:.1em;font-size:10px}.note-list h3{letter-spacing:-.025em;margin:0;font:400 24px Georgia,serif}.note-list b{font-weight:400}.footer{color:#fff;background:#151515;padding-top:62px;padding-bottom:26px}.section-label-light{border-color:#373737}.section-label-light small{color:#707070}.footer-main{padding:70px 0 88px}.footer-main>p{color:#8d8d8d;text-transform:uppercase;letter-spacing:.1em;margin:0 0 25px;font-size:12px}.footer-main>a{letter-spacing:-.06em;max-width:830px;font:clamp(45px,6vw,78px)/.98 Georgia,serif;display:block}.footer-main>a>span{vertical-align:middle;border:1px solid #555;border-radius:50%;place-items:center;width:50px;height:50px;margin-left:14px;font:21px Arial,sans-serif;transition:all .2s;display:inline-grid}.footer-main>a:hover>span{background:var(--blue);border-color:var(--blue);transform:rotate(45deg)}.footer-bottom{color:#858585;border-top:1px solid #373737;justify-content:space-between;align-items:flex-end;min-height:65px;font-size:10px;display:flex}.footer-bottom>div{gap:30px;display:flex}.footer-bottom a{color:#fff}.reveal{animation:.7s cubic-bezier(.22,1,.36,1) both rise}.reveal-delay-1{animation-delay:80ms}.reveal-delay-2{animation-delay:.16s}.reveal-delay-3{animation-delay:.24s}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.portrait-stamp.reveal{animation-name:stamp-in}@keyframes stamp-in{0%{opacity:0;transform:rotate(2deg)translateY(18px)}to{opacity:1;transform:rotate(8deg)translateY(0)}}@media (max-width:900px){.page-shell{width:100%;padding-inline:22px}.hero{min-height:100svh}.site-header{grid-template-columns:100px 1fr auto;gap:20px}nav{gap:17px}.hero-copy{width:82%}.portrait-stamp{right:-25px}.about-grid,.skills-grid,.experience-grid{gap:6%}.project-visual{min-height:430px}.ruang-ui{height:330px}}@media (max-width:700px){.page-shell{border:0;width:100%;padding-inline:19px}.hero{margin-top:0}.site-header{grid-template-columns:1fr auto;min-height:82px}nav{display:none}.email-link{font-size:12px}.hero-copy{width:100%;padding-top:90px}h1{font-size:clamp(44px,13vw,61px)}.portrait-stamp{border-radius:13px;width:78px;top:16px;right:8px}.portrait-stamp span{font-size:27px}.intro{font-size:15px}.hero-actions{flex-wrap:wrap}.hero-footer{min-height:82px}.socials{gap:13px;font-size:11px}.discover{font-size:11px}.content-section{padding-top:72px;padding-bottom:85px}.content-section h2{font-size:38px}.about-grid,.section-heading-row,.skills-grid,.experience-grid{grid-template-columns:1fr}.about-grid{gap:38px;padding-top:38px}.about-copy .lead{font-size:22px}.section-heading-row{gap:20px;padding:38px 0 48px}.project-list{gap:58px}.impact-strip{grid-template-columns:1fr;margin-bottom:58px}.impact-strip>div{border-right:0;border-bottom:1px solid var(--line);min-height:100px;padding:20px 0}.impact-strip>div:last-child{border-bottom:0}.impact-strip strong{font-size:32px}.project-visual{min-height:310px}.project-meta{grid-template-columns:35px 1fr 28px;gap:14px}.project-description{display:none}.nadi-ui{grid-template-columns:52px 1fr;width:90%;min-height:240px}.ui-sidebar{gap:18px;padding-top:16px}.ui-logo{width:27px;height:27px}.ui-canvas{padding:22px 18px}.metric-row{gap:8px;margin-top:22px}.metric-row>div{padding:13px}.metric-row strong{font-size:25px}.chart-bars{gap:7px;height:70px;margin-top:17px}.ruang-ui{grid-template-columns:55px 1.1fr .8fr;width:90%;height:250px}.ruang-ui>p{margin:15px;font-size:11px}.ruang-window{gap:4px;padding:10px 0}.ruang-caption{padding:28px 14px}.ruang-caption b{font-size:22px}.notes-ui{width:86%;padding:28px}.notes-ui>p{margin:35px 0 45px;font-size:31px}.skills-grid{gap:42px;padding-top:42px}.skills-grid>div:first-child{position:static}.skill-group{grid-template-columns:35px 1fr}.skill-group ul{grid-column:2}.technology-row{grid-template-columns:1fr;gap:8px}.experience-grid{gap:38px;padding-top:40px}.timeline article{grid-template-columns:72px 1fr}.timeline article>small{display:none}.notes-heading{padding:38px 0;display:block}.education-grid{grid-template-columns:1fr;gap:40px;padding-top:40px}.education-card h3{margin-top:30px;font-size:32px}.notes-heading p{margin-top:18px}.note-list a{grid-template-columns:72px 1fr 20px;gap:12px;min-height:120px}.note-list small{display:none}.note-list h3{font-size:21px}.footer{padding-top:55px}.footer-main{padding:65px 0 90px}.footer-main>a{font-size:44px}.footer-main>a>span{width:44px;height:44px;margin-left:5px;font-size:18px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:18px;padding-top:28px}.footer-bottom>div{justify-content:space-between;width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}