@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;--font-family-heading:"Inter";--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-hue:var(--colour-secondary-hue);--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-essays-light:#b77e1c;--colour-essays-dark:#EDA933;--colour-essays:var(--colour-essays-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-hue:var(--colour-primary-hue);--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-essays:var(--colour-essays-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: 0px; }}.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, 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); }}.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 { &::after { content: url('/images/leaves.svg'); display: inline-block; transform: scaleX(-1) scaleY(-1); } } .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); }}@media(min-width:768px){}.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;filter:grayscale(100%)contrast(1.2)sepia(1)hue-rotate(var(--colour-hue))saturate(1.2)}.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)}.menu,.mainarticlecontent{ul li { position: relative; padding-left: var(--space-l); &::before { content: url('/images/leaves.svg'); position: absolute; left: 0; top: 0.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: white; 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:transparent;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; } }}.essay .tableofcontents{ul li a { color: var(--colour-essays); }}.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)}[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: aliceblue; 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)}.gardenhome{> [class*='__content'] { margin-bottom: var(--space-4xl); } > [class*='__content'] > p { margin-bottom: var(--space-l); font-size: var(--font-size-m-fixed); }}.wrapper{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:0.8rem 0 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}[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); }}.portraitshome{}.portraits__header{}.gallery{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2xl);margin-bottom:var(--space-4xl);@media(min-width:768px){} [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%; } }}.projects__cover{margin-bottom:var(--space-m);border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);overflow:hidden}.story{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 { width: 30%; top: var(--space-l); background-color: transparent; } .mainarticlecontent { width: 70%; } }}.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; } }}.essay blockquote{border-left-color:var(--colour-essays)}.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: 0.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}[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: bold; opacity: var(--opacity-70); margin-left: var(--space-3xs); } a.boxlink { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }}