:root{font-family:Arial,Helvetica,sans-serif;color:#263d31;background:#f6f3eb;font-synthesis:none}.animation-controls{padding:12px 5% 20px;font-size:12px}.animation-controls[hidden]{display:none}@media(min-width:751px){.dog-page.environment-page .field{height:clamp(320px,46vh,480px)}}.clip-picker,.steering-controls{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}.clip-picker button,.steering-controls button,.anim-page .field-tools button{min-height:44px;min-width:54px;font-size:12px}.steering-controls label{display:flex;align-items:center;gap:8px;min-height:44px}.steering-controls input{width:140px;accent-color:#264b36}#readout{display:block;font:12px/1.6 monospace;min-height:38px}#joystick{position:absolute;bottom:48px;right:5%;width:106px;height:106px;border-radius:50%;background:#f6f3ebbb;border:1px solid #738776;touch-action:none;display:grid;place-items:center}#stick{display:block;width:38px;height:38px;border-radius:50%;background:#264b36c9;pointer-events:none}#drive-controls[hidden]{display:none}#drive-controls{position:absolute;inset:0;z-index:30;pointer-events:none}#drive-controls button,#drive-pad{pointer-events:auto}.driving .field-tools,.driving .herd-detail-label{display:none}.drive-top button,.drive-actions button{background:#f6f3eb;color:#173425;opacity:1}.goat-standing-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 5%;font-size:12px}.goat-standing-actions button{min-height:44px}@media(pointer:coarse){.goat-standing-actions small{display:none}}.environment-page.driving .field{position:fixed;inset:0;height:100dvh;z-index:20;border:0}.driving .orbit-hint{display:none}.drive-top{position:absolute;top:max(12px,env(safe-area-inset-top));left:16px;right:16px;display:flex;align-items:center;gap:16px}.drive-top p{margin:0;padding:8px;color:#173425;background:#f6f3ebcc;font-size:12px}#drive-pad{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:24px;width:112px;height:112px;border:2px solid #f6f3ebbb;border-radius:50%;background:#214b3688;display:grid;place-items:center;touch-action:none}#drive-stick{width:42px;height:42px;border-radius:50%;background:#f6f3ebdd;pointer-events:none}.drive-actions{position:absolute;right:24px;bottom:max(24px,env(safe-area-inset-bottom));display:flex;gap:8px}.drive-actions button,.drive-top button,#drive{min-height:48px;font-size:13px}@media(max-width:600px){.environment-page.driving .field{height:100dvh}.drive-top p{display:none}#drive-pad{left:16px;bottom:max(20px,env(safe-area-inset-bottom));width:104px;height:104px}.drive-actions{right:16px;bottom:max(20px,env(safe-area-inset-bottom));flex-direction:column;gap:6px}.drive-actions button{min-height:44px;padding:8px 12px;font-size:12px}}*{box-sizing:border-box}body{margin:0}button{font:inherit}#app{max-width:1600px;margin:auto}header{padding:22px 5% 24px}.tricolour{display:flex;width:72px;height:5px;margin-bottom:19px}.tricolour i{flex:1;background:#346f45}.tricolour i:nth-child(2){background:#fff}.tricolour i:nth-child(3){background:#d77a39}.title-card{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.eyebrow,.year{font-size:10px;text-transform:uppercase;letter-spacing:.16em;line-height:1.6;margin:0 0 7px;font-weight:700}.eyebrow span{opacity:.65;margin-left:10px}h1{font:64px/.95 Georgia,Times New Roman,serif;letter-spacing:-.055em;margin:0;color:#244d36}.caption{font-size:12px;line-height:1.65;margin:0;text-align:right}.caption strong{color:#b45d2a;font-weight:500}.field{position:relative;height:clamp(360px,58vh,650px);background:#cbd5ce;border-top:1px solid #bec7bd;border-bottom:1px solid #abb99e}#viewport,canvas{width:100%;height:100%;display:block}canvas{touch-action:none}#status{position:absolute;top:43%;left:10%;width:80%;text-align:center;font-size:14px;background:#f6f3ebee;padding:18px;border-radius:3px}#status[hidden]{display:none}#status:before{content:"";display:inline-block;width:12px;height:12px;margin-right:10px;border:2px solid #264b3640;border-top-color:#264b36;border-radius:50%;vertical-align:-2px;animation:loading-spin 1s linear infinite}@keyframes loading-spin{to{transform:rotate(360deg)}}.field-tools{position:absolute;top:15px;right:5%;display:flex;gap:6px}button{padding:8px 11px;background:#f6f3ebe8;color:#264b36;border:1px solid #73877655;border-radius:3px;cursor:pointer;font-size:11px}button:hover{background:#fff}button[aria-pressed=true]{background:#264b36;color:#fff}button:focus-visible,summary:focus-visible{outline:3px solid #d77a39;outline-offset:3px}.orbit-hint{position:absolute;bottom:12px;left:5%;margin:0;font-size:10px;color:#273f2b;background:#f6f3ebbf;padding:6px 9px;border-radius:3px}.orbit-hint span,footer span{opacity:.55;padding:0 5px}.model-captions{display:flex;align-items:center;justify-content:space-between;padding:22px 5% 20px;gap:20px}.colour-control{display:flex;flex-shrink:0}.model-controls{display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex-shrink:0}#engine:disabled{cursor:default}.colour-control button{border-radius:0;margin-left:-1px;min-height:40px}.colour-control button:first-child{border-radius:4px 0 0 4px;margin-left:0}.colour-control button:last-child{border-radius:0 4px 4px 0}.colour-control span{display:block;font-size:9px;opacity:.75;margin-top:2px}button:disabled{cursor:wait;opacity:.6}.year{color:#426b4e;font-size:9px}h2{font:20px/1.2 Georgia,Times New Roman,serif;letter-spacing:-.02em;margin:0 0 6px}article>p:not(.year){font-size:11px;line-height:1.5;margin:0;color:#59675b;max-width:470px}article>p.motion-note{margin-top:5px;font-size:10px}.archive{border-top:1px solid #d8ded1;margin:0 5%}summary{cursor:pointer;font-size:11px;padding:13px 0}summary span{color:#7a8478;float:right}.reference-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:10px 0 18px}figure{margin:0}figure img{display:block;width:100%;aspect-ratio:1.32;object-fit:cover;border-radius:3px}figcaption{font-size:10px;line-height:1.5;color:#667461;margin-top:7px}footer{padding:12px 5% 18px;display:flex;justify-content:space-between;gap:16px;color:#6b7668;font-size:9px;line-height:1.65}footer p{margin:0}.phone-break{display:none}.field-presets{display:flex;flex-wrap:wrap;gap:7px;padding:14px 5% 0}.environment-page .field{height:clamp(420px,65vh,800px)}.environment-page article>p:not(.year){max-width:650px}.environment-page .caption br{display:initial}a{color:#356447;text-underline-offset:3px}.page-links{display:flex;flex-wrap:wrap;gap:8px}.page-links a{display:inline-flex;align-items:center;min-height:44px;padding:9px 14px;border:1px solid #73877688;border-radius:3px;text-decoration:none;font-size:12px;background:#fff8}.page-links a:hover{background:#fff}.page-links a:focus-visible{outline:3px solid #d77a39;outline-offset:3px}.cast-picker{display:flex;flex-wrap:wrap;gap:7px;padding:0 5% 14px}.cast-picker button{flex:0 0 auto;min-height:44px;scroll-snap-align:center;font-size:12px}.cast-page .field{height:clamp(360px,57vh,660px)}.cast-page .eyebrow{text-transform:none}.cast-page .model-controls[hidden]{display:none}.cast-page #engine,.cast-page .field-tools button{min-height:44px}.cast-about p{font-size:12px;line-height:1.6;max-width:780px}.cast-page .control-heading{margin:0 0 9px;font-size:13px;font-weight:600;color:#264b36}.cast-page .clip-picker button{font-size:13px}.cast-page[data-touch=true] #cast-shortcuts,.cast-page[data-touch=true] footer p:has(#cast-shortcuts){display:none}.cast-page[data-touch=true] .clip-picker button{min-height:48px}@media(any-pointer:coarse),(hover:none){.cast-page #cast-shortcuts,.cast-page footer p:has(#cast-shortcuts){display:none}.cast-page .clip-picker button{min-height:48px}}@media(max-width:600px){header{padding-top:17px;padding-bottom:18px}.tricolour{margin-bottom:14px}h1{font-size:49px}.eyebrow{font-size:8px;letter-spacing:.1em}.eyebrow span{display:none}.title-card{display:block}.caption{text-align:left;font-size:10px;margin-top:10px}.caption br{display:none}.caption strong{margin-left:7px}.field{height:410px}.environment-page .field{height:430px}.field-tools{top:12px;left:5%;right:auto}button{padding:7px 9px;font-size:10px}.model-captions{padding-top:18px;gap:16px;flex-direction:column;align-items:flex-start}h2{font-size:17px}article>p:not(.year){font-size:10px}.reference-grid{grid-template-columns:1fr}footer{display:block;font-size:9px}footer p+p{margin-top:6px}.phone-break{display:block}.page-links{margin-top:13px}.cast-page .field{height:410px}.cast-page .model-captions{min-height:145px}footer p:first-child>span{display:none}.anim-page header{padding-top:12px;padding-bottom:12px}.anim-page .tricolour{margin-bottom:10px}.anim-page h1{font-size:40px}.anim-page .page-links{gap:6px;margin-top:10px}.anim-page .page-links a{padding:7px 9px;font-size:11px}.anim-page .field{height:clamp(260px,38dvh,340px)}.anim-page .animation-controls{padding-top:10px;padding-bottom:8px}.anim-page .clip-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:10px}.anim-page .clip-picker button{padding:7px 4px;min-width:0}.anim-page .steering-controls{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:6px}.anim-page .steering-controls label{min-width:0}.anim-page .steering-controls input{min-width:0;width:100%}.anim-page #readout{font-size:10px;min-height:32px}.anim-page .animation-controls>p{line-height:1.4;margin:4px 0;font-size:10px}.anim-page #joystick{width:90px;height:90px;bottom:40px}.anim-page .orbit-hint{font-size:9px;padding:5px}.goat-page main,.cast-page main{display:flex;flex-direction:column}.goat-page main>.field,.cast-page main>.field{order:0}.goat-page main>.animation-controls,.cast-page main>.animation-controls{order:1;padding-top:10px;padding-bottom:0}.goat-page main>.model-captions,.cast-page main>.model-captions{order:2}.goat-page main>.archive,.cast-page main>.archive{order:3}.cast-page main>.cast-picker{order:-1}.cast-page .cast-picker{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:10px;scrollbar-width:thin}.cast-page .cast-picker button{white-space:nowrap}.cast-page .cast-picker[data-scroll-more=true]{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 32px),transparent)}.goat-page .clip-picker,.cast-page .clip-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.cast-page .clip-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.goat-page .field{height:clamp(320px,44dvh,410px)}.cast-page .field{height:clamp(300px,40dvh,360px)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}#status:before{animation:none}}.flock-controls .flock-views{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.herd-page.anim-page .field{height:clamp(360px,52dvh,600px)}.herd-page .field[data-herd-layout=side] .field-tools{top:12px;right:8px;flex-direction:column;width:var(--herd-detail)}.herd-page .field[data-herd-layout=side] .orbit-hint{left:auto;right:8px;bottom:calc(var(--herd-detail) + 24px);width:var(--herd-detail)}.herd-page .field[data-herd-layout=bottom] .field-tools{inset:auto auto 58px 14px;flex-direction:column}.herd-page .field[data-herd-layout=bottom] .orbit-hint{left:14px;max-width:calc(100% - var(--herd-detail) - 38px)}.flock-controls button,.field-tools #sheep-sound,.field-tools #flock-motion{min-height:44px}.flock-weights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 22px}.flock-weights label,.field-audio label{font-size:12px;display:flex;align-items:center;gap:8px}.flock-weights input{min-width:0;width:100%;accent-color:#264b36}#flock-readout{display:block;font:12px/1.6 monospace;margin:8px 0;min-height:20px}.field-audio{display:flex;align-items:center;gap:15px;padding:8px 5% 0;font-size:10px}@media(max-width:600px){.flock-page .field{height:300px}.flock-page .clip-picker{grid-template-columns:repeat(5,minmax(0,1fr))}.flock-weights{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px}.flock-weights label{font-size:10px}.flock-page #flock-readout{font-size:10px;margin:5px 0}.field-audio{flex-wrap:wrap;gap:4px 14px}}