.ebook-perspective{background:#f8f7f3;padding-block:44px;color:#1f4e79}
.ebook-perspective-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);grid-template-areas:"intro photo" "note photo";column-gap:36px;row-gap:26px;align-items:center}
.ebook-perspective-intro{grid-area:intro;align-self:end;min-width:0}
.ebook-perspective-pill{display:inline-block;margin:0 0 22px;padding:8px 19px;border-radius:999px;background:#dce3d7;color:#526b46;font-size:.75rem;font-weight:800;line-height:1.4;letter-spacing:1.4px}
.ebook-perspective h2{margin:0 0 22px;font-size:clamp(2rem,3.5vw,2.75rem);font-weight:800;line-height:1.15;letter-spacing:-1.1px;overflow-wrap:anywhere}
.ebook-perspective-body{margin:0;color:#2f3742;font-size:1.125rem;line-height:1.6}
.ebook-perspective-takeaway{grid-area:note;align-self:start;margin:0;padding:17px 20px;border-left:4px solid #c6a46a;border-radius:8px;background:#f2eee5;color:#1f4e79;font-size:1.125rem;font-weight:800;line-height:1.5;overflow-wrap:anywhere}
.ebook-perspective-photo{grid-area:photo;align-self:center;position:relative;display:flex;flex-direction:column;margin:0;min-width:0;border-radius:14px;overflow:hidden;background:#f8f7f3;box-shadow:0 8px 22px #213b4510;container:ebook-perspective-photo/inline-size;font-size:clamp(.75rem,1.1vw,1rem)}
.ebook-perspective-photo picture{display:block;width:100%;aspect-ratio:1.15}
.ebook-perspective-photo img{width:100%;height:100%;object-fit:cover}
.ebook-perspective-labels{position:absolute;inset:0;pointer-events:none}
.ebook-perspective-label{position:absolute;margin:0;padding:8px 10px;border-radius:8px;background:#fff6e6e8;color:#1f4e79;text-align:center;font-size:inherit;font-weight:800;line-height:1.2;overflow-wrap:anywhere}
.ebook-perspective-label-left{left:8.5%;top:15%;width:30.5%}
.ebook-perspective-label-right{left:61.5%;top:17.5%;width:35%;font-size:.92em}
.ebook-perspective-label::after{content:"";position:absolute;top:100%;left:50%;width:1px;height:clamp(16px,3.5cqw,28px);background:#fff9}
.ebook-perspective-label::before{content:"";position:absolute;top:calc(100% + clamp(16px,3.5cqw,28px));left:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:#e8f0e9}
@media(max-width:1023px){
 .ebook-perspective{padding-block:28px}
 .ebook-perspective>.ebook-shell{width:calc(100% - 40px)}
 .ebook-perspective-grid{display:flex;flex-direction:column;gap:20px;align-items:stretch;max-width:760px}
 .ebook-perspective-intro{align-self:stretch}
 .ebook-perspective-pill{margin-bottom:16px;padding:7px 16px}
 .ebook-perspective h2{font-size:clamp(1.75rem,8vw,2rem);line-height:1.16;letter-spacing:-.65px;margin-bottom:17px}
 .ebook-perspective-body{font-size:1rem;line-height:1.6}
 .ebook-perspective-photo{width:100%;align-self:stretch;border-radius:14px}
 .ebook-perspective-photo picture{aspect-ratio:1.06}
 .ebook-perspective-label{padding:6px;font-size:inherit;border-radius:6px}
 .ebook-perspective-label-left{left:2%;top:12%;width:46%}
 .ebook-perspective-label-right{left:51%;top:14%;width:46%}
 .ebook-perspective-label::after{height:12px}
 .ebook-perspective-label::before{top:calc(100% + 12px);width:5px;height:5px;left:calc(50% - 2.5px)}
 .ebook-perspective-takeaway{font-size:1rem;padding:14px 16px;align-self:stretch}
}
@media(max-width:350px){.ebook-perspective>.ebook-shell{width:calc(100% - 32px)}}
/* At enlarged text sizes, place full-size annotations in a readable caption above the image. */
@container ebook-perspective-photo (width < 24em){
 .ebook-perspective-labels{position:static;display:grid;grid-template-columns:1fr;gap:10px;order:-1;padding:12px;background:#f5f1e8}
 .ebook-perspective-label{position:static;width:auto;padding:8px 12px}
 .ebook-perspective-label::before,.ebook-perspective-label::after{display:none}
}
@media(max-width:389px){
 .ebook-perspective-label-left{top:6%}
 .ebook-perspective-label-right{top:8%}
 .ebook-perspective-label::after{height:8px}
 .ebook-perspective-label::before{top:calc(100% + 8px)}
}
/* Keep the reserved photo frame stable while responsive sources load. */
.ebook-perspective-photo picture{position:relative;flex:none}
.ebook-perspective-photo img{position:absolute;inset:0;width:100%;height:100%}