/* Wallpets' paper world lives only between the Walltank FAQ and footer. */
.wallpets-family{position:relative;isolation:isolate;overflow:hidden;width:100%;padding:112px max(6vw,24px) 106px;color:#17110f;background:#eae5db url('/assets/family/paper-texture.jpeg') center center/cover fixed;border-block:1px solid #d0c9ba}
.wallpets-family::before{position:absolute;inset:0;z-index:-1;content:'';pointer-events:none;background:linear-gradient(105deg,#fff9f0a6 0%,#fff9f041 46%,#fff9f006 100%)}
.wallpets-family-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(32px,4vw,68px);align-items:center;max-width:1360px;min-width:0;margin:auto}
.wallpets-family-copy{position:relative;z-index:2;width:100%;min-width:0;max-width:480px}
.wallpets-family-index{display:block;width:max-content;max-width:100%;margin:0 0 24px;padding:9px 14px;border:1px solid #28283b42;border-radius:99px;background:#fff8ed8c;color:#733954;font:700 10px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:2px}
.wallpets-family-logo{display:flex;align-items:center;gap:12px;width:max-content;max-width:100%;margin:0 0 26px;transition:transform .2s,filter .2s}
.wallpets-family-logo:hover{transform:translateY(-3px);filter:drop-shadow(0 7px 12px #ff149338)}
.wallpets-family-logo img{display:block;width:50px;height:50px;flex:0 0 auto}
.wallpets-family-word{position:relative;color:#17110f;font:700 clamp(33px,3.2vw,47px)/1 Galmuri,'Galmuri11','DotGothic16',sans-serif;letter-spacing:-.045em;white-space:nowrap}
.wallpets-family-word>span{color:#ff1493}.wallpets-family-word sup{position:relative;top:-.55em;margin-left:2px;color:#17110f;font:700 .32em/1 system-ui,sans-serif;letter-spacing:0}
.wallpets-family h3{max-width:430px;margin:0 0 18px;color:#231b1c;font-size:clamp(24px,2.5vw,36px);font-weight:800;line-height:1.3;letter-spacing:-.04em;word-break:keep-all}
.wallpets-family-copy>p{max-width:410px;color:#554c48;font-size:14px;line-height:1.85;word-break:keep-all}
.wallpets-family:lang(ja) h3,.wallpets-family:lang(ja) .wallpets-family-copy>p,.wallpets-family:lang(zh-Hans) h3,.wallpets-family:lang(zh-Hans) .wallpets-family-copy>p,.wallpets-family:lang(zh-Hant) h3,.wallpets-family:lang(zh-Hant) .wallpets-family-copy>p{word-break:normal;overflow-wrap:anywhere}
.wallpets-family-link{display:inline-flex;align-items:center;gap:24px;margin-top:29px;padding:15px 22px;border:1px solid #d40a7b;border-radius:999px;background:#ff1493;color:#fff;font:700 13px/1.2 Galmuri,'Galmuri11',sans-serif;box-shadow:0 8px 0 #17110f24,0 18px 28px #ff14932b;transition:transform .2s,box-shadow .2s,background .2s}
.wallpets-family-link:hover{transform:translateY(-3px);background:#eb0086;box-shadow:0 11px 0 #17110f1c,0 22px 30px #ff14933d}
.wallpets-family-link:active{transform:translateY(2px);box-shadow:0 4px 0 #17110f24}
.wallpets-family-arrow{font:700 18px/1 Galmuri,'Galmuri11',monospace;font-variant-emoji:text}
.wallpets-family-showcase{min-width:0;width:100%}
.wallpets-family-showcase-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;width:75.9%;max-width:638px;margin:0 auto calc(9.8px - 2.11%);padding:0}
.wallpets-family-demo{--family-screen-top:13.95%;--family-screen-left:12%;--family-screen-width:75.9%;--family-screen-height:67.8%;position:relative;isolation:isolate;width:100%;max-width:840px;aspect-ratio:1536/1024;margin:auto}
.wallpets-family-frame{position:relative;z-index:3;display:block;width:100%;height:auto;pointer-events:none;filter:drop-shadow(0 27px 32px #392c3540)}
.wallpets-family-screen{position:absolute;top:var(--family-screen-top);left:var(--family-screen-left);z-index:1;width:var(--family-screen-width);height:var(--family-screen-height);overflow:hidden;background:#fff;container-type:size;cursor:none;touch-action:none}
.wallpets-family-screen:focus-visible{outline:3px solid #ff1493;outline-offset:-3px}
.wallpets-family-background{position:absolute;inset:0;z-index:0;opacity:0;background-position:center;background-size:100% 100%;transition:opacity .42s;pointer-events:none}
.wallpets-family-background.is-active{opacity:1}
.wallpets-family-background[data-family-background="white"]{background:#fff}
.wallpets-family-background[data-family-background="catfather"]{background-image:url('/assets/family/catfather.jpeg')}
.wallpets-family-background[data-family-background="rain"]{background-image:url('/assets/family/rain-cats-dogs.jpeg')}
.wallpets-family-pet-info{position:absolute;top:18%;z-index:2;width:36%;color:#17110fc7;text-align:left;text-shadow:0 1px 0 #fffc;transform:scale(.4);transition:left .18s,right .18s,opacity .16s,transform .18s;pointer-events:none}
.wallpets-family-pet-info strong{display:block;margin-bottom:2.6cqw;font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',Galmuri,sans-serif;font-size:11.2cqw;font-weight:950;line-height:.95;white-space:nowrap}
.wallpets-family-pet-info dl{display:grid;gap:.56cqw;margin:0;font-size:2.8cqw;line-height:1.25}
.wallpets-family-pet-info dl>div{display:grid;grid-template-columns:5.4em 1fr;gap:1.5cqw}
.wallpets-family-pet-info dt{font-weight:950}.wallpets-family-pet-info dd{margin:0;color:#17110f94}
.wallpets-family-demo[data-pet-info-position="right"] .wallpets-family-pet-info{right:22%;transform-origin:top right}
.wallpets-family-demo[data-pet-info-position="left"] .wallpets-family-pet-info{left:20%;transform-origin:top left}
.wallpets-family-demo[data-pet-info-position="none"] .wallpets-family-pet-info{opacity:0;transform:translateY(4px) scale(.4)}
.wallpets-family-cat,.wallpets-family-still{position:absolute;bottom:-7%;left:50%;z-index:3;display:block;width:75.2%;height:auto;transform:translateX(-50%);pointer-events:none}
.wallpets-family-cat{opacity:0;transition:opacity .16s}.wallpets-family-screen[data-video-state="ready"] .wallpets-family-cat{opacity:1}.wallpets-family-still{opacity:1;transition:opacity .16s}.wallpets-family-screen[data-video-state="ready"] .wallpets-family-still{opacity:0}
.wallpets-family-laser{position:absolute;z-index:4;width:2.42cqw;height:2.42cqw;border-radius:50%;background:radial-gradient(circle,#fff 0 26%,#ff5c83 38%,#ff174e 100%);box-shadow:0 0 10px #ff2b63b8,0 0 18px #ff2b6333;opacity:0;transform:translate(-50%,-50%);transition:opacity .12s;pointer-events:none}
.wallpets-family-screen.is-pointing .wallpets-family-laser{opacity:1}
.wallpets-family-cue{position:absolute;inset:0;z-index:5;overflow:hidden;pointer-events:none;transition:opacity .22s,visibility .22s}
.wallpets-family-cue img{position:absolute;left:12%;top:76%;display:block;width:clamp(26px,10cqw,58px);height:auto;opacity:.65;filter:drop-shadow(0 1px 3px #fffe);animation:family-cue-glide 3.8s linear infinite alternate}
.wallpets-family-cue.is-dismissed{opacity:0;visibility:hidden}
@keyframes family-cue-glide{0%{left:12%;top:76%;transform:translate(-50%,-50%) rotate(-12deg)}24%{left:27%;top:70%;transform:translate(-50%,-50%) rotate(-8deg)}52%{left:49%;top:44%;transform:translate(-50%,-50%) rotate(1deg)}76%{left:69%;top:27%;transform:translate(-50%,-50%) rotate(7deg)}100%{left:86%;top:19%;transform:translate(-50%,-50%) rotate(11deg)}}
.wallpets-family-info-controls,.wallpets-family-wallpaper-controls{position:static;z-index:auto;display:flex;align-items:center;gap:6px;flex:0 0 auto}
.wallpets-family-info-controls button{display:grid;place-items:center;width:38px;height:38px;padding:0;border-radius:999px;background:#ff1493;color:#fff;font:800 12px/1 Galmuri,'Galmuri11',sans-serif;box-shadow:0 4px 0 #17110f21;transition:transform .18s,box-shadow .18s,background .18s}
.wallpets-family-info-controls button:hover,.wallpets-family-info-controls button.is-active{background:#e90083;box-shadow:0 8px 0 #17110f18,0 12px 18px #ff149329;transform:translateY(-2px)}
.wallpets-family-wallpaper-controls button{width:54px;height:38px;padding:3px;border:1px solid #17110f33;border-radius:999px;background:#fff;box-shadow:0 4px 0 #17110f21;transition:transform .18s,box-shadow .18s,border-color .18s}
.wallpets-family-wallpaper-controls button span{display:block;width:100%;height:100%;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px #17110f18}
.wallpets-family-wallpaper-controls button[data-family-wallpaper="catfather"] span{background:url('/assets/family/catfather-thumb.jpeg') center/cover}
.wallpets-family-wallpaper-controls button[data-family-wallpaper="rain"] span{background:url('/assets/family/rain-cats-dogs-thumb.jpeg') center/cover}
.wallpets-family-wallpaper-controls button:hover,.wallpets-family-wallpaper-controls button.is-active{border-color:#ff1493;box-shadow:0 8px 0 #17110f18,0 12px 18px #ff149329;transform:translateY(-2px)}
.wallpets-family-hint{margin:16px auto 0;color:#554c48;text-align:center;font:700 10px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em;text-transform:uppercase}
.wallpets-family-hint span{color:#ff1493}
.wallpets-family-mark{position:absolute;right:-130px;bottom:-190px;z-index:0;width:min(43vw,480px);height:auto;opacity:.09;transform:rotate(-16deg);pointer-events:none}
@media(max-width:1050px){.wallpets-family{padding-top:88px;padding-bottom:82px}.wallpets-family-inner{grid-template-columns:minmax(0,1fr);gap:42px}.wallpets-family-copy{max-width:680px;margin:0 auto;text-align:center}.wallpets-family-index{margin-right:auto;margin-left:auto}.wallpets-family-logo{margin-right:auto;margin-left:auto}.wallpets-family h3,.wallpets-family-copy>p{margin-right:auto;margin-left:auto}.wallpets-family-copy>p{max-width:580px}.wallpets-family-link{display:flex;width:min(240px,100%);min-height:58px;justify-content:space-between;margin:27px auto 0;padding-inline:22px;font-size:14px}.wallpets-family-showcase{max-width:840px;margin:0 auto}.wallpets-family-demo{max-width:840px}}
@media(max-width:600px){.wallpets-family{padding:74px 18px 66px;background-attachment:scroll}.wallpets-family-inner{gap:34px}.wallpets-family-index{margin-bottom:20px;padding:8px 12px;font-size:9px;letter-spacing:1.7px}.wallpets-family-logo{gap:8px;margin-bottom:21px}.wallpets-family-logo img{width:40px;height:40px}.wallpets-family-word{font-size:clamp(28px,8vw,37px)}.wallpets-family h3{max-width:430px;margin-bottom:16px;font-size:clamp(23px,6.5vw,30px)}.wallpets-family-copy>p{font-size:14px;line-height:1.8}.wallpets-family-link{min-height:56px;margin-top:25px}.wallpets-family-showcase-controls{gap:6px;margin-bottom:calc(8.4px - 2.11%)}.wallpets-family-info-controls,.wallpets-family-wallpaper-controls{gap:3px}.wallpets-family-info-controls button{width:36px;height:36px;font-size:10px}.wallpets-family-wallpaper-controls button{width:44px;height:36px;padding:2px}.wallpets-family-hint{margin:14px auto 0;font-size:9px;letter-spacing:.04em}.wallpets-family-mark{width:270px;right:-115px;bottom:-110px}}
@media(max-width:380px){.wallpets-family-showcase-controls{width:min(92%,638px);gap:5px}.wallpets-family-info-controls,.wallpets-family-wallpaper-controls{gap:2px}.wallpets-family-info-controls button{width:32px;height:32px}.wallpets-family-wallpaper-controls button{width:38px;height:32px}}
@media(max-width:340px){.wallpets-family-showcase-controls{gap:4px}.wallpets-family-info-controls button{width:28px;height:28px}.wallpets-family-wallpaper-controls button{width:34px;height:28px}}
@media(prefers-reduced-motion:reduce){.wallpets-family *{animation-duration:.01ms!important;transition-duration:.01ms!important}}