.pedigree-showcase{background:#e9eddf;color:#17392f;position:relative;isolation:isolate}
.pedigree-stage{min-height:830px;padding:45px 25px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}
.pedigree-heading{text-align:center;z-index:3}.pedigree-heading .eyebrow{justify-content:center}.pedigree-heading h2{font:clamp(44px,4.8vw,72px)/1 var(--display);margin:16px 0;letter-spacing:-.03em}.pedigree-heading h2 em{color:#80672e}.pedigree-heading>p:last-child{color:#53654b}
.pedigree-canvas{width:min(740px,100%);position:relative;margin:30px 0 26px;padding-bottom:38px;perspective:1400px;flex-shrink:0}
.pedigree-glow{position:absolute;inset:-12%;background:radial-gradient(ellipse,#a7b99066,transparent 70%);pointer-events:none;z-index:-1}
.pedigree-paper{position:relative;background:#fffdf5;padding:24px 28px 16px;border:1px solid #d1c5a5;box-shadow:0 20px 60px #33452926;color:#263f30;transform-origin:center;isolation:isolate}
.pedigree-paper:before{content:'';position:absolute;inset:10px;border:1px solid #cabb9370;pointer-events:none}.pedigree-paper-brand{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.16em;color:#5e6e55;border-bottom:1px solid #d9d4bf;padding-bottom:12px}.pedigree-paper-heading{text-align:center;padding:16px 0 22px}.pedigree-paper-heading>span{font-size:9px;letter-spacing:.22em;color:#78622e}.pedigree-paper-heading strong{display:block;font:38px/1.15 var(--display);font-weight:400;margin:5px}.pedigree-paper-heading small{font-size:10px;color:#596751}
.pedigree-tree{height:280px;position:relative}.pedigree-paper .pedigree-lines{position:absolute;inset:155px 28px auto;width:calc(100% - 56px);height:280px;stroke:#87966e;stroke-width:1.5;overflow:visible;z-index:-1}.pedigree-lines path{fill:none}
.pedigree-node{position:absolute;width:23%;background:#fffdf5;border:1px solid #d7d9c8;padding:8px 5px;text-align:center;border-radius:3px}.pedigree-node small{display:block;font-size:9px;color:#566a4c}.pedigree-node b{display:block;font:21px/1.25 var(--display)}.pedigree-node span{display:block;font-size:9px;color:#596b50;margin-top:3px;white-space:nowrap}.node-grand-one{left:0;top:0}.node-grand-two{left:25.67%;top:0}.node-grand-three{right:25.67%;top:0}.node-grand-four{right:0;top:0}.node-parent-one{left:13%;top:100px;width:24%}.node-parent-two{right:13%;top:100px;width:24%}.node-center{left:34%;top:197px;width:32%;border-color:#a48a47}.node-center b{font-size:25px}.pedigree-node.is-lit{border-color:#ac965c;background:#fffdf2}.pedigree-paper-footer{margin-top:10px;display:flex;justify-content:space-between;font-size:9px;color:#5e6d53;padding-top:12px;border-top:1px solid #ddd6c0}
.pedigree-stamp{position:absolute;left:50%;bottom:-5px;transform:translateX(-50%);display:flex;align-items:center;gap:9px;white-space:nowrap;padding:8px 15px;background:#173f35;color:#f7f4df;border-radius:3px;font-size:11px;box-shadow:0 6px 20px #173f3522}.pedigree-stamp svg{width:17px;height:17px}
.pedigree-caption{text-align:center;z-index:3}.pedigree-phases{display:flex;justify-content:center;align-items:center;gap:20px;font-size:12px;color:#526348}.pedigree-phases span{display:flex;gap:7px;align-items:center}.pedigree-phases small{font:19px var(--display)}.pedigree-phases .is-current{color:#735a20}.pedigree-phases i{width:30px;height:1px;background:#a1b092}.pedigree-caption>p{font:26px/1.2 var(--display);margin:12px 0 7px;color:#38543b}.pedigree-note{font-size:11px;color:#53664a}
@media(min-height:1000px){.pedigree-stage{height:100svh;max-height:1100px}}
@media(max-width:760px){.pedigree-stage{height:auto;min-height:790px;padding:40px 16px}.pedigree-heading h2{font-size:45px}.pedigree-paper{padding:19px 12px 14px}.pedigree-paper:before{inset:5px}.pedigree-paper-brand{font-size:7px;letter-spacing:.08em}.pedigree-paper-heading>span{font-size:8px}.pedigree-paper-heading strong{font-size:32px}.pedigree-paper-heading small{font-size:9px}.pedigree-tree{height:252px}.pedigree-paper .pedigree-lines{inset:142px 12px auto;width:calc(100% - 24px);height:252px}.pedigree-node{padding:8px 2px}.pedigree-node b{font-size:18px}.pedigree-node small{font-size:8px}.pedigree-node span{font-size:7px}.pedigree-node[data-pedigree-level="2"] span{display:none}.node-parent-one,.node-parent-two{top:87px;width:38%}.node-parent-one{left:6%}.node-parent-two{right:6%}.node-center{top:178px;left:30%;width:40%}.node-center b{font-size:23px}.node-center span{font-size:8px}.pedigree-paper-footer{font-size:8px}.pedigree-stamp{font-size:11px}.pedigree-phases{font-size:11px;gap:12px}.pedigree-phases i{width:17px}.pedigree-caption>p{font-size:24px}}
body.motion-reduced .pedigree-stage{height:auto}
@media(prefers-reduced-motion:reduce){.pedigree-stage{height:auto}}