:root{--red:#cf1a20;--ink:#171717;--muted:#77777d;--paper:#f5f5f7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--red);outline-offset:5px}img{display:block;max-width:100%}.wrap{width:min(1160px,calc(100% - 80px));margin-inline:auto}.eyebrow{font-size:10px;line-height:1.5;font-weight:650;letter-spacing:2.1px}.red-dot{display:inline-block;width:6px;height:6px;background:var(--red);border-radius:100%;margin-right:8px}header{height:88px;background:rgba(255,255,255,.94);border-bottom:1px solid #eee;position:sticky;top:0;z-index:10;backdrop-filter:blur(20px)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{width:145px;height:60px;object-fit:contain}.nav nav{display:flex;gap:30px;font-size:12px;color:#5b5b60}.nav-cta{font-size:12px;font-weight:600}.nav-cta span{margin-left:14px;color:var(--red);font-size:18px}.hero{background:linear-gradient(#f5f5f7 5%,#fafafa 65%,#fff);padding:64px 0 43px}.hero-copy{text-align:center}h1{font-size:clamp(48px,6.8vw,88px);font-weight:600;line-height:1.025;letter-spacing:-5px;margin:23px 0 22px}h1 span{color:var(--red)}.hero-copy p{font-size:17px;line-height:1.65;color:#6e6e73;margin:0 0 36px}.hero-media{max-width:1060px}.cinema{display:block;border:0;padding:0;background:#222;border-radius:20px;overflow:hidden;position:relative;width:100%;height:430px;color:white;text-align:left}.cinema>img{width:100%;height:100%;object-fit:cover;object-position:50% 57%;transition:transform 1s}.cinema:hover>img{transform:scale(1.025)}.film-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.22),transparent 40%,rgba(0,0,0,.65))}.film-top{position:absolute;top:27px;left:32px;font-size:9px;letter-spacing:2.4px}.play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:74px;height:74px;border:1px solid #ffffff8c;background:#ffffff25;backdrop-filter:blur(15px);border-radius:100%;display:grid;place-items:center;transition:background .25s}.play svg{width:24px;height:24px;fill:#fff;margin-left:4px}.cinema:hover .play{background:var(--red)}.film-bottom{position:absolute;left:32px;right:32px;bottom:27px;display:flex;align-items:end;justify-content:space-between;font-size:23px;font-weight:500;letter-spacing:-.6px}.film-bottom small{display:block;font-size:11px;font-weight:400;letter-spacing:.1px;margin-top:10px;opacity:.8}.film-duration{font-size:9px;letter-spacing:1px;white-space:nowrap}.hero-actions{display:flex;align-items:center;justify-content:center;gap:65px;margin-top:27px}.button{display:inline-flex;justify-content:center;align-items:center;gap:32px;padding:18px 25px;border-radius:40px;background:var(--red);color:#fff;font-size:13px;font-weight:550;transition:background .2s,transform .2s}.button:hover{background:#ac0e15;transform:translateY(-2px)}.button span{font-size:19px;line-height:12px}.hero-actions small{display:block;text-align:center;font-size:9px;color:#828287;margin-top:11px}.trust{display:flex;align-items:center;gap:13px}.avatars{display:flex;padding-left:7px}.avatars img{height:36px;width:36px;border-radius:50%;border:2px solid white;object-fit:cover;object-position:center 25%;margin-left:-7px}.stars{display:block;color:var(--red);font-size:12px;letter-spacing:3px}.trust-text{display:block;font-size:10px;margin-top:6px;color:#747477}.ticker{overflow:hidden;background:#171717;color:#fff;padding:23px 0}.ticker-track{display:flex;align-items:center;width:max-content;gap:45px;animation:marquee 35s linear infinite;font-size:12px;letter-spacing:1px}.ticker i{font-style:normal;color:var(--red);font-size:24px}@keyframes marquee{to{transform:translateX(-50%)}}.work-section{padding:105px 0 55px;background:linear-gradient(#eeeef1 0%,#f6f6f8 42%,#fff 86%);overflow:hidden}.work-intro{display:flex;justify-content:space-between;align-items:center;gap:60px}h2{font-size:clamp(35px,4vw,53px);font-weight:600;line-height:1.1;letter-spacing:-2px;margin:20px 0}h2 span{color:#86868b}.work-intro p,.story p{font-size:15px;line-height:1.8;color:#6e6e73;max-width:540px}.owner-card{width:205px;flex-shrink:0;background:#fff;border-radius:15px;overflow:hidden}.owner-card img{width:100%;height:155px;object-fit:cover;object-position:center 30%}.owner-card>span{display:block;padding:17px;font-size:12px;font-weight:600}.owner-card small{display:block;font-size:9px;font-weight:400;color:#777;margin-top:8px}.owner-card b{float:right;color:var(--red)}.stats{display:flex;gap:80px;margin:42px 0 90px}.stats strong{font-size:43px;letter-spacing:-2px;font-weight:550}.stats strong span{color:var(--red);font-size:27px;vertical-align:top;margin-left:2px}.stats div>span{display:block;font-size:11px;color:#777;margin-top:8px}.gallery-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.gallery-heading h3{font-size:22px;font-weight:500;letter-spacing:-.6px;margin:10px 0 0}.arrows{display:flex;gap:9px}.arrows button{width:38px;height:38px;border:0;border-radius:100%;background:#e8e8ed;color:#444}.arrows button:hover{background:#d8d8df}.gallery{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:32px max(40px,calc((100vw - 1160px)/2)) 20px;scrollbar-width:none}.gallery::-webkit-scrollbar{display:none}.project{position:relative;flex:0 0 290px;height:425px;padding:0;border:0;border-radius:18px;overflow:hidden;scroll-snap-align:center;text-align:left;color:#fff;background:#252525}.project.wide{flex-basis:430px}.project>img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.project:hover>img{transform:scale(1.04)}.project:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,#000b)}.project>span{position:absolute;z-index:1;bottom:27px;left:25px;right:25px}.project small{font-size:9px;letter-spacing:1.8px}.project strong{display:block;font-size:20px;font-weight:500;letter-spacing:-.5px;margin-top:10px;max-width:85%}.project b{position:absolute;right:0;bottom:0;font-size:19px;font-weight:400}.gallery-note{display:flex;justify-content:space-between;font-size:10px;color:#85858a;margin-top:4px}.story{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding-block:100px 120px}.story-photo{position:relative;border-radius:20px;overflow:hidden;height:540px;background:#ddd}.story-photo>img{width:100%;height:100%;object-fit:cover;object-position:45% center}.photo-caption{position:absolute;bottom:0;left:0;right:0;padding:55px 30px 25px;background:linear-gradient(transparent,#0009);color:white;font-size:11px;letter-spacing:1.5px}.photo-caption span{display:block;font-size:8px;opacity:.7;margin-top:8px}.story-copy h2{font-size:57px}.story-copy p{font-size:14px}.text-link{display:inline-flex;gap:35px;font-size:12px;color:var(--red);font-weight:550;margin-top:14px}.experience{background:var(--paper);padding:90px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:55px}.step-num{font-size:11px;color:var(--red);border-top:1px solid #d7d7db;display:block;padding-top:18px}.steps h3{font-size:22px;letter-spacing:-.6px;font-weight:550;margin-top:25px}.steps p{color:#77777d;font-size:13px;line-height:1.8;max-width:300px}.voices{padding-block:110px 75px}.section-top{display:flex;justify-content:space-between;align-items:end}.section-top>p{font-size:13px;line-height:1.7;color:#777}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:35px}.testimonial{position:relative;height:385px;border:0;background:#222;border-radius:18px;overflow:hidden;padding:0;text-align:left;color:white}.testimonial>img{height:100%;width:100%;object-fit:cover}.testimonial:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,#000b)}.mini-play{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:50%;background:#ffffff38;backdrop-filter:blur(10px);display:grid;place-items:center;font-size:12px;z-index:1}.testimonial-label{position:absolute;bottom:25px;left:25px;font-size:21px;font-weight:500;z-index:1}.testimonial-label small{font-size:10px;display:block;opacity:.8;margin-top:9px}.review{text-align:center;max-width:720px;margin:70px auto 0}.review blockquote{font-size:27px;line-height:1.4;letter-spacing:-.8px;margin:22px 0}.review>span{font-size:10px;color:#85858b}.consultation{background:#141414;color:#fff;padding:95px 0}.consult-inner{text-align:center}.consult-inner .eyebrow{color:#c6c6ca}.consult-inner h2{font-size:66px;letter-spacing:-3px;margin-block:25px}.consult-inner h2 span{color:#a6a6ad}.consult-inner p{color:#a3a3aa;font-size:15px;line-height:1.8;margin-bottom:30px}.call-line{font-size:11px;color:#99999e;margin-top:22px}.call-line a{color:#ededed;margin-left:5px}.service-area{border-top:1px solid #333;padding-top:35px;margin-top:55px;font-size:9px;letter-spacing:1.5px;color:#c0c0c6}.service-area span{display:block;font-size:10px;letter-spacing:0;margin-top:12px;color:#86868b}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:60px;padding-block:95px}.faq h2{font-size:36px}.questions details{border-bottom:1px solid #e3e3e6}.questions summary{list-style:none;cursor:pointer;font-size:14px;padding:24px 0;display:flex;justify-content:space-between;gap:20px}.questions summary::-webkit-details-marker{display:none}.questions summary span{font-size:20px;color:#85858b;transition:transform .2s}.questions details[open] summary span{transform:rotate(45deg)}.questions p{font-size:13px;color:#777;line-height:1.8;margin:0 30px 22px 0}footer{background:var(--paper);padding:34px 0 24px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-top p{font-size:17px;color:#888;letter-spacing:-.4px}.footer-top>a:last-child{font-size:11px}.footer-bottom{border-top:1px solid #dedee3;margin-top:30px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:#999;font-size:9px}.skip{position:fixed;left:10px;top:-100px;background:white;padding:16px;z-index:100}.skip:focus{top:10px}dialog{border:0;border-radius:17px;width:min(980px,calc(100% - 30px));max-height:93vh;padding:22px;background:#141414;color:#fff}dialog::backdrop{background:#000c;backdrop-filter:blur(10px)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.modal-head h2{font-size:18px;letter-spacing:-.3px;margin:0}.close{border:0;background:#333;color:#fff;font-size:26px;border-radius:50%;height:35px;width:35px;flex-shrink:0}#modal-content iframe{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:8px}#modal-content>img{width:100%;max-height:72vh;object-fit:contain}#video-fallback{font-size:11px;color:#aaa;text-align:center;margin-bottom:0}#video-fallback a{text-decoration:underline}@media(min-width:1500px){.hero{padding-top:80px}.cinema{height:490px}}@media(max-width:850px){.wrap{width:calc(100% - 44px)}header{height:76px}.nav nav{display:none}.logo{width:128px;height:52px}.nav-cta{font-size:11px}.hero{padding-top:48px}h1{letter-spacing:-3px}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.2px}.hero-copy p{font-size:15px}.cinema{height:360px}.hero-actions{gap:25px}.trust-text{font-size:9px}.stats{gap:50px}.work-intro{gap:25px}.work-intro h2{font-size:37px}.owner-card{width:160px}.owner-card img{height:140px}.gallery{padding-inline:22px}.story{gap:40px}.story-copy h2{font-size:43px}.story-photo{height:480px}.steps{gap:30px}.testimonial{height:340px}.testimonial-grid{gap:15px}.testimonial-label{font-size:18px;left:18px}.faq{gap:30px}.film-bottom{font-size:20px}.film-duration{display:none}}@media(max-width:600px){.wrap{width:calc(100% - 36px)}.nav-cta{font-size:10px}.nav-cta span{margin-left:4px}header{height:70px}.logo{width:112px;height:48px}.hero{padding:40px 0 30px}h1{font-size:51px;line-height:1.04;letter-spacing:-3.2px;margin-top:21px}.hero-copy p{font-size:14px;max-width:320px;margin:0 auto 26px}.desktop{display:none}.cinema{height:330px;border-radius:16px}.film-top{left:20px;top:20px;font-size:8px;letter-spacing:1.6px}.film-bottom{left:20px;right:20px;bottom:22px;font-size:18px;line-height:1.3;max-width:245px}.film-bottom small{font-size:10px}.play{height:62px;width:62px}.hero-actions{flex-direction:column;gap:22px}.hero-actions>div{width:100%}.hero-actions .button{width:100%;padding:19px 14px}.hero-actions small{font-size:9px}.trust{gap:12px}.trust-text{font-size:10px}.ticker{padding:16px 0}.ticker-track{font-size:10px;gap:30px}.ticker i{font-size:19px}.work-section{padding-top:65px}.work-intro{align-items:start;gap:18px}.work-intro .eyebrow{font-size:8px;letter-spacing:1.2px}.work-intro h2{font-size:32px;letter-spacing:-1.5px}.work-intro p{font-size:12px}.owner-card{width:98px;margin-top:36px;border-radius:10px}.owner-card img{height:106px}.owner-card>span{padding:10px;font-size:10px;line-height:1.4}.owner-card small{font-size:8px;margin-top:4px}.owner-card b{display:none}.stats{gap:15px;justify-content:space-between;margin:28px 0 57px}.stats strong{font-size:34px}.stats strong span{font-size:20px}.stats div>span{font-size:9px;line-height:1.5;max-width:92px}.gallery-heading h3{font-size:19px;max-width:230px}.gallery-heading .eyebrow{font-size:8px}.arrows{gap:6px}.arrows button{height:32px;width:32px}.gallery{gap:13px;padding:25px 18px 16px}.project,.project.wide{flex-basis:78vw;height:390px}.project strong{font-size:20px}.gallery-note{font-size:8px}.story{grid-template-columns:1fr;padding-block:38px 65px;gap:30px}.story-photo{height:380px}.story-copy h2{font-size:46px}.story-copy p{font-size:14px}.eyebrow{font-size:9px}.experience{padding:60px 0}.experience h2{font-size:36px}.steps{grid-template-columns:1fr;gap:22px;margin-top:36px}.steps h3{font-size:21px;margin-block:15px 10px}.steps p{max-width:100%;font-size:13px}.voices{padding-block:65px 55px}.section-top{display:block}.section-top h2{font-size:39px}.section-top>p{font-size:12px}.testimonial-grid{display:flex;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:10px}.testimonial{flex:0 0 78%;height:380px;scroll-snap-align:center}.review{margin-top:40px}.review blockquote{font-size:24px}.review>span{font-size:9px}.consultation{padding:65px 0 45px}.consult-inner h2{font-size:45px;letter-spacing:-2px}.consult-inner p{font-size:14px}.consult-inner .button{width:100%}.service-area{line-height:1.8;margin-top:38px}.service-area span{font-size:9px}.faq{grid-template-columns:1fr;padding-block:60px;gap:10px}.faq h2{font-size:34px;margin-bottom:10px}.questions summary{font-size:13px}.footer-top{flex-wrap:wrap}.footer-top p{font-size:15px}.footer-top>a:last-child{font-size:10px;width:100%}.footer-bottom{flex-direction:column;font-size:8px;gap:12px;line-height:1.6}dialog{padding:14px}.modal-head h2{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Responsive action row and subtle motion throughout the story. */
.hero-actions .button .cta-long,.hero-actions .button .cta-short{font-size:inherit;line-height:1.4}
.hero-actions .button .cta-short{display:none}
.owner-card{transition:transform .35s,box-shadow .35s}.owner-card:hover{transform:translateY(-5px);box-shadow:0 12px 35px #0000000c}
.button .cta-arrow,.text-link span,.nav-cta span{transition:transform .25s;display:inline-block}.button:hover .cta-arrow,.text-link:hover span,.nav-cta:hover span{transform:translate(2px,-2px)}
.play:after{content:"";position:absolute;inset:-9px;border:1px solid #ffffff65;border-radius:50%;opacity:0;pointer-events:none}
.motion-ready .play:after{animation:play-breathe 3.8s ease-out infinite;animation-play-state:paused}
.motion-ready .cinema.in-view .play:after{animation-play-state:running}
@keyframes play-breathe{0%{transform:scale(.87);opacity:0}30%{opacity:.65}100%{transform:scale(1.32);opacity:0}}
@media(max-width:600px){
 .hero-actions{display:flex;flex-direction:column;gap:24px;align-items:center;margin-top:25px}
 .hero-actions>div{min-width:0;width:100%}
 .hero-actions .button{width:100%;padding:19px 16px;gap:20px;font-size:13px;min-height:56px;white-space:normal}
 .hero-actions .button .cta-long{display:inline}.hero-actions .button .cta-short{display:none}
 .hero-actions .button .cta-arrow{font-size:18px}
 .hero-actions small{font-size:9px;line-height:1.6;margin-top:10px}
 .hero-actions .trust{display:flex;flex-direction:row;gap:13px;min-width:0;text-align:left}
 .hero-actions .avatars img{height:35px;width:35px}
 .hero-actions .trust .stars{font-size:11px;letter-spacing:2px}
 .hero-actions .trust-text{font-size:10px;line-height:1.5;margin-top:5px;max-width:none}
}
@media(prefers-reduced-motion:reduce){.play:after{animation:none!important}.owner-card{transition:none}}
/* Black header with brand-red edges fading into the center. */
header{background:linear-gradient(90deg,rgba(207,26,32,.46) 0%,rgba(139,2,7,.18) 14%,transparent 31%,transparent 69%,rgba(139,2,7,.18) 86%,rgba(207,26,32,.46) 100%),#080808;border-bottom:1px solid #ffffff12}
.nav nav{color:#dedee3}.nav nav a:hover{color:#fff}
.google-trust{display:flex;align-items:center;gap:14px;flex-shrink:0;color:#fff}
.google-wordmark{display:inline-flex;font-family:Arial,sans-serif;font-weight:600;font-size:25px;letter-spacing:-1.6px;line-height:1}
.google-wordmark span:nth-child(1),.google-wordmark span:nth-child(4){color:#4285f4}
.google-wordmark span:nth-child(2),.google-wordmark span:nth-child(6){color:#ea4335}
.google-wordmark span:nth-child(3){color:#fbbc05}
.google-wordmark span:nth-child(5){color:#34a853}
.google-review-copy{display:flex;flex-direction:column;gap:6px}
.google-stars{color:#fbbc05;font-size:15px;line-height:1;letter-spacing:2px}
.google-review-count{font-size:11px;line-height:1.3;font-weight:500;color:#f3f3f5;white-space:nowrap}
@media(max-width:600px){.google-trust{gap:10px}.google-wordmark{font-size:21px;letter-spacing:-1.4px}.google-stars{font-size:12px;letter-spacing:1.7px}.google-review-count{font-size:10px}.google-review-copy{gap:5px}.nav{gap:16px}}
@media(max-width:350px){.google-trust{gap:8px}.google-wordmark{font-size:18px}.google-review-count{font-size:9px}.nav{gap:10px}}
/* Carry the same dark brand treatment through the footer. */
footer{background:linear-gradient(90deg,rgba(207,26,32,.46) 0%,rgba(139,2,7,.18) 14%,transparent 31%,transparent 69%,rgba(139,2,7,.18) 86%,rgba(207,26,32,.46) 100%),#080808;color:#f3f3f5}
.footer-top p{color:#bebec6}.footer-top>a:last-child{color:#ededf1}
.footer-bottom{border-top-color:#ffffff26;color:#aaaab4}.footer-bottom a{color:#d8d8df}
/* A compact review badge with a clear visual hierarchy. */
header{position:sticky;top:0;z-index:20}
.google-trust{gap:11px;padding:11px 13px;border:1px solid #ffffff26;border-radius:14px;background:linear-gradient(135deg,#ffffff0e,#ffffff04);box-shadow:0 2px 12px #00000012;transition:background .2s,border-color .2s}
.google-trust:hover{background:#ffffff12;border-color:#ffffff40}
.google-icon{width:36px;height:36px;display:grid;place-items:center;flex-shrink:0;background:#fff;border-radius:50%;box-shadow:0 2px 6px #0002}
.google-icon svg{display:block}
.google-review-copy{gap:6px}.google-stars{font-size:13px;letter-spacing:2px}
.google-review-count{font-size:10px;font-weight:400;color:#d7d7df}.google-review-count strong{font-weight:650;color:#fff}
.google-badge-arrow{font-size:13px;color:#b7b7c2;margin-left:3px}
@media(max-width:600px){.google-trust{padding:8px 10px;gap:9px;border-radius:12px}.google-icon{width:31px;height:31px}.google-icon svg{width:20px;height:20px}.google-stars{font-size:11px;letter-spacing:1.6px}.google-review-count{font-size:9px}.google-review-copy{gap:5px}.google-badge-arrow{display:none}}
@media(max-width:350px){.google-trust{padding:8px;gap:7px}.google-icon{width:28px;height:28px}.google-review-count{font-size:8.5px}}
/* Header remains at the start of the page rather than following the scroll. */
header{position:relative;top:auto}
/* Give the selected interiors enough room to show the complete design. */
.project.wide{flex-basis:500px}
.project[data-image="hollywood-bathroom-gallery1.webp"]>img{object-position:center 58%}
.project[data-image="home-remodeling-portfolio6.webp"]>img{object-position:48% center}
@media(max-width:600px){.project.wide{flex-basis:86vw}.cinema>img{object-position:50% center}}
