.off-footer{position:relative;display:block}.off-footer .off-text-small,.off-footer .off-text-medium{text-align:center}.off-header{position:sticky;top:0;z-index:var(--off-z-overlay, 10);background:linear-gradient(to bottom,var(--off-color-light) 0%,var(--off-color-light) 54%,rgb(from var(--off-color-light) r g b / 0) 100%);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;column-gap:var(--off-gap-1);row-gap:var(--off-gap-2)}.main-index{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;column-gap:var(--off-gap-1);row-gap:var(--off-gap-2);align-content:start;justify-items:start;position:relative}.main-index__item{position:relative;transition:opacity var(--off-fade-fast-duration) ease}.main-index--chapter{display:flex;flex-wrap:nowrap;overflow-x:auto;column-gap:var(--off-gap-2);row-gap:0;justify-items:normal;scroll-snap-type:x mandatory;scrollbar-width:none}.main-index--chapter::-webkit-scrollbar{display:none}.main-index--chapter .main-index__item{flex-shrink:0;scroll-snap-align:start}.main-index__content{display:flex;flex-direction:column;gap:var(--off-gap-0);width:max-content;text-decoration:none;color:inherit}a.main-index__content{cursor:pointer}.main-index__description{position:absolute;top:calc(100% + var(--off-zone-gap-bottom));left:0;width:max-content;max-width:var(--main-index-desc-max-width, 280px);pointer-events:none;opacity:0;transition:opacity var(--off-fade-fast-duration) ease}.main-index__image{position:absolute;bottom:calc(100% + var(--off-zone-gap-top));left:50%;transform:translate(-50%);margin:0;width:var(--off-image-width);height:auto;pointer-events:none;opacity:0;transition:opacity var(--off-fade-transition-duration) ease}.main-index__image-img{display:block;width:100%;height:auto}.main-index__image video.main-index__image-img{aspect-ratio:1;object-fit:cover}.main-index__empty{grid-column:1 / -1;text-align:center;color:var(--off-color-border)}@media(hover:hover){.main-index__item:has(.main-index__content:hover,.main-index__content:focus-visible) .main-index__description{opacity:1}.main-index:not(.main-index--chapter):has(.main-index__content:hover,.main-index__content:focus-visible) .main-index__item:not(:has(.main-index__content:hover,.main-index__content:focus-visible)){opacity:var(--main-index-dim-opacity, .2)}}.main-index--chapter:not(.main-index--no-current) .main-index__item:not(.main-index__item--current):not(:has(.main-index__content:hover,.main-index__content:focus-visible)){opacity:var(--main-index-dim-opacity, .2)}.main-index--chapter .main-index__description,.main-index--chapter .main-index__image,.main-index__description,.main-index__image{display:none}.off-intro-pending .main-index:not(.main-index--chapter) .main-index__numeral,.off-intro-pending .main-index:not(.main-index--chapter) .main-index__label{opacity:0}.off-intro-pending .main-index:not(.main-index--chapter){pointer-events:none}.main-index__numeral{transition:opacity var(--off-fade-transition-duration) ease}.main-index-intro-probe{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:max-content;text-align:center;white-space:nowrap;line-height:var(--off-text-small-lh);visibility:hidden;pointer-events:none;z-index:-1}.main-page{align-items:start}.main-page__header,.main-page__content{grid-column:2 / -2}.main-page__content>*+*{margin-top:16px}.chapter-nav__link{color:inherit;text-decoration:none}.chapter-nav__link--disabled{cursor:default;pointer-events:none}.off-logo-block{display:inline-flex;align-items:center;text-decoration:none;color:inherit}.off-logo-block__inner{display:inline-flex;align-items:center;flex-shrink:0;width:var(--off-logo-w)}.off-logo-block__inner svg,.off-logo-block__img{width:100%;height:auto;display:block}.off-menu-trigger{text-align:left}.off-menu-overlay{position:fixed;top:var(--off-menu-overlay-top, 0);left:0;right:0;bottom:0;z-index:200;background-color:var(--off-color-light);color:var(--off-color-dark);padding:var(--off-section-padding-block) var(--off-section-padding-inline);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;transform:translateZ(0);isolation:isolate}.off-menu-overlay[hidden]{display:none}html.off-menu-open,html.off-menu-open body{overflow:hidden}html.off-menu-open main{visibility:hidden}html.off-menu-open .image-fx-canvas,html.off-menu-open .text-fx-canvas{display:none}html.off-menu-open header.off-header{background-color:var(--off-color-light)}.off-menu-overlay__list{display:grid;grid-template-columns:repeat(16,1fr);column-gap:var(--off-gap-0);row-gap:var(--off-gap-1);margin-top:0}.off-menu-overlay__item{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;text-decoration:none;color:inherit}.off-menu-overlay__numeral{grid-column:1 / span 2}.off-menu-overlay__name{grid-column:3 / span 5}.off-menu-overlay__desc{grid-column:8 / -1}.off-text--link{text-decoration:none;color:inherit;cursor:pointer;transition:opacity var(--off-quick-transition-duration) ease}.off-text--link:hover{opacity:.7}.off-theme-toggle-block{display:inline-flex;align-items:center;transition:opacity var(--off-quick-transition-duration) ease}.off-theme-toggle-block[aria-pressed=true]{cursor:default}.off-theme-toggle-block[aria-pressed=false]:hover{opacity:.7}.off-theme-toggle-block:focus-visible{outline:2px solid var(--off-color-dark);outline-offset:4px}.off-theme-toggle-block__icon{display:none;line-height:0}.off-theme-toggle-block[aria-pressed=true] .off-theme-toggle-block__icon--active,.off-theme-toggle-block[aria-pressed=false] .off-theme-toggle-block__icon--inactive{display:inline-flex}.off-grid-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--off-z-background, -2);pointer-events:none;overflow:hidden;perspective:1200px;--gridbg-line-color: var(--gridbg-line-color-user);--gridbg-hrule-color: var(--gridbg-hrule-color-user);--gridbg-line: color-mix(in srgb, var(--gridbg-line-color) var(--gridbg-line-op-strong), transparent);--gridbg-line-faint: color-mix(in srgb, var(--gridbg-line-color) var(--gridbg-line-op-faint), transparent);--gridbg-hrule: color-mix(in srgb, var(--gridbg-hrule-color) var(--gridbg-hrule-op), transparent)}[data-theme=dark] .off-grid-bg{--gridbg-line-color: #faf9f5;--gridbg-hrule-color: #faf9f5}[data-theme=dark] .off-grid-bg__gradient{background-image:linear-gradient(135deg,#2e2d2a,#242320,#2e2d2a)}html[data-page-has-bg] .off-grid-bg{z-index:var(--off-z-background-overlay);--gridbg-line-color: var(--off-color-dark);--gridbg-hrule-color: var(--off-color-dark);--gridbg-line: color-mix(in srgb, var(--gridbg-line-color) var(--gridbg-video-op-strong), transparent);--gridbg-line-faint: color-mix(in srgb, var(--gridbg-line-color) var(--gridbg-video-op-faint), transparent);--gridbg-hrule: color-mix(in srgb, var(--gridbg-hrule-color) var(--gridbg-video-hrule-op), transparent)}html[data-page-has-bg] .off-grid-bg__gradient{display:none}.off-grid-bg__gradient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(135deg,var(--gridbg-grad-1),var(--gridbg-grad-2),var(--gridbg-grad-1));background-size:200% 200%;animation:off-grid-bg-grad var(--gridbg-grad-speed, 20s) linear infinite}.off-grid-bg__reveal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;--gridbg-mx: 50%;--gridbg-my: 50%}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.off-grid-bg[data-grid-reveal=true] .off-grid-bg__reveal{--gridbg-mask: radial-gradient( circle var(--gridbg-reveal-r, 280px) at var(--gridbg-mx) var(--gridbg-my), rgb(0 0 0 / 1) 0%, rgb(0 0 0 / 1) var(--gridbg-reveal-core, 45%), rgb(0 0 0 / var(--gridbg-reveal-base, 0)) 100% );-webkit-mask-image:var(--gridbg-mask);mask-image:var(--gridbg-mask)}}.off-grid-bg__grid{position:absolute;top:0;right:0;bottom:0;left:0;filter:var(--gridbg-filter, none);transform:rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transform-origin:center center;will-change:transform}.off-grid-bg__cols{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;max-width:var(--off-page-max-width);margin-inline:auto;padding-inline:var(--off-section-padding-inline);display:grid;grid-template-columns:repeat(var(--gridbg-cols, 16),minmax(0,1fr));grid-template-rows:100%;column-gap:var(--off-gap-1)}.off-grid-bg__col{box-shadow:inset 1px 0 0 0 var(--gridbg-line),inset -1px 0 0 0 var(--gridbg-line)}.off-grid-bg__col:first-child{box-shadow:inset 1px 0 0 0 var(--gridbg-line-faint),inset -1px 0 0 0 var(--gridbg-line)}.off-grid-bg__col:last-child{box-shadow:inset 1px 0 0 0 var(--gridbg-line),inset -1px 0 0 0 var(--gridbg-line-faint)}.off-grid-bg__rules{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;max-width:var(--off-page-max-width);margin-inline:auto;padding-inline:var(--off-section-padding-inline);box-sizing:border-box}.off-grid-bg__rule{position:absolute;left:0;right:0;height:var(--gridbg-hrule-weight, 1px);background:var(--gridbg-hrule);transform:translateY(-50%)}.off-grid-bg__grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;opacity:var(--gridbg-grain-op, .3);mix-blend-mode:multiply}@keyframes off-grid-bg-grad{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media(prefers-reduced-motion:reduce){.off-grid-bg__grid{transform:none;will-change:auto}.off-grid-bg__gradient{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/2/compiled_assets/styles.css.map */