/* About: the shared palette and typefaces in an open editorial layout. */
.about-page{--about-plum:#302830;--about-lilac:#e8e0e9;color:var(--about-plum)}
.about-page h1,.about-page h2,.about-page h3{font-family:var(--font-editorial);font-weight:400;letter-spacing:-.035em}
.about-page h1 em,.about-page h2 em{font-family:var(--font-editorial);font-style:italic;color:#715e75}
.about-page h1{font-size:clamp(44px,4.7vw,76px);line-height:1.06}
.about-page h2{font-size:clamp(36px,3.55vw,56px);line-height:1.12}
.about-page h3{font-size:26px;line-height:1.25}
.about-page p{font-size:18px;line-height:1.65}
.about-page figure{margin:0}
.about-section{max-width:1600px;margin:auto;padding:90px 5.5%}
.about-hero{display:grid;grid-template-columns:1fr 1fr;max-width:1800px;margin:auto;min-height:570px}
.about-hero-copy{padding:75px 9% 75px 11%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.about-hero-copy p{max-width:38ch;margin:28px 0 30px}
.about-hero-photo{min-height:570px;position:relative;overflow:hidden}
.about-hero-photo img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:62% center}
.about-nav{display:flex;justify-content:center;gap:50px;border-block:1px solid var(--line);padding:0 20px}
.about-nav a{padding:22px 0;font-size:15px;position:relative}
.about-nav a:hover{color:#715e75}.about-nav a:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:currentColor;transform:scaleX(0);transition:transform .2s}.about-nav a:hover:after,.about-nav a:focus-visible:after{transform:scaleX(1)}
.about-page section[id]{scroll-margin-top:36px}
.about-story{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}
.about-story p{margin-top:24px;max-width:47ch}
.about-story .text-link{margin-top:24px}
.about-story-photo{height:420px;position:relative;overflow:hidden}
.about-story-photo img{width:100%;height:100%;object-fit:cover;object-position:16% 28%;transform:scale(1.4);transform-origin:20% 20%}
.about-story-photo figcaption{position:absolute;bottom:0;left:0;right:0;padding:15px 22px;background:#f8f7f3ed;font-size:14px}
.about-external{margin-left:12px}.about-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.about-range{background:var(--about-lilac)}
.about-range-inner{display:grid;grid-template-columns:1fr 1.15fr;gap:7%;align-items:center}
.about-range-inner .text-link{margin-top:28px}
.about-range-list,.about-steps{list-style:none;padding:0;margin:0}
.about-range-list li{display:grid;grid-template-columns:30px 150px 1fr;gap:20px;padding:27px 0;border-bottom:1px solid #30283024;align-items:baseline}
.about-range-list li:first-child{padding-top:0}.about-range-list li:last-child{border:0;padding-bottom:0}
.about-range-list li>span{font-size:16px;color:#715e75}.about-range-list p{font-size:16px;line-height:1.55}
.about-process{display:grid;grid-template-columns:.85fr 1.3fr;gap:7%;align-items:start}
.about-process>div>p{margin:26px 0;max-width:33ch}
.about-steps{display:grid;grid-template-columns:1fr 1fr;gap:0 34px;grid-template-rows:repeat(3,auto);grid-auto-flow:column}
.about-steps li{display:grid;grid-template-columns:36px 1fr;gap:18px;border-bottom:1px solid var(--line);padding:23px 0}
.about-steps li:nth-child(1),.about-steps li:nth-child(4){padding-top:0}
.about-steps li:nth-child(3n){border-bottom:0}
.about-step-number{font:400 30px/1.2 var(--font-editorial);color:#92759b}
.about-steps h3{font-size:22px;letter-spacing:-.025em}
.about-steps p{font-size:15px;line-height:1.55;margin-top:10px}
.about-invitation{background:var(--about-plum);color:#faf7f2}
.about-invitation>.about-section{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;padding-top:65px;padding-bottom:65px}
.about-invitation h2{font-size:clamp(42px,4.3vw,66px)}.about-invitation h2 em{color:#cdb8d4}
.about-invitation p{margin-bottom:25px}.about-invitation .button{background:#dfcee5;color:#302830;border-color:#dfcee5}
@media(min-width:1600px){.about-hero-copy{padding-left:max(70px,calc((100vw - 1424px)/2))}}
@media(max-width:1100px){.about-hero{min-height:500px}.about-hero-photo{min-height:500px}.about-hero-copy{padding-block:50px}.about-section{padding-block:65px}.about-range-inner{grid-template-columns:1fr 1fr;gap:5%}.about-range-list li{grid-template-columns:25px 1fr;gap:10px 15px}.about-range-list p{grid-column:2}.about-process{grid-template-columns:1fr;gap:38px}.about-process>div>p{max-width:60ch}.about-story-photo{height:440px}}
@media(max-width:700px){.about-hero{grid-template-columns:1fr}.about-hero-copy{padding:48px 6%}.about-page h1{font-size:clamp(40px,10.5vw,60px)}.about-hero-copy p{margin:22px 0 26px}.about-hero-photo{min-height:0;height:340px}.about-nav{gap:24px;padding:0 5%}.about-nav a{font-size:13px;padding-block:18px}.about-section{padding:52px 6%}.about-story,.about-range-inner{grid-template-columns:1fr;gap:32px}.about-story-photo{height:300px}.about-page p{font-size:17px}.about-range-list li{grid-template-columns:28px 1fr;padding-block:24px}.about-range-list p{font-size:16px}.about-steps{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row;gap:0}.about-steps li{padding:22px 0}.about-steps li:nth-child(4){padding-top:22px}.about-steps li:nth-child(3){border-bottom:1px solid var(--line)}.about-steps p{font-size:16px}.about-invitation>.about-section{grid-template-columns:1fr;gap:28px;padding-block:48px}.about-page section[id]{scroll-margin-top:24px}}
@media(prefers-reduced-motion:reduce){.about-nav a:after{transition:none}}
