/*
Theme Name: Restaurant Growth
Theme URI: https://restaurant-growth-studio.vast-sugar-9044.chatgpt.site/
Author: Restaurant Growth
Description: A Chinese restaurant digital marketing landing page with a purple palette.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: restaurant-growth
*/

:root{--ink:#1b1625;--cream:#f6f3fa;--orange:#9f78e5;--line:#dcd5e5;--muted:#6b6573}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans','Noto Sans SC',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(1200px,calc(100% - 48px));margin:auto}.top{background:var(--ink);color:#fff}.nav{display:flex;align-items:center;justify-content:space-between;padding:24px 0;border-bottom:1px solid #ffffff26}.brand{font-weight:900;font-size:21px;letter-spacing:-.04em}.brand b{color:var(--orange)}.navlinks{display:flex;gap:30px;align-items:center;font-size:14px}.navlinks a:hover{color:var(--orange)}.pill{border-radius:999px;padding:14px 25px;background:var(--orange);color:#fff;display:inline-flex;align-items:center;gap:20px;font-weight:800;white-space:nowrap;transition:transform .2s,background .2s}.pill:hover{transform:translateY(-2px);background:#bca0f1}.pill span{font-size:20px;line-height:1}.nav .pill{padding:10px 19px}.hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;min-height:670px;gap:60px;padding:70px 0 88px}.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:800;text-transform:uppercase;color:var(--orange);margin:0 0 24px}.hero h1{font-size:clamp(47px,5.4vw,79px);line-height:1.17;letter-spacing:-.06em;margin:0;max-width:750px;font-weight:900}.hero h1 em{font-style:normal;color:var(--orange)}.hero p.sub{font-size:18px;color:#d0c7db;line-height:1.85;max-width:600px;margin:30px 0 35px}.micro{font-size:13px;color:#aaa1b2;margin-top:18px}.hero-photo{height:535px;position:relative;border-radius:190px 190px 12px 12px;overflow:hidden;background:#392746 center/cover}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#1b1028a8,transparent 50%)}.photo-tag{position:absolute;z-index:1;bottom:23px;left:24px;right:24px;border:1px solid #ffffff75;background:#20172db8;backdrop-filter:blur(10px);color:#fff;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;font-size:13px}.photo-tag strong{font-size:22px;color:var(--orange)}.section{padding:110px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:48px}.kicker{font-weight:800;font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:#7650b8;margin:0 0 18px}.section h2{font-size:clamp(34px,4vw,55px);letter-spacing:-.055em;line-height:1.23;margin:0;font-weight:900}.section-head p{max-width:360px;line-height:1.7;color:var(--muted);margin:0}.problem{background:#eee9f4}.problems{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.problem-card{background:#faf8fd;padding:34px;min-height:260px;border-top:3px solid var(--orange)}.num{color:#7650b8;font-weight:800;font-size:13px}.problem-card h3{font-size:24px;letter-spacing:-.035em;margin:36px 0 15px}.problem-card p{font-size:16px;line-height:1.8;color:#605a69;margin:0}.why{background:var(--ink);color:#fff}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.why .lead{color:#c9bfd5;font-size:17px;line-height:1.95;margin:28px 0 0}.benefits{border-top:1px solid #ffffff36}.benefit{padding:23px 0;border-bottom:1px solid #ffffff36;display:grid;grid-template-columns:45px 1fr;gap:16px}.benefit .icon{color:var(--orange);font-size:23px}.benefit h3{font-size:19px;margin:0 0 6px}.benefit p{margin:0;color:#bab0c6;font-size:15px;line-height:1.75}.services{background:#faf8fd}.service-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:85px 1.1fr 1.5fr 1.1fr;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:28px 10px}.service-row .index{font-size:14px;color:#7650b8;font-weight:800}.service-row h3{margin:0;font-size:22px;letter-spacing:-.03em}.service-row p{font-size:15px;color:#605a69;line-height:1.65;margin:0}.service-row .outcome{font-weight:700;color:#292137}.steps{background:#ebe6f2}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.step{padding:30px 0;border-top:2px solid var(--ink)}.step span{font-size:49px;font-weight:900;letter-spacing:-.06em;color:#8d62ce}.step h3{font-size:24px;margin:25px 0 12px}.step p{line-height:1.8;color:#605a69;margin:0}.final{background:#c5a9f0;padding:95px 0}.final-grid{display:flex;justify-content:space-between;align-items:end;gap:50px}.final h2{font-size:clamp(39px,5vw,66px);letter-spacing:-.06em;line-height:1.18;max-width:760px;margin:0}.final p{font-size:18px;margin:22px 0 0}.final .pill{background:var(--ink);color:#fff}.final .pill:hover{background:#352847}.contact-note{margin-top:18px;font-size:14px;line-height:1.6}.footer{background:var(--ink);color:#a39aaf;padding:28px 0;font-size:13px}.footer .wrap{display:flex;justify-content:space-between;gap:20px}.footer strong{color:#fff}.contact-dialog{border:0;max-width:420px;width:calc(100% - 36px);padding:32px;background:var(--cream);color:var(--ink);box-shadow:0 30px 90px #0008}.contact-dialog::backdrop{background:#0009}.contact-dialog h3{font-size:25px;margin:0 0 12px}.contact-dialog p{line-height:1.75;color:#605a69}.close{float:right;background:none;border:0;font-size:28px;cursor:pointer}.contact-dialog .placeholder{border:1px dashed #aaa1b2;padding:22px;text-align:center;font-weight:700;color:#746c7d}
@media(max-width:850px){.navlinks a:not(.pill){display:none}.hero{grid-template-columns:1fr;min-height:0;padding:65px 0}.hero-photo{height:440px;max-width:600px;width:100%}.why-grid{grid-template-columns:1fr;gap:45px}.service-row{grid-template-columns:55px 1fr;gap:8px 15px}.service-row p{grid-column:2}.section-head{display:block}.section-head p{margin-top:20px}.final-grid{display:block}.final .pill{margin-top:32px}}@media(max-width:650px){.wrap{width:min(100% - 36px,1200px)}.nav{padding:16px 0}.brand{font-size:18px}.nav .pill{font-size:13px;padding:9px 13px;gap:6px}.hero{gap:42px;padding:54px 0 64px}.hero h1{font-size:43px}.hero p.sub{font-size:16px;margin:24px 0}.hero-photo{height:340px;border-radius:140px 140px 8px 8px}.section{padding:78px 0}.problems,.step-grid{grid-template-columns:1fr}.problem-card{min-height:0}.problem-card h3{margin-top:25px}.step{padding-top:18px}.final{padding:75px 0}.footer .wrap{display:block}.footer span{display:block;margin-top:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pill{transition:none}}

.hero-photo{background-image:url("assets/images/restaurant-hero.jpg")}
.hero-photo.custom-hero{background-image:var(--custom-hero)}
.admin-bar .nav{scroll-margin-top:32px}
.wechat-qr{display:block;max-width:100%;height:auto;margin:18px auto}.wechat-id{text-align:center;color:var(--ink)!important}.wp-content{min-height:55vh;padding:80px 0}.wp-content h1{font-size:clamp(32px,4vw,56px)}.entry-content{line-height:1.8;max-width:760px}.entry-content img{max-width:100%;height:auto}
