@font-face{font-family:Manrope;src:url('../../assets/manrope.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('../../assets/manrope-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Manrope;src:url('../../assets/manrope-800.ttf') format('truetype');font-weight:800;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:Manrope,Arial,sans-serif;background:var(--paper,#f7f5ed);color:var(--ink,#21271f);line-height:1.6}button,a,input{ -webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--accent,#ff693a);outline-offset:5px}button:disabled{cursor:default}a{text-decoration:none}.container{width:min(1180px,calc(100% - 80px));margin-inline:auto}.section-space{padding:96px 0}.skip{position:fixed;left:20px;top:-100px;padding:12px 20px;background:white;color:black;z-index:100}.skip:focus{top:10px}.demo-strip{background:#111312;color:#f5f3ec;font-size:11px;padding:13px 0}.demo-strip .container{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.demo-strip strong{color:#ff9b78;margin-left:12px}.demo-strip a{border-bottom:1px solid #ffffff40}.demo-strip a:first-of-type{margin-left:auto}.site-nav{position:sticky;top:0;z-index:20;background:var(--paper);border-bottom:1px solid var(--line)}.site-nav>.container{display:flex;align-items:center;justify-content:space-between;min-height:82px;gap:25px}.brand{font-weight:800;letter-spacing:-1.5px;font-size:29px;white-space:nowrap}.site-nav nav{display:flex;gap:32px;font-size:12px}.site-nav .mobile-nav{display:none}.menu-button{display:none;background:transparent;border:1px solid var(--line);color:var(--ink);border-radius:5px;padding:10px 15px;min-height:44px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-block:78px 90px;min-height:690px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;margin:0 0 22px;text-transform:uppercase}.hero h1{font-size:clamp(42px,5vw,70px);line-height:1.06;letter-spacing:-3px;font-weight:600;margin:0 0 27px}.intro{font-size:15px;max-width:420px;color:var(--muted);line-height:1.9;margin:0 0 30px}.button{display:inline-flex;justify-content:center;align-items:center;gap:22px;min-height:48px;padding:13px 21px;background:var(--accent);color:var(--button-ink);border:1px solid transparent;border-radius:var(--radius,6px);font-size:12px;font-weight:600;transition:transform .2s,opacity .2s}.button:hover{transform:translateY(-2px);opacity:.9}.hero-foot{font-size:9px;letter-spacing:1.6px;margin:38px 0 0;border-top:1px solid var(--line);padding-top:20px;max-width:380px}.hero-image{margin:0;position:relative;background:var(--visual);border-radius:var(--image-radius,16px);padding:20px 20px 0;overflow:hidden}.hero-image img{display:block;width:100%;height:420px;object-fit:cover;border-radius:calc(var(--image-radius,16px) - 8px)}.hero-image figcaption{display:flex;align-items:center;justify-content:center;min-height:64px;font-size:9px;letter-spacing:1px;text-align:center;color:var(--visual-ink,var(--ink))}.section-title{max-width:600px;margin-bottom:44px}h2{font-size:clamp(34px,3.6vw,50px);line-height:1.13;letter-spacing:-2px;font-weight:600;margin:0 0 25px}.services-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--secondary)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.service{border-top:1px solid var(--line);padding-top:25px}.number{font-size:11px;color:var(--muted)}h3{font-size:23px;line-height:1.25;letter-spacing:-.8px;font-weight:600}.service h3{margin:30px 0 15px}.service p{font-size:13px;color:var(--muted);line-height:1.9;max-width:330px;margin-bottom:25px}.detail-button:not(.button){display:flex;align-items:center;justify-content:space-between;border:0;border-top:1px solid var(--line);background:transparent;color:var(--ink);padding:16px 0;font-size:12px;width:100%;min-height:44px;text-align:left}.about{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}.about-mark{min-height:380px;background:var(--visual);padding:38px;border-radius:var(--image-radius,16px);color:var(--visual-ink,var(--ink));display:flex;flex-direction:column;justify-content:space-between}.about-mark>span{font-size:13px;letter-spacing:1.8px}.about-mark strong{font-size:70px;line-height:.95;letter-spacing:-4px}.about-copy>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.95;max-width:430px}.text-link{display:inline-block;font-size:12px;margin-top:18px;border-bottom:1px solid currentColor;padding:4px 0}.contact-section{background:var(--secondary);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.contact-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:110px;align-items:center}.contact-layout>div>p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted);max-width:430px;margin-bottom:28px}.contact-card{border:1px solid var(--line);padding:35px;background:var(--paper);border-radius:var(--radius,6px)}.contact-card h3{font-size:39px;letter-spacing:-2px;margin:22px 0}.contact-card p{font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:24px}.contact-card .text-link{display:block;width:fit-content}.segment footer,.normal-gallery footer{display:flex;justify-content:space-between;gap:30px;align-items:center;padding-block:35px;font-size:10px;line-height:1.8;color:var(--muted,#65665f)}footer a{white-space:nowrap}dialog{color:var(--ink);background:var(--paper);width:min(500px,calc(100% - 36px));border:1px solid var(--line);border-radius:12px;padding:42px}dialog::backdrop{background:#0009;backdrop-filter:blur(6px)}dialog h2{font-size:34px;margin-right:20px}dialog>p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted);margin-bottom:25px}.dialog-close{position:absolute;right:15px;top:12px;width:44px;height:44px;font-size:28px;color:var(--ink);background:transparent;border:0}.motion .reveal{opacity:0;translate:0 15px;transition:opacity .65s,translate .65s}.motion .reveal.is-visible{opacity:1;translate:0 0}
.pet{--paper:#faf8ef;--secondary:#efefdf;--ink:#273b2a;--muted:#66735e;--accent:#356139;--button-ink:#fff;--line:#33432226;--visual:#edd168;--radius:50px;--image-radius:130px}.pet .hero h1{font-weight:800;font-size:clamp(44px,5vw,65px)}.pet .hero-image img{height:400px;object-position:center}.pet .about-mark{border-radius:0 90px 0 90px}.pet .about-mark strong{font-weight:800}
.restaurant{--paper:#f6efe2;--secondary:#eae1d0;--ink:#3b2520;--muted:#796257;--accent:#713a2b;--button-ink:#fff7e9;--line:#713a2b30;--visual:#211810;--visual-ink:#d8c0a1;--radius:0px;--image-radius:0px}.restaurant h1,.restaurant h2,.restaurant .brand,.restaurant .about-mark strong{font-family:Georgia,serif;font-weight:400}.restaurant .hero-image{padding:0}.restaurant .hero-image img{height:420px;object-fit:cover}.restaurant .hero h1{font-size:clamp(48px,5.2vw,75px);letter-spacing:-3px}.restaurant .service h3{font-family:Georgia,serif;font-weight:400}
.barber{--paper:#f5f0e5;--secondary:#e8e2d6;--ink:#25241f;--muted:#726e62;--accent:#25241f;--button-ink:#f8f0df;--line:#25241f35;--visual:#292820;--visual-ink:#f7efdd;--radius:0px;--image-radius:0px}.barber h1,.barber h2,.barber .brand{font-family:Impact,'Arial Narrow',sans-serif;text-transform:uppercase;font-weight:400;letter-spacing:-1px}.barber .hero h1{font-size:clamp(70px,7.3vw,105px);line-height:.97}
.gym{--paper:#141611;--secondary:#1c2018;--ink:#f0f0df;--muted:#a4aa95;--accent:#c4eb56;--button-ink:#1a2110;--line:#e0eac022;--visual:#c4eb56;--visual-ink:#1a2110;--radius:0px;--image-radius:0px}.gym h1,.gym h2,.gym .brand{font-family:Impact,'Arial Narrow',sans-serif;text-transform:uppercase;font-weight:400;letter-spacing:-1px}.gym .hero h1{font-size:clamp(62px,6.7vw,93px);line-height:.98}.gym .about-mark strong{font-family:Impact,sans-serif;font-weight:400}.gym .eyebrow{color:#c4eb56}.gym .about-mark span{color:#273416}
.clinic{--paper:#f7f8f2;--secondary:#eaf0e5;--ink:#314d40;--muted:#6c7f73;--accent:#3e6c55;--button-ink:#fff;--line:#314d4026;--visual:#cbdac3;--radius:6px;--image-radius:100px}.clinic h1,.clinic h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-2px}.clinic .hero h1{font-size:clamp(44px,4.8vw,67px)}.clinic .hero-image img{object-position:center}.clinic .about-mark{border-radius:100px 100px 8px 8px}.clinic .about-mark strong{font-family:Georgia,serif;font-weight:400}
.coffee{--paper:#f5ecde;--secondary:#e8ddca;--ink:#3f2b20;--muted:#8b7566;--accent:#6b422b;--button-ink:#f8efe1;--line:#6b422b30;--visual:#3c261c;--visual-ink:#e7ccb1;--radius:4px;--image-radius:0px}.coffee h1,.coffee h2,.coffee .brand,.coffee .service h3{font-family:Georgia,serif;font-weight:400}.coffee .hero h1{font-size:clamp(55px,6.4vw,90px);letter-spacing:-4px}.coffee .hero-image{padding:0}.coffee .hero-image img{height:430px;object-fit:cover}.coffee .about-mark strong{font-family:Georgia,serif;font-weight:400}
.services{--paper:#f8f8f2;--secondary:#ededdf;--ink:#142b3b;--muted:#62717d;--accent:#b8ce47;--button-ink:#172530;--line:#142b3b26;--visual:#142b3b;--visual-ink:#f1f1e7;--radius:6px;--image-radius:8px}.services .hero h1{font-size:clamp(48px,5.4vw,74px);font-weight:800}.services .about-mark strong{font-size:75px}
.brand-poster{min-height:465px;position:relative;padding:35px;overflow:hidden}.brand-poster>span{font-size:10px;letter-spacing:1.5px}.barber-poster{background:repeating-linear-gradient(135deg,#292820,#292820 2px,#343229 2px,#343229 3px);color:#f7efdd;display:flex;align-items:center;flex-direction:column;justify-content:space-between;border:10px solid #25241f;outline:1px solid #b6a988;outline-offset:-22px}.barber-poster b{font-family:Georgia,serif;font-weight:400;font-size:245px;line-height:.9;letter-spacing:-18px;padding-bottom:25px}.barber-poster>div{font-size:11px;letter-spacing:3px}.gym-poster{background:#c4eb56;color:#142010}.gym-poster>strong{position:absolute;bottom:26px;right:30px;font-family:Impact,sans-serif;font-size:60px;font-weight:400;line-height:.95;letter-spacing:-1px}.barbell{position:absolute;left:14%;top:29%;width:65%;height:100px;transform:rotate(-18deg);display:flex;align-items:center;justify-content:space-between}.barbell>b{height:19px;background:linear-gradient(#bec4af,#565f4d,#bac1aa);position:absolute;inset:40px 0 auto;width:100%;border-radius:10px}.barbell i{width:52px;height:130px;background:linear-gradient(90deg,#192018,#434f35,#192018);border-radius:48%;border:4px solid #192018;box-shadow:8px 3px 0 #424e34;z-index:1}.services-poster{background:#142b3b;color:#f2f2e4;display:flex;flex-direction:column;gap:16px;justify-content:center;perspective:900px;border-radius:10px}.services-poster>span{position:absolute;left:35px;top:30px;font-size:8px}.services-poster>div{border:1px solid #ffffff30;background:#ffffff06;padding:25px;display:flex;align-items:center;gap:28px;transform:rotateY(-9deg);box-shadow:0 20px 30px #0003}.services-poster>div:nth-of-type(2){translate:17px 0}.services-poster b{color:#c0d655;font-size:13px;font-weight:400}.services-poster strong{font-size:26px;font-weight:600;letter-spacing:-1px}
.normal-gallery{--paper:#f5f3ed;--ink:#20221f;--muted:#6c6d65;--accent:#ff693a;--line:#20221f26}.gallery-header{position:sticky;top:0;z-index:30;background:#111312;color:#f5f3ed}.gallery-header>.container{display:flex;justify-content:space-between;gap:25px;align-items:center;min-height:86px}.gallery-header .brand{font-size:25px;letter-spacing:-1px}.gallery-header .brand span{font-size:11px;letter-spacing:1px;color:#ff9d7c}.gallery-header nav{display:flex;gap:25px;font-size:11px}.normal-gallery .section-heading h1{font-size:clamp(42px,4.6vw,64px);font-weight:600;letter-spacing:-2px;line-height:1.08;margin:0}.normal-gallery .model-open{background:transparent}.normal-gallery .model-open:hover{color:#ff693a}.normal-gallery footer{color:#6c6d65}
@media(max-width:1024px){.container{width:calc(100% - 56px)}.hero{gap:35px;min-height:620px;padding-block:55px 65px}.hero-image img{height:350px}.pet .hero-image img{height:340px}.coffee .hero-image img{height:370px}.hero h1{letter-spacing:-2px}.brand-poster{min-height:410px;padding:28px}.barber-poster b{font-size:210px}.services-poster strong{font-size:23px}.services-poster>div{padding:20px}.about{gap:50px}.contact-layout{gap:55px}.about-mark{min-height:340px}.about-mark strong{font-size:60px}.section-space{padding:76px 0}.services-grid{gap:26px}.clinic .hero h1{font-size:49px}.gallery-header nav{gap:17px}}
@media(max-width:768px){.container{width:calc(100% - 40px)}.site-nav nav:not(.mobile-nav){display:none}.site-nav>.container{min-height:74px}.menu-button{display:block}.site-nav .mobile-nav:not([hidden]){display:flex;flex-direction:column;gap:0;border-top:1px solid var(--line)}.mobile-nav a{padding:15px 20px;border-bottom:1px solid var(--line);font-size:13px}.hero{grid-template-columns:1fr;gap:38px;padding-block:50px 60px}.hero-copy{max-width:560px}.hero h1{font-size:clamp(45px,8vw,66px);letter-spacing:-2px}.intro{max-width:500px}.hero-foot{max-width:none}.hero-image,.brand-poster{max-width:580px;width:100%;justify-self:center}.hero-image img,.pet .hero-image img,.coffee .hero-image img,.restaurant .hero-image img{height:400px}.services-grid{grid-template-columns:1fr;gap:18px}.service{display:grid;grid-template-columns:30px 1fr;gap:0 22px}.service .number{grid-column:1;grid-row:1/4;padding-top:8px}.service h3,.service p,.service .detail-button{grid-column:2}.service h3{margin:0 0 12px}.service p{max-width:520px;margin-top:0}.about{gap:30px;grid-template-columns:1fr}.about-mark{min-height:320px}.about-copy p:not(.eyebrow){max-width:580px}.contact-layout{grid-template-columns:1fr;gap:30px}.contact-card{max-width:580px}.section-space{padding:62px 0}.clinic .hero h1{font-size:clamp(44px,8vw,65px)}.gallery-header>.container{align-items:start;flex-direction:column;gap:12px;padding-block:18px}.normal-gallery .section-heading{gap:24px}.gallery-header nav{flex-wrap:wrap;gap:13px 24px}.segment footer,.normal-gallery footer{align-items:start;flex-direction:column;gap:5px}.segment footer p{margin:0}.barber .hero h1{font-size:80px}.gym .hero h1{font-size:75px}.coffee .hero h1{font-size:73px}.services .hero h1{font-size:65px}.pet .hero h1{font-size:55px}}
@media(max-width:420px){.demo-strip .container{gap:8px 15px;font-size:9px}.demo-strip a:first-of-type{margin-left:0}.demo-strip span{width:100%}.brand{font-size:26px}.hero{padding-top:42px}.pet .hero h1{font-size:42px;letter-spacing:-1.7px}.clinic .hero h1{font-size:43px}.coffee .hero h1{font-size:62px}.barber .hero h1{font-size:69px}.gym .hero h1{font-size:61px}.services .hero h1{font-size:53px}.restaurant .hero h1{font-size:50px}.hero-image img,.pet .hero-image img,.restaurant .hero-image img,.coffee .hero-image img{height:290px}.hero-image figcaption{font-size:8px;min-height:54px}.pet .hero-image{border-radius:80px}.clinic .hero-image{border-radius:80px 80px 25px 25px}.brand-poster{min-height:360px;padding:25px}.barber-poster b{font-size:180px}.barber-poster>div{letter-spacing:1.7px;font-size:9px}.barber-poster>span{font-size:8px}.gym-poster>strong{font-size:51px}.barbell i{height:110px;width:44px}.services-poster>span{left:25px;letter-spacing:1px;font-size:7px}.services-poster>div{padding:20px 15px;gap:15px}.services-poster>div:nth-of-type(2){translate:10px 0}.services-poster strong{font-size:21px}.contact-card{padding:27px}.about-mark{padding:30px;min-height:300px}.services .about-mark strong{font-size:60px}.normal-gallery .section-heading h1{font-size:42px}.gallery-header .brand{font-size:22px}.gallery-header nav{font-size:10px}.normal-gallery .shell{width:calc(100% - 40px)}dialog{padding:34px 24px}dialog h2{font-size:30px}h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.reveal{transition:none!important}.motion .reveal{opacity:1;translate:none}}