:root{--palette-neutral-0:#fff;--palette-neutral-50:#fafafa;--palette-neutral-100:#f4f4f5;--palette-neutral-200:#f0f0f2;--palette-neutral-250:#e4e4e7;--palette-neutral-300:#d4d4d8;--palette-neutral-500:#71717a;--palette-neutral-900:#0a0a0a;--palette-accent-100:#e8f1fc;--palette-accent-600:#2563eb;--palette-burgundy-600:#6d1f2d;--scale-space-4:.25rem;--scale-space-8:.5rem;--scale-space-12:.75rem;--scale-space-16:1rem;--scale-space-20:1.25rem;--scale-space-24:1.5rem;--scale-space-32:2rem;--scale-space-40:2.5rem;--scale-font-family-sans:"Satoshi", system-ui, sans-serif;--scale-line-height-base:1.5;--scale-line-height-1:1;--scale-font-size-12:.75rem;--scale-font-size-14:.875rem;--scale-font-size-15:.9375rem;--scale-font-size-16:1rem;--scale-font-size-22:1.375rem;--scale-font-weight-500:500;--scale-font-weight-600:600;--scale-letter-spacing-logo:.05em;--scale-breakpoint-header-stack:40rem;--scale-size-content-max:40rem;--scale-size-page-max:80rem;--scale-size-card-min:14rem;--scale-size-card-icon:1.125rem;--scale-size-card-action:2.25rem;--scale-ratio-listing-image:20 / 19;--scale-size-40:40px;--scale-size-icon:1.25rem;--scale-size-header-center-max:26rem;--scale-size-viewport-min:100vh;--scale-size-mobile-nav-height:3.75rem;--scale-size-mobile-nav-icon:1.5rem;--scale-size-mobile-nav-drawer-width:18rem;--scale-z-index-mobile-nav:100;--scale-z-index-mobile-nav-drawer:200;--scale-z-index-header:90;--scale-radius-full:9999px;--scale-radius-8:.5rem;--scale-radius-12:.75rem;--scale-radius-16:1rem;--scale-border-width-1:1px;--scale-blur-12:12px;--scale-shadow-offset-y-1:1px;--scale-shadow-offset-y-4:4px;--scale-shadow-blur-4:4px;--scale-shadow-blur-8:8px;--scale-shadow-blur-16:16px;--scale-shadow-blur-24:24px;--scale-shadow-opacity-4:.04;--scale-shadow-opacity-8:.08;--scale-shadow-opacity-12:.12;--palette-shadow-rgb:10, 10, 10;--color-bg:var(--palette-neutral-100);--color-header-gradient-start:var(--palette-neutral-0);--color-header-gradient-end:var(--palette-neutral-50);--color-header-border:var(--palette-neutral-200);--color-header-control-bg:var(--palette-neutral-100);--color-avatar-bg:var(--palette-accent-100);--color-avatar-initial:var(--palette-accent-600);--color-surface:var(--palette-neutral-0);--color-text:var(--palette-neutral-900);--color-text-muted:var(--palette-neutral-500);--color-border:var(--palette-neutral-300);--color-card-border:var(--palette-neutral-200);--color-card-border-hover:var(--palette-neutral-300);--color-search-border:var(--palette-neutral-250);--color-tabs-bg:var(--palette-neutral-100);--color-tabs-border:var(--palette-neutral-250);--color-tabs-focus:var(--palette-accent-600);--color-tab-active-bg:var(--palette-neutral-0);--color-tab-active-text:var(--palette-neutral-900);--color-icon:var(--color-text);--color-placeholder-bg:var(--palette-neutral-100);--color-save-bg:#ffffffe6;--color-save-heart:var(--palette-burgundy-600);--font-family-body:var(--scale-font-family-sans);--font-size-section-title:var(--scale-font-size-22);--font-size-card-title:var(--scale-font-size-14);--font-size-card-meta:var(--scale-font-size-12);--font-size-card-price:var(--scale-font-size-14);--font-size-search:var(--scale-font-size-14);--font-size-tab:var(--scale-font-size-14);--font-size-avatar-initial:var(--scale-font-size-14);--font-weight-section-title:var(--scale-font-weight-600);--font-weight-card-title:var(--scale-font-weight-600);--font-weight-card-meta:var(--scale-font-weight-500);--font-weight-tab:var(--scale-font-weight-600);--font-weight-avatar-initial:var(--scale-font-weight-600);--font-weight-logo:var(--scale-font-weight-600);--line-height-body:var(--scale-line-height-base);--line-height-search:var(--scale-line-height-1);--line-height-tight:var(--scale-line-height-1);--letter-spacing-logo:var(--scale-letter-spacing-logo);--border-width-default:var(--scale-border-width-1);--shadow-search:0 var(--scale-shadow-offset-y-1) var(--scale-shadow-blur-4) rgba(var(--palette-shadow-rgb), var(--scale-shadow-opacity-4));--shadow-search-focus:0 var(--scale-shadow-offset-y-1) var(--scale-shadow-blur-8) rgba(var(--palette-shadow-rgb), var(--scale-shadow-opacity-8));--shadow-tabs:0 var(--scale-shadow-offset-y-1) var(--scale-shadow-blur-4) rgba(var(--palette-shadow-rgb), var(--scale-shadow-opacity-4));--shadow-tab-active:0 var(--scale-shadow-offset-y-1) var(--scale-shadow-blur-4) rgba(var(--palette-shadow-rgb), var(--scale-shadow-opacity-8));--shadow-card:0 var(--scale-shadow-offset-y-1) var(--scale-shadow-blur-4) rgba(var(--palette-shadow-rgb), var(--scale-shadow-opacity-4));--shadow-card-hover:0 var(--scale-shadow-offset-y-4) var(--scale-shadow-blur-24) rgba(var(--palette-shadow-rgb), var(--scale-shadow-opacity-8));--radius-card:var(--scale-radius-8);--radius-card-media:var(--scale-radius-8);--radius-header:var(--scale-radius-16);--radius-avatar:var(--scale-radius-full);--radius-search:var(--scale-radius-full);--radius-tabs:var(--scale-radius-full);--radius-tab:var(--scale-radius-full);--ratio-listing-image:var(--scale-ratio-listing-image);--space-header-gap:var(--scale-space-12);--space-header-row-gap:var(--scale-space-12);--space-header-inset:var(--scale-space-32);--space-header-inset-mobile:var(--scale-space-16);--space-search-icon-inset:var(--scale-space-12);--space-search-gap:var(--scale-space-8);--space-search-input-end:var(--scale-space-12);--space-search-input-start:calc(var(--space-search-icon-inset) + var(--size-search-icon) + var(--space-search-gap));--space-search-input-inline:var(--space-search-input-start) var(--space-search-input-end);--space-tabs-inset:var(--scale-space-4);--space-tab-x:var(--scale-space-12);--space-page-x:var(--scale-space-24);--space-page-x-mobile:var(--scale-space-16);--space-page-y:var(--scale-space-32);--space-section-gap:var(--scale-space-24);--space-grid-gap:var(--scale-space-20);--space-card-padding:var(--scale-space-8);--space-card-media-gap:var(--scale-space-12);--space-card-body-gap:var(--scale-space-8);--space-card-content-gap:var(--scale-space-12);--space-footer-y:var(--scale-space-24);--font-size-footer:var(--scale-font-size-14);--color-footer-bg:var(--palette-neutral-100);--color-mobile-nav-bg:var(--palette-neutral-0);--color-mobile-nav-border:var(--palette-neutral-200);--font-size-mobile-nav-label:var(--scale-font-size-12);--space-mobile-nav-btn-x:var(--scale-space-4);--space-mobile-nav-btn-y:var(--scale-space-8);--space-mobile-nav-drawer-header:var(--scale-space-16);--space-mobile-nav-drawer-list:var(--scale-space-16);--space-mobile-nav-drawer-link-y:var(--scale-space-12);--z-index-mobile-nav:var(--scale-z-index-mobile-nav);--z-index-mobile-nav-drawer:var(--scale-z-index-mobile-nav-drawer);--z-index-header:var(--scale-z-index-header);--blur-header:var(--scale-blur-12);--size-content-max:var(--scale-size-content-max);--size-mobile-nav-height:var(--scale-size-mobile-nav-height);--size-mobile-nav-icon:var(--scale-size-mobile-nav-icon);--size-mobile-nav-drawer-width:var(--scale-size-mobile-nav-drawer-width);--size-page-max:var(--scale-size-page-max);--size-card-min:var(--scale-size-card-min);--size-card-action:var(--scale-size-card-action);--size-card-icon:var(--scale-size-card-icon);--size-header:calc(var(--size-control) + 2 * var(--space-header-inset));--size-control:var(--scale-size-40);--size-avatar:var(--size-control);--size-logo:var(--size-control);--size-icon:var(--scale-size-icon);--size-search-icon:var(--scale-size-icon);--size-header-center-max:var(--scale-size-header-center-max);--size-layout-min-height:var(--scale-size-viewport-min)}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-family-body);line-height:var(--line-height-body);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;margin:0}.haircut-card{border:var(--border-width-default) solid #ffffffd1;background:var(--color-surface);min-height:100%;box-shadow:0 .25rem .9rem rgba(var(--palette-shadow-rgb), .06), 0 .0625rem .125rem rgba(var(--palette-shadow-rgb), .04);cursor:pointer;border-radius:1.35rem;flex-direction:column;gap:0;padding:clamp(.375rem,.9vw,.55rem);transition:transform .16s,box-shadow .16s;display:flex}.haircut-card:hover{box-shadow:0 .45rem 1.2rem rgba(var(--palette-shadow-rgb), .08), 0 .0625rem .1875rem rgba(var(--palette-shadow-rgb), .05);transform:translateY(-.125rem)}.haircut-card__media{aspect-ratio:1;background-color:var(--color-placeholder-bg);border-radius:1rem;position:relative;overflow:hidden}.haircut-card__image{object-fit:cover;width:100%;height:100%;display:block}.haircut-card__body{flex-direction:column;flex:1;gap:.45rem;padding:clamp(.625rem,1.2vw,.875rem) clamp(.3rem,.8vw,.5rem) clamp(.125rem,.5vw,.375rem);display:flex}.haircut-card__identity{align-items:center;gap:.425rem;min-width:0;display:flex}.haircut-card__title{overflow-wrap:anywhere;font-family:var(--font-family-body);font-size:clamp(1rem,1.45vw,1.25rem);font-weight:var(--font-weight-card-title);color:var(--color-text);margin:0;line-height:1.04}.haircut-card__verified{flex:none;width:clamp(1.1rem,1.6vw,1.35rem);height:clamp(1.1rem,1.6vw,1.35rem)}.haircut-card__desc{max-width:14rem;font-family:var(--font-family-body);font-size:clamp(.8rem,1.1vw,.9rem);font-weight:var(--font-weight-card-meta);color:var(--color-text-muted);margin:0;line-height:1.3}.haircut-card__footer{grid-template-columns:auto auto minmax(5.75rem,1fr);align-items:center;gap:clamp(.425rem,1.1vw,.75rem);margin-top:auto;padding-top:clamp(.25rem,.8vw,.5rem);display:grid}.haircut-card__stats{min-width:0;font-size:clamp(.78rem,1.1vw,.9rem);font-weight:var(--font-weight-card-title);color:var(--color-text);align-items:center;gap:.35rem;line-height:1;display:inline-flex}.haircut-card__stat-icon{color:#969696;width:1rem;height:1rem}.haircut-card__follow{border:var(--border-width-default) solid var(--color-text);border-radius:var(--radius-search);background:var(--color-text);min-width:5.35rem;min-height:2.2rem;box-shadow:none;font-family:var(--font-family-body);font-size:clamp(.8rem,1.1vw,.9rem);font-weight:var(--font-weight-card-title);color:var(--color-surface);cursor:pointer;justify-content:center;justify-self:end;align-items:center;gap:.375rem;padding:0 .75rem;line-height:1;display:inline-flex}.haircut-card__follow-icon{stroke-width:2px;width:1.05rem;height:1.05rem}@media (width<=34rem){.haircut-card{border-radius:1.25rem}.haircut-card__media{border-radius:.95rem}.haircut-card__body{gap:.5rem}.haircut-card__footer{grid-template-columns:auto auto minmax(5.75rem,1fr);gap:.5rem}.haircut-card__follow{min-width:5.35rem;min-height:2.3rem;padding:0 .75rem}}.haircut-grid{grid-template-columns:1fr;gap:clamp(.75rem,1.6vw,1rem);margin:0;padding:0;list-style:none;display:grid}.haircut-grid__item{min-width:0}@media (width>=36rem){.haircut-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=52rem){.haircut-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=70rem){.haircut-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.haircut-listings{gap:var(--space-section-gap);flex-direction:column;display:flex}.haircut-listings__header{margin:0}.haircut-listings__title{font-family:var(--font-family-body);font-size:var(--font-size-section-title);font-weight:var(--font-weight-section-title);line-height:var(--line-height-tight);color:var(--color-text);margin:0}.footer{background-color:var(--color-footer-bg);margin-top:auto}.footer__inner{width:100%;max-width:var(--size-page-max);padding:var(--space-footer-y) var(--space-page-x);margin:0 auto}.footer__copy{font-family:var(--font-family-body);font-size:var(--font-size-footer);font-weight:var(--font-weight-card-meta);line-height:var(--line-height-body);color:var(--color-text-muted);text-align:center;margin:0}@media (width<=40rem){.footer__inner{padding-inline:var(--space-page-x-mobile)}}.header__logo{flex-shrink:0;align-items:center;text-decoration:none;display:flex}.header__logo:focus-visible{outline:none}.header__logo-img{height:var(--size-logo);object-fit:contain;width:auto;display:block}.header__tabs{grid-template-columns:minmax(0, 1fr) var(--size-control);width:100%;min-width:0;height:var(--size-control);align-items:center;gap:var(--space-search-gap);transition:grid-template-columns .24s,gap .24s;display:grid}.header__tabs-nav{min-width:0;height:100%;padding:var(--space-tabs-inset);background-color:var(--color-tabs-bg);border:var(--border-width-default) solid var(--color-tabs-border);border-radius:var(--radius-tabs);box-shadow:var(--shadow-tabs);opacity:1;align-items:center;transition:padding .24s,opacity .18s,transform .24s,border-width .24s;display:inline-flex;overflow:hidden;transform:translate(0)}.header__tab{min-width:0;height:100%;padding-inline:var(--space-tab-x);font-family:var(--font-family-body);font-size:var(--font-size-tab);font-weight:var(--font-weight-tab);line-height:var(--line-height-tight);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;border-radius:var(--radius-tab);flex:1 1 0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex;overflow:hidden}.header__tab:hover{color:var(--color-text)}.header__tab:focus-visible{outline:none}.header__tab--active{color:var(--color-tab-active-text);background-color:var(--color-tab-active-bg);box-shadow:var(--shadow-tab-active)}.header__tabs-search{width:100%;min-width:0;height:100%;padding:var(--space-tabs-inset);background-color:var(--color-tabs-bg);border:var(--border-width-default) solid var(--color-tabs-border);border-radius:var(--radius-tabs);box-shadow:var(--shadow-tabs);align-items:center;transition:box-shadow .18s;display:inline-flex;overflow:hidden}.header__search-toggle{width:calc(var(--size-control) - 2 * var(--space-tabs-inset) - 2 * var(--border-width-default));height:100%;color:var(--color-text-muted);border-radius:var(--radius-tab);cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.header__search-toggle:hover{color:var(--color-text)}.header__search-toggle:focus-visible,.header__tabs-input:focus-visible{outline:none}.header__tabs-icon{width:var(--size-search-icon);height:var(--size-search-icon)}.header__tabs-input{opacity:0;width:0;min-width:0;height:100%;font-family:var(--font-family-body);font-size:var(--font-size-search);line-height:var(--line-height-search);color:var(--color-text);border-radius:var(--radius-tab);background:0 0;border:none;padding:0;transition:width .24s,padding-inline .24s,opacity .18s}.header__tabs-input::placeholder{color:var(--color-text-muted)}.header__tabs--search-open .header__tabs-nav{opacity:0;pointer-events:none;border-width:0;padding-inline:0;transform:translate(-.5rem)}.header__tabs--search-open .header__tabs-search{min-width:0}.header__tabs--search-open{grid-template-columns:minmax(0,0fr) minmax(0,1fr);gap:0}.header__tabs--search-open .header__tabs-input{width:100%;padding-inline:var(--space-search-gap) var(--space-search-input-end);opacity:1;flex:auto}.header{z-index:var(--z-index-header);--header-bottom-radius:var(--radius-header);width:100%;padding-top:var(--space-page-x);isolation:isolate;position:sticky;top:0}.header:before{z-index:0;background:var(--color-bg);content:"";pointer-events:none;position:absolute;inset:0}.header__inner{z-index:1;grid-template-columns:1fr minmax(0, var(--size-header-center-max)) 1fr;align-items:center;gap:var(--space-header-gap);width:calc(100% - 2 * var(--space-page-x));max-width:calc(var(--size-page-max) - 2 * var(--space-page-x));min-height:calc(var(--size-control) + 2 * var(--space-header-row-gap));padding:var(--space-header-row-gap) var(--space-header-inset);background:linear-gradient(to bottom, var(--color-header-gradient-start), var(--color-header-gradient-end));-webkit-backdrop-filter:blur(var(--blur-header));backdrop-filter:blur(var(--blur-header));border:var(--border-width-default) solid var(--color-header-border);border-radius:var(--radius-header) var(--radius-header) var(--header-bottom-radius) var(--header-bottom-radius);box-shadow:var(--shadow-card);border-bottom:0;margin:0 auto;transition:border-bottom-left-radius .12s,border-bottom-right-radius .12s;display:grid;position:relative}.header__start,.header__end{align-items:center;gap:var(--space-header-gap);display:flex}.header__start{justify-self:start}.header__center{justify-self:center;width:100%}.header__end{justify-self:end}.header__round-btn{width:var(--size-avatar);height:var(--size-avatar);border-radius:var(--radius-avatar);background-color:var(--color-header-control-bg);color:var(--color-icon);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.header__avatar{background-color:var(--color-avatar-bg);color:var(--color-avatar-initial)}.header__avatar-initial{font-family:var(--font-family-body);font-size:var(--font-size-avatar-initial);font-weight:var(--font-weight-avatar-initial);line-height:var(--line-height-tight);color:var(--color-avatar-initial);text-transform:uppercase}.header__icon{width:var(--size-icon);height:var(--size-icon)}@media (width<=40rem){.header{padding:0}.header__inner{width:100%;max-width:none;min-height:auto;padding:var(--space-header-inset-mobile);align-items:center;row-gap:var(--space-header-row-gap);column-gap:var(--space-header-gap);border-inline:0;border-radius:0;flex-wrap:wrap;display:flex}.header__start{order:1}.header__end{order:2;margin-inline-start:auto}.header__avatar{display:none}.header__center{flex:100%;order:3;width:100%}}.main{width:100%;max-width:var(--size-page-max);padding:var(--space-page-y) var(--space-page-x);margin:0 auto}@media (width<=40rem){.main{padding-inline:var(--space-page-x-mobile)}}.mobile-nav{display:none}@media (width<=40rem){.mobile-nav{z-index:var(--z-index-mobile-nav);border-top:var(--border-width-default) solid var(--color-mobile-nav-border);background-color:var(--color-mobile-nav-bg);display:block;position:fixed;bottom:0;left:0;right:0}.mobile-nav__list{height:var(--size-mobile-nav-height);align-items:stretch;margin:0;padding:0;list-style:none;display:flex}.mobile-nav__item{flex:1;min-width:0}.mobile-nav__btn{justify-content:center;align-items:center;gap:var(--scale-space-4);width:100%;height:100%;padding:var(--space-mobile-nav-btn-y) var(--space-mobile-nav-btn-x);color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;display:flex}.mobile-nav__btn--active{color:var(--color-text)}.mobile-nav__icon{width:var(--size-mobile-nav-icon);height:var(--size-mobile-nav-icon)}.mobile-nav__label{font-family:var(--font-family-body);font-size:var(--font-size-mobile-nav-label);font-weight:var(--font-weight-card-meta);line-height:var(--line-height-tight)}}.mobile-nav-drawer__backdrop,.mobile-nav-drawer{display:none}@media (width<=40rem){.mobile-nav-drawer__backdrop{z-index:var(--z-index-mobile-nav-drawer);background-color:rgba(var(--palette-shadow-rgb), var(--scale-shadow-opacity-12));opacity:0;visibility:hidden;cursor:pointer;border:none;padding:0;transition:opacity .2s,visibility .2s;display:block;position:fixed;inset:0}.mobile-nav-drawer__backdrop--open{opacity:1;visibility:visible}.mobile-nav-drawer{z-index:calc(var(--z-index-mobile-nav-drawer) + 1);width:min(var(--size-mobile-nav-drawer-width), 85vw);background-color:var(--color-surface);height:100%;box-shadow:var(--shadow-card-hover);flex-direction:column;transition:transform .2s;display:flex;position:fixed;top:0;left:0;transform:translate(-100%)}.mobile-nav-drawer--open{transform:translate(0)}.mobile-nav-drawer__header{padding:var(--space-mobile-nav-drawer-header);border-bottom:var(--border-width-default) solid var(--color-mobile-nav-border);justify-content:space-between;align-items:center;display:flex}.mobile-nav-drawer__title{font-family:var(--font-family-body);font-size:var(--font-size-card-price);font-weight:var(--font-weight-card-title);line-height:var(--line-height-tight);color:var(--color-text)}.mobile-nav-drawer__close{color:var(--color-text);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.mobile-nav-drawer__close-icon{width:var(--size-icon);height:var(--size-icon)}.mobile-nav-drawer__list{padding:var(--space-mobile-nav-drawer-list);margin:0;list-style:none}.mobile-nav-drawer__link{width:100%;padding:var(--space-mobile-nav-drawer-link-y) 0;font-family:var(--font-family-body);font-size:var(--font-size-card-title);font-weight:var(--font-weight-card-meta);line-height:var(--line-height-body);color:var(--color-text);text-align:left;cursor:pointer;background:0 0;border:none;display:block}}.layout{min-height:var(--size-layout-min-height);flex-direction:column;display:flex}.layout .main{flex:1}@media (width<=40rem){.layout .main{padding-bottom:calc(var(--space-page-y) + var(--size-mobile-nav-height))}.layout .footer{padding-bottom:calc(var(--space-footer-y) + var(--size-mobile-nav-height))}}