.sun-page{--sun-max:1280px}.sun-page .sun-hero>img{object-position:center 55%}.sun-page .sun-hero h1{max-width:1050px}.sun-proof{width:min(var(--sun-max),calc(100% - 56px));margin:-30px auto 0;position:relative;z-index:4;display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.12);overflow:hidden}.sun-proof span{padding:27px 30px;border-right:1px solid var(--line);font-size:.72rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.sun-proof span:last-child{border:0}.sun-proof span:before{content:"✓";color:#9a7310;margin-right:10px}.sun-intro{display:grid;grid-template-columns:1fr .78fr;gap:9vw;align-items:end;padding-top:clamp(110px,11vw,170px)}.sun-intro h2{margin:20px 0 0;max-width:800px}.sun-intro>p{max-width:570px;margin:0;color:var(--muted);font-size:1.08rem}.sun-choice{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-top:0}.sun-choice-card{min-height:610px;padding:clamp(38px,4vw,62px);border-radius:14px;display:flex;flex-direction:column;position:relative;overflow:hidden}.sun-choice-card:after{content:"";position:absolute;width:390px;height:1px;right:-90px;top:120px;background:currentColor;opacity:.25;transform:rotate(-38deg)}.sun-choice-card--dark{background:#191a19;color:#fff}.sun-choice-card--yellow{background:var(--yellow);color:var(--ink)}.sun-choice-card>span{font-size:.7rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--yellow)}.sun-choice-card--yellow>span{color:#725408}.sun-choice-card h2{margin:80px 0 30px;font-size:clamp(3rem,4vw,4.6rem)}.sun-choice-card p{max-width:550px;color:#b9bbb8}.sun-choice-card--yellow p{color:#332b17}.sun-choice-card ul{padding-left:20px;margin:28px 0;color:inherit}.sun-choice-card li{margin:9px 0}.sun-choice-card li::marker{color:var(--yellow)}.sun-choice-card--yellow li::marker{color:#171817}.sun-choice-card>b{margin-top:auto;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}.sun-compare{background:#f5f4ef}.sun-compare header{display:grid;grid-template-columns:.65fr 1fr;gap:8vw;align-items:end;margin-bottom:55px}.sun-compare h2{margin:18px 0 0}.sun-table{border-top:2px solid #171817}.sun-table>div{display:grid;grid-template-columns:1.2fr 1fr 1fr;border-bottom:1px solid #cfcdc6}.sun-table span,.sun-table b,.sun-table strong{padding:22px 18px}.sun-table span{font-weight:800}.sun-table b{font-weight:400;color:var(--muted)}.sun-table strong{font:800 1.4rem "Arial Narrow",Arial;text-transform:uppercase}.sun-table-head{background:#171817;color:#fff}.sun-table-head strong:last-child{background:var(--yellow);color:#171817}.sun-note{margin:28px 0 0;padding:22px 24px;border-left:4px solid var(--yellow);background:#fff;color:var(--muted);font-size:.9rem}.sun-note strong{color:var(--ink)}.sun-situation header,.sun-types>header{display:grid;grid-template-columns:1fr .75fr;column-gap:8vw;align-items:end;margin-bottom:58px}.sun-situation header .eyebrow,.sun-types>header .eyebrow{grid-column:1/-1}.sun-situation h2,.sun-types h2{margin:18px 0 0}.sun-types>header>p:last-child{color:var(--muted);max-width:540px}.sun-situation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.sun-situation-grid article{min-height:420px;padding:36px;background:#f4f3ee;border-radius:12px;display:flex;flex-direction:column}.sun-situation-grid article:nth-child(2){background:var(--yellow)}.sun-situation-grid span,.sun-control-list span{color:#8e6a0d;font-size:.7rem;font-weight:900}.sun-situation-grid h3{font:800 clamp(2.3rem,3vw,3.3rem)/1 "Arial Narrow",Arial;text-transform:uppercase;margin:80px 0 22px}.sun-situation-grid p{color:var(--muted)}.sun-situation-grid article:nth-child(2) p{color:#3a321f}.sun-situation-grid b{margin-top:auto;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em}.sun-control{display:grid;grid-template-columns:.72fr 1fr;gap:9vw;background:#191a19;color:#fff}.sun-control h2{margin:18px 0 30px}.sun-control>div:first-child>p:last-child{color:#b1b4af}.sun-control-list{border-top:1px solid #3b3d3a}.sun-control-list article{display:grid;grid-template-columns:50px .8fr 1fr;gap:18px;padding:23px 0;border-bottom:1px solid #3b3d3a;align-items:start}.sun-control-list h3{font:800 1.25rem/1.1 "Arial Narrow",Arial;text-transform:uppercase;margin:0}.sun-control-list p{margin:0;color:#aeb0ad;font-size:.86rem}.sun-brand{display:grid;grid-template-columns:.72fr 1fr;gap:9vw;align-items:center;background:#f5f4ef}.sun-brand-logo{height:330px;border-radius:12px;background:#fff;display:grid;place-items:center}.sun-brand-logo img{width:min(310px,72%);height:auto}.sun-brand h2{margin:18px 0 28px}.sun-brand>div:last-child>p:not(.eyebrow){color:var(--muted);max-width:600px}.sun-arrow{display:inline-flex;gap:12px;align-items:center;margin-top:18px;font-size:.72rem;font-weight:900;text-transform:uppercase}.sun-arrow span{color:#9a7310;font-size:1rem}.sun-faq{background:#fff}.sun-benefits{padding-top:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1px}.sun-benefits article{padding:32px;border:1px solid var(--line);min-height:240px}.sun-benefits b{color:#9a7310;font-size:.7rem}.sun-benefits h3{font:800 2rem "Arial Narrow",Arial;text-transform:uppercase;margin:60px 0 14px}.sun-benefits p{color:var(--muted);font-size:.88rem}.sun-types{background:#f5f4ef}.sun-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sun-type-grid article{background:#fff;border-radius:12px;overflow:hidden;padding:0 30px 34px;display:flex;flex-direction:column}.type-visual{height:260px;margin:0 -30px 30px;position:relative;overflow:hidden;background:#d9d5cb}.type-visual:before{content:"";position:absolute;inset:36px 53px 0;background:#777;border:10px solid #282a29;border-bottom:0}.type-visual i{position:absolute;left:50%;top:36px;bottom:0;width:2px;background:#282a29;z-index:2}.type-visual em{position:absolute;left:50%;top:92px;width:83px;height:140px;background:repeating-linear-gradient(0deg,#303231 0 4px,#555855 4px 7px);z-index:3;font-style:normal}.type-visual b{position:absolute;left:50%;top:62px;width:83px;height:31px;background:#171817;z-index:4}.type-visual--front b{border-radius:7px 7px 0 0}.type-visual--top b{top:36px;height:57px;background:#f5f4ef;border:10px solid #282a29;border-bottom:0}.type-visual--built b{top:39px;height:15px;background:#282a29}.type-visual--built em{top:53px}.type-visual:not(.type-visual--shutter) em{background:repeating-linear-gradient(90deg,rgba(70,72,70,.92) 0 2px,rgba(123,126,122,.82) 2px 5px)}.sun-type-grid>article>span{color:#8e6a0d;font-size:.69rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.sun-type-grid h3{font:800 clamp(2.15rem,2.8vw,3rem)/1 "Arial Narrow",Arial;text-transform:uppercase;margin:18px 0}.sun-type-grid p,.sun-type-grid ul{color:var(--muted);font-size:.9rem}.sun-type-grid ul{padding-left:18px;margin:15px 0 28px}.sun-type-grid li{margin:8px 0}.sun-type-grid li::marker{color:#a07913}.sun-type-grid>article>strong{margin-top:auto;border-top:1px solid var(--line);padding-top:20px;font-size:.68rem;text-transform:uppercase;letter-spacing:.04em}.sun-detail{display:grid;grid-template-columns:.78fr 1fr;gap:9vw;align-items:center}.sun-detail h2{margin:18px 0 28px}.sun-detail>div:first-child>p:not(.eyebrow):not(.sun-note){color:var(--muted)}.swatch-panel{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;background:#f4f3ee;padding:36px;border-radius:12px}.swatch{aspect-ratio:.58;border-radius:70px 70px 8px 8px;display:flex;align-items:flex-end;justify-content:center;padding:16px 8px;color:#fff;font-size:.62rem;font-weight:900;text-transform:uppercase;box-shadow:0 15px 30px rgba(0,0,0,.12)}.swatch--black{background:#141515}.swatch--anthra{background:#3f4341}.swatch--grey{background:#888b86}.swatch--bronze{background:#80674b}.swatch--sand{background:#b2a58b;color:#171817}.sun-feature{display:grid;grid-template-columns:.74fr 1fr;gap:9vw;background:#191a19;color:#fff}.sun-feature h2{margin:18px 0 28px}.sun-feature>div>p:last-child{color:#b4b7b2}.sun-feature ul{list-style:none;margin:0;padding:0;border-top:1px solid #3b3d3a}.sun-feature li{display:grid;grid-template-columns:48px 1fr;gap:18px;padding:24px 0;border-bottom:1px solid #3b3d3a}.sun-feature li>b{color:var(--yellow)}.sun-feature li span{display:grid;color:#b4b7b2}.sun-feature li strong{color:#fff;text-transform:uppercase;font-size:.85rem;margin-bottom:3px}.sun-feature--yellow{background:var(--yellow);color:#171817}.sun-feature--yellow .eyebrow{color:#725408}.sun-feature--yellow>div>p:last-child{color:#3b321d}.sun-feature--yellow ul,.sun-feature--yellow li{border-color:rgba(0,0,0,.22)}.sun-feature--yellow li>b{color:#6c5006}.sun-feature--yellow li span{color:#3b321d}.sun-feature--yellow li strong{color:#171817}.rollup-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.rollup-options article{min-height:250px;padding:28px;background:#f4f3ee;border-radius:10px;display:flex;flex-direction:column}.rollup-options article:nth-child(2){background:#191a19;color:#fff}.rollup-options article:nth-child(3){background:var(--yellow)}.rollup-options span{color:#8e6a0d;font-size:.7rem;font-weight:900}.rollup-options h3{font:800 1.8rem "Arial Narrow",Arial;text-transform:uppercase;margin:auto 0 15px}.rollup-options p{font-size:.82rem;color:var(--muted);margin:0}.rollup-options article:nth-child(2) p{color:#b3b5b2}.rollup-options article:nth-child(3) p{color:#3b321d}
@media(max-width:1050px){.sun-intro,.sun-brand,.sun-detail,.sun-feature,.sun-control{grid-template-columns:1fr}.sun-choice{grid-template-columns:1fr}.sun-choice-card{min-height:540px}.sun-situation header,.sun-types>header{grid-template-columns:1fr}.sun-situation-grid,.sun-type-grid{grid-template-columns:1fr}.sun-type-grid article{display:grid;grid-template-columns:.8fr 1fr;column-gap:34px;padding:0 34px 34px}.type-visual{grid-row:1/8;margin:0 0 -34px -34px;height:auto;min-height:470px}.sun-type-grid>article>span{margin-top:34px}.sun-benefits{grid-template-columns:1fr 1fr}.sun-control-list article{grid-template-columns:45px .75fr 1fr}.sun-brand-logo{height:250px}.swatch-panel{min-height:360px}}
@media(max-width:680px){.sun-page .sun-hero h1{font-size:3.35rem}.sun-proof{width:calc(100% - 24px);grid-template-columns:1fr;margin-top:-18px}.sun-proof span{padding:17px 18px;border-right:0;border-bottom:1px solid var(--line);font-size:.62rem}.sun-intro{padding-top:100px}.sun-intro>p{font-size:1rem}.sun-choice-card{min-height:560px;padding:34px 26px}.sun-choice-card h2{margin-top:60px}.sun-compare header{grid-template-columns:1fr;margin-bottom:35px}.sun-table>div{grid-template-columns:1.05fr 1fr 1fr}.sun-table span,.sun-table b,.sun-table strong{padding:15px 8px;font-size:.76rem}.sun-table strong{font-size:1rem}.sun-situation-grid article{min-height:340px;padding:28px}.sun-situation-grid h3{margin-top:55px}.sun-control-list article{grid-template-columns:34px 1fr}.sun-control-list p{grid-column:2}.sun-brand-logo{height:210px}.sun-benefits{grid-template-columns:1fr}.sun-benefits article{min-height:210px}.sun-benefits h3{margin-top:45px}.sun-type-grid article{display:flex;padding:0 22px 28px}.type-visual{width:calc(100% + 44px);height:260px;min-height:0;margin:0 -22px 27px}.sun-type-grid>article>span{margin-top:0}.swatch-panel{padding:20px;gap:7px;min-height:310px}.swatch{font-size:.5rem;padding:10px 2px}.sun-feature li{grid-template-columns:36px 1fr}.rollup-options{grid-template-columns:1fr}.rollup-options article{min-height:190px}.sun-brand h2,.sun-detail h2,.sun-feature h2,.sun-control h2{font-size:2.75rem}}

.solar-photo{position:relative;margin:32px 0 0;border-radius:12px;overflow:hidden;aspect-ratio:16/10;background:#c8950b}.solar-photo img{width:100%;height:100%;object-fit:cover;object-position:center 34%;display:block}.solar-photo figcaption{position:absolute;left:14px;bottom:14px;margin:0;padding:7px 10px;border-radius:999px;background:rgba(23,24,23,.86);color:#fff;font-size:.62rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.sun-feature--solar>div>p:nth-of-type(2){color:#3b321d}

/* Real Wilms reference photography for the three rolluik types. */
.type-photo{height:300px;margin:0 -30px 30px;position:relative;overflow:hidden;background:#d9d5cb}
.type-photo img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .55s ease}
.type-photo--voorzet img{object-position:center 42%}
.type-photo--screen-voorzet img{object-position:center 50%}
.type-photo--screen-opbouw img{object-position:center 48%}
.type-photo--screen-inbouw img{object-position:center 50%}
.type-photo figcaption{position:absolute;left:16px;bottom:14px;padding:7px 10px;border-radius:99px;background:rgba(23,24,23,.82);color:#fff;font-size:.6rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;backdrop-filter:blur(6px)}
.sun-type-grid article:hover .type-photo img{transform:scale(1.035)}
.type-download{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;padding:15px 0;border-top:1px solid var(--line);color:var(--ink);font-size:.7rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.type-download span{color:#8e6a0d;font-size:1rem}.type-download:hover{color:#8e6a0d}.sun-type-grid>article>.type-download+strong{margin-top:0;padding-top:16px}
@media(max-width:1050px){.type-photo{grid-row:1/8;height:auto;min-height:470px;margin:0 0 -34px -34px}.type-photo--voorzet img{object-position:center 45%}}
@media(max-width:680px){.type-photo{width:calc(100% + 44px);height:285px;min-height:0;margin:0 -22px 27px}.type-photo--voorzet img{object-position:center 43%}}

/* Exact Wilms Serge 5% standard fabric range. Every image shows front and back. */
.screen-fabrics{background:#fff}
.screen-fabrics>header{display:grid;grid-template-columns:.82fr 1fr;gap:9vw;align-items:end;margin-bottom:54px}
.screen-fabrics h2{margin:18px 0 0;max-width:720px}
.screen-fabrics>header>div:last-child>p:first-child{color:var(--muted);margin-top:0}
.screen-fabrics .sun-note{background:#f5f4ef}
.fabric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.fabric-grid figure{margin:0;border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#fff;transition:transform .25s ease,box-shadow .25s ease}
.fabric-grid figure:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,0,0,.08)}
.fabric-grid img{width:100%;height:92px;display:block;object-fit:cover;image-rendering:auto}
.fabric-grid figcaption{display:grid;padding:18px 19px 20px}
.fabric-grid strong{font-size:.69rem;letter-spacing:.08em;color:#8e6a0d}
.fabric-grid span{font:800 1.35rem/1.05 "Arial Narrow",Arial;text-transform:uppercase;margin:8px 0 5px}
.fabric-grid small{color:var(--muted);font-size:.7rem}
@media(max-width:1050px){.screen-fabrics>header{grid-template-columns:1fr;gap:24px}.fabric-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.fabric-grid{grid-template-columns:1fr 1fr;gap:10px}.fabric-grid img{height:70px}.fabric-grid figcaption{padding:14px}.fabric-grid span{font-size:1.02rem}.fabric-grid small{font-size:.61rem}}