.products { background:var(--paper); padding-top:82px; padding-bottom:78px; }
.products__heading { display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:40px; }
.products__heading .section__head { margin:0; }
.products__intro { margin:0 0 2px; color:#77736e; font-size:14px; line-height:1.65; }
.product-feature { display:grid; grid-template-columns:minmax(0,1.27fr) minmax(0,1fr); background:#20211f; color:#f4f2ed; min-height:344px; }
.product-feature__main { padding:34px 42px 32px; }
.product-feature__focus { display:flex; align-items:center; gap:9px; text-transform:uppercase; letter-spacing:.13em; font-size:10px; color:#c0beb5; }
.product-feature__focus i { width:5px; height:5px; display:block; border-radius:50%; background:#cfcec2; }
.product-feature h3 { font:400 clamp(42px,4vw,57px)/1.1 var(--serif); letter-spacing:-.045em; margin:20px 0 17px; }
.product-feature__main > p { font-size:14px; line-height:1.8; color:#bdbbb3; margin:0 0 27px; }
.product-feature__link { display:inline-flex; align-items:center; gap:32px; font-size:13px; border-bottom:1px solid #686963; padding-bottom:8px; }
.product-feature svg, .product-small svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.15; transition:transform .2s; }
.product-feature:hover .product-feature__link svg, .product-small:hover svg { transform:translate(2px,-2px); }
.product-feature__aside { margin:34px 0 32px; border-left:1px solid #474842; padding:0 42px; display:flex; flex-direction:column; justify-content:space-between; }
.product-feature__index { font-size:9px; letter-spacing:.15em; color:#94958b; }
.product-feature__aside > p { font:400 clamp(30px,3.4vw,51px)/1.22 var(--serif); letter-spacing:-.035em; margin:20px 0; }
.product-feature__aside em { font-weight:400; color:#d1d0c3; }
.product-feature__aside-note { font-size:11px; color:#94958b; }
.products__more { display:grid; grid-template-columns:1fr 1fr; gap:42px; margin-top:33px; }
.product-small { padding:23px 0 0; border-top:1px solid #c9c6be; }
.product-small__heading { display:flex; align-items:center; justify-content:space-between; margin-bottom:18px; }
.product-small__heading .eyebrow { font-size:9px; letter-spacing:.12em; }
.product-small__heading svg { width:18px; height:18px; }
.product-small h3 { margin:0 0 13px; font:400 35px/1.15 var(--serif); letter-spacing:-.035em; }
.product-small p { margin:0 0 20px; font-size:13px; line-height:1.8; color:#6c6862; }
.product-small__domain { font-size:11px; color:#79756e; }
.product-feature:focus-visible, .product-small:focus-visible { outline:2px solid #77736e; outline-offset:6px; }
@media (min-width:1600px) { .products { padding-inline:max(4vw,calc((100vw - 1440px)/2)); } }
@media (max-width:700px) {
  .products { padding:62px 22px; }
  .products__heading { display:block; margin-bottom:30px; }
  .products__intro { margin:23px 0 0 38px; font-size:12px; }
  .product-feature { grid-template-columns:1fr; }
  .product-feature__main { padding:28px 25px 30px; }
  .product-feature h3 { font-size:43px; }
  .product-feature__main > p { font-size:13px; }
  .desktop-break { display:none; }
  .product-feature__aside { margin:0 25px 28px; border-left:0; border-top:1px solid #474842; padding:23px 0 0; }
  .product-feature__index, .product-feature__aside-note { display:none; }
  .product-feature__aside > p { margin:0; font-size:30px; }
  .products__more { grid-template-columns:1fr; gap:29px; margin-top:29px; }
  .product-small h3 { font-size:32px; }
}