.work-hero{
 --work-blue:#234ad6;
 --work-navy:#172329;
 --work-lemon:#f9e870;
 color:var(--work-navy);
 padding-block:24px 20px;
}
.work-hero-main{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.95fr);gap:48px;align-items:start}
.work-hero-copy{padding-top:2px;min-width:0}
.work-hero-category{margin:0 0 5px;color:var(--work-blue);font-size:14px;font-weight:750;line-height:1.6;letter-spacing:.01em}
.work-hero-audience{margin:0 0 20px;font-size:12px;line-height:1.5;color:#53616a}
.work-hero h1{font-size:clamp(44px,4.15vw,61px);line-height:1.23;letter-spacing:-.025em;margin:0 0 18px;font-weight:800}
.work-hero-description{font-size:15px;line-height:1.85;letter-spacing:0;margin:0 0 19px}
.work-hero-offer{padding:13px 0 12px;border-top:1px solid var(--work-navy);border-bottom:1px solid #c6ccd0}
.work-hero-offer-heading{display:flex;align-items:center;gap:14px;line-height:1.5;margin-bottom:9px}
.work-hero-offer-heading>strong{font-size:13px;font-weight:750}
.work-hero-offer-heading>span{font-size:10px;padding:2px 8px;border:1px solid #a7afb4;color:#46525a;line-height:1.5}
.work-hero-conditions{display:grid;grid-template-columns:.8fr .95fr 1.35fr;gap:14px;margin:0}
.work-hero-conditions>div{margin:0;padding-left:16px;border-left:1px solid #c6ccd0}
.work-hero-conditions>div:first-child{padding-left:0;border-left:0}
.work-hero-conditions dt{font-size:10px;line-height:1.5;margin:0 0 4px;color:#53616a}
.work-hero-conditions dd{font-size:28px;font-weight:750;line-height:1.15;letter-spacing:-.025em;margin:0;white-space:nowrap}
.work-hero-conditions dd>span{font-size:13px;font-weight:600;letter-spacing:0}
.work-hero-price dd{color:var(--work-blue);font-size:32px}
.work-hero-price dd>span{margin-left:4px}
.work-hero-takeaway{display:flex;align-items:baseline;gap:14px;margin:13px 0 19px;font-size:13px;line-height:1.6}
.work-hero-takeaway>strong{flex-shrink:0;font-size:10px;font-weight:650;color:#53616a}
.work-hero-takeaway>span{font-weight:750}
.work-hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.work-hero .work-hero-primary{border:1px solid var(--work-blue);border-radius:3px;background:var(--work-blue);color:#fff;gap:24px;font-size:13px;padding:16px 20px;min-height:53px;box-shadow:none;transform:none}
.work-hero .work-hero-primary:hover{background:#173bb8;border-color:#173bb8;transform:none}
.work-hero-secondary{display:inline-flex;align-items:center;gap:14px;font-size:12px;font-weight:700;line-height:1.6;padding:8px 0;border-bottom:1px solid #8a98b6}
.work-hero-secondary:hover{color:var(--work-blue);border-bottom-color:var(--work-blue)}
.work-hero-preparation{font-size:10px;line-height:1.6;color:#53616a;margin:10px 0 0;max-width:490px}
.work-hero-example{padding:22px 26px 18px;background:#fff;border:1px solid #bcc7d5;border-top:5px solid var(--work-blue);box-shadow:none;min-width:0}
.work-example-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;line-height:1.5;color:#53616a;margin-bottom:14px}
.work-example-topline>span:last-child{font-size:9px;padding-bottom:2px;border-bottom:1px solid #bdc6ce}
.work-hero-example h2{font-size:25px;line-height:1.45;letter-spacing:-.015em;margin:0 0 20px}
.work-hero-example h3{font-size:11px;line-height:1.5;margin:0 0 9px;letter-spacing:0;font-weight:750}
.work-example-source{padding:15px 17px;background:#f4f3ed;border-left:3px solid #9ba7af}
.work-example-source p{font-size:16px;font-weight:600;line-height:1.8;margin:0}
.work-example-draft{padding:18px 0 17px;border-bottom:1px solid #c6ccd0}
.work-example-draft h3{display:flex;gap:14px;align-items:center;color:var(--work-blue)}
.work-example-draft h3>span{font-size:9px;font-weight:600;color:#53616a}
.work-example-draft>p:not(.work-example-unconfirmed){font-size:18px;font-weight:600;line-height:1.8;margin:0 0 12px}
.work-example-draft .work-example-unconfirmed{font-size:11px;line-height:1.8;margin:0;color:#46525a}
.work-example-unconfirmed>strong{font-size:10px;margin-right:9px;color:var(--work-blue)}
.work-example-check{padding:16px 0 0}
.work-example-check h3{display:inline;background:var(--work-lemon);padding:2px 5px;font-size:11px}
.work-example-check ul{padding:0;margin:10px 0 0;list-style:none;display:flex;flex-wrap:wrap;gap:7px 18px}
.work-example-check li{font-size:13px;line-height:1.6;font-weight:700}
.work-example-check li:before{content:'✓';color:var(--work-blue);margin-right:7px}
.work-example-note{font-size:9px;line-height:1.7;margin:13px 0 0;color:#66727b}
.work-hero-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;padding:13px 0 12px;margin:24px 0 0;border-top:1px solid #a8b3bd;border-bottom:1px solid #a8b3bd}
.work-hero-process li{display:grid;grid-template-columns:auto 1fr;column-gap:10px;row-gap:1px;align-items:baseline;line-height:1.5}
.work-hero-process li>span{grid-row:1/3;font-size:11px;font-weight:700;color:var(--work-blue);padding-top:2px}
.work-hero-process strong{font-size:13px;font-weight:750}
.work-hero-process small{font-size:10px;color:#53616a;line-height:1.5}
.work-hero-boundary{font-size:10px;line-height:1.7;margin:12px 0 0;color:#53616a;display:flex;gap:12px;flex-wrap:wrap}
.work-hero-boundary a{color:var(--work-navy);border-bottom:1px solid #9eabb7}
.work-hero-boundary a:hover{color:var(--work-blue);border-bottom-color:var(--work-blue)}
@media(min-width:1500px){.work-hero-main{gap:58px}.work-hero h1{font-size:61px}}
@media(max-width:1100px) and (min-width:801px){.work-hero-main{gap:30px;grid-template-columns:minmax(0,1.1fr) minmax(0,.95fr)}.work-hero h1{font-size:47px}.work-hero-description{font-size:13px}.work-hero-category{font-size:12px}.work-hero-conditions{gap:10px}.work-hero-conditions>div{padding-left:10px}.work-hero-conditions dd{font-size:25px}.work-hero-price dd{font-size:28px}.work-hero-example{padding:20px}.work-hero-example h2{font-size:21px}.work-example-source p{font-size:14px}.work-example-draft>p:not(.work-example-unconfirmed){font-size:16px}.work-hero-actions{gap:12px}.work-hero .work-hero-primary{font-size:12px;gap:16px;padding-inline:15px}.work-hero-secondary{font-size:11px}}
@media(max-width:800px){.work-hero{padding-block:24px 18px}.work-hero-main{grid-template-columns:1fr;gap:32px}.work-hero h1{font-size:50px}.work-hero-copy{padding-top:0}.work-hero-example{max-width:620px;width:100%;padding:23px 26px}.work-hero-description{font-size:15px}.work-hero-conditions{max-width:540px}.work-hero-actions{gap:20px}.work-hero-process{gap:18px;margin-top:28px}.work-hero-process li{display:block}.work-hero-process li>span{display:block;margin-bottom:5px}.work-hero-process strong,.work-hero-process small{display:block}.work-hero-process strong{font-size:12px}.work-hero-boundary{display:block}.work-hero-boundary a{display:inline-block;margin-top:4px}}
@media(max-width:560px){.work-hero{padding-top:20px}.work-hero-category{font-size:12px;line-height:1.6;margin-bottom:5px}.work-hero-audience{font-size:10px;margin-bottom:18px}.work-hero h1{font-size:43px;line-height:1.25;margin-bottom:15px;letter-spacing:-.035em}.work-hero-description{font-size:13px;line-height:1.85;margin-bottom:18px}.work-hero-offer{padding:11px 0 12px}.work-hero-offer-heading{margin-bottom:10px;gap:11px}.work-hero-offer-heading>strong{font-size:12px}.work-hero-offer-heading>span{font-size:9px}.work-hero-conditions{grid-template-columns:.75fr .95fr 1.3fr;gap:10px}.work-hero-conditions>div{padding-left:11px}.work-hero-conditions dt{font-size:9px;line-height:1.5;margin-bottom:4px}.work-hero-conditions dd{font-size:26px}.work-hero-conditions dd>span{font-size:11px}.work-hero-price dd{font-size:29px}.work-hero-takeaway{font-size:12px;gap:10px;line-height:1.7;margin:12px 0 17px}.work-hero-takeaway>strong{font-size:9px}.work-hero-actions{display:grid;grid-template-columns:1fr;gap:7px;justify-items:start}.work-hero .work-hero-primary{width:100%;min-height:51px;padding:15px 18px;font-size:13px;border-radius:3px}.work-hero-secondary{font-size:12px;padding:8px 0;gap:20px}.work-hero-preparation{font-size:9px;line-height:1.7;margin-top:9px}.work-hero-main{gap:31px}.work-hero-example{padding:20px 20px 17px;border-top-width:4px}.work-example-topline{font-size:9px;margin-bottom:13px}.work-example-topline>span:last-child{font-size:8px}.work-hero-example h2{font-size:23px;margin-bottom:17px}.work-example-source{padding:13px 14px}.work-example-source p{font-size:14px}.work-example-draft{padding-block:17px 15px}.work-example-draft>p:not(.work-example-unconfirmed){font-size:16px;line-height:1.8}.work-example-draft .work-example-unconfirmed{font-size:10px}.work-example-check li{font-size:12px}.work-example-note{font-size:9px}.work-hero-process{gap:12px;padding-block:14px;margin-top:24px}.work-hero-process strong{font-size:10px;line-height:1.7}.work-hero-process small{font-size:9px;line-height:1.7}.work-hero-process li>span{font-size:10px;margin-bottom:5px}.work-hero-boundary{font-size:9px;line-height:1.9;margin-top:12px}}
@media(max-width:360px){.work-hero h1{font-size:34px}.work-hero-category{font-size:10px}.work-hero-description{font-size:11px}.work-hero-conditions{gap:7px}.work-hero-conditions>div{padding-left:8px}.work-hero-conditions dd{font-size:23px}.work-hero-price dd{font-size:25px}.work-hero-conditions dd>span{font-size:10px}.work-hero-takeaway{font-size:10px;gap:8px}.work-example-topline{flex-wrap:wrap;gap:6px}.work-hero-example h2{font-size:20px}.work-example-draft>p:not(.work-example-unconfirmed){font-size:14px}}
