/* Homepage inspiration gallery. The phone hero keeps its compass layout. */
.hero-showcase{display:none;min-width:0;}
@media(min-width:1025px){
 .hero-showcase{display:block;padding:18px;border:1px solid #ffffff1c;border-radius:24px;background:linear-gradient(135deg,#ffffff09,#ffffff02);box-shadow:0 18px 60px #0513241a;}
 .hero-showcase-header{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 1px 18px;color:#fff;}
 .hero-showcase-kicker{display:block;color:#dbbf82;font:600 9px/1.5 Inter,sans-serif;letter-spacing:1.8px;margin-bottom:7px;}
 .hero-showcase-header h2{font:600 23px/1.2 Inter,sans-serif;letter-spacing:-.65px;margin:0;color:#f3f7fc;}
 .hero-showcase-all{display:inline-flex;align-items:center;justify-content:center;gap:9px;flex-shrink:0;padding:10px 12px;min-height:42px;border:1px solid #ffffff21;border-radius:10px;background:#ffffff04;color:#d2e0ed;font:500 11px/1.4 Inter,sans-serif;transition:background .25s,border-color .25s;}
 .hero-showcase-all:hover{background:#ffffff0e;border-color:#d6ba7e80;}
 .hero-showcase .hero-right{grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:200px 200px;gap:12px;animation:none;padding:0;}
 .hero-showcase .hero-photo{border:1px solid #ffffff24;border-radius:15px!important;box-shadow:0 4px 16px #03101d20;isolation:isolate;transform:none!important;transition:border-color .35s ease,box-shadow .35s ease;}
 .hero-showcase .hero-photo::after{display:none;}
 .hero-showcase .hero-photo img{transition:transform .85s cubic-bezier(.2,.65,.3,1);}
 .hero-showcase .hero-photo-ovl{background:linear-gradient(180deg,#07162612 12%,transparent 35%,#06192955 62%,#041324e8 100%);pointer-events:none;}
 .hero-showcase .hero-photo:first-child .hero-photo-ovl{background:linear-gradient(180deg,#07162606 25%,transparent 42%,#06192960 65%,#041324f5 100%);}
 .hero-showcase .hero-badge{z-index:2;top:12px;left:12px;font:600 9px/1.4 Inter,sans-serif;letter-spacing:.65px;padding:6px 8px;border:1px solid #ffffff30;background:#071b2b99;color:#f0f5f8;box-shadow:none;backdrop-filter:none;}
 .hero-showcase .hero-badge::before{animation:none;box-shadow:none;width:4px;height:4px;margin-right:5px;opacity:.9;}
 .hero-showcase .hero-badge.featured{background:#f0d9a6;color:#49391c;border-color:#f6e4bd;}
 .hero-showcase .hero-badge.featured::before{background:#8e6b28;}
 .hero-showcase .hero-photo .hero-photo-lbl{z-index:2;left:14px;right:14px;bottom:17px;letter-spacing:0;text-shadow:none;}
 .hero-showcase .hero-photo-lbl strong{display:block;font:600 17px/1.25 Inter,sans-serif;letter-spacing:-.45px;color:white;padding-right:24px;}
 .hero-showcase .hero-photo-theme{display:block;margin-top:7px;font:400 11px/1.5 Inter,sans-serif;color:#d1dfe8;max-width:145px;}
 .hero-showcase .hero-photo:first-child .hero-photo-lbl{left:21px;right:21px;bottom:23px;}
 .hero-showcase .hero-photo:first-child .hero-photo-lbl strong{font-size:32px;letter-spacing:-1px;padding-right:32px;}
 .hero-showcase .hero-photo:first-child .hero-photo-theme{font-size:12px;max-width:none;margin-top:10px;}
 .hero-photo-arrow{position:absolute;z-index:2;right:0;top:-2px;bottom:auto;width:25px;height:25px;border-radius:50%;border:1px solid #ffffff44;background:#ffffff0a;display:grid;place-items:center;color:#fff;transition:background .3s,border-color .3s;}
 .hero-photo-arrow svg{width:13px;height:13px;}
 .hero-showcase .hero-photo:first-child .hero-photo-arrow{width:34px;height:34px;right:0;top:4px;bottom:auto;}
 .hero-showcase .hero-photo:first-child .hero-photo-arrow svg{width:17px;height:17px;}
 .hero-showcase a:focus-visible{outline:2px solid #f0d9a6;outline-offset:4px;}
}
@media(min-width:1025px) and (max-width:1200px){
 .hero-showcase{padding:13px;border-radius:20px;}
 .hero-showcase-header{gap:10px;margin-bottom:14px;}
 .hero-showcase-header h2{font-size:19px;}
 .hero-showcase-kicker{font-size:8px;letter-spacing:1.2px;}
 .hero-showcase-all{font-size:10px;padding:8px;gap:5px;}
 .hero-showcase .hero-right{grid-template-rows:185px 185px;gap:9px;}
 .hero-showcase .hero-photo .hero-photo-lbl{left:10px;right:10px;bottom:14px;}
 .hero-showcase .hero-photo-lbl strong{font-size:14px;padding-right:0;}
 .hero-showcase .hero-photo-theme{font-size:10px;margin-top:6px;}
 .hero-showcase .hero-badge{left:8px;top:9px;padding:5px 6px;font-size:8px;letter-spacing:.3px;}
 .hero-showcase .hero-photo:first-child .hero-photo-lbl{left:14px;right:14px;bottom:19px;}
 .hero-showcase .hero-photo:first-child .hero-photo-lbl strong{font-size:27px;}
 .hero-showcase .hero-photo:first-child .hero-photo-theme{font-size:10px;}
 .hero-showcase .hero-photo:not(:first-child) .hero-photo-arrow{display:none;}
}
@media(min-width:1025px) and (hover:hover) and (pointer:fine){
 .hero-showcase .hero-photo:hover{transform:none!important;border-color:#e5cc94a6;box-shadow:0 0 0 1px #dec38b24,0 8px 26px #0412234d!important;}
 .hero-showcase .hero-photo:hover img{transform:scale(1.04);}
 .hero-showcase .hero-photo:hover .hero-badge{transform:none;}
 .hero-showcase .hero-photo:hover .hero-photo-arrow{background:#e4c88b;color:#263543;border-color:#e4c88b;}
}
@media(prefers-reduced-motion:reduce){
 .hero-showcase .hero-photo,.hero-showcase .hero-photo img,.hero-showcase .hero-photo-arrow,.hero-showcase-all{transition:none!important;}
 .hero-showcase .hero-photo:hover img{transform:none;}
}