.portal-case .portal-case-hero{grid-template-columns:minmax(0,1fr) minmax(0,.95fr);align-items:center;gap:clamp(24px,5vw,72px);display:grid}.portal-case .portal-case-visual{border:1px solid var(--line-2);background:#f0e9df;margin:0;padding:clamp(20px,4vw,42px);transform:perspective(900px)rotateY(-8deg)rotateX(3deg);box-shadow:15px 20px #e4d9c9}.portal-case .portal-case-visual figcaption{font:10px/1.5 var(--font-mono);color:#514536;margin-top:18px}.portal-visual-window{background:#fff;border:1px solid #cbbdac;box-shadow:0 12px 26px #5f44302e}.portal-visual-top{color:#f9f6f1;background:#171919;align-items:center;gap:5px;height:37px;padding:0 14px;display:flex}.portal-visual-top span{background:#bd8b6a;border-radius:50%;width:5px;height:5px}.portal-visual-top b{font:9px var(--font-mono);letter-spacing:.12em;margin-left:12px}.portal-visual-body{grid-template-columns:48px 1fr;min-height:280px;display:grid}.portal-visual-side{background:#e9e3da;flex-direction:column;align-items:center;gap:12px;padding:25px 0;display:flex}.portal-visual-side i{background:#b7aa99;border-radius:2px;width:14px;height:8px}.portal-visual-side i:first-child{background:var(--terracotta)}.portal-visual-content{padding:25px}.portal-visual-title{border-bottom:1px solid #e8e2dc;justify-content:space-between;align-items:baseline;gap:10px;padding-bottom:15px;display:flex}.portal-visual-title span{font-size:clamp(13px,1.5vw,20px);font-weight:600}.portal-visual-title small{font:8px var(--font-mono);color:#886d56;white-space:nowrap}.portal-visual-metrics{grid-template-columns:repeat(3,1fr);gap:10px;padding:18px 0;display:grid}.portal-visual-metrics i{background:linear-gradient(#f9f6f1 52%,#e2d1bf 52%);border:1px solid #ded3c7;height:54px}.portal-visual-metrics i:first-child{border-top:3px solid var(--terracotta)}.portal-visual-rows{gap:9px;display:grid}.portal-visual-rows i{background:linear-gradient(90deg,#e4d8ca 31%,#0000 31% 38%,#eee9e3 38% 82%,#0000 82%);border-bottom:1px solid #eee9e3;height:17px}.portal-case .portal-case-facts{background:#d6cbbf;border:1px solid #d6cbbf;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:64px;display:grid}.portal-case-facts>div{background:#fff;min-width:0;padding:26px}.portal-case-facts span,.portal-case-result span{font:10px/1.5 var(--font-mono);letter-spacing:.08em;color:#6e5c49;text-transform:uppercase;margin-bottom:17px;display:block}.portal-case-facts strong{font-size:clamp(17px,2vw,23px);font-weight:500;line-height:1.3}.portal-case .portal-case-view-grid{background:#d6cbbf;border:1px solid #d6cbbf;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.portal-case-view-grid article{background:#fff;min-width:0;padding:clamp(22px,3vw,34px)}.portal-case-view-grid article>span,.portal-case-principles article>span{font:10px/1.5 var(--font-mono);letter-spacing:.06em;color:#8a6547}.portal-case-view-grid h3,.portal-case-principles h3{margin:25px 0 10px}.portal-case-view-grid p,.portal-case-principles p{font-size:14px;line-height:1.65}.portal-case .portal-case-principles{background:#4a4641;border:1px solid #4a4641;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.portal-case-principles article{background:#171919;padding:clamp(24px,3.5vw,40px)}.portal-case .portal-case-principles h3{color:#fff}.portal-case .portal-case-principles p{color:#d5ccc2}.portal-case .portal-case-principles article>span{color:#d49c77}.portal-case .portal-case-result{border:1px solid var(--line-2);border-left:4px solid var(--terracotta);background:#fff;grid-template-columns:170px 1fr;align-items:baseline;gap:20px;margin-top:42px;padding:28px 32px;display:grid}.portal-case .portal-case-result span,.portal-case .portal-case-result p{margin:0}.portal-case .v3-section--dark .digital-bottom-cta .digital-text-link{color:#e8b995}@media (max-width:900px){.portal-case .portal-case-hero{grid-template-columns:1fr}.portal-case .portal-case-visual{max-width:680px;transform:none;box-shadow:8px 10px #e4d9c9}.portal-case .portal-case-view-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.portal-case .portal-case-facts,.portal-case .portal-case-view-grid,.portal-case .portal-case-principles{grid-template-columns:1fr}.portal-case .portal-case-facts{margin-top:36px}.portal-case .portal-case-result{grid-template-columns:1fr;padding:24px}.portal-visual-content{padding:16px}.portal-visual-body{min-height:238px}.portal-visual-metrics i{height:42px}}
