/* Three benefits are part of the first-view illustration, with accessible live text. */
.hero-integrated .hero-inner {grid-template-columns:1fr 1.08fr;min-height:620px;padding-right:24px}
.hero-integrated .hero-copy {padding-top:54px;padding-bottom:42px}
.hero-integrated .hero-feature-art {display:block;align-self:center;aspect-ratio:4/3;min-width:0;margin:28px 0 0;isolation:isolate}
.hero-integrated .hero-feature-art>img {display:block;width:100%;max-width:100%;height:auto;margin:0;mix-blend-mode:multiply}
.hero-benefits {position:absolute;inset:0;list-style:none;padding:0;margin:0;pointer-events:none}
.hero-benefit {position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.55;letter-spacing:.025em;text-align:center;white-space:nowrap;font-weight:800;color:#344c32;background:#fffefaed;border:1.5px solid #d3bf7f;box-shadow:0 3px 0 #e9e4d25c;padding:13px 21px;border-radius:47% 49% 46% 45% / 43% 45% 49% 48%;font-size:17px}
.hero-benefit::after {content:"";position:absolute;bottom:-7px;width:15px;height:15px;background:#fffefa;border-right:1.5px solid #d3bf7f;border-bottom:1.5px solid #d3bf7f;transform:rotate(45deg)}
.hero-benefit strong {font-size:34px;line-height:1.1;color:#c97606;font-weight:800;padding-inline:2px}
.hero-benefit sup {font-size:9px;line-height:1;vertical-align:super;padding-left:2px}
.hero-benefit-time {left:1%;top:1%;transform:rotate(-5deg)}
.hero-benefit-time::after {right:30px}
.hero-benefit-home {right:1%;top:8%;border-color:#aabd91;transform:rotate(5deg);padding:15px 23px}
.hero-benefit-home>strong {font-size:23px;color:#36754a;line-height:1.5}
.hero-benefit-home>sup {position:absolute;right:12px;bottom:16px}
.hero-benefit-home::after {left:24px;border-color:#aabd91}
.hero-benefit-wage {left:3%;bottom:5%;transform:rotate(-4deg);padding:12px 25px}
.hero-benefit-wage::after {bottom:auto;top:-7px;right:24px;transform:rotate(225deg)}
.hero-benefit-wage>span:first-child {font-size:15px}
.hero-integrated .illustration-note {bottom:0;right:0;font-size:9px}
.hero-conditions {padding:0 0 22px;font-size:10px;line-height:1.8;color:#68705f;max-width:1120px}
.hero-conditions p {margin:0}
.hero-conditions p+p {margin-top:3px}
@media(min-width:1441px) {.hero-integrated .hero-copy{padding-left:96px}.hero-integrated .hero-inner{min-height:650px}}
@media(min-width:681px) and (max-width:1000px) {
 .hero-integrated .hero-inner{padding-right:12px;grid-template-columns:1fr 1fr;min-height:570px}
 .hero-integrated .hero-copy{padding-left:30px}
 .hero-integrated h1{font-size:clamp(27px,3.3vw,34px)}
 .hero-benefit{font-size:13px;padding:9px 14px}.hero-benefit strong{font-size:27px}
 .hero-benefit-time{top:-10%}
 .hero-benefit-home>strong{font-size:18px}.hero-benefit-home{top:-5%;padding:11px 17px}
 .hero-benefit-wage>span:first-child{font-size:12px}.hero-benefit-wage{bottom:1%}
}
@media(max-width:680px) {
 .hero-integrated .hero-inner{padding:0;min-height:0}
 .hero-integrated .hero-copy{padding:0}
 .hero-integrated .hero-heading{padding-top:22px}
 .hero-integrated .hero-feature-art{order:1;width:calc(100% - 20px);max-width:460px;aspect-ratio:4/3;margin:20px auto 0;padding:0}
 .hero-benefit{font-size:12px;padding:8px 12px;line-height:1.45;border-width:1px}
 .hero-benefit strong{font-size:25px;padding-inline:1px}
 .hero-benefit-time{left:0;top:-2%}
 .hero-benefit-home{right:0;top:4%;padding:10px 17px}
 .hero-benefit-home>strong{font-size:17px;line-height:1.45}
 .hero-benefit-home>sup{right:8px;bottom:10px}
 .hero-benefit sup{font-size:8px}
 .hero-benefit-wage{left:1%;bottom:0;padding:8px 18px}
 .hero-benefit-wage>span:first-child{font-size:11px}
 .hero-benefit::after{width:10px;height:10px;bottom:-5px;border-width:1px}
 .hero-benefit-wage::after{top:-5px;bottom:auto}
 .hero-integrated .illustration-note{font-size:8px;right:4px;bottom:0}
 .hero-integrated .hero-details{padding-top:22px;padding-bottom:16px}
 .hero-integrated .hero-lead{margin-top:12px;font-size:12px}
 .hero-integrated .hero-actions{margin-top:17px;gap:10px}
 .hero-integrated .hero-note{margin-top:10px}
 .hero-conditions{font-size:9px;line-height:1.8;padding-bottom:20px;width:calc(100% - 36px)}
}
@media(max-width:360px) {
 .hero-benefit{font-size:10px;padding:7px 10px}.hero-benefit strong{font-size:22px}
 .hero-benefit-home>strong{font-size:15px}.hero-benefit-home{padding:9px 14px}
 .hero-benefit-wage{padding:7px 14px}.hero-benefit-wage>span:first-child{font-size:10px}
}