*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;font:16px/1.6 Arial,Helvetica,sans-serif;background:var(--paper);color:var(--ink)}:root{--ink:#1c211f;--paper:#fff;--muted:#68706d;--accent:#276b54;--line:#dce3df;--soft:#f0f5f2}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}img{display:block;width:100%;object-fit:cover}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.container{max-width:1180px;margin:auto;padding:0 32px}.demo-bar{padding:11px 20px;background:#062448;color:#fff;display:flex;justify-content:center;gap:18px;flex-wrap:wrap;font-size:13px}.demo-bar a{color:#72e5ed}.site-header{border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;min-height:88px;gap:24px}.wordmark{font-size:25px;font-weight:800;letter-spacing:-1px;text-decoration:none}.nav-links{display:flex;align-items:center;gap:26px}.nav-links a{text-decoration:none;font-size:14px;font-weight:bold}.btn{border:0;border-radius:4px;padding:13px 21px;background:var(--accent);color:#fff;font-weight:bold;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:48px}.btn.light{background:var(--soft);color:var(--ink)}.btn.outline{background:transparent;color:var(--ink);border:1px solid var(--line)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding:58px 0}.eyebrow{font-size:13px;letter-spacing:2px;text-transform:uppercase;font-weight:bold;color:var(--accent)}h1{font-size:clamp(40px,5.5vw,66px);line-height:1.07;letter-spacing:-2.4px;margin:18px 0 24px}h2{font-size:36px;line-height:1.15;letter-spacing:-1px;margin:12px 0 22px}h3{line-height:1.3}.hero p{max-width:500px;color:var(--muted);font-size:18px}.hero img{height:470px;border-radius:8px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.section{padding:64px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.section-head p{color:var(--muted);max-width:400px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}.filter{padding:10px 19px;min-height:44px;border:1px solid var(--line);border-radius:30px;background:transparent;color:var(--ink)}.filter[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product{border:1px solid var(--line);border-radius:7px;overflow:hidden;background:var(--paper);display:flex;flex-direction:column}.product img{height:210px}.product-body{padding:23px;display:flex;flex-direction:column;flex:1}.product h3{font-size:21px;margin:0 0 10px}.product p{font-size:15px;color:var(--muted);margin:0 0 22px}.product-foot{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:auto}.price{font-size:21px;font-weight:bold}.product-foot .btn{padding:11px 15px;min-height:42px;font-size:14px}.muted{color:var(--muted)}.panel{background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:30px}.order-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:36px;align-items:start}.cart-lines{padding:0;list-style:none;margin:20px 0}.cart-line{padding:15px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:10px}.quantity{display:flex;align-items:center;gap:10px}.quantity button{border:1px solid var(--line);width:34px;height:34px;background:var(--paper);color:var(--ink);border-radius:4px}.totals{display:flex;justify-content:space-between;font-size:22px;font-weight:bold;margin:22px 0}.empty{color:var(--muted);padding:20px 0}.notice{font-size:14px;color:var(--muted);margin-top:18px}.status{border-left:3px solid var(--accent);background:var(--soft);padding:16px;margin-top:18px;white-space:pre-line}.status:empty{display:none}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.field.full{grid-column:1/-1}label{font-size:14px;font-weight:bold}input,select,textarea{width:100%;border:1px solid #a8b4ae;border-radius:4px;background:var(--paper);color:var(--ink);padding:12px;min-height:48px}textarea{resize:vertical;min-height:110px}.split{display:grid;grid-template-columns:1fr 1fr;gap:50px}.service-item{border-top:1px solid var(--line);padding:22px 0}.service-item h3{margin:0 0 8px;font-size:22px}.service-item p{color:var(--muted);margin:0}.footer{border-top:1px solid var(--line);padding:30px 0;font-size:14px}.footer .container{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.credits{font-size:12px;color:var(--muted)}dialog{border:0;border-radius:8px;max-width:650px;width:calc(100% - 40px);padding:30px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#0b1d22aa}dialog img{height:260px;border-radius:5px}.dialog-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}.dialog-top h2{margin:0;font-size:25px}.close{border:1px solid var(--line);padding:9px 14px;background:var(--paper);color:var(--ink)}.restaurant{--paper:#191918;--ink:#fff9ec;--muted:#bbb6aa;--accent:#e78c36;--line:#41413a;--soft:#262622}.restaurant .hero img{border-radius:0 90px 0 90px}.restaurant .wordmark{font-family:Georgia,serif;font-weight:normal;font-size:32px;letter-spacing:-1px}.restaurant h1{font-family:Georgia,serif;font-weight:normal}.restaurant .btn{color:#231c14}.restaurant .btn.light{color:var(--ink)}.restaurant .filter[aria-pressed=true]{color:#191918}.restaurant input,.restaurant select,.restaurant textarea{border-color:#737369}.store{--accent:#354fdf;--ink:#17233f;--paper:#fff;--soft:#f1f4fc;--line:#dfe4ef;--muted:#65728a}.store .hero{background:var(--soft);padding:40px;border-radius:12px;margin-top:34px}.store .hero img{height:360px;background:#e8edf5}.store .hero h1{font-size:54px}.store .wordmark{letter-spacing:4px}.store .product img{background:#f3f5f9}.studio{--accent:#40684f;--ink:#26372c;--paper:#fafbf8;--soft:#eef2eb;--line:#d2dcd0;--muted:#647263}.studio h1,.studio h2{font-family:Georgia,serif;font-weight:normal;letter-spacing:-1.2px}.studio .wordmark{font-family:Georgia,serif;font-weight:normal;font-size:31px}.studio .hero{grid-template-columns:.8fr 1.2fr;gap:50px}.studio .hero img{height:520px;border-radius:0}.studio .product{border-radius:0}.studio .product img{height:260px}.studio .btn{border-radius:0}[hidden]{display:none!important}@media(max-width:820px){.hero,.studio .hero{gap:28px}.hero img{height:400px}.grid{grid-template-columns:repeat(2,1fr)}.order-layout,.split{gap:26px}.store .hero{padding:28px}.store .hero h1{font-size:43px}.nav-links{gap:18px}}@media(max-width:600px){.container{padding:0 22px}.nav{min-height:76px}.nav-links a:not(.btn){display:none}.nav-links .btn{font-size:13px;padding:10px 14px;min-height:42px}.wordmark{font-size:22px}.hero,.studio .hero{grid-template-columns:1fr;padding:40px 0;gap:28px}.hero img,.studio .hero img{height:340px}h1{font-size:46px}.store .hero{padding:26px 22px}.store .hero img{height:260px}.section{padding:44px 0}.section-head{display:block}.grid,.order-layout,.split,.fields{grid-template-columns:1fr}.field.full{grid-column:auto}.panel{padding:24px}.product img{height:240px}.hero p{font-size:17px}.demo-bar{font-size:12px;gap:4px 15px}.restaurant .hero img{border-radius:0 50px 0 50px}h2{font-size:31px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
