@font-face{font-family:PS_regular;src:url(/Ps_handwritten-Regular.otf) format("truetype");font-weight:400;font-style:normal}:root{--primary: #be4b2a;--primary-darker: #883826;--secondary: #5D8B8B;--tertiary: #361E1C;--quaternary: var(--primary);--background: #fcf6ef;--background-dark: #1f1f1f;--surface: #EBECDC;--surface-dark: #2a2a2a;--forest-haze: #4A6D56;--forest-dark: rgba(67, 95, 77, .8);--moss-whisper: #98a789;--sandy-dunes: #efe7dd;--yellow: #c5a148;--neutral-light: #f5f5f5;--text: #110a0a;--text-dark: #2d2926;--bg-paper: #fcf6ee;--gradient: linear-gradient(45deg, var(--background), var(--background-dark));--font-serif: "Instrument Serif", serif;--grid-width: calc(1200px + 2 * var(--grid-gap));--page-padding: 50px;--grid-gap: 20px;--grid-columns: 12;--offset-left: calc(50vw - (var(--grid-width) / 2) + 20px);--offset-right: var(--offset-left);--col-width: calc(calc(var(--grid-width) - var(--page-padding) * 2 - calc(var(--grid-columns) - 1) * var(--grid-gap)) / var(--grid-columns) * 2 + 1 * var(--grid-gap));--sans-font: "OGcourier", Courier, "Liberation Mono", "Nimbus Mono L", monospace;--serif-font: var(--font-serif);--mono-font: "OGcourier", Courier, "Liberation Mono", "Nimbus Mono L", monospace;--mono-font-bold: "OGcourier-Bold", Courier, "Liberation Mono", "Nimbus Mono L", monospace;--standard-border-radius: 8px;--border-width: 1px;--bg: var(--background);--bg-nav: rgba(252, 246, 239, 1);--bg-highlight: #423e3b;--accent-bg: var(--sandy-dunes);--text-light: var(--forest-haze);--border: var(--secondary);--accent: var(--quaternary);--accent-hover: var(--primary);--accent-text: var(--bg);--code: var(--quaternary);--preformatted: var(--forest-haze);--marked: var(--primary);--disabled: var(--surface);--dl-l: .97;--dl-c: .01;--dl-h: 75;--dl-text-l: .2}:root.daylight-mode{--bg: oklch(var(--dl-l) var(--dl-c) var(--dl-h));--text: oklch(var(--dl-text-l) var(--dl-c) var(--dl-h));--accent-bg: oklch(calc(var(--dl-l) * .95) var(--dl-c) var(--dl-h));--surface: oklch(calc(var(--dl-l) * .98) var(--dl-c) var(--dl-h));--border: oklch(calc(var(--dl-l) * .8) var(--dl-c) var(--dl-h))}@media(prefers-color-scheme:dark){:root:not(.light-mode){color-scheme:dark;--bg: var(--surface-dark);--accent-bg: var(--surface-dark);--surface: var(--surface-dark);--text: var(--background);--text-light: var(--secondary);--border: #4a4a4a;--accent: var(--primary);--accent-hover: var(--quaternary);--accent-text: var(--bg);--code: var(--primary);--preformatted: var(--secondary);--disabled: #2b2b2b;--text-dark: #fcf6ee;--bg-paper: #1a1a1a}}:root.dark-mode{color-scheme:dark;--bg: var(--surface-dark);--accent-bg: var(--surface-dark);--surface: var(--surface-dark);--text: var(--background);--text-light: var(--secondary);--border: #4a4a4a;--accent: var(--primary);--accent-hover: var(--quaternary);--accent-text: var(--bg);--code: var(--primary);--preformatted: var(--secondary);--disabled: #2b2b2b;--text-dark: #fcf6ee;--bg-paper: #1a1a1a;--bg-highlight: #423e3b}:root.light-mode{color-scheme:light;--bg: var(--background);--accent-bg: var(--background-dark);--text: #110a0a;--text-light: var(--forest-haze);--accent: var(--quaternary);--accent-hover: var(--primary);--accent-text: var(--bg);--text-dark: #2d2926;--bg-paper: #fcf6ee;--bg-highlight: #ece6dc}*,*:before,*:after{box-sizing:border-box}textarea,select,input,progress{appearance:none;-webkit-appearance:none;-moz-appearance:none}html{font-family:var(--sans-font);scroll-behavior:smooth;margin:0;padding:0}body{color:var(--text);background-color:var(--bg);font-size:1.15rem;line-height:1.5;display:grid;grid-template-columns:1fr min(45rem,90%) 1fr;margin:0;padding:0}body>*{grid-column:2}body>header{background-color:var(--accent-bg);border-bottom:var(--border-width) solid var(--border);text-align:center;padding:0 .5rem 2rem;grid-column:1/-1}body>header>*:only-child{margin-block-start:2rem}body>header h1{max-width:1200px;margin:1rem auto}body>header p{max-width:40rem;margin:1rem auto}main{padding-top:1.5rem}body>footer{margin-top:4rem;padding:2rem 1rem 1.5rem;color:var(--text-light);font-size:.9rem;text-align:center}h1{font-size:3rem}h2{font-size:2.6rem;margin-top:3rem}h3{font-size:2rem;margin-top:3rem}h4{font-size:1.44rem}h5{font-size:1.15rem}h6{font-size:.96rem}p{margin:1.5rem 0}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1,h2,h3{line-height:1.1}@media screen and (max-width:720px){h1{font-size:2.5rem}h2{font-size:2.1rem}h3{font-size:1.75rem}h4{font-size:1.25rem}}a,a:visited{color:var(--text);text-decoration:none;position:relative;padding-bottom:2px;transition:color .25s ease-out}a:not(.button):not(.project-card):not(.bmc-button):not(.logo):after{content:"";position:absolute;width:100%;transform:scaleX(0);height:1px;bottom:0;left:0;background-color:var(--quaternary);transform-origin:bottom right;transition:transform .25s ease-out}a:not(.button):not(.project-card):not(.bmc-button):not(.logo):hover{color:var(--quaternary)}a:not(.button):not(.project-card):not(.bmc-button):not(.logo):hover:after{transform:scaleX(1);transform-origin:bottom left}a.link{color:var(--quaternary);text-decoration:none;border-bottom:1px solid var(--quaternary)}.button,a.button,input[type=submit],input[type=reset],input[type=button]{background-color:var(--quaternary);color:#fff!important;font-weight:700;border:none;padding:12px 24px;font-family:var(--sans-font);font-size:1rem;border-radius:6px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 5px #0000001a;display:inline-block;line-height:normal;text-decoration:none}.button[aria-disabled=true],input:disabled,textarea:disabled,select:disabled,button[disabled]{cursor:not-allowed;background-color:var(--disabled);border-color:var(--disabled);color:var(--text-light)}.button:not([aria-disabled=true]):hover,input[type=submit]:enabled:hover,input[type=button]:enabled:hover{transform:translateY(-2px);box-shadow:0 5px 15px #c443244d;background-color:var(--quaternary)}button:active,.button:active,input[type=submit]:active,input[type=button]:active{transform:translateY(0)}header nav{font-size:1rem;line-height:2}header nav ul,header nav ol{align-content:space-around;align-items:center;display:flex;justify-content:center;list-style-type:none;margin:0;padding:0;flex-wrap:wrap}header nav a,header nav a:visited{color:var(--text);text-decoration:none}aside,details,pre,progress{background-color:var(--accent-bg);border:var(--border-width) solid var(--border);border-radius:var(--standard-border-radius);margin-bottom:1rem}aside{font-size:1rem;width:30%;padding:0 15px;margin-inline-start:15px;float:right}@media screen and (max-width:720px){aside{width:100%;float:none;margin-inline-start:0}}article,fieldset,dialog{border:var(--border-width) solid var(--border);padding:1rem;border-radius:var(--standard-border-radius);margin-bottom:1rem}section{padding:2rem 1rem;margin:3rem 0}::selection{background-color:var(--quaternary);color:var(--background)}h2{font-family:var(--font-serif);font-size:4rem;margin:50px 0;font-weight:400}.handwritten,.whatif_intro{font-family:PS_Regular,sans-serif;font-size:3rem;font-weight:400;font-style:italic;color:var(--text);letter-spacing:-4px}.whatif-container{padding:40px;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:100%;margin:0}.whatif-quote-block{position:relative;max-width:880px;margin-bottom:0}.whatif_intro{font-family:PS_regular,sans-serif;font-size:3.8rem;line-height:1.1;color:var(--text-dark);font-style:italic;text-align:center;opacity:1!important;font-weight:400;margin:0;padding:0;max-width:none}.quote-mark{position:absolute;font-family:"Instrument Serif",serif;font-size:8rem;color:var(--quaternary);color:var(--text);opacity:.15;line-height:1;pointer-events:none}.quote-mark.open{top:-40px;left:-20px}.quote-mark.close{bottom:-80px;right:-20px}strong{font-weight:700}.disclaimer{font-size:1rem;font-style:italic;color:var(--text);opacity:.8;margin-top:80px}@media(max-width:768px){.whatif_intro{font-size:2.5rem}.quote-mark{font-size:5rem}.quote-mark.open{top:-40px;left:0}.quote-mark.close{bottom:-60px;right:0}}.giant-title{position:fixed;top:200px;left:50%;transform:translate(-50%,-50%);z-index:1;margin:0;pointer-events:none;animation:title-fade linear both;animation-timeline:scroll();animation-range:0px 200px}@media(max-width:1024px){.giant-title{top:150px}}@keyframes title-fade{0%{opacity:.95;filter:blur(0px)}to{opacity:.03;filter:blur(5px)}}