:root{--paper:#f8f3e8;--paper-deep:#efe6d5;--card:#fffdf8;--ink:#183c30;--muted:#68776e;--green:#0f684b;--green-dark:#0b4937;--gold:#c49b52;--line:#ded3be;--shadow:0 18px 45px rgba(41,61,49,.12);--soft-shadow:0 9px 26px rgba(41,61,49,.09)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:"Zen Maru Gothic","Hiragino Kaku Gothic ProN",sans-serif;line-height:1.75}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}
.hero{position:relative;overflow:hidden;padding:84px 0 92px;background:linear-gradient(125deg,#faf6ed 0%,#f3ead9 100%);border-bottom:1px solid rgba(196,155,82,.28)}.paper-noise{position:absolute;inset:0;opacity:.28;background-image:radial-gradient(rgba(72,67,50,.15) .55px,transparent .7px);background-size:6px 6px;pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.brand{font-weight:900;color:var(--green);letter-spacing:.08em;margin-bottom:28px}.brand span{color:var(--gold)}.eyebrow,.section-label,.shelf-number{font-size:12px;font-weight:900;letter-spacing:.2em;color:#8b7042}
h1{font-family:"Noto Serif JP",serif;font-size:clamp(40px,4.7vw,60px);line-height:1.35;letter-spacing:.02em;margin:12px 0 22px}h1 em{color:var(--green);font-style:normal;position:relative}h1 em::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:5px;background:linear-gradient(90deg,var(--gold),transparent);border-radius:9px;opacity:.75}.lead{color:var(--muted);font-size:17px}.hero-cta{display:inline-flex;align-items:center;gap:18px;margin-top:30px;padding:14px 22px;border-radius:999px;background:var(--green);color:#fff;font-weight:700;font-size:15px;box-shadow:0 8px 22px rgba(15,104,75,.2)}.hero-cta span{color:#f1d9a7}
.hero-books{height:430px;position:relative}.halo{position:absolute;width:370px;height:370px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);background:rgba(255,255,255,.55);box-shadow:0 0 0 38px rgba(255,255,255,.2)}.cover{position:absolute;width:156px;aspect-ratio:5/8;object-fit:cover;border-radius:6px;box-shadow:0 24px 45px rgba(30,48,38,.25);border:1px solid rgba(255,255,255,.8)}.cover-a{left:8%;top:92px;transform:rotate(-8deg)}.cover-b{left:36%;top:28px;z-index:2}.cover-c{right:5%;top:106px;transform:rotate(8deg)}
.guide{padding:86px 0 92px}.section-intro{text-align:center;max-width:650px;margin:0 auto 38px}.section-intro h2{font-family:"Noto Serif JP",serif;font-size:clamp(28px,4vw,43px);margin:8px 0}.section-intro>p:last-child{color:var(--muted);font-size:14px}.goal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.goal-card{position:relative;min-height:190px;padding:28px;border:1px solid var(--line);border-radius:18px;background:rgba(255,253,248,.84);overflow:hidden;box-shadow:0 3px 0 rgba(196,155,82,.08);transition:.2s ease}.goal-card::after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-36px;top:-40px;background:var(--accent,#dce9e2);opacity:.7}.goal-card:hover{transform:translateY(-4px);box-shadow:var(--soft-shadow);border-color:rgba(15,104,75,.32)}.goal-card:last-child{grid-column:2}.goal-number{font-family:"Noto Serif JP",serif;font-size:13px;color:#a68d65}.goal-card strong{display:block;font-size:21px;margin:20px 0 5px}.goal-card small{display:block;color:var(--muted);font-size:14px;line-height:1.65;padding-right:20px}.goal-meta{position:absolute;right:24px;bottom:18px;color:var(--green);font-weight:700}.goal-meta b{font-size:18px}.goal-learn{--accent:#e7e1f0}.goal-work{--accent:#dce6f0}.goal-create{--accent:#f2dfd5}.goal-share{--accent:#eadff0}.goal-skill{--accent:#f0e7c9}.goal-life{--accent:#d9e8e8}
.series-box{margin-top:28px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:22px 25px;border-radius:16px;background:var(--green-dark);color:#fff;box-shadow:var(--soft-shadow)}.series-label{font-weight:700;font-size:16px}.series-note{font-size:13px;opacity:.72}.series-buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.filter{border:1px solid rgba(255,255,255,.25);border-radius:999px;background:transparent;color:#fff;padding:9px 15px;cursor:pointer;font-size:14px}.filter.active{background:#f8f0df;color:var(--green-dark);border-color:#f8f0df;font-weight:900}
.shelf{padding:84px 0;border-top:1px solid var(--line);scroll-margin-top:15px}.shelf:nth-of-type(even){background:rgba(237,230,213,.55)}.shelf-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:31px;padding-bottom:17px;border-bottom:1px solid var(--line)}.shelf-head h2{font-family:"Noto Serif JP",serif;font-size:clamp(26px,3.6vw,39px);margin:5px 0 2px}.shelf-head>div>p:last-child{color:var(--muted);font-size:14px}.book-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.book-card{min-width:0;display:grid;grid-template-columns:145px 1fr;gap:24px;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--card);box-shadow:0 2px 0 rgba(196,155,82,.06);transition:.2s ease}.book-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:rgba(15,104,75,.3)}
.cover-wrap{align-self:start;position:relative}.cover-wrap::before{content:"";position:absolute;left:7px;right:-6px;top:7px;bottom:-7px;background:#dfd5c0;border-radius:5px}.cover-wrap img{position:relative;width:100%;aspect-ratio:5/8;object-fit:cover;border-radius:4px;box-shadow:0 8px 20px rgba(35,49,40,.17)}.book-copy{display:flex;min-width:0;flex-direction:column}.book-kicker{font-size:12px;letter-spacing:.08em;color:#9a7c49;font-weight:900}.audience{font-size:14px;color:var(--muted);margin-bottom:9px}.book-copy h3{font-size:17px;line-height:1.55;margin-bottom:13px;overflow-wrap:anywhere}.outcome{font-size:14px;color:var(--muted);line-height:1.65}.outcome span{display:block;color:#9a7c49;font-size:12px;font-weight:900;letter-spacing:.07em}.amazon{margin-top:auto;padding-top:16px;color:var(--green);font-size:14px;font-weight:900}.amazon b{font-size:16px;margin-left:3px}.book-card[hidden],.shelf[hidden]{display:none}
footer{padding:46px 0;background:var(--green-dark);color:#f7f0df;text-align:center}.footer-brand{font-family:"Noto Serif JP",serif;font-size:21px;font-weight:700;margin-bottom:5px}footer>div>p:nth-child(2){font-size:13px;opacity:.72}footer nav{margin-top:16px;display:flex;justify-content:center;gap:24px;flex-wrap:wrap}footer nav a{font-size:14px;opacity:.9}footer nav a:hover{text-decoration:underline;opacity:1}a:focus-visible,button:focus-visible{outline:3px solid #c49b52;outline-offset:3px}
@media(max-width:940px){.hero-grid{grid-template-columns:1fr .8fr;gap:30px}.hero-books{height:350px}.cover{width:125px}.goal-grid{grid-template-columns:repeat(2,1fr)}.goal-card:last-child{grid-column:1/-1;width:calc(50% - 8px);justify-self:center}.book-grid{grid-template-columns:1fr}.series-box{align-items:flex-start;flex-direction:column}.series-buttons{justify-content:flex-start}}
@media(max-width:640px){.wrap{width:min(100% - 28px,560px)}.hero{padding:48px 0 56px}.hero-grid{display:block}.brand{margin-bottom:20px}.eyebrow{font-size:12px}.lead{font-size:16px}.lead br{display:none}.hero-books{height:265px;margin-top:35px}.halo{width:230px;height:230px}.cover{width:92px}.cover-a{left:12%;top:65px}.cover-b{left:37%;top:18px}.cover-c{right:9%;top:72px}.guide{padding:60px 0}.goal-grid{grid-template-columns:1fr}.goal-card,.goal-card:last-child{grid-column:auto;width:100%;min-height:145px;padding:22px}.goal-card strong{font-size:19px;margin-top:12px}.goal-card small{font-size:14px}.series-box{margin-top:18px;padding:19px}.series-note{display:none}.shelf{padding:58px 0}.book-grid{grid-template-columns:1fr;gap:14px}.book-card{grid-template-columns:116px 1fr;padding:15px;gap:16px}.shelf-head{align-items:flex-start}.book-copy h3{font-size:16px}.audience,.outcome,.amazon{font-size:14px}.amazon{padding-top:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.goal-card,.book-card{transition:none}}