:root{font-family:ui-rounded,"Arial Rounded MT Bold","Trebuchet MS",Arial,sans-serif;color:#254b43;background:#f8f3e9}*{box-sizing:border-box}body{margin:0;min-width:320px}a{text-decoration:none;color:inherit}.shell{max-width:1500px;margin:auto;padding:0 5%}.header{height:94px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-size:23px;letter-spacing:-1px;line-height:1}.brand strong{font-weight:900}.brand small{display:block;font-size:10px;letter-spacing:.6px;color:#80998b;margin-top:7px}.mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#e89371;color:white;font-size:28px;transform:rotate(-12deg)}.header-note{font-size:12px;color:#879d91;font-weight:900;letter-spacing:1px;text-transform:uppercase}.intro{text-align:center;position:relative;padding:74px 0 56px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:900;color:#cf7b59}.intro h1{font:700 clamp(58px,7vw,100px)/1.02 Georgia,serif;letter-spacing:-4px;margin:22px 0 22px}.intro h1 em{color:#df8669;font-weight:400}.intro p{max-width:670px;margin:auto;font-size:18px;line-height:1.7;color:#70887c}.doodle{position:absolute;right:9%;top:90px;color:#e9b85e;font-size:32px;transform:rotate(12deg)}.doodle span{color:#e59782}.areas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:10px 0 42px}.area{display:flex;flex-direction:column;border-radius:32px;min-height:450px;padding:27px 28px 30px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s;border:2px solid #ffffff8c}.area:hover{transform:translateY(-9px);box-shadow:0 20px 32px #2e534025}.area::before{content:"";position:absolute;width:270px;height:270px;border:2px dashed #ffffff8c;border-radius:50%;top:45px;left:calc(50% - 135px)}.area::after{content:"✳";position:absolute;right:25px;top:76px;color:#ffffffaf;font-size:35px}.dog{background:#e8e9d6;color:#315949}.cat{background:#e8d9e9;color:#5c4264}.horse{background:#d8e6df;color:#3c665b}.number{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;font-weight:900;position:relative;z-index:1}.animal{display:grid;place-items:center;font-size:130px;height:210px;position:relative;z-index:1;filter:drop-shadow(0 14px 8px #4d685732);transition:transform .25s}.area:hover .animal{transform:rotate(-8deg) scale(1.08)}.cat .animal{transform:scaleX(-1)}.cat:hover .animal{transform:scaleX(-1) rotate(8deg) scale(1.08)}.horse .animal{font-size:125px}.area-content{display:grid;gap:10px;position:relative;z-index:1;margin-top:auto}.name{font:700 40px Georgia,serif;letter-spacing:-1.8px}.description{font-size:14px;line-height:1.5;min-height:43px;opacity:.83}.go{display:flex;justify-content:space-between;border-top:1px solid currentColor;padding-top:17px;margin-top:10px;font-weight:900;font-size:14px}.go span{font-size:21px;line-height:.7}.small-note{text-align:center;color:#849b8d;font-size:13px;margin:0 0 76px}footer{border-top:1px solid #e4e9df;height:95px;display:flex;gap:25px;align-items:center;color:#3e6b5b;font-weight:900}footer span{font-weight:500;color:#91a396;font-size:13px}@media(max-width:900px){.areas{gap:13px}.area{padding:22px;min-height:400px}.animal{font-size:100px;height:180px}.horse .animal{font-size:100px}.name{font-size:34px}}@media(max-width:700px){.shell{padding:0 6%}.header{height:76px}.header-note{display:none}.intro{padding:44px 0 36px}.intro h1{font-size:56px;letter-spacing:-3px}.intro p{font-size:16px}.doodle{display:none}.areas{grid-template-columns:1fr;gap:17px}.area{min-height:280px;padding:20px 24px}.area::before{height:220px;width:220px;top:-10px;left:auto;right:0}.animal{position:absolute;right:4px;top:22px;width:160px;height:170px;font-size:90px}.horse .animal{font-size:90px}.area-content{max-width:62%}.name{font-size:35px}.description{min-height:0}.go{font-size:12px}.small-note{margin-bottom:45px}footer{height:auto;padding:27px 0;flex-wrap:wrap;gap:8px}footer span{width:100%}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}

.areas{grid-template-columns:repeat(4,minmax(0,1fr))}.human{background:#f0dfe7;color:#6a4c73}.human .animal{font-size:122px}@media(max-width:1100px) and (min-width:701px){.areas{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.areas{grid-template-columns:1fr}.human .animal{font-size:90px}}

.test-banner{background:#305d51;color:#fff;text-align:center;padding:9px 15px;font:800 12px/1.3 Arial,sans-serif;letter-spacing:.12em}
.test-banner span{font-weight:500;letter-spacing:0;margin-left:8px}
@media(max-width:500px){.test-banner{font-size:10px}.test-banner span{display:block;margin:3px 0 0}}