.family-scene{position:relative;min-height:860px;height:100svh;max-height:1100px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 78% 43%,#87704a40,transparent 54%),linear-gradient(130deg,#12190f,#181b13 56%,#0d110d);color:var(--cream)}.family-scene:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.1;background:url('story-media/screen_240.jpg') center/cover;filter:grayscale(1);mask-image:linear-gradient(transparent,#000,transparent)}.family-top{position:absolute;top:70px;left:7%;right:7%;display:flex;justify-content:space-between;z-index:3;font-size:9px;letter-spacing:2px;color:#acb49d}.family-top span:first-child{color:var(--green)}.family-copy{position:absolute;left:7%;top:28%;width:33%;z-index:2;pointer-events:none}.family-copy h2{font:500 clamp(44px,4.3vw,74px)/1.06 'DM Sans',sans-serif;letter-spacing:-.065em;margin:0 0 25px}.family-copy h2 em{display:block;font-style:normal;color:var(--green)}.family-copy>p{max-width:270px;font:400 14px/1.8 'DM Sans',sans-serif;color:#aeb7a2}.family-note{display:block;margin-top:45px;color:#c58b52;font-size:9px;letter-spacing:1.5px}.family-watermark{position:absolute;left:37%;top:22%;z-index:-1;font:700 clamp(180px,25vw,420px)/.8 'DM Sans',sans-serif;letter-spacing:-.09em;white-space:nowrap;color:#e6dfcf08;pointer-events:none}.family-stage{position:absolute;left:32%;right:0;top:12%;bottom:15%;outline:none;touch-action:pan-y;cursor:grab}.family-stage:active{cursor:grabbing}.family-stage:focus-visible{outline:1px dashed #c5ef7755;outline-offset:-20px}.family-stage canvas{display:block;width:100%;height:100%;pointer-events:none}.family-loader{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:11px/1.8 'DM Sans',sans-serif;text-align:center;color:var(--amber);max-width:260px}.family-loader[hidden]{display:none}.family-bottom{position:absolute;left:7%;right:7%;bottom:55px;z-index:3;display:flex;justify-content:space-between;align-items:end;gap:30px}.family-selection{display:flex;gap:28px}.family-selection button{background:transparent;border:0;border-bottom:1px solid #63775566;padding:15px 0;color:#99a38d;text-align:left;min-width:110px;transition:color .3s,border-color .3s}.family-selection button>small{display:block;font-size:9px;letter-spacing:1px;margin-bottom:8px}.family-selection button>strong{font:500 25px 'DM Sans',sans-serif;letter-spacing:-1px}.family-selection button[aria-pressed=true]{color:var(--green);border-color:var(--green)}.family-tools{display:flex;gap:10px;align-items:center}.family-tools button{background:#11180eb0;border:1px solid #63775566;color:var(--cream);width:44px;height:44px;border-radius:50%;font-size:18px}.family-tools .family-reset{font-size:9px;letter-spacing:.7px;width:auto;border-radius:30px;padding:0 18px}.family-tools button:hover{border-color:var(--green);color:var(--green)}.family-caption{position:absolute;left:40%;right:8%;bottom:22%;z-index:2;pointer-events:none;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#acb49d}.family-tag{color:var(--green)}.family-error-link{color:var(--green);display:inline-block;margin-top:15px;font-size:11px}.family-scene[data-state=error] .family-stage{cursor:default}.family-scene[data-state=error] .family-tools{display:none}@media(max-width:700px){.family-scene{min-height:850px;height:110svh;max-height:1000px}.family-top{top:35px;left:6%;right:6%;font-size:8px;letter-spacing:1px}.family-top span:last-child{display:none}.family-copy{left:6%;top:90px;width:88%}.family-copy h2{font-size:42px;max-width:310px;margin-bottom:14px}.family-copy>p{font-size:12px;max-width:260px}.family-note{display:none}.family-stage{left:0;right:0;top:29%;bottom:17%}.family-watermark{left:4%;top:36%;font-size:190px}.family-caption{left:6%;right:6%;bottom:19%;font-size:8px;letter-spacing:.8px}.family-bottom{left:6%;right:6%;bottom:32px;gap:15px;align-items:center}.family-selection{gap:18px}.family-selection button{min-width:75px;padding:12px 0}.family-selection button>strong{font-size:20px}.family-selection button>small{font-size:8px}.family-tools{gap:5px;flex-wrap:wrap;max-width:100px;justify-content:end}.family-tools button{width:38px;height:38px}.family-tools .family-reset{height:32px;font-size:8px;padding:0 12px}.family-loader{width:80%}}@media(prefers-reduced-motion:reduce){.family-selection button{transition:none}}
.family-scene{scroll-margin-top:74px}@media(min-width:701px){.family-scene{height:calc(100svh - 74px);min-height:780px}.family-top{top:40px}.family-bottom{bottom:38px}.family-stage{top:8%;bottom:14%}}
.family-scene{scroll-margin-top:-26px}
.family-error-link[hidden]{display:none}@media(max-width:700px){.family-note{display:block;margin-top:14px;font-size:8px;letter-spacing:1px}}