/* V16. Warm materials, deliberate hierarchy and a compact product gallery.
   Existing drawings, product geometry, scripts and security are preserved. */
:root{--chalk:#f8f7f3;--chalk-2:#efeee8;--ink:#262b27;--ink-2:#262b27;--rule:#dcded5;--garnet:#71364a;--garnet-2:#562737}
body{background:var(--chalk);color:var(--ink)}
.site-head{background:rgba(248,247,243,.96);border-color:#dedfd7;backdrop-filter:blur(12px)}
.site-head .brand{font-weight:700;letter-spacing:-.035em}
.site-nav .btn{background:transparent;border-color:#ad949c;color:var(--garnet);border-radius:5px}
.site-nav .btn:hover{background:var(--garnet);border-color:var(--garnet);color:#fff}
.btn{border-radius:5px;min-height:46px;font-weight:600}
.btn-garnet{color:#fff}
.text-link{font-weight:600}
a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--garnet);outline-offset:4px}
.human-main p,.detail-hero .lead,.reading-copy{color:#545e54}
.human-main h2,.detail-section .h2{font-weight:500;letter-spacing:-.045em}

/* The headline and image carry equal weight. No cropped hardware or floating labels. */
.human-hero{background:#eeece5;padding:calc(var(--head) + 48px) 0 48px;border-bottom:1px solid #dedbd2}
.human-hero-grid{grid-template-columns:1fr 1.08fr;gap:6%;align-items:center}
.human-hero-copy{padding:0}
.human-hero h1{font-size:clamp(44px,4.05vw,59px);font-weight:500;line-height:1.08;letter-spacing:-.055em;max-width:none;text-wrap:balance;margin-bottom:22px}
.human-hero-copy>p{max-width:43ch;line-height:1.8;color:#525b51}
.human-hero .actions{margin-top:26px;gap:24px}
.human-product{max-width:568px;justify-self:start;padding:10px 10px 0;background:#f8f7f3;border:1px solid #d8d4ca;border-radius:9px;box-shadow:0 18px 35px -28px #302b205e}
.human-product img{border-radius:4px;width:100%;height:auto;object-fit:contain;animation:none}
.human-main .human-product figcaption{padding:0 6px 12px;margin-top:10px;font-size:12px;line-height:1.65;color:#5b6358}
.human-intro{border-top:0;padding:45px 0 40px}
.human-intro .human-two-col{grid-template-columns:1fr 1.08fr;gap:6%;align-items:start}
.human-intro h2{font-size:clamp(31px,3.1vw,43px);max-width:14ch}
.human-intro p{font-size:16px;line-height:1.75}

/* A single composed rack panel, rather than another identical text/photo row. */
.human-rack-section{padding:5px 0 48px}
.human-rack-section .human-photo-row{width:calc(100% - var(--gutter)*2);max-width:calc(var(--max) - var(--gutter)*2);margin-inline:auto;padding:clamp(24px,3vw,40px);background:#e9ece3;border:1px solid #d9ded1;border-radius:9px;gap:6%;grid-template-columns:1fr 1.08fr}
.human-rack-section .human-photo-row figure{max-width:510px;align-self:center}
.human-rack-section .human-photo-row img{border-radius:5px}
.human-photo-copy h2{font-size:clamp(31px,3vw,42px);line-height:1.12;margin-bottom:17px}
.human-readings{margin:22px 0 16px}
.human-readings>div{border-color:#cdd4c4;padding-block:10px;gap:16px}
.human-readings>div:last-child{border-color:#cdd4c4}
.human-readings dt{font-size:13px;color:#344231;font-weight:600}
.human-readings dd{font-size:13px;color:#4f5e49}
.human-connections{border-top:0;padding:12px 0 48px}
.human-photo-row.reverse{gap:6%;grid-template-columns:1fr 1.08fr}
.human-photo-row.reverse figure{padding:9px 9px 0;max-width:515px;justify-self:start;border:1px solid #dfdbd1;background:#f1eee6;border-radius:9px}
.human-photo-row.reverse img{border-radius:4px}
.human-photo-row.reverse figcaption{margin:10px 7px 12px;color:#5d6559;font-size:12px}
.human-photo-row .photo-enter,.human-photo-row .photo-enter.photo-visible{opacity:1;transform:none;transition:none}

.engineering-drawer{border:1px solid #d5d9cd;border-radius:7px;background:#f0f1ea;overflow:clip}
.engineering-drawer>summary{padding:19px 24px;min-height:64px;font-weight:600}
.engineering-drawer>summary:hover{background:#e9ece2}
.engineering-content{padding:0 24px 24px}
.engineering-content .rack{border:1px solid #d6ddcc;border-radius:5px;background:#e9ede3}
.engineering-content .ex-stage{background:#f8f9f4;border-color:#d4d9cc;border-radius:5px}
.human-guides{background:#f2f0e9;padding:42px 0 46px;border-top:1px solid #deddd4}
.human-guide-list strong{font-size:18px;font-weight:500;letter-spacing:-.025em}
.human-guide-list small{color:#57634f}
.human-guide-list>a{padding:21px 0;border-color:#d1d5c9}
.human-guide-list>a:hover strong{color:var(--garnet)}
.human-brief{padding:39px 0;background:#e9dfe0;border-top:1px solid #d9c9cf}
.human-brief h2{font-size:clamp(29px,2.7vw,38px);color:#562e3d}
.human-brief p{color:#60535a}
.site-foot{background:#f8f7f3;border-top:1px solid #e0ddd4}
.site-foot p,.footer-pages,.site-foot form button{color:#58644f}

/* Detail pages share the same typography and gallery treatment. */
.detail-hero{padding-bottom:42px;background:#eeece5;border-bottom-color:#dcd9d0}
.detail-hero h1{font-weight:500;font-size:clamp(40px,4.05vw,58px);line-height:1.1;max-width:15ch;letter-spacing:-.05em;text-wrap:balance}
.detail-hero .eyebrow{font-size:12px;font-weight:600;color:#714352}
.breadcrumbs{color:#61685e;margin-bottom:29px}
.detail-hero-image{padding:9px;border:1px solid #d8d4ca;border-radius:8px;background:#f8f7f3;box-shadow:0 16px 30px -26px #302b205e;animation:none}
.detail-hero-image img{border-radius:3px}
.visual-panel.hero-graphic{border-color:#d6d8cd;border-radius:7px;background:#f7f7f1;box-shadow:0 10px 28px -27px #33392c}
.detail-section{border-color:#dedfd6;padding-block:49px}
.detail-row .h2{line-height:1.14}
.reading-copy{font-size:16px;line-height:1.85}
.wide-diagram{background:#f2f4ed;border-color:#d9ded0;border-radius:7px}
.diagram-key{border-color:#cfd6c7}
.diagram-key dt{font-weight:600;color:#344230}
.diagram-key dd{color:#526148}
.spec-list dt{font-weight:600}
.spec-list dd,.clean-list li,.faqs details p{color:#56634e}
.sensor-tabs button{border-color:#c6cebd;border-radius:5px}
.sensor-tabs button[aria-selected=true]{background:#4f6047;border-color:#4f6047;color:#fff}
.detail-valve-control{background:#edf0e7;border-color:#cdd7c4;border-radius:6px}
.response-chain{border-color:#d8d6cb;background:#efeee7;border-radius:5px}
.soft-section{background:#ecefe5}
.integration-grid p{color:#526147}
.faqs summary{font-weight:600}
.faqs summary:hover{color:var(--garnet)}
.detail-page .guide-feature{padding:34px;background:#e9ece2;border-color:#d1d9c7;border-radius:8px;gap:5%}
.guide-feature>.visual-panel{background:#f8f9f4;border:1px solid #d9dfd0;border-radius:5px}
.guide-feature h2{font-weight:500;line-height:1.12;letter-spacing:-.045em}
.detail-page .guide-feature>div>p{color:#526147}
.guide-callout{background:#edf0e6}
.guide-toc a,.guide-copy .guide-references a{color:#4f6244}
.explore-card h3{font-weight:500;color:#303c2b}
.explore-card p,.explore-card .card-tag{color:#58684e}
.explore-card:hover h3{color:var(--garnet)}
.cta{background:#e9dfe0;border-top-color:#d9c9cf}
.cta .h2{font-weight:500;color:#562e3d}
.cta .lead{color:#60535a}
.brief{border:1px solid #d9d9d0;background:#f8f7f3;border-radius:8px}
.brief-head{background:#eeece5}
.brief-close{border-radius:4px}

@media(min-width:900px) and (max-height:760px){
 .human-hero{padding-top:calc(var(--head) + 28px);padding-bottom:34px}
 .human-hero h1{font-size:clamp(43px,3.75vw,55px)}
}
@media(min-width:700px) and (max-width:999px){
 .human-hero h1{font-size:43px}
 .human-rack-section .human-photo-row{padding:22px;gap:5%}
 .human-photo-copy h2{font-size:30px}
 .human-rack-section .human-photo-row{grid-template-columns:1fr 1fr}
 .human-readings>div{grid-template-columns:1fr;gap:3px}
 .detail-page .guide-feature{padding:26px}
}
@media(max-width:899px){
 .site-nav.open{background:#f8f7f3}
 .site-nav .btn{color:var(--garnet)}
}
@media(max-width:699px){
 .human-hero{padding:91px 0 28px}
 .human-hero-grid{grid-template-columns:minmax(0,1fr);gap:23px}
 .human-hero h1{font-size:clamp(34px,9vw,41px);line-height:1.1;max-width:none;margin-bottom:18px}
 .human-hero-copy>p{font-size:14px;line-height:1.8}
 .human-hero .actions{margin-top:21px;gap:21px}
 .human-product{max-width:373px;padding:7px 7px 0;border-radius:7px;box-shadow:0 13px 26px -24px #302b2063}
 .human-main .human-product figcaption{padding:0 5px 9px;margin-top:8px;font-size:11px}
 .human-intro{padding:30px 0}
 .human-intro .human-two-col{grid-template-columns:minmax(0,1fr);gap:20px}
 .human-intro h2{font-size:31px}
 .human-intro p{font-size:14px;line-height:1.8}
 .human-rack-section{padding:0 0 31px}
 .human-rack-section .human-photo-row{width:calc(100% - var(--gutter)*2);padding:18px;grid-template-columns:minmax(0,1fr);gap:25px;border-radius:7px}
 .human-rack-section .human-photo-row figure{max-width:365px}
 .human-photo-copy h2{font-size:31px;line-height:1.14}
 .human-readings{margin:18px 0 15px}
 .human-readings>div{grid-template-columns:84px minmax(0,1fr);gap:13px;padding-block:10px}
 .human-readings dt,.human-readings dd{font-size:13px}
 .human-connections{padding:0 0 31px}
 .human-photo-row.reverse{grid-template-columns:minmax(0,1fr);gap:25px}
 .human-photo-row.reverse figure{padding:7px 7px 0;border-radius:7px;max-width:338px}
 .human-photo-row.reverse figcaption{margin:8px 5px 9px;font-size:11px}
 .engineering-drawer>summary{padding:16px;font-size:13px;min-height:62px;gap:18px}
 .engineering-content{padding:0 13px 13px}
 .engineering-content .rack{padding:25px 12px}
 .human-guides{padding:31px 0 34px}
 .human-guide-list strong{font-size:16px}
 .human-guide-list>a{padding:19px 0}
 .human-brief{padding:31px 0}
 .human-brief h2{font-size:30px}
 .detail-hero{padding-bottom:28px}
 .detail-hero h1{font-size:clamp(34px,8.8vw,42px);line-height:1.11;max-width:16ch}
 .detail-hero-image{padding:7px;border-radius:6px;max-width:373px}
 .detail-section{padding-block:32px}
 .detail-section .h2{font-size:30px}
 .detail-page .guide-feature{padding:20px;gap:22px;border-radius:6px}
 .guide-feature>.visual-panel{padding:11px}
 .cta .h2{font-size:30px}
 .brief{border-radius:7px}
}
@media(max-width:359px){
 .human-hero h1{font-size:33px}
 .human-hero .actions{gap:16px}
 .human-rack-section .human-photo-row{padding:14px}
 .human-readings>div{grid-template-columns:90px minmax(0,1fr);gap:9px}
}
@media(prefers-reduced-motion:reduce){
 .human-main *, .detail-page *{scroll-behavior:auto!important}
 .btn,.text-link,.human-guide-list svg{transition:none}
}