.portfolio-intro{padding-top:75px;padding-bottom:55px}.portfolio-intro h1{font-size:clamp(48px,6.8vw,105px)}.portfolio-lead{display:flex;justify-content:space-between;gap:60px;margin-top:35px}.portfolio-lead>p:first-child{max-width:650px;font-size:18px;color:var(--muted)}.disclosure{max-width:290px;font-size:14px;color:var(--muted);border-left:2px solid var(--lime);padding-left:20px}.project-index{display:flex;justify-content:space-between;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:45px;padding:24px 0;gap:20px;font-family:monospace}.project-index a{font-size:13px}.project-index a:hover{color:var(--lime)}.case{padding-top:35px;padding-bottom:75px}.case-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.case-heading .eyebrow{margin-bottom:12px}.case-heading h2{font-size:42px}.concept-badge{font-family:monospace;border:1px solid var(--line);border-radius:25px;padding:10px 14px;font-size:11px;color:var(--muted)}.site-preview{padding:35px 40px;overflow:hidden}.mock-nav{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:25px;border-bottom:1px solid currentColor}.mock-nav strong{font-size:32px;letter-spacing:-1.5px}.mock-nav>span{font-size:10px;letter-spacing:1px}.mock-kicker{font-size:10px;letter-spacing:1.5px}.mock-button{display:inline-block;padding:14px 19px;margin-top:25px;font-size:12px}.mock-footer{display:flex;justify-content:space-between;gap:20px;font-family:monospace;font-size:10px;border-top:1px solid currentColor;padding-top:22px;margin-top:35px}.senja{background:#f4ebd9;color:#482a1d}.senja-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;margin-top:35px}.senja h3{font-family:Georgia,serif;font-weight:400;font-size:clamp(40px,5.5vw,80px);letter-spacing:-3px;line-height:1.03;margin:22px 0}.senja p{font-size:14px}.senja .mock-button{background:#482a1d;color:#f4ebd9;border-radius:30px}.senja img{width:100%;height:390px;object-fit:cover;border-radius:48% 48% 0 0}.case-story{display:grid;grid-template-columns:1fr 1.2fr .8fr;gap:45px;margin-top:35px}.case-label{font-size:11px;font-family:monospace;color:var(--muted)}.case-story h3{font-size:24px;line-height:1.25;letter-spacing:-.6px;font-weight:500;margin-top:15px}.case-story>p{font-size:16px;color:var(--muted)}.case-story dl{margin:0;font-size:13px}.case-story dt{color:var(--muted);margin-bottom:6px}.case-story dd{margin:0 0 16px;line-height:1.5}.design-notes{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:25px;padding:20px 0}.design-notes summary{font-size:14px}.design-notes p{max-width:850px}.ruang{background:#e8e8e1;color:#292b25}.small-word{font-size:12px;letter-spacing:3px;margin-left:10px}.ruang-title{display:flex;align-items:end;justify-content:space-between;padding:35px 0;gap:20px}.ruang h3{font-family:Georgia,serif;font-weight:400;font-size:clamp(40px,5vw,74px);letter-spacing:-3px;line-height:1.03}.ruang-title p{font-size:14px}.ruang img{width:100%;height:430px;object-fit:cover;display:block}.ruang .mock-footer{border:0;margin-top:0}.ledger{background:#101f36;color:#edf7f7}.ledger .mock-nav strong>span{color:#8de8c5;margin-left:5px}.ledger-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center;padding:45px 0 20px}.ledger h3{font-size:clamp(35px,4.8vw,68px);font-weight:500;line-height:1.06;letter-spacing:-3px;margin:20px 0}.ledger h3 em{font-style:normal;color:#8de8c5}.ledger p{font-size:14px;color:#bdcedd}.ledger .mock-button{background:#8de8c5;color:#101f36;border-radius:5px}.dashboard{background:#f6f9fd;color:#142338;border-radius:12px;padding:25px;transform:rotate(-3deg);box-shadow:0 20px 45px #0005}.dashboard-title{font-size:13px;font-weight:600;display:flex;justify-content:space-between;gap:10px}.dashboard-title>span{font-size:8px;font-weight:400}.balance{margin-top:25px}.balance>span{font-size:11px;color:#566779}.balance strong{display:block;font-size:34px;letter-spacing:-1px;margin-top:7px}.balance strong>span{font-size:20px;color:#74869c}.chart{height:100px;display:flex;align-items:end;gap:10px;margin:20px 0}.chart i{flex:1;height:var(--bar);background:#409b7b;border-radius:3px 3px 0 0}.chart i:last-child{background:#142e4f}.dashboard-row{display:flex;justify-content:space-between;border-top:1px solid #d6e0ea;padding:12px 0;font-size:11px}.pulse-site{background:#b9abff;color:#211746}.pulse-main{padding:35px 0}.pulse-main h3{font-size:clamp(46px,7.2vw,106px);font-weight:800;letter-spacing:-.065em;line-height:.98;margin-top:25px}.pulse-main h3 em{color:#f8f5ff;font-style:normal}.pulse-main>div{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-top:28px}.pulse-main p{font-size:14px}.pulse-site .mock-button{background:#211746;color:#f8f5ff}.pulse-site .mock-footer{margin-top:0}.header [aria-current=page]{text-decoration:underline;text-underline-offset:6px}[data-theme=light] .project-index a:hover{color:#44651b}@media(max-width:700px){.portfolio-intro{padding-top:50px}.portfolio-lead{flex-direction:column;gap:25px}.portfolio-lead>p:first-child{font-size:16px}.disclosure{max-width:none}.project-index{display:grid;grid-template-columns:1fr 1fr;gap:22px}.project-index a{font-size:12px}.case-heading h2{font-size:30px}.concept-badge{font-size:9px;padding:8px}.site-preview{padding:22px}.mock-nav>span{font-size:8px;max-width:120px;text-align:right;line-height:1.5}.mock-nav strong{font-size:24px}.senja-layout,.ledger-layout{grid-template-columns:1fr;gap:30px}.senja h3{font-size:48px}.senja img{height:300px}.mock-footer{font-size:8px}.mock-footer>span{text-align:right}.case-story{grid-template-columns:1fr;gap:20px}.case-story h3{font-size:25px}.case-story dl{display:grid;grid-template-columns:1fr 2fr;gap:10px}.case-story dd{margin:0}.ruang-title{display:block}.ruang-title p{margin-top:20px}.ruang h3{font-size:43px}.ruang img{height:260px}.small-word{font-size:10px}.ledger h3{font-size:43px}.dashboard{transform:none;padding:20px}.ledger-layout{padding-top:30px}.pulse-main h3{font-size:clamp(35px,9.5vw,65px)}.pulse-main>div{align-items:start;flex-direction:column}.pulse-main .mock-button{margin-top:0}.contact h2{font-size:clamp(38px,9vw,65px)}}
.project-preview-link{display:block}.project-preview-link:focus-visible{outline:3px solid var(--lime);outline-offset:6px}.project-open{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line);font-size:14px}.project-open:hover,.case-heading h2 a:hover{color:var(--lime)}[data-theme=light] .project-open:hover,[data-theme=light] .case-heading h2 a:hover{color:#44651b}
.experience-preview{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;border:1px solid var(--line);padding:25px;margin-top:30px}.experience-preview img{width:100%;height:260px;object-fit:cover;display:block}.experience-preview .eyebrow{font-size:10px;margin-bottom:18px}.experience-preview h3{font-size:27px;font-weight:500;letter-spacing:-.8px;line-height:1.2}.experience-preview p:not(.eyebrow){font-size:15px;color:var(--muted);margin-top:18px}.experience-preview .text-link{display:inline-block;margin-top:14px}.ledger-mini{background:#edf4f9;color:#142338;padding:28px}.ledger-mini>span{font:10px monospace}.ledger-mini>strong{display:block;font-size:40px;letter-spacing:-2px;margin:22px 0 0}.ledger-mini p{color:#516274!important;font-size:12px!important;margin-top:8px!important}.ledger-mini>div{display:flex;justify-content:space-between;border-top:1px solid #b9c9d8;margin-top:18px;padding-top:13px;font-size:13px}@media(max-width:700px){.experience-preview{grid-template-columns:1fr;padding:18px;gap:24px}.experience-preview img{height:240px}.experience-preview h3{font-size:24px}}