@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;800&display=swap");:root{--body-bg: #ffffff;--text-dark: #15171A;--text-normal: #424447;--text-light: #a1a1a1;--border: #E8E9EB;--light-bg: #f0f2f7;--accent: #FF005C;--shadow: 0 4px 32px rgba(0, 0, 0, 0.10);--shadow-lg: 0 8px 48px rgba(0, 0, 0, 0.13);--font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;--font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;--font-mono: ui-monospace, 'SF Mono', Menlo, Monaco, Consolas, monospace;--transition: 0.25s;--max-width: 1200px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{background:var(--body-bg);color:var(--text-normal);font-family:var(--font-body);font-size:1rem;line-height:1.6;min-height:100vh;display:flex;flex-direction:column}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}.site-nav{position:sticky;top:0;z-index:100;background:var(--body-bg);border-bottom:1px solid var(--border);height:64px;display:flex;align-items:center}.nav-inner{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 2rem;display:flex;align-items:center;gap:2rem}.nav-logo{font-family:var(--font-display);font-size:1.35rem;font-weight:800;color:var(--accent);letter-spacing:-0.02em;flex-shrink:0}.nav-logo:hover{opacity:0.85}.nav-links{list-style:none;display:flex;align-items:center;gap:0;margin-left:auto}.nav-links li a{display:block;padding:0 0.75rem;font-size:0.9375rem;font-weight:500;color:var(--text-dark);position:relative;transition:color var(--transition)}.nav-links li a::after{content:'';position:absolute;bottom:-4px;left:0.75rem;right:0.75rem;height:2px;background:var(--text-dark);transform:scaleX(0);transform-origin:left;transition:transform 0.3s cubic-bezier(0.2, 0.63, 0.36, 1)}.nav-links li a:hover::after,.nav-links li a.active::after{transform:scaleX(1)}.nav-subscribe{margin-left:1.25rem;flex-shrink:0}.nav-subscribe a{display:inline-flex;align-items:center;background:var(--text-dark);color:var(--body-bg) !important;font-size:0.875rem;font-weight:600;padding:0 1.1rem;height:36px;border-radius:20px;transition:opacity var(--transition)}.nav-subscribe a:hover{opacity:0.8}.nav-subscribe a::after{display:none !important}.site-main{flex:1}.post-loop{max-width:var(--max-width);margin:0 auto;padding:5rem 2rem 6rem}.post-item{display:flex;align-items:flex-start;position:relative;margin-bottom:7rem}.post-item:last-child{margin-bottom:0}.post-item:nth-child(even){flex-direction:row-reverse}.post-item:nth-child(even) .post-item__img-wrap{left:auto;right:0}.post-item:nth-child(even) .post-item__content{margin-left:0;margin-right:38%}.post-item__img-wrap{position:absolute;left:0;top:0;width:48%;height:100%;min-height:280px;overflow:hidden;background:var(--light-bg)}.post-item__img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease}.post-item__img-wrap:hover img{transform:scale(1.03)}.post-item__img-wrap--placeholder{background:linear-gradient(135deg, var(--light-bg) 0%, var(--border) 100%)}.post-item__content{position:relative;z-index:1;background:var(--body-bg);box-shadow:var(--shadow-lg);padding:3rem;margin-left:30%;width:62%;min-height:240px;display:flex;flex-direction:column;justify-content:center;margin-top:3rem;margin-bottom:1rem}.post-item__tags{list-style:none;display:flex;flex-wrap:wrap;gap:0;margin-bottom:1rem}.post-item__tags li{font-size:0.8125rem;font-weight:500;color:var(--text-light);letter-spacing:0.01em}.post-item__tags li+li::before{content:' · ';margin:0 0.3em;color:var(--border)}.post-item__title{font-family:var(--font-display);font-size:clamp(1.5rem, 2.5vw, 2.25rem);font-weight:700;line-height:1.25;color:var(--text-dark);margin-bottom:1.5rem}.post-item__title a{color:var(--text-dark);background:linear-gradient(var(--border), var(--border)) no-repeat;background-size:0 3px;background-position:0 95%;transition:background-size 0.45s cubic-bezier(0.2, 0.63, 0.36, 1)}.post-item__title a:hover{background-size:100% 3px}.post-item__meta{display:flex;align-items:center;flex-wrap:wrap;gap:0.5rem;font-size:0.8125rem;color:var(--text-light)}.post-item__meta-sep{opacity:0.4}.post-item__author-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;border:2px solid var(--body-bg);box-shadow:0 0 0 1px var(--border);flex-shrink:0}.post-item__badge{display:inline-flex;align-items:center;font-size:0.6875rem;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;color:var(--text-light);border:1px solid var(--border);padding:0.1em 0.55em;border-radius:3px}.pagination{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-top:5rem;padding-top:2.5rem;border-top:1px solid var(--border)}.pagination-link{font-size:0.875rem;font-weight:600;color:var(--text-dark);border:1px solid var(--border);padding:0.5em 1.25em;transition:border-color var(--transition),color var(--transition)}.pagination-link:hover{border-color:var(--accent);color:var(--accent)}.pagination-info{font-size:0.8125rem;color:var(--text-light)}.page-wrap{max-width:720px;margin:0 auto;padding:4rem 2rem 6rem}.page-title{font-family:var(--font-display);font-size:clamp(2rem, 4vw, 3rem);font-weight:800;color:var(--text-dark);line-height:1.15;letter-spacing:-0.02em;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.page-content,.post-content{color:var(--text-normal)}.page-content h1,.post-content h1,.page-content h2,.post-content h2,.page-content h3,.post-content h3,.page-content h4,.post-content h4,.page-content h5,.post-content h5,.page-content h6,.post-content h6{font-family:var(--font-display);color:var(--text-dark);font-weight:700;line-height:1.3;margin-top:2em;margin-bottom:0.6em}.page-content h2,.post-content h2{font-size:1.625rem}.page-content h3,.post-content h3{font-size:1.25rem}.page-content p,.post-content p{margin-bottom:1.35em}.page-content a,.post-content a{color:var(--accent);font-weight:600;text-decoration:underline;text-underline-offset:2px}.page-content ul,.post-content ul,.page-content ol,.post-content ol{padding-left:1.5em;margin-bottom:1.35em}.page-content ul li,.post-content ul li,.page-content ol li,.post-content ol li{margin-bottom:0.4em}.page-content blockquote,.post-content blockquote{border-left:3px solid var(--accent);padding:0.5em 1.25em;margin:1.75em 0;color:var(--text-light);font-style:italic;font-family:var(--font-display);font-size:1.1em}.page-content hr,.post-content hr{border:none;border-top:1px solid var(--border);margin:2.5em 0}.page-content pre,.post-content pre{background:var(--light-bg);border:1px solid var(--border);padding:1.25em;overflow-x:auto;margin-bottom:1.35em;font-size:0.875rem;line-height:1.6;font-family:var(--font-mono)}.page-content code,.post-content code{font-family:var(--font-mono);font-size:0.875em;background:var(--light-bg);padding:0.15em 0.4em;border:1px solid var(--border)}.page-content pre code,.post-content pre code{background:none;border:none;padding:0;font-size:inherit}.page-content table,.post-content table{width:100%;border-collapse:collapse;margin-bottom:1.35em;font-size:0.9rem}.page-content table th,.post-content table th,.page-content table td,.post-content table td{border:1px solid var(--border);padding:0.6em 0.85em;text-align:left}.page-content table th,.post-content table th{background:var(--light-bg);font-weight:600;color:var(--text-dark)}.page-content img,.post-content img{margin:1.75em auto}.post-wrap{max-width:720px;margin:0 auto;padding:4rem 2rem 6rem}.post-header{margin-bottom:2.5rem}.post-tags{list-style:none;display:flex;flex-wrap:wrap;gap:0;margin-bottom:1rem}.post-tags li{font-size:0.8125rem;font-weight:500;color:var(--text-light)}.post-tags li+li::before{content:' · ';margin:0 0.3em;color:var(--border)}.post-title{font-family:var(--font-display);font-size:clamp(2rem, 4vw, 3rem);font-weight:800;line-height:1.15;letter-spacing:-0.02em;color:var(--text-dark);margin-bottom:1.25rem}.post-meta{display:flex;align-items:center;flex-wrap:wrap;gap:0.5rem;font-size:0.8125rem;color:var(--text-light);padding-bottom:2rem;border-bottom:1px solid var(--border)}.post-meta__avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;border:2px solid var(--body-bg);box-shadow:0 0 0 1px var(--border)}.post-meta__sep{opacity:0.4}.post-hero{width:100%;aspect-ratio:16 / 9;object-fit:cover;margin-bottom:3rem}.post-nav{display:flex;justify-content:space-between;gap:1rem;margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border)}.post-nav__link{display:flex;flex-direction:column;gap:0.3rem;max-width:45%;color:var(--text-dark)}.post-nav__link:hover .post-nav__title{color:var(--accent)}.post-nav__next{text-align:right;margin-left:auto}.post-nav__label{font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-light)}.post-nav__title{font-family:var(--font-display);font-size:0.9375rem;font-weight:700;line-height:1.35;color:var(--text-dark);transition:color var(--transition)}.project-links{list-style:none;display:flex;flex-wrap:wrap;gap:0.75rem;margin-top:1.25rem}.project-links a{display:inline-flex;align-items:center;background:var(--text-dark);color:var(--body-bg);font-size:0.875rem;font-weight:600;padding:0 1.25rem;height:40px;transition:opacity var(--transition)}.project-links a:hover{opacity:0.75}.posts-year{font-size:0.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:var(--text-light);margin-top:3rem;margin-bottom:1rem;padding-bottom:0.75rem;border-bottom:1px solid var(--border)}.posts-year:first-child{margin-top:0}.posts-list{list-style:none}.posts-list-item{display:flex;align-items:baseline;gap:1.25rem;padding:0.65rem 0;border-bottom:1px solid var(--border)}.posts-list-item:last-child{border-bottom:none}.posts-list-item a{font-family:var(--font-display);font-size:1.0625rem;font-weight:700;color:var(--text-dark);flex:1;transition:color var(--transition)}.posts-list-item a:hover{color:var(--accent)}.posts-list-date{font-size:0.8rem;color:var(--text-light);white-space:nowrap;min-width:48px}.projects-list{list-style:none}.projects-list-item{padding:1.75rem 0;border-bottom:1px solid var(--border)}.projects-list-item:first-child{padding-top:0}.projects-list-item:last-child{border-bottom:none}.projects-list-item a{font-family:var(--font-display);font-size:1.375rem;font-weight:700;color:var(--text-dark);transition:color var(--transition)}.projects-list-item a:hover{color:var(--accent)}.projects-list-item p{margin-top:0.4rem;font-size:0.9375rem;color:var(--text-normal);line-height:1.55}.contact-links{list-style:none;margin-top:2rem;display:flex;flex-direction:column;gap:1rem}.contact-links li{display:flex;align-items:center;gap:0.75rem;font-size:1rem;color:var(--text-normal)}.contact-links a{font-weight:600;color:var(--text-dark);text-decoration:underline;text-underline-offset:2px;transition:color var(--transition)}.contact-links a:hover{color:var(--accent)}.site-footer{border-top:1px solid var(--border);padding:2.5rem 2rem}.footer-inner{max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;font-size:0.875rem;color:var(--text-light)}.footer-links{list-style:none;display:flex;gap:1.5rem}.footer-links a{color:var(--text-light);transition:color var(--transition)}.footer-links a:hover{color:var(--text-dark)}@media (max-width: 768px){.nav-inner{padding:0 1.25rem}.nav-links{display:none}.nav-subscribe a{font-size:0.8125rem;padding:0 0.875rem;height:32px}.post-loop{padding:2.5rem 1.25rem 4rem}.post-item{display:block;margin-bottom:3.5rem}.post-item:nth-child(even) .post-item__content{margin-right:0}.post-item__img-wrap{position:relative;width:100%;height:0;padding-bottom:65%;min-height:unset}.post-item__content{margin-left:0;width:100%;margin-top:0;padding:1.75rem;box-shadow:var(--shadow)}.post-wrap,.page-wrap{padding:2.5rem 1.25rem 4rem}.post-nav{flex-direction:column}.post-nav__link{max-width:100%}.post-nav__next{text-align:left;margin-left:0}.footer-inner{flex-direction:column;align-items:flex-start}}@media (min-width: 769px) and (max-width: 1024px){.post-item__img-wrap{width:44%}.post-item__content{margin-left:28%;width:66%;padding:2.5rem}.post-item:nth-child(even) .post-item__content{margin-right:28%;margin-left:0}}body .highlight,body pre.highlight{color:#383a42}body .highlight .ge{font-style:italic}body .highlight .gs{font-weight:700}body .highlight .ow{font-weight:700}body .highlight .n,body .highlight .nf,body .highlight .nn,body .highlight .o,body .highlight .p{color:#383a42}body .highlight .c,body .highlight .c1,body .highlight .cm,body .highlight .cp,body .highlight .cs{color:#a0a1a7;font-style:italic}body .highlight .sr,body .highlight .ss{color:#0184bc}body .highlight .k,body .highlight .kc,body .highlight .kd,body .highlight .kn,body .highlight .kp,body .highlight .kr,body .highlight .kt{color:#a626a4}body .highlight .l,body .highlight .ld,body .highlight .s,body .highlight .s1,body .highlight .s2,body .highlight .sb,body .highlight .sc,body .highlight .sd,body .highlight .se,body .highlight .sh,body .highlight .si,body .highlight .sx{color:#50a14f}body .highlight .nt,body .highlight .nx,body .highlight .vi{color:#e45649}body .highlight .il,body .highlight .m,body .highlight .mf,body .highlight .mh,body .highlight .mi,body .highlight .mo,body .highlight .na{color:#986801}body .highlight .bp,body .highlight .nb,body .highlight .nc,body .highlight .nd,body .highlight .ne,body .highlight .ni,body .highlight .nl,body .highlight .no,body .highlight .nv,body .highlight .py,body .highlight .vc,body .highlight .vg{color:#c18401}body .highlight .gd{color:#ff1414}body .highlight .gi{color:#2db448}body .highlight .w{color:#f8f8f2}body .highlight .cpf{color:navy}body .highlight .gu{color:#75715e}body .highlight .lineno{color:#9d9d9f;user-select:none}body .highlight .ln{color:#9d9d9f;user-select:none}body .highlight .ln:after{content:" "}body .highlight .hll{color:#383a42;background-color:#e5e5e6}body .highlight .hl{color:#383a42;background-color:#e5e5e6}body .highlight .language-json .w+.s2{color:#e45649}body .highlight .language-json .kc{color:#0184bc}@media screen{body.light-mode .highlight,body.light-mode pre.highlight{color:#383a42}body.light-mode .highlight .ge{font-style:italic}body.light-mode .highlight .gs{font-weight:700}body.light-mode .highlight .ow{font-weight:700}body.light-mode .highlight .n,body.light-mode .highlight .nf,body.light-mode .highlight .nn,body.light-mode .highlight .o,body.light-mode .highlight .p{color:#383a42}body.light-mode .highlight .c,body.light-mode .highlight .c1,body.light-mode .highlight .cm,body.light-mode .highlight .cp,body.light-mode .highlight .cs{color:#a0a1a7;font-style:italic}body.light-mode .highlight .sr,body.light-mode .highlight .ss{color:#0184bc}body.light-mode .highlight .k,body.light-mode .highlight .kc,body.light-mode .highlight .kd,body.light-mode .highlight .kn,body.light-mode .highlight .kp,body.light-mode .highlight .kr,body.light-mode .highlight .kt{color:#a626a4}body.light-mode .highlight .l,body.light-mode .highlight .ld,body.light-mode .highlight .s,body.light-mode .highlight .s1,body.light-mode .highlight .s2,body.light-mode .highlight .sb,body.light-mode .highlight .sc,body.light-mode .highlight .sd,body.light-mode .highlight .se,body.light-mode .highlight .sh,body.light-mode .highlight .si,body.light-mode .highlight .sx{color:#50a14f}body.light-mode .highlight .nt,body.light-mode .highlight .nx,body.light-mode .highlight .vi{color:#e45649}body.light-mode .highlight .il,body.light-mode .highlight .m,body.light-mode .highlight .mf,body.light-mode .highlight .mh,body.light-mode .highlight .mi,body.light-mode .highlight .mo,body.light-mode .highlight .na{color:#986801}body.light-mode .highlight .bp,body.light-mode .highlight .nb,body.light-mode .highlight .nc,body.light-mode .highlight .nd,body.light-mode .highlight .ne,body.light-mode .highlight .ni,body.light-mode .highlight .nl,body.light-mode .highlight .no,body.light-mode .highlight .nv,body.light-mode .highlight .py,body.light-mode .highlight .vc,body.light-mode .highlight .vg{color:#c18401}body.light-mode .highlight .gd{color:#ff1414}body.light-mode .highlight .gi{color:#2db448}body.light-mode .highlight .w{color:#f8f8f2}body.light-mode .highlight .cpf{color:navy}body.light-mode .highlight .gu{color:#75715e}body.light-mode .highlight .lineno{color:#9d9d9f;user-select:none}body.light-mode .highlight .ln{color:#9d9d9f;user-select:none}body.light-mode .highlight .ln:after{content:" "}body.light-mode .highlight .hll{color:#383a42;background-color:#e5e5e6}body.light-mode .highlight .hl{color:#383a42;background-color:#e5e5e6}body.light-mode .highlight .language-json .w+.s2{color:#e45649}body.light-mode .highlight .language-json .kc{color:#0184bc}}