.about-project{position:relative;padding:100px var(--gutter) 84px;background:var(--brand-paper);color:var(--brand-deep);overflow:hidden}
.about-project-header{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end;margin-bottom:60px}
.about-project .eyebrow{color:#79536b;letter-spacing:0;margin-bottom:18px}
.about-project h2{font-size:clamp(34px,3.5vw,54px);line-height:1.55;font-weight:500;max-width:660px}
.about-project-intro{font-size:15px;line-height:2;max-width:405px;color:#625368;padding-bottom:8px}
.about-project-body{display:grid;grid-template-columns:.82fr 1.18fr;gap:8vw;align-items:center}
.about-project-chapters{display:grid;gap:28px}
.about-project-chapter{border-top:1px solid #21172926;padding-top:22px}
.about-project-chapter h3{font-size:21px;font-weight:500;line-height:1.6;margin-bottom:9px}
.about-project-chapter p{font-size:14px;line-height:1.95;color:#625368;max-width:410px}
.about-project-visual{position:relative;min-width:0;padding-bottom:50px;margin-inline-start:5px}
.about-project-photo{overflow:hidden;border-radius:180px 180px 4px 4px;background:#33233f;aspect-ratio:1.16}
.about-project-photo img{width:100%;height:100%;object-fit:cover;object-position:60% 50%;transition:transform 1s ease}
.about-project-visual:hover .about-project-photo img{transform:scale(1.025)}
.about-project-detail{position:absolute;bottom:0;inset-inline-start:-32px;width:39%;aspect-ratio:.92;overflow:hidden;border:8px solid var(--brand-paper);border-radius:4px;background:var(--brand-deep)}
.about-project-detail img{width:100%;height:100%;object-fit:cover;object-position:50% 60%}
.about-project-visual figcaption{position:absolute;bottom:13px;inset-inline-end:0;max-width:57%;font-size:12px;color:#79536b;border-bottom:1px solid #b68460;padding-bottom:8px}
.about-project-areas{display:grid;grid-template-columns:.82fr 1.18fr;gap:8vw;align-items:center;border-top:1px solid #21172926;margin-top:64px;padding-top:30px}
.about-project-areas-title{font-size:18px;line-height:1.8}
.about-project-areas-title span{display:block;font-size:11px;color:#796980;margin-top:4px}
.about-project-areas-title .about-project-area-heading{font:inherit;color:inherit;margin:0}
.about-project-areas dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0}
.about-project-areas dt{font-size:12px;color:#625368;margin-bottom:8px}
.about-project-areas dd{margin:0;display:flex;align-items:baseline;gap:7px;direction:ltr;justify-content:flex-end}
.about-project-areas strong{font:400 clamp(27px,2.6vw,39px)/1.1 Georgia,'Times New Roman',serif;color:#53344e;font-variant-numeric:lining-nums}
.about-project-areas small{font-size:12px}
html[lang=en] .about-project h2{font:400 clamp(36px,3.8vw,57px)/1.17 Georgia,'Times New Roman',serif;letter-spacing:-.025em}
html[dir=ltr] .about-project-areas dd{justify-content:flex-start}
@media(max-width:1000px){.about-project-header,.about-project-body,.about-project-areas{gap:5vw}.about-project-detail{inset-inline-start:-18px}.about-project-chapters{gap:20px}.about-project-chapter h3{font-size:19px}.about-project-chapter p{font-size:13px}}
@media(max-width:760px){
 .about-project{padding:64px 24px 54px}
 .about-project-header{grid-template-columns:1fr;gap:18px;margin-bottom:32px}
 .about-project h2{font-size:clamp(29px,7.9vw,39px);line-height:1.55}
 html[lang=en] .about-project h2{font-size:clamp(33px,8.6vw,44px);line-height:1.16}
 .about-project-intro{font-size:13px;padding:0;max-width:480px}
 .about-project-body{display:flex;flex-direction:column;gap:36px;align-items:stretch}
 .about-project-visual{order:-1;margin-inline-start:12px;padding-bottom:48px}
 .about-project-photo{border-radius:140px 140px 3px 3px;aspect-ratio:1.15}
 .about-project-detail{inset-inline-start:-12px;width:39%;border-width:6px}
 .about-project-visual figcaption{font-size:11px;max-width:56%;bottom:13px}
 .about-project-chapters{gap:23px}
 .about-project-chapter{padding-top:18px}
 .about-project-chapter h3{font-size:19px;margin-bottom:7px}
 .about-project-chapter p{font-size:13px;max-width:520px}
 .about-project-areas{grid-template-columns:1fr;gap:21px;margin-top:33px;padding-top:24px}
 .about-project-areas-title{font-size:17px}
 .about-project-areas dl{gap:10px}
 .about-project-areas dt{font-size:11px;margin-bottom:9px}
 .about-project-areas dd{gap:4px}
 .about-project-areas strong{font-size:clamp(23px,6.6vw,31px)}
 .about-project-areas small{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.about-project-photo img{transition:none}.about-project-visual:hover .about-project-photo img{transform:none}}