#tab-about .about-editorial{grid-template-columns:minmax(240px,30%) minmax(0,1fr);gap:clamp(20px,3.5vw,54px)}
#tab-about .about-editorial .about-portrait{border:1px solid #a38d69}
#tab-about .about-editorial .about-portrait>span{background:#173f3aeb;color:#fff5e5;text-shadow:none;left:16px;right:16px;top:16px;padding:12px 16px;letter-spacing:.04em;font-size:26px;border-left:3px solid #cf683c}
#tab-about .about-editorial .about-copy{display:block;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:4px 20px 20px 2px;scrollbar-color:#8e7654 #e3d7c0}
#tab-about .about-copy:focus-visible{outline:2px solid #a34428;outline-offset:2px}
#tab-about .about-story-heading{border-bottom:1px solid #b7a384;padding-bottom:20px;margin-bottom:22px}
#tab-about .about-story-heading .eyebrow{color:#75452f;font-size:12px;letter-spacing:.14em}
#tab-about .about-story-heading h3{font:700 clamp(32px,3.4vw,52px)/1.08 Affiche,sans-serif;color:#173f3a;margin:12px 0 0;max-width:760px;letter-spacing:0}
#tab-about .about-story-heading h3 em{display:block;font-style:normal;color:#a33d22;margin-top:5px}
#tab-about .about-editorial p{font:400 16px/1.7 Service,sans-serif;color:#263c35;max-width:780px;margin:0 0 17px}
#tab-about .about-story strong{font-weight:700;color:#173f3a}
#tab-about .about-editorial .about-principles{gap:clamp(20px,4vw,58px);padding:16px 0;margin:24px 0;border-color:#b7a384}
#tab-about .about-principles b{font-size:32px;color:#a33d22}
#tab-about .about-principles span{font-size:12px;color:#344b41}
#tab-about .about-creator{position:relative;background:#e7dcc6;border:1px solid #b7a384;border-left:4px solid #a33d22;padding:24px 28px;margin:0 0 20px}
#tab-about .about-creator .eyebrow{color:#72432d;font-size:12px}
#tab-about .about-creator h4{font:700 clamp(28px,2.5vw,38px)/1.1 Affiche,sans-serif;margin:7px 0;color:#173f3a}
#tab-about .about-creator-caption{display:block;font:600 14px/1.5 Service,sans-serif;color:#72432d;margin:0 0 20px}
#tab-about .about-creator p:last-child{margin-bottom:0}
#tab-about .about-editorial .about-fiction{font:400 13px/1.6 Service,sans-serif;color:#536052;opacity:1;padding-left:14px;border-left:2px solid #a99778;margin:0;max-width:740px}
@media(max-width:650px){
 #tab-about .about-editorial{display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;gap:22px;padding:0 4px 20px 0}
 #tab-about .about-editorial .about-portrait{flex:0 0 210px;min-height:210px;display:block}
 #tab-about .about-editorial .about-portrait>img{width:46%;height:100%;object-fit:cover;object-position:center 22%}
 #tab-about .about-editorial .about-portrait>span{left:49%;right:10px;top:24px;font-size:25px;padding:0;background:none;color:#173f3a;border:0}
 #tab-about .about-editorial .about-portrait>button{left:49%;right:10px;bottom:22px;padding:12px 8px;font-size:12px;white-space:normal}
 #tab-about .about-editorial .about-copy{overflow:visible;flex:0 0 auto;padding:0 5px 4px 0}
 #tab-about .about-story-heading h3{font-size:34px}
 #tab-about .about-editorial p{font-size:15px;line-height:1.65}
 #tab-about .about-editorial .about-principles{gap:18px;justify-content:space-between}
 #tab-about .about-principles b{font-size:28px}
 #tab-about .about-creator{padding:20px 18px}
 #tab-about .about-editorial .about-fiction{font-size:13px}
}
@media(min-width:651px) and (max-height:500px){
 #tab-about .about-heading{padding-bottom:5px}
 #tab-about .about-heading h2{font-size:28px}
 #tab-about .about-editorial{gap:20px;padding-bottom:4px}
 #tab-about .about-editorial .about-portrait>span{font-size:20px;left:8px;right:8px;top:8px;padding:8px}
 #tab-about .about-editorial .about-portrait>button{font-size:12px;padding:10px}
 #tab-about .about-story-heading h3{font-size:32px}
}