/* Scoped editorial second pass. Existing photography and other sections stay intact. */
#testimonials{background:var(--ivory);padding-block:clamp(64px,8vw,112px)}
#testimonials .experiences-intro{max-width:1040px;margin:0 auto 60px;columns:2;column-gap:56px}
#testimonials .experiences-intro h2{column-span:all;max-width:850px;margin:0 0 38px;font-size:clamp(32px,3.6vw,52px)}
#testimonials .experiences-intro p{font:400 17px/1.8 var(--sans);break-inside:avoid;margin:0 0 20px}
#testimonials .experiences-intro p:last-child{font-size:13px;color:var(--muted);line-height:1.7}
#testimonials .experiences-intro strong{color:var(--wine);font-weight:700}
#testimonials .experience-feature{position:relative;max-width:1040px;margin:0 auto 62px;padding:clamp(30px,5vw,64px);border-top:3px solid var(--wine);border-bottom:1px solid #650e2d50;background:linear-gradient(110deg,#f7e7e4 0%,#fffaf4 75%)}
#testimonials .experience-feature:before{content:'“';display:block;font:500 88px/.65 var(--serif);color:#a6002c;opacity:.65;margin-bottom:16px}
#testimonials .experience-feature blockquote{font:400 clamp(27px,2.7vw,38px)/1.5 var(--serif);color:var(--wine)}
#testimonials .experience-feature blockquote p{margin-bottom:0}
#testimonials .experiences-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(30px,5vw,76px);max-width:1040px;margin:0 auto}
#testimonials .experience-quote{padding:30px 0 32px;border-top:1px solid #650e2d42;background:none;box-shadow:none;min-width:0}
#testimonials .experience-quote blockquote{font:400 19px/1.8 var(--sans);color:#3e302f}
#testimonials blockquote p{margin:0 0 18px}
#testimonials blockquote p:last-child{margin-bottom:0}
#testimonials blockquote strong{font-weight:700;color:var(--wine)}
#testimonials figcaption{margin-top:24px;font:400 13px/1.6 var(--sans);color:var(--muted)}
#testimonials .client-name{display:block;font-weight:700;font-size:15px;color:var(--wine);margin-bottom:2px}
#testimonials .client-context{display:block}
#testimonials .more-experiences{max-width:1040px;margin:22px auto 0;border-top:1px solid var(--wine);border-bottom:1px solid #650e2d50}
#testimonials .more-experiences>summary{padding:24px 0;display:flex;justify-content:space-between;align-items:center;gap:24px;font:500 clamp(24px,2.5vw,32px)/1.3 var(--serif);color:var(--wine)}
#testimonials .more-experiences[open]>.experiences-grid{padding:10px 0 30px}
#testimonials .original-feature{background:none;border:0;box-shadow:none;padding:30px 0;margin:0}
#testimonials .original-feature img{border:1px solid var(--line);width:100%;height:auto}
#whole-picture .examples-grid p>strong{color:var(--wine)}
#connect-the-dots .editorial-title>p:first-of-type{font:500 clamp(26px,3vw,36px)/1.35 var(--serif);color:var(--wine)}
#guide-example{padding-bottom:clamp(70px,9vw,128px)}
#bring-to-work{border-top:1px solid #b9889370;padding-top:clamp(70px,8vw,112px);background:var(--ivory)}
#bring-to-work .editorial-title{position:sticky;top:34px;align-self:start}
#bring-to-work .connection-chapter{padding:0 0 30px;margin:0 0 34px;border-bottom:1px solid var(--line)}
#bring-to-work .connection-chapter:last-of-type{border:0;padding-bottom:0}
#bring-to-work .connection-chapter>p:first-child>strong{font-family:var(--serif);font-size:clamp(24px,2.3vw,31px);font-weight:500;line-height:1.45;display:block;color:var(--wine)}
#bring-to-work .connection-chapter p{max-width:690px}
@media(max-width:767px){
 #testimonials .experiences-intro{columns:1;margin-bottom:38px}
 #testimonials .experiences-intro h2{margin-bottom:26px}
 #testimonials .experiences-grid{grid-template-columns:1fr}
 #testimonials .experience-feature{padding:30px 25px;margin-bottom:34px}
 #testimonials .experience-feature blockquote{font-size:27px;line-height:1.5}
 #testimonials .experience-quote{padding:27px 0}
 #testimonials .experience-quote blockquote{font-size:17px;line-height:1.85}
 #testimonials figcaption{margin-top:20px}
 #bring-to-work .editorial-title{position:static}
 #bring-to-work .connection-chapter{margin-bottom:26px;padding-bottom:24px}
}

/* The combined narrative is one reading column, including its pink conclusion. */
#whole-picture .examples-grid{grid-template-columns:minmax(0,1fr);max-width:910px;margin-inline:auto}
#whole-picture .examples-grid>div{min-width:0;grid-column:1/-1}

/* Organized testimonial reading hierarchy — scoped to this section only. */
#testimonials .experiences-intro{columns:1;max-width:1040px;margin-bottom:28px}
#testimonials .experiences-intro h2{max-width:850px}
#testimonials .experiences-intro>p{max-width:760px}
#testimonials .testimonial-context{max-width:760px;margin-top:20px}
#testimonials .testimonial-context summary,#testimonials .testimonial-full summary,#testimonials .testimonial-more>summary{cursor:pointer;color:var(--wine);font:600 14px/1.5 var(--sans);text-decoration:underline;text-underline-offset:4px;padding:12px 0}
#testimonials details summary:focus-visible,#testimonials .testimonial-topics a:focus-visible{outline:2px solid var(--wine);outline-offset:5px}
#testimonials .testimonial-context[open] summary{margin-bottom:14px}
#testimonials .testimonial-topics{max-width:1040px;margin:28px auto 46px;display:flex;gap:10px;flex-wrap:wrap}
#testimonials .testimonial-topics a{font:600 13px/1.4 var(--sans);padding:10px 15px;border:1px solid #650e2d50;border-radius:30px;color:var(--wine);text-decoration:none;background:#fffaf4}
#testimonials .testimonial-topics a:hover{background:#f5dfdf}
#testimonials .testimonial-group{max-width:1040px;margin:0 auto 54px;scroll-margin-top:40px}
#testimonials .testimonial-group>h3{font:500 clamp(26px,3vw,36px)/1.25 var(--serif);color:var(--wine);margin:0 0 24px;padding-top:24px;border-top:2px solid var(--wine)}
#testimonials .experiences-grid{gap:20px;align-items:start}
#testimonials .organized-quote{margin:0;padding:26px;background:#fffaf4;border:1px solid #650e2d30;border-top:3px solid #a54158;border-radius:3px}
#testimonials .organized-quote h4{font:500 25px/1.25 var(--serif);margin:0 0 18px;color:var(--wine)}
#testimonials .organized-quote blockquote{font:400 16px/1.75 var(--sans);color:#3e302f}
#testimonials .organized-quote figcaption{margin-top:20px}
#testimonials .organized-quote .client-name{font-size:14px}
#testimonials .organized-quote .client-context{font-size:12px}
#testimonials .testimonial-result{border-top:1px solid #650e2d25;border-bottom:1px solid #650e2d25;margin:0 0 20px;padding:12px 0;color:var(--wine);font:400 13px/1.6 var(--sans)}
#testimonials .testimonial-result strong{display:block;font-size:18px;font-weight:700}
#testimonials .testimonial-result span{display:block;margin-top:3px}
#testimonials .testimonial-full{margin-top:16px;border-top:1px solid #650e2d25}
#testimonials .testimonial-full[open] summary{margin-bottom:12px}
#testimonials .testimonial-full blockquote{font-size:15px;line-height:1.8}
#testimonials .testimonial-more{margin-top:20px}
#testimonials .testimonial-more>summary{padding:16px 0}
#testimonials .testimonial-more[open]>.experiences-grid{padding-top:14px}
#testimonials .original-feature{padding:0;margin:0}
@media(max-width:767px){#testimonials .organized-quote{padding:23px}#testimonials .organized-quote h4{font-size:24px}#testimonials .testimonial-topics{gap:8px;margin-bottom:34px}#testimonials .testimonial-topics a{font-size:12px;padding:9px 12px}#testimonials .testimonial-group{margin-bottom:38px}}

/* Make the three additional testimonial collections easy to find. */
#testimonials .testimonial-more>summary{background:#f6dce3;padding:16px 20px;border:1px solid #e7b9c6;border-radius:4px;text-decoration:none;color:var(--wine)}
#testimonials .testimonial-more>summary:hover{background:#f0ccd7}

/* Personal story: primary section title + quieter narrative subheading. */
#my-story .story-bridge{margin-bottom:0;max-width:850px}
#my-story .story-main-heading{font:400 clamp(32px,3.6vw,52px)/1.12 var(--serif);color:var(--wine);letter-spacing:-.025em;max-width:850px;margin:0 0 30px}
#my-story .story-bridge>p{font:400 18px/1.8 var(--sans);max-width:750px;margin:0 0 16px}
#my-story .story-subheading{font:500 clamp(24px,2.4vw,34px)/1.3 var(--serif);color:var(--wine);letter-spacing:-.015em;max-width:850px;margin:34px 0}
@media(max-width:767px){#my-story .story-main-heading{margin-bottom:25px}#my-story .story-bridge>p{font-size:17px}#my-story .story-subheading{margin:28px 0}}

/* Text-only highlighter treatment for additional testimonial links. */
#testimonials .testimonial-more>summary{display:block;width:fit-content;max-width:100%;background:none;border:0;border-radius:0;padding:12px 0;text-decoration:none}
#testimonials .testimonial-more>summary:hover{background:none}
#testimonials .testimonial-more .highlighted-link{color:var(--wine);text-decoration:underline;text-underline-offset:4px;background:linear-gradient(transparent 26%,#f4ceda 26%,#f4ceda 94%,transparent 94%);padding:2px 5px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
#testimonials .testimonial-more>summary:hover .highlighted-link{background:linear-gradient(transparent 26%,#edb8ca 26%,#edb8ca 94%,transparent 94%)}
#guide-example .present-pair{margin-bottom:16px}
#guide-example .present-photos>.present-pair:first-child>figure:last-child{margin-top:40px}
#guide-example .present-photos>.present-pair:nth-child(2)>figure:last-child{margin-top:30px}
@media(max-width:767px){#guide-example .present-photos>.present-pair:first-child>figure:last-child{margin-top:25px}#guide-example .present-photos>.present-pair:nth-child(2)>figure:last-child{margin-top:25px}}

/* The full story now belongs to the introduction, behind an obvious disclosure. */
#about .relocated-story{margin:30px 0 38px;border:1px solid #9b4a6255;background:#fffaf4;border-radius:4px;scroll-margin-top:30px}
#about .relocated-story>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px;color:var(--wine);font:700 17px/1.4 var(--sans);letter-spacing:.06em;text-decoration:underline;text-underline-offset:5px;cursor:pointer}
#about .relocated-story>summary:hover{background:#f6dce3}
#about .relocated-story>summary:focus-visible{outline:2px solid var(--wine);outline-offset:4px}
#about .relocated-story-body{padding:8px clamp(22px,4vw,54px) 34px}
#about .relocated-story .story-subheading{font:500 clamp(25px,2.6vw,36px)/1.25 var(--serif);color:var(--wine);margin:24px 0 34px;max-width:850px}
#about .relocated-story .birthday-opening{margin-bottom:36px}
@media(max-width:767px){#about .relocated-story>summary{padding:20px;font-size:15px}#about .relocated-story-body{padding:4px 20px 25px}}

/* Align the story disclosure with the testimonial directly below it. */
#about>.wrap>.relocated-story{max-width:1000px;margin-inline:auto;box-sizing:border-box}

/* On phones, introduce the invitation before showing its photograph. */
@media(max-width:767px){
 #book .closing-invite>div{display:contents}
 #book .closing-invite>div>.eyebrow{order:1;margin-bottom:0}
 #book .closing-invite>div>h2{order:2;margin-bottom:0}
 #book .closing-invite>figure{order:3;margin:0}
 #book .closing-invite>div>p:not(.eyebrow){order:4;margin-bottom:0}
 #book .closing-invite>div>.button{order:5;justify-self:start}
 #book .closing-invite{row-gap:22px}
}

/* Opening hierarchy and matching question layouts. */
#questions .opening-change-questions{font:500 clamp(25px,3vw,38px)/1.25 var(--serif);color:var(--wine);margin-top:24px}
#whole-picture .prose p>strong{color:var(--wine)}
/* Align the continuation introduction with the full-width weeks below. */
#your-next-steps .renewal-heading,#your-next-steps .renewal-example>p{max-width:none;width:100%;box-sizing:border-box}

#testimonials .testimonial-context>p:last-child{font-size:inherit;line-height:inherit}
#testimonials .testimonial-context summary{text-decoration:none}
#testimonials .testimonial-context summary>span{text-decoration:underline;text-underline-offset:4px}
#testimonials .testimonial-context .context-description{display:block;font:400 13px/1.6 var(--sans);color:var(--muted);margin-top:6px;text-decoration:none}
