@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Manrope:wght@400;500;600;700&display=swap');
:root{font-size:100%;--paper:#f8f4eb;--card:#fffcf6;--green:#214b36;--deep:#153b2c;--ink:#26382d;--muted:#626c60;--clay:#aa5438;--gold:#b78635;--line:#ded5c4;--soft:#efe9da;--serif:'DM Serif Display',Georgia,serif;--sans:'Manrope',system-ui,sans-serif;color-scheme:light}
@supports(font:-apple-system-body){:root{font:-apple-system-body}}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.55}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}img{max-width:100%;height:auto}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:var(--serif);font-weight:400;line-height:1.12}h1{font-size:clamp(2.2rem,4vw,3.4rem)}h2{font-size:clamp(1.75rem,2.8vw,2.4rem)}h3{font-size:1.4rem}p{margin-bottom:1rem}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible{outline:3px solid var(--clay);outline-offset:4px}button{border:0}button[hidden],[hidden]{display:none!important}.skip-link{position:absolute;top:-5rem;left:1rem;z-index:100;background:var(--green);color:white;padding:1rem}.skip-link:focus{top:1rem}
.preview-ribbon{background:#eee5d3;color:#54452f;padding:.45rem 1.3rem;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.3rem 1rem;font-size:.76rem;border-bottom:1px solid #e1d2b8}.preview-ribbon button{background:none;color:inherit;text-decoration:underline;padding:.2rem}.site-header{max-width:1450px;margin:auto;padding:1.1rem clamp(1rem,4vw,4.5rem);display:flex;align-items:center;justify-content:space-between;gap:1.5rem;border-bottom:1px solid var(--gold)}.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;flex-shrink:0}.brand img{width:3.65rem}.brand>span{display:flex;flex-direction:column}.wordmark{font-family:var(--serif);font-size:2.3rem;letter-spacing:.1em;line-height:1}.brand-caption{font-size:.59rem;letter-spacing:.35em;color:var(--clay);margin:.45rem 0 0 .2rem}.main-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.4rem 1.35rem}.main-nav a{font-size:.85rem;text-decoration:none;position:relative;min-height:2.8rem;display:flex;align-items:center;padding:.25rem 0}.main-nav a[aria-current=page]{font-weight:700}.main-nav a[aria-current=page]::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--gold);border-radius:3px}.menu-toggle{display:none;background:none;color:var(--green);padding:.6rem}.menu-toggle span{margin-right:.4rem}.main-content{min-height:30rem}.page-wrap{max-width:1200px;margin:auto;padding:clamp(1.4rem,4vw,3.5rem) clamp(1rem,4vw,3rem)}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;margin-bottom:2rem}.page-heading h1{margin-bottom:.75rem}.page-heading p{max-width:42rem;color:var(--muted);margin-bottom:0}.eyebrow{font-size:.68rem!important;letter-spacing:.17em;text-transform:uppercase;color:var(--clay)!important;font-weight:700;margin-bottom:.9rem!important}.button{background:var(--green);color:#fffdf5;border:1px solid var(--green);padding:.78rem 1.25rem;border-radius:.35rem;display:inline-flex;justify-content:center;align-items:center;gap:.8rem;text-decoration:none;font-weight:600;font-size:.9rem;min-height:2.9rem;line-height:1.35}.button:hover{background:var(--deep)}.button.secondary{color:var(--green);background:transparent;border-color:var(--line)}.button.secondary:hover{background:var(--soft)}.text-link{background:none;color:var(--green);padding:.4rem 0;border-bottom:1px solid var(--gold);text-decoration:none;display:inline-flex;align-items:center;gap:.7rem;font-size:.9rem}.actions{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center}.muted{color:var(--muted)}.small{font-size:.8rem}.label-tag{display:inline-flex;gap:.35rem;align-items:center;padding:.2rem .65rem;background:var(--soft);border-radius:3rem;font-size:.68rem;font-weight:700;letter-spacing:.035em;line-height:1.5}.label-tag.gold{background:#f1dfb4;color:#71501b}.label-tag.green{background:#e7eddf;color:var(--green)}.label-tag.clay{background:#f4e7de;color:#8b422e}.icon{display:inline-block;vertical-align:middle;flex-shrink:0;width:1.25rem;height:1.25rem;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.icon.large{width:2rem;height:2rem}.home-hero{max-width:1450px;margin:auto;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;padding:1rem clamp(1rem,4vw,4.5rem) 0;gap:1rem}.hero-copy{padding:2rem 0 2.7rem;position:relative;z-index:1}.hero-copy h1{font-size:clamp(3rem,5.7vw,5.8rem);letter-spacing:-.045em;line-height:.99;margin-bottom:1.2rem}.hero-copy h1 span{color:var(--clay);display:block}.hero-copy .intro{font-size:1rem;max-width:36rem;line-height:1.6;margin-bottom:1.5rem}.hero-copy .actions{gap:1rem 1.5rem}.hero-art{align-self:stretch;min-height:25rem;background-image:url('hero-countryside.webp');background-size:cover;background-position:58% 60%;-webkit-mask-image:linear-gradient(to right,transparent 0%,black 7%);mask-image:linear-gradient(to right,transparent 0%,black 7%);border-radius:.3rem .3rem 0 0}.reunion-strip{background:var(--green);color:var(--paper);display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:1.5rem 5rem;padding:1rem 1.5rem}.reunion-strip .strip-item{display:flex;align-items:center;gap:1rem}.reunion-strip .icon{color:#dfb465;width:2rem;height:2rem}.reunion-strip strong{font-family:var(--serif);font-size:1.65rem;font-weight:400;display:block}.reunion-strip p{font-size:.8rem;margin-bottom:0}.reunion-strip .strip-link{color:var(--paper);border-bottom:1px solid #9cb09b;text-decoration:none;font-size:.85rem}.home-section{max-width:1250px;margin:auto;padding:2.4rem clamp(1rem,4vw,3.5rem)}.home-section>h2{text-align:center;margin-bottom:1.5rem}.action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.action-card{border:1px solid #d7c5a3;border-radius:.35rem;display:flex;align-items:center;gap:1rem;padding:1.3rem 1.2rem;text-decoration:none}.action-card>.icon{color:var(--gold);width:2.1rem;height:2.1rem}.action-card h3{font-size:1.25rem;margin:0 0 .35rem}.action-card p{font-size:.78rem;margin:0;color:var(--muted)}.action-card .arrow{margin-left:auto;color:var(--gold)}.action-card:hover{background:#f0eadc}.roots-note{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:2rem;padding-top:2.2rem;margin-top:.7rem;border-top:1px solid var(--line)}.roots-note h2{font-size:2rem;margin-bottom:.7rem}.roots-note p{color:var(--muted);max-width:32rem;font-size:.9rem}.roots-visual{border-left:1px solid var(--line);padding:0 2rem;display:flex;gap:1.2rem;align-items:center}.roots-visual .root-glyph{font-family:var(--serif);font-size:4rem;color:var(--gold)}.site-footer{position:relative;min-height:13rem;isolation:isolate;overflow:hidden}.footer-landscape{position:absolute;inset:0;background-image:linear-gradient(to bottom,var(--paper),#f8f4ebcf 65%,#f8f4eb60),url('hero-countryside.webp');background-position:center,center 70%;background-size:cover;z-index:-1}.footer-content{text-align:center;position:relative;padding:2rem 1rem 1.5rem}.footer-motto{font-family:var(--serif);font-size:1.5rem;margin:0 0 .4rem}.flourish{color:var(--gold)}.footer-content>p:last-of-type{font-size:.8rem;margin-top:.5rem}.footer-links{display:flex;justify-content:center;gap:1rem}.footer-links button{font-size:.7rem;background:none;color:var(--green);text-decoration:underline;padding:.4rem}
.paper-panel{background:var(--card);border:1px solid var(--line);border-radius:.6rem;padding:clamp(1.2rem,3vw,2rem)}.content-columns{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(15rem,1fr);gap:1.5rem}.field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.15rem;font-size:.9rem}.field>label,.field-label{font-weight:600}.field input,.field select,.field textarea{border:1px solid #cbbfa9;border-radius:.35rem;background:#fffcf7;padding:.75rem .8rem;color:var(--ink);width:100%;font-size:1rem;min-width:0;line-height:1.4}.field textarea{resize:vertical;min-height:7rem}.field small{color:var(--muted);font-size:.75rem}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.field-grid .field{min-width:0}.radio-group{border:0;margin:0 0 1.5rem;padding:0}.radio-group legend{font-size:.9rem;font-weight:600;margin-bottom:.65rem}.radio-choice{display:flex;align-items:center;gap:.7rem;min-height:2.8rem;padding:.25rem 0;font-size:.9rem}.radio-choice input{width:1.1rem;height:1.1rem;accent-color:var(--green);margin:0}.form-error{color:#a13726;font-size:.85rem;margin:.75rem 0;line-height:1.5}.form-success{background:#e8efdf;color:var(--green);padding:1rem;border-radius:.4rem;margin-bottom:1rem}.aside-note{background:#eee8d9;padding:1.2rem;border-radius:.5rem;font-size:.85rem}.aside-note h3{font-size:1.3rem}.aside-note p:last-child{margin:0}.section-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:var(--clay);font-weight:700}.event-card{display:grid;grid-template-columns:7rem 1fr;overflow:hidden;padding:0;margin-bottom:1.2rem}.event-date{background:var(--green);color:var(--paper);padding:1.7rem 1rem;text-align:center;display:flex;flex-direction:column;justify-content:center}.event-date strong{font-family:var(--serif);font-size:2.3rem;font-weight:400;line-height:1.1}.event-date span{letter-spacing:.12em;font-size:.8rem;margin:.3rem 0}.event-date small{font-size:.65rem;letter-spacing:0}.event-body{padding:1.7rem}.event-body h2{font-size:1.8rem;margin:.55rem 0 .8rem}.event-meta{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;color:var(--muted);font-size:.8rem;margin-bottom:1rem}.event-meta span{display:flex;gap:.5rem;align-items:center}.event-body>p{font-size:.9rem}.empty-state{padding:2rem;text-align:center;color:var(--muted);border:1px dashed #cdbfa4;border-radius:.5rem}.empty-state .icon{color:var(--gold);width:2.5rem;height:2.5rem;margin-bottom:.75rem}.empty-state h3{color:var(--ink);margin:.3rem 0 .6rem}.empty-state p{max-width:30rem;margin:0 auto 1.1rem;font-size:.9rem}.announcement{padding:1.5rem 0;border-bottom:1px solid var(--line)}.announcement:first-child{padding-top:.2rem}.announcement h2{font-size:1.7rem;margin:.7rem 0}.announcement p{white-space:pre-line;font-size:.95rem;max-width:50rem}.announcement-meta{display:flex;gap:.7rem;align-items:center;color:var(--muted);font-size:.75rem}.memories-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.memory-card h2{font-size:1.7rem}.memory-card p{white-space:pre-line;font-size:.9rem}.memory-card .memory-author{color:var(--muted);font-size:.75rem}.memory-invitation{background:linear-gradient(90deg,#214b36f2,#214b36c9),url('hero-countryside.webp') center/cover;color:var(--paper);border-radius:.6rem;padding:2.5rem;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.memory-invitation h2{margin-bottom:.6rem}.memory-invitation p{max-width:35rem;font-size:.9rem;margin:0}.memory-invitation .button{background:var(--paper);color:var(--green);border-color:var(--paper);flex-shrink:0}
.tree-page{max-width:1450px}.tree-page .page-heading{margin-bottom:1.3rem}.demo-notice{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem 1rem;background:#eee7d9;color:#62553e;border-radius:.4rem;padding:.65rem .9rem;font-size:.76rem;margin-bottom:1.2rem}.demo-notice .label-tag{background:#e2d3b5;color:#5b4827}.tree-tools{display:flex;justify-content:space-between;align-items:center;gap:.8rem;flex-wrap:wrap;margin-bottom:1rem}.view-tabs{display:flex;flex-wrap:wrap;gap:.3rem;background:#eae4d7;border-radius:.45rem;padding:.3rem}.view-tabs button{background:transparent;color:var(--muted);border-radius:.3rem;padding:.65rem .85rem;min-height:2.7rem;font-size:.8rem}.view-tabs button[aria-pressed=true]{background:var(--card);color:var(--green);box-shadow:0 1px 4px #273a2810;font-weight:700}.tree-tools .button{font-size:.8rem;min-height:2.7rem;padding:.6rem .9rem}.tree-search{position:relative;max-width:21rem;min-width:12rem;flex:1}.tree-search input{width:100%;border:1px solid var(--line);background:var(--card);border-radius:.35rem;padding:.65rem 2.3rem .65rem .8rem;font-size:.9rem;min-height:2.8rem}.tree-search .icon{position:absolute;right:.7rem;top:.8rem;color:var(--muted)}.search-results{position:absolute;left:0;right:0;top:100%;z-index:10;box-shadow:0 8px 24px #1c352326;background:var(--card);border:1px solid var(--line);border-radius:.3rem;max-height:20rem;overflow:auto}.search-results button{display:block;background:transparent;color:var(--ink);padding:.8rem;width:100%;text-align:left;border-bottom:1px solid var(--line)}.search-results button:hover{background:var(--soft)}.search-results p{padding:.8rem;font-size:.85rem;margin:0}.tree-layout{display:grid;grid-template-columns:minmax(0,1fr) 16.5rem;gap:1rem;align-items:start}.tree-canvas-wrap{background:#f5f0e5;border:1px solid var(--line);border-radius:.6rem;position:relative;overflow:hidden}.tree-canvas{width:100%;height:34rem;display:block;touch-action:none;background-image:radial-gradient(#c9bd9e5c .65px,transparent .65px);background-size:20px 20px;cursor:grab}.tree-canvas:active{cursor:grabbing}.tree-caption{display:flex;align-items:center;justify-content:space-between;gap:.7rem;flex-wrap:wrap;padding:.65rem .85rem;border-top:1px solid var(--line);font-size:.7rem;color:var(--muted);background:#faf7ef}.zoom-tools{display:flex;gap:.2rem}.zoom-tools button{background:transparent;color:var(--green);border:1px solid var(--line);border-radius:.25rem;min-width:2.5rem;min-height:2.5rem;padding:.3rem .6rem;font-size:.8rem}.zoom-tools button:hover{background:var(--soft)}.tree-key{display:flex;flex-wrap:wrap;gap:.7rem 1.3rem;margin-top:.75rem;font-size:.68rem;color:var(--muted)}.tree-key span{display:inline-flex;align-items:center;gap:.4rem}.key-line{display:inline-block;width:1.5rem;border-top:2px solid #b9a573}.key-line.dashed{border-top-style:dashed}.tree-edge{stroke:#b4a178;stroke-width:1.8;fill:none;opacity:.7}.tree-edge.partner{stroke-dasharray:5 5}.tree-edge.nonbiological{stroke-dasharray:2 4}.tree-edge.on-path{stroke:var(--clay);stroke-width:4;opacity:1}.tree-ring{fill:none;stroke:#bba36f;stroke-width:1;stroke-dasharray:3 7;opacity:.35}.tree-node{cursor:pointer}.tree-node circle{fill:#fdfaf1;stroke:#829274;stroke-width:1.8;transition:fill .2s}.tree-node .node-initial{font-family:var(--serif);font-size:23px;fill:var(--green);text-anchor:middle;pointer-events:none}.tree-node .node-name{font-family:var(--sans);font-size:15px;font-weight:600;fill:var(--ink);text-anchor:middle;paint-order:stroke;stroke:#f5f0e5;stroke-width:4px;stroke-linejoin:round;pointer-events:none}.tree-node .node-year{font-family:var(--sans);font-size:11px;fill:var(--muted);text-anchor:middle;paint-order:stroke;stroke:#f5f0e5;stroke-width:3px;pointer-events:none}.tree-node.selected circle{stroke:var(--clay);stroke-width:3;fill:#f2e1cb}.tree-node.on-path circle{stroke:var(--clay);stroke-width:3}.tree-node.dimmed{opacity:.25}.tree-node:hover circle{fill:#e0e9d5}.profile-panel{background:var(--card);border:1px solid var(--line);border-radius:.6rem;overflow:hidden}.profile-top{padding:1.3rem 1.2rem;background:#ece8d9;border-bottom:1px solid var(--line)}.profile-monogram{height:3.4rem;width:3.4rem;border-radius:50%;display:grid;place-items:center;color:var(--green);font-family:var(--serif);font-size:2rem;background:#faf7eb;border:1px solid #b3a071;margin-bottom:.8rem}.profile-top h2{font-size:1.8rem;margin-bottom:.3rem;overflow-wrap:anywhere}.profile-top p{font-size:.8rem;margin:0;color:var(--muted)}.profile-body{padding:1.1rem 1.2rem}.profile-body>p{font-size:.8rem;color:var(--muted)}.profile-body h3{font:700 .65rem var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--clay);margin:1rem 0 .45rem}.relative-list{display:flex;gap:.4rem;flex-wrap:wrap}.relative-list button{background:var(--soft);border-radius:2rem;padding:.35rem .65rem;color:var(--green);font-size:.75rem;min-height:2.4rem}.profile-body .button{width:100%;font-size:.75rem;margin-top:1.1rem}.tree-focus-label{font-size:.8rem;padding:.5rem 0;display:flex;gap:.8rem;align-items:center;flex-wrap:wrap}.tree-focus-label button{background:none;color:var(--clay);text-decoration:underline}.people-list{padding:1rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.people-list button{background:var(--card);border:1px solid var(--line);padding:1rem;display:flex;align-items:center;text-align:left;gap:.7rem;border-radius:.4rem;color:var(--ink)}.people-list .monogram{background:#e4eadb;border-radius:50%;height:2.5rem;width:2.5rem;display:grid;place-items:center;font-family:var(--serif);color:var(--green);flex-shrink:0}.people-list small{display:block;color:var(--muted)}.connection-result{background:var(--soft);padding:1rem;border-radius:.4rem;margin-top:1rem;line-height:1.8;font-size:.9rem}.connection-result span{display:inline-block;background:var(--card);padding:.2rem .55rem;border-radius:.3rem;margin:.25rem .1rem;color:var(--green)}.connection-result em{font-size:.75rem;color:var(--muted)}.readable-trail{margin:.75rem 0 0;font-size:.8rem;color:var(--muted)}.connection-controls{margin-top:.7rem;font-size:.75rem}.connection-controls button{background:none;color:var(--clay);text-decoration:underline;padding:.2rem}.profile-empty{padding:2rem;font-size:.9rem;color:var(--muted)}
dialog{border:1px solid var(--line);border-radius:.7rem;background:var(--paper);color:var(--ink);width:min(94vw,36rem);max-height:88vh;overflow:auto;padding:1.5rem;box-shadow:0 15px 80px #172f2a33}dialog::backdrop{background:#18342675;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}.dialog-heading h2{font-size:1.8rem;margin:0}.dialog-heading>button{background:none;color:var(--green);font-size:1.8rem;min-width:2.75rem;min-height:2.75rem;line-height:1}.dialog-note{font-size:.8rem;color:var(--muted)}.toast{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 2rem);background:var(--deep);color:var(--paper);border:1px solid #b4a578;padding:.8rem 1.3rem;border-radius:.4rem;box-shadow:0 8px 30px #142a2a33;font-size:.85rem;z-index:100}.status-list{padding-left:1.2rem;font-size:.85rem}.status-list li{margin:.6rem 0}.access-screen{max-width:30rem;margin:2rem auto}.access-screen h1{font-size:2.6rem}.recovery-key{font-family:monospace;word-break:break-all;font-size:.8rem;background:var(--soft);padding:.8rem;user-select:all}.no-scroll{overflow:hidden}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1600px){.site-header,.home-hero{max-width:1600px}}
@media(max-width:1120px){.site-header{gap:1rem;padding:1rem 1.5rem}.wordmark{font-size:2rem}.main-nav{gap:.25rem .9rem}.main-nav a{font-size:.78rem}.brand img{width:3rem}.tree-layout{grid-template-columns:minmax(0,1fr) 14rem}.tree-tools{align-items:stretch}.view-tabs button{padding:.6rem .65rem;font-size:.74rem}.hero-copy h1{font-size:clamp(3rem,5.5vw,4.8rem)}}
@media(max-width:820px){.site-header{flex-wrap:wrap;padding:.9rem 1rem}.menu-toggle{display:inline-flex;align-items:center}.main-nav{display:none;flex-basis:100%;justify-content:flex-start;gap:0;border-top:1px solid var(--line);padding-top:.5rem}.main-nav.open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.main-nav a{padding:.65rem .4rem;font-size:.9rem}.main-nav a[aria-current=page]::after{left:.4rem;right:auto;width:2rem}.home-hero{grid-template-columns:1fr 1fr;padding:1rem 1.3rem 0}.hero-copy h1{font-size:3.6rem}.hero-copy .intro{font-size:.9rem}.hero-art{min-height:25rem;background-position:60% center}.action-grid{grid-template-columns:1fr}.action-card h3{font-size:1.4rem}.action-card p{font-size:.85rem}.roots-note{gap:1rem}.roots-visual{padding-left:1.2rem;padding-right:0}.tree-layout{grid-template-columns:1fr}.profile-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.8fr)}.profile-top{border-right:1px solid var(--line);border-bottom:0}.profile-body h3{margin-top:.5rem}.profile-body .button{width:auto}.tree-canvas{height:30rem}.content-columns{grid-template-columns:1fr}.page-heading{flex-wrap:wrap}.memory-invitation{padding:1.5rem;flex-wrap:wrap}.memories-grid{grid-template-columns:1fr}.reunion-strip{gap:1rem 2.5rem}}
@media(max-width:560px){.preview-ribbon{font-size:.68rem;padding:.4rem .8rem;justify-content:flex-start;gap:.1rem .5rem}.preview-ribbon button{font-size:.68rem}.brand img{width:3rem}.wordmark{font-size:1.9rem}.brand-caption{font-size:.5rem}.home-hero{display:flex;flex-direction:column-reverse;gap:0;padding:0}.hero-art{min-height:14rem;width:100%;background-position:center 56%;border-radius:0;mask-image:linear-gradient(to bottom,black 78%,transparent);-webkit-mask-image:linear-gradient(to bottom,black 78%,transparent)}.hero-copy{padding:0 1.3rem 1.8rem;margin-top:-.8rem;align-self:stretch}.hero-copy h1{font-size:3.4rem}.hero-copy .eyebrow{font-size:.6rem!important;letter-spacing:.12em}.hero-copy .intro{font-size:.95rem}.hero-copy .actions{align-items:stretch;flex-direction:column;gap:.6rem}.hero-copy .actions .text-link{align-self:flex-start}.reunion-strip{justify-content:flex-start;gap:.8rem;padding:1rem 1.3rem}.reunion-strip .strip-item{flex-basis:100%;gap:.9rem}.reunion-strip strong{font-size:1.45rem}.reunion-strip .strip-link{margin-left:2.9rem}.reunion-strip .icon{width:1.7rem;height:1.7rem}.home-section{padding:1.8rem 1rem}.roots-note{grid-template-columns:1fr}.roots-visual{border-left:0;padding:0}.page-wrap{padding:1.5rem 1rem}.page-heading{gap:1rem;margin-bottom:1.4rem}.page-heading h1{font-size:2.4rem}.page-heading p{font-size:.9rem}.page-heading .eyebrow{font-size:.6rem!important}.tree-tools{gap:.7rem}.view-tabs{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.view-tabs button{font-size:.8rem;padding:.6rem .3rem}.tree-search{max-width:none;flex-basis:100%}.tree-tools>.actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.tree-tools>.actions .button{font-size:.75rem;padding:.6rem .4rem}.tree-canvas{height:27rem}.tree-caption{font-size:.65rem;gap:.5rem}.profile-panel{grid-template-columns:1fr}.profile-top{border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:3.4rem 1fr;gap:.2rem 1rem;align-items:center}.profile-top .profile-monogram{grid-row:span 2;margin:0}.profile-top h2{margin:0}.profile-top p{grid-column:2}.people-list{grid-template-columns:1fr}.field-grid{gap:.75rem}.event-card{grid-template-columns:1fr}.event-date{flex-direction:row;align-items:baseline;gap:.6rem;padding:.7rem 1rem;justify-content:flex-start}.event-date strong{font-size:1.8rem}.event-date span{font-size:.85rem}.event-date small{margin-left:auto}.event-body{padding:1.2rem}.footer-motto{font-size:1.3rem}.memory-invitation{padding:1.4rem}.toast{bottom:.8rem;font-size:.8rem}.field-grid .field{font-size:.8rem}.demo-notice{font-size:.7rem}.page-wrap.tree-page{padding-left:.7rem;padding-right:.7rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Let enlarged system/browser text reflow without forcing horizontal page scrolling. */
.family-review{border:1px solid var(--line);background:var(--card);border-radius:.45rem;padding:.9rem 1rem;margin:0 0 1.1rem;font-size:.85rem;overflow-wrap:anywhere}.family-review summary{cursor:pointer;font-weight:700;color:var(--green);min-height:2rem}.family-review ul{padding-left:1.2rem}.family-review li{margin:.65rem 0}.demo-notice>.text-link{font-size:.8rem;min-height:2.75rem;text-align:left}.profile-marriages{font-size:.8rem;color:var(--muted);margin:.7rem 0}.profile-marriages p{margin:0 0 .75rem}.profile-marriages strong{display:block;color:var(--green)}.profile-top .label-tag{font-size:.7rem;margin-top:.5rem}
.name-fields{border:0;padding:0;margin:0 0 1.3rem;min-width:0}.name-fields>legend{font-family:var(--serif);font-size:1.35rem;color:var(--green);padding:0;margin-bottom:.3rem}.name-fields .add-surname{display:block;min-height:2.75rem;text-align:left;margin:-.4rem 0 1rem}.legacy-name-note{font-size:.85rem;background:var(--soft);padding:.8rem;border-radius:.35rem;overflow-wrap:anywhere}.profile-names{font-size:.8rem;margin:0 0 1rem}.profile-names>div{margin-bottom:.7rem}.profile-names dt{font-weight:700;color:var(--green)}.profile-names dd{margin:.15rem 0 0;overflow-wrap:anywhere}.search-name-detail{display:block;font-size:.78rem;color:var(--muted);margin-top:.25rem;overflow-wrap:anywhere}
.brand,.brand>span,.page-heading>div,.tree-tools,.tree-tools>*{min-width:0}
h1,h2,h3,p,label,.button,.main-nav a{overflow-wrap:anywhere}
.tree-search{min-width:0}
.content-columns>*,.radio-group{min-width:0}.radio-group legend{max-width:100%;overflow-wrap:anywhere}
.people-list button>span:last-child{min-width:0;overflow-wrap:anywhere}
.tree-layout>div,.profile-panel,.tree-canvas-wrap,.tree-caption>span,.zoom-tools,.profile-top>*{min-width:0;max-width:100%}
.zoom-tools{flex-wrap:wrap}.tree-caption>span{overflow-wrap:anywhere}
.tree-key>span{max-width:100%;display:block;overflow-wrap:anywhere}
@media(max-width:820px){.tree-layout,.content-columns{grid-template-columns:minmax(0,1fr)}}
@media(max-width:560px){
  .brand{gap:.5rem}.brand img{width:min(3rem,12vw)}
  .wordmark{font-size:min(1.9rem,8vw)}.brand-caption{font-size:min(.5rem,2.2vw)}
  .view-tabs{grid-template-columns:repeat(auto-fit,minmax(min(100%,7rem),1fr))}
  .view-tabs button{overflow-wrap:anywhere;min-width:0}
  .tree-tools>.actions{grid-template-columns:repeat(auto-fit,minmax(min(100%,7rem),1fr))}
  .tree-tools>.actions .button{min-width:0}
  .field-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,7rem),1fr))}
  .profile-top{grid-template-columns:auto minmax(0,1fr)}
  .profile-monogram{width:min(3.4rem,17vw);height:min(3.4rem,17vw)}
  .profile-top h2{overflow-wrap:anywhere}.tree-focus-label{overflow-wrap:anywhere}
  .action-grid{grid-template-columns:minmax(0,1fr)}
  .action-card>div{min-width:0;overflow-wrap:anywhere}
}