/* Round 1 — real photographic moments, comfortable reading and purposeful interaction. */
.photo-cut{display:block;width:100%;height:auto;overflow:hidden}
.header{position:fixed;transition:background .25s,box-shadow .25s,height .25s;isolation:isolate}
.header.scrolled,.menu-open .header{height:80px;background:#170f1df2;backdrop-filter:blur(18px);box-shadow:0 8px 35px #00000033;border-bottom-color:#d5b0ff25}
.desktop-nav a{display:inline-flex;align-items:center;min-height:44px}
.sound-control,.menu-toggle,.text-button,.footer-social a,.motion-toggle{min-height:44px}
.menu-toggle{min-width:44px}
button,summary,a{transition:translate .18s var(--ease),filter .18s}
button.is-pressed:not(.action),summary.is-pressed,a.is-pressed:not(.action){translate:0 2px;filter:brightness(.86)}
button.is-pressed:not(.action){transform:scale(.985)}
button:focus-visible,a:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
.school-section :focus-visible{outline-color:#67368c}
.hero{display:flex;flex-direction:column;min-height:100svh;height:auto;max-height:none;padding:188px max(6%,calc((100% - 1380px)/2)) 35px}
.hero-copy{position:relative;top:auto;left:auto;right:auto;order:1;flex:1}
.hero h1{max-width:1100px;font-size:clamp(65px,7.4vw,112px);letter-spacing:-.07em;line-height:1.25;text-wrap:balance}
.hero-kicker{font-size:12px}
.hero-sub{font-size:15px;line-height:2}
.hero-actions{margin-top:30px}
.hero-bottom{position:relative;left:auto;right:auto;bottom:auto;order:3;margin-top:38px;gap:30px}
.hero-brand{font-size:clamp(100px,12vw,180px)}
.hero-topline{inset:132px 6% auto}
.ignite-button{position:relative;order:2;align-self:flex-start;display:flex;align-items:center;gap:12px;z-index:3;margin-top:26px;padding:8px 15px 8px 0;text-align:left;color:#f7f2fa;min-height:50px}
.ignite-symbol{display:grid;place-items:center;width:40px;height:40px;border:1px solid #f5eefb77;border-radius:50%;color:var(--accent);font-size:28px;box-shadow:0 0 28px #f5eefb12;transition:rotate .6s,box-shadow .4s}
.ignite-button:hover .ignite-symbol{rotate:80deg;box-shadow:0 0 28px #f5eefb50}
.ignite-button>span:last-child{font-size:12px;line-height:1.4}
.ignite-button small{display:block;font:10px var(--display);letter-spacing:.15em;margin-top:5px;color:#cdbbdc}
.hero-image img{object-position:58% 50%}
.portrait-crop{aspect-ratio:1.04;background:#2b173a}
.portrait-crop .photo-cut{height:100%;transition:transform 1.2s var(--ease)}
.portrait-crop:hover .photo-cut{transform:scale(1.035)}
.film-scene .film-backdrop{position:absolute;inset:0;width:100%;height:100%;filter:brightness(.42)}
.film-scene:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#11091788,transparent,#11091755)}
.film-scene>div{z-index:1}
.service-image{position:relative;overflow:hidden}
.service-image>.photo-cut{height:100%;min-height:100%;position:absolute;inset:0}
.service-photo-link{position:absolute;z-index:2;top:18px;right:18px;background:#1a0e23c9;backdrop-filter:blur(8px);border:1px solid #ffffff55;min-height:44px;padding:10px 16px;font-size:12px}
.service-image:after{content:'';position:absolute;inset:60% 0 0;pointer-events:none;background:linear-gradient(transparent,#0a050eb3)}
.service-image .image-tag{z-index:1}
.school-card>.lesson-photo{width:100%;aspect-ratio:1.9;height:auto;background:#2a1c36}
.school-card .price-note{min-height:94px}
.school-heading p{font-size:15px;line-height:2}
.trial-stamp small{font-size:11px}
.checklist{min-width:0}
.check-progress{position:relative;padding:14px 0 24px;border-top:1px solid #d5b0ff55}
.check-progress .progress-label{margin-top:0}
.check-progress .progress-track{margin-bottom:16px}
.mini-lights{display:flex;gap:10px;align-items:center}
.mini-lights i{height:5px;flex:1;border-radius:2px;background:#55376c;transition:background .4s,box-shadow .4s}
.mini-lights i.lit{background:var(--c);box-shadow:0 0 17px color-mix(in srgb,var(--c) 65%,transparent)}
.check-copy small{font-size:13px;line-height:1.9}
.check-result{margin-top:30px;padding:24px 0 0;border-left:0;border-top:1px solid #ffffff35}
.check-result.complete{border-left:0;border-top-color:var(--accent)}
#result-label{color:var(--accent);font-size:13px;margin-bottom:14px}
#result-title{font-size:24px;line-height:1.6;letter-spacing:-.025em;margin:0 0 14px}
#result-text{font-size:14px;line-height:2;margin-bottom:18px}
.selected-interests{display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none;margin:18px 0}
.selected-interests:empty{display:none}
.selected-interests li{font-size:12px;line-height:1.6;padding:7px 11px;border:1px solid #d5b0ff44;border-radius:3px;color:#e7daf0;background:linear-gradient(120deg,#d5b0ff0b,transparent)}
.check-result .result-invitation{font-size:13px;margin-bottom:20px}
#result-action>.action{width:100%;font-size:13px;gap:16px}
.consultation-note{margin-top:24px;border-block:1px solid #ffffff24}
.consultation-note summary{display:flex;justify-content:space-between;gap:12px;min-height:52px;align-items:center;cursor:pointer;font-size:13px;list-style:none;padding:13px 0}
.consultation-note summary::-webkit-details-marker{display:none}
.consultation-note label{display:block;font-size:12px;color:#d4bde5;margin:5px 0 12px;line-height:1.8}
.consultation-note textarea{display:block;box-sizing:border-box;resize:vertical;width:100%;min-height:210px;max-height:600px;font:14px/1.9 var(--font);border:1px solid #ffffff4a;border-radius:3px;padding:16px;color:#f4eef8;background:#180d21}
.consultation-note .text-button{margin-top:10px}
.memo-status{font-size:12px!important;padding-bottom:15px;margin:0!important;color:var(--accent)!important}
.replay-light{display:block;margin-top:18px;color:var(--accent)}
.team-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:25px 80px;align-items:end;margin-bottom:50px}
.team-heading h2{grid-row:span 2}
.team-heading p{font-size:15px;color:#d6c0e6;line-height:2}
.team-heading .text-button{justify-self:start}
.team-portraits{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.member-card{min-width:0}
.member-portrait{position:relative;overflow:hidden;aspect-ratio:621/651;background:#22122e}
.member-portrait:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#130a1ab0);pointer-events:none}
.member-portrait .photo-cut{height:100%;transition:transform .8s var(--ease),filter .8s}
.member-card:hover .photo-cut{transform:scale(1.045);filter:saturate(1.1)}
.member-numeral{position:absolute;z-index:1;bottom:10px;left:14px;color:var(--accent);font:40px/.9 var(--display)}
.member-caption{padding:18px 0 0;border-bottom:1px solid #ffffff33;min-height:155px}
.member-caption small{font:11px var(--display);letter-spacing:.14em;color:#dac6e9}
.member-caption h3{font-size:24px;margin:9px 0 10px;letter-spacing:-.04em}
.member-caption p{font-size:12px;line-height:1.9;color:#cfb6e3;padding-bottom:18px}
.team-swipe{display:none}
.stage-gallery{display:grid;grid-template-columns:1.05fr 1fr;grid-template-rows:310px 310px;gap:20px}
.stage-shot{position:relative;overflow:hidden;margin:0;background:#281536;min-width:0}
.stage-shot-main{grid-row:span 2}
.stage-shot>.photo-cut{width:100%;height:100%;transition:transform 1s var(--ease)}
.stage-shot:hover>.photo-cut{transform:scale(1.035)}
.stage-shot:after{content:'';position:absolute;inset:40% 0 0;pointer-events:none;background:linear-gradient(transparent,#0a040fbb)}
.stage-shot figcaption{position:absolute;z-index:1;bottom:26px;left:26px;right:20px;pointer-events:none}
.stage-shot figcaption span{display:block;font:12px var(--display);letter-spacing:.13em;color:#f0e5f8;margin-bottom:12px}
.stage-shot figcaption strong{display:block;font-size:23px;line-height:1.5;font-weight:700;letter-spacing:-.04em}
.stage-shot-main figcaption strong{font-size:42px}
.archive-links{display:flex;flex-wrap:wrap;gap:15px 35px;margin:25px 0 42px}
.archive-links .text-button{font-size:13px}
.next-step{padding-top:15px}
.next-step-heading{display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:60px;margin-bottom:45px}
.next-step-heading h2{font-size:clamp(32px,4vw,56px)}
.next-step-heading p{font-size:14px;color:#d4bee6;line-height:2}
.consult-paths{display:grid;grid-template-columns:1fr 1fr;gap:35px}
.consult-path{padding:30px 0;border-top:1px solid #f2e8f966}
.consult-path .eyebrow{font-size:13px;color:var(--accent);margin-bottom:18px}
.consult-path h3{font-size:24px;margin-bottom:18px}
.consult-path p{max-width:450px;font-size:14px;min-height:65px;margin-bottom:27px;color:#d0b7e3}
.consult-path .action{font-size:13px}
.filter-count{font-size:13px;color:#cab5d9;margin:-20px 0 20px}
.review-note{font-size:14px;line-height:2}
.review-article blockquote p{font-size:15px;line-height:2.25}
.review-source{font-size:12px}
.faq-answer p{font-size:15px}
.faq-row>summary{font-size:15px;line-height:1.8}
.company-details dd{overflow-wrap:anywhere}
.light-sweep{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.light-sweep path{filter:drop-shadow(0 0 8px var(--trail));stroke-linecap:round;animation:draw-light 1.4s cubic-bezier(.2,.65,.2,1) both}
@keyframes draw-light{0%{stroke-dashoffset:1;opacity:0}12%{opacity:1}70%{stroke-dashoffset:0;opacity:.9}100%{stroke-dashoffset:-1;opacity:0}}
@media(max-width:1100px){.team-portraits{gap:14px}.member-caption h3{font-size:20px}.member-caption{min-height:165px}.hero h1{font-size:8vw}.hero{padding-top:175px}.stage-gallery{grid-template-rows:270px 270px}}
@media(max-width:900px){.hero{padding-top:160px;min-height:850px}.hero-topline{top:116px}.hero h1{font-size:8.8vw}.hero-sub{font-size:14px}.hero-bottom{margin-top:30px}.hero-brand{font-size:15vw}.play-button>span:last-child{font-size:12px}.play-button small{font-size:11px}.team-heading{gap:20px 30px}.team-heading h2{font-size:43px}.team-heading p{font-size:14px}.team-portraits{grid-template-columns:repeat(5,185px);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding-bottom:15px}.member-card{scroll-snap-align:start}.member-caption{min-height:145px}.member-caption h3{font-size:23px}.stage-gallery{grid-template-rows:230px 230px}.stage-shot figcaption{left:20px;bottom:20px}.stage-shot figcaption strong{font-size:20px}.stage-shot-main figcaption strong{font-size:34px}.consult-paths{gap:25px}.consult-path h3{font-size:21px}.next-step-heading{gap:35px}.school-heading p{font-size:14px}}
@media(max-width:640px){
 html{scroll-padding-top:98px}
 .header,.header.scrolled{height:78px;padding:16px 20px}
 .header-actions{gap:8px}.header .wordmark{font-size:27px}.sound-label{font-size:10px}.sound-control{padding-inline:5px}.menu-toggle{width:44px;height:44px;padding:11px}
 .mobile-menu{padding-top:104px;padding-bottom:100px;gap:12px}.mobile-menu>a:not(.action){font-size:20px;min-height:52px}
 .hero{min-height:760px;padding:148px 22px 30px;height:auto;max-height:none}
 .hero-topline{top:104px;left:22px;right:22px;font-size:10px}.hero-copy{top:auto;left:auto;right:auto;flex:none}
 .hero h1{font-size:clamp(35px,9.25vw,59px);letter-spacing:-.075em;line-height:1.4}
 .hero-kicker{font-size:10px;margin-bottom:20px}.hero-sub{font-size:13px;margin-top:23px;line-height:2}
 .hero-actions{display:grid;grid-template-columns:1fr;gap:13px;margin-top:27px;max-width:370px}
 .hero-actions .action{min-height:53px;padding:16px 20px;font-size:13px;gap:16px}.hero-actions .arrow{font-size:23px}
 .ignite-button{margin-top:22px;min-height:48px;padding-block:4px}.ignite-button>span:last-child{font-size:12px}
 .hero-bottom{flex-wrap:wrap;gap:18px;margin-top:30px;align-items:center}.hero-brand{font-size:20vw;flex:1}.play-button{padding:0;gap:9px;min-height:44px}.play-button>span:last-child{font-size:10px;max-width:95px}.play-button small{font-size:10px;margin-top:4px}.play-icon{width:38px;height:38px}.hero-side{display:none}
 .section{padding-block:65px}.section-meta>.small-note{font-size:11px;max-width:150px}.section-meta .eyebrow{font-size:12px}.small-note{font-size:12px}
 .about-title p,.service-copy p,.mission-grid>div>p,.voice-grid>div p,.learning-notes p,.join-card p,.faq-help p,.contact-content p,.sub-hero p,.news-inner p,.news-inner li,.history-heading p{font-size:14px;line-height:2.05}
 .about-visual{padding-left:12px}.portrait-crop{aspect-ratio:1.04}.image-caption{font-size:11px}.image-expand{min-height:44px;padding:10px 13px;bottom:48px;font-size:11px;left:25px}
 .film-scene{height:410px}.film-scene h2{font-size:40px}.film-scene p{font-size:12px;padding-inline:25px}.film-scene .eyebrow{font-size:12px}
 .experience h2{font-size:31px}.experience-intro>p{font-size:14px}.light-stage{height:160px;margin-top:10px}.light-stick{height:85px}.experience-intro>.small-note{font-size:12px}.experience-layout{gap:25px}
 .check-progress{position:sticky;top:78px;z-index:6;padding:12px 0 15px;background:#1f102af5;backdrop-filter:blur(14px);box-shadow:0 8px 16px #1f102abf}.check-progress .progress-track{margin-bottom:12px}.progress-label strong{font-size:24px}.progress-track{height:3px}.mini-lights i{height:4px}
 .check-card{padding-block:21px;gap:13px}.check-copy strong{font-size:14px;line-height:1.85}.check-copy small{font-size:12px;line-height:1.9}.check-card[aria-checked="true"]{padding-left:9px}.check-box{width:23px;height:23px;flex-shrink:0}.check-index{font-size:18px;min-width:20px}
 #result-title{font-size:23px}#result-text{font-size:14px}.check-result .result-invitation{font-size:13px}.selected-interests li{font-size:12px}.check-result .action{font-size:12px;min-height:56px;padding:15px 16px}.consultation-note textarea{font-size:16px}.consultation-note label{font-size:13px}.consultation-note summary{font-size:13px;line-height:1.8}.text-button{font-size:13px}
 .service-image{aspect-ratio:1.05}.service-copy h2{font-size:38px}.service-copy .action{font-size:13px}.service-photo-link{font-size:11px;padding:10px 13px;top:14px;right:14px}.service-tags span{font-size:11px}
 .school-heading{display:grid;grid-template-columns:1fr;gap:24px;margin-bottom:30px}.school-heading h2{font-size:37px;max-width:none}.school-heading p{font-size:14px;max-width:none;line-height:2;margin-top:22px}
 .trial-stamp{position:relative;top:auto;right:auto;width:100%;height:auto;min-height:85px;transform:none;border-radius:2px;border-style:dashed;display:grid;grid-template-columns:1fr auto;gap:3px 20px;justify-content:normal;padding:14px 20px;background:linear-gradient(110deg,#e4d6ef88,#f6effb)}.trial-stamp:after{display:none}.trial-stamp>span{font-size:12px;letter-spacing:.1em}.trial-stamp strong{font-size:17px;gap:5px;grid-column:2;grid-row:span 2}.trial-stamp strong span{font-size:29px}.trial-stamp small{font-size:11px;text-align:left}
 .school-card>.lesson-photo{aspect-ratio:1.65}.school-card h3{font-size:22px}.school-card p{font-size:14px;line-height:2}.school-card .price-note{min-height:0;font-size:14px}.school-card .action{font-size:13px}.price-list dt{font-size:14px}.price-list small{font-size:11px}.tour-prices>summary{font-size:14px}.tour-grid p,.tour-prices>p{font-size:12px}.tour-grid dd,.tour-grid dt{font-size:14px}
 .featured-quote>p{font-size:24px;line-height:1.8}.featured-quote footer{font-size:14px}.featured-quote footer span{font-size:11px}
 .team-heading{grid-template-columns:1fr;gap:20px;margin-bottom:30px}.team-heading h2{grid-row:auto;font-size:39px}.team-heading p{font-size:14px}.team-portraits{grid-template-columns:repeat(5,170px);gap:15px;margin-right:-20px;padding-right:20px;scroll-padding-left:0}.member-caption h3{font-size:23px}.member-caption small{font-size:11px}.member-caption p{font-size:12px}.member-caption{min-height:145px}.team-swipe{display:block;font-size:12px;color:#d2b9e4;margin:14px 0 0}.mission-grid{padding-top:35px;margin-top:40px}.mission-grid h2{font-size:34px}.manager strong{font-size:19px}.manager small{font-size:12px}
 .stage-gallery{grid-template-columns:1fr 1fr;grid-template-rows:380px 230px;gap:14px}.stage-shot-main{grid-column:1/-1;grid-row:auto}.stage-shot figcaption{left:13px;bottom:16px;right:12px}.stage-shot figcaption span{font-size:10px;letter-spacing:.06em;line-height:1.4}.stage-shot figcaption strong{font-size:16px;line-height:1.55}.stage-shot-main figcaption{left:22px;bottom:24px}.stage-shot-main figcaption strong{font-size:34px}.stage-shot-main figcaption span{font-size:11px}.archive-links{gap:8px 22px;margin:20px 0 30px}.archive-links .text-button{font-size:12px}
 .history-list>summary,.news-archive>summary,.supporter-list>summary{font-size:14px;line-height:1.8}.history-list li{font-size:13px;line-height:1.9}.history-list>p{font-size:12px}.supporter-names>span{font-size:12px}.goods-band p{font-size:13px}
 .next-step{padding-top:5px}.next-step-heading{grid-template-columns:1fr;gap:24px;margin-bottom:26px}.next-step-heading h2{font-size:32px}.next-step-heading p{font-size:14px}.consult-paths{grid-template-columns:1fr;gap:15px}.consult-path{padding:26px 0}.consult-path h3{font-size:22px}.consult-path p{font-size:14px;min-height:0;margin-bottom:24px}.consult-path .action{font-size:13px;width:100%}
 .faq-row>summary{font-size:14px;padding-block:24px}.faq-answer p{font-size:14px}.filter{font-size:13px;min-height:46px;padding:11px 15px}.faq-filters{gap:10px}.filter-count{font-size:12px;margin:-8px 0 15px}.faq-intro .action,.faq-help .action{font-size:13px}
 .sub-hero{padding-top:120px;min-height:460px}.sub-hero p{max-width:100%}.breadcrumb{font-size:12px}.review-note{font-size:13px;line-height:2}.review-article h2{font-size:26px}.review-article blockquote p{font-size:14px;line-height:2.2}.review-source{font-size:12px}
 .company-section p,.company-details>div{font-size:12px;line-height:1.9}.company-details>div{grid-template-columns:100px minmax(0,1fr);gap:12px}.contact-content h2{font-size:42px}.contact-content .small-note{font-size:12px}.contact-actions .action{font-size:13px}
 .footer-bottom{grid-template-columns:1fr;gap:22px}.footer-bottom p{font-size:12px}.footer-bottom>div{flex-direction:row;flex-wrap:wrap;justify-content:start;align-items:start;font-size:12px;gap:10px 22px}.footer-bottom>div a{min-height:44px;display:flex;align-items:center}.copyright{gap:20px}.motion-toggle{font-size:12px}.footer{padding-bottom:calc(100px + env(safe-area-inset-bottom))}.mobile-dock a{min-height:46px;font-size:12px;padding-inline:13px}.mobile-dock{gap:8px}.toast{font-size:12px;line-height:1.7;bottom:calc(92px + env(safe-area-inset-bottom));max-width:calc(100% - 32px);width:max-content}.dialog-caption,.message-content p{font-size:13px}
}
@media(max-width:359px){.wrap{width:calc(100% - 32px)}.header,.header.scrolled{padding-inline:16px}.header .wordmark{font-size:25px}.header-actions{gap:4px}.header .wordmark small{font-size:6.5px}.sound-label{font-size:9px}.hero{padding-inline:18px}.hero h1{font-size:9.2vw}.hero-kicker{font-size:9px}.hero-sub{font-size:12px}.hero-bottom{gap:12px}.hero-brand{font-size:18.6vw}.play-button>span:last-child{max-width:90px}.school-heading h2{font-size:33px}.mobile-dock a{font-size:11px;padding-inline:10px}.next-step-heading h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){.light-sweep{display:none!important}.ignite-symbol{transition:none}.hero-copy,.hero-bottom,.ignite-button{animation:none!important}}
.reduced-motion .light-sweep{display:none!important}.reduced-motion .ignite-symbol{transition:none}

.memo-actions{display:flex;flex-wrap:wrap;gap:5px 24px}.memo-actions .text-button{font-size:12px}

/* Keep both performance controls in the same compact row. */
.hero-bottom .ignite-button{order:0;align-self:center;margin:0;padding:8px 0;flex-shrink:0}
@media(max-width:1100px){.hero-brand{font-size:10vw}.hero-bottom{gap:24px}}
@media(max-width:900px){.hero-brand{display:none}.hero-bottom{justify-content:start;gap:35px;margin-top:30px}.hero{min-height:780px}}
@media(max-width:640px){.hero{min-height:735px}.hero-bottom{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:25px}.hero-bottom .play-button{justify-content:start;gap:8px}.hero-bottom .ignite-button{min-width:0;gap:9px}.ignite-symbol{width:34px;height:34px;flex-shrink:0;font-size:24px}.hero-bottom .ignite-button>span:last-child{font-size:11px}.hero-bottom .ignite-button small{font-size:9px;letter-spacing:.06em}.hero-bottom .play-button>span:last-child{font-size:10px;max-width:85px}.hero-bottom .play-button small{font-size:10px}.hero-bottom .play-icon{width:34px;height:34px;flex-shrink:0}}