:root{
    --bg:#f4f1f0;
    --bg-soft:#faf8f7;
    --card:#ffffff;
    --line:#e7dfdb;
    --text:#403836;
    --sub:#7b7270;
    --accent:#847677;
    --accent-dark:#675b5c;
    --shadow:0 14px 36px rgba(54,44,40,.08);
    --radius-xl:32px;
    --radius-lg:24px;
    --radius-md:18px;
    --container:1120px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    margin:0;
    background:linear-gradient(180deg,#f8f6f5 0%, #f0ecea 100%);
    color:var(--text);
    font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic UI","Yu Gothic",sans-serif;
    line-height:1.7;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}

.site-header{
    position:fixed;
    inset:0 0 auto 0;
    z-index:100;
    background:rgba(255,255,255,.58);
    backdrop-filter:blur(12px);
    border-bottom:1px solid rgba(255,255,255,.35);
}
.site-header__inner,
.site-footer__inner,
.page-shell{
    width:min(calc(100% - 32px), var(--container));
    margin:0 auto;
}
.site-header__inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:68px;
}
.site-logo{font-weight:700;letter-spacing:.06em}
.site-footer{padding:48px 0;color:var(--sub)}

.page-shell{padding:108px 0 64px}
.page-shell--narrow{width:min(calc(100% - 32px), 980px)}
.content-card,
.simple-hero,
.archive-head,
.invitation-archive-card{
    background:var(--card);
    border:1px solid var(--line);
    border-radius:var(--radius-xl);
    box-shadow:var(--shadow);
}
.content-card{padding:28px}
.simple-hero{padding:72px 28px;text-align:center}
.simple-hero__eyebrow,
.archive-head__eyebrow,
.section-eyebrow{
    margin:0 0 8px;
    letter-spacing:.18em;
    font-size:12px;
    color:var(--sub);
}
.button-primary{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:52px;
    padding:12px 22px;
    border-radius:999px;
    background:var(--accent);
    color:#fff;
    font-weight:700;
    box-shadow:0 10px 24px rgba(132,118,119,.24);
}
.button-primary:hover{background:var(--accent-dark);color:#fff}
.button-primary--large{min-height:56px;min-width:260px}
.archive-head{padding:32px;margin-bottom:24px}
.archive-grid{display:grid;gap:20px}
.invitation-archive-card{overflow:hidden}
.invitation-archive-card__thumb{display:block;min-height:240px;background:#ddd center/cover no-repeat}
.invitation-archive-card__body{padding:22px}
.invitation-archive-card__meta{font-size:12px;color:var(--sub);letter-spacing:.16em;margin:0 0 10px}

@media (max-width:768px){
    .site-header__inner{min-height:60px}
    .page-shell{padding-top:88px}
    .simple-hero{padding:56px 20px}
    .button-primary--large{width:100%;min-width:0}
}