@font-face{font-family:Archivo;src:url("../fonts/archivo-latin-800-normal.woff2") format("woff2");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"Source Serif 4";src:url("../fonts/source-serif-4-latin-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Source Serif 4";src:url("../fonts/source-serif-4-latin-700-normal.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}

:root{
  --carbon:#0d0e10;
  --paper:#f4f2ec;
  --ink:#171717;
  --muted:#6f6a61;
  --line:#d8d1c5;
  --red:#e10600;
  --red-dark:#b90500;
  --red-aa:#ff4b43;
  --chrome:#202226;
  --font-display:"Archivo",Arial,sans-serif;
  --font-body:"Source Serif 4",Georgia,serif;
  --font-ui:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --gh-font-heading:var(--font-display);
  --gh-font-body:var(--font-body)
}

.read-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:999;background:transparent}
.read-progress span{display:block;width:100%;height:100%;background:var(--red);transform:scaleX(0);transform-origin:left}

.site-nav{display:flex;align-items:center;gap:20px;font:800 .78rem/1 var(--font-ui);text-transform:uppercase;letter-spacing:.1em}
.site-nav a{position:relative;color:rgba(244,242,236,.82)}
.site-nav a:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .18s ease}
.site-nav a:hover,.site-nav a.is-current{color:var(--paper)}
.site-nav a:hover:after,.site-nav a.is-current:after{transform:scaleX(1)}
.menu-toggle span,.menu-toggle span:before,.menu-toggle span:after{display:block;width:18px;height:2px;background:var(--paper);content:"";position:relative}
.menu-toggle span:before{position:absolute;top:-6px}
.menu-toggle span:after{position:absolute;top:6px}

.wrap{width:min(1180px,calc(100% - 32px));margin-inline:auto}
.lead-zone{background:var(--carbon);color:var(--paper);padding:0 0 38px}
.lead-card{position:relative;min-height:clamp(548px,72vh,748px);display:grid;align-items:end;overflow:hidden;isolation:isolate}
.lead-image{position:absolute;inset:0;z-index:0;background:linear-gradient(135deg,#191b1f,#090a0c)}
.lead-image img{width:100%;height:100%;object-fit:cover;opacity:.62;filter:saturate(.9) contrast(1.08)}
.lead-image:before{content:"";position:absolute;inset:-12% -4% auto auto;width:48%;height:120%;background:radial-gradient(ellipse at center,rgba(225,6,0,.28),rgba(225,6,0,0) 62%);z-index:1}
.lead-image:after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(13,14,16,.96) 0,rgba(13,14,16,.92) 35%,rgba(13,14,16,.66) 66%,rgba(13,14,16,.48)),linear-gradient(0deg,rgba(13,14,16,.94) 0,rgba(13,14,16,.64) 38%,rgba(13,14,16,.22) 100%),linear-gradient(180deg,rgba(13,14,16,.56),rgba(13,14,16,0) 34%)}
.lead-copy{position:relative;z-index:3;width:min(1180px,calc(100% - 32px));margin:0 auto;padding:0 0 clamp(44px,8vw,88px)}
.kicker,.post-kicker{font:800 .75rem/1 var(--font-ui);letter-spacing:.13em;text-transform:uppercase;color:var(--red-dark)}
.lead-copy .kicker,.story-grid>.story-card:nth-child(4) .kicker{color:var(--red-aa)}
.lead-copy h1{font:800 clamp(3rem,7vw,5.7rem)/.9 var(--font-display);letter-spacing:0;text-transform:uppercase;max-width:980px;margin:14px 0 18px;text-wrap:balance;overflow-wrap:break-word}
.lead-copy p{max-width:650px;font:400 clamp(1.08rem,2vw,1.35rem)/1.45 var(--font-body);color:rgba(244,242,236,.88);margin:0 0 22px}
.meta-line{display:flex;flex-wrap:wrap;gap:10px 18px;color:var(--muted);font:700 .78rem/1.3 var(--font-ui);text-transform:uppercase;letter-spacing:.07em}
.lead-copy .meta-line{color:rgba(244,242,236,.74)}

.section-rule{display:flex;align-items:center;gap:16px;margin:46px 0 24px;font:800 .8rem/1 var(--font-ui);letter-spacing:.13em;text-transform:uppercase;color:var(--ink)}
.section-rule:before{content:"";height:12px;width:72px;background:repeating-linear-gradient(45deg,var(--red) 0 8px,transparent 8px 16px);border-left:5px solid var(--red)}
.section-rule:after{content:"";height:1px;flex:1;background:var(--line)}

.story-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:stretch}
.story-grid.compact{grid-template-columns:repeat(3,1fr)}
.story-card{background:#fffaf1;border:1px solid var(--line);transition:transform .18s ease,box-shadow .18s ease;display:flex;flex-direction:column;min-width:0}
.story-card:hover{transform:translateY(-4px);box-shadow:0 18px 32px rgba(13,14,16,.12)}
.story-card--wide{grid-column:span 2}
.story-grid>.story-card:nth-child(4){background:var(--carbon);color:var(--paper)}
.story-grid>.story-card:nth-child(4) .story-image{display:none}
.story-grid>.story-card:nth-child(4) .story-copy{padding:22px;display:flex;flex-direction:column;justify-content:center;min-height:100%}
.story-grid>.story-card:nth-child(4) p{color:rgba(244,242,236,.74)}
.story-grid>.story-card:nth-child(4) .meta-line{color:rgba(244,242,236,.66)}
.story-image{display:block;aspect-ratio:16/10;background:#222;overflow:hidden}
.story-card--wide .story-image{aspect-ratio:16/8.2}
.story-image img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.story-card:hover .story-image img{transform:scale(1.035)}
.story-copy{padding:16px;display:flex;flex:1;flex-direction:column}
.story-copy h2{font:800 clamp(1.05rem,1.8vw,1.42rem)/1.03 var(--font-display);letter-spacing:0;text-transform:uppercase;margin:9px 0 10px;text-wrap:balance;overflow-wrap:break-word}
.story-card--wide .story-copy h2{font-size:clamp(1.45rem,2.9vw,2.3rem)}
.story-copy h2 a,.latest-row h2 a,.post-content a{background:linear-gradient(var(--red),var(--red)) 0 100%/0 2px no-repeat;transition:background-size .18s ease}
.story-copy h2 a:hover,.latest-row h2 a:hover,.post-content a:hover{background-size:100% 2px}
.story-copy p{font:400 1rem/1.42 var(--font-body);color:#4d493f;margin:0 0 14px}
.story-copy .meta-line{margin-top:auto}

.latest-section{padding-bottom:58px}
.latest-list{border-top:2px solid var(--carbon);background:#fffaf1}
.latest-row{display:grid;grid-template-columns:120px 1fr;gap:24px;padding:18px 0;border-bottom:1px solid var(--line)}
.latest-row time{padding-left:16px;color:var(--red-dark);font:800 .78rem/1.3 var(--font-ui);letter-spacing:.08em;text-transform:uppercase}
.latest-row h2{font:800 clamp(1.1rem,2.6vw,2rem)/1 var(--font-display);letter-spacing:0;text-transform:uppercase;margin:7px 16px 0 0;text-wrap:balance;overflow-wrap:break-word}
.pagination{display:flex;justify-content:space-between;gap:18px;margin:28px 0;font:800 .82rem/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase}
.pagination a{border:1px solid var(--carbon);padding:12px 14px}

.post-main{background:var(--paper)}
.post-article{width:min(960px,calc(100% - 32px));margin:0 auto;padding:48px 0}
.post-hero{text-align:left}
.post-hero h1{font:800 clamp(2.6rem,6vw,5rem)/.92 var(--font-display);letter-spacing:0;text-transform:uppercase;margin:13px 0 16px;color:var(--ink);text-wrap:balance;overflow-wrap:break-word}
.post-excerpt{font:400 clamp(1.14rem,2vw,1.5rem)/1.45 var(--font-body);color:#504b43;max-width:760px;margin:0 0 22px}
.post-strip{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:800 .78rem/1 var(--font-ui);text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}
.author-chip{display:inline-flex;align-items:center;gap:9px;color:var(--ink)}
.author-chip img{border-radius:50%;object-fit:cover}
.post-feature{margin:28px 0 38px}
.post-feature img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#1b1d20}
.post-feature figcaption{font:400 .9rem/1.35 var(--font-ui);color:var(--muted);margin-top:8px}
.post-content{max-width:68ch;margin:0 auto;font:400 1.18rem/1.72 var(--font-body);color:#191714}
.post-content>*{margin-top:0;margin-bottom:1.35em}
.post-content h2,.post-content h3{font-family:var(--font-display);font-weight:800;line-height:1.05;letter-spacing:0;text-transform:uppercase;margin-top:2.1em;text-wrap:balance;overflow-wrap:break-word}
.post-content h2{font-size:clamp(1.7rem,3vw,2.35rem)}
.post-content h3{font-size:clamp(1.28rem,2vw,1.7rem)}
.post-content a{color:var(--red-dark)}
.post-content blockquote{border-left:5px solid var(--red);margin-left:0;padding-left:20px;font-size:1.28rem;color:#34302a}
.post-content img{border:1px solid var(--line)}

.kg-card{margin:2rem auto}
.kg-width-wide{max-width:min(960px,calc(100vw - 32px));width:calc(100vw - 32px);margin-left:50%;transform:translateX(-50%)}
.kg-width-full{width:100vw;max-width:100vw;margin-left:50%;transform:translateX(-50%)}
.kg-image-card img,.kg-video-card video{width:100%;height:auto}
.kg-embed-card iframe{max-width:100%}
.kg-bookmark-card a.kg-bookmark-container{display:grid;grid-template-columns:1fr 180px;border:1px solid var(--line);background:#fffaf1;color:var(--ink);min-height:130px}
.kg-bookmark-content{padding:18px}
.kg-bookmark-title{font:800 1.05rem/1.15 var(--font-display);text-transform:uppercase}
.kg-bookmark-description{font:400 .98rem/1.4 var(--font-ui);color:#534f46;margin-top:8px}
.kg-bookmark-metadata{display:flex;align-items:center;gap:8px;margin-top:12px;font:800 .72rem/1 var(--font-ui);text-transform:uppercase;color:var(--muted)}
.kg-bookmark-thumbnail img{height:100%;width:100%;object-fit:cover}
.kg-bookmark-icon{width:22px;height:22px}
.kg-bookmark-author,.kg-bookmark-publisher{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kg-gallery-container{display:flex;flex-direction:column;gap:10px}
.kg-gallery-row{display:flex;gap:10px}
.kg-gallery-image img{width:100%;height:100%;object-fit:cover}
.kg-callout-card{display:flex;gap:14px;padding:18px;border:1px solid var(--line);background:#fff6e4;font-family:var(--font-ui);line-height:1.5}
.kg-callout-emoji{font-size:1.4rem}
.kg-callout-text{flex:1}
.kg-callout-card-grey,.kg-callout-card-white{background:#fffaf1}
.kg-callout-card-blue,.kg-callout-card-green,.kg-callout-card-yellow,.kg-callout-card-red,.kg-callout-card-pink,.kg-callout-card-purple,.kg-callout-card-accent{background:#fff6e4;border-color:var(--line)}
.kg-button-card a.kg-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--red);color:#fff;padding:13px 18px;font:800 .82rem/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase}
.kg-button-card.kg-align-left{text-align:left}
.kg-button-card.kg-align-center{text-align:center}
.kg-btn-accent,.kg-product-card-btn-accent{background:var(--red);color:#fff}
.kg-toggle-card,.kg-product-card,.kg-file-card,.kg-audio-card,.kg-header-card,.kg-signup-card{border:1px solid var(--line);background:#fffaf1;padding:18px}
.kg-toggle-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;font:800 1.05rem/1.15 var(--font-display);text-transform:uppercase}
.kg-toggle-heading-text{flex:1}
.kg-toggle-card-icon{width:18px;height:18px}
.kg-toggle-content{margin-top:14px}
.kg-product-card-container{display:grid;gap:14px}
.kg-product-card-image{max-width:100%;height:auto}
.kg-product-card-title-container{display:flex;gap:10px;align-items:flex-start}
.kg-product-card-title{font:800 1.12rem/1.15 var(--font-display);text-transform:uppercase}
.kg-product-card-description{font-family:var(--font-ui);line-height:1.5;color:#534f46}
.kg-product-card-button,.kg-product-card-btn-accent{display:inline-flex;align-items:center;justify-content:center;padding:12px 15px;font:800 .78rem/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase}
.kg-product-card-rating{display:flex;gap:3px}
.kg-product-card-rating-star{color:#aaa}
.kg-product-card-rating-active{color:var(--red)}
.kg-file-card a,.kg-file-card-container{display:flex;gap:14px;align-items:center}
.kg-file-card-contents{flex:1;min-width:0}
.kg-file-card-title{font:800 1rem/1.2 var(--font-display);text-transform:uppercase}
.kg-file-card-caption,.kg-file-card-filename,.kg-file-card-filesize{font:.86rem/1.35 var(--font-ui);color:var(--muted)}
.kg-file-card-medium{min-height:72px}
.kg-file-card-small{min-height:54px}
.kg-audio-card{font-family:var(--font-ui)}
.kg-audio-thumbnail,.kg-audio-thumbnail.placeholder{width:72px;height:72px;background:var(--chrome)}
.kg-audio-player-container,.kg-audio-player{display:flex;align-items:center;gap:10px}
.kg-audio-title{font-weight:800}
.kg-audio-current-time,.kg-audio-time,.kg-audio-duration{font-size:.8rem;color:var(--muted)}
.kg-audio-play-icon,.kg-audio-pause-icon,.kg-audio-mute-icon,.kg-audio-unmute-icon{width:18px;height:18px}
.kg-audio-seek-slider,.kg-audio-volume-slider{accent-color:var(--red)}
.kg-audio-playback-rate{font-weight:800}
.kg-video-container,.kg-video-player-container{position:relative}
.kg-video-overlay{position:absolute;inset:0;display:grid;place-items:center}
.kg-video-hide{display:none!important}
.kg-video-large-play-icon{width:64px;height:64px}
.kg-video-player{display:flex;align-items:center;gap:10px}
.kg-video-current-time,.kg-video-time,.kg-video-duration{font-size:.8rem;color:var(--muted)}
.kg-video-play-icon,.kg-video-pause-icon,.kg-video-mute-icon,.kg-video-unmute-icon{width:18px;height:18px}
.kg-video-seek-slider,.kg-video-volume-slider{accent-color:var(--red)}
.kg-video-playback-rate{font-weight:800}
.kg-header-card{background:var(--carbon);color:var(--paper)}
.kg-nft-card,.kg-before-after-card{border:1px solid var(--line);background:#fffaf1;padding:18px}
.kg-nft-card-container{display:grid;gap:12px}
.kg-nft-metadata,.kg-nft-header{display:flex;align-items:center;gap:10px}
.kg-nft-image,.kg-before-after-card-image-before,.kg-before-after-card-image-after{width:100%;height:auto}
.kg-nft-title{font:800 1.05rem/1.15 var(--font-display);text-transform:uppercase}
.kg-nft-opensea-logo{width:20px;height:20px}
.kg-nft-creator,.kg-nft-description{font-family:var(--font-ui);color:#534f46}
.kg-blockquote-alt{font-style:italic;border-left:0;padding-left:0}

.tag-strip{display:flex;flex-wrap:wrap;gap:10px;margin:34px auto 26px;max-width:68ch}
.tag-strip a{border:1px solid var(--carbon);padding:8px 10px;font:800 .72rem/1 var(--font-ui);text-transform:uppercase;letter-spacing:.08em}
.post-nav{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:68ch;margin:0 auto}
.post-nav a{border:1px solid var(--line);background:#fffaf1;padding:16px;font:800 1rem/1.15 var(--font-display);text-transform:uppercase;overflow-wrap:break-word}
.post-nav span{display:block;font:800 .72rem/1 var(--font-ui);letter-spacing:.1em;color:var(--red);margin-bottom:7px}
.related{padding:0 0 58px}

.archive-main{padding-bottom:58px}
.archive-hero{padding:52px 0 26px}
.archive-hero h1{font:800 clamp(2.4rem,6vw,4.8rem)/.92 var(--font-display);letter-spacing:0;text-transform:uppercase;margin:12px 0;text-wrap:balance;overflow-wrap:break-word}
.archive-hero p{max-width:650px;font:400 1.22rem/1.45 var(--font-body);color:#514c43}
.author-hero{display:flex;align-items:center;gap:22px}
.author-hero img{border-radius:50%;object-fit:cover;border:4px solid #fffaf1}
.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}

.error-main{min-height:70vh;display:grid;place-items:center;background:var(--carbon);color:var(--paper);padding:48px 16px}
.error-panel{text-align:center;width:min(680px,100%)}
.error-panel h1{font:800 clamp(5rem,18vw,12rem)/.8 var(--font-display);margin:12px 0;color:var(--red)}
.error-panel p{font:400 1.3rem/1.45 var(--font-body)}
.button-link{display:inline-block;margin-top:12px;background:var(--red);color:#fff;padding:13px 18px;font:800 .82rem/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase}

.site-foot{background:var(--carbon);color:var(--paper);padding:34px 0;border-top:4px solid var(--red)}
.foot-inner{width:min(1180px,calc(100% - 32px));margin:0 auto;display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:20px;align-items:start}
.foot-brand{font:800 1.2rem/.95 var(--font-display);text-transform:uppercase}
.foot-brand span{color:var(--red-aa);font-size:.75rem;letter-spacing:.12em}
.site-foot p{margin:0;color:rgba(244,242,236,.76);font:400 .95rem/1.45 var(--font-ui)}
.foot-small{text-align:right}
body>div[style*="max-width:680px"]{color:#56515a!important}

@media(max-width:980px){
  .story-grid,.archive-grid{grid-template-columns:repeat(2,1fr)}
  .story-grid.compact{grid-template-columns:repeat(2,1fr)}
  .foot-inner{grid-template-columns:1fr}
  .foot-small{text-align:left}
}

@media(max-width:760px){
  .lead-card{min-height:552px}
  .lead-image img{opacity:.5}
  .lead-image:after{background:linear-gradient(90deg,rgba(13,14,16,.97),rgba(13,14,16,.82)),linear-gradient(0deg,rgba(13,14,16,.94),rgba(13,14,16,.28) 76%)}
  .lead-copy h1{font-size:clamp(2.34rem,12vw,4.2rem);line-height:.94}
  .story-grid,.story-grid.compact,.archive-grid{grid-template-columns:1fr}
  .story-card--wide{grid-column:auto}
  .story-grid>.story-card:nth-child(4) .story-image{display:block}
  .story-grid>.story-card:nth-child(4){background:#fffaf1;color:var(--ink)}
  .story-grid>.story-card:nth-child(4) .kicker{color:var(--red-dark)}
  .story-grid>.story-card:nth-child(4) p{color:#4d493f}
  .story-grid>.story-card:nth-child(4) .meta-line{color:var(--muted)}
  .latest-row{grid-template-columns:1fr;gap:8px;padding:16px}
  .latest-row time{padding-left:0}
  .latest-row h2{margin-right:0}
  .post-article{padding-top:34px}
  .post-strip{align-items:flex-start}
  .post-content{font-size:1.08rem;line-height:1.68}
  .post-nav{grid-template-columns:1fr}
  .kg-bookmark-card a.kg-bookmark-container{grid-template-columns:1fr}
  .kg-bookmark-thumbnail{order:-1;max-height:180px}
  .author-hero{align-items:flex-start}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{transition:none!important;animation:none!important}
}
