:root{--paper:#eee9dc;--paper-light:#f9f7ef;--forest:#263e32;--ink:#25352d;--muted:#69766c;--line:#c9c8b8;--copper:#b56e42;--gold:#d7a945;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:var(--paper);color:var(--ink);overflow-x:hidden}a{color:inherit}.shell{max-width:1440px;padding:0 52px;margin:auto}.section-index,.folio{font:700 11px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.18em;text-transform:uppercase}.section-index{color:var(--copper)}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:29px 0 25px;color:var(--ink);border-bottom:1px solid var(--line)}.wordmark{display:flex;flex-direction:column;line-height:.82;text-decoration:none;font-family:Georgia,'Times New Roman',serif;color:#173e37;letter-spacing:-.06em;white-space:nowrap}.wordmark span{font-size:11px;letter-spacing:.18em;margin-left:3px}.wordmark strong{font-size:27px}.wordmark small{align-self:flex-end;margin-top:3px;font:700 9px/1 Arial,Helvetica,sans-serif;letter-spacing:.26em;color:var(--copper)}.site-nav{display:flex;gap:31px;align-items:center;margin-left:auto}.site-nav a{text-decoration:none;font-size:13px;font-weight:600;color:#43544b}.site-nav a:hover,.underlined-link:hover{text-decoration:underline;text-underline-offset:5px}.nav-play{display:inline-flex;gap:25px;align-items:center;padding:12px 17px;border:1px solid #345448;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap;color:#23463a}.nav-play:hover,.editorial-button:hover{background:#36564b;color:white}.nav-play span{font-size:19px;line-height:.6}
.editorial-hero{display:grid;grid-template-columns:minmax(0,48%) minmax(0,52%);min-height:660px;align-items:center;border-bottom:1px solid var(--line);padding:55px 0 72px}.hero-intro{align-self:center;padding:0 22px 0 3.5%;position:relative;z-index:2}.folio{display:flex;align-items:center;gap:15px;color:#8d725c;margin:0 0 37px}.folio span{color:var(--copper);font-size:18px}.editorial-hero h1,.components-heading h2,.animal-heading h2,.history-section h2,.borsuk-section h2,.museum-section h2,.play-intro h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.065em}.editorial-hero h1{font-size:clamp(58px,6.3vw,102px);line-height:1.02;margin:0 0 34px;color:#253b30}.editorial-hero h1 em,.components-heading h2 em,.animal-heading h2 em,.history-section h2 em,.borsuk-section h2 em,.museum-section h2 em,.play-intro h2 em{font-weight:400;color:#ac6949}.hero-lead{max-width:500px;font-size:18px;line-height:1.7;color:#51635a;margin:0 0 34px}.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.editorial-button{display:inline-flex;align-items:center;gap:36px;background:var(--forest);padding:16px 20px;color:#fffaf0;text-decoration:none;font-size:13px;font-weight:700;transition:background .25s}.editorial-button span{font-size:18px}.underlined-link{font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:5px}.hero-side-note{font-family:Georgia,serif;font-style:italic;color:#8c9686;font-size:15px;margin:78px 0 0;max-width:380px}
.hero-product{position:relative;min-height:625px;margin:0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 10px}.hero-product::before{content:"";position:absolute;width:min(610px,95%);aspect-ratio:1;border-radius:50%;background:#d9dfc5;top:4%;left:50%;transform:translateX(-50%);filter:blur(2px)}.hero-mist{position:absolute;z-index:1;left:0;right:0;bottom:9%;height:180px;background:radial-gradient(ellipse,#f9f8f4d9 0,#f8f6ef88 36%,transparent 70%);filter:blur(14px);pointer-events:none;animation:mist-breathe 9s ease-in-out infinite alternate}.box-float{width:min(530px,85%);aspect-ratio:1;position:relative;z-index:2;perspective:1100px;animation:box-float 8s ease-in-out infinite}.box-object{--depth:64px;--half-depth:32px;--negative-half-depth:-32px;position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(-3deg) rotateY(-14deg);transition:transform 1.4s cubic-bezier(.22,.75,.25,1)}.box-object.is-back{transform:rotateX(-3deg) rotateY(165deg)}.box-face{position:absolute;inset:0;backface-visibility:hidden;background:#173e36;border:2px solid #9f692d;box-shadow:inset 0 0 0 4px #593f20,20px 25px 25px #45544855}.box-face img{display:block;width:100%;height:100%;object-fit:cover}.box-front{transform:translateZ(var(--half-depth))}.box-back{transform:rotateY(180deg) translateZ(var(--half-depth))}.box-side{position:absolute;top:0;bottom:0;left:0;width:var(--depth);background:#805021 url('./assets/editorial/box-side.webp') center/100% 100% no-repeat;transform-origin:left center;transform:translateZ(var(--negative-half-depth)) rotateY(-90deg);backface-visibility:hidden}.spin-button{position:relative;z-index:3;border:0;border-bottom:1px solid #6b7a70;border-radius:0;background:transparent;color:#344f40;font-weight:700;font-size:12px;letter-spacing:.04em;padding:8px 2px;margin:23px 0 12px}.spin-button span{font-size:20px;vertical-align:-2px;margin-right:6px}.spin-button:hover{color:#a35d36;border-color:#a35d36}.hero-product figcaption{position:relative;z-index:2;color:#7b877c;font-size:11px;text-align:center;line-height:1.5}
.editorial-statement{display:flex;align-items:flex-start;justify-content:space-between;gap:35px;padding:76px 3% 80px;border-bottom:1px solid var(--line)}.editorial-statement .section-index{white-space:nowrap;margin-top:10px}.editorial-statement p{font-family:Georgia,serif;font-size:clamp(30px,3.5vw,53px);line-height:1.2;letter-spacing:-.045em;margin:0;max-width:790px}.editorial-statement em{color:#b3714d;font-weight:400}
.components-section,.animal-section,.history-section,.borsuk-section,.museum-section{scroll-margin-top:80px}.components-section{padding:82px 0 100px}.section-topline{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:16px;font-size:11px;color:#87918a;letter-spacing:.03em}.components-heading,.animal-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;padding:35px 0 47px}.components-heading h2,.animal-heading h2{font-size:clamp(43px,5vw,72px);line-height:1.06;margin:0}.components-heading p,.animal-heading p{max-width:375px;font-size:16px;line-height:1.7;color:#67736b;margin:0 2% 4px 0}.component-gallery{display:grid;grid-template-columns:1.25fr .75fr;gap:22px}.component-gallery figure{margin:0;background:#fffdf9;overflow:hidden}.component-gallery img{display:block;width:100%;object-fit:contain;background:#fff}.component-feature{grid-row:span 2;display:flex;flex-direction:column}.component-feature img{height:550px}.component-small img{height:224px}.component-gallery figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:15px;padding:16px 18px 18px;border-top:1px solid #edece4}.component-gallery figcaption strong{font-family:Georgia,serif;font-size:18px;font-weight:400;color:#314638}.component-gallery figcaption span{font-size:10px;color:#879188;line-height:1.4;text-align:right;max-width:200px}.component-notes{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:36px}.component-notes div{display:flex;gap:22px;align-items:start;border-right:1px solid var(--line);padding:23px 30px 0 0}.component-notes div:not(:first-child){padding-left:30px}.component-notes div:last-child{border-right:0}.component-notes b{font:700 11px Arial,sans-serif;color:var(--copper)}.component-notes span{font:20px/1.35 Georgia,serif}
.animal-section{padding:0 0 110px}.animal-heading{padding-bottom:48px}.animal-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.animal-story{min-width:0;margin:0;background:#f8f7f0;border:1px solid #dedfd2;transition:transform .35s,box-shadow .35s}.animal-story:hover{transform:translateY(-8px);box-shadow:0 17px 24px #343d3021}.animal-portrait{height:275px;display:grid;place-items:end center;padding:12px 15px 0;overflow:hidden;background:linear-gradient(155deg,#e0e5d1,#d7e4ca)}.animal-story:nth-child(2) .animal-portrait{background:linear-gradient(155deg,#e5dfc9,#e9e4d3)}.animal-story:nth-child(3) .animal-portrait{background:linear-gradient(155deg,#e9d9d0,#efddd3)}.animal-story:nth-child(4) .animal-portrait{background:linear-gradient(155deg,#d3e2de,#dce7df)}.animal-story:nth-child(5) .animal-portrait{background:linear-gradient(155deg,#e6ddc8,#e9e1d2)}.animal-portrait img{width:100%;height:94%;object-fit:contain;object-position:bottom;filter:drop-shadow(4px 14px 8px #64785845);transition:transform .5s}.animal-story:hover img{transform:scale(1.06) translateY(-3px)}.animal-story figcaption{padding:21px 18px 23px}.animal-story figcaption>span{color:#b37959;font-size:10px;font-weight:800;letter-spacing:.12em}.animal-story figcaption strong{display:block;font:23px/1.2 Georgia,serif;letter-spacing:-.03em;margin:16px 0 12px}.animal-story figcaption p{font-size:12px;line-height:1.6;color:#69766e;margin:0 0 20px;min-height:77px}.animal-story figcaption small{font-size:10px;color:#8b9185}
.history-section{background:#233c31;color:#f4efe0;padding:83px 6% 95px;margin:0 -52px}.history-section .section-topline{border-color:#6c8073;color:#a4b1a5}.history-section .section-index{color:#d9b676}.history-opening{display:grid;grid-template-columns:1.3fr .7fr;gap:55px;align-items:end;padding:44px 0 60px}.history-section h2{font-size:clamp(45px,5vw,74px);line-height:1.08;margin:0}.history-section h2 em{color:#d5b579}.history-opening p{font-size:16px;line-height:1.8;color:#c8d1c7;margin:0}.history-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:58px;align-items:start}.archive-photo{margin:0}.archive-photo img{width:100%;display:block;aspect-ratio:1.35;object-fit:cover}.archive-photo figcaption,.museum-section figcaption{font-size:11px;line-height:1.5;color:#b5c2b4;margin-top:12px}.history-timeline article{display:grid;grid-template-columns:70px 1fr;gap:22px;border-top:1px solid #728678;padding:22px 0 24px}.history-timeline article>span{color:#ddbf80;font:22px Georgia,serif}.history-timeline h3{font:25px Georgia,serif;margin:0 0 10px}.history-timeline p{font-size:13px;line-height:1.7;color:#c0cec1;margin:0}.history-source{font-size:11px;line-height:1.6;color:#a7b9a7;margin:34px 0 0}.history-source a{color:#e3c991;text-decoration:underline;text-underline-offset:3px}
.borsuk-section{display:grid;grid-template-columns:1.2fr .8fr;gap:9%;align-items:center;padding:110px 3% 120px}.borsuk-copy h2{font-size:clamp(45px,4.9vw,70px);line-height:1.08;margin:28px 0 28px}.borsuk-copy>p{max-width:650px;font-size:17px;line-height:1.8;color:#647168}.borsuk-quote{border-left:2px solid #ad7a52;padding:10px 0 10px 24px;margin:31px 0}.borsuk-quote span{display:block;font-size:12px;color:#8a948a;margin-bottom:10px}.borsuk-quote strong{display:block;font:26px/1.4 Georgia,serif;font-weight:400;color:#365343}.borsuk-quote small{display:block;font-size:10px;color:#88948a;margin-top:14px}.borsuk-copy .borsuk-note{font-size:11px;color:#9a9f96;line-height:1.5}.borsuk-photo{margin:0;justify-self:center;width:min(100%,380px);background:#e2d7c4;padding:20px 20px 15px;transform:rotate(2deg);box-shadow:12px 16px 26px #2e3d2e2e}.borsuk-photo img{display:block;width:100%;height:auto;filter:sepia(.18)}.borsuk-photo figcaption{font-size:10px;line-height:1.5;color:#777c70;padding:14px 2px 0}
.museum-section{display:grid;grid-template-columns:1.12fr .88fr;gap:8%;align-items:center;border-top:1px solid var(--line);padding:72px 3% 100px}.museum-section figure{margin:0}.museum-section figure img{width:100%;display:block}.museum-section figcaption{color:#879186}.museum-section h2{font-size:clamp(40px,4.5vw,64px);line-height:1.1;margin:25px 0 22px}.museum-section p{font-size:16px;line-height:1.75;color:#68766a;margin:0 0 25px}
.play-intro{text-align:center;background:#dccdad;margin:0 -52px;padding:88px 24px 95px;scroll-margin-top:70px}.play-intro h2{font-size:clamp(48px,5.5vw,80px);line-height:1.04;margin:22px 0}.play-intro p{font-size:16px;line-height:1.7;max-width:600px;margin:0 auto 25px;color:#58665b}.play-rule{display:inline-block;border-top:1px solid #8b947e;border-bottom:1px solid #8b947e;padding:12px 0;color:#596759;font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:.15em}
#setup{margin-top:35px}#game{padding-top:20px}.panel{background:#f9f8f1;border:1px solid #d8dacd;border-radius:5px;box-shadow:none}.panel h2,.standings-title h2{font-family:Georgia,serif;color:#2d493a}.eyebrow{color:#9b7556}.step-pill{background:#e8e1cc;color:#665f4b}.primary{background:#315345;color:#fffaf2;box-shadow:none;border:1px solid #315345}.primary:hover{background:#243e34}.secondary{background:#f4f1e6;border-color:#aab4a3;color:#345348}.timer-panel{background:#eef0de}.farm-section{margin-top:28px}.dice-panel{border:1px solid #d8dacd}.roll-report{color:#526357}.player-card.current{border-color:#72917b;box-shadow:0 0 0 2px #dbe6dc}.text-button{color:#3d644f}.results-panel{background:#ecf0dc}
.site-footer{display:grid;grid-template-columns:1fr 1.3fr;gap:15%;padding:52px 0 64px;border-top:1px solid #bfc4b7;margin-top:70px;color:#526157}.site-footer h3{font:18px Georgia,serif;margin:0 0 14px;color:#293e32}.site-footer p{font-size:12px;line-height:1.7;max-width:590px}.site-footer a:not(.wordmark){color:#4b6a55;text-decoration:underline;text-underline-offset:3px}.footer-wordmark{max-width:max-content;margin-bottom:22px}
@keyframes box-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}@keyframes mist-breathe{from{opacity:.5;transform:translateX(-5%) scale(1)}to{opacity:.9;transform:translateX(6%) scale(1.08)}}
@media(max-width:1050px){.shell{padding:0 28px}.site-nav{gap:16px}.editorial-hero{min-height:580px}.hero-product{min-height:540px}.box-float{width:min(450px,90%)}.component-feature img{height:440px}.animal-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.history-section,.play-intro{margin-left:-28px;margin-right:-28px}.history-section{padding-left:5%;padding-right:5%}}
@media(max-width:700px){.shell{padding:0 18px}.site-header{gap:15px;flex-wrap:wrap;padding:18px 0}.site-nav{order:3;width:100%;justify-content:space-between;gap:8px;overflow-x:auto;padding-top:8px}.site-nav a{font-size:11px;white-space:nowrap}.nav-play{margin-left:auto;padding:10px;font-size:10px;gap:6px}.wordmark strong{font-size:21px}.editorial-hero{grid-template-columns:1fr;padding:46px 0 65px}.hero-intro{padding:0}.folio{font-size:9px;margin-bottom:24px}.editorial-hero h1{font-size:clamp(52px,13vw,78px);margin-bottom:22px}.hero-lead{font-size:16px}.hero-side-note{margin:40px 0 0}.hero-product{min-height:0;padding:52px 0 0}.hero-product::before{top:30px}.box-float{width:min(430px,83%)}.editorial-statement{display:block;padding:52px 0}.editorial-statement p{margin-top:24px;font-size:30px}.section-topline>span:last-child{display:none}.components-section{padding:62px 0 75px}.components-heading,.animal-heading{display:block;padding:28px 0 33px}.components-heading h2,.animal-heading h2{font-size:46px}.components-heading p,.animal-heading p{margin:25px 0 0;font-size:14px}.component-gallery{grid-template-columns:1fr}.component-feature{grid-row:auto}.component-feature img{height:auto}.component-small img{height:245px}.component-notes{grid-template-columns:1fr}.component-notes div,.component-notes div:not(:first-child){border-right:0;border-bottom:1px solid var(--line);padding:17px 0}.animal-section{padding-bottom:70px}.animal-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.animal-portrait{height:215px}.animal-story figcaption{padding:16px 13px}.animal-story figcaption strong{font-size:20px}.animal-story figcaption p{min-height:0}.history-section{margin:0 -18px;padding:65px 18px}.history-opening,.history-layout,.borsuk-section,.museum-section{grid-template-columns:1fr}.history-opening{gap:28px;padding:30px 0 45px}.history-section h2{font-size:48px}.history-layout{gap:35px}.borsuk-section{padding:75px 0;gap:30px}.borsuk-copy h2,.museum-section h2{font-size:46px}.borsuk-photo{width:min(75%,320px)}.museum-section{padding:65px 0;gap:28px}.play-intro{margin:0 -18px;padding:70px 18px}.play-intro h2{font-size:49px}.site-footer{grid-template-columns:1fr;gap:25px}.site-footer p{max-width:none}}
@media(max-width:440px){.hero-actions{gap:16px}.editorial-button{padding:13px 15px;gap:14px}.underlined-link{font-size:11px}.box-object{--depth:42px;--half-depth:21px;--negative-half-depth:-21px}.animal-gallery{grid-template-columns:1fr 1fr}.animal-portrait{height:180px}.animal-story figcaption p{font-size:11px}.animal-story figcaption strong{font-size:17px}.component-gallery figcaption{display:block}.component-gallery figcaption span{display:block;text-align:left;margin-top:5px}.history-timeline article{grid-template-columns:53px 1fr;gap:12px}.history-timeline article>span{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.box-float,.hero-mist{animation:none}.box-object,.animal-story,.animal-portrait img{transition:none}}

/* The six faces share one depth so the printed spine meets the front and back. */
.box-float{perspective:1200px;filter:drop-shadow(24px 31px 21px #35463557)}
.box-object{
  --depth:clamp(72px,7vw,100px);
  --half-depth:calc(var(--depth)/2);
  --negative-half-depth:calc(var(--depth)/-2);
  transform:rotateX(-5deg) rotateY(29deg)
}
.box-object.is-back{transform:rotateX(-5deg) rotateY(209deg)}
.box-face{box-shadow:inset 0 0 0 3px #5d3d1d,1px 1px 3px #231d16b8}
.box-side{
  width:var(--depth);
  transform-origin:center center;
  background:#8e582c url('./assets/editorial/box-side.webp') center/100% 100% no-repeat;
  border-top:2px solid #a67139;
  border-bottom:2px solid #593718;
  box-shadow:inset 5px 0 9px #321e1366,inset -3px 0 4px #f3c17a44
}
.box-side-left{left:var(--negative-half-depth);right:auto;transform:rotateY(-90deg)}
.box-side-right{right:var(--negative-half-depth);left:auto;transform:rotateY(90deg)}
.box-top,.box-bottom{
  position:absolute;
  left:0;
  width:100%;
  height:var(--depth);
  backface-visibility:hidden;
  background:repeating-linear-gradient(100deg,#a66b35 0 2px,#8d5426 3px 7px,#b27a43 8px 12px);
  border:2px solid #72421d;
  box-shadow:inset 0 0 11px #33201877
}
.box-top{top:var(--negative-half-depth);transform:rotateX(90deg)}
.box-bottom{bottom:var(--negative-half-depth);transform:rotateX(-90deg)}
@media(max-width:440px){.box-object{--depth:56px}}

/* Navigation uses miniature photographs of the actual round animal tokens. */
.site-header{gap:22px}
.site-nav{gap:5px}
.site-nav a{display:inline-flex;align-items:center;gap:7px;min-height:45px;padding:5px 9px;border:1px solid transparent;border-radius:12px;white-space:nowrap;transition:background .2s,border-color .2s,transform .2s}
.site-nav a:hover,.site-nav a:focus-visible{background:#e5eadb;border-color:#cad6bb;text-decoration:none;transform:translateY(-2px)}
.nav-token{display:inline-block;flex:none;width:30px;height:30px;border-radius:50%;background-image:url('./assets/physical-components.jpg');background-size:548% 388%;background-repeat:no-repeat;box-shadow:0 3px 5px #29432c33}
.nav-rabbit{background-position:5.8% 7.5%}
.nav-sheep{background-position:51.8% 50%}
.nav-pig{background-position:34.6% 7.5%}
.nav-cow{background-position:63.2% 7.5%}
.nav-horse{background-position:92.7% 7.5%}
.nav-play,.editorial-button{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:11px;min-height:53px;padding:8px 10px 8px 9px;border:1px solid #2f5942;border-radius:14px;background:linear-gradient(145deg,#376a49,#254a37);color:#fffcf0;box-shadow:0 4px 0 #193d2b,0 12px 22px #365e3e25;transition:transform .2s,box-shadow .2s,background .2s}
.nav-play::after,.editorial-button::after{content:"";position:absolute;left:10px;right:10px;bottom:2px;height:5px;opacity:.48;pointer-events:none;background:repeating-linear-gradient(73deg,transparent 0 4px,#9dcf6d 4px 5px,transparent 6px 10px,#a9d77a 10px 11px)}
.nav-play:hover,.editorial-button:hover{background:linear-gradient(145deg,#487d53,#2d5c42);color:#fffcf0;box-shadow:0 6px 0 #193d2b,0 15px 24px #365e3e2e;transform:translateY(-2px)}
.nav-play:focus-visible,.editorial-button:focus-visible,.underlined-link:focus-visible,.site-nav a:focus-visible{outline:3px solid #c5854d;outline-offset:3px}
.nav-play span,.editorial-button span{font-size:inherit;line-height:1.2}
.nav-play .nav-token,.editorial-button .nav-token{width:34px;height:34px;border:2px solid #f1e5c3}
.nav-play .button-arrow,.editorial-button .button-arrow{display:grid;place-items:center;width:31px;height:31px;margin-left:5px;border-radius:9px;background:#eff4df;color:#2c5941;font-size:20px;line-height:1}
.editorial-button{padding-right:9px}
.underlined-link{display:inline-flex;align-items:center;gap:9px;min-height:53px;padding:8px 15px 8px 9px;border:1px solid #cad4bd;border-radius:14px;background:#f3f2e8;color:#2c503b;text-decoration:none;box-shadow:0 4px 0 #d8ddcb;transition:transform .2s,background .2s}
.underlined-link:hover{background:#e4ebd9;text-decoration:none;transform:translateY(-2px)}
.underlined-link .nav-token{width:31px;height:31px}
.hero-actions{gap:12px}
.dog-showcase{display:grid;grid-template-columns:1.2fr .72fr .72fr;gap:16px;margin-top:32px;padding:22px;background:#e7eddf;border:1px solid #cdd9c5;border-radius:22px}
.dog-showcase-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:12px 20px}
.dog-showcase-copy .section-index{font-size:10px;color:#9a6846;letter-spacing:.14em;text-transform:uppercase}
.dog-showcase h3{margin:15px 0 14px;font:400 clamp(27px,3.2vw,43px)/1.13 Georgia,serif;letter-spacing:-.05em;color:#2b4835}
.dog-showcase h3 em{font-weight:400;color:#a26346}
.dog-showcase p{max-width:410px;margin:0;color:#526857;font-size:14px;line-height:1.65}
.dog-showcase-copy small{margin-top:24px;color:#778578;font-size:10px;line-height:1.4}
.dog-specimen{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;margin:0;min-width:0;padding:12px 14px 16px;border:1px solid #dae0d2;border-radius:16px;background:#fff;box-shadow:0 6px 12px #304e3520}
.dog-specimen svg{display:block;width:100%;height:280px;max-width:260px;overflow:hidden}
.dog-specimen figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:10px;width:100%;padding-top:7px;border-top:1px solid #e8e9df;color:#34513d}
.dog-specimen figcaption strong{font:20px Georgia,serif}
.dog-specimen figcaption span{font-size:10px;color:#829081}
@media(max-width:1120px){.site-header{flex-wrap:wrap}.site-nav{order:3;width:100%;justify-content:space-between;margin:0}.nav-play{margin-left:auto}}
@media(max-width:800px){.dog-showcase{grid-template-columns:repeat(2,minmax(0,1fr))}.dog-showcase-copy{grid-column:1/-1;padding:8px 10px}.dog-showcase-copy small{margin-top:12px}.dog-specimen svg{height:240px}}
@media(max-width:700px){.site-nav{justify-content:flex-start;gap:4px}.site-nav a{min-height:40px;padding:4px 7px;font-size:11px}.nav-token{width:24px;height:24px}.nav-play{min-height:43px;padding:5px 7px}.nav-play .nav-token{width:26px;height:26px}.nav-play .button-arrow{width:24px;height:24px;font-size:16px}.editorial-button,.underlined-link{min-height:47px}.editorial-button .nav-token{width:29px;height:29px}}
@media(max-width:500px){.dog-showcase{gap:8px;padding:10px}.dog-specimen{padding:5px 7px 10px}.dog-specimen svg{height:180px}.dog-specimen figcaption{display:block;text-align:center}.dog-specimen figcaption strong{font-size:16px}.dog-specimen figcaption span{display:block;margin-top:3px;font-size:9px}}
.history-vignette{display:grid;grid-template-columns:190px 1fr;gap:35px;border-top:1px solid #6c8073;border-bottom:1px solid #6c8073;padding:26px 0;margin-top:42px;align-items:start}.history-vignette span{color:#d9b676;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.13em}.history-vignette p{font:20px/1.6 Georgia,serif;color:#f2ecda;margin:0;max-width:950px}.education-note{text-align:center;color:#778078;font-size:11px;line-height:1.6;margin:20px 0 28px}
@media(max-width:700px){.history-vignette{grid-template-columns:1fr;gap:15px}.history-vignette p{font-size:18px}}
.animal-gallery .animal-story .animal-portrait{position:relative;display:block;height:auto;aspect-ratio:1/1;padding:0;background:#ece9dc;overflow:hidden}
.animal-gallery .animal-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;filter:none;transition:none}
.animal-gallery .animal-story:hover img{transform:none}

/* Start the public release history with a compact, consistent footer. */
.site-version{grid-column:1/-1;display:grid;grid-template-columns:minmax(210px,.8fr) minmax(0,2fr) auto;align-items:end;gap:26px;margin-top:14px;padding-top:28px;border-top:1px solid #cbd0c2}
.version-heading{display:flex;flex-direction:column;align-items:flex-start}
.version-heading>span{font-size:10px;font-weight:800;letter-spacing:.15em;color:#a26647}
.version-heading strong{margin-top:7px;font:400 31px/1.1 Georgia,serif;letter-spacing:-.04em;color:#2a4535}
.version-heading p{margin:9px 0 0;max-width:230px;font-size:11px;line-height:1.55;color:#748074}
.site-version ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;counter-reset:version-areas;list-style:none;margin:0;padding:0}
.site-version li{min-height:76px;padding:12px 11px;border:1px solid #d5dacd;border-radius:12px;background:#f3f4ea;color:#385341;font-size:12px;font-weight:700;line-height:1.3}
.site-version li::before{counter-increment:version-areas;content:"0" counter(version-areas);display:block;margin-bottom:8px;color:#ac744e;font-size:10px;letter-spacing:.1em}
.site-version .version-history-link{align-self:end;white-space:nowrap;font-size:11px;font-weight:700}
@media(max-width:950px){.site-version{grid-template-columns:1fr;gap:18px}.version-heading p{max-width:none}.site-version .version-history-link{justify-self:start}}
@media(max-width:540px){.site-version ol{grid-template-columns:1fr;gap:7px}.site-version li{min-height:0;display:flex;align-items:center;gap:12px}.site-version li::before{margin:0}}
