.blog-detail{background:var(--canvas);background-image:radial-gradient(circle at 12% 18%,#9a33090b 0,#0000 40%),radial-gradient(circle at 88% 72%,#485f3a09 0,#0000 40%);max-width:760px;margin:0 auto;padding:clamp(28px,4vw,56px) clamp(16px,4vw,32px) 80px}[data-theme=dark] .blog-detail{background-image:radial-gradient(circle at 12% 18%,#f973160f 0,#0000 40%),radial-gradient(circle at 88% 72%,#b8c4ae0d 0,#0000 40%)}.blog-detail-header{margin-bottom:32px}.blog-detail-header .blog-detail-eyebrow{color:var(--accent-700);font-family:var(--font-ui);letter-spacing:.24em;text-transform:uppercase;margin-bottom:12px;font-size:11px;font-weight:600;display:inline-block}.blog-detail-header .blog-detail-eyebrow:before{background:var(--accent-600);content:"";vertical-align:middle;width:14px;height:1px;margin-right:10px;display:inline-block}.blog-detail-header .blog-detail-title{color:var(--ink-900);font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(36px,6.4vw,56px);font-style:italic;font-weight:500;line-height:1.05}.blog-detail-header .blog-detail-byline{color:var(--ink-500);font-family:var(--font-ui);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:12px;font-weight:500}.blog-detail-header .blog-detail-byline .sep{color:var(--ink-300);margin:0 8px}.blog-detail-hero{margin:0 0 32px}.blog-detail-hero-trigger{border-radius:var(--r-lg);cursor:zoom-in;background:0 0;border:0;width:100%;margin:0;padding:0;display:block;position:relative;overflow:hidden}.blog-detail-hero-trigger img{aspect-ratio:16/9;object-fit:cover;height:auto;transition:transform .48s var(--ease-out);width:100%;display:block}.blog-detail-hero-trigger:hover img,.blog-detail-hero-trigger:focus-visible img{transform:scale(1.02)}.blog-detail-hero-trigger:focus-visible{box-shadow:var(--ring);outline:none}.blog-detail-hero-zoom{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--r-full);color:#f5efe4;opacity:0;height:32px;transition:opacity .24s var(--ease-out);background:#0f0c09b3;justify-content:center;align-items:center;width:32px;display:flex;position:absolute;bottom:14px;right:14px}.blog-detail-hero-trigger:hover .blog-detail-hero-zoom,.blog-detail-hero-trigger:focus-visible .blog-detail-hero-zoom{opacity:1}.blog-cover-lightbox-backdrop{z-index:1000;animation:lightbox-fade .24s var(--ease-out) both;background:#0f0c09f7;justify-content:center;align-items:center;padding:clamp(16px,4vw,48px);display:flex;position:fixed;inset:0}.blog-cover-lightbox-image{border-radius:var(--r-md);object-fit:contain;width:100%;max-width:min(100%,1600px);height:auto;max-height:calc(100vh - 96px);animation:lightbox-rise .32s var(--ease-out) both;opacity:0;transition:opacity .2s var(--ease-out);display:block}.blog-cover-lightbox-image[data-loaded=true]{opacity:1}.blog-cover-lightbox-spinner{border-radius:var(--r-full);border:2px solid #f5efe440;border-top-color:#f5efe4;width:34px;height:34px;animation:.7s linear infinite lightbox-spin;display:block;position:absolute;top:50%;left:50%;translate:-50% -50%}@keyframes lightbox-spin{to{rotate:360deg}}@keyframes body-image-shimmer{0%{background-position:120% 0}to{background-position:-20% 0}}.blog-cover-lightbox-close{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--r-full);color:#f5efe4;cursor:pointer;height:44px;transition:background-color .2s var(--ease-out),border-color .2s var(--ease-out);z-index:1;background:#14110d99;border:1px solid #f5efe473;justify-content:center;align-items:center;width:44px;display:flex;position:absolute;top:clamp(16px,3vw,32px);right:clamp(16px,3vw,32px)}.blog-cover-lightbox-close:hover{background:#f5efe438;border-color:#f5efe4d9}.blog-cover-lightbox-close:focus-visible{outline-offset:3px;outline:2px solid #f5efe4}@keyframes lightbox-fade{0%{opacity:0}to{opacity:1}}@keyframes lightbox-rise{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.blog-cover-lightbox-backdrop,.blog-cover-lightbox-image,.blog-detail-hero-trigger img,.blog-detail-body img,.blog-detail-body img[data-detail],.blog-detail-body figure:after{transition:none;animation:none}.blog-detail-body img{background:var(--canvas-sunk)}.blog-detail-body img[data-detail]:hover,.blog-detail-body img[data-detail]:focus-visible{transform:none}}.blog-detail-intro{color:var(--ink-900);font-family:var(--font-display);margin:0 0 32px;font-size:clamp(18px,2.4vw,22px);font-style:italic;line-height:1.5}.blog-detail-body{color:var(--ink-900);font-family:var(--font-ui);font-size:17px;line-height:1.7}.blog-detail-body p{margin:0 0 24px}.blog-detail-body h2,.blog-detail-body h3{color:var(--ink-900);font-family:var(--font-display);letter-spacing:-.01em;font-weight:600;line-height:1.25}.blog-detail-body h2{margin:40px 0 14px;font-size:28px}.blog-detail-body h3{margin:32px 0 12px;font-size:21px}.blog-detail-body>:first-child{margin-top:0}.blog-detail-body ul,.blog-detail-body ol{margin:0 0 24px;padding-left:24px}.blog-detail-body li{margin-bottom:8px}.blog-detail-body li::marker{color:var(--accent-600)}.blog-detail-body blockquote{border-left:2px solid var(--accent-600);color:var(--ink-700);margin:32px 0;padding:4px 0 4px 20px;font-size:18px;font-style:italic}.blog-detail-body blockquote p:last-child{margin-bottom:0}.blog-detail-body hr{border:0;border-top:1px solid var(--ink-100);width:120px;margin:40px auto}.blog-detail-body a{color:var(--accent-700);text-underline-offset:3px;text-decoration:underline}.blog-detail-body a:hover,.blog-detail-body a:focus-visible{color:var(--accent-600)}.blog-detail-body figure{margin:32px 0}.blog-detail-body img{border-radius:var(--r-md,8px);max-width:100%;height:auto;animation:body-image-shimmer 1.4s var(--ease-out) infinite;background:linear-gradient(100deg, var(--canvas-sunk) 30%, var(--ink-100) 50%, var(--canvas-sunk) 70%) var(--canvas-sunk);background-size:220% 100%;display:block}.blog-detail-body figure:has(>img[data-detail]){grid-template-columns:auto;width:fit-content;display:grid}.blog-detail-body figure:has(>img[data-detail])>img{grid-area:1/1}.blog-detail-body figure:has(>img[data-detail])>figcaption{grid-area:2/1}.blog-detail-body figure:has(>img[data-detail]):after{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--r-full);content:"";opacity:0;pointer-events:none;height:32px;transition:opacity .24s var(--ease-out);background:#0f0c09b3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' stroke='%23f5efe4' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='7' cy='7' r='4'/%3E%3Cpath d='M10 10l3 3'/%3E%3Cpath d='M5 7h4M7 5v4'/%3E%3C/svg%3E") 50% no-repeat;grid-area:1/1;place-self:end;align-items:center;width:32px;margin:0 14px 14px 0;display:block}.blog-detail-body figure:has(>img[data-detail]):hover:after{opacity:1}.blog-detail-body figure:has(>img[data-detail]):focus-within:after{opacity:1}.blog-detail-body img[data-detail]{cursor:zoom-in;transition:transform .48s var(--ease-out)}.blog-detail-body img[data-detail]:hover,.blog-detail-body img[data-detail]:focus-visible{transform:scale(1.02)}.blog-detail-body img[data-detail]:focus-visible{outline:2px solid var(--accent-600);outline-offset:3px}.blog-detail-body figcaption{color:var(--ink-500);max-width:100%;margin-top:10px;font-size:14px;line-height:1.5}.blog-detail-body>:last-child{margin-bottom:0}