@layer theme,base;@layer components{.x-row,.x-index{--x-bleed:max(var(--page-margin), calc((100vw - var(--page-max)) / 2))}.x-loupe{min-width:0;margin:0}.x-loupe__frame{background:var(--color-plate);touch-action:pan-y;position:relative;overflow:hidden}.x-loupe__stage{transform-origin:var(--ox,50%) var(--oy,50%);transition:transform var(--dur-3) var(--ease-house), transform-origin var(--dur-2) var(--ease-soft-out);position:absolute;inset:0}.x-loupe__stage img{object-fit:cover;user-select:none;-webkit-user-drag:none;width:100%;max-width:none;height:100%;position:absolute;inset:0}.x-loupe__fine{opacity:0;transition:opacity var(--dur-2) var(--ease-house)}.x-loupe__fine[data-loaded]{opacity:1}.x-loupe[data-zoomed] .x-loupe__stage{transform:scale(var(--f,2.4))}.x-loupe[data-dragging] .x-loupe__stage{transition:transform var(--dur-3) var(--ease-house)}@media (hover:hover) and (pointer:fine){html[data-js] .x-loupe__frame{cursor:zoom-in}}html[data-js] .x-loupe[data-zoomed] .x-loupe__frame{cursor:grab;touch-action:none}html[data-js] .x-loupe[data-dragging] .x-loupe__frame{cursor:grabbing}.x-loupe__lens{--mount:6px;width:var(--lens,13rem);height:var(--lens,13rem);pointer-events:none;opacity:0;transform:translate3d(var(--lx,0px), var(--ly,0px), 0);background-color:var(--color-plate);box-shadow:0 0 0 1px var(--color-piping), 0 0 0 var(--mount) var(--color-cotton), 0 0 0 calc(var(--mount) + 1.5px) var(--color-piping), 6px 12px 18px 2px rgb(var(--shadow-rgb) / .3);transition:opacity var(--dur-2) var(--ease-soft-out);background-repeat:no-repeat;position:absolute;top:0;left:0}.x-loupe__lens:after{content:"";height:var(--mount);background:repeating-linear-gradient(to right, var(--color-piping) 0 1px, transparent 1px 40px) 0 0 / 100% 100% no-repeat, repeating-linear-gradient(to right, var(--color-piping) 0 1px, transparent 1px 8px) 0 0 / 100% 50% no-repeat;position:absolute;top:100%;left:0;right:0}.x-loupe__lens:before{content:"";width:var(--mount);background:repeating-linear-gradient(to bottom, var(--color-piping) 0 1px, transparent 1px 40px) 100% 0 / 100% 100% no-repeat, repeating-linear-gradient(to bottom, var(--color-piping) 0 1px, transparent 1px 8px) 100% 0 / 50% 100% no-repeat;position:absolute;top:0;bottom:0;right:100%}.x-loupe[data-lens]:not([data-zoomed]) .x-loupe__lens{opacity:1}.x-loupe__foot{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-top:var(--space-1);display:flex}.x-loupe__caption{max-width:30rem;padding-top:.75rem}.x-loupe__toggle{visibility:hidden;flex:none}html[data-js] .x-loupe__toggle{visibility:visible}.x-row{min-width:0}.x-row__scroller{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--color-line-strong) transparent;overflow:auto hidden}html[data-js] .x-row__scroller{scrollbar-width:none}html[data-js] .x-row__scroller::-webkit-scrollbar{display:none}.x-row__scroller:focus-visible{outline-offset:-2px}.x-row__track{gap:var(--grid-gap);width:max-content;margin:0;padding:0;list-style:none;display:flex}.x-row--bleed .x-row__track{padding-right:var(--x-bleed)}.x-row__track>*{flex:0 0 var(--x-row-item,clamp(15rem, 24vw, 21rem));scroll-snap-align:start;min-width:0}@media (hover:hover) and (pointer:fine){html[data-js] .x-row:not([data-fits]) .x-row__scroller{cursor:grab}}.x-row[data-dragging] .x-row__scroller{scroll-snap-type:none;cursor:grabbing;user-select:none}.x-row[data-gliding] .x-row__scroller{scroll-snap-type:none}.x-row__track img{-webkit-user-drag:none}.x-row__foot{align-items:center;gap:var(--space-4);margin-top:var(--space-2);display:none}html[data-js] .x-row:not([data-fits]) .x-row__foot{display:flex}.x-row--bleed .x-row__foot{padding-right:var(--x-bleed)}.x-row__rail{background:var(--color-line-strong);flex:auto;height:1px;position:relative}.x-row__here{height:3px;width:calc(var(--v,1) * 100%);background:var(--color-ink);transform:translateX(calc(var(--p,0) * (100% / var(--v,1) - 100%)));position:absolute;top:-1px;left:0}.x-row__moves{flex:none;margin-right:-.625rem;display:flex}.x-tabs{min-width:0}.x-tabs__list{gap:var(--space-5);box-shadow:inset 0 -1px 0 var(--color-line-strong);scrollbar-width:none;display:flex;position:relative;overflow:auto hidden}.x-tabs__list::-webkit-scrollbar{display:none}html:not([data-js]) .x-tabs__list{display:none}.x-tabs__tab{min-height:3.5rem;padding:0 0 var(--space-3);font-family:var(--font-display);font-size:var(--text-lead);font-weight:var(--display-weight);letter-spacing:var(--text-title--letter-spacing);color:var(--color-ink-3);white-space:nowrap;cursor:pointer;transition:color var(--dur-1) var(--ease-soft-out);-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex:none;margin:0;line-height:1.2}.x-tabs__tab[data-state=active]{color:var(--color-ink);cursor:default}.x-tabs__tab:focus-visible{color:var(--color-ink);outline-offset:-2px}@media (hover:hover){.x-tabs__tab:hover{color:var(--color-ink)}}.x-tabs__list:not([data-ready]) .x-tabs__tab[data-state=active]{box-shadow:inset 0 -3px 0 var(--color-ink)}.x-tabs__mark{width:var(--w,0px);background:var(--color-ink);opacity:0;height:3px;transform:translateX(var(--x,0px));transition:transform var(--dur-2) var(--ease-soft-out), width var(--dur-2) var(--ease-soft-out);position:absolute;bottom:0;left:0}.x-tabs__list[data-ready] .x-tabs__mark{opacity:1}.x-tabs__panel{min-width:0;padding-top:var(--space-4)}.x-tabs__panel:focus-visible{outline-offset:var(--space-1)}.x-tabs__panel+.x-tabs__panel{margin-top:var(--space-5)}.x-tabs__anchor{scroll-margin-top:calc(var(--header-h) + var(--space-6));display:block}.x-tabs__title{margin-bottom:var(--space-3)}html[data-js] .x-tabs__title{display:none}html[data-js] .x-tabs__panels{position:relative}html[data-js] .x-tabs__panels[data-moving]{transition:height var(--dur-2) var(--ease-house);overflow:hidden}html[data-js] .x-tabs__panel{margin-top:0}html[data-js] .x-tabs__panel[data-state=inactive]{opacity:0;visibility:hidden;transition:opacity var(--dur-1) var(--ease-house), visibility 0s var(--dur-1);position:absolute;top:0;left:0;right:0}html[data-js] .x-tabs--even .x-tabs__panels{display:grid}html[data-js] .x-tabs--even .x-tabs__panel{grid-area:1/1;position:static}html[data-js] .x-tabs__panel[data-state=active]{opacity:1;visibility:visible;transition:opacity var(--dur-2) var(--ease-house) var(--dur-1)}@media (prefers-reduced-motion:reduce){html[data-js] .x-tabs__panel[data-state]{transition:none}}.x-steps{--p:1;max-width:64rem;padding-left:var(--space-4);border-top:2px solid var(--color-ink);position:relative}.x-steps__list{margin:0;padding:0;list-style:none}.x-steps__tape{background:linear-gradient(var(--color-line-strong), var(--color-line-strong)) 0 0 / 1px 100% no-repeat;width:3px;position:absolute;top:0;bottom:0;left:0}.x-steps__ink{background:var(--color-ink);transform:scaleY(var(--p));transform-origin:50% 0;position:absolute;inset:0}.x-step{row-gap:var(--space-3);padding-block:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-line-strong);grid-template-columns:minmax(0,1fr);display:grid;position:relative}.x-step__figure{font-family:var(--font-display);font-size:var(--text-display-l);font-weight:var(--display-weight);letter-spacing:-.02em;font-variant-numeric:lining-nums proportional-nums;color:var(--color-ink);line-height:.86}.x-step__text{min-width:0}.x-step__title{margin:0}.x-step__body{margin-top:var(--space-2);max-width:var(--measure-lead);color:var(--color-ink-2)}.x-step__body>*{margin:0}.x-step__body>*+*{margin-top:.6em}.x-step__picture{margin:var(--space-2) 0 0;max-width:17rem}.x-step__caption{margin-top:var(--space-3)}@media (width>=48rem){.x-step{column-gap:var(--grid-gap);grid-template-columns:7rem minmax(0,1fr) minmax(0,13rem);align-items:start}.x-step__picture{grid-area:1/3;max-width:none;margin-top:0}}.x-index{min-width:0}.x-index__list{border-top:2px solid var(--color-ink);margin:0;padding:0;list-style:none}.x-index__row{--act:0;position:relative}.x-index__row:after{content:"";background:linear-gradient(var(--color-ink), var(--color-ink)) 0 0 / calc(var(--act) * 100%) 100% no-repeat, var(--color-line-strong);height:1px;transition:background-size var(--dur-2) var(--ease-soft-out);pointer-events:none;position:absolute;bottom:0;left:0;right:0}.x-index__row:has(>a:focus-visible){--act:1}.x-index__link:focus-visible{outline-offset:-2px}.x-index__link{column-gap:var(--space-3);padding-block:var(--space-3);color:inherit;grid-template-columns:4.5rem minmax(0,1fr);grid-template-areas:"thumb name""thumb note";align-items:center;text-decoration:none;display:grid}.x-index__name{text-wrap:balance;font-family:var(--font-display);font-size:var(--text-title);font-weight:var(--display-weight);line-height:var(--text-title--line-height);letter-spacing:var(--text-title--letter-spacing);grid-area:name;align-self:end}.x-index__note{grid-area:note;align-self:start}.x-index__thumb{aspect-ratio:1;background:var(--color-plate);grid-area:thumb;overflow:hidden}.x-index__thumb picture{width:100%;height:100%;display:block}.x-index__thumb img{object-fit:cover;width:100%;height:100%}.x-index__thumb--contain{background:0 0}.x-index__thumb--contain img{object-fit:contain}.x-index__pane{margin:0;display:none}@media (hover:hover) and (width>=64rem){html[data-js] .x-index{column-gap:var(--grid-gap);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;display:grid}html[data-js] .x-index--pane-left .x-index__list{order:2}html[data-js] .x-index__thumb{display:none}html[data-js] .x-index__link{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name note";align-items:baseline;padding-block:1.125rem}html[data-js] .x-index__name{font-size:var(--text-display-m);line-height:var(--text-display-m--line-height);letter-spacing:var(--text-display-m--letter-spacing);align-self:auto}html[data-js] .x-index__note{text-align:right;align-self:auto}html[data-js] .x-index__row[data-on]{--act:1}html[data-js] .x-index__row:not([data-on]) .x-index__name{color:var(--color-ink-2)}html[data-js] .x-index__pane{top:calc(var(--header-h) + var(--space-4));display:block;position:sticky}.x-index__frame{background:var(--color-plate);position:relative;overflow:hidden}.x-index__layer{visibility:hidden;background:var(--color-plate);position:absolute;inset:0}.x-index__layer--contain{background:var(--color-ground);padding:7%}.x-index__layer picture{width:100%;height:100%;display:block}.x-index__layer img{object-fit:cover;width:100%;max-width:none;height:100%}.x-index__layer--contain img{object-fit:contain}.x-index__layer[data-layer=on]{visibility:visible;z-index:2;clip-path:inset(0);transition:clip-path var(--dur-3) var(--ease-house)}.x-index__layer[data-layer=was]{visibility:visible;z-index:1}.x-index__layer[data-layer=after]{clip-path:inset(0 0 0 100%)}.x-index__layer[data-layer=before]{clip-path:inset(0 100% 0 0)}.x-index__caption{max-width:26rem;min-height:2.4rem;margin-top:.75rem}}.x-term{font:inherit;letter-spacing:inherit;color:inherit;text-align:inherit;cursor:help;transition:color var(--dur-1) var(--ease-soft-out);background:repeating-linear-gradient(90deg,currentColor 0 3px,#0000 3px 6px) 0 100%/100% 1px no-repeat;border:0;padding:0 0 .14em;display:inline}.x-term[data-state=open],.x-term:focus-visible{background-image:linear-gradient(currentColor,currentColor);background-size:100% 2px}@media (hover:hover){.x-term:hover{background-image:linear-gradient(currentColor,currentColor);background-size:100% 2px}}html[data-js] .x-term__plain{display:none}.x-term-note{z-index:var(--z-overlay);width:min(21rem, calc(100vw - 2 * var(--page-margin)));padding:var(--space-3) var(--space-4) var(--space-4);box-shadow:inset 0 0 0 1px var(--color-line-strong);outline:none}.x-term-note[data-state=open]{animation:x-note-in var(--dur-2) var(--ease-house) both}.x-term-note[data-state=closed]{animation:x-note-out var(--dur-1) var(--ease-house) both}.x-term-note__title{margin-bottom:var(--space-2);color:var(--color-ink)}.x-term-note__body{font-family:var(--font-label);font-size:var(--text-small);line-height:var(--text-small--line-height);letter-spacing:var(--text-small--letter-spacing);font-variant-numeric:lining-nums proportional-nums;color:var(--color-ink-2)}.x-term-note__body>*{margin:0}.x-term-note__body>*+*{margin-top:.5em}.x-contents{min-width:0}.x-contents__label{margin-bottom:var(--space-3)}.x-contents__list{border-left:1px solid var(--color-line-strong);margin:0;padding:0;list-style:none;position:relative}.x-contents__mark{width:3px;height:var(--h,0px);background:var(--color-ink);opacity:0;transform:translateY(var(--y,0px));transition:transform var(--dur-2) var(--ease-house), height var(--dur-2) var(--ease-house);position:absolute;top:0;left:-2px}.x-contents__list[data-ready] .x-contents__mark{opacity:1}.x-contents__link{min-height:2.75rem;padding:.25rem 0 .25rem var(--space-3);font-family:var(--font-label);font-size:var(--text-small);font-weight:500;line-height:var(--text-small--line-height);letter-spacing:var(--text-small--letter-spacing);color:var(--color-ink-3);transition:color var(--dur-1) var(--ease-soft-out);align-items:center;text-decoration:none;display:flex}.x-contents__link[aria-current]{color:var(--color-ink)}@media (hover:hover){.x-contents__link:hover{color:var(--color-ink)}}@media (width>=64rem){.x-contents--sticky{top:calc(var(--header-h) + var(--space-4));max-height:calc(100dvh - var(--header-h) - var(--space-5));scrollbar-width:none;align-self:start;position:sticky;overflow-y:auto}}.x-reading{left:0;right:0;top:var(--x-reading-top,var(--header-h));z-index:var(--z-header);pointer-events:none;height:3px;transition:translate var(--dur-2) var(--ease-house);display:none;position:fixed}.x-reading>span{background:var(--color-ink);height:100%;transform:scaleX(var(--p,0));transform-origin:0;display:block}@media (prefers-reduced-motion:no-preference){html[data-js] .x-reading{display:block}}.x-ref{font-family:var(--font-label);font-variant-numeric:lining-nums;vertical-align:.62em;color:var(--color-accent);margin-left:.06em;padding:.5em .08em;font-size:.68em;font-weight:500;line-height:0;text-decoration:none}.x-ref:target,.x-notes__item:target{background:var(--color-ground-3)}.x-notes{max-width:var(--measure)}.x-notes__list{padding:var(--space-3) 0 0;border-top:1px solid var(--color-ink);margin:0;list-style:none}.x-notes__label{margin-bottom:var(--space-2)}.x-notes__item{padding-block:var(--space-1);scroll-margin-top:calc(var(--header-h) + var(--space-4));grid-template-columns:1.5rem minmax(0,1fr);align-items:baseline;display:grid}.x-notes__no{font-family:var(--font-label);font-size:var(--text-caption);font-variant-numeric:lining-nums;color:var(--color-ink);font-weight:500;text-decoration:none}.x-notes__text{color:var(--color-ink-2)}}@layer utilities;@keyframes x-note-in{0%{opacity:0;transform:translateY(var(--space-1))}}@keyframes x-note-out{to{opacity:0}}