html:has(.demo-root){scroll-behavior:smooth;scroll-padding-top:7rem}.demo-bar{color:#f5f5f7;background:#08090d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem 1rem;padding:.5rem 1rem;display:flex}.demo-bar a{color:#8fb0f0;padding-block:.35rem;font-weight:600}@media (max-width:640px){.demo-bar{flex-wrap:nowrap;padding-block:.25rem}.demo-bar-more{display:none}}.demo-root{--demo-font:system-ui, sans-serif;--demo-display:var(--demo-font);background:var(--demo-bg);min-height:100vh;color:var(--demo-ink);font-family:var(--demo-font);font-stretch:100%}.demo-section{gap:1.5rem;max-width:76rem;margin-inline:auto;padding:clamp(3rem,9vh,6rem) clamp(1rem,4vw,3rem);display:grid}.demo-btn{border:1px solid var(--demo-accent);border-radius:var(--demo-radius,999px);background:var(--demo-accent);min-height:48px;color:var(--demo-on-accent);font:inherit;cursor:pointer;transition:transform .25s var(--ease-out), opacity .2s, background-color .25s;justify-content:center;align-items:center;padding:.8rem 1.5rem;font-weight:700;text-decoration:none;display:inline-flex}.demo-btn:hover:not(:disabled){transform:translateY(-2px)}.demo-btn:active:not(:disabled){transform:scale(.96)}.demo-btn:disabled{opacity:.45;cursor:not-allowed}.demo-btn-ghost{color:inherit;background:0 0}.demo-form{gap:1rem;max-width:34rem;display:grid}.demo-field{gap:.35rem;font-weight:600;display:grid}.demo-field input,.demo-field select,.demo-field textarea{border:1px solid var(--demo-line);background:var(--demo-surface);width:100%;min-height:48px;color:inherit;font:inherit;border-radius:8px;padding:.7rem .85rem;font-weight:400}.demo-field input:focus,.demo-field select:focus,.demo-field textarea:focus{border-color:var(--demo-accent);outline:2px solid var(--demo-accent);outline-offset:1px}.demo-confirm{border:1px solid var(--demo-line);background:var(--demo-surface);border-radius:14px;justify-items:start;gap:.75rem;max-width:34rem;padding:1.5rem;display:grid}.demo-confirm svg{width:3.25rem;color:var(--demo-accent)}.demo-confirm-note{opacity:.8}.demo-footer{border-top:1px solid var(--demo-line);flex-wrap:wrap;justify-content:space-between;gap:.5rem 2rem;padding:2rem clamp(1rem,4vw,3rem);display:flex}.demo-footer a{color:inherit;font-weight:700}.dn{z-index:20;background:var(--demo-bg);border-bottom:1px solid var(--demo-line);flex-wrap:wrap;align-items:center;gap:.5rem 1.5rem;padding:.65rem clamp(1rem,4vw,3rem);display:flex;position:sticky;top:0}.dn-brand{font-family:var(--demo-display);color:inherit;margin-right:auto;font-size:1.35rem;font-weight:700;text-decoration:none}.dn-links{gap:1.5rem;display:flex}.dn-links a,.dn-sheet a{color:inherit;text-decoration:none}.dn-links a:hover{color:var(--demo-accent)}.dn-cta{border-radius:var(--demo-radius,999px);background:var(--demo-accent);color:var(--demo-on-accent);padding:.5rem 1rem;font-weight:700;text-decoration:none}.dn-burger{border:1px solid var(--demo-line);cursor:pointer;background:0 0;border-radius:50%;width:44px;height:44px;display:none;position:relative}.dn-burger span{background:var(--demo-ink);width:50%;height:2px;transition:transform .3s,top .3s;position:absolute;left:25%}.dn-burger span:first-child{top:40%}.dn-burger span:nth-child(2){top:58%}.dn-burger.is-open span{top:50%}.dn-burger.is-open span:first-child{transform:rotate(45deg)}.dn-burger.is-open span:nth-child(2){transform:rotate(-45deg)}.dn-sheet{flex-basis:100%;display:grid;overflow:hidden}.dn-sheet a{border-top:1px solid var(--demo-line);padding-block:.75rem;font-weight:600}@media (max-width:720px){.dn-links,.dn-cta{display:none}.dn-burger{display:block}}@media (min-width:721px){.dn-sheet{display:none}}.demo-restaurant{--demo-bg:#14110e;--demo-ink:#f6ebdc;--demo-surface:#221b15;--demo-line:#f6ebdc33;--demo-accent:#e0a458;--demo-on-accent:#14110e;--demo-font:"Fraunces Variable", Georgia, serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.rt-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:2rem;min-height:calc(100svh - 7rem);padding:2rem clamp(1rem,4vw,3rem);display:grid;position:relative;overflow:hidden}.rt-hero>div{justify-items:start;gap:1.25rem;display:grid}.rt-kicker{color:var(--demo-accent);font-size:1.25rem;font-style:italic}.rt-title{letter-spacing:-.02em;font-size:clamp(2.75rem,7.5vw,7rem);font-weight:400;line-height:1.02}.rt-plate{width:100%;max-width:34rem;color:var(--demo-accent);justify-self:center}.rt-heading{font-size:clamp(2.25rem,5vw,4.5rem);font-weight:400;line-height:1.05}.rt-tabs{flex-wrap:wrap;gap:.35rem;display:flex}.rt-tabs button{min-height:48px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.5rem 1.25rem;position:relative}.rt-tabs button.is-active{color:var(--demo-on-accent)}.rt-tabs span{position:relative}.rt-tab-pill{background:var(--demo-accent);border-radius:999px;position:absolute;inset:0}.rt-menu{max-width:48rem;display:grid}.rt-menu li{border-bottom:1px solid var(--demo-line);justify-content:space-between;gap:1.5rem;padding-block:1.1rem;display:flex}.rt-menu h3{font-size:1.4rem;font-weight:500}.rt-menu p{opacity:.8}.rt-menu strong{color:var(--demo-accent);white-space:nowrap;font-size:1.25rem}.rt-house{background:var(--demo-surface);max-width:none}.rt-quote{text-align:center;max-width:24em;margin-inline:auto;font-size:clamp(1.6rem,3.8vw,3.25rem);font-style:italic;line-height:1.2}.rt-infos{grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr))}.rt-infos dl{margin:1rem 0 0}.rt-infos dl div{border-bottom:1px solid var(--demo-line);flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem;padding-block:.6rem;display:flex}.rt-infos dd{opacity:.85;margin:0}.rt-infos p{margin-top:1rem}.rt-stepper{align-items:center;gap:1rem;display:inline-flex}.rt-stepper button{border:1px solid var(--demo-line);background:var(--demo-surface);width:48px;height:48px;color:inherit;font:inherit;cursor:pointer;border-radius:50%;font-size:1.5rem}.rt-stepper output{text-align:center;min-width:2ch;font-size:1.5rem}@media (max-width:720px){.rt-hero{grid-template-columns:1fr;min-height:auto}.rt-plate{max-width:16rem}}.demo-barber{--demo-bg:#0f0e0e;--demo-ink:#f2ebdd;--demo-surface:#1c1a19;--demo-line:#f2ebdd33;--demo-accent:#d13f33;--demo-on-accent:#fffaf2;--demo-radius:4px;--demo-font:"Archivo Variable", system-ui, sans-serif;--demo-display:"Bebas Neue", "Archivo Variable", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.bb-hero{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(1.25rem,5vw,4rem);min-height:calc(100svh - 7rem);padding:2rem clamp(1rem,4vw,3rem);display:grid;position:relative;overflow:hidden}.bb-hero>div{justify-items:start;gap:1rem;display:grid}.bb-pole{background:repeating-linear-gradient(135deg,#d13f33 0 28px,#f2ebdd 28px 56px,#1e3a7a 56px 84px,#f2ebdd 84px 112px) 0 0/158.4px 158.4px;border-radius:999px;width:clamp(2.25rem,7vw,6rem);height:100%;min-height:60vh;animation:3.5s linear infinite bb-pole;box-shadow:inset 0 0 18px #0000008c}@keyframes bb-pole{to{background-position:0 158.4px}}.bb-title{font-family:var(--demo-display);font-size:clamp(6rem,25vw,24rem);font-weight:400;line-height:.88}.bb-lead{max-width:28rem;font-size:clamp(1.05rem,2vw,1.5rem)}.bb-marquee{background:var(--demo-accent);color:var(--demo-on-accent);font-family:var(--demo-display);white-space:nowrap;padding-block:.5rem;font-size:1.75rem;overflow:hidden}.bb-marquee>div{animation:28s linear infinite bb-marquee;display:inline-block}@keyframes bb-marquee{to{transform:translate(-50%)}}.bb-heading{font-family:var(--demo-display);font-size:clamp(3rem,9vw,7rem);font-weight:400;line-height:.95}.bb-services{border-top:1px solid var(--demo-line);display:grid}.bb-services li{border-bottom:1px solid var(--demo-line)}.bb-services button{width:100%;min-height:64px;color:inherit;font-family:var(--demo-display);text-align:left;cursor:pointer;transition:color .2s, padding-left .35s var(--ease-out);background:0 0;border:0;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0;font-size:clamp(1.6rem,4vw,2.5rem);display:flex}.bb-services li.is-open button,.bb-services button:hover{color:var(--demo-accent);padding-left:.5rem}.bb-services strong{font-weight:400}.bb-services p{padding-bottom:1rem}.bb-services em{opacity:.8;font-style:normal}.bb-services>li>div{overflow:hidden}.bb-styles{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:1rem;display:grid}.bb-style{border:1px solid var(--demo-line);border-radius:var(--demo-radius);background:linear-gradient(160deg,#2a2523,#141211);align-content:end;gap:.5rem;min-height:15rem;padding:1.5rem;display:grid;position:relative}.bb-style-num{color:var(--demo-accent);font-family:var(--demo-display);font-size:3rem}.bb-style h3{font-family:var(--demo-display);font-size:2rem;font-weight:400}.bb-grid{grid-template-columns:minmax(0,1fr) minmax(0,20rem);align-items:start;gap:1.5rem;display:grid}.bb-steps{gap:1.25rem;display:grid}.bb-step{border:1px solid var(--demo-line);border-radius:var(--demo-radius);margin:0;padding:1rem;transition:border-color .3s}.bb-step.is-done{border-color:var(--demo-accent)}.bb-step legend{font-family:var(--demo-display);align-items:center;gap:.5rem;padding-inline:.5rem;font-size:1.5rem;display:flex}.bb-step legend span{color:var(--demo-accent)}.bb-choices{flex-wrap:wrap;gap:.5rem;display:flex}.bb-choices button{border:1px solid var(--demo-line);border-radius:var(--demo-radius);background:var(--demo-surface);min-height:44px;color:inherit;font:inherit;cursor:pointer;transition:background-color .2s, transform .2s var(--ease-out);padding:.45rem .9rem}.bb-choices button:active{transform:scale(.95)}.bb-choices button[aria-pressed=true]{border-color:var(--demo-accent);background:var(--demo-accent);color:var(--demo-on-accent)}.bb-summary{border-radius:var(--demo-radius);background:var(--demo-surface);gap:.5rem;padding:1.25rem;display:grid;position:sticky;top:5rem}.bb-summary h3{font-family:var(--demo-display);font-size:1.75rem;font-weight:400}.bb-summary .demo-btn{margin-top:.5rem}@media (max-width:800px){.bb-grid{grid-template-columns:1fr}.bb-summary{position:static}.bb-hero{min-height:auto}.bb-pole{min-height:22rem}.bb-title{font-size:clamp(5rem,27vw,11rem)}}.demo-beaute{--demo-bg:#f7efea;--demo-ink:#33262a;--demo-surface:#fffaf6;--demo-line:#3a2a2c33;--demo-accent:#9c4c58;--demo-on-accent:#fffaf6;--demo-font:system-ui, -apple-system, "Segoe UI", sans-serif;--demo-display:"Cormorant Garamond", Georgia, serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.bt-hero{text-align:center;align-content:center;justify-items:center;gap:1.25rem;min-height:calc(100svh - 7rem);padding:2rem clamp(1rem,4vw,3rem);display:grid;position:relative;overflow:hidden}.bt-hero>:not(.bt-blob){position:relative}.bt-blob{will-change:transform;border-radius:50%;position:absolute}.bt-blob-a{background:radial-gradient(circle at 40% 35%,#fff6f0,#ebc4bc 60%,#0000 72%);width:55vmin;height:55vmin;animation:14s ease-in-out infinite alternate bt-a;top:-12%;left:-8%}.bt-blob-b{background:radial-gradient(circle at 60% 60%,#e9efe4,#c5d2ba 58%,#0000 72%);width:62vmin;height:62vmin;animation:18s ease-in-out infinite alternate bt-b;bottom:-14%;right:-10%}@keyframes bt-a{to{transform:translate(8vw,6vh)scale(1.1)}}@keyframes bt-b{to{transform:translate(-8vw,-6vh)scale(.9)}}.bt-kicker{letter-spacing:.2em;text-transform:uppercase}.bt-title{max-width:13em;font-family:var(--demo-display);font-size:clamp(3rem,9vw,8rem);font-style:italic;font-weight:500;line-height:1}.bt-heading{font-family:var(--demo-display);font-size:clamp(2.5rem,6vw,5rem);font-weight:500;line-height:1.05}.bt-care{gap:.75rem;max-width:48rem;display:grid}.bt-group{background:var(--demo-surface);border-radius:14px}.bt-group button{width:100%;min-height:60px;color:inherit;font-family:var(--demo-display);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;font-size:1.6rem;font-weight:500;display:flex}.bt-group button span{color:var(--demo-accent);font-size:1.75rem;display:inline-block}.bt-group ul{padding-inline:1.25rem;overflow:hidden}.bt-group li{border-top:1px solid var(--demo-line);flex-wrap:wrap;gap:.25rem 1rem;padding-block:.7rem;display:flex}.bt-group li span{flex:10rem}.bt-group li em{opacity:.75;font-style:normal}.bt-group li strong{color:var(--demo-accent)}.bt-hint{opacity:.8}.bt-rail{scroll-snap-type:x mandatory;gap:1rem;padding-bottom:.75rem;display:flex;overflow-x:auto}.bt-rail>div{scroll-snap-align:start;flex:0 0 min(78vw,22rem)}.bt-ritual{background:linear-gradient(170deg,#efd3cb,#f7e7dd);border-radius:18px;align-content:end;gap:.5rem;min-height:18rem;padding:1.5rem;display:grid}.bt-ritual[data-index="1"]{background:linear-gradient(170deg,#f3e2c8,#f7efe0)}.bt-ritual[data-index="2"]{background:linear-gradient(170deg,#d3dfc9,#ecf0e4)}.bt-ritual[data-index="3"]{background:linear-gradient(170deg,#dcd0e2,#efe8f1)}.bt-ritual h3{font-family:var(--demo-display);font-size:2.5rem;font-style:italic;font-weight:500}.bt-question{background:var(--demo-surface);border-radius:18px;justify-items:start;gap:1rem;max-width:40rem;padding:clamp(1.25rem,4vw,2.5rem);display:grid}.bt-question h3{font-family:var(--demo-display);font-size:clamp(2rem,5vw,3rem);font-weight:500;line-height:1.1}.bt-progress{color:var(--demo-accent);font-weight:600}.bt-answers{flex-wrap:wrap;gap:.5rem;display:flex}.bt-answers button{border:1px solid var(--demo-accent);min-height:48px;color:inherit;font:inherit;cursor:pointer;transition:background-color .25s, color .25s, transform .2s var(--ease-out);background:0 0;border-radius:999px;padding:.6rem 1.1rem}.bt-answers button:hover{background:var(--demo-accent);color:var(--demo-on-accent)}.bt-answers button:active{transform:scale(.95)}.demo-artisan{--demo-bg:#efe7da;--demo-ink:#2a2119;--demo-surface:#f8f2e8;--demo-line:#2a21193d;--demo-accent:#8a4b1f;--demo-on-accent:#fbf6ee;--demo-radius:2px;--demo-font:"Space Grotesk Variable", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.ar-hero{background:repeating-linear-gradient(92deg,#8a4b1f12 0 3px,#0000 3px 18px),repeating-linear-gradient(88deg,#2a21190d 0 2px,#0000 2px 46px);align-content:end;justify-items:start;gap:1.25rem;min-height:calc(100svh - 7rem);padding:2rem clamp(1rem,4vw,3rem);display:grid}.ar-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--demo-accent);font-weight:600}.ar-title{letter-spacing:-.04em;max-width:12em;font-size:clamp(3rem,10vw,9.5rem);font-weight:700;line-height:.95}.ar-heading{letter-spacing:-.03em;font-size:clamp(2.25rem,6vw,5rem);font-weight:700;line-height:1}.ar-filters{flex-wrap:wrap;gap:.35rem;display:flex}.ar-filters button{border:1px solid var(--demo-line);min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:2px;padding:.45rem 1rem;position:relative}.ar-filters button[aria-pressed=true]{color:var(--demo-on-accent)}.ar-filters span{position:relative}.ar-filter-pill{background:var(--demo-accent);border-radius:2px;position:absolute;inset:0}.ar-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));gap:1.25rem;display:grid}.ar-work{gap:.35rem;display:grid}.ar-work h3{margin-top:.4rem;font-size:1.25rem}.ar-work p{opacity:.8}.ar-wood{aspect-ratio:4/3;transition:transform .6s var(--ease-out);background-image:repeating-linear-gradient(91deg,#00000014 0 2px,#0000 2px 13px,#ffffff12 13px 15px,#0000 15px 31px),repeating-linear-gradient(89deg,#0000000d 0 1px,#0000 1px 47px)}.ar-work:hover .ar-wood{transform:scale(1.02)}.ar-steps{gap:2rem;padding-left:.25rem;display:grid;position:relative}.ar-line{background:var(--demo-accent);transform-origin:50% 0;width:2px;position:absolute;top:.5rem;bottom:.5rem;left:1.5rem}.ar-step{grid-template-columns:2.5rem minmax(0,1fr);gap:1rem;display:grid;position:relative}.ar-step>span{background:var(--demo-accent);width:2.5rem;height:2.5rem;color:var(--demo-on-accent);border-radius:50%;place-items:center;font-weight:700;display:grid}.ar-step h3{font-size:1.5rem}@media (prefers-reduced-motion:reduce){.bb-pole,.bb-marquee>div,.bt-blob{animation:none}html:has(.demo-root){scroll-behavior:auto}}
