.clarity-page .hero-showcase{overflow:hidden;border:1px solid #d6ddcf;border-radius:64px 4px 4px 4px;background:#f7f5ef;scroll-margin-top:90px}
.clarity-page .compact-real-work{scroll-margin-top:90px}
.clarity-page .hero .hero-showcase .hero-image{display:block;height:auto;min-height:0;aspect-ratio:4/3;margin:0;border:0;border-radius:0;overflow:hidden}
.clarity-page .hero-showcase .hero-image picture,.clarity-page .hero-showcase .hero-image img{display:block;width:100%;height:100%;object-fit:cover}
.clarity-page .hero-showcase .hero-image-caption{top:16px;right:16px;bottom:auto;left:auto;padding:8px 12px;background:#f7f5ef;color:#25483b;font:600 12px/1.4 Arial,sans-serif;border-radius:3px}
.clarity-page .hero-showcase .hero-image-caption:before{content:'';display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#476f45;vertical-align:middle}
.clarity-page .hero-showcase .hero-featured-offer{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'label label' 'model price' 'area arrow';gap:6px 18px;align-items:center;margin:0;padding:22px 24px;border:0;background:#f7f5ef;color:#253a30;text-decoration:none}
.clarity-page .hero-featured-offer .offer-eyebrow{grid-area:label;font:12px/1.4 Arial,sans-serif;letter-spacing:.08em;color:#626d61}
.clarity-page .hero-featured-offer .offer-model{grid-area:model;font:30px/1.1 Georgia,serif;letter-spacing:-.5px;color:#253a30}
.clarity-page .hero-featured-offer .offer-price{grid-area:price;font:600 28px/1.1 Arial,sans-serif;letter-spacing:-.7px;white-space:nowrap;color:#25483b}
.clarity-page .hero-featured-offer .offer-area{grid-area:area;font:14px/1.5 Arial,sans-serif;color:#626d61}
.clarity-page .hero-featured-offer .offer-arrow{grid-area:arrow;justify-self:end;display:grid;place-items:center;width:40px;height:40px;border:1px solid #c5cebf;border-radius:50%;font:22px/1 Arial,sans-serif;color:#25483b;transition:background .15s,color .15s}
.clarity-page .hero-featured-offer:hover .offer-arrow{background:#25483b;color:#fff}
.clarity-page .real-photo-grid{align-items:start}
.clarity-page .real-photo-grid img{height:auto!important;aspect-ratio:4/3;object-fit:contain;background:#eceae3;border-radius:4px}
.clarity-page .real-photo-grid figure{min-width:0}
.clarity-page .real-photo-grid figure>a{display:block;border-radius:4px;overflow:hidden}
.clarity-page .real-photo-grid figcaption{margin-top:12px;font-size:14px}
@media(max-width:700px){
 .clarity-page .hero-showcase{border-radius:44px 4px 4px 4px}
 .clarity-page .hero-showcase .hero-featured-offer{padding:18px;gap:6px 12px}
 .clarity-page .hero-featured-offer .offer-model{font-size:28px}
 .clarity-page .hero-featured-offer .offer-price{font-size:26px}
 .clarity-page .hero-featured-offer .offer-area{font-size:13px}
 .clarity-page .hero-featured-offer .offer-eyebrow{font-size:12px}
 .clarity-page .hero-featured-offer .offer-arrow{width:36px;height:36px;font-size:20px}
 .clarity-page .real-photo-grid{grid-template-columns:1fr;gap:24px}
 .clarity-page .real-photo-grid img{height:auto!important}
}
@media(max-width:360px){.clarity-page .hero-showcase .hero-featured-offer{padding:16px 14px;column-gap:10px}.clarity-page .hero-featured-offer .offer-price{font-size:24px}.clarity-page .hero-featured-offer .offer-model{font-size:26px}.clarity-page .hero-featured-offer .offer-area{max-width:190px}}