.idlet-use-cases{max-width:1200px;padding-top:85px;padding-bottom:45px}
.idlet-use-cases-heading{display:flex;justify-content:space-between;gap:35px;align-items:flex-end;margin-bottom:38px}
.idlet-use-cases-heading .eyebrow{font-size:8px;letter-spacing:1.6px;color:#888c81;margin-bottom:17px}
.idlet-use-cases-heading h2{font-size:clamp(30px,3.6vw,46px);font-weight:500;letter-spacing:-.055em;margin:0;color:#34362f}
.idlet-use-cases-heading>p{font-size:12px;line-height:1.8;margin:0 2px 4px 0;color:#92958c}
.idlet-use-case-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.idlet-use-case{display:grid;grid-template-columns:115px minmax(0,1fr);gap:19px;position:relative;min-height:194px;padding:22px 23px 20px 14px;overflow:hidden;border-radius:15px;border:1px solid #dedfd9;background:linear-gradient(130deg,#f7f7f3,#eeeeea);box-shadow:inset 0 1px 0 #ffffffed,inset 0 -1px 0 #dcddd5,0 2px 3px #3e433005;transition:border-color .2s,box-shadow .3s,background .3s}
.idlet-use-case:after{content:'';position:absolute;inset:4px;pointer-events:none;border-radius:11px;border:1px solid #fff5}
.idlet-use-case:hover,.idlet-use-case:focus-visible{border-color:#b9c497;background:linear-gradient(130deg,#fbfcf5,#eff0e9);box-shadow:inset 0 1px 0 white,0 5px 13px #444b3010}
.idlet-use-case-art{position:relative;align-self:center;height:126px;border-radius:10px;background:linear-gradient(145deg,#e4e6df,#f4f5ee);border:1px solid #d7dbcd;box-shadow:inset 0 1px 2px #8b947719,inset 0 -1px 0 #fff;isolation:isolate}
.idlet-use-case-art:before{content:'';position:absolute;inset:8px;border:1px solid #c6cdb72b;border-radius:7px;z-index:-1;background-image:linear-gradient(#bac3a515 1px,transparent 1px),linear-gradient(90deg,#bac3a515 1px,transparent 1px);background-size:16px 16px}
.idlet-use-case-art img{position:absolute;width:154px;max-width:none;height:135px;left:50%;top:54%;object-fit:contain;transform:translate(-50%,-50%);filter:drop-shadow(0 7px 4px #545c3a25);transition:transform .5s cubic-bezier(.22,1,.36,1)}
.idlet-use-case:hover .idlet-use-case-art img{transform:translate(-50%,-52%)}
.idlet-use-case-number{position:absolute;top:6px;left:7px;color:#969d8b;font:500 7px/1 var(--mono);letter-spacing:.3px}
.idlet-use-case-art i{position:absolute;width:14px;height:3px;bottom:7px;left:calc(50% - 7px);border-radius:2px;background:#c0d56b;box-shadow:0 0 0 1px #a8b2943d,0 1px 1px #fff}
.idlet-use-case-copy{min-width:0;align-self:center}
.idlet-use-case-role{display:block;font:500 8px/1.5 var(--mono);letter-spacing:1.15px;text-transform:uppercase;color:#94988c;margin-bottom:8px}
.idlet-use-case-copy h3{font-size:20px;line-height:1.2;font-weight:550;letter-spacing:-.6px;color:#44483d;margin:0 0 10px}
.idlet-use-case-copy>p{font-size:11px;line-height:1.75;color:#929689;margin:0;max-width:380px}
.idlet-use-case-sample{display:block;font:500 7px/1.5 var(--mono);color:#a1a695;margin-top:13px;letter-spacing:.2px;padding-top:10px;border-top:1px solid #d9decf}
.idlet-use-cases-note{display:flex;align-items:center;gap:7px;justify-content:center;margin:23px 0 0;font-size:10px;line-height:1.7;color:#999e91}
.idlet-use-cases-note i{display:block;flex:none;width:4px;height:4px;background:#aeb991;border-radius:50%}
@media(max-width:1000px) and (min-width:761px){.idlet-use-case{grid-template-columns:88px minmax(0,1fr);gap:15px;padding:20px 18px 19px 12px;min-height:210px}.idlet-use-case-art{height:112px}.idlet-use-case-art img{width:132px;height:116px}.idlet-use-case-copy h3{font-size:18px}.idlet-use-case-copy>p{font-size:10px}}
@media(max-width:760px){.idlet-use-cases{padding-top:65px;padding-bottom:30px}.idlet-use-cases-heading{display:block;margin-bottom:26px}.idlet-use-cases-heading h2{font-size:33px}.idlet-use-cases-heading>p{font-size:11px;margin-top:20px}.idlet-use-cases-heading>p br{display:none}.idlet-use-case-list{grid-template-columns:1fr;gap:11px}.idlet-use-case{grid-template-columns:87px minmax(0,1fr);gap:15px;padding:20px 17px 19px 12px;min-height:188px}.idlet-use-case-art{height:112px}.idlet-use-case-art img{width:130px;height:116px}.idlet-use-case-copy h3{font-size:18px}.idlet-use-case-copy>p{font-size:10px;line-height:1.75}.idlet-use-case-role{font-size:7px;letter-spacing:.8px}.idlet-use-case-sample{font-size:6px;letter-spacing:0}.idlet-use-cases-note{font-size:8px;justify-content:flex-start;align-items:flex-start;padding-left:3px}.idlet-use-cases-note i{margin-top:5px}}
@media(prefers-reduced-motion:reduce){.idlet-use-case,.idlet-use-case-art img{transition:none!important}.idlet-use-case:hover .idlet-use-case-art img{transform:translate(-50%,-50%)}}