@font-face{font-family:BebasArticle;src:url('../fonts/bebas-neue-bold.ttf') format('truetype');font-display:swap}
:root{--ink:#171514;--paper:#fffdfa;--muted:#6d6761;--line:#d9d5cf;--pink:#feaace;--light-pink:#feaace;--wide:min(1120px,calc(100% - 48px));--text:min(760px,calc(100% - 48px))}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:500 19px/1.65 'Nunito Sans',Arial,sans-serif}
a{color:var(--ink)}
.top,.head,footer{width:var(--wide);margin-inline:auto}
.top{display:flex;align-items:center;justify-content:space-between;min-height:76px;border-bottom:1px solid var(--line)}
.brand img{display:block}
.all{font-size:13px;font-weight:800;text-decoration:none}
.all:hover,.more a:hover{text-decoration:underline;text-decoration-color:var(--pink);text-decoration-thickness:3px;text-underline-offset:5px}
.head{padding:68px 0 46px}
.category{display:inline-block;margin-bottom:22px;padding:6px 10px;border:1px solid var(--ink);background:var(--pink);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.headline{max-width:1050px;margin:0;font:700 clamp(56px,5.4vw,72px)/.95 BebasArticle,Impact,sans-serif;text-transform:uppercase}
.summary{max-width:820px;margin:30px 0;font-size:23px;line-height:1.45}
.byline{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;color:var(--muted);font-size:14px;line-height:1.35}
.byline img{width:58px;height:58px;border-radius:50%;object-fit:cover}
.byline b{display:block;color:var(--ink)}
.meta{padding-left:18px;border-left:1px solid var(--line)}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.tag{display:inline-block;padding:7px 13px;border:1px solid var(--ink);border-radius:999px;color:var(--ink);font-size:14px;font-weight:800;line-height:1.35;text-decoration:none}
.tag:hover,.tag:focus-visible{background:var(--pink)}
.hero{width:var(--wide);margin:0 auto 68px}
.hero img{display:block;width:100%;max-height:680px;object-fit:cover;object-position:center 54%}
.hero figcaption,.gallery figcaption{margin-top:9px;color:var(--muted);font-size:14px;line-height:1.45}
.story{width:var(--text);margin:auto;padding-bottom:90px}
.story p{margin:0 0 25px}
.story h2{margin:76px 0 22px;font-size:42px;line-height:1.15;font-weight:900;letter-spacing:-.025em}
.diary{margin:28px -80px 34px;padding:30px 80px;background:var(--light-pink);border-block:1px solid #feaace;font-size:22px;line-height:1.5;font-style:italic}
.diary small{display:block;margin-bottom:10px;font-size:12px;font-weight:900;font-style:normal;letter-spacing:.1em;text-transform:uppercase}
.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px;width:min(1120px,calc(100% + 160px));margin:48px -80px 62px}
.gallery figure{min-width:0;margin:0}
.gallery img{display:block;width:100%;height:330px;object-fit:cover}
.author{margin-top:70px;padding:32px 0;border-block:1px solid var(--ink)}
.author h2{margin:0 0 12px;font-size:30px}
.author p{max-width:650px}
.social{display:flex;flex-wrap:wrap;gap:15px}
.social a{color:var(--ink);font-size:14px;font-weight:800}
.more{margin-top:60px;padding-top:20px;border-top:1px solid var(--line)}
.more h2{margin:0 0 22px;font-size:30px}
.more-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:min(1120px,calc(100% + 160px));margin-left:-80px}
.more a{display:flex;flex-direction:column;gap:12px;min-height:155px;padding:18px;border:1px solid var(--line);font-size:17px;font-weight:800;line-height:1.35;text-decoration:none}
.more a span{color:var(--muted);font-size:14px;font-weight:500;line-height:1.45}
footer{display:flex;justify-content:space-between;gap:16px;padding:28px 0;color:var(--muted);font-size:12px;border-top:1px solid var(--line)}
@media(max-width:700px){body{font-size:17px}.top,.head,footer,.hero{width:calc(100% - 28px)}.head{padding:42px 0 34px}.headline{font-size:42px}.summary{font-size:19px}.byline{gap:9px 12px}.meta{padding-left:0;border-left:0}.story{width:calc(100% - 28px)}.story h2{font-size:32px;margin-top:58px}.diary{margin-inline:-14px;padding:25px 14px;font-size:19px}.gallery{grid-template-columns:1fr;width:calc(100% + 28px);margin-inline:-14px;gap:22px}.gallery img{height:auto;max-height:520px}.gallery figcaption{padding-inline:14px}.more-grid{grid-template-columns:1fr;width:100%;margin-left:0}.more a{min-height:auto}footer{flex-wrap:wrap}}