/* Illustrated About page — Krypton Lite */
body.aboutIllustratedPage{background:#090b0c;color:#f4f0e9}
body.aboutIllustratedPage .pageHeader{position:relative;isolation:isolate;min-height:clamp(500px,64vw,720px);overflow:hidden;background:#080a0b}
body.aboutIllustratedPage .pageHeader:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(4,6,7,.98) 0%,rgba(4,6,7,.9) 31%,rgba(4,6,7,.18) 67%,rgba(4,6,7,.34) 100%),url("about-lighting-journey-v2.png") center/cover no-repeat;transform:scale(1.01)}
body.aboutIllustratedPage .pageHeader:after{content:"";position:absolute;inset:auto 0 0;height:48%;z-index:-1;background:linear-gradient(180deg,transparent,#090b0c)}
body.aboutIllustratedPage .pageHeaderContent{max-width:850px;padding-top:clamp(94px,11vw,160px);padding-bottom:clamp(92px,12vw,170px)}
body.aboutIllustratedPage .pageHeaderContent h1{max-width:760px;font-size:clamp(48px,6vw,88px);line-height:.98;text-wrap:balance}
body.aboutIllustratedPage .pageHeaderContent>p:last-child{max-width:650px;color:#eee8df;font-size:clamp(19px,1.55vw,24px);line-height:1.55}
.aboutStory{display:grid;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);gap:clamp(58px,7vw,118px);align-items:center;padding:clamp(74px,8vw,122px) 5vw;background:#f3efe7;color:#101214}
.aboutStoryCopy{max-width:720px}.aboutStory .sectionEyebrow,.aboutJourney .sectionEyebrow,.aboutValues .sectionEyebrow{color:#a96c21}
.aboutStory h2,.aboutJourney h2,.aboutValues h2,.aboutCta h2{margin:14px 0 26px;letter-spacing:-.045em;font-size:clamp(38px,4.1vw,66px);line-height:1.04;text-wrap:balance}
.aboutStoryCopy>p:not(.sectionEyebrow){max-width:680px;margin:0 0 18px;color:#45494c;font-size:clamp(18px,1.35vw,22px);line-height:1.65}
.aboutFacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:36px 0 0;padding:0;list-style:none}
.aboutFacts li{min-height:118px;padding:21px 17px;border-top:2px solid #c8872d;background:#e8e1d5}.aboutFacts strong{display:block;margin-bottom:8px;color:#111416;font-size:clamp(17px,1.25vw,20px);line-height:1.2}.aboutFacts span{color:#66625c;font-size:16px;line-height:1.45}
.aboutFlowPanel{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1fr;gap:1px;min-height:520px;padding:1px;overflow:hidden;background:#c8872d55;box-shadow:0 22px 60px #0002}.aboutFlowPanel:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px),radial-gradient(circle at 50% 50%,#d99a4329,transparent 56%),#0d1011;background-size:38px 38px,38px 38px,auto,auto}.aboutFlowPanel:after{content:"";position:absolute;left:50%;top:50%;z-index:-1;width:220px;height:220px;border:1px solid #d99a4370;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 80px #d99a4329,inset 0 0 55px #d99a4317}.aboutFlowNode{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:250px;padding:34px;background:linear-gradient(145deg,#101315dd,#111416a8);overflow:hidden}.aboutFlowNode span{position:absolute;top:26px;right:28px;color:#d99a43;font:600 13px/1 var(--font-geist-mono),monospace;letter-spacing:.14em}.aboutFlowNode strong{font-size:clamp(26px,2.2vw,38px);line-height:1.05;color:#f5f1ea}.aboutFlowNode em{max-width:270px;margin-top:10px;color:#bfc1c0;font-size:17px;font-style:normal;line-height:1.45}.aboutFlowNode i{position:absolute;top:30px;left:31px;width:54px;height:54px;border:1px solid #d99a4380;border-radius:50%;box-shadow:0 0 28px #d99a431f}.aboutFlowNode i:before{content:"";position:absolute;inset:13px;border:2px solid #d99a43;border-radius:50%}.aboutFlowNode:nth-child(2) i:before{border-radius:3px;transform:rotate(45deg)}.aboutFlowNode:nth-child(3) i:before{inset:12px 17px;border-radius:50% 50% 4px 4px}.aboutFlowNode:nth-child(4) i:before{inset:11px;border-radius:3px;border-width:2px 2px 6px}
.aboutJourney{padding:clamp(78px,8vw,126px) 5vw;background:#090b0c}.aboutJourneyHeader{display:grid;grid-template-columns:.86fr 1.14fr;gap:7vw;align-items:end;margin-bottom:44px}.aboutJourneyHeader h2{margin-bottom:0}.aboutJourneyHeader>p{max-width:680px;margin:0 0 5px;color:#bfc1c0;font-size:clamp(18px,1.35vw,22px);line-height:1.65}
.aboutJourneyGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#a56c273d;border:1px solid #c8872d4d}.aboutJourneyCard{min-width:0;background:#111416}.aboutJourneyVisual{position:relative;display:grid;place-items:center;height:178px;overflow:hidden;background:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px),radial-gradient(circle at 50% 50%,#d99a4329,transparent 58%),#0d1011;background-size:30px 30px,30px 30px,auto,auto;border-bottom:1px solid #d99a4333}.aboutJourneyVisual:before{content:"";position:absolute;width:112px;height:112px;border:1px solid #d99a435e;border-radius:50%;box-shadow:0 0 48px #d99a432b,inset 0 0 28px #d99a4317}.aboutJourneyVisual svg{position:relative;z-index:1;width:68px;height:68px;fill:none;stroke:#e2a248;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.aboutJourneyBody{min-height:208px;padding:27px 28px 30px}.aboutJourneyStep{display:block;color:#d99a43;font:600 13px/1.2 var(--font-geist-mono),monospace;letter-spacing:.18em}.aboutJourneyBody h3{margin:13px 0 10px;color:#f5f1ea;font-size:clamp(22px,1.8vw,29px);line-height:1.16}.aboutJourneyBody p{margin:0;color:#bfc1c0;font-size:17px;line-height:1.55}
.aboutValues{padding:clamp(76px,8vw,120px) 5vw;background:#f3efe7;color:#111416}.aboutValuesHeader{max-width:860px;margin-bottom:40px}.aboutValuesGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.aboutValuesGrid article{position:relative;min-height:295px;padding:34px 32px 36px;overflow:hidden;background:#111416;color:#f4f0e9;border-top:3px solid #cf8b31}.aboutValuesGrid article:after{position:absolute;right:-8px;bottom:-35px;color:#ffffff09;font-size:190px;font-weight:800;line-height:1;content:attr(data-number)}.aboutValueNumber{position:relative;z-index:1;color:#dfa149;font:600 14px/1 var(--font-geist-mono),monospace;letter-spacing:.16em}.aboutValuesGrid h3{position:relative;z-index:1;margin:76px 0 16px;font-size:clamp(29px,2.4vw,39px);line-height:1.05}.aboutValuesGrid p{position:relative;z-index:1;max-width:430px;margin:0;color:#c7c8c6;font-size:18px;line-height:1.6}
.aboutProof{position:relative;isolation:isolate;display:grid;place-items:center;min-height:520px;padding:90px 5vw;overflow:hidden;background:#080a0b;color:#fff;text-align:center}.aboutProof:before{content:"";position:absolute;inset:-20%;z-index:-2;background:radial-gradient(ellipse at 50% 100%,#d99a4340 0%,#d99a4313 26%,transparent 62%),repeating-conic-gradient(from 242deg at 50% 100%,#d99a4300 0deg,#d99a4300 8deg,#d99a431c 8.6deg,#d99a4300 9.3deg);filter:blur(.2px)}.aboutProof:after{content:"";position:absolute;inset:12% 8%;z-index:-1;border:1px solid #d99a432e;background:linear-gradient(135deg,#ffffff05,transparent 50%);clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)}.aboutProofInner{max-width:960px}.aboutProof .sectionEyebrow{color:#e0a34e}.aboutProof h2{margin:16px 0 22px;letter-spacing:-.045em;font-size:clamp(43px,5vw,76px);line-height:1.02;text-wrap:balance}.aboutProof p:last-child{max-width:740px;margin:0 auto;color:#e7e4de;font-size:clamp(19px,1.45vw,23px);line-height:1.6}
.aboutCta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:50px;align-items:center;padding:clamp(68px,7vw,104px) 5vw;background:#c98a35;color:#111416}.aboutCta h2{max-width:800px;margin:0}.aboutCtaActions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.aboutCta a{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:0 25px;border:1px solid #111416;color:#111416;font-size:17px;font-weight:750;transition:.25s ease}.aboutCta a:first-child{background:#111416;color:#fff}.aboutCta a:hover{transform:translateY(-2px);box-shadow:0 9px 24px #0002}
@media(max-width:1000px){.aboutStory{grid-template-columns:1fr;gap:46px}.aboutJourneyHeader{grid-template-columns:1fr;gap:15px}.aboutJourneyGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.aboutCta{grid-template-columns:1fr}.aboutCtaActions{justify-content:flex-start}}
@media(max-width:700px){body.aboutIllustratedPage .pageHeader{min-height:620px}body.aboutIllustratedPage .pageHeader:before{background-position:67% 40%}body.aboutIllustratedPage .pageHeaderContent{padding-top:120px}.aboutStory,.aboutJourney,.aboutValues,.aboutCta{padding-left:22px;padding-right:22px}.aboutFacts{grid-template-columns:1fr}.aboutFacts li{min-height:auto}.aboutFlowPanel{grid-template-columns:1fr;min-height:0}.aboutFlowNode{min-height:220px}.aboutFlowPanel:after{display:none}.aboutJourneyGrid{grid-template-columns:1fr}.aboutJourneyBody{min-height:0}.aboutJourneyBody p{font-size:17px}.aboutValuesGrid{grid-template-columns:1fr}.aboutValuesGrid article{min-height:250px}.aboutValuesGrid h3{margin-top:56px}.aboutProof{min-height:500px;padding:80px 22px}.aboutCtaActions{display:grid;width:100%}.aboutCta a{width:100%}}
@media(prefers-reduced-motion:reduce){.aboutCta a{transition:none}}
.aboutValuesGrid h3{margin-top:44px}
@media(max-width:700px){.aboutValuesGrid h3{margin-top:40px}}

/* Keep the About page flowing without oversized gaps between sections. */
@media(min-width:701px){
  .aboutStory,
  .aboutJourney,
  .aboutValues{
    padding-top:68px;
    padding-bottom:68px;
  }
}