*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--page-padding:2rem;--color-text:#899499;--color-mission:#fff;--color-bg:#000;--color-link:#fff;--color-link-hover:#fff;--color-list-item:#ffffffd9;--color-title:#899499;--color-number:#899499;--color-bg-effect:#0000001a;--blendmode-effect:none;--bg-blur:5px;--font-size-list-item:14px;font-size:16px}.loading-overlay{z-index:9999;background:#000;justify-content:center;align-items:center;transition:opacity .6s;display:flex;position:fixed;inset:0}.loading-overlay--done{opacity:0;pointer-events:none}.loading-overlay__text{color:#fff;text-transform:uppercase;letter-spacing:4px;font-family:JetBrains Mono,monospace;font-size:clamp(1.2rem,4vw,2.5rem);font-weight:300}.loading-overlay__text .dud{color:#c00;opacity:.7}canvas{z-index:-1;width:100%;height:100%;position:fixed;top:0;left:0}body{color:var(--color-text);font-optical-sizing:auto;text-transform:uppercase;-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;font-family:JetBrains Mono,monospace;font-weight:300;overflow-x:hidden;background:#000!important}body:after{content:"";pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.occo{--color-text:#899499;--color-mission:#fff;--color-bg:#000;--color-link:#fff;--color-link-hover:#fff;--color-list-item:#ffffffd9;--color-title:#899499;--color-number:#899499;--color-bg-effect:#0000001a;--blendmode-effect:none;--bg-blur:5px;--font-size-list-item:clamp(1rem, 3vw, 1.5rem)}.occo:after{display:none}.mission{color:var(--color-mission)}main{z-index:1;flex-direction:column;justify-content:space-between;min-height:100vh;display:flex;position:relative}a{color:var(--color-link);cursor:pointer;outline:none;text-decoration:none}a:hover{color:var(--color-link-hover);outline:none;text-decoration:none}a:focus{outline:none}a:focus-visible{outline:2px solid red}.frame{letter-spacing:1px;padding:var(--page-padding);pointer-events:none;grid-template-columns:auto auto;grid-template-areas:"title""demos";place-items:start;gap:1rem 2rem;font-size:12px;font-weight:700;display:grid;position:relative}.frame a{pointer-events:auto}.frame__title{font-size:inherit;font-weight:inherit;grid-area:title;margin:0}.frame__demos{grid-area:demos;gap:1rem;display:flex}.content{padding:0 var(--page-padding) 2rem;flex-direction:column;justify-content:center;display:flex}.content__title{color:var(--color-title);margin-bottom:.5rem;font-size:12px}.content p{padding:5vh var(--page-padding) 0;max-width:900px;font-size:12px}.mission{line-height:1.7;font-size:clamp(14px,2vw,18px)!important}.list{counter-reset:item 0;flex-direction:column;width:100%;margin:0;padding:0;list-style:none;display:flex}.list__item{font-size:var(--font-size-list-item);cursor:pointer;width:100%;color:var(--color-list-item);grid-template-columns:100%;justify-content:space-between;place-items:start;column-gap:2rem;padding:.5rem 0;display:grid}.occo .list__item{padding:.85rem 0}.list__item:before{color:var(--color-number);content:counter(item, decimal-leading-zero);counter-increment:item 1;padding:3px 3px 0;font-weight:500;line-height:.8}.occo .list__item:before{font-size:.8rem}.list__item--phase{border-top:1px solid #ffffff14;margin-top:.5rem;padding-top:1rem!important}.list__item--phase:before{content:""!important;counter-increment:none!important}.list__item-col{flex:none;padding:3px 3px 0;line-height:1.3}.hover-glow{transition:text-shadow .3s,color .3s}.hover-glow:hover{text-shadow:0 0 8px gold;color:#fff}.dud{color:var(--color-number);opacity:.6}.chapters-section{padding-top:2rem}.chapter-tabs{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.chapter-tab{color:var(--color-text);letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;padding:.6rem 1.2rem;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;transition:all .3s}.chapter-tab:hover{color:#fff;text-shadow:0 0 8px gold;border-color:#fff6}.chapter-tab--active{color:#fff;background:#ffffff1a;border-color:#fff9}.chapter-tab__icon{font-size:10px}.chapter-linkedin-link{margin-bottom:.75rem}.chapter-linkedin-link a{letter-spacing:1px;color:#0a66c2;font-size:11px}.newsletter-section,.linkedin-section{padding-top:2rem}.newsletter-grid{margin-top:.5rem}.newsletter-placeholder{text-align:center;color:var(--color-text);text-transform:uppercase;letter-spacing:1px;border:1px dashed #ffffff26;padding:2rem;font-size:12px}.newsletter-placeholder__icon{margin-bottom:.5rem;font-size:2rem;display:block}.newsletter-placeholder__sub{opacity:.5;padding:.5rem 0 0!important;font-size:10px!important}.featured-newsletter{cursor:pointer;margin-top:.5rem}.featured-card{border:1px solid #ffffff1f;grid-template-columns:1fr;transition:border-color .3s;display:grid;overflow:hidden}.featured-card:hover{border-color:#ffffff59}.featured-card__image{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.featured-card__body{padding:1.2rem 1.5rem}.featured-card__date{color:var(--color-text);letter-spacing:1px;margin-bottom:.4rem;font-size:10px}.featured-card__title{color:#fff;letter-spacing:1px;margin-bottom:.3rem;font-size:clamp(14px,2.5vw,20px);font-weight:600;line-height:1.3}.featured-card__subtitle{color:var(--color-text);letter-spacing:.5px;text-transform:none;font-size:12px;line-height:1.4}.featured-card__cta{color:#c00;letter-spacing:1px;margin-top:.8rem;font-size:10px;font-weight:600;transition:color .3s;display:inline-block}.featured-card:hover .featured-card__cta{color:#f33;text-shadow:0 0 6px #ff00004d}.older-newsletters{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem;margin-top:.75rem;display:grid}.newsletter-card{cursor:pointer;border:1px solid #ffffff1a;padding:1rem;transition:border-color .3s}.newsletter-card:hover{border-color:#ffffff4d}.newsletter-card__thumb{aspect-ratio:16/9;object-fit:cover;width:100%;margin-bottom:.6rem;display:block}.newsletter-card__date{color:var(--color-text);letter-spacing:1px;margin-bottom:.3rem;font-size:10px}.newsletter-card__title{color:#fff;letter-spacing:1px;margin-bottom:.3rem;font-size:13px;font-weight:600}.newsletter-card__subtitle{color:var(--color-text);text-transform:none;letter-spacing:0;font-size:11px;line-height:1.5;padding:0!important}.nl-modal{z-index:9000;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.nl-modal__overlay{background:#000000e6;position:absolute;inset:0}.nl-modal__content{background:#0a0a0a;border:1px solid #ffffff1f;width:100%;max-width:700px;max-height:90vh;position:relative;overflow-y:auto}.nl-modal__close{color:#fff;cursor:pointer;z-index:1;background:#000000b3;border:1px solid #fff3;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;line-height:1;display:flex;position:absolute;top:1rem;right:1rem}.nl-modal__close:hover{color:#c00;border-color:#c00}.nl-detail__image{width:100%;display:block}.nl-detail__body{padding:1.5rem 2rem 2rem}.nl-detail__date{color:var(--color-text);letter-spacing:1px;text-transform:uppercase;margin-bottom:.5rem;font-family:JetBrains Mono,monospace;font-size:10px}.nl-detail__title{color:#fff;letter-spacing:1px;text-transform:uppercase;margin-bottom:.3rem;font-family:JetBrains Mono,monospace;font-size:20px;font-weight:600;line-height:1.3}.nl-detail__subtitle{color:var(--color-text);text-transform:none;letter-spacing:0;margin-bottom:1rem;font-family:JetBrains Mono,monospace;font-size:13px}.nl-detail__content{color:#ffffffd9;text-transform:none;letter-spacing:0;white-space:pre-wrap;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.8}.nl-detail__content a{color:#c00;text-decoration:underline}.nl-detail__content a:hover{color:#f33}.nl-detail__linkedin{color:#0a66c2;letter-spacing:1px;text-transform:uppercase;border:1px solid #0a66c2;align-items:center;gap:.5rem;margin-top:1.5rem;padding:.6rem 1rem;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;transition:all .3s;display:inline-flex}.nl-detail__linkedin:hover{color:#fff;background:#0a66c2}@media screen and (width>=40em){.featured-card{grid-template-columns:1fr 1fr}}.linkedin-feed{flex-direction:column;gap:.5rem;margin-top:.5rem;display:flex}.linkedin-card{border:1px solid #ffffff1a;align-items:center;gap:1rem;padding:1rem 1.2rem;text-decoration:none;transition:all .3s;display:flex}.linkedin-card:hover{background:#ffffff08;border-color:#ffffff4d}.linkedin-card__icon{color:#0a66c2;text-transform:none;border:1px solid #0a66c2;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;font-weight:700;display:flex}.linkedin-card__body{flex:1;min-width:0}.linkedin-card__title{color:#fff;letter-spacing:.5px;font-size:12px;padding:0!important}.linkedin-card__date{color:var(--color-text);margin-top:.2rem;font-size:10px;padding:0!important}.tools-section{padding-top:2rem}.tools-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin-top:.5rem;display:grid}.tool-card{border:1px solid #ffffff26;padding:1.5rem;text-decoration:none;transition:all .3s;display:block}.tool-card:hover{text-shadow:0 0 4px gold;background:#ffffff0d;border-color:#fff6}.tool-card__icon{margin-bottom:.5rem;font-size:1.5rem}.tool-card__title{color:#fff;letter-spacing:1px;margin-bottom:.5rem;font-size:14px;font-weight:600}.tool-card__desc{color:var(--color-text);font-size:11px;line-height:1.6;padding:0!important}.site-footer{padding:var(--page-padding);letter-spacing:1px;border-top:1px solid #ffffff14;margin-top:2rem;font-size:10px}.site-footer__content{justify-content:space-between;align-items:center;display:flex}.site-footer__admin{opacity:.4;font-size:10px;transition:opacity .3s}.site-footer__admin:hover{opacity:1}@media screen and (width>=40em){.list__item{grid-template-columns:auto 1fr 1fr 1fr auto}}@media screen and (width>=53em){.frame{grid-template-columns:auto auto auto auto 1fr 1fr;grid-template-areas:"title back archive github demos sponsor"}.frame__demos{justify-self:end}}@media screen and (width>=73em){.occo .list__item{grid-template-columns:100px 1fr 1fr auto auto}.list__cal{justify-self:end}}.list__cal{align-items:start;gap:.6rem;padding-top:3px;display:flex}.cal-btn{letter-spacing:.5px;color:var(--color-number);white-space:nowrap;border:1px solid #ffffff26;padding:2px 7px;font-size:10px;transition:border-color .3s,color .3s}.cal-btn:hover{color:#fff;border-color:#f66}@media screen and (width<=40em){.list__cal{margin-top:.4rem}}.list__item--collapsed{display:none}.list--show-all .list__item--collapsed{display:grid}.schedule-toggle{padding:.5rem var(--page-padding) 0}.schedule-toggle__btn{color:var(--color-text);letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #fff3;padding:.6rem 1.1rem;font-family:inherit;font-size:11px;font-weight:500;transition:border-color .3s,color .3s}.schedule-toggle__btn:hover{color:#fff;border-color:#f66}.connect{padding:0 var(--page-padding);flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.connect__qr{background:#fff;flex:none;width:160px;height:160px;padding:8px}.connect__body{max-width:360px}.connect__text{color:var(--color-mission);margin:0 0 .75rem;font-size:12px;line-height:1.4;padding:0!important}.connect__link{color:#f66;font-size:12px}@media screen and (width<=53em){body:before{content:"";z-index:0;pointer-events:none;background:#0009;position:fixed;inset:0}.frame__demos{flex-wrap:wrap;row-gap:.35rem}.frame__demos span{flex-basis:100%}}.ev-alert{z-index:9500;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.ev-alert__overlay{background:#000000e0;position:absolute;inset:0}.ev-alert__content{background:#0a0a0a;border:1px solid #ffffff24;width:100%;max-width:560px;max-height:92vh;position:relative;overflow-y:auto}.ev-alert__close{color:#fff;cursor:pointer;z-index:1;background:#000000b3;border:1px solid #fff3;justify-content:center;align-items:center;width:34px;height:34px;font-size:20px;line-height:1;display:flex;position:absolute;top:.6rem;right:.6rem}.ev-alert__close:hover{color:#c00;border-color:#c00}.ev-alert__imglink{display:block}.ev-alert__image{width:100%;height:auto;display:block}.ev-alert__body{padding:1.25rem 1.5rem 1.5rem}.ev-alert__tag{color:#f66;letter-spacing:1px;margin:0 0 .5rem;font-size:11px}.ev-alert__title{color:#fff;text-transform:none;margin:0 0 .75rem;font-size:16px;line-height:1.3}.ev-alert__text{color:var(--color-mission);text-transform:none;margin:0 0 1.25rem;font-size:12px;line-height:1.6}.ev-alert__actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.ev-alert__btn{letter-spacing:.5px;cursor:pointer;color:var(--color-text);background:0 0;border:1px solid #fff3;padding:.7rem 1.2rem;font-family:inherit;font-size:12px;transition:border-color .3s,color .3s,background .3s}.ev-alert__btn--primary{color:#fff;background:#c00;border-color:#c00}.ev-alert__btn--primary:hover{background:#f20;border-color:#f20}.ev-alert__dismiss:hover{color:#fff;border-color:#f66}.cal-btn--reg{color:#fff;background:#c00;border-color:#c00}.cal-btn--reg:hover{color:#fff;background:#f20;border-color:#f20}