/* Final homepage overrides. Dependencies are loaded explicitly by index.html. */

/* Approach card copy hierarchy kept in the canonical stylesheet so CDN/import
   caching cannot hide typography changes. Card titles remain untouched. */
@media (min-width:860px){
  .exif-approach .approach-card .approach-card-copy strong{font-family:var(--sans)!important;font-size:clamp(20px,1.45vw,23px)!important;font-weight:500!important;font-style:italic!important;line-height:1.22!important;margin-bottom:12px!important}
  .exif-approach .approach-card .approach-card-copy p{font-family:var(--sans)!important;font-size:clamp(18px,1.25vw,20px)!important;font-weight:400!important;line-height:1.48!important;max-width:38ch!important}
  .exif-approach .approach-card-copy{position:absolute!important;left:clamp(22px,1.9vw,30px)!important;bottom:clamp(22px,1.9vw,30px)!important;width:clamp(330px,28vw,430px)!important;max-width:none!important;margin:0!important;box-sizing:border-box!important}
  .exif-approach .approach-card-copy strong,.exif-approach .approach-card-copy p{width:100%!important}
}

@media (min-width:860px){
  :root{--hero-media-w:clamp(430px,min(42vw,67svh),680px)!important;--hero-media-h:clamp(540px,76svh,800px)!important;--hero-media-x:50%!important;--hero-media-y:42svh!important;--hero-type-size:clamp(5.7rem,min(11.1vw,15.2svh),12rem)!important;--desktop-header-h:76px!important}
  #what-exif-does.exif-cinematic-hero{height:100svh!important;min-height:100svh!important;max-height:100svh!important}
  .exif-loader{height:100svh!important}
  .exif-loader-stage.is-hero,.exif-hero-bg,.exif-hero-shade{left:var(--hero-media-x)!important;top:var(--hero-media-y)!important;width:var(--hero-media-w)!important;height:var(--hero-media-h)!important}
  .exif-loader-stage img{opacity:0!important;transition:none!important}.exif-loader-stage img.is-active,.exif-loader-stage img.is-final-frame{opacity:1!important;transition:none!important;filter:none!important}
  .exif-hero-copy{--hero-scroll-scale:1;--hero-scroll-y:0px}
  .exif-hero-copy>h1.exif-hero-title-green,.exif-hero-copy>h1.exif-hero-title-cream{left:5.25vw!important;right:3.5vw!important;top:43svh!important;width:auto!important;max-width:none!important;margin:0!important;font-family:var(--font-serif)!important;font-size:var(--hero-type-size)!important;font-weight:400!important;line-height:.72!important;letter-spacing:-.06em!important;text-transform:uppercase!important;transform-origin:50% 50%!important;scale:var(--hero-scroll-scale,1)!important;translate:0 var(--hero-scroll-y,0px)!important;transition:none!important}
  .exif-hero-copy>h1.exif-hero-title-green{z-index:1!important;color:var(--hero-ink)!important}.exif-hero-copy>h1.exif-hero-title-cream{z-index:2!important;color:var(--hero-cream)!important;pointer-events:none!important;will-change:clip-path,scale,translate!important}.exif-hero-copy>h1.exif-hero-title-cream .word{color:var(--hero-cream)!important}
  .exif-hero-copy>h1.exif-hero-title-green .word,.exif-hero-copy>h1.exif-hero-title-cream .word{display:block!important;opacity:0!important;transform:translateY(38px)!important;filter:blur(3px)!important;transition:opacity 1.2s ease,transform 1.2s cubic-bezier(.16,1,.3,1),filter 1.2s ease!important}
  .exif-hero-copy.is-visible>h1.exif-hero-title-green .word,.exif-hero-copy.is-visible>h1.exif-hero-title-cream .word{opacity:1!important;transform:none!important;filter:blur(0)!important}
  .exif-hero-copy.is-visible>h1.exif-hero-title-green .line:nth-child(2) .word,.exif-hero-copy.is-visible>h1.exif-hero-title-cream .line:nth-child(2) .word{transition-delay:.12s!important}.exif-hero-copy.is-visible>h1.exif-hero-title-green .line:nth-child(3) .word,.exif-hero-copy.is-visible>h1.exif-hero-title-cream .line:nth-child(3) .word{transition-delay:.24s!important}
  .exif-hero-meta{top:calc(var(--hero-media-y) + (var(--hero-media-h) / 2) + 12px)!important}
}

@media (min-width:860px) and (prefers-reduced-motion:reduce){.exif-hero-copy>h1.exif-hero-title-green,.exif-hero-copy>h1.exif-hero-title-cream{scale:1!important;translate:0 0!important}}