*{box-sizing:border-box}html{scroll-behavior:smooth}body{--paper:#f6f1e7;--ink:#352b23;--accent:#5b4937;--soft:#d9cdbb;--muted:#7b6d5c;margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 Arial,Helvetica,sans-serif}body[data-site=clinic]{--paper:#fcfffe;--ink:#183c39;--accent:#216b60;--soft:#d9e8e2;--muted:#6a817b}body[data-site=build]{--paper:#151a1d;--ink:#f3f2ed;--accent:#d7c7aa;--soft:#394347;--muted:#a1abae}body[data-site=beauty]{--paper:#eeeae2;--ink:#252924;--accent:#343e34;--soft:#cdcfc3;--muted:#73776b}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%;height:auto;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}h1{font-size:clamp(2.6rem,5.6vw,4.5rem);letter-spacing:-.04em;line-height:1.04;margin:20px 0 24px}h2{font-size:1.5rem;letter-spacing:-.025em;line-height:1.25}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}main:focus{outline:none}[hidden]{display:none!important}.demo-banner{background:var(--ink);color:var(--paper);padding:7px 5%;display:flex;justify-content:space-between;gap:20px;font-size:.75rem;letter-spacing:.055em;line-height:1.6}.demo-banner>span{opacity:.75;letter-spacing:0}.demo-nav{padding:23px 5%;display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--soft)}.demo-brand{font-size:1.6rem;font-weight:700;letter-spacing:-.06em;line-height:1}.demo-brand small{display:block;font-size:.75rem;letter-spacing:.17em;margin-top:9px;font-weight:500}.demo-nav nav{display:flex;align-items:center;gap:28px;font-size:.875rem}.demo-nav nav a{padding-block:7px}.demo-nav nav a:last-child{border-bottom:1px solid var(--accent);display:flex;align-items:center;gap:15px}.demo-nav nav a:hover,.demo-nav nav a[aria-current=page]{color:var(--accent);text-decoration:underline;text-underline-offset:7px}.overline{font-size:.75rem;letter-spacing:.13em;display:block;line-height:1.6;color:var(--accent);font-weight:600}.demo-button{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;padding:13px 18px;background:var(--accent);color:var(--paper);border:1px solid var(--accent);font-size:.875rem;line-height:1.5;transition:opacity .2s}.demo-button:hover{opacity:.85}.demo-button>span,.text-button>span{font-size:1.25rem;line-height:1}.text-button{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--soft);padding:9px 0;font-size:.875rem}.demo-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:35px 5%;border-top:1px solid var(--soft)}.demo-footer>a{font-size:1.1rem;font-weight:600}.demo-footer p{font-size:.75rem;color:var(--muted);text-align:right}.demo-footer p>span{opacity:.8}.inner-page{padding:65px 7% 75px;min-height:450px}.inner-page>h1{margin-bottom:36px}.inner-page>.demo-button{margin-top:28px}.large-copy{font-size:1.125rem;line-height:1.8;color:var(--muted)}.page-intro{max-width:580px;color:var(--muted);margin-bottom:30px}.demo-note{font-size:.75rem;color:var(--muted);margin-top:22px;line-height:1.8}
body[data-site=cafe] h1,body[data-site=cafe] h2,body[data-site=cafe] .demo-brand{font-family:Georgia,'Times New Roman',serif;font-weight:400}body[data-site=cafe] .demo-brand{letter-spacing:.015em;font-size:1.9rem}body[data-site=cafe] .demo-brand small{font-family:Arial,sans-serif;font-size:.75rem;letter-spacing:.12em}.split-hero{display:grid;grid-template-columns:1fr 1fr;min-height:465px}.hero-text{padding:60px 10% 45px}.hero-text>p{max-width:370px;color:var(--muted);font-size:1rem;line-height:1.85;margin-bottom:26px}.hero-bottom-note{display:block;font-size:.75rem;letter-spacing:.07em;color:var(--muted);margin-top:42px}.hero-photo{position:relative;min-height:100%;overflow:hidden}.hero-photo>img{position:absolute;width:100%;height:100%;object-fit:cover}.photo-note{position:absolute;bottom:24px;right:24px;color:#fff;font:italic 1.65rem Georgia,serif;text-shadow:0 2px 12px #0007}.home-links{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--soft)}.home-links>a{position:relative;padding:30px 15% 38px;border-right:1px solid var(--soft)}.home-links>a:last-child{border-right:0}.home-links small{font-size:.75rem;color:var(--muted)}.home-links h2{margin:12px 0 10px}.home-links p{font-size:.875rem;color:var(--muted);max-width:220px}.home-links>a>span{position:absolute;right:25px;top:27px;font-size:1.3rem}.home-links>a:hover{background:#00000004}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.about-grid>img{width:100%;aspect-ratio:1.05;object-fit:cover}.about-grid>div>p+p{margin-top:20px;color:var(--muted);font-size:.9375rem}.about-grid .demo-button{margin-top:25px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:55px;border-top:1px solid var(--soft);padding-top:28px}.principles>div>span{font-size:.75rem;color:var(--muted)}.principles h2{font-size:1.2rem;margin-top:15px}.menu-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.menu-filters button{border:1px solid var(--soft);background:transparent;color:var(--muted);padding:10px 17px;font-size:.875rem;line-height:1.5;border-radius:30px}.menu-filters button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--paper)}.menu-list{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.menu-list article{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--soft);padding:24px 0}.menu-list h2{font-size:1.4rem}.menu-list p{font-size:.875rem;color:var(--muted);margin-top:7px}.menu-list article>span{font-size:1.05rem;white-space:nowrap}.menu-list article small{font-size:.75rem;color:var(--muted)}
body[data-site=clinic] .demo-brand{color:#1b675b;font-weight:600;font-size:1.85rem;letter-spacing:-.06em}body[data-site=clinic] .demo-brand small{color:var(--muted);font-size:.75rem;letter-spacing:.15em}body[data-site=clinic] .demo-nav{border:0}body[data-site=clinic] .demo-button{border-radius:5px}body[data-site=clinic] .split-hero{margin:10px 4% 35px;background:#edf5f1;border-radius:12px;overflow:hidden;grid-template-columns:1.05fr .95fr}body[data-site=clinic] .hero-text{padding:58px 9% 45px}body[data-site=clinic] h1{font-weight:500;font-size:clamp(2.5rem,5vw,4.1rem);line-height:1.08;letter-spacing:-.05em}body[data-site=clinic] .hero-photo>img{object-position:40% center}body[data-site=clinic] .photo-note{bottom:25px;right:25px;left:25px;color:var(--ink);font:1rem/1.6 Arial,sans-serif;background:rgba(255,255,255,.9);padding:19px 23px;border-radius:8px;text-shadow:none;backdrop-filter:blur(5px)}.clinic-points{display:flex;flex-wrap:wrap;gap:18px;margin-top:30px;font-size:.75rem;color:var(--muted)}.clinic-points span{border-top:1px solid #b3cec3;padding-top:8px}body[data-site=clinic] .home-links{border:0;margin:0 4% 35px;gap:20px}body[data-site=clinic] .home-links>a{border:1px solid var(--soft);border-radius:8px;padding:25px}body[data-site=clinic] .home-links h2{font-size:1.2rem;font-weight:500}.treatment-list{border-top:1px solid var(--soft)}.treatment-list details{border-bottom:1px solid var(--soft)}.treatment-list summary{display:grid;grid-template-columns:40px 1fr 20px;align-items:start;gap:20px;padding:25px 0;cursor:pointer;list-style:none}.treatment-list summary::-webkit-details-marker{display:none}.treatment-list summary>span{font-size:.75rem;color:var(--muted);padding-top:5px}.treatment-list summary h2{font-size:1.3rem}.treatment-list summary p{font-size:.9375rem;color:var(--muted);margin-top:7px}.treatment-list summary>b{font-size:1.5rem;line-height:1}.treatment-list details[open] summary>b{transform:rotate(45deg)}.treatment-detail{padding:0 40px 25px 60px;max-width:800px}.treatment-detail p{color:var(--muted);font-size:1rem;margin-bottom:15px}
body[data-site=build] .demo-banner{background:#30393d;color:#d0d8da}body[data-site=build] .demo-nav{position:relative;background:#151a1d;z-index:1}body[data-site=build] .demo-brand{font-size:1.15rem;letter-spacing:.1em}body[data-site=build] .demo-brand small{font-size:.75rem;letter-spacing:.09em;font-weight:400}.architecture-hero{position:relative;min-height:520px;display:flex;align-items:center;padding:55px 7% 70px}.architecture-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 57%}.architecture-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#07121be8 0%,#09152294 50%,#09152228)}.architecture-hero>div{position:relative;z-index:1}.architecture-hero h1{font-size:clamp(3rem,7vw,5.2rem);font-weight:400;letter-spacing:-.05em}.architecture-hero p{max-width:370px;color:#cfdae1;margin-bottom:28px;font-size:1rem}.architecture-hero .overline{color:#d9c8aa}.project-caption{position:absolute;z-index:1;bottom:24px;right:5%;font-size:.75rem;letter-spacing:.06em;color:#c5d0d9}.architecture-note{display:grid;grid-template-columns:.6fr 1fr .5fr;gap:30px;padding:45px 7%;align-items:start}.architecture-note>span{font-size:.75rem;letter-spacing:.08em;color:var(--muted)}.architecture-note>p{font-size:1.2rem;line-height:1.6;max-width:500px}.architecture-note>.text-button{justify-self:end;color:#ccbfa8}.project-cover{display:grid;grid-template-columns:1.4fr .6fr;gap:35px;align-items:center}.project-cover>img{width:100%;aspect-ratio:1.4;object-fit:cover}.project-cover>div>span{font-size:.75rem;color:var(--muted)}.project-cover h2{font-size:2.3rem;margin:15px 0}.project-cover p{font-size:1rem;color:var(--muted)}.project-cover .project-more{display:flex;justify-content:space-between;align-items:center;margin-top:25px;padding-top:15px;border-top:1px solid var(--soft);font-size:.875rem;color:var(--accent)}.project-detail>img{width:100%;max-height:460px;object-fit:cover}.project-detail .inner-page>.overline{margin-top:35px}.project-info{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:start}.project-info dl{margin:0}.project-info dl>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--soft);padding:10px 0;font-size:.875rem}.project-info dt{color:var(--muted)}.project-info dd{margin:0;text-align:right}
body[data-site=beauty] .demo-brand{font-size:1.15rem;letter-spacing:.06em}body[data-site=beauty] .demo-brand small{font-size:.75rem;letter-spacing:.1em}.barber-hero{display:grid;grid-template-columns:1fr 1fr;padding:40px 5% 25px;gap:32px}.barber-title{align-self:center;padding:25px 0}.barber-title h1{font-family:Georgia,serif;font-size:clamp(2.8rem,6vw,4.7rem);line-height:1.03;letter-spacing:-.06em;font-style:italic}.barber-title>p{color:var(--muted);max-width:350px;margin-bottom:27px}.barber-hero>img{width:100%;height:420px;object-fit:cover;object-position:60% center;border-radius:46% 46% 0 0}.barber-caption{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--soft);padding-top:18px;font-size:.75rem;letter-spacing:.07em}.barber-caption>.text-button{letter-spacing:0}.barber-statement{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:40px 5% 50px}.barber-statement>span{font-size:.75rem;max-width:120px;letter-spacing:.1em;color:var(--muted)}.barber-statement h2{font-family:Georgia,serif;font-style:italic;font-size:2.2rem}.barber-services h1,.about-page h1,body[data-site=beauty] .contact-page h1{font-family:Georgia,serif}body[data-site=clinic] .about-page h1,body[data-site=build] .about-page h1{font-family:Arial,sans-serif}.service-list{border-top:1px solid var(--soft)}.service-list article{display:grid;grid-template-columns:30px 1fr auto;gap:25px;align-items:center;padding:25px 0;border-bottom:1px solid var(--soft)}.service-list article>span{font-size:.75rem;color:var(--muted);align-self:start;padding-top:6px}.service-list h2{font-family:Georgia,serif;font-size:1.6rem}.service-list p{color:var(--muted);font-size:.9375rem;margin-top:7px}.service-list small{color:var(--muted);font-size:.75rem}.service-price{display:grid;gap:10px;min-width:100px}.service-price>b{font-size:1.1rem;font-weight:500}.service-price a{font-size:.875rem}
.contact-page{display:grid;grid-template-columns:1fr .9fr;gap:60px;align-items:start}.contact-page h1{font-size:clamp(2.6rem,4.8vw,3.7rem)}.contact-page .large-copy{font-size:1rem;max-width:410px}.contact-disclaimer{border-top:1px solid var(--soft);margin-top:30px;padding-top:20px;color:var(--muted)}.contact-disclaimer b{font-size:.875rem;font-weight:500}.contact-disclaimer p{font-size:.875rem;margin-top:8px;max-width:350px}.booking-panel{border:1px solid var(--soft);padding:28px;background:#ffffff09;margin-top:8px}.booking-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px;font-size:.75rem;letter-spacing:.05em;color:var(--muted)}.booking-top>small{font-size:.75rem;padding:3px 7px;border:1px solid var(--soft)}#demo-form{display:grid;gap:19px}#demo-form label{display:grid;gap:8px;font-size:.875rem}#demo-form select{border:1px solid var(--soft);background:var(--paper);color:var(--ink);padding:12px 10px;width:100%;font-size:1rem;border-radius:0}#demo-form .demo-button{margin-top:5px;width:100%}.booking-summary h2{margin:20px 0;font-size:1.5rem}.booking-summary ul{list-style:none;padding:0;margin:0 0 20px}.booking-summary li{padding:12px 0;border-bottom:1px solid var(--soft);font-size:.9375rem}.booking-summary p{font-size:.9375rem;color:var(--muted);margin-bottom:25px}.booking-summary:focus{outline:0}.booking-summary .demo-button{width:100%}
@media(max-width:700px){h1{font-size:3.25rem}.demo-nav{padding:20px 5%;flex-wrap:wrap;gap:18px}.demo-nav nav{gap:22px;font-size:.875rem}.split-hero{min-height:440px}.hero-text{padding:45px 8% 30px}.hero-text h1{font-size:3rem}.hero-text .overline{font-size:.75rem}.hero-text>p{font-size:.9375rem}.hero-bottom-note{margin-top:25px;font-size:.75rem}.home-links>a{padding:25px 10%}.home-links h2{font-size:1.2rem}.home-links>a>span{right:15px}.inner-page{padding:45px 6% 55px}.about-grid{gap:30px}.large-copy{font-size:1rem}.principles{gap:17px}.principles h2{font-size:1rem}.contact-page{gap:30px}.booking-panel{padding:20px}.project-cover{grid-template-columns:1fr .6fr;gap:25px}.architecture-note{grid-template-columns:.7fr 1.3fr;gap:25px}.architecture-note>.text-button{grid-column:2;justify-self:start}.barber-hero{gap:22px}.barber-title h1{font-size:3.2rem}.barber-hero>img{height:400px}.barber-title .overline{font-size:.75rem}.barber-statement{gap:25px}.barber-statement h2{font-size:1.8rem}.demo-banner{font-size:.75rem;gap:10px}.demo-banner>span{font-size:.75rem}.project-info{gap:35px}body[data-site=clinic] .home-links{gap:10px}body[data-site=clinic] .home-links>a{padding:18px}body[data-site=clinic] .home-links h2{font-size:1rem}body[data-site=clinic] .home-links>a>span{display:none}}
@media(max-width:520px){.demo-banner{display:block;text-align:center;padding:8px 5%;font-size:.75rem}.demo-banner>span{display:none}.demo-nav{gap:19px;padding:20px 6% 14px}.demo-brand{font-size:1.7rem}.demo-nav nav{width:100%;justify-content:space-between;gap:12px;font-size:.875rem}.demo-nav nav a{padding:3px 0}.demo-nav nav a:last-child{gap:7px}.split-hero{grid-template-columns:1fr}.hero-text{padding:37px 6% 35px}.hero-text h1{font-size:3.55rem}.hero-text>p{max-width:370px;font-size:1rem}.hero-bottom-note{margin-top:25px}.hero-photo{height:290px}.hero-photo>img{position:static;height:100%}.photo-note{font-size:1.5rem;bottom:20px;right:20px}.home-links{grid-template-columns:1fr}.home-links>a{padding:24px 6%;border-right:0;border-bottom:1px solid var(--soft)}.home-links h2{font-size:1.45rem;margin:9px 0}.home-links p{max-width:none;font-size:.9375rem}.home-links>a>span{right:6%;top:30px}.inner-page{padding:38px 6% 50px}.inner-page>h1{font-size:2.8rem;margin-top:17px;margin-bottom:28px}.about-grid{grid-template-columns:1fr;gap:28px}.about-grid>img{aspect-ratio:1.3}.about-grid .large-copy{font-size:1.0625rem}.principles{grid-template-columns:1fr;gap:20px;margin-top:35px;padding-top:25px}.principles>div{display:flex;align-items:center;gap:20px}.principles h2{font-size:1.2rem;margin-top:0}.menu-list{grid-template-columns:1fr}.menu-list article{padding:20px 0}.menu-filters{gap:8px}.menu-filters button{padding:8px 12px;font-size:.875rem}.menu-list h2{font-size:1.5rem}.demo-footer{align-items:start;gap:18px;flex-direction:column;padding:27px 6%}.demo-footer p{text-align:left}body[data-site=clinic] .split-hero{margin:6px 4% 25px;grid-template-columns:1fr}body[data-site=clinic] .hero-text{padding:34px 7%}body[data-site=clinic] .hero-text h1{font-size:3.05rem}body[data-site=clinic] .hero-photo{height:270px}body[data-site=clinic] .photo-note{padding:15px 20px;font-size:.9375rem;bottom:17px;left:17px;right:17px}.clinic-points{margin-top:24px}body[data-site=clinic] .home-links{grid-template-columns:1fr;gap:13px;margin:0 4% 25px}body[data-site=clinic] .home-links>a{padding:22px}body[data-site=clinic] .home-links h2{font-size:1.25rem}body[data-site=clinic] .home-links>a>span{display:block}.treatment-list summary{grid-template-columns:23px 1fr 17px;gap:14px;padding:23px 0}.treatment-list summary h2{font-size:1.2rem}.treatment-detail{padding:0 0 23px 37px}.architecture-hero{min-height:515px;padding:40px 6% 70px}.architecture-hero::after{background:linear-gradient(90deg,#07121be0,#09152275)}.architecture-hero h1{font-size:3.65rem}.architecture-hero p{max-width:310px;font-size:.9375rem}.project-caption{left:6%;right:auto;font-size:.75rem}.architecture-note{grid-template-columns:1fr;gap:20px;padding:30px 6%}.architecture-note>.text-button{grid-column:1}.architecture-note>p{font-size:1.2rem}.project-cover{grid-template-columns:1fr;gap:25px}.project-cover>img{aspect-ratio:1.05}.project-cover h2{font-size:2rem;margin-block:10px}.project-cover .project-more{margin-top:20px}.project-detail>img{height:280px}.project-info{grid-template-columns:1fr;gap:25px}.project-info .large-copy{font-size:1.125rem}.barber-hero{grid-template-columns:1fr;padding:32px 6% 20px;gap:25px}.barber-title{padding:0}.barber-title h1{font-size:3.6rem;margin-block:19px}.barber-title>p{font-size:1rem}.barber-hero>img{height:360px;max-width:360px;width:100%;margin-inline:auto;border-radius:45% 45% 0 0}.barber-caption{display:block;padding-top:20px}.barber-caption>.text-button{display:flex;max-width:240px;margin-top:10px}.barber-statement{display:grid;gap:22px;padding:30px 6% 40px}.barber-statement>span{max-width:none}.barber-statement h2{font-size:2.3rem}.barber-statement>.text-button{justify-self:start}.service-list article{grid-template-columns:1fr auto;gap:20px;padding-block:24px}.service-list article>span{display:none}.service-list h2{font-size:1.35rem}.service-list p{font-size:.875rem}.service-price{min-width:79px}.service-price>b{font-size:.9375rem}.contact-page{grid-template-columns:1fr;gap:30px}.contact-page h1{font-size:2.8rem;margin-bottom:23px}.contact-disclaimer{margin-top:23px;padding-top:18px}.booking-panel{padding:24px}.booking-top{margin-bottom:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}