@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;700&family=Outfit:wght@400;600;800&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap";:root{--site-left-margin: 100px;--photo-container-width: 650px;--center-gap: 60px;--article-max-width: 1000px;--color-accent: #2563eb;--font-heading: "Outfit", system-ui, -apple-system, sans-serif;--font-body: "Lora", "Noto Serif SC", serif}.site-container{max-width:100%!important;margin:0!important;padding:0!important}.progress-wrap{position:fixed;top:0;left:0;width:100%;height:4px;background:#00000005;z-index:9999}.progress-bar{height:100%;background:var(--color-accent);width:0%;transition:width .1s ease-out}.article-split-layout{display:flex;justify-content:flex-start;padding:100px 60px 100px var(--site-left-margin);width:100%;min-height:100vh;box-sizing:border-box}.visual-col{position:sticky;top:80px;align-self:flex-start;width:var(--photo-container-width);flex-shrink:0;margin-right:var(--center-gap);display:flex;justify-content:flex-end}.sticky-wrapper{width:100%;display:flex;flex-direction:column;align-items:flex-end}.image-wrapper{border-radius:24px;overflow:hidden;box-shadow:0 20px 50px #0000001a;width:100%;display:flex;align-items:center;justify-content:center}.hover-zoom-img{max-width:100%;max-height:60vh;width:auto;height:auto;object-fit:contain;transition:transform .6s cubic-bezier(.165,.84,.44,1);cursor:zoom-in;display:block}.hover-zoom-img:hover{transform:scale(1.05)}.content-col{flex-grow:1;max-width:var(--article-max-width);background:#ffffffe6;backdrop-filter:blur(25px);border-radius:40px;padding:80px;border:1px solid rgba(255,255,255,.6);box-shadow:0 10px 40px #00000008}.prose{font-family:var(--font-body);font-size:20px;line-height:1.9;color:#2d3748;letter-spacing:-.01em}.prose :global(h1){font-family:var(--font-heading);font-weight:800!important;font-size:48px!important;margin-top:60px!important;margin-bottom:30px!important;line-height:1.1;color:#1a202c;display:block;border-bottom:2px solid #edf2f7;padding-bottom:15px}.prose :global(h2){font-family:var(--font-heading);font-weight:800!important;font-size:36px!important;color:#1a202c;margin-top:64px!important;margin-bottom:24px!important;line-height:1.25;letter-spacing:-.02em;display:block;border-left:6px solid var(--color-accent);padding-left:16px}.prose :global(h3){font-family:var(--font-heading);font-weight:700!important;font-size:26px!important;color:#2d3748;margin-top:48px!important;margin-bottom:16px!important;display:block}.prose :global(h4){font-family:var(--font-heading);font-weight:700!important;font-size:22px!important;margin-top:32px!important;margin-bottom:12px!important;color:#4a5568;display:block}.prose :global(p){margin-bottom:32px!important;display:block}.prose :global(ul),.prose :global(ol){margin:0 0 32px 20px!important;padding-left:20px;display:block}.prose :global(li){margin-bottom:12px!important;display:list-item!important;padding-left:8px}.prose :global(ul li::marker){color:var(--color-accent);font-weight:700}.prose :global(ol li::marker){color:var(--color-accent);font-weight:700;font-family:var(--font-heading)}.prose :global(blockquote){border-left:4px solid var(--color-accent);background:#f8fafc;padding:32px 40px;margin:48px -40px;font-style:italic;font-size:1.1em;color:#4a5568;border-radius:12px;display:block}.prose :global(pre){background:#1e293b!important;color:#e2e8f0;padding:24px;border-radius:16px;margin:40px 0;overflow-x:auto;font-size:.85em;box-shadow:0 20px 40px -10px #0000004d;border:1px solid rgba(255,255,255,.1);display:block}.prose :global(code){font-family:monospace;font-size:.85em;background:#edf2f7;padding:4px 8px;border-radius:6px;color:#c026d3;font-weight:500}.prose :global(pre code){background:transparent;padding:0;color:inherit}.prose :global(img){border-radius:16px;margin:56px auto;display:block;max-width:100%;box-shadow:0 15px 30px -5px #0000001a}.prose :global(hr){border:0;height:1px;background:#e2e8f0;margin:64px 0}.prose :global(a){color:var(--color-accent);text-decoration:none;border-bottom:2px solid rgba(37,99,235,.15);transition:all .2s ease;font-weight:600}.prose :global(a:hover){border-bottom-color:var(--color-accent);background:#2563eb0d}.prose :global(strong){font-weight:800;color:#1a202c}.title{font-family:var(--font-heading);font-size:4rem;font-weight:800;margin-bottom:24px;line-height:1.05;color:#111827;letter-spacing:-.03em}.article-header{border-bottom:1px solid rgba(0,0,0,.06);padding-bottom:32px;margin-bottom:64px}.meta-grid{display:flex;gap:20px;font-family:var(--font-heading);font-size:14px;text-transform:uppercase;letter-spacing:.05em;color:#718096}.meta-val.author{color:#111827;font-weight:700}.back-link{font-family:var(--font-heading);font-size:12px;font-weight:600;text-transform:uppercase;color:#718096;text-decoration:none;padding:10px 20px;border:1px solid #e2e8f0;border-radius:100px;display:inline-block;margin-top:32px;transition:.2s;background:#fffc;backdrop-filter:blur(10px)}.back-link:hover{color:#000;border-color:#000;transform:translateY(-2px)}.post-footer-nav{margin-top:100px;padding-top:40px;border-top:1px solid #e2e8f0}.footer-nav-inner{display:flex;justify-content:space-between;gap:40px}.nav-btn{text-decoration:none!important;display:flex!important;flex-direction:column!important;max-width:45%;transition:transform .2s}.nav-btn:hover{transform:translateY(-4px)}.nav-btn.next{align-items:flex-end;text-align:right}.nav-label{font-size:12px;font-weight:700;text-transform:uppercase;color:#a0aec0;letter-spacing:.05em;margin-bottom:8px;font-family:var(--font-heading)}.nav-title{font-size:18px;font-weight:700;color:#1a202c;font-family:var(--font-heading);line-height:1.3}.back-to-top{position:fixed;bottom:40px;right:40px;width:56px;height:56px;background:#fff;border:1px solid #e2e8f0;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:.4s;z-index:99;box-shadow:0 10px 20px #0000000d}.back-to-top.visible{opacity:1}.back-to-top:hover{background:#1a202c;color:#fff;border-color:#1a202c;transform:translateY(-5px)}@media(max-width:1024px){.article-split-layout{flex-direction:column;padding:40px 20px}.visual-col,.content-col{width:100%;max-width:100%;margin:0 0 40px}.sticky-wrapper{position:static}.footer-nav-inner{flex-direction:column;gap:24px}.nav-btn{max-width:100%}.nav-btn.next{align-items:flex-start;text-align:left}.prose :global(blockquote){margin:32px 0;padding:24px}.title{font-size:2.5rem}}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}