:root{--bg:#f4f2f8;--ink:#3e3d59;--purple:#7d72aa;--line:#dcd7eb;--paper:#fff;--coral:#c6796a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.7 system-ui,Arial,sans-serif}img{max-width:100%;display:block}a{color:inherit}.family-head{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:16px 4vw;background:rgba(244,242,248,.94);border-bottom:1px solid var(--line)}.family-head>a{font-size:24px;font-weight:900;text-decoration:none}.family-head nav{display:flex;gap:20px}.family-head nav a{text-decoration:none}.family-head button{display:none}.family-cover{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;min-height:82vh;padding:55px 6vw}.cover-copy span,.garden-rooms header span,.agreement span,.album span,.pension-family header span,.ages header span,.form-story span{font-size:12px;text-transform:uppercase;letter-spacing:.13em;font-weight:800;color:var(--coral)}h1,h2,h3{line-height:1.08;margin-top:0}h1{font-size:clamp(48px,6vw,88px)}h2{font-size:clamp(34px,4vw,56px)}.cover-copy p{font-size:21px}.cover-actions{display:flex;gap:12px}.cover-actions a{padding:13px 18px;border-radius:14px;text-decoration:none;font-weight:800}.cover-actions a:first-child{background:var(--purple);color:#fff}.cover-actions a:last-child{border:1px solid var(--line);background:var(--paper)}.family-portrait{position:relative}.family-portrait img{border-radius:36px;background:var(--paper);padding:10px}.caption{position:absolute;left:-20px;bottom:30px;background:var(--coral);color:#fff;padding:15px 18px;border-radius:18px}.family-voices{display:grid;grid-template-columns:repeat(3,1fr);background:var(--ink);color:#fff}.family-voices article{padding:35px 28px;border-right:1px solid rgba(255,255,255,.2)}.family-voices span{color:#d8cff4;font-size:12px;text-transform:uppercase}.family-voices h2{font-size:27px}.garden-rooms,.pension-family,.ages,.family-form,.faq{padding:90px 6vw}.rooms{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.rooms article{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:18px}.rooms .large{grid-column:span 2}.rooms .wide{grid-column:span 2}.rooms img{border-radius:16px}.agreement{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;padding:90px 7vw;background:#e6e1f0}.agreement ol{margin:0;padding:0;list-style:none;counter-reset:item}.agreement li{padding:18px 0;border-bottom:1px solid #c9c0df}.agreement li b{font-size:20px}.album,.after{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;padding:80px 7vw}.album img,.after img{border-radius:30px;background:var(--paper);padding:10px}.pension-family{background:#3e3d59;color:#fff}.pension-columns{display:grid;grid-template-columns:1fr 1fr;gap:40px}.pension-columns p{font-size:18px}.family-rules{display:grid;grid-template-columns:1fr 1fr;gap:14px}.family-rules article{border:1px solid rgba(255,255,255,.2);border-radius:18px;padding:18px}.family-rules b,.family-rules span{display:block}.family-rules span{font-size:13px;color:#d7d2e7}.ages>div{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.ages article{background:var(--paper);border:1px solid var(--line);padding:18px;border-radius:18px}.family-form{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;background:#e6e1f0}.form-story img{border-radius:24px;margin-top:20px}.family-form form{background:var(--paper);padding:28px;border-radius:28px;display:grid;gap:14px}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:grid;gap:7px;font-weight:700}input,select,textarea{padding:13px;border:1px solid var(--line);border-radius:13px;font:inherit}fieldset{border:1px solid var(--line);border-radius:14px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:8px}.checks label,fieldset>label{display:block;font-weight:400}.consent{grid-template-columns:18px 1fr;font-size:13px;font-weight:400}.consent input{width:18px}.family-form button{border:0;background:var(--coral);color:#fff;padding:15px;border-radius:13px;font-weight:900;font-size:17px}.family-form small{color:#77718b}.after{background:var(--paper)}.faq{max-width:980px;margin:auto}.faq details{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:0 18px;margin:10px}.faq summary{padding:16px 0;font-weight:800}.footer-links,.micro-owner{padding:13px 5vw}.footer-links{display:flex;gap:18px}.micro-owner{font-size:11px;color:#8b879d;border-top:1px solid var(--line)}.legal-page{max-width:900px;margin:auto;padding:70px 24px;min-height:80vh}.legal-page h1{font-size:52px}.legal-page h2{font-size:28px}.back{display:inline-block;background:var(--purple);color:#fff;padding:12px 18px;border-radius:12px;text-decoration:none}@media(max-width:950px){.family-cover,.agreement,.album,.pension-columns,.family-form,.after{grid-template-columns:1fr}.family-voices{grid-template-columns:1fr}.rooms{grid-template-columns:1fr 1fr}.family-rules,.ages>div{grid-template-columns:1fr 1fr}}@media(max-width:650px){.family-head nav{display:none;position:absolute;top:68px;left:12px;right:12px;flex-direction:column;background:var(--paper);padding:14px;border-radius:16px}.family-head nav.open{display:flex}.family-head button{display:block}.family-cover,.album,.after{padding:50px 20px}.garden-rooms,.pension-family,.ages,.family-form,.faq{padding:60px 20px}.family-voices,.rooms,.family-rules,.ages>div,.two,.checks{grid-template-columns:1fr}.rooms .large,.rooms .wide{grid-column:auto}.cover-actions{flex-direction:column}.caption{position:static;margin-top:10px}}.family-phases,.conflicts,.accessible-garden,.family-year{padding:85px 6vw}.phase-grid,.access-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.phase-grid article,.access-grid article{background:var(--paper);border:1px solid var(--line);padding:20px;border-radius:20px}.conflicts{display:grid;grid-template-columns:1.2fr .8fr;gap:45px;align-items:center;background:var(--paper)}.conflicts img{border-radius:28px}.access-grid{grid-template-columns:repeat(4,1fr)}.family-year{background:#e6e1f0}@media(max-width:850px){.phase-grid,.conflicts,.access-grid{grid-template-columns:1fr}.family-phases,.conflicts,.accessible-garden,.family-year{padding:60px 20px}}@media(max-width:650px){.family-cover>*{min-width:0}.family-cover,.family-cover img,.cover-copy,.cover-actions,.family-portrait,.caption{max-width:100%;width:100%;overflow-wrap:anywhere}}