.rw-td{--rw-td-panel:#f6effe;--rw-td-accent:#a200ff;--rw-td-accent-dark:#4d1769;--rw-td-node:#fff;--rw-td-core-color:#fff;--rw-td-marker:#ffff08;--rw-td-radius:32px;position:relative;isolation:isolate}.rw-td__layout{display:grid;width:min(1440px,calc(100% - 80px));min-height:200svh;margin-inline:auto;grid-template-columns:minmax(0,.78fr) minmax(520px,1.22fr);gap:clamp(48px,7vw,126px)}.rw-td__copy,.rw-td__visual-column{min-height:200svh}.rw-td__chapter{display:flex;min-height:100svh;flex-direction:column;justify-content:center;padding-block:12svh}.rw-td__kicker{display:flex;align-items:center;gap:10px;margin:0 0 22px;color:var(--rw-td-accent-dark);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.rw-td__kicker:before{width:8px;height:8px;flex:0 0 8px;background:var(--rw-td-marker);content:""}.rw-td__title{max-width:620px;margin:0 0 28px;font-size:clamp(64px,6.25vw,110px);font-weight:500;letter-spacing:-.075em;line-height:.88}.rw-td__body{max-width:480px;margin:0;color:#706a74;font-size:clamp(17px,1.25vw,21px);line-height:1.55}.rw-td__button{align-self:flex-start;margin-top:34px}.rw-td__visual-column{position:relative}.rw-td__visual{position:sticky;top:8svh;display:grid;height:84svh;min-height:600px;overflow:hidden;border-radius:var(--rw-td-radius);background:var(--rw-td-panel);place-items:center}.rw-td__visual:before{position:absolute;inset:0;background-image:linear-gradient(transparent calc(50% - .5px),color-mix(in srgb,var(--rw-td-accent) 3.5%,transparent) calc(50% - .5px),color-mix(in srgb,var(--rw-td-accent) 3.5%,transparent) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(90deg,transparent calc(50% - .5px),color-mix(in srgb,var(--rw-td-accent) 3.5%,transparent) calc(50% - .5px),color-mix(in srgb,var(--rw-td-accent) 3.5%,transparent) calc(50% + .5px),transparent calc(50% + .5px));background-position:center;background-size:58px 58px;content:"";mask-image:radial-gradient(circle at center,#000,transparent 72%);pointer-events:none}.rw-td__canvas{position:relative;width:min(92%,680px);aspect-ratio:1}.rw-td__aura{position:absolute;inset:3%;border-radius:50%;background:color-mix(in srgb,var(--rw-td-accent) 5%,transparent);opacity:0;transform:scale(.86)}.rw-td__linear{position:absolute;z-index:1;top:50%;left:15%;width:70%;height:1px;background:color-mix(in srgb,var(--rw-td-accent-dark) 19%,transparent);transform-origin:center}.rw-td__linear:after{position:absolute;top:50%;right:-1px;width:7px;height:7px;border-top:1px solid var(--rw-td-accent-dark);border-right:1px solid var(--rw-td-accent-dark);content:"";opacity:.55;transform:translateY(-50%) rotate(45deg)}.rw-td__ray{position:absolute;z-index:1;top:50%;left:50%;width:34%;height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--rw-td-accent) 48%,transparent),color-mix(in srgb,var(--rw-td-accent) 12%,transparent));opacity:0;transform:rotate(var(--angle)) scaleX(0);transform-origin:left center}.rw-td__node{position:absolute;z-index:3;top:50%;left:50%;display:grid;width:clamp(74px,7.4vw,108px);aspect-ratio:1;border:1px solid var(--rw-td-accent);border-radius:50%;background:var(--rw-td-node);color:var(--rw-td-accent-dark);place-items:center;translate:-50% -50%;will-change:transform,opacity}.rw-td__node-start,.rw-td__node-end{position:absolute}.rw-td__node-start{font-family:"Instrument Serif",Georgia,serif;font-size:clamp(34px,3.5vw,54px);font-style:italic}.rw-td__node-end{max-width:80%;opacity:0;font-size:clamp(10px,.9vw,13px);font-weight:600;letter-spacing:.04em;text-align:center}.rw-td__node.is-extra{opacity:0}.rw-td__core{z-index:4;width:clamp(94px,9.5vw,138px);border-color:var(--rw-td-accent);background:var(--rw-td-accent);color:var(--rw-td-core-color);opacity:0;transform:scale(.88)}.rw-td__core .rw-td__node-end{opacity:1;color:inherit;font-family:"Instrument Serif",Georgia,serif;font-size:clamp(25px,2.5vw,40px);font-style:italic;font-weight:400;letter-spacing:-.025em}
@media(max-width:920px){.rw-td__layout{display:block;width:min(calc(100% - 28px),720px);min-height:210svh}.rw-td__copy{min-height:210svh}.rw-td__chapter{min-height:105svh;justify-content:flex-start;padding:9svh 16px 0}.rw-td__title{max-width:560px;font-size:clamp(54px,14vw,88px)}.rw-td__body{max-width:570px;padding-right:6vw;font-size:17px}.rw-td__visual-column{position:absolute;inset:0;z-index:-1;min-height:210svh;pointer-events:none}.rw-td__visual{top:43svh;height:54svh;min-height:390px;border-radius:min(var(--rw-td-radius),24px)}.rw-td__canvas{width:min(96%,490px)}.rw-td__node{width:clamp(62px,18vw,88px)}.rw-td__core{width:clamp(82px,23vw,112px)}}
@media(max-width:520px){.rw-td__chapter{padding-inline:6px}.rw-td__visual{top:46svh;height:50svh;min-height:360px}.rw-td__node-end{font-size:9px}}
@media(prefers-reduced-motion:reduce){.rw-td__linear{display:none}.rw-td__aura{opacity:1!important;transform:scale(1)!important}.rw-td__ray{opacity:.7!important;transform:rotate(var(--angle)) scaleX(1)!important}.rw-td__node-start{opacity:0!important}.rw-td__node-end{opacity:1!important}}

/* Keep the complete node network inside the panel and preserve each ray's angle during GSAP transforms. */
.rw-td__canvas{width:min(var(--rw-td-canvas-width,86%),680px,68svh)}
.rw-td__linear,.rw-td__ray{height:var(--rw-td-line-width,1.25px)}
.rw-td__ray{transform:rotate(var(--angle)) scaleX(var(--rw-td-ray-progress,0));transform-origin:left center;will-change:transform,opacity}
.rw-td__visual:before{display:none}
@media(max-width:920px){.rw-td__canvas{width:min(var(--rw-td-canvas-width,88%),490px,42svh)}}
@media(max-width:520px){.rw-td__canvas{width:min(var(--rw-td-canvas-width,90%),430px,40svh)}}

/* Mobile uses a readable content flow instead of the desktop sticky split-screen. */
@media(max-width:920px){
  .rw-td__layout{display:grid;width:min(calc(100% - 28px),720px);min-height:0;grid-template-areas:"one" "visual" "two";grid-template-columns:minmax(0,1fr);gap:0}
  .rw-td__copy{display:contents;min-height:0}
  .rw-td__chapter{min-height:0;justify-content:flex-start;padding:64px 8px 36px}
  .rw-td__chapter--one{grid-area:one}
  .rw-td__chapter--two{grid-area:two;padding-top:42px;padding-bottom:72px}
  .rw-td__visual-column{position:relative;z-index:auto;grid-area:visual;min-height:0;pointer-events:auto}
  .rw-td__visual{position:relative;top:auto;height:auto;min-height:0;aspect-ratio:1/1;border-radius:min(var(--rw-td-radius),24px)}
  .rw-td__canvas{width:min(var(--rw-td-canvas-width,88%),490px);max-width:calc(100% - 24px)}
  .rw-td__title{font-size:clamp(50px,14vw,76px)}
  .rw-td__body{padding-right:0}
}
@media(max-width:520px){
  .rw-td__layout{width:min(calc(100% - 20px),720px)}
  .rw-td__chapter{padding-inline:4px}
  .rw-td__visual{aspect-ratio:1/1.08}
  .rw-td__canvas{width:min(var(--rw-td-canvas-width,92%),430px)}
}

/* On phones the copy and diagram form one sticky explanatory scene. */
@media(max-width:920px){
  .rw-td{min-height:190svh}
  .rw-td__layout{position:sticky;top:78px;display:grid;height:calc(100svh - 78px);min-height:0;overflow:hidden;grid-template-areas:"copy" "visual";grid-template-rows:300px minmax(0,1fr)}
  .rw-td__copy{position:relative;display:block;grid-area:copy;min-height:0}
  .rw-td__chapter{position:absolute;inset:0;min-height:0;padding:38px 8px 22px;will-change:transform,opacity}
  .rw-td__chapter--one,.rw-td__chapter--two{grid-area:auto}
  .rw-td__chapter--two{padding-top:38px;padding-bottom:22px}
  .rw-td__kicker{margin-bottom:14px}
  .rw-td__title{margin-bottom:18px;font-size:clamp(46px,12vw,68px);line-height:.92}
  .rw-td__body{font-size:16px;line-height:1.45}
  .rw-td__button{margin-top:22px}
  .rw-td__visual-column{position:relative;grid-area:visual;min-height:0}
  .rw-td__visual{height:100%;min-height:0;aspect-ratio:auto}
  .rw-td__canvas{width:min(var(--rw-td-canvas-width,88%),490px,38svh)}
}
@media(max-width:520px){
  .rw-td__layout{top:72px;height:calc(100svh - 72px);grid-template-rows:285px minmax(0,1fr)}
  .rw-td__chapter{padding:30px 4px 18px}
  .rw-td__chapter--two{padding-top:30px}
  .rw-td__title{font-size:clamp(43px,12vw,58px)}
  .rw-td__visual{aspect-ratio:auto}
  .rw-td__canvas{width:min(var(--rw-td-canvas-width,92%),430px,37svh)}
}
.rw-td__button--mobile{display:none}
@media(max-width:920px){
  .rw-td--mobile-button-bottom .rw-td__layout{grid-template-areas:"copy" "visual" "button";grid-template-rows:260px minmax(0,1fr) auto}
  .rw-td--mobile-button-bottom .rw-td__button--inline,.rw-td--mobile-button-hide .rw-td__button--inline{display:none}
  .rw-td--mobile-button-bottom .rw-td__button--mobile{display:block;grid-area:button;margin:14px 0 18px;justify-self:start}
  .rw-td--mobile-button-hide .rw-td__button--mobile,.rw-td--mobile-button-inline .rw-td__button--mobile{display:none}
}