/* The selected C design: a short story, an illustration, and three reasons. */
.sales-section{--sales-rule:#c6cebb;padding:100px 7% 106px;border-bottom:1px solid #d6d9cd;background:#f3f0e8;color:#525e45;scroll-margin-top:0}
.sales-section *{box-sizing:border-box}
.sales-section .sales-inner{max-width:1100px;margin:0 auto}
.sales-section .sales-heading{margin-bottom:38px;text-align:center}
.sales-section .sales-eyebrow{margin:0 0 22px;font:500 10px/1.5 var(--sans);letter-spacing:2.2px}
.sales-section #sales-title{margin:0;font:400 var(--section-title-size,48px)/1.55 var(--serif);letter-spacing:-.055em;word-break:keep-all}
.sales-section .sales-story{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center;margin-bottom:42px;padding-bottom:40px;border-bottom:1px solid var(--sales-rule)}
.sales-section .sales-core{margin:0;font:400 25px/1.8 var(--serif);letter-spacing:-.055em;word-break:keep-all}
.sales-section .sales-core>span{display:block}
.sales-section .sales-core em{font-style:normal;color:#34412a;text-decoration:underline;text-decoration-color:#b9c6a6;text-underline-offset:9px;text-decoration-thickness:1px}
/* Frame the drawing within its transparent 2000px canvas without altering the artwork. */
.sales-section .sales-illustration{position:relative;width:100%;max-width:360px;aspect-ratio:7/5;margin:0 auto;overflow:hidden;min-width:0;background:#f3f0e8}
.sales-section .sales-illustration img{position:absolute;display:block;width:142.857143%;max-width:none;height:auto;left:-20.5%;top:-48%}
.sales-section .sales-items{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.sales-section .sales-item{min-width:0}
.sales-section .sales-item-mark{margin:0 0 20px}
.sales-section .sales-item-number{font:400 15px/1 var(--serif);font-variant-numeric:tabular-nums;letter-spacing:.02em}
.sales-section .sales-item h3{margin:0 0 12px;font:400 clamp(20px,2vw,24px)/1.65 var(--serif);letter-spacing:-.055em;word-break:keep-all}
.sales-section .sales-item p{margin:0;font:400 13px/1.9 var(--sans);letter-spacing:-.025em;color:#68705e;word-break:keep-all;overflow-wrap:break-word}
.sales-section .sales-item strong{font-weight:500;color:#4d5942}
@media(min-width:701px) and (max-width:1050px){.sales-section{padding-right:5%;padding-left:5%}.sales-section .sales-story{gap:32px}.sales-section .sales-core{font-size:23px}}
@media(max-width:700px){
 .sales-section{padding:64px 24px 68px}
 .sales-section .sales-heading{margin-bottom:28px;text-align:left}
 .sales-section .sales-eyebrow{margin-bottom:17px;font-size:9px;letter-spacing:1.9px}
 .sales-section #sales-title{font-size:clamp(27px,8.1vw,32px);line-height:1.58}
 .sales-section .sales-story{display:flex;flex-direction:column;align-items:stretch;gap:0;margin-bottom:30px;padding-bottom:28px}
 .sales-section .sales-core{font-size:20px;line-height:1.85}
 .sales-section .sales-illustration{max-width:260px;margin-top:24px}
 .sales-section .sales-items{display:flex;flex-direction:column;gap:0}
 .sales-section .sales-item{display:grid;grid-template-columns:26px minmax(0,1fr);gap:12px;padding:23px 0;border-bottom:1px solid var(--sales-rule)}
 .sales-section .sales-item:first-child{padding-top:0}
 .sales-section .sales-item:last-child{padding-bottom:0;border-bottom:0}
 .sales-section .sales-item-mark{margin:4px 0 0}
 .sales-section .sales-item-number{font-size:13px}
 .sales-section .sales-item h3{font-size:21px;line-height:1.52}
 .sales-section .sales-item p{line-height:1.85;letter-spacing:-.035em}
}
@media(max-width:360px){.sales-section{padding-right:20px;padding-left:20px}.sales-section .sales-item h3{font-size:20px}}