/* finishes.html */
  html.kw-page--finishes{ scroll-behavior: smooth; }
  html.kw-page--finishes .hero{
    padding-top: 68px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-bottom: 1px solid var(--light-rule);
    min-height: 48vh;
  }
  html.kw-page--finishes .hero-left{
    padding: 72px 64px 72px 56px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-right: 1px solid var(--light-rule);
  }
  html.kw-page--finishes .hero-eyebrow,
  html.kw-page--finishes .intro-label,
  html.kw-page--finishes .finish-eyebrow{
    font-family: var(--sans);
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--brass);
    display: block;
  }
  html.kw-page--finishes .hero-eyebrow{ margin-bottom: 20px; }
  html.kw-page--finishes .hero-headline{
    font-family: var(--serif);
    font-size: clamp(38px, 4.5vw, 62px);
    font-weight: 300;
    line-height: 1.07;
    color: var(--ink);
    margin-bottom: 24px;
    letter-spacing: -0.01em;
  }
  html.kw-page--finishes .hero-headline em,
  html.kw-page--finishes .intro-text em,
  html.kw-page--finishes .finish-title em,
  html.kw-page--finishes .cta-heading em{ font-style: italic; color: var(--mid); }
  html.kw-page--finishes .hero-sub{
    color: var(--mid);
    line-height: 1.8;
    max-width: 420px;
  }
  html.kw-page--finishes .hero-right{
    padding: 72px 56px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  html.kw-page--finishes .hero-nav-label{
    font-family: var(--sans);
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--mid);
    margin-bottom: 16px;
  }
  html.kw-page--finishes .hero-nav-links{
    list-style: none;
    display: flex;
    flex-direction: column;
  }
  html.kw-page--finishes .hero-nav-links li{ border-bottom: 1px solid var(--light-rule); }
  html.kw-page--finishes .hero-nav-links li:first-child{ border-top: 1px solid var(--light-rule); }
  html.kw-page--finishes .hero-nav-links a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 0;
    font-family: var(--serif);
    font-size: 19px;
    font-weight: 400;
    color: var(--ink);
    text-decoration: none;
    transition: color 0.2s;
  }
  html.kw-page--finishes .hero-nav-links a:hover{ color: var(--brass); }
  html.kw-page--finishes .hero-nav-links a::after{
    content: '↓';
    font-family: var(--sans);
    font-size: 12px;
    color: var(--linen);
  }

  html.kw-page--finishes .intro{
    background: var(--parchment);
    border-bottom: 1px solid var(--light-rule);
  }
  html.kw-page--finishes .intro-inner,
  html.kw-page--finishes .finish-inner{
    display: grid;
    grid-template-columns: 1fr 1.6fr;
    gap: 96px;
  }
  html.kw-page--finishes .intro-inner{
    padding: 80px 56px;
    align-items: center;
  }
  html.kw-page--finishes .intro-text{
    font-family: var(--serif);
    font-size: clamp(18px, 2vw, 23px);
    font-weight: 300;
    line-height: 1.65;
    color: var(--ink);
  }
  html.kw-page--finishes .intro-text p + p{ margin-top: 1.2em; }

  html.kw-page--finishes .finish-section{
    border-bottom: 1px solid var(--light-rule);
  }
  html.kw-page--finishes .finish-section--warm{ background: var(--warm-white); }
  html.kw-page--finishes .finish-section--parchment{ background: var(--parchment); }
  html.kw-page--finishes .finish-inner{
    padding: 88px 56px;
    align-items: start;
  }
  html.kw-page--finishes .finish-eyebrow{ margin-bottom: 16px; }
  html.kw-page--finishes .finish-title{
    font-family: var(--serif);
    font-size: clamp(28px, 3vw, 40px);
    font-weight: 300;
    line-height: 1.1;
    color: var(--ink);
    position: sticky;
    top: 96px;
  }
  html.kw-page--finishes .finish-body{
    color: var(--mid);
    line-height: 1.9;
    margin-bottom: 32px;
  }
  html.kw-page--finishes .finish-body p + p{ margin-top: 14px; }
  html.kw-page--finishes .finish-body strong,
  html.kw-page--finishes .finish-highlight strong{ color: var(--ink); font-weight: 400; }
  html.kw-page--finishes .finish-body a,
  html.kw-page--finishes .finish-highlight a{ color: var(--ink); }

  html.kw-page--finishes .property-tags{
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 24px;
  }
  html.kw-page--finishes .property-tag{
    font-family: var(--sans);
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--mid);
    border: 1px solid var(--light-rule);
    padding: 5px 12px;
  }

  html.kw-page--finishes .swatch-row{
    display: flex;
    flex-direction: column;
    margin-bottom: 28px;
  }
  html.kw-page--finishes .swatch-item{
    display: grid;
    grid-template-columns: 48px 1fr;
    gap: 20px;
    padding: 16px 0;
    border-bottom: 1px solid var(--light-rule);
    align-items: center;
  }
  html.kw-page--finishes .swatch-item:first-child{ border-top: 1px solid var(--light-rule); }
  html.kw-page--finishes .swatch{
    width: 48px;
    height: 48px;
    border-radius: 2px;
    flex-shrink: 0;
  }
  html.kw-page--finishes .swatch--natural{ background: linear-gradient(135deg, #D4A96A, #C49058); }
  html.kw-page--finishes .swatch--white{ background: linear-gradient(135deg, #EAE0CC, #D8CEB4); }
  html.kw-page--finishes .swatch--smoked{ background: linear-gradient(135deg, #8A7A6A, #7A6A5A); }
  html.kw-page--finishes .swatch--gold{ background: linear-gradient(135deg, #A89070, #988060); }
  html.kw-page--finishes .swatch--oak{ background: linear-gradient(160deg, #D4A96A 0%, #C49058 50%, #B8823E 100%); }
  html.kw-page--finishes .swatch--walnut{ background: linear-gradient(160deg, #5C3D2A 0%, #4A2E1E 50%, #6B4835 100%); }
  html.kw-page--finishes .swatch--ash{ background: linear-gradient(160deg, #E0D5B8 0%, #D0C5A0 50%, #C8BB90 100%); }
  html.kw-page--finishes .swatch--cherry{ background: linear-gradient(160deg, #B87A4A 0%, #A06838 50%, #956030 100%); }
  html.kw-page--finishes .swatch--tulipwood{ background: linear-gradient(160deg, #D8C898 0%, #C8B880 50%, #B8A870 100%); }
  html.kw-page--finishes .swatch-name{
    font-family: var(--serif);
    font-size: 17px;
    font-weight: 400;
    color: var(--ink);
    margin-bottom: 2px;
    line-height: 1.2;
  }
  html.kw-page--finishes .swatch-desc{
    font-size: 16px;
    font-weight: 300;
    color: var(--mid);
    line-height: 1.55;
  }

  html.kw-page--finishes .steel-options{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2px;
    margin-bottom: 28px;
  }
  html.kw-page--finishes .steel-option{
    padding: 20px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    background: rgba(26,25,22,0.03);
  }
  html.kw-page--finishes .steel-swatch{
    width: 40px;
    height: 40px;
    border-radius: 50%;
  }
  html.kw-page--finishes .steel-swatch--matt-black{ background: #1A1916; border: 1px solid rgba(26,25,22,0.15); }
  html.kw-page--finishes .steel-swatch--anthracite{ background: linear-gradient(135deg, #6A6A6A, #4A4A4A); border: 1px solid rgba(26,25,22,0.1); }
  html.kw-page--finishes .steel-swatch--brass{ background: linear-gradient(135deg, #C8A84A, #B89838); border: 1px solid rgba(26,25,22,0.1); }
  html.kw-page--finishes .steel-swatch--raw{ background: linear-gradient(135deg, #D0CCC8, #B8B4B0); border: 1px solid rgba(26,25,22,0.1); }
  html.kw-page--finishes .steel-name{
    font-family: var(--sans);
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.08em;
    color: var(--mid);
    text-align: center;
    line-height: 1.4;
  }

  html.kw-page--finishes .finish-highlight{
    background: rgba(184,148,63,0.08);
    border-left: 3px solid var(--brass);
    padding: 16px 20px;
    font-size: 16px;
    font-weight: 300;
    color: var(--mid);
    line-height: 1.75;
  }

  html.kw-page--finishes .cta-section{
    background: var(--ink);
    border-bottom: 1px solid rgba(255,255,255,0.06);
  }
  html.kw-page--finishes .cta-inner{
    padding: 96px 56px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
  }
  html.kw-page--finishes .cta-heading{
    font-family: var(--serif);
    font-size: clamp(30px, 3.5vw, 48px);
    font-weight: 300;
    line-height: 1.1;
    color: var(--parchment);
  }
  html.kw-page--finishes .cta-heading em{ color: var(--linen); }
  html.kw-page--finishes .cta-body{
    font-size: 16px;
    font-weight: 300;
    color: rgba(200,184,154,0.82);
    line-height: 1.8;
    margin-bottom: 36px;
  }
  html.kw-page--finishes .btn-outline-light{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-family: var(--sans);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--parchment);
    text-decoration: none;
    padding: 14px 36px;
    border: 1px solid rgba(244,240,232,0.3);
    transition: background 0.2s, border-color 0.2s;
  }
  html.kw-page--finishes .btn-outline-light:hover{
    background: rgba(244,240,232,0.08);
    border-color: rgba(244,240,232,0.6);
  }
  html.kw-page--finishes .btn-outline-light::after{ content: ' →'; }

  html.kw-page--finishes .hamburger{
    display: none;
    background: none;
    border: none;
    cursor: pointer;
    width: 28px;
    height: 20px;
    min-height: 44px;
    min-width: 44px;
    position: relative;
    z-index: 101;
    flex-shrink: 0;
  }
  html.kw-page--finishes .hamburger span{
    display: block;
    width: 100%;
    height: 1.5px;
    background: var(--ink);
    position: absolute;
    left: 0;
    transition: transform 0.3s, opacity 0.3s;
  }
  html.kw-page--finishes .hamburger span:nth-child(1){ top: 0; }
  html.kw-page--finishes .hamburger span:nth-child(2){ top: 50%; transform: translateY(-50%); }
  html.kw-page--finishes .hamburger span:nth-child(3){ bottom: 0; }
  html.kw-page--finishes .hamburger.open span:nth-child(1){ transform: rotate(45deg); top: 50%; margin-top: -0.75px; }
  html.kw-page--finishes .hamburger.open span:nth-child(2){ opacity: 0; }
  html.kw-page--finishes .hamburger.open span:nth-child(3){ transform: rotate(-45deg); top: 50%; bottom: auto; margin-top: -0.75px; }

  @media (max-width: 1024px){
    html.kw-page--finishes .hero,
    html.kw-page--finishes .intro-inner,
    html.kw-page--finishes .finish-inner,
    html.kw-page--finishes .cta-inner{
      grid-template-columns: 1fr;
    }
    html.kw-page--finishes .hero-left{ border-right: none; }
    html.kw-page--finishes .hero-right{ border-top: 1px solid var(--light-rule); }
    html.kw-page--finishes .finish-title{ position: static; }
    html.kw-page--finishes .steel-options{ grid-template-columns: repeat(2, 1fr); }
  }

  @media (max-width: 768px){
    html.kw-page--finishes .hamburger{ display: block; }
    html.kw-page--finishes .nav-links{
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: var(--warm-white);
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 32px;
      z-index: 99;
    }
    html.kw-page--finishes .nav-links.open{ display: flex; }
    html.kw-page--finishes .nav-links a{ font-size: 16px; opacity: 0.8; }
    html.kw-page--finishes .nav-cta{ display: none; }
    html.kw-page--finishes nav{ padding: 0 24px; }
    html.kw-page--finishes .hero-left,
    html.kw-page--finishes .hero-right,
    html.kw-page--finishes .intro-inner,
    html.kw-page--finishes .finish-inner,
    html.kw-page--finishes .cta-inner,
    html.kw-page--finishes footer{
      padding-left: 24px;
      padding-right: 24px;
    }
    html.kw-page--finishes .hero-left,
    html.kw-page--finishes .hero-right,
    html.kw-page--finishes .intro-inner,
    html.kw-page--finishes .finish-inner,
    html.kw-page--finishes .cta-inner{
      gap: 32px;
    }
    html.kw-page--finishes .hero-left{ padding-top: 56px; padding-bottom: 56px; }
    html.kw-page--finishes .hero-right,
    html.kw-page--finishes .intro-inner,
    html.kw-page--finishes .finish-inner,
    html.kw-page--finishes .cta-inner{ padding-top: 56px; padding-bottom: 56px; }
    html.kw-page--finishes .steel-options{ grid-template-columns: 1fr 1fr; }
    html.kw-page--finishes .swatch-item{ grid-template-columns: 40px 1fr; gap: 16px; }
    html.kw-page--finishes .swatch{ width: 40px; height: 40px; }
  }