.about-main{width:min(100% - 96px,1240px);padding-top:72px}
.about-heading{display:grid;grid-template-columns:1fr auto;align-items:end;position:relative;padding-bottom:60px;border-bottom:1px solid var(--line)}
.about-heading p{grid-column:1;margin:0 0 12px;color:var(--muted);font-family:Arial,sans-serif;font-size:.72rem;letter-spacing:.24em}
.about-heading h1{grid-column:1;margin:0;font-family:"Noto Serif TC","Source Han Serif TC","Songti TC","PMingLiU",serif;font-size:clamp(2.15rem,3.8vw,3.75rem);font-weight:500;letter-spacing:.12em;line-height:1.35}
.about-heading h1 span{display:inline-block;margin-left:.7em;font-size:.48em;font-weight:400;letter-spacing:.18em;color:#67635d;vertical-align:.18em}
.about-heading>span{grid-column:2;grid-row:1/span 2;color:var(--red);font-family:Georgia,serif;font-size:3.4rem;font-weight:300}
.story{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(360px,.78fr);gap:7.5vw;align-items:center;padding:108px 0 120px}
.story figure{margin:0;overflow:hidden;background:#e8e5df}.story figure img{display:block;width:100%;height:auto}
.section-index{margin:0 0 25px;color:var(--muted);font-family:Arial,sans-serif;font-size:.69rem;letter-spacing:.22em}
.story h2,.belief h2,.approach h2,.studio-note h2{margin:0;font-weight:400;letter-spacing:.08em;line-height:1.5}
.story h2{font-size:clamp(1.8rem,3vw,2.7rem);margin-bottom:32px}
.story-copy>p:not(.section-index){margin:0 0 1.25em;color:#5f5b55;font-size:1rem;line-height:2.05;letter-spacing:.045em}
.story blockquote{margin:34px 0 0;padding:17px 0 17px 24px;border-left:2px solid var(--red);font-size:1.05rem;letter-spacing:.12em}
.belief{position:relative;overflow:hidden;padding:104px 8vw 98px;background:linear-gradient(90deg,rgba(31,29,26,.98) 0%,rgba(31,29,26,.92) 54%,rgba(31,29,26,.72) 100%),url("assets/projects/residential/qingcheng/02.jpg") center/cover no-repeat;color:#f7f7f5}
.belief-title{display:grid;grid-template-columns:160px 1fr;gap:5vw;align-items:start;padding-bottom:58px;border-bottom:1px solid rgba(255,255,255,.18)}
.belief .section-index{margin-top:12px;color:#a7a29a}.belief h2{font-family:"Noto Serif TC","Source Han Serif TC","Songti TC","PMingLiU",serif;font-size:clamp(2.05rem,3.55vw,3.5rem);font-weight:500;letter-spacing:.09em;line-height:1.55}.belief h2 span{display:block;white-space:nowrap}.belief h2 span:last-child{padding-left:1.4em;color:#e5ded4}
.belief-copy{display:grid;grid-template-columns:1fr 1fr;gap:5vw;padding:48px 0 0 210px}.belief-copy p{margin:0;color:#c9c5be;font-size:1rem;line-height:2.1;letter-spacing:.045em}
.wide-image{margin:120px 0 0}.wide-image img{display:block;width:100%;height:auto}
.approach{display:grid;grid-template-columns:.78fr 1.22fr;gap:9vw;padding:112px 0 120px}.approach h2{font-size:clamp(2rem,3.7vw,3.5rem)}
.approach-list{border-top:1px solid var(--line)}.approach-list article{display:grid;grid-template-columns:145px 1fr;gap:20px;align-items:start;padding:26px 0;border-bottom:1px solid var(--line)}
.approach-list h3{margin:0;font-size:1rem;font-weight:400;letter-spacing:.08em}.approach-list p{margin:0;color:#66615b;font-size:.93rem;line-height:1.85;letter-spacing:.035em}
.studio-note{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:7vw;align-items:center;padding:92px 0 104px;border-top:1px solid var(--line)}
.studio-note figure{margin:0;overflow:hidden;background:#e8e5df}.studio-note figure img{display:block;width:100%;height:auto}.studio-note-copy>p:first-child{margin:0 0 22px;color:var(--muted);font-family:Arial,sans-serif;font-size:.69rem;letter-spacing:.22em}.studio-note h2{font-family:"Noto Serif TC","Source Han Serif TC","Songti TC","PMingLiU",serif;font-size:clamp(1.75rem,2.7vw,2.65rem);font-weight:500;letter-spacing:.08em;line-height:1.65}.studio-note-copy>span{display:block;width:56px;height:1px;margin:30px 0;background:var(--red)}.studio-note-copy>p:last-child{max-width:560px;margin:0;color:#5f5b55;font-size:1rem;line-height:2.05;letter-spacing:.045em}
@media(max-width:760px){.about-main{width:calc(100% - 40px);padding-top:48px}.about-heading{padding-bottom:36px}.about-heading h1{font-size:2rem;letter-spacing:.09em}.about-heading h1 span{display:block;margin:8px 0 0;font-size:.5em;letter-spacing:.17em;vertical-align:0}.about-heading>span{font-size:2.4rem}.story{display:block;padding:62px 0 72px}.story-copy{padding-top:38px}.story h2{font-size:1.85rem}.story-copy>p:not(.section-index),.belief-copy p,.studio-note-copy>p:last-child{font-size:.95rem;line-height:1.9}.belief{margin-left:-20px;margin-right:-20px;padding:66px 20px;background:linear-gradient(180deg,rgba(31,29,26,.94),rgba(31,29,26,.86)),url("assets/projects/residential/qingcheng/02.jpg") center/cover no-repeat}.belief-title{display:block;padding-bottom:36px}.belief .section-index{margin-top:0}.belief h2{font-size:clamp(1.72rem,8vw,2rem);letter-spacing:.055em}.belief h2 span:last-child{padding-left:.45em}.belief-copy{display:block;padding:34px 0 0}.belief-copy p+p{margin-top:1.25em}.wide-image{margin:72px 0 0}.approach{display:block;padding:72px 0}.approach-title{margin-bottom:40px}.approach h2{font-size:2rem}.approach-list article{grid-template-columns:1fr;gap:12px}.studio-note{display:block;padding:64px 0 72px}.studio-note-copy{padding-top:36px}.studio-note h2{font-size:1.65rem;line-height:1.65}}