.family-page{--family-accent:#d8e791;min-height:70vh}.family-monitor{--family-accent:#a8c8d5}.family-hero{background:var(--ink);color:var(--white);overflow:hidden}.family-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.6fr);align-items:end;gap:35px;min-height:430px;padding-block:65px 75px}.family-hero .eyebrow{color:var(--family-accent);margin-bottom:35px}.family-hero h1{position:relative;z-index:1;max-width:940px;font-size:clamp(65px,8vw,120px);letter-spacing:-.075em;line-height:.88;margin:0}.family-hero h1 em{font-family:var(--serif);font-weight:normal;color:var(--family-accent);letter-spacing:-.04em}.family-hero p{position:relative;z-index:1;max-width:380px;margin:0 0 4px;font-size:16px;line-height:1.65;color:#d8ded9}.family-outline{position:absolute;right:-5%;top:-14%;font:500 clamp(220px,30vw,500px)/1 var(--mono);letter-spacing:-.1em;color:#ffffff0d;pointer-events:none}.family-tool{background:#e6e8da;padding-block:65px}.family-monitor .family-tool{background:#dee7e9}.family-tool-grid{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(330px,1fr);gap:clamp(40px,10vw,160px)}.family-tool h2{font:normal clamp(52px,6vw,80px)/.98 var(--serif);letter-spacing:-.045em}.family-tool h2 em{color:#9f533b}.family-tool-grid>div>p{font-size:15px;line-height:1.7;max-width:430px;color:#485659}.family-form{padding:26px 30px 30px;border:1px solid #8f9991;background:var(--white)}.family-form label{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;font-size:14px;font-weight:700}.family-form label span{white-space:nowrap}.family-form input{width:95px;padding:9px;background:transparent;border:1px solid #a9b4ae;font:500 19px var(--mono);color:var(--ink)}.family-form select{width:100%;min-height:48px;margin:-7px 0 23px;padding:9px;border:1px solid #a9b4ae;background:white;color:var(--ink)}.family-form button{display:block;width:100%;min-height:52px;border:1px solid var(--ink);background:var(--ink);color:white;text-align:left;padding:12px 18px;font-weight:700}.family-form button:hover,.family-form button:focus-visible{background:#355241;color:white}.family-result{font:600 14px/1.6 var(--sans);margin:15px 0 0}.family-form small{display:block;margin-top:15px;font:11px/1.6 var(--mono);color:#566364}.family-catalog{padding:75px 0 100px}.family-catalog-head{max-width:920px;margin-bottom:32px}.family-catalog-head h2{font:normal clamp(55px,6vw,85px)/1 var(--serif);letter-spacing:-.045em}.family-catalog-head h2 em{color:#b65d42}.family-catalog-head p{color:#5c6868}.family-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.family-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--ink);background:#faf9f5;padding:21px 24px 24px}.family-card.family-match{outline:3px solid #507358;outline-offset:-3px}.family-card-top{display:flex;justify-content:space-between;gap:16px;font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.06em;color:#56666a}.family-card-state{color:#365f42;text-align:right}.family-card-media{height:170px;margin:18px 0;display:grid;place-items:center;text-align:center;background:#e7e7df;text-decoration:none;overflow:hidden}.family-card-media img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.family-card-media span{font:italic clamp(36px,5vw,65px)/1 var(--serif);padding:12px;color:#495b58}.family-card h3{font-size:clamp(29px,3vw,42px);line-height:1.05;letter-spacing:-.05em;margin-bottom:10px}.family-card h3 a{text-decoration:none}.family-card>p{font-size:14px;line-height:1.6;color:#3f5152}.family-card-spec{display:flex;flex-wrap:wrap;gap:9px;margin-top:auto;padding:18px 0;border-top:1px solid var(--line)}.family-card-spec span{display:flex;flex-direction:column;gap:4px;min-width:110px;font:10px var(--mono);text-transform:uppercase;color:#687375}.family-card-spec strong{font:600 17px var(--sans);color:var(--ink);text-transform:none}.family-card-actions{display:flex;gap:14px;flex-wrap:wrap}.family-card-actions a{display:inline-flex;align-items:center;min-height:48px;padding:10px 14px;border:1px solid var(--ink);text-decoration:none;font-size:12px;font-weight:700}.family-card-actions a:hover{background:var(--ink);color:white}.family-card-actions a+ a{background:var(--orange);border-color:var(--orange);color:var(--ink)}.family-card-actions a+ a:hover{background:var(--ink);color:white}.mse-site .family-card h3 a,.mse-site .family-card h3 a:visited{color:var(--ink)}.mse-site .family-card-actions a,.mse-site .family-card-actions a:visited{color:var(--ink)}.mse-site .family-card-actions a:hover,.mse-site .family-card-actions a:focus-visible{color:#fff}.mse-site .family-page a:focus-visible{outline:3px solid #d76643;outline-offset:3px}@media(max-width:900px){.family-hero-grid{display:block;min-height:0}.family-hero p{margin-top:32px}.family-tool-grid{gap:35px}}@media(max-width:700px){.family-cards,.family-tool-grid{grid-template-columns:1fr}.family-hero h1{font-size:clamp(56px,11vw,85px)}.family-hero-grid{padding-block:42px 55px}.family-tool,.family-catalog{padding-block:48px}.family-form{padding:20px}.family-form label{align-items:start;flex-direction:column;gap:8px}.family-card-media{height:150px}}