:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#302b25;--muted:#756b60;--line:#d9d0c1;--accent:#a26443;--paper:#f5f1e9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif}.site-shell{flex-direction:column;width:min(100%,1600px);min-height:100svh;margin:auto;padding:0 clamp(24px,6vw,104px);display:flex}.site-header{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;min-height:104px;display:grid}.wordmark{letter-spacing:.12em;align-items:center;gap:11px;width:max-content;font-family:Georgia,Times New Roman,serif;font-size:25px;font-weight:700;display:inline-flex}.wordmark-symbol{color:var(--accent);font-size:18px;line-height:1;transform:translateY(-2px)}.header-note{color:var(--muted);letter-spacing:.04em;font-family:Georgia,Times New Roman,serif;font-size:14px;font-style:italic}.demo-tag{color:#80644e;letter-spacing:.18em;border:1px solid #c9b9a6;border-radius:50px;justify-self:end;padding:10px 14px 9px;font-size:10px;font-weight:700}.hero{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,.91fr);align-items:center;gap:clamp(50px,7vw,120px);min-height:650px;padding:66px 0 72px;display:grid}.hero-copy{padding-bottom:12px}.eyebrow{color:var(--accent);letter-spacing:.25em;text-transform:uppercase;align-items:center;gap:12px;margin:0 0 22px;font-size:10px;font-weight:700;display:flex}.eyebrow span{background:var(--accent);width:27px;height:1px}h1{letter-spacing:-.12em;white-space:nowrap;margin:0 0 25px;font-family:Hiragino Mincho ProN,Yu Mincho,Noto Serif JP,serif;font-size:clamp(88px,12.6vw,176px);font-weight:500;line-height:1.13}.title-dot{color:var(--accent);letter-spacing:0;font-family:Georgia,Times New Roman,serif;font-size:.66em}.hero-message{letter-spacing:.09em;margin:0;font-family:Hiragino Mincho ProN,Yu Mincho,Noto Serif JP,serif;font-size:clamp(24px,2.35vw,33px);font-weight:500;line-height:1.75}.hero-description{color:var(--muted);letter-spacing:.12em;margin:22px 0 0;font-size:14px;line-height:1.8}.hero-rule{max-width:250px;color:var(--accent);align-items:center;gap:16px;margin-top:84px;font-family:Georgia,Times New Roman,serif;font-size:12px;font-style:italic;display:flex}.hero-rule i{background:#c4ae98;flex:1;height:1px}.hero-art{aspect-ratio:.86;background:radial-gradient(circle at 78% 69%,#cba16e40,#0000 37%),radial-gradient(circle at 24% 28%,#fff4d3ad,#0000 34%),linear-gradient(135deg,#ddc5a8 0%,#c7a17c 56%,#ad7e5e 100%);border-radius:48% 48% 8px 8px;width:100%;min-height:500px;max-height:680px;position:relative;overflow:hidden;box-shadow:16px 20px 38px #5137231c}.hero-art:before{content:"";opacity:.18;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.34'/%3E%3C/svg%3E");position:absolute;inset:0}.art-caption{z-index:2;color:#3f2b1ecc;letter-spacing:.2em;font-family:Georgia,Times New Roman,serif;font-size:11px;font-weight:700;line-height:1.5;position:absolute}.art-caption-top{top:13%;left:11%}.art-caption-bottom{text-align:right;bottom:7%;right:10%}.coffee-scene{place-items:center;display:grid;position:absolute;inset:0}.saucer{aspect-ratio:1;background:radial-gradient(circle at 40% 32%,#fffdf7 0 57%,#e4ded2 65%,#f9f6ee 71%,#c9bea9 78%,#f8f3e9 82%);border-radius:50%;place-items:center;width:min(74%,380px);margin-top:16%;display:grid;position:relative;box-shadow:24px 30px 28px #42251438,inset -8px -8px 14px #5a422f21}.cup{aspect-ratio:1;background:#f8f4eb;border-radius:50%;place-items:center;width:77%;display:grid;position:relative;box-shadow:3px 4px 8px #2d221a45,inset 4px 5px 8px #59433621}.cup:before{content:"";z-index:-1;filter:drop-shadow(5px 5px 4px #37251a33);border:20px solid #f7f2e9;border-radius:50%;width:31%;height:29%;position:absolute;top:34%;right:-14%}.coffee{aspect-ratio:1;background:radial-gradient(circle at 53% 56%,#7c4529 0 28%,#0000 57%),radial-gradient(circle at 34% 26%,#bb8050,#572d1e 72%);border-radius:50%;place-items:center;width:86%;display:grid;position:relative;overflow:hidden;box-shadow:inset 8px 10px 18px #29140c6b,0 0 0 6px #ece5d9}.coffee-shine{filter:blur(9px);background:#f5ce9824;border-radius:50%;width:55%;height:20%;position:absolute;top:13%;left:19%;transform:rotate(-24deg)}.latte-heart{color:#f4ddbd;text-shadow:0 4px 5px #512c1b2b;font-family:Georgia,serif;font-size:clamp(48px,7vw,96px);transform:rotate(-12deg)translateY(-3%)}.steam{filter:blur(2px);border-left:3px solid #fffae685;border-radius:50%;width:45px;height:100px;position:absolute;top:16%}.steam-one{left:43%;transform:rotate(14deg)}.steam-two{top:14%;left:51%;transform:rotate(-10deg)}.steam-three{left:58%;transform:rotate(12deg)}.coffee-bean{background:#6e422b;border-radius:50%;width:23px;height:37px;position:absolute;bottom:14%;left:12%;transform:rotate(-37deg);box-shadow:4px 6px 6px #3b221429}.coffee-bean:after{content:"";border-left:2px solid #c2946a;border-radius:50%;position:absolute;inset:4px 10px}.bean-two{bottom:10%;left:19%;transform:rotate(29deg)scale(.83)}.site-footer{border-top:1px solid var(--line);min-height:72px;color:var(--muted);letter-spacing:.16em;justify-content:space-between;align-items:center;gap:20px;font-size:11px;display:flex}.site-footer span:last-child{letter-spacing:.04em}@media (max-width:900px){.hero{gap:45px}h1{font-size:clamp(80px,11vw,130px)}.hero-art{min-height:420px}}@media (max-width:700px){.site-header{grid-template-columns:1fr auto;min-height:80px}.header-note{display:none}.hero{grid-template-columns:1fr;gap:38px;min-height:0;padding:56px 0 60px}.hero-copy{padding-bottom:0}h1{font-size:clamp(86px,17vw,130px)}.hero-rule{margin-top:44px}.hero-art{width:min(100%,480px);min-height:470px;margin:0 auto}}@media (max-width:480px){.site-shell{padding:0 22px}.wordmark{font-size:21px}.demo-tag{padding:8px 10px 7px;font-size:9px}.eyebrow{letter-spacing:.15em;font-size:9px}h1{font-size:clamp(80px,20vw,108px)}.hero-message{font-size:23px}.hero-art{min-height:405px}.art-caption{font-size:9px}.steam{top:13%}.site-footer{flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;padding:18px 0;font-size:10px}}