/* Commercial page only: photographic product directory inspired by the reference. */
.commercial-redesign .commercial-hero{position:relative;isolation:isolate;min-height:480px;height:clamp(480px,72svh,700px);overflow:hidden;background:#dadada}
.commercial-redesign .commercial-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 50%}
.commercial-redesign .commercial-hero-copy{position:absolute;left:50px;right:50px;bottom:55px;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.65)}
.commercial-redesign .commercial-hero h1{margin:0;color:#fff;font-size:clamp(64px,8vw,112px);font-weight:300;line-height:1.05;letter-spacing:-.055em;text-wrap:initial}
.commercial-redesign .commercial-hero-copy p{margin:20px 0 0;color:#fff;font-size:22px;line-height:1.5;max-width:440px}
.commercial-redesign .commercial-introduction{padding:100px 50px 110px;border-bottom:1px solid var(--line);background:#fff}
.commercial-redesign .commercial-introduction>p{max-width:790px;margin:0 auto;font-size:26px;font-weight:300;line-height:1.65;color:#45494b}
.commercial-redesign .commercial-range{padding:65px 50px 0}
.commercial-redesign .commercial-range-heading{display:flex;align-items:baseline;justify-content:space-between;gap:30px;padding:0 0 35px}
.commercial-redesign .commercial-range-heading h2{margin:0;font-size:34px;line-height:1.2}
.commercial-redesign .commercial-range-heading p{margin:0;font-size:16px;line-height:1.6}
.commercial-redesign .commercial-product-row{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,.8fr);gap:45px;align-items:center;padding:42px 0;border-top:1px solid var(--line)}
.commercial-redesign .commercial-product-photo{display:block;aspect-ratio:1;background:#bcbcbc;line-height:0}
.commercial-redesign .commercial-product-photo img{display:block;width:100%;height:100%;object-fit:contain}
.commercial-redesign .commercial-product-info{min-width:0}
.commercial-redesign .commercial-product-info h3{margin:0 0 22px;font-size:28px;line-height:1.25;font-weight:400;letter-spacing:-.035em;overflow-wrap:break-word}
.commercial-redesign .commercial-capacity{margin:0 0 16px;color:var(--ink);line-height:1.25}
.commercial-redesign .commercial-capacity strong{font-size:40px;font-weight:300;letter-spacing:-.045em}
.commercial-redesign .commercial-capacity span{font-size:17px;white-space:nowrap}
.commercial-redesign .commercial-product-description{max-width:290px;margin:0 0 22px;font-size:16px;line-height:1.65}
.commercial-redesign .commercial-product-link{display:inline-flex;align-items:center;gap:24px;min-height:44px;border-bottom:1px solid #b8bbbd;font-size:14px}
.commercial-redesign .commercial-product-link:hover{color:var(--primary)}
.commercial-redesign .commercial-applications{border-left:1px solid var(--line);padding-left:30px}
.commercial-redesign .commercial-applications h4{margin:0 0 18px;font-size:16px;font-weight:500;line-height:1.5}
.commercial-redesign .commercial-applications ul{display:grid;gap:8px;list-style:none;margin:0;padding:0;color:var(--muted);font-size:16px;line-height:1.6}
.commercial-redesign .commercial-range--additional{padding-top:85px}
.commercial-redesign .commercial-selection{padding:95px 50px 105px;margin-top:40px;text-align:center;background:#f3f4f4;border-top:1px solid var(--line)}
.commercial-redesign .commercial-selection h2{margin:0 0 25px;font-size:44px}
.commercial-redesign .commercial-selection p{max-width:650px;margin:0 auto 30px;font-size:19px;line-height:1.75}
.commercial-redesign .commercial-selection .oklin-outline-link{font-size:15px}
@media(max-width:900px){
  .commercial-redesign .commercial-hero{min-height:460px;height:65svh;max-height:640px}
  .commercial-redesign .commercial-hero-copy{left:30px;right:30px;bottom:40px}
  .commercial-redesign .commercial-introduction{padding:70px 35px}
  .commercial-redesign .commercial-introduction>p{font-size:23px}
  .commercial-redesign .commercial-range{padding:50px 30px 0}
  .commercial-redesign .commercial-range-heading{display:block}
  .commercial-redesign .commercial-range-heading p{margin-top:15px}
  .commercial-redesign .commercial-product-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 30px}
  .commercial-redesign .commercial-product-photo{grid-row:span 2;align-self:center}
  .commercial-redesign .commercial-applications{grid-column:2;padding-left:0;border-left:0}
  .commercial-redesign .commercial-applications h4{margin-bottom:10px}
  .commercial-redesign .commercial-product-info h3{font-size:26px}
  .commercial-redesign .commercial-selection{padding:70px 30px}
}
@media(max-width:560px){
  .commercial-redesign .commercial-hero{min-height:440px;max-height:560px}
  .commercial-redesign .commercial-hero>img{object-position:58% center}
  .commercial-redesign .commercial-hero-copy{left:22px;right:22px;bottom:32px}
  .commercial-redesign .commercial-hero h1{font-size:clamp(42px,11.5vw,64px)}
  .commercial-redesign .commercial-hero-copy p{font-size:18px;max-width:280px}
  .commercial-redesign .commercial-introduction{padding:55px 22px}
  .commercial-redesign .commercial-introduction>p{font-size:21px}
  .commercial-redesign .commercial-range{padding:45px 22px 0}
  .commercial-redesign .commercial-range-heading h2{font-size:30px}
  .commercial-redesign .commercial-product-row{grid-template-columns:minmax(0,1fr);gap:24px;padding:32px 0 40px}
  .commercial-redesign .commercial-product-photo{grid-row:auto;max-width:380px;width:100%;justify-self:center}
  .commercial-redesign .commercial-product-info h3{margin-bottom:14px}
  .commercial-redesign .commercial-product-description{max-width:none}
  .commercial-redesign .commercial-applications{grid-column:1;border-top:1px solid var(--line);padding-top:20px}
  .commercial-redesign .commercial-applications ul{gap:4px}
  .commercial-redesign .commercial-selection{margin-top:20px;padding:55px 22px}
  .commercial-redesign .commercial-selection h2{font-size:36px}
  .commercial-redesign .commercial-selection p{font-size:18px}
}