.work-section{border-top:1px solid var(--line);background:#fffef9;overflow:hidden}
.work-heading h2{font-size:clamp(36px,4.05vw,58px);max-width:790px}
.work-heading>p{max-width:325px}
.work-toolbar{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:22px}
.work-kicker{display:flex;align-items:center;gap:9px;font-size:8px;font-weight:800;letter-spacing:.11em}
.work-controls{display:flex;align-items:center;gap:10px}
.work-count{font-size:10px;font-weight:800;letter-spacing:.05em;margin-right:13px;white-space:nowrap}
.work-arrow{width:43px;height:43px;display:grid;place-items:center;border:1px solid #c8cebd;border-radius:50%;transition:background .2s,transform .2s;background:#fffef9}
.work-arrow:hover:not(:disabled){background:var(--orange);border-color:var(--orange);transform:translateY(-2px)}
.work-arrow:disabled{opacity:.3}
.work-arrow .icon{width:18px;height:18px}
#work-prev .icon{transform:rotate(180deg)}
.work-carousel{display:flex;gap:23px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#c5cbb9 transparent;padding:10px 2px 26px;position:relative;min-height:180px;align-items:stretch}
.work-carousel:focus-visible{outline-offset:5px}
.reel-card{flex:0 0 clamp(300px,27vw,355px);scroll-snap-align:start;background:var(--paper);border:1px solid #d8ddcf;border-radius:8px;overflow:hidden;transition:border-color .2s,box-shadow .2s;min-width:0}
.reel-card.selected{border-color:var(--orange);box-shadow:0 7px 0 #ff5b2717}
.reel-card-top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 17px;font-size:7px;font-weight:800;letter-spacing:.11em;background:var(--ink);color:var(--paper)}
.reel-card-top span:last-child{color:var(--lime)}
.reel-media{height:690px;background:#fff;position:relative;overflow:hidden}
.reel-media iframe{width:100%;height:100%;display:block;border:0;background:#fff}
.reel-placeholder{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;background:#eff1e8;color:#52613b;padding:25px;text-align:center}
.reel-placeholder>span:first-child{display:grid;place-items:center;border:1px solid #9aa688;width:56px;height:56px;border-radius:50%;font-size:20px}
.reel-placeholder p{font-size:11px;line-height:1.8;max-width:220px}
.reel-card-bottom{padding:18px 18px 20px;border-top:1px solid #e4e7dd}
.reel-card-bottom h3{font-size:15px;line-height:1.4;font-weight:800;letter-spacing:-.02em;overflow-wrap:anywhere}
.reel-card-bottom a{font-size:10px;font-weight:800;margin-top:10px;display:inline-flex;gap:9px;align-items:center}
.reel-card-bottom a:hover{text-decoration:underline;text-underline-offset:3px}
.work-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:7px}
.work-bottom>p{font-size:7px;font-weight:800;letter-spacing:.1em;color:#667254}
.work-selectors{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end;max-width:65%}
.work-selector{min-width:31px;height:30px;border:1px solid #cbd3bf;border-radius:3px;display:grid;place-items:center;font-size:8px;font-weight:800;padding:3px 6px;transition:background .2s}
.work-selector:hover{background:#e4eccf}
.work-selector[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.work-cta-line{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:30px;margin-top:33px;border-top:1px solid #d7ddcb}
.work-cta-line p{font-size:13px;line-height:1.8;color:#6d775f}
.work-cta-line strong{color:var(--ink);font-weight:600}
.work-cta-line .button{font-size:11px}
.work-loading{display:flex;min-height:200px;width:100%;align-items:center;justify-content:center;flex-direction:column;background:#eff2e6;border:1px dashed #c5d0b4;border-radius:6px;padding:30px;text-align:center;gap:13px}
.work-loading-star{font-size:45px;line-height:1;color:#afc667}
.work-loading p{font-size:13px;color:#64714f}
.work-loading button{margin-top:7px;font-size:11px;text-decoration:underline;font-weight:800}
@media(max-width:960px){.work-heading h2{font-size:41px}.work-heading>p{max-width:280px}.work-kicker{font-size:7px}.work-count{font-size:9px;margin-right:6px}.reel-card{flex-basis:320px}.reel-media{height:665px}}
@media(max-width:720px){.work-heading h2{font-size:40px}.work-heading>p{max-width:450px}.work-toolbar{gap:15px;margin-bottom:15px;align-items:flex-start}.work-kicker{font-size:6px;max-width:145px;line-height:1.8;padding-top:7px}.work-count{font-size:8px;margin-right:2px}.work-arrow{width:36px;height:36px}.work-controls{gap:6px}.work-carousel{gap:16px;margin-right:calc(-1 * var(--gutter));padding-right:var(--gutter)}.reel-card{flex-basis:min(84vw,345px)}.reel-media{height:650px}.work-bottom{align-items:flex-start;gap:15px;margin-top:10px}.work-bottom>p{font-size:6px;line-height:1.8;max-width:115px;padding-top:4px}.work-selectors{gap:5px;max-width:72%}.work-selector{min-width:27px;height:28px;font-size:7px}.work-cta-line{display:block;margin-top:27px;padding-top:25px}.work-cta-line p{font-size:12px}.work-cta-line .button{margin-top:19px;font-size:10px}.reel-card-bottom h3{font-size:14px}}
@media(max-width:420px){.work-heading h2{font-size:35px}.work-kicker{font-size:5px;max-width:125px}.work-count{font-size:7px}.work-arrow{width:32px;height:32px}.work-arrow .icon{width:15px;height:15px}.reel-card{flex-basis:85vw}.reel-media{height:630px}.work-selectors{max-width:73%}}
