@charset "UTF-8";
@font-face{font-family:AboutV9Numbers;src:url('../assets/quiet/fonts/numbers-about-v9.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:AboutV9Serif;src:url('../assets/quiet/fonts/serif-about-v9.woff') format('woff');font-weight:600;font-display:swap}
@font-face{font-family:AboutV9Sans;src:url('../assets/quiet/fonts/sans-about-v9.woff') format('woff');font-weight:400;font-display:swap}
.about-v9{--u:calc(100vw / 1536);--serif:AboutV9Serif,'Songti SC',serif;--sans:AboutV9Sans,'PingFang SC','Microsoft YaHei',sans-serif}
.about-v9 .desktop-nav [aria-current=page]{text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:1px}
.v9-scene{position:relative;height:calc(1024 * var(--u));overflow:hidden;isolation:isolate}
.v9-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}
.v9-label{display:flex;align-items:center;gap:calc(20 * var(--u));color:#766858}
.v9-hero{color:var(--paper);background:var(--ink)}
.v9-hero-copy{position:absolute;left:6.25%;top:20%;width:50%}
.v9-hero .v9-label{color:var(--paper)}
.v9-hero h1{margin-top:calc(28 * var(--u))}
.v9-hero-intro{margin-top:calc(24 * var(--u))}
.v9-hero .button{margin-top:calc(28 * var(--u))}
.v9-hero-signature{position:absolute;right:2%;bottom:10.3%;text-align:right;color:var(--ink)}
.v9-index{position:absolute;bottom:0;left:0;right:0;height:6.1%;display:flex;justify-content:space-around;align-items:center;background:var(--paper);color:#89796a}
.v9-index a{padding:15px 20px;min-height:44px;display:flex;align-items:center}
.v9-index a:hover{color:var(--ink)}
.v9-story{background:var(--paper)}
.v9-story-main{position:absolute;left:0;top:0;width:57.55%;height:93.75%;object-fit:cover;object-position:center}
.v9-story-copy{position:absolute;left:61.3%;top:6.8%;right:3.2%}
.v9-story h2{margin-top:calc(25 * var(--u))}
.v9-story-prose{margin-top:calc(28 * var(--u))}
.v9-story-prose p+p{margin-top:calc(27 * var(--u))}
.v9-story-records{position:absolute;left:59%;top:53%;width:34.5%;height:35.5%;object-fit:cover}
.v9-story-petal{position:absolute;right:-8%;top:45%;width:17%;height:auto;opacity:.24;z-index:-1}
.v9-story-petal img{width:100%}
.v9-story-quote{position:absolute;left:31.3%;top:67.4%;width:30.3%;min-height:20.1%;margin:0;display:flex;align-items:center;gap:calc(27 * var(--u));padding:calc(32 * var(--u)) calc(40 * var(--u));background:var(--paper)}
.v9-story-quote>img{width:calc(61 * var(--u));height:calc(90 * var(--u));flex:none;filter:invert(59%) sepia(20%) saturate(717%) hue-rotate(357deg) brightness(96%) contrast(89%)}
.v9-story-quote p{white-space:nowrap}
.v9-story-link{position:absolute;right:4.7%;bottom:5.3%}
.v9-principles{background:var(--ink);color:var(--paper)}
.v9-principles-heading{position:absolute;left:5%;top:2.7%;width:55%}
.v9-module-logo{width:calc(210 * var(--u));margin-left:calc(-14 * var(--u))}
.v9-principles .v9-module-logo img{filter:brightness(0) invert(95%)}
.v9-principles .v9-label{color:var(--paper);margin-top:calc(20 * var(--u))}
.v9-principles h2{margin-top:calc(17 * var(--u));white-space:nowrap}
.v9-principles-note{position:absolute;left:5%;bottom:6%}
.v9-principles-panel{position:absolute;left:61%;top:5.85%;right:2%;bottom:0;list-style:none;margin:0;padding:calc(60 * var(--u)) calc(60 * var(--u)) calc(60 * var(--u)) calc(98 * var(--u));background:var(--paper);color:var(--ink);display:flex;flex-direction:column;justify-content:space-between;gap:calc(25 * var(--u))}
.v9-number{color:#a28a62;display:block}
.v9-principles-panel h3{margin-top:calc(5 * var(--u))}
.v9-en{color:#8b7b6d}
.v9-principle-description{margin-top:calc(24 * var(--u))}
.v9-team{background:var(--paper)}
.v9-team-heading{position:absolute;top:2.2%;left:5.2%;right:0}
.v9-module-heading{display:flex;align-items:center;gap:calc(33 * var(--u))}
.v9-team-heading h2{margin-top:calc(16 * var(--u))}
.v9-team-intro{position:absolute;left:57%;top:14%;right:4%}
.v9-team-main{position:absolute;left:0;top:29.8%;width:65.2%;height:65.75%;object-fit:cover}
.v9-team-petal{position:absolute;top:21.8%;right:.8%;width:9%;z-index:-1}
.v9-team-panel{position:absolute;left:65%;top:28%;right:3.2%;bottom:3.5%;padding:calc(34 * var(--u)) calc(37 * var(--u));background:var(--mist)}
.v9-team-tablet{width:100%;aspect-ratio:1.63;object-fit:cover}
.v9-practice-list{margin-top:calc(23 * var(--u))}
.v9-practice-list article+article{margin-top:calc(19 * var(--u))}
.v9-practice-list p{margin-top:calc(5 * var(--u));white-space:nowrap}
.v9-team-panel .text-link{margin-top:calc(32 * var(--u));white-space:nowrap}
.v9-careers{position:relative;height:calc(713 * var(--u));isolation:isolate;overflow:hidden;background:var(--paper)}
.v9-careers-copy{position:absolute;left:7.3%;top:11.2%;width:40%}
.v9-careers h2{margin-top:calc(39 * var(--u))}
.v9-careers-intro{margin-top:calc(29 * var(--u))}
.v9-careers .button{margin-top:calc(35 * var(--u));min-width:calc(250 * var(--u))}
.v9-career-directions{position:absolute;left:54.6%;right:4%;top:56%}
.v9-career-directions ol{list-style:none;padding:0;margin:0}
.v9-career-directions li{display:flex;align-items:center;gap:calc(22 * var(--u));min-height:calc(80 * var(--u))}
.v9-career-directions .v9-number{width:calc(53 * var(--u));flex:none}
.v9-role-link{display:flex;align-items:center;gap:calc(18 * var(--u));min-height:44px}
.v9-role-link:hover{text-decoration:underline;text-underline-offset:7px}
.v9-role-link .arrow{width:calc(25 * var(--u));height:calc(25 * var(--u))}
.v9-career-directions>p{color:#96816c;margin-top:calc(18 * var(--u))}
@media(min-width:1101px){.v9-story-main{clip-path:url(#story-curve)}.v9-hero h1{margin-top:calc(20 * var(--u))}.v9-hero-intro{margin-top:calc(18 * var(--u))}.v9-hero .button{margin-top:calc(25 * var(--u))}.v9-story-prose{margin-top:calc(20 * var(--u))}.v9-careers-intro{margin-top:calc(20 * var(--u))}.v9-career-directions{top:54.5%}}

@media(max-width:1100px){
.about-v9{--u:calc(100vw / 1100)}.v9-label{gap:15px}.v9-scene{height:auto;min-height:0}.v9-hero{height:800px}.v9-hero-copy{top:22%;width:60%}.v9-hero h1{margin-top:25px}.v9-hero-intro{margin-top:25px}.v9-hero-signature{bottom:12%}.v9-index{height:65px}.v9-hero .v9-background{object-position:42% center}
.v9-story{display:grid;grid-template-columns:53% 40%;gap:5%;padding:65px 3% 65px 0;min-height:870px}.v9-story-main{position:relative;grid-column:1;grid-row:1/4;top:auto;width:100%;height:680px}.v9-story-copy{position:relative;left:auto;top:auto;right:auto;grid-column:2}.v9-story h2{margin-top:20px}.v9-story-prose{margin-top:25px}.v9-story-records{position:relative;left:auto;top:auto;width:100%;height:230px;grid-column:2;margin-top:8px}.v9-story-quote{left:24%;top:auto;bottom:88px;width:42%;min-height:150px;padding:25px;gap:18px}.v9-story-quote>img{width:42px;height:60px}.v9-story-link{position:relative;right:auto;bottom:auto;grid-column:2;text-align:right;padding-top:8px}.v9-story-petal{top:45%;width:20%}
.v9-principles{min-height:950px}.v9-principles .v9-background{object-position:35% center}.v9-principles-heading{left:5%;top:25px;width:50%}.v9-module-logo{width:190px;margin-left:-15px}.v9-principles h2{white-space:normal;margin-top:20px}.v9-principles .v9-label{margin-top:22px}.v9-principles-panel{left:55%;right:3%;top:55px;padding:45px 32px;gap:35px}.v9-principle-description{margin-top:22px}.v9-principles-note{left:5%;bottom:45px}
.v9-team{min-height:960px}.v9-team-heading{top:25px}.v9-team-heading h2{margin-top:25px}.v9-module-heading{gap:20px}.v9-team-intro{top:145px;left:58%;right:4%}.v9-team-main{top:300px;height:600px;width:64%}.v9-team-panel{top:285px;bottom:35px;left:61%;right:3%;padding:25px}.v9-practice-list{margin-top:28px}.v9-practice-list p{white-space:normal}.v9-practice-list article+article{margin-top:24px}.v9-team-panel .text-link{margin-top:30px;white-space:normal}.v9-team-petal{top:230px;right:1%;width:11%}
.v9-careers{height:730px}.v9-careers .v9-background{object-fit:cover;object-position:center}.v9-careers-copy{left:6%;width:43%;top:60px}.v9-careers h2{margin-top:30px}.v9-careers-intro{margin-top:26px}.v9-careers-intro br{display:none}.v9-career-directions{top:54%;left:55%;right:4%}.v9-career-directions li{gap:14px;min-height:80px}.v9-career-directions .v9-number{width:40px}.v9-role-link{gap:12px}.v9-role-link .arrow{width:20px;height:20px}.v9-career-directions>p{margin-top:22px}
}
@media(max-width:700px){
.about-v9{--u:1px}.v9-label{gap:12px;flex-wrap:wrap}.v9-hero{height:790px}.v9-hero .v9-background{object-position:16% center}.v9-hero-copy{top:165px;left:24px;right:24px;width:auto}.v9-hero h1{margin-top:23px}.v9-hero-intro{margin-top:25px}.v9-hero .button{margin-top:28px}.v9-hero-signature{bottom:64px;left:0;right:0;text-align:right;background:var(--paper);padding:22px 24px 19px}.v9-index{height:65px;justify-content:space-between;padding:0 22px}.v9-index a{padding:15px 0}
.v9-story{display:flex;flex-direction:column;gap:0;padding:54px 24px 50px;min-height:0}.v9-story-copy{order:0}.v9-story h2{margin-top:22px}.v9-story-prose{margin-top:25px}.v9-story-prose p+p{margin-top:20px}.v9-story-main{order:1;height:460px;width:calc(100% + 24px);margin:30px 0 0 -24px;object-position:center 42%}.v9-story-quote{position:relative;order:2;left:auto;bottom:auto;top:auto;min-height:115px;width:96%;align-self:flex-end;margin:-65px -8px 0 0;padding:22px 20px;gap:16px;z-index:2}.v9-story-quote p{white-space:normal}.v9-story-quote>img{width:38px;height:53px}.v9-story-records{order:3;width:84%;height:auto;aspect-ratio:1.46;align-self:flex-end;margin-top:24px}.v9-story-link{order:4;margin-top:17px;padding:0}.v9-story-petal{top:auto;bottom:100px;right:auto;left:-55px;width:200px;opacity:.13}
.v9-principles{min-height:0;padding-top:530px;padding-bottom:35px}.v9-principles .v9-background{height:575px;object-position:28% center}.v9-principles-heading{top:25px;left:24px;width:calc(100% - 48px)}.v9-module-logo{width:160px;margin-left:-12px}.v9-principles .v9-label{margin-top:20px}.v9-principles h2{margin-top:18px}.v9-principles-note{position:relative;left:auto;bottom:auto;order:2;margin:26px 24px 0}.v9-principles{display:flex;flex-direction:column}.v9-principles-panel{position:relative;left:auto;right:auto;top:auto;bottom:auto;order:1;margin:0 20px;padding:35px 29px;gap:34px}.v9-principles-panel h3{margin-top:5px}.v9-principle-description{margin-top:19px}
.v9-team{min-height:0;padding:45px 24px 50px;display:flex;flex-direction:column}.v9-team-heading{position:relative;left:auto;right:auto;top:auto}.v9-module-heading{flex-wrap:wrap;gap:13px}.v9-team-heading .v9-module-logo{display:none}.v9-team-heading h2{margin-top:24px}.v9-team-intro{position:relative;left:auto;right:auto;top:auto;margin-top:24px}.v9-team-intro br{display:none}.v9-team-main{position:relative;left:auto;top:auto;width:calc(100% + 48px);max-width:none;height:300px;margin:30px -24px 0;object-position:45% center}.v9-team-panel{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:92%;align-self:flex-end;margin-top:-24px;margin-right:-8px;padding:24px;z-index:1}.v9-team-tablet{aspect-ratio:1.63}.v9-practice-list{margin-top:25px}.v9-practice-list article+article{margin-top:24px}.v9-team-panel .text-link{margin-top:28px;gap:10px}.v9-team-petal{top:auto;bottom:300px;left:-35px;right:auto;width:180px;opacity:.15}
.v9-careers{height:auto;min-height:0;display:flex;flex-direction:column;padding:50px 24px 45px}.v9-careers .v9-background{height:100%;object-fit:cover;object-position:left center;opacity:.19}.v9-careers-copy{position:relative;left:auto;top:auto;width:100%}.v9-careers h2{margin-top:24px}.v9-careers-intro{margin-top:24px}.v9-careers .button{margin-top:27px;min-width:0}.v9-career-directions{position:relative;left:auto;right:auto;top:auto;margin-top:42px}.v9-career-directions li{min-height:85px;gap:18px}.v9-career-directions .v9-number{width:40px}.v9-role-link{gap:14px;flex:1;justify-content:space-between}.v9-role-link .arrow{width:19px;height:19px}.v9-career-directions>p{margin-top:20px}
}
@media(max-width:370px){.v9-story-quote{padding:20px 16px;gap:13px}}
@media(min-width:701px) and (max-width:1100px){.v9-careers .v9-background{opacity:.12}.v9-careers:after{content:"";position:absolute;top:0;right:0;width:53.5%;height:330px;background:url('../assets/quiet/about-v9/careers-bg.webp') right top/auto 190% no-repeat;z-index:-1}.v9-careers-copy{width:38.5%}}

/* Typography follows the approved home-v8 hierarchy; geometry stays module-specific.
   Same Source Han font sources, extended glyph subsets for the about-page copy. */
.about-v9 h1{font-size:clamp(42px,4.2vw,64px);line-height:1.38;letter-spacing:-.04em}
.about-v9 h2{font-size:clamp(34px,3.7vw,56px);line-height:1.42;letter-spacing:-.025em}
.v9-hero h1{margin-top:30px}
.v9-hero-intro{font-size:18px;line-height:1.95;margin-top:27px}
.v9-hero .button{margin-top:30px}
.v9-label{font-size:15px;line-height:1.6;letter-spacing:.06em;gap:18px}
.v9-label span{font:400 17px/1.6 var(--latin);letter-spacing:.03em}
.v9-hero-signature>p{font:600 34px/1.6 var(--serif)}
.v9-hero-signature>span{font:14px/1.6 var(--latin);letter-spacing:.06em}
.v9-index{font-size:13px;line-height:1.7;letter-spacing:.06em}
.v9-story h2,.v9-principles h2,.v9-team-heading h2,.v9-careers h2{margin-top:22px}
.v9-story-prose{font-size:17px;line-height:1.9;margin-top:36px}
.v9-story-prose p+p{margin-top:25px}
.v9-story-quote p{font:600 clamp(20px,1.9vw,28px)/1.5 var(--serif)}
.v9-principles-note{font-size:16px;line-height:1.85}
.v9-principles-note span{font:14px/1.6 var(--latin)}
.v9-number{font:400 40px/1.1 AboutV9Numbers,Georgia,serif;font-variant-numeric:lining-nums}
.v9-principles-panel h3,.v9-practice-list h3{font-size:25px;line-height:1.4}
.v9-en{font:16px/1.5 var(--latin);margin-top:5px}
.v9-principle-description{font-size:16px;line-height:1.85;margin-top:20px}
.v9-team-intro{font-size:17px;line-height:1.9}
.v9-practice-list p{font-size:16px;line-height:1.8;margin-top:12px;white-space:normal}
.v9-practice-list article+article{margin-top:24px}
.v9-team-panel .text-link{font-size:14px;gap:12px;margin-top:26px}
.v9-careers-intro{font-size:18px;line-height:1.9;margin-top:28px}
.v9-careers .button{margin-top:30px;min-width:0}
.v9-role-link{font-size:17px;line-height:1.7}
.v9-career-directions>p{font-size:14px;line-height:1.8;margin-top:20px}
@media(min-width:1101px){.v9-story,.v9-team{min-height:940px}}
@media(max-width:1200px){
.about-v9 h1{font-size:48px}.about-v9 h2{font-size:40px}
.v9-hero-intro{font-size:16px}.v9-hero .button{font-size:14px;padding-inline:21px}
.v9-hero-signature>p{font-size:28px}
.v9-story-prose{font-size:16px;margin-top:25px}
.v9-principles-panel h3,.v9-practice-list h3{font-size:22px}
.v9-team-intro,.v9-practice-list p,.v9-principle-description{font-size:15px}
.v9-careers-intro{font-size:16px}
}
@media(max-width:1000px){
.about-v9 h2{font-size:34px}.v9-story h2{font-size:clamp(28px,3.5vw,34px)}
.v9-story-prose{font-size:14px}.v9-story-quote p{font-size:22px}
.v9-principles-panel h3,.v9-practice-list h3{font-size:22px}
.v9-role-link{font-size:16px}.v9-careers h2{font-size:32px}
.v9-label{font-size:13px;gap:12px}.v9-label span{font-size:15px}
}
@media(max-width:700px){
.about-v9 h1{font-size:34px;line-height:1.5;letter-spacing:-.05em}
.about-v9 h2{font-size:32px;line-height:1.45}
.v9-hero h1{margin-top:22px}.v9-hero-copy{top:160px;left:var(--gutter);right:var(--gutter)}
.v9-hero-intro{font-size:14px;line-height:1.95;margin-top:24px;max-width:335px}
.v9-hero .button{padding:15px 22px;margin-top:28px}
.v9-hero-signature>p{font-size:23px}.v9-hero-signature>span{font-size:10px}
.v9-label{font-size:12px;gap:13px}.v9-label span{font-size:14px}
.v9-index{font-size:12px;letter-spacing:0}
.v9-story h2,.v9-team-heading h2,.v9-careers h2{margin-top:20px}
.v9-story-prose{font-size:15px;line-height:1.85;margin-top:24px}
.v9-story-prose p+p{margin-top:18px}.v9-story-quote p{font-size:21px;line-height:1.6}
.v9-number{font-size:32px}.v9-en{font-size:14px}
.v9-principles-panel h3,.v9-practice-list h3{font-size:21px;line-height:1.4}
.v9-principle-description{font-size:14px;line-height:1.85;margin-top:18px}
.v9-team-intro{font-size:15px;line-height:1.85;margin-top:23px}
.v9-practice-list p{font-size:14px;line-height:1.8;margin-top:9px}
.v9-team-panel .text-link{font-size:13px;margin-top:24px}
.v9-careers-intro{font-size:15px;line-height:1.85;margin-top:20px}
.v9-careers .button{margin-top:26px}.v9-role-link{font-size:15px}
.v9-career-directions>p{font-size:12px}
}
@media(max-width:370px){
.about-v9 h1{font-size:30px}.about-v9 h2{font-size:28px}
.v9-hero-intro{font-size:13px}.v9-story-quote p{font-size:18px}
.v9-role-link{font-size:14px}
}

/* Keep the full navigation hit area inside the hero at narrow desktop widths. */
.v9-index{min-height:56px}
@media(min-width:1101px) and (max-width:1250px){.v9-hero-signature{bottom:9%}.v9-hero-signature>p{font-size:25px}.v9-hero-signature>span{font-size:12px}}

/* The signature shares the content rail, but stays below the photo curve. */
@media(min-width:701px){
 .v9-hero-signature{bottom:calc(max(6.1%,56px) + 24px)}
 .v9-hero-signature>p{font-size:28px;line-height:1.5;letter-spacing:0}
 .v9-hero-signature>span{display:block;margin-top:8px;font-size:12px;line-height:1.6;letter-spacing:.06em}
}
@media(min-width:701px) and (max-width:1100px){
 .v9-hero-signature{bottom:89px}
 .v9-hero-signature>p{font-size:24px}
}
@media(min-width:1101px) and (max-width:1439px){
 .v9-hero-signature{bottom:calc(max(6.1%,56px) + 16px)}
 .v9-hero-signature>p{font-size:24px}
}
/* Tablet photo cropping removes the curved safe area: give the signature its own band. */
@media(min-width:701px) and (max-width:1100px){
 .about-v9 .v9-hero-signature{left:0;right:0;bottom:65px;padding:16px var(--gutter);background:var(--paper)}
}
@media(min-width:1101px) and (max-width:1250px){
 .about-v9 .v9-hero-signature{left:0;right:0;bottom:max(6.1%,56px);padding:16px var(--gutter);background:var(--paper)}
}

/* Quiet chapter tabs: warm surfaces and the existing brand petal. */
.about-v9 .v9-index{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.about-v9 .v9-index a{min-width:0;min-height:44px;padding:8px 20px;gap:14px;border-radius:24px 4px 24px 4px;background:#e8dfd333;color:var(--ink);transition:background .2s,color .2s}
.v9-index-number{font:400 11px/1.5 var(--sans);letter-spacing:.06em;color:var(--muted)}
.v9-index-title{font:600 15px/1.6 var(--serif);letter-spacing:.04em}
.v9-index-petal{width:14px;height:20px;margin-left:auto;opacity:.35;transition:opacity .2s,transform .2s}
.about-v9 .v9-index a:hover,.about-v9 .v9-index a:focus-visible{background:#e8dfd3;color:var(--ink)}
.about-v9 .v9-index a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.v9-index a:hover .v9-index-petal,.v9-index a:focus-visible .v9-index-petal{opacity:.8;transform:rotate(-12deg)}
@media(max-width:1100px){
 .about-v9 .v9-index{gap:12px}
 .about-v9 .v9-index a{gap:10px;padding-inline:14px}
 .v9-index-title{font-size:14px}
}
@media(max-width:700px){
 .about-v9 .v9-index{gap:8px}
 .about-v9 .v9-index a{flex-direction:column;justify-content:center;gap:2px;min-height:52px;padding:5px 2px;border-radius:16px 3px 16px 3px}
 .v9-index-number{font-size:10px;line-height:14px}
 .v9-index-title{font-size:12px;line-height:20px;letter-spacing:0;white-space:nowrap}
 .v9-index-petal{display:none}
}

/* Let the three principles determine the section height instead of a viewport ratio. */
@media(min-width:701px){
 .about-v9 .v9-principles{height:auto;min-height:0;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:48px;padding:48px var(--layout-edge)}
 .about-v9 .v9-principles-heading{position:relative;inset:auto;width:auto;grid-column:1;grid-row:1;align-self:start}
 .about-v9 .v9-principles-note{position:relative;inset:auto;grid-column:1;grid-row:1;align-self:end;margin-top:400px}
 .about-v9 .v9-principles-panel{position:relative;inset:auto;grid-column:2;grid-row:1;margin:0;padding:36px;justify-content:flex-start;gap:32px}
 .v9-principles-panel>li{display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:18px;align-content:start}
 .v9-principles-panel .v9-number{grid-column:1;grid-row:1/4;font-size:32px;line-height:1.2}
 .v9-principles-panel h3{grid-column:2;margin-top:0}
 .v9-principles-panel .v9-en{grid-column:2;margin-top:4px}
 .v9-principles-panel .v9-principle-description{grid-column:2;margin-top:12px}
}
@media(min-width:701px) and (max-width:1000px){
 .about-v9 .v9-principles{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;padding-block:40px}
 .about-v9 .v9-principles-panel{padding:28px 24px;gap:28px}
 .v9-principles-panel>li{column-gap:12px;grid-template-columns:28px minmax(0,1fr)}
 .v9-principles-panel .v9-number{font-size:28px}
}
@media(max-width:700px){
 .about-v9 .v9-principles{padding-top:370px;padding-bottom:32px}
 .v9-principles .v9-background{height:415px}
 .about-v9 .v9-principles-panel{padding:28px 24px;gap:28px;justify-content:flex-start}
}
.v9-principles::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(30,23,17,.62),rgba(30,23,17,.30) 43%,transparent 68%)}
@media(max-width:700px){.v9-principles::after{height:415px;background:linear-gradient(180deg,rgba(30,23,17,.45),transparent)}}
@media(min-width:701px) and (max-width:1000px){.v9-principles h2{text-wrap:balance}}
@media(max-width:700px){.v9-principles::after{background:linear-gradient(180deg,rgba(30,23,17,.5),rgba(30,23,17,.45) 60%,transparent)}}