/* Final visual polish: quieter typography, tighter rhythm, stronger hierarchy. */
body { font-family: Manrope, Arial, sans-serif; background: #fafafa; }
.shell { max-width: 1240px; padding-left: 32px; padding-right: 32px; }
.nav { height: 76px; }
.monogram { font-size: 19px; letter-spacing: -.08em; }
.intro { padding-top: 82px; }
.intro-title { grid-template-columns: 1.5fr .58fr; gap: 68px; margin-top: 25px; }
.intro h1 { max-width: 850px; font-size: clamp(46px, 5.9vw, 82px); line-height: .98; font-weight: 700; letter-spacing: -.075em; }
.intro h1 em, .statement h2 em, .case h2 em, .contact h2 em { font-family: inherit; font-style: normal; font-weight: 500; color: #e46642; }
.intro-note { padding-bottom: 5px; }.intro-note p { font-size: 13px; line-height: 1.7; }.intro-note i { width: 20px; margin-bottom: 16px; }
.intro-bottom { margin-top: 72px; }.intro-bottom span { font-size: 9px; }
.work { padding-top: 100px; }.section-top { margin-bottom: 20px; }
.case-image { height: 500px; margin-top: 14px; }.case-info { gap: 65px; padding: 25px 0 32px; }
.case h2 { font-family: Manrope, Arial, sans-serif; font-size: clamp(38px, 4vw, 58px); line-height: .96; font-weight: 700; letter-spacing: -.07em; }
.case-detail > p, .small-copy > p { font-size: 13px; line-height: 1.65; }.case-detail li { font-size: 11px; }.case-grid { margin-top: 72px; }
.abstract-image { height: 320px; }.small-copy { padding: 22px 0; }.small-copy h2 { font-size: 32px; line-height: 1.02; }
.statement { margin-top: 100px; padding: 95px 0; }.statement h2 { max-width: 850px; margin: 24px 0 50px; font-family: Manrope, Arial, sans-serif; font-size: clamp(38px, 4.8vw, 66px); line-height: 1.03; font-weight: 700; letter-spacing: -.065em; }.statement-detail { gap: 55px; }.statement-detail > p { font-size: 13px; }
.experience { padding-top: 100px; }.timeline article { padding: 23px 0 26px; }.timeline h3 { font-size: 17px; }.timeline p { font-size: 12px; }
.contact { padding-top: 105px; padding-bottom: 95px; }.contact h2 { max-width: 800px; margin: 23px 0; font-family: Manrope, Arial, sans-serif; font-size: clamp(42px, 5.4vw, 72px); line-height: 1; font-weight: 700; letter-spacing: -.07em; }
@media (max-width: 760px) { .shell { padding-left: 20px; padding-right: 20px; }.intro { padding-top: 64px; }.intro-title { gap: 24px; }.intro h1 { font-size: clamp(43px, 13vw, 61px); }.intro-bottom { margin-top: 52px; }.work, .experience, .contact { padding-top: 78px; }.case-image { height: 260px; }.case-grid { margin-top: 55px; }.abstract-image { height: 260px; }.statement { margin-top: 78px; padding: 78px 0; }.statement h2 { font-size: 39px; }.contact { padding-bottom: 75px; } }