.cf-gadgets{background:#fff;color:#101820}
.cf-gadgets .cfa-slide picture:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,14,18,.65),transparent 65%)}
.cf-gadgets .cfa-copy{padding-top:9%;padding-bottom:120px}
.cf-gadgets .cfa-copy h1,.cf-gadgets .cfa-copy h2{max-width:49%;font-size:clamp(38px,4.5vw,70px)}
.cf-gadgets .cfa-copy>p:not(.cf-kicker){color:#e3e7e6;max-width:35%}
.cf-gadgets .cfa-controls button{font-family:Arial,Helvetica,sans-serif}
.cfg-family-section{padding-block:88px;scroll-margin-top:24px}
.cfg-section-head{display:grid;grid-template-columns:1.25fr 1fr;gap:60px;align-items:end;margin-bottom:42px}
.cfg-section-head h2{font-size:clamp(34px,3.5vw,54px);line-height:1.08;letter-spacing:-.045em;margin:20px 0 0}
.cfg-section-head h2 em{font:italic 400 1em Georgia,serif}
.cfg-section-head>p{max-width:440px;color:#5d686c;line-height:1.7}
.cfg-family-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 28px}
.cfg-family{min-width:0}.cfg-family a{color:inherit;text-decoration:none}
.cfg-family-image{display:block;aspect-ratio:1.15;background:#f2f3f0;overflow:hidden;border-radius:14px}
.cfg-family-image img{width:100%;height:100%;object-fit:contain;padding:24px;transition:transform .3s}
.cfg-family-image:hover img{transform:scale(1.035)}
.cfg-family-info{position:relative;padding:22px 0 0}
.cfg-number{font-size:10px;letter-spacing:.12em;color:#64706a}
.cfg-family h3{font-size:25px;line-height:1.2;letter-spacing:-.04em;margin:12px 0}
.cfg-family p{font-size:14px;line-height:1.6;color:#5d686c;margin:0 0 18px;max-width:350px}
.cfg-family-link{display:flex;justify-content:space-between;font-size:13px;font-weight:700;border-bottom:1px solid #d8ddda;padding:12px 0}
.cfg-family-link span{color:#536800}.cfg-family a:focus-visible{outline:3px solid #718400;outline-offset:4px}
.cfg-empty{padding:32px;background:#f2f3f0;border-radius:16px;max-width:760px}
.cfg-empty h2{font-size:26px;margin:0 0 12px}.cfg-empty p{color:#5d686c;line-height:1.7}
@media(max-width:1000px){.cfg-family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cf-gadgets .cfa-copy h1,.cf-gadgets .cfa-copy h2{max-width:55%;font-size:48px}}
@media(max-width:749px){
.cf-gadgets .cfa-slide{height:calc(100svh - 66px);min-height:650px;max-height:860px}
.cf-gadgets .cfa-slide picture{inset:32% 0 70px;width:100%;height:auto}
.cf-gadgets .cfa-slide picture img{width:170%;max-width:none;left:-70%;height:100%;object-fit:cover;object-position:right center}
.cf-gadgets .cfa-slide picture:after{background:linear-gradient(180deg,#111719,transparent 30%,transparent 85%,#111719)}
.cf-gadgets .cfa-copy{padding-top:28px;padding-bottom:0}
.cf-gadgets .cfa-copy h1,.cf-gadgets .cfa-copy h2{max-width:100%;font-size:clamp(31px,8.8vw,38px);margin:14px 0}
.cf-gadgets .cfa-copy>p:not(.cf-kicker){max-width:300px;font-size:14px;margin-bottom:16px}
.cf-gadgets .cfa-controls{bottom:16px}
.cfg-family-section{padding-block:48px}.cfg-section-head{display:block;margin-bottom:28px}.cfg-section-head>p{margin-top:22px;font-size:14px}
.cfg-family-grid{gap:28px 16px}.cfg-family-image{aspect-ratio:1;border-radius:10px}.cfg-family-image img{padding:12px}
.cfg-family h3{font-size:19px}.cfg-family p{font-size:12px;margin-bottom:8px}.cfg-family-info{padding-top:14px}.cfg-family-link{font-size:12px}
}
@media(max-width:374px){.cfg-family-grid{grid-template-columns:1fr}.cfg-family h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){.cfg-family-image img{transition:none}}