/* Alma Mia Design · V6 Interactive Work Showcase */
.work-showcase{padding:110px 0 90px;overflow:hidden;background:#f4f2ed}.work-showcase .work-intro{display:grid;grid-template-columns:1fr .7fr;gap:50px;align-items:end;margin-bottom:42px}.work-showcase h2{font-size:clamp(48px,7vw,96px);line-height:.9;letter-spacing:-.065em;margin:12px 0 0}.work-showcase .work-copy{max-width:520px;color:#67646d;font-size:17px;line-height:1.6}.work-stage{--work-accent:#28a6ba;position:relative;background:#111114;color:#fff;border-radius:30px;padding:22px;min-height:650px;overflow:hidden;isolation:isolate;transition:background .55s ease}.work-stage:before{content:"";position:absolute;inset:-25%;background:radial-gradient(circle at 76% 20%,color-mix(in srgb,var(--work-accent) 18%,transparent),transparent 31%);z-index:-1;transition:.5s}.work-stage-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:16px}.work-count{font-family:"Space Grotesk",sans-serif;font-size:12px;letter-spacing:.18em;color:#a8a6ad}.work-live{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#a8a6ad}.work-live i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--work-accent);margin-right:8px}.device-scene{position:relative;min-height:455px;display:flex;align-items:center;justify-content:center;padding:10px 4% 25px}.desktop-device{width:min(82%,900px);transition:opacity .28s ease,transform .55s cubic-bezier(.2,.8,.2,1)}.desktop-frame{padding:9px;background:#29292d;border:1px solid #44444a;border-radius:15px;box-shadow:0 36px 80px rgba(0,0,0,.48)}.desktop-bar{height:23px;display:flex;align-items:center;gap:5px;padding:0 5px}.desktop-bar i{width:6px;height:6px;background:#5a5a60;border-radius:50%}.desktop-screen{aspect-ratio:16/8.5;overflow:hidden;border-radius:7px;background:#ddd;position:relative}.desktop-screen img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:opacity .25s ease,transform 5.5s ease}.work-stage:hover .desktop-screen img{transform:scale(1.018)}.phone-device{position:absolute;right:3%;bottom:5px;width:170px;padding:7px;background:#171719;border:1px solid #4a4a50;border-radius:28px;box-shadow:0 30px 70px rgba(0,0,0,.62);transform:rotate(1.5deg);transition:.55s cubic-bezier(.2,.8,.2,1)}.phone-device:before{content:"";display:block;position:absolute;width:48px;height:7px;border-radius:8px;background:#242428;top:10px;left:50%;transform:translateX(-50%);z-index:3}.phone-screen{aspect-ratio:9/18.7;border-radius:21px;overflow:hidden;background:#eee}.phone-screen img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:opacity .25s ease}.work-meta{border-top:1px solid #303035;padding-top:20px;display:grid;grid-template-columns:1fr auto;gap:25px;align-items:end}.work-name{font-family:"Space Grotesk",sans-serif;font-size:clamp(25px,3vw,40px);font-weight:650;letter-spacing:-.04em;margin-bottom:7px}.work-line{font-size:13px;color:#aaa8b0;line-height:1.6}.work-nav{display:flex;gap:8px}.work-nav button{width:50px;height:50px;border-radius:50%;border:1px solid #3d3d43;background:#18181b;color:#fff;font-size:20px;cursor:pointer;transition:.2s}.work-nav button:hover,.work-nav button:focus-visible{background:#fff;color:#111}.work-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:15px}.work-tab{border:0;border-top:2px solid #d5d1ca;background:none;padding:13px 2px;text-align:left;color:#88848d;font:600 11px/1.25 "Space Grotesk",sans-serif;cursor:pointer;transition:.25s}.work-tab.active{border-color:#6756ff;color:#111}.work-close{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:end;padding-top:70px}.work-close strong{font-family:"Space Grotesk",sans-serif;font-size:clamp(34px,5vw,67px);line-height:.95;letter-spacing:-.055em}.work-close p{color:#6a6670;line-height:1.6;margin:0}.work-stage.is-changing .desktop-device{opacity:.25;transform:scale(.975)}.work-stage.is-changing .phone-device{opacity:.25;transform:translateX(18px) rotate(3deg)}
@media(max-width:760px){.work-showcase{padding:78px 0 68px}.work-showcase .work-intro{grid-template-columns:1fr;gap:18px}.work-showcase h2{font-size:55px}.work-stage{border-radius:22px;padding:15px;min-height:585px}.work-stage-head{margin-bottom:6px}.device-scene{min-height:395px;padding:0 0 18px;align-items:flex-start}.desktop-device{width:100%;margin-top:28px}.desktop-frame{padding:5px;border-radius:10px}.desktop-bar{height:16px}.desktop-screen{aspect-ratio:16/9}.phone-device{width:128px;right:2%;bottom:28px;border-radius:22px;padding:5px}.phone-screen{border-radius:17px}.work-meta{grid-template-columns:1fr auto}.work-line{font-size:11px;max-width:235px}.work-nav button{width:45px;height:45px}.work-tabs{display:flex;overflow-x:auto;gap:18px;padding-bottom:5px}.work-tab{min-width:125px}.work-close{grid-template-columns:1fr;gap:20px;padding-top:52px}}
@media(prefers-reduced-motion:reduce){.work-stage,.desktop-device,.phone-device,.desktop-screen img,.phone-screen img{transition:none!important}.work-stage:hover .desktop-screen img{transform:none}}