/* Photo-only edge fade. Website previews and copy stay fully opaque. */
.hero[data-hero-fade="soft"]{background:#101310;isolation:isolate}
.hero[data-hero-fade="soft"] .hero-backdrop{width:72%;right:-1px;top:0;height:100%;opacity:.86;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.15) 12%,rgba(0,0,0,.75) 34%,#000 53%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.15) 12%,rgba(0,0,0,.75) 34%,#000 53%,#000 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.hero[data-hero-fade="soft"]::before{background:linear-gradient(90deg,#101310 15%,rgba(16,19,16,.96) 28%,rgba(16,19,16,.66) 43%,rgba(16,19,16,.14) 65%,rgba(16,19,16,.06) 83%,rgba(16,19,16,.7) 100%),linear-gradient(180deg,#101310 0%,rgba(16,19,16,.55) 8%,rgba(16,19,16,.06) 24%,rgba(16,19,16,.08) 47%,rgba(16,19,16,.54) 70%,#101310 96%);pointer-events:none}
.hero[data-hero-fade="soft"] .hero-project{opacity:1}
@media(max-width:820px){.hero[data-hero-fade="soft"] .hero-backdrop{width:100%;right:0;height:66%;opacity:.66;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 17%,#000 49%,rgba(0,0,0,.35) 78%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 17%,#000 49%,rgba(0,0,0,.35) 78%,transparent 100%)}.hero[data-hero-fade="soft"]::before{background:linear-gradient(90deg,rgba(16,19,16,.94) 0%,rgba(16,19,16,.77) 35%,rgba(16,19,16,.26) 75%,rgba(16,19,16,.65) 100%),linear-gradient(180deg,#101310 0%,transparent 18%,rgba(16,19,16,.2) 38%,#101310 68%);pointer-events:none}}
@media(max-width:520px){.hero[data-hero-fade="soft"] .hero-backdrop{height:57%;opacity:.64;object-position:62% 38%}}