@font-face{font-family:Montserrat;src:url("../fonts/montserrat-300.ttf") format("truetype");font-weight:300;font-display:swap}
@font-face{font-family:Montserrat;src:url("../fonts/montserrat-400.ttf") format("truetype");font-weight:400;font-display:swap}
:root{--red:#8f211d;--red-deep:#391718;--red-dark:#241113;--red-soft:#b74a42;--paper:#eee6e3;--paper-deep:#e2d5d1;--ink:#302526;--muted:#6c5b5a;--line:rgba(112,43,39,.2)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.75 Montserrat,Arial,sans-serif}
.page-led main{margin-top:-94px}
.page-led .site-header{background:rgba(45,17,19,.28)!important;border-bottom:1px solid rgba(255,255,255,.2)!important;color:#fff!important}
.page-led .site-header .global-nav>a,.page-led .site-header .global-nav>span,.page-led .site-header .global-nav>.offer-menu>.offer-trigger,.page-led .site-header .header-contact{color:#fff!important}
.page-led .site-header .global-nav>span{color:rgba(255,255,255,.58)!important}
.page-led .menu-toggle span:not(.sr-only){background:#fff}
a{color:inherit;text-decoration:none}
img{display:block;width:100%}
.wrap{width:min(1180px,88vw);margin:auto}
.eyebrow{margin:0 0 13px;color:var(--red);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase}
h1,h2,h3{font-weight:300}
h1,h2{margin:0 0 28px;font-size:clamp(39px,5vw,72px);line-height:1.08}
.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.button{display:inline-flex;min-height:49px;align-items:center;padding:0 23px;border:1px solid currentColor;font-size:.7rem;letter-spacing:.13em;transition:.22s}
.button:hover{transform:translateY(-2px);background:#fff;color:var(--red-deep)}
.button.primary{border-color:var(--red);background:var(--red);color:#fff}
.led-hero{position:relative;isolation:isolate;min-height:760px;display:flex;align-items:center;overflow:hidden;background:var(--red-dark);color:#fff}
.led-hero-media{position:absolute;inset:0;z-index:-3}
.led-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 48%;filter:saturate(.9) contrast(1.03)}
.led-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(38,12,14,.78) 0%,rgba(53,18,20,.48) 43%,rgba(40,13,15,.08) 76%)}
.led-hero:after,.led-quote:after{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(circle,rgba(255,255,255,.18) 1px,transparent 1.25px);background-size:4px 4px;pointer-events:none;mix-blend-mode:soft-light}
.led-hero-copy{width:min(1180px,88vw);margin:auto}
.led-hero-copy h1{max-width:620px;margin:0 0 13px;font-size:clamp(.72rem,.9vw,.9rem);font-weight:400;line-height:1.45;letter-spacing:.11em;text-transform:uppercase;text-shadow:0 2px 14px rgba(0,0,0,.5)}
.hero-slogan{max-width:760px;margin:0 0 24px;font-size:clamp(39px,5vw,72px);font-weight:300;line-height:1.08;text-shadow:0 2px 18px rgba(0,0,0,.55)}
.hero-description{max-width:750px;margin:0;font-size:clamp(.87rem,1.08vw,1rem);line-height:1.72;text-shadow:0 2px 18px rgba(0,0,0,.62)}
.led-hero .eyebrow{color:#efc5bf}
.led-quote{position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center;padding:58px 0;background:var(--red-deep);color:#fff;view-timeline-name:--led-quote;view-timeline-axis:block}
.led-quote blockquote{position:relative;z-index:1;width:min(980px,86vw);margin:0;text-align:center}
.led-quote p{margin:0;font-size:clamp(17px,1.75vw,26px);font-style:italic;font-weight:300;line-height:1.55}
.led-quote footer{margin-top:12px;color:rgba(255,255,255,.68);font-size:.65rem;letter-spacing:.14em;text-transform:uppercase}
@supports(animation-timeline:--led-quote){.led-quote blockquote{animation:led-quote-drift linear both;animation-timeline:--led-quote;animation-range:entry 60% exit 100%}}
@keyframes led-quote-drift{from{transform:translateY(calc(-100% - 250px))}to{transform:translateY(calc(100% + 110px))}}
.led-intro{display:grid;grid-template-columns:1fr minmax(390px,.82fr);gap:80px;align-items:center;padding:115px 0}
.intro-copy p:not(.eyebrow){color:var(--muted)}
.intro-copy h2,.pitch-copy h2,.signal-copy h2{font-size:clamp(34px,4vw,58px)}
.intro-photo{height:560px;margin:0;overflow:hidden;border-left:4px solid var(--red);background:var(--paper-deep)}
.intro-photo img{height:100%;object-fit:cover}
.led-uses{padding:30px 0 120px}
.led-uses .section-heading>p:not(.eyebrow){max-width:720px;color:var(--muted)}
.use-case{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);align-items:center;gap:48px;margin:0 0 78px}
.use-case:last-child{margin-bottom:0}
.use-case>img{width:100%;height:420px;object-fit:cover;border-left:4px solid var(--red);box-shadow:0 24px 55px rgba(72,30,28,.13)}
.use-case figcaption{margin:0;padding-left:25px;border-left:1px solid var(--line)}
.use-case:nth-of-type(odd)>img{grid-column:2;grid-row:1}
.use-case:nth-of-type(odd) figcaption{grid-column:1;grid-row:1;text-align:right;padding-left:0;padding-right:25px;border-left:0;border-right:1px solid var(--line)}
.use-case-featured{display:block;margin-bottom:92px}
.use-case-featured>img{height:auto;object-fit:contain}
.use-case-featured figcaption{width:min(760px,88%);margin:22px 0 0;text-align:left;padding:0 0 0 25px;border-right:0;border-left:1px solid var(--line)}
.use-case i{color:var(--red);font-size:.68rem;font-style:normal;letter-spacing:.14em}
.use-case h3{margin:7px 0 10px;font-size:clamp(25px,2.8vw,39px);line-height:1.2}
.use-case h3 a{color:inherit;text-decoration:none}
.use-case h3 a:hover{color:var(--red)}
.use-case p{margin:0;color:var(--muted);font-size:.92rem;line-height:1.75}
.inline-link{color:inherit;text-decoration:none;border-bottom:1px solid var(--red)}
.inline-link:hover{color:var(--red)}
.pitch-section{padding:105px 0;background:var(--red-dark);color:#fff}
.pitch-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.pitch-copy p:not(.eyebrow){color:#dfcfce}
.pitch-copy .eyebrow{color:#e8b1ab}
.pitch-table{border-top:1px solid rgba(255,255,255,.22)}
.pitch-table>div{display:grid;grid-template-columns:125px 1fr;gap:22px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.22)}
.pitch-table b{color:#f0b6af;font-weight:400;font-size:1.08rem}
.pitch-table span{color:#e5d8d6;font-size:.88rem}
.led-details{padding:115px 0}
.section-heading{max-width:820px;margin-bottom:55px}
.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.detail-grid article{padding:34px 30px 38px;background:#fff;border-left:3px solid var(--red);box-shadow:0 15px 35px rgba(72,30,28,.07);transition:transform .35s ease,box-shadow .35s ease}
.detail-grid article:hover{transform:translateY(-7px);box-shadow:0 25px 48px rgba(72,30,28,.15)}
.detail-grid i{color:var(--red);font-size:.68rem;font-style:normal;letter-spacing:.14em}
.detail-grid h3{margin:10px 0 15px;font-size:1.35rem;line-height:1.35}
.detail-grid p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.75}
.signal-section{padding:105px 0;background:var(--paper-deep)}
.signal-grid{display:grid;grid-template-columns:1fr;gap:48px}
.signal-visual{margin:0;overflow:hidden;border-left:4px solid var(--red);box-shadow:0 24px 55px rgba(33,18,19,.22)}
.signal-visual img{display:block;width:100%;height:auto}
.signal-copy{max-width:900px}
.signal-copy p:not(.eyebrow){color:var(--muted)}
.contact-choice{padding:100px 0 115px}
.contact-mail{display:grid;grid-template-columns:1fr auto;gap:70px;align-items:center;padding:62px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.contact-copy{max-width:720px}.contact-copy p:not(.eyebrow){color:var(--muted)}
.contact-actions{display:flex;flex-direction:column;gap:13px;width:230px}
.contact-actions a{display:flex;align-items:center;justify-content:center;width:230px;min-height:48px;border:1px solid var(--red);color:var(--red);font-size:.68rem;letter-spacing:.11em;transition:.25s}
.contact-actions a:hover{background:var(--red);color:#fff;transform:translateY(-3px)}
.page-led .site-footer{background:var(--red-dark)!important;border-top-color:rgba(255,255,255,.14)!important;color:#fff!important}
.page-led .site-footer .social-strip{background:var(--red-deep)!important;color:#fff!important;border-bottom-color:rgba(255,255,255,.12)!important}
.page-led .site-footer .footer-main{background:var(--red-dark)!important}
.page-led .site-footer .footer-brand p,.page-led .site-footer .footer-contact a,.page-led .site-footer .footer-main>small{color:#eee!important}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .85s ease,transform .85s ease}
.reveal.visible{opacity:1;transform:none}
.stream-motion{opacity:0;transition:opacity 1.15s ease,transform 1.15s ease}
.stream-motion.from-left{transform:translateX(-35px)}.stream-motion.from-right{transform:translateX(35px)}.stream-motion.visible{opacity:1;transform:none}
@media(max-width:1280px){.page-led .site-header .global-nav{background:rgba(48,19,21,.97)}}
@media(max-width:980px){.led-intro,.pitch-grid,.signal-grid{grid-template-columns:1fr;gap:45px}.use-case{grid-template-columns:minmax(0,1.35fr) minmax(240px,.8fr);gap:32px}.use-case>img{height:350px}.use-case-featured>img{height:auto}.contact-mail{grid-template-columns:1fr}.intro-photo{height:500px}.signal-visual{min-height:250px}}
@media(max-width:700px){.page-led main{margin-top:-76px}.wrap,.led-hero-copy{width:calc(100% - 36px)}.led-hero{min-height:0;align-items:flex-start;padding:410px 0 58px;background:var(--red-dark)}.led-hero-media{height:410px;bottom:auto}.led-hero-media img{object-position:center 45%}.led-hero:before{height:410px;bottom:auto;background:linear-gradient(0deg,rgba(42,14,16,.42),rgba(42,14,16,0) 58%)}h1,h2{font-size:39px}.led-quote{padding:42px 0}.led-quote p{font-size:16px}.led-intro,.led-details{padding:78px 0}.intro-photo{height:420px}.led-uses{padding:5px 0 80px}.use-case,.use-case-featured{display:block;margin-bottom:62px}.use-case>img,.use-case-featured>img{height:auto}.use-case figcaption,.use-case:nth-of-type(odd) figcaption,.use-case-featured figcaption{width:94%;margin:18px 0 0;padding:0 0 0 18px;border-right:0;border-left:1px solid var(--line);text-align:left}.pitch-section,.signal-section{padding:76px 0}.detail-grid{grid-template-columns:1fr}.pitch-table>div{grid-template-columns:105px 1fr;gap:15px}.contact-choice{padding:65px 0 78px}.contact-mail{gap:20px;padding:47px 0}.contact-actions,.contact-actions a{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.stream-motion{opacity:1;transform:none;transition:none}.led-quote blockquote{animation:none}.button,.contact-actions a{transition:none}}
