@layer tokens,base,kit,component,responsive;@layer route{.article-progress{z-index:30;background:color-mix(in oklab, var(--accent) 14%, transparent);pointer-events:none;width:100%;height:2px;position:fixed;top:0;left:0}.article-progress span{background:linear-gradient(to right, var(--accent) 0, var(--accent) calc(100% - 40px), color-mix(in oklab, var(--accent) 55%, transparent) calc(100% - 12px), transparent 100%);width:0;height:100%;box-shadow:0 0 10px color-mix(in oklab, var(--accent) 40%, transparent);will-change:width;display:block}.article{width:100%}.article-shell{width:100%;max-width:var(--page-width);padding:clamp(28px, 3.2vw, 56px) var(--page-gutter) var(--page-pad-bottom);margin-inline:auto}.article-cover{--cover-photo-width:66%;--cover-text-width:33%;--cover-photo-drop:clamp(32px, 4.4vw, 72px);--cover-photo-rise:22%;--cover-photo-fade:clamp(160px, 24vw, 280px);isolation:isolate;min-height:clamp(420px,64svh,760px);margin-top:calc(-1 * var(--nav-lift));background:var(--bg);align-items:stretch;display:flex;position:relative;overflow:hidden}.article-cover__photo{top:var(--cover-photo-drop);z-index:-1;width:var(--cover-photo-width);aspect-ratio:3/2;object-fit:cover;object-position:50% 28%;-webkit-mask-image:linear-gradient(to right, transparent 0, #000 34%), linear-gradient(to top, transparent 0, #000 12%), linear-gradient(to bottom, transparent 0, #000 var(--cover-photo-rise));mask-image:linear-gradient(to right, transparent 0, #000 34%), linear-gradient(to top, transparent 0, #000 12%), linear-gradient(to bottom, transparent 0, #000 var(--cover-photo-rise));position:absolute;right:0;-webkit-mask-composite:source-in;mask-composite:intersect}.article-cover:after{content:"";z-index:-1;width:var(--cover-photo-width);height:var(--cover-photo-fade);background:linear-gradient(to top, var(--bg) 0%, transparent 100%);pointer-events:none;position:absolute;bottom:0;right:0}.article-cover__inner{width:100%;max-width:var(--page-width);padding:calc(var(--nav-lift) + var(--space-32)) var(--page-gutter) var(--space-44);flex-direction:column;justify-content:center;margin-inline:auto;display:flex}.article-cover__title{max-width:var(--cover-text-width)}.article-cover h1{margin:var(--space-16) 0 0;font-size:var(--fs-h1-cover);font-weight:var(--fw-semibold);letter-spacing:var(--ls-display);line-height:var(--lh-display);color:var(--text);text-wrap:pretty;overflow-wrap:anywhere}.article-cover .article-meta{--rail-pair-gap:3px;gap:var(--space-16);margin-top:var(--space-28);flex-direction:column}.article-meta{flex-direction:column;margin:0;display:flex}.article-meta div{gap:var(--rail-pair-gap);flex-direction:column;display:flex}.article-meta dt{font-size:var(--font-12);font-weight:var(--fw-medium);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--text-soft);opacity:.7}.article-meta dd{font-size:var(--font-14);color:var(--text);font-variant-numeric:tabular-nums;margin:0}.article-body{margin:0}.article-body .wp-prose{max-width:none;font-size:var(--font-17);line-height:var(--lh-loose);color:var(--text-soft)}.article-body .wp-prose:last-child>:last-child{margin-bottom:0}.article-body .wp-prose:not(.wp-prose--cont)>p:first-of-type{font-size:var(--font-20);line-height:var(--lh-relaxed);color:var(--text)}.article-body .wp-prose h2{font-size:var(--fs-h4-prose);letter-spacing:var(--ls-snug);margin-top:1.9em}.article-body .wp-prose h3{font-size:var(--font-24);margin-top:1.6em}.article-body .wp-prose>figure,.article-body .wp-prose>img,.article-body .wp-prose>.gallery{width:100%;margin-inline:auto}.article-body .wp-prose img{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg)}.article-body .wp-prose figcaption{margin-top:var(--space-10);padding-left:var(--space-14);border-left:1px solid var(--border-strong);line-height:var(--lh-normal)}.post-gallery{margin:var(--space-44) auto;width:100%}.post-gallery__stage{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);position:relative;overflow:hidden}.post-gallery__stage img{aspect-ratio:3/2;object-fit:cover;object-position:50% 28%;width:100%;animation:.38s cubic-bezier(.22,1,.36,1) gallery-fade;display:block}@keyframes gallery-fade{0%{opacity:.35}to{opacity:1}}.post-gallery__count{padding:var(--space-4) var(--space-10);border:1px solid var(--border);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--bg) 68%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:var(--font-12);font-variant-numeric:tabular-nums;color:var(--text-soft);position:absolute;bottom:12px;right:12px}.post-gallery__thumbs{gap:var(--space-10);margin-top:var(--space-12);flex-wrap:wrap;display:flex}.post-gallery__thumb{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);cursor:pointer;opacity:.5;width:104px;padding:0;transition:opacity .2s,border-color .2s;overflow:hidden}.post-gallery__thumb img{aspect-ratio:4/3;object-fit:cover;object-position:50% 28%;width:100%;display:block}.post-gallery__thumb:hover,.post-gallery__thumb:focus-visible{opacity:.85;border-color:var(--border-strong);outline:none}.post-gallery__thumb.is-active{opacity:1;border-color:var(--accent)}.post-gallery__caption{margin-top:var(--space-12);padding-left:var(--space-14);border-left:1px solid var(--border-strong);font-size:var(--font-12);line-height:var(--lh-normal);color:var(--text-soft)}@media (min-width:1000px){.post-gallery{width:calc(68ch + 120px)}}@media (max-width:600px){.post-gallery__thumb{width:calc(33.3333% - 6.66667px)}}@media (prefers-reduced-motion:reduce){.post-gallery__stage img{animation:none}}@media (max-width:720px){.article-shell{padding-inline:var(--space-24)}.article-cover{--cover-text-width:none;min-height:0;display:block}.article-cover__photo{aspect-ratio:4/5;object-position:50% 24%;width:100%;position:static;-webkit-mask-image:linear-gradient(0deg,#0000 0,#000 18%);mask-image:linear-gradient(0deg,#0000 0,#000 18%)}.article-cover__inner{padding:var(--space-8) var(--space-24) var(--space-40)}.article-cover .article-meta{gap:var(--space-32);margin-top:var(--space-20);flex-direction:row}.article-body{margin-top:var(--space-40)}.article-body .wp-prose{font-size:var(--font-16)}.article-body .wp-prose>p:first-of-type{font-size:var(--font-17)}}}