/* About section: two broad brand panels above a pattern and two text columns. */
.about-editorial { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); grid-template-rows:clamp(260px,28vw,430px) auto; background:#fff; color:rgb(var(--color-black)); border:1px solid rgb(var(--color-black)); scroll-margin-top:90px; }
.about-editorial-brand { grid-column:span 2; display:flex; flex-direction:column; justify-content:space-between; align-items:flex-start; padding:32px; border-right:1px solid rgb(var(--color-black)); border-bottom:1px solid rgb(var(--color-black)); overflow:hidden; }
.about-editorial-monogram { width:32px; height:48px; object-fit:contain; }
.about-editorial-wordmark { font-family:var(--font-display); font-size:clamp(64px,9.4vw,150px); font-weight:800; line-height:1; letter-spacing:-.075em; text-transform:none; margin:0; }
.about-editorial-wordmark span { color:rgb(var(--color-magenta)); }
.about-editorial-pattern { position:relative; overflow:hidden; min-width:0; background:rgb(var(--color-grey-50)); }
.about-editorial-pattern img { display:block; width:100%; height:100%; object-fit:cover; position:absolute; inset:0; }
.about-editorial-diagonal { display:block; position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.about-editorial-pattern-top { grid-column:span 2; border-bottom:1px solid rgb(var(--color-black)); }
.about-editorial-pattern-bottom { grid-column:span 2; border-right:1px solid rgb(var(--color-black)); min-height:390px; }
.about-editorial-pattern-bottom img { transform:rotate(180deg); }
.about-editorial-intro,.about-editorial-practice { padding:30px 26px; min-width:0; }
.about-editorial-intro { display:flex; flex-direction:column; align-items:flex-start; gap:48px; background:rgb(var(--color-black)); color:#fff; border-right:1px solid rgb(var(--color-black)); }
.about-editorial-intro>p,.about-editorial-lead { font:400 clamp(19px,1.65vw,27px)/1.4 var(--font-body); letter-spacing:-.035em; margin:0; }
.about-editorial-intro a { margin-top:auto; color:inherit; font:12px/1.5 var(--font-mono); text-transform:uppercase; text-decoration:none; padding:8px 0; border-bottom:1px solid currentColor; }
.about-editorial-intro a:hover { color:#ff7aa6; }
.about-editorial-practice { background:rgb(var(--color-magenta)); display:flex; flex-direction:column; gap:28px; }
.about-editorial-detail h3 { font:600 11px/1.5 var(--font-mono); text-transform:uppercase; margin:0 0 8px; }
.about-editorial-detail p { font:400 14px/1.55 var(--font-body); margin:0; }
@media(max-width:900px) { .about-editorial { grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:260px 240px auto; } .about-editorial-brand,.about-editorial-pattern-top { grid-column:span 1; } .about-editorial-wordmark { font-size:clamp(48px,9vw,80px); } .about-editorial-brand { padding:24px; } .about-editorial-pattern-bottom { grid-column:span 2; min-height:240px; border-right:0; border-bottom:1px solid rgb(var(--color-black)); } .about-editorial-intro,.about-editorial-practice { padding:28px 24px; } }
@media(max-width:520px) { .about-editorial { grid-template-columns:1fr; grid-template-rows:auto; } .about-editorial-brand { min-height:250px; border-right:0; } .about-editorial-wordmark { font-size:clamp(60px,17vw,88px); } .about-editorial-pattern-top { min-height:180px; } .about-editorial-pattern-bottom { display:none; } .about-editorial-intro { min-height:290px; border-right:0; border-bottom:1px solid rgb(var(--color-black)); } .about-editorial-intro>p,.about-editorial-lead { font-size:23px; } }