.portfolio-heading{padding-top:88px;padding-bottom:80px}.portfolio-heading h1{max-width:1100px;font-size:clamp(54px,7.2vw,104px);line-height:.98;letter-spacing:-.065em}.portfolio-heading .page-intro{max-width:620px;margin-top:34px}.portfolio-heading .editorial-note{margin-top:30px}.portfolio-catalog{padding-bottom:140px}.portfolio-catalog-title{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid #cfd6e2;padding-top:20px;margin-bottom:34px;font-size:15px;letter-spacing:0}.portfolio-catalog-title span{font:10px monospace;color:#7d899a}.portfolio-catalog .home-projects{gap:78px 28px}.portfolio-catalog .home-project.project-1{grid-template-columns:1.5fr .8fr}.portfolio-catalog .project-1 .project-art{height:520px}.portfolio-catalog .home-project:nth-child(2){grid-column:span 7}.portfolio-catalog .home-project:nth-child(3){grid-column:span 5}.portfolio-catalog .home-project:nth-child(4){grid-column:span 5}.portfolio-catalog .home-project:nth-child(5){grid-column:span 7}.portfolio-catalog .home-project:nth-child(6){grid-column:span 8}.portfolio-catalog .home-project:nth-child(2) .project-art,.portfolio-catalog .home-project:nth-child(5) .project-art{height:390px}.portfolio-catalog .home-project:nth-child(6) .project-art{height:350px}.portfolio-catalog .home-project-info{min-width:0}.portfolio-catalog .home-project-meta{line-height:1.5}.portfolio-catalog .project-note{color:#667284}.portfolio-catalog .home-project h3 a{min-height:44px}.portfolio-catalog .project-art{isolation:isolate}.portfolio-catalog .project-art:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#7886a117 1px,transparent 1px),linear-gradient(90deg,#7886a117 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.portfolio-catalog .project-2 .project-art:before,.portfolio-catalog .project-4 .project-art:before{opacity:.5}.portfolio-case{padding-top:55px;padding-bottom:120px}.portfolio-case .back-link{margin-bottom:52px}.portfolio-case .case-heading{align-items:end;padding-bottom:55px}.portfolio-case .case-heading h1{font-size:clamp(58px,8vw,112px);line-height:.95;overflow-wrap:anywhere}.portfolio-case .page-intro{max-width:650px;margin-top:28px}.portfolio-case .case-badge{margin:0 0 5px}.case-visual{position:relative;height:clamp(400px,47vw,650px);overflow:hidden}.case-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#a6b3c41c 1px,transparent 1px),linear-gradient(90deg,#a6b3c41c 1px,transparent 1px);background-size:48px 48px}.case-visual-top,.case-visual-bottom{position:absolute;left:32px;right:32px;display:flex;justify-content:space-between;gap:20px;font:10px monospace;letter-spacing:.1em}.case-visual-top{top:30px}.case-visual-bottom{bottom:30px}.case-visual-migman-hub{background:#222b3c;color:#e2e8f4}.case-hub-mark{position:absolute;left:11%;top:8%;font-size:clamp(200px,27vw,370px);line-height:1;font-weight:700;letter-spacing:-.12em}.case-hub-mark span{color:#6e8aff}.case-hub-ring{position:absolute;right:13%;top:12%;height:70%;aspect-ratio:1;border:1px solid #677792;border-radius:50%}.case-hub-ring.ring-inner{transform:scale(.68);border-color:#91a5ff}.case-visual-docblog{background:#eee7df;color:#5c4942}.case-docblog-mark{position:absolute;left:12%;top:15%;font-size:clamp(130px,19vw,260px);line-height:.78;font-weight:700;letter-spacing:-.09em}.case-docblog-mark span{color:#b47c69}.case-docblog-line{position:absolute;right:17%;top:14%;height:70%;width:20%;border-left:1px solid #bfa99f;border-right:1px solid #bfa99f;transform:skew(-15deg)}.portfolio-case .image-caption{margin-top:14px}.portfolio-case .case-body{padding:100px 0;grid-template-columns:1fr 2fr;gap:90px}.portfolio-case .prose h2{border-top:1px solid #dce0e7;padding-top:28px;margin:50px 0 20px;font-size:36px}.portfolio-case .prose h2:first-child{margin-top:0}.portfolio-case .prose p{max-width:700px}.case-services,.case-next{border-top:1px solid #ccd4e1;padding:38px 0 70px}.case-services{display:grid;grid-template-columns:1fr 2fr;gap:90px}.case-services h2,.case-next h2{font-size:40px;line-height:1.1}.case-services a{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #ccd4e1;padding:25px 0;font-size:20px;color:#315cff}.case-next-heading{display:flex;justify-content:space-between;align-items:start}.case-next-link{display:grid;grid-template-columns:1fr 2fr 25px;align-items:center;gap:20px;border-top:1px solid #ccd4e1;padding:25px 0;margin-top:32px}.case-next-link span{font:10px monospace;text-transform:uppercase;color:#7d899a}.case-next-link strong{font-size:29px;font-weight:500;letter-spacing:-.04em}.case-next-link:hover strong{color:#315cff}.portfolio-case .case-cta{background:#e9edf5;border:0;padding:55px;align-items:end}.portfolio-case .case-cta h2{font-size:clamp(35px,4vw,54px);line-height:1.08}.portfolio-case .case-cta .button{flex-shrink:0}@media(max-width:850px){.portfolio-heading{padding-top:60px}.portfolio-catalog .home-project.project-1{grid-template-columns:1fr}.portfolio-catalog .project-1 .project-art{height:400px}.portfolio-case .case-body,.case-services{gap:40px}.case-visual{height:400px}.case-hub-mark{font-size:220px}.case-docblog-mark{font-size:150px}.portfolio-case .case-cta{padding:40px;gap:25px}}@media(max-width:600px){.portfolio-heading{padding-top:42px;padding-bottom:45px}.portfolio-heading h1{font-size:clamp(42px,11vw,58px);line-height:1.02}.portfolio-heading .page-intro{margin-top:24px}.portfolio-catalog{padding-bottom:70px}.portfolio-catalog-title{margin-bottom:24px}.portfolio-catalog .home-project{margin-bottom:46px}.portfolio-catalog .home-project:last-child{margin-bottom:0}.portfolio-catalog .project-1 .project-art,.portfolio-catalog .home-project:nth-child(2) .project-art,.portfolio-catalog .home-project:nth-child(5) .project-art,.portfolio-catalog .home-project:nth-child(6) .project-art{height:265px}.portfolio-case{padding-top:28px;padding-bottom:70px}.portfolio-case .back-link{margin-bottom:32px}.portfolio-case .case-heading{align-items:start;padding-bottom:30px}.portfolio-case .case-heading h1{font-size:clamp(45px,12vw,62px)}.portfolio-case .page-intro{margin-top:20px}.case-visual{height:300px}.case-visual-top,.case-visual-bottom{left:16px;right:16px;font-size:7px}.case-visual-top{top:17px}.case-visual-bottom{bottom:17px}.case-hub-mark{font-size:145px;top:19%}.case-hub-ring{height:auto;width:52%;top:18%;right:8%}.case-docblog-mark{font-size:94px;top:23%}.portfolio-case .case-body{grid-template-columns:1fr;gap:30px;padding:55px 0}.portfolio-case .prose h2{font-size:28px;margin:36px 0 16px;padding-top:20px}.case-services{grid-template-columns:1fr;gap:8px}.case-services,.case-next{padding:28px 0 48px}.case-services h2,.case-next h2{font-size:31px}.case-services a{font-size:17px}.case-next-heading .text-link{font-size:12px}.case-next-link{grid-template-columns:1fr 25px;gap:8px;padding:20px 0;margin-top:22px}.case-next-link span{grid-column:1/-1}.case-next-link strong{font-size:25px}.portfolio-case .case-cta{padding:30px 24px;align-items:stretch}.portfolio-case .case-cta h2{font-size:34px}.portfolio-case .case-cta .button{width:100%}}