/* Typography, spacing and copy hierarchy aligned with the accepted Figma direction.
   Existing hero and scroll choreography are preserved. */
html{scroll-padding-top:86px}
#skills,#approach,#about,#company,#message{scroll-margin-top:86px}
.chapter .chapter-main{z-index:2;min-width:0;max-width:100%}
.chapter .chapter-main h3{max-width:100%;overflow-wrap:normal}
.chapter .chapter-description{max-width:36ch}
.chapter .project-deep-link{margin-left:0;font-size:14px;text-underline-offset:5px}
.chapter .chapter-open{gap:12px;min-height:56px}
.studio-label{font-size:11px;letter-spacing:.07em}
.studio-label em{font-size:10px;letter-spacing:.05em}
.skills-section,.approach-section{padding-top:clamp(125px,10vw,160px);padding-bottom:clamp(95px,9vw,142px)}
.skills-section{background:#101010;color:#f7f6f0}
.skills-section .section-mini-label{color:#eee}
.skills-grid{grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);gap:clamp(45px,6vw,110px);margin-top:55px;align-items:start}
.skills-intro h2{font-size:clamp(66px,7vw,130px);line-height:.95;letter-spacing:-.07em;max-width:10ch}
.skills-intro h2 em{color:#d9f64e;font-style:normal}
.skills-intro p{font-size:clamp(17px,1.65vw,23px);line-height:1.52;max-width:32ch;margin-top:39px}
.skills-list{list-style:none;margin:0;padding:3px 0 0}
.skills-list li{display:block;border:0;padding:14px 0 19px}
.skills-list li:last-child{border:0}
.skills-list li strong{font-size:clamp(20px,2.12vw,32px);line-height:1.1;letter-spacing:-.052em;color:#f7f6f0}
.skills-list li p{margin:8px 0 0;font-size:14px;line-height:1.5;color:#bdbbb4;max-width:44ch}
.approach-section{background:#f2f0e9;color:#111}
.approach-section .section-mini-label{color:#1b1b1b}
.approach-heading{max-width:none;font-size:clamp(63px,7.4vw,136px);margin:60px 0 90px;line-height:.98}
.approach-heading em{color:#f05838}
.approach-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(15px,2.7vw,44px)}
.approach-step{border:0;padding:0}
.approach-step h3{font-size:clamp(22px,2.25vw,35px);margin:0 0 18px;line-height:1.06}
.approach-step p{color:#55534e;line-height:1.55;font-size:clamp(14px,1.18vw,17px)}
.chapter button:focus-visible,.chapter a:focus-visible{outline:3px solid currentColor;outline-offset:5px}
@media(max-width:1040px){
 .skills-grid{grid-template-columns:1fr 1fr;gap:40px}
 .skills-intro h2{font-size:clamp(54px,7vw,91px)}
 .approach-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:38px}
}
@media(max-width:800px){
 .skills-grid{grid-template-columns:1fr;margin-top:45px;gap:42px}
 .skills-intro h2{font-size:clamp(60px,12vw,99px)}
 .skills-intro p{margin-top:24px}
 .skills-list li{padding:10px 0 15px}
 .approach-heading{margin:50px 0 65px;font-size:clamp(55px,10vw,93px)}
}
@media(max-width:440px){
 .skills-section,.approach-section{padding-top:112px;padding-bottom:92px}
 .skills-intro h2{font-size:clamp(58px,13.9vw,75px)}
 .skills-list li strong{font-size:24px}
 .skills-list li p{font-size:14px}
 .approach-heading{font-size:clamp(52px,13vw,73px);margin:55px 0 75px}
 .approach-steps{gap:44px 21px}
 .approach-step h3{font-size:22px}
 .approach-step p{font-size:15px}
}