:root{--navy:#10203e;--navy2:#1c3260;--cream:#faf8f3;--sand:#e9dece;--ink:#1c2637;--red:#d63b5a;--gold:#f6ce77;--line:#d9dadd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.6 Manrope,Arial,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #f2c86b;outline-offset:3px}img{max-width:100%;display:block}.wrap{width:min(1280px,calc(100% - 48px));margin:auto}.section{padding:100px 0}.eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.19em;text-transform:uppercase;color:#bd3553;margin:0 0 18px}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.055em;line-height:1.08}h2{font-size:clamp(2.4rem,4vw,4.4rem);font-weight:600;margin-bottom:20px}h3{line-height:1.2}.heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.heading>p{max-width:320px;margin:0;color:#646a74;font-size:.92rem}.underLink{display:inline-block;border-bottom:1px solid currentColor;padding-bottom:4px;font-size:.9rem;font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:12px 23px;min-height:48px;font-weight:800;font-size:.88rem;transition:transform .25s}.button:hover{transform:translateY(-3px)}.button.white{background:#fff;color:var(--navy)}.button.navy{background:var(--navy2);color:#fff}.full{width:100%}.skip{position:absolute;left:-999px;z-index:100;background:#fff;color:#000;padding:12px}.skip:focus{left:12px;top:12px}.header{position:absolute;z-index:20;top:0;left:0;right:0;color:#fff;border-bottom:1px solid #ffffff30}.nav{height:83px;display:flex;align-items:center;gap:35px}.logo{width:145px;height:auto;max-height:65px;object-fit:contain}.nav nav{display:flex;align-items:center;gap:30px;margin-left:auto;font-size:.85rem;font-weight:700}.nav nav a:hover{text-decoration:underline}.navCta{background:var(--navy2);border-radius:22px;padding:11px 20px;font-size:.85rem;font-weight:800}.nav #menu{display:none;background:transparent;color:#fff;border:1px solid #fff7;border-radius:8px;width:44px;height:44px}.hero{min-height:760px;position:relative;color:#fff;display:flex;align-items:center;overflow:hidden;background:var(--navy)}.hero>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.heroOverlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,26,51,.96),rgba(12,26,51,.72) 32%,rgba(12,26,51,.17) 75%)}.heroInner{position:relative;padding-top:120px;padding-bottom:90px}.hero .eyebrow{color:#f7d68b}.hero h1{font-size:clamp(3.5rem,5.5vw,5.1rem);line-height:1.04;max-width:820px;margin:0 0 20px;font-weight:600}.hero h1 em{font-style:normal;color:var(--gold)}.heroInner>p:not(.eyebrow){max-width:410px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px}.heroInner .actions{margin-top:26px}.lineLink{font-size:.88rem;font-weight:700;border-bottom:1px solid #fff;padding-bottom:3px}.heroInner>small{display:block;letter-spacing:.13em;text-transform:uppercase;margin-top:120px;font-size:.68rem}.discover,.preview,.resources{background:var(--cream)}.surfaceTabs{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #ddd;overflow:hidden}.surfaceTabs button{border:0;border-right:1px solid #ddd;background:transparent;color:var(--ink);padding:18px 24px;text-align:left;font-size:.9rem;font-weight:800}.surfaceTabs button:last-child{border:0}.surfaceTabs small{display:block;color:#c63151;font-size:.7rem;margin-bottom:8px}.surfaceTabs button.active{background:var(--navy2);color:#fff}.surfaceTabs button.active small{color:#f8d284}.recommend{display:grid;grid-template-columns:1.25fr .86fr .65fr;overflow:hidden;border-radius:16px;margin-top:18px;background:#fff;min-height:370px}.recommendPhoto{position:relative}.recommendPhoto img{width:100%;height:100%;object-fit:cover}.recommendPhoto span{position:absolute;bottom:18px;left:20px;color:#fff;text-transform:uppercase;font-size:.7rem;letter-spacing:.12em;font-weight:800}.recommendText{padding:34px}.recommendText h3{font-size:1.65rem;font-weight:600}.recommendText>p:not(.eyebrow){font-size:.9rem}.recommendText ul{padding:0;list-style:none;font-size:.83rem}.recommendText li{padding:7px 0;border-bottom:1px solid #d9dce5}.recommendPack{background:#f9eff4;display:grid;place-items:center;padding:25px}.recommendPack img{width:95%;height:280px;object-fit:contain;filter:drop-shadow(0 13px 13px #20243a20)}.range{background:var(--navy);color:#fff}.range .eyebrow,.planner .eyebrow,.purpose .eyebrow,.contact .eyebrow{color:#ffd48c}.range .heading>p,.planner .heading>p{color:#d4d8e4}.rangeCards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.rangeCards button{height:320px;position:relative;border:0;padding:0;text-align:left;color:#fff;overflow:hidden;border-radius:13px;background:#2c4263}.rangeCards img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.rangeCards button:hover img{transform:scale(1.055)}.rangeCards button:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#0c1837d9)}.rangeCards span{position:absolute;z-index:2;left:22px;bottom:20px;display:grid;line-height:1.4}.rangeCards small{font-size:.69rem}.rangeCards b{font-size:1.6rem;font-weight:600}.rangeCards em{font-style:normal;font-size:.78rem}.shelf{display:grid;grid-template-columns:.65fr 1.35fr;gap:35px;align-items:start;padding-top:44px}.shelfIntro{position:sticky;top:30px}.shelf h3{font-size:2rem;font-weight:600}.shelfIntro>p:not(.eyebrow){color:#cfd5e2;font-size:.9rem}.filters{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px}.filters button,.moodButtons button,.weather button,.brush button{background:transparent;border:1px solid #ffffff66;color:inherit;border-radius:999px;padding:7px 13px;font-size:.76rem}.filters .active{background:#fff;color:var(--navy)}.productGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.product{background:#fff;color:var(--ink);border-radius:14px;overflow:hidden}.productVisual{background:#f5f2f5;height:230px;display:grid;place-items:center}.productVisual img{height:90%;max-width:90%;object-fit:contain;filter:drop-shadow(0 12px 10px #1b25402b)}.productBody{padding:18px 20px 21px}.productBody small{color:#ba3052;font-size:.67rem;letter-spacing:.15em;text-transform:uppercase;font-weight:800}.productBody h4{margin:6px 0;font-size:1.1rem}.productBody p{font-size:.78rem;min-height:38px;color:#626b78;margin-bottom:14px}.productBody a{font-size:.8rem;font-weight:800;border-bottom:1px solid}.mood{background:#f1e9dc}.moodGrid,.pakistanGrid,.nextGrid,.dealerGrid,.contactGrid,.faqGrid,.purposeGrid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.moodGrid>div:first-child p:not(.eyebrow){max-width:400px}.moodButtons{display:flex;gap:7px;flex-wrap:wrap;margin:25px 0}.moodButtons button{border-color:#a6a8a4;color:var(--ink);font-size:.82rem}.moodButtons .active{background:var(--navy);color:#fff}.moodScene{height:395px;background:#ded0bb;border-radius:18px;position:relative;overflow:hidden}.moodWall{background:#a95d6b;position:absolute;left:13%;right:12%;top:0;height:65%;border-radius:75px 75px 0 0;display:grid;place-content:center;text-align:center;color:#fff;transition:background .3s}.moodWall small{font-size:.68rem}.moodWall strong{font-weight:600;font-size:1.4rem}.sofa{position:absolute;bottom:24px;left:18%;right:18%;height:145px;border-radius:68px 68px 15px 15px;background:#f9f5ed;box-shadow:0 17px 22px #43302344}.sofa:after{content:"";position:absolute;left:6%;right:6%;bottom:-12px;border-left:5px solid #75675d;border-right:5px solid #75675d;height:20px}.moodDots{position:absolute;bottom:12px;left:12px;background:#fff;padding:8px;border-radius:20px;display:flex;gap:5px}.moodDots i{height:15px;width:15px;border-radius:50%}.previewGrid{display:grid;grid-template-columns:1.2fr .8fr;background:#fff;border-radius:17px;overflow:hidden;box-shadow:0 16px 45px #1d2b4910}.photoStage{height:650px;position:relative;overflow:hidden;cursor:crosshair;background:#ccc}.photoStage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.photoStage canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;touch-action:none}.photoStage span{position:absolute;left:18px;bottom:18px;background:#fff;border-radius:8px;padding:8px 12px;font-size:.75rem;font-weight:800;z-index:3;pointer-events:none}.previewControls{padding:30px;display:flex;flex-direction:column;gap:14px}.previewControls label,.dealerPanel label,.contact label{font-size:.83rem;font-weight:800}.previewControls select,.dealerPanel select,.contact input,.contact select{display:block;width:100%;padding:12px;margin-top:6px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink)}.swatches{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}.swatches button{border:3px solid #fff;box-shadow:0 0 0 1px #9ca1aa;width:38px;height:38px;border-radius:50%}.swatches button.active{box-shadow:0 0 0 3px var(--navy)}.upload{border:1px dashed #b9bec8;padding:12px;text-align:center;border-radius:8px;cursor:pointer}.upload input{display:block;width:100%;font-size:.73rem;margin-top:7px}.flat{border:1px solid var(--line);background:#fff;color:var(--ink);padding:8px 13px;border-radius:8px;font-size:.8rem;font-weight:800}.fine,.previewControls>small{color:#626977;font-size:.76rem;margin:0}.brush{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.brush button{color:var(--ink);border-color:#a9abb2}.brush button.active{background:var(--navy);color:#fff}.brush label{display:flex;align-items:center;gap:5px}.brush input{width:65px}.previewControls .actions{gap:9px}.previewControls .button{font-size:.76rem}.comparison{height:455px;position:relative;overflow:hidden;border-radius:14px}.comparison>img,.comparison #before img{width:100%;height:100%;object-fit:cover}.comparison #before{position:absolute;inset:0 auto 0 0;width:50%;overflow:hidden}.comparison #before img{width:1280px;max-width:none;filter:grayscale(1) saturate(.4)}#handle{position:absolute;left:50%;top:0;bottom:0;border-left:2px solid #fff;color:var(--navy);pointer-events:none}#handle:after{content:"↔";position:absolute;top:50%;left:-20px;background:#fff;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;box-shadow:0 2px 8px #0004}#handle{font-size:0}.comparison input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}.comparison small{position:absolute;bottom:12px;color:#fff;background:#17233c9e;padding:5px 9px;border-radius:5px}.beforeTag{left:12px}.afterTag{right:12px}.inspireCards{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:9px;margin-top:9px}.inspireCards a{height:205px;position:relative;overflow:hidden;border-radius:12px;color:#fff}.inspireCards img{width:100%;height:100%;object-fit:cover}.inspireCards a:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#101c36c9)}.inspireCards span{position:absolute;z-index:1;bottom:14px;left:17px;font-size:.8rem}.inspireCards strong{display:block;font-size:1rem}.inspireCards small{display:block}.planner{background:var(--navy);color:#fff}.planTabs{display:flex;gap:25px;border-bottom:1px solid #ffffff32;margin-bottom:20px}.planTabs button{background:transparent;border:0;border-bottom:2px solid transparent;color:#c9d1e2;padding:12px 0;font-size:.85rem;font-weight:700}.planTabs button.active{color:#fff;border-bottom-color:var(--gold)}#planContent{min-height:310px}.planLayout{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border-radius:14px;background:#223b6b}.planOptions{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;padding:25px;background:#bb667d}.planOptions button{border:1px solid #ffffffa8;background:#ffffff18;border-radius:12px;color:#fff;text-align:left;padding:20px;font-weight:800}.planOptions button.active{background:#fff;color:var(--navy)}.planResult{padding:32px}.planResult h3{font-size:2rem;margin:8px 0}.planResult p{color:#e1e5ee}.planResult a{display:inline-block;border-bottom:1px solid;padding-bottom:4px}.calcInputs{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:28px;background:#bb667d}.calcInputs label{font-weight:800}.calcInputs input,.calcInputs select{width:100%;margin-top:8px;padding:13px;border:0;border-radius:8px}.calcInputs button{grid-column:1/-1}.purpose{background:#d63858;color:#fff}.purpose p{color:#ffecf0;max-width:380px}.purposeGrid article{display:flex;gap:25px;border-top:1px solid #ffffff5e;padding:22px 0}.purposeGrid article span{font-size:.78rem}.purposeGrid h3{margin:0 0 6px;font-size:1.13rem}.purposeGrid article p{font-size:.86rem;margin:0}.pakistan{background:var(--cream)}.exteriorPhoto{position:relative;height:420px;border-radius:16px;overflow:hidden}.exteriorPhoto img{width:100%;height:100%;object-fit:cover}.weather{position:absolute;top:15px;left:15px;display:flex;background:#fff;padding:4px;border-radius:20px;gap:3px}.weather button{border:0;color:var(--ink)}.weather button.active{background:var(--navy);color:#fff}.pakistanGrid p:not(.eyebrow){color:#606876;max-width:520px}.next{background:var(--sand)}.shadeCards{height:290px;position:relative}.shadeCards i{position:absolute;left:27%;top:15px;display:grid;place-items:center;width:150px;height:240px;border-radius:14px;box-shadow:0 15px 25px #1b223745;transform:rotate(-25deg);background:#31547e}.shadeCards i:nth-child(2){transform:rotate(-13deg);background:#dc4162}.shadeCards i:nth-child(3){transform:rotate(14deg);background:#a88ab5}.shadeCards i:nth-child(4){transform:rotate(0);background:var(--cream);z-index:3}.shadeCards img{width:90px;background:var(--navy);padding:5px;border-radius:5px}.nextGrid a{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #afaa9e;font-weight:700}.resources{background:var(--cream)}.resourceGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.resourceGrid button{border:0;background:none;text-align:left;padding:0}.resourceGrid img{height:210px;width:100%;object-fit:cover;border-radius:12px}.resourceGrid small{display:block;color:#ba3452;text-transform:uppercase;font-size:.7rem;letter-spacing:.1em;margin-top:15px}.resourceGrid strong{display:block;font-size:1rem;margin:4px 0 8px}.resourceGrid span{font-weight:700;font-size:.8rem}.faqGrid{align-items:start}.faq details{border-top:1px solid var(--line);padding:18px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between}.faq summary:after{content:"+"}.faq details[open] summary:after{content:"−"}.faq details p{color:#606876;font-size:.88rem;margin:12px 20px 0 0}.dealers{background:#f5ecdf}.dealerGrid{align-items:start}.dealerGrid ol{padding-left:18px}.dealerGrid li{border-top:1px solid #cac4bb;padding:10px 0}.dealerPanel{background:#fff;padding:28px;border-radius:14px}.formTwo{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dealerPanel>p{background:#f4f6fb;border-radius:8px;padding:12px;font-size:.85rem}.contact{background:var(--navy2);color:#fff}.contact p:not(.eyebrow){max-width:390px;color:#e2e7f1}.contact input,.contact select{background:transparent;border:0;border-bottom:1px solid #ffffff77;border-radius:0;color:#fff}.contact select option{color:#222}.contact input::placeholder{color:#cdd4e2}.contact form>button{margin-top:22px}.contact form>small{display:block;margin-top:10px;color:#e2e7f1}footer{background:#0a1830;color:#fff;padding:60px 0 22px}.footerTop{display:flex;align-items:center;gap:30px;border-bottom:1px solid #ffffff33;padding-bottom:35px}.footerTop img{width:150px}.footerTop p{max-width:400px;color:#ccd3e1;margin:0}.footerTop a{margin-left:auto}.footerColumns{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:35px 0}.footerColumns h3{font-size:.85rem}.footerColumns a{display:block;color:#c9d0de;font-size:.83rem;margin:9px 0}.copyright{display:flex;justify-content:space-between;color:#a9b3c7;border-top:1px solid #ffffff22;padding-top:20px;font-size:.75rem}dialog{border:0;border-radius:20px;width:min(600px,calc(100% - 30px));padding:36px;box-shadow:0 20px 80px #0006}dialog::backdrop{background:#0e1c33bd}#guideClose{position:absolute;right:15px;top:10px;border:0;background:transparent;font-size:2rem}#toast{position:fixed;bottom:20px;right:20px;background:var(--navy);color:#fff;border-radius:10px;padding:12px 18px;opacity:0;pointer-events:none;transition:.2s;z-index:100}#toast.show{opacity:1}
@media(max-width:900px){.nav nav{display:none;position:absolute;top:83px;left:0;right:0;background:var(--navy);padding:20px 24px;flex-direction:column;align-items:start}.nav nav.open{display:flex}.nav #menu{display:block;margin-left:auto}.navCta{display:none}.recommend{grid-template-columns:1fr 1fr}.recommendPhoto{grid-column:1/-1;height:320px}.shelf{grid-template-columns:1fr}.shelfIntro{position:static}.moodGrid,.pakistanGrid,.nextGrid,.dealerGrid,.contactGrid,.faqGrid,.purposeGrid{gap:30px}.previewGrid{grid-template-columns:1fr}.photoStage{height:480px}}
@media(max-width:650px){.wrap{width:min(100% - 28px,1280px)}.section{padding:65px 0}.heading{display:block}.heading>p{margin-top:10px}.hero{min-height:710px}.hero>img{object-position:60%}.heroInner{padding-top:140px}.hero h1{font-size:clamp(3.2rem,12vw,4.8rem)}.heroInner>small{margin-top:85px}.surfaceTabs{grid-template-columns:repeat(2,1fr)}.surfaceTabs button{padding:12px}.recommend{grid-template-columns:1fr}.recommendPhoto{height:250px}.recommendPack{height:220px}.recommendPack img{height:200px}.rangeCards,.productGrid,.resourceGrid,.inspireCards,.moodGrid,.pakistanGrid,.nextGrid,.dealerGrid,.contactGrid,.faqGrid,.purposeGrid,.formTwo,.planLayout{grid-template-columns:1fr}.rangeCards button{height:250px}.shelf{gap:25px}.moodScene{height:320px}.photoStage{height:330px}.previewControls{padding:23px}.comparison{height:260px}.comparison #before img{width:750px}.inspireCards a{height:190px}.planTabs{gap:13px;overflow:auto}.planTabs button{white-space:nowrap}.planOptions{grid-template-columns:1fr 1fr;padding:15px}.planOptions button{padding:12px}.calcInputs{grid-template-columns:1fr}.purposeGrid article{padding:15px 0}.exteriorPhoto{height:285px}.shadeCards{height:250px}.resourceGrid button{margin-bottom:20px}.footerTop{align-items:start;flex-wrap:wrap}.footerTop a{margin-left:0}.footerColumns{grid-template-columns:1fr 1fr}.copyright{display:block}.copyright span{display:block;margin-top:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Authentic shade-card showcase */
.shadeDeck{position:relative;min-height:520px;isolation:isolate}.shadeDeck:before{content:"";position:absolute;left:8%;right:8%;bottom:3%;height:28%;border-radius:50%;background:#10203e2e;filter:blur(30px)}.shadeDeckCard{position:absolute;left:50%;top:50%;width:min(260px,46%);aspect-ratio:1307/1800;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 28px 55px #15223c45;transition:transform .35s,box-shadow .35s}.shadeDeckCard img{width:100%;height:100%;object-fit:cover}.shadeDeckEmulsion{z-index:3;transform:translate(-50%,-50%) rotate(-2deg)}.shadeDeckMatt{z-index:2;transform:translate(-95%,-48%) rotate(-15deg)}.shadeDeckWeather{z-index:1;transform:translate(-5%,-46%) rotate(13deg)}.shadeDeckCard:hover,.shadeDeckCard:focus-visible{z-index:5;box-shadow:0 34px 70px #15223c5e}.shadeDeckEmulsion:hover,.shadeDeckEmulsion:focus-visible{transform:translate(-50%,-54%) rotate(0)}.shadeDeckMatt:hover,.shadeDeckMatt:focus-visible{transform:translate(-99%,-53%) rotate(-10deg)}.shadeDeckWeather:hover,.shadeDeckWeather:focus-visible{transform:translate(-1%,-51%) rotate(9deg)}
@media(max-width:900px){.shadeDeck{min-height:440px}}
@media(max-width:650px){.shadeDeck{min-height:390px}.shadeDeckCard{width:min(190px,52%)}.shadeDeckMatt{transform:translate(-90%,-48%) rotate(-13deg)}.shadeDeckWeather{transform:translate(-10%,-46%) rotate(11deg)}}
/* Spacious editorial scale for the supplied design */
@media(min-width:901px){
.wrap{width:min(1540px,calc(100% - 80px))}
.section{padding:clamp(110px,8.5vw,160px) 0;min-height:min(960px,100svh);display:flex;align-items:center}
.section>.wrap{width:min(1540px,calc(100% - 80px))}
.hero{min-height:100svh}
.heading{margin-bottom:48px}.heading>p{max-width:390px;font-size:1rem}
.recommend{min-height:470px}.recommendText{padding:46px}.recommendPack img{height:360px}
.rangeCards button{height:420px}.rangeCards b{font-size:2rem}.rangeCards span{left:30px;bottom:28px}
.shelf{gap:60px;padding-top:75px}.shelf h3{font-size:2.3rem}.productVisual{height:300px}.productBody{padding:24px}
.moodScene{height:520px}.moodWall{height:67%}.sofa{height:180px;bottom:35px}
.photoStage{height:760px}.previewControls{padding:44px;gap:18px}
.comparison{height:560px}.inspireCards a{height:285px}
.exteriorPhoto{height:540px}.resourceGrid img{height:270px}
.next{min-height:900px}.shadeCards{height:430px}.shadeCards i{left:25%;top:25px;width:220px;height:345px;border-radius:20px}.shadeCards img{width:125px}
.dealerPanel{padding:46px}.faq details{padding:23px 0}
}
@media(min-width:1500px){.section>.wrap,.wrap{width:min(1640px,calc(100% - 112px))}.hero h1{font-size:clamp(5rem,5.8vw,7rem)}.recommend{grid-template-columns:1.25fr .86fr .65fr}.previewGrid{grid-template-columns:1.3fr .7fr}}
/* Dedicated paint calculator */
.calculatorSection{background:#f2ebe4;color:var(--ink)}
.calculatorGrid{display:grid;grid-template-columns:1.1fr .9fr;min-height:600px;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 25px 70px #23365c17}
.calculatorVisual{position:relative;min-height:600px;overflow:hidden;background:var(--navy)}
.calculatorVisual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.calculatorVisual:after{content:"";position:absolute;inset:20% 0 0;background:linear-gradient(transparent,#0a1b3cde)}
.calculatorVisualText{position:absolute;z-index:1;left:9%;right:9%;bottom:8%;color:#fff}
.calculatorVisualText span{font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:var(--gold);font-weight:800}
.calculatorVisualText strong{display:block;max-width:600px;font-size:clamp(2rem,3vw,3.5rem);font-weight:600;letter-spacing:-.04em;line-height:1.1;margin:15px 0}
.calculatorVisualText p{max-width:440px;color:#e8ecf1;margin:0}
.calculatorForm{padding:clamp(32px,5vw,76px);display:flex;flex-direction:column;justify-content:center}
.calculatorForm h3{font-size:clamp(1.75rem,2.25vw,2.6rem);font-weight:600;letter-spacing:-.04em;margin:0 0 35px}
.calcFields{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.calcFields label{font-weight:800;font-size:.9rem}.calcFields label span{font-weight:500;color:#687381}
.calcFields input,.calcFields select{display:block;width:100%;height:60px;margin:10px 0 24px;padding:0 18px;border:1px solid #cfd3db;border-radius:12px;background:#fff;color:var(--ink);font-size:1.1rem}
.calculatorForm .button{min-height:58px}
.calcOutput{min-height:165px;margin:25px 0 14px;padding:22px 25px;background:#edf1f8;border-radius:14px;border-left:5px solid var(--navy2)}
.calcOutput span{display:block;letter-spacing:.15em;font-size:.72rem;font-weight:800;color:#435c83}
.calcOutput strong{display:block;font-size:clamp(2.2rem,3vw,3.3rem);font-weight:800;color:var(--navy2);letter-spacing:-.05em;line-height:1.15;margin:8px 0}
.calcOutput em{font-size:1.2rem;font-style:normal;letter-spacing:0}.calcOutput p{font-size:.82rem;margin:0;color:#526071}.calculatorForm>small{font-size:.75rem;color:#616b78}
@media(max-width:900px){.calculatorGrid{grid-template-columns:1fr}.calculatorVisual{min-height:360px}.calculatorForm{padding:32px}.calcOutput{min-height:0}}
@media(max-width:650px){.section{min-height:0}.calculatorVisual{min-height:320px}.calculatorVisualText strong{font-size:2rem}.calcFields{grid-template-columns:1fr;gap:0}.calcFields input,.calcFields select{margin-bottom:14px}.calculatorForm{padding:25px}.shadeCards{height:310px}.shadeCards i{left:24%;top:18px;width:145px;height:240px}.shadeCards img{width:95px}.calculatorSection .heading{margin-bottom:25px}}

/* Product packs stay inside the image panel at every card width. */
.productVisual{position:relative;overflow:hidden;isolation:isolate;display:block}
.productVisual img{position:absolute;inset:8%;width:84%;height:84%;max-width:none;object-fit:contain}

/* Dealer finder */
.dealers{background:#f4eee5;padding-block:clamp(70px,8vw,120px)}
.dealerGrid{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:0;align-items:stretch;min-height:610px;border-radius:26px;overflow:hidden;background:#fff;box-shadow:0 25px 65px #1b2d4b14}
.dealerStory{position:relative;min-width:0;min-height:610px;overflow:hidden;background:#142643;color:#fff}
.dealerStory>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.dealerStory:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#10203e65 0%,#10203ed9 60%,#10203ef2 100%)}
.dealerStoryContent{position:relative;z-index:1;min-height:610px;padding:clamp(32px,5vw,72px);display:flex;flex-direction:column;justify-content:flex-end}
.dealerStory .eyebrow{color:#ffda91}.dealerStory h2{font-size:clamp(2.6rem,4vw,4.8rem);margin-bottom:23px}.dealerStoryContent>p:not(.eyebrow){max-width:460px;font-size:1.04rem;color:#f3f5fa;line-height:1.7}
.dealerStoryNote{display:block;border-top:1px solid #ffffff66;padding-top:18px;margin-top:36px;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#f8d48e}
.dealerPanel{min-width:0;border-radius:0;padding:clamp(32px,4vw,72px);display:flex;flex-direction:column;justify-content:center}
.dealerPanel h3{font-size:clamp(1.8rem,2.5vw,2.9rem);letter-spacing:-.045em;margin:0 0 12px;font-weight:650}.dealerLead{color:#5f6878;font-size:.95rem;max-width:440px;margin-bottom:30px}
.dealerFields{display:grid;grid-template-columns:1fr;gap:20px}.dealerFields label{display:block}.dealerFields select{min-height:55px;margin-top:9px;padding:12px 16px;border-radius:10px;background:#fff}
.dealerFields select:disabled{background:#f5f6f8;color:#707987}.dealerResultBox{border:1px solid #dfe4ed;background:#f7f9fc;border-radius:12px;padding:17px 19px;margin:26px 0 22px}
.dealerResultBox span{display:block;color:#a32e4a;font-size:.69rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800}.dealerResultBox p{font-size:.89rem;margin:7px 0 0;color:#26354e;line-height:1.55}
.dealerPanel .button{min-height:55px;gap:12px}.dealerPanel>small{display:block;color:#677181;font-size:.75rem;line-height:1.55;margin-top:18px}
@media(max-width:900px){.dealerGrid{grid-template-columns:1fr}.dealerStory,.dealerStoryContent{min-height:400px}.dealerPanel{padding:40px}}
@media(max-width:650px){.dealerGrid{border-radius:18px}.dealerStory,.dealerStoryContent{min-height:400px}.dealerStoryContent{padding:30px}.dealerStory h2{font-size:clamp(2.4rem,10vw,3.5rem)}.dealerPanel{padding:30px 24px}.dealerLead{margin-bottom:23px}}

/* Product category navigation */
.navGroup{position:relative}.navGroup>a{display:block}.navDropdown{position:absolute;left:-22px;top:calc(100% + 22px);width:310px;padding:10px;background:#fff;color:var(--ink);border-radius:14px;box-shadow:0 22px 55px #06142b38;opacity:0;visibility:hidden;transform:translateY(8px);transition:.22s;pointer-events:none}.navDropdown:before{content:"";position:absolute;left:0;right:0;top:-25px;height:30px}.navGroup:hover .navDropdown,.navGroup:focus-within .navDropdown{opacity:1;visibility:visible;transform:none;pointer-events:auto}.navDropdown a{display:block;padding:12px;border-radius:9px}.navDropdown a:hover{background:#f2f4f8;text-decoration:none!important}.navDropdown b,.navDropdown span{display:block}.navDropdown b{font-size:.82rem}.navDropdown span{color:#697384;font-size:.68rem;font-weight:500;margin-top:2px}
@media(max-width:900px){.navGroup{width:100%}.navGroup>a{padding-bottom:6px}.navDropdown{position:static;width:100%;opacity:1;visibility:visible;transform:none;pointer-events:auto;box-shadow:none;background:#182b4d;color:#fff;padding:6px;margin-top:4px}.navDropdown span{color:#cbd3e0}.navDropdown a:hover{background:#ffffff12}}
/* Central Reliable shade library */
.shadeCompact{margin-top:auto;padding-top:18px;border-top:1px solid rgba(16,32,62,.12)}.shadeCompactHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.shadeCompactHead span{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#59657a}.shadeCompactHead button{border:0;background:none;padding:0;color:#10203e;font:700 12px/1.2 Manrope,sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.shadeCompactDots{display:flex;gap:5px;overflow:hidden}.shadeCompactDots i{width:25px;height:25px;flex:0 0 25px;border-radius:50%;background:var(--shade);box-shadow:inset 0 0 0 1px rgba(16,32,62,.14),0 2px 5px rgba(16,32,62,.08)}
.shadeSectionHead{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:40px;margin-bottom:35px}.shadeSectionHead h2{max-width:760px;margin:.25em 0;font-size:clamp(34px,4vw,62px);line-height:1.02}.shadeSectionHead p{max-width:700px;color:#657084}.shadeOpenButton{border:0;cursor:pointer;white-space:nowrap}.featuredShadeGrid,.shadeGrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.shadeSwatch{min-width:0;padding:0;border:1px solid rgba(16,32,62,.12);border-radius:15px;overflow:hidden;background:#fff;color:#10203e;text-align:left;font:inherit;transition:.2s ease}.shadeSwatch>i{display:block;height:82px;background:var(--shade);box-shadow:inset 0 0 0 1px rgba(16,32,62,.06)}.shadeSwatch>span{display:flex;align-items:end;justify-content:space-between;gap:7px;padding:11px}.shadeSwatch b{min-width:0;font-size:12px;line-height:1.3}.shadeSwatch small{font-size:10px;color:#6f7888}.shadeSwatch:is(button){cursor:pointer}.shadeSwatch:is(button):hover,.shadeSwatch.selected{transform:translateY(-3px);border-color:#10203e;box-shadow:0 12px 24px rgba(16,32,62,.1)}.shadeSafety{margin-top:24px;padding:20px 22px;border-radius:16px;background:#f4eee3;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px}.shadeSafety span{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#c13d58}.shadeSafety p{margin:0;font-size:13px;color:#586276}.shadeSafety a{color:#10203e;font-weight:800;font-size:13px}.productShadeSection{background:#fbfaf7}
.rangeLaunchGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.rangeLaunchGrid button{padding:0 0 22px;border:1px solid rgba(16,32,62,.12);border-radius:20px;overflow:hidden;background:#fff;color:#10203e;text-align:left;cursor:pointer;transition:.25s ease}.rangeLaunchGrid button:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(16,32,62,.1)}.rangeLaunchGrid button>span{display:grid;grid-template-columns:repeat(3,1fr);height:110px}.rangeLaunchGrid i{background:var(--shade)}.rangeLaunchGrid small,.rangeLaunchGrid b,.rangeLaunchGrid em{display:block;margin:0 18px}.rangeLaunchGrid small{margin-top:18px;color:#c13d58;font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.rangeLaunchGrid b{margin-top:5px;font-size:17px}.rangeLaunchGrid em{margin-top:16px;font-style:normal;font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.shadeExplorer{width:min(1220px,calc(100% - 32px));height:min(860px,calc(100dvh - 32px));max-width:none;max-height:none;margin:auto;padding:0;border:0;border-radius:24px;background:#f8f6f1;color:#10203e;box-shadow:0 30px 90px rgba(7,17,35,.35)}.shadeExplorer::backdrop{background:rgba(7,17,35,.72);backdrop-filter:blur(8px)}.shadeExplorerTop{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;gap:25px;padding:28px 32px 22px;background:#10203e;color:#fff}.shadeExplorerTop small{color:#f2c755;font-weight:800;letter-spacing:.13em}.shadeExplorerTop h2{margin:5px 0 2px;font-size:clamp(27px,3vw,44px)}.shadeExplorerTop p{margin:0;color:#c8d1df;font-size:13px}.shadeClose{width:44px;height:44px;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:transparent;color:#fff;font-size:28px;cursor:pointer}.shadeExplorerTools{position:sticky;top:122px;z-index:2;display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:14px;padding:18px 32px;background:#eee8dd;border-bottom:1px solid rgba(16,32,62,.12)}.shadeExplorerTools label span{display:block;margin-bottom:6px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.shadeExplorerTools select,.shadeExplorerTools input{width:100%;height:46px;padding:0 13px;border:1px solid #c9c3b8;border-radius:10px;background:#fff;color:#10203e;font:600 13px Manrope,sans-serif}.shadeGrid{padding:28px 32px 100px}.shadeExplorerFoot{position:sticky;bottom:0;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 32px;background:#fff;border-top:1px solid rgba(16,32,62,.12)}.shadeExplorerFoot p{margin:0;color:#5c6677;font-size:12px}.shadeExplorerFoot a{white-space:nowrap;color:#10203e;font-size:13px;font-weight:800}.shadeEmpty{grid-column:1/-1;padding:60px;text-align:center;color:#6a7483}.shadeModalOpen{overflow:hidden}
@media(max-width:980px){.featuredShadeGrid,.shadeGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.rangeLaunchGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.shadeSectionHead{grid-template-columns:1fr;align-items:start}.shadeSafety{grid-template-columns:1fr}.shadeExplorerTools{top:116px}}
@media(max-width:640px){.shadeCompactDots i{width:22px;height:22px;flex-basis:22px}.featuredShadeGrid,.shadeGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.shadeSwatch>i{height:70px}.rangeLaunchGrid{grid-template-columns:1fr}.shadeExplorer{width:100%;height:100dvh;border-radius:0}.shadeExplorerTop{padding:20px}.shadeExplorerTools{position:relative;top:auto;grid-template-columns:1fr;padding:14px 20px}.shadeGrid{padding:20px 20px 110px}.shadeExplorerFoot{padding:13px 20px;align-items:flex-start;flex-direction:column}.shadeExplorerFoot p{font-size:10px}.shadeSafety{padding:17px}.shadeSectionHead{gap:18px}.shadeOpenButton{width:100%}}
.previewAllShades{display:grid!important;place-items:center!important;width:46px!important;height:46px!important;border:1px solid #10203e!important;border-radius:50%!important;background:#fff!important;color:#10203e!important;font:800 11px Manrope,sans-serif!important;cursor:pointer}.swatches{flex-wrap:wrap}
.roomAllShades{margin-top:18px;padding:13px 20px;border:1px solid #10203e;border-radius:999px;background:#fff;color:#10203e;font:800 12px Manrope,sans-serif;cursor:pointer;transition:.2s ease}.roomAllShades:hover{background:#10203e;color:#fff}
.selectedOfficialShade{display:flex!important;align-items:center!important;gap:8px!important;width:auto!important;height:46px!important;padding:5px 11px 5px 5px!important;border:2px solid #10203e!important;border-radius:999px!important;background:#fff!important;color:#10203e!important}.selectedOfficialShade i{width:34px;height:34px;border-radius:50%;background:var(--selected-shade);box-shadow:inset 0 0 0 1px #10203e22}.selectedOfficialShade span{display:grid;text-align:left;font:800 10px/1.15 Manrope,sans-serif}.selectedOfficialShade small{font-size:9px;color:#6d7582}
.exteriorPhoto img{transition:filter .6s ease,transform .9s ease}.weather{z-index:5}.weatherFx{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;transition:background .6s ease,opacity .6s ease}.weatherFx i,.weatherFx span{position:absolute}.weatherState{position:absolute;z-index:4;left:22px;bottom:20px;padding:8px 13px;border:1px solid #ffffff66;border-radius:999px;background:#10203ecc;color:#fff;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(8px)}
.weather-sun .exteriorPhoto img{filter:saturate(1.12) contrast(1.04) brightness(1.05);transform:scale(1.015)}.weather-sun .weatherFx{background:linear-gradient(135deg,rgba(255,197,81,.38),transparent 42%)}.weather-sun .weatherFx span{width:250px;height:250px;left:-80px;top:-90px;border-radius:50%;background:radial-gradient(circle,#fff8c7 0,#ffc95a99 25%,transparent 68%);animation:sunPulse 3.5s ease-in-out infinite}
.weather-rain .exteriorPhoto img{filter:saturate(.82) contrast(1.1) brightness(.74) hue-rotate(7deg);transform:scale(1.025)}.weather-rain .weatherFx{background:linear-gradient(#35506a66,#13294355)}.weather-rain .weatherFx:after{content:"";position:absolute;inset:60% 0 0;background:linear-gradient(transparent,rgba(150,203,233,.18))}.weather-rain .weatherFx i{display:block;width:2px;height:95px;top:-110px;background:linear-gradient(transparent,rgba(210,235,255,.9));transform:rotate(15deg);animation:rainFall 1.05s linear infinite}.weather-rain .weatherFx i:nth-child(1){left:8%;animation-delay:-.2s}.weather-rain .weatherFx i:nth-child(2){left:25%;animation-delay:-.7s}.weather-rain .weatherFx i:nth-child(3){left:43%;animation-delay:-.4s}.weather-rain .weatherFx i:nth-child(4){left:60%;animation-delay:-.9s}.weather-rain .weatherFx i:nth-child(5){left:78%;animation-delay:-.1s}.weather-rain .weatherFx i:nth-child(6){left:92%;animation-delay:-.55s}
.weather-dust .exteriorPhoto img{filter:sepia(.38) saturate(.65) contrast(.9) brightness(1.04);transform:scale(1.018)}.weather-dust .weatherFx{background:linear-gradient(90deg,rgba(190,153,101,.5),rgba(224,194,146,.2))}.weather-dust .weatherFx i{display:block;width:12px;height:12px;border-radius:50%;background:#f1d5a7aa;box-shadow:38px 22px 0 4px #c99e6277,95px -18px 0 2px #f2d6aa88,150px 35px 0 6px #b98a5266;animation:dustDrift 5s ease-in-out infinite}.weather-dust .weatherFx i:nth-child(1){left:-20%;top:20%}.weather-dust .weatherFx i:nth-child(2){left:5%;top:40%;animation-delay:-2s}.weather-dust .weatherFx i:nth-child(3){left:30%;top:65%;animation-delay:-3.2s}.weather-dust .weatherFx i:nth-child(4){left:55%;top:28%;animation-delay:-1.2s}.weather-dust .weatherFx i:nth-child(5){left:72%;top:52%;animation-delay:-4s}.weather-dust .weatherFx i:nth-child(6){left:88%;top:75%;animation-delay:-2.6s}
@keyframes sunPulse{50%{transform:scale(1.12);opacity:.78}}@keyframes rainFall{to{transform:translate(30px,680px) rotate(15deg)}}@keyframes dustDrift{50%{transform:translate(85px,-18px);opacity:.55}100%{transform:translate(170px,10px);opacity:0}}
@media(prefers-reduced-motion:reduce){.weatherFx *{animation:none!important}.exteriorPhoto img{transition:none}}