:root{--ink:#202522;--paper:#f6f6f0;--accent:#ff6b3b;--line:#d9dcd2;--muted:#687169}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{width:100%;height:100%;object-fit:cover;display:block}figure{margin:0}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}header{height:88px;padding:0 5%;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:30;background:#f6f6f0f5;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand{display:inline-flex;align-items:center;font-size:29px;font-weight:800;letter-spacing:-1.4px;white-space:nowrap}.brand>span:last-child{color:var(--accent)}.brand-mark{display:flex;gap:4px;margin-right:12px;transform:skewY(-16deg)}.brand-mark i{display:block;width:5px;height:29px;background:var(--ink)}nav{display:flex;align-items:center;gap:36px;font-size:18px;font-weight:600}nav>a:not(.btn):hover{color:var(--accent)}.btn{min-height:52px;padding:14px 23px;display:inline-flex;align-items:center;justify-content:space-between;gap:22px;font-size:18px;font-weight:700;border:0;transition:background .2s,transform .2s}.btn:hover{transform:translateY(-2px)}.orange,.lime{background:var(--accent);color:#202522}.orange:hover,.lime:hover{background:#ff8057}.dark{background:var(--ink);color:white}.btn span{font-size:19px}.menu{display:none}.skip{position:fixed;top:-90px;left:20px;padding:12px;background:var(--accent);z-index:60}.skip:focus{top:10px}.hero{height:680px;min-height:0;color:white;position:relative;background:var(--ink);overflow:hidden}.hero-photo{position:absolute;inset:0}.hero-photo img{object-position:60% center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#131b18d9 0%,#131b1880 50%,#131b1808 100%),linear-gradient(0deg,#10191688,transparent 45%)}.hero-copy{position:relative;padding:120px 6% 70px;max-width:1100px}.eyebrow{display:block;font-size:16px;letter-spacing:2px;font-weight:700;text-transform:uppercase;margin-bottom:18px}.hero .eyebrow{color:#e5eddd}.hero h1{font-size:clamp(57px,6.7vw,105px);line-height:1.02;font-weight:500;letter-spacing:-4.7px;margin:22px 0 27px}.hero h1 em{font-style:normal;color:#e2eabd}.hero-copy p{font-size:19px;line-height:1.8;color:#e5e9df}.actions{display:flex;align-items:center;gap:30px;margin-top:28px}.hero-contact{font-size:18px;border-bottom:1px solid #a7b6a4;padding:12px 0}.hero-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff42;padding:22px 6%;font-size:16px;letter-spacing:1.5px}.hero-bottom .image-credit{letter-spacing:.2px;color:#d3dbd0}.statement{display:flex;justify-content:space-between;gap:20px;align-items:center;background:#e1e8ba;padding:25px 5%;font-size:16px;letter-spacing:1.7px;font-weight:700}.statement i{font-style:normal;font-size:23px;color:#6c794e}.catalog{padding:82px 6% 44px;max-width:1600px;margin:auto}.catalog-intro>div{display:flex;justify-content:space-between;align-items:end;gap:70px}.catalog-intro p{max-width:450px;font-size:18px;color:#627063;margin:0 0 16px;line-height:1.85}h2{font-size:clamp(35px,4.5vw,68px);line-height:1.08;font-weight:500;letter-spacing:-2.9px;margin:0 0 24px}h2 em{font-style:normal;color:#789056}h1{font-size:clamp(46px,6vw,84px);line-height:1.08;font-weight:500;letter-spacing:-3px;margin:10px 0 27px}h3{margin:0 0 10px;font-size:20px;line-height:1.3;font-weight:500}p{margin:0 0 22px}.product-index{margin-top:38px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.product-index a{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 18px;display:flex;align-items:center;gap:14px;font-size:18px;font-weight:600}.product-index a>span{color:#819369;font-size:16px;font-weight:400}.product-index a>b{margin-left:auto;font-size:20px;font-weight:400}.product-index a:hover{background:#e1e8ba}.product-sections{max-width:1600px;margin:auto;padding:0 6% 50px}.product-section{border-top:1px solid var(--line);padding:60px 0 65px;scroll-margin-top:90px}.product-heading{display:grid;grid-template-columns:70px 1fr auto;align-items:start;gap:25px;margin-bottom:32px}.product-number{font-size:18px;color:#738463;padding-top:7px}.product-heading .eyebrow{font-size:16px;letter-spacing:1.2px;color:#78816e;margin-bottom:14px}.product-heading h2{font-size:clamp(33px,3.5vw,52px);letter-spacing:-1.8px;margin-bottom:17px}.product-heading p{max-width:700px;color:#647064;font-size:18px;line-height:1.8;margin:0}.product-link{align-self:end;display:flex;gap:25px;align-items:center;font-size:18px;white-space:nowrap;border-bottom:1px solid #9fa894;padding-bottom:10px}.product-link span{color:var(--accent);font-size:22px}.product-gallery{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:16px;height:330px}.gallery-image{position:relative;display:block;min-width:0;overflow:hidden;border:0;padding:0;background:#e7eae1;text-align:left}.gallery-image img{transition:transform .4s}.gallery-image:hover img{transform:scale(1.04)}.image-tag{position:absolute;bottom:13px;left:13px;color:#fff;background:#202522bb;padding:5px 9px;font-size:16px;letter-spacing:.2px;backdrop-filter:blur(6px)}.expand{position:absolute;top:13px;right:13px;background:#f6f6f0e8;width:31px;height:31px;display:grid;place-items:center;font-size:20px}.process{background:#e1e8ba;padding:82px 6%;display:grid;grid-template-columns:1.2fr 1fr;gap:10%}.process h2{font-size:clamp(36px,3.7vw,56px);letter-spacing:-2px}.process p{font-size:18px;color:#546247}.process ol{list-style:none;padding:0;margin:0}.process li{display:flex;gap:25px;padding:23px 0;border-bottom:1px solid #b8c297}.process li>b{color:#748554;font-size:18px;font-weight:400}.process h3{font-size:22px}.process li p{margin:0;font-size:18px}.facebook-section{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:80px 6%;background:#fff}.facebook-section[hidden]{display:none}#facebook-feed{background:#f4f5f1;min-height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px}#facebook-feed p{font-size:16px;margin-top:16px;text-align:center}#facebook-feed iframe{border:0;width:100%;max-width:500px;height:600px}.quote{padding:80px 6%;background:#202522;color:#f5f6ed;display:grid;grid-template-columns:1fr 1fr;gap:10%}.quote h2{font-size:clamp(37px,3.8vw,57px);letter-spacing:-2px}.quote .eyebrow{color:#e1e8ba}.quote>div>p{color:#c3ccbd;font-size:18px;max-width:400px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dimension-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}label{display:block;font-size:18px;margin-bottom:16px}input,textarea,select{display:block;width:100%;min-width:0;margin-top:7px;padding:13px;border:1px solid #697264;background:#2e3730;color:white;border-radius:0;font-size:18px}input:focus,select:focus,textarea:focus{outline:2px solid #e1e8ba;outline-offset:1px}input::placeholder,textarea::placeholder{color:#adb6a5;font-size:18px}.form-heading{display:flex;justify-content:space-between;gap:15px;margin-bottom:23px;padding-bottom:13px;border-bottom:1px solid #57624f}.form-heading span{font-size:16px;letter-spacing:1.5px;color:#e1e8ba}.form-heading small{font-size:16px;color:#b8c2ad}.form-note{font-size:16px;color:#b9c3b0}.textbtn{background:none;border:0;color:#e1e8ba;font-size:18px;padding:17px 0;display:block}.contact{margin-top:45px;padding-top:26px;border-top:1px solid #57624f}.contact span{font-size:16px;letter-spacing:2px;display:block;color:#bdc8b2}.contact a{font-size:26px;display:block;margin:10px 0}.contact p{font-size:18px;color:#b9c3b0}#form-status{font-size:18px}.page-top{padding-top:64px;padding-bottom:65px}.page-top>p{max-width:680px;color:#647064;font-size:19px}.detail-intro{padding:64px 6%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6%}.detail-intro h1{font-size:clamp(42px,4.6vw,70px)}.detail-intro p{max-width:580px;font-size:18px;color:#647064}.detail-intro figure{height:500px;position:relative}.breadcrumb{display:block;font-size:18px;color:#798271;margin-bottom:35px}.detail-copy{padding:65px 6%;display:grid;grid-template-columns:1fr 1fr;gap:8%;background:#e8ebe0}.detail-copy h2{font-size:47px}.detail-copy p{font-size:18px;color:#647064}.detail-copy+.product-section{margin:0 6%}footer{padding:55px 6% 25px;display:grid;grid-template-columns:1fr .8fr 1fr;gap:45px;background:#f1f2e9}footer .brand{font-size:28px}footer p{font-size:18px;color:#687161;margin-top:18px}footer h3{font-size:18px;margin-bottom:19px}footer>div>a:not(.brand){display:block;font-size:18px;margin-bottom:7px}footer .footer-email{font-size:19px!important;margin-bottom:25px!important}footer small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;font-size:16px;color:#788170}dialog{padding:18px;border:0;background:var(--paper);max-width:94vw;max-height:94vh}dialog::backdrop{background:#111b17e8}dialog img{width:auto;max-width:88vw;max-height:77vh;object-fit:contain}dialog p{margin:10px 0 0;font-size:18px}.close{position:absolute;top:25px;right:25px;background:var(--paper);border:0;width:40px;height:40px;font-size:28px;z-index:2}.section{padding:70px 6%;max-width:1500px;margin:auto}.legal{max-width:900px}.nav-products{position:relative}.nav-panel{position:absolute;top:45px;right:0;background:var(--paper);padding:20px;min-width:350px;display:grid;gap:10px}.mark{margin-right:10px}.related{display:grid;grid-template-columns:1fr 1fr;gap:15px}.spec-list>div{padding:12px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px}.product-hero,.product-info{display:grid;grid-template-columns:1fr 1fr;gap:6%}.product-hero img{height:450px}.product-hero h1{font-size:55px}.muted{color:var(--muted)}
@media(min-width:1600px){.hero-copy{padding-left:calc((100vw - 1408px)/2)}.hero{height:750px}.product-gallery{height:390px}}
@media(max-width:1100px){nav{gap:22px}.hero{height:640px}.hero h1{font-size:78px}.hero-copy{padding-top:120px}.product-heading{grid-template-columns:40px 1fr;gap:20px}.product-link{grid-column:2;justify-self:start;align-self:start}.product-gallery{height:290px}.product-heading h2{font-size:43px}.product-index a{font-size:18px;padding:18px 13px;gap:9px}.process{gap:6%}.quote{gap:6%}.detail-intro figure{height:450px}footer{gap:25px}.contact a{font-size:23px}}
@media(max-width:760px){html{scroll-padding-top:75px}header{height:73px;padding:0 5%}.brand{font-size:26px}.brand-mark{gap:3px;margin-right:9px}.brand-mark i{height:25px;width:4px}.menu{display:block;border:1px solid var(--line);background:none;padding:8px 10px;font-size:16px}nav{display:none;position:absolute;top:73px;left:0;right:0;flex-direction:column;align-items:stretch;background:var(--paper);border-bottom:1px solid var(--line);padding:24px 5%;gap:23px}nav.open{display:flex}.hero{height:610px}.hero-copy{padding:95px 6% 60px}.hero h1{font-size:clamp(43px,10.6vw,76px);letter-spacing:-2.4px;line-height:1.07}.hero-copy p{font-size:18px;max-width:310px}.hero-overlay{background:linear-gradient(90deg,#131b18d9,#131b1842),linear-gradient(0deg,#131b18aa,transparent 60%)}.hero-photo img{object-position:62% center}.hero .eyebrow{font-size:16px;letter-spacing:1.3px}.hero-bottom{padding:18px 6%;font-size:16px;gap:10px;align-items:center;flex-wrap:wrap}.hero-bottom>span:nth-child(2){display:none}.hero-bottom .image-credit{font-size:16px}.actions{gap:23px;flex-wrap:wrap}.btn{font-size:18px;padding:13px 18px;min-height:49px}.hero-contact{font-size:16px}.statement{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:21px 6%;font-size:16px;letter-spacing:1px}.statement i{display:none}.catalog{padding:54px 6% 28px}.catalog-intro>div{display:block}h2{font-size:42px;letter-spacing:-1.9px}.catalog-intro p{font-size:18px;margin-top:22px}.product-index{grid-template-columns:1fr 1fr;margin-top:28px}.product-index a{padding:16px 12px;line-height:1.4;font-size:16px;gap:8px}.product-index a>b{font-size:18px}.product-index a>span{font-size:16px}.product-sections{padding:0 6% 20px}.product-section{padding:39px 0 43px;scroll-margin-top:74px}.product-heading{grid-template-columns:24px 1fr;gap:12px;margin-bottom:23px}.product-number{font-size:16px;padding-top:4px}.product-heading .eyebrow{font-size:16px;letter-spacing:.8px;line-height:1.6;margin-bottom:11px}.product-heading h2{font-size:clamp(29px,7.6vw,43px);letter-spacing:-1.2px;margin-bottom:14px;overflow-wrap:anywhere}.product-heading p{font-size:18px;line-height:1.8}.product-link{font-size:16px;padding-bottom:5px;gap:25px}.product-gallery{grid-template-columns:1fr 1fr;grid-template-rows:280px 150px;height:auto;gap:10px}.gallery-image:first-child{grid-column:span 2}.image-tag{font-size:16px;bottom:9px;left:9px;padding:4px 6px}.expand{width:26px;height:26px;font-size:19px;top:9px;right:9px}.process{padding:56px 6%;grid-template-columns:1fr;gap:35px}.process h2{font-size:38px;letter-spacing:-1.7px}.process p{font-size:18px}.process h3{font-size:20px}.process li{padding:20px 0}.quote{grid-template-columns:1fr;padding:55px 6%;gap:35px}.quote h2{font-size:39px}.quote>div>p{font-size:18px}.quote .btn{width:100%}.fields{gap:11px}.dimension-fields{gap:8px}.dimension-fields input{padding:12px 8px}.form-heading{flex-direction:column;gap:5px}.contact{margin-top:25px}.contact a{font-size:24px}.facebook-section{grid-template-columns:1fr;padding:55px 6%;gap:30px}.page-top{padding-top:42px;padding-bottom:40px}h1{font-size:46px;letter-spacing:-2px}.page-top>p{font-size:18px}.detail-intro{grid-template-columns:1fr;padding:40px 6%;gap:30px}.detail-intro h1{font-size:43px}.detail-intro figure{height:350px}.detail-intro p{font-size:18px}.detail-copy{grid-template-columns:1fr;padding:45px 6%;gap:5px}.detail-copy h2{font-size:37px}.detail-copy p{font-size:18px}.breadcrumb{margin-bottom:25px;font-size:16px}footer{grid-template-columns:1fr;gap:25px;padding:40px 6% 24px}footer small{grid-column:1;font-size:16px}footer .footer-email{font-size:22px!important}.product-hero,.product-info{grid-template-columns:1fr}.product-hero h1{font-size:43px}.section{padding:50px 6%}.related{grid-template-columns:1fr}.nav-panel{position:static;min-width:0;padding:15px 0}.product-gallery .gallery-image img{object-position:center}}
@media(max-width:370px){.hero h1{font-size:40px}.hero{height:590px}.brand{font-size:23px}.product-index{grid-template-columns:1fr}.product-gallery{grid-template-rows:240px 130px}.fields{grid-template-columns:1fr}.dimension-fields{grid-template-columns:1fr}.product-heading h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Architectural editorial direction */
:root{--ink:#252724;--paper:#faf9f6;--accent:#b18a1c;--line:#deddd6;--muted:#70716a}body{font-family:Arial,Helvetica,sans-serif;line-height:1.65}header{height:82px;background:#faf9f6f5;padding:0 4.5%}.brand{font-size:25px;letter-spacing:-1px;font-weight:700}.brand-mark{gap:4px;transform:none}.brand-mark i{width:3px;height:26px}.brand-mark i:nth-child(2){height:32px}.brand-mark i:nth-child(3){height:23px}.brand>span:last-child{color:var(--accent)}nav{gap:30px;font-size:18px}.btn{border-radius:2px;font-size:18px;font-weight:500;letter-spacing:.3px;min-height:50px}.orange,.lime{background:var(--accent);color:white}.orange:hover,.lime:hover{background:#8c583b}.eyebrow{font-size:16px;letter-spacing:1.8px;line-height:1.7;color:#74766c}h1,h2{font-weight:400;letter-spacing:-2.4px}h2 em,.reference-intro em{font-family:Georgia,serif;font-weight:400;font-style:italic;color:var(--accent)}h2{font-size:clamp(34px,3.9vw,58px);line-height:1.16}h3{font-weight:400}.premium-hero{position:relative;height:690px;max-height:850px;min-height:580px;margin:20px 24px 0;overflow:hidden;background:#292823;color:#fff}.hero-image{position:absolute;inset:0;object-position:65% 52%}.premium-shade{position:absolute;inset:0;background:linear-gradient(90deg,#161916b8 0%,#171b1750 52%,#16191600 80%),linear-gradient(0deg,#15191688,transparent 30%)}.premium-copy{position:relative;padding:120px 5.5% 100px;max-width:890px}.premium-copy .eyebrow{color:#f3ebdf;font-size:16px;letter-spacing:2.2px}.premium-copy h1{font-size:clamp(44px,4.8vw,72px);line-height:1.14;letter-spacing:-2.7px;margin:30px 0 27px}.premium-copy h1 em{font-family:Georgia,serif;color:#f4e6d3;font-style:italic;font-weight:400;letter-spacing:-2.1px}.premium-copy p{color:#e7e7df;max-width:450px;font-size:18px;line-height:1.85}.premium-copy .actions{gap:27px;margin-top:33px}.premium-copy .btn{min-height:54px;padding:15px 24px}.hero-contact{font-weight:400;font-size:18px;border-bottom:1px solid #ffffff55}.premium-bottom{position:absolute;bottom:0;left:5.5%;right:5.5%;display:flex;justify-content:space-between;padding:23px 0;border-top:1px solid #ffffff36;font-size:16px;letter-spacing:1.6px;color:#e5e7df}.editorial-intro{padding:95px 6% 92px;max-width:1600px;margin:auto;display:grid;grid-template-columns:1.3fr 1fr;column-gap:9%}.editorial-intro>.eyebrow{grid-column:1/-1;margin-bottom:25px}.editorial-intro h2{font-size:clamp(33px,3.6vw,54px);max-width:660px;margin:0}.editorial-intro p{color:#70716a;font-size:18px;max-width:470px;line-height:1.9}.material-notes{display:flex;flex-wrap:wrap;gap:16px;margin-top:29px;padding-top:20px;border-top:1px solid var(--line);font-size:16px;color:var(--accent)}.material-notes b{color:#50544a;font-weight:400;margin-left:8px;font-size:16px}.premium-products{padding:80px 6% 90px;background:#eeeee8}.section-title{display:flex;justify-content:space-between;align-items:end;gap:40px;margin:0 auto 40px;max-width:1408px}.section-title h2{margin-bottom:0}.section-title>p{font-size:18px;color:#70716a;margin:0}.product-cards{display:grid;grid-template-columns:1fr 1fr;gap:45px 36px;max-width:1408px;margin:auto}.product-card{background:var(--paper);padding:28px 28px 23px;scroll-margin-top:105px;min-width:0}.card-topline{display:flex;justify-content:space-between;color:#8e7968;font-size:16px;letter-spacing:1.4px;text-transform:uppercase;margin-bottom:22px}.product-card h3{font-size:clamp(23px,2.25vw,34px);letter-spacing:-1px;margin:0 0 15px;line-height:1.2;overflow-wrap:anywhere}.product-card h3 a{display:flex;justify-content:space-between;gap:20px;align-items:center}.product-card h3 a>span{font-size:23px;color:var(--accent);flex-shrink:0}.product-card>p{font-size:18px;line-height:1.85;color:#73766c;max-width:510px;min-height:74px;margin:0 0 24px}.card-photos{display:grid;grid-template-columns:1fr 1fr;gap:10px}.card-photos>.gallery-image:first-child{grid-column:span 2;aspect-ratio:1.6}.card-photos>.gallery-image:not(:first-child){aspect-ratio:2.4}.gallery-image{background:#ddded7}.image-tag{font-size:16px;padding:4px 7px;background:#282c27aa;left:11px;bottom:11px}.expand{width:29px;height:29px;border-radius:50%;font-size:19px;right:11px;top:11px;background:#faf9f6df}.card-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:17px;margin-top:23px;font-size:16px;font-weight:500}.card-link>span{font-size:18px;color:var(--accent)}.no-top{padding-top:0}.reference-preview{padding:85px 6%;max-width:1600px;margin:auto}.reference-preview .card-link{min-width:180px}.reference-preview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.reference-preview-grid .reference-item .gallery-image{aspect-ratio:.8}.reference-item{min-width:0;margin:0;break-inside:avoid}.reference-item .gallery-image{width:100%;aspect-ratio:1}.reference-item figcaption{padding:13px 0 22px;display:flex;justify-content:space-between;gap:10px;font-size:16px;line-height:1.5;color:#52574d}.reference-item small{font-size:16px;color:#93948b;white-space:nowrap}.source-note{font-size:16px;color:#84877b;margin-top:30px;line-height:1.8}.source-note a{border-bottom:1px solid var(--line)}.reference-intro{padding:70px 6% 60px;border-bottom:1px solid var(--line)}.reference-intro>div{display:flex;align-items:end;justify-content:space-between;gap:70px}.reference-intro h1{font-size:clamp(42px,5vw,75px);line-height:1.12;margin:10px 0 0}.reference-intro p{max-width:400px;color:#77796f;font-size:18px;line-height:1.9;margin-bottom:8px}.reference-gallery{padding:0 6% 70px;max-width:1600px;margin:auto}.reference-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:28px 0 38px}.reference-filters{display:flex;gap:8px;flex-wrap:wrap}.reference-filters button{background:transparent;border:1px solid var(--line);border-radius:2px;padding:9px 16px;color:#63675d;font-size:16px}.reference-filters button:hover{border-color:var(--accent)}.reference-filters button.active{background:var(--ink);border-color:var(--ink);color:white}#reference-count{font-size:16px;color:#858779;white-space:nowrap}.reference-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 24px;align-items:start}.reference-item[hidden]{display:none}.reference-grid .reference-item .gallery-image{aspect-ratio:1.12}.reference-grid .reference-item:nth-child(7n+1) .gallery-image{aspect-ratio:.88}.process{background:#e8e6de;gap:10%;padding:80px 6%;border-top:1px solid #d6d3c8}.process h2{font-size:clamp(34px,3.5vw,51px);font-weight:400;line-height:1.16}.process p{color:#717267;font-size:18px}.process li{border-bottom-color:#cccac0;padding:26px 0}.process li>b{color:var(--accent)}.process h3{font-size:20px;font-weight:400}.process li p{font-size:18px}.quote{background:#242923}.quote .eyebrow,.form-heading span{color:#d4c18c}.quote h2{font-weight:400;line-height:1.16}.quote>div>p{font-size:18px}.form-note{line-height:1.7}.textbtn{color:#d4b295}.contact a{font-size:24px}.contact span{color:#d4c18c}input,textarea,select{background:#30352f;border-color:#555d50}.fields input{min-height:48px}.detail-copy{background:#eeeee8}.detail-copy h2{font-size:42px}.product-number,.product-heading .eyebrow{color:#b18a1c}.product-heading h2{font-weight:400}.product-link{border-bottom-color:#b5a493}.detail-intro .eyebrow{color:#b18a1c}.product-index a:hover{background:#e9e5db}.product-index a>span{color:var(--accent)}footer{background:#f2f1ec;border-top:1px solid var(--line);padding:65px 6% 25px}footer .brand{font-size:25px}footer h3{font-weight:400;font-size:18px}footer small{color:#8d9084}dialog{border-radius:2px;padding:16px}dialog .close{border-radius:50%;width:35px;height:35px;top:25px;right:25px;font-size:23px}dialog img{max-height:76vh;max-width:86vw}dialog p{padding:7px 80px 0 0;font-size:16px;margin:0}.lightbox-prev,.lightbox-next{position:absolute;top:45%;height:38px;width:38px;border:0;border-radius:50%;background:#faf9f6e8;font-size:23px;z-index:2}.lightbox-prev{left:26px}.lightbox-next{right:26px}.lightbox-counter{position:absolute;right:20px;bottom:18px;font-size:16px;color:#74766c}.facebook-section{background:var(--paper)}
@media(min-width:1600px){.premium-copy{padding-left:calc((100vw - 1408px)/2 - 24px)}.premium-hero{height:750px}.premium-copy h1{font-size:76px}}
@media(max-width:1100px){.premium-hero{height:650px;margin:16px}.premium-copy{padding:110px 6% 90px;max-width:750px}.premium-copy h1{font-size:57px}.editorial-intro{column-gap:5%}.editorial-intro h2{font-size:40px}.product-card{padding:23px}.product-card h3{font-size:28px}.product-card>p{min-height:97px}.reference-preview-grid{gap:13px}.reference-item figcaption{flex-direction:column;gap:4px}.reference-intro>div{gap:40px}.reference-intro p{max-width:330px}.reference-grid{gap:14px 20px}.reference-filters button{padding:8px 12px;font-size:16px}}
@media(max-width:760px){header{height:72px;padding:0 5%}nav{top:72px;background:var(--paper)}.brand{font-size:23px}.brand-mark i{width:3px}.premium-hero{margin:10px;height:600px;min-height:0}.premium-copy{padding:85px 6% 85px;max-width:100%}.premium-copy h1{font-size:clamp(37px,8.8vw,60px);letter-spacing:-1.6px;line-height:1.17;margin:25px 0}.premium-copy h1 em{letter-spacing:-1.5px}.premium-copy p{max-width:325px;font-size:18px;line-height:1.9}.premium-copy .eyebrow{font-size:16px;letter-spacing:1.5px}.premium-copy .actions{gap:19px;flex-wrap:wrap}.premium-copy .btn{font-size:16px;min-height:49px;padding:13px 18px}.premium-bottom{font-size:16px;letter-spacing:1px;padding:18px 0;gap:15px}.premium-shade{background:linear-gradient(90deg,#151b17cc,#181c1870),linear-gradient(0deg,#15191655,transparent)}.hero-image{object-position:56% center}.editorial-intro{grid-template-columns:1fr;padding:52px 6%;gap:22px}.editorial-intro>.eyebrow{margin-bottom:0}.editorial-intro h2{font-size:35px;letter-spacing:-1.4px}.editorial-intro p{font-size:18px;margin-bottom:0}.material-notes{margin-top:23px;gap:12px;font-size:16px}.material-notes b{font-size:16px;margin-left:5px}.premium-products{padding:50px 6%;}.no-top{padding-top:0}.section-title{display:block;margin-bottom:30px}.section-title h2{font-size:35px;letter-spacing:-1.5px}.section-title>p{font-size:18px;margin-top:18px}.product-cards{grid-template-columns:1fr;gap:24px}.product-card{padding:22px 20px 20px}.product-card h3{font-size:29px}.card-topline{font-size:16px;margin-bottom:18px}.product-card>p{min-height:0;margin-bottom:22px;font-size:18px}.card-photos{gap:8px}.card-photos>.gallery-image:first-child{aspect-ratio:1.25}.card-photos>.gallery-image:not(:first-child){aspect-ratio:1.65}.card-link{font-size:16px;margin-top:18px}.reference-preview{padding:52px 6%}.reference-preview .section-title .card-link{max-width:250px;margin-top:25px}.reference-preview-grid{grid-template-columns:1fr 1fr;gap:15px}.reference-preview-grid .reference-item .gallery-image{aspect-ratio:.9}.reference-item figcaption{font-size:16px;padding:10px 0 17px}.reference-item small{font-size:16px}.reference-intro{padding:42px 6% 32px}.reference-intro>div{display:block}.reference-intro h1{font-size:43px;letter-spacing:-1.8px}.reference-intro p{font-size:18px;max-width:500px;margin-top:24px}.reference-gallery{padding:0 6% 45px}.reference-toolbar{align-items:start;flex-direction:column;gap:14px;padding:25px 0 27px}.reference-filters{gap:6px}.reference-filters button{font-size:16px;padding:8px 11px}.reference-grid{grid-template-columns:1fr 1fr;gap:10px 12px}.reference-grid .reference-item .gallery-image,.reference-grid .reference-item:nth-child(7n+1) .gallery-image{aspect-ratio:.95}.reference-grid .reference-item figcaption span{font-size:16px}.reference-grid .expand{height:25px;width:25px;right:8px;top:8px}.source-note{margin-top:20px;font-size:16px}.process{padding:52px 6%}.process h2{font-size:36px;letter-spacing:-1.5px}.process p{font-size:18px}.process h3{font-size:19px}.process li p{font-size:18px}.quote h2{font-size:37px;letter-spacing:-1.5px}.detail-copy h2{font-size:35px}.detail-intro h1{font-size:40px;overflow-wrap:anywhere}.contact a{font-size:23px}footer{padding:42px 6% 23px}.lightbox-prev{left:21px}.lightbox-next{right:21px}dialog img{max-width:85vw}.premium-products .image-tag{font-size:16px}.product-heading .eyebrow{font-size:16px}}
@media(max-width:380px){.premium-copy{padding-top:64px}.premium-copy h1{font-size:35px}.premium-hero{height:600px}.material-notes{flex-direction:column}.product-card{padding:18px}.product-card h3{font-size:26px}.reference-grid{grid-template-columns:1fr}.reference-grid .reference-item figcaption{flex-direction:row}.reference-grid .reference-item .gallery-image{aspect-ratio:1.1}.premium-bottom>span:first-child{max-width:175px}.section-title h2{font-size:32px}}
/* Product guidance and purchasing flow */
.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:27px 6%;gap:28px;border-bottom:1px solid var(--line);font-size:18px}.trust-strip small{display:block;font-size:16px;color:#838679;margin-top:5px}.compact-products{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 25px;max-width:1408px;margin:auto}.compact-product{min-width:0;background:var(--paper);padding-bottom:20px}.compact-image{position:relative;aspect-ratio:1.35;overflow:hidden}.compact-image img{transition:transform .4s}.compact-product:hover img{transform:scale(1.035)}.compact-product>div:not(.compact-image){display:flex;align-items:start;gap:10px;padding:22px 20px 0}.compact-product>div>span{font-size:16px;color:var(--accent);padding-top:5px}.compact-product h3{font-size:24px;letter-spacing:-.8px;flex:1;line-height:1.23}.compact-product b{color:var(--accent);font-weight:400;font-size:21px}.compact-product>p{font-size:18px;line-height:1.85;color:#74776c;padding:0 20px;margin:0}.selector-teaser{padding:78px 6%;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;background:#e6e4db}.selector-teaser p{max-width:470px;font-size:18px;color:#73766b}.teaser-pattern{position:relative;height:340px;display:flex;justify-content:space-evenly;padding:35px;background:linear-gradient(120deg,#c9c6b9,#eee9dc);border-bottom:20px solid #aaa594;box-shadow:0 20px 35px #2a2c2220}.teaser-pattern i{width:13px;height:100%;background:linear-gradient(90deg,#323832,#576052);box-shadow:10px 6px 9px #282c2830}.teaser-pattern>span{position:absolute;bottom:8px;left:35px;font-size:16px;letter-spacing:2px;color:#73776c}.company-teaser{padding:75px 6%;display:grid;grid-template-columns:1.2fr 1fr;gap:30px 12%;background:var(--paper)}.company-teaser>.eyebrow{grid-column:1/-1;margin-bottom:0}.company-teaser p{font-size:18px;color:#73776c;max-width:620px}.company-teaser .card-link{max-width:250px}.verified-contact>a{display:block;font-size:23px;line-height:1.8;overflow-wrap:anywhere}.verified-contact p{font-size:18px;margin-top:15px;color:#83897c}.quote .verified-contact{margin-top:38px}.quote .verified-contact>a{color:#f4f1e9}.quote .verified-contact p{color:#b3bcaa}.optional-details{border-top:1px solid #55604f;border-bottom:1px solid #55604f;margin:18px 0}.optional-details summary{cursor:pointer;display:flex;justify-content:space-between;list-style:none;padding:17px 0;font-size:18px;color:#d2ba9f}.optional-details[open] summary{margin-bottom:15px}.upload-label{padding:15px;border:1px dashed #6e7766;margin-top:15px;font-size:18px}.upload-label input{border:0;padding:8px 0;background:none;font-size:16px}.upload-label small{font-size:16px;line-height:1.6;color:#b6beac}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.quote button[type=submit]{width:100%;justify-content:center}.quote button:disabled{opacity:.6;cursor:wait}.form-note a{border-bottom:1px solid #89947f}#form-status{margin:18px 0;line-height:1.8}#form-status.success{padding:18px;background:#354831;color:#e9f3df}#configuration-summary{font-size:16px;padding:14px;background:#394334;color:#e3dacb;line-height:1.7;margin:14px 0}.buyer-details{padding:70px 6%;display:grid;grid-template-columns:1fr 1fr;gap:8%;background:#eeeee8}.buyer-details p,.buyer-measure p{font-size:18px;color:#70766a;max-width:570px;line-height:1.9}.buyer-details dl{margin:0}.buyer-details dl>div{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px;padding:18px 0;border-bottom:1px solid #d4d5cb;font-size:18px}.buyer-details dt{font-weight:500}.buyer-details dd{margin:0;color:#797e71;line-height:1.8}.buyer-measure{padding:70px 6%;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.buyer-measure h2{font-size:43px}.measurement-diagram{background:#eeeee8;padding:20px;min-width:0}.measurement-diagram svg{width:100%;height:auto;display:block;font-size:18px;font-family:Arial,sans-serif;fill:#535b4f}.measurement-diagram figcaption{font-size:16px;text-align:center;color:#858a7c;margin:5px 0}.detail-examples{padding:15px 6% 75px}.case-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 25px;padding:50px 6% 70px}.case-card{min-width:0}.case-card>img{aspect-ratio:1.2;height:auto}.case-card>span{font-size:16px;letter-spacing:1.6px;color:var(--accent);text-transform:uppercase;display:block;margin-top:19px}.case-card h3{font-size:24px;margin:12px 0}.case-card p{font-size:18px;line-height:1.8;color:#74796a;margin:0}.case-intro{padding:60px 6% 40px}.case-intro h1{max-width:950px}.case-intro p{max-width:620px;color:#717969;font-size:18px}.case-detail{display:grid;grid-template-columns:1.1fr 1fr;padding:20px 6% 70px;gap:8%;align-items:center}.case-detail>.gallery-image{aspect-ratio:.95}.case-detail h2{font-size:43px}.case-detail p{font-size:18px;color:#747a6c}.guide-cards{padding:10px 6% 65px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.guide-card{padding:32px;background:#eeeee8;min-width:0}.guide-card>span{color:var(--accent);font-size:16px}.guide-card h3{font-size:28px;margin:23px 0 17px}.guide-card p{font-size:18px;color:#74796c}.guide-card b{font-size:16px;font-weight:400;color:var(--accent)}.faq-section{padding:60px 6% 75px;background:#eeeee8}.faq-section details{max-width:1000px;border-bottom:1px solid #d2d5c9}.faq-section summary{cursor:pointer;list-style:none;padding:22px 0;display:flex;justify-content:space-between;gap:20px;font-size:19px}.faq-section details p{font-size:18px;max-width:780px;color:#747a6b;line-height:1.9;margin-bottom:23px}.article-shell{max-width:950px;padding:60px 6% 75px;margin:auto}.article-shell h1{font-size:56px}.article-shell h2{font-size:29px;letter-spacing:-.8px;margin-top:35px}.article-shell p{font-size:18px;color:#717969;line-height:1.9}.article-shell .article-lead{font-size:18px}.article-shell .measurement-diagram{margin:35px 0}.configurator{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;padding:15px 6% 75px;align-items:start}.config-controls{background:#eeeee8;padding:30px;min-width:0}.config-controls label,.config-controls legend{color:#51594d;font-size:18px}.config-controls input,.config-controls select{background:#faf9f6;color:#252724;border-color:#ced2c4;font-size:18px}.config-controls fieldset{border:0;padding:0;margin:0 0 22px;min-width:0}.config-controls legend{margin-bottom:10px}.config-controls input[type=range]{padding:0;accent-color:var(--accent);background:none;border:0}.config-controls label output{float:right;color:var(--accent);font-size:16px}.segmented{display:flex;border:1px solid #c8cdbf}.segmented button{flex:1;padding:12px;border:0;background:transparent;font-size:18px;color:#737b6a}.segmented button.active{background:#313a2d;color:#fff}.colour-options{display:flex;gap:13px}.colour-options button{width:34px;height:34px;border:3px solid #eeeee8;border-radius:50%;background:var(--swatch);outline:1px solid #c8cdbf}.colour-options button.active{outline:2px solid var(--accent);outline-offset:3px}.selector-note{font-size:16px!important;color:#8b8d81;line-height:1.8;margin:20px 0}.config-controls .btn{width:100%;justify-content:center;font-size:16px}.config-stage{min-width:0}.config-display{height:480px;position:relative;display:flex;justify-content:center;align-items:center;padding:40px;background:linear-gradient(160deg,#e3e0d4 0%,#f5f1e7 65%);overflow:hidden}.preview-context{position:absolute;inset:0;background:linear-gradient(90deg,transparent 68%,#c9c6b850 68%)}.preview-context>span{position:absolute;top:22px;left:25px;font-size:16px;letter-spacing:2px;color:#848775}.preview-ground{position:absolute;bottom:0;left:0;right:0;height:45px;background:#b9b4a650;transform:skewY(-5deg);transform-origin:left}.slat-frame{display:flex;position:relative;justify-content:space-evenly;align-items:stretch;max-height:350px;width:100%;max-width:480px;border:8px solid var(--slat-colour);padding:7px;background:#c8cfbf33;box-shadow:25px 18px 35px #3e423221;z-index:1}.slat-frame>i{display:block;flex:0 0 calc(100% / 30 * var(--slat-ratio));flex-grow:var(--slat-ratio);max-width:calc(100% / 5);background:var(--slat-colour);box-shadow:7px 5px 7px #1e241929}.slat-frame.horizontal{flex-direction:column}.slat-frame.horizontal>i{max-width:none;min-height:3px;flex-basis:3px;width:100%;box-shadow:6px 6px 7px #1e241929}.config-summary{font-size:18px;line-height:1.9;padding:19px 0;border-bottom:1px solid var(--line);color:#5d6557}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}.compare-grid[hidden]{display:none}.mini-preview{position:relative;height:180px;background:#e5e4db;display:flex;justify-content:space-evenly;padding:17px;border:5px solid var(--slat-colour);gap:4px}.mini-preview>i{background:var(--slat-colour);flex:1}.mini-preview.horizontal{flex-direction:column}.admin-shell{max-width:1050px;margin:auto;padding:45px 6%}.admin-shell h1{font-size:43px}.admin-shell>.eyebrow{margin-top:40px}.admin-shell p{font-size:18px;color:#70796a}.inquiry-card{background:#eeeee8;padding:30px;margin-top:25px}.inquiry-card h2{font-size:28px}.inquiry-card dl{display:grid;grid-template-columns:160px 1fr;gap:12px 20px;font-size:18px}.inquiry-card dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.inquiry-card dt{color:#808875}.attachment-link{display:block;font-size:18px;margin:15px 0;color:#976748}.delete-inquiry{border:0;background:none;color:#895448;display:block;margin-top:20px;font-size:16px}.inquiry-card .btn{margin-top:20px}.config-controls input:focus,.config-controls select:focus{outline-color:var(--accent)}
@media(max-width:1100px){.compact-products{grid-template-columns:1fr 1fr}.compact-product h3{font-size:24px}.trust-strip{gap:20px;font-size:16px}.configurator{gap:30px}.config-controls{padding:22px}.config-display{height:400px;padding:25px}.slat-frame{max-height:310px}.case-card h3{font-size:21px}}
@media(max-width:1000px){header{height:72px}.menu{display:block;border:1px solid var(--line);background:none;padding:8px 10px;font-size:16px}nav{display:none;position:absolute;top:72px;left:0;right:0;flex-direction:column;align-items:stretch;background:var(--paper);border-bottom:1px solid var(--line);padding:24px 5%;gap:20px}nav.open{display:flex}}
@media(max-width:760px){.premium-copy h1{font-size:clamp(34px,8vw,55px)}.trust-strip{grid-template-columns:1fr 1fr;padding:24px 6%;gap:21px 15px}.trust-strip small{font-size:16px;line-height:1.6}.compact-products{grid-template-columns:1fr;gap:25px}.compact-image{aspect-ratio:1.4}.compact-product h3{font-size:28px}.compact-product>p{font-size:18px}.selector-teaser{grid-template-columns:1fr;gap:35px;padding:50px 6%}.selector-teaser h2{font-size:36px}.teaser-pattern{height:260px;padding:25px}.teaser-pattern i{width:9px}.company-teaser{padding:50px 6%;grid-template-columns:1fr;gap:25px}.company-teaser>.eyebrow{grid-column:1}.company-teaser h2{font-size:36px}.company-teaser p{font-size:18px}.verified-contact>a{font-size:22px}.quote .verified-contact{margin-top:25px}.buyer-details,.buyer-measure{grid-template-columns:1fr;padding:45px 6%;gap:30px}.buyer-details h2,.buyer-measure h2{font-size:35px}.buyer-details p,.buyer-measure p{font-size:18px}.buyer-details dl>div{font-size:16px;gap:14px}.detail-examples{padding:0 6% 45px}.case-cards{grid-template-columns:1fr 1fr;gap:26px 17px;padding:35px 6% 50px}.case-card h3{font-size:19px}.case-card>span{font-size:16px;line-height:1.8}.case-card p{font-size:16px}.case-intro{padding:40px 6% 20px}.case-intro h1{font-size:43px}.case-detail{grid-template-columns:1fr;padding:15px 6% 45px;gap:30px}.case-detail h2{font-size:35px}.case-detail p{font-size:18px}.guide-cards{grid-template-columns:1fr;padding-bottom:40px}.guide-card{padding:25px}.guide-card h3{font-size:25px}.faq-section{padding:45px 6%}.faq-section h2{font-size:35px}.faq-section summary{font-size:18px;padding:20px 0}.faq-section details p{font-size:18px}.article-shell{padding:40px 6% 50px}.article-shell h1{font-size:42px}.article-shell h2{font-size:27px}.article-shell p{font-size:18px}.article-shell .article-lead{font-size:18px}.configurator{grid-template-columns:1fr;padding:0 6% 45px;gap:28px}.config-controls{padding:24px}.config-stage{grid-row:1}.config-display{height:340px;padding:25px}.slat-frame{max-height:260px}.config-summary{font-size:16px}.compare-grid{gap:12px}.mini-preview{height:140px;padding:10px}.selector-note{font-size:16px!important}.config-controls label{font-size:18px}.config-controls .fields{grid-template-columns:1fr 1fr}.admin-shell h1{font-size:35px}.inquiry-card{padding:20px}.inquiry-card dl{grid-template-columns:1fr;gap:5px}.inquiry-card dd{margin-bottom:13px;font-size:18px}.inquiry-card h2{font-size:27px}.upload-label{padding:12px}.upload-label small{font-size:16px}}
@media(max-width:380px){.case-cards{grid-template-columns:1fr}.compact-product h3{font-size:25px}.trust-strip{grid-template-columns:1fr 1fr}.config-display{height:300px}.config-controls{padding:18px}}
.slat-frame>i{flex:0 0 calc(100% / var(--slat-count) * var(--slat-ratio));max-width:none}.slat-frame.horizontal>i{flex:0 0 calc(100% / var(--slat-count) * var(--slat-ratio));min-height:1px}.mini-preview>i{flex:0 0 calc(100% / var(--slat-count) * var(--slat-ratio))}.mini-preview>span{position:absolute;bottom:-20px;left:0;font-size:16px;color:#78806c}.compare-grid{margin-bottom:30px}

/* Single product studies stay large and intentional. */
.product-gallery:has(> :only-child),.card-photos:has(> :only-child){grid-template-columns:1fr}.product-gallery:has(> :only-child) .gallery-image{max-width:1050px;width:100%;margin:auto}.product-gallery:has(> :only-child) img{aspect-ratio:3/2;object-fit:cover;height:auto}
/* Interactive solid 3D product studio. */
.configurator{grid-template-columns:minmax(280px,.65fr) minmax(0,1.35fr);gap:34px;padding-top:0}.config-controls{background:#efeee7;border:1px solid #dedfd4;border-radius:4px;padding:28px}.config-panel-title{border-bottom:1px solid #d7dace;margin-bottom:24px;padding-bottom:19px}.config-panel-title .eyebrow{font-size:16px;margin-bottom:10px}.config-panel-title h2{font-size:27px;letter-spacing:-1px;margin:0}.config-controls select{width:100%;padding:13px 12px;border:1px solid #cbd0c1;border-radius:0;appearance:auto}.config-controls label{display:block;margin-bottom:20px}.config-controls label input{margin-top:8px;width:100%;box-sizing:border-box}.config-controls input[type=range]{height:22px;cursor:pointer}.config-stage{position:sticky;top:100px}.config-viewer{position:relative;border:1px solid #dadccf;border-radius:4px;overflow:hidden;background:#e7e7de}.config-viewer canvas{display:block;width:100%;height:560px;touch-action:none;cursor:grab;outline-offset:-4px}.config-viewer canvas.dragging{cursor:grabbing}.viewer-topbar{position:absolute;z-index:1;top:22px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;color:#66705d;font-size:16px;gap:15px}.viewer-topbar>span:first-child{font-size:16px;letter-spacing:2px;font-weight:600}.viewer-topbar i{display:inline-block;width:6px;height:6px;background:#a8734d;border-radius:50%;margin-right:8px}.viewer-bottom{position:absolute;bottom:18px;left:24px;right:20px;display:flex;align-items:center;justify-content:space-between;pointer-events:none;gap:12px}.viewer-bottom>span{font-size:16px;line-height:1.8;color:#737d69}.viewer-bottom>div{display:flex;gap:6px;pointer-events:auto}.viewer-bottom button{width:35px;height:35px;background:#fafaf4db;border:1px solid #cbd1c1;color:#394531;font-size:20px;border-radius:3px;cursor:pointer}.viewer-toolbar{display:flex;flex-wrap:wrap;gap:8px;padding:13px 0;border-bottom:1px solid #d7dcce}.viewer-toolbar button,#cfg-compare{font-family:inherit;font-size:16px;border:1px solid #cbd1c1;background:#f8f8f2;color:#3f4a36;border-radius:3px;padding:11px 15px;cursor:pointer}.view-buttons{display:flex;gap:4px;margin-right:auto}.viewer-toolbar button:hover,.viewer-bottom button:hover{background:#e0e5d7}.viewer-toolbar button[data-view="3d"],#cfg-dimensions[aria-pressed="true"]{background:#34402e;color:#f5f5ec;border-color:#34402e}.config-summary{font-size:18px;padding:16px 0;line-height:1.8;border-bottom:0}.config-stage .selector-note{max-width:700px;margin:15px 0}.config-controls .selector-note{font-size:16px!important}.config-controls .btn{padding:18px 16px}.config-viewer button:focus-visible,.viewer-toolbar button:focus-visible,#cfg-canvas:focus-visible{outline:2px solid #ac754e;outline-offset:3px}
@media(min-width:1500px){.config-viewer canvas{height:630px}}
@media(max-width:1100px){.configurator{gap:24px;grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr)}.config-viewer canvas{height:470px}.config-controls{padding:22px}.viewer-toolbar button{padding:10px}.viewer-topbar{left:18px;right:18px}.viewer-bottom{left:18px}}
@media(max-width:760px){.configurator{grid-template-columns:1fr;gap:23px}.config-stage{position:static;grid-row:1}.config-viewer canvas{height:390px}.viewer-topbar{top:17px;font-size:16px;left:15px;right:15px}.viewer-bottom{left:15px;right:15px;bottom:15px}.viewer-bottom>span{font-size:16px}.viewer-toolbar{gap:6px}.viewer-toolbar button{font-size:16px;padding:10px}.config-controls{padding:24px}.config-panel-title h2{font-size:28px}.config-summary{font-size:16px}.config-stage .selector-note{font-size:16px!important}}
@media(max-width:380px){.config-viewer canvas{height:330px}.viewer-toolbar button{padding:9px}.viewer-topbar>span:first-child{font-size:16px}.viewer-bottom>span{max-width:190px}}

.profile-section{display:flex;align-items:center;gap:20px;background:#faf9f4;border:1px solid #d5d9cc;padding:12px;margin:-4px 0 22px}.profile-section svg{width:110px;height:100px;flex-shrink:0}.profile-section span{font-size:18px;line-height:1.9;color:#525d48}.config-controls input:disabled{opacity:.55}

.z-fields{padding:18px;background:#e4e6dc;margin-bottom:22px}.z-fields[hidden]{display:none}.z-fields svg{display:block;width:100%;height:130px;font:14px Arial;fill:#46513e}.config-controls small,.z-fields small{display:block;font-size:16px;line-height:1.6;color:#747c6c;margin-top:8px}.z-fields .fields{gap:12px}.z-fields label{margin-bottom:8px}

.frame-controls{border-top:1px solid #cbd1c1;border-bottom:1px solid #cbd1c1;padding:17px 0;margin:8px 0 25px}.frame-controls summary{font-size:18px;font-weight:600;cursor:pointer;margin-bottom:18px}.frame-controls .fields{gap:12px}.frame-controls .z-fields p{font-size:16px;line-height:1.7}.colour-options{flex-wrap:wrap;gap:14px}.colour-name{font-size:18px;color:#526046;margin:15px 0}.config-controls .custom-colour{display:flex;align-items:center;justify-content:space-between;gap:15px}.config-controls input[type=color]{width:70px;height:36px;padding:3px;margin:0;border:1px solid #cbd1c1;cursor:pointer}

.sample-products{padding:65px 6%;background:#eeeee7;scroll-margin-top:100px}.sample-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;max-width:1408px;margin:auto}.sample-product{background:#faf9f4;border:1px solid #d9ddcf;scroll-margin-top:100px;overflow:hidden}.sample-visual svg{display:block;width:100%;height:auto}.sample-copy{padding:28px}.sample-copy h3{font-size:29px;margin:10px 0 15px;letter-spacing:-.8px}.sample-copy>p{font-size:18px;color:#72796a;line-height:1.8;min-height:48px}.sample-copy dl{margin:20px 0}.sample-copy dl>div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #dce0d3;padding:10px 0;font-size:18px}.sample-copy dt{color:#7a8172}.sample-copy dd{margin:0;text-align:right}.sample-copy .btn{width:100%;justify-content:space-between;font-size:18px}.sample-note{font-size:16px;color:#7a8172;line-height:1.8;max-width:1000px;margin:25px auto 0}.sample-jump{display:inline-block;font-size:18px;color:#a36e48;border-bottom:1px solid #ba9679;margin:0 0 20px;padding-bottom:5px}.sample-products .section-title>p{max-width:410px}@media(max-width:760px){.sample-products{padding:40px 6%}.sample-grid{grid-template-columns:1fr;gap:23px}.sample-copy{padding:24px}.sample-copy h3{font-size:26px}.sample-copy>p{min-height:0}.sample-products h2{font-size:34px}}

/* Photo-led homepage and the 3D design invitation. */
.project-hero{height:auto;min-height:680px;max-height:none;display:flex;align-items:center}.project-hero .hero-image{width:100%;height:100%;object-fit:cover;object-position:60% center}.project-hero .premium-shade{background:linear-gradient(90deg,rgba(15,22,20,.86),rgba(15,22,20,.60) 38%,rgba(15,22,20,.13) 73%,rgba(15,22,20,.03))}.project-hero .premium-copy{padding:100px 5.5% 120px;width:100%;max-width:880px}.project-hero .premium-copy h1{font-size:clamp(42px,4.3vw,68px);line-height:1.12;letter-spacing:-2px}.project-hero .premium-copy p{max-width:540px;font-size:18px;line-height:1.85}.project-hero .premium-bottom{font-size:16px;gap:18px}.planner-teaser{padding:80px 6%;gap:7%;grid-template-columns:1.1fr 1fr;background:#eeeae2}.planner-visual{display:block;position:relative;min-width:0;overflow:hidden;background:#f4f1eb;aspect-ratio:1;border:1px solid #ddd7ca}.planner-visual img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.planner-visual:hover img{transform:scale(1.025)}.planner-badge{position:absolute;left:22px;top:20px;font-size:16px;letter-spacing:1.5px;color:#535a51;background:#faf9f3e8;padding:10px 12px}.planner-width{position:absolute;left:22%;right:21%;bottom:12%;border-bottom:1px solid #9c9e90;text-align:center;padding-bottom:5px;font-size:16px;color:#606756}.planner-width:before,.planner-width:after{content:'';position:absolute;bottom:-4px;width:1px;height:8px;background:#9c9e90}.planner-width:before{left:0}.planner-width:after{right:0}.planner-height{position:absolute;left:10%;top:23%;bottom:23%;border-left:1px solid #9c9e90;writing-mode:vertical-rl;font-size:16px;color:#606756;padding-left:6px;text-align:center}.planner-palette{position:absolute;bottom:18px;left:22px;display:flex;gap:8px;align-items:center;background:#faf9f3ee;padding:10px 12px;border-radius:3px}.planner-palette i{width:17px;height:17px;background:var(--tone);border:1px solid #9998;border-radius:50%}.planner-palette b{font-size:16px;font-weight:400;margin-left:4px;color:#646957}.planner-open{position:absolute;bottom:20px;right:22px;background:#333c32;color:#fff;width:36px;height:36px;display:grid;place-items:center}.planner-copy h2{font-size:clamp(32px,3.1vw,49px);line-height:1.16;letter-spacing:-1.5px;margin:20px 0 25px}.planner-copy>p{font-size:18px;line-height:1.85}.planner-copy .btn{margin-top:16px;gap:40px}.planner-copy .planner-features{font-size:16px;line-height:1.8;margin-top:24px;color:#797d70}.planner-visual:focus-visible{outline:3px solid #b18a1c;outline-offset:4px}@media(min-width:1600px){.project-hero .premium-copy{margin-left:max(0px,calc((100vw - 1540px)/2));max-width:930px}}@media(max-width:760px){.project-hero{min-height:650px}.project-hero .premium-copy{padding:75px 7% 100px;max-width:none}.project-hero .premium-copy h1{font-size:clamp(35px,8.2vw,55px);letter-spacing:-1.3px}.project-hero .premium-copy p{font-size:18px;max-width:460px}.project-hero .premium-shade{background:linear-gradient(90deg,#121b18db,#121b1899 65%,#121b1866)}.project-hero .hero-image{object-position:48% center}.project-hero .premium-bottom{flex-wrap:wrap;gap:6px;bottom:20px}.project-hero .premium-copy .actions{gap:20px}.planner-teaser{padding:45px 6%;grid-template-columns:1fr;gap:35px}.planner-copy h2{font-size:36px}.planner-copy>p{font-size:18px}.planner-badge{left:14px;top:14px;font-size:16px}.planner-palette{bottom:12px;left:12px;padding:8px;gap:6px}.planner-open{right:14px;bottom:14px}.planner-palette b{font-size:16px}}@media(prefers-reduced-motion:reduce){.planner-visual img{transition:none}}

.project-hero .premium-bottom{align-items:center}.project-hero .premium-bottom>span:first-child{max-width:none;font-size:clamp(14px,1.2vw,18px);font-weight:600;letter-spacing:1.4px;line-height:1.5;color:#fff;text-shadow:0 1px 8px #0008}@media(max-width:760px){.project-hero .premium-bottom{bottom:0;gap:10px;padding:18px 0}.project-hero .premium-bottom>span:first-child{font-size:18px;letter-spacing:.9px;width:100%}.project-hero .premium-bottom>span+span{font-size:16px}.project-hero .premium-copy{padding-bottom:135px}}

/* Readable body copy and form controls on every device. */
body{font-size:18px}.compact-product>p,.product-card>p,.process li p,.buyer-details p,.buyer-measure p,.case-card p,.case-detail p,.guide-card p,.faq-section details p,.article-shell p,.company-teaser p,.planner-copy>p,.section-title>p,.reference-intro p{font-size:18px;line-height:1.8}.form-note,.source-note,.selector-note,.config-controls .selector-note,.config-stage .selector-note{font-size:16px!important;line-height:1.75}input,select,textarea,.config-controls input,.config-controls select{font-size:18px}.config-controls label,.config-controls legend,label{font-size:18px;line-height:1.6}.btn{line-height:1.5;white-space:normal;text-align:center}nav{gap:clamp(14px,1.8vw,28px)}.viewer-toolbar{flex-wrap:wrap}.viewer-toolbar button{min-height:40px}.viewer-topbar,.viewer-bottom{gap:10px;flex-wrap:wrap}.reference-item figcaption{line-height:1.6}.planner-palette{flex-wrap:wrap;max-width:76%}.planner-palette b{line-height:1.4}.planner-badge{letter-spacing:1px}.project-hero .premium-copy .eyebrow{font-size:16px;letter-spacing:1.2px}.project-hero .premium-copy .actions{flex-wrap:wrap}.form-heading{gap:12px;flex-wrap:wrap}@media(max-width:760px){.project-hero .premium-copy{padding-top:65px;padding-bottom:135px}.project-hero .premium-copy p{font-size:18px}.project-hero .premium-copy .btn{font-size:18px}.project-hero{min-height:700px}.planner-badge{font-size:16px}.planner-palette b{font-size:16px}.planner-copy .planner-features{font-size:16px}.buyer-details dl>div{font-size:18px}.config-summary{font-size:18px}.config-controls small,.z-fields small{font-size:16px}.viewer-toolbar button{font-size:16px}.reference-grid .reference-item figcaption span{font-size:16px}}

.design-invitation{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%;padding:80px 6%;background:#eeeae2}.design-invitation-image{display:block;position:relative;background:#f4f1eb;overflow:hidden;min-width:0}.design-invitation-image img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}.design-invitation-image>span{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:#f9f7f1;color:#62665c;font-size:18px}.design-invitation-image b{font-size:24px;font-weight:400;color:#b18a1c}.design-invitation-copy{max-width:560px;min-width:0}.design-invitation-copy .eyebrow{font-size:16px;letter-spacing:1.5px}.design-invitation-copy h2{font-family:Arial,Helvetica,sans-serif;font-style:normal;font-size:clamp(36px,4vw,60px);line-height:1.12;letter-spacing:-2px;margin:20px 0 24px;max-width:520px}.design-invitation-copy>p{font-size:19px;line-height:1.8;color:#60655c;max-width:490px}.design-steps{list-style:none;margin:30px 0;padding:0;display:flex;gap:22px;border-top:1px solid #d0cbbf;border-bottom:1px solid #d0cbbf}.design-steps li{padding:20px 0;font-size:18px;line-height:1.6;flex:1}.design-steps li span{display:block;font-size:16px;color:#9b6b4b;margin-bottom:5px}.design-invitation-copy .btn{display:inline-flex;gap:35px;min-height:54px;font-size:18px;padding:15px 23px}.design-invitation-image:focus-visible{outline:3px solid #b18a1c;outline-offset:4px}@media(max-width:760px){.design-invitation{grid-template-columns:1fr;padding:45px 6%;gap:32px}.design-invitation-copy h2{font-size:39px;letter-spacing:-1.4px}.design-invitation-copy>p{font-size:18px}.design-steps{gap:12px;margin:24px 0}.design-steps li{font-size:18px}.design-invitation-image>span{padding:14px 18px}.design-invitation-copy .btn{width:100%;justify-content:space-between}}

.profile-examples h2{font-size:clamp(30px,3.2vw,46px);margin:16px 0 30px}.profile-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.profile-photo{margin:0;min-width:0}.profile-photo-main{grid-column:1/-1}.profile-photo .gallery-image{display:block;width:100%;position:relative;padding:0;border:0;overflow:hidden;background:#e8e7df;aspect-ratio:4/3}.profile-photo-main .gallery-image{aspect-ratio:16/9}.profile-photo img{width:100%;height:100%;object-fit:cover}.profile-photo figcaption{font-size:18px;line-height:1.65;padding:12px 0;color:#555e50}.profile-photo .image-tag{font-size:16px}.profile-examples .source-note{margin-top:20px}@media(max-width:760px){.profile-photo-grid{gap:20px;grid-template-columns:1fr}.profile-photo-main{grid-column:auto}.profile-photo-main .gallery-image{aspect-ratio:4/3}.profile-photo figcaption{font-size:18px}}

.home-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 22px}.home-photo{margin:0;min-width:0}.home-photo .gallery-image{width:100%;display:block;aspect-ratio:4/3;padding:0;border:0;position:relative;overflow:hidden;background:#e6e5df}.home-photo .gallery-image img{width:100%;height:100%;object-fit:contain;display:block}.home-photo figcaption{font-size:18px;line-height:1.6;padding-top:12px;color:#53594e}.home-photo-more{margin-top:30px}.home-photo-more>summary{cursor:pointer;padding:18px 22px;border:1px solid #b8bcb0;font-size:18px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:16px}.home-photo-more>summary::-webkit-details-marker{display:none}.home-photo-more>summary span{font-weight:400}.home-photo-more[open]>summary{margin-bottom:28px}.home-photo-more>summary:focus-visible{outline:2px solid #a8734d;outline-offset:4px}@media(max-width:900px){.home-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.home-photo-grid{grid-template-columns:1fr;gap:24px}.home-photo figcaption{font-size:18px}.home-photo-more>summary{padding:16px}}

/* Guided planner */
.configurator{grid-template-columns:minmax(300px,.7fr) minmax(0,1.5fr);max-width:1600px;margin:auto}.config-viewer canvas{height:650px}.config-stage{top:90px}.config-step{padding:0 0 22px;margin-bottom:22px;border-bottom:1px solid #d5d9cc}.config-step h3{display:flex;gap:12px;align-items:center;font-size:20px;margin:0 0 22px}.config-step h3 b{display:grid;place-items:center;border-radius:50%;width:32px;height:32px;background:#354234;color:white;font-size:18px}.config-advanced{padding:20px 0}.config-advanced>summary{cursor:pointer;font-size:19px;font-weight:600;margin-bottom:22px}.context-switch{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.context-switch select{padding:12px;border:1px solid #cbd1c1;max-width:65%}.view-buttons{flex-wrap:wrap}.viewer-toolbar button{font-size:18px}.viewer-toolbar button[data-view]{background:#f8f8f2;color:#3f4a36}.viewer-toolbar button[aria-pressed=true]{background:#34402e;color:white}.profile-dialog{width:min(650px,90vw);border:0;padding:28px;background:#faf9f4}.profile-dialog::backdrop{background:#17231bb3}.profile-dialog svg{width:100%;height:360px}.profile-dialog span{display:block;text-align:center;font-size:20px}.model-attachment{padding:18px;background:#f2f3ed;margin:18px 0}.model-attachment img{display:block;max-width:100%;max-height:270px;object-fit:contain}.config-summary{font-size:18px}.config-controls .btn{width:100%}@media(max-width:760px){.configurator{display:flex;flex-direction:column}.config-stage{order:-1;position:static;width:100%}.config-controls{width:100%;box-sizing:border-box}.config-viewer canvas{height:460px}.viewer-topbar{font-size:16px}.viewer-bottom>span{max-width:75%;font-size:16px}.config-step h3{font-size:20px}.context-switch{font-size:18px}.profile-dialog svg{height:260px}}

.project-hero .hero-image{object-position:50% 30%}@media(max-width:760px){.project-hero .hero-image{object-position:50% 28%}}

/* Gold wordmark, shared across every page. */
:root{--accent:#b18a1c;--brand-gold:#d4af37}
.brand.brand-gold{display:block;width:clamp(230px,24vw,300px);line-height:1;letter-spacing:normal;flex:none}
.brand.brand-gold img{display:block;width:100%;height:auto;object-fit:contain}
header{min-height:94px;height:94px}
.orange:hover,.lime:hover{background:#806332}
footer .brand.brand-gold{width:min(100%,300px)}
@media(max-width:1000px){header{min-height:88px;height:88px}header nav{top:88px}.brand.brand-gold{width:250px}}
@media(max-width:600px){header{padding:0 5%;min-height:86px;height:86px}.brand.brand-gold{width:clamp(180px,57vw,235px)}header nav{top:86px}.menu{padding:9px 12px;font-size:18px}html{scroll-padding-top:100px}}

/* Bright metallic gold, with dark readable button lettering. */
:root{--accent:#d4af37;--brand-gold:#d4af37}
.orange,.lime{background:linear-gradient(110deg,#e3bc43 0%,#f0d77c 45%,#d4af37 100%);color:#252724}
.orange:hover,.lime:hover{background:linear-gradient(110deg,#f0cf66,#f6e49f 45%,#e3bc43);color:#252724}
.design-invitation-image b{color:#a27a0e}
.quote .eyebrow,.form-heading span,.contact span{color:#efd984}

/* Keep the entire slim wall-mounted sunshade visible. */
.compact-product[href="/tuotteet/aurinkosaleikot/"] .compact-image img{object-fit:contain;background:#efece5}

/* Clean product viewport: metadata and help sit outside the canvas. */
.config-viewer{background:#fafbf9;border-color:#dce1d9;border-radius:10px}
.viewer-topbar{position:static;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;margin:0;border-bottom:1px solid #e5e8e1;color:#566150;font-size:16px;line-height:1.5;flex-wrap:wrap}
.viewer-topbar i{background:var(--brand-gold)}
.config-viewer canvas{height:560px;background:#fafbf9}
.viewer-bottom{position:static;display:flex;justify-content:space-between;align-items:center;margin:0;padding:14px 0 4px;gap:16px;pointer-events:auto}
.viewer-bottom>span{font-size:16px;line-height:1.6;color:#65705f;max-width:none}
.viewer-keyboard{display:block;font-size:16px;color:#7a8274}
.viewer-bottom button{width:42px;height:42px;background:#fff;font-size:23px}
.viewer-toolbar{gap:8px}.viewer-toolbar button{min-height:44px}
.config-technical{grid-column:1/-1;order:1;width:100%;box-sizing:border-box;border:1px solid #d5d9cc;border-radius:4px;background:#f3f3ed;padding:0 20px;min-width:0}
.config-technical>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:56px;padding:16px 0;box-sizing:border-box;list-style:none;cursor:pointer;font-size:18px;font-weight:600;color:#3f4a36}
.config-technical>summary::-webkit-details-marker{display:none}
.config-technical>summary::after{content:'+';font-size:22px;font-weight:400;line-height:1}
.config-technical[open]>summary::after{content:'−'}
.config-technical>summary:focus-visible{outline:2px solid #ac754e;outline-offset:3px}
.config-technical>h3{font-size:18px;line-height:1.5;margin:8px 0}
.config-technical .config-summary{max-width:950px;font-size:18px;line-height:1.8;padding:0 0 14px;overflow-wrap:anywhere}
.config-technical .selector-note{max-width:950px;margin:0 0 20px}
.fence-examples>p{max-width:75ch;font-size:18px;color:#626b5b}
.fence-examples-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:30px 0}
.fence-examples-grid .gallery-image{display:block;width:100%;aspect-ratio:10/7;background:#f1f0e8}
.fence-examples-grid .gallery-image img{object-fit:contain;width:100%;height:100%}
.fence-examples-grid h3{font-size:22px;line-height:1.3;margin:18px 0 10px}
.fence-examples-grid p{font-size:18px;line-height:1.7;color:#626b5b}
@media(max-width:1000px){.fence-examples-grid{grid-template-columns:1fr}}
@media(max-width:760px){.config-viewer canvas{height:420px}.viewer-topbar{padding:12px 14px;gap:4px;font-size:16px}.viewer-topbar>span:first-child{font-size:16px}.viewer-topbar>span:last-child{width:100%}.viewer-keyboard{display:none}.viewer-bottom{padding-top:12px;flex-wrap:nowrap}.viewer-bottom>span{font-size:16px;max-width:70%}.viewer-toolbar .view-buttons{display:flex;flex-wrap:wrap;gap:6px}.viewer-toolbar button{font-size:18px;padding:10px 12px}}
@media(max-width:380px){.config-viewer canvas{height:380px}.viewer-toolbar button{padding:9px 10px}}
.yard-product{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);column-gap:clamp(24px,4vw,64px);padding-top:32px;border-top:1px solid var(--line,#d8d6cc)}.yard-product .compact-image{grid-column:1;grid-row:1/3;aspect-ratio:4/3;margin:0}.yard-product .compact-image img{object-position:center 65%}.yard-product>div:nth-child(2){align-self:end;margin-bottom:20px}.yard-product>p{align-self:start;margin:0;max-width:54ch}@media(max-width:760px){.yard-product{display:block;padding-top:24px}.yard-product .compact-image{margin-bottom:24px}.yard-product>div:nth-child(2){margin-bottom:16px}}
.gate-examples-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:28px}.gate-example{margin:0;min-width:0;border:1px solid var(--line,#d8d6cc);background:var(--paper,#f8f7f2)}.gate-example .gallery-image{display:block;width:100%;aspect-ratio:3/1;background:#e7e5dc}.gate-example .gallery-image img{display:block;width:100%;height:100%;aspect-ratio:3/1;object-fit:contain}.gate-example figcaption{padding:22px}.gate-example h3{font-size:24px;line-height:1.3;margin:10px 0}.gate-example p{font-size:18px;line-height:1.7;margin:0;color:#666e61}.gate-examples>.source-note{max-width:78ch;margin-top:20px}@media(max-width:900px){.gate-examples-grid{grid-template-columns:1fr;gap:22px}.gate-example figcaption{padding:18px}.gate-example h3{font-size:22px}}

.iv-model-actions{flex-wrap:wrap;gap:16px 24px}.iv-models{scroll-margin-top:100px}.iv-model-intro{max-width:70ch;color:#626b5b;margin-bottom:30px}.iv-models .gallery-image img{object-fit:contain}.iv-models figcaption .eyebrow{font-size:16px;letter-spacing:1.5px;margin:6px 0 7px;color:#7a806f}.iv-models figcaption h3{font-size:22px;line-height:1.3;margin:0 0 9px;color:var(--ink)}.iv-models figcaption p{font-size:18px;line-height:1.7;max-width:60ch;margin:0}.iv-models .profile-photo-grid{row-gap:36px}

.iv-large-link{display:inline-block;margin:0 0 32px}.iv-large-models{margin-top:48px;padding-top:48px;border-top:1px solid var(--line);scroll-margin-top:100px}.iv-large-models>h3{font-size:clamp(28px,3.4vw,42px);line-height:1.15;letter-spacing:-1px;margin:0 0 20px}.iv-large-models>p{max-width:75ch;color:#626b5b;margin-bottom:30px}.iv-large-models .profile-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:1000px){.iv-large-models .profile-photo-grid{grid-template-columns:1fr}}

/* User-controlled planner tutorial; video downloads only on play. */
.design-invitation-video{min-width:0;align-self:center}.design-invitation-video video,.planner-video-guide video{display:block;width:100%;height:auto;aspect-ratio:1;background:#f6f5ef;border:1px solid #dedfd5;border-radius:4px;box-sizing:border-box}.design-invitation-video p,.planner-video-guide p{font-size:16px;line-height:1.7;color:#747c6c;margin:12px 0 0}.planner-guide-wrap{max-width:1600px;margin:0 auto;padding:0 6% 28px;box-sizing:border-box}.planner-video-guide{padding:18px 22px;border:1px solid #d5d9cc;border-radius:4px}.planner-video-guide summary{cursor:pointer;font-size:18px;line-height:1.6;color:#34402f}.planner-video-guide[open] summary{margin-bottom:20px}.planner-video-guide video{max-width:720px;margin:auto}.planner-video-guide>p{max-width:720px;margin:12px auto 0}

/* One connected introduction: heading, video, then a clear route to the planner. */
.design-invitation.planner-feature{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-template-areas:"heading video" "actions video";align-items:start;gap:20px 6%;padding:64px 6%}
.planner-feature-heading{grid-area:heading;min-width:0;align-self:end}
.planner-feature-heading .eyebrow{font-size:16px;letter-spacing:1.5px;margin:0 0 18px}
.planner-feature-heading h2{font-family:Arial,Helvetica,sans-serif;font-style:normal;font-size:clamp(34px,3.8vw,50px);line-height:1.14;letter-spacing:-1.4px;margin:0 0 20px}
.planner-feature-heading>p{font-size:18px;line-height:1.75;color:#60655c;max-width:46ch;margin:0}
.planner-feature .design-invitation-video{grid-area:video;align-self:center;margin:0;min-width:0}
.planner-feature figcaption{font-size:16px;line-height:1.6;color:#747c6c;margin-top:10px}
.planner-feature-actions{grid-area:actions;min-width:0}
.planner-feature .design-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 24px}
.planner-feature .design-steps li{padding:16px 0;font-size:18px;line-height:1.5;min-width:0}
.planner-feature .design-steps span{font-size:16px;margin-bottom:6px}
.planner-feature-actions>.btn{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;box-sizing:border-box;min-height:56px;padding:16px 22px;font-size:18px}
@media(max-width:760px){.design-invitation.planner-feature{grid-template-columns:minmax(0,1fr);grid-template-areas:"heading" "video" "actions";gap:24px;padding:40px 6%}.planner-feature-heading h2{font-size:34px;line-height:1.16;letter-spacing:-1px;margin-bottom:16px}.planner-feature-heading .eyebrow{margin-bottom:14px}.planner-feature .design-steps{margin-bottom:20px;gap:12px}.planner-feature .design-steps li{padding:14px 0}}

/* Facade solution examples: preserve the full supplied reference images. */
#julkisivumallit{scroll-margin-top:100px}#julkisivumallit>p{max-width:75ch;margin-bottom:30px}#julkisivumallit .gallery-image img{object-fit:contain}#julkisivumallit figcaption h3{font-size:22px;line-height:1.3;margin:0 0 9px;color:var(--ink)}#julkisivumallit figcaption p{font-size:18px;line-height:1.7;margin:0}#julkisivumallit .profile-photo-grid{row-gap:36px}

.fence-garden-models{scroll-margin-top:100px}.fence-garden-models>p{max-width:70ch;margin-bottom:30px}.fence-garden-models figcaption h3{font-size:22px;line-height:1.3;margin:0 0 9px;color:var(--ink)}.fence-garden-models figcaption p{font-size:18px;line-height:1.7;margin:0}.fence-garden-models .profile-photo-grid{row-gap:36px;margin-bottom:32px}

/* Shared product pages: one lead image, concise copy, then visual examples. */
.product-lead{padding:32px 6% 48px}.product-lead-image{width:100%;height:clamp(280px,46vw,620px);background:#eeeee7;overflow:hidden}.product-lead-image img{object-fit:cover}.product-lead-copy{max-width:850px;padding:36px 0 0}.product-lead-copy h1{font-size:clamp(36px,5vw,64px);line-height:1.08;letter-spacing:-1.8px;margin:16px 0 20px}.product-lead-copy>p{font-size:20px;line-height:1.65;color:var(--muted);max-width:65ch;margin:0 0 26px}.product-lead-copy .actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px 30px}.product-page .detail-examples{padding-top:40px;padding-bottom:40px}.product-page .profile-photo-grid,.product-page .gate-examples-grid,.product-page .fence-examples-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.product-page .profile-photo figcaption h3,.product-page .gate-example figcaption h3{font-size:22px;line-height:1.3;margin:8px 0}.product-page figcaption p{font-size:18px;line-height:1.65;margin:0}.product-more{padding:24px 6% 60px}.product-more>details{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.product-more>details>summary{cursor:pointer;padding:22px 0;font-size:18px;font-weight:600;display:flex;justify-content:space-between;gap:20px}.product-more>details[open]>summary span{transform:rotate(45deg)}.product-more .buyer-details,.product-more .buyer-measure,.product-more .detail-copy{padding:36px 0}.product-page .iv-large-models .profile-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:760px){.product-lead{padding:20px 6% 32px}.product-lead-image{height:auto;aspect-ratio:4/3}.product-lead-copy{padding-top:26px}.product-lead-copy h1{font-size:36px;letter-spacing:-1px}.product-lead-copy>p{font-size:19px}.product-page .profile-photo-grid,.product-page .gate-examples-grid,.product-page .fence-examples-grid,.product-page .iv-large-models .profile-photo-grid{grid-template-columns:1fr;gap:28px}.product-page .detail-examples{padding-top:30px;padding-bottom:30px}.product-more{padding-bottom:36px}}

/* Uncropped homepage image with its own column. */
.home-split-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(28px,4vw,72px);max-width:1600px;margin:0 auto;padding:40px 5% 48px;background:var(--paper);color:var(--ink)}
.home-split-copy{min-width:0;padding:24px 0}
.home-split-copy .eyebrow{font-size:16px;letter-spacing:1.5px;color:var(--muted);margin-bottom:24px}
.home-split-copy h1{font-size:clamp(36px,3.6vw,58px);font-weight:500;line-height:1.12;letter-spacing:-1.8px;margin:0 0 28px}
.home-split-copy h1 em{font-family:Georgia,serif;font-weight:400;color:#887138}
.home-split-copy p{font-size:19px;line-height:1.8;color:var(--muted);max-width:560px;margin:0}
.home-split-copy .actions{display:flex;flex-wrap:wrap;gap:20px;margin-top:30px}
.home-split-link{font-size:18px;border-bottom:1px solid #b3b5a8;padding:10px 0}
.home-split-audience{display:block;margin-top:38px;padding-top:20px;border-top:1px solid var(--line);font-size:16px;font-weight:600;letter-spacing:1.1px;text-transform:uppercase;color:var(--muted)}
.home-split-image{margin:0;min-width:0}
.home-split-image img{display:block;width:100%;height:auto;object-fit:contain;aspect-ratio:1214/1198}
@media(max-width:800px){.home-split-hero{grid-template-columns:1fr;gap:24px;padding:30px 6% 36px}.home-split-copy{padding:0}.home-split-copy h1{font-size:clamp(34px,7.6vw,52px);letter-spacing:-1.2px}.home-split-copy p{font-size:18px}.home-split-audience{margin-top:24px;padding-top:16px}.home-split-copy .eyebrow{font-size:16px;letter-spacing:1px}.home-split-copy .actions{gap:18px}}

/* Compact, consistent homepage product cards. */
#tuotteet .compact-products{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1160px;gap:28px}
#tuotteet .compact-product{display:block;grid-column:auto;min-width:0;padding:0 0 24px;border:0}
#tuotteet .compact-image{aspect-ratio:16/10;margin:0;grid-column:auto;grid-row:auto}
#tuotteet .compact-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
#tuotteet .compact-product>div:not(.compact-image){padding:22px 24px 0;margin:0 0 12px;align-items:center}
#tuotteet .compact-product h3{font-size:28px;line-height:1.2;margin:0;letter-spacing:-.6px}
#tuotteet .compact-product>p{font-size:18px;line-height:1.7;padding:0 24px;margin:0;max-width:none}
#tuotteet .compact-product>div>span{padding-top:0}
#tuotteet .compact-product[href="/tuotteet/aurinkosaleikot/"] .compact-image img{object-fit:contain}
@media(max-width:680px){#tuotteet .compact-products{grid-template-columns:1fr;gap:24px}#tuotteet .compact-product h3{font-size:25px}#tuotteet .compact-product>div:not(.compact-image){padding:20px 20px 0}#tuotteet .compact-product>p{padding:0 20px}}

/* A balanced introduction with readable copy and a bounded tutorial. */
.planner-showcase{padding:76px 6%;background:#e9e5dc;border-top:1px solid #dad5c8;border-bottom:1px solid #dad5c8}
.planner-showcase-inner{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center;max-width:1280px;margin:auto}
.planner-showcase-copy{min-width:0}
.planner-showcase-copy .eyebrow{display:block;font-size:16px;letter-spacing:1.6px;color:#796735;margin-bottom:22px}
.planner-showcase-copy h2{font-family:Arial,Helvetica,sans-serif;font-size:clamp(34px,3.3vw,48px);line-height:1.12;font-weight:400;letter-spacing:-1.5px;margin:0 0 26px;max-width:620px}
.planner-showcase-copy h2 em{display:block;font-family:Georgia,serif;font-weight:400;color:#82703d}
.planner-showcase-copy p{font-size:18px;line-height:1.75;color:#62665c;margin:0 0 17px;max-width:60ch}
.planner-showcase-copy .planner-showcase-lead{font-size:18px;line-height:1.65;color:#363c33}
.planner-showcase-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;list-style:none;padding:20px 0;margin:26px 0;border-top:1px solid #cbc5b7;border-bottom:1px solid #cbc5b7}
.planner-showcase-steps li{font-size:16px;line-height:1.5}
.planner-showcase-steps span{display:block;color:#927a3f;font-size:16px;margin-bottom:7px}
.planner-showcase-copy>.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:17px 24px;min-height:56px;font-size:18px}
.planner-showcase-video{min-width:0;width:100%;max-width:560px;justify-self:end;margin:0;padding:14px;background:#f6f4ee;box-sizing:border-box;border:1px solid #d6d1c5;border-radius:8px;box-shadow:0 16px 40px #4038210c}
.planner-showcase-video video{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:3px;background:#f6f5ef}
.planner-showcase-video figcaption{font-size:16px;line-height:1.5;color:#737568;padding:14px 6px 2px;text-align:center}
@media(max-width:800px){.planner-showcase{padding:44px 6%}.planner-showcase-inner{grid-template-columns:1fr;gap:30px}.planner-showcase-copy h2{font-size:36px;letter-spacing:-1px}.planner-showcase-copy .planner-showcase-lead{font-size:19px}.planner-showcase-copy>.btn{width:100%;box-sizing:border-box}.planner-showcase-video{justify-self:center;max-width:520px}.planner-showcase-steps{gap:12px}}

/* One orderly reference gallery, with filters covering all photographs. */
.references-clean{background:#f5f4ef;padding-bottom:64px}
.references-clean .reference-intro{display:block;max-width:1280px;margin:auto;padding:54px 0 30px;width:88%}
.references-clean .reference-intro h1{font-size:clamp(34px,4vw,56px);line-height:1.12;letter-spacing:-1.5px;margin:16px 0 20px}
.references-clean .reference-intro p{font-size:19px;line-height:1.75;max-width:640px;margin:0;color:#666b60}
.references-clean .reference-gallery{max-width:1280px;width:88%;margin:auto;padding:0}
.references-clean .reference-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:18px;padding:22px 0 26px;border-top:1px solid #d8d5cb}
.references-clean .reference-filters{display:flex;flex-wrap:wrap;gap:8px;flex:1}
.references-clean .reference-filters button{padding:10px 15px;background:#fff;border:1px solid #d5d2c7;border-radius:3px;font-size:18px;color:#42483e;cursor:pointer}
.references-clean .reference-filters button.active{background:#354032;color:#fff;border-color:#354032}
.references-clean .reference-filters button:focus-visible{outline:3px solid #b89a36;outline-offset:3px}
.references-clean #reference-count{font-size:16px;color:#707568;white-space:nowrap}
.references-clean .reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 22px;align-items:start}
.references-clean .reference-item{margin:0;min-width:0;grid-column:auto;grid-row:auto;background:#fff}
.references-clean .reference-item[hidden]{display:none!important}
.references-clean .reference-item .gallery-image{display:block;width:100%;height:auto;aspect-ratio:4/3;margin:0;padding:0;background:#e8e8e1;border:0;overflow:hidden}
.references-clean .reference-item .gallery-image img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.references-clean .reference-item figcaption{display:block;padding:15px 17px;min-height:66px;box-sizing:border-box;font-size:18px;line-height:1.5;color:#464d41}
.references-clean .reference-item figcaption span{font-size:18px}
.references-clean .references-contact{max-width:1280px;width:88%;margin:50px auto 0;padding:30px;box-sizing:border-box;background:#e9e5da}
.references-contact h2{font-size:30px;margin:0 0 12px}.references-contact p{font-size:18px;line-height:1.7;margin:0 0 20px}
@media(max-width:950px){.references-clean .reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.references-clean .reference-intro{padding-top:36px}.references-clean .reference-grid{grid-template-columns:1fr;gap:22px}.references-clean .reference-toolbar{gap:14px}.references-clean .reference-filters{flex-basis:100%}.references-clean .reference-filters button{font-size:16px;padding:10px 12px}.references-clean .references-contact{padding:24px}}
.references-clean .reference-gallery-heading{padding:20px 0 28px}
.references-clean .reference-gallery-heading h2{font-size:clamp(28px,3vw,42px);line-height:1.15;margin:12px 0 0;letter-spacing:-1px}
.product-lead-image:has(.cassette-lead-photo){height:auto;max-height:none;aspect-ratio:auto;background:#ecece5}
.product-lead-image .cassette-lead-photo{width:100%;height:auto;max-height:620px;object-fit:contain;object-position:center;display:block}

/* Original project photograph carries through the homepage as a quiet backdrop. */
.home-atmosphere{position:relative;isolation:isolate;overflow:hidden;background:#d6d9d4}
.home-atmosphere::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('/assets/home-roof-original.webp') center top/100% auto repeat-y;opacity:.24;filter:blur(8px);transform:scale(1.02)}
.home-photo-hero{position:relative;isolation:isolate;min-height:650px;min-height:clamp(600px,76vh,820px);display:flex;align-items:center;margin:0;overflow:hidden;background:#263740}
.home-photo-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 37%;z-index:-2}
.home-photo-hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(13,25,32,.86) 0%,rgba(17,30,38,.65) 39%,rgba(17,30,38,.16) 75%),linear-gradient(0deg,rgba(17,30,38,.25),transparent 55%)}
.home-photo-hero-copy{box-sizing:border-box;width:100%;max-width:1320px;margin:auto;padding:80px 6%;color:#fff}
.home-photo-hero-copy .eyebrow{display:block;color:#e9e6d9;font-size:16px;letter-spacing:1.5px;margin-bottom:26px}
.home-photo-hero-copy h1{font-size:clamp(42px,4.5vw,68px);line-height:1.1;letter-spacing:-1.8px;max-width:760px;margin:0 0 28px;color:#fff}
.home-photo-hero-copy h1 em{font-family:Georgia,serif;font-weight:400;color:#eee1b6}
.home-photo-hero-copy p{max-width:550px;font-size:18px;line-height:1.8;color:#f2f2ec;margin:0 0 30px}
.home-photo-hero-copy .actions{display:flex;gap:24px;flex-wrap:wrap;align-items:center;margin:0}
.home-photo-hero-link{color:#fff;font-size:18px;padding:14px 0;border-bottom:1px solid #ffffff80}
.home-photo-hero-audience{display:block;font-size:16px;letter-spacing:1.3px;text-transform:uppercase;color:#e3e7e4;margin-top:40px}
.home-atmosphere>.premium-products{background:rgba(224,223,212,.74)}
.home-atmosphere #tuotteet .compact-product{background:#f3f1e9;box-shadow:0 5px 24px #26374010}
.home-atmosphere>.planner-showcase{background:rgba(208,210,199,.82);border-color:#b9c0b5}
.home-atmosphere>.home-projects{background:rgba(228,231,224,.62)}
.home-atmosphere .home-photo{background:rgba(242,241,233,.92)}
.home-atmosphere .home-photo figcaption{padding:14px 16px;margin:0}
.home-atmosphere>.company-teaser{background:rgba(218,214,197,.87)}
.home-atmosphere>.quote{background:rgba(44,58,46,.96)}
@media(max-width:760px){.home-photo-hero{min-height:680px;align-items:center}.home-photo-hero-image{object-position:54% center}.home-photo-hero-shade{background:linear-gradient(90deg,rgba(14,26,33,.84),rgba(17,30,38,.49)),linear-gradient(0deg,rgba(14,26,33,.3),transparent)}.home-photo-hero-copy{padding:54px 7%}.home-photo-hero-copy h1{font-size:clamp(38px,8.7vw,54px);letter-spacing:-1.1px}.home-photo-hero-copy p{font-size:18px;line-height:1.75}.home-photo-hero-copy .eyebrow{font-size:16px;line-height:1.6}.home-photo-hero-copy .actions{gap:16px}.home-photo-hero-audience{margin-top:30px;font-size:16px}.home-atmosphere::before{background-size:auto 1000px;opacity:.2}}

/* Shared homepage palette across every public page. */
:root{--site-background:#d6d9d4;--site-surface:#f3f1e9;--site-section:#d0d2c7;--paper:var(--site-surface);--line:#bdc4b9}
body{background:var(--site-background)}
main{background:linear-gradient(150deg,#d6d9d4 0%,#dce0d7 55%,#d8d8ca 100%)}
header{background:rgba(226,229,219,.96);border-bottom-color:#bdc4b9}
footer{background:#d0d4c9;border-top:1px solid #bdc4b9}
.premium-products,.references-clean,.detail-copy,.buyer-details,.faq-section,.sample-products{background:var(--site-background)}
.process,.design-invitation,.company-teaser,.references-clean .references-contact{background:var(--site-section)}
.references-clean .reference-item,.references-clean .reference-filters button,.guide-card,.sample-product,.inquiry-card{background:var(--site-surface)}
.references-clean .reference-filters button.active{background:#354032;color:#fff}
.references-clean .reference-item .gallery-image,.product-lead-image:has(.cassette-lead-photo){background:#cdd2c8}

/* Profile choices alongside product introductions. */
.product-lead:has(.profile-options){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px 64px;align-items:start}
.product-lead:has(.profile-options)>.product-lead-image{grid-column:1/-1}
.product-lead:has(.profile-options)>.product-lead-copy{width:auto;max-width:none}
.profile-options{margin:0;padding:32px;background:#f3f1e9;border:1px solid #bdc4b9;border-top:3px solid #bfa046;border-radius:4px;min-width:0}
.profile-options h2{font-size:clamp(24px,2.2vw,36px);line-height:1.18;margin:12px 0 24px;letter-spacing:-.7px}
.profile-options p{font-size:18px;line-height:1.75;max-width:none}
.profile-samples{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:16px 0 24px;border-bottom:1px solid #d4d6cc;margin-bottom:24px}
.profile-samples figure{margin:0;min-width:0;text-align:center;color:#3f493e}
.profile-samples svg{display:block;width:100%;height:85px}
.profile-samples figcaption{font-size:16px;line-height:1.4;overflow-wrap:anywhere}
.profile-options .card-link{margin-top:20px}
@media(max-width:900px){.product-lead:has(.profile-options){grid-template-columns:1fr;gap:28px}.profile-options{padding:24px}.profile-samples{gap:4px}.profile-samples svg{height:65px}}

.viewer-profile-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.viewer-profile-sections>div{padding:14px;background:#f3f1e9;border:1px solid #bdc4b9;border-radius:6px;text-align:center}.viewer-profile-sections b{font-size:16px}.viewer-profile-sections svg{display:block;width:100%;height:110px}.viewer-profile-sections span{display:block;font-size:16px;line-height:1.5}.viewer-profile-sections svg rect,.viewer-profile-sections svg polygon{stroke:#61685e;stroke-width:.5}.viewer-profile-sections [hidden]{display:none}

.company-contact h2{font-size:30px;margin:12px 0 24px;letter-spacing:-.6px}.company-contact dl{margin:0;display:grid;gap:18px}.company-contact dl>div{margin:0}.company-contact dt{font-size:16px;color:#64705f;margin-bottom:4px}.company-contact dd{margin:0;font-size:19px;line-height:1.6}.company-contact dd a{font-size:19px;line-height:1.6;overflow-wrap:anywhere}

footer .footer-company{grid-column:1/-1;width:100%;padding-top:28px;border-top:1px solid #bdc4b9;margin-top:12px}footer .footer-company h2{font-size:24px}footer .footer-company dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 32px}footer .footer-company dd a{display:inline;margin:0}footer .footer-company dd{font-size:18px}@media(max-width:760px){footer .footer-company dl{grid-template-columns:1fr 1fr;gap:22px 16px}}@media(max-width:420px){footer .footer-company dl{grid-template-columns:1fr}}

/* Cohesive architectural finish: warm metal, sage surfaces and clear rhythm. */
:root{--accent:#bb963e;--ink:#26332f;--muted:#59665c;--line:#bec5b9}
body{color:var(--ink);-webkit-font-smoothing:antialiased}
header{box-shadow:0 4px 24px #1f30280a;background:#e2e5dbf5}
nav>a:not(.btn){text-underline-offset:7px}nav>a:not(.btn):hover{text-decoration:underline;color:#806323}
.btn{border-radius:5px;box-shadow:0 3px 10px #1d281c10;transition:background .2s,transform .2s,box-shadow .2s}
.btn.orange,.btn.lime{background:linear-gradient(115deg,#e7cb77,#c5a046);color:#252c24}
.btn.orange:hover,.btn.lime:hover{background:linear-gradient(115deg,#edd58d,#d3af53);box-shadow:0 7px 18px #201b1518}
.menu{border-radius:5px;color:var(--ink)}
.home-photo-hero{min-height:clamp(560px,73vh,760px);border-bottom:4px solid #b99a53}
.home-photo-hero-copy{max-width:1400px}
.home-photo-hero-copy h1{max-width:780px;font-size:clamp(40px,4.5vw,66px);line-height:1.12;letter-spacing:-2px;text-wrap:balance}
.home-photo-hero-copy .eyebrow{display:inline-flex;align-items:center;gap:12px;letter-spacing:2px}
.home-photo-hero-copy .eyebrow:before{content:"";width:28px;height:2px;background:#dbbd6c;flex-shrink:0}
.home-photo-hero-copy p{font-size:19px;line-height:1.85;max-width:560px}
.home-photo-hero-audience{padding-top:23px;margin-top:34px;border-top:1px solid #ffffff35;max-width:560px;color:#f0e8d2}
.premium-products,.home-projects{padding-top:72px;padding-bottom:76px}
.section-title{max-width:1280px;margin-left:auto;margin-right:auto;align-items:end;gap:24px}
.section-title h2{font-size:clamp(32px,3.6vw,48px);letter-spacing:-1.6px;line-height:1.15;text-wrap:balance}
.section-title .eyebrow{font-size:16px;letter-spacing:2px;color:#766232}
.section-title>p{max-width:420px;color:#59645a}
#tuotteet .compact-products{max-width:1280px;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
#tuotteet .compact-product{display:flex;flex-direction:column;min-width:0;padding:0 0 24px;overflow:hidden;border:1px solid #b9c2b34d;border-radius:8px;box-shadow:0 4px 14px #27382a08;transition:transform .2s,box-shadow .2s,border-color .2s}
#tuotteet .compact-product .compact-image{width:100%;height:auto;aspect-ratio:4/3;overflow:hidden;background:#cdd1c5}
#tuotteet .compact-product .compact-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
#tuotteet .compact-product>div:not(.compact-image){padding:20px 20px 0;gap:10px;margin-bottom:12px;min-height:52px}
#tuotteet .compact-product h3{font-size:22px;line-height:1.2;letter-spacing:-.5px;margin:0;overflow-wrap:anywhere}
#tuotteet .compact-product>p{padding:0 20px;font-size:18px;line-height:1.7;color:#586357}
#tuotteet .compact-product>div>b{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#e7e0ca;color:#705b29;font-size:20px;margin-left:auto}
#tuotteet .compact-product>div>span{color:#8b7137;font-size:16px}
@media(hover:hover){#tuotteet .compact-product:hover{transform:translateY(-4px);border-color:#b79b57;box-shadow:0 12px 28px #28382b16}#tuotteet .compact-product:hover .compact-image img{transform:scale(1.025)}}
.home-atmosphere>.planner-showcase{background:linear-gradient(125deg,#283b34,#34473c);border-color:#4b5b48;position:relative;color:#f4f1e7;padding-top:76px;padding-bottom:76px}
.planner-showcase-copy .eyebrow{color:#d8bc79}.planner-showcase-copy h2{color:#f4f1e7;font-size:clamp(32px,3.4vw,48px);line-height:1.15}
.planner-showcase-copy h2 em{color:#e1c583}.planner-showcase-copy p,.planner-showcase-copy .planner-showcase-lead{color:#dbe0d4}
.planner-showcase-steps{border-color:#63715d}.planner-showcase-steps li{color:#e9eadf}.planner-showcase-steps span{color:#dec27c}
.planner-showcase-video{padding:10px;border-color:#a6ac9366;border-radius:10px;max-width:500px;box-shadow:0 18px 42px #10221b33}
.planner-showcase-video video{border-radius:5px}.planner-showcase-video figcaption{color:#596253}
.home-photo-grid{max-width:1280px;margin:auto;gap:26px}
.home-atmosphere .home-photo,.references-clean .reference-item{border:1px solid #bdc6b780;border-radius:7px;overflow:hidden;box-shadow:0 4px 16px #30402e08}
.home-photo figcaption,.references-clean .reference-item figcaption{font-size:18px;line-height:1.5;padding:16px 18px;min-height:66px;color:#465342}
.home-photo .gallery-image{aspect-ratio:4/3}.home-photo .gallery-image img{width:100%;height:100%;object-fit:contain}
.gallery-image .expand{border:1px solid #ffffff9c;background:#f4f1e8eb;border-radius:50%;color:#344033;box-shadow:0 2px 8px #1d2b2412}
.home-photo-more{max-width:1280px;margin:30px auto 0}.home-photo-more>summary{border:1px solid #a9b39f;border-radius:5px;padding:16px 20px;color:#374936;background:#e6e7dc}
.references-clean .reference-filters button{border-radius:24px;padding:10px 17px;font-size:16px}.references-clean .reference-filters button.active{background:#334a3b;border-color:#334a3b}
.profile-options{border-radius:8px;box-shadow:0 8px 24px #2e3e2c09}.profile-options h2{font-size:clamp(25px,2.4vw,34px)}
.product-lead-copy h1,.page-top h1{font-size:clamp(36px,4.5vw,60px);line-height:1.12;letter-spacing:-1.7px;text-wrap:balance}
.product-lead-image{border-radius:8px;overflow:hidden}
.quote,.home-atmosphere>.quote{background:#293b32;color:#f5f2e9;border-top:4px solid #b89a55;gap:7%}
.quote h2{font-size:clamp(32px,3.6vw,48px);line-height:1.15;letter-spacing:-1.5px}
.quote .eyebrow,.quote .contact span{color:#dfc483}.quote form{padding:28px;border:1px solid #68745c;border-radius:8px;background:#ffffff05}
.quote input,.quote textarea,.quote select{border-radius:4px;background:#1f3028;border-color:#657260;color:#faf8ee}
.quote input:focus,.quote textarea:focus,.quote select:focus{outline-color:#d8ba71}
footer{border-top:1px solid #aeb9a5;background:#cbd1c3;padding-top:46px;gap:32px}footer h3{color:#3b4b37;font-weight:700;letter-spacing:1px;text-transform:uppercase;font-size:16px}
footer .footer-company{border-top-color:#a9b59f}footer .footer-company h2{font-size:23px;letter-spacing:-.5px}footer .footer-company dt{color:#52614b}footer .footer-company dd{font-size:18px}footer .footer-company dd a{font-size:18px}
@media(max-width:1050px){#tuotteet .compact-products{grid-template-columns:repeat(2,minmax(0,1fr))}.planner-showcase-inner{gap:32px}}
@media(max-width:760px){.home-photo-hero{min-height:620px}.home-photo-hero-copy{padding:48px 6%}.home-photo-hero-copy h1{font-size:clamp(36px,8.4vw,50px);letter-spacing:-1px}.home-photo-hero-copy p{font-size:18px}.home-photo-hero-copy .eyebrow{letter-spacing:1.1px;font-size:16px}.premium-products,.home-projects{padding-top:44px;padding-bottom:48px}.section-title{align-items:start}.section-title h2{font-size:34px;letter-spacing:-1px}.home-atmosphere>.planner-showcase{padding-top:48px;padding-bottom:48px}.quote form{padding:20px}.quote{gap:28px}.product-lead-image{border-radius:5px}}
@media(max-width:580px){#tuotteet .compact-products{grid-template-columns:1fr;gap:20px}#tuotteet .compact-product h3{font-size:24px}#tuotteet .compact-product .compact-image{aspect-ratio:3/2}.home-photo-grid{gap:20px}.home-photo-hero-copy .actions .btn{width:auto}.home-photo-hero-audience{font-size:16px;letter-spacing:1px}.quote form{padding:18px}footer{gap:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,#tuotteet .compact-product,#tuotteet .compact-product .compact-image img,.gallery-image img{transition:none}.btn:hover,#tuotteet .compact-product:hover,#tuotteet .compact-product:hover .compact-image img,.gallery-image:hover img{transform:none}}

/* Approved AL-SHADE split introduction, shared by home and company. */
.brand-split-hero{display:grid;grid-template-columns:46% 54%;background:linear-gradient(120deg,#e1e4da,#d4d9ce);color:#26332f;isolation:isolate}
.brand-split-copy{padding:54px clamp(28px,5vw,96px);align-self:center;min-width:0}
.brand-split-copy>.eyebrow{display:block;font-size:16px;letter-spacing:2px;color:#566259}
.al-shade-hero-logo{display:block;width:min(100%,410px);height:auto;margin:23px 0 30px;overflow:hidden}
.brand-split-copy h1{font-size:clamp(33px,3.1vw,53px);line-height:1.12;letter-spacing:-1.7px;margin:0 0 24px;color:#26332f}
.brand-split-copy p{font-size:18px;line-height:1.75;color:#48554d;margin:0 0 19px;max-width:650px}
.brand-split-copy .actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}
.brand-split-copy .btn{padding:13px 22px;min-height:48px;border-radius:6px;font-weight:600}
.brand-split-copy .brand-outline{background:transparent;border:1px solid #526056;color:#26332f}
.brand-split-copy .brand-outline:hover{background:#ffffff50}
.brand-split-photo{position:relative;min-height:580px;overflow:hidden}
.brand-split-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.home-brand-hero .brand-split-photo img{object-position:51% center}
.brand-audience{display:block;margin-top:30px;font-size:16px;letter-spacing:1.5px;text-transform:uppercase;color:#59665d}
@media(min-width:1800px){.brand-split-copy{padding-left:max(70px,calc((100vw - 1600px)/2))}}
@media(max-width:1000px){.brand-split-copy{padding:40px 28px}.brand-split-copy h1{font-size:36px}.brand-split-photo{min-height:540px}}
@media(max-width:760px){.brand-split-hero{grid-template-columns:1fr}.brand-split-copy{padding:36px 6% 34px}.al-shade-hero-logo{width:min(100%,330px);margin:20px 0 27px}.brand-split-copy h1{font-size:clamp(32px,8vw,44px);letter-spacing:-1.2px}.brand-split-copy p{font-size:18px}.brand-split-photo{min-height:0;aspect-ratio:4/3}.brand-split-copy .actions{gap:12px}.brand-split-copy .btn{padding:12px 18px}.brand-audience{margin-top:24px}}
/* Full photographs with manual navigation: no crop, no automatic movement. */
.home-work-slider{min-width:0;align-self:stretch;display:flex;flex-direction:column;background:#cbd1c7;outline-offset:-3px}
.home-slide-stage{position:relative;flex:1;min-height:480px}
.home-work-slide{position:absolute;inset:0;margin:0;display:flex;align-items:center;justify-content:center}
.home-work-slide[hidden]{display:none}
.home-work-slide img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.home-slide-controls{display:flex;align-items:center;justify-content:center;gap:18px;padding:12px 20px;background:#e2e5dc;border-top:1px solid #b8c1b5}
.home-slide-controls>button{width:44px;height:44px;border:1px solid #a9b4a6;border-radius:50%;background:transparent;color:#26332f;font-size:23px;cursor:pointer}
.home-slide-controls button:hover{background:#c3cbbd}
.home-slide-controls button:focus-visible{outline:2px solid #805f1e;outline-offset:3px}
.home-slide-dots{display:flex;gap:2px}.home-slide-dots button{display:grid;place-items:center;width:36px;height:44px;border:0;background:transparent;cursor:pointer}.home-slide-dots span{width:8px;height:8px;border-radius:50%;background:#8a9788}.home-slide-dots [aria-pressed="true"] span{background:#896a24;width:22px;border-radius:8px}.home-slide-status{font-size:16px;color:#52604f;min-width:34px}
@media(max-width:760px){.home-slide-stage{flex:none;min-height:0;aspect-ratio:4/3}.home-slide-controls{padding:8px 14px;gap:12px}}
/* Company page: introduction, one workflow, one complete contact section. */
.company-workflow{max-width:1440px;margin:auto;padding:68px 6%;color:#26332f}
.company-section-heading{margin-bottom:32px}.company-section-heading h2{font-size:clamp(29px,3vw,43px);margin:12px 0 0;letter-spacing:-1px}
.company-workflow ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:0;gap:32px}
.company-workflow li{border-top:1px solid #aeb8a8;padding:22px 0 0;min-width:0}
.company-workflow li>span{font-size:16px;letter-spacing:1px;color:#967431}
.company-workflow h3{font-size:22px;line-height:1.3;margin:13px 0}
.company-workflow p{font-size:18px;line-height:1.75;color:#586452;margin:0}
.company-contact-section{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:58px max(6%,calc((100vw - 1268px)/2));background:#d4dacd;border-top:1px solid #bdc6b7}
.company-contact-intro h2{font-size:clamp(30px,3vw,43px);letter-spacing:-1px;margin:14px 0 18px}
.company-contact-intro p{max-width:390px;color:#586452;font-size:18px;line-height:1.75;margin:0 0 26px}
.company-contact-section .company-contact{margin:0;padding:0;border:0;background:transparent;max-width:none}
.company-contact-section .company-contact h2{font-size:26px;letter-spacing:-.6px;margin:12px 0 24px}
.company-contact-section .company-contact dl{display:grid;grid-template-columns:1fr 1fr;gap:22px 24px;margin:0}
.company-contact-section .company-contact dl>div{padding:0;border:0;min-width:0}
.company-contact-section .company-contact dt{font-size:16px;color:#65705f;margin:0 0 5px}
.company-contact-section .company-contact dd{font-size:18px;line-height:1.7;margin:0;color:#26332f;overflow-wrap:anywhere}
.company-contact-section .company-contact dd a{font-size:18px;margin:0;line-height:1.7}
@media(max-width:760px){.company-workflow{padding:42px 6%}.company-workflow ol{grid-template-columns:1fr;gap:26px}.company-contact-section{grid-template-columns:1fr;padding:40px 6%;gap:38px}.company-contact-section .company-contact dl{gap:22px 16px}.company-workflow h3{font-size:21px}}
@media(max-width:380px){.company-contact-section .company-contact dl{grid-template-columns:1fr}}
/* One compact footer row: identity, products, links and company information. */
footer{display:grid;grid-template-columns:minmax(200px,1.15fr) minmax(170px,.9fr) minmax(140px,.75fr) minmax(360px,1.8fr);gap:24px 36px;align-items:start;padding:40px max(4%,calc((100% - 1400px)/2)) 18px}
footer>div{min-width:0}footer .brand{max-width:260px}footer .brand img{width:100%;height:auto}
footer>div>h3,footer .footer-company>.eyebrow{margin:0 0 14px;font-size:16px;line-height:1.5;letter-spacing:1.2px}
footer>div>p{font-size:16px;line-height:1.7;margin:18px 0 0}footer>div>a:not(.brand){font-size:16px;line-height:1.65;margin:0 0 6px}
footer .footer-company{grid-column:auto;width:auto;padding:0;margin:0;border:0}
footer .footer-company>.eyebrow{display:block}footer .footer-company h2{font-size:20px;line-height:1.2;margin:0 0 17px;letter-spacing:-.4px}
footer .footer-company dl{display:grid;grid-template-columns:1fr 1fr;gap:14px 22px;margin:0}
footer .footer-company dl>div{border:0;padding:0;margin:0;min-width:0}footer .footer-company dt{font-size:16px;line-height:1.5;margin:0 0 3px}
footer .footer-company dd,footer .footer-company dd a{font-size:16px;line-height:1.65;margin:0;overflow-wrap:anywhere}
footer>small{grid-column:1/-1;margin:0;padding-top:15px;border-top:1px solid #a9b59f;font-size:16px;line-height:1.5}
@media(max-width:1150px){footer{grid-template-columns:1.1fr .9fr;gap:28px 40px;padding:32px 6% 18px}footer .footer-company{grid-column:auto}}
@media(max-width:600px){footer{grid-template-columns:1fr 1fr;gap:26px 20px}footer>div:first-child,footer .footer-company{grid-column:1/-1}footer .brand{max-width:240px}footer .footer-company dl{grid-template-columns:1fr 1fr;gap:16px 18px}footer .footer-company dd,footer .footer-company dd a{font-size:18px}}
@media(max-width:360px){footer .footer-company dl{grid-template-columns:1fr}}
.combined-yard .yard-choices{display:flex;gap:14px;flex-wrap:wrap;padding:20px 0}
.combined-yard .yard-choices a{display:inline-flex;align-items:center;padding:15px 20px;border:1px solid #8c9885;color:#26332f;font-weight:600}
.combined-yard .yard-choices a:hover{background:#e3cf81}
.yard-fence{margin-top:30px;padding-top:26px;border-top:1px solid #b8bcb0}
.yard-fence h3{font-size:24px;margin:0 0 12px}
.yard-fence .card-photos{margin-top:20px}
.yard-fence-details{border-top:1px solid #b8bcb0}

/* Products introduction with a photograph of our own work. */
.products-hero{position:relative;isolation:isolate;overflow:hidden;min-height:510px;display:flex;align-items:center;background:#282e29;color:#fff}
.products-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 52%;z-index:-2}
.products-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(24,31,28,.92),rgba(24,31,28,.72) 36%,rgba(24,31,28,.12) 85%)}
.products-hero-copy{width:100%;max-width:1280px;margin:auto}
.products-hero .eyebrow{color:#e2c977}
.products-hero h1{color:#fff;max-width:820px}
.products-hero p{color:#f1f2ec;max-width:650px}
@media(max-width:700px){.products-hero{min-height:480px;padding:55px 6%}.products-hero:before{background:linear-gradient(90deg,rgba(24,31,28,.88),rgba(24,31,28,.48)),linear-gradient(0deg,rgba(24,31,28,.34),transparent)}.products-hero h1{font-size:clamp(38px,9vw,54px)}.products-hero p{font-size:18px;line-height:1.65}}

/* Homepage photographs remain behind the text and can be changed manually. */
.home-brand-hero{display:block;position:relative;min-height:clamp(650px,78vh,820px);overflow:hidden;isolation:isolate;background:#1d2727}
.home-brand-hero .home-work-slider{position:absolute;inset:0;z-index:0;background:#293332}
.home-brand-hero .home-slide-stage{min-height:0}
.home-brand-hero .home-work-slide img{object-fit:cover;object-position:center}
.home-brand-hero:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(15,24,23,.94),rgba(15,24,23,.78) 32%,rgba(15,24,23,.16) 80%)}
.home-brand-hero .brand-split-copy{position:relative;z-index:2;max-width:720px;box-sizing:border-box;padding:68px max(30px,5vw) 112px;color:#fff;pointer-events:none}
.home-brand-hero .brand-split-copy a{pointer-events:auto}
.home-brand-hero .brand-split-copy>.eyebrow,.home-brand-hero .brand-audience{color:#ede8d9}
.home-brand-hero .brand-split-copy h1{color:#fff;font-size:clamp(39px,4vw,62px);line-height:1.12}
.home-brand-hero .brand-split-copy p{color:#f3f3ed;font-size:18px;line-height:1.7}
.home-brand-hero .brand-outline{border-color:#eee;color:#fff}
.home-brand-hero .home-slide-controls{position:absolute;bottom:22px;left:max(30px,5vw);z-index:3;background:transparent;border:0;padding:0}
.home-brand-hero .home-slide-controls>button{border-color:#eee9;color:#fff}
.home-brand-hero .home-slide-status{color:#fff}
.home-brand-hero .home-slide-dots span{background:#ffffffa0}
.home-brand-hero .home-slide-dots [aria-pressed="true"] span{background:#e0bd55}
@media(max-width:760px){.home-brand-hero{min-height:720px}.home-brand-hero:before{background:linear-gradient(90deg,rgba(15,24,23,.88),rgba(15,24,23,.53)),linear-gradient(0deg,rgba(15,24,23,.3),transparent)}.home-brand-hero .brand-split-copy{padding:48px 6% 110px}.home-brand-hero .brand-split-copy h1{font-size:clamp(34px,8vw,48px)}.home-brand-hero .home-slide-controls{left:6%}.home-brand-hero .home-slide-stage{aspect-ratio:auto;flex:1}}

/* Dark charcoal and gold site theme. */
:root{--ink:#f0e9d9;--paper:#181a19;--site-background:#181a19;--site-surface:#262827;--site-section:#202221;--line:#49463d;--muted:#c3bcae;--accent:#d4b35a;--brand-gold:#d4b35a}
body{background:#181a19;color:#eee9de}
header{background:#181a19f5;border-color:#4b4638;color:#f0e9d9}
header .brand,footer .brand{background:#eeeae0;padding:8px 12px;border-radius:3px}
header nav>a:not(.btn),footer,footer a{color:#e8dec7}
header .menu{color:#eedbb1;border-color:#a49061}
footer{background:#111312;border-color:#494336;color:#e9e1d2}
footer h3,footer .eyebrow,footer .footer-company h2{color:#dec172}
footer .footer-company dt,footer p,footer small{color:#beb6a6}
footer>small{border-color:#4f493b}
.catalog,.page-top,.product-page,.product-lead,.configurator,.reference-intro,.reference-gallery,.references-clean,.premium-products,.detail-copy,.buyer-details,.faq-section,.sample-products,.guide-cards,.process,.product-more,.company-workflow,.company-contact-section{background-color:#191b1a;color:#eee9de}
.home-atmosphere{background:#191b1a}
.home-atmosphere::before{opacity:.08}
.home-atmosphere>.premium-products,.home-atmosphere>.home-projects{background:#1b1d1c}
.home-atmosphere>.planner-showcase,.quote,.home-atmosphere>.quote{background:#101211;color:#f1eade;border-color:#aa8c45}
.home-atmosphere #tuotteet .compact-product,.product-card,.guide-card,.sample-product,.inquiry-card,.references-clean .reference-item,.home-atmosphere .home-photo,.profile-options,.buyer-details,.faq-section details,.product-more details{background:#282a28;color:#f0eadc;border-color:#4a4436}
.catalog h1,.catalog h2,.product-lead h1,.product-lead h2,.section-title h2,.product-card h3,.product-card h3 a,.product-page h2,.reference-intro h1,.config-panel-title h2,.company-brand-hero h1{color:#ead28e}
.catalog p,.section-title p,.product-card p,.product-lead-copy p,.detail-copy p,.buyer-details p,.home-atmosphere #tuotteet .compact-product p,.home-photo figcaption,.home-atmosphere .home-photo figcaption,.references-clean .reference-item figcaption,.reference-intro p,.product-more,.profile-options p{color:#ded7c9}
.eyebrow,.section-title .eyebrow,.card-topline,.product-number{color:#d8b967}
.brand-split-hero.company-brand-hero,.company-contact-section{background:#202220;color:#eee9de}
.company-brand-hero .brand-split-copy p,.company-brand-hero .brand-split-copy>.eyebrow{color:#ddd2ba}
.company-brand-hero .brand-outline{color:#efdfb5;border-color:#a88b4d}
.product-lead-image,.gallery-image,.references-clean .reference-item .gallery-image{background:#333431}
.references-clean .reference-filters button,.viewer-toolbar button,.view-buttons button,.home-photo-more>summary{background:#292b29;color:#eee5d4;border-color:#766747}
.references-clean .reference-filters button.active{background:#d4b35a;color:#181a19}
input,textarea,select{background:#f6f3ec;color:#21221f;border-color:#a59d8d}
.btn.orange,.btn.lime{background:#d4b35a;color:#1d1d19}
.btn.orange:hover,.btn.lime:hover{background:#e3c879}
.config-viewer,.config-viewer canvas{background:#fafbf9;color:#253025}
.viewer-topbar,.viewer-bottom{color:#354038}
.config-panel-title,.config-controls,.config-summary{color:#efe7d6}
dialog{background:#252724;color:#f1eadb}
@media(max-width:760px){header nav{background:#181a19}header nav a{color:#f1e4c8}}
.home-brand-hero .home-work-slider{z-index:1}
.home-brand-hero .home-slide-stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(15,24,23,.94),rgba(15,24,23,.78) 32%,rgba(15,24,23,.16) 80%)}
.home-brand-hero .brand-split-copy{z-index:3}
.home-brand-hero .home-slide-controls{z-index:4}
@media(max-width:760px){.home-brand-hero .home-slide-stage:after{background:linear-gradient(90deg,rgba(15,24,23,.88),rgba(15,24,23,.53)),linear-gradient(0deg,rgba(15,24,23,.3),transparent)}}

/* Readable type across the dark theme and on smaller screens. */
body,button,input,textarea,select{font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
body{font-size:18px;line-height:1.7}
h1,h2,h3,h4{font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;letter-spacing:-.025em;line-height:1.18}
h1,h2{font-weight:600;text-wrap:balance}
p,li,dd{line-height:1.72}
nav{font-size:18px;line-height:1.4}
.eyebrow,.section-title .eyebrow,.home-brand-hero .brand-split-copy>.eyebrow{font-size:16px;letter-spacing:.11em;line-height:1.5}
.home-brand-hero .brand-split-copy h1{letter-spacing:-.025em;line-height:1.12}
.home-brand-hero .brand-split-copy p,.brand-split-copy p,.product-card p,.product-lead-copy p,.detail-copy p,.buyer-details p,#tuotteet .compact-product>p{font-size:18px;line-height:1.75}
.home-brand-hero .brand-audience{font-size:16px;letter-spacing:.09em}
.home-photo figcaption,.references-clean .reference-item figcaption,.references-clean .reference-item figcaption span{font-size:18px;line-height:1.6}
footer>div>h3,footer .footer-company>.eyebrow{font-size:16px;line-height:1.45;letter-spacing:.08em}
footer>div>p,footer>div>a:not(.brand),footer .footer-company dd,footer .footer-company dd a{font-size:18px;line-height:1.65}
footer .footer-company dt{font-size:16px;line-height:1.5;color:#d0c7b4}
footer>small{font-size:16px}
.config-controls label,.config-controls legend,.config-summary,.selector-note{line-height:1.6}
input,select,textarea{font-size:18px;line-height:1.5}
@media(max-width:760px){body{font-size:18px}.home-brand-hero .brand-split-copy p,.product-card p,.product-lead-copy p{font-size:18px;line-height:1.7}h1,h2{letter-spacing:-.02em}footer>div>a:not(.brand),footer .footer-company dd,footer .footer-company dd a{font-size:18px}}

/* Larger supporting copy: readable at normal browser zoom. */
body{font-size:18px}
footer{grid-template-columns:minmax(190px,1fr) minmax(210px,1fr) minmax(170px,.8fr) minmax(400px,1.8fr);gap:28px}
footer .footer-company dl{gap:20px 24px}
header nav{gap:24px}
.home-brand-hero .brand-split-copy{max-width:790px}
@media(max-width:1250px){footer{grid-template-columns:1fr 1fr}}
@media(max-width:1000px){header nav{gap:16px}}
@media(max-width:760px){body{font-size:18px}.home-brand-hero .brand-split-copy{padding-bottom:120px}}
@media(max-width:600px){footer{gap:28px 20px}footer>div:first-child,footer .footer-company{grid-column:1/-1}}
@media(max-width:420px){footer .footer-company dl{grid-template-columns:1fr}}

/* Gold brand artwork on charcoal, without a light backing plate. */
header .brand,footer .brand{background:transparent;padding:0;border-radius:0}
/* Warm metallic gold for the AL-SHADE hero mark. */
.al-shade-hero-logo{filter:sepia(1) saturate(2.3) hue-rotate(3deg) brightness(1.22);}
/* Full-width hero and a restrained page-specific photographic backdrop. */
main{background:#181a19}
.products-hero.catalog{max-width:none;width:100%;margin:0;padding-inline:max(6%,calc((100% - 1280px)/2))}
main.has-photo-atmosphere{position:relative;isolation:isolate;background:#181a19}
main.has-photo-atmosphere:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#181a19e8,#181a19ed),var(--page-photo);background-size:cover;background-position:center;}
main.has-photo-atmosphere>.home-atmosphere{background:transparent}
main.has-photo-atmosphere>.home-atmosphere:before{display:none}
main.has-photo-atmosphere :is(.premium-products,.home-projects,.product-lead,.detail-copy,.buyer-details,.faq-section,.sample-products,.guide-cards,.process,.product-more,.company-workflow,.company-contact-section){background-color:transparent}
main.has-photo-atmosphere .home-atmosphere>.planner-showcase{background:#101211c9}
main.has-photo-atmosphere .quote{background:#101211de}
@media(max-width:760px){main.has-photo-atmosphere:before{background-image:linear-gradient(#181a19eb,#181a19f0),var(--page-photo)}}

/* Home introduction leads with the message, followed by the brand signature. */
.home-brand-hero .al-shade-hero-logo{width:min(100%,360px);margin:28px 0 24px}
/* Paint the atmosphere as a background, never as a fixed layer over content. */
main.has-photo-atmosphere{isolation:auto;background-color:#181a19;background-image:linear-gradient(#181a19e8,#181a19ed),var(--page-photo);background-size:cover;background-position:center;background-attachment:fixed}
main.has-photo-atmosphere:before{content:none;display:none}
@media(max-width:760px),(hover:none){
 main.has-photo-atmosphere{background-attachment:scroll;background-size:100% 100%,100% auto;background-repeat:no-repeat,repeat-y;background-position:top center;background-image:linear-gradient(#181a19eb,#181a19f0),var(--page-photo)}
}

/* Own-project film, in its original portrait format. */
.work-showcase{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,380px);gap:clamp(32px,7vw,100px);align-items:center;max-width:1280px;margin:auto;padding:64px 6%;border-top:1px solid #514831}
.work-showcase-copy{max-width:620px}.work-showcase-copy h2{font-size:clamp(32px,3.6vw,50px);color:#ead28e;letter-spacing:-.025em;line-height:1.15}.work-showcase-copy p{font-size:18px;line-height:1.75;color:#ded7c9}.work-showcase-film{margin:0;min-width:0}.work-showcase-film video{display:block;width:100%;height:auto;aspect-ratio:512/910;object-fit:contain;background:#101211;border:1px solid #514831;border-radius:8px}.work-showcase-film figcaption{font-size:16px;color:#d5c59b;margin-top:12px;text-align:center}
@media(max-width:760px){.work-showcase{grid-template-columns:1fr;padding:44px 6%;gap:28px}.work-showcase-film{width:100%;max-width:360px;justify-self:center}}

/* Product journal: generous reading width and restrained gold details. */
.blog-intro,.blog-groups,.blog-article,.blog-related,.blog-home{max-width:1280px;margin:auto;padding:56px 6%;color:#eee9de}
.blog-intro h1{font-size:clamp(34px,4.5vw,62px);color:#ead28e;line-height:1.15;max-width:950px}.blog-intro p{max-width:720px;font-size:20px}.blog-categories{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.blog-categories a{border:1px solid #766747;border-radius:30px;padding:10px 18px;font-size:16px}.blog-categories a:hover{background:#d4b35a;color:#181a19}
.blog-groups{padding-top:0}.blog-group{padding:40px 0;scroll-margin-top:120px;border-top:1px solid #49463d}.blog-group>h2{font-size:32px;color:#ead28e;letter-spacing:-.02em}.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.blog-card{background:#262827;border:1px solid #49463d;border-radius:8px;overflow:hidden}.blog-card>a{display:block;height:100%}.blog-card img{aspect-ratio:16/10;object-fit:cover;height:auto}.blog-card>a>div{padding:26px}.blog-card h3{font-size:25px;font-weight:600;color:#ead28e;line-height:1.3}.blog-card p{font-size:18px;line-height:1.7}.blog-read{color:#e6c56e;font-weight:600}.blog-card a:hover h3{text-decoration:underline}
.blog-heading{position:static;height:auto;display:block;padding:0;margin:0 auto 30px;max-width:850px;background:none;border:0;backdrop-filter:none;z-index:auto}.blog-heading h1{font-size:clamp(32px,4vw,54px);color:#ead28e;line-height:1.15;margin-top:24px}.blog-lead{font-size:22px;line-height:1.65}.blog-byline{font-size:16px;color:#c3bcae}.blog-cover{margin:0 0 40px}.blog-cover img{width:100%;height:auto;max-height:470px;object-fit:cover;border-radius:8px}.blog-cover figcaption{font-size:16px;color:#c3bcae;margin-top:12px}.blog-reading{max-width:760px;margin:auto}.blog-reading p{font-size:20px;line-height:1.85}.blog-reading section{margin:38px 0;scroll-margin-top:125px}.blog-reading h2{font-size:30px;line-height:1.25;letter-spacing:-.02em;color:#ead28e}.blog-toc{display:flex;align-items:start;flex-direction:column;gap:12px;border-left:2px solid #d4b35a;padding:20px 24px;background:#242622}.blog-toc a{font-size:18px;text-decoration:underline;text-underline-offset:4px}.blog-next{border-block:1px solid #49463d;padding:24px 0}.blog-next a{font-size:22px;color:#ead28e}.blog-actions{display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin:32px 0}.blog-related{border-top:1px solid #49463d}.blog-related h2,.blog-home h2{font-size:34px;color:#ead28e}.blog-related>a{display:block;margin:18px 0;font-size:20px;text-decoration:underline}.blog-home{border-block:1px solid #49463d}
@media(max-width:1100px) and (min-width:761px){header nav{gap:12px}header nav>a{font-size:16px}}
@media(max-width:760px){.blog-grid{grid-template-columns:1fr}.blog-intro,.blog-article,.blog-related,.blog-home{padding:38px 6%}.blog-groups{padding:0 6% 32px}.blog-reading p{font-size:18px;line-height:1.8}.blog-lead{font-size:20px}.blog-card>a>div{padding:22px}.blog-toc{position:static;background:#242622}.blog-heading{padding:0;min-height:0;height:auto}.blog-reading h2{font-size:27px}.blog-categories{position:static;background:none}}

/* Own profile cladding product */
.own-profile-product{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,80px);padding:clamp(28px,5vw,72px);margin:40px auto;background:#222522;border:1px solid #d3b35d44;border-radius:12px;align-items:center}.own-profile-product p,.profile-product-page p{font-size:20px;line-height:1.7;max-width:780px}.own-profile-product h2,.profile-product-page h1,.profile-product-page h2{color:#ead18a}.own-profile-product figure,.profile-product-page figure{margin:0}.own-profile-product figcaption,.profile-product-page figcaption{font-size:16px;line-height:1.5;color:#c3beb1;margin-top:18px}.rib-cladding-visual{display:flex;height:320px;padding:25px 20px;background:#151817;overflow:hidden;transform:skewY(-4deg);border-bottom:12px solid #111311;box-shadow:0 24px 35px #0005}.rib-cladding-visual span{flex:1;min-width:0;background:linear-gradient(90deg,#414842 0%,#414842 48%,#778078 49%,#778078 54%,#202521 55%,#202521 77%,#111713 78%);border-top:2px solid #9a9b84}.profile-product-page{max-width:1180px;margin:auto;padding:64px 24px}.profile-product-page>.profile-product-intro{display:block;position:static;max-width:860px;height:auto;margin:0 0 64px;padding:0}.profile-product-intro .breadcrumb{display:block;margin-bottom:24px}.profile-product-intro h1{line-height:1.12;margin:18px 0 24px}.profile-product-intro p{margin:0 0 22px}.profile-product-intro>.btn{margin-top:8px}.profile-product-page>figure{padding-top:28px}.profile-product-page>figure figcaption{position:relative;margin-top:36px}.profile-product-page>section{padding:44px 0;border-top:1px solid #d3b35d44;margin-top:40px}.profile-product-page h1{font-size:clamp(36px,5vw,64px);overflow-wrap:anywhere}.own-profile-samples{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0}.own-profile-samples figure{padding:20px;background:#222522;border:1px solid #d3b35d44;border-radius:8px}.own-profile-samples svg{width:100%;color:#d3b35d}.own-profile-samples figcaption{color:#ead18a}@media(max-width:760px){.own-profile-product{grid-template-columns:1fr}.own-profile-samples{grid-template-columns:1fr}.own-profile-product h2{font-size:32px;overflow-wrap:anywhere}.rib-cladding-visual{height:240px}.own-profile-product p,.profile-product-page p{font-size:18px}}

/* Planner contrast: explicit foregrounds for light diagrams and dark controls. */
.configurator .viewer-profile-sections>div{background:#f3f1e9;color:#252b26;border-color:#8b9286}
.configurator .viewer-profile-sections b,.configurator .viewer-profile-sections span{color:#252b26}
.configurator .viewer-bottom,.configurator .viewer-bottom>span,.configurator .viewer-keyboard{color:#e1d9c8}
.configurator .viewer-bottom button{background:#f3f1e9;color:#252b26;border-color:#8b9286}
.configurator .config-controls,.configurator .config-technical{background:#252724;color:#eee9de;border-color:#766747}
.configurator .config-technical>summary,.configurator .config-technical>h3,.configurator .config-step h3,.configurator .config-advanced>summary{color:#ead28e}
.configurator .selector-note,.configurator .config-summary,.configurator .config-controls small,.configurator .frame-fit-note{color:#e1d9c8}
.configurator .model-attachment{background:#252724;color:#eee9de;border:1px solid #766747}
#cfg-profile-dialog{background:#f3f1e9;color:#252b26}
#cfg-profile-dialog h2,#cfg-profile-dialog span{color:#252b26}
.configurator .viewer-toolbar button[aria-pressed="true"]{background:#d4b35a;color:#181a19;border-color:#d4b35a}
.configurator .viewer-profile-sections b{display:block;line-height:1.5;overflow-wrap:normal}

/* Persistent personal WhatsApp contact; compact on phones. */
.whatsapp-contact{position:fixed;right:24px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:80;display:flex;align-items:center;gap:14px;padding:10px 20px 10px 10px;border:1px solid #d4b35a;border-radius:50px;background:#1b201d;color:#f6ecd5;box-shadow:0 5px 24px #0006;text-decoration:none;max-width:calc(100vw - 32px);box-sizing:border-box}
.whatsapp-contact:hover{background:#2b332d;border-color:#f0ce70}.whatsapp-contact:focus-visible{outline:3px solid #f0ce70;outline-offset:4px}
.whatsapp-portrait{position:relative;width:56px;height:56px;flex:0 0 56px;display:block;overflow:visible}
.whatsapp-portrait>img{display:block;width:56px;height:56px;border-radius:50%;object-fit:cover;object-position:50% 34%;border:2px solid #d4b35a;box-sizing:border-box}
.whatsapp-badge{position:absolute;right:-4px;bottom:-2px;width:25px;height:25px;padding:3px;border-radius:50%;background:#147d42;color:#fff;border:2px solid #1b201d;box-sizing:border-box}.whatsapp-badge svg{display:block;width:100%;height:100%}
.whatsapp-label{display:flex;flex-direction:column;line-height:1.35}.whatsapp-label strong{font-size:17px;color:#f0ce70}.whatsapp-label>span{font-size:14px;color:#f6ecd5}
body:has(.whatsapp-contact) footer{padding-bottom:110px}
body:has(dialog[open]) .whatsapp-contact{visibility:hidden}
@media(max-width:760px){.whatsapp-contact{right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));padding:6px 14px 6px 6px;gap:10px}.whatsapp-label strong{font-size:15px}.whatsapp-label>span{display:none}.whatsapp-portrait,.whatsapp-portrait>img{width:48px;height:48px}.whatsapp-portrait{flex-basis:48px}}
@media print{.whatsapp-contact{display:none}}

.planner-download{padding:24px;margin:20px 0;border:1px solid #d4b35a;border-radius:8px;background:#252724;color:#eee9de}.planner-download h3{color:#ead28e;font-size:24px}.planner-download p{font-size:18px;line-height:1.6}.planner-download>a{display:inline-block;margin:0 16px 20px 0}.planner-download img{display:block;width:100%;max-width:600px;height:auto;background:#fff;-webkit-touch-callout:default}
/* Planner introduction with a crisp architectural model. */
.catalog.page-top.planner-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px;max-width:1440px;margin:auto;padding:64px 32px 40px;background:transparent}
.planner-hero-copy{min-width:0}.planner-hero-copy h1{font-size:clamp(36px,4vw,62px);line-height:1.12}.planner-hero-copy p{font-size:20px;line-height:1.65;max-width:650px}.planner-hero-copy .btn{margin-top:12px}.planner-hero-art{margin:0;min-width:0}.planner-hero-art img{display:block;width:100%;height:auto;border-radius:16px;border:1px solid #685b37}.catalog.planner-intro-details{padding-top:24px;padding-bottom:32px;max-width:1200px}.planner-intro-details p{max-width:900px}#configurator{scroll-margin-top:140px}
@media(max-width:760px){.catalog.page-top.planner-hero{grid-template-columns:1fr;gap:24px;padding:32px 24px 24px}.planner-hero-copy h1{font-size:36px}.planner-hero-copy p{font-size:18px}.planner-hero-art{grid-row:2}.catalog.planner-intro-details{padding:16px 24px 28px}}
/* Actual work and a legible section drawing, without skewed placeholders. */
.profile-technical-drawing{display:block;width:100%;height:auto!important;object-fit:contain;background:#f3f1e9;border-radius:10px}.profile-real-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:36px}.own-profile-product>.profile-real-photos{grid-column:1/-1;margin-top:0}.profile-real-photos figure{min-width:0}.profile-real-photos a{display:block;border-radius:10px;overflow:hidden;background:#171b19}.profile-real-photos img{display:block;width:100%;height:auto!important;object-fit:contain}.profile-real-photos figcaption{margin:12px 0 0!important;color:#ded8c8;font-size:17px}.own-profile-product>figure{min-width:0}.profile-product-page>.profile-real-photos{margin:36px 0 48px}@media(max-width:600px){.profile-real-photos{grid-template-columns:1fr;gap:28px}.own-profile-product{padding:24px 18px}.profile-real-photos figcaption{font-size:16px}}

/* Railing concept drawings: distinct from project photography. */
.railing-examples{max-width:1400px;margin:0 auto;padding:40px clamp(20px,4vw,64px) 64px}.railing-examples>p{max-width:850px}.railing-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px}.railing-example{min-width:0;overflow:hidden;border:1px solid #d3b65d55;border-radius:12px;background:#222723}.railing-example>.gallery-image{display:block;position:relative;width:100%;padding:0;border:0;cursor:zoom-in;background:#e6e3da}.railing-example img{display:block;width:100%;height:auto!important;aspect-ratio:1000/640;object-fit:contain}.railing-example>div{padding:24px}.railing-example h3{font-size:24px;line-height:1.3;color:#e7cc80}.railing-example p{font-size:18px;line-height:1.6;color:#e4e0d5}.railing-example .card-link{color:#e7cc80}@media(max-width:900px){.railing-example-grid{grid-template-columns:1fr}.railing-example img{max-height:520px}.railing-example>div{padding:22px}}

.planner-hero-art img{display:block;width:100%;height:auto!important;object-fit:contain}.planner-hero-art figcaption{padding:12px 16px;color:#d3c7a7;font-size:14px;line-height:1.5;letter-spacing:.02em}

/* Product overview: prominent, readable uppercase titles. */
#tuotteet .compact-product>div:not(.compact-image){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 16px;min-height:0;margin-bottom:16px}
#tuotteet .compact-product>div:not(.compact-image)>span{grid-column:1;grid-row:1;font-size:15px;letter-spacing:.12em}
#tuotteet .compact-product>div:not(.compact-image)>b{grid-column:2;grid-row:1;margin:0}
#tuotteet .compact-product h3{grid-column:1/-1;grid-row:2;min-width:0;margin:0;font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:clamp(27px,2.3vw,34px);font-weight:800;line-height:1.15;letter-spacing:.015em;text-transform:uppercase;color:#ead18b;hyphens:auto;overflow-wrap:anywhere;text-wrap:balance}
@media(max-width:580px){#tuotteet .compact-product h3{font-size:clamp(25px,6.8vw,30px);line-height:1.18}#tuotteet .compact-product>div:not(.compact-image){gap:10px 14px}}

/* Compact mobile navigation and contact action leave room for the product. */
@media(max-width:760px){
 body>header,main>header,#main>header{min-height:0}
 header:has(>.brand){padding:10px 16px;gap:12px;min-height:72px}
 header .brand.brand-gold{width:min(58vw,230px);max-width:230px;flex-shrink:1}
 header .brand.brand-gold img{width:100%;height:auto;max-height:65px;object-fit:contain}
 header .menu{font-size:16px;padding:10px 12px;min-height:44px;white-space:nowrap}
 .whatsapp-contact{width:60px;height:60px;padding:5px;justify-content:center;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px))}
 .whatsapp-contact .whatsapp-label{display:none}
 .whatsapp-contact .whatsapp-portrait,.whatsapp-contact .whatsapp-portrait>img{width:46px;height:46px}
 .whatsapp-contact .whatsapp-portrait{flex-basis:46px}
}