.portfolio-intro{padding-block:35px 55px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}.portfolio-intro h1{font-size:76px;line-height:1.02;letter-spacing:-.055em}.portfolio-intro h1 span{color:var(--blue)}.portfolio-intro>p{max-width:390px;font-size:15px;line-height:1.85;color:#566b5c;justify-self:end;padding-bottom:8px}.case-feature{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center;padding-bottom:32px}.case-feature__image{position:relative;background:#20362b;border-radius:5px;overflow:hidden}.case-feature__image img{width:100%;height:auto;display:block}.case-feature__image>span{position:absolute;bottom:20px;left:25px;color:#acbfb1;font-size:11px}.case-feature__copy h2{font-size:48px;line-height:1.06}.case-feature__copy>p{font-size:14px;line-height:1.85;color:#566b5c;margin-top:24px;max-width:390px}.case-facts{margin:28px 0;display:grid;gap:12px}.case-facts>div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:15px;font-size:12px}.case-facts dt{color:#687d6d}.case-facts dd{margin:0}.case-feature__copy .button{font-size:13px}.case-disclosure{background:#e9eee6;padding:20px 24px;border-left:2px solid #9eb19e;font-size:12px;line-height:1.85;color:#536557;max-width:100%}.case-disclosure strong{font-weight:500}.case-tablist{display:flex;gap:30px;border-bottom:1px solid var(--line);margin-bottom:35px}.case-tab{position:relative;padding:18px 0;border:0;background:none;color:#637769;font:inherit;font-size:15px;cursor:pointer;text-align:left}.case-tab::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform 380ms var(--motion-ease)}.case-tab.is-active{color:var(--ink)}.case-tab.is-active::after{transform:scaleX(1)}.case-panel{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:10px 0 35px}.case-panel[hidden]{display:none}.case-panel h3{font-size:34px;line-height:1.18;letter-spacing:-.03em}.case-panel p{font-size:14px;line-height:1.9;color:#566b5c}.case-panel p+p{margin-top:18px}.case-next{background:#e9eee6}.case-next__inner{display:grid;grid-template-columns:1fr 1fr;gap:70px}.case-next h2{font-size:43px;line-height:1.12}.case-next h2 span{color:#6b7d6d}.case-next p{font-size:14px;line-height:1.85;max-width:400px;margin-bottom:24px}.case-next .text-link{font-size:13px}
@media(max-width:1000px){.portfolio-intro{gap:35px}.portfolio-intro h1{font-size:62px}.case-feature{gap:35px}.case-feature__copy h2{font-size:37px}.case-panel{gap:35px}.case-next__inner{gap:35px}.case-next h2{font-size:36px}}
@media(max-width:540px){.portfolio-intro{grid-template-columns:1fr;padding-block:24px 35px;gap:24px}.portfolio-intro h1{font-size:52px}.portfolio-intro>p{justify-self:start;font-size:14px;padding:0}.case-feature{grid-template-columns:1fr;gap:30px}.case-feature__copy h2{font-size:37px}.case-feature__copy>p{margin-top:20px}.case-feature__image>span{left:18px;bottom:16px;font-size:10px}.case-disclosure{font-size:12px;padding:18px}.case-facts>div{font-size:13px;grid-template-columns:75px 1fr}.case-tablist{gap:16px;flex-wrap:wrap;margin-bottom:25px}.case-tab{font-size:12px;padding:15px 0;min-height:48px}.case-panel{grid-template-columns:1fr;gap:22px;padding-bottom:5px}.case-panel h3{font-size:29px}.case-panel p{font-size:14px}.case-next__inner{grid-template-columns:1fr;gap:25px}.case-next h2{font-size:35px}.case-next .text-link{line-height:1.6}}
