.vf-finish-banner{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:6%;padding:76px max(28px,calc((100vw - 1280px)/2));background:#e8edf1;color:#14283f;overflow:hidden;scroll-margin-top:120px}.vf-finish-copy{min-width:0}.vf-finish-banner .eyebrow{font-size:12px;letter-spacing:.12em;margin-bottom:24px;color:#14283f}.vf-finish-banner h2{font-size:clamp(48px,5.1vw,78px);line-height:1.02;letter-spacing:-.025em;margin:0 0 26px;text-transform:uppercase}.vf-finish-intro{font-size:18px;line-height:1.65;color:#53677c;margin-bottom:28px;max-width:550px}.vf-finish-options{border:0;margin:0 0 24px;padding:0;min-width:0}.vf-finish-options legend{padding:0;font-size:14px;font-weight:700;margin-bottom:16px}.vf-finish-swatch-grid{display:grid;grid-template-columns:repeat(8,48px);gap:10px}.vf-finish-swatch{display:block;position:relative;width:48px;height:48px;cursor:pointer;margin:0}.vf-finish-swatch input{position:absolute;opacity:0;inset:0;width:48px;height:48px;margin:0;cursor:pointer}.vf-finish-dot{display:block;width:44px;height:44px;margin:2px;border:4px solid #fdfcf9;border-radius:50%;box-shadow:0 0 0 1px #aebdc9;pointer-events:none;transition:box-shadow .15s}.vf-finish-swatch input:checked+.vf-finish-dot{box-shadow:0 0 0 3px #14283f}.vf-finish-swatch input:focus-visible+.vf-finish-dot{outline:3px solid #008735;outline-offset:5px}.vf-finish-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.vf-finish-selection{margin:20px 0 24px;min-height:70px}.vf-finish-selection>strong{font-size:24px;line-height:1.3}.vf-finish-selection p{font-size:16px;color:#53677c;margin:8px 0 0;line-height:1.5}.vf-finish-note{font-size:12px;line-height:1.65;color:#53677c;max-width:540px;margin-bottom:24px}.vf-finish-cta{font-size:18px;font-weight:700;color:#14283f;text-decoration:underline;text-underline-offset:6px;display:inline-block;line-height:1.5}.vf-finish-gallery-link{display:block;width:fit-content;font-size:13px;color:#53677c;margin-top:16px}.vf-finish-visual{margin:0;min-width:0;border-radius:26px;overflow:hidden;background:#fdfcf9;transform:rotate(2deg);box-shadow:0 20px 40px #14283f12}.vf-finish-visual-label{padding:24px 28px;font-size:11px;letter-spacing:.09em;font-weight:700}.vf-finish-visual svg{display:block;width:100%;height:auto}.vf-finish-visual-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:22px 26px}.vf-finish-visual-footer>span{font-size:9px;letter-spacing:.06em}.vf-finish-visual-footer>strong{font-size:18px}.vf-finish-detail{display:flex;align-items:center;gap:18px;padding:0 26px 24px}.vf-finish-detail img{width:100px;height:66px;object-fit:cover;border-radius:6px}.vf-finish-detail>span{display:grid;gap:5px}.vf-finish-detail>span>span{font-size:9px;letter-spacing:.08em;color:#53677c}.vf-finish-detail strong{font-size:14px}.vf-finish-visual [data-finish-paint]{transition:stroke .2s}@media(max-width:1100px){.vf-finish-banner{gap:4%;padding:56px 28px}.vf-finish-swatch-grid{grid-template-columns:repeat(6,48px);gap:8px}.vf-finish-banner h2{font-size:60px}.vf-finish-visual{transform:none}.vf-finish-visual-footer{flex-wrap:wrap;gap:10px;padding:18px}.vf-finish-visual-footer>span:last-child{display:none}}@media(max-width:760px){.vf-finish-banner{grid-template-columns:1fr;padding:48px 24px;gap:32px}.vf-finish-banner h2{font-size:54px}.vf-finish-intro{font-size:16px}.vf-finish-swatch-grid{grid-template-columns:repeat(6,44px);gap:8px}.vf-finish-swatch,.vf-finish-swatch input{width:44px;height:44px}.vf-finish-dot{width:40px;height:40px}.vf-finish-visual{width:100%;max-width:620px;justify-self:center}.vf-finish-visual-label{padding:20px}.vf-finish-visual-footer>span:last-child{display:inline}.vf-finish-detail{padding:0 18px 20px}.vf-finish-note{font-size:12px}.vf-finish-cta{font-size:17px}}@media(max-width:360px){.vf-finish-banner{padding:40px 18px}.vf-finish-swatch-grid{gap:6px}.vf-finish-banner h2{font-size:48px}}@media(prefers-reduced-motion:reduce){.vf-finish-dot,.vf-finish-visual [data-finish-paint]{transition:none}}

.gq-home .vf-finish-banner h2{font-family:"roc-grotesk-condensed",sans-serif;font-weight:800}.gq-home .vf-finish-banner .vf-finish-cta{text-decoration:underline}.gq-home .vf-finish-detail img{height:66px}.gq-home .vf-finish-banner .eyebrow{color:#14283f}.gq-home .vf-finish-options legend{font-family:Averta,sans-serif}

/* A little color, using five featured gutter finishes. */
.vf-color-word{position:relative;display:inline-block;white-space:nowrap;isolation:isolate}.vf-color-lettering{display:inline-flex;position:relative;gap:.005em}.vf-color-lettering>span{display:inline-block;color:var(--letter-color);transform:rotate(var(--letter-tilt));transform-origin:50% 85%;text-shadow:.018em .018em 0 #fff;transition:transform .3s cubic-bezier(.2,.8,.2,1);transition-delay:var(--letter-delay)}.vf-color-word::after{content:"";position:absolute;left:-.015em;right:-.025em;bottom:-.035em;height:.065em;z-index:-1;border-radius:.06em;background:linear-gradient(90deg,#526f84 0 20%,#31594a 20% 40%,#853f3d 40% 60%,#795641 60% 80%,#444438 80%);transform:rotate(-2deg);opacity:.8}.vf-color-word:hover .vf-color-lettering>span{transform:translateY(-.07em) rotate(0deg)}@media(prefers-reduced-motion:reduce){.vf-color-lettering>span{transition:none}.vf-color-word:hover .vf-color-lettering>span{transform:rotate(var(--letter-tilt))}}