.portfolio-hero{isolation:isolate;--ds-bg:#131318;--ds-text:#f4f3f0;--ds-text-body:#c0bfba;--ds-muted:#aaa9a3;--ds-line:#41413d;color:var(--ds-text);position:relative}.portfolio-hero:after{content:"";z-index:-2;pointer-events:none;background:var(--ds-bg);width:100vw;position:absolute;top:0;bottom:-100px;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(#000 0% 65%,#0000 100%);mask-image:linear-gradient(#000 0% 65%,#0000 100%)}.portfolio-hero .portfolio-hero__art{content:"";z-index:-1;pointer-events:none;width:min(100vw,1138px);height:640px;position:absolute;top:0;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 95%,#0000),linear-gradient(#0000,#000 5% 93%,#0000 100%);mask-image:linear-gradient(90deg,#0000,#000 12% 95%,#0000),linear-gradient(#0000,#000 5% 93%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.portfolio-hero .ds-case-hero{padding-top:70px}.portfolio-hero .ds-case-hero h1{max-width:48%;font-size:clamp(54px,6.6vw,96px);line-height:.98}.portfolio-hero .ds-case-hero p.ds-case-hero__subtitle{max-width:48%;font-size:clamp(20px,2vw,28px)}.portfolio-hero .ds-case-hero__lead{max-width:48%;line-height:1.6;font-size:16px!important}.portfolio-hero .ds-case-hero dl{background:color-mix(in srgb,var(--ds-bg) 85%,transparent);margin-top:180px}.portfolio-hero .ds-case-hero__badge{width:fit-content;max-width:48%}@media (width<=760px){.portfolio-hero .portfolio-hero__art{background-position:100% 0;background-size:auto 350px;width:622px;max-width:100vw;height:350px;-webkit-mask-image:linear-gradient(#0000,#000 5% 78%,#0000 100%);mask-image:linear-gradient(#0000,#000 5% 78%,#0000 100%);-webkit-mask-composite:source-over;mask-composite:add}.portfolio-hero .ds-case-hero{padding-top:330px}.portfolio-hero .ds-case-hero h1,.portfolio-hero .ds-case-hero p.ds-case-hero__subtitle,.portfolio-hero .ds-case-hero__lead,.portfolio-hero .ds-case-hero__badge{max-width:100%}.portfolio-hero .ds-case-hero h1{font-size:clamp(44px,10vw,72px)}.portfolio-hero .ds-case-hero dl{margin-top:32px}}.portfolio-hero .ds-button--secondary{color:var(--ds-text);border-color:var(--ds-line)}@media (width>=761px){.portfolio-hero .portfolio-hero__art{left:calc(50% + 40px)}}[data-theme=light] .portfolio-hero{--ds-bg:inherit;--ds-text:inherit;--ds-text-body:inherit;--ds-muted:inherit;--ds-line:inherit}