@font-face{font-family:RiGuang Display;src:url(./display-BghpfGrv.woff2) format("woff2");font-weight:700 900;font-style:normal;font-display:swap}@font-face{font-family:RiGuang Body;src:url(./body-Cwuk9zXa.woff2) format("woff2");font-weight:400 600;font-style:normal;font-display:swap}:root{--brand: #5F6FFF;--text: #000000;--hero: #332023;--hero-muted: #B0A2A1;--tea: #E8D6B6;--bud: #C5D67A;--bg: #fff;--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:PingFang SC,Hiragino Sans GB,Noto Sans SC,Microsoft YaHei,system-ui,sans-serif}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{min-height:100vh;overflow-x:clip}img{max-width:100%;height:auto;display:block}button,a{font-family:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.page{min-height:100vh;background:var(--bg)}.hero{position:relative;width:100%;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.hero-still{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:#eadcc8}.hero-still img{width:100%;height:100%;object-fit:cover;object-position:58% 50%;transform:scale(1.04);animation:kenburns 22s var(--ease) alternate infinite}@media (max-width: 639px){.hero-still img{object-position:72% 50%}}@keyframes kenburns{0%{transform:scale(1.02)}to{transform:scale(1.1)}}.hero-flare{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;z-index:1;pointer-events:none;background:radial-gradient(ellipse 55% 40% at 72% 28%,rgba(255,244,220,.34),transparent 68%);animation:flare 18s ease-in-out alternate infinite}@keyframes flare{0%{transform:translate(-3%,-2%);opacity:.72}to{transform:translate(5%,3%);opacity:1}}.topbar{position:absolute;top:0;left:0;width:100%;display:flex;align-items:flex-start;justify-content:space-between;padding:20px 20px 0;z-index:40}@media (min-width: 640px){.topbar{padding:24px 32px 0}}.brand-block{color:var(--hero)}.brand-name{font-family:RiGuang Body,PingFang SC,serif;font-weight:600;font-size:12px;letter-spacing:.08em;line-height:1.25}@media (min-width: 640px){.brand-name{font-size:14px}}.brand-sub{font-weight:600;font-size:12px;letter-spacing:.08em;line-height:1.25}@media (min-width: 640px){.brand-sub{font-size:14px}}.brand-demo{margin-top:4px;font-size:10px;font-weight:400;letter-spacing:.02em;color:var(--hero);opacity:.72}.top-nav{display:flex;gap:20px;align-items:center;padding-top:2px}@media (min-width: 640px){.top-nav{gap:32px}}.nav-link,.nav-cta{position:relative;background:none;border:0;padding:0;font-size:12px;font-weight:700;letter-spacing:.04em;text-decoration:none;color:var(--hero);line-height:1.2}.nav-cta{color:var(--brand)}.nav-link .u,.nav-cta .u{position:absolute;left:0;bottom:-2px;height:1px;width:100%;transform:scaleX(0);transform-origin:left;transition:transform .3s ease-out;background:currentColor}.nav-link:hover .u,.nav-cta:hover .u,.nav-link:focus-visible .u,.nav-cta:focus-visible .u{transform:scaleX(1)}.slide-index{display:none;position:absolute;left:24px;top:28%;z-index:10;font-family:Playfair Display,Didot,Bodoni MT,RiGuang Display,Times New Roman,serif;font-style:italic;font-weight:400;font-size:clamp(2.5rem,6.5vw,6rem);line-height:1;letter-spacing:-.02em;color:var(--hero)}@media (min-width: 640px){.slide-index{display:block;left:32px}}.scroll-hint{display:none;position:absolute;right:32px;top:58%;z-index:20;writing-mode:vertical-rl;font-family:Georgia,RiGuang Display,Times New Roman,serif;font-style:italic;font-size:20px;letter-spacing:.2em;color:var(--hero)}@media (min-width: 640px){.scroll-hint{display:block}}@media (min-width: 768px){.scroll-hint{right:40px}}.hero-copy{position:relative;z-index:10;padding:0 0 0 20px}@media (min-width: 640px){.hero-copy{padding:0 32px 48px}}.hero-title{margin:0;font-family:RiGuang Display,RiGuang Body,PingFang SC,serif;font-weight:700;font-size:clamp(2.2rem,8vw,4rem);letter-spacing:-.01em;line-height:1.15}@media (min-width: 640px){.hero-title{line-height:1}}.hero-title .line{display:block}.hero-title .ch{display:inline-block}.hero-title .line-1{color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.4)}.hero-title .line-2,.hero-title .line-3{color:#fffc;text-shadow:0 2px 12px rgba(0,0,0,.35)}@media (min-width: 640px){.hero-title .line-1{color:var(--hero);text-shadow:none}.hero-title .line-2,.hero-title .line-3{color:var(--hero-muted);text-shadow:none}}.float-card{display:none;position:absolute;top:12%;right:7%;z-index:30;min-width:260px;align-items:center;gap:8px;padding:16px 20px;border-radius:16px;background:#fff;box-shadow:0 4px 24px #33202314,0 1px 4px #3320230f,0 12px 28px #3320230f}@media (min-width: 640px){.float-card{display:flex}}.card-img{flex-shrink:0;width:60px;height:76px;overflow:hidden;border-radius:8px;background:#f4eee6}.card-img img{width:130%;height:130%;object-fit:contain;margin-left:-15%;margin-top:-15%;filter:drop-shadow(0 4px 8px rgba(51,32,35,.18))}.card-info{display:flex;flex-direction:column}.card-name{font-size:14px;font-weight:600;letter-spacing:.02em;line-height:1.25;color:var(--hero)}.card-spec{font-size:11px;font-weight:500;letter-spacing:.04em;margin-top:3px;color:var(--hero)}.card-btn{position:relative;overflow:hidden;align-self:flex-start;margin-top:14px;padding:0;border:0;background:none;font-size:12px;font-weight:700;letter-spacing:.04em;line-height:1.2;color:var(--brand)}.card-btn .u1,.card-btn .u2{position:absolute;left:0;bottom:0;height:1px;width:100%;background:var(--brand)}.card-btn .u1{transform-origin:left;transform:scaleX(1);transition:transform .3s ease-out}.card-btn .u2{transform-origin:right;transform:scaleX(0);opacity:.4;transition:transform .3s ease-out .15s}.card-btn:hover .u1,.card-btn:focus-visible .u1{transform:scaleX(0)}.card-btn:hover .u2,.card-btn:focus-visible .u2{transform:scaleX(1)}.hero-shade{display:none;position:absolute;left:0;right:0;bottom:0;height:46%;z-index:2;pointer-events:none;background:linear-gradient(to top,rgba(51,32,35,.42),rgba(51,32,35,.12) 42%,transparent 100%)}@media (max-width: 639px){.hero-shade{display:block}}.mobile-card{display:flex;align-items:center;gap:12px;margin:16px 20px 56px 0;padding:16px;border-radius:16px;background:#fff;box-shadow:0 4px 24px #33202314,0 1px 4px #3320230f;position:relative;z-index:11}.mobile-card .card-img{width:56px;height:70px;border-radius:6px}.mobile-card .card-btn{margin-top:12px}.mobile-card .card-btn .u2{display:none}@media (min-width: 640px){.mobile-card{display:none}}.split{position:relative;width:100%}.split-inner{display:flex;flex-direction:column}@media (min-width: 768px){.split-inner{display:grid;grid-template-columns:1fr 1fr;min-height:100svh}}.split-occasion .split-inner{flex-direction:column-reverse}.panel{position:relative;display:flex;flex-direction:column;padding:20px 20px 24px;min-height:0}@media (min-width: 768px){.panel{padding:24px 32px 72px;min-height:100%}}.panel-taste{background:var(--tea)}.panel-occasion{background:var(--bud)}.panel-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.panel-kicker,.panel-current{font-size:12px;font-weight:400;color:var(--text)}.option-hint{margin:10px 0 6px;font-size:12px;color:var(--text);opacity:.72}.option-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px}.opt{position:relative;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--brand);background:transparent;color:var(--brand);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600;letter-spacing:.02em;line-height:1.2;transition:background .2s ease,color .2s ease}.opt .opt-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;opacity:.22;pointer-events:none}.opt span{position:relative;z-index:1}.opt:hover{background:#5f6fff14}.opt.is-on{background:var(--brand);color:#fff;border-color:var(--brand)}.opt.is-on .opt-bg{opacity:0}.panel-figure{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 0 8px;position:relative}@media (min-width: 768px){.panel-figure{flex:1 1 auto;min-height:0;padding:10px 0}}.box-wrap{position:relative;flex-shrink:0;margin-bottom:12px}.box-frame{position:relative;width:clamp(120px,38%,200px);aspect-ratio:220 / 340;background:#d9d9d9;border-radius:2px;overflow:hidden}@media (min-width: 768px){.box-frame{width:clamp(120px,26vh,200px)}}.box-frame img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .5s var(--ease)}.box-frame img.is-on{opacity:1}.tea-chip{position:absolute;right:-16px;bottom:-16px;width:64px;height:64px;border-radius:50%;overflow:hidden;box-shadow:0 6px 16px #00000029;background:#d9d9d9;z-index:2}.tea-chip img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s var(--ease)}.tea-chip img.is-on{opacity:1}@media (max-width: 639px){.tea-chip{width:56px;height:56px;right:-10px;bottom:-10px}}.panel-caption{text-align:center;margin-top:20px}.panel-name{margin:0;font-size:14px;font-weight:400;color:var(--text)}.panel-spec{margin:4px 0 0;font-size:12px;font-weight:400;color:var(--text)}.panel-note{margin:8px 0 0;font-size:11px;line-height:1.5;color:var(--text);opacity:.78}.panel-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.notes{display:flex;flex-direction:column;gap:2px}.note-label{margin:0;font-size:12px;line-height:1.35;color:var(--text);font-weight:400}.note-value{margin:0;font-size:12px;font-weight:700;letter-spacing:.04em;line-height:1.35;color:var(--text)}.panel-occasion .note-label,.panel-occasion .note-value{font-weight:700}.sweep-btn{position:relative;overflow:hidden;flex-shrink:0;padding:12px 24px;border:1px solid var(--brand);background:transparent;color:var(--brand);font-size:12px;font-weight:700;letter-spacing:.04em}.sweep-btn .txt{position:relative;z-index:1;transition:color .5s ease}.sweep-btn .sweep{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--brand);transform:scaleX(0);transform-origin:left;transition:transform .5s ease-out}.sweep-btn:hover .sweep,.sweep-btn:focus-visible .sweep{transform:scaleX(1)}.sweep-btn:hover .txt,.sweep-btn:focus-visible .txt{color:#fff}.still{position:relative;overflow:hidden;background:#111}.still-desktop{display:none}.still-mobile{display:block;height:75vw}@media (min-width: 768px){.still-desktop{display:block;position:relative;min-height:100%}.still-mobile{display:none}}.still img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scale(1.04);animation:kenburns 26s var(--ease) alternate infinite}.still-cup img{object-position:20% 40%}.still-tins img{object-position:50% 45%}.site-footer{background:#fff;color:#444;padding:28px 24px 48px 168px;font-size:12px;line-height:1.7;border-top:1px solid rgba(0,0,0,.06)}.footer-brand{margin:0 0 10px;font-weight:600;color:#222}.site-footer p{margin:0 0 8px;max-width:52em}.footer-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin:14px 0 0;padding:0;list-style:none}.footer-links a,.footer-links button{background:none;border:0;padding:0;color:var(--brand);font-size:12px;font-weight:600;text-decoration:none}.footer-links a:hover,.footer-links button:hover{text-decoration:underline}.footer-addr{margin-top:10px;opacity:.7}.toast{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:200;max-width:min(280px,70vw);padding:10px 14px;background:#332023;color:#fff;font-size:13px;line-height:1.4;box-shadow:0 8px 24px #33202340;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease}.toast.show{opacity:1;transform:none}.anim{opacity:0;transform:translateY(var(--from-y, 20px)) translate(var(--from-x, 0px));transition:opacity var(--dur, 1.6s) var(--ease) var(--d, 0ms),transform var(--dur, 1.6s) var(--ease) var(--d, 0ms)}.hero.is-in .anim,.split.is-in .anim{opacity:1;transform:translate(0)}@media (prefers-reduced-motion: reduce){.hero-still img,.still img,.hero-flare{animation:none!important;transform:none!important}.anim{opacity:1!important;transform:none!important;transition:none!important}.box-frame img,.tea-chip img{transition:none}}