._articles_1nzxb_3{display:grid;align-items:start;justify-items:center;grid-template-rows:1fr auto;min-height:100%;background:radial-gradient(ellipse at 12% 12%,color-mix(in oklab,var(--accent) 6%,transparent),transparent 34rem),transparent}body[data-design=classic] ._articles_1nzxb_3{background:transparent}@media (max-width: 1190px),(max-height: 696px){._articles_1nzxb_3{overflow-x:hidden}}._grid_1nzxb_22{--verticalPadding: var(--space4XL);max-width:1800px;display:grid;align-items:start;grid-template-columns:1fr 55%;padding-top:var(--verticalPadding);padding-bottom:var(--space4XL);padding-left:var(--space3XL);padding-right:var(--spaceL);gap:var(--space5XL);height:100%}@media (max-width: 2080px){._grid_1nzxb_22{--verticalPadding: var(--spaceOuter);gap:var(--space4XL);padding-left:0}}@media (max-width: 1680px){._grid_1nzxb_22{gap:var(--space3XL);padding-bottom:var(--space3XL)}}@media (max-width: 1190px),(max-height: 696px){._grid_1nzxb_22{padding-right:0;grid-template-columns:100%}}@media (max-width: 696px),(max-height: 696px){._grid_1nzxb_22{gap:var(--space2XL);padding-bottom:var(--spaceXL);padding-top:var(--mobileNavOffset)}}._header_1nzxb_60{position:relative;padding-top:var(--spaceS);padding-bottom:var(--space2XL);display:grid;grid-template-columns:1fr auto;align-items:center}._header_1nzxb_60:before{content:"SCROLLS  /  RECORDED TECHNIQUES";position:absolute;top:-1.8em;left:0;color:var(--primary);font-family:var(--monoFontStack);font-size:10px;letter-spacing:.16em}body[data-design=classic] ._header_1nzxb_60:before{display:none}body[data-design=nano] ._header_1nzxb_60:before{content:"NANO SYSTEM  /  KNOWLEDGE LOG"}@media (max-width: 1190px){._header_1nzxb_60{padding-top:calc(var(--spaceM) - var(--spaceXS));padding-bottom:0}}@media (max-height: 696px){._header_1nzxb_60{padding-top:0;padding-bottom:0}}._heading_1nzxb_98{white-space:nowrap;overflow:hidden}._list_1nzxb_103{display:grid}._divider_1nzxb_107{border:0;border-top:1px solid color-mix(in lab,var(--text) 10%,transparent)}._post_1nzxb_112{--featuredPostPadding: var(--space5XL);--featuredPostClip: polygon(0 0, calc(100% - 32px) 0, 100% 32px, 100% 100%, 0 100%);--postBorder: 1px solid color-mix(in oklab, var(--text) 14%, transparent);position:relative;isolation:isolate;border-top:var(--postBorder);background:linear-gradient(90deg,color-mix(in oklab,var(--accent) 3%,transparent),transparent 72%)}body[data-design=classic] ._post_1nzxb_112{--postBorder: 1px solid color-mix(in lab, var(--text) 10%, transparent);background:transparent}._post_1nzxb_112:before{content:"";position:absolute;top:-1px;left:0;width:42px;height:2px;background:linear-gradient(90deg,var(--accent),var(--primary))}body[data-design=classic] ._post_1nzxb_112:before{display:none}._post_1nzxb_112:last-child{border-bottom:var(--postBorder)}@media (max-width: 2080px){._post_1nzxb_112{--featuredPostPadding: var(--space4XL)}}@media (max-width: 1680px){._post_1nzxb_112{--featuredPostPadding: var(--space3XL)}}@media (max-width: 1040px){._post_1nzxb_112{--featuredPostPadding: var(--spaceXL)}}@media (max-width: 696px),(max-height: 696px){._post_1nzxb_112{--featuredPostPadding: var(--spaceOuter)}}._post_1nzxb_112[data-featured=true]{margin:0;border:0;position:sticky;top:var(--verticalPadding);height:calc(100vh - (var(--verticalPadding) * 2));display:grid;border:1px solid color-mix(in oklab,var(--accent) 24%,transparent);background:color-mix(in oklab,var(--backgroundLight) 20%,transparent)}body[data-design=classic] ._post_1nzxb_112[data-featured=true]{border:0;background:transparent}@media (max-width: 1190px){._post_1nzxb_112[data-featured=true]{position:relative;height:auto;top:0}}._post_1nzxb_112[data-featured=false]{opacity:0;animation:fade-in var(--durationL) ease var(--delay) forwards}._postLabel_1nzxb_191,._postTag_1nzxb_192{--labelTagPadding: var(--spaceM);position:absolute;background-color:var(--background);border:1px solid color-mix(in oklab,var(--accent) 45%,transparent);padding:var(--spaceXS) var(--labelTagPadding);z-index:var(--zIndex1);color:transparent;border-radius:0}body[data-design=classic] ._postLabel_1nzxb_191,body[data-design=classic] ._postTag_1nzxb_192{border:0}@media (max-width: 696px){._postLabel_1nzxb_191,._postTag_1nzxb_192{--labelTagPadding: var(--spaceS)}}@keyframes _labelIn_1nzxb_1{0%{color:transparent;transform:translateY(-100%)}to{color:var(--colorTextLight);transform:translateY(-50%)}}._postLabel_1nzxb_191{top:0;left:calc((var(--labelTagPadding) * -1) + var(--featuredPostPadding));transform:translateY(-100%)}@media (prefers-reduced-motion: no-preference){._postLabel_1nzxb_191{animation:_labelIn_1nzxb_1 .8s ease .5s forwards}}@media (prefers-reduced-motion: reduce){._postLabel_1nzxb_191{transform:translateY(-50%);animation:fade-in .8s ease .5s forwards}}@keyframes _tagIn_1nzxb_1{0%{color:transparent;transform:translate(100%) rotate(-90deg)}to{color:var(--colorTextLight);transform:translate(50%) rotate(-90deg)}}._postTag_1nzxb_192{top:30%;right:0;transform:translate(100%) rotate(-90deg)}@media (prefers-reduced-motion: no-preference){._postTag_1nzxb_192{animation:_tagIn_1nzxb_1 .8s ease .5s forwards}}@media (prefers-reduced-motion: reduce){._postTag_1nzxb_192{transform:translate(50%) rotate(-90deg);animation:fade-in .8s ease .5s forwards}}._postLink_1nzxb_272{--linkPadding: var(--space3XL);display:flex;position:relative;align-items:flex-end;padding:var(--linkPadding) 0}@media (max-width: 1680px){._postLink_1nzxb_272{--linkPadding: var(--space2XL)}}[data-featured=false] ._postLink_1nzxb_272:before{content:"";position:absolute;inset:var(--spaceXL) calc(var(--spaceXL) * -1);transform:scale3d(0,1,1);transform-origin:right;background-color:var(--backgroundLight);transition:transform var(--durationM) var(--bezierFastoutSlowin)}@media (prefers-reduced-motion: no-preference){[data-featured=false] ._postLink_1nzxb_272:hover:before{transform:scaleZ(1);transform-origin:left}}[data-featured=true] ._postLink_1nzxb_272{padding:var(--featuredPostPadding);clip-path:var(--featuredPostClip)}@media (max-width: 1190px){[data-featured=true] ._postLink_1nzxb_272{padding-top:50%}}[data-featured=true] ._postLink_1nzxb_272:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--accent);z-index:var(--zIndex2);pointer-events:none;transform:scale3d(0,1,1)}@media (prefers-reduced-motion: no-preference){:is(){animation:reveal 1.8s var(--bezierFastoutSlowin) forwards}}._postDate_1nzxb_329{display:grid;grid-template-columns:128px 1fr;gap:var(--spaceM);align-items:center;color:var(--primary);justify-self:stretch;margin-bottom:var(--spaceS)}._postImage_1nzxb_339{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:stretch;overflow:hidden;isolation:isolate;clip-path:var(--featuredPostClip);opacity:0;animation:fade-in 1s var(--bezierFastoutSlowin) forwards .2s}._postImage_1nzxb_339:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(-135deg,color-mix(in lab,var(--backgroundLight) 50%,transparent),color-mix(in lab,var(--backgroundLight) 86%,transparent) 60%,color-mix(in lab,var(--backgroundLight) 90%,transparent))}@supports (linear-gradient(in lab,red,red)){{background:linear-gradient(in lab -135deg,color-mix(in lab,var(--backgroundLight) 50%,transparent),color-mix(in lab,var(--backgroundLight) 86%,transparent) 60%,color-mix(in lab,var(--backgroundLight) 90%,transparent))}}@media (prefers-reduced-motion: no-preference){._post_1nzxb_112:hover ._postImage_1nzxb_339 :where(img,video){transform:scale(1.06)}}._postImage_1nzxb_339 img,._postImage_1nzxb_339 video{transition:transform var(--durationXL) var(--bezierFastoutSlowin);object-fit:cover;height:100%}._postDetails_1nzxb_389{position:relative;display:grid;justify-items:start;gap:var(--spaceL);width:100%}[data-featured=true] ._postDetails_1nzxb_389{opacity:0;animation:fade-in 1s var(--bezierFastoutSlowin) forwards .2s}._postFooter_1nzxb_405{display:flex;grid-auto-flow:column;justify-content:space-between;justify-self:stretch;flex-wrap:wrap;gap:var(--spaceS)}._postFooter_1nzxb_405 button{position:relative;left:-8px}._timecode_1nzxb_419{display:flex;align-items:center;gap:var(--spaceM)}._timecode_1nzxb_419:before{content:"";width:42px;height:2px;background-color:color-mix(in lab,var(--text) 20%,transparent)}._barcode_1nzxb_432{opacity:0;animation:fade-in .8s var(--bezierFastoutSlowin) forwards .4s}