/* The owner's Scottish Fold and a small R35 share the build-note stage. */
.site-build-note{overflow:visible}
.site-build-note .site-build-note-inner{position:relative}
.site-build-note .site-note-mascots{position:relative;isolation:isolate;display:block;flex:0 0 220px;width:220px;align-self:stretch;min-height:67px;overflow:visible;pointer-events:none}
.site-build-note .site-note-mascots img{position:absolute;display:block;max-width:none;object-fit:contain;transform:none;animation:none;filter:drop-shadow(0 5px 5px rgba(0,0,0,.44))}
.site-build-note .site-note-mascots .site-cat-mascot,.site-build-note .site-note-mascots .site-cat-paw{z-index:3;left:0;bottom:-30px;width:105px;height:110px;object-position:center bottom;transform-origin:55% 83%}
.site-build-note .site-note-mascots .site-cat-paw{z-index:5;clip-path:polygon(51% 62%,100% 61%,100% 100%,51% 100%);filter:none;transform-origin:76% 78%}
.site-build-note .site-note-car-wrap{position:absolute;z-index:4;left:75px;bottom:-18px;display:block;width:145px;height:70px;transform-origin:43% 85%}
.site-build-note .site-note-car-wrap .site-note-car{inset:0;width:100%;height:100%;object-position:center bottom}
.site-build-note .site-note-car-wrap:after{content:"";position:absolute;z-index:2;left:7%;top:46%;width:24px;height:16px;border-radius:50%;background:radial-gradient(circle at 36% 50%,rgba(255,255,255,.97),rgba(255,244,208,.67) 18%,rgba(255,232,182,.2) 43%,transparent 72%);filter:blur(2px);mix-blend-mode:screen;opacity:0;pointer-events:none}
.site-build-note.is-dismissed .site-note-mascots{display:none}
@media(prefers-reduced-motion:no-preference){
  .site-build-note.site-note-ready .site-note-mascots:not(.is-active) .site-cat-mascot,.site-build-note.site-note-ready .site-note-mascots:not(.is-active) .site-cat-paw{opacity:0;transform:translateY(24px) rotate(-5deg)}
  .site-build-note.site-note-ready .site-note-mascots:not(.is-active) .site-note-car-wrap{opacity:0;transform:translateX(48px)}
  .site-build-note .site-note-mascots.is-active .site-cat-mascot{animation:site-cat-emerge 1.1s cubic-bezier(.2,.75,.25,1) both,site-cat-breathe 5.8s ease-in-out 2.77s infinite}
  .site-build-note .site-note-mascots.is-active .site-note-car-wrap{animation:site-car-arrive 1.35s cubic-bezier(.24,.7,.27,1) .22s both}
  .site-build-note .site-note-mascots.is-active .site-note-car-wrap:after{animation:site-car-headlight 1.4s ease-in-out 1.25s both}
  .site-build-note .site-note-mascots.is-active .site-cat-paw{animation:site-cat-paw 2.45s ease-in-out .32s both,site-cat-breathe 5.8s ease-in-out 2.77s infinite}
}
@keyframes site-cat-emerge{0%{opacity:0;transform:translateY(24px) rotate(-5deg)}52%{opacity:1;transform:translateY(-2px) rotate(1deg)}100%{opacity:1;transform:translateY(0) rotate(0)}}
@keyframes site-cat-breathe{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-2px) rotate(1deg)}}
@keyframes site-car-arrive{0%{opacity:0;transform:translateX(48px) rotate(0)}42%{opacity:1}67%{transform:translateX(-6px) rotate(-1.8deg)}80%{transform:translateX(3px) rotate(.7deg)}100%{opacity:1;transform:translateX(0) rotate(0)}}
@keyframes site-car-headlight{0%,22%,44%,100%{opacity:0}9%,32%{opacity:.9}}
@keyframes site-cat-paw{0%,54%{opacity:0;transform:translateY(24px) rotate(-5deg)}67%{opacity:1;transform:translate(7px,-3px) rotate(-7deg)}76%{transform:translate(9px,-4px) rotate(-5deg)}100%{opacity:1;transform:translateY(0) rotate(0)}}
@media(max-width:700px){
  .site-build-note .site-note-mascots{flex-basis:123px;width:123px;min-height:68px}
  .site-build-note .site-note-mascots .site-cat-mascot,.site-build-note .site-note-mascots .site-cat-paw{left:-5px;bottom:-22px;width:76px;height:80px}
  .site-build-note .site-note-car-wrap{left:44px;bottom:-16px;width:79px;height:39px}
  .site-build-note .site-note-car-wrap:after{width:16px;height:11px}
}
@media(max-width:360px){
  .site-build-note .site-note-mascots{flex-basis:101px;width:101px}
  .site-build-note .site-note-mascots .site-cat-mascot,.site-build-note .site-note-mascots .site-cat-paw{width:70px;height:73px}
  .site-build-note .site-note-car-wrap{left:31px;width:70px;height:35px}
}
@media(prefers-reduced-motion:reduce){
  .site-build-note .site-note-mascots .site-cat-mascot,.site-build-note .site-note-mascots .site-cat-paw,.site-build-note .site-note-car-wrap{animation:none!important;transform:none!important;opacity:1!important}
  .site-build-note .site-note-car-wrap:after{display:none}
}
.motion-off .site-build-note .site-note-mascots .site-cat-mascot,.motion-off .site-build-note .site-note-mascots .site-cat-paw,.motion-off .site-build-note .site-note-car-wrap{animation:none!important;transform:none!important;opacity:1!important}
.motion-off .site-build-note .site-note-car-wrap:after{display:none!important}

/* A deliberate, visitor-initiated replay of the real R35 recording. */
.site-build-note .site-note-bubble{flex:1 1 360px;min-width:0}
.site-build-note .site-note-audio{display:flex;flex:0 0 173px;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}
.site-build-note .site-note-audio[hidden],.site-build-note.is-dismissed .site-note-audio{display:none!important}
.site-build-note .site-note-audio-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;margin:0;padding:0 12px;width:auto;min-width:137px;height:34px;border:1px solid #d88189;border-radius:999px;background:linear-gradient(110deg,#4c252e,#2a202a);color:#fff;font-size:11px;font-weight:750;letter-spacing:.015em;white-space:nowrap;box-shadow:0 0 0 1px rgba(255,255,255,.05) inset;transition:background .2s,border-color .2s,transform .2s}
.site-build-note .site-note-audio-button:hover{background:#703442;border-color:#f4a5aa;transform:translateY(-1px)}
.site-build-note .site-note-audio-button[aria-pressed="true"]{border-color:#f4a5aa;background:#583843}
.site-build-note .site-note-audio-credit{font-size:10px;line-height:1.25;color:#cbd6de;text-decoration-color:#82939e;text-underline-offset:2px}
@media(max-width:700px){
  .site-build-note .site-build-note-inner{display:grid;grid-template-columns:minmax(101px,123px) minmax(0,1fr) 32px;column-gap:8px;row-gap:4px;align-items:center}
  .site-build-note .site-note-mascots{grid-column:1;grid-row:1 / span 2}
  .site-build-note .site-note-bubble{grid-column:2;grid-row:1;align-self:center}
  .site-build-note [data-note-dismiss]{grid-column:3;grid-row:1;margin:0}
  .site-build-note .site-note-audio{grid-column:2 / 4;grid-row:2;flex-direction:row;flex-wrap:wrap;align-items:center;gap:3px 8px}
  .site-build-note .site-note-audio-button{height:31px;min-width:124px;padding:0 9px;font-size:10px}
  .site-build-note .site-note-audio-credit{font-size:10px}
  .site-build-note .site-note-quiet{grid-column:1 / -1}
  .site-build-note.is-dismissed .site-build-note-inner{display:flex}
}
@media(max-width:360px){
  .site-build-note .site-build-note-inner{grid-template-columns:101px minmax(0,1fr) 32px;column-gap:6px}
}
@media(prefers-reduced-motion:reduce){.site-build-note .site-note-audio-button{transition:none}}
.motion-off .site-build-note .site-note-audio-button{transition:none}