/* =========================================================
   DANIEL LUCIAN — CANONICAL HOME STYLES

   Consolidated from the approved Home override cascade on
   13 September 2026. Section order preserves the previously
   verified cascade across desktop, tablet and mobile layouts.
   ========================================================= */

/* --- Background coverage --- */

/* =========================================================
   HOME GLOBAL INTEGRATION V4
   PRECISE FIX: approved background image coverage only.

   Diagnosis:
   Original Home master uses background-size:100% auto.
   Because approved-background.png is 3:2, narrowing the browser
   also shortens the rendered background. Its bottom edge can then
   enter the visible viewport, revealing the flat #0d0d0c body
   background as a hard dark rectangle.

   V4 keeps the exact image, position and fixed behaviour but makes
   it cover the viewport continuously.
   ========================================================= */

html{
  background:#0d0d0c;
}

body{
  background-color:#0d0d0c !important;
  background-image:url("collection/assets/scroll-light-background.png") !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  background-size:cover !important;
  background-attachment:fixed !important;
}

/* No hero/layout override in V4. */

/* --- Responsive background positioning --- */

/* =========================================================
   HOME MOBILE BACKGROUND V2.7 TEST
   Deeper balanced crop: approximately one-third of the move
   from V2.6 toward V2.5.
   Genuine approved texture, continuous, no repeat.
   Desktop V4 unchanged.
   ========================================================= */

@media (max-width:700px){
  body{
    background:#0d0d0c !important;
  }

  .page.home-page{
    background-color:#0d0d0c !important;
    background-image:url("collection/assets/scroll-light-background.png") !important;
    background-repeat:no-repeat !important;
    background-position:67% top !important;
    background-size:147% 100% !important;
  }

  .home-main{
    background:transparent !important;
  }
}

@media (orientation:landscape) and (max-width:1100px) and (max-height:650px){
  body{
    background:#0d0d0c !important;
  }

  .page.home-page{
    background-color:#0d0d0c !important;
    background-image:url("collection/assets/scroll-light-background.png") !important;
    background-repeat:no-repeat !important;
    background-position:64% top !important;
    background-size:128% 100% !important;
  }

  .home-main{
    background:transparent !important;
  }
}

.home-hero{
  background:transparent !important;
}

/* Portrait trial: keep the glow behind the hero rather than the tagline.
   Preserve the image's proportions instead of stretching it to page height. */
@media (max-width:700px) and (orientation:portrait){
  .page.home-page{
    background-color:#0f0b07 !important;
    background-position:center top !important;
    background-size:100% auto !important;
  }
}

/* --- Overlay removal --- */
/* Home background: no black overlay at any screen size. */
.page.home-page::before{content:none !important;}

/* --- Mobile navigation component --- */

/* =========================================================
   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;
    margin:16px 0 0;
  }

  .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%;
    margin:52px 0;
  }

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

}

/* 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;
    margin:14px 0 0;
  }

  .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%;
    margin:32px 0;
  }

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

}

@media (prefers-reduced-motion:reduce){

  .dl-mobile-home-title{
    transition:none !important;
  }

}

/* --- Mobile navigation spacing --- */

/* V1.28 - clean spacing refinement only.
   Built on V1.27 architecture.
*/

/* Portrait / narrow mobile:
   reduce row-to-row breathing space only. */
@media (max-width:700px){
  .dl-mobile-home-separator{
    margin:38px 0 !important;
  }
}

/* Phone landscape:
   move Collection farther away from Specialist,
   while tightening spacing between the three menu rows. */
@media (orientation:landscape) and (max-width:1100px) and (max-height:750px){
  .dl-mobile-home-nav{
    margin-top:44px !important;
  }

  .dl-mobile-home-separator{
    margin:24px 0 !important;
  }
}

/* --- Mobile navigation finishing refinements --- */

/* V1.29 - two refinements only, on top of V1.28 */

/* Remove any closing separator after Newsletter. */
.dl-mobile-home-nav > .dl-mobile-home-separator:last-child{
  display:none !important;
}

/* Landscape only: give Specialist -> Collection another 14px. */
@media (orientation:landscape) and (max-width:1100px) and (max-height:750px){
  .dl-mobile-home-nav{
    margin-top:58px !important;
  }
}

/* --- Mobile finishing-line and pointer behaviour --- */

/* V1.31 - verified fixes only, built from clean V1.29 */

/* ---------------------------------------------------------
   1. ACTUAL bottom finishing line
   The visible line is the inherited V2.9 .home-footer-rule,
   not a dl-mobile-home-separator.
   Hide it only while the text-only navigation is active.
   --------------------------------------------------------- */

@media (max-width:700px){
  .home-footer-rule{
    display:none !important;
  }
}

@media (orientation:landscape) and (max-width:1100px) and (max-height:750px){
  .home-footer-rule{
    display:none !important;
  }
}

/* ---------------------------------------------------------
   2. REDUCED-DESKTOP pointer interaction
   One explicit media query; no nested @media syntax.
   --------------------------------------------------------- */

@media (hover:hover) and (pointer:fine) and (orientation:landscape) and (max-width:1100px) and (max-height:750px){

  .dl-mobile-home-link:hover .dl-mobile-home-title,
  .dl-mobile-home-link:focus-visible .dl-mobile-home-title{
    color:#E5D49A !important;
  }

}

/* --- Mobile pointer states --- */

/* V1.32 - pointer hover/focus in BOTH text-mode conditions.
   Built from V1.31. No layout changes.
*/

/* Narrow text-mode, including a reduced desktop browser. */
@media (hover:hover) and (pointer:fine) and (max-width:700px){
  .dl-mobile-home-link:hover .dl-mobile-home-title,
  .dl-mobile-home-link:focus-visible .dl-mobile-home-title{
    color:#E5D49A !important;
  }

}

/* Short-landscape text-mode. */
@media (hover:hover) and (pointer:fine) and (orientation:landscape) and (max-width:1100px) and (max-height:750px){
  .dl-mobile-home-link:hover .dl-mobile-home-title,
  .dl-mobile-home-link:focus-visible .dl-mobile-home-title{
    color:#E5D49A !important;
  }

}

/* --- Home link presentation --- */
.home-hero > a{
  display:block;
  cursor:pointer;
}

.home-panel{
  display:block;
  color:inherit;
  text-decoration:none;
  cursor:pointer;
}