@font-face{font-family:TheSeasons;src:url(/fonts/TheSeasons.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:ReenieBeanie;src:url(/fonts/ReenieBeanie.ttf) format("truetype");font-weight:400;font-style:normal}:root{--green-1: #3F5F56;--green-1-rgb: 63, 95, 86;--green-2: #6E8576;--green-3: #A3B19B;--green-3-rgb: 163, 177, 155;--green-4: #D8D2B8;--terracotta-1: #A96F4A;--terracotta-2: #C48A63;--terracotta-2-rgb: 196, 138, 99;--terracotta-3: #DDB196;--terracotta-3-rgb: 221, 177, 150;--terracotta-4: #F0D9C9;--terracotta-4-rgb: 240, 217, 201;--red-1: #ac4444;--red-1-rgb: 172, 68, 68;--teal-1: #397b7e;--teal-1-rgb: 57, 123, 126;--light-neutral-1: #fffffe;--light-neutral-2: #fcfbf9;--light-neutral-3: #f3f0ea;--light-neutral-4: #e9e4dc;--light-neutral-5: #d8d2c8;--dark-neutral-1: #191b20;--dark-neutral-2: #232831;--dark-neutral-3: #2b313d;--dark-neutral-4: #343b47;--dark-neutral-5: #4b5361;--light-text-1: #2d2b28;--light-text-2: #70695f;--light-text-3: #9a9389;--dark-text-1: #e8e4dd;--dark-text-2: #b6b0a6;--dark-text-3: #7f7b74}.theme-light{--background-primary: var(--light-neutral-1);--background-secondary: var(--light-neutral-3);--background-modifier-border: var(--light-neutral-5);--background-modifier-hover: rgba(80, 70, 60, .06);--background-modifier-active-hover: rgba(80, 70, 60, .1);--text-normal: var(--light-text-1);--text-muted: var(--light-text-2);--text-faint: var(--light-text-3);--callout-color-rgb: var(--terracotta-3-rgb);--link-color: var(--green-1);--link-color-hover: var(--green-2);--bold-color: var(--terracotta-2);--text-selection: rgba(150, 120, 90, .18);--header-background: var(--light-neutral-5) }.theme-dark{--background-primary: var(--dark-neutral-1);--background-secondary: var(--dark-neutral-3);--background-modifier-border: var(--dark-neutral-5);--background-modifier-hover: rgba(255, 255, 255, .08);--background-modifier-active-hover: rgba(255, 255, 255, .12);--text-normal: var(--dark-text-1);--text-muted: var(--dark-text-2);--text-faint: var(--dark-text-3);--callout-color-rgb: var(--green-3-rgb);--link-color: var(--terracotta-2);--link-color-hover: var(--terracotta-3);--bold-color: var(--green-2);--text-selection: rgba(215, 165, 116, .22);--header-background: var(--dark-neutral-1) }.theme-light h1{text-align:center;font-family:ReenieBeanie;font-weight:400;margin-top:50px;margin-bottom:0;font-size:56px;color:var(--green-1)}.theme-light h2{font-family:TheSeasons;font-weight:400;color:var(--green-2)}.theme-light h3{font-family:TheSeasons;font-weight:400;color:var(--green-3)}.theme-light h4{font-family:TheSeasons;font-weight:400;color:var(--green-4)}.theme-dark h1{text-align:center;font-family:ReenieBeanie;font-weight:400;margin-top:50px;margin-bottom:0;font-size:56px;color:var(--terracotta-1)}.theme-dark h2{font-family:TheSeasons;font-weight:400;color:var(--terracotta-2)}.theme-dark h3{font-family:TheSeasons;font-weight:400;color:var(--terracotta-3)}.theme-dark h4{font-family:TheSeasons;font-weight:400;color:var(--terracotta-4)}@media(max-width:700px){h1:not(.bb-title){font-size:42px!important;margin-top:20px!important}}html,body{margin:0;padding:0;background:var(--background-secondary);color:var(--text-muted);font-size:18px;font-family:Segoe UI,sans-serif}@media(max-width:700px){body{font-size:14px}}*{box-sizing:border-box}a{color:inherit}strong{color:var(--bold-color)}.homepage-wrapper{padding:24px 40px 80px}@media(max-width:700px){.homepage-wrapper{padding:20px 24px 80px}}.homepage-subline{margin-top:-10px;font-family:ReenieBeanie!important;font-size:30px;font-weight:400}.homepage-intro{margin-bottom:24px;line-height:1.6}.header-wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;padding:10px 40px;box-sizing:border-box;background:var(--header-background)}.header-menu{display:flex;align-items:center;gap:10px}.header-menu.left{justify-content:flex-start}.header-menu.right{justify-content:flex-end}@media(max-width:700px){.header-wrap{padding:10px 8px;gap:4px}.header-menu{gap:4px!important}.header-btn{width:auto!important;min-width:35px}.header-label{display:none}.bb-logo{transform:scale(.9);transform-origin:center}}.header-btn{display:flex;flex-direction:column;align-items:center;width:55px;cursor:pointer;color:var(--text-muted);text-decoration:none;opacity:.7;transition:opacity .2s ease,transform .2s ease}.header-btn:hover{opacity:1;transform:rotate(-8deg)}.header-btn .header-label{width:100%;margin-top:4px;font-size:10px;line-height:1;text-align:center}.bb-logo{margin:0 auto;text-align:center;cursor:pointer;text-decoration:none}.bb-logo .bb-welcome{display:block;margin-left:-12px;margin-bottom:-6px;font-family:ReenieBeanie;font-size:18px;font-weight:400;transform:rotate(-5deg);opacity:.9}.bb-logo .bb-title{margin:0;font-family:TheSeasons;font-size:30px;font-weight:400;line-height:1}.bb-logo .bb-subtitle{display:block;margin-top:-3px;font-family:ReenieBeanie;font-size:15px;opacity:.75;white-space:nowrap}.card-controls{margin-bottom:18px;font-size:14px;color:var(--text-muted);display:flex;justify-content:flex-end;align-items:center;gap:6px}.sort-link{background:transparent;border:none;padding:0;font:inherit;cursor:pointer;color:var(--text-muted);text-decoration:none;transition:opacity .15s ease}.sort-link:hover{opacity:.7}.sort-link.active{color:var(--link-color);font-weight:700}.tech-stack{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:30px;margin-top:20px}.tech-item{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:10px}.tech-item img{height:30px;width:auto}.theme-light-logo{display:none}.theme-dark-logo,.theme-light .theme-light-logo{display:inline-block}.theme-light .theme-dark-logo{display:none}img{user-select:none;-webkit-user-drag:none}.card{display:inline-block;width:100%;background:var(--background-primary);border-radius:6px;overflow:hidden;cursor:pointer;text-decoration:none;color:inherit;box-shadow:3px 3px 5px #00000059;transition:transform .12s ease,box-shadow .12s ease}.card:hover{transform:translateY(-3px);box-shadow:4px 4px 6px #00000038}.card img{width:100%;display:block}.card>img{object-fit:cover;border-radius:6px 6px 0 0}.card h1{font-size:32px;text-align:left;line-height:1.1;margin:10px 6px 6px}.card p{margin:0 6px 18px;font-size:14px;line-height:1.4;color:var(--text-muted)}@media(max-width:700px){.card h1{font-size:28px!important;margin:10px 10px 6px!important}}.image-card{overflow:hidden}.image-card-img{width:100%;height:auto;display:block;object-fit:contain;border-radius:6px 6px 0 0}.card-content{padding:6px}.card-footer{padding:0 6px 6px;font-size:11px;text-align:right;color:var(--text-muted);opacity:.8}.quote-card{padding:16px}.quote-card .quote-text{font-family:TheSeasons;font-size:20px;line-height:1.35;color:var(--light-neutral-1)}.quote-card .quote-author{margin-top:14px;text-align:right;font-size:11px;color:var(--light-neutral-1)}.card-gallery{columns:260px;column-gap:14px;width:fit-content;margin:0 auto}.card{display:inline-block;width:100%;margin-bottom:14px;break-inside:avoid}.article-page{margin:80px 40px}@media(max-width:700px){.article-page{margin:40px 20px}}.article-content{line-height:1.7}.article-image{display:block;cursor:pointer;margin-top:18px;margin-bottom:18px;border-radius:6px;box-shadow:3px 3px 5px #00000059}@media(max-width:700px){.article-image{margin:10px 20px}}.article-image.center{display:block}p:has(.article-image.center){display:flex;justify-content:center;align-items:flex-start;gap:12px;flex-wrap:wrap}@media(max-width:700px){p:has(.article-image.center){gap:0}}.article-image.left{float:left;margin-right:15px}.article-image.right{float:right;margin-left:15px}.lightbox{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#000000e0;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:9999}.lightbox.active{opacity:1;pointer-events:all}.lightbox img{position:relative;z-index:1;max-width:95vw;max-height:95vh;display:block;border-radius:6px;box-shadow:0 10px 40px #0006}.image-card-img{cursor:pointer}::view-transition-group(active-lightbox-image){animation-duration:.35s;animation-timing-function:cubic-bezier(.16,1,.3,1)}.lightbox-close,.lightbox-nav{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;border:none;background:#ffffff1a;color:#fff;cursor:pointer;backdrop-filter:blur(6px);transition:background .15s ease}.lightbox-close:hover,.lightbox-nav:hover{background:#ffffff2e}.lightbox-close{top:20px;right:20px;width:42px;height:42px;border-radius:999px}.lightbox-nav{top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:999px}.lightbox-nav.left{left:20px}.lightbox-nav.right{right:20px}.callout ul{padding-inline-start:20px}.callout{margin-top:20px;margin-bottom:20px;font-size:14px;padding:16px;border-radius:12px;background:rgba(var(--callout-color-rgb),.1);border:1px solid rgba(var(--callout-color-rgb),.2)}.callout-title{display:flex;align-items:center;gap:10px;margin-bottom:10px}.callout-icon{flex:0 0 auto;display:flex;align-items:center}.callout-title-inner{font-weight:400}.callout-content>*:first-child{margin-top:0}.callout-content>*:last-child{margin-bottom:0}.scroll-top-btn{position:fixed;left:50%;bottom:32px;transform:translate(-50%) translateY(20px);width:42px;height:42px;border:none;border-radius:999px;background:#00000080;backdrop-filter:blur(8px);color:var(--light-neutral-1);font-size:20px;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:999}.scroll-top-btn svg{margin-top:4px}.scroll-top-btn.visible{opacity:1;pointer-events:all;transform:translate(-50%) translateY(0)}.scroll-top-btn:hover{transform:translate(-50%) translateY(-2px)}