.work-page .work-hero{padding:90px 0 70px;background:linear-gradient(115deg,#FFFFFF,#F8F4FB 50%,#EEE2F6);border-bottom:1px solid #E9E9EC}
.work-page .work-hero .hero-status{background:white;border:1px solid #DDC9EA;color:#4F1F78;font-size:14px;margin-bottom:32px}
.work-page .work-hero h1{font-size:clamp(58px,7.8vw,124px);line-height:1.04;color:#111111;max-width:16ch;margin-bottom:32px}
.work-page .work-hero h1 em{color:#4F1F78}
.work-lede{font-size:19px;color:#6F6F73;line-height:1.7;max-width:57ch}
.work-page .work-featured{padding-bottom:0}
.work-page .featured-grid{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:repeat(2,340px) 420px;gap:26px}
.work-page .featured-card{appearance:none;border:1px solid #DDC9EA;border-radius:18px;position:relative;overflow:hidden;background:#F8F4FB;cursor:pointer;text-align:left;color:#FFFFFF;padding:0;font-family:var(--f-sans);display:block;min-width:0}
.work-page .featured-card.tall{grid-row:1/3}
.work-page .featured-card>img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.work-page .featured-card:hover>img{transform:scale(1.035)}
.work-page .featured-card::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,#11111115 40%,#111111BB 100%);pointer-events:none}
.work-page .featured-body{position:absolute;z-index:1;bottom:0;left:0;right:0;padding:32px;display:flex;flex-direction:column;gap:16px}
.work-page .featured-body .pill{align-self:flex-start;border:1px solid #FFFFFF50;background:#FFFFFFEE;border-radius:999px;padding:8px 12px;color:#4F1F78;font-size:12px}
.featured-title{font:400 clamp(26px,2.9vw,44px)/1.12 var(--f-display);max-width:19ch}
.featured-action{font-size:14px;font-weight:500}
.work-page .identity-card{background:linear-gradient(130deg,#FFFFFF,#EFE3F7);color:#111111}
.work-page .identity-card>img{object-fit:contain;padding:28px 28px 120px}
.work-page .identity-card::after{background:none}
.work-page .identity-card .featured-body{padding:24px 32px;gap:12px}
.work-page .identity-card .featured-title{font-size:30px;max-width:none}
.work-page .identity-card .featured-action{color:#4F1F78}
.work-page .featured-card:focus-visible,.portfolio-filter:focus-visible,.portfolio-row:focus-visible,.dialog-close:focus-visible{outline:3px solid #B58ADA;outline-offset:4px}
.work-filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:38px}
.portfolio-filter{border:1px solid #E9E9EC;border-radius:999px;padding:12px 20px;background:white;color:#6F6F73;font:500 15px var(--f-sans);display:flex;gap:16px;align-items:center;cursor:pointer}
.portfolio-filter>span{font:12px var(--f-mono);opacity:.7}
.portfolio-filter.active{background:#4F1F78;border-color:#4F1F78;color:white}
.portfolio-filter:hover:not(.active){background:#F8F4FB;color:#4F1F78}
.portfolio-rows{border-top:1px solid #E9E9EC}
.portfolio-row{width:100%;display:grid;grid-template-columns:50px 1fr 200px 105px;gap:28px;align-items:center;padding:32px 0;text-align:left;background:transparent;border:0;border-bottom:1px solid #E9E9EC;font-family:var(--f-sans);cursor:pointer;color:#111111}
.portfolio-row[hidden]{display:none}
.portfolio-row:hover{background:#F8F4FB}
.row-num{font:13px var(--f-mono);color:#6B35A0}
.row-main{display:flex;flex-direction:column;gap:10px}
.row-main strong{font:400 28px/1.25 var(--f-display)}
.row-main>span{font-size:16px;line-height:1.6;color:#6F6F73}
.row-meta{font-size:14px;color:#6F6F73;line-height:1.6}
.row-action{font-size:14px;color:#4F1F78;font-weight:500}
.portfolio-status{font-size:13px;color:#6F6F73;margin-top:24px}
.work-page .cta{background:#F8F4FB;border-top:1px solid #E9E9EC}
.work-page .cta::before,.work-page .cta::after{display:none}
.work-page .cta-title{color:#111111;font-size:clamp(48px,5.8vw,92px);line-height:1.06}
.work-page .cta-title em{color:#4F1F78}
.work-page .cta-sub{color:#6F6F73;font-size:18px;line-height:1.7}
.work-page .cta .btn-paper{background:#4F1F78;color:white;border-color:#4F1F78}
.work-page .cta .btn-paper:hover{background:#43126D}
.work-page .cta .btn-ghost-dark{background:white;color:#4F1F78;border-color:#DDC9EA}
.project-open{overflow:hidden}
.project-dialog{position:fixed;inset:0;margin:auto;width:min(1000px,calc(100% - 40px));max-height:90dvh;border:1px solid #E9E9EC;border-radius:20px;background:white;color:#111111;padding:0;overflow:auto;box-shadow:0 28px 100px #11111140}
.project-dialog::backdrop{background:#11111199;backdrop-filter:blur(5px)}
.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 32px;border-bottom:1px solid #E9E9EC;position:sticky;top:0;background:#FFFFFFF5;z-index:2}
.dialog-close{border:1px solid #DDC9EA;border-radius:999px;background:#F8F4FB;color:#4F1F78;font:500 14px var(--f-sans);padding:10px 18px;cursor:pointer}
.dialog-content{padding:40px}
.project-pill{display:inline-block;font-size:13px;padding:8px 12px;border:1px solid #DDC9EA;border-radius:999px;color:#6B35A0;background:#F8F4FB;margin-bottom:24px}
.dialog-content h2{font:400 clamp(36px,4.4vw,62px)/1.1 var(--f-display);margin-bottom:24px;color:#111111}
.dialog-summary{font-size:18px;line-height:1.75;color:#6F6F73;max-width:65ch;margin-bottom:32px}
.dialog-image,.dialog-gallery{overflow:hidden;border:1px solid #E9E9EC;border-radius:14px;background:#F8F4FB;margin-bottom:32px}
.dialog-image img,.dialog-gallery img{display:block;width:100%;height:auto}
.dialog-brand img{max-height:440px;object-fit:contain;padding:40px;mix-blend-mode:multiply}
.dialog-wordmark img{padding:40px;max-height:200px;object-fit:contain}
.dialog-scope{display:grid;grid-template-columns:150px 1fr;gap:32px;padding:24px 0 36px}
.dialog-scope ul{padding-left:20px;color:#6F6F73;font-size:17px;line-height:1.9}
.dialog-footer{background:#F8F4FB;padding:24px 40px;display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid #E9E9EC}
.dialog-footer p{font-size:18px;color:#111111}
@media(max-width:900px){.work-page .featured-grid{grid-template-columns:1fr 1fr;grid-template-rows:520px 320px 360px}.work-page .featured-card.tall{grid-row:1;grid-column:1/-1}.portfolio-row{grid-template-columns:40px 1fr 140px;gap:18px}.row-action{grid-column:2;grid-row:2}.work-page .identity-card .featured-title{font-size:26px}.work-page .featured-body{padding:24px}.dialog-scope{grid-template-columns:1fr;gap:16px}}
@media(max-width:600px){.work-page .work-hero{padding:56px 0}.work-page .work-hero h1{font-size:56px}.work-lede{font-size:17px}.work-page .featured-grid{display:flex;flex-direction:column;gap:20px}.work-page .featured-card.tall{height:500px}.work-page .featured-card.small{height:340px}.featured-title{font-size:32px}.portfolio-filter{font-size:14px;padding:10px 15px}.portfolio-row{grid-template-columns:30px 1fr;padding:24px 0;gap:14px}.row-main strong{font-size:24px}.row-meta{grid-column:2;grid-row:2}.row-action{grid-column:2;grid-row:3}.work-page .cta-title{font-size:52px}.project-dialog{width:calc(100% - 20px);max-height:94dvh;border-radius:14px}.dialog-top{padding:16px 20px}.dialog-content{padding:24px}.dialog-summary{font-size:16px}.dialog-footer{padding:24px;flex-direction:column;align-items:flex-start}.dialog-brand img,.dialog-wordmark img{padding:24px}}
@media(prefers-reduced-motion:reduce){.work-page .featured-card>img{transition:none}}

.work-page .featured-card.tech-card{grid-column:1/-1}.work-page .tech-card>img{object-position:center}.work-page .tech-card .featured-title{max-width:26ch}@media(max-width:600px){.work-page .featured-card.tech-card{height:360px}.work-page .tech-card>img{object-position:65% center}}