*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.demo-note{padding:9px 20px;text-align:center;font-size:12px;background:var(--ink);color:var(--bg)}.wrap{max-width:1240px;margin:auto;padding:0 6%}header{display:flex;justify-content:space-between;align-items:center;padding:26px 0;border-bottom:1px solid var(--line);gap:24px}.brand{font-size:24px;font-weight:800;line-height:1;letter-spacing:-1px}.brand small{display:block;font-size:10px;letter-spacing:3px;font-weight:400;margin-top:9px}nav{display:flex;align-items:center;gap:28px;font-size:13px}.button{background:var(--accent);color:var(--on);padding:15px 22px;display:inline-flex;min-height:48px;align-items:center;font-size:14px;font-weight:700;border:0;cursor:pointer}.hero{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center;padding:65px 0}.kicker{text-transform:uppercase;font-size:12px;letter-spacing:2px;font-weight:700;color:var(--accent)}h1{font-size:clamp(54px,7vw,94px);letter-spacing:-5px;line-height:.97;font-weight:500;margin:28px 0}h2{font-size:clamp(30px,4vw,50px);line-height:1.1;letter-spacing:-2px;font-weight:500;margin:12px 0 28px}p{max-width:450px;color:var(--muted)}.hero .button{margin:20px 0}figure{margin:0;position:relative}.hero img{width:100%;height:480px;object-fit:cover}figcaption{font-size:12px;position:absolute;bottom:18px;left:18px;padding:9px 12px;background:var(--bg);color:var(--ink)}.strip{display:flex;gap:24px;justify-content:space-between;flex-wrap:wrap;padding:23px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;text-transform:uppercase;letter-spacing:1.5px}.section{padding:70px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.item{border-top:1px solid var(--line);padding:25px 0}.item h3{font-size:22px;font-weight:500;margin:0}.item p{font-size:14px}.item strong{color:var(--accent)}.contact{background:var(--surface);padding:45px;display:flex;justify-content:space-between;align-items:center;gap:30px}.contact h2{margin-bottom:12px}.contact p{font-size:14px}.demo-end{font-size:13px;padding:30px 0;display:flex;justify-content:space-between;gap:24px}.number{font-size:12px;color:var(--muted);letter-spacing:2px}.construction{display:flex;justify-content:center;flex-direction:column;min-height:480px;border:1px solid var(--line);padding:42px;background:var(--surface)}.construction strong{font-size:clamp(50px,8vw,96px);letter-spacing:-5px;line-height:1}.construction span{font-size:13px;text-transform:uppercase;letter-spacing:3px;margin-top:32px}.construction hr{margin:30px 0 0;width:100%;border:0;border-top:1px solid var(--line)}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.barber{--bg:#eae8df;--ink:#182b26;--muted:#53615a;--accent:#213c31;--on:#fff;--surface:#dfe2d7;--line:#bbc3b9}.barber h1,.barber h2{font-family:Georgia,serif}.barber img{border-radius:90px 0 0 0}.dental{--bg:#f7fbfa;--ink:#173a3d;--muted:#526968;--accent:#1e6264;--on:#fff;--surface:#e5f1ee;--line:#c5d8d5}.dental h1{font-size:clamp(54px,6.2vw,82px);letter-spacing:-4px}.dental img{border-radius:140px 140px 20px 20px}.dental .button{border-radius:30px}.contractor{--bg:#142022;--ink:#f0ede3;--muted:#b0bcba;--accent:#e2a36d;--on:#142022;--surface:#1b2d2f;--line:#3c5153}.contractor h1{font-weight:800;font-size:clamp(54px,6.5vw,85px);text-transform:uppercase;letter-spacing:-3px}.contractor h2{font-weight:700}.contractor .construction{border-top:6px solid var(--accent)}@media(max-width:700px){.wrap{padding:0 6%}header{padding:24px 0}nav a:not(.button){display:none}nav .button{font-size:12px;padding:12px}.brand{font-size:20px}.hero{grid-template-columns:1fr;gap:24px;padding:40px 0}h1{font-size:60px;letter-spacing:-3px;margin:22px 0}.hero img{height:340px}.hero p{margin-bottom:0}.hero .button{margin:18px 0}.grid{grid-template-columns:1fr;gap:0}.section{padding:45px 0}.contact{display:block;padding:28px}.demo-end{flex-direction:column;gap:8px}.construction{min-height:320px;padding:28px}.strip{gap:12px;font-size:10px}.contractor h1{font-size:55px}}

/* Cinematic Crown studio, warm restaurant, and photographic builder concepts. */
.barber{--bg:#0b0c0d;--ink:#faf9f5;--muted:#c0c1c4;--accent:#e22935;--on:#fff;--surface:#17191d;--line:#33363b}
.barber .demo-note{background:#17181b;color:#c8cbd0;font-size:11px}
.barber header{padding:25px 0;border-bottom-color:#ffffff1c}
.barber .brand{letter-spacing:2px;font-size:26px}
.barber .brand small{font-size:10px;letter-spacing:4px}
.barber .button{border-radius:3px;border:1px solid #ef4650;gap:20px;box-shadow:0 5px 20px #d6152522}
.barber .button-outline{background:#0e11147a;border-color:#777d86;box-shadow:none}
.barber .hero{display:block;position:relative;isolation:isolate;min-height:590px;padding:85px 5%;margin:0 -6.82%;overflow:hidden}
.barber .hero figure{position:absolute;inset:0;z-index:-2}
.barber .hero img{display:block;width:100%;height:100%;object-fit:cover;object-position:65% 52%;border-radius:0;filter:brightness(.68) saturate(.72)}
.barber .hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#08090af0 0%,#08090ac9 34%,#08090a22 74%),linear-gradient(0deg,#0b0c0d,transparent 25%,transparent 75%,#0b0c0d30)}
.barber-hero-copy{width:63%;max-width:650px}
.barber-scissors{display:block;font-size:38px;line-height:1;margin-bottom:25px;color:#f5f1e6}
.barber .hero .kicker{color:#d4d0c9;font-size:12px;letter-spacing:3px}
.barber h1,.barber h2{font-family:Arial,sans-serif;font-weight:800}
.barber h1{font-size:clamp(58px,7vw,92px);letter-spacing:-3.8px;line-height:1.01;margin:20px 0}
.barber h2{letter-spacing:-1.6px}
.barber .hero p{font-size:17px;line-height:1.7;max-width:375px}
.demo-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.barber .demo-actions .button{margin:16px 0 23px}
.barber-signoff{display:block;font-size:10px;letter-spacing:2.8px;color:#c2b7a9}
.barber .strip{color:#b3b8c0;font-size:10px;border-top:0}
.barber .item .number{display:block;font-size:10px;color:#e78388;margin-bottom:20px}
.barber .item h3{font-weight:700}
.barber-about{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;border-top:1px solid var(--line)}
.barber-about p{line-height:1.8}
.barber .contact{border-top:1px solid #ae2630;background:linear-gradient(120deg,#2c1518,#14161a)}
.barber .demo-end{color:#b8bbc0;font-size:11px}
.restaurant{--bg:#191a15;--ink:#f3eddd;--muted:#c1beaf;--accent:#ddb074;--on:#21190f;--surface:#24271d;--line:#47493a}
.restaurant .demo-note{background:#303327;color:#d8d4c7;font-size:11px}
.restaurant .brand{font-family:Georgia,serif;font-size:26px;font-weight:400;letter-spacing:1px}
.restaurant .brand small{font-family:Arial,sans-serif;font-size:8px;letter-spacing:2px}
.restaurant h1,.restaurant h2,.restaurant .item h3{font-family:Georgia,serif;font-weight:400}
.restaurant .hero{grid-template-columns:1.05fr 1fr;gap:35px;min-height:615px;padding:52px 0}
.restaurant h1{font-size:clamp(52px,5.3vw,76px);letter-spacing:-3px;line-height:1.05;margin:28px 0}
.restaurant h1 em{color:#e5b983}
.restaurant .hero p{font-size:16px;line-height:1.9;max-width:365px}
.restaurant .hero img{height:500px;border-radius:240px 240px 4px 4px;object-fit:cover}
.restaurant .hero figcaption{left:25px;right:25px;bottom:20px;background:#171712c9;text-align:center;backdrop-filter:blur(8px);color:#f3eddd;font-size:12px}
.restaurant .button{gap:22px;border-radius:2px}
.restaurant-note{display:block;font-size:9px;letter-spacing:1.5px;color:#aeb49b;margin-top:14px}
.restaurant .strip{font-size:10px;letter-spacing:2px}
.restaurant .number{display:block;font-size:10px;margin-bottom:20px;color:#d1b894}
.restaurant .menu-intro{margin-bottom:34px;max-width:600px}
.restaurant .item h3{font-size:28px}
.restaurant .item strong{font-size:14px;font-weight:400}
.restaurant-story{border-top:1px solid var(--line);padding-right:10%}
.restaurant-story p{max-width:600px}
.restaurant .contact{border:1px solid #6d7255}
.restaurant .demo-end{font-size:11px;color:#b8bcad}
.contractor .ridge-photo img{display:block;object-fit:cover;height:520px;border-top:5px solid var(--accent)}
.contractor .ridge-photo figcaption{background:#142022d9;color:#f0ede3}
@media(max-width:900px) and (min-width:701px){
 .barber .hero{min-height:535px;padding-top:70px}.barber h1{font-size:66px}
 .restaurant .hero{gap:25px}.restaurant h1{font-size:56px}.restaurant .hero img{height:450px}
}
@media(max-width:700px){
 .barber header{padding:20px 0}.barber .brand{font-size:22px}.barber .brand small{font-size:8px;letter-spacing:3px}
 .barber .hero{min-height:560px;padding:50px 6%;margin:0 -6.82%}
 .barber .hero img{height:100%;object-position:36% 50%;filter:brightness(.57) saturate(.7)}
 .barber .hero:after{background:linear-gradient(90deg,#08090ac9,#08090a38),linear-gradient(0deg,#0b0c0d,transparent 38%)}
 .barber-hero-copy{width:100%;max-width:460px}
 .barber-scissors{font-size:30px;margin-bottom:24px}
 .barber .hero .kicker{font-size:10px;letter-spacing:2px}
 .barber h1{font-size:clamp(46px,11.5vw,75px);letter-spacing:-2.3px}
 .barber .hero p{font-size:15px;max-width:310px}
 .barber .demo-actions{gap:11px}.barber .demo-actions .button{font-size:13px;padding:12px 17px;gap:12px}
 .barber-signoff{font-size:9px;letter-spacing:2px}
 .barber .strip{font-size:9px;gap:12px}.barber-about{grid-template-columns:1fr;gap:0}
 .barber .contact .button{margin-top:10px}
 .restaurant .brand{font-size:21px}.restaurant .brand small{font-size:7px;letter-spacing:1.5px}
 .restaurant nav .button{padding:12px 10px;font-size:11px}
 .restaurant .hero{grid-template-columns:1fr;gap:25px;padding:40px 0 30px;min-height:0}
 .restaurant h1{font-size:clamp(44px,11.5vw,65px);letter-spacing:-2.5px}
 .restaurant .hero .kicker{font-size:10px;line-height:1.6;display:block;max-width:300px}
 .restaurant .hero p{font-size:15px}.restaurant .hero img{height:360px;border-radius:190px 190px 3px 3px}
 .restaurant .hero .button{margin-bottom:12px}.restaurant-note{font-size:8px;margin-top:8px}
 .restaurant .strip{font-size:9px;letter-spacing:1.3px}.restaurant h2{letter-spacing:-1px}
 .restaurant .contact .button{margin-top:10px}.restaurant-story{padding-right:0}
 .contractor .ridge-photo img{height:350px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}