.family-sample-page{color:#4c3628;background:linear-gradient(#f4eee6 0%,#ece3da 100%);min-height:100dvh;padding:0 0 18px}.family-sample-toolbar{justify-content:space-between;align-items:center;gap:8px;width:min(100%,540px);min-height:36px;margin:0 auto;padding:5px 10px;font-size:12px;display:flex}.family-sample-toolbar-link{color:#694934;text-underline-offset:3px;white-space:nowrap;padding:4px 6px;text-decoration:underline}.family-sample-tag{color:#837366;white-space:nowrap}.family-sample-spread{aspect-ratio:1002/1336;isolation:isolate;background-image:url(/showcase/album-sheet-background.svg);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;width:min(100%,540px);margin:0 auto;position:relative}.family-sample-sports-sheet{box-sizing:border-box;width:76.7%;height:90%;font-family:var(--font-geist-sans),"Apple SD Gothic Neo","Malgun Gothic",sans-serif;flex-direction:column;padding:clamp(4px,1.1vw,7px) clamp(5px,1.4vw,9px);display:flex;position:absolute;inset:4% auto auto 5.4%;overflow:hidden}.family-sample-sports-heading{color:#4b301d;letter-spacing:-.05em;flex:none;margin:0 0 clamp(6px,1.25vw,9px);font-size:clamp(17px,4.3vw,26px);font-weight:850;line-height:1.25}.family-sample-sports-grid,.family-sample-sports-faded-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(3px,.95vw,6px);display:grid}.family-sample-sports-grid{flex:none}.family-sample-sports-grid svg{aspect-ratio:1;background:#e9ddca;border-radius:6px;width:100%;height:auto;display:block;overflow:hidden}.family-sample-sports-faded-grid{filter:blur(clamp(3px,1vw,6px));opacity:.68;flex:none;margin-top:clamp(4px,1.2vw,8px)}.family-sample-sports-faded-grid svg{border-radius:5px;width:100%;height:clamp(34px,9.5vw,55px);display:block;overflow:hidden}.family-sample-sports-promo{z-index:1;color:#5c4737;flex:none;margin-top:clamp(4px,.9vw,7px);padding:0 clamp(1px,.5vw,4px);position:relative}.family-sample-sports-promo h2{color:#4b301d;letter-spacing:-.045em;margin:0 0 4px;font-size:clamp(13px,3.2vw,19px);font-weight:800;line-height:1.28}.family-sample-sports-promo p{color:#756759;word-break:keep-all;margin:0;font-size:clamp(9px,2.2vw,12px);line-height:1.4}.family-sample-sports-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:clamp(6px,1.4vw,10px);display:grid}.family-sample-sports-benefits span{word-break:keep-all;align-items:center;gap:clamp(2px,.6vw,4px);font-size:clamp(8px,1.9vw,11px);line-height:1.25;display:flex}.family-sample-sports-benefits b{color:#825b43;background:#eed1c3;border-radius:50%;flex:none;place-items:center;width:clamp(17px,4.6vw,26px);height:clamp(17px,4.6vw,26px);font-size:clamp(11px,3vw,16px);font-weight:700;display:grid}.family-sample-sports-benefits span:nth-child(2) b{background:#f2e0aa}.family-sample-sports-benefits span:nth-child(3) b{background:#d7e5dc}.family-sample-home-sheet{touch-action:pan-y;width:76.7%;height:90%;font-family:var(--font-geist-sans),"Apple SD Gothic Neo","Malgun Gothic",sans-serif;flex-direction:column;display:flex;position:absolute;inset:4% auto auto 5.4%;overflow:hidden}.family-sample-home-content{flex:auto;min-height:0;padding:clamp(5px,1.5vw,10px) 0 0;animation:.18s ease-out family-sheet-in;overflow:hidden}@keyframes family-sheet-in{0%{opacity:.6;transform:translate(6px)}to{opacity:1;transform:translate(0)}}.family-sample-home-sheet h1,.family-sample-home-sheet h2{letter-spacing:-.055em}.family-sample-hero{grid-template-columns:44% 1fr;align-items:center;gap:clamp(8px,2.1vw,14px);display:grid}.family-sample-hero-photo{aspect-ratio:1/1.03;background-image:url(/showcase/sample-family-home-20261030.webp);background-position:9% 5%;background-repeat:no-repeat;background-size:260%;border:5px solid #fffaf0;border-bottom-width:9px;min-width:0;transform:rotate(-1.4deg);box-shadow:0 2px 5px #543b2540}.family-sample-hero-copy h1,.family-sample-page-heading h1{color:#483021;margin:4px 0 6px;font-size:clamp(18px,4.7vw,27px);font-weight:850;line-height:1.2}.family-sample-eyebrow{color:#a17c57;margin:0;font-size:clamp(9px,2.2vw,12px)}.family-sample-hero-copy>p:last-child,.family-sample-page-heading>p{color:#7b6755;word-break:keep-all;margin:0;font-size:clamp(10px,2.3vw,12px);line-height:1.45}.family-sample-meta{color:#705849;border-block:1px solid #8264472b;grid-template-columns:1fr 1fr;gap:7px;margin:clamp(10px,2.8vw,16px) 0 5px;padding:7px 0;font-size:clamp(10px,2.35vw,12px);display:grid}.family-sample-meta b{color:#513a2b;margin-right:4px}.family-sample-panel{background:#fff9f069;border:1px solid #97704b33;border-radius:9px;margin:clamp(8px,2vw,12px) 0 0;padding:clamp(8px,2.2vw,12px)}.family-sample-panel h2{color:#513a29;margin:0 0 9px;font-size:clamp(13px,3vw,17px);font-weight:800;line-height:1.3}.family-sample-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.family-sample-stat-grid div{background:#f3e8db6e;border-radius:6px;flex-direction:column;align-items:center;gap:3px;padding:5px 2px;display:flex}.family-sample-stat-grid span{color:#816e5b;white-space:nowrap;font-size:clamp(8px,2vw,11px)}.family-sample-stat-grid strong{white-space:nowrap;font-size:clamp(11px,2.65vw,15px);font-weight:800}.family-sample-space{border-top:1px solid #8264472e;margin-top:11px;padding-top:9px}.family-sample-space-head{justify-content:space-between;align-items:center;gap:5px;font-size:clamp(10px,2.4vw,13px);display:flex}.family-sample-space-head strong{white-space:nowrap;font-weight:800}.family-sample-meter{background:#ddd5cf;border-radius:8px;height:6px;margin-top:8px;overflow:hidden}.family-sample-meter span{background:#9bb3d4;border-radius:8px;width:75.6%;height:100%;display:block}.family-sample-space p{justify-content:space-between;align-items:center;gap:3px;margin:7px 0 0;font-size:clamp(9px,2.2vw,12px);display:flex}.family-sample-muted-action{color:#a58b74;font-size:clamp(9px,2vw,11px);font-weight:500}.family-sample-page-tip{color:#9a836d;text-align:center;margin:clamp(12px,3vw,20px) 0 0;font-size:clamp(10px,2.15vw,11px);line-height:1.4}.family-sample-page-heading{margin:6px 0 clamp(17px,4vw,28px)}.family-sample-panel-heading{justify-content:space-between;align-items:baseline;gap:5px;margin-bottom:3px;display:flex}.family-sample-panel-heading h2{margin:0}.family-sample-panel-heading>span{color:#a38d78;font-size:clamp(9px,2vw,11px)}.family-sample-list-row{border-bottom:1px solid #9f856b2b;align-items:center;gap:5px;padding:clamp(8px,2.3vw,13px) 0;font-size:clamp(10px,2.35vw,13px);display:flex}.family-sample-list-row:last-child{border-bottom:0}.family-sample-kind{color:#a45f52;background:#f2dad2;border-radius:5px;flex:none;padding:3px 4px;font-size:clamp(9px,2vw,11px)}.family-sample-kind.is-event{color:#476f9d;background:#dee5f1}.family-sample-list-text{word-break:keep-all;flex:auto;min-width:0;line-height:1.5}.family-sample-list-row small{color:#9c8a77;flex:none;font-size:clamp(9px,2vw,11px)}.family-sample-panel>.family-sample-muted-action{text-align:right;margin:9px 0 0}.family-sample-memo-list .family-sample-list-row{padding-block:clamp(9px,2.4vw,14px)}.family-sample-names{flex-wrap:wrap;gap:5px;display:flex}.family-sample-names span{background:#fff8ee99;border:1px solid #ac8e6d4d;border-radius:18px;padding:7px 8px;font-size:clamp(10px,2.25vw,12px)}.family-sample-names span:first-child{color:#a05a4d;background:#f9e5df}.family-sample-recent-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.family-sample-recent-photo{aspect-ratio:1;background:#eee2d3;border-radius:6px;min-width:0;overflow:hidden}.family-sample-recent-photo img{object-fit:cover;width:100%;height:100%;display:block}.family-sample-paging{flex:none;justify-content:space-between;align-items:center;gap:8px;min-height:clamp(29px,7vw,39px);margin-top:5px;padding:1px 3px 0;display:flex}.family-sample-paging>button{color:#75573d;cursor:pointer;background:#fff6e7a6;border:1px solid #8b684845;border-radius:50%;place-items:center;width:clamp(29px,7vw,38px);height:clamp(29px,7vw,38px);font-size:clamp(19px,5vw,25px);display:grid}.family-sample-paging>button:disabled{opacity:.28;cursor:default}.family-sample-dots{align-items:center;gap:9px;display:flex}.family-sample-dots button{cursor:pointer;background:#d2bd9f;border:0;border-radius:50%;width:9px;height:9px;padding:0}.family-sample-dots button.is-current{background:#815d44}.family-sample-index{pointer-events:none;position:absolute;inset:0}.family-sample-index-tab{box-sizing:border-box;text-align:center;color:#544538;white-space:normal;word-break:keep-all;pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;width:10.9%;height:9.9%;padding:2px;font-size:clamp(8px,2.3vw,12px);font-weight:650;line-height:1.25;text-decoration:none;display:flex;position:absolute;left:88.1%}.family-sample-index-tab:first-child{height:9.7%;top:4.3%}.family-sample-index-tab:nth-child(2){height:9.2%;top:14.3%}.family-sample-index-tab:nth-child(3){height:9.5%;top:23.9%}.family-sample-index-tab:nth-child(4){height:9.4%;top:33.8%}.family-sample-index-tab:nth-child(5){height:9.8%;top:43.4%}.family-sample-index-tab:nth-child(6){height:9.4%;top:53.5%}.family-sample-index-tab:nth-child(7){height:11.7%;top:63.2%}.family-sample-index-tab:nth-child(8){height:10.8%;top:75.1%}.family-sample-index-tab.is-disabled{color:#817d79;pointer-events:none}.family-sample-index-home{color:#4c3128;font-weight:800}.family-sample-house{margin-bottom:4px;font-size:clamp(17px,4.5vw,24px);line-height:1}.family-sample-index-sports{color:#513615;cursor:pointer;font-weight:800}.family-sample-index-cue{font-size:17px;position:absolute;bottom:8%;right:0}.family-sample-plus{font-size:clamp(20px,6vw,32px);font-weight:450;line-height:1.05}.family-sample-list-icon{font-size:clamp(18px,5vw,28px);line-height:1}.family-sample-index-tab{box-shadow:none;background:0 0;border:0;border-radius:0}.family-sample-index-tab:is(a):focus-visible,.family-sample-toolbar-link:focus-visible,.family-sample-paging button:focus-visible{outline-offset:2px;outline:2px solid #98602e}.family-sample-bottom-note{text-align:center;color:#83776e;width:min(100% - 24px,516px);margin:10px auto 0;font-size:11px;line-height:1.55}@media (max-width:390px){.family-sample-home-sheet{height:90.8%;top:3.5%}.family-sample-meta{gap:5px;margin-top:8px}.family-sample-panel{margin-top:7px;padding:7px}.family-sample-panel h2{margin-bottom:6px}.family-sample-page-tip{margin-top:10px}}@media (prefers-reduced-motion:reduce){.family-sample-home-content{animation:none}}.family-sample-home-sheet--compact .family-sample-home-content{padding-top:0}.family-sample-compact-second .family-sample-page-heading{margin:2px 0 clamp(5px,1.4vw,9px)}.family-sample-compact-second .family-sample-page-heading h1{margin:1px 0 0;font-size:clamp(15px,3.8vw,22px)}.family-sample-compact-second .family-sample-panel{margin-top:clamp(4px,1.25vw,7px);padding:clamp(5px,1.6vw,9px)}.family-sample-compact-second .family-sample-panel-heading{margin-bottom:2px}.family-sample-compact-second .family-sample-panel h2{margin:0;font-size:clamp(12px,2.8vw,15px)}.family-sample-compact-second .family-sample-list-row{padding:clamp(4px,1.2vw,8px) 0;font-size:clamp(10px,2.25vw,12px);line-height:1.25}.family-sample-compact-second .family-sample-list-text{line-height:1.3}.family-sample-compact-second .family-sample-memo-list .family-sample-list-row{padding-block:clamp(4px,1.2vw,8px)}.family-sample-compact-second .family-sample-kind{padding:2px 3px;font-size:clamp(9px,2vw,10px)}.family-sample-compact-second .family-sample-names{flex-wrap:wrap;gap:4px 9px;margin-top:5px;display:flex}.family-sample-compact-second .family-sample-names span,.family-sample-compact-second .family-sample-names span:first-child{color:#66513e;white-space:nowrap;background:0 0;border:0;border-radius:0;padding:0;font-size:clamp(10px,2.2vw,12px)}.family-sample-compact-second .family-sample-names span:first-child{color:#955747;font-weight:800}.family-sample-compact-second .family-sample-recent-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(3px,.9vw,6px)}.family-sample-compact-second .family-sample-recent-photo{border-radius:5px}@media (max-width:390px){.family-sample-compact-second .family-sample-panel{margin-top:4px;padding:5px 6px}.family-sample-compact-second .family-sample-list-row,.family-sample-compact-second .family-sample-memo-list .family-sample-list-row{padding-block:4px}.family-sample-compact-second .family-sample-names{gap:3px 7px}}