.family-do{color:#240b21;min-height:100vh;font-family:var(--font-instrument-sans),sans-serif;background:#f5f1f2;padding:24px clamp(18px,5vw,80px) 70px}.family-do *{box-sizing:border-box}.family-do header{border-bottom:1px solid #240b2122;align-items:center;gap:24px;padding-bottom:24px;display:flex}.family-do header>a:nth-child(2){letter-spacing:-1px;margin-left:auto;font-size:26px;font-weight:650}.family-do a,.family-do button{align-items:center;gap:8px;display:inline-flex}.family-do a{color:inherit}.family-do button{color:#240b21;cursor:pointer;font:inherit;background:#fffdfb;border:1px solid #240b2133;border-radius:12px;padding:12px 16px}.family-do button:disabled{opacity:.5;cursor:not-allowed}.family-do :focus-visible{outline-offset:4px;outline:3px solid #916a70}.family-intro{max-width:740px;padding:60px 0 38px}.family-kicker{letter-spacing:.14em;color:#654a4e;font-size:11px}.family-intro h1{letter-spacing:-.055em;margin:18px 0;font-size:clamp(45px,6vw,86px);line-height:1.02}.family-intro>p:last-child{max-width:580px;font-size:19px;line-height:1.6}.family-layout{grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:32px;display:grid}.family-setup{background:#fffdfb;border-radius:22px;height:fit-content;padding:26px}.family-step{margin:0 0 18px}.family-step>span{color:#916a70;font-size:12px}.family-step h2{margin:8px 0;font-size:20px}.family-do p{line-height:1.6}.family-setup p{color:#654a4e;font-size:13px}.family-setup form{gap:16px;margin-top:24px;display:grid}.family-do label:not(.family-consent){gap:8px;font-size:13px;font-weight:600;display:grid}.family-do textarea,.family-do input:not([type=checkbox]),.family-do select{color:#240b21;width:100%;font:inherit;background:#fff;border:1px solid #240b2133;border-radius:10px;padding:12px}.family-do textarea{resize:vertical}.family-consent{align-items:flex-start;gap:10px;font-size:12px;line-height:1.5;display:flex}.family-consent input{accent-color:#240b21;flex:none;margin-top:3px}.family-do .family-primary{color:#fffdfb;background:#240b21;justify-content:center}.family-callout{background:#eadfe2;border:1px solid #916a7055;border-radius:12px;padding:18px}.family-connected{flex-wrap:wrap;align-items:center;gap:7px;font-size:13px;display:flex}.family-connected button{font-size:12px}.family-results{min-width:0}.family-results-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.family-results-head h2{letter-spacing:-.04em;margin:8px 0 22px;font-size:clamp(27px,3vw,42px)}.family-empty{border:1px dashed #916a7077;border-radius:22px;flex-direction:column;justify-content:center;min-height:380px;padding:clamp(24px,4vw,60px);display:flex}.family-empty h3{margin-bottom:0;font-size:25px}.family-empty p{color:#654a4e;max-width:500px}.family-meta{color:#654a4e;font-size:12px}.family-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0;display:grid}.family-cards article{overflow-wrap:anywhere;background:#fffdfb;border:1px solid #240b211c;border-radius:18px;padding:24px}.family-cards article.is-reviewed{border-color:#916a70}.family-card-kind{text-transform:uppercase;color:#654a4e;gap:8px;font-size:12px;display:flex}.family-cards h3{letter-spacing:-.03em;font-size:22px}.family-cards p{font-size:14px}.family-cards blockquote{color:#654a4e;border-left:2px solid #916a70;margin:18px 0;padding-left:12px;font-size:13px;line-height:1.5}.family-cards a{font-size:12px}.family-cards label{margin-top:20px}.family-do details{overflow-wrap:anywhere;font-size:13px}.family-do summary{cursor:pointer;padding:12px 0}@media (max-width:900px){.family-layout{grid-template-columns:1fr}.family-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:540px){.family-cards{grid-template-columns:1fr}.family-do header{gap:12px}.family-results-head{flex-direction:column;align-items:flex-start}.family-intro{padding-top:38px}.family-setup{padding:20px}}.family-do{font-family:var(--font-body),sans-serif;background:radial-gradient(at 95% 8%,#eac8df66,#0000 42%),#f5f1f2}.family-do>header{flex-wrap:wrap;max-width:1320px;margin:auto}.family-do>section,.family-do>.family-layout,.family-service-heading{max-width:1320px;margin-left:auto;margin-right:auto}.family-intro{grid-template-columns:1.2fr 1fr;align-items:center;gap:48px;padding:56px 0;display:grid}.family-intro h1{font-size:clamp(44px,5.8vw,80px)}.family-intro>div>p:last-child{color:#654a4e;max-width:540px;font-size:18px}.family-hero-art{background:linear-gradient(145deg,#fffdfbcc,#eac8df80);border:1px solid #fffdfb;border-radius:36px;padding:24px;transform:rotate(2deg);box-shadow:0 22px 48px #492b3e0c}.family-hero-art svg{width:100%;max-height:280px;display:block}.family-art-caption{letter-spacing:.16em;color:#654a4e;font-size:10px}.family-art-tags{color:#654a4e;flex-wrap:wrap;justify-content:center;gap:8px;font-size:12px;display:flex}.family-art-tags span{background:#fffdfbcc;border:1px solid #fff;border-radius:20px;padding:8px 12px}.family-service-heading{padding:24px 0}.family-service-heading h2{letter-spacing:-.035em;margin:10px 0;font-size:32px}.family-service-heading>p:last-child{color:#654a4e;max-width:65ch}.family-setup{border:1px solid #916a7026;box-shadow:0 8px 28px #492b3e06}.family-empty{background:linear-gradient(145deg,#fffdfb,#eac8df33);border:1px solid #916a7026;padding-top:20px}.family-empty-art{align-self:center;width:min(100%,300px)}.family-do input[type=checkbox]{accent-color:#492b3e;flex-shrink:0;width:20px;height:20px}.family-do textarea,.family-do input:not([type=checkbox]),.family-do select{min-height:48px;font-size:16px}.family-do button,.family-do summary,.family-do header a{min-height:44px}.family-do button{transition:background-color .18s,border-color .18s}.family-do button:not(:disabled):hover{background:#f5e4e7;border-color:#916a70}.family-do .family-primary:not(:disabled):hover{background:#492b3e}@media (max-width:700px){.family-intro{grid-template-columns:1fr;gap:22px;padding:32px 0}.family-hero-art{border-radius:24px;padding:16px;transform:none}.family-hero-art svg{max-height:190px}.family-intro>div>p:last-child{font-size:17px}.family-do{padding-left:18px;padding-right:18px}.family-do>header{gap:12px}.family-do>header>a:first-child{gap:4px}.family-do>header>a:nth-child(2){font-size:23px}.family-service-heading h2{font-size:28px}}@media (prefers-reduced-motion:reduce){.family-do button{transition:none}}.family-do h1,.family-do h2,.family-do h3,.family-do h4{color:#492b3e}
