@font-face{font-family:CeyeDisplay;src:url(./display-YhAD1g0_.woff2) format("woff2");font-weight:200;font-display:block}@font-face{font-family:CeyeSerif;src:url(./serif-BLx0VgNP.woff2) format("woff2");font-weight:400;font-display:swap}:root{--blue: #5F6FFF;--ui: "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Noto Sans CJK SC", "Microsoft YaHei", system-ui, sans-serif;--serif: "CeyeSerif", "Noto Serif SC", "Noto Serif CJK SC", "Songti SC", serif;--fs: min(35vh, 26vw)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#000;color:#fff;overscroll-behavior:none}body{font-family:var(--ui);-webkit-font-smoothing:antialiased;touch-action:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}:focus{outline:none}:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:4px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.m-only,.cat-row.m-only{display:none}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;background:radial-gradient(120% 90% at 50% 40%,transparent 55%,rgba(0,0,0,.55) 100%)}.demo-tag{position:fixed;top:1.1vh;right:2vw;z-index:60;font-size:11px;letter-spacing:.08em;color:#ffffff9e;padding:2px 8px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#0006}.top{position:fixed;z-index:5;left:23.3vw;right:23.4vw;top:4.6vh;height:4.4vh;display:flex;align-items:center;font-size:max(12px,.82vw);font-weight:500}.brand{display:flex;align-items:center;gap:.7vw;text-align:left}.mark{width:max(22px,2.1vw);height:max(26px,2.4vw);border-radius:22%;background:#b8875a;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #ffffff14}.mark svg{width:62%;height:74%}.brand-t{display:flex;flex-direction:column;line-height:1.05}.brand-t b{font-family:var(--serif);font-weight:400;font-size:max(18px,1.55vw);letter-spacing:.06em}.brand-t small{font-size:max(9px,.6vw);opacity:.7;letter-spacing:.1em;margin-top:3px}.links{display:flex;gap:2.3vw;margin-left:9vw;align-items:center}.link,.cat{position:relative;opacity:.82;transition:opacity .2s;display:inline-flex;align-items:center;gap:5px;padding:4px 0}.link:hover,.link[aria-expanded=true],.cat:hover{opacity:1}.link:after,.cat:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1.5px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .25s}.link:hover:after,.link[aria-expanded=true]:after,.cat:hover:after,.cat.on:after{transform:scaleX(1)}.chev{width:9px;height:6px;opacity:.8}.dd{position:relative;display:inline-flex}.dd-menu{position:absolute;top:calc(100% + 10px);left:-12px;min-width:132px;z-index:30;display:flex;flex-direction:column;padding:6px;border-radius:10px;background:#181716f5;border:1px solid rgba(255,255,255,.1);box-shadow:0 14px 40px #0009}.dd-menu[hidden]{display:none}.dd-menu button{text-align:left;padding:8px 10px;border-radius:6px;font-size:13px;opacity:.86;white-space:nowrap}.dd-menu button:hover,.dd-menu button:focus-visible{opacity:1;background:#5f6fff29;color:#fff}.dd-menu button[data-cta]{color:#fff;background:var(--blue);opacity:1;margin-top:4px;text-align:center}.pill,.cta{margin-left:auto;background:var(--blue);color:#fff;border-radius:max(6px,.4vw);padding:max(7px,.55vw) max(13px,1vw);font-weight:500;transition:transform .2s,box-shadow .2s;white-space:nowrap}.pill:hover,.cta:hover{transform:translateY(-1px);box-shadow:0 6px 18px #5f6fff59}.wordmark{position:fixed;z-index:1;left:0;right:0;top:calc(39.5vh - var(--fs) * .92);text-align:center;font:200 var(--fs)/1 "CeyeDisplay",var(--serif);letter-spacing:.02em;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap}.wm{display:inline-block}.headline{position:fixed;z-index:1;left:0;right:0;top:42.6vh;margin:0;text-align:center;font:400 clamp(20px,2.05vw,38px)/1.2 var(--serif);letter-spacing:.34em;text-indent:.34em;pointer-events:none}.ch{display:inline-block}.sub{position:fixed;z-index:1;left:0;right:0;top:calc(43.6vh + clamp(20px,2.05vw,38px)*1.2);margin:0;text-align:center;font-size:max(12px,.78vw);letter-spacing:.08em;color:#ffffff94;pointer-events:none}.cats{position:fixed;z-index:1;left:0;right:0;top:51.4vh;display:flex;flex-direction:column;align-items:center;gap:10px}.cat-row{display:flex;gap:2.1vw;font-size:max(12px,.78vw);font-weight:500}.cat.on{color:var(--blue);opacity:1}.stage{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:2;pointer-events:none;display:block}.fallback{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;display:none;background:#000 url(./shelf-01-DNAfkZ_c.webp) 50% 70% / cover no-repeat}.no-webgl .fallback{display:block}.no-webgl .stage{display:none}.label{position:fixed;left:0;top:0;z-index:4;pointer-events:none;padding:10px 12px 9px;border-radius:10px;min-width:132px;max-width:250px;background:#0a0a0a9e;border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:12px;line-height:1.5;opacity:0;transition:opacity .28s;display:flex;flex-direction:column;gap:2px;will-change:transform}.label.on{opacity:1}.label:not(.full){min-width:0;padding:6px 10px}.l-row{display:flex;align-items:center;gap:9px;margin-bottom:3px}.l-row img{width:38px;height:38px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px #ffffff2e}.l-row>span{display:flex;flex-direction:column}.l-name{font-family:var(--serif);font-weight:400;font-size:19px;letter-spacing:.12em;line-height:1.2}.l-kind{opacity:.78}.l-notes{opacity:.9}.l-spec{opacity:.78}.l-foot{font-size:10px;opacity:.5;margin-top:2px}.l-kind-only{opacity:.82;letter-spacing:.06em}.panel{position:fixed;z-index:20;top:13.5vh;right:5.5vw;width:min(400px,88vw)}.panel[hidden]{display:none}.panel-card{position:relative;background:#1c1b1af5;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:22px 24px;box-shadow:0 30px 80px #000000a6;transform:translateY(10px);opacity:0;transition:opacity .3s,transform .3s;max-height:calc(86.5vh - 90px);overflow:auto}.panel.on .panel-card{opacity:1;transform:none}.panel-close{position:absolute;top:14px;right:16px;font-size:13px;opacity:.8;padding:4px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.16)}.panel-close:hover{opacity:1;border-color:var(--blue)}.panel-close:focus-visible{outline:2px solid var(--blue)}.panel h2{font:400 24px/1.3 var(--serif);letter-spacing:.1em;margin:2px 0 12px;padding-right:64px}.panel p{margin:0 0 10px;font-size:14px;line-height:1.8;color:#ffffffe0}.panel .small{font-size:12px;color:#ffffff8c;margin-top:6px}.panel .cta{display:inline-block;margin:8px 0 0}.panel-img{margin:-6px -8px 16px;border-radius:10px;overflow:hidden;aspect-ratio:96 / 80}#panel-roast h2{margin-top:0}#panel-roast .panel-close{background:#0000008c}.panel-img img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block}.quote{margin:6px 0 14px;padding:6px 0 6px 16px;border-left:2px solid rgba(201,167,124,.7);font:400 22px/1.7 var(--serif);letter-spacing:.08em;display:flex;flex-direction:column}.sign{font-size:13px!important;color:#ffffffb3!important}.foot{position:fixed;z-index:6;left:0;right:0;bottom:0;display:grid;grid-template-columns:auto 1fr auto;column-gap:22px;row-gap:2px;align-items:center;padding:7px 2vw 7px 150px;min-height:46px;background:linear-gradient(to top,#000000c7,#00000080);border-top:1px solid rgba(255,255,255,.07);font-size:12px;color:#ffffff9e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.f-left{grid-row:1 / span 2;color:#ffffffc7;white-space:nowrap}.f-mid{grid-column:2;grid-row:1}.f-perk{grid-column:2;grid-row:2;color:#ffffff8c}.f-right{grid-column:3;grid-row:1 / span 2}.foot-cta{font-size:13px;padding:7px 14px}.foot-cta.pulse{box-shadow:0 0 0 4px #5f6fff59}.f-toast{position:absolute;right:2vw;bottom:calc(100% + 8px);background:#181716f5;color:#fff;font-size:13px;padding:8px 12px;border-radius:8px;border:1px solid rgba(95,111,255,.5);opacity:0;transform:translateY(4px);transition:opacity .25s,transform .25s;pointer-events:none}.f-toast.on{opacity:1;transform:none}@media (max-width: 1100px) and (min-width: 761px){.top{left:5vw;right:5vw}}@media (max-width: 760px){:root{--fs: 34vw}.d-only{display:none}.m-only{display:block}.m-nav.m-only{display:flex}.links{display:none}.top{left:5vw;right:5vw;top:calc(2.5vh + 12px);height:auto;font-size:13px}.demo-tag{top:6px;right:5vw;font-size:10px;padding:1px 7px}.wordmark{top:13vh}.headline{top:calc(13vh + var(--fs) * 1.03);font-size:21px;letter-spacing:.26em;text-indent:.26em}.sub{top:calc(13vh + var(--fs) * 1.03 + 34px);font-size:12px;line-height:1.6}.cats{top:calc(13vh + var(--fs) * 1.03 + 84px);padding:0 8vw;gap:6px}.cat-row{flex-wrap:wrap;justify-content:center;gap:4px 22px;font-size:13px;max-width:200px}.m-nav{opacity:.9}.m-nav .dd-menu{left:50%;transform:translate(-50%)}.fallback{background-position:75% 100%}.panel{top:auto;bottom:64px;right:4vw;left:4vw;width:auto}.panel-card{max-height:calc(100vh - 140px);padding:18px}.panel h2{font-size:21px}.panel p{font-size:13.5px}.panel-img{aspect-ratio:16 / 9}.foot{grid-template-columns:1fr auto;padding:8px 4vw 8px 128px;min-height:52px;padding-bottom:max(8px,env(safe-area-inset-bottom))}.f-left{grid-row:1;white-space:normal;font-size:11.5px}.f-mid,.f-perk{display:none}.f-right{grid-column:2;grid-row:1}.f-toast{left:4vw;right:4vw}.label{max-width:220px;font-size:11.5px}}@media (prefers-reduced-motion: reduce){*{transition-duration:.01ms!important}}
