/* Dark decorative theme with subtle motifs */
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#e6eefc;line-height:1.55;background:#0b0e13}
.site-bg{position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:
    radial-gradient(1200px 600px at 10% 90%, rgba(21,30,46,.55), transparent 70%),
    radial-gradient(900px 500px at 85% 10%, rgba(18,26,40,.6), transparent 65%),
    repeating-linear-gradient(135deg, rgba(255,255,255,.04) 0 1px, rgba(255,255,255,0) 1px 12px),
    linear-gradient(135deg, #0c121c 0%, #0c121c 100%);
}
.hero{position:relative;height:56vh;min-height:400px;display:grid;place-items:center;overflow:hidden}
.hero .hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero .overlay{position:absolute;inset:0;background:rgba(0,0,0,.35)}
.hero .brand-mark{position:absolute;top:14px;left:14px;width:clamp(90px,16vw,180px);z-index:4;
  background:rgba(0,0,0,.5);padding:6px 8px;border-radius:8px;backdrop-filter:blur(2px)}
.hero .hero-text{position:relative;text-align:center;color:#fff;padding:0 16px;z-index:3;text-shadow:0 2px 8px rgba(0,0,0,.35)}
.hero h1{margin:0 0 6px;font-size:clamp(28px,6vw,56px);letter-spacing:.5px}
.hero .subtitle{margin:0;font-size:clamp(14px,2.6vw,22px);opacity:.95}
.hero .aka{margin:4px 0 8px;font-size:clamp(12px,2.1vw,16px);opacity:.9}
.hero .tags{margin:4px 0 0;font-size:clamp(12px,2.2vw,18px);opacity:.9}

.section{padding:48px 16px;max-width:1080px;margin:0 auto}
.section.light{background:#0f141e;border-top:1px solid #121a28;border-bottom:1px solid #121a28}
.section.tiny{padding-top:16px;padding-bottom:28px}
h2{font-size:clamp(22px,3.4vw,32px);margin-top:0;color:#d8e6ff}

.cards{display:grid;gap:10px;padding-left:18px}
.cards li{background:#121a28;border:1px solid #1a2537;padding:10px 12px;border-radius:8px;color:#e6eefc}

.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
figure{margin:0;background:#121a28;border:1px solid #1a2537;border-radius:10px;overflow:hidden}
figure img{width:100%;height:190px;object-fit:cover;display:block}
figcaption{padding:8px 10px;font-size:14px;color:#cbd7ee}

.divider{height:1px;max-width:1080px;margin:10px auto 4px auto;
  background:linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,0.12), rgba(255,255,255,0));
}

.thumbs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;max-width:520px;margin:0 auto}
.thumbs figure{background:#121a28;border:1px solid #1a2537;border-radius:10px;overflow:hidden}
.thumbs img{width:100%;height:auto;display:block}
.thumbs figcaption{padding:6px 8px;font-size:13px;color:#cbd7ee;text-align:center}
#atelier-thumbs .mini-title{font-size:18px;line-height:1.2;margin:0 auto 10px auto;color:#cbd7ee;text-align:center;opacity:.9}

#contact p a{color:#9bc2ff;text-decoration:none}
#contact p a:hover{text-decoration:underline}

.footer{text-align:center;padding:22px 10px;font-size:14px;color:#99a6bf}