@import url('https://fonts.googleapis.com/css2?family=Asap:wght@400;500;600;700&display=swap');
.why-page{--why-cream:#fff5da;--why-yellow:#ffe192;--why-ink:#634900;font-family:'Asap',sans-serif;background:var(--why-cream);color:#111;line-height:1.45}
.why-page h1,.why-page h2,.why-page h3{font-family:'Asap',sans-serif;font-weight:700;letter-spacing:0}
.why-banner{position:relative;height:390px;overflow:hidden;background:#fff}
.why-banner img{width:100%;height:100%;object-fit:cover;object-position:center 46%}
.why-banner::before{content:'';position:absolute;inset:0;background:linear-gradient(#fff 0,rgba(255,255,255,.7) 12%,rgba(255,255,255,.2) 38%,transparent 65%)}
.why-banner::after,.why-reason::before{content:'';position:absolute;left:0;width:100%;height:28px;background:var(--why-cream);-webkit-mask:url('../images/section-wave.svg') repeat-x left bottom / 150px 28px;mask:url('../images/section-wave.svg') repeat-x left bottom / 150px 28px;pointer-events:none}
.why-banner::after{bottom:-1px}
.why-container{width:calc(100% - 64px);max-width:1058px;margin-inline:auto}
.why-introduction{padding:48px 0 76px}
.why-breadcrumb{display:flex;align-items:center;gap:13px;font-size:15px;margin-bottom:22px}
.why-breadcrumb svg{color:#cb9400}
.why-breadcrumb a:hover{text-decoration:underline}
.why-introduction h1{font-size:60px;line-height:1.15;color:#cb9400;margin:0 0 19px}
.why-introduction p{font-size:22px;margin:0;line-height:1.5}
.why-reason{position:relative}
.why-yellow{background:var(--why-yellow)}
.why-cream{background:var(--why-cream)}
.why-reason::before{top:-27px;background:inherit}
.why-row{display:grid;grid-template-columns:1fr 420px;align-items:center;gap:90px;min-height:660px;padding-block:54px 80px}
.why-copy{color:var(--why-ink)}
.why-copy h2{font-size:60px;line-height:1.18;margin:0 0 23px}
.why-copy ul{padding-left:30px;margin:0;max-width:470px;color:#111;font-size:22px;line-height:1.42}
.why-copy li{padding-left:2px}
.why-copy li::marker{font-size:13px}
.why-photo{width:420px;height:auto;object-fit:contain;-webkit-mask:none;mask:none;filter:none}
.why-reverse{grid-template-columns:420px 1fr;gap:180px}
.why-reverse .why-photo{grid-column:1;grid-row:1}
.why-reverse .why-copy{grid-column:2;grid-row:1}
.why-affordability h2{font-size:58px}
.why-affordability p{font-size:18px;max-width:400px;color:#111;line-height:1.5}
.why-affordability a{color:#a77700;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1200px){.why-container{max-width:960px}.why-row{grid-template-columns:1fr 38%;gap:70px;min-height:580px}.why-reverse{grid-template-columns:38% 1fr;gap:100px}.why-photo{width:100%;height:auto;aspect-ratio:auto}.why-copy h2{font-size:48px}.why-copy ul{font-size:20px}}
@media(max-width:760px){.why-banner{height:260px}.why-container{width:calc(100% - 48px)}.why-introduction{padding:30px 0 55px}.why-breadcrumb{font-size:13px;margin-bottom:18px}.why-introduction h1{font-size:40px;margin-bottom:16px}.why-introduction p{font-size:18px}.why-row,.why-reverse{grid-template-columns:1fr;gap:28px;min-height:0;padding-block:32px 58px}.why-reverse .why-copy,.why-reverse .why-photo{grid-column:auto;grid-row:auto}.why-copy h2{font-size:36px;margin-bottom:20px}.why-copy ul{font-size:17px;line-height:1.5;padding-left:22px;max-width:none}.why-photo{width:min(100%,340px);height:auto;aspect-ratio:auto;justify-self:center}.why-affordability p{font-size:17px}.why-desktop-break{display:none}}