.portfolio-hero{isolation:isolate;color:#fff;background:#0b1830;padding-block:clamp(2.5rem,5vw,4.5rem);position:relative;overflow:hidden}.portfolio-hero>.portfolio-hero-media{z-index:-1;position:absolute;inset:0}.portfolio-hero-media:after{content:"";background:linear-gradient(90deg,#0b1830f2 0%,#102f66d6 60%,#102f6652 100%),linear-gradient(#0000 35%,#0b183080);position:absolute;inset:0}.portfolio-hero-media>img{object-position:center 40%}.portfolio-hero-media .project-image-note{z-index:1;bottom:.6rem;left:auto;right:1rem}.portfolio-hero-content{flex-direction:column;align-items:flex-start;gap:1rem;display:flex;position:relative}.portfolio-hero-content>h1{color:#fff;letter-spacing:-.05em;text-wrap:balance;overflow-wrap:anywhere;max-width:20ch;margin:0;font-size:clamp(2.35rem,5.4vw,4.8rem);line-height:1.04}.portfolio-hero-breadcrumb{color:#d5e1ef;flex-wrap:wrap;align-items:center;gap:.5rem;max-width:100%;margin:0 0 .4rem;font-size:.76rem;line-height:1.5;display:flex}.portfolio-hero-breadcrumb a{color:#d5e1ef;text-decoration:none}.portfolio-hero-breadcrumb [aria-current]{color:#fff;overflow-wrap:anywhere}.portfolio-hero-badge{color:#fff;background:#0b1830b3;border:1px solid #8397b5;border-radius:99px;padding:.4rem .8rem;font-size:.74rem;display:inline-flex}.portfolio-hero-label{color:#9be9f4;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.73rem;font-weight:750}.portfolio-hero-location{color:#d5e1ef;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.8rem}.portfolio-hero-subtitle{color:#e3ebf5;max-width:62ch;margin:0;font-size:clamp(1rem,1.5vw,1.16rem);line-height:1.65}.portfolio-hero-actions,.portfolio-hero .project-detail-actions{flex-wrap:wrap;align-items:center;gap:.85rem 1.2rem;margin:.5rem 0 0;display:flex}.portfolio-hero :is(.btn-primary,.btn-outline){text-align:center;justify-content:center;align-items:center;min-height:44px;display:inline-flex}.portfolio-hero .btn-primary{color:#102f66;background:#fff;border-color:#fff}.portfolio-hero .btn-primary:hover{background:#eaf7fb;border-color:#eaf7fb}.portfolio-hero .btn-outline{color:#fff;background:#0b183066;border-color:#c1d2e6}.portfolio-hero .btn-outline:hover{color:#fff;background:#102f66}.portfolio-hero .project-detail-site{color:#fff}.portfolio-hero :is(a,button):focus-visible{outline-offset:4px;outline:3px solid #9be9f4}@media (width<=640px){.portfolio-hero{padding-block:2rem 3rem}.portfolio-hero-media:after{background:linear-gradient(90deg,#0b1830f2,#102f66db)}.portfolio-hero-content{gap:.85rem}.portfolio-hero-content>h1{max-width:100%;font-size:clamp(2.1rem,8.4vw,3rem)}.portfolio-hero-breadcrumb{font-size:.72rem}.portfolio-hero-actions,.portfolio-hero .project-detail-actions{align-items:stretch;width:100%}.portfolio-hero-actions>:is(a,button),.portfolio-hero .project-detail-actions>:is(a,button){flex:100%;width:100%}}@media (prefers-reduced-motion:reduce){.portfolio-hero *{transition:none!important}}