/* Quiet changes of surface and light establish a rhythm between the photographs. */
.comparison{position:relative;isolation:isolate}
.comparison::before{content:'';position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:radial-gradient(ellipse 78% 72% at 55% 0%,#faf8f3 0%,#fff 80%)}

.intake-section{background-color:var(--navy);background-image:radial-gradient(ellipse 58% 70% at 77% 43%,rgba(80,121,148,.30),transparent 75%),radial-gradient(ellipse 45% 58% at 5% 100%,rgba(38,86,119,.24),transparent 78%)}
.intake-chart{position:relative;padding:30px 32px 26px;border:1px solid rgba(229,239,246,.16);background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.012) 74%);box-shadow:0 32px 65px -58px rgba(0,8,25,.8)}
.intake-chart::before{content:'';position:absolute;top:-1px;left:32px;width:80px;height:2px;background:#dfb261}
.pail-bar{background:linear-gradient(180deg,#8da3b5,#778fa1)}
.calfwell-bar{background:linear-gradient(180deg,#ecc078,#d9a44d)}

.introduction,.spec-section,.purchase{position:relative;isolation:isolate}
.introduction::before,.spec-section::before,.purchase::before{content:'';position:absolute;z-index:-1;inset:0 auto 0 50%;width:100vw;transform:translateX(-50%)}
.introduction::before{background:radial-gradient(ellipse 42% 65% at 24% 45%,rgba(190,163,116,.13),transparent 75%),#f9f8f5}
.daily-round-image{box-shadow:0 18px 48px -42px rgba(15,39,55,.4)}
.daily-round-copy .intro-heading h2{font-size:clamp(2.75rem,3.75vw,4.15rem);line-height:1.13}
.daily-round-copy .detail-rows{border-left:2px solid #bb8c42;padding-left:26px}
.daily-round-copy .detail-rows article{border-color:#d9d8d2}
.daily-round-copy .detail-rows h3{font-size:1.5rem}

.mount-section{background-color:var(--navy);background-image:radial-gradient(ellipse 48% 67% at 76% 48%,rgba(101,138,158,.31),transparent 76%)}

.spec-section{padding-block:112px 108px}
.spec-section::before{background:linear-gradient(115deg,#f0f4f4 0%,#f7f8f5 68%,#f4f6f4 100%)}
.spec-heading h2{max-width:580px}
.spec-list>div{border-color:#cbd5d7;padding-block:23px}
.spec-list>div:first-child{border-top:1px solid #cbd5d7;padding-top:23px}
.spec-list dt{color:#596c76}
.spec-list dd{font-weight:500}

.faq-section{position:relative;isolation:isolate;padding-block:85px 122px}
.faq-section::before{content:'';position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:radial-gradient(ellipse 50% 82% at 17% 35%,rgba(193,157,96,.10),transparent 78%),#faf9f6}
.faq-list{padding-inline:28px;border:1px solid #e3e3df;background:rgba(255,255,255,.76)}
.faq-list details:last-child{border-bottom:0}

.purchase{padding-block:108px 118px;border:0}
.purchase::before{background:radial-gradient(ellipse 42% 105% at 89% 46%,rgba(184,134,53,.15),transparent 76%),linear-gradient(105deg,#f8f6f1,#f2eee6)}
.purchase h2{max-width:800px}
.purchase-action{padding-left:28px;border-left:1px solid #c8b58e}
.purchase .button{min-width:236px}

@media(max-width:760px){
 .intake-chart{padding:25px 18px 22px}
 .intake-chart::before{left:18px;width:62px}
 .introduction{padding-block:76px 84px}
 .daily-round-copy .intro-heading h2{font-size:clamp(2.65rem,8.5vw,3.3rem)}
 .daily-round-copy .detail-rows{padding-left:20px}
 .spec-section{padding-block:78px 78px}
 .spec-list>div:first-child{padding-top:18px}
 .faq-section{padding-block:66px 79px}
 .faq-list{padding-inline:20px}
 .purchase{padding-block:72px 82px}
 .purchase-action{padding-left:0;border-left:0}
}
@media(max-width:420px){.intake-chart{padding-inline:14px}.intake-chart::before{left:14px}.faq-list{padding-inline:16px}}
@media(forced-colors:active){.intake-chart,.faq-list{border:1px solid CanvasText}.intake-chart::before{background:CanvasText}}