/* TEXT catalogue follows the supplied dark editorial layout. */
.text-panel{color:#aaa}
.about-grid .about-reveal{opacity:1;transform:translate3d(0,0,0);transition:opacity .65s ease var(--about-delay,0ms),transform .8s cubic-bezier(.16,1,.3,1) var(--about-delay,0ms)}
.about-grid .about-reveal.about-pending{opacity:0;transform:translate3d(0,32px,0);transition:none}
@media(prefers-reduced-motion:reduce){.about-grid .about-reveal{transition:none}.about-grid .about-reveal.about-pending{opacity:1;transform:none}}
.text-panel::before{background:#181818}
.text-panel-inner{padding:150px 4.7% 0}
.text-intro{display:flex;justify-content:space-between;align-items:start;padding:20px 0 74px;gap:50px}
.text-intro h2{font-size:clamp(25px,2.8vw,42px);font-weight:400;line-height:1.4;letter-spacing:0;margin:0;color:#ddd}
.project-filters{width:15%;display:flex;flex-direction:column;align-items:start;gap:5px}
.project-filters button{background:none;border:0;padding:0;color:#666;font-size:10px;line-height:1.5}
.project-filters button.active,.project-filters button:hover{color:#ddd}
.text-work-head,.text-project-row{grid-template-columns:1.05fr .92fr .92fr 2.1fr;gap:28px}
.text-work-head{border-color:#777;font-size:11px;letter-spacing:0;padding-bottom:16px}
.text-project-row{padding:20px 0;min-height:86px;border-color:#777;align-items:start}
.text-project-name{display:block}.text-project-name h3{font-size:17px;color:#aaa;font-weight:400;line-height:1.5}.text-project-name small{display:block;font-size:9px;color:#666;margin-top:4px}
.text-project-row>p{font-size:10px;line-height:1.9;color:#999}
.text-project-row[hidden]{display:none}
.filter-empty{padding:50px 0;color:#777;font-size:13px}
.text-footer{margin:300px -5.19% 0}.text-footer footer{padding-top:70px}
@media(hover:hover){.text-project-row:hover{background:#202020}}
/* ABOUT: narrow information rail and two-column team portraits. */
.about{background:#fff;color:#202020;padding:180px 14% 180px;z-index:22}
.about .close{position:fixed;color:#222;right:5%;top:95px;font-size:25px}
.about-grid{display:grid;grid-template-columns:1fr 3.75fr;column-gap:clamp(60px,12vw,210px);row-gap:55px;max-width:1100px;margin:auto}
.about-symbol{font-size:78px;line-height:1.1}.about-grid h1{font-size:clamp(45px,5.9vw,92px);font-weight:400;line-height:1.15;letter-spacing:-.04em;margin:0}
.about-contact,.about-copy,.about-team-label,.team-grid,.about-services-label,.service-grid{border-top:3px solid #222;padding-top:26px}
.about-contact h2{font-size:18px;font-weight:400;margin:0 0 15px}.about .about-contact p{font-size:13px;line-height:1.45;margin:0 0 18px}.about .about-copy p{font-size:clamp(14px,1.4vw,19px);line-height:1.65;margin:0 0 20px}
.about-team-label,.about-services-label{font-size:18px;line-height:1.5}
.team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:65px 12px}
.team-photo{aspect-ratio:1;background:#292929;width:100%;overflow:hidden}.team-photo img{width:100%;height:100%;object-fit:cover;display:block}
.team-member h3{font-size:17px;font-weight:400;margin:24px 0 8px}.about .team-member p{font-size:16px;line-height:1.5;margin:0}
.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 30px}.service-grid span{font-size:60px;line-height:1}.about .service-grid p{font-size:16px;line-height:1.4;margin:8px 0 0}.service-grid small{font-size:11px;color:#888}
@media(max-width:900px){.about{padding:150px 8% 100px}.about-grid{column-gap:60px;grid-template-columns:1fr 3fr}.text-work-head,.text-project-row{gap:18px;grid-template-columns:1.2fr .8fr 1fr 1.6fr}.service-grid{gap:25px 16px}.service-grid span{font-size:44px}}
@media(max-width:600px){.text-panel-inner{padding:110px 6% 0}.text-intro{padding:20px 0 45px;gap:20px}.text-intro h2{font-size:23px}.project-filters{width:auto;min-width:30px}.text-work-head{grid-template-columns:1.3fr 1fr}.text-work-head span:nth-child(3),.text-work-head span:nth-child(4){display:none}.text-project-row{grid-template-columns:1.3fr 1fr;gap:12px 16px;padding:22px 0}.text-project-name h3{font-size:15px}.text-project-row .project-summary{grid-column:1/-1}.text-project-row>p{font-size:11px}.text-footer{margin:120px -6.82% 0}.about{padding:120px 6% 80px}.about-grid{grid-template-columns:1fr;gap:28px}.about-symbol{font-size:42px}.about-grid h1{font-size:54px;grid-row:1}.about-symbol{display:none}.about-contact{display:flex;gap:20px;align-items:baseline;flex-wrap:wrap}.about-contact h2{width:100%}.about .about-copy p{font-size:14px}.about-team-label,.about-services-label{font-size:14px}.team-grid{gap:36px 12px;border-top:0;padding-top:0}.team-member h3{font-size:14px;margin-top:16px}.about .team-member p{font-size:12px}.service-grid{border-top:0;padding-top:0;gap:28px 14px}.service-grid span{font-size:40px}.about .service-grid p{font-size:12px}.service-grid small{font-size:9px}}