/* Geometry, gutters and stagger are inherited unchanged from /projects/find/. */
.catalog-reference .reference-feature,.catalog-reference .reference-showcase,.catalog-reference .reference-flow{position:absolute;inset:0;background:var(--catalog-paper);color:var(--catalog-ink);overflow:hidden}
.reference-feature{display:flex;flex-direction:column;justify-content:center;padding:10%;box-sizing:border-box}.reference-feature-index{font-size:clamp(10px,1vw,14px);letter-spacing:.06em;margin-bottom:auto}.reference-feature>svg{width:20%;height:auto;margin:4% 0 7%}.reference-feature h3{font-size:clamp(24px,3vw,48px);line-height:1.06;letter-spacing:-.035em;font-weight:500;margin:0 0 6%}.reference-feature p{font-size:clamp(13px,1.15vw,18px);line-height:1.55;margin:0;max-width:30em}.reference-feature small{font-size:10px;letter-spacing:.08em;margin-top:auto;padding-top:5%}
.reference-showcase{display:flex;align-items:center;justify-content:space-around;padding:6%;box-sizing:border-box;gap:6%}.reference-showcase-copy{width:46%}.reference-showcase-copy>svg{width:56px;display:block;margin-bottom:14px}.reference-showcase-copy>span{font-size:20px;font-weight:600}.reference-showcase h2{font-size:clamp(28px,4vw,68px);line-height:1.05;letter-spacing:-.035em;font-weight:500;margin:8% 0}.reference-showcase p{font-size:clamp(14px,1.5vw,22px);line-height:1.5}.reference-screen{position:relative;overflow:hidden;width:23%;flex-shrink:0;border-radius:16px;box-shadow:0 20px 40px #0002;background:white}.catalog-reference .reference-screen img{position:absolute!important;max-width:none!important;height:auto!important;object-fit:initial!important;transform:none!important}.reference-showcase>small,.reference-flow>small{position:absolute;bottom:3%;left:6%;font-size:clamp(9px,.85vw,13px)}
.reference-flow{display:flex;flex-direction:column;justify-content:center;padding:6%;box-sizing:border-box}.reference-flow>span{font-size:14px}.reference-flow>h2{font-size:clamp(28px,4vw,64px);line-height:1.1;font-weight:500;letter-spacing:-.03em;margin:5% 0}.reference-flow>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3%}.reference-flow article{border-top:1px solid currentColor;padding-top:6%}.reference-flow b{font-size:15px;font-weight:400}.reference-flow h3{font-size:clamp(19px,2vw,30px);font-weight:500;margin:6% 0}.reference-flow p{font-size:clamp(12px,1.2vw,18px);line-height:1.5}
.catalog-reference .ns-product-brand svg{width:56px;height:56px}.catalog-reference .ns-offer{background:var(--catalog-paper);color:var(--catalog-ink)}.catalog-reference .ns-buy{background:var(--catalog-ink)}
@media(prefers-reduced-motion:reduce){.catalog-reference .cb-preview-media,.catalog-reference .cb-splitshow-preview-media,.catalog-reference .cb-overview span,.catalog-reference .cb-tophead span{opacity:1!important;transform:none!important}}
@media(max-width:767px){.reference-showcase{padding:8%;flex-direction:column;justify-content:flex-start;gap:5%}.reference-showcase-copy{width:100%}.reference-showcase-copy>svg{width:34px;margin-bottom:6px}.reference-showcase-copy>span{font-size:16px}.reference-showcase h2{font-size:32px;margin:5% 0}.reference-showcase p{font-size:14px}.reference-screen{width:38%;border-radius:10px;max-height:52%}.reference-flow{padding:8%;justify-content:flex-start}.reference-flow>span{font-size:11px}.reference-flow>h2{font-size:32px;margin:8% 0}.reference-flow>div{grid-template-columns:1fr;gap:14px}.reference-flow article{padding-top:10px}.reference-flow h3{font-size:20px;margin:8px 0}.reference-flow p{font-size:13px;margin:0}.reference-feature h3{font-size:30px}.reference-feature p{font-size:14px}.reference-feature-index{font-size:10px}}
@media(max-width:1100px){.catalog-reference .reference-feature{padding:8%;justify-content:center}.reference-feature-index{font-size:9px;margin-bottom:16px;padding-right:25px}.reference-feature>svg{position:absolute;right:7%;top:6%;width:26px;margin:0}.reference-feature h3{font-size:23px;margin:0 0 12px}.reference-feature p{font-size:12px;line-height:1.4}.reference-feature small{display:none}}
@media(max-width:767px){.catalog-reference .reference-flow{padding:6%;justify-content:center}.reference-flow>h2{font-size:21px;margin:4% 0}.reference-flow>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.reference-flow article{padding-top:6px}.reference-flow h3{font-size:13px;line-height:1.25;margin:5px 0}.reference-flow article p{display:none}.reference-flow>small{font-size:8px}.catalog-reference .cb-preview-main:not(.-lg) .reference-showcase{flex-direction:row;align-items:center;padding:6%}.cb-preview-main:not(.-lg) .reference-showcase-copy{width:58%}.cb-preview-main:not(.-lg) .reference-showcase-copy>svg{display:none}.cb-preview-main:not(.-lg) .reference-showcase h2{font-size:22px}.cb-preview-main:not(.-lg) .reference-showcase p{display:none}.cb-preview-main:not(.-lg) .reference-screen{height:85%;width:auto;max-height:none}.cb-preview-main:not(.-lg) .reference-showcase>small{font-size:8px}}
@media(max-width:360px){.catalog-reference .reference-flow{padding:5%}.reference-flow>h2{font-size:18px}.reference-flow h3{font-size:12px}.reference-flow>span{font-size:9px}}
@media(max-width:767px){.catalog-reference .cb-preview-main.-lg .reference-showcase{flex-direction:row;align-items:center;justify-content:space-between;padding:7%;gap:5%}.cb-preview-main.-lg .reference-showcase-copy{width:57%}.cb-preview-main.-lg .reference-showcase h2{font-size:26px}.cb-preview-main.-lg .reference-showcase p{font-size:13px}.cb-preview-main.-lg .reference-screen{width:34%;max-height:none}.cb-preview-main.-lg .reference-showcase>small{font-size:8px;max-width:85%}}
[data-theme=dark] .catalog-reference .ns-offer{background:#10151e;color:#f7f9ff;border-color:#293345}
[data-theme=dark] .catalog-reference .ns-price-card{color:#f7f9ff}