:root{--sea: #2f78bd;--sea-deep: #17497a;--sea-soft: #6f9fcb;--ink: #1b1a17;--ink-70: #4a463f;--ink-45: #847d70;--paper: #f6f1e7;--paper-2: #fbf8f0;--paper-3: #ece2cf;--wood: #c49a63;--wood-deep: #a07c4a;--gold: #e0a33a;--gold-deep: #c5851f;--seal: #b6533a;--line: #ddd3bf;--line-strong: #c9bda2;--font-serif: "Noto Serif TC", "Songti TC", serif;--font-sans: "Noto Sans TC", system-ui, sans-serif;--font-display: "Fraunces", "Noto Serif TC", serif;--step--1: clamp(.78rem, .75rem + .13vw, .85rem);--step-0: clamp(.94rem, .91rem + .16vw, 1.02rem);--step-1: clamp(1.06rem, .99rem + .32vw, 1.28rem);--step-2: clamp(1.25rem, 1.13rem + .55vw, 1.62rem);--step-3: clamp(1.45rem, 1.27rem + .82vw, 2rem);--step-4: clamp(1.66rem, 1.41rem + 1.18vw, 2.6rem);--step-5: clamp(1.95rem, 1.55rem + 1.95vw, 3.35rem);--gutter: clamp(1.1rem, .85rem + 1.3vw, 2rem);--section-y: clamp(2.6rem, 1.9rem + 3.4vw, 4.8rem);--maxw: 1100px;--maxw-narrow: 720px;--radius: 14px;--radius-lg: 22px;--shadow: 0 1px 2px rgba(27, 26, 23, .04), 0 18px 40px -24px rgba(23, 73, 122, .28);--shadow-soft: 0 14px 36px -28px rgba(23, 73, 122, .4)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:var(--font-sans);font-size:var(--step-0);line-height:1.75;color:var(--ink);background-color:var(--paper);background-image:radial-gradient(rgba(23,73,122,.025) 1px,transparent 1px),radial-gradient(rgba(196,154,99,.03) 1px,transparent 1px);background-size:22px 22px,30px 30px;background-position:0 0,11px 11px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}img,svg,video{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:none;border:none}:focus-visible{outline:2px solid var(--sea);outline-offset:3px;border-radius:4px}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:700;line-height:1.25;letter-spacing:.01em;color:var(--ink);text-wrap:balance}p{text-wrap:pretty}strong{font-weight:700}.lead,.hero-lead,.about-text p,.now-note,.past-note,.pre-text,.space-head p,.coffee-head p,.blends-head p{text-wrap:balance}.font-display{font-family:var(--font-display)}.wrap{width:min(100% - var(--gutter) * 2,var(--maxw));margin-inline:auto}.wrap-narrow{width:min(100% - var(--gutter) * 2,var(--maxw-narrow));margin-inline:auto}.section{padding-block:var(--section-y);position:relative}.eyebrow{font-family:var(--font-display);font-size:var(--step--1);font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--sea);display:inline-flex;align-items:center;gap:.6em}.eyebrow:before{content:"";width:1.8em;height:1px;background:var(--sea);opacity:.6}.section-title{font-size:var(--step-4);margin-top:.5rem}.lead{font-size:var(--step-1);color:var(--ink-70);line-height:1.85}.seal{display:inline-grid;place-items:center;width:2.4em;height:2.4em;font-family:var(--font-serif);font-size:.7em;line-height:1.05;color:var(--paper-2);background:var(--seal);border-radius:6px;transform:rotate(-4deg);letter-spacing:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;font-family:var(--font-sans);font-weight:700;font-size:var(--step-0);line-height:1;padding:.95em 1.6em;border-radius:999px;transition:transform .25s ease,background-color .25s ease,box-shadow .25s ease,color .25s ease;will-change:transform}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn--primary{background:var(--gold);color:var(--ink);box-shadow:0 10px 24px -12px var(--gold-deep)}.btn--primary:hover{background:var(--gold-deep);color:var(--paper-2)}.btn--sea{background:var(--sea-deep);color:var(--paper)}.btn--sea:hover{background:var(--sea)}.btn--ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line-strong)}.btn--ghost:hover{box-shadow:inset 0 0 0 1.5px var(--sea);color:var(--sea-deep)}.btn-arrow{transition:transform .25s ease}.btn:hover .btn-arrow{transform:translate(3px)}.card{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.wave-rule{width:100%;height:14px;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='12' viewBox='0 0 40 12'%3E%3Cpath d='M0 6 q10 -6 20 0 t20 0' fill='none' stroke='%232f78bd' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:repeat-x;background-position:0 50%;background-size:46px 100%;animation:wave-slide 2.8s linear infinite}@keyframes wave-slide{0%{background-position-x:0}to{background-position-x:-46px}}@media(prefers-reduced-motion:reduce){.wave-rule{animation:none}}.eyebrow--shine{background:linear-gradient(100deg,var(--sea) 0%,var(--sea) 38%,var(--gold) 50%,var(--sea) 62%,var(--sea) 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:eyebrow-shine 5.5s ease-in-out infinite}.eyebrow--shine:before{background:var(--sea)}@keyframes eyebrow-shine{0%,to{background-position:130% 0}50%{background-position:-30% 0}}@media(prefers-reduced-motion:reduce){.eyebrow--shine{animation:none}}@keyframes word-rise{0%{opacity:0;transform:translateY(.5em)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay, 0ms)}.reveal.is-in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}.text-sea{color:var(--sea-deep)}.text-gold{color:var(--gold-deep)}.center{text-align:center}.mx-auto{margin-inline:auto}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}