.portfolio-page{min-height:80vh}.portfolio-hero{padding:65px 0 105px}.portfolio-hero h1{letter-spacing:-.08em;max-width:1250px;margin:70px 0 75px;font-size:clamp(68px,10vw,150px);font-weight:520;line-height:.82}.portfolio-hero h1 em{font-style:normal;font-weight:400;display:block}.portfolio-hero-bottom{border-top:1px solid var(--blue);grid-template-columns:1fr 1fr;align-items:end;gap:80px;padding-top:25px;display:grid}.portfolio-hero-bottom p{max-width:600px;margin:0;font-size:19px;line-height:1.6}.category-cloud{font:500 9px var(--font-mono);flex-wrap:wrap;justify-content:flex-end;gap:16px;display:flex}.category-cloud a{color:inherit;border-bottom:1px solid;padding-bottom:3px;text-decoration:none}.catalog{padding-bottom:140px}.catalog-group{scroll-margin-top:24px}.catalog-group-header{font:600 10px var(--font-mono);letter-spacing:.08em;justify-content:space-between;padding:40px 0 12px;display:flex}.catalog-group:first-child .catalog-group-header{padding-top:0}.catalog-grid{border-top:1px solid var(--blue);grid-template-columns:1fr;display:grid}.catalog-card{border-bottom:1px solid var(--blue);flex-direction:column;min-height:330px;padding:22px 0 20px;transition:background .2s,color .2s,padding .2s;display:flex}.catalog-card:hover{background:var(--blue);color:var(--paper);padding-inline:28px}.catalog-top{font:500 9px var(--font-mono);justify-content:space-between;display:flex}.catalog-body{margin:auto 0 35px}.catalog-body h2{letter-spacing:-.06em;margin:0 0 15px;font-size:clamp(38px,4vw,62px);font-weight:520;line-height:1}.catalog-body p{max-width:500px;margin:0;font-size:13px;line-height:1.65}.catalog-actions{font:500 9px var(--font-mono);align-items:center;gap:25px;display:flex}.catalog-actions a{border-bottom:1px solid;padding-bottom:3px}.coming-soon{font:500 9px var(--font-mono)}.catalog-cta{border-top:1px solid var(--blue);justify-content:space-between;align-items:center;gap:45px;margin-bottom:130px;padding-top:50px;display:flex}.catalog-cta p{letter-spacing:-.035em;max-width:700px;margin:0;font-size:24px;font-weight:550}@media (max-width:720px){.portfolio-hero{padding-top:45px}.portfolio-hero h1{margin-block:50px;font-size:64px}.portfolio-hero-bottom{grid-template-columns:1fr;gap:35px}.category-cloud{justify-content:flex-start}.catalog-card{min-height:300px;padding:20px 0}.catalog-card:hover{padding-inline:18px}.catalog-cta{flex-direction:column;align-items:flex-start}.catalog-cta .button{width:100%}}
