.slice--doc{--doc-secondary-col: calc(var(--u-grid) * 9);--doc-intro-aside-col: calc(var(--u-grid) * 9);padding-block-start:var(--space-1x)}.slice--doc .slice__inner>h1:first-child{margin-top:0}.doc__intro{margin-bottom:var(--space-2x)}.doc__intro:has(>.doc__links){display:grid;grid-template-columns:1fr var(--doc-intro-aside-col);column-gap:var(--space-2x);align-items:start}.doc__lead{font-family:var(--font-display);font-size:1.22rem;line-height:var(--leading-1x);font-weight:300;margin-top:0;margin-bottom:0;text-wrap:pretty}.doc__intro>.doc__links>:first-child{margin-top:0}.doc__aside-link{display:flex;align-items:center;gap:var(--space-q);margin-top:var(--space-1x);font-family:var(--font-ui);font-size:var(--type-1x);line-height:var(--leading-1x);font-weight:600;font-feature-settings:var(--ot-display);letter-spacing:var(--tracking-ui);text-transform:uppercase;color:var(--color-text-weak);text-decoration:none;transition:color var(--duration-slow) var(--ease-exit)}.doc__aside-link:hover{color:var(--color-accent);transition:color var(--duration-fast) var(--ease-enter)}figure.doc__featured{--doc-featured-height: calc(var(--u-grid) * 18);display:block;width:100%;height:var(--doc-featured-height);overflow:hidden;border-radius:var(--radius-q);margin-block:var(--space-1x)}figure.doc__featured>img,figure.doc__featured>video{display:block;width:100%;height:100%;object-fit:cover;object-position:center 30%}figure.doc__featured--natural{height:auto}figure.doc__featured--natural>img,figure.doc__featured--natural>video{height:auto;aspect-ratio:auto;object-fit:unset}.slice--doc img,.slice--doc video{border-radius:var(--radius-q)}.doc__body{display:grid;grid-template-columns:var(--doc-secondary-col) 1fr;column-gap:var(--space-2x);align-items:start;overflow:visible}.doc__body>.doc__text{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;row-gap:0;align-items:baseline;overflow:visible}.doc__text>h2{grid-column:1;height:var(--leading-2x);overflow:visible;padding-right:var(--space-1x)}.doc__text>:not(h2){grid-column:2}.doc__text>figure{grid-column:2;width:var(--figure-width, 100%);max-width:var(--figure-max-width, none);margin-inline:auto;margin-bottom:0}.doc__text>figure>*{display:block;width:100%;height:auto}.doc__text>figure:not(.doc__2up):not(.doc__3up):not(.doc__4up)>:is(img,video)+:is(img,video){margin-top:var(--space-1x)}.doc__figure--half{--figure-width: 50%}.doc__figure--third{--figure-width: 33.333%}.doc__figure--quarter{--figure-width: 25%}.doc__text>figure:not(.doc__full):not(.doc__2up):not(.doc__3up):not(.doc__4up):not(.doc__margin){position:relative}.doc__text>figure:not(.doc__full):not(.doc__2up):not(.doc__3up):not(.doc__4up):not(.doc__margin)>figcaption{position:absolute;bottom:0;left:calc(-1 * (var(--doc-secondary-col) + var(--space-2x)));width:var(--doc-secondary-col);margin-top:0}.doc__text>figure.doc__full{grid-column:1 / -1}.doc__text>blockquote{grid-column:1 / -1;margin-bottom:0}.doc__text>figure.doc__2up{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-1x)}.doc__text>figure.doc__4up{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-1x)}.doc__text>figure.doc__3up{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-1x)}.doc__text>figure:is(.doc__2up,.doc__3up,.doc__4up)>figcaption{grid-column:1 / -1;justify-self:start;max-width:var(--doc-secondary-col);margin-top:calc(var(--space-q) - var(--space-1x))}@media(min-width:70rem){.doc__text>figure.doc__overwide{width:calc(100% + var(--u-grid) * 8);margin-inline:calc(var(--u-grid) * -4);max-width:none}.doc__text>figure.doc__overwide:is(.doc__2up,.doc__3up,.doc__4up)>figcaption{margin-left:calc(var(--u-grid) * 4)}}.doc__placeholder{aspect-ratio:3 / 2;position:relative;padding:var(--space-2x);background:oklch(from var(--color-text) l c h / .04);border-radius:var(--radius-q);display:grid;place-items:center;font-family:var(--font-ui);font-size:var(--type-caption);font-weight:400;line-height:var(--leading-caption);text-align:center;text-wrap:pretty;color:var(--color-text-weak)}.doc__placeholder:before{content:"";position:absolute;inset:var(--space-1x);border:1px dashed oklch(from var(--color-text) l c h / .25);border-radius:calc(var(--radius-q) / 2);pointer-events:none}.doc__text>figure.doc__margin{grid-column:1;align-self:start;height:0;overflow:visible}.doc__margin[data-raise]{position:relative}.doc__margin[data-raise="1"]{top:calc(var(--u-grid) * -1)}.doc__margin[data-raise="2"]{top:calc(var(--u-grid) * -2)}.doc__margin[data-raise="3"]{top:calc(var(--u-grid) * -3)}.doc__margin[data-raise="4"]{top:calc(var(--u-grid) * -4)}.doc__margin[data-raise="5"]{top:calc(var(--u-grid) * -5)}.doc__margin[data-raise="6"]{top:calc(var(--u-grid) * -6)}.doc__margin[data-raise="7"]{top:calc(var(--u-grid) * -7)}.doc__margin[data-raise="8"]{top:calc(var(--u-grid) * -8)}.doc__margin[data-raise="9"]{top:calc(var(--u-grid) * -9)}.doc__margin[data-raise="10"]{top:calc(var(--u-grid) * -10)}.doc__margin[data-raise="11"]{top:calc(var(--u-grid) * -11)}.doc__margin[data-raise="12"]{top:calc(var(--u-grid) * -12)}.doc__margin[data-raise="13"]{top:calc(var(--u-grid) * -13)}.doc__margin[data-raise="14"]{top:calc(var(--u-grid) * -14)}.doc__margin[data-raise="15"]{top:calc(var(--u-grid) * -15)}[data-tonality=light] :is(img,video),img[data-tonality=light],video[data-tonality=light]{box-shadow:var(--lift-light)}[data-tonality=dark] :is(img,video),img[data-tonality=dark],video[data-tonality=dark]{box-shadow:var(--lift-dark)}.doc__text>.credits-team{grid-column:1 / -1}@media(max-width:768px){.slice--doc{--doc-secondary-col: calc(var(--u-grid) * 8);--doc-intro-aside-col: calc(var(--u-grid) * 6)}.doc__text>figure.doc__2up,.doc__text>figure.doc__3up{grid-template-columns:1fr}.doc__text>figure.doc__4up{grid-template-columns:repeat(2,minmax(0,1fr))}.doc__text>figure:is(.doc__2up,.doc__3up,.doc__4up)>figcaption{max-width:none;margin-left:0}}@media(max-width:640px){.doc__intro:has(>.doc__links){display:block}.doc__intro>.doc__links{display:flex;flex-wrap:wrap;gap:var(--space-1x);margin-top:var(--space-1x)}.doc__intro>.doc__links>.doc__aside-link{margin-top:0}.doc__body,.doc__body>.doc__text{display:block}.doc__text>h2{height:auto;overflow:visible}.doc__text>figure.doc__margin{height:auto;margin-top:var(--space-1x);margin-bottom:var(--space-1x)}.doc__margin[data-raise]{position:static;top:auto}.doc__text>figure:not(.doc__full):not(.doc__2up):not(.doc__3up):not(.doc__4up):not(.doc__margin)>figcaption{position:static;width:auto;margin-top:var(--space-q)}}
