.shoutouts-intro{padding:8vw 7vw 4vw;display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(24px,5vw,72px);align-items:end}.shoutouts-intro span{font:600 .65rem var(--font-mono,ui-monospace,monospace);color:var(--gold,#d7ae72);letter-spacing:.14em}.shoutouts-intro h2{margin:.55em 0 0;font-size:clamp(2.2rem,4.4vw,4.4rem);line-height:.94;letter-spacing:-.045em;color:#ece9e2}.shoutouts-intro>p{margin:0;max-width:42ch;font-size:1.05rem;line-height:1.7;color:#aaa7ab}.shoutouts-grid{display:grid;gap:clamp(18px,2.5vw,28px);padding:2vw 6vw 8vw}.shoutout-card{display:grid;grid-template-columns:minmax(200px,.72fr) minmax(0,1.2fr);gap:clamp(20px,3.5vw,48px);align-items:stretch;padding:clamp(14px,2vw,24px);border:1px solid #d7b98428;background:radial-gradient(ellipse at 16% 18%,#d7ae7212,transparent 48%),linear-gradient(135deg,#0b0e12,#08090c 55%,#0a0c10);position:relative;overflow:hidden}.shoutout-card:before{content:"";position:absolute;inset:auto -12% -45% auto;width:50%;height:75%;background:radial-gradient(circle,#e4bf840c,transparent 70%);pointer-events:none}.shoutout-photo{margin:0;position:relative;min-height:300px}.shoutout-photo img{display:block;width:100%;height:100%;min-height:300px;object-fit:cover;object-position:center 18%;border:1px solid #ffffff12}.shoutout-photo figcaption{position:absolute;left:0;right:0;bottom:0;padding:14px 12px 10px;font:600 .58rem/1.5 var(--font-mono,ui-monospace,monospace);letter-spacing:.14em;color:#e8d4b0;background:linear-gradient(transparent,#050607e6 50%)}.shoutout-copy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;padding:clamp(4px,1vw,12px) 0}.shoutout-copy>span{font:600 .65rem var(--font-mono,ui-monospace,monospace);color:var(--gold,#d7ae72);letter-spacing:.12em;text-transform:uppercase}.shoutout-copy h2{margin:.45em 0 .65em;font-size:clamp(1.9rem,3.4vw,3rem);line-height:1;letter-spacing:-.04em;color:#ece9e2}.shoutout-copy>p{margin:0;max-width:52ch;font-size:1.02rem;line-height:1.7;color:#aaa7ab}.shoutout-links{list-style:none;margin:1.5rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}.shoutout-links a{display:inline-flex;align-items:center;gap:.4rem;padding:10px 14px;border:1px solid #d7b98440;background:#d7b98410;color:#efd8b6;font:600 .65rem var(--font-mono,ui-monospace,monospace);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;transition:border-color .2s,background .2s}.shoutout-links a:hover{border-color:#d7b98490;background:#d7b98422}.shoutout-links svg{width:14px;height:14px}.shoutout-card.is-dedication{border-color:#d7b98445;background:radial-gradient(ellipse at 20% 15%,#e4bf8418,transparent 45%),radial-gradient(ellipse at 90% 80%,#d7ae720d,transparent 40%),linear-gradient(135deg,#0c1016,#08090c 55%,#0a0c10)}.shoutout-card.is-dedication .shoutout-copy>span{letter-spacing:.16em}.shoutout-creed{margin:1.5rem 0 0!important;font:600 .72rem/1.7 var(--font-mono,ui-monospace,monospace)!important;letter-spacing:.12em;text-transform:uppercase;color:#e4c799!important}.shoutouts-empty{margin:1vw 6vw 8vw;padding:clamp(36px,6vw,72px);border:1px solid #ffffff18;background:linear-gradient(180deg,#0c1016,#080b0e);text-align:left}.shoutouts-empty span{font:600 .65rem var(--font-mono,ui-monospace,monospace);color:var(--gold,#d7ae72);letter-spacing:.16em}.shoutouts-empty h2{margin:.6em 0 .5em;font-size:clamp(1.8rem,3.5vw,2.8rem);letter-spacing:-.04em;color:#ece9e2}.shoutouts-empty p{margin:0;max-width:52ch;color:#aaa7ab;line-height:1.7}.shoutouts-empty a{margin-top:1.6rem;display:inline-flex;align-items:center;gap:.45rem;color:var(--gold,#d7ae72);font:600 .7rem var(--font-mono,ui-monospace,monospace);letter-spacing:.1em;text-transform:uppercase;text-decoration:none}.shoutouts-empty svg{width:15px;height:15px}@media(max-width:900px){.shoutouts-intro{grid-template-columns:1fr;padding:5rem 1.2rem 2rem;gap:1.4rem}.shoutouts-grid{padding:1rem 1.2rem 5rem}.shoutout-card{grid-template-columns:1fr;gap:1.2rem;padding:14px}.shoutout-photo,.shoutout-photo img{min-height:380px}.shoutouts-empty{margin:0 1.2rem 4rem;padding:2rem 1.3rem}}@media(max-width:560px){.shoutout-photo,.shoutout-photo img{min-height:320px}.shoutout-links a{flex:1 1 auto;justify-content:center}}