:root{--red:#d8c690;--ink:#202222;--paper:#f6f5f1;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #75643b;outline-offset:5px}img{display:block;width:100%;object-fit:cover}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:12px 5%;background:var(--paper);position:relative;z-index:10}header .logo{width:102px;height:78px;object-fit:contain;mix-blend-mode:multiply}nav{display:flex;gap:35px;font-size:14px}nav a:hover{color:var(--red)}.button{display:inline-flex;justify-content:center;align-items:center;min-height:54px;padding:15px 28px;background:var(--red);color:white;border-radius:50px;font-size:14px;font-weight:600;transition:box-shadow .3s,transform .3s}.button:hover{box-shadow:0 10px 28px #d8c69035;transform:translateY(-2px)}.menu{display:none}.hero{padding:20px 5% 0;display:grid;grid-template-columns:1.1fr 1fr;gap:35px;min-height:calc(100svh - 100px);max-height:1000px}.hero-copy{align-self:center;padding:20px 0 35px}.eyebrow{font-size:12px;letter-spacing:.14em;font-weight:600;display:flex;align-items:center;gap:14px}.line{width:28px;height:2px;background:var(--red)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Instrument Serif',Georgia,serif;font-weight:400}h1{font-size:clamp(72px,7.8vw,120px);line-height:.96;letter-spacing:-.04em;margin:30px 0}em{font-weight:400;color:var(--red)}.intro{max-width:360px;color:#616362;margin-bottom:25px}.hero-proof{display:flex;gap:14px;align-items:center;margin-top:34px}.hero-proof p{font-size:14px;margin:0}.hero-proof small{color:#6b6d69;font-size:12px}.seal{border:1px solid #d8c69044;color:var(--red);border-radius:100%;width:42px;height:42px;display:grid;place-items:center;font:26px 'Instrument Serif'}.hero-picture{position:relative;min-height:500px;overflow:hidden;border-radius:160px 160px 8px 8px;isolation:isolate}.hero-picture>img{height:100%;position:absolute;inset:0;object-position:center 48%;animation:arrival 1.6s var(--ease) both}.hero-picture:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0009);z-index:0}.photo-caption{position:absolute;bottom:35px;left:32px;color:white;z-index:1;display:grid;gap:6px}.photo-caption span{font-size:11px;letter-spacing:.15em}.photo-caption b{font:32px 'Instrument Serif'}.photo-caption small{font-size:12px}.picture-index{position:absolute;right:25px;bottom:35px;color:white;z-index:1;font-size:12px}.hero-bottomline{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #20222225;padding:10px 0 25px;font-size:12px;color:#646862}.hero-bottomline span:last-child{letter-spacing:.15em;font-size:10px}.trust{display:flex;justify-content:space-between;gap:30px;padding:35px 5%;font-size:14px}.trust>span{color:#656861}.trust>div{display:flex;gap:35px}.trust b{font-weight:500}.section{padding:100px 7%}.section-heading{max-width:1200px;margin:auto}.section-heading>p:last-child{color:#656861}h2{font-size:clamp(50px,5.8vw,84px);line-height:1.05;letter-spacing:-.035em;margin:22px 0}.service-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;align-items:center;margin:55px auto 0;max-width:1200px}.service-list button{width:100%;border:0;border-bottom:1px solid #20222225;background:none;display:flex;align-items:center;text-align:left;padding:25px 0;gap:22px;font-size:clamp(19px,2.1vw,29px);color:#858781;transition:color .3s}.service-list button span{font-size:12px}.service-list button i{margin-left:auto;font-style:normal;font-size:24px;font-weight:400}.service-list button[aria-selected=true]{color:var(--red)}.service-list button[aria-selected=true] i{transform:rotate(45deg)}.swatch-stage{position:relative;margin:20px 15px;perspective:1000px}.swatch-back{position:absolute;inset:0;border-radius:9px;background:#e9ddba;transform-origin:50% 90%;transform:rotate(5deg);transition:transform .9s var(--ease)}.swatch-back.two{background:#d8c690;transform:rotate(10deg)}.swatch-stage:hover .one{transform:rotate(7deg)}.swatch-stage:hover .two{transform:rotate(14deg)}.swatch{background:#fff;border-radius:9px;overflow:hidden;position:relative;box-shadow:0 16px 40px #20222210;transform-origin:50% 90%}.swatch-photo{height:250px;position:relative;overflow:hidden}.swatch-photo img{height:100%}.swatch-photo span{position:absolute;top:18px;left:20px;color:white;font-size:12px;background:#202222a0;padding:5px 12px;border-radius:30px}.swatch-content{padding:26px 30px}.swatch-content h3{font-size:42px;line-height:1.1;margin:10px 0}.swatch-content p:not(.eyebrow){min-height:52px;color:#62665f}.text-link{font-size:14px;border-bottom:1px solid var(--red);padding-bottom:5px}.projects{background:#303033;color:#f7f7f1;border-radius:60px 60px 0 0;padding-bottom:85px;overflow:hidden}.project-heading{position:relative;padding-bottom:45px}.projects em{color:#d8c690}.project-controls{display:flex;gap:12px;align-items:center;margin-top:30px}.project-controls span{font-size:12px;margin-right:20px}.project-controls button{border:1px solid #ffffff40;background:none;border-radius:40px;color:inherit;padding:10px 18px;font-size:14px}.project-controls button:hover{background:#ffffff15}.project-track{display:flex;gap:28px;overflow:auto;scrollbar-width:none;scroll-snap-type:x mandatory;padding:0 7%;scroll-padding-inline:7%;overscroll-behavior-x:contain}.project-card{flex:0 0 62%;scroll-snap-align:start;min-width:0}.project-card img{height:440px;border-radius:8px;transition:filter .4s;object-position:center}.project-card:hover img{filter:brightness(1.08)}.project-card>div{padding-top:24px}.project-card span{font-size:12px;letter-spacing:.12em;color:#b1b9b1}.project-card h3{font-size:44px;line-height:1.1;margin:12px 0}.project-card p{color:#bec4bd;font-size:14px}.about{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;padding-top:115px;padding-bottom:115px}.about h2{font-size:clamp(48px,4.5vw,68px)}.about-copy{padding-top:30px}.large{font-size:24px;line-height:1.45}.about-copy>p:not(.large){color:#666b64}details{border-bottom:1px solid #20222225;padding:18px 0;font-size:14px}summary{cursor:pointer;font-weight:500}details p{padding-top:16px;margin:0;color:#62665f}.contact{background:var(--red);color:white;border-radius:60px 60px 0 0;text-align:center;position:relative}.contact>.eyebrow{justify-content:center}.contact h2{font-size:clamp(64px,8vw,118px);margin-bottom:35px}.contact em{color:#ffd3bc}.contact-actions{display:flex;gap:30px;align-items:center;justify-content:center}.light{background:white;color:var(--red)}.contact-address{font-size:14px;margin:35px 0 0;opacity:.8}footer{background:#303033;color:#f7f7f1;padding:40px 5% 20px}.footer-top,.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:12px}.footer-top{font-size:14px}.footer-word{font-family:'Instrument Serif',serif;font-size:25vw;line-height:1.1;letter-spacing:-.055em;white-space:nowrap;overflow:hidden}.footer-word span{color:var(--red)}.footer-bottom{padding-top:20px;border-top:1px solid #fff3;color:#b5b5b8}.skip{position:absolute;top:-100px}.skip:focus{top:0;z-index:100;background:white;padding:10px}.hero-copy{animation:copyin 1.2s var(--ease)}@keyframes arrival{from{transform:scale(1.1);filter:brightness(.7)}to{transform:scale(1);filter:brightness(1)}}@keyframes copyin{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.reveal.visible{opacity:1;transform:none}@media(min-width:1600px){main,header,footer{max-width:1800px;margin:auto}}@media(max-width:800px){header{height:85px;padding:8px 6%}header .logo{width:83px;height:67px}.navcta,nav{display:none}.menu{display:flex;align-items:center;gap:15px;background:none;border:0;font-size:14px;padding:12px 0}.menu span{font-size:22px}nav.open{display:flex;position:absolute;top:85px;left:0;right:0;background:var(--paper);padding:25px 6%;box-shadow:0 12px 20px #0001}.hero{display:flex;flex-direction:column;padding:15px 6% 0;gap:24px;min-height:0;max-height:none}.hero-copy{padding:0;align-self:stretch}.hero .eyebrow{font-size:10px;margin:0 0 18px}h1{font-size:clamp(64px,13vw,96px);margin:0 0 20px;line-height:.96}.intro{font-size:15px;max-width:330px;margin-bottom:20px}.hero .button{min-height:50px}.hero-proof{margin-top:20px}.hero-proof p{font-size:12px}.hero-proof small{font-size:12px}.hero-picture{min-height:340px;height:48svh;border-radius:100px 100px 8px 8px}.photo-caption{left:22px;bottom:24px}.photo-caption b{font-size:27px}.picture-index{right:20px;bottom:24px}.hero-bottomline{font-size:11px;padding:5px 0 20px}.hero-bottomline span:last-child{display:none}.trust{padding:26px 6%;display:block}.trust>span{font-size:13px}.trust>div{gap:20px;justify-content:space-between;margin-top:16px;font-size:12px}.section{padding:65px 6%}h2{font-size:clamp(47px,9vw,65px)}.service-layout{grid-template-columns:1fr;gap:30px;margin-top:28px}.service-list{display:flex;overflow-x:auto;gap:12px;padding-bottom:5px}.service-list button{flex:0 0 auto;width:auto;font-size:14px;gap:8px;padding:12px 3px}.service-list button span,.service-list button i{display:none}.swatch-stage{margin:10px 24px 15px 0}.swatch-photo{height:230px}.swatch-content{padding:24px}.swatch-content h3{font-size:38px}.swatch-content p:not(.eyebrow){min-height:52px;font-size:15px}.projects{border-radius:32px 32px 0 0;padding-bottom:55px}.project-heading{padding-bottom:30px}.project-card{flex-basis:88%}.project-track{gap:18px;padding-inline:6%;scroll-padding-inline:6%}.project-card img{height:350px}.project-card h3{font-size:35px}.project-card p{font-size:14px}.about{grid-template-columns:1fr;gap:20px}.about-copy{padding-top:0}.large{font-size:22px}.contact{border-radius:32px 32px 0 0}.contact h2{font-size:clamp(58px,12vw,80px)}.contact .eyebrow{font-size:10px}.contact-actions{flex-direction:column;gap:20px}.contact-address{font-size:12px}.footer-top{flex-wrap:wrap;font-size:12px}.footer-top>span{width:100%}.footer-bottom{font-size:11px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
/* Reviews and continuous partner ribbon */
.stars{color:var(--red);font-size:21px;letter-spacing:3px;line-height:1.3}.avatar{display:block;border-radius:50%;background-image:url('assets/review-sprite.png');background-size:300% 200%;background-repeat:no-repeat;background-color:#d6d1c9;flex:none;width:54px;height:54px;border:0}.face-0{background-position:0 0}.face-1{background-position:50% 0}.face-2{background-position:100% 0}.hero-reviews{display:flex;align-items:center;gap:14px;margin-top:27px;width:fit-content}.avatar-stack{display:flex;padding-left:0}.avatar-stack .avatar{width:36px;height:36px;border:2px solid var(--paper);margin-left:-9px}.avatar-stack .avatar:first-child{margin-left:0}.hero-reviews .stars{display:block;font-size:14px}.hero-reviews b{font-size:13px;display:block;margin-top:3px}.hero-reviews b span{font-weight:400}.hero-reviews small{font-size:10px;color:#777;display:block}.hero-proof{margin-top:16px}.hero-proof .seal{width:30px;height:30px;font-size:20px}.hero-proof p{font-size:12px}.hero-proof small{font-size:11px}.partners{padding:45px 0 32px;text-align:center;overflow:hidden}.partners>p{font-family:'Instrument Serif',serif;font-size:32px;margin:0 5% 28px}.partners>small{font-size:10px;color:#888;letter-spacing:.1em;display:block;margin-top:25px}.logo-fade{overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent)}.logo-marquee{display:flex;width:max-content;animation:logo-flow 36s linear infinite;will-change:transform}.logo-set{display:flex;align-items:center;justify-content:space-around;gap:75px;padding:0 38px;flex:none;min-width:1200px}.brand{display:block;min-width:125px;line-height:1.1;color:#434843;font-size:25px;letter-spacing:.15em}.brand small{display:block;font-family:'DM Sans',sans-serif;font-size:8px;letter-spacing:.35em;margin-top:9px}.atelier{font-size:15px;line-height:1.45;letter-spacing:.4em}.west,.maison,.dalen{font-family:Georgia,serif}.forma{font-weight:700;letter-spacing:-.06em;font-size:30px}.dalen{font-size:22px;letter-spacing:.01em}.ode{font:italic 39px Georgia,serif;letter-spacing:-.07em}.ode span{display:block;font:8px 'DM Sans',sans-serif;letter-spacing:.3em}@keyframes logo-flow{from{transform:translateX(-50%)}to{transform:translateX(0)}}.review-label{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:45px}.review-label .eyebrow{margin:0}.review-label>span{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#777;white-space:nowrap}.feature-grid{display:grid;grid-template-columns:25% 1fr;gap:7%}.review-score{padding:48px 6% 0 0;border-right:1px solid #20222230}.review-score strong{font:clamp(54px,6.5vw,100px)/1 'Instrument Serif',serif;white-space:nowrap;font-weight:400}.review-score strong span{font-size:.57em;margin-left:10px}.review-score .stars{font-size:26px;margin-top:20px}.review-score p{font-size:14px;margin:16px 0 5px}.review-score small{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#777}.big-quote{font:96px/.6 'Instrument Serif',serif;color:var(--red);display:block}.quote-area h2{font-size:clamp(44px,5vw,75px);line-height:1.04;margin:10px 0 22px;min-height:2.08em}.quote-area>p{max-width:650px;color:#646861;font-size:16px;min-height:5em}.quote-bottom{display:flex;align-items:center;gap:20px;margin-top:28px}.portrait-select{display:flex;gap:10px}.portrait-select button{width:48px;height:48px;cursor:pointer;outline:1px solid transparent;outline-offset:4px;transition:opacity .3s,outline-color .3s;opacity:.55}.portrait-select button.selected{outline-color:var(--red);opacity:1}.quote-person b{font:24px 'Instrument Serif',serif}.quote-person span{display:block;font-size:9px;letter-spacing:.09em;margin-top:7px}.quote-controls{margin-left:auto;display:flex;align-items:center;gap:14px;font-size:11px;white-space:nowrap}.quote-controls button{border:0;background:none;font-size:30px;min-width:35px;min-height:44px;color:var(--ink)}.palette-reviews{background:#eae7e1;margin:0 3%;border-radius:16px;padding:55px 5% 45px;overflow:hidden}.palette-reviews>h2{text-align:center;font-size:clamp(45px,5vw,74px);margin-bottom:65px}.palette-reviews>h2 em{color:inherit}.review-fan{display:grid;grid-template-columns:repeat(3,1fr);gap:0;max-width:1250px;margin:0 auto 30px;padding:0 12px 25px}.paint-review{border-radius:16px;position:relative;overflow:hidden;box-shadow:0 24px 38px #27271d20;min-height:510px;transition:transform .7s var(--ease),box-shadow .7s var(--ease);transform-origin:50% 90%;display:flex;flex-direction:column}.paint-review.ivory{background:#f6f3ed;transform:rotate(7deg) translateY(5px);z-index:1}.paint-review.stone{background:#c9c3b9;transform:rotate(3deg) translateY(14px);z-index:2}.paint-review.crimson{background:#d8c690;color:white;transform:rotate(-7deg);z-index:3}.paint-review:hover,.paint-review:focus-within{transform:translateY(-15px) rotate(0deg);z-index:4;box-shadow:0 32px 44px #27271d30}.paint-content{padding:30px 26px 0;position:relative;z-index:1}.paint-review blockquote{font:clamp(23px,2.25vw,34px)/1.18 'Instrument Serif',serif;margin:18px 0}.paint-content>p{font-size:13px;line-height:1.65;opacity:.8}.paint-person{display:flex;align-items:center;gap:12px;margin-top:23px}.paint-person .avatar{width:42px;height:42px}.paint-person b{font:23px 'Instrument Serif',serif;font-weight:400}.paint-person small{font-size:9px;display:block;letter-spacing:.1em;margin-top:5px}.crimson .stars{color:white}.paint-texture{background-image:url('assets/review-sprite.png');background-size:300% 200%;background-repeat:no-repeat;width:100%;aspect-ratio:1;margin-top:-40px;margin-bottom:-20%;pointer-events:none;mask-image:linear-gradient(transparent 0%,#000 28%)}.texture-0{background-position:0 100%}.texture-1{background-position:50% 100%}.texture-2{background-position:100% 100%}.review-note{text-align:center;font-size:11px;color:#777;margin:15px 0 0}.hero{max-height:none}.review-feature{padding-top:90px;padding-bottom:90px}@media(max-width:1000px){.quote-bottom{flex-wrap:wrap}.quote-controls{margin-left:0}.paint-content{padding:25px 18px 0}.paint-review{min-height:510px}}@media(max-width:800px){.partners{padding-top:35px}.partners>p{font-size:27px}.logo-set{gap:40px;min-width:950px;padding:0 20px}.logo-marquee{animation-duration:32s}.review-label{margin-bottom:35px;align-items:flex-start}.review-label .eyebrow{font-size:9px;max-width:65%}.review-label>span{font-size:8px}.feature-grid{grid-template-columns:1fr;gap:30px}.review-score{border-right:0;border-bottom:1px solid #20222225;padding:0 0 22px;display:flex;align-items:center;gap:15px;flex-wrap:wrap}.review-score strong{font-size:55px}.review-score .stars{font-size:18px;margin:0}.review-score p{font-size:11px;margin:0}.review-score small{font-size:8px}.quote-area h2{font-size:45px;min-height:3.12em}.quote-area>p{font-size:15px;min-height:7.5em}.quote-bottom{gap:18px}.portrait-select button{width:42px;height:42px}.quote-person span{font-size:8px;max-width:140px}.quote-controls{width:100%;justify-content:center;margin-top:6px}.review-feature{padding-top:55px;padding-bottom:50px}.palette-reviews{margin:0 3%;padding:40px 5%}.palette-reviews>h2{font-size:46px;margin:0 0 48px}.review-fan{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding:20px 20px 35px;margin:0 -5%;scroll-padding-inline:20px;scrollbar-width:none;align-items:stretch}.paint-review{flex:0 0 86%;scroll-snap-align:center;min-height:505px;max-width:360px}.paint-review.ivory{transform:rotate(3deg)}.paint-review.stone{transform:rotate(1deg)}.paint-review.crimson{transform:rotate(-3deg)}.paint-review:hover{transform:rotate(0deg)}.paint-content{padding:26px 23px 0}.paint-review blockquote{font-size:29px}.paint-content>p{font-size:13px}.paint-texture{margin-top:-25px}.review-note{font-size:10px;line-height:1.6}.hero-reviews{margin-top:22px}}@media(prefers-reduced-motion:reduce){.logo-marquee{animation:none;transform:none}.logo-fade{overflow-x:auto}.logo-set[aria-hidden=true]{display:none}.paint-review{transform:none!important}}
/* JCW branding; locked composition and interactions retained. */
:root{--red:#d8c690}.button:hover{box-shadow:0 10px 28px #d8c69035}nav a:hover{color:var(--red)}header .logo{width:170px;height:78px}.seal{border-color:#d8c69055}.swatch-back.two{background:#d8c690}.contact em{color:#f4e6b3}.paint-review.crimson{background:#d8c690}.texture-2{filter:hue-rotate(62deg) saturate(.53) brightness(.79)}.portrait-select button.selected{outline-color:var(--red)}.hero-picture>img{object-position:52% 50%}.project-card:last-child img{object-position:center 38%}@media(max-width:800px){header .logo{width:135px;height:67px}.hero .eyebrow{font-size:9px;letter-spacing:.1em}}

/* Champagne gold: approved palette 01. Dark typography preserves contrast. */
:root{--red:#d8c690;--gold:#d8c690;--ink:#303033;--gold-metal:linear-gradient(115deg,#cbbb88 0%,#e6d8ac 28%,#f1e7c8 45%,#d8c690 68%,#e6d8ac 100%)}
.button{background:var(--gold-metal);color:var(--ink);border:1px solid #cbbb88;box-shadow:inset 0 1px 0 #ffffff70}
.button:hover{box-shadow:0 10px 28px #8c784522,inset 0 1px 0 #ffffff90}
em,.seal,nav a:hover,.service-list button[aria-selected=true],.footer-word span{color:var(--ink)}
.service-list button[aria-selected=true]{box-shadow:inset 0 -2px var(--gold)}
.seal{background:#e9ddba55;border-color:var(--gold)}
.projects em{color:var(--gold)}
.contact{background:var(--gold);color:var(--ink)}
.contact em{color:var(--ink)}
.contact .light{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.paint-review.crimson{background:var(--gold);color:var(--ink)}
.crimson .stars{color:var(--ink)}
.texture-2{filter:grayscale(1) sepia(.7) saturate(.65) brightness(1.65)}

/* Approved refinement: flat champagne buttons, neutral anthracite, two-tone headings. */
:root{--ink:#303033;--gold:#d8c690;--red:#d8c690}
.button,.contact .light{background:var(--gold);background-image:none;color:#454549;border-color:var(--gold);box-shadow:none}
.button:hover,.contact .light:hover{background:var(--gold);box-shadow:none}
h1 em,h2 em,.palette-reviews>h2 em{color:var(--gold)}
.contact h2{color:#444449}
.contact h2 em{color:#fffdf7}
.contact .light{border-color:#a99868}
.footer-word span{color:var(--gold)}

/* Schavemaker: blue from the original identity, neutral anthracite. */
:root{--red:#0088b5;--gold:#0088b5;--ink:#303033;--paper:#f7f7f4}
.button,.contact .light,.button:hover,.contact .light:hover{background:#0088b5;border-color:#0088b5;color:#fff;box-shadow:none}
.projects,footer{background:#303033}.projects em{color:#76cce4}
.swatch-back.one{background:#a1d5e3}.swatch-back.two,.paint-review.crimson{background:#0088b5}.paint-review.crimson,.crimson .stars{color:white}
.contact{background:#0088b5;color:white}.contact h2{color:white}.contact h2 em{color:#cceff7}.contact .light{background:#f7f7f4;color:#17647e;border-color:#f7f7f4}
.texture-2{filter:hue-rotate(185deg) saturate(.7)}.seal{background:#e0f1f5;border-color:#0088b5}.footer-word{font-size:14vw}.footer-word span{color:#76cce4}
header .logo{width:80px;height:80px}.hero-picture>img{object-position:45% center}.stars{color:#007da6}
@media(max-width:800px){header .logo{width:68px;height:68px}.hero .eyebrow{font-size:10px}.footer-word{font-size:13.5vw}}
