/* Homepage sections after the product introduction. */

.home .faq-section{padding:100px 0;background:#e9eee9;border-color:#d5ded6}
.home .faq-section .faq{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1fr);gap:0 clamp(50px,8vw,130px);max-width:none}
.home .faq-section h2{grid-column:1;grid-row:1/span 7;max-width:360px;margin:0;font-size:clamp(42px,4.4vw,64px);line-height:1.06;letter-spacing:-.035em;color:#173644}
.home .faq-section details,.home .faq-section .small{grid-column:2;margin:0}
.home .faq-section details{border-color:#9eb5ad;padding:12px 0}
.home .faq-section details:first-of-type{border-top:1px solid #9eb5ad}
.home .faq-section summary{font-size:clamp(19px,1.65vw,23px);color:#173644}
.home .faq-section details p{margin:4px 0 15px;color:#3f5d59}
.home .faq-section details a{color:#315b53;text-decoration:underline;text-underline-offset:4px}
.home .faq-section .small{max-width:610px;padding-top:20px;color:#55706c}

.home .article-showcase{padding:100px 0 110px;background:#faf6ee}
.home .article-showcase .section-title{margin-bottom:35px;text-align:left}
.home .article-showcase .section-title h2{font-size:clamp(42px,4.6vw,64px);letter-spacing:-.035em;color:#173644}
.home .article-feature{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(35px,5vw,80px);min-height:450px}
.home .article-feature[hidden]{display:none}
.home .article-feature img{height:450px;aspect-ratio:auto;border-radius:220px 220px 18px 18px}
.home .article-feature-copy{align-self:center}
.home .article-feature h3{font-size:clamp(36px,3.7vw,54px);letter-spacing:-.035em;color:#173644}
.home .article-feature-copy p{max-width:510px;font-size:17px;color:#435b5b}
.home .article-showcase-controls{margin-top:24px;max-width:560px;margin-left:auto}
.home .article-showcase-controls .article-rotation{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;margin-right:auto;border-radius:50%}
.home .article-rotation::before{content:"";display:block;width:14px;height:16px;background:linear-gradient(90deg,currentColor 0 4px,transparent 4px 10px,currentColor 10px 14px)}
.home .article-rotation[data-motion-state=paused]::before{background:currentColor;clip-path:polygon(0 0,100% 50%,0 100%)}

.home .closing{padding:95px 0 100px;text-align:left;background:radial-gradient(circle at 87% 15%,#2a5360,#10283c 48%);color:#fbf5e8}
.home .closing .wrap{display:grid;grid-template-columns:1.1fr .9fr;grid-template-areas:'title copy' 'title action';gap:24px 80px;align-items:center;border-top:1px solid #d9b67688;padding-top:50px}
.home .closing h2{grid-area:title;max-width:680px;margin:0;font-size:clamp(50px,5.4vw,78px);line-height:1.03;letter-spacing:-.04em}
.home .closing p{grid-area:copy;max-width:350px;margin:0;color:#d5e2de;font-size:19px;line-height:1.6}
.home .closing .btn{grid-area:action;justify-self:start;min-height:50px}

@media(max-width:900px){
  .home .faq-section .faq{gap:0 35px}
}
@media(max-width:650px){
  .home .faq-section,.home .article-showcase{padding:72px 0}
  .home .faq-section .faq{display:block}
  .home .faq-section h2{max-width:320px;margin-bottom:32px;font-size:44px}
  .home .article-showcase .section-title h2{font-size:42px}
  .home .article-feature{display:block;min-height:clamp(652px,calc(902px - 35vw),792px)}
  .home .article-feature img{width:100%;height:330px;margin-bottom:26px;border-radius:170px 170px 16px 16px}
  .home .article-feature h3{font-size:36px}
  .home .article-feature-copy p{font-size:16px}
  .home .article-showcase-controls{margin-left:0}
  .home .closing{padding:72px 0}
  .home .closing .wrap{display:block;padding-top:40px}
  .home .closing h2{font-size:clamp(48px,12vw,60px);margin-bottom:30px}
  .home .closing p{margin-bottom:22px}
}
@media(min-width:651px) and (max-width:750px){
  .home .article-feature{display:block;min-height:720px}
  .home .article-feature img{width:100%;height:360px;margin-bottom:26px;border-radius:190px 190px 16px 16px}
}