@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400..900&display=swap');
:root{--paper:#f5f1e5;--olive:#3d482e;--red:#b4442b;--muted:#797767}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--olive);font-family:'Fraunces',Georgia,serif;font-optical-sizing:auto}button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid var(--red);outline-offset:7px}.cover{min-height:100svh;max-width:1800px;margin:auto;padding:20px 5.5vw 16px;display:flex;flex-direction:column;overflow:hidden;position:relative}.cover:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:8;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%2378755f' opacity='.3' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.title-block{margin-top:clamp(42px,8vh,95px);position:relative;z-index:2}h1{font-family:'Fraunces',Georgia,serif;font-weight:900;font-size:clamp(60px,13.35vw,235px);line-height:.96;letter-spacing:-.035em;margin:0;white-space:nowrap}h1 span:last-child{color:var(--red)}.title-caption{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-top:20px;font-size:clamp(14px,1.3vw,20px);line-height:1.35;letter-spacing:.025em;font-weight:500;padding:0 3px}.garden{position:relative;flex:1;min-height:210px;margin-top:15px}.landscape{position:absolute;width:113%;max-height:100%;object-fit:contain;object-position:center bottom;left:-6.5%;bottom:-12px;pointer-events:none}.portrait-anchor{position:absolute;right:15%;bottom:2%;height:90%;max-height:360px;aspect-ratio:2/3;max-width:35%}.portrait{width:100%;height:100%;object-fit:contain;pointer-events:none}.cat-seated{display:none;width:100%;height:100%;object-fit:contain}.cat-track.jumping,.cat-track.sitting,.cat-track.jumping .cat-facing,.cat-track.sitting .cat-facing{animation:none}.cat-track.jumping .cat-sprite{animation:none;background-position:0 0}.cat-track.sitting .cat-sprite{display:none}.cat-track.sitting .cat-seated{display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.cat-track{position:absolute;left:30%;bottom:-37px;width:145px;height:193px;border:0;padding:0;background:none;z-index:3;cursor:pointer;animation:stroll 22s linear infinite}.cat-facing{display:block;width:100%;height:100%;animation:facing 22s steps(1,end) infinite}.cat-sprite{display:block;width:100%;height:100%;background-image:url('assets/cat-walk.webp');background-repeat:no-repeat;background-size:400% 100%;animation:gait .72s steps(4) infinite}.cat-track:hover .cat-sprite{filter:brightness(1.03)}.categories{position:relative;z-index:4;display:flex;justify-content:space-between;gap:24px;overflow-x:auto;scrollbar-width:thin;padding:16px 0 19px;margin-top:16px}.categories button,.categories .category-link{display:flex;flex:0 0 auto;align-items:center;white-space:nowrap;text-align:left;background:none;border:0;padding:6px 0;cursor:pointer;transition:color .2s,transform .2s;font-size:clamp(17px,1.65vw,25px);font-weight:500}.categories button:hover,.categories .category-link:hover,.categories button.active{color:var(--red);transform:translateY(-4px)}footer{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted);letter-spacing:.07em;min-height:20px}.selection{color:var(--red)}@keyframes stroll{0%,100%{left:24%}48%,52%{left:52%}}@keyframes facing{0%{transform:scaleX(1)}50%{transform:scaleX(-1)}100%{transform:scaleX(1)}}@keyframes gait{to{background-position:133.333% 0}}@keyframes breathing{50%{transform:rotate(1deg) translateY(-3px)}}
@media(min-width:1700px){.cover{padding-left:90px;padding-right:90px}}
@media(max-width:700px){.cover{padding:23px 6vw 20px;min-height:100svh}.title-block{margin-top:65px}h1{font-size:13.25vw}.title-caption{font-size:14px;letter-spacing:.035em;line-height:1.7;margin-top:16px;max-width:300px}.garden{min-height:330px;margin-top:25px}.landscape{width:180%;left:-40%;max-height:85%;bottom:0}.portrait-anchor{right:4%;bottom:8%;max-width:51%;height:80%;max-height:255px}.cat-track{width:115px;height:153px;bottom:-28px}.categories{gap:24px;padding:22px 0;margin-top:10px}.categories button,.categories .category-link{font-size:16px;gap:9px;white-space:nowrap}footer{font-size:12px;flex-wrap:wrap;gap:8px}footer>span:last-child{display:none}.selection{min-height:18px}@keyframes stroll{0%,100%{left:5%}48%,52%{left:40%}}}
@media(max-width:380px){.categories{gap:22px}.garden{min-height:270px}.title-block{margin-top:40px}}
@media(prefers-reduced-motion:reduce){.cat-track,.cat-facing,.cat-sprite,.portrait{animation:none}.categories button,.categories .category-link{transition:none}.cat-track{left:32%}}

.portrait-hug{display:none;width:100%;height:100%;object-fit:contain}.portrait-anchor.hugging .portrait{display:none}.portrait-anchor.hugging .portrait-hug{display:block}.cat-track.held{visibility:hidden;pointer-events:none}

.categories .category-link{color:inherit;text-decoration:none}.categories .category-link:focus-visible{outline:2px solid var(--red);outline-offset:7px}