@font-face{font-family:Display SC;src:url(./display-C6NGxOgU.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Sans SC;src:url(./sans-400-BoWL9Xlr.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Sans SC;src:url(./sans-500-Dhkfv-Jo.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Sans SC;src:url(./sans-600-Cjw17TQb.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}:root{--paper: #efe6d8;--paper-2: #f9e6d3;--cream: #fbf6ee;--tea: #3b2a20;--tea-2: #5a4336;--tea-line: rgba(59, 42, 32, .16);--brand: #5f6fff;--brand-deep: #4e5af0;--card: #fffaf4;--footer-h: 92px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{min-height:100%;background:var(--paper);color:var(--tea);font-family:Sans SC,PingFang SC,Hiragino Sans GB,Noto Sans SC,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,a{font:inherit;color:inherit;background:none;border:0;cursor:pointer;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--brand);outline-offset:3px}img{display:block;max-width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page{display:flex;flex-direction:column;min-height:100vh}.hero{position:relative;flex:1;min-height:0;overflow:hidden;background:radial-gradient(1200px 900px at 18% 8%,rgba(249,230,211,.8),transparent 62%),radial-gradient(1000px 800px at 88% 40%,rgba(226,199,171,.35),transparent 60%),var(--paper)}.glow{position:absolute;left:-80px;top:28%;width:1200px;height:1200px;border-radius:50%;background:#e8d6ba52;filter:blur(180px);pointer-events:none;z-index:0}.wash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fbf6ee47;pointer-events:none;z-index:2}.stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;pointer-events:none}.stage-frame{position:relative;width:min(90%,calc((100vh - var(--footer-h)) * 16 / 9));aspect-ratio:16 / 9;max-height:100%;container-type:size}.stage-box{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center center;z-index:4}.stage-shade{position:absolute;left:50%;bottom:6%;width:42%;height:8%;transform:translate(-50%);background:radial-gradient(ellipse at center,rgba(59,42,32,.18),transparent 70%);filter:blur(10px);z-index:3;pointer-events:none}.giant{position:absolute;top:2%;left:0;right:0;z-index:2;display:flex;justify-content:center;gap:.02em;font-family:Display SC,Songti SC,serif;font-weight:900;font-size:42cqh;line-height:.85;letter-spacing:.01em;color:var(--tea);text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none;overflow:visible}.grids{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none}.grid{position:absolute;top:0;width:1px;height:100%;background:var(--tea-line);transform-origin:top}.nav{position:relative;z-index:40;display:flex;align-items:flex-start;justify-content:space-between;padding:28px 24px 0}.nav-links{display:flex;align-items:center;gap:16px}.nav-links a,.nav-links button:not(.btn-cta){color:var(--tea);font-size:18px;line-height:1.25;font-weight:400;transition:opacity .2s}.nav-links a:hover,.nav-links button:not(.btn-cta):hover{opacity:.8}.btn-cta{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 18px;border-radius:999px;background:var(--brand);color:#fff;font-size:16px;font-weight:500;line-height:1;transition:background-color .2s}.btn-cta:hover{background:var(--brand-deep)}.nav-cta{height:36px;font-size:15px}.brand-narrow,.burger,.side-menu{display:none}.lead{position:absolute;left:50%;bottom:7%;transform:translate(-50%);z-index:25;text-align:center;width:min(90%,640px);pointer-events:none}.lead-title{font-family:Display SC,Songti SC,serif;font-weight:900;font-size:clamp(1.8rem,3.2vw,2.8rem);line-height:1.1;letter-spacing:.08em;color:var(--tea)}.lead-title span{display:inline-block;opacity:0;transform:translateY(14px);animation:fade-up .7s cubic-bezier(.16,1,.3,1) both}.lead-title span:nth-child(1){animation-delay:.85s}.lead-title span:nth-child(2){animation-delay:.95s}.lead-title span:nth-child(3){animation-delay:1.05s}.lead-title span:nth-child(4){animation-delay:1.15s}.lead-title span:nth-child(5){animation-delay:1.25s}.lead-sub{margin-top:10px;font-size:14px;line-height:1.6;color:var(--tea-2);letter-spacing:.04em;opacity:0;animation:fade-up .8s cubic-bezier(.16,1,.3,1) 1.35s both}.left-col{position:absolute;left:0;top:42%;bottom:0;z-index:30;width:calc(25.4% + 86px);max-width:451px;display:flex;flex-direction:column}.left-card{position:relative;background:var(--card);aspect-ratio:280 / 160;overflow:hidden;flex-shrink:0;width:calc(100% - 86px)}.left-card figcaption{position:absolute;top:12px;left:12px;z-index:2;font-size:16px;font-weight:500;color:var(--tea)}.left-photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.left-mid{display:flex;flex:1;min-height:0}.left-mid p{flex:1;padding:16px 12px;font-size:18px;line-height:1.625;color:var(--tea)}.arrow-btn{width:86px;height:84px;flex-shrink:0;align-self:flex-start;display:flex;align-items:center;justify-content:center;background:var(--brand);color:#fff;transition:background-color .2s}.arrow-btn:hover{background:var(--brand-deep)}.look-btn{width:calc(100% - 86px);height:88px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--brand);color:#fff;font-size:20px;font-weight:500;transition:background-color .2s}.look-btn:hover{background:var(--brand-deep)}.right-col{position:absolute;right:24px;top:42%;z-index:30;width:calc(25.4% - 24px);max-width:341px;display:flex;align-items:center;justify-content:space-between;gap:12px}.mark{font-size:36px;font-weight:300;letter-spacing:.02em;color:var(--tea);white-space:nowrap}.mark-lines{text-align:right;font-size:18px;line-height:1.4;color:var(--tea)}.demo-slot{position:absolute;right:24px;top:56%;z-index:30;font-size:16px;color:var(--tea);white-space:nowrap}.item-wrap{position:absolute;right:0;bottom:var(--footer-h);z-index:30;width:25.4%;max-width:365px}.item-card{position:relative;background:var(--card);padding:12px 12px 16px;min-height:292px;height:292px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.item-card.is-switching .item-copy,.item-card.is-switching .item-photo,.item-card.is-switching .item-line{opacity:0}.item-copy,.item-photo,.item-line{transition:opacity .28s ease}.item-name{font-size:20px;font-weight:500;line-height:1.25;color:var(--tea)}.item-specs{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.spec{height:26px;padding:0 10px;border:1px solid rgba(59,42,32,.28);border-radius:999px;background:transparent;color:var(--tea-2);font-size:12px;line-height:24px}.spec.is-on{border-color:var(--brand);color:var(--brand)}.item-photo{position:absolute;top:52%;left:50%;transform:translate(-50%,-54%);width:58%;height:auto;object-fit:contain;pointer-events:none}.item-line{position:relative;z-index:1;max-width:calc(100% - 100px);font-size:13px;line-height:1.5;color:var(--tea-2)}.item-arrow{position:absolute;right:0;bottom:0;width:92px;height:84px}.footer{position:relative;z-index:20;flex-shrink:0;height:var(--footer-h);padding:10px 24px 10px 168px;display:flex;flex-direction:column;justify-content:center;gap:4px;color:var(--tea-2);font-size:12px;line-height:1.45;background:#efe6d8f5;border-top:1px solid var(--tea-line)}.foot-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.foot-left,.foot-mid{margin:0}.foot-left{flex:0 0 auto;color:var(--tea);font-weight:500}.foot-mid{flex:1 1 auto;text-align:center}.btn-text{flex:0 0 auto;color:var(--brand);font-weight:500;font-size:13px}.btn-text:hover{opacity:.8}.foot-second,.foot-addr{margin:0}.about{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:24px}.about[hidden]{display:none}.about-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:#3b2a2075}.about-panel{position:relative;z-index:1;width:min(440px,100%);padding:28px 28px 24px;background:var(--cream);color:var(--tea);box-shadow:0 18px 60px #3b2a2033}.about-panel h2{font-family:Display SC,Songti SC,serif;font-weight:900;font-size:28px;margin-bottom:14px}.about-panel p{font-size:16px;line-height:1.7}.about-note{margin-top:12px;font-size:13px;color:var(--tea-2)}.about-actions{display:flex;align-items:center;gap:16px;margin-top:22px}.about-close{font-size:15px;color:var(--tea-2)}.about-close:hover{opacity:.8}.toast{position:fixed;left:50%;bottom:108px;transform:translate(-50%) translateY(12px);z-index:90;max-width:min(420px,calc(100vw - 32px));padding:12px 18px;border-radius:12px;background:#3b2a20f0;color:var(--cream);font-size:14px;line-height:1.5;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;box-shadow:0 12px 40px #3b2a2047}.toast.show{opacity:1;transform:translate(-50%)}.fade-down{animation:fade-down .8s cubic-bezier(.16,1,.3,1) .1s both}.fade-up{animation:fade-up .8s cubic-bezier(.16,1,.3,1) both}.fade-in{animation:fade-in 1s cubic-bezier(.16,1,.3,1) both}.giant{animation:fade-in 1s cubic-bezier(.16,1,.3,1) .3s both}.stage-box{animation:fade-scale 1s cubic-bezier(.16,1,.3,1) .5s both}.stage-shade{animation:fade-in 1s cubic-bezier(.16,1,.3,1) .5s both}.grid{animation:line-grow 1.2s cubic-bezier(.16,1,.3,1) both}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-down{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-scale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes line-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.grid-narrow{display:none}.grid-wide{display:block}@media (min-width: 1024px){html,body{height:100%;overflow:hidden}.page{height:100vh;overflow:hidden}.hero{height:calc(100vh - var(--footer-h));flex:1 1 auto}}@media (max-width: 1023px){.desktop-only{display:none!important}.grid-narrow{display:block}.grid-wide{display:none}.nav{position:sticky;top:0;z-index:70;padding:16px 16px 10px;align-items:flex-start;background:linear-gradient(180deg,rgba(239,230,216,.96),rgba(239,230,216,.4) 80%,transparent)}.nav-links{display:none}.brand-narrow{display:block;color:var(--tea)}.brand-name{font-family:Display SC,Songti SC,serif;font-weight:900;font-size:24px;line-height:.95}.brand-demo{margin-top:6px;font-size:12px;color:var(--tea-2)}.burger{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--tea);position:relative;z-index:60}.burger svg{width:24px;height:24px;position:absolute;display:none}.burger:not(.is-open) #icon-bars{display:block}.burger.is-open #icon-x{display:block}.side-menu{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;visibility:hidden}.side-menu.is-open{visibility:visible}.side-menu[hidden]{display:block;visibility:hidden}.side-menu[hidden].is-open{visibility:visible}.side-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:#3b2a208c;opacity:0;transition:opacity .45s cubic-bezier(.77,0,.18,1)}.side-menu.is-open .side-dim{opacity:1}.side-panel{position:absolute;top:0;left:0;height:100%;width:80%;max-width:320px;background:var(--tea);color:var(--cream);padding:88px 24px 24px;display:flex;flex-direction:column;gap:4px;transform:translate(-100%);transition:transform .45s cubic-bezier(.77,0,.18,1)}.side-menu.is-open .side-panel{transform:translate(0)}.side-panel a,.side-panel button:not(.side-cta){color:var(--cream);font-size:28px;font-weight:500;padding:12px 0;border-bottom:1px solid rgba(251,246,238,.12);text-align:left;opacity:0;transform:translate(-20px);transition:opacity .3s,transform .3s}.side-menu.is-open .side-panel a,.side-menu.is-open .side-panel button:not(.side-cta){opacity:1;transform:translate(0)}.side-menu.is-open .side-panel a:nth-of-type(1),.side-menu.is-open .side-panel button:not(.side-cta):nth-of-type(1){transition-delay:.08s}.side-menu.is-open .side-panel a:nth-of-type(2){transition-delay:.16s}.side-menu.is-open .side-panel button:not(.side-cta):nth-of-type(2){transition-delay:.24s}.side-cta{align-self:flex-start;margin-bottom:16px;height:44px;padding:0 18px;border-radius:999px;background:var(--brand);color:#fff;font-size:18px;font-weight:500;opacity:0;transform:translate(-20px);transition:opacity .3s,transform .3s,background-color .2s}.side-menu.is-open .side-cta{opacity:1;transform:translate(0);transition-delay:.04s}.side-panel a.is-now{color:var(--brand)}.hero{min-height:100vh;padding-bottom:56px}.stage-frame{width:min(100%,calc(82vh * 16 / 9))}.stage-box{object-fit:contain;object-position:center 58%}.stage-shade{width:70%;bottom:16%}.lead{top:auto;left:16px;right:16px;width:auto;transform:none;bottom:140px;text-align:left}.lead-title{font-size:1.8rem;letter-spacing:.12em}.right-col{left:16px;right:16px;top:auto;bottom:64px;width:auto;max-width:none;justify-content:flex-start;gap:14px}.mark{font-size:28px}.mark-lines{font-size:16px;text-align:left}.item-wrap{position:relative;right:auto;bottom:auto;width:100%;max-width:none}.item-card{height:280px;min-height:280px}.footer{height:auto;min-height:var(--footer-h);padding:16px 16px 56px 168px}.foot-row{flex-direction:column;align-items:flex-start;gap:6px}.foot-mid{text-align:left}.toast{bottom:72px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}.lead-title span,.lead-sub,.giant,.stage-box,.stage-shade,.fade-up,.fade-down,.fade-in,.grid,.side-cta,.side-panel a,.side-panel button{opacity:1!important;transform:none!important}.item-card.is-switching .item-copy,.item-card.is-switching .item-photo,.item-card.is-switching .item-line{opacity:1!important}}
