.usage-heading{padding-bottom:30px;text-align:center}.usage-heading h1{font:500 clamp(2rem,4vw,3.6rem)/1.5 var(--sans);letter-spacing:0;margin:15px 0}.usage-heading>p:last-child{font-size:1.125rem}.usage-guide{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:clamp(32px,7vw,120px);align-items:center;max-width:1500px;margin:auto;padding-top:30px}.usage-media{margin:0;width:100%;max-width:450px;justify-self:center}.usage-video-slot{aspect-ratio:9/16;overflow:hidden;background:#f5f1e6}.usage-video-slot img,.usage-video-slot video{width:100%;height:100%;object-fit:cover;display:block}.usage-copy h2{font:500 clamp(1.8rem,2.8vw,2.8rem)/1.5 var(--sans);margin-bottom:24px}.usage-step{display:grid;grid-template-columns:34px 1fr;gap:18px;border-top:1px solid var(--line);padding:27px 0}.usage-number{font:400 1.25rem/1.7 var(--serif);color:#8b7760}.usage-step h3{font:500 clamp(1.125rem,1.5vw,1.45rem)/1.7 var(--sans);margin-bottom:12px}.usage-step p{font-size:1.0625rem;line-height:1.95;margin:0}.usage-step strong{font-weight:600;color:#6e2c3d}.usage-closing{text-align:center;background:#eee9d9}.usage-closing h2{font:500 clamp(1.5rem,2.8vw,2.7rem)/1.65 var(--sans);margin:0 auto 30px;max-width:960px}.usage-product-link{margin:22px 0}.usage-product-link .button{font-size:1rem}.article-card[hidden],#empty[hidden]{display:none!important}.research-list #results-count{margin:20px 0 30px}.research-list .filter{font-family:var(--sans);font-size:.875rem}.research-list #empty{padding:40px 0}.research-list #empty h2{font-size:1.6rem}.research-list .filters{flex-wrap:wrap}@media(min-width:1151px)and (max-width:1350px){.header nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:25px var(--gutter);border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:24px}.header nav.open{display:flex}.header .nav-cta{margin-left:auto}#menu{display:flex;gap:8px;align-items:center;background:none;border:0;color:var(--wine);font-size:.875rem;min-height:44px}}@media(max-width:1350px){.header nav{max-height:calc(100dvh - 90px);overflow-y:auto}}@media(max-width:700px){.usage-guide{grid-template-columns:1fr;gap:32px;padding-top:10px}.usage-media{max-width:360px}.usage-heading{padding-top:35px;padding-bottom:18px}.usage-copy h2{font-size:1.8rem}.usage-step{gap:12px;padding:24px 0}.usage-step p{font-size:1rem}.usage-closing h2 br{display:none}}
