.about-media{background:var(--bg-surface)}.media-wall{padding:5rem 0;background:var(--bg-page)}.masonry{columns:1;column-gap:1.5rem}@media (min-width:640px){.masonry{columns:2}}@media (min-width:980px){.masonry{columns:3}}@media (min-width:1280px){.masonry{columns:4}}.masonry-item{break-inside:avoid;margin:0 0 1.5rem;border-radius:0 0 0 40px;overflow:hidden;background:var(--bg-surface)}.masonry-item img{width:100%;height:auto;display:block}.retro-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width:860px){.retro-grid{grid-template-columns:repeat(2,1fr)}}.retro-card{background:var(--bg-page);border-radius:0 0 0 60px;overflow:hidden}.retro-card .embed-16-9{border-radius:0}.retro-card-body{padding:1.25rem 1.5rem 1.5rem}.retro-card-title{font-family:var(--font-heading);font-weight:700;font-size:1rem;letter-spacing:0.02em;text-transform:uppercase;color:var(--brand-primary);margin-bottom:0.375rem}.retro-card-desc{color:var(--text-muted);font-size:0.875rem;line-height:1.6;margin:0}.media-retro .empty-state{color:var(--text-inverse);opacity:0.72}.media-stories{padding:5rem 0;background:var(--bg-page)}.stories-feed{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width:720px){.stories-feed{grid-template-columns:repeat(2,1fr)}}@media (min-width:1080px){.stories-feed{grid-template-columns:repeat(3,1fr)}}.story-card{background:var(--bg-surface);border-radius:0 0 0 60px;padding:1.5rem;display:flex;flex-direction:column;gap:0.875rem}.story-header{display:flex;align-items:center;gap:0.5rem}.story-author-name{font-family:var(--font-heading);font-weight:700;font-size:0.9375rem;color:var(--brand-primary)}.story-date{margin-left:auto;color:var(--text-muted);font-size:0.8125rem;font-variant-numeric:tabular-nums}.story-content{white-space:pre-line;overflow-wrap:break-word;font-size:0.9375rem;line-height:1.7;color:var(--text-main)}.story-media{border-radius:var(--radius);overflow:hidden}.story-media iframe{width:100%;height:100%;border:0;display:block}.story-reactions{display:flex;gap:0.5rem;margin-top:auto;padding-top:0.875rem;border-top:1px solid var(--border-light)}.reaction-btn{display:inline-flex;align-items:center;gap:0.35rem;padding:0.45rem 0.9rem;border:1.5px solid var(--border-light);border-radius:999px;background:var(--bg-page);font-size:1rem;min-height:40px;cursor:pointer;transition:background-color 0.2s ease,border-color 0.2s ease,transform 0.1s ease}.reaction-btn:hover:not(:disabled){border-color:var(--brand-secondary);background:var(--bg-page)}.reaction-btn:active:not(:disabled){transform:scale(0.95)}.reaction-count{font-weight:600;color:var(--text-main);font-variant-numeric:tabular-nums}.reaction-btn.reacted{background:var(--brand-primary);border-color:var(--brand-primary);cursor:default}.reaction-btn.reacted .reaction-count{color:var(--text-inverse)}.stories-sentinel{height:1px}.stories-status{text-align:center;color:var(--text-muted);min-height:1.5em;margin-top:1rem}.media-submit{padding:5rem 0;background:var(--bg-surface)}.story-submit-form{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:1.25rem}.story-submit-row{display:grid;grid-template-columns:1fr;gap:1.25rem}@media (min-width:720px){.story-submit-row{grid-template-columns:1fr 1fr}}.story-submit-field{display:flex;flex-direction:column;gap:0.4rem}.story-submit-label{font-size:0.85rem;font-weight:600;color:var(--text-primary)}.story-submit-field input,.story-submit-field textarea{width:100%;padding:0.75rem 1rem;border:1px solid var(--border-color,#d8d4cc);border-radius:6px;background:var(--bg-page,#fff);color:var(--text-primary);font:inherit}.story-submit-field input:focus,.story-submit-field textarea:focus{outline:2px solid var(--accent,#2f6f5f);outline-offset:1px}.story-submit-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.story-submit-status{min-height:1.5em;font-size:0.95rem;margin:0}.story-submit-status.form-status--success{color:var(--accent,#2f6f5f);font-weight:600}.story-submit-status.form-status--error{color:#b3261e;font-weight:600}.story-submit-actions{display:flex;flex-direction:column;gap:0.75rem;align-items:flex-start}.story-submit-btn{padding:0.85rem 2rem;border:none;border-radius:6px;background:var(--accent,#2f6f5f);color:var(--text-inverse,#fff);font:inherit;font-weight:700;cursor:pointer;transition:opacity 0.2s ease}.story-submit-btn:hover{opacity:0.9}.story-submit-btn:disabled{opacity:0.5;cursor:default}.story-submit-note{margin:0;font-size:0.8rem;color:var(--text-muted)}@media (max-width:768px){.media-wall,.media-stories,.media-submit{padding:3.5rem 0}}