:root{
 --bg:#0b2032;--bg2:#16364d;--bg3:#274d67;--paper:#f4ede0;--paper2:#fffaf4;--ink:#0d1a28;--muted:#617180;
 --gold:#c8a15b;--gold2:#ecd7ad;--cyan:#5f7f9c;--cyan2:#d6e1ea;--wine:#6e2235;--royal:#2d5c88;--emerald:#3f6b45;--line:rgba(255,255,255,.12);
 --shadow:0 35px 90px rgba(2,9,17,.26);--radius:28px;--pad:min(5vw,72px)
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;color:var(--ink);font-family:Manrope,DM Sans,Arial,sans-serif;background:var(--paper2);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}::selection{background:var(--gold);color:var(--bg)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9998;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
#progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--gold),var(--cyan));z-index:10010;box-shadow:0 0 22px rgba(131,215,239,.65)}
#preloader{position:fixed;inset:0;z-index:20000;background:var(--bg);display:grid;place-items:center;transition:opacity .6s ease,visibility .6s ease}#preloader.done{opacity:0;visibility:hidden}.loaderMark{width:88px;height:88px;border:1px solid rgba(197,164,95,.45);display:grid;place-items:center;position:relative;color:var(--gold2);font:34px Playfair Display,Georgia,serif}.loaderMark:before{content:"";position:absolute;inset:-9px;border:1px solid rgba(131,215,239,.25);animation:spin 7s linear infinite}.loaderMark:after{content:"";position:absolute;width:140px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);animation:scan 1.9s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scan{0%,100%{transform:translateY(-38px);opacity:0}50%{transform:translateY(38px);opacity:1}}
.cursor,.cursorDot{position:fixed;pointer-events:none;z-index:10020;border-radius:50%;transform:translate(-50%,-50%);mix-blend-mode:difference}.cursor{width:34px;height:34px;border:1px solid rgba(255,255,255,.75);transition:width .2s,height .2s}.cursorDot{width:5px;height:5px;background:white}.cursor.big{width:56px;height:56px}
.wrap{width:min(1400px,calc(100% - 52px));margin:auto}.serif{font-family:Playfair Display,Georgia,serif}.eyebrow{font-size:10px;letter-spacing:.22em;text-transform:uppercase;font-weight:700}.reveal{opacity:0;transform:translateY(30px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}
nav{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:10000;width:min(1320px,calc(100% - 36px));border:1px solid rgba(255,255,255,.12);background:rgba(4,17,31,.58);backdrop-filter:blur(18px) saturate(145%);border-radius:20px;color:white;box-shadow:0 14px 55px rgba(0,0,0,.18)}.navIn{height:70px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:0 18px}.brand{display:flex;align-items:center;gap:12px}.brandMark{width:42px;height:42px;border:1px solid rgba(197,164,95,.65);display:grid;place-items:center;color:var(--gold2);font:17px Playfair Display,serif;position:relative}.brandMark:after{content:"";position:absolute;inset:4px;border:1px solid rgba(131,215,239,.12)}.brandText{font-size:11px;letter-spacing:.12em;text-transform:uppercase}.brandText b{display:block;font-size:12px}.navlinks{justify-self:center;display:flex;gap:25px;font-size:11px}.navlinks a{opacity:.62;transition:.2s}.navlinks a:hover,.navlinks a.active{opacity:1;color:var(--gold2)}.navAction{border:1px solid rgba(197,164,95,.6);padding:11px 14px;border-radius:999px;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.menu{display:none;background:none;border:0;color:#fff;font-size:24px}.mobileMenu{display:none}
.hero{min-height:100svh;background:radial-gradient(circle at 18% 20%,rgba(131,215,239,.10),transparent 26%),radial-gradient(circle at 80% 32%,rgba(197,164,95,.13),transparent 30%),linear-gradient(128deg,var(--bg),var(--bg2) 55%,#0b2b49);color:white;position:relative;overflow:hidden;padding-top:110px}.hero canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.52}.heroGrid{min-height:calc(100svh - 110px);display:grid;grid-template-columns:1.08fr .92fr;align-items:center;position:relative;z-index:2}.heroCopy{padding:70px 70px 90px 0;position:relative}.heroCopy .eyebrow{color:var(--gold2);margin-bottom:26px}.name{font:500 clamp(68px,8.4vw,138px)/.78 Playfair Display,Georgia,serif;letter-spacing:-.055em;margin:0;text-transform:uppercase}.name span{display:block;color:transparent;-webkit-text-stroke:1px rgba(237,215,166,.84);margin-left:9%}.identity{display:flex;align-items:center;gap:13px;margin-top:30px;color:rgba(255,255,255,.75);font-size:13px}.identity i{width:35px;height:1px;background:var(--gold)}.heroLead{max-width:690px;font:500 clamp(21px,2vw,31px)/1.38 Playfair Display,Georgia,serif;color:rgba(255,255,255,.78);margin:28px 0 0}.heroLead strong{color:white;font-weight:500}.heroActions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-flex;align-items:center;gap:12px;padding:14px 17px;border:1px solid rgba(255,255,255,.25);border-radius:999px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:inherit;transition:.3s;position:relative;overflow:hidden}.btn:after{content:"↗";font-size:14px}.btn:hover{transform:translateY(-3px);border-color:var(--cyan)}.btn.primary{background:linear-gradient(135deg,var(--gold),#e3c27e);border-color:transparent;color:var(--bg);font-weight:700}.heroVisual{height:min(79svh,850px);min-height:640px;position:relative;display:flex;align-items:flex-end;justify-content:flex-end}.portraitFrame{width:92%;height:92%;position:relative;border-radius:42px 42px 0 0;overflow:hidden;background:#0a2035;box-shadow:var(--shadow);transform-style:preserve-3d;transition:transform .25s ease}.portraitFrame picture{display:block;width:100%;height:100%}.portraitFrame img{width:100%;height:100%;object-fit:cover;object-position:center 12%;filter:saturate(.94) contrast(1.02)}.portraitFrame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(4,17,31,.56) 100%),linear-gradient(90deg,rgba(4,17,31,.14),transparent 25%)}.portraitFrame:before{content:"";position:absolute;z-index:3;left:-20%;right:-20%;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 18px rgba(131,215,239,.55);animation:portraitScan 5s ease-in-out infinite}@keyframes portraitScan{0%,100%{top:15%;opacity:0}15%{opacity:.7}65%{opacity:.28}100%{top:88%;opacity:0}}
.floatCard{position:absolute;z-index:5;backdrop-filter:blur(18px);background:rgba(4,17,31,.72);border:1px solid rgba(255,255,255,.13);border-radius:18px;padding:18px 20px;box-shadow:0 16px 45px rgba(0,0,0,.22)}.floatCard strong{font:500 34px Playfair Display,serif;color:var(--gold2)}.floatCard span{display:block;font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.58);margin-top:3px}.f1{left:-25px;top:18%}.f2{right:-14px;bottom:24%}.f3{left:7%;bottom:7%}.f3 strong{color:var(--cyan2)}.heroRail{position:absolute;left:18px;bottom:24px;z-index:4;writing-mode:vertical-rl;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.38)}
.marquee{background:var(--wine);color:#fff;border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16);overflow:hidden}.marqueeTrack{display:flex;width:max-content;animation:marquee 28s linear infinite}.marqueeTrack span{padding:17px 22px;font-size:10px;letter-spacing:.19em;text-transform:uppercase;white-space:nowrap}.marqueeTrack i{color:var(--gold2);font-style:normal}@keyframes marquee{to{transform:translateX(-50%)}}
.statement{padding:135px 0 120px;background:var(--paper2)}.statementGrid{display:grid;grid-template-columns:.62fr 1.38fr;gap:90px}.statement .eyebrow{color:var(--wine);margin-top:9px}.statement h2{font:500 clamp(49px,5.5vw,82px)/.98 Playfair Display,serif;margin:0;color:var(--bg)}.statement h2 em{color:var(--wine);font-weight:500}.statement p{font:500 clamp(24px,2.35vw,38px)/1.27 Playfair Display,serif;color:#243648;margin:0}.statement p strong{color:var(--bg)}.proofGrid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:80px;border-top:1px solid rgba(4,17,31,.12);border-left:1px solid rgba(4,17,31,.12)}.proof{min-height:185px;padding:28px;border-right:1px solid rgba(4,17,31,.12);border-bottom:1px solid rgba(4,17,31,.12);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.proof:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(131,215,239,.17),transparent 68%);right:-40px;top:-40px}.proof strong{font:500 48px Playfair Display,serif;color:var(--bg)}.proof span{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);max-width:160px}
.section{padding:125px 0}.dark{background:linear-gradient(135deg,var(--bg),#071e33 55%,#0d2b47);color:#fff;position:relative;overflow:hidden}.dark:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(131,215,239,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(131,215,239,.045) 1px,transparent 1px);background-size:62px 62px;mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent)}.sectionHead{display:grid;grid-template-columns:1fr .65fr;gap:70px;align-items:end;margin-bottom:55px;position:relative}.sectionHead .eyebrow{color:var(--gold)}.sectionHead h2{font:500 clamp(52px,6vw,90px)/.93 Playfair Display,serif;margin:12px 0 0}.sectionHead p{margin:0;color:rgba(255,255,255,.58);max-width:520px;font-size:14px}.light .sectionHead h2{color:var(--bg)}.light .sectionHead p{color:var(--muted)}
.careerStage{display:grid;grid-template-columns:330px 1fr;gap:58px;position:relative}.careerNav{position:sticky;top:125px;height:max-content;border:1px solid rgba(255,255,255,.12);border-radius:24px;overflow:hidden;background:rgba(255,255,255,.035);backdrop-filter:blur(14px)}.careerNav button{display:grid;grid-template-columns:60px 1fr;width:100%;text-align:left;padding:18px 20px;border:0;border-bottom:1px solid rgba(255,255,255,.1);background:transparent;color:rgba(255,255,255,.55);cursor:pointer;transition:.25s}.careerNav button:last-child{border-bottom:0}.careerNav button.active{background:rgba(197,164,95,.12);color:white}.careerNav button span:first-child{color:var(--gold2);font-size:10px}.careerNav button span:last-child{font-size:12px}.careerPanels{display:grid;gap:18px}.careerPanel{border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:35px;min-height:230px;background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.018));position:relative;overflow:hidden}.careerPanel:after{content:attr(data-index);position:absolute;right:18px;bottom:-18px;font:500 110px Playfair Display,serif;color:rgba(255,255,255,.025)}.careerPanel .tag{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan2)}.careerPanel h3{font:500 36px/1.08 Playfair Display,serif;margin:10px 0 16px}.careerPanel p{max-width:760px;color:rgba(255,255,255,.6);margin:0;font-size:14px}
.books{background:var(--paper)}.bookHero{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center}.bookStack{position:relative;min-height:620px}.cover{position:absolute;width:38%;aspect-ratio:2/3;box-shadow:0 30px 65px rgba(4,17,31,.24);border-radius:8px;overflow:hidden;background:linear-gradient(135deg,#1e2938,#4f5963);transition:transform .5s cubic-bezier(.2,.8,.2,1)}.cover img{width:100%;height:100%;object-fit:cover}.cover.c1{left:2%;top:16%;transform:rotate(-8deg)}.cover.c2{left:31%;top:2%;z-index:2;transform:rotate(2deg)}.cover.c3{right:0;top:22%;transform:rotate(8deg)}.bookStack:hover .c1{transform:translate(-12px,-8px) rotate(-11deg)}.bookStack:hover .c2{transform:translateY(-12px) rotate(0)}.bookStack:hover .c3{transform:translate(12px,-8px) rotate(11deg)}.bookCopy .eyebrow{color:var(--wine)}.bookCopy h2{font:500 clamp(56px,6.4vw,96px)/.9 Playfair Display,serif;color:var(--bg);margin:14px 0 24px}.bookCopy p{color:var(--muted);font-size:15px;max-width:600px}.bookCopy .btn{color:var(--bg);border-color:rgba(4,17,31,.25);margin-top:16px}.bookList{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:65px}.bookItem{border:1px solid rgba(4,17,31,.12);border-radius:22px;padding:26px;background:rgba(255,255,255,.52);transition:.3s}.bookItem:hover{transform:translateY(-6px);box-shadow:0 18px 50px rgba(4,17,31,.08)}.bookItem .n{font:500 30px Playfair Display,serif;color:var(--wine)}.bookItem h3{font:500 27px/1.08 Playfair Display,serif;margin:25px 0 12px}.bookItem p{font-size:12px;color:var(--muted);min-height:95px}.bookMeta{display:flex;justify-content:space-between;gap:12px;margin-top:20px;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#53606d}.bookItem a{display:inline-flex;margin-top:18px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--wine)}
.researchGrid{display:grid;grid-template-columns:1.25fr .75fr;gap:24px;position:relative}.researchFeature{min-height:560px;border:1px solid rgba(255,255,255,.12);border-radius:30px;padding:42px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 78% 20%,rgba(131,215,239,.12),transparent 30%),linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.015));position:relative;overflow:hidden}.orb{position:absolute;width:380px;height:380px;border:1px solid rgba(131,215,239,.18);border-radius:50%;right:-90px;top:-70px}.orb:before,.orb:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(197,164,95,.18);inset:45px}.orb:after{inset:100px;border-color:rgba(131,215,239,.25)}.researchFeature h3{font:500 clamp(45px,5vw,76px)/.95 Playfair Display,serif;margin:0;max-width:760px}.researchFeature h3 em{color:var(--cyan2);font-weight:500}.researchFeature p{color:rgba(255,255,255,.58);max-width:680px}.researchCards{display:grid;gap:18px}.rCard{border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:27px;background:rgba(255,255,255,.035);min-height:171px}.rCard .n{font:500 24px Playfair Display,serif;color:var(--gold2)}.rCard h4{font:500 26px Playfair Display,serif;margin:12px 0 7px}.rCard p{font-size:12px;color:rgba(255,255,255,.52);margin:0}
.timeline{background:var(--paper2)}.timelineWrap{position:relative;margin-top:55px}.timelineWrap:before{content:"";position:absolute;left:118px;top:0;bottom:0;width:1px;background:linear-gradient(var(--gold),rgba(4,17,31,.11),var(--wine))}.timeItem{display:grid;grid-template-columns:90px 28px 1fr;gap:15px;padding:17px 0}.timeItem .year{font-size:11px;color:var(--wine);text-align:right;padding-top:9px}.timeItem .dot{width:11px;height:11px;border-radius:50%;background:var(--paper2);border:2px solid var(--gold);margin:8px auto 0;position:relative;z-index:2}.timeItem .content{padding:0 0 23px 15px;border-bottom:1px solid rgba(4,17,31,.1)}.timeItem h4{font:500 27px Playfair Display,serif;margin:0 0 6px;color:var(--bg)}.timeItem p{margin:0;color:var(--muted);font-size:13px;max-width:850px}
.principles{padding:115px 0;background:var(--wine);color:white;overflow:hidden}.principlesGrid{display:grid;grid-template-columns:.45fr 1.55fr;gap:70px}.principles .eyebrow{color:var(--gold2)}.quote{font:500 clamp(42px,5.3vw,82px)/1.02 Playfair Display,serif;margin:0}.quote em{color:var(--gold2);font-weight:500}.principleTags{display:flex;gap:9px;flex-wrap:wrap;margin-top:30px}.principleTags span{border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:9px 12px;font-size:9px;letter-spacing:.1em;text-transform:uppercase}
.beyond{background:var(--paper)}.bento{display:grid;grid-template-columns:1.3fr .7fr .8fr 1.2fr;grid-template-rows:260px 260px;gap:16px}.bentoCard{border-radius:26px;padding:30px;background:var(--paper2);border:1px solid rgba(4,17,31,.1);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.bentoCard h3{font:500 30px/1.06 Playfair Display,serif;margin:0}.bentoCard p{font-size:12px;color:var(--muted);max-width:440px;margin:0}.bentoCard .num{font:500 28px Playfair Display,serif;color:var(--wine)}.b1{grid-column:span 2;background:linear-gradient(135deg,#efe2c7,#fbf6eb)}.b2{grid-column:span 2;background:linear-gradient(135deg,#0a1f34,#103a5d);color:white}.b2 p{color:rgba(255,255,255,.58)}.b2 .num{color:var(--cyan2)}.b3{grid-column:span 1}.b4{grid-column:span 2;background:linear-gradient(135deg,#702735,#4c1822);color:white}.b4 p{color:rgba(255,255,255,.62)}.b4 .num{color:var(--gold2)}.b5{grid-column:span 1}.bentoCard .giant{position:absolute;right:-12px;bottom:-40px;font:500 150px Playfair Display,serif;opacity:.05}
.final{background:linear-gradient(145deg,var(--bg),#0b2d4a);color:#fff;padding:120px 0 36px;position:relative;overflow:hidden}.final:before{content:"JK";position:absolute;right:-2%;bottom:-8%;font:500 360px/1 Playfair Display,serif;color:rgba(255,255,255,.018)}.finalGrid{display:grid;grid-template-columns:1.2fr .8fr;gap:80px}.final h2{font:500 clamp(60px,7vw,108px)/.88 Playfair Display,serif;margin:10px 0 25px}.final h2 em{color:var(--gold2);font-weight:500}.final p{color:rgba(255,255,255,.58);max-width:620px}.contactPanel{border:1px solid rgba(255,255,255,.13);border-radius:24px;overflow:hidden;background:rgba(255,255,255,.03)}.contactRow{display:flex;justify-content:space-between;gap:24px;padding:20px 22px;border-bottom:1px solid rgba(255,255,255,.1);font-size:11px}.contactRow span:first-child{color:rgba(255,255,255,.45)}.contactRow:last-child{border-bottom:0}.footer{margin-top:90px;padding-top:25px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.38)}
@media(max-width:1080px){.navlinks{display:none}.menu{display:block}.navAction{display:none}.heroGrid,.statementGrid,.sectionHead,.bookHero,.researchGrid,.finalGrid{grid-template-columns:1fr}.heroCopy{padding-right:0}.heroVisual{min-height:620px;height:68svh}.portraitFrame{width:88%;margin-left:auto}.proofGrid{grid-template-columns:repeat(2,1fr)}.careerStage{grid-template-columns:1fr}.careerNav{position:relative;top:auto;display:flex;overflow:auto}.careerNav button{min-width:210px;border-bottom:0;border-right:1px solid rgba(255,255,255,.1)}.bookStack{min-height:520px}.bookList{grid-template-columns:1fr 1fr}.bento{grid-template-columns:1fr 1fr;grid-template-rows:auto}.b1,.b2,.b3,.b4,.b5{grid-column:span 1}.bentoCard{min-height:250px}.mobileMenu{position:fixed;z-index:9999;top:98px;left:18px;right:18px;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:12px;background:rgba(4,17,31,.96);backdrop-filter:blur(18px);display:none}.mobileMenu.open{display:block}.mobileMenu a{display:block;color:white;padding:15px 14px;border-bottom:1px solid rgba(255,255,255,.1);font-size:12px}.mobileMenu a:last-child{border-bottom:0}}
@media(max-width:720px){.wrap{width:min(100% - 30px,650px)}nav{top:10px;width:calc(100% - 20px)}.navIn{height:62px;padding:0 12px}.brandText{display:none}.hero{padding-top:86px}.heroGrid{min-height:auto}.heroCopy{padding:65px 0 48px}.name{font-size:59px}.name span{margin-left:0}.heroLead{font-size:21px}.heroVisual{height:590px;min-height:590px}.portraitFrame{width:100%;height:100%;border-radius:28px 28px 0 0}.f1{left:8px;top:12%}.f2{right:8px;bottom:28%}.f3{left:16px;bottom:5%}.floatCard{padding:12px 14px}.floatCard strong{font-size:26px}.statement,.section{padding:88px 0}.statementGrid{gap:30px}.statement h2{font-size:49px}.statement p{font-size:25px}.proofGrid{grid-template-columns:1fr 1fr;margin-top:50px}.proof{min-height:145px;padding:20px}.proof strong{font-size:38px}.sectionHead{gap:25px;margin-bottom:36px}.sectionHead h2{font-size:52px}.careerPanel{padding:26px}.careerPanel h3{font-size:31px}.bookStack{min-height:420px}.cover{width:48%}.cover.c1{left:0}.cover.c2{left:25%}.cover.c3{right:0}.bookCopy h2{font-size:58px}.bookList{grid-template-columns:1fr}.researchFeature{min-height:500px;padding:28px}.researchFeature h3{font-size:46px}.timelineWrap:before{left:79px}.timeItem{grid-template-columns:55px 20px 1fr}.timeItem .year{font-size:9px}.principles{padding:90px 0}.principlesGrid{grid-template-columns:1fr;gap:28px}.quote{font-size:43px}.bento{grid-template-columns:1fr}.final{padding-top:90px}.final h2{font-size:62px}.footer{flex-direction:column}.cursor,.cursorDot{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.cursor,.cursorDot{display:none}}

/* ===== Signature V6 — premium refinement + mobile-first optimisation ===== */
:root{--navy-deep:#03101d;--navy-rich:#061b2f;--ice:#9ee8f7;--surface-glass:rgba(7,26,46,.72)}
html{scroll-padding-top:104px;-webkit-text-size-adjust:100%}
body{min-width:320px;overscroll-behavior-y:none}
a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.skipLink{position:fixed;left:18px;top:-70px;z-index:30000;background:var(--paper2);color:var(--bg);padding:12px 16px;border-radius:12px;font-size:12px;font-weight:700;box-shadow:0 14px 40px rgba(0,0,0,.2);transition:top .2s}.skipLink:focus{top:18px}
:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
nav{isolation:isolate;background:linear-gradient(180deg,rgba(4,17,31,.78),rgba(4,17,31,.56));border-color:rgba(255,255,255,.14);box-shadow:0 18px 60px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.05)}
.navAction,.btn,.menu{min-height:44px}
.menu{min-width:44px;border-radius:12px;display:none;place-items:center;line-height:1}
.hero{background:radial-gradient(circle at 16% 18%,rgba(131,215,239,.12),transparent 24%),radial-gradient(circle at 82% 30%,rgba(197,164,95,.16),transparent 28%),linear-gradient(128deg,var(--navy-deep),var(--bg2) 54%,#0a3152)}
.hero:after{content:"";position:absolute;inset:auto -10% -30% 40%;height:65%;background:radial-gradient(ellipse at center,rgba(131,215,239,.08),transparent 62%);filter:blur(16px);pointer-events:none}
.heroCopy{z-index:2}.name{max-width:10ch;text-wrap:balance}.identity{flex-wrap:wrap}.focusPill{display:inline-flex;align-items:center;gap:9px;margin-top:18px;padding:8px 12px;border:1px solid rgba(131,215,239,.18);border-radius:999px;background:rgba(131,215,239,.055);color:rgba(255,255,255,.68);font-size:9px;letter-spacing:.1em;text-transform:uppercase}.focusDot{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px rgba(131,215,239,.08),0 0 18px rgba(131,215,239,.72)}
.portraitFrame{border:1px solid rgba(255,255,255,.08);box-shadow:0 45px 110px rgba(0,0,0,.32),0 0 0 1px rgba(197,164,95,.05)}
.portraitFrame img{object-position:center 13%}
.floatCard{box-shadow:0 18px 55px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.05)}
.sectionHead h2,.statement h2,.bookCopy h2,.final h2{text-wrap:balance}
.sectionHead p,.careerPanel p,.bookCopy p,.bookItem p,.researchFeature p,.rCard p,.timeItem p,.bentoCard p,.final p{text-wrap:pretty}
.careerPanel,.rCard,.bookItem,.bentoCard{transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
@media(hover:hover) and (pointer:fine){.careerPanel:hover,.rCard:hover{transform:translateY(-4px);border-color:rgba(131,215,239,.28);box-shadow:0 22px 60px rgba(0,0,0,.12)}.bentoCard:hover{transform:translateY(-4px);box-shadow:0 22px 50px rgba(4,17,31,.10)}}
@supports(content-visibility:auto){main>section,.final{content-visibility:auto;contain-intrinsic-size:900px}}

@media(max-width:1080px){
 .menu{display:grid}
 .mobileMenu{top:96px;max-height:calc(100dvh - 112px);overflow:auto;overscroll-behavior:contain;box-shadow:0 28px 80px rgba(0,0,0,.35)}
 .mobileMenu a{min-height:48px;display:flex;align-items:center}
 .heroGrid{gap:12px}.heroCopy{padding-top:54px}.heroVisual{height:min(70svh,720px)}
 .careerNav{scrollbar-width:none;scroll-snap-type:x proximity}.careerNav::-webkit-scrollbar{display:none}.careerNav button{scroll-snap-align:start}
}

@media(max-width:720px){
 html{scroll-padding-top:82px}
 .wrap{width:min(100% - 28px,650px)}
 body:before{display:none}
 #progress{height:2px}
 #preloader{background:linear-gradient(145deg,var(--navy-deep),var(--bg2))}.loaderMark{width:72px;height:72px;font-size:28px}.loaderMark:after{width:112px}
 nav{top:max(8px,env(safe-area-inset-top));width:calc(100% - 18px);border-radius:17px}.navIn{height:60px;padding:0 9px 0 11px}.brandMark{width:38px;height:38px;font-size:15px}.brandText{display:block;font-size:0;line-height:1}.brandText b{font-size:10px;letter-spacing:.08em;white-space:nowrap}.menu{font-size:22px}
 .mobileMenu{top:calc(max(8px,env(safe-area-inset-top)) + 69px);left:9px;right:9px;border-radius:18px;padding:8px;background:rgba(3,16,29,.97);backdrop-filter:blur(12px) saturate(130%)}.mobileMenu a{padding:13px 14px;font-size:12px;border-radius:11px}.mobileMenu a:active{background:rgba(197,164,95,.12)}
 .hero{min-height:auto;padding-top:82px;padding-bottom:18px}.hero canvas{display:none}.heroGrid{display:flex;flex-direction:column;min-height:auto;align-items:stretch}.heroCopy{padding:42px 0 26px}.heroCopy .eyebrow{margin-bottom:18px;font-size:8.5px;letter-spacing:.17em}.name{font-size:clamp(48px,14.2vw,63px);line-height:.82;letter-spacing:-.052em;max-width:none}.name span{margin-left:0;-webkit-text-stroke:.8px rgba(237,215,166,.88)}.identity{margin-top:20px;gap:9px;font-size:11.5px;line-height:1.45}.identity i{width:25px}.focusPill{margin-top:15px;max-width:100%;font-size:8px;letter-spacing:.075em;line-height:1.45;padding:8px 10px}.heroLead{font-size:clamp(18px,5.1vw,21px);line-height:1.4;margin-top:20px}.heroActions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:24px}.heroActions .btn{width:100%;justify-content:center;padding:12px 13px;font-size:8.7px;letter-spacing:.08em}.heroActions .btn.primary{grid-column:1/-1}
 .heroVisual{height:auto;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:9px;align-items:stretch;margin-top:0}.portraitFrame{grid-column:1/-1;width:100%;height:auto;aspect-ratio:4/5;margin:0;border-radius:26px;transform:none!important}.portraitFrame img{object-position:center 13%}.portraitFrame:before{display:none}.floatCard{position:static;border-radius:15px;padding:13px 14px;backdrop-filter:blur(8px);min-height:83px;display:flex;flex-direction:column;justify-content:center}.floatCard strong{font-size:24px;line-height:1}.floatCard span{font-size:7.5px;line-height:1.35;letter-spacing:.105em}.f3{grid-column:1/-1;min-height:70px}.f3 strong{font-size:20px}.heroRail{display:none}
 .marqueeTrack{animation-duration:38s}.marqueeTrack span{padding:13px 15px;font-size:8px;letter-spacing:.15em}
 .statement,.section{padding:76px 0}.statementGrid{gap:24px}.statement h2{font-size:clamp(42px,12vw,51px);line-height:.98}.statement p{font-size:clamp(21px,6vw,26px);line-height:1.31}.proofGrid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:14px;gap:10px;margin:38px -14px 0;padding:0 14px 8px;border:0;scrollbar-width:none}.proofGrid::-webkit-scrollbar{display:none}.proof{flex:0 0 76%;scroll-snap-align:start;min-height:137px;padding:20px;border:1px solid rgba(4,17,31,.11);border-radius:18px}.proof strong{font-size:39px}.proof span{font-size:8.5px;line-height:1.45}
 .sectionHead{gap:18px;margin-bottom:29px}.sectionHead h2{font-size:clamp(43px,12vw,54px);line-height:.96}.sectionHead p{font-size:12.5px;line-height:1.65}.dark:before{background-size:48px 48px;opacity:.6}
 .careerStage{gap:16px}.careerNav{margin:0 -14px 2px;padding:0 14px 10px;border:0;border-radius:0;background:transparent;backdrop-filter:none;display:flex;gap:8px;overflow-x:auto}.careerNav button{flex:0 0 72%;min-width:0;grid-template-columns:32px 1fr;padding:13px 14px;min-height:62px;border:1px solid rgba(255,255,255,.11)!important;border-radius:15px;background:rgba(255,255,255,.035);scroll-snap-align:center}.careerNav button.active{border-color:rgba(197,164,95,.35)!important;background:rgba(197,164,95,.12)}.careerNav button span:last-child{font-size:10.5px;line-height:1.25}.careerPanels{gap:11px}.careerPanel{min-height:0;padding:22px;border-radius:19px}.careerPanel:after{font-size:82px;right:10px;bottom:-12px}.careerPanel h3{font-size:clamp(27px,7.8vw,33px);margin:9px 0 12px}.careerPanel p{font-size:12.5px;line-height:1.62}.careerPanel .tag{font-size:8px}
 .bookHero{gap:24px}.bookStack{display:flex;gap:14px;min-height:0;margin:0 -14px;padding:12px 14px 24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.bookStack::-webkit-scrollbar{display:none}.cover,.cover.c1,.cover.c2,.cover.c3{position:relative;left:auto;right:auto;top:auto;flex:0 0 68%;width:auto;aspect-ratio:2/3;transform:none!important;border-radius:13px;scroll-snap-align:center;box-shadow:0 20px 45px rgba(4,17,31,.18)}.bookCopy h2{font-size:clamp(49px,13vw,62px);line-height:.92;margin-bottom:18px}.bookCopy p{font-size:13px;line-height:1.7}.bookCopy .btn{width:100%;justify-content:center}.bookList{display:flex;gap:12px;margin:38px -14px 0;padding:0 14px 9px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.bookList::-webkit-scrollbar{display:none}.bookItem{flex:0 0 88%;scroll-snap-align:center;padding:22px;border-radius:18px}.bookItem h3{font-size:25px;margin:18px 0 10px}.bookItem p{min-height:0;font-size:12px;line-height:1.6}.bookMeta{flex-direction:column;gap:5px}.bookItem a{min-height:44px;align-items:center}
 .researchGrid{gap:12px}.researchFeature{min-height:410px;padding:24px;border-radius:22px}.researchFeature h3{font-size:clamp(39px,10.7vw,48px);line-height:.97}.researchFeature p{font-size:12.5px;line-height:1.65;position:relative;z-index:2}.orb{width:250px;height:250px;right:-95px;top:-70px}.researchCards{display:flex;gap:10px;margin:0 -14px;padding:0 14px 8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.researchCards::-webkit-scrollbar{display:none}.rCard{flex:0 0 82%;min-height:160px;padding:21px;border-radius:18px;scroll-snap-align:center}.rCard h4{font-size:24px}.rCard p{line-height:1.55}
 .timelineWrap{margin-top:28px}.timelineWrap:before{left:6px}.timeItem{position:relative;display:block;padding:14px 0 14px 25px}.timeItem .year{text-align:left;padding:0 0 6px;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.timeItem .dot{position:absolute;left:1px;top:18px;margin:0;width:11px;height:11px}.timeItem .content{padding:0 0 18px;border-bottom:1px solid rgba(4,17,31,.1)}.timeItem h4{font-size:24px;line-height:1.08}.timeItem p{font-size:12.5px;line-height:1.6}
 .principles{padding:74px 0}.principlesGrid{gap:24px}.quote{font-size:clamp(37px,10.2vw,46px);line-height:1.04}.principleTags{margin-top:20px}.principleTags span{padding:8px 10px;font-size:8px}
 .bento{gap:10px}.bentoCard{min-height:0!important;padding:22px;border-radius:20px;gap:30px}.bentoCard h3{font-size:26px}.bentoCard p{font-size:12px;line-height:1.62}.bentoCard .num{font-size:23px}.bentoCard .giant{font-size:110px;bottom:-33px}
 .final{padding:76px 0 calc(28px + env(safe-area-inset-bottom))}.finalGrid{gap:32px}.final h2{font-size:clamp(51px,14vw,66px);line-height:.9}.final p{font-size:13px;line-height:1.65}.contactPanel{border-radius:18px}.contactRow{display:grid;gap:7px;padding:16px 17px;font-size:10.5px}.contactRow strong{font-size:11.5px;line-height:1.45}.final .heroActions{display:grid}.footer{margin-top:55px;gap:9px;font-size:8px;line-height:1.55}
 .cursor,.cursorDot{display:none!important}
}

@media(max-width:420px){
 .wrap{width:calc(100% - 24px)}
 .brandText b{font-size:9.5px}.heroCopy{padding-top:36px}.name{font-size:clamp(45px,13.7vw,57px)}.identity{font-size:10.7px}.heroLead{font-size:18.5px}.focusPill{font-size:7.5px}.heroActions{grid-template-columns:1fr}.heroActions .btn,.heroActions .btn.primary{grid-column:auto}.portraitFrame{aspect-ratio:4/5.2}.floatCard{padding:12px}.statement,.section{padding:68px 0}.sectionHead h2,.statement h2{font-size:43px}.proof{flex-basis:84%}.careerNav button{flex-basis:82%}.cover,.cover.c1,.cover.c2,.cover.c3{flex-basis:74%}.bookItem{flex-basis:92%}.researchFeature{min-height:390px}.rCard{flex-basis:90%}.final h2{font-size:54px}
}

@media(max-width:350px){
 .brandText{display:none}.name{font-size:43px}.heroCopy .eyebrow{font-size:7.8px}.identity{font-size:10px}.focusPill{display:none}.heroActions .btn{font-size:8.2px}.sectionHead h2,.statement h2{font-size:40px}.bookCopy h2{font-size:46px}.quote{font-size:35px}.final h2{font-size:49px}
}

@media(prefers-reduced-motion:reduce),(update:slow){
 .marqueeTrack{animation:none}.portraitFrame:before{display:none}.reveal{opacity:1;transform:none}
}


/* === Signature V7 — restrained legal editorial system === */
:root{
 --bg:#0b1f33;--bg2:#102a43;--bg3:#173b5e;
 --paper:#f3efe7;--paper2:#fbf8f2;--ink:#172536;--muted:#687583;
 --gold:#b79a63;--gold2:#d9c69b;--cyan:#b79a63;--cyan2:#d9c69b;
 --wine:#6b2a38;--line:rgba(255,255,255,.12);
 --shadow:0 24px 60px rgba(9,25,41,.16);--radius:16px
}
html{background:var(--bg)}body{background:var(--paper2)}
body:before,.hero canvas,.cursor,.cursorDot,.portraitFrame:before,.orb,.careerPanel:after,.bentoCard .giant,.heroRail{display:none!important}
#progress{height:2px;background:var(--gold);box-shadow:none}
#preloader{background:var(--bg)}
.loaderMark{width:66px;height:66px;border:1px solid rgba(183,154,99,.5);color:var(--gold2);font-size:26px}
.loaderMark:before,.loaderMark:after{display:none}
nav{top:14px;width:min(1320px,calc(100% - 28px));border-radius:10px;background:rgba(11,31,51,.97);backdrop-filter:none;border-color:rgba(255,255,255,.10);box-shadow:0 8px 30px rgba(0,0,0,.15)}
.navIn{height:66px}.brandMark{border-color:rgba(183,154,99,.7);border-radius:2px}.brandMark:after{display:none}.navlinks{gap:28px;font-size:11.5px}.navlinks a{opacity:.72}.navlinks a:hover,.navlinks a.active{color:var(--gold2);opacity:1}.navAction{border-radius:6px;padding:10px 14px}
.hero{min-height:100svh;background:linear-gradient(112deg,#0b1f33 0%,#102a43 62%,#173b5e 100%);padding-top:104px}
.heroGrid{min-height:calc(100svh - 104px);grid-template-columns:1.02fr .98fr}.heroCopy{padding:64px 76px 84px 0}.heroCopy .eyebrow{color:var(--gold2);margin-bottom:22px}.name{font-size:clamp(68px,8vw,128px);line-height:.83;letter-spacing:-.048em}.name span{color:var(--gold2);-webkit-text-stroke:0;margin-left:0}.identity{color:rgba(255,255,255,.78)}.heroLead{max-width:650px;color:rgba(255,255,255,.78);font-size:clamp(21px,1.85vw,29px);line-height:1.42}.heroActions{margin-top:30px}.btn{border-radius:7px;padding:13px 16px;border-color:rgba(255,255,255,.28);transition:transform .2s ease,border-color .2s ease,background .2s ease}.btn:hover{transform:translateY(-2px);border-color:var(--gold2)}.btn.primary{background:var(--gold);color:#0b1f33}.btn.primary:hover{background:#c7ad79}.heroVisual{height:min(77svh,820px);min-height:620px}.portraitFrame{width:94%;height:94%;border-radius:18px 18px 0 0;background:#102a43;box-shadow:0 24px 58px rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.10)}.portraitFrame:after{background:linear-gradient(180deg,transparent 66%,rgba(11,31,51,.42) 100%)}.floatCard{display:none!important}
.marquee{display:none}
.statement{padding:112px 0 104px;background:var(--paper2)}.statementGrid{gap:72px}.statement .eyebrow{color:var(--wine)}.statement h2{font-size:clamp(46px,5vw,74px);color:var(--bg)}.statement p{font-size:clamp(23px,2.1vw,34px);color:#2d3d4d}.proofGrid{margin-top:62px}.proof{min-height:155px;padding:27px;background:transparent}
.section{padding:108px 0}.sectionHead{margin-bottom:42px}.sectionHead h2{font-size:clamp(48px,5.6vw,78px)}.sectionHead p{font-size:14px;line-height:1.7}
.careerStage{grid-template-columns:300px 1fr;gap:44px}.careerNav{border-radius:12px;background:rgba(255,255,255,.028);backdrop-filter:none}.careerNav button{padding:17px 18px}.careerNav button.active{background:rgba(183,154,99,.11)}.careerPanel{border-radius:14px;padding:32px;background:rgba(255,255,255,.035);min-height:0}.careerPanel .tag{color:var(--gold2)}.careerPanel h3{font-size:34px}.careerPanel p{line-height:1.7}
.books{background:var(--paper)}.bookHero{gap:48px}.bookStack{min-height:570px}.cover{box-shadow:0 22px 50px rgba(9,25,41,.18);border-radius:5px}.cover.c1{transform:rotate(-4deg)}.cover.c2{transform:rotate(0)}.cover.c3{transform:rotate(4deg)}.bookStack:hover .c1{transform:translate(-6px,-4px) rotate(-5deg)}.bookStack:hover .c2{transform:translateY(-5px)}.bookStack:hover .c3{transform:translate(6px,-4px) rotate(5deg)}.bookCopy h2{font-size:clamp(52px,5.8vw,86px)}.bookItem{border-radius:12px;background:rgba(255,255,255,.55);padding:24px}.bookItem:hover{transform:translateY(-3px);box-shadow:0 15px 34px rgba(9,25,41,.08)}
.researchFeature{min-height:500px;border-radius:15px;padding:38px;background:rgba(255,255,255,.04)}.researchFeature h3 em{color:var(--gold2)}.researchFeature p{line-height:1.7}.rCard{border-radius:13px;background:rgba(255,255,255,.03);min-height:0}.rCard h4{font-size:25px}.rCard p{line-height:1.65}
.timelineWrap:before{background:linear-gradient(var(--gold),rgba(11,31,51,.15),var(--wine))}.timeItem .content{padding-bottom:20px}.timeItem h4{font-size:25px}.timeItem p{line-height:1.65}
.principles{padding:100px 0}.principleTags span{border-radius:6px}.quote{font-size:clamp(38px,4.6vw,66px)}
.bento{grid-template-columns:repeat(2,1fr);grid-template-rows:auto;gap:14px}.b1,.b2,.b3,.b4,.b5{grid-column:span 1}.bentoCard{min-height:230px;border-radius:14px;padding:27px;background:var(--paper2)!important;color:var(--ink)!important}.bentoCard p,.b2 p,.b4 p{color:var(--muted)!important}.bentoCard .num,.b2 .num,.b4 .num{color:var(--wine)!important}.bentoCard h3{font-size:28px}.bentoCard:nth-child(1){border-top:3px solid var(--gold)}.bentoCard:nth-child(2){border-top:3px solid var(--wine)}
.final{background:var(--bg);padding-top:104px}.final h2{font-size:clamp(58px,7vw,100px)}.contactPanel{border-radius:14px}.footer{opacity:.8}
@media(hover:hover) and (pointer:fine){.careerPanel:hover,.rCard:hover{transform:translateY(-2px);border-color:rgba(183,154,99,.24);box-shadow:0 16px 36px rgba(0,0,0,.08)}.bentoCard:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(9,25,41,.07)}}
@media(max-width:1080px){
 .heroGrid{grid-template-columns:1fr}.heroCopy{padding-right:0}.heroVisual{height:64svh;min-height:560px}.portraitFrame{width:86%;margin-left:auto}
 .careerStage{grid-template-columns:1fr}.careerNav{position:relative;top:auto;display:none}.bookHero,.researchGrid,.finalGrid{grid-template-columns:1fr}.bento{grid-template-columns:1fr 1fr}
 .mobileMenu{border-radius:10px;background:#0b1f33;backdrop-filter:none}
}
@media(max-width:720px){
 .wrap{width:min(100% - 28px,650px)}nav{top:8px;width:calc(100% - 16px);border-radius:8px}.navIn{height:60px}.hero{padding-top:78px;min-height:auto}.heroGrid{min-height:auto}.heroCopy{padding:50px 0 36px}.heroCopy .eyebrow{margin-bottom:16px}.name{font-size:clamp(48px,14vw,64px);line-height:.88}.identity{font-size:11px;gap:10px;flex-wrap:wrap}.heroLead{font-size:20px;line-height:1.46;margin-top:22px}.heroActions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.heroActions .btn{justify-content:center;min-height:46px}.heroVisual{height:auto;min-height:0;margin-top:6px}.portraitFrame{width:100%;height:auto;aspect-ratio:4/5.1;border-radius:12px 12px 0 0;margin:0}.portraitFrame img{object-position:center 10%}
 .statement,.section{padding:72px 0}.statementGrid{gap:24px}.statement h2{font-size:43px}.statement p{font-size:23px}.proofGrid{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:40px}.proof{min-height:130px;padding:18px}.proof strong{font-size:36px}
 .sectionHead{gap:18px;margin-bottom:30px}.sectionHead h2{font-size:45px}.sectionHead p{font-size:13px}.careerStage{gap:12px}.careerPanels{gap:10px}.careerPanel{padding:21px;border-radius:10px}.careerPanel h3{font-size:28px}.careerPanel p{font-size:12.5px;line-height:1.62}
 .bookHero{gap:18px}.bookStack{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;min-height:0;margin:0;padding:0;overflow:visible}.cover,.cover.c1,.cover.c2,.cover.c3{position:relative;left:auto;right:auto;top:auto;width:100%;transform:none!important;aspect-ratio:2/3;border-radius:4px;box-shadow:0 12px 24px rgba(9,25,41,.14)}.bookCopy h2{font-size:48px}.bookCopy p{font-size:13px}.bookList{display:grid;grid-template-columns:1fr;gap:10px;margin:30px 0 0;padding:0;overflow:visible}.bookItem{padding:20px;border-radius:10px}.bookItem h3{font-size:24px}.bookItem p{font-size:12px;line-height:1.6}.bookMeta{flex-direction:column;gap:4px}
 .researchGrid{gap:10px}.researchFeature{min-height:0;padding:23px;border-radius:11px}.researchFeature h3{font-size:40px}.researchFeature p{font-size:12.5px}.researchCards{display:grid;gap:9px;margin:0;padding:0;overflow:visible}.rCard{min-height:0;padding:20px;border-radius:10px}.rCard h4{font-size:23px}
 .timelineWrap{margin-top:25px}.timelineWrap:before{left:6px}.timeItem{display:block;padding:13px 0 13px 24px}.timeItem h4{font-size:23px}.timeItem p{font-size:12.5px}
 .principles{padding:72px 0}.quote{font-size:38px}.bento{grid-template-columns:1fr;gap:9px}.bentoCard{min-height:0;padding:20px;border-radius:10px;gap:22px}.bentoCard h3{font-size:25px}.bentoCard p{font-size:12px}
 .final{padding-top:76px}.final h2{font-size:54px}.contactPanel{border-radius:10px}.footer{gap:12px}
}
@media(max-width:420px){.heroActions{grid-template-columns:1fr}.proofGrid{grid-template-columns:1fr 1fr}.name{font-size:clamp(44px,13.8vw,56px)}.bookStack{gap:6px}.statement h2,.sectionHead h2{font-size:40px}.final h2{font-size:49px}}


/* === Signature V8 refinements: same design, richer legal colour, cleaner motion, stronger mobile === */
.cursor,.cursorDot{display:none!important}
#progress{background:linear-gradient(90deg,var(--gold),var(--wine),var(--cyan));box-shadow:none}
.loaderMark:before{animation:none;border-color:rgba(205,168,95,.28)}.loaderMark:after{display:none}
.hero{background:linear-gradient(128deg,var(--bg),var(--bg2) 58%,#16384b);isolation:isolate}
.heroVideo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;opacity:.34;filter:saturate(.78) contrast(1.08)}
.heroVideoShade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(6,24,39,.94) 0%,rgba(6,24,39,.80) 45%,rgba(6,24,39,.50) 74%,rgba(6,24,39,.64) 100%),linear-gradient(180deg,rgba(5,20,34,.08),rgba(5,20,34,.42))}
.heroGrid,.heroRail{z-index:3}.hero canvas{display:none!important}.portraitFrame:before{display:none}.portraitFrame{border:1px solid rgba(240,217,166,.18);box-shadow:0 35px 90px rgba(0,0,0,.34),0 0 0 1px rgba(205,168,95,.08)}
.portraitFrame:after{background:linear-gradient(180deg,transparent 56%,rgba(6,24,39,.58) 100%),linear-gradient(90deg,rgba(6,24,39,.12),transparent 28%)}
.rotatingLine{display:flex;align-items:center;gap:9px;margin-top:17px;min-height:28px;color:var(--gold2);font:500 15px/1.35 Playfair Display,Georgia,serif}.rotatingLabel{font:700 8px/1 Manrope,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.48);border:1px solid rgba(255,255,255,.14);padding:7px 8px;border-radius:999px}.typeCaret{width:1px;height:18px;background:var(--gold);animation:blink .75s steps(1) infinite}@keyframes blink{50%{opacity:0}}
.focusPill{border-color:rgba(205,168,95,.28)!important;background:rgba(6,24,39,.42)!important}.focusDot{background:var(--gold)!important;box-shadow:0 0 0 5px rgba(205,168,95,.10)!important}
.btn:hover{border-color:var(--gold);transform:translateY(-2px)}.btn.primary{background:linear-gradient(135deg,#d3ae64,#f0d39a)}
.floatCard{background:rgba(6,24,39,.78);border-color:rgba(240,217,166,.18);backdrop-filter:blur(12px)}.f3 strong{color:var(--gold2)}
.marquee{background:linear-gradient(90deg,#681f35,var(--wine),#5b1d31)}
.proofGrid{gap:12px;border:0}.proof{border:1px solid rgba(10,32,50,.10)!important;border-radius:18px;min-height:218px;background:#fff;overflow:hidden;cursor:default;box-shadow:0 10px 28px rgba(10,32,50,.045);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.proof:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:var(--accent,var(--gold))}.proof:hover{transform:translateY(-7px);box-shadow:0 20px 44px rgba(10,32,50,.12);border-color:color-mix(in srgb,var(--accent) 45%,transparent)!important}.proof strong{color:var(--accent)!important}.proof small{font-size:9px;line-height:1.45;color:#82909a;letter-spacing:.07em;text-transform:uppercase}.proofGold{--accent:var(--gold)}.proofWine{--accent:var(--wine)}.proofEmerald{--accent:var(--emerald)}.proofRoyal{--accent:var(--royal)}
.statIcon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 10%,white);color:var(--accent);transition:transform .35s ease}.statIcon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.proof:hover .statIcon{transform:translateY(-2px) rotate(-3deg) scale(1.05)}.proofWine:hover .gavelIcon{animation:gavelTap .55s ease}@keyframes gavelTap{40%{transform:rotate(-13deg) scale(1.04)}70%{transform:rotate(4deg)}}
.careerNav button{transition:background .25s,color .25s,transform .25s}.careerNav button:hover{background:rgba(205,168,95,.09);transform:translateX(4px)}.careerNav button.active{color:var(--gold2)}.careerPanel:after{content:"§";position:absolute;right:24px;top:14px;font:500 70px Playfair Display,serif;color:rgba(205,168,95,.07);pointer-events:none}
.bookStackWrap{position:relative}.bookShelfLabel{display:flex;justify-content:space-between;gap:20px;margin-bottom:8px;font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#788694}.bookStack{perspective:1500px}.bookMockup{overflow:visible!important;transform-style:preserve-3d;border-radius:7px}.bookMockup img{border-radius:7px;box-shadow:0 28px 55px rgba(6,24,39,.26);position:relative;z-index:2}.bookSpine{position:absolute;left:-10px;top:4px;width:13px;height:calc(100% - 8px);z-index:1;border-radius:5px 0 0 5px;background:linear-gradient(90deg,#574637,#d2b47a 45%,#6b563e);transform:rotateY(-40deg);transform-origin:right center;box-shadow:-8px 9px 18px rgba(6,24,39,.15)}.bookMockup:after{content:"";position:absolute;left:5px;right:-6px;bottom:-7px;height:9px;background:repeating-linear-gradient(0deg,#e9e2d3 0 1px,#cfc8ba 1px 2px);transform:skewX(-34deg);border-radius:0 0 4px 4px;z-index:0}.bookMockup figcaption{position:absolute;z-index:4;right:9px;bottom:8px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(6,24,39,.86);color:var(--gold2);font-size:9px;letter-spacing:.06em;border:1px solid rgba(255,255,255,.14)}.bookStack:hover .c1{transform:translate(-14px,-9px) rotate(-10deg) rotateY(8deg)}.bookStack:hover .c2{transform:translateY(-18px) rotateY(-4deg)}.bookStack:hover .c3{transform:translate(14px,-9px) rotate(10deg) rotateY(-8deg)}
.fallbackCover:before{position:absolute;inset:0;padding:26px;display:flex;align-items:flex-start;justify-content:flex-end;flex-direction:column;color:white;font:600 24px/1.08 Playfair Display,serif;border-radius:7px;z-index:2}.fallbackOne:before{content:"THE EVOLUTION OF THE COURT SYSTEM IN UGANDA\A\A JAVASON KAMUGISHA";white-space:pre-wrap;background:linear-gradient(145deg,#832886,#d3b44e)}.fallbackTwo:before{content:"A HANDBOOK ON ARBITRATION IN UGANDA\A\A JAVASON KAMUGISHA";white-space:pre-wrap;background:linear-gradient(145deg,#26282c,#555a61)}.fallbackThree:before{content:"A GUIDE TO THE INDUSTRIAL COURT OF UGANDA\A\A JAVASON KAMUGISHA";white-space:pre-wrap;background:linear-gradient(145deg,#4a4a4a,#d9d7d2);color:#172235}
.bookItem{border-top:4px solid var(--gold)}.bookItem:nth-child(2){border-top-color:var(--wine)}.bookItem:nth-child(3){border-top-color:var(--emerald)}
.detailArchive{padding:0 0 100px;background:var(--paper2)}.detailArchive details{border:1px solid rgba(6,24,39,.12);border-radius:20px;background:rgba(255,255,255,.55);overflow:hidden}.detailArchive summary{list-style:none;cursor:pointer;padding:22px 26px;display:flex;justify-content:space-between;align-items:center;font-weight:700;color:var(--bg)}.detailArchive summary::-webkit-details-marker{display:none}.detailArchive summary span{font:400 30px Playfair Display,serif;color:var(--wine);transition:transform .3s}.detailArchive details[open] summary span{transform:rotate(45deg)}.archiveGrid{display:grid;grid-template-columns:1fr 1fr;gap:38px;padding:0 26px 28px;border-top:1px solid rgba(6,24,39,.08)}.archiveGrid h3{font:500 25px/1.1 Playfair Display,serif;color:var(--wine);margin:26px 0 8px}.archiveGrid p{font-size:13px;line-height:1.8;color:#667684;margin:0}
.contactButtons{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.contactRow{transition:background .25s,padding .25s}.contactRow[href]:hover{background:rgba(205,168,95,.08);padding-left:10px;padding-right:10px}
@media(max-width:1080px){.heroVideo{opacity:.26}.proofGrid{gap:10px}.archiveGrid{grid-template-columns:1fr}.bookShelfLabel{padding:0 4px}}
@media(max-width:720px){
 html,body{overflow-x:hidden}.wrap{width:min(100% - 26px,650px)}nav{top:8px;width:calc(100% - 16px);border-radius:16px}.navIn{height:58px}.brandMark{width:38px;height:38px}.hero{padding-top:76px;min-height:auto}.heroVideo{display:none!important}.heroVideoShade{background:linear-gradient(145deg,var(--bg),var(--bg2) 62%,#16394b)}.heroCopy{padding:46px 0 34px}.name{font-size:clamp(48px,15vw,64px);line-height:.82}.identity{font-size:11px;align-items:flex-start}.rotatingLine{font-size:14px;margin-top:15px}.rotatingLabel{display:none}.focusPill{margin-top:15px!important;font-size:9px!important}.heroLead{font-size:20px;line-height:1.42;margin-top:20px}.heroActions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:24px}.heroActions .btn{justify-content:center;padding:13px 10px}.heroActions .btn:last-child{grid-column:1/-1}.heroVisual{height:auto;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:0}.portraitFrame{grid-column:1/-1;width:100%;aspect-ratio:3/3.8;height:auto;border-radius:20px;margin:0}.portraitFrame img{object-position:center 8%}.floatCard{position:static;min-height:78px;padding:11px 12px;border-radius:13px}.floatCard strong{font-size:23px}.floatCard span{font-size:7.5px}.f3{grid-column:1/-1;min-height:64px}.heroRail{display:none}.marqueeTrack span{padding:13px 16px;font-size:8px}.statement,.section{padding:72px 0}.statementGrid{gap:24px}.statement h2,.sectionHead h2{font-size:clamp(40px,12vw,50px)}.statement p{font-size:22px}.proofGrid{grid-template-columns:1fr 1fr;gap:9px;margin-top:38px}.proof{min-height:180px;padding:16px}.proof strong{font-size:34px}.proof span{font-size:9px!important;line-height:1.4}.proof small{font-size:7px}.statIcon{width:38px;height:38px}.statIcon svg{width:23px;height:23px}.careerStage{gap:16px}.careerNav{margin:0 -13px;padding:0 13px;scroll-snap-type:x mandatory}.careerNav button{min-width:76%;scroll-snap-align:start;padding:16px}.careerNav button:hover{transform:none}.careerPanel{padding:22px}.careerPanel h3{font-size:29px}.bookHero{gap:24px}.bookShelfLabel{font-size:7.5px}.bookStack{display:flex;gap:20px;min-height:0;margin:0 -13px;padding:20px 20vw 32px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.bookStack::-webkit-scrollbar{display:none}.cover,.cover.c1,.cover.c2,.cover.c3{position:relative;left:auto;right:auto;top:auto;flex:0 0 70vw;max-width:330px;width:auto;aspect-ratio:2/3;transform:none!important;scroll-snap-align:center;border-radius:8px}.bookMockup img{border-radius:8px}.bookSpine{left:-8px;width:11px}.bookStack:hover .c1,.bookStack:hover .c2,.bookStack:hover .c3{transform:none}.bookCopy h2{font-size:clamp(48px,14vw,62px)}.bookCopy p{font-size:13px;line-height:1.7}.bookCopy .btn{width:100%;justify-content:center}.bookList{display:flex;gap:12px;margin:34px -13px 0;padding:0 13px 10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.bookList::-webkit-scrollbar{display:none}.bookItem{flex:0 0 87%;scroll-snap-align:center;min-height:auto;padding:20px}.bookItem p{min-height:0}.detailArchive{padding-bottom:72px}.detailArchive summary{padding:18px 18px;font-size:12px}.archiveGrid{padding:0 18px 22px;gap:0}.archiveGrid h3{font-size:22px}.archiveGrid p{font-size:12px}.contactButtons{display:grid;grid-template-columns:1fr}.contactButtons .btn{justify-content:center}.contactPanel{margin-top:16px}.contactRow{gap:12px}.contactRow strong{text-align:right;overflow-wrap:anywhere}}
@media(max-width:420px){.heroActions{grid-template-columns:1fr}.heroActions .btn:last-child{grid-column:auto}.proofGrid{grid-template-columns:1fr 1fr}.proof{min-height:170px;padding:14px}.proof strong{font-size:31px}.bookStack{padding-left:16vw;padding-right:16vw}.cover,.cover.c1,.cover.c2,.cover.c3{flex-basis:72vw}.name{font-size:clamp(45px,15vw,58px)}}
@media(prefers-reduced-motion:reduce){.typeCaret{animation:none}.bookMockup,.proof,.statIcon{transition:none!important}}


/* ===== Signature V9 refinement: editorial legal, readable, restrained ===== */
:root{
 --bg:#0b2032;--bg2:#17364d;--bg3:#22485b;--paper:#efe5d6;--paper2:#fbf7ef;--ink:#132231;--muted:#5d6a75;
 --gold:#b88943;--gold2:#e2c58a;--wine:#6b2033;--royal:#315b82;--emerald:#315f52;--cyan:#8a9ba8;--cyan2:#d8e0e5;
 --shadow:0 28px 72px rgba(11,32,50,.18);--radius:24px
}
html{font-size:16px}body{font-size:16px;line-height:1.68;background:var(--paper2);letter-spacing:-.006em}
body:before{display:none!important}.cursor,.cursorDot,#preloader{display:none!important}#progress{height:2px;background:linear-gradient(90deg,var(--gold),var(--wine));box-shadow:none}
.wrap{width:min(1360px,calc(100% - 56px))}.eyebrow{font-size:12px;letter-spacing:.17em}.reveal{transform:translateY(18px);transition:.7s ease}
nav{background:rgba(11,32,50,.92);border-color:rgba(226,197,138,.18);box-shadow:0 12px 36px rgba(0,0,0,.13);backdrop-filter:blur(15px)}
.navIn{height:72px}.brandMark{border-color:rgba(226,197,138,.55);font-size:19px}.brandMark:after{display:none}.brandText{font-size:12px;line-height:1.25}.brandText b{font-size:13px}.navlinks{gap:28px;font-size:13px}.navlinks a{opacity:.78}.navlinks a:hover,.navlinks a.active{color:var(--gold2)}.navAction{font-size:11px;padding:11px 17px;background:rgba(184,137,67,.08)}
.hero{background:linear-gradient(120deg,rgba(11,32,50,.97),rgba(23,54,77,.93));padding-top:110px}.hero canvas{display:none!important}.heroVideo{opacity:.14;filter:grayscale(.1) contrast(.95) brightness(.72)}.heroVideoShade{background:linear-gradient(90deg,rgba(11,32,50,.95) 0%,rgba(11,32,50,.76) 45%,rgba(11,32,50,.58) 100%)}
.heroGrid{grid-template-columns:1.02fr .98fr;min-height:calc(100svh - 110px)}.heroCopy{padding:72px 70px 84px 0}.heroCopy .eyebrow{font-size:11px;margin-bottom:24px;color:var(--gold2)}
.name{font-size:clamp(70px,7.8vw,128px);line-height:.82;letter-spacing:-.05em;max-width:11ch}.name span{margin-left:4%;-webkit-text-stroke:1px rgba(226,197,138,.82)}
.identity{font-size:15px;line-height:1.45;margin-top:28px;color:rgba(255,255,255,.84)}.identity i{background:var(--gold);width:44px}
.rotatingLine{margin-top:20px;min-height:31px;display:flex;align-items:center;color:var(--gold2);font:500 clamp(18px,1.7vw,24px)/1.35 Playfair Display,Georgia,serif;letter-spacing:.005em}.rotatingLine #rotatingText{display:inline-block;transition:opacity .28s ease,transform .28s ease}.rotatingLine #rotatingText.swap{opacity:0;transform:translateY(5px)}.rotatingLabel,.typeCaret,.focusPill{display:none!important}
.heroLead{font-size:clamp(21px,1.85vw,28px);line-height:1.42;max-width:680px;margin-top:20px;color:rgba(255,255,255,.78)}.heroActions{margin-top:30px}.btn{font-size:11px;letter-spacing:.085em;padding:13px 18px;border-radius:12px}.btn:after{font-size:13px}.btn:hover{transform:translateY(-2px);border-color:var(--gold)}.btn.primary{background:var(--gold);color:#102131}
.heroVisual{height:min(78svh,830px);min-height:620px}.portraitFrame{width:90%;height:94%;border-radius:30px 30px 0 0;box-shadow:0 28px 70px rgba(0,0,0,.24);border:1px solid rgba(226,197,138,.14)}.portraitFrame:before{display:none}.portraitFrame:after{background:linear-gradient(180deg,transparent 60%,rgba(11,32,50,.38) 100%)}
.floatCard,.heroRail{display:none!important}
.marquee{background:#6b2033}.marqueeTrack{animation-duration:42s}.marqueeTrack span{font-size:11px;padding:13px 24px;letter-spacing:.13em}.marqueeTrack i{color:#e2c58a}
.statement{padding:112px 0 105px}.statementGrid{grid-template-columns:.7fr 1.3fr;gap:70px}.statement h2{font-size:clamp(48px,4.8vw,72px);line-height:1.01}.statement p{font-size:clamp(22px,2vw,31px);line-height:1.36;color:#263746}.statement .eyebrow{margin-bottom:14px}
.proofGrid{gap:16px;margin-top:56px;border:0}.proof{min-height:205px;border:1px solid rgba(19,34,49,.10)!important;border-radius:20px;padding:24px;background:#fff;box-shadow:0 8px 28px rgba(19,34,49,.055);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.proof:before{display:none}.proof:after{content:"";position:absolute;left:0;top:0;right:0;height:5px;background:var(--proofAccent,var(--gold))}.proofGold{--proofAccent:var(--gold)}.proofWine{--proofAccent:var(--wine)}.proofEmerald{--proofAccent:var(--emerald)}.proofRoyal{--proofAccent:var(--royal)}.proof:hover{transform:translateY(-7px);box-shadow:0 20px 44px rgba(19,34,49,.11);border-color:color-mix(in srgb,var(--proofAccent) 35%,transparent)!important}.proof strong{font-size:50px;color:var(--bg)}.proof span{font-size:12px;line-height:1.45;letter-spacing:.08em;max-width:210px;color:#465766}.proof small{font-size:10px;letter-spacing:.06em;color:#7a8791}.statIcon{width:46px;height:46px;border-radius:14px;background:color-mix(in srgb,var(--proofAccent) 9%,white);border-color:color-mix(in srgb,var(--proofAccent) 20%,transparent)}.statIcon svg{width:27px;height:27px;stroke:var(--proofAccent)}
.proofBooks{display:flex;align-items:flex-end;gap:5px;margin-top:10px;height:43px}.proofBooks img{width:25px;height:38px;object-fit:cover;border-radius:2px;box-shadow:0 4px 9px rgba(0,0,0,.14);transform:rotate(-3deg)}.proofBooks img:nth-child(2){transform:translateY(-3px)}.proofBooks img:nth-child(3){transform:rotate(3deg)}
.section{padding:108px 0}.sectionHead{margin-bottom:44px;gap:52px}.sectionHead h2{font-size:clamp(48px,5vw,74px);line-height:1.02}.sectionHead p{font-size:17px;line-height:1.7;max-width:560px}.dark{background:linear-gradient(140deg,#0b2032,#17364d)}
.careerStage{grid-template-columns:320px 1fr;gap:46px}.careerNav{border-radius:20px;background:rgba(255,255,255,.035);border-color:rgba(226,197,138,.16);padding:8px}.careerNav button{grid-template-columns:42px 1fr;gap:8px;padding:15px 14px;border:0!important;border-radius:14px;margin:2px 0;color:rgba(255,255,255,.72);transition:transform .24s ease,background .24s ease,color .24s ease}.careerNav button span:first-child{font-size:11px;color:var(--gold2)}.careerNav button span:last-child{font-size:13px;line-height:1.3}.careerNav button:hover{transform:translateX(4px);background:rgba(255,255,255,.055);color:#fff}.careerNav button.active{background:linear-gradient(100deg,rgba(184,137,67,.22),rgba(107,32,51,.16));box-shadow:inset 3px 0 0 var(--gold);color:white}
.careerPanels{gap:14px}.careerPanel{border-radius:20px;padding:32px 34px;min-height:215px;background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.10);transition:transform .3s ease,border-color .3s ease,background .3s ease}.careerPanel:hover{transform:translateY(-3px);background:rgba(255,255,255,.06);border-color:rgba(226,197,138,.22)}.careerPanel:after{font-size:86px;opacity:.7}.careerPanel .tag{font-size:11px;color:var(--gold2)}.careerPanel h3{font-size:34px;margin:10px 0 14px}.careerPanel p{font-size:16px;line-height:1.72;color:rgba(255,255,255,.72)}
.books{background:linear-gradient(180deg,#f1e7d8 0%,#fbf7ef 100%)}.bookHero{grid-template-columns:1fr 1fr;gap:62px}.bookShelfLabel{font-size:10px}.bookStack{min-height:590px}.cover{box-shadow:0 28px 60px rgba(19,34,49,.22);border:1px solid rgba(19,34,49,.08)}.bookStack:hover .c1{transform:translate(-8px,-6px) rotate(-9deg)}.bookStack:hover .c2{transform:translateY(-10px) rotate(1deg)}.bookStack:hover .c3{transform:translate(8px,-6px) rotate(9deg)}.bookCopy h2{font-size:clamp(54px,5.7vw,84px);line-height:.95}.bookCopy p{font-size:17px;line-height:1.75;color:#596a77}.bookList{gap:20px;margin-top:54px}.bookItem{padding:0;overflow:hidden;border-radius:20px;background:#fff;border:1px solid rgba(19,34,49,.10);box-shadow:0 10px 34px rgba(19,34,49,.055);transition:transform .3s ease,box-shadow .3s ease}.bookItem:hover{transform:translateY(-7px);box-shadow:0 22px 46px rgba(19,34,49,.11)}.bookItemInner{padding:22px 22px 24px}.bookCardMockup{height:250px;display:grid;place-items:center;background:linear-gradient(145deg,#e9dfd0,#f8f1e7);position:relative;overflow:hidden}.bookCardMockup:after{content:"";position:absolute;left:13%;right:13%;bottom:23px;height:16px;background:rgba(19,34,49,.15);filter:blur(12px);border-radius:50%}.bookCardMockup img{height:200px;width:auto;max-width:72%;object-fit:cover;border-radius:4px;box-shadow:-8px 13px 22px rgba(19,34,49,.24);transform:perspective(700px) rotateY(-10deg) rotateZ(-1deg);transition:transform .35s ease;position:relative;z-index:2}.bookItem:hover .bookCardMockup img{transform:perspective(700px) rotateY(-3deg) rotateZ(0) translateY(-4px)}.bookItem .n{font-size:18px;letter-spacing:.1em}.bookItem h3{font-size:27px;margin:12px 0 12px}.bookItem p{font-size:15px;line-height:1.68;min-height:0}.bookMeta{font-size:10px;line-height:1.4}.bookItem a{font-size:11px;color:var(--wine)}
.researchFeature{border-color:rgba(226,197,138,.18);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025))}.researchFeature .orb{display:none}.researchFeature .eyebrow{color:var(--gold2)!important}.researchFeature h3{font-size:clamp(46px,4.5vw,68px)}.researchFeature p{font-size:16px;line-height:1.78;color:rgba(255,255,255,.72)}.rCard{transition:.28s ease;border-color:rgba(255,255,255,.10)}.rCard:hover{transform:translateX(5px);border-color:rgba(226,197,138,.24)}.rCard h4{font-size:22px}.rCard p{font-size:15px;line-height:1.65}
.timelineWrap{max-width:1000px}.timeItem .year{font-size:12px}.timeItem .content h4{font-size:22px}.timeItem .content p{font-size:15px;line-height:1.7}.dot{border-color:var(--gold)}
.principles{background:#6b2033}.principleTags span{font-size:11px}.quote{font-size:clamp(39px,4vw,60px)}
.beyond .sectionHead p{font-size:17px}.bento{gap:16px}.bentoCard{border-radius:20px;min-height:240px;transition:.28s ease}.bentoCard:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(19,34,49,.08)}.bentoCard h3{font-size:28px}.bentoCard p{font-size:15px;line-height:1.7}.bentoCard .giant{display:none}
.detailArchive summary{font-size:15px;padding:20px 24px}.archiveGrid h3{font-size:25px}.archiveGrid p{font-size:15px;line-height:1.8}
.final p{font-size:17px;line-height:1.7}.contactRow{font-size:14px}.contactRow strong{font-size:15px}
@media(max-width:1080px){.wrap{width:min(100% - 40px,920px)}.heroGrid{grid-template-columns:1fr}.heroCopy{padding:56px 0 26px}.heroVisual{height:640px;min-height:0}.portraitFrame{width:min(640px,92%);margin:0 auto}.proofGrid{grid-template-columns:repeat(2,1fr)}.careerStage{grid-template-columns:1fr}.careerNav{position:relative;top:auto;display:flex;overflow:auto;padding:8px;gap:8px}.careerNav button{min-width:240px;margin:0}.careerNav button:hover{transform:translateY(-2px)}.bookHero{grid-template-columns:1fr}.bookStack{min-height:520px}.bookList{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){
 .wrap{width:min(100% - 24px,640px)}nav{top:8px;width:calc(100% - 16px);border-radius:14px}.navIn{height:60px}.brandMark{width:40px;height:40px}.hero{padding-top:78px}.heroVideo{display:none!important}.heroVideoShade{background:linear-gradient(145deg,#0b2032,#17364d)}.heroCopy{padding:42px 0 28px}.heroCopy .eyebrow{font-size:10px;line-height:1.5}.name{font-size:clamp(50px,14.5vw,64px);line-height:.85}.name span{margin-left:0}.identity{font-size:13px;margin-top:19px}.rotatingLine{font-size:18px;min-height:27px;margin-top:16px}.heroLead{font-size:20px;line-height:1.5;margin-top:16px}.heroActions{grid-template-columns:1fr 1fr;margin-top:22px}.heroActions .btn{font-size:10.5px;padding:13px 10px}.heroVisual{height:auto;min-height:0;margin-top:0}.portraitFrame{width:100%;height:auto;aspect-ratio:3/3.8;border-radius:20px;margin:0}.portraitFrame img{object-position:center 8%}.marqueeTrack span{font-size:9px;padding:11px 16px}
 .statement,.section{padding:72px 0}.statementGrid{gap:24px}.statement h2,.sectionHead h2{font-size:clamp(40px,11.4vw,50px)}.statement p{font-size:21px;line-height:1.4}.proofGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:34px}.proof{min-height:190px;padding:17px;border-radius:16px}.proof strong{font-size:38px}.proof span{font-size:10.5px}.proof small{font-size:9px}.statIcon{width:40px;height:40px}.proofBooks{height:35px}.proofBooks img{width:21px;height:31px}
 .sectionHead{gap:18px;margin-bottom:30px}.sectionHead p{font-size:15px}.careerStage{gap:12px}.careerNav{margin:0 -12px;padding:0 12px 10px;background:transparent;border:0;border-radius:0}.careerNav button{flex:0 0 78%;min-width:0;padding:14px;border:1px solid rgba(255,255,255,.12)!important}.careerPanel{padding:22px;border-radius:16px}.careerPanel h3{font-size:28px}.careerPanel p{font-size:15px}.careerPanel:after{display:none}
 .bookStack{min-height:0;margin:0 -12px;padding:18px 18vw 30px;display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.bookStack::-webkit-scrollbar{display:none}.cover,.cover.c1,.cover.c2,.cover.c3{position:relative;left:auto;right:auto;top:auto;flex:0 0 68vw;max-width:320px;width:auto;aspect-ratio:2/3;transform:none!important;scroll-snap-align:center}.bookCopy h2{font-size:clamp(46px,13vw,58px)}.bookCopy p{font-size:15.5px}.bookList{display:grid;grid-template-columns:1fr;gap:16px}.bookCardMockup{height:220px}.bookCardMockup img{height:175px}.bookItem h3{font-size:25px}.bookItem p{font-size:15px}
 .researchFeature{padding:24px}.researchFeature h3{font-size:40px}.researchFeature p{font-size:15px}.rCard h4{font-size:20px}.rCard p{font-size:14.5px}.timeItem .content h4{font-size:20px}.timeItem .content p{font-size:14.5px}.quote{font-size:38px}.bentoCard{min-height:210px}.bentoCard h3{font-size:25px}.bentoCard p{font-size:14.5px}.detailArchive summary{font-size:14px}.archiveGrid p{font-size:14px}.final h2{font-size:54px}.final p{font-size:15.5px}.contactRow{font-size:13px}.contactRow strong{font-size:14px}
}
@media(max-width:430px){.proofGrid{grid-template-columns:1fr}.proof{min-height:165px}.heroActions{grid-template-columns:1fr}.heroActions .btn:last-child{grid-column:auto}.bookStack{padding-left:15vw;padding-right:15vw}.cover,.cover.c1,.cover.c2,.cover.c3{flex-basis:72vw}.name{font-size:clamp(47px,15vw,58px)}}
@media(prefers-reduced-motion:reduce){.marqueeTrack{animation:none}.reveal,.proof,.careerNav button,.careerPanel,.bookItem,.bookCardMockup img,.rCard,.bentoCard{transition:none!important}}


/* V10 refinements */
.hero{background:linear-gradient(120deg,#0b2032,#15364b 58%,#224961)}
.heroVideo{opacity:.12;filter:grayscale(.12) contrast(.92) brightness(.7)}
.sectionHead p,.careerPanel p,.bookItem p,.rCard p,.bentoCard p,.archiveGrid p{color:#546574}
.marqueeLegal{background:linear-gradient(90deg,#fff8ef,#f5ecde);border-top:1px solid rgba(11,32,50,.08);border-bottom:1px solid rgba(11,32,50,.08);overflow:hidden;position:relative}
.marqueeLegal:before,.marqueeLegal:after{content:"";position:absolute;top:0;bottom:0;width:85px;z-index:2;pointer-events:none}
.marqueeLegal:before{left:0;background:linear-gradient(90deg,#fff8ef,rgba(255,248,239,0))}
.marqueeLegal:after{right:0;background:linear-gradient(-90deg,#fff8ef,rgba(255,248,239,0))}
.marqueeLegal .track{display:flex;gap:18px;white-space:nowrap;padding:16px 0;animation:legalTicker 34s linear infinite;width:max-content}
.marqueeLegal .chip{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:999px;background:white;border:1px solid rgba(11,32,50,.08);box-shadow:0 10px 24px rgba(11,32,50,.06);font-size:12px;color:#304050}
.marqueeLegal .chip svg{width:16px;height:16px;color:var(--wine);opacity:.88;animation:pulseScale 2.8s ease-in-out infinite}
@keyframes legalTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes pulseScale{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}

.storyMediaRow{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:34px 0 10px}
.storyMedia{position:relative;min-height:235px;border-radius:22px;overflow:hidden;box-shadow:0 18px 50px rgba(10,23,38,.09);background:#17384f;color:white}
.storyMedia img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease;filter:saturate(.92) contrast(1.02)}
.storyMedia:hover img{transform:scale(1.05)}
.storyMedia:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,32,50,.06),rgba(11,32,50,.62) 84%)}
.storyMedia .label{position:absolute;left:18px;right:18px;bottom:16px;z-index:2}
.storyMedia .label b{display:block;font:500 24px/1.04 Playfair Display,serif;margin-bottom:6px}
.storyMedia .label span{font-size:12px;color:rgba(255,255,255,.82)}
.storyMedia .badge{position:absolute;right:14px;top:14px;z-index:2;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.16);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.24)}
.storyMedia .badge svg{width:20px;height:20px;color:#fff7ea}

.bentoCard{position:relative;padding-left:132px;min-height:255px}
.bentoCard .illus{position:absolute;left:20px;top:22px;width:92px;height:92px;border-radius:22px;overflow:hidden;border:1px solid rgba(11,32,50,.08);box-shadow:0 12px 26px rgba(11,32,50,.08);background:#fff}
.bentoCard .illus img{width:100%;height:100%;object-fit:cover}
.bentoCard .illus svg{width:100%;height:100%;padding:18px;color:var(--wine);background:linear-gradient(145deg,#fff,#f6efe2)}
.bentoCard .miniAnim{position:absolute;bottom:16px;right:18px;width:44px;height:44px;opacity:.18}
.bentoCard .miniAnim svg{width:100%;height:100%;color:var(--royal);animation:floatMini 3.4s ease-in-out infinite}
@keyframes floatMini{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}

.detailArchive{padding:36px 0 112px;background:var(--paper2)}
.detailArchive .sectionIntro{margin-bottom:28px}
.detailArchive .sectionIntro h2{font:500 clamp(40px,4.4vw,58px)/1 Playfair Display,serif;margin:0 0 10px;color:var(--bg)}
.detailArchive .sectionIntro p{max-width:760px;margin:0;color:#596977;font-size:16px;line-height:1.75}
.detailArchive details{box-shadow:0 18px 48px rgba(11,32,50,.07)}
.detailArchive summary{font-size:16px;letter-spacing:.01em;padding:24px 28px}
.archiveLead{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;padding:28px;border-top:1px solid rgba(6,24,39,.08);background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,.52))}
.archiveHero{position:relative;min-height:320px;border-radius:24px;overflow:hidden;background:#17384f}
.archiveHero img{width:100%;height:100%;object-fit:cover}
.archiveHero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,32,50,.16),rgba(11,32,50,.68))}
.archiveHero .cap{position:absolute;left:22px;right:22px;bottom:18px;z-index:2;color:white}
.archiveHero .cap b{display:block;font:500 30px/1.02 Playfair Display,serif;margin-bottom:8px}
.archiveHero .cap span{font-size:13px;color:rgba(255,255,255,.82)}
.archiveMeta{display:grid;gap:12px;align-content:start}
.archiveMeta .metaCard{border-radius:20px;padding:18px 18px;background:#fff;border:1px solid rgba(11,32,50,.08);display:flex;gap:15px;align-items:flex-start}
.archiveMeta .icon{flex:0 0 44px;width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,#f8f1e4,#fff);display:grid;place-items:center;color:var(--wine);border:1px solid rgba(11,32,50,.08)}
.archiveMeta .icon svg{width:22px;height:22px}
.archiveMeta strong{display:block;color:var(--bg);font-size:15px;margin-bottom:4px}
.archiveMeta span{display:block;color:#5c6b79;font-size:13px;line-height:1.55}
.archiveGrid{gap:26px;padding:0 28px 32px}
.archiveBlock{position:relative;padding-left:66px}
.archiveBlock .blockIcon{position:absolute;left:0;top:28px;width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,#fff,#f4ecdf);display:grid;place-items:center;border:1px solid rgba(11,32,50,.08);color:var(--wine)}
.archiveBlock .blockIcon svg{width:22px;height:22px}

.proof{transition:transform .28s ease,box-shadow .28s ease,background .28s ease}.proof:hover{transform:translateY(-6px);box-shadow:0 18px 38px rgba(11,32,50,.08)}

@media(max-width:980px){.storyMediaRow{grid-template-columns:1fr}.archiveLead{grid-template-columns:1fr}.bentoCard{padding-left:112px}.bentoCard .illus{width:78px;height:78px;border-radius:18px}}
@media(max-width:640px){.marqueeLegal .track{gap:12px;padding:12px 0}.marqueeLegal .chip{font-size:10px;padding:10px 13px}.storyMediaRow{margin-top:24px}.storyMedia{min-height:210px}.bentoCard{padding-left:22px;padding-top:118px}.bentoCard .illus{left:18px;top:18px;width:84px;height:84px}.detailArchive{padding-top:48px}.detailArchive .sectionIntro p{font-size:15px}.archiveLead{padding:20px}.archiveGrid{padding:0 20px 26px}.archiveBlock{padding-left:0}.archiveBlock .blockIcon{position:relative;left:auto;top:auto;margin:24px 0 8px}.archiveHero{min-height:270px}}


/* V11 photo and blended-background refinements */
.detailArchive{padding:54px 0 118px;background:linear-gradient(180deg,rgba(255,250,244,.97),rgba(255,250,244,.98)),url("https://images.unsplash.com/photo-1453945619913-79ec89a82c51?auto=format&fit=crop&w=1600&q=80") center/cover no-repeat}
.detailArchive .sectionIntro{position:relative;overflow:hidden;padding:34px 36px;border-radius:28px;margin-bottom:34px;background:linear-gradient(90deg,rgba(11,32,50,.90),rgba(11,32,50,.74) 52%,rgba(27,61,80,.72)),url("https://images.unsplash.com/photo-1505664194779-8beaceb93744?auto=format&fit=crop&w=1400&q=80") center/cover no-repeat;box-shadow:0 24px 60px rgba(11,32,50,.12)}
.detailArchive .sectionIntro:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0));pointer-events:none}
.detailArchive .sectionIntro .eyebrow{color:var(--gold2)!important;position:relative;z-index:1}
.detailArchive .sectionIntro h2{color:#fff;position:relative;z-index:1}
.detailArchive .sectionIntro p{color:rgba(255,255,255,.86);position:relative;z-index:1;max-width:760px}
.detailArchive details{background:rgba(255,255,255,.70);backdrop-filter:blur(6px)}
.storyMedia .label span,.archiveHero .cap span{line-height:1.55}
@media(max-width:640px){
 .detailArchive{padding-top:44px}
 .detailArchive .sectionIntro{padding:24px 20px;border-radius:22px;margin-bottom:24px;background-position:center}
}


/* V12 — legal image bridge between Career and Books */
.lawBridge{background:var(--paper2);padding:50px 0 30px}
.lawBridgeCard{position:relative;min-height:390px;border-radius:28px;overflow:hidden;background-image:url("https://images.unsplash.com/photo-1768839722927-df0ef3188f6d?auto=format&fit=crop&fm=jpg&ixlib=rb-4.1.0&q=82&w=2400");background-position:center 48%;background-size:cover;background-repeat:no-repeat;box-shadow:0 26px 70px rgba(11,32,50,.14);border:1px solid rgba(11,32,50,.08)}
.lawBridgeCard:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,32,50,.94) 0%,rgba(11,32,50,.72) 42%,rgba(11,32,50,.22) 72%,rgba(11,32,50,.30) 100%),linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.20))}
.lawBridgeCard:after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:linear-gradient(90deg,var(--gold),var(--wine),var(--royal))}
.lawBridgeContent{position:relative;z-index:2;max-width:710px;min-height:390px;display:flex;flex-direction:column;justify-content:center;padding:54px 56px;color:white}
.lawBridgeKicker{display:inline-flex;align-items:center;gap:10px;width:max-content;padding:9px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.20);background:rgba(255,255,255,.08);backdrop-filter:blur(8px);font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:var(--gold2)}
.lawBridgeContent h3{margin:19px 0 14px;font:500 clamp(38px,4vw,62px)/.98 Playfair Display,Georgia,serif;max-width:630px}
.lawBridgeContent p{margin:0;max-width:600px;font-size:16px;line-height:1.7;color:rgba(255,255,255,.84)}
.lawBridgeIcon{position:absolute;right:32px;top:28px;z-index:2;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(9px)}
.lawBridgeIcon svg{width:29px;height:29px;color:var(--gold2)}
@media(max-width:720px){.lawBridge{padding:28px 0 20px}.lawBridgeCard{min-height:310px;border-radius:20px;background-position:center}.lawBridgeContent{min-height:310px;padding:34px 24px}.lawBridgeContent h3{font-size:39px}.lawBridgeContent p{font-size:14.5px;line-height:1.62}.lawBridgeIcon{right:18px;top:18px;width:48px;height:48px}.lawBridgeIcon svg{width:23px;height:23px}}



/* ===== Client Mobile R1 — phone-first stability without changing desktop design ===== */
@media (max-width: 820px){
  html{
    width:100%;max-width:100%;
    overflow-x:clip;
    overflow-y:auto!important;
    scroll-behavior:smooth;
    -webkit-text-size-adjust:100%;
    scroll-padding-top:82px;
  }
  body{
    width:100%;max-width:100%;min-width:0!important;
    overflow-x:clip!important;
    overflow-y:auto!important;
    overscroll-behavior-y:auto!important;
    touch-action:pan-y!important;
    -webkit-overflow-scrolling:touch;
  }
  body.mobile-menu-open{overflow:hidden!important;touch-action:none!important}
  header,main,section,footer,nav,.wrap,.hero,.heroGrid,.heroCopy,.heroVisual,
  .statementGrid,.sectionHead,.careerStage,.careerPanels,.bookHero,.bookCopy,
  .researchGrid,.researchFeature,.timelineWrap,.principlesGrid,.bento,
  .storyMediaRow,.archiveLead,.archiveGrid,.finalGrid,.detailArchive{
    min-width:0!important;max-width:100%;
  }
  main>section,.final{content-visibility:visible!important;contain-intrinsic-size:auto!important}
  .wrap{width:calc(100% - 28px)!important;margin-left:auto!important;margin-right:auto!important}
  nav{left:50%;right:auto;width:calc(100% - 16px)!important;max-width:none!important}
  .navIn{grid-template-columns:auto 1fr auto;gap:8px}
  .brand{min-width:0}.brandText{min-width:0}.brandText b{overflow:hidden;text-overflow:ellipsis;max-width:190px}
  .menu{display:grid!important;justify-self:end}
  .mobileMenu{left:8px!important;right:8px!important;width:auto!important;max-width:none!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch}

  .hero{min-height:0!important;padding-top:78px!important;padding-bottom:0!important;overflow:hidden!important}
  .heroVideo{display:none!important}.heroVideoShade{background:linear-gradient(145deg,#0b2032,#17364d 62%,#22485b)!important}
  .heroGrid{display:block!important;min-height:0!important}
  .heroCopy{padding:42px 0 30px!important;width:100%!important}
  .heroCopy .eyebrow{font-size:10px!important;line-height:1.5;letter-spacing:.13em!important;margin-bottom:15px!important}
  .name{font-size:clamp(46px,14vw,62px)!important;line-height:.86!important;letter-spacing:-.047em!important;max-width:100%!important;overflow-wrap:anywhere}
  .name span{margin-left:0!important}
  .identity{font-size:12.5px!important;line-height:1.45!important;margin-top:18px!important;gap:9px!important}
  .identity i{width:28px!important;flex:0 0 28px}
  .rotatingLine{font-size:17px!important;line-height:1.4!important;min-height:25px!important;margin-top:14px!important}
  .heroLead{font-size:19px!important;line-height:1.5!important;margin-top:15px!important;max-width:none!important}
  .heroActions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;margin-top:22px!important}
  .heroActions .btn,.heroActions .btn.primary,.heroActions .btn:last-child{grid-column:auto!important;width:100%!important;justify-content:center!important;min-height:47px!important;padding:12px 14px!important;font-size:10px!important}
  .heroVisual{height:auto!important;min-height:0!important;margin:0!important;display:block!important}
  .portraitFrame{width:100%!important;height:auto!important;aspect-ratio:4/5!important;margin:0!important;border-radius:18px 18px 0 0!important;transform:none!important}
  .portraitFrame img{object-position:center 9%!important}
  .floatCard,.heroRail{display:none!important}

  .marqueeLegal,.marquee{max-width:100vw!important;overflow:hidden!important}
  .marqueeLegal:before,.marqueeLegal:after{width:28px!important}
  .marqueeLegal .track,.marqueeTrack{max-width:none!important;will-change:transform}
  .marqueeLegal .chip{font-size:9.5px!important;padding:9px 12px!important;gap:7px!important}
  .marqueeLegal .chip svg{width:14px!important;height:14px!important;flex:0 0 14px}
  .marqueeTrack span{font-size:8.5px!important;padding:10px 14px!important}

  .statement,.section{padding:66px 0!important}
  .statementGrid,.sectionHead,.bookHero,.researchGrid,.principlesGrid,.finalGrid{display:grid!important;grid-template-columns:1fr!important;gap:22px!important}
  .statement h2,.sectionHead h2{font-size:clamp(38px,11vw,48px)!important;line-height:1!important}
  .statement p{font-size:20px!important;line-height:1.43!important}
  .sectionHead{margin-bottom:28px!important}.sectionHead p{font-size:14.5px!important;line-height:1.68!important}

  .proofGrid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin:32px 0 0!important;padding:0!important;border:0!important;overflow:visible!important}
  .proof{width:100%!important;min-width:0!important;min-height:170px!important;padding:16px!important;border-radius:15px!important}
  .proof strong{font-size:35px!important}.proof span{font-size:10px!important;line-height:1.4!important}.proof small{font-size:8px!important;line-height:1.35!important}
  .statIcon{width:38px!important;height:38px!important}.statIcon svg{width:23px!important;height:23px!important}
  .proofBooks{height:32px!important}.proofBooks img{width:19px!important;height:29px!important}

  .careerStage{display:block!important}.careerNav{display:none!important}
  .careerPanels{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .careerPanel{width:100%!important;min-width:0!important;padding:20px!important;border-radius:15px!important;min-height:0!important}
  .careerPanel h3{font-size:27px!important;line-height:1.08!important}.careerPanel p{font-size:14px!important;line-height:1.62!important}.careerPanel .tag{font-size:9px!important}

  .lawBridge{padding:24px 0 18px!important}.lawBridgeCard{min-height:300px!important;border-radius:18px!important;background-position:center!important}
  .lawBridgeContent{min-height:300px!important;padding:32px 20px!important;max-width:100%!important}.lawBridgeContent h3{font-size:36px!important;line-height:1!important;margin:17px 0 12px!important}.lawBridgeContent p{font-size:14px!important;line-height:1.6!important}.lawBridgeKicker{font-size:8.5px!important;letter-spacing:.12em!important;padding:8px 10px!important}.lawBridgeIcon{width:44px!important;height:44px!important;right:14px!important;top:14px!important}

  .bookHero{gap:20px!important}.bookShelfLabel{font-size:8px!important;margin-bottom:8px!important}
  .bookStack{display:grid!important;grid-template-columns:1fr!important;gap:18px!important;min-height:0!important;margin:0!important;padding:8px 0 8px!important;overflow:visible!important;perspective:none!important}
  .cover,.cover.c1,.cover.c2,.cover.c3{position:relative!important;left:auto!important;right:auto!important;top:auto!important;width:min(78vw,290px)!important;max-width:290px!important;aspect-ratio:2/3!important;transform:none!important;margin:0 auto!important;flex:none!important;scroll-snap-align:none!important}
  .bookSpine{display:none!important}.bookMockup:after{display:none!important}
  .bookCopy h2{font-size:clamp(44px,12vw,56px)!important;line-height:.96!important}.bookCopy p{font-size:14.5px!important;line-height:1.68!important}.bookCopy .btn{width:100%!important;justify-content:center!important}
  .bookList{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;margin:30px 0 0!important;padding:0!important;overflow:visible!important}
  .bookItem{width:100%!important;min-width:0!important;flex:none!important;scroll-snap-align:none!important;border-radius:16px!important}
  .bookCardMockup{height:210px!important}.bookCardMockup img{height:165px!important;max-width:68%!important}.bookItemInner{padding:20px!important}.bookItem h3{font-size:24px!important}.bookItem p{font-size:14px!important;line-height:1.62!important}.bookMeta{font-size:9.5px!important;flex-direction:column!important;gap:4px!important}

  .researchGrid{gap:10px!important}.researchFeature{min-height:0!important;padding:22px!important;border-radius:15px!important}.researchFeature h3{font-size:38px!important;line-height:1!important}.researchFeature p{font-size:14px!important;line-height:1.65!important}
  .researchCards{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;margin:0!important;padding:0!important;overflow:visible!important}
  .rCard{width:100%!important;min-width:0!important;flex:none!important;min-height:0!important;padding:19px!important;border-radius:14px!important;scroll-snap-align:none!important}.rCard h4{font-size:21px!important}.rCard p{font-size:13.5px!important;line-height:1.58!important}

  .timelineWrap{margin-top:20px!important}.timelineWrap:before{left:5px!important}.timeItem{display:block!important;padding:12px 0 12px 23px!important}.timeItem .year{text-align:left!important;padding:0 0 6px!important;font-size:9px!important}.timeItem .dot{position:absolute!important;left:0!important;top:17px!important;margin:0!important}.timeItem .content{padding:0 0 16px!important}.timeItem h4{font-size:21px!important}.timeItem p{font-size:13.5px!important;line-height:1.58!important}

  .principles{padding:66px 0!important}.quote{font-size:36px!important;line-height:1.05!important}.principleTags span{font-size:8px!important;padding:7px 9px!important}

  .storyMediaRow{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;margin:22px 0 10px!important}.storyMedia{min-height:205px!important;border-radius:17px!important}.storyMedia .label b{font-size:22px!important}.storyMedia .label span{font-size:11px!important}
  .bento{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.bentoCard{width:100%!important;min-width:0!important;min-height:0!important;padding:112px 19px 20px!important;border-radius:15px!important;gap:18px!important}.bentoCard .illus{left:18px!important;top:18px!important;width:78px!important;height:78px!important;border-radius:17px!important}.bentoCard h3{font-size:24px!important}.bentoCard p{font-size:13.5px!important;line-height:1.6!important}

  .detailArchive{padding:42px 0 72px!important;background:var(--paper2)!important}.detailArchive .sectionIntro{padding:23px 18px!important;border-radius:18px!important;margin-bottom:20px!important}.detailArchive .sectionIntro h2{font-size:38px!important}.detailArchive .sectionIntro p{font-size:14px!important;line-height:1.62!important}.detailArchive details{border-radius:15px!important;backdrop-filter:none!important}.detailArchive summary{padding:16px!important;font-size:12px!important;gap:12px!important}.detailArchive summary span{font-size:25px!important}
  .archiveLead{display:grid!important;grid-template-columns:1fr!important;gap:16px!important;padding:16px!important}.archiveHero{min-height:225px!important;border-radius:15px!important}.archiveHero .cap{left:16px!important;right:16px!important;bottom:14px!important}.archiveHero .cap b{font-size:24px!important}.archiveHero .cap span{font-size:11px!important}.archiveMeta{gap:9px!important}.archiveMeta .metaCard{padding:14px!important;border-radius:14px!important}.archiveMeta .icon{width:38px!important;height:38px!important;flex-basis:38px!important;border-radius:11px!important}.archiveMeta strong{font-size:13.5px!important}.archiveMeta span{font-size:12px!important;line-height:1.5!important}
  .archiveGrid{display:grid!important;grid-template-columns:1fr!important;gap:0!important;padding:0 16px 22px!important}.archiveBlock{padding-left:0!important}.archiveBlock .blockIcon{position:relative!important;left:auto!important;top:auto!important;margin:20px 0 7px!important}.archiveGrid h3{font-size:21px!important;margin:10px 0 7px!important}.archiveGrid p{font-size:13px!important;line-height:1.62!important}

  .final{padding:66px 0 calc(24px + env(safe-area-inset-bottom))!important;overflow:hidden!important}.final h2{font-size:50px!important;line-height:.93!important}.final p{font-size:14.5px!important;line-height:1.65!important}.contactButtons{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}.contactButtons .btn{width:100%!important;justify-content:center!important}.contactPanel{margin-top:4px!important;border-radius:14px!important}.contactRow{display:grid!important;grid-template-columns:1fr!important;gap:5px!important;padding:14px 15px!important;font-size:12px!important}.contactRow strong{font-size:13px!important;text-align:left!important;overflow-wrap:anywhere!important}.footer{margin-top:44px!important;display:grid!important;grid-template-columns:1fr!important;gap:7px!important;font-size:8px!important;line-height:1.5!important}
}

@media (max-width: 430px){
  .wrap{width:calc(100% - 22px)!important}
  .brandText{display:none!important}
  .name{font-size:clamp(43px,14.5vw,55px)!important}
  .proofGrid{grid-template-columns:1fr!important}.proof{min-height:145px!important}
  .cover,.cover.c1,.cover.c2,.cover.c3{width:min(82vw,280px)!important}
  .statement h2,.sectionHead h2{font-size:39px!important}.statement p{font-size:19px!important}
  .lawBridgeContent h3{font-size:33px!important}.researchFeature h3{font-size:35px!important}.quote{font-size:33px!important}.final h2{font-size:47px!important}
}


/* ===== Signature V15 — mobile editorial compression + desktop-style book tableau ===== */
.mobileSwipeHint{display:none}
@media (max-width:820px){
  /* Restore the restrained hero background video on phones while keeping the legal overlay readable. */
  .heroVideo{display:block!important;opacity:.17!important;filter:grayscale(.12) contrast(.94) brightness(.68)!important;object-position:center!important}
  .heroVideoShade{background:linear-gradient(180deg,rgba(11,32,50,.78),rgba(11,32,50,.72) 52%,rgba(11,32,50,.88))!important}

  /* Shorter mobile profile: keep the four proof cards in a compact two-column grid. */
  .proofGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .proof{min-height:160px!important;padding:14px!important}
  .proof strong{font-size:32px!important}.proof span{font-size:9px!important}.proof small{font-size:7.5px!important}

  /* Career becomes a true left/right tab interface: one institutional chapter at a time. */
  .careerStage{display:block!important}
  .careerNav{display:flex!important;position:relative!important;top:auto!important;gap:8px!important;margin:0 -14px 14px!important;padding:0 14px 8px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;background:transparent!important;border:0!important;border-radius:0!important}
  .careerNav::-webkit-scrollbar{display:none!important}
  .careerNav button{flex:0 0 72%!important;min-width:0!important;scroll-snap-align:center!important;grid-template-columns:31px 1fr!important;padding:13px 14px!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:14px!important;background:rgba(255,255,255,.035)!important;color:rgba(255,255,255,.72)!important;box-shadow:none!important}
  .careerNav button.active{background:linear-gradient(100deg,rgba(184,137,67,.22),rgba(107,32,51,.17))!important;border-color:rgba(226,197,138,.36)!important;color:#fff!important;box-shadow:inset 3px 0 0 var(--gold)!important}
  .careerPanels .careerPanel{display:none!important;animation:none!important}
  .careerPanels .careerPanel.mobileActive{display:block!important}

  /* Keep the three books as one compact overlapping 3D tableau, matching desktop rather than stacking them. */
  .bookStackWrap{width:100%!important;overflow:visible!important}
  .bookStack{display:block!important;position:relative!important;min-height:360px!important;height:360px!important;margin:0!important;padding:0!important;overflow:visible!important;perspective:1100px!important}
  .cover,.cover.c1,.cover.c2,.cover.c3{position:absolute!important;flex:none!important;margin:0!important;max-width:none!important;aspect-ratio:2/3!important;border-radius:7px!important;scroll-snap-align:none!important}
  .cover.c1{width:43%!important;left:0!important;right:auto!important;top:19%!important;transform:rotate(-6deg) translateZ(0)!important;z-index:1!important}
  .cover.c2{width:47%!important;left:27%!important;right:auto!important;top:2%!important;transform:rotate(1deg) translateZ(18px)!important;z-index:3!important}
  .cover.c3{width:43%!important;left:auto!important;right:0!important;top:22%!important;transform:rotate(6deg) translateZ(0)!important;z-index:2!important}
  .bookSpine{display:block!important;left:-7px!important;width:9px!important}
  .bookMockup:after{display:block!important;height:7px!important;bottom:-5px!important}
  .bookMockup figcaption{width:27px!important;height:27px!important;right:7px!important;bottom:7px!important;font-size:8px!important}
  .bookShelfLabel{margin-bottom:4px!important}
  .bookShelfLabel span:last-child{font-size:0}
  .bookShelfLabel span:last-child:after{content:'Three-book collection';font-size:8px}

  /* Book details become a swipe rail — the hero mockup remains visible as a complete collection. */
  .bookList{display:flex!important;grid-template-columns:none!important;gap:12px!important;margin:30px -14px 0!important;padding:0 14px 10px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important}
  .bookList::-webkit-scrollbar{display:none!important}
  .bookItem{flex:0 0 88%!important;width:auto!important;min-width:0!important;scroll-snap-align:center!important}

  /* Research supporting themes stay in a compact horizontal rail. */
  .researchCards{display:flex!important;grid-template-columns:none!important;gap:10px!important;margin:0 -14px!important;padding:0 14px 8px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important}
  .researchCards::-webkit-scrollbar{display:none!important}
  .researchCards .rCard{flex:0 0 84%!important;width:auto!important;scroll-snap-align:center!important}

  /* Academic journey becomes a left/right timeline rail instead of ten vertically stacked entries. */
  .timelineWrap{display:flex!important;gap:11px!important;margin:24px -14px 0!important;padding:2px 14px 10px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important}
  .timelineWrap::-webkit-scrollbar{display:none!important}.timelineWrap:before{display:none!important}
  .timeItem{position:relative!important;display:block!important;flex:0 0 86%!important;min-height:185px!important;padding:22px!important;border:1px solid rgba(19,34,49,.10)!important;border-radius:16px!important;background:rgba(255,255,255,.72)!important;box-shadow:0 10px 28px rgba(19,34,49,.055)!important;scroll-snap-align:center!important}
  .timeItem .year{display:inline-flex!important;width:auto!important;text-align:left!important;padding:6px 9px!important;margin:0 0 13px!important;border-radius:999px!important;background:rgba(107,32,51,.08)!important;color:var(--wine)!important;font-size:9px!important;letter-spacing:.08em!important}
  .timeItem .dot{display:none!important}.timeItem .content{padding:0!important;border:0!important}.timeItem h4{font-size:24px!important;line-height:1.08!important}.timeItem p{font-size:13.5px!important;line-height:1.6!important}

  /* Beyond Law: image stories and personal themes swipe horizontally rather than forming a long vertical stack. */
  .storyMediaRow{display:flex!important;grid-template-columns:none!important;gap:11px!important;margin:22px -14px 14px!important;padding:0 14px 8px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important}
  .storyMediaRow::-webkit-scrollbar{display:none!important}.storyMedia{flex:0 0 86%!important;min-height:220px!important;scroll-snap-align:center!important}
  .bento{display:flex!important;grid-template-columns:none!important;gap:10px!important;margin:0 -14px!important;padding:0 14px 10px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important}
  .bento::-webkit-scrollbar{display:none!important}.bentoCard{flex:0 0 86%!important;min-width:0!important;min-height:230px!important;scroll-snap-align:center!important}

  .mobileSwipeHint{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 10px;color:rgba(255,255,255,.58);font-size:9px;letter-spacing:.11em;text-transform:uppercase}
  .light .mobileSwipeHint,.books .mobileSwipeHint,.beyond .mobileSwipeHint,.timeline .mobileSwipeHint{color:#687583}
  .mobileSwipeHint:after{content:'←  swipe  →';white-space:nowrap;color:var(--gold)}
}
@media (max-width:430px){
  .proofGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.proof{min-height:150px!important;padding:12px!important}.proof strong{font-size:29px!important}
  .bookStack{height:330px!important;min-height:330px!important}.cover.c1{width:44%!important;top:20%!important}.cover.c2{width:48%!important;left:26%!important}.cover.c3{width:44%!important;top:23%!important}
  .careerNav button{flex-basis:80%!important}.bookItem,.researchCards .rCard,.timeItem,.storyMedia,.bentoCard{flex-basis:90%!important}
}


/* V19 content additions: articles and source-matched Uganda imagery */
.articles{background:linear-gradient(180deg,#fffaf4 0%,#f4ede0 100%)}
.articleGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.articleCard{border:1px solid rgba(11,32,50,.11);border-radius:24px;padding:30px;background:rgba(255,255,255,.72);box-shadow:0 20px 55px rgba(11,32,50,.07);display:flex;flex-direction:column;min-height:510px;position:relative;overflow:hidden;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.articleCard:before{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(95,127,156,.13),transparent 68%);right:-45px;top:-45px}
.articleCard:hover{transform:translateY(-6px);box-shadow:0 28px 65px rgba(11,32,50,.11);border-color:rgba(110,34,53,.22)}
.featuredArticle{background:linear-gradient(150deg,#102b40,#0b2032);color:white;border-color:rgba(255,255,255,.1)}
.articleTop{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px;position:relative;z-index:1}.articleNo{font:500 32px Playfair Display,serif;color:var(--gold)}.articleType{font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:#697987;text-align:right}.featuredArticle .articleType{color:rgba(255,255,255,.58)}
.articleCard h3{font:500 27px/1.15 Playfair Display,Georgia,serif;margin:0 0 18px;color:var(--bg);position:relative;z-index:1}.featuredArticle h3{color:white}
.articleSummary{font-size:13.5px;line-height:1.65;color:#596a77;margin:0 0 23px;position:relative;z-index:1}.featuredArticle .articleSummary{color:rgba(255,255,255,.67)}
.articleMeta{display:grid;gap:7px;margin-top:auto;padding-top:18px;border-top:1px solid rgba(11,32,50,.1);font-size:10px;line-height:1.5;letter-spacing:.045em;color:#687784;position:relative;z-index:1}.featuredArticle .articleMeta{border-color:rgba(255,255,255,.13);color:rgba(255,255,255,.57)}
.articleActions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;position:relative;z-index:1}.articleBtn{display:inline-flex;align-items:center;padding:10px 12px;border-radius:999px;border:1px solid rgba(11,32,50,.14);font-size:9px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;transition:.2s}.articleBtn:hover{transform:translateY(-2px);border-color:var(--wine)}.primaryArticle{background:var(--wine);border-color:var(--wine);color:white}.featuredArticle .articleBtn{border-color:rgba(255,255,255,.2);color:white}.featuredArticle .primaryArticle{background:var(--gold);border-color:var(--gold);color:var(--bg)}
.photoCredits{margin:24px 0 0;font-size:8.5px;line-height:1.5;color:#89949c;max-width:920px}
@media(max-width:1080px){.articleGrid{grid-template-columns:1fr 1fr}.featuredArticle{grid-column:1/-1;min-height:0}.articleCard{min-height:470px}}
@media(max-width:720px){.articleGrid{grid-template-columns:1fr}.featuredArticle{grid-column:auto}.articleCard{min-height:0;padding:22px;border-radius:16px}.articleCard h3{font-size:24px}.articleSummary{font-size:14.5px}.articleBtn{font-size:9.5px;padding:10px 11px}.photoCredits{font-size:8px}.navlinks{gap:16px}}
/* V19.1 image corrections requested after review */
#beyond .storyMediaRow{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
#beyond .storyMedia{height:330px;min-height:330px;max-height:330px}
#beyond .storyMedia img{width:100%;height:100%;object-fit:cover;object-position:center}
#beyond .bentoCard .illus{width:92px;height:92px}
@media(max-width:1080px){#beyond .storyMedia{height:290px;min-height:290px;max-height:290px}}
@media(max-width:820px){#beyond .storyMedia{height:235px!important;min-height:235px!important;max-height:235px!important;flex-basis:82%!important}}
@media(max-width:430px){#beyond .storyMedia{height:215px!important;min-height:215px!important;max-height:215px!important}}



/* ===== Signature V16 — readability, contrast, swipe clarity & visible timeline ===== */
:root{--text-on-dark:rgba(255,255,255,.88);--text-on-dark-soft:rgba(255,255,255,.74);--text-on-light:#40515f;--text-on-light-strong:#243746}
body{font-size:17px}

/* Make supporting copy legible wherever a dark background is used. */
.dark .sectionHead p,.dark .careerPanel p,.dark .researchFeature p,.dark .rCard p,
.dark p,.final p{color:var(--text-on-dark)!important}
.dark .sectionHead p{font-size:17px!important;line-height:1.72!important}
.careerPanel p{color:var(--text-on-dark)!important;font-size:16px!important;line-height:1.72!important}
.researchFeature p{color:var(--text-on-dark)!important;font-size:16px!important;line-height:1.75!important}
.rCard p{color:var(--text-on-dark-soft)!important;font-size:15px!important;line-height:1.65!important}
.light .sectionHead p,.books .bookCopy p,.books .bookItem p,.timeline .timeItem p,.beyond .bentoCard p,.detailArchive p{color:var(--text-on-light)!important}

/* Tiny labels: increase size and contrast. */
.eyebrow{font-size:12.5px!important;font-weight:700!important;letter-spacing:.15em!important}
.bookShelfLabel{font-size:11px!important;color:#465765!important;font-weight:700!important}
.mobileSwipeHint{font-weight:800!important}
.proof small{font-size:10px!important;color:#667887!important}
.bookMeta{font-size:11px!important;color:#536574!important}
.footer{font-size:11px!important;line-height:1.6!important;color:rgba(255,255,255,.66)!important}
.contactRow span:first-child{color:rgba(255,255,255,.66)!important}

/* Moving legal ticker: bigger, darker text and calmer contrast. */
.marqueeLegal .chip{font-size:13px!important;font-weight:600!important;color:#273947!important;border-color:rgba(11,32,50,.13)!important}
.marqueeLegal .chip svg{width:18px!important;height:18px!important;flex:0 0 18px!important}

/* Swipe cue is now an obvious control, not faint helper text. */
@media(max-width:820px){
  body{font-size:16px!important}
  .mobileSwipeHint{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:4px 0 14px!important;padding:9px 11px!important;border-radius:10px!important;background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.16)!important;color:#fff!important;font-size:11.5px!important;line-height:1.25!important;letter-spacing:.075em!important;text-transform:uppercase!important}
  .light .mobileSwipeHint,.books .mobileSwipeHint,.beyond .mobileSwipeHint,.timeline .mobileSwipeHint{background:#fff!important;border-color:rgba(19,34,49,.12)!important;color:#435462!important;box-shadow:0 6px 18px rgba(19,34,49,.05)!important}
  .mobileSwipeHint:after{content:'←  SWIPE  →'!important;color:var(--gold)!important;font-size:11.5px!important;font-weight:900!important;letter-spacing:.08em!important}
  .marqueeLegal .track{padding:13px 0!important;gap:12px!important}
  .marqueeLegal .chip{font-size:11.5px!important;line-height:1.35!important;padding:10px 14px!important;color:#243746!important}
  .marqueeLegal .chip svg{width:16px!important;height:16px!important;flex-basis:16px!important}
  .eyebrow{font-size:11.5px!important;line-height:1.45!important}
  .sectionHead p{font-size:15px!important;line-height:1.7!important}
  .dark .sectionHead p{font-size:15px!important;color:rgba(255,255,255,.88)!important}
  .careerNav button span:first-child{font-size:11px!important;color:var(--gold2)!important}
  .careerNav button span:last-child{font-size:12px!important;line-height:1.35!important;color:inherit!important}

  /* Career explanations themselves swipe left/right. */
  .careerPanels{display:flex!important;grid-template-columns:none!important;gap:11px!important;margin:0 -14px!important;padding:0 14px 11px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important}
  .careerPanels::-webkit-scrollbar{display:none!important}
  .careerPanels .careerPanel,.careerPanels .careerPanel.mobileActive{display:block!important;flex:0 0 90%!important;width:auto!important;min-height:250px!important;padding:23px!important;scroll-snap-align:center!important;background:rgba(255,255,255,.065)!important;border-color:rgba(226,197,138,.22)!important}
  .careerPanel h3{font-size:29px!important;line-height:1.1!important;color:#fff!important}
  .careerPanel p{font-size:15px!important;line-height:1.7!important;color:rgba(255,255,255,.88)!important}
  .careerPanel .tag{font-size:10px!important;color:#f0d79f!important}

  /* Section 04 / research contrast. */
  #research .researchFeature{background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.04))!important;border-color:rgba(226,197,138,.22)!important}
  #research .researchFeature p,#research .rCard p{color:rgba(255,255,255,.88)!important}
  #research .rCard{background:rgba(255,255,255,.065)!important;border-color:rgba(226,197,138,.18)!important}
  #research .rCard h4{color:#fff!important}

  /* Timeline should visually read as a timeline, even though it scrolls horizontally. */
  .timelineWrap{position:relative!important;padding-top:38px!important;overflow-x:auto!important;overflow-y:visible!important}
  .timelineWrap:before{display:block!important;content:''!important;position:absolute!important;left:14px!important;right:14px!important;top:18px!important;height:2px!important;width:auto!important;background:linear-gradient(90deg,var(--wine),var(--gold),var(--royal))!important;opacity:.55!important}
  .timeItem{position:relative!important;overflow:visible!important;border-top:3px solid var(--gold)!important;background:#fff!important}
  .timeItem:before{content:''!important;position:absolute!important;left:28px!important;top:-25px!important;width:13px!important;height:13px!important;border-radius:50%!important;background:var(--paper2)!important;border:3px solid var(--wine)!important;box-shadow:0 0 0 4px rgba(107,32,51,.08)!important;z-index:3!important}
  .timeItem .year{font-size:11px!important;font-weight:800!important;background:rgba(107,32,51,.10)!important;color:#6b2033!important}
  .timeItem h4{font-size:24px!important;color:#132231!important}
  .timeItem p{font-size:14px!important;line-height:1.65!important;color:#40515f!important}
  .timeline .sectionHead:after{content:'CHRONOLOGICAL TIMELINE  •  SWIPE LEFT / RIGHT';display:block;grid-column:1/-1;margin-top:3px;color:var(--wine);font-size:11px;font-weight:800;letter-spacing:.09em}

  .proof span{font-size:10.5px!important;line-height:1.45!important}.proof small{font-size:9px!important;line-height:1.4!important}
  .bookShelfLabel{font-size:10px!important}.bookShelfLabel span:last-child:after{font-size:10px!important}
  .bookItem p{font-size:14.5px!important;line-height:1.65!important}.bookMeta{font-size:10px!important}
  .storyMedia .label span{font-size:12px!important;color:rgba(255,255,255,.90)!important}
  .bentoCard p{font-size:14px!important;line-height:1.65!important;color:#40515f!important}
  .detailArchive .sectionIntro p{color:rgba(255,255,255,.90)!important;font-size:14.5px!important}
  .archiveMeta span,.archiveGrid p{font-size:13.5px!important;line-height:1.65!important}
  .final p{font-size:15.5px!important;color:rgba(255,255,255,.86)!important}
  .contactRow{font-size:13.5px!important}.contactRow strong{font-size:14.5px!important;color:#fff!important}
  .footer{font-size:10.5px!important;color:rgba(255,255,255,.72)!important}
}
@media(max-width:430px){
  .mobileSwipeHint,.mobileSwipeHint:after{font-size:10.5px!important}
  .careerPanels .careerPanel,.careerPanels .careerPanel.mobileActive{flex-basis:92%!important}
  .marqueeLegal .chip{font-size:11px!important}
  .footer{font-size:10px!important}
}



/* ===== Signature V17 — final legibility audit ===== */
:root{
  --text-on-dark:#f2f4f6;
  --text-on-dark-soft:#e2e7eb;
  --text-on-light:#344957;
  --text-on-light-strong:#1f3443;
}
/* Stronger paragraph contrast across every major background. */
.dark p,.dark .sectionHead p,.careerPanel p,.researchFeature p,.rCard p,.final p{color:var(--text-on-dark)!important}
.light p,.books p,.timeline p,.beyond p,.detailArchive p{color:var(--text-on-light)!important}
.sectionHead p{font-size:17px!important;line-height:1.72!important}
.careerPanel p{font-size:16.5px!important;line-height:1.72!important}
.researchFeature p{font-size:16.5px!important;line-height:1.75!important}
.rCard p{font-size:15.5px!important;line-height:1.68!important;color:var(--text-on-dark-soft)!important}
.bookCopy p,.bookItem p,.bentoCard p,.archiveGrid p,.archiveMeta span{color:var(--text-on-light)!important}

/* No ultra-small secondary text on desktop. */
.eyebrow{font-size:13px!important;font-weight:800!important}
.bookShelfLabel{font-size:12px!important;color:#384d5b!important;font-weight:800!important}
.proof span{font-size:12px!important;color:#3e5260!important}
.proof small{font-size:11px!important;color:#526b7a!important;font-weight:600!important}
.bookMeta{font-size:12px!important;color:#445a69!important;font-weight:650!important}
.bookItem a{font-size:12px!important;font-weight:750!important}
.marqueeLegal .chip{font-size:13.5px!important;color:#203644!important;font-weight:650!important}
.footer{font-size:12px!important;line-height:1.6!important;color:#d2d9df!important}
.contactRow span:first-child{color:#d2d9df!important}
.contactRow strong{color:#fff!important}
.archiveMeta span{font-size:14px!important;line-height:1.62!important}
.archiveGrid p{font-size:15px!important;line-height:1.7!important}
.storyMedia .label span{color:#f2f4f6!important}

@media(max-width:820px){
  body{font-size:16.5px!important}
  .btn{font-size:11.5px!important;font-weight:750!important}
  .eyebrow{font-size:12px!important;line-height:1.5!important;letter-spacing:.13em!important}
  .identity{font-size:13.5px!important;color:#eef1f4!important}
  .rotatingLine{font-size:18px!important;color:#f1d49b!important}
  .heroLead{color:#eef1f4!important}
  .sectionHead p{font-size:15.5px!important;line-height:1.72!important}
  .dark .sectionHead p{color:#f2f4f6!important}
  .careerPanel p{font-size:15.5px!important;line-height:1.72!important;color:#f2f4f6!important}
  .careerPanel .tag{font-size:11.5px!important;color:#f4dba7!important;font-weight:750!important}
  .careerNav button span:first-child{font-size:12px!important;font-weight:800!important}
  .careerNav button span:last-child{font-size:12.5px!important;line-height:1.4!important}
  #research .researchFeature p,#research .rCard p{color:#f2f4f6!important}
  #research .rCard p{font-size:14.5px!important}
  .mobileSwipeHint{font-size:12px!important;color:#fff!important;font-weight:900!important}
  .light .mobileSwipeHint,.books .mobileSwipeHint,.beyond .mobileSwipeHint,.timeline .mobileSwipeHint{color:#304754!important}
  .mobileSwipeHint:after{font-size:12px!important;color:#8f5d22!important}
  .marqueeLegal .chip{font-size:12.5px!important;line-height:1.45!important;color:#203644!important;padding:11px 14px!important}
  .proof span{font-size:11.5px!important;line-height:1.5!important}
  .proof small{font-size:10.5px!important;line-height:1.45!important}
  .bookShelfLabel{font-size:11.5px!important}
  .bookShelfLabel span:last-child:after{font-size:11.5px!important}
  .bookItem p{font-size:15px!important;line-height:1.68!important}
  .bookMeta{font-size:11.5px!important;line-height:1.5!important}
  .bookItem a{font-size:11.5px!important}
  .timeItem .year{font-size:12px!important}
  .timeItem p{font-size:14.5px!important;line-height:1.68!important;color:#344957!important}
  .timeline .sectionHead:after{font-size:12px!important;line-height:1.5!important;color:#6b2033!important}
  .storyMedia .label span{font-size:12.5px!important;line-height:1.55!important;color:#fff!important}
  .bentoCard p{font-size:14.5px!important;line-height:1.68!important;color:#344957!important}
  .detailArchive .sectionIntro{padding-bottom:24px!important}
  .archiveMeta span,.archiveGrid p{font-size:14.5px!important;line-height:1.68!important;color:#344957!important}
  .final p{font-size:16px!important;line-height:1.68!important;color:#f0f3f5!important}
  .contactRow{font-size:14px!important}
  .contactRow span:first-child{font-size:13.5px!important;color:#dbe1e6!important}
  .contactRow strong{font-size:15px!important;color:#fff!important}
  .footer{font-size:11.5px!important;line-height:1.65!important;color:#dbe1e6!important;letter-spacing:.08em!important}
}
@media(max-width:430px){
  .eyebrow{font-size:11.5px!important}
  .mobileSwipeHint,.mobileSwipeHint:after{font-size:11.5px!important}
  .marqueeLegal .chip{font-size:12px!important}
  .proof span{font-size:11px!important}.proof small{font-size:10.5px!important}
  .footer{font-size:11px!important}
}



/* Final small-text safety pass: no important interface/help text below a comfortable phone size. */
.navlinks a{opacity:.90!important}
.navAction{font-size:12px!important}
.lawBridgeContent p{color:#f3f5f6!important}
.lawBridgeKicker{font-size:11.5px!important;font-weight:800!important}
.principleTags span{font-size:11.5px!important;font-weight:700!important}
.detailArchive summary{font-size:15px!important}
.archiveMeta strong{font-size:15px!important}
.archiveHero .cap span{font-size:13px!important;color:#f2f4f6!important}
.bookMockup figcaption{font-size:10.5px!important;font-weight:800!important}
@media(max-width:820px){
  .brandText b{font-size:12px!important}.brandText{font-size:11.5px!important}
  .mobileMenu a{font-size:14px!important;line-height:1.4!important;color:#fff!important}
  .navAction{font-size:11.5px!important}
  .lawBridgeKicker{font-size:11px!important;line-height:1.35!important}
  .lawBridgeContent p{font-size:14.5px!important;line-height:1.65!important;color:#f5f6f7!important}
  .principleTags span{font-size:11.5px!important;line-height:1.35!important}
  .detailArchive summary{font-size:14px!important;line-height:1.45!important;color:#213746!important}
  .archiveMeta strong{font-size:14.5px!important;color:#203543!important}
  .archiveHero .cap span{font-size:12.5px!important;color:#fff!important}
  .bookMockup figcaption{font-size:10.5px!important}
  .proof small{font-size:11px!important}
}



/* ===== Signature V18 — mobile fit, substantive captions and rebuilt animated timeline ===== */
.timelineTrack{display:block}
.timelineRange,.milestoneNo{display:none}

@media (max-width:820px){
  /* Expanded-profile image: give the caption a proper full-width stage. */
  .archiveLead{grid-template-columns:1fr!important;gap:16px!important;padding:16px!important}
  .archiveHero{
    width:100%!important;max-width:none!important;min-height:350px!important;height:350px!important;
    margin:0!important;border-radius:19px!important;overflow:hidden!important;position:relative!important;
  }
  .archiveHero img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
  .archiveHero:after{background:linear-gradient(180deg,rgba(7,25,40,.12) 18%,rgba(7,25,40,.48) 54%,rgba(7,25,40,.92) 100%)!important}
  .archiveHero .cap{left:20px!important;right:20px!important;bottom:20px!important;top:auto!important;width:auto!important;max-width:none!important;padding:0!important}
  .archiveHero .cap b{font-size:27px!important;line-height:1.06!important;letter-spacing:-.015em!important;margin:0 0 10px!important;max-width:310px!important;text-wrap:balance!important}
  .archiveHero .cap span{display:block!important;font-size:14.5px!important;line-height:1.55!important;color:#fff!important;max-width:315px!important;text-wrap:pretty!important}
  .archiveMeta .metaCard{padding:16px!important}
  .archiveMeta strong{font-size:15.5px!important;line-height:1.35!important}
  .archiveMeta span{font-size:14px!important;line-height:1.62!important}

  /* Image captions should say something about Javason, not comment on the website design. */
  .storyMedia .label{left:20px!important;right:20px!important;bottom:18px!important}
  .storyMedia .label b{font-size:25px!important;line-height:1.05!important;margin-bottom:8px!important}
  .storyMedia .label span{font-size:13.5px!important;line-height:1.55!important;color:#fff!important;text-wrap:pretty!important}

  /* One clear timeline system; remove the previous duplicate text-only timeline label. */
  .timeline .sectionHead:after{display:none!important;content:none!important}
  .timelineRange{
    display:flex!important;align-items:center!important;gap:10px!important;margin:2px 0 13px!important;
    font-size:11px!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#6b2033!important
  }
  .timelineRange:before,.timelineRange:after{content:'';height:1px;flex:1;background:linear-gradient(90deg,rgba(107,32,51,.12),rgba(184,137,67,.72))}
  .timelineRange:after{background:linear-gradient(90deg,rgba(184,137,67,.72),rgba(107,32,51,.12))}
  .timelineRange b{font-size:10.5px!important;white-space:nowrap;color:#304754!important;letter-spacing:.07em!important}
  .timeline .mobileSwipeHint{margin:0 0 8px!important;color:#304754!important}
  .timeline .mobileSwipeHint:after{content:'←  SWIPE THROUGH TIME  →'!important;color:#8f5d22!important}

  .timelineWrap{
    display:block!important;position:relative!important;margin:0 -15px!important;padding:0!important;
    overflow-x:auto!important;overflow-y:visible!important;scroll-snap-type:x mandatory!important;
    scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-inline:contain!important;
  }
  .timelineWrap::-webkit-scrollbar{display:none!important}
  .timelineWrap:before,.timelineWrap:after{display:none!important;content:none!important}
  .timelineTrack{
    display:flex!important;align-items:stretch!important;gap:16px!important;width:max-content!important;min-width:100%!important;
    position:relative!important;padding:58px 15px 22px!important;
  }
  .timelineTrack:before{
    content:'';position:absolute;left:28px;right:28px;top:29px;height:3px;border-radius:4px;
    background:#d9d2c7;box-shadow:0 1px 0 rgba(255,255,255,.65);
  }
  .timelineTrack:after{
    content:'';position:absolute;left:28px;right:28px;top:29px;height:3px;border-radius:4px;
    background:linear-gradient(90deg,#6b2033 0%,#b88943 52%,#17384f 100%);
    transform:scaleX(0);transform-origin:left center;transition:transform 1.35s cubic-bezier(.22,.8,.2,1);
  }
  .timeline.timelineLive .timelineTrack:after{transform:scaleX(1)}

  .timelineTrack .timeItem{
    display:block!important;position:relative!important;flex:0 0 min(80vw,315px)!important;width:min(80vw,315px)!important;
    min-height:0!important;height:auto!important;padding:23px 20px 22px!important;margin:0!important;
    border:1px solid rgba(19,34,49,.12)!important;border-top:4px solid #b88943!important;border-radius:18px!important;
    background:rgba(255,255,255,.96)!important;box-shadow:0 12px 30px rgba(19,34,49,.07)!important;
    scroll-snap-align:center!important;transition:transform .32s ease,box-shadow .32s ease,border-color .32s ease!important;
  }
  .timelineTrack .timeItem:before{
    content:''!important;display:block!important;position:absolute!important;left:22px!important;top:-39px!important;
    width:15px!important;height:15px!important;border-radius:50%!important;background:#fbf7ef!important;
    border:3px solid #6b2033!important;box-shadow:0 0 0 5px rgba(107,32,51,.08)!important;z-index:4!important;
    transition:background .3s ease,box-shadow .3s ease,transform .3s ease!important;
  }
  .timelineTrack .timeItem:after{
    content:''!important;display:block!important;position:absolute!important;left:29px!important;top:-21px!important;
    width:2px!important;height:21px!important;background:linear-gradient(#b88943,rgba(184,137,67,.18))!important;z-index:2!important;
  }
  .timelineTrack .timeItem.isCurrent{transform:translateY(-5px)!important;border-color:rgba(107,32,51,.28)!important;box-shadow:0 18px 38px rgba(19,34,49,.12)!important}
  .timelineTrack .timeItem.isCurrent:before{background:#b88943!important;box-shadow:0 0 0 6px rgba(184,137,67,.18),0 0 0 12px rgba(107,32,51,.06)!important;transform:scale(1.08)!important;animation:v18TimelinePulse 1.9s ease-in-out infinite!important}
  .timelineTrack .timeItem .dot{display:none!important}
  .timelineTrack .milestoneNo{display:block!important;position:absolute!important;right:17px!important;top:17px!important;font-size:10px!important;font-weight:800!important;letter-spacing:.08em!important;color:#8b7b69!important}
  .timelineTrack .year{display:inline-flex!important;width:auto!important;margin:0 0 13px!important;padding:7px 10px!important;text-align:left!important;border-radius:999px!important;background:#f4e9eb!important;color:#6b2033!important;font-size:12.5px!important;font-weight:800!important;letter-spacing:.06em!important}
  .timelineTrack .content{padding:0!important;border:0!important}
  .timelineTrack .content h4{font-size:25px!important;line-height:1.08!important;color:#132231!important;margin:0 0 8px!important;text-wrap:balance!important}
  .timelineTrack .content p{font-size:14.5px!important;line-height:1.62!important;color:#344957!important;margin:0!important;text-wrap:pretty!important}

  @keyframes v18TimelinePulse{
    0%,100%{box-shadow:0 0 0 6px rgba(184,137,67,.16),0 0 0 12px rgba(107,32,51,.04)}
    50%{box-shadow:0 0 0 9px rgba(184,137,67,.08),0 0 0 17px rgba(107,32,51,0)}
  }
}

@media (max-width:430px){
  .archiveHero{height:340px!important;min-height:340px!important}
  .archiveHero .cap{left:18px!important;right:18px!important;bottom:18px!important}
  .archiveHero .cap b{font-size:25px!important;max-width:290px!important}
  .archiveHero .cap span{font-size:14px!important;max-width:295px!important}
  .timelineRange{font-size:10.5px!important}.timelineRange b{font-size:9.8px!important}
  .timelineTrack .timeItem{flex-basis:82vw!important;width:82vw!important;padding:21px 18px 21px!important}
  .timelineTrack .content h4{font-size:23px!important}
}

@media (prefers-reduced-motion:reduce){
  .timelineTrack:after{transition:none!important;transform:scaleX(1)!important}
  .timelineTrack .timeItem,.timelineTrack .timeItem:before{transition:none!important;animation:none!important}
}



/* ===== Signature V19 — final mobile readability, navigation and interaction cleanup ===== */
.bookExploreMobile{display:none}
.footer{font-size:10.5px!important;color:rgba(255,255,255,.68)!important}
.heroVideo{background:#0b2032 #0b2032 center/cover no-repeat}

@media (max-width:820px){
  html,body{overscroll-behavior-y:auto!important}

  /* Header gets out of the reader's way: compact after the hero, hide while scrolling down, return on scroll up. */
  nav{transition:transform .26s ease,opacity .26s ease,background .26s ease,box-shadow .26s ease!important;will-change:transform}
  nav.mobileCompact{background:rgba(4,17,31,.91)!important;box-shadow:0 12px 34px rgba(0,0,0,.20)!important}
  nav.mobileCompact .navIn{height:54px!important}
  nav.mobileCompact .brandMark{width:35px!important;height:35px!important;font-size:16px!important}
  nav.mobileHidden{transform:translate(-50%,-135%)!important;opacity:.96!important}
  nav:focus-within{transform:translateX(-50%)!important;opacity:1!important}

  /* No tiny secondary type on phones. */
  .eyebrow,.careerPanel .tag,.bookShelfLabel,.bookMeta,.bookItem a,.principleTags span,
  .footer,.marqueeTrack span,.marqueeLegal .chip,.proof small,.proof span,.mobileSwipeHint,
  .timelineRange,.timelineRange b,.timelineTrack .milestoneNo,.careerNav button span:first-child,
  .contactRow span:first-child{font-size:12px!important;line-height:1.45!important}
  .careerNav button span:last-child{font-size:12.5px!important;line-height:1.35!important}

  .sectionHead p,.careerPanel p,.researchFeature p,.rCard p,.storyMedia .label span,.bentoCard p,
  .archiveMeta span,.archiveGrid p,.final p,.bookCopy p,.bookItem p,.timeItem p{
    font-size:14.5px!important;line-height:1.65!important
  }

  /* Stronger contrast on every dark surface. */
  .dark .sectionHead p,.careerPanel p,.researchFeature p,.rCard p,.final p{
    color:#f1f4f6!important;opacity:1!important
  }
  .dark .eyebrow,.careerPanel .tag,.researchFeature .eyebrow{color:#f0d8a3!important}
  .contactRow span:first-child{color:rgba(255,255,255,.82)!important}
  .contactRow strong,.footer{color:rgba(255,255,255,.88)!important}
  .marqueeLegal .chip{color:#fff!important}

  /* Books: same information, correct interaction language for each device. */
  .bookExplore{font-size:inherit!important}.bookExplore:after{content:none!important;display:none!important}.bookExploreDesktop{display:none!important}.bookExploreMobile{display:inline!important}
  .bookShelfLabel{align-items:center!important;color:#536575!important;font-weight:700!important;letter-spacing:.08em!important}

  /* Career explanations are a real horizontal rail; one controller handles tabs + cards. */
  .careerPanels{display:flex!important;gap:12px!important;margin:0 -14px!important;padding:0 14px 12px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important}
  .careerPanels::-webkit-scrollbar{display:none!important}
  .careerPanels .careerPanel{display:block!important;flex:0 0 90%!important;min-height:250px!important;scroll-snap-align:center!important;background:rgba(255,255,255,.075)!important;border-color:rgba(226,197,138,.28)!important}
  .careerPanel h3{color:#fff!important}

  /* One clean, obvious timeline control row. */
  .timeline .mobileSwipeHint{
    display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;gap:12px!important;
    margin:0 0 10px!important;padding:11px 13px!important;border:1px solid rgba(19,34,49,.10)!important;
    border-radius:12px!important;background:rgba(255,255,255,.78)!important;color:#304754!important;
    letter-spacing:.07em!important;text-transform:uppercase!important;font-weight:800!important
  }
  .timeline .mobileSwipeHint:after{content:'Swipe through time  →'!important;grid-column:1/-1!important;color:#8f5d22!important;font-size:12px!important;letter-spacing:.07em!important}
  .timeline .mobileSwipeHint strong{font-size:12px!important;color:#6b2033!important;letter-spacing:.08em!important}
  .timelineTrack .timeItem{min-height:230px!important}
  .timelineTrack .content h4{font-size:24px!important;line-height:1.12!important}
  .timelineTrack .year{font-size:13px!important}

  /* Footer/contact remain clearly legible. */
  .footer{line-height:1.6!important;letter-spacing:.075em!important;gap:12px!important}
  .contactRow{font-size:13px!important}.contactRow strong{font-size:14px!important}
}

@media (max-width:430px){
  .careerPanels .careerPanel{flex-basis:92%!important}
  .timelineTrack .timeItem{min-height:225px!important}
}

@media (max-width:350px){
  /* Never shrink explanatory/secondary text below the V19 mobile floor. */
  .eyebrow,.careerPanel .tag,.bookShelfLabel,.bookMeta,.bookItem a,.principleTags span,.footer,
  .marqueeTrack span,.marqueeLegal .chip,.proof small,.proof span,.mobileSwipeHint,.timelineRange,
  .timelineRange b,.timelineTrack .milestoneNo{font-size:11.5px!important}
  .sectionHead p,.careerPanel p,.researchFeature p,.rCard p,.bentoCard p,.archiveMeta span,
  .archiveGrid p,.final p,.bookCopy p,.bookItem p,.timeItem p{font-size:14px!important}
}



/* V20 profile-specific refinements */
.proof span{font-size:13px!important;line-height:1.38!important;letter-spacing:.015em!important;text-transform:none!important;max-width:190px!important;color:#536574!important}
.proof small{font-size:10.5px!important;line-height:1.45!important;letter-spacing:.045em!important;text-transform:none!important}
.careerNav button{grid-template-columns:42px 1fr!important;align-items:start!important}
.careerNav .careerLabel{display:flex!important;flex-direction:column!important;gap:4px!important}
.careerNav .careerLabel small{display:block!important;color:rgba(255,255,255,.46)!important;font-size:10px!important;letter-spacing:.04em!important;font-weight:500!important}
.careerPanel{min-height:0!important}
.careerSummary{margin-bottom:17px!important}
.careerMore{max-width:800px;margin-top:16px;border-top:1px solid rgba(255,255,255,.13);padding-top:13px}
.careerMore summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;list-style:none;color:#f0d8a3;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700}
.careerMore summary::-webkit-details-marker{display:none}.careerMore summary span{font-size:18px;line-height:1;transition:.2s}.careerMore[open] summary span{transform:rotate(45deg)}
.careerMore p{margin:12px 0 0!important;color:rgba(255,255,255,.78)!important;font-size:14px!important;line-height:1.7!important}
.lawBridgeCard{background-image:url("https://upload.wikimedia.org/wikipedia/commons/thumb/0/0d/Uganda_Supreme_court_building_in_Kampala_03.jpg/1280px-Uganda_Supreme_court_building_in_Kampala_03.jpg")!important;background-position:center 55%!important}
#beyond .bento{grid-template-rows:auto!important;align-items:stretch!important}
#beyond .bentoCard{min-height:245px!important;padding:126px 28px 26px!important;justify-content:flex-start!important;gap:8px!important}
#beyond .bentoCard .illus{left:26px!important;top:24px!important;width:88px!important;height:88px!important}
#beyond .bentoCard .num{position:absolute;right:24px;top:30px}
#beyond .bentoCard h3{margin:0 0 8px!important}
#beyond .bentoCard p{margin:0!important;line-height:1.58!important}
.contactButtons{display:flex;gap:10px;flex-wrap:wrap}
.contactPanel .contactRow strong{max-width:68%;text-align:right}
@media(max-width:820px){
 .proof span{font-size:12px!important}.proof small{font-size:10px!important}
 .careerNav .careerLabel small{font-size:10px!important}
 #beyond .bentoCard{padding:112px 19px 20px!important;gap:6px!important}
 #beyond .bentoCard .illus{left:18px!important;top:18px!important;width:78px!important;height:78px!important}
 #beyond .bentoCard .num{right:18px;top:26px}
 .contactPanel .contactRow{align-items:flex-start}.contactPanel .contactRow strong{max-width:64%;overflow-wrap:anywhere}
}



/* V21 final refinement */
.heroVideo{background:#0b2032!important}
.bookMockup img,.bookCardMockup img{object-fit:cover!important;object-position:center top!important;background:#172a3c}
.proofBooks img{object-fit:cover!important;object-position:center top!important}
.careerMore p{max-width:900px}
.archiveGrid p{line-height:1.7}



/* V22: focused refinements requested during review */
#research .researchFeature .eyebrow{font-size:12px!important;letter-spacing:.13em!important;color:#f1cf86!important}
#research .sectionHead p,#research .researchFeature p,#research .rCard p{color:rgba(255,255,255,.92)!important}
#research .rCard p{font-size:15.5px!important;line-height:1.72!important}
#research .rCard{background:rgba(255,255,255,.075)!important;border-color:rgba(226,197,138,.22)!important}
#research .rCard h4{color:#fff!important}
.featuredArticle .articleSummary{color:rgba(255,255,255,.92)!important;font-size:14.5px!important;line-height:1.72!important}
.featuredArticle .articleMeta{color:rgba(255,255,255,.78)!important}
.featuredArticle .articleType{color:rgba(255,255,255,.78)!important}
.books{padding-bottom:72px!important;background:#fffaf4!important}
.articles{padding-top:72px!important;background:linear-gradient(180deg,#edf2f3 0%,#f7f4ee 100%)!important;border-top:1px solid rgba(11,32,50,.10)!important}
.articles .sectionHead{margin-bottom:44px!important}
.bookCopy .btn{background:#0b2032!important;color:#fff!important;border-color:#0b2032!important;font-size:11.5px!important;font-weight:800!important;letter-spacing:.075em!important;padding:14px 18px!important;box-shadow:0 12px 28px rgba(11,32,50,.18)!important}
.bookCopy .btn:hover{background:#c79a48!important;border-color:#c79a48!important;color:#0b2032!important;transform:translateY(-2px)!important}
@media(max-width:720px){.books{padding-bottom:54px!important}.articles{padding-top:58px!important}.bookCopy .btn{min-height:48px!important;font-size:11px!important}}



/* V23 reliability fix: never hide section content behind JS-only reveal states. */
.reveal, .reveal.in {
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
}
/* Preserve smooth interaction without making visibility depend on JavaScript. */
.reveal { transition: none !important; }



/* V26: keep V23 rendering intact; on phones use one explicit body scroller. */
@media (max-width:820px){
  html{
    height:100%!important;
    min-height:100%!important;
    overflow:hidden!important;
  }
  body{
    height:100%!important;
    min-height:100%!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:auto!important;
    touch-action:pan-y!important;
  }
  body.mobile-menu-open{
    overflow:hidden!important;
    touch-action:none!important;
  }
}



/* V29: natural profile language + safe responsive refinement. No page-scroll overrides. */
.researchGrid{grid-template-columns:1.05fr .95fr;align-items:stretch}
.researchCards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.rCard{min-height:150px;padding:22px}
.rCard h4{font-size:22px;line-height:1.08}
.rCard p{font-size:11.5px;line-height:1.58;color:rgba(255,255,255,.66)}
.researchFeature p{color:rgba(255,255,255,.72)}
.articleSummary{line-height:1.7}

@media (max-width:980px){
  .articleGrid{grid-template-columns:1fr!important}
  .articleCard{min-height:0!important}
  .researchGrid{grid-template-columns:1fr!important}
  .researchCards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .bookList{grid-template-columns:1fr!important}
  .finalGrid{grid-template-columns:1fr!important;gap:34px!important}
  .bento{grid-template-columns:1fr 1fr!important;grid-template-rows:auto!important}
  .b1,.b2,.b3,.b4,.b5{grid-column:span 1!important}
}

@media (max-width:720px){
  .wrap{width:min(100% - 24px,650px)!important}
  nav{width:calc(100% - 16px)!important;top:8px!important}
  .navIn{height:62px!important;padding:0 11px!important;gap:9px!important}
  .brandText{display:block!important;max-width:210px!important;font-size:8px!important;line-height:1.25!important;letter-spacing:.08em!important}
  .brandText b{font-size:10px!important;line-height:1.2!important}
  .menu{font-size:22px!important}
  .mobileMenu{top:78px!important;left:8px!important;right:8px!important;max-height:calc(100dvh - 92px)!important;overflow:auto!important}

  .hero{min-height:auto!important;padding-top:78px!important}
  .heroGrid{min-height:0!important;display:block!important}
  .heroCopy{padding:44px 0 30px!important}
  .heroCopy .eyebrow{font-size:9px!important;line-height:1.45!important;margin-bottom:16px!important}
  .name{font-size:clamp(46px,15vw,64px)!important;line-height:.9!important}
  .identity{font-size:10.5px!important;line-height:1.4!important;flex-wrap:wrap!important}
  .rotatingLine{font-size:12px!important;line-height:1.5!important}
  .heroLead{font-size:19px!important;line-height:1.5!important;margin-top:20px!important}
  .heroActions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .heroActions .btn{justify-content:center!important;min-height:46px!important;padding:11px 10px!important}
  .heroVisual{height:auto!important;min-height:0!important;margin-top:0!important}
  .portraitFrame{width:100%!important;height:auto!important;aspect-ratio:4/5!important;margin:0!important;border-radius:18px 18px 0 0!important}
  .portraitFrame img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 12%!important}

  .statement,.section,.principles,.beyond,.final{padding-top:64px!important;padding-bottom:64px!important}
  .sectionHead{display:block!important;margin-bottom:26px!important}
  .sectionHead h2{font-size:clamp(38px,11.8vw,50px)!important;line-height:1!important;margin-bottom:16px!important}
  .sectionHead p{font-size:14px!important;line-height:1.68!important;max-width:none!important}
  .statement h2{font-size:clamp(38px,11.8vw,50px)!important;line-height:1!important}
  .statement p{font-size:19px!important;line-height:1.55!important}

  .proofGrid{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .proof{min-height:0!important;padding:15px!important}
  .proof strong{font-size:31px!important}.proof span{font-size:10px!important;line-height:1.35!important}.proof small{font-size:9px!important;line-height:1.45!important}

  .careerNav{margin:0 -12px 14px!important;padding:0 12px 8px!important}
  .careerNav button{flex-basis:82%!important}
  .careerPanel{padding:20px!important}
  .careerPanel h3{font-size:27px!important;line-height:1.08!important}
  .careerPanel p{font-size:13px!important;line-height:1.65!important}

  .articleGrid{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}
  .articleCard{padding:22px!important;border-radius:18px!important}
  .articleCard h3{font-size:25px!important;line-height:1.14!important}
  .articleSummary{font-size:13px!important;line-height:1.68!important}
  .articleActions{gap:7px!important}.articleBtn{min-height:42px!important;align-items:center!important}

  .researchFeature{min-height:0!important;padding:24px!important;border-radius:18px!important}
  .researchFeature h3{font-size:clamp(38px,11vw,48px)!important;line-height:.98!important;margin:34px 0 24px!important}
  .researchFeature p{font-size:13px!important;line-height:1.7!important}
  .researchCards{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin:0!important;padding:0!important;overflow:visible!important}
  .rCard{min-height:0!important;padding:20px!important;border-radius:16px!important}
  .rCard h4{font-size:24px!important}.rCard p{font-size:13px!important;line-height:1.62!important}

  .bookHero{grid-template-columns:1fr!important;gap:22px!important}
  .bookStackWrap{max-width:520px!important;margin:0 auto!important}
  .bookCopy h2{font-size:clamp(44px,13vw,58px)!important;line-height:.98!important}
  .bookCopy p{font-size:14px!important;line-height:1.65!important}
  .bookList{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;margin:0!important;padding:0!important;overflow:visible!important}
  .bookItem{min-width:0!important;min-height:0!important;padding:20px!important}

  .timelineWrap{margin-top:24px!important}
  .timeItem h4{font-size:23px!important;line-height:1.12!important}
  .timeItem p{font-size:13px!important;line-height:1.62!important}

  .bento{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;margin:0!important;padding:0!important;overflow:visible!important}
  .b1,.b2,.b3,.b4,.b5{grid-column:1!important}
  .bentoCard{min-height:0!important;padding:22px!important;border-radius:18px!important}
  .bentoCard h3{font-size:27px!important}.bentoCard p{font-size:13px!important;line-height:1.65!important}

  .archiveGrid,.archiveLead{grid-template-columns:1fr!important}
  .archiveBlock{min-width:0!important}
  .archiveBlock h3{font-size:24px!important;line-height:1.15!important}
  .archiveBlock p{font-size:13px!important;line-height:1.68!important}

  .contactPanel{border-radius:16px!important}
  .contactRow{flex-direction:column!important;gap:6px!important;padding:16px!important;font-size:12px!important}
  .final h2{font-size:clamp(44px,13vw,62px)!important;line-height:.96!important}
  .final p{font-size:14px!important;line-height:1.65!important}
}

@media (max-width:420px){
  .wrap{width:calc(100% - 20px)!important}
  .brandText{max-width:185px!important}
  .heroActions{grid-template-columns:1fr!important}
  .proofGrid{grid-template-columns:1fr 1fr!important}
  .proof{padding:12px!important}
  .proof strong{font-size:28px!important}
  .researchFeature h3{font-size:38px!important}
}

/* === V30: approved profile portrait, UNICAF campus pairing and 1,000+ matters update === */
.profilePortraitFeature{margin:34px 0 0;display:grid;grid-template-columns:minmax(260px,430px) 1fr;min-height:330px;border:1px solid rgba(11,32,50,.10);border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 18px 48px rgba(11,32,50,.07)}
.profilePortraitImage{min-height:330px;background:#e8e9e7;overflow:hidden}.profilePortraitImage img{width:100%;height:100%;min-height:330px;object-fit:cover;object-position:center 16%}
.profilePortraitFeature figcaption{display:flex;flex-direction:column;justify-content:center;padding:36px 42px;background:linear-gradient(145deg,#fffaf4,#f4ede0)}
.profilePortraitFeature figcaption strong{font:500 clamp(34px,3.8vw,54px)/1 Playfair Display,Georgia,serif;color:var(--bg)}
.profilePortraitFeature figcaption span{margin-top:14px;font-size:13px;letter-spacing:.11em;text-transform:uppercase;color:var(--wine);font-weight:700}
.profilePortraitFeature figcaption small{margin-top:13px;font-size:13px;line-height:1.65;color:var(--muted)}
.archiveInstitutions{display:grid;grid-template-columns:1fr 1fr;gap:14px;min-width:0}.archiveInstitutions .archiveHero{min-height:320px}.archiveInstitutions .archiveHero .cap{left:18px;right:18px;bottom:16px}.archiveInstitutions .archiveHero .cap b{font-size:23px;line-height:1.05}.archiveInstitutions .archiveHero .cap span{font-size:12px;line-height:1.5}.archiveInstitutions .archiveHero img{object-position:center}
@media(max-width:980px){.profilePortraitFeature{grid-template-columns:minmax(240px,.72fr) 1fr}.archiveInstitutions{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.profilePortraitFeature{grid-template-columns:1fr;margin-top:26px;border-radius:17px}.profilePortraitImage,.profilePortraitImage img{min-height:0;height:auto}.profilePortraitImage img{aspect-ratio:4/4.25;object-position:center 14%}.profilePortraitFeature figcaption{padding:24px 22px}.profilePortraitFeature figcaption strong{font-size:34px}.profilePortraitFeature figcaption span{font-size:10px;line-height:1.5}.profilePortraitFeature figcaption small{font-size:12px}.archiveInstitutions{grid-template-columns:1fr;gap:12px}.archiveInstitutions .archiveHero{min-height:235px!important}.archiveInstitutions .archiveHero .cap b{font-size:22px!important}}


/* === V31: multipage, visible academic institutions, deployment performance === */
:root{--page-max:1400px}
.innerHero{padding:150px 0 72px;background:linear-gradient(118deg,#0b1f33,#102a43 62%,#173b5e);color:#fff;position:relative;overflow:hidden}
.innerHero:after{content:"";position:absolute;inset:auto -8% -55% 48%;height:100%;background:radial-gradient(ellipse at center,rgba(183,154,99,.12),transparent 62%);pointer-events:none}
.innerHero .wrap{position:relative;z-index:1}.innerHero .eyebrow{color:var(--gold2)}
.innerHero h1{font:500 clamp(52px,7vw,94px)/.93 Playfair Display,Georgia,serif;letter-spacing:-.04em;max-width:900px;margin:12px 0 22px;text-wrap:balance}
.innerHero p{max-width:760px;color:rgba(255,255,255,.72);font-size:16px;line-height:1.75;margin:0}
.pageCrumbs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:27px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.56)}
.pageCrumbs a{color:var(--gold2)}
.academicSpotlight{background:var(--paper2);padding:84px 0 96px}.academicSpotlight .sectionHead{margin-bottom:30px}
.academicGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.academicCard{border:1px solid rgba(11,31,51,.12);background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 14px 34px rgba(9,25,41,.07)}
.academicMedia{aspect-ratio:16/9;overflow:hidden;background:#dfe5e8}.academicMedia img{width:100%;height:100%;object-fit:cover}.academicCard .academicCopy{padding:20px 22px 22px}.academicCard h3{font:500 29px/1.08 Playfair Display,serif;margin:0 0 8px;color:var(--bg)}.academicCard p{font-size:12.5px;line-height:1.65;color:var(--muted);margin:0}
.unicafPair{display:grid;grid-template-columns:1.25fr .75fr;gap:4px;aspect-ratio:16/9;background:#dfe5e8}.unicafPair img{width:100%;height:100%;object-fit:cover;min-width:0}.unicafPair img:first-child{grid-row:1/3}.unicafPair img:last-child{grid-column:2;grid-row:1/3}
.seoPages{padding:68px 0;background:var(--paper)}.seoPagesGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.seoPageCard{display:block;padding:20px;border:1px solid rgba(11,31,51,.11);border-radius:12px;background:rgba(255,255,255,.66);transition:.2s}.seoPageCard:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(9,25,41,.08)}.seoPageCard strong{display:block;font:500 22px Playfair Display,serif;color:var(--bg);margin-bottom:6px}.seoPageCard span{font-size:11px;line-height:1.5;color:var(--muted)}
.pageFooterLinks{display:flex;flex-wrap:wrap;gap:12px 18px;margin-top:22px;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.pageFooterLinks a{color:var(--gold2)}
@media(max-width:980px){.seoPagesGrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.innerHero{padding:112px 0 54px}.innerHero h1{font-size:48px}.innerHero p{font-size:13px}.academicSpotlight{padding:64px 0 72px}.academicGrid{grid-template-columns:1fr}.academicCard h3{font-size:25px}.unicafPair{grid-template-columns:1fr 1fr;aspect-ratio:4/3}.unicafPair img:first-child,.unicafPair img:last-child{grid-row:auto;grid-column:auto}.seoPagesGrid{grid-template-columns:1fr}}


/* ===== V32 production overrides: responsive consistency, mobile tickers, local-media polish ===== */
.marquee,.marqueeLegal{display:block!important;max-width:100%;overflow:hidden!important}
.marqueeTrack,.marqueeLegal .track{will-change:transform}
@media(max-width:820px){
  .marquee{display:block!important}
  .marqueeLegal{display:block!important;background:linear-gradient(90deg,#fff8ef,#f5ecde)!important}
  .marqueeLegal .track{display:flex!important;width:max-content!important;animation:legalTicker 34s linear infinite!important}
  .marqueeTrack{display:flex!important;width:max-content!important;animation:marquee 42s linear infinite!important}
  .marqueeLegal .chip{background:#fff!important;color:#203644!important;border-color:rgba(11,32,50,.13)!important}
  .marqueeLegal .chip svg{color:var(--wine)!important}
}
@media(prefers-reduced-motion:reduce){
  .marqueeTrack,.marqueeLegal .track{animation:none!important;transform:none!important}
}

/* ======================================================================
   V34 FINAL REFINEMENT — shorter homepage, stronger hierarchy, mobile carousels
   ====================================================================== */
.home-page{overflow-x:hidden}
.home-page .heroCopy{max-width:760px}
.home-page .rotatingLine{margin-top:24px;min-height:32px;font-size:clamp(17px,1.55vw,22px)!important;color:var(--gold2)!important}
.home-page .typewriterLead{margin-top:18px!important;max-width:690px!important;font-size:clamp(21px,1.85vw,28px)!important;line-height:1.46!important;color:#fff!important}
.home-page #typewriterText{position:relative}
.home-page #typewriterText.isTyping:after{content:"";display:inline-block;width:1px;height:.95em;margin-left:4px;background:var(--gold2);vertical-align:-.08em;animation:v34Caret 1s step-end infinite}
@keyframes v34Caret{50%{opacity:0}}
.home-page .heroActions{margin-top:28px!important}
.home-page .portraitFrame img{object-position:center 18%!important;filter:saturate(.98) contrast(1.01)!important}

/* Keep one useful credentials ticker only */
.home-page .marqueeLegal{border-top:1px solid rgba(11,32,50,.08);border-bottom:1px solid rgba(11,32,50,.08)}
.home-page .marqueeLegal .track{animation-duration:44s!important}

/* Integrity remains, but is more concise */
.home-page .principles{padding:74px 0!important}
.home-page .principlesGrid{grid-template-columns:.58fr 1.42fr!important;gap:48px!important;align-items:center}
.home-page .quote{font-size:clamp(34px,4vw,58px)!important;line-height:1.06!important}
.home-page .principleTags{margin-top:20px!important}

/* Profile proof + retained portrait, now carrying AI quote */
.home-page .statement{padding:88px 0!important}
.home-page .statementGrid{grid-template-columns:.72fr 1.28fr!important;gap:56px!important}
.home-page .statement h2{font-size:clamp(44px,4.5vw,68px)!important}
.home-page .statement p{font-size:clamp(20px,1.75vw,28px)!important;line-height:1.38!important}
.home-page .proofGrid{margin-top:44px!important;gap:12px!important;border:0!important}
.home-page .proof{border:1px solid rgba(11,32,50,.11)!important;border-radius:16px!important;min-height:185px!important}
.home-page .profilePortraitFeature{margin-top:42px!important;grid-template-columns:minmax(300px,430px) 1fr!important;min-height:390px!important}
.home-page .profilePortraitFeature figcaption{padding:40px 48px!important;background:linear-gradient(145deg,#0b2032,#17364d)!important;color:#fff!important}
.home-page .profilePortraitFeature .quoteKicker{font-size:11px!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:var(--gold2)!important;font-weight:800!important}
.home-page .profilePortraitFeature .aiProfileQuote{margin:18px 0 14px!important;font:500 clamp(28px,3.1vw,48px)/1.12 Playfair Display,Georgia,serif!important;color:#fff!important}
.home-page .profilePortraitFeature cite{font-style:normal!important;font-size:14px!important;color:rgba(255,255,255,.72)!important}
.home-page .profileMoreBtn{margin-top:24px!important;width:max-content!important;border-color:rgba(255,255,255,.35)!important;color:#fff!important}

/* Shared 'view more' actions */
.home-page .sectionAction{display:flex;justify-content:flex-end;margin-top:30px}
.home-page .sectionMoreBtn{border-color:rgba(11,32,50,.24)!important;color:var(--bg)!important;background:rgba(255,255,255,.4)!important}
.home-page .dark .sectionMoreBtn,.home-page .sectionMoreBtn.onDark{color:#fff!important;border-color:rgba(255,255,255,.30)!important;background:rgba(255,255,255,.04)!important}

/* Six career highlights: compact desktop grid; swipe on mobile */
.home-page #career .careerStage{display:block!important}
.home-page #career .careerNav{display:none!important}
.home-page #career .careerPanels{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
.home-page #career .careerPanel{min-height:250px!important;padding:28px!important}
.home-page #career .careerPanel h3{font-size:30px!important}
.home-page #career .careerPanel p{font-size:14.5px!important;line-height:1.65!important}

/* Books gain higher visual priority; details become a mobile carousel */
.home-page #books{padding-top:96px!important;padding-bottom:96px!important}
.home-page #books .bookList{display:none!important}
.home-page #books .bookActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.home-page #books .bookActions .btn{margin-top:0!important}
.home-page #books .bookCopy p{font-size:16px!important;line-height:1.7!important}

/* AI research: shorter homepage set */
.home-page #research .researchFeature{min-height:430px!important}
.home-page #research .researchCards{grid-template-columns:1fr!important;gap:12px!important}
.home-page #research .rCard{min-height:0!important}
.home-page #research .rCard p{font-size:14px!important;line-height:1.6!important}

/* Articles */
.home-page #articles .articleGrid{gap:14px!important}
.home-page #articles .articleCard{min-height:0!important}

/* Journey + academic images integrated into one section */
.home-page .journeyInstitutions{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:34px}
.home-page .journeyInstitutionCard{margin:0;border:1px solid rgba(11,31,51,.12);border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 14px 34px rgba(9,25,41,.07)}
.home-page .journeyInstitutionCard img{display:block;width:100%;height:250px;object-fit:cover}
.home-page .journeyInstitutionCard figcaption{padding:20px 22px}
.home-page .journeyInstitutionCard h3{font:500 28px/1.1 Playfair Display,Georgia,serif;color:var(--bg);margin:0 0 7px}
.home-page .journeyInstitutionCard p{margin:0;font-size:14px!important;line-height:1.55!important;color:var(--muted)!important}

/* Beyond Law: one concise visual row only */
.home-page #beyond .storyMediaRow{margin-top:22px!important}
.home-page #beyond .storyMedia{min-height:330px!important}

/* Floating WhatsApp across the site */
.whatsappFloat{position:fixed;right:22px;bottom:22px;z-index:10040;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25D366;color:#fff;box-shadow:0 14px 34px rgba(0,0,0,.22);border:2px solid rgba(255,255,255,.85);transition:transform .2s ease,box-shadow .2s ease}
.whatsappFloat:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 18px 40px rgba(0,0,0,.28)}
.whatsappFloat svg{width:31px;height:31px}

/* Mobile dots for the auto-advancing books carousel */
.bookCarouselDots{display:none}

@media(max-width:720px){
  .home-page .hero{padding-top:78px!important}
  .home-page .heroCopy{padding:38px 0 24px!important}
  .home-page .heroCopy .eyebrow{font-size:10px!important;line-height:1.45!important}
  .home-page .name{font-size:clamp(46px,14vw,61px)!important}
  .home-page .rotatingLine{font-size:16px!important;line-height:1.45!important;margin-top:16px!important;min-height:48px!important}
  .home-page .typewriterLead{font-size:19px!important;line-height:1.52!important;min-height:92px!important;margin-top:12px!important}
  .home-page .heroActions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;margin-top:20px!important}
  .home-page .heroActions .btn{width:100%!important;justify-content:center!important;min-height:48px!important;font-size:10px!important}
  .home-page .heroActions .btn.primary{grid-column:1/-1!important}
  .home-page .portraitFrame{aspect-ratio:4/5.15!important}
  .home-page .portraitFrame img{object-position:center 15%!important}

  .home-page .marqueeLegal .track{animation-duration:46s!important}
  .home-page .marqueeLegal .chip{font-size:12px!important;line-height:1.4!important;padding:10px 13px!important}

  .home-page .principles{padding:52px 0!important}
  .home-page .principlesGrid{grid-template-columns:1fr!important;gap:22px!important}
  .home-page .quote{font-size:34px!important;line-height:1.08!important}
  .home-page .principleTags{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none!important;margin:18px -14px 0!important;padding:0 14px 4px!important}
  .home-page .principleTags::-webkit-scrollbar{display:none}
  .home-page .principleTags span{flex:0 0 auto!important;font-size:10px!important}

  .home-page .statement{padding:58px 0!important}
  .home-page .statementGrid{grid-template-columns:1fr!important;gap:20px!important}
  .home-page .statement h2{font-size:41px!important}
  .home-page .statement p{font-size:18px!important;line-height:1.5!important}

  /* Statistics swipe sideways instead of making the page long */
  .home-page .proofGrid{display:flex!important;grid-template-columns:none!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;margin:28px -14px 0!important;padding:0 14px 10px!important;gap:10px!important}
  .home-page .proofGrid::-webkit-scrollbar{display:none}
  .home-page .proof{flex:0 0 82%!important;min-width:0!important;min-height:180px!important;scroll-snap-align:center!important;padding:20px!important}
  .home-page .proof span{font-size:12px!important;line-height:1.45!important}
  .home-page .proof small{font-size:10.5px!important;line-height:1.4!important}

  .home-page .profilePortraitFeature{grid-template-columns:1fr!important;margin-top:26px!important;border-radius:18px!important;min-height:0!important}
  .home-page .profilePortraitImage img{aspect-ratio:4/4.55!important;object-position:center 12%!important}
  .home-page .profilePortraitFeature figcaption{padding:26px 22px 28px!important}
  .home-page .profilePortraitFeature .quoteKicker{font-size:10px!important}
  .home-page .profilePortraitFeature .aiProfileQuote{font-size:29px!important;line-height:1.14!important;margin-top:14px!important}
  .home-page .profilePortraitFeature cite{font-size:15px!important}
  .home-page .profileMoreBtn{width:100%!important;justify-content:center!important}

  .home-page .section{padding-top:60px!important;padding-bottom:60px!important}
  .home-page .sectionHead h2{font-size:40px!important}
  .home-page .sectionHead p{font-size:16px!important;line-height:1.6!important}
  .home-page .sectionAction{justify-content:stretch;margin-top:22px}
  .home-page .sectionAction .btn{width:100%!important;justify-content:center!important;font-size:10.5px!important;min-height:48px!important}

  /* Career swipe */
  .home-page #career .careerPanels{display:flex!important;grid-template-columns:none!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;margin:0 -14px!important;padding:0 14px 12px!important;gap:12px!important}
  .home-page #career .careerPanels::-webkit-scrollbar{display:none}
  .home-page #career .careerPanel{flex:0 0 88%!important;min-height:300px!important;scroll-snap-align:center!important;padding:22px!important}
  .home-page #career .careerPanel h3{font-size:28px!important}
  .home-page #career .careerPanel p,.home-page #career .careerMore p{font-size:16px!important;line-height:1.62!important}

  /* Books: mobile-only slideshow/carousel */
  .home-page #books .bookHero{display:block!important}
  .home-page #books .bookStackWrap{display:none!important}
  .home-page #books .bookCopy h2{font-size:45px!important}
  .home-page #books .bookCopy p{font-size:16px!important;line-height:1.6!important}
  .home-page #books .bookActions{display:grid!important;grid-template-columns:1fr 1fr!important}
  .home-page #books .bookActions .btn{justify-content:center!important}
  .home-page #books .bookList{display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;margin:30px -14px 0!important;padding:0 14px 10px!important;gap:12px!important}
  .home-page #books .bookList::-webkit-scrollbar{display:none}
  .home-page #books .bookItem{display:block!important;flex:0 0 88%!important;scroll-snap-align:center!important;padding:20px!important;border-radius:18px!important}
  .home-page #books .bookItem h3{font-size:27px!important}
  .home-page #books .bookItem p{font-size:16px!important;line-height:1.58!important}
  .home-page #books .bookMeta{font-size:11px!important}
  .bookCarouselDots{display:flex!important;justify-content:center;gap:8px;margin-top:8px}
  .bookCarouselDots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:rgba(11,32,50,.22);cursor:pointer}
  .bookCarouselDots button.active{background:var(--wine);transform:scale(1.25)}

  /* AI research: feature then horizontal selected cards */
  .home-page #research .researchFeature{min-height:390px!important;padding:24px!important}
  .home-page #research .researchFeature p{font-size:16px!important;line-height:1.62!important}
  .home-page #research .researchCards{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;margin:12px -14px 0!important;padding:0 14px 10px!important;gap:10px!important}
  .home-page #research .researchCards::-webkit-scrollbar{display:none}
  .home-page #research .rCard{flex:0 0 86%!important;scroll-snap-align:center!important;padding:22px!important}
  .home-page #research .rCard p{font-size:16px!important;line-height:1.6!important}

  /* Articles swipe */
  .home-page #articles .articleGrid{display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;margin:0 -14px!important;padding:0 14px 12px!important;gap:12px!important}
  .home-page #articles .articleGrid::-webkit-scrollbar{display:none}
  .home-page #articles .articleCard{flex:0 0 90%!important;scroll-snap-align:center!important;padding:22px!important}
  .home-page #articles .articleSummary,.home-page #articles .articleMeta,.home-page #articles .articleType{font-size:15.5px!important;line-height:1.6!important}

  /* Journey is horizontal on phones */
  .home-page #journey .timelineWrap{overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;margin:24px -14px 0!important;padding:6px 14px 12px!important}
  .home-page #journey .timelineWrap::-webkit-scrollbar{display:none}
  .home-page #journey .timelineTrack{display:flex!important;gap:12px!important;width:max-content!important}
  .home-page #journey .timeItem{display:block!important;position:relative!important;flex:0 0 82vw!important;max-width:360px!important;min-height:250px!important;padding:24px!important;border:1px solid rgba(11,31,51,.11)!important;border-radius:18px!important;background:#fff!important;scroll-snap-align:center!important}
  .home-page #journey .timeItem .year{display:block!important;text-align:left!important;padding:0 0 8px!important;font-size:13px!important}
  .home-page #journey .timeItem .dot{display:none!important}
  .home-page #journey .timeItem .content{padding:0!important;border:0!important}
  .home-page #journey .timeItem h4{font-size:27px!important}
  .home-page #journey .timeItem p{font-size:16px!important;line-height:1.6!important}
  .home-page .journeyInstitutions{display:flex!important;grid-template-columns:none!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;margin:26px -14px 0!important;padding:0 14px 10px!important;gap:12px!important}
  .home-page .journeyInstitutions::-webkit-scrollbar{display:none}
  .home-page .journeyInstitutionCard{flex:0 0 88%!important;scroll-snap-align:center!important}
  .home-page .journeyInstitutionCard img{height:230px!important}
  .home-page .journeyInstitutionCard h3{font-size:27px!important}
  .home-page .journeyInstitutionCard p{font-size:16px!important;line-height:1.55!important}

  /* Beyond Law swipe */
  .home-page #beyond .storyMediaRow{display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;margin:20px -14px 0!important;padding:0 14px 12px!important;gap:12px!important}
  .home-page #beyond .storyMediaRow::-webkit-scrollbar{display:none}
  .home-page #beyond .storyMedia{flex:0 0 88%!important;scroll-snap-align:center!important;min-height:340px!important}
  .home-page #beyond .storyMedia .label span{font-size:15.5px!important;line-height:1.55!important}

  .whatsappFloat{right:14px;bottom:14px;width:54px;height:54px}
  .whatsappFloat svg{width:29px;height:29px}
}

@media(max-width:420px){
  .home-page .typewriterLead{min-height:112px!important}
  .home-page #books .bookActions{grid-template-columns:1fr!important}
  .home-page .profilePortraitFeature .aiProfileQuote{font-size:27px!important}
}


/* === V35: cache-busted visual refinement, compact homepage scope and safer floating controls === */
.home-page .professionalScope{margin-top:46px;padding-top:38px;border-top:1px solid rgba(11,32,50,.10)}
.home-page .scopeHeader{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:end;margin-bottom:20px}
.home-page .scopeHeader h3{margin:7px 0 0;font:500 clamp(32px,3.4vw,48px)/1.06 Playfair Display,Georgia,serif;color:var(--bg)}
.home-page .scopeHeader p{margin:0;font-size:14.5px;line-height:1.7;color:var(--muted);max-width:680px}
.home-page .scopeCards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.home-page .scopeCard{position:relative;min-height:286px;padding:28px 26px 26px;border:1px solid rgba(11,32,50,.10);border-radius:18px;background:linear-gradient(160deg,#fff 0%,#faf7f0 100%);box-shadow:0 12px 30px rgba(9,25,41,.045);overflow:hidden}
.home-page .scopeCard:before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,var(--gold),var(--wine))}
.home-page .scopeNo{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:28px;padding:0 9px;border-radius:999px;background:rgba(11,32,50,.06);font:700 10px/1 Manrope,sans-serif;letter-spacing:.08em;color:var(--wine)}
.home-page .scopeCard h4{margin:18px 0 10px;font:500 27px/1.12 Playfair Display,Georgia,serif;color:var(--bg)}
.home-page .scopeCard p{margin:0;font-size:14.5px;line-height:1.67;color:var(--muted)}
.home-page .scopeCard p strong{color:var(--bg);font-weight:700}

/* Section calls-to-action: one clear action, no cramped pill clusters */
.home-page .sectionAction{justify-content:flex-start!important;margin-top:28px!important}
.home-page .sectionMoreBtn,.home-page .profileMoreBtn{border-radius:12px!important;padding:13px 18px!important;min-height:46px!important;letter-spacing:.075em!important;font-size:10.5px!important;font-weight:700!important;box-shadow:none!important}
.home-page .sectionMoreBtn{background:#0b2032!important;color:#fff!important;border-color:#0b2032!important}
.home-page .dark .sectionMoreBtn,.home-page .sectionMoreBtn.onDark{background:var(--gold)!important;color:#0b2032!important;border-color:var(--gold)!important}
.home-page .sectionMoreBtn:hover,.home-page .profileMoreBtn:hover{transform:translateY(-2px)!important;box-shadow:0 10px 22px rgba(9,25,41,.12)!important}
.home-page .bookActions{gap:12px!important}
.home-page .bookActions .btn{border-radius:12px!important;min-height:46px!important;padding:13px 18px!important}

/* Academic images are integrated visual cards, not oversized standalone photos */
.home-page .journeyInstitutions{gap:18px!important;margin-top:30px!important}
.home-page .journeyInstitutionCard{position:relative!important;aspect-ratio:16/10!important;border-radius:18px!important;overflow:hidden!important;border:1px solid rgba(11,31,51,.12)!important;background:#0b2032!important;box-shadow:0 18px 42px rgba(9,25,41,.10)!important}
.home-page .journeyInstitutionCard img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;transition:transform .5s ease!important}
.home-page .journeyInstitutionCard:first-child img{object-position:center 47%!important}
.home-page .journeyInstitutionCard:hover img{transform:scale(1.025)!important}
.home-page .journeyInstitutionCard:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,17,31,.02) 36%,rgba(4,17,31,.90) 100%);pointer-events:none}
.home-page .journeyInstitutionCard figcaption{position:absolute!important;left:0!important;right:0!important;bottom:0!important;z-index:2!important;padding:42px 24px 22px!important;background:transparent!important}
.home-page .journeyInstitutionCard h3{margin:0 0 5px!important;font:500 31px/1.08 Playfair Display,Georgia,serif!important;color:#fff!important}
.home-page .journeyInstitutionCard p{margin:0!important;max-width:92%!important;font-size:13.5px!important;line-height:1.52!important;color:rgba(255,255,255,.80)!important}
.home-page .mediaCredit{position:absolute;z-index:3;left:12px;top:12px;max-width:75%;padding:6px 8px;border-radius:7px;background:rgba(4,17,31,.70);backdrop-filter:blur(6px);font-size:8px;line-height:1.3;color:rgba(255,255,255,.78)}

/* Floating WhatsApp: deliberately discreet and robust */
.whatsappFloat{right:18px!important;bottom:18px!important;width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;max-width:48px!important;max-height:48px!important;padding:0!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#25D366!important;color:#fff!important;border:2px solid rgba(255,255,255,.94)!important;box-shadow:0 8px 22px rgba(4,17,31,.20)!important;overflow:hidden!important;line-height:0!important}
.whatsappFloat svg{width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;max-width:22px!important;max-height:22px!important;display:block!important;flex:0 0 22px!important}
.whatsappFloat:hover{transform:translateY(-2px)!important;box-shadow:0 11px 26px rgba(4,17,31,.24)!important}

@media(max-width:900px){
  .home-page .scopeHeader{grid-template-columns:1fr!important;gap:12px!important}
  .home-page .scopeCards{grid-template-columns:1fr 1fr!important}
  .home-page .scopeCard:last-child{grid-column:1/-1!important}
}

@media(max-width:720px){
  .home-page .professionalScope{margin-top:34px!important;padding-top:28px!important}
  .home-page .scopeHeader{margin-bottom:16px!important}
  .home-page .scopeHeader h3{font-size:34px!important;line-height:1.08!important}
  .home-page .scopeHeader p{font-size:16px!important;line-height:1.58!important}
  .home-page .scopeCards{display:flex!important;grid-template-columns:none!important;gap:11px!important;margin:0 -14px!important;padding:0 14px 10px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important}
  .home-page .scopeCards::-webkit-scrollbar{display:none!important}
  .home-page .scopeCard,.home-page .scopeCard:last-child{grid-column:auto!important;flex:0 0 87%!important;min-height:315px!important;padding:24px 22px!important;scroll-snap-align:center!important}
  .home-page .scopeCard h4{font-size:27px!important}
  .home-page .scopeCard p{font-size:16px!important;line-height:1.62!important}

  .home-page .sectionAction{margin-top:20px!important}
  .home-page .sectionAction .btn,.home-page .profileMoreBtn{width:auto!important;min-width:0!important;max-width:100%!important;justify-content:center!important;padding:13px 16px!important;font-size:10px!important}

  .home-page .journeyInstitutions{display:flex!important;gap:12px!important;margin:24px -14px 0!important;padding:0 14px 10px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important}
  .home-page .journeyInstitutionCard{flex:0 0 84%!important;aspect-ratio:4/3!important;scroll-snap-align:center!important}
  .home-page .journeyInstitutionCard h3{font-size:27px!important}
  .home-page .journeyInstitutionCard p{font-size:15px!important;line-height:1.5!important}
  .home-page .journeyInstitutionCard figcaption{padding:38px 18px 18px!important}
  .home-page .mediaCredit{font-size:7.5px!important;max-width:82%!important}

  .whatsappFloat{right:12px!important;bottom:12px!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;max-width:44px!important;max-height:44px!important}
  .whatsappFloat svg{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;max-width:20px!important;max-height:20px!important;flex-basis:20px!important}
}

/* ===== V36 RESTORATION & DEDICATED-PAGE REFINEMENT ===== */
/* Homepage: restore the strong V32 proof layout and use scrolling only where it earns its place. */
.home-page .proofGrid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:44px 0 0!important;padding:0!important;overflow:visible!important;border:0!important}
.home-page .proof{width:100%!important;min-width:0!important;flex:none!important;scroll-snap-align:none!important;border:1px solid rgba(4,17,31,.11)!important;border-radius:18px!important}
.home-page .principleTags{display:flex!important;flex-wrap:wrap!important;overflow:visible!important;margin:18px 0 0!important;padding:0!important;gap:8px!important}
.home-page .scopeCards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin:0!important;padding:0!important;overflow:visible!important}
.home-page .scopeCard{min-width:0!important;min-height:0!important;flex:none!important;scroll-snap-align:none!important}

/* Books: no 3D / stacked mockups. Covers are flat, editorial and readable. */
.bookStackWrap,.bookStack,.bookMockup,.bookSpine{display:none!important}
.bookIntro{display:block!important;max-width:820px;margin:0 auto 34px;text-align:center}
.bookIntro .bookCopy{max-width:760px;margin:0 auto}
.bookIntro .bookCopy h2{font-size:clamp(52px,6vw,86px)!important;line-height:.94!important;margin-bottom:18px!important}
.bookIntro .bookCopy p{margin-left:auto!important;margin-right:auto!important;font-size:16px!important;line-height:1.7!important}
.home-page #books .bookList{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;margin-top:28px!important;overflow:visible!important;padding:0!important}
.bookCoverFlat{width:min(165px,46%);aspect-ratio:2/3;margin:0 0 18px;border-radius:7px;overflow:hidden;background:#172a3c;box-shadow:0 12px 28px rgba(11,31,51,.14)}
.bookCoverFlat img{width:100%;height:100%;object-fit:cover;object-position:center top}
.home-page #books .bookItem{display:block!important;min-width:0!important;min-height:0!important;padding:22px!important}
.home-page #books .bookItem p{min-height:0!important}

/* Academic images: concise, balanced and part of the Journey rather than a separate oversized block. */
.home-page .journeyInstitutions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;margin:28px 0 0!important;padding:0!important;overflow:visible!important}
.home-page .journeyInstitutionCard{width:100%!important;min-width:0!important;flex:none!important;scroll-snap-align:none!important;aspect-ratio:4/3!important}
.home-page .journeyInstitutionCard figcaption{padding:14px!important}
.home-page .journeyInstitutionCard figcaption h3{font-size:22px!important}
.home-page .journeyInstitutionCard figcaption p{font-size:13px!important;line-height:1.45!important}

/* Beyond Law on the homepage: restore a normal V32-style static mobile presentation, no sideways carousel. */
.home-page #beyond .storyMediaRow{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;margin:20px 0 0!important;padding:0!important;overflow:visible!important}
.home-page #beyond .storyMedia{width:100%!important;min-width:0!important;flex:none!important;scroll-snap-align:none!important;min-height:300px!important}

/* Inner / dedicated pages: no horizontal scroll, no carousel behaviour, no clipped tabs. */
.inner-page main,.inner-page main *{min-width:0}
.inner-page .mobileSwipeHint,.inner-page .bookCarouselDots{display:none!important}
.inner-page .careerNav{display:none!important}
.inner-page .careerPanels,.inner-page .researchCards,.inner-page .articleGrid,.inner-page .bookList,.inner-page .timelineTrack,.inner-page .storyMediaRow,.inner-page .bento,.inner-page .journeyInstitutions,.inner-page .proofGrid{
  overflow:visible!important;overflow-x:visible!important;scroll-snap-type:none!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;width:auto!important;max-width:none!important
}
.inner-page .proofGrid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;border:0!important;margin-top:34px!important}
.inner-page .proof{flex:none!important;width:100%!important;min-height:170px!important;border:1px solid rgba(4,17,31,.11)!important;border-radius:16px!important;scroll-snap-align:none!important}

/* Full professional profile */
.profileOverview{background:var(--paper2)}
.profileDetailSection{background:var(--paper);padding-top:38px!important}
.profileDetailGrid,.institutionSummaryGrid,.educationSummaryGrid,.trainingGrid,.scholarshipGrid,.themeGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.profileDetailCard,.educationSummaryGrid article,.trainingGrid article,.themeGrid article{border:1px solid rgba(11,31,51,.11);border-radius:18px;padding:26px;background:rgba(255,255,255,.68)}
.profileDetailCard .detailNo{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#f2e7d1;color:var(--wine);font-weight:700;font-size:12px;margin-bottom:18px}
.profileDetailCard h3,.educationSummaryGrid h3,.trainingGrid h3,.themeGrid h3{font:500 29px/1.1 Playfair Display,serif;margin:0 0 12px;color:#132231}
.profileDetailCard p,.educationSummaryGrid p,.trainingGrid p,.themeGrid p{font-size:15px;line-height:1.72;color:#40515f;margin:0}
.institutionSummaryGrid{grid-template-columns:repeat(3,minmax(0,1fr))}
.institutionSummaryGrid article{border:1px solid rgba(255,255,255,.13);border-radius:18px;padding:24px;background:rgba(255,255,255,.045)}
.institutionSummaryGrid article span,.scholarshipGrid article span{display:block;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--gold2);margin-bottom:10px}
.institutionSummaryGrid h3,.scholarshipGrid h3{font:500 28px/1.1 Playfair Display,serif;margin:0 0 10px;color:#fff}
.institutionSummaryGrid p,.scholarshipGrid p{font-size:14px;line-height:1.68;color:rgba(255,255,255,.72);margin:0}
.educationSummaryGrid .eduYear{display:inline-flex;border-radius:999px;background:#f4e9eb;color:#6b2033;padding:7px 10px;font-size:12px;font-weight:800;margin-bottom:14px}
.trainingGrid{grid-template-columns:repeat(3,minmax(0,1fr))}
.trainingGrid article strong{display:block;font:600 24px Playfair Display,serif;color:var(--wine);margin-bottom:6px}
.trainingGrid article span{display:block;font-size:13px;font-weight:700;color:#23384a;margin-bottom:8px}
.scholarshipGrid{grid-template-columns:repeat(4,minmax(0,1fr))}
.scholarshipGrid article{border:1px solid rgba(255,255,255,.13);border-radius:18px;padding:23px;background:rgba(255,255,255,.045)}
.scholarshipGrid h3{font-size:25px}.scholarshipGrid a{display:inline-flex;margin-top:16px;color:var(--gold2);font-size:12px;font-weight:700}

/* Career: a listed chronology rather than a tabbed slider. */
.careerHistoryList{display:grid;gap:14px}
.careerHistoryCard{display:grid;grid-template-columns:150px 1fr;gap:26px;border:1px solid rgba(255,255,255,.13);border-radius:20px;padding:28px;background:rgba(255,255,255,.045)}
.careerHistoryMeta{display:flex;flex-direction:column;gap:12px}.careerHistoryMeta span{font:500 34px Playfair Display,serif;color:var(--gold2)}.careerHistoryMeta strong{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.65)}
.careerHistoryCard h3{font:500 31px/1.08 Playfair Display,serif;margin:0 0 14px;color:#fff}
.careerHistoryCard ul{margin:0;padding-left:20px;color:rgba(255,255,255,.75)}.careerHistoryCard li{margin:8px 0;font-size:14.5px;line-height:1.65}
.themeGrid article{background:#fff}

/* Journey: normal listed cards, no pink squeezed tabs and no sideways scrolling. */
.journeyList{display:grid;gap:12px}
.journeyListCard{display:grid;grid-template-columns:150px 1fr;gap:22px;align-items:start;border:1px solid rgba(11,31,51,.11);border-radius:18px;background:#fff;padding:24px}
.journeyYear{display:inline-flex;justify-content:center;align-items:center;min-height:48px;border-radius:12px;background:#f4e9eb;color:#6b2033;font-weight:800;font-size:13px;text-align:center;padding:9px 10px}
.journeyListBody>span{display:block;font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:#8a6c63;margin-bottom:8px;font-weight:700}
.journeyListBody h3{font:500 28px/1.1 Playfair Display,serif;margin:0 0 8px;color:#132231}.journeyListBody p{font-size:14.5px;line-height:1.68;color:#40515f;margin:0}
.staticInstitutions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;margin-top:0!important}
.staticInstitutions .journeyInstitutionCard{min-width:0!important;flex:none!important;width:100%!important;aspect-ratio:4/3!important}

/* Dedicated books: all three listed, flat covers, no carousel. */
.dedicatedBookList{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;margin-top:0!important}
.dedicatedBookList .bookItem{display:block!important;flex:none!important;min-width:0!important;width:100%!important;padding:24px!important;scroll-snap-align:none!important}
.dedicatedBookList .bookCoverFlat{width:min(180px,55%);margin-bottom:20px}
.dedicatedBookList .bookItem p{min-height:0!important;font-size:14px!important;line-height:1.66!important}

/* Dedicated AI research: visible cards in a normal grid. */
.researchFeatureStatic>.researchFeature{min-height:0!important;margin-bottom:18px!important}
.dedicatedResearchCards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
.dedicatedResearchCards>.researchCards{display:contents!important}
.dedicatedResearchCards .rCard{flex:none!important;width:100%!important;min-height:180px!important;scroll-snap-align:none!important}

/* Dedicated Beyond Law */
.beyondDedicated .storyMediaRow{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;margin:20px 0 28px!important}
.beyondDedicated .storyMedia{width:100%!important;min-width:0!important;flex:none!important;min-height:260px!important}
.beyondDedicated .bento{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:auto!important;gap:14px!important;margin:0!important;padding:0!important}
.beyondDedicated .bentoCard{width:100%!important;min-width:0!important;flex:none!important;scroll-snap-align:none!important}

/* Keep WhatsApp compact and predictable. */
.whatsappFloat{width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;max-width:50px!important;max-height:50px!important;border-radius:50%!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
.whatsappFloat svg{width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;max-width:22px!important;max-height:22px!important;flex:0 0 22px!important}

@media(max-width:820px){
  /* Section 01 remains four blocks, two per row. */
  .home-page .proofGrid,.inner-page .proofGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin:30px 0 0!important}
  .home-page .proof,.inner-page .proof{min-height:160px!important;padding:15px!important}
  .home-page .proof strong,.inner-page .proof strong{font-size:31px!important}
  .home-page .proof span,.inner-page .proof span{font-size:11px!important;line-height:1.4!important;letter-spacing:.08em!important}
  .home-page .proof small,.inner-page .proof small{font-size:9px!important}

  .home-page .principleTags{gap:7px!important}.home-page .principleTags span{font-size:11px!important;padding:9px 11px!important}

  /* Professional Scope: two across, third full width. */
  .home-page .scopeCards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .home-page .scopeCard{padding:18px!important;min-height:0!important}
  .home-page .scopeCard:last-child{grid-column:1/-1!important}
  .home-page .scopeCard h4{font-size:22px!important}.home-page .scopeCard p{font-size:14px!important;line-height:1.58!important}

  /* Selected AI topic cards can be two per row; the final card spans the row. */
  .home-page #research .researchCards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:12px 0 0!important;padding:0!important;overflow:visible!important}
  .home-page #research .rCard{width:100%!important;min-width:0!important;flex:none!important;scroll-snap-align:none!important;padding:17px!important;min-height:0!important}
  .home-page #research .rCard:last-child{grid-column:1/-1!important}
  .home-page #research .rCard h4{font-size:20px!important}.home-page #research .rCard p{font-size:13px!important;line-height:1.55!important}

  /* Academic images appear together, not as a sideways gallery. */
  .home-page .journeyInstitutions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin:22px 0 0!important}
  .home-page .journeyInstitutionCard{aspect-ratio:1/1.08!important;border-radius:14px!important}
  .home-page .journeyInstitutionCard figcaption{padding:10px!important}.home-page .journeyInstitutionCard figcaption h3{font-size:17px!important}.home-page .journeyInstitutionCard figcaption p{font-size:11px!important;line-height:1.35!important}
  .home-page .journeyInstitutionCard .mediaCredit{font-size:7px!important;padding:4px 6px!important}

  /* Beyond remains static and stacked as in the stronger V32 phone presentation. */
  .home-page #beyond .storyMediaRow{grid-template-columns:1fr!important;gap:11px!important;margin:18px 0 0!important}
  .home-page #beyond .storyMedia{min-height:220px!important;max-height:none!important;height:auto!important}

  /* Homepage books alone retain swipe + automatic advancement. */
  .home-page #books .bookList{display:flex!important;grid-template-columns:none!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;margin:26px -14px 0!important;padding:0 14px 10px!important;gap:12px!important}
  .home-page #books .bookList::-webkit-scrollbar{display:none}
  .home-page #books .bookItem{flex:0 0 86%!important;scroll-snap-align:center!important;padding:20px!important}
  .home-page #books .bookCoverFlat{width:120px!important;margin-bottom:16px!important}

  /* Dedicated pages: everything stacks or grids normally, never horizontal. */
  .inner-page .careerPanels,.inner-page .researchCards,.inner-page .articleGrid,.inner-page .bookList,.inner-page .timelineTrack,.inner-page .storyMediaRow,.inner-page .bento,.inner-page .journeyInstitutions{
    display:grid!important;overflow:visible!important;overflow-x:visible!important;width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;scroll-snap-type:none!important
  }
  .profileDetailGrid,.institutionSummaryGrid,.educationSummaryGrid,.trainingGrid,.scholarshipGrid,.themeGrid{grid-template-columns:1fr!important;gap:11px!important}
  .profileDetailCard,.educationSummaryGrid article,.trainingGrid article,.themeGrid article{padding:20px!important}
  .institutionSummaryGrid,.scholarshipGrid{grid-template-columns:1fr!important}.institutionSummaryGrid article,.scholarshipGrid article{padding:20px!important}
  .careerHistoryCard{grid-template-columns:1fr!important;gap:10px!important;padding:21px!important}.careerHistoryMeta{flex-direction:row!important;align-items:center!important;justify-content:space-between!important}.careerHistoryMeta span{font-size:28px!important}.careerHistoryCard h3{font-size:27px!important}.careerHistoryCard li{font-size:14.5px!important;line-height:1.6!important}
  .journeyListCard{grid-template-columns:1fr!important;gap:12px!important;padding:19px!important}.journeyYear{justify-content:flex-start!important;width:max-content!important;max-width:100%!important;min-height:0!important}.journeyListBody h3{font-size:25px!important}.journeyListBody p{font-size:14.5px!important}
  .staticInstitutions{grid-template-columns:1fr!important;gap:12px!important}.staticInstitutions .journeyInstitutionCard{aspect-ratio:4/3!important}
  .dedicatedBookList{grid-template-columns:1fr!important;gap:12px!important}.dedicatedBookList .bookItem{padding:20px!important}.dedicatedBookList .bookCoverFlat{width:130px!important}
  .dedicatedResearchCards{grid-template-columns:1fr!important;gap:10px!important}.dedicatedResearchCards>.researchCards{display:contents!important}.dedicatedResearchCards .rCard{min-height:0!important}
  .beyondDedicated .storyMediaRow{grid-template-columns:1fr!important;gap:11px!important}.beyondDedicated .bento{grid-template-columns:1fr!important;gap:11px!important}.beyondDedicated .storyMedia{min-height:220px!important}
  .inner-page .articleGrid{grid-template-columns:1fr!important;gap:12px!important}.inner-page .articleCard{width:100%!important;min-width:0!important;flex:none!important}

  .whatsappFloat{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;max-width:46px!important;max-height:46px!important;right:14px!important;bottom:14px!important}
  .whatsappFloat svg{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;max-width:20px!important;max-height:20px!important;flex-basis:20px!important}
}

@media(max-width:390px){
  .home-page .scopeCards{grid-template-columns:1fr!important}.home-page .scopeCard:last-child{grid-column:auto!important}
  .home-page #research .researchCards{grid-template-columns:1fr!important}.home-page #research .rCard:last-child{grid-column:auto!important}
  .home-page .journeyInstitutions{grid-template-columns:1fr!important}.home-page .journeyInstitutionCard{aspect-ratio:4/3!important}
}

/* === V36 final mobile refinement: Beyond Law remains visible, two-up rather than a carousel === */
@media(max-width:820px) and (min-width:391px){
  .home-page #beyond .mobileSwipeHint{display:none!important}
  .home-page #beyond .storyMediaRow{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
    margin:18px 0 0!important;
    padding:0!important;
    overflow:visible!important;
    scroll-snap-type:none!important;
  }
  .home-page #beyond .storyMedia{
    width:100%!important;
    min-width:0!important;
    min-height:260px!important;
    height:auto!important;
    flex:none!important;
    scroll-snap-align:none!important;
    border-radius:14px!important;
  }
  .home-page #beyond .storyMedia .label{padding:15px 13px!important}
  .home-page #beyond .storyMedia .label b{font-size:15px!important;line-height:1.25!important}
  .home-page #beyond .storyMedia .label span{font-size:12.5px!important;line-height:1.42!important}
}
@media(max-width:390px){
  .home-page #beyond .mobileSwipeHint{display:none!important}
  .home-page #beyond .storyMediaRow{display:grid!important;grid-template-columns:1fr!important;overflow:visible!important;scroll-snap-type:none!important;margin:18px 0 0!important;padding:0!important}
}

/* ===== V37: restore V32 homepage books + Beyond-Law tail; never auto-scroll the page ===== */
html{scroll-behavior:auto!important}
@media(max-width:820px){html{scroll-behavior:auto!important}}

/* HOME BOOKS — V32 stacked/mockup presentation restored. */
.home-page #books{background:#fffaf4!important;padding-bottom:72px!important}
.home-page #books .bookHero{display:grid!important;grid-template-columns:1fr 1fr!important;gap:62px!important;align-items:center!important}
.home-page #books .bookStackWrap{display:block!important;position:relative!important;width:auto!important;max-width:none!important;margin:0!important;overflow:visible!important}
.home-page #books .bookShelfLabel{display:flex!important;justify-content:space-between!important;gap:20px!important;margin-bottom:8px!important;font-size:12px!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#384d5b!important;font-weight:800!important}
.home-page #books .bookExploreDesktop{display:inline!important}.home-page #books .bookExploreMobile{display:none!important}
.home-page #books .bookStack{display:block!important;position:relative!important;min-height:590px!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important;perspective:1500px!important}
.home-page #books .cover,.home-page #books .cover.c1,.home-page #books .cover.c2,.home-page #books .cover.c3{display:block!important;position:absolute!important;width:38%!important;aspect-ratio:2/3!important;max-width:none!important;overflow:visible!important;border-radius:7px!important;background:transparent!important;box-shadow:none!important;transition:transform .5s cubic-bezier(.2,.8,.2,1)!important}
.home-page #books .cover.c1{left:2%!important;right:auto!important;top:16%!important;transform:rotate(-8deg)!important;z-index:1!important}
.home-page #books .cover.c2{left:31%!important;right:auto!important;top:2%!important;transform:rotate(2deg)!important;z-index:3!important}
.home-page #books .cover.c3{left:auto!important;right:0!important;top:22%!important;transform:rotate(8deg)!important;z-index:2!important}
.home-page #books .bookMockup{display:block!important;overflow:visible!important;transform-style:preserve-3d!important;border-radius:7px!important}
.home-page #books .bookMockup img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important;border-radius:7px!important;box-shadow:0 28px 55px rgba(6,24,39,.26)!important;position:relative!important;z-index:2!important;background:#172a3c!important}
.home-page #books .bookSpine{display:block!important;position:absolute!important;left:-10px!important;top:4px!important;width:13px!important;height:calc(100% - 8px)!important;z-index:1!important;border-radius:5px 0 0 5px!important;background:linear-gradient(90deg,#574637,#d2b47a 45%,#6b563e)!important;transform:rotateY(-40deg)!important;transform-origin:right center!important;box-shadow:-8px 9px 18px rgba(6,24,39,.15)!important}
.home-page #books .bookMockup:after{display:block!important;content:""!important;position:absolute!important;left:5px!important;right:-6px!important;bottom:-7px!important;height:9px!important;background:repeating-linear-gradient(0deg,#e9e2d3 0 1px,#cfc8ba 1px 2px)!important;transform:skewX(-34deg)!important;border-radius:0 0 4px 4px!important;z-index:0!important}
.home-page #books .bookMockup figcaption{display:grid!important;position:absolute!important;z-index:4!important;right:9px!important;bottom:8px!important;width:30px!important;height:30px!important;border-radius:50%!important;place-items:center!important;background:rgba(6,24,39,.86)!important;color:var(--gold2)!important;font-size:10.5px!important;font-weight:800!important;letter-spacing:.06em!important;border:1px solid rgba(255,255,255,.14)!important}
@media(hover:hover) and (pointer:fine){
 .home-page #books .bookStack:hover .c1{transform:translate(-8px,-6px) rotate(-9deg)!important}
 .home-page #books .bookStack:hover .c2{transform:translateY(-10px) rotate(1deg)!important}
 .home-page #books .bookStack:hover .c3{transform:translate(8px,-6px) rotate(9deg)!important}
}
.home-page #books .bookCopy h2{font-size:clamp(54px,5.7vw,84px)!important;line-height:.95!important}
.home-page #books .bookCopy p{font-size:17px!important;line-height:1.75!important;color:#596a77!important}
.home-page #books .bookCopy .btn{background:#0b2032!important;color:#fff!important;border-color:#0b2032!important;font-size:11.5px!important;font-weight:800!important;letter-spacing:.075em!important;padding:14px 18px!important;box-shadow:0 12px 28px rgba(11,32,50,.18)!important}
.home-page #books .bookList{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;margin:54px 0 0!important;padding:0!important;overflow:visible!important;scroll-snap-type:none!important}
.home-page #books .bookItem{display:block!important;min-width:0!important;width:auto!important;min-height:0!important;padding:0!important;overflow:hidden!important;border-radius:20px!important;background:#fff!important;border:1px solid rgba(19,34,49,.10)!important;box-shadow:0 10px 34px rgba(19,34,49,.055)!important;scroll-snap-align:none!important}
.home-page #books .bookCardMockup{display:grid!important;height:250px!important;place-items:center!important;background:linear-gradient(145deg,#e9dfd0,#f8f1e7)!important;position:relative!important;overflow:hidden!important}
.home-page #books .bookCardMockup:after{content:""!important;position:absolute!important;left:13%!important;right:13%!important;bottom:23px!important;height:16px!important;background:rgba(19,34,49,.15)!important;filter:blur(12px)!important;border-radius:50%!important}
.home-page #books .bookCardMockup img{display:block!important;height:200px!important;width:auto!important;max-width:72%!important;object-fit:cover!important;object-position:center top!important;border-radius:4px!important;box-shadow:-8px 13px 22px rgba(19,34,49,.24)!important;transform:perspective(700px) rotateY(-10deg) rotateZ(-1deg)!important;position:relative!important;z-index:2!important;background:#172a3c!important}
.home-page #books .bookItemInner{padding:22px 22px 24px!important}
.home-page #books .bookItem .n{font-size:18px!important;letter-spacing:.1em!important}
.home-page #books .bookItem h3{font-size:27px!important;margin:12px 0!important}
.home-page #books .bookItem p{font-size:15px!important;line-height:1.68!important;min-height:0!important;color:#40515f!important}
.home-page #books .bookMeta{font-size:12px!important;line-height:1.4!important;color:#445a69!important}
.home-page #books .bookItem a{font-size:12px!important;font-weight:750!important;color:var(--wine)!important}

/* HOME BEYOND + EVERYTHING BELOW — restore V32 presentation. */
.home-page #beyond .storyMediaRow{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;margin:34px 0 10px!important;padding:0!important;overflow:visible!important;scroll-snap-type:none!important;align-items:stretch!important}
.home-page #beyond .storyMedia{position:relative!important;width:auto!important;min-width:0!important;height:330px!important;min-height:330px!important;max-height:330px!important;flex:none!important;border-radius:22px!important;overflow:hidden!important;scroll-snap-align:none!important;box-shadow:0 18px 50px rgba(10,23,38,.09)!important;background:#17384f!important;color:white!important}
.home-page #beyond .storyMedia img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
.home-page #beyond .storyMedia .label b{font-size:25px!important;line-height:1.05!important;margin-bottom:8px!important}
.home-page #beyond .storyMedia .label span{font-size:13.5px!important;line-height:1.55!important;color:#fff!important}
.home-page #beyond .bento{display:grid!important;grid-template-columns:1.3fr .7fr .8fr 1.2fr!important;grid-template-rows:260px 260px!important;gap:16px!important;margin:0!important;padding:0!important;overflow:visible!important;scroll-snap-type:none!important}
.home-page #beyond .b1{grid-column:span 2!important}.home-page #beyond .b2{grid-column:span 2!important}.home-page #beyond .b3{grid-column:span 1!important}.home-page #beyond .b4{grid-column:span 2!important}.home-page #beyond .b5{grid-column:span 1!important}
.home-page #beyond .bentoCard{width:auto!important;min-width:0!important;min-height:245px!important;flex:none!important;scroll-snap-align:none!important;padding:126px 28px 26px!important;justify-content:flex-start!important;gap:8px!important;border-radius:26px!important}
.home-page #beyond .bentoCard .illus{left:26px!important;top:24px!important;width:88px!important;height:88px!important}
.home-page #beyond .bentoCard .num{position:absolute!important;right:24px!important;top:30px!important}
.home-page #beyond .bentoCard h3{margin:0 0 8px!important}
.home-page #beyond .bentoCard p{margin:0!important;line-height:1.58!important;font-size:14.5px!important}

/* Restored expanded profile / website links / footer should use their V32 static layouts. */
.home-page .detailArchive{display:block!important;padding:54px 0 118px!important}
.home-page .archiveLead{display:grid!important;grid-template-columns:1.05fr .95fr!important;gap:28px!important}
.home-page .archiveGrid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:38px!important;overflow:visible!important}
.home-page .seoPages{display:block!important;padding:68px 0!important;background:var(--paper)!important}
.home-page .seoPagesGrid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;overflow:visible!important}
.home-page .final{display:block!important}

@media(max-width:980px){
 .home-page #books .bookList{grid-template-columns:1fr!important}
 .home-page #beyond .bento{grid-template-columns:1fr 1fr!important;grid-template-rows:auto!important}
 .home-page #beyond .b1,.home-page #beyond .b2,.home-page #beyond .b3,.home-page #beyond .b4,.home-page #beyond .b5{grid-column:span 1!important}
 .home-page .archiveLead{grid-template-columns:1fr!important}
 .home-page .archiveGrid{grid-template-columns:1fr!important}
 .home-page .seoPagesGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:820px){
 .home-page #beyond .storyMediaRow{display:flex!important;grid-template-columns:none!important;gap:11px!important;margin:22px -14px 14px!important;padding:0 14px 8px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important}
 .home-page #beyond .storyMediaRow::-webkit-scrollbar{display:none!important}
 .home-page #beyond .storyMedia{flex:0 0 82%!important;width:auto!important;min-width:0!important;height:235px!important;min-height:235px!important;max-height:235px!important;scroll-snap-align:center!important}
 .home-page #beyond .bento{display:flex!important;grid-template-columns:none!important;grid-template-rows:none!important;gap:10px!important;margin:0 -14px!important;padding:0 14px 10px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important}
 .home-page #beyond .bento::-webkit-scrollbar{display:none!important}
 .home-page #beyond .bentoCard{flex:0 0 86%!important;width:auto!important;min-width:0!important;min-height:230px!important;scroll-snap-align:center!important;padding:112px 19px 20px!important;gap:6px!important}
 .home-page #beyond .bentoCard .illus{left:18px!important;top:18px!important;width:78px!important;height:78px!important}
 .home-page #beyond .bentoCard .num{right:18px!important;top:26px!important}
}

@media(max-width:720px){
 .home-page #books{padding-bottom:54px!important}
 .home-page #books .bookHero{grid-template-columns:1fr!important;gap:22px!important}
 .home-page #books .bookStackWrap{display:block!important;width:100%!important;max-width:520px!important;margin:0 auto!important;overflow:visible!important}
 .home-page #books .bookStack{display:block!important;position:relative!important;min-height:360px!important;height:360px!important;margin:0!important;padding:0!important;overflow:visible!important;perspective:1100px!important}
 .home-page #books .cover,.home-page #books .cover.c1,.home-page #books .cover.c2,.home-page #books .cover.c3{position:absolute!important;flex:none!important;margin:0!important;max-width:none!important;aspect-ratio:2/3!important;border-radius:7px!important;scroll-snap-align:none!important}
 .home-page #books .cover.c1{width:43%!important;left:0!important;right:auto!important;top:19%!important;transform:rotate(-6deg) translateZ(0)!important;z-index:1!important}
 .home-page #books .cover.c2{width:47%!important;left:27%!important;right:auto!important;top:2%!important;transform:rotate(1deg) translateZ(18px)!important;z-index:3!important}
 .home-page #books .cover.c3{width:43%!important;left:auto!important;right:0!important;top:22%!important;transform:rotate(6deg) translateZ(0)!important;z-index:2!important}
 .home-page #books .bookSpine{display:block!important;left:-7px!important;width:9px!important}
 .home-page #books .bookMockup:after{display:block!important;height:7px!important;bottom:-5px!important}
 .home-page #books .bookMockup figcaption{width:27px!important;height:27px!important;right:7px!important;bottom:7px!important;font-size:10.5px!important}
 .home-page #books .bookShelfLabel{margin-bottom:4px!important;font-size:11.5px!important}
 .home-page #books .bookExploreDesktop{display:none!important}.home-page #books .bookExploreMobile{display:inline!important}
 .home-page #books .bookExploreMobile{font-size:0!important}.home-page #books .bookExploreMobile:after{content:'Three-book collection';font-size:11.5px!important}
 .home-page #books .bookCopy h2{font-size:clamp(44px,13vw,58px)!important;line-height:.98!important}
 .home-page #books .bookCopy p{font-size:14px!important;line-height:1.65!important}
 .home-page #books .bookCopy .btn{width:100%!important;justify-content:center!important;min-height:48px!important;font-size:11px!important}
 .home-page #books .bookList{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;margin:0!important;padding:0!important;overflow:visible!important;scroll-snap-type:none!important}
 .home-page #books .bookItem{width:100%!important;min-width:0!important;min-height:0!important;flex:none!important;scroll-snap-align:none!important;padding:0!important}
 .home-page #books .bookCardMockup{height:210px!important}.home-page #books .bookCardMockup img{height:165px!important;max-width:68%!important}.home-page #books .bookItemInner{padding:20px!important}

 .home-page #beyond .bento{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto!important;gap:12px!important;margin:0!important;padding:0!important;overflow:visible!important;scroll-snap-type:none!important}
 .home-page #beyond .b1,.home-page #beyond .b2,.home-page #beyond .b3,.home-page #beyond .b4,.home-page #beyond .b5{grid-column:1!important}
 .home-page #beyond .bentoCard{width:100%!important;min-width:0!important;min-height:0!important;flex:none!important;scroll-snap-align:none!important;padding:22px!important;border-radius:18px!important;gap:30px!important}
 .home-page #beyond .bentoCard .illus{position:relative!important;left:auto!important;top:auto!important;width:78px!important;height:78px!important;margin-bottom:2px!important}
 .home-page #beyond .bentoCard .num{position:relative!important;right:auto!important;top:auto!important}
 .home-page #beyond .bentoCard h3{font-size:27px!important}.home-page #beyond .bentoCard p{font-size:13px!important;line-height:1.65!important}

 .home-page .detailArchive{padding:42px 0 72px!important}
 .home-page .archiveLead,.home-page .archiveGrid{grid-template-columns:1fr!important}
 .home-page .seoPagesGrid{grid-template-columns:1fr!important}
}

@media(max-width:430px){
 .home-page #books .bookStack{height:330px!important;min-height:330px!important}
 .home-page #books .cover.c1{width:44%!important;top:20%!important}.home-page #books .cover.c2{width:48%!important;left:26%!important}.home-page #books .cover.c3{width:44%!important;top:23%!important}
 .home-page #beyond .storyMedia{height:215px!important;min-height:215px!important;max-height:215px!important;flex-basis:90%!important}
}


/* ===== V38 PROFESSIONAL LAYOUT, READABILITY & CONTENT-FIT PASS ===== */
/* The layout must adapt to content. Text-heavy cards are never clipped by fixed heights. */
.home-page .scopeCard,
.home-page #research .rCard,
.home-page #articles .articleCard,
.home-page #beyond .bentoCard,
.inner-page .profileDetailCard,
.inner-page .cvDepthCard,
.inner-page .competencyGrid article,
.inner-page .institutionSummaryGrid article,
.inner-page .educationSummaryGrid article,
.inner-page .trainingGrid article,
.inner-page .scholarshipGrid article,
.inner-page .careerHistoryCard,
.inner-page .journeyListCard,
.inner-page .articleCard,
.inner-page .rCard,
.inner-page .bookItem,
.inner-page .bentoCard{
  height:auto!important;max-height:none!important;overflow:visible!important;box-sizing:border-box!important;min-width:0!important;
  overflow-wrap:anywhere;word-break:normal;
}
.home-page .scopeCard p,.home-page #research .rCard p,.home-page #beyond .bentoCard p,
.inner-page p,.inner-page li{overflow:visible!important;text-overflow:clip!important;-webkit-line-clamp:unset!important;line-clamp:unset!important}

/* Homepage books: explicitly restore the V32 mockup tableau on every viewport. */
.home-page #books .bookStackWrap{display:block!important}
.home-page #books .bookStack{display:block!important}
.home-page #books .bookMockup{display:block!important}
.home-page #books .bookSpine{display:block!important}
.home-page #books .bookHero{display:grid!important;grid-template-columns:.92fr 1.08fr!important;gap:52px!important;align-items:center!important}
.home-page #books .bookStack{position:relative!important;min-height:500px!important;height:500px!important;perspective:1200px!important;overflow:visible!important}
.home-page #books .cover{position:absolute!important;display:block!important;aspect-ratio:2/3!important;overflow:visible!important}
.home-page #books .cover.c1{width:43%!important;left:0!important;top:18%!important;transform:rotate(-7deg)!important;z-index:1!important}
.home-page #books .cover.c2{width:48%!important;left:25%!important;top:2%!important;transform:rotate(1deg)!important;z-index:3!important}
.home-page #books .cover.c3{width:43%!important;right:0!important;top:22%!important;transform:rotate(7deg)!important;z-index:2!important}

/* Articles and Journey must read as distinct editorial chapters, not one long cream panel. */
.home-page #articles{background:linear-gradient(180deg,#eef3f4 0%,#f7f5f0 100%)!important;padding-bottom:76px!important;border-bottom:1px solid rgba(11,31,51,.10)!important}
.home-page #journey{background:linear-gradient(180deg,#efe5d5 0%,#f7f2e9 100%)!important;padding-top:82px!important;padding-bottom:84px!important;border-top:1px solid rgba(107,32,51,.13)!important}
.home-page #articles .sectionAction{margin-top:28px!important}
.home-page #journey .sectionHead{margin-bottom:30px!important}

/* Academic institutions now live once, in the visible professional-profile feature before More. */
.home-page .profileHighlightsVisible{display:grid!important;grid-template-columns:1.05fr .95fr!important;gap:26px!important;margin-top:30px!important;align-items:stretch!important}
.home-page .profileHighlightsVisible .archiveInstitutions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
.home-page .profileHighlightsVisible .archiveHero{height:360px!important;min-height:360px!important;max-height:360px!important;border-radius:24px!important;overflow:hidden!important}
.home-page .profileHighlightsVisible .archiveHero img{width:100%!important;height:100%!important;object-fit:cover!important}
.home-page .profileHighlightsVisible .archiveMeta{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;align-content:stretch!important}
.home-page .profileHighlightsVisible .metaCard{height:auto!important;min-height:0!important;padding:22px!important;display:grid!important;grid-template-columns:52px 1fr!important;align-items:start!important;gap:16px!important}
.home-page .profileHighlightsVisible .metaCard strong{font-size:17px!important;line-height:1.3!important}
.home-page .profileHighlightsVisible .metaCard span{font-size:15px!important;line-height:1.58!important}
.home-page .visibleProfileAction{margin:22px 0 0!important}
.home-page .detailArchive details{margin-top:26px!important}
.home-page .detailArchive details>summary{font-size:15px!important;line-height:1.4!important}

/* The redundant homepage directory is removed in HTML; keep it suppressed defensively. */
.home-page .seoPages{display:none!important}

/* Beyond Law: readable two-up cards on phones, no horizontal swipe, fifth card closes the row. */
.home-page #beyond .bento{align-items:stretch!important}
.home-page #beyond .bentoCard{display:flex!important;flex-direction:column!important;justify-content:flex-start!important}
.home-page #beyond .bentoCard h3{overflow-wrap:anywhere!important;text-wrap:balance!important}

/* Dedicated Profile page: substantive, static and fully readable. */
.cvDepthSection{background:linear-gradient(180deg,#f7f2e9,#fffaf4)!important}
.cvDepthGrid,.competencyGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.cvDepthCard,.competencyGrid article{border:1px solid rgba(11,31,51,.11);border-radius:20px;background:#fff;padding:28px;box-shadow:0 12px 34px rgba(11,31,51,.045)}
.cvDepthCard h3,.competencyGrid h3{font:500 29px/1.12 Playfair Display,Georgia,serif;color:#132231;margin:0 0 12px}
.cvDepthCard p,.competencyGrid p{font-size:15.5px;line-height:1.72;color:#40515f;margin:0 0 14px}
.cvDepthCard ul{margin:0;padding-left:20px;color:#40515f}
.cvDepthCard li{font-size:15px;line-height:1.62;margin:7px 0}
.competencySection{background:#fff!important}

/* Dedicated pages never use horizontal content scrollers. */
.inner-page{overflow-x:hidden!important}
.inner-page main,.inner-page main section,.inner-page main .wrap{max-width:100%;overflow-x:hidden!important}
.inner-page .careerPanels,.inner-page .researchCards,.inner-page .articleGrid,.inner-page .bookList,.inner-page .timelineWrap,.inner-page .timelineTrack,.inner-page .storyMediaRow,.inner-page .bento,.inner-page .journeyInstitutions{
  overflow-x:hidden!important;scroll-snap-type:none!important;scroll-behavior:auto!important;
}
.inner-page .careerHistoryList,.inner-page .journeyList,.inner-page .dedicatedBookList,.inner-page .dedicatedResearchCards,.inner-page .beyondDedicated .bento{width:100%!important}

@media(max-width:980px){
  .home-page .profileHighlightsVisible{grid-template-columns:1fr!important}
  .home-page .profileHighlightsVisible .archiveHero{height:310px!important;min-height:310px!important;max-height:310px!important}
  .cvDepthGrid,.competencyGrid{grid-template-columns:1fr!important}
}

@media(max-width:820px){
  /* Keep the four Profile proof cards visible as a 2 x 2 grid. */
  .home-page .proofGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;overflow:visible!important}
  .home-page .proof{height:auto!important;min-height:158px!important;padding:15px!important}
  .home-page .proof strong{font-size:31px!important;line-height:1!important}
  .home-page .proof span{font-size:12px!important;line-height:1.42!important;letter-spacing:.045em!important}
  .home-page .proof small{font-size:10px!important;line-height:1.35!important}

  /* Professional Scope is two-up where readable, with the final governance card full width. */
  .home-page .scopeCards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .home-page .scopeCard{padding:17px!important;height:auto!important;min-height:0!important}
  .home-page .scopeCard:last-child{grid-column:1/-1!important}
  .home-page .scopeCard h4{font-size:20px!important;line-height:1.14!important}
  .home-page .scopeCard p{font-size:14.5px!important;line-height:1.58!important}

  /* AI themes can use two cards per row, but content controls height. */
  .home-page #research .researchCards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;overflow:visible!important}
  .home-page #research .rCard{height:auto!important;min-height:0!important;padding:17px!important}
  .home-page #research .rCard:last-child{grid-column:1/-1!important}
  .home-page #research .rCard h4{font-size:19px!important;line-height:1.18!important}
  .home-page #research .rCard p{font-size:14px!important;line-height:1.55!important}

  /* Visible academic/profile feature: two images together, then professional cards. */
  .home-page .profileHighlightsVisible{display:block!important;margin-top:22px!important}
  .home-page .profileHighlightsVisible .archiveInstitutions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .home-page .profileHighlightsVisible .archiveHero{height:220px!important;min-height:220px!important;max-height:220px!important;border-radius:16px!important}
  .home-page .profileHighlightsVisible .archiveHero .cap{padding:15px!important}
  .home-page .profileHighlightsVisible .archiveHero .cap b{font-size:19px!important;line-height:1.08!important}
  .home-page .profileHighlightsVisible .archiveHero .cap span{font-size:12.5px!important;line-height:1.4!important}
  .home-page .profileHighlightsVisible .archiveMeta{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin-top:10px!important}
  .home-page .profileHighlightsVisible .metaCard{grid-template-columns:42px 1fr!important;padding:16px!important;gap:10px!important}
  .home-page .profileHighlightsVisible .metaCard .icon{width:42px!important;height:42px!important}
  .home-page .profileHighlightsVisible .metaCard strong{font-size:15px!important;line-height:1.25!important}
  .home-page .profileHighlightsVisible .metaCard span{font-size:13.5px!important;line-height:1.48!important}

  /* V32 book mockups stay visible; the book details list does not auto-scroll. */
  .home-page #books .bookHero{grid-template-columns:1fr!important;gap:20px!important}
  .home-page #books .bookStack{min-height:350px!important;height:350px!important}
  .home-page #books .bookList{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;overflow:visible!important;margin:0!important;padding:0!important;scroll-snap-type:none!important}
  .home-page #books .bookItem{width:100%!important;min-width:0!important;flex:none!important;height:auto!important}

  /* Beyond visual panels and numbered blocks use a compact two-column grid. */
  .home-page #beyond .storyMediaRow{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:18px 0 14px!important;padding:0!important;overflow:visible!important;scroll-snap-type:none!important}
  .home-page #beyond .storyMedia{width:100%!important;height:230px!important;min-height:230px!important;max-height:230px!important;flex:none!important}
  .home-page #beyond .storyMedia:last-child{grid-column:1/-1!important;height:250px!important;min-height:250px!important;max-height:250px!important}
  .home-page #beyond .storyMedia .label b{font-size:20px!important}
  .home-page #beyond .storyMedia .label span{font-size:13.5px!important;line-height:1.46!important}
  .home-page #beyond .bento{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:auto!important;gap:10px!important;margin:0!important;padding:0!important;overflow:visible!important;scroll-snap-type:none!important}
  .home-page #beyond .b1,.home-page #beyond .b2,.home-page #beyond .b3,.home-page #beyond .b4{grid-column:auto!important}
  .home-page #beyond .b5{grid-column:1/-1!important}
  .home-page #beyond .bentoCard{position:relative!important;width:100%!important;min-width:0!important;height:auto!important;min-height:230px!important;padding:91px 15px 17px!important;gap:5px!important;border-radius:17px!important}
  .home-page #beyond .bentoCard .illus{position:absolute!important;left:15px!important;top:15px!important;width:62px!important;height:62px!important;margin:0!important}
  .home-page #beyond .bentoCard .num{position:absolute!important;right:14px!important;top:18px!important;font-size:23px!important}
  .home-page #beyond .bentoCard h3{font-size:20px!important;line-height:1.12!important;margin:0 0 7px!important}
  .home-page #beyond .bentoCard p{font-size:14.5px!important;line-height:1.5!important;margin:0!important}

  /* No duplicate academic image gallery remains in Journey. */
  .home-page #journey .journeyInstitutions{display:none!important}
  .home-page #journey{padding-top:64px!important;padding-bottom:68px!important}

  /* Dedicated pages: larger readable text, simple static stack. */
  .inner-page .profileDetailCard p,.inner-page .cvDepthCard p,.inner-page .competencyGrid p,.inner-page .educationSummaryGrid p,.inner-page .trainingGrid p,.inner-page .journeyListBody p,.inner-page .careerHistoryCard li,.inner-page .articleCard p,.inner-page .rCard p,.inner-page .bookItem p,.inner-page .bentoCard p{font-size:15.5px!important;line-height:1.65!important}
  .inner-page .profileDetailCard h3,.inner-page .cvDepthCard h3,.inner-page .competencyGrid h3,.inner-page .journeyListBody h3{font-size:25px!important;line-height:1.14!important}
  .cvDepthCard,.competencyGrid article{padding:21px!important}
}

@media(max-width:360px){
  /* At very narrow widths, readability wins over density. */
  .home-page .scopeCards,.home-page #research .researchCards,.home-page #beyond .storyMediaRow,.home-page #beyond .bento,.home-page .profileHighlightsVisible .archiveInstitutions,.home-page .profileHighlightsVisible .archiveMeta{grid-template-columns:1fr!important}
  .home-page .scopeCard:last-child,.home-page #research .rCard:last-child,.home-page #beyond .storyMedia:last-child,.home-page #beyond .b5{grid-column:auto!important}
  .home-page #beyond .storyMedia{height:225px!important;min-height:225px!important;max-height:225px!important}
}


/* ===== V39 — final homepage refinement, text fitting and timeline clarity ===== */
.home-page .heroSeparator{display:flex;align-items:center;margin:24px 0 0;height:10px}
.home-page .heroSeparator span{display:block;width:58px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--gold),var(--gold2));box-shadow:0 0 12px rgba(197,164,95,.24)}
.home-page .rotatingLine{margin-top:13px!important;color:#fff!important;max-width:760px!important;font-weight:500!important}
.home-page .rotatingLine span{color:#fff!important}
.home-page .typewriterLead{display:none!important}
.home-page .bookExploreMobile{display:none!important}
.home-page #books .mobileSwipeHint{display:none!important}

/* Keep Section 01 visible as a fixed 2x2 mobile grid, not a horizontal rail. */
@media(max-width:820px){
  .home-page .proofGrid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important;scroll-snap-type:none!important;margin:28px 0 0!important;padding:0!important;gap:9px!important}
  .home-page .proof{min-width:0!important;width:auto!important;flex:none!important;height:auto!important;min-height:158px!important;padding:15px!important}
  .home-page .proof strong{font-size:31px!important}
  .home-page .proof span{font-size:11.5px!important;line-height:1.45!important;letter-spacing:.07em!important;max-width:none!important}
  .home-page .proof small{font-size:10.5px!important;line-height:1.45!important}
}
@media(max-width:355px){.home-page .proofGrid{grid-template-columns:1fr!important}}

/* General card safety: content determines height; readable type wins over forced geometry. */
.home-page .scopeCard,.home-page .careerPanel,.home-page .bookItem,.home-page .rCard,.home-page .timeItem,.home-page .metaCard,.home-page .proof{height:auto!important;max-height:none!important}
.home-page .scopeCard h4,.home-page .careerPanel h3,.home-page .bookItem h3,.home-page .rCard h3,.home-page .timeItem h4,.home-page .metaCard strong{overflow-wrap:break-word;word-break:normal;hyphens:auto;text-wrap:balance}
.home-page .scopeCard p,.home-page .careerPanel p,.home-page .bookItem p,.home-page .rCard p,.home-page .timeItem p,.home-page .metaCard span{overflow-wrap:break-word;word-break:normal;text-wrap:pretty}

/* Academic timeline: compact date labels + real active progress, no large pink bands. */
.home-page #journey .timelineTrack{--timeline-progress:.2}
.home-page #journey .timelineTrack:after{transform:scaleX(var(--timeline-progress,.2))!important;transition:transform .42s ease!important;background:linear-gradient(90deg,#6b2033,#b88943)!important}
.home-page #journey .timeline.timelineLive .timelineTrack:after{transform:scaleX(var(--timeline-progress,.2))!important}
.home-page #journey .timelineTrack .timeItem .year{display:inline-flex!important;width:auto!important;max-width:max-content!important;padding:5px 9px!important;margin:0 0 14px!important;border:1px solid rgba(107,32,51,.18)!important;border-radius:7px!important;background:rgba(184,137,67,.10)!important;color:#6b2033!important;font-size:12px!important;font-weight:800!important;letter-spacing:.055em!important;line-height:1.2!important}
.home-page #journey .timelineTrack .timeItem:before{background:#fbf7ef!important;border-color:#b7afa3!important;box-shadow:0 0 0 4px rgba(110,105,96,.07)!important}
.home-page #journey .timelineTrack .timeItem.isPast:before{background:#6b2033!important;border-color:#b88943!important;box-shadow:0 0 0 5px rgba(107,32,51,.10)!important}
.home-page #journey .timelineTrack .timeItem.isCurrent:before{background:#b88943!important;border-color:#6b2033!important;box-shadow:0 0 0 6px rgba(184,137,67,.18),0 0 0 11px rgba(107,32,51,.06)!important;animation:none!important}
.home-page #journey .timelineTrack .timeItem:after{background:#d8d0c5!important}
.home-page #journey .timelineTrack .timeItem.isPast:after,.home-page #journey .timelineTrack .timeItem.isCurrent:after{background:linear-gradient(#b88943,#6b2033)!important}
@media(max-width:820px){
  .home-page #journey .timelineTrack .timeItem{flex:0 0 min(86vw,350px)!important;width:min(86vw,350px)!important;min-height:0!important;padding:22px 19px 23px!important}
  .home-page #journey .timelineTrack .content h4{font-size:24px!important;line-height:1.12!important}
  .home-page #journey .timelineTrack .content p{font-size:15px!important;line-height:1.58!important}
}

/* Professional & Academic Experience: specific and readable. */
.home-page .detailArchive .sectionIntro h2{max-width:980px!important}
.home-page .profileHighlightsVisible .archiveMeta{gap:12px!important}
.home-page .profileHighlightsVisible .metaCard{height:auto!important;min-height:0!important;align-items:flex-start!important}
.home-page .profileHighlightsVisible .metaCard span{font-size:14.5px!important;line-height:1.62!important}
.home-page .visibleProfileAction{display:none!important}

/* Beyond legal practice: one strong image, concise visible summary, detail on demand. */
.home-page .beyondCompact{background:linear-gradient(180deg,#f3ead9 0%,#fbf7ef 100%)!important}
.home-page .beyondFeature{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:24px;align-items:stretch;margin-top:8px}
.home-page .beyondFeatureMedia{position:relative;min-height:440px;margin:0;border-radius:28px;overflow:hidden;background:#153247;box-shadow:0 18px 44px rgba(10,31,49,.12)}
.home-page .beyondFeatureMedia img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.home-page .beyondFeatureMedia:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 36%,rgba(4,17,31,.86) 100%)}
.home-page .beyondFeatureMedia figcaption{position:absolute;z-index:2;left:28px;right:28px;bottom:26px;color:#fff}
.home-page .beyondFeatureMedia figcaption span{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold2);margin-bottom:8px;font-weight:700}
.home-page .beyondFeatureMedia figcaption strong{display:block;font:500 clamp(26px,2.4vw,40px)/1.05 Playfair Display,serif;max-width:520px}
.home-page .beyondFeatureCopy{padding:30px;border:1px solid rgba(11,32,50,.10);border-radius:28px;background:rgba(255,255,255,.78);display:flex;flex-direction:column;justify-content:center}
.home-page .beyondKicker{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--wine);font-weight:800;margin-bottom:10px}
.home-page .beyondFeatureCopy h3{font:500 clamp(32px,3.3vw,51px)/1.02 Playfair Display,serif;color:var(--bg);margin:0 0 16px;text-wrap:balance}
.home-page .beyondFeatureCopy>p{font-size:16px;line-height:1.7;color:#3a4c59;margin:0 0 24px}
.home-page .beyondMiniGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.home-page .beyondMiniGrid>div{padding:14px;border:1px solid rgba(11,32,50,.10);border-radius:15px;background:#fff;height:auto}
.home-page .beyondMiniGrid strong{display:block;font-size:13px;color:var(--bg);margin-bottom:6px}
.home-page .beyondMiniGrid span{display:block;font-size:12.5px;line-height:1.5;color:#52636f}
.home-page .beyondMore{margin-top:18px;border:1px solid rgba(11,32,50,.12);border-radius:18px;background:#fff;overflow:hidden}
.home-page .beyondMore summary{cursor:pointer;list-style:none;padding:18px 20px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--bg);display:flex;justify-content:space-between;align-items:center}
.home-page .beyondMore summary::-webkit-details-marker{display:none}
.home-page .beyondMore summary span{font-size:20px;color:var(--wine);transition:transform .25s ease}
.home-page .beyondMore[open] summary span{transform:rotate(45deg)}
.home-page .beyondMoreGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid rgba(11,32,50,.10)}
.home-page .beyondMoreGrid article{padding:22px;border-right:1px solid rgba(11,32,50,.08);border-bottom:1px solid rgba(11,32,50,.08);height:auto}
.home-page .beyondMoreGrid h3{font:500 25px/1.1 Playfair Display,serif;margin:0 0 9px;color:var(--bg)}
.home-page .beyondMoreGrid p{font-size:14.5px;line-height:1.65;margin:0;color:#455865}
@media(max-width:820px){
  .home-page .heroSeparator{margin-top:18px}.home-page .heroSeparator span{width:46px;height:2px}
  .home-page .rotatingLine{font-size:16px!important;min-height:48px!important;margin-top:10px!important}
  .home-page .beyondFeature{grid-template-columns:1fr!important;gap:13px!important}
  .home-page .beyondFeatureMedia{min-height:330px!important;border-radius:21px!important}
  .home-page .beyondFeatureMedia figcaption{left:20px;right:20px;bottom:20px}
  .home-page .beyondFeatureCopy{padding:20px!important;border-radius:21px!important}
  .home-page .beyondFeatureCopy h3{font-size:34px!important}
  .home-page .beyondFeatureCopy>p{font-size:15.5px!important;line-height:1.65!important}
  .home-page .beyondMiniGrid{grid-template-columns:1fr 1fr!important}
  .home-page .beyondMiniGrid>div:last-child{grid-column:1/-1}
  .home-page .beyondMiniGrid strong{font-size:14px!important}.home-page .beyondMiniGrid span{font-size:13.5px!important}
  .home-page .beyondMoreGrid{grid-template-columns:1fr!important}
  .home-page .beyondMoreGrid article{border-right:0!important}
}
@media(max-width:360px){.home-page .beyondMiniGrid{grid-template-columns:1fr!important}.home-page .beyondMiniGrid>div:last-child{grid-column:auto}}


/* ===== V40 — restore V32 editorial sections, preserve modern responsiveness ===== */
/* Profile at a glance: V32 composition, four cards always visible */
.home-page #profile.statement{padding:112px 0 105px!important;background:var(--paper2)!important}
.home-page #profile .statementGrid{display:grid!important;grid-template-columns:.7fr 1.3fr!important;gap:70px!important}
.home-page #profile .statementGrid>div{min-width:0!important}
.home-page #profile .statementGrid p{font-size:clamp(22px,2vw,31px)!important;line-height:1.36!important;color:#263746!important}
.home-page #profile .proofGrid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;margin-top:56px!important;overflow:visible!important;border:0!important;padding:0!important}
.home-page #profile .proof{min-width:0!important;width:auto!important;height:auto!important;min-height:205px!important;padding:24px!important;overflow:hidden!important;white-space:normal!important}
.home-page #profile .proof span{font-size:12px!important;line-height:1.45!important;letter-spacing:.08em!important;max-width:210px!important;text-wrap:balance!important}
.home-page #profile .proof small{font-size:10px!important;line-height:1.45!important}
.home-page #profile .profilePortraitFeature{margin-top:34px!important}
.home-page #profile .profileMoreBtn,.home-page #profile .professionalScope{display:none!important}

/* V32 Beyond Legal Practice on desktop */
.home-page #beyond{background:var(--paper)!important}
.home-page #beyond .storyMediaRow{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;margin:34px 0 18px!important;overflow:visible!important;padding:0!important}
.home-page #beyond .storyMedia{min-width:0!important;width:auto!important;min-height:235px!important;height:auto!important;scroll-snap-align:none!important}
.home-page #beyond .bento{display:grid!important;grid-template-columns:1.3fr .7fr .8fr 1.2fr!important;grid-template-rows:minmax(260px,auto) minmax(260px,auto)!important;gap:16px!important;margin:0!important;padding:0!important;overflow:visible!important}
.home-page #beyond .bentoCard{height:auto!important;min-height:260px!important;overflow:hidden!important;padding:30px 30px 30px 132px!important;white-space:normal!important}
.home-page #beyond .b1{grid-column:span 2!important}.home-page #beyond .b2{grid-column:span 2!important}.home-page #beyond .b3{grid-column:span 1!important}.home-page #beyond .b4{grid-column:span 2!important}.home-page #beyond .b5{grid-column:span 1!important}
.home-page #beyond .bentoCard h3{font-size:clamp(24px,2vw,30px)!important;line-height:1.08!important;text-wrap:balance!important}
.home-page #beyond .bentoCard p{font-size:14px!important;line-height:1.62!important;max-width:100%!important;overflow:visible!important}
.home-page #beyond .bentoCard .illus{display:block!important}
.home-page #beyond .mobileSwipeHint{display:none!important}

/* V32 Expanded Profile after Beyond */
.home-page .detailArchive{padding:54px 0 118px!important}
.home-page .detailArchive .sectionIntro{margin-bottom:34px!important}
.home-page .detailArchive details{display:block!important;overflow:hidden!important}
.home-page .detailArchive .archiveLead{display:grid!important;grid-template-columns:1.05fr .95fr!important;gap:28px!important;padding:28px!important}
.home-page .detailArchive .archiveInstitutions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important}
.home-page .detailArchive .archiveInstitution{min-width:0!important;height:auto!important;min-height:320px!important}
.home-page .detailArchive .archiveMeta{display:grid!important;gap:12px!important}
.home-page .detailArchive .metaCard{height:auto!important;min-height:0!important}
.home-page .detailArchive .metaCard span{font-size:14px!important;line-height:1.62!important}
.home-page .detailArchive .archiveGrid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:26px!important;padding:0 28px 32px!important}
.home-page .detailArchive .archiveBlock{height:auto!important;min-width:0!important}
.home-page .detailArchive .archiveGrid p{font-size:15px!important;line-height:1.7!important;overflow:visible!important}

/* Mobile: Profile stays 2x2; Beyond becomes manual slideshow/swipe only on phone. */
@media(max-width:820px){
  .home-page #profile.statement{padding:72px 0 68px!important}
  .home-page #profile .statementGrid{grid-template-columns:1fr!important;gap:24px!important}
  .home-page #profile .statementGrid p{font-size:19px!important;line-height:1.48!important}
  .home-page #profile .proofGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-top:26px!important}
  .home-page #profile .proof{min-height:170px!important;padding:15px!important}
  .home-page #profile .proof strong{font-size:32px!important}
  .home-page #profile .proof span{font-size:11.5px!important;line-height:1.42!important;letter-spacing:.045em!important;text-transform:none!important}
  .home-page #profile .proof small{font-size:10px!important;line-height:1.38!important;text-transform:none!important}

  .home-page #beyond .mobileSwipeHint{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0 0 10px!important;color:#687583!important;font-size:11px!important;letter-spacing:.08em!important;text-transform:uppercase!important}
  .home-page #beyond .mobileSwipeHint:after{content:'←  swipe  →'!important;color:var(--wine)!important;font-weight:800!important;white-space:nowrap!important}
  .home-page #beyond .storyMediaRow{display:flex!important;gap:12px!important;margin:24px -14px 16px!important;padding:0 14px 10px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scroll-padding-inline:14px!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important}
  .home-page #beyond .storyMediaRow::-webkit-scrollbar{display:none!important}
  .home-page #beyond .storyMedia{flex:0 0 88%!important;min-width:0!important;min-height:300px!important;scroll-snap-align:center!important;border-radius:20px!important}
  .home-page #beyond .storyMedia .label span{font-size:14.5px!important;line-height:1.5!important}

  .home-page #beyond .bento{display:flex!important;grid-template-columns:none!important;grid-template-rows:none!important;gap:12px!important;margin:0 -14px!important;padding:0 14px 12px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scroll-padding-inline:14px!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important}
  .home-page #beyond .bento::-webkit-scrollbar{display:none!important}
  .home-page #beyond .bentoCard,.home-page #beyond .b1,.home-page #beyond .b2,.home-page #beyond .b3,.home-page #beyond .b4,.home-page #beyond .b5{flex:0 0 88%!important;grid-column:auto!important;min-width:0!important;width:auto!important;min-height:300px!important;padding:112px 20px 22px!important;scroll-snap-align:center!important}
  .home-page #beyond .bentoCard .illus{left:20px!important;top:20px!important;width:76px!important;height:76px!important}
  .home-page #beyond .bentoCard .num{position:absolute!important;right:20px!important;top:24px!important}
  .home-page #beyond .bentoCard h3{font-size:27px!important;line-height:1.08!important}
  .home-page #beyond .bentoCard p{font-size:15px!important;line-height:1.58!important}

  .home-page .detailArchive .archiveLead{grid-template-columns:1fr!important;padding:18px!important;gap:16px!important}
  .home-page .detailArchive .archiveInstitutions{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .home-page .detailArchive .archiveInstitution{min-height:245px!important}
  .home-page .detailArchive .archiveInstitution .cap b{font-size:20px!important}
  .home-page .detailArchive .archiveInstitution .cap span{font-size:12.5px!important;line-height:1.42!important}
  .home-page .detailArchive .archiveGrid{grid-template-columns:1fr!important;padding:0 18px 24px!important;gap:0!important}
  .home-page .detailArchive summary{font-size:14px!important;line-height:1.35!important;padding:18px!important}
  .home-page .detailArchive .archiveGrid h3{font-size:24px!important;line-height:1.12!important}
  .home-page .detailArchive .archiveGrid p{font-size:15px!important;line-height:1.65!important}
}
@media(max-width:430px){
  .home-page #profile .proofGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .home-page #profile .proof{min-height:165px!important;padding:13px!important}
  .home-page #profile .proof strong{font-size:29px!important}
  .home-page #profile .proof span{font-size:11px!important}
  .home-page #beyond .storyMedia,.home-page #beyond .bentoCard,.home-page #beyond .b1,.home-page #beyond .b2,.home-page #beyond .b3,.home-page #beyond .b4,.home-page #beyond .b5{flex-basis:91%!important}
  .home-page .detailArchive .archiveInstitutions{grid-template-columns:1fr!important}
  .home-page .detailArchive .archiveInstitution{min-height:270px!important}
}
@media(max-width:350px){
  .home-page #profile .proofGrid{grid-template-columns:1fr!important}
}

/* Dedicated pages remain static and fully listed: no horizontal content rails. */
.standalonePage main,.standalonePage main section,.standalonePage main div{scroll-snap-type:none!important}
.standalonePage .bookList,.standalonePage .careerList,.standalonePage .researchCards,.standalonePage .timelineTrack,.standalonePage .bento,.standalonePage .storyMediaRow{overflow:visible!important;scroll-snap-type:none!important}


/* ===== V41 FINAL SUBMISSION — homepage profile parity + explicit extended-profile control ===== */
/* Keep the homepage Professional Profile at a Glance in the same compact 2 × 2 phone layout as the Profile page. */
@media (max-width: 820px){
  .home-page #profile .proofGrid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    margin:26px 0 0!important;
    padding:0!important;
    overflow:visible!important;
    scroll-snap-type:none!important;
  }
  .home-page #profile .proof{
    width:auto!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    padding:15px!important;
    border-radius:16px!important;
    overflow:visible!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
  }
  .home-page #profile .proof strong{
    font-size:31px!important;
    line-height:1!important;
    margin-top:12px!important;
  }
  .home-page #profile .proof span{
    font-size:12px!important;
    line-height:1.42!important;
    letter-spacing:.015em!important;
    max-width:none!important;
    text-transform:none!important;
    overflow-wrap:anywhere!important;
  }
  .home-page #profile .proof small{
    font-size:10.5px!important;
    line-height:1.4!important;
    letter-spacing:.02em!important;
    margin-top:8px!important;
    text-transform:none!important;
    overflow-wrap:anywhere!important;
  }
}
@media (max-width: 360px){
  .home-page #profile .proofGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .home-page #profile .proof{padding:11px!important;border-radius:14px!important}
  .home-page #profile .proof strong{font-size:27px!important}
  .home-page #profile .proof span{font-size:10.7px!important;line-height:1.38!important}
  .home-page #profile .proof small{font-size:9.5px!important;line-height:1.35!important}
  .home-page #profile .statIcon{width:36px!important;height:36px!important}
  .home-page #profile .statIcon svg{width:22px!important;height:22px!important}
}

/* The extended profile wording is the clickable control itself, with a clear button treatment. */
.home-page .detailArchive details{background:rgba(255,255,255,.72)!important}
.home-page .detailArchive .profileArchiveToggle{
  cursor:pointer!important;
  list-style:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  width:calc(100% - 56px)!important;
  margin:0 28px 24px!important;
  padding:18px 22px!important;
  border:1px solid rgba(11,32,50,.14)!important;
  border-radius:15px!important;
  background:var(--bg)!important;
  color:#fff!important;
  box-shadow:0 12px 30px rgba(11,32,50,.10)!important;
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:800!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
}
.home-page .detailArchive .profileArchiveToggle::-webkit-details-marker{display:none!important}
.home-page .detailArchive .profileArchiveToggleText{display:block!important;min-width:0!important}
.home-page .detailArchive .profileArchiveToggleIcon{
  flex:0 0 34px!important;
  width:34px!important;
  height:34px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:var(--gold)!important;
  color:var(--bg)!important;
  font-size:22px!important;
  line-height:1!important;
  transition:transform .22s ease!important;
}
.home-page .detailArchive details[open] .profileArchiveToggleIcon{transform:rotate(45deg)!important}
.home-page .detailArchive .profileArchiveToggle:hover{background:#102a42!important}
.home-page .detailArchive .profileArchiveToggle:focus-visible{outline:3px solid var(--gold2)!important;outline-offset:3px!important}
@media(max-width:820px){
  .home-page .detailArchive .profileArchiveToggle{
    width:calc(100% - 36px)!important;
    margin:0 18px 18px!important;
    padding:16px 17px!important;
    border-radius:14px!important;
    font-size:11px!important;
    letter-spacing:.045em!important;
    text-transform:none!important;
  }
  .home-page .detailArchive .profileArchiveToggleIcon{flex-basis:32px!important;width:32px!important;height:32px!important;font-size:20px!important}
}

/* Dedicated Profile page retains the same compact statistic-card rhythm on phones. */
@media(max-width:820px){
  .profile-page .proofGrid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;overflow:visible!important}
  .profile-page .proof{min-width:0!important;height:auto!important;min-height:0!important;padding:15px!important}
}


/* V42 FINAL VISUAL QA FIXES --------------------------------------------------
   Focus: accordion integrity, text-safe mobile Beyond cards, and overflow safety.
---------------------------------------------------------------------------- */

/* Never rotate or recolour the accordion text when <details> opens. Earlier
   legacy rules targeted every summary span; only the plus icon may rotate. */
.home-page .detailArchive .profileArchiveToggleText,
.home-page .detailArchive details[open] .profileArchiveToggleText,
.home-page .detailArchive details[open] summary .profileArchiveToggleText{
  transform:none!important;
  rotate:none!important;
  color:#fff!important;
  font:inherit!important;
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
  max-width:calc(100% - 54px)!important;
}
.home-page .detailArchive .profileArchiveToggle{
  min-height:68px!important;
  padding:16px 20px!important;
  text-transform:none!important;
  letter-spacing:.035em!important;
  font-size:14px!important;
  line-height:1.35!important;
  border-radius:16px!important;
}
.home-page .detailArchive .profileArchiveToggleIcon,
.home-page .detailArchive details[open] summary .profileArchiveToggleIcon{
  color:var(--bg)!important;
  font-family:Arial,sans-serif!important;
}
.home-page .detailArchive details[open] .profileArchiveToggleIcon{
  transform:rotate(45deg)!important;
}
.home-page .detailArchive .archiveLead,
.home-page .detailArchive .archiveGrid,
.home-page .detailArchive .archiveMeta,
.home-page .detailArchive .archiveInstitutions,
.home-page .detailArchive .metaCard{
  min-width:0!important;
}
.home-page .detailArchive .metaCard>div:last-child,
.home-page .detailArchive .archiveBlock{
  min-width:0!important;
}
.home-page .detailArchive .metaCard span,
.home-page .detailArchive .archiveGrid p,
.home-page .detailArchive .archiveInstitution .cap span{
  overflow-wrap:break-word!important;
  word-break:normal!important;
  white-space:normal!important;
}

/* Desktop/tablet Beyond Legal Practice retains the restored V32 composition,
   but variable text is allowed to determine card height. */
.home-page #beyond .storyMedia,
.home-page #beyond .bentoCard{
  max-height:none!important;
  white-space:normal!important;
}
.home-page #beyond .bentoCard{
  height:auto!important;
}
.home-page #beyond .bentoCard h3,
.home-page #beyond .bentoCard p{
  overflow-wrap:break-word!important;
  word-break:normal!important;
}

@media(max-width:820px){
  /* Accordion: clean, compact, horizontal and fully clickable. */
  .home-page .detailArchive .profileArchiveToggle{
    width:calc(100% - 28px)!important;
    margin:0 14px 16px!important;
    min-height:62px!important;
    padding:14px 15px!important;
    gap:12px!important;
    font-size:13.5px!important;
    line-height:1.35!important;
  }
  .home-page .detailArchive .profileArchiveToggleText{
    max-width:calc(100% - 44px)!important;
  }
  .home-page .detailArchive .profileArchiveToggleIcon{
    flex:0 0 32px!important;
    width:32px!important;
    height:32px!important;
    font-size:20px!important;
  }

  /* MOBILE BEYOND: image on top + dedicated caption panel below. This keeps the
     V32 swipe experience while making long text impossible to clip/overflow. */
  .home-page #beyond .storyMediaRow{
    display:flex!important;
    gap:12px!important;
    margin:22px -14px 18px!important;
    padding:0 14px 10px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    scroll-padding-inline:14px!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
    align-items:stretch!important;
  }
  .home-page #beyond .storyMediaRow::-webkit-scrollbar{display:none!important}
  .home-page #beyond .storyMedia{
    flex:0 0 88%!important;
    width:auto!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    display:grid!important;
    grid-template-rows:178px auto!important;
    align-content:start!important;
    scroll-snap-align:center!important;
    overflow:hidden!important;
    border-radius:20px!important;
    background:var(--bg)!important;
  }
  .home-page #beyond .storyMedia img{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:178px!important;
    min-height:178px!important;
    object-fit:cover!important;
    object-position:center!important;
    z-index:0!important;
  }
  .home-page #beyond .storyMedia:after{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:0!important;
    bottom:auto!important;
    height:178px!important;
    background:linear-gradient(180deg,rgba(11,32,50,.04),rgba(11,32,50,.30))!important;
    pointer-events:none!important;
    z-index:1!important;
  }
  .home-page #beyond .storyMedia .badge{
    top:14px!important;
    right:14px!important;
    z-index:3!important;
  }
  .home-page #beyond .storyMedia .label{
    position:static!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    z-index:2!important;
    padding:17px 18px 20px!important;
    min-height:150px!important;
    background:var(--bg)!important;
    color:#fff!important;
    display:block!important;
  }
  .home-page #beyond .storyMedia .label b{
    display:block!important;
    margin:0 0 8px!important;
    font-size:24px!important;
    line-height:1.08!important;
    color:#fff!important;
    overflow-wrap:break-word!important;
    text-wrap:balance!important;
  }
  .home-page #beyond .storyMedia .label span{
    display:block!important;
    margin:0!important;
    font-size:14.5px!important;
    line-height:1.55!important;
    color:rgba(255,255,255,.88)!important;
    overflow:visible!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }

  /* Detailed V32 swipe cards also grow with their text. */
  .home-page #beyond .bento{
    align-items:stretch!important;
  }
  .home-page #beyond .bentoCard,
  .home-page #beyond .b1,
  .home-page #beyond .b2,
  .home-page #beyond .b3,
  .home-page #beyond .b4,
  .home-page #beyond .b5{
    flex:0 0 88%!important;
    width:auto!important;
    min-width:0!important;
    height:auto!important;
    min-height:330px!important;
    max-height:none!important;
    padding:112px 20px 24px!important;
    overflow:hidden!important;
    scroll-snap-align:center!important;
  }
  .home-page #beyond .bentoCard p{
    font-size:15px!important;
    line-height:1.56!important;
    overflow:visible!important;
    max-height:none!important;
  }

  /* Expanded profile: one institution card per row on phones/tablets narrow
     enough for the captions to become cramped. */
  .home-page .detailArchive .archiveLead{
    grid-template-columns:1fr!important;
    padding:16px!important;
    gap:14px!important;
  }
  .home-page .detailArchive .archiveInstitutions{
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }
  .home-page .detailArchive .archiveInstitution{
    height:auto!important;
    min-height:280px!important;
  }
  .home-page .detailArchive .archiveMeta{
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }
  .home-page .detailArchive .metaCard{
    height:auto!important;
    min-height:0!important;
    padding:15px!important;
  }
  .home-page .detailArchive .metaCard span{
    font-size:13.5px!important;
    line-height:1.56!important;
  }
}

@media(max-width:620px){
  .home-page #beyond .storyMedia{flex-basis:90%!important;grid-template-rows:165px auto!important}
  .home-page #beyond .storyMedia img,
  .home-page #beyond .storyMedia:after{height:165px!important;min-height:165px!important}
  .home-page #beyond .storyMedia .label{min-height:158px!important;padding:16px 17px 18px!important}
  .home-page #beyond .storyMedia .label b{font-size:22px!important}
  .home-page #beyond .storyMedia .label span{font-size:14px!important;line-height:1.53!important}

  .home-page .detailArchive .archiveInstitutions,
  .home-page .detailArchive .archiveMeta{
    grid-template-columns:1fr!important;
  }
  .home-page .detailArchive .archiveInstitution{
    min-height:300px!important;
  }
  .home-page .detailArchive .archiveInstitution .cap b{
    font-size:24px!important;
    line-height:1.05!important;
  }
  .home-page .detailArchive .archiveInstitution .cap span{
    font-size:14px!important;
    line-height:1.5!important;
  }
}

@media(max-width:390px){
  .home-page #beyond .storyMedia,
  .home-page #beyond .bentoCard,
  .home-page #beyond .b1,
  .home-page #beyond .b2,
  .home-page #beyond .b3,
  .home-page #beyond .b4,
  .home-page #beyond .b5{flex-basis:92%!important}
  .home-page #beyond .storyMedia .label b{font-size:21px!important}
  .home-page #beyond .storyMedia .label span{font-size:13.8px!important}
  .home-page .detailArchive .profileArchiveToggle{font-size:13px!important}
}

/* Generic final guard against text clipping in homepage cards. */
.home-page .proof,
.home-page .metaCard,
.home-page .rCard,
.home-page .articleCard,
.home-page .timeItem .content,
.home-page .bentoCard{
  box-sizing:border-box!important;
}
.home-page .proof span,
.home-page .proof small,
.home-page .metaCard span,
.home-page .rCard p,
.home-page .articleCard p,
.home-page .timeItem p,
.home-page .bentoCard p{
  overflow-wrap:break-word!important;
  word-break:normal!important;
  white-space:normal!important;
}

/* V42.1 final specificity patch: older :last-child rules must not re-impose
   fixed heights on the final Beyond visual card. */
@media(max-width:820px){
  .home-page #beyond .storyMedia:last-child{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    display:grid!important;
    grid-template-rows:178px auto!important;
  }
}
@media(max-width:620px){
  .home-page #beyond .storyMedia:last-child{
    grid-template-rows:165px auto!important;
  }
}
.home-page .detailArchive .sectionIntro h2{
  line-height:1.04!important;
  overflow:visible!important;
  padding-bottom:3px!important;
}

/* V43 FINAL POLISH — vertically centre the extended-profile control inside
   its white accordion panel while preserving the established panel height. */
.home-page .detailArchive .profileArchiveToggle{
  margin:12px 28px!important;
}
@media(max-width:820px){
  .home-page .detailArchive .profileArchiveToggle{
    margin:8px 14px!important;
  }
}


/* V44 FINAL SPACING POLISH -------------------------------------------------
   1) Reduce the unused gap after the closed expanded-profile control on phones.
   2) Add breathing room between the Amazon CTA and the first book card on phones.
---------------------------------------------------------------------------- */
@media(max-width:820px){
  .home-page .detailArchive{
    padding-bottom:44px!important;
  }
  .home-page #books .bookList{
    margin-top:22px!important;
  }
}
@media(max-width:420px){
  .home-page .detailArchive{
    padding-bottom:38px!important;
  }
  .home-page #books .bookList{
    margin-top:20px!important;
  }
}