:root{--paper:#f5f0e6;--white:#fffdf8;--ink:#172126;--blue:#244d76;--coral:#d46d52;--gold:#e0b84a;--line:rgba(23,33,38,.18);--sans:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;--serif:Georgia,"Times New Roman",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden}.preview-note{height:27px;background:var(--ink);color:#fff;text-align:center;font-size:9px;letter-spacing:.19em;font-weight:800;padding:8px 12px}.site-header{height:90px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(245,240,230,.95);position:relative;z-index:20}.brand{display:flex;align-items:center;gap:13px;color:var(--ink);text-decoration:none}.brand>span:last-child{display:grid}.brand strong{font-size:15px;letter-spacing:.16em}.brand small{font-size:8px;letter-spacing:.18em;margin-top:4px}.brand-mark{width:45px;height:45px;border-radius:50%;position:relative;display:block;background:var(--blue);overflow:hidden}.brand-mark i{position:absolute;width:25px;height:10px;border-radius:10px;left:10px;top:18px;background:var(--gold)}.brand-mark i:nth-child(2){transform:rotate(60deg);background:var(--coral)}.brand-mark i:nth-child(3){transform:rotate(-60deg);background:#fff}.menu{display:none;border:0;background:transparent}nav{display:flex;align-items:center;gap:28px}nav a{font-size:11px;font-weight:700;color:var(--ink);text-decoration:none}.nav-call{border:1px solid var(--ink);border-radius:24px;padding:12px 18px}.hero{min-height:720px;display:grid;grid-template-columns:1.05fr .95fr;gap:5vw;padding:6.5vw 6vw 5vw;align-items:center}.eyebrow{font-size:9px;letter-spacing:.24em;color:var(--blue);font-weight:800;margin:0 0 22px}.hero h1,.section h2,.closing h2{font-family:var(--serif);font-weight:400;letter-spacing:-.045em;line-height:.96;margin:0}.hero h1{font-size:clamp(68px,7.6vw,118px)}em{font-weight:400;color:var(--coral)}.lede{font-family:var(--serif);font-size:22px;line-height:1.5;max-width:650px;margin:34px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{min-height:52px;padding:0 20px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;text-decoration:none;font-size:11px;font-weight:800}.ink{background:var(--ink);color:#fff}.line{border:1px solid var(--ink);color:var(--ink)}.proof{display:flex;gap:5vw;margin:50px 0 0}.proof div{display:grid;gap:4px}.proof dt{font-family:var(--serif);font-size:31px}.proof dd{font-size:9px;margin:0;color:#566166}.hero-board{min-height:560px;background:var(--blue);position:relative;overflow:hidden;color:#fff;display:grid;place-content:center;box-shadow:0 35px 80px rgba(36,77,118,.2)}.hero-board:before{content:"";position:absolute;inset:34px;border:1px solid rgba(255,255,255,.28)}.hero-board>p{font-family:var(--serif);font-size:clamp(55px,6vw,90px);line-height:.78;letter-spacing:-.06em;margin:0;position:relative;z-index:3}.hero-board>p em{color:var(--gold)}.paint{position:absolute;width:190px;height:190px;border-radius:51% 49% 58% 42%;display:grid;place-content:center;font-family:var(--serif);font-size:34px;opacity:.95}.p1{background:var(--coral);left:-55px;top:-55px;transform:rotate(17deg)}.p2{background:var(--gold);right:-70px;bottom:50px;transform:rotate(-11deg);color:var(--ink)}.p3{background:#728b73;right:25px;top:25px;width:100px;height:100px}.roller{position:absolute;left:12%;bottom:13%;width:190px;height:44px;border:6px solid var(--white);border-radius:8px;transform:rotate(-15deg)}.roller i{position:absolute;width:80px;height:7px;background:var(--white);right:-70px;top:31px;transform:rotate(40deg);transform-origin:left}.roller b{position:absolute;width:13px;height:90px;background:var(--white);right:-108px;top:75px;transform:rotate(25deg)}.section{padding:8vw 6vw}.section-head{display:grid;grid-template-columns:.55fr 1.3fr .85fr;gap:4vw;align-items:end}.section h2{font-size:clamp(52px,6vw,86px)}.section-head>p:last-child,.service-intro>p:last-child,.brief-copy>p{font-family:var(--serif);font-size:18px;line-height:1.55;color:#5d6669}.studio{background:var(--white)}.studio-grid{margin-top:5vw;display:grid;grid-template-columns:1.2fr .8fr;gap:5vw}.room-stage{min-height:570px;position:relative;background:#d46d52;overflow:hidden;transition:background .4s ease}.room-wall{height:69%;position:relative;background:color-mix(in srgb,currentColor 10%,transparent)}.room-floor{height:31%;background:#c3a982;position:relative;border-top:7px solid rgba(23,33,38,.4)}.window{position:absolute;width:145px;height:180px;background:#dff1f3;right:10%;top:14%;border:10px solid var(--white);box-shadow:0 0 0 2px var(--ink)}.window:before,.window:after{content:"";position:absolute;background:var(--ink);opacity:.35}.window:before{width:2px;inset:0 50%}.window:after{height:2px;left:0;right:0;top:50%}.art{position:absolute;width:110px;height:90px;left:13%;top:15%;background:var(--gold);border:8px solid var(--white);box-shadow:0 0 0 2px var(--ink)}.lamp{position:absolute;width:65px;height:70px;left:11%;bottom:5%;background:var(--white);clip-path:polygon(20% 0,80% 0,100% 100%,0 100%)}.lamp:after{content:"";position:absolute;width:5px;height:120px;background:var(--ink);left:30px;top:65px}.sofa{position:absolute;width:340px;height:120px;background:var(--ink);left:50%;top:-42px;transform:translateX(-50%);border-radius:30px 30px 8px 8px}.sofa:before{content:"";position:absolute;left:-20px;right:-20px;bottom:0;height:75px;background:#202f37;border-radius:16px}.sofa i{position:absolute;width:120px;height:62px;background:#344650;top:5px;border-radius:18px;z-index:1}.sofa i:first-child{left:34px}.sofa i:last-child{right:34px}.rug{position:absolute;width:70%;height:80px;background:var(--gold);border-radius:50%;left:15%;bottom:-25px;opacity:.85}.room-caption{position:absolute;left:24px;bottom:24px;background:var(--white);padding:17px 20px;display:grid;min-width:220px;box-shadow:0 12px 30px rgba(23,33,38,.15)}.room-caption small,.control-label{font-size:8px;letter-spacing:.2em;color:var(--blue);font-weight:800}.room-caption strong{font-family:var(--serif);font-size:24px;font-weight:400;margin:5px 0}.room-caption span{font-size:10px;color:#566166}.studio-controls{display:grid;align-content:start;gap:38px}.room-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-top:13px}.room-tab,.service-tab{border:0;background:transparent;color:var(--ink);cursor:pointer}.room-tab{padding:11px 13px;border:1px solid var(--line);font-size:10px}.room-tab.active{background:var(--ink);color:#fff}.swatches{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}.swatch{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;background:var(--paper);border:1px solid transparent;padding:11px;text-align:left;cursor:pointer;color:var(--ink)}.swatch.active{border-color:var(--ink);background:#fff}.swatch i{grid-row:1/3;width:31px;height:31px;border-radius:50%;background:var(--swatch);align-self:center}.swatch b{font-family:var(--serif);font-size:16px;font-weight:400}.swatch small{font-size:9px;color:#697477}.studio-disclaimer{font-size:10px;line-height:1.55;color:#697477}.text-link{font-size:11px;font-weight:800;color:var(--ink)}.services{background:var(--ink);color:#fff;display:grid;grid-template-columns:.65fr 1.35fr;gap:7vw}.services .eyebrow{color:var(--gold)}.services h2{font-size:clamp(56px,6vw,90px)}.services em{color:var(--gold)}.service-intro>p:last-child{color:#b5bfc1}.service-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid rgba(255,255,255,.2)}.service-tab{color:#95a4a9;padding:18px 10px;text-align:left;font-weight:700;border-bottom:3px solid transparent}.service-tab span{display:block;font-size:8px;letter-spacing:.18em;margin-bottom:7px}.service-tab.active{color:#fff;border-color:var(--coral)}.service-panel{display:grid;grid-template-columns:1fr .9fr;min-height:440px}.service-panel>div:first-child{padding:58px 35px 45px 0}.service-panel small{color:var(--gold);letter-spacing:.2em;font-size:8px}.service-panel h3{font-family:var(--serif);font-size:51px;line-height:1;margin:20px 0;font-weight:400}.service-panel p{font-family:var(--serif);font-size:18px;line-height:1.55;color:#b5bfc1}.service-panel a{color:#fff;font-size:11px}.service-graphic{background:var(--coral);position:relative;overflow:hidden;color:var(--ink);display:grid;place-content:center}.service-graphic:before,.service-graphic:after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;border:1px solid rgba(23,33,38,.25)}.service-graphic:before{left:-70px;top:-90px}.service-graphic:after{right:-90px;bottom:-70px}.mini-wall{width:180px;height:180px;border:3px solid var(--ink);display:block;position:relative;background:rgba(255,255,255,.22)}.mini-wall:before{content:"";position:absolute;width:55px;height:75px;border:3px solid var(--ink);right:22px;top:28px}.mini-roller{position:absolute;width:90px;height:28px;background:var(--gold);left:50%;top:43%;transform:translate(-50%,-50%) rotate(-13deg);border:3px solid var(--ink)}.mini-roller:after{content:"";position:absolute;width:6px;height:130px;background:var(--ink);right:-38px;top:20px;transform:rotate(-20deg)}.service-graphic b{position:absolute;left:22px;bottom:20px;font-size:8px;letter-spacing:.18em}.story{background:var(--gold);display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw;align-items:center}.story-stamp{width:340px;aspect-ratio:1;border:2px solid var(--ink);border-radius:50%;display:grid;place-content:center;text-align:center;transform:rotate(-7deg)}.story-stamp span{font-family:var(--serif);font-size:112px;line-height:.75}.story-stamp small{font-size:10px;letter-spacing:.19em;margin-top:20px}.story>div:last-child>p:not(.eyebrow){font-family:var(--serif);font-size:20px;line-height:1.6;max-width:700px}.owner{display:flex;align-items:center;gap:14px;margin-top:35px}.owner>span{width:50px;height:50px;border-radius:50%;border:1px solid var(--ink);display:grid;place-content:center;font-size:11px}.owner p{display:grid;margin:0}.owner small{margin-top:4px}.process{background:var(--white)}.process-list{list-style:none;padding:0;margin:5vw 0 0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.process-list li{min-height:230px;padding:25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;align-content:start;gap:16px}.process-list span{font-size:9px;letter-spacing:.2em;color:var(--coral)}.process-list strong{font-family:var(--serif);font-size:29px;font-weight:400}.process-list p{font-size:11px;line-height:1.55;color:#697477}.brief{display:grid;grid-template-columns:.72fr 1.28fr;gap:8vw}.contact-card{margin-top:45px;border-top:1px solid var(--line);display:grid;grid-template-columns:auto 1fr;gap:12px 24px;padding-top:25px}.contact-card small{font-size:8px;letter-spacing:.18em;color:var(--blue)}.contact-card a{font-family:var(--serif);font-size:22px;color:var(--ink)}.contact-card p{font-size:11px;line-height:1.5;margin:0}form{border-top:1px solid var(--line)}fieldset{border:0;border-bottom:1px solid var(--line);padding:24px 0;margin:0}legend{font-family:var(--serif);font-size:20px}legend span{width:22px;height:22px;border-radius:50%;display:inline-grid;place-content:center;background:var(--ink);color:#fff;font:9px var(--sans);margin-right:10px}.choices{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.choice{border:1px solid var(--line);background:var(--white);color:var(--ink);padding:10px 13px;font-size:10px;cursor:pointer}.choice.active{background:var(--blue);color:#fff;border-color:var(--blue)}form>label{display:block;font-size:11px;font-weight:800;margin:24px 0 8px}form>label small{font-weight:400;color:#697477}textarea{width:100%;padding:15px;border:1px solid var(--line);background:var(--white);font:12px var(--sans);resize:vertical}.summary{margin-top:18px;background:var(--ink);color:#fff;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:18px}.summary small{font-size:8px;letter-spacing:.18em;color:var(--gold)}.summary p{font-family:var(--serif);font-size:18px;margin:5px 0 0}.paper{background:var(--gold);color:var(--ink);white-space:nowrap}.closing{background:var(--blue);color:#fff;padding:8vw 6vw;text-align:center}.closing>p{font-size:9px;letter-spacing:.24em;color:#fff}.closing h2{font-size:clamp(65px,9.5vw,140px)}.closing h2 em{color:var(--gold)}.closing>div{display:flex;gap:15px;justify-content:center;margin-top:42px}.closing a{padding:16px 22px;border:1px solid rgba(255,255,255,.55);color:#fff;text-decoration:none;font-size:10px;font-weight:800}footer{padding:25px 5vw;background:var(--ink);color:#fff;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.11em}footer a{color:#fff;text-decoration:none;font-weight:800}footer p{opacity:.65}
@media(max-width:900px){.preview-note{height:36px;line-height:1.35;padding:6px 28px}.site-header{height:72px;padding:0 18px}.brand-mark{width:38px;height:38px}.brand-mark i{width:22px;left:8px;top:14px}.brand strong{font-size:13px}.menu{display:grid;gap:5px;place-items:end;padding:6px}.menu span{width:24px;height:2px;background:var(--ink);display:block}.menu b{font-size:7px}nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--paper);padding:24px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}nav.open{display:flex}.hero{grid-template-columns:1fr;padding:70px 18px 50px;gap:50px}.hero h1{font-size:59px}.lede{font-size:19px}.proof{gap:28px}.hero-board{min-height:420px}.hero-board>p{font-size:61px}.section{padding:75px 18px}.section-head{grid-template-columns:1fr;gap:12px}.section h2{font-size:50px}.studio-grid{grid-template-columns:1fr;gap:40px}.room-stage{min-height:500px}.sofa{width:280px}.swatches{grid-template-columns:1fr}.services{grid-template-columns:1fr;gap:35px}.service-tabs{overflow-x:auto}.service-tab{min-width:120px}.service-panel{grid-template-columns:1fr}.service-panel>div:first-child{padding-right:0}.service-graphic{min-height:330px}.service-panel h3{font-size:42px}.story{grid-template-columns:1fr}.story-stamp{width:min(75vw,300px);margin:auto}.process-list{grid-template-columns:1fr 1fr}.brief{grid-template-columns:1fr}.summary{align-items:flex-start;flex-direction:column}.summary .button{width:100%}.closing h2{font-size:58px}.closing>div{flex-direction:column}.closing a{width:100%}footer{flex-direction:column;align-items:flex-start;gap:15px}}
@media(max-width:430px){.hero h1{font-size:52px}.proof{gap:18px}.proof dt{font-size:27px}.room-stage{min-height:470px}.window{width:110px;height:145px}.art{width:90px;height:75px}.sofa{width:245px}.process-list{grid-template-columns:1fr}.service-tabs{grid-template-columns:repeat(4,120px)}.service-panel h3{font-size:38px}}
