:root{--ink:#141819;--ink2:#202626;--gold:#e6ae21;--goldlight:#f8d16a;--cream:#faf9f5;--paper:#fff;--line:#e7e4dc;--muted:#5e6462;--green:#345748;--radius:18px;--shadow:0 18px 45px rgba(15,20,18,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--cream);line-height:1.58;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.11;letter-spacing:-.045em}h1{font-size:clamp(2.8rem,5.7vw,5.3rem)}h2{font-size:clamp(2rem,3.7vw,3.4rem)}h3{font-size:1.26rem}p{color:var(--muted)}strong{font-weight:750}.container{width:min(1170px,calc(100% - 40px));margin-inline:auto}.narrow{width:min(780px,calc(100% - 40px));margin-inline:auto}.skip{position:absolute;left:12px;top:-60px;background:#fff;color:#111;padding:12px 18px;z-index:100}.skip:focus{top:12px}.topstrip{background:#13191a;color:#d9d9d5;font-size:.78rem;letter-spacing:.01em}.topstrip .container{min-height:34px;display:flex;justify-content:space-between;align-items:center;gap:14px}.topstrip span{opacity:.88}.topstrip a{font-weight:700;color:#f2ce71}.site-header{background:#fff;border-bottom:1px solid #eeeae1;position:sticky;top:0;z-index:40;box-shadow:0 5px 20px rgba(0,0,0,.025)}.head-inner{display:flex;align-items:center;gap:24px;justify-content:space-between;min-height:82px}.brand{display:flex;gap:11px;align-items:center;flex-shrink:0}.brand-mark{background:var(--ink);color:var(--gold);font-size:1.5rem;font-weight:1000;letter-spacing:-.11em;line-height:1;padding:12px 14px 12px 11px;border-radius:9px;border-top:4px solid var(--gold)}.brand-type strong{display:block;font-size:1.02rem;letter-spacing:.015em;line-height:1.15}.brand-type small{font-size:.61rem;display:block;color:#81817f;letter-spacing:.17em;font-weight:850;margin-top:4px}.nav{display:flex;align-items:center;gap:24px}.nav a{font-size:.91rem;font-weight:650;color:#333b38}.nav a:hover,.nav a[aria-current=page]{color:#a87605}.header-actions{display:flex;align-items:center;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:11px;font-size:.93rem;font-weight:800;line-height:1.25;border:2px solid transparent;transition:transform .18s,background .18s,color .18s;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn-gold{background:var(--gold);color:#111616}.btn-gold:hover{background:#f5c044}.btn-dark{background:#1c2424;color:#fff}.btn-dark:hover{background:#344040}.btn-outline{border-color:#ffffff6b;color:white;background:transparent}.btn-outline:hover{background:#ffffff16}.btn-soft{color:#161b19;background:#f1eee6;border:1px solid #e1dbcd}.btn-arrow{font-size:1.12rem}.hamburger{border:0;background:#f4f2ed;border-radius:10px;width:45px;height:45px;display:none;align-items:center;justify-content:center;font-size:24px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#a97400;font-weight:850;font-size:.77rem;letter-spacing:.13em;text-transform:uppercase}.eyebrow:before{content:"";width:22px;height:2px;background:currentColor}.hero{background:#151819;color:#fff;overflow:hidden;position:relative}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 75% 45%,rgba(213,162,24,.17),transparent 48%),linear-gradient(135deg,#191f20,#0a0d0d 90%)}.hero-inner{position:relative;display:grid;grid-template-columns:1.12fr .88fr;min-height:635px;align-items:center;gap:25px}.hero-copy{padding:76px 0 84px;position:relative;z-index:1}.hero .eyebrow{color:var(--goldlight)}.hero h1{max-width:710px;line-height:1.05;margin:23px 0 22px}.hero h1 .gold{color:var(--goldlight)}.hero p{color:#ccd1ce;font-size:1.08rem;max-width:555px;margin-bottom:31px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.hero-points{margin-top:34px;display:flex;gap:22px;flex-wrap:wrap;color:#c2c7c4;font-weight:650;font-size:.87rem}.hero-points span{display:flex;align-items:center;gap:7px}.check{color:var(--goldlight);font-weight:900}.hero-art{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center}.hero-art:before{content:"";position:absolute;inset:12% 4% 15% 0;border:1px solid #f4c75a2e;border-radius:48% 52% 45% 55%;transform:rotate(-14deg)}.hero-art:after{content:"";position:absolute;right:-30%;bottom:-35%;height:450px;width:450px;border:1px solid #f4c75a20;border-radius:50%}.hero-art img{width:100%;max-width:610px;position:relative;z-index:1;filter:drop-shadow(0 26px 40px #0007);border-radius:9px;mix-blend-mode:lighten}.section{padding:92px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:32px}.section-head h2{max-width:720px;margin:13px 0 0}.section-head p{max-width:400px}.light{background:#fff}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.service-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:31px;display:flex;flex-direction:column;min-height:255px;box-shadow:0 8px 28px #12161506;transition:transform .18s,box-shadow .18s}.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.icon-tile{width:53px;height:53px;background:#fff5d7;border:1px solid #f4e0a2;border-radius:13px;color:#ac7900;display:grid;place-items:center;margin-bottom:18px}.icon-tile svg{width:28px;height:28px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.service-card h3{margin:0 0 7px;font-size:1.38rem}.service-card p{margin:0 0 17px;flex:1}.text-link{color:#987006;font-weight:850;font-size:.9rem}.feature-band{background:#eae6d9}.feature-band .container{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.feature-item{padding:30px 31px;border-right:1px solid #ccc6b6;display:flex;align-items:flex-start;gap:13px}.feature-item:first-child{padding-left:0}.feature-item:last-child{border:0}.feature-item .num{font-size:1.7rem;line-height:1;color:#a2760d;font-weight:900}.feature-item strong{display:block;font-size:1.02rem;line-height:1.2;margin-bottom:6px}.feature-item p{margin:0;font-size:.9rem}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:85px}.illustration{min-height:430px;border-radius:26px;background:#1a2222;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.illustration:before{content:"";position:absolute;width:400px;height:400px;border-radius:50%;border:1px solid #d6aa4666;box-shadow:0 0 0 48px #d6aa4610,0 0 0 110px #d6aa4608}.illustration .ill-inner{z-index:1;text-align:center;color:#fff}.ill-inner .big{display:block;font-size:clamp(5rem,12vw,9rem);font-weight:1000;letter-spacing:-.12em;color:var(--gold);line-height:.9}.ill-inner .small{font-weight:850;letter-spacing:.25em;text-transform:uppercase;font-size:.9rem;margin-top:15px}.check-list{display:grid;gap:17px;margin:25px 0 28px;padding:0;list-style:none}.check-list li{display:flex;gap:13px;align-items:start;color:#3f4843}.check-list li:before{content:"✓";background:#e5eddc;color:#3c6543;display:grid;place-items:center;border-radius:50%;flex:0 0 24px;width:24px;height:24px;font-weight:850;font-size:.8rem}.process{background:#181f20;color:#fff}.process h2{color:#fff}.process .eyebrow{color:#e9c66a}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}.step{padding:30px;background:#ffffff0a;border:1px solid #ffffff20;border-radius:17px}.step .number{display:inline-flex;width:42px;height:42px;background:var(--gold);color:#151515;border-radius:10px;align-items:center;justify-content:center;font-weight:1000;margin-bottom:25px}.step h3{color:white}.step p{color:#b9c2bd;margin:0}.faq{display:grid;grid-template-columns:.72fr 1.28fr;gap:80px}.faq details{border-bottom:1px solid #d5d8d0;padding:20px 0}.faq details:first-child{border-top:1px solid #d5d8d0}.faq summary{font-weight:750;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-size:1.6rem;color:#b2820d;line-height:1}.faq details[open] summary:after{content:"−"}.faq details p{margin:13px 0 0;font-size:.95rem}.cta{background:linear-gradient(125deg,#e3ad25,#f7cc63);border-radius:27px;padding:48px 54px;display:flex;gap:35px;align-items:center;justify-content:space-between}.cta h2{margin:0 0 10px;font-size:clamp(2rem,3vw,3rem)}.cta p{color:#3d3b32;margin:0;max-width:630px}.cta .btn{flex-shrink:0}.footer{background:#121717;color:#e9eee8;padding:61px 0 24px}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr 1fr;gap:60px}.footer p{color:#9ba6a0}.footer h3{font-size:.95rem;letter-spacing:.04em;margin-bottom:16px;color:#fff}.footer a:not(.brand){color:#cad0cc}.footer a:hover{color:var(--goldlight)}.foot-links{display:grid;gap:11px;font-size:.93rem}.foot-note{border-top:1px solid #ffffff19;padding-top:21px;margin-top:48px;display:flex;justify-content:space-between;gap:20px;font-size:.8rem;color:#94a19a}.foot-note a{color:#94a19a}.page-hero{background:#181e1f;color:white;padding:82px 0 87px;position:relative;overflow:hidden}.page-hero:before{content:"";position:absolute;width:650px;height:650px;border:2px solid #e7b53a2a;transform:rotate(19deg);border-radius:90px;right:-210px;top:-430px}.page-hero .container{position:relative;z-index:1}.page-hero .eyebrow{color:var(--goldlight)}.page-hero h1{max-width:900px;margin:18px 0 18px;font-size:clamp(2.6rem,5vw,4.6rem)}.page-hero p{color:#cdd6d0;font-size:1.08rem;max-width:760px;margin:0}.breadcrumbs{margin-bottom:22px;font-size:.85rem;color:#c1c8c4}.breadcrumbs a{color:#eccc76}.bodycopy h2{margin:30px 0 16px;font-size:clamp(1.65rem,2.7vw,2.5rem)}.bodycopy h3{margin:27px 0 12px}.bodycopy p{margin-bottom:20px}.bodycopy ul{padding-left:22px;color:#48514c}.bodycopy li{margin:12px 0}.subservice-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:70px;align-items:start}.sidebar{background:#fff;border:1px solid var(--line);border-radius:16px;padding:30px;position:sticky;top:112px}.sidebar h3{margin:0 0 10px}.sidebar p{font-size:.93rem}.sidebar .btn{width:100%;margin-top:7px}.sidebar .small{margin-top:14px;font-size:.83rem;text-align:center}.mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:25px 0}.mini-card{border:1px solid var(--line);border-radius:12px;background:#fff;padding:18px;color:#36433b;font-weight:750}.mini-card:before{content:"✓";color:#ae790b;margin-right:10px}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:52px;align-items:start}.contact-info{background:#192021;color:#fff;border-radius:20px;padding:37px}.contact-info h2{font-size:2rem;color:white}.contact-info p{color:#ccd3cf}.contact-info .value{display:block;padding:18px 0;border-bottom:1px solid #ffffff20;color:#f7cf6f;font-weight:750;word-wrap:break-word}.form-panel{background:#fff;border:1px solid var(--line);padding:40px;border-radius:20px;box-shadow:var(--shadow)}.form-panel h2{font-size:2rem;margin-bottom:12px}.form-panel p{font-size:.94rem}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:flex;flex-direction:column;gap:6px;margin:0 0 17px}.field label{font-weight:750;font-size:.86rem}.field input,.field select,.field textarea{border:1px solid #cbcfc8;background:#fff;border-radius:9px;padding:13px 14px;color:#202723;width:100%;min-height:51px;outline:0}.field textarea{min-height:135px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#b1871a;box-shadow:0 0 0 3px #ecc65744}.hint{font-size:.78rem;color:#616d66}.form-panel .btn{width:100%}.form-panel .legal{font-size:.79rem;margin-top:13px;color:#69736c}.note{font-size:.85rem;background:#fff8e0;border-left:4px solid #d5a12c;padding:13px 15px;margin-top:14px;color:#5b4b22}.spacer-sm{height:20px}.mobile-cta{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1000px){.header-actions{display:none}.hero-inner{grid-template-columns:1fr .85fr;min-height:570px}.hero-art img{max-width:500px}.split{gap:40px}.faq{gap:40px}.subservice-layout{gap:35px}}
@media(max-width:760px){.container,.narrow{width:min(100% - 32px,1170px)}.topstrip .container{min-height:28px}.topstrip span{font-size:.72rem}.head-inner{min-height:72px}.brand-type strong{font-size:.86rem}.brand-type small{font-size:.55rem}.brand-mark{font-size:1.25rem}.hamburger{display:flex}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:16px 22px 23px;border-bottom:1px solid #e6e6e1;box-shadow:0 18px 23px #00000012;flex-direction:column;align-items:stretch;gap:2px}.nav.open{display:flex}.nav a{padding:12px}.hero-inner{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:61px 0 0}.hero h1{font-size:clamp(2.65rem,11vw,4.8rem)}.hero p{font-size:1rem}.hero-art{min-height:330px}.hero-art img{max-width:450px}.hero-points{gap:12px;font-size:.79rem}.section{padding:62px 0}.section-head{display:block}.section-head p{margin-top:14px}.service-grid,.split,.faq,.contact-grid,.subservice-layout{grid-template-columns:1fr}.service-card{min-height:220px}.feature-band .container{grid-template-columns:1fr}.feature-item,.feature-item:first-child{padding:19px 0;border-right:0;border-bottom:1px solid #ccc6b6}.feature-item:last-child{border-bottom:0}.illustration{min-height:310px}.steps{grid-template-columns:1fr;gap:12px}.step{padding:24px}.step .number{margin-bottom:12px}.faq{gap:20px}.cta{padding:29px;display:block}.cta .btn{margin-top:23px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:span 2}.footer{padding-top:50px}.foot-note{flex-direction:column;gap:5px}.page-hero{padding:58px 0 61px}.sidebar{position:static}.field-grid{grid-template-columns:1fr;gap:0}.form-panel{padding:27px}.contact-info{padding:27px}.mobile-cta{display:block;position:fixed;bottom:0;left:0;right:0;background:#fff;z-index:35;padding:10px 14px;box-shadow:0 -5px 24px #0002}.mobile-cta .btn{width:100%;padding:12px}.footer{padding-bottom:96px}}
@media(max-width:420px){.hero-buttons{display:grid}.hero-buttons .btn{width:100%}.hero-art{min-height:285px}.service-grid{grid-template-columns:1fr}.brand-type strong{font-size:.79rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Service area details and sticky contact controls */
.service-coverage{display:grid;grid-template-columns:1.3fr .7fr;gap:48px;align-items:center}.service-coverage h2{margin:15px 0}.service-coverage p{max-width:680px}.service-coverage .btn{margin-top:10px}.coverage-stat{background:#182120;color:#f7c651;padding:45px;border-radius:24px;text-align:center;box-shadow:0 18px 42px #00000012}.coverage-stat strong{display:block;font-size:clamp(5.5rem,10vw,9rem);font-weight:950;line-height:1;letter-spacing:-.07em}.coverage-stat strong span{font-size:1.5rem;letter-spacing:0}.coverage-stat p{color:#fff;font-size:1.1rem;font-weight:750;margin:18px 0 7px}.coverage-stat>span{font-size:.86rem;color:#bec9c1}.area-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;list-style:none;padding:0;margin:30px 0}.area-list li{border:1px solid var(--line);background:#fff;padding:14px 16px;border-radius:11px;font-weight:680}.area-list li:before{content:"✓";color:#a97b0b;margin-right:10px}.area-disclaimer{font-size:.9rem;max-width:850px}.mobile-cta{gap:9px}.mobile-cta .btn{flex:1}.mobile-cta .btn-dark{flex:.65}
@media(max-width:860px){.service-coverage{grid-template-columns:1fr}.area-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.mobile-cta{display:flex}.mobile-cta .btn{width:auto}.coverage-stat{padding:38px}.area-list{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.area-list{grid-template-columns:1fr}}

/* KD project cost cards */
.price-intro{max-width:850px;margin:0 0 36px;color:#43474a;line-height:1.65}.price-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.price-card{background:#fff;border:1px solid #e1dfd7;border-radius:15px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.07)}.price-card img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}.price-card-copy{padding:20px}.price-card h3{font-size:1.1rem;margin:0 0 8px;color:#17191a}.price-card strong{font-size:1.65rem;color:#8e6500}.price-card p{font-size:.91rem;line-height:1.55;color:#454545}.price-card a{font-size:.87rem;color:#875e00;text-decoration:underline}.price-note{margin-top:40px;border-left:6px solid #f8b917;padding:22px 28px;background:#f5f2ea;border-radius:8px}.price-note h3{margin-top:0}.price-note p{max-width:880px}@media(max-width:1020px){.price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.price-grid{grid-template-columns:1fr}.price-card img{max-height:440px;object-fit:cover}}

/* Real KD work: portfolio concept system — black / gold / white */
.work-showcase{background:radial-gradient(circle at 82% 4%,#5a450e55,transparent 36%),linear-gradient(140deg,#14191a,#080a0b);color:#fff;padding-block:85px 80px}
.work-showcase .section-head h2,.work-showcase h3{color:#fff}
.work-showcase .eyebrow{color:#f6c753}
.work-showcase .section-head p{color:#c8c8c4}
.work-showcase-grid{display:grid;grid-template-columns:1.25fr .85fr;grid-template-rows:255px 255px;gap:17px;margin-top:30px}
.showcase-feature,.showcase-mini{position:relative;isolation:isolate;display:block;min-height:0;overflow:hidden;border-radius:20px;background:#232728;outline-offset:5px}
.showcase-feature{grid-row:span 2;border:1px solid #e6b72c8c}
.showcase-mini{border:1px solid #ffffff25}
.showcase-image,.showcase-image img,.showcase-shade{position:absolute;inset:0;width:100%;height:100%}
.showcase-image img{object-fit:cover;object-position:center 48%;transform:scale(1.001);transition:transform .45s ease}
.showcase-feature .showcase-image img{object-position:center 58%}
.showcase-mini:nth-child(2) .showcase-image img{object-position:center 64%}
.showcase-shade{background:linear-gradient(0deg,rgba(0,0,0,.92),rgba(0,0,0,.3) 54%,rgba(0,0,0,.02));z-index:1}
.showcase-feature:hover .showcase-image img,.showcase-mini:hover .showcase-image img{transform:scale(1.055)}
.showcase-copy{position:absolute;inset:auto 0 0;z-index:2;padding:36px}
.showcase-copy h3{font-size:clamp(1.6rem,3vw,3rem);max-width:520px;margin:17px 0 12px;line-height:1.07;text-wrap:balance}
.showcase-mini .showcase-copy{padding:24px}
.showcase-mini h3{font-size:clamp(1.3rem,2vw,1.9rem);margin:10px 0 0}
.work-pill{display:inline-flex;border:1px solid #e4b13e80;background:#1119;color:#f7d67b;backdrop-filter:blur(8px);font-size:.72rem;letter-spacing:.12em;font-weight:900;padding:8px 12px;border-radius:4px}
.showcase-link{display:inline-flex;gap:12px;align-items:center;font-weight:800;color:#f7c75e}
.showcase-foot{margin-top:22px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.showcase-foot p{color:#c1c9c4;font-size:.87rem;margin:0;max-width:600px}
.work-intro{padding:49px 0;background:#1d2221;color:#fff;border-top:3px solid #e9b947}
.work-intro-inner{max-width:900px}
.work-small-label{font-size:.75rem;letter-spacing:.18em;color:#efbb4f;font-weight:900}
.work-intro h2{color:#fff;margin:12px 0 13px}
.work-intro p{color:#d2d6d1;max-width:730px;font-size:1.07rem;margin-bottom:24px}
.bathroom-pair{display:grid;grid-template-columns:1fr 1fr;gap:19px;margin-top:32px}
.bath-photo{margin:0;position:relative;background:#141817;border-radius:19px;overflow:hidden;border:1px solid #e2dcd0;box-shadow:0 12px 28px #161a1712;min-height:400px}
.bath-photo img{width:100%;height:390px;object-fit:cover;object-position:center 51%}
.bath-photo:first-child img{object-position:center 58%}
.bath-photo figcaption{padding:18px 20px;font-size:1rem;font-weight:800;color:#fff;background:#1d2322}
.bath-label{position:absolute;z-index:1;left:15px;top:16px;padding:7px 15px;border-radius:5px;background:#e7b337;color:#171615;font-weight:900;font-size:.73rem;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 5px 22px #0005}
.bathroom-pair-caption{font-size:.83rem;color:#6d736f;margin-top:13px;max-width:930px}
.real-gallery{background:#f8f7f2}
.work-filters{display:flex;gap:9px;flex-wrap:wrap;margin:29px 0 29px}
.filter-btn{border-radius:100px;padding:10px 18px;background:#fff;border:1px solid #dbd9d3;color:#252b2a;font-weight:780;font-size:.86rem;white-space:nowrap}
.filter-btn:hover,.filter-btn:focus-visible{border-color:#bb8930;outline-offset:2px}
.filter-btn[aria-pressed="true"]{color:#171717;background:#efbf4a;border-color:#efbf4a;box-shadow:0 4px 11px #ad853125}
.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.project-card{background:#fff;box-shadow:0 8px 33px #0b150c0a;border:1px solid #e5e4da;border-radius:17px;overflow:hidden}
.project-card[hidden]{display:none!important}
.project-photo-link{display:block;position:relative;overflow:hidden;background:#222;height:290px}
.project-photo-link img{height:100%;width:100%;object-fit:cover;object-position:center 51%;transition:transform .35s ease}
.project-card:nth-child(2) .project-photo-link img{object-position:center 65%}
.project-card:nth-child(3) .project-photo-link img{object-position:center 58%}
.project-card:nth-child(5) .project-photo-link img{object-position:center 50%}
.project-photo-link:hover img{transform:scale(1.045)}
.photo-hover-label{position:absolute;left:13px;bottom:13px;background:#101414d9;color:#ffe3a1;font-size:.78rem;font-weight:800;letter-spacing:.02em;padding:9px 12px;border-radius:8px}
.project-card-content{padding:22px 21px 24px}
.project-category{font-size:.7rem;color:#927017;font-weight:900;text-transform:uppercase;letter-spacing:.12em}
.project-card h3{font-size:1.25rem;margin:9px 0 9px;line-height:1.15}
.project-card p{font-size:.89rem;margin-bottom:14px;min-height:55px;line-height:1.5}
.project-card .text-link{font-size:.88rem}
.gallery-note{font-size:.84rem;margin:25px 0 0;color:#69736c}
@media(max-width:920px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-showcase-grid{grid-template-rows:255px 255px}}
@media(max-width:760px){.work-showcase{padding-block:64px 58px}.work-showcase-grid{grid-template-columns:1fr 1fr;grid-template-rows:340px 230px}.showcase-feature{grid-column:1/-1;grid-row:auto}.showcase-mini{grid-row:2}.showcase-feature .showcase-copy{padding:22px}.showcase-mini .showcase-copy{padding:15px}.showcase-mini h3{font-size:1.25rem}.showcase-mini .work-pill{font-size:.61rem;padding:6px 8px}.showcase-foot{flex-direction:column;align-items:flex-start}.work-intro{padding-block:38px}.bathroom-pair{gap:13px}.bath-photo img{height:300px}.work-grid{gap:14px}.project-photo-link{height:235px}.project-card-content{padding:17px}}
@media(max-width:520px){.work-showcase-grid{gap:11px;grid-template-rows:330px 202px}.showcase-feature .showcase-copy h3{font-size:2rem}.showcase-mini h3{font-size:1.12rem}.showcase-mini .showcase-copy{padding:12px}.bathroom-pair{grid-template-columns:1fr}.bath-photo img{height:320px}.work-grid{grid-template-columns:1fr}.project-photo-link{height:340px}.project-card p{min-height:auto}.work-filters{gap:7px}.filter-btn{font-size:.78rem;padding:8px 12px}}
@media(prefers-reduced-motion: reduce){.showcase-image img,.project-photo-link img{transition:none!important}}

/* The original cost-guide cover proportions also size the new graphics. */
.cost-cover {
  container-type: inline-size;
  aspect-ratio: 4 / 5;
  position: relative;
  overflow: hidden;
  background: #090909;
  color: #fff;
}
.price-card .cost-cover > img {
  height: 100%;
  max-height: none;
}
.cost-cover-region {
  position: absolute;
  inset: 14.4% 1% auto 43.9%;
  height: 6.6%;
  background: #090909;
  font-size: 2.42cqi;
  font-weight: 700;
  line-height: 1.25;
  color: #ddd;
}
.cost-cover-region small,
.cost-cover-head small {
  display: block;
  font-size: .76em;
  margin-top: .22em;
}
.cost-cover-branded {
  display: grid;
  grid-template-rows: 22% 40% 19% 9% 10%;
  box-shadow: inset 0 1.9cqi #f3b719;
  font-family: Inter, system-ui, sans-serif;
}
.cost-cover-head {
  display: grid;
  grid-template-columns: 40% 1fr;
  gap: 4%;
  align-items: center;
  padding-top: 2cqi;
  font-size: 4.35cqi;
  font-weight: 800;
  line-height: 1.06;
}
.price-card .cost-cover-head img {
  width: 100%;
  height: 100%;
  max-height: none;
  aspect-ratio: auto;
  object-fit: contain;
}
.cost-cover-head b,
.cost-cover-budget b {
  color: #f3b719;
}
.cost-cover-head span {
  display: block;
  margin-top: 1.5cqi;
  color: #ddd;
  font-size: 2.42cqi;
  line-height: 1.25;
}
.cost-cover-photo {
  position: relative;
  isolation: isolate;
  border-bottom: 1cqi solid #f3b719;
}
.price-card .cost-cover-photo img {
  position: absolute;
  width: 100%;
  height: 100%;
  max-height: none;
  object-fit: cover;
}
.cost-cover-photo > div {
  position: absolute;
  inset: auto 0 0;
  padding: 12cqi 5cqi 2.4cqi;
  background: linear-gradient(transparent, #000d);
}
.cost-cover-photo b {
  display: block;
  font-size: 6cqi;
  font-weight: 850;
  line-height: 1.1;
}
.cost-cover-photo span {
  font-size: 2.42cqi;
  font-weight: 600;
  color: #eee;
}
.cost-cover-budget {
  padding: 3cqi 5cqi 0;
}
.cost-cover-budget b {
  display: block;
  font-size: 2.65cqi;
}
.cost-cover-budget div {
  font-size: 9.4cqi;
  font-weight: 850;
  line-height: 1.05;
}
.cost-cover-budget small {
  display: block;
  font-size: 2.5cqi;
}
.cost-cover-estimate {
  margin-inline: 4.4cqi;
  padding: 1.5cqi 2.7cqi;
  background: #f3b719;
  color: #090909;
  font-weight: 850;
  font-size: 2.75cqi;
  line-height: 1.2;
}
.price-card .cost-cover-estimate strong {
  display: block;
  color: inherit;
  font-size: 3.45cqi;
}
.cost-cover-note {
  padding: 2cqi 5cqi 0;
  color: #ddd;
  font-size: 1.9cqi;
  line-height: 1.3;
}
