/* Home hero: white page, blue type, and an architect's section of a whole house where only RM's
   cabinetry is in wood (José, 2026-09-24). Class names keep "kitchen-hero" because the judges and
   the header observer (#welcome) use them. */
/* Phones and tablets: the hero fills the first screen, so the drawing (not a photo further down)
   is the first thing painted large. */
.kitchen-hero{background:#fff;color:var(--rm-blue);padding-top:28px;overflow:hidden;display:grid;grid-template-areas:'copy' 'photo' 'next';grid-template-rows:auto 1fr auto;gap:20px;min-height:calc(100svh - 76px)}
.kitchen-hero-copy{grid-area:copy;padding-inline:24px;position:relative;z-index:1}
.kitchen-hero h1{max-width:12ch;font:800 clamp(40px,11.6vw,52px)/1.01 var(--rm-font);letter-spacing:-.055em}
.kitchen-hero h1 span{display:block}
.kitchen-hero-description{font-size:17px;line-height:1.45;margin:20px 0 22px}
.kitchen-hero-cta{min-width:265px;max-width:100%}
.kitchen-hero-cta .icon{width:24px;height:24px}
.kitchen-hero-photo{grid-area:photo;margin:0;min-width:0;align-self:center}
.kitchen-hero-photo picture,.kitchen-hero-photo img{display:block;width:100%;height:auto}
.kitchen-hero-next{grid-area:next;display:inline-flex;align-items:center;gap:24px;justify-self:start;min-height:48px;margin:0 24px 24px;font-size:17px;text-decoration:none}
.kitchen-hero-next .icon{transform:rotate(90deg)}
.kitchen-hero-next:hover{text-decoration:underline;text-underline-offset:6px}
/* Tablets: the same stack, the drawing a little narrower. */
@media(min-width:761px) and (max-width:1023px){
.kitchen-hero{padding-top:48px}
.kitchen-hero-copy{padding-inline:clamp(32px,4.7vw,90px)}
.kitchen-hero h1{font-size:clamp(48px,7vw,72px)}
.kitchen-hero-photo{padding-inline:clamp(16px,3vw,40px)}
.kitchen-hero-next{margin-inline:clamp(32px,4.7vw,90px)}
}
/* Desktop: the headline sits on the white left of the drawing, whose lines fade out before it. */
@media(min-width:1024px){
.kitchen-hero{position:relative;min-height:clamp(620px,calc(100svh - 88px),860px);padding:0 0 40px clamp(32px,4.7vw,90px);grid-template-columns:minmax(0,1fr);grid-template-rows:1fr auto;grid-template-areas:'copy' 'next';gap:0}
.kitchen-hero-copy{align-self:center;padding:0}
.kitchen-hero h1{font-size:clamp(48px,5.5vw,88px);max-width:11.5ch}
.kitchen-hero-description{font-size:clamp(18px,1.6vw,24px);margin:28px 0 30px}
.kitchen-hero-cta{min-width:280px}
.kitchen-hero-photo{position:absolute;right:clamp(0px,2vw,40px);top:50%;width:min(82vw,1180px);transform:translateY(-50%)}
.kitchen-hero-next{margin:20px 0 0;align-self:start}
}
@media(max-width:359px){.kitchen-hero-copy{padding-inline:20px}.kitchen-hero h1{font-size:40px}.kitchen-hero-next{margin-inline:20px}}