:root{--primary:#A22020;--primary-dark:#7F1818;--primary-soft:#F4E8E8;--charcoal:#1F1F1F;--text:#1F1F1F;--muted:#555;--border:#E8E8E8;--bg:#FAFAFA;}*{box-sizing:border-box;}html{scroll-behavior:smooth;}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg);}a{color:var(--primary);text-decoration:none;}a:hover{text-decoration:underline;}.container{max-width:1100px;margin:0 auto;padding:0 16px;}.header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.96);border-bottom:1px solid var(--border);}.nav{display:flex;align-items:center;justify-content:space-between;padding:12px 0;gap:12px;}.logo-wrap{display:flex;align-items:center;gap:10px;}.logo-img{display:block;height:48px;width:auto;}@media (max-width:600px){.logo-img{height:38px;}}.badge{display:inline-block;font-size:12px;padding:2px 8px;border-radius:999px;background:var(--primary-soft);color:var(--primary);}.btn{display:inline-block;padding:12px 18px;border-radius:8px;border:1px solid var(--primary);background:var(--primary);color:#fff;font-weight:600;}.btn.secondary{background:#fff;color:var(--primary);}.btn:hover{background:var(--primary-dark);border-color:var(--primary-dark);color:#fff;}.hero{padding:64px 0 32px;background:linear-gradient(180deg,#ffffff 0%,#fff7f7 100%);border-bottom:1px solid var(--border);}.hero h1{font-size:clamp(28px,4vw,48px);margin:0 0 12px;}.hero p.lead{font-size:clamp(16px,2.2vw,20px);color:var(--muted);margin:0 0 20px;}.grid{display:grid;gap:16px;}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));}@media (max-width:800px){.grid-3,.grid-2{grid-template-columns:1fr;}}.card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:18px;}.section{padding:48px 0;}.section h2{margin-top:0;font-size:clamp(22px,3vw,32px);color:var(--charcoal);}.footer{border-top:1px solid var(--border);padding:24px 0 48px;background:#fff;color:var(--muted);}.notice{font-size:14px;color:var(--muted);}.cta{text-align:center;background:var(--primary);color:#fff;border-radius:16px;padding:24px;}
.card img.thumb{width:100%;height:auto;border-radius:10px;display:block;margin:0 0 10px 0;}






.grid-ref{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));}
@media(max-width:900px){.grid-ref{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px){.grid-ref{grid-template-columns:1fr;}}
.grid-ref img{width:100%;height:auto;border-radius:10px;display:block;border:1px solid var(--border);}
.cat{margin-top:6px;font-weight:700;color:var(--charcoal);}

.thumb-wrap{width:100%;aspect-ratio:16/10;overflow:hidden;border-radius:10px;border:1px solid var(--border);background:#fff;}
.thumb-wrap img.thumb{width:100%;height:100%;object-fit:cover;display:block;margin:0;border-radius:0;border:0;}

.slogan{font-size:1.1rem;font-weight:600;color:var(--primary);
margin:6px 0 8px 0;font-style:italic;
border-bottom:1px solid #ccc;padding-bottom:4px;
text-shadow:0 0 2px rgba(0,0,0,0.6);}
@media(max-width:600px){.slogan{font-size:1.1rem;font-weight:600;color:var(--primary);
margin:6px 0 8px 0;font-style:italic;
border-bottom:1px solid #ccc;padding-bottom:4px;
text-shadow:0 0 2px rgba(0,0,0,0.6);}}