@font-face{font-family:Playpen;src:url('assets/Playpen-Regular.ttf');font-display:swap}@font-face{font-family:Comic;src:url('assets/ComicNeue-BoldItalic.ttf');font-display:swap}@font-face{font-family:Plex;src:url('assets/IBMPlexSansArabic-Regular.ttf');font-display:swap}*{box-sizing:border-box}html{background:#354335;color:#f3efe6}body{margin:0;font:16px/1.7 Plex,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,.viewport:focus-visible{outline:3px solid #ecaa74;outline-offset:5px}header{height:98px;padding:20px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f3efe625}.brand{display:flex;gap:18px;align-items:center}.brand img{width:28px;height:46px}.brand span{font:28px Playpen}.brand i{font:22px Comic;margin-inline-start:15px;color:#cbd2c2}.header-tools{display:flex;align-items:center;gap:25px}.header-tools button{background:none;border:0;border-bottom:1px solid #87937c;padding:5px;color:inherit;font-size:14px}.header-tools #motion{border:0;color:#cad1bf}.soon{font-size:14px;color:#edaa79}main{max-width:1600px;margin:auto;padding:0 5%}.welcome{display:flex;align-items:center;justify-content:space-between;padding:32px 0 28px;gap:30px}.eyebrow{font-size:14px;color:#cad1bf;margin:0 0 7px}h1{font:400 clamp(30px,3vw,47px)/1.7 Playpen;margin:0}.invitation{font-size:17px;color:#d6dbcc;margin:0;line-height:1.9}.house{position:relative;background:#e8d0ad}.viewport{height:min(68vw,760px);max-height:74svh;min-height:420px;overflow-x:auto;overflow-y:hidden;direction:ltr;scrollbar-width:thin;scrollbar-color:#b75a32 #ddcbb3;scroll-behavior:smooth}.scene{position:relative;width:100%;height:100%;min-width:calc(420px * 1.5);aspect-ratio:3/2}.house-image{display:block;width:100%;height:100%;object-fit:fill}.spot{position:absolute;border:0;background:transparent;color:#354335;display:flex;align-items:center;gap:9px;transform:translate(-50%,-50%);padding:10px;min-height:52px;white-space:nowrap}.door{left:34%;top:44%}.notebook{left:33%;top:81%}.coffee{left:88%;top:47%}.point{display:grid;place-items:center;flex:0 0 34px;height:34px;border:1px solid #f3efe6;background:#354335ed;color:#fff;font:24px Arial;border-radius:50%;box-shadow:0 0 0 6px #f3efe62d}.label{font-size:15px;background:#f3efe6ee;padding:5px 13px;box-shadow:0 3px 16px #30271512;border-radius:2px}.spot:hover .point{background:#b75a32}.spot:hover .label{background:#fff9ee}.spot.visited .point{background:#b75a32}.scene-bottom{display:flex;align-items:center;justify-content:space-between;background:#293629;color:#d9ddce;padding:12px 21px;font-size:14px}.scene-bottom #progress{font-family:Comic;direction:ltr}.swipe{display:none}.room-nav{display:flex;gap:0;justify-content:center;margin:23px auto 35px;max-width:700px}.room-nav button{flex:1;display:flex;justify-content:center;align-items:center;gap:14px;padding:13px 20px;color:#f3efe6;background:none;border:0;border-inline-end:1px solid #f3efe633}.room-nav button:last-child{border:0}.room-nav small{font-family:Comic;color:#eda575;font-size:14px}.room-nav button:hover{background:#f3efe60b}.room-nav button.visited span{color:#edaa79}footer{border-top:1px solid #f3efe625;padding:24px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:14px;color:#d0d5c5}footer nav{display:flex;gap:25px;direction:ltr}footer a:hover{color:#edaa79}.domain{font:18px Comic}dialog{padding:0;border:0;background:#f3efe6;color:#26251f;max-width:900px;width:calc(100% - 48px);max-height:90svh;overflow:auto}dialog[open]{display:grid;grid-template-columns:42% 58%}dialog::backdrop{background:#152016b8;backdrop-filter:blur(5px)}.close{position:absolute;top:12px;inset-inline-end:15px;z-index:2;background:#f3efe6;border:1px solid #aaa68e;color:#354335;border-radius:50%;width:42px;height:42px;font:28px Arial}.detail-art{overflow:hidden;position:relative;min-height:520px}.detail-art img{width:100%;height:100%;object-fit:cover;position:absolute}.detail-copy{padding:63px 42px 35px}.detail-copy>p:first-child{color:#a6532f;font-size:14px;letter-spacing:.5px}.detail-copy h2{font:400 32px/1.7 Playpen;margin:12px 0 20px}.detail-copy #detail-body{font-size:18px;line-height:1.95;color:#5d6254}.detail-soon{font:20px Playpen;color:#a6532f;margin-top:27px}#detail-process{align-items:center;gap:13px;color:#354335;font:17px Playpen}#detail-process:not([hidden]){display:flex}.instagram{display:inline-flex;gap:12px;align-items:center;justify-content:center;background:#354335;color:#f3efe6;padding:13px 17px;font-size:15px;margin-top:12px}.instagram svg{flex-shrink:0}.back{display:block;border:0;border-bottom:1px solid #b2a58d;background:none;color:#58604e;padding:7px 0;margin-top:17px;font-size:15px}.paused *,.paused *:before,.paused *:after{animation-play-state:paused!important;scroll-behavior:auto!important}html[lang=en] h1,html[lang=en] h2,html[lang=en] .detail-soon{font-family:Comic}@media(prefers-reduced-motion:no-preference){.welcome{animation:reveal .8s both}.house{animation:reveal 1s .2s both}.point{animation:pulse 3s 1s infinite}.notebook .point{animation-delay:1.8s}.coffee .point{animation-delay:2.5s}dialog[open]{animation:reveal .3s both}@keyframes reveal{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@keyframes pulse{0%,100%{box-shadow:0 0 0 5px #f3efe630}50%{box-shadow:0 0 0 11px #f3efe600}}}@media(max-width:760px){header{padding:17px 22px;height:86px}.brand{gap:10px}.brand span{font-size:25px}.brand i{font-size:19px;margin-inline-start:7px}.brand img{width:25px;height:42px}.header-tools{gap:13px}.header-tools button{font-size:13px}.soon{display:none}main{padding:0 16px}.welcome{padding:25px 7px 23px;display:block}h1{font-size:34px}.invitation{font-size:15px;margin-top:10px}.invitation br{display:none}.viewport{height:550px;min-height:0;max-height:72svh}.scene{height:100%;width:auto;min-width:100%;aspect-ratio:3/2}.scene-bottom{padding:10px 12px;font-size:12px}.swipe{display:inline}.explore-hint{display:none}.spot{gap:5px;padding:8px}.label{font-size:14px;padding:4px 9px}.point{height:31px;flex-basis:31px}.room-nav{margin:16px auto 22px}.room-nav button{padding:10px 6px;gap:8px;font-size:14px}footer{flex-wrap:wrap;justify-content:center;gap:15px 24px;text-align:center}footer>span:first-child{width:100%}dialog{width:calc(100% - 28px);max-height:91svh}dialog[open]{grid-template-columns:1fr}.detail-art{height:180px;min-height:180px}.detail-copy{padding:18px 25px 27px}.detail-copy h2{font-size:28px;margin:8px 0 13px}.detail-copy #detail-body{font-size:17px}.detail-soon{margin-top:19px}.instagram{font-size:14px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}
@media(min-width:761px){.viewport{height:auto;min-height:0;max-height:none}.scene{height:auto;aspect-ratio:3/2}.house-image{height:auto;aspect-ratio:3/2}}