.page { min-height: 100svh; box-sizing: border-box; padding: clamp(28px,4.5vw,56px) clamp(24px,6vw,96px); display:flex; flex-direction:column; gap:56px; } .home { align-self:flex-start; color:var(--ink); text-decoration:none; font-family:var(--serif); font-weight:700; font-size:22px; display:inline-flex; align-items:flex-start; gap:3px; } .home .dot { width:5px; height:5px; border-radius:50%; background:var(--red); margin-top:3px; } main article { flex:1; max-width:46em; } h1 { margin:0 0 14px; font-weight:500; font-size:clamp(24px,3vw,32px); letter-spacing:.01em; } .lede { color:var(--mute); font-size:14px; line-height:1.9; margin:0 0 40px; max-width:34em; } .creditlist { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; } .creditlist li { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:baseline; gap:8px 28px; padding:14px 0; border-top:1px solid var(--line); } .creditlist li:last-child { border-bottom:1px solid var(--line); } .creditlist a { color:var(--ink); text-decoration:none; font-size:15px; text-underline-offset:5px; } .creditlist a:hover { text-decoration:underline; } .creditlist span { color:var(--mute); font-size:12px; letter-spacing:.06em; white-space:nowrap; }
OUTLIER

写真クレジット

ショート動画のカバー画像に使用している人物写真の出典です。すべて Wikimedia Commons のパブリックドメインまたはクリエイティブ・コモンズ作品を使用しています。