/* Lighting Lab. Page-scoped; shares the site's header, tokens and support card. */
.lighting-page{--ll-muted:#bcb6ab;--ll-line:#34312a;overflow-x:clip}
.lighting-page main.ll{padding-top:calc(var(--ux-hdr,80px) + 24px)}
.lighting-page .ll-wrap{width:min(1560px,calc(100% - 80px));margin-inline:auto}
.lighting-page .ft-toolbar{width:min(1560px,calc(100% - 80px))}
.ll :is(h1,h2,h3,p,figure){margin:0}
.ll :is(a,button,summary,textarea):focus-visible,.ll-dialog :is(a,button,textarea):focus-visible{outline:2px solid var(--gold-soft);outline-offset:5px}
.ll button,.ll-dialog button{font:inherit;cursor:pointer}
.ll-kicker{font-size:11px!important;letter-spacing:.17em;text-transform:uppercase;font-weight:600;color:var(--gold-soft)}
.ll-hero{display:grid;grid-template-columns:1fr 1.02fr;align-items:center;gap:clamp(30px,5vw,90px);padding-block:64px 80px}
.lighting-page .ll-hero h1{font-size:clamp(42px,5.2vw,86px);font-weight:650;line-height:1.02;letter-spacing:-.055em;max-width:12ch;margin:22px 0 28px;text-wrap:balance}
.ll-hero h1 span{display:block;color:var(--gold-soft)}
.ll-subtitle{font-size:clamp(19px,1.6vw,25px);line-height:1.45;font-weight:500;margin-bottom:14px!important;max-width:24ch}
.ll-lede{color:var(--ll-muted);font-size:16px;line-height:1.75;max-width:47ch}
.ll-meta{display:flex;flex-wrap:wrap;gap:9px 17px;margin-top:28px!important;color:#c2bcae;font-size:11px;letter-spacing:.03em}
.ll-meta span:not(:last-child)::after{content:'·';margin-left:17px;color:var(--gold)}
.ll-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.ll-btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:46px;border:1px solid #5e503a;border-radius:5px;background:transparent;color:var(--text);padding:11px 18px;font-size:13px!important;font-weight:600;text-decoration:none;line-height:1.5}
.ll-btn:hover{background:#252118;border-color:var(--gold)}
.ll-btn--gold{background:#ebd099;border-color:#ebd099;color:#17140a}
.ll-btn--gold:hover{background:#f3dfb5;color:#17140a}
.ll-hero-art{min-width:0}
.ll-triptych{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;align-items:center}
.ll-triptych a{position:relative;display:block;overflow:hidden;background:#171717;border-radius:3px;aspect-ratio:9/23}
.ll-triptych a:nth-child(2){aspect-ratio:9/27}
.ll-triptych img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block;transition:transform .5s ease}
.ll-triptych a:hover img{transform:scale(1.03)}
.ll-triptych a span{position:absolute;inset:auto 0 0;padding:30px 12px 13px;background:linear-gradient(transparent,#000b);color:#fff;font-size:10px;letter-spacing:.08em}
.ll-hero-art figcaption{display:flex;justify-content:space-between;gap:12px;color:#a8a296;font-size:10px;letter-spacing:.05em;margin-top:14px;text-transform:uppercase}
.ll-section-head{display:flex;align-items:end;justify-content:space-between;gap:32px;padding:18px 0 28px;border-top:1px solid var(--ll-line)}
.ll-section-head h2,.ll-education h2,.ll-related h2,.ll-faq h2{font-size:clamp(27px,3vw,43px);font-weight:550;line-height:1.2;letter-spacing:-.035em;margin-top:10px}
.ll-section-head>p{max-width:49ch;color:var(--ll-muted);font-size:13px;line-height:1.7}
.ll-controls{display:none;position:sticky;top:var(--ux-hdr,80px);z-index:18;background:#080807f5;border-block:1px solid var(--ll-line);padding:12px 0;backdrop-filter:blur(14px)}
.ll-enhanced .ll-controls{display:block}
.ll-control-inner{display:flex;align-items:center;justify-content:space-between;gap:18px}
.ll-filters{display:flex;gap:5px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#5f5440 transparent;min-width:0;padding:4px 3px}
.ll-filter{flex:none;background:transparent;color:#c4beb3;border:1px solid transparent;min-height:42px;border-radius:4px;padding:9px 14px;font-size:11px!important;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.ll-filter:hover{border-color:#5e503a;color:#fff}
.ll-filter[aria-pressed=true]{background:#ecd5a5;color:#17140a;border-color:#ecd5a5}
.ll-count{flex:none;font-size:12px;color:#c4beb3;white-space:nowrap;font-variant-numeric:tabular-nums}
.ll-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:42px 20px;padding-block:32px 72px;align-items:start}
.ll-card{min-width:0;scroll-margin-top:calc(var(--ux-hdr,80px) + 100px)!important}
.ll-card[hidden]{display:none!important}
.ll-card-link{display:block;text-decoration:none;color:var(--text)}
.ll-card-picture{display:block;position:relative;overflow:hidden;background:#151515;border-radius:3px;aspect-ratio:9/16}
.ll-card-picture img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}
.ll-card-link:hover img{transform:scale(1.025)}
.ll-card-number{position:absolute;top:12px;left:12px;font-size:12px;font-variant-numeric:tabular-nums;background:#060606a8;color:#fff;min-width:27px;padding:3px 6px;border-radius:2px}
.ll-card-explore{position:absolute;bottom:12px;right:12px;background:#f0d7a1;color:#151109;padding:6px 10px;font-size:11px;opacity:0;transform:translateY(4px);transition:.2s ease;border-radius:3px}
.ll-card-link:hover .ll-card-explore,.ll-card-link:focus-visible .ll-card-explore{opacity:1;transform:none}
.ll-card h3{font-size:17px;letter-spacing:-.015em;line-height:1.3;font-weight:550;margin:16px 0 8px}
.ll-card-link:hover h3{color:var(--gold-soft)}
.ll-card-mood{font-size:12px;line-height:1.6;color:#bcb6ad}
.ll-card-category{color:#c6ae80;font-size:10px;line-height:1.6;letter-spacing:.08em;text-transform:uppercase;margin-top:8px!important}
.ll-card>details{font-size:14px;margin-top:16px;border-top:1px solid var(--ll-line)}
.ll-card summary{cursor:pointer;padding:12px 0;color:var(--gold-soft)}
.ll-enhanced .ll-card>details{display:none}
.ll-data-note{border-top:1px solid var(--ll-line);padding-block:23px;font-size:12px;line-height:1.75;color:var(--ll-muted);max-width:85ch}
.ll-data-note a{color:var(--gold-soft);text-decoration:underline;text-underline-offset:3px}
.ll-education{padding-block:80px;border-top:1px solid var(--ll-line)}
.ll-steps{list-style:none;padding:0;margin:38px 0 34px;display:grid;grid-template-columns:repeat(3,1fr);gap:35px 45px;counter-reset:step}
.ll-steps li{counter-increment:step;border-top:1px solid var(--ll-line);padding-top:20px}
.ll-steps li::before{content:'0' counter(step);font-size:12px;color:var(--gold);display:block;margin-bottom:16px}
.ll-steps h3{font-size:17px;line-height:1.5;font-weight:550}
.ll-steps p{color:var(--ll-muted);font-size:14px;line-height:1.8;margin-top:7px}
.ll-maxim{border-left:2px solid var(--gold);padding:6px 0 6px 22px;font-size:clamp(19px,2.1vw,29px);line-height:1.5;max-width:39ch}
.ll-formula{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--ll-line);border:1px solid var(--ll-line);margin-top:32px}
.ll-formula>div{position:relative;background:#0e0e0c;padding:25px 22px;min-width:0}
.ll-formula small{display:block;color:#c6ae80;font-size:10px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}
.ll-formula strong{font-size:16px;line-height:1.5;font-weight:500;display:block;max-width:20ch}
.ll-formula>div:not(:last-child)::after{content:'+';position:absolute;right:12px;top:19px;color:#776b53;font-size:13px}
.ll-formula-note{margin-top:20px!important;color:var(--ll-muted);font-size:14px;max-width:65ch}
.ll-faq{padding-block:70px;border-top:1px solid var(--ll-line);display:grid;grid-template-columns:1fr 1.7fr;gap:70px}
.ll-faq details{border-bottom:1px solid var(--ll-line);padding:18px 0}
.ll-faq summary{list-style:none;cursor:pointer;position:relative;font-size:16px;font-weight:550;padding-right:26px}
.ll-faq summary::-webkit-details-marker{display:none}
.ll-faq summary::after{content:'+';position:absolute;right:0;color:var(--gold)}
.ll-faq details[open]>summary::after{content:'−'}
.ll-faq details p{color:var(--ll-muted);font-size:14px;line-height:1.8;margin-top:14px}
.ll-related{padding-block:60px 30px;border-top:1px solid var(--ll-line)}
.ll-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}
.ll-related-grid>a,.ll-related-grid>div{min-width:0;display:flex;flex-direction:column;gap:9px;padding:24px;border:1px solid var(--ll-line);border-radius:4px;text-decoration:none;color:var(--text)}
.ll-related-grid>a:hover{border-color:var(--gold);background:#15130f}
.ll-related-grid [aria-current]{border-color:#716044;background:#17140f}
.ll-related-grid small{color:#c6ae80;font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.ll-related-grid strong{font-size:17px;line-height:1.4;font-weight:500}
.ll-related-grid span{font-size:12px;color:var(--ll-muted)}
.ll-created{text-align:center;color:#afa89a;font-size:12px;margin:20px 0 45px!important}
.ll-created a{color:var(--gold-soft)}
.ll-dialog{position:fixed;inset:0;margin:auto;padding:0;width:min(1100px,calc(100% - 48px));max-width:none;max-height:calc(100dvh - 48px);border:1px solid #5b4b33;border-radius:9px;background:#0d0d0b;color:var(--text);box-shadow:0 30px 100px #000b;overscroll-behavior:contain}
.ll-dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}
.ll-dialog:not([open]){display:none}
.ll-dialog-toolbar{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:8px;background:#12120fff;padding:12px 18px;border-bottom:1px solid var(--ll-line)}
.ll-dialog-position{margin-right:auto;color:#d6c197;font-size:12px;font-variant-numeric:tabular-nums}
.ll-dialog-toolbar button{border:1px solid #4a4437;background:transparent;color:#f8f4ee;border-radius:4px;min-width:44px;min-height:44px;padding:8px 13px;font-size:13px}
.ll-dialog-toolbar button:hover{background:#2b2419}
.ll-dialog-language{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid #4a4437;border-radius:4px;color:var(--gold-soft);font-size:13px;text-decoration:none}
.ll-dialog-language:hover{background:#2b2419}
.ll-dialog-content{display:grid;grid-template-columns:.85fr 1.15fr;align-items:start}
.ll-detail-photo{padding:24px;position:sticky;top:80px}
.ll-detail-photo img{width:100%;height:auto;display:block;aspect-ratio:9/16;object-fit:cover;border-radius:3px}
.ll-detail-photo figcaption{font-size:11px;color:#a9a298;margin-top:12px;line-height:1.7}
.ll-detail-body{padding:28px 32px 40px;min-width:0}
.ll-detail-body h2{font-size:clamp(27px,3.2vw,42px);line-height:1.2;font-weight:550;letter-spacing:-.03em;margin:9px 0 12px}
.ll-detail-body .ll-detail-mood{color:var(--gold-soft);font-size:14px;line-height:1.6;margin:0 0 21px}
.ll-detail-body h3,.ll-card>details h4{font-size:11px;letter-spacing:.11em;text-transform:uppercase;font-weight:600;color:#c6ae80;margin:27px 0 12px}
.ll-detail-body p,.ll-card>details p{font-size:14px;line-height:1.85;color:#d1cbc0}
.ll-diagram{display:block;width:100%;height:auto;max-height:235px;background:#171714;border:1px solid #3e372a;border-radius:4px}
.ll-diagram text{font-family:Inter,system-ui,sans-serif;font-size:11px;fill:#e6dfd0}
.ll-diagram-caption{font-size:11px!important;color:#a9a294!important;margin-top:9px}
.ll-prompt-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:26px}
.ll-prompt-label h3{margin:0}
.ll-prompt{display:block;width:100%;box-sizing:border-box;min-height:210px;resize:vertical;white-space:pre-wrap;overflow-wrap:anywhere;padding:16px;margin:14px 0 10px;border:1px solid #4c4231;border-radius:4px;color:#ece5d7;background:#171510;font:13px/1.8 Inter,system-ui,sans-serif}
.ll-copy-status{min-height:22px;color:var(--gold-soft)!important;font-size:12px!important}
.ll-manual-copy{color:var(--gold-soft)!important}
html.ll-modal-open{overflow:hidden}
.ll-js-only{display:none}.ll-enhanced .ll-js-only{display:initial}
@media(min-width:1600px){.ll-gallery{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1100px){.ll-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.ll-hero{gap:30px}.ll-filters{max-width:100%}.ll-filter{padding-inline:10px;font-size:10px!important}.ll-count{font-size:11px}.ll-dialog-content{grid-template-columns:.8fr 1fr}.ll-detail-body{padding-inline:22px}}
@media(max-width:850px){.lighting-page .ll-wrap,.lighting-page .ft-toolbar{width:calc(100% - 48px)}.ll-hero{grid-template-columns:1fr;gap:36px;padding-block:38px 60px}.lighting-page .ll-hero h1{font-size:clamp(44px,8vw,65px);max-width:14ch}.ll-hero-art{width:100%;max-width:650px}.ll-triptych{align-items:stretch}.ll-triptych a,.ll-triptych a:nth-child(2){aspect-ratio:9/16}.ll-subtitle{max-width:none}.ll-lede{max-width:60ch}.ll-section-head{align-items:start;flex-direction:column;gap:20px}.ll-control-inner{display:block}.ll-count{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ll-gallery{gap:30px 14px}.ll-card h3{font-size:16px}.ll-steps{grid-template-columns:repeat(2,1fr);gap:30px}.ll-formula{grid-template-columns:repeat(2,1fr)}.ll-faq{grid-template-columns:1fr;gap:28px}.ll-related-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.ll-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.ll-filter{min-height:44px;padding:8px 13px}.ll-controls{padding-block:6px}.ll-card h3{font-size:15px}.ll-card-mood{font-size:11px}.ll-card-category{font-size:10px}.ll-card-number{top:8px;left:8px}.ll-card-explore{opacity:1;transform:none;font-size:10px;padding:4px 7px;right:8px;bottom:8px}.ll-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px);border-radius:7px}.ll-dialog-content{grid-template-columns:1fr}.ll-detail-photo{position:static;max-width:310px;padding:20px 20px 0;margin:0 auto}.ll-detail-body{padding:24px}.ll-dialog-toolbar{padding:8px 10px}.ll-dialog-toolbar button{padding-inline:10px}.ll-detail-photo img{max-height:48dvh;object-fit:contain;background:#070707}.ll-detail-photo figcaption{font-size:10px}.ll-education{padding-block:52px}.ll-formula>div{padding:22px 16px}.ll-formula strong{font-size:14px}.ll-related-grid>a,.ll-related-grid>div{padding:18px}.ll-related-grid strong{font-size:15px}.ll-hero-art figcaption{font-size:9px}}
@media(max-width:380px){.lighting-page .ll-wrap,.lighting-page .ft-toolbar{width:calc(100% - 32px)}.ll-gallery{gap:26px 11px}.ll-steps{grid-template-columns:1fr}.ll-hero h1{font-size:42px!important}.ll-card-mood{font-size:11px}.ll-triptych a span{font-size:9px;padding-inline:7px}.ll-created{font-size:11px}}
@media(max-width:340px){.ll-gallery{grid-template-columns:1fr}.ll-related-grid,.ll-formula{grid-template-columns:1fr}}
@media(hover:none){.ll-card-explore{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){html.lighting-page,html:has(.lighting-page){scroll-behavior:auto}.lighting-page *,.ll-dialog *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.ll-card-link:hover img,.ll-triptych a:hover img{transform:none}}
@media print{.ll-controls,.ll-dialog,.ll-actions{display:none!important}.ll-enhanced .ll-card>details{display:block}.ll-gallery{grid-template-columns:repeat(2,1fr)}.ll-card{break-inside:avoid}.lighting-page main.ll{padding-top:0}}