.sfr-project-visual{background:#0d2238;grid-template-columns:minmax(0,1fr) minmax(150px,24%);align-items:center;gap:clamp(24px,4vw,72px);min-height:0;padding:clamp(24px,4vw,64px);display:grid}.sfr-screen,.sfr-mobile-screen{border:1px solid #53677a;border-radius:10px;overflow:hidden;box-shadow:0 18px 42px #0003}.sfr-project-visual img,.sfr-case img{width:100%;height:auto;display:block}.sfr-case .case-title h1{font-size:clamp(44px,7.5vw,128px);line-height:.94}.sfr-case .case-title h1 span{padding-left:7vw}.sfr-case .case-hero{min-height:80vh}.sfr-live-links{flex-wrap:wrap;gap:14px 24px;margin-top:28px;display:flex}.sfr-live-links a{border-bottom:1px solid;flex-direction:column;gap:5px;min-height:44px;padding:10px 0;font-size:17px;display:inline-flex}.sfr-live-links small{letter-spacing:0;font-size:12px;line-height:1.4}.sfr-live-links a:focus-visible{outline-offset:6px;outline:3px solid #f5c842}.sfr-case .case-visual-wrap{padding-top:clamp(24px,4vw,60px)}.sfr-case figure{margin:0}.sfr-case figcaption{color:#b6c7d5;max-width:850px;margin-top:16px;font-size:14px;line-height:1.6}.sfr-product-frame{background:#0d2238;border:1px solid #53677a;padding:clamp(16px,3vw,48px)}.sfr-design-grid{grid-template-columns:minmax(0,1fr) minmax(220px,.45fr);align-items:start;gap:clamp(30px,6vw,90px);margin-top:40px;display:grid}.sfr-design-copy h3{letter-spacing:-.03em;margin:0 0 16px;font-size:clamp(24px,2.7vw,40px);font-weight:400}.sfr-design-copy p{max-width:650px;margin:0 0 32px;font-size:18px;line-height:1.65}.sfr-mobile-detail{border:1px solid #aeb8c2;border-radius:12px;justify-self:center;max-width:390px;overflow:hidden}.sfr-release-note{max-width:800px;margin-top:28px;font-size:16px;line-height:1.65}.sfr-case .case-outcome .sfr-live-links{color:#fff}@media (width<=700px){.sfr-project-visual{grid-template-columns:1fr;padding:20px}.sfr-project .sfr-mobile-screen{display:none}.sfr-design-grid{grid-template-columns:1fr}.sfr-mobile-detail{width:min(100%,320px)}.sfr-case .case-intro{flex-direction:column;align-items:flex-start;gap:24px}.sfr-case .case-title h1 span{padding-left:0}.sfr-case .case-hero{min-height:0;padding-top:40px}.sfr-case .case-title{padding:48px 0 36px}.sfr-case .case-kicker{grid-template-columns:1fr auto;gap:12px}.sfr-case .case-kicker span:nth-child(2){display:none}}