/* =========================================================
   HOME V1.27 - CLEAN MOBILE NAVIGATION ARCHITECTURE

   Desktop / normal tablet:
   - untouched V2.9 photographic panels
   - this component does not participate in layout

   Mobile:
   - original photographic panels are hidden
   - independent mobile-only navigation is shown
   - no inherited .home-panel geometry
   - no border-based separators
   ========================================================= */

.dl-mobile-home-nav{
  display:none;
}

/* PHONE PORTRAIT / NARROW MOBILE */
@media (max-width:700px){
  /* Original V2.9 three-image section stays intact in source,
     but is not part of the mobile layout. */
  .home-panels{
    display:none !important;
  }

  /* The old Specialist decorative rule is excluded from mobile.
     Specialist heading itself remains the original Home element. */
  .home-divider{
    display:none !important;
  }

  .dl-mobile-home-nav{
    display:block;
    width:100%;
    box-sizing:border-box;
    margin:48px 0 0;
    padding:0 54px 54px;
    text-align:center;
    -webkit-text-size-adjust:100%;
    text-size-adjust:100%;
  }

  .dl-mobile-home-link{
    display:flex;
    flex-direction:column;
    align-items:center;
    width:100%;
    box-sizing:border-box;
    padding:0;
    color:inherit;
    text-decoration:none;
    -webkit-tap-highlight-color:transparent;
  }

  .dl-mobile-home-title{
    display:block;
    margin:0;
    color:#eee9df;
    font-size:16px;
    line-height:1.2;
    font-weight:400;
    letter-spacing:.015em;
    text-align:center;
    transition:color 180ms ease;
  }

  .dl-mobile-home-rule{
    display:block;
    width:52px;
    height:0;
    margin:16px 0 0;
    border-top:0.5px solid rgba(229,212,154,.50);
    transform:scaleY(1);
    transform-origin:center;
    transition:border-color 180ms ease, transform 180ms ease;
  }

  .dl-mobile-home-desc{
    display:block;
    max-width:31em;
    margin:27px auto 0;
    color:rgba(238,233,223,.72);
    font-size:13px;
    line-height:1.55;
    font-weight:400;
    text-align:center;
  }

  .dl-mobile-home-separator{
    display:block;
    width:100%;
    height:0;
    margin:52px 0;
    border-top:1px solid rgba(181,148,85,.24);
  }

  .dl-mobile-home-link.is-pressed .dl-mobile-home-title{
    color:#E5D49A;
  }

  .dl-mobile-home-link.is-pressed .dl-mobile-home-rule{
    border-top-color:#E5D49A;
    transform:scaleY(1.5);
  }
}

/* PHONE LANDSCAPE / SHORT VIEWPORT
   Separate spacing values, not inherited from portrait. */
@media (orientation:landscape) and (max-width:1100px) and (max-height:750px){
  .home-panels{
    display:none !important;
  }

  .home-divider{
    display:none !important;
  }

  .dl-mobile-home-nav{
    display:block;
    width:100%;
    box-sizing:border-box;
    margin:26px 0 0;
    padding:0 64px 38px;
    text-align:center;
    -webkit-text-size-adjust:100%;
    text-size-adjust:100%;
  }

  .dl-mobile-home-link{
    display:flex;
    flex-direction:column;
    align-items:center;
    width:100%;
    box-sizing:border-box;
    padding:0;
    color:inherit;
    text-decoration:none;
    -webkit-tap-highlight-color:transparent;
  }

  .dl-mobile-home-title{
    display:block;
    margin:0;
    color:#eee9df;
    font-size:16px;
    line-height:1.2;
    font-weight:400;
    letter-spacing:.015em;
    text-align:center;
    transition:color 180ms ease;
  }

  .dl-mobile-home-rule{
    display:block;
    width:52px;
    height:0;
    margin:14px 0 0;
    border-top:0.5px solid rgba(229,212,154,.50);
    transform:scaleY(1);
    transform-origin:center;
    transition:border-color 180ms ease, transform 180ms ease;
  }

  .dl-mobile-home-desc{
    display:block;
    max-width:44em;
    margin:20px auto 0;
    color:rgba(238,233,223,.72);
    font-size:12px;
    line-height:1.45;
    font-weight:400;
    text-align:center;
  }

  .dl-mobile-home-separator{
    display:block;
    width:100%;
    height:0;
    margin:32px 0;
    border-top:1px solid rgba(181,148,85,.24);
  }

  .dl-mobile-home-link.is-pressed .dl-mobile-home-title{
    color:#E5D49A;
  }

  .dl-mobile-home-link.is-pressed .dl-mobile-home-rule{
    border-top-color:#E5D49A;
    transform:scaleY(1.5);
  }
}

@media (prefers-reduced-motion:reduce){
  .dl-mobile-home-title,
  .dl-mobile-home-rule{
    transition:none !important;
  }
}