:root{
--ink:#111211;--paper:#eee9df;--card:#f7f2e8;--accent:#b89556;--accent2:#8d1e23;--accent3:#17345d;--accentText:#111211;--muted:#77746d;--line:#c8c1b6;
--hero:#111211;--heroText:#ffffff;--heroMuted:#aaa9a3;--heroLine:#3a3b37;
--featureBg:#191a18;--featureText:#ffffff;--featureMuted:#9b9a94;--featureLine:#3b3c37;
}

*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}
a{text-decoration:none;color:inherit}
.demo-banner{height:31px;background:var(--ink);color:white;display:flex;justify-content:center;align-items:center;font-size:8px;font-weight:900;letter-spacing:.18em;position:relative;z-index:100}
.demo-banner button{position:absolute;right:14px;background:none;border:0;color:white;font-size:19px;cursor:pointer}.demo-banner.hidden{display:none}
.wrap{width:min(1180px,calc(100% - 48px));margin:auto}
header{height:78px;position:sticky;top:0;background:color-mix(in srgb,var(--paper) 94%,transparent);backdrop-filter:blur(14px);z-index:60;border-bottom:1px solid var(--line)}
.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:46px;height:46px;border-radius:13px;background:var(--accent);color:var(--accentText);display:grid;place-items:center;font-weight:900;letter-spacing:-.04em;transform:rotate(-4deg)}
.brand-copy{display:flex;flex-direction:column}.brand-copy strong{font-size:16px;letter-spacing:.09em}.brand-copy small{font-size:7px;color:var(--muted);letter-spacing:.14em;margin-top:3px;text-transform:uppercase}
nav{display:flex;align-items:center;gap:27px;font-size:10px;font-weight:800}nav a:hover{opacity:.55}.nav-cta{background:var(--ink);color:white;padding:12px 17px;border-radius:999px}
.menu-toggle{display:none;background:none;border:0;width:44px;height:44px;position:relative}.menu-toggle i{position:absolute;left:10px;top:17px;width:24px;height:2px;background:var(--ink)}.menu-toggle i:last-child{top:25px}
.hero{background:var(--hero);color:var(--heroText);min-height:690px;padding:82px 0 70px;overflow:hidden}.hero-grid{min-height:530px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:58px}
.eyebrow{font-size:8px;font-weight:900;letter-spacing:.2em;color:var(--heroMuted)}.hero h1,.section-title h2,.feature-copy h2,.contact h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(66px,7.6vw,116px);line-height:.88;letter-spacing:-.055em;margin:18px 0;font-weight:700}
.hero h1 em,.section-title h2 em,.feature-copy h2 em,.contact h2 em{font-style:italic;color:var(--accent)}
.hero-copy>p{max-width:560px;color:var(--heroMuted);line-height:1.75;font-size:14px}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.btn{padding:15px 19px;border-radius:999px;font-size:10px;font-weight:900}.btn.primary{background:var(--accent);color:var(--accentText)}.btn.secondary{border:1px solid var(--heroLine);color:var(--heroText)}
.hero-facts{display:grid;grid-template-columns:1fr 1fr;max-width:620px;margin-top:42px;border-top:1px solid var(--heroLine)}
.hero-facts>div{padding-top:18px}.hero-facts>div+div{border-left:1px solid var(--heroLine);padding-left:24px}
.hero-facts small{display:block;font-size:7px;letter-spacing:.15em;color:var(--heroMuted)}.hero-facts strong{display:block;font-size:13px;margin-top:6px;line-height:1.45}
.art{height:510px;position:relative;display:grid;place-items:center}
.services{padding:105px 0}.section-title{display:grid;grid-template-columns:.28fr 1fr .55fr;gap:40px;align-items:end}.section-title>span{font-size:8px;letter-spacing:.18em;color:var(--muted);font-weight:900;align-self:start}.section-title h2{font-size:clamp(54px,6.3vw,92px);margin-top:0}.section-title>p{font-size:11px;line-height:1.7;color:var(--muted)}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:44px}.service-grid article{min-height:235px;padding:24px;border:1px solid var(--line);position:relative;display:flex;flex-direction:column;justify-content:flex-end;transition:.2s transform,.2s background}
.service-grid article:hover{transform:translateY(-5px);background:var(--card)}.service-grid small{position:absolute;top:22px;left:22px;font-size:8px;color:var(--muted)}.service-grid h3{font-size:28px;margin:0 0 11px;letter-spacing:-.04em}.service-grid p{font-size:10px;line-height:1.62;color:var(--muted);margin:0}
.feature{padding:105px 0;background:var(--featureBg);color:var(--featureText)}.feature-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}
.feature-visual{min-height:470px;border:1px solid var(--featureLine);border-radius:28px;display:flex;flex-direction:column;justify-content:space-between;padding:30px;position:relative;overflow:hidden}
.feature-visual::before{content:"";position:absolute;width:380px;height:380px;border-radius:50%;border:70px solid color-mix(in srgb,var(--accent) 14%,transparent);right:-180px;top:-160px}
.feature-visual small{font-size:8px;letter-spacing:.18em;color:var(--featureMuted);z-index:2}.feature-visual strong{font:900 clamp(48px,5.6vw,76px)/.85 Arial,sans-serif;letter-spacing:-.06em;z-index:2;color:var(--accent)}
.feature-visual p{font-size:11px;color:var(--featureMuted);max-width:340px;line-height:1.65;z-index:2}.feature-copy h2{font-size:clamp(54px,6.2vw,92px)}.feature-copy>p{font-size:13px;line-height:1.78;color:var(--featureMuted)}
.feature-points{display:grid;grid-template-columns:1fr 1fr;margin-top:30px;border-top:1px solid var(--featureLine);border-left:1px solid var(--featureLine)}
.feature-points div{padding:18px;border-right:1px solid var(--featureLine);border-bottom:1px solid var(--featureLine)}.feature-points b{display:block;font-size:12px}.feature-points span{display:block;font-size:9px;color:var(--featureMuted);margin-top:5px;line-height:1.5}
.contact{padding:105px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact h2{font-size:clamp(54px,6.2vw,92px)}.contact-info{border-top:1px solid var(--line)}.contact-info>div{padding:19px 0;border-bottom:1px solid var(--line)}.contact-info small{display:block;font-size:7px;letter-spacing:.16em;color:var(--muted);margin-bottom:7px}.contact-info strong,.contact-info a{font-size:12px;line-height:1.6}
.map-link{display:flex;justify-content:space-between;margin-top:20px;background:var(--ink);color:white;padding:20px;font-size:9px;font-weight:900;letter-spacing:.1em}
footer{background:var(--ink);color:white;padding:26px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-inner strong{font-size:14px;letter-spacing:.1em}.footer-inner p{font-size:8px;color:#888;text-align:right}
.mobile-bar{display:none}

/* art: detailing car */
.car-art{background:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:36px 36px;border-radius:28px}
.car-body{width:380px;height:145px;border:4px solid var(--accent);border-radius:90px 150px 34px 34px;transform:skewX(-8deg);position:absolute;top:185px}
.car-body::before{content:"";position:absolute;width:210px;height:95px;border:4px solid var(--accent);border-bottom:0;border-radius:100px 100px 0 0;left:76px;top:-92px}
.wheel{position:absolute;width:78px;height:78px;border:10px solid var(--hero);box-shadow:0 0 0 3px var(--accent);border-radius:50%;top:294px}.w1{left:120px}.w2{right:105px}.road{position:absolute;width:88%;height:2px;background:var(--heroLine);top:373px}.art-tag{position:absolute;padding:10px 13px;border:1px solid var(--heroLine);border-radius:99px;font-size:8px;font-weight:900}.art-tag.a{right:7%;top:11%}.art-tag.b{left:7%;bottom:9%;color:var(--accent)}
/* tattoo */
.tattoo-art{border:1px solid var(--heroLine);border-radius:50% 50% 24px 24px;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 48%)}
.moon{width:320px;height:320px;border:1px solid var(--accent);border-radius:50%;position:absolute}.bird{font:900 140px Georgia;color:var(--accent);font-style:italic}.needle{position:absolute;width:300px;height:3px;background:var(--heroText);transform:rotate(-38deg)}.needle::after{content:"";position:absolute;right:-28px;top:-7px;width:34px;height:17px;border:2px solid var(--heroText);border-radius:50%}.flash{position:absolute;font-size:34px;color:var(--accent)}.f1{left:12%;top:12%}.f2{right:10%;top:22%}.f3{left:19%;bottom:11%}
/* coffee */
.coffee-art{background:color-mix(in srgb,var(--accent) 22%,transparent);border-radius:40% 60% 35% 65%}
.cup{width:230px;height:200px;background:var(--card);border:4px solid var(--ink);border-radius:18px 18px 75px 75px;display:grid;place-items:center;box-shadow:15px 18px 0 color-mix(in srgb,var(--ink) 18%,transparent)}.cup b{font:900 46px Georgia;color:var(--accent)}
.handle{position:absolute;width:90px;height:100px;border:4px solid var(--ink);border-left:0;border-radius:0 60px 60px 0;right:92px;top:205px}.saucer{position:absolute;width:315px;height:48px;border:4px solid var(--ink);border-radius:50%;bottom:89px;background:var(--accent2);z-index:-1}
.steam{position:absolute;font:80px Georgia;color:var(--muted);transform:rotate(90deg);top:36px}.s1{left:41%}.s2{left:54%;top:17px}
.bubble{position:absolute;width:104px;height:104px;border-radius:50%;display:grid;place-items:center;text-align:center;font-size:8px;font-weight:900;border:2px solid var(--ink);box-shadow:5px 6px 0 var(--ink)}.b1{right:4%;top:8%;background:var(--accent)}.b2{left:5%;bottom:9%;background:var(--accent2)}
/* barber */
.barber-art{border-radius:26px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 10%,transparent),transparent 52%)}
.crest{width:360px;height:360px;border:2px solid var(--accent);border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 18px color-mix(in srgb,var(--heroText) 4%,transparent),0 0 0 19px var(--heroLine)}.crest span{font:900 110px Georgia;color:var(--accent)}
.razor{position:absolute;width:340px;height:4px;background:var(--heroText)}.r1{transform:rotate(42deg)}.r2{transform:rotate(-42deg)}.seal{position:absolute;right:8%;bottom:8%;width:100px;height:100px;border-radius:50%;background:var(--accent);color:var(--accentText);display:grid;place-items:center;font-size:9px;font-weight:900;letter-spacing:.14em}
/* bar */
.bar-art{background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 52%)}
.bar-art .plate{width:350px;height:350px;border-radius:50%;background:var(--card);border:18px solid color-mix(in srgb,var(--paper) 80%,var(--ink));display:grid;place-items:center;box-shadow:0 0 0 3px var(--ink),18px 20px 0 color-mix(in srgb,var(--ink) 18%,transparent)}
.bar-art .plate b{font:900 70px Georgia;color:var(--accent2)}.ticket{position:absolute;padding:16px 18px;background:var(--accent);color:var(--accentText);font-size:10px;font-weight:900;border:2px solid var(--ink);box-shadow:5px 6px 0 var(--ink)}.t1{right:4%;top:11%;transform:rotate(8deg)}.t2{left:3%;bottom:12%;background:var(--card);transform:rotate(-8deg)}.t3{right:7%;bottom:4%;background:var(--accent2);transform:rotate(5deg)}
/* hair */
.hair-art{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,transparent),transparent);border-radius:28px}
.hair-art .head{position:absolute;width:160px;height:230px;background:#cdb4a6;border-radius:50% 50% 45% 45%;top:130px}.hair{position:absolute;background:var(--accent2);border-radius:50%}.hair.h1{width:280px;height:280px;top:56px;clip-path:polygon(0 0,100% 0,88% 100%,55% 67%,30% 100%,7% 77%)}.hair.h2{width:125px;height:300px;left:92px;top:140px;border-radius:70% 20% 50% 70%;transform:rotate(14deg)}.hair.h3{width:120px;height:295px;right:91px;top:145px;border-radius:20% 70% 70% 50%;transform:rotate(-14deg)}.signature{position:absolute;left:4%;bottom:2%;font:italic 88px Georgia;color:color-mix(in srgb,var(--heroText) 9%,transparent)}
/* flower */
.flower-art{border-radius:50%;background:color-mix(in srgb,var(--accent) 65%,transparent)}.sun{width:360px;height:360px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 35px color-mix(in srgb,var(--accent) 18%,transparent)}.stem{position:absolute;width:7px;height:300px;background:var(--ink);transform-origin:bottom;bottom:45px}.stem i{position:absolute;top:-45px;left:-42px;width:90px;height:90px;border-radius:50%;background:var(--accent2);box-shadow:43px 15px 0 var(--accent3),22px -30px 0 color-mix(in srgb,var(--accent2) 55%,white)}.st1{transform:rotate(-18deg)}.st2{transform:rotate(11deg);height:340px}.st3{transform:rotate(30deg);height:260px}.flabel,.mlabel{position:absolute;font:italic 25px Georgia}.flabel{left:3%;top:12%;transform:rotate(-10deg)}.mlabel{right:3%;bottom:12%;transform:rotate(9deg)}
/* food */
.food-art{background:radial-gradient(circle,color-mix(in srgb,var(--accent) 10%,transparent),transparent 55%)}.food-art .table{width:410px;height:410px;border-radius:50%;background:#342e24;display:grid;place-items:center;box-shadow:0 0 0 23px #23231e,0 0 0 24px #47473e;position:relative}.food-art .plate{width:255px;height:255px;border-radius:50%;background:var(--card);border:17px solid #ddd0b7;display:grid;place-items:center}.food-art .plate b{font:900 60px Georgia;color:var(--accent2)}.fork{position:absolute;left:30px;font-size:65px;transform:rotate(90deg);color:#c8bfae}.knife{position:absolute;right:43px;width:9px;height:165px;background:#c8bfae;border-radius:6px}.menu-card{position:absolute;right:2%;bottom:7%;background:var(--accent);color:var(--accentText);padding:18px 21px;font:900 18px Georgia;transform:rotate(7deg);box-shadow:7px 7px 0 var(--accent2)}
/* nails */
.nails-art{border-radius:28px}.grid-bg{position:absolute;inset:20px;background:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:34px 34px}.nails-art .nail{position:absolute;width:120px;height:300px;border-radius:60px 60px 26px 26px;border:3px solid color-mix(in srgb,var(--heroText) 75%,transparent);background:linear-gradient(#f2d2dc,#d58fa1)}.nails-art .n1{left:10%;top:18%;transform:rotate(-11deg)}.nails-art .n2{left:40%;top:8%;background:linear-gradient(#cfc2ff,#8f79dc);transform:rotate(4deg)}.nails-art .n3{right:5%;top:24%;background:linear-gradient(#edffad,#b8d660);transform:rotate(13deg)}.spark{position:absolute;font-size:40px;color:var(--accent)}.sp1{left:5%;top:5%}.sp2{right:10%;top:7%;color:var(--accent2)}
/* lashes */
.lash-art{border-radius:28px}.orb{width:390px;height:390px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent2) 45%,#111) 0 25%,#261b1f 26% 53%,#151315 54%)}.eye-line{position:absolute;width:330px;height:130px;border-top:4px solid var(--heroText);border-radius:50%;top:48%}.lash{position:absolute;width:3px;height:80px;background:var(--heroText);top:37%;transform-origin:bottom}.l1{left:30%;transform:rotate(-34deg)}.l2{left:39%;transform:rotate(-18deg)}.l3{left:49%}.l4{right:39%;transform:rotate(18deg)}.l5{right:30%;transform:rotate(34deg)}.lash-art .seal{position:absolute;right:4%;bottom:8%;width:110px;height:110px;border-radius:50%;background:var(--accent);color:var(--accentText);display:grid;place-items:center;text-align:center;font-size:11px;font-weight:900}

@media(max-width:920px){
 .hero-grid,.feature-grid,.contact-grid{grid-template-columns:1fr}.section-title{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr 1fr}.art{min-height:400px}
}
@media(max-width:680px){
 .wrap{width:min(100% - 36px,1180px)}header{height:68px}.brand-copy small{display:none}.menu-toggle{display:block}
 nav{display:none;position:absolute;left:18px;right:18px;top:61px;background:var(--paper);border:1px solid var(--line);padding:15px;border-radius:17px;flex-direction:column;align-items:stretch;gap:3px;box-shadow:0 20px 50px #0002}nav.open{display:flex}nav a{padding:11px}.nav-cta{text-align:center}
 .hero{padding:68px 0 55px}.hero h1{font-size:58px}.actions{flex-direction:column}.btn{text-align:center}.hero-facts{grid-template-columns:1fr}.hero-facts>div+div{border-left:0;border-top:1px solid var(--heroLine);padding-left:0;margin-top:14px}
 .art{height:360px;transform:scale(.76)}.services,.feature,.contact{padding:78px 0}.section-title h2,.feature-copy h2,.contact h2{font-size:49px}.service-grid{grid-template-columns:1fr}.service-grid article{min-height:205px}
 .feature-points{grid-template-columns:1fr}.mobile-bar{display:grid;grid-template-columns:1fr 1fr;position:fixed;left:0;right:0;bottom:0;height:58px;background:var(--ink);color:white;z-index:80}.mobile-bar a{display:grid;place-items:center;font-size:10px;font-weight:900}.mobile-bar a+a{background:var(--accent);color:var(--accentText)}
 footer{padding-bottom:78px}.footer-inner{flex-direction:column;align-items:flex-start}.footer-inner p{text-align:left}
}
@media(max-width:360px){.hero h1{font-size:50px}.art{height:310px;transform:scale(.65)}.section-title h2,.feature-copy h2,.contact h2{font-size:44px}}