.learnPage{background:var(--bg);min-height:100vh;overflow:hidden}.learnNav{background:#080808e6;border-bottom:1px solid #ffffff0d}.learnHero{border-bottom:1px solid var(--line);background:radial-gradient(circle at 78% 38%,#c6a24e18,#0000 32%),linear-gradient(145deg,#10100e,#050505 68%);align-items:flex-end;min-height:92svh;display:flex;position:relative}.learnHero:before{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 calc(25% - 1px),#ffffff08 25%);position:absolute;inset:0}.learnHeroGlow{border:1px solid #c6a24e25;border-radius:50%;width:46vw;height:46vw;position:absolute;bottom:-22vw;right:-10vw;box-shadow:0 0 0 8vw #c6a24e08,0 0 0 16vw #c6a24e05}.learnHeroInner{z-index:1;width:min(1280px,100% - 48px);margin:0 auto 9vh;position:relative}.learnHero h1{letter-spacing:-.045em;text-transform:uppercase;margin:0;font:500 clamp(88px,14vw,210px)/.8 Oswald,sans-serif}.learnHero h1 i{text-transform:uppercase;color:var(--gold);font-family:Oswald,sans-serif;font-style:normal;font-weight:500}.learnHeroFoot{grid-template-columns:minmax(260px,430px) auto;align-items:end;gap:70px;margin-top:50px;display:grid}.learnHeroFoot p,.studyCopy p{color:#a4a19a;margin:0;font-size:14px;line-height:1.8}.learnHeroFoot a{color:var(--gold);letter-spacing:.2em;text-transform:uppercase;border-bottom:1px solid #c6a24e80;justify-self:start;padding:0 0 10px;font:9px DM Mono,monospace}.learnHeroFoot a span{margin-left:20px}.caseStudies{border-bottom:1px solid var(--line);max-width:1440px;margin:auto;padding:145px 40px}.caseStudyGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.caseStudyCard{border:1px solid var(--line);background:var(--card);display:block}.caseStudyImage{aspect-ratio:16/10;background:#111;position:relative;overflow:hidden}.caseStudyImage:after{content:"";background:linear-gradient(#0000 55%,#0808089c);position:absolute;inset:0}.caseStudyImage img{object-fit:cover;filter:saturate(.75);width:100%;height:100%;transition:transform .7s;display:block}.caseStudyCard:hover .caseStudyImage img{transform:scale(1.025)}.caseStudyInfo{border-top:1px solid var(--line);grid-template-columns:55px 1fr auto;align-items:end;gap:28px;padding:34px 38px;display:grid}.caseStudyInfo>span,.caseStudyInfo p,.caseStudyInfo>b{letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin:0;font:8px DM Mono,monospace}.caseStudyInfo h3{text-transform:uppercase;margin:7px 0 0;font:400 clamp(34px,4vw,64px)/1 Oswald,sans-serif}.caseStudyInfo>b{padding-bottom:8px;font-weight:400}.lightingStudy{max-width:1440px;margin:auto;padding:145px 40px 160px}.studyIntro{grid-template-columns:1.25fr .75fr;align-items:end;gap:10vw;padding-bottom:80px;display:grid}.studyIntro h2{font-size:clamp(62px,8vw,120px)}.studyCopy span{color:var(--gold);letter-spacing:.2em;text-transform:uppercase;margin-top:28px;font:8px DM Mono,monospace;display:block}.lightingGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px;display:grid}.lightingCard{border:1px solid var(--line);background:#0b0c0c;margin:0;overflow:hidden}.lightingCard img{width:100%;height:auto;display:block}.learnClosing{text-align:center;border-top:1px solid var(--line);background:linear-gradient(#080808dd,#080808f7),url(https://images.unsplash.com/photo-1485846234645-a62644f84728?auto=format&fit=crop&w=1800&q=80) 50%/cover;padding:160px 24px}.learnClosing h2{margin-bottom:48px;font-size:clamp(50px,7vw,100px);line-height:1}.learnClosing h2 i{color:var(--gold);text-transform:uppercase;font-family:Oswald,sans-serif;font-style:normal;font-weight:500}@media (width<=900px){.learnHero{min-height:780px}.learnHero:before{background:repeating-linear-gradient(90deg,#0000 0 calc(50% - 1px),#ffffff08 50%)}.learnHeroInner{margin-bottom:80px}.learnHero h1{font-size:22vw}.learnHeroFoot{grid-template-columns:1fr;gap:28px;margin-top:40px}.caseStudies{padding:100px 20px}.caseStudyGrid{grid-template-columns:1fr}.caseStudyImage{aspect-ratio:4/3}.caseStudyInfo{grid-template-columns:34px 1fr;padding:24px 20px}.caseStudyInfo>b{grid-column:2}.lightingStudy{padding:100px 20px 110px}.studyIntro{grid-template-columns:1fr;gap:45px;padding-bottom:55px}.lightingGrid{grid-template-columns:1fr;gap:20px}.learnClosing{padding-block:110px}}@media (width<=520px){.learnHeroInner{width:calc(100% - 40px)}.learnHero h1{font-size:24vw}.studyIntro h2{font-size:16vw}.lightingStudy{padding-inline:12px}}
