.steps{gap:var(--space-3);margin-bottom:var(--space-6);display:grid}.steps__count{font-size:var(--text-sm);color:var(--muted)}.steps__count:focus-visible{outline:none}.steps__bar{background:var(--border);height:2px;overflow:hidden}.steps__bar span{background:var(--accent);transform-origin:0;height:100%;transition:transform var(--dur-step) var(--ease-out);display:block}.steps__summary{gap:var(--space-2);flex-wrap:wrap;display:flex}.steps__summary button{min-height:36px;padding:0 var(--space-3);background:var(--raised);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--muted);transition:transform var(--dur-press) var(--ease-out), color var(--dur-select) ease}.steps__summary button:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.steps__summary button:hover{color:var(--text)}}.step{gap:var(--space-4);animation:step-in var(--dur-step) var(--ease-out) both;display:grid}@keyframes step-in{0%{opacity:0;transform:translateY(8px)}}.options{gap:var(--space-2);display:grid}.option{justify-content:space-between;align-items:center;gap:var(--space-4);width:100%;min-height:64px;padding:var(--space-3) var(--space-4);background:var(--raised);border:1px solid var(--border-strong);border-radius:var(--radius-md);text-align:left;-webkit-tap-highlight-color:transparent;transition:transform var(--dur-press) var(--ease-out), border-color var(--dur-select) ease;display:flex}.option:active{transform:scale(.98)}.option[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.option__main{gap:2px;display:grid}.option__title{font-weight:600}.option__sub{font-size:var(--text-sm);color:var(--muted)}.option__price{color:var(--accent);white-space:nowrap}@media (hover:hover) and (pointer:fine){.option:hover{border-color:var(--accent)}}.cal{gap:var(--space-6);display:grid}.cal__title{margin-bottom:var(--space-3);font-family:var(--font-display);font-size:var(--text-lg);text-transform:capitalize}.cal__dow,.cal__grid{gap:var(--space-1);grid-template-columns:repeat(7,1fr);display:grid}.cal__dow{margin-bottom:var(--space-1);font-size:var(--text-xs);color:var(--muted);text-align:center}.cal__day{aspect-ratio:1;background:var(--raised);border:1px solid var(--border-strong);border-radius:var(--radius-sm);-webkit-tap-highlight-color:transparent;width:100%;min-height:44px;transition:transform var(--dur-press) var(--ease-out), background-color var(--dur-select) ease}.cal__day:active:not([disabled]){transform:scale(.94)}.cal__day[disabled]{border-color:var(--border);color:var(--border-strong);cursor:not-allowed;background:0 0}.cal__day[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--bg);font-weight:600}@media (hover:hover) and (pointer:fine){.cal__day:hover:not([disabled]):not([aria-pressed=true]){border-color:var(--accent)}}.cal__legend{font-size:var(--text-xs);color:var(--muted)}.slots{gap:var(--space-6);display:grid}.slots__grid{gap:var(--space-2);margin-top:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(80px,1fr));display:grid}.slot{width:100%;min-height:var(--tap);background:var(--raised);border:1px solid var(--border-strong);border-radius:var(--radius-sm);-webkit-tap-highlight-color:transparent;transition:transform var(--dur-press) var(--ease-out), background-color var(--dur-select) ease}.slot:active{transform:scale(.95)}.slot[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--bg);font-weight:600}@media (hover:hover) and (pointer:fine){.slot:hover:not([aria-pressed=true]){border-color:var(--accent)}}.details,.done{gap:var(--space-4);display:grid}.summary{gap:var(--space-2);padding:var(--space-4);background:var(--raised);border-radius:var(--radius-md);font-size:var(--text-sm);display:grid}.summary>div{gap:var(--space-3);grid-template-columns:5.5rem 1fr;display:grid}.summary dt{color:var(--muted)}.summary dd:first-letter{text-transform:uppercase}.done__lead{align-items:center;gap:var(--space-2);font-size:var(--text-lg);display:flex}.done__lead:focus-visible{outline:none}.done__lead svg{color:var(--success)}.ticket{gap:var(--space-3);padding:var(--space-8) var(--space-6);background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-lg);display:grid}.ticket .summary{background:0 0;padding:0}.ticket__code{font-family:var(--font-display);letter-spacing:.12em;color:var(--accent);font-size:2.75rem;line-height:1}.done__note{font-size:var(--text-sm);color:var(--muted);text-align:center}.done__cancel{justify-items:start;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border);font-size:var(--text-sm);color:var(--muted);display:grid}@media (prefers-reduced-motion:reduce){.step{animation:.15s both step-fade}@keyframes step-fade{0%{opacity:0}}.option:active,.slot:active,.cal__day:active:not([disabled]),.steps__summary button:active{transform:none}.steps__bar span{transition:none}}.details,.done,.step{grid-template-columns:minmax(0,1fr)}.masthead{z-index:20;background:var(--bg);border-bottom:1px solid var(--border);position:sticky;top:0}.masthead__row{align-items:center;gap:var(--space-4);grid-template-columns:1fr auto;min-height:64px;display:grid}.masthead__city,.masthead__nav{display:none}.masthead__brand{align-items:center;gap:var(--space-2);min-height:var(--tap);font-family:var(--font-display);font-size:var(--text-xl);color:var(--text);text-decoration:none;display:inline-flex}.masthead__nav{gap:var(--space-6);font-size:var(--text-sm)}.masthead__nav a{min-height:var(--tap);color:var(--muted);transition:color var(--dur-select) ease;align-items:center;text-decoration:none;display:inline-flex}@media (hover:hover) and (pointer:fine){.masthead__nav a:hover{color:var(--text)}}@media (width>=60rem){.masthead__row{grid-template-columns:1fr auto 1fr;min-height:72px}.masthead__city{display:block}.masthead__brand{font-size:var(--text-2xl);grid-column:2}.masthead__nav{grid-area:1/3;justify-self:end;margin-right:132px;display:flex}.masthead__cta{grid-area:1/3;justify-self:end}}.hero{isolation:isolate;align-items:end;min-height:min(100svh - 64px,46rem);display:grid;position:relative}.hero__media{z-index:-1;position:absolute;inset:0}.hero__media:after{content:"";background:linear-gradient(to top, var(--bg) 8%, #0e0a06d1 48%, #0e0a0659 100%);position:absolute;inset:0}.hero__content{gap:var(--space-6);padding-block:var(--space-24) var(--space-12);display:grid}.hero__title{max-width:14ch;font-size:var(--text-hero);letter-spacing:-.01em;line-height:1.02}.hero__lead{max-width:34rem;font-size:var(--text-lg);color:var(--text);line-height:1.5}.hero__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.hero .btn--primary{min-height:56px;padding-inline:var(--space-8);font-size:1.0625rem}@media (width>=60rem){.hero__content{padding-block:var(--space-32) var(--space-16)}}.section{padding-block:var(--space-16)}.section--pivotal{padding-block:var(--space-24)}.section__title{font-size:var(--text-section);margin-bottom:var(--space-6)}.section__note{color:var(--muted);max-width:28rem}@media (width>=60rem){.section{padding-block:var(--space-24)}.section--pivotal{padding-block:var(--space-32)}}.services__grid{gap:var(--space-8);display:grid}.services__head .label{margin-bottom:var(--space-3)}.services__list ul{border-top:1px solid var(--border-strong)}.service{align-items:center;gap:var(--space-4);width:100%;min-height:76px;padding:var(--space-4) 0;border:0;border-bottom:1px solid var(--border);text-align:left;-webkit-tap-highlight-color:transparent;transition:background-color var(--dur-select) ease;background:0 0;grid-template-columns:1fr auto auto;display:grid}.service__main{gap:2px;display:grid}.service__name{font-family:var(--font-display);font-size:var(--text-xl);line-height:1.15}.service__desc{font-size:var(--text-sm);color:var(--muted)}.service__meta{justify-items:end;gap:2px;display:grid}.service__price{font-size:var(--text-lg);color:var(--accent)}.service__dur{font-size:var(--text-xs);color:var(--muted)}.service__arrow{color:var(--muted);transition:transform var(--dur-select) var(--ease-out), color var(--dur-select) ease}.service:active{background:var(--surface)}@media (hover:hover) and (pointer:fine){.service:hover{background:var(--surface)}.service:hover .service__arrow{color:var(--accent);transform:translate(4px)}}@media (width>=60rem){.services__grid{gap:var(--space-16);grid-template-columns:5fr 7fr;align-items:start}.services__head{position:sticky;top:112px}.service{padding-inline:var(--space-4)}}.team__grid{gap:var(--space-6) var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.barber__photo{aspect-ratio:4/5;margin-bottom:var(--space-3);border-radius:var(--radius-sm);overflow:hidden}.barber__name{font-size:var(--text-xl)}.barber__role{font-size:var(--text-sm);color:var(--muted)}@media (width>=48rem){.team__grid{gap:var(--space-8);grid-template-columns:repeat(auto-fill,minmax(15rem,20rem))}.barber:nth-child(2n){margin-top:var(--space-16)}}.gallery__head{justify-content:space-between;align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.gallery__head .section__title{margin-bottom:0}.gallery__head a{font-size:var(--text-sm)}.gallery__track{gap:var(--space-3);padding-inline:var(--gutter);scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none;-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.gallery__track::-webkit-scrollbar{display:none}.gallery__item{aspect-ratio:4/5;scroll-snap-align:start;border-radius:var(--radius-sm);flex:0 0 72%;overflow:hidden}@media (width>=48rem){.gallery__track{max-width:var(--page);grid-template-columns:repeat(3,1fr);margin-inline:auto;display:grid;overflow:visible}.gallery__item:nth-child(4n+1){aspect-ratio:4/3;grid-column:span 2}.gallery__item{aspect-ratio:auto;min-height:18rem}}.location__grid{gap:var(--space-8);display:grid}.location__lead{max-width:30rem;margin-bottom:var(--space-6);color:var(--muted)}.facts{border-top:1px solid var(--border);margin-bottom:var(--space-6)}.facts__row{gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--border);grid-template-columns:8.5rem 1fr;display:grid}.facts dt{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--muted);display:flex}.facts dd{display:grid}.location__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.location__map{aspect-ratio:4/3;background:var(--surface);border-radius:var(--radius-lg);overflow:hidden}.location__map iframe{filter:grayscale(.6)contrast(.95);border:0;width:100%;height:100%}@media (width>=60rem){.location__grid{gap:var(--space-16);grid-template-columns:5fr 7fr;align-items:center}}.footer{border-top:1px solid var(--border);padding-block:var(--space-6) calc(var(--space-6) + 80px);font-size:var(--text-sm);color:var(--muted)}.footer__row{gap:var(--space-2) var(--space-6);flex-wrap:wrap;align-items:center;display:flex}.footer a{min-height:44px;color:var(--muted);align-items:center;display:inline-flex}.footer__credit{margin-left:auto}@media (width>=60rem){.footer{padding-bottom:var(--space-6)}}.stickybar{z-index:15;padding:var(--space-3) var(--gutter) calc(var(--space-3) + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--border);transition:transform var(--dur-drawer-out) var(--ease-out);position:fixed;inset:auto 0 0;transform:translateY(100%)}.stickybar[data-visible=true]{transition-duration:var(--dur-drawer-in);transform:none}@media (width>=60rem){.stickybar{display:none}}@media (prefers-reduced-motion:reduce){.stickybar,.service__arrow{transition:none}}.simple{align-content:start;gap:var(--space-6);max-width:30rem;min-height:100svh;padding:var(--space-12) var(--gutter);margin-inline:auto;display:grid}.simple__brand{font-family:var(--font-display);font-size:var(--text-xl);color:var(--text);text-decoration:none}.simple h1{font-size:var(--text-2xl)}.simple__actions{gap:var(--space-3);display:grid}.hero .ph{padding-top:var(--space-6);align-items:start}@font-face{font-family:Gloock;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/gloock-latin-400-normal-3dTk9V3B.woff2)format("woff2"),url(/assets/gloock-latin-400-normal-DCcIaDhi.woff)format("woff")}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#0e0a06;--surface:#19150f;--raised:#241e16;--primary:#94703b;--accent:#bd9762;--text:#f9f0e5;--muted:#b5a995;--border:#24201b;--border-strong:#7d6f5b;--danger:#e2776a;--success:#8fb58a;--warning:#d9b25c;--scrim:#050301b8;--font-display:"Gloock", "Iowan Old Style", Georgia, serif;--font-body:"Inter Variable", Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--text-xs:.8125rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.5625rem;--text-2xl:1.953rem;--text-hero:clamp(2.75rem, 9vw, 5.5rem);--text-section:clamp(1.75rem, 4.6vw, 3rem);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-24:96px;--space-32:128px;--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--tap:48px;--page:72rem;--gutter:clamp(16px, 4vw, 40px);--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-drawer:cubic-bezier(.32, .72, 0, 1);--dur-press:.14s;--dur-select:.16s;--dur-step:.22s;--dur-drawer-in:.28s;--dur-drawer-out:.2s}*,:before,:after{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:72px}html:has(dialog[open]){overflow:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--text-base);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.6}h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}ul,ol{padding:0;list-style:none}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;font-weight:400;line-height:1.1}p{text-wrap:pretty}img,svg,iframe{max-width:100%;display:block}a{color:var(--accent);text-underline-offset:3px}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent);color:var(--bg)}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{left:var(--space-4);top:var(--space-2);z-index:100;padding:var(--space-3) var(--space-4);background:var(--accent);color:var(--bg);border-radius:var(--radius-md);position:absolute;transform:translateY(-200%)}.skip-link:focus{transform:none}.container{width:100%;max-width:var(--page);padding-inline:var(--gutter);margin-inline:auto}.num{font-variant-numeric:tabular-nums}.label{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.rule{border:solid var(--border);border-width:1px 0;height:5px}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--tap);padding:0 var(--space-6);border-radius:var(--radius-md);white-space:nowrap;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform var(--dur-press) var(--ease-out), background-color var(--dur-select) ease, border-color var(--dur-select) ease, opacity var(--dur-select) ease;border:1px solid #0000;font-weight:550;line-height:1.2;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn--primary{background:var(--accent);color:var(--bg)}.btn--ghost{border-color:var(--border-strong);color:var(--text);background:0 0}.btn--quiet{color:var(--accent);padding-inline:var(--space-3);background:0 0}.btn--danger{border-color:var(--danger);color:var(--danger);background:0 0}.btn--block{width:100%}.btn--sm{min-height:40px;padding-inline:var(--space-4);font-size:var(--text-sm)}.btn[disabled],.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}.btn[disabled]:active{transform:none}@media (hover:hover) and (pointer:fine){.btn--primary:hover:not([disabled]){background:#cba873}.btn--ghost:hover:not([disabled]){border-color:var(--accent)}.btn--quiet:hover:not([disabled]),.btn--danger:hover:not([disabled]){background:var(--raised)}}.icon-btn{width:var(--tap);height:var(--tap);border-radius:var(--radius-md);color:var(--text);transition:transform var(--dur-press) var(--ease-out), background-color var(--dur-select) ease;background:0 0;border:0;place-items:center;display:inline-grid}.icon-btn:active{transform:scale(.94)}@media (hover:hover) and (pointer:fine){.icon-btn:hover{background:var(--raised)}}.field{gap:var(--space-2);display:grid}.field__label{font-size:var(--text-sm);font-weight:550}.field__hint{font-size:var(--text-xs);color:var(--muted)}.field__error{font-size:var(--text-sm);color:var(--danger)}.input{width:100%;min-height:var(--tap);padding:0 var(--space-4);background:var(--raised);border:1px solid var(--border-strong);border-radius:var(--radius-md);transition:border-color var(--dur-select) ease;font-size:1rem}textarea.input{padding-block:var(--space-3);resize:vertical;min-height:96px}select.input{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);padding-right:var(--space-12);background-position:calc(100% - 20px),calc(100% - 14px);background-repeat:no-repeat;background-size:6px 6px}.input::placeholder{color:var(--muted)}.input:focus-visible{outline-offset:0;border-color:var(--accent)}.input[aria-invalid=true]{border-color:var(--danger)}.state{justify-items:start;gap:var(--space-3);padding:var(--space-6);background:var(--surface);border-radius:var(--radius-lg);display:grid}.state--error{border-left:2px solid var(--danger);border-radius:0}.state__title{font-family:var(--font-body);font-size:var(--text-base);font-weight:600}.state__body{color:var(--muted)}.banner{gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--raised);border-left:2px solid var(--danger);color:var(--text);font-size:var(--text-sm);align-items:flex-start;display:flex}.banner--ok{border-left-color:var(--success)}.banner svg{color:var(--danger);flex:none;margin-top:2px}.banner--ok svg{color:var(--success)}.skeleton{background:var(--raised);border-radius:var(--radius-sm);animation:1.2s infinite alternate pulse}@keyframes pulse{0%{opacity:.45}to{opacity:1}}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.ph{background:repeating-linear-gradient(135deg, var(--surface) 0 14px, var(--raised) 14px 15px);width:100%;height:100%;color:var(--muted);place-items:center;display:grid;position:relative;overflow:hidden}.ph__label{padding:var(--space-1) var(--space-3);background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-size:var(--text-xs);text-align:center}.photo{object-fit:cover;width:100%;height:100%}.drawer{width:100%;max-width:none;height:100%;max-height:none;color:inherit;background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.drawer::backdrop{background:0 0}.drawer__scrim{background:var(--scrim);opacity:0;transition:opacity var(--dur-drawer-out) ease;position:absolute;inset:0}.drawer__panel{background:var(--surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:94dvh;transition:transform var(--dur-drawer-out) var(--ease-drawer);flex-direction:column;display:flex;position:absolute;inset:auto 0 0;transform:translateY(100%)}.drawer--tall .drawer__panel{height:94dvh}.drawer[data-shown=true] .drawer__scrim{opacity:1;transition-duration:var(--dur-drawer-in)}.drawer[data-shown=true] .drawer__panel{transition-duration:var(--dur-drawer-in);transform:none}.drawer__head{align-items:center;gap:var(--space-2);min-height:64px;padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border-bottom:1px solid var(--border);display:flex}.drawer__title{font-size:var(--text-lg);flex:1}.drawer__body{overscroll-behavior:contain;padding:var(--space-6) var(--space-4) calc(var(--space-8) + env(safe-area-inset-bottom));flex:1;overflow-y:auto}@media (width>=48rem){.drawer__panel{border-left:1px solid var(--border);border-radius:0;width:min(30rem,100%);height:100%;max-height:none;inset:0 0 0 auto;transform:translate(100%)}.drawer--tall .drawer__panel{height:100%}.drawer__body{padding-inline:var(--space-6)}.drawer__head{padding-left:var(--space-6)}}[data-reveal]{opacity:0;transition:opacity .28s var(--ease-out), transform .28s var(--ease-out);transition-delay:calc(var(--i,0) * 40ms);transform:translateY(8px)}[data-reveal][data-revealed=true]{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}[data-reveal]{transition:opacity .15s;transform:none}.btn:active,.icon-btn:active{transform:none}.drawer__panel{opacity:0;transition:opacity .15s;transform:none}.drawer[data-shown=true] .drawer__panel{opacity:1}.skeleton{animation:none}}