/* Ryan Short / expanded work catalog. Scoped to #work; separate from core visuals. */
.work-explore { margin-top:clamp(95px,11vw,170px); padding-top:clamp(48px,6vw,88px); border-top:1px solid #ffffff1a; }
.work-explore__heading {display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:30px}
.work-explore__overline {font:700 10px var(--body);letter-spacing:.19em;color:#70dce5}
.work-explore__heading h3 {font:600 clamp(38px,5vw,76px)/1 var(--display);letter-spacing:-.065em;max-width:810px;margin:20px 0 18px;color:#f2f6ff}
.work-explore__heading h3 em {font-style:normal;color:var(--cyan)}
.work-explore__heading p {max-width:650px;font:400 clamp(14px,1.3vw,17px)/1.65 var(--body);color:#b4c1d3;margin:0}
.work-explore__counter {font:700 clamp(52px,6vw,100px)/.9 var(--display);letter-spacing:-.095em;color:#2f4259;white-space:nowrap}
.work-explore__counter span{display:block;font:700 9px var(--body);color:#7d93ae;letter-spacing:.17em;white-space:normal;text-align:right;margin-top:12px}
.work-explore__filters {display:flex;gap:8px;flex-wrap:wrap;margin:35px 0 24px;position:relative;z-index:1}
.work-explore__filter {display:inline-flex;align-items:center;gap:17px;padding:11px 19px;border-radius:100px;border:1px solid #516078;background:transparent;color:#c0ccdb;font:700 12px var(--body);cursor:pointer;transition:background .25s,border-color .25s,color .25s}
.work-explore__filter span {font-size:10px;color:#8798ad}
.work-explore__filter:hover,.work-explore__filter:focus-visible {border-color:#77deee;color:#fff}
.work-explore__filter.is-active {background:#d2faff;border-color:#d2faff;color:#071521}
.work-explore__filter.is-active span{color:#416078}
.work-explore__filter:focus-visible,.work-explore__story:focus-visible,.work-explore__live:focus-visible,.work-explore__github a:focus-visible {outline:2px solid var(--cyan);outline-offset:4px}
.work-explore__grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.work-explore__card {display:flex;flex-direction:column;min-width:0;background:#151d2a;border:1px solid #334051;transition:border-color .3s,box-shadow .35s,transform .45s cubic-bezier(.2,.7,.2,1);overflow:hidden}
.work-explore__card[hidden] {display:none!important}
.work-explore__card:hover {border-color:#61cedb;box-shadow:0 24px 65px #02071075;transform:translateY(-5px)}
.work-explore__art {height:clamp(178px,15vw,242px);min-height:170px;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:end;padding:clamp(17px,2vw,28px);background:#14263d;color:#f3fbff}
.work-explore__art::before {content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 85% 15%,#62b7ff52,transparent 54%);transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.work-explore__card:hover .work-explore__art::before {transform:scale(1.13) rotate(-5deg)}
.work-explore__art-grid {position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(to bottom,#0009,transparent 95%)}
.work-explore__art-id {position:absolute;top:21px;left:24px;font:700 10px var(--body);letter-spacing:.14em;text-transform:uppercase;color:inherit;opacity:.79}
.work-explore__art-title {display:block;max-width:100%;font:700 clamp(28px,3.15vw,53px)/1 var(--display);letter-spacing:-.065em;word-break:break-word;transform:translateY(0);transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.work-explore__card:hover .work-explore__art-title {transform:translateY(-7px)}
.work-explore__art-mark {position:absolute;right:22px;top:16px;font:400 29px var(--display);opacity:.7}
.work-explore__card--grow .work-explore__art {background:#f6eedf;color:#18325b}
.work-explore__card--grow .work-explore__art::before {background:radial-gradient(circle at 94% 0%,#f79b23 0 25%,transparent 25.3%),radial-gradient(circle at 2% 110%,#54b65b 0 17%,transparent 17.3%)}
.work-explore__card--grow .work-explore__art-title {font-family:Georgia,serif;color:#f18d19;font-style:italic}
.work-explore__card--valence .work-explore__art{background:linear-gradient(135deg,#093962,#1774b2 58%,#0d2038)}
.work-explore__card--valence .work-explore__art::before{background:repeating-linear-gradient(142deg,transparent 0 38px,#b9e9ff17 39px 40px)}
.work-explore__card--ams .work-explore__art{background:linear-gradient(130deg,#eff5fc,#bbd9fa);color:#124577}
.work-explore__card--ams .work-explore__art::before{background:radial-gradient(circle at 83% 78%,#2686f5 0 19%,transparent 19.3%)}
.work-explore__card--optech .work-explore__art{background:#101b36;color:#caf5ff}
.work-explore__card--optech .work-explore__art::before{background:radial-gradient(circle at 85% 85%,#2ee2bd69,transparent 55%)}
.work-explore__card--tenant .work-explore__art{background:linear-gradient(128deg,#0b1e2b,#1c5061);color:#d5feee}
.work-explore__card--tenant .work-explore__art::before{background:repeating-radial-gradient(circle at 90% 110%,#5dd3cf3d 0 1px,transparent 2px 20px)}
.work-explore__card--resman .work-explore__art{background:linear-gradient(145deg,#182742,#293857);color:#fff}
.work-explore__card--resman .work-explore__art::before{background:linear-gradient(120deg,transparent 60%,#ff4e00 60% 64%,transparent 64%)}
.work-explore__card--alt .work-explore__art{background:#1e1936;color:#f3e6ff}
.work-explore__card--alt .work-explore__art::before{background:radial-gradient(circle at 85% 25%,#9b6fed66,transparent 47%)}
.work-explore__card--filter .work-explore__art{background:#142f28;color:#dcfff3}
.work-explore__card--filter .work-explore__art::before{background:linear-gradient(118deg,transparent 48%,#4bfba622 49% 50%,transparent 51%)}
.work-explore__card--forms .work-explore__art{background:#322439;color:#ffe7fa}
.work-explore__card--forms .work-explore__art::before{background:radial-gradient(circle at 85% 15%,#fa81a25c,transparent 53%)}
.work-explore__card--qa .work-explore__art{background:#2b301c;color:#faffd3}
.work-explore__card--qa .work-explore__art::before{background:repeating-linear-gradient(115deg,transparent 0 17px,#d7ea6b20 18px 19px)}
.work-explore__card-copy {padding:24px 24px 22px;display:flex;flex-direction:column;flex:1}
.work-explore__eyebrow {display:flex;gap:12px;justify-content:space-between;font:700 9px var(--body);letter-spacing:.12em;color:#7ad8e2;text-transform:uppercase}
.work-explore__eyebrow span:last-child{color:#99a9bd;letter-spacing:0;text-transform:none;font-weight:500}
.work-explore__card h4{font:600 clamp(23px,2.2vw,31px)/1.14 var(--display);letter-spacing:-.055em;color:#f5f9ff;margin:19px 0 12px}
.work-explore__card p{font:400 13px/1.65 var(--body);color:#b9c6d7;margin:0 0 16px}
.work-explore__tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:auto;padding-top:10px}
.work-explore__tags span{font:600 9px var(--body);color:#94a9c4;padding:5px 8px;border:1px solid #455268;border-radius:60px}
.work-explore__actions {border-top:1px solid #ffffff1f;margin-top:20px;padding-top:15px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.work .work-explore__story {display:inline-flex;align-items:center;gap:9px;width:auto!important;font:700 12px var(--body);color:#a5effa;text-align:left;border:0;background:transparent;cursor:pointer;padding:0;margin:0}
.work-explore__story:hover{color:#fff}
.work-explore__live{font:600 11px var(--body);color:#ced9e7;text-decoration:none}
.work-explore__live:hover{text-decoration:underline;color:#fff}
.work-explore__footnote{max-width:840px;margin:25px 0 0;font:400 12px/1.65 var(--body);color:#8497b2}
.work-explore__github{display:flex;align-items:center;gap:22px;margin-top:42px;border:1px solid #3c5969;padding:25px 28px;background:linear-gradient(110deg,#152e35,#111e29)}
.work-explore__github-icon{font:700 24px var(--display);color:#73e3da;flex:0 0 52px}
.work-explore__github div{flex:1}
.work-explore__github strong{font:600 22px var(--display);letter-spacing:-.04em;color:#f1f8ff}
.work-explore__github p{font:400 12px/1.6 var(--body);margin:6px 0 0;color:#b5c8d7;max-width:620px}
.work-explore__github a{font:600 12px var(--body);color:#c3f9fa;text-decoration:none;padding:11px 13px;border:1px solid #58888c;white-space:normal}
.work-explore__github a:hover{background:#6bdfda;color:#051b21}
.case-dialog__source{border:1px solid #446a70;padding:14px 18px;margin-top:25px}
.case-dialog__source[hidden]{display:none!important}
.case-dialog__source a{color:#a0f4ed;font:700 14px var(--body)}
.case-dialog__source span{display:block;margin-top:9px;font:400 12px/1.5 var(--body);color:#adc0cb}
@media(max-width:1150px){.work-explore__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-explore__art{height:205px}.work-explore__counter{font-size:70px}}
@media(max-width:760px){.work-explore__heading{display:block}.work-explore__counter{display:none}.work-explore__grid{grid-template-columns:1fr;gap:18px}.work-explore__art{height:220px}.work-explore__card-copy{padding:21px}.work-explore__heading h3{font-size:clamp(40px,9vw,64px)}.work-explore__filters{margin-top:25px}.work-explore__github{flex-wrap:wrap;gap:14px;padding:23px}.work-explore__github-icon{flex:0 0 25px}.work-explore__github div{flex:1 1 calc(100% - 55px)}.work-explore__github a{width:100%;text-align:center}}
@media(max-width:450px){.work-explore__filter{padding:10px 13px;gap:8px;font-size:11px}.work-explore__art{height:185px}.work-explore__art-title{font-size:clamp(31px,9vw,47px)}.work-explore__eyebrow{font-size:8px}.work-explore__card h4{font-size:25px}}
@media(prefers-reduced-motion:reduce){.work-explore__card,.work-explore__art::before,.work-explore__art-title{transition:none!important}.work-explore__card:hover,.work-explore__card:hover .work-explore__art-title{transform:none}}