/* Every rule is limited to Light. The existing Dark presentation is unchanged. */
html[data-interface="light"]{
  --light-glass:color-mix(in srgb,var(--paper) 88%,transparent);
  --light-shadow:0 24px 70px rgba(19,32,45,.09);
  background:var(--paper);
}
html[data-interface="light"] ::selection{background:rgba(var(--theme-glow),.24);color:var(--ink)}
html[data-interface="light"] .scroll-progress{background:var(--line)}
html[data-interface="light"] .scroll-progress i{box-shadow:0 0 12px rgba(var(--theme-glow),.3)}
html[data-interface="light"] .glass-panel{background:var(--light-glass);border-color:var(--line);color:var(--ink);box-shadow:var(--light-shadow)}

/* Warm, translucent navigation on every page and at every breakpoint. */
html[data-interface="light"] .site-header.floating-header{background:var(--light-glass);border-color:rgba(19,32,45,.12);box-shadow:0 15px 55px rgba(19,32,45,.08)}
html[data-interface="light"] .site-header.floating-header.is-compact{background:color-mix(in srgb,var(--paper) 96%,transparent);box-shadow:0 12px 40px rgba(19,32,45,.1)}
html[data-interface="light"] .site-header.floating-header .brand{color:var(--ink)}
html[data-interface="light"] .site-header.floating-header .brand-mark{color:var(--accent-text);border-color:var(--line);background:rgba(var(--theme-glow),.035)}
html[data-interface="light"] .site-header.floating-header .brand-copy small{color:var(--muted)}
html[data-interface="light"] .site-header.floating-header .nav{color:var(--muted)}
html[data-interface="light"] .site-header.floating-header .nav-link:hover,
html[data-interface="light"] .site-header.floating-header .nav-link.active{color:var(--ink)}
html[data-interface="light"] .site-header.floating-header .menu-btn{border-color:var(--line);background:rgba(var(--theme-glow),.04)}
html[data-interface="light"] .site-header.floating-header .menu-btn i,
html[data-interface="light"] .site-header.floating-header .menu-btn::before,
html[data-interface="light"] .site-header.floating-header .menu-btn::after{background:var(--ink)}
html[data-interface="light"] .theme-toggle{background:rgba(255,255,255,.65);color:var(--ink);border-color:rgba(var(--theme-glow),.45);box-shadow:inset 0 1px rgba(255,255,255,.8)}
html[data-interface="light"] .theme-toggle:hover,
html[data-interface="light"] .theme-dock.open .theme-toggle{background:rgba(var(--theme-glow),.09);border-color:var(--accent-text)}
html[data-interface="light"] .theme-toggle:focus-visible{outline-color:var(--accent-text)}
html[data-interface="light"] .theme-options{box-shadow:0 20px 65px rgba(19,32,45,.14),inset 0 1px rgba(255,255,255,.8)}

/* Daylit cinematic hero: the same photography and choreography, airy surfaces. */
html[data-interface="light"] .cinematic-hero{background:var(--paper)!important;color:var(--ink)}
html[data-interface="light"] .hero-video{opacity:.15;mix-blend-mode:multiply;filter:saturate(.4) brightness(1.35)}
html[data-interface="light"] .hero-photo{background:linear-gradient(90deg,var(--paper),color-mix(in srgb,var(--paper) 16%,transparent) 60%),url('assets/architectural-hero-wide.webp') center/cover no-repeat;opacity:.8}
html[data-interface="light"] .hero-vignette{background:linear-gradient(90deg,var(--paper) 0%,color-mix(in srgb,var(--paper) 96%,transparent) 34%,color-mix(in srgb,var(--paper) 42%,transparent) 72%,color-mix(in srgb,var(--paper) 65%,transparent) 100%),linear-gradient(0deg,var(--paper),transparent 70%)}
html[data-interface="light"] .hero-webgl{mix-blend-mode:multiply;opacity:.1}
html[data-interface="light"] .hero-gridlines{background-image:linear-gradient(rgba(19,32,45,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(19,32,45,.04) 1px,transparent 1px)}
html[data-interface="light"] .cinematic-hero h1{color:var(--ink)}
html[data-interface="light"] .cinematic-hero h1 .accent-line{color:var(--accent-text);text-shadow:none}
html[data-interface="light"] .hero-kicker{color:var(--accent-text)!important}
html[data-interface="light"] .cinematic-hero .hero-lede{color:var(--muted)}
html[data-interface="light"] .hero-proof{background:color-mix(in srgb,var(--paper) 80%,transparent);border-color:var(--line);box-shadow:0 14px 45px rgba(19,32,45,.05)}
html[data-interface="light"] .hero-proof span{color:var(--muted);border-color:var(--line)}
html[data-interface="light"] .hero-proof b{color:var(--ink)}
html[data-interface="light"] .portrait-frame{background:var(--cream);border-color:rgba(255,255,255,.8);box-shadow:0 30px 90px rgba(19,32,45,.14)}
html[data-interface="light"] .portrait-image{background-image:linear-gradient(0deg,var(--paper),color-mix(in srgb,var(--paper) 80%,transparent) 12%,transparent 45%),url('assets/marcus-reid-v2.webp')}
html[data-interface="light"] .portrait-caption{color:var(--ink)}
html[data-interface="light"] .portrait-caption span{color:var(--muted)}
html[data-interface="light"] .glass-float{background:var(--light-glass);border-color:rgba(19,32,45,.09);color:var(--ink);box-shadow:0 15px 45px rgba(19,32,45,.1)}
html[data-interface="light"] .glass-float span{color:var(--muted)}
html[data-interface="light"] .hero-scroll-cue{color:var(--muted)}
html[data-interface="light"] .btn-glass,
html[data-interface="light"] .btn-ghost,
html[data-interface="light"] .btn-dark{background:rgba(255,255,255,.65);border-color:var(--line);color:var(--ink);box-shadow:0 8px 25px rgba(19,32,45,.04)}
html[data-interface="light"] .btn-glass:hover,
html[data-interface="light"] .btn-ghost:hover,
html[data-interface="light"] .btn-dark:hover{background:var(--paper);border-color:rgba(var(--theme-glow),.5)}
html[data-interface="light"] .btn-glow{box-shadow:0 14px 40px rgba(var(--theme-glow),.2),inset 0 1px rgba(255,255,255,.35)}

/* A continuous light scroll story, including every layered illustration. */
html[data-interface="light"] .showcase-scroll{background:var(--paper);color:var(--ink)}
html[data-interface="light"] .showcase-sticky{background:radial-gradient(ellipse at 72% 45%,rgba(var(--theme-glow),.12),transparent 54%),var(--paper)}
html[data-interface="light"] .showcase-sticky::before{background-image:linear-gradient(rgba(19,32,45,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(19,32,45,.045) 1px,transparent 1px)}
html[data-interface="light"] .showcase-topline,
html[data-interface="light"] .showcase-copy p{color:var(--muted)}
html[data-interface="light"] .showcase-copy .eyebrow{color:var(--accent-text)}
html[data-interface="light"] .showcase-panel{border-color:var(--line)}
html[data-interface="light"] .depth-composition .depth-card{border-color:rgba(255,255,255,.85);color:var(--ink);box-shadow:0 30px 65px rgba(19,32,45,.11)}
html[data-interface="light"] .depth-card.dc1{background:linear-gradient(135deg,rgba(var(--theme-glow),.3),rgba(255,255,255,.85))}
html[data-interface="light"] .depth-card.dc2{background:rgba(255,255,255,.76)}
html[data-interface="light"] .depth-card.dc3{background:linear-gradient(145deg,var(--ivory),rgba(255,255,255,.88))}
html[data-interface="light"] .depth-ring{border-color:rgba(var(--theme-glow),.22)}
html[data-interface="light"] .editorial-stack .editorial-photo{border-color:rgba(255,255,255,.85);box-shadow:0 24px 65px rgba(19,32,45,.15)}
html[data-interface="light"] .ep1{background-image:linear-gradient(0deg,rgba(255,255,255,.18),transparent 50%),url('assets/vendor/photo-4a077caf8343612434f0e340.jpg')}
html[data-interface="light"] .ep2{background-image:linear-gradient(0deg,rgba(255,255,255,.15),transparent),url('assets/vendor/photo-6c423b15535355584836ae9d.jpg')}
html[data-interface="light"] .editorial-note span{color:var(--muted)}
html[data-interface="light"] .metric-orb{background:radial-gradient(circle at 30% 20%,#fff,rgba(var(--theme-glow),.1) 46%,rgba(255,255,255,.7) 80%);border-color:rgba(19,32,45,.1);box-shadow:inset 0 0 65px rgba(255,255,255,.6),0 22px 65px rgba(19,32,45,.08)}
html[data-interface="light"] .metric-orb strong{color:var(--accent-text)}
html[data-interface="light"] .metric-orb span{color:var(--muted)}
html[data-interface="light"] .showcase-progress{background:var(--line)}
html[data-interface="light"] .consultation-card{background:linear-gradient(145deg,rgba(255,255,255,.94),var(--ivory));color:var(--ink);border-color:rgba(19,32,45,.1);box-shadow:var(--light-shadow)}
html[data-interface="light"] .consultation-overline,
html[data-interface="light"] .consultation-card-heading p,
html[data-interface="light"] .consultation-card-foot,
html[data-interface="light"] .consultation-card-foot>span:last-child{color:var(--muted)}
html[data-interface="light"] .consultation-emblem,
html[data-interface="light"] .consultation-overline i,
html[data-interface="light"] .consultation-card-heading>span,
html[data-interface="light"] .consultation-stages b,
html[data-interface="light"] .consultation-stages i{color:var(--accent-text)}
html[data-interface="light"] .consultation-stages,
html[data-interface="light"] .consultation-stages>div{border-color:var(--line)}
html[data-interface="light"] .consultation-pulse{background:var(--accent-text)}

/* All interior page heroes retain their photos with pale, readable overlays. */
html[data-interface="light"] .advanced-page-hero{background:radial-gradient(circle at 78% 22%,rgba(var(--theme-glow),.12),transparent 38%),var(--paper)!important;color:var(--ink)}
html[data-interface="light"] .advanced-page-hero::after{border-color:var(--line)!important}
html[data-interface="light"] .advanced-page-hero::before{background-image:linear-gradient(rgba(19,32,45,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(19,32,45,.04) 1px,transparent 1px)}
html[data-interface="light"] .advanced-page-hero h1{color:var(--ink)!important;text-shadow:none}
html[data-interface="light"] .advanced-page-hero p{color:var(--muted)!important}
html[data-interface="light"] .advanced-page-hero .crumb,
html[data-interface="light"] .advanced-page-hero .crumb a{color:var(--accent-text)}
html[data-interface="light"] .crumb b{color:var(--muted)}
html[data-interface="light"] body[data-page="about"] .advanced-page-hero{background:linear-gradient(90deg,var(--paper),color-mix(in srgb,var(--paper) 87%,transparent) 48%,color-mix(in srgb,var(--paper) 58%,transparent)),url('assets/architectural-hero-wide.webp') center/cover!important}
html[data-interface="light"] body[data-page="practice-areas"] .advanced-page-hero{background:linear-gradient(90deg,var(--paper),color-mix(in srgb,var(--paper) 88%,transparent) 50%,color-mix(in srgb,var(--paper) 65%,transparent)),url('assets/vendor/photo-8697c3d33ff4e1d2ffdfaf08.jpg') center/cover!important}
html[data-interface="light"] body[data-page="attorneys"] .advanced-page-hero{background:linear-gradient(90deg,var(--paper),color-mix(in srgb,var(--paper) 90%,transparent) 50%,color-mix(in srgb,var(--paper) 62%,transparent)),url('assets/marcus-reid-v2.webp') center 35%/cover!important}
html[data-interface="light"] body[data-page="resources"] .advanced-page-hero{background:linear-gradient(90deg,var(--paper),color-mix(in srgb,var(--paper) 90%,transparent) 50%,color-mix(in srgb,var(--paper) 68%,transparent)),url('assets/vendor/photo-a9fad01b724e346694d1f03d.jpg') center/cover!important}
html[data-interface="light"] body[data-page="contact"] .advanced-page-hero{background:linear-gradient(90deg,var(--paper),color-mix(in srgb,var(--paper) 83%,transparent) 50%,color-mix(in srgb,var(--paper) 58%,transparent)),url('assets/architectural-hero.webp') center/cover!important}
html[data-interface="light"] .page-hero-orb,
html[data-interface="light"] .page-hero-orb span{border-color:rgba(var(--theme-glow),.15)}
html[data-interface="light"] .page-hero-orb span:nth-child(3){background:rgba(var(--theme-glow),.08);box-shadow:0 0 90px rgba(var(--theme-glow),.1)}

/* Practice, process, trust signals, and the final invitation stay light. */
html[data-interface="light"] .section-dark{background:radial-gradient(ellipse at 85% 0%,rgba(var(--theme-glow),.09),transparent 55%),var(--ivory)!important;color:var(--ink)}
html[data-interface="light"] .section-dark::before{background-image:linear-gradient(rgba(19,32,45,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(19,32,45,.035) 1px,transparent 1px)}
html[data-interface="light"] .section-dark .section-copy,
html[data-interface="light"] .section-dark .section-no,
html[data-interface="light"] .section-dark .step p,
html[data-interface="light"] .timeline-row p{color:var(--muted)}
html[data-interface="light"] .section-dark .kicker,
html[data-interface="light"] .section-dark .step-num,
html[data-interface="light"] .timeline-row strong{color:var(--accent-text)!important}
html[data-interface="light"] .practice-grid,
html[data-interface="light"] .practice-card,
html[data-interface="light"] .timeline-row{border-color:var(--line)}
html[data-interface="light"] .practice-card{background:rgba(255,255,255,.56);color:var(--ink)}
html[data-interface="light"] .practice-card:hover{background:var(--paper);box-shadow:0 22px 55px rgba(19,32,45,.09)}
html[data-interface="light"] .practice-card .num{color:var(--accent-text)}
html[data-interface="light"] .practice-card p{color:var(--muted)}
html[data-interface="light"] .practice-card .corner{color:var(--accent-text);border-color:var(--line);background:rgba(var(--theme-glow),.06)}
html[data-interface="light"] .practice-card:hover .corner,
html[data-interface="light"] .practice-card:focus-visible .corner{background:var(--copper);color:var(--on-accent);border-color:var(--copper)}
html[data-interface="light"] .step .bubble{color:var(--ink);border-color:var(--line)}
html[data-interface="light"] .step:hover .bubble{color:var(--on-accent);border-color:var(--copper)}
html[data-interface="light"] .step:hover .step-num{color:var(--accent-text)}
html[data-interface="light"] .stats-band{background:radial-gradient(ellipse at 80% 20%,rgba(var(--theme-glow),.12),transparent 60%),var(--paper);color:var(--ink);border-block:1px solid var(--line)}
html[data-interface="light"] .stats-band .kicker{color:var(--accent-text)!important}
html[data-interface="light"] .stats-band .stat strong{color:var(--accent-text)}
html[data-interface="light"] .stat{border-color:var(--line)}
html[data-interface="light"] .stats-band .fineprint{color:var(--muted)}
html[data-interface="light"] .credential-ribbon{background:var(--light-glass);color:var(--ink);border-color:var(--line);box-shadow:var(--light-shadow);backdrop-filter:blur(22px)}
html[data-interface="light"] .credential-ribbon>div{border-color:var(--line)!important}
html[data-interface="light"] .credential-ribbon span{color:var(--accent-text)}
html[data-interface="light"] .story-badge{background:var(--light-glass);color:var(--ink);border:1px solid rgba(255,255,255,.6);box-shadow:0 12px 40px rgba(19,32,45,.08)}
html[data-interface="light"] .story-badge span{color:var(--accent-text)}
html[data-interface="light"] .team-card,
html[data-interface="light"] .team-meta{background:var(--paper);border-color:var(--line)}
html[data-interface="light"] .filter-chip:hover,
html[data-interface="light"] .filter-chip.active{background:rgba(var(--theme-glow),.13)!important;color:var(--accent-text)!important;border-color:rgba(var(--theme-glow),.3);box-shadow:0 6px 20px rgba(var(--theme-glow),.07)}
html[data-interface="light"] .form-card{box-shadow:var(--light-shadow)!important}
html[data-interface="light"] .cta-panel{background:radial-gradient(ellipse at 78% 38%,rgba(var(--theme-glow),.11),transparent 55%),var(--ivory)!important;color:var(--ink);border-top:1px solid var(--line)}
html[data-interface="light"] .cta-panel::before,
html[data-interface="light"] .cta-panel::after{border-color:var(--line)}
html[data-interface="light"] .cta-panel .kicker{color:var(--accent-text)!important}
html[data-interface="light"] .cta-grid p{color:var(--muted)}

/* Footer, mobile controls, and transitions finish the same light journey. */
html[data-interface="light"] .footer{background:var(--paper)!important;color:var(--ink);border-top:1px solid var(--line)}
html[data-interface="light"] .footer .brand-mark{border-color:var(--line);color:var(--accent-text)}
html[data-interface="light"] .brand:hover .brand-mark{background:rgba(var(--theme-glow),.1);color:var(--accent-text)}
html[data-interface="light"] .footer .brand-copy small,
html[data-interface="light"] .footer-blurb,
html[data-interface="light"] .footer-col h4,
html[data-interface="light"] .legal{color:var(--muted)}
html[data-interface="light"] .footer-col a{color:var(--ink)}
html[data-interface="light"] .footer-col a:hover{color:var(--accent-text)}
html[data-interface="light"] .legal{border-color:var(--line)}
html[data-interface="light"] .mobile-cta{background:var(--light-glass);border:1px solid var(--line);box-shadow:0 12px 40px rgba(19,32,45,.12)}
html[data-interface="light"] .mobile-cta .call{color:var(--ink);border-color:var(--line)}
html[data-interface="light"] .page-transition::before{background:var(--paper)}
html[data-interface="light"] .transition-lockup{color:var(--ink)}
html[data-interface="light"] .transition-mark{color:var(--accent-text);border-color:var(--line);box-shadow:inset 0 0 0 1px rgba(19,32,45,.02)}
html[data-interface="light"] .transition-copy small{color:var(--muted)}

@media(max-width:1100px){
  html[data-interface="light"] .site-header.floating-header .nav{background:color-mix(in srgb,var(--paper) 97%,transparent)!important;color:var(--ink)!important;border-color:var(--line)!important;box-shadow:0 25px 70px rgba(19,32,45,.12)!important}
  html[data-interface="light"] .site-header.floating-header .nav-link{border-color:var(--line)!important}
}
