:root{color-scheme:light;--ink:#493b37;--muted:#7c6a60;--cream:#fffaf0;--coral:#f77e70;--pink:#ffd9d0;--mint:#d9efe1;--green:#426e5a;--yellow:#ffdd78;font-family:"Hiragino Maru Gothic ProN","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;font-synthesis:none}
main{overflow-x:clip}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--cream);color:var(--ink);line-height:1.8}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #357d70;outline-offset:6px}img{display:block;width:100%;height:auto;object-fit:cover}svg{width:24px;height:24px;fill:currentColor;flex-shrink:0}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.wrap{width:min(1120px,calc(100% - 80px));margin-inline:auto}.skip-link{position:fixed;top:10px;left:10px;z-index:20;transform:translateY(-160%);padding:10px 18px;background:white;border-radius:8px}.skip-link:focus{transform:translateY(0)}
.header{display:flex;align-items:center;justify-content:space-between;height:102px;gap:20px}.brand{display:flex;align-items:center;gap:11px;font-size:21px;font-weight:900;letter-spacing:.035em;line-height:1.3}.brand small{display:block;margin-top:5px;font-size:9px;font-weight:700;letter-spacing:3.5px;color:#96746a}.brand-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:17px;background:var(--pink);color:#b85d50;transform:rotate(-9deg)}.brand-icon svg{width:30px;height:30px}.header nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:700}.how-link{position:relative}.how-link::after{content:"";display:block;position:absolute;bottom:-5px;width:0;height:2px;background:var(--coral);transition:width .2s}.how-link:hover::after{width:100%}.nav-play{display:flex;gap:20px;align-items:center;background:#fff;border:1.5px solid #decdbb;border-radius:30px;padding:8px 17px 8px 23px}.nav-play:hover{background:var(--pink)}.nav-play svg{width:19px;height:19px}
.hero{display:grid;grid-template-columns:1fr 1.05fr;grid-template-rows:auto auto;position:relative;column-gap:20px;padding-top:50px;padding-bottom:68px}.hero-copy{grid-column:1;grid-row:1;z-index:2}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2.4px;color:var(--green);margin:0 0 17px}.hero-eyebrow{display:inline-flex;align-items:center;gap:9px;padding:5px 13px;background:var(--mint);border-radius:8px;font-size:12px;letter-spacing:.09em;transform:rotate(-2deg)}.hero-eyebrow>span{font-size:16px}h1{margin:7px 0 22px;font-size:clamp(39px,4.9vw,61px);font-weight:900;letter-spacing:.005em;line-height:1.45}h1>span,.headline-tail{display:block}h1 em{font-style:normal;color:#d36355}h1 em .headline-tail{width:max-content;position:relative}h1 em .headline-tail::after{content:"";position:absolute;z-index:-1;left:0;right:6px;bottom:6px;height:12px;border-radius:50%;background:var(--yellow);transform:rotate(-3deg)}.hero-description{font-size:14px;line-height:2.1;margin:0;color:var(--muted)}.hero-action{grid-column:1;grid-row:2;margin-top:26px;width:min(350px,100%);align-self:start;z-index:3}.play-button{display:flex;align-items:center;justify-content:center;gap:14px;min-height:66px;padding:12px 14px 12px 23px;background:var(--coral);border:2px solid #a95145;border-radius:45px;box-shadow:0 5px 0 #a95145;color:#452d28;font-size:18px;font-weight:900;letter-spacing:.04em;transition:transform .2s,background .2s,box-shadow .2s}.play-button:hover{background:#ff9a87;transform:translateY(-3px);box-shadow:0 8px 0 #a95145}.play-button:active{transform:translateY(4px);box-shadow:0 1px 0 #a95145}.button-paw{width:24px;height:24px;transform:rotate(-13deg)}.button-arrow{display:grid;place-items:center;width:37px;height:37px;background:#fff7e7;border-radius:50%;margin-left:auto}.button-arrow svg{width:23px;height:23px}.play-note{font-size:10px;letter-spacing:.045em;text-align:center;color:var(--muted);margin:16px 0 0}
.hero-art{grid-column:2;grid-row:1/3;align-self:center;position:relative;width:100%;aspect-ratio:1/1;isolation:isolate;margin-top:-15px}.art-blob{position:absolute;inset:4% -3% 0 0;background:var(--mint);border-radius:46% 54% 49% 51%/51% 42% 58% 49%;transform:rotate(-9deg);z-index:-2}.art-blob::after{content:"";position:absolute;inset:7%;border:2px dashed #b0d3bd;border-radius:50%}.art-word{position:absolute;top:14%;left:12%;font-size:clamp(19px,2.6vw,33px);font-weight:900;letter-spacing:4px;color:#91bba1;transform:rotate(-12deg)}.art-star{position:absolute;z-index:5;font-size:44px;color:#ddb643;line-height:1}.star-one{top:6%;right:9%;transform:rotate(15deg)}.star-two{left:0;bottom:17%;color:#d87c6a;font-size:51px}.art-paw{position:absolute;right:-1%;bottom:25%;width:51px;height:51px;color:#9ac5a9;transform:rotate(20deg)}.dog-sticker{position:absolute;padding:0;aspect-ratio:1;border:8px solid white;border-radius:49% 47% 49% 46%;background:#eee;box-shadow:0 0 0 3px var(--rim),0 9px 0 2px #64877522,0 13px 20px #48624214;cursor:pointer;transform:rotate(var(--tilt));touch-action:manipulation;transform-origin:50% 85%;transition:filter .2s}.dog-sticker img{height:100%;border-radius:inherit;pointer-events:none}.dog-sticker:hover{filter:brightness(1.05)}.dog-poodle{--rim:#d5bba7;--tilt:-14deg;width:24%;left:10%;top:25%;z-index:2}.dog-shiba{--rim:#d3bcdf;--tilt:12deg;width:35%;right:1%;top:20%;z-index:2}.dog-pom{--rim:#f3c65f;--tilt:-5deg;width:48%;left:28%;top:37%;z-index:4}.dog-chihuahua{--rim:#f0a99b;--tilt:-17deg;width:29%;left:2%;top:60%;z-index:5}.dog-samoyed{--rim:#98c8ce;--tilt:13deg;width:27%;right:0;top:66%;z-index:5}.bubble{position:absolute;z-index:6;font-size:12px;font-weight:800;white-space:nowrap;letter-spacing:.07em}.bubble-top{top:0;right:24%;padding:10px 16px;background:#fff;border:1.5px solid #decdbb;box-shadow:0 3px 0 #d8c6b626;border-radius:40px;transform:rotate(6deg)}.bubble-top::after{content:"";position:absolute;bottom:-8px;left:30px;width:12px;height:12px;border-bottom:1.5px solid #decdbb;border-right:1.5px solid #decdbb;background:white;transform:skew(-12deg) rotate(45deg)}.bubble-bottom{right:13%;bottom:1%;padding:7px 16px;background:var(--yellow);border-radius:6px;transform:rotate(-6deg);box-shadow:0 3px 0 #bea05222}
.happy-strip{overflow:hidden;background:var(--mint);border-block:1px solid #bad9c7;transform:rotate(-1.3deg);margin:4px 0 0;padding:15px 0}.happy-strip>div{width:max-content;display:flex;align-items:center;gap:42px;justify-content:center;margin-inline:auto;color:#568368;font-size:17px;font-weight:800;letter-spacing:.12em}.happy-strip svg{width:24px;height:24px;color:#82ad90;transform:rotate(-20deg)}
.how-to{padding-top:94px;padding-bottom:94px}.section-heading{text-align:center}.section-heading h2{font-size:32px;line-height:1.6;letter-spacing:.025em;margin:0}.section-heading>p:last-child{font-size:13px;color:var(--muted);margin:13px 0 0}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:43px}.step-visual{height:236px;border-radius:42px;position:relative;overflow:hidden}.step:nth-child(1) .step-visual{background:#f8e7d1}.step:nth-child(2) .step-visual{background:#e1efde}.step:nth-child(3) .step-visual{background:#f8dfda}.step-number{position:absolute;top:15px;left:19px;font-size:29px;line-height:1;font-weight:900;color:#af8b63}.step:nth-child(2) .step-number{color:#7b9c6f}.step:nth-child(3) .step-number{color:#bf8b7d}.step h3{font-size:18px;margin:23px 0 9px}.step p{font-size:13px;color:var(--muted);line-height:1.95;margin:0;max-width:320px}.mini-dog{display:block;aspect-ratio:1;border:5px solid #fff;border-radius:48% 50% 46% 49%;box-shadow:0 3px 0 #6b634024;background:#fff;overflow:hidden}.mini-dog img{height:100%}.falling-dog{position:absolute;width:74px;top:40px;left:calc(50% - 37px);transform:rotate(-12deg)}.drop-guide{position:absolute;border-left:2px dashed #bb9c78;height:175px;top:27px;left:50%}.drop-arrow{position:absolute;font-size:36px;line-height:1;top:116px;left:calc(50% - 16px);color:#b38a5f}.mini-bowl{position:absolute;bottom:24px;left:17%;width:66%;height:39px;border:3px solid #c8aa86;border-top:0;border-radius:0 0 19px 19px;background:#fffcf363}.mini-bowl span{display:block;width:55px;height:10px;border:2px dashed #d8b790;border-radius:50%;margin:16px auto 0}.visual-note{position:absolute;bottom:15px;right:16px;background:#fffdf3;padding:3px 11px;font-size:10px;font-weight:700;transform:rotate(-7deg);border-radius:5px}.drop-visual .visual-note{top:49px;right:19px;bottom:auto;transform:rotate(9deg)}.merge-pair{position:absolute;display:flex;align-items:center;justify-content:center;gap:13px;top:26px;left:0;right:0}.merge-pair .mini-dog{width:58px}.merge-pair .mini-dog:first-child{transform:rotate(-12deg)}.merge-pair .mini-dog:last-child{transform:rotate(12deg)}.merge-pair b{font-size:25px;color:#7b9c6f}.merge-arrow{position:absolute;top:86px;left:calc(50% - 13px);font-size:25px;color:#7b9c6f;line-height:1}.merged-dog{position:absolute;width:100px;left:calc(50% - 50px);bottom:15px;transform:rotate(6deg)}.grown-dog{position:absolute;width:161px;left:calc(50% - 67px);bottom:26px;transform:rotate(8deg)}.side-dog{position:absolute;width:79px;left:12%;bottom:26px;transform:rotate(-16deg)}.growth-spark{position:absolute;right:16%;top:13px;font-size:38px;color:#c98957}
.custom-section{background:#ffe7dc;position:relative}.custom-section::before,.custom-section::after{content:"";position:absolute;left:0;right:0;height:16px;background:radial-gradient(circle at 10px 0,var(--cream) 9px,transparent 10px) 0 0/20px 16px repeat-x}.custom-section::before{top:0}.custom-section::after{bottom:0;transform:rotate(180deg)}.custom-inner{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;padding-block:76px}.photo-story{position:relative;aspect-ratio:1.05}.photo-doodle{position:absolute;top:1%;left:5%;font-size:12px;letter-spacing:3px;font-weight:900;color:#b1755e;transform:rotate(-11deg)}.photo-card{position:absolute;padding:12px 12px 0;background:#fffef8;box-shadow:0 10px 23px #9a6a541b;border:1px solid #e8c9b8;width:59%;border-radius:4px}.photo-card img{aspect-ratio:1;border-radius:2px}.photo-card>span{display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px;font-weight:800;padding:16px 0}.photo-card>span svg{width:17px;height:17px;color:#d77569}.photo-card-back{left:3%;top:12%;transform:rotate(-12deg)}.photo-card-front{right:2%;top:27%;transform:rotate(10deg)}.photo-sticker{position:absolute;bottom:0;left:6%;width:118px;height:118px;border:2px dashed #e1b759;outline:6px solid var(--yellow);border-radius:50%;background:var(--yellow);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;font-weight:800;line-height:1.5;transform:rotate(-13deg);color:#7c573c}.photo-sticker svg{width:28px;height:28px;margin-bottom:6px}.custom-copy h2{font-size:34px;line-height:1.65;margin:0 0 20px}.custom-copy h2 em{font-style:normal;color:#b95c4e}.custom-copy>p:not(.eyebrow){font-size:13px;line-height:2;color:#876752;margin:0}.custom-features{list-style:none;padding:0;margin:28px 0 22px;display:grid;gap:19px}.custom-features li{display:flex;align-items:flex-start;gap:14px}.custom-features li>span{display:grid;place-items:center;background:#fff9ec;border-radius:50%;width:32px;height:32px;font-size:11px;font-weight:900;color:#b17959;flex-shrink:0}.custom-features h3{font-size:14px;margin:0 0 3px}.custom-features p{font-size:11px;line-height:1.8;margin:0;color:#876752}.text-link{display:flex;gap:18px;align-items:center;width:max-content;padding:5px 0;border-bottom:2px solid #c17964;font-size:13px;font-weight:800}.text-link:hover{color:#b95c4e}.text-link svg{width:18px;height:18px}
.last-call{text-align:center;padding:81px 0 74px}.last-dogs{display:flex;align-items:flex-end;justify-content:center;height:102px;margin-bottom:26px}.last-dogs .mini-dog{width:77px;transform:rotate(-13deg)}.last-dogs .mini-dog:nth-child(2){width:95px;position:relative;margin-inline:-2px;z-index:1;align-self:flex-start;transform:rotate(3deg)}.last-dogs .mini-dog:last-child{transform:rotate(14deg)}.last-call h2{font-size:31px;margin:0;line-height:1.6}.last-call>p:not(.eyebrow):not(.play-note){font-size:13px;color:var(--muted);margin:14px 0 26px}.last-call .play-button{max-width:380px;margin-inline:auto;font-size:16px}.last-call .eyebrow{margin-bottom:12px}.footer{border-top:1px solid #e5dac7;padding-top:27px;padding-bottom:27px;color:#927965;font-size:10px}.footer-line{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand{font-size:14px;font-weight:900;color:#796358}.footer-brand span{margin-left:12px;font-size:8px;letter-spacing:2px;font-weight:700}.footer-line>span{display:flex;align-items:center;gap:10px}.footer-line>span svg{width:18px;height:18px;transform:rotate(14deg);color:#b29d83}.footer details{margin-top:20px}.footer summary{cursor:pointer;width:max-content}.footer details>p{max-width:700px;line-height:1.9}#photo-credits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:15px}#photo-credits article{padding:14px;background:#f3ead7;border-radius:12px;overflow-wrap:anywhere}#photo-credits strong{color:#826447}#photo-credits p{margin:5px 0}#photo-credits a{text-decoration:underline;color:#567347}
@media(min-width:761px) and (max-width:1000px){.wrap{width:calc(100% - 56px)}.hero{column-gap:10px;padding-top:35px}.hero-art{margin-right:0}.hero-eyebrow{font-size:10px}.hero-description{font-size:12px}.bubble{font-size:10px}.bubble-top{right:17%}.dog-sticker{border-width:6px}.steps{gap:22px}.step h3{font-size:15px}.step p{font-size:12px}.step-visual{height:220px}.custom-inner{gap:40px}.custom-copy h2{font-size:27px}.photo-sticker{width:95px;height:95px;font-size:10px}.photo-card>span{font-size:10px}.custom-copy>p:not(.eyebrow){font-size:11px}}
@media(max-width:760px){.wrap{width:min(540px,calc(100% - 40px))}.header{height:78px;gap:12px}.brand{font-size:17px;gap:9px}.brand small{font-size:7px;letter-spacing:2.8px}.brand-icon{width:39px;height:39px;border-radius:14px}.brand-icon svg{width:26px;height:26px}.header nav{gap:20px;font-size:11px}.nav-play{gap:8px;padding:6px 11px 6px 15px}.nav-play svg{width:16px;height:16px}.hero{grid-template-columns:1fr;grid-template-rows:auto auto auto;padding-top:26px;padding-bottom:43px;column-gap:0;text-align:center}.hero-copy{grid-column:1;grid-row:1}.hero-eyebrow{font-size:11px;margin-bottom:10px;padding:3px 11px}.hero h1{font-size:39px;line-height:1.5;margin:7px 0 15px;letter-spacing:-.03em}.headline-tail,h1 em .headline-tail{display:inline;width:auto}.hero-description{font-size:12px;line-height:1.9}.hero-description{max-width:340px;margin-inline:auto}.hero-art{grid-column:1;grid-row:2;width:min(350px,94%);margin:25px auto 0}.art-blob{inset:5% 0 0 0}.art-word{font-size:25px;letter-spacing:3px}.bubble{font-size:10px}.bubble-top{padding:7px 12px;right:24%;top:0}.bubble-bottom{padding:4px 12px;bottom:1%}.dog-sticker{border-width:6px}.art-star{font-size:35px}.star-two{font-size:43px}.art-paw{width:37px;height:37px;right:0}.hero-action{grid-column:1;grid-row:3;margin:24px auto 0;width:min(350px,100%)}.play-button{min-height:60px;font-size:17px}.play-note{font-size:9px;margin-top:14px}.happy-strip{padding:12px 0}.happy-strip>div{gap:26px;font-size:13px;margin-left:-35px;letter-spacing:.08em}.happy-strip svg{width:18px;height:18px}.how-to{padding-top:62px;padding-bottom:60px}.section-heading h2{font-size:26px;line-height:1.55}.section-heading h2 span{display:block}.eyebrow{font-size:10px;margin-bottom:12px}.section-heading>p:last-child{font-size:12px}.steps{grid-template-columns:1fr;gap:28px;margin-top:33px}.step{display:grid;grid-template-columns:165px 1fr;grid-template-rows:auto auto;column-gap:22px;align-content:center}.step-visual{grid-column:1;grid-row:1/3;height:177px;border-radius:29px}.step h3{grid-column:2;grid-row:1;font-size:16px;line-height:1.7;align-self:end;margin:0 0 8px}.step p{grid-column:2;grid-row:2;font-size:12px;line-height:1.9}.step-number{font-size:22px;top:13px;left:14px}.falling-dog{width:58px;left:calc(50% - 29px);top:32px}.drop-arrow{top:93px;font-size:29px;left:calc(50% - 13px)}.mini-bowl{bottom:21px;height:29px}.mini-bowl span{height:7px;width:38px;margin-top:12px}.drop-guide{height:125px;top:21px}.visual-note{font-size:8px;padding:2px 7px;bottom:10px;right:8px}.drop-visual .visual-note{top:10px;right:8px;font-size:8px}.merge-pair{top:33px;gap:8px}.merge-pair .mini-dog{width:43px;border-width:3px}.merge-pair b{font-size:19px}.merge-arrow{top:77px;font-size:20px;left:calc(50% - 10px)}.merged-dog{width:70px;left:calc(50% - 35px);bottom:14px}.grown-dog{width:110px;left:calc(50% - 45px);bottom:30px}.side-dog{width:56px;left:10%;bottom:23px}.growth-spark{font-size:26px;right:13%;top:10px}.custom-inner{grid-template-columns:1fr;gap:30px;padding-block:47px}.photo-story{width:min(380px,90%);margin:auto}.photo-card>span{font-size:11px;padding:13px 0}.photo-sticker{width:94px;height:94px;font-size:10px}.photo-sticker svg{width:23px;height:23px}.custom-copy{padding-inline:8px}.custom-copy h2{font-size:29px;margin-bottom:16px}.custom-copy>p:not(.eyebrow){font-size:12px}.custom-features{margin-top:23px;gap:18px}.custom-features h3{font-size:14px}.custom-features p{font-size:11px}.last-call{padding-top:53px;padding-bottom:49px}.last-call h2{font-size:25px}.last-call>p:not(.eyebrow):not(.play-note){font-size:12px}.last-call .play-button{max-width:350px;font-size:15px}.last-dogs{margin-bottom:20px}.footer{padding-top:22px}.footer-line{flex-direction:column;align-items:flex-start;gap:10px}.footer details{margin-top:18px}#photo-credits{grid-template-columns:1fr}}
@media(max-width:420px){.wrap{width:calc(100% - 36px)}.header{height:72px}.brand{font-size:15px;gap:8px}.brand-icon{width:35px;height:35px}.brand-icon svg{width:24px;height:24px}.header nav{gap:13px;font-size:10px}.nav-play{padding:5px 9px 5px 12px;gap:6px}.hero{padding-top:21px}.hero h1{font-size:32px}.hero-eyebrow{font-size:10px}.hero-description{font-size:11px;max-width:290px}.hero-art{margin-top:24px;width:96%}.art-word{font-size:21px}.bubble{font-size:9px}.bubble-top{padding:6px 10px}.dog-sticker{border-width:5px;box-shadow:0 0 0 2px var(--rim),0 6px 0 2px #64877522,0 10px 14px #48624214}.hero-action{margin-top:24px}.play-button{min-height:59px;font-size:16px}.button-arrow{width:33px;height:33px}.step{grid-template-columns:135px 1fr;column-gap:17px}.step-visual{height:160px;border-radius:25px}.step h3{font-size:14px}.step p{font-size:11px}.grown-dog{width:97px;left:calc(50% - 41px);bottom:31px}.side-dog{width:49px;left:6%;bottom:25px}.falling-dog{top:29px;width:53px;left:calc(50% - 26.5px)}.drop-arrow{top:82px}.mini-bowl{bottom:19px}.merge-pair{top:28px;gap:5px}.merge-pair .mini-dog{width:37px}.merge-arrow{top:69px}.merged-dog{width:63px;left:calc(50% - 31.5px);bottom:13px}.visual-note{font-size:7px}.step-number{font-size:18px;left:11px;top:11px}.drop-visual .visual-note{font-size:7px;right:6px}.section-heading h2{font-size:24px}.custom-copy{padding-inline:0}.custom-copy h2{font-size:27px}.photo-card{padding:9px 9px 0}.photo-card>span{font-size:9px;padding:12px 0;gap:6px}.photo-sticker{width:81px;height:81px;font-size:9px}.photo-doodle{font-size:10px;letter-spacing:2px}.last-call h2{font-size:21px}.last-call .play-button{font-size:14px;gap:10px}.last-call .button-paw{width:21px;height:21px}.art-paw{width:31px;height:31px}}
@media(max-width:350px){.how-link{display:none}.hero h1{font-size:29px}.step{grid-template-columns:118px 1fr;gap:13px}.step h3{font-size:12px}.step p{font-size:10px}.hero-eyebrow{font-size:9px}.photo-sticker{left:2%}.custom-copy h2{font-size:25px}.play-button{padding-left:17px}.play-note{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}