:root{--ink:#293e32;--muted:#647065;--line:#dce0d8;--serif:'Songti TC','Noto Serif TC','Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:var(--serif);line-height:1.8;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #506f50;outline-offset:6px}a:hover{color:#66815c}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;line-height:1.45;text-wrap:balance}h1{font-size:48px;letter-spacing:.04em}h2{font-size:29px}h3{font-size:25px}p{font-size:17px}.site-header{max-width:1180px;margin:auto;padding:27px 40px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-family:Georgia,serif;font-size:24px;color:#273b2d}.site-header nav{display:flex;gap:30px;font:16px Georgia,serif}.site-header nav a{padding:10px 0}.active{border-bottom:1px solid var(--ink)}.skip{position:absolute;top:-90px;background:white;padding:15px;z-index:5}.skip:focus{top:0}.intro{max-width:1100px;margin:64px auto 40px;padding:0 40px}.eyebrow{font:11px/1.8 Arial,sans-serif;letter-spacing:.16em;color:#6b796b;margin-bottom:15px}.english{font-family:Georgia,serif;font-style:italic;color:#667263;font-size:21px;margin:15px 0 23px}.lead{line-height:1.95}.hero-scene{position:relative;max-width:1180px;margin:auto;height:530px;background:#f4f2ed url('assets/natural/desk.webp') center 66%/cover no-repeat;overflow:hidden;display:flex;align-items:center;padding-left:22%}.phone{width:202px;border:5px solid #30352f;border-radius:29px;overflow:hidden;background:#eee;box-shadow:7px 16px 28px #36402e24;flex-shrink:0}.phone img{width:100%;height:auto}.hero-scene .phone{width:208px;transform:rotate(-7deg)}.scene-note{position:absolute;left:56%;top:20%;display:grid;gap:7px;font-size:20px;text-shadow:0 1px 8px white}.scene-note em{font:italic 16px Georgia,serif;color:var(--muted)}.works,.journey{max-width:1100px;margin:72px auto;padding:0 40px}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:30px}.section-heading span,.section-heading p{font-size:13px;color:var(--muted)}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px 36px}.work-photo{height:365px;background:#efeee8;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.work-photo:before{content:'';position:absolute;inset:0;background:url('assets/natural/desk.webp') center/cover;opacity:.42}.work-photo .phone{width:153px;position:relative;transform:rotate(-5deg);transition:transform .3s}.work:nth-child(even) .phone{transform:rotate(5deg)}.work a:hover .phone{transform:rotate(0deg) translateY(-4px)}.work-caption{display:flex;justify-content:space-between;align-items:center;margin:20px 0 5px}.work p{font-size:16px;color:var(--muted)}.note{max-width:800px;margin:80px auto;padding:38px 40px 70px;border-top:1px solid var(--line)}.note p:not(.eyebrow){margin:22px 0;max-width:600px}.note a,.footer>a:not(.brand),.text-link,.policy a{border-bottom:1px solid #91a08d;padding-bottom:6px}.footer{max-width:1100px;margin:40px auto 0;border-top:1px solid var(--line);padding:36px 40px 30px}.footer p{margin:15px 0 22px}.fine{font:13px/1.9 Arial,sans-serif!important;color:var(--muted);margin-top:25px!important}.breadcrumb{max-width:1100px;margin:30px auto;padding:0 40px;font-size:14px;color:var(--muted)}.product-hero{max-width:1100px;margin:35px auto 80px;padding:0 40px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.product-copy h1{font-size:54px}.product-copy h1 span{font-size:31px;letter-spacing:.02em}.product-copy .english{font-size:19px}.availability{font-size:14px;margin:25px 0;color:var(--muted)}.product-photo{height:530px;background:#f0eee8 url('assets/natural/desk.webp') center/cover;display:flex;align-items:center;justify-content:center}.product-photo .phone{width:216px;transform:rotate(5deg)}.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.lesson-shot{background:#f6f4ef;display:flex;align-items:center;justify-content:center;padding:25px 15px;margin-bottom:23px}.lesson-shot .phone{width:160px;box-shadow:4px 9px 15px #36402e18}.journey-grid h3{font-size:23px}.journey-grid p:not(.eyebrow){font-size:16px;color:var(--muted);margin-top:10px}.details-title{max-width:1020px;margin:90px auto 30px;border-top:1px solid var(--line);padding:45px 0 15px}.details-title a{display:inline-block;margin-top:18px;font:italic 16px Georgia,serif}.reading{max-width:960px;margin:auto;padding:0 35px}.reading-section{display:grid;grid-template-columns:65px 1fr;gap:22px;border-top:1px solid var(--line);padding:34px 0}.chapter-number{font:italic 25px Georgia,serif;color:#97a38d;padding-top:8px}.reading-section h2{font-size:25px;margin-bottom:18px}.reading-section p{margin:15px 0;line-height:1.95}.reading-section li{margin:10px 0;font-size:17px;line-height:1.95}.reading-section ul,.reading-section ol{padding-left:22px}.reading-section h3{font-size:22px;margin:30px 0 16px}.reading-section dt{margin-top:22px;font-weight:600}.reading-section dd{margin:7px 0 18px;color:#586353}.policy{max-width:960px;margin:45px auto;padding:40px;background:#f5f6f1}.policy p{margin:15px 0 25px}.policy a{display:inline-block;margin-right:24px;margin-bottom:12px;font-size:14px}
@media(min-width:900px){.intro{display:block}.intro .lead{max-width:620px}}
@media(max-width:700px){.site-header{padding:22px 24px 13px;display:block}.brand{font-size:21px}.site-header nav{margin-top:16px;gap:28px;font-size:15px}.intro{margin:35px auto 27px;padding:0 25px}h1{font-size:34px}h2{font-size:25px}.english{font-size:18px;line-height:1.6;margin:12px 0 18px}.lead{font-size:16px}.eyebrow{font-size:10px;margin-bottom:10px}.hero-scene{height:355px;padding-left:14%;background-position:61% center}.hero-scene .phone{width:139px;border-width:4px;border-radius:21px}.scene-note{left:55%;top:14%;font-size:15px}.scene-note em{font-size:12px;max-width:120px;line-height:1.6}.works,.journey{margin:39px auto;padding:0 24px}.section-heading{display:block;margin-bottom:22px}.section-heading h2{font-size:23px;margin-bottom:8px}.work-grid{gap:30px 17px}.work-photo{height:220px}.work-photo .phone{width:92px;border-width:3px;border-radius:15px}.work-caption{margin:14px 0 4px}.work-caption h3{font-size:20px}.work p{font-size:14px;line-height:1.8}.note{margin:45px 24px;padding:30px 0}.note h2{font-size:25px}.note p:not(.eyebrow){font-size:16px}.footer{margin:20px 24px 0;padding:30px 0}.footer p{font-size:15px}.breadcrumb{margin:24px 0;padding:0 24px}.product-hero{display:block;margin:25px 0 45px;padding:0 24px}.product-copy h1{font-size:40px}.product-copy h1 span{font-size:27px}.product-copy .english{font-size:17px}.product-photo{height:420px;margin:30px -24px 0}.product-photo .phone{width:175px}.journey-grid{grid-template-columns:1fr;gap:36px}.journey-grid article{display:grid;grid-template-columns:128px 1fr;column-gap:22px;align-content:center}.lesson-shot{grid-column:1;grid-row:1/4;margin:0;padding:15px 8px}.lesson-shot .phone{width:106px;border-width:3px;border-radius:16px}.journey-grid .eyebrow{grid-column:2;align-self:end;margin:10px 0}.journey-grid h3{grid-column:2;font-size:21px}.journey-grid p:not(.eyebrow){grid-column:2;font-size:15px}.details-title{margin:50px 24px 20px;padding-top:30px}.details-title h2{font-size:25px}.reading{padding:0 24px}.reading-section{grid-template-columns:28px 1fr;gap:13px;padding:27px 0}.chapter-number{font-size:17px}.reading-section h2{font-size:23px}.reading-section p,.reading-section li{font-size:16px}.policy{margin:35px 24px;padding:25px}.policy h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Keep the natural photograph quiet; avoid text crossing the leaves. */
.scene-note{display:none}