*,: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:.8}.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}.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}.list__item-col:last-child{justify-self:end}}