/* TDSH Giallo: homepage (templates/front-page.php). Loaded on the front page only. */
body.tdsh-front .main_header56 .header56__logo{position:relative}
body.tdsh-front .main_header56 .header56__logo::after{content:"True crime · Cults · Dark history";position:absolute;right:0;top:22px;font-family:var(--tg-mono);font-weight:700;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--tg-k)}
.tdsh-front .tg-home{display:block;position:relative}
.tdsh-front .tg-home section{position:relative;overflow-x:clip}
.tdsh-front .tg-home a{color:inherit}
.tdsh-front .tg-home a.tg-stamp{color:var(--tg-r)}
.tdsh-front .tg-home a.tg-stamp.is-cr{color:var(--tg-cr)}
.tdsh-front .tg-home img{max-width:100%;display:block}
.tdsh-front .tg-home h2,.tdsh-front .tg-home h3{text-shadow:none;letter-spacing:inherit}

/* hero */
.tdsh-front .tg-hero{z-index:4;height:clamp(400px,33vw,560px);overflow:hidden;background:var(--tg-mus)}
.tdsh-front .tg-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 50%}
.tdsh-front .tg-hero__band{position:absolute;left:-3%;right:-3%;top:10%;transform:rotate(-2.6deg);filter:drop-shadow(0 7px 5px rgba(0,0,0,.55));text-align:center;z-index:2}
.tdsh-front .tg-hero__core{position:absolute;inset:-7px 0;background:var(--tg-cr) url(../img/tex-cream.webp) 0 0/600px}
.tdsh-front .tg-hero__bi{position:relative;background:var(--tg-r) url(../img/tex-red.webp) 0 0/600px;padding:clamp(16px,1.8vw,26px) 0 clamp(14px,1.6vw,22px)}
.tdsh-front .tg-hero__out{font-family:var(--tg-display);text-transform:uppercase;display:inline-block;font-size:clamp(54px,8.6vw,132px);line-height:.95;color:var(--tg-r);-webkit-text-stroke:3px var(--tg-cr);text-shadow:6px 6px 0 var(--tg-ox);transform:skewX(-11deg);letter-spacing:.01em;padding:0 .1em}
.tdsh-front .tg-hero .tg-reg.a{left:4%;top:56%}
.tdsh-front .tg-hero .tg-reg.b{right:3%;top:55%}
.tdsh-front .tg-hero .tg-reg.c{right:3%;bottom:18%}

/* Crime Ledger feature band */
.tdsh-front .tg-ledger{z-index:7;padding:26px 0 90px}
.tdsh-front .tg-ledger__grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(24px,4vw,64px);align-items:start}
.tdsh-front .tg-ledger__kick{margin:18px 0 12px}
.tdsh-front .tg-ledger__big{font-size:clamp(64px,8.7vw,132px);color:var(--tg-cr);text-shadow:5px 5px 0 var(--tg-ox)}
.tdsh-front .tg-ledger__every{font-family:var(--tg-wide);font-size:clamp(14px,1.6vw,22px);letter-spacing:.42em;margin:10px 0 26px;color:var(--tg-cr)}
.tdsh-front .tg-latest{background:var(--tg-k2) url(../img/tex-black.webp) 0 0/600px;color:var(--tg-cr);padding:26px 28px 28px;position:relative;box-shadow:8px 9px 0 rgba(10,10,10,.55)}
.tdsh-front .tg-latest__top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.tdsh-front .tg-latest__date{font-family:var(--tg-mono);font-weight:700;color:var(--tg-y);letter-spacing:.14em;font-size:13px}
.tdsh-front .tg-latest h3{font-family:var(--tg-display);font-weight:400;text-transform:uppercase;color:var(--tg-y);font-size:clamp(34px,3.3vw,50px);line-height:.95;margin:0 0 14px}
.tdsh-front .tg-latest h3 a{text-decoration:none;color:var(--tg-y)}
.tdsh-front .tg-latest p{margin:0 0 16px;font-family:var(--tg-type);font-size:20px;line-height:1.5;letter-spacing:0;color:var(--tg-ink-1);max-width:56ch}
.tdsh-front .tg-board{font-family:var(--tg-mono);font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--tg-ink-2);line-height:1.85;margin:0 0 20px;padding:12px 0;border-top:1px dashed rgba(242,237,216,.3);border-bottom:1px dashed rgba(242,237,216,.3)}
.tdsh-front .tg-board b{color:var(--tg-y);font-weight:700}
.tdsh-giallo .tg-btn{display:inline-flex;align-items:center;gap:.6em;font-family:var(--tg-display);text-transform:uppercase;font-size:24px;letter-spacing:.04em;background:var(--tg-y) url(../img/tex-yellow.webp) 0 0/600px;color:var(--tg-k)!important;text-decoration:none;padding:12px 20px 10px;box-shadow:5px 5px 0 var(--tg-r2);line-height:1.1}
.tdsh-giallo .tg-btn:hover{background:var(--tg-cr)}
.tdsh-front .tg-eyebox{position:relative;transform:rotate(1.6deg);margin-top:10px}
.tdsh-front .tg-eyebox img{width:100%;aspect-ratio:1000/620;object-fit:cover;box-shadow:0 0 0 7px var(--tg-cr),10px 12px 0 7px rgba(10,10,10,.5)}
.tdsh-giallo .tg-tape{position:absolute;width:120px;height:32px;background:rgba(242,237,216,.75);top:-16px;left:40%;transform:rotate(-4deg);box-shadow:0 1px 2px rgba(0,0,0,.2);z-index:2}
.tdsh-front .tg-eyebox__cap{position:absolute;right:-8px;bottom:-22px}
.tdsh-front .tg-nights{margin-top:56px}
.tdsh-front .tg-nights__h{margin:0 0 14px;font-family:var(--tg-mono);font-weight:400;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--tg-cr)}
.tdsh-front .tg-nights ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.tdsh-front .tg-nights li{margin:0}
.tdsh-front .tg-stub{background:var(--tg-cr) url(../img/tex-cream.webp) 0 0/600px;color:var(--tg-k)!important;padding:16px 18px 18px;display:block;text-decoration:none;height:100%;box-sizing:border-box;position:relative;box-shadow:5px 6px 0 rgba(10,10,10,.45);border-left:2px dashed rgba(10,10,10,.35)}
.tdsh-front .tg-stub:hover{background:var(--tg-y)}
.tdsh-front .tg-stub__d{font-family:var(--tg-display);font-size:44px;line-height:.9;text-transform:uppercase;display:block}
.tdsh-front .tg-stub__t{font-family:var(--tg-mono);font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;display:block;margin:6px 0 10px;color:var(--tg-r2);font-weight:700}
.tdsh-front .tg-stub__x{font-family:var(--tg-type);font-size:16.5px;line-height:1.45;letter-spacing:0;display:block;color:#15120e}

/* case files */
.tdsh-front .tg-files{z-index:8;padding:40px 0 110px}
.tdsh-giallo .tg-shead{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:30px}
.tdsh-giallo .tg-shead .tg-display{font-size:clamp(64px,9vw,140px)}
.tdsh-giallo .tg-shead a.tg-more{font-family:var(--tg-mono);font-weight:700;font-size:13px;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;border-bottom:2px solid currentColor;padding-bottom:3px}
.tdsh-front .tg-files .tg-display{color:var(--tg-y)}
.tdsh-front .tg-files__kick{margin:0 0 10px}
.tdsh-giallo .tg-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.tdsh-giallo .tg-card{background:#171512 url(../img/tex-black.webp) 0 0/600px;border:1px solid rgba(242,237,216,.14);display:flex;flex-direction:column;position:relative;box-shadow:6px 7px 0 rgba(0,0,0,.6)}
.tdsh-giallo .tg-card__ph{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:var(--tg-mus);border-bottom:3px solid var(--tg-k)}
.tdsh-giallo .tg-card__ph>img{width:100%;height:100%;object-fit:cover}
.tdsh-giallo .tg-card__no{position:absolute;left:12px;top:10px;font-family:var(--tg-mono);font-weight:700;font-size:12px;letter-spacing:.14em;background:var(--tg-k);color:var(--tg-y);padding:3px 8px;z-index:2}
.tdsh-giallo .tg-card__ph .tg-stamp{position:absolute;right:14px;top:14px;background:rgba(242,237,216,.88);z-index:2}
.tdsh-giallo .tg-card__body{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1}
.tdsh-giallo .tg-card__cat{color:var(--tg-y);margin-bottom:8px}
.tdsh-giallo .tg-card__title{font-family:var(--tg-display);font-weight:400;text-transform:uppercase;font-size:28px;line-height:1.02;letter-spacing:.005em;margin:0 0 12px;color:var(--tg-cr)}
.tdsh-giallo .tg-card__title a{text-decoration:none;color:var(--tg-cr)}
.tdsh-giallo .tg-card__title a:hover{color:var(--tg-y)}
.tdsh-giallo .tg-card p{margin:0 0 16px;font-family:var(--tg-type);font-size:17.5px;line-height:1.52;color:var(--tg-ink-1);letter-spacing:0;max-width:60ch}
.tdsh-giallo .tg-card__foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:10px;font-family:var(--tg-mono);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--tg-ink-3);border-top:1px dashed rgba(242,237,216,.25);padding-top:12px}
.tdsh-giallo .tg-card__foot a{color:var(--tg-y)!important;text-decoration:none;font-weight:700;white-space:nowrap}
.tdsh-giallo .tg-card.is-lead{grid-column:span 2;flex-direction:row}
.tdsh-giallo .tg-card.is-lead .tg-card__ph{aspect-ratio:auto;flex:0 0 54%;border-bottom:0;border-right:3px solid var(--tg-k)}
.tdsh-giallo .tg-card.is-lead .tg-card__title{font-size:clamp(38px,3.6vw,54px);line-height:.95}
.tdsh-giallo .tg-card.is-lead p{font-size:18.5px}
.tdsh-giallo .tg-nofile{position:absolute;inset:0;display:grid;place-items:center;background:var(--tg-k);color:var(--tg-cr2);text-align:center}
.tdsh-giallo .tg-nofile b{display:block;font-family:var(--tg-display);font-weight:400;font-size:34px;text-transform:uppercase;line-height:.95;color:var(--tg-cr)}
.tdsh-giallo .tg-nofile small{display:block;font-family:var(--tg-mono);font-size:11px;letter-spacing:.18em;margin-top:8px;color:var(--tg-y);text-transform:uppercase}
.tdsh-giallo .tg-nofile .tg-reg{position:static;display:block;width:64px;height:64px;margin:0 auto 10px}

/* pick your poison + category strips */
.tdsh-front .tg-poison{z-index:9;padding:36px 0 44px}
.tdsh-giallo .tg-chips{display:flex;flex-wrap:wrap;gap:10px 12px;margin-top:6px}
.tdsh-giallo .tg-chips a{font-family:var(--tg-wide);font-size:13.5px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:var(--tg-k);border:2.5px solid var(--tg-k);padding:7px 12px 6px}
.tdsh-giallo .tg-chips a:hover{background:var(--tg-k);color:var(--tg-y)}
.tdsh-giallo .tg-chips a b{font-family:var(--tg-mono);font-size:12px;font-weight:700;color:var(--tg-r2);margin-left:.3em}
.tdsh-giallo .tg-chips a:hover b{color:var(--tg-y)}
.tdsh-front .tg-strip__kick{margin:0 0 10px;opacity:.9}
.tdsh-front .tg-strip.tg-p-black .tg-strip__kick{color:var(--tg-ink-2)}
.tdsh-front .tg-strip{padding:34px 0 40px}
.tdsh-front .tg-strip__in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20px,4vw,60px);align-items:start}
.tdsh-front .tg-strip__name{font-size:clamp(52px,6.4vw,96px)}
.tdsh-front .tg-strip__count{margin-top:12px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.tdsh-front .tg-strip ol{list-style:none;margin:0;padding:0;counter-reset:n}
.tdsh-front .tg-strip li{counter-increment:n;display:grid;grid-template-columns:52px 1fr auto;gap:14px;align-items:baseline;padding:13px 0;margin:0;border-bottom:1.5px solid currentColor}
.tdsh-front .tg-strip li:first-child{border-top:1.5px solid currentColor}
.tdsh-front .tg-strip li::before{content:counter(n,decimal-leading-zero);font-family:var(--tg-display);font-size:30px;line-height:1}
.tdsh-front .tg-strip li a{font-family:var(--tg-sans);font-weight:700;font-size:20px;line-height:1.32;text-decoration:none;letter-spacing:.003em}
.tdsh-front .tg-strip li a:hover{text-decoration:underline;text-decoration-thickness:2px}
.tdsh-front .tg-strip__ar{font-family:var(--tg-mono);font-weight:700}
.tdsh-front .tg-strip.tg-p-black .tg-strip__name{color:var(--tg-y)}
.tdsh-front .tg-strip.tg-p-black li::before{color:var(--tg-r)}
.tdsh-front .tg-strip.tg-p-red li::before{color:var(--tg-k)}
.tdsh-front .tg-strip.tg-p-cream li::before,.tdsh-front .tg-strip.tg-p-yellow li::before{color:var(--tg-r2)}
.tdsh-front .tg-strip.tg-p-red .tg-strip__name{color:var(--tg-cr);text-shadow:4px 4px 0 var(--tg-ox)}
.tdsh-front .tg-strip.tg-p-cream .tg-strip__name{color:var(--tg-k)}

/* subscribe band */
.tdsh-giallo .tg-sub{z-index:20;padding:60px 0 80px;position:relative}
.tdsh-giallo .tg-sub__clip{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.tdsh-giallo .tg-sub__panel{position:absolute;top:0;bottom:0;right:0;width:46%;background:var(--tg-r) url(../img/tex-red.webp) 0 0/600px}
.tdsh-giallo .tg-sub__panel.is-core{background:var(--tg-cr) url(../img/tex-cream.webp) 0 0/600px;width:calc(46% + 9px);filter:drop-shadow(-4px 2px 4px rgba(0,0,0,.35))}
.tdsh-giallo .tg-sub__in{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:40px;align-items:center}
.tdsh-giallo .tg-sub .tg-display{font-size:clamp(70px,10vw,150px)}
.tdsh-giallo .tg-sub__lede{font-family:var(--tg-type);font-size:21px;line-height:1.45;letter-spacing:0;max-width:34ch;margin:18px 0 26px;color:var(--tg-k)}
.tdsh-giallo .tg-sub__glove{position:relative;justify-self:center;width:min(360px,100%);transform:rotate(-8deg);filter:drop-shadow(10px 12px 0 rgba(10,10,10,.45))}
.tdsh-giallo .tg-sub__glove .tg-stamp{position:absolute;left:-14%;bottom:10%}
.tdsh-giallo .tg-insta{display:flex;align-items:center;gap:14px;margin-top:30px;flex-wrap:wrap}
.tdsh-giallo .tg-insta a{font-family:var(--tg-wide);text-transform:none;letter-spacing:0;text-decoration:none;font-size:17px;border-bottom:3px solid var(--tg-k);color:var(--tg-k)}
/* Jetpack form niceties inside the band */
.tdsh-giallo .tg-sub__form .wp-block-jetpack-subscriptions__container,.tdsh-giallo .tg-sub__form .jetpack_subscription_widget{margin:0;padding:0}
.tdsh-giallo .tg-sub__form #subscribe-text,.tdsh-giallo .tg-sub__form .success,.tdsh-giallo .tg-sub__form .wp-block-jetpack-subscriptions__subscount{font-family:var(--tg-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase}

@media (max-width:1100px){
  .tdsh-giallo .tg-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tdsh-front .tg-nights ol{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:840px){
  body.tdsh-front .main_header56 .header56__logo::after{display:none}
  .tdsh-front .tg-hero{height:440px}
  .tdsh-front .tg-hero>img{object-position:64% 50%}
  .tdsh-front .tg-hero__band{top:8%}
  .tdsh-front .tg-hero__out{font-size:15.5vw;-webkit-text-stroke:2px var(--tg-cr);text-shadow:4px 4px 0 var(--tg-ox)}
  .tdsh-front .tg-ledger__grid{grid-template-columns:1fr}
  .tdsh-front .tg-ledger__big{font-size:21.5vw}
  .tdsh-front .tg-ledger__every{letter-spacing:.3em}
  .tdsh-front .tg-latest{padding:20px 18px 22px}
  .tdsh-front .tg-latest p{font-size:18px}
  .tdsh-front .tg-latest__cats{display:none}
  .tdsh-front .tg-eyebox{margin:34px 8px 10px}
  .tdsh-front .tg-nights ol{grid-template-columns:1fr}
  .tdsh-giallo .tg-cards{grid-template-columns:1fr;gap:22px}
  .tdsh-giallo .tg-card.is-lead{grid-column:auto;flex-direction:column}
  .tdsh-giallo .tg-card.is-lead .tg-card__ph{flex:none;aspect-ratio:16/10;border-right:0;border-bottom:3px solid var(--tg-k)}
  .tdsh-giallo .tg-card.is-lead .tg-card__title{font-size:38px}
  .tdsh-giallo .tg-card__title{font-size:27px}
  .tdsh-giallo .tg-shead .tg-display{font-size:19vw}
  .tdsh-front .tg-strip__in{grid-template-columns:1fr;gap:18px}
  .tdsh-front .tg-strip__name{font-size:15vw}
  .tdsh-front .tg-strip li{grid-template-columns:40px 1fr auto}
  .tdsh-front .tg-strip li a{font-size:18.5px}
  .tdsh-giallo .tg-sub__in{grid-template-columns:1fr}
  .tdsh-giallo .tg-sub__panel{width:100%;top:auto;height:44%}
  .tdsh-giallo .tg-sub__panel.is-core{width:100%;height:calc(44% + 9px)}
  .tdsh-giallo .tg-sub .tg-display{font-size:22vw}
  .tdsh-giallo .tg-sub__glove{width:190px;order:2;justify-self:end;margin-right:20px}
  .tdsh-giallo .tg-sub__form form,.tdsh-giallo .tg-sub__form .wp-block-jetpack-subscriptions__form-elements{flex-direction:column!important;box-shadow:5px 5px 0 var(--tg-k)!important}
  .tdsh-giallo .tg-sub__form input[type=email]{border-right:3px solid var(--tg-k)!important;border-bottom:0!important}
}
