/* Scoped to About, Brands Index and Careers; approved homepage and brand pages are untouched. */
.editorial-lock main{overflow-wrap:break-word}
.editorial-lock main>section{min-width:0}
.editorial-lock .about-opening,.editorial-lock .brands-opening{padding-top:76px;padding-bottom:88px}
.about-lock .about-opening h1{max-width:1150px}
.about-lock .about-opening-end{align-items:start;gap:64px;margin-top:42px}
.about-lock .company-introduction{max-width:790px;min-width:0}
.about-lock .company-introduction p{max-width:none;font-size:19px;line-height:1.7}
.about-lock .company-introduction p+p{margin-top:23px}
.about-lock .about-opening-end>.text-link{margin-top:8px;min-height:44px;display:inline-flex;align-items:center}
.company-history{padding:94px 5%;background:#1b1d17;display:grid;grid-template-columns:.85fr 1.15fr;gap:72px}
.company-history>div{max-width:720px;min-width:0}
.company-history p{font-size:18px;line-height:1.75;color:#b4b9ac}
.company-history p+p{margin-top:23px}
.company-history .text-link{display:inline-flex;align-items:center;min-height:44px;margin-top:27px}
.about-lock .about-technology{grid-template-columns:.85fr 1.15fr;gap:72px;padding:88px 5%;align-items:start}
.about-lock .about-technology p{margin-top:0;max-width:710px;font-size:18px;line-height:1.75}
.about-lock .person{min-width:0}
.about-lock .person h4{font-weight:500;line-height:1.4}
.about-lock .person p{min-height:40px;font-size:13px}
.person-link{font-size:12px;color:#bbc1b2;display:inline-flex;align-items:center;gap:5px;min-height:44px;min-width:74px;margin-top:6px;text-underline-offset:4px}
.person-link:hover{text-decoration:underline;color:var(--warm)}
.brands-lock .brands-opening h1{max-width:1100px;font-size:clamp(44px,6.2vw,92px);line-height:1.1}
.brands-lock .brands-opening-bottom{display:block;margin-top:38px}
.brands-lock .brands-opening-bottom p{max-width:880px;font-size:19px;line-height:1.7}
.brands-lock .index-portfolio{padding:64px 5% 86px}
.portfolio-identity-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:38px 24px;align-items:stretch}
.portfolio-identity-card{display:flex;flex-direction:column;min-width:0;padding:20px 20px 24px;background:#ebebe2;border-radius:0}
.portfolio-mark{height:174px;display:flex;align-items:center;justify-content:center;min-width:0;margin-bottom:23px}
.portfolio-mark img{width:min(var(--portfolio-logo),100%);height:auto;max-height:162px;object-fit:contain}
.portfolio-identity-copy{display:flex;flex-direction:column;flex:1;min-width:0}
.portfolio-identity-copy h2{font-size:21px!important;font-weight:550;line-height:1.25!important;letter-spacing:-.025em;margin:0}
.portfolio-identity-copy .brand-category{font-size:13px;line-height:1.6;color:#595f4e;letter-spacing:0;margin:11px 0 20px}
.portfolio-identity-copy .brand-explore{margin-top:auto;padding-top:6px;display:inline-flex;align-items:center;min-height:44px;width:fit-content;color:var(--black)}
.brands-lock .portfolio-close{padding-top:76px;padding-bottom:82px}
.careers-lock .careers-work{padding:92px 5% 102px}
.careers-lock .careers-work .section-intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;margin-bottom:62px}
.careers-lock .careers-work .section-intro h2{max-width:620px}
.careers-lock .careers-work .section-intro p{max-width:650px;font-size:18px;line-height:1.75}
.work-area-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 36px}
.work-area{padding-top:23px;border-top:1px solid #62685b;min-width:0}
.work-area-number{display:block;font-size:12px;color:var(--accent);letter-spacing:.04em;margin-bottom:27px}
.work-area h3{font-size:25px;line-height:1.25;font-weight:500;margin-bottom:18px;max-width:320px}
.work-area p{font-size:16px;line-height:1.7;color:#b4b9ac;max-width:350px}
.editorial-lock :focus-visible{outline:3px solid var(--accent);outline-offset:5px}
.brands-lock .index-portfolio :focus-visible,.about-lock .about-technology :focus-visible{outline-color:var(--black)}
@media(max-width:1199px){.portfolio-identity-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px){
 .about-lock .about-opening-end{flex-direction:column;gap:23px}
 .company-history,.about-lock .about-technology{gap:42px;grid-template-columns:.8fr 1.2fr}
 .careers-lock .careers-work .section-intro{grid-template-columns:1fr;gap:28px}
 .careers-lock .careers-work .section-intro p{max-width:790px}
 .work-area-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:37px 30px}
}
@media(max-width:900px){.portfolio-identity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){
 .editorial-lock .about-opening,.editorial-lock .brands-opening{padding:49px 6% 62px}
 .about-lock .about-opening h1,.brands-lock .brands-opening h1{font-size:clamp(36px,10.8vw,44px);line-height:1.13;letter-spacing:-.04em}
 .about-lock .about-opening-end{margin-top:30px;gap:23px}
 .about-lock .company-introduction p,.brands-lock .brands-opening-bottom p{font-size:17px;line-height:1.7}
 .about-lock .company-introduction p+p{margin-top:21px}
 .about-lock .about-opening-end>.text-link{white-space:normal;margin-top:0}
 .company-history,.about-lock .about-technology{grid-template-columns:1fr;gap:28px;padding:64px 6%}
 .company-history p,.about-lock .about-technology p{font-size:17px;line-height:1.7}
 .about-lock .person h4{font-size:16px}
 .about-lock .person p{font-size:12px;min-height:54px}
 .person-link{font-size:12px;margin-top:2px}
 .about-lock .people-grid{gap:33px 18px}
 .brands-lock .brands-opening-bottom{margin-top:28px}
 .brands-lock .index-portfolio{padding:38px 6% 56px}
 .portfolio-identity-grid{grid-template-columns:1fr;gap:22px}
 .portfolio-identity-card{padding:22px 25px 20px}
 .portfolio-mark{height:152px;margin-bottom:20px}
 .portfolio-mark img{max-height:140px}
 .portfolio-identity-copy h2{font-size:22px!important}
 .portfolio-identity-copy .brand-category{font-size:14px;margin:10px 0 15px}
 .portfolio-identity-copy .brand-explore{font-size:14px}
 .brands-lock .portfolio-close{padding:60px 6%}
 .careers-lock .careers-work{padding:64px 6% 70px}
 .careers-lock .careers-work .section-intro{gap:26px;margin-bottom:42px}
 .careers-lock .careers-work .section-intro p{font-size:17px;line-height:1.7;margin-top:0}
 .work-area-grid{grid-template-columns:1fr;gap:31px}
 .work-area{padding-top:20px}
 .work-area-number{margin-bottom:19px}
 .work-area h3{font-size:25px;margin-bottom:14px;max-width:none}
 .work-area p{max-width:none;font-size:16px}
}
@media(max-width:359px){.about-lock .people-grid{grid-template-columns:1fr}.about-lock .person p{min-height:0}.about-lock .person{max-width:270px}.portfolio-identity-card{padding-inline:18px}}
