/* Shared across all pages: phones, tablets and desktop. */
img{max-width:100%}button,a{-webkit-tap-highlight-color:transparent}main,section,header,footer{min-width:0}nav a{min-height:44px;display:inline-flex;align-items:center}.collection-links a{min-height:44px;display:inline-flex;align-items:center}.pet-controls button,.motion-controls button,.filters button{min-height:44px}.pet-thumbs button{min-width:65px;min-height:80px}.pet-gallery{width:100%}.pet-controls{flex-wrap:wrap}.pet-count{white-space:nowrap}.pet-stage .pet-main{height:clamp(320px,65svh,650px)}.collection-section>div{width:100%}.pet-viewer img{max-width:100%}body{overflow-wrap:break-word}
@media(min-width:751px) and (max-width:1100px){header,header.scrolled{padding:25px 5%}nav{gap:20px;font-size:12px}.hero{padding-top:160px}.hero h1{font-size:clamp(75px,10vw,110px)}.about{grid-template-columns:1fr 1.6fr;gap:25px}.about>.eyebrow{grid-column:1/-1}.about h2{font-size:45px}.story-layout{gap:5%;grid-template-columns:1fr 1.2fr;padding-left:5%;padding-right:5%}.story-layout p{font-size:14px}.story-layout blockquote{font-size:28px}.collection-section{grid-template-columns:55px minmax(0,1fr);gap:20px;padding-left:5%;padding-right:5%}.gallery{gap:30px 20px}.gallery img{height:320px}.page-intro{padding:70px 5% 55px}.page-intro h1{font-size:85px}.pet-controls{gap:8px}.pet-controls button{padding:10px 14px}.lightbox img{height:calc(100svh - 190px)}}
@media(max-width:750px){header,header.scrolled{padding:22px 6%;display:flex;flex-wrap:wrap;gap:14px}.brand{font-size:29px}nav,.inner-page nav{width:100%;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:11px}nav a:nth-child(2),.inner-page nav a:nth-child(2),.inner-page nav a:last-child{display:inline-flex}nav a{padding:4px 0;min-height:44px}.hero{padding-top:200px;padding-bottom:95px}.hero h1{font-size:clamp(55px,12vw,90px);letter-spacing:-1.5px}.hero .eyebrow{letter-spacing:1.5px}.hero-image figcaption{flex-wrap:wrap;line-height:1.5}.page-intro h1{font-size:clamp(52px,12vw,80px);letter-spacing:-1px}.page-intro{padding-top:45px}.pet-stage .pet-main{height:clamp(300px,60svh,550px)}.pet-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pet-controls button{width:100%}.pet-count{text-align:center;grid-column:1/-1;grid-row:1}.pet-prev{grid-column:1;grid-row:2}.pet-next{grid-column:2;grid-row:2}.pet-play{grid-column:1/-1;grid-row:3}.pet-thumbs{gap:8px}.pet-expand{right:10px;bottom:10px;min-height:44px}.collection-links{gap:10px 20px}.about{grid-template-columns:1fr}.about h2{font-size:42px}.quote-section blockquote{font-size:34px}.quote-section>p{line-height:1.8}.lightbox .viewer-nav{gap:12px}.lightbox{padding-top:75px}.contact h2{font-size:clamp(48px,11vw,75px)}}
@media(max-width:380px){nav,.inner-page nav{font-size:10px;gap:6px}.hero h1{font-size:51px}.filters button{padding:10px 12px}.gallery{gap:22px 12px}.gallery figcaption{font-size:11px}.contact h2{font-size:48px}}
@media(max-height:550px) and (orientation:landscape){.hero{min-height:650px}.pet-stage .pet-main{height:380px}.lightbox img{height:calc(100svh - 165px)}.lightbox{padding-top:55px}.lightbox p{font-size:18px;margin:8px 0}}
.pet-thumbs{align-items:center;padding:24px 8px 28px;min-height:145px;scrollbar-width:thin;scrollbar-color:#75806b #17211b;scroll-snap-type:x proximity}.pet-thumbs button{position:relative;overflow:hidden;flex:0 0 76px;transform:translateY(0);transition:flex-basis .38s cubic-bezier(.2,.7,.2,1),transform .38s cubic-bezier(.2,.7,.2,1),opacity .3s,box-shadow .38s;border-radius:5px;scroll-snap-align:center}.pet-thumbs img{width:100%;height:90px;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.2,1)}.pet-thumbs button[aria-pressed=true]{box-shadow:0 0 0 1px #d8c8a2,0 8px 24px #0007;opacity:1}.pet-thumbs button:focus-visible{outline:2px solid #e1cf9d;outline-offset:4px}.pet-stage{box-shadow:0 18px 65px #0004}.pet-controls button{transition:background .25s,border-color .25s,transform .25s}.pet-controls button:hover{border-color:#d8c8a2;background:#d8c8a215}.pet-controls button:active{transform:scale(.96)}
@media(hover:hover) and (pointer:fine){.pet-gallery:not(.is-playing) .pet-thumbs button:hover,.pet-gallery:not(.is-playing) .pet-thumbs button:focus-visible{flex-basis:125px;transform:translateY(-9px);opacity:1;box-shadow:0 14px 25px #0008}.pet-gallery:not(.is-playing) .pet-thumbs button:hover img{transform:scale(1.06)}.pet-gallery:not(.is-playing) .pet-main{transition:filter .4s}.pet-gallery:not(.is-playing) .pet-stage:hover .pet-main{filter:brightness(1.06)}}
@media(hover:none){.pet-thumbs button[aria-pressed=true]{transform:translateY(-4px)}.pet-thumbs{padding-top:16px;min-height:125px}}
@media(prefers-reduced-motion:reduce){.pet-thumbs button,.pet-thumbs img,.pet-controls button{transition:none!important}.pet-gallery:not(.is-playing) .pet-thumbs button:hover{transform:none}}
.collection-plan-note{font-size:13px;line-height:1.8;color:var(--muted);max-width:500px;margin-top:30px}.collection-status{font-size:11px!important;letter-spacing:1px;color:#b6bda8!important;margin:0 0 18px!important}.empty-photo-slot{flex:0 0 76px;height:98px;border:1px dashed #ffffff35;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:#ffffff03;color:#7f8a79}.empty-photo-slot span{font:24px 'Libre Caslon Display',Georgia,serif}.empty-photo-slot small{font-size:9px;letter-spacing:1px}.pet-stage{display:flex;justify-content:center;align-items:center}.pet-stage .pet-main{width:auto;max-width:100%;object-fit:contain}.pet-viewer img{width:auto;max-width:100%;display:block;margin:auto}.pet-thumbs img{image-rendering:auto}@media(max-width:750px){.empty-photo-slot{flex-basis:65px;height:98px}}