:root{--paper:#f5eedf;--ink:#634a32;--muted:#82704f;--line:#d4c3a2;--green:#7b8258}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:16px;line-height:2.1;background-image:radial-gradient(#9e773609 .8px,transparent .8px);background-size:6px 6px}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}figure,h1,h2,p{margin:0}p+p{margin-top:24px}h1,h2{font-weight:500;letter-spacing:.075em;line-height:1.8}h2{font-size:clamp(28px,3vw,40px)}a:focus-visible{outline:2px solid var(--green);outline-offset:6px}.wrap{width:min(1160px,88%);margin:auto}header{max-width:1360px;margin:auto;padding:28px 6%;display:flex;justify-content:space-between;align-items:center}.brand{font-size:30px;font-weight:600;letter-spacing:.28em;line-height:1.5;white-space:nowrap}.brand small{display:block;font-size:12px;font-weight:400;letter-spacing:.1em;margin-top:6px}nav{display:flex;gap:32px;font-size:14px}nav a:hover{color:var(--green)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:6%;padding-top:25px}.hero-copy{padding:28px 0 0;align-self:center}.pill{display:inline-block;border:1px solid var(--line);border-radius:50%;padding:3px 17px;font-size:14px;color:var(--muted);margin-bottom:23px}.hero h1{font-size:clamp(34px,3.6vw,49px);line-height:1.65;letter-spacing:.06em}.hero h1 em{font-style:normal;color:#8c6841}.hero-copy p{margin-top:23px;font-size:16px;line-height:2.2}.button{display:inline-block;border:1px solid #b69c73;background:#fff8e9;border-radius:40px;padding:10px 24px;font-size:14px;margin-top:26px;transition:background .2s}.button:hover{background:#e8d9bb}.dog-note{display:flex;align-items:center;gap:14px;margin-top:17px}.dog-note img{width:108px;height:99px;object-fit:contain}.dog-note span{font-size:14px;line-height:1.8;color:var(--muted);transform:rotate(-5deg)}.hero-frame{padding:10px 10px 0;background:#fffaef;border-radius:48% 48% 7px 7px;transform:rotate(1.5deg);box-shadow:0 8px 30px #5c3f2110;align-self:center}.hero-frame>img{height:610px;border-radius:48% 48% 3px 3px;object-position:center 53%}figcaption{font-size:13px;text-align:center;letter-spacing:.08em;padding:13px 4px 16px;color:var(--muted)}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-bottom:1px dashed var(--line);padding:24px 0;font-size:12px;letter-spacing:.1em;color:var(--muted)}.section{padding-top:110px;padding-bottom:110px}.chapter>span,.chapter-label{display:block;font-size:14px;letter-spacing:.13em;color:var(--muted);margin-bottom:20px}.chapter>span:before{content:"・";color:var(--green);margin-right:8px}.story{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-top:120px}.story-dog{width:155px;height:145px;object-fit:contain;margin:40px 0 0 80px;transform:rotate(-4deg)}.story-text{padding-top:30px;line-height:2.4}.hand-note{color:#899065;border-left:2px solid #c0c5a1;padding-left:23px;font-size:18px;letter-spacing:.1em}.treats{display:grid;grid-template-columns:1.05fr 1fr;gap:12%;padding-top:0;padding-bottom:80px}.paper-photo{background:#fffaef;padding:12px 12px 0;border-radius:6px 6px 55px 6px;transform:rotate(-2deg);align-self:start;box-shadow:0 8px 26px #6f4b2110}.paper-photo img{aspect-ratio:3/4;border-radius:3px 3px 45px 3px}.treat-copy{padding-top:35px}.treat-copy>p{margin-top:26px}.cake-photo{width:68%;margin:40px 0 0 auto;padding:8px 8px 0;background:#fff9ec;border-radius:48% 48% 5px 5px;transform:rotate(3deg)}.cake-photo img{aspect-ratio:3/4;border-radius:48% 48% 3px 3px}.cake-photo figcaption{font-size:12px}.pause{padding:30px 0 100px;display:flex;align-items:center;justify-content:center;gap:55px}.pause>span{font-size:23px;line-height:2;letter-spacing:.12em}.pause figure{width:145px;height:200px;border-radius:50%;overflow:hidden;transform:rotate(-7deg)}.pause p{color:var(--muted);font-size:15px}.night{margin:0 20px;background:#483a2c;color:#fcf0d9;border-radius:85px 85px 0 0;background-image:radial-gradient(#d4b17708 1px,transparent 1px);background-size:8px 8px}.night .section{padding-top:85px;padding-bottom:80px}.night-head{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.night .chapter>span{color:#cdb98c}.night .chapter>span:before{color:#cdb98c}.night-head p{font-size:16px;line-height:2.2}.night-photos{display:grid;grid-template-columns:1.3fr 1fr;gap:9%;align-items:center;padding:60px 25px 40px}.night-plate{padding:9px 9px 0;background:#eedfc3;transform:rotate(-2deg);border-radius:10px 10px 55px 10px}.night-plate img{aspect-ratio:4/5;border-radius:5px 5px 45px 5px}.night-drink{padding:9px 9px 0;background:#eedfc3;border-radius:48% 48% 5px 5px;transform:rotate(3deg)}.night-drink img{aspect-ratio:3/4;border-radius:48% 48% 3px 3px}.night figcaption{color:#786045}.night-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 25px}.night-foot p{font-size:14px;color:#dccbad}.night .button{background:transparent;color:#fcf0d9;border-color:#ab8c61;margin-top:0}.night .button:hover{background:#5a4733}.letter{padding-top:80px;padding-bottom:85px}.letter-card{position:relative;text-align:center;border:1px solid var(--line);border-radius:18px 18px 75px 18px;background:#fcf6e9;padding:40px 30px 50px;max-width:830px;margin:auto;box-shadow:7px 8px 0 #e8dcc4}.letter-dog{width:135px;height:120px;object-fit:contain;margin:0 auto 18px}.letter .chapter-label{margin-bottom:13px}.letter h2{font-size:34px}.letter p{margin-top:20px}.social-links{display:flex;gap:20px;justify-content:center;margin-top:30px}.social-links a{border-bottom:1px solid #b39b73;padding:6px 24px 12px;display:flex;flex-direction:column;min-width:180px;transition:color .2s}.social-links a:hover{color:var(--green)}.social-links small{font-family:Georgia,serif;font-size:13px;letter-spacing:.1em}.social-links span{font-family:Georgia,serif;font-size:23px}footer{border-top:1px dashed var(--line);padding:30px 0 35px;display:flex;align-items:center;justify-content:space-between}footer .brand{font-size:24px}footer>span{font-size:12px;color:var(--muted)}.skip{position:absolute;top:-100px;left:20px;padding:10px;background:var(--paper);z-index:3}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:850px){nav{gap:20px;font-size:13px}.hero{gap:5%}.hero h1{font-size:36px}.hero-frame>img{height:560px}.section{padding-top:85px;padding-bottom:85px}.story,.treats,.night-head{gap:8%}.treats{padding-top:0}.pause{gap:28px;padding-bottom:80px}.pause>span{font-size:20px}.pause p{font-size:14px}.night-head p{font-size:15px}.night-photos{padding-left:10px;padding-right:10px}.night-foot{margin:0 10px}}
@media(max-width:560px){.wrap{width:86%}header{display:block;padding:20px 7% 10px}.brand{font-size:27px}nav{margin-top:20px;gap:20px;font-size:12px;flex-wrap:wrap}.hero{display:flex;flex-direction:column;padding-top:18px;gap:0}.hero-copy{align-self:stretch;padding:0}.pill{font-size:13px;margin-bottom:18px}.hero h1{font-size:34px;line-height:1.65}.hero-copy p{margin-top:17px}.button{margin-top:20px;padding:9px 20px}.dog-note{justify-content:flex-end;margin-top:8px;margin-bottom:20px}.dog-note img{width:98px;height:88px}.dog-note span{font-size:13px}.hero-frame{width:100%;padding:8px 8px 0}.hero-frame>img{height:auto;aspect-ratio:3/4}.hero-frame figcaption{font-size:11px;padding:11px 0 14px}.hero-bottom{font-size:10px;gap:12px;padding-top:24px;width:100%}.section{padding-top:70px;padding-bottom:70px}h2{font-size:29px}.chapter>span,.chapter-label{font-size:13px;margin-bottom:16px}.story{display:block}.story .chapter{position:relative;padding-bottom:10px}.story-dog{position:absolute;right:-4px;bottom:-90px;width:100px;height:95px;margin:0}.story-text{padding-top:25px;font-size:15px}.story-text p:first-child{padding-right:58px}.hand-note{font-size:17px}.treats{display:flex;flex-direction:column;gap:36px;padding-top:0;padding-bottom:45px}.paper-photo{width:100%;padding:9px 9px 0}.treat-copy{padding-top:0}.treat-copy>p{font-size:16px}.cake-photo{width:72%;margin-top:30px}.pause{position:relative;display:grid;grid-template-columns:1fr 120px;gap:16px;padding-top:20px;padding-bottom:65px}.pause>span{font-size:19px}.pause figure{width:115px;height:160px;grid-column:2;grid-row:1/3}.pause p{font-size:13px}.night{margin:0 7px;border-radius:45px 45px 0 0}.night .wrap{width:86%}.night .section{padding-top:60px;padding-bottom:55px}.night-head{display:block}.night-head>div+div{margin-top:25px}.night-head p{font-size:16px}.night-photos{display:flex;flex-direction:column;gap:30px;padding:40px 0 30px}.night-plate{width:100%;padding:8px 8px 0}.night-drink{width:70%;margin-left:auto;padding:7px 7px 0}.night figcaption{font-size:12px}.night-foot{display:block;margin:0}.night-foot .button{margin-top:22px;font-size:13px}.letter{padding-top:60px;padding-bottom:60px;width:90%}.letter-card{padding:25px 16px 35px;border-radius:14px 14px 45px 14px;box-shadow:4px 5px 0 #e8dcc4}.letter-dog{width:120px;height:105px}.letter h2{font-size:25px;letter-spacing:.03em}.letter p{font-size:14px;line-height:2.2}.social-links{gap:15px;margin-top:20px}.social-links a{padding:7px 8px;min-width:0;flex:1}.social-links span{font-size:21px}.social-links small{font-size:12px}footer .brand{font-size:22px}footer .brand small{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* A paper bookmark that follows the reader. */
html{scroll-padding-top:125px}
.storybook-header{position:sticky;top:0;z-index:20;max-width:none;padding:0;background:#fbf4e6f5;border-bottom:1px solid #d7c49f;box-shadow:0 4px 20px #6d50210a;backdrop-filter:blur(10px)}
.header-inner{width:min(1240px,88%);margin:auto;display:flex;align-items:center;gap:19px;min-height:110px;position:relative;transition:min-height .35s}
.header-dog{width:60px;height:64px;object-fit:contain;flex-shrink:0;transform:rotate(-4deg)}
.storybook-header .brand{font-size:27px;flex-shrink:0}
.storybook-header nav{margin-left:auto;align-self:stretch;gap:10px;align-items:flex-start;padding-bottom:14px}
.storybook-header nav a{display:flex;flex-direction:column;justify-content:flex-end;text-align:center;min-width:91px;height:90px;padding:16px 15px 13px;background:#eee3cb;border:1px solid #dac7a2;border-top:0;border-radius:0 0 15px 15px;font-size:13px;line-height:1.7;transition:height .35s,background .2s,transform .2s}
.storybook-header nav a:nth-child(2){background:#e9ead8;border-color:#cdd0af}
.storybook-header nav a:nth-child(3){background:#eadbc5}
.storybook-header nav a:nth-child(4){background:#f3e9d5}
.storybook-header nav small{font-size:11px;letter-spacing:.08em;color:#8e7a54;margin-bottom:5px}
.storybook-header nav a:hover{transform:translateY(3px);color:var(--ink);background:#e2d1b0}
.storybook-header nav a[aria-current="location"]{box-shadow:inset 0 -3px 0 #8a9066}
.header-note{font-size:11px;writing-mode:vertical-rl;letter-spacing:.08em;color:#958264;line-height:1.5;margin-left:8px}
.storybook-header.is-scrolled .header-inner{min-height:85px}
.storybook-header.is-scrolled nav a{height:69px;padding-top:8px;padding-bottom:9px}
.storybook-header.is-scrolled .header-dog{height:54px}
@media(max-width:850px){.header-inner{width:90%;gap:13px}.header-note{display:none}.storybook-header nav{gap:7px}.storybook-header nav a{min-width:75px;padding-left:10px;padding-right:10px}.storybook-header .brand{font-size:24px}.header-dog{width:48px}}
@media(max-width:560px){html{scroll-padding-top:136px}.storybook-header{padding:0}.header-inner{width:90%;display:grid;grid-template-columns:40px 1fr;gap:0 10px;padding-top:10px;min-height:0}.header-dog{width:39px;height:43px;grid-row:1}.storybook-header .brand{font-size:22px;grid-row:1}.storybook-header .brand small{font-size:10px;margin-top:2px}.storybook-header nav{grid-column:1/-1;margin:7px 0 0;padding:0 0 7px;display:grid;grid-template-columns:1.4fr .9fr 1fr .95fr;gap:6px;align-self:auto}.storybook-header nav a{min-width:0;height:43px;padding:4px 3px;border-top:1px solid #dac7a2;border-radius:5px 5px 10px 10px;font-size:11px;line-height:1.5}.storybook-header nav small{font-size:9px;margin-bottom:1px;letter-spacing:0}.storybook-header.is-scrolled .header-inner{min-height:0;padding-top:5px}.storybook-header.is-scrolled .header-dog{height:35px}.storybook-header.is-scrolled .brand{font-size:20px}.storybook-header.is-scrolled .brand small{display:none}.storybook-header.is-scrolled nav{margin-top:3px}.storybook-header.is-scrolled nav a{height:37px;padding:3px}.storybook-header nav a:hover{transform:none}.hero{padding-top:24px}}
@media(prefers-reduced-motion:reduce){.header-inner,.storybook-header nav a,.header-dog{transition:none}.storybook-header nav a:hover{transform:none}}
.header-note{height:72px;width:30px;font-size:10px;flex-shrink:0;align-self:center}

/* A closer, centered picture-book page. */
.wrap{width:min(980px,86%)}
.hero{grid-template-columns:1fr 1fr;gap:5%;padding-top:28px}
.hero-frame>img{height:510px}
.hero-copy{padding-top:8px}
.hero h1{font-size:clamp(34px,3.2vw,43px)}
.hero-copy p{margin-top:18px}
.dog-note{margin-top:10px}
.dog-note img{width:93px;height:86px}
.hero-bottom{padding:20px 0}
.section{padding-top:70px;padding-bottom:70px}
.story{gap:7%;padding:48px 45px;margin-top:55px;margin-bottom:55px;background:#fbf5e8;border:1px solid #dfd0b3;border-radius:12px 12px 50px 12px;box-shadow:4px 5px 0 #e9dec8;align-items:center}
.story-text{padding-top:0;line-height:2.15}
.story-text p+p{margin-top:18px}
.story-dog{width:130px;height:120px;margin:25px 0 0 60px}
h2{font-size:clamp(28px,2.6vw,35px);line-height:1.75}
.chapter>span{margin-bottom:15px}
.treats{gap:6%;padding-top:0;padding-bottom:40px;grid-template-columns:1fr 1fr;align-items:center}
.treat-copy{padding-top:0}
.treat-copy>p{margin-top:19px}
.paper-photo img{aspect-ratio:4/5}
.cake-photo{width:57%;margin-top:24px;margin-right:12px}
.cake-photo img{aspect-ratio:4/5}
.pause{gap:30px;padding:10px 25px 48px}
.pause figure{width:105px;height:145px}
.pause>span{font-size:21px}
.pause p{font-size:14px}
.night{max-width:1060px;width:92%;margin:0 auto;border-radius:60px 60px 12px 12px}
.night .wrap{width:86%}
.night .section{padding-top:55px;padding-bottom:45px}
.night-head{gap:6%}
.night-head p{font-size:15px}
.night-head p+p{margin-top:18px}
.night-photos{gap:6%;padding:30px 5px 28px;grid-template-columns:1.1fr 1fr}
.night-plate img{aspect-ratio:1/1}
.night-drink{width:84%;margin-left:auto}
.night-drink img{aspect-ratio:4/5}
.night-foot{margin:0 5px}
.letter{padding-top:55px;padding-bottom:55px}
.letter-card{max-width:760px;padding:28px 25px 35px}
.letter-dog{width:105px;height:95px;margin-bottom:10px}
.letter h2{font-size:30px}
.letter p{margin-top:14px}
.social-links{margin-top:20px}
@media(max-width:850px){.wrap{width:88%}.hero-frame>img{height:470px}.hero h1{font-size:34px}.hero-copy p{font-size:15px}.story{padding:35px 30px;gap:6%}.story-text{font-size:15px}.story-dog{margin-left:35px}.pause{gap:20px;padding-left:0;padding-right:0}.pause>span{font-size:18px}.pause p{font-size:13px}.night .wrap{width:88%}}
@media(max-width:560px){.wrap{width:86%}.hero{padding-top:20px;gap:0}.hero-copy{padding-top:0}.hero h1{font-size:32px}.hero-copy p{font-size:16px}.hero-frame>img{height:auto;aspect-ratio:3/4}.dog-note{margin-top:7px;margin-bottom:15px}.hero-bottom{padding-top:20px}.story{padding:28px 22px;margin-top:35px;margin-bottom:40px;border-radius:10px 10px 35px 10px;width:90%}.story .chapter{padding-bottom:0}.story h2{font-size:25px}.story-dog{position:static;width:83px;height:77px;margin:14px 0 0 auto}.story-text{padding-top:14px;font-size:15px}.story-text p:first-child{padding-right:0}.story-text p+p{margin-top:17px}.hand-note{font-size:16px;padding-left:16px}.treats{gap:25px;padding-bottom:28px}.treat-copy>p{margin-top:16px}.cake-photo{width:60%;margin-top:22px}.pause{padding:5px 0 35px;gap:12px;grid-template-columns:1fr 100px}.pause>span{font-size:18px}.pause figure{width:96px;height:135px}.pause p{font-size:12px}.night{width:94%;border-radius:38px 38px 9px 9px}.night .wrap{width:85%}.night .section{padding-top:38px;padding-bottom:35px}.night-head>div+div{margin-top:18px}.night-head p{font-size:15px}.night-photos{gap:22px;padding:25px 0 22px}.night-plate img{aspect-ratio:4/5}.night-drink{width:66%;margin-left:auto}.night-foot{margin:0}.night-foot p{font-size:13px}.night-foot .button{margin-top:18px}.letter{padding-top:40px;padding-bottom:40px;width:90%}.letter-card{padding:24px 15px 28px}.letter h2{font-size:24px}.letter-dog{width:95px;height:85px}.letter p{font-size:14px}.social-links{margin-top:16px}footer{padding-top:24px;padding-bottom:25px}}

.story,.treats{position:relative}
.botanical{object-fit:contain;pointer-events:none}
.story-botanical{position:absolute;width:150px;height:85px;left:22px;bottom:14px;opacity:.8;transform:rotate(-8deg)}
.story-dog{margin-bottom:35px}
.treats-botanical{position:absolute;width:160px;height:85px;right:-18px;top:-24px;transform:rotate(12deg);opacity:.85}
.treat-copy .chapter{position:relative;z-index:1}
.letter-botanical{position:absolute;width:170px;height:95px;left:12px;bottom:8px;transform:rotate(-10deg);opacity:.7}
@media(max-width:560px){.story-botanical{width:105px;height:65px;left:14px;bottom:auto;top:120px}.story-dog{margin-bottom:0}.treats-botanical{width:115px;height:65px;right:-9px;top:auto;bottom:3px}.letter-botanical{width:90px;height:55px;left:7px;bottom:3px;opacity:.65}}
@media(max-width:560px){.story-botanical{top:160px}}

.official-logo{border-radius:50%;transform:none;object-fit:contain}
.header-dog.official-logo{width:60px;height:60px}
.story-botanical{width:190px;height:95px;position:static;margin:26px auto 0 0;transform:rotate(-6deg);grid-column:1;grid-row:2}
.story .chapter{grid-column:1;grid-row:1}
.story-text{grid-column:2;grid-row:1/3}
.letter-dog.official-logo{width:100px;height:100px}
@media(max-width:560px){.header-dog.official-logo{width:39px;height:39px}.storybook-header.is-scrolled .header-dog.official-logo{height:35px;width:35px}.story-botanical{width:145px;height:65px;margin:16px 0 12px;position:static}.story-text{padding-top:8px}.letter-dog.official-logo{width:85px;height:85px}}