:root{--ink:#55434d;--paper:#faf5ed;--hero-bg:#eee0d3;--strap:#cbaea5;--deep:#3c3039;--rose:#b1858c;--stitch:#b9a094;--line:#d9cabe;--muted:#7d696e;--glow:#efd2a1;--pale:#e0ced6;--ease:cubic-bezier(.16,1,.3,1);color-scheme:light}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'Avenir Next',Avenir,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}
button,select{font:inherit;color:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-underline-offset:5px}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--ink);outline-offset:6px}img{display:block;max-width:100%}svg{display:block}h1,h2,h3,p{margin:0}h1,h2{font-family:'Arial Rounded MT Bold','Avenir Next',Avenir,sans-serif;font-weight:900;letter-spacing:-.04em;line-height:1.02;text-wrap:balance}p{line-height:1.65}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.skip{position:absolute;left:16px;top:-80px;padding:12px;background:var(--paper);z-index:10}.skip:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.header-bed{background:var(--hero-bg)}.header{display:flex;align-items:center;justify-content:space-between;min-height:110px;position:relative;z-index:2;gap:24px}.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:29px;font-weight:900;letter-spacing:-1.2px}.logo img{width:29px;height:29px;image-rendering:pixelated}.nav{display:flex;align-items:center;gap:32px;font-size:14px;font-weight:650}.nav a{text-decoration:none}.nav a:hover{text-decoration:underline}.nav .contact{white-space:nowrap;border:1.5px solid var(--ink);padding:12px 19px;border-radius:100px}
/* Cross-links to the sibling watch faces; stay visible on phones. */
.nav .sibling{display:inline-flex;align-items:center;gap:8px;padding:10px 15px;border-radius:100px;border:1.5px solid color-mix(in srgb,var(--ink) 22%,transparent);color:var(--muted);font-size:13px}
.nav .sibling svg{width:17px;height:17px;fill:currentColor;flex:none}
.nav .sibling:hover{border-color:var(--ink);color:var(--ink);text-decoration:none}
.nav .siblings{display:flex;align-items:center;gap:8px}.hero{position:relative;overflow:hidden;background:var(--hero-bg)}.hero-grid{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:48px;padding:54px 0 108px;position:relative;z-index:1}.kicker{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;margin-bottom:25px}.kicker::before{content:'';width:8px;height:8px;background:var(--rose)}h1{font-size:clamp(60px,6.9vw,96px);max-width:650px}h1 .second{display:block}.intro{font-size:18px;max-width:390px;margin-top:28px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:var(--ink);color:var(--paper);border:2px solid var(--ink);padding:17px 25px;border-radius:7px;text-decoration:none;font-weight:750;font-size:15px;transition:background .2s,transform .2s var(--ease)}.primary:hover{background:var(--deep);transform:translateY(-2px)}.hero-copy .primary{margin-top:30px}.primary .arrow{font-size:22px;line-height:1}.availability{font-size:12px;color:var(--muted);margin-top:13px}.preview-area{position:relative;min-width:0;text-align:center;padding-top:3px;scroll-margin-top:28px}.preview-tag{position:absolute;right:0;top:8px;transform:rotate(8deg);background:var(--glow);padding:15px 16px;font-size:13px;font-weight:800;line-height:1.25;clip-path:polygon(7% 0,93% 0,93% 7%,100% 7%,100% 93%,93% 93%,93% 100%,7% 100%,7% 93%,0 93%,0 7%,7% 7%);z-index:2}.watch-stage{position:relative;width:min(100%,450px);height:440px;margin:0 auto;display:grid;place-items:center}.strap{position:absolute;width:44%;height:100%;background:var(--strap);border:2px solid var(--ink);border-radius:35px;overflow:hidden}.strap::before{content:'';position:absolute;inset:0 13%;border-inline:2px dashed var(--paper);opacity:.55}.strap::after{content:'';position:absolute;inset:12px 45%;height:18px;background:var(--ink);border-radius:3px;box-shadow:0 397px var(--ink)}.watch{position:relative;width:83%;aspect-ratio:1;border-radius:50%;padding:12px;background:var(--ink);border:2px solid var(--deep)}.face{position:relative;aspect-ratio:1;border-radius:50%;overflow:hidden;background:var(--paper)}
/* Three stacked 360x360 layers: room, cat, then front furniture and readings. */
.face .layer{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated}.room-heart{position:absolute;width:66px;top:17%;left:-6%;transform:rotate(-8deg);opacity:.8;pointer-events:none}.room-wool{position:absolute;width:64px;right:-6%;top:55%;transform:rotate(10deg);opacity:.75;pointer-events:none}.preview-controls{margin:22px auto 0;width:min(100%,385px)}.js-only{visibility:hidden}.js .js-only{visibility:visible}.palette-row{display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:13px}.theme{width:38px;height:38px;border-radius:50%;border:2px solid transparent;padding:6px;background:transparent;flex-shrink:0}.theme .swatch{display:block;width:100%;height:100%;border-radius:50%;border:1px solid var(--stitch);background:var(--swatch)}.theme[aria-pressed=true]{border-color:var(--ink)}.theme:hover{transform:translateY(-2px)}.mode{display:flex;align-items:center;gap:7px;margin-left:6px;background:transparent;border:1px solid var(--muted);border-radius:100px;min-height:37px;padding:5px 12px;font-size:12px;font-weight:700;white-space:nowrap}.mode svg{height:16px;width:16px;fill:currentColor}.mode[aria-pressed=true]{background:var(--ink);color:var(--glow);border-color:var(--ink)}.cat-select{display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px}.cat-select label{font-weight:700}.cat-select select{min-height:42px;max-width:235px;border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--ink);padding:8px 29px 8px 12px;font-size:13px}.preview-caption{font-size:11px;color:var(--muted);margin-top:13px}.preview-caption .sample::before{content:" · "}.preview-error{font-size:13px;margin-top:12px;color:var(--ink)}.blanket-edge{position:absolute;bottom:0;left:0;width:100%;height:42px;background:var(--strap);border-top:3px solid var(--stitch);display:flex;align-items:center;justify-content:space-around;gap:20px;padding-inline:12%}.blanket-edge span{display:block;width:120px;height:2px;background:repeating-linear-gradient(90deg,var(--paper) 0 7px,transparent 7px 17px);opacity:.75}.ribbon{background:var(--ink);color:var(--paper);padding:23px 0}.ribbon .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;font-weight:650}.ribbon span{display:flex;align-items:center;gap:13px;min-height:22px}.ribbon svg{width:14px;height:13px;fill:var(--glow);flex-shrink:0}.cats-section{padding:94px 0 88px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px}h2{font-size:clamp(38px,4.5vw,62px)}.section-heading p{max-width:330px;font-size:15px;color:var(--muted)}.cats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:32px 20px;margin-top:54px}.cat{text-align:center;border:0;background:transparent;padding:0;min-width:0;border-radius:4px}.cat-art{height:174px;display:flex;align-items:flex-end;justify-content:center;border-bottom:2px solid var(--line);padding:10px 9px 15px;position:relative}.cat-art img{height:148px;width:100%;object-fit:contain;image-rendering:pixelated;transition:transform .3s var(--ease)}.cat:hover img{transform:translateY(-5px) rotate(-3deg)}.cat strong{display:block;font-size:13px;font-weight:750;line-height:1.4;margin-top:16px}.cat[aria-pressed=true] .cat-art{border-bottom-color:var(--rose);background:linear-gradient(0deg,#eee0d388,transparent 70%);border-radius:8px 8px 0 0}.cat-check{position:absolute;right:8px;top:5px;color:var(--rose);font-size:14px;opacity:0}.cat[aria-pressed=true] .cat-check{opacity:1}.pack-note{font-size:13px;color:var(--muted);margin-top:32px;text-align:center}.pack-note a{font-weight:700}.worlds{background:var(--ink);color:var(--paper);padding:88px 0 82px}.worlds .section-heading p{color:var(--pale)}.world-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;margin-top:55px}.world{min-width:0}.world-picture{background:var(--world-bg);padding:30px 30px 0;position:relative;aspect-ratio:1.25;display:flex;align-items:flex-start;justify-content:center;border-radius:5px;overflow:hidden}.world-pick{display:block;background:var(--ink);padding:0;flex-shrink:0;border:5px solid var(--ink);border-radius:50%;width:86%;aspect-ratio:1;position:relative;transition:transform .2s var(--ease)}.world-pick .face{border-radius:50%;background:transparent}.world-pick.night-mini{width:49%;position:absolute;left:-5%;bottom:-8%;border-width:4px;transform:rotate(-12deg)}.world-pick:hover{transform:translateY(-3px)}.world-pick.night-mini:hover{transform:translateY(-3px) rotate(-8deg)}.world-pick:focus-visible{outline-color:var(--paper);outline-offset:-9px}.world-title{display:flex;align-items:center;justify-content:space-between;margin-top:23px;gap:10px}.world h3{font-size:21px;letter-spacing:-.02em}.world-title span{font-size:11px;color:var(--pale);white-space:nowrap}.world p{font-size:14px;color:var(--pale);margin-top:9px;max-width:310px}.night-note{display:flex;align-items:center;gap:13px;justify-content:center;border-top:1px solid var(--muted);padding-top:29px;margin-top:42px;font-size:13px;color:var(--pale)}.night-note svg{width:23px;height:23px;fill:var(--glow);flex-shrink:0}.details{display:grid;grid-template-columns:1fr 1fr;gap:110px;padding:98px 0}.details-intro>p{margin-top:24px;max-width:400px;color:var(--muted);font-size:16px}.stat-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px;list-style:none;padding:0}.stat-list li{font-size:12px;padding:8px 12px;background:var(--hero-bg);border-radius:4px}.faq{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:22px 0}summary{font-size:16px;font-weight:750;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px}summary::-webkit-details-marker{display:none}summary::after{content:'+';font-size:25px;font-weight:400;line-height:1}details[open] summary::after{content:'−'}details p{margin-top:15px;font-size:14px;color:var(--muted)}.closing{background:#e6c9bf;position:relative;overflow:hidden;padding:65px 0}.closing .wrap{display:flex;align-items:center;justify-content:space-between;gap:40px}.closing h2{font-size:clamp(35px,4.3vw,57px)}.closing p{font-size:15px;margin-top:15px;max-width:490px}.closing .primary{flex-shrink:0}footer{padding:30px 0;background:var(--paper)}footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}footer p{font-size:12px;color:var(--muted)}footer a{font-weight:700}footer .footnote{font-size:10px;margin-top:7px}.footer-links{display:flex;gap:9px;margin-top:5px}.footer-cat{width:28px;height:28px;image-rendering:pixelated}
@media(min-width:761px){h1 .second{max-width:5em}}
@media(min-width:1600px){.hero-grid{padding-top:70px;padding-bottom:120px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero-grid{gap:24px}h1{font-size:70px}.watch-stage{height:390px}.strap::after{box-shadow:0 347px var(--ink)}.preview-tag{right:-10px;top:-5px}.room-heart{left:-1%;width:56px}.room-wool{right:-1%;width:54px}.details{gap:55px}.world-grid{gap:24px}.world-picture{padding:22px 15px 0}.cats{gap:25px 12px}.cat-art img{height:130px}.cat-art{height:155px}.world-title{display:block}.world-title span{display:block;margin-top:5px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{min-height:86px;gap:12px}.logo{font-size:25px}.nav{gap:10px;font-size:13px}.nav .desktop-link{display:none}.nav .contact{padding:9px 14px}.nav .siblings{gap:4px}.nav .sibling{padding:7px;gap:0}.nav .sibling span{display:none}.hero-grid{grid-template-columns:1fr;padding:26px 0 85px;gap:35px}.hero-copy{text-align:center}.kicker{justify-content:center;font-size:10px;margin-bottom:19px}h1{font-size:clamp(43px,10vw,70px);max-width:600px;margin:auto}.intro{font-size:16px;max-width:360px;margin:21px auto 0}.hero-copy .primary{margin-top:23px}.availability{font-size:11px}.preview-area{max-width:450px;width:100%;margin:auto}.watch-stage{width:min(100%,390px);height:370px}.strap::after{box-shadow:0 327px var(--ink)}.watch{width:84%}.preview-tag{right:2%;top:12px;font-size:12px}.room-heart{left:0;top:19%;width:49px}.room-wool{right:0;top:60%;width:51px}.preview-controls{margin-top:22px}.ribbon .wrap{justify-content:center;flex-wrap:wrap;gap:14px 25px;font-size:11px}.ribbon span{gap:9px}.ribbon svg{width:12px;height:11px}.ribbon{padding:19px 0}.cats-section{padding:60px 0}.section-heading{display:block}.section-heading p{margin-top:22px;max-width:420px}.cats{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 18px;margin-top:38px}.cat-art{height:145px;padding-inline:1px}.cat-art img{height:122px}.cat strong{font-size:12px}.worlds{padding:60px 0}.world-grid{grid-template-columns:1fr;gap:37px;margin-top:35px}.world{display:grid;grid-template-columns:1.1fr 1fr;gap:0 22px;align-items:center}.world-picture{grid-row:1/3;aspect-ratio:1;padding:20px 12px 0}.world-title{margin-top:0;align-self:end;display:block}.world-title span{display:block;margin-top:6px}.world h3{font-size:22px}.world p{align-self:start;font-size:13px}.night-note{align-items:flex-start;font-size:12px;line-height:1.6;margin-top:32px;padding-top:24px}.details{grid-template-columns:1fr;gap:35px;padding:60px 0}.details-intro>p{font-size:15px}.stat-list{margin-bottom:0}.closing{padding:48px 0}.closing .wrap{display:block}.closing .primary{margin-top:25px}.closing p{font-size:14px}footer .wrap{align-items:flex-start}.footer-cat{flex-shrink:0}}
@media(max-width:380px){.header{gap:8px}.nav{gap:8px}.nav .contact{padding:9px 10px;font-size:12px}.wrap{width:calc(100% - 32px)}h1{font-size:38px}.watch-stage{height:360px}.strap::after{box-shadow:0 317px var(--ink)}.preview-tag{right:0;top:0;padding:12px;font-size:11px}.world{gap:0 15px}.world h3{font-size:20px}.world p{font-size:12px}.cat-art img{height:105px}.cat-art{height:126px}.cat-select{gap:8px}.cat-select select{max-width:207px}.room-heart{width:40px}.room-wool{width:42px}.cat strong{font-size:11px}.mode{font-size:11px;padding-inline:10px}.palette-row{gap:5px}.theme{width:40px;height:40px}.kicker{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.cat:hover img,.primary:hover,.world-pick:hover{transform:none}}