:root{--ink:#34352e;--muted:#706d63;--gold:#92703c;--cream:#f7f4ed;--line:#ded8ca}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font:15px/1.65 Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button,.button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.announcement{background:#ded7c7;padding:9px 6%;font-size:10px;letter-spacing:2px;display:flex;justify-content:space-between}header{padding:25px 6%;display:flex;gap:32px;align-items:center;background:#fffdf8;border-bottom:1px solid var(--line)}.brand{font:26px Georgia,serif;letter-spacing:2px}.brand b{font-weight:400;color:var(--gold)}.brand small{display:block;font:8px Arial;letter-spacing:3px;margin-top:7px}nav{display:flex;gap:30px;margin:auto;font-size:13px}.bag{font-size:13px}.bag span{display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:50%;width:26px;height:26px;margin-left:5px}#menu{display:none}.preview{text-align:center;padding:7px 15px;font-size:10px;letter-spacing:1px;background:#eee8dc;color:#65563d}.hero{display:grid;grid-template-columns:1fr 1.04fr;min-height:580px}.hero-copy{padding:85px 12%}.eyebrow{font-size:10px;letter-spacing:2.6px;color:var(--gold);text-transform:uppercase}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.12}h1{font-size:clamp(40px,4.9vw,72px);margin:24px 0}h1 em,h2 em{color:var(--gold);font-weight:400}h2{font-size:clamp(32px,3.5vw,48px);margin:16px 0 24px}h3{font-size:27px;margin:18px 0 10px}p{color:var(--muted)}.hero-copy>p:not(.eyebrow){max-width:400px}.button,button.primary{display:inline-block;background:var(--gold);color:white;border:1px solid var(--gold);padding:14px 24px;font-size:12px;letter-spacing:.5px}.secondary{display:inline-block;border:1px solid var(--line);padding:13px 22px;background:transparent}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-art{position:relative;background:#d8ccbb;overflow:hidden}.hero-art img{width:100%;height:100%;object-fit:cover}.image-note{position:absolute;bottom:20px;left:25px;background:#fffdf2e8;padding:10px 20px;font:italic 22px Georgia}.strip{display:flex;justify-content:space-around;gap:20px;border-block:1px solid var(--line);padding:23px 6%;font-size:11px;letter-spacing:1px}.section{padding:80px 8%}.heading{display:flex;justify-content:space-between;align-items:end;gap:30px}.heading p{max-width:320px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:35px}.shade-scene{height:350px;background:linear-gradient(100deg,#e6dfd1,#f5efe3 70%,#d8c9b6);position:relative;overflow:hidden;display:grid;place-items:center}.shade-scene:after{content:'';position:absolute;width:70%;height:16px;background:#d4c5ad;bottom:36px;box-shadow:0 25px 35px #9b846a66}.shade{width:65%;height:80%;border:10px solid #fffaf0;border-top-width:17px;box-shadow:10px 15px 30px #75664e33;background:repeating-linear-gradient(to bottom,#c2b39a 0px,#c2b39a 26px,#f6f0de 27px,#f6f0de 44px)}.roller .shade{background:linear-gradient(90deg,#c2b39a,#e0d5be,#c2b39a)}.text-link{border-bottom:1px solid var(--gold);padding-bottom:5px;color:var(--gold);font-size:13px}.process{display:grid;grid-template-columns:1fr 1.5fr;gap:60px;background:#ece6da}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.steps b{font:30px Georgia;color:var(--gold)}.steps h3{font-size:21px}.steps p{font-size:13px}.product{display:grid;grid-template-columns:1fr 1fr;gap:65px}.product .shade-scene{height:570px;position:sticky;top:30px}.breadcrumb{font-size:12px;color:var(--muted);margin-bottom:25px}.sample{font-size:12px;color:#796243;background:#eee7d8;padding:12px 16px;border-left:2px solid var(--gold)}.price{font:28px Georgia;margin:20px 0}.price small{font:12px Arial;color:var(--muted)}label{display:block;font-size:12px;font-weight:600;margin-bottom:16px}input,select,textarea{display:block;width:100%;margin-top:6px;padding:11px;background:#fffdf8;border:1px solid #cfc7b6;border-radius:0;color:var(--ink)}.row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.swatches{display:flex;gap:12px;margin:12px 0 8px}.swatch{width:39px;height:39px;border:3px solid var(--cream);outline:1px solid #cfc7b6;border-radius:50%;background:var(--color)}.swatch[aria-pressed=true]{outline:2px solid var(--gold);outline-offset:3px}.fine{font-size:12px;color:var(--muted)}details{border-bottom:1px solid var(--line);padding:17px 0}summary{cursor:pointer}.quote-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.panel{background:#fffdf8;padding:28px;border:1px solid var(--line)}.window-row{background:var(--cream);padding:22px;margin:20px 0}.window-top{display:flex;justify-content:space-between;margin-bottom:15px}.remove{background:none;border:0;text-decoration:underline;font-size:12px;color:var(--muted)}.check{display:flex;align-items:start;gap:10px;font-weight:400}.check input{width:auto;margin-top:5px}.cart-item{display:flex;gap:25px;align-items:center;border-bottom:1px solid var(--line);padding:24px 0}.cart-item h3{margin:0;font-size:23px}.cart-item .shade-scene{width:100px;height:110px;flex-shrink:0}.cart-item .shade-scene:after{display:none}.cart-item input{width:75px}.cart-item .remove{margin-left:auto}.total{font:25px Georgia;padding:24px 0}.empty{padding:50px;text-align:center}.narrow{max-width:950px;margin:auto}.success{padding:25px;background:#e6eadf;margin-top:25px;overflow-wrap:anywhere}.success pre{white-space:pre-wrap;font:13px/1.6 Arial}footer{background:#e9e2d5;padding:50px 8%;display:grid;gap:15px}footer p{margin:0}footer>small{border-top:1px solid #cfc7b6;padding-top:20px;font-size:11px}#toast{position:fixed;bottom:25px;right:25px;background:var(--ink);color:white;padding:14px 25px;z-index:10;display:none}.terms{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}button:disabled{opacity:.45;cursor:default}@media(max-width:800px){header{padding:20px 5%;gap:18px;flex-wrap:wrap}.brand{font-size:22px}#menu{display:block;margin-left:auto;background:none;border:0}nav{display:none;width:100%;order:5;flex-direction:column;gap:15px;padding:15px 0}nav.open{display:flex}.announcement span{display:none}.hero,.product,.quote-layout,.process{grid-template-columns:1fr}.hero-copy{padding:45px 8%}.hero-art{height:350px}.section{padding:45px 6%}.heading{display:block}.cards{gap:25px}.shade-scene{height:250px}.product{gap:30px}.product .shade-scene{height:350px;position:relative;top:0}.strip{font-size:9px;gap:10px;text-align:center}.steps{gap:15px}.process{gap:20px}.quote-layout{gap:25px}.panel{padding:20px}.terms{grid-template-columns:1fr}.cart-item{gap:15px;flex-wrap:wrap}}@media(max-width:480px){.cards{grid-template-columns:1fr}.row{gap:12px}.window-row{padding:15px}.steps{grid-template-columns:1fr}.steps p{margin-top:5px}.actions>a{width:100%;text-align:center}.cart-item .shade-scene{width:75px;height:90px}.preview{font-size:9px}h1{font-size:46px}.swatches{gap:16px}}
.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px}.photo-tile{border:0;padding:0;background:#e9e2d5;overflow:hidden}.photo-grid img{display:block;width:100%;height:330px;object-fit:cover;transition:transform .3s}.photo-grid button:hover img{transform:scale(1.035)}.photo-tile:focus-visible{outline:3px solid var(--gold);outline-offset:4px}#photo-dialog{max-width:94vw;width:1000px;max-height:94vh;border:1px solid var(--line);padding:45px 20px 15px;background:var(--cream)}#photo-dialog::backdrop{background:#24221fe8}#large-photo{display:block;max-width:100%;width:auto;max-height:72vh;object-fit:contain;margin:auto}.photo-close{position:absolute;top:4px;right:15px;font-size:28px;background:none;border:0;color:var(--ink)}.photo-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:15px}.photo-controls button{background:none;border:1px solid var(--line);padding:8px 15px;color:var(--ink)}@media(max-width:800px){.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.photo-grid img{height:260px}}@media(max-width:480px){.photo-grid img{height:200px}.home-gallery .photo-grid>a:last-child{display:none}.photo-controls{font-size:12px}.photo-controls button{padding:8px}}
/* Supplied BC logo and a quiet mountain backdrop. */
header{padding-top:12px;padding-bottom:12px}.logo-brand{display:block;flex-shrink:0;line-height:0}.logo-brand img{display:block;width:190px;height:auto;mix-blend-mode:multiply}.hero-copy{position:relative;background-image:url('assets/mountains.svg');background-repeat:no-repeat;background-position:center bottom;background-size:100% auto;padding-bottom:105px}footer{position:relative;background-image:url('assets/mountains.svg');background-repeat:no-repeat;background-position:right bottom;background-size:min(750px,100%) auto}footer .logo-brand{width:max-content}footer .logo-brand img{width:245px}@media(max-width:1000px){header{gap:20px}nav{gap:18px}.logo-brand img{width:155px}}@media(max-width:800px){header{padding-top:10px;padding-bottom:10px}.logo-brand img{width:150px}.hero-copy{padding-bottom:95px;background-size:100% auto}footer .logo-brand img{width:220px}}@media(max-width:380px){.logo-brand img{width:125px}header{gap:12px}}
/* Calm coastal BC palette: sage, ivory and a small touch of sea glass. */
:root{--ink:#2c443a;--muted:#5c6e64;--gold:#476b58;--cream:#f6f8f2;--line:#d9e2d6}body{line-height:1.8;background:var(--cream)}header{background:#fafbf6}.announcement{background:#e0e9dc;color:#385442}.preview{background:#edf1e8;color:#5d6d60}.hero-copy{background-color:#f2f5ec;background-image:url('assets/coastal-landscape.svg');padding-bottom:145px;background-size:100% auto}.hero-copy h1{line-height:1.16}.hero-art{background:#d9e3d5}.image-note{background:#f8fbf0eb;color:#466350;font-size:20px}.strip{background:#e7efdf;color:#49654e;letter-spacing:1.3px}.button,button.primary{background:#476b58;border-color:#476b58;border-radius:3px;transition:background .2s}.button:hover,button.primary:hover{background:#355743;border-color:#355743}.secondary{background:#ffffff55;border-radius:3px}.process{background:#e7eee0}.home-gallery{background:linear-gradient(180deg,#f6f8f2,#edf3e9)}.shade-scene{background:linear-gradient(110deg,#d9e3d3,#f2f4e9 65%,#ceddce)}.shade-scene:after{background:#b7c8b1;box-shadow:0 25px 35px #74947b25}.shade{box-shadow:10px 15px 30px #3e624f1a}.panel{background:#fcfdf8}.window-row{background:#eff3e9}input,select,textarea{background:#fcfdf9;border-color:#ccd8c8}.sample{background:#e8efe2;color:#51664e;border-color:#809977}.photo-tile{background:#e0e9dc}.photo-grid img{transition:none}.photo-grid button:hover img{transform:none}footer{background-color:#e2ebdc;background-image:url('assets/coastal-landscape.svg');background-size:min(900px,100%) auto;background-position:right bottom;padding-bottom:105px}footer>small{border-color:#c5d3be}#toast{background:#355743}#photo-dialog{background:#f4f7ee}#photo-dialog::backdrop{background:#1f332ce8}.success{background:#e0ebd9}.text-link{border-bottom-color:#8da89b}@media(min-width:801px){.section{padding-top:90px;padding-bottom:90px}}@media(max-width:800px){.hero-copy{padding-bottom:125px}footer{padding-bottom:85px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.location-section{background:#edf3e9}.location-section>p:not(.eyebrow){max-width:850px}.location-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:35px;margin-top:30px;align-items:start}#service-map{height:450px;background:#dee8d8;border:1px solid var(--line);position:relative;z-index:0}#service-map>p{padding:25px}#service-map iframe{width:100%;height:100%;border:0}.community-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.community-list button{background:#f9fbf5;border:1px solid #c8d5c1;padding:8px 13px;color:var(--ink);font-size:12px;border-radius:20px}.community-list button:hover{background:#dae6d3}.location-layout .panel h3{margin-top:0}#postal-status{font-size:13px;border-left:2px solid var(--gold);padding-left:12px}#postal-status:empty{display:none}#area-enquiry{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}#area-result a{margin-top:10px}.leaflet-container{font-family:Arial,sans-serif}@media(max-width:1000px){nav{gap:12px;font-size:12px}}@media(max-width:800px){.location-layout{grid-template-columns:1fr}#service-map{height:350px}}
.spam-field{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
/* Calm homepage photo slideshow. */
.hero-slideshow{min-height:580px;isolation:isolate}.hero-slideshow .hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity 1.2s ease;z-index:0}.hero-slideshow .hero-slide.is-active{opacity:1;z-index:1}.hero-slideshow .image-note{z-index:2;bottom:88px;left:24px;max-width:calc(100% - 48px);font-size:20px}.slide-controls{position:absolute;z-index:3;bottom:22px;left:24px;right:24px;display:flex;align-items:center;gap:10px;color:#fff}.slide-controls button{background:#294336e8;border:1px solid #ffffff80;color:white;border-radius:3px;min-width:44px;min-height:44px;padding:7px 13px;font-size:13px}.slide-controls button:last-child{margin-left:auto}.slide-count{background:#294336e8;border-radius:3px;padding:9px 14px;font-size:12px}.slide-controls button:hover{background:#1e3429}@media(max-width:800px){.hero-slideshow{height:440px;min-height:440px}.hero-slideshow .image-note{font-size:18px}}@media(prefers-reduced-motion:reduce){.hero-slideshow .hero-slide{transition:none}}

/* Real British Columbia coastal landscape. */
.bc-banner{position:relative;min-height:320px;display:flex;align-items:center;padding:45px 8%;background:#355849 url('bc-coast.jpg') center bottom/cover;color:#fff;isolation:isolate}.bc-banner:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(18,49,35,.66),rgba(18,49,35,.12) 80%)}.bc-banner .eyebrow{color:#e8f0df;margin:0 0 12px}.bc-banner h2{color:#fff;font-size:clamp(34px,4.4vw,60px);line-height:1.15;margin:0;text-shadow:0 2px 18px #17362466}.bc-banner p{color:#f1f5eb;margin:14px 0 0;max-width:480px}.bc-photo-credit{position:absolute;bottom:10px;right:20px;font-size:9px;color:#fff;text-shadow:0 1px 5px #123}.hero-copy{background-image:none;background-color:#f3f6ed;padding-bottom:80px}footer{background-image:linear-gradient(90deg,#e2ebdcf2,#e2ebdcbf),url('bc-coast.jpg');background-size:cover;background-position:center 75%}@media(max-width:800px){.bc-banner{min-height:280px;padding:35px 7%;background-position:58% center}.bc-banner p{font-size:13px;max-width:280px}.bc-photo-credit{font-size:8px}.hero-copy{padding-bottom:45px}}
.bc-banner{background-size:100% 100%;background-position:center}@media(max-width:800px){.bc-banner{background-size:cover;background-position:58% center}}
/* Larger, clearly visible ASAP Blinds branding. */
header .logo-brand img{width:285px}header{padding-top:12px;padding-bottom:12px}footer .logo-brand img{width:300px}@media(max-width:1150px) and (min-width:801px){header{gap:18px;padding-left:4%;padding-right:4%}header .logo-brand img{width:235px}nav{gap:14px;font-size:12px}}@media(max-width:800px){header .logo-brand img{width:225px}header{padding-top:12px;padding-bottom:12px}footer .logo-brand img{width:270px}}@media(max-width:380px){header .logo-brand img{width:200px}header{gap:12px}}