.section{padding-top:clamp(80px,10vw,120px);padding-bottom:clamp(80px,10vw,120px)}.section--band{background:var(--band);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section--tight{padding-top:0}.section__head{margin-bottom:56px}.section__head--split{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 40px;display:flex}.section__heading{letter-spacing:-.04em;text-wrap:balance;font-size:clamp(2.75rem,6vw,4.5rem);font-weight:900;line-height:.98}html[lang=th] .section__heading{font-weight:800}.section__note{max-width:28em;color:var(--muted);font-size:16px}.section__more{margin-top:56px}.hero__inner{grid-template-columns:1.1fr .9fr;align-items:center;gap:72px;padding-top:96px;padding-bottom:112px;display:grid}.hero__name{letter-spacing:-.04em;margin-bottom:18px;font-size:clamp(3.5rem,8vw,6rem);font-weight:900;line-height:.92}html[lang=th] .hero__name{letter-spacing:-.04em;line-height:.92}.hero__role{font-family:var(--font-serif);color:var(--green-ink);margin-bottom:24px;font-size:32px;font-style:italic;line-height:1.2}html[lang=th] .hero__role{font-family:var(--font);font-size:24px;font-style:normal;font-weight:600}.hero__intro{max-width:28em;color:var(--muted);margin-bottom:40px;font-size:19px;line-height:1.7}.hero__actions{flex-wrap:wrap;align-items:center;gap:28px;display:flex}.hero__photo{justify-self:end;width:100%;max-width:420px}.hero__photo img{aspect-ratio:4/5;object-fit:cover;object-position:50% 30%;background:var(--band);width:100%;box-shadow:0 48px 80px -48px var(--shadow);border-radius:28px}@media (prefers-reduced-motion:no-preference){.hero__name,.hero__role,.hero__intro,.hero__actions{animation:rise .9s var(--ease-out) both}.hero__role{animation-delay:80ms}.hero__intro{animation-delay:.16s}.hero__actions{animation-delay:.24s}.hero__photo img{animation:unveil 1.2s var(--ease-out) .1s both}}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}@keyframes unveil{0%{clip-path:inset(18% 0 0 round 28px);filter:blur(6px);transform:scale(1.04)}to{clip-path:inset(0 round 28px)}}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 40px;display:grid}.project-grid--three{grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 32px}.project-card{color:inherit;text-decoration:none;display:block}.project-card:focus-visible{outline-offset:8px;border-radius:20px}.project-card__picture{aspect-ratio:16/10;background:var(--picture);box-shadow:0 0 0 1px #13201a14, 0 30px 50px -36px var(--shadow);border-radius:18px;overflow:hidden}.project-card__picture img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .7s var(--ease-out)}.project-card:hover .project-card__picture img{transform:scale(1.035)}.project-card__meta{color:var(--green-ink);align-items:center;gap:10px;margin-top:22px;font-size:13px;font-weight:600;display:flex}.project-card__name{letter-spacing:-.02em;align-items:center;gap:8px;margin:8px 0 6px;font-size:24px;font-weight:800;line-height:1.2;display:flex}.project-grid--three .project-card__name{font-size:21px}.project-card__name .icon{color:var(--green-ink);opacity:0;transition:opacity .25s, transform .35s var(--ease-out);transform:translate(-4px)}.project-card:hover .project-card__name .icon,.project-card:focus-visible .project-card__name .icon{opacity:1;transform:none}.project-card__line{color:var(--muted);font-size:16px}.design{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:64px;display:grid}.design__list{border-top:1px solid var(--line);padding:0;list-style:none}.design__list li{border-bottom:1px solid var(--line);letter-spacing:-.01em;padding:22px 0;font-size:22px;font-weight:700}.contact{background:var(--night);color:var(--night-ink)}.contact :focus-visible{outline-color:var(--green)}.contact__inner{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:80px;display:grid}.contact__intro{color:var(--night-muted);margin-top:20px;font-size:17px}.form{gap:18px;display:grid}.form__field{color:var(--night-label);gap:8px;font-size:14px;font-weight:600;display:grid}.form__field input,.form__field textarea{width:100%;font-family:var(--font);color:var(--night-ink);background:#ffffff0d;border:1px solid #ffffff2e;border-radius:12px;padding:14px 18px;font-size:16px;font-weight:400;transition:border-color .2s,background .2s}.form__field textarea{resize:vertical;min-height:140px}.form__field input::placeholder,.form__field textarea::placeholder{color:var(--night-placeholder)}.form__field input:hover,.form__field textarea:hover{border-color:#ffffff52}.form__field input:focus,.form__field textarea:focus{border-color:var(--green);background:#ffffff14;outline:none}:is(.form__field input:user-invalid,.form__field textarea:user-invalid){border-color:var(--error-on-night)}.form .button{justify-self:start}.form__error{color:var(--error-on-night);font-size:15px;font-weight:600}.form--sent{text-align:center;min-height:240px;color:var(--green);border:1px solid #ffffff24;border-radius:24px;place-items:center;padding:32px;font-size:20px;font-weight:700;display:grid}@media (width<=1080px){.project-grid--three{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.hero__inner{grid-template-columns:1fr;gap:40px;padding-top:40px;padding-bottom:80px}.hero__photo{order:-1;justify-self:stretch;max-width:none}.hero__photo img{aspect-ratio:1;object-position:50% 22%}.project-grid{grid-template-columns:1fr;gap:56px}.design,.contact__inner{grid-template-columns:1fr;gap:40px}}@media (width<=720px){.project-grid--three{grid-template-columns:1fr}.hero__intro{font-size:17px}.design__list li{font-size:19px}}