@import url('./home-v5.css');

/* Quiet, image-led design system for the seven-section homepage. */
:root{--brand:#28538b;--brand-dark:#263545;--ink:#26323e;--muted:#5d6974;--red:#28538b;--cream:#f7f8f6;--line:#e2e6e8;--dark:#263545;--gold:#28538b}
body.hnks-home-v6{background:#fff;color:var(--ink)}
.hnks-home-v6 .hero{height:auto;min-height:690px;background:#25323c}
.hnks-home-v6 .hero__photo{filter:saturate(1) contrast(1.03);background-position:center 48%}
.hnks-home-v6 .hero__veil{background:linear-gradient(90deg,rgba(20,32,42,.84) 0%,rgba(20,32,42,.70) 36%,rgba(20,32,42,.30) 66%,rgba(20,32,42,.05) 100%),linear-gradient(0deg,rgba(20,32,42,.22),transparent 30%)}
.hnks-home-v6 .hero__content{min-height:690px;padding:62px 0 84px;grid-template-columns:minmax(0,1fr) 360px;gap:6%;align-items:center}
.hnks-home-v6 .hero__eyebrow{color:#e2eaf1;font-size:10px;letter-spacing:.15em}
.hnks-home-v6 .signal{background:#d8e5ef}
.hnks-home-v6 .hero h1{max-width:750px;margin:22px 0 24px;font-size:clamp(49px,5vw,72px);line-height:1.07;letter-spacing:-.05em}
.hnks-home-v6 .hero h1 em{color:#fff;font-weight:800}
.hnks-home-v6 .hero p{max-width:600px;color:#f0f4f6;font-size:16px;line-height:1.7}
.hnks-home-v6 .hero__actions{margin-top:30px;gap:14px}
.hnks-home-v6 .button{min-width:0;padding:16px 19px;min-height:52px;font-size:11px}
.hnks-home-v6 .button--red{background:#fff;color:#263545}
.hnks-home-v6 .button--red:hover{background:#eaf0f4}
.hnks-home-v6 .button--ghost{border:1px solid rgba(255,255,255,.68);color:#fff;background:rgba(23,38,49,.12)}
.hnks-home-v6 .button--ghost:hover{background:rgba(255,255,255,.13)}
.hnks-home-v6 .brief-form{padding:26px;background:#fff;color:#26323e;box-shadow:0 16px 42px rgba(19,34,47,.22);border-radius:2px}
.hnks-home-v6 .brief-form__eyebrow{color:#28538b}
.hnks-home-v6 .brief-form h2{font-size:25px;color:#26323e}
.hnks-home-v6 .brief-form p{color:#5d6974;font-size:12px}
.hnks-home-v6 .brief-form label{color:#405261}
.hnks-home-v6 .brief-form input,.hnks-home-v6 .brief-form select{border-color:#d8e0e4;color:#26323e}
.hnks-home-v6 .brief-form button{background:#28538b}
.hnks-home-v6 .brief-form button:hover{background:#1c406d}
.hnks-home-v6 .hero__bottom{color:#ecf1f4;letter-spacing:.08em}
.hnks-home-v6 .section{padding:88px 0 96px}
.hnks-home-v6 .section-head{margin-bottom:41px}
.hnks-home-v6 .section-head h2,.hnks-home-v6 .about h2,.hnks-home-v6 .people h2{font-size:clamp(38px,3.8vw,58px);line-height:1.12;letter-spacing:-.045em;color:#263545}
.hnks-home-v6 .section-head h2 em,.hnks-home-v6 .about h2 em,.hnks-home-v6 .people h2 em,.hnks-home-v6 .catalog-intro h3 em{color:#28538b;font-weight:800;letter-spacing:-.045em}
.hnks-home-v6 .eyebrow,.hnks-home-v6 .editorial:not(.editorial--cream) .eyebrow,.hnks-home-v6 .people .eyebrow{color:#28538b}
.hnks-home-v6 .section-head>p,.hnks-home-v6 .section-head__side{color:#5d6974;line-height:1.7}
.hnks-home-v6 .products,.hnks-home-v6 .editorial--cream{background:#fff}
.hnks-home-v6 .buyer-checklist{background:#f7f8f6;border-left:3px solid #28538b}
.hnks-home-v6 .buyer-checklist ol{color:#51606c}
.hnks-home-v6 .family-grid{gap:14px}
.hnks-home-v6 .family-card{min-height:320px;background:#f7f8f6;border:1px solid #e7eaeb}
.hnks-home-v6 .family-card__photo{height:320px}
.hnks-home-v6 .family-card__photo img{filter:none}
.hnks-home-v6 .family-card__copy{padding:38px clamp(32px,4vw,64px)}
.hnks-home-v6 .family-card h3{font-size:clamp(32px,3vw,45px);color:#263545}
.hnks-home-v6 .family-card p{color:#5d6974}
.hnks-home-v6 .family-card__photo>span{background:#28538b;color:#fff}
.hnks-home-v6 .category-index{margin-top:50px;border-color:#e2e6e8}
.hnks-home-v6 .category-index__grid,.hnks-home-v6 .category-index__grid a{border-color:#e2e6e8}
.hnks-home-v6 .category-index__grid a:hover{background:#f5f7f8}
.hnks-home-v6 .catalog-intro{background:#f0f3f4;color:#263545;padding:38px 46px;margin-top:18px}
.hnks-home-v6 .catalog-intro .eyebrow{color:#28538b}
.hnks-home-v6 .catalog-intro h3,.hnks-home-v6 .catalog-intro h3 em{color:#263545}
.hnks-home-v6 .catalog-intro p{color:#5d6974}
.hnks-home-v6 .catalog-button{background:#28538b;border-color:#28538b;color:#fff}
.hnks-home-v6 .catalog-button:hover{background:#1c406d;color:#fff}
.hnks-home-v6 .about{background:#f7f8f6;min-height:630px;color:#263545}
.hnks-home-v6 .about__photo{min-height:630px}
.hnks-home-v6 .about__photo img{filter:none}
.hnks-home-v6 .about__copy{padding:48px clamp(40px,5vw,85px)}
.hnks-home-v6 .about h2{font-size:clamp(38px,3.7vw,53px)}
.hnks-home-v6 .facts{border-color:#dce3e6}
.hnks-home-v6 .about__lines,.hnks-home-v6 .about__lines span{border-color:#dce3e6}
.hnks-home-v6 .editorial:not(.editorial--cream){background:#fff;color:#263545}
.hnks-home-v6 .editorial:not(.editorial--cream) .section-head__side{color:#5d6974}
.hnks-home-v6 .editorial:not(.editorial--cream) h2 em{color:#28538b}
.hnks-home-v6 #blog{background:#f7f8f6}
.hnks-home-v6 #cases .stories--four .story-card{height:auto;min-height:0;display:flex;flex-direction:column;background:#fff;border:1px solid #e1e5e8;isolation:auto;overflow:visible}
.hnks-home-v6 #cases .stories--four .story-card__image{position:relative;inset:auto;z-index:auto;display:block;width:100%;height:210px}
.hnks-home-v6 #cases .stories--four .story-card__image::after{display:none}
.hnks-home-v6 #cases .stories--four .story-card__image img{filter:none;object-fit:cover}
.hnks-home-v6 #cases .stories--four .story-card__body{padding:21px 20px 23px;color:#263545;justify-content:flex-start;flex:1}
.hnks-home-v6 #cases .stories--four .story-card__kind{color:#28538b}
.hnks-home-v6 #cases .stories--four .story-card h3{color:#263545;font-size:clamp(18px,1.5vw,22px)}
.hnks-home-v6 #cases .stories--four .story-card h3 a{text-decoration:underline;text-decoration-color:#a9b7c2;text-underline-offset:4px}
.hnks-home-v6 #cases .stories--four .story-card h3 a:hover{color:#28538b;text-decoration-color:#28538b}
.hnks-home-v6 #cases .stories--four .story-card p{color:#5d6974}
.hnks-home-v6 #cases .section-head .text-link,.hnks-home-v6 #cases .stories--four .text-link{color:#28538b;border-color:#28538b}
.hnks-home-v6 #cases .section-head .text-link span,.hnks-home-v6 #cases .stories--four .text-link span{color:#28538b}
.hnks-home-v6 .story-card__image img{filter:none}
.hnks-home-v6 .people{background:#fff;color:#263545;padding:88px 0 54px}
.hnks-home-v6 .people h2 em{color:#28538b}
.hnks-home-v6 .people__heading>p{color:#5d6974}
.hnks-home-v6 .people__image img{filter:none}
.hnks-home-v6 .people__closing{border-color:#e1e5e8;color:#263545;margin-top:42px}
.hnks-home-v6 .people__closing a{color:#28538b;font-size:clamp(24px,2.8vw,36px)}
.hnks-home-v6 .people__closing a span{color:#28538b}
@media(max-width:1120px){.hnks-home-v6 .hero__content{grid-template-columns:minmax(0,1fr) 340px;gap:30px}.hnks-home-v6 .hero h1{font-size:clamp(47px,5.2vw,63px)}}
@media(max-width:900px){.hnks-home-v6 .hero{min-height:0}.hnks-home-v6 .hero__content{min-height:0;grid-template-columns:1fr;gap:28px;padding:65px 0 90px}.hnks-home-v6 .hero h1{font-size:clamp(44px,7vw,65px)}.hnks-home-v6 .brief-form{max-width:540px;margin:0}.hnks-home-v6 .hero__veil{background:linear-gradient(90deg,rgba(20,32,42,.86),rgba(20,32,42,.50)),linear-gradient(0deg,rgba(20,32,42,.28),transparent 50%)}}
@media(max-width:720px){.hnks-home-v6 .hero{padding:0}.hnks-home-v6 .hero__content{display:block;padding:61px 0 72px}.hnks-home-v6 .hero h1{font-size:clamp(40px,10vw,56px)}.hnks-home-v6 .hero p{font-size:14px}.hnks-home-v6 .hero__actions{gap:10px}.hnks-home-v6 .brief-form{margin-top:32px}.hnks-home-v6 .section{padding:70px 0 78px}.hnks-home-v6 .section-head h2,.hnks-home-v6 .about h2,.hnks-home-v6 .people h2{font-size:clamp(37px,9vw,48px)}.hnks-home-v6 .family-card,.hnks-home-v6 .family-card:nth-child(even){min-height:0}.hnks-home-v6 .family-card__photo{height:220px}.hnks-home-v6 .family-card__copy{padding:27px}.hnks-home-v6 .catalog-intro{padding:30px 24px}.hnks-home-v6 .about{min-height:0}.hnks-home-v6 .about__photo{min-height:0;height:290px}.hnks-home-v6 .about__copy{padding:57px 24px}.hnks-home-v6 #cases .stories--four .story-card__image{height:230px}.hnks-home-v6 .people{padding:72px 0 45px}.hnks-home-v6 .people__collage{height:auto}.hnks-home-v6 .people__image,.hnks-home-v6 .people__image--main{height:170px}}
