/* Junaid Clarity 1.2.13. Scoped homepage and book-page presentation. */
.jc-site{--jc-heading-face:Georgia,'Times New Roman',serif;--jc-heading-gold:#f6ddac;--jc-gold-on-paper:#936019;--jc-ink:#122b3d;--jc-navy:#071f30;--jc-cream:#fcf8ef;--jc-paper:#fffdf8;--jc-gold:#936019;--jc-gold-light:#f4d79d;--jc-line:#e5d6b9;--jc-muted:#4f606b;font-family:Georgia,'Times New Roman',serif;color:var(--jc-ink);background:var(--jc-cream);font-size:17px;line-height:1.6;isolation:isolate;min-width:0;-webkit-text-size-adjust:100%}
.jc-site *,.jc-site *::before,.jc-site *::after{box-sizing:border-box}
.jc-site h1,.jc-site h2,.jc-site h3,.jc-site p,.jc-site figure,.jc-site blockquote{margin:0;font-family:inherit;color:inherit}
.jc-site h1,.jc-site h2,.jc-site h3{font-weight:400;line-height:1.15;letter-spacing:-.018em;text-wrap:balance}
.jc-site a{color:inherit}.jc-site img,.jc-site video{display:block;max-width:100%}.jc-site button,.jc-site summary{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.jc-site button{border:0}
.jc-site a:focus-visible,.jc-site button:focus-visible,.jc-site summary:focus-visible{outline:3px solid #bd8a37;outline-offset:5px}
.jc-site [hidden]{display:none!important}.jc-skip{position:fixed;top:-100px;left:16px;z-index:9999;background:var(--jc-paper);padding:12px 22px}.jc-skip:focus{top:12px}
.jc-header{background:var(--jc-paper);position:relative;z-index:20;border-bottom:1px solid var(--jc-line)}
.jc-header-inner{max-width:1440px;margin:auto;padding:0 5%;min-height:78px;display:flex;gap:30px;align-items:center;justify-content:space-between}
.jc-brand{text-decoration:none;text-transform:uppercase;font-size:22px;font-variant:small-caps;letter-spacing:.13em;white-space:nowrap;line-height:1.25;display:inline-flex;align-items:center;gap:10px;min-height:44px}.jc-brand-name{display:block}
.jc-desktop-nav{margin-left:auto}.jc-site .nav{display:flex;flex-wrap:wrap;gap:6px 23px;list-style:none;padding:0;margin:0;align-items:center}.jc-site .nav li{margin:0;padding:0;list-style:none}.jc-site .nav a{font-size:15px;line-height:1.4;text-decoration:none;min-height:44px;display:flex;align-items:center;position:relative;color:var(--jc-ink);font-family:Georgia,'Times New Roman',serif}.jc-site .nav a:hover,.jc-site .nav a[aria-current="page"]{color:var(--jc-gold)}
.jc-site .nav a[aria-current="page"]::after{content:'';position:absolute;left:0;right:0;bottom:5px;height:1px;background:var(--jc-gold)}
.jc-header-actions{display:flex;align-items:center;gap:8px}.jc-search{background:transparent;color:var(--jc-ink);width:44px;height:44px;display:grid;place-items:center}.jc-mobile-menu{display:none}
.jc-divider{max-width:180px;width:100%;display:flex;align-items:center;justify-content:center;gap:12px;margin:19px auto}
.jc-divider::before,.jc-divider::after{content:'';height:1px;flex:1;background:linear-gradient(90deg,transparent,#b78635)}.jc-divider::after{transform:rotate(180deg)}.jc-divider span{display:block;width:6px;height:6px;border:1px solid #b78635;transform:rotate(45deg);flex:0 0 6px}
.jc-button{display:inline-flex;gap:22px;align-items:center;justify-content:center;min-height:48px;padding:11px 25px;border-radius:30px;text-decoration:none!important;background:linear-gradient(180deg,#99691f,#76490f);border:1px solid #b3853a;color:#fffdf6!important;box-shadow:inset 0 1px 0 #ffffff26;font-size:16px;line-height:1.4;transition:background-color .18s,transform .18s;max-width:100%;text-align:center}
.jc-button:hover{background:linear-gradient(180deg,#885b19,#66400c);transform:translateY(-1px)}.jc-button span{font-family:Arial,sans-serif;flex-shrink:0}
.jc-text-link{display:inline-flex;align-items:center;gap:15px;min-height:44px;color:#845316!important;text-underline-offset:5px;text-decoration:underline;font-size:16px}
.jc-hero{display:grid;grid-template-columns:1fr 1fr;background:var(--jc-navy);color:#fffbef;min-height:560px;position:relative;overflow:hidden}
.jc-hero-scene{position:relative;min-height:560px;background:var(--jc-navy) url('../jc/hero-poster.jpg') center top/cover no-repeat;isolation:isolate}
.jc-hero-video{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:50% 0%}
.jc-hero-scene::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 80%,var(--jc-navy))}
.jc-video-control{position:absolute;z-index:3;right:24px;bottom:21px;width:44px;height:44px;display:grid;place-items:center;border:1px solid #f8e8c89c!important;border-radius:50%;background:#071f30bd;color:#fffdf2;font-family:Arial,sans-serif!important;font-size:15px!important}
.jc-hero-copy{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;padding:55px 40px 55px 18px;overflow:hidden;background:var(--jc-navy)}
.jc-hero-art{position:absolute;inset:0;z-index:-2;pointer-events:none;overflow:hidden}
.jc-hero-art img{position:absolute;width:100%;height:100%;object-fit:cover}
.jc-wisdom-detail{object-position:45% 50%;opacity:.72}
.jc-hero-art img.jc-digital-detail{width:92%;right:-23%;object-position:50% 50%;mix-blend-mode:screen;opacity:.43;mask-image:linear-gradient(90deg,transparent,#000 60%)}
.jc-hero-copy::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--jc-navy) 0%,#071f30b5 18%,#071f30c2 85%,#071f30d4 100%)}
.jc-hero-text{max-width:625px;width:100%;text-align:center;text-shadow:0 2px 8px #0008}
.jc-hero h1{font-size:clamp(38px,3.5vw,55px);font-family:var(--jc-heading-face);font-weight:400;color:var(--jc-heading-gold);letter-spacing:-.025em}
.jc-hero-subtitle{font-size:23px;line-height:1.4!important;color:#fffaf0!important}
.jc-mobile-break{display:none}.jc-hero-description{font-size:17px;line-height:1.65!important;color:#faf7ed!important;max-width:485px;margin:20px auto 25px!important}
.jc-hero .jc-button{text-shadow:none}.jc-section{padding:60px 5%;border-bottom:1px solid var(--jc-line)}
.jc-section-heading{text-align:center;margin:0 auto 35px;max-width:680px}
.jc-section-heading h2{font-size:36px}.jc-section-heading p{color:var(--jc-muted);font-size:17px;line-height:1.5}
.jc-section-heading .jc-divider{margin:16px auto;max-width:140px}
.jc-collection{position:relative;padding:40px 24px 43px;background:radial-gradient(ellipse at 50% 45%,#efdfb834,transparent 65%),linear-gradient(135deg,var(--jc-paper),var(--jc-cream));border-bottom:1px solid var(--jc-line)}
.jc-collection-inner{max-width:820px;margin:auto;display:flex;flex-direction:column;gap:30px;text-align:center}
.jc-collection .jc-section-heading{margin-bottom:0}.jc-collection .jc-section-heading h2{font-size:36px}
.jc-book-shelf{max-width:640px;width:100%;margin:16px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;align-items:start}
.jc-book-tile{text-decoration:none;display:block;min-width:0;position:relative}
.jc-cover-frame{display:block;aspect-ratio:2/3;background:#fbf3df;border-left:2px solid #b9a887;box-shadow:3px 5px 9px #18232b24;overflow:hidden;border-radius:0}
.jc-cover-frame img{width:100%;height:100%;object-fit:contain;box-shadow:none;border:0;transition:filter .18s}
.jc-book-tile:hover .jc-cover-frame img{filter:brightness(1.04)}
.jc-cover-concept{padding:5px 4px;background:#fbf3df}
.jc-book-tile h3{font-size:18px;line-height:1.3;margin-top:18px;letter-spacing:0}
.jc-shelf-badge{position:absolute;top:-31px;left:50%;transform:translateX(-50%);white-space:nowrap;font:10px/1.2 Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase;padding:5px 9px;border:1px solid #b68847;color:#835417;border-radius:16px;background:#fffcf5}
.jc-collection-foot{max-width:550px;margin:0 auto}.jc-collection-foot p{font-size:19px;line-height:1.6;margin:0 0 21px}.jc-quiet{display:block;color:#685d4b;font-size:13px;margin-top:13px}
.jc-pathways{background:#fffcf6}.jc-path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1220px;margin:0 auto}
.jc-path{border:1px solid var(--jc-line);border-radius:4px;overflow:hidden;background:var(--jc-cream);display:flex;flex-direction:column;min-width:0}
.jc-path-media{display:block;height:156px;background:var(--jc-navy);overflow:hidden}.jc-path-media video{width:100%;height:100%;object-fit:cover}
.jc-path-copy{padding:21px 24px 19px;display:flex;flex-direction:column;align-items:flex-start;flex:1}
.jc-path h3{width:100%;text-align:center;font-size:24px;margin:0 0 10px}.jc-path p{font-size:16px;line-height:1.65;color:var(--jc-muted);margin:0 0 9px}.jc-path .jc-text-link{margin-top:auto}
.jc-motion-control{display:block;background:transparent;color:#765327;margin:16px auto 0;padding:8px 12px;min-height:44px;text-decoration:underline;text-underline-offset:4px;font-size:13px!important}
.jc-featured{padding-top:48px;padding-bottom:33px}.jc-post-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;max-width:1220px;margin:auto}.jc-post-card{min-width:0}.jc-post-link{display:block;text-decoration:none}
.jc-post-link>img{width:100%;height:136px;object-fit:cover;border-radius:3px;background:#122b3d0c}.jc-post-copy h3{font-size:20px;margin:14px 0 8px;line-height:1.3}.jc-post-copy time{font-size:13px;color:var(--jc-muted);display:block}.jc-post-read{display:block;color:#845316;font-size:14px;margin-top:7px;min-height:32px}
.jc-all-reading{text-align:center;margin-top:21px}.jc-empty-reading{text-align:center}
.jc-closing{position:relative;isolation:isolate;background:var(--jc-navy);color:#fff8e8;overflow:hidden;padding:90px 5% 45px;min-height:280px;display:flex;align-items:flex-end}
.jc-closing::before{content:'';position:absolute;inset:0;z-index:-2;background:url('../jc/closing-landscape.jpg') center/cover no-repeat}
.jc-closing::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#071f3000,#071f3040 20%,#071f30d9)}
.jc-closing-inner{max-width:1220px;width:100%;margin:auto;display:flex;gap:85px;align-items:center;justify-content:space-between}
.jc-closing blockquote{font-size:27px;font-style:italic;line-height:1.5;max-width:570px;text-shadow:0 2px 6px #000b}
.jc-closing-action{text-align:center}.jc-closing-action p{font-size:16px;line-height:1.5;margin-bottom:20px}.jc-closing .jc-divider{display:none}
.jc-footer{padding:25px 20px 22px;text-align:center;color:#ded9cb;background:var(--jc-navy);border-top:1px solid #a77c4138}
.jc-footer-brand{text-transform:uppercase;letter-spacing:.12em;font-size:15px;text-decoration:none}.jc-footer nav{display:flex;flex-wrap:wrap;gap:2px 24px;justify-content:center;margin:7px 0}.jc-footer nav a{font-size:14px;min-height:44px;display:inline-flex;align-items:center;text-decoration:none}.jc-footer p{font:12px/1.6 Arial,sans-serif;color:#bdc5c8}.jc-footer p a{text-underline-offset:4px}
/* The Books page: three generous rows, with readable text rather than narrow columns. */
.jc-books-intro{max-width:1060px;margin:auto;padding:16px 30px 2px}.jc-back-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:#85581d!important;text-underline-offset:4px;font-size:15px}.jc-books-intro .jc-section-heading{margin:17px auto 23px}.jc-books-intro h1{font-size:49px}.jc-books-intro .jc-section-heading p{font-size:20px}
.jc-book-details{max-width:1020px;padding:0 30px 44px;margin:auto}
.jc-book-detail{display:grid;grid-template-columns:230px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:46px;row-gap:17px;padding:42px 0;border-bottom:1px solid var(--jc-line);scroll-margin-top:24px;align-items:start}
.jc-book-detail:last-child{border-bottom:0}.jc-detail-cover{grid-column:1;grid-row:1/span 2;width:100%}.jc-detail-heading{grid-column:2;grid-row:1}.jc-detail-copy{grid-column:2;grid-row:2}
.jc-detail-heading h2{font-size:33px;line-height:1.18;margin:0 0 10px}.jc-book-subtitle{color:var(--jc-gold)!important;font-size:21px;line-height:1.4!important}
.jc-detail-copy p{font-size:18px;color:var(--jc-muted);line-height:1.7;margin:0 0 16px}.jc-detail-copy .jc-button{margin-top:4px}
.jc-badge{display:inline-block;padding:5px 10px;border:1px solid #b78948;border-radius:20px;font:11px/1.2 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#835417;margin:0 0 12px}
.jc-detail-copy p.jc-publication-note{font:12px/1.6 Arial,sans-serif;color:#716b60;margin-top:15px}
@media(min-width:1500px){.jc-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.jc-hero-copy{padding-right:8%}.jc-hero-scene{max-height:640px}.jc-hero-video{object-position:50% 0%}}
@media(max-width:1100px){.jc-header-inner{padding:0 24px;gap:12px;min-height:68px}.jc-brand{font-size:18px}.jc-site .nav{gap:5px 15px}.jc-site .nav a{font-size:14px}.jc-hero-copy{padding:45px 26px 45px 15px}.jc-hero h1{font-size:37px}.jc-hero-subtitle{font-size:20px}.jc-hero-description{font-size:16px}.jc-hero,.jc-hero-scene{min-height:515px}.jc-path-grid{gap:17px}.jc-path-copy{padding:19px}.jc-path h3{font-size:22px}.jc-post-grid{gap:19px}.jc-book-detail{grid-template-columns:200px 1fr;column-gap:32px}}
@media(max-width:900px){.jc-desktop-nav{display:none}.jc-mobile-menu{display:block;position:relative}.jc-mobile-menu>summary{width:44px;height:44px;list-style:none;display:grid;place-items:center}.jc-mobile-menu>summary::-webkit-details-marker{display:none}.jc-mobile-nav{position:absolute;top:55px;right:-10px;width:min(320px,calc(100vw - 30px));padding:17px 22px;background:var(--jc-paper);border:1px solid var(--jc-line);box-shadow:0 12px 28px #0921312a;border-radius:3px;color:var(--jc-ink)}.jc-mobile-nav .nav{display:flex;flex-direction:column;align-items:stretch;gap:0}.jc-mobile-nav .nav a{padding:6px 0;font-size:17px;min-height:44px}.jc-member-nav{border-top:1px solid var(--jc-line);margin-top:8px;padding-top:8px;display:flex;gap:22px}.jc-member-nav a{font-size:15px;min-height:44px;display:inline-flex;align-items:center;text-decoration:none}.jc-site .jc-mobile-nav .nav a[aria-current="page"]::after{display:none}.jc-post-grid{grid-template-columns:repeat(2,1fr);row-gap:23px}.jc-path-grid{gap:14px}.jc-path-copy{padding:16px}.jc-path h3{font-size:21px}.jc-path p,.jc-path .jc-text-link{font-size:15px}.jc-closing-inner{gap:45px}.jc-closing blockquote{font-size:23px}}
@media(max-width:700px){
 .jc-header-inner{min-height:64px;padding:0 19px}.jc-brand{font-size:15px;letter-spacing:.09em;gap:8px}.jc-header-actions{gap:0}.jc-search{width:38px}.jc-mobile-menu>summary{width:38px}.jc-mobile-nav{top:52px;right:0}
 .jc-hero{display:flex;flex-direction:column;min-height:calc(100svh - 64px)}
 .jc-hero-scene{min-height:0;height:clamp(225px,36svh,320px);flex-shrink:0;width:100%;background-position:center top}
 .jc-hero-video{object-position:50% 0%}.jc-hero-scene::after{background:linear-gradient(180deg,transparent 70%,var(--jc-navy))}
 .jc-video-control{right:17px;bottom:22px}
 .jc-hero-copy{flex:1;min-height:390px;padding:24px 23px 36px;margin-top:-1px}
 .jc-hero-copy::before{background:linear-gradient(180deg,var(--jc-navy),#071f30c4 16%,#071f30b0 77%,#071f30ce)}
 .jc-wisdom-detail{object-position:45% 46%;opacity:.9}.jc-hero-art img.jc-digital-detail{width:110%;right:-32%;opacity:.5}
 .jc-hero h1{font-size:34px;line-height:1.13}.jc-hero-subtitle{font-size:20px;line-height:1.35!important}.jc-mobile-break{display:block}.jc-hero-description{font-size:16px;line-height:1.55!important;max-width:390px;margin:18px auto 22px!important}.jc-hero .jc-divider{margin:17px auto;width:190px}.jc-hero .jc-button{min-height:47px}
 .jc-collection{min-height:100svh;padding:34px 20px;display:flex;align-items:center}
 .jc-collection::before{content:'';position:absolute;inset:16px;border-top:1px solid #caaa713b;border-bottom:1px solid #caaa713b;pointer-events:none}
 .jc-collection-inner{min-height:calc(100svh - 68px);width:100%;gap:35px;justify-content:space-around}
 .jc-collection .jc-section-heading{max-width:370px}.jc-collection .jc-section-heading h2{font-size:33px}.jc-section-heading p{font-size:16px}
 .jc-book-shelf{max-width:505px;gap:12px;margin:25px auto 0}.jc-book-tile h3{font-size:14px;line-height:1.3;margin-top:17px;min-height:56px}
 .jc-shelf-badge{font-size:9px;top:-30px;padding:5px 8px}.jc-cover-concept{padding:4px 3px}.jc-cover-frame{box-shadow:2px 4px 8px #18232b24}
 .jc-collection-foot p{font-size:17px;line-height:1.65;margin-bottom:22px}.jc-collection-foot .jc-button{min-height:48px}
 .jc-section{padding:37px 22px}.jc-section-heading{margin-bottom:26px}.jc-section-heading h2{font-size:29px;max-width:360px;margin:auto;line-height:1.18}
 .jc-path-grid{grid-template-columns:1fr;gap:19px;max-width:470px}.jc-path-media{height:139px}.jc-path-copy{padding:18px 20px 16px}.jc-path h3{font-size:24px}.jc-path p{font-size:16px;line-height:1.55}.jc-path .jc-text-link{font-size:16px}
 .jc-motion-control{margin-top:10px}.jc-post-grid{grid-template-columns:1fr;gap:0}.jc-post-card{padding:14px 0;border-bottom:1px solid var(--jc-line)}.jc-post-link{display:grid;grid-template-columns:100px minmax(0,1fr);align-items:center;gap:16px}.jc-post-link>img{width:100px;height:79px}.jc-post-copy h3{font-size:18px;line-height:1.25;margin:0 0 5px;text-wrap:pretty}.jc-post-copy time{font-size:12px}.jc-post-read{font-size:13px;margin-top:5px;min-height:0}.jc-all-reading{margin-top:16px}
 .jc-closing{display:block;padding:180px 25px 32px;min-height:420px}.jc-closing::before{background-size:auto 230px;background-position:top center}.jc-closing::after{background:linear-gradient(180deg,transparent 85px,#071f3040 140px,var(--jc-navy) 245px)}.jc-closing-inner{display:block;text-align:center}.jc-closing blockquote{font-size:24px;max-width:435px;margin:auto}.jc-closing .jc-divider{display:flex;margin:19px auto}.jc-closing-action p{font-size:16px}.jc-desktop-break{display:none}
 .jc-footer{padding:23px 18px}.jc-footer nav{gap:0 20px}
 .jc-books-intro{padding:11px 22px 0}.jc-books-intro .jc-section-heading{margin-top:14px;margin-bottom:11px}.jc-books-intro h1{font-size:40px}.jc-books-intro .jc-section-heading p{font-size:18px;line-height:1.5}
 .jc-book-details{padding:0 22px 23px}.jc-book-detail{grid-template-columns:115px minmax(0,1fr);gap:22px 20px;padding:32px 0;align-items:center}
 .jc-detail-cover{grid-row:1;grid-column:1}.jc-detail-heading{grid-row:1;grid-column:2}.jc-detail-copy{grid-row:2;grid-column:1/-1}
 .jc-detail-heading h2{font-size:23px;line-height:1.16;margin-bottom:10px}.jc-book-subtitle{font-size:16px;line-height:1.45!important}.jc-detail-copy p{font-size:17px;line-height:1.65;margin-bottom:15px}.jc-detail-copy .jc-button{font-size:16px}.jc-badge{font-size:10px;margin-bottom:9px}.jc-detail-copy p.jc-publication-note{font-size:12px}
}
@media(max-width:359px){.jc-header-inner{padding:0 13px}.jc-brand{font-size:13.5px;letter-spacing:.06em;gap:6px}.jc-search{width:32px}.jc-hero h1{font-size:30px}.jc-hero-copy{padding-left:18px;padding-right:18px}.jc-hero-subtitle{font-size:18px}.jc-hero-description{font-size:15px}.jc-collection{padding-left:16px;padding-right:16px}.jc-book-shelf{gap:9px}.jc-book-tile h3{font-size:13px}.jc-book-detail{grid-template-columns:99px 1fr;column-gap:15px}.jc-detail-heading h2{font-size:21px}.jc-book-subtitle{font-size:15px}.jc-section,.jc-book-details{padding-left:18px;padding-right:18px}.jc-collection-foot p{font-size:16px}}
@media(max-height:700px) and (max-width:700px){.jc-hero-scene{height:210px}.jc-hero-copy{min-height:380px;padding-top:17px;padding-bottom:29px}.jc-collection-inner{gap:28px}.jc-collection{padding-top:29px;padding-bottom:29px}.jc-collection-foot p{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){.jc-site *{scroll-behavior:auto!important;transition:none!important}.jc-button:hover{transform:none}}
/* Keep inherited article blockquote decoration out of the closing banner. */
.jc-closing blockquote{border:0;padding:0;background:none;box-shadow:none}
.jc-closing blockquote::before,.jc-closing blockquote::after{content:none}
@media(min-width:701px){
 .jc-closing{min-height:310px;padding:70px 5% 38px}
 .jc-closing::before{inset:0 12%;background-size:cover;background-position:center;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}
 .jc-closing::after{background:linear-gradient(180deg,#071f3010,#071f3033 35%,#071f30d9)}
}


/* 1.2.2: original copy; four on-page shortcuts; matching covers; compact pathways. */
.jc-hero-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;max-width:355px;margin:19px auto 0;text-shadow:none}
/* Quiet link styling with a generous, invisible tap target. */
.jc-hero .jc-hero-shortcut{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:8px 6px;font-size:15px;line-height:1.4;font-weight:400;color:var(--jc-gold-light);background:none;border:0;border-radius:0;box-shadow:none;text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:#f4d79d80;text-underline-offset:5px;transition:color .18s,text-decoration-color .18s}
.jc-hero .jc-hero-shortcut:hover{color:#fff9ec;text-decoration-color:currentColor}
.jc-hero .jc-hero-motto{font-family:var(--jc-heading-face);font-weight:400;font-size:24px;line-height:1.4;letter-spacing:-.025em;color:var(--jc-heading-gold);max-width:520px;margin:0 auto;text-wrap:balance}
.jc-hero-description{max-width:520px}
.jc-site [id^="jc-"]{scroll-margin-top:20px}
.jc-site .jc-collection:focus,.jc-site .jc-path:focus{outline:none}
.jc-site .jc-path:focus-visible{outline:2px solid #aa742a;outline-offset:5px}
.jc-cover-frame{aspect-ratio:2/3;padding:0;border:0;border-radius:0;background:#fff7e1;box-shadow:0 5px 11px #18232b29}
.jc-cover-frame img{width:100%;height:100%;object-fit:contain;padding:0;border:0;border-radius:0}
.jc-cover-concept{padding:0}
.jc-path-link{display:flex;flex-direction:column;flex:1;text-decoration:none;min-height:100%}
.jc-path-short{display:none}
.jc-path-link:hover h3{color:#845316}
.jc-path-link:focus-visible{outline-offset:-4px!important}
.jc-detail-heading h1{font-size:38px;line-height:1.16;margin:0 0 13px}
.jc-single-book .jc-detail-copy{grid-column:2;grid-row:2}
.jc-single-book .jc-book-detail{padding-top:22px}
.jc-book-actions{margin-top:24px}
.jc-back-to-collection{padding-top:22px;border-top:1px solid var(--jc-line)}
.jc-editor-content{display:block;max-width:100%;font-family:inherit}
.jc-editor-content h2,.jc-editor-content h3{margin:24px 0 12px}
.jc-editor-content img{max-width:100%;height:auto}
.jc-editor-content .kg-width-wide,.jc-editor-content .kg-width-full{max-width:100%;width:100%;margin-left:0;margin-right:0}
@media(max-width:1100px) and (min-width:701px){
 .jc-hero,.jc-hero-scene{min-height:580px}
 .jc-hero-copy{padding:35px 24px}
 .jc-hero h1{font-size:34px}
}
@media(max-width:700px){
 .jc-hero-scene{height:clamp(240px,31svh,290px);background-position:center top}.jc-hero-video{object-position:50% 0%}
 .jc-hero-copy{min-height:0;padding:25px 22px 30px}
 .jc-hero-description{font-size:16px;line-height:1.6!important;margin:15px auto 0!important}
 .jc-hero-shortcuts{gap:0 12px;max-width:335px;margin-top:17px}
 .jc-hero .jc-hero-shortcut{font-size:14px;min-height:44px;padding:8px 4px}
 .jc-hero .jc-hero-motto{font-size:20px;line-height:1.4;max-width:350px}
 .jc-hero h1{font-size:34px;line-height:1.15}
 .jc-hero .jc-divider{margin:16px auto}
 .jc-collection{min-height:0;padding:36px 18px 32px}
 .jc-collection-inner{min-height:0;gap:26px;justify-content:flex-start}
 .jc-book-shelf{gap:13px;margin-top:19px;max-width:505px}
 .jc-book-tile h3{font-size:15px;line-height:1.3;margin-top:14px;min-height:58px}
 .jc-collection-foot p{font-size:17px;line-height:1.5;margin-bottom:17px}
 .jc-quiet{font-size:12px;margin-top:10px}
 .jc-section.jc-pathways{padding:30px 15px 18px}
 .jc-pathways .jc-section-heading{margin-bottom:22px}
 .jc-pathways .jc-section-heading h2{font-size:27px;max-width:340px}
 .jc-pathways .jc-section-heading p{font-size:15px}
 .jc-path-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-width:none}
 .jc-path{border-radius:2px}
 .jc-path-media{height:auto;aspect-ratio:1.3;flex-shrink:0}
 .jc-path-copy{padding:11px 8px 8px}
 .jc-path h3{font-size:16px;line-height:1.15;min-height:38px;margin:0 0 8px;letter-spacing:-.025em;text-wrap:initial}
 .jc-path-full{display:none}
 .jc-path-short{display:block}
 .jc-path p.jc-path-short{font-size:13px;line-height:1.4;margin-bottom:7px}
 .jc-path .jc-text-link{font-size:13px;gap:6px;min-height:44px;line-height:1.25;flex-wrap:nowrap}
 .jc-motion-control{font-size:12px!important;min-height:44px;margin:8px auto 0}
 .jc-single-book .jc-detail-copy{grid-column:1/-1;grid-row:2}
 .jc-detail-heading h1{font-size:24px;line-height:1.18}
}
@media(max-width:359px){
 .jc-hero h1{font-size:30px}
 .jc-hero-copy{padding-left:18px;padding-right:18px}
 .jc-hero .jc-hero-shortcut{font-size:13px}
 .jc-hero .jc-hero-motto{font-size:18px}
 .jc-hero-description{font-size:15px}
 .jc-path-grid{gap:6px}
 .jc-section.jc-pathways{padding-left:10px;padding-right:10px}
 .jc-path-copy{padding-left:6px;padding-right:6px}
 .jc-path h3{font-size:15px;letter-spacing:-.035em}
 .jc-path p.jc-path-short{display:none}
 .jc-path .jc-text-link{font-size:12px;gap:3px}
 .jc-book-shelf{gap:9px}
 .jc-book-tile h3{font-size:13px}
 .jc-detail-heading h1{font-size:21px}
}

/* 1.2.5: aligned pathway titles/actions and a more prominent gold statement. */
.jc-path .jc-text-link{align-self:center;justify-content:center;text-align:center}
.jc-pathways .jc-pathways-statement{max-width:780px;margin:34px auto 0;text-align:center;font-family:var(--jc-heading-face);font-size:34px;font-weight:400;line-height:1.25;letter-spacing:-.025em;text-wrap:balance;color:var(--jc-ink)}
.jc-pathways .jc-motion-control{margin:12px auto 0}
@media(max-width:700px){
 .jc-pathways .jc-pathways-statement{max-width:350px;margin-top:26px;font-size:26px}
 .jc-pathways .jc-motion-control{margin-top:10px}
}
@media(max-width:359px){
 .jc-pathways .jc-pathways-statement{font-size:23px}
}

/* Smaller source on mobile; identical composition, with the existing layout retained. */
@media(max-width:700px){
 .jc-closing::before{background-image:url('../jc/closing-landscape-mobile.jpg')}
}

/* 1.2.7: original publication monogram and independently centred name.
   Equal outer grid tracks keep the name centred even when the controls are wider
   than the small mark. Desktop links have their own centred navigation row. */
.jc-header-inner{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  column-gap:12px;
  row-gap:0;
  min-height:0;
  padding-top:4px;
  padding-bottom:4px;
}
.jc-monogram-link{
  grid-column:1;grid-row:1;justify-self:start;
  width:44px;height:52px;display:flex;align-items:center;justify-content:flex-start;
  text-decoration:none;
}
.jc-monogram{display:block;width:28px;height:28px;object-fit:contain}
.jc-header .jc-brand{
  grid-column:2;grid-row:1;justify-self:center;
  display:flex;align-items:center;justify-content:center;
  min-height:52px;min-width:0;max-width:100%;gap:0;text-align:center;
}
.jc-header .jc-brand-name{
  display:block;max-width:none;overflow:visible;text-overflow:clip;
  white-space:nowrap;text-align:center;
}
.jc-header-actions{grid-column:3;grid-row:1;justify-self:end;flex-shrink:0}
.jc-desktop-nav{grid-column:1/-1;grid-row:2;justify-self:center;margin:0}
.jc-desktop-nav .nav{justify-content:center}
.jc-desktop-nav .nav a{min-height:38px}
@media(max-width:900px){
  .jc-header-inner{grid-template-rows:56px;padding-top:4px;padding-bottom:4px}
  .jc-header .jc-brand{min-height:44px}
  .jc-monogram-link{height:44px}
  .jc-monogram{width:25px;height:25px}
}
@media(max-width:700px){
  .jc-header-inner{padding-left:14px;padding-right:14px;column-gap:6px}
  .jc-header .jc-brand{font-size:clamp(13px,3.7vw,18px);letter-spacing:.065em}
  .jc-header .jc-brand-name{letter-spacing:inherit}
  .jc-monogram{width:24px;height:24px}
  .jc-header .jc-search,.jc-header .jc-mobile-menu>summary{width:34px;height:44px}
  .jc-header-actions{gap:0}
}
@media(max-width:359px){
  .jc-header-inner{padding-left:10px;padding-right:10px;column-gap:4px}
  .jc-header .jc-brand{font-size:13px;letter-spacing:.045em}
  .jc-monogram{width:22px;height:22px}
  .jc-header .jc-search,.jc-header .jc-mobile-menu>summary{width:30px}
}
/* Lock the top edge of both the still and moving hero at every breakpoint.
   object-fit:cover can trim the lower water or side margins, never the top. */
.jc-hero-scene{background-position:center top}
.jc-hero-video{object-position:50% 0%}

/* 1.2.10: the framed statement introduces the work after the book collection.
   Preserve the approved dark serif treatment and the existing divider motif. */
.jc-pathways .jc-work-transition{max-width:820px;margin:0 auto 38px;text-align:center}
.jc-pathways .jc-work-transition .jc-divider{width:72%;max-width:310px;margin:18px auto}
.jc-pathways .jc-work-transition .jc-divider:first-child{margin-top:0}
.jc-pathways .jc-work-transition .jc-divider:last-child{margin-bottom:0}
.jc-pathways .jc-work-transition .jc-pathways-statement{margin:0 auto;color:var(--jc-ink);font-weight:700}
/* Longer agreed quotes are allowed to wrap; neither the quote nor action clips. */
.jc-closing .jc-quote{min-width:0;overflow-wrap:break-word}
.jc-closing-action{min-width:0}
@media(min-width:701px){
 .jc-closing-inner>.jc-quote{flex:1 1 570px}
 .jc-closing-action{flex:0 1 350px}
}
@media(max-width:700px){
 .jc-pathways .jc-work-transition{margin-bottom:30px}
 .jc-pathways .jc-work-transition .jc-divider{max-width:220px;margin:16px auto}
 .jc-pathways .jc-work-transition .jc-divider:first-child{margin-top:0}
 .jc-pathways .jc-work-transition .jc-divider:last-child{margin-bottom:0}
}

/* 1.2.11: self-contained closing components.
   A page's editor HTML can close an outer layout wrapper. The closing banner
   and footer must not lose their background/contrast/type when that happens.
   Local tokens deliberately match the approved .jc-site tokens; no change to
   the image, quotation, destination, sizing or normal document-flow layout. */
.jc-closing,.jc-footer{
 --jc-navy:#071f30;
 --jc-heading-face:Georgia,'Times New Roman',serif;
 font-family:var(--jc-heading-face);
 font-size:17px;
 line-height:1.6;
 -webkit-text-size-adjust:100%;
 background-color:var(--jc-navy,#071f30);
}
.jc-closing,.jc-closing *,.jc-closing *::before,.jc-closing *::after,
.jc-footer,.jc-footer *,.jc-footer *::before,.jc-footer *::after{box-sizing:border-box}
.jc-closing{
 height:auto;
 max-height:none;
 min-width:0;
 color:#fff8e8;
}
.jc-closing .jc-quote{
 margin:0;
 padding:0;
 font-family:var(--jc-heading-face);
 font-weight:400;
 color:inherit;
}
.jc-closing-action p{
 margin:0 0 20px;
 font-family:var(--jc-heading-face);
 color:inherit;
}
.jc-closing a,.jc-footer a{color:inherit}
.jc-footer{color:#ded9cb}
.jc-footer p{margin:0}
.jc-closing a:focus-visible,.jc-footer a:focus-visible{
 outline:3px solid #bd8a37;
 outline-offset:5px;
}
@media(max-width:700px){
 .jc-closing .jc-quote{margin-inline:auto}
}

/* 1.2.12: reader offer first, exact supplied introduction, matched section type,
   two upcoming-book choices and a Biography link in the shared footer.
   Preserve the self-contained closing/footer repair from 1.2.11 above. */
.jc-hero .jc-hero-description-lead{margin:20px auto 0!important}
.jc-hero .jc-hero-description-lead strong{font-weight:700}
.jc-hero .jc-hero-description-body{margin:12px auto 0!important}
/* The longer, supplied copy must determine the hero's height, not be clipped. */
.jc-hero-scene{max-height:none}
/* Match The Books heading at both desktop and mobile sizes. */
.jc-collection .jc-section-heading h2,
.jc-pathways .jc-work-transition .jc-pathways-statement{
 font-family:var(--jc-heading-face);
 font-size:36px;
 font-weight:400;
 line-height:1.15;
 letter-spacing:-.018em;
 color:var(--jc-ink);
 text-wrap:balance;
}
.jc-architecture-actions{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center}
.jc-architecture-actions .jc-button{margin-top:0}
.jc-publication-enquiry{max-width:100%;line-height:1.45}
.jc-footer-biography{display:flex;justify-content:center;margin:2px 0 0}
.jc-footer-biography a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:4px 12px;font-size:14px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:700px){
 .jc-collection .jc-section-heading h2,
 .jc-pathways .jc-work-transition .jc-pathways-statement{font-size:33px}
 .jc-hero .jc-hero-description-lead{margin-top:16px!important}
 .jc-architecture-actions{flex-direction:column;align-items:flex-start;gap:8px}
}

/* 1.2.13: agreed landing-page copy, reading transition and multi-row feed.
   Everything below is scoped to the homepage; inner-page styling is unchanged. */
.jc-home .jc-hero h1{font-size:clamp(28px,3.5vw,54px);line-height:1.16}
.jc-home .jc-hero h1>span{display:block}
.jc-home .jc-hero .jc-hero-support{max-width:540px;margin:22px auto 0!important;font-size:18px;line-height:1.55!important;text-wrap:pretty}
.jc-home .jc-hero-support>span{display:block}
.jc-home .jc-hero-support>span+span{margin-top:12px}
.jc-home .jc-hero-shortcuts{margin-top:23px}
.jc-home .jc-path p.jc-path-full{display:block}
.jc-home .jc-path h3{min-height:2.3em;display:flex;align-items:flex-start;justify-content:center}
.jc-home .jc-featured{padding-top:30px}
.jc-home .jc-featured .jc-work-transition{max-width:820px;margin:0 auto 36px;text-align:center}
.jc-home .jc-featured .jc-work-transition .jc-divider{width:72%;max-width:310px;margin:18px auto}
.jc-home .jc-featured .jc-work-transition .jc-divider:first-child{margin-top:0}
.jc-home .jc-featured .jc-work-transition .jc-divider:last-child{margin-bottom:0}
.jc-home .jc-featured .jc-pathways-statement{margin:0 auto;font-family:var(--jc-heading-face);font-size:36px;font-weight:400;line-height:1.15;letter-spacing:-.018em;color:var(--jc-ink);text-wrap:balance}
.jc-home .jc-featured .jc-post-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px;align-items:stretch}
.jc-home .jc-featured .jc-post-card{display:flex;min-width:0;padding:0;border:0}
.jc-home .jc-featured .jc-post-link{display:flex;flex-direction:column;width:100%;height:100%;min-width:0}
.jc-home .jc-featured .jc-post-link>img{width:100%;height:auto;aspect-ratio:5/3;object-fit:cover;flex-shrink:0}
.jc-home .jc-featured .jc-post-copy{display:flex;flex-direction:column;flex:1;min-width:0}
.jc-home .jc-featured .jc-post-copy h3{font-size:20px;line-height:1.3;margin:14px 0 10px;overflow-wrap:break-word}
.jc-home .jc-featured .jc-post-copy time{margin-top:auto}
.jc-home .jc-featured .jc-post-read{margin-top:6px;min-height:32px}
@media(min-width:701px) and (max-width:1100px){
 .jc-home .jc-featured .jc-post-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}
}
@media(max-width:700px){
 .jc-home .jc-hero{min-height:0}
 .jc-home .jc-hero-copy{flex:initial;min-height:0;padding:28px 22px 26px}
 .jc-home .jc-hero h1{font-size:clamp(25px,7.7vw,42px)}
 .jc-home .jc-hero .jc-hero-support{margin-top:18px!important;font-size:16px;line-height:1.6!important}
 .jc-home .jc-hero-support>span+span{margin-top:10px}
 .jc-home .jc-hero-shortcuts{margin-top:18px}
 .jc-home .jc-path h3{font-size:clamp(12px,3.4vw,16px);line-height:1.2;letter-spacing:-.025em;min-height:2.4em}
 .jc-home .jc-path p.jc-path-full{font-size:13px;line-height:1.45;overflow-wrap:break-word;margin-bottom:9px}
 .jc-home .jc-path .jc-text-link{white-space:nowrap}
 .jc-home .jc-featured{padding-top:24px}
 .jc-home .jc-featured .jc-work-transition{margin-bottom:30px}
 .jc-home .jc-featured .jc-pathways-statement{font-size:33px}
 .jc-home .jc-featured .jc-work-transition .jc-divider{max-width:220px;margin:16px auto}
 .jc-home .jc-featured .jc-work-transition .jc-divider:first-child{margin-top:0}
 .jc-home .jc-featured .jc-work-transition .jc-divider:last-child{margin-bottom:0}
 .jc-home .jc-featured .jc-post-grid{grid-template-columns:minmax(0,1fr);gap:0}
 .jc-home .jc-featured .jc-post-card{padding:16px 0;border-bottom:1px solid var(--jc-line)}
 .jc-home .jc-featured .jc-post-link{display:grid;grid-template-columns:minmax(0,116px) minmax(0,1fr);align-items:start;gap:16px;height:auto}
 .jc-home .jc-featured .jc-post-copy h3{font-size:18px;line-height:1.3;margin:0 0 6px;text-wrap:pretty}
 .jc-home .jc-featured .jc-post-copy time{font-size:12px;margin-top:0}
 .jc-home .jc-featured .jc-post-read{font-size:13px;min-height:24px;margin-top:6px}
}
@media(max-width:359px){
 .jc-home .jc-hero-copy{padding-left:18px;padding-right:18px}
 .jc-home .jc-hero .jc-hero-support{font-size:15px}
 .jc-home .jc-featured .jc-post-link{grid-template-columns:96px minmax(0,1fr);gap:13px}
 .jc-home .jc-featured .jc-post-copy h3{font-size:17px}
}

/* 1.2.14: equal headline lines, review explanation, distinct proposition,
   shorter phone artwork panel, and an understated site-wide footer signature. */
.jc-home .jc-hero h1{font-size:clamp(26px,2.75vw,46px);font-weight:400;line-height:1.18;text-align:center}
.jc-home .jc-hero h1>span{display:block;font:inherit;line-height:inherit;letter-spacing:inherit;text-align:inherit}
.jc-home .jc-hero .jc-hero-explanation{max-width:540px;margin:20px auto 0!important;font-size:17px;line-height:1.6!important;font-weight:400;text-wrap:pretty}
.jc-home .jc-hero-explanation :is(strong,b){font-weight:inherit}
.jc-home .jc-hero .jc-hero-proposition{max-width:570px;margin:23px auto 19px;font-size:20px;line-height:1.45;font-weight:700;color:#fff8e8;text-wrap:balance}
.jc-home .jc-hero-proposition strong{font-weight:700}
.jc-home .jc-hero-shortcuts{margin-top:10px}
.jc-home .jc-featured{padding-top:36px}

@media(max-width:700px){
 .jc-home .jc-hero-scene{height:clamp(197px,25.42svh,238px);min-height:56vw}
 .jc-home .jc-hero-video{object-position:50% 0%}
 .jc-home .jc-hero-copy{padding:26px 22px 24px}
 .jc-home .jc-hero h1{font-size:clamp(24px,6.8vw,38px);line-height:1.18}
 .jc-home .jc-hero .jc-hero-explanation{font-size:16px;line-height:1.6!important;margin-top:18px!important}
 .jc-home .jc-hero .jc-hero-proposition{font-size:19px;line-height:1.45;margin:21px auto 16px}
 .jc-home .jc-hero-shortcuts{margin-top:9px}
 .jc-home .jc-featured{padding-top:28px}
 
}
@media(max-width:430px){.jc-home .jc-hero-proposition span{display:block}}
@media(max-width:359px){
 .jc-home .jc-hero-copy{padding-inline:18px}
 .jc-home .jc-hero .jc-hero-explanation{font-size:15px}
 .jc-home .jc-hero .jc-hero-proposition{font-size:18px}
}

/* 1.2.15: the shared closing signature is a statement, not an italic quotation.
   The image, navy backing and natural content-height sizing remain unchanged. */
.jc-closing .jc-closing-statement{
 margin:0;padding:0;border:0;background:none;box-shadow:none;
 min-width:0;max-width:620px;
 font-family:var(--jc-heading-face,Georgia,'Times New Roman',serif);
 font-size:clamp(28px,2.65vw,38px);font-weight:400;font-style:normal;
 line-height:1.2;letter-spacing:-.018em;text-wrap:balance;
 color:#fff8e8;text-shadow:0 2px 8px #000b;overflow-wrap:break-word;
}
.jc-closing .jc-closing-statement::before,
.jc-closing .jc-closing-statement::after{content:none}
@media(min-width:701px){.jc-closing-inner>.jc-closing-statement{flex:1 1 570px}}
@media(max-width:700px){
 .jc-closing .jc-closing-statement{font-size:28px;max-width:440px;margin-inline:auto;text-align:center}
}
@media(max-width:359px){.jc-closing .jc-closing-statement{font-size:26px}}

/* 1.2.21: show the author-written excerpts in Featured Reading.
   Keep the existing grid, card destinations, image proportions and date alignment.
   Do not clamp or hide an author's custom excerpt. */
.jc-home .jc-featured .jc-post-copy .jc-post-excerpt{
 display:block;max-width:100%;margin:0 0 14px;
 font-family:inherit;font-size:16px;font-weight:400;line-height:1.55;
 color:var(--jc-muted);white-space:normal;overflow-wrap:break-word;
 overflow:visible;text-overflow:clip;height:auto;max-height:none;
 -webkit-line-clamp:unset;line-clamp:unset;
}
.jc-home .jc-featured .jc-post-copy .jc-post-excerpt:empty{display:none}
@media(max-width:700px){
 .jc-home .jc-featured .jc-post-copy .jc-post-excerpt{font-size:14px;line-height:1.55;margin:2px 0 10px}
}