.mobile-hero{--mobile-hero-header-block-height:calc(var(--site-header-block-height) + env(safe-area-inset-top));--mobile-hero-stage-height:calc(100dvh - var(--mobile-hero-header-block-height));height:100dvh;min-height:100svh;padding:var(--mobile-hero-header-block-height) 0 0;background:var(--bg);overflow:hidden}@media (max-width:640px){.mobile-hero{--mobile-hero-header-block-height:calc(var(--header-height) + 0.75rem + env(safe-area-inset-top))}}.mobile-hero__stage{position:relative;height:var(--mobile-hero-stage-height);width:100%;overflow:hidden;background:#fdf3e3}.mobile-hero__artwork{position:absolute;top:50%;left:50%;width:max(100vw,var(--mobile-hero-stage-height));aspect-ratio:1;transform:translate(-50%,-50%)}.mobile-hero__room{display:block;width:100%;height:100%}.mobile-hero__coffee-steam{position:absolute;z-index:1;top:33.6%;left:76.1%;width:4%;height:8%;pointer-events:none}.mobile-hero__steam-wisp{position:absolute;bottom:0;left:50%;width:clamp(.2rem,1.25vw,.42rem);height:clamp(.75rem,3.5vw,1.15rem);border-radius:999px;background:rgb(255 252 245/.6);box-shadow:0 0 .35rem rgb(255 248 235/.35);filter:blur(.08rem);opacity:0;transform:translateX(-50%) translateY(0) scale(.7);animation:mobile-hero-coffee-steam 2.8s ease-out infinite}.mobile-hero__steam-wisp--one{left:38%}.mobile-hero__steam-wisp--two{left:55%;width:clamp(.18rem,1vw,.34rem);height:clamp(.65rem,3vw,1rem);animation-delay:.9s;animation-duration:3.1s}.mobile-hero__steam-wisp--three{left:48%;width:clamp(.16rem,.9vw,.3rem);height:clamp(.58rem,2.7vw,.9rem);animation-delay:1.7s;animation-duration:2.6s}@keyframes mobile-hero-coffee-steam{0%{opacity:0;transform:translateX(-50%) translateY(.15rem) scale(.55) rotate(-4deg)}18%{opacity:.72}55%{opacity:.45}to{opacity:0;transform:translateX(calc(-50% + .45rem)) translateY(-2.4rem) scale(1.25) rotate(8deg)}}.mobile-hero__frame{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.mobile-hero__frame--01{animation:mobile-hero-frame-01 .64s step-end infinite}.mobile-hero__frame--02{animation:mobile-hero-frame-02 .64s step-end infinite}@keyframes mobile-hero-frame-01{0%,49.99%{opacity:1}50%,to{opacity:0}}@keyframes mobile-hero-frame-02{0%,49.99%{opacity:0}50%,to{opacity:1}}.mobile-hero__cat{position:absolute;left:23%;bottom:79.8%;width:23.9%;height:auto;transform-origin:50% 100%;animation:mobile-hero-cat-breathe 3.8s ease-in-out infinite;pointer-events:none}.mobile-hero__enter{position:absolute;z-index:1;left:50%;bottom:clamp(1.6rem,7dvh,4rem);min-height:3.25rem;padding:.55rem 1.9rem;border:2px solid var(--ink);border-radius:1.4rem;background:#f6c85b;box-shadow:0 3px 0 var(--ink);font-family:var(--font-display);font-size:1.3rem;line-height:1;color:var(--ink);white-space:nowrap;transform:translateX(-50%)}.mobile-hero__enter:active{transform:translate(-50%,2px);box-shadow:0 1px 0 var(--ink)}@keyframes mobile-hero-cat-breathe{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.035)}}.mobile-os{position:relative;min-height:100dvh;padding:calc(1.6rem + env(safe-area-inset-top)) var(--page-pad) calc(1.4rem + env(safe-area-inset-bottom));background:url(/images/assets/scenes/mobile/brownie-os-wallpaper.png) 50%/cover no-repeat,linear-gradient(#b8d9ea 0 62%,#b0c98a 62.4%);overflow-x:hidden}.mobile-os__grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));justify-items:stretch;grid-gap:clamp(2rem,8vw,3.2rem) clamp(.65rem,3vw,1.1rem);gap:clamp(2rem,8vw,3.2rem) clamp(.65rem,3vw,1.1rem);width:100%;padding-top:clamp(3rem,13dvh,7rem);margin-inline:auto}.mobile-os__sleeping-cat{position:absolute;z-index:0;left:50%;bottom:20%;width:clamp(11rem,48vw,15rem);padding:0;border:0;background:transparent;transform:translateX(-50%);-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.mobile-os__sleeping-cat img{display:block;width:100%;height:auto;animation:mobile-os-cat-breathe 1.4s ease-in-out infinite}.mobile-os__sleeping-cat--awake{width:clamp(7rem,30vw,9rem)}.mobile-os__sleeping-cat--awake img{animation:none}.mobile-os__sleep-z{position:absolute;z-index:1;left:68%;bottom:70%;font-family:var(--font-display);font-size:clamp(1.35rem,6vw,2.1rem);font-weight:700;line-height:1;color:var(--ink);opacity:0;animation:mobile-os-sleep-z 4.2s ease-out infinite}.mobile-os__sleep-z--two{animation-delay:1.4s}.mobile-os__sleep-z--three{animation-delay:2.8s}@keyframes mobile-os-cat-breathe{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.025) translateY(-1px)}}@keyframes mobile-os-sleep-z{0%{opacity:0;transform:translate(0) rotate(-8deg) scale(.72)}16%,68%{opacity:1}to{opacity:0;transform:translate(1.15rem,-3.1rem) rotate(8deg) scale(1.12)}}.mobile-os__app{display:flex;flex-direction:column;align-items:center;gap:.18rem;width:100%;min-width:0;padding:0;border:0;background:transparent;font-family:var(--font-display);font-size:clamp(1rem,4.5vw,1.3rem);font-weight:700;letter-spacing:-.04em;line-height:1.1;color:var(--ink);text-align:center;cursor:pointer}.mobile-os__app:active{transform:translateY(2px)}.mobile-os__app img{display:block;width:min(100%,clamp(5.5rem,24vw,7.25rem));margin-inline:auto;aspect-ratio:1;object-fit:contain;pointer-events:none}.mobile-os__app--cat-photos img{width:min(100%,clamp(5.75rem,25vw,7.5rem));transform:translateY(.15rem) scaleY(1.04);transform-origin:center bottom}.mobile-os__app--my-computer img{transform:translateX(.2rem)}.mobile-os__app--browser img{transform:translateX(-.2rem) scaleX(.98);transform-origin:center center}.mobile-os__app span{display:block;width:100%;min-height:1.1em;overflow:visible;text-align:center;white-space:nowrap}.mobile-os__home{position:fixed;z-index:20;right:calc(.75rem + env(safe-area-inset-right));bottom:calc(4rem + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:.08rem;padding:0;border:0;background:transparent;cursor:pointer}.mobile-os__home:active{transform:translateY(2px)}.mobile-os__home:active .mobile-os__home-icon{box-shadow:0 1px 0 var(--ink)}.mobile-os__home-icon{display:grid;place-items:center;width:4.35rem;height:4.35rem;overflow:hidden;border:2px solid var(--ink);border-radius:999px;background:#fff8ed;box-shadow:0 3px 0 var(--ink)}.mobile-os__home-paw{display:block;width:2.9rem;height:auto;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mobile-os__home-label{font-family:var(--font-display);font-size:1.25rem;font-weight:700;line-height:1;color:var(--ink);text-shadow:0 1px 0 #fff8ed,1px 0 0 #fff8ed,-1px 0 0 #fff8ed,0 -1px 0 #fff8ed}.mobile-page{display:flex;flex-direction:column;min-height:100dvh;background:var(--bg)}.mobile-page__bar{position:-webkit-sticky;position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:.6rem;padding:calc(.55rem + env(safe-area-inset-top)) var(--page-pad) .55rem;border-bottom:2px solid var(--ink);background:#fffdf8}.mobile-page__bar strong{font-size:1.25rem;color:var(--ink)}.mobile-page__back{display:grid;place-items:center;width:2.75rem;height:2.75rem;border:2px solid var(--ink);border-radius:.85rem;background:#fff8ed;font-family:var(--font-display);font-size:1.35rem;line-height:1;color:var(--ink);cursor:pointer}.mobile-page__body{flex:1 1;display:flex;flex-direction:column;width:min(100%,34rem);margin-inline:auto;padding:1.15rem var(--page-pad) calc(2rem + env(safe-area-inset-bottom))}.mobile-page--paint .paint-board{flex:1 1}.mobile-page--paint .paint-board__canvas-wrap{min-height:min(55dvh,30rem)}.paint-board__canvas{touch-action:none}.mobile-gallery{display:grid;grid-gap:1.1rem;gap:1.1rem}.mobile-gallery__item{margin:0}.mobile-gallery__item img{display:block;width:100%;height:auto;border:2px solid var(--ink);border-radius:1rem;background:var(--placeholder-bg)}.mobile-gallery__item figcaption{margin-top:.3rem;text-align:center;font-size:1rem;color:rgb(17 17 17/.66)}body:has(.mobile-os),body:has(.mobile-page),html:has(.mobile-os),html:has(.mobile-page){height:auto;min-height:100dvh;overflow-x:hidden;overflow-y:auto}body:has(.mobile-os) main,body:has(.mobile-page) main{height:auto;min-height:100dvh;overflow:visible}body:has(.mobile-os) .site-header,body:has(.mobile-page) .site-header{display:none}@media (prefers-reduced-motion:reduce){.mobile-hero__frame--01{animation:none;opacity:1}.mobile-hero__frame--02{animation:none;opacity:0}.mobile-hero__cat{animation:none}.mobile-hero__steam-wisp{animation:none;opacity:.35;transform:translateX(-50%) translateY(-.6rem) scale(1)}.mobile-os__sleep-z,.mobile-os__sleeping-cat img{animation:none}.mobile-os__sleep-z--one{opacity:1}}.fallback{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.76fr);align-items:center;grid-gap:clamp(2rem,6vw,5rem);gap:clamp(2rem,6vw,5rem);min-height:calc(100vh - var(--header-height));padding:clamp(2rem,5vw,4rem) var(--page-pad);overflow:hidden;background:var(--bg)}.fallback__scene{position:relative;--fallback-cake:clamp(26.88rem,59.52vw,46.08rem);--fallback-cat:clamp(11.76rem,23.52vw,18.48rem);min-height:clamp(27.42rem,60.71vw,47rem)}.fallback__cake,.fallback__cat{position:absolute;left:50%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fallback__cake{bottom:0;width:var(--fallback-cake);transform:translateX(-50%)}.fallback__cake,.fallback__cat{filter:drop-shadow(0 .7rem 0 rgb(0 0 0/.08))}.fallback__cat{bottom:clamp(6rem,13vw,10rem);width:var(--fallback-cat);max-width:none;transform:translateX(-52%) rotate(-15deg)}@media (min-width:861px){.fallback__scene{--fallback-scene-lift:clamp(8rem,10vw,12rem)}.fallback__cake{bottom:var(--fallback-scene-lift)}.fallback__cat{bottom:calc(clamp(6rem, 13vw, 10rem) + var(--fallback-scene-lift))}}.fallback__copy{justify-self:start}.fallback__eyebrow{margin:0 0 .35rem;color:var(--title-pink);font-size:clamp(4rem,10vw,7rem);line-height:.85}.fallback__copy h1,.fallback__eyebrow{font-family:var(--font-display);font-weight:700}.fallback__copy h1{max-width:11ch;margin:0;font-size:clamp(2.6rem,7vw,5.6rem);line-height:.9}.fallback__copy p:not(.fallback__eyebrow){max-width:23rem;margin:1.1rem 0 0;color:var(--ink-muted);font-size:clamp(1rem,2vw,1.15rem)}.fallback__actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.4rem}.fallback__action{display:inline-flex;align-items:center;padding:.7rem 1rem;border:2px solid var(--ink);border-radius:999px;background:none;color:inherit;font-family:var(--font-display);font-size:1.2rem;font-weight:700;line-height:1;cursor:inherit}@media (max-width:860px){.fallback{grid-template-columns:1fr;align-content:center;gap:1rem;padding-top:1rem}.fallback__scene{min-height:clamp(17rem,68vw,28rem)}.fallback__copy{justify-self:center;text-align:center}.fallback__copy h1,.fallback__copy p:not(.fallback__eyebrow){margin-inline:auto}.fallback__actions{justify-content:center}}.eye-demo{min-height:calc(100vh - 4rem);padding:3rem 0 4rem;display:grid;place-items:center;grid-gap:2rem;gap:2rem;background:var(--cream);overflow:hidden}.eye-demo__copy{width:min(960px,92vw);text-align:center}.eye-demo__copy h1{font-family:var(--font-serif);font-size:clamp(2.5rem,6vw,5rem);line-height:1;color:var(--chocolate)}.eye-demo__cat{position:relative;width:min(960px,92vw);aspect-ratio:16/9;-webkit-user-select:none;-moz-user-select:none;user-select:none}.eye-demo__image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;will-change:opacity}