/* Styles specific to the Consultation layout on index.html. */
.home-consultation-v2{--v2-surface:#f5f5f5;--v2-line:#dce1dc}
.home-consultation-v2 main>section:not(#lighting-journey){scroll-margin-top:0}
.home-consultation-v2 .quiet-label{font:400 11px/1.6 Outfit,Anuphan,sans-serif;letter-spacing:.12em;color:#6b767b;margin:0 0 18px}
.home-consultation-v2 .hero-description{font-family:Anuphan,sans-serif;font-size:clamp(16px,1.6vw,22px);line-height:1.65}
.brand-summary{max-width:1600px;margin:auto;padding:76px 4% 28px;display:grid;grid-template-columns:1fr 1.2fr;gap:7%;align-items:center}
@media (min-width: 901px) {
  .brand-summary-copy { align-self: start; padding-top: 12px; }
}
.brand-summary h2{font:300 clamp(34px,3.5vw,52px)/1.1 Outfit,sans-serif;letter-spacing:-.025em;margin:0 0 18px}
.brand-summary-copy>p:last-child{font:400 15px/1.85 Anuphan,sans-serif;max-width:430px;color:var(--muted);margin:0}
.brand-facts{container-type:inline-size;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0}
.brand-facts>div{padding:19px 0 16px;border-top:1px solid var(--v2-line);min-width:0}
.brand-facts dt{font:400 11px/1.6 Anuphan,sans-serif;color:var(--muted);min-height:36px}
.brand-facts dd{font:300 clamp(29px,3vw,45px)/1.3 Outfit,sans-serif;letter-spacing:-.035em;margin:10px 0}
.brand-facts dd small{font-size:.5em;letter-spacing:0;white-space:nowrap}
.brand-facts .fact-note{letter-spacing:0;margin:0}
.brand-facts .fact-note .inline-motion-link {
  max-width: 100%;
}
.brand-facts dd.fact-lifespan{white-space:nowrap}
.brand-facts .fact-lifespan>span{font-size:min(1em,7cqi)}
.hero-rotation{position:relative;display:grid;place-items:center;width:43px;height:43px;flex:none;border:1px solid #fff9;border-radius:50%;color:#fff;background:#16232e77}
.hero-rotation-ring {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
  transform: rotate(-90deg);
}
.hero-rotation-ring circle {
  fill: none;
  stroke: var(--lime);
  stroke-width: 2;
  stroke-dasharray: 100;
  stroke-dashoffset: 100;
}
.hero-rotation[hidden]{display:none}
.hero-rotation:hover{background:#16232ecc}
.hero-rotation span{width:10px;height:12px;border-inline:2px solid currentColor}
.hero-rotation[data-paused] span{width:0;height:0;border:0;border-block:6px solid transparent;border-left:9px solid currentColor;margin-left:3px}
.home-consultation-v2 .collection{padding-top:76px}
.home-consultation-v2 .section{max-width:1600px;margin-inline:auto}
.consultation-services{padding-top:72px;padding-bottom:0}
.services-heading{margin-bottom:36px}
.home-consultation-v2 .services-heading h2 {
  font: 400 clamp(21px, 3.6vw, 35px)/1.35 Anuphan, sans-serif;
  letter-spacing: -.025em;
  margin: 0;
}
.service-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.service-option{position:relative;padding:36px;background:var(--v2-surface);min-width:0;isolation:isolate}
.service-art{position:absolute;top:26px;right:22px;width:150px;height:137px;display:grid;place-items:center;pointer-events:none}
.service-art::before{content:"";position:absolute;width:119px;aspect-ratio:1;border-radius:50%;border:1px solid #dde2d8;z-index:-1}
.service-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 9px 8px #1c272d0b)}
.service-option:first-child .service-art img{width:95%;height:100%}
.service-index{position:absolute;right:0;top:0;font:400 11px Outfit,sans-serif;color:#7c878b}
.service-copy .quiet-label{margin-bottom:13px;font-size:10px}
.service-copy h3{font:400 clamp(25px,2.45vw,34px)/1.45 Anuphan,sans-serif;letter-spacing:-.025em;max-width:calc(100% - 150px);margin:0 0 30px}
.service-copy>p:not(.quiet-label){font:400 15px/1.85 Anuphan,sans-serif;color:var(--muted);margin:0 0 22px;max-width:490px;min-height:5.55em}
.service-checks{padding:0;margin:0 0 28px;list-style:none;display:grid;gap:9px;font:400 14px/1.65 Anuphan,sans-serif}
.service-checks li{padding-left:23px;position:relative}
.service-checks li::before{content:"✓";position:absolute;left:0;color:var(--brand-accent);font:400 18px/1.4 Anuphan,sans-serif}
.home-consultation-v2 .calculator{min-height:660px;padding-top:92px}
.home-consultation-v2 .calculator #calculatorTitle{font-size:clamp(36px,3.8vw,55px)}
.home-consultation-v2 #calculator .thai-copy{font-size:16px;line-height:1.85}
.home-consultation-v2 #calculator .fine-print{max-width:490px;line-height:1.7}
.home-consultation-v2 .stories{padding-top:88px}
.home-consultation-v2 #projects .section-heading{margin-bottom:20px}
.section-context{font:400 12px/1.8 Anuphan,sans-serif;color:var(--muted);margin:0 0 28px}
#projectRail .preview-project-specs{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:10px;margin:0 0 18px;padding-top:14px;border-top:1px solid #d5d5d5}
#projectRail .preview-project-specs>div{min-width:0}
#projectRail .preview-project-specs dt{font:400 10px/1.5 Anuphan,sans-serif;color:#6b767b;margin-bottom:7px}
#projectRail .preview-project-specs dd{font:400 14px/1.4 Outfit,Anuphan,sans-serif;margin:0;overflow-wrap:anywhere}
#projectRail .story-body h3{min-height:2.9em}
.home-consultation-v2 .news-section{padding-bottom:70px}
.consultation-questions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
  gap: 9%;
  max-width: 1600px;
  margin: auto;
  padding: 50px 4% 80px;
}
.consultation-questions h2{font:400 clamp(27px,2.6vw,38px)/1.45 Anuphan,sans-serif;letter-spacing:-.02em;margin:0}
.consultation-questions .hb-details { overflow-anchor: none; }
.consultation-questions details { border-bottom: 1px solid #dce2df; }
.consultation-questions summary {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 24px 0;
  scroll-margin-top: 110px;
  cursor: pointer;
  font: 400 17px/1.6 Anuphan, sans-serif;
  list-style: none;
}
.consultation-questions summary::-webkit-details-marker { display: none; }
.consultation-questions .hb-detail-body { padding: 16px 0 26px; }
.consultation-questions .hb-detail-body p {
  font: 400 15px/1.85 Anuphan, sans-serif;
  color: #536068;
}
.home-consultation-v2 .footer-grid{grid-template-columns:1.5fr .8fr .8fr 1.2fr}
.home-consultation-v2 :is(a,summary,button):focus-visible{outline:2px solid #647f19;outline-offset:5px}
@media(max-width:1100px){.brand-summary{gap:5%;grid-template-columns:minmax(0,1fr) min(480px,55%)}.brand-facts{gap:14px}.brand-facts dd{font-size:31px}.brand-summary h2{font-size:clamp(30px,4.25vw,40px)}.service-option{padding:28px}.service-art{width:124px;height:125px;right:20px}.service-copy h3{font-size:26px;max-width:calc(100% - 128px)}}
@media(max-width:900px){.brand-summary{grid-template-columns:1fr;padding:52px 6% 20px;gap:32px}.brand-summary-copy{max-width:650px}.brand-summary-copy>p:last-child{max-width:600px}.brand-summary h2{font-size:33px}.brand-facts dd{font-size:36px}.brand-facts dt{min-height:0}.home-consultation-v2 .collection{padding-top:58px}.consultation-services{padding:56px 6% 0}.service-option{padding:25px}.service-art{width:100px;height:108px;right:14px;top:26px}.service-art::before{width:95px}.service-copy h3{font-size:24px;max-width:calc(100% - 110px);margin-bottom:34px}.service-copy>p:not(.quiet-label){font-size:14px;min-height:7.4em}.service-checks{font-size:13px}.home-consultation-v2 .calculator{padding-top:64px;min-height:0}.home-consultation-v2 .stories{padding-top:68px}.consultation-questions{grid-template-columns:1fr;gap:28px;padding:24px 6% 48px}.home-consultation-v2 .footer-grid{grid-template-columns:1.2fr 1fr}}
@media(max-width:650px){.service-options{grid-template-columns:1fr;gap:16px}.service-option{padding:28px}.service-art{width:140px;height:133px;right:22px;top:23px}.service-art::before{width:119px}.service-copy h3{font-size:28px;max-width:calc(100% - 150px);margin-bottom:30px}.service-copy>p:not(.quiet-label){min-height:0;font-size:15px}.service-checks{font-size:14px}}
@media(max-width:480px){.brand-summary h2{font-size:clamp(30px,4.25vw,40px)}.brand-summary-copy>p:last-child{font-size:14px}.brand-facts{gap:12px}.brand-facts dt{font-size:10px;min-height:32px}.brand-facts dd{font-size:clamp(18px,5.35vw,26px)}.brand-facts .fact-note .inline-motion-link{flex-wrap:wrap;row-gap:2px}.service-option{padding:24px}.service-art{width:76px;height:60px;right:16px;top:12px}.service-art::before{width:58px}.service-copy .quiet-label{min-height:40px}.service-copy h3{font-size:clamp(20px,5.6vw,25px);max-width:none;margin-bottom:24px}.service-copy>p:not(.quiet-label){font-size:14px}.service-checks{font-size:13px}.home-consultation-v2 .calculator #calculatorTitle{font-size:34px}.home-consultation-v2 #calculator .thai-copy{font-size:15px}}
@media(prefers-reduced-motion:reduce){.home-consultation-v2 *,.home-consultation-v2 *::before,.home-consultation-v2 *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.home-consultation-v2 .js-ready .reveal,.home-consultation-v2.js-ready .reveal{opacity:1;transform:none}}

@media(max-width:480px){.home-consultation-v2 .hero-actions{gap:10px;flex-wrap:wrap}.home-consultation-v2 .hero-actions .button{font-size:14px}.home-consultation-v2 .hero-actions .orbit-label{padding-inline:18px}}

@media(max-width:480px){.home-consultation-v2 .hero-actions .outline{min-width:0;padding-inline:16px}}

@media (max-width: 800px) {
  .consultation-questions summary { font-size: 15px; }
}

/* Lighting journey illustrations */
#lighting-journey .lj-illustration {
  display: block;
  width: min(100%, 230px);
  height: auto;
  filter: drop-shadow(0 5px 6px rgb(37 45 41 / 20%));
}
#lighting-journey .lj-illustration-stage,
#lighting-journey.lj-enhanced .lj-illustration-inline {
  display: none;
}
#lighting-journey .lj-illustration-inline {
  margin: 8px auto 0;
}
#lighting-journey.lj-enhanced .lj-illustration-stage {
  display: grid;
  grid-template: minmax(0, 1fr) / minmax(0, 1fr);
  place-items: center;
  flex: none;
  width: 100%;
  height: clamp(140px, calc(100svh - 475px), 220px);
}
#lighting-journey :where(.lj-illustration-stage) .lj-illustration {
  grid-area: 1 / 1;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  object-fit: contain;
  opacity: 0;
  visibility: hidden;
  transition: opacity 180ms ease, visibility 180ms;
}
#lighting-journey[data-active-step="1"] [data-illustration-step="1"],
#lighting-journey[data-active-step="2"] [data-illustration-step="2"],
#lighting-journey[data-active-step="3"] [data-illustration-step="3"],
#lighting-journey[data-active-step="4"] [data-illustration-step="4"] {
  opacity: 1;
  visibility: visible;
}

@media (prefers-reduced-motion: no-preference) {
  #lighting-journey .lj-illustration-stage,
  #lighting-journey .lj-illustration-inline {
    animation: lj-illustration-float 4s ease-in-out infinite;
  }
}

@keyframes lj-illustration-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-5px); }
}

/* Keep the All Products label, arrow disc and outer frame the same height. */
body.home-consultation-v2 .hero-bottom-actions > .button.small.orbit-button {
  --disc: 43px;
  min-height: var(--disc);
}
@media (max-width: 800px) {
  body.home-consultation-v2 .hero-bottom-actions > .button.small.orbit-button { --disc: 38px; }
}
@media (max-width: 480px) {
  body.home-consultation-v2 .hero-bottom-actions > .button.small.orbit-button { --disc: 34px; }
}