@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap');
:root{--paper:#f7f3ec;--cream:#eee5d8;--ink:#273b31;--green:#435b4a;--sage:#9cae9c;--gold:#b99159;--line:#d9d4c9;--white:#fffdf9;--muted:#6c756d;--shadow:0 18px 55px #263a2a12}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.65}a{color:inherit}.site-header{height:94px;padding:0 clamp(20px,6vw,90px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dcd7cd;background:#f9f6f0eF;position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-family:'Playfair Display',serif;font-size:21px;font-weight:600;line-height:1.15}.brand small{display:block;font:9px 'DM Sans',sans-serif;letter-spacing:2px;color:var(--muted);margin-top:6px}.brand-mark,.monogram{width:43px;height:43px;border:1px solid var(--gold);display:grid;place-items:center;border-radius:50%;font:italic 17px 'Playfair Display',serif;color:var(--gold)}nav{display:flex;gap:28px;font-size:13px;color:#526156}nav a{text-decoration:none}nav a:hover,.site-footer a:hover{color:var(--gold)}.hero{min-height:590px;padding:76px clamp(24px,10vw,150px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:5vw;overflow:hidden;background:linear-gradient(105deg,#f8f4ed 0%,#f4eee5 100%)}.eyebrow{font-size:10px;letter-spacing:2.8px;font-weight:700;color:var(--gold);margin:0 0 18px}.hero h1{font:clamp(42px,5vw,68px)/1.12 'Playfair Display',serif;font-weight:500;letter-spacing:-1.3px;margin:0 0 24px}.hero h1 em,.intro h2 em{color:var(--green);font-weight:500}.hero-subtitle{font-size:17px;color:#5d695f;max-width:410px}.hero-quote{font:italic 16px 'Playfair Display',serif;color:#737a70;border-left:2px solid var(--gold);padding-left:17px;margin:28px 0}.btn{border:0;display:inline-flex;align-items:center;gap:22px;padding:14px 22px;background:var(--green);color:white;text-decoration:none;font:600 13px 'DM Sans',sans-serif;letter-spacing:.2px;cursor:pointer;border-radius:2px;transition:transform .2s,background .2s}.btn:hover{background:#314637;transform:translateY(-1px)}.btn-light{background:transparent;color:var(--green);border:1px solid var(--line)}.btn-dark{background:#28392f}.hero-art{min-height:420px;position:relative;display:grid;place-items:center}.sun{position:absolute;width:300px;height:300px;border-radius:50%;background:#e7d9c5;right:5%;top:3%;opacity:.65}.hero-photo-frame{position:relative;width:min(330px,80%);height:390px;border:1px solid #b6a587;padding:10px;transform:rotate(2deg);box-shadow:18px 20px 0 #d6c6b0}.hero-photo-placeholder{height:100%;background:linear-gradient(160deg,#e7ddcf,#c8c4b3);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#68766a;gap:16px}.hero-photo-placeholder span{font:70px 'Playfair Display',serif;color:#8d9b89}.hero-photo-placeholder small{font-size:9px;letter-spacing:2px}.leaf{position:absolute;width:85px;height:155px;border-radius:100% 0 100% 0;background:#9dad98;opacity:.65;transform:rotate(-35deg)}.leaf-one{right:0;bottom:4%}.leaf-two{left:3%;top:18%;transform:rotate(45deg) scale(.65);background:#c4b18d}.intro{text-align:center;padding:100px 24px 105px;max-width:810px;margin:auto}.intro h2,.section-heading h2,.memories-section h2{font:clamp(30px,4vw,44px)/1.25 'Playfair Display',serif;font-weight:500;margin:0 0 22px}.intro>p:last-child,.memories-section>p:last-child{max-width:620px;margin:0 auto;color:var(--muted);font-size:15px}.tree-section{background:#eee8de;padding:76px clamp(20px,8vw,120px) 100px}.section-heading{display:flex;align-items:end;justify-content:space-between;max-width:1120px;margin:0 auto 36px}.section-heading .eyebrow{margin-bottom:10px}.section-heading h2{margin:0}.count-pill{font-size:12px;border:1px solid #d2c6b5;border-radius:50px;padding:7px 13px;color:#68746a}.tree-toolbar{max-width:1120px;margin:0 auto 25px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted);font-size:12px}.tree-toolbar input{border:1px solid #d4cabb;background:#f9f6f0;padding:12px 15px;width:min(330px,100%);font:13px 'DM Sans',sans-serif;color:var(--ink);border-radius:2px}.tree-generations{max-width:1120px;margin:auto;display:flex;flex-direction:column;gap:28px}.generation{position:relative}.generation-label{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:#8d8b7d;margin-bottom:12px}.generation-cards{display:flex;flex-wrap:wrap;gap:16px}.tree-person{background:var(--white);border:1px solid #ded7ca;padding:19px 15px 16px;min-width:180px;max-width:240px;flex:1 1 180px;display:flex;align-items:center;flex-direction:column;text-align:center;text-decoration:none;box-shadow:0 5px 20px #263a2a08;transition:transform .2s,border .2s}.tree-person:hover{transform:translateY(-4px);border-color:#a9b5a5}.tree-avatar,.mini-avatar{width:70px;height:70px;border-radius:50%;background:#e8e1d5;border:1px solid #d0c1a7;color:#8b9b88;display:grid;place-items:center;overflow:hidden;font:35px 'Playfair Display',serif;margin-bottom:12px}.tree-avatar img,.mini-avatar img{width:100%;height:100%;object-fit:cover}.tree-person strong{font:600 14px 'Playfair Display',serif}.tree-person small{font-size:10px;color:var(--muted);margin-top:4px}.profile-open{font-size:10px;color:var(--gold);margin-top:14px}.empty-state{text-align:center;max-width:520px;margin:50px auto 0;padding:48px 25px;background:#f9f6f0;border:1px solid #ded7ca}.empty-icon{font:44px 'Playfair Display',serif;color:var(--gold)}.empty-state h3{font:26px 'Playfair Display',serif;font-weight:500}.empty-state p{color:var(--muted);font-size:14px}.memories-section{text-align:center;padding:90px 25px 100px;background:#f8f4ed}.memory-symbol{font:54px 'Playfair Display',serif;color:var(--gold);line-height:1}.memories-section .eyebrow{margin:15px 0}.memories-section h2{margin-bottom:20px}.site-footer{padding:32px clamp(20px,6vw,90px);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.site-footer p,.site-footer a{font-size:12px;color:var(--muted);text-decoration:none}.profile-page{max-width:1050px;margin:0 auto;padding:38px 25px 90px}.back-link{display:inline-block;text-decoration:none;color:var(--muted);font-size:12px;margin-bottom:30px}.profile-hero{display:grid;grid-template-columns:300px 1fr;gap:55px;align-items:center;background:#eee7dc;padding:40px}.profile-photo{height:350px;background:#e0d5c4;border:1px solid #c5b69e;padding:8px}.profile-photo img{width:100%;height:100%;object-fit:cover}.portrait-placeholder{height:100%;display:grid;place-items:center;font:90px 'Playfair Display',serif;color:#9eab97}.profile-hero h1{font:clamp(36px,5vw,56px)/1.1 'Playfair Display',serif;font-weight:500;margin:0 0 12px}.dates{color:var(--muted);font-size:13px}.profile-hero blockquote{font:italic 18px 'Playfair Display',serif;border-left:2px solid var(--gold);padding-left:20px;margin:25px 0 0}.story-section{max-width:740px;margin:65px auto}.story-section h2{font:30px 'Playfair Display',serif;font-weight:500;margin:35px 0 15px}.prose{white-space:normal;color:#5d685e;line-height:1.9}.family-links{border-top:1px solid var(--line);margin-top:35px;padding-top:20px;color:var(--muted);font-size:13px}.family-links strong{color:var(--ink)}.admin-bg{background:#f0ece4;min-height:100vh;display:grid;place-items:center;padding:25px}.login-card{width:min(460px,100%);background:#fffdf9;padding:40px;box-shadow:var(--shadow);border:1px solid var(--line)}.login-card .monogram{margin-bottom:25px}.login-card h1,.admin-top h1{font:32px 'Playfair Display',serif;font-weight:500;margin:0 0 12px}.login-card p{color:var(--muted);font-size:13px}.login-card form,.editor-form{display:flex;flex-direction:column;gap:16px;margin-top:25px}.login-card label,.editor-form label{font-size:12px;font-weight:600;color:#536055;display:flex;flex-direction:column;gap:7px}.login-card input,.editor-form input,.editor-form textarea,.editor-form select{width:100%;padding:12px;border:1px solid #d8d2c7;background:#fffefb;font:14px 'DM Sans',sans-serif;color:var(--ink);border-radius:2px}.editor-form textarea{resize:vertical;line-height:1.6}.admin-wrap{max-width:1050px;margin:0 auto;padding:45px 22px 80px}.admin-top{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:30px}.admin-top p:not(.eyebrow){color:var(--muted);font-size:13px}.admin-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.admin-actions form{margin:0}.admin-panel{background:var(--white);border:1px solid var(--line);padding:30px;margin:22px 0;box-shadow:0 8px 24px #263a2a07}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #e6dfd4;padding-bottom:18px;margin-bottom:20px}.panel-heading h2{font:25px 'Playfair Display',serif;font-weight:500;margin:0}.panel-heading>a,.text-link{font-size:12px;color:#8c754f;text-decoration:none}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.people-table{display:flex;flex-direction:column}.person-row{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid #eee8df}.mini-avatar{width:44px;height:44px;font-size:22px;margin:0;flex-shrink:0}.person-row-name{flex:1;display:flex;flex-direction:column}.person-row-name strong{font:15px 'Playfair Display',serif}.person-row-name small,.muted{font-size:11px;color:var(--muted)}.delete-btn{border:0;background:none;color:#9b5e50;font:12px 'DM Sans',sans-serif;cursor:pointer}.person-row form{margin:0}.success,.notice{padding:12px 15px;background:#e5ede1;color:#39523d;font-size:13px}.error{padding:10px 13px;background:#f8e6e0;color:#873f30;font-size:13px}.security-note{font-size:11px;color:#777f75;max-width:800px;margin:30px auto}.admin-panel>p{font-size:13px;color:var(--muted)}
@media(max-width:760px){.site-header{height:auto;min-height:76px;padding:15px 18px;align-items:flex-start;gap:15px;flex-direction:column}.site-header nav{width:100%;gap:16px;overflow-x:auto;white-space:nowrap;padding-bottom:3px;font-size:12px}.hero{grid-template-columns:1fr;padding:55px 25px 40px;gap:15px}.hero-art{min-height:330px}.hero-photo-frame{height:300px;width:245px}.sun{width:235px;height:235px}.intro{padding:70px 25px}.tree-section{padding:55px 18px 70px}.section-heading{align-items:flex-start;gap:15px}.section-heading h2{font-size:32px}.tree-toolbar{align-items:flex-start;flex-direction:column}.tree-person{min-width:calc(50% - 10px);max-width:none;flex-basis:calc(50% - 10px);padding:15px 8px}.tree-avatar{width:58px;height:58px}.site-footer{align-items:flex-start;flex-direction:column}.profile-hero{grid-template-columns:1fr;gap:25px;padding:22px}.profile-photo{height:300px;max-width:300px;width:100%;margin:auto}.profile-hero h1{font-size:40px}.admin-top{align-items:flex-start;flex-direction:column}.admin-panel{padding:20px 15px}.two-col{grid-template-columns:1fr}.person-row{gap:9px;flex-wrap:wrap}.person-row-name{min-width:calc(100% - 65px)}.person-row .text-link{margin-left:50px}.admin-actions{gap:7px}.login-card{padding:28px 23px}}