:root{--navy:#071d2e;--navy2:#0b2b42;--gold:#edb847;--ink:#10283a;--muted:#5b6b74;--paper:#f5f6f3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);margin:0;font-family:DM Sans,Arial,sans-serif}a{color:inherit;text-decoration:none}.shell{width:min(1200px,100% - 56px);margin:auto}.site-header{z-index:10;color:#fff;border-bottom:1px solid #ffffff30;position:absolute;top:0;left:0;right:0}.nav{justify-content:space-between;align-items:center;gap:28px;height:90px;display:flex}.brand{letter-spacing:-.05em;white-space:nowrap;align-items:center;gap:11px;font-family:Manrope,Arial,sans-serif;font-size:23px;font-weight:500;line-height:1.05;display:inline-flex}.brand strong{font-weight:800}.brand small{letter-spacing:.42em;margin-top:5px;font-size:9px;font-weight:700;display:block}.brand-icon{border:2px solid var(--gold);width:36px;height:36px;color:var(--gold);border-radius:50%;place-items:center;font-size:25px;font-weight:400;display:grid}.nav nav{gap:37px;font-size:14px;font-weight:600;display:flex}.nav nav a:hover,.text-link:hover,.line-link:hover{text-underline-offset:5px;text-decoration:underline}.nav-contact{border:1px solid #ffffff80;padding:13px 18px;font-size:14px;font-weight:700}.nav-contact span,.button span,.line-link span{margin-left:16px}.hero{color:#fff;background:var(--navy);min-height:730px;position:relative;overflow:hidden}.hero-image{background-image:url(/solar-hero.png);background-position:50% 55%;background-size:cover;position:absolute;inset:0}.hero-shade{background:linear-gradient(90deg,#031523eb 0%,#031624bf 42%,#03162429 100%),linear-gradient(#0000 66%,#031420a6);position:absolute;inset:0}.hero-inner{flex-direction:column;justify-content:center;min-height:730px;padding-top:110px;display:flex;position:relative}.hero-copy{max-width:690px;padding-bottom:50px}.eyebrow,.kicker{letter-spacing:.21em;font-size:12px;font-weight:800}.eyebrow{color:#f0c873;align-items:center;gap:10px;display:flex}.eyebrow span{background:currentColor;width:22px;height:1px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif}h1{letter-spacing:-.065em;margin:23px 0 24px;font-size:clamp(54px,6.7vw,94px);font-weight:700;line-height:1.02}h1 em{color:var(--gold);font-style:normal}.hero-copy>p:not(.eyebrow){color:#e4e9eb;max-width:560px;font-size:19px;line-height:1.65}.hero-actions{align-items:center;gap:34px;margin-top:35px;display:flex}.button{justify-content:space-between;align-items:center;gap:10px;min-width:210px;padding:19px 24px;font-size:14px;font-weight:800;display:inline-flex}.gold{background:var(--gold);color:var(--navy)}.gold:hover{background:#ffd16c}.text-link{font-size:14px;font-weight:700}.hero-bottom{letter-spacing:.17em;border-top:1px solid #fff5;justify-content:space-between;padding-top:20px;font-size:11px;font-weight:700;display:flex;position:absolute;bottom:28px;left:0;right:0}.intro{padding:105px 0 115px}.section-heading{justify-content:space-between;align-items:end;gap:50px;margin-bottom:42px;display:flex}.kicker{color:#b07f27;margin-bottom:18px}.section-heading h2,.statement h2,.contact h2{letter-spacing:-.055em;margin:0;font-size:clamp(36px,4vw,54px);line-height:1.14}.section-heading>p{max-width:360px;color:var(--muted);margin:0;font-size:16px;line-height:1.7}.cards{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.card{background:#fff;border:1px solid #dde2e1;flex-direction:column;min-height:340px;padding:28px 30px;display:flex}.card-num{color:#8a979d;letter-spacing:.15em;font-size:12px;font-weight:800}.card-symbol{color:#0e5960;background:#ecf2ef;border-radius:17px;place-items:center;width:66px;height:66px;margin:26px 0 22px;font-size:42px;line-height:1;display:grid}.card-symbol.sun{color:#d59b26;background:#fdf3df}.card h3{letter-spacing:-.04em;margin-bottom:9px;font-size:23px}.card p{color:var(--muted);font-size:15px;line-height:1.55}.card a{border-top:1px solid #e5e8e8;justify-content:space-between;margin-top:auto;padding-top:20px;font-size:14px;font-weight:800;display:flex}.card a:hover{color:#a9751d}.statement{background:#e8eeeb;padding:95px 0}.statement-grid{grid-template-columns:1fr 1fr;align-items:center;gap:12%;display:grid}.statement h2{max-width:520px}.statement-grid>div:last-child p{color:#4c626d;font-size:18px;line-height:1.75}.line-link{border-bottom:1px solid var(--ink);margin-top:10px;padding-bottom:8px;font-size:15px;font-weight:800;display:inline-block}.contact{background:var(--navy);color:#fff;padding:86px 0}.contact-grid{justify-content:space-between;align-items:center;gap:40px;display:flex}.contact h2{max-width:620px}.contact p:not(.kicker){color:#c5d3da;max-width:630px;margin:19px 0 0;font-size:17px;line-height:1.6}.contact-button{white-space:nowrap}footer{color:#fff;background:#061725}.footer-inner{justify-content:space-between;align-items:center;gap:30px;padding:37px 0;display:flex}.footer-inner p,.footer-inner>span{color:#a4b5bf;margin:0;font-size:13px}@media (max-width:760px){.shell{width:min(100% - 36px,560px)}.nav{height:76px}.nav nav{display:none}.nav-contact{padding:10px;font-size:12px}.brand{font-size:18px}.brand-icon{width:29px;height:29px;font-size:20px}.hero,.hero-inner{min-height:690px}.hero-image{background-position:62%}.hero-shade{background:linear-gradient(90deg,#031523d9,#03152375),linear-gradient(#0000,#031523bb)}.hero-copy{padding-bottom:55px}h1{font-size:clamp(49px,11vw,72px)}.hero-copy>p:not(.eyebrow){font-size:17px}.hero-actions{flex-direction:column;align-items:flex-start;gap:22px}.hero-bottom span:last-child{display:none}.intro{padding:70px 0}.section-heading{display:block}.section-heading>p{margin-top:22px}.cards{grid-template-columns:1fr}.card{min-height:285px}.statement{padding:70px 0}.statement-grid{grid-template-columns:1fr;gap:27px}.contact{padding:70px 0}.contact-grid{display:block}.contact-button{margin-top:30px}.footer-inner{flex-direction:column;align-items:start;gap:20px}}@media (max-width:390px){.nav-contact{font-size:0}.nav-contact span{margin:0;font-size:17px}.hero-bottom{font-size:10px}.button{width:100%}}.contact-details{grid-template-columns:1.3fr .9fr .9fr;gap:24px;max-width:760px;margin-top:38px;display:grid}.contact-details span{color:var(--gold);letter-spacing:.16em;margin-bottom:10px;font-size:12px;font-weight:800;display:block}.contact-details a,.contact-details p{color:#fff!important;margin:0!important;font-size:15px!important;line-height:1.6!important}.contact-details a:hover{text-underline-offset:4px;text-decoration:underline}.contact .company-name{color:#9cafba!important;margin-top:30px!important;font-size:13px!important}@media (max-width:760px){.contact-details{grid-template-columns:1fr;gap:24px}}.hero-image{background-image:url(/solar-hero.png)}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.category-nav{flex-wrap:wrap;gap:12px;margin:0 0 48px;display:flex}.category-nav a{background:#fff;border:1px solid #cfdad9;align-items:center;gap:16px;padding:15px 19px;font-size:15px;font-weight:800;display:inline-flex}:is(.category-nav a:hover,.category-nav a:focus-visible){background:#fff9e9;border-color:#b5872a}.category-nav span{color:#a27623;font-size:13px}.category-section{margin-top:54px;scroll-margin-top:24px}.category-heading{border-bottom:1px solid #cfdbd9;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:22px;padding-bottom:18px;display:flex}.category-heading h3{letter-spacing:-.04em;margin:0;font-size:clamp(27px,3vw,36px)}.category-heading>span{color:var(--muted);white-space:nowrap;font-size:14px}.product-card{background:#fff;border:1px solid #dde2e1;flex-direction:column;display:flex;overflow:hidden}.product-photo{color:#b9943e;background:#e6eeec;place-items:center;height:230px;font-size:68px;display:grid}.product-photo img{object-fit:contain;width:100%;height:100%}.product-content{flex-direction:column;flex:1;padding:25px;display:flex}.product-category{text-transform:uppercase;color:#aa7a27;letter-spacing:.13em;font-size:12px;font-weight:800}.product-content h3{margin:10px 0;font-size:22px}.product-content p{color:var(--muted);font-size:15px;line-height:1.6}.product-content a{border-top:1px solid #e5e8e8;justify-content:space-between;margin-top:auto;padding-top:18px;font-size:14px;font-weight:800;display:flex}.catalog-message{background:#fff;border:1px solid #dde2e1;max-width:740px;padding:36px}.catalog-message h3{font-size:24px}.catalog-message p{color:var(--muted);line-height:1.6}.admin-shell{max-width:1200px;min-height:100vh;margin:auto;padding:55px 28px 100px}.admin-shell h1{letter-spacing:-.05em;font-size:clamp(36px,5vw,56px)}.admin-shell h2{letter-spacing:-.04em;font-size:26px}.admin-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:38px;display:flex}.admin-heading p{color:var(--muted)}.admin-heading>a{white-space:nowrap;font-weight:800}.admin-grid{grid-template-columns:minmax(300px,450px) 1fr;align-items:start;gap:20px;display:grid}.editor-panel{background:#fff;border:1px solid #dde2e1;padding:28px}.editor-panel form{gap:18px;display:grid}.editor-panel label{gap:8px;font-size:14px;font-weight:700;display:grid}.editor-panel input:not([type=checkbox]),.editor-panel select,.editor-panel textarea{width:100%;font:inherit;color:var(--ink);background:#fff;border:1px solid #b6c2c5;border-radius:2px;padding:13px;font-size:16px}.editor-panel .check-label{align-items:center;gap:10px;display:flex}.check-label input{width:20px;height:20px}.editor-panel button{cursor:pointer;font:inherit;border:0;font-weight:800}.editor-panel button:disabled{opacity:.55;cursor:wait}.form-hint,.form-status{color:var(--muted);margin:0;font-size:14px}.cancel-button{color:var(--ink);background:0 0;padding:8px;text-decoration:underline}.admin-products{gap:14px;display:grid}.admin-products article{border-top:1px solid #e0e5e5;grid-template-columns:95px 1fr;gap:16px;padding-top:14px;display:grid}.admin-products img,.admin-no-photo{object-fit:contain;background:#e8eeeb;width:95px;height:95px}.admin-no-photo{color:#b9943e;place-items:center;font-size:30px;display:grid}.admin-products strong,.admin-products small{display:block}.admin-products small{color:var(--muted);margin-top:5px}.admin-actions{gap:15px;margin-top:13px;display:flex}.admin-actions button{color:var(--ink);background:0 0;padding:0;text-decoration:underline}@media (max-width:850px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-grid{grid-template-columns:1fr}}@media (max-width:600px){.product-grid{grid-template-columns:1fr}.admin-heading{display:block}.admin-heading>a{margin-top:15px;display:inline-block}.editor-panel{padding:20px}}.brand-logo{background:#fff;border-radius:2px;flex:none;width:224px;height:66px;display:block;overflow:hidden}.brand-logo-image{background:url(/lilla-solar-logo.png) 50%/258px 129px no-repeat;width:100%;height:100%;display:block}@media (max-width:760px){.brand-logo{width:174px;height:54px}.brand-logo-image{background-size:203px 101.5px}}.category-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:64px;display:grid}.category-nav a{background:#fff;border:1px solid #d5dddc;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:10px;min-height:114px;padding:20px;transition:border-color .2s,transform .2s;display:flex}:is(.category-nav a:hover,.category-nav a:focus-visible){border-color:#d6a43d;transform:translateY(-2px)}.category-name{letter-spacing:-.035em;font:700 19px/1.2 Manrope,Arial,sans-serif}.category-count{color:#987126;font-size:13px;font-weight:700}.category-section{margin-top:68px}.category-heading{margin-bottom:22px}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.product-card{border-color:#e0e5e3}.product-photo{background:#f3f5f4;height:185px;padding:18px}.product-content{padding:17px 18px 18px}.product-content h4{letter-spacing:-.025em;min-height:46px;margin:0 0 8px;font:700 17px/1.35 Manrope,Arial,sans-serif}.product-content p{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 16px;font-size:14px;line-height:1.45;display:-webkit-box;overflow:hidden}.product-content a{padding-top:13px;font-size:13px}@media (max-width:980px){.category-nav,.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.category-nav,.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-nav a{min-height:100px}.category-name{font-size:17px}}@media (max-width:520px){.category-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.category-nav a{min-height:94px;padding:14px}.category-name{font-size:15px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.product-photo{height:145px;padding:10px}.product-content{padding:13px}.product-content h4{min-height:0;font-size:15px}.product-content p{font-size:13px}.product-content a{font-size:12px}}