/* Bounded additions for the descriptive hero and early task chooser. */
.hero.hero-descriptive h1{font-size:clamp(40px,4.1vw,60px);max-width:820px;line-height:1.04;letter-spacing:-.045em}
.hero.hero-descriptive .hero-description{font-size:19px;color:#ebc998}
.cp-task-start{margin:30px 0 38px}
.cp-task-start>h2{margin-top:0}
.cp-task-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.cp-task-grid>div{padding:23px;background:#fff;border-top:3px solid var(--rust)}
.cp-task-grid h3{margin:0 0 12px;font-size:23px}
.cp-task-grid p{font-size:17px;line-height:1.65;margin:0}
table[data-product-table]{min-width:990px}
table[data-product-table] th:first-child{width:17%}
table[data-product-table] td:nth-child(3){width:23%}
@media(min-width:1550px){.hero.hero-descriptive h1{font-size:64px;max-width:900px}}
@media(max-width:760px){.hero.hero-descriptive{height:320px}.hero.hero-descriptive h1{font-size:35px;max-width:540px;line-height:1.06;margin-top:15px}.hero.hero-descriptive .hero-description{font-size:18px;margin-top:17px}}
@media(max-width:640px){.cp-task-grid{grid-template-columns:1fr;gap:14px}.cp-task-grid>div{padding:20px}.cp-task-grid h3{font-size:22px}.cp-task-start{margin-bottom:28px}}
@media(max-width:380px){.hero.hero-descriptive h1{font-size:32px}.hero.hero-descriptive{height:315px}}