.refined .hybrid-hero{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:28px;padding-top:38px;align-items:start}.refined .hero-copy{padding-top:110px}.refined .hero-copy h1{font-size:clamp(30px,2.8vw,42px)}.refined-proof{min-width:0;max-width:630px;width:100%;justify-self:end}.refined-context{margin:0 0 24px}.refined-context>span{color:#6d7b64;font:11px var(--sans)}.refined-context h2{font-size:24px;line-height:1.5;margin:9px 0}.refined-context p{font-size:13px;line-height:1.7;color:#66725e}#refined-inline{display:block;border:0;width:100%;height:790px;background:transparent}.refined-expand{display:block;text-align:left;width:100%;border:0;border-top:1px solid #ced7c5;padding:16px 0;background:none;color:var(--ink);font:500 14px var(--sans)}.refined-expand small{display:block;font-size:11px;font-weight:400;color:#74806c;margin-top:7px}.refined .hybrid-example{margin-top:0}.refined .full-demo{width:min(1300px,calc(100vw - 32px));height:calc(100dvh - 28px)}
@media(max-width:1100px){.refined .hybrid-hero{grid-template-columns:1fr;gap:30px}.refined .hero-copy{padding-top:0}.refined-proof{justify-self:center;max-width:620px}.refined .hero-copy h1{font-size:36px}.refined .hero-copy h1 br{display:none}.refined .hero-copy h1>span{display:block}.refined .hero-copy h1>span br{display:none}}
@media(max-width:600px){.refined .hero-copy h1{font-size:30px}.refined-context h2{font-size:22px}.refined-context p{font-size:12px}#refined-inline{height:890px}.refined-expand{font-size:13px}}