/* Editorial update: full Institute panorama, warmer Faith Squad, author About page.
   Deliberately leaves the homepage hero, launch artwork, synopsis and reader untouched. */

/* The Institute artwork is a panorama: never force it into a narrow crop. */
.institute-band .institute-layout {
  width:100%; max-width:none; display:flex; flex-direction:column; gap:0; padding:0 0 96px;
}
.institute-band .institute-illustration {
  width:100%; height:auto; max-width:none; aspect-ratio:auto;
  overflow:visible; border:0; box-shadow:none; margin:0;
}
.institute-band .institute-illustration img {
  width:100%; height:auto!important; aspect-ratio:2048 / 768;
  object-fit:contain!important; object-position:center center!important; display:block;
}
.institute-band .institute-illustration:after {display:none}
.institute-band .institute-text {
  width:min(1120px,calc(100% - 80px)); margin:0 auto; padding:72px 0 0;
  display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
  column-gap:8%; align-items:start;
}
.institute-band .institute-text .detail-eyebrow {grid-column:1;grid-row:1;margin:0 0 22px}
.institute-band .institute-text h2 {grid-column:1;grid-row:2 / span 4;max-width:480px}
.institute-band .institute-text > p:not(.detail-eyebrow) {grid-column:2;max-width:580px;margin-bottom:18px}
.institute-band .institute-text > p:not(.detail-eyebrow):first-of-type {margin-top:0}
@media(max-width:800px) {
  .institute-band .institute-layout {padding-bottom:65px}
  .institute-band .institute-text {width:calc(100% - 44px);display:block;padding-top:42px}
  .institute-band .institute-text h2 {max-width:650px}
}

/* Faith Squad: retain the angled shape but make it warm coral, not candy pink. */
.faith-fixed .faith-art:before,.faith-art:before {background:#c6dbe0!important}
.btn.pink {background:#f2c65b!important;color:#09213c!important}
.btn.pink:hover {background:#e8b950!important}

/* About: editorial rhythm, real portrait and original covers only. */
.author-about {color:#0a213e;background:#f8f4eb}
.author-about p {line-height:1.82}
.author-about h1,.author-about h2 {font-family:'Playfair Display',Georgia,serif;letter-spacing:-.05em;font-weight:500}
.author-about h1 em,.author-about h2 em {font-weight:400}
.about-eyebrow {font:700 11px/1.5 'DM Sans',Arial,sans-serif;letter-spacing:.21em;color:#a16e36;margin:0 0 22px}
.about-hero-editorial {padding:96px 0 104px;background:#f8f4eb}
.about-hero-inner,.about-story-inner,.about-more-inner {width:min(1170px,calc(100% - 80px));margin:auto}
.about-hero-inner {display:grid;grid-template-columns:minmax(0,1.1fr) minmax(290px,.8fr);gap:9%;align-items:center}
.about-hero-copy h1 {font-size:clamp(54px,6.1vw,88px);line-height:1.07;margin:0 0 24px}
.about-deck {font-size:19px;font-family:'Playfair Display',Georgia,serif;font-style:italic;margin-bottom:30px!important}
.about-hero-copy p:not(.about-eyebrow) {font-size:15.5px;max-width:610px;margin:0 0 17px}
.about-portrait {margin:0;position:relative}
.about-portrait:before {content:'';position:absolute;background:#e6c38b;inset:28px -18px -20px 25px;transform:rotate(3deg)}
.about-portrait img {position:relative;display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;box-shadow:0 24px 55px #0c1d302b}
.about-portrait figcaption {position:relative;font:italic 19px 'Playfair Display',Georgia,serif;text-align:right;margin-top:16px}
.about-story-editorial {background:#e9f0f1;padding:100px 0}
.about-story-inner {display:grid;grid-template-columns:.36fr 1fr;gap:10%}
.about-chapter-number {font:500 68px/1 'Playfair Display',Georgia,serif;color:#9ab3c1}
.about-chapter-number span {display:block;font:700 10px/1.5 'DM Sans',Arial,sans-serif;letter-spacing:.19em;color:#526c7d;margin-top:19px}
.about-story-prose {max-width:770px}
.about-story-prose h2,.about-more-copy h2,.about-outro-editorial h2 {font-size:clamp(43px,4.5vw,67px);line-height:1.16;margin:0 0 35px}
.about-story-prose p,.about-more-copy p {font-size:16px;margin:0 0 19px}
.about-more-editorial {background:#0a2443;color:#f8f4eb;padding:105px 0 110px;overflow:hidden}
.about-more-inner {display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:8%}
.about-more-copy {max-width:620px}
.about-more-copy .about-eyebrow {color:#f4c95b}
.about-more-copy .about-refrain {color:#f4c95b;font-family:'Playfair Display',Georgia,serif;font-size:23px;margin-top:30px}
.about-books-display {position:relative;min-height:430px;display:flex;align-items:center;justify-content:center;gap:10px}
.about-books-display:before {content:'';position:absolute;width:87%;height:73%;background:#e2c8a6;transform:rotate(-7deg);opacity:.18}
.about-cover {margin:0;position:relative;width:47%;max-width:210px;box-shadow:12px 20px 30px #0006}
.about-cover img {display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.about-cover-one {transform:rotate(-7deg) translateY(-13px);z-index:2}
.about-cover-two {transform:rotate(7deg) translateY(23px)}
.about-display-caption {position:absolute;bottom:0;left:0;font-size:10px;font-weight:700;letter-spacing:.18em;color:#e7d2b1}
.about-outro-editorial {text-align:center;padding:105px 24px 115px;background:#f8f4eb}
.about-outro-editorial h2 {margin-bottom:24px}
.about-outro-editorial p:not(.about-eyebrow) {font-size:16px;margin:0 auto 15px;max-width:590px}
.about-outro-editorial .btn {margin-top:20px}
@media(max-width:850px){
  .about-hero-inner,.about-story-inner,.about-more-inner {width:calc(100% - 50px)}
  .about-hero-inner {gap:6%;grid-template-columns:1.1fr .8fr}
  .about-hero-editorial {padding:65px 0 85px}
  .about-more-inner {gap:4%}
}
/* Keep the rotated backing inside the tablet gutter. */
@media(min-width:681px) and (max-width:850px){.about-portrait:before {right:0}}
@media(max-width:680px){
  .about-hero-inner,.about-story-inner,.about-more-inner {display:flex;flex-direction:column;gap:40px}
  .about-portrait {width:min(350px,90%);margin:0 auto}
  .about-hero-copy h1 {font-size:clamp(49px,12vw,72px)}
  .about-story-editorial,.about-more-editorial {padding:70px 0}
  .about-chapter-number {font-size:44px}
  .about-story-prose h2,.about-more-copy h2,.about-outro-editorial h2 {font-size:clamp(40px,9vw,55px)}
  .about-books-display {min-height:320px;width:100%;max-width:450px;margin:0 auto}
  .about-outro-editorial {padding:75px 24px 85px}
}

/* 2026-10-30 author review: distinct intro, centred portrait signature */
.about-intro-rule{width:60px;height:2px;background:#d6ac65;margin:10px 0 35px}
.about-deck{margin-bottom:12px!important}
.about-portrait figcaption{text-align:center;margin-top:18px;font-size:18px}
.about-inline-link{color:#f3c85e;text-decoration:underline;text-decoration-color:#f3c85e90;text-underline-offset:4px;font-weight:700}
.about-inline-link:hover{color:#fff}
/* Show different creative work, not duplicate the two books on the home page */
.about-projects-display{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch;min-width:0}
.about-project-card{position:relative;display:flex;flex-direction:column;min-height:330px;padding:26px 24px 22px;box-shadow:10px 16px 30px #0002;transition:transform .2s ease;text-decoration:none!important;overflow:hidden}
.about-project-card:hover{transform:translateY(-5px)}
.about-project-card.wonda-card{background:#f2c857;color:#142641;transform:rotate(-3deg)}
.about-project-card.wonda-card:hover{transform:rotate(-3deg) translateY(-5px)}
.about-project-card.inovela-card{background:#e8e1d2;color:#142641;transform:rotate(3deg) translateY(20px)}
.about-project-card.inovela-card:hover{transform:rotate(3deg) translateY(15px)}
.project-kind{font-size:9px;letter-spacing:.14em;font-weight:700;line-height:1.5}
.project-name{font-size:clamp(28px,3vw,45px);font-weight:800;letter-spacing:-.09em;margin:38px 0 10px;line-height:1}
.project-name span{font-weight:400;letter-spacing:-.07em}
.project-name.inovela-name{font-size:clamp(27px,2.6vw,39px);letter-spacing:.11em;font-weight:700}
.project-subtitle{font:italic 22px/1.2 'Playfair Display',Georgia,serif;margin-bottom:30px}
.project-link{margin-top:auto;border-top:1px solid #0a244355;padding-top:15px;font-size:10px;font-weight:700;letter-spacing:.09em}
.project-link span{font-size:16px;float:right}
/* Institute: heading and prose share an actual baseline; no separate grid row drift */
.institute-band .institute-text{grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);column-gap:7%;row-gap:0}
.institute-band .institute-text .detail-eyebrow{grid-column:1 / -1;grid-row:1;margin:0 0 28px}
.institute-band .institute-text h2{grid-column:1;grid-row:2;margin:0;max-width:530px;font-size:clamp(40px,4.2vw,61px);line-height:1.14}
.institute-band .institute-text .institute-prose{grid-column:2;grid-row:2;margin:2px 0 0}
.institute-band .institute-text .institute-prose p{font-size:16px;line-height:1.78;color:#e5eaf0;margin:0 0 19px}
.institute-band .institute-text .institute-prose p:last-child{margin-bottom:0}
.institute-band .institute-text .institute-prose strong{color:#f5d178}
/* Reader: traditional book paragraphing, author scene separators */
.readertext p{margin:0!important;text-indent:1.3em}
.readertext p.after-break{margin-top:0!important;text-indent:0!important}
.readertext .reader-scene-break{font-family:Georgia,serif;text-align:center;font-size:17px;letter-spacing:.38em;margin:30px 0 28px;line-height:1.5;color:#627287}
.readertext .reader-scene-title{font-family:'DM Sans',sans-serif;font-size:12px;letter-spacing:.21em;text-align:center;margin:4px 0 22px;font-weight:700}
@media(max-width:900px){.about-projects-display{gap:13px}.about-project-card{min-height:300px;padding:19px 17px}}
@media(max-width:800px){.institute-band .institute-text{display:block}.institute-band .institute-text h2{margin-bottom:28px}.institute-band .institute-text .institute-prose{margin:0}}
@media(max-width:680px){.about-projects-display{width:100%;max-width:450px;margin:0 auto}.about-project-card{min-height:260px}.project-name{font-size:30px}.project-name.inovela-name{font-size:26px}.project-subtitle{font-size:19px}}
@media(max-width:380px){.about-projects-display{grid-template-columns:1fr;gap:30px}.about-project-card{min-height:230px}.about-project-card.inovela-card{transform:rotate(2deg) translateY(0)}}

.faith-section.faith-fixed .faith-art::before{background:#c6dbe0!important}.faith-section.faith-fixed .btn.pink{background:#f2c65b!important}.about-hero-copy .about-deck{margin-bottom:36px!important}

/* Approved Institute invitation, final question in restrained gold */
.institute-band .institute-text .institute-prose .institute-final-question {margin-top:24px;color:#f4c95b;font:italic 600 clamp(20px,2vw,27px)/1.45 'Playfair Display',Georgia,serif;}
.institute-band .institute-text .institute-prose .institute-final-question strong {font-weight:600;}
.institute-band .institute-text h2 {font-size:clamp(39px,3.4vw,58px);line-height:1.17;}

/* Real Inovela publishing visuals, rather than another typography-only card */
.about-project-card.inovela-card{padding-bottom:22px}
.about-project-card.inovela-card .project-name{margin:19px 0 14px}
.inovela-products-image{display:block;width:100%;max-height:205px;min-height:0;object-fit:cover;object-position:center 47%;border:1px solid #d0c3a9;margin:0 0 15px}
@media(max-width:900px){.inovela-products-image{max-height:185px}}
@media(max-width:680px){.inovela-products-image{max-height:150px}}

/* Wonda Daily showcase created from supplied App Store screenshots */
.about-project-card.wonda-card{padding-bottom:22px}
.about-project-card.wonda-card .project-name{margin:19px 0 14px}
.wonda-app-image{display:block;width:100%;height:205px;object-fit:cover;object-position:center 40%;margin:0 0 15px}
@media(max-width:900px){.wonda-app-image{height:185px}}
@media(max-width:680px){.wonda-app-image{height:150px}}

.inovela-products-image{object-position:center center;border:0}

/* 31 Oct: genuine product imagery in full-size editorial panels, no tilted flyers */
.about-more-editorial{padding:98px 0 112px}
.about-more-inner{display:block;width:min(1190px,calc(100% - 80px))}
.about-more-copy{max-width:800px;margin:0 0 42px}
.about-more-copy h2{margin-bottom:25px}
.about-more-copy p{max-width:790px}
.about-showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}
.about-showcase-card{display:flex;flex-direction:column;min-width:0;background:#f8f4eb;color:#142641;text-decoration:none!important;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 16px 32px #0002}
.about-showcase-card:hover{transform:translateY(-5px);box-shadow:0 23px 44px #0004}
.about-showcase-visual{height:365px;overflow:hidden;position:relative}
.wonda-visual{background:#f4c857}
.wonda-visual img{width:100%;height:100%;display:block;object-fit:cover;object-position:center center}
.inovela-visual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:5px;background:#f8f4eb}
.inovela-visual img{width:100%;height:100%;min-width:0;min-height:0;object-fit:cover;display:block}
.inovela-visual img:nth-child(1){object-position:center 47%}
.inovela-visual img:nth-child(2){object-position:center 50%}
.inovela-visual img:nth-child(3){object-position:center 55%}
.inovela-visual img:nth-child(4){object-position:center 46%}
.about-showcase-meta{min-height:105px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:21px 26px}
.showcase-kicker{display:block;color:#557083;font-size:10px;line-height:1.4;letter-spacing:.13em;font-weight:700;margin-bottom:7px}
.about-showcase-meta h3{font-family:'Playfair Display',Georgia,serif;font-size:29px;font-weight:600;line-height:1.1;letter-spacing:-.025em;margin:0;color:#142641}
.showcase-arrow{width:39px;height:39px;display:grid;place-items:center;border:1px solid #c8d2d7;border-radius:50%;font-size:20px;flex:none}
@media(max-width:900px){.about-more-inner{width:calc(100% - 50px)}.about-showcase-visual{height:300px}.about-showcase-grid{gap:16px}.about-showcase-meta{padding:18px;min-height:100px}}
@media(max-width:680px){.about-more-editorial{padding:70px 0 78px}.about-more-inner{display:block}.about-more-copy{margin-bottom:32px}.about-showcase-grid{grid-template-columns:1fr;gap:23px}.about-showcase-visual{height:clamp(270px,70vw,430px)}.about-showcase-meta{min-height:92px}}

/* Inovela: display authentic supplied photographs in full, without crop or distortion. */
.about-showcase-inovela .inovela-visual {
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:repeat(2,minmax(0,1fr));gap:8px;
  padding:8px;background:#f8f4eb;box-sizing:border-box;
}
.about-showcase-inovela .inovela-visual img,
.about-showcase-inovela .inovela-visual img:nth-child(n){
  display:block;width:100%;height:100%;min-width:0;min-height:0;
  object-fit:contain;object-position:center center;
  background:#f6f1e8;
}
.about-showcase-inovela .inovela-visual img:nth-child(1){background:#69bca9}
.about-showcase-inovela .inovela-visual img:nth-child(2){background:#22469c}
.about-showcase-inovela .inovela-visual img:nth-child(3){background:#88f0ef}
.about-showcase-inovela .inovela-visual img:nth-child(4){background:#f5e3cf}
@media(max-width:680px){.about-showcase-inovela .inovela-visual{gap:6px;padding:6px}}