.kata-practice{--kata-practice-ms:460ms;--kata-practice-ease:cubic-bezier(0.22,1,0.36,1);--kata-practice-swap:fade;--kata-practice-tilt:-4.8deg;background-color:var(--wp--preset--color--surface);color:var(--wp--preset--color--white);overflow:clip;padding-block:3.188vw 4.25vw;position:relative}.kata-practice__title{font-size:var(--wp--preset--font-size--xxl);font-weight:700;line-height:1.3;margin:0 0 1.125vw;text-align:center}.kata-practice__rows{border-block-start:1px solid hsla(0,0%,100%,.5);list-style:none;margin:0;padding:0}.kata-practice__row{border-block-end:1px solid hsla(0,0%,100%,.5);min-block-size:7.063vw;overflow:hidden;position:relative}.kata-practice__head{align-items:center;background:transparent;block-size:7.063vw;border:0;color:inherit;cursor:pointer;display:flex;font-family:inherit;gap:3.813vw;inset-block-start:0;inset-inline:0;justify-content:flex-start;padding-inline:25.125vw var(--wp--preset--spacing--40);position:absolute;text-align:start;z-index:1}.kata-practice__head:focus-visible{outline:2px solid var(--wp--preset--color--white);outline-offset:-4px}.kata-practice__copy{align-items:flex-start;display:flex;flex-direction:column;white-space:nowrap}.kata-practice__row.is-copy-open .kata-practice__copy{inline-size:max-content;max-inline-size:30.5vw;white-space:normal}.kata-practice__row.is-copy-open .kata-practice__head{block-size:auto;inset-block-start:4.625vw;padding-inline-start:24.938vw}.kata-practice__row-title{font-size:clamp(24px,2vw,2rem);font-weight:700;line-height:1.3}.kata-practice__row-subtitle{font-size:clamp(18px,1.5vw,1.5rem);font-weight:400;line-height:1.3}.kata-practice__row.is-copy-open .kata-practice__row-title{font-size:clamp(24px,2.625vw,2.625rem)}.kata-practice__row.is-copy-open .kata-practice__row-subtitle{font-size:clamp(18px,2vw,2rem)}.kata-practice__mark{aspect-ratio:1;color:var(--wp--preset--color--white);display:grid;flex:none;inline-size:2.813vw;min-inline-size:30px;place-items:center}.kata-practice__row.is-copy-open .kata-practice__mark{color:var(--wp--preset--color--purple);inline-size:5.813vw;min-inline-size:56px}.kata-practice .kata-practice-icon{block-size:auto;inline-size:100%}.kata-practice__panel{block-size:0;overflow:hidden}.kata-practice__row.is-open .kata-practice__panel{block-size:16.187vw;margin-block-start:calc(3.438vw - 1px);overflow:visible}.kata-practice:not(.kata-practice--faq) .kata-practice__row.is-open .kata-practice__panel{margin-block-start:0}.kata-practice:not(.kata-practice--faq) .kata-practice__row.is-revealed{clip-path:inset(-100vw 0 0 0);overflow:visible}.kata-practice__panel-inner{isolation:isolate;position:relative}.kata-practice__panel-inner{block-size:16.187vw;min-block-size:150px}.kata-practice__bg{block-size:302.2%;inline-size:100%;object-fit:cover;object-position:center;opacity:.9}.kata-practice__bg,.kata-practice__scrim{inset-block-start:0;inset-inline:0;position:absolute}.kata-practice__scrim{background-image:linear-gradient(to bottom,var(--wp--preset--color--surface) 0,rgba(35,39,40,0) 100%);block-size:62%;pointer-events:none}.kata-practice__card{inline-size:28.387vw;inset-block-start:-2.444vw;inset-inline-start:66.494vw;max-inline-size:45%;opacity:0;position:absolute;transform:rotate(var(--kata-practice-tilt)) translateY(24%);transition:transform var(--kata-practice-ms) var(--kata-practice-ease),opacity calc(var(--kata-practice-ms)*.4) linear;z-index:2}.kata-practice__row.is-revealed .kata-practice__card{opacity:1;transform:rotate(var(--kata-practice-tilt)) translateY(0)}.kata-practice__card-img{aspect-ratio:454.191/323.331;block-size:auto;display:block;inline-size:100%;object-fit:cover}@media(max-width:781px){.kata-practice{padding-block:var(--wp--preset--spacing--60) var(--wp--preset--spacing--50)}.kata-practice__row{min-block-size:0}.kata-practice__head{block-size:auto;position:static}.kata-practice__copy,.kata-practice__row.is-copy-open .kata-practice__copy{inline-size:auto;max-inline-size:none;white-space:normal}.kata-practice__row.is-copy-open .kata-practice__head{block-size:auto;inset-block-start:auto;padding-block:var(--wp--preset--spacing--40);padding-inline:var(--wp--preset--spacing--40)}.kata-practice__row.is-open .kata-practice__panel{block-size:auto;margin-block-start:0;overflow:hidden}.kata-practice{--kata-practice-swap:none}.kata-practice__title{font-size:2rem;margin-block-end:var(--wp--preset--spacing--50)}.kata-practice__head{gap:var(--wp--preset--spacing--40);min-block-size:0;padding-block:var(--wp--preset--spacing--40);padding-inline:var(--wp--preset--spacing--40)}.kata-practice__mark,.kata-practice__row.is-open .kata-practice__mark{inline-size:45px;min-inline-size:45px}.kata-practice__panel-inner{aspect-ratio:395/240;block-size:auto;min-block-size:0}.kata-practice__card{inline-size:80.076vw;inset-block-end:-3.544vw;inset-block-start:auto;inset-inline-start:7.949vw;max-inline-size:none;transform:rotate(var(--kata-practice-tilt)) translateY(18%)}.kata-practice__card-img{aspect-ratio:316.3/189.12}.kata-practice__bg{block-size:100%}}@media(prefers-reduced-motion:reduce){.kata-practice__card{transform:rotate(var(--kata-practice-tilt));transition:none}}@media(max-width:1099px){.kata-practice__row{display:flex;flex-direction:column;min-block-size:7.063rem}.kata-practice__head{flex:1 0 auto}.kata-practice__mark{block-size:2.813rem;inline-size:2.813rem}}.kata-practice--faq{--kata-practice-swap:none;padding-block-end:0}.kata-practice--faq .kata-practice__background,.kata-practice--faq .kata-practice__card,.kata-practice--faq .kata-practice__scrim{display:none}.kata-practice--faq .kata-practice__panel-inner{aspect-ratio:auto;min-block-size:0;padding-inline:22.959vw 8.125vw}.kata-practice--faq .kata-practice__answer{font-size:var(--wp--preset--font-size--md);line-height:1.3;margin:0;padding-block-start:2vw}.kata-practice--faq .kata-practice__row.is-copy-open .kata-practice__row-title{font-size:clamp(24px,2vw,2rem)}.kata-practice--faq .kata-practice__row.is-open .kata-practice__panel,.kata-practice--faq .kata-practice__row.is-open .kata-practice__panel-inner{block-size:auto}.kata-practice--faq .kata-practice__answer{padding-block-end:3.281vw}.kata-practice--faq .kata-practice__row.is-copy-open .kata-practice__head{block-size:7.063vw;inset-block-start:0;padding-inline:25.125vw var(--wp--preset--spacing--40)}.kata-practice--faq .kata-practice__copy,.kata-practice--faq .kata-practice__row.is-copy-open .kata-practice__copy{inline-size:100%;max-inline-size:none;white-space:normal}.kata-practice--faq .kata-practice__row-title{inline-size:100%;text-align:start}.kata-practice--faq .kata-practice__panel-inner{padding-inline:24.916vw 22.959vw}.kata-practice--faq .kata-practice__title{padding-inline-start:24.916vw;text-align:start}.kata-practice--faq .kata-practice__mark{display:none}.kata-practice--faq .kata-practice__rows{border-block-start-color:hsla(0,0%,100%,.5)}.kata-practice--faq .kata-practice__row{border-block-end-color:hsla(0,0%,100%,.5)}.kata-practice--faq .kata-practice__row.is-open{background-color:var(--wp--preset--color--black);background-image:linear-gradient(to bottom,var(--wp--preset--color--surface) 0,rgba(35,39,40,0) 6vw);background-repeat:no-repeat}@media(max-width:781px){.kata-practice--faq{padding-block:51px 0}.kata-practice--faq .kata-practice__title{font-size:2rem;line-height:1.3;margin-block-end:31px;padding-inline:20px;padding-inline-start:20px}.kata-practice--faq .kata-practice__head,.kata-practice--faq .kata-practice__row.is-copy-open .kata-practice__head{block-size:auto;min-block-size:113px;padding-block:32.5px;padding-inline:20px;position:static}.kata-practice--faq .kata-practice__row{min-block-size:0}.kata-practice--faq .kata-practice__row-title,.kata-practice--faq .kata-practice__row.is-copy-open .kata-practice__row-title{font-size:1.5rem;line-height:1.3}.kata-practice--faq .kata-practice__row.is-copy-open .kata-practice__head{min-block-size:0;padding-block:41px 0}.kata-practice--faq .kata-practice__row.is-open .kata-practice__panel{margin-block-start:0}.kata-practice--faq .kata-practice__row.is-open .kata-practice__panel,.kata-practice--faq .kata-practice__row.is-open .kata-practice__panel-inner{min-block-size:0}.kata-practice--faq .kata-practice__panel-inner{aspect-ratio:auto;padding-inline:20px}.kata-practice--faq .kata-practice__answer{font-size:1.125rem;line-height:1.3;padding-block:.5rem 23px}.kata-practice--faq .kata-practice__row.is-open{background-image:linear-gradient(to bottom,var(--wp--preset--color--surface) 0,rgba(35,39,40,0) 96px)}}@media(min-width:782px){.kata-practice:not(.kata-practice--faq) .kata-practice__rows{border-block-start:0}.kata-practice:not(.kata-practice--faq) .kata-practice__row:first-child{border-block-start:1px solid rgba(255,255,255,.5)}.kata-practice:not(.kata-practice--faq) .kata-practice__row:first-child.is-open{border-block-start:0;padding-block-start:calc(3.438vw - 1px)}.kata-practice:not(.kata-practice--faq) .kata-practice__row:first-child.is-copy-open .kata-practice__head{inset-block-start:calc(4.625vw + 3.438vw - 1px)}.kata-practice:not(.kata-practice--faq) .kata-practice__row:first-child.is-open .kata-practice__panel-inner:before{background-color:rgba(255,255,255,.5);block-size:1px;content:"";inset-block-start:0;inset-inline:0;position:absolute;z-index:1}}@media(max-width:781px){.kata-practice:not(.kata-practice--faq) .kata-practice__row.is-open .kata-practice__head{block-size:calc(7.063rem - 1px);flex:0 0 auto}.kata-practice:not(.kata-practice--faq) .kata-practice__row:not(.is-open):not(.is-copy-open){justify-content:flex-end}.kata-practice:not(.kata-practice--faq) .kata-practice__row:not(.is-open):not(.is-copy-open) .kata-practice__head{flex:0 0 auto;padding-block:0 1.25rem}}
