:root{--ink:#49372e;--muted:#75675c;--paper:#faf7f1;--cream:#f1e9dd;--rust:#914a2c;--line:#dfd4c6;--sage:#626c52;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid var(--rust);outline-offset:5px}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.12}h1{font-size:clamp(42px,4.9vw,72px);letter-spacing:-2.5px}h2{font-size:clamp(30px,3vw,44px);letter-spacing:-1.4px}h3{font-size:26px}em{font-weight:400;color:var(--rust)}p{margin-bottom:1em}h1+p,h2+p,h3+p{margin-top:20px}.wrap{width:min(1200px,calc(100% - 100px));margin-inline:auto}.demo-banner{background:#e9dfcf;text-align:center;font-size:11px;letter-spacing:.08em;padding:5px 16px;color:#5b4d3d}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:29px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-family:var(--serif);font-size:25px;line-height:1.3;white-space:nowrap}.brand-star{font-size:49px;color:var(--rust);font-weight:400}.brand small{display:block;font-family:Arial,sans-serif;font-size:9px;letter-spacing:.19em;margin-top:5px}.site-header nav{display:flex;gap:30px;align-items:center;font-size:13px}.site-header nav a:hover{color:var(--rust)}.nav-contact{border:1px solid var(--line);padding:10px 17px;border-radius:4px}.nav-contact span{margin-left:18px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;padding-top:65px;padding-bottom:72px}.eyebrow{font-size:10px;letter-spacing:.19em;font-weight:600;color:var(--rust);font-family:Arial,sans-serif;margin-bottom:23px;display:block}.eyebrow span{display:inline-block;width:17px;height:1px;background:var(--rust);vertical-align:middle;margin-right:8px}.hero h1{margin-bottom:28px}.hero-description{color:var(--muted);font-size:15px;line-height:1.85;max-width:420px;margin-bottom:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;background:var(--rust);color:white;padding:14px 24px;border:1px solid var(--rust);border-radius:3px;font-size:13px;transition:background .15s}.button:hover{background:#743a23}.hero-secondary{display:block;width:fit-content;margin-top:18px;font-size:12px;border-bottom:1px solid var(--line);padding-bottom:2px}.hero-visual{position:relative;padding:0 12px 18px 0}.hero-photo{width:100%;height:510px;object-fit:cover;border-radius:45% 45% 3px 3px;object-position:50% 40%;background:#e2d2b9}.photo-note{position:absolute;bottom:1px;right:0;background:#fffdf9;transform:rotate(-5deg);padding:18px 28px;box-shadow:0 6px 24px #49372e0a;font:italic 19px/1.4 var(--serif)}.hero-stamp{position:absolute;top:30px;left:-38px;background:var(--paper);border:1px solid var(--line);border-radius:50%;width:104px;height:104px;text-align:center;padding-top:18px;font:8px/1.8 Arial;letter-spacing:.13em;transform:rotate(-12deg)}.hero-stamp b{font:28px/1 var(--serif);color:var(--rust)}.intro-strip{background:var(--cream);border-block:1px solid #e6dccd}.intro-strip .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:19px;font-size:12px;letter-spacing:.02em}.intro-strip span:nth-child(even){font-size:22px;color:var(--rust)}.section{padding-block:78px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px}.section-heading .eyebrow{margin-bottom:16px}.text-link{font-size:13px;border-bottom:1px solid #b7a18d;padding-bottom:5px;display:inline-block}.section-intro{color:var(--muted);max-width:610px;font-size:15px;line-height:1.8;margin-block:24px 35px}.puppy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:29px}.card-image{display:block;position:relative;overflow:hidden;border-radius:5px}.card-image img,.card-image .photo-placeholder{width:100%;height:290px;object-fit:cover;transition:transform .3s}.card-image:hover img{transform:scale(1.025)}.status{position:absolute;bottom:14px;left:14px;background:#fffdf5ee;color:#4f493b;font-size:10px;letter-spacing:.04em;padding:6px 12px;border-radius:2px}.status.inline{position:static;display:inline-block;background:var(--cream);margin-block:4px 24px}.card-title{display:flex;justify-content:space-between;align-items:center;padding-top:18px}.card-title span{font-size:23px;color:var(--rust)}.puppy-card>p{font-size:12px;color:var(--muted);margin-top:8px}.story-section{background:#efe7da;padding-block:66px}.story-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:95px;align-items:center}.story-grid h2{margin-bottom:25px}.story-grid>div>p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted);max-width:460px}.story-illustration{min-height:310px;background:#e2d4bf;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:2px 90px 2px 2px;text-align:center}.large-star{font-size:68px;line-height:1.2;color:var(--rust)}.story-illustration p{font:28px/1.4 var(--serif)!important;color:var(--ink)!important;margin-block:18px!important}.story-illustration .eyebrow{font-size:8px;letter-spacing:.22em}.how{text-align:center}.steps{display:grid;grid-template-columns:repeat(3,1fr);text-align:left;gap:55px;margin:45px 0}.steps article{border-top:1px solid var(--line);padding-top:22px}.steps article>span{color:var(--rust);font:italic 22px var(--serif)}.steps h3{font-size:24px;margin-top:18px}.steps p{font-size:14px;color:var(--muted);line-height:1.8}.site-footer{background:#e9e0d3;padding-top:42px}.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:center;padding-bottom:37px}.footer-top>p{font:italic 19px/1.5 var(--serif)}.footer-bottom{border-top:1px solid #d4c6b6;display:flex;justify-content:space-between;font-size:10px;color:#65574c;padding-block:18px;gap:20px}.footer-bottom>div{display:flex;gap:20px}.skip-link{position:fixed;top:-100px;left:20px;padding:10px;background:#fff;z-index:99}.skip-link:focus{top:10px}.photo-placeholder{background:#e9dfd1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:15px;padding:30px;color:var(--muted)}.photo-placeholder>span{font:55px var(--serif);color:var(--rust)}.photo-placeholder small{max-width:180px}.empty-state{background:var(--cream);padding:32px;border:1px solid var(--line);border-radius:4px;grid-column:1/-1}.litter-row{display:grid;grid-template-columns:300px 1fr;gap:45px;align-items:center;border-top:1px solid var(--line);padding:35px 0}.litter-row img,.litter-row .photo-placeholder{width:100%;height:220px;object-fit:cover;border-radius:5px}.litter-row .eyebrow{margin-bottom:12px}.back-link{display:inline-block;font-size:12px;color:var(--muted);margin-bottom:35px}.parent-label{display:inline-block;margin:12px 24px 24px 0}.puppy-intro{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-block:55px 70px;align-items:center}.puppy-intro h1{margin-bottom:20px}.puppy-intro p{color:var(--muted);font-size:14px}.puppy-intro .eyebrow{color:var(--rust)}.puppy-intro .prose{margin-top:0}.puppy-portrait img,.puppy-portrait .photo-placeholder{height:490px;width:100%;object-fit:cover;border-radius:46% 46% 4px 4px}.journal-section{background:#f0e9df;padding-block:65px}.journal-section p{font-size:14px;color:var(--muted);margin-top:18px}.photo-count{font-size:12px;color:var(--muted)}.week-nav{display:flex;flex-wrap:wrap;gap:10px;margin-block:30px}.week-nav a{border:1px solid #cfbeaa;padding:8px 17px;border-radius:30px;font-size:12px}.week-nav a:hover{background:#fffaf3}.week-section{margin-top:42px}.week-section h3{font-size:27px;margin-bottom:20px}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.photo-grid figure{margin:0}.photo-grid img{width:100%;height:285px;object-fit:cover;border-radius:3px}.photo-grid figcaption{margin-top:10px}.photo-grid time{font-size:11px;color:#65564b}.photo-grid figcaption p{margin-top:3px;font-size:13px}.contact-callout{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:50px}.contact-callout p{font:30px var(--serif);margin:0}.page-content{min-height:60vh;max-width:900px}.prose{max-width:700px;margin-top:30px;line-height:1.85}.prose h2{font-size:30px;margin:35px 0 18px}.prose a{text-decoration:underline}.prose ul{padding-left:20px}.contact-details{margin-top:32px}.contact-details p{padding:20px 0;border-bottom:1px solid var(--line);font-size:24px}.contact-details span{display:block;font:10px/2 Arial;letter-spacing:.15em;color:var(--rust)}.lightbox{border:0;background:#fffaf4;padding:20px;max-width:90vw;max-height:94vh;border-radius:6px}.lightbox::backdrop{background:#21180fe6}.lightbox img{max-height:72vh;width:auto;max-width:82vw;margin:auto;object-fit:contain}.lightbox button{display:block;margin:0 0 15px auto;border:1px solid var(--line);padding:8px 15px;background:var(--paper);cursor:pointer}.lightbox p{margin:12px 0 0;font-size:14px}.navigation.pagination{margin-top:30px}.page-numbers{display:inline-block;padding:8px 14px;border:1px solid var(--line)}
@media(min-width:1500px){.hero-photo{height:550px}}
@media(max-width:1050px){.wrap{width:calc(100% - 60px)}.site-header nav{gap:15px}.brand{font-size:21px}.brand small{font-size:8px}.hero{gap:35px}.hero-photo{height:440px}.hero h1{font-size:58px}.story-grid{gap:45px}.footer-top{flex-wrap:wrap}.puppy-intro{gap:45px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{padding-block:19px;flex-wrap:wrap}.brand{font-size:22px}.brand-star{font-size:39px}.menu-toggle{display:flex;gap:12px;align-items:center;border:1px solid var(--line);background:transparent;padding:8px 12px;border-radius:3px;font-size:12px;min-height:44px}.site-header nav{display:none;width:100%;align-items:stretch;gap:4px;padding-top:10px}.site-header nav.open{display:flex;flex-direction:column}.site-header nav a{padding:12px}.hero{grid-template-columns:1fr;padding-top:36px;padding-bottom:42px;gap:35px}.hero h1{font-size:55px;letter-spacing:-2px}.hero-description{font-size:14px}.eyebrow{font-size:9px;letter-spacing:.14em}.hero-visual{margin-left:24px}.hero-photo{height:410px}.hero-stamp{width:87px;height:87px;padding-top:14px;font-size:7px;left:-24px;top:24px}.photo-note{font-size:17px;padding:14px 20px}.intro-strip .wrap{flex-wrap:wrap;justify-content:center;font-size:11px;padding-block:13px;gap:8px 20px}.intro-strip span:nth-child(even){display:none}.section{padding-block:48px}.section-heading{display:block}.section-heading .text-link{margin-top:20px}.puppy-grid{grid-template-columns:repeat(2,1fr);gap:20px 15px}.card-image img,.card-image .photo-placeholder{height:220px}.status{font-size:9px;padding:5px 7px;left:8px;bottom:8px}.card-title h3{font-size:25px}.puppy-card>p{font-size:11px}.story-grid{grid-template-columns:1fr;gap:35px}.story-section{padding-block:40px}.story-illustration{min-height:230px}.steps{grid-template-columns:1fr;gap:22px;margin-block:30px}.steps article{display:grid;grid-template-columns:35px 1fr;gap:10px;padding-top:20px}.steps h3{margin:0;font-size:23px}.steps p{grid-column:2;margin:0}.footer-top{display:block}.footer-top>p{margin-top:22px}.footer-bottom{display:block;font-size:10px}.footer-bottom>div{flex-wrap:wrap;gap:15px;margin-top:12px}.puppy-intro{grid-template-columns:1fr;gap:32px;padding-block:32px 45px}.puppy-portrait img,.puppy-portrait .photo-placeholder{height:380px}.puppy-intro h1{font-size:54px}.photo-grid{grid-template-columns:repeat(2,1fr);gap:22px 14px}.photo-grid img{height:210px}.journal-section{padding-block:40px}.photo-count{display:block;margin-top:15px}.contact-callout{display:block}.contact-callout .button{margin-top:22px}.litter-row{grid-template-columns:1fr;gap:25px}.litter-row img{height:250px}.page-content h1{font-size:42px}.contact-details p{font-size:20px;overflow-wrap:anywhere}}
@media(max-width:390px){.hero h1{font-size:49px}.brand{font-size:19px}.puppy-grid{grid-template-columns:1fr}.card-image img{height:300px}.hero-photo{height:350px}.photo-grid img{height:175px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}