/* Native scroll controls the story; only presentation layers are animated. */
.motion-enabled .motion-enter{opacity:calc(.18 + var(--enter,1)*.82);transform:translateY(calc((1 - var(--enter,1))*42px)) scale(calc(.975 + var(--enter,1)*.025));transform-origin:50% 65%;transition:none}
.motion-enabled .motion-enter.motion-near{will-change:transform,opacity}
.motion-enabled .motion-enter.motion-settled{transform:none;opacity:1;will-change:auto}
.motion-enabled .paper-row{animation:none}
.motion-enabled .motion-page-title{transform:translate3d(0,calc(var(--title-exit,0)*-42px),0);opacity:calc(1 - var(--title-exit,0)*.38)}
.motion-enabled .catalog-hero::before{translate:0 var(--header-drift,0px)}

/* These chapter links remain native anchors, including their keyboard behavior. */
.scroll-chapter-nav{position:sticky;top:92px;z-index:40;padding-block:12px;background:#faf9f6f5;border-bottom:1px solid #e3dfe8}
.scroll-chapter-nav .study-jumps,.scroll-chapter-nav .method-index{margin:0;gap:7px;border:0;background:transparent;border-radius:0}
.scroll-chapter-nav .study-jumps{display:flex;flex-wrap:wrap}
.scroll-chapter-nav .study-jumps a{font-size:12px;padding:10px 17px;background:transparent;border-color:transparent;transition:background .2s,color .2s}
.scroll-chapter-nav .method-index{display:flex;flex-wrap:wrap;overflow:visible}
.scroll-chapter-nav .method-index a{font-size:13px;padding:11px 18px;border:0;border-radius:26px}
.scroll-chapter-nav a[aria-current="location"]{background:#eae1f6;color:#5c338f}
.scroll-chapter-nav a:hover{background:#eee8f7}
html.motion-nav-page{scroll-padding-top:calc(105px + var(--chapter-nav-height,0px))}
.has-scroll-chapters>.catalog-hero{padding-bottom:35px}
.has-scroll-chapters>.study-hero{padding-bottom:30px}
.has-scroll-chapters>.void-hero{padding-bottom:35px}
.has-scroll-chapters>.method-catalog{padding-top:55px}

/* The opening unfolds during a short native scroll interval. */
.cover-scroll-ready{min-height:max(1280px,155svh);position:relative;isolation:isolate}
.cover-scroll-ready>.home-cover{position:sticky;top:0;min-height:max(780px,100svh)}
.cover-scroll-ready .cover-content{transform:translate3d(0,calc(var(--cover-exit,0)*-64px),0) scale(calc(1 - var(--cover-exit,0)*.018));transform-origin:0 50%;opacity:calc(1 - var(--cover-exit,0)*.56)}
.cover-scroll-ready .cover-sheet{transform:translate3d(var(--sheet-x,0px),var(--sheet-y,0px),0) rotate(calc(var(--angle) + var(--sheet-rotation,0deg))) scale(var(--sheet-scale,1))}

/* A persistent original visual, with four compact chapters passing beside it. */
.material-story-scene{display:none}
.home-path-detail{font-size:12px;line-height:1.8;color:var(--muted);margin-top:14px!important}
.material-scroll-story{margin-top:55px}
.story-ready{display:grid;grid-template-columns:1.08fr 1fr;gap:95px;align-items:start;position:relative}
.story-ready .material-story-scene{display:flex;position:sticky;top:130px;flex-direction:column;justify-content:center;height:calc(100svh - 170px);max-height:650px;min-height:400px;overflow:hidden}
.material-story-images{position:relative;flex:1;min-height:0;isolation:isolate}
.material-story-image{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:22px;opacity:0;will-change:transform,opacity}
.material-story-image img{display:block;object-fit:contain;max-height:100%;height:100%;width:100%;max-width:450px}
.material-story-caption{font-size:12px;line-height:1.8;color:var(--muted);text-align:center;margin:20px 0 17px}
.material-story-rail{display:flex;justify-content:center;gap:8px;padding-bottom:6px}
.material-story-rail>span{height:3px;width:46px;border-radius:3px;background:#ded6e8;position:relative;overflow:hidden}
.material-story-rail>span::after{content:"";position:absolute;inset:0;background:#8a62c4;transform:scaleX(var(--step-fill,0));transform-origin:left}
.story-ready .home-material-path{display:block;margin:0;padding-bottom:clamp(80px,18svh,160px)}
.story-ready .home-material-path>li:not(:last-child)::after{display:none}
.story-ready .home-path-art{display:none}
.story-ready .home-path-stage{display:grid;grid-template-columns:1fr 22px;align-content:center;gap:20px;min-height:49svh;padding:60px 0;opacity:1;border-bottom:1px solid var(--line)}
.story-ready .home-path-stage>div:not(.home-path-art){grid-column:1}
.story-ready .home-path-stage .path-open{position:static;grid-column:2;grid-row:1;align-self:center;display:block;opacity:1;font-size:22px}
.story-ready .home-path-stage h3{opacity:calc(.62 + var(--chapter-strength,1)*.38);font-size:clamp(30px,3.4vw,47px);font-weight:500;letter-spacing:-.045em;line-height:1.15;margin-bottom:17px}
.story-ready .home-path-stage p{font-size:16px;line-height:1.7;max-width:370px}
.story-ready .home-path-stage .home-path-detail{font-size:15px;line-height:1.9;margin-top:17px!important;max-width:380px}
.story-ready .home-path-stage:focus-visible{opacity:1;outline-offset:8px}
.home-highlight-layout .highlight-intro{position:sticky;top:135px;align-self:start}

@media(max-width:1100px){.story-ready{gap:50px;grid-template-columns:1fr 1fr}.material-story-image{padding:12px}.story-ready .home-path-stage h3{font-size:36px}.story-ready .home-path-stage p{font-size:14px}.story-ready .home-path-stage .home-path-detail{font-size:14px}}
@media(max-width:800px){
 .scroll-chapter-nav{top:76px;padding-block:9px}.scroll-chapter-nav .study-jumps a{padding:9px 13px;font-size:11px}.scroll-chapter-nav .method-index a{font-size:12px;padding:10px 13px}.scroll-chapter-nav .method-index a:last-child{border:0}
 html.motion-nav-page{scroll-padding-top:calc(90px + var(--chapter-nav-height,0px))}
 .cover-scroll-ready{min-height:calc(100svh + 310px)}.cover-scroll-ready>.home-cover{min-height:max(780px,100svh)}
 .story-ready{gap:30px}.story-ready .material-story-scene{top:105px;min-height:350px;height:calc(100svh - 160px)}.story-ready .home-path-stage{min-height:49svh;padding:45px 0}.story-ready .home-path-stage h3{font-size:30px}
 .home-highlight-layout .highlight-intro{position:static}
}
@media(max-width:600px){
 .cover-scroll-ready{min-height:calc(100svh + 240px)}.cover-scroll-ready>.home-cover{min-height:max(730px,100svh)}
 .story-ready{display:block}.material-scroll-story{margin-top:25px}
 .story-ready .material-story-scene{top:85px;z-index:2;height:clamp(240px,38svh,340px);min-height:0;max-height:none;background:var(--paper);margin-inline:-5px;padding-top:10px}
 .material-story-image{padding:7px 28px}.material-story-image img{max-width:290px}
 .material-story-caption{font-size:10px;margin:8px 0 11px}.material-story-rail{gap:7px;padding-bottom:15px}.material-story-rail>span{width:33px;height:2px}
 .story-ready .home-material-path{padding-top:20px;padding-bottom:0}.story-ready .home-path-stage{min-height:39svh;padding:40px 10px;gap:18px}.story-ready .home-path-stage h3{font-size:30px;margin-bottom:12px}.story-ready .home-path-stage p{font-size:14px}.story-ready .home-path-stage .home-path-detail{font-size:14px;line-height:1.8;max-width:320px}
 .motion-enabled .motion-enter{transform:translateY(calc((1 - var(--enter,1))*26px))}
}
@media(max-height:600px){.cover-scroll-ready{min-height:0}.cover-scroll-ready>.home-cover{position:relative}.story-ready .material-story-scene{position:relative;top:auto;min-height:260px;height:300px}.story-ready .home-path-stage{min-height:250px}}
@media(prefers-reduced-motion:reduce){
 .motion-enter,.motion-page-title{transform:none!important;opacity:1!important}
 .scroll-chapter-nav a{transition:none!important}
 .cover-scroll-ready{min-height:0}.cover-scroll-ready>.home-cover{position:relative}
 .cover-scroll-ready .cover-content,.cover-scroll-ready .cover-sheet{transform:none;opacity:1}
}

.motion-enabled .motion-enter:focus-within{opacity:1;transform:none}

.cover-scroll-ready .cover-content:focus-within{opacity:1}

.scroll-chapter-nav a{display:inline-flex;align-items:center;min-height:44px}
@media(max-height:600px){.scroll-chapter-nav{position:relative;top:auto}html.motion-nav-page{scroll-padding-top:105px}}