.fade-in{opacity:0;animation:fadeIn .8s ease-in forwards}@keyframes fadeIn{to{opacity:1}}.fade-in-up{opacity:0;transform:translateY(30px);animation:fadeInUp .8s ease-out forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.fade-in-down{opacity:0;transform:translateY(-30px);animation:fadeInDown .8s ease-out forwards}@keyframes fadeInDown{to{opacity:1;transform:translateY(0)}}.slide-in-left{opacity:0;transform:translateX(-50px);animation:slideInLeft .8s ease-out forwards}@keyframes slideInLeft{to{opacity:1;transform:translateX(0)}}.scale-in{opacity:0;transform:scale(.9);animation:scaleIn .8s ease-out forwards}@keyframes scaleIn{to{opacity:1;transform:scale(1)}}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}@font-face{font-family:macondo swash caps;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/macondo-swash-caps/macondo-swash-caps-regular.ttf)format('truetype')}@font-face{font-family:inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter/inter-variable-font_opsz-wght.ttf)format('truetype')}@font-face{font-family:inter italic;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter/inter-italic-variable-font_opsz-wght.ttf)format('truetype')}@font-face{font-family:jetbrains mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/jetbrains-mono/jetbrains-mono.ttf)format('truetype')}@font-face{font-family:jetbrains mono italic;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/jetbrains-mono/jetbrains-mono-italic.ttf)format('truetype')}*,*::before,*::after{box-sizing:border-box}*{margin:0}@media(prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}:root{--fluid-min-width:360;--fluid-max-width:1200;--fluid-screen:100vw;--fluid-bp:calc(
    (var(--fluid-screen) - var(--fluid-min-width) / 16 * 1rem) /
      (var(--fluid-max-width) - var(--fluid-min-width))
  )}@media screen and (min-width:1200px){:root{--fluid-screen:calc(var(--fluid-max-width) * 1px)}}:root{--f--2-min:12.50;--f--2-max:14.08;--font-size-xs:calc(
    ((var(--f--2-min) / 16) * 1rem) + (var(--f--2-max) - var(--f--2-min)) *
      var(--fluid-bp)
  );--f--1-min:15.00;--f--1-max:17.60;--font-size-s:calc(
    ((var(--f--1-min) / 16) * 1rem) + (var(--f--1-max) - var(--f--1-min)) *
      var(--fluid-bp)
  );--f-0-min:18.00;--f-0-max:22.00;--font-size-base:calc(
    ((var(--f-0-min) / 16) * 1rem) + (var(--f-0-max) - var(--f-0-min)) *
      var(--fluid-bp)
  );--f-1-min:21.60;--f-1-max:27.50;--font-size-m:calc(
    ((var(--f-1-min) / 16) * 1rem) + (var(--f-1-max) - var(--f-1-min)) *
      var(--fluid-bp)
  );--f-2-min:25.92;--f-2-max:34.38;--font-size-l:calc(
    ((var(--f-2-min) / 16) * 1rem) + (var(--f-2-max) - var(--f-2-min)) *
      var(--fluid-bp)
  );--f-3-min:31.10;--f-3-max:42.97;--font-size-xl:calc(
    ((var(--f-3-min) / 16) * 1rem) + (var(--f-3-max) - var(--f-3-min)) *
      var(--fluid-bp)
  );--f-4-min:37.32;--f-4-max:53.71;--font-size-2xl:calc(
    ((var(--f-4-min) / 16) * 1rem) + (var(--f-4-max) - var(--f-4-min)) *
      var(--fluid-bp)
  );--f-5-min:44.79;--f-5-max:67.14;--font-size-3xl:calc(
    ((var(--f-5-min) / 16) * 1rem) + (var(--f-5-max) - var(--f-5-min)) *
      var(--fluid-bp)
  );--f-6-min:20;--f-6-max:24;--font-size-m-fixed:calc(
    ((var(--f-6-min) / 16) * 1rem) + (var(--f-6-max) - var(--f-6-min)) *
      var(--fluid-bp)
  )}:root{--font-family-body:Georgia, 'Times New Roman', Times, serif;--font-family-heading:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;--font-family-display:"Macondo Swash Caps", serif;--font-family-code:"JetBrains Mono", monospace;--line-height-headers:1.1;--line-height-body:1.5;--colour-text-header:var(--colour-dark);--colour-text-body:var(--colour-dark);--colour-text-muted:rgb(113, 111, 111);--space-5xs:0.0625rem;--space-4xs:0.125rem;--space-3xs:0.25rem;--space-2xs:0.375rem;--space-xs:0.5rem;--space-s:0.75rem;--space-m:1rem;--space-l:1.5rem;--space-xl:2rem;--space-2xl:2.5rem;--space-3xl:3rem;--space-4xl:4rem;--space-5xl:5rem;--space-10xl:10rem;--colour-primary:var(--colour-dark);--colour-primary-muted:var(--colour-dark-muted);--colour-primary-light:#34223c;--colour-primary-hue:0deg;--colour-secondary:var(--colour-medium);--colour-secondary-light:#f6e3da;--colour-secondary-hue:119deg;--colour-tertiary:rgb(253, 231, 231);--colour-green:#0e730c;--colour-orange:#fe8336;--colour-accent:var(--colour-green);--colour-highlight-light:#f8e4ff;--colour-highlight-dark:#592146;--colour-highlight:var(--colour-highlight-light);--colour-snippet-light:#3e2e2c;--colour-snippet-dark:#3f2e2d;--colour-snippet:var(--colour-snippet-light);--colour-experiments-light:#b77e1c;--colour-experiments-dark:#EDA933;--colour-experiments:var(--colour-experiments-light);--colour-notes-light:#138f6d;--colour-notes-dark:#77C8B2;--colour-notes:var(--colour-notes-light);--colour-projects-light:#752d96;--colour-projects-dark:#B67ED0;--colour-projects:var(--colour-projects-light);--colour-pins-light:#4261b5;--colour-pins-dark:#7796E8;--colour-pins:var(--colour-pins-light);--colour-portraits:#BA4046;--colour-pastel-green-light:#e2ebe2;--colour-pastel-green-dark:#013600;--colour-pastel-green:var(--colour-pastel-green-light);--colour-pastel-blue-light:#d2deea;--colour-pastel-blue-dark:#042a45;--colour-pastel-blue:var(--colour-pastel-blue-light);--colour-pastel-yellow-light:#F8E5D3;--colour-pastel-yellow-dark:#655708;--colour-pastel-yellow:var(--colour-pastel-yellow-light);--colour-pastel-red-light:#f1bcbc;--colour-pastel-red-dark:#4b032a;--colour-pastel-red:var(--colour-pastel-red-light);--colour-pastel-brown-light:#e9e6e1;--colour-pastel-brown-dark:#342711;--colour-pastel-brown:var(--colour-pastel-brown-light);--colour-white:hsl(0, 0%, 100%);--colour-background:var(--colour-medium);--colour-light:#fcf6f4;--colour-medium:#EDD5C9;--colour-medium-rgb:237, 213, 201;--colour-medium-muted:rgba(237, 213, 201, 0.2);--colour-dark:#26162c;--colour-dark-rgb:38, 22, 44;--colour-dark-muted:rgba(38, 22, 44, 0.2);--colour-grey-medium:#715979;--colour-grey-light:#ba9ec2;--colour-grey:var(--colour-grey-medium);--colour-overlay:rgba(255, 255, 255, var(--opacity-30));--background-texture-dark:url("/images/bg-tile-asfalt-dark.png");--background-texture-light:url("/images/bg-tile-asfalt-light.png");--border-radius-s:0.25rem;--border-radius:0.375rem;--border-radius-l:20%;--border-radius-full:9999px;--border:solid 2px var(--colour-light);--shadow-large:2px 4px 10px hsl(0 0% 0% / 0.1);--shadow-medium:2px 2px 4px rgba(0,0,0,.6);--shadow-small:1px 3px 6px hsl(0 0% 0% / 0.1);--filter-shadow-small:drop-shadow(1px 1px 2px hsl(0 0% 0% / 0.2));--shadow-inset:-1px -1px 1px rgba(0,0,0,.5);--opacity-10:0.1;--opacity-30:0.3;--opacity-70:0.7;--zindex-1:10;--zindex-2:20;--zindex-3:30;--tabletandup:50rem}[data-theme=dark]{--colour-background:var(--colour-dark);--colour-primary:var(--colour-medium);--colour-primary-muted:var(--colour-medium-muted);--colour-secondary:var(--colour-dark);--colour-secondary-light:var(--colour-primary-light);--colour-highlight:var(--colour-highlight-dark);--colour-snippet:var(--colour-snippet-dark);--colour-grey:var(--colour-grey-light);--colour-projects:var(--colour-projects-dark);--colour-experiments:var(--colour-experiments-dark);--colour-pins:var(--colour-pins-dark);--colour-notes:var(--colour-notes-dark);--colour-pastel-green:var(--colour-pastel-green-dark);--colour-pastel-blue:var(--colour-pastel-blue-dark);--colour-pastel-yellow:var(--colour-pastel-yellow-dark);--colour-pastel-red:var(--colour-pastel-red-dark);--colour-pastel-brown:var(--colour-pastel-brown-dark);--colour-overlay:rgba(255, 255, 255, var(--opacity-10));--colour-accent:var(--colour-orange);--colour-text-body:var(--colour-primary)}.backlinks{padding:var(--space-m);background-color:var(--colour-secondary-light);border:1px dashed var(--colour-grey);border-radius:var(--border-radius)}.breadcrumbs{list-style:none;padding:0;margin:0;margin-bottom:var(--space-l);li{display:inline;font-size:var(--font-size-s)}li + li:before{content:" > "}}.calloutgroup{margin-bottom:var(--space-xl)}.callout{display:flex;padding:var(--space-m)var(--space-l);margin-bottom:var(--space-xs);border-radius:var(--border-radius); [class*='__icon'] { flex: 0 0 auto; margin-right: var(--space-m); } &[class*='--default'] { background-color: transparent; border-width: 1px; border-style: dashed; border-color: var(--colour-grey); } &[class*='--tip'] { background-color: var(--colour-pastel-green); } &[class*='--info'] { background-color: var(--colour-pastel-blue); } &[class*='--warning'] { background-color: var(--colour-pastel-yellow); } &[class*='--danger'] { background-color: var(--colour-pastel-red); } &[class*='--link'] { background-color: var(--colour-pastel-brown); }}.story .callout__content{p{margin-bottom:0}}.snippet-wrapper{display:inline-block;position:relative;width:100%;margin-bottom:var(--space-l);padding:var(--space-m)var(--space-l)var(--space-xs);background-color:var(--colour-snippet);border-radius:var(--border-radius);overflow:hidden}.snippet{overflow:scroll;scrollbar-color:var(--colour-grey)var(--colour-snippet);padding:var(--space-xs)}.snippet::-webkit-scrollbar{width:var(--space-s);background:var(--colour-grey)}.snippet::-webkit-scrollbar-thumb{background:var(--colour-snippet);border-radius:var(--border-radius)}.snippet::-webkit-scrollbar-track{background:var(--colour-snippet)}.snippet::-webkit-scrollbar-corner{background:var(--colour-snippet)}.copy-code-button{display:block;position:absolute;z-index:var(--zindex-2);right:var(--space-xs);top:var(--space-xs);font-family:var(--font-family-heading);font-size:var(--font-size-xs);font-weight:700;line-height:14px;text-transform:uppercase;width:65px;color:var(--colour-secondary);background-color:var(--colour-grey);border:1.25px solid #232326;border-top-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:4px;white-space:nowrap;padding:4px 4px 5px;padding:var(--space-2xs)var(--space-xs);margin:0 0 0 1px;cursor:pointer;opacity:.6}.copy-code-button:hover,.copy-code-button:focus,.copy-code-button:active,.copy-code-button:active:hover{color:#222225;background-color:#b3b3b3;opacity:.8}.copyable-text-area{position:absolute;z-index:-1;opacity:.01}.snippet pre{background-color:var(--colour-snippet)!important}.snippet code{padding:0;background-color:var(--colour-snippet)}.contenttype{display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4xl)}.deck{display:flex;flex-wrap:wrap;gap:var(--space-xs);justify-content:center;flex-direction:column;align-items:center; [class*='__card'] { position: relative; max-width: 225px; min-width: 180px; flex: 0 1 227px; box-sizing: border-box; border: 1px solid var(--colour-secondary); border-radius: var(--space-m); background-color: var(--colour-primary); padding: var(--space-m); text-align: center; transition: transform 0.3s ease; } [class*='__card']:hover { transform: translateY(calc(-1 * var(--space-m))); } [class*='__content'] { border-radius: var(--border-radius); background-color: var(--colour-primary); } [class*='__header'] { color: var(--colour-primary); padding: var(--space-s); background-color: var(--colour-secondary); border-top-right-radius: var(--space-s); border-top-left-radius: var(--space-s); } [class*='__icon'] { height: var(--space-l); overflow: hidden; font-size: var(--font-size-xs) } .projects [class*='__icon'] { font-size: var(--font-size-xs) } .notes [class*='__icon'] { font-size: var(--font-size-xs) } [class*='__description'] { font-family: var(--font-family); font-size: var(--font-size-xs); } [class*='__image'] { margin-top: var(--space-2xs); padding: var(--space-s); background-color: var(--colour-secondary); border-bottom-right-radius: var(--space-s); border-bottom-left-radius: var(--space-s); } [class*='__image']:hover { color: rgb(255, 255, 255); mask: linear-gradient(-60deg, #ffffff 30%, rgba(255, 255, 255, 0.8), #ffffff 70%) right/350% 100%; animation: shimmer 2.5s infinite; } [class*='__image'] img { width: 168px; height: 168px; } [class*='__title'] { margin-top: var(--space-2xs); font-family: var(--font-family-display); font-size: var(--font-size-base); text-transform: uppercase; } [class*='__title'] { color: var(--colour-secondary); }}[data-theme=dark]{.deck__image:hover{mask:linear-gradient(-60deg,#000000 30%,rgba(0,0,0,.8),#000000 70%)right/350% 100%}}@media(min-width:768px){.deck{flex-direction:row}}@keyframes shimmer{100%{mask-position:left}}.details{display:flex;gap:var(--space-xl);.icon{display:inline-block}svg path{fill:var(--colour-grey)}time{font-size:var(--font-size-s);color:var(--colour-grey)}}.epistemic{display:flex;flex-wrap:wrap;flex-direction:column;gap:var(--space-s);color:var(--colour-grey);p{font-size:var(--font-size-s)}@media(min-width:768px){flex-direction: row; gap: var(--space-xl);}}.external-link-preview{display:flex;align-items:center;margin:var(--space-s)0;padding:var(--space-xs);border:1px solid var(--colour-grey);border-radius:var(--border-radius);text-decoration:none;color:var(--colour-grey);transition:all .2s ease;max-width:fit-content;.icon svg{width:var(--space-xl);height:var(--space-xl)}.icon svg path{fill:var(--colour-secondary)}&:hover{text-decoration:none;transform:translateY(-1px);box-shadow:var(--shadow-large);.external-link-preview__externalicon{opacity:1}}}.external-link-preview__content{display:flex;align-items:center;gap:var(--space-s)}.external-link-preview__icon{padding:var(--space-m);background-color:var(--colour-grey);border-radius:var(--border-radius)}.external-link-preview__title{font-weight:600}.external-link-preview__externalicon{opacity:0;transition:opacity .2s ease;flex-shrink:0;margin-left:var(--space-xs);margin-right:var(--space-s)}.controls{display:flex;gap:var(--space-l);margin-bottom:var(--space-m);flex-wrap:wrap;justify-content:center;padding:var(--space-l);border-radius:var(--border-radius);backdrop-filter:blur(var(--space-m))}.filter-group{display:flex;flex-direction:column;gap:var(--space-s);min-width:var(--space-5xl)}.filter-group label{font-weight:700;color:var(--colour-accent);font-size:var(--font-size-s)}.graphfilter{padding:var(--space-xs)var(--space-s);border-radius:var(--border-radius);font-size:var(--font-size-s)}.graphbuttons{padding:var(--space-xs)var(--space-m);border-radius:var(--border-radius);font-size:var(--font-size-s);border:1px solid var(--colour-grey);cursor:pointer;transition:background .3s ease}.graphouter{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:var(--space-4xl)}.gardenpath{position:relative;width:90%;height:70vh;border:1px solid var(--colour-grey);border-radius:var(--border-radius);overflow:hidden}.gtooltip{position:absolute;background:var(--colour-secondary);color:#fff;padding:12px;border-radius:8px;font-size:12px;pointer-events:none;border:1px solid var(--colour-accent);max-width:250px;backdrop-filter:blur(10px);z-index:var(--zindex-2)}.gtooltip h4{margin:0 0 8px;color:var(--colour-primary);font-size:var(--font-size-s)}.gtooltip .meta{opacity:.8;font-size:var(--font-size-xs);margin:4px 0}.legend{position:absolute;top:var(--space-m);right:var(--space-s);padding:var(--space-s);border-radius:var(--border-radius);font-size:var(--font-size-xs);backdrop-filter:blur(10px)}.legend h4{margin:0 0 10px;color:var(--colour-accent)}.legend-item{display:flex;align-items:center;margin:var(--space-xs)0;gap:var(--space-xs);&.content{height:var(--space-m)}}.legend-color{width:var(--space-s);height:var(--space-s);border-radius:var(--border-radius-l)}.legend-type-icon{width:var(--space-m);&.circle{font-size:30px}&.star{font-size:20px}&.triangle{font-size:20px}&.plus{font-size:20px}&.pentagon{font-size:18px}}.node{cursor:pointer;transition:all .3s ease}.node:hover{filter:brightness(1.3)}.link{transition:all .3s ease}.link.highlighted{stroke-width:3px!important;opacity:1!important}.node.highlighted{stroke-width:3px!important;filter:brightness(1.5)drop-shadow(0 0 8px currentColor)}.node.dimmed{opacity:.3}.link.dimmed{opacity:.1}.repocard{display:flex;align-items:center;margin:var(--space-s)0;padding:var(--space-xs);border:1px solid var(--colour-grey);border-radius:var(--border-radius);text-decoration:none;color:var(--colour-grey);transition:all .2s ease;max-width:fit-content;.icon svg{width:var(--space-xl);height:var(--space-xl)}.icon svg path{fill:var(--colour-secondary)}&:hover{text-decoration:none;transform:translateY(-1px);box-shadow:var(--shadow-large);.repocard__externalicon{opacity:1}}}.repocard__content{display:flex;align-items:center;gap:var(--space-s)}.repocard__icon{padding:var(--space-m);background-color:var(--colour-grey);border-radius:var(--border-radius)}.repocard__name{font-weight:600}.repocard__externalicon{opacity:0;transition:opacity .2s ease;flex-shrink:0;margin-left:var(--space-xs);margin-right:var(--space-s)}.headernav{width:100%;display:flex;align-items:center;justify-content:space-between;padding-right:var(--space-xs);padding-left:var(--space-xs);margin-left:auto;margin-right:auto; [class*='__logo'] svg { width: var(--space-3xl); height: var(--space-3xl); filter: var(--filter-shadow-small); transition: transform 0.35s cubic-bezier(.4,2,.3,1), filter 0.35s; } [class*='__logo']:hover svg { transform: scale(1.12) rotate(-8deg); filter: var(--filter-shadow-medium); } .menu ul { list-style: none; padding: 0; margin-bottom: 0; } .menu ul li { display: inline-block; } .menu ul li:not(:last-child) { margin-right: var(--space-l); } .menu a { border-radius: var(--border-radius); color: var(--colour-primary); font-family: var(--font-family-heading); font-size: var(--font-size-s); font-weight: 500; text-decoration: none; text-transform: uppercase; &:hover { font-weight: 700; } } @media (min-width: 768px) { padding-right: var(--space-m); padding-left: var(--space-m); }}.hero{display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow-x:hidden; [class*='__content'] { z-index: var(--zindex-2); width: 100%; @media (min-width: 768px) { width: 50%; } }}.icon svg{width:24px;height:24px}.link-preview{border:1px dashed var(--colour-grey);border-radius:var(--border-radius);overflow:hidden;margin:var(--space-m)0;padding:var(--space-m)var(--space-l);background-color:var(--colour-secondary-light)}.link-preview a{display:flex;text-decoration:none;color:inherit;@media(max-width:768px){flex-direction: column;}}.link-preview__image{flex:0 0 300px;overflow:hidden;border-radius:var(--border-radius);border:2px solid var(--colour-grey);@media(max-width:768px){flex: none; height: 160px;}}.link-preview__image img{width:100%;height:100%;object-fit:cover}.link-preview__content{flex:1;padding:var(--space-s)0 0;display:flex;flex-direction:column;justify-content:center;@media(min-width:768px){padding: var(--space-s) var(--space-m);}}.link-preview__title{font-weight:600;margin-bottom:var(--space-xs)}.link-preview__description{font-size:var(--font-size-s);color:var(--colour-text-secondary)}.mainarticlecontent{ul li{position:relative;padding-left:var(--space-l);&::before{content:url(/images/leaves.svg);position:absolute;left:0;top:.2em;display:inline-block;width:1em;height:1em}}}.mainarticlecontent li{margin-bottom:var(--space-s)}.postimage{padding:var(--space-xs);text-align:center;border:1px solid var(--colour-grey);border-radius:var(--border-radius);img{border-radius:var(--border-radius)}figcaption{margin-top:var(--space-xs);font-size:var(--font-size-xs)}}.sparkle{position:relative;color:var(--colour-accent)}.stars{position:absolute;left:0;top:0;z-index:50;height:auto;width:100%;path{fill:#fff;transform-origin:50% 50%;transform-box:fill-box;animation:twinkle var(--duration)var(--delay)infinite ease-in-out}}@keyframes twinkle{0%{transform:scale(0)}50%{transform:scale(0)}70%{transform:scale(-1,0)}80%{transform:scale(1)}100%{transform:scale(0)}}#TableOfContents{&.hidden{display:none}@media(min-width:768px){display: block;}}.tableofcontents{min-width:var(--space-xl);background-color:var(--colour-secondary);border-radius:var(--border-radius);@media(min-width:768px){background-color: transparent;}nav{max-height:90vh;height:100%;overflow-y:scroll;scrollbar-color:var(--colour-grey)transparent;scrollbar-width:thin;padding:0 20px;@media(min-width:768px){scrollbar-color: var(--colour-grey) transparent; padding: 0;}}ul{padding:0;margin-top:0;@media(min-width:768px){margin-top: var(--space-m);}}ul li, [data-name=related-list-item]{display:flex;margin-bottom:0;padding-top:var(--space-m);padding-bottom:var(--space-m);padding-left:0;@media(min-width:768px){margin-bottom: var(--space-m); padding-top: 0; padding-bottom: 0;}}ul li:not(:last-child){border-bottom:1px dashed var(--colour-grey);@media(min-width:768px){border-bottom: none;}}ul li::before, [data-name=related-list-item]::before{content:"\273B";position:relative;top:0;color:var(--colour-accent);margin-left:var(--space-xs);margin-right:var(--space-xs)}ul li a{font-size:var(--font-size-s);text-decoration:none}}.tableofcontents__toggle{cursor:pointer;display:flex;gap:var(--space-xs);justify-content:space-between;align-items:center;width:100%;margin-top:var(--space-l);margin-bottom:var(--space-l);color:var(--colour-grey);font-family:var(--font-family-heading);font-size:var(--font-size-m-fixed);font-weight:700;background-color:initial;border:1px solid var(--colour-primary);border-radius:var(--border-radius);&::after{content:" \25BC";color:var(--colour-primary);font-size:var(--font-size-xs)}&.open::after{content:" \25B2"}@media(min-width:768px){cursor: default; padding: 0; border: none; margin-top: 0; margin-bottom: 0; &::after{display:none}}}.experiment .tableofcontents{ul li a{color:var(--colour-experiments)}}.note .tableofcontents{ul li a{color:var(--colour-notes)}}.pin .tableofcontents{ul li a{color:var(--colour-pins)}}.project .tableofcontents{ul li a{color:var(--colour-projects)}}.tags__list{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-l); [class*='__link'] { padding: var(--space-xs) var(--space-s); color: var(--colour-secondary); text-decoration: none; text-transform: capitalize; background-color: var(--colour-grey); border-radius: var(--border-radius); }}.themetoggle{display:flex;border-radius:var(--border-radius-full);padding:var(--space-xs)var(--space-s);background-color:rgba(255,255,255,.4);transition:all .3s ease;border:1px solid rgba(255,255,255,.4);cursor:pointer}[data-theme=dark] .themetoggle{background-color:rgba(39,39,42,.9);border:1px solid rgba(255,255,255,.1)}.icon--lightmode{display:inline-block}.icon--darkmode{display:none}[data-theme=dark] .icon--lightmode{display:none}[data-theme=dark] .icon--darkmode{display:inline-block}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.hastooltip{position:relative;cursor:help;color:var(--colour-grey);font-weight:700}.hastooltip .tooltip{display:none;position:absolute;left:3%;bottom:120%;transform:translateX(-3%);background-color:#222;color:#fff;font-weight:400;padding:6px 12px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s;z-index:100;@media(min-width:768px){display: block;}}.hastooltip:hover .tooltip,.hastooltip:focus .tooltip{opacity:1;pointer-events:auto}[data-theme=dark]{.hastooltip .tooltip{background-color:#f0f8ff;color:#222}}.sitevideo{z-index:var(--zindex-1);display:flex; [class*='__video'], [class*='__fallback'] { width: 100%; max-width: 800px; height: auto; } @media (min-width: 768px) { position: absolute; bottom: 0; right: 0px; }}.container{width:100%;padding-right:var(--space-m);padding-left:var(--space-m);margin-left:auto;margin-right:auto;@media(min-width:768px){display: flex; max-width: 75rem;}}.footer{background-color:var(--colour-secondary);border-top:1px solid var(--colour-highlight);border-bottom:var(--space-xs)solid var(--colour-accent); [class*='_contents'] { display: flex; justify-content: space-between; padding-top: var(--space-xl); padding-bottom: var(--space-xl); } [class*='_socials'] { display: flex; gap: var(--space-m); } [class*='_socials'] svg path { fill: var(--colour-primary); transition: fill 0.2s; } .copyright { font-size: var(--font-size-s); }}.header{padding-top:var(--space-l);padding-bottom:var(--space-l)}.pagination{display:flex;justify-content:center;list-style:none;margin:var(--space-xl)auto;padding:0}.pagination>.page-item{border-width:1px;border-style:solid;border-color:var(--colour-primary-muted);text-align:center;width:var(--space-2xl);border-radius:var(--border-radius)}.pagination>.page-item.disabled{border-color:var(--colour-primary-muted)}.pagination>.page-item:not(:last-child){margin-right:var(--space-xs)}.pagination .page-link{display:block;color:var(--colour-grey);text-decoration:none}.pagination>.page-item.active{background-color:var(--colour-primary-muted)}.pagination>.page-item.active>.page-link{color:var(--colour-accent)}.pagination>.page-item.disabled>.page-link{color:var(--colour-primary-muted);cursor:default}@media(min-width:768px){.pagination{width:30%}}.gardenhome{> [class*=__content]{margin-bottom:var(--space-4xl)}> [class*=__content] > p{margin-bottom:var(--space-l);font-size:var(--font-size-m-fixed)}}.wrapper{flex-grow:1;margin-top:var(--space-xl);@media(min-width:768px){margin-top: var(--space-4xl);}}.sectionheader{display:flex;justify-content:center;align-items:end;text-align:center;img{width:200px;height:auto}}.sectioncontent{width:100%;margin:0 auto;margin-bottom:var(--space-4xl);text-align:center;@media(min-width:768px){width: 80%;}}.sectionlist{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-2xl)var(--space-m);margin-bottom:var(--space-4xl)}.sectionitem{width:100%;position:relative;box-sizing:border-box;display:flex;gap:var(--space-xs);padding:var(--space-m);border-width:1.5px;border-style:dashed;border-color:var(--colour-primary-muted);border-radius:var(--border-radius);transition:all .3s ease;&:hover{border-image-source:url(/images/vine-light.svg);border-image-slice:60 20 60 20;border-image-outset:.8rem 0 .8rem 0;border-image-width:1.5rem;border-image-repeat:round;background:var(--colour-overlay)}.details{margin-top:var(--space-m)}}.sectionitem--3column{@media(min-width:768px){width: 32%;}}.sectionitem--2column{@media(min-width:768px){width: 49%;}}.sectionicon{flex:none}.sectioncover{margin-bottom:var(--space-m);border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);overflow:hidden}[data-theme=dark]{.sectionitem{&:hover{border-image-source:url(/images/vine-dark.svg)}}}.pins__icon{margin-top:var(--space-3xs);svg path{stroke:var(--colour-pins)}}.gallery{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2xl);margin-bottom:var(--space-4xl); [class*='__item'] { padding: 20px; width: 100%; max-width: 400px; aspect-ratio: 1/1; background-color: white; border-style: solid; border-width: var(--space-m); border-top-color: #725534; border-right-color: #4a3722; border-bottom-color: #725534; border-left-color: #4a3722; box-shadow: var(--shadow-medium); border-radius: var(--border-radius); img { width: 100%; display: block; border-radius: var(--border-radius); box-shadow: var(--shadow-inset); } @media (min-width: 768px) { width: 30%; } }}.story,.about{display:flex;align-items:flex-start;flex-direction:column;gap:var(--space-l);margin-bottom:var(--space-4xl);@media(min-width:768px){flex-direction: row;}h2{margin-bottom:var(--space-xs);font-family:var(--font-family-heading);font-weight:700}h2:not(:first-of-type){margin-top:var(--space-4xl)}h2, [id]{scroll-margin-top:var(--space-5xl);@media(min-width:768px){scroll-margin-top: var(--space-s);}}p{margin-bottom:var(--space-xl)}.sidebar{z-index:var(--zindex-3);position:-webkit-sticky;position:sticky;top:0;height:auto;background-color:var(--colour-background)}.sidebar, .mainarticlecontent{width:100%}@media(min-width:768px){.sidebar{top:var(--space-l);background-color:initial}}}.story{@media(min-width:768px){.sidebar{width:30%}.mainarticlecontent{width:70%}}}.about{@media(min-width:768px){.sidebar{width:40%}.mainarticlecontent{width:60%}}}.storymeta{margin-bottom:var(--space-2xl);padding-bottom:var(--space-l);border-bottom:1px dashed var(--colour-grey);@media(min-width:768px){padding-bottom: var(--space-2xl);} [class*='__item'] { margin-top: var(--space-m); margin-bottom: var(--space-m); display: flex; flex-direction: column; gap: var(--space-m); @media (min-width: 768px) { gap: var(--space-xl); flex-direction: row; align-items: flex-end; } }}.experiment blockquote{border-left-color:var(--colour-experiments)}.note blockquote{border-left-color:var(--colour-notes)}.pin blockquote{border-left-color:var(--colour-pins)}.project blockquote{border-left-color:var(--colour-projects)}.taxonomy__list{columns:2;column-gap:var(--space-l);padding:0;padding-left:var(--space-l);padding-right:var(--space-l);margin:0 auto;margin-bottom:var(--space-4xl);list-style:none;li{break-inside:avoid;margin-bottom:.5em}@media(min-width:768px){columns: 4; column-gap: var(--space-4xl);}}.terms__icon{flex:0 0 80px;text-align:center}.terms__typelabel{font-family:var(--font-family-display)}html{scroll-behavior:smooth}body{background-color:var(--colour-background);background-image:var(--background-texture-light);font-family:var(--font-family-body);color:var(--colour-text-body);height:100vh;display:flex;flex-direction:column;transition:background-color 1.5s cubic-bezier(.23,1,.32,1)}[data-theme=dark] body{background-image:var(--background-texture-dark)}main{flex-grow:1}h1{font-family:var(--font-family-heading);font-size:var(--font-size-3xl);line-height:var(--line-height-headers);margin-bottom:var(--space-l);@media(min-width:768px){margin-bottom: var(--space-2xl);}}h2{font-size:var(--font-size-m-fixed);font-weight:400}h3{font-family:var(--font-family-heading);font-size:var(--font-size-base)}p,ul,li{font-size:var(--font-size-base)}ul,ol{margin-bottom:var(--space-xl)}ul{list-style:none}ul li{list-style:none}code{padding:var(--space-5xs)var(--space-xs);font-family:var(--font-family-code);font-size:var(--font-size-s);background-color:var(--colour-highlight);border-radius:var(--border-radius-s)}pre{font-family:var(--font-family-code);background-color:var(--colour-highlight)}blockquote{padding-top:var(--space-xs);padding-left:var(--space-l);font-style:italic;border-left-width:var(--space-3xs);border-left-style:solid;border-left-color:var(--colour-accent);p, li{color:var(--colour-grey);font-size:var(--font-size-m-fixed)}}.maincontent{display:flex;a{color:var(--colour-accent)}a.external:after{content:" ↗";color:var(--colour-accent);font-size:var(--font-size-xs);font-weight:700;opacity:var(--opacity-70);margin-left:var(--space-3xs)}a.boxlink{position:absolute;top:0;left:0;right:0;bottom:0}}