#S01.school-concept-c{position:relative;display:block;min-height:var(--zero);height:auto;padding:var(--zero);margin:var(--zero);background:var(--paper);overflow:hidden}
#S01 .school-c-art{position:relative;width:var(--school-c-full);aspect-ratio:var(--school-c-aspect);overflow:hidden}
#S01 .school-c-art img{position:absolute;top:var(--zero);left:var(--zero);display:block;width:var(--school-c-full);height:auto;max-width:none;margin:var(--zero);padding:var(--zero);border-radius:var(--zero);transform:translateY(var(--school-c-offset))}
#S01 .school-c-readable{position:absolute;width:var(--rule);height:var(--rule);overflow:hidden;clip-path:inset(var(--school-c-hidden));white-space:nowrap}

#S01 .school-c-menu{position:absolute;top:var(--zero);right:var(--zero);border:none;padding:var(--zero);margin:var(--zero);z-index:var(--school-c-menu-layer);width:var(--school-c-full)}
#S01 .school-c-menu summary{height:var(--school-c-menu-size);width:var(--school-c-menu-width);margin-left:auto;padding:var(--zero);list-style:none;cursor:pointer;background:transparent}
#S01 .school-c-menu summary::-webkit-details-marker{display:none}
#S01 .school-c-menu summary::after{display:none}
#S01 .school-c-menu nav{display:grid;gap:var(--sm);background:var(--paper);padding:var(--md);box-shadow:var(--shadow)}
#S01 .school-c-menu a{color:var(--wine);font-size:var(--body)}

#S01 .school-c-referral{background:var(--paper);padding:var(--md) var(--sm) var(--lg);text-align:center;font-family:var(--sans)}
#S01 .school-c-referral p{margin:var(--zero) var(--zero) var(--sm);font-size:var(--body);line-height:var(--integrated-leading);color:var(--wine)}
#S01 .school-c-referral a{display:block;padding:var(--md) var(--sm);background:var(--wine);color:var(--paper);border-radius:var(--big-radius);box-shadow:var(--shadow);text-decoration:none;font-size:var(--body);font-weight:700;line-height:var(--integrated-leading)}

#S01 .fv-target-age{margin:var(--zero);padding:var(--xs) var(--sm);background:var(--wine);color:var(--paper);font-family:var(--sans);font-size:var(--body);text-align:center;line-height:var(--integrated-leading,1.6)}

#S01 .school-c-menu{top:calc(var(--body) * var(--integrated-leading) + var(--xs) * 2)}

#S01 .school-benefit-heading{padding:var(--md);background:var(--benefit-heading-bg)}
#S01 .benefit-brand{font-family:var(--serif);color:var(--wine);margin:var(--zero) var(--zero) var(--md)}
#S01 .benefit-label{display:inline-block;background:var(--wine);color:var(--paper);border-radius:var(--big-radius);padding:var(--xs) var(--sm);font-size:var(--small);margin:var(--zero)}
#S01 .benefit-audience{font-size:var(--small);color:var(--wine)}
#S01 h1{font-family:var(--serif);font-size:var(--benefit-title);line-height:var(--integrated-leading);color:var(--plum);margin:var(--md) var(--zero) var(--zero);font-weight:bold}
#S01 h1 em{font-style:normal;color:var(--benefit-gold)}
#S01 .benefit-photo{margin:var(--zero);overflow:hidden;border-radius:var(--zero) var(--zero) var(--benefit-curve) var(--zero);border-bottom:var(--rule) solid var(--gold)}
#S01 .benefit-photo img{display:block;width:var(--integrated-full);height:auto;aspect-ratio:var(--benefit-photo-ratio);object-fit:cover}
#S01 .benefit-description{padding:var(--sm) var(--md);font-size:var(--body);line-height:var(--integrated-leading)}
#S01 .benefit-description strong{color:var(--wine)}
#S01 .benefit-partners{margin:var(--zero);padding:var(--sm) var(--md) var(--md);display:grid;gap:var(--sm)}
#S01 .benefit-partners>div{background:var(--rose);padding:var(--sm);border-radius:var(--big-radius)}
#S01 .benefit-partners dt{color:var(--wine);font-weight:bold;font-size:var(--small);margin-bottom:var(--xs)}
#S01 .benefit-partners dd{margin:var(--zero);font-size:var(--body);line-height:var(--integrated-leading)}
#S01 .benefit-facts{display:grid;grid-template-columns:var(--benefit-facts-columns);padding:var(--md) var(--sm);background:var(--plum);color:var(--paper);text-align:center;gap:var(--sm)}
#S01 .benefit-facts p{margin:var(--zero);font-size:var(--small)}
#S01 .benefit-facts strong{display:block;font-size:var(--benefit-stat);color:var(--light-gold);line-height:var(--integrated-leading)}
#S01 .benefit-facts strong span{font-size:var(--small)}
#S01 .benefit-facts small{display:block;font-size:var(--small);line-height:var(--integrated-leading)}

#S01 .fv-target-age small{display:block;font-size:var(--small);font-weight:normal}
.target-age-note{padding:var(--sm);background:var(--rose);border-radius:var(--big-radius);color:var(--wine);font-size:var(--body);line-height:var(--integrated-leading,1.6)}
#S01.school-b.school-concept-c{background:var(--paper);color:var(--ink)}
#S01.school-b.school-concept-c .school-benefit-heading h1{color:var(--plum);text-shadow:none;font-size:var(--benefit-title);font-family:var(--serif);line-height:var(--integrated-leading)}
#S01.school-b.school-concept-c .school-benefit-heading h1 em{color:var(--benefit-gold);text-shadow:none}

#S01 .school-fv-lead{font-size:var(--body);line-height:var(--integrated-leading);color:var(--ink);margin:var(--md) var(--zero) var(--zero)}
#S01 .school-fv-lead strong{color:var(--wine)}
#S01 .school-fv-changes{padding:var(--lg) var(--md);background:var(--paper)}
#S01 .school-fv-kicker{font-size:var(--small);color:var(--wine);margin:var(--zero) var(--zero) var(--xs)}
#S01 .school-fv-changes h2,#S01 .benefit-description h2{font:700 var(--title)/var(--support-leading) var(--serif);color:var(--wine);margin:var(--zero) var(--zero) var(--md)}
#S01 .school-fv-changes article{border:var(--rule) solid var(--line);border-radius:var(--big-radius);overflow:hidden;margin-bottom:var(--md);box-shadow:var(--shadow)}
#S01 .school-fv-changes article header{display:flex;align-items:center;gap:var(--sm);padding:var(--sm);background:var(--wine);color:var(--paper)}
#S01 .school-fv-changes h3{font:700 var(--heading)/var(--support-leading) var(--sans);margin:var(--zero);color:var(--paper)}
#S01 .school-fv-action,#S01 .school-fv-goal{margin:var(--zero);padding:var(--md);font-size:var(--body);line-height:var(--support-leading)}
#S01 .school-fv-changes small{display:block;font-size:var(--small);color:var(--wine);margin-bottom:var(--xs)}
#S01 .school-fv-goal{background:var(--rose);border-top:var(--rule) solid var(--line);color:var(--wine)}
#S01 .school-fv-note{font-size:var(--small);line-height:var(--support-leading);color:var(--muted)}
#S01 .benefit-partners>div{border-left:var(--xs) solid var(--wine)}

#S01 .school-trial-cases{padding:var(--lg) var(--md);background:var(--paper)}
#S01 .school-trial-cases>header{text-align:center;color:var(--wine);margin-bottom:var(--lg)}
#S01 .school-trial-cases h2,#S01 .school-trial-referral h2{font:700 var(--title)/var(--support-leading) var(--serif);margin:var(--zero) var(--zero) var(--md);color:var(--wine)}
#S01 .trial-case{border:var(--rule) solid var(--line);border-radius:var(--big-radius);overflow:hidden;margin-bottom:var(--lg);box-shadow:var(--shadow)}
#S01 .trial-case h3{margin:var(--zero);padding:var(--sm) var(--md);background:var(--wine);color:var(--paper);font:700 var(--heading)/var(--support-leading) var(--sans)}
#S01 .trial-case h3 span{display:block;font-size:var(--small);font-weight:normal}
#S01 .trial-pictures{display:grid;grid-template-columns:var(--outcome-gallery-columns);align-items:center;gap:var(--xs);padding:var(--md) var(--sm);color:var(--wine)}
#S01 .trial-crop{margin:var(--zero);position:relative;overflow:hidden;aspect-ratio:var(--outcome-art-ratio);border-radius:var(--radius)}
#S01 .trial-crop img{position:absolute;top:var(--zero);left:var(--zero);height:auto;max-width:none;width:var(--outcome-sprite-width)}
#S01 .trial-room .trial-before img{transform:translate(var(--outcome-before-x),var(--outcome-room-before-y))}
#S01 .trial-room .trial-after img{transform:translate(var(--outcome-after-x),var(--outcome-room-after-y))}
#S01 .trial-rhythm .trial-before img{transform:translate(var(--outcome-before-x),var(--outcome-rhythm-before-y))}
#S01 .trial-rhythm .trial-after img{transform:translate(var(--outcome-after-x),var(--outcome-rhythm-after-y))}
#S01 .trial-school .trial-before img{transform:translate(var(--outcome-before-x),var(--outcome-school-before-y))}
#S01 .trial-school .trial-after img{transform:translate(var(--outcome-after-x),var(--outcome-school-after-y))}
#S01 .trial-action,#S01 .trial-result{padding:var(--md);font-size:var(--body);line-height:var(--support-leading)}
#S01 .trial-action p,#S01 .trial-result p{margin:var(--xs) var(--zero) var(--zero)}
#S01 .trial-action small,#S01 .trial-result small{font-size:var(--small);color:var(--wine)}
#S01 .trial-result{background:var(--rose);color:var(--wine);font-weight:bold;font-size:var(--heading)}
#S01 .school-trial-referral{padding:var(--lg) var(--md);background:var(--strength-gold);font-size:var(--body);line-height:var(--support-leading)}
#S01 .school-trial-referral ul{list-style:none;padding:var(--zero);display:grid;gap:var(--sm)}
#S01 .school-trial-referral li{padding:var(--sm);border-left:var(--header-rule) solid var(--gold);background:var(--paper);border-radius:var(--radius)}
#S01 .school-trial-referral a{display:block;padding:var(--md);background:var(--wine);color:var(--paper);border-radius:var(--big-radius);text-align:center;text-decoration:none;font-weight:bold}

/* S01 visual comparison prototype */
#S01 .school-benefit-heading{background:var(--school-hero-wash);padding:var(--md)}
#S01 .benefit-brand{margin-bottom:var(--sm);font-size:var(--small)}
#S01 .benefit-audience{margin:var(--sm) var(--zero);font-size:var(--outcome-badge)}
#S01.school-b.school-concept-c .school-benefit-heading h1{font-size:var(--school-hero-title);line-height:var(--mind-leading);margin-top:var(--sm)}
#S01 .benefit-photo img{height:var(--school-photo-height);aspect-ratio:auto;object-fit:cover}
#S01 .school-fv-explanation{padding:var(--md);background:var(--paper)}
#S01 .school-fv-explanation>span{color:var(--wine);font-size:var(--small);font-weight:bold;border-left:var(--header-rule) solid var(--gold);padding-left:var(--sm)}
#S01 .school-fv-explanation .school-fv-lead{margin-top:var(--sm)}
#S01 .school-trial-cases{padding:var(--zero) var(--sm) var(--lg)}
#S01 .school-trial-cases>header{background:var(--outcome-band);clip-path:var(--story-arrow);padding:var(--lg) var(--sm) var(--wide-space);margin:var(--zero) calc(-1 * var(--sm)) var(--lg);color:var(--paper)}
#S01 .school-trial-cases>header p{font-size:var(--small);margin:var(--zero) var(--zero) var(--xs)}
#S01 .school-trial-cases>header h2{color:var(--paper);margin:var(--zero)}
#S01 .trial-case{background:var(--comparison-white);border:var(--ring) solid var(--line)}
#S01 .trial-case h3{background:var(--paper);color:var(--wine);border-bottom:var(--rule) solid var(--line);font-size:var(--body)}
#S01 .trial-case h3 span{display:inline-block;margin-right:var(--sm);color:var(--gold)}
#S01 .comparison-pair{position:relative;display:grid;grid-template-columns:var(--comparison-cols);gap:var(--comparison-gap);padding:var(--sm)}
#S01 .comparison-before,#S01 .comparison-after{padding:var(--sm) var(--xs);border:var(--rule) solid var(--line);border-radius:var(--radius);background:var(--comparison-before)}
#S01 .comparison-after{background:var(--comparison-after);border-color:var(--gold)}
#S01 .comparison-pair small{display:block;text-align:center;color:var(--muted);font-size:var(--outcome-badge);letter-spacing:var(--editorial-letter)}
#S01 .comparison-after small{color:var(--wine);font-weight:bold}
#S01 .comparison-pair h4{font:700 var(--comparison-heading)/var(--support-leading) var(--sans);text-align:center;color:var(--ink);margin:var(--xs) var(--zero) var(--sm)}
#S01 .comparison-after h4{color:var(--wine)}
#S01 .comparison-arrow{position:absolute;left:var(--comparison-mid);top:var(--comparison-mid);transform:var(--comparison-arrow-shift);display:grid;place-items:center;width:var(--comparison-arrow);height:var(--comparison-arrow);border-radius:var(--guidance-pill-radius);background:var(--wine);color:var(--paper);z-index:var(--changes-badge-layer)}
#S01 .trial-action{padding:var(--sm) var(--md) var(--md);border-top:var(--rule) solid var(--line)}
#S01 .trial-action small{display:inline-block;background:var(--wine);color:var(--paper);padding:var(--dock-compact-gap) var(--sm);border-radius:var(--guidance-pill-radius)}

#S01 .comparison-pair h4{min-height:var(--comparison-copy-height)}
#S01 .trial-before{aspect-ratio:var(--comparison-before-ratio)}
#S01 .trial-before img{width:var(--comparison-before-width);--outcome-before-x:var(--comparison-before-x)}

#S01 .school-hero-opening{display:block;font-size:var(--school-opening-size);margin-bottom:var(--xs)}

/* Referral section */
#S01 .school-trial-referral{background:var(--referral-background);padding:var(--xl) var(--md);border-top:var(--rule) solid var(--line)}
#S01 .referral-heading{text-align:center;margin-bottom:var(--lg)}
#S01 .referral-heading:before{content:"";display:block;width:var(--referral-heading-rule);height:var(--header-rule);background:var(--gold);margin:var(--zero) auto var(--md)}
#S01 .referral-heading h2{font:700 var(--referral-heading-size)/var(--referral-heading-line) var(--serif);margin:var(--zero) var(--zero) var(--sm);color:var(--wine)}
#S01 .referral-heading>p{font:normal var(--small)/var(--support-leading) var(--sans);margin:var(--zero);color:var(--muted)}
#S01 .school-trial-referral ul{gap:var(--md);margin:var(--zero)}
#S01 .school-trial-referral li{display:grid;grid-template-columns:var(--referral-columns);gap:var(--sm);align-items:center;padding:var(--md) var(--sm);border:var(--rule) solid var(--line);border-radius:var(--referral-round);background:var(--comparison-white);box-shadow:var(--referral-card-shadow)}
#S01 .referral-number{font:normal var(--referral-number-size)/var(--support-leading) var(--serif);color:var(--gold);text-align:center}
#S01 .school-trial-referral li p{margin:var(--zero);font-size:var(--body);line-height:var(--support-leading)}
#S01 .school-trial-referral li strong{display:block;color:var(--wine)}
#S01 .referral-note{text-align:center;font-size:var(--small);margin:var(--lg) var(--zero) var(--md);color:var(--muted)}
#S01 .school-trial-referral a{border-radius:var(--referral-round);box-shadow:var(--referral-button-shadow);font-size:var(--small)}

#S01 .referral-group{margin:var(--md) var(--zero);border:var(--rule) solid var(--line);border-radius:var(--referral-round);background:var(--paper);overflow:hidden}
#S01 .referral-group summary{display:flex;justify-content:space-between;align-items:center;gap:var(--sm);padding:var(--md) var(--sm);cursor:pointer;color:var(--wine);font-weight:bold}
#S01 .referral-group summary small{font-size:var(--outcome-badge);white-space:nowrap}
#S01 .referral-group summary:after{content:"＋";color:var(--gold)}
#S01 .referral-group[open] summary:after{content:"−"}
#S01 .referral-group ul{padding:var(--sm)}
#S01 .referral-group li{align-items:start}
#S01 .referral-group li p>span{display:block;font-size:var(--small);color:var(--muted);margin-top:var(--xs)}

#S01 .school-approach{padding:var(--xl) var(--md);background:var(--paper)}
#S01 .school-approach>header{margin-bottom:var(--lg)}
#S01 .school-approach>header>p{font-size:var(--small);color:var(--wine);border-left:var(--header-rule) solid var(--gold);padding-left:var(--sm)}
#S01 .school-approach h2{font:700 var(--approach-heading)/var(--mind-leading) var(--serif);color:var(--wine);margin:var(--md) var(--zero)}
#S01 .school-approach article{border:var(--rule) solid var(--line);border-radius:var(--referral-round);overflow:hidden;margin-bottom:var(--md);box-shadow:var(--referral-card-shadow)}
#S01 .school-approach h3{display:flex;align-items:center;gap:var(--sm);margin:var(--zero);padding:var(--md) var(--sm);font:700 var(--approach-copy)/var(--support-leading) var(--sans);color:var(--wine);border-bottom:var(--rule) solid var(--line)}
#S01 .school-approach h3>span{font:normal var(--approach-number)/var(--support-leading) var(--serif);color:var(--gold)}
#S01 .approach-action,#S01 .approach-change{padding:var(--sm) var(--md)}
#S01 .school-approach small{font-size:var(--outcome-badge);color:var(--wine)}
#S01 .school-approach article p{font-size:var(--body);line-height:var(--support-leading);margin:var(--xs) var(--zero)}
#S01 .approach-change{background:var(--approach-bg);border-top:var(--rule) solid var(--line)}
#S01 .approach-change p{font-weight:bold;color:var(--wine)}
#S01 .approach-note{font-size:var(--small);line-height:var(--support-leading);color:var(--muted);margin:var(--lg) var(--zero) var(--zero)}
#network .school-partner-sharing{padding:var(--lg) var(--md);background:var(--paper)}
#network .school-partner-sharing h2{font:700 var(--title)/var(--support-leading) var(--serif);color:var(--wine)}
#network .school-partner-sharing p,#network .school-partner-sharing dd{font-size:var(--body);line-height:var(--support-leading)}
#network .benefit-partners{display:grid;gap:var(--sm)}
#network .benefit-partners>div{padding:var(--md);background:var(--rose);border-radius:var(--radius)}
#network .benefit-partners dt{font-weight:bold;color:var(--wine);margin-bottom:var(--xs)}
#network .benefit-partners dd{margin:var(--zero)}

#S01 .school-approach h3>.approach-title{font:inherit;color:inherit}

#S01 .approach-scenes>header h2{font-size:var(--scene-title)}
#S01 .approach-scenes .approach-scene{background:var(--comparison-white);margin-bottom:var(--lg)}
#S01 .approach-scene figure{position:relative;margin:var(--zero);height:var(--scene-image-height);overflow:hidden}
#S01 .approach-scene figure img{display:block;width:var(--integrated-full);height:var(--integrated-full);object-fit:cover;object-position:var(--scene-image-position)}
#S01 .approach-scene figure>span{position:absolute;bottom:var(--zero);left:var(--md);background:var(--wine);color:var(--paper);font:normal var(--scene-number-size)/var(--support-leading) var(--serif);padding:var(--zero) var(--sm);border-radius:var(--radius) var(--radius) var(--zero) var(--zero)}
#S01 .approach-scene .scene-copy{padding:var(--md)}
#S01 .approach-scene h3{display:block;padding:var(--zero);border:none;font:700 var(--scene-title)/var(--mind-leading) var(--serif);margin:var(--zero) var(--zero) var(--sm)}
#S01 .approach-scene .scene-copy p{font-size:var(--body);line-height:var(--support-leading);margin:var(--zero);color:var(--ink)}

#cases .case-track img{object-fit:contain;background:var(--paper)}
#cases .case-browse-note{font-size:var(--small);line-height:var(--support-leading);color:var(--muted);margin:var(--md);text-align:center}