/* 書影と読者特典を主役にした、動きのある第3案。 */
:root{--paper:#f4f7f1;--ink:#072f2b;--muted:#526961;--lemon:#e5fb70;--line:#cdd8cd;--white:#fff;--ease-out:cubic-bezier(.16,1,.3,1)}
html{scroll-padding-top:32px}
body{overflow-x:clip}
.reading-progress{position:fixed;inset:0 0 auto;height:3px;z-index:40;background:var(--lemon);transform-origin:left;transform:scaleX(var(--reading-progress,0));pointer-events:none}
.site-header{height:88px;background:var(--ink);color:var(--paper);border-color:#ffffff20;max-width:none;padding-inline:max(48px,calc((100vw - 1344px)/2))}
.brand-title{font-size:18px;letter-spacing:.025em}
.brand-sub{color:#b2c6b9;font-size:9px;letter-spacing:.1em}
.site-header nav{gap:30px}
.site-header nav a:hover{color:var(--lemon)}
.motion-toggle{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 13px;border:1px solid #ffffff40;border-radius:30px;background:transparent;color:#e4eddf;font-size:10px;letter-spacing:.04em;white-space:nowrap}
.motion-toggle[hidden]{display:none}
.motion-toggle:hover{border-color:var(--lemon);color:var(--lemon)}
.motion-dot,.status-dot{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:var(--lemon)}
.motion-toggle[aria-pressed=true] .motion-dot{background:#c2cdc0}
.motion-toggle:disabled{opacity:.65;cursor:default}
.site-header :focus-visible,.hero :focus-visible,.closing :focus-visible{outline-color:var(--lemon)}

/* 奥行きは実際の書影・光・影でつくる。 */
.book-first{position:relative;isolation:isolate;overflow:hidden;max-width:none;grid-template-columns:1fr 1.04fr;grid-template-areas:"cover heading" "cover copy" "index index";background:var(--ink);color:var(--paper)}
.hero-atmosphere{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 76% 20%,#24554b70,transparent 55%),linear-gradient(120deg,#061f1d,var(--ink) 56%,#0d3d33)}
.ambient-light{position:absolute;inset:-20% 30% -15% -25%;border-radius:50%;background:radial-gradient(ellipse,#779e6436 0,#3b86653d 32%,transparent 64%);filter:blur(26px)}
.book-first::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,#000,transparent 65%)}
.book-first .hero-heading{padding:46px max(48px,calc((100vw - 1344px)/2)) 0 46px;align-self:end}
.reader-greeting{font-size:12px;color:#c0d0c3;letter-spacing:.07em}
.book-first h1{margin:20px 0 0;line-height:1.06;white-space:normal;letter-spacing:-.06em;font-weight:800;font-size:clamp(56px,5.9vw,88px)}
.book-first h1 .reader-label{display:flex;align-items:center;gap:10px;color:var(--lemon);font-size:13px;line-height:1.6;letter-spacing:.1em;font-weight:600;margin-bottom:16px}
.reader-label .status-dot{box-shadow:0 0 14px #e5fb7040}
.hero-offer{display:flex!important;align-items:baseline;gap:.08em}
.hero-offer .offer-prefix{font-size:.52em;letter-spacing:-.055em;white-space:nowrap}
.hero-offer mark{color:var(--lemon);background:none;position:relative;display:inline-block;padding:0 0 .1em;white-space:nowrap;letter-spacing:-.045em}
.hero-offer mark::after{content:"";position:absolute;left:1%;bottom:0;width:98%;height:2px;background:linear-gradient(90deg,var(--lemon),#e5fb7010);transform-origin:left}
.hero-cover{position:relative;padding:27px 24px 34px;min-height:646px;background:none;justify-content:center;gap:0;perspective:1200px}
.book-scene{position:relative;display:grid;place-items:center;width:100%;height:560px;perspective:1400px;isolation:isolate}
.book-orbit{position:absolute;width:520px;height:520px;max-width:90%;border:1px solid #b6d89625;border-radius:50%;transform:rotateX(52deg) rotate(-25deg);z-index:-1;box-shadow:0 0 90px #79b05a0b}
.book-orbit::before{content:"";position:absolute;inset:26px;border:1px solid #b6d89610;border-radius:50%}
.book-scroll{position:relative;width:360px;max-width:76%;transform:translateY(var(--book-scroll,0px));will-change:transform}
.book-tilt{transform:rotateX(var(--book-x,-2deg)) rotateY(var(--book-y,-12deg)) rotateZ(-5deg);transform-style:preserve-3d;transition:transform .65s var(--ease-out)}
.book-float{transform:translate3d(0,-6px,0)}
.hero-cover img{width:100%;max-width:100%;height:auto;border-radius:2px;box-shadow:3px 1px 0 #bdc7b7,6px 2px 0 #eff2e8,22px 34px 42px #001b19a6,0 0 1px #fff}
.book-caption{position:absolute;right:13px;top:55%;font-size:10px;letter-spacing:.13em;writing-mode:vertical-rl;line-height:1.4;color:#b6cbbc}
.hero-cover figcaption{color:#b8cbbd;font-size:10px;letter-spacing:.05em;margin-top:19px;position:relative;z-index:1}
.book-first .hero-copy{padding:25px max(48px,calc((100vw - 1344px)/2)) 40px 46px;align-self:start}
.guide-name{font-size:20px;letter-spacing:.015em;line-height:1.6;font-weight:700}
.hero-intro{color:#c0d0c3;font-size:13px;line-height:1.85;margin-top:13px}
.hero-gifts{margin-top:24px;border-color:#ffffff30;background:#ffffff03;grid-template-columns:1fr 1fr}
.hero-gifts li{padding:17px 10px 17px 0;gap:12px;transition:background .3s,transform .3s}
.hero-gifts li+li{border-color:#ffffff30;padding-left:20px}
.hero-gifts strong{font-size:16px;letter-spacing:.01em}
.hero-gifts div>span{color:#b7cbbd;font-size:10px;letter-spacing:0}
.hero-gift-number{font-family:var(--sans);font-style:normal;font-size:11px;color:var(--lemon);letter-spacing:.04em}
.book-first .hero-cta{margin-top:25px;max-width:100%}
.line-button{position:relative;overflow:hidden;border-radius:8px;transition:background .25s,box-shadow .3s,transform .35s var(--ease-out)}
.line-button::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 25%,#ffffff17 48%,transparent 72%);transform:translateX(-115%);transition:transform .75s var(--ease-out)}
.line-button:hover::before{transform:translateX(115%)}
.line-button:hover{transform:translateY(-4px);box-shadow:0 12px 24px #072f2b20}
.hero .line-button,.closing .line-button{background:var(--lemon);color:var(--ink);min-height:82px;box-shadow:0 9px 32px #e5fb7012}
.hero .line-button:hover,.closing .line-button:hover{background:#edff9d;box-shadow:0 12px 40px #e5fb7030}
.hero .cta-label small,.closing .cta-label small{color:#345037}
.hero .arrow-disc,.closing .arrow-disc{background:var(--ink);color:var(--lemon)}
.hero .cta-label>span{font-size:19px;letter-spacing:.015em}
.hero .cta-note{color:#b9cdbf;font-size:11px;margin-top:13px}
.hero .cta-note strong{color:#edf5e8}
.hero-index{background:transparent;border-top:1px solid #ffffff1f;color:#c2d3c5;padding:13px max(48px,calc((100vw - 1344px)/2));font-size:11px;letter-spacing:.05em}
.hero-index a{color:var(--lemon);gap:20px}
.hero-index .icon{transition:transform .3s var(--ease-out)}
.hero-index a:hover .icon{transform:translateY(4px)}

/* 連続する文字と、重なって進む特典カード。 */
.kinetic-ribbon{overflow:hidden;background:var(--lemon);color:var(--ink);padding:17px 0;border-bottom:1px solid #b2c955;isolation:isolate}
.ribbon-track{display:flex;width:max-content;transform:translateX(-100px);will-change:transform}
.ribbon-track>span{display:flex;align-items:center;gap:32px;white-space:nowrap;padding-right:32px;font-weight:700;font-size:27px;line-height:1.3;letter-spacing:-.02em}
.ribbon-track i{font-style:normal;font-size:20px;font-weight:400;color:#52704a}
.gifts.section{padding-top:100px;padding-bottom:88px}
.gifts>.section-topline{font-size:11px;border-color:#a4b8a7;color:#496352}
.gift-heading{margin:42px 0 56px;gap:40px}
.gift-heading h2{font-size:clamp(34px,3.5vw,51px);line-height:1.45;letter-spacing:-.045em;font-weight:800}
.gift-heading h2 span{box-shadow:none;color:#397346}
.gift-heading p{margin-bottom:5px}
.gift-row{position:relative;padding:24px;gap:54px;border:1px solid #d5e1d5;border-radius:24px;background:#fff;box-shadow:0 14px 44px #163b2810;isolation:isolate;transform-origin:center top;z-index:1}
.gift-row .gift-copy{padding-right:24px}
.author-visual{border-radius:14px;overflow:hidden;background:#e8eef9}
.author-visual>img{aspect-ratio:1.04;transition:transform .8s var(--ease-out)}
.author-visual:hover>img{transform:scale(1.025)}
.author-visual figcaption{padding:18px 24px;background:#072f2bea;backdrop-filter:blur(10px)}
.gift-label{margin-bottom:22px;gap:18px}
.gift-no{font-family:var(--sans);font-size:53px;font-style:normal;line-height:1;letter-spacing:-.075em;font-weight:700;color:#397346}
.gift-label>span:last-child{padding-left:18px;font-size:12px}
.gift-label small{font-size:10px}
.gift-copy h3,.workbook-row .gift-copy h3{font-size:19px;line-height:1.7;margin-bottom:18px}
.gift-copy h3 strong{font-size:32px;letter-spacing:-.025em;margin-top:5px}
.gift-copy>p{font-size:13px;line-height:2.1}
.gift-meta{font-size:11px;margin-top:22px;padding-top:15px}
.workbook-row{margin-top:44px;background:#edf4df;z-index:2}
.workbook-row .gift-copy{padding-right:0;padding-left:20px}
.workbook-visual{height:525px;border-radius:14px;background:#dbe9bf;isolation:isolate}
.workbook-cover,.workbook-page{transition:transform .8s var(--ease-out)}
.workbook-cover{width:54%;top:92px;left:12%}
.workbook-page{top:38px;right:7%}
.workbook-visual:hover .workbook-cover{transform:translate(-5px,-10px) rotate(-11deg)}
.workbook-visual:hover .workbook-page{transform:translate(9px,-5px) rotate(12deg)}
.workbook-contents{margin-top:20px}
.workbook-contents li{font-size:12px;padding-block:12px}
.gentle-note{position:relative;z-index:3;margin-top:62px;font-size:24px}
@media(min-width:1101px) and (min-height:760px){.gift-row{position:sticky;top:36px}.workbook-row{top:62px}.gentle-note{margin-top:112px}}

/* 体験、受け取り方、末尾の表情を揃える。 */
.distance-section{position:relative;overflow:hidden;background:#092f2b;padding-block:65px 75px;isolation:isolate}
.distance-section::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 82% 80%,#2b71533d,transparent 55%)}
.distance-intro h2{font-family:var(--sans);font-weight:600;font-size:41px;line-height:1.7;letter-spacing:-.02em}
.distance-type{font-family:var(--sans);font-weight:500;font-size:56px;letter-spacing:-.06em}
.distance-space{position:relative;background:#b2ce8d;opacity:.7}
.distance-space::before,.distance-space::after{content:"";position:absolute;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--lemon)}
.distance-space::before{left:0}.distance-space::after{right:0}
.distance-options button{font-size:12px;transition:transform .3s var(--ease-out),background .3s,color .3s,box-shadow .3s}
.distance-options button[aria-pressed=true]{box-shadow:0 6px 22px #e5fb7014}
.distance-options button:hover{transform:translateY(-3px)}
.response-title{font-family:var(--sans);font-weight:700;font-size:20px}
.howto{background:#eaf0e5}
.receive-heading h2{font-size:32px;letter-spacing:-.025em}
.receive-heading h2 strong{font-size:36px}
.step-number{font-family:var(--sans);font-style:normal;font-weight:600;font-size:30px;color:#397346}
.steps li{padding-block:25px;border-color:#bfd0bb}
.steps h3{font-size:17px}
.already{border:1px solid #b6c9b0;border-radius:16px;padding:32px 38px;background:#fafcf7;box-shadow:0 8px 30px #072f2b06}
.already h3 .keyword{font-size:50px;letter-spacing:.12em;box-shadow:inset 0 -.22em var(--lemon)}
.copy-button{border-radius:7px;transition:transform .3s var(--ease-out),box-shadow .3s}
.copy-button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #072f2b19}
.faq{gap:70px}
.faq h2{font-size:31px;letter-spacing:-.04em}
.faq summary{transition:color .2s;padding-inline:8px}
.faq summary:hover{color:#417348}
.closing{position:relative;overflow:hidden;isolation:isolate;background:var(--ink);color:var(--paper);padding-block:88px 74px}
.closing::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 50% 20%,#3a675545,transparent 65%)}
.closing h2{font-family:var(--sans);font-size:clamp(36px,4.1vw,62px);font-weight:700;line-height:1.5;letter-spacing:-.03em}
.closing h2 span{padding-left:0;color:var(--lemon)}
.closing .cta-note,.campaign-note{color:#c0d0c3}
.closing .line-button{margin-top:34px}
.site-footer{padding-top:48px}
.sticky-cta{backdrop-filter:blur(18px);background:#f4f7f1e8}

/* JavaScript が準備できた時だけ動かす。停止・OS設定・無効時は静止表示。 */
.motion-ready[data-motion="running"] .book-float{animation:book-float 6s ease-in-out infinite}
.motion-ready[data-motion="running"] .ambient-light{animation:light-drift 15s ease-in-out infinite alternate}
.motion-ready[data-motion="running"] .ribbon-track{animation:ribbon-drift 32s linear infinite}
.motion-ready[data-motion="running"] .hero-heading{animation:hero-enter .9s var(--ease-out) both}
.motion-ready[data-motion="running"] .hero-copy{animation:hero-enter 1s .12s var(--ease-out) both}
.motion-ready[data-motion="running"] .hero-cover{animation:book-enter 1.3s var(--ease-out) both}
.motion-ready.hero-offscreen .book-float,.motion-ready.hero-offscreen .ambient-light{animation-play-state:paused!important}
.motion-ready.page-hidden *, .motion-ready.page-hidden *::before, .motion-ready.page-hidden *::after{animation-play-state:paused!important}
.motion-ready [data-reveal]{transition:opacity .85s var(--ease-out),translate .85s var(--ease-out);transition-delay:var(--reveal-delay,0ms)}
.motion-ready[data-motion="running"] [data-reveal]:not(.is-visible){opacity:0;translate:0 32px}
.motion-ready [data-reveal].is-visible{opacity:1;translate:0 0}
.motion-ready[data-motion="running"] [data-reveal]:is(:target,:focus-within){opacity:1;translate:0 0;transition:none}
.motion-ready[data-motion="paused"] *, .motion-ready[data-motion="paused"] *::before, .motion-ready[data-motion="paused"] *::after{animation-play-state:paused!important;transition-duration:0s!important}
.motion-ready[data-motion="paused"] [data-reveal]{opacity:1;translate:none}
.motion-ready[data-motion="paused"] .hero-heading,.motion-ready[data-motion="paused"] .hero-copy,.motion-ready[data-motion="paused"] .hero-cover{opacity:1;transform:none}
@keyframes book-float{0%,100%{transform:translate3d(0,-6px,0)}50%{transform:translate3d(0,6px,0)}}
@keyframes light-drift{from{transform:translate3d(-4%,-2%,0) scale(.95)}to{transform:translate3d(7%,5%,0) scale(1.07)}}
@keyframes ribbon-drift{from{transform:translateX(0)}to{transform:translateX(-33.333333%)}}
@keyframes hero-enter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes book-enter{from{opacity:0;transform:translateY(28px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}

@media(min-width:1600px){.book-scroll{width:390px}.hero-cover{min-height:700px}.book-scene{height:600px}}
@media(min-width:801px) and (max-width:1200px){
  .site-header{padding-inline:36px}.site-header nav{gap:21px}.brand-title{font-size:17px}
  .book-first{grid-template-columns:45% 55%}
  .book-first .hero-heading{padding:40px 34px 0 25px}
  .book-first h1{font-size:64px}
  .book-first .hero-copy{padding:22px 34px 38px 25px}
  .hero-cover{padding:25px 18px 30px;min-height:627px}
  .book-scene{height:510px}.book-scroll{width:320px;max-width:85%}
  .book-orbit{width:400px;height:440px}
  .book-caption{display:none}
  .guide-name{font-size:18px}.hero-gifts{grid-template-columns:1fr;margin-top:20px}
  .hero-gifts li{padding:10px 0;gap:13px}
  .hero-gifts li+li{padding-left:0;border-left:0;border-top:1px solid #ffffff30}
  .hero-gifts li>div{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
  .hero-gifts strong{font-size:15px}.hero-gifts div>span{font-size:9px;margin:0}
  .hero .cta-label>span{font-size:16px}.hero .line-button{padding-inline:20px;gap:12px}
  .hero .arrow-disc{width:38px;height:38px}
  .hero-index{padding-inline:36px}
  .gift-row{padding:18px;gap:30px}.gift-row .gift-copy{padding-right:12px}
  .gift-copy h3,.workbook-row .gift-copy h3{font-size:17px}.gift-copy h3 strong{font-size:26px}
  .gift-copy>p{font-size:12px}.gift-no{font-size:45px}.gift-label{gap:15px}.gift-label>span:last-child{padding-left:15px}
  .workbook-row .gift-copy{padding-left:8px}.workbook-visual{height:440px}
  .workbook-contents li{font-size:11px;gap:12px}.workbook-cover{top:85px}
  .receive-heading h2,.receive-heading h2 strong{font-size:29px}
  .distance-intro h2{font-size:35px}.distance-type{font-size:47px}
  .distance-options button{font-size:10px}.response-title{font-size:18px}
}
@media(max-width:800px){
  .site-header{height:74px;padding-inline:24px}.brand-title{font-size:15px}.brand-sub{font-size:8px;letter-spacing:.035em}
  .site-header nav{gap:12px}.site-header nav a{display:none!important}
  .motion-toggle{font-size:9px;gap:6px;padding-inline:10px;min-height:44px}
  .book-first{grid-template-columns:1fr;grid-template-areas:"heading" "cover" "copy" "index"}
  .book-first .hero-heading{padding:24px 24px 0;text-align:center}
  .reader-greeting{font-size:10px;letter-spacing:.04em}
  .book-first h1{margin-top:12px;font-size:48px;line-height:1.05;letter-spacing:-.04em}
  .book-first h1 .reader-label{justify-content:center;font-size:11px;letter-spacing:.07em;margin-bottom:9px;gap:8px}
  .hero-offer{justify-content:center;gap:.13em}
  .hero-offer .offer-prefix{font-size:.51em}
  .hero-offer mark{padding-bottom:5px}
  .hero-cover{padding:0 24px 0;min-height:0}
  .book-scene{height:366px;max-width:400px}
  .book-scroll{width:220px;max-width:70%;transform:translateY(var(--book-scroll,0px))}
  .book-tilt{transform:rotateX(-1deg) rotateY(-10deg) rotateZ(-5deg)}
  .book-orbit{height:310px;width:350px;max-width:100%;transform:rotateX(48deg) rotate(-25deg)}
  .book-caption{right:11px;top:38%;font-size:9px;letter-spacing:.07em}
  .hero-cover figcaption{font-size:9px;margin-top:0;color:#c2d1c4}
  .book-first .hero-copy{padding:18px 24px 24px;text-align:center}
  .guide-name{font-size:15px;line-height:1.5;letter-spacing:.01em}
  .hero-intro{display:none}
  .hero-gifts{grid-template-columns:1fr 1fr;margin-top:13px;text-align:left}
  .hero-gifts li{padding:13px 0;gap:8px}
  .hero-gifts li+li{padding-left:14px}
  .hero-gift-number{font-size:9px}
  .hero-gifts strong{font-size:14px}
  .hero-gifts div>span{font-size:9px;margin-top:4px}
  .book-first .hero-cta{margin-top:17px}
  .book-first .line-button{min-height:72px;padding:13px 18px 13px 21px;gap:13px}
  .book-first .cta-label>span{font-size:17px}
  .hero .cta-note{font-size:10px;margin-top:10px}
  .hero-index{padding:8px 24px;font-size:9px;letter-spacing:.01em}
  .hero-index a{gap:8px;font-size:10px}
  .kinetic-ribbon{padding:13px 0}.ribbon-track>span{font-size:21px;gap:22px;padding-right:22px}.ribbon-track i{font-size:15px}
  .gifts.section{padding-block:62px}
  .gifts>.section-topline{font-size:9px;line-height:1.8;gap:16px}
  .gift-heading{margin-top:28px;margin-bottom:32px;gap:22px}
  .gift-heading h2{font-size:33px;letter-spacing:-.03em;line-height:1.5}
  .gift-heading p{font-size:13px}.gift-heading p strong{font-size:14px}
  .gift-row{position:relative;padding:15px;gap:27px;border-radius:18px;box-shadow:0 10px 30px #163b280b}
  .gift-row .gift-copy{padding:0 5px 12px}
  .author-visual{border-radius:9px}.author-visual>img{aspect-ratio:1.08}
  .author-visual figcaption{padding:13px 16px}.author-visual figcaption>span:first-child{font-size:19px}.author-visual figcaption>span:last-child{font-size:8px}
  .gift-no{font-size:41px}.gift-label{gap:15px;margin-bottom:18px}.gift-label>span:last-child{font-size:12px;padding-left:15px}.gift-label small{font-size:9px}
  .gift-copy h3,.workbook-row .gift-copy h3{font-size:16px;line-height:1.7;margin-bottom:17px}
  .gift-copy h3 strong{font-size:27px;line-height:1.5;margin-top:6px}
  .gift-copy>p{font-size:13px;line-height:2.1;margin-top:14px}
  .gift-meta{font-size:11px;margin-top:22px;gap:20px}
  .workbook-row{margin-top:28px}.workbook-row .gift-copy{padding:0 5px 12px}
  .workbook-visual{height:380px;border-radius:9px}
  .workbook-cover{top:73px;width:55%;left:12%}.workbook-page{top:31px;width:49%;right:6%}
  .preview-button{min-height:46px;font-size:10px;gap:10px;bottom:19px;padding:11px 14px}
  .preview-button .icon{width:16px;height:16px}
  .workbook-contents li{font-size:11px;gap:12px;padding-block:12px}
  .gentle-note{font-size:20px;margin-top:40px}.gentle-note span{font-size:14px}
  .distance-section{padding:46px 24px 52px}
  .distance-intro h2{font-size:32px;line-height:1.65}.distance-type{font-size:48px}
  .distance-options button{font-size:11px;padding-inline:6px}
  .response-title{font-size:18px}.response-copy{font-size:12px}
  .receive-heading h2{font-size:26px}.receive-heading h2 strong{font-size:29px}
  .step-number{font-size:25px}.steps li{gap:20px;padding-block:25px}.steps h3{font-size:16px}
  .already{border-radius:13px;padding:24px 22px 40px}.already h3 .keyword{font-size:42px}
  .faq{gap:26px}.faq h2{font-size:28px}.faq summary{padding-inline:0;font-size:13px;gap:16px}
  .faq details>p{margin-inline:0 25px;font-size:13px}
  .closing{padding-block:59px 48px}.closing h2{font-size:31px;line-height:1.6;margin-top:20px}
  .closing .line-button{min-height:76px;margin-top:27px}
  .closing .campaign-note{font-size:9px;line-height:1.9}
  .sticky-cta .line-button{border-radius:7px}
}
@media(min-width:601px) and (max-width:800px){
  .book-first .hero-heading{padding-top:30px}.book-first h1{font-size:59px}
  .book-scene{height:440px;max-width:470px}.book-scroll{width:265px}
  .book-first .hero-copy{width:480px;max-width:100%;margin-inline:auto;padding-bottom:30px}
  .hero-gifts strong{font-size:16px}.hero-gifts div>span{font-size:10px}.guide-name{font-size:19px}
  .gift-row{padding:24px;gap:33px}.author-visual>img{aspect-ratio:1.3}
  .workbook-visual{height:540px}.workbook-cover{width:49%;left:15%;top:102px}.workbook-page{width:44%;right:12%;top:37px}
  .gift-copy h3 strong{font-size:32px}.gift-copy>p{font-size:14px}
  .workbook-contents li{font-size:13px}.closing h2{font-size:44px}
}
@media(max-width:359px){
  .site-header{padding-inline:18px}.brand-title{font-size:12px}.brand-sub{font-size:7px}.motion-toggle{font-size:8px;padding-inline:8px}
  .book-first .hero-heading{padding:22px 20px 0}.reader-greeting{font-size:9px}.book-first h1{font-size:43px}
  .hero-cover{padding-inline:20px}.book-scene{height:336px}.book-scroll{width:200px;max-width:72%}.book-caption{right:0;font-size:8px}
  .book-first .hero-copy{padding-inline:21px}.guide-name{font-size:14px}
  .hero-gifts li{gap:5px}.hero-gifts li+li{padding-left:8px}.hero-gifts strong{font-size:12px}.hero-gifts div>span{font-size:8px}
  .book-first .cta-label>span{font-size:15px}.book-first .line-button{padding-inline:17px;gap:10px}
  .hero-index{padding-inline:21px;font-size:8px}.hero-index a{font-size:9px;gap:5px}
  .gifts>.section-topline{font-size:8px}.gift-heading h2{font-size:29px}
  .gift-row{padding:12px;gap:25px}.gift-row .gift-copy{padding-inline:2px}
  .gift-copy h3,.workbook-row .gift-copy h3{font-size:14px}.gift-copy h3 strong{font-size:24px}
  .gift-copy>p{font-size:12px}.workbook-visual{height:336px}.workbook-cover{top:64px}
  .preview-button{font-size:9px;padding-inline:11px;gap:8px}.preview-button .icon{width:15px;height:15px}
  .workbook-contents li{font-size:10px;gap:10px}.gift-meta{font-size:10px;gap:16px}
  .distance-section{padding-inline:21px}.distance-intro h2{font-size:29px}.distance-options button{font-size:10px}
  .response-title{font-size:16px}.response-copy{font-size:11px}
  .receive-heading h2,.receive-heading h2 strong{font-size:25px}.steps h3{font-size:14px}.steps p{font-size:11px}
  .already{padding-inline:20px}.already h3 .keyword{font-size:38px}.already p:not(.mini-label):not(.copy-status){font-size:10px}
  .faq summary{font-size:12px;gap:12px}.closing h2{font-size:27px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .motion-ready [data-reveal]{opacity:1!important;translate:none!important}
  .book-scroll{transform:none!important}.book-tilt{transform:rotateZ(-3deg)!important}
  .hero-heading,.hero-copy,.hero-cover{opacity:1!important;transform:none!important}
}