/* RINKAKU: color planes, material, and deliberately quiet reading spaces. */
:root{--ink:#172e40;--paper:#f4f2e9;--muted:#5b696f;--ivory:#e7dcc6;--taupe:#baab93;--slate:#516b7c;--acid:#d8e562;--line:rgba(23,46,64,.22);--motion-strength:1;--ease:cubic-bezier(.2,.75,.2,1);--gutter:clamp(24px,5vw,88px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}button{background:none;border:0}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:auto}figure,h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600}h2{font-size:clamp(30px,4vw,62px);line-height:1.55;letter-spacing:-.035em}h3{line-height:1.6}p{font-size:15px;line-height:2.05;letter-spacing:.025em}::selection{background:var(--acid);color:var(--ink)}:focus-visible{outline:3px solid var(--slate);outline-offset:6px}.hero :focus-visible,.menu :focus-visible,.layers :focus-visible,.closing :focus-visible{outline-color:var(--acid)}[hidden]{display:none!important}.skip{position:fixed;top:-80px;left:20px;padding:16px;background:var(--acid);z-index:100}.skip:focus{top:20px}.section{padding:110px var(--gutter)}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:600;line-height:1.8}.fine{font-size:11px;line-height:1.9;color:var(--muted)}.text-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:18px 0;border-bottom:1px solid currentColor;text-align:left;font-size:13px}.mobile-only{display:none}
.header{position:absolute;top:0;left:0;right:0;height:110px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);z-index:30;color:var(--paper)}.brand{display:inline-flex;gap:12px;align-items:center;font-size:25px;font-weight:600;letter-spacing:.12em;white-space:nowrap}.brand small{display:block;font-size:8px;letter-spacing:.17em;line-height:1.8}.brand-symbol{display:flex;width:32px;height:34px;align-items:center;gap:3px;transform:skewY(-12deg)}.brand-symbol i{width:7px;height:27px;background:currentColor}.brand-symbol i:nth-child(2){height:34px}.header-actions{display:flex;gap:30px;align-items:center}.motion-toggle{font-size:10px;opacity:.75;padding:10px 0}.header-color{font-size:12px;border-bottom:1px solid;padding:10px 0}.header-color span{padding-left:25px}.menu-toggle{display:flex;gap:20px;align-items:center;position:relative;z-index:41;padding:16px 0}.menu-word{font-size:10px;letter-spacing:.16em}.menu-lines{width:35px;height:17px;position:relative;display:block}.menu-lines i{width:100%;height:1px;background:currentColor;position:absolute;left:0;transition:transform .5s var(--ease),top .5s}.menu-lines i:first-child{top:1px}.menu-lines i:last-child{top:15px}.menu-open .menu-lines i:first-child{top:8px;transform:rotate(45deg)}.menu-open .menu-lines i:last-child{top:8px;transform:rotate(-45deg)}.menu-open .header{position:fixed;color:var(--ink)}.menu-open .header-color,.menu-open .motion-toggle{visibility:hidden}
.menu{position:fixed;inset:0;z-index:25;visibility:hidden;transition:visibility 1s;color:var(--ink);overflow:auto}.menu-open .menu{visibility:visible}.menu-papers{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);pointer-events:none}.menu-papers i{background:var(--ivory);transform:scaleY(0);transform-origin:bottom;transition:transform .8s var(--ease)}.menu-papers i:nth-child(2){background:var(--taupe);transition-delay:.05s}.menu-papers i:nth-child(3){background:var(--slate);transition-delay:.1s}.menu-open .menu-papers i{transform:scaleY(1)}.menu-content{position:relative;z-index:2;padding:160px var(--gutter) 40px;width:72%}.menu-content nav{margin:40px 0}.menu-content nav a{display:flex;align-items:center;gap:20px;font-size:clamp(22px,3.5vw,50px);line-height:1.85;transform:translateY(35px);opacity:0;transition:opacity .4s,transform .7s var(--ease);transition-delay:0s}.menu-content nav a span{font:12px monospace;align-self:center}.menu-content nav a b{font-size:24px;font-weight:400;margin-left:auto;margin-right:20%}.menu-open .menu-content nav a{opacity:1;transform:translateY(0);transition-delay:calc(.17s + var(--i)*.06s)}.menu-content nav a:hover{padding-left:10px}.menu-bottom{display:flex;gap:40px;font-size:11px;opacity:0;transition:opacity .4s}.menu-open .menu-bottom{opacity:1;transition-delay:.5s}.menu-photo{position:absolute;right:5%;top:21%;width:24%;transform:rotate(6deg) translateY(100px);opacity:0;transition:transform 1s var(--ease),opacity .7s}.menu-open .menu-photo{transform:rotate(-5deg) translateY(0);opacity:1;transition-delay:.24s}.menu-photo img{aspect-ratio:3/4;object-fit:cover}.menu-photo figcaption{font-size:9px;letter-spacing:.2em;color:var(--paper);margin-top:18px}
.hero{background:var(--ink);color:var(--paper);position:relative;padding:170px var(--gutter) 50px;min-height:960px;overflow:hidden}.hero-heading{position:relative;z-index:2;margin-bottom:40px;max-width:780px}.hero-heading .eyebrow{margin-bottom:30px}.hero h1{font-size:clamp(45px,5.3vw,84px);letter-spacing:-.045em;line-height:1.42;font-weight:500}.line{display:block;overflow:hidden}.line>span{display:block}.js .hero .line>span{transform:translateY(115%);animation:hero-text 1.1s var(--ease) forwards .15s}.js .hero .line:nth-child(2)>span{animation-delay:.26s}@keyframes hero-text{to{transform:translateY(0)}}.hero-photo{width:68%;margin-left:auto;margin-top:-120px;position:relative}.hero-photo img{aspect-ratio:1.5;object-fit:cover}.js .hero-photo{animation:hero-photo 1.3s var(--ease) both .2s}@keyframes hero-photo{from{clip-path:inset(0 100% 0 0);transform:translateY(40px)}to{clip-path:inset(0);transform:translateY(0)}}.hero-photo figcaption{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.1em;padding-top:15px}.photo-corner{position:absolute;right:-12px;top:-12px;width:42px;height:42px;border-top:1px solid var(--acid);border-right:1px solid var(--acid)}.hero-tail{display:flex;align-items:flex-end;justify-content:space-between;position:relative;z-index:2;margin-top:-50px;width:28%;flex-direction:column;gap:40px}.hero-tail p{font-size:13px;align-self:flex-start}.round-link{display:flex;gap:35px;align-items:center;align-self:flex-start;font-size:11px;white-space:nowrap}.round-link i{width:52px;height:52px;border:1px solid rgba(244,242,233,.4);border-radius:50%;display:grid;place-items:center;font:25px sans-serif;transition:background .3s,color .3s,transform .3s}.round-link:hover i{background:var(--acid);color:var(--ink);transform:rotate(35deg)}.hero-swatches{position:absolute;right:var(--gutter);top:172px;display:flex;align-items:center;gap:6px;transform:rotate(-12deg)}.hero-swatches i{width:33px;height:70px;background:var(--ivory);transform-origin:bottom}.hero-swatches i:nth-child(2){background:var(--taupe);transform:translateY(-10px)}.hero-swatches i:nth-child(3){background:var(--slate);transform:translateY(10px)}.hero-side{position:absolute;right:20px;top:54%;writing-mode:vertical-rl;font-size:9px;letter-spacing:.2em;opacity:.6}
.intro{padding-bottom:0}.intro-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:8vw;align-items:start;margin-top:48px}.intro-copy{padding-top:10px}.intro-copy p+p{margin-top:28px}.color-ribbon{display:grid;grid-template-columns:repeat(3,1fr);margin-top:90px;height:80px;overflow:hidden}.color-ribbon span{background:var(--ivory);display:flex;align-items:center;padding:0 28px;font-size:10px;letter-spacing:.2em;transition:transform .9s var(--ease)}.color-ribbon span:nth-child(2){background:var(--taupe)}.color-ribbon span:nth-child(3){background:var(--slate);color:var(--paper)}.js .color-ribbon span{transform:translateY(100%)}.color-ribbon.is-visible span{transform:translateY(0)}.color-ribbon span:nth-child(2){transition-delay:.1s}.color-ribbon span:nth-child(3){transition-delay:.2s}
.color-studio{padding-top:10px}.studio-heading{padding-bottom:50px;display:grid;grid-template-columns:1fr 1fr;gap:20px 5vw;align-items:end}.studio-heading .eyebrow{grid-column:1/-1}.studio-heading h2{font-size:clamp(30px,3.5vw,52px)}.studio-heading>p:last-child{font-size:13px}.studio-stage{display:grid;grid-template-columns:1.8fr 1fr;min-height:570px}.color-photo{position:relative;isolation:isolate;overflow:hidden;background:var(--ivory)}.color-photo img{width:100%;height:100%;object-fit:cover;aspect-ratio:1.5}#color-next{position:absolute;inset:0;clip-path:inset(0 100% 0 0);z-index:1;transition:clip-path .85s var(--ease)}.paint-curtain{position:absolute;top:0;bottom:0;width:8%;left:-10%;background:var(--taupe);z-index:2;pointer-events:none;opacity:.7;transition:left .85s var(--ease)}.painting #color-next{clip-path:inset(0)}.painting .paint-curtain{left:100%}.stage-mark{position:absolute;left:28px;bottom:26px;background:var(--paper);padding:8px 14px;font:9px monospace;letter-spacing:.1em;z-index:3}.color-panel{padding:40px clamp(24px,3vw,55px);background:var(--ivory);transition:background .5s}.studio-stage[data-color=taupe] .color-panel{background:#ded5c6}.studio-stage[data-color=slate] .color-panel{background:#c9d5dc}.color-count{display:flex;align-items:baseline;gap:16px;line-height:1.1;margin-bottom:40px}.color-count span{font:76px/1 Georgia,serif}.color-count small{font:11px monospace}.color-panel h3{font-size:22px;margin-top:15px;margin-bottom:18px}.color-panel>p:not(.color-count):not(.eyebrow):not(.fine){font-size:13px;min-height:78px}.color-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:30px 0 15px}.color-tabs button{padding:12px 3px;border-bottom:1px solid transparent}.color-tabs button[aria-pressed=true]{border-color:var(--ink)}.color-tabs i{display:block;border-radius:50%;width:38px;height:38px;margin:0 auto 10px;border:1px solid rgba(23,46,64,.25);transition:transform .4s,box-shadow .4s}.color-tabs button[aria-pressed=true] i{box-shadow:0 0 0 4px var(--ivory),0 0 0 5px var(--ink);transform:scale(.8)}.color-tabs .ivory{background:var(--ivory)}.color-tabs .taupe{background:var(--taupe)}.color-tabs .slate{background:var(--slate)}.color-tabs span{font-size:10px;white-space:nowrap}.color-panel .fine{margin-top:24px}.color-comparison{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:30px var(--gutter);background:#e4e4db}.color-comparison img{aspect-ratio:1.5;object-fit:cover}.color-comparison figcaption{padding:15px 0;font-size:11px}
.material{display:grid;grid-template-columns:1fr 1.7fr;gap:55px 6vw;align-items:start;padding-top:150px;padding-bottom:160px}.material-title{padding-top:40px;position:relative;z-index:2}.material-title .eyebrow{margin-bottom:35px}.material h2{font-size:clamp(30px,3.4vw,52px)}.material-photo{overflow:hidden;grid-column:2}.material-photo img{aspect-ratio:1.15;object-fit:cover}.material-copy{grid-column:2;display:flex;flex-wrap:wrap;gap:30px 45px;align-items:start}.material-copy p{font-size:12px}.small-rule{border-top:1px solid var(--line);padding-top:24px;width:100%;font-size:9px;letter-spacing:.17em}.parallax img{transform:translateY(calc(var(--parallax,0px)*var(--motion-strength))) scale(1.08);will-change:transform}
.layers{background:var(--ink);color:var(--paper);overflow:hidden;padding-bottom:140px}.layers-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:22px 6vw}.layers-heading .eyebrow{grid-column:1/-1;color:#afc2cc}.layers-heading>p:last-child{font-size:12px}.layers-heading h2{font-size:clamp(30px,3.5vw,52px)}.layers-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:6vw;align-items:center;margin-top:70px}.layer-object{height:510px;position:relative;perspective:1000px;transform-style:preserve-3d;--spread:1}.layer-object>div:not(.layer-bracket){position:absolute;width:78%;height:56%;top:20%;left:8%;transform:rotateX(52deg) rotateZ(-28deg);box-shadow:22px 38px 35px rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.15);transition:transform .8s var(--ease)}.layer-base{background:linear-gradient(120deg,#afa695,#7b807b);transform:translateY(calc(90px*var(--spread))) rotateX(52deg) rotateZ(-28deg)!important}.layer-primer{background:linear-gradient(130deg,#f3efe2,#c2b7a6);transform:translateY(calc(4px*var(--spread))) rotateX(52deg) rotateZ(-28deg)!important}.layer-finish{overflow:hidden;transform:translateY(calc(-80px*var(--spread))) rotateX(52deg) rotateZ(-28deg)!important;background:var(--slate)}.layer-finish img{width:100%;height:100%;object-fit:cover;opacity:.8}.layer-object span{position:absolute;left:24px;bottom:18px;font:9px monospace;letter-spacing:.15em;color:var(--ink)}.layer-finish span{color:var(--paper)}.layer-bracket{position:absolute;right:0;top:8%;height:82%;border-right:1px solid rgba(244,242,233,.2);width:15px;border-top:1px solid rgba(244,242,233,.2);border-bottom:1px solid rgba(244,242,233,.2)}.layer-controls button{width:100%;display:flex;gap:20px;align-items:center;font-size:17px;padding:22px 0;text-align:left;border-bottom:1px solid rgba(244,242,233,.22);opacity:.5;transition:opacity .3s,padding .3s}.layer-controls button span{font:11px monospace}.layer-controls button i{font:20px sans-serif;margin-left:auto}.layer-controls button[aria-pressed=true]{opacity:1;padding-left:12px;border-color:var(--acid)}.layer-answer{margin:28px 0 22px;min-height:125px}.layer-answer h3{font-size:17px;margin-bottom:12px}.layer-answer p{font-size:12px;color:#c1cbd0}.layers .fine{color:#92a5b1}
.condition{background:#e1e5df;padding-top:95px;padding-bottom:75px}.condition-head{display:flex;justify-content:space-between;align-items:end;margin:35px 0 55px;gap:50px}.condition-head p{font-size:12px}.condition-buttons{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.condition-buttons button{flex:1;padding:25px 20px;text-align:left;display:flex;gap:10px;align-items:center;justify-content:space-between;border-right:1px solid var(--line);font-size:13px;transition:background .3s,color .3s}.condition-buttons button:last-child{border:0}.condition-buttons button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.condition-answer{display:grid;grid-template-columns:80px 1.5fr 1fr;gap:35px;align-items:start;margin-top:50px}.condition-answer>span{font:54px Georgia,serif}.condition-answer h3{font-size:22px;margin-bottom:12px}.condition-answer p{font-size:12px;max-width:580px}.condition-note{font-size:10px!important;border-left:1px solid var(--line);padding-left:35px;margin-top:15px;color:var(--muted)}
.scope{display:grid;grid-template-columns:.8fr 1.4fr;gap:6vw;align-items:start;padding-top:145px;padding-bottom:145px}.scope h2{margin:32px 0}.scope-heading p:last-child{font-size:12px}.scope-body figure{overflow:hidden;margin-bottom:30px}.scope-body img{aspect-ratio:1.7;object-fit:cover}.scope-list details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer}summary::-webkit-details-marker{display:none}.scope summary{display:flex;align-items:center;gap:25px;padding:25px 0;font-size:20px}.scope summary span{font:11px monospace}.scope summary i{margin-left:auto;font:20px sans-serif;transition:transform .3s}details[open] summary i{transform:rotate(45deg)}.scope details p{font-size:12px;padding:0 0 25px 43px;color:var(--muted)}
.process{background:#e7dcc6}.process-photo{height:500px;overflow:hidden}.process-photo img{height:100%;object-fit:cover;object-position:50% 48%}.process-content{padding-top:70px;padding-bottom:80px}.process-content h2{margin-top:30px;font-size:clamp(30px,3.5vw,52px)}.process-track{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-top:65px;position:relative}.process-track article{position:relative;z-index:1}.process-track article>span{display:inline-block;font:12px monospace;background:#e7dcc6;padding-right:20px;margin-bottom:40px}.process-track h3{font-size:19px;margin-bottom:15px}.process-track p{font-size:12px}.process-line{position:absolute;top:8px;left:0;right:0;height:1px;background:var(--ink);transform-origin:left;transform:scaleX(var(--process-progress,.15))}.process-content .fine{margin-top:40px}
.estimate{padding-top:140px;padding-bottom:120px}.estimate-heading{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:end;margin:40px 0 60px}.estimate-heading p{font-size:13px}.estimate-list{border-top:1px solid var(--line)}.estimate-list label{position:relative;display:grid;grid-template-columns:50px .85fr 1.35fr 28px;align-items:center;gap:30px;padding:30px 22px;border-bottom:1px solid var(--line);cursor:pointer;transition:background .3s}.estimate-list label:has(input:checked){background:#e2e9cf}.estimate-list input{position:absolute;right:22px;width:24px;height:24px;opacity:0;cursor:pointer}.estimate-list label:has(input:focus-visible){outline:3px solid var(--slate);outline-offset:4px}.estimate-list label>span{font:11px monospace}.estimate-list b{font-size:17px;font-weight:500}.estimate-list p{font-size:12px;color:var(--muted)}.estimate-list i{border:1px solid var(--line);width:25px;height:25px;display:grid;place-items:center;font:18px sans-serif;transition:background .3s,transform .3s}.estimate-list input:checked~i{background:var(--ink);color:var(--paper);transform:rotate(45deg)}.estimate-summary{display:flex;gap:35px;align-items:start;background:#e4e5db;padding:35px;margin-top:35px}.estimate-summary>span{font-size:11px;flex-shrink:0}.estimate-summary p{font-size:12px;flex:1;line-height:1.8}.estimate-summary button{width:auto;white-space:nowrap;padding:0 0 6px;font-size:10px}
.questions{background:#e8e9e2;display:grid;grid-template-columns:1fr 1.3fr;gap:8vw;padding-top:100px;padding-bottom:100px}.questions h2{font-size:clamp(28px,3vw,45px);margin-top:35px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:13px;padding:28px 0;line-height:1.7}.faq-list summary i{font:20px sans-serif;flex-shrink:0;transition:transform .3s}.faq-list p{padding-bottom:28px;font-size:12px;color:var(--muted)}
.closing{background:var(--ink);color:var(--paper);position:relative;overflow:hidden;padding-top:130px;padding-bottom:130px;text-align:center}.closing h2{font-size:clamp(35px,4.2vw,68px);font-weight:500;position:relative;z-index:1;margin:35px 0 50px}.closing-link{display:flex;align-items:center;gap:80px;width:max-content;max-width:100%;margin:0 auto 30px;font-size:18px;border-bottom:1px solid rgba(244,242,233,.4);padding-bottom:20px}.closing-link span{font:30px sans-serif}.closing p:last-child{font-size:11px;color:#a9bcc7}.closing-swatches{position:absolute;left:-2%;bottom:-80px;display:flex;transform:rotate(-23deg);opacity:.16}.closing-swatches i{width:170px;height:430px;background:var(--ivory);margin-left:20px}.closing-swatches i:nth-child(2){background:var(--taupe);transform:translateY(-40px)}.closing-swatches i:nth-child(3){background:var(--slate);transform:translateY(30px)}.footer{padding:50px var(--gutter);display:flex;align-items:center;gap:30px;justify-content:space-between;flex-wrap:wrap}.footer>.brand{font-size:22px}.footer>a:not(.brand){font-size:11px;border-bottom:1px solid var(--line);padding-bottom:10px;line-height:1.8}.footer>a span{padding-left:20px}.copyright{font-size:8px;letter-spacing:.08em;width:100%;margin-top:20px;color:var(--muted)}
.js .masked{clip-path:inset(0 0 100% 0);transform:translateY(20px);transition:clip-path .85s var(--ease),transform .85s var(--ease)}.masked.is-visible{clip-path:inset(0);transform:none}
@media(min-width:1700px){.hero{min-height:1100px}.hero-tail{margin-top:-20px}.hero-photo{margin-top:-145px}.hero-heading{max-width:900px}}
@media(max-width:1100px){.header-actions{gap:20px}.hero{min-height:850px;padding-top:155px}.hero h1{font-size:5.2vw}.hero-photo{margin-top:-65px;width:70%}.hero-tail{margin-top:25px;width:100%;flex-direction:row;align-items:center}.hero-swatches{top:150px}.hero-tail p br{display:none}.hero-tail .round-link{align-self:center}.studio-stage{grid-template-columns:1.45fr 1fr;min-height:510px}.color-count{margin-bottom:25px}.color-panel{padding:35px 25px}.layer-object{height:430px}.layer-object>div:not(.layer-bracket){height:48%}.layers-grid{gap:5vw}.condition-answer{grid-template-columns:55px 1.7fr 1fr;gap:25px}.scope{grid-template-columns:.85fr 1.25fr}.estimate-list label{grid-template-columns:30px 1fr 1.25fr 25px;gap:20px}.estimate-summary{gap:20px}.questions{gap:5vw}.menu-photo{top:30%;width:23%}.menu-content{width:75%}.menu-bottom{display:block}.menu-bottom a{display:block;margin-top:15px}}
@media(max-width:800px){.section{padding:85px var(--gutter)}.header{height:95px}.header-color{display:none}.motion-toggle{font-size:9px}.brand{font-size:22px}.hero{min-height:0;padding:145px var(--gutter) 50px}.hero-heading{margin-bottom:35px}.hero h1{font-size:6.8vw}.hero-photo{width:100%;margin-top:0}.hero-photo img{aspect-ratio:1.6}.hero-swatches{top:150px;right:var(--gutter)}.hero-swatches i{width:20px;height:55px}.hero-side{display:none}.hero-tail{gap:25px}.hero-tail p{font-size:12px}.hero-photo figcaption{font-size:8px}.intro-grid{gap:5vw}.intro-copy p{font-size:12px}.color-ribbon{margin-top:60px}.studio-heading{padding-top:80px;padding-bottom:40px;display:block}.studio-heading h2{margin:20px 0}.studio-stage{display:block}.color-photo{height:auto}.color-photo img{aspect-ratio:1.5;height:auto}.color-panel{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;padding:32px var(--gutter)}.color-count{grid-row:1/4;align-self:start}.color-panel .eyebrow{grid-column:2}.color-panel h3{grid-column:2;margin-top:10px}.color-panel #color-description{grid-column:2;font-size:12px;min-height:0}.color-tabs{grid-column:1;grid-row:4;margin-top:25px;align-self:start}.color-panel .text-button{grid-column:2;grid-row:4;align-self:center}.color-panel .fine{grid-column:1/-1;margin-top:10px}.color-comparison{padding:22px var(--gutter)}.material{grid-template-columns:.9fr 1.3fr;gap:40px}.material-title{padding-top:15px}.material-copy{gap:20px}.material-copy p{font-size:11px}.material-photo img{aspect-ratio:.95}.layers-heading{gap:22px}.layers-heading h2{font-size:32px}.layers-grid{grid-template-columns:1.2fr 1fr;gap:35px}.layer-object{height:390px}.layer-object>div:not(.layer-bracket){left:3%;width:90%;top:26%;height:40%}.layer-controls button{font-size:13px;gap:12px;padding:18px 0}.layer-answer h3{font-size:14px}.layer-answer p{font-size:11px}.layers .fine{font-size:10px}.condition-head{gap:35px}.condition-head h2{font-size:35px}.condition-buttons button{font-size:11px;padding:20px 10px}.condition-answer{grid-template-columns:45px 1fr}.condition-note{grid-column:2;border:0;padding:0;margin:0}.scope{gap:40px;grid-template-columns:1fr 1.25fr}.scope-heading h2{font-size:32px}.scope summary{font-size:17px}.process-photo{height:400px}.process-track{gap:25px}.process-track p{font-size:11px}.process-content .fine{font-size:10px}.estimate-heading p{font-size:12px}.estimate-list label{grid-template-columns:30px 1fr 25px;gap:20px}.estimate-list label p{grid-column:2;grid-row:2}.estimate-list label i{grid-column:3;grid-row:1}.estimate-summary{display:grid;grid-template-columns:1fr auto;gap:15px}.estimate-summary>span{grid-column:1/-1}.questions{grid-template-columns:1fr;gap:45px}.footer{gap:25px}.footer>a:not(.brand){font-size:10px}}
@media(max-width:540px){:root{--gutter:22px}.section{padding:72px var(--gutter)}h2{font-size:30px;line-height:1.6}.header{height:86px}.header .brand{font-size:20px;gap:9px}.brand-symbol{width:25px;gap:3px}.brand-symbol i{width:5px;height:22px}.brand-symbol i:nth-child(2){height:30px}.brand small{font-size:6px}.header-actions{gap:16px}.menu-word{display:none}.menu-lines{width:28px}.motion-toggle{font-size:8px;max-width:65px;line-height:1.5}.hero{padding:130px 22px 40px}.hero-heading .eyebrow{font-size:10px;margin-bottom:26px}.hero h1{font-size:clamp(28px,7.8vw,42px);line-height:1.65;letter-spacing:-.05em;white-space:nowrap}.hero-photo{width:calc(100% + 44px);margin-left:-22px;margin-top:40px}.hero-photo img{aspect-ratio:1.17;object-fit:cover;object-position:53% 50%}.photo-corner{display:none}.hero-photo figcaption{padding:14px 22px;font-size:7px}.hero-swatches{right:30px;top:110px;gap:3px}.hero-swatches i{width:13px;height:30px}.hero-tail{display:block;margin-top:20px}.hero-tail p{font-size:12px;line-height:2}.hero-tail p br{display:block}.round-link{margin-top:25px;gap:22px;font-size:11px;justify-content:space-between;max-width:250px}.round-link i{width:40px;height:40px;font-size:20px}.intro{padding-bottom:0}.intro-grid{display:block;margin-top:28px}.intro-copy{padding-top:30px}.intro-copy p{font-size:12px}.intro-copy p+p{margin-top:20px}.color-ribbon{height:60px;margin-top:40px}.color-ribbon span{padding:0 12px;font-size:8px}.studio-heading{padding:70px 22px 30px}.studio-heading h2{font-size:30px;margin:25px 0 15px}.mobile-only{display:block}.studio-heading>p:last-child{font-size:11px}.studio-stage{display:flex;flex-direction:column}.color-photo img{aspect-ratio:1.17;object-position:53% 50%}.stage-mark{left:18px;bottom:16px;font-size:7px;padding:7px 10px}.color-panel{display:block;padding:30px 22px}.color-count{float:right;margin:2px 0 0 20px}.color-count span{font-size:45px}.color-count small{font-size:9px}.color-panel h3{font-size:20px;clear:none;margin:10px 0 12px;max-width:260px}.color-panel .eyebrow{font-size:9px}.color-panel #color-description{font-size:12px;max-width:300px}.color-tabs{margin:25px 0 0;padding-top:5px;max-width:320px;clear:both}.color-tabs i{width:32px;height:32px}.color-tabs button{padding:12px 5px}.color-tabs span{font-size:10px}.color-panel .text-button{font-size:12px;margin-top:10px}.color-panel .fine{font-size:10px;margin-top:18px}.color-comparison{grid-template-columns:1fr;gap:25px}.color-comparison img{aspect-ratio:1.5}.color-comparison figcaption{font-size:10px;padding:10px 0}.material{display:block;padding-bottom:80px}.material-title{padding:0}.material-title .eyebrow{margin-bottom:25px}.material h2{font-size:31px}.material-photo{margin:30px -22px 35px}.material-photo img{aspect-ratio:1.15}.material-copy{display:block}.material-copy p{font-size:12px}.material-copy p+p{margin-top:25px}.small-rule{display:block;margin-top:30px;padding-top:20px}.layers-heading{display:block}.layers-heading .eyebrow{margin-bottom:28px}.layers-heading h2{font-size:29px}.layers-heading>p:last-child{margin-top:20px;font-size:11px}.layers-grid{display:block;margin-top:25px}.layer-object{height:350px;margin:0 -10px 20px}.layer-object>div:not(.layer-bracket){height:45%;top:28%;left:7%;width:79%}.layer-base{transform:translateY(calc(68px*var(--spread))) rotateX(52deg) rotateZ(-28deg)!important}.layer-finish{transform:translateY(calc(-63px*var(--spread))) rotateX(52deg) rotateZ(-28deg)!important}.layer-object span{font-size:7px;left:18px;bottom:12px}.layer-bracket{height:78%;right:3%;top:13%}.layer-controls button{font-size:15px;padding:20px 0}.layer-answer{min-height:125px;margin:28px 0 20px}.layer-answer h3{font-size:17px}.layer-answer p{font-size:12px}.layers .fine{font-size:10px}.condition-head{display:block;margin:28px 0 35px}.condition-head h2{font-size:30px}.condition-head p{margin-top:25px;font-size:11px}.condition-buttons{display:grid;grid-template-columns:1fr 1fr}.condition-buttons button{padding:20px 12px;font-size:11px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.condition-buttons button:nth-child(2){border-right:0}.condition-buttons button:nth-child(n+3){border-bottom:0}.condition-answer{gap:18px;grid-template-columns:35px 1fr;margin-top:35px}.condition-answer>span{font-size:38px}.condition-answer h3{font-size:20px}.condition-answer p{font-size:11px}.condition-note{font-size:9px!important;margin-top:10px}.scope{display:block}.scope-heading h2{font-size:30px;margin:28px 0 20px}.scope-heading p:last-child{font-size:12px}.scope-body{margin-top:35px}.scope-body img{aspect-ratio:1.4}.scope summary{font-size:18px;padding:22px 0}.scope details p{font-size:11px;padding-left:39px}.process-photo{height:340px}.process-photo img{object-position:55% 50%}.process-content{padding-top:60px}.process-content h2{font-size:30px}.process-track{display:block;margin-top:45px;padding-left:36px}.process-track article{margin-bottom:35px}.process-track article>span{position:absolute;left:-36px;top:0;margin:0;padding:5px 0;font-size:10px}.process-track h3{font-size:18px;margin-bottom:10px}.process-track p{font-size:12px}.process-line{width:1px;height:calc(100% - 30px);top:4px;left:10px;transform-origin:top;transform:scaleY(var(--process-progress,.15))}.process-content .fine{font-size:10px;margin-top:20px}.estimate-heading{display:block;margin:28px 0 40px}.estimate-heading p{margin-top:25px;font-size:12px}.estimate-list label{padding:22px 3px;grid-template-columns:22px 1fr 24px;gap:14px}.estimate-list b{font-size:14px}.estimate-list p{font-size:11px}.estimate-list label i{width:24px;height:24px}.estimate-list input{right:3px}.estimate-summary{padding:25px 20px;display:block;margin-top:25px}.estimate-summary>span{font-size:10px}.estimate-summary p{margin:15px 0 20px;font-size:11px}.estimate-summary button{font-size:10px}.questions h2{font-size:28px;margin-top:28px}.questions{gap:35px;display:grid}.faq-list summary{font-size:12px;padding:23px 0;gap:20px}.faq-list p{font-size:11px}.closing{padding-top:90px;padding-bottom:90px}.closing h2{font-size:31px;line-height:1.65;margin:28px 0 40px}.closing .eyebrow{font-size:9px}.closing-link{gap:60px;font-size:15px;padding-bottom:15px}.closing-link span{font-size:24px}.closing p:last-child{font-size:10px}.closing-swatches{left:-170px;bottom:-230px}.footer{padding:40px 22px;display:block}.footer>.brand{font-size:21px}.footer>a:not(.brand){display:block;width:max-content;max-width:100%;margin-top:30px;font-size:9px}.footer>a span{padding-left:8px}.copyright{display:block;margin-top:30px;font-size:7px}.menu-content{padding:135px 22px 35px;width:100%}.menu-content .eyebrow{font-size:8px}.menu-content nav{margin:30px 0}.menu-content nav a{font-size:23px;gap:15px;line-height:2.4}.menu-content nav a b{margin-right:0;font-size:20px}.menu-content nav a span{font-size:9px}.menu-photo{position:relative;top:auto;right:auto;width:28%;margin:0 22px 0 auto;transform:translateY(30px) rotate(6deg)}.menu-photo img{aspect-ratio:1.6}.menu-photo figcaption{font-size:6px;margin-top:8px}.menu-open .menu-photo{transform:rotate(-5deg) translateY(0)}.menu-bottom{font-size:9px;line-height:1.8}.menu-bottom a{margin-top:14px}.menu-papers{position:fixed}.menu{min-height:100dvh}.menu-papers i{height:100dvh}}
@media(max-width:350px){.header-actions{gap:10px}.hero h1{font-size:7.6vw}.hero-swatches{right:26px;top:115px}.hero-heading .eyebrow{font-size:9px}.color-panel h3{font-size:18px;max-width:190px}.color-count span{font-size:38px}.layers-heading h2{font-size:26px}.layer-object{height:300px}.condition-head h2{font-size:27px}.closing h2{font-size:27px}.menu-content nav a{font-size:21px}.menu-photo{display:none}}
.header{position:fixed;transition:background .3s,color .3s,height .3s}.header.scrolled{background:rgba(244,242,233,.96);color:var(--ink);height:82px;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.menu-open .header.scrolled{background:transparent;border-color:transparent;backdrop-filter:none}
@media(min-width:801px){.hero h1{font-size:clamp(40px,4.2vw,72px)}.hero-photo{width:55%}.hero-tail{width:38%;margin-top:-70px;flex-direction:column;align-items:flex-start}.hero-tail p br{display:block}.hero-tail .round-link{align-self:flex-start}.hero{min-height:900px}.hero-photo{margin-top:-120px}.scope h2{font-size:clamp(30px,3vw,44px)}}
html[data-motion=quiet]{scroll-behavior:auto;--motion-strength:0}html[data-motion=quiet] *,html[data-motion=quiet] *::before,html[data-motion=quiet] *::after{animation-duration:.001ms!important;animation-delay:0s!important;transition-duration:.001ms!important;transition-delay:0s!important}html[data-motion=quiet] .masked{clip-path:none;transform:none}html[data-motion=quiet] .color-ribbon span{transform:none}html[data-motion=quiet] .parallax img{transform:none}html[data-motion=quiet] .layer-object{--spread:1!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;--motion-strength:0}*,*::before,*::after{animation-duration:.001ms!important;animation-delay:0s!important;transition-duration:.001ms!important;transition-delay:0s!important}.js .masked{clip-path:none;transform:none}.js .color-ribbon span{transform:none}.parallax img{transform:none}.layer-object{--spread:1!important}}

/* The painter's sequence */
.hero-photo img{object-position:48% center}.hero-photo figcaption{background:rgba(17,41,57,.8);padding:8px 12px}.paint-sequence{background:#e9e7dd;color:#203648;padding:clamp(80px,9vw,145px) var(--gutter)}.paint-sequence-head{display:grid;grid-template-columns:.65fr 1.4fr 1fr;gap:4vw;align-items:end;margin-bottom:48px}.paint-sequence-head h2{font-size:clamp(34px,4vw,68px);line-height:1.4;font-weight:500;letter-spacing:-.07em;margin:0}.paint-sequence-head>p:last-child{line-height:2;max-width:31em}.paint-sequence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.paint-sequence article{min-width:0;background:#f5f2e9;padding-bottom:30px}.paint-sequence article img{width:100%;aspect-ratio:1.1;object-fit:cover;display:block}.paint-sequence article:nth-child(1) img{object-position:60%}.paint-sequence article>span,.paint-sequence article h3,.paint-sequence article p{margin-left:26px;margin-right:26px}.paint-sequence article>span{display:block;margin-top:24px;font-size:10px;letter-spacing:.13em;color:#ad6546}.paint-sequence article h3{font-size:clamp(24px,2.2vw,38px);font-weight:500;margin-top:12px;margin-bottom:8px}.paint-sequence article p{line-height:1.9;font-size:13px}.paint-sequence-foot{font-size:11px;margin:20px 0 0;opacity:.7}
@media(max-width:800px){.paint-sequence-head{grid-template-columns:1fr 1fr}.paint-sequence-head .eyebrow{grid-column:1/-1}.paint-sequence-grid{gap:8px}.paint-sequence article>span,.paint-sequence article h3,.paint-sequence article p{margin-left:15px;margin-right:15px}}@media(max-width:540px){.hero-photo img{object-position:46% center}.paint-sequence{padding:70px var(--gutter)}.paint-sequence-head{display:block}.paint-sequence-head h2{font-size:33px;margin:20px 0}.paint-sequence-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding-bottom:16px}.paint-sequence article{flex:0 0 82%;scroll-snap-align:start}.paint-sequence article img{aspect-ratio:1.3}.paint-sequence-head>p:last-child{font-size:13px}}