@layer reset,globals,utils,fonts,animations,themes,typography;@layer reset{html{all:unset}}@layer globals{:root{--heading-offset: 20;--footer-height: 100dvh;--color-purple: #6400f2;--color-cream: rgb(255, 249, 238);--color-greige: rgb(236 229 217);--color-brat-green: #8fce23;--color-green: #3fe83f;--color-red: #CC341D;--color-brown: #513737;--color-black: #000;--color-hyperlink-blue: blue;--color-pink: #fbc5ec;--color-text-primary: var(--color-cream);--color-text-secondary: #222;--content-margin: 2.5em;--content-gap: 2.5em;--card-padding: clamp(3rem, 5.25vw, 6rem);--main-grid: [full-start] minmax(var(--content-margin), 1fr) [main-start] minmax(auto, max(80vw, 90rem)) [main-end] minmax(var(--content-margin), 1fr) [full-end];--ease-in-out-sine: cubic-bezier(.37, 0, .63, 1);--ease-in-out-cubic: cubic-bezier(.65, 0, .35, 1);--ease-in-out-quart: cubic-bezier(.76, 0, .24, 1);--ease-in-out-quint: cubic-bezier(.83, 0, .17, 1);--ease-in-out-circ: cubic-bezier(.85, 0, .15, 1);--ease-in-out-expo: cubic-bezier(.87, 0, .13, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-super-snappy: cubic-bezier(.77, 0, .175, 1);--two-cols: 1fr;--border-radius: 12px;view-transition-name:root}@media (width >=768px){:root{--font-size-label: .85rem;--content-gap: 4em;--two-cols: 1fr 1fr}}body{--_theme-color-primary: var(--theme-color-primary, var(--color-hyperlink-blue));--_theme-color-bg: var(--theme-color-bg, var(--color-cream));width:100vw;min-height:100dvh;overflow-x:hidden;display:grid;grid-template-columns:var(--main-grid);margin:0;padding:0;font-family:var(--font-body);background-color:var(--_theme-color-bg);color:var(--_theme-color-primary);transition:background-color .4s linear,color .4s linear}main{display:grid;grid-template-columns:subgrid;grid-column:full;padding-top:clamp(2rem,8vw,6rem)}:where(section){grid-column:main}h1,h2,h3,h4,h5,h6{margin:0;font-weight:400}p{font-style:normal;margin:0}ul{margin-block-start:0;margin-block-end:0;padding-inline-start:0}li{list-style:none}a,.a{display:inline-block;position:relative;color:inherit;text-decoration:none;font-weight:400}a:not(.-plain,.-simple,.button):after,.a:not(.-plain,.-simple,.button):after{content:"";position:absolute;height:1px;width:100%;bottom:0;left:0;margin-top:.25em;background-color:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .2s ease-in-out}@media (hover: hover){a.-simple:hover,.a.-simple:hover{text-decoration:underline;text-underline-offset:.1em;text-decoration-thickness:1px}a:hover:after,a.active:after,a:focus-visible:after,.a:hover:after,.a.active:after,.a:focus-visible:after{transform:scaleX(1);transform-origin:left}}a:focus-visible,a.active,.a:focus-visible,.a.active{outline:none}a:hover:after,a.active:after,a:focus:after,a:focus-visible:after,.a:hover:after,.a.active:after,.a:focus:after,.a:focus-visible:after{transform:scaleX(1);transform-origin:left}img{display:block;width:100%;height:auto;object-fit:contain;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;-webkit-user-select:none;user-select:none}.split-word{display:inline-block;white-space:nowrap}.no-scroll{overflow:hidden}figure{margin:0}}@layer utils{.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}}@layer fonts{@font-face{font-family:pangaia-ultralight;src:url(../../../fonts/pangaia-ultralight.woff2) format("woff2")}@font-face{font-family:pangaia-ultralightitalic;src:url(../../../fonts/pangaia-ultralightitalic.woff2) format("woff2")}@font-face{font-family:karla-regular;src:url(../../../fonts/Karla-Regular.ttf) format("truetype")}@font-face{font-family:karla-semibold;src:url(../../../fonts/Karla-SemiBold.ttf) format("truetype")}}@layer animations{.word{white-space:nowrap}.char:not(.whitespace){display:inline-block;position:relative;box-sizing:border-box}.char-wrap:not(:has(.whitespace)){display:inline-block;position:relative;overflow:hidden}.whitespace{width:.25em}}@layer themes{.plain{--theme-color-bg: var(--color-cream);--theme-color-primary: var(--color-hyperlink-blue)}.plain.-inverted{--theme-color-bg: var(--color-hyperlink-blue);--theme-color-primary: var(--color-cream)}.bokeh{--_theme-color-bg: var(--color-cream);--_theme-color-primary: var(--color-brown)}.donuts,.shader{--theme-color-bg: var(--color-purple);--theme-color-primary: var(--color-cream)}.donuts.-inverted,.shader.-inverted{--theme-color-bg: var(--color-cream);--theme-color-primary: var(--color-purple)}}@layer typography{:root{--font-display: "pangaia-ultralight", serif;--font-display-italic: "pangaia-ultralightitalic", serif;--font-sansserif: "karla-regular", sans-serif;--font-sansserif-bold: "karla-semibold", sans-serif;--font-body: "pangaia-ultralight";--font-size-h1: clamp(2.25rem, 4vw, 3.5rem);--font-size-h2: clamp(1.5rem, 3vw, 2rem);--font-size-body: clamp(1.5rem, 2.5vw, 2rem);--font-size-body-small: clamp(1.125rem, 1.5vw, 1.25rem);--font-size-body-xsmall: clamp(.85rem, 1.25vw, 1rem);--font-size-label: .75rem}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-weight:400;font-family:var(--font-display)}h1,.h1{font-size:var(--font-size-h1);font-family:var(--font-display);line-height:1.1;letter-spacing:.0125em}h2,.h2{font-size:var(--font-size-h2);letter-spacing:.025em}.display{font-family:var(--font-display);font-size:var(--font-size-h1);font-weight:100}p,.p{font-size:var(--font-size-body);letter-spacing:.01em;line-height:1.3;letter-spacing:.0125em;font-weight:300;max-width:52ch}p+p,p+.p,.p+p,.p+.p{margin-top:.5em}h1+p,.h1+p,h1+.p,.h1+.p{margin-top:1em}.p-small{font-size:var(--font-size-body-small);font-weight:300;letter-spacing:.0125em}.p-xsmall{font-size:var(--font-size-body-xsmall);line-height:1.5;font-weight:300;letter-spacing:.0125em}.label{font-family:var(--font-sansserif);text-transform:uppercase;font-size:var(--font-size-label);letter-spacing:-.01em;margin:0}.label-bold{font-family:var(--font-sansserif-bold);text-transform:uppercase;font-size:var(--font-size-label);letter-spacing:-.01em;margin:0}}
