/* it-t10-painter.css: the painter page drawn to the owner's mockups
   (tools/painter-pack/painter-final-claude-handoff/01-studio-desk-reference.png, 809px wide, and
   02-job-flow-reference.png for the job flow). Desktop sizes are the mockup's pixels times --u (the
   page width over 809, up to 1440px). Below 900px the sections stack. Built by tools/painter_page.py. */
main.t-painter{container-type:inline-size;--ink:#152233;--ink2:#1B2A3D;--muted:#5A6676;--orange:#F26207;--cta:#C04E06;--line:#E7E3DC;
  --cream:#FEFDFB;--cream2:#F7F5F1;--cream3:#FBFAF7;--serif:Prata,"DM Serif Display",Georgia,serif;--hand:Caveat,"Segoe Script",cursive;--print:"Architects Daughter",Caveat,cursive}
main.t-painter > section{--u:calc(min(100cqw,1440px)/809)}
main.t-painter .pt-in{width:min(100%,calc(809*var(--u)));margin:0 auto;position:relative;height:100%}
main.t-painter svg.i{width:1em;height:1em;flex:none}
main.t-painter a.t10-link{text-decoration:none!important;color:inherit}
main.t-painter h1,main.t-painter h2{font-family:var(--serif);font-weight:400;color:var(--ink);letter-spacing:-.015em;-webkit-text-stroke:calc(.4*var(--u)) currentColor}
main.t-painter .pt-k{font:700 calc(8.6*var(--u))/1 Inter,'Inter Fallback',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--orange)}
main.t-painter .pt-sub{font:400 calc(12.4*var(--u))/calc(18.6*var(--u)) Inter,'Inter Fallback',sans-serif;color:var(--muted)}
main.t-painter .pt-c{text-align:center}
main.t-painter .pt-btn{display:inline-flex;align-items:center;justify-content:center;gap:calc(10*var(--u));background:var(--cta);color:#fff!important;
  font:600 calc(13.4*var(--u))/1 Inter,'Inter Fallback',sans-serif;border-radius:calc(4*var(--u));height:calc(43*var(--u));padding:0 calc(30*var(--u));box-shadow:0 calc(6*var(--u)) calc(16*var(--u)) calc(-8*var(--u)) rgba(192,78,6,.5)}
main.t-painter .pt-btn:hover{background:#A94404}
main.t-painter .pt-btn svg{width:1.15em;height:1.15em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
main.t-painter .pt-free{font:400 calc(10.6*var(--u))/1 Inter,'Inter Fallback',sans-serif;color:#7B8592}
main.t-painter .pt-a{color:var(--cta)!important;text-decoration:underline!important;text-underline-offset:.16em}
main.t-painter .pt-swoosh{position:absolute;left:0;bottom:calc(-9*var(--u));width:100%;height:calc(14*var(--u));fill:none;stroke:var(--orange);stroke-width:2.2;stroke-linecap:round}

/* hero: the studio desk photo, the invoice set on the photographed sheets */
main.t-painter .pt-hero{position:relative;background:var(--cream)}
main.t-painter .pt-hero-img{position:relative;width:min(100%,calc(809*var(--u)));margin:0 auto}
main.t-painter .pt-hero-img > img{display:block;width:100%;height:auto;aspect-ratio:809/450}
main.t-painter .pt-hero-in{position:absolute;inset:0;margin:0 auto}
main.t-painter .pt-hero-in > *{position:absolute;left:calc(41*var(--u))}
main.t-painter .pt-hero .pt-k{top:calc(50*var(--u))}
main.t-painter .pt-hero h1{top:calc(63*var(--u));width:calc(348*var(--u));font-size:calc(46.3*var(--u));line-height:calc(52*var(--u))}
main.t-painter .pt-lede{top:calc(233*var(--u));width:calc(322*var(--u));font:400 calc(13*var(--u))/calc(18.6*var(--u)) Inter,'Inter Fallback',sans-serif;color:var(--muted)}
main.t-painter .pt-hero .pt-btn{top:calc(303*var(--u))}
main.t-painter .pt-hero .pt-free{top:calc(355*var(--u))}
main.t-painter .pt-ticks{top:calc(391*var(--u));display:flex;gap:calc(28*var(--u));font:500 calc(11.4*var(--u))/1 Inter,'Inter Fallback',sans-serif;color:var(--ink)}
main.t-painter .pt-ticks li{display:flex;align-items:center;gap:calc(8*var(--u))}
main.t-painter .pt-ticks svg{font-size:calc(14*var(--u));color:var(--orange);stroke:currentColor;fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
main.t-painter .pt-paper{position:absolute;left:calc(414*var(--u));top:calc(78*var(--u));width:calc(265*var(--u));transform:rotate(1.4deg);transform-origin:top left;
  font:400 calc(5.9*var(--u))/calc(9*var(--u)) Inter,'Inter Fallback',sans-serif;color:#61707F}
main.t-painter .pt-paper-top{display:flex;justify-content:space-between;align-items:flex-start}
main.t-painter .pt-paper-top b{display:block;font:700 calc(9.6*var(--u))/1.2 Inter,'Inter Fallback',sans-serif;color:var(--ink)}
main.t-painter .pt-paper-top span{display:block;margin-top:calc(3*var(--u))}
main.t-painter .pt-paper-top .r{text-align:right}
main.t-painter .pt-paper-top .r b{font-size:calc(10.4*var(--u));letter-spacing:.02em;text-transform:uppercase}
main.t-painter .pt-paper-meta{display:flex;justify-content:space-between;margin-top:calc(19*var(--u))}
main.t-painter .pt-paper-meta > div{width:48%}
main.t-painter .pt-paper-meta span{display:block;color:#8A97A3}
main.t-painter .pt-paper-meta b{display:block;color:var(--ink);font-weight:600}
main.t-painter .pt-paper table{width:100%;border-collapse:collapse;margin-top:calc(17*var(--u));font-size:calc(5.9*var(--u))}
main.t-painter .pt-paper th{background:#F3F4F6;color:var(--ink);font-weight:600;text-align:left;padding:calc(4.4*var(--u)) calc(4*var(--u))}
main.t-painter .pt-paper td{padding:calc(4.4*var(--u)) calc(4*var(--u));border-bottom:1px solid #EFEFF1}
main.t-painter .pt-paper th:nth-child(n+3),main.t-painter .pt-paper td:nth-child(n+3){text-align:right}
main.t-painter .pt-paper-sum{margin-top:calc(5*var(--u))}
main.t-painter .pt-paper-sum > div{display:flex;justify-content:space-between;padding:calc(3.6*var(--u)) calc(4*var(--u))}
main.t-painter .pt-paper-sum dt,main.t-painter .pt-paper-sum dd{margin:0}
main.t-painter .pt-paper-sum .tot{background:#F3F4F6;font-weight:700;color:var(--ink);font-size:calc(7.4*var(--u))}
main.t-painter .pt-thanks{position:absolute;left:calc(2*var(--u));bottom:calc(-44*var(--u));font:600 calc(17.6*var(--u))/1 var(--hand);color:var(--ink);padding-bottom:calc(6*var(--u))}
main.t-painter .pt-prep{position:absolute;left:calc(700*var(--u));top:calc(330*var(--u));width:calc(104*var(--u));font:600 calc(16.6*var(--u))/calc(20*var(--u)) var(--hand);color:var(--ink2);transform:rotate(-6deg)}

/* job flow (02) */
main.t-painter .pt-flow{background:var(--cream3);height:calc(303*var(--u));border-top:1px solid #F1EDE6}
main.t-painter .pt-flow .pt-k{position:absolute;left:0;right:0;top:calc(32*var(--u))}
main.t-painter .pt-flow h2{position:absolute;left:0;right:0;top:calc(51*var(--u));font-size:calc(29*var(--u));line-height:calc(34*var(--u))}
main.t-painter .pt-flow .pt-sub{position:absolute;left:0;right:0;top:calc(96*var(--u));font-size:calc(12.2*var(--u))}
main.t-painter .pt-flow-list{position:absolute;left:calc(36*var(--u));right:calc(26*var(--u));top:calc(139*var(--u));display:flex;align-items:flex-start;justify-content:space-between}
main.t-painter .pt-flow-list > li:not(.pt-flow-a){width:calc(170*var(--u));flex:none}
main.t-painter .pt-flow-list a{display:flex;flex-direction:column;align-items:center;text-align:center}
main.t-painter .pt-flow-i{font-size:calc(47*var(--u));color:#7C7065;stroke:currentColor;display:block}
main.t-painter .pt-flow-i svg{fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
main.t-painter .pt-flow-i.last{display:grid;place-items:center;width:calc(48*var(--u));height:calc(48*var(--u));border-radius:50%;border:calc(1.6*var(--u)) solid var(--orange);color:var(--orange);font-size:calc(22*var(--u))}
main.t-painter .pt-flow-i.last svg{stroke-width:2.2}
main.t-painter .pt-flow-list b{margin-top:calc(16*var(--u));font:600 calc(14.4*var(--u))/1 Inter,'Inter Fallback',sans-serif;color:var(--ink)}
main.t-painter .pt-flow-list .d{margin-top:calc(10*var(--u));font:400 calc(11.6*var(--u))/calc(16.5*var(--u)) Inter,'Inter Fallback',sans-serif;color:var(--muted)}
main.t-painter .pt-flow-a{margin-top:calc(20*var(--u));color:#9AA3AE;font-size:calc(24*var(--u))}
main.t-painter .pt-flow-a svg{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;display:block}

/* clear scopes: the handwritten note, the invoice after it, the brush mark */
main.t-painter .pt-scopes{background:var(--cream);height:calc(348*var(--u))}
main.t-painter .pt-scopes .pt-k{position:absolute;left:calc(41*var(--u));top:calc(21*var(--u))}
main.t-painter .pt-scopes h2{position:absolute;left:calc(41*var(--u));top:calc(32*var(--u));font-size:calc(31.9*var(--u));line-height:calc(38*var(--u))}
main.t-painter .pt-scopes .pt-sub{position:absolute;left:calc(41*var(--u));top:calc(76*var(--u))}
main.t-painter .pt-ba{position:absolute;left:calc(52*var(--u));top:calc(124*var(--u));display:flex;align-items:center;gap:calc(11*var(--u))}
main.t-painter .pt-before{position:relative;width:calc(235*var(--u));min-height:calc(197*var(--u));background:#E9E7E2;padding:calc(20*var(--u)) calc(22*var(--u)) calc(24*var(--u));
  box-shadow:0 calc(4*var(--u)) calc(14*var(--u)) rgba(21,34,51,.07);
  clip-path:polygon(0% 1.5%,6% 0.4%,14% 1.8%,23% .4%,34% 1.6%,46% .3%,58% 1.7%,70% .5%,82% 1.8%,92% .6%,100% 2%,99% 12%,100% 24%,98.6% 36%,100% 48%,98.8% 60%,100% 72%,98.8% 84%,100% 97.5%,92% 99%,80% 97.6%,68% 99.2%,56% 97.8%,44% 99.4%,32% 98%,20% 99.4%,10% 98%,0% 99.4%,1.2% 88%,0% 76%,1.4% 64%,0% 52%,1.2% 40%,0% 28%,1.4% 16%)}
main.t-painter .pt-before figcaption{font:700 calc(9.4*var(--u))/1 Inter,'Inter Fallback',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#4A5563}
main.t-painter .pt-note{margin-top:calc(16*var(--u))!important;font:400 calc(10.8*var(--u))/calc(20*var(--u)) var(--print);color:#3C4756;white-space:nowrap}
main.t-painter .pt-ba-arrow{color:#3D4756;width:calc(24*var(--u))}
main.t-painter .pt-ba-arrow svg{display:block;width:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
main.t-painter .pt-after{position:relative;width:calc(238*var(--u));background:#fff;padding:calc(14*var(--u)) calc(16*var(--u)) 0;border-radius:calc(3*var(--u));
  box-shadow:0 calc(10*var(--u)) calc(26*var(--u)) rgba(21,34,51,.1),0 0 0 1px rgba(21,34,51,.04)}
main.t-painter .pt-after::before{content:"";position:absolute;left:calc(12*var(--u));right:calc(-12*var(--u));top:calc(-8*var(--u));bottom:calc(8*var(--u));background:#fff;border-radius:calc(3*var(--u));
  box-shadow:0 calc(8*var(--u)) calc(20*var(--u)) rgba(21,34,51,.08);z-index:-1}
main.t-painter .pt-after figcaption{font:700 calc(9.4*var(--u))/1 Inter,'Inter Fallback',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--orange)}
main.t-painter .pt-after table{width:100%;border-collapse:collapse;margin-top:calc(8*var(--u));font:400 calc(6.4*var(--u))/1.4 Inter,'Inter Fallback',sans-serif;color:#5C6875}
main.t-painter .pt-after th{font-weight:600;color:var(--ink);text-align:left;padding:calc(4*var(--u)) 0;border-bottom:1px solid #EDEEF0}
main.t-painter .pt-after td{padding:calc(4.6*var(--u)) 0;border-bottom:1px solid #F2F3F4}
main.t-painter .pt-after th:nth-child(n+2),main.t-painter .pt-after td:nth-child(n+2){text-align:right}
main.t-painter .pt-after-tot{display:flex;justify-content:space-between;align-items:center;margin:calc(8*var(--u)) calc(-16*var(--u)) 0!important;padding:calc(9*var(--u)) calc(16*var(--u));
  background:#F4F5F7;font:600 calc(9.4*var(--u))/1 Inter,'Inter Fallback',sans-serif;color:var(--ink)}
main.t-painter .pt-after-tot b{font-size:calc(11.4*var(--u))}
main.t-painter .pt-brush{position:absolute;left:calc(583*var(--u));top:calc(49*var(--u));width:calc(67*var(--u))}
main.t-painter .pt-brush img{display:block;width:100%;height:auto}
main.t-painter .pt-hand{position:absolute;left:calc(676*var(--u));top:calc(44*var(--u));width:calc(124*var(--u));font:500 calc(16*var(--u))/calc(21*var(--u)) var(--hand);color:var(--ink2);transform:rotate(-4deg)}
main.t-painter .pt-checks{position:absolute;left:calc(600*var(--u));top:calc(172*var(--u))}
main.t-painter .pt-checks li{display:flex;align-items:center;gap:calc(14*var(--u));height:calc(35*var(--u));font:400 calc(11.6*var(--u))/1 Inter,'Inter Fallback',sans-serif;color:var(--ink)}
main.t-painter .pt-checks svg{font-size:calc(17*var(--u));color:var(--orange);fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}

/* estimate materials: the roller photo and the room estimator card */
main.t-painter .pt-est{position:relative;background:var(--cream2);height:calc(234*var(--u))}
main.t-painter .pt-est-img{position:absolute;right:0;top:0;width:calc(479*var(--u));height:100%;max-width:60%}
main.t-painter .pt-est-img img{display:block;width:100%;height:100%;object-fit:cover}
main.t-painter .pt-est-in{position:absolute;inset:0;margin:0 auto}
main.t-painter .pt-est-copy{position:absolute;left:calc(41*var(--u));top:calc(21*var(--u));width:calc(340*var(--u))}
main.t-painter .pt-est h2{margin-top:calc(14*var(--u))!important;font-size:calc(27*var(--u));line-height:calc(32*var(--u))}
main.t-painter .pt-est .pt-sub{margin-top:calc(13*var(--u))!important}
main.t-painter .pt-est .pt-btn{margin-top:calc(16*var(--u));height:calc(40*var(--u));font-size:calc(11.8*var(--u));padding:0 calc(22*var(--u))}
main.t-painter .pt-card{position:absolute;left:calc(407*var(--u));top:calc(40*var(--u));width:calc(326*var(--u));background:#fff;border-radius:calc(7*var(--u));
  padding:calc(14*var(--u)) calc(14*var(--u)) calc(12*var(--u));box-shadow:0 calc(10*var(--u)) calc(30*var(--u)) rgba(21,34,51,.13)}
main.t-painter .pt-card-h{font:600 calc(12.6*var(--u))/1 Inter,'Inter Fallback',sans-serif;color:var(--ink)}
main.t-painter .pt-card-row{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:calc(8*var(--u));margin-top:calc(12*var(--u))}
main.t-painter .pt-card-row label{display:block;font:400 calc(6.6*var(--u))/1 Inter,'Inter Fallback',sans-serif;color:#7C8894}
main.t-painter .pt-card-row i{display:flex;align-items:center;justify-content:space-between;margin-top:calc(5*var(--u));height:calc(21*var(--u));padding:0 calc(6*var(--u));
  border:1px solid #DFE3E8;border-radius:calc(3*var(--u));font:400 calc(8*var(--u))/1 Inter,'Inter Fallback',sans-serif;font-style:normal;color:var(--ink)}
main.t-painter .pt-card-row .pt-sel svg{width:calc(10*var(--u));height:calc(10*var(--u));fill:none;stroke:#7C8894;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
main.t-painter .pt-card-out{display:grid;grid-template-columns:2fr 1fr 1fr;gap:calc(10*var(--u));margin-top:calc(12*var(--u));background:#F5F7F8;border-radius:calc(5*var(--u));padding:calc(10*var(--u)) calc(12*var(--u))}
main.t-painter .pt-card-out span{display:block;font:400 calc(7*var(--u))/1 Inter,'Inter Fallback',sans-serif;color:#7C8894}
main.t-painter .pt-card-out b{display:block;margin-top:calc(6*var(--u));font:600 calc(17*var(--u))/1 Inter,'Inter Fallback',sans-serif;color:var(--ink)}
main.t-painter .pt-card-out .r b{font-size:calc(11.6*var(--u))}
main.t-painter .pt-card-out .r{border-left:1px solid #E4E8EA;padding-left:calc(10*var(--u))}
main.t-painter .pt-card-out small{display:block;margin-top:calc(6*var(--u));font:400 calc(6.6*var(--u))/1.3 Inter,'Inter Fallback',sans-serif;color:#8A94A0}

/* templates */
main.t-painter .pt-tpls{background:#FCFCF9;height:calc(242*var(--u))}
main.t-painter .pt-tpls-copy{position:absolute;left:calc(41*var(--u));top:calc(26*var(--u));width:calc(325*var(--u))}
main.t-painter .pt-tpls h2{margin-top:calc(12*var(--u))!important;font-size:calc(23.5*var(--u));line-height:calc(29*var(--u))}
main.t-painter .pt-tpls .pt-sub{margin-top:calc(14*var(--u))!important;font-size:calc(10.9*var(--u));line-height:calc(16.4*var(--u))}
main.t-painter .pt-browse{display:inline-flex;align-items:center;gap:calc(8*var(--u));margin-top:calc(20*var(--u));font:600 calc(11.8*var(--u))/1.4 Inter,'Inter Fallback',sans-serif;color:var(--cta)!important}
main.t-painter .pt-browse svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;font-size:1.1em}
main.t-painter .pt-tpl-list{position:absolute;left:calc(340*var(--u));top:calc(20*var(--u));display:grid;grid-template-columns:repeat(3,calc(136*var(--u)));gap:calc(9*var(--u))}
main.t-painter .pt-tp{display:block;height:calc(167*var(--u));border-radius:calc(4*var(--u));background:#fff;overflow:hidden;box-shadow:0 calc(6*var(--u)) calc(18*var(--u)) rgba(21,34,51,.09),0 0 0 1px rgba(21,34,51,.04)}
main.t-painter .pt-tp-doc{position:relative;display:block;height:100%;padding:calc(9*var(--u)) calc(9*var(--u)) 0;overflow:hidden}
main.t-painter .pt-tp-top{display:flex;justify-content:space-between;align-items:baseline}
main.t-painter .pt-tp-top b{font:700 calc(7*var(--u))/1 Inter,'Inter Fallback',sans-serif;color:var(--ink)}
main.t-painter .pt-tp-top i{font:600 calc(5*var(--u))/1 Inter,'Inter Fallback',sans-serif;font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:#98A1AC}
main.t-painter .pt-tp-meta{display:flex;justify-content:space-between;gap:calc(10*var(--u));margin-top:calc(10*var(--u))}
main.t-painter .pt-tp-meta > span{flex:1}
main.t-painter .pt-tp-meta i,main.t-painter .pt-tp-row i,main.t-painter .pt-tp-tot i{display:block;height:calc(2.4*var(--u));margin-bottom:calc(3.4*var(--u));background:#E8EBEF;border-radius:1px}
main.t-painter .pt-tp-head{display:block;height:calc(7*var(--u));margin-top:calc(8*var(--u));background:#EDEFF3}
main.t-painter .pt-tp-rows{display:block;margin-top:calc(6*var(--u))}
main.t-painter .pt-tp-row{display:flex;align-items:center;justify-content:space-between;gap:calc(8*var(--u))}
main.t-painter .pt-tp-row i:first-child{flex:none}
main.t-painter .pt-tp-row i:last-child{width:calc(22*var(--u))!important;flex:none}
main.t-painter .pt-tp-tot{display:block;width:44%;margin:calc(8*var(--u)) 0 0 auto}
main.t-painter .pt-tp-foot{display:none}
main.t-painter .pt-tp-wash{position:absolute;left:0;right:calc(46*var(--u));bottom:calc(10*var(--u));height:calc(24*var(--u));background:#C9D2E6;opacity:.9;
  clip-path:polygon(0 18%,8% 4%,20% 16%,32% 2%,44% 14%,58% 4%,72% 16%,84% 6%,96% 18%,100% 34%,96% 62%,86% 78%,72% 88%,58% 76%,44% 90%,30% 78%,16% 88%,6% 70%,0 52%)}
main.t-painter .pt-c2 .pt-tp-head{background:#5A6B4A}
main.t-painter .pt-c2 .pt-tp-wash{display:none}
main.t-painter .pt-c2 .pt-tp-foot{display:block;position:absolute;left:0;right:0;bottom:calc(14*var(--u));height:calc(8*var(--u));background:#5A6B4A}
main.t-painter .pt-c2 .pt-tp-top b{padding-left:calc(11*var(--u))}
main.t-painter .pt-c2 .pt-tp-top::before{content:"";position:absolute;left:calc(9*var(--u));top:calc(8*var(--u));width:calc(9*var(--u));height:calc(9*var(--u));background:#5A6B4A;
  clip-path:polygon(84% 0,100% 16%,42% 74%,22% 96%,4% 78%,26% 58%)}
main.t-painter .pt-c3 .pt-tp-head{background:#E7ECF3}
main.t-painter .pt-c3 .pt-tp-wash{background:#B9C6D6;right:calc(30*var(--u));bottom:calc(8*var(--u));height:calc(20*var(--u))}
main.t-painter .pt-tp-name{margin-top:calc(10*var(--u))!important;font:600 calc(11.4*var(--u))/1 Inter,'Inter Fallback',sans-serif;color:var(--ink)}
main.t-painter .pt-tp-sub{margin-top:calc(6*var(--u))!important;font:400 calc(9.6*var(--u))/1 Inter,'Inter Fallback',sans-serif;color:var(--muted)}
main.t-painter .pt-edit{background:var(--cta);border-radius:calc(4*var(--u));font:600 calc(9.6*var(--u))/1 Inter,'Inter Fallback',sans-serif;padding:calc(9*var(--u)) calc(12*var(--u));gap:calc(6*var(--u));bottom:auto;top:50%;transform:translate(-50%,calc(-50% + 8px))}
main.t-painter .pt-tp:hover .pt-edit,main.t-painter .pt-tp:focus-visible .pt-edit{transform:translate(-50%,-50%)}
@media (hover:none){main.t-painter .pt-edit{transform:translate(-50%,-50%)}}
main.t-painter .pt-all{background:#FCFCF9;padding:0 0 calc(30*var(--u))}
main.t-painter .pt-all .pt-in{padding-inline:calc(41*var(--u))}
main.t-painter .pt-all .t10-strip{margin-top:0;padding-top:calc(20*var(--u));border-top:1px solid var(--line)}
main.t-painter .pt-all .t10-strip-top h3{font:600 16px/1.3 Inter,'Inter Fallback',sans-serif;color:var(--ink)}

/* tools */
main.t-painter .pt-tools{background:#fff;height:calc(158*var(--u));border-top:1px solid #F1EDE6;border-bottom:1px solid #F1EDE6}
main.t-painter .pt-tools-copy{position:absolute;left:calc(41*var(--u));top:calc(21*var(--u));width:calc(292*var(--u))}
main.t-painter .pt-tools h2{margin-top:calc(12*var(--u))!important;font-size:calc(25.5*var(--u));line-height:1}
main.t-painter .pt-tools .pt-sub{margin-top:calc(14*var(--u))!important;font-size:calc(11*var(--u));line-height:calc(17*var(--u))}
main.t-painter .pt-tool-list{position:absolute;left:calc(333*var(--u));top:calc(20*var(--u));height:calc(120*var(--u));display:grid;grid-template-columns:repeat(4,calc(113*var(--u)));justify-content:start}
main.t-painter .pt-tool-list li{border-left:1px solid var(--line)}
main.t-painter .pt-tool-list li:last-child{border-right:1px solid var(--line)}
main.t-painter .pt-tool-list a{display:flex;flex-direction:column;align-items:center;text-align:center;padding:calc(6*var(--u)) calc(4*var(--u))}
main.t-painter .pt-tool-list svg{font-size:calc(34*var(--u));color:var(--orange);fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
main.t-painter .pt-tool-list b{margin-top:calc(12*var(--u));font:600 calc(12*var(--u))/calc(15.4*var(--u)) Inter,'Inter Fallback',sans-serif;color:var(--ink)}
main.t-painter .pt-tool-list span{margin-top:calc(8*var(--u));font:400 calc(10.2*var(--u))/calc(15.2*var(--u)) Inter,'Inter Fallback',sans-serif;color:var(--muted)}
main.t-painter .pt-tool-list a:hover b{color:var(--cta)}

/* last band */
main.t-painter .pt-end{position:relative;background:#F2EEE7}
main.t-painter .pt-end-img{position:relative;width:min(100%,calc(809*var(--u)));margin:0 auto}
main.t-painter .pt-end-img > img{display:block;width:100%;height:auto;aspect-ratio:809/231}
main.t-painter .pt-end-in{position:absolute;inset:0;margin:0 auto}
main.t-painter .pt-end-in > *{position:absolute;left:calc(41*var(--u))}
main.t-painter .pt-end .pt-k{top:calc(27*var(--u))}
main.t-painter .pt-end h2{top:calc(38*var(--u));font-size:calc(32.6*var(--u));line-height:calc(35*var(--u))}
main.t-painter .pt-end .pt-sub{top:calc(117*var(--u));font-size:calc(12.6*var(--u))}
main.t-painter .pt-end .pt-btn{top:calc(147*var(--u));height:calc(36*var(--u));font-size:calc(12.4*var(--u));padding:0 calc(24*var(--u))}
main.t-painter .pt-end .pt-free{top:calc(194*var(--u))}
main.t-painter .pt-more{position:absolute;left:calc(688*var(--u));top:calc(112*var(--u));width:calc(104*var(--u));font:600 calc(17.4*var(--u))/calc(21*var(--u)) var(--hand);color:var(--ink2);transform:rotate(-7deg)}

/* faq (the page's own, in the design's style) and the search copy */
main.t-painter .pt-faq-sec{background:#FBF7F1;padding:calc(34*var(--u)) 0}
main.t-painter .pt-faq-sec .pt-in{display:grid;grid-template-columns:calc(280*var(--u)) 1fr;gap:calc(40*var(--u));padding-inline:calc(41*var(--u));height:auto}
main.t-painter .pt-faq-copy h2{margin-top:calc(12*var(--u))!important;font-size:calc(26*var(--u));line-height:calc(31*var(--u))}
main.t-painter .pt-faq-copy .pt-sub{margin-top:calc(14*var(--u))!important}
main.t-painter .pt-faq{margin-top:calc(2*var(--u))}
main.t-painter .pt-faq details{border-bottom:1px solid #EDE6DC}
main.t-painter .pt-faq summary{padding:calc(12*var(--u)) 0;font:400 max(15px,calc(11.6*var(--u)))/1.4 Inter,'Inter Fallback',sans-serif;color:var(--ink)}
main.t-painter .pt-faq summary::after{color:var(--cta)}
main.t-painter .pt-faq .a p{font:400 max(14px,calc(10.6*var(--u)))/1.6 Inter,'Inter Fallback',sans-serif;color:var(--muted)}
main.t-painter .t10-long{background:#FBF7F1}
main.t-painter .t10-inc li::before{background:var(--orange)}
main.t-painter ~ .site-footer{margin-top:0!important}

/* phones and tablets */
@media (max-width:899px){
  main.t-painter > section{--u:1.3px}
  main.t-painter .pt-in{width:100%;padding-inline:20px;height:auto}
  main.t-painter .pt-k{font-size:12px}
  main.t-painter .pt-sub{font-size:16px;line-height:1.5}
  main.t-painter .pt-sub br,main.t-painter h2 br,main.t-painter .pt-lede br{display:none}
  main.t-painter .pt-btn{height:50px;font-size:16px;padding:0 24px}
  main.t-painter .pt-free{font-size:14px}
  main.t-painter .pt-hero{display:flex;flex-direction:column-reverse}
  main.t-painter .pt-hero-in{position:static;padding:30px 20px 10px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}
  main.t-painter .pt-hero-in > *{position:static;left:auto}
  main.t-painter .pt-hero h1{width:auto;font-size:38px;line-height:1.1}
  main.t-painter .pt-lede{width:auto;font-size:16px;line-height:1.5}
  main.t-painter .pt-ticks{flex-wrap:wrap;gap:12px 20px;font-size:15px}
  main.t-painter .pt-hero-img{--u:calc(100cqw/809)}
  main.t-painter .pt-flow{height:auto;padding:36px 0}
  main.t-painter .pt-flow .pt-k,main.t-painter .pt-flow h2,main.t-painter .pt-flow .pt-sub,main.t-painter .pt-flow-list{position:static}
  main.t-painter .pt-flow h2{font-size:30px;line-height:1.2;margin-top:10px!important}
  main.t-painter .pt-flow .pt-sub{margin-top:10px!important}
  main.t-painter .pt-flow-list{display:grid;grid-template-columns:1fr 1fr;gap:26px 12px;margin-top:26px!important}
  main.t-painter .pt-flow-list > li,main.t-painter .pt-flow-list > li:not(.pt-flow-a){width:auto}
  main.t-painter .pt-flow-a{display:none}
  main.t-painter .pt-flow-i{font-size:40px}
  main.t-painter .pt-flow-list b{font-size:17px;margin-top:14px}
  main.t-painter .pt-flow-list .d{font-size:14px;line-height:1.45}
  main.t-painter .pt-flow-list .d br{display:none}
  main.t-painter .pt-scopes{height:auto;padding:36px 0}
  main.t-painter .pt-scopes .pt-k,main.t-painter .pt-scopes h2,main.t-painter .pt-scopes .pt-sub,main.t-painter .pt-ba,main.t-painter .pt-hand,main.t-painter .pt-checks,main.t-painter .pt-brush{position:static}
  main.t-painter .pt-scopes h2{font-size:30px;line-height:1.15;margin-top:10px!important}
  main.t-painter .pt-scopes .pt-sub{margin-top:10px!important}
  main.t-painter .pt-ba{flex-direction:column;gap:18px;margin-top:26px}
  main.t-painter .pt-before{width:100%;padding:22px}
  main.t-painter .pt-note{font-size:15px;line-height:1.8;white-space:normal}
  main.t-painter .pt-ba-arrow{width:28px;transform:rotate(90deg)}
  main.t-painter .pt-after{width:100%;padding:16px}
  main.t-painter .pt-after::before{display:none}
  main.t-painter .pt-after table{font-size:13px}
  main.t-painter .pt-after-tot{font-size:15px}
  main.t-painter .pt-brush{width:70px;height:34px;margin:24px 0 0}
  main.t-painter .pt-hand{width:auto;font-size:24px;line-height:1.2;margin-top:10px;transform:none}
  main.t-painter .pt-checks{margin-top:18px}
  main.t-painter .pt-checks li{height:38px;font-size:16px}
  main.t-painter .pt-est{height:auto;display:flex;flex-direction:column-reverse}
  main.t-painter .pt-est-img{position:static;width:100%;max-width:none;height:200px}
  main.t-painter .pt-est-in{position:static;padding:36px 20px}
  main.t-painter .pt-est-copy,main.t-painter .pt-card{position:static;width:auto}
  main.t-painter .pt-est h2{font-size:30px;line-height:1.15}
  main.t-painter .pt-card{--u:1.9px;margin-top:26px;max-width:420px;padding:16px}
  main.t-painter .pt-tpls{height:auto;padding:36px 0}
  main.t-painter .pt-tpls-copy,main.t-painter .pt-tpl-list{position:static;width:auto}
  main.t-painter .pt-tpls h2{font-size:30px;line-height:1.15;margin-top:10px!important}
  main.t-painter .pt-tpl-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:18px;margin-top:26px!important;--u:1.9px}
  main.t-painter .pt-tp{height:210px}
  main.t-painter .pt-tp-name{font-size:16px}
  main.t-painter .pt-tp-sub{font-size:14px}
  main.t-painter .pt-edit{font-size:14px;padding:10px 14px}
  main.t-painter .pt-all{padding-bottom:36px}
  main.t-painter .pt-tools{height:auto;padding:36px 0}
  main.t-painter .pt-tools-copy,main.t-painter .pt-tool-list{position:static;width:auto;height:auto}
  main.t-painter .pt-tools h2{font-size:28px;line-height:1.15;margin-top:10px!important}
  main.t-painter .pt-tool-list{display:grid;grid-template-columns:1fr 1fr;gap:20px 0;margin-top:26px!important}
  main.t-painter .pt-tool-list li{border-left:1px solid var(--line);border-right:0!important}
  main.t-painter .pt-tool-list b{font-size:16px;line-height:1.35;margin-top:12px}
  main.t-painter .pt-tool-list span{font-size:14px;line-height:1.45}
  main.t-painter .pt-tool-list br{display:none}
  main.t-painter .pt-end{display:flex;flex-direction:column-reverse}
  main.t-painter .pt-end-in{position:static;padding:34px 20px 24px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
  main.t-painter .pt-end-in > *{position:static;left:auto}
  main.t-painter .pt-end h2{font-size:30px;line-height:1.15}
  main.t-painter .pt-end-img{--u:calc(100cqw/809)}
  main.t-painter .pt-faq-sec{padding:36px 0}
  main.t-painter .pt-faq-sec .pt-in{grid-template-columns:1fr;gap:22px}
  main.t-painter .pt-faq-copy h2{font-size:28px;line-height:1.2}
  main.t-painter .pt-faq summary{padding:14px 0}
}

/* it-hero-phone-v1 start */
/* One composed hero on phones (24 Sep 2026): the picture sits under the copy inside the same panel,
   with a scrim in the panel color, instead of a separate strip beneath the text. */
@media (max-width:899px){
main.t-painter .pt-hero{display:flex;flex-direction:column;position:relative;background:rgb(254,253,251);overflow:hidden;height:auto;min-height:0}
main.t-painter .pt-hero-in{order:1;position:relative;inset:auto;z-index:2;background:transparent;padding-bottom:0;margin-bottom:0}
main.t-painter .pt-hero-img{order:2;position:relative;z-index:1;inset:auto;margin:calc(100vw*-0.0334) 0 0;width:100%;max-width:none;height:auto}
main.t-painter .pt-hero-img::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgb(254,253,251) 0,rgb(254,253,251) calc(100vw*0.0056),rgba(254,253,251,0.85) calc(100vw*0.0334),rgba(254,253,251,0.5) calc(100vw*0.0946),rgba(254,253,251,0) calc(100vw*0.2559))}
main.t-painter .pt-hero-img>img{position:relative;z-index:0}main.t-painter .pt-hero-img .pt-paper,main.t-painter .pt-hero-img .pt-prep{z-index:2}
}
/* it-hero-phone-v1 end */