.po-hero{height:100svh;min-height:640px;overflow:hidden;position:relative}.po-hero-photo{height:100%;top:0;right:0;bottom:0;left:0;margin:0;position:absolute;width:100%}.po-hero-photo img,.po-hero-photo video{height:100%;object-fit:cover;transition:transform 1.4s ease;width:100%}@media(hover:hover){.po-hero:hover .po-hero-photo img,.po-hero:hover .po-hero-photo video{transform:scale(1.04)}}.po-hero:after{background:linear-gradient(to top,rgba(4,8,16,.62) 0%,rgba(4,8,16,.18) 44%,rgba(4,8,16,.03) 70%,transparent),linear-gradient(90deg,rgba(4,8,16,.1),transparent 55%);content:"";top:0;right:0;bottom:0;left:0;position:absolute}.po-hero-copy{bottom:0;left:0;padding:0 max(22px,calc((100vw - 1340px)/2)) clamp(28px,3.5vw,40px);position:absolute;right:0;z-index:1}.po-hero-eyebrow{color:#ffffff6b;font-size:11px;font-weight:700;letter-spacing:.22em;margin:0 0 14px;text-transform:uppercase}.po-hero-title{color:#fff;font-size:clamp(38px,6vw,80px);font-weight:280;letter-spacing:-.05em;line-height:1;margin:0 0 18px}.po-hero-loc{color:#ffffff59;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.lightbox{align-items:center;background:#040810f5;display:none;top:0;right:0;bottom:0;left:0;justify-content:center;position:fixed;z-index:9999}.lightbox.open{display:flex}.lightbox img{max-height:84vh;max-width:86vw;object-fit:contain}.lightbox-close{background:none;border:0;color:#ffffff80;cursor:pointer;font-size:28px;line-height:1;padding:8px;position:absolute;right:24px;top:20px;transition:color .18s;z-index:1}.lightbox-close:hover{color:#fff}.lightbox-caption{bottom:44px;color:#ffffff61;font-size:10px;font-weight:700;letter-spacing:.2em;left:0;position:absolute;right:0;text-align:center;text-transform:uppercase}.lightbox-counter{bottom:24px;color:#ffffff47;font-size:10px;font-weight:600;letter-spacing:.15em;left:0;position:absolute;right:0;text-align:center}.lightbox-prev,.lightbox-next{align-items:center;background:none;border:0;color:#ffffff80;cursor:pointer;display:flex;font-size:52px;height:100%;justify-content:center;padding:0 24px;position:absolute;top:0;transition:color .18s;-webkit-user-select:none;user-select:none;width:80px}.lightbox-prev{left:0}.lightbox-next{right:0}.lightbox-prev:hover,.lightbox-next:hover{color:#fff}.po-featured-specs dd{color:#cbd5e1;font-size:13px;font-weight:400;margin:0}.po-featured-link{border-bottom:1px solid rgba(255,255,255,.28);color:#fff;display:inline-block;font-size:10px;font-weight:800;letter-spacing:.2em;padding-bottom:5px;text-decoration:none;text-transform:uppercase;transition:border-color .2s,color .2s}.po-featured-link:hover{border-color:#d32927;color:#f87171}.po-grid-section{background:#f8fafc;padding:clamp(60px,8vw,100px) 0 clamp(72px,10vw,120px)}.po-grid-head{margin-bottom:clamp(36px,5vw,56px)}.po-grid-head h2{color:#0f172a;font-size:clamp(28px,3.4vw,46px);font-weight:290;letter-spacing:-.075em;line-height:1.02;margin:0}.po-grid{display:grid;gap:2px;grid-template-columns:repeat(3,1fr);background:#e2e8f0}.po-card{background:#fff;cursor:pointer;overflow:hidden;position:relative;text-decoration:none;transition:box-shadow .25s ease}.po-card-photo{overflow:hidden}.po-card-photo img{aspect-ratio:4 / 3;display:block;object-fit:cover;width:100%}@media(hover:hover){.po-card:hover{box-shadow:0 12px 40px #0f172a1a;z-index:1}.po-card-photo img{transition:transform .65s ease}.po-card:hover .po-card-photo img{transform:scale(1.06)}}.po-card-body{border-top:1px solid #f1f5f9;padding:clamp(18px,2.2vw,26px)}.po-card-body p{color:#0f172a;font-size:clamp(13px,1.3vw,16px);font-weight:500;letter-spacing:-.02em;line-height:1.3;margin:0 0 5px}.po-card-body h3{color:#94a3b8;font-size:11px;font-weight:500;letter-spacing:.01em;line-height:1.45;margin:0}.po-card.hidden{display:none}@media(max-width:960px){.po-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.po-hero{min-height:500px}.po-grid-section{padding:48px 0 64px}.po-grid-head{margin-bottom:28px}.po-grid-head h2{display:none}.po-grid{grid-template-columns:1fr;gap:1px}.po-card-photo img{aspect-ratio:16 / 9}.po-card-body{padding:16px 18px}.po-card-body p{font-size:15px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/page-projects.css.map */