.portfolio-page{width:100%;overflow:hidden;background:var(--beige)}
.portfolio-hero{position:relative;min-height:calc(2293 * var(--u));padding:calc(331 * var(--u)) calc(30 * var(--u)) calc(60 * var(--u));overflow:hidden;background:var(--orange);color:var(--beige)}
.portfolio-hero__brush{position:absolute;left:calc(-220 * var(--u));top:0;width:calc(1880 * var(--u));height:calc(800 * var(--u));max-width:none;opacity:.33}
.portfolio-hero__star{position:absolute;left:calc(979 * var(--u));top:calc(127 * var(--u));width:calc(566 * var(--u));height:calc(566 * var(--u));max-width:none}
.portfolio-header{position:absolute}
.portfolio-hero h1{position:absolute;left:calc(37 * var(--u));top:calc(157 * var(--u));width:calc(638 * var(--u));margin:0;color:var(--beige);line-height:1;text-align:left}
.portfolio-hero h1 em{display:block;font:400 calc(60 * var(--u))/1 Kobzar,serif}
.portfolio-hero h1 span{display:block;margin-top:calc(4 * var(--u));font-size:calc(50 * var(--u));font-weight:600}
.portfolio-grid{position:relative;display:grid;grid-template-columns:repeat(2,1fr);gap:calc(15 * var(--u));z-index:1}
.case-card{height:calc(623 * var(--u));display:flex;flex-direction:column;overflow:hidden;border-radius:calc(16 * var(--u));background:var(--beige);color:#312608}
.case-card:nth-child(1),.case-card:nth-child(2){height:calc(650 * var(--u))}
.case-card:nth-child(3),.case-card:nth-child(4){height:calc(645 * var(--u))}
.case-card__photo{height:calc(339 * var(--u));flex:none;overflow:hidden}
.case-card__photo img{width:100%;height:100%;object-fit:cover}
.case-card:nth-child(4) .case-card__photo img{object-position:center 25%}
.case-card__body{height:auto;min-height:0;flex:1;padding:calc(20 * var(--u));display:flex;flex-direction:column;gap:calc(24 * var(--u))}
.case-card__meta{display:flex;align-items:center;justify-content:space-between;color:#c3b4a0;font:700 calc(14 * var(--u))/1 Manrope,Arial,sans-serif;letter-spacing:calc(-.14 * var(--u))}
.case-card__meta span{display:flex;align-items:center;gap:calc(4 * var(--u));white-space:nowrap}.case-card__meta img{width:calc(24 * var(--u));height:calc(24 * var(--u))}
.case-card__copy{flex:1;min-height:0}.case-card__copy h2{margin:0 0 calc(10 * var(--u));font-size:calc(36 * var(--u));font-weight:600;line-height:1}.case-card__copy p{margin:0;font:600 calc(18 * var(--u))/1.3 Manrope,Arial,sans-serif;letter-spacing:calc(-.18 * var(--u))}
.case-card__body>a{height:calc(54 * var(--u));flex:none;display:flex;align-items:center;justify-content:center;border-radius:calc(16 * var(--u));background:var(--blue);color:var(--ink);font-size:calc(24 * var(--u));font-weight:700;text-decoration:none}
.portfolio-footer{height:calc(270 * var(--u));min-height:220px}
@media(max-width:700px){
  .portfolio-hero{min-height:0;padding:150px 12px 40px}.portfolio-hero__brush{width:950px;height:404px;left:-270px}.portfolio-hero__star{width:240px;height:240px;left:auto;right:-75px;top:85px}
  .portfolio-hero h1{left:16px;top:92px;width:330px}.portfolio-hero h1 em{font-size:45px;line-height:.9}.portfolio-hero h1 span{font-size:35px;line-height:1}
  .portfolio-grid{grid-template-columns:1fr;gap:12px}.case-card,.case-card:nth-child(1),.case-card:nth-child(2),.case-card:nth-child(3),.case-card:nth-child(4){height:auto;min-height:520px}.case-card__photo{height:245px}.case-card__body{height:auto;min-height:275px;padding:14px;gap:18px}.case-card__meta{font-size:10px}.case-card__meta img{width:18px;height:18px}.case-card__copy h2{font-size:28px;line-height:1}.case-card__copy p{font-size:16px}.case-card__body>a{height:46px;font-size:20px}
  .portfolio-footer{height:auto}
  .portfolio-footer .footer__legal a{color:var(--beige)}.portfolio-footer .footer__legal a:first-of-type{order:1}.portfolio-footer .footer__legal a:last-of-type{order:2}.portfolio-footer .footer__legal strong{order:3}
}

@media(max-width:700px){
  .portfolio-page{max-width:390px;margin:0 auto}
  .portfolio-header .brand{height:24px;gap:4px}
  .portfolio-header .brand__star{width:24px;height:24px}
  .portfolio-header .brand__logo{width:180px;height:24px}
  .portfolio-hero{padding:225px 12px 40px;min-height:0}
  .portfolio-hero__brush{left:-270px;top:0;width:950px;height:404px}.portfolio-hero__star{display:none}
  .portfolio-hero h1{left:12px;top:82px;width:330px}.portfolio-hero h1 em{font-size:45px}.portfolio-hero h1 span{font-size:35px;font-weight:500}
  .portfolio-grid{gap:20px}.case-card,.case-card:nth-child(n){height:auto;min-height:0;border-radius:12px}
  .case-card__photo{height:182px}.case-card__body{min-height:0;padding:20px 12px;gap:20px}.case-card__meta{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4px;font-size:14px;line-height:1.3;letter-spacing:-.14px}.case-card__meta img{width:18px;height:18px;object-fit:contain}
  .case-card__copy h2{margin-bottom:8px;font-size:28px}.case-card__copy p{font-size:16px;line-height:1.3}.case-card__body>a{height:50px;border-radius:14px;font-size:20px}
  .portfolio-footer{height:334px;min-height:0;padding:40px 12px 0;display:flex;gap:28px;justify-content:flex-start;position:relative}.portfolio-footer .footer__bottom{display:contents}.portfolio-footer address{order:1;align-items:flex-start}.portfolio-footer .footer__top{order:2;width:366px}.portfolio-footer .footer__up{position:absolute;top:40px;right:12px;margin:0}.portfolio-footer .footer__legal{position:absolute;left:0;bottom:0;width:390px;height:102px;padding:16px 12px;background:var(--mid-beige);flex-direction:column;align-items:flex-start;gap:8px}.portfolio-footer .footer__brand{gap:8px}.portfolio-footer .footer__brand img:first-child{width:48px;height:48px;object-fit:contain}.portfolio-footer .footer__brand :is(img,.script-logo):last-child{width:310px;height:48px}
}