.work-showcase .section-head{margin-bottom:48px}
.work-showcase .showcase-project-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:3;transition:transform .35s}
.work-showcase .showcase-small-link{font-size:11px;color:#284c74;display:inline-block;margin-top:12px;border-bottom:1px solid #7599ba;padding-bottom:3px}.work-showcase .showcase-small-link:hover{color:#4779af}
.work-showcase .showcase-feature:hover .showcase-project-image,.work-showcase .showcase-small:hover .showcase-project-image{transform:scale(1.025)}
.work-showcase .section-head h2{max-width:750px}
.work-showcase .showcase-feature{min-height:415px;background:#101e31;color:#f4f7fc;border:1px solid #24354c;display:grid;grid-template-columns:36% 64%;overflow:hidden;position:relative}
.showcase-copy{padding:clamp(30px,4vw,62px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;z-index:2}
.showcase-feature .project-type{color:#a1bfe0}.showcase-copy h3{font-size:clamp(38px,4.8vw,65px);font-weight:500;letter-spacing:-.045em;margin:18px 0}.showcase-copy p{font-size:14px;color:#b4c2d3;max-width:330px;line-height:1.75}
.showcase-link{display:inline-flex;gap:20px;align-items:center;font-size:12px;border-bottom:1px solid #a9c4e3;padding-bottom:11px;margin-top:30px;transition:gap .22s}.showcase-link:hover{gap:30px}
.showcase-visual{position:relative;min-height:415px;background:radial-gradient(circle at 70% 80%,#264663 0%,#15263b 52%,#101e31 78%);overflow:hidden}
.software-window{position:absolute;background:#eef3f9;border:1px solid #7187a3;border-radius:9px;box-shadow:0 26px 56px #03091299;overflow:hidden}
.window-primary{width:94%;height:350px;right:-7%;bottom:-45px;display:flex;transform:rotate(-1.3deg);transition:transform .45s}
.showcase-feature:hover .window-primary{transform:translateY(-8px) rotate(0deg)}
.software-sidebar{width:25%;background:#162b44;color:#c5d6e9;padding:20px 12px;display:flex;flex-direction:column;gap:19px;font-size:10px}.software-sidebar strong{font-size:15px;letter-spacing:.06em;color:#fff;margin-bottom:12px}.software-sidebar span:first-of-type{background:#284868;padding:9px 7px;border-radius:4px;margin:-9px -7px 0;color:#fff}
.software-main{flex:1;padding:0 20px 20px;background:#f1f5fa}.software-topbar{height:67px;display:flex;align-items:center;justify-content:space-between;color:#253c5a;font-size:18px;font-weight:700;border-bottom:1px solid #dbe5ef}.software-topbar span{font-size:8px;font-weight:500;color:#607995;letter-spacing:.1em}.software-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.software-tiles i{height:64px;border:1px solid #d5e0eb;border-radius:5px;background:linear-gradient(#d9e4ef 6px,transparent 6px) 12px 15px/52% 15px no-repeat,linear-gradient(#aec5dd 11px,transparent 11px) 12px 34px/65% 12px no-repeat,#fff}.software-graph{height:104px;background:repeating-linear-gradient(to bottom,#e4edf6 0 1px,transparent 1px 24px),#fff;margin-top:12px;border:1px solid #d9e5f0;padding:12px}.software-graph svg{width:100%;height:100%}.software-rows{margin-top:10px;display:grid;gap:7px}.software-rows i{height:11px;background:#dae5ee;border-radius:3px}
.window-secondary{width:50%;height:260px;left:-8%;bottom:-40px;transform:rotate(5deg);opacity:.92}.software-bar{height:29px;background:#dbe5ee;padding:11px;display:flex;gap:5px;align-items:center}.software-bar i{width:5px;height:5px;border-radius:50%;background:#91a5bd}.software-bar span{margin-left:14px;font-size:8px;letter-spacing:.1em;color:#62758b}.software-content{padding:23px}.software-line{height:9px;background:#cad8e7;width:74%;margin-bottom:11px;border-radius:3px}.software-line.wide{width:45%;height:14px}.software-table{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:25px}.software-table b{height:23px;background:#d7e4f0;border-radius:3px}
.showcase-secondary{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.showcase-small{display:grid;grid-template-columns:50% 50%;min-height:242px;border:1px solid #ced9e6;background:#edf2f8;overflow:hidden;transition:border-color .25s,transform .25s}.showcase-small:hover{border-color:#789bc3;transform:translateY(-3px)}.showcase-small-copy{padding:25px 18px 25px 27px}.showcase-small .project-type{font-size:9px}.showcase-small h3{font-size:28px;font-weight:500;letter-spacing:-.035em;margin:13px 0}.showcase-small p{font-size:12px;line-height:1.7}.showcase-shop,.showcase-booking{position:relative;overflow:hidden;background:#dce7f1}.shop-browser,.booking-browser{position:absolute;left:3%;top:20px;width:118%;height:260px;border:1px solid #a5b8c9;background:#fff;box-shadow:0 20px 35px #30475a44;transform:rotate(-2deg);transition:transform .4s}.showcase-small:hover .shop-browser,.showcase-small:hover .booking-browser{transform:translateX(-10px) rotate(0)}.shop-top,.booking-top{padding:14px 15px;font-weight:800;font-size:11px;color:#1c3450;display:flex;justify-content:space-between}.shop-top span,.booking-top span{font-weight:500;color:#7790a8;font-size:8px}.shop-nav{height:16px;background:#e6edf5}.shop-banner{height:105px;background:linear-gradient(120deg,#223e57 20%,#718ba4);padding:20px;color:#fff;font-size:13px;letter-spacing:.1em}.shop-products{display:flex;gap:8px;padding:10px}.shop-products i{height:52px;flex:1;background:#e1e9f2}.booking-browser{background:#f8fafb;transform:rotate(2deg)}.booking-top{background:#153d35;color:#e8f3ee}.booking-top span{color:#b0c6bf}.booking-title{height:13px;background:#9cb6af;margin:20px;width:46%}.booking-progress{display:flex;gap:12px;padding:0 20px}.booking-progress i{width:50px;height:6px;background:#bfd7d0}.booking-fields{display:flex;gap:10px;margin:28px 20px}.booking-fields i{height:38px;flex:1;background:#e0ece8;border:1px solid #c6d6d0}.booking-action{height:23px;width:60px;background:#244f44;margin-left:20px}
.showcase-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:27px;font-size:12px;color:#788699}.showcase-footer a{font-size:13px;color:#1b2e49;border:1px solid #7e91a8;padding:13px 18px;transition:background .2s,color .2s}.showcase-footer a:hover{background:#182b44;color:#fff}
@media(max-width:1000px){.work-showcase .showcase-feature{grid-template-columns:43% 57%}.showcase-copy{padding:32px}.showcase-small{grid-template-columns:1fr}.showcase-shop,.showcase-booking{height:170px}.shop-browser,.booking-browser{left:10%;width:83%;top:8px}}
@media(max-width:760px){.work-showcase .section-head{margin-bottom:33px}.work-showcase .showcase-feature{display:flex;flex-direction:column}.showcase-copy{padding:30px}.showcase-copy h3{font-size:40px}.showcase-visual{min-height:245px}.window-primary{height:255px;bottom:-26px;width:88%;right:-3%}.window-secondary{height:200px}.software-sidebar{padding:12px 6px;font-size:7px;gap:12px}.software-sidebar strong{font-size:9px}.software-main{padding:0 10px}.software-topbar{height:43px;font-size:12px}.software-tiles{gap:5px;margin-top:10px}.software-tiles i{height:40px}.software-graph{height:75px}.showcase-secondary{grid-template-columns:1fr;gap:13px}.showcase-small{grid-template-columns:1fr 1fr;min-height:205px}.showcase-shop,.showcase-booking{height:auto}.shop-browser,.booking-browser{left:0;width:140%;top:20px}.showcase-small-copy{padding:22px 15px}.showcase-small h3{font-size:23px}.showcase-footer{align-items:flex-start;flex-direction:column}}
@media(max-width:420px){.showcase-small{grid-template-columns:1fr}.showcase-shop,.showcase-booking{height:140px}.shop-browser,.booking-browser{width:94%;left:15%;top:6px}}
@media(prefers-reduced-motion:reduce){.work-showcase *{transition:none!important}}