/*
Theme Name: AlovaStory Simple
Theme URI: https://alovastory.id/
Author: AlovaStory
Description: Theme landing page sederhana untuk AlovaStory.
Version: 1.0.0
Text Domain: alovastory
*/
:root{--alova-bg:#fbf6f3;--alova-surface:#fffaf7;--alova-rose:#b8796f;--alova-deep:#74443f;--alova-text:#4f3936;--alova-muted:#8d716c;--alova-line:rgba(116,68,63,.14);--alova-white:#fff;--alova-max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--alova-bg);color:var(--alova-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}.alova-wrap{width:min(calc(100% - 40px),var(--alova-max));margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(251,246,243,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--alova-line)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand img{display:block;width:220px;max-height:58px;object-fit:contain;object-position:left center}.menu{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:600}.menu a{transition:.2s}.menu a:hover{color:var(--alova-rose)}
.hero{min-height:calc(100vh - 78px);display:grid;place-items:center;text-align:center;padding:90px 0;background:radial-gradient(circle at 50% 25%,#fff 0,#fbf6f3 45%,#f5ebe7 100%)}.hero-inner{max-width:820px}.eyebrow{display:inline-block;color:var(--alova-rose);font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;margin-bottom:18px}.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(48px,8vw,92px);font-weight:400;line-height:1.02;letter-spacing:-.045em;margin:0;color:var(--alova-deep)}.hero p{max-width:620px;margin:26px auto 0;color:var(--alova-muted);font-size:17px}.hero-mark{width:76px;height:1px;background:var(--alova-rose);margin:34px auto 0;opacity:.6}
.section{padding:110px 0}.section.alt{background:var(--alova-surface)}.section-head{max-width:650px;margin-bottom:44px}.section-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:var(--alova-rose);font-weight:700}.section h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(36px,5vw,58px);font-weight:400;line-height:1.1;color:var(--alova-deep);margin:10px 0 16px}.section p{color:var(--alova-muted);margin:0}.product-placeholder{border:1px solid var(--alova-line);border-radius:26px;padding:48px;background:rgba(255,255,255,.5);min-height:260px;display:flex;align-items:flex-end}.product-placeholder strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:28px;font-weight:400;color:var(--alova-deep);margin-bottom:6px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about-card{aspect-ratio:4/3;border-radius:34px;background:linear-gradient(145deg,#efdcd6,#f9efeb);display:grid;place-items:center}.about-card span{font-family:Georgia,"Times New Roman",serif;font-size:52px;color:var(--alova-rose);font-style:italic}
.site-footer{border-top:1px solid var(--alova-line);padding:28px 0}.footer-inner{display:flex;justify-content:space-between;gap:20px;color:var(--alova-muted);font-size:13px}.footer-inner strong{color:var(--alova-deep);font-weight:600}
@media(max-width:700px){.alova-wrap{width:min(calc(100% - 28px),var(--alova-max))}.nav{height:70px}.brand img{width:175px}.menu{gap:18px;font-size:13px}.hero{min-height:calc(100svh - 70px);padding:70px 0}.section{padding:78px 0}.product-placeholder{padding:30px;min-height:220px}.about-grid{grid-template-columns:1fr;gap:36px}.footer-inner{flex-direction:column;gap:5px}}