:root{--ink:#172536;--muted:#647386;--paper:#f3f7fa;--white:#fff;--line:#cfdae3;--sand:#dce8f0;--athens-blue:#244f6c;--athens-sky:#86b5c8;--athens-gold:#c8aa73}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:inherit}.announcement{height:44px;background:#9eb2b0;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.88rem;letter-spacing:.06em;text-align:center}.site-header{height:82px;display:flex;align-items:center;padding:0 5vw;background:#455d61;border-bottom:3px solid #bca879;position:relative;z-index:20}.wordmark{display:flex;align-items:center;gap:.85rem;color:#fff!important;font-weight:700;letter-spacing:.18em;text-decoration:none}.monogram{width:46px;height:46px;border:1px solid rgba(255,255,255,.65);display:grid;place-items:center;font-family:Georgia,serif;font-weight:400;letter-spacing:.05em;color:#fff}.site-header nav{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:1.15rem;white-space:nowrap}.site-header nav a{text-decoration:none;font-size:.94rem;letter-spacing:.08em;text-transform:uppercase;color:#fff!important;padding:.45rem .65rem;border-bottom:1px solid transparent}.site-header nav a:hover{border-bottom-color:#d8bd88}.menu{display:none;margin-left:auto;background:none;border:0;font:inherit}.art-hero{position:relative;width:100%;height:clamp(300px,38vw,520px);min-height:300px;overflow:hidden;background:#c9d8e3}.art-hero img{width:100%;height:100%;object-fit:cover;object-position:center 48%;display:block}.art-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.03),rgba(0,0,0,.12));pointer-events:none}.athens-overlay{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;width:min(900px,90%);text-shadow:0 2px 14px rgba(0,0,0,.75)}.athens-overlay h1{font-size:clamp(2.7rem,4.6vw,4.8rem);line-height:1;margin:0 0 .7rem;letter-spacing:-.025em}.athens-overlay p{font-family:Arial,Helvetica,sans-serif;font-size:clamp(1rem,1.55vw,1.5rem);letter-spacing:.04em;margin:0 0 1.8rem}.athens-overlay a{display:inline-block;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.9);padding:.75rem 1.4rem;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;background:rgba(31,43,44,.34)}.athens-overlay a:hover{background:rgba(31,43,44,.65)}.art-hero:before{content:"";position:absolute;inset:0;background:rgba(21,31,32,.19);z-index:1;pointer-events:none}.art-caption{position:absolute;right:2rem;bottom:1.3rem;color:#fff;font:12px Arial,sans-serif;letter-spacing:.06em;text-shadow:0 1px 4px #000;z-index:2}.intro{padding:7.5rem 9vw 8.5rem;text-align:center}.eyebrow,.meta{font-size:.7rem;letter-spacing:.19em;font-weight:700;color:var(--muted)}h1,h2,h3,blockquote{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1{font-size:clamp(3.3rem,6.2vw,6.9rem);line-height:.96;letter-spacing:-.04em;margin:.22em auto;max-width:1100px}.lede{font-family:Georgia,serif;font-size:1.25rem;max-width:760px;margin:1.8rem auto;color:#536477}.actions{display:flex;justify-content:center;align-items:center;gap:1.7rem;margin-top:2.3rem}.button{display:inline-block;background:var(--ink);color:white;text-decoration:none;padding:.9rem 1.35rem;font-size:.82rem;letter-spacing:.05em}.button.outline{background:transparent;color:var(--ink);border:1px solid var(--ink)}.text-link{text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:.15rem}.section{padding:8.5rem 6vw}.section-head{max-width:850px;margin-bottom:4rem}.section-head h2,.story h2,.media h2{font-size:clamp(2.5rem,4.4vw,4.8rem);line-height:1.05;letter-spacing:-.03em;margin:.2em 0}.books{background:#fff}.book-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5vw}.cover{aspect-ratio:2/3;margin-bottom:2rem;display:grid;place-items:center;text-align:center;padding:1.5rem;font-family:Georgia,serif;font-size:1.35rem}.acp{background:linear-gradient(#9fb0a0,#d7c9a5)}.banking{background:#202020;color:#eee}.antifragile{background:#e9e5dc}.book-card h3{font-size:1.65rem;line-height:1.15;margin:.4rem 0}.book-card p:not(.meta){color:var(--muted)}.story{display:grid;grid-template-columns:1.05fr .95fr;min-height:760px;background:var(--paper)}.story-image{min-height:650px}.placeholder{background:#d6e2ea;display:grid;place-items:center;color:#607284}.story-copy{padding:8vw;align-self:center}.story-copy p{max-width:650px}.perspective{padding:10rem 10vw;text-align:center;background:#183149;color:#f3f7fa}.perspective .eyebrow{color:#a9bbc9}.perspective blockquote{font-size:clamp(2.8rem,5.2vw,5.8rem);line-height:1.06;max-width:1100px;margin:.4em auto}.perspective>p:last-child{font-family:Georgia,serif;color:#c8d6e0;max-width:720px;margin:2rem auto}.writing-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.writing-grid article{padding:2.5rem 3rem 2.5rem 0;border-bottom:1px solid var(--line)}.writing-grid article+article{padding-left:3rem;border-left:1px solid var(--line)}.writing-grid h3{font-size:2rem;margin:.25rem 0}.writing-grid p:last-child{color:var(--muted)}.life-strip{display:grid;grid-template-columns:1.3fr 1fr 1fr;height:430px}.life-strip>div+div{border-left:4px solid var(--paper)}.quote{text-align:center;padding:10rem 8vw}.quote blockquote{font-size:clamp(2.4rem,4.8vw,5.3rem);line-height:1.06;max-width:1100px;margin:0 auto}.quote p{color:var(--muted)}.media{text-align:center;background:var(--sand)}.media h2{max-width:900px;margin:.3em auto}.media>p:not(.eyebrow){margin-bottom:2rem}footer{padding:4rem 5vw;display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid var(--line);font-size:.85rem}.footer-links{display:flex;gap:1.5rem}footer>div:last-child{text-align:right}@media(max-width:800px){.announcement{height:36px;font-size:.7rem}.site-header{height:68px}.menu{display:block;color:#fff}.site-header nav{display:none;position:absolute;top:68px;left:0;right:0;background:#455d61;padding:2rem 5vw;flex-direction:column;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.art-hero{height:42vw;min-height:250px}.art-caption{right:1rem;bottom:.7rem}.intro{padding:5rem 6vw}.book-grid,.writing-grid,.story{grid-template-columns:1fr}.book-grid{gap:5rem}.cover{max-width:350px}.story-image{min-height:480px}.story-copy{padding:6rem 7vw}.writing-grid article+article{padding-left:0;border-left:0}.life-strip{grid-template-columns:1fr;height:auto}.life-strip>div{height:300px}.life-strip>div+div{border-left:0;border-top:4px solid var(--paper)}.section{padding:6rem 6vw}.perspective,.quote{padding:7rem 6vw}footer{grid-template-columns:1fr;gap:2rem}.footer-links{flex-wrap:wrap}footer>div:last-child{text-align:left}}.home-about{padding:7rem 7vw 7.5rem;background:var(--paper)}.home-about-inner{max-width:1050px;margin:0 auto}.home-about h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.6rem,2.2vw,2.2rem);font-weight:400;line-height:1.05;letter-spacing:-.03em;margin:.15em 0 .55em}.home-about p:not(.eyebrow){font-family:Georgia,'Times New Roman',serif;font-size:1.18rem;line-height:1.8;max-width:930px;color:#435363}.about-rule{width:90px;height:2px;background:#bca879;margin:0 0 2.2rem}@media(max-width:800px){.home-about{padding:5rem 7vw}.home-about p:not(.eyebrow){font-size:1.05rem}}
.story h2{font-size:clamp(1.6rem,2.2vw,2.2rem);line-height:1.2}

.profile-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.profile-photos figure{position:relative;margin:0;aspect-ratio:1.25;overflow:hidden;background:var(--sand)}.profile-photos img{display:block;width:100%;height:100%;object-fit:cover}.profile-photos figure:nth-child(2) img{object-position:center}.profile-photos figure:nth-child(3) img{object-position:center 45%}.profile-photos figure:after{content:"";position:absolute;inset:0;background:rgba(23,47,63,.2);pointer-events:none}.profile-photos figcaption{position:absolute;z-index:1;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;color:white;font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.6rem,2.8vw,3rem);text-shadow:0 2px 6px rgba(0,0,0,.6)}@media(max-width:600px){.profile-photos{grid-template-columns:1fr}.profile-photos figure{aspect-ratio:1.25}.profile-photos figcaption{font-size:2rem}}

.company-bar{background:#455d61;color:#fff;padding:1.8rem 6vw 2rem;text-align:center;border-bottom:3px solid #bca879}.company-bar>p{margin:0 0 1.1rem;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:#e0e8e7}.company-list{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2rem 4.5rem}.company{display:flex;align-items:center;gap:.65rem;font-size:1.15rem;font-weight:600}.company-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid #c8d7d8;border-radius:50%;font-size:1.15rem;font-weight:700}.salesforce-mark{font-size:.85rem}.profile-photos figure:after{background:transparent}@media(max-width:600px){.company-list{gap:1.2rem 2rem}.company{font-size:.95rem}.company-icon{width:32px;height:32px}}

.home-about-inner{max-width:1200px}.home-about h2{text-align:center;font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(2rem,2.7vw,2.8rem);line-height:1.15;color:#185b78;margin:.2em 0 .5em}.home-about .eyebrow{text-align:center}.about-rule{width:160px;height:1px;background:#86b5c8;margin:0 auto 2.5rem}.profile-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem}.home-about .profile-columns p{font-family:'Lato',Arial,Helvetica,sans-serif;font-weight:300;font-size:1.2rem;line-height:1.75;color:#292f34;max-width:none;margin:0 0 1.1rem}.profile-action{text-align:center;margin-top:1.5rem}.profile-action .text-link{font-family:'Lato',Arial,sans-serif;font-size:1rem}@media(max-width:700px){.profile-columns{grid-template-columns:1fr;gap:0}.home-about .profile-columns p{font-size:1.1rem}}

.top-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 5vw;background:#9eb2b0;color:#fff;min-height:44px}.top-bar .announcement{height:auto;min-height:44px}.social-links{display:flex;align-items:center;gap:1.3rem}.social-links a{display:inline-flex;align-items:center;gap:.4rem;text-decoration:none;font-size:.82rem;color:#fff;padding:.45rem 0}.social-links svg{width:17px;height:17px;flex-shrink:0}.social-links a:hover{text-decoration:underline}.social-links a:focus-visible{outline:2px solid white;outline-offset:4px}@media(max-width:600px){.top-bar{flex-wrap:wrap;justify-content:center;gap:0;padding:.4rem 4vw}.top-bar .announcement{min-height:26px;width:100%;font-size:.68rem}.social-links{gap:1.5rem}.social-links a{font-size:.75rem}.social-links svg{width:15px;height:15px}}

.company-bar{padding:1.6rem 5vw}.company-list{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1.1rem;max-width:1250px;margin:0 auto}.brand-logo{display:flex;align-items:center;justify-content:center;background:transparent;border-radius:3px;padding:.75rem;height:90px}.brand-logo img{display:block;max-width:100%;width:130px;height:64px;object-fit:contain}.brand-logo:focus-visible{outline:2px solid #c8aa73;outline-offset:4px}.art-hero{height:clamp(440px,49vw,720px);min-height:440px}.art-hero img{object-position:center 48%}@media(max-width:800px){.company-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}.brand-logo{height:78px;padding:.6rem}.art-hero{height:65vw;min-height:360px}}@media(max-width:480px){.company-list{grid-template-columns:repeat(3,minmax(0,1fr))}.art-hero{height:85vw;min-height:360px}}

.company-bar{padding:1rem 5vw}.company-list{max-width:1000px;gap:1.5rem;align-items:center}.brand-logo{background:transparent;border-radius:0;padding:0;height:58px}.brand-logo img{width:100px;height:48px;filter:grayscale(1) invert(1);mix-blend-mode:screen}.social-links svg{width:14px;height:14px}@media(max-width:800px){.brand-logo{height:50px}.brand-logo img{width:85px;height:42px}.company-list{gap:1rem}}@media(max-width:480px){.brand-logo img{width:78px;height:38px}.social-links svg{width:13px;height:13px}}

/* Compact monochrome affiliation strip. */
.company-bar{background:#4b8fa9;border-bottom:0;padding:2rem 6vw;isolation:isolate}.company-list{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:2.5rem;max-width:1100px}.brand-logo{flex:0 0 100px;width:100px;height:60px;background:transparent;padding:0;border:0;border-radius:0;overflow:hidden}.brand-logo img{width:100px;height:60px;max-width:none;object-fit:contain;filter:grayscale(1) invert(1);mix-blend-mode:screen;opacity:.8}.brand-logo:hover img{opacity:1}@media(max-width:800px){.company-bar{padding:1.5rem 5vw}.company-list{gap:1.5rem}.brand-logo{flex-basis:80px;width:80px;height:50px}.brand-logo img{width:80px;height:50px}}@media(max-width:480px){.company-list{gap:1.1rem 1.5rem}}

.athens-overlay h1{font-family:'Cormorant Garamond',Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(3.2rem,5.6vw,5.5rem);line-height:1.08;letter-spacing:0;margin:0 0 .55rem}.athens-overlay p{font-family:'Montserrat',Arial,sans-serif;font-weight:300;font-size:clamp(1rem,1.65vw,1.6rem);line-height:1.5;letter-spacing:0}.athens-overlay a{font-family:'Montserrat',Arial,sans-serif;font-weight:400;text-transform:none;letter-spacing:.04em;font-size:.9rem}

.top-bar,.top-bar .announcement{background:#4b8fa9}.site-header,.site-header nav.open{background:#244f6c}

.top-bar{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem}.top-bar .announcement{grid-column:2;justify-self:center;text-align:center;font-family:'Cormorant Garamond',Georgia,serif;font-size:1.1rem;letter-spacing:.01em;gap:.5rem}.quote-credit{font-family:'Lato',Arial,sans-serif;font-size:.8rem;white-space:nowrap}.top-bar .social-links{grid-column:3;justify-self:end}@media(max-width:900px){.top-bar{grid-template-columns:1fr;gap:0;padding:.4rem 4vw}.top-bar .announcement{grid-column:1;min-height:30px;flex-wrap:wrap;font-size:1rem}.top-bar .social-links{grid-column:1;justify-self:center}.quote-credit{font-size:.75rem}}

.company-bar{background:#fff}.brand-logo img{filter:none;mix-blend-mode:normal;opacity:1}.brand-logo:focus-visible{outline-color:#244f6c}

.company-bar{background:#c6e2f0}.brand-logo img{mix-blend-mode:multiply}

.top-bar .announcement{gap:.6rem;flex-wrap:wrap;max-width:900px;padding:.3rem 0}.quote-text{font-family:'Allura','Segoe Script',cursive;font-size:1.65rem;line-height:1.2}.quote-credit{font-size:.75rem}@media(max-width:600px){.quote-text{font-size:1.4rem}.quote-credit{font-size:.7rem}}

.quote-text,.top-bar .quote-credit{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:400;font-size:1.2rem;line-height:1.4}.top-bar .announcement{gap:.45rem}@media(max-width:600px){.quote-text,.top-bar .quote-credit{font-size:1.05rem}}

.top-bar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.75rem}.top-bar .announcement{flex-wrap:nowrap;white-space:nowrap;max-width:none;gap:.4rem}.quote-text,.top-bar .quote-credit{font-size:.85rem;line-height:1.4}@media(max-width:1100px){.top-bar{grid-template-columns:1fr;gap:0}.top-bar .announcement{grid-column:1}.top-bar .social-links{grid-column:1;justify-self:center}}@media(max-width:600px){.top-bar .announcement{width:auto;max-width:100%}.quote-text,.top-bar .quote-credit{font-size:clamp(.43rem,1.72vw,.75rem)}}

.brand-logo{flex-basis:80px;width:80px;height:48px}.brand-logo img{width:80px;height:48px}@media(max-width:800px){.brand-logo{flex-basis:64px;width:64px;height:40px}.brand-logo img{width:64px;height:40px}}

.company-list{display:grid;grid-template-columns:repeat(6,80px);justify-content:center;gap:1.2rem 2.5rem}@media(max-width:800px){.company-list{grid-template-columns:repeat(4,64px);gap:1rem 1.5rem}}@media(max-width:480px){.company-list{grid-template-columns:repeat(3,64px)}}

@media(min-width:801px){.company-list{grid-template-columns:repeat(7,80px)}.brand-logo:nth-child(8){grid-column:1}}

.company-bar{padding:1.25rem 3vw}.company-list{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:1rem;max-width:1400px;margin:0 auto;overflow-x:auto}.brand-logo{flex:0 0 80px}.brand-logo:nth-child(8){grid-column:auto}@media(max-width:1100px){.company-list{justify-content:flex-start;gap:1rem}.company-bar{padding:1.25rem 3vw}}@media(max-width:800px){.brand-logo{flex:0 0 64px}.company-bar{padding:1.5rem 3vw}.company-list{gap:1rem}}

.company-bar{padding:.25rem 3vw}.company-list{display:flex;flex-wrap:nowrap;gap:1rem;overflow-x:auto}.brand-logo{flex:0 0 64px;width:64px;height:36px}.brand-logo img{width:64px;height:36px}@media(max-width:800px){.company-bar{padding:.375rem 3vw}.brand-logo{flex:0 0 60px;width:60px;height:36px}.brand-logo img{width:60px;height:36px}}

.company-list{justify-content:center;gap:1rem}.brand-logo[aria-label="Barclays"]{margin-left:-1rem}.brand-logo[aria-label="Credit Suisse"]{flex-basis:100px;width:100px}.brand-logo[aria-label="Credit Suisse"] img{width:100px;height:36px}@media(max-width:800px){.brand-logo[aria-label="Credit Suisse"]{flex-basis:90px;width:90px}.brand-logo[aria-label="Credit Suisse"] img{width:90px;height:36px}}

.profile-photos img{filter:brightness(.8) saturate(.7);transform:scale(1);transition:transform .8s ease,filter .8s ease}.profile-photos figure:after{background:rgba(36,79,108,.08)}@media(hover:hover) and (pointer:fine){.profile-photos figure:hover img{transform:scale(1.06);filter:brightness(.87) saturate(.8)}}@media(prefers-reduced-motion:reduce){.profile-photos img{transition:none}.profile-photos figure:hover img{transform:none}}

.company-bar{padding:1.5rem 3vw}.company-list{display:flex;flex-wrap:nowrap}@media(max-width:800px){.company-bar{padding:1.5rem 3vw}}

.about-page{padding:5rem 7vw 6rem}.about-article{max-width:780px;margin:0 auto}.about-article>h1{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(2.5rem,4.5vw,4rem);line-height:1.12;text-align:center;letter-spacing:-.01em;margin:.4rem 0 1.5rem;color:#185b78}.about-article>.eyebrow{text-align:center}.about-article>p:not(.eyebrow){font-family:'Lato',Arial,sans-serif;font-size:1.15rem;line-height:1.85;color:#435363}.about-article h2{font-size:1.8rem;margin:2rem 0 .5rem}@media(max-width:600px){.about-page{padding:3rem 7vw 4rem}}

:root{--icon-strip-height:112px;--site-chrome-height:126px}.art-hero{height:calc(100svh - var(--site-chrome-height) - var(--icon-strip-height));min-height:250px}.company-bar{height:var(--icon-strip-height);padding:0 3vw;display:flex;align-items:center}.company-list{width:100%}@media(max-width:800px){:root{--site-chrome-height:136px;--icon-strip-height:100px}.art-hero{height:calc(100svh - var(--site-chrome-height) - var(--icon-strip-height));min-height:250px}.company-bar{height:var(--icon-strip-height);padding:0 3vw}}

.brand-logo[aria-label="Barclays"]{margin-left:0}.brand-logo[aria-label="TD"] img{width:93px;height:57px}.brand-logo[aria-label="INCEIF"] img{width:90px;height:90px}.brand-logo[aria-label="HBL"] img{width:90px;height:51px}.brand-logo[aria-label="Bank of Montreal"] img,.brand-logo[aria-label="Wells Fargo"] img{width:64px;height:36px}

.about-reading-layout{height:100svh;overflow:hidden;display:flex;flex-direction:column}.about-reading-layout>.top-bar,.about-reading-layout>.site-header{flex-shrink:0}.about-reading-layout .about-page{flex:1;min-height:0;overflow:hidden;padding:1.5rem 5vw}.about-reading-layout .about-article{height:100%;max-width:880px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:1.5rem 2.5rem 2rem;background:#fff;border:1px solid var(--line);border-radius:4px;-webkit-overflow-scrolling:touch}.about-reading-layout .about-article:focus-visible{outline:2px solid #4b8fa9;outline-offset:3px}.about-reading-layout>footer{display:none}@media(max-width:600px){.about-reading-layout .about-page{padding:.75rem 3vw}.about-reading-layout .about-article{padding:1rem 1.2rem 1.5rem}.about-reading-layout .about-article>h1{font-size:2.3rem}}

/* Four quieter photographs with a stronger hover zoom. */
.profile-photos{grid-template-columns:repeat(4,minmax(0,1fr))}
.profile-photos figure{aspect-ratio:auto;height:calc(100vw / 3 / 1.25 * .8)}
.profile-photos img{filter:brightness(.7) saturate(.5);transition:transform .9s cubic-bezier(.2,.65,.3,1),filter .9s ease}
.profile-photos figure:after{background:rgba(36,79,108,.12)}
.profile-photos figure:nth-child(4) img{object-position:center}
@media(hover:hover) and (pointer:fine){.profile-photos figure:hover img{transform:scale(1.25);filter:brightness(.74) saturate(.55)}}
@media(max-width:800px){.profile-photos{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-photos figure{height:32vw}}
@media(max-width:480px){.profile-photos{grid-template-columns:1fr}.profile-photos figure{height:64vw}}
@media(prefers-reduced-motion:reduce){.profile-photos img{transition:none}.profile-photos figure:hover img{transform:none}}

.real-cover{padding:0;background:transparent;display:block}.real-cover img{width:100%;height:100%;object-fit:contain;display:block}
.books-page{max-width:1240px;margin:0 auto;padding:4rem 5vw 6rem}.books-page-heading{text-align:center;margin-bottom:4rem}.books-page-heading h1{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(2.4rem,4vw,4rem);line-height:1.15;color:#185b78;letter-spacing:0}
.book-detail{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:4rem;padding:3.5rem 0;border-top:1px solid var(--line);scroll-margin-top:2rem}
.book-detail-cover img{display:block;width:100%;height:auto;box-shadow:0 12px 25px rgba(23,37,54,.14)}
.book-detail-copy h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:2.3rem;line-height:1.15;margin:.4rem 0 1.5rem;color:#185b78}
.book-detail-copy>p:not(.meta){font-family:'Lato',Arial,sans-serif;font-size:1.1rem;line-height:1.85;color:#435363;margin:0 0 1.2rem}
@media(max-width:700px){.book-detail{grid-template-columns:1fr;gap:2rem}.book-detail-cover{max-width:260px;margin:0 auto}.books-page{padding:2.5rem 7vw 4rem}.books-page-heading{margin-bottom:2rem}.book-detail-copy h2{font-size:2rem}}

.brand-logo[aria-label="Wells Fargo"] img{width:36px;height:36px;filter:none;mix-blend-mode:normal;opacity:1}.brand-logo[aria-label="Edward Jones"]{flex:0 0 86px;width:86px}.brand-logo[aria-label="Edward Jones"] img{width:86px;height:36px;filter:none;mix-blend-mode:normal;opacity:1}.company-list{gap:clamp(.5rem,1.1vw,1rem)}

.book-detail{align-items:start}
.book-detail-copy{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:1.3rem 1.7rem;background:#fff;border:1px solid var(--line);border-radius:4px;-webkit-overflow-scrolling:touch}
.book-detail-copy:focus-visible{outline:2px solid #4b8fa9;outline-offset:3px}
.book-detail-copy .meta{margin-top:0}
@media(max-width:700px){.book-detail-copy{padding:1.1rem 1.25rem}}

footer.contact-strip{display:block;background:#105b79;color:#fff;padding:3rem 4vw 1.2rem;border:0;font-family:'Lato',Arial,sans-serif}
.contact-strip-top{display:grid;grid-template-columns:1fr 1.25fr;gap:4rem;align-items:center;padding-bottom:2.5rem}
.contact-brand .wordmark{font-weight:300;font-size:.9rem}.contact-brand .monogram{width:65px;height:65px;font-size:1.8rem}
.contact-brand .social-links{margin-top:1.2rem;justify-content:flex-start}
.contact-invite{text-align:center}.contact-invite h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:2.4rem;line-height:1.15;margin:0 0 .7rem}
.contact-invite p{color:#c9e3ed;margin:.5rem 0 1.3rem}
.contact-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}
.contact-actions a{background:#8bd0de;color:#123f52;text-decoration:none;padding:.65rem 1.4rem;letter-spacing:.04em}
.contact-actions a:hover{background:#b0e4ee}.contact-strip a:focus-visible{outline:2px solid white;outline-offset:5px}
.contact-strip-nav{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;border-top:1px dotted #8cbacb;padding:1rem 0}
.contact-strip-nav a{text-transform:uppercase;text-decoration:none;font-size:.85rem;letter-spacing:.08em}
.contact-strip-nav a:hover{text-decoration:underline}.contact-copyright{text-align:center;color:#d4e8f0;font-size:.8rem;margin:.5rem 0 0}
@media(max-width:700px){.contact-strip-top{grid-template-columns:1fr;gap:2rem}.contact-brand .wordmark,.contact-brand .social-links{justify-content:center}.contact-strip-nav{gap:1rem 1.5rem}.contact-invite h2{font-size:2rem}}

.quote{padding:2.3rem 6vw;text-align:center}
.quote blockquote{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:400;font-size:1.4rem;line-height:1.5;max-width:850px;margin:0 auto;color:#435363}
.quote p{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:400;font-size:1.05rem;margin:.4rem 0 0;color:#647386}
@media(max-width:600px){.quote{padding:1.8rem 7vw}.quote blockquote{font-size:.95rem}.quote p{font-size:.8rem}}

.poetry-page{max-width:1180px;margin:auto;padding:4rem 6vw 6rem}.poetry-intro{max-width:800px;margin:0 auto 2rem;text-align:center}
.poetry-intro h1{font-family:'Cormorant Garamond',Georgia,serif;color:#185b78;font-size:clamp(2.5rem,4.5vw,4rem);line-height:1.1;letter-spacing:0}
.poetry-intro>p:not(.eyebrow){font-family:'Lato',Arial,sans-serif;font-size:1.12rem;line-height:1.8;color:#435363}.poetry-intro .poetry-note{font-size:.9rem!important}
.poetry-index{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin:2rem 0 4rem}.poetry-index a{padding:.65rem 1rem;border:1px solid #86b5c8;text-decoration:none;font-family:'Lato',Arial,sans-serif}
.poetry-group{margin-bottom:4rem;scroll-margin-top:2rem}.poetry-group>h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:2rem;color:#185b78;border-bottom:1px solid var(--line);padding-bottom:.8rem}
.poetry-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.3rem;align-items:start}.poem-card{background:white;border:1px solid var(--line);border-radius:3px}
.poem-card>summary{padding:1.5rem;cursor:pointer;list-style:none}.poem-card>summary::-webkit-details-marker{display:none}.poem-title,.poem-credit,.poem-preview,.poem-read{display:block}
.poem-title{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.7rem;line-height:1.2;color:#185b78}.poem-credit{font-family:'Lato',Arial,sans-serif;font-size:.8rem;color:#647386;margin:.7rem 0}
.poem-preview{font-family:Georgia,serif;font-size:.95rem;color:#435363;margin:1rem 0;font-style:italic}.poem-read{font-family:'Lato',Arial,sans-serif;font-size:.8rem;color:#185b78}
.poem-card[open]{grid-column:1/-1}.poem-card[open] .poem-preview{display:none}.poem-card[open] .poem-read{display:none}
.poem-body{border-top:1px solid var(--line);padding:1.5rem 2rem 2rem}.poem-text{white-space:pre-wrap;overflow-wrap:anywhere;font-family:Georgia,serif;font-size:1rem;line-height:1.9;color:#354656}
.poem-date{font-size:.8rem;color:#647386;margin:0 0 1rem}.poem-body details{margin-top:1.8rem}.poem-body details summary{cursor:pointer;color:#185b78;font-family:'Lato',Arial,sans-serif;font-size:.9rem}.source-text{font-size:.95rem;margin-top:1rem}.poem-card summary:focus-visible{outline:2px solid #4b8fa9;outline-offset:3px}
@media(max-width:650px){.poetry-page{padding:2.5rem 6vw 4rem}.poetry-cards{grid-template-columns:1fr}.poem-body{padding:1.2rem}.poem-title{font-size:1.5rem}.poetry-index{margin-bottom:2.5rem}}

/* Muted blues drawn from the painting's sky and shaded architecture. */
.site-branding .top-bar,.site-branding .top-bar .announcement{background:#6b8c9a}
.site-branding .site-header,.site-branding .site-header nav.open{background:#4d6d7d}
.home-layout .company-bar{background:#b9ced7}
.site-branding .author-wordmark{border:0;text-decoration:none;letter-spacing:0;gap:0}
.site-branding .author-name{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:2.25rem;line-height:1.1;letter-spacing:.025em;color:#f5f5f0}
.site-branding .site-header nav a{font-family:'Montserrat',Arial,sans-serif;font-weight:300;letter-spacing:.06em;font-size:.85rem}
.site-branding .site-header{border-bottom-color:#b4ab91}
@media(max-width:800px){.site-branding .author-name{font-size:1.95rem}}

.urdu-poem{padding:2rem;background:#fff;border:1px solid var(--line)}.urdu-poem>header{text-align:center;margin-bottom:2rem}
.urdu-poem h3{font-family:'Noto Nastaliq Urdu',serif;font-size:2rem;font-weight:400;line-height:2.5;color:#185b78;margin:0}
.urdu-poem header p{font-family:'Lato',Arial,sans-serif;font-size:.9rem;color:#647386}
.urdu-column-headings,.bilingual-couplet{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}
.urdu-column-headings{font-family:'Lato',Arial,sans-serif;font-size:.8rem;color:#647386;border-bottom:1px solid var(--line);padding-bottom:1rem;text-align:center}
.bilingual-couplet{align-items:center;padding:1.25rem 0;border-bottom:1px solid #e8eef2}.bilingual-couplet:last-child{border-bottom:0}
.urdu-script{font-family:'Noto Nastaliq Urdu',serif;font-size:1.18rem;line-height:2.8;text-align:right;margin:0;padding:.3rem 0;overflow-wrap:anywhere}
.roman-urdu{font-family:Georgia,serif;font-size:.95rem;line-height:2;margin:0;overflow-wrap:anywhere}
@media(max-width:650px){.urdu-poem{padding:1.2rem}.bilingual-couplet{grid-template-columns:1fr;gap:.8rem}.urdu-column-headings{display:none}.urdu-script{font-size:1.1rem}.roman-urdu{font-size:.9rem}}

.site-branding .author-wordmark{display:flex;align-items:center;gap:.7rem}
.ur-logo{display:block;width:66px;height:68px;flex-shrink:0;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.site-branding .author-wordmark .author-name{font-family:'Montserrat',Arial,sans-serif;font-weight:300;font-size:.62rem;letter-spacing:.28em;line-height:1.3;white-space:nowrap}
@media(max-width:800px){.ur-logo{width:52px;height:54px}.site-branding .author-wordmark .author-name{font-size:.57rem;letter-spacing:.22em}}

.home-layout .media{padding:2.4rem 6vw}
.home-layout .media h2{font-family:'Montserrat',Arial,sans-serif;font-weight:300;font-size:clamp(1.15rem,1.8vw,1.65rem);line-height:1.45;letter-spacing:0;max-width:850px;margin:.6rem auto}
.home-layout .media>p:not(.eyebrow){font-family:'Montserrat',Arial,sans-serif;font-weight:300;font-size:.85rem;line-height:1.7;margin:.7rem auto 1.1rem}
.home-layout .media .eyebrow{font-family:'Montserrat',Arial,sans-serif;font-weight:300;font-size:.6rem;margin:0}
.home-layout .media .button{font-family:'Montserrat',Arial,sans-serif;font-weight:300;font-size:.72rem;padding:.5rem 1rem}
@media(max-width:600px){.home-layout .media{padding:1.8rem 7vw}.home-layout .media>p:not(.eyebrow){font-size:.78rem}}

.home-layout .media{padding:2.4rem 6vw;background:#cbdde8}
.home-layout .media{padding-block:calc(3rem + 12.5px)}
.home-layout footer.contact-strip{padding:2.4rem 4vw .96rem}
.home-layout .contact-strip-top{padding-bottom:2rem;gap:3.2rem}
.home-layout .contact-strip-nav{padding:.8rem 0}
.home-layout .contact-brand .social-links{margin-top:.96rem}
.home-layout .contact-invite p{margin:.4rem 0 1.04rem}
.home-layout .contact-invite h2{margin-bottom:.56rem}
@media(max-width:700px){.home-layout .contact-strip-top{gap:1.6rem}}
@media(max-width:600px){.home-layout .media{padding-block:calc(2.25rem + 12.5px)}}

.home-layout .media{padding-block:calc(3.75rem + 30px);background:#4d7187;color:#fff}
.home-layout .media h2,.home-layout .media .eyebrow{color:#fff}
.home-layout .media>p:not(.eyebrow){color:#e0eaf0}
.home-layout .media .button{color:#fff;border-color:#bdd2df}
.home-layout footer.contact-strip{background:#244b65;padding:2.04rem 4vw .816rem}
.home-layout .contact-strip-top{padding-bottom:1.7rem;gap:2.72rem}
.home-layout .contact-strip-nav{padding:.68rem 0}
.home-layout .contact-brand .social-links{margin-top:.816rem}
.home-layout .contact-invite p{margin:.34rem 0 .884rem}
.home-layout .contact-invite h2{margin-bottom:.476rem}
.home-layout .contact-invite .contact-actions a{background:#a9c9d9}
@media(max-width:700px){.home-layout .contact-strip-top{gap:1.36rem}}
@media(max-width:600px){.home-layout .media{padding-block:calc(2.8125rem + 30px)}}

.photo-carousel{position:relative;width:100%;overflow:hidden}
.profile-photos.carousel-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x pan-y;scroll-behavior:smooth}
.carousel-track::-webkit-scrollbar{display:none}
.profile-photos.carousel-track figure{flex:0 0 25%;height:calc(100vw / 3 / 1.25 * .8);scroll-snap-align:start}
.photo-carousel button{position:absolute;z-index:3;border:1px solid rgba(255,255,255,.5);background:rgba(24,49,69,.65);color:white;cursor:pointer}
.carousel-prev,.carousel-next{top:50%;transform:translateY(-50%);width:36px;height:44px;font-size:1.8rem;line-height:1}.carousel-prev{left:.6rem}.carousel-next{right:.6rem}
.carousel-toggle{bottom:.5rem;right:.6rem;padding:.3rem .6rem;font-family:'Montserrat',Arial,sans-serif;font-size:.65rem}
.photo-carousel button:focus-visible,.carousel-track:focus-visible{outline:2px solid #fff;outline-offset:-3px}
@media(max-width:800px){.profile-photos.carousel-track figure{flex-basis:50%;height:32vw}}
@media(max-width:480px){.profile-photos.carousel-track figure{flex-basis:100%;height:64vw}}
@media(prefers-reduced-motion:reduce){.profile-photos.carousel-track{scroll-behavior:auto}}

.auto-logo-strip{overflow:hidden}
.auto-logo-strip .company-list{width:max-content;max-width:none;display:flex;justify-content:flex-start;gap:0;overflow:visible;flex-shrink:0;margin:0;animation:logo-drift 45s linear infinite}
.auto-logo-strip .logo-group{display:flex;align-items:center;flex-shrink:0;gap:1.5rem;padding-right:1.5rem}
.auto-logo-strip .brand-logo{flex-shrink:0}
@keyframes logo-drift{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.auto-logo-strip:hover .company-list,.auto-logo-strip:focus-within .company-list{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.auto-logo-strip .company-list{animation:none;overflow-x:auto;width:100%;scrollbar-width:none}.auto-logo-strip .logo-group[aria-hidden="true"]{display:none}}

.auto-logo-strip{justify-content:center}
.auto-logo-strip .logo-window{width:min(100%,960px);overflow:hidden;min-width:0}
.auto-logo-strip .company-list{width:max-content;max-width:none;animation:logo-single-drift 30s ease-in-out infinite alternate}
.auto-logo-strip .logo-group{gap:1.5rem;padding-right:0}
@keyframes logo-single-drift{0%,8%{transform:translateX(0)}92%,100%{transform:translateX(min(0px,calc(960px - 100%)))}}
@media(max-width:1020px){@keyframes logo-single-drift{0%,8%{transform:translateX(0)}92%,100%{transform:translateX(min(0px,calc(94vw - 100%)))}}}
@media(prefers-reduced-motion:reduce){.auto-logo-strip .company-list{animation:none;width:100%;overflow-x:auto}}

.auto-logo-strip .logo-window{width:min(70vw,720px);margin-inline:auto;overflow:hidden}
.auto-logo-strip .company-list{animation:logo-centered-drift 28s ease-in-out infinite alternate}
.auto-logo-strip .brand-logo img{mix-blend-mode:multiply!important;background:transparent}
@keyframes logo-centered-drift{0%,8%{transform:translateX(0)}92%,100%{transform:translateX(min(0px,calc(min(70vw,720px) - 100%)))}}
@media(max-width:600px){.auto-logo-strip .logo-window{width:82vw}@keyframes logo-centered-drift{0%,8%{transform:translateX(0)}92%,100%{transform:translateX(min(0px,calc(82vw - 100%)))}}}
@media(prefers-reduced-motion:reduce){.auto-logo-strip .company-list{animation:none}}

/* Keep the moving layer's backdrop blue so white pixels blend correctly. */
.home-layout .auto-logo-strip .company-list,
.home-layout .auto-logo-strip .logo-group{background:#b9ced7}
.auto-logo-strip .brand-logo{background:transparent}
.auto-logo-strip .brand-logo img{mix-blend-mode:multiply!important}

/* Author portraits give the biography and speaking section a personal focus. */
.author-profile-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:2.5rem;align-items:start}
.author-profile-portrait{display:block;width:100%;height:240px;object-fit:cover;border-radius:3px;filter:saturate(.75)}
.media-portrait-layout{display:flex;justify-content:center;align-items:center;gap:2.5rem;max-width:1050px;margin:auto}
.media-portrait{display:block;width:140px;height:140px;object-fit:cover;border-radius:3px;filter:saturate(.7)}
.media-copy{min-width:0}
@media(max-width:800px){.author-profile-layout{grid-template-columns:130px minmax(0,1fr);gap:1.5rem}.author-profile-portrait{height:175px}}
@media(max-width:600px){.author-profile-layout{grid-template-columns:1fr}.author-profile-portrait{width:140px;height:185px;margin:0 auto .5rem}.media-portrait-layout{flex-direction:column;gap:1.2rem}.media-portrait{width:110px;height:110px}}

.auto-logo-strip .brand-logo[aria-label="Noor Bank"]{flex:0 0 70px;width:70px;height:36px}
.auto-logo-strip .brand-logo[aria-label="Noor Bank"] img{width:58px;height:36px;object-fit:contain}
.auto-logo-strip .brand-logo[aria-label="Bank Audi"]{flex:0 0 90px;width:90px;height:36px;overflow:hidden}
.auto-logo-strip .brand-logo[aria-label="Bank Audi"] img{width:210px;height:110px;max-width:none;flex-shrink:0;object-fit:contain}
.auto-logo-strip .brand-logo[aria-label="Robinhood"]{flex:0 0 100px;width:100px;height:36px}
.auto-logo-strip .brand-logo[aria-label="Robinhood"] img{width:100px;height:36px;object-fit:contain}

/* One consistent logo frame; contain preserves every complete mark. */
.home-layout .auto-logo-strip .logo-group .brand-logo{
 flex:0 0 104px!important;width:104px!important;height:44px!important;
 padding:0!important;margin:0!important;overflow:visible!important;
 display:flex;align-items:center;justify-content:center;
}
.home-layout .auto-logo-strip .logo-group .brand-logo img{
 width:96px!important;height:40px!important;max-width:96px!important;
 max-height:40px!important;min-width:0;flex-shrink:0;
 object-fit:contain!important;object-position:center!important;
}
.home-layout .auto-logo-strip .logo-group{gap:1.25rem}
@media(max-width:600px){
 .home-layout .auto-logo-strip .logo-group .brand-logo{flex-basis:88px!important;width:88px!important}
 .home-layout .auto-logo-strip .logo-group .brand-logo img{width:82px!important;max-width:82px!important}
}

/* Broader centered window for the expanded collection of bank logos. */
.home-layout .auto-logo-strip .logo-window{width:min(90vw,1200px)}
.home-layout .auto-logo-strip .company-list{animation-name:logo-wide-drift}
@keyframes logo-wide-drift{0%,8%{transform:translateX(0)}92%,100%{transform:translateX(min(0px,calc(min(90vw,1200px) - 100%)))}}
@media(min-width:601px){.author-profile-portrait{margin-top:.4rem}}

/* Square TD mark needs more height to balance the wider wordmarks. */
.home-layout .auto-logo-strip .logo-group .brand-logo[aria-label="TD"] img{
 width:64px!important;height:56px!important;
 max-width:64px!important;max-height:56px!important;
 object-fit:contain!important;
}

/* A larger transparent portrait with a one-time entrance. */
.author-profile-layout{grid-template-columns:300px minmax(0,1fr);gap:2.5rem}
.author-profile-portrait{width:300px;height:auto;object-fit:contain;border-radius:0;filter:none;margin-top:-24px;background:transparent}
.author-profile-portrait.portrait-motion-ready{opacity:0;transform:translateX(-100px);transition:opacity .9s ease,transform 1.1s cubic-bezier(.22,1,.36,1)}
.author-profile-portrait.portrait-motion-ready.portrait-visible{opacity:1;transform:translateX(0)}
@media(max-width:900px){.author-profile-layout{grid-template-columns:230px minmax(0,1fr);gap:1.5rem}.author-profile-portrait{width:230px;margin-top:-18px}.author-profile-layout .profile-columns{grid-template-columns:1fr;gap:0}}
@media(max-width:600px){.author-profile-layout{grid-template-columns:1fr}.author-profile-portrait{width:min(280px,80vw);margin:0 auto}}
@media(prefers-reduced-motion:reduce){.author-profile-portrait.portrait-motion-ready{opacity:1;transform:none;transition:none}}

.media-portrait{width:250px;height:auto;object-fit:contain;border-radius:0;filter:none;background:transparent;flex-shrink:0}
.author-profile-portrait.portrait-motion-ready,.media-portrait.portrait-motion-ready{opacity:0;transform:translateX(-120px);transition:opacity 1.8s ease,transform 2.4s cubic-bezier(.22,1,.36,1)}
.author-profile-portrait.portrait-visible,.media-portrait.portrait-visible{opacity:1;transform:translateX(0)}
@media(max-width:600px){.media-portrait{width:210px}}
@media(prefers-reduced-motion:reduce){.author-profile-portrait.portrait-motion-ready,.media-portrait.portrait-motion-ready{opacity:1;transform:none;transition:none}}

/* The entrance is controlled once in script, with a permanent visible final state. */
.home-layout .author-profile-portrait,
.home-layout .media-portrait{animation:none!important;transition:none!important}

/* Balance wide wordmarks against compact bank symbols. */
.home-layout .auto-logo-strip .logo-group .brand-logo[aria-label="Scotiabank"],
.home-layout .auto-logo-strip .logo-group .brand-logo[aria-label="Edward Jones"],
.home-layout .auto-logo-strip .logo-group .brand-logo[aria-label="Credit Suisse"]{flex-basis:124px!important;width:124px!important}
.home-layout .auto-logo-strip .logo-group .brand-logo[aria-label="Scotiabank"] img,
.home-layout .auto-logo-strip .logo-group .brand-logo[aria-label="Edward Jones"] img,
.home-layout .auto-logo-strip .logo-group .brand-logo[aria-label="Credit Suisse"] img{width:118px!important;max-width:118px!important;height:46px!important;max-height:46px!important;object-fit:contain!important}
.home-layout .auto-logo-strip .logo-group .brand-logo[aria-label="TD"] img{width:54px!important;max-width:54px!important;height:48px!important;max-height:48px!important}
.home-layout .auto-logo-strip .logo-group .brand-logo[aria-label="Varo Bank"] img{width:82px!important;max-width:82px!important;height:34px!important;max-height:34px!important}

/* Give the long Scotiabank wordmark a wider frame without stretching it. */
.home-layout .auto-logo-strip .logo-group .brand-logo[aria-label="Scotiabank"]{flex-basis:156px!important;width:156px!important}
.home-layout .auto-logo-strip .logo-group .brand-logo[aria-label="Scotiabank"] img{width:150px!important;max-width:150px!important;height:82px!important;max-height:82px!important;object-fit:contain!important}

/* Feather portrait bottoms into their section backgrounds. */
.home-layout .author-profile-portrait{
 -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 82%,transparent 100%);
 mask-image:linear-gradient(to bottom,#000 0%,#000 82%,transparent 100%);
}
.home-layout .media-portrait{
 -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 65%,rgba(0,0,0,.75) 80%,transparent 100%);
 mask-image:linear-gradient(to bottom,#000 0%,#000 65%,rgba(0,0,0,.75) 80%,transparent 100%);
}

/* Keep the V-neck torso solid; feather only its final edge. */
.home-layout .author-profile-portrait{
 -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 94%,rgba(0,0,0,.9) 96%,rgba(0,0,0,.5) 98%,transparent 100%);
 mask-image:linear-gradient(to bottom,#000 0%,#000 94%,rgba(0,0,0,.9) 96%,rgba(0,0,0,.5) 98%,transparent 100%);
 -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
 -webkit-mask-size:100% 100%;mask-size:100% 100%;
}

/* Show the V-neck cutout without a bottom fade. */
.home-layout .author-profile-portrait{
 -webkit-mask-image:none;
 mask-image:none;
}

/* Allow complete taller marks inside the horizontally clipped carousel. */
.home-layout .auto-logo-strip .logo-window{height:84px;display:flex;align-items:center}
.home-layout .auto-logo-strip .logo-group{height:84px}
.home-layout .auto-logo-strip .logo-group .brand-logo{height:84px!important}
.home-layout .auto-logo-strip .logo-group .brand-logo[aria-label="Bank Audi"] img{
 width:82px!important;max-width:82px!important;height:82px!important;max-height:82px!important;object-fit:contain!important;
}

/* A quiet invitation to discover the forthcoming literary publication. */
.book-announcement{background:#7895a4;color:#fff;text-align:center;padding:.65rem 5vw;border-bottom:1px solid rgba(255,255,255,.15)}
.book-announcement a{font-family:'Montserrat',Arial,sans-serif;font-weight:300;font-size:.85rem;line-height:1.6;text-decoration:none;letter-spacing:.015em}
.book-announcement strong{font-weight:400}
.book-announcement a:hover{text-decoration:underline;text-underline-offset:3px}
.book-announcement a:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(max-width:600px){.book-announcement{padding:.6rem 4vw}.book-announcement a{font-size:.73rem}}

/* Match the book announcement to the actual quote-bar height at every width. */
.book-announcement{height:var(--quote-strip-height,44px);min-height:0;padding:0 5vw;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.book-announcement strong{font-weight:700}
@media(max-width:600px){.book-announcement{padding:0 4vw}}

/* Balance the replacement Scotiabank symbol and wordmark with its neighbours. */
.home-layout .auto-logo-strip .logo-group .brand-logo[aria-label="Scotiabank"]{flex-basis:104px!important;width:104px!important}
.home-layout .auto-logo-strip .logo-group .brand-logo[aria-label="Scotiabank"] img{width:96px!important;max-width:96px!important;height:56px!important;max-height:56px!important;object-fit:contain!important}

.book-announcement strong{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}

.ai-book-announcement{background:#698998}
.home-layout .auto-logo-strip .logo-group .brand-logo[aria-label="Bank Audi"] img{
 width:150px!important;max-width:150px!important;height:150px!important;max-height:150px!important;
 clip-path:inset(31% 18% 31% 18%);object-fit:contain!important;
}

/* Dedicated book pages: shared structure, two distinct editorial palettes. */
.book-landing{--landing-paper:#f5f0e7;--landing-ink:#303a38;--landing-accent:#76603f;--landing-soft:#e9e1d4;--landing-dark:#354f56;background:var(--landing-paper);color:var(--landing-ink)}
.banking-landing{--landing-paper:#f2f6f8;--landing-ink:#203848;--landing-accent:#37627a;--landing-soft:#dce7ed;--landing-dark:#203e52}
.landing-width{width:min(1160px,88vw);margin-inline:auto}
.book-landing main{overflow:hidden}
.landing-hero{padding:4.5rem 0 5rem;background:radial-gradient(ellipse at 85% 45%,var(--landing-soft),transparent 65%)}
.landing-hero-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:5rem;align-items:center}
.landing-back{display:inline-block;font:300 .8rem 'Montserrat',sans-serif;text-decoration:none;margin-bottom:2.5rem}
.landing-kicker{font:400 .65rem/1.7 'Montserrat',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--landing-accent);margin:0 0 1.2rem}
.book-landing h1{font:400 clamp(3rem,5.4vw,5.4rem)/1.02 'Cormorant Garamond',Georgia,serif;letter-spacing:-.025em;margin:0 0 1.4rem;max-width:none}
.book-landing h2{font:400 clamp(2rem,3.2vw,3.25rem)/1.15 'Cormorant Garamond',Georgia,serif;letter-spacing:-.015em;margin:0 0 1.4rem}
.landing-deck{font:400 clamp(1.5rem,2.3vw,2.2rem)/1.35 'Cormorant Garamond',Georgia,serif;margin:0 0 1.5rem}
.landing-intro,.landing-release,.landing-prose p,.landing-author p:not(.landing-kicker),.landing-theme>p:not(.landing-kicker),.landing-updates p:not(.landing-kicker){font:300 1.05rem/1.9 'Lato',sans-serif}
.landing-intro{max-width:460px}.landing-release{font-size:.88rem;color:var(--landing-accent)}
.landing-actions{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap;margin-top:2rem}
.landing-button{display:inline-block;padding:.85rem 1.25rem;background:var(--landing-dark);color:#fff;text-decoration:none;font:400 .75rem/1.5 'Montserrat',sans-serif}
.landing-text-link{font:400 .75rem/1.7 'Montserrat',sans-serif;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:.15rem}
.book-landing a:focus-visible{outline:2px solid var(--landing-accent);outline-offset:5px}
.landing-cover{margin:0;text-align:center;justify-self:center;width:min(100%,310px);position:relative}
.landing-cover img{display:block;width:100%;height:auto;box-shadow:14px 20px 35px rgba(20,35,40,.2);transform:rotate(-2deg);transition:transform .5s ease}
.banking-landing .landing-cover img{transform:rotate(2deg)}
.landing-cover:hover img{transform:rotate(0)}
.landing-cover figcaption{font:400 .6rem/1.7 'Montserrat',sans-serif;letter-spacing:.11em;margin-top:2rem;color:var(--landing-accent)}
.landing-pull{text-align:center;background:var(--landing-dark);color:#fff;padding:4rem 0}
.landing-pull .landing-kicker{color:#d5e1e3}.landing-pull h2{margin-bottom:.6rem}.landing-pull p:not(.landing-kicker){font:300 1rem/1.8 'Lato',sans-serif;color:#dce6eb}
.landing-story{display:grid;grid-template-columns:.8fr 1.3fr;gap:5rem;padding-block:5.5rem;scroll-margin-top:2rem}
.landing-small-note{font:300 .9rem/1.8 'Lato',sans-serif;max-width:280px;color:var(--landing-accent)}
.landing-prose p{margin:0 0 1.5rem}.landing-prose p:last-child{margin-bottom:0}
.landing-characters{padding:4.5rem 0;background:var(--landing-soft)}
.landing-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem;margin-top:2.5rem}
.landing-card-grid article{border-top:1px solid rgba(120,140,150,.35);border-top:1px solid color-mix(in srgb,var(--landing-accent) 40%,transparent);padding-top:1.3rem}
.landing-card-number{font:300 .7rem 'Montserrat',sans-serif;color:var(--landing-accent)}
.landing-card-grid h3{font:400 2rem/1.2 'Cormorant Garamond',Georgia,serif;margin:.8rem 0}
.landing-card-grid h4{font:400 .8rem/1.5 'Montserrat',sans-serif;margin:0 0 .8rem}
.landing-card-grid p{font:300 1rem/1.8 'Lato',sans-serif;margin:.5rem 0 0}
.landing-theme{text-align:center;padding-block:5rem}.landing-theme>p:not(.landing-kicker){max-width:620px;margin:1.5rem auto 0}
.landing-eras{padding-block:5rem}.landing-eras .landing-card-grid{margin-top:2rem}
.landing-author{display:grid;grid-template-columns:220px minmax(0,620px);justify-content:center;gap:3.5rem;align-items:center;padding-block:5rem;border-top:1px solid var(--line)}
.landing-author>img{display:block;width:220px;height:auto;max-height:310px;object-fit:contain;align-self:end}
.landing-author p{margin:0 0 1.3rem}
.landing-updates{text-align:center;padding:4.5rem 0;background:var(--landing-dark);color:#fff}
.landing-updates .landing-kicker{color:#d5e1e3}.landing-updates p:not(.landing-kicker){max-width:620px;margin:1rem auto}
.landing-updates .landing-actions{justify-content:center}.landing-updates .landing-button{background:#e2ebef;color:#203848}
.landing-related{padding-block:4rem;text-align:center}
.landing-related>a{display:inline-block;font:400 .8rem/1.7 'Montserrat',sans-serif;margin:.5rem 1rem;color:var(--landing-accent)}
.book-landing-footer{background:#244b65;color:#fff;padding:2.5rem 6vw;display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}
.book-landing-footer p{font:300 .75rem/1.6 'Lato',sans-serif}.book-landing-footer nav{display:flex;gap:1.3rem;flex-wrap:wrap}
.book-landing-footer nav a{font:300 .75rem/1.7 'Montserrat',sans-serif;text-decoration:none}
@media(max-width:900px){.landing-hero-grid{gap:2.5rem}.landing-cover{width:260px}.landing-story{gap:2.5rem;grid-template-columns:.75fr 1.25fr}.landing-card-grid{gap:1.5rem}.landing-author{gap:2rem}}
@media(max-width:650px){.landing-width{width:88vw}.landing-hero{padding:2rem 0 3rem}.landing-hero-grid{grid-template-columns:1fr;gap:3rem}.landing-back{margin-bottom:1.5rem}.landing-cover{width:min(230px,65vw)}.landing-cover figcaption{margin-top:1.5rem}.landing-story{grid-template-columns:1fr;gap:1rem;padding-block:3rem}.landing-small-note{max-width:none}.landing-card-grid{grid-template-columns:1fr;gap:2rem}.landing-pull,.landing-characters,.landing-updates{padding-block:3rem}.landing-theme,.landing-eras{padding-block:3rem}.landing-author{grid-template-columns:1fr;gap:1.5rem;padding-block:3rem}.landing-author>img{width:180px;max-height:240px;margin:auto}.landing-related{padding-block:3rem}.book-landing-footer{flex-direction:column;text-align:center}.book-landing-footer nav{justify-content:center}}
@media(prefers-reduced-motion:reduce){.landing-cover img{transition:none;transform:none!important}}

.book-title-link{text-decoration:none}.book-title-link:hover{text-decoration:underline}.dedicated-book-link{display:inline-block;margin-top:1.4rem;font:400 .8rem 'Montserrat',sans-serif}

.landing-author-note{padding-block:4rem;border-top:1px solid var(--line)}
.landing-note-intro{font:300 1.05rem/1.8 'Lato',sans-serif;max-width:650px}
.landing-author-note details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:2rem}
.landing-author-note summary{cursor:pointer;font:400 .85rem/1.8 'Montserrat',sans-serif;padding:1.3rem 0;display:flex;justify-content:space-between;gap:1rem;list-style:none}
.landing-author-note summary::-webkit-details-marker{display:none}
.landing-author-note summary span{font-size:1.25rem}
.landing-author-note details[open] summary span{transform:rotate(45deg)}
.landing-author-note .landing-prose{max-width:780px;margin:0 auto;padding:1.5rem 0 2rem}
.landing-author-note summary:focus-visible{outline:2px solid var(--landing-accent);outline-offset:4px}
.about-bio-portrait{display:block;width:180px;height:auto;float:left;margin:0 2rem 1rem 0}
@media(max-width:600px){.landing-author-note{padding-block:3rem}.about-bio-portrait{float:none;width:150px;margin:0 auto 1.5rem}}

/* The same navigation order and current-page cue at both ends of the site. */
.site-branding .site-header nav a[aria-current],
.site-branding footer nav a[aria-current]{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.site-branding .site-header nav a[aria-current]{border-bottom-color:transparent}
.about-reading-layout>footer{display:flex;flex-shrink:0;justify-content:center;padding:.8rem 4vw;background:#244b65;color:#fff}
.about-reading-layout>footer>div{display:none}
.about-reading-layout>footer nav{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}
.about-reading-layout>footer nav a{font:300 .75rem/1.7 'Montserrat',sans-serif;text-decoration:none}

/* A prominent airfield portrait opens Umar's personal story. */
.about-reading-layout .about-skydiving-portrait{
 width:280px;max-width:42%;height:auto;aspect-ratio:3/4;object-fit:cover;
 object-position:50% 50%;float:left;margin:0 2rem 1.2rem 0;
 border-radius:3px;filter:saturate(.85) brightness(.94);
}
@media(max-width:600px){
 .about-reading-layout .about-skydiving-portrait{
  float:none;width:240px;max-width:100%;margin:0 auto 1.5rem;
 }
}

/* Give the square Schwab mark more presence without stretching it. */
.home-layout .auto-logo-strip .logo-group .brand-logo[aria-label="Charles Schwab"] img{
 width:112px!important;max-width:112px!important;height:60px!important;max-height:60px!important;object-fit:contain!important;
}
.home-layout .auto-logo-strip .logo-group .brand-logo[aria-label="Charles Schwab"]{
 flex-basis:118px!important;width:118px!important;
}

/* One compact announcement gives the painting more room. */
.combined-book-announcement{
 height:auto;min-height:40px;padding:.45rem 4vw;gap:1.5rem;
 background:#7895a4;flex-wrap:wrap;
}
.combined-book-announcement a{font-size:.78rem;line-height:1.5;white-space:nowrap}
.combined-book-announcement strong{font-weight:400}
.combined-book-announcement .featured-novel strong{font-weight:700}
.book-strip-divider{font-size:.8rem;opacity:.55}
.home-layout{--icon-strip-height:90px}
.home-layout .auto-logo-strip .logo-window,
.home-layout .auto-logo-strip .logo-group{height:76px}
.home-layout .auto-logo-strip .logo-group .brand-logo{height:76px!important}
@media(max-width:800px){
 .home-layout{--icon-strip-height:80px}
 .home-layout .auto-logo-strip .logo-window,
 .home-layout .auto-logo-strip .logo-group{height:72px}
 .home-layout .auto-logo-strip .logo-group .brand-logo{height:72px!important}
}
@media(max-width:600px){
 .combined-book-announcement{flex-direction:column;gap:.2rem;padding:.4rem 3vw}
 .combined-book-announcement a{font-size:.7rem}
 .book-strip-divider{display:none}
}

/* Balance the visible marks rather than their image-file dimensions. */
.home-layout .auto-logo-strip .logo-group .brand-logo[aria-label="Bank Audi"] img{
 width:120px!important;max-width:120px!important;height:120px!important;max-height:120px!important;
}
.home-layout .auto-logo-strip .logo-group .brand-logo[aria-label="Charles Schwab"]{
 width:104px!important;flex-basis:104px!important;
}
.home-layout .auto-logo-strip .logo-group .brand-logo[aria-label="Charles Schwab"] img{
 width:96px!important;max-width:96px!important;height:46px!important;max-height:46px!important;
}
.home-layout .auto-logo-strip .logo-group .brand-logo[aria-label="U.S. Bank"]{
 width:126px!important;flex-basis:126px!important;
}
.home-layout .auto-logo-strip .logo-group .brand-logo[aria-label="U.S. Bank"] img{
 width:120px!important;max-width:120px!important;height:68px!important;max-height:68px!important;object-fit:contain!important;
}
.combined-book-announcement strong{font-weight:700}
.book-strip-intro{font:300 .75rem/1.5 'Montserrat',sans-serif;letter-spacing:.02em}
@media(max-width:600px){
 .book-strip-intro{font-size:.66rem}
}

/* Trim the affiliation strip while retaining every logo's size. */
.home-layout{--icon-strip-height:75px}
.home-layout .auto-logo-strip .logo-window,
.home-layout .auto-logo-strip .logo-group{height:72px}
.home-layout .auto-logo-strip .logo-group .brand-logo{height:72px!important}
@media(max-width:800px){.home-layout{--icon-strip-height:75px}}

/* Quieter Noor and Audi marks, with a modest reduction for TD. */
.home-layout .auto-logo-strip .logo-group .brand-logo[aria-label="Noor Bank"] img{
 width:80px!important;max-width:80px!important;height:33px!important;max-height:33px!important;object-fit:contain!important;
}
.home-layout .auto-logo-strip .logo-group .brand-logo[aria-label="Bank Audi"] img{
 width:100px!important;max-width:100px!important;height:100px!important;max-height:100px!important;
}
.home-layout .auto-logo-strip .logo-group .brand-logo[aria-label="TD"] img{
 width:49px!important;max-width:49px!important;height:43px!important;max-height:43px!important;object-fit:contain!important;
}

/* Three permanent skydiving moments, with full frames and restrained color. */
.skydiving-gallery{
 display:grid;grid-template-columns:3fr 3fr 2fr;gap:1rem;
 width:min(1200px,94vw);margin:0 auto 2.5rem;
}
.skydiving-gallery figure{margin:0;overflow:hidden;background:#d0dce4}
.skydiving-gallery img{
 display:block;width:100%;height:100%;object-fit:contain;
 filter:saturate(.55) brightness(.82);
 transition:transform 1.2s ease,filter 1.2s ease;
}
.skydiving-gallery figure:hover img{transform:scale(1.25);filter:saturate(.7) brightness(.9)}
@media(max-width:600px){
 .skydiving-gallery{grid-template-columns:1fr;max-width:440px;gap:.8rem}
 .skydiving-gallery figure{aspect-ratio:3/2}
 .skydiving-gallery .skydiving-ground{aspect-ratio:1;max-width:300px;width:100%;justify-self:center}
}
@media(prefers-reduced-motion:reduce){
 .skydiving-gallery img{transition:none}
 .skydiving-gallery figure:hover img{transform:none}
}

/* Ground portrait stays fixed beside a joined, automatically moving gallery. */
.skydiving-showcase{
 display:grid;grid-template-columns:1fr 3fr;width:min(1400px,100%);
 margin:0 auto 2.5rem;background:#cad8e1;
}
.skydiving-showcase figure{margin:0;display:flex;align-items:center;justify-content:center;background:#cad8e1}
.skydiving-static{aspect-ratio:1}
.skydiving-rotator{position:relative;min-width:0}
.skydiving-track{display:flex;width:100%;height:100%;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory}
.skydiving-track::-webkit-scrollbar{display:none}
.skydiving-track figure{flex:0 0 50%;min-width:0;scroll-snap-align:start}
.skydiving-showcase img{
 display:block;width:88%;height:88%;object-fit:contain;
 filter:saturate(.5) brightness(.78);transition:transform 1.2s ease,filter 1.2s ease;
}
.skydiving-showcase figure:hover img{transform:scale(1.12);filter:saturate(.65) brightness(.86)}
.skydiving-toggle{position:absolute;right:.65rem;top:.65rem;z-index:2;border:1px solid #7895a4;background:#edf3f7;color:#244b65;font:400 .65rem 'Montserrat',sans-serif;padding:.3rem .55rem;cursor:pointer}
.skydiving-track:focus-visible,.skydiving-toggle:focus-visible{outline:2px solid #244b65;outline-offset:-2px}
@media(max-width:600px){
 .skydiving-showcase{grid-template-columns:1fr 2fr;min-height:180px}
 .skydiving-static{aspect-ratio:auto}
 .skydiving-track figure{flex-basis:100%}
}
@media(prefers-reduced-motion:reduce){
 .skydiving-showcase img{transition:none}
 .skydiving-showcase figure:hover img{transform:none}
}

/* One edge-to-edge photo band: natural color at left, steady drift at right. */
.skydiving-showcase{
 --sky-height:clamp(180px,23vw,320px);
 width:100%;max-width:none;height:var(--sky-height);
 grid-template-columns:var(--sky-height) minmax(0,1fr);gap:0;
 background:transparent;padding:0;border:0;
}
.skydiving-showcase figure{padding:0;border:0;background:transparent;overflow:hidden}
.skydiving-static{height:var(--sky-height);aspect-ratio:1}
.skydiving-track{height:var(--sky-height);gap:0;scroll-snap-type:none;scroll-behavior:auto}
.skydiving-track figure{
 flex:0 0 auto;width:calc(var(--sky-height) * var(--photo-ratio,1.5));
 height:var(--sky-height);
}
.skydiving-showcase img{width:100%;height:100%;object-fit:contain}
.skydiving-showcase .skydiving-static img,
.skydiving-showcase .skydiving-static:hover img{filter:none}
.skydiving-showcase figure:hover img{transform:scale(1.08)}
@media(max-width:600px){
 .skydiving-showcase{--sky-height:170px;grid-template-columns:170px minmax(0,1fr);min-height:0}
 .skydiving-track figure{flex-basis:auto}
}
@media(prefers-reduced-motion:reduce){.skydiving-showcase figure:hover img{transform:none}}

/* Text establishes one shared height for the two columns and portrait. */
.home-layout .author-profile-layout{grid-template-columns:260px minmax(0,1fr);align-items:stretch}
.home-layout .profile-portrait-frame{position:relative;min-height:0}
.home-layout .profile-portrait-frame .author-profile-portrait{
 position:absolute;inset:0;width:100%;height:100%;margin:0;
 object-fit:contain;object-position:center top;
}
.home-layout .author-profile-layout .profile-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem}
.home-layout .profile-columns>div{display:flex;flex-direction:column;justify-content:space-between}
.home-layout .home-about .profile-columns p{font-size:1.1rem;line-height:1.75;margin:0 0 1rem}
.home-layout .home-about .profile-columns p:last-child{margin-bottom:0}
@media(max-width:900px){
 .home-layout .author-profile-layout{grid-template-columns:210px minmax(0,1fr);gap:1.5rem}
 .home-layout .author-profile-layout .profile-columns{grid-template-columns:1fr;gap:1rem}
}
@media(max-width:600px){
 .home-layout .author-profile-layout{grid-template-columns:1fr}
 .home-layout .profile-portrait-frame{height:320px;width:240px;margin:0 auto 1rem}
 .home-layout .home-about .profile-columns p{font-size:1.05rem}
}

/* Center the heading and story link on the text, independently of the portrait. */
.home-layout .home-about .profile-heading{
 width:calc(100% - 300px);margin:.2em 0 .5em 300px;
 font-size:clamp(2.4rem,3.2vw,3.3rem);
}
.home-layout .home-about .about-rule{margin-left:calc(50% + 70px)}
.home-layout .home-about .profile-action{width:calc(100% - 300px);margin-left:300px}
@media(max-width:900px){
 .home-layout .home-about .profile-heading,
 .home-layout .home-about .profile-action{width:calc(100% - 234px);margin-left:234px}
 .home-layout .home-about .about-rule{margin-left:calc(50% + 37px)}
}
@media(max-width:600px){
 .home-layout .home-about .profile-heading,
 .home-layout .home-about .profile-action{width:100%;margin-left:0}
 .home-layout .home-about .about-rule{margin-left:auto}
 .home-layout .home-about .profile-heading{font-size:2.5rem}
}

/* Shift the complete introduction left, preserving its internal alignment. */
@media(min-width:901px){
 .home-layout .home-about-inner{position:relative;left:-6vw}
}
@media(min-width:601px) and (max-width:900px){
 .home-layout .home-about-inner{position:relative;left:-3vw}
}

/* Match the visible cutout to the text height, compensating for transparent headroom. */
.home-layout .profile-portrait-frame .author-profile-portrait{
 inset:auto;top:-7.74%;left:50%;width:auto;max-width:none;height:107.74%;
 object-fit:contain;transform:translateX(-50%);
}

/* Tighter shared header gives the painting more vertical room. */
.site-branding .site-header{height:70px}
.site-branding .site-header .ur-logo{width:58px;height:60px}
.site-branding .top-bar{min-height:38px;padding-top:0;padding-bottom:0}
.site-branding .top-bar .announcement{min-height:38px;padding:.15rem 0}
@media(max-width:1100px){
 .site-branding .top-bar{padding-top:.15rem;padding-bottom:.15rem}
 .site-branding .top-bar .announcement{min-height:26px}
 .site-branding .top-bar .social-links a{padding:.25rem 0}
}
@media(max-width:800px){
 .site-branding .site-header{height:58px}
 .site-branding .site-header .ur-logo{width:46px;height:48px}
 .site-branding .site-header nav{top:58px}
}

/* Taller photographs and closer transitions around the homepage biography. */
.home-layout .skydiving-showcase{--sky-height:clamp(230px,28vw,390px)}
.home-layout .home-about{padding-top:4.5rem;padding-bottom:4.5rem}
.home-layout .home-about .about-rule{margin-bottom:1.8rem}
@media(max-width:800px){.home-layout .home-about{padding-top:3.25rem;padding-bottom:3.25rem}}
@media(max-width:600px){
 .home-layout .skydiving-showcase{--sky-height:210px;grid-template-columns:150px minmax(0,1fr)}
 .home-layout .skydiving-static{aspect-ratio:auto}
}

/* A compact pause after the photographs, with the same quote typography. */
.home-layout .quote{padding-top:1.25rem;padding-bottom:1.25rem;min-height:0;height:auto}
.home-layout .quote blockquote{margin-top:0;margin-bottom:0}
.home-layout .quote p{margin:.4rem 0 0}
.home-layout .skydiving-showcase{margin-bottom:0}

/* Bring photos, the personal quote and speaking content closer together. */
.home-layout .quote{padding-top:.45rem;padding-bottom:.45rem;margin:0}
.home-layout .quote p{margin:.15rem 0 0}
.home-layout .skydiving-showcase{margin-bottom:0}
.home-layout #media{padding-top:1.5rem}

/* Match speaking content to the leftward biography layout and light typography. */
@media(min-width:901px){.home-layout .media-portrait-layout{position:relative;left:-6vw}}
@media(min-width:601px) and (max-width:900px){.home-layout .media-portrait-layout{position:relative;left:-3vw}}
.home-layout #media h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400}
.home-layout #media .eyebrow,
.home-layout #media .media-copy>p,
.home-layout #media .media-copy a{font-family:'Montserrat',Arial,sans-serif;font-weight:300}

/* Keep the personal quote near the story link, with space before the photos. */
.home-layout .home-about{padding-bottom:2rem}
.home-layout .quote{padding-top:.3rem;padding-bottom:2rem}
@media(max-width:800px){.home-layout .home-about{padding-bottom:1.5rem}}

/* More breathing room between the personal quote and photographs. */
.home-layout .quote{padding-bottom:5rem}

/* Align the quote with the biography text and give it a generous lower pause. */
.home-layout .quote{padding-left:7vw;padding-right:7vw;padding-bottom:10rem}
.home-layout .profile-quote-align{max-width:1200px;margin:0 auto;position:relative}
.home-layout .profile-quote-text{width:calc(100% - 300px);margin-left:300px;text-align:center}
@media(min-width:901px){.home-layout .profile-quote-align{left:-6vw}}
@media(min-width:601px) and (max-width:900px){
 .home-layout .profile-quote-align{left:-3vw}
 .home-layout .profile-quote-text{width:calc(100% - 234px);margin-left:234px}
}
@media(max-width:600px){.home-layout .profile-quote-text{width:100%;margin-left:0}}

/* Slimmer navigation and affiliation strip around the School of Athens. */
.site-branding .site-header{height:60px}
.site-branding .site-header .ur-logo{width:48px;height:50px}
.home-layout{--icon-strip-height:65px}
.home-layout .auto-logo-strip .logo-window,
.home-layout .auto-logo-strip .logo-group{height:62px}
.home-layout .auto-logo-strip .logo-group .brand-logo{height:62px!important}
.home-layout .auto-logo-strip .logo-group .brand-logo[aria-label="U.S. Bank"] img{
 height:60px!important;max-height:60px!important;
}
@media(max-width:800px){
 .site-branding .site-header{height:54px}
 .site-branding .site-header .ur-logo{width:42px;height:44px}
 .site-branding .site-header nav{top:54px}
 .home-layout{--icon-strip-height:65px}
}

/* Matching slim quote and book bands on wide screens. */
@media(min-width:1101px){
 .site-branding .top-bar{height:34px;min-height:34px;padding-top:0;padding-bottom:0}
 .site-branding .top-bar .announcement{height:34px;min-height:34px;padding-top:0;padding-bottom:0}
 .site-branding .combined-book-announcement{height:34px;min-height:34px;padding-top:0;padding-bottom:0}
}

/* Bring the contact footer closer to the speaking section. */
.home-layout #media{padding-bottom:5.7rem}
@media(max-width:800px){.home-layout #media{padding-bottom:4rem}}

/* Equal space above and below the speaking content at every screen size. */
.home-layout #media{padding-top:1.5rem;padding-bottom:1.5rem}

/* Visually balance the speaking strip with less space below its content. */
.home-layout #media{padding-bottom:.5rem}
.home-layout #media .media-copy>:last-child{margin-bottom:0}

/* A clean join between the navigation and book announcement. */
.site-branding .site-header{border-bottom:0}

/* Slightly more presence for HBL while retaining its proportions. */
.home-layout .auto-logo-strip .logo-group .brand-logo[aria-label="HBL"]{
 width:116px!important;flex-basis:116px!important;
}
.home-layout .auto-logo-strip .logo-group .brand-logo[aria-label="HBL"] img{
 width:108px!important;max-width:108px!important;height:45px!important;max-height:45px!important;object-fit:contain!important;
}

.home-layout .auto-logo-strip .logo-group .brand-logo[aria-label="HBL"]{width:130px!important;flex-basis:130px!important}
.home-layout .auto-logo-strip .logo-group .brand-logo[aria-label="HBL"] img{width:122px!important;max-width:122px!important;height:51px!important;max-height:51px!important;object-fit:contain!important}

/* Match About biography text to the light homepage introduction. */
.about-reading-layout .about-article>p:not(.eyebrow){
 font-family:'Lato',Arial,Helvetica,sans-serif;font-weight:300;
 font-size:1.1rem;line-height:1.75;color:#292f34;
}
@media(max-width:600px){.about-reading-layout .about-article>p:not(.eyebrow){font-size:1.05rem}}

/* Inner pages retain navigation and socials in a single header. */
.site-branding .inner-page-header .social-links{
 position:static;left:auto;right:auto;top:auto;transform:none;
 display:flex;flex-direction:row;gap:.8rem;margin-left:auto;padding:0;
 background:transparent;border:0;
}
.site-branding .inner-page-header .social-links a{
 display:inline-flex;align-items:center;gap:.35rem;padding:.25rem 0;
 font-size:.65rem;letter-spacing:0;text-transform:none;border:0;
}
@media(max-width:1100px){
 .site-branding .inner-page-header .social-links span{display:none}
}
@media(max-width:800px){
 .site-branding .inner-page-header .social-links{margin-left:1rem}
}

/* Let the full About page scroll naturally, without a nested reading box. */
.about-reading-layout{height:auto;min-height:100svh;overflow:visible;display:block}
.about-reading-layout .about-page{overflow:visible;padding:3rem 7vw 4rem}
.about-reading-layout .about-article{
 height:auto;max-width:1000px;overflow:visible;overscroll-behavior:auto;
 scrollbar-gutter:auto;padding:0;background:transparent;border:0;border-radius:0;
 display:flow-root;
}
@media(max-width:600px){.about-reading-layout .about-page{padding:2rem 6vw 3rem}}

/* An optional, accessible professional profile on the About page. */
.professional-background-trigger{background:none;border:0;border-bottom:1px solid currentColor;padding:0 0 .25rem;cursor:pointer;font:inherit;color:inherit}
.professional-dialog{box-sizing:border-box;width:min(1000px,92vw);max-width:92vw;height:min(850px,88svh);max-height:88svh;margin:auto;padding:0;border:1px solid #adc1cc;border-radius:8px;background:#f7fafb;color:#292f34;box-shadow:0 20px 80px #122b3d55;overflow:hidden}
.professional-dialog::backdrop{background:rgb(18 35 47 / .65)}
.professional-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 2rem;background:#dbe7ed;border-bottom:1px solid #b8ccd7}
.professional-dialog .professional-kicker{margin:0 0 .25rem;font-family:'Montserrat',sans-serif;font-size:.65rem;letter-spacing:.14em;text-transform:uppercase}
.professional-dialog h2{margin:0;font-family:'Cormorant Garamond',serif;font-weight:400;font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.05}
.professional-close{flex-shrink:0;background:transparent;border:1px solid #7b96a5;border-radius:4px;padding:.5rem .75rem;font:400 .8rem 'Lato',sans-serif;color:#294555;cursor:pointer}
.professional-close:focus-visible,.professional-background-trigger:focus-visible{outline:2px solid #345d75;outline-offset:4px}
.professional-dialog[open]{display:flex;flex-direction:column}
.professional-dialog-content{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:1.75rem 2rem 2.5rem;font:300 1rem/1.65 'Lato',sans-serif}
.professional-dialog-content section{margin:0 0 2rem}
.professional-dialog-content h3{margin:0 0 .65rem;font:400 1.7rem/1.2 'Cormorant Garamond',serif;color:#34586c}
.professional-dialog-content p{margin:0 0 .8rem}
.professional-dialog-content strong{font-weight:400}
.professional-dialog-content ul{padding-left:1.2rem;margin:.5rem 0}
.professional-dialog-content li{margin-bottom:.7rem}
.professional-academy{background:#e4eef3;border-left:3px solid #668ba1;padding:1.25rem 1.5rem}
.professional-academy p:last-child{margin-bottom:0}
.professional-intro{margin-bottom:2rem!important}
.professional-career>div{padding:1rem 0;border-bottom:1px solid #d4e0e7}
.professional-career>div:first-child{padding-top:0}
.professional-career h4{display:flex;justify-content:space-between;gap:1rem;margin:0;font:400 1.05rem/1.5 'Lato',sans-serif}
.professional-career h4 span{font-size:.9rem;white-space:nowrap;color:#597382}
.professional-career .professional-role{color:#597382;margin:.15rem 0 .4rem;font-weight:400;font-size:.9rem}
.professional-teaching li p{margin:.25rem 0 .8rem}
.professional-publications{font-size:.94rem}
@media(max-width:600px){.professional-dialog{width:94vw;max-width:94vw;height:90svh;max-height:90svh}.professional-dialog-heading{padding:1rem}.professional-dialog-content{padding:1.25rem 1rem 2rem}.professional-academy{padding:1rem}.professional-career h4{flex-direction:column;gap:0}}

/* Blend the blazer silhouette into the Media strip with a curved feathered edge. */
.home-layout .media-portrait{
 background:transparent;border:0;outline:0;box-shadow:none;border-radius:0;
 -webkit-mask-image:radial-gradient(ellipse 90% 100% at 50% 0%,#000 0%,#000 72%,transparent 100%);
 mask-image:radial-gradient(ellipse 90% 100% at 50% 0%,#000 0%,#000 72%,transparent 100%);
 -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
 -webkit-mask-size:100% 100%;mask-size:100% 100%;
}

/* Visually balance the Media strip above and below its content. */
.home-layout #media{padding-bottom:1.5rem}

/* A narrow, gentle feather around the V-neck cutout, preserving its solid torso. */
.home-layout .author-profile-portrait{
 -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 95%,transparent 100%),linear-gradient(to right,transparent 0%,#000 4%,#000 96%,transparent 100%);
 mask-image:linear-gradient(to bottom,#000 0%,#000 95%,transparent 100%),linear-gradient(to right,transparent 0%,#000 4%,#000 96%,transparent 100%);
 -webkit-mask-composite:source-in;mask-composite:intersect;
 -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
 -webkit-mask-size:100% 100%;mask-size:100% 100%;
 background:transparent;border:0;box-shadow:none;
}

/* Restore the original clear V-neck cutout without feathering. */
.home-layout .author-profile-portrait{
 -webkit-mask-image:none;mask-image:none;
}

/* Shared typography: light body text, thin navigation, and the homepage's serif headings. */
body.site-branding{font-family:'Lato',Arial,Helvetica,sans-serif;font-weight:300}
.site-branding h1,.site-branding h2,.site-branding h3,
.site-branding .poem-title,.site-branding .landing-deck{
 font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;
}
.site-branding .book-detail-copy>p:not(.meta),
.site-branding .poetry-intro>p:not(.eyebrow),
.site-branding .poem-text,.site-branding .poem-preview,
.site-branding .roman-urdu,.site-branding .source-text,
.site-branding .about-article>p:not(.eyebrow),
.site-branding .landing-intro,.site-branding .landing-release,
.site-branding .landing-prose p,.site-branding .landing-author p:not(.landing-kicker),
.site-branding .landing-theme>p:not(.landing-kicker),
.site-branding .landing-updates p:not(.landing-kicker){
 font-family:'Lato',Arial,Helvetica,sans-serif;font-weight:300;
}
.site-branding .eyebrow,.site-branding .meta,
.site-branding .button,.site-branding .text-link,
.site-branding .poetry-index a,.site-branding .poem-credit,
.site-branding .poem-read,.site-branding .poem-date,
.site-branding .poem-body details summary,
.site-branding .landing-kicker,.site-branding .landing-button,
.site-branding .landing-text-link,.site-branding .landing-related>a,
.site-branding .dedicated-book-link,.site-branding .landing-cover figcaption,
.site-branding .landing-card-grid h4,.site-branding .landing-author-note summary,
.site-branding .footer-links a,.site-branding .professional-background-trigger,
.site-branding .professional-close,.site-branding .professional-kicker{
 font-family:'Montserrat',Arial,sans-serif;font-weight:300;
}
.site-branding .professional-career h4,.site-branding .professional-career .professional-role{font-weight:300}
.site-branding .urdu-poem h3,.site-branding .urdu-script{font-family:'Noto Nastaliq Urdu',serif;font-weight:400}

/* Try quiet cream titles without bold or italics in the homepage announcement. */
.home-layout .combined-book-announcement .book-strip-title{
 font-weight:300;font-style:normal;color:#fff0cd;
 text-decoration:underline;text-underline-offset:.18em;text-decoration-thickness:1px;
}
.home-layout .combined-book-announcement a:hover .book-strip-title{color:#fff8e7}

/* Brighter blue for the forthcoming book titles. */
.home-layout .combined-book-announcement .book-strip-title{color:#b9efff}
.home-layout .combined-book-announcement a:hover .book-strip-title{color:#e0f8ff}

/* Deep red book titles stand apart from the blue announcement background. */
.home-layout .combined-book-announcement .book-strip-title{color:#650f24}
.home-layout .combined-book-announcement a:hover .book-strip-title{color:#490819}

/* Keep forthcoming book links red without underlines. */
.home-layout .combined-book-announcement a,
.home-layout .combined-book-announcement a:hover,
.home-layout .combined-book-announcement .book-strip-title{ text-decoration:none }

/* Trim homepage navigation while leaving both announcement strips intact. */
.home-layout.site-branding .site-header{height:55px}
@media(max-width:800px){
 .home-layout.site-branding .site-header{height:50px}
 .home-layout.site-branding .site-header nav{top:50px}
}

/* Hide subpixel seams between moving, zoomable photo frames. */
.home-layout .skydiving-track figure{margin-right:-1px}
.home-layout .skydiving-showcase img{backface-visibility:hidden}

/* Keep the shared navigation visible while the page scrolls. */
.site-branding .site-header{position:sticky;top:0;z-index:1000;box-shadow:0 2px 8px rgba(23,37,54,.10)}
html{scroll-padding-top:80px}
@media(max-width:800px){html{scroll-padding-top:70px}}

/* Compact footers with readable navigation. */
.site-branding footer{padding-top:1rem;padding-bottom:1rem}
.site-branding footer nav a{font-family:Montserrat,Arial,sans-serif;font-weight:300;font-size:1rem;line-height:1.5;text-transform:none;letter-spacing:.03em}
.site-branding footer.book-landing-footer{padding:1rem 5vw;gap:1rem}
.site-branding footer.book-landing-footer p{margin:.25rem 0}
.site-branding footer.book-landing-footer .ur-logo{width:38px;height:40px}
.site-branding footer.book-landing-footer .author-name{font-size:1rem}
.site-branding footer.contact-strip{padding:1.1rem 4vw .65rem}
.site-branding .contact-strip-top{padding-bottom:.8rem;gap:1.5rem}
.site-branding .contact-strip-nav{padding:.6rem 0}
.site-branding .contact-invite h2{margin:0 0 .3rem}
.site-branding .contact-invite p{margin:.25rem 0}
@media(max-width:650px){.site-branding footer.book-landing-footer{gap:.65rem}.site-branding footer nav a{font-size:.95rem}.site-branding .contact-strip-top{gap:1rem}}

/* Reduce the pause between the quote and skydiving gallery by half an inch. */
.home-layout .quote{padding-bottom:calc(10rem - 48px)}






/* A literary feature beneath the painting, with professional marks on Ventures. */
.home-layout .home-featured-book{display:grid;grid-template-columns:150px minmax(0,650px);justify-content:center;align-items:center;gap:2.5rem;padding:2rem 6vw;background:#e5eef3}
.home-featured-book .featured-cover img{display:block;width:150px;height:205px;object-fit:contain}
.home-featured-book h2{font-size:clamp(2rem,3vw,3rem);line-height:1.15;margin:.35rem 0 .75rem}
.home-featured-book h2 a{text-decoration:none}
.home-featured-book .featured-date{font:300 .8rem/1.5 Montserrat,sans-serif;color:#34586c;margin:0}
.home-featured-book p{font-size:1.05rem;margin:.5rem 0 1rem}
.ventures-affiliations{padding:1.5rem 0 2rem;background:#e5eef3}
.ventures-affiliations>h2{text-align:center;font-size:2rem;margin:0 1rem 1.5rem}
@media(max-width:650px){.home-layout .home-featured-book{grid-template-columns:100px minmax(0,1fr);gap:1rem;padding:1.5rem 5vw}.home-featured-book .featured-cover img{width:100px;height:150px}.home-featured-book h2{font-size:1.8rem}.home-featured-book p{font-size:.95rem}}

/* Restore the familiar white announcement text and red book titles. */
.home-layout .top-bar .announcement,.home-layout .top-bar .announcement a,.home-layout .combined-book-announcement,.home-layout .combined-book-announcement a{color:#fff}
.home-layout .combined-book-announcement .book-strip-title{color:#650f24}

/* Warm gold makes the forthcoming titles distinct against blue. */
.home-layout .combined-book-announcement .book-strip-title{color:#ffe0a3}
.home-layout .combined-book-announcement a:hover .book-strip-title{color:#ffcf74}

.home-layout .combined-book-announcement .book-strip-title{color:#fff36a}
.home-layout .combined-book-announcement a:hover .book-strip-title{color:#ffeb32}

/* Favor the foreground figures over the upper architecture in the hero crop. */
.home-layout .art-hero>img{object-position:center 80%}

@media(max-width:800px){.site-header nav[aria-label="Main navigation"]{transform:none;left:0;right:0;width:auto}}

/* Native popups scroll internally while the page stays still. */
html:has(dialog[open]){overflow:hidden}
/* Footer blog link */
.book-landing-footer .footer-meta,.ventures-footer .footer-meta{display:flex;align-items:center;gap:.7rem;margin:0}
.footer-blog-link{color:inherit;text-decoration:none;font:300 .8rem/1.6 'Montserrat',sans-serif;letter-spacing:.08em;border-bottom:1px solid transparent;transition:border-color .2s}
.footer-blog-link:hover,.footer-blog-link:focus-visible{border-bottom-color:currentColor}
.footer-sep{display:inline-block;margin:0 .65rem;opacity:.55}