.pet-case{--ink:#f4eee4;--muted:#bab0a2;--gold:#e0b47c;--rule:#443b30;--paper:#f3ecdf;--forest:#203c31;color:var(--ink);font-size:16px}.pet-case .site-nav{position:relative;background:var(--bg-deep);border-bottom:1px solid var(--rule);padding:22px 5%;gap:30px}.pet-case .nav-brand img{width:42px;height:42px}.pet-case .nav-links{gap:24px}.pet-case main{max-width:1240px;margin:auto;padding:0 40px}.pet-case a{color:var(--gold)}.pet-case .eyebrow{font:12px var(--font-mono);letter-spacing:.13em;text-transform:uppercase;color:var(--gold);margin:0 0 22px}.pet-case .pet-hero{padding:76px 0 58px;display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:center}.pet-case h1{font:normal clamp(44px,5.7vw,76px)/1.05 Georgia,serif;letter-spacing:-.04em;margin:0 0 26px}.pet-case h1 em{color:var(--gold);font-weight:normal}.pet-case .lede{font-size:19px;line-height:1.7;color:var(--muted);max-width:610px;margin:0 0 28px}.pet-case .hero-art{margin:0;position:relative;padding:20px 0}.pet-case .hero-book{position:relative;max-width:450px;margin:auto;background:var(--paper);transform:rotate(3deg);border-left:12px solid #405845;box-shadow:12px 14px 0 #322a21,18px 22px 48px #0005}.pet-case .hero-book img{width:100%;display:block}.pet-case .hero-book .book-label{position:absolute;top:7%;left:8%;right:8%;text-align:center;color:#294333;text-shadow:0 1px 8px #fff9;font:normal clamp(23px,2.8vw,36px)/1.12 Georgia,serif}.pet-case .hero-art figcaption{font:11px var(--font-mono);color:var(--muted);margin-top:40px;text-align:right}.pet-case .actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.pet-case .btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 19px;border:1px solid var(--gold);font:600 13px var(--font-sans);text-decoration:none;background:var(--gold);color:#241c13;border-radius:3px;cursor:pointer}.pet-case .btn.secondary{background:transparent;color:var(--ink);border-color:var(--rule)}.pet-case .btn:hover{filter:brightness(1.12)}.pet-case .btn:focus-visible,.pet-case button:focus-visible,.pet-case a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.pet-case .facts{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:30px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:24px 0;margin-bottom:80px}.pet-case .facts span{display:block;font:11px var(--font-mono);color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:7px}.pet-case .facts strong{font-weight:500;font-size:14px}.pet-case .chapter{padding:0 0 80px;scroll-margin-top:28px}.pet-case .section-head{display:grid;grid-template-columns:220px 1fr;gap:24px;margin:0 0 32px}.pet-case .section-head .eyebrow{padding-top:12px}.pet-case h2{font:normal clamp(30px,3.1vw,44px)/1.18 Georgia,serif;letter-spacing:-.025em;margin:0 0 20px}.pet-case h3{font-size:19px;line-height:1.4;margin:0 0 12px}.pet-case p{line-height:1.8}.pet-case .section-copy{max-width:735px}.pet-case .section-copy p{color:var(--muted);margin:0 0 16px}.pet-case .section-copy strong{color:var(--ink);font-weight:600}.pet-case .artifact-stage{background:var(--paper);color:#2e382e;padding:34px;border-radius:4px;overflow:hidden}.pet-case .artifact-top{display:flex;justify-content:space-between;gap:20px;margin-bottom:25px;align-items:center}.pet-case .artifact-top p{font:12px var(--font-mono);margin:0;color:#566455}.pet-case .artifact-top h3{font:normal 28px Georgia,serif;margin:0 0 9px}.pet-case .artifact-stage .btn{background:#284b3a;color:#fff6e7;border-color:#284b3a}.pet-case .spread{display:grid;grid-template-columns:1fr 1fr;max-width:890px;margin:0 auto;box-shadow:0 8px 25px #49392126}.pet-case .spread img{display:block;width:100%;min-width:0}.pet-case .reader-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:890px;margin:18px auto 0}.pet-case .reader-controls button{background:transparent;border:1px solid #b1b8aa;color:#284434;min-height:42px;padding:8px 16px;border-radius:3px;cursor:pointer;font:13px var(--font-mono)}.pet-case .reader-controls button:disabled{opacity:.35;cursor:default}.pet-case #page-count{font:12px var(--font-mono);color:#566455;text-align:center}.pet-case .artifact-caption{color:#566455;font-size:12px;max-width:890px;margin:18px auto 0}.pet-case .book-links{display:flex;gap:24px;margin-top:18px;font-size:13px;flex-wrap:wrap}.pet-case .artifact-stage a{color:#234b36}.pet-case .work-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px}.pet-case .work-detail{padding-top:22px;border-top:1px solid var(--rule)}.pet-case .work-detail .number{font:12px var(--font-mono);color:var(--gold);display:block;margin-bottom:14px}.pet-case .work-detail p{color:var(--muted);font-size:15px;margin:0}.pet-case .diagram{width:100%;display:block;border:1px solid var(--rule);border-radius:4px;background:#211d18}.pet-case .diagram-caption{font:12px/1.7 var(--font-mono);color:var(--muted);margin:14px 0 30px}.pet-case .diagram-download{display:flex;justify-content:flex-end;margin-top:12px;font-size:12px}.pet-case .timeline{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}.pet-case .timeline li{display:grid;grid-template-columns:190px 1fr;gap:35px;padding:24px 0;border-bottom:1px solid var(--rule)}.pet-case .timeline time{font:12px var(--font-mono);color:var(--gold);padding-top:4px}.pet-case .timeline h3{font-size:17px;margin-bottom:7px}.pet-case .timeline p{font-size:14px;color:var(--muted);margin:0}.pet-case .pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pet-case .pair figure{margin:0}.pet-case .pair img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:3px}.pet-case figcaption{font-size:12px;color:var(--muted);margin-top:12px}.pet-case .closing{border-top:1px solid var(--rule);padding:60px 0 70px;display:grid;grid-template-columns:1.1fr 1fr;gap:65px}.pet-case .closing p{color:var(--muted);margin-top:0}.pet-case .proof-note{font-size:12px;color:var(--muted);border-left:2px solid var(--gold);padding-left:16px;margin-top:24px}.pet-case .case-subnav{display:flex;gap:24px;flex-wrap:wrap;font:12px var(--font-mono);padding:18px 0;border-bottom:1px solid var(--rule)}.pet-case .case-subnav a{text-decoration:none;color:var(--muted)}.pet-case .case-subnav a:hover{color:var(--gold)}.pet-case .site-footer{margin:0}.pet-case .site-footer p{color:var(--muted)}
@media(max-width:1000px){.pet-case .nav-links{gap:15px}.pet-case .nav-brand span{display:none}.pet-case .pet-hero{gap:35px}.pet-case .section-head{grid-template-columns:160px 1fr}.pet-case main{padding:0 26px}.pet-case .timeline li{grid-template-columns:145px 1fr}.pet-case .facts{grid-template-columns:1fr 1fr}.pet-case .facts>div:last-child{grid-column:1/-1}}
@media(max-width:700px){.pet-case .site-nav{padding:18px 24px}.pet-case main{padding:0 20px}.pet-case .nav-brand span{display:inline}.pet-case .pet-hero{grid-template-columns:1fr;padding:45px 0 32px;gap:25px}.pet-case h1{font-size:48px}.pet-case .hero-art{max-width:390px;width:90%;margin:auto}.pet-case .hero-art figcaption{text-align:center;margin-top:30px}.pet-case .lede{font-size:17px}.pet-case .facts{margin-bottom:45px;gap:20px;padding:20px 0}.pet-case .section-head{display:block}.pet-case .section-head .eyebrow{margin-bottom:16px}.pet-case .chapter{padding-bottom:50px}.pet-case .artifact-stage{padding:18px 12px}.pet-case .artifact-top{display:block;padding:0 8px}.pet-case .artifact-top .btn{margin-top:14px}.pet-case .artifact-top h3{font-size:25px}.pet-case .reader-controls button{padding:8px 10px}.pet-case .work-detail-grid{grid-template-columns:1fr;gap:26px}.pet-case .timeline li{grid-template-columns:1fr;gap:10px}.pet-case .closing{grid-template-columns:1fr;gap:12px;padding:40px 0}.pet-case .diagram{min-width:850px}.pet-case .diagram-scroll{overflow:auto;padding-bottom:8px}.pet-case .case-subnav{gap:18px}.pet-case .book-links{gap:15px}.pet-case .pair{gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*{transition:none!important;animation:none!important}}
.pet-case .hero-book img,.pet-case .spread img{height:auto}
.pet-case .spread img[hidden]{display:none}.pet-case .spread:has(img[hidden]){grid-template-columns:minmax(0,445px);justify-content:center;box-shadow:none}@media(max-width:700px){.pet-case .spread{grid-template-columns:1fr}}