/* LigLED homepage night experience. Shared navigation stays in home.css. */
#ligled-night-hero{--ll-photo:none;color:#f3f7fc;background:#050e19;overflow:hidden}
#ligled-night-hero *{box-sizing:border-box}
#ligled-night-hero .ll-hero{position:relative;isolation:isolate;min-height:780px;min-height:max(740px,94svh);display:flex;flex-direction:column;background:#081321}
#ligled-night-hero .ll-photo{position:absolute;inset:0;background-image:var(--ll-photo);background-size:cover;background-position:60% center;pointer-events:none}
#ligled-night-hero .ll-base{filter:brightness(.21) saturate(.65)}
#ligled-night-hero .ll-lit{filter:brightness(.95)}
#ligled-night-hero .ll-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(3,10,19,.96),rgba(3,10,19,.71) 30%,rgba(3,10,19,.1) 72%),linear-gradient(0deg,#050e19,transparent 36%)}
#ligled-night-hero .ll-copy{position:relative;z-index:2;padding-top:clamp(190px,26vh,270px);padding-bottom:90px}
#ligled-night-hero .ll-kicker{font-size:11px;letter-spacing:.24em;color:#b9cddd;margin:0 0 30px}
#ligled-night-hero h1{font-size:clamp(60px,7.6vw,112px);font-weight:500;line-height:.99;letter-spacing:-.06em;margin:0 0 27px;max-width:1050px}
#ligled-night-hero h1 em{font-style:normal;color:#8ccaff}
#ligled-night-hero .ll-intro{font-size:16px;line-height:1.8;color:#c2d0de;max-width:380px;margin:0 0 34px}
#ligled-night-hero .ll-actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap}
#ligled-night-hero a{color:inherit;text-decoration:none}
#ligled-night-hero .ll-link{display:inline-flex;align-items:center;gap:28px;padding:16px 23px;border:1px solid #91b9dc80;font-size:13px;background:#081a2b44;transition:background .3s,border-color .3s}
#ligled-night-hero .ll-link:hover{background:#163a59;border-color:#8ccaff}
#ligled-night-hero .ll-project-link{display:inline-flex;align-items:center;gap:20px;min-height:44px;font-size:13px}
#ligled-night-hero .ll-project-link:hover{text-decoration:underline;text-underline-offset:6px}
#ligled-night-hero .ll-scene-time{position:absolute;top:calc(var(--header-height,84px) + 35px);right:max(5%,calc((100% - 1380px)/2));z-index:2;text-align:right;display:grid;gap:5px}
#ligled-night-hero .ll-scene-time small{font-size:10px;letter-spacing:.16em;color:#adc4da}
#ligled-night-hero .ll-time{font-size:27px;line-height:1.2;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
#ligled-night-hero .ll-footer{position:relative;z-index:2;margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:30px}
#ligled-night-hero .ll-caption{font-size:11px;letter-spacing:.14em;color:#b7cadd}
#ligled-night-hero .ll-scroll{display:flex;align-items:center;gap:28px;min-height:44px}
#ligled-night-hero .ll-controls{display:flex;align-items:center;gap:18px}
#ligled-night-hero .ll-dots{display:flex;gap:7px}
#ligled-night-hero .ll-dot{width:5px;height:5px;border-radius:50%;background:#496378;transition:background .3s,box-shadow .3s}
#ligled-night-hero .ll-dot.is-on{background:#f3e5be;box-shadow:0 0 9px #e7d7a8}
#ligled-night-hero .ll-replay{font:inherit;font-size:12px;color:#d6e7f6;border:1px solid #a8c7e255;background:transparent;padding:10px 15px;min-height:44px;cursor:pointer}
#ligled-night-hero .ll-replay:hover{background:#183750}
#ligled-night-hero a:focus-visible,#ligled-night-hero button:focus-visible{outline:2px solid #b5e0ff;outline-offset:5px}
body.home .about-section{padding-top:110px;padding-bottom:110px}
body.home .about-copy h2,body.home .section-heading h2{font-weight:500;letter-spacing:-.04em}
body.home .solution-panel.is-active{animation:ligled-scene-arrive .65s cubic-bezier(.16,1,.3,1) both}
body.home .project-card{overflow:hidden}
body.home .project-card img{transition:transform .8s ease}
body.home .project-card:hover img,body.home .project-card:focus-within img{transform:scale(1.045)}
@keyframes ligled-scene-arrive{from{opacity:.25;transform:translateY(16px)}to{opacity:1;transform:none}}
@media(max-width:700px){
  #ligled-night-hero .ll-hero{min-height:740px;min-height:max(710px,92svh)}
  #ligled-night-hero .ll-copy{padding-top:210px;padding-bottom:65px}
  #ligled-night-hero h1{font-size:clamp(46px,9.1vw,64px);letter-spacing:-.055em}
  #ligled-night-hero .ll-photo{background-position:67% center}
  #ligled-night-hero .ll-shade{background:linear-gradient(90deg,#030a13e8,#030a1355),linear-gradient(0deg,#050e19,transparent 55%)}
  #ligled-night-hero .ll-scene-time{top:calc(var(--header-height,72px) + 24px)}
  #ligled-night-hero .ll-intro{font-size:14px;max-width:320px}
  #ligled-night-hero .ll-actions{gap:12px 24px}
  #ligled-night-hero .ll-footer{gap:12px;flex-wrap:wrap;padding-bottom:22px}
  #ligled-night-hero .ll-caption{font-size:10px;letter-spacing:.1em}
  #ligled-night-hero .ll-scroll{gap:12px}
  #ligled-night-hero .ll-controls{gap:12px}
  #ligled-night-hero .ll-dots{gap:5px}
  body.home .about-section{padding-top:75px;padding-bottom:75px}
}
@media(prefers-reduced-motion:reduce){
  #ligled-night-hero .ll-dot,#ligled-night-hero .ll-link,body.home .project-card img{transition:none}
  body.home .solution-panel.is-active{animation:none}
  body.home .illuminate-section{height:auto;min-height:0;--light-progress:1!important}
  body.home .illuminate-section__sticky{position:relative;height:auto;min-height:650px}
}
