.book-page-hero h1{max-width:11ch;} .book-page-hero h2,h2{font-size:clamp(2.4rem,3vw,3.6rem);} .book-section,.enriched-section,.excerpt-section,.instagram-section,.comment-section{padding:clamp(58px,8vw,112px) clamp(20px,5vw,72px);} .book-section{background:var(--color-white);} .progress-section{position:relative;background:linear-gradient( rgba(255,248,242,calc(1 - var(--progress-bg-opacity,0.35))),rgba(255,248,242,calc(1 - var(--progress-bg-opacity,0.35))) ),var(--progress-bg) center / cover;border-block:1px solid var(--color-line);} .progress-list{max-width:760px;margin:40px auto 0;display:grid;gap:18px;} .progress-item{display:grid;gap:8px;} .progress-item-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;color:var(--plum);font-weight:900;} .progress-item-head strong{color:var(--rose);} .progress-track{height:11px;overflow:hidden;border-radius:999px;background:var(--color-line);} .progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--rose),var(--coral));transform:scaleX(0);transform-origin:left center;transition:transform 1800ms cubic-bezier(0.2,0.72,0.2,1);} .progress-section.is-visible .progress-track span{transform:scaleX(1);} .enriched-section{background:var(--paper);} .enriched-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,0.42fr);gap:clamp(28px,5vw,72px);align-items:start;margin-top:34px;} .excerpt-section{background:var(--plum);} .quote-panel{max-width:920px;margin:0 auto;color:var(--color-white);} .quote-panel .eyebrow{color:var(--cream);} .instagram-section{background:var(--color-white);} .instagram-section .section-heading{margin-inline:auto;text-align:center;} .instagram-embed{display:flex;justify-content:center;width:100%;margin-top:34px;} .instagram-embed .instagram-media{width:min(540px,100%) !important;min-width:0 !important;margin:0 !important;border-radius:8px !important;box-shadow:0 22px 58px var(--color-line-soft) !important;} .comment-section{background:var(--paper);overflow:hidden;} .comment-panel{max-width:920px;margin:0 auto;padding:clamp(20px,3vw,32px);border:1px solid var(--line);border-radius:8px;background:var(--color-white);box-shadow:0 18px 45px var(--color-ink-shadow-soft);transform:translateX(calc(100% + 48px));transition:transform 360ms ease;} .comment-panel blockquote{color:var(--plum);font-size:clamp(1.15rem,2vw,1.75rem);min-height:calc(3em * 1.16);display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;} .comment-panel.is-expanded blockquote{min-height:calc(3em * 1.16);display:block;max-height:60vh;overflow:auto;-webkit-line-clamp:unset;line-clamp:unset;animation:comment-expand 220ms ease-out;} .comment-section.is-comment-visible .comment-panel{transform:translateX(0);} .comment-section.is-comment-exiting .comment-panel{transform:translateX(calc(-100% - 48px));} .comment-meta{margin:0;color:var(--muted);font-weight:800;} .comment-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;} .comment-more{margin-left:auto;border:0;padding:0;color:var(--rose);background:transparent;font:inherit;font-weight:900;cursor:pointer;} .comment-more[hidden]{display:none;} @keyframes comment-expand{from{max-height:calc(3em * 1.16);} to{max-height:60vh;}} @media (max-width:860px){.enriched-grid{grid-template-columns:1fr;}}