@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Libre+Baskerville:wght@400;700&display=swap');
*{box-sizing:border-box}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--paper)}a{text-decoration:none;color:inherit}.shell{width:min(1120px,calc(100% - 40px));margin:auto}.demo-nav{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid color-mix(in srgb,var(--ink) 12%,transparent)}.demo-nav a{font-size:12px;font-weight:700}.nav-links{display:flex;gap:26px;align-items:center}.brand-demo{font-size:16px;font-weight:700;letter-spacing:-.06em}.brand-demo span{font-size:10px;letter-spacing:.13em;display:block;margin-top:2px;opacity:.65}.demo-button{padding:11px 16px;border-radius:7px;background:var(--accent);color:white;font-size:11px;font-weight:700}.demo-hero{min-height:560px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.kicker{font-size:10px;letter-spacing:.16em;font-weight:700;color:var(--accent)}.demo-hero h1{font:700 clamp(45px,6vw,75px)/.95 var(--display);letter-spacing:-.07em;margin:16px 0 20px}.demo-hero p{font-size:15px;line-height:1.7;max-width:410px;color:color-mix(in srgb,var(--ink) 68%,transparent);margin-bottom:28px}.hero-visual{min-height:370px;border-radius:18px;background:var(--visual);position:relative;overflow:hidden}.visual-word{position:absolute;font:700 63px/.85 var(--display);right:25px;bottom:28px;color:var(--word);letter-spacing:-.08em}.demo-section{padding:88px 0}.heading-row{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px}.heading-row h2{font:700 42px/.98 var(--display);letter-spacing:-.06em;margin:8px 0 0}.heading-row p{max-width:290px;line-height:1.65;font-size:13px;color:color-mix(in srgb,var(--ink) 60%,transparent)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.service{border:1px solid color-mix(in srgb,var(--ink) 13%,transparent);padding:24px;border-radius:10px}.service span{font:700 10px monospace;color:var(--accent)}.service h3{font-size:17px;margin:33px 0 7px}.service p{margin:0;font-size:12px;line-height:1.55;opacity:.7}.strip{padding:55px 0;background:var(--ink);color:white}.strip .shell{display:flex;justify-content:space-between;gap:30px;align-items:center}.strip h2{font:700 35px/.98 var(--display);letter-spacing:-.05em;margin:0}.strip p{margin:0;opacity:.7;font-size:13px;max-width:330px;line-height:1.6}.demo-footer{padding:32px 0;color:color-mix(in srgb,var(--ink) 60%,transparent);font-size:10px;display:flex;justify-content:space-between}.back{color:var(--accent);font-weight:700}.barber{--ink:#f6f0e6;--paper:#161310;--accent:#d9ad69;--visual:#2a211a;--word:#d9ad69;color:#f6f0e6}.barber .demo-nav{border-color:#ffffff19}.barber .demo-hero p,.barber .heading-row p,.barber .service p{color:#d8cec0}.barber .service{border-color:#ffffff20}.barber .strip{background:#d9ad69;color:#17120d}.barber .strip p{opacity:.65}.barber .visual-word{font-size:86px}.cafe{--ink:#4b2d24;--paper:#fff9ef;--accent:#b95d3e;--visual:#f0c479;--word:#8e402c;--display:'Fraunces',serif}.cafe .hero-visual:before{content:'☕';font-size:166px;position:absolute;left:70px;top:87px;opacity:.68}.dental{--ink:#183f4b;--paper:#f4fbf9;--accent:#368d93;--visual:#bde4df;--word:#fff;--display:'DM Serif Display',serif}.dental .hero-visual:before{content:'⌣';position:absolute;font:240px/1 'DM Serif Display';left:80px;top:55px;color:#f7fffd}.law{--ink:#192741;--paper:#fbfaf7;--accent:#a78a5c;--visual:#293b60;--word:#d9c69e;--display:'Libre Baskerville',serif}.law .hero-visual:before{content:'§';position:absolute;font:200px 'Libre Baskerville';left:100px;top:50px;color:#a78a5c}.law .demo-hero h1{line-height:1.05}.law .strip{background:#ece8df;color:#192741}@media(max-width:670px){.shell{width:min(100% - 32px,600px)}.nav-links{display:none}.demo-hero{min-height:auto;grid-template-columns:1fr;padding:65px 0;gap:35px}.demo-hero h1{font-size:52px}.hero-visual{min-height:280px}.visual-word{font-size:51px}.heading-row{display:block}.heading-row p{margin-top:20px}.service-grid{grid-template-columns:1fr}.demo-section{padding:65px 0}.strip .shell{display:block}.strip p{margin-top:16px}.demo-footer{gap:15px}.demo-footer span{max-width:200px}.demo-nav{height:67px}}