/* WEB-HOME2 (17/10/26, live 19/10 on Rich's yes): homeowner-first homepage, linked from the homepage head only. Ink, Paper, Archivo,
   Copper once per surface (the primary button). Movement is transform and image opacity only, never text opacity,
   and all of it is off under prefers-reduced-motion. */
.hm-hero{display:grid;grid-template-columns:42fr 58fr;min-height:clamp(560px,calc(100svh - 88px),760px);background:var(--ink);color:var(--paper)}
.hm-hero-photo{order:2;position:relative;overflow:hidden;margin:0;background:#2a2c30}
.hm-hero-picture,.hm-hero-picture img{display:block;width:100%;height:100%}
.hm-hero-picture img{object-fit:cover;object-position:50% 60%}
.hm-hero-photo figcaption{position:absolute;left:16px;bottom:16px;padding:7px 11px;background:var(--ink);color:var(--paper);font-size:12px;line-height:1.45}
.hm-hero-photo figcaption span{display:block;color:#cbc6bd;margin-top:2px}
.hm-hero-copy{order:1;display:flex;flex-direction:column;justify-content:center;padding:56px 52px 56px max(40px,calc((100vw - 1184px) / 2))}
.m26 .hm-hero h1{font-size:clamp(44px,4.4vw,64px);line-height:1.02;margin:0 0 30px;max-width:13ch}
.hm-actions{display:flex;flex-wrap:wrap;gap:12px}
.hm-actions .button{justify-content:center}
.hm-ghost{background:transparent;border-color:#8a857c;color:var(--paper)}
.hm-ghost:hover{background:#2a2c30;border-color:var(--paper)}
.hm-promise{margin:22px 0 0;font-size:16px;line-height:1.5;color:#e6e1d8;max-width:40ch}
.hm-reg{margin:16px 0 0;font:12px/1.5 Plex,monospace;color:#cbc6bd}

.hm-proof{background:var(--paper);border-bottom:1px solid var(--line)}
.hm-proof-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:22px;flex-wrap:wrap}
.hm-proof-item{margin:0;font-size:14px;line-height:1.45;color:var(--grey);max-width:none}
.hm-proof-item strong{display:block;color:var(--ink);font-size:19px;font-weight:500;letter-spacing:-.02em}
.hm-proof .hia-member{margin:0}

.hm-gives .eyebrow,.hm-trade .eyebrow{color:#cbc6bd}
.hm-gives-grid{display:grid;grid-template-columns:1fr 2fr;gap:20px 64px;align-items:start}
.hm-gives-grid .eyebrow{grid-row:1/3;margin:8px 0 0}
.hm-gives-main{grid-column:2;margin:0;font-size:clamp(26px,2.6vw,36px);line-height:1.3;letter-spacing:-.02em;max-width:30ch}
.hm-gives-aside{grid-column:2;margin:0;font-size:18px;color:#d1cec7;max-width:44ch}

.hm-head{margin-bottom:36px}
.hm-work .eyebrow,.hm-check .eyebrow,.hm-how .eyebrow{color:var(--grey)}
.hm-cards{display:grid;grid-template-columns:1fr 1fr;gap:40px 28px}
.hm-card{display:block;color:inherit;text-decoration:none}
.hm-card-photo{display:block;aspect-ratio:4/3;overflow:hidden;background:#e1dcd1}
.hm-card-photo picture,.hm-card-photo img{display:block;width:100%;height:100%}
.hm-card-photo img{object-fit:cover}
.hm-card-cap{display:block;padding-top:16px}
.hm-card-cap .eyebrow{display:block;margin:0 0 8px}
.hm-card-title{display:block;font-size:24px;line-height:1.2;letter-spacing:-.02em;font-weight:500}
.hm-card:hover .hm-card-title,.hm-card:focus-visible .hm-card-title{text-decoration:underline;text-underline-offset:5px}
.hm-more{margin:34px 0 0}
.hm-more .text-link{border-bottom-color:var(--ink)}

.hm-check{background:#e8e3d9}
.hm-check-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.hm-check h2{max-width:15ch}
.hm-five{list-style:none;padding:0;margin:0 0 30px;counter-reset:hm}
.hm-five li{counter-increment:hm;position:relative;padding:15px 0 15px 46px;border-top:1px solid var(--concrete);font-size:17px;line-height:1.5}
.hm-five li:last-child{border-bottom:1px solid var(--concrete)}
.hm-five li:before{content:counter(hm);position:absolute;left:0;top:13px;font:500 21px/1.3 Archivo,Arial,sans-serif;color:var(--ink)}
.hm-five strong{font-weight:500}

.hm-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.hm-steps li{border-top:1px solid var(--concrete);padding-top:20px}
.hm-steps .number{color:var(--grey)}
.m26 main .hm-steps h3{font-size:24px;margin:18px 0 10px}
.hm-steps p{font-size:15px;color:var(--grey);margin:0}

.hm-trade{padding-block:52px}
.hm-trade-row{display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap}
.hm-trade .eyebrow{margin-bottom:12px}
.hm-trade-line{margin:0;font-size:22px;line-height:1.35;letter-spacing:-.02em;max-width:34ch}
.hm-trade-links{display:flex;gap:30px}
.hm-trade .text-link{color:var(--paper);border-bottom-color:#8a857c}

@media(max-width:760px){
.hm-hero{grid-template-columns:1fr;min-height:0}
.hm-hero-photo{order:1;height:clamp(230px,38svh,340px)}
.hm-hero-photo figcaption{left:10px;bottom:10px;padding:5px 8px;font-size:11px}
.hm-hero-copy{order:2;padding:24px 20px 30px}
.m26 .hm-hero h1{font-size:40px;margin-bottom:20px;max-width:none}
.hm-actions .button{flex:1 1 100%}
.hm-promise{margin-top:16px;font-size:15px}
.hm-reg{font-size:11px;letter-spacing:-.01em}
.hm-proof-row{gap:16px 20px;padding-block:18px}
.hm-proof-item{flex:1 1 40%}
.hm-proof-item strong{font-size:17px}
.hm-gives-grid{grid-template-columns:1fr;gap:18px}
.hm-gives-grid .eyebrow{grid-row:auto;margin:0}
.hm-gives-main,.hm-gives-aside{grid-column:1}
.hm-gives-main{font-size:25px}
.hm-gives-aside{font-size:16px}
.hm-cards{grid-template-columns:1fr;gap:30px}
.hm-card-title{font-size:22px}
.hm-check-grid{grid-template-columns:1fr;gap:26px}
.hm-five li{font-size:16px;padding-left:40px}
.hm-steps{grid-template-columns:1fr;gap:26px}
.hm-trade{padding-block:40px}
.hm-trade-line{font-size:20px}
}

@media(prefers-reduced-motion:no-preference){
.hm-hero-picture img{animation:hm-pan 28s ease-in-out infinite alternate;transform-origin:60% 55%}
@keyframes hm-pan{from{transform:scale(1.02)}to{transform:scale(1.08) translateX(-1.5%)}}
.hm-card-photo img{transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.hm-card:hover .hm-card-photo img,.hm-card:focus-visible .hm-card-photo img,.hm-card:active .hm-card-photo img{transform:scale(1.05)}
.hm-motion .hm-rv{transform:translateY(22px);transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.hm-motion .hm-rv.hm-in{transform:none}
.hm-motion .hm-rv picture{opacity:0;transition:opacity .9s ease}
.hm-motion .hm-rv.hm-in picture{opacity:1}
}