:root{
    --ink:#1b1b1b;
    --muted:#6d6d6d;
    --line:#e8e2d8;
    --paper:#f6f1e8;
    --card:#ffffff;
  }

  .site{background:var(--paper); color:var(--ink); font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;}
  .topbar{position:sticky; top:0; z-index:10; background:rgba(246,241,232,.92); backdrop-filter: blur(10px); border-bottom:1px solid var(--line); display:flex; align-items:center; gap:18px; padding:14px 18px;}
  .brand{display:flex; align-items:center; gap:10px; min-width:220px;}
  .brand__mark{width:34px; height:34px; border:1px solid #c9c2b8; display:grid; place-items:center; font-weight:700;}
  .brand__kicker{font-size:10px; letter-spacing:.24em; text-transform:uppercase; color:var(--muted);}
  .brand__name{font-size:16px; letter-spacing:.22em; text-transform:uppercase;}
  .nav{display:flex; gap:18px; align-items:center; justify-content:center; flex:1;}
  .nav__link{font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Apple Color Emoji", "Segoe UI Emoji"; font-size:13px; color:#2d2d2d; text-decoration:none; padding:6px 8px; border-radius:999px;}
  .nav__link:hover{background:rgba(0,0,0,.04);}
  .cta{font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial; font-size:12px; text-transform:uppercase; letter-spacing:.12em; text-decoration:none; color:#2d2d2d; border:1px solid #c9c2b8; padding:10px 12px; border-radius:999px;}

  /* Hero: small text column, wide image column (like screenshot) */
  .hero{display:grid; grid-template-columns: 0.75fr 1.85fr; gap:16px; padding:28px 18px 22px; max-width:1400px; margin:0 auto; min-height: calc(100vh - 64px); align-items:start;}
  .hero__copy{background:transparent; padding:10px 6px 10px 6px;}
  .eyebrow{font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial; font-size:11px; letter-spacing:.26em; text-transform:uppercase; color:var(--muted); margin-bottom:10px;}
  .hero h1{font-size:52px; line-height:1.05; margin:0 0 12px;}
  .hero p{font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial; margin:0 0 10px; color:#2b2b2b; max-width:42ch; line-height:1.7;}
  .muted{color:var(--muted);}
  /* "Zoom to fit": keep the whole image visible inside the viewport area */
  .hero__media{
    min-height:0;
    height: calc(100vh - 64px - 56px);
    display:flex;
    align-items:flex-start;
  }
  .hero__image{
    width:100%;
    height:100%;
    border-radius:10px;
    border:1px solid var(--line);
    object-fit:cover;
    object-position:center;
    display:block;
    background:#fff;
  }

  .kicker{font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial; font-size:11px; letter-spacing:.22em; text-transform:uppercase; color:#2d2d2d; margin-bottom:12px;}
  .kicker--line{position:relative; padding-bottom:12px; margin-bottom:14px;}
  .kicker--line::after{content:""; position:absolute; left:0; bottom:0; width:28px; height:1px; background:#bdb6ab;}

  .iconlist{list-style:none; padding:0; margin:0; display:grid; gap:18px; font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial; color:#333;}
  .iconlist--large li{display:flex; gap:14px; align-items:flex-start;}
  .liTitle{font-weight:600; font-size:13px; color:#2b2b2b;}
  .liSub{font-size:13px; color:#5a5a5a; line-height:1.35;}
  .icon{display:inline-grid; place-items:center; width:34px; height:34px; border:1px solid var(--line); border-radius:10px; color:#2d2d2d; background:#faf7f1; flex:0 0 auto;}
  .icon--soft{background:#f3eee6;}

  .featureGrid2{max-width:1200px; margin:0 auto; padding:18px 18px 22px; display:grid; grid-template-columns: 1fr 1fr; gap:26px; align-items:start;}
  .col{min-width:0;}

  /* Top row: align Intuitive image with Lift-up image */
  .intuitiveTop{display:grid; grid-template-columns: 0.62fr 1fr; gap:18px; align-items:start;}
  .intuitiveTop__img{width:100%; height:210px; border-radius:10px; border:1px solid var(--line); object-fit:cover; display:block; background:#fff;}

  .liftTop{display:grid; grid-template-columns: 1fr 0.62fr; gap:16px; align-items:start;}
  .liftTop__img{width:100%; height:210px; border-radius:10px; border:1px solid var(--line); object-fit:cover; display:block; background:#fff;}
  .liftTop__text{font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial; font-size:13px; line-height:1.7;}

  /* Bottom row: drawing + text + two images in same row */
  .featureBottomRow{max-width:1200px; margin:0 auto; padding:0 18px 22px; display:grid; grid-template-columns: 1.15fr 0.85fr; gap:26px; align-items:start;}
  .featureBottomRow__left{display:grid; grid-template-columns: 0.62fr 1fr; gap:18px; align-items:start;}
  .featureBottomRow__drawing{width:100%; height:190px; border-radius:10px; border:1px solid var(--line); object-fit:cover; display:block; background:#fff;}
  .featureBottomRow__text p{margin:0 0 10px; font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial; line-height:1.7;}
  .featureBottomRow__right{display:grid; grid-template-columns: 1fr 1fr; gap:14px;}
  .featureBottomRow__img{width:100%; height:190px; border-radius:10px; border:1px solid var(--line); object-fit:cover; display:block; background:#fff;}

  .strip{max-width:1200px; margin:0 auto; padding:0 18px 26px;}
  .strip__img{width:100%; height:220px; border-radius:10px; border:1px solid var(--line); object-fit:cover; display:block; background:#fff;}

  .footerBanner{max-width:1200px; margin:0 auto; padding:0 18px;}
  .footerBanner{border-radius:12px; overflow:hidden; border:1px solid #1b1b1b22; background:
    linear-gradient(90deg, rgba(0,0,0,.78), rgba(0,0,0,.28)),
    url('/kitchen-dark.jpg');
    background-size:cover;
    background-position:center;
  }
  .footerBanner__overlay{padding:30px 22px; color:#fff; display:flex; gap:22px; align-items:flex-end; justify-content:space-between;}
  .footerBanner__left h2{margin:0 0 8px; font-size:40px; line-height:1.08;}
  .footerBanner__left p{margin:0 0 14px; font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial; color:rgba(255,255,255,.88);}
  .bannerBtn{display:inline-flex; align-items:center; justify-content:center; font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial; text-transform:uppercase; letter-spacing:.14em; font-size:12px; padding:12px 16px; border-radius:8px; background: #8a5a3c; color:#fff; text-decoration:none; border:1px solid rgba(255,255,255,.15);}
  .bannerBtn:hover{filter:brightness(1.03);}
  .footerBanner__right{display:flex; gap:26px; align-items:flex-end; padding-bottom:2px;}
  .bannerFeat{display:flex; flex-direction:column; align-items:center; gap:8px; min-width:120px;}
  .bannerFeat__icon{width:44px; height:44px; display:grid; place-items:center; border-radius:10px; border:1px solid rgba(255,255,255,.22); background: rgba(0,0,0,.18); font-size:18px;}
  .bannerFeat__txt{font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial; font-size:11px; letter-spacing:.18em; text-transform:uppercase; text-align:center; color:rgba(255,255,255,.92); line-height:1.25;}

  .footer{max-width:1200px; margin:10px auto 26px; padding:0 18px;}
  .footer__inner{background:#f3eee6; border:1px solid var(--line); border-radius:12px; padding:22px;}
  .brand--footer{min-width:auto;}
  .brand--footer .brand__kicker{color:#7b7369;}
  .footer__top{display:grid; grid-template-columns: 240px 1fr; gap:22px; align-items:start;}
  .footer__cols{display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap:22px;}
  .fcol__title{font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial; font-size:11px; letter-spacing:.22em; text-transform:uppercase; color:#2d2d2d; margin-bottom:4px;}
  .fcol__link{font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial; font-size:13px; color:#4a4a4a; text-decoration:none;}
  .fcol__link:hover{text-decoration:underline;}
  .social{display:flex; gap:10px; margin:4px 0 10px;}
  .social__btn{width:28px; height:28px; display:grid; place-items:center; border-radius:999px; border:1px solid #c9c2b8; color:#2d2d2d; text-decoration:none; background:#faf7f1; font-family: ui-sans-serif, system-ui;}
  .contact{display:grid; gap:8px; font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial; color:#4a4a4a; font-size:13px;}
  .contact__row{display:flex; gap:10px; align-items:center;}
  .contact__ic{width:18px; display:inline-block; text-align:center; color:#2d2d2d;}
  .footer__bottom{margin-top:16px; padding-top:14px; border-top:1px solid var(--line); font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial; color:#6f6a61; font-size:12px;}

  /* Responsive */
  @media (max-width: 900px){
    .brand{min-width:auto;}
    .nav{display:none;}
    .hero{grid-template-columns:1fr; padding-top:18px; min-height: calc(100vh - 64px);}
    .hero__media{min-height:280px;}
    .hero h1{font-size:44px;}
    .featureGrid2{grid-template-columns:1fr; gap:18px;}
    .intuitiveTop{grid-template-columns:1fr;}
    .intuitiveTop__img{height:240px;}
    .liftTop{grid-template-columns:1fr;}
    .liftTop__img{height:240px;}
    .featureBottomRow{grid-template-columns:1fr; gap:18px;}
    .featureBottomRow__left{grid-template-columns:1fr;}
    .featureBottomRow__right{grid-template-columns:1fr 1fr;}
    .footerBanner__overlay{flex-direction:column; align-items:flex-start;}
    .footerBanner__right{width:100%; justify-content:space-between;}
    .footer__top{grid-template-columns:1fr;}
    .footer__cols{grid-template-columns: repeat(2, minmax(0, 1fr));}
  }
  @media (max-width: 520px){
    .topbar{padding:12px 12px;}
    .cta{padding:9px 10px;}
    .hero h1{font-size:38px;}
    .footerBanner__left h2{font-size:34px;}
    .footerBanner__right{gap:14px; flex-wrap:wrap;}
    .bannerFeat{min-width:96px;}
    .footer__cols{grid-template-columns:1fr;}
  }