.phero{background:radial-gradient(1100px 560px at 50% -10%,#1C3D6A 0%,var(--navy) 50%,var(--navy-deep) 100%);color:var(--on-navy);position:relative;overflow:hidden;padding-block:0;border-bottom:1px solid var(--on-navy-rule)}
.phero-in{position:relative;text-align:center;max-width:960px;margin:0 auto;padding-block:clamp(56px,7vw,96px) clamp(52px,6vw,84px)}
.phero .eyebrow{justify-content:center}
.phero h1{font-family:var(--f-d);font-weight:600;font-size:clamp(36px,5.8vw,66px);line-height:1.05;letter-spacing:-.02em;margin:0;color:#fff;text-wrap:balance}
.phero h1 em{font-style:italic;color:var(--amber)}
.phero .sub{margin:26px auto 0;max-width:60ch;font-size:clamp(17px,2vw,19.5px);line-height:1.6;color:var(--on-navy-2)}
.phero .acts{margin-top:32px;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.cta3{margin-top:34px;display:flex;flex-direction:column;align-items:center;gap:16px}
.cta3 .alt{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 14px}
.cta3 .alt .or{font-family:var(--f-m);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--on-navy-2)}
.cta3 .alt .btn{font-size:14px;padding:12px 20px}

/* what a publishing house does */
.house{display:grid;gap:40px;margin-top:8px;align-items:start}
@media (min-width:960px){.house{grid-template-columns:1fr 1fr;gap:72px}}
.house .lead p:first-child{margin-top:0}
.house .lead p{font-size:17.5px}
.does{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.does li{display:grid;grid-template-columns:52px 1fr;gap:16px;align-items:start;padding:16px 0;border-top:1px solid var(--rule)}
.does li:first-child{border-top:0;padding-top:0}
.does b{display:block;font-family:var(--f-d);font-weight:600;font-size:19px;color:var(--ink);line-height:1.2;margin-bottom:4px}
.does span{font-size:15.5px;line-height:1.55;color:var(--ink-2)}

/* founder */
.abf{display:grid;gap:32px;margin-top:56px;align-items:start}
@media (min-width:960px){.abf{grid-template-columns:320px 1fr;gap:72px}}
.abf .abpw{position:relative;max-width:380px}
.abf .abp{width:min(100%,300px);height:auto;display:block;filter:drop-shadow(0 24px 30px rgba(8,20,38,.28))}
.abf .abw{margin-top:28px;font-family:var(--f-m);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);line-height:1.8}
.abf .abw b{display:block;font-family:var(--f-d);font-size:24px;letter-spacing:0;text-transform:none;color:var(--ink);font-weight:600;margin-bottom:4px}
.abf .abw a{color:var(--amber-ink);text-decoration:none;border-bottom:1px solid var(--amber)}
.abf .abs h2{font-family:var(--f-d);font-weight:600;font-size:clamp(28px,3.6vw,40px);line-height:1.1;margin:0 0 22px;color:var(--ink);text-wrap:balance}
.abf .abs h2 em{font-style:italic;color:var(--amber-ink)}
.abf .abs p{font-size:17.5px;line-height:1.64;color:var(--ink-2);margin:0 0 16px}
.abf .abs .q{font-family:var(--f-d);font-style:italic;font-size:clamp(21px,2.6vw,26px);line-height:1.3;color:var(--ink);margin:28px 0;padding-left:22px;border-left:3px solid var(--amber)}
.cred{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:14px 24px}
@media (min-width:640px){.cred{grid-template-columns:repeat(2,1fr)}}
.cred li{display:flex;flex-direction:column;gap:4px;padding:14px 0 0;border-top:1px solid var(--rule)}
.cred .n{font-family:var(--f-d);font-size:26px;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
.cred .k{font-family:var(--f-m);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}

/* masthead (team by role) */
.mast{margin-top:56px;border-top:2px solid var(--on-navy-rule);display:grid}
@media (min-width:800px){.mast{grid-template-columns:1fr 1fr;column-gap:64px}}
.mast .row{display:grid;grid-template-columns:44px 1fr;gap:16px;align-items:baseline;padding:22px 0;border-bottom:1px solid var(--on-navy-rule)}
.mast .row i{font-family:var(--f-m);font-style:normal;font-size:11px;letter-spacing:.14em;color:var(--amber)}
.mast .row b{display:block;font-family:var(--f-d);font-weight:600;font-size:22px;color:#fff;line-height:1.15;margin-bottom:6px}
.mast .row span{font-size:15.5px;line-height:1.55;color:var(--on-navy-2)}
.mast-note{margin:34px auto 0;max-width:62ch;text-align:center;font-size:16px;line-height:1.6;color:var(--on-navy-2)}
.mast-note b{color:#fff;font-weight:600}

/* principles */
.prin{display:grid;gap:18px;margin-top:56px}
@media (min-width:760px){.prin{grid-template-columns:repeat(2,1fr);gap:22px}}
.prin>div{background:var(--surface);border:1px solid var(--rule);border-radius:12px;padding:30px 28px;box-shadow:var(--shadow);display:grid;grid-template-columns:52px 1fr;gap:18px;align-items:start}
.prin h3{font-family:var(--f-d);font-weight:600;font-size:22px;margin:0 0 8px;color:var(--ink);line-height:1.2}
.prin p{margin:0;font-size:16px;line-height:1.58;color:var(--ink-2)}

/* network */
.net{display:grid;gap:14px;margin-top:56px}
@media (min-width:760px){.net{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1080px){.net{grid-template-columns:repeat(4,1fr)}}
.net a{display:flex;flex-direction:column;gap:10px;padding:26px 24px 24px;border:1px solid var(--rule);border-radius:12px;background:var(--surface);box-shadow:var(--shadow);text-decoration:none;color:inherit;transition:transform .2s,border-color .2s}
.net a:hover{transform:translateY(-3px);border-color:var(--amber)}
.net .k{font-family:var(--f-m);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--amber-ink)}
.net b{font-family:var(--f-d);font-weight:600;font-size:21px;color:var(--ink);line-height:1.2}
.net p{margin:0;font-size:15px;line-height:1.55;color:var(--ink-2);flex:1}
.net .go{font-family:var(--f-m);font-size:11.5px;letter-spacing:.06em;color:var(--ink);margin-top:6px}
.net .go svg{width:14px;height:14px;vertical-align:-2px;margin-left:4px}

/* two entities */
.abent{display:grid;gap:18px;margin-top:56px}
@media (min-width:800px){.abent{grid-template-columns:1fr 1fr;gap:24px}}
.abent>div{border:1px solid var(--on-navy-rule);border-radius:14px;padding:32px 32px 28px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));display:flex;flex-direction:column;gap:6px}
.abent .k{font-family:var(--f-m);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--amber);margin-bottom:8px;display:flex;align-items:center;gap:10px}
.abent .k::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--amber)}
.abent b{font-family:var(--f-d);font-weight:600;font-size:24px;color:#fff;line-height:1.15}
.abent .city{font-size:16px;color:var(--on-navy-2);margin-bottom:14px}
.abent a{color:#fff;text-decoration:none;font-size:16px;border-bottom:1px solid var(--on-navy-rule);width:max-content;max-width:100%}
.abent a:hover{border-color:var(--amber)}
.abent-note{margin:30px auto 0;max-width:62ch;text-align:center;font-size:15.5px;line-height:1.6;color:var(--on-navy-2)}

/* end */
.endcta{background:radial-gradient(900px 500px at 15% 90%,#1B3B66 0%,var(--navy-deep) 60%);color:var(--on-navy);text-align:center}
.endcta .eyebrow{justify-content:center}
.endcta .cta3{align-items:center}
.endcta h2{font-family:var(--f-d);font-weight:600;font-size:clamp(28px,4.4vw,44px);line-height:1.1;margin:0;color:#fff;text-wrap:balance}
.endcta p{color:var(--on-navy-2);font-size:18px;line-height:1.56;margin:20px auto 0;max-width:56ch}
.endcta .fine{font-family:var(--f-m);font-size:12px;letter-spacing:.05em;color:var(--on-navy-2);margin-top:18px}