.hero{padding-top:45px;padding-bottom:45px}.profile-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:70px;align-items:center;margin-top:20px}.hero h1{font-size:80px;line-height:1;letter-spacing:-4px}.hero .role{font-size:27px;letter-spacing:-.7px;margin-top:15px;line-height:1.3}.hero-intro{max-width:660px;margin:20px 0 24px}.profile-actions{display:flex;align-items:center;gap:28px}.profile-summary{border-left:1px solid var(--line);padding-left:35px}.profile-summary ul{list-style:none;margin:20px 0;padding:0}.profile-summary li{display:flex;gap:15px;border-bottom:1px solid var(--line);padding:15px 0;font-size:15px}.profile-summary b{color:var(--lime);font-size:12px;font-weight:500;margin-top:3px}.profile-summary>p{font-size:13px;color:var(--muted)}.case-study{padding-top:50px;padding-bottom:55px}.case-study h2,.work h2,.about h2,.experience h2{font-size:35px;letter-spacing:-1.2px}.case-feature{margin-top:30px}.case-copy{padding:35px}.case-copy h3{font-size:32px;line-height:1.2}.result-visual{padding:24px 35px}.metric strong{font-size:94px}.case-narrative{margin-top:35px;gap:40px}.case-narrative h3{font-size:25px}.implementation{margin-top:30px;padding:28px 35px}.implementation h3{font-size:25px}.pipeline li{padding:8px 0}.pipeline li:not(:last-child):after{height:16px;bottom:-8px}.campaign-work{margin-top:38px;padding-top:30px;border-top:1px solid var(--line)}.campaign-work>h3{font-size:27px;letter-spacing:-.7px;margin:15px 0}.campaign-work>p{color:var(--muted);max-width:850px}.campaign-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px;margin-top:25px}.campaign-grid>div{border-left:2px solid #5f7847;padding-left:18px}.campaign-grid h4{font-size:17px;line-height:1.4;font-weight:500}.campaign-grid p{font-size:15px;color:var(--muted);margin-top:10px}.evidence{margin-top:38px}.evidence>h3{font-size:27px}.work{border-top:1px solid var(--line);padding-top:50px;padding-bottom:55px}.projects{grid-template-columns:1fr;gap:32px;margin-top:25px}.project{display:grid;grid-template-columns:1.1fr 1fr;column-gap:35px;align-items:start;position:relative;padding-bottom:30px;border-bottom:1px solid var(--line)}.project-image{grid-column:1;grid-row:1/8;padding:14px 14px 0}.project-meta{grid-column:2;margin:0 0 12px}.project>h3,.project>p,.project>.tags,.project>details,.project>.text-link{grid-column:2}.project>p{max-width:none}.project>.text-link{justify-self:start}.project .tags{margin:16px 0}.project-image.titik{background:#25302c}.about{padding-top:50px;padding-bottom:50px;gap:60px}.experience{padding-bottom:55px}.contact{padding-top:50px;padding-bottom:50px}.contact h2{font-size:38px;letter-spacing:-1px;margin:15px 0}.contact>p{max-width:680px;margin:auto}.nav nav{gap:25px}.case-study .section-heading{margin-bottom:20px}.proof-grid{grid-template-columns:1fr}.proof-grid img{max-height:190px;object-fit:contain}.proof-grid a{padding:6px 12px}#bukti-hasil{scroll-margin-top:35px}
@media(max-width:1000px){.profile-grid{gap:30px}.profile-summary{padding-left:24px}.hero h1{font-size:70px}.project{gap:0 25px}.nav nav{gap:18px}.nav nav>a:nth-child(2){display:block}.about{gap:35px}}@media(max-width:760px){.nav nav>a:nth-child(3){display:none}.nav nav>a:nth-child(2){display:none}.profile-grid{grid-template-columns:1fr;gap:30px}.hero{padding-top:30px;padding-bottom:35px}.hero h1{font-size:64px}.hero .role{font-size:24px}.profile-summary{padding:20px 0 0;border-left:0;border-top:1px solid var(--line)}.profile-summary ul{margin:10px 0}.profile-summary li{padding:10px 0}.case-study,.work,.about{padding-top:35px;padding-bottom:40px}.case-study h2,.work h2,.about h2,.experience h2{font-size:29px}.case-copy{padding:26px}.case-copy h3{font-size:29px}.result-visual{padding:24px 26px}.case-narrative{gap:24px}.implementation{padding:25px}.campaign-grid{grid-template-columns:1fr;gap:20px}.campaign-work>h3{font-size:24px}.project{display:block;padding-bottom:30px}.project-meta{margin-top:20px}.project>h3{margin-bottom:12px}.project .tags{margin:17px 0}.projects{gap:20px}.about{gap:25px}.contact h2{font-size:32px}.profile-actions{gap:23px}.case-copy .label{font-size:12px}.proof-grid a{padding:6px 0}.contact p{font-size:16px}}