:root{--cream:#fff8f1;--blush:#f8d9d6;--rose:#c9566b;--rose-d:#a63f54;--cocoa:#4a2c23;--butter:#fbe9c6;--line:#ecd9cc}
*{box-sizing:border-box}body{margin:0;font-family:Nunito,system-ui,sans-serif;color:var(--cocoa);background:var(--cream);line-height:1.55}
h1,h2,h3,.brand{font-family:'Playfair Display',Georgia,serif}h1{font-size:clamp(1.9rem,5vw,3rem);line-height:1.15;margin:.3em 0}h2{font-size:1.6rem}
a{color:var(--rose-d)}main{max-width:1100px;margin:auto;padding:1rem}
.top{position:sticky;top:0;z-index:5;background:#fffaf5ee;backdrop-filter:blur(6px);border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:.6rem 1rem;gap:.4rem}
.brand{text-decoration:none;color:var(--cocoa);font-size:1.5rem;font-weight:700;display:flex;flex-direction:column;line-height:1.1}.brand small{font-family:Nunito;font-size:.75rem;color:var(--rose);letter-spacing:.08em;text-transform:uppercase}
.top nav{display:flex;gap:.2rem}.top nav a{text-decoration:none;padding:.4rem .7rem;border-radius:99px;color:var(--cocoa);font-weight:600}.top nav a.active,.top nav a:hover{background:var(--blush)}
.btn{display:inline-block;background:var(--rose);color:#fff;border:0;padding:.85rem 1.4rem;border-radius:99px;font:700 1rem Nunito;text-decoration:none;cursor:pointer}.btn:hover{background:var(--rose-d)}.btn.ghost{background:transparent;color:var(--rose-d);border:2px solid var(--rose)}.btn.small{padding:.45rem .9rem;font-size:.9rem}
.hero{display:grid;gap:1.5rem;align-items:center;padding:1rem 0 2rem}.hero-img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:24px;box-shadow:0 12px 30px #4a2c2322}
.eyebrow{color:var(--rose);text-transform:uppercase;letter-spacing:.12em;font-weight:700;font-size:.8rem;margin:0}.lead{font-size:1.15rem}.ctas{display:flex;gap:.7rem;flex-wrap:wrap}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.card{background:#fff;border-radius:18px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 4px 14px #4a2c2314;transition:transform .2s}.card:hover{transform:translateY(-3px)}
.card img,.card .ph{width:100%;aspect-ratio:1;object-fit:cover}.card h3,.card p{margin:.5rem .9rem}.card p{font-size:.92rem;margin-bottom:1rem}
.about{display:grid;gap:1.5rem;background:var(--butter);border-radius:24px;padding:1.5rem;margin:2.5rem 0;align-items:center}.about img{width:100%;border-radius:18px;aspect-ratio:1;object-fit:cover}
.how ol{padding-left:1.2rem}.how li{margin:.5rem 0}.how{text-align:left;margin-bottom:2rem}
.ph{background:repeating-linear-gradient(45deg,var(--blush),var(--blush) 12px,#fbe4e1 12px,#fbe4e1 24px);display:flex;align-items:center;justify-content:center;font-size:2rem;border-radius:inherit}
.draft{background:var(--butter);border:2px dashed #e0b35a;padding:.7rem 1rem;border-radius:12px;font-weight:700}
.cats{display:flex;gap:.4rem;overflow-x:auto;padding:.4rem 0;position:sticky;top:64px;background:var(--cream);z-index:3}.cats a{white-space:nowrap;background:#fff;border:1px solid var(--line);padding:.35rem .8rem;border-radius:99px;text-decoration:none;font-weight:600;font-size:.9rem}
.menu-grid{display:grid;gap:.8rem}.item{display:flex;gap:.9rem;background:#fff;border-radius:16px;padding:.7rem;box-shadow:0 2px 10px #4a2c2310}.item h3{margin:.1rem 0;font-size:1.1rem}.item p{margin:.2rem 0;font-size:.92rem}
.thumb{width:96px;height:96px;flex:none;object-fit:cover;border-radius:12px}.tbd{background:var(--blush);padding:.1rem .5rem;border-radius:6px;font-weight:700;font-size:.8rem}.item a{font-weight:700;font-size:.9rem}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.6rem}.gallery img,.gallery .ph{width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px;display:block}
.form{display:grid;gap:1rem;max-width:720px}.form.narrow{max-width:380px;margin:2rem auto}fieldset{border:1px solid var(--line);border-radius:16px;background:#fff;padding:1rem;display:grid;gap:.8rem}legend{font-weight:700;padding:0 .4rem;font-family:'Playfair Display'}
label{display:grid;gap:.25rem;font-weight:600}input,select,textarea{font:inherit;padding:.7rem;border:1px solid #d9c2b4;border-radius:10px;background:#fffdfb;width:100%}input:focus,select:focus,textarea:focus{outline:3px solid var(--blush);border-color:var(--rose)}
details{border:1px solid var(--line);border-radius:12px;padding:.4rem .8rem}summary{font-weight:700;cursor:pointer;padding:.3rem 0}.pick{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.3rem 0;border-top:1px dashed var(--line)}
.pick label{display:flex;align-items:center;gap:.5rem;font-weight:400}.pick input[type=checkbox]{width:1.2rem;height:1.2rem}.pick input[type=number]{width:5.5rem}.hint{margin:0;font-size:.9rem}
.radio{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;font-weight:600}.radio label{display:flex;align-items:center;gap:.3rem}.radio input{width:auto}
.errors{background:#fde8e8;border:1px solid #e9a3a3;border-radius:12px;padding:.3rem 1rem}.thanks{text-align:center;padding:3rem 1rem}
.dash-head{display:flex;justify-content:space-between;align-items:center}.chip{display:inline-block;padding:.2rem .7rem;border-radius:99px;background:#eee;font-size:.85rem;font-weight:700;text-decoration:none;color:var(--cocoa);margin:.15rem 0}
.s-Requested{background:#fde7c2}.s-Called{background:#d9ecfb}.s-Confirmed{background:#d8f1dc}.s-Completed{background:#e6e1f5}.s-Cancelled{background:#eee;color:#888}
.order{background:#fff;border-radius:16px;padding:1rem;margin:1rem 0;box-shadow:0 2px 10px #4a2c2312;border-left:6px solid var(--rose)}.order header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.order h2{margin:0;font-size:1.25rem}
dl{display:grid;grid-template-columns:110px 1fr;gap:.3rem .8rem;margin:.6rem 0}dt{font-weight:700}dd{margin:0}.insp{max-width:160px;border-radius:10px}.status{display:flex;gap:.5rem}.status select{width:auto}
footer{text-align:center;padding:2rem 1rem;background:var(--blush);font-size:.9rem;margin-top:2rem}footer p{margin:.2rem}
@media(min-width:760px){.hero{grid-template-columns:1.1fr 1fr}.about{grid-template-columns:1fr 1.5fr}.menu-grid{grid-template-columns:1fr 1fr}.thumb{width:120px;height:120px}}
.motto{font-family:'Playfair Display',serif;font-size:1.3rem;color:var(--rose-d);font-style:italic}.premium{color:var(--rose-d);font-weight:700}.muted{color:#a08b80}
.ways{display:grid;gap:1rem}.way{display:flex;flex-direction:column;background:#fff;border-radius:20px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 4px 14px #4a2c2314;border:2px solid transparent}.way:hover{border-color:var(--rose)}
.way img{width:100%;aspect-ratio:16/9;object-fit:cover}.way>div{padding:1rem 1.2rem;position:relative}.way h3{margin:.2rem 0;font-size:1.4rem}.way .num{position:absolute;top:-1.4rem;left:1rem;background:var(--rose);color:#fff;width:2.4rem;height:2.4rem;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:1.2rem}.way .link{font-weight:700;color:var(--rose-d)}
.gallery.feature{grid-template-columns:repeat(3,1fr)}
.builder{display:grid;gap:1rem}.progress{display:flex;gap:.35rem;list-style:none;padding:0;margin:0 0 .5rem;flex-wrap:wrap}.progress li{width:1.9rem;height:1.9rem;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid var(--line);font-size:.8rem;font-weight:700}.progress li.done{background:var(--blush)}.progress li.cur{background:var(--rose);color:#fff}
.step{background:#fff;border-radius:18px;padding:1rem 1.2rem;box-shadow:0 2px 10px #4a2c2310}.step h2{margin:.1rem 0 .8rem}
.types{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.7rem}.type{border:2px solid var(--line);background:#fff;border-radius:16px;padding:0;overflow:hidden;cursor:pointer;font:700 1rem Nunito;color:var(--cocoa)}.type img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.type span{display:block;padding:.6rem}.type.on,.type:hover{border-color:var(--rose)}
.opts{display:flex;flex-wrap:wrap;gap:.5rem}.opt{border:1.5px solid #d9c2b4;background:#fffdfb;border-radius:99px;padding:.55rem .95rem;font:600 .95rem Nunito;color:var(--cocoa);cursor:pointer}.opt.on{background:var(--rose);border-color:var(--rose);color:#fff}
.nav-btns{display:flex;justify-content:space-between;gap:.5rem;margin-top:1rem}.btn:disabled{opacity:.45;cursor:not-allowed}
.summary{background:var(--butter);border-radius:18px;padding:1rem 1.2rem;align-self:start}.summary h3{margin:0 0 .5rem}.summary img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px}.summary dl{grid-template-columns:100px 1fr;font-size:.9rem}.ptype{font-weight:700;font-size:1.1rem;margin:.4rem 0}
.build-chip{display:flex;justify-content:space-between;gap:.5rem;align-items:center;background:var(--butter);border-radius:12px;padding:.6rem .8rem}.build-chip .x{border:0;background:#fff;border-radius:50%;width:2rem;height:2rem;cursor:pointer}
@media(min-width:760px){.ways{grid-template-columns:1fr 1fr}.gallery.feature{grid-template-columns:repeat(6,1fr)}.builder{grid-template-columns:1.6fr 1fr}.summary{position:sticky;top:80px}}
body.wide main{max-width:1280px}.demo{background:#fff3c4}.saved{background:#d8f1dc;padding:.5rem 1rem;border-radius:10px;font-weight:700}
.stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.7rem;margin:1rem 0}.stat{background:#fff;border-radius:16px;padding:.9rem 1rem;box-shadow:0 2px 10px #4a2c2310;display:flex;flex-direction:column}.stat span{font-size:.85rem;font-weight:700;color:#8a6d60}.stat b{font-size:1.6rem;font-family:'Playfair Display',serif}.stat small{color:#8a6d60}
.panels{display:grid;gap:1rem}.panel{background:#fff;border-radius:16px;padding:1rem;box-shadow:0 2px 10px #4a2c2310;min-width:0}.panel h2{font-size:1.1rem;margin:.2rem 0 .6rem}.panel h2+*{margin-bottom:.8rem}
.chart{width:100%;height:200px}.chart text{font-size:11px;fill:#8a6d60;font-family:Nunito}.chart text.v{fill:var(--cocoa);font-weight:700}
.hbars{display:grid;gap:.35rem}.hb{display:grid;grid-template-columns:minmax(90px,1.2fr) 2fr auto;gap:.5rem;align-items:center;font-size:.88rem}.hb div{background:#f6ebe4;border-radius:6px;height:.9rem}.hb i{display:block;height:100%;background:var(--rose);border-radius:6px}
.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:.35rem}.day{border:1px solid var(--line);border-radius:10px;padding:.35rem;min-height:70px;font-size:.78rem;display:flex;flex-direction:column;gap:.2rem}.day.has{background:var(--cream)}.day a{border-radius:6px;padding:.1rem .3rem;text-decoration:none;color:var(--cocoa);font-weight:700}
.filters{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:.5rem 0 1rem}.filters input,.filters select{width:auto;padding:.5rem}.filters input[name=q]{flex:1 1 220px}.inline{display:flex;align-items:center;gap:.3rem;font-weight:600}
.table-wrap{overflow-x:auto;background:#fff;border-radius:14px;box-shadow:0 2px 10px #4a2c2310}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:.6rem;border-bottom:1px solid var(--line);vertical-align:top}th{background:var(--cream);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}
table.orders tr{cursor:pointer}table.orders tr:hover td{background:#fffaf5}td.items{min-width:220px}td.notes{max-width:280px}
.detail{display:grid;gap:1rem}.detail .order{margin:0}.build-box{background:var(--butter);border-radius:12px;padding:.6rem 1rem;margin:.6rem 0}.build-box h3{margin:.2rem 0}.build-box ul{margin:.3rem 0;padding-left:1.2rem}
.owner-form{background:#fff;border-radius:16px;padding:1rem;box-shadow:0 2px 10px #4a2c2310;align-self:start}.owner-form h2{margin:0}
@media(min-width:900px){.panels{grid-template-columns:1fr 1fr}.span2{grid-column:span 2}.detail{grid-template-columns:1.6fr 1fr}.owner-form{position:sticky;top:80px}}
@media(max-width:600px){.cal{grid-template-columns:repeat(2,1fr)}.top nav{flex-wrap:wrap}.top nav a{padding:.3rem .5rem;font-size:.9rem}}
.price-note{background:#fff4e0;border:1px solid #f0d9a8;border-radius:12px;padding:.6rem .9rem;font-size:.95rem}
.price.est{font-size:1.1rem;margin-bottom:.2rem}.price.est b{color:#b8475a;font-size:1.3rem}
.build-chip .est{color:#b8475a}
