.portfolio-section{padding:100px 10.3% 110px;background:#f7f8f7;color:#123442;scroll-margin-top:85px}.portfolio-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:8%;align-items:end;margin-bottom:35px}.portfolio-intro h2{font-size:clamp(34px,4.3vw,64px);letter-spacing:-.045em;line-height:1.05;margin:24px 0 0;font-weight:600}.portfolio-intro h2 em{font-weight:400}.portfolio-intro>p{color:#60747c;font-size:15px;line-height:1.8;max-width:400px}.portfolio-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.portfolio-card{background:white;border:1px solid #e1e8e8;min-width:0;display:flex;flex-direction:column}.portfolio-photo{height:230px;display:block;overflow:hidden;background:#183c49}.portfolio-photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;display:block}.portfolio-photo:hover img{transform:scale(1.04)}.portfolio-coming{display:grid;place-items:center;background:linear-gradient(145deg,#082e40,#345c63);color:#d9e4e5;text-align:center}.portfolio-coming>span{font-size:25px;letter-spacing:.15em;font-weight:600}.portfolio-coming small{display:block;margin-top:12px;font-size:10px;letter-spacing:.2em;font-weight:400}.portfolio-body{padding:25px 23px 28px;display:flex;flex:1;flex-direction:column;align-items:flex-start}.portfolio-category{font-size:10px;letter-spacing:.11em;color:#71848b;line-height:1.6}.portfolio-body h3{font-size:25px;letter-spacing:-.03em;margin:15px 0 10px}.portfolio-body p{font-size:13px;line-height:1.75;color:#61747c;margin:0 0 24px;flex:1}.portfolio-body a,.portfolio-pending{font-size:10px;font-weight:700;letter-spacing:.1em;text-decoration:none;color:#123e4b}.portfolio-body a:hover{text-decoration:underline}.portfolio-pending{color:#859399}@media(max-width:900px){.portfolio-section{padding:75px 6%}.portfolio-intro{grid-template-columns:1fr;gap:10px}.portfolio-cards{grid-template-columns:1fr 1fr}}@media(max-width:600px){.portfolio-cards{grid-template-columns:1fr}.portfolio-photo{height:240px}.portfolio-intro h2{font-size:39px}}