@layer properties,theme,base;@layer components{.mp-top-in{padding-block:clamp(2.5rem, 1.5rem + 4vw, 5rem) var(--nd-section);gap:clamp(2rem,1.5rem + 3vw,3.5rem);display:grid}.mp-title{max-width:14ch;margin-top:1.5rem}.mp-top-lead{align-content:end;gap:1.25rem;max-width:52ch;display:grid}@media (width>=1000px){.mp-top-in{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:end}}.mp-photo{position:relative;overflow:clip}.mp-photo img{object-fit:cover;filter:saturate(.55)contrast(1.06)brightness(.78);width:100%;height:clamp(17rem,46vw,34rem)}.mp-photo figcaption{background:linear-gradient(transparent, color-mix(in oklab, var(--color-void) 62%, transparent) 55%, color-mix(in oklab, var(--color-void) 96%, transparent));color:var(--color-steel);font-size:var(--t-small);text-wrap:pretty;padding-block:clamp(3rem,2rem + 4vw,6rem) clamp(1.25rem,1rem + 2vw,2.5rem);line-height:1.5;position:absolute;inset:auto 0 0}.mp-photo figcaption p{width:100%;max-width:var(--nd-max);padding-inline:var(--nd-gutter);margin-inline:auto}@media (width>=60rem){.mp-photo figcaption p{padding-right:52%}}.mp-photo figcaption b{color:var(--color-bone);font-weight:700}.mp-label{font-family:var(--font-mono);font-size:var(--t-label);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-soft);font-weight:400}.mp-before-in{padding-block:var(--nd-section);gap:clamp(2.25rem,1.5rem + 3vw,4rem);display:grid}.mp-before-title{max-width:20ch;margin-top:1.5rem}.mp-before-lead{max-width:44ch;margin-top:1.5rem}.mp-before-body{align-content:start;gap:1.75rem;display:grid}.mp-written{border-top:1px solid var(--rule);margin-top:-.75rem}.mp-written li{border-bottom:1px solid var(--rule);font-size:var(--t-body);color:var(--fg);text-wrap:pretty;padding-block:.75rem;line-height:1.5}.mp-plate{border:1px solid var(--rule-strong);gap:.5rem;padding:clamp(1rem,.8rem + 1vw,1.5rem);display:grid}.mp-plate b{font-family:var(--font-mono);font-size:var(--t-label);letter-spacing:.16em;text-transform:uppercase;color:var(--nd-accent);font-weight:400}.mp-plate span{font-size:var(--t-small);color:var(--fg-soft);text-wrap:pretty;line-height:1.6}@media (width>=1000px){.mp-before-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;column-gap:clamp(3rem,1rem + 5vw,6rem)}}.mp-run-in{--mp-x:1.125rem;--mp-inset:calc(var(--mp-x) * 2 + .875rem);--mp-pad:clamp(2.5rem, 2rem + 3vw, 4.5rem);padding-block:var(--nd-section)}.mp-run-head{max-width:46ch}.mp-run-title{max-width:18ch;margin-top:1.5rem}.mp-run-lead{margin-top:1.5rem}.mp-spine{margin-top:clamp(2.5rem,2rem + 2.5vw,4rem)}.mp-phase,.mp-end{padding-left:var(--mp-inset);position:relative}.mp-phase{padding-block:var(--mp-pad)}.mp-phase:first-child{padding-top:0}.mp-phase:before,.mp-end:before{content:"";top:0;bottom:0;left:var(--mp-x);background:var(--rule);width:1px;position:absolute}.mp-phase:first-child:before{top:var(--mp-x)}.mp-end:before{height:calc(var(--mp-pad) + var(--mp-x));bottom:auto}.mp-mark{width:calc(var(--mp-x) * 2);aspect-ratio:1;border:1px solid color-mix(in oklab, var(--nd-accent) 55%, transparent);background:var(--bg);font-family:var(--font-mono);letter-spacing:.04em;color:var(--nd-accent);border-radius:50%;place-items:center;font-size:.6875rem;display:grid;position:absolute;top:0;left:0}.mp-phase:not(:first-child) .mp-mark,.mp-end .mp-mark{top:var(--mp-pad)}.mp-mark-end{border-color:var(--nd-accent);background:var(--nd-accent)}.mp-mark-end:after{content:"";background:var(--bg);border-radius:50%;width:.5rem;height:.5rem}.mp-name{letter-spacing:-.034em;gap:.625rem;font-size:clamp(1.75rem,1.3rem + 2.1vw,2.75rem);font-weight:800;line-height:1;display:grid}.mp-name i{font-family:var(--font-mono);font-style:normal;font-size:var(--t-label);letter-spacing:.18em;text-transform:uppercase;color:var(--fg-soft);font-weight:400}.mp-goal{max-width:40ch;font-size:var(--t-lead);letter-spacing:-.012em;color:var(--fg);text-wrap:balance;margin-top:1.25rem;line-height:1.4}.mp-cols{gap:clamp(1.75rem,1.4rem + 1.6vw,2.75rem);margin-top:clamp(1.75rem,1.5rem + 1.5vw,2.5rem);display:grid}.mp-do p,.mp-you p{font-size:var(--t-body);color:var(--fg-soft);text-wrap:pretty;margin-top:.625rem;line-height:1.7}.mp-do p{max-width:58ch}.mp-you{border-top:1px solid var(--rule);padding-top:1.25rem}.mp-you p{max-width:46ch}.mp-close{border-top:1px solid var(--rule);gap:.5rem;max-width:62ch;margin-top:clamp(1.75rem,1.5rem + 1.4vw,2.5rem);padding-top:1.25rem;display:grid;position:relative}.mp-close:before{content:"";background:var(--nd-accent);width:clamp(2.5rem,5vw,4rem);height:2px;position:absolute;inset:-1px auto auto 0}.mp-close b{font-family:var(--font-mono);font-size:var(--t-label);letter-spacing:.16em;text-transform:uppercase;color:var(--nd-accent);font-weight:400}.mp-close span{font-size:var(--t-body);color:var(--fg);text-wrap:pretty;line-height:1.55}.mp-aside{margin-top:1.5rem}.mp-end{padding-top:var(--mp-pad)}.mp-end-body{border-top:1px solid var(--rule-strong);max-width:62ch;padding-top:clamp(1.75rem,1.4rem + 1.5vw,2.5rem)}.mp-end-title{max-width:22ch}.mp-done{border-top:1px solid var(--rule);max-width:60ch;margin-top:1.5rem}.mp-done li{border-bottom:1px solid var(--rule);font-size:var(--t-body);text-wrap:pretty;padding:.75rem 0 .75rem 1.5rem;line-height:1.5;position:relative}.mp-done li:before{content:"";background:var(--nd-accent);width:.5rem;height:1px;position:absolute;top:1.35em;left:0}.mp-end-note{max-width:56ch;font-size:var(--t-small);color:var(--fg-soft);text-wrap:pretty;margin-top:1.5rem;line-height:1.6}@media (width>=900px){.mp-run-in{--mp-x:1.5rem;--mp-inset:calc(var(--mp-x) * 2 + 2rem)}}@media (width>=1100px){.mp-cols{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);column-gap:clamp(2.5rem,1rem + 4vw,4.5rem)}.mp-you{border-top:0;border-left:1px solid var(--rule);padding-top:0;padding-left:clamp(1.5rem,.5rem + 2vw,2.5rem)}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.mp-phase:after{content:"";top:0;bottom:0;left:var(--mp-x);background:color-mix(in oklab, var(--nd-accent) 70%, transparent);transform-origin:top;width:1px;animation:linear both mp-draw view();animation-range:entry 25% cover 55%;position:absolute;scale:1 0}.mp-phase:first-child:after{top:var(--mp-x)}}}.mp-pair-in{padding-block:var(--nd-section) clamp(2.5rem, 2rem + 3vw, 4.5rem);gap:clamp(2.25rem,1.5rem + 3vw,4rem);display:grid}.mp-pair-title{max-width:18ch;margin-top:1.5rem}.mp-pair-lead{max-width:40ch;margin-top:1.5rem}.mp-defs{border-top:1px solid var(--rule)}.mp-defs>div{border-bottom:1px solid var(--rule);gap:.375rem;padding-block:1rem;display:grid}.mp-defs dt{font-size:var(--t-body);letter-spacing:-.02em;font-weight:800}.mp-defs dd{font-size:var(--t-small);color:var(--fg-soft);text-wrap:pretty;margin:0;line-height:1.6}.mp-pair-note{max-width:60ch;font-size:var(--t-small);color:var(--fg-soft);text-wrap:pretty;margin-top:1.75rem;line-height:1.65}@media (width>=640px){.mp-defs>div{grid-template-columns:minmax(0,.55fr) minmax(0,1fr);align-items:baseline;gap:.375rem 2rem}}@media (width>=1000px){.mp-pair-in{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;column-gap:clamp(3rem,1rem + 5vw,6rem)}}.mp-change-in{padding-block:clamp(2.5rem, 2rem + 3vw, 4.5rem) var(--nd-section);border-top:1px solid var(--rule);gap:clamp(2.25rem,1.5rem + 3vw,3.5rem);display:grid}.mp-change-head{max-width:52ch}.mp-change-title{max-width:16ch;margin-top:1.5rem}.mp-change-lead{margin-top:1.5rem}.mp-steps{background:var(--rule);border-block:1px solid var(--rule);gap:1px;display:grid}.mp-steps li{background:var(--bg);align-content:start;gap:.5rem;padding:clamp(1.25rem,1rem + 1vw,1.75rem) 0;display:grid}.mp-steps i{font-family:var(--font-mono);font-style:normal;font-size:var(--t-label);letter-spacing:.16em;color:var(--nd-accent)}.mp-steps b{font-size:var(--t-body);letter-spacing:-.02em;font-weight:800}.mp-steps span{max-width:34ch;font-size:var(--t-small);color:var(--fg-soft);text-wrap:pretty;line-height:1.6}@media (width>=820px){.mp-steps{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:1px}.mp-steps li{padding-inline:clamp(1.25rem,.5rem + 2vw,2.25rem)}.mp-steps li:first-child{padding-left:0}.mp-steps li:last-child{padding-right:0}}}@layer utilities;