/*
Theme Name: Lume
Theme URI: https://example.invalid/lume
Author: Lume
Description: Minimal editorial theme for the Lume beauty salon.
Version: 1.0.0
Requires at least: 7.0
Requires PHP: 8.2
Text Domain: lume
*/

:root { --lume-bg:#fbf7f4; --lume-paper:#fffdfb; --lume-rose:#bd7e79; --lume-rose-dark:#985e5a; --lume-ink:#342a28; --lume-muted:#796b67; --lume-line:#e9ddd7; --lume-serif:"Iowan Old Style","Palatino Linotype",Georgia,serif; --lume-sans:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--lume-ink); background:var(--lume-paper); font:16px/1.7 var(--lume-sans); }
img { max-width:100%; height:auto; }
a { color:var(--lume-rose-dark); text-underline-offset:3px; }
.screen-reader-text { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.lume-container { width:min(1180px,calc(100% - 40px)); margin-inline:auto; }
.site-header { position:sticky; z-index:50; top:0; border-bottom:1px solid rgba(233,221,215,.8); background:rgba(255,253,251,.94); backdrop-filter:blur(12px); }
.site-header__inner { display:flex; min-height:78px; align-items:center; justify-content:space-between; gap:25px; }
.site-brand { color:var(--lume-ink); text-decoration:none; text-align:center; line-height:1; }
.site-brand strong { display:block; font:500 25px/1 var(--lume-serif); letter-spacing:.18em; }.site-brand small { display:block; margin-top:7px; font-size:8px; letter-spacing:.28em; text-transform:uppercase; }
.site-nav ul { display:flex; align-items:center; gap:27px; padding:0; margin:0; list-style:none; }.site-nav a { color:var(--lume-ink); font-size:13px; text-decoration:none; }.site-nav a:hover { color:var(--lume-rose); }
.lume-button,.site-nav .menu-item-object-custom:last-child a { display:inline-block; padding:11px 20px; color:#fff; border:1px solid var(--lume-rose); background:var(--lume-rose); font-size:13px; font-weight:600; text-decoration:none; }.lume-button:hover,.site-nav .menu-item-object-custom:last-child a:hover { color:#fff; background:var(--lume-rose-dark); }
.menu-toggle { display:none; padding:9px; border:0; background:none; font-size:22px; }
.lume-hero { min-height:680px; display:grid; align-items:center; background-color:#f5eae4; background-image:linear-gradient(90deg,rgba(250,242,237,.98) 0%,rgba(250,242,237,.93) 34%,rgba(250,242,237,.15) 62%),url("assets/images/lume-hero.png"); background-position:center,right center; background-size:cover; }
.lume-hero__content { max-width:545px; padding:100px 0; }.lume-eyebrow { margin:0 0 16px; color:var(--lume-rose); text-transform:uppercase; letter-spacing:.18em; font-size:11px; font-weight:700; }.lume-hero h1,.lume-section h2,.page-title { margin:.1em 0 .4em; font:400 clamp(42px,6vw,78px)/1.05 var(--lume-serif); letter-spacing:-.03em; }.lume-hero p { max-width:480px; color:#675854; font-size:17px; }.lume-actions { display:flex; gap:12px; margin-top:30px; }.lume-button--ghost { color:var(--lume-rose-dark); background:transparent; }
.lume-section { padding:100px 0; }.lume-section--tint { background:var(--lume-bg); }.lume-section__head { max-width:700px; margin:0 auto 45px; text-align:center; }.lume-section h2,.page-title { font-size:clamp(36px,4.4vw,58px); }.lume-prose { max-width:760px; }.lume-about { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; }.lume-about__visual { min-height:470px; background:linear-gradient(145deg,#ead7cd,#f7eee9); position:relative; }.lume-about__visual::before { content:"LUMÉ"; position:absolute; inset:50% auto auto 50%; transform:translate(-50%,-50%); color:#aa7973; font:400 44px var(--lume-serif); letter-spacing:.22em; }.lume-about__visual::after { content:""; position:absolute; inset:34px; border:1px solid rgba(189,126,121,.45); }
.lume-values { display:grid; grid-template-columns:repeat(3,1fr); gap:26px; margin-top:45px; }.lume-value { padding:28px; border-top:1px solid var(--lume-rose); background:#fff; }.lume-value h3 { font:400 25px var(--lume-serif); }
.lume-reviews { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }.lume-review { padding:32px; border:1px solid var(--lume-line); background:#fff; }.lume-stars { color:#d79878; letter-spacing:.18em; }.lume-review blockquote { margin:18px 0; font-family:var(--lume-serif); font-size:20px; line-height:1.5; }
.lume-cta { padding:80px 30px; text-align:center; background:linear-gradient(120deg,#f1ddd5,#fbf5f1); }.lume-cta h2 { max-width:650px; margin-inline:auto; }
.site-footer { padding:55px 0 25px; color:#e9deda; background:#3b302e; }.site-footer__grid { display:grid; grid-template-columns:1.5fr 1fr 1fr; gap:50px; }.site-footer .site-brand { color:white; text-align:left; }.site-footer a { color:#e9deda; }.site-footer ul { padding:0; list-style:none; }.site-footer__bottom { margin-top:40px; padding-top:20px; border-top:1px solid rgba(255,255,255,.14); color:#b9a9a5; font-size:12px; }
.lume-page { min-height:60vh; padding:90px 0; }.lume-page__content { max-width:850px; }.lume-page__content>p:first-of-type { font-size:19px; }.wp-block-gallery { gap:12px!important; }
@media (max-width:900px) { .menu-toggle { display:block; }.site-nav { display:none; position:absolute; inset:78px 0 auto; padding:20px; border-bottom:1px solid var(--lume-line); background:white; }.site-nav.is-open { display:block; }.site-nav ul { flex-direction:column; align-items:stretch; }.lume-hero { min-height:610px; background-image:linear-gradient(90deg,rgba(250,242,237,.98),rgba(250,242,237,.78)),url("assets/images/lume-hero.png"); }.lume-about { grid-template-columns:1fr; }.lume-service-grid { grid-template-columns:repeat(2,1fr)!important; }.lume-reviews,.lume-values { grid-template-columns:1fr; }.site-footer__grid { grid-template-columns:1fr 1fr; } }
@media (max-width:560px) { .lume-container { width:min(100% - 26px,1180px); }.lume-hero { min-height:560px; }.lume-hero__content { padding:70px 0; }.lume-section { padding:70px 0; }.lume-actions { align-items:stretch; flex-direction:column; }.lume-button { text-align:center; }.lume-service-grid,.site-footer__grid { grid-template-columns:1fr!important; } }