/* Shared look of the thatlazynerd.com brand pages (home page palette): imprint, legal, image credits, photo terms. */
@font-face { font-family: "Space Grotesk"; src: url("/fonts/space-grotesk-latin-700.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap }
* { box-sizing: border-box }
body { margin: 0; min-height: 100vh; background: #0f1115; color: #e6e6e6; font: 16px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif }
.wrap { max-width: 680px; margin: 0 auto; padding: 40px 20px 64px }
a { color: #6cf2c2 }
.muted, p.lead { color: #9aa0a6 }
.tln-logo { display: flex; align-items: center; gap: .4em; margin: 0 0 1.6rem; padding-bottom: 1.1rem; border-bottom: 1px solid rgba(255,255,255,.12); font-family: "Space Grotesk", system-ui, sans-serif; font-size: clamp(1.9rem, 8vw, 2.6rem); font-weight: 700; color: #F6F6F3; text-decoration: none }
.tln-logo svg { width: 1.55em; height: 1.55em; flex: none }
.tln-word { display: flex; align-items: flex-end; letter-spacing: -0.036em; line-height: 1; padding-bottom: .3em }
.tln-word span { display: inline-block }
.tln-word .s1 { transform: translateY(.06em) rotate(4deg) } .tln-word .s2 { transform: translateY(.13em) rotate(9deg) }
.tln-word .s3 { transform: translateY(.23em) rotate(15deg) } .tln-word .s4 { transform: translateY(.31em) rotate(22deg); color: #E8A33D }
h1 { font-size: 1.5rem; margin: 0 0 .4rem; color: #F6F6F3 }
p.lead { margin: 0 0 1.2rem }
.card { background: #151821; border: 1px solid rgba(255,255,255,.14); border-radius: 14px; padding: 6px 20px 18px; margin-top: 16px }
.card h2 { font-size: 1.1rem; margin: 16px 0 6px; color: #F6F6F3 }
.card dl { margin: 8px 0 0 } .card dt { font-weight: 600; margin-top: 8px; color: #F6F6F3 } .card dd { margin: 0 }
.card ul { padding-left: 20px } .card li { margin: 6px 0 }
/* credit cards with a picture on the left, like the app credits pages */
.credit { display: grid; grid-template-columns: 96px 1fr; gap: 20px; align-items: start }
.credit .thumb { width: 96px; height: 96px; border-radius: 22px; object-fit: cover; border: 1px solid rgba(255,255,255,.14); background: #0f1115; display: grid; place-items: center; overflow: hidden }
.credit .thumb svg { width: 100%; height: 100% }
.credit .thumb.logo-white { background: #fff; object-fit: contain; padding: 8px; border-radius: 16px }
.credit h2 { margin-top: 0 }
.credit dl { display: grid; grid-template-columns: 100px 1fr; gap: 6px 14px; margin: 12px 0 0; font-size: 15px }
.credit dt { margin-top: 0; font-weight: 400; color: #9aa0a6 } .credit dd { margin: 0 }
@media (max-width: 560px) { .credit { grid-template-columns: 1fr } .credit dl { grid-template-columns: 1fr } .credit dt { margin-top: 6px } }
/* tm */ .tln-word::after { content: "\2122"; align-self: flex-start; font-size: .34em; font-weight: 600; letter-spacing: 0; margin: .3em 0 0 .14em; color: inherit }