@font-face{font-family:Lexend;font-weight:300;src:url("/assets/Lexend-Light.ttf") format("truetype")}
@font-face{font-family:Lexend;font-weight:400;src:url("/assets/Lexend-Regular.ttf") format("truetype")}
@font-face{font-family:Lexend;font-weight:500;src:url("/assets/Lexend-Medium.ttf") format("truetype")}
:root{--navy:#22265b;--plum:#6a3f60;--ink:#2b2b33;--muted:#747587;--ivory:#f6f1ea;--sand:#e9e1d7;--rule:#d3d4dc;--gutter:clamp(24px,5.4vw,92px)}
*{box-sizing:border-box}
body{margin:0;background:#fff;color:var(--ink);font-family:Lexend,Arial,sans-serif;font-weight:400;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
.wrap{width:calc(100% - 2*var(--gutter));max-width:1100px;margin-inline:auto}
h1,h2,h3{font-weight:300;color:var(--navy);margin:0}
h2{font-size:40px;line-height:1.12;letter-spacing:-.025em;margin:0 0 22px;max-width:18ch}
p{margin:0 0 18px}
p:last-child{margin-bottom:0}
.body{max-width:62ch}
.pillars-h2+.body{max-width:58ch}
.lbl{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--plum);margin:0 0 18px}
.num{display:flex;align-items:baseline;gap:18px;margin:0 0 22px}
.num b{font-weight:300;color:var(--navy);font-size:21px;letter-spacing:-.015em;line-height:1;position:relative;padding-bottom:12px}
.num b::after{content:"";position:absolute;left:0;bottom:0;width:32px;height:4px;background:var(--plum)}
.num span{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--plum)}
.statement{font-size:21px;font-weight:300;color:var(--navy);line-height:1.3;letter-spacing:-.015em;max-width:30ch}
.tlink{display:inline-block;color:var(--navy);text-decoration:none;font-size:16px;position:relative;padding-bottom:10px;margin-top:10px;margin-right:28px}
.tlink::after{content:"\2192";margin-left:12px}
.tlink::before{content:"";position:absolute;left:0;bottom:0;width:32px;height:4px;background:var(--plum);transition:width .3s ease-out}
.tlink:hover::before{width:100%}
.lead{font-weight:500;color:var(--navy)}
.photo{background:var(--sand);position:relative;align-self:stretch;min-height:360px;max-height:600px}
.photo span{position:absolute;left:24px;bottom:20px;font-size:11.5px;color:var(--muted);letter-spacing:.04em;max-width:80%}
.m1{border-radius:190px 5px 110px 5px}
.m2{border-radius:5px 170px 5px 100px}
.m3{border-radius:170px 170px 5px 5px}
.hdr{padding:26px 0;display:flex;justify-content:space-between;align-items:center}
.hdr img{height:36px}
.hdr nav{white-space:nowrap}
.hdr nav a{font-size:14px;color:var(--navy);text-decoration:none;margin-left:28px}
.hdr nav a[aria-current]{color:var(--plum)}
.hero{background:var(--navy);color:#fff;padding:104px 0 96px}
.hero .lbl{color:#b9bdd6}
.hero h1{color:#fff;font-size:64px;line-height:1.06;letter-spacing:-.03em;margin:0 0 28px;max-width:20ch}
.hero p.an{font-size:19px;font-weight:300;max-width:52ch;color:#e6e7f0}
.split{display:grid;column-gap:88px;align-items:center;padding:96px 0}
.split.pl{grid-template-columns:5fr 7fr}
.split.pr{grid-template-columns:7fr 5fr}
.split .copy{max-width:560px}
.band{background:var(--ivory);padding:96px 0}
.band .grid{display:grid;grid-template-columns:7fr 5fr;column-gap:88px;align-items:start}
.band h2{grid-column:1/-1;margin-bottom:34px}
.chapter{padding:96px 0}
.stmt{padding:96px 0}
.right{display:grid;grid-template-columns:5fr 7fr;column-gap:88px}
.right>*{grid-column:2}
.right .body,.right h2{max-width:none}
.right .body{max-width:56ch}
.gaps{margin:34px 0 30px}
.gap{margin:0 0 22px}
.gap .g{font-size:11px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:var(--plum);margin:0 0 6px}
.gap p{margin:0;font-size:19px;line-height:1.35;font-weight:300;color:var(--navy);letter-spacing:-.01em;max-width:34ch}
.story{border-left:4px solid var(--plum);padding-left:28px}
.story p{font-size:20px;font-weight:300;line-height:1.5;color:var(--navy);margin:0 0 16px;max-width:38ch}
.story cite{display:block;font-style:normal;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#5f6078;margin-top:22px}
figure{margin:0}
.ftr nav a{color:var(--navy);text-decoration:none}
.ftr nav a:hover{text-decoration:underline}
.cred h3{font-weight:500;font-size:17px;margin:0 0 8px}
.cred p{font-size:16px;margin:0 0 28px}
.sub{font-size:20px;color:var(--plum);font-weight:300;margin:0 0 20px}
@media (max-width:912px){.wrap{max-width:560px}
}
h2,.statement,.hero h1{text-wrap:balance}
p,.story p,.cred p,.notes p,.hero p.an{text-wrap:pretty}
.notes>div{display:flex;flex-direction:column}
.notes>div .tlink{margin-top:auto;align-self:flex-start}
button.menu{display:none;background:none;border:1.4px solid var(--navy);color:var(--navy);font:inherit;font-size:14px;height:44px;width:72px;padding:0;text-align:center;cursor:pointer}
.hdr.open nav{display:flex;flex-direction:column;width:100%;margin-top:16px;border-top:1.4px solid var(--rule)}
.hdr.open nav a{margin:0;font-size:16px;min-height:44px;display:flex;align-items:center;white-space:normal}
@media (min-width:913px) and (max-width:1255px){.hdr img{height:30px}
.hdr nav a{font-size:13px;margin-left:18px}
}
@media (min-width:913px) and (max-width:1099px){.hdr{flex-wrap:wrap;padding:14px 0}
.hdr nav{display:none}
button.menu{display:inline-block}
}
@media (max-width:912px){:root{--gutter:23.5px}
.hdr{flex-wrap:wrap;row-gap:0;padding:14px 0}
.hdr img{height:24px}
button.menu{display:inline-block}
.hdr nav{display:none;width:100%;white-space:normal}
.ftr{flex-wrap:wrap;gap:12px}
.ftr span{font-size:13px}
.chapter .notes{row-gap:72px}
}
@media (min-width:1256px){.split.pl{grid-template-columns:422px 1fr}
.split.pr{grid-template-columns:1fr 422px}
.band .grid{grid-template-columns:1fr 422px}
section.closing .grid{grid-template-columns:422px 1fr}
}
.gap .g{max-width:none}
.chapter h2,.band h2{max-width:26ch}
h2.wide{max-width:29ch}
@media (max-width:480px){h2.pillars-h2{font-size:28px}
}
@media (max-width:400px){.hero p.an{font-size:18px}
}
@media (min-width:913px) and (max-width:999px){.story{padding-left:24px}
.story p{font-size:18px}
}
.closing h2{max-width:none}
@media (min-width:913px) and (max-width:999px){.notes p{text-wrap:balance}
}
@media (max-width:480px){.bind{white-space:nowrap}
}
@media (min-width:481px) and (max-width:912px){.hero h1{font-size:44px}
h2{font-size:32px}
.statement{font-size:21px}
}
@media (min-width:913px) and (max-width:1255px){.split.pl,.split.pr,.band .grid,section.closing .grid,.notes,.twocol{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.split .copy{max-width:none}
h2{font-size:32px}
}
@media (min-width:913px) and (max-width:1055px){.split.pl,.split.pr,section.closing .grid{grid-template-columns:minmax(0,1fr)}
.split{row-gap:40px}
.split .copy{max-width:600px}
.split .photo{min-height:0;max-height:none;height:auto;aspect-ratio:2/1}
}
.links{display:flex;flex-wrap:wrap;gap:0 28px}
.links .tlink{margin-right:0;white-space:nowrap}
@media (min-width:913px) and (max-width:1255px){.links{flex-direction:column}
}
@media (max-width:912px){.links{flex-direction:column}
}
.notes{display:grid;grid-template-columns:1fr 1fr;column-gap:88px;margin-top:56px}
.notes h3{font-weight:500;font-size:17px;margin:0 0 10px}
.notes p{font-size:16px}
.twocol{display:grid;grid-template-columns:1fr 1fr;column-gap:88px;margin-top:56px}
.centred>.lbl,.centred>h2,.centred>.body{text-align:center;margin-left:auto;margin-right:auto}
.centred>h2{max-width:none}
.centred>.body{max-width:62ch}
#sp .wrap>.lbl,#sp .wrap>h2,#sp .wrap>.body{text-align:center;margin-left:auto;margin-right:auto}
#sp .wrap>h2{max-width:none}
#sp .wrap>.body{max-width:62ch}
#bl>.lbl{margin-top:56px!important}
#hb .bridge{margin-top:72px;text-align:center}
#hb .bridge .lbl{margin-bottom:18px}
#hb .bridge h3{font-size:32px;line-height:1.15;letter-spacing:-.02em;margin:0 0 22px;color:var(--navy);font-weight:300}
#hb .bridge .statement{max-width:62ch;margin:0 auto 22px}
#hb .bridge .key{font-size:17px;font-weight:300;color:var(--ink);line-height:1.6;max-width:62ch;margin:0 auto 40px}
#hb .bridge figure{margin:0 auto;max-width:800px}
#hb .bridge figure svg{display:block;width:100%;height:auto;font-family:Lexend,"Segoe UI",system-ui,sans-serif}
@media (max-width:912px){#hb .bridge{margin-top:56px}
#hb .bridge h3{font-size:26px}
}
@media (min-width:1256px){.split.pl,.split.pr,.band .grid,section.closing .grid{grid-template-columns:1fr 1fr}
.split .copy{max-width:none}
}
.split{align-items:start}
.twocol p,.notes p,#hb .notes p,.cred p,#bl .three p{font-size:17px}
.sub,.story p,.gap p{font-size:21px}
.gap .g{font-size:13px;letter-spacing:.14em}
.band h2{margin-bottom:22px}
.cred h3{font-weight:500}
@media (min-width:913px) and (max-width:1255px){h2{font-size:36px}
}
@media (max-width:480px){h2{font-size:28px}
}
@media (min-width:913px) and (max-width:1232px){#hb .notes{grid-template-columns:minmax(0,1fr)!important;row-gap:56px}
}
#hb .bridge .statement{max-width:50ch}
#bl h3{font-size:32px;line-height:1.15;letter-spacing:-.02em;margin:0 0 22px;color:var(--navy);font-weight:300;max-width:none;white-space:nowrap}
#bl .three{display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:40px;margin:0 0 16px}
#bl .three p{font-size:16px;line-height:1.6;font-weight:300;margin:0}
#bl figure{margin:0}
#bl figure svg{display:block;width:100%;height:auto;font-family:Lexend,"Segoe UI",system-ui,sans-serif}
@media (max-width:1255px){#bl h3{font-size:32px}
}
@media (max-width:912px){#bl h3{white-space:normal;font-size:26px}
#bl .three{grid-template-columns:1fr;row-gap:14px}
}
.twocol p{font-size:17px}
.ex{display:block;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--plum);margin:34px 0 10px}
.closing{background:var(--navy);color:#fff;padding:120px 0}
.closing .grid{display:grid;grid-template-columns:5fr 7fr;column-gap:88px;align-items:start}
.closing h2{color:#fff}
.closing p{color:#e6e7f0;max-width:56ch}
.closing .scope{font-size:14px;color:#b9bdd6}
.btn{display:inline-block;background:#fff;color:var(--navy);text-decoration:none;padding:16px 28px;font-size:16px;margin-top:22px}
.ftr{padding:40px 0;display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--muted)}
.ftr img{height:30px}
@media (max-width:480px){.ftr nav{display:flex;flex-direction:column;gap:10px;width:100%}
.ftr .dot{display:none}
}
@media (max-width:912px){.split.pl,.split.pr,.band .grid,.notes,.twocol,.closing .grid,.right{grid-template-columns:1fr;row-gap:40px}
.right>*{grid-column:1}
.photo{height:300px}
.story p{font-size:17px}
.split,.chapter,.stmt{padding:72px 0}
.twocol{row-gap:0}
.twocol p{margin-bottom:18px}
}
@media (max-width:480px){.band .grid,.closing .grid,.notes,.split.pl,.split.pr,.twocol{grid-template-columns:minmax(0,1fr)}
.story{padding-left:24px}
.story p{font-size:16px}
.statement{font-size:19px}
.hero h1{font-size:34px}
h2{font-size:26px}
.closing h2{font-size:26px}
.num{flex-direction:column;align-items:flex-start;gap:12px}
}
#hb{--paper:#fff;--edge:#d9d9d9;--hrule:#e4e4e8;--pw:550px;--ph:870px}
#hb .stage{position:relative;width:calc(var(--pw)*2);height:var(--ph);margin:0;line-height:1.4}
#hb .hbcell{margin:0 0 16px;padding:8px 0 12px 0}
#hb .notes{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
#hb .mscell{margin:8px 0 16px;padding:0 0 12px 0}
#hb .mscell svg{display:block;width:506px;max-width:100%;height:auto;font-family:Lexend,Arial,sans-serif;box-shadow:0 22px 50px rgba(20,23,55,.22),0 4px 10px rgba(20,23,55,.08)}
#hb .notes h3{font-weight:500;font-size:17px;margin:0 0 10px}
#hb .notes p{font-size:17px}
#hb .notes p strong{font-weight:500;color:var(--navy)}
#hb .hardcover{position:absolute;inset:-8px;background:#fbfbfb;box-shadow:0 0 0 1px #e2e2e2,0 22px 50px rgba(20,23,55,.22),0 4px 10px rgba(20,23,55,.08)}
#hb .lblock{position:absolute;top:0;bottom:0;left:0;width:var(--pw);background:var(--paper);box-shadow:-2px 0 0 #fff,-3px 0 0 var(--edge),-5px 0 0 #fff,-6px 0 0 var(--edge),0 1px 3px rgba(0,0,0,.14);clip-path:inset(-20px 0 -20px -20px)}
#hb .leaves{position:absolute;top:0;bottom:0;right:0;width:var(--pw);background:var(--paper);box-shadow:1px 0 0 #fff,2px 0 0 var(--edge),3px 0 0 #fff,4px 0 0 var(--edge),5px 0 0 #fff,6px 0 0 var(--edge),0 1px 3px rgba(0,0,0,.14);clip-path:inset(-20px -20px -20px 0)}
#hb .gutter{position:absolute;left:calc(var(--pw) - 4px);top:-8px;bottom:-8px;width:8px;z-index:5;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.07) 0,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 60%,rgba(0,0,0,.07) 100%)}
#hb .gutter::before,#hb .gutter::after{content:"";position:absolute;left:-9px;width:26px;height:7px;background:linear-gradient(180deg,#ececec,#c4c4c4);border-radius:2px;box-shadow:0 1px 2px rgba(0,0,0,.2)}
#hb .gutter::before{top:0}
#hb .gutter::after{bottom:0}
#hb .page{position:absolute;top:0;bottom:0;width:var(--pw);background:var(--paper);overflow:hidden}
#hb .page.l{left:0}
#hb .page.r{right:0}
#hb .plate{padding:46px 40px 0 48px;height:100%;display:flex;flex-direction:column}
#hb .plate .mast{margin-bottom:26px}
#hb .plate .mast img{height:30px;width:auto;display:block}
#hb .plate h3{font-size:34px;line-height:1.08;letter-spacing:-.03em;font-weight:300;color:var(--navy);margin:0 0 12px;max-width:13ch}
#hb .plate .sub{font-size:15px;line-height:1.4;font-weight:300;color:var(--muted);margin:0 0 30px}
#hb .field{flex:1;margin:0 -40px 0 -48px;background:var(--navy);display:grid;grid-template-rows:repeat(4,1fr)}
#hb .part{padding:0 40px 0 48px;display:flex;flex-direction:column;justify-content:center;color:var(--ivory)}
#hb .part b{font-size:26px;font-weight:300;letter-spacing:-.02em;line-height:1}
#hb .part i{font-style:normal;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;margin-top:10px;opacity:.8}
#hb .part.u{background:var(--plum)}
#hb .part+.part{border-top:1px solid rgba(246,241,234,.16)}
#hb .sheet{padding:46px 44px 40px 40px;height:100%}
#hb .mast2{margin:0 0 26px}
#hb .mast2 .k{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);line-height:1.7;margin:0}
#hb .mast2 .k b{display:block;color:var(--navy);font-weight:400}
#hb .mast2 .acts{margin:10px 0 0;font-size:15px;font-weight:300;color:var(--navy);letter-spacing:-.01em}
#hb .sec{margin:0 0 20px}
#hb .sec h4{display:flex;justify-content:space-between;align-items:baseline;font-size:15px;font-weight:400;color:var(--navy);margin:0 0 4px;letter-spacing:-.01em;padding-bottom:6px;border-bottom:2px solid var(--navy)}
#hb .sec h4 i{font-style:normal;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--plum);font-weight:400}
#hb .sec ol{list-style:none;margin:0;padding:0}
#hb .sec li{display:flex;justify-content:space-between;gap:16px;align-items:baseline;padding:6px 0 5px;border-bottom:1px solid var(--hrule);font-size:13px;line-height:1.45;font-weight:300;color:var(--ink)}
#hb .sec li span{flex:1}
#hb .sec li em{font-style:normal;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--plum);width:118px;text-align:right;flex:none}
#hb .sec.u{margin-top:28px}
#hb .sec.u h4{border-bottom-color:var(--plum)}
#hb .sec.u li{padding:10px 0 9px}
#hb .figfoot{margin:36px auto 0;text-align:center;font-size:11px;color:var(--muted);max-width:70ch;line-height:1.6}
#hb{--pw:253px;--ph:400px}
#hb .hardcover{inset:-5px;box-shadow:0 0 0 1px #e2e2e2,0 14px 32px rgba(20,23,55,.2),0 3px 7px rgba(20,23,55,.08)}
#hb .gutter{top:-5px;bottom:-5px}
#hb .plate{padding:20px 18px 0 20px}
#hb .plate .mast{margin-bottom:14px}
#hb .plate .mast img{height:18px}
#hb .plate h3{font-size:19px;margin:0 0 6px;max-width:none}
#hb .plate .sub{font-size:9.5px;margin:0 0 14px}
#hb .field{margin:0 -18px 0 -20px}
#hb .part{padding:0 18px 0 20px}
#hb .part b{font-size:15px}
#hb .part i{font-size:7px;letter-spacing:.14em;margin-top:5px}
#hb .sheet{padding:20px 18px 16px 18px}
#hb .sec{margin:0 0 8px}
#hb .sec h4{font-size:11px;margin:0 0 1px;padding-bottom:3px;border-bottom-width:1.5px}
#hb .sec h4 i{font-size:7.5px;letter-spacing:.12em}
#hb .sec li{font-size:9.5px;line-height:1.3;padding:4px 0 3px;gap:8px}
#hb .sec li em{font-size:7px;letter-spacing:.1em;width:auto}
#hb .sec.u{margin-top:10px}
#hb .sec.u li{padding:4px 0 3px}
@media (min-width:913px) and (max-width:1255px){#hb .hbcell{max-width:100%;overflow:visible}
}
#sp{--paper:#ffffff;--paper2:#f4f4f4;--edge:#d9d9d9;--board:#f7f7f7;--pw:550px;--ph:510px;--c:#6a3f60;--c-lit:#7d5273;--c-shade:#4a2b43;--c-pale:#dccbd6;--acc:#6a3f60;position:relative;overflow:hidden;padding-bottom:150px}
#sp[data-theme="navy"]{--c:#22265b;--c-lit:#2d3270;--c-shade:#141737;--c-pale:#d3d4dc;--acc:#2d3270}
#sp .stage{position:relative;width:calc(var(--pw)*2);height:var(--ph);margin:64px auto 0;perspective:2400px;perspective-origin:50% 25%}
@media (min-width:701px){#sp .stage{margin-left:calc(50% - var(--pw));margin-right:0}
}
#sp .scene{position:absolute;inset:0;margin:0;transform-style:preserve-3d}
#sp .book{position:absolute;top:0;left:calc(var(--pw)/2);width:var(--pw);height:var(--ph);transform-style:preserve-3d;transition:left .9s cubic-bezier(.4,0,.2,1)}
#sp .stage.open .book{left:var(--pw)}
#sp .hardcover{position:absolute;top:0;bottom:0;left:calc(var(--pw)/2);right:calc(var(--pw)/2);background:#fbfbfb;box-shadow:0 0 0 1px #e2e2e2,0 22px 50px rgba(20,23,55,.22),0 4px 10px rgba(20,23,55,.08);transition:left .9s cubic-bezier(.4,0,.2,1),right .9s cubic-bezier(.4,0,.2,1),top .9s,bottom .9s;z-index:0}
#sp .stage.open .hardcover{left:-8px;right:-8px;top:-8px;bottom:-8px}
#sp .stage.end .book{left:calc(var(--pw)*1.5)}
#sp .stage.end .hardcover{left:calc(var(--pw)/2);right:calc(var(--pw)/2);top:0;bottom:0}
#sp .stage.end .lblock,#sp .stage.end .gutter,#sp .stage.end .leaves{opacity:0}
#sp .stage.end .tabs{left:-100%;right:100%}
#sp .stage.end .nav.next{right:calc(var(--pw)/2 - 80px)}
#sp .stage.end .nav.prev{left:calc(var(--pw)/2 - 80px)}
#sp .sheet.board .face.back.cover{background:var(--board);box-shadow:inset 0 0 0 1px var(--edge)}
#sp .sheet.board .face.back.cover .backmark{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}
#sp .sheet.board .face.back.cover .backmark img{height:64px;width:auto}
#sp .sheet.board .face.back.cover .backmark p{margin:0;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
#sp .leaves{position:absolute;inset:0;pointer-events:none;background:var(--paper);box-shadow:1px 0 0 #fff,2px 0 0 var(--edge),3px 0 0 #fff,4px 0 0 var(--edge),5px 0 0 #fff,6px 0 0 var(--edge),0 1px 3px rgba(0,0,0,.14);clip-path:inset(-20px -20px -20px 0)}
#sp .board-back{display:none}
#sp .lblock{position:absolute;top:0;bottom:0;right:100%;width:100%;opacity:0;transition:opacity .5s .5s;pointer-events:none;background:var(--paper);box-shadow:-2px 0 0 #fff,-3px 0 0 var(--edge),-5px 0 0 #fff,-6px 0 0 var(--edge),0 1px 3px rgba(0,0,0,.14);clip-path:inset(-20px 0 -20px -20px)}
#sp .stage.open .lblock{opacity:1}
#sp .spine{display:none}
#sp .gutter{position:absolute;left:-4px;top:-8px;bottom:-8px;width:8px;opacity:0;transition:opacity .3s .6s;pointer-events:none;z-index:35;background:linear-gradient(90deg,rgba(0,0,0,.07) 0,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 60%,rgba(0,0,0,.07) 100%)}
#sp .gutter::before,#sp .gutter::after{content:"";position:absolute;left:-9px;width:26px;height:7px;background:linear-gradient(180deg,#ececec,#c4c4c4);border-radius:2px;box-shadow:0 1px 2px rgba(0,0,0,.2)}
#sp .gutter::before{top:0}
#sp .gutter::after{bottom:0}
#sp .stage.open .gutter{opacity:1}
#sp .sheet{position:absolute;inset:0;transform-origin:left center;transform-style:preserve-3d}
#sp .sheet.turned{transform:rotateY(-180deg)}
#sp .sheet.fwd{animation:turnF .8s cubic-bezier(.4,0,.2,1) forwards}
#sp .sheet.bwd{animation:turnB .8s cubic-bezier(.4,0,.2,1) forwards}
@keyframes turnF{from{transform:rotateY(0)}to{transform:rotateY(-180deg)}}
@keyframes turnB{from{transform:rotateY(-180deg)}to{transform:rotateY(0)}}
#sp .face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;background:var(--paper)}
#sp .face.back{transform:rotateY(180deg)}
#sp .face.right{display:block;grid-template-columns:none;column-gap:0}
#sp .face.right>*{grid-column:auto}
#sp .photo{position:absolute;top:0;bottom:0;width:38%;overflow:hidden;background:none;min-height:0;max-height:none;height:auto;border-radius:0;align-self:auto}
#sp .face.left .photo{right:0}
#sp .face.right .photo{left:0}
#sp .photo img{position:absolute;top:0;height:100%;width:200%;object-fit:cover;object-position:center}
#sp .face.left .photo img{left:0}
#sp .face.right .photo img{left:-100%}
#sp .col{position:absolute;top:0;bottom:0;background:var(--paper);padding:44px 40px 54px;z-index:1}
#sp .face.left .col{left:0;width:62%}
#sp .face.right .col{right:0;width:62%;padding:44px 44px 54px 36px}
#sp .nav{position:absolute;top:50%;width:46px;height:46px;margin-top:-23px;border:1px solid var(--c);background:transparent;color:var(--c);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font:inherit;z-index:50}
#sp .nav:hover{background:var(--c);color:#fff}
#sp .nav svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#sp .nav.prev{left:calc(var(--pw)/2 - 80px);transition:left .9s cubic-bezier(.4,0,.2,1),opacity .4s,background .2s}
#sp .nav.next{right:calc(var(--pw)/2 - 80px);transition:right .9s cubic-bezier(.4,0,.2,1),opacity .4s,background .2s}
#sp .stage.open .nav.prev{left:-80px}
#sp .stage.open .nav.next{right:-80px}
#sp .nav[disabled]{opacity:0;pointer-events:none}
#sp .cover{background:#fff}
#sp .cover .jacket{position:absolute;left:14px;top:0;bottom:0;width:calc(52% - 14px);padding:36px 32px 40px}
#sp .cover .logo{display:flex;justify-content:center}
#sp .cover .logo img{height:120px;width:auto;display:block}
#sp .cover .title{position:absolute;left:calc(50% - 80px);right:16px;bottom:40px;text-align:left;font-weight:300;font-size:24px;line-height:1.15;color:var(--navy);letter-spacing:-.015em}
#sp .cover .title small{display:block;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:400;margin-bottom:12px;color:var(--acc)}
#sp .face.right.cover .photo{top:0;bottom:0;right:0;left:auto;width:48%}
#sp .face.right.cover .photo img{width:100%;left:0;object-position:0% 50%}
#sp .cover .spine-edge{position:absolute;left:0;top:0;bottom:0;width:14px;background:linear-gradient(90deg,#cfcfcf 0,#f2f2f2 35%,#ffffff 60%,#e6e6e6 100%);z-index:3}
#sp .sheet.board:not(.turned) .cover{box-shadow:0 18px 40px rgba(20,23,55,.16),0 3px 8px rgba(20,23,55,.06)}
#sp .sheet.board.turned .face.back.cover{background:var(--board)}
#sp .eyebrow{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--acc);margin:0 0 16px;font-weight:400}
#sp .col h3{font-weight:300;color:var(--navy);margin:0;letter-spacing:-.02em}
#sp .tp h3{font-size:38px;line-height:1.05;margin-bottom:18px;letter-spacing:-.03em;white-space:nowrap}
#sp .face.left.tp .col{padding-right:24px}
#sp .tp .def{font-size:16px;line-height:1.45;font-weight:300;color:var(--navy);margin:0}
#sp .tp .bel{margin:0;position:absolute;left:40px;right:40px;bottom:64px}
#sp .tp .bel b{display:block;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:400;color:var(--acc);margin-bottom:10px}
#sp .tp .bel span{display:block;font-size:12.5px;line-height:1.4;font-weight:300;color:var(--navy);margin-top:7px}
#sp .pp h4{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--acc);font-weight:400;margin:0 0 8px}
#sp .pp p{font-size:14.5px;line-height:1.5;font-weight:300;color:var(--navy);margin:0 0 13px;max-width:none}
#sp .folio{position:absolute;bottom:26px;font-size:10.5px;letter-spacing:.14em;color:var(--muted)}
#sp .face.right .folio{right:40px}
#sp .face.left .folio{left:40px}
#sp .intro h3{font-size:22px;line-height:1.25;margin-bottom:14px}
#sp .intro p{font-size:14.5px;line-height:1.5;font-weight:300;color:var(--navy);margin:0 0 12px;max-width:none}
#sp .closing{background:none;color:inherit;padding:0}
#sp .closing h3{font-size:22px;line-height:1.3;margin-bottom:12px}
#sp .closing p{font-size:14.5px;line-height:1.5;font-weight:300;color:var(--navy);margin:0 0 12px;max-width:none}
#sp .closing strong{font-weight:500;color:var(--navy)}
#sp .closing p.stand{margin:0 0 10px}
#sp .closing p.after{margin-top:22px}
#sp .tabs{position:absolute;left:0;right:0;top:calc(100% + 8px);display:flex;gap:3px;margin:0;padding:0;list-style:none;z-index:40}
#sp .tabs li{flex:1;display:flex}
#sp .tabs button{appearance:none;border:0;flex:1;background:var(--c-pale);color:var(--c-shade);font:inherit;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;padding:8px 4px 9px;cursor:pointer;transition:background .25s,color .25s;white-space:nowrap;border-radius:0 0 3px 3px}
#sp .tabs button:hover,#sp .tabs button:focus-visible{background:var(--c-lit);color:#fff;outline:none}
#sp .tabs button[aria-current="true"]{background:var(--c);color:#fff}
#sp .tabs button:focus-visible{box-shadow:0 0 0 2px var(--ivory),0 0 0 4px var(--navy)}
#sp .hint{margin:70px auto 0;text-align:center;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
#sp .sheet .face.right{cursor:e-resize}
#sp .sheet .face.left{cursor:w-resize}
@media (prefers-reduced-motion:reduce){#sp .book,#sp .sheet,#sp .lblock,#sp .gutter{transition:none;animation:none}
}
@media (max-width:1180px){#sp{--pw:min(550px,calc(50vw - 40px));--ph:calc(var(--pw)*.76)}
#sp .face.left .col{width:46%}
#sp .face.right .col{width:56%}
#sp .col{padding:32px 28px 54px}
#sp .tp h3{font-size:26px}
#sp .pp p,#sp .intro p,#sp .closing p{font-size:12.5px}
}
@media (max-width:700px){#sp{--pw:min(520px,calc(100vw - 48px));--ph:calc(var(--pw)*1.9)}
#sp .stage{width:var(--pw)}
#sp .intro h3,#sp .closing h3{font-size:20px;margin-bottom:12px}
#sp .intro p,#sp .closing p,#sp .pp p{font-size:12.5px;line-height:1.5}
#sp .tp h3{font-size:28px}
#sp .book,#sp .stage.open .book{left:0}
#sp .hardcover,#sp .stage.open .hardcover{left:-6px;right:-6px;top:-6px;bottom:-6px}
#sp .lblock,#sp .gutter,#sp .leaves{display:none}
#sp .sheet.turned{transform:rotateY(-180deg) translateX(-100%)}
#sp .sheet.turned:not(.current){visibility:hidden}
#sp .photo{display:none}
#sp .face.tp .photo{display:block;top:0;bottom:auto;height:36%;left:0;right:0;width:auto}
#sp .face.tp .photo img{width:100%;left:0;object-position:center 60%}
#sp .face.tp .col{top:36%}
#sp .col,#sp .face.left .col,#sp .face.right .col{left:0;right:0;width:auto;padding:30px 26px 28px}
#sp .tp .bel{left:26px;right:26px;bottom:52px}
#sp .face.right .folio{right:26px}
#sp .face.left .folio{left:26px}
#sp .cover .jacket{left:0;width:100%;padding:28px 26px}
#sp .cover .title{left:26px;right:26px}
#sp .face.right.cover .photo{display:block;top:56%;bottom:0;left:0;right:0;width:auto}
#sp .face.right.cover .photo img{width:100%;object-position:50% 40%}
#sp .cover .logo img{height:84px}
#sp .cover .spine-edge{width:10px}
#sp .tabs{top:calc(100% + 14px);gap:4px}
#sp .tabs button{font-size:0;padding:10px 2px}
#sp .tabs button::before{content:attr(data-n);font-size:10px;letter-spacing:.1em}
#sp .nav,#sp .stage.open .nav{top:auto;bottom:-96px;margin-top:0}
#sp .nav.prev,#sp .stage.open .nav.prev{left:calc(50% - 60px)}
#sp .nav.next,#sp .stage.open .nav.next{right:calc(50% - 60px)}
#sp .hint{margin-top:118px}
}

/* PHM v4: approved September 25 gaps, explicitly keyed to elements. */
:root{--gap-chapter:96px;--gap-hero:64px;--gap-field:64px;--gap-caps:12px;--gap-body:16px;--gap-figure:40px;--gap-link:28px;--gap-unit:40px;--gap-subcaps:8px;--gap-subbody:12px;--gap-cta:24px;--gap-bottom:96px}
main>section{padding:0!important}
main>section[data-gap="chapter"]{margin-top:var(--gap-chapter)}
main>section[data-gap="hero-to-chapter"]{margin-top:var(--gap-hero)}
main>section[data-gap="stacked-unit"]{margin-top:var(--gap-unit)}
main>section.band{padding-block:var(--gap-field)!important}
#sp[data-gap="book-entry"]{margin-top:24px;padding-top:40px!important}
main>section.final-closing{padding-bottom:var(--gap-bottom)!important}
.lbl,.num{margin-bottom:var(--gap-caps)}
h2{margin-bottom:var(--gap-body)}
p{margin-bottom:var(--gap-body)}
.copy>h2+p,.chapter>h2+.body{margin-top:0}
.num{min-height:28px}
.gaps{margin-block:var(--gap-unit)}
.gap+.gap{margin-top:var(--gap-unit)}
.gap{margin-bottom:0}
.gap .g{margin-bottom:var(--gap-subcaps)}
.tlink{font-size:15px;border-radius:0;margin-top:var(--gap-body);padding:0 0 10px;background:none}
.tlink::after{content:""}
.tlink:not(.closing-cta)::after{content:"\2192";margin-left:12px}
.links{gap:0}
.links .tlink{margin-top:0;line-height:1.9}
.links .tlink::before{height:3px}
.twocol{margin-top:var(--gap-body)}
.twocol p{font-size:17px;margin:0}
.split .copy{max-width:none}
.photo{overflow:hidden;height:480px;min-height:0;max-height:none}
.photo>img{display:block;width:100%;height:100%;object-fit:cover}
.photo-1>img{object-position:85% 50%}
.photo-2>img{object-position:50% 40%}
.photo-4{height:360px}
.photo-4>img{object-position:50% 65%}
.founder-story{display:grid;grid-template-columns:240px 1fr;gap:var(--gap-unit);grid-column:1/-1}
.founder-portrait{width:240px;height:300px;object-fit:cover;object-position:50% 25%;border-radius:120px 120px 0 0}
.founder-story .story{margin:0}
#founder .grid{row-gap:0}
#founder .founder-story{margin-top:var(--gap-body)}
#founder .cred{margin-top:var(--gap-unit)}
#founder h2{margin:0}
#founder .cred{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 88px}
#founder .cred>h3{display:block} #founder .cred>h3:first-of-type{grid-column:1;grid-row:1} #founder .cred>h3:last-of-type{grid-column:2;grid-row:1} #founder .cred>p:first-of-type{grid-column:1;grid-row:2} #founder .cred>p:last-of-type{grid-column:2;grid-row:2}
#founder .cred>p{margin:0}
.detection>.copy{max-width:62ch}
#hb .notes{margin-top:var(--gap-figure);gap:var(--gap-unit) 88px}
#hb .notes>div{min-width:0}
#hb .hbcell,#hb .mscell{margin-top:0;margin-bottom:var(--gap-link);padding:0}
#hb .notes h3{margin-bottom:var(--gap-subbody)}
#hb .notes>div>p{margin-bottom:0}

#hb .notes{align-items:stretch}
#hb .instrument-link-row{display:flex;align-items:flex-start;margin-top:auto;padding-top:var(--gap-body)}
#hb .instrument-link-row .instrument-cta{font-size:15px;margin:0;padding:0 0 5px;align-self:flex-start}
#hb .instrument-link-row .instrument-cta::after{content:none}
#hb .bridge{margin-top:64px}
#hb .bridge .lbl{margin-bottom:var(--gap-subcaps)}
#hb .bridge h3{margin-bottom:var(--gap-subbody)}
#hb .bridge .statement{margin-bottom:var(--gap-body)}
#hb .bridge .key{margin-bottom:var(--gap-figure)}
#hb .bridge figure{margin-top:0}
#bl>.lbl{margin-top:var(--gap-unit)!important;margin-bottom:var(--gap-subcaps)}
#bl h3{margin-bottom:var(--gap-subbody);white-space:normal}
#bl .three{margin-bottom:var(--gap-figure)}
#bl .three p{font-size:17px}
#sp .stage{margin-top:var(--gap-figure)}
#sp .wrap>.lbl{margin-bottom:var(--gap-caps)}
#sp .wrap>h2{margin-bottom:var(--gap-body)}
#sp .wrap>.body{margin-bottom:0}
#sp .hint{max-width:100%;line-height:1.6}
#sp .nav{border-radius:50%} /* book controls are not CTAs */
.final-closing{background:#fff;color:var(--ink);text-align:center}
.final-closing>.grid{display:block}
.final-closing h2{color:var(--navy);font-size:40px;line-height:1.15;font-weight:400;margin:0 auto 8px;max-width:27ch}
.final-closing .closing-answer{color:var(--plum);font-size:40px;font-weight:300;line-height:1.15;margin:0 auto var(--gap-body);max-width:none}
.final-closing p{color:var(--ink);font-size:17px;margin-inline:auto}
.final-closing .lbl{font-size:13px;letter-spacing:.14em;color:var(--plum);margin-bottom:var(--gap-caps)}
.final-closing .scope{font-size:17px;color:var(--ink);margin-bottom:0}
.final-closing .closing-cta{margin-top:var(--gap-cta);color:var(--navy)}
.skip-link{position:absolute;left:24px;top:-100px;z-index:1000;background:#fff;padding:12px;color:var(--navy)}
.skip-link:focus{top:12px}
.hdr.wrap{position:relative;left:auto;transform:none;top:auto;z-index:10;width:100%;max-width:none;margin:0;padding:26px max(var(--gutter),calc((100% - 1100px)/2));background:#fff}
.hdr nav a{color:var(--navy)}
.hdr nav a[aria-current]{color:var(--plum);text-decoration:underline;text-underline-offset:7px}
.hdr>a{padding:0;display:block}
.hdr>a img{display:block}
button.menu{color:var(--navy);border-color:var(--navy)}
.hdr.open{background:#fff}
.hdr.open nav a{color:var(--navy)}
.hdr.open nav a[aria-current]{color:var(--plum)}
@media(max-width:1099px){.hdr.wrap{padding-block:14px}}
@media(max-width:912px){.hdr.wrap{padding-inline:max(var(--gutter),calc((100% - 560px)/2))}}
@media(min-width:1100px){.hdr.open nav{display:block;flex-direction:row;width:auto;margin-top:0;border-top:0}.hdr.open nav a{display:inline;min-height:0;margin-left:28px;font-size:14px;white-space:nowrap}}
@media(min-width:1100px) and (max-width:1255px){.hdr.open nav a{font-size:13px;margin-left:18px}}
.hero{position:relative;isolation:isolate;height:auto;min-height:clamp(560px,72vh,820px);max-height:none;display:flex;align-items:flex-end;background:var(--navy)}
.hero video,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.hero-shade{background:rgba(15,18,48,.54);z-index:-1}
.hero .hero-content{padding-top:64px;padding-bottom:96px}
.hero h1{margin-bottom:var(--gap-body)}
.hero p.an{margin-bottom:0}
.film-control{position:absolute;right:24px;bottom:24px;background:transparent;border:0;color:#fff;font:inherit;font-size:12px;padding:8px;cursor:pointer}
.motion-phone,.phm4-phone-instrument{display:none}
.motion-desktop{display:block}
html.motion [data-fig="strategy"].motion-ready .st{opacity:0;transform:translateY(-16px);transition:opacity 500ms ease,transform 700ms cubic-bezier(.2,.7,.2,1)}
html.motion [data-fig="strategy"].motion-ready .st .in{opacity:0;transition:opacity 450ms ease}
html.motion [data-fig="strategy"].motion-ready .s1{transition-delay:300ms}html.motion [data-fig="strategy"].motion-ready .s1 .in{transition-delay:600ms}
html.motion [data-fig="strategy"].motion-ready .s2{transition-delay:850ms}html.motion [data-fig="strategy"].motion-ready .s2 .in{transition-delay:1150ms}
html.motion [data-fig="strategy"].motion-ready .s3{transition-delay:1400ms}html.motion [data-fig="strategy"].motion-ready .s3 .in{transition-delay:1700ms}
html.motion [data-fig="strategy"].motion-ready .s4{transition-delay:1950ms}html.motion [data-fig="strategy"].motion-ready .s4 .in{transition-delay:2250ms}
html.motion [data-fig="strategy"].motion-ready .df{opacity:0;transition:opacity 600ms ease 2600ms}
html.motion [data-fig="strategy"].motion-ready.is-written .st{opacity:1;transform:translateY(0)}
html.motion [data-fig="strategy"].motion-ready.is-written .st .in,html.motion [data-fig="strategy"].motion-ready.is-written .df{opacity:1}
html.motion [data-fig="baseline"].motion-ready .rec{opacity:0;transition:opacity 360ms ease}
html.motion [data-fig="baseline"].motion-ready .a26{transition-delay:400ms}
html.motion [data-fig="baseline"].motion-ready .y1{transition-delay:900ms}html.motion [data-fig="baseline"].motion-ready .y2{transition-delay:1120ms}html.motion [data-fig="baseline"].motion-ready .y3{transition-delay:1340ms}html.motion [data-fig="baseline"].motion-ready .y4{transition-delay:1560ms}html.motion [data-fig="baseline"].motion-ready .y5{transition-delay:1780ms}html.motion [data-fig="baseline"].motion-ready .y6{transition-delay:2000ms}html.motion [data-fig="baseline"].motion-ready .y7{transition-delay:2220ms}html.motion [data-fig="baseline"].motion-ready .y8{transition-delay:2440ms}html.motion [data-fig="baseline"].motion-ready .y9{transition-delay:2660ms}
html.motion [data-fig="baseline"].motion-ready .b26{transition-delay:3000ms}
html.motion [data-fig="baseline"].motion-ready.is-built .rec{opacity:1}
@media (prefers-reduced-motion:reduce){html.motion [data-fig="strategy"].motion-ready .st,html.motion [data-fig="strategy"].motion-ready .st .in,html.motion [data-fig="strategy"].motion-ready .s1,html.motion [data-fig="strategy"].motion-ready .s2,html.motion [data-fig="strategy"].motion-ready .s3,html.motion [data-fig="strategy"].motion-ready .s4,html.motion [data-fig="strategy"].motion-ready .s1 .in,html.motion [data-fig="strategy"].motion-ready .s2 .in,html.motion [data-fig="strategy"].motion-ready .s3 .in,html.motion [data-fig="strategy"].motion-ready .s4 .in,html.motion [data-fig="strategy"].motion-ready .df,html.motion [data-fig="baseline"].motion-ready .rec,html.motion [data-fig="baseline"].motion-ready .a26,html.motion [data-fig="baseline"].motion-ready .b26,html.motion [data-fig="baseline"].motion-ready .y1,html.motion [data-fig="baseline"].motion-ready .y2,html.motion [data-fig="baseline"].motion-ready .y3,html.motion [data-fig="baseline"].motion-ready .y4,html.motion [data-fig="baseline"].motion-ready .y5,html.motion [data-fig="baseline"].motion-ready .y6,html.motion [data-fig="baseline"].motion-ready .y7,html.motion [data-fig="baseline"].motion-ready .y8,html.motion [data-fig="baseline"].motion-ready .y9{transition:none;transition-delay:0ms;opacity:1;transform:none}}
@media(min-width:913px) and (max-width:1255px){h2{font-size:36px}}
@media(max-width:1232px){#hb .notes{grid-template-columns:minmax(0,1fr)!important}#hb .notes>div{max-width:640px;margin-inline:auto;width:100%}#hb .hbcell,#hb .mscell{width:506px;margin-inline:auto}}
@media(max-width:912px){.photo{height:300px}.twocol{row-gap:var(--gap-body)}#founder .cred{display:block}#founder .cred>h3{display:block}#founder .cred>p+p{margin-top:var(--gap-unit)}.hero h1{font-size:44px}.hero p.an{font-size:17px}.founder-story{grid-template-columns:1fr}.founder-portrait{margin-inline:auto}.story p{font-size:17px}.split .photo{order:2}.split .copy{order:1}.split{row-gap:var(--gap-unit)}}
@media(max-width:700px){
:root{--gutter:24px;--gap-chapter:72px;--gap-hero:48px;--gap-field:48px;--gap-caps:8px;--gap-body:12px;--gap-figure:32px;--gap-link:20px;--gap-unit:32px;--gap-subcaps:8px;--gap-subbody:8px;--gap-cta:20px;--gap-bottom:72px}
#hb .instrument-desktop{display:none!important}
.motion-desktop{display:none!important}.motion-phone{display:block}
#hb .notes>div{max-width:100%}
#hb .bridge .motion-phone,#bl .motion-phone{width:calc(100% + 48px);max-width:none;margin-left:-24px}
.phm4-phone-instrument{display:block}
#sp[data-gap="book-entry"]{margin-top:20px;padding-top:32px!important}
#hb .notes{row-gap:var(--gap-unit)}
.hero h1{font-size:34px}.hero{height:auto;min-height:560px;max-height:none}
.hero .hero-content{padding-top:48px;padding-bottom:96px}
.hdr>a img{height:24px}
.final-closing h2,.final-closing .closing-answer{font-size:28px}
#sp .hint{letter-spacing:.07em;font-size:12px}
}
@media(max-width:480px){h2{font-size:28px}#hb .bridge h3,#bl h3{font-size:26px}}

/* Owner requested additional strategy breathing room, 2026-09-26. */
@media(max-width:700px){#hb .bridge{margin-top:48px}}

/* Authorized full-page spacing conformance, 2026-09-26. */
@media(max-width:1255px){#complex-care .links .tlink{padding-bottom:0}}
@media(max-width:912px){#founder .founder-story{margin-top:var(--gap-unit)}}
@media(max-width:700px){.split.pl,.split.pr{row-gap:var(--gap-unit)}}

/* Actual-size phone editions. All selectors are confined to these two figures.
   Use at <=700px. Desktop figures remain separate and unchanged.
   Width 342 is native at a 390px viewport with 24px page gutters. */
.phm4-phone-instrument {
  box-sizing: border-box;
  width: 342px;
  max-width: 100%;
  margin: 0 auto 28px;
  color: #22265b;
  font-family: Lexend, Arial, sans-serif;
  text-align: left;
}
#phm4-phone-hbs.phm4-phone-instrument,
#phm4-phone-score.phm4-phone-instrument { line-height: 1.4; }
#phm4-phone-hbs.phm4-phone-instrument * { box-sizing: border-box; }
#phm4-phone-hbs.phm4-phone-instrument .phm4-phone-hbs-paper {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 624px;
  background: #fff;
  border: 3px solid #fbfbfb;
  box-shadow: 0 0 0 1px #e2e2e2, 0 14px 32px rgba(20,23,55,.20), 0 3px 7px rgba(20,23,55,.08);
}
#phm4-phone-hbs.phm4-phone-instrument .phm4-phone-hbs-left {
  min-width: 0;
  display: flex;
  flex-direction: column;
  background: #fff;
  box-shadow: inset 2px 0 #d9d9d9;
}
#phm4-phone-hbs.phm4-phone-instrument .phm4-phone-hbs-front { padding: 17px 12px 16px; }
#phm4-phone-hbs.phm4-phone-instrument .phm4-phone-hbs-logo {
  display: block;
  width: 122px;
  max-width: 100%;
  height: auto;
  margin: 0 0 17px;
  object-fit: contain;
}
#phm4-phone-hbs.phm4-phone-instrument .phm4-phone-hbs-title {
  margin: 0 0 10px;
  color: #22265b;
  font-family: inherit;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.12;
  letter-spacing: -.03em;
  text-wrap: initial;
}
#phm4-phone-hbs.phm4-phone-instrument .phm4-phone-hbs-sub {
  margin: 0;
  color: #747587;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.45;
  letter-spacing: 0;
}
#phm4-phone-hbs.phm4-phone-instrument .phm4-phone-hbs-field {
  display: grid;
  grid-template-rows: repeat(4, minmax(94px, 1fr));
  flex: 1;
  background: #22265b;
}
#phm4-phone-hbs.phm4-phone-instrument .phm4-phone-hbs-part {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 17px 12px;
  color: #f6f1ea;
}
#phm4-phone-hbs.phm4-phone-instrument .phm4-phone-hbs-part + .phm4-phone-hbs-part { border-top: 1px solid rgba(246,241,234,.16); }
#phm4-phone-hbs.phm4-phone-instrument .phm4-phone-hbs-part b {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.1;
  letter-spacing: -.02em;
}
#phm4-phone-hbs.phm4-phone-instrument .phm4-phone-hbs-part i {
  margin-top: 9px;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.45;
  letter-spacing: .045em;
  text-transform: uppercase;
  opacity: .9;
}
#phm4-phone-hbs.phm4-phone-instrument .phm4-phone-hbs-part.phm4-phone-hbs-unknown { background: #6a3f60; }
#phm4-phone-hbs.phm4-phone-instrument .phm4-phone-hbs-right {
  min-width: 0;
  padding: 17px 11px 16px 12px;
  border-left: 2px solid #e4e4e8;
  box-shadow: inset -2px 0 #d9d9d9;
}
#phm4-phone-hbs.phm4-phone-instrument .phm4-phone-hbs-section { margin: 0 0 16px; padding: 0; }
#phm4-phone-hbs.phm4-phone-instrument .phm4-phone-hbs-section:last-child { margin-bottom: 0; }
#phm4-phone-hbs.phm4-phone-instrument .phm4-phone-hbs-section h4 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  gap: 3px 6px;
  margin: 0 0 3px;
  padding-bottom: 6px;
  border-bottom: 2px solid #22265b;
  font-family: inherit;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: -.01em;
  color: #22265b;
}
#phm4-phone-hbs.phm4-phone-instrument .phm4-phone-hbs-section h4 i {
  color: #6a3f60;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .02em;
  text-transform: uppercase;
}
#phm4-phone-hbs.phm4-phone-instrument .phm4-phone-hbs-section ol { list-style: none; margin: 0; padding: 0; }
#phm4-phone-hbs.phm4-phone-instrument .phm4-phone-hbs-section li {
  margin: 0;
  padding: 7px 0;
  border-bottom: 1px solid #e4e4e8;
  color: #2b2b33;
  font-family: inherit;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.45;
  letter-spacing: 0;
  overflow-wrap: normal;
}
#phm4-phone-hbs.phm4-phone-instrument .phm4-phone-hbs-section li em {
  display: block;
  margin-top: 6px;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: .035em;
  text-transform: uppercase;
  color: #6a3f60;
}
#phm4-phone-hbs.phm4-phone-instrument .phm4-phone-hbs-section.phm4-phone-hbs-unknown h4 { border-bottom-color: #6a3f60; }
#phm4-phone-hbs.phm4-phone-instrument .phm4-phone-hbs-spine {
  position: absolute;
  top: -3px;
  bottom: -3px;
  left: calc(50% - 1px);
  width: 2px;
  background: #e1e1e1;
  pointer-events: none;
}
#phm4-phone-hbs.phm4-phone-instrument .phm4-phone-hbs-spine::before,
#phm4-phone-hbs.phm4-phone-instrument .phm4-phone-hbs-spine::after {
  content: '';
  position: absolute;
  left: -7px;
  width: 16px;
  height: 4px;
  background: #c4c4c4;
}
#phm4-phone-hbs.phm4-phone-instrument .phm4-phone-hbs-spine::before { top: 0; }
#phm4-phone-hbs.phm4-phone-instrument .phm4-phone-hbs-spine::after { bottom: 0; }
#phm4-phone-score.phm4-phone-instrument .phm4-phone-score-art {
  display: block;
  width: 342px;
  max-width: 100%;
  height: auto;
  font-family: Lexend, Arial, sans-serif;
  box-shadow: 0 14px 32px rgba(20,23,55,.20), 0 3px 7px rgba(20,23,55,.08);
}
@media(min-width:701px){.phm4-phone-instrument{display:none!important}}


/* Mock only: relative asset paths so the file opens directly, and the chapter device from copy v2.1. */
@font-face{font-family:Lexend;font-weight:300;src:url("/assets/Lexend-Light.ttf") format("truetype")}
@font-face{font-family:Lexend;font-weight:400;src:url("/assets/Lexend-Regular.ttf") format("truetype")}
@font-face{font-family:Lexend;font-weight:500;src:url("/assets/Lexend-Medium.ttf") format("truetype")}
.num.cb span{position:relative;padding-bottom:12px}
.num.cb span::after{content:"";position:absolute;left:0;bottom:0;width:32px;height:4px;background:var(--plum)}
.num.cb{min-height:0}
.lede{font-size:21px;font-weight:300;color:var(--navy);line-height:1.35;letter-spacing:-.015em;max-width:34ch;margin:0 0 var(--gap-body)}
.turn{font-size:21px;font-weight:400;color:var(--plum);line-height:1.35;letter-spacing:-.015em;max-width:34ch;margin:0 0 var(--gap-body)}
.statement.mid{margin:0 0 var(--gap-body);max-width:34ch}
.chapter .col1{max-width:62ch}
.hero .tlink.hero-cta{color:#fff;margin-top:var(--gap-cta)}
.hero .tlink.hero-cta::before{background:#fff}
.hero p.an{margin-bottom:0}
.story p{font-size:20px}
.photo-3{height:480px}
.photo-3>img{object-position:50% 30%}
.final-closing .closing-answer{font-weight:300}
/* Chapter 01 · parts and the whole · figure first */
.c01 .lede{margin-bottom:var(--gap-figure)}
.c01 .parts-fig{margin:0 0 var(--gap-figure)}
.c01 .parts-fig svg{display:block;width:100%;height:auto;font-family:Lexend,Arial,sans-serif}
.c01 .c01-split{display:grid;grid-template-columns:340px 1fr;column-gap:40px;align-items:start;margin:0 0 var(--gap-unit)}
.c01 .c01-split .photo{height:300px}
.c01 .c01-split p{max-width:none;margin:0 0 var(--gap-body)}
.c01 .c01-split p:last-child{margin-bottom:0}
.c01 .display{font-size:28px;line-height:1.25;font-weight:300;color:var(--navy);letter-spacing:-.02em;max-width:34ch;margin:0 0 var(--gap-unit)}
.c01 .turn.big{font-size:28px;line-height:1.25;letter-spacing:-.02em;font-weight:300;max-width:30ch;margin:0 0 var(--gap-body)}
.c01 .platform{max-width:62ch;margin:0}
@media (max-width:912px){.c01 .c01-split{grid-template-columns:1fr;row-gap:var(--gap-unit)}.c01 .display,.c01 .turn.big{font-size:24px}}
/* The frame · the five beliefs */
main>section.frame{margin-top:var(--gap-hero)}
.frame .lbl{margin-bottom:var(--gap-caps)}
.frame .frame-line{font-size:40px;line-height:1.12;font-weight:300;color:var(--navy);letter-spacing:-.025em;max-width:none;margin:0}
.frame .frame-body{font-size:17px;max-width:none;margin:0}
.frame .frame-intro{font-size:28px;line-height:1.25;font-weight:400;color:var(--plum);letter-spacing:-.02em;max-width:none;margin:calc(var(--gap-unit) + 24px) auto 0;text-align:center;text-wrap:balance}
@media (max-width:912px){.frame .frame-intro{font-size:24px}}
.frame .frame-grid{display:grid;grid-template-columns:422px 1fr;column-gap:88px;align-items:start}
.frame .frame-grid>div:last-child{padding-top:calc(13px * 1.65 + var(--gap-caps) + 6px)}
@media (min-width:913px) and (max-width:1255px){.frame .frame-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:40px}.frame .frame-line{font-size:36px}}
.frame .frame-grid .frame-line{margin:0}
@media (max-width:912px){.frame .frame-grid{grid-template-columns:1fr;row-gap:var(--gap-body)}.frame .frame-line{font-size:24px}}
/* Chapter 01 · statement chapter · five sizes: h2 40 · verdict 34 · lede and turn 28 · the whole 21 · body 17 */
.c01s .scene{display:grid;grid-template-columns:422px 1fr;column-gap:88px;align-items:start;margin:0 0 calc(var(--gap-unit) + 28px)}
.c01s .scene .photo{height:auto;min-height:480px;align-self:stretch;margin:0}
.c01s .scene .copy{max-width:none}
/* Build note: "Man looking out window 1" is a 1024×1024 square; in the tall column it scales to the column height and the man fills the frame. Owner wants him pushed back with the office around him — needs a wider/landscape source crop at build, not a smaller frame. */
#representation .photo-1>img{object-position:55% 30%}
.c01s .scene.nophoto{grid-template-columns:1fr 1fr;align-items:end}
.c01s .scene.nophoto .copy+.copy>p{margin:0;font-size:17px;max-width:none}
.c01s .scene.nophoto .copy>p.lede28:last-child{margin-bottom:0;font-size:28px;max-width:26ch}
.c01s #bl{margin-top:64px}
.c01s .lede28{font-size:28px;line-height:1.25;font-weight:300;color:var(--navy);letter-spacing:-.02em;max-width:26ch;margin:0 0 var(--gap-body)}
.c01s .scene .copy>p:last-child{margin:0;max-width:none;font-size:17px}
.c01s .verdict{font-size:34px;line-height:1.2;font-weight:300;color:var(--navy);letter-spacing:-.025em;max-width:none;margin:0 0 var(--gap-unit)}
.c01s .c01-grid{display:grid;grid-template-columns:422px 1fr;column-gap:88px;align-items:start}
.c01s .whole{font-size:21px;line-height:1.35;font-weight:300;color:var(--navy);letter-spacing:-.015em;max-width:none;margin:0}
.c01s .market{font-size:21px;line-height:1.35;font-weight:300;color:var(--navy);letter-spacing:-.015em;max-width:none;margin:0 0 var(--gap-body)}
.c01s .market+.whole{font-size:17px;line-height:1.6;letter-spacing:0;color:var(--ink)}
.c01s .turn.big{font-size:28px;line-height:1.25;letter-spacing:-.02em;font-weight:400;max-width:none;margin:0 0 var(--gap-body)}
.c01s .platform{max-width:none;margin:0 0 var(--gap-body)}
.c01s .questions .q-lbl{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--plum);margin:0 0 var(--gap-caps)}
.c01s .questions p:not(.q-lbl){font-size:28px;line-height:1.25;font-weight:300;color:var(--navy);letter-spacing:-.02em;max-width:none;margin:0 0 12px}
.c01s .questions p:last-child{margin-bottom:0}
.c01s .platform+.retained{margin-top:var(--gap-unit);margin-bottom:0}
.c01s .platform strong{font-weight:500;color:var(--navy)}
/* 02 mirrors 01: photo on the right, copy first (Jason 2026-09-28: alternate the scene) */
@media (min-width:913px){#understanding .scene{grid-template-columns:1fr 422px}#understanding .scene .photo{order:2}} /* right-photo chapter: desktop only; phone stacks photo-first like every other chapter */
#understanding .photo-2>img{object-position:44% 50%}

#bl .lbl,#bl h3{text-align:center;margin-left:auto;margin-right:auto;max-width:none}
#bl .bl-body{max-width:62ch;margin:16px auto 40px;text-align:center}
#bl .bl-body p{font-size:17px;margin:0 0 16px;max-width:none}
#bl .bl-body p:last-child{margin:24px 0 0;font-size:21px;line-height:1.35;letter-spacing:-.015em;color:var(--navy)}
/* Book cover: no photograph; a solid plum band on the fore-edge, half the old photo width (Jason 2026-09-29) */
#sp .face.right.cover .photo{width:24%;background:var(--plum)}
#sp .face.right.cover .photo img{display:none}
#sp .cover .jacket{left:14px;width:calc(76% - 14px);padding:44px 32px 40px}
#sp .cover .logo{justify-content:flex-start}
#sp .cover .logo img{height:116px}
#sp .cover .title{left:32px;right:calc(24% + 28px);bottom:44px;text-align:left}
#sp .pp p:not(.eyebrow):not(.folio),#sp .intro p:not(.eyebrow):not(.folio),#sp .closing p:not(.eyebrow):not(.folio){font-size:15px;font-weight:400;line-height:1.45}
#sp .tp h3{font-size:34px}
main>section#sp[data-gap="book-entry"]{margin-top:64px;padding-top:64px!important}
@media (max-width:1279px){#sp .nav,#sp .stage.open .nav{top:auto;bottom:-96px;margin-top:0}#sp .nav.prev,#sp .stage.open .nav.prev{left:calc(50% - 60px)}#sp .nav.next,#sp .stage.open .nav.next{right:calc(50% - 60px)}}
@media (min-width:701px) and (max-width:1180px){#sp{--ph:max(620px,calc(2180px - 150vw))}#sp .face.left .col,#sp .face.right .col{width:62%}}
@media (min-width:701px) and (max-width:1279px){#sp .hint{margin-top:118px}} /* the open book is 1100 wide; side arrows at -80 leave a 1100 viewport, so they drop below the book */
/* Closing: the answer at the page's turn size (28 plum), balanced; scope note beneath the link, quiet */
#closing .closing-answer{font-size:28px;line-height:1.25;letter-spacing:-.02em;font-weight:400;color:var(--plum);max-width:34ch;margin:16px auto 0;text-wrap:balance}
#closing .closing-answer + div > p:first-child{margin-top:40px;margin-bottom:0}
#closing .closing-cta{display:block;width:max-content;margin:64px auto 0} /* block, so the 64 is measured edge to edge with no inline line-box leading */
#closing .closing-cta::before{left:50%;transform:translateX(-50%)}
#closing .scope{font-size:14px;line-height:1.6;color:var(--muted);max-width:52ch;margin:40px auto 0}
/* Complex care: rebuilt as a short statement chapter; photo RIGHT (05 is left) */
@media (min-width:913px){#complex-care .scene{grid-template-columns:1fr 422px}#complex-care .scene .photo{order:2}}
#complex-care .photo-cc>img{object-position:60% 50%}
#complex-care .cc-paths{display:grid;grid-template-columns:repeat(3,1fr);column-gap:56px;margin-top:64px}
@media (max-width:912px){#complex-care .cc-paths{grid-template-columns:1fr;row-gap:40px}#complex-care .cc-paths p{max-width:none}}
#complex-care .cc-paths .tlink{margin:0 0 14px;display:inline-block}
#complex-care .cc-paths p{font-size:17px;line-height:1.55;margin:0;max-width:34ch}
/* 05: photo LEFT, alternating with 04; grey frame until the licensed photograph is sourced */
#navigation .photo-5>img{object-position:58% 50%} 
/* 04: photo RIGHT, alternating with 03 */
@media (min-width:913px){#detection .scene{grid-template-columns:1fr 422px}#detection .scene .photo{order:2}}
/* 03: photo LEFT, alternating with 02 ("Man Rowing", 1024 square; wake runs out of the bottom of the tall frame) */
#longitudinal .scene .photo{min-height:0} /* 03's copy is short; the frame stays tall so the wake reads */
#longitudinal .photo-3>img{object-position:50% 45%} 
/* 02 lower half opened up (Jason 2026-09-28: "too compact, tab everything down") */
#understanding .verdict{margin-bottom:64px}
#understanding .questions .q-lbl{font-size:28px;font-weight:400;line-height:1.25;letter-spacing:-.02em;text-transform:none;color:var(--navy);max-width:none;margin:0 0 24px}
#understanding .questions p:not(.q-lbl){font-size:21px;line-height:1.35;letter-spacing:-.015em;margin-bottom:16px}
#understanding .turn.big{margin-bottom:24px}
main>section#hb[data-gap="stacked-unit"]{margin-top:64px}
.c01s .retained{font-size:21px;line-height:1.35;font-weight:300;color:var(--navy);letter-spacing:-.015em;max-width:none;margin:0 0 var(--gap-body)}
.c01s .closer{font-size:28px;line-height:1.25;font-weight:400;color:var(--plum);letter-spacing:-.02em;max-width:none;margin:64px auto 0;text-align:center;text-wrap:balance}
@media (min-width:1280px){.c01s .closer{text-wrap:nowrap}} /* one line only where it fits; below 1280 the longest closer (04) would overflow */
@media (max-width:912px){.c01s .closer{font-size:24px;max-width:40ch}}

#founder h2{text-align:center;max-width:none;margin:0 auto}
#founder .founder-story{justify-content:center;grid-template-columns:240px minmax(0,680px);width:max-content;max-width:100%;margin-inline:auto;align-items:start}
#founder .story p{max-width:52ch}
#founder .founder-closer{grid-column:1/-1;width:100%;font-size:28px;line-height:1.25;letter-spacing:-.02em;font-weight:400;color:var(--plum);text-align:center;max-width:none;margin:calc(var(--gap-unit) + 24px) auto 0;text-wrap:nowrap}
@media (max-width:480px){.hero h1{font-size:34px}} /* restores the ≤480 size that the later ≤912 rule (44px) was overriding; "professionally" overflowed 390 at 44 */
@media (max-width:912px){#founder .founder-closer{font-size:24px;text-wrap:balance}}
#founder .founder-closer .l1{display:block;margin:0 0 1em}#founder .founder-closer .l2{display:block}#founder .founder-closer br{display:none}
#founder .founder-left cite{display:block;font-style:normal;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#5f6078;margin:16px 0 0}
#founder .founder-left .cred-line{margin:8px 0 0;max-width:240px}
@media (max-width:912px){#founder .founder-story{width:auto;grid-template-columns:1fr}}
.c01s .setup{font-size:21px;line-height:1.35;font-weight:300;color:var(--navy);letter-spacing:-.015em;max-width:none;margin:0 0 var(--gap-body)}
.c01s .recog p{font-size:21px;line-height:1.35;font-weight:300;color:var(--navy);letter-spacing:-.015em;max-width:none;margin:0 0 var(--gap-body)}
.c01s .scene .copy .recog{margin-top:var(--gap-unit)}
.c01s .scene .copy .recog p{font-size:21px;line-height:1.35;font-weight:300;color:var(--navy);letter-spacing:-.015em;max-width:none;margin:0 0 var(--gap-body)}
.c01s .scene .copy .recog p:last-child{margin-bottom:0}
.c01s .scene .copy>p:last-child{margin:0}
.c01s .bridge{font-size:21px;line-height:1.35;font-weight:400;color:var(--plum);letter-spacing:-.015em;max-width:none;margin:var(--gap-unit) 0 0}
@media (max-width:1255px){.c01s .scene,.c01s .c01-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:40px}.c01s .scene .photo{min-height:420px}}
@media (max-width:912px){.c01s .scene,.c01s .c01-grid{grid-template-columns:1fr;row-gap:var(--gap-unit)}.c01s .scene .photo{min-height:0;height:300px}.c01s .verdict{font-size:28px}.c01s .lede28,.c01s .turn.big{font-size:24px}}
/* Founder band · one credential line under the name */
#founder .cred-line{font-size:15px;color:var(--muted);margin:12px 0 0;max-width:none;font-weight:300}
#founder .story p.cred-line{font-size:15px;color:var(--muted)}


/* ===== Instrument motion · 2026-09-28 · one motion each, on arrival, once; hover = focus only.
   Every hidden state is scoped to html.motion so a script failure leaves the finished instruments visible. ===== */
html.motion #hb .stage:not(.written) .sec h4,
html.motion #hb .stage:not(.written) .sec li,
html.motion #hb .stage:not(.written) .part{opacity:0;transform:translateY(6px)}
html.motion #hb .stage .sec h4,html.motion #hb .stage .sec li,html.motion #hb .stage .part{transition:opacity .55s cubic-bezier(.2,.7,.2,1),transform .55s cubic-bezier(.2,.7,.2,1)}
html.motion #hb .stage .sec li em{transition:opacity .45s ease .05s}
html.motion #hb .stage:not(.written) .sec li em{opacity:0}
/* hover = mapping: a part on the left holds its section on the right; the other three recede (and the reverse) */
#hb .stage .sec,#hb .stage .part{transition:opacity .28s ease,background-color .28s ease}
#hb .stage.written[data-focus] .sec:not(.on){opacity:.28}
#hb .stage.written[data-focus] .part:not(.on){opacity:.55}
#hb .stage.written .part,#hb .stage.written .sec{cursor:default}
/* Score: cells grow from the left; the number is counted by script */
html.motion #hb .mscell .cell{transform-box:fill-box;transform-origin:left center;transform:scaleX(0);transition:transform .5s cubic-bezier(.2,.7,.2,1)}
html.motion #hb .mscell.run .cell{transform:scaleX(1)}
html.motion #hb .mscell .ms-bar{transform-box:fill-box;transform-origin:left center;transform:scaleX(0);transition:transform 1.15s cubic-bezier(.2,.7,.2,1)}
html.motion #hb .mscell.run .ms-bar{transform:scaleX(1)}
#hb .mscell .row{transition:opacity .25s ease}
#hb .mscell.run svg:hover .row:not(:hover){opacity:.3}
@media (prefers-reduced-motion:reduce){
html.motion #hb .stage .sec h4,html.motion #hb .stage .sec li,html.motion #hb .stage .part,html.motion #hb .stage .sec li em,html.motion #hb .mscell .cell,html.motion #hb .mscell .ms-bar{transition:none!important;opacity:1;transform:none}
}

/* Memo section 3: the same writing sequence on the phone edition. */
html.motion #phm4-phone-hbs:not(.written) .phm4-phone-hbs-part,
html.motion #phm4-phone-hbs:not(.written) .phm4-phone-hbs-section h4,
html.motion #phm4-phone-hbs:not(.written) .phm4-phone-hbs-section li{opacity:0;transform:translateY(6px)}
html.motion #phm4-phone-hbs .phm4-phone-hbs-part,
html.motion #phm4-phone-hbs .phm4-phone-hbs-section h4,
html.motion #phm4-phone-hbs .phm4-phone-hbs-section li{transition:opacity .55s cubic-bezier(.2,.7,.2,1),transform .55s cubic-bezier(.2,.7,.2,1)}
html.motion #phm4-phone-hbs .phm4-phone-hbs-section li em{transition:opacity .45s ease .05s}
html.motion #phm4-phone-hbs:not(.written) .phm4-phone-hbs-section li em{opacity:0}
#phm4-phone-hbs.written[data-focus] .phm4-phone-hbs-section:not(.on){opacity:.28}
#phm4-phone-hbs.written[data-focus] .phm4-phone-hbs-part:not(.on){opacity:.55}
html.motion #hb [data-score] .row{opacity:0;transition:opacity .5s cubic-bezier(.2,.7,.2,1)}
html.motion #hb [data-score].run .row{opacity:1}
html.motion #hb [data-score] .cell,html.motion #hb [data-score] .hit{transform-box:fill-box;transform-origin:left center;transform:scaleX(0);transition:transform .5s cubic-bezier(.2,.7,.2,1)}
html.motion #hb [data-score] .ms-bar{transform-box:fill-box;transform-origin:left center;transform:scaleX(0);transition:transform 1.15s cubic-bezier(.2,.7,.2,1)}
html.motion #hb [data-score].run .cell,html.motion #hb [data-score].run .hit,html.motion #hb [data-score].run .ms-bar{transform:scaleX(1)}
#hb [data-hbs] [tabindex]:focus-visible{outline:2px solid var(--plum);outline-offset:2px}
/* Memo section 2: explicit closing CTA interval. */
#closing .closing-cta{margin-top:64px}

/* Owner requested 2026-10-06: match newer pages' readable section labels. */
.lbl,.num span,.final-closing .lbl{font-size:17px;font-weight:500;letter-spacing:.12em}
.num.cb span{min-width:0;white-space:normal}