.portfolio-studio{background:#10100f}.portfolio-studio-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:10%;align-items:center;margin-top:50px}.portfolio-studio-grid h2,.portfolio-offer-heading h2{font-size:clamp(38px,4.6vw,68px);line-height:1.12;letter-spacing:-.045em}.portfolio-studio-grid p{font-size:18px;line-height:1.85;color:#aaa;max-width:610px;margin:28px 0}.portfolio-studio-art svg{display:block;width:100%;height:auto}.portfolio-studio-art>span{display:block;text-align:center;font-size:9px;letter-spacing:1.4px;color:#999;margin-top:20px}.portfolio-offer-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:10%;align-items:end;margin:45px 0 40px}.portfolio-offer-heading p{font-size:17px;line-height:1.8;color:#aaa;margin:0}.portfolio-offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.portfolio-offer-grid>a{position:relative;border:1px solid #ffffff25;border-radius:7px;padding:27px;min-width:0;transition:background .2s,border-color .2s}.portfolio-offer-number{font-size:10px;letter-spacing:1px;color:var(--yellow)}.portfolio-offer-grid h3{font-size:25px;line-height:1.3;letter-spacing:-.6px;font-weight:500;margin:25px 0 14px}.portfolio-offer-grid p{font-size:14px;line-height:1.8;color:#aaa;max-width:27ch;margin:0}.portfolio-offer-grid .inline-icon{position:absolute;right:25px;top:25px;color:var(--yellow)}.portfolio-offer-grid>a:hover{border-color:#ffbf0070;background:#ffbf0005}.portfolio-offer-grid>a:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}.portfolio-page .contact h2{font-size:clamp(42px,5vw,80px)}
@media(max-width:900px){.portfolio-offer-grid{grid-template-columns:1fr 1fr}.portfolio-studio-grid{gap:5%}}
@media(max-width:600px){.portfolio-studio-grid{grid-template-columns:1fr;gap:30px;margin-top:30px}.portfolio-studio-grid h2,.portfolio-offer-heading h2{font-size:38px}.portfolio-studio-grid p{font-size:16px;margin:25px 0}.portfolio-studio-art{max-width:300px;margin:auto}.portfolio-offer-heading{grid-template-columns:1fr;gap:23px;margin:30px 0}.portfolio-offer-heading p{font-size:16px}.portfolio-offer-grid{grid-template-columns:1fr;gap:14px}.portfolio-offer-grid>a{padding:25px}.portfolio-offer-grid h3{margin-top:18px}.portfolio-offer-grid p{max-width:32ch}.portfolio-page .contact h2{font-size:42px}}
@media(prefers-reduced-motion:reduce){.portfolio-offer-grid>a{transition:none}}

.portfolio-page #portfolio{padding-top:45px}.portfolio-hero .text-link{font-size:13px}.portfolio-page #portfolio{scroll-margin-top:80px}@media(max-width:600px){.portfolio-page #portfolio{padding-top:32px}}

.portfolio-page .portfolio-hero.subpage-hero{padding-top:47px;padding-bottom:47px}.portfolio-cooperation{background:#10100f}.portfolio-cooperation-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;align-items:center;margin-top:32px}.portfolio-cooperation h2{font-size:clamp(34px,3.8vw,58px);line-height:1.12;letter-spacing:-.045em}.portfolio-cooperation p{font-size:16px;line-height:1.85;color:#aaa;margin:0 0 24px}.portfolio-cooperation .text-link{font-size:14px}.portfolio-page .compact-quotes{background:#10100f;padding-top:15px}
@media(max-width:600px){.portfolio-page .portfolio-hero.subpage-hero{padding-top:30px;padding-bottom:30px}.portfolio-hero .studio-intro-grid{margin-top:28px;gap:24px}.portfolio-hero .studio-intro-art{max-width:280px}.portfolio-cooperation-grid{grid-template-columns:1fr;gap:24px;margin-top:26px}.portfolio-cooperation h2{font-size:38px}.portfolio-cooperation p{font-size:15px}}

@media(max-width:600px){.portfolio-hero [data-analytics-id="portfolio_hero_projects"]{display:none}.portfolio-hero .studio-intro-grid{gap:16px;margin-top:26px}.portfolio-hero .studio-intro-lead{margin:20px 0 0}.portfolio-hero .studio-intro-art{width:220px;max-width:100%;height:110px;aspect-ratio:auto}.portfolio-page #portfolio{padding-top:22px}.portfolio-page #portfolio .preview-grid{margin-top:0}}

/* Keep the disc's 280px width, but remove the empty mobile layout row. */
@media(max-width:600px){.portfolio-page .portfolio-hero.subpage-hero{padding-top:30px;padding-bottom:30px}.portfolio-hero .studio-intro-grid{gap:0}.portfolio-page .portfolio-hero .studio-intro-art{height:0;min-height:0;margin:0;aspect-ratio:auto}.portfolio-hero .studio-intro-lead{margin-bottom:0}.portfolio-page #portfolio{padding-top:22px}}