.portfolio-section{padding-top:0}.portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.case-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff}.case-visual{height:230px;position:relative;overflow:hidden}.case-office{background:#113c5b;color:#e9f7ff}.case-home{background:#dceff9;color:#174b6b}.case-visual-label{position:absolute;left:24px;top:19px;font-size:9px;letter-spacing:1px;text-transform:uppercase;opacity:.7}.case-visual-bottom{position:absolute;left:24px;bottom:19px;font-size:10px;opacity:.75}.case-flow{display:flex;align-items:center;justify-content:center;gap:12px;position:absolute;top:88px;left:24px;right:24px}.case-flow>span{padding:15px 12px;border:1px solid #72b3d65c;background:#62b9eb12;border-radius:7px;font-size:12px;font-weight:600;flex:1;text-align:center;white-space:nowrap}.case-flow small{display:block;font-size:8px;font-weight:400;color:#90c7e7;margin-top:6px}.case-flow i{font-style:normal;color:#59b9ee;font-size:19px}.case-body{padding:25px 28px 27px}.case-type{font-size:10px;color:var(--sub);margin-bottom:10px}.case-body h3{font-size:24px;font-weight:600;letter-spacing:-.8px;margin-bottom:13px}.case-body>p:not(.case-type):not(.case-note){font-size:12px;color:var(--sub);line-height:1.9;margin-bottom:18px}.case-tags{display:flex;gap:7px;flex-wrap:wrap}.case-tags span{font-size:9px;color:#336481;background:#edf6fb;padding:4px 9px;border-radius:4px}.case-note{font-size:9px;color:var(--sub);border-top:1px solid var(--line);padding-top:13px;line-height:1.8;margin:18px 0 0}.home-scene{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);width:310px;height:145px}.home-door{position:absolute;left:20px;bottom:0;width:105px;height:142px;background:#f7fcff;border:5px solid #91bdd4;border-bottom:0;border-radius:7px 7px 0 0;box-shadow:8px 9px 0 #7ba9c51c}.home-door:before{content:'';position:absolute;inset:13px 15px 15px;border:1px solid #bcd9e9;border-radius:2px}.home-door>span{position:absolute;width:4px;height:18px;right:12px;top:68px;background:#0075be;border-radius:2px}.home-door>i{display:block;position:absolute;right:-24px;top:39px;height:34px;width:15px;background:#1d5274;border-radius:3px}.home-door>i:before{content:'';position:absolute;top:5px;left:4px;width:7px;height:7px;background:#70c6ed;border-radius:50%}.home-door>i:after{content:'';position:absolute;bottom:5px;left:5px;width:5px;height:5px;border:1px solid #a8dbf4;border-radius:50%}.home-call{position:absolute;right:5px;top:40px;padding:13px 15px 13px 29px;background:#fff;border:1px solid #bddae9;border-radius:8px;box-shadow:0 5px 12px #2a779b12;transform:rotate(3deg)}.home-call .status-dot{position:absolute;left:13px;top:18px;width:5px;height:5px}.home-call strong{display:block;font-size:10px}.home-call small{font-size:8px;color:#6a93aa;display:block;margin-top:3px}
@media(max-width:1050px){.case-flow{gap:7px;left:17px;right:17px}.case-flow>span{font-size:10px;padding:13px 8px}.case-flow small{font-size:7px}.case-body{padding:23px}.case-flow i{font-size:14px}}
@media(max-width:760px){.portfolio-grid{grid-template-columns:1fr;gap:23px}.portfolio-section{padding-top:0}.case-visual{height:210px}.case-flow{top:80px;left:17px;right:17px;gap:7px}.case-flow>span{font-size:10px;padding:13px 8px}.case-flow small{font-size:7px}.case-body h3{font-size:23px}.case-body{padding:22px}.case-visual-label,.case-visual-bottom{left:20px}.home-scene{transform:translate(-50%,-50%) scale(.9)}}
@media(max-width:370px){.case-flow{left:12px;right:12px;gap:5px}.case-flow>span{font-size:9px;padding:12px 5px}.case-flow i{font-size:12px}.case-visual-bottom{font-size:9px}.home-scene{transform:translate(-50%,-50%) scale(.84)}}
@media print{#portfolio{display:none!important}}