/* LeftcoastloveSF Designer Edition — Pacific zine system */
:root {
  --ink: #102c45;
  --ink-2: #3c5970;
  --night: #0b2236;
  --fog: #f5f1e8;
  --paper: #fffdf8;
  --white: #ffffff;
  --bridge: #f04f3d;
  --coral: #ff5b6f;
  --coral-dark: #c83836;
  --sun: #f7c948;
  --pacific: #0f9a9a;
  --bay: #19afa8;
  --bay-dark: #0a7d7a;
  --bay-pale: #def4f0;
  --violet: #7357d8;
  --lavender: #eee9ff;
  --line: rgba(16, 44, 69, .17);
  --soft-line: rgba(16, 44, 69, .10);
  --shadow: 7px 7px 0 var(--ink);
  --shadow-soft: 0 24px 65px rgba(16, 44, 69, .16);
  --radius: 22px;
  --radius-lg: 34px;
  --max: 1240px;
  --header-height: 74px;
}

html { scroll-padding-top: 112px; background: var(--fog); }
body {
  color: var(--ink);
  background:
    radial-gradient(circle at 8% 4%, rgba(247,201,72,.18), transparent 27rem),
    radial-gradient(circle at 92% 13%, rgba(15,154,154,.12), transparent 30rem),
    var(--fog);
  font-family: ui-rounded, "Avenir Next", Avenir, "Trebuchet MS", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 17px;
  line-height: 1.62;
}
body::before { height: 5px; background: linear-gradient(90deg,var(--bridge) 0 28%,var(--sun) 28% 50%,var(--pacific) 50% 76%,var(--violet) 76% 100%); }
.wrap { width: min(calc(100% - 40px), var(--max)); }
main { overflow: clip; }
h1,h2,h3 { font-family: ui-rounded, "Arial Black", "Avenir Next", Impact, sans-serif; font-weight: 900; letter-spacing: -.055em; }
h2 { font-size: clamp(2.25rem, 4.5vw, 4.4rem); }
h3 { letter-spacing: -.04em; }
.lead { color: var(--ink-2); }
a { text-underline-offset: 3px; }

/* Compact unified navigation */
.site-header {
  top: 0;
  border-bottom: 1px solid rgba(16,44,69,.12);
  background: rgba(245,241,232,.90);
  backdrop-filter: blur(18px) saturate(1.2);
  transition: box-shadow .2s ease, background .2s ease;
}
.site-header.is-scrolled { background: rgba(255,253,248,.96); box-shadow: 0 12px 34px rgba(16,44,69,.10); }
.header-inner { min-height: var(--header-height); gap: 18px; }
.brand { gap: 11px; }
.brand-mark {
  position: relative;
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  display: grid;
  place-items: start center;
  overflow: hidden;
  border: 2px solid var(--ink);
  border-radius: 48% 52% 44% 56%;
  background: var(--sun);
  box-shadow: 3px 3px 0 var(--ink);
  transform: rotate(-3deg);
}
.brand-heart { position: relative; z-index: 2; margin-top: 2px; color: var(--bridge); font-family: Arial,sans-serif; font-size: 1.35rem; line-height: 1; }
.brand-wave { position: absolute; left: -7px; right: -7px; bottom: -4px; height: 25px; border-radius: 50% 50% 0 0; background: var(--pacific); transform: rotate(-5deg); }
.brand-wave::after { content:""; position:absolute; left:0; right:0; top:5px; height:3px; background:rgba(255,255,255,.82); transform:rotate(3deg); }
.brand-copy { display: grid; gap: 3px; min-width: 0; }
.brand-name { font-size: clamp(1.2rem,2vw,1.58rem); letter-spacing: -.065em; }
.brand-name span { color: var(--bridge); }
.brand-sub { color: var(--ink-2); font-size: .57rem; font-weight: 850; letter-spacing: .09em; line-height: 1; text-transform: uppercase; white-space: nowrap; }
.header-actions { display:flex; align-items:center; gap:12px; margin-left:auto; }
.since-badge { padding:6px 9px; border:1px solid var(--ink); border-radius:999px; background:var(--sun); font-size:.64rem; font-weight:950; letter-spacing:.08em; text-transform:uppercase; transform:rotate(-2deg); }
.site-nav { margin-left:0; }
.nav-list { gap: 3px; padding: 5px; border: 1px solid rgba(16,44,69,.15); border-radius: 999px; background: rgba(255,255,255,.66); }
.nav-list a { min-height: 38px; padding: 8px 13px; border-radius: 999px; font-size: .79rem; letter-spacing: -.01em; }
.nav-list a:hover,.nav-list a:focus-visible { background: var(--paper); box-shadow: inset 0 0 0 1px var(--ink); }
.nav-list a[aria-current="page"] { background: var(--ink); color: white; }
.nav-list .nav-podcast { background: var(--pacific); color: white; }
.nav-list .nav-contact { background: var(--bridge); color: white; }
.nav-list .nav-podcast:hover,.nav-list .nav-podcast:focus-visible,.nav-list .nav-contact:hover,.nav-list .nav-contact:focus-visible { background:var(--sun); color:var(--ink); }
.nav-toggle { width:auto; min-width:88px; height:43px; gap:8px; padding:0 12px; border:2px solid var(--ink); border-radius:999px; background:var(--sun); box-shadow:3px 3px 0 var(--ink); }
.nav-toggle-icon { font-size:1.25rem; line-height:1; }
.nav-toggle-label { font-size:.72rem; text-transform:uppercase; letter-spacing:.06em; }

/* Shared labels and buttons */
.eyebrow,.kicker,.status {
  padding: 7px 11px;
  border: 1.5px solid var(--ink);
  box-shadow: 3px 3px 0 var(--ink);
  font-size: .67rem;
  letter-spacing: .095em;
}
.eyebrow::before { background:var(--bridge); }
.button {
  min-height: 48px;
  padding: 11px 17px;
  border: 2px solid var(--ink);
  border-radius: 999px;
  box-shadow: 4px 4px 0 var(--sun);
  font-size: .9rem;
}
.button.secondary { box-shadow:4px 4px 0 var(--pacific); }
.button.coral { background:var(--bridge); box-shadow:4px 4px 0 var(--sun); }
.button:hover,.button:focus-visible { transform: translate(-2px,-2px); box-shadow:7px 7px 0 var(--sun); }
.text-button { display:inline-flex; align-items:center; min-height:48px; padding:10px 2px; font-weight:900; }
.section { padding: clamp(64px,7.5vw,104px) 0; }
.section-paper { background: linear-gradient(rgba(16,44,69,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(16,44,69,.03) 1px,transparent 1px),var(--paper); background-size:32px 32px; }
.section-heading-v2 { margin-bottom:34px; align-items:end; }
.section-heading-v2 h2 { max-width:13ch; }

/* Home hero */
.lcl-hero { position:relative; padding:clamp(38px,5vw,72px) 0 0; background: radial-gradient(circle,rgba(16,44,69,.075) 1.25px,transparent 1.5px) 0 0/19px 19px,linear-gradient(135deg,rgba(255,255,255,.62),rgba(222,244,240,.45)); }
.lcl-hero-grid { display:grid; grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr); gap:clamp(36px,6vw,80px); align-items:center; padding-bottom:clamp(56px,7vw,90px); }
.lcl-hero-copy { position:relative; z-index:2; }
.home-title { position:relative; width:fit-content; margin:0 0 24px; font-size:clamp(4.2rem,8.7vw,8rem); line-height:.72; letter-spacing:-.085em; }
.home-title span { display:block; }
.title-left { color:var(--ink); font-size:.49em; letter-spacing:-.055em; text-shadow:3px 3px 0 white; }
.title-love { color:var(--bridge); font-size:1.05em; -webkit-text-stroke:2px var(--ink); paint-order:stroke fill; text-shadow:7px 7px 0 var(--sun); }
.title-sf { position:absolute; right:-.72em; bottom:-.08em; padding:.20em .27em .16em; border:3px solid var(--ink); border-radius:.18em; background:var(--pacific); color:white; box-shadow:5px 5px 0 var(--ink); font-size:.31em; letter-spacing:-.06em; transform:rotate(7deg); }
.hero-deck { max-width:620px; margin:0 0 13px; color:var(--ink); font-family:Georgia,"Times New Roman",serif; font-size:clamp(1.38rem,2.5vw,2rem); font-style:italic; line-height:1.22; }
.lcl-hero-copy .lead { max-width:640px; margin-bottom:24px; font-size:1.06rem; }
.hero-proof { display:flex; flex-wrap:wrap; gap:9px; margin-top:28px; }
.hero-proof span { display:flex; align-items:baseline; gap:6px; padding:8px 11px; border:1px solid var(--line); border-radius:999px; background:rgba(255,255,255,.68); color:var(--ink-2); font-size:.74rem; font-weight:800; }
.hero-proof strong { color:var(--ink); font-family:"Arial Black",sans-serif; font-size:1rem; }
.lcl-hero-stage { position:relative; min-height:540px; }
.hero-bridge { position:absolute; inset:22px 0 70px 44px; margin:0; overflow:hidden; border:3px solid var(--ink); border-radius:38% 12% 33% 9%/16% 26% 15% 24%; background:white; box-shadow:14px 14px 0 var(--sun),var(--shadow-soft); transform:rotate(1deg); }
.hero-bridge::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 60%,rgba(11,34,54,.25)); pointer-events:none; }
.hero-bridge img { width:100%; height:100%; object-fit:cover; object-position:center; }
.hero-polaroid { position:absolute; z-index:3; margin:0; padding:7px; border:2px solid var(--ink); border-radius:15px; background:white; box-shadow:6px 6px 0 var(--ink); }
.hero-polaroid img { width:100%; height:100%; border-radius:9px; object-fit:cover; }
.hero-polaroid-one { left:0; bottom:6px; width:37%; height:180px; transform:rotate(-6deg); }
.hero-polaroid-two { right:8px; bottom:0; width:32%; height:175px; transform:rotate(5deg); }
.hero-avatar { position:absolute; z-index:5; right:26%; top:0; width:112px; margin:0; padding:7px; border:2px solid var(--ink); border-radius:16px; background:white; box-shadow:5px 5px 0 var(--bridge); transform:rotate(7deg); }
.hero-avatar img { border-radius:10px; }
.hero-stamp { position:absolute; z-index:6; right:-8px; top:62px; padding:10px 13px; border:2px solid var(--ink); border-radius:9px; background:var(--bridge); color:white; box-shadow:5px 5px 0 var(--ink); font-size:.64rem; font-weight:900; letter-spacing:.08em; line-height:1.15; text-align:center; transform:rotate(6deg); }
.hero-stamp strong { color:var(--sun); font-size:.78rem; }
.hero-caption { position:absolute; z-index:4; left:29%; bottom:54px; padding:8px 11px; border:2px solid var(--ink); background:var(--sun); box-shadow:4px 4px 0 var(--ink); font-size:.65rem; font-weight:950; letter-spacing:.06em; text-transform:uppercase; transform:rotate(-2deg); }
.topic-rail { overflow:hidden; border-block:2px solid var(--ink); background:var(--night); color:white; }
.topic-rail > div { display:flex; width:max-content; gap:22px; align-items:center; padding:10px 0; animation:topicRail 26s linear infinite; font-size:.69rem; font-weight:950; letter-spacing:.17em; }
.topic-rail i { color:var(--bridge); font-style:normal; }
@keyframes topicRail { to { transform:translateX(-42%); } }

/* Reboot story */
.lcl-reboot { background:var(--paper); }
.reboot-v2-grid { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1fr); gap:clamp(40px,8vw,110px); align-items:start; }
.reboot-head { position:sticky; top:112px; }
.reboot-head h2 { max-width:12ch; margin-bottom:0; }
.reboot-head h2 span { color:var(--bridge); }
.reboot-story { max-width:730px; font-size:1.03rem; }
.reboot-story p:first-child::first-letter { float:left; margin:6px 9px 0 0; color:var(--bridge); font-family:"Arial Black",sans-serif; font-size:4.2rem; line-height:.68; }
.signoff-v2 { margin-top:26px; padding:20px 22px; border:2px solid var(--ink); border-radius:18px; background:var(--sun); box-shadow:6px 6px 0 var(--ink); }

/* Bento entry points */
.lcl-lanes { background:linear-gradient(135deg,#e7f6f3,#f7f1e8 55%,#fff3c4); border-block:1px solid var(--line); }
.bento-grid { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); grid-auto-rows:minmax(230px,auto); gap:18px; }
.bento-card { position:relative; display:grid; min-height:290px; overflow:hidden; border:2px solid var(--ink); border-radius:27px; background:white; box-shadow:7px 7px 0 var(--ink); color:var(--ink); text-decoration:none; transition:transform .2s ease,box-shadow .2s ease; }
.bento-card:hover,.bento-card:focus-visible { transform:translate(-4px,-4px); box-shadow:12px 12px 0 var(--ink); outline:none; }
.bento-card img { width:100%; height:100%; object-fit:cover; }
.bento-copy { position:relative; z-index:2; display:flex; flex-direction:column; padding:24px; }
.bento-number { position:absolute; right:18px; top:14px; color:rgba(16,44,69,.28); font-family:"Arial Black",sans-serif; font-size:2.3rem; }
.bento-label { width:fit-content; margin:0 0 auto; padding:5px 8px; border:1px solid var(--ink); border-radius:999px; background:var(--sun); font-size:.62rem; font-weight:950; letter-spacing:.1em; text-transform:uppercase; }
.bento-card h3 { margin:22px 0 10px; font-size:clamp(1.65rem,3vw,2.55rem); }
.bento-card p:not(.bento-label) { max-width:35ch; margin:0; color:var(--ink-2); }
.bento-link { margin-top:auto; padding-top:20px; font-size:.82rem; font-weight:950; }
.bento-reader { grid-column:span 7; grid-template-columns:minmax(0,1fr) 42%; background:#e3f6f3; }
.bento-classic { grid-column:span 5; grid-template-rows:1fr 44%; background:#fff0b7; }
.bento-classic img { order:-1; border-bottom:2px solid var(--ink); }
.bento-listen { grid-column:span 5; grid-template-columns:minmax(0,1fr) 43%; background:#eee8ff; }
.bento-listen img { border-left:2px solid var(--ink); }
.bento-family { grid-column:span 7; grid-template-columns:42% minmax(0,1fr); background:#ffe7dd; }
.bento-family img { order:-1; border-right:2px solid var(--ink); }

/* Archive preview */
.lcl-timewarp { background:var(--night); color:white; }
.lcl-timewarp .lead { color:rgba(255,255,255,.75); }
.timewarp-grid { display:grid; grid-template-columns:minmax(430px,.92fr) minmax(0,1fr); gap:clamp(50px,8vw,110px); align-items:center; }
.timewarp-collage { position:relative; min-height:570px; }
.timewarp-collage figure { position:absolute; margin:0; overflow:hidden; border:3px solid white; border-radius:18px; background:white; box-shadow:8px 8px 0 var(--bridge); }
.timewarp-collage img { width:100%; height:100%; object-fit:cover; }
.tw-one { left:0; top:20px; width:48%; height:44%; transform:rotate(-7deg); }
.tw-two { right:5%; top:0; width:43%; height:49%; transform:rotate(6deg); }
.tw-three { left:8%; bottom:20px; width:44%; height:45%; transform:rotate(4deg); }
.tw-four { right:0; bottom:0; width:46%; height:48%; transform:rotate(-5deg); }
.timewarp-arrow { position:absolute; z-index:5; left:31%; top:45%; padding:9px 13px; border:2px solid var(--ink); background:var(--sun); color:var(--ink); box-shadow:5px 5px 0 var(--bridge); font-family:"Arial Black",sans-serif; font-size:.78rem; transform:rotate(-3deg); }
.timewarp-copy h2 { max-width:11ch; color:white; font-size:clamp(3rem,6.5vw,6rem); }
.archive-big-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:28px 0; }
.archive-big-stats div { padding:16px; border:1px solid rgba(255,255,255,.22); border-radius:16px; background:rgba(255,255,255,.07); }
.archive-big-stats strong { display:block; color:var(--sun); font-family:"Arial Black",sans-serif; font-size:1.85rem; line-height:1; }
.archive-big-stats span { display:block; margin-top:6px; color:rgba(255,255,255,.72); font-size:.72rem; line-height:1.25; }
.lcl-timewarp .text-button { color:white; }

/* Project showcase */
.lcl-projects { background:var(--paper); }
.project-showcase { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.project-card { display:block; overflow:hidden; border:2px solid var(--ink); border-radius:25px; background:white; box-shadow:6px 6px 0 var(--sun); text-decoration:none; transition:transform .2s ease,box-shadow .2s ease; }
.project-card:hover,.project-card:focus-visible { transform:translate(-3px,-3px); box-shadow:10px 10px 0 var(--sun); outline:none; }
.project-card > img { width:100%; aspect-ratio:16/9; object-fit:cover; border-bottom:2px solid var(--ink); }
.project-card > div { padding:20px; }
.project-card span { color:var(--bridge); font-size:.66rem; font-weight:950; letter-spacing:.1em; text-transform:uppercase; }
.project-card h3 { margin:8px 0; font-size:1.55rem; }
.project-card p { margin:0 0 18px; color:var(--ink-2); font-size:.9rem; }
.project-card b { font-size:.82rem; }
.centered-action { display:flex; justify-content:center; margin-top:30px; }

/* Podcast */
.lcl-podcast-spotlight { background:var(--sun); border-block:2px solid var(--ink); }
.podcast-spotlight-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,.8fr); gap:clamp(40px,7vw,90px); align-items:center; padding:clamp(30px,5vw,58px); border:2px solid var(--ink); border-radius:34px; background:var(--paper); box-shadow:10px 10px 0 var(--pacific); }
.podcast-copy-v2 h2 { font-size:clamp(3.2rem,6vw,6rem); }
.podcast-art-v2 { margin:0; padding:10px; border:2px solid var(--ink); border-radius:23px; background:white; box-shadow:7px 7px 0 var(--bridge); transform:rotate(2deg); }
.podcast-art-v2 img { width:100%; border-radius:14px; }
.podcast-art-v2 figcaption { padding:10px 5px 2px; font-size:.72rem; font-weight:850; text-align:center; }

/* Life lately */
.life-lately { background:var(--paper); }
.life-heading { display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,.6fr); gap:34px; align-items:end; margin-bottom:30px; }
.life-heading h2 { margin-bottom:0; }
.life-heading > p { margin:0; color:var(--ink-2); }
.life-mosaic { display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); grid-auto-rows:115px; gap:9px; }
.life-mosaic figure { margin:0; overflow:hidden; border:2px solid var(--ink); border-radius:13px; background:var(--fog); }
.life-mosaic figure:nth-child(1),.life-mosaic figure:nth-child(6),.life-mosaic figure:nth-child(11) { grid-column:span 2; grid-row:span 2; }
.life-mosaic figure:nth-child(4),.life-mosaic figure:nth-child(9),.life-mosaic figure:nth-child(14) { grid-column:span 2; }
.life-mosaic figure:nth-child(3n+1) { transform:rotate(-.8deg); }
.life-mosaic figure:nth-child(4n) { transform:rotate(.8deg); }
.life-mosaic img { width:100%; height:100%; object-fit:cover; }

/* Directory page */
.directory-hero-v2 { padding:clamp(54px,7vw,94px) 0; background:linear-gradient(135deg,#fff6c8,#e3f6f3 55%,#eee8ff); border-bottom:2px solid var(--ink); }
.directory-hero-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(390px,.75fr); gap:clamp(44px,7vw,90px); align-items:center; }
.directory-hero-v2 h1 { max-width:11ch; margin-bottom:22px; font-size:clamp(3.5rem,7vw,6.8rem); line-height:.82; }
.directory-hero-v2 h1 span { color:var(--bridge); }
.directory-hero-stack { position:relative; min-height:440px; }
.directory-hero-stack figure { position:absolute; width:72%; margin:0; overflow:hidden; border:2px solid var(--ink); border-radius:19px; background:white; box-shadow:7px 7px 0 var(--ink); }
.directory-hero-stack figure:nth-child(1) { left:0; top:0; transform:rotate(-5deg); }
.directory-hero-stack figure:nth-child(2) { right:0; top:94px; transform:rotate(5deg); }
.directory-hero-stack figure:nth-child(3) { left:12%; bottom:0; transform:rotate(-1deg); }
.directory-hero-stack img { width:100%; aspect-ratio:16/9; object-fit:cover; }
.directory-hero-stack > span { position:absolute; z-index:5; right:4%; top:11px; padding:9px 12px; border:2px solid var(--ink); background:var(--bridge); color:white; box-shadow:4px 4px 0 var(--sun); font-family:"Arial Black",sans-serif; font-size:.75rem; line-height:1.05; text-align:center; transform:rotate(7deg); }
.directory-jumpbar { position:sticky; z-index:55; top:var(--header-height); border-bottom:1px solid var(--line); background:rgba(255,253,248,.94); backdrop-filter:blur(12px); }
.directory-jumpbar .wrap { display:flex; gap:6px; overflow-x:auto; padding-block:9px; scrollbar-width:none; }
.directory-jumpbar a { flex:0 0 auto; padding:8px 13px; border:1px solid var(--ink); border-radius:999px; background:white; font-size:.75rem; font-weight:900; text-decoration:none; }
.directory-jumpbar a:hover { background:var(--sun); }
.project-section { background:var(--paper); }
.project-section-tint { background:#e7f6f3; border-block:1px solid var(--line); }
.project-section-night { background:var(--night); color:white; }
.project-section-night .project-section-head > p { color:rgba(255,255,255,.72); }
.project-section-head { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,.55fr); gap:30px; align-items:end; margin-bottom:34px; }
.project-section-head > div { position:relative; padding-left:80px; }
.project-section-head > div > span { position:absolute; left:0; top:0; width:60px; height:60px; display:grid; place-items:center; border:2px solid var(--ink); border-radius:50%; background:var(--sun); color:var(--ink); box-shadow:4px 4px 0 var(--bridge); font-family:"Arial Black",sans-serif; transform:rotate(-5deg); }
.project-section-head h2 { margin:0; }
.project-section-head > p { margin:0; color:var(--ink-2); }
.website-grid-v2 { grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.website-grid-v2.two-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.project-card-v2 { min-height:0; border:2px solid var(--ink); border-radius:22px; box-shadow:6px 6px 0 var(--ink); }
.project-card-v2:hover,.project-card-v2:focus-visible { box-shadow:10px 10px 0 var(--ink); }
.website-thumb-v2 { position:relative; overflow:hidden; border-bottom:2px solid var(--ink); }
.website-thumb-v2 img { width:100%; aspect-ratio:16/9; object-fit:cover; transition:transform .35s ease; }
.project-card-v2:hover .website-thumb-v2 img { transform:scale(1.035); }
.website-thumb-v2 span { position:absolute; left:12px; bottom:12px; padding:6px 9px; border:1px solid var(--ink); border-radius:999px; background:var(--paper); color:var(--ink); font-size:.58rem; font-weight:950; letter-spacing:.08em; text-transform:uppercase; }
.project-card-v2 .website-copy { padding:19px; }
.project-card-v2 .website-copy h3 { margin-bottom:9px; font-size:1.43rem; }
.project-card-v2 .website-copy p { margin-bottom:18px; font-size:.88rem; }
.project-card-v2 .launch-link { padding:8px 11px; border:1.5px solid var(--ink); border-radius:999px; box-shadow:none; font-size:.75rem; }
.accent-teal .launch-link { background:#dff5f1; }
.accent-violet .launch-link { background:#ece6ff; }
.accent-sun .launch-link { background:#fff0ad; }
.accent-coral .launch-link { background:#ffe2dd; }
.accent-ink .launch-link { background:var(--ink); color:white; }
.guide-method-v2 { background:var(--sun); border-top:2px solid var(--ink); }
.guide-method-grid { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1fr); gap:clamp(40px,7vw,90px); align-items:start; }
.guide-method-grid h2 { font-size:clamp(3rem,6vw,6rem); }
.guide-method-grid ol { display:grid; gap:12px; margin:0; padding:0; list-style:none; counter-reset:method; }
.guide-method-grid li { counter-increment:method; display:grid; grid-template-columns:52px minmax(0,1fr); gap:14px; padding:18px; border:2px solid var(--ink); border-radius:18px; background:var(--paper); box-shadow:5px 5px 0 var(--ink); }
.guide-method-grid li::before { content:counter(method,decimal-leading-zero); width:46px; height:46px; display:grid; place-items:center; border-radius:50%; background:var(--pacific); color:white; font-family:"Arial Black",sans-serif; }
.guide-method-grid li strong,.guide-method-grid li span { grid-column:2; }
.guide-method-grid li strong { font-size:1.05rem; }
.guide-method-grid li span { color:var(--ink-2); font-size:.88rem; }

/* Classic home redesign */
.classic-home-v2 { background:var(--fog); }
.classic-hero-v2 { padding:clamp(45px,6vw,82px) 0 0; background:linear-gradient(135deg,#fff3bd,#f5f1e8 52%,#dff4f0); border-bottom:2px solid var(--ink); }
.classic-hero-v2-grid { display:grid; grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr); gap:clamp(40px,7vw,90px); align-items:center; padding-bottom:clamp(50px,7vw,85px); }
.classic-hero-copy-v2 h1 { margin:0 0 24px; font-size:clamp(4rem,7.5vw,7.4rem); line-height:.72; letter-spacing:-.085em; }
.classic-hero-copy-v2 h1 span,.classic-hero-copy-v2 h1 strong { display:block; }
.classic-hero-copy-v2 h1 span { color:var(--bridge); -webkit-text-stroke:2px var(--ink); paint-order:stroke fill; text-shadow:6px 6px 0 var(--sun); }
.classic-hero-copy-v2 h1 strong { margin-top:17px; color:var(--ink); font-size:.58em; white-space:nowrap; }
.classic-deck { margin:0 0 14px; font-family:Georgia,"Times New Roman",serif; font-size:clamp(1.3rem,2.4vw,1.9rem); font-style:italic; line-height:1.2; }
.classic-hero-copy-v2 > p:not(.eyebrow):not(.classic-deck) { max-width:690px; color:var(--ink-2); }
.classic-hero-art-v2 { position:relative; min-height:500px; }
.classic-hero-art-v2 figure { position:absolute; inset:20px 22px 45px 0; margin:0; overflow:hidden; border:3px solid var(--ink); border-radius:28px 80px 28px 80px; background:white; box-shadow:13px 13px 0 var(--bridge); transform:rotate(1deg); }
.classic-hero-art-v2 img { width:100%; height:100%; object-fit:cover; }
.classic-year-stamp { position:absolute; z-index:3; right:0; top:0; width:112px; min-height:156px; display:grid; place-items:center; padding:12px; border:3px solid var(--ink); border-radius:18px; background:var(--sun); box-shadow:6px 6px 0 var(--ink); font-family:"Arial Black",sans-serif; font-size:1.6rem; line-height:.75; text-align:center; transform:rotate(6deg); }
.classic-year-stamp i { font-family:Georgia,serif; font-size:.55em; font-weight:400; }
.classic-art-caption { position:absolute; left:10%; bottom:0; padding:8px 11px; border:2px solid var(--ink); background:var(--pacific); color:white; box-shadow:4px 4px 0 var(--ink); font-size:.66rem; font-weight:950; letter-spacing:.07em; text-transform:uppercase; transform:rotate(-2deg); }
.classic-era-rail { display:flex; gap:18px; justify-content:center; overflow:hidden; padding:10px 20px; background:var(--night); color:white; font-size:.65rem; font-weight:950; letter-spacing:.16em; white-space:nowrap; }
.classic-era-rail i { color:var(--bridge); font-style:normal; }
.classic-summary-v2 { padding:36px 0; background:var(--paper); border-bottom:1px solid var(--line); }
.classic-summary-grid { display:grid; grid-template-columns:repeat(3,minmax(0,.55fr)) minmax(300px,1.35fr); gap:14px; align-items:stretch; }
.classic-stat,.classic-honesty { padding:20px; border:1px solid var(--line); border-radius:18px; background:white; }
.classic-stat { display:flex; flex-direction:column; justify-content:center; min-height:150px; }
.classic-stat strong { color:var(--bridge); font-family:"Arial Black",sans-serif; font-size:clamp(2rem,4vw,3.6rem); line-height:1; }
.classic-stat span { margin-top:8px; color:var(--ink-2); font-size:.76rem; line-height:1.3; }
.classic-honesty { background:#e4f5f2; }
.classic-honesty .kicker { margin-bottom:10px; }
.classic-honesty p:last-of-type { margin:0 0 10px; font-size:.84rem; }
.classic-honesty a { font-size:.78rem; font-weight:950; }
.classic-timeline-section { padding-top:clamp(58px,7vw,92px); }
.archive-heading { margin-bottom:24px; }
.archive-control-deck { position:sticky; z-index:40; top:calc(var(--header-height) + 8px); margin-bottom:18px; padding:12px; border:1px solid var(--line); border-radius:20px; background:rgba(255,253,248,.94); box-shadow:0 14px 38px rgba(16,44,69,.12); backdrop-filter:blur(15px); }
.archive-toolbar { position:static; grid-template-columns:minmax(220px,1fr) minmax(175px,.38fr) auto auto; gap:9px; margin:0 0 10px; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
.archive-toolbar label { gap:5px; }
.archive-toolbar label span { font-size:.58rem; letter-spacing:.08em; }
.archive-toolbar input,.archive-toolbar select { min-height:43px; border:1.5px solid var(--ink); border-radius:12px; background:white; font-size:.83rem; }
.archive-clear,.archive-view { align-self:end; min-height:43px; padding:8px 13px; border:1.5px solid var(--ink); border-radius:12px; box-shadow:none; font-size:.72rem; font-weight:950; cursor:pointer; }
.archive-view { background:var(--pacific); color:white; }
.archive-clear { background:var(--sun); color:var(--ink); }
.archive-year-jumps { gap:5px; margin:0; padding:0; overflow-x:auto; scrollbar-width:none; }
.archive-year-jumps a { min-width:61px; padding:7px 10px; border:1px solid var(--ink); border-radius:999px; background:white; box-shadow:none; font-size:.7rem; }
.archive-year-jumps a:hover,.archive-year-jumps a[aria-current="true"] { background:var(--ink); color:white; }
.archive-results { margin:0 0 34px; padding-left:4px; color:var(--ink-2); font-size:.78rem; }
.classic-year { margin:0 0 86px; scroll-margin-top:190px; }
.classic-year-heading { position:relative; grid-template-columns:110px minmax(0,1fr); gap:22px; margin-bottom:24px; padding-bottom:14px; border-bottom:2px solid var(--ink); }
.classic-year-heading > span { width:96px; height:96px; border:2px solid var(--ink); background:var(--sun); box-shadow:6px 6px 0 var(--bridge); font-size:1.25rem; }
.classic-year-heading h2 { margin-bottom:1px; font-size:clamp(2.6rem,5vw,4.8rem); }
.classic-year-heading p { margin:0; font-size:.75rem; }
.classic-timeline-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:17px; counter-reset:none; }
[data-archive-list] { counter-reset:archiveEntry; }
.classic-timeline-card { position:relative; counter-increment:archiveEntry; display:flex; min-height:390px; flex-direction:column; grid-template-columns:1fr; overflow:hidden; border:1.5px solid var(--ink); border-radius:20px; background:white; box-shadow:5px 5px 0 var(--ink); transition:transform .18s ease,box-shadow .18s ease; }
.classic-timeline-card::before { content:counter(archiveEntry,decimal-leading-zero); position:absolute; z-index:5; right:10px; top:10px; min-width:34px; padding:5px 7px; border:1px solid var(--ink); border-radius:999px; background:var(--sun); color:var(--ink); font-family:"Arial Black",sans-serif; font-size:.56rem; text-align:center; }
.classic-timeline-card:hover { transform:translate(-3px,-3px); box-shadow:9px 9px 0 var(--ink); }
.timeline-card-media { height:150px; border-right:0; border-bottom:1.5px solid var(--ink); background:linear-gradient(135deg,#e3f6f3,#fff0b7); }
.timeline-card-media img { width:100%; height:100%; min-height:0; object-fit:cover; transition:transform .35s ease; }
.classic-timeline-card:hover .timeline-card-media img { transform:scale(1.035); }
.timeline-card-placeholder { width:100%; height:100%; display:grid; place-items:center; background:radial-gradient(circle,rgba(16,44,69,.09) 1px,transparent 1.5px) 0 0/14px 14px,linear-gradient(135deg,#e3f6f3,#fff0b7); color:var(--bridge); font-family:"Arial Black",sans-serif; font-size:2.1rem; letter-spacing:-.08em; }
.timeline-card-copy { display:flex; flex:1; flex-direction:column; padding:16px; }
.timeline-card-meta { gap:5px; margin-bottom:10px; }
.timeline-card-meta span { padding:4px 7px; border:1px solid var(--line); border-radius:999px; background:var(--fog); font-size:.55rem; }
.timeline-card-copy h3 { margin:0 0 9px; padding-right:32px; font-size:1.28rem; line-height:1.02; }
.timeline-card-copy > p:not(.timeline-card-meta) { display:-webkit-box; overflow:hidden; margin:0 0 16px; color:var(--ink-2); font-size:.79rem; line-height:1.43; -webkit-box-orient:vertical; -webkit-line-clamp:4; }
.timeline-card-footer { margin-top:auto; padding-top:12px; border-top:1px solid var(--soft-line); font-size:.62rem; }
.timeline-card-footer a { padding:6px 9px; border-radius:999px; background:var(--ink); color:white; text-decoration:none; }
.archive-list-view .classic-timeline-grid { grid-template-columns:1fr; gap:10px; }
.archive-list-view .classic-timeline-card { display:grid; min-height:132px; grid-template-columns:180px minmax(0,1fr); }
.archive-list-view .timeline-card-media { width:auto; height:auto; min-height:130px; border-right:1.5px solid var(--ink); border-bottom:0; }
.archive-list-view .timeline-card-copy { padding:14px 18px; }
.archive-list-view .timeline-card-copy > p:not(.timeline-card-meta) { -webkit-line-clamp:2; }
.archive-list-view .timeline-card-footer { padding-top:8px; }

/* Classic articles */
.classic-archive-page:not(.classic-home-v2) { background:linear-gradient(180deg,#fff2b8 0,#f5f1e8 360px,#f7f5f0 100%); }
.archive-article-page { padding:26px 0 82px; background:transparent; }
.archive-article-wrap { max-width:1160px; }
.archive-breadcrumbs { margin-bottom:14px; font-size:.75rem; }
.archive-article-header { position:relative; grid-template-columns:minmax(0,1fr) minmax(240px,380px); gap:34px; align-items:center; padding:clamp(26px,4vw,48px); border:2px solid var(--ink); border-radius:30px; background:var(--paper); box-shadow:9px 9px 0 var(--bridge); }
.archive-article-header::before { content:"CLASSIC LEFTCOASTLOVE"; position:absolute; right:22px; top:18px; color:rgba(16,44,69,.13); font-family:"Arial Black",sans-serif; font-size:.66rem; letter-spacing:.12em; }
.archive-issue { display:inline-flex; width:fit-content; margin:0 0 12px; padding:5px 8px; border:1px solid var(--ink); border-radius:999px; background:var(--pacific); color:white; font-size:.58rem; font-weight:950; letter-spacing:.08em; text-transform:uppercase; }
.archive-article-header .eyebrow { margin-bottom:17px; box-shadow:none; }
.archive-article-header h1 { max-width:16ch; margin-bottom:14px; font-size:clamp(2.8rem,6vw,5.9rem); line-height:.87; }
.archive-date { color:var(--bridge); font-size:1.02rem; }
.archive-article-thumb { border:2px solid var(--ink); border-radius:22px; box-shadow:6px 6px 0 var(--sun); transform:rotate(1deg); }
.archive-meta-strip { max-width:960px; margin:24px auto; padding:11px 15px; border:1.5px solid var(--ink); border-radius:999px; background:var(--night); color:white; box-shadow:none; font-size:.73rem; }
.archive-meta-strip a { color:var(--sun); }
.archive-original-copy { max-width:900px; padding:clamp(24px,5vw,58px); border:1px solid #d7d0c4; border-radius:22px; background:#fffefa; box-shadow:0 20px 58px rgba(16,44,69,.10); font-size:clamp(1rem,1.5vw,1.11rem); line-height:1.75; }
.archive-original-copy p { margin-bottom:1.15em; }
.archive-original-copy img { border-radius:8px; }
.archive-original-copy a { color:#0c6f77; }
.archive-original-copy a:hover { color:var(--bridge); }
.archive-survival-note,.archive-details { max-width:900px; }
.archive-details { border:1.5px solid var(--ink); border-radius:15px; }
.archive-pager { max-width:900px; gap:14px; }
.archive-pager a { min-height:100px; border:1.5px solid var(--ink); border-radius:17px; box-shadow:4px 4px 0 var(--ink); }
.archive-pager a:hover { background:var(--sun); transform:translate(-2px,-2px); box-shadow:7px 7px 0 var(--ink); }
.reading-progress { position:fixed; z-index:120; left:0; right:0; top:0; height:5px; pointer-events:none; }
.reading-progress span { display:block; width:100%; height:100%; background:linear-gradient(90deg,var(--bridge),var(--sun),var(--pacific)); transform:scaleX(0); transform-origin:left center; }

/* Site history and archive support pages */
.site-history-card { border:1.5px solid var(--ink); border-radius:20px; box-shadow:5px 5px 0 var(--ink); }
.site-history-open { border-radius:999px; }
.archive-note { border-width:1.5px; border-radius:18px; }

/* Footer */
.site-footer { position:relative; padding:72px 0 24px; border-top:0; background:var(--night); color:white; overflow:hidden; }
.footer-wave { position:absolute; left:-5%; right:-5%; top:-38px; height:78px; border-radius:50%; background:var(--fog); }
.footer-grid-v2 { grid-template-columns:minmax(0,.85fr) minmax(420px,1.15fr); gap:clamp(45px,7vw,90px); align-items:start; }
.footer-kicker { margin:0 0 12px; color:var(--sun); font-size:.66rem; font-weight:950; letter-spacing:.12em; text-transform:uppercase; }
.footer-brand h2 { margin-bottom:14px; color:white; font-size:clamp(2.8rem,5vw,5rem); line-height:.82; }
.footer-brand p:not(.footer-kicker) { max-width:520px; color:rgba(255,255,255,.65); }
.footer-mail { display:inline-flex; margin-top:16px; color:var(--sun); font-size:.82rem; font-weight:900; }
.footer-nav-groups { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.footer-nav-groups nav { display:grid; align-content:start; gap:8px; }
.footer-nav-groups h3 { margin:0 0 8px; color:var(--sun); font-size:.8rem; letter-spacing:.07em; text-transform:uppercase; }
.footer-nav-groups a { color:rgba(255,255,255,.78); font-size:.78rem; font-weight:800; text-decoration:none; }
.footer-nav-groups a:hover { color:white; text-decoration:underline; }
.footer-wordmark { margin-top:44px; color:rgba(255,255,255,.07); font-family:"Arial Black",sans-serif; font-size:clamp(3.8rem,10vw,9rem); font-weight:950; letter-spacing:-.08em; line-height:.8; white-space:nowrap; }
.footer-wordmark span { color:rgba(240,79,61,.17); }
.footer-bottom { margin-top:28px; }

/* Utility interactions */
.back-to-top { position:fixed; z-index:70; right:18px; bottom:18px; display:flex; align-items:center; gap:6px; padding:8px 11px; border:2px solid var(--ink); border-radius:999px; background:var(--sun); color:var(--ink); box-shadow:4px 4px 0 var(--ink); opacity:0; transform:translateY(16px); pointer-events:none; transition:opacity .2s ease,transform .2s ease; cursor:pointer; }
.back-to-top.show { opacity:1; transform:translateY(0); pointer-events:auto; }
.back-to-top span { font-size:1.15rem; }
.back-to-top b { font-size:.66rem; text-transform:uppercase; letter-spacing:.06em; }
.reveal { opacity:1; transform:none; }
.reveal.is-visible { animation:lcl-rise .55s cubic-bezier(.2,.7,.2,1) both; }
@keyframes lcl-rise { from { opacity:0; transform:translateY(20px); } to { opacity:1; transform:none; } }

@media (max-width: 1120px) {
  .since-badge { display:none; }
  .brand-sub { display:none; }
  .lcl-hero-grid,.classic-hero-v2-grid { grid-template-columns:minmax(0,.9fr) minmax(410px,1.1fr); }
  .classic-timeline-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .classic-summary-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .classic-honesty { grid-column:1/-1; }
  .website-grid-v2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width: 960px) {
  :root { --header-height:72px; }
  .nav-toggle { display:flex; align-items:center; justify-content:center; }
  .site-nav { position:relative; }
  .nav-list { position:absolute; top:calc(100% + 14px); right:0; width:min(360px,calc(100vw - 30px)); display:none; align-items:stretch; padding:10px; border:2px solid var(--ink); border-radius:20px; background:var(--paper); box-shadow:7px 7px 0 var(--ink); }
  .nav-list.open { display:grid; }
  .nav-list a { width:100%; min-height:44px; padding:11px 13px; border-radius:12px; font-size:.88rem; }
  body.nav-open { overflow:hidden; }
  .lcl-hero-grid,.reboot-v2-grid,.timewarp-grid,.podcast-spotlight-grid,.directory-hero-grid,.guide-method-grid,.classic-hero-v2-grid,.footer-grid-v2 { grid-template-columns:1fr; }
  .lcl-hero-stage { width:min(100%,690px); min-height:520px; margin:0 auto; }
  .reboot-head { position:static; }
  .bento-reader,.bento-classic,.bento-listen,.bento-family { grid-column:span 6; }
  .bento-reader,.bento-listen,.bento-family { grid-template-columns:1fr; grid-template-rows:1fr 42%; }
  .bento-reader img,.bento-listen img,.bento-family img { order:-1; border:0; border-bottom:2px solid var(--ink); }
  .timewarp-grid { gap:30px; }
  .timewarp-collage { width:min(100%,660px); margin:auto; }
  .project-showcase { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .project-card:last-child { grid-column:1/-1; width:min(100%,590px); justify-self:center; }
  .life-heading,.project-section-head { grid-template-columns:1fr; align-items:start; }
  .directory-hero-stack { width:min(100%,650px); margin:auto; }
  .classic-hero-art-v2 { width:min(100%,720px); margin:auto; }
  .archive-control-deck { position:static; }
  .archive-toolbar { grid-template-columns:1fr 1fr; }
  .archive-view,.archive-clear { align-self:end; }
  .archive-article-header { grid-template-columns:1fr; }
  .archive-article-thumb { max-width:520px; }
  .footer-nav-groups { grid-template-columns:repeat(3,minmax(0,1fr)); }
}

@media (max-width: 720px) {
  body { font-size:16px; }
  .wrap { width:min(calc(100% - 28px),var(--max)); }
  .header-inner { min-height:68px; }
  .brand-mark { width:41px; height:41px; flex-basis:41px; }
  .brand-name { font-size:1.14rem; }
  .nav-toggle { min-width:78px; height:40px; }
  .lcl-hero { padding-top:28px; }
  .lcl-hero-grid { gap:30px; padding-bottom:50px; }
  .home-title { font-size:clamp(3.7rem,20vw,5.7rem); }
  .title-sf { right:-.46em; bottom:-.12em; }
  .hero-deck { font-size:1.23rem; }
  .lcl-hero-stage { min-height:390px; }
  .hero-bridge { inset:14px 4px 70px 28px; border-radius:28px; box-shadow:8px 8px 0 var(--sun); }
  .hero-polaroid-one { width:39%; height:125px; }
  .hero-polaroid-two { width:35%; height:122px; }
  .hero-avatar { width:78px; right:23%; }
  .hero-stamp { right:0; top:45px; font-size:.52rem; }
  .hero-caption { left:20%; bottom:48px; font-size:.52rem; }
  .topic-rail > div { animation-duration:20s; }
  .section { padding:58px 0; }
  .bento-grid { grid-template-columns:1fr; grid-auto-rows:auto; }
  .bento-reader,.bento-classic,.bento-listen,.bento-family { grid-column:auto; min-height:0; grid-template-columns:1fr; grid-template-rows:180px auto; }
  .bento-copy { min-height:255px; }
  .timewarp-collage { min-height:430px; }
  .archive-big-stats { grid-template-columns:1fr 1fr; }
  .archive-big-stats div:last-child { grid-column:1/-1; }
  .project-showcase { grid-template-columns:1fr; }
  .project-card:last-child { grid-column:auto; width:auto; }
  .podcast-spotlight-grid { padding:24px; border-radius:24px; }
  .life-mosaic { grid-template-columns:repeat(4,minmax(0,1fr)); grid-auto-rows:88px; }
  .life-mosaic figure:nth-child(1),.life-mosaic figure:nth-child(6),.life-mosaic figure:nth-child(11),.life-mosaic figure:nth-child(4),.life-mosaic figure:nth-child(9),.life-mosaic figure:nth-child(14) { grid-column:span 2; }
  .directory-hero-v2 { padding:42px 0 56px; }
  .directory-hero-v2 h1 { font-size:clamp(3.1rem,16vw,5rem); }
  .directory-hero-stack { min-height:320px; }
  .project-section-head > div { padding-left:68px; }
  .project-section-head > div > span { width:52px; height:52px; }
  .website-grid-v2,.website-grid-v2.two-card-grid { grid-template-columns:1fr; }
  .classic-hero-v2 { padding-top:38px; }
  .classic-hero-copy-v2 h1 { font-size:clamp(3.5rem,17vw,5.4rem); }
  .classic-hero-copy-v2 h1 strong { white-space:normal; }
  .classic-hero-art-v2 { min-height:350px; }
  .classic-year-stamp { width:86px; min-height:125px; font-size:1.25rem; }
  .classic-summary-grid { grid-template-columns:1fr 1fr; }
  .classic-stat:nth-child(3) { grid-column:1/-1; }
  .archive-toolbar { grid-template-columns:1fr; }
  .archive-view,.archive-clear { width:100%; }
  .classic-timeline-grid { grid-template-columns:1fr; }
  .classic-year { margin-bottom:68px; }
  .classic-year-heading { grid-template-columns:74px minmax(0,1fr); }
  .classic-year-heading > span { width:68px; height:68px; font-size:.86rem; box-shadow:4px 4px 0 var(--bridge); }
  .classic-timeline-card { min-height:0; }
  .timeline-card-media { height:170px; }
  .archive-list-view .classic-timeline-card { grid-template-columns:112px minmax(0,1fr); min-height:120px; }
  .archive-list-view .timeline-card-media { min-height:118px; }
  .archive-list-view .timeline-card-copy > p:not(.timeline-card-meta) { display:none; }
  .archive-list-view .timeline-card-footer span { display:none; }
  .archive-article-page { padding-top:16px; }
  .archive-article-header { padding:22px; border-radius:21px; box-shadow:6px 6px 0 var(--bridge); }
  .archive-article-header::before { display:none; }
  .archive-article-header h1 { font-size:clamp(2.55rem,14vw,4.4rem); }
  .archive-meta-strip { border-radius:17px; }
  .archive-meta-strip a { width:100%; margin-left:0; }
  .archive-original-copy { padding:22px 16px; }
  .footer-nav-groups { grid-template-columns:1fr 1fr; }
  .footer-nav-groups nav:last-child { grid-column:1/-1; }
  .footer-wordmark { font-size:15vw; }
  .back-to-top b { display:none; }
}

@media (max-width: 440px) {
  .brand-name { font-size:1.03rem; }
  .nav-toggle-label { display:none; }
  .nav-toggle { min-width:43px; width:43px; padding:0; }
  .button-row { gap:9px; }
  .button { width:100%; }
  .hero-proof { display:grid; grid-template-columns:1fr; }
  .lcl-hero-stage { min-height:330px; }
  .hero-bridge { inset:10px 2px 62px 18px; }
  .hero-polaroid-one { height:105px; }
  .hero-polaroid-two { height:103px; }
  .hero-caption { display:none; }
  .timewarp-collage { min-height:360px; }
  .archive-big-stats { grid-template-columns:1fr; }
  .archive-big-stats div:last-child { grid-column:auto; }
  .life-mosaic { grid-template-columns:repeat(3,minmax(0,1fr)); grid-auto-rows:82px; }
  .life-mosaic figure:nth-child(1),.life-mosaic figure:nth-child(6),.life-mosaic figure:nth-child(11),.life-mosaic figure:nth-child(4),.life-mosaic figure:nth-child(9),.life-mosaic figure:nth-child(14) { grid-column:span 1; }
  .classic-summary-grid { grid-template-columns:1fr; }
  .classic-stat:nth-child(3) { grid-column:auto; }
  .archive-list-view .classic-timeline-card { grid-template-columns:1fr; }
  .archive-list-view .timeline-card-media { height:120px; border-right:0; border-bottom:1.5px solid var(--ink); }
  .footer-nav-groups { grid-template-columns:1fr; }
  .footer-nav-groups nav:last-child { grid-column:auto; }
}

@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { scroll-behavior:auto !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
  .reveal { opacity:1; transform:none; }
}


/* FINAL ARCHIVE DENSITY OVERRIDES */
.classic-home-v2 .timeline-card-media { min-height:0; height:150px; flex:0 0 150px; }
.classic-home-v2 .timeline-card-media img,.classic-home-v2 .timeline-card-placeholder { min-height:0; height:100%; }
.archive-list-view.classic-home-v2 .timeline-card-media { min-height:130px; height:auto; flex:auto; }
@media (max-width:720px) {
  .classic-home-v2 .timeline-card-media { min-height:0; height:170px; flex-basis:170px; }
  .archive-list-view.classic-home-v2 .timeline-card-media { min-height:118px; height:auto; flex:auto; }
}
@media (max-width:440px) {
  .archive-list-view.classic-home-v2 .timeline-card-media { min-height:0; height:120px; }
}

/* Classic archive self-awareness advisories — July 2026 */
.classic-advisory-legend {
  display:grid;
  grid-template-columns:minmax(250px,.78fr) minmax(0,1.22fr);
  gap:22px;
  align-items:center;
  margin:0 0 24px;
  padding:20px 22px;
  border:2px solid var(--ink);
  border-radius:22px;
  background:linear-gradient(135deg,#fff4c9 0 34%,#fffdf8 34% 66%,#e4f5f2 66% 100%);
  box-shadow:6px 6px 0 var(--ink);
}
.classic-advisory-legend .kicker { width:fit-content; margin-bottom:10px; background:var(--paper); }
.classic-advisory-legend h3 { margin:0 0 7px; font-size:clamp(1.45rem,2.5vw,2.3rem); line-height:1; }
.classic-advisory-legend p { margin:0; color:var(--ink-2); font-size:.84rem; line-height:1.5; }
.archive-advisory-key { display:grid; gap:8px; }
.archive-advisory-key span { display:grid; grid-template-columns:auto minmax(0,1fr); gap:9px; align-items:center; font-size:.75rem; line-height:1.25; }
.archive-advisory-key b { display:inline-flex; justify-content:center; min-width:126px; padding:6px 9px; border:1.5px solid var(--ink); border-radius:999px; background:var(--paper); box-shadow:2px 2px 0 var(--ink); font-size:.61rem; letter-spacing:.05em; text-transform:uppercase; }
.archive-advisory-key .key-tmi b { background:#fff0b7; }
.archive-advisory-key .key-emo b { background:var(--lavender); }
.archive-advisory-key .key-vintage b { background:var(--bay-pale); }

.timeline-advisory-tag {
  display:inline-flex;
  align-self:flex-start;
  width:fit-content;
  margin:-1px 0 9px;
  padding:4px 7px;
  border:1px solid var(--ink);
  border-radius:999px;
  color:var(--ink);
  font-size:.55rem;
  font-weight:950;
  letter-spacing:.055em;
  line-height:1;
  text-transform:uppercase;
}
.timeline-advisory-tag--overshare { background:#fff0b7; }
.timeline-advisory-tag--emo { background:var(--lavender); }
.timeline-advisory-tag--vintage { background:var(--bay-pale); }
.archive-list-view .timeline-advisory-tag { margin-bottom:6px; }

.archive-advisory {
  position:relative;
  max-width:900px;
  display:grid;
  grid-template-columns:86px minmax(0,1fr);
  gap:18px;
  align-items:center;
  margin:24px auto 30px;
  padding:18px 21px;
  overflow:hidden;
  border:2px solid var(--ink);
  border-radius:21px;
  box-shadow:6px 6px 0 var(--ink);
}
.archive-advisory::after {
  content:"";
  position:absolute;
  right:-35px;
  bottom:-48px;
  width:125px;
  height:125px;
  border:18px solid rgba(16,44,69,.055);
  border-radius:50%;
  pointer-events:none;
}
.archive-advisory--overshare { background:#fff0b7; }
.archive-advisory--emo { background:var(--lavender); }
.archive-advisory--vintage { background:var(--bay-pale); }
.archive-advisory-stamp {
  position:relative;
  z-index:1;
  width:74px;
  height:74px;
  display:grid;
  place-items:center;
  border:2px solid var(--ink);
  border-radius:50%;
  background:var(--paper);
  box-shadow:4px 4px 0 var(--ink);
  font-family:"Arial Black",ui-rounded,sans-serif;
  font-size:.85rem;
  letter-spacing:-.03em;
  transform:rotate(-5deg);
}
.archive-advisory--overshare .archive-advisory-stamp { color:var(--bridge); }
.archive-advisory--emo .archive-advisory-stamp { color:var(--violet); }
.archive-advisory--vintage .archive-advisory-stamp { color:var(--bay-dark); }
.archive-advisory-copy { position:relative; z-index:1; }
.archive-advisory-kicker { margin:0 0 4px; font-size:.61rem; font-weight:950; letter-spacing:.08em; text-transform:uppercase; }
.archive-advisory h2 { margin:0 0 6px; font-size:clamp(1.38rem,2.8vw,2.15rem); line-height:1; letter-spacing:-.045em; }
.archive-advisory p:last-child { margin:0; color:var(--ink-2); font-size:.86rem; line-height:1.48; }

@media (max-width: 700px) {
  .classic-advisory-legend { grid-template-columns:1fr; gap:14px; padding:17px; }
  .archive-advisory-key span { grid-template-columns:1fr; gap:4px; }
  .archive-advisory-key b { justify-content:flex-start; min-width:0; width:fit-content; }
  .archive-advisory { grid-template-columns:58px minmax(0,1fr); gap:12px; margin:20px auto 25px; padding:16px 14px; border-radius:18px; box-shadow:4px 4px 0 var(--ink); }
  .archive-advisory-stamp { width:52px; height:52px; box-shadow:3px 3px 0 var(--ink); font-size:.68rem; }
  .archive-advisory h2 { font-size:1.35rem; }
  .archive-advisory p:last-child { font-size:.8rem; }
}

/* Classic timeline compact checkerboard cards — July 2026 */
/*
   The timeline now reads as a dense set of horizontal tiles instead of tall,
   mostly-empty posters. JavaScript assigns .is-checker-reverse to visible
   cards so the image position alternates like a checkerboard after filtering.
*/
body.classic-home-v2 .classic-timeline-card[hidden] {
  display:none !important;
}

body.classic-home-v2:not(.archive-list-view) .classic-timeline-grid {
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:13px;
  align-items:start;
}

body.classic-home-v2:not(.archive-list-view) .classic-timeline-card {
  display:grid;
  grid-template-columns:136px minmax(0,1fr);
  min-height:148px;
  height:auto;
  align-items:stretch;
  overflow:hidden;
  border-radius:16px;
  background:var(--paper);
  box-shadow:4px 4px 0 var(--ink);
}

body.classic-home-v2:not(.archive-list-view) .classic-timeline-card::before {
  display:none;
}

body.classic-home-v2:not(.archive-list-view) .classic-timeline-card:hover {
  transform:translate(-2px,-2px);
  box-shadow:7px 7px 0 var(--ink);
}

body.classic-home-v2:not(.archive-list-view) .timeline-card-media {
  grid-column:1;
  grid-row:1;
  width:auto;
  height:auto;
  min-height:100%;
  flex:none;
  display:grid;
  place-items:center;
  padding:8px;
  overflow:hidden;
  border-right:1.5px solid var(--ink);
  border-bottom:0;
  background:#e4f5f2;
  color:var(--bridge);
  text-decoration:none;
}

body.classic-home-v2:not(.archive-list-view) .timeline-card-media img {
  width:100%;
  height:100%;
  min-height:0;
  max-height:none;
  display:block;
  object-fit:contain;
  object-position:center;
  border-radius:8px;
  background:#fff;
  box-shadow:0 0 0 1px rgba(16,44,69,.14);
  transform:none;
}

body.classic-home-v2:not(.archive-list-view) .classic-timeline-card:hover .timeline-card-media img {
  transform:none;
}

body.classic-home-v2:not(.archive-list-view) .timeline-card-placeholder {
  width:100%;
  height:100%;
  min-height:0;
  border-radius:8px;
  background:
    linear-gradient(90deg,rgba(255,255,255,.24) 50%,transparent 50%) 0 0/24px 24px,
    linear-gradient(rgba(255,255,255,.24) 50%,transparent 50%) 0 0/24px 24px,
    linear-gradient(135deg,#cfeee9,#fff0b7);
  font-size:1.55rem;
}

body.classic-home-v2:not(.archive-list-view) .timeline-card-copy {
  grid-column:2;
  grid-row:1;
  min-width:0;
  min-height:148px;
  padding:11px 12px 10px;
  background:#fffdf8;
}

body.classic-home-v2:not(.archive-list-view) .timeline-card-meta {
  min-width:0;
  flex-wrap:nowrap;
  gap:4px;
  margin:0 0 6px;
  overflow:hidden;
}

body.classic-home-v2:not(.archive-list-view) .timeline-card-meta span {
  min-width:0;
  max-width:62%;
  padding:3px 5px;
  overflow:hidden;
  font-size:.49rem;
  line-height:1.15;
  text-overflow:ellipsis;
  white-space:nowrap;
}

body.classic-home-v2:not(.archive-list-view) .timeline-card-meta span:last-child {
  max-width:42%;
}

body.classic-home-v2:not(.archive-list-view) .timeline-advisory-tag {
  margin:0 0 5px;
  padding:3px 5px;
  font-size:.48rem;
}

body.classic-home-v2:not(.archive-list-view) .timeline-card-copy h3 {
  display:-webkit-box;
  overflow:hidden;
  margin:0 0 5px;
  padding:0;
  font-size:1.03rem;
  line-height:1.06;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

body.classic-home-v2:not(.archive-list-view) .timeline-card-copy > p:not(.timeline-card-meta) {
  display:-webkit-box;
  overflow:hidden;
  margin:0 0 8px;
  color:var(--ink-2);
  font-size:.71rem;
  line-height:1.33;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

body.classic-home-v2:not(.archive-list-view) .timeline-card-footer {
  flex-wrap:nowrap;
  gap:5px 8px;
  margin-top:auto;
  padding-top:6px;
  overflow:hidden;
  font-size:.52rem;
  white-space:nowrap;
}

body.classic-home-v2:not(.archive-list-view) .timeline-card-footer a {
  flex:0 0 auto;
  margin-left:auto;
  padding:5px 7px;
}

body.classic-home-v2:not(.archive-list-view) .classic-timeline-card.is-checker-reverse {
  grid-template-columns:minmax(0,1fr) 136px;
  background:#eef8f6;
}

body.classic-home-v2:not(.archive-list-view) .classic-timeline-card.is-checker-reverse .timeline-card-media {
  grid-column:2;
  border-right:0;
  border-left:1.5px solid var(--ink);
  background:#fff0b7;
}

body.classic-home-v2:not(.archive-list-view) .classic-timeline-card.is-checker-reverse .timeline-card-copy {
  grid-column:1;
  background:#eef8f6;
}

@media (max-width:1180px) {
  body.classic-home-v2:not(.archive-list-view) .classic-timeline-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body.classic-home-v2:not(.archive-list-view) .classic-timeline-card {
    grid-template-columns:132px minmax(0,1fr);
  }
  body.classic-home-v2:not(.archive-list-view) .classic-timeline-card.is-checker-reverse {
    grid-template-columns:minmax(0,1fr) 132px;
  }
}

@media (max-width:820px) {
  body.classic-home-v2:not(.archive-list-view) .classic-timeline-grid {
    grid-template-columns:1fr;
    gap:11px;
  }
  body.classic-home-v2:not(.archive-list-view) .classic-timeline-card {
    grid-template-columns:124px minmax(0,1fr);
    min-height:136px;
  }
  body.classic-home-v2:not(.archive-list-view) .classic-timeline-card.is-checker-reverse {
    grid-template-columns:minmax(0,1fr) 124px;
  }
  body.classic-home-v2:not(.archive-list-view) .timeline-card-copy {
    min-height:136px;
  }
}

@media (max-width:480px) {
  body.classic-home-v2:not(.archive-list-view) .classic-timeline-card {
    grid-template-columns:98px minmax(0,1fr);
    min-height:116px;
    border-radius:14px;
    box-shadow:3px 3px 0 var(--ink);
  }
  body.classic-home-v2:not(.archive-list-view) .classic-timeline-card.is-checker-reverse {
    grid-template-columns:minmax(0,1fr) 98px;
  }
  body.classic-home-v2:not(.archive-list-view) .timeline-card-media {
    padding:5px;
  }
  body.classic-home-v2:not(.archive-list-view) .timeline-card-copy {
    min-height:116px;
    padding:9px 9px 8px;
  }
  body.classic-home-v2:not(.archive-list-view) .timeline-card-meta {
    margin-bottom:5px;
  }
  body.classic-home-v2:not(.archive-list-view) .timeline-card-meta span {
    max-width:100%;
    font-size:.46rem;
  }
  body.classic-home-v2:not(.archive-list-view) .timeline-card-meta span:last-child {
    display:none;
  }
  body.classic-home-v2:not(.archive-list-view) .timeline-card-copy h3 {
    margin-bottom:4px;
    font-size:.94rem;
  }
  body.classic-home-v2:not(.archive-list-view) .timeline-card-copy > p:not(.timeline-card-meta) {
    display:none;
  }
  body.classic-home-v2:not(.archive-list-view) .timeline-advisory-tag {
    margin-bottom:4px;
    font-size:.44rem;
  }
  body.classic-home-v2:not(.archive-list-view) .timeline-card-footer {
    padding-top:5px;
  }
  body.classic-home-v2:not(.archive-list-view) .timeline-card-footer span {
    display:none;
  }
}

/* Classic archive — compact Jeff-style card wall, July 2026 */
/* Always use the visual card wall. This intentionally overrides any saved list-view state. */
body.classic-home-v2 .archive-view { display:none !important; }
body.classic-home-v2 .classic-timeline-grid,
body.classic-home-v2.archive-list-view .classic-timeline-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  align-items:stretch;
}
body.classic-home-v2 .classic-timeline-card,
body.classic-home-v2.archive-list-view .classic-timeline-card,
body.classic-home-v2 .classic-timeline-card.is-checker-reverse,
body.classic-home-v2.archive-list-view .classic-timeline-card.is-checker-reverse {
  display:flex;
  flex-direction:column;
  min-width:0;
  min-height:0;
  height:100%;
  overflow:hidden;
  border:2px solid var(--ink);
  border-radius:18px;
  background:#fffdf8;
  box-shadow:5px 5px 0 var(--ink);
  transform:none;
}
body.classic-home-v2 .classic-timeline-card:nth-child(4n+2),
body.classic-home-v2.archive-list-view .classic-timeline-card:nth-child(4n+2) { background:#e9f8f5; }
body.classic-home-v2 .classic-timeline-card:nth-child(4n+3),
body.classic-home-v2.archive-list-view .classic-timeline-card:nth-child(4n+3) { background:#fff2b8; }
body.classic-home-v2 .classic-timeline-card:nth-child(4n),
body.classic-home-v2.archive-list-view .classic-timeline-card:nth-child(4n) { background:#fff0ec; }
body.classic-home-v2 .classic-timeline-card:hover,
body.classic-home-v2.archive-list-view .classic-timeline-card:hover {
  transform:translate(-3px,-3px) rotate(-.15deg);
  box-shadow:9px 9px 0 var(--ink);
}
body.classic-home-v2 .classic-timeline-card::before,
body.classic-home-v2.archive-list-view .classic-timeline-card::before { display:none; }
body.classic-home-v2 .timeline-card-media,
body.classic-home-v2.archive-list-view .timeline-card-media,
body.classic-home-v2 .classic-timeline-card.is-checker-reverse .timeline-card-media,
body.classic-home-v2.archive-list-view .classic-timeline-card.is-checker-reverse .timeline-card-media {
  order:0;
  display:grid;
  place-items:center;
  width:100%;
  height:142px;
  min-height:142px;
  padding:9px;
  overflow:hidden;
  border:0;
  border-bottom:2px solid var(--ink);
  background:linear-gradient(135deg,#dff5f1 0 50%,#fff0b7 50% 100%);
  text-decoration:none;
}
body.classic-home-v2 .timeline-card-media img,
body.classic-home-v2.archive-list-view .timeline-card-media img {
  display:block;
  width:100%;
  height:100%;
  min-height:0;
  max-height:124px;
  object-fit:contain;
  object-position:center;
  border-radius:9px;
  background:#fff;
  box-shadow:0 0 0 1px rgba(16,44,69,.18);
  transform:none !important;
}
body.classic-home-v2 .timeline-card-placeholder,
body.classic-home-v2.archive-list-view .timeline-card-placeholder {
  width:100%;
  height:100%;
  min-height:0;
  border-radius:9px;
  background:
    linear-gradient(90deg,rgba(255,255,255,.28) 50%,transparent 50%) 0 0/22px 22px,
    linear-gradient(rgba(255,255,255,.28) 50%,transparent 50%) 0 0/22px 22px,
    linear-gradient(135deg,#ccece6,#ffe786);
  color:var(--bridge);
  font-size:1.7rem;
}
body.classic-home-v2 .timeline-card-copy,
body.classic-home-v2.archive-list-view .timeline-card-copy,
body.classic-home-v2 .classic-timeline-card.is-checker-reverse .timeline-card-copy,
body.classic-home-v2.archive-list-view .classic-timeline-card.is-checker-reverse .timeline-card-copy {
  order:1;
  display:flex;
  flex:1;
  flex-direction:column;
  min-width:0;
  min-height:0;
  padding:13px 14px 12px;
  background:transparent;
}
body.classic-home-v2 .timeline-card-meta,
body.classic-home-v2.archive-list-view .timeline-card-meta {
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin:0 0 7px;
  overflow:visible;
}
body.classic-home-v2 .timeline-card-meta span,
body.classic-home-v2.archive-list-view .timeline-card-meta span {
  max-width:100%;
  padding:4px 7px;
  overflow:hidden;
  border:1px solid rgba(16,44,69,.28);
  border-radius:999px;
  background:rgba(255,255,255,.76);
  font-size:.52rem;
  line-height:1.1;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.classic-home-v2 .timeline-advisory-tag,
body.classic-home-v2.archive-list-view .timeline-advisory-tag {
  width:fit-content;
  margin:0 0 6px;
  padding:4px 7px;
  font-size:.5rem;
}
body.classic-home-v2 .timeline-card-copy h3,
body.classic-home-v2.archive-list-view .timeline-card-copy h3 {
  display:-webkit-box;
  overflow:hidden;
  margin:0 0 7px;
  padding:0;
  font-size:1.08rem;
  line-height:1.05;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
body.classic-home-v2 .timeline-card-copy > p:not(.timeline-card-meta),
body.classic-home-v2.archive-list-view .timeline-card-copy > p:not(.timeline-card-meta) {
  display:-webkit-box;
  overflow:hidden;
  margin:0 0 10px;
  color:var(--ink-2);
  font-size:.72rem;
  line-height:1.36;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}
body.classic-home-v2 .timeline-card-footer,
body.classic-home-v2.archive-list-view .timeline-card-footer {
  display:flex;
  flex-wrap:wrap;
  gap:5px 8px;
  margin-top:auto;
  padding-top:9px;
  border-top:1px solid rgba(16,44,69,.16);
  overflow:visible;
  font-size:.54rem;
  white-space:normal;
}
body.classic-home-v2 .timeline-card-footer a,
body.classic-home-v2.archive-list-view .timeline-card-footer a {
  margin-left:auto;
  padding:6px 9px;
  border:1px solid var(--ink);
  border-radius:999px;
  background:var(--ink);
  color:#fff;
  font-weight:800;
}
@media (max-width:1200px) {
  body.classic-home-v2 .classic-timeline-grid,
  body.classic-home-v2.archive-list-view .classic-timeline-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:860px) {
  body.classic-home-v2 .classic-timeline-grid,
  body.classic-home-v2.archive-list-view .classic-timeline-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
  body.classic-home-v2 .timeline-card-media,
  body.classic-home-v2.archive-list-view .timeline-card-media { height:132px; min-height:132px; }
}
@media (max-width:560px) {
  body.classic-home-v2 .classic-timeline-grid,
  body.classic-home-v2.archive-list-view .classic-timeline-grid { grid-template-columns:1fr; gap:13px; }
  body.classic-home-v2 .classic-timeline-card,
  body.classic-home-v2.archive-list-view .classic-timeline-card { display:grid; grid-template-columns:112px minmax(0,1fr); min-height:130px; }
  body.classic-home-v2 .timeline-card-media,
  body.classic-home-v2.archive-list-view .timeline-card-media { width:auto; height:auto; min-height:130px; padding:6px; border-right:2px solid var(--ink); border-bottom:0; }
  body.classic-home-v2 .timeline-card-media img,
  body.classic-home-v2.archive-list-view .timeline-card-media img { max-height:116px; }
  body.classic-home-v2 .timeline-card-copy,
  body.classic-home-v2.archive-list-view .timeline-card-copy { padding:10px 11px 9px; }
  body.classic-home-v2 .timeline-card-copy > p:not(.timeline-card-meta),
  body.classic-home-v2.archive-list-view .timeline-card-copy > p:not(.timeline-card-meta) { -webkit-line-clamp:2; font-size:.68rem; }
  body.classic-home-v2 .timeline-card-footer span,
  body.classic-home-v2.archive-list-view .timeline-card-footer span { display:none; }
}

/* Classic archive — normalized card geometry + avatar fallback, July 2026 */
body.classic-home-v2 .classic-timeline-card,
body.classic-home-v2.archive-list-view .classic-timeline-card,
body.classic-home-v2 .classic-timeline-card.is-checker-reverse,
body.classic-home-v2.archive-list-view .classic-timeline-card.is-checker-reverse {
  height:340px;
  min-height:340px;
  max-height:340px;
}
body.classic-home-v2 .timeline-card-copy,
body.classic-home-v2.archive-list-view .timeline-card-copy {
  overflow:hidden;
}
body.classic-home-v2 .timeline-card-media img.is-avatar-fallback,
body.classic-home-v2.archive-list-view .timeline-card-media img.is-avatar-fallback {
  width:auto;
  max-width:100%;
  height:100%;
  max-height:124px;
  object-fit:contain;
  border-radius:9px;
  background:transparent;
  box-shadow:none;
}
@media (max-width:860px) and (min-width:561px) {
  body.classic-home-v2 .classic-timeline-card,
  body.classic-home-v2.archive-list-view .classic-timeline-card,
  body.classic-home-v2 .classic-timeline-card.is-checker-reverse,
  body.classic-home-v2.archive-list-view .classic-timeline-card.is-checker-reverse {
    height:326px;
    min-height:326px;
    max-height:326px;
  }
}
@media (max-width:560px) {
  body.classic-home-v2 .classic-timeline-card,
  body.classic-home-v2.archive-list-view .classic-timeline-card,
  body.classic-home-v2 .classic-timeline-card.is-checker-reverse,
  body.classic-home-v2.archive-list-view .classic-timeline-card.is-checker-reverse {
    height:148px;
    min-height:148px;
    max-height:148px;
  }
  body.classic-home-v2 .timeline-card-media,
  body.classic-home-v2.archive-list-view .timeline-card-media {
    height:148px;
    min-height:148px;
    max-height:148px;
  }
  body.classic-home-v2 .timeline-card-media img.is-avatar-fallback,
  body.classic-home-v2.archive-list-view .timeline-card-media img.is-avatar-fallback {
    max-height:134px;
  }
  body.classic-home-v2 .timeline-card-copy > p:not(.timeline-card-meta),
  body.classic-home-v2.archive-list-view .timeline-card-copy > p:not(.timeline-card-meta) {
    display:none;
  }
  body.classic-home-v2 .timeline-card-footer,
  body.classic-home-v2.archive-list-view .timeline-card-footer {
    padding-top:6px;
  }
}

/* Classic archive — definitive one-size card lock, July 2026 */
body.classic-home-v2 .classic-timeline-grid,
body.classic-home-v2.archive-list-view .classic-timeline-grid {
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  grid-auto-rows:340px !important;
  align-items:stretch !important;
  gap:18px !important;
}
body.classic-home-v2 .classic-timeline-grid > .classic-timeline-card,
body.classic-home-v2.archive-list-view .classic-timeline-grid > .classic-timeline-card,
body.classic-home-v2 .classic-timeline-grid > .classic-timeline-card.is-checker-reverse,
body.classic-home-v2.archive-list-view .classic-timeline-grid > .classic-timeline-card.is-checker-reverse {
  display:flex !important;
  flex-direction:column !important;
  grid-template-columns:none !important;
  width:100% !important;
  height:340px !important;
  min-height:340px !important;
  max-height:340px !important;
  margin:0 !important;
  align-self:stretch !important;
}
body.classic-home-v2 .classic-timeline-card .timeline-card-media,
body.classic-home-v2.archive-list-view .classic-timeline-card .timeline-card-media,
body.classic-home-v2 .classic-timeline-card.is-checker-reverse .timeline-card-media,
body.classic-home-v2.archive-list-view .classic-timeline-card.is-checker-reverse .timeline-card-media {
  order:0 !important;
  display:grid !important;
  grid-column:auto !important;
  grid-row:auto !important;
  width:100% !important;
  height:142px !important;
  min-height:142px !important;
  max-height:142px !important;
  padding:9px !important;
  border-right:0 !important;
  border-bottom:2px solid var(--ink) !important;
}
body.classic-home-v2 .classic-timeline-card .timeline-card-copy,
body.classic-home-v2.archive-list-view .classic-timeline-card .timeline-card-copy,
body.classic-home-v2 .classic-timeline-card.is-checker-reverse .timeline-card-copy,
body.classic-home-v2.archive-list-view .classic-timeline-card.is-checker-reverse .timeline-card-copy {
  order:1 !important;
  width:100% !important;
  height:196px !important;
  min-height:0 !important;
  max-height:196px !important;
  padding:13px 14px 12px !important;
  overflow:hidden !important;
}
@media (max-width:1200px) {
  body.classic-home-v2 .classic-timeline-grid,
  body.classic-home-v2.archive-list-view .classic-timeline-grid {
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}
@media (max-width:860px) {
  body.classic-home-v2 .classic-timeline-grid,
  body.classic-home-v2.archive-list-view .classic-timeline-grid {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-auto-rows:326px !important;
    gap:14px !important;
  }
  body.classic-home-v2 .classic-timeline-grid > .classic-timeline-card,
  body.classic-home-v2.archive-list-view .classic-timeline-grid > .classic-timeline-card,
  body.classic-home-v2 .classic-timeline-grid > .classic-timeline-card.is-checker-reverse,
  body.classic-home-v2.archive-list-view .classic-timeline-grid > .classic-timeline-card.is-checker-reverse {
    height:326px !important;
    min-height:326px !important;
    max-height:326px !important;
  }
  body.classic-home-v2 .classic-timeline-card .timeline-card-media,
  body.classic-home-v2.archive-list-view .classic-timeline-card .timeline-card-media {
    height:132px !important;
    min-height:132px !important;
    max-height:132px !important;
  }
  body.classic-home-v2 .classic-timeline-card .timeline-card-copy,
  body.classic-home-v2.archive-list-view .classic-timeline-card .timeline-card-copy {
    height:192px !important;
    max-height:192px !important;
  }
}
@media (max-width:560px) {
  body.classic-home-v2 .classic-timeline-grid,
  body.classic-home-v2.archive-list-view .classic-timeline-grid {
    grid-template-columns:1fr !important;
    grid-auto-rows:156px !important;
  }
  body.classic-home-v2 .classic-timeline-grid > .classic-timeline-card,
  body.classic-home-v2.archive-list-view .classic-timeline-grid > .classic-timeline-card,
  body.classic-home-v2 .classic-timeline-grid > .classic-timeline-card.is-checker-reverse,
  body.classic-home-v2.archive-list-view .classic-timeline-grid > .classic-timeline-card.is-checker-reverse {
    display:grid !important;
    grid-template-columns:112px minmax(0,1fr) !important;
    width:100% !important;
    height:156px !important;
    min-height:156px !important;
    max-height:156px !important;
  }
  body.classic-home-v2 .classic-timeline-card .timeline-card-media,
  body.classic-home-v2.archive-list-view .classic-timeline-card .timeline-card-media,
  body.classic-home-v2 .classic-timeline-card.is-checker-reverse .timeline-card-media,
  body.classic-home-v2.archive-list-view .classic-timeline-card.is-checker-reverse .timeline-card-media {
    width:112px !important;
    height:156px !important;
    min-height:156px !important;
    max-height:156px !important;
    border-right:2px solid var(--ink) !important;
    border-bottom:0 !important;
  }
  body.classic-home-v2 .classic-timeline-card .timeline-card-copy,
  body.classic-home-v2.archive-list-view .classic-timeline-card .timeline-card-copy,
  body.classic-home-v2 .classic-timeline-card.is-checker-reverse .timeline-card-copy,
  body.classic-home-v2.archive-list-view .classic-timeline-card.is-checker-reverse .timeline-card-copy {
    width:auto !important;
    height:156px !important;
    max-height:156px !important;
    padding:10px 11px 9px !important;
  }
}

/* Full-text Classic archive search */
.archive-search-help { margin:8px 3px 0; color:var(--ink-2); font-size:.68rem; line-height:1.4; }
.archive-search-help strong { color:var(--ink); }
.archive-searching .archive-year-jumps { display:none; }
.archive-results strong { color:var(--ink); }
.archive-results span { font-weight:700; }
.archive-fulltext-results { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:17px; margin:0 0 54px; }
.archive-fulltext-results[hidden] { display:none; }
.archive-search-result { display:grid; grid-template-columns:138px minmax(0,1fr); min-height:230px; overflow:hidden; border:1.5px solid var(--ink); border-radius:20px; background:white; box-shadow:5px 5px 0 var(--ink); }
.archive-search-result-media { display:block; min-height:100%; overflow:hidden; border-right:1.5px solid var(--ink); background:linear-gradient(135deg,#e3f6f3,#fff0b7); }
.archive-search-result-media img { width:100%; height:100%; min-height:230px; object-fit:cover; }
.archive-search-result-media--fallback img { object-position:center; }
.archive-search-result-copy { display:flex; min-width:0; flex-direction:column; padding:16px; }
.archive-search-result-meta { display:flex; flex-wrap:wrap; gap:5px; margin:0 0 9px; }
.archive-search-result-meta span { padding:4px 7px; border:1px solid var(--line); border-radius:999px; background:var(--fog); color:var(--ink-2); font-size:.55rem; font-weight:900; }
.archive-search-result h3 { margin:0 0 10px; font-size:1.35rem; line-height:1.05; }
.archive-search-result h3 a { color:var(--ink); text-decoration:none; }
.archive-search-context { margin:0 0 9px; color:var(--ink-2); font-size:.78rem; line-height:1.5; }
.archive-search-context + .archive-search-context { padding-top:9px; border-top:1px dashed var(--line); }
.archive-search-context mark,.archive-search-result h3 mark { padding:0 .12em; border-radius:3px; background:var(--sun); color:var(--ink); font-weight:950; }
.archive-search-open { width:fit-content; margin-top:auto; padding:7px 10px; border-radius:999px; background:var(--ink); color:white; font-size:.66rem; font-weight:950; text-decoration:none; }
.archive-search-open:hover { background:var(--bridge); }

@media (max-width: 960px) {
  .archive-fulltext-results { grid-template-columns:1fr; }
}

@media (max-width: 620px) {
  .archive-search-result { grid-template-columns:92px minmax(0,1fr); min-height:210px; }
  .archive-search-result-media img { min-height:210px; }
  .archive-search-result-copy { padding:13px; }
  .archive-search-result h3 { font-size:1.15rem; }
  .archive-search-context { font-size:.73rem; }
  .archive-results span { display:block; margin-top:4px; }
}