.header-actions{display:flex;align-items:center;gap:27px}.language-switch{display:flex;align-items:center;gap:9px;font-family:ui-monospace,monospace;font-size:10px;letter-spacing:.5px}.language-switch>a{color:#929c85;padding-block:8px}.language-switch>a[aria-current=page]{color:var(--lime)}.language-switch>a:hover{color:var(--ink)}.language-switch>span{color:#505a45}.project-mobile{display:none}.project-desktop{display:inline}picture{display:block}html[lang=id] h1{font-size:clamp(63px,6.2vw,94px);letter-spacing:-5px}html[lang=id] h1 em{letter-spacing:-4px}html[lang=id] .eyebrow{letter-spacing:1.3px}html[lang=id] .about-copy h2{font-size:34px}html[lang=id] .mail-card h3{font-size:27px}html[lang=id] .closing>p{font-size:48px}
@media(max-width:1100px){.header-actions{gap:20px}html[lang=id] h1{font-size:74px}html[lang=id] .portfolio-caption h3{font-size:26px}}
@media(max-width:760px){.header-actions{gap:19px}.language-switch{gap:7px;font-size:9px}.header-link{font-size:10px}.header-link span{margin-left:8px}.project-desktop{display:none}.project-mobile{display:inline}.portfolio-visual picture{padding:20px 0;background:radial-gradient(ellipse at top,#354360,#1d263b)}.portfolio-visual img{width:58%;height:320px;aspect-ratio:auto;object-fit:cover;object-position:top;margin-inline:auto;border:1px solid #7583a45c;border-radius:8px;box-shadow:0 10px 25px #080e1f55}html[lang=id] h1{font-size:clamp(55px,10.5vw,80px);letter-spacing:-3px}html[lang=id] h1 em{letter-spacing:-3px}html[lang=id] .hero-note{max-width:155px;font-size:7px}html[lang=id] .about-copy h2{font-size:31px}html[lang=id] .closing>p{font-size:36px}.section-heading>p{word-spacing:normal}}
@media(max-width:380px){.header-link{display:none}.portfolio-visual img{height:290px;width:65%}html[lang=id] .hero-note{position:static;max-width:none;margin-top:21px}}