.hero{min-height:234px;display:grid;grid-template-columns:minmax(0, 1.15fr) minmax(0, 1fr);gap:24px;align-items:center;padding:9px 9px 5px}.hero h1{font-size:47px;letter-spacing:.1px}.hero h2{font-family:"Roboto Condensed",sans-serif;font-size:34px;font-weight:700;color:#ae5725;line-height:1.15;margin-top:0}.hero-copy p{font-size:16px;line-height:1.4;margin-top:16px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:10px 9px 20px}.section-heading h2{font-size:34px}.section-heading p{font-size:14px}.breed-grid{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));column-gap:20px;row-gap:32px;margin:0 5px 20px}.breed-folder{position:relative;padding:0;border:0;background:none;text-align:left;height:122px;min-width:0;padding-top:17px;isolation:isolate;transition:transform .15s}.breed-folder:hover{transform:translateY(-3px)}.folder-face{position:relative;height:100%;display:flex;align-items:center;gap:19px;padding:7px 12px;background:linear-gradient(110deg, #cda381, #e8cdb3 60%, #d9b191);border-radius:6px 7px 8px 8px;box-shadow:inset 0 1px 0 rgba(249,226,200,.6588235294)}.folder-face>img{width:108px;height:108px;object-fit:contain;border-radius:6px;flex:none}.folder-copy{display:flex;flex-direction:column;gap:6px;min-width:0}.folder-copy strong{font-family:var(--heading);font-weight:400;font-size:21px;line-height:1.05;color:#1f160e}.folder-copy>span{font-size:15px;line-height:1.2}.simulation-folder .folder-face{gap:12px}.simulation-symbol{width:102px;height:96px;display:flex;align-items:center;justify-content:center;background:#f7e8d4;border-radius:6px;flex:none;color:#99663f}.simulation-symbol .icon{width:76px;height:76px;stroke-width:1.8}.simulation-folder .folder-copy{gap:3px}.simulation-folder .folder-copy strong{font-size:21px}.simulation-folder .folder-copy>span{font-size:13px}.fake-button{background:#855030;color:#fff;padding:6px 8px;border-radius:3px;font:600 14px "Roboto Condensed",sans-serif !important;white-space:nowrap;text-align:center}.home-bottom{display:grid;grid-template-columns:1fr 1fr;gap:19px;margin:0 5px}.action-panel{display:flex;gap:21px;background:linear-gradient(115deg, #f0dfcf, #f4e6d9);border-radius:5px;padding:11px 18px;min-height:130px;align-items:flex-start}.action-icon{color:#63391f;flex:none;padding-top:2px}.action-icon .icon{width:64px;height:62px;stroke-width:2}.action-panel h2{font-size:26px;color:#63391f;line-height:1.1;margin:1px 0 5px}.action-panel p{font-size:14px;line-height:1.2;min-height:32px;margin-bottom:7px}.action-panel .button{font-size:15px;padding:8px 14px;min-height:38px}.action-panel .button .icon{width:16px;height:16px}.hero h1{font-size:47px;letter-spacing:.15px}.hero h2{font-size:35px;letter-spacing:.1px}.hero-copy{min-width:0;padding:16px 0}.section-heading{margin-bottom:4px}.breed-grid{row-gap:15px}.breed-folder{height:166px;padding-top:34px}.breed-folder::before{top:15px;background:linear-gradient(110deg, #cda381, #dfba98);clip-path:polygon(0 0, 21% 0, 27% 17px, 100% 17px, 100% 100%, 0 100%);border-radius:12px 7px 8px 8px}.folder-face{border-radius:3px 3px 8px 8px;padding:4px 10px}.simulation-symbol{height:83px}@media(max-width: 1200px){.hero h1{font-size:39px}.hero h2{font-size:28px}.hero-copy p{font-size:15px}.hero-tree{justify-content:center}.mini-pedigree{width:375px}.folder-face{gap:10px;padding:7px 8px}.folder-face>img,.simulation-symbol{width:88px;height:88px}.folder-copy strong{font-size:19px}.folder-copy>span{font-size:14px}.breed-grid{gap:27px 15px}.action-panel{gap:15px;padding:12px}.action-icon .icon{width:49px;height:50px}.action-panel h2{font-size:23px}}@media(max-width: 950px){.hero{grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);min-height:240px}.hero h1{font-size:33px}.hero h2{font-size:24px}.hero-copy p{font-size:15px}.mini-card{width:105px;height:96px}.handwritten{display:none}.breed-grid{grid-template-columns:repeat(2, minmax(0, 1fr));gap:26px 20px}.folder-face>img,.simulation-symbol{width:108px;height:108px}.folder-copy strong{font-size:23px}.folder-copy>span{font-size:16px}.section-heading p{display:none}.action-panel h2{font-size:23px}.action-panel p{font-size:14px}.action-icon{display:none}}@media(max-width: 650px){.hero{display:block;padding:23px 0 16px}.hero h1{font-size:36px;line-height:1.03}.hero h2{font-size:25px;margin-top:5px;line-height:1.12}.hero-copy p{font-size:16px;line-height:1.5;margin-top:13px}.mini-pedigree{width:316px;height:194px}.mini-child{left:calc(50% - 54.5px)}.mini-card b{font-size:17px}.mini-lines{height:95%}.section-heading{margin:21px 0 18px}.section-heading h2{font-size:30px}.breed-grid{gap:23px 10px;margin:0 0 22px}.breed-folder{height:148px}.folder-face{flex-direction:column;gap:5px;padding:7px 5px;align-items:center;text-align:center;justify-content:flex-start}.folder-face>img{width:88px;height:88px}.folder-copy{gap:3px}.folder-copy strong{font-size:20px;line-height:1.06}.folder-copy>span{font-size:14px}.simulation-folder .folder-face{gap:4px}.simulation-symbol{width:55px;height:42px;background:rgba(0,0,0,0)}.simulation-symbol .icon{width:42px;height:42px}.simulation-folder .folder-copy strong{font-size:19px}.simulation-folder .folder-copy>span{font-size:12px}.simulation-folder .folder-copy>span:not(.fake-button){display:none}.simulation-folder .fake-button{font-size:13px !important;white-space:normal}.home-bottom{grid-template-columns:1fr;margin:0;gap:12px}.action-panel{padding:14px;gap:13px}.action-icon{display:block}.action-icon .icon{width:39px;height:39px}.action-panel h2{font-size:24px}.action-panel p{font-size:14px;line-height:1.35;margin-bottom:10px;min-height:auto}.action-panel .button{font-size:14px;padding:9px 10px}}@media(max-width: 950px){.hero-copy{padding-top:15px}}@media(max-width: 650px){.hero-copy{padding-top:0}.hero h1{font-size:34px}.hero h2{font-size:25px}.section-heading{margin-bottom:15px}.breed-folder{height:238px;padding-top:32px}.folder-face{padding:6px 5px}.folder-face>img{height:88px}.simulation-symbol{height:42px}}.hero-visual{min-width:0;margin:12px 0}.hero-visual img{display:block;width:100%;height:auto;mix-blend-mode:multiply}.hero-visual figcaption{margin-top:5px;text-align:center;color:#805439;font:26px/1.2 "Caveat",cursive}@media(max-width: 650px){.hero-visual{margin:20px 0 0}.hero-visual figcaption{font-size:24px}}@media(min-width: 951px)and (max-width: 1200px){.simulation-symbol{width:56px}.simulation-symbol .icon{width:48px;height:48px}.simulation-folder .fake-button{white-space:normal}}@media(max-width: 950px){.hero h1,.hero h2{transform:none}}