body.lucy-page { --a1:#f5bc51; --a2:#b65b26; --header-bg:rgba(255,249,234,.94); background:#fff9ea; color:#293b28; }
.lucy-page::before { opacity:.12!important; }
.lucy-page h1,.lucy-page h2 { font-family:Georgia,serif; letter-spacing:-.035em; }
.lucy-page h1 { font-size:clamp(44px,5.8vw,78px); line-height:1.04; margin:18px 0 22px; }
.lucy-page h2 { font-size:clamp(30px,3.5vw,46px); line-height:1.14; }
.lucy-page p { line-height:1.75; }
body.lucy-page[data-brand="kitz"] .btn.primary { background:#365438; color:#fff9ea; border-color:#365438; }
body.lucy-page[data-brand="kitz"] .btn.primary:hover { background:#233f28; }
.lucy-page .btn.ghost { background:transparent; border-color:#7e8a65; }
.lucy-breadcrumb { font-size:13px; padding:22px 0 0; color:#67745c; }
.lucy-breadcrumb a { text-decoration:underline; text-underline-offset:3px; }
.lucy-hero { display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center; padding:40px 0 68px; }
.lucy-hero .lead { font-size:20px; max-width:48ch; }
.lucy-hero-image { width:100%; height:auto; border-radius:180px 180px 28px 28px; box-shadow:0 18px 40px #493b1420; }
.lucy-label { display:inline-block; background:#f1e6bd; color:#38513a; padding:9px 16px; border-radius:30px; font-size:12px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.lucy-section { padding:64px 0; }
.lucy-section.tinted { background:#f0f1db; }
.lucy-intro { max-width:720px; margin-bottom:30px; }
.lucy-story-grid,.lucy-song { display:grid; grid-template-columns:1fr 1fr; gap:36px; align-items:center; }
.lucy-note { padding:32px; border:1px solid #d4dbbd; border-radius:24px; background:#fffdf3; }
.lucy-note h3 { margin-top:0; }
.lucy-song { grid-template-columns:240px 1fr; }
.lucy-song img { width:100%; height:auto; border-radius:20px; }
.lucy-faces { display:flex; gap:12px; margin:24px 0; }
.lucy-faces img { width:84px; height:84px; border-radius:50%; object-fit:cover; border:3px solid #fff9ea; }
.lucy-episodes { list-style:none; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:12px; counter-reset:episode; }
.lucy-episodes li { counter-increment:episode; display:flex; align-items:center; gap:16px; background:#fffdf4; border:1px solid #e7dec4; padding:18px; border-radius:16px; font-size:16px; }
.lucy-episodes li::before { content:counter(episode,decimal-leading-zero); color:#836a36; font-size:23px; font-family:Georgia,serif; }
.lucy-character-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; padding-bottom:60px; }
.lucy-character { border-radius:24px; overflow:hidden; border:1px solid #e1dcc7; background:#fffdf5; }
.lucy-character img { width:100%; height:auto; display:block; }
.lucy-character-copy { padding:24px; }
.lucy-character-copy h2 { font-size:29px; margin:8px 0 14px; }
.lucy-character-copy .kicker { color:#75612f; }
.lucy-character-copy p { margin-bottom:0; }
.lucy-credit { font-size:13px; color:#657059; padding-top:20px; border-top:1px solid #dfe1cb; }
.lucy-footer { background:#e9edda; padding:32px 0; font-size:14px; }
.lucy-footer .container { display:flex; flex-wrap:wrap; justify-content:space-between; gap:24px; }
.lucy-footer a { text-decoration:underline; text-underline-offset:3px; }
.lucy-kitz-teaser { display:grid; grid-template-columns:260px 1fr; gap:36px; align-items:center; }
.lucy-kitz-teaser img { width:100%; height:auto; border-radius:24px; }
@media(max-width:900px) { .lucy-character-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .lucy-hero { gap:28px; } }
@media(max-width:760px) { .lucy-hero,.lucy-story-grid,.lucy-song,.lucy-kitz-teaser { grid-template-columns:1fr; } .lucy-hero { padding-top:24px; } .lucy-hero-image { max-width:460px; margin:auto; } .lucy-character-grid,.lucy-episodes { grid-template-columns:1fr; } .lucy-song img,.lucy-kitz-teaser img { max-width:250px; } .lucy-faces { flex-wrap:wrap; } .lucy-section { padding:42px 0; } }