@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){.theme-dark h1,.theme-light h1{font-size:42px;margin-top:20px}}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 10px 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;text-align:center}.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!important;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}.meta{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:50px;margin-top:10px;font-size:13px;color:var(--text-muted);opacity:.8;text-align:center;flex-wrap:wrap}.meta-separator{opacity:.5}.pc-cooler{display:none}@media(max-width:750px){.pc-cooler{display:flex;width:fit-content;margin:0 auto 24px;align-items:center;justify-content:center;font-family:ReenieBeanie;font-size:20px!important;padding:10px 14px;background:var(--background-secondary);color:var(--text-normal);opacity:.8}}.card{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)}.article-card{position:relative}@media(max-width:700px){.card h1{font-size:clamp(15px,7.5vw,24px);margin:8px 8px 6px!important}.card p{margin:0 8px 14px;font-size:12px}.card-content{padding:8px}.card-footer{padding:0 8px 8px}.quote-card{padding:12px 12px 6px}.quote-card .quote-text{font-size:16px}}.image-card{overflow:hidden;position:relative}.image-card-img{width:100%;height:auto;display:block;object-fit:contain;border-radius:6px 6px 0 0}.card-content{padding:clamp(6px,1vw,10px)}.card-footer{padding:0 6px 6px;font-size:clamp(10px,.9vw,11px);text-align:right;color:var(--text-muted);opacity:.8}.quote-card{padding:24px 18px 6px;color:#fff!important;cursor:default}.quote-card .quote-text{font-family:TheSeasons;font-size:clamp(14px,2vw,20px);line-height:1.35;color:#fff;margin-bottom:20px}.quote-card .card-footer{color:#fff!important}.quote-card:hover{transform:none}:root{--desktop-card-width: 260px;--card-gap: 14px}.card-gallery{display:flex;flex-direction:row;gap:var(--card-gap);opacity:0;transition:opacity .2s ease;width:100%;align-items:flex-start;justify-content:center}.masonry-column{display:flex;flex-direction:column;gap:var(--card-gap);flex:0 0 var(--desktop-card-width);width:var(--desktop-card-width);min-width:0}.masonry-column .card{width:100%;max-width:100%}@media(max-width:700px){:root{--card-gap: 10px}.card-gallery{flex-direction:row;justify-content:center}.masonry-column{flex:0 0 calc((100% - var(--card-gap)) / 2);width:calc((100% - var(--card-gap)) / 2);min-width:0}}.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-wrapper{position:relative;width:100%}.project-gallery{float:right;width:min(35vw,600px);margin:10px 0 20px 40px;display:flex;gap:12px;align-items:flex-start}.project-gallery:after{content:"";display:block;clear:both}.gallery-column{width:calc((100% - 12px)/2);flex:0 0 calc((100% - 12px)/2);display:flex;flex-direction:column;gap:12px}.project-gallery img{width:100%;height:auto;display:block;border-radius:6px;box-shadow:3px 3px 5px #00000059}@media(max-width:900px){.project-gallery{float:none;width:100%;margin:20px 0}}.mobile-scroll-button{display:none}@media(max-width:900px){.mobile-scroll-button{display:flex;width:fit-content;margin:0 auto 24px;align-items:center;justify-content:center;padding:10px 14px;background:var(--background-secondary);border:none;color:var(--text-normal);text-decoration:none;font-size:14px;opacity:.8}}.article-read-link{align-self:center;display:inline-flex;align-items:center;justify-content:center;width:fit-content;margin:0 auto 12px;padding:5px 10px;border-radius:8px;background:var(--green-1);color:var(--light-neutral-1);font-size:.48rem;font-weight:700;line-height:1;letter-spacing:0;text-transform:uppercase}.theme-dark .article-read-link{background:var(--terracotta-2);color:var(--light-neutral-1)}.article-card .card-content{display:flex;flex-direction:column}.lightbox{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#000000eb;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:#1b1e2466;color:#fff;cursor:pointer;backdrop-filter:blur(6px);transition:background .15s ease}.lightbox-close:hover,.lightbox-nav:hover{background:#1b1e2499}.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{overflow:hidden;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)}.hover-lift{transition:transform .12s ease,box-shadow .12s ease}.hover-lift:hover{transform:translateY(-3px);box-shadow:4px 4px 6px #00000038}.hover-overlay-parent{position:relative}.hover-overlay-icon{position:absolute;top:12px;right:12px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#00000073;backdrop-filter:blur(8px);color:#fff;pointer-events:none}