:root{
  --black:#0a0a0a;
  --white:#ffffff;
  --serif:"Source Serif 4","Iowan Old Style","Source Serif 4","Palatino Linotype",Palatino,Baskerville,Georgia,serif;
  --sans:"Inter",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --max:1500px;
  --pad:clamp(24px,5vw,88px);
  --nav-h:76px;
  --gap:clamp(28px,3.2vw,56px);
  --h2:clamp(44px,min(4.9vw,7.1vh),74px);
  --h2s:clamp(40px,min(4.2vw,6.2vh),64px);
  --body:clamp(17px,min(1.12vw,1.9vh),19.5px);
  --lede:clamp(19px,min(1.35vw,2.2vh),23px);
  --row:clamp(20px,min(1.45vw,2.45vh),26px);
  --space:clamp(24px,3.5vh,44px);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-snap-type:y proximity}
body{
  margin:0;
  background:var(--white);
  color:var(--black);
  font-family:var(--sans);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  font-feature-settings:"kern" 1,"liga" 1;
}
a{color:inherit;text-decoration:none}
p,ul,h1,h2,h3{margin:0}
ul{list-style:none;padding:0}
.container{width:min(var(--max),calc(100% - 2*var(--pad)));margin:0 auto}

.light{background:var(--white);color:var(--black);--fg:#111;--muted:#5b5b5b;--rule:rgba(10,10,10,.14)}
.dark{background:var(--black);color:#f7f7f5;--fg:#f7f7f5;--muted:rgba(247,247,245,.64);--rule:rgba(255,255,255,.17)}

.panel{
  min-height:100vh;
  min-height:100svh;
  display:flex;
  align-items:center;
  padding:calc(var(--nav-h) + clamp(26px,4.2vh,48px)) 0 clamp(38px,6vh,68px);
  scroll-snap-align:start;
  scroll-margin-top:var(--nav-h);
  overflow:visible;
}
.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);row-gap:0;align-items:start}

.idx{
  font-size:11px;
  line-height:1;
  letter-spacing:.19em;
  text-transform:uppercase;
  font-weight:600;
  color:var(--muted);
  margin:0 0 clamp(16px,2.4vh,26px);
  display:flex;
  gap:14px;
  align-items:center;
}
.idx::after{content:"";height:1px;width:48px;background:currentColor;opacity:.55}
.display{
  font-family:var(--serif);
  font-weight:400;
  letter-spacing:-.038em;
  line-height:.99;
  text-wrap:balance;
}
h2.display{font-size:var(--h2)}
h2.display.sm{font-size:var(--h2s)}
.muted{color:var(--muted)}
.lede{font-size:var(--lede);line-height:1.5;color:var(--muted);max-width:54ch}
.body p{font-size:var(--body);line-height:1.64;color:var(--fg);max-width:66ch}
.body p + p{margin-top:1em}
.key,.body .key{
  font-family:var(--serif);
  font-size:clamp(25px,min(1.95vw,3.2vh),34px);
  line-height:1.19;
  letter-spacing:-.025em;
  text-wrap:balance;
  color:var(--fg)
}
.keyline{
  font-family:var(--serif);
  font-size:clamp(25px,min(1.9vw,3.05vh),32px);
  line-height:1.18;
  letter-spacing:-.025em;
  text-wrap:balance;
  color:var(--fg)
}
.label{
  font-size:11px;
  line-height:1.35;
  font-weight:600;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--muted);
  margin-bottom:clamp(11px,1.7vh,18px)
}
.mt{margin-top:var(--space)}

/* Navigation */
.nav{
  position:fixed;z-index:50;top:0;left:0;right:0;height:var(--nav-h);
  display:flex;align-items:center;gap:26px;padding:0 var(--pad);
  color:#fff;background:rgba(10,10,10,.965);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  transform:translateY(0);
  transition:transform .28s cubic-bezier(.2,.7,.2,1);
  will-change:transform
}
.nav.nav-hidden{transform:translateY(calc(-100% - 2px))}
.brand{font-size:20px;font-weight:600;letter-spacing:.035em;text-transform:uppercase;margin-right:auto;white-space:nowrap}
.brand span{font-weight:400;opacity:.72}
.navlinks{display:flex;gap:clamp(17px,1.7vw,30px);font-size:13.5px;font-weight:500;align-items:center}
.navlinks a{opacity:.76;padding:7px 0;border-bottom:1px solid transparent;white-space:nowrap}
.navlinks a:hover{opacity:1}
.navlinks a[aria-current]{opacity:1;border-bottom-color:#fff}
.nav-cta{display:inline-flex;align-items:center;gap:20px;padding:13px 18px;background:#fff;color:#0a0a0a;font-size:12.5px;font-weight:600;letter-spacing:.01em;white-space:nowrap}
.nav-cta:hover{background:#ececec}
.menu{display:none}
.menu summary{list-style:none;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:10px 0}
.menu summary::-webkit-details-marker{display:none}
.menu summary::after{content:"  +"}
.menu[open] summary::after{content:"  ‘2"}
.drop{position:fixed;left:0;right:0;top:var(--nav-h);background:var(--black);padding:8px var(--pad) 28px;display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.12)}
.drop a{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:17px;font-weight:500}
.drop a[aria-current]{text-decoration:underline;text-underline-offset:6px}
.drop .nav-cta{align-self:flex-start;margin-top:22px;border:0}
a:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:4px}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-width:220px;padding:16px 20px;font-size:12.5px;font-weight:600;letter-spacing:.015em;transition:background .2s}
.dark .btn{background:#fff;color:#0a0a0a}.dark .btn:hover{background:#ececec}
.light .btn{background:#0a0a0a;color:#fff}.light .btn:hover{background:#292929}
.tlink{display:inline-flex;align-items:center;gap:10px;padding-bottom:10px;min-width:220px;border-bottom:1px solid currentColor;font-size:12px;font-weight:600;letter-spacing:.075em;text-transform:uppercase;transition:gap .25s ease}
.tlink:hover{gap:16px}

/* Hero */
.hero{align-items:flex-end;padding-bottom:clamp(44px,6.5vh,72px)}
.hero h1{font-size:clamp(62px,min(8.2vw,13vh),138px);max-width:10.8ch;line-height:.96;margin-bottom:clamp(102px,13vh,126px)}
.hero .idx{margin-bottom:clamp(8px,1.2vh,12px)}
.hero-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,48px);margin-top:clamp(54px,8.5vh,96px)}
.hero-tabs a{border-top:1px solid rgba(255,255,255,.36);padding-top:15px;display:flex;gap:18px;align-items:baseline;font-size:13px;line-height:1.35;color:rgba(255,255,255,.84)}
.hero-tabs a:hover{border-top-color:#fff;color:#fff}
.hero-tabs span{font-size:10px;letter-spacing:.12em;opacity:.5}

/* Opening */
.opening-panel .grid{align-items:end}
.statement-text{
  grid-column:1 / span 7;
  font-family:var(--serif);
  font-size:clamp(30px,min(2.65vw,4.25vh),44px);
  line-height:1.21;
  letter-spacing:-.026em;
  text-wrap:pretty;
  max-width:31ch
}
.opening-body{grid-column:9 / span 4;align-self:end;margin:0 0 .35em}
.opening-body p{font-size:clamp(17.5px,min(1.15vw,1.95vh),20px);line-height:1.62;color:#242424}

/* Shared rows */
.qlist{border-top:1px solid var(--rule);counter-reset:q}
.qlist li{counter-increment:q;display:grid;grid-template-columns:46px 1fr;font-family:var(--serif);font-size:var(--row);line-height:1.22;letter-spacing:-.018em;padding:clamp(12px,1.7vh,17px) 0;border-bottom:1px solid var(--rule)}
.qlist li::before{content:counter(q,decimal-leading-zero);font-family:var(--sans);font-size:10.5px;letter-spacing:.14em;color:var(--muted);padding-top:.52em}

.defs{border-top:1px solid var(--rule)}
.def{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,1fr);column-gap:var(--gap);padding:clamp(10px,1.45vh,15px) 0;border-bottom:1px solid var(--rule);align-items:baseline}
.def h3{font-family:var(--serif);font-weight:400;font-size:clamp(18.5px,min(1.35vw,2.25vh),23px);letter-spacing:-.018em;line-height:1.15}
.def p{font-size:clamp(15px,min(1vw,1.75vh),17px);line-height:1.5;color:var(--fg)}
.defs.layers .def h3{font-family:var(--sans);font-size:10.5px;font-weight:600;letter-spacing:.17em;text-transform:uppercase;line-height:1.35}

/* What travels: use width instead of tiny type */
.travels-panel .c-l5{grid-column:1 / span 4}
.travels-panel .c-r6{grid-column:6 / span 7}
.travels-panel h2{max-width:7.2ch}
.travels-panel .lede{max-width:31ch}
.travels-defs{border-top:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(30px,3vw,48px)}
.travels-defs .def{display:block;border-top:1px solid var(--rule);border-bottom:0;padding:clamp(11px,1.55vh,16px) 0 clamp(12px,1.7vh,18px)}
.travels-defs .def:nth-last-child(-n+2){border-bottom:1px solid var(--rule)}
.travels-defs .def h3{font-size:clamp(19px,min(1.35vw,2.2vh),22.5px);margin-bottom:6px}
.travels-defs .def p{font-size:clamp(14.5px,min(.98vw,1.72vh),16.5px);line-height:1.48}
.travels-close{margin-top:clamp(18px,2.7vh,28px);max-width:29ch}

/* Entry */
.entry-panel h2{max-width:8.5ch}
.entry-panel .key{max-width:15ch}
.entry-panel .c-r6{padding-top:.3em}

/* Route */
.route-panel .c-l5{grid-column:1 / span 4}
.route-panel .c-r6{grid-column:6 / span 7}
.route-panel h2{max-width:8.5ch}
.route-panel .c-l5 .body p{max-width:31ch;color:var(--muted)}
.routeq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(30px,3vw,48px);border-top:0;margin-top:clamp(14px,2vh,22px)}
.routeq li{font-family:var(--serif);font-size:clamp(19px,min(1.35vw,2.25vh),23px);line-height:1.22;letter-spacing:-.016em;padding:clamp(11px,1.55vh,16px) 0;border-top:1px solid var(--rule)}
.routeq li:nth-last-child(-n+2){border-bottom:1px solid var(--rule)}
.route-panel .keyline{max-width:31ch}

/* Roles */
.roles-panel h2{max-width:13ch}
.roles-panel .lede{max-width:42ch}
.plain{border-top:1px solid var(--rule)}
.plain li{padding:clamp(9px,1.4vh,14px) 0;border-bottom:1px solid var(--rule);font-size:clamp(15.5px,min(1.05vw,1.85vh),17.5px);line-height:1.42}

/* Network */
.network-panel .c-l5{grid-column:1 / span 4}
.network-panel .c-r6{grid-column:6 / span 7}
.network-panel h2{max-width:8ch}
.network-panel .defs.layers{margin-top:clamp(28px,4vh,46px)}
.network-panel .defs.layers .def{grid-template-columns:150px 1fr;column-gap:24px;padding:13px 0}
.network-copy p{font-size:clamp(15.5px,min(1.04vw,1.78vh),17.5px);line-height:1.54;max-width:67ch}
.network-copy p + p{margin-top:1em}
.network-copy .bridge{font-family:var(--serif);font-size:clamp(23px,min(1.7vw,2.72vh),29px);line-height:1.22;letter-spacing:-.022em;margin:clamp(20px,2.8vh,30px) 0;padding-top:clamp(16px,2vh,22px);border-top:1px solid var(--rule);max-width:35ch}
.network-copy .directory{font-size:clamp(16.5px,min(1.08vw,1.88vh),18.5px);line-height:1.52}

/* Common column placements */
.c-l5{grid-column:1 / span 5}
.c-l6{grid-column:1 / span 6}
.c-r6{grid-column:7 / span 6}
.c-full{grid-column:1 / -1}
.stack{display:flex;flex-direction:column}

/* Reach */
.reach-panel h2{max-width:11ch}
.reach-panel .lede{max-width:43ch}
.figures{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.fig{padding:clamp(18px,2.7vh,30px) 24px clamp(17px,2.6vh,28px) 0}
.fig + .fig{border-left:1px solid var(--rule);padding-left:var(--gap)}
.fig strong{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(64px,min(6.4vw,10.2vh),104px);letter-spacing:-.055em;line-height:.86;font-variant-numeric:tabular-nums}
.fig span{display:block;margin-top:clamp(10px,1.5vh,16px);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.markets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:var(--gap)}
.region{border-top:1px solid var(--fg);padding-top:clamp(11px,1.7vh,17px)}
.region h3{font-size:10.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:clamp(8px,1.25vh,14px)}
.region li{font-family:var(--serif);font-size:clamp(20px,min(1.6vw,2.75vh),28px);letter-spacing:-.022em;line-height:1.26}
.broader{display:grid;grid-template-columns:minmax(170px,2fr) minmax(0,10fr);column-gap:var(--gap);border-top:1px solid var(--rule);padding-top:clamp(14px,2vh,22px)}
.broader p.b{font-size:clamp(16px,min(1.05vw,1.8vh),18px);line-height:1.58;color:var(--muted);max-width:none}

/* Closing */
.closing h2.display{font-size:clamp(60px,min(7.2vw,11.5vh),120px);max-width:7.7ch;line-height:.95}
.closing p{font-size:var(--lede);line-height:1.52;color:var(--muted);max-width:28ch}
.closing p + p{margin-top:.7em}
.closing .btn{margin-top:clamp(24px,4vh,38px)}

/* Footer */
.foot{padding:70px 0 34px}
.foot-top{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:52px;padding-bottom:52px}
.foot-brand{font-size:25px;font-weight:600;letter-spacing:.025em;text-transform:uppercase}
.foot-brand span{font-weight:400;opacity:.7}
.foot .loc{margin-top:12px;font-size:13px;color:var(--muted)}
.foot h4{margin:0 0 16px;font-size:10.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.foot ul{display:grid;gap:11px;font-size:14px}
.foot ul a:hover{text-decoration:underline;text-underline-offset:4px}
.foot-bottom{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid var(--rule);padding-top:20px;font-size:12px;color:var(--muted)}
.foot-bottom nav{display:flex;gap:22px}

/* Motion */
.js .rv{opacity:0;transform:translateY(16px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}
.js .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js .rv{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}.nav{transition:none}}


/* ---------- Composition pass v2: use the entire canvas ---------- */
.choosing-panel .container,
.entry-panel .container,
.route-panel .container,
.network-panel .container{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  column-gap:var(--gap);
  row-gap:clamp(30px,4.8vh,52px);
  align-items:start;
}

/* Choosing: one editorial composition with a full-width payoff */
.choosing-panel .container{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  column-gap:var(--gap);
  row-gap:clamp(34px,4.6vh,50px);
  align-items:start;
}
.choosing-head{grid-column:1 / span 5;align-self:start}
.choosing-head h2{
  max-width:none;
  font-size:clamp(58px,min(5.2vw,7.8vh),82px);
  line-height:.98;
  letter-spacing:-.04em;
}
.choosing-head h2 span{display:block;white-space:nowrap}
.choosing-intro{grid-column:7 / -1;max-width:690px;padding-top:.35em}
.choosing-kicker{
  margin:0;
  font-size:clamp(18px,min(1.25vw,2.05vh),21px);
  line-height:1.45;
  color:var(--muted);
  max-width:34ch;
}
.choosing-thesis{
  margin:clamp(8px,1.1vh,12px) 0 0;
  font-family:var(--serif);
  font-size:clamp(30px,min(2.25vw,3.45vh),38px);
  line-height:1.16;
  letter-spacing:-.025em;
  max-width:25ch;
}
.choosing-intro .body{margin-top:clamp(18px,2.4vh,26px);max-width:63ch}
.choice-grid{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  column-gap:clamp(44px,4.2vw,72px);
  row-gap:clamp(26px,3.2vh,38px);
  padding:0;
  margin:0;
}
.choice-grid li{
  min-height:0;
  padding:0;
  font-family:var(--serif);
  font-size:clamp(21px,min(1.5vw,2.35vh),25px);
  line-height:1.25;
  letter-spacing:-.018em;
  text-wrap:balance;
  border:0 !important;
  max-width:29ch;
}
.choice-close{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:minmax(0,7fr) minmax(0,4fr);
  column-gap:clamp(44px,5vw,84px);
  align-items:end;
  margin-top:clamp(4px,.8vh,10px);
  padding:0;
  max-width:none;
}
.choice-close-primary{
  margin:0;
  font-family:var(--serif);
  font-size:clamp(30px,min(2.35vw,3.7vh),40px);
  line-height:1.16;
  letter-spacing:-.03em;
  max-width:31ch;
}
.choice-close-secondary{
  margin:0;
  font-size:clamp(17px,min(1.15vw,1.95vh),20px);
  line-height:1.55;
  color:var(--muted);
  max-width:31ch;
}

/* Choosing: mirror the editorial composition of the What Travels panel */
.choosing-panel .grid{row-gap:clamp(24px,3.4vh,38px);align-items:start}
.choosing-lead{grid-column:1 / span 4}
.choosing-lead h2{font-size:var(--h2);line-height:.98;letter-spacing:-.038em;max-width:8.2ch}
.choosing-copy{grid-column:6 / -1;align-self:end;padding-top:.25em}
.choosing-copy .lede{font-size:clamp(20px,min(1.45vw,2.45vh),24px);line-height:1.42;max-width:34ch;color:var(--muted)}
.choosing-copy .lede strong{font-weight:600;color:var(--fg)}
.choosing-copy .body{max-width:57ch}
.choice-wrap{grid-column:1 / -1}
.choice-wrap .label{margin-bottom:clamp(10px,1.5vh,16px)}
.choice-matrix{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.choice-matrix li{min-height:clamp(92px,11.5vh,116px);display:flex;align-items:flex-start;padding:clamp(16px,2.2vh,22px) clamp(22px,2.2vw,34px) clamp(16px,2.2vh,22px) 0;font-family:var(--serif);font-size:clamp(19px,min(1.34vw,2.12vh),23px);line-height:1.24;letter-spacing:-.016em;text-wrap:balance}
.choice-matrix li:nth-child(3n+2),.choice-matrix li:nth-child(3n+3){border-left:1px solid var(--rule);padding-left:clamp(22px,2.2vw,34px)}
.choice-matrix li:nth-child(n+4){border-top:1px solid var(--rule)}
.choice-payoff{
  grid-column:1 / -1;
  margin:clamp(6px,1vh,12px) auto 0;
  padding-top:0;
  border-top:0;
  width:100%;
  max-width:none;
  text-align:center;
  font-family:var(--serif);
  letter-spacing:-.024em;
}
.choice-payoff strong,
.choice-payoff span{display:block;text-wrap:balance}
.choice-payoff strong{
  font-size:clamp(25px,min(1.9vw,3vh),32px);
  line-height:1.16;
  font-weight:500;
  color:var(--fg);
}
.choice-payoff span{
  margin-top:clamp(7px,1vh,11px);
  font-family:var(--sans);
  font-size:clamp(17px,min(1.18vw,1.95vh),20px);
  line-height:1.45;
  letter-spacing:0;
  color:var(--muted);
}
@media (min-width:1180px){
  .choice-payoff strong,.choice-payoff span{white-space:nowrap;text-wrap:nowrap}
}

/* What travels: let the final idea finish the whole panel, not only the right column */
.travels-panel .grid{row-gap:clamp(24px,3.5vh,38px)}
.travels-close-wide{
  grid-column:1 / -1;
  border-top:1px solid var(--rule);
  padding-top:clamp(18px,2.6vh,28px);
  font-family:var(--serif);
  font-size:clamp(27px,min(2.1vw,3.25vh),35px);
  line-height:1.17;
  letter-spacing:-.026em;
  max-width:46ch;
}

/* Enter: the top establishes the idea; the four paragraphs form a full-width reading spread */
.entry-head{grid-column:1 / span 5}
.entry-head h2{max-width:8.5ch}
.entry-key-wide{
  grid-column:7 / -1;
  align-self:end;
  font-family:var(--serif);
  font-size:clamp(28px,min(2.1vw,3.3vh),36px);
  line-height:1.18;
  letter-spacing:-.026em;
  max-width:25ch;
}
.entry-spread{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid var(--rule);
}
.entry-spread p{
  font-size:clamp(15.5px,min(1.02vw,1.75vh),17.5px);
  line-height:1.58;
  padding:clamp(18px,2.7vh,28px) clamp(20px,2.15vw,32px) 0 0;
  color:var(--fg);
}
.entry-spread p + p{
  margin:0;
  border-left:1px solid var(--rule);
  padding-left:clamp(20px,2.15vw,32px);
}

/* Route: overview above, four questions across, explanation + conclusion along the bottom */
.route-head{grid-column:1 / span 4}
.route-head h2{max-width:8.2ch}
.route-head .body p{max-width:31ch;color:var(--muted)}
.route-intro{grid-column:6 / -1;align-self:end}
.route-intro p{font-size:clamp(17px,min(1.12vw,1.92vh),19px);line-height:1.6;max-width:64ch}
.route-questions-label{grid-column:1 / -1;margin:0}
.routeq-wide{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid var(--rule);
  border-bottom:1px solid var(--rule);
}
.routeq-wide li{
  min-height:clamp(116px,14vh,138px);
  padding:clamp(18px,2.5vh,26px) clamp(20px,2.1vw,32px) clamp(18px,2.5vh,26px) 0;
  font-family:var(--serif);
  font-size:clamp(19px,min(1.32vw,2.16vh),23px);
  line-height:1.24;
  letter-spacing:-.016em;
}
.routeq-wide li + li{border-left:1px solid var(--rule);padding-left:clamp(20px,2.1vw,32px)}
.route-bottom{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--gap);align-items:start}
.route-bottom .body p{font-size:clamp(16px,min(1.05vw,1.82vh),18px);line-height:1.58;max-width:64ch}
.route-bottom .keyline{border-top:1px solid var(--rule);padding-top:clamp(14px,2vh,20px);max-width:28ch}

/* Network: roles span the top, information and bridge share the middle, final operating rules span the bottom */
.network-head{grid-column:1 / span 4}
.network-head h2{max-width:8.2ch}
.network-layers{
  grid-column:6 / -1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(24px,2.4vw,38px);
  align-self:end;
}
.network-layer{
  border-top:1px solid var(--rule);
  padding-top:clamp(13px,1.9vh,19px);
}
.network-layer .label{margin-bottom:10px}
.network-layer p:last-child{font-size:clamp(14.5px,min(.96vw,1.7vh),16.5px);line-height:1.5;color:var(--fg)}
.network-main{
  grid-column:1 / span 7;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(28px,3vw,46px);
}
.network-main p{font-size:clamp(15px,min(1vw,1.73vh),17px);line-height:1.55;color:var(--fg)}
.network-bridge-wide{
  grid-column:9 / -1;
  border-top:1px solid var(--rule);
  padding-top:clamp(14px,2vh,20px);
  font-family:var(--serif);
  font-size:clamp(23px,min(1.65vw,2.65vh),29px);
  line-height:1.2;
  letter-spacing:-.022em;
}
.network-final{
  grid-column:1 / span 8;
  border-top:1px solid var(--rule);
  padding-top:clamp(15px,2.2vh,22px);
  font-size:clamp(16px,min(1.04vw,1.8vh),18px);
  line-height:1.55;
}
.network-note{
  grid-column:10 / -1;
  border-top:1px solid var(--rule);
  padding-top:clamp(15px,2.2vh,22px);
  font-size:clamp(14.5px,min(.96vw,1.68vh),16.5px);
  line-height:1.52;
  color:var(--muted);
}

/* Roles: reduce the headline stack so the page reads more calmly */
.roles-panel h2.display.sm{font-size:clamp(42px,min(3.8vw,5.9vh),58px);max-width:11ch;line-height:1.02}

/* Reach: make the final network note feel like part of the layout, not an afterthought */
.reach-panel .broader{margin-top:clamp(4px,.8vh,10px)}
.reach-panel .broader .label{padding-top:2px}

/* Short laptop screens: preserve hierarchy, trim only spacing */
@media (max-height:820px) and (min-width:1081px){
  :root{--nav-h:66px;--body:clamp(16px,1.05vw,17.5px);--lede:clamp(17.5px,1.22vw,20px);--row:clamp(18px,1.32vw,22px);--space:20px}
  .panel{padding-top:calc(var(--nav-h) + 24px);padding-bottom:34px}
  .idx{margin-bottom:13px}
  .hero .idx{margin-bottom:8px}
  .hero{padding-bottom:36px}
  .hero h1{margin-bottom:78px}
  .hero-tabs{margin-top:34px}
  .qlist li{padding:9px 0}
  .travels-defs .def{padding:8px 0 10px}
  .travels-defs .def h3{margin-bottom:4px}
  .travels-close{margin-top:13px}
  .plain li{padding:7px 0}
  .routeq li{padding:8px 0}
  .network-panel .defs.layers{margin-top:22px}
  .network-panel .defs.layers .def{padding:9px 0}
  .network-copy p{font-size:14.5px;line-height:1.45}
  .network-copy p + p{margin-top:.72em}
  .network-copy .bridge{font-size:21px;margin:12px 0;padding-top:12px}
  .fig{padding-top:12px;padding-bottom:12px}
}

@media (max-width:1180px){
  .navlinks{gap:15px;font-size:13px}.nav-cta{font-size:12px;padding:12px 15px}
  .travels-panel .c-l5,.route-panel .c-l5,.network-panel .c-l5{grid-column:1 / span 5}
  .travels-panel .c-r6,.route-panel .c-r6,.network-panel .c-r6{grid-column:7 / span 6}
  .travels-defs,.routeq{column-gap:24px}
}
@media (max-width:1100px){.navlinks{display:none}.menu{display:block;margin-left:auto}.brand{margin-right:0}}


@media (max-height:820px) and (min-width:1081px){
  .choosing-panel .container,.entry-panel .container,.network-panel .container{row-gap:22px}
  .route-panel .container{row-gap:18px}
  .choice-grid{row-gap:20px;column-gap:38px}
  .choice-grid li{font-size:18.5px;line-height:1.22}
  .choice-close{column-gap:40px;margin-top:0}
  .choice-close-primary{font-size:28px}
  .choice-close-secondary{font-size:16px;line-height:1.45}
  .choosing-head h2{font-size:58px}
  .choosing-thesis{font-size:28px}
  .entry-spread p{font-size:14.5px;line-height:1.48;padding-top:13px}
  .entry-key-wide{font-size:27px}
  .routeq-wide li{min-height:84px;font-size:18px;padding-top:10px;padding-bottom:10px}
  .route-bottom .body p{font-size:14.5px;line-height:1.48}
  .route-bottom .keyline{font-size:22px;padding-top:11px}
  .network-layers{gap:24px}
  .network-layer{padding-top:10px}
  .network-layer p:last-child{font-size:13.5px;line-height:1.42}
  .network-main p{font-size:13.5px;line-height:1.43}
  .network-bridge-wide{font-size:20px;line-height:1.16;padding-top:11px}
  .network-final{font-size:14.5px;line-height:1.45;padding-top:11px}
  .network-note{font-size:13.5px;line-height:1.42;padding-top:11px}
}

@media (max-height:820px) and (min-width:1081px){
  .choosing-panel .grid{row-gap:18px}
  .choosing-lead h2{font-size:58px}
  .choosing-copy .lede{font-size:18px;line-height:1.38}
  .choosing-copy .body{margin-top:12px}
  .choice-matrix li{min-height:74px;font-size:17px;line-height:1.18;padding-top:11px;padding-bottom:11px}
  .choice-payoff{font-size:25px;padding-top:12px}
}

/* 1024-ish screens and tablets: readability beats forced split-screen composition */
@media (max-width:1080px){
  .choosing-panel .container{grid-template-columns:1fr;row-gap:28px}
  .choosing-lead,.choosing-copy,.choice-wrap,.choice-payoff{grid-column:1 / -1}
  .choosing-lead h2{max-width:12ch}
  .choosing-copy{padding-top:0}
  .choice-matrix{grid-template-columns:repeat(2,minmax(0,1fr))}
  .choice-matrix li:nth-child(3n+2),.choice-matrix li:nth-child(3n+3){border-left:0;padding-left:0}
  .choice-matrix li:nth-child(even){border-left:1px solid var(--rule);padding-left:24px}
  .choice-matrix li:nth-child(n+3){border-top:1px solid var(--rule)}
  .choice-payoff{max-width:34ch}
  html{scroll-snap-type:none}
  .panel:not(.hero):not(.closing){min-height:auto;padding:calc(var(--nav-h) + 48px) 0 72px}
  .grid{grid-template-columns:minmax(0,1fr);row-gap:0}
  .grid > *{grid-column:1 / -1 !important}
  .split-gap{margin-top:var(--space)}
  .opening-panel .grid{align-items:start}
  .statement-text{max-width:27ch}
  .opening-body{margin-top:36px;max-width:44ch}
  .travels-panel h2,.route-panel h2,.network-panel h2,.entry-panel h2,.reach-panel h2{max-width:12ch}
  .travels-panel .lede{max-width:48ch}
  .travels-defs{margin-top:36px}
  .choosing-panel .container,.entry-panel .container,.route-panel .container,.network-panel .container{grid-template-columns:1fr;row-gap:28px}
  .choosing-lead,.choosing-copy,.choice-wrap,.choice-payoff,.entry-head,.entry-key-wide,.entry-spread,.route-head,.route-intro,.route-questions-label,.routeq-wide,.route-bottom,.network-head,.network-layers,.network-main,.network-bridge-wide,.network-final,.network-note{grid-column:1 !important}
  .choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .choice-grid li:nth-child(n+3){border-top:1px solid var(--rule)}
  .choice-grid li:not(:nth-child(3n+1)){border-left:0;padding-left:0}
  .choice-grid li:nth-child(even){border-left:1px solid var(--rule);padding-left:24px}
  .entry-spread{grid-template-columns:repeat(2,minmax(0,1fr))}
  .entry-spread p:nth-child(3){border-left:0;padding-left:0;border-top:1px solid var(--rule);margin-top:18px;padding-top:18px}
  .entry-spread p:nth-child(4){border-top:1px solid var(--rule);margin-top:18px;padding-top:18px}
  .routeq-wide{grid-template-columns:repeat(2,minmax(0,1fr))}
  .routeq-wide li:nth-child(3){border-left:0;padding-left:0;border-top:1px solid var(--rule)}
  .routeq-wide li:nth-child(4){border-top:1px solid var(--rule)}
  .route-bottom{grid-template-columns:1fr}
  .network-layers{grid-template-columns:repeat(3,minmax(0,1fr))}
  .network-main{grid-template-columns:1fr 1fr}
  .roles-panel .c-r6{margin-top:24px}
  .markets{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}
  .foot-top{grid-template-columns:1fr}
  :root{--h2:clamp(40px,7vw,58px);--h2s:clamp(36px,6.2vw,50px);--body:17px;--lede:19px;--row:21px}
}

@media (max-width:720px){
  :root{--nav-h:64px;--pad:20px}
  .brand{font-size:16px}
  .nav > .nav-cta{display:none}
  .panel:not(.hero):not(.closing){padding-top:calc(var(--nav-h) + 38px);padding-bottom:58px}
  .hero h1{font-size:clamp(48px,13vw,70px);max-width:11ch;margin-bottom:54px}
  .hero-tabs{grid-template-columns:1fr;gap:9px;margin-top:42px}
  .hero-tabs a{padding-top:10px}
  .statement-text{font-size:clamp(27px,7vw,36px);max-width:25ch}
  .opening-body{margin-top:30px}
  .travels-defs,.routeq{grid-template-columns:1fr}
  .choice-grid,.choice-matrix,.entry-spread,.routeq-wide,.network-layers,.network-main{grid-template-columns:1fr}
  .choice-grid li,.choice-grid li:nth-child(even),.choice-grid li:not(:nth-child(3n+1)){border-left:0;padding-left:0}
  .choice-matrix li,.choice-matrix li:nth-child(even),.choice-matrix li:nth-child(3n+2),.choice-matrix li:nth-child(3n+3){border-left:0;padding-left:0}
  .choice-matrix li:nth-child(n+2){border-top:1px solid var(--rule)}
  .choice-grid li:nth-child(n+2){border-top:1px solid var(--rule)}
  .entry-spread p + p{border-left:0;padding-left:0;border-top:1px solid var(--rule);margin-top:16px;padding-top:16px}
  .routeq-wide li + li,.routeq-wide li:nth-child(4){border-left:0;padding-left:0;border-top:1px solid var(--rule)}
  .travels-defs .def:nth-last-child(-n+2),.routeq li:nth-last-child(-n+2){border-bottom:0}
  .travels-defs .def:last-child,.routeq li:last-child{border-bottom:1px solid var(--rule)}
  .network-panel .defs.layers .def,.def,.broader{grid-template-columns:1fr;row-gap:6px}
  .figures{grid-template-columns:1fr}
  .fig + .fig{border-left:0;border-top:1px solid var(--rule);padding-left:0}
  .markets{grid-template-columns:1fr 1fr;gap:26px 22px}
  .closing{min-height:100svh}
  .closing h2.display{font-size:clamp(50px,13vw,72px)}
  .closing .grid > div{margin-top:42px}
  .network-copy p{font-size:16.5px;line-height:1.58}
  .network-copy .bridge{font-size:24px}
}

@media (max-width:480px){
  .markets{grid-template-columns:1fr}
  .broader{grid-template-columns:1fr;row-gap:8px}
}


/* ---------- Hero photography + prior layout support ---------- */
:root{--photo-bg:#d9d9d7;--photo-dark:#151515}
.photo-frame{position:relative;overflow:hidden;background:var(--photo-bg)}
.dark .photo-frame{background:#171717}
.photo-frame img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.82) contrast(1.02)}
.photo-frame::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.dark .photo-frame::after{box-shadow:inset 0 0 0 1px rgba(255,255,255,.10)}
.photo-credit{position:absolute;right:10px;bottom:8px;z-index:2;font:500 9px/1.2 var(--sans);letter-spacing:.04em;color:rgba(255,255,255,.62);text-shadow:0 1px 3px rgba(0,0,0,.6)}

/* Hero: image is the environment, not a card */
.hero{position:relative;isolation:isolate;background:#080808;overflow:hidden}
.hero-media{position:absolute;inset:0;z-index:-2}
.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 57%;filter:saturate(.72) contrast(1.04)}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,3,3,.88) 0%,rgba(3,3,3,.76) 43%,rgba(3,3,3,.42) 72%,rgba(3,3,3,.56) 100%),linear-gradient(0deg,rgba(3,3,3,.62) 0%,transparent 46%)}
.hero .container{position:relative}
.hero h1{max-width:9.8ch;text-shadow:0 2px 18px rgba(0,0,0,.18)}
.hero-tabs{max-width:980px}

/* Opening: statement + image/body become one composition */
.opening-panel .grid{grid-template-rows:auto auto;align-items:start;row-gap:clamp(20px,2.7vh,32px)}
.opening-panel .statement-text{grid-column:1 / span 6;grid-row:1 / span 2;max-width:19.5ch;font-size:clamp(32px,min(2.62vw,4.35vh),44px);line-height:1.18}
.opening-visual{grid-column:8 / -1;grid-row:1;aspect-ratio:5/6;min-height:390px;max-height:520px;align-self:start}
.opening-visual img{object-position:center 46%}
.opening-panel .opening-body{grid-column:8 / -1;grid-row:2;margin:0;max-width:43ch;align-self:start;padding-top:clamp(2px,.4vh,6px)}
.opening-panel .opening-body p{font-size:clamp(16px,min(1.08vw,1.82vh),18.5px);line-height:1.6}

/* Travels: title/image across the top, eight operating conditions across full width */
.travels-panel .grid{grid-template-rows:auto auto auto;row-gap:clamp(24px,3.2vh,38px)}
.travels-lead{grid-column:1 / span 5}
.travels-photo{grid-column:7 / -1;aspect-ratio:16/7;min-height:220px;max-height:315px;align-self:start}
.travels-photo img{object-position:center 53%}
.travels-list-wrap{grid-column:1 / -1}
.travels-list-wrap>.label{margin-bottom:14px}
.travels-panel .travels-defs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.travels-panel .travels-defs .def{display:block;padding:clamp(14px,2vh,22px) clamp(18px,1.8vw,28px) clamp(16px,2.2vh,24px) 0;border:0;border-bottom:1px solid var(--rule)}
.travels-panel .travels-defs .def:nth-child(n+5){border-bottom:0}
.travels-panel .travels-defs .def:not(:nth-child(4n+1)){border-left:1px solid var(--rule);padding-left:clamp(18px,1.8vw,28px)}
.travels-panel .travels-defs .def h3{font-size:clamp(18px,min(1.25vw,2.15vh),22px);margin:0 0 7px}
.travels-panel .travels-defs .def p{font-size:clamp(14.5px,min(.96vw,1.66vh),16.5px);line-height:1.48;color:var(--muted)}
.travels-close-wide{margin-top:0}

/* Enter: image on the left, argument on the right */
.entry-panel .container{row-gap:clamp(22px,3.2vh,34px)}
.entry-photo{grid-column:1 / span 5;grid-row:1 / span 3;align-self:stretch;min-height:560px;max-height:700px}
.entry-photo img{object-position:center 48%}
.entry-head{grid-column:7 / -1}
.entry-key-wide{grid-column:7 / -1;max-width:26ch}
.entry-spread{grid-column:7 / -1;grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:1px solid var(--rule)}
.entry-spread p{font-size:clamp(15px,min(.98vw,1.68vh),17px);padding-top:clamp(15px,2.1vh,22px);padding-bottom:clamp(15px,2.1vh,22px)}
.entry-spread p:nth-child(n+3){border-top:1px solid var(--rule)}
.entry-spread p:nth-child(odd){border-left:0;padding-left:0}
.entry-spread p:nth-child(even){border-left:1px solid var(--rule);padding-left:clamp(20px,2.15vw,32px)}

/* Route: image + governing idea, then questions across the page */
.route-panel .container{row-gap:clamp(22px,3.4vh,36px)}
.route-photo{grid-column:1 / span 5;grid-row:1 / span 2;aspect-ratio:4/3;min-height:330px;max-height:455px}
.route-photo img{object-position:center 45%}
.route-head{grid-column:7 / -1;align-self:start}
.route-head h2{max-width:10ch}
.route-intro{grid-column:7 / -1;align-self:start}
.route-head .body{margin-top:clamp(16px,2.2vh,24px)}
.route-head .body p{font-family:var(--serif);font-size:clamp(23px,min(1.65vw,2.7vh),29px);line-height:1.22;letter-spacing:-.02em;color:var(--fg);max-width:28ch}
.route-intro p{font-size:clamp(16px,min(1.04vw,1.78vh),18px);line-height:1.58;max-width:55ch}
.route-questions-label{margin-top:2px}
.routeq-wide li{min-height:clamp(100px,12.5vh,124px)}
.route-bottom{padding-top:2px}

/* Network strength: flags are a panoramic proof point, not a background */
.reach-panel .container{row-gap:clamp(20px,2.8vh,30px)}
.reach-photo{grid-column:1 / -1;aspect-ratio:4.8/1;min-height:190px;max-height:270px;margin-bottom:clamp(4px,.6vh,8px)}
.reach-photo img{object-position:center 42%;filter:saturate(.72) contrast(1.04) brightness(.86)}
.reach-panel .figures{margin-top:0}
.reach-panel .markets{margin-top:0}
.reach-panel .broader{margin-top:0}

/* The typographic-only panels get more breathing room after photography */
.roles-panel .plain li{padding-top:clamp(9px,1.35vh,13px);padding-bottom:clamp(9px,1.35vh,13px)}
.network-panel .network-bridge-wide{font-size:clamp(24px,min(1.7vw,2.7vh),30px)}

@media (max-height:820px) and (min-width:1081px){
  .opening-visual{min-height:300px;max-height:360px;aspect-ratio:5/6}
  .opening-panel .statement-text{font-size:clamp(29px,2.4vw,37px)}
  .travels-photo{min-height:170px;max-height:220px}
  .travels-panel .travels-defs .def{padding-top:9px;padding-bottom:10px}
  .travels-panel .travels-defs .def h3{font-size:17px;margin-bottom:4px}
  .travels-panel .travels-defs .def p{font-size:13.5px;line-height:1.39}
  .travels-close-wide{font-size:24px;padding-top:12px}
  .entry-photo{min-height:480px;max-height:560px}
  .entry-spread p{font-size:13.8px;line-height:1.43;padding-top:11px;padding-bottom:11px}
  .route-photo{min-height:250px;max-height:310px}
  .route-head .body p{font-size:20px}
  .route-intro p{font-size:14px;line-height:1.45}
  .routeq-wide li{min-height:78px;font-size:17px;padding-top:9px;padding-bottom:9px}
  .reach-photo{min-height:135px;max-height:170px}
  .reach-panel .fig strong{font-size:58px}
  .reach-panel .region li{font-size:19px}
}

@media (max-width:1080px){
  .hero-media img{object-position:62% center}
  .opening-panel .statement-text,.opening-visual,.opening-panel .opening-body,.travels-lead,.travels-photo,.travels-list-wrap,.entry-photo,.entry-head,.entry-key-wide,.entry-spread,.route-photo,.route-head,.route-intro,.reach-photo{grid-column:1 / -1 !important;grid-row:auto !important}
  .opening-panel .statement-text{max-width:24ch}
  .opening-visual{margin-top:34px;aspect-ratio:4/3;min-height:0;max-height:none}
  .opening-panel .opening-body{margin-top:24px;max-width:52ch}
  .travels-photo{margin-top:32px;aspect-ratio:16/8;max-height:none}
  .travels-list-wrap{margin-top:28px}
  .travels-panel .travels-defs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .travels-panel .travels-defs .def:nth-child(n+5){border-bottom:1px solid var(--rule)}
  .travels-panel .travels-defs .def:nth-last-child(-n+2){border-bottom:0}
  .travels-panel .travels-defs .def:not(:nth-child(4n+1)){border-left:0;padding-left:0}
  .travels-panel .travels-defs .def:nth-child(even){border-left:1px solid var(--rule);padding-left:24px}
  .entry-photo{min-height:0;max-height:none;aspect-ratio:16/10;margin-bottom:8px}
  .entry-spread{grid-template-columns:repeat(2,minmax(0,1fr))}
  .route-photo{min-height:0;max-height:none;aspect-ratio:16/10;margin-bottom:8px}
  .reach-photo{aspect-ratio:16/6;min-height:0;max-height:none;margin-bottom:4px}
}

@media (max-width:640px){
  .hero::before{background:linear-gradient(90deg,rgba(3,3,3,.86),rgba(3,3,3,.64)),linear-gradient(0deg,rgba(3,3,3,.72),transparent 55%)}
  .opening-panel .statement-text{font-size:clamp(28px,8vw,38px)}
  .travels-panel .travels-defs{grid-template-columns:1fr}
  .travels-panel .travels-defs .def,.travels-panel .travels-defs .def:nth-child(even){border-left:0;padding-left:0;border-bottom:1px solid var(--rule)}
  .travels-panel .travels-defs .def:last-child{border-bottom:0}
  .entry-spread{grid-template-columns:1fr}
  .entry-spread p,.entry-spread p:nth-child(even){border-left:0;padding-left:0}
  .entry-spread p+p{border-top:1px solid var(--rule)}
  .routeq-wide{grid-template-columns:1fr}
  .routeq-wide li+li{border-left:0;border-top:1px solid var(--rule);padding-left:0}
  .route-bottom{grid-template-columns:1fr;gap:22px}
  .reach-photo{aspect-ratio:4/3}
}



/* ---------- Final typography-only body layout · hero image only ---------- */
/* Body panels deliberately use the full canvas. No body photography. */

/* Opening: large argument + restrained institutional explanation */
.opening-panel .grid{
  grid-template-columns:repeat(12,minmax(0,1fr));
  grid-template-rows:1fr;
  align-items:center;
  min-height:clamp(520px,68vh,690px);
  row-gap:0;
}
.opening-panel .statement-text{
  grid-column:1 / span 7;
  grid-row:1;
  max-width:27ch;
  font-size:clamp(31px,min(2.52vw,4.05vh),42px);
  line-height:1.205;
}
.opening-panel .opening-body{
  grid-column:9 / -1;
  grid-row:1;
  align-self:end;
  margin:0 0 clamp(30px,6.5vh,72px);
  padding-top:clamp(18px,2.4vh,24px);
  border-top:1px solid var(--rule);
  max-width:40ch;
}
.opening-panel .opening-body p{
  font-size:clamp(16.5px,min(1.05vw,1.78vh),18.5px);
  line-height:1.62;
}

/* What travels: headline and explanation form one horizontal editorial opening. */
.travels-panel .grid{row-gap:clamp(24px,3.2vh,36px)}
.travels-lead{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:minmax(0,5fr) minmax(0,7fr);
  column-gap:var(--gap);
  align-items:end;
}
.travels-lead .idx{grid-column:1;grid-row:1;margin-bottom:clamp(14px,2vh,20px)}
.travels-lead h2{grid-column:1;grid-row:2;max-width:7.5ch}
.travels-lead .lede{
  grid-column:2;
  grid-row:1 / span 2;
  align-self:end;
  margin:0;
  max-width:47ch;
  padding-bottom:.18em;
}
.travels-list-wrap{grid-column:1 / -1;margin:0}
.travels-panel .travels-defs{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid var(--rule);
  border-bottom:1px solid var(--rule);
}
.travels-panel .travels-defs .def{
  display:block;
  padding:clamp(14px,2vh,20px) clamp(18px,1.85vw,28px) clamp(16px,2.2vh,22px) 0;
  border:0;
  border-bottom:1px solid var(--rule);
}
.travels-panel .travels-defs .def:nth-child(n+5){border-bottom:0}
.travels-panel .travels-defs .def:not(:nth-child(4n+1)){
  border-left:1px solid var(--rule);
  padding-left:clamp(18px,1.85vw,28px);
}
.travels-panel .travels-defs .def h3{font-size:clamp(18px,min(1.28vw,2.08vh),22px);margin:0 0 7px}
.travels-panel .travels-defs .def p{font-size:clamp(14.5px,min(.96vw,1.62vh),16.5px);line-height:1.48;color:var(--muted)}
.travels-close-wide{margin-top:0;max-width:44ch}

/* Enter: full-width top argument, then four equally weighted reading columns. */
.entry-panel .container{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  column-gap:var(--gap);
  row-gap:clamp(30px,4.2vh,46px);
  align-items:start;
}
.entry-head{grid-column:1 / span 5}
.entry-head h2{max-width:8.7ch}
.entry-key-wide{
  grid-column:7 / -1;
  align-self:end;
  max-width:25ch;
}
.entry-spread{
  grid-column:1 / -1;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid var(--rule);
  border-bottom:0;
}
.entry-spread p{
  font-size:clamp(15.5px,min(1.02vw,1.74vh),17.5px);
  line-height:1.58;
  padding:clamp(18px,2.7vh,28px) clamp(20px,2.15vw,32px) 0 0;
  color:var(--fg);
}
.entry-spread p:nth-child(n+3){border-top:0}
.entry-spread p:nth-child(odd),
.entry-spread p:nth-child(even){padding-left:clamp(20px,2.15vw,32px);border-left:1px solid var(--rule)}
.entry-spread p:first-child{padding-left:0;border-left:0}

/* Route: compact top split, questions across the full width, strong landing line. */
.route-panel .container{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  column-gap:var(--gap);
  row-gap:clamp(26px,3.7vh,40px);
  align-items:start;
}
.route-head{grid-column:1 / span 5}
.route-head h2{max-width:9.3ch}
.route-head .body{margin-top:clamp(18px,2.4vh,26px)}
.route-head .body p{
  font-family:var(--sans);
  font-size:clamp(16.5px,min(1.06vw,1.82vh),18.5px);
  line-height:1.58;
  letter-spacing:0;
  color:var(--muted);
  max-width:36ch;
}
.route-intro{grid-column:7 / -1;align-self:end}
.route-intro p{font-size:clamp(16.5px,min(1.07vw,1.82vh),18.5px);line-height:1.6;max-width:60ch}
.route-questions-label{grid-column:1 / -1;margin:0}
.routeq-wide{grid-column:1 / -1;grid-template-columns:repeat(4,minmax(0,1fr))}
.routeq-wide li{min-height:clamp(104px,12.8vh,126px)}
.route-bottom{grid-column:1 / -1;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--gap)}
.route-bottom .keyline{max-width:29ch}

/* Network strength: statistics become the visual anchor once photography is removed. */
.reach-panel .container{row-gap:clamp(24px,3.4vh,38px)}
.reach-panel .c-l6{grid-column:1 / span 5}
.reach-panel .c-r6{grid-column:7 / -1;align-self:end!important}
.reach-panel .figures{margin-top:clamp(4px,.8vh,10px)}
.reach-panel .fig strong{font-size:clamp(72px,min(7.1vw,10.8vh),112px)}
.reach-panel .markets{margin-top:0}
.reach-panel .broader{margin-top:0}

/* Short laptop screens: keep every panel readable without clipping. */
@media (max-height:820px) and (min-width:1081px){
  .opening-panel .grid{min-height:560px}
  .opening-panel .statement-text{font-size:clamp(29px,2.35vw,36px);line-height:1.18}
  .opening-panel .opening-body{margin-bottom:22px;padding-top:14px}
  .opening-panel .opening-body p{font-size:14px;line-height:1.5}
  .travels-lead .lede{font-size:16px;line-height:1.43}
  .travels-panel .travels-defs .def{padding-top:9px;padding-bottom:10px}
  .travels-panel .travels-defs .def h3{font-size:16.5px;margin-bottom:4px}
  .travels-panel .travels-defs .def p{font-size:13px;line-height:1.38}
  .travels-close-wide{font-size:23px;padding-top:11px}
  .entry-panel .container{row-gap:22px}
  .entry-spread p{font-size:13.6px;line-height:1.43;padding-top:12px}
  .entry-key-wide{font-size:25px}
  .route-panel .container{row-gap:20px}
  .route-head .body{margin-top:13px}
  .route-head .body p,.route-intro p{font-size:13.8px;line-height:1.45}
  .routeq-wide li{min-height:76px;font-size:16.5px;padding-top:9px;padding-bottom:9px}
  .route-bottom .body p{font-size:13.8px;line-height:1.45}
  .route-bottom .keyline{font-size:21px;padding-top:10px}
  .reach-panel .fig strong{font-size:62px}
  .reach-panel .region li{font-size:18.5px}
}

@media (max-width:1080px){
  .opening-panel .grid{min-height:0;display:grid;grid-template-columns:1fr}
  .opening-panel .statement-text,.opening-panel .opening-body{grid-column:1!important;grid-row:auto!important}
  .opening-panel .statement-text{max-width:25ch}
  .opening-panel .opening-body{margin:42px 0 0;max-width:50ch}
  .travels-lead{display:block}
  .travels-lead .lede{margin-top:24px;max-width:52ch}
  .travels-panel .travels-defs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .travels-panel .travels-defs .def:nth-child(n+5){border-bottom:1px solid var(--rule)}
  .travels-panel .travels-defs .def:nth-last-child(-n+2){border-bottom:0}
  .travels-panel .travels-defs .def:not(:nth-child(4n+1)){border-left:0;padding-left:0}
  .travels-panel .travels-defs .def:nth-child(even){border-left:1px solid var(--rule);padding-left:24px}
  .entry-panel .container,.route-panel .container{grid-template-columns:1fr}
  .entry-head,.entry-key-wide,.entry-spread,.route-head,.route-intro,.route-questions-label,.routeq-wide,.route-bottom{grid-column:1!important}
  .entry-key-wide,.route-intro{margin-top:4px}
  .entry-spread{grid-template-columns:repeat(2,minmax(0,1fr))}
  .entry-spread p:nth-child(3){border-left:0;padding-left:0;border-top:1px solid var(--rule);margin-top:18px;padding-top:18px}
  .entry-spread p:nth-child(4){border-top:1px solid var(--rule);margin-top:18px;padding-top:18px}
  .routeq-wide{grid-template-columns:repeat(2,minmax(0,1fr))}
  .routeq-wide li:nth-child(3){border-left:0;padding-left:0;border-top:1px solid var(--rule)}
  .routeq-wide li:nth-child(4){border-top:1px solid var(--rule)}
  .route-bottom{grid-template-columns:1fr}
  .reach-panel .c-l6,.reach-panel .c-r6{grid-column:1/-1!important}
}

@media (max-width:640px){
  .opening-panel .statement-text{font-size:clamp(28px,8vw,38px)}
  .travels-panel .travels-defs{grid-template-columns:1fr}
  .travels-panel .travels-defs .def,.travels-panel .travels-defs .def:nth-child(even){border-left:0;padding-left:0;border-bottom:1px solid var(--rule)}
  .travels-panel .travels-defs .def:last-child{border-bottom:0}
  .entry-spread{grid-template-columns:1fr}
  .entry-spread p,.entry-spread p:nth-child(3),.entry-spread p:nth-child(4){border-left:0;padding-left:0;margin-top:0}
  .entry-spread p+p{border-top:1px solid var(--rule);padding-top:16px}
  .routeq-wide{grid-template-columns:1fr}
  .routeq-wide li+li,.routeq-wide li:nth-child(4){border-left:0;border-top:1px solid var(--rule);padding-left:0}
}


/* ---------- Opening cube · final editorial composition ---------- */
.opening-panel .grid{
  min-height:clamp(560px,69vh,720px);
  grid-template-columns:repeat(12,minmax(0,1fr));
  align-items:center;
}
.opening-panel .statement-text{
  grid-column:1 / span 6;
  max-width:27ch;
  font-size:clamp(29px,min(2.28vw,3.7vh),38px);
  line-height:1.205;
  letter-spacing:-.026em;
}
.opening-panel .opening-body{
  grid-column:8 / -1;
  align-self:center;
  margin:0;
  padding:0;
  border-top:0;
  max-width:46ch;
}
.opening-panel .opening-body::before{
  content:"";
  display:block;
  width:64px;
  height:1px;
  background:var(--rule);
  margin-bottom:26px;
}
.opening-panel .opening-lead{
  font-family:var(--serif);
  font-size:clamp(23px,min(1.65vw,2.6vh),29px);
  line-height:1.31;
  letter-spacing:-.018em;
  color:var(--fg);
  text-wrap:pretty;
  max-width:42ch;
}
.opening-panel .opening-support{
  margin-top:24px;
  font-size:clamp(16.5px,min(1.06vw,1.78vh),18.5px);
  line-height:1.58;
  color:var(--muted);
  max-width:42ch;
}
@media (max-height:820px) and (min-width:1081px){
  .opening-panel .grid{min-height:540px}
  .opening-panel .statement-text{font-size:clamp(28px,2.08vw,34px);line-height:1.19;max-width:28ch}
  .opening-panel .opening-lead{font-size:22px;line-height:1.30}
  .opening-panel .opening-support{font-size:15.5px;line-height:1.53;margin-top:18px}
  .opening-panel .opening-body::before{margin-bottom:20px}
}
@media (max-width:1080px){
  .opening-panel .grid{min-height:0;grid-template-columns:1fr;align-items:start}
  .opening-panel .statement-text,.opening-panel .opening-body{grid-column:1 / -1!important;grid-row:auto!important}
  .opening-panel .statement-text{max-width:27ch}
  .opening-panel .opening-body{margin-top:44px;max-width:56ch}
}
@media (max-width:640px){
  .opening-panel .statement-text{font-size:clamp(27px,7.4vw,35px)}
  .opening-panel .opening-lead{font-size:22px}
  .opening-panel .opening-support{font-size:16px}
}


/* ---------- Opening cube · right-side faded editorial image ---------- */
.opening-panel{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.opening-panel .container{position:relative;z-index:2}
.opening-art{
  position:absolute;
  z-index:0;
  top:0;
  right:0;
  bottom:0;
  width:54%;
  overflow:hidden;
  pointer-events:none;
}
.opening-art img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:58% center;
  display:block;
  opacity:.96;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.10) 7%,rgba(0,0,0,.72) 27%,#000 44%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.10) 7%,rgba(0,0,0,.72) 27%,#000 44%);
}
.opening-art::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(90deg,#fff 0%,rgba(255,255,255,.94) 10%,rgba(255,255,255,.66) 24%,rgba(255,255,255,.14) 44%,rgba(255,255,255,0) 64%),
    linear-gradient(0deg,rgba(255,255,255,.16),rgba(255,255,255,0) 34%);
}
.opening-panel .grid{
  min-height:clamp(560px,69vh,720px);
  grid-template-columns:repeat(12,minmax(0,1fr));
  align-items:center;
}
.opening-panel .statement-text{
  grid-column:1 / span 6;
  position:relative;
  z-index:3;
  max-width:26ch;
  font-size:clamp(29px,min(2.18vw,3.6vh),37px);
  line-height:1.205;
}
.opening-panel .opening-body{
  grid-column:7 / span 3;
  position:relative;
  z-index:4;
  align-self:center;
  max-width:42ch;
  margin-left:clamp(6px,1.1vw,18px);
  padding:0;
  background:none;
  border:0;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.opening-panel .opening-body::before{
  content:none;
  display:none;
}
.opening-panel .opening-lead{
  font-size:clamp(22px,min(1.55vw,2.45vh),27px);
  line-height:1.32;
  max-width:36ch;
}
.opening-panel .opening-support{
  margin-top:22px;
  font-size:clamp(16.5px,min(1.08vw,1.78vh),18.5px);
  line-height:1.58;
  max-width:38ch;
}
@media (max-height:820px) and (min-width:1081px){
  .opening-art{width:53%}
  .opening-panel .grid{min-height:530px}
  .opening-panel .statement-text{font-size:clamp(27px,2vw,33px);max-width:27ch}
  .opening-panel .opening-body{grid-column:7 / span 3;padding:0}
  .opening-panel .opening-lead{font-size:21.5px}
  .opening-panel .opening-support{font-size:15.5px;margin-top:18px}
}
@media (max-width:1080px){
  .opening-panel{overflow:visible}
  .opening-art{
    position:relative;
    width:100%;
    height:auto;
    aspect-ratio:16/9;
    margin-top:0;
  }
  .opening-art img{
    -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 76%,transparent 100%);
    mask-image:linear-gradient(180deg,#000 0%,#000 76%,transparent 100%);
    object-position:center;
  }
  .opening-art::before{
    background:linear-gradient(180deg,rgba(255,255,255,0) 58%,#fff 100%);
  }
  .opening-panel .grid{min-height:0;grid-template-columns:1fr;align-items:start;margin-top:-5vw}
  .opening-panel .statement-text,.opening-panel .opening-body{grid-column:1 / -1!important;grid-row:auto!important}
  .opening-panel .statement-text{max-width:28ch}
  .opening-panel .opening-body{
    margin:36px 0 0;
    max-width:58ch;
    padding:0;
    background:none;
    border:0;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }
}
@media (max-width:640px){
  .opening-art{aspect-ratio:4/3}
  .opening-panel .grid{margin-top:-8vw}
  .opening-panel .statement-text{font-size:clamp(27px,7.4vw,35px)}
  .opening-panel .opening-lead{font-size:21px}
  .opening-panel .opening-support{font-size:16px}
}


/* FINAL CHOOSING PANEL — centered editorial hierarchy */
.choosing-panel .container{
  row-gap:clamp(18px,2.4vh,28px);
}
.choosing-panel .choosing-lead{
  grid-column:1 / -1 !important;
  justify-self:center;
  width:100%;
  text-align:center;
}
.choosing-panel .choosing-lead h2{
  max-width:none !important;
  margin:0 auto;
  font-size:clamp(54px,min(4.8vw,7vh),78px);
  line-height:1.02;
  letter-spacing:-.04em;
  font-weight:500;
  text-wrap:balance;
}
.choosing-panel .choosing-copy{
  grid-column:1 / -1 !important;
  justify-self:center;
  align-self:start;
  width:min(100%,900px);
  padding:0 !important;
  text-align:center;
}
.choosing-panel .choosing-copy .lede{
  max-width:48ch !important;
  margin:0 auto;
  font-size:clamp(20px,min(1.42vw,2.35vh),24px);
  line-height:1.4;
  color:var(--muted);
  text-wrap:balance;
}
.choosing-panel .choosing-copy .lede strong{
  display:block;
  margin-top:.28em;
  color:var(--fg);
  font-weight:600;
}
.choosing-panel .choosing-copy .body{
  max-width:70ch !important;
  margin:clamp(12px,1.6vh,18px) auto 0 !important;
  text-align:center;
}
.choosing-panel .choosing-copy .body p{
  margin:0;
  font-size:clamp(16px,min(1.06vw,1.75vh),18px);
  line-height:1.58;
  text-wrap:balance;
}
.choosing-panel .choice-wrap{
  grid-column:1 / -1 !important;
  margin-top:clamp(2px,.5vh,6px);
}
@media (max-height:820px) and (min-width:1081px){
  .choosing-panel .container{row-gap:16px}
  .choosing-panel .choosing-lead h2{font-size:clamp(46px,4vw,62px)}
  .choosing-panel .choosing-copy .lede{font-size:19px;line-height:1.35}
  .choosing-panel .choosing-copy .body{margin-top:10px!important}
  .choosing-panel .choosing-copy .body p{font-size:15.5px;line-height:1.45}
  .choosing-panel .choice-wrap{margin-top:0}
  .choosing-panel .choice-matrix li{min-height:82px;padding-top:14px;padding-bottom:14px;font-size:18px}
  .choosing-panel .choice-payoff strong{font-size:26px}
  .choosing-panel .choice-payoff span{font-size:16px;margin-top:6px}
}
@media (max-width:1080px){
  .choosing-panel .choosing-lead h2{font-size:clamp(44px,7vw,64px)}
  .choosing-panel .choosing-copy{width:min(100%,760px)}
  .choosing-panel .choosing-copy .lede{font-size:20px}
}
@media (max-width:700px){
  .choosing-panel .choosing-lead h2{font-size:clamp(38px,11vw,52px)}
  .choosing-panel .choosing-copy .lede{font-size:18px}
  .choosing-panel .choosing-copy .body p{font-size:16px}
}


/* FINAL CHOOSING PANEL — simplified type system */
.choosing-panel .container{
  row-gap:clamp(20px,2.7vh,30px);
}
.choosing-panel .choosing-lead h2{
  font-size:clamp(76px,min(7vw,10.5vh),108px) !important;
  line-height:.96 !important;
  letter-spacing:-.052em !important;
  font-weight:500 !important;
  max-width:13ch !important;
  text-wrap:balance;
}
.choosing-panel .choosing-copy{
  width:min(100%,980px) !important;
}
.choosing-panel .choosing-copy .lede,
.choosing-panel .choosing-copy .body p{
  font-family:var(--sans) !important;
  font-size:clamp(19px,min(1.36vw,2.25vh),22px) !important;
  line-height:1.48 !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
  color:var(--fg) !important;
  max-width:62ch !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-wrap:balance;
}
.choosing-panel .choosing-copy .lede strong{
  display:inline !important;
  margin:0 !important;
  font:inherit !important;
  color:inherit !important;
}
.choosing-panel .choosing-copy .body{
  margin-top:clamp(8px,1.1vh,12px) !important;
  max-width:none !important;
}
.choosing-panel .choice-wrap .label{
  font-family:var(--sans) !important;
  font-size:clamp(17px,min(1.18vw,1.95vh),19px) !important;
  line-height:1.45 !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  color:var(--muted) !important;
  text-align:center;
  margin-bottom:clamp(14px,1.8vh,20px) !important;
}
.choosing-panel .choice-matrix li{
  font-family:var(--sans) !important;
  font-size:clamp(18px,min(1.27vw,2.05vh),20px) !important;
  line-height:1.42 !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
  text-wrap:balance;
}
.choosing-panel .choice-payoff{
  font-family:var(--sans) !important;
  letter-spacing:0 !important;
}
.choosing-panel .choice-payoff strong,
.choosing-panel .choice-payoff span{
  font-family:var(--sans) !important;
  font-size:clamp(19px,min(1.32vw,2.15vh),21px) !important;
  line-height:1.45 !important;
  letter-spacing:0 !important;
}
.choosing-panel .choice-payoff strong{
  font-weight:600 !important;
}
.choosing-panel .choice-payoff span{
  font-weight:400 !important;
  color:var(--muted) !important;
}
@media (max-height:820px) and (min-width:1081px){
  .choosing-panel .container{row-gap:14px !important}
  .choosing-panel .choosing-lead h2{font-size:clamp(66px,5.8vw,82px) !important}
  .choosing-panel .choosing-copy .lede,
  .choosing-panel .choosing-copy .body p{font-size:18px !important;line-height:1.4 !important}
  .choosing-panel .choice-wrap .label{font-size:16.5px !important;margin-bottom:10px !important}
  .choosing-panel .choice-matrix li{font-size:17px !important;line-height:1.35 !important;min-height:76px !important;padding-top:12px !important;padding-bottom:12px !important}
  .choosing-panel .choice-payoff strong,
  .choosing-panel .choice-payoff span{font-size:18px !important;line-height:1.38 !important}
}
@media (max-width:1080px){
  .choosing-panel .choosing-lead h2{font-size:clamp(60px,9vw,86px) !important}
  .choosing-panel .choosing-copy .lede,
  .choosing-panel .choosing-copy .body p{font-size:19px !important}
}
@media (max-width:700px){
  .choosing-panel .choosing-lead h2{font-size:clamp(52px,14vw,72px) !important}
  .choosing-panel .choosing-copy .lede,
  .choosing-panel .choosing-copy .body p,
  .choosing-panel .choice-matrix li,
  .choosing-panel .choice-payoff strong,
  .choosing-panel .choice-payoff span{font-size:17px !important}
}


/* FINAL CHOOSING PANEL — wide horizontal top composition */
@media (min-width:1081px){
  .choosing-panel .choosing-lead h2{
    font-size:clamp(58px,4.8vw,72px) !important;
    line-height:1 !important;
    letter-spacing:-.045em !important;
    white-space:nowrap !important;
    text-wrap:nowrap !important;
    max-width:none !important;
  }
  .choosing-panel .choosing-copy{
    width:min(100%,1280px) !important;
    max-width:1280px !important;
  }
  .choosing-panel .choosing-copy .lede,
  .choosing-panel .choosing-copy .body p{
    width:100% !important;
    max-width:none !important;
    font-size:18px !important;
    line-height:1.45 !important;
    white-space:nowrap !important;
    text-wrap:nowrap !important;
  }
  .choosing-panel .choosing-copy .body{
    width:100% !important;
    max-width:none !important;
    margin-top:8px !important;
  }
}
@media (max-width:1080px){
  .choosing-panel .choosing-lead h2{
    white-space:normal !important;
    text-wrap:balance !important;
  }
  .choosing-panel .choosing-copy .lede,
  .choosing-panel .choosing-copy .body p{
    white-space:normal !important;
    text-wrap:balance !important;
  }
}

/* Choosing panel — final vertical rhythm refinement */
@media (min-width:1081px) and (min-height:821px){
  .choosing-panel .container{
    row-gap:clamp(34px,4.4vh,44px) !important;
  }
  .choosing-panel .choosing-copy .body{
    margin-top:clamp(13px,1.7vh,17px) !important;
  }
  .choosing-panel .choice-wrap .label{
    margin-bottom:clamp(18px,2.2vh,22px) !important;
  }
  .choosing-panel .choice-payoff span{
    margin-top:clamp(9px,1.25vh,13px) !important;
  }
}


/* FINAL WHAT TRAVELS PANEL — match the centered editorial system used above */
@media (min-width:1081px){
  .travels-panel .grid{
    row-gap:clamp(28px,3.8vh,42px) !important;
  }
  .travels-panel .travels-lead{
    grid-column:1 / -1 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    text-align:center !important;
    width:100% !important;
  }
  .travels-panel .travels-lead .idx{
    margin:0 0 clamp(22px,3vh,30px) !important;
    justify-content:center !important;
    font-size:clamp(13px,min(.9vw,1.45vh),15px) !important;
    line-height:1.2 !important;
    letter-spacing:.14em !important;
    text-transform:uppercase !important;
    font-weight:600 !important;
  }
  .travels-panel .travels-lead .idx::after{
    display:none !important;
  }
  .travels-panel .travels-lead h2{
    margin:0 !important;
    max-width:none !important;
    width:100% !important;
    font-size:clamp(58px,4.8vw,72px) !important;
    line-height:1 !important;
    letter-spacing:-.045em !important;
    font-weight:500 !important;
    white-space:nowrap !important;
    text-wrap:nowrap !important;
    text-align:center !important;
  }
  .travels-panel .travels-lead .lede{
    margin:clamp(24px,3.2vh,34px) auto 0 !important;
    padding:0 !important;
    width:min(100%,1280px) !important;
    max-width:1280px !important;
    font-family:var(--sans) !important;
    font-size:18px !important;
    line-height:1.45 !important;
    font-weight:400 !important;
    letter-spacing:0 !important;
    color:var(--muted) !important;
    text-align:center !important;
    text-wrap:balance !important;
  }
  .travels-panel .travels-list-wrap{
    grid-column:1 / -1 !important;
    margin-top:clamp(2px,.5vh,6px) !important;
  }
}
@media (max-height:820px) and (min-width:1081px){
  .travels-panel .grid{row-gap:20px !important}
  .travels-panel .travels-lead .idx{margin-bottom:14px !important;font-size:12px !important}
  .travels-panel .travels-lead h2{font-size:clamp(50px,4.25vw,62px) !important}
  .travels-panel .travels-lead .lede{margin-top:16px !important;font-size:16px !important;line-height:1.4 !important}
}
@media (max-width:1080px){
  .travels-panel .travels-lead{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    text-align:center !important;
  }
  .travels-panel .travels-lead .idx{
    justify-content:center !important;
    font-size:13px !important;
    margin-bottom:18px !important;
  }
  .travels-panel .travels-lead .idx::after{display:none !important}
  .travels-panel .travels-lead h2{
    max-width:none !important;
    text-align:center !important;
    font-size:clamp(48px,8vw,68px) !important;
    line-height:1 !important;
  }
  .travels-panel .travels-lead .lede{
    margin:22px auto 0 !important;
    max-width:68ch !important;
    text-align:center !important;
    font-size:18px !important;
    line-height:1.48 !important;
  }
}
@media (max-width:640px){
  .travels-panel .travels-lead h2{font-size:clamp(42px,12vw,58px) !important}
  .travels-panel .travels-lead .lede{font-size:17px !important}
}


/* Final refinement — What travels closing payoff */
.travels-close-wide{
  width:100%;
  max-width:none;
  margin-top:clamp(20px,3vh,34px);
  padding-top:0;
  border-top:0;
  text-align:center;
  justify-self:stretch;
}
@media (min-width:980px){
  .travels-close-wide{
    white-space:nowrap;
    text-wrap:nowrap;
  }
}



/* Final refinement — Enter before you overbuild */
@media (min-width:1081px){
  .entry-panel .container{
    row-gap:clamp(30px,4.6vh,50px) !important;
  }
  .entry-panel .entry-head{
    grid-column:1 / -1 !important;
    width:100% !important;
    text-align:center !important;
  }
  .entry-panel .entry-head h2{
    margin:0 !important;
    max-width:none !important;
    width:100% !important;
    font-size:clamp(58px,4.8vw,72px) !important;
    line-height:1 !important;
    letter-spacing:-.045em !important;
    font-weight:500 !important;
    white-space:nowrap !important;
    text-wrap:nowrap !important;
    text-align:center !important;
  }
  .entry-panel .entry-key-wide{
    grid-column:1 / -1 !important;
    justify-self:center !important;
    align-self:start !important;
    margin:clamp(-6px,-.6vh,-2px) auto 0 !important;
    width:min(100%,1180px) !important;
    max-width:1180px !important;
    font-family:var(--sans) !important;
    font-size:18px !important;
    line-height:1.45 !important;
    font-weight:400 !important;
    letter-spacing:0 !important;
    color:var(--muted) !important;
    text-align:center !important;
    text-wrap:balance !important;
  }
  .entry-panel .entry-spread{
    margin-top:clamp(4px,.8vh,10px) !important;
  }
}
@media (max-height:820px) and (min-width:1081px){
  .entry-panel .container{row-gap:24px !important}
  .entry-panel .entry-head h2{font-size:clamp(50px,4.25vw,62px) !important}
  .entry-panel .entry-key-wide{font-size:16px !important;line-height:1.4 !important;margin-top:-2px !important}
}
@media (max-width:1080px){
  .entry-panel .entry-head,
  .entry-panel .entry-key-wide{
    grid-column:1 / -1 !important;
    text-align:center !important;
  }
  .entry-panel .entry-head h2{
    max-width:none !important;
    text-align:center !important;
    font-size:clamp(48px,8vw,68px) !important;
    line-height:1 !important;
    letter-spacing:-.04em !important;
  }
  .entry-panel .entry-key-wide{
    margin:22px auto 0 !important;
    max-width:68ch !important;
    font-family:var(--sans) !important;
    font-size:18px !important;
    line-height:1.48 !important;
    color:var(--muted) !important;
  }
}
@media (max-width:640px){
  .entry-panel .entry-head h2{font-size:clamp(42px,12vw,58px) !important}
  .entry-panel .entry-key-wide{font-size:17px !important}
}



/* Final refinement — Route + Roles match the centered editorial system */
@media (min-width:1081px){
  .route-panel .container{
    display:grid !important;
    grid-template-columns:repeat(12,minmax(0,1fr)) !important;
    column-gap:var(--gap) !important;
    row-gap:clamp(26px,3.8vh,42px) !important;
  }
  .route-panel .route-head{
    grid-column:1 / -1 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    text-align:center !important;
    width:100% !important;
  }
  .route-panel .route-head h2{
    margin:0 !important;
    max-width:none !important;
    width:100% !important;
    font-size:clamp(58px,4.8vw,72px) !important;
    line-height:1 !important;
    letter-spacing:-.045em !important;
    font-weight:500 !important;
    white-space:nowrap !important;
    text-wrap:nowrap !important;
    text-align:center !important;
  }
  .route-panel .route-head .body{
    margin:clamp(22px,3vh,32px) auto 0 !important;
    width:min(100%,1180px) !important;
    max-width:1180px !important;
  }
  .route-panel .route-head .body p{
    margin:0 auto !important;
    max-width:none !important;
    font-family:var(--sans) !important;
    font-size:18px !important;
    line-height:1.45 !important;
    font-weight:400 !important;
    letter-spacing:0 !important;
    color:var(--muted) !important;
    text-align:center !important;
  }
  .route-panel .route-intro{
    grid-column:2 / 12 !important;
    margin:0 auto !important;
    width:100% !important;
    text-align:center !important;
  }
  .route-panel .route-intro p{
    margin:0 auto !important;
    max-width:1100px !important;
    font-size:18px !important;
    line-height:1.5 !important;
    color:var(--muted) !important;
    text-align:center !important;
  }
  .route-panel .route-questions-label,
  .route-panel .routeq-wide,
  .route-panel .route-bottom{
    grid-column:1 / -1 !important;
  }

  .roles-panel .container{
    row-gap:clamp(28px,4vh,44px) !important;
  }
  .roles-panel .roles-head{
    grid-column:1 / -1 !important;
    text-align:center !important;
    width:100% !important;
  }
  .roles-panel .roles-head h2{
    margin:0 !important;
    max-width:none !important;
    width:100% !important;
    font-size:clamp(58px,4.8vw,72px) !important;
    line-height:1 !important;
    letter-spacing:-.045em !important;
    font-weight:500 !important;
    white-space:nowrap !important;
    text-wrap:nowrap !important;
    text-align:center !important;
  }
  .roles-panel .roles-lede{
    grid-column:2 / 12 !important;
    margin:0 auto !important;
    width:100% !important;
    max-width:1100px !important;
    font-family:var(--sans) !important;
    font-size:18px !important;
    line-height:1.5 !important;
    font-weight:400 !important;
    color:var(--muted) !important;
    text-align:center !important;
  }
}
@media (max-height:820px) and (min-width:1081px){
  .route-panel .container,.roles-panel .container{row-gap:20px !important}
  .route-panel .route-head h2,.roles-panel .roles-head h2{font-size:clamp(50px,4.25vw,62px) !important}
  .route-panel .route-head .body p,.route-panel .route-intro p,.roles-panel .roles-lede{font-size:16px !important;line-height:1.42 !important}
  .route-panel .route-head .body{margin-top:16px !important}
}
@media (max-width:1080px){
  .route-panel .route-head,
  .roles-panel .roles-head,
  .roles-panel .roles-lede{
    grid-column:1 / -1 !important;
    text-align:center !important;
  }
  .route-panel .route-head h2,
  .roles-panel .roles-head h2{
    max-width:none !important;
    text-align:center !important;
    font-size:clamp(48px,8vw,68px) !important;
    line-height:1 !important;
    letter-spacing:-.04em !important;
  }
  .route-panel .route-head .body{
    margin:22px auto 0 !important;
    max-width:68ch !important;
  }
  .route-panel .route-head .body p,
  .route-panel .route-intro p,
  .roles-panel .roles-lede{
    font-family:var(--sans) !important;
    font-size:18px !important;
    line-height:1.48 !important;
    color:var(--muted) !important;
    text-align:center !important;
  }
  .route-panel .route-intro{margin-top:4px !important;text-align:center !important}
  .roles-panel .roles-lede{margin:22px auto 0 !important;max-width:68ch !important}
}
@media (max-width:640px){
  .route-panel .route-head h2,.roles-panel .roles-head h2{font-size:clamp(42px,12vw,58px) !important}
  .route-panel .route-head .body p,.route-panel .route-intro p,.roles-panel .roles-lede{font-size:17px !important}
}



/* Final content cleanup — International Expansion closing sequence */
.route-clean .container,
.work-intl .container,
.reach-clean .container{
  width:min(var(--max),calc(100% - (var(--pad) * 2)));
  margin:0 auto;
}

/* Route: one idea, three questions, one payoff */
.route-clean .container{
  display:grid !important;
  grid-template-columns:repeat(12,minmax(0,1fr)) !important;
  column-gap:var(--gap) !important;
  row-gap:clamp(34px,5vh,58px) !important;
  align-items:start !important;
}
.route-clean .route-head{
  grid-column:1 / -1 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  text-align:center !important;
}
.route-clean .route-head h2{
  margin:0 !important;
  max-width:none !important;
  width:100% !important;
  font-size:clamp(58px,4.8vw,72px) !important;
  line-height:1 !important;
  letter-spacing:-.045em !important;
  font-weight:500 !important;
  text-align:center !important;
  white-space:nowrap !important;
}
.route-clean .route-thesis{
  margin:clamp(22px,3vh,32px) auto 0 !important;
  max-width:1050px !important;
  font-family:var(--sans) !important;
  font-size:18px !important;
  line-height:1.5 !important;
  font-weight:400 !important;
  color:var(--muted) !important;
  text-align:center !important;
}
.route-clean .route-summary{
  grid-column:2 / 12 !important;
  margin:0 auto !important;
  max-width:1020px !important;
  font-size:18px !important;
  line-height:1.55 !important;
  color:var(--muted) !important;
  text-align:center !important;
}
.route-questions-clean{
  grid-column:1 / -1 !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  column-gap:clamp(28px,3vw,46px) !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}
.route-questions-clean li{
  border-top:1px solid var(--rule) !important;
  padding:clamp(18px,2.5vh,26px) 0 0 !important;
  font-family:var(--serif) !important;
  font-size:clamp(24px,min(1.75vw,2.75vh),30px) !important;
  line-height:1.2 !important;
  letter-spacing:-.024em !important;
  text-align:center !important;
}
.route-clean .route-payoff{
  grid-column:1 / -1 !important;
  margin:0 auto !important;
  max-width:1050px !important;
  font-family:var(--serif) !important;
  font-size:clamp(28px,min(2.1vw,3.3vh),36px) !important;
  line-height:1.18 !important;
  letter-spacing:-.028em !important;
  text-align:center !important;
}

/* How we work: merge roles + network mechanics into one calm screen */
.work-intl .container{
  display:grid !important;
  grid-template-columns:repeat(12,minmax(0,1fr)) !important;
  column-gap:var(--gap) !important;
  row-gap:clamp(38px,5.5vh,62px) !important;
  align-items:start !important;
}
.work-intl .work-head{
  grid-column:1 / -1 !important;
  text-align:center !important;
}
.work-intl .work-head h2{
  margin:0 !important;
  max-width:none !important;
  width:100% !important;
  font-size:clamp(58px,4.8vw,72px) !important;
  line-height:1 !important;
  letter-spacing:-.045em !important;
  font-weight:500 !important;
  white-space:nowrap !important;
}
.work-intl .work-head p{
  margin:clamp(22px,3vh,32px) auto 0 !important;
  max-width:960px !important;
  font-size:18px !important;
  line-height:1.5 !important;
  color:var(--muted) !important;
}
.work-columns{
  grid-column:2 / 12 !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  column-gap:clamp(70px,8vw,130px) !important;
}
.work-col h3{
  margin:0 0 clamp(16px,2.3vh,24px) !important;
  font-family:var(--serif) !important;
  font-size:clamp(28px,min(2vw,3.15vh),34px) !important;
  line-height:1.12 !important;
  letter-spacing:-.025em !important;
  font-weight:400 !important;
}
.work-col ul{
  border-top:1px solid rgba(255,255,255,.28) !important;
}
.work-col li{
  padding:clamp(13px,1.8vh,18px) 0 !important;
  border-bottom:1px solid rgba(255,255,255,.18) !important;
  font-size:clamp(16px,min(1.08vw,1.82vh),18px) !important;
  line-height:1.42 !important;
  color:rgba(255,255,255,.88) !important;
}
.work-intl .work-payoff{
  grid-column:1 / -1 !important;
  margin:0 auto !important;
  max-width:1100px !important;
  font-family:var(--serif) !important;
  font-size:clamp(29px,min(2.15vw,3.35vh),37px) !important;
  line-height:1.18 !important;
  letter-spacing:-.028em !important;
  text-align:center !important;
}

/* Reach: proof first, explanation second */
.reach-clean .container{
  display:grid !important;
  grid-template-columns:repeat(12,minmax(0,1fr)) !important;
  column-gap:var(--gap) !important;
  row-gap:clamp(32px,4.6vh,52px) !important;
  align-items:start !important;
}
.reach-clean .reach-head{
  grid-column:1 / -1 !important;
  text-align:center !important;
}
.reach-clean .reach-head h2{
  margin:0 !important;
  max-width:none !important;
  width:100% !important;
  font-size:clamp(58px,4.8vw,72px) !important;
  line-height:1 !important;
  letter-spacing:-.045em !important;
  font-weight:500 !important;
  white-space:nowrap !important;
}
.reach-clean .reach-figures{
  grid-column:1 / -1 !important;
  margin:0 !important;
}
.reach-clean .reach-markets{
  grid-column:1 / -1 !important;
  margin:0 !important;
}
.reach-clean .reach-note{
  grid-column:1 / -1 !important;
  margin:0 auto !important;
  max-width:1000px !important;
  font-size:18px !important;
  line-height:1.5 !important;
  color:var(--muted) !important;
  text-align:center !important;
}

@media (max-height:820px) and (min-width:1081px){
  .route-clean .container,.work-intl .container,.reach-clean .container{row-gap:22px !important}
  .route-clean .route-head h2,.work-intl .work-head h2,.reach-clean .reach-head h2{font-size:clamp(50px,4.25vw,62px) !important}
  .route-clean .route-thesis,.route-clean .route-summary,.work-intl .work-head p,.reach-clean .reach-note{font-size:16px !important;line-height:1.42 !important}
  .route-questions-clean li{font-size:22px !important;padding-top:14px !important}
  .route-clean .route-payoff,.work-intl .work-payoff{font-size:27px !important}
  .work-col h3{font-size:26px !important;margin-bottom:12px !important}
  .work-col li{font-size:15px !important;padding:9px 0 !important}
  .reach-clean .fig strong{font-size:62px !important}
  .reach-clean .region li{font-size:18.5px !important}
}

@media (max-width:1080px){
  .route-clean .route-head h2,.work-intl .work-head h2,.reach-clean .reach-head h2{
    white-space:normal !important;
    font-size:clamp(48px,8vw,68px) !important;
  }
  .route-clean .route-summary{grid-column:1 / -1 !important}
  .route-questions-clean{grid-template-columns:1fr !important;gap:24px !important}
  .work-columns{grid-column:1 / -1 !important;column-gap:42px !important}
  .reach-clean .markets{grid-template-columns:repeat(2,minmax(0,1fr)) !important;row-gap:30px !important}
}

@media (max-width:640px){
  .route-clean .route-head h2,.work-intl .work-head h2,.reach-clean .reach-head h2{font-size:clamp(42px,12vw,58px) !important}
  .route-clean .route-thesis,.route-clean .route-summary,.work-intl .work-head p,.reach-clean .reach-note{font-size:17px !important}
  .route-questions-clean li{text-align:left !important;font-size:23px !important}
  .work-columns{grid-template-columns:1fr !important;row-gap:36px !important}
  .work-intl .work-payoff,.route-clean .route-payoff{font-size:27px !important}
  .reach-clean .reach-figures{grid-template-columns:1fr !important}
  .reach-clean .reach-markets{grid-template-columns:1fr !important}
}



/* Final fine-tuning — cleaner closing sequence */
.work-intl .work-columns{
  grid-column:2 / 12 !important;
  column-gap:clamp(80px,9vw,150px) !important;
}
.work-intl .work-col h3{
  margin:0 0 clamp(20px,2.8vh,30px) !important;
  font-family:var(--serif) !important;
  font-size:clamp(34px,min(2.45vw,3.9vh),42px) !important;
  line-height:1.08 !important;
  letter-spacing:-.03em !important;
  font-weight:500 !important;
}
.work-intl .work-col ul{
  border:0 !important;
  display:grid !important;
  gap:clamp(13px,1.8vh,18px) !important;
}
.work-intl .work-col li{
  position:relative !important;
  border:0 !important;
  padding:0 0 0 1.15em !important;
  font-size:clamp(17px,min(1.16vw,1.95vh),19px) !important;
  line-height:1.5 !important;
  color:rgba(255,255,255,.9) !important;
}
.work-intl .work-col li::before{
  content:"•";
  position:absolute;
  left:0;
  top:-.01em;
  color:rgba(255,255,255,.58);
  font-size:1em;
}

/* Reach: let scale and spacing replace divider rules */
.reach-clean .reach-figures{
  border:0 !important;
  column-gap:clamp(48px,6vw,96px) !important;
}
.reach-clean .fig{
  padding:0 !important;
  border:0 !important;
}
.reach-clean .fig + .fig{
  border:0 !important;
  padding-left:0 !important;
}
.reach-clean .reach-markets{
  column-gap:clamp(44px,5vw,80px) !important;
}
.reach-clean .region{
  border:0 !important;
  padding-top:0 !important;
}
.reach-clean .region h3{
  margin:0 0 clamp(12px,1.7vh,18px) !important;
  font-size:clamp(14px,min(.95vw,1.55vh),16px) !important;
  line-height:1.2 !important;
  font-weight:600 !important;
  letter-spacing:.05em !important;
  text-transform:none !important;
  color:var(--muted) !important;
}
.reach-clean .region li{
  font-size:clamp(22px,min(1.65vw,2.7vh),28px) !important;
  line-height:1.28 !important;
}

@media (max-height:820px) and (min-width:1081px){
  .work-intl .work-col h3{font-size:31px !important;margin-bottom:16px !important}
  .work-intl .work-col ul{gap:10px !important}
  .work-intl .work-col li{font-size:15.5px !important;line-height:1.4 !important}
  .reach-clean .region h3{font-size:13px !important;margin-bottom:8px !important}
}


/* Enter before you overbuild — full background image treatment */
.entry-panel{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:#fff;
}
.entry-panel::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background-image:url("../img/international-expansion-01.webp?v=1792008360");
  background-size:115% auto;
  background-position:center top;
  background-repeat:no-repeat;
  opacity:.72;
  pointer-events:none;
}
.entry-panel::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(255,255,255,.46) 0%,rgba(255,255,255,.10) 17%,rgba(255,255,255,.08) 83%,rgba(255,255,255,.46) 100%),
    linear-gradient(180deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,.20) 35%,rgba(255,255,255,.72) 56%,rgba(255,255,255,.96) 72%,#fff 88%);
}
.entry-panel > .container{position:relative;z-index:1}
@media (max-width:1080px){
  .entry-panel::before{background-position:62% top;opacity:.58}
  .entry-panel::after{
    background:
      linear-gradient(90deg,rgba(255,255,255,.42),rgba(255,255,255,.16) 50%,rgba(255,255,255,.42)),
      linear-gradient(180deg,rgba(255,255,255,.15) 0%,rgba(255,255,255,.44) 36%,rgba(255,255,255,.90) 54%,#fff 72%);
  }
}



/* How we work internationally — two sides of one working table background */
.work-intl{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:#080808 !important;
}
.work-intl::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background-image:url("../img/international-expansion-02.webp?v=1792008360");
  background-size:120% auto;
  background-position:center center;
  background-repeat:no-repeat;
  opacity:.78;
  pointer-events:none;
}
.work-intl::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(5,5,5,.52) 0%,rgba(5,5,5,.34) 34%,rgba(5,5,5,.43) 68%,rgba(5,5,5,.68) 100%),
    linear-gradient(90deg,rgba(5,5,5,.34) 0%,rgba(5,5,5,.14) 22%,rgba(5,5,5,.18) 50%,rgba(5,5,5,.14) 78%,rgba(5,5,5,.34) 100%);
}
.work-intl > .container{position:relative;z-index:1}
.work-intl .work-head p{color:rgba(255,255,255,.74) !important}
.work-intl .work-col li{color:rgba(255,255,255,.94) !important;text-shadow:0 1px 10px rgba(0,0,0,.32)}
.work-intl .work-col li::before{color:rgba(255,255,255,.68) !important}
.work-intl .work-col h3,
.work-intl .work-payoff,
.work-intl .work-head h2{text-shadow:0 2px 18px rgba(0,0,0,.30)}
@media (max-width:1080px){
  .work-intl::before{background-position:center center;opacity:.68}
  .work-intl::after{background:rgba(5,5,5,.58)}
}



/* Reach panel background infusion */
.reach-clean{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
}
.reach-clean::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:url("../img/international-expansion-03.webp?v=1792008360");
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center center;
  opacity:.52;
  pointer-events:none;
  mix-blend-mode:multiply;
  z-index:0;
}
.reach-clean::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to bottom, rgba(247,242,232,.34), rgba(247,242,232,.40));
  pointer-events:none;
  z-index:0;
}
.reach-clean .container{
  position:relative !important;
  z-index:1 !important;
}
/* responsive background variants */
@media (max-width:640px){.entry-panel::before{background-image:url("../img/international-expansion-01-w640.webp?v=1792008360")}}
@media (min-width:641px) and (max-width:1200px){.entry-panel::before{background-image:url("../img/international-expansion-01-w1200.webp?v=1792008360")}}
@media (max-width:640px){.work-intl::before{background-image:url("../img/international-expansion-02-w640.webp?v=1792008360")}}
@media (min-width:641px) and (max-width:1200px){.work-intl::before{background-image:url("../img/international-expansion-02-w1200.webp?v=1792008360")}}
@media (max-width:640px){.reach-clean::before{background-image:url("../img/international-expansion-03-w640.webp?v=1792008360")}}
@media (min-width:641px) and (max-width:1200px){.reach-clean::before{background-image:url("../img/international-expansion-03-w1200.webp?v=1792008361")}}