/* Om oss. Editorial layout, scoped to this page only. */
.lgx-about{--ab-space:clamp(26px,5vw,80px);--ab-wine:#761b2b;max-width:1600px;margin:auto;padding:0 var(--ab-space);color:var(--ink,#201c18)}
.lgx-about-head{display:grid;grid-template-columns:1.25fr 1fr;column-gap:clamp(30px,6vw,100px);align-items:end;padding:clamp(42px,6vw,88px) 0 clamp(30px,4vw,60px)}
.lgx-about-head .lgm-kicker{grid-column:1/-1;color:var(--ab-wine);margin:0 0 24px}
.lgx-about-head h1{font:500 clamp(44px,5.5vw,88px)/1.03 var(--f-display);letter-spacing:-.025em;margin:0;max-width:12ch}
.lgx-about-head h1 em{display:block;font-weight:400}
.lgx-about-head .lgm-ab-lead{font:400 clamp(18px,1.5vw,22px)/1.55 var(--f-body);max-width:44ch;margin:0;padding-bottom:5px}
.lgx-about-salon{margin:0;position:relative}
.lgx-about-salon img{display:block;width:100%;height:auto;aspect-ratio:1.8;object-fit:cover;object-position:50% 51%}
.lgx-about-salon figcaption{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:17px 0;font:500 10px/1.5 var(--f-label);letter-spacing:.18em;text-transform:uppercase}
.lgx-about-personal{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:clamp(40px,9vw,140px);align-items:center;padding:clamp(64px,9vw,140px) clamp(0px,2vw,32px)}
.lgx-about .lgm-ab-portrait{position:static;margin:0;max-width:none}
.lgx-about .lgm-ab-portrait img{aspect-ratio:3/4;object-position:50% 25%}
.lgx-about .lgm-ab-portrait figcaption{margin-top:16px;letter-spacing:.12em;font-size:10px;line-height:1.6}
.lgx-about .lgm-ab-part{margin:0;padding:0;border:0;min-width:0}
.lgx-about-eyebrow{font:500 11px/1.5 var(--f-label)!important;letter-spacing:.17em;text-transform:uppercase;margin:0 0 24px!important;color:var(--ab-wine)}
.lgx-about .lgm-ab-part h2{font:500 clamp(32px,3.3vw,52px)/1.07 var(--f-display);letter-spacing:-.015em;margin:0 0 28px;max-width:19ch}
.lgx-about .lgm-ab-part p:not(.lgx-about-eyebrow){font:400 clamp(18px,1.4vw,21px)/1.65 var(--f-body);margin:0 0 20px;max-width:51ch}
.lgx-about .lgm-ab-part p:last-child{margin-bottom:0}
.lgx-about-story{scroll-margin-top:110px;margin:0 calc(-1 * var(--ab-space));background:var(--ab-wine);color:#f7f3e9}
.lgx-about-story .lgm-ab-part{display:block;padding:0}
.lgx-about-story-art{position:relative;background:#f4ead9;color:var(--ab-wine)}
.lgx-about-story-art>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.lgx-about-story-heading{position:absolute;top:5%;left:5%;width:41%}
.lgx-about-story .lgx-about-eyebrow{color:var(--ab-wine);margin-bottom:18px!important;font-size:10px!important}
.lgx-about-story .lgm-ab-part h2{max-width:13ch;font-size:clamp(32px,4.3vw,66px);line-height:1.02;margin:0}
.lgx-about-story-copy{padding:clamp(36px,5vw,72px) var(--ab-space);max-width:1180px;margin:0 auto;columns:2;column-gap:clamp(32px,5vw,80px)}
.lgx-about-story-copy p{break-inside:avoid}
.lgx-about .lgm-ab-contact{background:transparent;color:inherit;margin:0;padding:clamp(64px,8vw,120px) clamp(0px,2vw,32px);grid-template-columns:1fr 1.1fr;gap:clamp(32px,8vw,120px)}
.lgx-about .lgm-ab-contact h2{font-size:clamp(40px,4vw,60px);margin-bottom:24px}
.lgx-about .lgm-ab-contact .lgm-ab-ct>p:not(.lgm-ab-ctas){font:400 20px/1.6 var(--f-body);max-width:34ch;margin-bottom:30px}
.lgx-about .lgm-ab-card{padding:0;background:transparent}
.lgx-about .lgm-ab-name{font-size:clamp(30px,3vw,44px);font-weight:500}
.lgx-about .lgm-ab-role{margin:12px 0 24px!important}
.lgx-about .lgm-ab-list{border-color:var(--line)}
.lgx-about .lgm-ab-list a{overflow-wrap:anywhere}
.lgx-about .lgm-ab-contact .lgm-btn{background:var(--ab-wine);border-color:var(--ab-wine);color:#f7f3e9!important}
.lgx-about .lgm-ab-contact .lgm-btn.ghost{background:transparent;color:var(--ab-wine)!important}
.lgx-about .lgm-ab-contact .lgm-btn:hover{background:#211c18;color:#f7f3e9!important;border-color:#211c18}
.lgx-about a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
@media(max-width:820px){
.lgx-about-head{grid-template-columns:1fr;gap:0;padding-top:38px}
.lgx-about-head h1{max-width:18ch;font-size:clamp(44px,8vw,64px)}
.lgx-about-head .lgm-ab-lead{margin-top:26px;max-width:56ch;font-size:18px}
.lgx-about-personal{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:30px;align-items:start}
.lgx-about .lgm-ab-contact{margin-left:0;margin-right:0}
}
@media(max-width:600px){
.lgx-about{--ab-space:24px}
.lgx-about-head .lgm-kicker{margin-bottom:18px}
.lgx-about-head h1{font-size:46px;max-width:12ch}
.lgx-about-salon{margin-left:-24px;margin-right:-24px}
.lgx-about-salon img{aspect-ratio:3/2}
.lgx-about-salon figcaption{margin:0 24px;padding:14px 0;font-size:9px;letter-spacing:.1em}
.lgx-about-personal{grid-template-columns:1fr;padding:56px 0;gap:36px}
.lgx-about .lgm-ab-portrait{width:100%;max-width:420px}
.lgx-about-story .lgm-ab-part{display:block;padding:0}
.lgx-about-story-heading{position:static;width:auto;padding:28px 24px 16px}
.lgx-about-story-art{display:flex;flex-direction:column}
.lgx-about-story-heading{order:-1}
.lgx-about-story .lgm-ab-part h2{font-size:38px;max-width:15ch;margin:0}
.lgx-about-story .lgx-about-eyebrow{font-size:9px!important;margin-bottom:12px!important}
.lgx-about-story-copy{columns:1;padding:32px 24px 40px}
.lgx-about .lgm-ab-contact{grid-template-columns:1fr;padding:56px 0;gap:40px}
.lgx-about .lgm-ab-part p:not(.lgx-about-eyebrow){font-size:18px;line-height:1.6}
}

/* Desktop story: the complete illustration fits below the site header. */
@media(min-width:821px){
.lgx-about-story{padding:28px var(--ab-space);background:#f4ead9;color:var(--ink,#201c18)}
.lgx-about-story .lgm-ab-part{width:min(100%,calc(150vh - 270px));width:min(100%,calc(150svh - 270px));max-width:1220px;margin:0 auto}
.lgx-about-story .lgm-ab-part h2{font-size:clamp(32px,4.4vh,54px);max-width:13ch}
.lgx-about-story .lgx-about-eyebrow{font-size:9px!important;margin-bottom:12px!important}
.lgx-about-story-copy{padding:32px 0 12px;column-gap:36px;max-width:none}
.lgx-about-story .lgm-ab-part .lgx-about-story-copy p{font-size:18px;line-height:1.45;margin-bottom:14px;max-width:none}
.lgx-about-story .lgm-ab-part .lgx-about-story-copy p:last-child{margin-bottom:0}
}
@media(min-width:1000px) and (min-height:900px){
.lgx-about-story .lgm-ab-part{display:grid;grid-template-columns:minmax(0,1fr)}
.lgx-about-story-art,.lgx-about-story-copy{grid-column:1;grid-row:1}
.lgx-about-story-copy{position:relative;align-self:end;z-index:1;margin:0 24px 24px;padding:24px 28px;background:rgba(249,244,233,.96);border-top:1px solid rgba(118,27,43,.35);columns:2;column-gap:36px}
}