/* AppsBrain V9: portfolio art direction. Scoped to prevent CMS/admin regressions. */
.work-v9-hero{background:#111723;color:#f7f8f5;position:relative;overflow:hidden;padding:clamp(120px,13vw,205px) 0 33px;isolation:isolate}
.work-v9-hero:before{content:"";position:absolute;width:min(75vw,940px);height:min(75vw,940px);right:-24%;top:-63%;background:radial-gradient(circle,#4268a8 0%,#253252 36%,transparent 68%);opacity:.47;pointer-events:none;z-index:-1}
.work-v9-hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(285px,.65fr);align-items:end;gap:clamp(30px,6vw,110px);padding-bottom:clamp(110px,12vw,190px)}
.work-v9-eyebrow{font-size:11px;letter-spacing:.18em;font-weight:700;text-transform:uppercase;display:inline-flex;align-items:center;gap:12px}
.work-v9-dot{height:7px;width:7px;background:#b5c4ff;border-radius:50%;box-shadow:0 0 0 5px #b5c4ff22}
.work-v9-hero h1{font-size:clamp(72px,9.4vw,159px);font-weight:650;letter-spacing:-.088em;line-height:.92;margin:34px 0 0;max-width:1080px}
.work-v9-hero h1 em,.work-v9-section-head em,.work-v9-end h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.075em}
.work-v9-hero h1 em{color:#b1bdfb}
.work-v9-lede{padding-bottom:9px}.work-v9-lede>span{font-size:11px;color:#b4bace;letter-spacing:.13em}.work-v9-lede p{font-size:clamp(16px,1.35vw,19px);line-height:1.78;margin:28px 0 38px;color:#c3cbd8;max-width:430px}.work-v9-lede a{border-bottom:1px solid #8a97ad;padding-bottom:12px;display:inline-flex;justify-content:space-between;gap:40px;text-decoration:none;color:#fff;font-size:14px;font-weight:600}.work-v9-lede a:hover{color:#b5c4ff}
.work-v9-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:24px;border-top:1px solid #ffffff25;color:#d0d4df;letter-spacing:.14em;font-size:10px}.work-v9-bottom b{font-size:19px;margin-left:14px;font-weight:400}
.work-v9-gallery{background:#f2f3f0;color:#131a26;padding:clamp(76px,9vw,160px) 0 clamp(100px,11vw,200px)}
.work-v9-section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:58px}.work-v9-section-head h2{font-size:clamp(48px,6.5vw,110px);line-height:1;letter-spacing:-.078em;margin:21px 0 0;font-weight:600}.work-v9-section-head>p{color:#626b72;line-height:1.7;font-size:15px;max-width:330px;margin:0 0 7px}
.work-v9-filters{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:35px;border-bottom:1px solid #d5d9d9;padding-bottom:22px}.work-filter{font:600 12px/1.3 inherit;font-family:inherit;font-size:12px;font-weight:650;background:transparent;border:1px solid #d2d6d9;border-radius:999px;padding:13px 21px;color:#334351;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.work-filter span{margin-left:12px;opacity:.65}.work-filter.is-active,.work-filter:hover{background:#162139;border-color:#162139;color:#fff}.work-filter:focus-visible{outline:3px solid #788adf;outline-offset:3px}
.work-v9-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(36px,5vw,88px) clamp(17px,3vw,48px)}.work-v9-item{min-width:0;animation:workV9Enter .65s ease both}.work-v9-item[hidden]{display:none!important}.work-v9-item.work-v9-featured{grid-column:span 2}.work-v9-link{display:block;color:inherit;text-decoration:none}.work-v9-media{min-width:0;position:relative;aspect-ratio:1.22;overflow:hidden;background:#dadfe8;isolation:isolate;border-radius:3px;transition:border-radius .45s cubic-bezier(.2,.8,.3,1)}.work-v9-featured .work-v9-media{aspect-ratio:2.1}
.work-v9-img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .9s cubic-bezier(.2,.8,.2,1)}.work-v9-link:hover .work-v9-img{transform:scale(1.045)}
.work-v9-media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#070e2055,transparent 35%);pointer-events:none}
.work-v9-view{position:absolute;right:23px;bottom:23px;z-index:3;display:flex;align-items:center;gap:24px;font-size:12px;font-weight:700;letter-spacing:.02em;border-radius:50px;background:#f8f8fa;color:#121927;padding:12px 13px 12px 19px;transform:translateY(74px);transition:transform .5s cubic-bezier(.2,.7,.2,1)}.work-v9-view b{font-size:18px;font-weight:500}.work-v9-link:hover .work-v9-view,.work-v9-link:focus-visible .work-v9-view{transform:translateY(0)}
.work-v9-item-info{display:flex;justify-content:space-between;gap:20px;align-items:start;padding-top:19px;border-top:1px solid #c9cdd1;margin-top:22px}.work-v9-item-tag{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#687481;font-weight:750}.work-v9-item h3{font-size:clamp(25px,3.1vw,45px);line-height:1.08;letter-spacing:-.065em;margin:11px 0 12px;font-weight:650}.work-v9-item p{font-size:14px;line-height:1.75;color:#65707a;margin:0;max-width:540px}.work-v9-arrow{font-size:32px;line-height:1;transform:rotate(0);transition:transform .3s;color:#111927}.work-v9-link:hover .work-v9-arrow{transform:translate(4px,-4px)}
.work-v9-mock{height:100%;width:100%;overflow:hidden;position:relative;padding:clamp(15px,3vw,40px);display:flex;align-items:center;justify-content:center}
.work-v9-palette-1 .work-v9-mock{background:linear-gradient(145deg,#ded7f0,#bbb5e1 58%,#8d80b6)}.work-v9-palette-2 .work-v9-mock{background:linear-gradient(150deg,#c4deed,#729ac1 82%)}.work-v9-palette-3 .work-v9-mock{background:linear-gradient(145deg,#efdbcf,#cfa28e)}.work-v9-palette-4 .work-v9-mock{background:linear-gradient(145deg,#e3e9cf,#b6ca91)}.work-v9-palette-5 .work-v9-mock{background:linear-gradient(145deg,#1d365e,#101e39)}.work-v9-palette-6 .work-v9-mock{background:linear-gradient(145deg,#e1dacf,#b39c7f)}
.work-v9-ui-bar{position:absolute;top:8%;left:8%;right:8%;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.16em;color:#101e32bd;z-index:2}.work-v9-ui-side{position:absolute;bottom:7%;left:7%;transform:rotate(-90deg);transform-origin:left center;font-size:9px;letter-spacing:.12em;opacity:.5}
.work-v9-ui-main{width:83%;height:69%;border-radius:8px;background:#fffef4;box-shadow:0 25px 85px #131d3c3f,0 1px 1px #fff7;transform:rotate(-5deg) translateY(16px);padding:clamp(15px,3.1vw,40px);position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-start;transition:transform .9s cubic-bezier(.2,.8,.2,1)}.work-v9-link:hover .work-v9-ui-main{transform:rotate(-2deg) translateY(7px) scale(1.035)}
.work-v9-ui-main:after{content:"";position:absolute;left:49%;right:-23%;bottom:-24%;height:47%;border-radius:9px;background:#202a42;box-shadow:0 15px 40px #101a3833;transform:rotate(10deg);z-index:-1}.work-v9-ui-main small{font-size:9px;letter-spacing:.13em;color:#8892a3;font-weight:700}.work-v9-ui-main strong{font-size:clamp(27px,5vw,76px);line-height:1.06;max-width:85%;letter-spacing:-.085em;color:#192441;margin-top:clamp(24px,3.1vw,40px);overflow-wrap:anywhere}.work-v9-ui-display{display:flex;align-items:end;gap:9px;position:absolute;bottom:11%;left:10%;width:64%;height:19%;border-bottom:1px solid #d6dcdd}.work-v9-ui-display span{width:23%;background:#7b8bc6;border-radius:3px 3px 0 0;height:44%}.work-v9-ui-display span:nth-child(2){height:80%;background:#bbc8d5}.work-v9-ui-display span:nth-child(3){height:62%;background:#d6deec}
.work-v9-palette-3 .work-v9-ui-main{background:#342b2a}.work-v9-palette-3 .work-v9-ui-main strong{color:#ffe8cf}.work-v9-palette-3 .work-v9-ui-main small{color:#d2ada1}.work-v9-palette-4 .work-v9-ui-main{background:#f9fff1}.work-v9-palette-5 .work-v9-ui-main{background:#d5e1fa}.work-v9-palette-5 .work-v9-ui-bar{color:#e3eaf7}
.work-v9-featured .work-v9-ui-main{width:75%;height:78%;transform:rotate(-3deg) translateY(22px);max-width:1000px}.work-v9-featured .work-v9-ui-main strong{font-size:clamp(46px,6.5vw,115px)}.work-v9-featured .work-v9-link:hover .work-v9-ui-main{transform:rotate(-1deg) translateY(12px) scale(1.02)}
.work-v9-empty{padding:50px 0;font-size:16px}.work-v9-end{background:#182239;color:#fff;padding:clamp(100px,11vw,185px) 0;position:relative;overflow:hidden}.work-v9-end:after{content:"↗";position:absolute;right:-3%;bottom:-45%;font-size:clamp(250px,44vw,780px);line-height:1;font-weight:100;color:#ffffff0b;pointer-events:none}.work-v9-end h2{font-size:clamp(53px,7.5vw,122px);line-height:1.04;letter-spacing:-.078em;font-weight:600;margin:32px 0 47px;position:relative;z-index:1}.work-v9-end h2 em{color:#bdcafa}.work-v9-end-link{background:#f9faf6;padding:18px 25px;display:inline-flex;align-items:center;gap:70px;border-radius:100px;text-decoration:none;color:#161d2a;font-size:13px;font-weight:800;position:relative;z-index:1}.work-v9-end-link:hover{background:#cdd8ff}
@keyframes workV9Enter{from{opacity:.25;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media (max-width:850px){.work-v9-hero-grid{grid-template-columns:1fr;padding-bottom:70px}.work-v9-lede{max-width:650px}.work-v9-hero h1{font-size:clamp(66px,11vw,113px)}.work-v9-section-head{align-items:start;flex-direction:column;gap:10px}.work-v9-section-head>p{max-width:600px}.work-v9-item h3{font-size:28px}.work-v9-ui-main strong{font-size:clamp(27px,4vw,60px)}}
@media(max-width:650px){.work-v9-hero{padding-top:135px}.work-v9-hero h1{font-size:clamp(58px,13vw,88px)}.work-v9-bottom span:first-child{display:none}.work-v9-grid{grid-template-columns:1fr;gap:50px}.work-v9-item.work-v9-featured{grid-column:span 1}.work-v9-media,.work-v9-featured .work-v9-media{aspect-ratio:1.12}.work-v9-featured .work-v9-ui-main{width:84%;height:67%}.work-v9-featured .work-v9-ui-main strong{font-size:clamp(34px,7vw,52px)}.work-v9-ui-main{width:84%}.work-v9-view{transform:none;right:10px;bottom:10px;padding:9px 12px;font-size:11px}.work-v9-filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}.work-filter{flex:0 0 auto}.work-v9-gallery{padding:75px 0 100px}.work-v9-hero-grid{gap:25px}.work-v9-end h2{font-size:clamp(42px,12vw,70px)}.work-v9-item h3{font-size:30px}}
@media(prefers-reduced-motion:reduce){.work-v9-item{animation:none}.work-v9-ui-main,.work-v9-img,.work-v9-view,.work-v9-arrow,.work-filter{transition:none!important}}