/* Portfolio V2: responsive editorial previews */
.work-v1{background:#f6f8fb}.work-grid{gap:30px}.work-project{border-radius:20px;transition:transform .25s,box-shadow .25s}.work-project:hover{transform:translateY(-5px);box-shadow:0 22px 55px #0a2e5424}.work-project .work-art{display:none}.work-preview{position:relative;background:linear-gradient(145deg,#dbe8f0,#f6f8fb);padding:20px 20px 0;overflow:hidden;min-height:275px}.work-browser{border:1px solid #b9c7d6;background:#fff;border-radius:12px 12px 0 0;overflow:hidden;box-shadow:0 12px 30px #092c4b25}.work-browser-bar{height:27px;background:#f0f3f7;display:flex;align-items:center;gap:5px;padding:0 12px;border-bottom:1px solid #d9e2eb}.work-browser-bar i{width:7px;height:7px;background:#b7c4d1;border-radius:50%}.work-browser-screen{position:relative;height:220px;background:linear-gradient(140deg,#f1f4f7,#e1e9f2)}.work-browser-screen img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.work-preview-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:25px;font-size:clamp(23px,3vw,35px);font-weight:850;color:#173a5b;background:linear-gradient(125deg,#dbe8f4,#f8fafc)}.work-browser-screen img:not([src]){display:none}.work-mobile{position:absolute;right:24px;bottom:-12px;width:88px;height:178px;border:5px solid #173550;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 10px 22px #092c4b45}.work-mobile img{width:100%;height:100%;object-fit:cover;object-position:top}.work-mobile .work-preview-fallback{font-size:11px;padding:6px}.work-preview-caption{position:absolute;top:8px;right:10px;font-size:11px;font-weight:700;color:#375675;background:#fffdf0;padding:4px 8px;border-radius:30px}.work-project .work-copy{padding:24px 26px 29px}.work-project .work-copy p{min-height:0}.work-project .work-copy a{font-size:15px}.work-project .work-copy a+a{margin-left:18px}.work-detail{max-width:1100px;margin:auto;padding:70px 20px 100px}.work-detail h1{font-size:clamp(42px,6vw,78px);line-height:1.05;color:#103354}.work-detail-lead{font-size:20px;line-height:1.65;max-width:800px;color:#526b83}.work-detail-visual{display:grid;grid-template-columns:minmax(0,1fr) 220px;align-items:end;gap:25px;margin:45px 0;background:#eaf0f6;padding:30px;border-radius:22px}.work-detail-visual .work-browser-screen{height:420px}.work-detail-visual .work-mobile{position:static;width:100%;height:370px}.work-detail-info{display:grid;grid-template-columns:1fr 1fr;gap:24px}.work-detail-info section{padding:25px;border:1px solid #e0e8ef;border-radius:16px;background:#fff}.work-detail-info h2{color:#173b60}.work-detail a{color:#006bb3;font-weight:700}.work-detail-note{color:#526b83;font-size:14px;margin-top:25px}@media(max-width:700px){.work-preview{min-height:235px;padding:14px 14px 0}.work-browser-screen{height:190px}.work-mobile{width:70px;height:140px;right:16px}.work-detail{padding:45px 18px}.work-detail-visual{grid-template-columns:1fr;padding:15px}.work-detail-visual .work-browser-screen{height:260px}.work-detail-visual .work-mobile{display:none}.work-detail-info{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.work-project{transition:none}}

/* V2.1 mascot additions */
.work-wrap{position:relative}.work-hero-mascot{position:absolute;right:clamp(8px,5vw,80px);top:12px;width:clamp(105px,15vw,185px);height:auto;filter:drop-shadow(0 15px 18px #12395c24);pointer-events:none;animation:workFloat 5s ease-in-out infinite}.work-cta{position:relative;overflow:hidden;padding-right:clamp(24px,22%,245px)!important}.work-cta-mascot{position:absolute;right:clamp(8px,3vw,45px);bottom:-8px;width:clamp(100px,17vw,205px);height:auto;filter:drop-shadow(0 12px 20px #001a3630);pointer-events:none;animation:workFloat 5s ease-in-out infinite reverse}@keyframes workFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@media(max-width:700px){.work-hero-mascot{width:88px;top:8px;right:4px;opacity:.95}.work-wrap>h1{padding-right:85px}.work-cta{padding-right:20px!important;padding-bottom:125px!important}.work-cta-mascot{width:118px;bottom:-8px;right:8px}}@media(prefers-reduced-motion:reduce){.work-hero-mascot,.work-cta-mascot{animation:none}}