@layer components{[data-form]{font-family:var(--font-display);text-transform:uppercase;white-space:nowrap;margin-left:calc(var(--lsb) * -1em);line-height:.8}[data-form=dao]{--ink:2.696;--lsb:.074;font-weight:900;font-stretch:125%}[data-form=katana]{--ink:4.607;--lsb:.12;font-weight:100;font-stretch:125%}[data-form=boxe]{--ink:1.927;--lsb:.04;font-weight:900;font-stretch:62%}.ma-hero{background:var(--color-paper);color:var(--color-ink);container:ma-hero/inline-size}.ma-hero-stage{--content:calc(100cqw - 2 * var(--gutter));--word:calc((var(--content) - 44px) / 4.72);--rule:#1b1b1b29;padding:calc(var(--header-h) + clamp(16px, 5cqw, 32px)) var(--gutter) clamp(48px, 12cqw, 72px);grid-template-columns:minmax(0,1fr);display:grid}.ma-intro{letter-spacing:-.012em;text-wrap:pretty;max-width:26ch;margin-top:clamp(20px,5cqw,28px);font-size:clamp(20px,5.4cqw,24px);line-height:1.3}.ma-index{margin-top:clamp(48px,13cqw,72px)}.ma-index-item{position:relative}.ma-index-item:before,.ma-index-item:last-child:after{content:"";background:var(--rule);transform-origin:0;height:1px;position:absolute;inset:0 0 auto}.ma-index-item:last-child:after{inset:auto 0 0}.ma-index-row{grid-template-columns:minmax(0,1fr) auto;column-gap:16px;padding-block:clamp(22px,6cqw,30px);display:grid}.ma-word{font-size:var(--word);grid-area:1/1;align-self:end;transition:color .5s}.ma-index-text{grid-area:2/1/auto/-1;gap:6px;margin-top:16px;display:grid}.ma-kind,.ma-chapter-kind,.ma-label{letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:500}.ma-kind{color:var(--color-ink-muted)}.ma-gist{font-size:16px;line-height:1.35}.ma-index-arrow{grid-area:1/2;align-self:end;width:clamp(22px,6.4cqw,28px);transition:translate .6s cubic-bezier(.16,1,.3,1);rotate:135deg}.ma-index-row:hover .ma-word,.ma-index-row:focus-visible .ma-word{color:var(--color-wine)}.ma-index-row:hover .ma-index-arrow,.ma-index-row:focus-visible .ma-index-arrow{translate:0 25%}@container ma-hero (width>=64rem){.ma-hero-stage{--word:min(10.2cqw, 16.5svh);column-gap:var(--col-gap);min-height:max(100svh,720px);padding-top:calc(var(--header-h) + clamp(24px, 4svh, 56px));grid-template-rows:auto minmax(clamp(40px,6svh,96px),1fr) auto;grid-template-columns:repeat(12,minmax(0,1fr));padding-bottom:clamp(32px,5svh,64px)}.ma-crumb{grid-area:1/1/auto/span 6}.ma-intro{grid-area:1/9/auto/span 4;max-width:24ch;margin:0;font-size:clamp(20px,1.6cqw,30px)}.ma-index{grid-area:3/1/auto/-1;margin:0}.ma-index-row{column-gap:var(--col-gap);grid-template-columns:repeat(12,minmax(0,1fr));padding-block:clamp(18px,3.2svh,40px)}.ma-word{grid-column:1/span 8}.ma-index-text{grid-area:1/9/auto/span 3;align-self:end;gap:clamp(8px,.8cqw,12px);margin:0}.ma-kind{font-size:clamp(11px,.8cqw,13px)}.ma-gist{text-box:trim-end cap alphabetic;font-size:clamp(16px,1.25cqw,22px)}.ma-index-arrow{grid-column:12;justify-self:end;width:clamp(28px,2.6cqw,48px)}}@media (prefers-reduced-motion:no-preference){.ma-word{animation-delay:calc(.2s + var(--i) * .16s);animation-fill-mode:backwards}.ma-word[data-form=dao]{animation-name:ma-rise;animation-duration:1.2s;animation-timing-function:cubic-bezier(.16,1,.3,1)}.ma-word[data-form=katana]{animation-name:ma-cut;animation-duration:.9s;animation-timing-function:cubic-bezier(.8,0,.15,1)}.ma-word[data-form=boxe]{animation-name:ma-jab;animation-duration:.7s;animation-timing-function:cubic-bezier(.3,1.6,.5,1)}.ma-index-item:before,.ma-index-item:last-child:after{animation:1.2s cubic-bezier(.16,1,.3,1) backwards ma-rule;animation-delay:calc(.1s + var(--i) * .16s)}.ma-index-text,.ma-index-arrow,.ma-intro{animation:1s backwards ma-fade;animation-delay:calc(.6s + var(--i,0) * .16s)}}.ma-chapter{background:var(--bg);color:var(--fg);container:ma-chapter/inline-size}.ma-chapter[data-discipline=dao]{--bg:#4e1722;--fg:var(--color-paper);--soft:#f0ede6b3;--rule:#f0ede633}.ma-chapter[data-discipline=katana]{--bg:var(--color-paper);--fg:var(--color-ink);--soft:var(--color-ink-muted);--rule:#1b1b1b29}.ma-chapter[data-discipline=boxe]{--bg:var(--color-ink);--fg:var(--color-paper);--soft:#f0ede6a8;--rule:#f0ede62e}.ma-chapter :focus-visible{outline-color:currentColor}.ma-chapter-stage{--content:calc(100cqw - 2 * var(--gutter));--col:calc((var(--content) - 11 * var(--col-gap)) / 12);padding:clamp(88px, 22cqw, 140px) var(--gutter);grid-template-columns:minmax(0,1fr);display:grid}.ma-chapter-kind{color:var(--soft);text-box:trim-both cap alphabetic}.ma-name{font-size:calc(var(--content) / var(--ink));margin-top:clamp(18px,5cqw,26px)}.ma-photo{aspect-ratio:var(--ar);background:var(--photo-bg,transparent);margin-top:clamp(36px,10cqw,56px);position:relative;overflow:hidden}.ma-photo img{object-fit:contain;width:100%;height:100%;display:block}[data-discipline=dao] .ma-photo,[data-discipline=boxe] .ma-photo{--photo-bg:#e6e1d7}.ma-body{justify-items:start;margin-top:clamp(36px,10cqw,56px);display:grid}.ma-lead{letter-spacing:-.014em;text-wrap:pretty;max-width:30ch;font-size:clamp(22px,6cqw,28px);line-height:1.28}.ma-proof{text-wrap:pretty;max-width:44ch;color:var(--soft);margin-top:clamp(16px,4cqw,22px);font-size:16px;line-height:1.45}.ma-details{gap:36px;width:100%;margin-top:clamp(44px,12cqw,64px);display:grid}.ma-label{color:var(--soft);margin-bottom:14px}.ma-learn li{border-top:1px solid var(--rule);letter-spacing:-.008em;padding-block:13px;font-size:clamp(17px,4.6cqw,19px);line-height:1.3}.ma-learn li:last-child{border-bottom:1px solid var(--rule)}.ma-notes p{max-width:40ch;font-size:16px;line-height:1.5}.ma-notes p+.ma-label{margin-top:28px}.ma-cta{width:clamp(112px,30cqw,136px);margin-top:clamp(44px,12cqw,64px)}@container ma-chapter (width>=64rem){.ma-chapter-stage{column-gap:var(--col-gap);grid-template-rows:auto auto 1fr;grid-template-columns:repeat(12,minmax(0,1fr));padding-block:clamp(120px,11cqw,200px)}.ma-photo{margin:0}.ma-body{margin-top:clamp(48px,4.4cqw,80px)}.ma-lead{font-size:clamp(24px,1.95cqw,36px)}.ma-proof{font-size:clamp(15px,1.05cqw,18px)}.ma-details{column-gap:var(--col-gap);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:clamp(48px,4.4cqw,80px)}.ma-learn li{font-size:clamp(17px,1.25cqw,22px)}.ma-notes p{font-size:clamp(16px,1.1cqw,19px)}.ma-cta{width:clamp(132px,9cqw,168px);margin-top:clamp(56px,5cqw,96px)}[data-discipline=dao] .ma-photo,[data-discipline=boxe] .ma-photo{top:calc(var(--header-h) + 24px);height:min(calc(100svh - var(--header-h) - 48px), calc(var(--col) * 7.5 + var(--col-gap) * 6));grid-row:1/span 3;place-self:start;width:auto;position:sticky}[data-discipline=dao] .ma-photo{grid-column:1/span 5}[data-discipline=dao] :is(.ma-chapter-kind,.ma-name,.ma-body){grid-column:7/span 6}[data-discipline=dao] .ma-name{font-size:calc((6 * var(--col) + 5 * var(--col-gap)) / var(--ink))}[data-discipline=katana] :is(.ma-chapter-kind,.ma-name){grid-column:1/-1}[data-discipline=katana] .ma-name{font-size:calc(var(--content) / var(--ink))}[data-discipline=katana] .ma-photo{top:calc(var(--header-h) + 24px);--photo-bg:#e6e1d7;aspect-ratio:auto;height:min(calc(100svh - var(--header-h) - 48px), calc(var(--col) * 9 + var(--col-gap) * 8));grid-area:3/1/auto/span 6;align-self:start;width:100%;margin-top:clamp(48px,4.4cqw,80px);padding:clamp(20px,2.2cqw,40px);position:sticky}[data-discipline=katana] .ma-body{grid-area:3/8/auto/span 5;align-self:start}[data-discipline=katana] .ma-details{grid-template-columns:minmax(0,1fr)}[data-discipline=boxe] .ma-photo{grid-column:8/span 5}[data-discipline=boxe] :is(.ma-chapter-kind,.ma-body){grid-column:1/span 6}[data-discipline=boxe] .ma-name{font-size:calc((5 * var(--col) + 4 * var(--col-gap)) / var(--ink));grid-column:1/span 5}}@media (prefers-reduced-motion:no-preference){.ma-photo img{transition:clip-path 1.3s cubic-bezier(.65,0,.25,1),translate 1.3s cubic-bezier(.16,1,.3,1)}[data-discipline=dao] .ma-photo img{clip-path:circle(150% at 12% 4%)}[data-discipline=dao] .ma-photo:not([data-revealed]) img{clip-path:circle(0% at 12% 4%)}[data-discipline=katana] .ma-photo img{clip-path:polygon(0 0,200% 0,0 200%);transition-duration:1s;transition-timing-function:cubic-bezier(.8,0,.15,1)}[data-discipline=katana] .ma-photo:not([data-revealed]) img{clip-path:polygon(0 0,0 0,0 0)}[data-discipline=boxe] .ma-photo img{clip-path:inset(0);transition-duration:.7s,.9s;transition-timing-function:cubic-bezier(.2,.9,.1,1),cubic-bezier(.3,1.5,.5,1)}[data-discipline=boxe] .ma-photo:not([data-revealed]) img{clip-path:inset(0 0 0 100%);translate:6%}}}@keyframes ma-rise{0%{clip-path:inset(100% -10% -20%);translate:0 .35em}to{clip-path:inset(-20% -10%);translate:0}}@keyframes ma-cut{0%{clip-path:inset(-20% 100% -20% -10%)}to{clip-path:inset(-20% -10%)}}@keyframes ma-jab{0%{opacity:0;translate:-.3em}30%{opacity:1}to{opacity:1;translate:0}}@keyframes ma-rule{0%{scale:0 1}}@keyframes ma-fade{0%{opacity:0;translate:0 8px}}