/* EXIF mobile drawer — editorial CTA pass */
@media (max-width:859px){
  body.nav-open .site-header .brand-logo{opacity:0!important;pointer-events:none!important}
  .main-nav{height:100dvh!important;min-height:100dvh!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;background:var(--cream)!important}

  .nav-menu-top{flex:0 0 auto!important;width:100%!important;height:clamp(34px,4.2dvh,40px)!important;min-height:0!important;padding:max(18px,env(safe-area-inset-top)) 7vw 0!important;display:flex!important;align-items:flex-start!important;border:0!important}
  .nav-menu-top>span{display:none!important}
  .nav-home{font-size:0!important;line-height:0!important;width:52px!important;height:6.5px!important;display:block!important;position:relative!important;border:0!important;padding:0!important;opacity:1!important;-webkit-tap-highlight-color:transparent!important}
  .nav-home::before{content:''!important;position:absolute!important;inset:0!important;background-repeat:no-repeat!important;background-position:left center!important;background-size:52px 6.5px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 100'%3E%3Cg fill='%231c362a'%3E%3Cpath fill-rule='evenodd' d='M25 50a25 25 0 1 0 50 0 25 25 0 1 0-50 0m16 0a9 9 0 1 1 18 0 9 9 0 1 1-18 0'/%3E%3Cpath fill-rule='evenodd' d='M112 50a32 32 0 1 0 64 0 32 32 0 1 0-64 0m18 0a14 14 0 1 1 28 0 14 14 0 1 1-18 0'/%3E%3Ccircle cx='259' cy='50' r='36'/%3E%3Ccircle cx='400' cy='50' r='50'/%3E%3Ccircle cx='541' cy='50' r='36'/%3E%3Cpath fill-rule='evenodd' d='M624 50a32 32 0 1 0 64 0 32 32 0 1 0-64 0m18 0a14 14 0 1 1 28 0 14 14 0 1 1-28 0'/%3E%3Cpath fill-rule='evenodd' d='M725 50a25 25 0 1 0 50 0 25 25 0 1 0-50 0m16 0a9 9 0 1 1 18 0 9 9 0 1 1-18 0'/%3E%3C/g%3E%3C/svg%3E")!important;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .2s ease!important}
  .nav-home::after{content:none!important;display:none!important}.nav-home:active::before{transform:scale(.94)!important;opacity:.7!important}

  /* More breathing room above the navigation, then a slightly more open internal rhythm. */
  .nav-menu-list{flex:0 0 auto!important;width:100%!important;min-height:0!important;margin:0!important;padding:clamp(40px,5.2dvh,52px) 7vw 0!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:clamp(15px,1.8dvh,19px)!important;border:0!important}
  .nav-menu-list a{width:max-content!important;max-width:100%!important;height:auto!important;min-height:0!important;padding:0!important;border:0!important;overflow:visible!important;text-decoration:none!important;transform-origin:left center!important;color:var(--ink)!important}
  .nav-menu-list .nav-roll-mask{display:block!important;width:max-content!important;max-width:100%!important;height:.94em!important;overflow:hidden!important;font-family:var(--font-serif)!important;font-size:clamp(2.36rem,9.7vw,2.95rem)!important;line-height:.94!important;letter-spacing:-.047em!important;font-weight:400!important;text-transform:none!important}
  .nav-menu-list .nav-roll-track{display:flex!important;flex-direction:column!important;width:max-content!important;transform:translateY(0)!important;transition:transform .46s cubic-bezier(.16,1,.3,1)!important}
  .nav-menu-list .nav-roll-copy{display:block!important;flex:0 0 auto!important;width:max-content!important;height:.94em!important;line-height:.94!important;white-space:nowrap!important}
  .nav-menu-list a.is-pressed{transform:scale(.975)!important;color:var(--ink)!important}.nav-menu-list a.is-clicked .nav-roll-track,.nav-menu-list a:focus-visible .nav-roll-track{transform:translateY(-50%)!important}

  /* Bring the CTA group into the composition instead of pinning it visually to the bottom. */
  .nav-drawer-footer{flex:0 0 auto!important;width:100%!important;margin-top:clamp(54px,6.5dvh,68px)!important;padding:0 7vw max(12px,env(safe-area-inset-bottom))!important;background:transparent!important}
  .nav-cta{display:block!important;width:100%!important;height:auto!important;min-height:0!important;position:relative!important;border:0!important;border-top:1px solid rgba(28,54,42,.38)!important;background:transparent!important;color:var(--ink)!important;text-align:left!important;text-decoration:none!important;padding:clamp(10px,1.35dvh,13px) 0 clamp(12px,1.55dvh,15px)!important;overflow:visible!important;-webkit-tap-highlight-color:transparent!important;cursor:pointer!important;opacity:1!important;transform:none!important;filter:none!important;transition:opacity .28s ease,transform .38s cubic-bezier(.16,1,.3,1)!important}
  .nav-first-look{border-bottom:1px solid rgba(28,54,42,.38)!important}
  .nav-cta::before,.nav-cta::after,.nav-cta-body::before,.nav-cta-body::after{content:none!important;display:none!important}
  .nav-cta .nav-kicker{display:block!important;margin:0 0 clamp(7px,.9dvh,9px)!important;padding:0!important;font-family:var(--font-sans)!important;font-size:clamp(.55rem,2.05vw,.62rem)!important;line-height:1!important;letter-spacing:.16em!important;text-transform:uppercase!important;font-weight:500!important;color:var(--ink)!important;opacity:.56!important;white-space:nowrap!important}
  .nav-cta-body{display:block!important;width:100%!important;padding:0!important}
  .nav-cta-body>span:first-child{display:flex!important;flex-direction:column!important;min-width:0!important;transition:transform .4s cubic-bezier(.16,1,.3,1)!important}
  .nav-cta .nav-action-title{display:block!important;font-family:var(--font-serif)!important;font-weight:400!important;line-height:.91!important;letter-spacing:-.035em!important;color:var(--ink)!important}
  .nav-dear-exif .nav-action-title{font-size:clamp(1.82rem,7.1vw,2.16rem)!important}.nav-first-look .nav-action-title{font-size:clamp(1.66rem,6.5vw,2rem)!important}
  .nav-cta .nav-action-copy{display:block!important;margin-top:4px!important;font-family:var(--font-sans)!important;font-size:clamp(.59rem,2.2vw,.66rem)!important;line-height:1.1!important;font-weight:400!important;letter-spacing:.04em!important;text-transform:uppercase!important;color:var(--ink)!important;opacity:.58!important}

  .nav-cta .nav-arrow,.nav-dear-exif .nav-arrow,.nav-first-look .nav-arrow{display:none!important;width:0!important;height:0!important;font-size:0!important;opacity:0!important}
  .nav-cta .nav-arrow::before,.nav-cta .nav-arrow::after{content:none!important;display:none!important}

  .nav-cta.is-pressed,.nav-cta.is-clicked,.nav-cta:active{background:transparent!important;color:var(--ink)!important;opacity:.62!important}
  .nav-cta.is-pressed .nav-kicker,.nav-cta.is-clicked .nav-kicker,.nav-cta:active .nav-kicker,.nav-cta.is-pressed .nav-action-title,.nav-cta.is-clicked .nav-action-title,.nav-cta:active .nav-action-title,.nav-cta.is-pressed .nav-action-copy,.nav-cta.is-clicked .nav-action-copy,.nav-cta:active .nav-action-copy{color:var(--ink)!important}
  .nav-cta.is-pressed .nav-cta-body>span:first-child,.nav-cta.is-clicked .nav-cta-body>span:first-child,.nav-cta:active .nav-cta-body>span:first-child{transform:translateX(5px)!important}

  /* Give the footer its own small breath after the final rule. */
  .nav-drawer-meta{width:100%!important;margin-top:clamp(22px,2.7dvh,28px)!important;padding:0!important;display:flex!important;align-items:baseline!important;gap:14px!important;border:0!important;font-family:var(--font-sans)!important;font-size:clamp(.60rem,2.25vw,.67rem)!important;line-height:1.15!important;letter-spacing:.01em!important;text-transform:none!important;color:var(--ink)!important;opacity:.52!important;transform:none!important;filter:none!important}
  .nav-drawer-meta a{color:inherit!important;text-decoration:none!important;white-space:nowrap!important;font-size:inherit!important;letter-spacing:inherit!important;text-transform:none!important}.nav-drawer-meta a:last-child{margin-left:auto!important}.nav-drawer-meta a::before,.nav-drawer-meta a::after{content:none!important;display:none!important}

  .main-nav .nav-menu-top,.main-nav .nav-menu-list,.main-nav .nav-drawer-footer{opacity:0;filter:blur(9px);transform:translateY(7px)}
  .main-nav.open .nav-menu-top{animation:exifDrawerResolve .48s cubic-bezier(.16,1,.3,1) .03s both}
  .main-nav.open .nav-menu-list{animation:exifDrawerResolve .56s cubic-bezier(.16,1,.3,1) .08s both}
  .main-nav.open .nav-drawer-footer{animation:exifDrawerResolve .6s cubic-bezier(.16,1,.3,1) .14s both}
  @keyframes exifDrawerResolve{from{opacity:0;filter:blur(9px);transform:translateY(7px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}

  body.exif-returning.exif-intro-running{overflow:auto!important}body.exif-returning.exif-intro-running .site-header{opacity:1!important;pointer-events:auto!important}body.exif-returning .exif-loader{display:none!important}body.exif-returning .exif-hero-copy .word{opacity:1!important;transform:none!important;filter:none!important}body.exif-returning .exif-hero-meta{opacity:.82!important;transform:none!important}
}
@media (hover:hover) and (pointer:fine) and (max-width:859px){.nav-menu-list a:hover .nav-roll-track{transform:translateY(-50%)!important}.nav-cta:hover{background:transparent!important;color:var(--ink)!important;opacity:.7!important}.nav-cta:hover .nav-cta-body>span:first-child{transform:translateX(5px)!important}}
@media (prefers-reduced-motion:reduce){.main-nav .nav-menu-top,.main-nav .nav-menu-list,.main-nav .nav-drawer-footer,.main-nav.open .nav-menu-top,.main-nav.open .nav-menu-list,.main-nav.open .nav-drawer-footer{animation:none!important;opacity:1!important;filter:none!important;transform:none!important}}
@media (max-width:859px) and (max-height:760px){.nav-menu-top{height:34px!important;padding-top:max(16px,env(safe-area-inset-top))!important}.nav-home{width:46px!important;height:5.75px!important}.nav-home::before{background-size:46px 5.75px!important}.nav-menu-list{padding-top:30px!important;gap:11px!important}.nav-menu-list .nav-roll-mask{font-size:clamp(2.08rem,8.55vw,2.5rem)!important}.nav-drawer-footer{margin-top:38px!important}.nav-cta{padding:8px 0 10px!important}.nav-cta .nav-kicker{margin-bottom:5px!important;font-size:.53rem!important}.nav-dear-exif .nav-action-title{font-size:1.66rem!important}.nav-first-look .nav-action-title{font-size:1.55rem!important}.nav-cta .nav-action-copy{font-size:.55rem!important}.nav-drawer-meta{margin-top:17px!important;font-size:.56rem!important;gap:10px!important}}
@media (max-width:859px) and (max-height:640px){.main-nav{overflow-y:auto!important}.nav-menu-list{padding-top:22px!important;gap:8px!important}.nav-menu-list .nav-roll-mask{font-size:1.95rem!important}.nav-drawer-footer{margin-top:24px!important}.nav-drawer-meta{margin-top:13px!important}}