/* Clip the moving lettering, never the page or its controls. */
.type-line{display:block;overflow:hidden;overflow:clip;padding:.04em 0 .12em;margin:-.04em 0 -.12em}
.type-ink{display:block;transform-origin:left center}
.top-content .type-entry>.type-line{display:inline-block;vertical-align:top}
.top-content .type-entry>.type-line+ .type-line{margin-left:.22em}
.introduction{background:var(--paper);padding:100px 8% 110px;grid-template-columns:1fr 1fr;column-gap:8%;row-gap:32px;border-top:1px solid var(--line)}
.introduction .about-philosophy-title{grid-column:1/-1;font-size:clamp(40px,6.5vw,100px)!important;line-height:1.45;letter-spacing:.015em}
.introduction>p:not(.eyebrow){grid-column:1;margin-top:0;line-height:2.15}
.introduction .reading-link{grid-column:2;align-self:end;justify-self:end}
.process-copy [data-type-lead],.process-check [data-type-lead]{line-height:1.5}
[data-type-lead]>.type-lead{font-size:clamp(40px,5.3vw,78px);line-height:1.3;letter-spacing:.025em;margin-bottom:12px}
@media(max-width:760px){
  .top-content .type-entry>.type-line{display:block}
  .top-content .type-entry>.type-line+ .type-line{margin-left:0}
  .introduction{padding:65px 7% 75px;grid-template-columns:1fr;row-gap:26px}
  .introduction .about-philosophy-title{grid-column:1;font-size:clamp(34px,9vw,48px)!important;letter-spacing:0;line-height:1.6}
  .introduction>p:not(.eyebrow),.introduction .reading-link{grid-column:1;justify-self:start}
  [data-type-lead]>.type-lead{font-size:clamp(34px,10.4vw,62px);margin-bottom:9px}
}
@media(prefers-reduced-motion:reduce){.type-ink{transform:none!important;opacity:1!important}}

.introduction .type-ink>span{display:inline-block}

/* A separate decorative object behind the artwork and moving frame rails. */
.top-orbit{position:absolute;right:-250px;top:20%;width:clamp(560px,66vw,1000px);aspect-ratio:1;pointer-events:none;transform-origin:center}
.top-orbit svg{display:block;width:100%;height:auto;overflow:visible}
.orbit-band{fill:none;stroke:#c48378;stroke-width:75;opacity:.27}
.orbit-text{fill:#a35e53;font:26px Georgia,'Times New Roman',serif;letter-spacing:.05em;opacity:.7}
.orbit-spin{transform-origin:280px 280px;animation:orbit-turn 65s linear infinite}
@keyframes orbit-turn{to{transform:rotate(360deg)}}
@media(max-width:760px){.top-orbit{width:clamp(480px,110vw,700px);right:-335px;top:30%}.orbit-band{opacity:.22}.orbit-text{opacity:.55}}
@media(prefers-reduced-motion:reduce){.orbit-spin{animation:none}}