.reference-hero{display:grid;grid-template-columns:1.85fr 1fr;gap:18px;margin:25px 0 32px;align-items:stretch}.reference-main{display:grid;grid-template-columns:1.45fr 1fr;gap:23px;padding:48px 34px 35px;background:radial-gradient(ellipse at 100% 10%,#205776 0,transparent 65%),linear-gradient(145deg,#071d30,#0d5c83);color:white;border:1px solid #2a617d;border-radius:20px;overflow:hidden;min-height:605px;align-items:center;box-shadow:0 18px 40px #0f334213}.reference-copy .eyebrow{color:#b8daee!important;font-size:9px!important;letter-spacing:1.2px!important}.reference-copy h1{font-size:clamp(38px,4.2vw,60px)!important;color:#fff!important;font-weight:750!important;letter-spacing:-2.4px!important;line-height:1.1!important;margin:26px 0 21px!important}.reference-copy h1 em{font-style:normal;color:#bce4ff}.reference-copy p{font-size:13px;line-height:1.9;color:#e4eff7;margin:0 0 26px}.reference-actions{display:flex;flex-wrap:wrap;gap:10px}.reference-actions .button{background:#fff!important;color:#16459f!important;border-color:#fff!important;font-size:11px!important;padding:12px 16px!important;min-height:43px!important}.reference-actions .outline{color:#fff!important;background:#ffffff08!important;border-color:#ffffff65!important}.reference-art{background:#ecf7fd;border-radius:20px;padding:10px 9px 17px;overflow:hidden}.reference-art img{width:100%;height:auto;display:block;mix-blend-mode:multiply;border-radius:12px}.reference-art span{font-size:7px;letter-spacing:1px;text-align:center;display:block;color:#35617d;font-weight:700;margin-top:12px}.reference-pills{display:flex;gap:8px;flex-wrap:wrap;grid-column:1/-1;margin-top:14px}.reference-pills span{background:#ffffff12;border:1px solid #ffffff35;border-radius:30px;font-size:9px;font-weight:600;padding:7px 10px}.reference-promos{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:14px}.reference-promo{position:relative;isolation:isolate;display:flex;align-items:center;min-height:185px;border-radius:17px;overflow:hidden;border:1px solid #dcd5ff;background:#f0edff}.reference-promo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.reference-promo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f5f2fff7 0%,#f5f2ffe6 36%,#f5f2ff36 72%,transparent);z-index:-1}.reference-promo>div{padding:25px 21px;width:74%}.reference-promo .eyebrow{font-size:9px!important;letter-spacing:1px!important}.reference-promo h2{font-size:27px!important;line-height:1.12!important;letter-spacing:-1px!important;margin:12px 0 9px!important;color:#142c40!important}.reference-promo p{max-width:220px;font-size:12px;color:#53697c;line-height:1.7;margin:0 0 15px}.reference-promo b{font-size:11px;color:#195ad6}.reference-body{border-color:#f0d5b4;background:#fff3e5}.reference-body:after{background:linear-gradient(90deg,#fff5e9fa,#fff5e9dd 40%,#fff5e929 78%,transparent)}.reference-electric{border-color:#bde8d4;background:#e7fcf1}.reference-electric:after{background:linear-gradient(90deg,#eafdf5fa,#eafdf5de 40%,#eafdf52b 78%,transparent)}.reference-promo:hover{border-color:#9bbce8}.reference-promo:hover b{text-decoration:underline;text-underline-offset:4px}
body .category-modern-grid{align-items:stretch!important;gap:15px!important}body .category-modern-card{border-radius:13px!important;display:flex!important;flex-direction:column!important}body .category-media{height:auto!important;aspect-ratio:1/1!important;width:100%!important;padding:0!important;overflow:hidden!important}body .category-media img{width:100%!important;height:100%!important;object-fit:cover!important;mix-blend-mode:normal!important;display:block!important;transform:scale(1.015)!important}body .category-copy{min-height:79px!important;background:white!important;padding:15px 12px!important}body .category-copy h3{font-size:13px!important;margin-bottom:5px!important}body .category-copy p{font-size:10px!important}
@media(max-width:1000px){.reference-hero{grid-template-columns:1.7fr 1fr;gap:12px}.reference-main{padding:32px 22px 25px;gap:15px;grid-template-columns:1.35fr 1fr;min-height:570px}.reference-copy h1{font-size:41px!important;letter-spacing:-1.8px!important}.reference-copy p{font-size:12px}.reference-promo>div{padding:19px 15px;width:82%}.reference-promo h2{font-size:22px!important}.reference-promo p{font-size:11px}.reference-art span{font-size:6px}.reference-pills span{font-size:8px;padding:6px 8px}}
@media(max-width:700px){.reference-hero{grid-template-columns:1fr;gap:12px;margin-top:17px}.reference-main{min-height:0;grid-template-columns:1.3fr 1fr;padding:29px 21px 23px;gap:14px;border-radius:17px}.reference-copy h1{font-size:37px!important;line-height:1.1!important;letter-spacing:-1.5px!important;margin:19px 0 15px!important}.reference-copy .eyebrow{font-size:7px!important;letter-spacing:.7px!important}.reference-copy p{font-size:11px;line-height:1.75;margin-bottom:20px}.reference-actions{gap:7px}.reference-actions .button{font-size:10px!important;padding:9px 11px!important;min-height:38px!important}.reference-art{padding:7px 6px 11px;border-radius:13px}.reference-art span{font-size:6px;letter-spacing:.5px;margin-top:9px}.reference-pills{gap:5px;margin-top:7px}.reference-pills span{font-size:7px;padding:5px 7px}.reference-promos{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto;gap:8px}.reference-promo{min-height:181px;align-items:flex-start;border-radius:11px}.reference-promo>div{padding:13px 10px;width:100%}.reference-promo>img{object-position:65% center}.reference-promo:after{background:linear-gradient(180deg,#f4f1fff7 0%,#f4f1ffe6 46%,#f4f1ff33 85%)}.reference-body:after{background:linear-gradient(180deg,#fff5e9fa,#fff5e9da 46%,#fff5e929 85%)}.reference-electric:after{background:linear-gradient(180deg,#eafdf5fa,#eafdf5dd 46%,#eafdf52b 85%)}.reference-promo .eyebrow{font-size:6px!important;letter-spacing:.35px!important;line-height:1.4!important;display:block}.reference-promo h2{font-size:15px!important;letter-spacing:-.4px!important;margin:9px 0!important;line-height:1.15!important}.reference-promo p{font-size:9px;line-height:1.45;margin-bottom:10px}.reference-promo b{font-size:9px}.reference-promos br{display:none}body .category-modern-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}body .category-media{height:auto!important;aspect-ratio:1!important}body .category-copy{padding:11px 8px!important;min-height:70px!important}body .category-copy h3{font-size:10px!important;line-height:1.35!important}body .category-copy p{font-size:8px!important}}
@media(max-width:360px){.reference-main{padding:23px 16px 19px;gap:10px}.reference-copy h1{font-size:31px!important}.reference-copy p{font-size:10px}.reference-promo h2{font-size:13px!important}.reference-promo>div{padding:12px 8px}}