/* First art-direction pass: homepage supporting sections only. */
.refinement-intro .intro-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(36px,6vw,100px);align-items:start}
.refinement-intro .intro-grid>div{max-width:490px;border-left:1px solid var(--line);padding-left:32px}
.refinement-intro h2{font-size:clamp(2.5rem,4.2vw,4.6rem);line-height:1.12}
.refinement-intro .lead{max-width:31ch}
.refinement-about .about-body{grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:clamp(40px,7vw,110px);align-items:stretch;margin-top:48px}
.portrait-placeholder{position:relative;min-height:400px;background:#222820;border:1px solid #ffffff15;border-radius:16px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.portrait-label{font-size:10px;letter-spacing:.13em;color:#bdc7b4;position:relative;z-index:1}
.portrait-frame{position:absolute;inset:24% 24% 28%;border:1px solid #aab69b30;border-radius:100px 100px 4px 4px}
.portrait-frame span{position:absolute;left:-22px;top:-22px;width:34px;height:34px;border-top:1px solid #aab69b70;border-left:1px solid #aab69b70}
.portrait-frame i{position:absolute;right:-22px;bottom:-22px;width:34px;height:34px;border-bottom:1px solid #aab69b70;border-right:1px solid #aab69b70}
.portrait-note{position:relative;z-index:1;display:flex;flex-direction:column;gap:8px}
.portrait-note strong{font-family:Manrope,Arial,sans-serif;font-weight:500;font-size:22px;letter-spacing:-.03em;color:#e7ece1}
.portrait-note>span{font-size:11px;color:#aab69b}
.about-editorial{padding-top:4px;max-width:540px;display:flex;flex-direction:column}
.refinement-about .experience{margin-top:30px;padding-top:25px;border-top:1px solid #ffffff30;flex-direction:row;gap:20px;align-items:center;justify-content:flex-start}
.refinement-about .experience strong{font-size:5rem;flex-shrink:0}
.refinement-about .experience strong .count-plus{font-size:3rem;margin-left:4px;line-height:1.4}
.refinement-about .experience>span{margin-top:0;max-width:14ch;line-height:1.5}
@media(max-width:700px){.refinement-intro .intro-grid{grid-template-columns:1fr;gap:26px}.refinement-intro .intro-grid>div{padding-left:0;border-left:0;max-width:none}.refinement-intro .lead{max-width:none}.refinement-about .about-body{grid-template-columns:1fr;gap:32px;margin-top:32px}.portrait-placeholder{min-height:300px;padding:24px}.about-editorial{max-width:none}.refinement-about .experience{margin-top:26px}.portrait-frame{inset:22% 32% 30%}}