body:not(.is-ready){overflow:hidden;height:100dvh}body:not(.is-ready) .footer,body:not(.is-ready) .home,body:not(.is-ready) .site-footer{opacity:0}body.is-ready .footer,body.is-ready .home,body.is-ready .site-footer{opacity:1}.home{background:var(--paper)}.homeContainer{max-width:1500px;margin:0 auto}.sub-hero{padding:clamp(36px,7vh,80px) var(--gutter) clamp(20px,4vh,44px);position:relative;overflow:clip}.sub-hero .section-kicker{margin-bottom:14px}.sub-hero h1{font-family:var(--font-display);font-weight:600;font-size:clamp(48px,9vw,130px);line-height:.92;letter-spacing:-.03em;text-transform:lowercase}.sub-hero h1 .amber{font-style:italic}.sub-hero .sub-note{margin-top:16px;color:var(--muted);font-size:15px;font-weight:500;max-width:52ch}.blog-container,.chaicode-container{padding:0 var(--gutter) clamp(56px,9vh,110px)}.blog-category-title,.chaicode-category-title,.recent-posts-title{font-family:var(--font-display);font-weight:600;text-transform:lowercase;letter-spacing:-.02em}.blog-categories a,.chaicode-categories a{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;border-radius:99px;transition:all .25s ease}.blog-categories a.active,.chaicode-categories a.active{background:var(--ink)!important;color:var(--amber)!important;border-color:var(--ink)!important}.search-input{font-family:var(--font-mono);font-size:13px;background:transparent!important;border:1px solid var(--line)!important;border-radius:99px!important;padding:10px 20px!important;color:var(--ink)!important;transition:border-color .25s ease}.search-input:focus{border-color:var(--amber)!important;outline:none}.blog-card,.chaicode-card{border:1px solid var(--line)!important;border-radius:18px!important;background:var(--paper)!important;overflow:hidden;box-shadow:none!important;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease!important}.blog-card:hover,.chaicode-card:hover{transform:translateY(-6px)!important;box-shadow:10px 10px 0 -3px var(--amber)!important}.blog-image img,.chaicode-image img{transition:transform .6s cubic-bezier(.22,1,.36,1)!important}.blog-card:hover .blog-image img,.chaicode-card:hover .chaicode-image img{transform:scale(1.07)!important}.blog-info,.chaicode-info{padding:0 20px 24px!important;gap:12px!important;align-items:flex-start!important}.blog-title,.chaicode-title{font-weight:600!important;color:var(--ink)!important}.blog-category-tag,.chaicode-category-tag{font-family:var(--font-mono)!important;font-size:10px!important;letter-spacing:.12em!important;text-transform:uppercase!important;background:rgba(249,182,70,.18)!important;color:var(--amber-deep)!important;border-radius:99px!important;padding:4px 12px!important}.blog-date,.chaicode-date{font-family:var(--font-mono)!important;font-size:11px!important;color:var(--muted)!important}.pagination-container button,.pagination-container span{font-family:var(--font-mono)!important;font-size:12px!important;border-radius:99px!important;border:1px solid var(--line)!important;background:transparent!important;color:var(--ink)!important;padding:8px 14px!important;cursor:pointer;transition:all .25s ease}.pagination-container button:hover{border-color:var(--ink)!important}.pagination-container .active,.pagination-container button.active{background:var(--ink)!important;color:var(--amber)!important;border-color:var(--ink)!important}.timeline-title h1{font-family:var(--font-display)!important;font-weight:600!important;text-transform:lowercase;letter-spacing:-.03em!important}.code-label{font-family:var(--font-mono)!important;border-radius:12px!important;border:1px solid var(--line-dark)}.timeline-content{border:1px solid var(--line)!important;border-radius:18px!important;background:var(--paper)!important;box-shadow:none!important;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease!important}.timeline-item:hover .timeline-content{transform:translateY(-4px);box-shadow:10px 10px 0 -3px var(--amber)!important}.timeline-content h2{font-family:var(--font-display)!important;font-weight:600!important;letter-spacing:-.01em!important}.timeline-content .tag{font-size:10px!important;letter-spacing:.12em!important;text-transform:uppercase!important;background:var(--amber)!important;color:var(--ink)!important;border-radius:99px!important;flex:0 0 auto!important;width:auto!important;display:inline-flex!important;align-items:center;padding:5px 14px!important}.date,.timeline-content .tag{font-family:var(--font-mono)!important}.date{font-size:11px!important;color:var(--muted)!important}.timeline-image .img-slider{border-radius:18px!important;overflow:hidden;border:1px solid var(--line)}.blog-post-container h1,.post-header h1,.single-blog h1{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em}.blog-post-content a,article a{color:var(--amber-deep)}@media (max-width:768px){.sub-hero h1{font-size:clamp(40px,12vw,72px)}}.timeline-container{width:100%;max-width:1400px;margin:0 auto;padding:0;position:relative;min-height:100vh}.timeline-title{text-align:center;margin-bottom:60px}.code-label{display:inline-block;background:#1a1a1a;color:#F9B646;font-family:Courier New,Consolas,monospace;font-size:15px;font-weight:700;padding:7px 18px;border:2px solid #f9b646;letter-spacing:.5px;margin-bottom:20px;box-shadow:4px 4px 0 #F9B646;position:relative}.code-fn{color:#89d5f5}.code-dot{color:#fff}.code-method{color:#dcdcaa}.code-paren{color:#ffd700}.code-var{color:#9cdcfe}.timeline-title h1{font-size:80px;line-height:.9;font-weight:900;text-transform:uppercase;font-style:italic}.timeline-progress-wrapper{pointer-events:none;z-index:0}.snake-svg,.timeline-progress-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.snake-svg{overflow:visible}.snake-path-base{stroke:#d1d1d1;stroke-width:4;fill:none}.snake-path-fill{stroke:#F9B646;stroke-width:4;fill:none;stroke-linecap:round;stroke-dasharray:0;stroke-dashoffset:0;transition:stroke-dashoffset .1s linear}.timeline{position:relative;width:100%;margin-bottom:50px;z-index:1}.timeline-item{padding:10px 0;position:relative;width:96%;margin:0 auto 80px;left:0;display:flex;align-items:stretch;gap:32px;opacity:0}.timeline-item.left{flex-direction:row}.timeline-item.right{flex-direction:row-reverse}.timeline-icon{position:relative;flex-shrink:0;width:44px;height:44px;background-color:#F9B646;border:2px solid #000;z-index:10;display:flex;justify-content:center;align-items:center;box-shadow:4px 4px 0 #000;align-self:center}.timeline-icon svg{width:20px;height:20px}.timeline-content{flex:1.4 1;background:#fff;padding:40px;border:2px solid #000;box-shadow:8px 8px 0 rgba(0,0,0,.1);position:relative;cursor:default}.timeline-image{flex:1 1;display:flex;align-items:stretch}.img-slider{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;border:2px solid #000;box-shadow:8px 8px 0 rgba(0,0,0,.15);cursor:pointer;background:#111;align-self:stretch}.img-slider .slider-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transform:translateX(100%);transition:transform .65s cubic-bezier(.4,0,.2,1);will-change:transform}.img-slider .slider-img.active{transform:translateX(0)}.img-slider .slider-img.from-left,.img-slider .slider-img.slide-out{transform:translateX(-100%)}.slider-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.55);color:#fff;border:none;font-size:28px;line-height:1;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;transition:background .2s;padding:0}.slider-btn:hover{background:#F9B646;color:#000}.slider-prev{left:6px}.slider-next{right:6px}.slider-dots{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);display:flex;gap:5px;z-index:5}.dot{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.5);transition:background .2s;cursor:pointer}.dot.active{background:#F9B646}.img-slider.single .slider-btn,.img-slider.single .slider-dots{display:none}.tag-row{display:flex;align-items:center;margin-bottom:20px;gap:15px}.tag{background:#000;color:#F9B646;padding:6px 14px;font-weight:800}.date,.tag{font-size:14px;text-transform:uppercase}.date{font-weight:700;color:#666}.timeline-content h2{font-size:34px;font-weight:900;margin-bottom:15px;line-height:1.1;text-transform:uppercase}.timeline-content p{font-size:16px;color:#444;line-height:1.6}.timeline-modal{display:none;position:fixed;z-index:2000;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);justify-content:center;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transition:opacity .3s ease}.timeline-modal.active{display:flex;opacity:1}.timeline-modal-content{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;gap:20px}.timeline-modal-content img{width:auto;max-width:80vw;max-height:85vh;border:4px solid #fff;border-radius:6px;box-shadow:0 10px 40px rgba(0,0,0,.6);transition:opacity .3s}.close-modal{position:absolute;top:-44px;right:0;color:#fff;font-size:38px;font-weight:700;cursor:pointer;transition:color .2s;line-height:1;z-index:10}.close-modal:hover{color:#F9B646}.modal-arrow{background:rgba(255,255,255,.15);border:2px solid #fff;color:#fff;font-size:36px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:0;flex-shrink:0;transition:all .2s;padding:0;line-height:1}.modal-arrow:hover{background:#F9B646;color:#000;border-color:#F9B646}.modal-arrow.hidden{display:none}.modal-dots{position:absolute;bottom:-32px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.modal-dots .dot{width:9px;height:9px;background:rgba(255,255,255,.4)}.modal-dots .dot.active{background:#F9B646}@media (max-width:1024px){.timeline-item{width:98%;flex-direction:column!important;align-items:stretch;margin-bottom:60px;gap:0}.timeline-icon{align-self:flex-start;margin:12px 0 0 16px}.img-slider{aspect-ratio:4/3}.timeline-title h1{font-size:50px}.timeline-content h2{font-size:26px}}@media (max-width:768px){.timeline-container{padding:0}.timeline-title h1{font-size:40px}.timeline-content{padding:25px}.tag-row{flex-direction:column;align-items:flex-start;gap:10px}.timeline-modal-content{flex-direction:column;align-items:center;gap:12px;max-width:98vw;position:relative}.timeline-modal-content img{max-width:95vw;max-height:62vh;width:95vw;height:auto}.modal-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:20;width:38px;height:38px;font-size:26px;background:rgba(0,0,0,.65)}.modal-prev{left:6px;right:auto}.modal-next{right:6px;left:auto}.modal-dots{bottom:-28px}.close-modal{top:-36px;font-size:30px}}