/* Mobile refinement10. Desktop geometry intentionally untouched. */
@media(max-width:700px){
  /* A dedicated opening mark, above the first baseline. */
  .founder-voice{padding-top:0;margin-top:55px}
  .founder-voice .quote-mark{position:relative;display:block;inset:auto;font-size:86px;line-height:.7;height:.7em}
  .founder-voice blockquote{margin-top:18px}
  /* Fit both routes to the available column, including force-field wrappers. */
  .business-routes{display:grid;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);gap:10px}
  .business-routes button{min-width:0;padding:0}
  .business-routes button>span,.business-routes button>.force-face>span{font-size:7.6vw;white-space:nowrap}
  .business-routes button>.force-face{font:inherit;max-width:100%}
  .business-routes i{font-size:24px;text-align:center}
  .business-routes small{font-size:9px;line-height:1.5;min-height:27px}
  .network-number{left:0}
  /* Derivative copy and imagery share normal flow instead of fixed offsets. */
  .derivative-chapter{padding:110px 24px 85px;overflow:visible}
  .derivative-tabs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;margin:42px 0 0}
  .derivative-tabs button{min-width:0;font-size:12vw;text-align:left;padding-bottom:0}
  .derivative-tabs button span:not(.force-face){display:block;margin:12px 0 0;font-size:10px}
  .derivative-world{min-height:0;display:flex;flex-direction:column;gap:60px}
  .derivative-text{padding-top:64px;max-width:100%;min-width:0}
  .derivative-text>span{display:block;max-width:28em;line-height:1.6}
  .derivative-text h2{font-size:clamp(36px,11.5vw,72px);line-height:1.08;margin:26px 0 30px}
  .derivative-text p{max-width:32em;min-height:0;line-height:1.8}
  .derivative-text .text-link{margin-top:32px}
  .derivative-image,.derivative-chapter.stearin .derivative-image{position:relative;inset:auto;align-self:center;width:86%;height:auto;margin:0;rotate:0deg;z-index:0}
  .derivative-image img{display:block;aspect-ratio:4/5;height:auto;object-fit:cover}
  .derivative-image figcaption{margin:22px 6px 0;font-size:10px;line-height:1.65;max-width:27em}
  .derivative-chapter.stearin .derivative-lines{inset:auto 0 0;width:100%;height:400px}
  /* Keep the brand, message and closing phrase in one compact reading sequence. */
  .santolio-chapter{min-height:0;padding:85px 24px 65px;overflow:visible}
  .santolio-identity{position:relative;inset:auto;display:block;width:100%;height:clamp(180px,48vw,240px);object-fit:cover;margin:28px auto 24px;rotate:0deg}
  .santolio-copy{margin:0;max-width:100%}
  .santolio-copy h2{font-size:13vw;line-height:1.05;margin-bottom:28px}
  .santolio-copy p{max-width:32em;line-height:1.75}
  .santolio-copy .text-link{margin-top:30px}
  .santolio-word{position:relative;inset:auto;display:block;max-width:100%;white-space:normal;text-wrap:balance;font-size:17vw;line-height:.98;margin-top:60px;color:#819075}
  /* Separate the orbit, its changing description and its progress caption. */
  .reuse-stage{height:auto;min-height:calc(100svh - 85px);padding:30px 24px 36px;overflow:visible}
  .resource-orbit{width:min(100%,280px);aspect-ratio:1;margin:24px auto 30px}
  .flow-center{inset:32% 19%}
  .flow-center strong{font-size:clamp(22px,6.3vw,28px)}
  .reuse-node{padding:8px 6px;max-width:102px;min-height:48px;line-height:1.5}
  .reuse-0{left:50%;top:4%;transform:translateX(-50%)}
  .reuse-1{right:0;top:70%}.reuse-2{left:0;top:70%;max-width:105px}
  .reuse-reading{min-height:0;font-size:clamp(22px,5.8vw,26px);line-height:1.35}
  .reuse-reading>p:first-child{min-height:6.75em}
  .reuse-reading .context-note{font-size:11px;line-height:1.6;min-height:5em;margin-top:18px;max-width:none}
  .reuse-scroll-label{position:relative;inset:auto;gap:20px;margin-top:36px;padding-right:44px;line-height:1.5}
  .reuse-scroll-label>span{flex:none}
  /* Equal vertical rhythm removes uneven word-length gaps in the three stages. */
  .assessment-tabs{grid-template-columns:minmax(0,1fr);gap:0;padding-bottom:0;border-bottom:0}
  .assessment-tabs button{min-height:78px;padding:20px 0;border-bottom:1px solid #a2ad8355}
  .assessment-tabs button>.force-face{display:flex;gap:24px;align-items:baseline;width:100%}
  .assessment-tabs button span:not(.force-face){display:inline-block;font-size:32px;line-height:1.15;margin-top:0}
}
/* Short phones keep the complete circle and copy in normal flow; all nodes remain interactive. */
@media(max-width:700px) and (max-height:930px){
 .reuse-track{height:auto;min-height:0}
 .reuse-stage{position:relative;top:auto}
}

/*15 — the opening uses the complete phone canvas; no inherited bird-side gutter. */
@media(max-width:700px){
  .home-three main>#inicio.origin-journey13{padding:0;width:100%;max-width:100%;margin:0}
  #inicio .origin-stage13{width:100%;min-height:680px}
  #inicio .origin-reference13{inset:105px 12px 195px}
  #inicio .origin-reference13>.origin-photo13{object-position:56% center}
  #inicio .hero-content{left:24px;right:24px;top:clamp(150px,23svh,205px);bottom:auto}
  #inicio .hero-content>.kicker{font-size:9px;line-height:1.5;max-width:280px;margin-bottom:24px}
  #inicio .hero-content h1{font-size:clamp(46px,13.5vw,77px);line-height:.94}
  #inicio .hero-content h1 em{font-size:.82em;margin-top:10px}
  #inicio .hero-baseline{margin-top:25px;max-width:310px}
  #inicio .hero-baseline>p{font-size:14px;line-height:1.55}
  #inicio .hero-baseline>a{margin-top:22px;font-size:11px;gap:16px}
  #inicio .hero-baseline .round-icon{width:37px;height:37px}
  #inicio .origin-reference13 figcaption{left:15px;right:15px;bottom:16px;font-size:7px;letter-spacing:.04em;line-height:1.5}
  #inicio .origin-journey-note13{left:24px;right:24px;bottom:142px;min-height:39px;gap:12px;padding-bottom:12px;align-items:center;line-height:1.4}
  #inicio .origin-journey-note13>span{font-size:8px;letter-spacing:.07em;white-space:nowrap}
  #inicio .origin-aerial13{font-size:10px;padding:10px 0;white-space:nowrap}
  #inicio .hero-foot{left:24px;right:24px;bottom:66px;display:flex;justify-content:space-between;align-items:flex-start;gap:20px;line-height:1.5}
  #inicio .hero-foot>span{max-width:190px;font-size:8px;letter-spacing:.04em}
  #inicio .hero-foot>a{max-width:135px;margin:0;text-align:right;font-size:9px;line-height:1.5}
  #inicio .origin-veil13{background:linear-gradient(90deg,#e9ecdef5,#e9ecded9 36%,#e9ecde30 95%)}
}
@media(max-width:700px) and (max-height:740px){
  #inicio .hero-content{top:139px}
  #inicio .hero-content>.kicker{margin-bottom:17px;font-size:8px}
  #inicio .hero-content h1{font-size:clamp(43px,13vw,70px)}
  #inicio .hero-baseline{margin-top:19px}
  #inicio .hero-baseline>p{font-size:13px}
  #inicio .hero-baseline>a{margin-top:15px}
  #inicio .origin-reference13{bottom:181px}
  #inicio .origin-journey-note13{bottom:128px}
  #inicio .hero-foot{bottom:78px}
}

/*16 — deterministic mobile arrow; desktop retains its existing text glyph. */
@media(max-width:700px){
  #inicio .origin-aerial13{font-size:0;display:inline-flex;align-items:center;gap:5px}
  #inicio .origin-aerial13::before{content:attr(data-mobile-label);font-size:10px}
  #inicio .origin-aerial13::after{content:"";width:12px;height:12px;background:currentColor;-webkit-mask:url("assets/direction-arrow16.svg") center/contain no-repeat;mask:url("assets/direction-arrow16.svg") center/contain no-repeat}
  #inicio .origin-aerial13[data-return="true"]::after{transform:rotate(180deg)}
}