/*
Theme Name: DTC Premium
Author: Custom Website Studio
Description: Bespoke responsive renovation company theme for DTC Ltd.
Version: 1.3.0
Requires at least: 6.0
Text Domain: dtc-premium
*/
:root{--ink:#101b1b;--teal:#16b8a8;--muted:#647270;--cream:#f4f7f5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}h1,h2,h3{line-height:1.13;letter-spacing:-.04em;margin:0 0 20px}h1{font-size:clamp(46px,6vw,88px)}h2{font-size:clamp(34px,4vw,56px)}h3{font-size:24px}p{margin:0 0 20px}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.topbar{background:#0e2020;color:#bde7df;text-align:center;padding:8px;font-size:12px;letter-spacing:.09em}.header{position:sticky;top:0;z-index:99;background:#fff;box-shadow:0 2px 25px #0000000b}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:86px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:23px;letter-spacing:.04em}.brand img{width:60px;height:60px;object-fit:contain}.navlinks{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--teal);color:#061f1c;border:0;padding:15px 24px;border-radius:4px;font-weight:800;cursor:pointer;transition:.2s}.btn:hover{background:#56e0d1;transform:translateY(-2px)}.btn.dark{background:#102525;color:#fff}.btn.outline{border:1px solid #fff;background:transparent;color:#fff}.hero{position:relative;min-height:680px;background:#0b1b1a;display:flex;align-items:center;color:#fff;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#061615f2 0%,#061615d1 42%,#06161530 100%),var(--hero) center/cover}.hero .wrap{position:relative;padding:110px 0}.eyebrow{font-size:12px;font-weight:900;letter-spacing:.2em;color:var(--teal);text-transform:uppercase;margin-bottom:24px}.hero h1{max-width:800px}.hero p{font-size:19px;color:#d6e0de;max-width:570px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.section{padding:100px 0}.section.alt{background:var(--cream)}.intro{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.intro p{max-width:470px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.service{background:white;border:1px solid #e4ebe8;overflow:hidden;transition:.2s}.service:hover{transform:translateY(-4px);box-shadow:0 18px 40px #11252115}.service img{width:100%;height:245px;object-fit:cover}.service .pad{padding:28px}.service p{color:var(--muted);font-size:15px}.arrow{color:#078d81;font-weight:800}.feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:75px}.feature img{width:100%;height:570px;object-fit:cover}.feature ul{padding-left:20px;line-height:2.3}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.stat{border-left:3px solid var(--teal);padding-left:15px}.stat strong{display:block;font-size:23px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gallery img{width:100%;height:300px;object-fit:cover}.banner{background:#0b2422;color:#fff;padding:85px 0}.banner .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.banner p{color:#c9d8d4}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:800}.field input,.field textarea,.field select{padding:15px;border:1px solid #d8e2df;background:#fff;border-radius:3px;font:inherit;width:100%}.full{grid-column:1/-1}.footer{background:#091b1a;color:#c2d4d0;padding:70px 0 20px}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer a{display:block;margin:10px 0}.footer h3{color:white}.footer .small{border-top:1px solid #29403c;margin-top:45px;padding-top:20px;font-size:12px}.pagehero{background:#102724;color:#fff;padding:95px 0}.pagehero h1{font-size:clamp(42px,5vw,70px)}.pagehero p{max-width:640px;color:#c9ded9}.article{max-width:850px;margin:0 auto}.article p{font-size:18px;color:#566461}.mobile-toggle{display:none}.notice{background:#dff9ef;padding:15px;margin-bottom:20px}.compare{display:grid;grid-template-columns:1fr 1fr;gap:15px}.compare figure{margin:0}.compare img{height:340px;width:100%;object-fit:cover}.compare figcaption{font-weight:800;padding:10px 0}.mobile-quote{display:none}@media(max-width:850px){.mobile-toggle{display:block;border:0;background:transparent;font-size:28px}.navlinks{display:none;position:absolute;top:86px;left:0;right:0;background:#fff;padding:24px;flex-direction:column;align-items:stretch;box-shadow:0 15px 20px #0002}.navlinks.open{display:flex}.nav>.btn{display:none}.hero{min-height:580px}.hero .wrap{padding:75px 0}.grid,.gallery{grid-template-columns:repeat(2,1fr)}.feature{grid-template-columns:1fr;gap:35px}.feature img{height:400px}.banner .wrap{display:block}.footgrid{grid-template-columns:1fr 1fr}.section{padding:65px 0}.mobile-quote{display:block;position:fixed;bottom:15px;right:15px;z-index:80;box-shadow:0 10px 35px #0005}}@media(max-width:540px){.grid,.gallery,.footgrid,.formgrid,.stats,.compare{grid-template-columns:1fr}.intro{display:block}.gallery img{height:250px}.hero:before{background:linear-gradient(90deg,#061615ed,#06161599),var(--hero) center/cover}.brand img{width:48px;height:48px}.nav{min-height:75px}.navlinks{top:75px}}

/* DTC refined design v1.1 — visual refresh */
:root{--ink:#102b2c;--teal:#21b8ad;--cream:#f7f8f7;--muted:#687a7a}
body{font-family:Arial,Helvetica,sans-serif;letter-spacing:-.005em}
.wrap{width:min(1280px,calc(100% - 64px))}
.topbar{background:#103a3b;color:#e4f8f5;font-size:11px;letter-spacing:.16em;padding:10px}
.header{box-shadow:none;border-bottom:1px solid #e9eeed}.nav{min-height:98px}.brand{letter-spacing:-.035em;font-size:24px}.brand img{width:72px;height:72px}.navlinks{gap:31px}.navlinks a:hover{color:#119b92}
.btn{border-radius:3px;padding:17px 27px;letter-spacing:.01em}.btn.dark{background:#12393b}
.hero{min-height:760px}.hero:before{background:linear-gradient(90deg,rgba(5,26,28,.96) 0%,rgba(7,34,35,.83) 43%,rgba(7,34,35,.15) 100%),var(--hero) center 53%/cover}
.hero .wrap{padding:135px 0}.hero h1{font-size:clamp(56px,7vw,108px);letter-spacing:-.065em;line-height:1.04;max-width:900px}.hero p{font-size:20px;line-height:1.8;max-width:590px}.hero .eyebrow{color:#77eee0}.hero .actions{margin-top:38px}
.section{padding:125px 0}.eyebrow{font-size:12px;letter-spacing:.22em;margin-bottom:22px}.intro{margin-bottom:50px}.intro h2{font-size:clamp(40px,4.7vw,66px)}.intro p{line-height:1.85}.grid{gap:22px}
.service{border:0;background:#fff;box-shadow:0 7px 30px #0b303009}.service img{height:270px}.service .pad{padding:30px 30px 34px}.service h3{font-size:26px}.service p{min-height:52px}.service .arrow{font-size:13px;text-transform:uppercase;letter-spacing:.07em}
.feature{gap:95px}.feature img{height:630px}.feature h2{font-size:clamp(42px,4.5vw,65px)}.feature p{font-size:17px;line-height:1.9;color:#5d7070}.feature ul{color:#415b5b}
.dtc-projects{background:#0b2d2f!important;color:#fff}.dtc-projects .intro p{color:#c5d7d6}.dtc-projects .gallery{gap:17px}.dtc-projects .gallery img{height:360px;transition:transform .25s}.dtc-projects .gallery img:hover{transform:scale(1.015)}.dtc-projects .btn.dark{background:var(--teal);color:#082b2b}
.dtc-contact{background:#f4f8f7}.dtc-contact .feature{align-items:start}.dtc-contact .formgrid{background:white;padding:38px;box-shadow:0 14px 60px #0b303010}.field input,.field textarea,.field select{border-radius:2px;background:#f9fbfa}
.footer{background:#082628}.pagehero{background:linear-gradient(120deg,#082628,#175052)}
@media(max-width:850px){.wrap{width:min(100% - 36px,1280px)}.nav{min-height:80px}.brand img{width:54px;height:54px}.hero{min-height:650px}.hero .wrap{padding:100px 0}.section{padding:75px 0}.feature{gap:45px}.feature img{height:470px}.dtc-projects .gallery img{height:270px}}
@media(max-width:540px){.hero{min-height:590px}.hero h1{font-size:clamp(47px,12vw,68px)}.hero p{font-size:17px}.hero:before{background:linear-gradient(90deg,#061c1de8,#061c1d9c),var(--hero) center/cover}.section{padding:65px 0}.service img{height:250px}.dtc-contact .formgrid{padding:20px}.dtc-projects .gallery img{height:280px}}

.dtc-project-feature{display:grid;grid-template-columns:240px 1fr;align-items:center;gap:25px;background:#fff;color:#102b2c;padding:14px;margin:0 0 35px;box-shadow:0 10px 35px #00000012}
.dtc-project-feature img{width:100%;height:150px;object-fit:cover}
.dtc-project-feature strong{display:block;font-size:clamp(20px,2.5vw,30px);line-height:1.2}
.dtc-project-feature small{display:block;color:#078d81;font-weight:700;margin-top:12px;font-size:14px}
.dtc-case-intro{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;margin-bottom:75px}
.dtc-case-intro img{width:100%;height:440px;object-fit:cover}
.dtc-case-intro p,.dtc-case-block p{font-size:17px;color:#526867;max-width:750px}
.dtc-case-block{margin:75px 0}.dtc-case-block .compare img{height:400px}
.dtc-case-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.dtc-case-gallery figure{margin:0;background:#f5f8f7}
.dtc-case-gallery img{width:100%;height:260px;object-fit:cover}
.dtc-case-gallery figcaption{padding:14px 17px;font-weight:700}
.dtc-case-cta{background:#0b2d2f;color:white;padding:50px;text-align:center}
.dtc-case-cta p{color:#d3e3e0}
@media(max-width:700px){.dtc-project-feature,.dtc-case-intro{grid-template-columns:1fr}.dtc-case-gallery{grid-template-columns:1fr}.dtc-case-intro img{height:300px}.dtc-project-feature img{height:220px}.dtc-case-cta{padding:30px 18px}}