.board{padding-block:var(--space-7) var(--space-8);background-color:#fdf4e3;background-image:radial-gradient(#563f3a17 1.4px,#0000 1.4px),radial-gradient(70% 46% at 88% 0,#ffc9683d,#0000 70%);background-repeat:repeat,no-repeat;background-size:30px 30px,100% 100%;position:relative}.board:after{content:"";pointer-events:none;background:radial-gradient(120% 60% at 50% 115%,#f85e480d,#0000 60%);position:absolute;inset:0}.board .container{z-index:1;position:relative}.board-head{margin-bottom:var(--space-6)}.board-eyebrow{color:var(--coral);margin:0 0 var(--space-3)}.board-head h1{margin:0 0 var(--space-4);letter-spacing:-.045em;max-width:18ch;font-size:clamp(1.9rem,4.4vw,3.2rem);line-height:1.12}.board-head h1 em{color:var(--coral);font-style:normal}.board-lead{align-items:center;gap:var(--space-3) var(--space-5);flex-wrap:wrap;display:flex}.board-intro{color:var(--muted);font-size:var(--text-body-lg);max-width:46ch;margin:0}.board-count{font-family:var(--font-heading);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);background:var(--warm-white);border:1px solid var(--border);border-radius:var(--radius-s);box-shadow:var(--shadow-soft);padding:var(--space-2) var(--space-4);margin:0;font-size:.76rem;font-weight:700;position:relative;transform:rotate(1.5deg)}.board-count-note{background:#ffc96899;border:1px solid #211c241a;width:64px;height:20px;position:absolute;top:-11px;left:50%;transform:translate(-50%)rotate(-3deg)}.board-featured{margin-bottom:var(--space-6)}.pinned-hero{gap:var(--space-5);padding:var(--space-4);background:var(--warm-white);border:1px solid var(--border);border-radius:var(--radius-l);box-shadow:var(--shadow-soft);color:var(--ink);transition:box-shadow var(--dur-med) var(--ease-soft);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;text-decoration:none;display:grid}.pinned-hero:hover{box-shadow:var(--shadow-warm)}.ph-media{aspect-ratio:4/3;border-radius:var(--radius-m);box-shadow:var(--shadow-warm);transition:transform var(--dur-med) var(--ease-spring);background:var(--cream);margin:0;position:relative;overflow:hidden;transform:rotate(-1.2deg)}.ph-media img{object-fit:cover;width:100%;height:100%;display:block}.ph-media:before{content:"";top:-12px;left:var(--space-4);z-index:1;background:#ffc96899;border:1px solid #211c241a;width:88px;height:26px;position:absolute;transform:rotate(-5deg);box-shadow:0 2px 5px #211c2414}.pinned-hero:hover .ph-media{transform:rotate(0)}.ph-body{min-width:0}.ph-tag{font-family:var(--font-heading);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);border-radius:var(--radius-s);margin-bottom:var(--space-3);background:#ffc96866;border:1.5px dashed #211c2473;padding:.3em .85em;font-size:.72rem;font-weight:800;display:inline-block;transform:rotate(1.5deg)}.ph-body h2{margin:0 0 var(--space-3);letter-spacing:-.03em;transition:color var(--dur-fast) var(--ease-soft);font-size:clamp(1.35rem,2.4vw,1.9rem);line-height:1.22}.pinned-hero:hover h2{color:var(--coral)}.ph-excerpt{margin:0 0 var(--space-3);color:var(--muted);font-size:var(--text-body);-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.65;display:-webkit-box;overflow:hidden}.ph-more{font-family:var(--font-heading);color:var(--coral);font-size:.95rem;font-weight:700}.ph-arrow{transition:transform var(--dur-fast) var(--ease-soft);display:inline-block}.pinned-hero:hover .ph-arrow{transform:translate(5px)}.board-grid{gap:var(--space-5) var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width>=821px){.board-grid>:nth-child(2n){margin-top:var(--space-5)}}.pin-card{padding:var(--space-3);background:var(--warm-white);border:1px solid var(--border);border-radius:var(--radius-m);box-shadow:var(--shadow-soft);color:var(--ink);transform:rotate(var(--tilt));transition:transform var(--dur-med) var(--ease-spring), box-shadow var(--dur-med) var(--ease-soft);text-decoration:none;display:block;position:relative}.pin-card:hover{box-shadow:var(--shadow-warm);transform:rotate(0)translateY(-5px)}.pin-card--tape:before{content:"";background:#ffc96899;border:1px solid #211c241a;width:84px;height:25px;position:absolute;top:-13px;left:50%;transform:translate(-50%)rotate(-4deg);box-shadow:0 2px 5px #211c2414}.pin-card--pin:before{content:"";background:radial-gradient(circle at 35% 30%, #ffb98a, var(--coral));border-radius:50%;width:17px;height:17px;position:absolute;top:-8px;left:50%;transform:translate(-50%);box-shadow:0 3px 6px #211c2447}.pin-frame{aspect-ratio:16/10;border-radius:var(--radius-s);background:var(--cream);margin:0;overflow:hidden}.pin-card--tall .pin-frame{aspect-ratio:4/3}.pin-frame img{object-fit:cover;width:100%;height:100%;transition:transform var(--dur-med) var(--ease-soft);display:block}.pin-card:hover .pin-frame img{transform:scale(1.03)}.pin-body h3{margin:var(--space-3) 0 var(--space-2);letter-spacing:-.015em;transition:color var(--dur-fast) var(--ease-soft);font-size:1.0625rem;line-height:1.35}.pin-card:hover h3{color:var(--coral)}.pin-excerpt{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.9rem;line-height:1.55;display:-webkit-box;overflow:hidden}.pin-more{margin-top:var(--space-2);font-family:var(--font-heading);color:var(--coral);font-size:.88rem;font-weight:700;display:inline-block}.pin-arrow{transition:transform var(--dur-fast) var(--ease-soft);display:inline-block}.pin-card:hover .pin-arrow{transform:translate(4px)}.board-sentinel{height:1px}.board-end{margin:var(--space-6) auto 0;width:fit-content;font-family:var(--font-heading);color:var(--muted);background:var(--warm-white);border:1.5px dashed var(--border);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-4);font-size:.85rem;font-weight:700}.reveal{opacity:0;transition:opacity var(--dur-slow) var(--ease-soft) var(--d,0s), transform var(--dur-slow) var(--ease-soft) var(--d,0s);transform:translateY(24px)}.reveal.in-view{opacity:1;transform:translateY(0)}@media (width<=860px){.pinned-hero{grid-template-columns:minmax(0,1fr)}}@media (width<=820px){.board-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.board{padding-block:var(--space-6)}.board-lead{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}.pin-card,.pin-card:hover,.pin-card:hover .pin-frame img{transform:none}.pinned-hero:hover .ph-media{transform:rotate(-1.2deg)}}
