@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Libre+Caslon+Display&display=swap');
:root{--ink:#171a18;--sea:#17363c;--deep:#0d2429;--sage:#788c82;--paper:#f3f0e8;--cream:#e9e4d8;--line:#cbc5b8;--rust:#8a5b42;--white:#fbfaf6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}button,input{font:inherit}button{cursor:pointer}.view[hidden]{display:none!important}.topbar{height:66px;display:flex;align-items:center;padding:0 4vw;background:rgba(251,250,246,.97);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.brand{font-family:'Libre Caslon Display',serif;font-size:21px;letter-spacing:.02em;white-space:nowrap}.brand small{font-family:'DM Sans';font-size:8px;letter-spacing:.2em;display:block;margin-top:2px}.nav{margin-left:auto;display:flex;align-items:center;gap:25px}.nav button{border:0;background:none;font-size:11px;padding:24px 0 20px;border-bottom:2px solid transparent}.nav button.active{border-color:var(--rust)}.searchbox{border:1px solid var(--line);background:white;border-radius:2px;padding:9px 12px;width:210px}.focal{position:relative}.focal>button{border:1px solid #a9a397;border-radius:999px;background:transparent;padding:8px 13px;font-size:10px}.focal-menu{display:none;position:absolute;right:0;top:40px;background:white;border:1px solid var(--line);box-shadow:0 12px 30px #0002;width:180px;padding:8px}.focal-menu.open{display:block}.focal-menu button{display:block;width:100%;text-align:left;border:0;background:white;padding:10px}.ribbon{display:none;background:#111816;color:white;padding:12px 4vw;align-items:center;gap:24px;position:sticky;top:66px;z-index:40}.ribbon.show{display:flex}.ribbon .label{font-size:8px;letter-spacing:.18em}.ribbon-path{display:flex;align-items:center;gap:10px;overflow:auto;white-space:nowrap;font-size:10px}.ribbon-path b{color:#7e8d87}.ribbon-rel{margin-left:auto;font-size:10px;color:#d9d3c7;white-space:nowrap}.hero{min-height:520px;display:grid;grid-template-columns:48% 52%;background:var(--cream)}.hero-copy{padding:90px 7vw 70px}.eyebrow{font-size:8px;letter-spacing:.23em;font-weight:600;text-transform:uppercase;color:var(--rust)}h1,h2,h3{font-family:'Libre Caslon Display',serif;font-weight:400}.hero h1{font-size:clamp(58px,7vw,100px);line-height:.82;margin:22px 0}.hero h1 span{display:block}.hero p{font-family:'Libre Caslon Display';font-size:23px;max-width:430px;line-height:1.2}.dark-btn{background:#171b19;color:white;border:0;padding:14px 19px;font-size:10px;letter-spacing:.08em}.hero-visual{position:relative;overflow:hidden;background:linear-gradient(145deg,#a6afa8,#4b6565 50%,#17363c)}.hero-visual:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 60% 34%,#d5c7aa55 0 12%,transparent 13%),linear-gradient(160deg,transparent 0 45%,#112e36aa 46% 60%,transparent 61%),repeating-linear-gradient(105deg,transparent 0 70px,#ffffff08 71px 72px)}.hero-visual .mapword{position:absolute;left:8%;bottom:8%;font-family:'Libre Caslon Display';font-size:clamp(42px,6vw,88px);color:#fff9;line-height:.9}.hero-visual small{display:block;font-family:'DM Sans';font-size:9px;letter-spacing:.25em;margin-top:14px}.stats{display:grid;grid-template-columns:repeat(4,1fr);max-width:850px;margin:0 auto;padding:34px 20px;text-align:center}.stats div{border-right:1px solid var(--line)}.stats div:last-child{border:0}.stats b{font-family:'Libre Caslon Display';font-size:30px;font-weight:400;display:block}.stats span{font-size:9px;color:#6f716c}.section{padding:80px 5vw}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.section-title h2{font-size:45px;margin:0}.section-title p{max-width:480px;color:#6e716d;font-size:12px;line-height:1.6}.gateway-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.gateway-card,.person-card,.story-card{border:0;background:#faf8f2;text-align:left;padding:0;transition:.2s;color:inherit}.gateway-card:hover,.person-card:hover,.story-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px #0001}.gateway-card>div:last-child,.person-card>div:last-child{padding:20px}.gateway-card h3,.person-card h3{font-size:23px;margin:8px 0}.gateway-card p,.person-card p{font-size:10px;color:#6f716d;line-height:1.5}.gateway-card strong,.story-card strong{font-size:9px}.avatar{height:260px;background:linear-gradient(145deg,#b5b1a5,#697a76);display:flex;align-items:center;justify-content:center;position:relative;color:#f3efe5}.avatar span{font-family:'Libre Caslon Display';font-size:70px;opacity:.55}.avatar small{position:absolute;bottom:12px;right:14px;font-size:7px;letter-spacing:.15em;text-align:right}.avatar.large{height:520px}.avatar.large span{font-size:130px}.archive-strip{background:var(--deep);color:white;padding:55px 5vw}.archive-strip h2{font-size:40px;margin:0 0 8px}.archive-strip p{color:#b8c3bf;font-size:12px}.artifact-preview{display:flex;gap:10px;margin-top:25px;overflow:auto}.artifact-preview span{border:1px solid #50605d;padding:12px 16px;white-space:nowrap;font-size:9px}.pagehead{padding:55px 5vw 30px;display:flex;align-items:end;justify-content:space-between}.pagehead h1{font-size:55px;margin:0}.pagehead p{font-size:11px;color:#777}.family-search{width:min(420px,100%);padding:12px;border:1px solid var(--line);background:white}.people-grid{padding:20px 5vw 80px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.person-card{display:grid;grid-template-columns:105px 1fr;min-height:150px}.person-card .avatar{height:100%;min-height:150px}.person-card .avatar span{font-size:30px}.person-card h3{font-size:18px}.person-card .relation{color:var(--rust)}.meters{display:flex;gap:4px}.meters i{font-style:normal;font-size:7px;background:linear-gradient(90deg,var(--sage) var(--v),#dedbd2 var(--v));border:1px solid #ccc;padding:3px 5px}.stories-grid{padding:20px 5vw 80px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.story-card .story-image .avatar{height:230px}.story-card>div:last-child{padding:20px}.story-card h3{font-size:27px;margin:8px 0}.story-card p{font-size:11px;line-height:1.6;color:#666}.artifact-grid{padding:20px 5vw 80px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.artifact-card{background:#faf8f2;border:1px solid #ddd7ca;padding:25px;min-height:240px}.document-icon{font-family:'Libre Caslon Display';font-size:55px;color:#8c806c}.status{font-size:7px;letter-spacing:.12em;color:var(--rust)}.artifact-card h3{font-size:22px}.artifact-card p,.artifact-card small{font-size:9px;line-height:1.5;color:#70716c}.profile-wrap{padding:40px 5vw 80px}.profile-hero{display:grid;grid-template-columns:42% 58%;gap:40px;align-items:center}.profile-copy h1{font-size:clamp(48px,6vw,82px);line-height:.95;margin:15px 0}.profile-copy .vital{font-size:16px}.relationship{font-family:'Libre Caslon Display';font-size:22px}.profile-tabs{display:flex;gap:0;border-bottom:1px solid var(--line);margin-top:35px;overflow:auto}.profile-tabs button{border:0;background:none;padding:16px 22px;font-size:10px;white-space:nowrap}.profile-tabs .active{border-bottom:2px solid var(--rust)}.profile-body{display:grid;grid-template-columns:2fr 1fr;gap:70px;padding-top:45px}.profile-body h2{font-size:35px}.profile-body p{font-size:13px;line-height:1.8;color:#5f625f}.profile-body aside{border-left:1px solid var(--line);padding-left:30px}.profile-body aside h3{font-size:20px}.thread{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.thread span{background:#e4ded1;padding:9px 11px;font-size:9px}.meter{margin:14px 0}.meter label{display:flex;justify-content:space-between;font-size:9px}.meter>span{display:block;height:5px;background:#d9d5cb;margin-top:6px}.meter i{display:block;height:100%;background:var(--sage)}.proof-status{font-size:9px!important;color:var(--rust)!important}.empty{padding:30px}.footer{background:#101b1c;color:#aeb9b5;padding:40px 5vw;display:flex;justify-content:space-between;font-size:9px}.footer b{color:white;font-family:'Libre Caslon Display';font-size:20px}@media(max-width:900px){.nav button:not(.active){display:none}.searchbox{display:none}.gateway-grid,.people-grid{grid-template-columns:repeat(2,1fr)}.stories-grid,.artifact-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.hero-visual{min-height:300px}.profile-hero{grid-template-columns:1fr 1fr}.avatar.large{height:400px}}@media(max-width:600px){.topbar{padding:0 16px}.brand{font-size:17px}.focal>button{font-size:0}.focal>button:after{content:'RELATION';font-size:8px}.nav{gap:12px}.ribbon{top:66px;padding:10px 16px;display:none;flex-wrap:wrap}.ribbon.show{display:flex}.ribbon-rel{margin-left:0;width:100%}.hero-copy{padding:60px 25px}.hero h1{font-size:62px}.stats{grid-template-columns:repeat(2,1fr);gap:20px}.stats div:nth-child(2){border:0}.section{padding:55px 20px}.section-title{display:block}.gateway-grid,.people-grid,.stories-grid,.artifact-grid{grid-template-columns:1fr}.gateway-card{display:grid;grid-template-columns:42% 58%}.gateway-card .avatar{height:230px}.pagehead{display:block;padding:40px 20px 20px}.family-search{margin-top:20px}.people-grid,.stories-grid,.artifact-grid{padding:10px 20px 60px}.profile-wrap{padding:20px}.profile-hero{grid-template-columns:1fr}.avatar.large{height:420px}.profile-copy h1{font-size:48px}.profile-body{grid-template-columns:1fr;gap:30px}.profile-body aside{border-left:0;border-top:1px solid var(--line);padding:25px 0}.profile-tabs button{padding:14px}.footer{display:block}.footer p{margin-top:15px}}