/* shed.work homepage only: banner D (Shed work.) and the Shed Sweep promotion */
.hero.hd{padding:72px 0 0}
.hero.hd .art{opacity:.22}
.hd-in{display:grid;grid-template-columns:.82fr 1.18fr;gap:40px;align-items:center}
.hd-in .eyebrow{margin-bottom:18px}
.hd-in h1{font-size:84px;margin:0 0 22px}
.hd-in .lead{max-width:520px;margin:0}
.hd-in .lead b{color:#fff;font-weight:600}
.hd-in .actions{display:flex;justify-content:flex-start;gap:12px;margin-top:30px;flex-wrap:wrap}
.hd-def{margin-top:30px;padding-top:14px;border-top:1px solid var(--hair-d);font-family:Georgia,"Times New Roman",serif;font-size:14.5px;line-height:1.55;color:var(--on-dark-soft);max-width:500px}
.hd-def .dw{font-weight:700;color:#dfe6dd;font-size:15.5px}
.hd-def .dp{color:var(--on-dark-faint)}
.hd-def i{color:#c4cdc5}

/* the picture: a cloud and a drive, amber files flying into the shed in the Finder */
.hd-vis{position:relative;min-height:400px}
.hd-src{position:absolute;left:0;top:30px;width:150px;height:300px}
.hd-src .cloud{animation:hdbreath 5s ease-in-out infinite}
@keyframes hdbreath{50%{stroke:rgba(159,196,172,.4)}}
.hd-src text{font-family:var(--mono)}
.hd-bits{position:absolute;inset:0;z-index:3;pointer-events:none}
.hd-bits i{position:absolute;width:15px;height:19px;border-radius:3px;background:var(--lamp);box-shadow:0 0 0 1.5px #f6d58f inset,0 4px 10px rgba(232,176,75,.35);opacity:0}
.hd-bits i::after{content:"";position:absolute;right:0;top:0;width:5px;height:5px;background:#f6d58f;border-bottom-left-radius:2px}
.hd-bits .b1,.hd-bits .b3,.hd-bits .b5,.hd-bits .b7{left:62px;top:78px;animation:hdflyc 4.8s cubic-bezier(.5,0,.3,1) infinite}
.hd-bits .b2,.hd-bits .b4,.hd-bits .b6,.hd-bits .b8{left:72px;top:238px;animation:hdflyd 4.8s cubic-bezier(.5,0,.3,1) infinite}
.hd-bits .b3{animation-delay:1.2s}.hd-bits .b5{animation-delay:2.4s}.hd-bits .b7{animation-delay:3.6s}
.hd-bits .b2{animation-delay:.6s}.hd-bits .b4{animation-delay:1.8s}.hd-bits .b6{animation-delay:3s}.hd-bits .b8{animation-delay:4.2s}
@keyframes hdflyc{0%{opacity:0;transform:translate(0,0) rotate(-10deg) scale(.8)}10%{opacity:1}70%{opacity:1;transform:translate(118px,26px) rotate(6deg) scale(.9)}85%,100%{opacity:0;transform:translate(124px,30px) rotate(0) scale(.4)}}
@keyframes hdflyd{0%{opacity:0;transform:translate(0,0) rotate(8deg) scale(.8)}10%{opacity:1}70%{opacity:1;transform:translate(110px,-152px) rotate(-5deg) scale(.9)}85%,100%{opacity:0;transform:translate(116px,-156px) rotate(0) scale(.4)}}
.hd-finder{position:absolute;top:18px;right:30px;bottom:0;left:132px;background:#fff;color:var(--ink);border:1px solid var(--hair-d);border-radius:12px;box-shadow:0 18px 50px rgba(0,0,0,.3);overflow:hidden;display:flex;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",var(--sans)}
.hd-fs{width:156px;flex:none;background:#f1efe9;border-right:1px solid var(--hair);padding:12px 10px;font-size:12px;color:var(--soft)}
.hd-fs .h{font-size:10.5px;font-weight:700;color:var(--faint);margin:10px 0 4px}
.hd-fs div{padding:3px 6px;border-radius:6px;display:flex;gap:6px;align-items:center}
.hd-fs .on{background:var(--moss-tint);color:var(--ink);font-weight:600;animation:hdglow 1.2s ease-in-out infinite}
@keyframes hdglow{0%,100%{box-shadow:0 0 0 0 rgba(232,176,75,0)}50%{box-shadow:0 0 0 3px rgba(232,176,75,.35)}}
.hd-fm{flex:1;padding:12px 14px;font-size:12.5px;min-width:0}
.hd-fm .row{display:flex;gap:8px;align-items:center;padding:6px 4px;border-bottom:1px solid var(--hair);white-space:nowrap}
.hd-fm .row span{margin-left:auto;color:var(--faint);font:11px var(--mono)}
.hd-mb{position:absolute;right:0;top:0;width:250px;z-index:2;background:var(--ground);color:var(--ink);border:1px solid var(--hair-d);border-radius:12px;box-shadow:0 14px 40px rgba(0,0,0,.32);padding:12px 14px;font-size:12.5px;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",var(--sans)}
.hd-mb.lower{top:auto;bottom:-6px;right:40px}
.hd-mb .c{font-weight:700;font-size:13.5px}
.hd-mb .l{color:var(--soft);display:flex;gap:6px;align-items:center;margin:2px 0 8px}
.hd-mb .dot{width:7px;height:7px;border-radius:50%;background:#5b8a62;display:inline-block}
.hd-mb .bar{height:5px;border-radius:3px;background:#e6e3d9;overflow:hidden}
.hd-mb .bar i{display:block;height:100%;width:72%;background:#5b8a62}
.hd-mb .s{display:flex;justify-content:space-between;color:var(--soft);font-size:11.5px;margin-top:5px}
.hd-mb .done{margin-top:10px;padding-top:9px;border-top:1px solid var(--hair);color:var(--moss);font-weight:600}

/* the strap under the banner */
.hd-strap{display:flex;gap:28px;flex-wrap:wrap;margin-top:64px;padding:18px 0 24px;border-top:1px solid var(--hair-d);font-size:14px;color:var(--on-dark-soft)}
.hd-strap b{color:#fff;font-weight:600}
.hd-strap .sw{display:inline-flex;align-items:center;gap:7px}

@media (prefers-reduced-motion:reduce){.hd-bits i,.hd-fs .on,.hd-src .cloud{animation:none}.hd-bits .b1{opacity:1;transform:translate(60px,14px)}.hd-bits .b2{opacity:1;transform:translate(52px,-70px)}}
@media (max-width:1000px){.hd-in{grid-template-columns:1fr}.hd-in h1{font-size:64px}.hd-vis{max-width:640px}}
@media (max-width:640px){.hero.hd{padding-top:48px}.hd-in h1{font-size:52px}.hd-src,.hd-bits{display:none}.hd-finder{left:0;right:0}.hd-fs{width:120px}.hd-vis{min-height:360px}.hd-mb{width:220px}.hd-mb.lower{right:10px}.hd-strap{gap:10px 20px;margin-top:40px}}

/* Shed Sweep, promoted */
.sw-home{padding:88px 0}
.sw-in{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.sw-in .eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:16px}
.sw-in h2{font-size:52px;line-height:1.02;margin:0 0 20px}
.sw-in .lead{margin:0;max-width:520px}
.sw-in .actions{display:flex;justify-content:flex-start;gap:12px;margin-top:28px;flex-wrap:wrap}
.sw-stat{margin-top:28px;display:flex;align-items:baseline;gap:14px;color:var(--on-dark-soft);font-size:14px;max-width:480px}
.sw-stat .n{font:800 34px var(--head);color:var(--lamp);letter-spacing:-.03em;white-space:nowrap}
.sw-pts{display:grid;gap:12px}
.sw-pt{background:rgba(255,255,255,.05);border:1px solid var(--hair-d);border-radius:14px;padding:16px 18px}
.sw-pt b{display:block;color:#fff;font-family:var(--head);font-size:16px;letter-spacing:-.01em;margin-bottom:4px}
.sw-pt span{color:var(--on-dark-soft);font-size:14.5px;line-height:1.5}
@media (max-width:900px){.sw-in{grid-template-columns:1fr;gap:32px}.sw-in h2{font-size:38px}.sw-home{padding:64px 0}}

/* four products instead of three */
.doors.four{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.dicon.drive i{width:34px;height:20px;border-radius:5px}
.dicon.drive i:last-child{width:9px;height:9px;border-radius:50%;background:var(--lamp);border-color:var(--lamp);margin-bottom:5px}
@media (max-width:1100px){.doors.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.doors.four{grid-template-columns:1fr}}