/* 9jaSpirit demo templates. Loads after main.css.
   Colors, fonts and widths still come from the CSS variables in main.css, so every demo can be recolored in the Customizer.
   Sections: 1 Items · 2 Poster shelf · 3 Homepage designs · 4 Single-post designs · 5 Share bar · 6 Demo skins · 7 Responsive */

/* 1 ITEMS (the building block of the demo homepage designs) */
.item{position:relative;min-width:0}
.item-media{display:block;position:relative;overflow:hidden;background:var(--line);border-radius:var(--radius)}
.item-media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.item:hover .item-media img{transform:scale(1.035)}
.item-media.is-empty{background:linear-gradient(135deg,var(--line),var(--card-bg))}
.item-title{font-size:1.05rem;line-height:1.28;margin:5px 0 6px;overflow-wrap:anywhere}
.item-title a{color:var(--text)}
.item-title a:hover,.item-title a:focus{color:var(--accent);text-decoration:none}
.item-subline{margin:0 0 4px;color:var(--muted);font-size:.84rem;line-height:1.4}
.item-excerpt{margin:6px 0 0;color:var(--muted);font-size:.92rem;line-height:1.55}
.item-badge{position:absolute;z-index:2;top:8px;left:8px;padding:2px 8px;border-radius:calc(var(--radius) * .5);background:var(--highlight);color:var(--on-highlight);font-size:.76rem;font-weight:850;line-height:1.5}
.item-badge.is-static{position:static;display:inline-block}
.item-rank{font-family:var(--font-heading);font-weight:var(--heading-weight);line-height:1}

.item-poster .item-media{aspect-ratio:2/3}
.item-profile .item-media{aspect-ratio:3/4}
.item-tile .item-media{aspect-ratio:16/10}
.item-poster .item-title{font-size:.98rem;margin-top:9px}
.item-poster .item-subline{margin:0}

.item-row{display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;align-items:start}
.item-row .item-media{aspect-ratio:4/3}
.item-row .item-title{font-size:.98rem;margin-top:2px}

.item-headline .item-body{display:block}
.item-headline .item-title{font-size:1rem;margin:0}
.item-headline .item-leader{display:none}
.item-headline .item-end{display:block;margin-top:2px;color:var(--muted);font-size:.78rem}
.item-text{padding:0 0 14px;margin:0 0 14px;border-bottom:1px solid var(--line)}
.item-text:last-child{border-bottom:0;margin-bottom:0}

/* Overlay tiles: title sits on the image */
.item-tile.is-overlay{display:flex;min-height:190px;overflow:hidden;border-radius:var(--radius);background:var(--line)}
.item-tile.is-overlay .item-media{position:absolute;inset:0;aspect-ratio:auto;border-radius:0}
.item-tile.is-overlay::after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,rgba(3,6,14,.9));pointer-events:none}
.item-tile.is-overlay .item-body{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:16px}
.item-tile.is-overlay .item-title{margin:6px 0 0}
.item-tile.is-overlay .item-title a,.item-tile.is-overlay .meta,.item-tile.is-overlay .item-subline{color:#fff}
.item-tile.is-overlay .cat-label{display:inline-block;background:var(--accent);color:var(--on-accent);padding:3px 8px;border-radius:4px}
.item-tile.is-overlay .meta{opacity:.85}

/* 2 SHELF: a row of posters you swipe sideways (Cinema) */
.shelf{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 56px) / 5.4);gap:14px;overflow-x:auto;scroll-snap-type:x proximity;padding:2px 2px 14px;scrollbar-width:thin}
.shelf>*{scroll-snap-align:start}

/* 3 HOMEPAGE DESIGNS */

/* Cinema */
.cin-hero{position:relative;display:flex;align-items:flex-end;min-height:clamp(380px,54vw,600px);overflow:hidden;border-radius:var(--radius);background:#000;color:#fff}
.cin-hero-media{position:absolute;inset:0}
.cin-hero-media img{width:100%;height:100%;object-fit:cover}
.cin-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.4) 48%,rgba(0,0,0,0) 78%),linear-gradient(0deg,rgba(0,0,0,.7),transparent 45%)}
.cin-hero-copy{position:relative;z-index:1;max-width:640px;padding:clamp(20px,4vw,48px)}
.cin-hero-tags{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.cin-hero .cat-label{color:#fff;opacity:.9}
.cin-hero h2{margin:0 0 8px;font-size:clamp(2rem,5.2vw,3.7rem);line-height:1.02}
.cin-hero h2 a,.cin-hero .item-subline{color:#fff}
.cin-hero h2 a:hover{text-decoration:none;color:var(--highlight)}
.cin-hero-excerpt{max-width:52ch;margin:0 0 18px;color:#e6e6ee}
.shelf-section .section-heading{margin-bottom:14px}

/* Premiere */
.pre-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(22px,5vw,60px);align-items:start}
.pre-lead-media{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;border-radius:var(--radius);background:var(--line);box-shadow:12px 12px 0 var(--highlight)}
.pre-lead-media img{width:100%;height:100%;object-fit:cover}
.pre-lead-copy h2{margin:8px 0 8px;font-size:clamp(2rem,4.4vw,3.5rem);line-height:1.04}
.pre-lead-copy h2 a{color:var(--text)}
.pre-lead-copy h2 a:hover{color:var(--accent);text-decoration:none}
.pre-lead-excerpt{max-width:56ch;margin:0 0 16px;color:var(--muted)}
.pre-chart{margin-top:28px;padding-top:14px;border-top:2px solid var(--highlight)}
.pre-chart-title{margin:0 0 6px;font-size:1.15rem}
.pre-chart .item-row{grid-template-columns:34px 56px minmax(0,1fr);align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.pre-chart .item-row:last-child{border-bottom:0}
.pre-chart .item-rank{font-size:1.9rem;color:var(--accent)}
.pre-chart .item-media{aspect-ratio:2/3;border-radius:4px}
.pre-chart .item-title{margin:0 0 2px}
.pre-chart .item-body .cat-label,.pre-chart .item-body .meta{display:none}
.poster-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px 16px}

/* Daily */
.daily-front{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:26px;align-items:start}
.daily-second{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:22px}
.daily-main .item-tile.is-lead .item-title{font-size:clamp(1.7rem,3.2vw,2.4rem);line-height:1.08;letter-spacing:-.03em}
.daily-main .item-tile.is-lead .item-media{aspect-ratio:16/9}
.daily-top{background:var(--card-bg);border-top:4px solid var(--accent);padding:14px 18px 6px}
.daily-top-title{margin:0 0 4px;font-size:1.1rem}
.daily-top .item-headline{padding:12px 0;border-bottom:1px solid var(--line)}
.daily-top .item-headline:last-child{border-bottom:0}
.two-col-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px}
.daily-block-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:22px;align-items:start}
.daily-block-list{display:grid;gap:16px;align-content:start}

/* Broadsheet */
.bs-front{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.1fr) minmax(0,1fr);border-top:3px double var(--text);border-bottom:1px solid var(--text)}
.bs-col{min-width:0;padding:18px}
.bs-col:first-child{padding-left:0}
.bs-col:last-child{padding-right:0}
.bs-col+.bs-col{border-left:1px solid var(--text)}
.bs-lead-col .item-title{text-align:center;font-size:clamp(1.9rem,3.6vw,2.8rem);line-height:1.04;letter-spacing:-.025em;margin:12px 0 8px}
.bs-lead-col .item-body{text-align:center}
.bs-lead-col .item-media{aspect-ratio:3/2}
.bs-lead-col .meta{justify-content:center}
.bs-side .item-title{font-size:1.12rem}
.bs-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.bs-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.bs-cols>*{padding:0 18px;margin:0}
.bs-cols>*:first-child{padding-left:0}
.bs-cols>*:last-child{padding-right:0}
.bs-cols>*+*{border-left:1px solid var(--line)}
.bs-cols .item-text{border-bottom:0}

/* Bento */
.bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(190px,auto);gap:14px}
.bento>.is-lead{grid-column:span 2;grid-row:span 2}
.bento>.is-lead .item-title{font-size:clamp(1.5rem,2.8vw,2.2rem);line-height:1.1}
.bento .item-title{font-size:1.05rem}
.tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.tile-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.tile-grid .item-tile{background:var(--card-bg);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.tile-grid .item-tile .item-media{border-radius:0}
.tile-grid .item-tile .item-body{padding:14px}

/* Feed */
.feed-picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.feed-picks .item-media{aspect-ratio:3/2}
.feed-picks .item-title{font-size:1.28rem;line-height:1.2;margin-top:10px}
.feed-list{display:grid}
.item-row.is-feed{grid-template-columns:minmax(0,1fr) 210px;gap:24px;padding:22px 0;border-bottom:1px solid var(--line);align-items:center}
.item-row.is-feed:first-child{padding-top:0}
.item-row.is-feed .item-media{order:2;aspect-ratio:3/2}
.item-row.is-feed .item-title{font-size:1.4rem;line-height:1.2}
.topic-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.topic-strip .item-text{border-bottom:0;border-top:2px solid var(--text);padding:12px 0 0;margin:0}

/* Portrait */
.por-hero{display:grid;grid-template-columns:minmax(220px,370px) minmax(0,1fr);gap:clamp(22px,5vw,60px);align-items:center;padding:clamp(18px,3.4vw,38px);background:var(--card-bg);border:1px solid var(--line);border-radius:var(--radius)}
.por-hero-media{display:block;aspect-ratio:3/4;overflow:hidden;border-radius:999px 999px var(--radius) var(--radius);background:var(--line)}
.por-hero-media img{width:100%;height:100%;object-fit:cover}
.por-hero-label{margin:0 0 6px;color:var(--muted);font-size:.9rem}
.por-hero-copy h2{margin:0 0 6px;font-size:clamp(2.1rem,4.6vw,3.5rem);line-height:1.04}
.por-hero-copy h2 a{color:var(--text)}
.por-hero-copy h2 a:hover{color:var(--accent);text-decoration:none}
.por-hero-sub{margin:0 0 12px;color:var(--muted);font-size:1.15rem;font-style:italic}
.profile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.item-profile{overflow:hidden;border-radius:var(--radius);background:var(--line)}
.item-profile .item-media{border-radius:0}
.item-profile .item-body{position:absolute;inset:auto 0 0 0;padding:46px 14px 14px;background:linear-gradient(transparent,rgba(8,16,12,.9));pointer-events:none}
.item-profile .item-title{margin:0 0 2px;font-size:1.12rem;pointer-events:auto}
.item-profile .item-title a{color:#fff}
.item-profile .item-title a:hover{color:var(--highlight)}
.item-profile .item-subline{color:#e5e9e6;margin:0}

/* Archive (Heritage) */
.her-hero{display:grid;grid-template-columns:minmax(0,230px) minmax(0,1fr);gap:clamp(18px,4vw,34px);padding:22px;background:var(--card-bg);border:1px solid var(--line);border-top:5px double var(--accent)}
.her-hero-media{display:block;aspect-ratio:3/4;padding:6px;border:1px solid var(--line);background:var(--card-bg)}
.her-hero-media img{width:100%;height:100%;object-fit:cover}
.her-hero-label{margin:0 0 4px;color:var(--accent);font-weight:700}
.her-hero-copy h2{margin:0 0 10px;font-size:clamp(1.8rem,3.6vw,2.6rem);line-height:1.1}
.her-hero-copy h2 a{color:var(--text)}
.her-hero-copy h2 a:hover{color:var(--accent);text-decoration:none}
.her-facts{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 16px;margin:0 0 14px;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:.92rem}
.her-facts dt{font-weight:700}
.her-facts dd{margin:0;color:var(--muted)}
.her-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 30px}
.her-list .item-row{grid-template-columns:92px minmax(0,1fr)}
.her-list .item-media{aspect-ratio:3/4;border-radius:2px}
.her-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.her-index-box{padding:16px 18px;background:var(--card-bg);border:1px solid var(--line)}
.her-index-box h3{margin:0 0 8px;padding-bottom:8px;border-bottom:2px solid var(--accent);font-size:1.1rem}
.her-index .item-headline{padding:7px 0}
.her-index .item-headline .item-body{display:flex;align-items:baseline;gap:8px}
.her-index .item-headline .item-title{font-size:.96rem}
.her-index .item-headline .item-leader{display:block;flex:1 1 20px;min-width:16px;border-bottom:1px dotted var(--muted);transform:translateY(-3px)}
.her-index .item-headline .item-end{display:inline;margin:0;white-space:nowrap}

/* 4 SINGLE-POST DESIGNS */
.article-subline{margin:-2px 0 12px;color:var(--muted);font-size:1.12rem}

/* Banner: title over a big image */
.article-banner{position:relative;display:flex;align-items:flex-end;min-height:clamp(300px,46vw,520px);margin:0 0 20px;overflow:hidden;border-radius:var(--radius);background:#000}
.article-banner-media{position:absolute;inset:0}
.article-banner-media img{width:100%;height:100%;object-fit:cover}
.article-banner::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 20%,rgba(0,0,0,.88))}
.article-banner-copy{position:relative;z-index:1;width:100%;padding:clamp(18px,4vw,42px);color:#fff}
.article-banner-copy .article-header{margin:0}
.article-banner-copy h1,.article-banner-copy .meta,.article-banner-copy .meta a,.article-banner-copy .article-subline{color:#fff}
.article-banner-copy .cat-label{background:var(--accent);color:var(--on-accent);padding:3px 9px;border-radius:4px}

/* Split and Profile: image beside the title */
.article-aside-head{display:grid;grid-template-columns:minmax(0,290px) minmax(0,1fr);gap:clamp(18px,4vw,42px);align-items:center;margin:0 0 22px}
.article-aside-media img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:var(--radius)}
.article-aside-copy .article-header{margin:0}
.single-style-profile .article-aside-media img{aspect-ratio:3/4;border-radius:999px 999px var(--radius) var(--radius)}

/* Centered: newspaper headline */
.single-style-centered .article-header{padding:18px 0;margin-bottom:18px;text-align:center;border-top:3px double var(--text);border-bottom:1px solid var(--text)}
.single-style-centered .article-header .meta{justify-content:center}
.single-style-centered .article-hero img{border-radius:0}
.single-style-centered .article-sharebar{justify-content:center}
.single-style-centered .entry-content>p:first-of-type::first-letter,
.single-style-profile .entry-content>p:first-of-type::first-letter{float:left;margin:.06em .1em 0 0;font-family:var(--font-heading);font-size:4.2em;font-weight:800;line-height:.8}

/* Wide: big image, narrow reading column */
.single-style-wide .article-header h1{font-size:clamp(2.2rem,5.8vw,3.9rem);line-height:1.04}
.single-style-wide .article-hero img{max-height:640px;border-radius:calc(var(--radius) * 1.4)}
.single-style-wide .entry-content,.single-style-wide .article-sharebar,.single-style-wide .post-navigation{max-width:720px;margin-inline:auto}

/* Infobox: image in a fact box floated into the text */
.article-infobox{float:right;width:min(310px,42%);margin:0 0 16px 24px;padding:8px;background:var(--card-bg);border:1px solid var(--line);font-size:.88rem}
.article-infobox img{width:100%;aspect-ratio:3/4;object-fit:cover}
.article-infobox figcaption{display:grid;gap:4px;padding:10px 4px 4px;color:var(--muted)}
.article-infobox strong{color:var(--text);font-size:1rem}
.single-style-infobox .article-header{padding-bottom:10px;border-bottom:3px double var(--accent)}

/* 5 SHARE BAR (bottom position) */
.article-sharebar.is-bottom{margin:26px 0 10px;border-bottom:1px solid var(--line)}

/* 6 DEMO SKINS: only apply when a demo is chosen (body.demo-...) */

/* Movies 1: Cinema Night */
.demo-movies-cinema .site-title{text-transform:uppercase;letter-spacing:.16em;font-weight:900}
.demo-movies-cinema .section-heading{border-bottom:0}
.demo-movies-cinema .section-heading h2{font-size:1.45rem}
.demo-movies-cinema .item-media,.demo-movies-cinema .post-card-media{box-shadow:0 10px 22px rgba(0,0,0,.5)}
.demo-movies-cinema .item-poster .item-title{font-size:.95rem}
.demo-movies-cinema .archive-grid .post-card-media{aspect-ratio:2/3}
.demo-movies-cinema .post-card{background:transparent;border:0}
.demo-movies-cinema .post-card-body{padding:10px 2px}
.demo-movies-cinema .article-banner{border-radius:var(--radius)}
.demo-movies-cinema .entry-content blockquote{background:var(--card-bg)}

/* Movies 2: Red Carpet Premiere */
.demo-movies-premiere .site-title{font-size:2.1rem;font-style:italic;letter-spacing:-.01em}
.demo-movies-premiere .section-heading h2{font-size:1.6rem}
.demo-movies-premiere .section-heading{border-bottom:1px solid var(--highlight)}
.demo-movies-premiere .archive-grid .post-card-media{aspect-ratio:2/3}
.demo-movies-premiere .item-poster .item-media{box-shadow:6px 6px 0 var(--highlight)}
.demo-movies-premiere .item-poster{padding:0 6px 6px 0}
.demo-movies-premiere .article-aside-media img{box-shadow:10px 10px 0 var(--highlight)}

/* News 1: The Daily */
.demo-news-daily .topbar{background:var(--accent);color:var(--on-accent);border-bottom:0}
.demo-news-daily .site-title{color:var(--accent);font-size:2rem;font-weight:900;letter-spacing:-.04em;text-transform:uppercase}
.demo-news-daily .site-header{border-bottom:1px solid var(--line)}
.demo-news-daily .section-heading{border-bottom:2px solid var(--text)}
.demo-news-daily .item-tile .item-title{font-size:1.15rem}
.demo-news-daily .daily-main .item-tile.is-lead .item-title{font-size:clamp(1.7rem,3.2vw,2.4rem)}
.demo-news-daily .item-tile .item-media{border-radius:0}
.demo-news-daily .article-header h1{letter-spacing:-.04em}
.demo-news-daily .post-card{border-left:0;border-right:0;border-top:0;border-radius:0;background:transparent}

/* News 2: The Broadsheet */
.demo-news-broadsheet .topbar{text-align:center}
.demo-news-broadsheet .topbar .wrap{justify-content:center;gap:24px}
.demo-news-broadsheet .site-header{border-bottom:3px double var(--header-text)}
.demo-news-broadsheet .header-main{padding:24px 0 16px}
.demo-news-broadsheet .site-title{font-size:clamp(2rem,6vw,3.7rem);font-weight:700;letter-spacing:-.01em}
.demo-news-broadsheet .primary-nav{border-top:0;border-bottom:1px solid var(--nav-text)}
.demo-news-broadsheet .main-menu a{font-weight:600}
.demo-news-broadsheet .section-heading{border-bottom:3px double var(--text)}
.demo-news-broadsheet .section-heading h2{font-size:1.2rem;letter-spacing:.08em}
.demo-news-broadsheet .item-media,.demo-news-broadsheet .post-card{border-radius:0}
.demo-news-broadsheet .post-card{background:transparent;border-left:0;border-right:0;border-top:0}
.demo-news-broadsheet .item-title{letter-spacing:-.01em}
.demo-news-broadsheet .entry-content{text-align:justify;hyphens:auto}

/* Tech 1: Circuit */
.demo-tech-circuit .site-header{border-bottom:1px solid var(--header-line)}
.demo-tech-circuit .site-title{letter-spacing:-.04em}
.demo-tech-circuit .section-heading{border-bottom:1px solid var(--line)}
.demo-tech-circuit .section-heading h2{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace;font-size:1rem;font-weight:700}
.demo-tech-circuit .section-heading h2::before{content:"// ";color:var(--accent)}
.demo-tech-circuit .item-tile.is-overlay,.demo-tech-circuit .post-card{box-shadow:0 0 0 1px var(--line),0 0 26px -10px var(--accent)}
.demo-tech-circuit .tile-grid .item-tile{border-color:var(--line);box-shadow:0 0 26px -14px var(--accent)}
.demo-tech-circuit .cat-label{padding:2px 9px;border:1px solid var(--accent);border-radius:999px;font-family:ui-monospace,SFMono-Regular,Consolas,Menlo,monospace;letter-spacing:0;text-transform:lowercase}
.demo-tech-circuit .item-tile.is-overlay .cat-label{border-color:transparent}
.demo-tech-circuit .entry-content pre{overflow:auto;padding:16px;background:#04070e;border:1px solid var(--line);border-radius:var(--radius);font-size:.9rem;line-height:1.6}
.demo-tech-circuit .entry-content code{color:var(--accent);font-family:ui-monospace,SFMono-Regular,Consolas,Menlo,monospace}
.demo-tech-circuit .entry-content pre code{color:inherit}
.demo-tech-circuit .entry-content a{color:var(--accent)}

/* Tech 2: Clean Stack */
.demo-tech-clean .site-header{border-bottom:1px solid var(--line)}
.demo-tech-clean .site-title{font-weight:800;letter-spacing:-.045em}
.demo-tech-clean .primary-nav{border-top:0;border-bottom:1px solid var(--line)}
.demo-tech-clean .main-menu a:hover,.demo-tech-clean .main-menu a:focus,.demo-tech-clean .main-menu .current-menu-item>a,.demo-tech-clean .main-menu .current-cat>a{background:transparent;color:var(--accent);box-shadow:inset 0 -3px 0 var(--accent)}
.demo-tech-clean .section-heading{border-bottom:0;padding-bottom:0}
.demo-tech-clean .section-heading h2{font-size:1.5rem;letter-spacing:-.03em}
.demo-tech-clean .item-media{border-radius:calc(var(--radius) * 1.3)}
.demo-tech-clean .item-title a{color:var(--text)}
.demo-tech-clean .topic-strip .item-text{border-top-color:var(--accent)}

/* Biography 1: Portrait */
.demo-bio-portrait .site-title{font-weight:700;font-style:italic;letter-spacing:-.01em}
.demo-bio-portrait .section-heading h2{font-size:1.6rem}
.demo-bio-portrait .cat-label{letter-spacing:.12em}
.demo-bio-portrait .archive-grid .post-card-media{aspect-ratio:3/4}
.demo-bio-portrait .article-header h1{letter-spacing:-.02em}
.demo-bio-portrait .article-subline{font-style:italic}

/* Biography 2: Heritage Archive */
.demo-bio-heritage .site-title{letter-spacing:-.01em}
.demo-bio-heritage .section-heading{border-bottom:3px double var(--accent)}
.demo-bio-heritage .section-heading h2{font-size:1.3rem}
.demo-bio-heritage .entry-content{text-align:justify;hyphens:auto}
.demo-bio-heritage .entry-content h2{padding-bottom:4px;border-bottom:1px solid var(--line)}
.demo-bio-heritage .article-subline{font-style:italic}
.demo-bio-heritage .item-media,.demo-bio-heritage .post-card{border-radius:2px}

/* 7 RESPONSIVE */
@media (max-width:1024px){
  .shelf{grid-auto-columns:calc((100% - 42px) / 4.4)}
  .pre-hero{grid-template-columns:minmax(0,1fr)}
  .pre-lead-media{max-width:460px;margin-right:12px}
  .poster-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .daily-front{grid-template-columns:minmax(0,1fr)}
  .bs-front{grid-template-columns:minmax(0,1fr)}
  .bs-col,.bs-col:first-child,.bs-col:last-child{padding:16px 0}
  .bs-col+.bs-col{border-left:0;border-top:1px solid var(--text)}
  .bs-lead-col{order:-1}
  .bs-cols,.bs-cols-3{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 0}
  .bento{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tile-grid,.tile-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .profile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .her-index{grid-template-columns:repeat(2,minmax(0,1fr))}
  .article-aside-head{grid-template-columns:minmax(0,240px) minmax(0,1fr)}
}
@media (max-width:768px){
  .shelf{grid-auto-columns:calc((100% - 28px) / 3.3)}
  .poster-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .daily-second,.two-col-rows,.daily-block-grid,.her-list{grid-template-columns:minmax(0,1fr)}
  .feed-picks,.topic-strip{grid-template-columns:minmax(0,1fr)}
  .item-row.is-feed{grid-template-columns:minmax(0,1fr) 130px;gap:14px}
  .item-row.is-feed .item-title{font-size:1.1rem}
  .por-hero,.her-hero{grid-template-columns:minmax(0,1fr)}
  .por-hero-media{max-width:320px;margin-inline:auto}
  .her-hero-media{max-width:230px}
  .article-aside-head{grid-template-columns:minmax(0,1fr)}
  .article-aside-media{max-width:260px}
  .profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .demo-news-daily .site-title{font-size:1.5rem}
  .demo-movies-premiere .site-title{font-size:1.6rem}
}
@media (max-width:520px){
  .shelf{grid-auto-columns:calc((100% - 14px) / 2.3)}
  .poster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bento{grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(200px,auto)}
  .bento>.is-lead{grid-column:auto;grid-row:span 2}
  .tile-grid,.tile-grid-4,.bs-cols,.bs-cols-3,.her-index{grid-template-columns:minmax(0,1fr)}
  .bs-cols>*,.bs-cols>*:first-child,.bs-cols>*:last-child{padding:0 0 14px;border-left:0}
  .pre-chart .item-row{grid-template-columns:28px 48px minmax(0,1fr)}
  .item-row.is-feed{grid-template-columns:minmax(0,1fr) 104px}
  .item-row.is-feed .item-body .item-excerpt{display:none}
  .her-list .item-row{grid-template-columns:76px minmax(0,1fr)}
  .article-infobox{float:none;width:100%;margin:0 0 16px}
  .article-banner{min-height:300px}
  .cin-hero{min-height:420px}
  .cin-hero::after{background:linear-gradient(0deg,rgba(0,0,0,.9),rgba(0,0,0,.2) 70%)}
}