:root{--paper:#f6f4ef;--ink:#20211e;--muted:#696a63;--copper:#a75e32;--gold:#d5a577;--line:#dedbd2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #b47745;outline-offset:5px}header{height:100px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#f6f4eff5;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px}.brand img{border-radius:50%}.brand span{font-size:32px;letter-spacing:-1.5px;font-weight:900;line-height:1.1}.brand small{display:block;font-size:10px;letter-spacing:0;font-weight:400;margin-top:5px}nav{display:flex;gap:32px;font-size:14px}.header-call{border-bottom:1px solid var(--copper);padding:8px 0;font-size:15px}.header-call span{margin-right:30px}.menu{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:690px}.hero-copy{padding:75px 5vw 60px 3vw;align-self:center}.eyebrow{font-size:11px;letter-spacing:2px;direction:ltr;text-align:right;color:var(--copper);font-weight:bold;margin:0 0 25px}h1{font-size:clamp(45px,4.8vw,78px);line-height:1.13;letter-spacing:-2.5px;margin:0 0 25px}em{font-style:normal;color:var(--copper)}.intro{color:var(--muted);font-size:18px;line-height:1.9}.actions{display:flex;align-items:center;gap:24px;margin-top:35px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 23px;border:0;font-size:15px;font-weight:bold}.copper{background:var(--copper);color:white}.copper:hover{background:#874521}.text-link{font-size:14px;border-bottom:1px solid var(--line);padding:10px 0}.hero-note{font-size:12px;color:var(--muted);margin-top:28px}.hero-art{position:relative;min-height:690px;overflow:hidden;background:#c9b5a0;perspective:1000px}.hero-photo{width:100%;height:100%;position:absolute;object-fit:cover;transition:transform .3s ease-out}.hero-art:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0009);pointer-events:none}.photo-caption{position:absolute;bottom:45px;right:40px;z-index:1;color:white;display:grid;gap:4px}.photo-caption span{font-size:12px}.photo-caption strong{font-size:30px}.vertical{position:absolute;top:35px;left:25px;writing-mode:vertical-rl;color:#fff;letter-spacing:3px;font-size:10px}.trust{display:grid;grid-template-columns:repeat(4,1fr);padding:25px 5vw;background:#ece9e1;gap:20px;font-size:12px;color:var(--copper)}.trust b{color:var(--ink);font-weight:400;padding-right:15px}.section{padding:100px 7vw}.section-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:40px}h2{font-size:clamp(34px,3.5vw,54px);line-height:1.15;letter-spacing:-1.5px;margin:0 0 20px}h3{font-size:23px;line-height:1.3}.section-head p:not(.eyebrow){color:var(--muted);font-size:15px}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:32px}.filters button{border:1px solid var(--line);background:transparent;border-radius:0;padding:8px 20px;font-size:13px}.filters button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.project{background:none;border:0;padding:0;text-align:right;color:var(--ink)}.project[hidden]{display:none}.project figure{margin:0;overflow:hidden;background:#e5dfd5;aspect-ratio:4/5}.project img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.project:hover img{transform:scale(1.035)}.project h3{font-size:20px;margin:16px 0 4px}.project p{font-size:13px;color:var(--muted);margin:0}.small{font-size:12px;color:var(--muted)}.transformation{display:grid;grid-template-columns:.85fr 1.15fr;gap:9vw;align-items:center;background:#eae6dd}.transformation p{max-width:340px}.compare{position:relative;aspect-ratio:4/3;overflow:hidden;background:#c9beb0;--split:50%;direction:ltr}.compare>img,.before img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.divider{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:white;display:flex;align-items:center;justify-content:center;color:white;font-size:26px;text-shadow:0 1px 5px #000}.tag{position:absolute;top:18px;background:#20211ed9;color:white;padding:6px 12px;font-size:12px}.tag-before{left:18px}.tag-after{right:18px}input[type=range]{width:100%;accent-color:var(--copper);cursor:ew-resize}.range-label{display:flex;justify-content:space-between;margin-top:15px;font-size:13px}.services{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.services article{padding:35px 30px;border-left:1px solid var(--line)}.services article:first-child{padding-right:0}.services article:last-child{border:0}.services span{font-size:12px;color:var(--copper)}.services p{color:var(--muted);font-size:15px}.process{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 1.2fr;gap:80px}.process .eyebrow,.contact .eyebrow{color:var(--gold)}.process>div>p:last-child{color:#b7b7ae}.process ol{list-style:none;counter-reset:steps;margin:0;padding:0}.process li{counter-increment:steps;padding:0 65px 25px 0;position:relative;border-bottom:1px solid #ffffff24;margin-bottom:25px}.process li:before{content:'0' counter(steps);position:absolute;right:0;top:0;color:var(--gold);font-size:15px}.process h3{font-size:22px;margin:0 0 10px}.process li p{font-size:14px;color:#b7b7ae;margin:0}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:80px}details{border-bottom:1px solid var(--line);padding:22px 0}summary{cursor:pointer;font-size:19px}details p{font-size:15px;color:var(--muted)}.contact{background:#e9e3d8;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.contact .eyebrow{color:var(--copper)}.phone{display:inline-block;font-size:30px;margin-top:25px;border-bottom:1px solid var(--copper)}form{display:grid;gap:8px}form label{font-size:13px;margin-top:8px}form input,form select,form textarea{width:100%;padding:13px;border:1px solid #bfb9af;border-radius:0;background:#f6f4ef;color:var(--ink)}form .button{margin-top:18px}footer{padding:40px 5vw;display:flex;gap:25px;align-items:center;flex-wrap:wrap;font-size:12px}.footer-brand{font-size:28px;font-weight:900;letter-spacing:-1px}footer small{margin-right:auto}.mobile-cta{display:none}.skip{position:fixed;top:-100px;z-index:50;background:white;padding:15px}.skip:focus{top:10px}dialog{border:0;padding:35px;background:var(--paper);max-width:90vw;width:650px;max-height:90vh}dialog::backdrop{background:#000b}dialog img{display:block;width:100%;max-height:65vh;object-fit:contain}dialog h2{font-size:25px;margin:20px 0 0}dialog p{font-size:14px}.close{position:absolute;top:6px;left:6px;border:0;background:white;width:32px;height:32px} @media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:1000px){nav{gap:17px}.hero-copy{padding-top:50px}.hero,.hero-art{min-height:610px}.actions{flex-wrap:wrap;gap:12px}.trust{grid-template-columns:repeat(2,1fr)}.section{padding:70px 5vw}.projects{gap:18px}.process,.faq{gap:40px}.contact{gap:6vw}}@media(max-width:700px){header{height:78px;padding:0 5vw}.brand span{font-size:25px}.brand img{height:45px;width:45px}.header-call{display:none}.menu{display:block;border:0;background:none;font-size:14px}nav{display:none;position:absolute;top:78px;left:0;right:0;padding:25px;background:var(--paper);border-bottom:1px solid var(--line)}nav.open{display:flex;flex-direction:column}.hero{grid-template-columns:1fr}.hero-copy{padding:45px 6vw}.eyebrow{font-size:9px;margin-bottom:20px}h1{font-size:51px;letter-spacing:-2px}.intro{font-size:16px}.hero-art{min-height:420px}.photo-caption{right:25px;bottom:25px}.photo-caption strong{font-size:25px}.trust{gap:17px;padding:25px 6vw;font-size:11px}.trust b{padding-right:6px}.section{padding:65px 6vw}.section-head{display:block;margin-bottom:25px}.projects{grid-template-columns:repeat(2,1fr);gap:22px 15px}.project h3{font-size:17px}.project p{font-size:11px}.filters{gap:6px}.filters button{padding:7px 12px;font-size:12px}.transformation,.process,.faq,.contact{grid-template-columns:1fr;gap:30px}.compare{aspect-ratio:1}.services{grid-template-columns:1fr}.services article,.services article:first-child{padding:25px 0;border-left:0;border-bottom:1px solid var(--line)}.services h3{margin:10px 0}.process li{padding-right:45px}.phone{font-size:29px}footer{padding-bottom:100px;gap:15px}footer p{width:100%;margin:0}footer small{margin:0}.mobile-cta{display:grid;grid-template-columns:1fr 1fr;position:fixed;bottom:0;left:0;right:0;z-index:20;background:var(--ink);color:white;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -3px 20px #0002}.mobile-cta a{text-align:center;padding:14px;font-size:15px}.mobile-cta a:last-child{background:var(--copper)}dialog{padding:30px 18px}h2{font-size:38px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.hero-photo{transform:none!important}}

/* Luxury project gallery and social links */
.header-social{display:flex;gap:16px;align-items:center}.social-link{font-size:12px;letter-spacing:.04em;color:#71533c;border-bottom:1px solid #c9a27b;padding:5px 0}.projects{grid-template-columns:repeat(12,minmax(0,1fr));gap:34px 22px}.project{grid-column:span 4;position:relative;transition:transform .45s cubic-bezier(.2,.75,.25,1),opacity .6s;transform-style:preserve-3d}.project:nth-child(6n+1),.project:nth-child(6n+4){grid-column:span 7}.project:nth-child(6n+2),.project:nth-child(6n+5){grid-column:span 5}.project:nth-child(6n+3),.project:nth-child(6n){grid-column:span 4}.project figure{position:relative;aspect-ratio:4/4.6;overflow:hidden;background:#ddd}.project:nth-child(6n+1) figure,.project:nth-child(6n+4) figure{aspect-ratio:1.24}.project img{transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .7s;filter:saturate(.92)}.project:hover img{transform:scale(1.035);filter:saturate(1.06)}.project-level{position:absolute;bottom:16px;right:16px;background:#171714d9;color:#fff;padding:6px 12px;font-size:11px;letter-spacing:.05em}.project h3{font-size:22px}.project p{font-size:14px}.project.reveal{opacity:0;transform:translateY(28px)}.project.reveal.shown{opacity:1;transform:translateY(0);transition-delay:calc(var(--i)*35ms)}.compare{aspect-ratio:4/5}.compare>img,.before img{object-fit:cover;object-position:center}.header-social{direction:ltr}@media(max-width:700px){.header-social{gap:10px}.social-link{font-size:10px}.projects{grid-template-columns:1fr 1fr;gap:24px 12px}.project,.project:nth-child(n){grid-column:span 1}.project:nth-child(5n+1){grid-column:span 2}.project:nth-child(n) figure{aspect-ratio:4/5}.project:nth-child(5n+1) figure{aspect-ratio:1.15}.project h3{font-size:17px}.project p{font-size:12px}.compare{aspect-ratio:4/5}}

/* impertor signature: deep charcoal, brushed bronze, editorial luxury */
:root{--ink:#181817;--copper:#a8663c;--gold:#c99a6a;--paper:#f4f1eb;--line:#c9c1b5}body{background:#f4f1eb}header{background:#181817f2;color:#f4f1eb;border-bottom:1px solid #b68b5c55}.brand small{color:#d6c6b3}.header-social .social-link{color:#d8b897;border-color:#a8663c}.header-call{color:#f4f1eb;border-color:#c99a6a}.hero{background:#181817;color:#f4f1eb;grid-template-columns:.93fr 1.07fr;min-height:min(790px,calc(100svh - 88px));position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:560px;height:560px;border:1px solid #c99a6a22;border-radius:50%;right:-250px;top:-200px;pointer-events:none}.hero-copy{position:relative;z-index:1;padding:95px 8vw 80px 4vw}.hero .eyebrow{color:#d3a477}.hero h1{font-size:clamp(52px,5.6vw,90px);line-height:1.05;letter-spacing:-3px}.hero h1 em,.contact h2 em{color:#d3a477}.hero .intro{color:#d6d0c8;font-size:18px}.hero-note{color:#c1b3a3;border-top:1px solid #c99a6a66;padding-top:15px;max-width:460px}.hero .copper{background:#a8663c}.hero .text-link{color:#f4f1eb;border-color:#a8663c}.hero-art{min-height:690px;border-right:1px solid #c99a6a55}.hero-photo{filter:brightness(.78) saturate(.86)}.hero-art:after{background:linear-gradient(0deg,#141412df 0%,transparent 65%),linear-gradient(90deg,#18181735,transparent 60%)}.photo-caption{right:7%;bottom:7%;border-right:2px solid #c99a6a;padding-right:18px}.photo-caption strong{font-size:34px}.vertical{color:#e3c6a4}.trust{background:#242321;color:#d0a274;border-top:1px solid #c99a6a44;border-bottom:1px solid #c99a6a44;padding-top:25px;padding-bottom:25px}.trust b{color:#f2ece3}.section-head h2,.section>div>h2{position:relative}.section-head h2:after,.section>div>h2:after{content:"";display:block;width:58px;height:2px;background:#b2764b;margin-top:22px}.section-head>p{border-right:1px solid #b2764b;padding:4px 18px 4px 0}#projects{background:#f4f1eb}.filters button{border-color:#c7bfb3}.filters button[aria-pressed=true]{background:#1c1c1a;border-color:#1c1c1a}.project figure{box-shadow:0 14px 34px #30261a15}.project-level{border-right:2px solid #c99a6a;letter-spacing:.1em}.project h3{letter-spacing:-.4px}.project p{max-width:36em}.transformation{background:#1c1c1a;color:#f4f1eb;position:relative;overflow:hidden}.transformation:after{content:"02";position:absolute;left:5vw;top:15px;font:clamp(100px,17vw,260px)/1 Georgia,serif;color:#ffffff08;pointer-events:none}.transformation .eyebrow{color:#d3a477}.transformation p{color:#d4cdc3}.transformation .small{color:#bcb2a7}.compare{border:1px solid #c99a6a80;box-shadow:0 24px 70px #0005}.divider{background:#d3a477;width:2px}.tag{background:#171714e8;border:1px solid #c99a6a77}.range-label{color:#e8ddd0}.services{border-color:#b7aa98}.services article{border-color:#b7aa98}.services span{color:#9f603b}.services h3{font-size:24px}.process{border-top:1px solid #c99a6a66;border-bottom:1px solid #c99a6a66}.process .eyebrow{color:#d3a477}.process li{border-color:#ffffff28}.process li:before{color:#d3a477}.faq{background:#ede8df}.faq details{border-color:#c4b9a9}.faq summary{font-size:20px}.contact{background:#191918;color:#f5f0e8;position:relative}.contact:before{content:"";position:absolute;inset:18px;border:1px solid #c99a6a35;pointer-events:none}.contact .eyebrow{color:#d3a477}.contact h2 em{color:#d3a477}.contact>div,.contact form{position:relative}.contact p{color:#d0c8bd}.contact .phone{border-color:#c99a6a;color:#f2dfc8}.contact form input,.contact form select,.contact form textarea{background:#242321;border-color:#655342;color:#fff}.contact form input::placeholder,.contact form textarea::placeholder{color:#aea396}.contact form .small{color:#c8beb2}footer{background:#111110;color:#d2c8bc;border-top:1px solid #b2764b}footer a:hover,.social-link:hover{color:#e3b889}.desktop-wa{position:fixed;z-index:15;bottom:24px;left:24px;display:flex;gap:12px;align-items:center;background:#1d1d1b;color:#fff;border:1px solid #c99a6a;padding:12px 17px;font-size:13px;box-shadow:0 8px 30px #0004}.desktop-wa b{color:#d3a477}.mobile-cta{border-top:1px solid #c99a6a}.mobile-cta a:last-child{background:#8e512e}@media(max-width:700px){.hero{min-height:auto}.hero-copy{padding:60px 6vw 42px}.hero h1{font-size:54px}.hero-art{min-height:490px;border-top:1px solid #c99a6a55}.photo-caption strong{font-size:27px}.trust{background:#242321}.section-head>p{margin-top:10px}.transformation:after{font-size:140px;top:0}.contact:before{inset:10px}.desktop-wa{display:none}}@media(prefers-reduced-motion:reduce){.project.reveal{opacity:1;transform:none}}

.hero-photo{filter:brightness(.98) saturate(1);transform:none!important}

/* Gallery v2 — owner-selected photos, shown at their real proportions (Nov 2026) */
#projects .projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 26px;grid-auto-flow:dense}
#projects .project,#projects .project:nth-child(n){grid-column:auto;margin:0}
#projects .project.wide{grid-column:span 2}
#projects .project[hidden]{display:none}
#projects .project figure,#projects .project:nth-child(n) figure{aspect-ratio:.72;background:#e4ddd2}
#projects .project.wide figure,#projects .project.wide:nth-child(n) figure{aspect-ratio:1.48}
#projects .project img{object-position:center}
#projects .project figure:after{content:"";position:absolute;inset:0;border:1px solid #c99a6a00;transition:border-color .5s,inset .5s;pointer-events:none}
#projects .project:hover figure:after,#projects .project:focus-visible figure:after{border-color:#c99a6acc;inset:10px}
#projects .project h3{margin-top:18px}
#projects .project h3:after{content:" ↖";color:#a8663c;opacity:0;transition:opacity .4s}
#projects .project:hover h3:after{opacity:1}
.gallery-note{margin-top:6px;color:var(--muted)}
dialog#gallery{background:#141413;color:#f4f1eb;border:1px solid #c99a6a66;padding:0;width:min(1100px,94vw);max-height:94vh;overflow:auto}
dialog#gallery::backdrop{background:#0b0b0aee}
.gallery-stage{position:relative;background:#0e0e0d;display:flex;align-items:center;justify-content:center}
dialog#gallery img{max-height:76vh;width:auto;max-width:100%;margin:auto}
.gallery-meta{padding:18px 28px 24px;border-top:1px solid #c99a6a44}
.gallery-meta h2{margin:4px 0 2px;font-size:24px;color:#f4f1eb}.gallery-meta p{color:#cfc5b8;margin:0}
#gallery-count{font-size:11px;letter-spacing:.2em;color:#d3a477}
.g-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border:1px solid #c99a6a99;background:#141413cc;color:#f2dfc8;font-size:28px;line-height:1;z-index:2;transition:background .3s}
.g-nav:hover{background:#a8663c}.g-prev{right:14px}.g-next{left:14px}
dialog#gallery .close{background:#141413;color:#f2dfc8;border:1px solid #c99a6a99;z-index:3;top:12px;left:12px;width:38px;height:38px}
@media(max-width:1000px){#projects .projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 16px}}
@media(max-width:700px){#projects .projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.project-level{bottom:8px;right:8px;font-size:9px;padding:4px 8px}.g-nav{width:40px;height:40px;font-size:22px}.gallery-meta{padding:14px 18px 20px}dialog#gallery img{max-height:68vh}}
@media(max-width:700px){.hero{grid-template-columns:1fr}.hero-art{border-right:0}.header-social{display:none}.hero-copy{padding:48px 6vw 40px}.hero h1{font-size:clamp(42px,12vw,54px)}}

/* Signature section (replaces before/after, Nov 2026) */
.signature{grid-template-columns:.8fr 1.2fr!important;gap:6vw!important}
.signature:after{content:""!important}
.sig-copy p{max-width:420px!important;font-size:17px;line-height:1.9}
.sig-copy .text-link{color:#f4f1eb;border-color:#a8663c}
.sig-grid{display:grid;grid-template-columns:1.15fr 1fr;grid-template-rows:1fr 1fr;gap:14px;height:min(720px,80vh)}
.sig-grid figure{margin:0;position:relative;overflow:hidden;border:1px solid #c99a6a55}
.sig-grid img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.sig-grid figure:hover img{transform:scale(1.04)}
.sig-a{grid-row:span 2}
.sig-grid figcaption{position:absolute;bottom:0;right:0;left:0;padding:30px 16px 12px;background:linear-gradient(transparent,#0e0e0dd9);font-size:12px;letter-spacing:.05em;color:#f2dfc8}
.hero-photo{object-position:center 40%}
@media(max-width:700px){.signature{grid-template-columns:1fr!important}.sig-grid{height:auto;grid-template-rows:auto auto}.sig-b,.sig-c{aspect-ratio:.7}.sig-a{grid-row:span 2}.sig-grid{grid-template-columns:1fr 1fr}}
