.art-hero{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:clamp(460px,68vh,680px);padding:clamp(160px,20vh,220px) var(--hero-pad-x) clamp(48px,8vh,80px);overflow:hidden;border-bottom:1px solid var(--border-soft)}.art-hero__bg{position:absolute;inset:0;z-index:-1}.art-hero__bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.art-hero__overlay{position:absolute;inset:0;background:linear-gradient(180deg,#140b0d6b,#140b0d3d 30%,#140b0dc7 78%,#140b0df7),radial-gradient(ellipse at 20% 60%,rgba(194,159,76,.16),transparent 55%)}.art-hero__inner{width:100%;max-width:1120px;margin:0 auto}.art-hero__tags{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}.art-hero__cat{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#f0e0b8;padding:6px 14px;border:1px solid rgba(240,224,184,.28);border-radius:var(--radius-pill);background:#140b0d8c;backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%)}.art-hero__conf{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#f6efe2e6;padding:6px 14px;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-pill);background:#140b0d8c;backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%)}.art-hero__dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}.art-hero__title{font-family:var(--font-editorial);font-weight:600;font-size:clamp(2rem,4.2vw,3.4rem);line-height:1.05;letter-spacing:-.01em;color:#f8f2e6;max-width:22ch;text-shadow:0 2px 30px rgba(0,0,0,.45)}.art-hero__desc{margin-top:var(--space-4);font-family:var(--font-editorial);font-style:italic;font-size:clamp(1.05rem,1.5vw,1.4rem);line-height:1.45;color:#f6efe2db;max-width:64ch}.art-hero__meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);margin-top:clamp(20px,3vh,32px);font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#f6efe2b8}.art-hero__meta-item{display:inline-flex;align-items:center;gap:7px}.art-hero__meta-item svg{color:var(--accent)}.art-hero__meta-sep{opacity:.4}.art-hero__credit{color:#f6efe280}.blog-post{padding-top:clamp(48px,8vh,80px)}.blog-post__inner{max-width:1120px}.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:60;background:transparent;pointer-events:none}.reading-progress__fill{display:block;height:100%;width:0%;background:var(--accent);box-shadow:0 0 12px var(--accent-glow);transition:width .1s linear}.blog-post__layout{display:grid;grid-template-columns:1fr 240px;gap:clamp(32px,5vw,72px);align-items:start}.blog-toc{position:sticky;top:clamp(96px,12vh,128px);align-self:start;order:2}.blog-toc__details{border-left:1px solid var(--border-soft)}.blog-toc__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:0 0 var(--space-3) var(--space-4);font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);cursor:pointer;list-style:none}.blog-toc__head::-webkit-details-marker{display:none}.blog-toc__chev{transition:transform .25s ease;flex-shrink:0}.blog-toc__details[open] .blog-toc__chev{transform:rotate(180deg)}.blog-toc__list{list-style:none;display:grid;gap:2px}.blog-toc__link{display:block;padding:7px var(--space-4);margin-left:-1px;border-left:2px solid transparent;font-size:13.5px;line-height:1.4;color:var(--text-dim);text-decoration:none;transition:color .2s ease,border-color .2s ease}.blog-toc__link:hover{color:var(--text-muted)}.blog-toc__link.is-active{color:var(--accent);border-left-color:var(--accent)}.blog-post__body{display:grid;gap:var(--space-5);min-width:0;order:1}.blog-post__lede{font-family:var(--font-serif);font-style:italic;font-size:clamp(20px,1.8vw,24px);line-height:1.55;color:var(--text);padding-left:var(--space-4);border-left:2px solid var(--accent)}.blog-post__p{font-size:17px;line-height:1.8;color:var(--text-muted)}.blog-post__p :global(a),.blog-post__ul :global(a){color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.blog-post__p :global(strong){color:var(--text);font-weight:600}.blog-post__h2{font-family:var(--font-display);font-size:clamp(24px,2.6vw,34px);font-weight:600;letter-spacing:-.02em;line-height:1.15;color:var(--text);margin-top:clamp(20px,3vh,36px);scroll-margin-top:clamp(90px,12vh,120px)}.blog-post__ul{display:grid;gap:var(--space-3);padding-left:var(--space-5);list-style:none}.blog-post__ul li{position:relative;font-size:16.5px;line-height:1.7;color:var(--text-muted)}.blog-post__ul li:before{content:"";position:absolute;left:calc(-1 * var(--space-5));top:.7em;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent-soft)}.blog-post__ul li :global(strong){color:var(--text);font-weight:600}.blog-pull{margin:clamp(12px,2vh,24px) 0;padding:clamp(24px,3vw,36px);border:1px solid var(--border-soft);border-left:3px solid var(--accent);border-radius:var(--radius-md);background:linear-gradient(135deg,#08162280,#9cecff0d)}.blog-pull__text{font-family:var(--font-serif);font-style:italic;font-size:clamp(20px,2.2vw,28px);line-height:1.4;letter-spacing:-.01em;color:var(--text)}.blog-post__figure{margin:clamp(8px,2vh,20px) 0;display:grid;gap:var(--space-3)}.blog-post__figure img{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;border-radius:var(--radius-lg);border:1px solid var(--border-soft)}.blog-post__figure figcaption{font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;color:var(--text-dim);line-height:1.5;text-align:center}.blog-post__cta{margin-top:clamp(48px,8vh,96px);padding:clamp(32px,4vw,56px);border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:linear-gradient(135deg,#08162299,#9cecff0f);display:grid;grid-template-columns:1fr auto;gap:var(--space-5);align-items:center}.blog-post__cta h3{font-family:var(--font-display);font-size:clamp(22px,2.2vw,30px);font-weight:600;letter-spacing:-.02em;margin-bottom:var(--space-2)}.blog-post__cta p{color:var(--text-muted);line-height:1.6;max-width:52ch}.blog-related{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5)}.blog-related__card{display:grid;grid-template-columns:180px 1fr;gap:var(--space-5);padding:var(--space-4);align-items:start;text-decoration:none;transition:border-color .3s ease}.blog-related__card:hover{border-color:var(--accent-soft)}.blog-related__media{position:relative;aspect-ratio:4 / 3;border-radius:var(--radius-md);border:1px solid var(--border-soft);overflow:hidden;background:#07152299}.blog-related__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.blog-related__card:hover .blog-related__media img{transform:scale(1.06)}.blog-related__media--contain{background:radial-gradient(60% 70% at 50% 55%,rgba(156,236,255,.18),transparent 70%),linear-gradient(180deg,#0a1c2a99,#071522f2)}.blog-related__media--contain img{object-fit:contain;padding:14px;filter:drop-shadow(0 14px 22px rgba(0,0,0,.45))}.blog-related__cat{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.blog-related__title{font-family:var(--font-display);font-size:18px;font-weight:600;letter-spacing:-.01em;line-height:1.25;color:var(--text);margin-top:6px;transition:color .2s ease}.blog-related__card:hover .blog-related__title{color:var(--accent)}@media(max-width:1000px){.blog-post__layout{grid-template-columns:1fr;gap:clamp(24px,4vh,40px)}.blog-toc{position:static;top:auto;border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:var(--space-4);background:#0a1c2a66}.blog-toc{order:0}.blog-toc__details{border-left:none}.blog-toc__head{padding-left:0}.blog-toc__link{padding-left:var(--space-3)}}@media(max-width:900px){.blog-post__cta,.blog-related,.blog-related__card{grid-template-columns:1fr}.blog-related__media{width:100%;aspect-ratio:16 / 9}}@media(max-width:780px){.art-hero{min-height:clamp(400px,60vh,560px)}.blog-post__cta{text-align:center;justify-items:center}.blog-post__cta p{margin-inline:auto}.blog-related__body{text-align:center}}@media(max-width:480px){.art-hero__title{font-size:clamp(28px,9vw,44px)}.blog-post__p{font-size:16px;line-height:1.7}}.article-prose{color:var(--text);font-family:var(--font-sans);font-size:17px;line-height:1.75}.article-prose p{margin:0 0 var(--space-6);color:var(--text-muted);text-align:justify;hyphens:none}.article-prose>p:first-of-type:first-letter{font-family:var(--font-editorial);float:left;font-size:clamp(3rem,11vw,4.6rem);line-height:.82;padding:.35rem .65rem 0 0;font-weight:600;color:var(--accent-strong)}.article-prose h2{font-family:var(--font-editorial);font-size:clamp(1.85rem,3vw,2.4rem);font-weight:600;letter-spacing:-.01em;line-height:1.15;color:var(--text);margin:var(--space-9) 0 var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-soft);scroll-margin-top:clamp(90px,12vh,120px)}.article-prose h3{font-family:var(--font-editorial);font-size:clamp(1.4rem,2vw,1.7rem);font-weight:600;letter-spacing:-.01em;line-height:1.25;color:var(--text);margin:var(--space-7) 0 var(--space-3);scroll-margin-top:clamp(90px,12vh,120px)}.article-prose h4{font-family:var(--font-sans);font-size:1.1rem;font-weight:600;color:var(--text);margin:var(--space-6) 0 var(--space-2)}.article-prose a{color:var(--accent-strong);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:color .18s ease}.article-prose a:hover{color:var(--accent-hover)}.article-prose strong{color:var(--text);font-weight:600}.article-prose em{font-style:italic}.article-prose mark{background:var(--accent-soft);color:inherit;border-radius:3px;padding:.05em .25em}.article-prose sub{vertical-align:sub;font-size:.75em;line-height:0}.article-prose sup{vertical-align:super;font-size:.75em;line-height:0}.article-prose ul,.article-prose ol{margin:0 0 var(--space-6) var(--space-5);color:var(--text-muted)}.article-prose ul{list-style:disc}.article-prose ol{list-style:decimal}.article-prose li{margin-bottom:var(--space-2);padding-left:var(--space-2);line-height:1.7}.article-prose li::marker{color:var(--accent)}.article-prose blockquote{margin:var(--space-8) 0;padding:var(--space-4) var(--space-6);border-left:3px solid var(--accent);background:var(--bg-deep);font-family:var(--font-editorial);font-style:italic;font-size:clamp(1.2rem,1.8vw,1.5rem);line-height:1.45;color:var(--text)}.article-prose blockquote p{color:var(--text);margin:0;text-align:left}.article-prose blockquote p:first-letter{font-size:inherit;padding:0;float:none;color:inherit;font-weight:inherit}.article-prose code{font-family:var(--font-mono);font-size:.9em;background:var(--bg-deep);padding:.15em .4em;border-radius:4px;color:var(--text)}.article-prose pre{background:var(--surface-cocoa);color:var(--text-on-dark);border-radius:var(--radius-md);padding:20px 22px;overflow-x:auto;margin:0 0 var(--space-6);font-size:14px;line-height:1.6}.article-prose pre code{background:none;padding:0;color:inherit}.article-prose hr{border:none;height:1px;background:var(--border-soft);margin:var(--space-9) auto;width:60%}.article-prose img,.article-prose figure img{width:100%;height:auto;margin:var(--space-7) 0;border-radius:var(--radius-md)}.article-prose figure{margin:var(--space-7) 0}.article-prose figcaption{font-family:var(--font-mono);font-size:12px;color:var(--text-dim);margin-top:10px;text-align:center}.article-prose table{width:100%;border-collapse:collapse;margin:var(--space-7) 0;font-size:15px;line-height:1.5;display:block;overflow-x:auto}.article-prose thead th{text-align:left;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);font-weight:600;padding:.65rem .9rem;border-bottom:2px solid var(--border-strong);white-space:nowrap}.article-prose tbody td{padding:.7rem .9rem;border-bottom:1px solid var(--border-soft);color:var(--text-muted);vertical-align:top}.article-prose tbody tr:nth-child(2n){background:var(--bg-deep)}.article-prose tbody td:first-child{color:var(--text);font-weight:500}.article-prose .pull{margin:var(--space-8) 0;padding:var(--space-2) 0 var(--space-2) var(--space-6);border-left:3px solid var(--accent);max-width:56ch}.article-prose .pull__text{font-family:var(--font-editorial);font-style:italic;font-weight:500;font-size:clamp(1.35rem,2.2vw,1.85rem);line-height:1.3;letter-spacing:-.01em;color:var(--text);margin:0;background:none;border:none;padding:0}.article-prose .pull__attr{margin-top:var(--space-3);display:flex;gap:var(--space-3);align-items:baseline;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.article-prose .pull__cite{color:var(--text-muted);font-weight:600}.article-prose .pull__source{font-style:italic}.article-prose .faq{margin:var(--space-8) 0;padding:var(--space-6) var(--space-7);background:var(--bg-deep);border:1px solid var(--border-soft);border-radius:var(--radius-md)}.article-prose .faq__head{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin:0 0 var(--space-5)}.article-prose .faq__list{display:flex;flex-direction:column}.article-prose .faq__item{border-top:1px solid var(--border-soft)}.article-prose .faq__item:first-child{border-top:none}.article-prose .faq__q{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);list-style:none;cursor:pointer;padding:var(--space-4) 0;font-family:var(--font-editorial);font-size:1.25rem;font-weight:600;letter-spacing:-.01em;color:var(--text);transition:color .15s ease}.article-prose .faq__q::-webkit-details-marker{display:none}.article-prose .faq__item:hover .faq__q{color:var(--accent-strong)}.article-prose .faq__icon{position:relative;flex:0 0 auto;width:18px;height:18px}.article-prose .faq__icon:before,.article-prose .faq__icon:after{content:"";position:absolute;top:50%;left:50%;width:14px;height:2px;background:var(--accent);border-radius:2px;transform:translate(-50%,-50%);transition:transform .28s ease,opacity .28s ease}.article-prose .faq__icon:after{transform:translate(-50%,-50%) rotate(90deg)}.article-prose .faq__item[open] .faq__icon:after{transform:translate(-50%,-50%) rotate(0);opacity:0}.article-prose .faq__a-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s ease}.article-prose .faq__item[open] .faq__a-wrap{grid-template-rows:1fr}.article-prose .faq__a{overflow:hidden;min-height:0;font-size:1rem;line-height:1.7;color:var(--text-muted)}.article-prose .faq__item[open] .faq__a{padding-bottom:var(--space-4)}.article-prose .howto{margin:var(--space-8) 0;padding:var(--space-7);background:var(--bg-deep);border:1px solid var(--border-soft);border-left:3px solid var(--accent);border-radius:var(--radius-md)}.article-prose .howto__head{margin-bottom:var(--space-5)}.article-prose .howto__eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-strong);display:block;margin-bottom:.4rem}.article-prose .howto__title{font-family:var(--font-editorial);font-size:1.6rem;font-weight:600;letter-spacing:-.01em;color:var(--text);margin:0}.article-prose .howto__desc{margin:.6rem 0 0;color:var(--text-muted);line-height:1.6;font-size:.95rem}.article-prose .howto__steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-4)}.article-prose .howto__step{display:grid;grid-template-columns:42px 1fr;gap:var(--space-4);align-items:start;padding-top:var(--space-4);margin:0;border-top:1px solid var(--border-soft)}.article-prose .howto__step:first-child{padding-top:0;border-top:none}.article-prose .howto__num{font-family:var(--font-mono);font-size:13px;color:var(--text-dim);letter-spacing:.08em;padding-top:4px}.article-prose .howto__step-name{font-family:var(--font-sans);font-size:1.02rem;font-weight:600;color:var(--text);margin:0 0 .3rem}.article-prose .howto__step-text{margin:0;color:var(--text-muted);line-height:1.6;font-size:.93rem}.art-hero__credit{font-family:var(--font-mono);font-size:11px;color:#f6efe28c;margin-top:10px}.art-hero__bg video{width:100%;height:100%;object-fit:cover}.art-divider{margin:var(--space-9) 0 var(--space-7);border:none;height:1px;background:var(--border-soft)}.art-footer{display:flex;flex-direction:column;gap:var(--space-5)}.art-footer__note{font-family:var(--font-mono);font-size:12px;line-height:1.7;color:var(--text-dim);letter-spacing:.02em;margin:0}.art-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;padding:0;margin:0}.art-tags li{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);padding:4px 12px;background:var(--bg-deep);border:1px solid var(--border-soft);border-radius:var(--radius-pill);letter-spacing:.02em}