@font-face{font-family:PetLens;src:url('assets/ui.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--ink:#543e2d;--muted:#80725e;--paper:#fffaf0;--line:#dccaab;--green:#71805a;--gold:#b69455}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.9 PetLens,'Microsoft YaHei',sans-serif}button,a,input{font:inherit}button{cursor:pointer}a{color:inherit;text-underline-offset:5px}h1,h2,h3,p,figure{margin-top:0}h1,h2,h3{line-height:1.4}img{max-width:100%;display:block}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ab8952;outline-offset:5px}.case-nav{max-width:1240px;margin:auto;padding:23px 35px;display:flex;gap:25px;align-items:center;border-bottom:1px solid var(--line)}.case-nav a{text-decoration:none;font-size:13px}.case-nav .case-brand{font-size:22px;font-weight:700;margin-right:auto}.case-nav>div{display:flex;gap:26px}.case-nav .case-try{padding:8px 17px;border:1px solid #9da47b;border-radius:8px;color:#626f48}main{max-width:1240px;margin:auto}.case-hero{display:grid;grid-template-columns:.9fr 1.4fr;align-items:center;gap:42px;padding:80px 35px 75px}.project-type{font-size:12px;color:var(--muted)}h1{font-size:clamp(42px,5.3vw,68px);font-weight:650;line-height:1.28;margin:20px 0 28px;letter-spacing:-1px}.hero-lead{font-size:18px;line-height:1.9}.project-context{font-size:13px;max-width:330px;color:var(--muted)}.reading-link{display:inline-block;margin-top:15px;font-size:13px}.hero-product{margin:0;transform:rotate(1deg)}.hero-product img{border:9px solid #fffef8;box-shadow:0 8px 40px #84704b1c}.hero-product figcaption{font-size:11px;color:var(--muted);padding:12px 0;text-align:right}.case-section{display:grid;grid-template-columns:.9fr 1.3fr;gap:70px;padding:65px 35px;border-top:1px solid var(--line)}.section-title>span{font-size:12px;color:var(--green)}.section-title h2{font-size:32px;margin:15px 0 20px}.section-title>p{font-size:14px;color:var(--muted);max-width:390px}.problem-copy>p{max-width:650px}.problem-copy blockquote{font-size:22px;margin:25px 0;padding-left:20px;border-left:3px solid #aab88b}.scope-note{font-size:12px;color:var(--muted);line-height:1.9}.journey-section{background:#edf0e2;margin:0 35px 10px;padding:35px 35px 20px;border-radius:6px 40px 6px 6px}.journey-section>h2{font-size:22px}.journey{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);padding:0;margin:28px 0;gap:20px;counter-reset:steps}.journey li{border-top:1px solid #adba95;padding-top:17px;counter-increment:steps;position:relative}.journey li:before{content:counter(steps);font-size:11px;color:#7e8c64;position:absolute;top:-13px;background:#edf0e2;padding:0 8px 0 0}.journey span{display:block;font-weight:600}.journey small{display:block;font-size:12px;color:#75815e}.journey-section>p{font-size:12px;color:#7e886e}.recognition-section{align-items:start}.plain-list{padding-left:19px;font-size:13px;line-height:1.9}.plain-list li{margin-bottom:12px}.recognition-visuals{display:grid;grid-template-columns:1fr 1fr;gap:20px}.recognition-visuals figure{margin:0}.recognition-visuals img{border:1px solid #ddd2ba;border-radius:16px;box-shadow:0 5px 18px #81684112}.recognition-visuals figcaption{font-size:11px;color:var(--muted);line-height:1.8;margin-top:12px}.zoom-image{padding:0;border:0;background:transparent;display:block;width:100%;text-align:left;cursor:zoom-in}.companion-section{padding:60px 35px;background:#f0ead9}.companion-section>.section-title{max-width:650px}.companion-section .section-title h2{font-size:36px}.companion-section .section-title>p{max-width:600px}.wide-product{margin:30px 0}.wide-product img{border:9px solid #fffcf5;border-radius:9px}.wide-product figcaption{font-size:12px;color:var(--muted);margin-top:12px}.companion-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:38px}.companion-notes h3{font-size:17px}.companion-notes p{font-size:13px;color:var(--muted)}.decision-list article{padding:0 0 23px;margin-bottom:23px;border-bottom:1px dashed var(--line)}.decision-list article:last-child{margin-bottom:0}.decision-list h3{font-size:17px;margin-bottom:9px}.decision-list p{font-size:14px;color:var(--muted);margin-bottom:0}.validation-section{padding:60px 35px;border-top:1px solid var(--line);display:grid;grid-template-columns:.9fr 1.3fr;gap:70px}.validation-evidence dl{margin:0 0 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.validation-evidence dt{font-size:25px;color:#78825b}.validation-evidence dd{font-size:12px;color:var(--muted);margin:6px 0 0}.validation-evidence>p{font-size:14px}.validation-evidence details{font-size:13px;border:1px solid var(--line);padding:14px 18px}.validation-evidence summary{cursor:pointer}.validation-evidence ul{padding-left:20px}.research-questions p{display:grid;grid-template-columns:100px 1fr;gap:16px;margin:0;border-bottom:1px dashed var(--line);padding:15px 0;font-size:14px}.research-questions p span{color:var(--muted)}.next-section .scope-note{margin-top:24px}.case-footer{margin:0 35px;padding:35px 0;border-top:1px solid var(--line);display:flex;gap:30px;justify-content:space-between}.case-footer strong{font-size:20px}.case-footer p{font-size:12px;color:var(--muted);margin:9px 0 0}.case-footer>div:last-child{display:flex;gap:20px;align-items:start}.case-footer a{font-size:12px}#image-viewer{max-width:min(94vw,1200px);max-height:94vh;padding:35px 12px 12px;border:1px solid var(--line);border-radius:15px;background:var(--paper)}#image-viewer::backdrop{background:#332c24bb;backdrop-filter:blur(3px)}#close-viewer{position:fixed;right:5vw;top:4vh;font-size:29px;border:0;border-radius:50%;background:var(--paper);width:40px;height:40px;line-height:1}#image-viewer img{max-height:none;width:auto;margin:auto}
@media(max-width:850px){.case-nav{padding:18px 22px}.case-nav>div{display:none}.case-hero{grid-template-columns:1fr;padding:42px 22px;gap:30px}.hero-copy h1{font-size:52px}.hero-lead br{display:none}.hero-lead{max-width:490px}.project-context{max-width:490px}.hero-product{max-width:700px}.case-section,.validation-section{grid-template-columns:1fr;padding:42px 22px;gap:25px}.section-title h2,.companion-section .section-title h2{font-size:29px}.journey-section{margin:0 22px;padding:25px 20px 16px}.journey{grid-template-columns:1fr 1fr;gap:27px 20px}.companion-section{padding:42px 22px}.companion-notes{grid-template-columns:1fr;gap:10px}.case-footer{margin:0 22px;flex-direction:column}.recognition-visuals{max-width:550px;gap:13px}.research-questions p{grid-template-columns:83px 1fr}.wide-product img{border-width:4px}.validation-evidence dl{gap:16px}.validation-evidence dt{font-size:22px}}
@media(max-width:380px){.case-nav{padding-inline:16px;gap:10px}.case-nav .case-brand{font-size:19px}.case-nav .case-try{padding:6px 9px;font-size:11px}.case-hero,.case-section,.validation-section,.companion-section{padding-inline:16px}.hero-copy h1{font-size:45px}.journey-section{margin-inline:16px}.validation-evidence dl{grid-template-columns:1fr}.validation-evidence dl>div{display:grid;grid-template-columns:105px 1fr;align-items:center}.case-footer>div:last-child{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.breed-pair-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}.breed-pair-grid figure{margin:0}.breed-pair-grid img{border:5px solid #fffdf5;border-radius:12px}.breed-pair-grid figcaption{font-size:12px;line-height:1.8;color:var(--muted);padding:10px 3px}.breed-game-choices{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.breed-game-choices button{font-size:13px;padding:8px 16px;border:1px solid #a8ac8a;background:#fffaf0;color:#68734e;border-radius:8px}.breed-game-choices button[aria-pressed=true]{background:#73805a;color:#fffdf3;border-color:#73805a}.breed-game-choices+.wide-product{margin-top:15px}@media(max-width:650px){.breed-pair-grid{grid-template-columns:1fr;gap:18px}}
@media print{.case-nav,.case-try,.reading-link,#image-viewer{display:none}.case-section,.validation-section{break-inside:avoid}.case-hero{padding-top:20px}.case-footer{break-inside:avoid}body{font-size:12px}.section-title h2{font-size:26px}.case-section{padding-block:30px}.recognition-visuals img{max-height:440px;width:auto;margin:auto}.companion-section{padding-block:30px}.wide-product img{max-height:470px;width:auto;margin:auto}}