@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600&family=Fraunces:opsz,wght@9..144,500;9..144,600&display=swap');
@import url('policy.css');
:root{color:#21332e;background:#f7f4eb;font-family:'DM Sans',sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit}.site-header,footer{display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:24px 32px}.brand{display:inline-flex;align-items:center;gap:7px;color:#21332e;text-decoration:none;font-size:20px;font-weight:600;letter-spacing:-1px}.brand span span{color:#e9613d}.brand-mark{width:39px;height:27px;fill:currentColor}nav{display:flex;gap:28px;font-size:14px}nav a{text-decoration:none}nav a:hover,footer a:hover{color:#e9613d}.hero{min-height:570px;max-width:1180px;margin:8px auto 0;padding:80px 32px 70px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;overflow:hidden}.eyebrow{color:#e9613d;font-family:'DM Mono',monospace;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}h1,h2{font-family:Fraunces,Georgia,serif;font-weight:500;letter-spacing:-.055em;margin:0;line-height:.98}h1{font-size:clamp(58px,7vw,96px)}h1 em{color:#e9613d;font-weight:500}.lead{max-width:430px;margin:29px 0;color:#53635d;font-size:18px;line-height:1.55}.button{display:inline-flex;gap:26px;align-items:center;background:#21332e;border-radius:999px;color:#fff;padding:14px 21px;text-decoration:none;font-size:14px;transition:transform .2s}.button:hover{transform:translateY(-2px)}.hero-art{position:relative;align-self:stretch;min-height:330px}.sun{position:absolute;right:12%;top:5%;width:210px;aspect-ratio:1;border-radius:50%;background:#f2c956}.hero-art svg{position:absolute;width:118%;right:-7%;bottom:-10px;fill:none}.ground{fill:#dce3d5}.dog{fill:#21332e}.eye{fill:#f7f4eb}.apps-section{background:#dce3d5;padding:76px max(32px,calc((100vw - 1116px)/2));display:grid;grid-template-columns:1fr 1fr;gap:35px 70px;align-items:end}h2{font-size:clamp(42px,5vw,66px)}.apps-intro,.about>p:not(.eyebrow),.contact>p:not(.eyebrow){color:#53635d;font-size:17px;line-height:1.6;max-width:450px;margin:0}.coming-card{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;padding:22px 28px;border:1px solid #b8c5b3;border-radius:5px;font-family:'DM Mono',monospace;font-size:13px}.coming-card p{margin:0;text-align:right;line-height:1.5}.coming-card strong{color:#e9613d;font-weight:500}.paw{color:#e9613d;font-size:24px}.about,.contact{max-width:780px;margin:auto;padding:120px 32px}.about h2,.contact h2{margin-bottom:25px}.contact{max-width:none;padding-left:max(32px,calc((100vw - 1116px)/2));padding-right:max(32px,calc((100vw - 1116px)/2));background:#21332e;color:#f7f4eb}.contact .eyebrow{color:#f2c956}.contact p{color:#c6d0c7!important}.email{display:inline-block;margin-top:28px;color:#f2c956;font-family:Fraunces,Georgia,serif;font-size:clamp(25px,4vw,42px);text-decoration:none;border-bottom:1px solid #f2c956}.email:hover{color:#fff}.legal{max-width:1116px;margin:auto;padding:72px 32px}.legal details{border-top:1px solid #c9cec4}.legal details:last-child{border-bottom:1px solid #c9cec4}.legal summary{cursor:pointer;display:flex;justify-content:space-between;padding:24px 0;font-family:Fraunces,Georgia,serif;font-size:27px;list-style:none}.legal summary::-webkit-details-marker{display:none}.legal summary span{color:#e9613d}.legal details[open] summary span{transform:rotate(45deg)}.legal-copy{max-width:690px;padding:0 0 28px;color:#53635d;line-height:1.55}.legal-copy h3{color:#21332e;font-size:15px;margin:22px 0 4px}.legal-copy p{margin:0 0 12px}.legal-note{padding:12px 15px;background:#fff0c6;color:#705900;font-size:13px}footer{border-top:1px solid #d9d9d0;font-size:12px;color:#68746d}footer .brand{transform:scale(.8);transform-origin:left}footer p{margin:0}footer div{display:flex;gap:18px}footer div a{text-decoration:none}@media(max-width:700px){.site-header,footer{padding:19px 20px}nav{gap:15px;font-size:13px}.hero{min-height:auto;display:block;padding:72px 24px 0}.hero-art{height:290px;margin-top:37px}.sun{width:165px;right:6%}.hero-art svg{width:125%;right:-18%}.apps-section{display:block;padding:63px 24px}.apps-intro{margin:24px 0 35px}.about{padding:80px 24px}.contact{padding:80px 24px}.legal{padding:48px 24px}footer{flex-wrap:wrap;gap:15px}footer .brand{width:100%}}