/* Finishes page (cms/finishes_v2). */
.fn2{--forest:#1E3A26;--deep:#16301E;--ink:#1F241D;--muted:#5D6158;--line:#E2DFD3;background:#FBFAF6;color:var(--ink);font:15px/1.6 Figtree,Arial,sans-serif}
.fn2 a{color:var(--forest)}
.fn2 img{display:block;max-width:100%}
.fn2-wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.fn2 h1,.fn2 h2,.fn2 h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;margin:0}
.fn2 [id]{scroll-margin-top:140px}
.fn2-k{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.fn2-hero{position:relative;height:clamp(230px,22vw,320px);overflow:hidden;color:#fff;display:flex;align-items:center}
.fn2-hero img{position:absolute;inset:0;width:100%;max-width:none;height:100%;object-fit:cover}
.fn2-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,16,11,.72),rgba(10,16,11,.2) 65%)}
.fn2-hero .fn2-wrap{position:relative;z-index:1;width:100%}
.fn2 h1{font-size:clamp(46px,5.6vw,72px);line-height:1;color:#fff}
.fn2-sub{margin:6px 0 0;font:500 clamp(20px,2.2vw,28px) 'Cormorant Garamond',serif}
.fn2-nav{position:sticky;top:84px;z-index:20;background:rgba(251,250,246,.96);border-bottom:1px solid var(--line)}
.fn2-nav .fn2-wrap{display:flex;justify-content:center;gap:0;overflow-x:auto}
.fn2-nav a{flex:none;padding:13px 22px;font-size:13.5px;font-weight:600;color:var(--ink);text-decoration:none;border-left:1px solid var(--line)}
.fn2-nav a:first-child{border-left:0}
.fn2-nav a:hover{color:var(--forest)}
.fn2-intro{padding-top:34px;padding-bottom:30px}
.fn2-intro h2{font-size:clamp(40px,4.4vw,56px);margin-bottom:6px}
.fn2-lead{margin:0 0 6px;font:500 21px 'Cormorant Garamond',serif}
.fn2-small{margin:0;font-size:13px;color:var(--muted)}
.fn2-small a{display:block;margin-top:4px;font-weight:600}
.fn2-cmp{display:grid;grid-template-columns:1.4fr 1fr;background:var(--deep);color:#fff}
.fn2-cmp img{width:100%;height:100%;max-height:440px;object-fit:cover}
.fn2-cmp > div{padding:40px 44px;display:flex;flex-direction:column;justify-content:center}
.fn2-cmp h2{font-size:clamp(30px,3.2vw,42px);line-height:1.08;margin-bottom:12px}
.fn2-cmp p{margin:0 0 16px;opacity:.88}
.fn2-cmp a{color:#fff;font-weight:600}
.fn2-group{padding-top:28px}
.fn2-group header{display:flex;justify-content:space-between;align-items:baseline;gap:16px;border-bottom:1px solid var(--ink);padding-bottom:6px;margin-bottom:16px}
.fn2-group header h2{font-size:30px}
.fn2-group header small{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.fn2-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 34px;padding-bottom:22px}
.fn2-item{display:grid;grid-template-columns:170px 1fr;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.fn2-item img{width:100%;aspect-ratio:3/2;object-fit:cover}
.fn2-item h3{font-size:22px;line-height:1.1}
.fn2-meta{margin:4px 0 6px;font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.fn2-item p:last-child{margin:0;font-size:13.5px;color:#3d4138}
.fn2-primers{background:#EEF3E8;margin-top:6px}
.fn2-primers .fn2-item{border-color:#D5DFCB}
.fn2-carehead{display:grid;grid-template-columns:1.2fr 1fr;background:var(--deep);color:#fff;margin-top:30px}
.fn2-carehead img{width:100%;height:100%;max-height:380px;object-fit:cover}
.fn2-carehead > div{padding:36px 40px;display:flex;flex-direction:column;justify-content:center}
.fn2-carehead h2{font-size:clamp(30px,3.2vw,42px);line-height:1.1;margin-bottom:12px}
.fn2-carehead p:last-child{margin:0;opacity:.88}
.fn2-steps{display:grid;grid-template-columns:1.4fr 1fr;gap:30px;padding-top:28px}
.fn2-steps dl{margin:0}
.fn2-steps dl > div{display:grid;grid-template-columns:130px 1fr;gap:14px;padding:10px 0;border-top:1px solid var(--line)}
.fn2-steps dt{font-weight:700;font-size:13.5px}
.fn2-steps dd{margin:0;font-size:13.5px;color:#3d4138}
.fn2-steps figure{margin:0}
.fn2-steps figure img{width:100%;aspect-ratio:4/3;object-fit:cover}
.fn2 figcaption{font:italic 500 14px 'Cormorant Garamond',serif;color:var(--muted);margin-top:6px}
.fn2-fire{margin:16px 0;padding:10px 14px;background:#FFF4DC;border-left:3px solid #C98A2B;font-size:13.5px}
.fn2-tips{display:grid;grid-template-columns:1fr 1fr;gap:0 34px}
.fn2-tips details{border-top:1px solid var(--line);padding:10px 0}
.fn2-tips summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;font:600 18px 'Cormorant Garamond',serif}
.fn2-tips summary::-webkit-details-marker{display:none}
.fn2-tips p{margin:8px 0 0;font-size:14px;color:#3d4138}
.fn2-kit{display:grid;grid-template-columns:200px 1fr;gap:20px;align-items:center;margin:22px 0;background:#fff;border:1px solid var(--line);padding:14px}
.fn2-kit h3{font-size:24px}.fn2-kit p{margin:4px 0 0;font-size:14px;color:#3d4138}
.fn2-h{font-size:30px;margin:26px 0 12px}
.fn2-gal{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.fn2-gal img{width:100%;aspect-ratio:4/3;object-fit:cover}
.fn2-vids{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-bottom:40px}
.fn2-vids iframe{width:100%;aspect-ratio:16/9;border:0}
.fn2-cta{background:var(--deep);color:#fff;padding:26px 0}
.fn2-cta .fn2-wrap{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.fn2-cta h2{font-size:34px}.fn2-cta p{margin:2px 0 0;opacity:.88}
.fn2-btns{display:flex;gap:12px}
.fn2-btns a{padding:12px 28px;border:1px solid #fff;color:#fff;text-decoration:none;font-weight:600}
.fn2-btns a.fill{background:#5E8A4C;border-color:#5E8A4C}
@media (max-width:860px){.fn2-cmp,.fn2-carehead,.fn2-grid,.fn2-steps,.fn2-tips,.fn2-kit{grid-template-columns:1fr}.fn2-gal,.fn2-vids{grid-template-columns:1fr 1fr}.fn2-item{grid-template-columns:120px 1fr}.fn2-nav .fn2-wrap{justify-content:flex-start}.fn2-nav{top:0}}
@media (max-width:560px){.fn2-gal,.fn2-vids{grid-template-columns:1fr}.fn2-steps dl > div{grid-template-columns:1fr}}

/* Split banner: whole photo, uncropped, beside the title. */
.fn2 .fn2-hero{height:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:stretch;background:var(--deep)}
.fn2 .fn2-hero::after{display:none}
.fn2-hero__tx{display:flex;flex-direction:column;justify-content:center;padding:40px 44px 40px max(24px,calc((100vw - 1180px) / 2 + 24px))}
.fn2-hero__ph{margin:0}
.fn2 .fn2-hero .fn2-hero__ph img{position:static;display:block;width:100%;height:auto;object-fit:initial}
/* Finish cards: full sample photo with the name beside it, description underneath. */
.fn2 .fn2-item{grid-template-columns:1fr;grid-template-areas:"img" "head" "text";gap:10px;align-items:start}
.fn2 .fn2-item img{grid-area:img;width:100%;aspect-ratio:3/1;height:auto;object-fit:cover;margin-bottom:4px}
.fn2-item__head{grid-area:head}
.fn2 .fn2-item .fn2-item__text{grid-area:text;margin:0;font-size:13.5px;color:#3d4138}
@media (max-width:860px){.fn2 .fn2-hero{grid-template-columns:1fr}.fn2-hero__tx{padding:32px 16px}.fn2 .fn2-item{grid-template-columns:1fr;grid-template-areas:"img" "head" "text"}}
/* Comparison band: the whole photo, no empty side space. */
.fn2 .fn2-cmp{grid-template-columns:auto 1fr!important;background:var(--deep)!important}
.fn2 .fn2-cmp>img{width:auto!important;height:620px!important;max-height:none!important;max-width:60vw;object-fit:contain!important;display:block;margin:0!important}
@media (max-width:860px){.fn2 .fn2-cmp{grid-template-columns:1fr!important}.fn2 .fn2-cmp>img{width:100%!important;height:auto!important;max-width:none}}