:root{--cream:#fff3d6;--paper:#fff9eb;--ink:#172433;--soft:#344456;--deep:#0f2638;--red:#b51f2a;--red2:#8f1620;--teal:#007d83;--yellow:#f6c453;--pink:#f4a7a8;--mint:#c2dac8;--line:rgba(15,38,56,.28);--shadow:0 24px 70px rgba(15,38,56,.2);--display:"Bebas Neue","Arial Narrow",system-ui,sans-serif;--serif:"Playfair Display",Georgia,serif;--body:"Inter",system-ui,sans-serif}
*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--cream)}body{margin:0;color:var(--ink);font-family:var(--body);font-size:clamp(1rem,.96rem + .24vw,1.125rem);line-height:1.72;background:radial-gradient(circle at 15% 4%,rgba(244,167,168,.72),transparent 30rem),radial-gradient(circle at 85% 12%,rgba(0,125,131,.24),transparent 28rem),linear-gradient(90deg,rgba(15,38,56,.04) 1px,transparent 1px),linear-gradient(180deg,rgba(15,38,56,.04) 1px,transparent 1px),var(--cream);background-size:auto,auto,42px 42px,42px 42px,auto;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.22;background-image:radial-gradient(circle,rgba(23,36,51,.26) 0 1px,transparent 1px);background-size:6px 6px;mix-blend-mode:multiply}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(circle at var(--spot-x,50%) var(--spot-y,15%),rgba(246,196,83,.28),transparent 19rem)}a{color:#005d63;text-decoration-thickness:.12em;text-underline-offset:.18em}a:hover{color:var(--red2)}:focus-visible{outline:4px solid var(--yellow);outline-offset:5px;box-shadow:0 0 0 8px rgba(15,38,56,.65)}.skip-link{position:absolute;left:1rem;top:1rem;z-index:100;transform:translateY(-160%);background:var(--deep);color:white;padding:.85rem 1rem;border-radius:999px;font-weight:900}.skip-link:focus{transform:translateY(0)}.progress{position:fixed;left:0;top:0;z-index:95;height:.45rem;width:0;background:linear-gradient(90deg,var(--red),var(--yellow),var(--teal));box-shadow:0 0 22px rgba(246,196,83,.75)}.decade-menu{position:sticky;top:.45rem;z-index:90;padding:.72rem clamp(.75rem,2vw,1.5rem);background:linear-gradient(180deg,rgba(15,38,56,.96),rgba(15,38,56,.9));border-bottom:4px solid var(--yellow);box-shadow:0 16px 38px rgba(15,38,56,.24);backdrop-filter:blur(18px)}
.decade-menu-inner{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(.75rem,2vw,1.25rem)}
.decade-menu-title{margin:0;color:#fff8e9;font-family:var(--display);font-size:clamp(1.55rem,2.6vw,2.15rem);letter-spacing:.04em;line-height:.95;white-space:nowrap;text-shadow:2px 2px 0 rgba(181,31,42,.9)}
.decade-links{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));align-items:stretch;gap:.55rem;width:100%;padding:.2rem 0;overflow:visible}
.decade-links a{min-height:46px;display:flex;align-items:center;justify-content:center;min-width:0;padding:.58rem .48rem;border:2px solid rgba(255,248,233,.9);border-radius:14px;background:linear-gradient(180deg,#fffdf4,#f3dfb4);color:var(--deep);text-decoration:none;font-weight:900;line-height:1;white-space:nowrap;box-shadow:4px 4px 0 rgba(0,125,131,.68);transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.decade-links a:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--teal);background:linear-gradient(180deg,#fff,#f6c453)}
.decade-links a[aria-current=page]{border-color:var(--yellow);background:linear-gradient(135deg,var(--yellow),#fff3d6);box-shadow:4px 4px 0 var(--red)}
@media (max-width:980px){.decade-menu-inner{grid-template-columns:1fr}.decade-menu-title{text-align:center;white-space:normal}.decade-links{grid-template-columns:repeat(5,minmax(0,1fr));gap:.42rem}.decade-links a{min-height:42px;padding:.5rem .35rem;font-size:.95rem;border-radius:12px}}
@media (max-width:560px){.decade-links{grid-template-columns:repeat(5,minmax(0,1fr));gap:.32rem}.decade-links a{min-height:40px;padding:.46rem .18rem;font-size:clamp(.72rem,3.3vw,.9rem);border-radius:10px;box-shadow:2px 2px 0 rgba(0,125,131,.68)}}.site-header{position:relative;z-index:2;min-height:100svh;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(280px,.96fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);padding:clamp(1rem,3vw,2rem);border-bottom:6px solid var(--deep);background:linear-gradient(135deg,rgba(255,249,235,.94),rgba(255,243,214,.86)),repeating-linear-gradient(45deg,rgba(181,31,42,.08) 0 12px,transparent 12px 24px)}.site-header:before{content:"1950s";position:absolute;right:clamp(1rem,4vw,5rem);top:clamp(4rem,10vw,9rem);font-family:var(--display);font-size:clamp(8rem,25vw,25rem);line-height:.75;color:rgba(15,38,56,.07);letter-spacing:.02em;transform:rotate(-5deg);pointer-events:none}.hero-copy{position:relative;max-width:850px;padding:clamp(1rem,3vw,3rem);border:3px solid var(--deep);border-radius:34px;background:linear-gradient(180deg,rgba(255,255,255,.76),rgba(255,249,235,.96));box-shadow:12px 12px 0 var(--teal),24px 24px 0 var(--red)}.eyebrow{margin:0 0 1rem;display:inline-flex;min-height:44px;align-items:center;padding:.35rem .85rem;border-radius:999px;color:white;background:var(--red2);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:.88rem}h1,h2,h3{color:var(--deep);line-height:1.08}h1{margin:0;font-family:var(--display);font-weight:400;letter-spacing:.012em;font-size:clamp(2.65rem,6.6vw,5.8rem);text-wrap:balance;text-shadow:.035em .035em 0 var(--pink)}h2{position:relative;margin:0 0 clamp(1rem,3vw,1.6rem);font-family:var(--display);font-weight:400;letter-spacing:.014em;font-size:clamp(2.2rem,5.2vw,4.8rem);text-wrap:balance}h2:before{content:"";display:block;width:5.5rem;height:.72rem;margin-bottom:1rem;border-radius:999px;background:linear-gradient(90deg,var(--red),var(--yellow),var(--teal))}h3{margin:clamp(1.75rem,3.5vw,2.75rem) 0 .7rem;font-family:var(--serif);font-size:clamp(1.28rem,2.1vw,1.85rem);font-weight:900;text-wrap:balance}p{max-width:74ch;margin:0 0 .78rem}.hero-copy>p:not(.eyebrow){margin-top:1.25rem;font-size:clamp(1.12rem,2vw,1.42rem);line-height:1.62}.reader-nav-wrap{position:relative;z-index:2;background:rgba(15,38,56,.95);backdrop-filter:blur(16px);border-bottom:4px solid var(--yellow)}.reader-nav{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap;max-width:1400px;margin:0 auto;padding:.8rem clamp(1rem,3vw,2rem)}.reader-nav a{min-height:44px;display:inline-flex;align-items:center;gap:.45rem;padding:.48rem .75rem;border:2px solid rgba(255,243,214,.45);border-radius:999px;color:#fff8e9;background:rgba(255,255,255,.07);text-decoration:none;font-size:.86rem;font-weight:800;line-height:1.15}.reader-nav a:hover,.reader-nav a[aria-current=true]{color:var(--deep);background:var(--yellow);border-color:var(--yellow)}.site-main{position:relative;z-index:2}.article-shell{max-width:1180px;margin:0 auto;padding:clamp(2rem,5vw,5rem) clamp(1rem,3vw,2rem)}.article-section{position:relative;margin:0 0 clamp(2.5rem,8vw,7rem);padding:clamp(1.25rem,4vw,4rem);border:3px solid var(--deep);border-radius:26px;background:linear-gradient(180deg,rgba(255,249,235,.97),rgba(255,243,214,.89));box-shadow:var(--shadow)}.article-section:nth-of-type(3n+1){box-shadow:14px 14px 0 rgba(0,125,131,.78),var(--shadow)}.article-section:nth-of-type(3n+2){box-shadow:14px 14px 0 rgba(181,31,42,.72),var(--shadow)}.article-section:nth-of-type(3n){box-shadow:14px 14px 0 rgba(246,196,83,.94),var(--shadow)}.article-section p:first-of-type{font-size:clamp(1.08rem,1.7vw,1.28rem)}.article-section h3+p{padding:1.1rem clamp(1rem,2.4vw,1.4rem);border-left:.55rem solid var(--teal);border-radius:0 18px 18px 0;background:rgba(194,218,200,.35)}.article-section:nth-of-type(2n) h3+p{border-left-color:var(--red);background:rgba(244,167,168,.24)}.article-section:nth-of-type(4n) h3+p{border-left-color:var(--yellow);background:rgba(246,196,83,.22)}.figure-slot{margin:clamp(2rem,5vw,4rem) 0 0}.hero-figure{margin:0;align-self:center}.media-frame{position:relative;aspect-ratio:var(--ratio);overflow:hidden;border:4px solid var(--deep);border-radius:28px;background:radial-gradient(circle at 24% 28%,rgba(246,196,83,.95),transparent 18%),radial-gradient(circle at 72% 36%,rgba(244,167,168,.74),transparent 20%),linear-gradient(135deg,rgba(0,125,131,.9),rgba(15,38,56,.98));box-shadow:inset 0 0 0 8px rgba(255,249,235,.15),0 28px 60px rgba(15,38,56,.24)}.media-frame:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.08) 0 2px,transparent 2px 6px),linear-gradient(120deg,transparent 0 42%,rgba(255,255,255,.22) 43% 47%,transparent 48% 100%);pointer-events:none}.media-frame picture,.media-frame img{position:absolute;inset:0;width:100%;height:100%}.media-frame img{object-fit:cover;opacity:0;color:transparent;transition:opacity .5s ease}.asset-loaded .media-frame img{opacity:1}figcaption{margin-top:.85rem;max-width:70ch;color:var(--soft);font-size:.95rem;font-weight:750}.back-to-top{position:fixed;right:1rem;bottom:1rem;z-index:70;width:3.25rem;height:3.25rem;display:grid;place-items:center;border:3px solid var(--deep);border-radius:999px;background:var(--yellow);color:var(--deep);text-decoration:none;font-weight:1000;box-shadow:0 10px 30px rgba(15,38,56,.28)}.site-footer{position:relative;z-index:2;padding:clamp(2rem,5vw,4rem) clamp(1rem,3vw,2rem);color:#fff8e9;background:radial-gradient(circle at 10% 20%,rgba(181,31,42,.45),transparent 22rem),linear-gradient(135deg,var(--deep),#07141f);border-top:6px solid var(--yellow)}.site-footer p{max-width:900px;margin:0 auto;text-align:center;font-weight:800}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}@media(max-width:760px){.decade-menu{top:.45rem;padding:.55rem .5rem}.decade-menu-inner{align-items:stretch;gap:.45rem}.decade-menu-title{font-size:1.45rem}.decade-links{width:100%;padding-bottom:.25rem;grid-template-columns:repeat(5,minmax(0,1fr))}.decade-links a{min-height:40px;padding:.46rem .18rem}}@media(max-width:900px){.site-header{grid-template-columns:1fr;min-height:auto}.hero-copy{box-shadow:8px 8px 0 var(--teal),16px 16px 0 var(--red)}.reader-nav{overflow:visible}}@media(max-width:520px){h1{font-size:clamp(2.25rem,10vw,3.2rem)}h2{font-size:clamp(1.9rem,8.5vw,2.65rem)}h3{font-size:clamp(1.18rem,5vw,1.45rem)}.article-section{padding:1rem;border-radius:20px;box-shadow:none!important}.hero-copy{padding:1rem;box-shadow:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}}

.archive-module{margin:clamp(2.5rem,6vw,5rem) 0;padding:clamp(1.05rem,3.4vw,2.25rem);border:3px solid var(--deep);border-radius:32px;background:radial-gradient(circle at 15% 8%,rgba(246,196,83,.45),transparent 18rem),radial-gradient(circle at 88% 12%,rgba(0,125,131,.18),transparent 18rem),linear-gradient(135deg,#fffdf4,#f2dfb7);box-shadow:14px 14px 0 rgba(0,125,131,.15),-10px -10px 0 rgba(181,31,42,.09);position:relative;overflow:hidden}.archive-module:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(15,38,56,.045) 0 1px,transparent 1px 30px);pointer-events:none}.archive-head,.archive-list{position:relative;z-index:1}.archive-kicker{margin:0 0 .45rem;display:inline-flex;align-items:center;min-height:38px;padding:.35rem .85rem;border:2px solid var(--deep);border-radius:999px;background:var(--yellow);color:var(--deep);font-weight:1000;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;box-shadow:4px 4px 0 var(--red)}.archive-title{margin:.15rem 0 .75rem;font-family:var(--display);font-size:clamp(2.35rem,7vw,5.25rem);line-height:.88;letter-spacing:.01em;color:var(--deep);text-shadow:.035em .035em 0 #fff,.07em .07em 0 rgba(181,31,42,.22)}.archive-intro{max-width:82ch;margin:0 0 1.35rem;color:var(--soft);font-weight:850}.archive-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0}.archive-item{min-width:0;padding:1rem 1.05rem;border:3px solid rgba(15,38,56,.85);border-radius:22px;background:linear-gradient(180deg,#fffdf4,#fff4d9);box-shadow:7px 7px 0 rgba(15,38,56,.10);display:block;overflow-wrap:anywhere}.archive-item dt{margin:0 0 .4rem;display:flex;align-items:flex-start;gap:.75rem;font-family:var(--serif);font-weight:900;font-size:clamp(1.05rem,1rem + .35vw,1.28rem);line-height:1.15;color:var(--red2)}.archive-item dd{margin:0 0 0 calc(2.45rem + .75rem);color:var(--ink);font-size:1rem;line-height:1.58}.archive-number{flex:0 0 2.45rem;display:inline-grid;place-items:center;min-width:2.45rem;height:2.45rem;border-radius:999px;background:var(--deep);color:#fff8e9;font-family:var(--body);font-size:.84rem;font-weight:1000;letter-spacing:.04em}.archive-events{background:radial-gradient(circle at 12% 12%,rgba(246,196,83,.50),transparent 18rem),linear-gradient(135deg,#fffaf0,#eed9ad)}.archive-inventions{background:radial-gradient(circle at 88% 10%,rgba(0,125,131,.22),transparent 18rem),linear-gradient(135deg,#fdf8e9,#dfeecf)}.archive-culture,.archive-movies,.archive-music{background:radial-gradient(circle at 15% 12%,rgba(244,167,168,.32),transparent 18rem),linear-gradient(135deg,#fff9ed,#f0ddc9)}.archive-america,.archive-cars{background:radial-gradient(circle at 88% 12%,rgba(181,31,42,.16),transparent 17rem),linear-gradient(135deg,#fff9e9,#ead2a4)}.archive-fashion{background:radial-gradient(circle at 18% 10%,rgba(244,167,168,.38),transparent 18rem),linear-gradient(135deg,#fff9ed,#f4dfdf)}.archive-item dd:empty{display:none}@media(max-width:920px){.archive-list{grid-template-columns:1fr}.archive-item dd{margin-left:0}.archive-item dt{gap:.65rem}}@media(max-width:520px){.archive-module{padding:1rem;border-radius:22px;box-shadow:none}.archive-title{font-size:clamp(2.4rem,15vw,4rem)}.archive-item{box-shadow:none}.archive-number{min-width:2.1rem;height:2.1rem;flex-basis:2.1rem}}

/* Figure aspect ratios moved from inline styles. */
#hero-suburban-living-room{--ratio:16 / 9;}
#postwar-suburban-street{--ratio:4 / 3;}
#neon-diner-car{--ratio:16 / 9;}
#cold-war-classroom{--ratio:3 / 2;}
#civil-rights-boycott{--ratio:3 / 2;}
#rock-and-roll-dance{--ratio:16 / 9;}
#new-look-fashion{--ratio:4 / 5;}
#global-reconstruction-map{--ratio:16 / 10;}
#decade-comparison-split{--ratio:16 / 9;}


.table-wrap {
  margin: clamp(1.4rem, 4vw, 2.7rem) 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border: 2px solid rgba(83, 51, 34, 0.28);
  border-radius: 24px;
  background: rgba(255, 246, 218, 0.82);
  box-shadow: var(--shadow-soft);
}

.comparison-table {
  width: 100%;
  min-width: 760px;
  border-collapse: collapse;
  color: var(--ink);
  font-size: clamp(0.92rem, 1.4vw, 1rem);
}

.comparison-table caption {
  padding: 1rem 1.1rem;
  text-align: left;
  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(1.05rem, 2.4vw, 1.35rem);
  font-weight: 900;
  color: var(--rouge);
  background: rgba(255, 255, 255, 0.46);
  border-bottom: 2px solid rgba(83, 51, 34, 0.18);
}

.comparison-table th,
.comparison-table td {
  padding: 0.95rem 1rem;
  vertical-align: top;
  border-bottom: 1px solid rgba(83, 51, 34, 0.16);
  line-height: 1.55;
}

.comparison-table thead th {
  font-family: "Bebas Neue", Impact, sans-serif;
  letter-spacing: 0.08em;
  font-size: 1.05rem;
  color: #fff7df;
  background: var(--teal-dark);
}

.comparison-table tbody th {
  width: 18%;
  font-weight: 900;
  color: var(--teal-dark);
  background: rgba(255, 255, 255, 0.34);
}

.comparison-table tbody tr:nth-child(even) td,
.comparison-table tbody tr:nth-child(even) th {
  background: rgba(255, 255, 255, 0.22);
}

.comparison-table tbody tr:last-child th,
.comparison-table tbody tr:last-child td {
  border-bottom: 0;
}

@media (max-width: 760px) {
  .table-wrap {
    border-radius: 18px;
    margin-inline: -0.15rem;
  }

  .comparison-table {
    min-width: 680px;
    font-size: 0.92rem;
  }

  .comparison-table th,
  .comparison-table td {
    padding: 0.82rem 0.85rem;
  }
}