:root{font-family:Gill Sans,Noto Sans KR,sans-serif;color:#221815;background:radial-gradient(circle at 15% 20%,rgba(255,220,177,.8),transparent 24%),radial-gradient(circle at 85% 14%,rgba(255,244,224,.9),transparent 22%),linear-gradient(180deg,#fffaf2,#f4ece2 46%,#efe2d5);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--page-width: min(1240px, calc(100% - 32px) );--paper: rgba(255, 251, 245, .82);--line: rgba(78, 50, 33, .12);--text-soft: #6d5b4e;--brown: #7a4e34;--rose: #d89e83;--gold: #d7a653;--cream: #f7e8d6;--shadow: 0 24px 70px rgba(91, 61, 40, .14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh}img{display:block;width:100%}h1,h2,h3,p,figure{margin:0}#app{min-height:100vh}.page-shell{width:var(--page-width);margin:0 auto;padding:28px 0 56px}.hero,.family-board,.story-strip,.gallery-section{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:34px;background:var(--paper);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow)}.hero:before,.family-board:before,.story-strip:before,.gallery-section:before{content:"";position:absolute;inset:auto auto -80px -60px;width:220px;height:220px;border-radius:50%;background:#d89e832e;filter:blur(8px)}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;min-height:760px;padding:40px}.hero-copy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center}.eyebrow{margin-bottom:12px;color:var(--brown);font-size:.82rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase}h1{margin-bottom:18px;font-size:clamp(3rem,7.6vw,6rem);line-height:.92;letter-spacing:-.06em}h2{max-width:760px;font-size:clamp(2rem,4vw,3.3rem);line-height:1;letter-spacing:-.04em}.hero-text,.member-description,.story-card p,.gallery-card figcaption{color:var(--text-soft);line-height:1.7}.hero-text{max-width:560px;margin-bottom:28px;font-size:1.05rem}.stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:620px}.stat-card,.story-card,.member-card,.gallery-card{border:1px solid rgba(122,78,52,.12);background:#ffffff9e}.stat-card{padding:18px;border-radius:22px}.stat-card strong{display:block;margin-bottom:4px;font-size:clamp(1.8rem,4vw,2.4rem);line-height:1}.stat-card span{color:var(--text-soft);font-size:.92rem}.hero-stack{position:relative;min-height:620px}.hero-photo{position:absolute;overflow:hidden;border-radius:28px;box-shadow:0 26px 45px #5339292e}.hero-photo img,.member-photo img,.gallery-card img{height:100%;object-fit:cover}.layer-1{top:28px;left:10px;width:58%;height:48%;transform:rotate(-6deg)}.layer-2{top:90px;right:6px;width:50%;height:42%;transform:rotate(8deg)}.layer-3{right:52px;bottom:24px;width:62%;height:44%;transform:rotate(-2deg)}.family-board,.story-strip,.gallery-section{margin-top:24px;padding:30px}.section-heading{position:relative;z-index:1;margin-bottom:24px}.section-heading.compact{margin-bottom:18px}.member-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.member-card{position:relative;z-index:1;overflow:hidden;border-radius:26px}.member-card[data-accent=snow]{background:linear-gradient(180deg,#ffffffe6,#f8f3eee0)}.member-card[data-accent=peach]{background:linear-gradient(180deg,#fff4eceb,#fffbf6d9)}.member-card[data-accent=gold]{background:linear-gradient(180deg,#fff4ddf2,#fffbf4d1)}.member-photo{position:relative;overflow:hidden;height:340px}.member-copy{padding:22px}.member-type{margin-bottom:8px;color:var(--brown);font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.member-copy h3,.story-card h3{margin-bottom:10px;font-size:1.55rem;line-height:1}.member-title{margin-bottom:12px;font-size:1.02rem;font-weight:700;line-height:1.5}.story-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.story-card{padding:22px;border-radius:24px}.gallery-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.gallery-card{overflow:hidden;border-radius:24px;transition:transform .18s ease,box-shadow .18s ease}.gallery-card:hover{transform:translateY(-6px);box-shadow:0 24px 36px #553a2a2e}.gallery-card img{aspect-ratio:1 / 1}.gallery-card figcaption{padding:14px 14px 16px;font-size:.92rem}@media (max-width: 1120px){.hero{grid-template-columns:1fr;min-height:auto}.hero-stack{min-height:540px}.member-grid,.story-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 720px){.page-shell{width:min(100% - 20px,1240px);padding:20px 0 40px}.hero,.family-board,.story-strip,.gallery-section{border-radius:26px}.hero,.family-board,.story-strip,.gallery-section{padding:22px}.stat-row,.gallery-grid{grid-template-columns:1fr}.hero-stack{display:grid;min-height:auto;gap:12px}.hero-photo{position:static;width:100%;height:240px;transform:none}.member-photo{height:280px}}.tab-nav{position:sticky;top:16px;z-index:100;display:flex;justify-content:center;margin-bottom:24px}.tab-track{display:flex;gap:4px;padding:5px;background:var(--paper);border:1px solid var(--line);border-radius:100px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 24px #5b3d281a}.tab-btn{padding:10px 26px;border:none;border-radius:100px;background:transparent;color:var(--text-soft);font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .18s ease,color .18s ease}.tab-btn.active{background:var(--brown);color:#fff}.tab-btn:hover:not(.active){background:#7a4e3414;color:var(--brown)}.member-card.clickable{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.member-card.clickable:hover{transform:translateY(-8px);box-shadow:0 32px 56px #5b3d2833}.card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;padding:20px;background:linear-gradient(to top,rgba(40,20,10,.55) 0%,transparent 55%);opacity:0;transition:opacity .2s ease}.member-card.clickable:hover .card-overlay{opacity:1}.view-btn{color:#fff;font-size:.88rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.pet-hero{display:grid;grid-template-columns:1fr 1fr;gap:32px;min-height:580px;padding:40px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:34px;background:var(--paper);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow);margin-bottom:24px}.pet-hero:before{content:"";position:absolute;inset:auto auto -80px -60px;width:220px;height:220px;border-radius:50%;background:#d89e832e;filter:blur(8px)}.pet-hero[data-accent=snow]{background:linear-gradient(135deg,#fffffff0,#f8f3eee6)}.pet-hero[data-accent=peach]{background:linear-gradient(135deg,#fff4ecf5,#ffe0cce0)}.pet-hero[data-accent=gold]{background:linear-gradient(135deg,#fff8e4f5,#ffe8b4e0)}.pet-hero-image{border-radius:24px;overflow:hidden;min-height:400px}.pet-hero-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.pet-hero-image:hover img{transform:scale(1.04)}.pet-hero-info{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;gap:16px}.pet-name{margin:0;font-size:clamp(3.5rem,6vw,5.5rem);line-height:.88;letter-spacing:-.06em}.pet-hero-title{margin:0;font-size:1.1rem;font-weight:700;line-height:1.5}.pet-count-badge{display:inline-flex;align-items:center;padding:8px 18px;border-radius:100px;background:#7a4e341a;color:var(--brown);font-size:.88rem;font-weight:700;width:fit-content;letter-spacing:.05em}.pet-gallery-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.pet-gallery-grid .gallery-card img{aspect-ratio:3 / 4}@media (max-width: 1120px){.pet-hero{grid-template-columns:1fr;min-height:auto}.pet-hero-image{min-height:380px}.pet-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 720px){.tab-track{gap:2px}.tab-btn{padding:9px 16px;font-size:.88rem}.pet-hero{padding:22px;border-radius:26px}.pet-hero-image{min-height:260px}.pet-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}