/*
Theme Name: Clown University Homepage Theme
Theme URI: https://clown-university.com/
Author: OpenAI
Description: Custom homepage theme mockup for DreamHost WordPress install, built to mirror the structural rhythm of the Reallusion homepage with placeholder royalty-free media.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: clown-university-homepage-theme
*/

:root{--bg:#ffffff;--text:#0f172a;--muted:#64748b;--border:#e2e8f0;--soft:#f8fafc;--dark:#020617}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.site-main{display:block}
.cu-wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.cu-header{position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);z-index:50}
.cu-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0}
.cu-brand{display:flex;align-items:center;gap:12px}
.cu-logo{width:48px;height:48px;border-radius:16px;background:var(--dark);color:#fff;display:grid;place-items:center;font-weight:700}
.cu-nav{display:flex;flex-wrap:wrap;gap:16px;font-size:14px}
.cu-btn{display:inline-block;background:var(--dark);color:#fff;padding:12px 18px;border-radius:16px}
.cu-btn--ghost{background:#fff;color:var(--text);border:1px solid var(--border)}
.cu-hero{padding:32px 0}.cu-hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:24px}
.cu-panel{border:1px solid var(--border);border-radius:28px;overflow:hidden;background:#fff}
.cu-hero-main{min-height:480px;position:relative;background:url('https://images.unsplash.com/photo-1516321497487-e288fb19713f?auto=format&fit=crop&w=1600&q=80') center/cover no-repeat}
.cu-overlay{position:absolute;inset:0;background:linear-gradient(90deg, rgba(2,6,23,.85), rgba(2,6,23,.4), transparent)}
.cu-hero-copy{position:absolute;left:32px;right:32px;bottom:32px;color:#fff;max-width:720px}
.cu-eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;opacity:.9}
.cu-home h1{font-size:52px;line-height:1.05;margin:10px 0 12px}.cu-home h2{font-size:34px;margin:0 0 8px}.cu-home h3{margin:0 0 8px;font-size:22px}
.cu-muted{color:var(--muted)} .cu-hero-side{display:grid;gap:24px}
.cu-mini{display:grid;grid-template-columns:150px 1fr;min-height:140px}.cu-mini img{height:100%;object-fit:cover}.cu-mini .cu-content{padding:18px}
.cu-home section{padding:26px 0 10px}.cu-section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px}
.cu-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.cu-card{border:1px solid var(--border);border-radius:28px;overflow:hidden;background:#fff}
.cu-card .cu-content{padding:20px}.cu-soft{background:var(--soft);padding:32px 0}.cu-iconbox{width:50px;height:50px;border-radius:16px;background:var(--dark);color:#fff;display:grid;place-items:center;font-weight:700}
.cu-video-thumb{position:relative}.cu-play{position:absolute;inset:0;display:grid;place-items:center}.cu-play span{width:84px;height:84px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center;font-size:28px}
.cu-footer{margin-top:36px;background:var(--dark);color:#fff}.cu-foot{display:grid;grid-template-columns:1fr auto;gap:24px;padding:36px 0}.cu-footer nav a{color:rgba(255,255,255,.82)}
.cu-page{padding:48px 0}
.cu-generic{max-width:900px;margin:0 auto;padding:0 24px}
.cu-generic h1{font-size:42px;line-height:1.1}
@media (max-width: 980px){.cu-hero-grid,.cu-grid-3,.cu-foot{grid-template-columns:1fr}.cu-mini{grid-template-columns:1fr}.cu-home h1{font-size:38px}.cu-nav{display:none}.cu-topbar{align-items:flex-start;flex-direction:column}}