.shade-photo{margin:0}.shade-photo img{width:100%;height:440px;object-fit:cover}.shade-photo figcaption{font-size:12px;color:#bad3da;line-height:1.5;margin-top:10px}.shading-page .light-value-grid p,.shading-page .light-diagram-note,.shade-paths p,.shade-place-grid p,.shade-steps p,.shading-page .light-faq details p{font-size:16px;line-height:1.7}.shade-diagram{margin:35px 0}.shade-diagram img{width:100%;height:auto;display:block}.shade-diagram figcaption{font-size:14px;color:#607d86;line-height:1.6;margin-top:12px}.shade-paths{display:grid;grid-template-columns:1fr 1fr;gap:20px}.shade-paths article{padding:32px;background:#fff;border-top:3px solid #36a9b7}.shade-paths article>b,.shade-place-grid span{font-size:14px;font-weight:800;color:#24788a}.shade-paths h3{font-size:26px;line-height:1.25}.shade-paths a{color:#15778a;font-weight:700}.shade-place-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.shade-place-grid article{padding:30px;background:#f1e4d4}.shade-place-grid article:nth-child(2){background:#d8eaf0}.shade-place-grid article:nth-child(3){background:#e4def0}.shade-place-grid h3{font-size:26px;line-height:1.3}.shade-demo-visual{--closure:0;--curtain:0;--angle:0deg;position:relative;min-height:400px;padding:45px 28px 80px;background:linear-gradient(140deg,#bddadf,#6e98a7);display:flex;gap:22px;align-items:center}.shade-window{position:relative;flex:1;height:260px;background:linear-gradient(#9bd5e4,#effaff);border:8px solid #f7fbfb;overflow:hidden;box-shadow:0 12px 30px #254b6540}.shade-window:before{content:'';position:absolute;width:6px;height:100%;left:50%;background:#f7fbfb}.shade-window>span{position:absolute;bottom:10px;left:8px;font-size:12px;color:#113a4c;font-weight:800;background:#ffffffe0;padding:6px}.shade-curtain{position:absolute;top:0;bottom:0;width:calc(12% + var(--curtain)*38%);background:repeating-linear-gradient(90deg,#97715c 0,#b59179 8px,#84604f 16px);transition:width 1.2s ease}.shade-curtain.left{left:0}.shade-curtain.right{right:0}.shade-blind{position:absolute;top:0;left:0;right:0;height:calc(var(--closure)*100%);background:repeating-linear-gradient(0deg,#526f77 0,#9fb6bd 3px,#c6d5d8 13px,#5a7882 16px);transition:height 1.2s ease;filter:brightness(var(--brightness,1))}.shade-values{position:absolute;bottom:20px;left:28px;right:28px;display:flex;justify-content:space-between;gap:10px;color:white;font-size:14px}.shading-page .light-demo-controls label{display:block;font-size:16px;margin:24px 0 12px}.shading-page input[type=range]{width:100%;accent-color:#2199a9;margin-bottom:14px}.shade-measure{background:#e3eef0}.shade-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;padding:0;list-style:none;counter-reset:steps}.shade-steps li{counter-increment:steps;border-top:1px solid #84abb6;padding-top:20px}.shade-steps li:before{content:'0' counter(steps);display:block;font-size:32px;color:#218497;margin-bottom:20px}.shade-steps strong{font-size:20px}.shade-docs{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.shade-docs a{font-size:14px;border:1px solid #a3c7ce;padding:12px;text-decoration:none}.shading-page button:focus-visible,.shading-page input:focus-visible{outline:3px solid #1598a9;outline-offset:4px}.shading-page .light-space-tabs{flex-wrap:wrap}@media(max-width:950px){.shade-place-grid{grid-template-columns:1fr}.shade-steps{grid-template-columns:1fr 1fr}}@media(max-width:760px){.shade-photo img{height:auto}.shade-paths,.shade-steps{grid-template-columns:1fr}.shade-paths article{padding:25px}.shade-demo-visual{padding:35px 18px 85px;gap:12px;min-height:390px}.shade-window{height:240px;border-width:5px}.shade-values{left:18px;right:18px;font-size:12px}.shade-diagram{overflow-x:auto}.shade-diagram img{min-width:680px}.shade-diagram figcaption{min-width:0}.shading-page .light-hero h1{font-size:42px}}@media(prefers-reduced-motion:reduce){.shade-curtain,.shade-blind{transition:none}}