.painted-page{background:#eeeae2;color:#151512}
.painted-page h1 i,.painted-page h2 i{font-family:Georgia,serif;font-weight:400}
.painted-hero{min-height:900px;display:grid;grid-template-columns:.86fr 1.14fr;position:relative;overflow:hidden;background:#171914;color:#fff}
.painted-hero-copy{padding:155px 5vw 100px max(36px,calc((100vw - 1280px)/2));align-self:center;position:relative;z-index:3}
.painted-hero h1{font-size:clamp(70px,8.2vw,128px);line-height:.82;letter-spacing:-.075em;margin:32px 0 38px}
.painted-hero-copy>p:not(.eyebrow){font-size:18px;line-height:1.7;color:#b9b8ae;max-width:570px}
.painted-arrow{display:inline-flex;align-items:center;gap:18px;margin-top:32px;color:inherit;font-size:9px;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:7px}
.painted-arrow span{font-size:16px}
.painted-hero-image{margin:0;position:relative;min-height:900px}
.painted-hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,25,20,.45),transparent 28%),linear-gradient(0deg,rgba(0,0,0,.22),transparent 25%)}
.painted-hero-image img{width:100%;height:100%;object-fit:cover}
.painted-hero-image figcaption{display:none}
.painted-hero-texture{position:absolute;width:170px;height:220px;left:calc(46% - 85px);bottom:42px;z-index:4;padding:8px;background:#e8e3d8;transform:rotate(-4deg);box-shadow:0 18px 45px rgba(0,0,0,.28)}
.painted-hero-texture img{width:100%;height:100%;object-fit:cover}
.painted-intro{padding-top:145px;padding-bottom:145px;display:grid;grid-template-columns:.62fr 1.38fr;gap:7vw}
.painted-intro h2,.painted-process h2{font-size:clamp(54px,6.4vw,94px);line-height:.88;letter-spacing:-.065em;margin:0 0 30px}
.painted-intro div>p{font-size:18px;line-height:1.72;color:#5c5d55;max-width:730px}
.painted-studio{display:grid;grid-template-columns:1.12fr .88fr;background:#11120f;color:#fff;min-height:930px}
.painted-studio-images{display:grid;grid-template-columns:1fr .47fr;gap:2px;background:#11120f;min-height:930px}
.painted-studio figure{margin:0;overflow:hidden;position:relative;background:var(--finish-accent)}
.painted-studio img{width:100%;height:100%;object-fit:cover;transition:opacity .25s ease}
.painted-scene img{object-position:center}
.painted-detail img{object-position:center}
.painted-detail figcaption{position:absolute;left:20px;right:20px;bottom:18px;background:rgba(238,234,226,.9);color:#171714;padding:14px 15px;backdrop-filter:blur(7px)}
.painted-detail span{display:block;font-size:7px;letter-spacing:.17em;margin-bottom:5px}
.painted-detail b{font-size:9px;letter-spacing:.1em}
.painted-picker{padding:95px 4vw;align-self:center}
.painted-picker h2{font-size:clamp(53px,5vw,82px);line-height:.88;letter-spacing:-.065em;margin:28px 0 22px}
.painted-picker-intro{color:#a8a9a1;line-height:1.65;max-width:520px}
.painted-swatches{display:grid;grid-template-columns:repeat(2,1fr);gap:0 18px;margin-top:27px}
.painted-swatch{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:center;background:none;border:0;border-bottom:1px solid #353630;color:#aaa;text-align:left;padding:14px 0;cursor:pointer}
.painted-swatch i{width:31px;height:31px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.painted-swatch span{display:flex;flex-direction:column;gap:4px}
.painted-swatch b{font-size:10px;color:inherit}
.painted-swatch small{font-size:7px;letter-spacing:.08em;color:#74766f}
.painted-swatch.is-selected{color:#fff}
.painted-swatch.is-selected i{outline:2px solid #fff;outline-offset:3px}
.painted-variation{font-size:9px;line-height:1.55;color:#6f7169;margin:28px 0 0}
.painted-portraits{display:grid;grid-template-columns:1.25fr .75fr .75fr;grid-template-rows:460px 610px;background:#211f1b;color:#fff}
.painted-portrait{margin:0;position:relative;overflow:hidden}
.painted-portrait-wide{grid-row:1/3}
.painted-portrait img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.painted-portrait-wide img{transform:scale(1.11)}
.painted-portrait:not(.painted-portrait-wide) img{transform:scale(1.14)}
.painted-portrait:nth-of-type(2) img{object-position:center 38%}
.painted-portrait:nth-of-type(3) img{object-position:center 32%}
.painted-portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.45),transparent 32%)}
.painted-portrait figcaption{position:absolute;left:24px;bottom:22px;z-index:2;font-size:9px;line-height:1.45;letter-spacing:.12em;text-transform:uppercase}
.painted-portrait figcaption small{font-size:7px;color:#ccc}
.painted-portrait-copy{padding:55px 4vw;grid-column:2/4;display:flex;flex-direction:column;justify-content:center;background:#41483e}
.painted-portrait-copy h2{font-size:clamp(51px,5.3vw,84px);line-height:.88;letter-spacing:-.065em;margin:28px 0 25px}
.painted-portrait-copy p:not(.eyebrow){color:#d0d2ca;line-height:1.65;max-width:620px}
.painted-process{padding-top:145px;padding-bottom:150px;display:grid;grid-template-columns:.88fr 1.12fr;gap:8vw;align-items:center}
.painted-process-copy>p:not(.eyebrow){font-size:18px;line-height:1.7;color:#5d5e56}
.painted-process ol{list-style:none;padding:22px 0 0;margin:32px 0 0;border-top:1px solid #c5c2b8}
.painted-process li{display:grid;grid-template-columns:48px 1fr;gap:12px;padding:18px 0;border-bottom:1px solid #c5c2b8}
.painted-process li>b{font-size:8px;color:#82837b}
.painted-process li span{color:#61625a;font-size:14px}
.painted-process li strong{color:#161613}
.painted-process-image{margin:0;height:730px;overflow:hidden}
.painted-process-image img{width:100%;height:100%;object-fit:cover}
.painted-scale{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);min-height:760px;background:#25241f;color:#fff;overflow:hidden}
.painted-scale figure{margin:0;overflow:hidden}
.painted-scale figure img{width:100%;height:100%;object-fit:cover;transform:scale(1.2)}
.painted-scale>div{min-width:0;padding:95px clamp(34px,4vw,72px);align-self:center}
.painted-scale h2{font-size:clamp(56px,6vw,92px);line-height:.87;letter-spacing:-.067em;margin:28px 0}
.painted-scale>div>p:not(.eyebrow){color:#b7b7ad;line-height:1.7}
.painted-scale ul{list-style:none;padding:22px 0 0;margin:28px 0;border-top:1px solid #4a4942}
.painted-scale li{font-size:9px;letter-spacing:.1em;text-transform:uppercase;padding:13px 0;border-bottom:1px solid #4a4942;color:#d0d0c8}
.painted-scale a{display:inline-flex;gap:15px;font-size:9px;letter-spacing:.13em;text-transform:uppercase;border-bottom:1px solid #fff;padding-bottom:6px}
.painted-final{text-align:center;padding:145px 20px;background:#9b754e;color:#fff}
.painted-final h2{font-size:clamp(65px,8vw,118px);line-height:.84;letter-spacing:-.072em;margin:34px 0}
.painted-final>p:not(.eyebrow){font-size:18px;line-height:1.65;max-width:680px;margin:0 auto}
.painted-final .painted-arrow{margin-top:38px}
@media(max-width:900px){.painted-hero,.painted-intro,.painted-studio,.painted-process,.painted-scale{grid-template-columns:1fr}
.painted-hero{min-height:0}
.painted-hero-copy{padding:110px 20px 65px}
.painted-hero h1{font-size:59px}
.painted-hero-image{min-height:680px}
.painted-hero-texture{left:auto;right:18px;bottom:30px;width:125px;height:165px}
.painted-intro,.painted-process{padding-top:90px;padding-bottom:90px}
.painted-studio-images{min-height:650px}
.painted-picker{padding:85px 20px}
.painted-portraits{grid-template-columns:1fr 1fr;grid-template-rows:620px auto 470px}
.painted-portrait-wide{grid-row:auto;grid-column:1/3}
.painted-portrait-copy{grid-column:1/3;padding:75px 20px}
.painted-process-image{height:560px}
.painted-scale figure{height:570px}
.painted-scale>div{padding:85px 20px}
.painted-final{padding:100px 20px}
}
@media(max-width:600px){.painted-studio-images{grid-template-columns:1fr;grid-template-rows:500px 280px}
.painted-swatches{grid-template-columns:1fr}
.painted-portraits{grid-template-columns:1fr;grid-template-rows:560px auto 460px 460px}
.painted-portrait-wide,.painted-portrait-copy{grid-column:auto}
.painted-hero-image{min-height:570px}
}