.js-work{background:var(--work-bg);color:var(--work-text);padding:48px 0;font-family:'DM Sans',sans-serif}
.js-work__inner{display:grid;grid-template-columns:minmax(310px,.8fr) minmax(0,1.65fr);align-items:center;gap:54px}
.js-work__header{position:relative}.js-work__header h2,.js-work__content h3{font-family:'Space Grotesk',sans-serif;color:inherit;letter-spacing:-.045em}
.js-work__header h2{max-width:470px;margin:0;font-size:clamp(44px,4.8vw,74px);line-height:.88;text-transform:uppercase}
.js-work__header p{margin:18px 0 0;font-size:clamp(18px,1.6vw,25px);line-height:1.2}
.js-work__burst{position:absolute;left:-25px;top:-23px;color:var(--work-accent);font-size:26px;transform:rotate(-15deg)}
.js-work__options{display:grid;grid-template-columns:1fr 18px 1fr;align-items:center;gap:24px}
.js-work__option{display:grid;grid-template-columns:132px minmax(0,1fr);align-items:center;gap:18px;min-width:0}
.js-work__graphic{position:relative}.js-work__graphic img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.js-work__content h3{margin:0 0 7px;font-size:clamp(25px,2vw,36px);line-height:.98}
.js-work__content p{margin:0 0 17px;font-size:15px;line-height:1.4}
.js-work__content a{display:inline-flex;align-items:center;gap:8px;color:inherit!important;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.js-work__content a:hover{color:inherit!important}
.js-work__divider{width:14px;height:150px;justify-self:center;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='60' viewBox='0 0 14 60'%3E%3Cpath d='M7 0 C-1 10 15 20 7 30 C-1 40 15 50 7 60' fill='none' stroke='%23efdcca' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") center top/14px 60px repeat-y}
.js-work__option--reseller .js-work__graphic:after,.js-work__option--affiliate .js-work__graphic:after{content:'✦';position:absolute;color:var(--work-accent);font-size:18px}
.js-work__option--reseller .js-work__graphic:after{right:1px;top:3px}.js-work__option--affiliate .js-work__graphic:after{left:2px;bottom:8px}
@media(max-width:991px){.js-work{padding:46px 0}.js-work__inner{display:block}.js-work__header{text-align:center;margin-bottom:35px}.js-work__header h2{max-width:600px;margin:auto;font-size:clamp(42px,11vw,66px)}.js-work__header p{margin-top:14px}.js-work__burst{left:10%;top:-22px}.js-work__options{display:block}.js-work__option{grid-template-columns:minmax(110px,35%) minmax(0,1fr);gap:18px}.js-work__option--affiliate{grid-template-columns:minmax(0,1fr) minmax(110px,35%)}.js-work__option--affiliate .js-work__graphic{grid-column:2;grid-row:1}.js-work__option--affiliate .js-work__content{grid-column:1;grid-row:1}.js-work__divider{width:100%;height:14px;margin:25px 0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='14' viewBox='0 0 60 14'%3E%3Cpath d='M0 7 C10 -1 20 15 30 7 C40 -1 50 15 60 7' fill='none' stroke='%23efdcca' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") left center/60px 14px repeat-x}.js-work__content h3{font-size:clamp(25px,7vw,34px)}.js-work__content p{font-size:15px}}
@media(max-width:479px){.js-work{padding:38px 0}.js-work .js-wrap{width:min(100% - 28px,1280px)}.js-work__header{margin-bottom:27px}.js-work__header h2{font-size:42px}.js-work__header p{font-size:19px}.js-work__option{grid-template-columns:38% minmax(0,1fr);gap:13px}.js-work__option--affiliate{grid-template-columns:minmax(0,1fr) 38%}.js-work__content h3{font-size:25px}.js-work__content p{margin-bottom:13px;font-size:14px}.js-work__content a{font-size:10px;letter-spacing:.075em}.js-work__divider{margin:20px 0}}
