/* Thornw Home — calm sage and linen, Fraunces display */
:root{
  --accent:#5b7a3a; --accent-dark:#45602a; --tint:#edf1e3; --tint-2:#dbe4c9;
  --paper:#f8f7f1; --ink:#1f2418; --ink-2:#454b3b; --muted:#727965; --rule:#e2e4d6;
  --clay:#b8714a; --linen:#f3efe4;
  --display:"Fraunces",Georgia,serif; --body:"Public Sans",system-ui,sans-serif;
}
h1,h2,h3{font-weight:500;letter-spacing:-.015em;font-variation-settings:"SOFT" 60}
h1 em,h2 em{font-style:italic;font-weight:400;color:var(--accent)}
.logo .wm span{font-family:var(--display);font-style:italic;font-weight:500;font-size:14px}
.hero{background:linear-gradient(180deg,var(--paper),var(--linen))}
.kicker{color:var(--accent-dark)}

/* six aisles: 2 / 3 columns */
.tiles{grid-template-columns:repeat(2,1fr)}
@media(min-width:760px){.tiles{grid-template-columns:repeat(3,1fr)}}
.tile{min-height:260px;background:#edf1e3}
.tile:nth-child(2){background:#f3ede2}.tile:nth-child(3){background:#e7eef0}.tile:nth-child(4){background:#e8efdc}.tile:nth-child(5){background:#f2e7df}.tile:nth-child(6){background:#ece9e0}
.tile h3{font-size:24px}
.band{background:var(--accent-dark);background-image:radial-gradient(circle at 100% 0,rgba(255,255,255,.08),transparent 55%)}
.band .kicker{color:#d4e5ba}
.band .btn{color:var(--accent-dark)}
.chip:hover,.chip.on{background:var(--tint)}
.how div{background:var(--linen)}

/* hero: a cut-away house, each room holds one of our products */
.house{position:relative;max-width:540px;width:100%;justify-self:center;padding-top:6px}
.house .roof{position:relative;height:118px;margin:0 -4%;background:var(--accent-dark);clip-path:polygon(50% 0,100% 100%,0 100%)}
.house .roof::before{content:"";position:absolute;left:50%;top:58%;width:44px;height:44px;margin-left:-22px;border-radius:50%;background:var(--linen);box-shadow:inset 0 0 0 4px #e6dfcd}
.house .chimney{position:absolute;right:20%;top:18px;width:28px;height:62px;background:var(--clay);border-radius:3px 3px 0 0}
.house .body{display:grid;grid-template-columns:1.15fr .85fr;gap:8px;padding:8px;background:var(--accent-dark);border-radius:0 0 6px 6px}
.room{position:relative;display:grid;place-items:center;aspect-ratio:1/.82;background:#fdfcf8;border-radius:4px;overflow:hidden;transition:background .25s}
.room:nth-child(2),.room:nth-child(3){background:var(--linen)}
.room img{width:72%;height:74%;object-fit:contain;mix-blend-mode:multiply;transition:transform .35s}
.room:hover{background:#fff}
.room:hover img{transform:translateY(-5px)}
.room .tag,.yard .tag{position:absolute;left:10px;top:10px;font:600 11px/1 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);background:rgba(255,255,255,.85);padding:6px 8px;border-radius:999px}
.yard{position:relative;display:flex;align-items:flex-end;justify-content:space-around;gap:6px;height:150px;margin:0 -4%;padding:0 4% 14px;background:linear-gradient(180deg,transparent 0 55%,#cfdcb5 55% 100%);border-radius:0 0 22px 22px}
.yard::before{content:"";position:absolute;left:0;right:0;top:55%;height:6px;background:#b9cc95}
.yard a{position:relative;height:118px;flex:1;display:block;transition:transform .3s}
.yard a:nth-of-type(2){flex:.7;height:70px}
.yard a:hover{transform:translateY(-6px)}
.yard img{height:100%;width:100%;object-fit:contain;object-position:bottom;mix-blend-mode:multiply}
.yard .tag{left:auto;right:12px;top:auto;bottom:12px}
.hero-facts{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:24px;font-size:14px;color:var(--ink-2)}
.hero-facts span{display:flex;align-items:center;gap:8px}
.hero-facts span::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--accent);transform:rotate(45deg)}

/* Home Starter Kits */
.kit-app{padding:6px 0 90px}
.kit-pick{display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin:12px 0 38px}
@media(min-width:900px){.kit-pick{grid-template-columns:repeat(3,1fr)}}
.kit-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:3px;padding:16px;border:1.5px solid var(--rule);border-radius:18px;background:#fff;color:var(--ink);transition:border-color .2s,background .2s}
.kit-card:hover{border-color:var(--tint-2)}
.kit-card.on{border-color:var(--accent);background:var(--tint)}
.kit-pics{display:flex;margin-bottom:8px}
.kit-pics img{width:46px;height:46px;object-fit:contain;background:#fff;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--rule);margin-right:-10px;padding:4px}
.kit-card b{font:500 20px/1.15 var(--display)}
.kit-card small{color:var(--ink-2);font-size:13.5px}
.kit-card em{font-style:normal;color:var(--muted);font-size:12.5px;margin-top:4px}
.kit-head{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end;justify-content:space-between;margin-bottom:16px}
.kit-head h2{font-size:clamp(28px,3.2vw,38px);margin:6px 0 2px}
.kit-tier{gap:8px}
.kit-tier .chip{font-size:14px;padding:9px 14px;cursor:pointer}
.kit-item{cursor:default}
.kit-item input{cursor:pointer}
.kit-item .t em{display:block;font-style:normal;color:var(--muted);font-size:13px;margin-top:2px}
.kit-item .t b a:hover{color:var(--accent)}
.kit-swap{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-size:12.5px;color:var(--muted)}
.kit-swap select{max-width:min(320px,52vw);padding:5px 8px;border:1px solid var(--rule);border-radius:8px;font:13px var(--body);background:#fff}
.kit-pr{font-weight:700;white-space:nowrap}
.kit-pr small{font-weight:600;color:var(--accent)}
.kit-free{display:block;font-size:12.5px;opacity:.75}
.kit-actions{display:flex;align-items:center;gap:14px}
.kit-reset{background:none;border:0;color:#fff;opacity:.75;text-decoration:underline;font-size:13.5px}
.kit-reset:hover{opacity:1}
.band a.st{transition:background .2s}
.band a.st:hover{background:rgba(255,255,255,.18)}