/* EA homepage: photographic edges dissolve into the same ink surface.
   Original CSS; React Bits Flowing Menu / Fade Content informed the interaction
   direction. No upstream component source or runtime is included. */
.has-cinema-hero {--photo-feather:clamp(72px,10vw,144px)}
.has-cinema-hero .cinema-shade {background:linear-gradient(180deg,rgba(0,0,0,.4),transparent 26%,rgba(0,0,0,.04) 43%,rgba(0,0,0,.8) 82%,var(--ink) 100%)} /* taste-skill-ignore: neutral film-to-page transition. */
.ea-site .home-photo-story {overflow:hidden;background:var(--ink)}
.ea-site .home-photo-panel {overflow:visible}
.home-photo-panel:before,.home-visit-story:before {content:none}
.home-photo-surface {position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.ea-site .home-photo-surface img {z-index:0}
.home-photo-surface:after {content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.42) 35%,rgba(0,0,0,.76) 100%)} /* taste-skill-ignore: neutral text contrast layer. */
.ea-site .craft-main .home-photo-surface {right:-72px;mask-image:linear-gradient(to bottom,transparent,#000 var(--photo-feather),#000 calc(100% - 92px),transparent),linear-gradient(to right,#000 calc(100% - 144px),transparent);mask-composite:intersect} /* taste-skill-ignore: image-edge alpha masks, not decorative gradients. */
.ea-site .craft-detail .home-photo-surface {left:-72px;mask-image:linear-gradient(to bottom,transparent,#000 var(--photo-feather),#000 calc(100% - 92px),transparent),linear-gradient(to right,transparent,#000 144px);mask-composite:intersect} /* taste-skill-ignore: overlap the existing photographs without a hard seam. */
.ea-site .craft-main .craft-story-copy {padding-right:72px}
.ea-site .craft-detail figcaption {z-index:1}
.ea-site .home-visit-story>figure {z-index:-1;overflow:hidden;mask-image:linear-gradient(to bottom,transparent,#000 var(--photo-feather),#000 calc(100% - 96px),transparent)} /* taste-skill-ignore: neutral photo-edge fade. */
.home-visit-story>figure:after {content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(270deg,rgba(0,0,0,.88),rgba(0,0,0,.7) 45%,rgba(0,0,0,.12))} /* taste-skill-ignore: neutral photo contrast layer. */
.ea-site .decision-notes {padding-block:32px}
.ea-site .home-visit-story .atelier-visit-copy {padding-block:72px}

@media(min-width:761px) and (prefers-reduced-motion:no-preference) {
 @supports(animation-timeline:view()) {
  .ea-site .home-photo-surface img,.ea-site .home-visit-story>figure img {animation:photo-drift linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
  @keyframes photo-drift {from {transform:translateY(-16px) scale(1.06)} to {transform:translateY(16px) scale(1.06)}}
 }
}
@media(max-width:1000px) and (min-width:761px) {
 .ea-site .craft-main .craft-story-copy {padding-right:44px}
}
@media(max-width:760px) {
 .ea-site .craft-main .home-photo-surface,.ea-site .craft-detail .home-photo-surface {left:0;right:0;mask-image:linear-gradient(to bottom,transparent,#000 88px,#000 calc(100% - 72px),transparent);mask-composite:add} /* taste-skill-ignore: phone photographs fade vertically into the common page ground. */
 .ea-site .craft-main .craft-story-copy {padding-right:24px}
 .ea-site .craft-detail {margin-top:-24px!important}
 .ea-site .decision-notes {padding-block:24px}
 .home-visit-story>figure:after {background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.6) 30%,rgba(0,0,0,.88) 60%)} /* taste-skill-ignore: neutral mobile text contrast. */
 .ea-site .home-visit-story .atelier-visit-copy {padding-top:200px;padding-bottom:56px}
}