:root{--ink:#111210;--warm:#f5f1e9;--cream:#fbfaf6;--gold:#c89a4b;--line:#d9d3c7;--muted:#69675f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:'DM Sans',sans-serif}.announcement{height:34px;display:grid;place-items:center;background:#171816;color:#e9dfcc;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.site-header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:#111210;position:sticky;top:0;z-index:30;border-bottom:1px solid #2f302d}.brand img{width:230px;display:block}.nav{display:flex;align-items:center;gap:30px}.nav a{color:#eeeae2;text-decoration:none;font-size:14px}.nav-cta{border:1px solid var(--gold);padding:13px 18px}.menu-toggle{display:none}.hero{height:calc(100vh - 120px);min-height:650px;position:relative;color:white;overflow:hidden;background:linear-gradient(90deg,rgba(8,9,8,.87) 0%,rgba(8,9,8,.48) 48%,rgba(8,9,8,.08) 75%),url('https://images.unsplash.com/photo-1615874694520-474822394e73?auto=format&fit=crop&w=2000&q=88') center/cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,rgba(0,0,0,.45))}.hero-content{position:relative;z-index:2;padding:12vh 7vw;max-width:820px}.eyebrow{font-size:12px;letter-spacing:.24em;font-weight:600}.hero h1,.section h2,.motor-copy h2,.service-area h2,.consult-copy h2{font-family:'Playfair Display',serif;font-weight:500;line-height:1.03;margin:22px 0}.hero h1{font-size:clamp(56px,7vw,96px)}.hero h1 em{color:#e0b96d;font-weight:500}.hero p{font-size:18px;line-height:1.7;max-width:590px;color:#eee9df}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:38px}.button{display:inline-block;padding:17px 24px;text-decoration:none;border:0;font:600 12px 'DM Sans';letter-spacing:.11em;text-transform:uppercase;cursor:pointer}.gold{background:var(--gold);color:#111}.text-link{color:white;text-decoration:none;font-size:14px}.text-link span{margin-left:8px}.hero-card{position:absolute;z-index:3;right:5vw;bottom:0;background:rgba(19,20,18,.9);padding:25px 38px;border-top:2px solid var(--gold);display:flex;flex-direction:column;gap:5px}.hero-card span{color:#c7c5be;font-size:13px}.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);background:white}.trust-strip div{padding:24px 3vw;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:5px}.trust-strip strong{font:500 20px 'Playfair Display',serif}.trust-strip span{font-size:12px;color:var(--muted)}.section{padding:110px 7vw}.intro{display:grid;grid-template-columns:1fr 2.2fr;gap:50px;background:var(--warm)}.section-label{font-size:11px;letter-spacing:.2em;color:#7a6540}.intro h2,.section-heading h2{font-size:clamp(38px,4.5vw,64px);max-width:900px}.intro h2{margin-top:0}.intro p{max-width:720px;font-size:17px;line-height:1.8;color:var(--muted)}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:48px}.dark{color:#9a7335}.dark-link{color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:6px}.collection-grid{display:grid;grid-template-columns:1.35fr 1fr;grid-template-rows:290px 290px;gap:18px}.collection-card{position:relative;background-size:cover;background-position:center;overflow:hidden}.collection-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.76),transparent 70%)}.collection-card>div{position:absolute;z-index:2;left:30px;bottom:28px;color:white}.collection-card span{font-size:11px;letter-spacing:.16em;text-transform:uppercase}.collection-card h3{font:500 30px 'Playfair Display';margin:8px 0}.collection-card a{color:white;text-decoration:none;font-size:13px}.tall{grid-row:1/3}.card-shades{background-image:url('https://images.unsplash.com/photo-1600566753086-00f18fb6b3ea?auto=format&fit=crop&w=1200&q=85')}.card-blinds{background-image:url('https://images.unsplash.com/photo-1616486338812-3dadae4b4ace?auto=format&fit=crop&w=1000&q=85')}.card-drapery{background-image:url('https://images.unsplash.com/photo-1615529162924-f8605388461d?auto=format&fit=crop&w=1000&q=85')}.motorized{display:grid;grid-template-columns:1.15fr .85fr;min-height:700px;background:#e8e4dc}.motor-visual{background:url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1300&q=88') center/cover;position:relative}.smart-pill{position:absolute;left:30px;bottom:30px;background:rgba(255,255,255,.9);padding:14px 18px;font-size:12px}.smart-pill span{color:var(--gold);margin-right:8px}.motor-copy{padding:100px 7vw;align-self:center}.motor-copy h2{font-size:58px}.motor-copy p{color:var(--muted);line-height:1.8}.motor-copy ul{list-style:none;padding:0;margin:30px 0}.motor-copy li{border-top:1px solid #cac4b8;padding:15px 0;font-size:14px}.motor-copy li:before{content:'✓';color:#9c762f;margin-right:12px}.dark-button{background:var(--ink);color:white}.centered{justify-content:center;text-align:center}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.steps article{padding:35px 40px;border-right:1px solid var(--line);position:relative}.steps article>span{position:absolute;right:18px;top:18px;color:#a59e91;font-size:11px}.step-icon{font-size:28px;color:var(--gold);height:55px}.steps h3{font:500 26px 'Playfair Display';margin:5px 0 12px}.steps p{color:var(--muted);line-height:1.65;font-size:14px}.service-area{min-height:560px;display:grid;place-items:center;text-align:center;color:white;background:linear-gradient(rgba(11,13,12,.65),rgba(11,13,12,.65)),url('https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=1900&q=85') center/cover}.service-area>div{max-width:760px;padding:70px 25px}.service-area h2{font-size:64px}.service-area p{line-height:1.8;color:#eee;max-width:650px}.outline{border:1px solid white;color:white;margin-top:20px}.consultation{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;padding:110px 7vw;background:var(--warm)}.consult-copy h2{font-size:55px}.consult-copy p{color:var(--muted);line-height:1.8}.consult-copy>a{color:#8d6728}.consultation form{background:white;padding:38px;box-shadow:0 18px 50px rgba(40,35,25,.08)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:flex;flex-direction:column;gap:8px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:20px}input,select,textarea{border:0;border-bottom:1px solid #bbb6ab;background:transparent;padding:12px 2px;font:14px 'DM Sans';outline:none}input:focus,select:focus,textarea:focus{border-color:var(--gold)}textarea{resize:vertical}.submit{width:100%;margin-top:10px}.form-note{font-size:10px;line-height:1.5;color:#777}.success{display:none;color:#546b43;font-size:13px;margin-top:12px}.success.show{display:block}footer{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:40px;background:#101110;color:#bcbcb5;padding:75px 7vw 35px}footer img{width:240px}footer h4{color:white;font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin-top:0}footer div{display:flex;flex-direction:column;gap:12px}footer a,footer span{color:#bcbcb5;text-decoration:none;font-size:13px}.copyright{grid-column:1/-1;border-top:1px solid #2c2d2b;padding-top:25px;margin-top:35px;font-size:11px}.reveal{animation:rise .8s ease-out}@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@media(max-width:900px){.site-header{height:72px}.brand img{width:185px}.menu-toggle{display:flex;background:none;border:0;flex-direction:column;gap:7px;padding:12px}.menu-toggle span{width:25px;height:1px;background:white}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:#111;padding:25px;flex-direction:column}.nav.open{display:flex}.hero{min-height:680px}.hero-content{padding-top:100px}.hero h1{font-size:52px}.trust-strip{grid-template-columns:1fr 1fr}.intro,.motorized,.consultation{grid-template-columns:1fr}.collection-grid{grid-template-columns:1fr;grid-template-rows:420px 280px 280px}.tall{grid-row:auto}.motor-visual{min-height:480px}.steps{grid-template-columns:1fr}.steps article{border-bottom:1px solid var(--line)}footer{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.announcement{font-size:9px}.hero{height:720px}.hero-content{padding:90px 25px}.hero h1{font-size:44px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-card{right:20px}.trust-strip{grid-template-columns:1fr}.section{padding:75px 24px}.intro{gap:15px}.section-heading{align-items:flex-start;flex-direction:column;gap:15px}.motor-copy{padding:75px 24px}.motor-copy h2,.service-area h2,.consult-copy h2{font-size:42px}.consultation{padding:75px 20px}.consultation form{padding:26px 20px}.field-row{grid-template-columns:1fr}footer{grid-template-columns:1fr;padding:60px 25px}.copyright{grid-column:1}.collection-grid{grid-template-rows:360px 250px 250px}}
.announcement a{color:#e0b96d;text-decoration:none}
.hero-window{display:none}.hero-video-wrap{position:absolute;z-index:1;inset:0;overflow:hidden;background:#050605}.hero-video-wrap video{width:100%;height:100%;object-fit:cover;object-position:64% center;filter:brightness(.68) saturate(.88)}.video-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,7,6,.98) 0%,rgba(6,7,6,.82) 35%,rgba(6,7,6,.15) 72%,rgba(6,7,6,.2)),linear-gradient(0deg,rgba(0,0,0,.48),transparent 55%)}.video-badge{position:absolute;right:4vw;bottom:35px;background:rgba(10,11,10,.88);backdrop-filter:blur(12px);color:white;padding:15px 20px;border-left:2px solid #c89a4b;display:flex;gap:12px;align-items:center}.video-badge>span{width:8px;height:8px;border-radius:50%;background:#c89a4b;box-shadow:0 0 12px #c89a4b}.video-badge div{display:flex;flex-direction:column;gap:3px}.video-badge strong{font-size:12px}.video-badge small{font-size:9px;color:#aaa}.hero-content{z-index:4}
.product-range{background:#f6f2ea}.range-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.range-card{height:360px;background-position:center;background-size:cover;position:relative;overflow:hidden}.range-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.78),transparent 68%)}.range-card div{position:absolute;z-index:2;left:22px;bottom:20px;color:white}.range-card span{font-size:9px;letter-spacing:.14em;text-transform:uppercase}.range-card h3{font:500 24px 'Playfair Display';margin:7px 0}.range-roller{background-image:url('https://images.unsplash.com/photo-1618221195710-dd6b41faaea6?auto=format&fit=crop&w=800&q=85')}.range-zebra{background-image:url('https://images.unsplash.com/photo-1600566753086-00f18fb6b3ea?auto=format&fit=crop&w=800&q=85')}.range-roman{background-image:url('https://images.unsplash.com/photo-1615874694520-474822394e73?auto=format&fit=crop&w=800&q=85')}.range-cellular{background-image:url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=800&q=85')}.range-sheer{background-image:url('https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=800&q=85')}.range-blackout{background-image:url('https://images.unsplash.com/photo-1615529162924-f8605388461d?auto=format&fit=crop&w=800&q=85')}.range-vertical{background-image:url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=800&q=85')}.range-drapes{background-image:url('https://images.unsplash.com/photo-1616486338812-3dadae4b4ace?auto=format&fit=crop&w=800&q=85')}.whatsapp-float{position:fixed;z-index:60;right:24px;bottom:24px;background:#25d366;color:white;border-radius:999px;padding:13px 18px 13px 13px;display:flex;align-items:center;gap:9px;text-decoration:none;box-shadow:0 10px 35px rgba(0,0,0,.3);font-size:12px;font-weight:600;transition:transform .2s}.whatsapp-float:hover{transform:translateY(-3px)}.whatsapp-float svg{width:28px;height:28px}
@media(max-width:900px){.range-grid{grid-template-columns:repeat(2,1fr)}.video-vignette{background:linear-gradient(90deg,rgba(6,7,6,.95),rgba(6,7,6,.58),rgba(6,7,6,.1))}}
@media(max-width:560px){.range-grid{grid-template-columns:1fr 1fr;gap:8px}.range-card{height:260px}.range-card div{left:15px;bottom:13px}.range-card h3{font-size:19px}.hero-video-wrap video{object-position:68% center}.video-badge{right:15px;bottom:18px}.whatsapp-float{right:15px;bottom:15px;padding:12px}.whatsapp-float span{display:none}}

/* Self-contained motorized hero: no external video dependency. */
.motorized-scene{background:url('assets/motorized-window-hero.png') center/cover no-repeat;isolation:isolate;animation:sceneExposure 9s ease-in-out infinite}
.motorized-roller{position:absolute;z-index:3;top:0;left:27.5%;right:3.8%;height:96%;overflow:hidden;background:linear-gradient(90deg,#242522,#3a3a35 45%,#242522);box-shadow:0 18px 50px rgba(0,0,0,.72);animation:motorizedShade 9s cubic-bezier(.72,0,.28,1) infinite}
.roller-texture{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 2px,rgba(0,0,0,.025) 3px 6px),linear-gradient(90deg,rgba(255,255,255,.05),transparent 28%,rgba(0,0,0,.1));}
.roller-bottom{position:absolute;left:0;right:0;bottom:0;height:13px;background:#171815;border-top:1px solid #66655e;box-shadow:0 6px 16px rgba(0,0,0,.7)}
.cassette-light{position:absolute;z-index:5;top:4.8%;left:27%;right:3.5%;height:6px;background:#ffe0a0;box-shadow:0 0 13px 4px rgba(255,208,122,.95),0 0 55px 18px rgba(255,174,58,.38);animation:panelLight 9s ease-in-out infinite}
.top-light-wash{position:absolute;z-index:5;top:0;left:25%;right:0;height:16%;background:linear-gradient(180deg,rgba(255,196,96,.25),transparent);animation:panelLight 9s ease-in-out infinite;pointer-events:none}
.sunlight-bloom{position:absolute;z-index:2;inset:0;background:radial-gradient(circle at 68% 48%,rgba(255,239,175,.82),transparent 30%),linear-gradient(90deg,transparent 35%,rgba(255,218,139,.28));mix-blend-mode:screen;animation:sunReveal 9s ease-in-out infinite}
.room-darkness{position:absolute;z-index:4;inset:0;background:rgba(2,3,2,.82);pointer-events:none;animation:roomLight 9s ease-in-out infinite}
.motorized-scene .video-vignette{z-index:6;animation:vignetteLight 9s ease-in-out infinite}.motorized-scene .video-badge{z-index:8}
@keyframes motorizedShade{0%,18%{height:96%}48%,68%{height:8%}98%,100%{height:96%}}
@keyframes roomLight{0%,18%,98%,100%{opacity:1}48%,68%{opacity:0}}
@keyframes sunReveal{0%,18%,98%,100%{opacity:.03}48%,68%{opacity:1}}
@keyframes panelLight{0%,18%,98%,100%{opacity:1}48%,68%{opacity:.06}}
@keyframes vignetteLight{0%,18%,98%,100%{opacity:1}48%,68%{opacity:.35}}
@keyframes sceneExposure{0%,18%,98%,100%{filter:brightness(.54) saturate(.72)}48%,68%{filter:brightness(1.28) saturate(1.12)}}
@media(max-width:900px){.motorized-roller{left:18%;right:0}.cassette-light{left:18%;right:0}}
@media(max-width:560px){.motorized-scene{background-position:61% center}.motorized-roller{left:8%;right:0}.cassette-light{left:8%;right:0}}
@media(prefers-reduced-motion:reduce){.motorized-roller,.room-darkness,.sunlight-bloom,.cassette-light{animation-duration:18s}}

/* Every shade/blind photo demonstrates motion automatically. */
.collection-card,.range-card,.motor-visual{isolation:isolate}
.motion-treatment{position:absolute;z-index:1;inset:0;overflow:hidden;pointer-events:none;padding:3.5% 5% 0}
.motion-treatment .mini-shade{position:absolute;top:3.5%;left:5%;right:5%;height:89%;background:linear-gradient(90deg,rgba(89,88,82,.95),rgba(136,133,124,.92) 48%,rgba(83,82,77,.96));box-shadow:0 10px 22px rgba(0,0,0,.35);animation:cardShade 10s cubic-bezier(.72,0,.28,1) infinite;animation-delay:var(--shade-delay,0s)}
.motion-treatment .mini-shade:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 2px,rgba(0,0,0,.05) 3px 7px)}
.motion-treatment .mini-shade:after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:#6d6b64;border-top:1px solid rgba(255,255,255,.35);box-shadow:0 4px 8px rgba(0,0,0,.35)}
.collection-card>div,.range-card>div,.smart-pill{z-index:4}
@keyframes cardShade{0%,20%{height:94%}50%,70%{height:10%}100%{height:94%}}
.hero{background:#090a09}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 48%,rgba(212,161,75,.08),transparent 35%),linear-gradient(90deg,#080908 0%,#11120f 52%,#070807 100%)}.hero-window{position:absolute;z-index:1;right:4.5vw;top:7%;width:min(42vw,620px);height:83%;overflow:hidden;background:#071017;box-shadow:0 30px 90px #000;border:12px solid #1d1e1b}.ocean-view{position:absolute;inset:0;background:linear-gradient(#ffc46d 0 28%,#f08b4f 42%,#195060 43% 65%,#07191c 66%),linear-gradient(90deg,transparent,#fff);filter:saturate(.8)}.sun-glow{position:absolute;z-index:1;width:120px;height:120px;border-radius:50%;background:#fff1b5;right:14%;top:26%;box-shadow:0 0 70px 40px rgba(255,178,60,.75);animation:sunrise 7s ease-in-out infinite}.window-frame{position:absolute;z-index:3;inset:0;background:linear-gradient(90deg,transparent 49%,#1b1d1b 49% 51%,transparent 51%),linear-gradient(0deg,transparent 49%,#1b1d1b 49% 51%,transparent 51%);pointer-events:none}.moving-shade{position:absolute;z-index:4;top:0;left:0;right:0;height:92%;background:repeating-linear-gradient(0deg,#242521 0 14px,#191a18 15px 17px);box-shadow:0 12px 40px rgba(0,0,0,.75);animation:raiseShade 7s cubic-bezier(.7,0,.3,1) infinite}.shade-hem{position:absolute;left:0;right:0;bottom:0;height:12px;background:#c59a53;box-shadow:0 4px 12px #000}.hero-control{position:absolute;z-index:7;right:20px;bottom:20px;background:rgba(12,13,12,.88);backdrop-filter:blur(12px);padding:14px 18px;display:flex;gap:12px;align-items:center;border:1px solid rgba(255,255,255,.14)}.control-dot{width:9px;height:9px;border-radius:50%;background:#d7a851;box-shadow:0 0 13px #d7a851}.hero-control div{display:flex;flex-direction:column}.hero-control strong{font-size:12px}.hero-control small{font-size:9px;color:#aaa;margin-top:3px}.hero-content{max-width:710px}.hero-content p{max-width:520px}@keyframes raiseShade{0%,16%{height:92%}52%,72%{height:16%}100%{height:92%}}@keyframes sunrise{0%,16%{opacity:.1;transform:translateY(30px)}52%,72%{opacity:1;transform:none}100%{opacity:.1;transform:translateY(30px)}}
.shade-lab{background:#10110f;color:white}.shade-lab .section-heading p{color:#aaa;max-width:480px;line-height:1.7}.shade-lab h2{font:500 clamp(42px,5vw,68px) 'Playfair Display';margin:18px 0}.demo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.window-demo{background:#1a1b18}.demo-scene{height:470px;position:relative;overflow:hidden;background:#222}.demo-view{position:absolute;inset:0;transition:filter 1.1s ease}.sunrise .demo-view{background:linear-gradient(180deg,#f4c977 0 35%,#8ab3bc 36% 62%,#263d3d 63%)}.city .demo-view{background:linear-gradient(160deg,#e6bd7a,#8fa5ad 50%,#323d41)}.city .demo-view:after{content:"";position:absolute;left:10%;right:10%;bottom:0;height:58%;background:repeating-linear-gradient(90deg,#2a3030 0 18%,transparent 18% 23%);clip-path:polygon(0 30%,15% 30%,15% 10%,31% 10%,31% 42%,49% 42%,49% 0,68% 0,68% 34%,82% 34%,82% 18%,100% 18%,100% 100%,0 100%)}.patio .demo-view{background:linear-gradient(180deg,#c9dddc 0 46%,#5b876b 47% 70%,#c8b08a 71%)}.demo-sun{position:absolute;z-index:1;width:70px;height:70px;border-radius:50%;right:12%;top:16%;background:#fff3bc;box-shadow:0 0 55px 28px rgba(255,197,91,.8);transition:opacity 1s}.demo-shade{position:absolute;z-index:3;left:0;right:0;top:0;height:100%;transition:height 1.5s cubic-bezier(.76,0,.24,1);box-shadow:0 14px 30px rgba(0,0,0,.5)}.roller{background:#292a27}.solar{background:repeating-linear-gradient(0deg,rgba(22,24,22,.91) 0 3px,rgba(47,50,46,.92) 4px 7px)}.zebra{background:repeating-linear-gradient(0deg,rgba(40,41,38,.96) 0 34px,rgba(120,122,113,.65) 35px 65px)}.demo-frame{position:absolute;z-index:4;inset:0;border:10px solid #2e302d;background:linear-gradient(90deg,transparent 49%,#2e302d 49% 51%,transparent 51%);pointer-events:none}.window-demo.open .demo-shade{height:8%}.window-demo.half .demo-shade{height:52%}.window-demo.closed .demo-shade{height:100%}.window-demo.closed .demo-view{filter:brightness(.16)}.window-demo.closed .demo-sun{opacity:.05}.demo-meta{display:flex;align-items:center;justify-content:space-between;padding:22px}.demo-meta span{font-size:9px;letter-spacing:.15em;color:#ae8a4d}.demo-meta h3{font:500 23px 'Playfair Display';margin:5px 0}.shade-controls{display:flex;border:1px solid #454640}.shade-controls button{background:none;color:#aaa;border:0;padding:10px 12px;font:600 9px 'DM Sans';letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.shade-controls button:hover{background:#c89a4b;color:#111}.automation-banner{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;margin-top:20px;background:#e8dfcf;color:#171816;padding:28px 32px}.automation-icon{font-size:35px;color:#a47427}.automation-banner div:nth-child(2){display:flex;flex-direction:column;gap:5px}.automation-banner span{color:#666;font-size:13px}.automation-banner a{color:#171816;text-decoration:none;font-size:12px;font-weight:600}
@media(max-width:900px){.hero-window{right:-12%;width:67vw;opacity:.7}.hero-content{background:linear-gradient(90deg,rgba(8,9,8,.96),rgba(8,9,8,.56),transparent)}.demo-grid{grid-template-columns:1fr}.demo-scene{height:520px}.automation-banner{grid-template-columns:auto 1fr}.automation-banner a{grid-column:2}}
@media(max-width:560px){.hero-window{right:-50%;width:115vw}.hero-content{z-index:5}.demo-scene{height:390px}.demo-meta{align-items:flex-start;gap:15px;flex-direction:column}.automation-banner{grid-template-columns:1fr}.automation-banner a{grid-column:1}}

/* Quiet editorial polish: restrained, architectural, and photography-led. */
body{background:#f8f7f3;letter-spacing:-.006em}
.site-header{height:80px;background:rgba(13,14,13,.96);backdrop-filter:blur(16px);padding-inline:6vw}
.nav{gap:26px}.nav a{font-size:13px;color:#e5e3dc}.nav-cta{padding:12px 17px;border-color:rgba(213,169,91,.7)}
.hero-content{padding-left:8vw}.hero p{font-size:17px;max-width:540px}.hero h1{letter-spacing:-.035em}
.hero-card{right:6vw;background:rgba(13,14,13,.82);backdrop-filter:blur(12px)}
.section{padding:120px max(7vw,calc((100vw - 1440px)/2))}
.intro{grid-template-columns:.72fr 2fr}.intro h2{letter-spacing:-.025em}.intro p{max-width:650px}
.collection-grid,.range-grid,.demo-grid{gap:12px}.collection-card,.range-card{box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.collection-card:after,.range-card:after{background:linear-gradient(0deg,rgba(8,9,8,.74),rgba(8,9,8,.04) 66%)}
.collection-card,.range-card,.motor-visual{filter:saturate(.82) contrast(1.03)}
.collection-card:hover,.range-card:hover{filter:saturate(.95) contrast(1.03)}
.collection-card,.range-card{transition:filter .45s ease,transform .45s ease}.collection-card:hover,.range-card:hover{transform:translateY(-2px)}
.sunrise .demo-view{background:url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1000&q=88') center/cover}
.city .demo-view{background:url('https://images.unsplash.com/photo-1600566753190-17f0baa2a6c3?auto=format&fit=crop&w=1000&q=88') center/cover}
.patio .demo-view{background:url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1000&q=88') center/cover}
.city .demo-view:after{display:none}.demo-sun{background:rgba(255,246,205,.74);filter:blur(6px)}
.demo-frame{border-color:#242522;background:linear-gradient(90deg,transparent 49.35%,#242522 49.35% 50.65%,transparent 50.65%)}
.window-demo{background:#151614}.demo-meta{padding:25px 24px}.demo-meta h3{font-size:22px}
.step-kicker{padding-top:28px;font-size:10px;letter-spacing:.2em;color:#a17835}.steps article{padding:0 0 42px;overflow:hidden}.steps article>span{top:calc(clamp(230px,24vw,360px) + 18px);right:25px}.steps article figure{height:clamp(230px,24vw,360px);margin:0;overflow:hidden;background:#ddd8ce}.steps article figure img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.78) contrast(1.03);transition:transform .7s ease,filter .5s ease}.steps article:hover figure img{transform:scale(1.025);filter:saturate(.92) contrast(1.03)}.steps article .step-kicker,.steps article h3,.steps article p{margin-left:30px;margin-right:30px}.steps article h3{font-size:25px;margin-top:11px}.steps article p{font-size:14px}.steps article:nth-child(1) figure img{object-position:center 44%}.steps article:nth-child(2) figure img{object-position:center}.steps article:nth-child(3) figure img{object-position:center 38%}
.consultation form{box-shadow:0 24px 70px rgba(40,35,25,.07);border:1px solid rgba(92,83,67,.1)}
.button{transition:background .25s ease,color .25s ease,transform .25s ease}.button:hover{transform:translateY(-1px)}.gold:hover{background:#ddb568}
@media(max-width:900px){.site-header{height:72px}.section{padding:90px 5vw}.intro{grid-template-columns:1fr}.hero-content{padding-left:6vw}.steps article>span{top:538px}.steps article figure{height:520px}}
@media(max-width:560px){.section{padding:76px 24px}.hero-content{padding-left:25px}.site-header{padding-inline:20px}.steps article figure{height:300px}.steps article>span{top:318px}}

/* Two restrained hero directions for an honest side-by-side comparison. */
.hero-options{background:#171816}
.hero-option{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .55s ease}
.hero-option.is-active{opacity:1;visibility:visible}
.hero-options .hero-option img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.01)}
.hero-options:after{z-index:2;background:linear-gradient(180deg,transparent 57%,rgba(5,6,5,.88) 100%)}
.gentle-drapery-motion{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,224,174,.05),transparent 27%,transparent 73%,rgba(255,224,174,.05));animation:softCurtainLight 8s ease-in-out infinite;mix-blend-mode:screen}
.gentle-light-shift{position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,222,160,.14) 52%,transparent 68%);animation:softSunShift 9s ease-in-out infinite}
.hero-option-controls{position:absolute;z-index:6;right:18px;top:18px;display:flex;padding:4px;background:rgba(10,11,10,.72);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}
.hero-option-controls button{border:0;background:transparent;color:#ddd;padding:9px 12px;font:600 9px 'DM Sans';letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
.hero-option-controls button.is-active{background:#c89a4b;color:#111}
.hero-options figcaption{padding-right:150px}
@keyframes softCurtainLight{0%,100%{opacity:.45;transform:translateX(-.4%)}50%{opacity:.8;transform:translateX(.4%)}}
@keyframes softSunShift{0%,100%{opacity:.28;transform:translateX(-3%)}50%{opacity:.72;transform:translateX(3%)}}
@media(max-width:560px){.hero-options .hero-option img{object-position:center}.hero-option-controls{top:14px;right:14px}.hero-options figcaption{display:flex;padding-right:0;bottom:16px}.hero-options figcaption span{display:none}.hero-options figcaption strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){.gentle-drapery-motion,.gentle-light-shift{animation:none}}

/* Slow motorized movement: pause, rise, pause, lower. */
.hero-options .shade-moving-layer{z-index:2;clip-path:inset(0 0 48% 0);animation:naturalShadeTravel 14s cubic-bezier(.65,0,.25,1) infinite;will-change:clip-path}
.shade-moving-rail{position:absolute;z-index:3;left:4%;right:4%;top:51.5%;height:3px;background:#8f8069;box-shadow:0 3px 8px rgba(0,0,0,.32);animation:naturalShadeRail 14s cubic-bezier(.65,0,.25,1) infinite;will-change:top}
.shade-light-response{position:absolute;z-index:1;inset:0;background:rgba(255,231,188,.06);animation:naturalRoomLight 14s ease-in-out infinite;pointer-events:none}
@keyframes naturalShadeTravel{0%,18%{clip-path:inset(0 0 48% 0)}44%,67%{clip-path:inset(0 0 84% 0)}94%,100%{clip-path:inset(0 0 48% 0)}}
@keyframes naturalShadeRail{0%,18%{top:51.5%}44%,67%{top:15.5%}94%,100%{top:51.5%}}
@keyframes naturalRoomLight{0%,18%{opacity:.15}44%,67%{opacity:.9}94%,100%{opacity:.15}}
@media(prefers-reduced-motion:reduce){.hero-options .shade-moving-layer,.shade-moving-rail,.shade-light-response{animation:none}}

/* One restrained treatment: a dark warm-brown shade lowers almost to the sill. */
.hero-options .shade-moving-layer{
  filter:brightness(.035) sepia(.62) saturate(.48) hue-rotate(-14deg);
  opacity:1;
  clip-path:inset(0 0 82% 0);
  animation:shadeLowerOnly 9s cubic-bezier(.55,.02,.22,1) infinite;
}
.shade-moving-rail{
  top:17.5%;
  background:#594330;
  animation:shadeRailLowerOnly 9s cubic-bezier(.55,.02,.22,1) infinite;
}
.shade-light-response{background:linear-gradient(180deg,rgba(20,5,1,.92),rgba(1,1,1,.98));animation:roomDarkenWithShade 9s ease-in-out infinite}
@keyframes shadeLowerOnly{
  0%{clip-path:inset(0 0 82% 0)}
  18%,74%{clip-path:inset(0 0 1% 0)}
  88%,100%{clip-path:inset(0 0 82% 0)}
}
@keyframes shadeRailLowerOnly{
  0%{top:17.5%}
  18%,74%{top:98.5%}
  88%,100%{top:17.5%}
}
@keyframes roomDarkenWithShade{0%{opacity:.08}18%,74%{opacity:.995}100%{opacity:.08}}
@media(prefers-reduced-motion:reduce){.hero-options .shade-moving-layer,.shade-moving-rail,.shade-light-response{animation:none}}

/* Photography-led product update: distinct treatments, quiet motion. */
.card-shades{background-image:url('assets/products/roller-shades-living-room.webp')}
.card-blinds{background-image:url('assets/products/custom-blinds-dining-room.webp')}
.card-drapery{background-image:url('assets/products/zebra-shade-bedroom.webp')}
.motor-visual{background-image:url('assets/products/motorized-led-evening.webp')}
.motion-treatment{display:none!important}
.demo-photo{height:470px;margin:0;overflow:hidden;background:#1b1c19}
.demo-photo img{width:100%;height:100%;display:block;object-fit:cover;transform:scale(1.015);transition:transform 1.4s cubic-bezier(.22,.61,.36,1),filter .6s ease;filter:saturate(.84) contrast(1.02)}
.window-demo:hover .demo-photo img{transform:scale(1.055);filter:saturate(.96) contrast(1.02)}
.featured-demo.is-visible .demo-photo img{animation:singlePhotoMove 3.2s cubic-bezier(.22,.61,.36,1) 1 both}
@keyframes singlePhotoMove{from{transform:scale(1.085)}to{transform:scale(1.015)}}
.demo-meta small{max-width:110px;color:#a9a79f;font-size:10px;line-height:1.5;text-align:right;letter-spacing:.08em;text-transform:uppercase}
.range-card{background-size:105%;transition:background-size 1.2s cubic-bezier(.22,.61,.36,1),filter .45s ease,transform .45s ease}
.range-card:hover{background-size:111%}
@media(max-width:900px){.demo-photo{height:520px}}
@media(max-width:560px){.demo-photo{height:390px}.demo-meta small{text-align:left}.range-card{background-size:cover}.range-card:hover{background-size:cover}}
@media(prefers-reduced-motion:reduce){.featured-demo.is-visible .demo-photo img{animation:none}.demo-photo img,.range-card{transition:none}}

/* Eight-second architectural film: four motors move independently, once. */
.motorized-room{isolation:isolate;position:relative}
.motorized-room img{position:relative;z-index:0}
.demo-sunlight{position:absolute;z-index:1;inset:0;background:radial-gradient(circle at 72% 23%,rgba(255,244,194,.72) 0,rgba(255,205,105,.3) 13%,transparent 35%),linear-gradient(118deg,transparent 36%,rgba(255,224,157,.24) 58%,transparent 78%);mix-blend-mode:screen;opacity:0;pointer-events:none}
.room-dimmer{position:absolute;z-index:1;inset:0;background:rgba(8,9,8,.58);opacity:0;pointer-events:none}
.window-led{position:absolute;z-index:5;left:1.5%;right:1.5%;top:5.2%;height:4px;background:#ffe0a0;box-shadow:0 0 12px 4px rgba(255,216,145,.9),0 0 45px 18px rgba(255,175,65,.32);opacity:0}
.animated-shade{position:absolute;z-index:3;top:0;height:78.5%;transform-origin:top;background:linear-gradient(90deg,rgba(210,202,188,.98),rgba(232,226,215,.99) 48%,rgba(198,190,177,.98));box-shadow:0 8px 18px rgba(23,22,19,.3);clip-path:inset(0 0 0 0)}
.animated-shade:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:#ada392;box-shadow:0 3px 7px rgba(0,0,0,.22)}
.single-shade{left:0;right:0}
.motor-label{position:absolute;z-index:7;right:18px;bottom:18px;padding:10px 13px;background:rgba(13,14,13,.78);backdrop-filter:blur(10px);color:#f3eee5;font-size:9px;letter-spacing:.08em;text-transform:uppercase;opacity:0}
.motor-label i{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#d6a653;box-shadow:0 0 9px #e5b35b}
.featured-demo.is-visible .motorized-room{animation:roomZoom 8s cubic-bezier(.2,.7,.25,1) 1 both}
.featured-demo.is-visible .room-dimmer{animation:roomDimOnce 8s ease-in-out 1 both}
.featured-demo.is-visible .demo-sunlight{animation:sunlightOnce 8s ease-in-out 1 both}
.featured-demo.is-visible .window-led{animation:ledOnce 8s ease-in-out 1 both}
.featured-demo.is-visible .animated-shade{animation:independentShade 8s cubic-bezier(.65,0,.3,1) 1 both}
.featured-demo.is-visible .motor-label{animation:motorLabelOnce 8s ease 1 both}
@keyframes roomZoom{0%{transform:scale(1.08)}100%{transform:scale(1)}}
@keyframes independentShade{0%,12%{clip-path:inset(0 0 0 0)}48%,62%{clip-path:inset(0 0 88% 0)}94%,100%{clip-path:inset(0 0 0 0)}}
@keyframes roomDimOnce{0%,16%{opacity:.34}48%,65%{opacity:0}93%,100%{opacity:.42}}
@keyframes sunlightOnce{0%,16%,94%,100%{opacity:0}48%,66%{opacity:1}}
@keyframes ledOnce{0%,72%{opacity:0}90%,100%{opacity:1}}
@keyframes motorLabelOnce{0%,8%{opacity:0;transform:translateY(8px)}18%,92%{opacity:1;transform:none}100%{opacity:.88}}
@media(max-width:560px){.window-led{top:5%;height:3px}.motor-label{right:10px;bottom:10px;font-size:7px}}
@media(prefers-reduced-motion:reduce){.featured-demo.is-visible .motorized-room,.featured-demo.is-visible .room-dimmer,.featured-demo.is-visible .window-led,.featured-demo.is-visible .animated-shade,.featured-demo.is-visible .motor-label{animation:none}}

/* The main motorized demonstration runs once, then rests. */
.motorized-scene,.motorized-roller,.cassette-light,.top-light-wash,.sunlight-bloom,.room-darkness,.motorized-scene .video-vignette{animation-iteration-count:1!important;animation-fill-mode:both!important}

/* Continuous, stable motion for the hero and featured motorized shades. */
.motorized-scene{animation:none!important;filter:brightness(.72) saturate(.9);transform:translateZ(0)}
.motorized-roller{height:96%;animation:motorizedShadeLoop 8s cubic-bezier(.65,0,.35,1) infinite!important;animation-fill-mode:none!important;will-change:clip-path;transform:translateZ(0)}
.cassette-light,.top-light-wash,.sunlight-bloom,.room-darkness,.motorized-scene .video-vignette{animation-iteration-count:infinite!important;animation-fill-mode:none!important}
@keyframes motorizedShadeLoop{0%,14%,100%{clip-path:inset(0 0 0 0)}46%,64%{clip-path:inset(0 0 91% 0)}}

.featured-demo.is-visible .motorized-room,.featured-demo.is-visible .room-dimmer,.featured-demo.is-visible .demo-sunlight,.featured-demo.is-visible .window-led,.featured-demo.is-visible .animated-shade,.featured-demo.is-visible .motor-label{animation-iteration-count:infinite;animation-fill-mode:none}
.featured-demo.is-visible .motorized-room{animation-name:roomZoomLoop}
@keyframes roomZoomLoop{0%,100%{transform:scale(1.035)}50%{transform:scale(1)}}

.brand img{animation:logoFloat 6s ease-in-out infinite;will-change:transform;transform:translateZ(0)}
@keyframes logoFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-2px,0)}}

@media(prefers-reduced-motion:reduce){.brand img{animation:none}}

/* Full-width hero shade: one large motorized panel covers the window edge to edge. */
.motorized-roller{
  top:5.1%;left:0;right:0;height:72.8%;
  border-left:2px solid rgba(25,25,23,.7);border-right:2px solid rgba(25,25,23,.7);
  background:linear-gradient(90deg,#292a27 0%,#3b3b36 18%,#42423c 50%,#353630 82%,#242522 100%);
  box-shadow:0 12px 28px rgba(0,0,0,.48);
  animation:motorizedShadeNatural 12s cubic-bezier(.45,.02,.24,1) infinite!important;
}
.roller-texture{background:repeating-linear-gradient(0deg,rgba(255,255,255,.028) 0 1px,rgba(0,0,0,.018) 2px 5px),linear-gradient(90deg,rgba(255,255,255,.045),transparent 26%,rgba(0,0,0,.08))}
.roller-bottom{height:7px;background:#22231f;border-top:1px solid rgba(255,255,255,.2);box-shadow:0 3px 8px rgba(0,0,0,.42)}
.cassette-light{left:0;right:0;top:4.75%}
.top-light-wash{left:0;right:0;height:13%}
@keyframes motorizedShadeNatural{
  0%,18%{clip-path:inset(0 0 0 0)}
  47%,64%{clip-path:inset(0 0 91.5% 0)}
  96%,100%{clip-path:inset(0 0 0 0)}
}
.motor-remote{position:absolute;z-index:9;right:7vw;bottom:92px;width:48px;padding:9px 7px 8px;border-radius:18px;background:linear-gradient(145deg,#f7f5f0,#cbc8c0);box-shadow:0 12px 28px rgba(0,0,0,.4),inset 0 1px 1px white;display:flex;flex-direction:column;align-items:center;gap:5px;color:#34342f;animation:remoteReveal 12s ease-in-out infinite}
.remote-status{font:600 6px 'DM Sans';letter-spacing:.16em;color:#77766f;margin:1px 0 2px}
.remote-button{width:25px;height:20px;display:grid;place-items:center;border-radius:10px;background:#e9e7e1;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);font:600 13px 'DM Sans'}
.remote-stop{font-size:15px;line-height:1;color:#b48335}
@keyframes remoteReveal{0%,8%{opacity:0;transform:translateY(8px)}14%,92%{opacity:.92;transform:none}100%{opacity:0;transform:translateY(5px)}}
@media(max-width:900px){.motorized-roller,.cassette-light,.top-light-wash{left:0;right:0}.motor-remote{right:5vw}}
@media(max-width:560px){.motorized-roller{left:0;right:0;top:5.2%}.cassette-light,.top-light-wash{left:0;right:0}.motor-remote{right:16px;bottom:84px;transform:scale(.9);transform-origin:bottom right}}
@media(prefers-reduced-motion:reduce){.motorized-roller{animation-duration:20s!important}.motor-remote{animation:none;opacity:.9}}

/* Focused product presentation: three real window treatments, followed by proof points. */
.shade-lab .section-heading{align-items:flex-end}
.shade-lab .section-heading .text-link{border-bottom:1px solid rgba(255,255,255,.55);padding-bottom:6px;white-space:nowrap}
.why-topline{display:grid;grid-template-columns:.8fr 1.7fr;gap:7vw;background:#f1eee7;border-top:1px solid #d8d2c7}
.why-heading{align-self:start;position:sticky;top:130px}
.why-heading h2{font:500 clamp(40px,4.7vw,66px)/1.05 'Playfair Display',serif;letter-spacing:-.03em;margin:20px 0}
.why-heading p{max-width:420px;color:var(--muted);font-size:16px;line-height:1.75}
.why-points{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #cfc8ba}
.why-points article{min-height:225px;padding:30px;border-right:1px solid #cfc8ba;border-bottom:1px solid #cfc8ba}
.why-points article:nth-child(even){border-right:0}
.why-points span{font-size:11px;color:#9a7335;letter-spacing:.15em}
.why-points h3{font:500 25px/1.2 'Playfair Display',serif;margin:34px 0 12px}
.why-points p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}
.review-note{grid-column:2;margin-top:-3vw;padding:34px 38px;background:#151614;color:white;border-left:3px solid var(--gold)}
.review-stars{color:#d7aa5b;letter-spacing:.18em;font-size:14px}
.review-note blockquote{font:500 23px/1.5 'Playfair Display',serif;margin:14px 0 10px}
.review-note p{max-width:760px;margin:0;color:#c9c6bd;font-size:12px;line-height:1.65;letter-spacing:.06em;text-transform:none}
@media(max-width:900px){.shade-lab .section-heading{align-items:flex-start}.shade-lab .section-heading .text-link{margin-top:20px}.why-topline{grid-template-columns:1fr}.why-heading{position:static}.review-note{grid-column:1;margin-top:0}}
@media(max-width:560px){.why-points{grid-template-columns:1fr}.why-points article{min-height:0;border-right:0;padding:26px 0}.why-points h3{margin-top:22px}.review-note{padding:28px 24px}.review-note blockquote{font-size:20px}.shade-lab .section-heading .text-link{display:inline-block}}

/* A real homeowner operates the edge-to-edge shade in the second product scene. */
.demo-operator{position:absolute;z-index:6;right:-1.5%;bottom:-7%;width:34%;height:90%;pointer-events:none;filter:drop-shadow(-12px 16px 18px rgba(0,0,0,.38));transform-origin:bottom right}
.demo-operator>img{width:100%;height:100%;display:block;object-fit:contain;object-position:right bottom;transform:none!important;animation:none!important;filter:none!important}
.demo-operator .remote-signal{position:absolute;left:8.5%;top:33%;width:24px;height:24px;border:1px solid rgba(230,183,99,.9);border-radius:50%;opacity:0}
.featured-demo.is-visible .demo-operator{animation:operatorSettle 8s ease-in-out infinite}
.featured-demo.is-visible .demo-operator .remote-signal{animation:remotePressSignal 8s ease-out infinite}
@keyframes operatorSettle{
  0%,8%,100%{transform:translate3d(0,5px,0) rotate(.15deg)}
  12%,18%{transform:translate3d(-3px,0,0) rotate(0)}
  46%,64%{transform:translate3d(0,0,0)}
  90%,96%{transform:translate3d(-3px,0,0) rotate(0)}
}
@keyframes remotePressSignal{
  0%,9%,19%,86%,97%,100%{opacity:0;transform:scale(.35)}
  12%,16%,90%,94%{opacity:.85;transform:scale(1.25)}
}
@media(max-width:900px){.demo-operator{right:-2%;width:32%;height:86%}}
@media(max-width:560px){.demo-operator{right:-6%;bottom:-5%;width:43%;height:77%}.demo-operator .remote-signal{display:none}}
@media(prefers-reduced-motion:reduce){.demo-operator{animation:none!important}.demo-operator .remote-signal{display:none}}

/* Smart-shade positioning update. */
.trend-pill{display:table;margin-bottom:18px;padding:9px 13px;border:1px solid rgba(224,185,109,.72);background:rgba(15,16,14,.72);color:#e8c77f;font-size:10px;font-weight:600;letter-spacing:.16em;line-height:1.3;backdrop-filter:blur(8px)}
.hero-content .eyebrow{display:block}.hero-content h1{font-size:clamp(48px,5.7vw,82px);max-width:790px}
@media(max-width:560px){.trend-pill{font-size:8px;letter-spacing:.12em;margin-bottom:14px}.hero-content h1{font-size:clamp(40px,12vw,58px)}}

/* A second, reference-led image sits beside the main motorized hero. */
.hero-reference{position:absolute;z-index:8;right:5.5vw;top:8%;width:min(35vw,560px);height:72%;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.24);background:#171816;box-shadow:0 28px 70px rgba(0,0,0,.48)}
.hero-reference:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 56%,rgba(5,6,5,.84) 100%);pointer-events:none}
.hero-reference img{width:100%;height:100%;display:block;object-fit:cover;object-position:62% center;transform:scale(1.01)}
.reference-window-animation{position:absolute;z-index:3;left:0;right:0;top:4%;height:74%;overflow:hidden;pointer-events:none}
.reference-curtain{position:absolute;z-index:2;top:0;bottom:0;width:51%;background-image:url('assets/realistic-light-curtains.png');background-repeat:no-repeat;background-size:200% 100%;box-shadow:0 0 26px rgba(0,0,0,.48);will-change:transform,background-size;animation:curtainClose 10s cubic-bezier(.55,.02,.28,1) infinite,fabricSwayLeft 4.2s ease-in-out infinite}
.reference-curtain-left{left:0;transform-origin:left center;transform:translateX(-96%);background-position:left center;border-right:1px solid rgba(10,10,9,.82)}
.reference-curtain-right{right:0;transform-origin:right center;transform:translateX(96%);background-position:right center;border-left:1px solid rgba(10,10,9,.82)}
.reference-curtain-right{animation:curtainCloseRight 10s cubic-bezier(.55,.02,.28,1) infinite,fabricSwayRight 4.6s ease-in-out infinite}
.reference-darkness{position:absolute;z-index:1;inset:0;background:rgba(2,3,2,.88);opacity:0;animation:referenceRoomDark 10s ease-in-out infinite}
@keyframes curtainClose{0%,18%{transform:translateX(-96%)}48%,70%{transform:translateX(0)}96%,100%{transform:translateX(-96%)}}
@keyframes curtainCloseRight{0%,18%{transform:translateX(96%)}48%,70%{transform:translateX(0)}96%,100%{transform:translateX(96%)}}
@keyframes fabricSwayLeft{0%,100%{background-size:200% 100%}50%{background-size:203% 100.7%}}
@keyframes fabricSwayRight{0%,100%{background-size:200% 100%}50%{background-size:203% 100.5%}}
@keyframes referenceRoomDark{0%,25%,100%{opacity:0}48%,70%{opacity:.82}92%{opacity:0}}
.hero-reference figcaption{position:absolute;z-index:2;left:24px;right:24px;bottom:22px;display:flex;flex-direction:column;gap:5px;color:white}
.hero-reference figcaption{z-index:4}
.hero-reference figcaption span{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#d9b36c}
.hero-reference figcaption strong{font:500 21px/1.2 'Playfair Display',serif}
.hero-content{max-width:55vw}
.hero-content p{max-width:480px}
.hero-card{right:5.5vw;bottom:0}
@media(max-width:900px){.hero-reference{right:3vw;top:10%;width:43vw;height:68%;opacity:.78}.hero-content{max-width:68vw}.hero-reference figcaption{left:18px;right:18px;bottom:18px}.hero-card{right:3vw}}
@media(max-width:560px){.hero-reference{right:-30%;top:0;width:86vw;height:100%;border:0;opacity:.46}.hero-reference:after{background:linear-gradient(90deg,rgba(7,8,7,.92),rgba(7,8,7,.06) 78%),linear-gradient(0deg,rgba(5,6,5,.65),transparent 55%)}.hero-reference figcaption{display:none}.hero-content{max-width:none}.hero-card{right:18px}}

/* Keep the remote-operated shade demo obvious on phones, including devices with Reduce Motion enabled. */
@media(max-width:560px){
  .demo-operator{right:-3%;bottom:-2%;width:52%;height:84%}
  .motor-label{left:10px;right:auto;bottom:10px}
  .hero{height:1000px;min-height:1000px}
  .hero-content{padding-bottom:0}
  .hero-reference{left:20px;right:20px;top:auto;bottom:72px;width:auto;height:300px;border:1px solid rgba(255,255,255,.28);opacity:1;box-shadow:0 22px 55px rgba(0,0,0,.5)}
  .hero-reference:after{background:linear-gradient(180deg,transparent 55%,rgba(5,6,5,.88) 100%)}
  .hero-reference img{object-position:62% center}
  .hero-reference figcaption{display:flex;left:18px;right:18px;bottom:17px}
  .hero-reference figcaption strong{font-size:18px}
  .hero-card{display:none}
}
@media(prefers-reduced-motion:reduce){
  .reference-curtain,.reference-darkness{animation-duration:18s!important}
  .featured-demo.is-visible .motorized-room{animation:roomZoomLoop 12s ease-in-out infinite!important}
  .featured-demo.is-visible .room-dimmer{animation:roomDimOnce 12s ease-in-out infinite!important}
  .featured-demo.is-visible .demo-sunlight{animation:sunlightOnce 12s ease-in-out infinite!important}
  .featured-demo.is-visible .window-led{animation:ledOnce 12s ease-in-out infinite!important}
  .featured-demo.is-visible .animated-shade{animation:independentShade 12s cubic-bezier(.65,0,.3,1) infinite!important}
  .featured-demo.is-visible .motor-label{animation:motorLabelOnce 12s ease infinite!important}
}

/* Three-step service path: stays in one horizontal row on every screen. */
.easy-steps{background:#fff;padding:34px 5vw 30px;border-bottom:1px solid var(--line)}
.easy-steps h2{margin:0 0 25px;text-align:center;font:500 clamp(25px,2.8vw,40px)/1.15 'Playfair Display',serif;letter-spacing:-.02em}
.easy-steps-row{display:grid;grid-template-columns:repeat(3,1fr);max-width:1100px;margin:0 auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.easy-steps-row article{min-width:0;padding:22px 3vw;display:grid;grid-template-columns:auto 1fr;column-gap:13px;align-items:center;border-right:1px solid var(--line)}
.easy-steps-row article:last-child{border-right:0}
.easy-steps-row span{grid-row:1/3;color:#a77a32;font-size:11px;letter-spacing:.12em}
.easy-steps-row strong{font:500 clamp(18px,2vw,25px) 'Playfair Display',serif}
.easy-steps-row small{margin-top:4px;color:var(--muted);font-size:11px}
@media(max-width:560px){
  .easy-steps{padding:27px 10px 24px}
  .easy-steps h2{font-size:24px;margin-bottom:20px;padding:0 18px}
  .easy-steps-row article{padding:17px 5px;display:flex;flex-direction:column;text-align:center;gap:4px}
  .easy-steps-row span{font-size:9px}
  .easy-steps-row strong{font-size:15px}
  .easy-steps-row small{font-size:9px;line-height:1.25}
}
/* Process film: a quiet, premium continuation of the three service steps. */
.process-film{display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.28fr);gap:clamp(32px,5vw,78px);align-items:center;margin-top:70px;padding:clamp(28px,4vw,58px);background:#111210;color:white;box-shadow:0 26px 70px rgba(29,26,20,.16)}
.process-film-copy h3{margin:14px 0 16px;font:500 clamp(30px,3vw,46px)/1.08 'Playfair Display',serif}
.process-film-copy p{margin:0;color:#c9c6bd;font-size:16px;line-height:1.75}
.process-film-frame{position:relative;overflow:hidden;background:#050505;border:1px solid rgba(255,255,255,.16);box-shadow:0 22px 55px rgba(0,0,0,.38)}
.process-film-frame:before{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.process-film-frame video{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;background:#050505}
@media(max-width:760px){.process-film{grid-template-columns:1fr;padding:24px;gap:24px}.process-film-copy h3{font-size:34px}}

/* Product gallery page */
.gallery-page{background:#f5f3ee;color:#171816}.gallery-page .site-header{background:rgba(18,19,17,.94)}
.gallery-hero{padding:150px 6vw 72px;background:#141512;color:#fff;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:8vw;align-items:end}
.gallery-hero h1{margin:14px 0 18px;font:500 clamp(48px,7vw,92px)/.96 'Playfair Display',serif;letter-spacing:-.045em}.gallery-hero h1 em{color:#d9b36c;font-weight:500}.gallery-hero p{max-width:650px;margin:0;color:#cbc8bf;font-size:18px;line-height:1.7}.gallery-hero-note{padding:24px 0 5px;border-top:1px solid rgba(255,255,255,.25);color:#d9b36c;font-size:13px;line-height:1.6;letter-spacing:.08em;text-transform:uppercase}
.product-gallery{padding:80px 6vw 95px}.gallery-intro{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:38px}.gallery-intro h2{margin:0;font:500 clamp(34px,4vw,56px)/1.05 'Playfair Display',serif}.gallery-intro p{max-width:520px;margin:0;color:var(--muted);font-size:16px;line-height:1.7}
.product-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.product-card{position:relative;overflow:hidden;background:#fff;box-shadow:0 20px 50px rgba(34,29,20,.08)}.product-card figure{margin:0;overflow:hidden;aspect-ratio:16/10;background:#dedbd3}.product-card img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.product-card:hover img{transform:scale(1.035)}.product-card-copy{padding:25px 27px 28px}.product-card-top{display:flex;align-items:center;justify-content:space-between;gap:18px}.product-card-top span{color:#9b7134;font-size:10px;letter-spacing:.16em;text-transform:uppercase}.product-card h2{margin:8px 0 10px;font:500 clamp(25px,3vw,36px)/1.1 'Playfair Display',serif}.product-card p{margin:0;color:var(--muted);font-size:15px;line-height:1.65}.product-badge{position:absolute;z-index:2;top:18px;left:18px;padding:9px 12px;background:rgba(18,19,17,.9);color:#fff;font-size:9px;letter-spacing:.13em;text-transform:uppercase;backdrop-filter:blur(8px)}
.gallery-cta{margin:0 6vw 90px;padding:45px 5vw;background:#9b7134;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:35px}.gallery-cta h2{margin:0 0 7px;font:500 clamp(30px,4vw,48px)/1.08 'Playfair Display',serif}.gallery-cta p{margin:0;color:#f0e2c9;font-size:16px}.gallery-cta .button{flex:0 0 auto;background:#fff;color:#171816}
@media(max-width:760px){.gallery-hero{grid-template-columns:1fr;padding:128px 22px 55px;gap:35px}.gallery-hero p{font-size:16px}.product-gallery{padding:55px 18px 70px}.gallery-intro{display:block}.gallery-intro p{margin-top:15px}.product-gallery-grid{grid-template-columns:1fr;gap:20px}.product-card-copy{padding:21px}.gallery-cta{margin:0 18px 70px;padding:32px 24px;display:block}.gallery-cta .button{margin-top:24px}}

/* Visible product gallery on the home page */
.home-gallery{background:#eeeae1}.home-gallery-heading{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:7vw;align-items:end;margin-bottom:40px}.home-gallery-heading h2{margin:12px 0 0;font:500 clamp(38px,5vw,66px)/1.02 'Playfair Display',serif;letter-spacing:-.035em}.home-gallery-heading p{margin:0;color:var(--muted);font-size:16px;line-height:1.75}.home-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.home-product-card{display:block;background:#fff;color:#171816;text-decoration:none;padding-bottom:22px;overflow:hidden;box-shadow:0 14px 38px rgba(31,27,20,.08);transition:transform .4s ease,box-shadow .4s ease}.home-product-card:hover{transform:translateY(-4px);box-shadow:0 22px 48px rgba(31,27,20,.13)}.home-product-card img{display:block;width:100%;height:clamp(190px,20vw,290px);object-fit:cover;margin-bottom:20px;transition:transform .65s ease}.home-product-card:hover img{transform:scale(1.035)}.home-product-card span,.home-product-card h3{display:block;margin-left:22px;margin-right:22px}.home-product-card span{color:#9b7134;font-size:9px;letter-spacing:.16em;text-transform:uppercase}.home-product-card h3{margin-top:7px;margin-bottom:0;font:500 clamp(21px,2vw,28px)/1.12 'Playfair Display',serif}.home-gallery-button{display:table;margin:34px auto 0}

/* Honest review-style presentation of TopLine's service commitments */
.reviews-section{background:#111210;color:#fff}.reviews-heading{max-width:820px;margin-bottom:42px}.reviews-heading .eyebrow{color:#d9b36c}.reviews-heading h2{margin:14px 0 18px;font:500 clamp(40px,5vw,68px)/1.02 'Playfair Display',serif;letter-spacing:-.035em}.reviews-heading p{margin:0;color:#bbb8af;font-size:16px;line-height:1.7}.reviews-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.17);border-left:1px solid rgba(255,255,255,.17)}.reviews-grid article{min-height:225px;padding:30px;border-right:1px solid rgba(255,255,255,.17);border-bottom:1px solid rgba(255,255,255,.17)}.reviews-grid .review-stars{font-size:13px}.reviews-grid h3{margin:22px 0 12px;font:500 25px/1.15 'Playfair Display',serif}.reviews-grid p{margin:0;color:#aaa79f;font-size:14px;line-height:1.7}.reviews-footer{display:flex;align-items:center;gap:18px;padding:28px 30px;background:#d2a85d;color:#171816}.reviews-footer strong{font:500 21px 'Playfair Display',serif}.reviews-footer span{font-size:14px}.reviews-footer a{margin-left:auto;color:#171816;font-weight:600;font-size:12px;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid currentColor;text-decoration:none;padding-bottom:4px}
@media(max-width:900px){.home-gallery-grid,.reviews-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-gallery-heading{grid-template-columns:1fr;gap:18px}.reviews-footer{align-items:flex-start;flex-wrap:wrap}.reviews-footer a{margin-left:0}}
@media(max-width:560px){.home-gallery-grid,.reviews-grid{grid-template-columns:1fr}.home-gallery{padding-left:18px;padding-right:18px}.home-product-card img{height:235px}.reviews-section{padding-left:18px;padding-right:18px}.reviews-grid article{min-height:0;padding:26px 22px}.reviews-footer{display:block}.reviews-footer span{display:block;margin:8px 0 18px}.reviews-footer a{display:inline-block}}

/* Image-free product categories until manufacturer media rights are approved. */
.text-only-product{position:relative;min-height:210px;padding:84px 0 25px;background:linear-gradient(145deg,#fff 0%,#f3efe6 100%);border-top:3px solid var(--gold)}
.text-only-product>b{position:absolute;top:22px;right:22px;color:rgba(17,18,16,.13);font:500 48px/1 'Playfair Display',serif}
.text-only-product:hover{transform:translateY(-4px)}
.text-only-gallery-card{display:grid;grid-template-columns:150px 1fr;min-height:250px;border-top:3px solid var(--gold)}
.category-mark{display:grid;place-items:center;background:linear-gradient(145deg,#171816,#2d2e2a);color:#d4aa62;font:500 54px/1 'Playfair Display',serif}
.text-only-gallery-card .product-card-copy{align-self:center;padding:34px}
@media(max-width:760px){.text-only-gallery-card{grid-template-columns:90px 1fr;min-height:220px}.category-mark{font-size:38px}.text-only-gallery-card .product-card-copy{padding:25px}.text-only-product{min-height:190px}}

/* Fabric color presentation replaces technical hardware cards. */
.color-collection-card{grid-column:1/-1;background:linear-gradient(135deg,#171816 0%,#282924 100%);color:#fff}
.color-card-copy{padding:42px}
.color-collection-card .product-card-top span{color:#d9b36c}
.color-collection-card h2{font-size:clamp(34px,4vw,52px);margin-top:12px}
.color-collection-card p{max-width:780px;color:#cbc8bf}
.shade-color-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:32px 0 24px}
.shade-color-grid>span{display:flex;align-items:center;gap:10px;min-height:58px;padding:9px 13px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.055);color:#eeeae2;font-size:12px}
.shade-color-grid i{width:35px;height:35px;flex:0 0 35px;border-radius:50%;background:var(--swatch);border:1px solid rgba(255,255,255,.3);box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.shade-color-grid .custom-color i{background:conic-gradient(#eee8d9,#b7a68e,#8d9288,#6f7d84,#575853,#eee8d9)}
.color-card-copy>small{display:block;color:#9f9d95;font-size:11px;line-height:1.6}
.home-color-card{grid-column:span 2;min-height:clamp(270px,28vw,390px);padding:38px;background:linear-gradient(135deg,#171816,#2b2c27);color:#fff;display:flex;flex-direction:column;justify-content:center}
.home-color-card span,.home-color-card h3{margin-left:0;margin-right:0}
.home-color-card h3{font-size:clamp(28px,3vw,42px);margin:11px 0 24px}
.home-color-swatches{display:grid;grid-template-columns:repeat(8,1fr);gap:9px;margin-bottom:22px}
.home-color-swatches i{display:block;aspect-ratio:1;border-radius:50%;background:var(--swatch);border:1px solid rgba(255,255,255,.32);box-shadow:0 4px 12px rgba(0,0,0,.2)}
.home-color-card small{color:#bbb8af;font-size:12px;line-height:1.5;letter-spacing:.04em}
@media(max-width:760px){.color-card-copy{padding:28px 22px}.shade-color-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.shade-color-grid>span{padding:8px 10px;font-size:11px}.home-color-card{grid-column:1;min-height:310px;padding:28px 22px}.home-color-swatches{grid-template-columns:repeat(5,1fr)}}
.why-page-link{display:table;margin:34px auto 0}
.benefits-hero{min-height:620px;padding:110px 7vw 90px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.55fr);gap:9vw;align-items:center;background:linear-gradient(110deg,rgba(11,21,27,.97),rgba(19,37,44,.9)),url('assets/motorized-window-hero.png') center/cover;color:#fff}
.benefits-hero>div{max-width:800px}.benefits-hero h1{font-family:'Playfair Display',serif;font-size:clamp(3.2rem,6.6vw,6.7rem);line-height:.98;margin:20px 0 28px;font-weight:500}.benefits-hero h1 em{color:#d9b97b;font-weight:500}.benefits-hero p{max-width:720px;font-size:1.2rem;line-height:1.75;color:rgba(255,255,255,.82)}
.benefits-hero-actions{display:flex;align-items:center;gap:28px;margin-top:36px}.light-link{color:#fff}.benefits-hero aside{border-left:1px solid rgba(217,185,123,.55);display:grid;gap:18px;padding:22px 0 22px 36px}.benefits-hero aside strong{font-family:'Playfair Display',serif;font-size:1.55rem;color:#d9b97b;margin-bottom:8px}.benefits-hero aside span{font-size:.86rem;text-transform:uppercase;letter-spacing:.15em;color:rgba(255,255,255,.76)}
.benefit-proof{background:#f5f2ec}.benefit-proof-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:50px;border-top:1px solid #cfc8bb;border-left:1px solid #cfc8bb}.benefit-proof-grid article{padding:34px 28px 38px;border-right:1px solid #cfc8bb;border-bottom:1px solid #cfc8bb;min-height:260px}.benefit-proof-grid b{color:#9d7a3f;font-size:.78rem;letter-spacing:.18em}.benefit-proof-grid h3{font-family:'Playfair Display',serif;font-size:1.5rem;margin:28px 0 14px}.benefit-proof-grid p{line-height:1.65;color:#565b5d}
.systems-band{padding:100px 7vw;background:#12252c;color:#fff}.systems-band>div:first-child{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:48px}.systems-band h2{font-family:'Playfair Display',serif;font-size:clamp(2.6rem,5vw,4.8rem);max-width:650px}.systems-list{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.18);border-left:1px solid rgba(255,255,255,.18)}.systems-list article{padding:30px;border-right:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18)}.systems-list h3{font-family:'Playfair Display',serif;font-size:1.45rem;color:#d9b97b;margin-bottom:10px}.systems-list p{color:rgba(255,255,255,.72);line-height:1.6}
.comparison{background:#fff}.comparison-heading{max-width:820px}.comparison-heading h2,.quality-detail h2,.benefits-process h2,.benefits-cta h2{font-family:'Playfair Display',serif;font-size:clamp(2.7rem,5vw,4.7rem);margin:16px 0 20px}.comparison-heading p{font-size:1.1rem;line-height:1.7;color:#5e6365}.comparison-table-wrap{overflow-x:auto;margin-top:46px}.comparison table{width:100%;border-collapse:collapse;min-width:760px}.comparison th,.comparison td{padding:20px 18px;text-align:left;border-bottom:1px solid #ded8ce}.comparison thead th{background:#14272e;color:#fff;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.comparison thead th:nth-child(2){background:#a17b3f}.comparison tbody th{font-weight:600;color:#26343a}.comparison tbody td:nth-child(2){background:#f5efe4;font-weight:600;color:#785b2e}.comparison-note{font-size:.82rem;color:#777;margin-top:16px}
.quality-detail{display:grid;grid-template-columns:.8fr 1.4fr;gap:8vw;background:#ece8e0}.quality-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#cbc4b8}.quality-detail-grid article{background:#ece8e0;padding:30px}.quality-detail-grid h3{font-family:'Playfair Display',serif;font-size:1.45rem;margin-bottom:12px}.quality-detail-grid p{line-height:1.65;color:#595f60}
.benefits-process{padding:100px 7vw;background:#0d1c22;color:#fff}.benefits-process>div{max-width:760px}.benefits-process ol{list-style:none;padding:0;margin:50px 0 0;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid rgba(255,255,255,.2);border-left:1px solid rgba(255,255,255,.2)}.benefits-process li{padding:26px 22px 32px;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2);min-height:210px}.benefits-process li b{color:#d9b97b;font-size:.8rem}.benefits-process li strong{font-family:'Playfair Display',serif;font-size:1.55rem;margin:28px 0 12px}.benefits-process li span{font-size:.92rem;line-height:1.55;color:rgba(255,255,255,.68)}
.benefits-cta{text-align:center;padding:110px 7vw;background:#f7f4ed}.benefits-cta p{font-size:1.15rem;color:#5d6264}.benefits-cta>div{display:flex;justify-content:center;align-items:center;gap:30px;margin-top:34px}.benefits-cta>div>a:last-child{color:#18292f;font-weight:600}
@media(max-width:1000px){.benefit-proof-grid{grid-template-columns:repeat(2,1fr)}.benefits-process ol{grid-template-columns:repeat(3,1fr)}.quality-detail{grid-template-columns:1fr}.systems-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.benefits-hero{min-height:auto;padding:78px 24px 70px;grid-template-columns:1fr;gap:45px}.benefits-hero h1{font-size:clamp(3rem,14vw,4.6rem)}.benefits-hero-actions{align-items:flex-start;flex-direction:column}.benefits-hero aside{padding-left:24px}.benefit-proof-grid,.systems-list,.quality-detail-grid,.benefits-process ol{grid-template-columns:1fr}.benefit-proof-grid article{min-height:auto}.systems-band,.benefits-process{padding:76px 24px}.benefits-process li{min-height:auto}.benefits-cta>div{flex-direction:column}.comparison{padding-left:20px;padding-right:20px}}

/* Arabel gallery examples and printable TopLine catalog */
.arabel-gallery{padding:76px 6vw 42px;background:#ece8df}.arabel-gallery-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,.85fr);gap:7vw;align-items:end;margin-bottom:30px}.arabel-gallery-heading h2,.catalog-download-copy h2{margin:10px 0 0;font:500 clamp(34px,4.4vw,58px)/1.05 'Playfair Display',serif;letter-spacing:-.025em}.arabel-gallery-heading>p,.catalog-download-copy>p{margin:0;color:var(--muted);font-size:16px;line-height:1.7}.arabel-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.arabel-gallery-grid figure{margin:0;background:#fff;box-shadow:0 13px 32px rgba(31,27,20,.08)}.arabel-gallery-grid img{display:block;width:100%;height:clamp(190px,22vw,300px);object-fit:cover}.arabel-gallery-grid figcaption{padding:13px 17px 16px;color:#7d5b2e;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.arabel-gallery-note{margin:18px 0 5px;color:var(--muted);font-size:13px;line-height:1.6}.arabel-source{color:#765323;font-size:13px;text-underline-offset:4px}.catalog-download{margin:48px 6vw 84px;padding:38px;display:grid;grid-template-columns:minmax(210px,.68fr) minmax(0,1.32fr);gap:42px;align-items:center;background:#171816;color:#fff;box-shadow:0 24px 55px rgba(25,24,22,.16)}.catalog-cover{max-width:270px;margin:auto;border:1px solid #bd985c;box-shadow:0 14px 35px rgba(0,0,0,.3)}.catalog-cover img{display:block;width:100%;height:auto}.catalog-download-copy h2{font-size:clamp(32px,4vw,48px)}.catalog-download-copy>p{margin:16px 0 22px;color:#d2d0ca}.catalog-download-copy small{display:block;margin-top:12px;color:#c7c1b5;font-size:13px}.catalog-download-copy .button{background:#c89a4b;color:#171816}
@media(max-width:760px){.arabel-gallery{padding:55px 18px 34px}.arabel-gallery-heading{grid-template-columns:1fr;gap:16px}.arabel-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.arabel-gallery-grid img{height:clamp(150px,42vw,230px)}.catalog-download{margin:34px 18px 66px;padding:24px;grid-template-columns:1fr;gap:25px}.catalog-cover{max-width:200px}.catalog-download-copy h2{font-size:34px}}