@charset "UTF-8";
:root{color-scheme:light;--paper:#f6f0e6;--ink:#352e28;--muted:#706458;--line:#6c5b4433;--accent:#76604b;--font:"Hiragino Maru Gothic ProN","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--font);font-size:1rem;line-height:1.9;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:.35em}button{font:inherit;color:inherit;cursor:pointer}img,video{display:block;max-width:100%}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,video:focus-visible,summary:focus-visible{outline:2px solid #66513b;outline-offset:6px}a:hover{color:#805936}.wrap{width:min(1160px,calc(100% - 112px));margin-inline:auto}.skip-link{position:fixed;top:-80px;left:16px;z-index:20;background:var(--paper);padding:10px 20px}.skip-link:focus{top:12px}.site-header{display:flex;align-items:center;justify-content:space-between;padding-block:30px 20px;gap:24px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand img{border-radius:11px;width:40px;height:40px}.brand>span{font-size:1.5rem;letter-spacing:.12em;font-weight:600;line-height:1.1}.brand-en{display:block;font-family:Georgia,serif;font-size:.75rem;letter-spacing:.1em;color:var(--muted);margin-top:5px}.site-header nav{display:flex;gap:32px;font-size:.875rem}.site-header nav a{text-decoration:none}.hero{display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:72px;padding-block:42px 66px}.hero-copy{padding-bottom:32px}.eyebrow{font-size:.875rem;letter-spacing:.13em;color:var(--muted);margin:0 0 25px}h1,h2,h3,p{overflow-wrap:anywhere}h1{font-size:clamp(2.3rem,4vw,3.55rem);font-weight:500;letter-spacing:.07em;line-height:1.6;margin:0 0 28px}.hero-intro{line-height:2.35;font-size:1rem;letter-spacing:.02em;margin:0 0 32px}.text-link{display:inline-flex;align-items:center;gap:40px;border-bottom:1px solid var(--line);text-decoration:none;padding-bottom:8px;font-size:.9375rem}.text-link span{transition:transform .3s}.text-link:hover span{transform:translateY(3px)}.availability{font-size:.8125rem;letter-spacing:.08em;color:var(--muted);margin:24px 0 0}.hero-figure{margin:0}.hero-scene{position:relative;aspect-ratio:.89;overflow:hidden;border-radius:180px 180px 32px 32px;background:#ece0cd;isolation:isolate}.hero-scene video{width:100%;height:100%;object-fit:cover;object-position:50% 54%}.video-toggle{position:absolute;right:20px;bottom:20px;display:flex;align-items:center;gap:9px;background:#fbf7edeb;border:1px solid #fff7;border-radius:999px;min-height:44px;padding:7px 15px;font-size:.8125rem;box-shadow:0 2px 8px #45332608}.video-toggle[hidden]{display:none}.video-toggle-symbol{font-family:Arial,sans-serif;font-size:1rem;line-height:1}.hero-figure figcaption{display:flex;justify-content:space-between;gap:12px;margin:14px 5px 0;color:var(--muted);font-size:.75rem;letter-spacing:.03em}.hero-figure figcaption>span:first-child{font-size:.8125rem}.intro{text-align:center;padding-block:68px 110px}.intro .eyebrow{margin-bottom:18px}h2{font-size:clamp(1.8rem,3vw,2.7rem);font-weight:500;line-height:1.65;letter-spacing:.08em;margin:0 0 25px}.intro p:last-child{line-height:2.5;margin:0}.site-footer{border-top:1px solid var(--line);display:flex;align-items:center;flex-wrap:wrap;gap:24px;padding-block:32px 40px}.footer-name{font-size:1.5rem;letter-spacing:.14em;text-decoration:none}.site-footer nav{display:flex;gap:24px;margin-left:auto;font-size:.875rem}.site-footer nav a{text-decoration:none}.site-footer small{width:100%;font-size:.75rem;color:var(--muted)}[hidden]{display:none!important}.video-error{font-size:.875rem}
.touch-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px;padding:10px 50px 135px}.touch-image{margin:0;aspect-ratio:.95;border-radius:32px;overflow:hidden}.touch-image img{width:100%;height:100%;object-fit:cover;object-position:center 54%}.story-copy h2{font-size:clamp(1.6rem,2.7vw,2.25rem)}.story-copy p:not(.eyebrow){line-height:2.3;margin:0 0 24px}.story-copy .quiet-note{font-size:.875rem;color:var(--muted);margin-top:34px}.day-to-dusk{background:linear-gradient(180deg,var(--paper) 0%,#f0e6d8 38%,#e8d6c7 85%,#eadbce 100%);padding-bottom:60px}.rest-heading{text-align:center;padding-top:24px}.rest-heading p:last-child{line-height:2.3}.moments{display:grid;grid-template-columns:1fr 1fr;gap:44px;padding:40px 40px 0;align-items:start}.moments figure{margin:0}.moments figure:last-child{margin-top:80px}.moments img{width:100%;height:auto;aspect-ratio:1.04;object-fit:cover;object-position:center 57%;border-radius:28px}.moments figcaption{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.875rem;margin-top:16px}.moments figcaption>span:last-child{font-size:.75rem}.quiet-section{text-align:center;padding-block:125px 90px}.quiet-section p:not(.eyebrow){line-height:2.3}.app-facts{list-style:none;margin:40px auto 0;padding:22px 0;display:flex;justify-content:center;gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:850px;font-size:.875rem}.app-facts li{padding:0 24px;border-right:1px solid var(--line)}.app-facts li:last-child{border:0}.closing{display:flex;gap:28px;align-items:center;padding-block:20px 35px}.closing>img{border-radius:22px;flex:0 0 auto}.closing h2{font-size:1.55rem;letter-spacing:.05em;margin-bottom:4px}.closing p{margin:0;color:var(--muted);font-size:.875rem}.closing>.text-link{margin-left:auto}.site-footer{background:transparent}body:has(.day-to-dusk){background:linear-gradient(var(--paper) 80%,#eadbce)}
.document-main{width:min(760px,calc(100% - 48px));margin:65px auto 100px}.breadcrumb{font-size:.875rem;color:var(--muted);margin-bottom:36px}.breadcrumb a{text-decoration:none}.document-main h1{font-size:clamp(1.85rem,4.5vw,2.7rem);line-height:1.7;margin-bottom:20px}.document-lead{line-height:2.2;margin-bottom:45px;color:var(--muted)}.document-main h2{font-size:1.35rem;letter-spacing:.04em;margin-top:42px;margin-bottom:15px}.document-main p,.document-main li{line-height:2}.document-main ul{padding-left:1.3em}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);padding:0 4px}.faq-list summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:76px;padding-block:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:"＋";font-size:1.25rem;flex-shrink:0;color:var(--muted)}.faq-list details[open] summary::after{content:"−"}.faq-list details>div{padding-bottom:20px;color:var(--muted);max-width:650px}.faq-list details p{margin:0 0 12px}.contact-block{padding:32px;margin-top:50px;background:#ebe0d2;border-radius:24px}.contact-block h2{margin-top:0}.contact-block p{margin:12px 0}.contact-email{display:inline-block;font-size:1.2rem;margin:7px 0;overflow-wrap:anywhere}.document-date{font-size:.875rem;color:var(--muted)}.document-back{display:inline-block;margin-top:30px;font-size:.9375rem}.site-header nav [aria-current="page"]{text-decoration:underline}
@media(min-width:1440px){.hero{padding-top:60px}.hero-scene{max-height:650px}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.hero{gap:36px}.hero-figure figcaption{display:block}.hero-figure figcaption span{display:block}.hero-scene{border-radius:130px 130px 25px 25px}.hero-intro{font-size:.9375rem}h1{font-size:2.6rem}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.site-header{padding-block:22px 12px}.site-header nav{gap:20px;font-size:.8125rem}.brand>span{font-size:1.3rem}.brand img{width:34px;height:34px}.hero{grid-template-columns:1fr;gap:28px;padding-block:38px 25px}.hero-copy{padding:0 4px}.hero-copy .eyebrow{margin-bottom:16px}h1{font-size:clamp(2rem,8.1vw,3.1rem);line-height:1.65;letter-spacing:.05em;margin-bottom:18px}.desktop-break{display:none}.hero-intro{font-size:1rem;line-height:2.2;margin-bottom:22px}.availability{margin-top:16px}.hero-scene{aspect-ratio:1.02;border-radius:130px 130px 24px 24px}.hero-figure figcaption{display:flex;flex-wrap:wrap}.hero-figure figcaption>span:last-child{font-size:.75rem}.video-toggle{right:14px;bottom:14px}.intro{padding-block:78px}.intro .eyebrow{font-size:.8125rem}.site-footer{gap:20px}.site-footer nav{gap:20px;font-size:.8125rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media(max-width:1000px){.touch-section{gap:45px;padding-inline:10px}.story-copy h2{font-size:1.75rem}.moments{padding-inline:0;gap:28px}.app-facts li{padding-inline:18px}.closing{gap:20px}.closing h2{font-size:1.35rem}}
.video-toggle{font-size:.875rem}.site-header nav,.site-footer nav,.app-facts{font-size:.875rem}
/* Center the combined star-and-cat silhouette, not the cat alone. */
.touch-image img{object-position:center 42%}
@media(max-width:700px){.touch-section{grid-template-columns:1fr;gap:36px;padding:0 0 80px}.touch-image{max-height:420px}.story-copy{padding:0 4px}.story-copy h2{font-size:1.85rem}.story-copy .eyebrow{margin-bottom:16px}.story-copy p:not(.eyebrow){margin-bottom:20px}.story-copy .quiet-note{margin-top:24px}.rest-heading{padding-top:0}.rest-heading h2{font-size:clamp(1.5rem,6.5vw,2rem);letter-spacing:.04em}.rest-heading p:last-child{font-size:.9375rem}.moments{gap:28px;grid-template-columns:1fr;padding-top:24px}.moments figure:last-child{margin-top:0}.moments img{aspect-ratio:1.15;border-radius:24px}.moments figcaption{margin-top:10px}.quiet-section{padding-block:85px 50px}.quiet-section .eyebrow{font-size:.8125rem;letter-spacing:.06em}.quiet-section h2{font-size:1.8rem}.app-facts{display:grid;grid-template-columns:1fr 1fr;gap:16px 0;margin-top:30px;font-size:.8125rem}.app-facts li{padding:0 10px}.app-facts li:nth-child(even){border:0}.closing{flex-wrap:wrap;gap:20px;padding:15px 4px 0}.closing>img{width:60px;height:60px;border-radius:17px}.closing h2{font-size:1.18rem;letter-spacing:.02em}.closing>.text-link{margin:6px 0 0 80px}.day-to-dusk{padding-bottom:50px}.document-main{margin-top:38px}.document-lead{margin-bottom:30px}.document-main h2{font-size:1.2rem}.contact-block{padding:24px}.faq-list summary{min-height:80px}.document-main .eyebrow{margin-bottom:15px}}
@media(max-width:700px){.touch-image{max-height:none}.site-header nav,.site-footer nav,.app-facts{font-size:.875rem}}
.header-app{display:flex;align-items:center;gap:22px;margin-left:auto}.header-device{color:var(--muted);font-size:.875rem;letter-spacing:.025em;white-space:nowrap}.store-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:0;border-radius:12px;background:#625548;color:#fff9f0;min-height:54px;min-width:166px;padding:9px 19px;line-height:1.5;cursor:default;font-size:.875rem}.store-button small{font-size:.75rem;color:#f0e4d7}.store-button:disabled{opacity:.85}.store-button[href]{cursor:pointer;text-decoration:none}.store-button[href]:hover{background:#40372f;color:#fff}
@media(max-width:700px){.site-header{gap:14px;align-items:center}.header-app{flex-direction:column;align-items:flex-end;gap:7px}.header-device{font-size:.8125rem}.store-button{min-width:142px;min-height:50px;padding:7px 12px;border-radius:10px}.hero{padding-top:30px}.hero-intro{margin-bottom:8px}}
.site-header{gap:16px}.header-app{flex-direction:row;align-items:center;gap:16px}.header-device{font-size:.75rem;letter-spacing:.01em}.store-button{display:inline-flex;flex-direction:row;min-width:0;min-height:32px;padding:5px 13px;border:1px solid #7c6c5755;border-radius:7px;background:transparent;color:#5e5042;font-family:var(--font);font-size:.8125rem;line-height:1.5;white-space:nowrap}.store-button:disabled{opacity:.8}.store-button[href]:hover{background:#eaddca;color:var(--ink)}
@media(max-width:700px){.site-header{padding-block:20px 12px;gap:12px}.brand{gap:8px}.brand img{width:30px;height:30px;border-radius:9px}.brand>span{font-size:1.15rem;letter-spacing:.08em}.header-app{gap:10px}.store-button{min-height:30px;padding:4px 10px;font-size:.75rem}}
@media(max-width:380px){.header-app{flex-direction:column;align-items:flex-end;gap:4px}.store-button{padding:2px 10px;min-height:26px}}
.footer-name{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.footer-name img{width:32px;height:32px;flex-shrink:0;border-radius:9px}

/* Three short moments: rebalance the space around the reduced copy. */
.hero{padding-bottom:112px}
.hero-copy{padding-bottom:20px}
.hero-intro{font-size:1rem;line-height:2.15;letter-spacing:.015em;margin:0;color:var(--muted)}
.touch-section{padding-top:36px;padding-bottom:132px}
.story-copy h2{font-size:clamp(1.9rem,3vw,2.6rem);letter-spacing:.06em}
.story-copy p:not(.eyebrow){line-height:2.15;color:var(--muted);margin:0}
.rest-heading p:last-child{font-size:1rem;line-height:2.15;color:var(--muted);margin:0}
.moments{padding-top:52px}
.day-to-dusk{padding-bottom:40px}
.app-facts{max-width:880px;margin-block:88px 0;padding:28px 0;border-bottom:0;color:var(--muted)}
.app-facts li{padding-inline:26px}
.document-lead{margin-bottom:40px}
.contact-email{margin-top:0}
@media(max-width:1000px){.app-facts li{padding-inline:18px}}
@media(max-width:700px){
  .hero{gap:32px;padding-block:36px 68px}
  .hero-copy{padding:0 4px}
  h1{line-height:1.6;margin-bottom:20px}
  .hero-intro{line-height:2.05;margin:0}
  .touch-section{gap:30px;padding:0 0 80px}
  .touch-image{border-radius:26px}
  .story-copy h2{font-size:1.9rem;margin-bottom:18px}
  .rest-heading h2{font-size:clamp(1.45rem,5.9vw,2rem);margin-bottom:18px}
  .moments{padding-top:32px;gap:24px}
  .app-facts{display:flex;flex-wrap:wrap;gap:8px 0;margin-top:48px;padding-block:20px 0;border-top:0}
  .app-facts li{padding-inline:12px}
  .app-facts li:last-child{flex-basis:100%;text-align:center}
  .day-to-dusk{padding-bottom:36px}
  .site-footer{padding-block:26px 32px}
  .document-main{margin-bottom:72px}
  .document-lead{margin-bottom:30px}
  .faq-list summary{gap:16px}
}