/* ATREZZO | Meet Sharon — considered editorial profile.
   Only scoped to the new about page; keeps the rest of the site untouched. */
.about-atrezzo{
 --about-ink:#171819;
 --about-muted:#6e6c67;
 --about-gold:#b79a67;
 color:var(--about-ink);
 background:#fff;
}
.about-atrezzo h1,.about-atrezzo h2,.about-atrezzo h3{
 font-family:var(--sans,Arial,sans-serif);
 font-weight:400;
 letter-spacing:-.055em;
}
.about-atrezzo h1 em,.about-atrezzo h2 em{
 font-style:normal;
 color:inherit;
}
.about-atrezzo a:focus-visible{
 outline:2px solid var(--about-gold);outline-offset:5px;
}
.about-kicker{
 display:inline-block;color:#d5bd8d;
 font:500 10px/1.5 var(--sans,Arial,sans-serif);
 letter-spacing:.18em;
}
.about-kicker i{display:inline-block;width:30px;height:1px;background:currentColor;margin:0 12px 3px}
.about-text-link{
 display:inline-flex;align-items:center;gap:36px;min-height:46px;
 color:inherit;border-bottom:1px solid currentColor;
 font:500 12px/1.3 var(--sans,Arial,sans-serif);
 letter-spacing:.035em;text-decoration:none;
}
.about-text-link svg{width:20px;height:20px}
.about-text-link:hover{color:var(--about-gold)}
.about-hero{
 position:relative;
 min-height:calc(100svh - 88px);
 display:grid;grid-template-columns:49.5% 50.5%;
 background:#101215;color:#fff;overflow:hidden;
}
.about-hero__photo{position:relative;min-height:700px;overflow:hidden}
.about-hero__photo:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(0,0,0,.15),transparent 52%)}
.about-hero__photo img{
 display:block;width:100%;height:100%;object-fit:cover;
 object-position:center 27%;
 filter:saturate(.91) contrast(1.025);
}
.about-hero__copy{
 position:relative;
 display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
 padding:clamp(88px,8.5vw,146px) clamp(40px,6vw,116px) clamp(80px,9vw,145px);
}
.about-hero__copy h1{
 color:#fff;
 font-size:clamp(77px,8.3vw,148px);
 line-height:.94;
 margin:35px 0 32px;
}
.about-hero__lead{
 color:#fff;font-size:clamp(20px,1.75vw,28px);
 letter-spacing:-.023em;line-height:1.45;
 max-width:600px;margin:0 0 24px;
}
.about-hero__copy>p:not(.about-hero__lead){
 font-size:15px;line-height:1.82;color:rgba(255,255,255,.68);
 max-width:550px;margin:0 0 32px;
}
.about-hero__sign{
 margin-top:clamp(38px,4.5vw,72px);
 padding-top:16px;border-top:1px solid rgba(255,255,255,.22);
 width:100%;display:flex;justify-content:space-between;align-items:center;gap:18px;
 color:rgba(255,255,255,.65);font-size:10px;letter-spacing:.13em;
}
.about-hero__sign span:first-child{color:#fff}
.about-hero__index{
 position:absolute;bottom:27px;left:27px;
 z-index:1;color:rgba(255,255,255,.82);
 font-size:9px;letter-spacing:.18em;
}
.about-section-marker{
 display:flex;align-items:center;gap:15px;
 font-size:10px;font-weight:600;line-height:1.4;
 color:#8f774f;letter-spacing:.17em;white-space:nowrap;
}
.about-section-marker span{width:36px;height:1px;background:currentColor;opacity:.6}
.about-perspective{
 display:grid;grid-template-columns:24% 1fr;column-gap:8%;
 padding-top:clamp(100px,11vw,180px);padding-bottom:clamp(100px,10vw,165px);
}
.about-perspective__main h2,
.about-expertise__intro h2,
.about-media__copy h2,
.about-recognition__heading h2,
.about-personal__lead h2{
 margin:0 0 45px;
 font-size:clamp(44px,5vw,83px);
 line-height:1.1;
 text-wrap:balance;
}
.about-perspective__columns{
 display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,75px);
}
.about-perspective__columns p{
 color:var(--about-muted);font-size:15px;line-height:1.85;margin:0;
}
.about-perspective blockquote{
 margin:clamp(78px,9vw,140px) 0 0;
 padding:0 0 0 clamp(28px,4vw,66px);
 border-left:1px solid var(--about-gold);
 font-size:clamp(30px,3vw,49px);
 line-height:1.3;letter-spacing:-.045em;
}
.about-perspective blockquote cite{
 display:block;font-size:10px;font-style:normal;letter-spacing:.18em;
 color:#987c4c;margin-top:26px;
}
.about-record{
 background:#131619;color:#fff;
 display:grid;grid-template-columns:minmax(250px,.85fr) 1.35fr;
 gap:clamp(54px,7vw,110px);
 padding:clamp(82px,8vw,132px) var(--gutter);
}
.about-record .about-section-marker{color:#c7a66b}
.about-record__lead h2{
 color:#fff;font-size:clamp(43px,4.4vw,72px);line-height:1.1;
 margin:24px 0;
}
.about-record__lead p{
 max-width:400px;font-size:13px;line-height:1.85;
 color:rgba(255,255,255,.55);
}
.about-record__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;align-items:end}
.about-stat{
 display:flex;flex-direction:column;justify-content:end;gap:22px;
 border-left:1px solid rgba(255,255,255,.23);padding-left:clamp(17px,2vw,33px);min-width:0;
}
.about-stat strong{
 font-weight:400;letter-spacing:-.08em;font-size:clamp(55px,5.8vw,96px);
 color:#fff;line-height:1;
}
.about-stat strong span{
 font-size:.29em;letter-spacing:-.03em;color:#d4b879;
}
.about-stat p{
 font-size:12px;line-height:1.65;color:rgba(255,255,255,.66);
 max-width:220px;margin:0;
}
.about-expertise{
 padding-top:clamp(100px,10vw,165px);
 padding-bottom:clamp(95px,9vw,145px);
}
.about-expertise__intro{display:grid;grid-template-columns:23% 1fr;gap:8%;align-items:start}
.about-expertise__intro h2{margin-bottom:25px}
.about-expertise__intro>p{grid-column:2;max-width:630px;color:var(--about-muted);font-size:15px}
.about-expertise__grid{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
 gap:0;margin-top:clamp(55px,7vw,100px);
 border-top:1px solid #dedcd8;border-left:1px solid #dedcd8;
}
.about-service-card{
 min-height:230px;padding:clamp(26px,3vw,46px);
 border-bottom:1px solid #dedcd8;border-right:1px solid #dedcd8;
 transition:background .2s ease;
}
.about-service-card:hover{background:#faf8f4}
.about-service-card>span{
 font-size:10px;font-weight:600;letter-spacing:.16em;color:#a5895c;
}
.about-service-card h3{
 font-size:clamp(20px,2vw,29px);line-height:1.22;
 margin:37px 0 14px;
}
.about-service-card p{
 font-size:13px;line-height:1.7;color:var(--about-muted);margin:0;
}
.about-credentials{
 margin-top:clamp(55px,6vw,92px);
 padding-top:35px;border-top:1px solid #c9c8c4;
 display:grid;grid-template-columns:1fr 1.15fr;gap:6%;
}
.about-credentials span{
 font-size:10px;color:#977950;letter-spacing:.16em;
}
.about-credentials h3{
 font-size:clamp(27px,3vw,48px);margin:17px 0 0;
}
.about-credentials p{font-size:14px;line-height:1.85;color:var(--about-muted);margin:0}
.about-media{
 display:grid;grid-template-columns:55% 45%;
 min-height:780px;background:#16191b;color:#fff;
}
.about-media__image{min-height:650px;overflow:hidden}
.about-media__image img{
 width:100%;height:100%;object-fit:cover;
 object-position:50% 50%;
}
.about-media__copy{
 display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
 padding:clamp(60px,7vw,115px);
}
.about-media__copy .about-section-marker{color:#d2b27c}
.about-media__copy h2{color:#fff;margin:34px 0 29px}
.about-media__copy p{
 max-width:570px;font-size:14px;line-height:1.85;
 color:rgba(255,255,255,.69);margin:0 0 20px;
}
.about-media__copy .line-link{
 color:#fff;border-color:rgba(255,255,255,.54);
 margin-top:25px;font-size:12px;
}
.about-recognition{
 padding-top:clamp(100px,10vw,165px);
 padding-bottom:clamp(95px,10vw,160px);
}
.about-recognition__heading{display:grid;grid-template-columns:1.2fr .65fr;gap:12%;align-items:end}
.about-recognition__heading h2{margin:31px 0 0}
.about-recognition__heading>div:last-child p{
 font-size:14px;line-height:1.8;color:var(--about-muted);
 max-width:370px;margin:0 0 20px;
}
.about-recognition__heading .line-link{font-size:12px;color:#222}
.about-recognition__grid{
 margin-top:clamp(60px,7vw,105px);
 display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;
}
.about-award-card{
 margin:0;padding:0;background:#f7f6f3;min-width:0;
}
.about-award-card__figure{
 height:clamp(166px,17vw,248px);
 background:#f7f6f3;padding:clamp(25px,3vw,50px);
 display:flex;align-items:center;justify-content:center;
}
.about-award-card img{
 max-width:100%;width:100%;height:100%;object-fit:contain;
}
.about-award-card figcaption{
 border-top:1px solid #e2e0da;padding:19px 20px 26px;
 min-height:110px;font-size:12px;line-height:1.65;color:#474642;
}
.about-award-card figcaption span{
 display:block;color:#a18757;font-size:9px;letter-spacing:.14em;margin-bottom:10px;
}
.about-personal{
 display:grid;grid-template-columns:1.2fr 1fr;column-gap:10%;
 background:#111417;color:#fff;
 padding:clamp(90px,10vw,168px) var(--gutter) 36px;
}
.about-personal .about-section-marker{color:#cfb581}
.about-personal__lead h2{
 color:#fff;margin:27px 0 0;
}
.about-personal__body{align-self:end}
.about-personal__body p{
 color:rgba(255,255,255,.70);
 font-size:clamp(14px,1.18vw,17px);line-height:1.85;
 margin:0 0 27px;
}
.about-personal__footer{
 grid-column:1/-1;display:flex;align-items:center;gap:20px;
 color:#baa37e;margin-top:clamp(80px,10vw,154px);
 padding-top:23px;border-top:1px solid rgba(255,255,255,.21);
 font-size:9px;letter-spacing:.19em;
}
.about-personal__footer span{width:30px;height:1px;background:currentColor}
.about-close{
 isolation:isolate;position:relative;min-height:75svh;
 background:#111;color:#fff;display:flex;align-items:center;
 padding:clamp(100px,11vw,180px) var(--gutter);
}
.about-close>img{
 position:absolute;inset:0;width:100%;height:100%;
 object-fit:cover;z-index:-2;filter:saturate(.82);
}
.about-close:after{
 content:'';position:absolute;inset:0;z-index:-1;
 background:linear-gradient(90deg,rgba(4,5,6,.91) 0%,rgba(4,5,6,.7) 42%,rgba(4,5,6,.22) 100%);
}
.about-close__content{max-width:880px}
.about-close h2{
 color:#fff;font-size:clamp(53px,6vw,100px);line-height:1.07;
 margin:33px 0;
}
.about-close__content p{
 color:rgba(255,255,255,.79);
 font-size:17px;line-height:1.7;max-width:600px;margin:0 0 45px;
}
.about-close__actions{display:flex;flex-wrap:wrap;gap:30px 55px}
.about-source-note{
 padding-top:28px;padding-bottom:34px;
 color:#85827d;font-size:10px;line-height:1.7;
}
.about-source-note a{color:#806b4b;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1100px){
 .about-hero__copy{padding-inline:clamp(30px,4vw,60px)}
 .about-hero__copy h1{font-size:clamp(70px,8.3vw,110px)}
 .about-record{grid-template-columns:1fr;gap:70px}
 .about-record__stats{max-width:1000px}
 .about-media__copy{padding-inline:clamp(35px,5vw,70px)}
}
@media(max-width:767px){
 .about-hero{display:flex;flex-direction:column;min-height:0}
 .about-hero__photo{height:min(70svh,690px);min-height:390px}
 .about-hero__photo img{object-position:center 22%}
 .about-hero__index{top:22px;bottom:auto;left:22px}
 .about-hero__copy{padding:65px 24px 76px}
 .about-hero__copy h1{font-size:clamp(72px,15vw,112px);margin:24px 0 22px}
 .about-hero__lead{font-size:20px}
 .about-hero__copy>p:not(.about-hero__lead){font-size:14px}
 .about-hero__sign{margin-top:55px;font-size:8px}
 .about-perspective{display:block;padding-block:85px}
 .about-perspective .about-section-marker{margin-bottom:30px}
 .about-perspective__main h2,.about-expertise__intro h2,.about-media__copy h2,.about-recognition__heading h2,.about-personal__lead h2{font-size:clamp(44px,10vw,62px)}
 .about-perspective__columns{grid-template-columns:1fr;gap:25px}
 .about-perspective__columns p{font-size:14px}
 .about-perspective blockquote{margin-top:68px;font-size:32px}
 .about-record{padding:77px 24px 80px;gap:42px}
 .about-record__lead h2{font-size:45px}
 .about-record__stats{grid-template-columns:1fr;gap:35px}
 .about-stat{padding-left:20px}
 .about-stat strong{font-size:75px}
 .about-stat p{max-width:380px}
 .about-expertise{padding-block:85px}
 .about-expertise__intro{display:block}
 .about-expertise__intro h2{margin-top:28px}
 .about-expertise__intro>p{font-size:14px}
 .about-expertise__grid{grid-template-columns:1fr 1fr;margin-top:50px}
 .about-service-card{padding:24px 19px;min-height:230px}
 .about-service-card h3{margin-top:30px;font-size:23px}
 .about-service-card p{font-size:12px}
 .about-credentials{grid-template-columns:1fr;gap:20px}
 .about-media{grid-template-columns:1fr}
 .about-media__image{min-height:360px;height:48svh}
 .about-media__copy{padding:75px 24px 85px}
 .about-media__copy h2{margin-top:27px}
 .about-recognition{padding-block:85px}
 .about-recognition__heading{display:block}
 .about-recognition__heading>div:last-child{margin-top:28px}
 .about-recognition__grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:45px}
 .about-award-card__figure{height:165px;padding:25px}
 .about-award-card figcaption{font-size:11px;padding:16px 13px 22px}
 .about-personal{display:block;padding:83px 24px 34px}
 .about-personal__body{margin-top:33px}
 .about-personal__footer{margin-top:70px}
 .about-close{padding:100px 24px;min-height:65svh}
 .about-close h2{font-size:clamp(48px,10vw,70px)}
 .about-close__content p{font-size:15px}
 .about-source-note{padding:25px 24px;font-size:10px}
}
@media(max-width:390px){
 .about-expertise__grid{grid-template-columns:1fr}
 .about-service-card{min-height:0;padding-bottom:37px}
 .about-award-card__figure{height:125px;padding:16px}
 .about-award-card figcaption{min-height:116px}
}
@media(prefers-reduced-motion:reduce){
 .about-service-card{transition:none}
}