.family-start,.family-workshop{max-width:1240px;margin:0 auto;padding:40px 0 72px;color:#153f46}.family-start>h1,.family-workshop>h1{font-family:Anton,sans-serif;font-weight:400;font-size:clamp(36px,4.2vw,60px);line-height:1.1;letter-spacing:-.02em;margin:12px 0 18px}.family-start>p,.family-workshop>p{max-width:660px;color:#617071;font-size:17px;line-height:1.65;margin:0 0 34px}.family-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.family-card{display:flex;flex-direction:column;padding:26px;background:#fffcf6;border:1px solid #deded2;border-radius:22px;color:inherit;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;overflow:hidden}.family-card:hover{transform:translateY(-5px);border-color:#416d75;box-shadow:0 18px 32px #153f460d}.family-card:focus-visible,.family-choice:focus-visible{outline:3px solid #e78c77;outline-offset:4px}.family-art{height:245px;position:relative;overflow:hidden;margin:0 -10px 24px}.family-art img{max-width:none!important;position:absolute;width:660px;height:auto;bottom:4px;left:50%;transform:translateX(-50%)}.family-card-robot .family-art img{transform:translateX(-17%)}.family-card-creature .family-art img{transform:translateX(-83%)}.family-card h2{font:400 30px Anton,sans-serif;margin:0 0 12px}.family-card p{font-size:15px;line-height:1.65;min-height:74px;color:#617071;margin:0 0 25px}.family-card>span{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:700;margin-top:auto}.family-card b{font-size:25px;font-weight:400}.family-back{display:inline-block;font-size:13px;color:#617071;text-decoration:none;margin-bottom:16px}.family-back:hover{color:#153f46}.family-progress{display:flex;gap:8px;margin:28px 0 32px;padding:0;border-bottom:1px solid #deded2}.family-progress button{border:0!important;border-radius:0!important;background:none!important;color:#617071!important;display:flex;align-items:center;gap:8px;padding:12px 16px 17px!important;font-size:13px!important;box-shadow:none!important}.family-progress button span{border:1px solid #ccd3cd;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;font-size:12px}.family-progress button[aria-current=step]{border-bottom:3px solid #153f46!important;color:#153f46!important}.family-progress button[aria-current=step] span{background:#153f46;color:#fff;border-color:#153f46}.family-progress button:disabled{opacity:.5}.family-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:40px;align-items:start}.family-workshop form{min-width:0}.family-workshop fieldset{border:0;padding:0;margin:0 0 24px;min-width:0}.family-workshop legend{font:400 30px Anton,sans-serif;padding:0;margin-bottom:28px}.family-field{margin-bottom:30px;position:relative}.family-workshop label{display:block;font-size:14px;font-weight:600;margin:0 0 10px}.family-workshop select,.family-workshop textarea,.family-custom input{width:100%;padding:13px 14px;border:1px solid #cfd4cc;border-radius:10px;background:#fffdf8;color:#153f46;font:inherit;margin-top:8px;box-sizing:border-box}.family-workshop small{display:block;font-size:12px;line-height:1.6;color:#6c7673;margin-top:10px}.family-native{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;opacity:0;pointer-events:none}.family-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.family-choice{border:1px solid #d8dbd2!important;border-radius:12px!important;background:#fffdf8!important;color:#3f5657!important;padding:8px 7px 12px!important;min-height:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-align:center;box-shadow:none!important;font-size:12px!important;line-height:1.4!important;transition:background .15s,border-color .15s}.family-choice svg{width:70px;height:76px}.family-choice[aria-pressed=true]{border:2px solid #153f46!important;padding:7px 6px 11px!important;background:#eaf0e9!important;color:#153f46!important}.family-choice:disabled{opacity:.35;cursor:not-allowed}.family-invalid .family-choices,.family-invalid select{outline:2px solid #b34c3c;outline-offset:3px;border-radius:12px}.family-custom{margin-top:14px!important}.family-details{border-top:1px solid #d8dbd2;border-bottom:1px solid #d8dbd2;margin:30px 0;padding:20px 0}.family-details summary{cursor:pointer;font-weight:600;font-size:14px}.family-details[open] summary{margin-bottom:28px}.family-studio{position:sticky;top:32px;background:#edece1;border:1px solid #e1e0d4;border-radius:22px;padding:22px;text-align:center;overflow:hidden}.family-studio-top{display:flex;justify-content:space-between;gap:8px;text-transform:uppercase;font-size:10px;letter-spacing:.1em;font-weight:700;color:#667773}.family-studio-top span:last-child{color:#153f46}.family-studio>svg{display:block;width:100%;max-height:440px;margin:20px auto 0;overflow:visible}.family-studio>p{font-size:12px;font-weight:600;line-height:1.7;margin:0 0 12px}.family-studio small{max-width:300px;margin:8px auto 0;font-size:11px}.family-pulse{animation:family-pulse .32s ease-out}.family-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:24px;border-top:1px solid #deded2}.family-actions button{border-radius:9px;padding:13px 20px;border:1px solid #ccd4cd;background:transparent;color:#153f46;font-size:14px;font-weight:600}.family-actions button.primary{background:#153f46;color:white;border-color:#153f46}.family-actions button:disabled{opacity:.45;cursor:not-allowed}.family-workshop .family-check{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.6;margin:20px 0}.family-check input{width:18px;height:18px;flex-shrink:0;margin-top:3px;accent-color:#153f46}.family-summary{display:grid;grid-template-columns:1fr 1fr;gap:0;font-size:14px;line-height:1.5;margin-bottom:30px}.family-summary dt,.family-summary dd{padding:12px 0;margin:0;border-bottom:1px solid #dce0d5;overflow-wrap:anywhere}.family-summary dt{color:#6c7673;padding-right:18px}.family-summary dd{font-weight:600}.family-workshop [hidden]{display:none!important}.family-workshop:not(.family-enhanced) .family-progress,.family-workshop:not(.family-enhanced) [data-family-next],.family-workshop:not(.family-enhanced) [data-family-back]{display:none}.family-workshop [data-family-unavailable],.field-error{color:#a63e30;font-size:14px}@keyframes family-pulse{50%{filter:brightness(1.08)}}@media(prefers-reduced-motion:reduce){.family-pulse{animation:none}.family-card{transition:none}}@media(max-width:1100px){.family-layout{gap:22px}.family-progress button{padding:12px 8px 17px!important}.family-card{padding:20px}.family-art{height:200px}.family-art img{width:555px}}@media(max-width:760px){.family-start,.family-workshop{padding:20px 0 40px}.family-cards{grid-template-columns:1fr}.family-card{display:grid;grid-template-columns:130px minmax(0,1fr);column-gap:18px;padding:20px}.family-art{grid-row:1/4;height:180px;margin:0}.family-art img{width:450px;bottom:0}.family-card h2{font-size:27px;align-self:end}.family-card p{min-height:0;font-size:13px;margin-bottom:12px}.family-card>span{font-size:12px}.family-layout{display:flex;flex-direction:column;gap:25px}.family-layout form{width:100%}.family-studio{order:-1;position:relative;top:auto;width:100%;box-sizing:border-box;padding:15px}.family-studio>svg{height:215px;margin:4px auto 0}.family-studio>p{margin:0;font-size:11px}.family-studio small{font-size:10px;max-width:100%;margin-top:5px}.family-progress{overflow-x:auto;gap:0;margin:20px 0}.family-progress button{white-space:nowrap;font-size:11px!important;padding:10px 7px 12px!important;gap:5px}.family-progress button span{width:20px;height:20px;font-size:10px}.family-workshop legend{font-size:27px}.family-choices{gap:8px}.family-choice{font-size:11px!important;min-height:108px}.family-actions button{padding:12px 14px;font-size:13px}.family-summary{font-size:13px}}
/* Global landing sections clip decorative artwork; the workshop needs a sticky preview. */
section.family-workshop{overflow:visible}.family-art{height:270px}.family-art img{width:600px}.family-card-human .family-art img{clip-path:inset(0 32% 0 32%)}.family-card-robot .family-art img{clip-path:inset(0 67% 0 0);transform:translateX(-17%)}.family-card-creature .family-art img{clip-path:inset(0 0 0 67%)}
@media(max-width:1100px) and (min-width:761px){.family-art{height:235px}.family-art img{width:550px}}
@media(max-width:760px){.family-art{height:198px}.family-art img{width:450px}.family-studio{position:sticky;top:80px;z-index:12;padding:10px 14px;box-shadow:0 8px 22px #153f4610}.family-studio>svg{height:145px}.family-studio small{display:none}.family-studio [data-custom-preview]:not([hidden]){display:block}.family-workshop fieldset{scroll-margin-top:300px}}

@media(max-width:760px){.family-progress{overflow:visible}.family-progress button{flex:1;flex-direction:column;white-space:normal;padding:8px 3px 10px!important;line-height:1.35!important;text-align:center}.family-choice{scroll-margin-top:300px}}
.family-card-human .family-art img{clip-path:inset(0 31% 0 40.5%);transform:translateX(-55%)}.family-card-robot .family-art img{clip-path:inset(0 61% 0 6%);transform:translateX(-23%)}.family-card-creature .family-art img{clip-path:inset(0 2% 0 70.5%);transform:translateX(-84%)}