/* トップページ専用。既存の記事ページのCSSは変更しません。 */
.mag-header{background:#f8f6f2;color:#302f2b;padding-top:56px}
.mag-brand{text-align:center;padding-bottom:46px}
.mag-kicker{font-size:11px;letter-spacing:.24em;color:#8c8a80;margin:0 0 16px}
.mag-brand h1{font-size:clamp(27px,4.2vw,48px);font-weight:500;letter-spacing:.08em;line-height:1.5;margin:0 0 8px}
.mag-brand h1 a{color:inherit;text-decoration:none}
.mag-brand>p:last-child{font-size:13px;color:#77766f;letter-spacing:.1em}
.mag-header .category-nav{border-top:1px solid #dcd9d2;border-bottom:1px solid #dcd9d2;background:transparent}
.mag-header .category-nav__inner{display:flex;align-items:center;justify-content:center;gap:clamp(12px,2.8vw,35px);flex-wrap:wrap;padding:17px 0}
.mag-header .category-nav a{font-size:12px;text-decoration:none;white-space:nowrap;color:#55544e}
.mag-header .category-nav a:hover{opacity:.55}
.home-gallery{padding:75px 0 65px;background:#f8f6f2}
.home-gallery[hidden]{display:none!important}
.mag-section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}
.mag-section-heading h2{font-size:clamp(25px,3vw,35px);font-weight:500;margin:0}
.mag-section-heading>p{font-size:12px;color:#888}
.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.gallery-item{margin:0;min-width:0}
.gallery-item--large{grid-column:1/-1}
.gallery-placeholder{aspect-ratio:4/3;display:grid;place-items:center;background:#e6e2da;color:#aaa49b;font-size:11px;letter-spacing:.2em}
.gallery-item--large .gallery-placeholder{aspect-ratio:16/8}
.gallery-item figcaption{font-size:12px;margin-top:9px;color:#777}
@media(max-width:650px){.mag-header{padding-top:36px}.mag-brand{padding-bottom:30px}.mag-header .category-nav__inner{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:15px 0}.mag-header .category-nav__inner::-webkit-scrollbar{display:none}.home-gallery{padding:42px 0}.gallery-grid{gap:10px}}