
.home-knowledge{padding-top:78px;padding-bottom:85px;color:#153d48}
.home-knowledge .section-head{align-items:end;margin-bottom:32px}
.home-knowledge .eyebrow{color:#378d91;font-size:10px;letter-spacing:2.5px;margin-bottom:18px}
.home-knowledge .section-head h2{font-size:36px;letter-spacing:1px;font-weight:500;color:#163e49}
.home-knowledge .section-head .muted{color:#7b9299;line-height:1.9;margin-top:13px}
.home-knowledge .knowledge-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:20px}
.home-knowledge .knowledge-card{border:1px solid #e0eaea;border-radius:16px;background:#f6f9f8;overflow:hidden;position:relative;transition:box-shadow .5s,border-color .5s}
.home-knowledge .knowledge-card>a{display:block;height:100%;text-decoration:none}
.home-knowledge .card-body{padding:28px 32px;height:100%;box-sizing:border-box;display:flex;flex-direction:column}
.home-knowledge .card-body small{font-size:10px;color:#398a8b;letter-spacing:1px}
.home-knowledge .card-body h3{font-size:21px;line-height:1.6;font-weight:500;color:#173e49;margin:13px 0 10px;max-width:95%}
.home-knowledge .card-body p{font-size:12px;line-height:1.9;color:#6f8790;margin:0 0 18px}
.home-knowledge .card-bottom{margin-top:auto;border-top:1px solid #dce7e7;padding-top:14px;display:flex;align-items:center;justify-content:space-between;color:#81999e;font-size:10px}
.home-knowledge .card-bottom>span{display:grid;place-items:center;border:1px solid #bdd5d6;border-radius:50%;width:32px;height:32px;font-size:17px;color:#297a80;transition:background .4s,color .4s,transform .4s}
.home-knowledge .knowledge-card:first-child{grid-row:span 2;background:#143c49;border:0;min-height:495px}
.home-knowledge .knowledge-card:first-child:before{content:'';position:absolute;inset:0 0 45%;background:linear-gradient(180deg,#143c4900 38%,#143c49 100%),url('/assets/products/bmc-respiratory-bedroom-device.jpg') center 52% / cover;transition:filter .7s;pointer-events:none}
.home-knowledge .knowledge-card:first-child .card-body{position:relative;z-index:1;padding:235px 35px 28px}
.home-knowledge .knowledge-card:first-child small{color:#a1dbd7}
.home-knowledge .knowledge-card:first-child h3{font-size:26px;color:white;line-height:1.5}
.home-knowledge .knowledge-card:first-child p{color:#c2d6d9;font-size:13px}
.home-knowledge .knowledge-card:first-child .card-bottom{border-color:#ffffff26;color:#b4cdcf}
.home-knowledge .knowledge-card:first-child .card-bottom>span{color:white;border-color:#ffffff55}
.home-knowledge .knowledge-card:after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:#379d9a;transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.22,1,.36,1)}
@media(hover:hover){.home-knowledge .knowledge-card:hover{border-color:#9cc6c6;box-shadow:0 14px 35px #143c4912}.home-knowledge .knowledge-card:hover:after{transform:scaleX(1)}.home-knowledge .knowledge-card:hover .card-bottom>span{background:#287f83;color:white;transform:translate(2px,-2px)}}
.home-knowledge .knowledge-card a:focus-visible{outline:3px solid #41aaa5;outline-offset:-4px;border-radius:16px}
.home-knowledge.k-ready .knowledge-card{animation:knowledge-arrive .8s cubic-bezier(.22,1,.36,1) both}.home-knowledge.k-ready .knowledge-card:nth-child(2){animation-delay:.12s}.home-knowledge.k-ready .knowledge-card:nth-child(3){animation-delay:.24s}
@keyframes knowledge-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.home-knowledge{padding-top:45px;padding-bottom:45px}.home-knowledge .section-head{align-items:start;gap:18px}.home-knowledge .section-head h2{font-size:27px}.home-knowledge .section-head>.text-link{white-space:nowrap;font-size:11px}.home-knowledge .knowledge-grid{grid-template-columns:1fr;gap:15px}.home-knowledge .knowledge-card:first-child{grid-row:auto;min-height:0}.home-knowledge .knowledge-card:first-child .card-body{padding:210px 24px 24px}.home-knowledge .card-body{padding:24px}.home-knowledge .knowledge-card:first-child h3{font-size:23px}.home-knowledge .card-body h3{font-size:20px}}
@media(prefers-reduced-motion:reduce){.home-knowledge *,.home-knowledge *:after{animation:none!important;transition:none!important}}
