.home-gallery{color-scheme:dark;--navy:#101431;--ink:#f8f5ff;--cyan:#68e5ff;--pink:#ff83c9;--muted:#b9bbd5;--line:#ffffff2b;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-synthesis:none}
.home-gallery *{box-sizing:border-box}
.home-gallery{scroll-behavior:smooth;scroll-padding-top:30px}
.home-gallery{margin:0;background:var(--navy);color:var(--ink)}
.home-gallery button,.home-gallery a{-webkit-tap-highlight-color:transparent}
.home-gallery button,.home-gallery input{font:inherit}
.home-gallery button,.home-gallery a{touch-action:manipulation}
.home-gallery a{color:inherit;text-decoration:none}
.home-gallery button{color:inherit;cursor:pointer}
.home-gallery button:disabled{cursor:wait}
.home-gallery button,.home-gallery [href]{outline-offset:6px}
.home-gallery button:focus-visible,.home-gallery a:focus-visible{outline:3px solid #69e7ff}
.home-gallery img{display:block;max-width:100%;height:auto}
.home-gallery figure,.home-gallery p,.home-gallery h1,.home-gallery h2,.home-gallery h3{margin:0}
.home-gallery button{border:0}
.home-gallery button:hover,.home-gallery a:hover{filter:brightness(1.07)}
.home-gallery [hidden]{display:none!important}
.home-gallery .skip{position:fixed;top:-80px;left:20px;z-index:100;background:#fff;color:#101431;padding:14px}
.home-gallery .skip:focus{top:12px}
.home-gallery .site-header{height:86px;max-width:1440px;margin:auto;padding:0 54px;display:flex;align-items:center;gap:40px;position:relative;z-index:20;border-bottom:1px solid #bec4ff24}
.home-gallery .brand{margin-right:auto}
.home-gallery .brand img{width:151px}
.home-gallery .desktop-nav{display:flex;gap:34px;font-size:14px;color:#d5d7ec}
.home-gallery .desktop-nav a{padding:15px 0}
.home-gallery .header-download{padding:12px 17px;border:1px solid #a8b4e94d;background:#303c6155;font-size:13px}
.home-gallery .header-download span{margin-left:20px;color:var(--cyan)}
.home-gallery .menu-toggle,.home-gallery #mobile-nav{display:none}
.home-gallery .exhibition{--accent:#ffadd7;position:relative;background:radial-gradient(ellipse at 80% 4%,#41236388,transparent 49%),linear-gradient(125deg,#101b3a,#21143f 68%,#151a3a);isolation:isolate;padding-top:39px}
.home-gallery .hero-heading{position:relative;z-index:3;text-align:center;padding:0 24px}
.home-gallery .eyebrow{font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.17em}
.home-gallery .hero-heading .eyebrow{color:#bac6f1}
.home-gallery .signal{display:inline-block;width:6px;height:6px;background:#ff92db;box-shadow:0 0 12px #f759db;margin-right:9px;vertical-align:middle}
.home-gallery .hero-heading h1{font-size:clamp(32px,4.2vw,60px);line-height:1.3;letter-spacing:-.045em;font-weight:650;margin:18px 0 16px}
.home-gallery .hero-heading h1 span{color:#f8ecff}
.home-gallery .hero-intro{font-size:14px;line-height:1.8;color:#c6c8e4;letter-spacing:.025em}
.home-gallery .product-switch{position:relative;z-index:5;display:flex;justify-content:center;width:max-content;max-width:calc(100% - 40px);margin:27px auto 0;background:#131d42;border:1px solid #a7afe74a;box-shadow:0 8px 28px #080c244a;scroll-margin-top:40px}
.home-gallery .product-switch button{position:relative;display:flex;align-items:center;gap:17px;min-height:54px;padding:0 25px;background:transparent;font-size:14px;white-space:nowrap;color:#d6d9ec;transition:background .25s,color .25s}
.home-gallery .product-switch button+button{border-left:1px solid #a7afe72b}
.home-gallery .switch-no{font:10px ui-monospace,monospace;color:#8f9bc4}
.home-gallery .switch-dot{width:5px;height:5px;background:#64739c;border-radius:50%;margin-left:6px}
.home-gallery .product-switch button[aria-pressed=true]{background:#e6e8f5;color:#1d2544}
.home-gallery .product-switch button[aria-pressed=true]:after{content:"";height:3px;background:var(--accent);position:absolute;bottom:-1px;left:0;right:0}
.home-gallery .product-switch button[aria-pressed=true] .switch-dot{background:#a63280;box-shadow:0 0 9px #ff8cc6}
.home-gallery .product-switch button[aria-pressed=true] .switch-no{color:#616b86}
.home-gallery .showroom{position:relative;max-width:1440px;height:620px;margin:-16px auto 0;isolation:isolate;overflow:hidden}
.home-gallery .architecture{position:absolute;inset:0;z-index:-2;overflow:hidden;background:#282157}
.home-gallery .architecture img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 65%;transform:translate(var(--scene-x,0px),var(--scene-y,0px)) scale(1.025);transition:filter .65s;filter:saturate(.88)}
.home-gallery .architecture:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#1b193e 0%,#1b193e00 13%,transparent 80%,#101b37aa 100%)}
.home-gallery .color-light{position:absolute;inset:0;background:radial-gradient(ellipse at 51% 78%,#ffb0dc3b 0%,#f771be1a 28%,transparent 63%);mix-blend-mode:screen;transition:background .6s,opacity .6s}
.home-gallery .pointer-light{position:absolute;inset:0;background:radial-gradient(ellipse 32% 50% at var(--light-x,50%) var(--light-y,50%),#efddff22,transparent 75%);opacity:.65}
.home-gallery .stage-wordmark{position:absolute;z-index:-1;top:44px;left:50%;transform:translateX(-50%);color:#d7deffad;font:500 32px/1 ui-monospace,monospace;letter-spacing:.36em;text-align:center;text-shadow:0 2px 20px #7598f44d}
.home-gallery .stage-wordmark span{display:block;font-size:7px;letter-spacing:.24em;margin-top:10px;padding-right:10px}
.home-gallery .stage-corner{position:absolute;top:60px;color:#d1eaff;font:9px/1.7 ui-monospace,monospace;letter-spacing:.13em}
.home-gallery .corner-left{left:4.2%}
.home-gallery .corner-right{right:4.2%;text-align:right}
.home-gallery .corner-left i{display:block;margin-top:11px;width:45px;height:2px;background:#7ff0ff;box-shadow:0 0 20px #16d6fa}
.home-gallery .exhibit{max-width:1100px;margin:auto;height:100%;display:grid;grid-template-columns:1fr 254px 1fr;align-items:center;gap:65px;padding:58px 30px 61px}
.home-gallery .hero-device{align-self:start;margin-top:35px;position:relative;z-index:3;width:238px;justify-self:center}
.home-gallery .phone-shell{display:block;background:linear-gradient(110deg,#fff3fa,#7d7f9d 16%,#fef6ff 32%,#9995b4 68%,#ffe7fc);padding:5px;border-radius:32px;box-shadow:0 26px 40px -15px #070b36b3,2px 0 8px #ffb1e144,-2px 0 10px #8ae8ff55;position:relative}
.home-gallery .phone-shell:after{content:"";position:absolute;inset:0;border:1px solid #ffffff85;border-radius:inherit;pointer-events:none}
.home-gallery .phone-shell img{width:100%;height:auto;border-radius:27px;object-fit:contain}
.home-gallery .hero-device figcaption{font-size:10px;line-height:1.5;text-align:center;margin-top:12px;white-space:nowrap;color:#f5edff;text-shadow:0 1px 8px #192148}
.home-gallery .hero-device figcaption span,.home-gallery .desktop-device figcaption span{margin-left:14px}
.home-gallery .side-detail{position:relative;z-index:3;margin-top:44px}
.home-gallery .detail-label{font-size:12px;color:#f4e9ff;margin-bottom:16px;letter-spacing:.045em;text-shadow:0 1px 12px #172552}
.home-gallery .detail-label>span{float:right;color:#ffd1e9}
.home-gallery .keyboard-detail{display:block;position:relative;overflow:hidden;aspect-ratio:660/568;background:#f4d4e1;border-radius:10px}
.home-gallery .keyboard-detail img{position:absolute;width:100%;height:auto;max-width:none;left:0;top:-132.7465%;object-fit:contain}
.home-gallery .hero-keyboard{box-shadow:0 18px 35px #0c143c8c;border:5px solid #e8dbe8;border-bottom-width:9px;border-radius:13px;transform:none}
.home-gallery .detail-footnote{font:9px/1.6 ui-monospace,monospace;letter-spacing:.03em;color:#d6d5f2;margin-top:14px}
.home-gallery .exhibit-copy{position:relative;z-index:3;max-width:250px;margin-top:38px;text-shadow:0 2px 12px #17113d}
.home-gallery .product-status{font-size:10px;line-height:1.6;letter-spacing:.07em;color:#ffdaed}
.home-gallery .product-status:before{content:"";display:inline-block;width:4px;height:4px;background:#ffd2e9;margin-right:7px;vertical-align:middle}
.home-gallery .exhibit-copy h2{font-size:35px;letter-spacing:-.03em;font-weight:620;line-height:1.2;margin:20px 0}
.home-gallery .exhibit-copy h2 span{display:block;font:9px/1.5 ui-monospace,monospace;letter-spacing:.16em;margin-top:9px;color:#bfc8ec}
.home-gallery .exhibit-copy>p{font-size:13px;line-height:1.9;color:#e3dff5;max-width:220px}
.home-gallery .stage-link{display:flex;align-items:center;justify-content:space-between;margin-top:25px;background:linear-gradient(100deg,#ffe7f3,#dce7fc);color:#26213e;text-shadow:none;padding:15px 17px;font-size:12px;font-weight:600;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%)}
.home-gallery .stage-link:focus-visible{clip-path:none}
.home-gallery .stage-link span{font-size:16px;margin-left:18px}
.home-gallery .exhibit-copy small{font-size:10px;line-height:1.7;display:block;margin-top:15px;color:#c7cceb}
.home-gallery .stage-base{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);display:flex;gap:80px;white-space:nowrap;font:8px ui-monospace,monospace;letter-spacing:.3em;color:#e4dfff}
.home-gallery .gallery-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 55px 29px;max-width:1440px;margin:auto;color:#bac4e2;font:10px/1.5 ui-monospace,monospace;letter-spacing:.08em}
.home-gallery .gallery-foot a{color:#f4e9ff;padding:5px 0}
.home-gallery .gallery-foot a span{margin-left:15px;color:#ff94cd}
.home-gallery .exhibition[data-product=relic]{--accent:#87b4ff}
.home-gallery .exhibition[data-product=relic] .color-light{background:linear-gradient(110deg,#297bff46,transparent 45%,#eb38ff36)}
.home-gallery .exhibition[data-product=relic] .architecture img{filter:saturate(1.18) hue-rotate(5deg)}
.home-gallery .exhibition[data-product=futures]{--accent:#91ebff}
.home-gallery .exhibition[data-product=futures] .color-light{background:linear-gradient(120deg,#217bff52,#a9eaff16)}
.home-gallery .exhibition[data-product=futures] .architecture img{filter:saturate(.35) hue-rotate(-12deg) brightness(1.06)}
.home-gallery .exhibition[data-product=futures] .stage-wordmark{top:38px}
.home-gallery .memory-chip{width:185px;aspect-ratio:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 30px;background:linear-gradient(135deg,#7d90c6,#182e66 38%,#533e83 70%,#f49fe2);border:1px solid #a0bcff;box-shadow:0 0 0 6px #6a7fb12b,0 0 0 12px #91baff1c,12px 20px 40px #070f368c;clip-path:polygon(13px 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%,0 13px)}
.home-gallery .memory-chip span{font:18px ui-monospace,monospace;letter-spacing:.16em;color:#f8e9ff}
.home-gallery .memory-chip b{font:8px ui-monospace,monospace;letter-spacing:.18em;color:#c3d6ff}
.home-gallery .memory-chip i{display:block;width:60px;height:1px;background:#b1c5ff;margin:17px 0;box-shadow:0 0 20px #69b3ff}
.home-gallery .memory-detail{text-align:center}
.home-gallery .memory-detail .detail-label{font-size:10px}
.home-gallery .exhibit-desktop{grid-template-columns:minmax(0,1fr) 238px;gap:42px;max-width:1110px;padding-top:130px;padding-bottom:95px;align-items:center}
.home-gallery .desktop-device{width:100%;z-index:3}
.home-gallery .monitor-shell{display:block;background:linear-gradient(130deg,#dfe9f5,#627492,#f5f3ff);padding:7px 7px 13px;border-radius:12px;box-shadow:0 30px 45px #07103591}
.home-gallery .monitor-shell img{width:100%;height:auto;object-fit:contain;border-radius:6px}
.home-gallery .desktop-device figcaption{font-size:10px;line-height:1.6;text-align:center;margin-top:12px;color:#f0f4ff}
.home-gallery .exhibit-desktop .exhibit-copy{margin-top:0}
.home-gallery .exhibit-desktop h2{font-size:29px}
.home-gallery .meow-section{position:relative;color-scheme:light;color:#2e2740;padding:62px max(5vw,24px) 72px;background:linear-gradient(125deg,#fff1f1 1%,#f4e8ee 43%,#edd3ef 75%,#cbdaf5);border-top:3px solid #f2a5d6;overflow:hidden;scroll-margin-top:0;--theme-color:#f2a4d1}
.home-gallery .meow-section:before{content:"";position:absolute;top:0;left:0;right:0;height:7px;background:linear-gradient(90deg,#62daff,#fde1ee 45%,#f847b7)}
.home-gallery .meow-top{max-width:1290px;margin:0 auto 45px;display:flex;justify-content:space-between;gap:15px;align-items:center}
.home-gallery .meow-top .eyebrow{color:#5a526c;font-weight:500}
.home-gallery .meow-top .eyebrow span{margin-right:25px;color:#ab427a}
.home-gallery .store-status{font-size:11px;color:#67566f;border:1px solid #9c849b60;padding:7px 10px}
.home-gallery .meow-layout{max-width:1290px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:center}
.home-gallery .product-name{font-size:16px;letter-spacing:.08em;color:#92436e;margin-bottom:24px}
.home-gallery .meow-copy h2{font-size:clamp(34px,3.5vw,51px);line-height:1.43;letter-spacing:-.06em;font-weight:600}
.home-gallery .meow-copy h2 em{font-style:normal;color:#a43674}
.home-gallery .meow-description{font-size:15px;line-height:1.95;max-width:430px;color:#66566c;margin-top:24px}
.home-gallery .theme-selector{display:flex;gap:10px;margin-top:32px;flex-wrap:wrap}
.home-gallery .theme-selector button{min-height:48px;font-size:12px;background:#ffffff6b;color:#58485d;border:1px solid #b39eaf;padding:0 13px;display:flex;align-items:center;gap:8px;transition:background .2s,color .2s}
.home-gallery .theme-selector button[aria-pressed=true]{background:#3b2c49;color:#fff1fa;border-color:#3b2c49;box-shadow:0 4px 14px #5c346020}
.home-gallery .theme-selector i{width:13px;height:13px;border-radius:50%;border:1px solid #54435b4d}
.home-gallery .pink-swatch{background:#f2a3c5}
.home-gallery .cream-swatch{background:#fbe3b0}
.home-gallery .dark-swatch{background:#293354}
.home-gallery .theme-hint{font-size:10px;color:#7b667b;margin:10px 0 24px;min-height:16px}
.home-gallery .meow-actions{display:flex;gap:26px;align-items:center}
.home-gallery .solid-button{padding:16px 23px;display:inline-flex;gap:25px;align-items:center;background:#31263e;color:#fff4fa;font-size:13px;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);box-shadow:0 8px 20px #60286420}
.home-gallery .solid-button:focus-visible{clip-path:none}
.home-gallery .plain-link{font-size:12px;border-bottom:1px solid #978497;padding:14px 0}
.home-gallery .plain-link span{margin-left:14px}
.home-gallery .meow-features{margin-top:35px;max-width:470px;border-top:1px solid #b5a4b759}
.home-gallery .meow-features p{padding:13px 0;border-bottom:1px solid #b5a4b759;font-size:12px;color:#62516b;display:flex;gap:15px;align-items:baseline;line-height:1.65}
.home-gallery .meow-features p span{font:9px ui-monospace,monospace;color:#9c5d8d}
.home-gallery .meow-installation{min-width:0;position:relative;min-height:752px;display:flex;align-items:center;justify-content:center;padding-bottom:38px;isolation:isolate}
.home-gallery .meow-backplate{position:absolute;width:100%;height:82%;top:2%;border:1px solid #fef4ff;background:linear-gradient(150deg,#dce8f1 0%,#faf4f7 29%,#f2cade 54%,#a1b1db 100%);box-shadow:inset 1px 0 0 white,15px 15px 45px #a381ac25;clip-path:polygon(25px 0,100% 0,100% calc(100% - 25px),calc(100% - 25px) 100%,0 100%,0 25px);z-index:-2}
.home-gallery .meow-backplate>span{position:absolute;top:30px;left:50%;transform:translateX(-50%);color:#fff9;letter-spacing:.12em;font-size:clamp(60px,6.6vw,98px);font-weight:800}
.home-gallery .meow-backplate>i{position:absolute;inset:10px;border-left:4px solid #c9faff;border-right:4px solid #f9a9d8;box-shadow:inset 9px 0 18px #80d9ff33,inset -12px 0 18px #f394c935;clip-path:inherit}
.home-gallery .meow-plinth{position:absolute;height:110px;bottom:42px;width:calc(100% + 20px);left:-10px;background:linear-gradient(175deg,#fff7f9 0%,#d7cadb 55%,#91aacb 57%,#f1ebf3 63%,#a999ba 90%);clip-path:polygon(8% 0,92% 0,100% 45%,100% 83%,92% 100%,7% 100%,0 82%,0 45%);z-index:-1;box-shadow:0 10px 20px #91809a}
.home-gallery .meow-phone{width:294px;z-index:3}
.home-gallery .meow-phone .phone-shell{border-radius:38px;padding:6px;box-shadow:0 20px 33px -12px #59315f66}
.home-gallery .meow-phone img{border-radius:32px}
.home-gallery .meow-phone figcaption{font-size:10px;line-height:1.5;color:#695472;text-align:center;margin-top:14px}
.home-gallery .meow-phone figcaption span{margin-left:10px}
.home-gallery .material-label{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);text-align:center;color:#866288;white-space:nowrap}
.home-gallery .material-label span{font:8px ui-monospace,monospace;letter-spacing:.15em}
.home-gallery .material-label b{font-size:15px;font-weight:400;display:block;margin-top:9px}
.home-gallery .meow-section[data-theme=cream]{--theme-color:#f8db9f}
.home-gallery .meow-section[data-theme=cream] .meow-backplate{background:linear-gradient(150deg,#d1e8f6,#fff9e9 29%,#eed8b2 54%,#b4bad9)}
.home-gallery .meow-section[data-theme=midnight]{--theme-color:#797aa9}
.home-gallery .meow-section[data-theme=midnight] .meow-backplate{background:linear-gradient(150deg,#8eb8ed,#bac5e6 29%,#a598c0 54%,#62709d)}
.home-gallery .meow-backplate{transition:background .4s}
.home-gallery .keyboard-workbench{display:grid;grid-template-columns:.8fr 1.3fr;gap:65px;max-width:1170px;margin:55px auto 0;align-items:center;padding:40px 45px;background:linear-gradient(115deg,#fbf7f9cf,#dcdcf0aa);border:1px solid #fff6fc;box-shadow:0 12px 45px #8c709d16;position:relative;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px))}
.home-gallery .keyboard-note .eyebrow{font-size:9px;color:#7a658b}
.home-gallery .keyboard-note h3{font-size:34px;font-weight:550;line-height:1.5;letter-spacing:-.04em;margin:18px 0;color:#48364f}
.home-gallery .keyboard-note>p{font-size:12px;line-height:1.9;color:#776581}
.home-gallery .detail-caption{display:inline-block;font-size:10px;margin-top:25px;border-bottom:1px solid #a98bad;color:#856687;padding-bottom:5px}
.home-gallery .keyboard-surface{min-width:0;padding:8px 8px 17px;background:linear-gradient(145deg,#fef7fc,#afadcc 22%,#f9eff8 51%,#beb0cb);border:1px solid #fff3f8;border-radius:18px;box-shadow:12px 18px 26px #8b6e9d30}
.home-gallery .section-keyboard{border-radius:10px}
.home-gallery .preview-end{padding:48px 24px 38px;display:flex;flex-direction:column;align-items:center;gap:18px;background:linear-gradient(110deg,#151f43,#2d1c42);border-top:1px solid #b894ec36}
.home-gallery .preview-end p{font-size:11px;color:#bbb8d1;letter-spacing:.05em}
.home-gallery .preview-end>a{font-size:12px;color:#e5d8ee;border-bottom:1px solid #8b73a1;padding:7px 0}
.home-gallery .preview-end>a span{margin-left:20px}
.home-gallery .preview-notice{font:9px ui-monospace,monospace;color:#aaa6c5;margin-top:24px}
.home-gallery .toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:90;max-width:calc(100% - 40px);width:max-content;background:#f6edf8;color:#2a1d3b;padding:12px 20px;border:1px solid #a57bd3;box-shadow:0 10px 40px #050b3866;font-size:13px;opacity:0;pointer-events:none}
.home-gallery .toast.show{opacity:1}
.home-gallery .lightbox{padding:65px 20px 24px;background:#10182f;color:#fff;border:1px solid #8d85ad;width:min(1000px,calc(100% - 28px));max-width:100%;max-height:calc(100% - 28px);overflow:auto}
.home-gallery .lightbox::backdrop{background:#080d26eb;backdrop-filter:blur(8px)}
.home-gallery .lightbox figure{margin:0;display:flex;flex-direction:column;align-items:center}
.home-gallery .lightbox img{width:auto;max-height:calc(100dvh - 200px);max-width:100%;height:auto;object-fit:contain}
.home-gallery .lightbox figcaption{font-size:12px;text-align:center;line-height:1.7;margin-top:16px;color:#d8d8ef}
.home-gallery .lightbox-close{position:absolute;right:16px;top:14px;background:#303755;border:1px solid #9c94bd;min-height:40px;padding:0 17px;font-size:12px}
.home-gallery .lightbox-close span{margin-left:20px;font-size:20px}
.home-gallery .phone-shell[aria-busy=true]{opacity:.65}
@media(min-width:1600px){.home-gallery .hero-heading h1{font-size:64px}
.home-gallery .showroom{height:690px}
.home-gallery .hero-device{width:265px}
.home-gallery .exhibit{padding-top:77px}
.home-gallery .stage-wordmark{top:48px}
.home-gallery .exhibit-copy h2{font-size:40px}
.home-gallery .keyboard-workbench{max-width:1290px}}
@media(max-width:1100px){.home-gallery .site-header{padding:0 30px;gap:25px}
.home-gallery .desktop-nav{gap:24px}
.home-gallery .hero-heading h1{font-size:44px}
.home-gallery .showroom{height:590px}
.home-gallery .exhibit{gap:30px;grid-template-columns:1fr 235px 1fr;padding:63px 60px 57px}
.home-gallery .hero-device{width:216px;margin-top:25px}
.home-gallery .side-detail{margin-top:30px}
.home-gallery .exhibit-copy h2{font-size:29px}
.home-gallery .exhibit-copy>p{font-size:12px}
.home-gallery .detail-label{font-size:10px}
.home-gallery .detail-footnote{font-size:8px}
.home-gallery .stage-wordmark{top:42px;font-size:27px}
.home-gallery .stage-corner{top:32px}
.home-gallery .exhibit-desktop{grid-template-columns:minmax(0,1fr) 210px;gap:35px;padding:120px 55px 100px}
.home-gallery .exhibit-desktop h2{font-size:26px}
.home-gallery .meow-layout{gap:25px}
.home-gallery .meow-copy h2{font-size:37px}
.home-gallery .meow-description{font-size:14px}
.home-gallery .meow-installation{min-height:720px}
.home-gallery .meow-phone{width:265px}
.home-gallery .theme-selector{gap:7px}
.home-gallery .theme-selector button{font-size:11px;padding:0 10px}
.home-gallery .meow-features p{font-size:11px}
.home-gallery .keyboard-workbench{gap:35px;padding:33px}
.home-gallery .keyboard-note h3{font-size:29px}}
@media(max-width:800px){.home-gallery .site-header{height:74px;padding:0 25px}
.home-gallery .brand img{width:130px}
.home-gallery .desktop-nav{gap:20px;font-size:12px}
.home-gallery .header-download{display:none}
.home-gallery .exhibition{padding-top:35px}
.home-gallery .hero-heading h1{font-size:38px}
.home-gallery .hero-intro{font-size:12px;max-width:500px;margin:auto}
.home-gallery .product-switch button{padding:0 21px}
.home-gallery .showroom{height:680px}
.home-gallery .architecture img{object-fit:cover;width:100%;object-position:50% 55%}
.home-gallery .exhibit{padding:85px 40px 45px;grid-template-columns:1fr 255px;gap:35px;align-items:center}
.home-gallery .side-detail{grid-column:1;grid-row:1;margin-top:0;align-self:end;margin-bottom:70px}
.home-gallery .exhibit-copy{grid-column:1;grid-row:1;align-self:start;margin-top:30px}
.home-gallery .exhibit-copy>p{display:none}
.home-gallery .exhibit-copy h2{margin:15px 0}
.home-gallery .stage-link{margin-top:16px;padding:12px}
.home-gallery .hero-device{grid-column:2;grid-row:1;width:236px;margin-top:22px}
.home-gallery .stage-wordmark{top:48px}
.home-gallery .detail-label{font-size:11px}
.home-gallery .hero-keyboard{max-width:230px}
.home-gallery .detail-footnote{font-size:8px}
.home-gallery .memory-detail{margin-bottom:40px}
.home-gallery .memory-chip{width:145px;margin-bottom:20px}
.home-gallery .exhibit-copy small{font-size:9px}
.home-gallery .exhibit-desktop{display:flex;flex-direction:column;gap:20px;padding:135px 55px 80px}
.home-gallery .desktop-device{max-width:580px}
.home-gallery .exhibit-desktop .exhibit-copy{display:grid;grid-template-columns:1fr auto;max-width:none;width:100%;gap:0 20px}
.home-gallery .exhibit-desktop h2{grid-column:1;margin-top:7px;font-size:24px}
.home-gallery .exhibit-desktop h2 span{font-size:8px}
.home-gallery .exhibit-desktop .stage-link{grid-column:2;grid-row:1 / 3;align-self:center;min-width:160px}
.home-gallery .exhibit-desktop small{grid-column:1 / -1}
.home-gallery .gallery-foot{padding-left:25px;padding-right:25px}
.home-gallery .meow-section{padding:45px 30px 60px}
.home-gallery .meow-top{margin-bottom:25px}
.home-gallery .meow-layout{grid-template-columns:1fr 1fr;gap:23px}
.home-gallery .meow-copy h2{font-size:31px}
.home-gallery .meow-description{font-size:13px;line-height:1.9}
.home-gallery .theme-selector{flex-direction:column;width:max-content}
.home-gallery .theme-selector button{min-height:42px;width:125px}
.home-gallery .meow-installation{min-height:660px;align-self:start;margin-top:25px}
.home-gallery .meow-phone{width:244px;max-width:90%}
.home-gallery .meow-actions{gap:15px;align-items:start;flex-direction:column}
.home-gallery .solid-button{font-size:12px;padding:15px 18px}
.home-gallery .meow-features{margin-top:22px}
.home-gallery .keyboard-workbench{gap:25px;margin-top:50px;padding:25px;grid-template-columns:1fr 1.2fr}
.home-gallery .keyboard-note h3{font-size:25px}
.home-gallery .keyboard-note>p{font-size:11px}
.home-gallery .desktop-only{display:none}
.home-gallery .keyboard-note .eyebrow{font-size:8px}
.home-gallery .detail-caption{margin-top:15px}}
@media(max-width:600px){.home-gallery{scroll-padding-top:16px}
.home-gallery .site-header{height:70px;padding:0 22px;border-color:#aca4dc38}
.home-gallery .brand img{width:123px}
.home-gallery .desktop-nav{display:none}
.home-gallery .menu-toggle{display:flex;align-items:center;gap:18px;padding:10px 0 10px 12px;min-height:44px;background:transparent;font-size:12px}
.home-gallery .menu-toggle>span{font-size:20px;color:#e09bd9}
.home-gallery #mobile-nav:not([hidden]){position:absolute;display:flex;flex-direction:column;top:70px;left:0;right:0;background:#18203ff5;padding:15px 22px 22px;border-bottom:1px solid #ad87cb;box-shadow:0 15px 25px #100c2d66}
.home-gallery #mobile-nav a{padding:15px 0;border-bottom:1px solid #ffffff20;font-size:14px}
.home-gallery .exhibition{padding-top:29px}
.home-gallery .hero-heading{padding:0 20px}
.home-gallery .hero-heading .eyebrow{font-size:8px;letter-spacing:.12em}
.home-gallery .signal{width:4px;height:4px;margin-right:7px}
.home-gallery .hero-heading h1{font-size:34px;line-height:1.42;margin:18px 0 15px;letter-spacing:-.045em}
.home-gallery .hero-heading h1 span{display:block}
.home-gallery .hero-intro{font-size:12px;line-height:1.9;max-width:300px;color:#cdc8e5}
.home-gallery .product-switch{max-width:none;width:calc(100% - 32px);margin-top:25px}
.home-gallery .product-switch button{gap:7px;padding:0 8px;min-height:50px;justify-content:center;flex:1;font-size:11px}
.home-gallery .switch-no{font-size:8px}
.home-gallery .switch-dot{width:4px;height:4px;margin-left:1px}
.home-gallery .showroom{height:820px;margin-top:-2px;overflow:hidden}
.home-gallery .architecture{inset:0 0 118px}
.home-gallery .architecture img{width:100%;height:100%;object-fit:cover;object-position:50% 58%;transform:none}
.home-gallery .architecture:after{background:linear-gradient(180deg,#1d214777,transparent 12%,transparent 62%,#181a3d 99%)}
.home-gallery .color-light{background:radial-gradient(ellipse at 50% 70%,#ffb9e32b,transparent 65%)}
.home-gallery .stage-wordmark{top:30px;font-size:23px;color:#d7e0ffcc;letter-spacing:.32em}
.home-gallery .stage-wordmark span{font-size:6px;margin-top:7px}
.home-gallery .stage-corner{font-size:6px;top:36px;max-width:53px}
.home-gallery .corner-left{left:15px}
.home-gallery .corner-left i{width:23px;margin-top:8px}
.home-gallery .corner-right{right:14px}
.home-gallery .exhibit{display:flex;flex-direction:column;gap:0;align-items:center;padding:85px 25px 0}
.home-gallery .hero-device{width:240px;max-width:calc(100vw - 110px);margin-top:0;align-self:center}
.home-gallery .hero-device .phone-shell{padding:5px;border-radius:34px}
.home-gallery .hero-device .phone-shell img{border-radius:29px}
.home-gallery .hero-device figcaption{font-size:9px;margin-top:10px}
.home-gallery .side-detail{display:none}
.home-gallery .exhibit-copy{display:grid;grid-template-columns:1fr auto;width:100%;max-width:400px;gap:0 10px;margin:34px 0 0;text-shadow:none;align-self:auto}
.home-gallery .product-status{font-size:9px;grid-column:1}
.home-gallery .exhibit-copy h2{font-size:27px;grid-column:1;grid-row:2;margin:9px 0 0}
.home-gallery .exhibit-copy h2 span{font-size:7px;letter-spacing:.13em;margin-top:6px}
.home-gallery .exhibit-copy>p{display:block;font-size:11px;line-height:1.85;grid-column:1 / -1;grid-row:3;max-width:320px;margin-top:17px;color:#bfc2dd}
.home-gallery .stage-link{grid-column:2;grid-row:1 / 3;align-self:center;margin:0;padding:13px 15px;min-width:122px;min-height:44px;font-size:11px}
.home-gallery .stage-link span{font-size:15px;margin-left:10px}
.home-gallery .exhibit-copy small{grid-column:1 / -1;font-size:9px;margin-top:10px}
.home-gallery .stage-base{display:none}
.home-gallery .gallery-foot{padding:6px 25px 27px;font-size:8px}
.home-gallery .gallery-foot>span:last-child{display:none}
.home-gallery .gallery-foot a{font-size:9px}
.home-gallery .exhibition[data-product=relic] .showroom{height:854px}
.home-gallery .exhibition[data-product=futures] .showroom{height:550px}
.home-gallery .exhibition[data-product=futures] .architecture{inset:0 0 135px}
.home-gallery .exhibition[data-product=futures] .architecture img{object-fit:cover;object-position:50% 65%}
.home-gallery .exhibition[data-product=futures] .stage-wordmark{top:31px}
.home-gallery .exhibit-desktop{padding:112px 20px 0;justify-content:flex-start}
.home-gallery .desktop-device{max-width:450px}
.home-gallery .desktop-device figcaption{font-size:8px;line-height:1.7;margin-top:12px}
.home-gallery .monitor-shell{padding:4px 4px 8px;border-radius:7px}
.home-gallery .monitor-shell img{border-radius:3px}
.home-gallery .exhibit-desktop .exhibit-copy{margin:37px 0 0;display:grid;gap:0 10px;max-width:400px}
.home-gallery .exhibit-desktop .exhibit-copy h2{font-size:24px;margin:8px 0 0}
.home-gallery .exhibit-desktop .exhibit-copy .stage-link{min-width:120px}
.home-gallery .exhibit-desktop .exhibit-copy>p{display:block}
.home-gallery .exhibit-desktop .exhibit-copy small{font-size:9px}
.home-gallery .meow-section{padding:34px 23px 42px;background:linear-gradient(145deg,#fff2f1,#f3e8f0 42%,#d5dcf3 100%)}
.home-gallery .meow-top{margin-bottom:33px;gap:10px}
.home-gallery .meow-top .eyebrow{font-size:8px;letter-spacing:.12em}
.home-gallery .meow-top .eyebrow span{margin-right:6px}
.home-gallery .store-status{font-size:8px;padding:6px 7px}
.home-gallery .meow-layout{display:flex;flex-direction:column;gap:0}
.home-gallery .meow-copy{width:100%}
.home-gallery .product-name{font-size:14px;margin-bottom:14px}
.home-gallery .meow-copy h2{font-size:32px;line-height:1.48}
.home-gallery .meow-description{font-size:14px;line-height:1.95;margin-top:18px;max-width:450px}
.home-gallery .theme-selector{flex-direction:row;width:100%;gap:7px;margin-top:25px;flex-wrap:nowrap}
.home-gallery .theme-selector button{width:auto;flex:1;padding:0 6px;font-size:10px;gap:6px;min-height:46px}
.home-gallery .theme-selector i{width:11px;height:11px;flex-shrink:0}
.home-gallery .theme-hint{font-size:9px;margin:9px 0 21px}
.home-gallery .meow-actions{flex-direction:row;gap:26px;align-items:center}
.home-gallery .solid-button{padding:15px 17px;font-size:12px;gap:17px}
.home-gallery .plain-link{font-size:11px}
.home-gallery .meow-features{margin-top:23px;max-width:none}
.home-gallery .meow-features p{font-size:11px;padding:11px 0;gap:13px}
.home-gallery .meow-installation{width:100%;max-width:420px;min-height:742px;margin:36px auto 0;padding-bottom:55px;align-self:center}
.home-gallery .meow-phone{width:282px;max-width:85%;margin-top:24px}
.home-gallery .meow-phone .phone-shell{padding:5px;border-radius:36px}
.home-gallery .meow-phone img{border-radius:31px}
.home-gallery .meow-phone figcaption{font-size:9px}
.home-gallery .meow-backplate{height:83%;top:0}
.home-gallery .meow-backplate>span{font-size:62px;top:22px;letter-spacing:.07em}
.home-gallery .meow-backplate>i{inset:8px;border-left-width:2px;border-right-width:2px}
.home-gallery .meow-plinth{height:100px;bottom:43px}
.home-gallery .material-label{bottom:5px}
.home-gallery .material-label b{font-size:14px}
.home-gallery .keyboard-workbench{display:flex;flex-direction:column;gap:25px;margin:36px -7px 0;padding:27px 18px 24px;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));align-items:stretch}
.home-gallery .keyboard-note{display:grid;grid-template-columns:1fr;align-items:start}
.home-gallery .keyboard-note .eyebrow{font-size:8px}
.home-gallery .keyboard-note h3{font-size:31px;line-height:1.4;margin:15px 0}
.home-gallery .keyboard-note h3 br{display:none}
.home-gallery .keyboard-note>p{font-size:12px}
.home-gallery .detail-caption{font-size:9px;justify-self:start;margin-top:14px}
.home-gallery .keyboard-surface{padding:5px 5px 10px;border-radius:12px}
.home-gallery .section-keyboard{border-radius:7px}
.home-gallery .preview-end{padding:36px 20px 30px}
.home-gallery .preview-end img{width:130px}
.home-gallery .preview-end p{font-size:10px}
.home-gallery .preview-notice{font-size:8px}
.home-gallery .lightbox{padding:63px 12px 20px}
.home-gallery .lightbox figcaption{font-size:11px}
.home-gallery .lightbox-close{min-height:44px}
.home-gallery .lightbox img{max-height:calc(100dvh - 180px)}}
@media(max-width:360px){.home-gallery .hero-heading h1{font-size:29px}
.home-gallery .hero-heading{padding:0 18px}
.home-gallery .hero-intro{font-size:11px;max-width:270px}
.home-gallery .product-switch button{font-size:10px;gap:5px}
.home-gallery .switch-dot{display:none}
.home-gallery .showroom{height:740px}
.home-gallery .hero-device{max-width:calc(100vw - 100px)}
.home-gallery .exhibition[data-product=relic] .showroom{height:790px}
.home-gallery .exhibit{padding-left:20px;padding-right:20px}
.home-gallery .exhibit-copy h2{font-size:24px}
.home-gallery .stage-link{min-width:110px;padding:12px}
.home-gallery .meow-section{padding-left:20px;padding-right:20px}
.home-gallery .meow-copy h2{font-size:28px}
.home-gallery .meow-top .eyebrow{font-size:7px}
.home-gallery .store-status{font-size:7px}
.home-gallery .theme-selector{gap:5px}
.home-gallery .theme-selector button{font-size:9px;gap:4px;padding:0 4px}
.home-gallery .meow-installation{min-height:650px}
.home-gallery .meow-phone{width:245px}
.home-gallery .keyboard-note h3{font-size:27px}
.home-gallery .exhibit-desktop .exhibit-copy h2{font-size:21px}
.home-gallery .exhibit-desktop .exhibit-copy .stage-link{min-width:107px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.home-gallery{scroll-behavior:auto}
.home-gallery *,.home-gallery *:before,.home-gallery *:after{animation:none!important;transition:none!important}
.home-gallery .architecture img{transform:none!important}
.home-gallery .pointer-light{display:none}}
@media(pointer:coarse){.home-gallery .architecture img{transform:none}
.home-gallery .pointer-light{display:none}}
.home-gallery .architecture picture{position:absolute;inset:0;display:block}
.home-gallery .stage-base{display:none}
@media(min-width:1101px) and (max-width:1599px){.home-gallery .hero-device{margin-top:20px}
.home-gallery .stage-wordmark{top:24px}}
@media(max-width:600px){.home-gallery .architecture img{object-fit:cover;object-position:50% 50%}
.home-gallery .architecture:after{background:linear-gradient(180deg,#1d214733,transparent 12%,transparent 70%,#181a3d 100%)}
.home-gallery .stage-wordmark{top:39px;font-size:22px;text-shadow:0 1px 9px #0b134a}
.home-gallery .stage-wordmark span{color:#f0eaff}
.home-gallery .corner-left,.home-gallery .corner-right{top:20px}
.home-gallery .hero-device{margin-top:12px}
.home-gallery .exhibit-copy{margin-top:27px}}
.home-gallery .meow-section :focus-visible{outline-color:#4f236b}
.home-gallery .hero-keyboard{border:0;margin:5px 0 9px;box-shadow:0 0 0 5px #e8dbe8,0 6px 0 5px #cab9cf,0 18px 35px #0c143c8c}
@media(min-width:601px) and (max-width:800px){.home-gallery .theme-selector button{min-height:44px}}
@media(min-width:1101px){.home-gallery .exhibit-desktop .desktop-device{max-width:680px;justify-self:center}}
.home-gallery .hero-device figcaption{width:max-content;max-width:calc(100vw - 30px);padding:2px 8px;margin:8px auto 0;background:#172044e8;border:1px solid #8d9bc44d;color:#f2edff;text-shadow:none;font-size:9px}
.home-gallery .side-detail .detail-footnote{display:inline-block;background:#172044e8;padding:5px 8px;color:#e2e7fc}
@media(max-width:600px){.home-gallery .keyboard-note h3 br{display:block}
.home-gallery .exhibit-copy>p{font-size:13px}
.home-gallery .exhibit-copy small,.home-gallery .exhibit-desktop .exhibit-copy small{font-size:10px}
.home-gallery .exhibition[data-product=futures] .showroom{height:580px}}
@media(max-width:360px){.home-gallery .exhibition[data-product=meow] .showroom{height:770px}}