.blog-page{background:transparent;min-height:100svh;padding-block:clamp(7.5rem,11vw,10rem) clamp(5rem,9vw,8rem)}.blog-shell{display:grid;gap:clamp(3rem,6vw,4.5rem)}.blog-hero,.section-heading,.admin-editor-heading{align-items:end;display:flex;gap:1rem;justify-content:space-between}.blog-hero{align-items:start;border-bottom:1px solid var(--color-line);column-gap:2rem;flex-direction:column;flex-wrap:wrap;padding-bottom:clamp(2rem,4vw,3rem);row-gap:2rem}.blog-hero h1{color:var(--color-paper)}.blog-search-panel{align-items:end;display:grid;gap:.625rem;grid-template-columns:minmax(0,1fr) auto;width:100%}.blog-search-panel label,[data-blog-editor] label,.cover-field{color:var(--color-mute);display:grid;font-family:var(--font-mono);font-size:.75rem;font-weight:450;gap:.625rem;letter-spacing:.06em;line-height:1.35;text-transform:uppercase}.blog-search-panel input,[data-blog-editor] input,[data-blog-editor] textarea,[data-blog-editor] select{background:var(--color-ink-2);border:1px solid var(--color-line-2);border-radius:.75rem;color:var(--color-paper);font-family:var(--font-sans);font-size:1rem;font-weight:400;letter-spacing:normal;line-height:1.4;min-height:3rem;padding:.75rem 1rem;text-transform:none;transition:background-color .3s var(--ease-quart),border-color .3s var(--ease-quart);width:100%}.blog-search-panel input{border-radius:999px;padding-inline:1.25rem;text-overflow:ellipsis}.blog-search-panel input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a7a39b' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E") center / 1rem no-repeat;cursor:pointer;height:1rem;width:1rem}[data-blog-editor] input,[data-blog-editor] textarea,[data-blog-editor] select{background-color:var(--color-ink)}.blog-search-panel input::placeholder,[data-blog-editor] input::placeholder,[data-blog-editor] textarea::placeholder{color:var(--color-faint);opacity:1}@media(hover:hover){.blog-search-panel input:hover,[data-blog-editor] input:hover,[data-blog-editor] textarea:hover,[data-blog-editor] select:hover{background-color:var(--color-ink-3)}}.blog-search-panel input:focus,[data-blog-editor] input:focus,[data-blog-editor] textarea:focus,[data-blog-editor] select:focus{background-color:var(--color-ink-3);border-color:var(--color-faint)}[data-blog-editor] select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a7a39b' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .9rem center;background-repeat:no-repeat;cursor:pointer;padding-right:2.5rem}.cover-input-row{align-items:stretch;display:grid;gap:.5rem;grid-template-columns:minmax(0,1fr)}.cover-upload-button{align-items:center;border:1px solid var(--color-line-2);border-radius:999px;color:var(--color-paper)!important;cursor:pointer;display:inline-flex!important;font-family:var(--font-sans)!important;font-size:.875rem!important;font-weight:560;justify-content:center;letter-spacing:-.01em!important;min-height:3rem;min-width:5.5rem;padding:.75rem 1.125rem;position:relative;text-transform:none!important;transition:background-color .3s var(--ease-quart),border-color .3s var(--ease-quart)}.cover-upload-button:focus-within{background:var(--color-ink-3);border-color:var(--color-paper)}@media(hover:hover){.cover-upload-button:hover{background:var(--color-ink-3);border-color:var(--color-paper)}}.cover-upload-button input{block-size:1px;inline-size:1px;opacity:0;position:absolute}.blog-search-panel button,.admin-editor-heading button,.blog-pagination button,.post-card-footer button,.editor-footer button{align-items:center;background:transparent;border:1px solid var(--color-line-2);border-radius:999px;color:var(--color-paper);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:.9375rem;font-weight:560;justify-content:center;letter-spacing:-.01em;min-height:3rem;padding:.7rem 1.375rem;transition:background-color .35s var(--ease-quart),border-color .35s var(--ease-quart),color .35s var(--ease-quart),opacity .35s var(--ease-quart);white-space:nowrap}.blog-search-panel button,.admin-editor-heading button,.editor-footer button[type=submit]{background:var(--color-paper);border-color:var(--color-paper);color:var(--color-ink)}.editor-footer button.danger{border-color:#ff6b6b66;color:#ff8a80}.blog-pagination button{padding-inline:1.125rem}.blog-pagination button:disabled,.section-heading button:disabled{cursor:not-allowed;opacity:.4}@media(hover:hover){.blog-search-panel button:hover,.admin-editor-heading button:hover,.editor-footer button[type=submit]:hover{background:#fff;border-color:#fff}.blog-pagination button:hover,.post-card-footer button:hover,.editor-footer button:not([type=submit]):not(.danger):hover{background:var(--color-ink-3);border-color:var(--color-paper)}.editor-footer button.danger:hover{background:#ff6b6b14;border-color:#ff6b6b;color:#ffb4ab}.blog-pagination button:disabled:hover{background:transparent;border-color:var(--color-line-2)}}.refresh-button{align-items:center;background:transparent;border:1px solid var(--color-line-2);border-radius:999px;color:var(--color-paper);cursor:pointer;display:inline-flex;flex:none;height:2.75rem;justify-content:center;padding:0;transition:background-color .3s var(--ease-quart),border-color .3s var(--ease-quart),opacity .3s var(--ease-quart);width:2.75rem}.refresh-button svg{transition:transform .6s var(--ease-expo)}@media(hover:hover){.refresh-button:hover:not(:disabled){background:var(--color-ink-3);border-color:var(--color-paper)}.refresh-button:hover:not(:disabled) svg{transform:rotate(90deg)}}.refresh-button[aria-busy=true] svg{animation:refreshSpin .8s linear infinite}.admin-editor{background:var(--color-ink-2);border:1px solid var(--color-line);border-radius:1rem;padding:clamp(1.125rem,2.5vw,1.75rem)}.admin-editor-heading{align-items:start;flex-direction:column;flex-wrap:wrap}.admin-editor-heading p{color:var(--color-accent);font-family:var(--font-mono);font-size:.75rem;font-weight:450;letter-spacing:.06em;line-height:1.35;margin:0 0 .5rem;text-transform:uppercase}.admin-editor-heading h2{color:var(--color-paper);font-size:clamp(1.375rem,1.1rem + .8vw,1.75rem);font-stretch:104%;font-weight:600;letter-spacing:-.03em;line-height:1.1}[data-blog-editor]{border-top:1px solid var(--color-line);display:grid;gap:1.125rem;margin-top:clamp(1.125rem,2.5vw,1.75rem);padding-top:clamp(1.125rem,2.5vw,1.75rem)}[data-blog-editor] textarea{line-height:1.65;resize:vertical}.editor-grid{display:grid;gap:1.125rem;grid-template-columns:minmax(0,1fr)}.editor-footer{align-items:end;display:grid;gap:1.125rem;grid-template-columns:minmax(0,1fr)}.editor-footer>div{align-items:center;display:flex;flex-wrap:wrap;gap:.625rem;justify-content:stretch}.editor-footer>div>button{flex:1}.featured-toggle{align-items:center;border:1px solid var(--color-line-2);border-radius:.75rem;color:var(--color-paper)!important;cursor:pointer;display:flex!important;font-family:var(--font-sans)!important;font-size:.9375rem!important;gap:.75rem!important;letter-spacing:normal!important;min-height:3rem;padding:.65rem 1rem;text-transform:none!important;transition:border-color .3s var(--ease-quart)}@media(hover:hover){.featured-toggle:hover{border-color:var(--color-faint)}}.featured-toggle input{accent-color:var(--color-accent);flex:none;height:1.125rem;min-height:auto;padding:0;width:1.125rem}.section-heading{align-items:center;flex-wrap:wrap;gap:.75rem clamp(.75rem,2.5vw,1.25rem)}.section-heading>div{align-items:baseline;display:flex;flex:none;gap:.875rem}.section-heading>div:before{color:var(--color-accent);content:"(01)" / "";font-family:var(--font-mono);font-size:.75rem;letter-spacing:.06em;transform:translateY(-.2em)}.all-posts-section .section-heading>div:before{content:"(02)" / ""}.section-heading:after{background:var(--color-line);content:"";flex:1 1 2rem;height:1px;min-width:1rem;order:1}.section-heading>button,.section-heading>span{order:2}.section-heading h2{color:var(--color-paper);font-size:clamp(1.625rem,1.2rem + 1.4vw,2.5rem);font-stretch:104%;font-weight:600;letter-spacing:-.03em;line-height:1.05}.section-heading span,.blog-pagination span,.post-card-footer span{color:var(--color-faint);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.06em;line-height:1.35;text-transform:uppercase}.featured-grid{align-items:start;display:grid;gap:1rem;grid-template-columns:minmax(0,1fr);margin-top:clamp(1.5rem,3vw,2.25rem)}.featured-grid>.is-featured-card,.featured-grid>.empty-blog,.featured-grid>.post-skeleton,.featured-grid.is-single>*,.featured-grid>.post-card:nth-child(2):last-child{grid-column:1 / -1}.post-grid{align-items:start;display:grid;gap:1rem;grid-template-columns:minmax(0,1fr);margin-top:clamp(1.5rem,3vw,2.25rem)}.post-card,.empty-blog{background:var(--color-ink-2);border:1px solid var(--color-line);overflow:hidden}.post-card{border-radius:0;cursor:pointer;display:grid;grid-template-rows:auto 1fr;min-height:100%;position:relative;transition:background-color .4s var(--ease-quart),border-color .4s var(--ease-quart)}.post-card:has(.post-card-link:focus-visible){background:var(--color-ink-3);border-color:var(--color-line-2)}@media(hover:hover){.post-card:hover{background:var(--color-ink-3);border-color:var(--color-line-2)}}.post-grid .post-card{aspect-ratio:1 / 1;grid-template:1fr / 1fr;isolation:isolate;min-height:0}.post-card.is-featured-card{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;min-height:0}.featured-grid>.post-card:not(.is-featured-card){grid-template-columns:clamp(5.5rem,26vw,8rem) minmax(0,1fr);grid-template-rows:1fr}.post-card-body{align-content:start;display:grid;gap:.75rem;min-width:0;padding:1.25rem}.post-grid .post-card-body{align-content:end;align-self:end;background:linear-gradient(180deg,#0b0a0900,#0b0a09e6 2.5rem,#0b0a09f5);grid-area:1 / 1;min-height:44%;overflow:hidden;padding-top:2.5rem;pointer-events:none;z-index:3}.post-card.is-featured-card .post-card-body{align-content:stretch;gap:1rem;grid-template-rows:auto 1fr auto auto;padding:clamp(1.5rem,3vw,2.5rem)}.featured-grid>.post-card:not(.is-featured-card) .post-card-body{padding:1rem}.post-card.is-featured-card .post-card-body>h3{align-self:end}.post-visual{align-items:center;aspect-ratio:1 / 1;background-color:var(--color-ink-3);background-image:linear-gradient(var(--color-line) 1px,transparent 1px),linear-gradient(90deg,var(--color-line) 1px,transparent 1px);background-position:center;background-size:2.5rem 2.5rem;display:grid;min-height:auto;overflow:hidden;position:relative}.post-card.is-featured-card .post-visual{border-bottom:1px solid var(--color-line)}.post-grid .post-visual{grid-area:1 / 1;height:100%}.post-visual.is-large{aspect-ratio:1 / 1}.featured-grid>.post-card:not(.is-featured-card) .post-visual{aspect-ratio:auto}.visual-fallback{display:grid;inset:0;place-items:center;position:absolute}.post-grid .visual-fallback{inset:0 0 50%}.post-grid .visual-mark{width:3.5rem}.featured-grid>.post-card:not(.is-featured-card) .visual-mark{width:2.75rem}.post-grid .visual-line,.featured-grid>.post-card:not(.is-featured-card) .visual-line{display:none}.post-visual img{height:100%;inset:0;object-fit:cover;position:absolute;transition:transform 1.2s var(--ease-expo);width:100%}.post-card:has(.post-card-link:focus-visible) .post-visual img{transform:scale(1.035)}@media(hover:hover){.post-card:hover .post-visual img{transform:scale(1.035)}}.visual-mark{aspect-ratio:1;background:var(--color-ink-2);border:1px solid var(--color-line-2);justify-self:center;position:relative;rotate:45deg;width:4.5rem}.visual-mark:after{background:var(--color-accent);content:"";height:.375rem;left:50%;position:absolute;top:50%;translate:-50% -50%;width:.375rem}.visual-line{border:1px solid var(--color-line);inset:22%;position:absolute;transform:rotate(45deg)}.visual-1{background-color:var(--color-ink-2);background-size:2rem 2rem}.visual-2{background-color:var(--color-ink-4);background-size:3rem 3rem}.visual-3{background-color:var(--color-ink-3);background-size:1.75rem 1.75rem}.post-card-meta{align-items:center;color:var(--color-faint);display:flex;flex-wrap:wrap;font-family:var(--font-mono);font-size:.75rem;gap:.5rem;letter-spacing:.06em;line-height:1.35;text-transform:uppercase}.post-card-meta span+span:before{color:var(--color-line-2);content:"/";margin-right:.5rem}.post-category{color:var(--color-paper)}.post-status{color:var(--color-mute)}.post-card h3{color:var(--color-paper);display:-webkit-box;font-size:1.1875rem;font-stretch:104%;font-weight:600;-webkit-box-orient:vertical;-webkit-line-clamp:2;letter-spacing:-.02em;line-height:1.2;margin:0;overflow:hidden}.post-card.is-featured-card h3{font-size:clamp(1.75rem,1.1rem + 2vw,2.75rem);font-stretch:106%;-webkit-line-clamp:3;letter-spacing:-.035em;line-height:1.02}.featured-grid>.post-card:not(.is-featured-card) h3{font-size:1.0625rem;-webkit-line-clamp:3}.post-card-excerpt{color:var(--color-mute);display:-webkit-box;font-size:.9375rem;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.55;margin:0;max-width:100%;overflow:hidden}.post-card.is-featured-card .post-card-excerpt{font-size:clamp(1rem,.95rem + .2vw,1.0625rem);-webkit-line-clamp:3;line-height:1.6;max-width:40rem}.featured-grid>.post-card:not(.is-featured-card) .post-card-excerpt{max-width:40rem}.post-card-footer{align-items:center;display:flex;gap:.75rem;justify-content:flex-start;margin-top:.25rem}.post-card.is-featured-card .post-card-footer{border-top:1px solid var(--color-line);margin-top:.5rem;padding-top:1rem}.post-card-link{border-radius:inherit;inset:0;overflow:hidden;position:absolute;text-indent:-9999px;z-index:2}.post-card-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.post-edit-button{align-items:center;background:#0b0a09c7;border:1px solid var(--color-line-2);border-radius:999px;color:var(--color-paper);cursor:pointer;display:inline-flex;height:2.75rem;justify-content:center;padding:0;pointer-events:auto;position:absolute;right:.875rem;top:.875rem;transition:background-color .3s var(--ease-quart),border-color .3s var(--ease-quart);width:2.75rem;z-index:5}.post-edit-button:focus-visible{background:var(--color-ink-3);border-color:var(--color-paper)}@media(hover:hover){.post-edit-button:hover{background:var(--color-ink-3);border-color:var(--color-paper)}}.post-edit-button svg{fill:none;height:1.125rem;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75;width:1.125rem}.featured-grid>.post-card:not(.is-featured-card) .post-edit-button{left:.5rem;right:auto;top:.5rem}.empty-blog{border-radius:0;color:var(--color-mute);display:grid;gap:.5rem;grid-column:1 / -1;min-height:12rem;padding:clamp(1.25rem,3vw,2rem);place-content:end start}.empty-blog h3{color:var(--color-mute);font-size:clamp(1.125rem,1rem + .4vw,1.375rem);font-stretch:104%;font-weight:500;letter-spacing:-.02em}.empty-blog p{color:var(--color-mute);line-height:1.65}.blog-feedback{color:var(--color-mute);font-size:.875rem;line-height:1.5;margin:.875rem 0 0}.blog-feedback:empty{display:none}.blog-feedback[data-tone=success]{color:var(--color-ok)}.blog-feedback[data-tone=error]{color:#ff8a80}.blog-pagination{align-items:center;border-top:1px solid var(--color-line);display:flex;gap:.75rem;justify-content:space-between;margin-top:clamp(1.5rem,3vw,2.25rem);padding-top:clamp(1.25rem,2.5vw,1.75rem)}.post-skeleton{aspect-ratio:1 / 1;animation:postSkeleton 1.4s var(--ease-quart) infinite;background:linear-gradient(90deg,var(--color-ink-2) 20%,var(--color-ink-3) 50%,var(--color-ink-2) 80%);background-size:220% 100%;border:1px solid var(--color-line);min-height:0}.post-skeleton.main{aspect-ratio:auto;min-height:21rem}.featured-grid>.post-skeleton:not(.main){display:none}.is-hidden{display:none!important}@keyframes postSkeleton{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes refreshSpin{to{transform:rotate(360deg)}}@media(min-width:561px){.cover-input-row{grid-template-columns:minmax(0,1fr) auto}.blog-pagination button{padding-inline:1.375rem}}@media(min-width:641px){.blog-hero,.admin-editor-heading{flex-direction:row}.blog-hero{align-items:end}.admin-editor-heading{align-items:center}.blog-search-panel{grid-template-columns:minmax(15rem,24rem) auto;width:auto}.editor-grid{grid-template-columns:minmax(0,1fr) minmax(0,.75fr)}.editor-footer{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-footer>div{grid-column:1 / -1;justify-content:flex-end}.editor-footer>div>button{flex:none}.post-card.is-featured-card{grid-template-columns:minmax(16rem,min(26rem,50%)) minmax(0,1fr);grid-template-rows:1fr;min-height:21rem}.post-card.is-featured-card .post-visual{border-bottom:0;border-right:1px solid var(--color-line)}.post-card.is-featured-card:has(.post-edit-button) .post-card-meta{padding-right:3rem}.post-visual.is-large{height:100%;min-height:21rem}.featured-grid>.post-card:not(.is-featured-card){grid-template-columns:minmax(7rem,11rem) minmax(0,1fr)}.featured-grid>.post-card:not(.is-featured-card) .post-card-body{padding:1.25rem}.featured-grid>.post-card:not(.is-featured-card) h3{font-size:1.1875rem}.featured-grid>.post-card:not(.is-featured-card) .visual-mark{width:4.5rem}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:921px){.editor-footer{grid-template-columns:12rem minmax(12rem,1fr) auto}.editor-footer>div{grid-column:auto}}@media(min-width:1024px){.post-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1100px){.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px)and (max-height:820px){.blog-page{padding-top:7.5rem}.blog-shell{gap:3rem}}@media(max-width:920px)and (max-height:500px){.blog-page{padding-top:5.5rem}.blog-shell{gap:2.5rem}}@media(prefers-reduced-motion:reduce){.post-skeleton{animation:none}}