:root{--ink:#302b39;--paper:#f7f4ee;--muted:#6e6674;--line:#dfd8e2;--accent:#674b7a;}
html{scroll-behavior:smooth;}
body.vesora-journal{margin:0;background:var(--paper);font-family:'Noto Sans TC',sans-serif;line-height:1.85;-webkit-font-smoothing:antialiased;}
.vesora-journal main{max-width:1160px;margin:auto;padding:calc(var(--site-header-height) + 32px) 32px 0;}
.journal-crumb{display:flex;gap:12px;align-items:center;font-size:12px;color:var(--muted);}
.journal-crumb a{color:var(--muted);text-decoration:none;}.journal-crumb a:hover{text-decoration:underline;}
.journal-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:center;padding:48px 0 64px;}
.journal-eyebrow{display:flex;gap:12px;align-items:center;color:var(--accent);font-size:11px;font-weight:600;letter-spacing:.18em;margin:0 0 22px;}
.journal-eyebrow::before{content:'';width:30px;height:1px;background:#a78baf;}
.journal-hero h1{font:500 clamp(34px,3.5vw,48px)/1.5 'Noto Serif TC',serif;letter-spacing:.03em;color:var(--ink);margin:0 0 22px;}
.journal-hero h1 span{display:block;font:500 14px/1.8 'Noto Sans TC',sans-serif;color:var(--accent);letter-spacing:.13em;margin-bottom:17px;}
.journal-lead{max-width:450px;font-size:15px;color:var(--muted);margin:0 0 28px;line-height:2;}
.journal-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;}
.journal-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:48px;padding:11px 22px;border-radius:6px;background:var(--accent);border:1px solid var(--accent);color:#fff;text-decoration:none;font-size:14px;transition:background .2s;}
.journal-button:hover{background:#4f365f;}
.journal-text-link{display:inline-flex;align-items:center;gap:13px;min-height:44px;color:var(--accent);text-decoration:none;font-size:13px;border-bottom:1px solid #c4b2ca;}
.journal-text-link:hover{color:#392247;border-color:#674b7a;}
.journal-art{position:relative;isolation:isolate;display:grid;place-items:center;min-height:414px;border-radius:160px 160px 12px 12px;background:radial-gradient(ellipse at 65% 20%,#fffaf3,transparent 64%),linear-gradient(140deg,#e5dce9,#e5e2d6);overflow:hidden;}
.journal-art::before{content:'';position:absolute;width:410px;height:410px;border:1px solid #fff9;border-radius:50%;transform:translate(28%,23%);z-index:-1;}
.journal-art::after{content:'';position:absolute;width:290px;height:290px;border:1px solid #fff9;border-radius:50%;transform:translate(40%,33%);z-index:-1;}
.journal-book{position:relative;width:226px;min-height:292px;transform:rotate(-7deg);display:flex;flex-direction:column;align-items:center;justify-content:center;background:#faf7ef;border:1px solid #e5dce4;border-radius:3px 12px 12px 3px;box-shadow:14px 18px 25px #6c586126,inset 5px 0 0 #ede6e2;padding:30px 20px;text-align:center;}
.journal-book::after{content:'';position:absolute;inset:13px 11px 13px 14px;border:1px solid #cdbed1;border-radius:2px 7px 7px 2px;pointer-events:none;}
.journal-book .book-overline{font:10px/1.5 Georgia,serif;letter-spacing:.2em;color:#7d6a86;}
.journal-book .book-title{font:31px/1.6 Georgia,serif;letter-spacing:.12em;color:#594465;margin:8px 0 0;}
.journal-book .book-subtitle{font:14px/1.8 'Noto Serif TC',serif;letter-spacing:.25em;color:#6b5874;}
.journal-book svg{width:112px;height:90px;margin:14px 0 8px;color:#a58eaf;}
.journal-book .book-foot{font-size:10px;letter-spacing:.14em;color:#8b7b8f;}
.art-caption{position:absolute;bottom:22px;right:23px;font:italic 12px/1.5 Georgia,serif;letter-spacing:.04em;color:#766580;}
.journal-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding:28px 0 34px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.journal-value{display:grid;grid-template-columns:24px 1fr;gap:12px;}
.journal-value .value-number{color:#9a7eaa;font:italic 15px/1.7 Georgia,serif;padding-top:2px;}
.journal-value h2{font:600 15px/1.8 'Noto Sans TC',sans-serif;margin:0 0 7px;color:var(--ink);}
.journal-value p{font-size:12px;line-height:1.9;color:var(--muted);margin:0;}
.journal-stories{padding:52px 0 60px;}
.journal-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px;}
.journal-section-head h2{font:500 27px/1.6 'Noto Serif TC',serif;color:var(--ink);margin:0;}
.journal-section-head p{color:var(--muted);font-size:12px;margin:4px 0 0;}
.journal-section-head .section-label{font:11px/1.8 Georgia,serif;letter-spacing:.12em;color:#8f7a9a;}
.journal-preview{display:grid;grid-template-columns:230px 1fr;gap:40px;align-items:center;padding:30px;background:#fffcf8;border:1px solid var(--line);border-radius:12px;}
.preview-photo{display:block;overflow:hidden;border-radius:6px;line-height:0;}
.preview-photo img{display:block;width:100%;height:auto;aspect-ratio:3/4;}
.preview-status{display:inline-block;font-size:11px;letter-spacing:.08em;color:#765984;background:#f0e7f3;border-radius:3px;padding:4px 9px;margin-bottom:12px;}
.journal-preview h3{font:500 30px/1.5 'Noto Serif TC',serif;color:var(--ink);margin:0 0 7px;}
.journal-preview .product-name{font-size:12px;letter-spacing:.08em;color:#86728c;margin:0 0 16px;}
.journal-preview .preview-intro{font-size:14px;line-height:1.95;color:var(--muted);margin:0 0 17px;max-width:570px;}
.journal-closing{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:30px 34px;background:#eae3ed;border-radius:8px;margin:0 0 48px;}
.journal-closing h2{font:500 21px/1.7 'Noto Serif TC',serif;color:#4d3d59;margin:0 0 5px;}
.journal-closing p{font-size:13px;color:#776881;margin:0;}
.journal-footer{padding:25px 0 32px;border-top:1px solid var(--line);color:#7b7182;font-size:11px;display:flex;align-items:start;justify-content:space-between;gap:20px;}
.journal-footer p{margin:0;}.journal-footer a{color:var(--accent);text-decoration:none;}
@media(max-width:900px){.journal-hero{gap:30px;}.journal-art{min-height:370px;}.journal-book{width:205px;min-height:275px;}.journal-hero h1{font-size:35px;}.journal-values{gap:18px;}.journal-preview{gap:28px;}}
@media(max-width:640px){.vesora-journal main{padding:calc(var(--site-header-height) + 22px) 22px 0;}.journal-hero{grid-template-columns:1fr;gap:30px;padding:30px 0 34px;}.journal-hero h1{font-size:clamp(24px,7.4vw,31px);}.journal-hero h1 span{font-size:12px;}.journal-eyebrow{margin-bottom:18px;font-size:10px;}.journal-lead{font-size:14px;}.journal-art{min-height:320px;border-radius:130px 130px 8px 8px;}.journal-book{width:190px;min-height:253px;padding:25px 20px;}.journal-book svg{height:70px;}.journal-book .book-title{font-size:27px;}.journal-values{grid-template-columns:1fr;gap:23px;padding:28px 0;}.journal-value p{font-size:13px;}.journal-stories{padding:36px 0;}.journal-section-head{align-items:start;}.journal-section-head h2{font-size:25px;}.journal-section-head .section-label{margin-top:12px;font-size:9px;}.journal-preview{grid-template-columns:1fr;gap:24px;padding:22px;}.preview-cover{min-height:190px;}.journal-preview h3{font-size:28px;}.journal-closing{align-items:start;flex-direction:column;gap:17px;padding:24px;margin-bottom:32px;}.journal-closing h2{font-size:20px;}.journal-footer{flex-direction:column;gap:14px;padding-bottom:90px;}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}.journal-button{transition:none;}}

/* Personal product stories share the journal's paper palette. */
.vesora-story main{max-width:960px;}
.vesora-story .journal-crumb{flex-wrap:wrap;gap:9px;}
.story-article{max-width:760px;margin:auto;padding:0;}
.story-header{padding:48px 0 30px;}
.story-header h1{font:500 clamp(30px,4vw,45px)/1.55 'Noto Serif TC',serif;letter-spacing:.02em;color:var(--ink);margin:0 0 22px;}
.story-deck{font:400 18px/1.9 'Noto Serif TC',serif;color:var(--muted);margin:0 0 22px;max-width:620px;}
.story-meta{display:flex;gap:12px 20px;flex-wrap:wrap;font-size:11px;letter-spacing:.05em;color:#8b7c91;}
.story-product{display:flex;gap:24px;align-items:center;padding:22px 26px;border:1px solid #d8ccdf;border-radius:8px;background:#eee7f1;}
.story-star{display:grid;place-items:center;flex-shrink:0;width:78px;height:78px;border:1px solid #bca6c7;border-radius:50%;font:48px/1 Georgia,serif;color:#92749e;}
.story-label{font-size:10px;letter-spacing:.15em;color:#80678c;}
.story-product p{color:#503c5f;font-size:17px;margin:3px 0 0;}.story-product .journal-text-link{font-size:12px;}
.story-body{max-width:650px;margin:0 auto;padding:4px 0 10px;}
.story-body h2{font:600 24px/1.65 'Noto Serif TC',serif;color:var(--ink);margin:38px 0 18px;}
.story-body p{font-size:16px;line-height:2.05;color:#524957;margin:0 0 20px;}
.story-body blockquote{font:500 24px/1.8 'Noto Serif TC',serif;margin:32px 0;padding:14px 0 14px 23px;border-left:2px solid #9d7eac;color:#674b7a;}
.story-body .story-note{border-top:1px solid var(--line);margin:30px 0 0;padding:20px 0 0;font-size:12px;line-height:1.9;color:#7a6d82;}
.story-back{margin-bottom:40px;}.vesora-story .growth-share{margin-top:28px;}
.story-photo{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:28px;align-items:center;margin:0 0 20px;padding:20px;border:1px solid #dfd8e2;border-radius:10px;background:#fffcf8;}
.story-photo img{display:block;width:100%;height:auto;aspect-ratio:3/4;border-radius:6px;}
.story-photo figcaption{padding:10px 6px;}
.story-photo .photo-product-name{font:500 23px/1.7 'Noto Serif TC',serif;color:#4d3d59;margin:13px 0 18px;}
.story-photo .photo-caption{font-size:14px;line-height:2;color:#776881;margin:0 0 16px;}
.story-photo .journal-text-link{font-size:11px;gap:7px;}
@media(max-width:640px){.story-photo{grid-template-columns:1fr;gap:0;padding:14px;}.story-photo figcaption{padding:20px 6px 8px;}.story-photo .photo-product-name{font-size:20px;margin:8px 0 12px;}.preview-photo{max-width:340px;margin:auto;width:100%;}}
@media(max-width:640px){.story-header{padding:33px 0 26px;}.story-header h1{font-size:clamp(25px,7vw,31px);}.story-deck{font-size:16px;}.story-meta{gap:8px 15px;}.story-product{gap:15px;padding:19px 17px;}.story-star{width:46px;height:46px;font-size:30px;}.story-product p{font-size:14px;}.story-product .journal-text-link{font-size:11px;gap:7px;}.story-body h2{font-size:21px;margin-top:30px;}.story-body p{font-size:15px;}.story-body blockquote{font-size:20px;padding-left:18px;}.vesora-story .journal-footer{padding-bottom:90px;}}