:root{--cream:#f8f8f0;--paper:#fffcf2;--brown:#794f27;--body:#725d42;--muted:#8a7b66;--teal:#19c8b9;--line:#e6ddc8;--ease:cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--cream);color:var(--body);font-family:"Nunito","Noto Sans SC","Microsoft YaHei","PingFang SC",sans-serif;font-weight:500;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--brown)}img{display:block;max-width:100%}.header,main,footer{max-width:1240px;margin:auto}.header{padding:28px 30px;display:flex;justify-content:space-between;align-items:center;gap:25px}.brand{display:flex;align-items:center;gap:11px;color:var(--brown);font-weight:800;font-size:22px;line-height:1.4}.brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:3px;color:var(--muted)}nav{display:flex;gap:36px;font-size:14px;font-weight:600}nav a:hover,.credits a:hover{color:#0d887c}.header-button{font-weight:700;font-size:13px;border:1.5px solid var(--line);padding:9px 19px;border-radius:50px;background:var(--paper)}.header-button span{margin-left:13px}.hero{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;padding:45px 30px 36px;min-height:570px;gap:20px}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12px;background:#e8efdc;padding:7px 13px;border-radius:50px;color:#637b48}.eyebrow i,.dot{display:inline-block;width:6px;height:6px;background:#85a061;border-radius:50%}h1{font-size:clamp(36px,3.7vw,53px);line-height:1.5;letter-spacing:1px;margin:23px 0 17px;font-weight:800}h1 span{position:relative;white-space:nowrap;color:#159f91}h1 span:after{content:"";position:absolute;bottom:-7px;left:0;width:100%;height:12px;border-top:4px solid #b3d6a2;border-radius:50%;transform:rotate(-3deg)}.hero-copy>p{font-size:15px;line-height:1.95;color:var(--muted)}.button{display:inline-flex;align-items:center;gap:28px;padding:14px 26px;border-radius:50px;font-weight:700;font-size:15px;margin-top:27px;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.primary{background:var(--teal);color:#244c3e;box-shadow:0 5px 0 #0d9e94}.primary:hover{transform:translateY(-2px);background:#3dd4c6}.primary:active{transform:translateY(4px);box-shadow:0 1px 0 #0d9e94}.hero-bottom{display:flex;align-items:center;gap:14px;margin-top:35px;font-size:11px;color:var(--muted)}.hero-bottom small{font-size:8px;letter-spacing:1.4px}.mini-paw{font-size:28px;color:#b2bd96}.hero-picture{position:relative}.hero-picture>img{width:100%;height:auto}.postmark{position:absolute;right:1%;top:1%;z-index:1;border:2px dashed #b2bea1;color:#78916c;border-radius:50%;height:98px;width:98px;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(12deg);font-size:12px;background:#f8f8f0b0}.postmark b{font-size:10px;letter-spacing:1px}.picture-note{position:absolute;bottom:0;left:50%;transform:translateX(-50%) rotate(-2deg);white-space:nowrap;font-size:11px;background:#fffcf2;padding:8px 17px;border:1px solid var(--line);border-radius:50px}.picture-note .dot{margin-right:7px}.welcome-strip{margin:10px 30px 0;display:flex;align-items:center;gap:20px;padding:18px 24px;border-radius:18px;background:#f0eddf;border:1px dashed #d4c9ad;font-size:12px}.welcome-strip>span{font-weight:700;color:var(--brown);white-space:nowrap}.welcome-strip p{flex:1}.welcome-strip b{font-size:26px;color:#a4b48b}.section{margin:76px 30px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.kicker{font-size:10px;letter-spacing:2px;color:#8f9a73;font-weight:700}h2{font-size:29px;line-height:1.5;letter-spacing:1px;margin-top:9px}.ribbon{padding:9px 27px;background:#e1e9ce;color:#60764a;font-size:12px;font-weight:700;clip-path:polygon(0 0,100% 0,95% 50%,100% 100%,0 100%,5% 50%);transform:rotate(3deg)}.filter-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:25px 0 24px}.filters{display:flex;gap:8px}.filters button{border:1px solid var(--line);background:var(--paper);color:var(--muted);border-radius:50px;font-size:12px;padding:9px 18px;transition:background .2s var(--ease)}.filters button.active{background:#e2eee1;border-color:#bbd1b4;color:#526e45}.filters button:hover{background:#edf2e5}#count{font-size:11px;color:var(--muted)}.cat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.cat-card{background:var(--paper);border-radius:24px;border:1px solid var(--line);overflow:hidden;transition:transform .25s var(--ease)}.cat-card:hover{transform:translateY(-2px)}.cat-card[hidden]{display:none}.portrait{position:relative;margin:8px 8px 0;border-radius:18px;overflow:hidden;background-image:radial-gradient(#ffffff70 1.8px,transparent 1.8px);background-size:15px 15px}.mint{background-color:#dce9db}.peach{background-color:#f4dfd0}.sand{background-color:#ede3c6}.lavender{background-color:#e6e1ed}.portrait>img{width:100%;height:auto}.number{position:absolute;top:13px;left:14px;font-size:9px;letter-spacing:1px;color:#7e826b}.portrait-label{position:absolute;bottom:12px;left:50%;transform:translateX(-50%) rotate(-3deg);font-size:10px;white-space:nowrap;background:#fffcf2da;border-radius:7px;padding:2px 10px}.card-copy{padding:21px 18px 13px}.cat-name{display:flex;justify-content:space-between;align-items:center;gap:5px}h3{font-size:18px;letter-spacing:.4px}.tag{background:#f1edde;padding:2px 7px;font-size:9px;border-radius:50px;white-space:nowrap}.card-copy>small{font-size:8px;letter-spacing:1.5px;color:#a39781}.card-copy>p{font-size:12px;line-height:1.9;margin:15px 0;min-height:69px}.card-copy details{border-top:1px dashed var(--line);font-size:11px}.card-copy summary{padding:13px 0 2px;display:flex;justify-content:space-between;list-style:none;cursor:pointer;font-weight:700;color:#71875c}.detail p{margin:12px 0;font-size:11px}.detail a{color:#16877a;font-size:10px;text-decoration:underline;text-underline-offset:3px}summary::-webkit-details-marker{display:none}details[open] summary>span:last-child{transform:rotate(45deg)}.fine-print{font-size:10px;color:var(--muted);margin-top:17px;text-align:center}.language{display:grid;grid-template-columns:1fr 1.5fr;gap:70px;background:#eaf0df;border:1px solid #dce6cb;border-radius:30px;padding:42px 42px 30px}.language-intro>p{font-size:12px;margin-top:15px;line-height:2}.language-intro img{margin-top:15px}.language-list{padding-top:8px}.language-list details{border-bottom:1px dashed #c8d4b8}.language-list summary{display:flex;align-items:center;gap:13px;cursor:pointer;list-style:none;font-size:14px;font-weight:700;color:#607448;padding:18px 0}.language-num{font-size:11px;color:#8ca175}.expand{margin-left:auto;transition:transform .2s var(--ease);font-size:20px}.language-list details p{font-size:12px;line-height:2;margin:0 22px 18px 31px}.source-link{font-size:10px;color:#71875c;display:inline-block;margin-top:20px;text-decoration:underline;text-underline-offset:3px}.notebook{display:grid;grid-template-columns:1fr 1.4fr;gap:80px;align-items:center;padding:8px 55px}.note-art{position:relative;background:#f4e4bb;border:1px solid #e9d6aa;border-radius:20px;transform:rotate(-4deg);padding:30px 40px;min-height:270px;background-image:repeating-linear-gradient(transparent,transparent 31px,#d4c19755 32px);background-position:0 30px}.note-art:before{content:"";position:absolute;width:90px;height:25px;top:-11px;left:34%;background:#b6cfa5a0;transform:rotate(-4deg)}.note-art>span{font-size:11px;letter-spacing:2px}.note-art strong{display:block;font-size:36px;line-height:1.7;margin-top:15px;color:#8e754d}.paw-print{position:absolute;bottom:28px;right:25px;transform:rotate(20deg);color:#bd9d61;text-align:center;line-height:1.2;font-size:16px}.note-copy>p{font-size:13px;line-height:2;margin-top:18px}.note-tags{display:flex;gap:8px;margin-top:23px}.note-tags span{border:1px dashed #c9c8ac;border-radius:50px;padding:5px 13px;font-size:11px;color:#7b8661}.note-copy>a{font-size:11px;display:inline-block;margin-top:21px;color:#678457;text-decoration:underline;text-underline-offset:4px}.end-note{text-align:center;margin:65px 30px 60px;border-top:1px dashed var(--line);padding-top:35px}.end-note>span{font-size:28px;color:#acbc8a}.end-note p{font-size:16px;color:var(--brown);margin:8px}.end-note a{font-size:11px;color:var(--muted)}footer{padding:25px 30px 30px;border-top:1px solid var(--line)}.footer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.footer-top .brand{font-size:17px}.footer-top .brand small{font-size:8px;letter-spacing:1px}.footer-top p{font-size:11px;text-align:right;color:var(--muted)}.credits{display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:9px}.credits a{text-decoration:underline;text-underline-offset:3px}.skip{position:fixed;left:20px;top:-90px;background:var(--paper);padding:12px;border-radius:14px;z-index:5}.skip:focus{top:12px}@media(min-width:1600px){.header,main,footer{max-width:1380px}.hero{min-height:610px}}@media(max-width:1000px){.cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portrait>img{max-height:280px}.card-copy>p{min-height:0}.language{gap:30px;padding:30px}.notebook{gap:45px;padding:8px 20px}.hero{min-height:480px}nav{gap:18px}.hero-picture{min-width:0}h1{font-size:38px}}@media(max-width:700px){.header{padding:20px;gap:10px}.brand{font-size:19px}.header nav{display:none}.header-button{padding:8px 14px;font-size:11px}.hero{grid-template-columns:1fr;padding:24px 22px 30px;gap:15px}.hero-copy{text-align:center}.eyebrow{font-size:10px}h1{font-size:38px;margin:22px 0 16px}.hero-copy>p{font-size:13px}.button{font-size:13px;padding:12px 23px;margin-top:23px}.hero-bottom{display:none}.hero-picture{max-width:490px;width:100%;margin:auto}.postmark{width:78px;height:78px;font-size:10px;top:5%;right:0}.postmark b{font-size:8px}.picture-note{font-size:10px}.welcome-strip{margin:20px 18px 0;padding:15px;gap:12px;align-items:flex-start;font-size:11px}.welcome-strip>b{display:none}.section{margin:52px 18px}h2{font-size:24px}.kicker{font-size:8px;letter-spacing:1.3px}.ribbon{font-size:10px;padding:8px 16px}.filter-row{flex-wrap:wrap;margin-top:20px;gap:10px}.filters button{padding:8px 12px;font-size:11px}.cat-grid{gap:12px}.card-copy{padding:16px 12px 10px}h3{font-size:15px}.cat-name{flex-wrap:wrap}.card-copy>p{font-size:11px;min-height:83px}.card-copy>small{font-size:7px;letter-spacing:.8px}.card-copy summary{font-size:10px}.portrait-label{font-size:9px;bottom:6px}.number{top:8px;left:8px;font-size:8px}.language{grid-template-columns:1fr;padding:25px 23px;gap:5px}.language-intro{position:relative}.language-intro h2 br{display:none}.language-intro>p{font-size:11px;max-width:75%}.language-intro img{position:absolute;width:90px;height:auto;right:-9px;bottom:-8px;opacity:.85}.language-list summary{font-size:12px;gap:10px}.language-list details p{margin-left:24px;font-size:11px}.notebook{grid-template-columns:1fr;gap:35px;padding:0 15px}.note-art{max-width:310px;width:100%;margin:auto;min-height:230px}.note-art strong{font-size:32px}.note-copy>p{font-size:12px}.end-note{margin:45px 18px}.end-note p{font-size:13px}footer{padding:23px 20px}.footer-top p{display:none}.credits{flex-direction:column;font-size:9px;gap:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:700px){.section-heading .ribbon{display:none}}