@layer components{.salon{--salon-tint-rose:color-mix(in oklab, var(--mark-pop) 8%, var(--paper));--salon-tint-blue:color-mix(in oklab, var(--mark-cyan) 8%, var(--paper));--salon-tint-teal:color-mix(in oklab, var(--mark-teal) 9%, var(--paper));--salon-tint-gold:color-mix(in oklab, var(--mark-mustard) 12%, var(--paper));--salon-win:var(--mark-teal);--salon-link:var(--mark-cyan);--salon-measure:64ch;color:var(--paper-foreground);background:var(--paper);word-break:keep-all;overflow-wrap:break-word}.salon-wrap{max-width:1120px;padding-inline:max(16px, env(safe-area-inset-left,0px)) max(16px, env(safe-area-inset-right,0px));margin-inline:auto}.salon h1,.salon h2{letter-spacing:-.02em;text-wrap:balance;font-weight:650;line-height:1.12}.salon h2{font-size:clamp(1.65rem,1.3rem + 1.4vw,2.35rem)}.salon h3{font-size:1.0625rem;font-weight:600;line-height:1.4}.salon p{line-height:1.6}.salon-eyebrow{color:var(--paper-muted);font-size:.875rem;font-weight:500}.salon-sub{color:var(--paper-muted);max-width:var(--salon-measure)}.salon-note{color:var(--paper-muted);font-size:.875rem}.salon-more{flex-wrap:wrap;gap:8px 20px;font-size:.95rem;display:flex}.salon-more a{color:var(--salon-link);font-weight:500;text-decoration:none}.salon-more a:after{content:" →"}.salon-more a:hover{text-underline-offset:3px;text-decoration:underline}.salon-btn{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-weight:600;line-height:1.2;text-decoration:none;transition:background-color .15s;display:inline-flex}.salon-btn-buy{background:var(--paper-cta);color:var(--paper-cta-foreground)}.salon-btn-buy:hover{background:var(--paper-cta-hover)}.salon-btn-quiet{color:var(--paper-foreground);border-color:var(--paper-border)}.salon-btn-quiet:hover{background:var(--paper-subtle)}.salon-hero{padding-block:clamp(104px,10vw,140px) clamp(48px,6vw,80px)}.salon-hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(32px,5vw,72px);display:grid}.salon-hero h1{margin-block:14px 20px;font-size:clamp(2.3rem,1.6rem + 3.2vw,4.1rem)}.salon-hero h1 em{color:var(--mark-red);font-style:normal}.salon-lede{color:var(--paper-muted);max-width:46ch;font-size:clamp(1.15rem,1.05rem + .5vw,1.4rem);line-height:1.5}.salon-cta-row{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.salon-fine{color:var(--paper-muted);margin-top:14px;font-size:.875rem}.salon-fine span+span:before{content:"·";margin-inline:8px}.salon-phone-figure{margin:0}.salon-phone-figure figcaption{text-align:center;color:var(--paper-muted);margin-top:12px;font-size:.78rem}.salon-phone{background:var(--paper);border:10px solid var(--paper-foreground);border-radius:38px;width:min(100%,330px);margin-inline:auto;padding:14px 14px 18px;box-shadow:0 30px 60px -30px #00000059}.salon-url{background:var(--paper-subtle);border-radius:999px;align-items:center;gap:6px;min-width:0;padding:6px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;display:flex}.salon-url svg{flex-shrink:0;width:12px;height:12px}.salon-shop{align-items:center;gap:10px;margin-block:16px 12px;display:flex}.salon-shop-logo{background:var(--paper-cta);width:36px;height:36px;color:var(--paper-cta-foreground);border-radius:10px;flex-shrink:0;place-items:center;font-weight:700;display:grid}.salon-shop b{font-size:.98rem;line-height:1.2;display:block}.salon-shop small{color:var(--paper-muted);font-size:.78rem}.salon-svc-note{color:var(--paper-muted);margin-bottom:12px;font-size:.8rem;line-height:1.5}.salon-month{border:1px solid var(--paper-border);border-radius:12px;padding:10px}.salon-mhead{justify-content:space-between;margin-bottom:6px;font-size:.8rem;display:flex}.salon-mhead span{color:var(--paper-muted);letter-spacing:.2em}.salon-mgrid{text-align:center;font-variant-numeric:tabular-nums;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;font-size:.72rem;display:grid}.salon-mgrid i{color:var(--paper-muted);padding-block:2px;font-style:normal}.salon-mgrid span{color:var(--paper-muted);opacity:.45;border-radius:8px;padding-block:5px}.salon-mgrid span.ok{opacity:1;color:var(--paper-foreground);background:var(--paper-subtle);font-weight:500}.salon-mgrid span.sel{opacity:1;background:var(--paper-foreground);color:var(--paper);font-weight:500}.salon-daylabel{color:var(--paper-muted);justify-content:space-between;gap:8px;margin-block:14px 8px;font-size:.8rem;display:flex}.salon-slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.salon-slots span{text-align:center;background:var(--paper-subtle);font-variant-numeric:tabular-nums;border-radius:10px;padding:8px 0;font-size:.76rem}.salon-slots span.on{background:var(--paper-foreground);color:var(--paper)}.salon-slots span.gone{opacity:.35;text-decoration:line-through}.salon-confirm{background:var(--paper-foreground);color:var(--paper);text-align:center;border-radius:12px;margin-top:12px;padding:11px;font-size:.9rem;font-weight:600}.salon-section{padding-block:clamp(56px,7vw,104px)}.salon-band{background:var(--paper-subtle)}.salon-tint-rose{background:var(--salon-tint-rose)}.salon-tint-blue{background:var(--salon-tint-blue)}.salon-tint-teal{background:var(--salon-tint-teal)}.salon-tint-gold{background:var(--salon-tint-gold)}.salon-head{gap:12px;max-width:760px;margin-bottom:clamp(28px,4vw,48px);display:grid}.salon-split{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);align-items:center;gap:clamp(24px,4vw,64px);margin-bottom:clamp(28px,4vw,48px);display:grid}.salon-split .salon-head{margin-bottom:0}.salon-art{justify-self:center;width:100%;max-width:420px}.salon-fan{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,56px);display:grid}.salon-art-fan{max-width:520px}.salon-channels{gap:10px;margin:0;padding:0 0 0 28px;list-style:none;display:grid;position:relative}.salon-channels:before{content:"";background:var(--mark-red);opacity:.5;border-radius:2px;width:2px;position:absolute;top:26px;bottom:26px;left:8px}.salon-channels li{background:var(--paper);border:1px solid var(--paper-border);border-radius:14px;align-items:center;gap:14px;min-width:0;padding:12px 16px;display:flex;position:relative}.salon-channels li:before{content:"";background:var(--mark-red);opacity:.5;width:18px;height:2px;position:absolute;top:50%;left:-26px}.salon-channels li:after{content:"";background:var(--paper);border:2px solid var(--mark-red);border-radius:50%;width:10px;height:10px;position:absolute;top:calc(50% - 5px);left:-24px}.salon-channels li div{min-width:0}.salon-channels b{font-weight:600;line-height:1.3;display:block}.salon-channels span{color:var(--paper-muted);font-size:.92rem;line-height:1.4;display:block}.salon-mark{border-radius:9px;flex-shrink:0;width:36px;height:36px}.salon-mark-sm{width:28px;height:28px}.salon-fan-foot{gap:14px;margin-top:18px;padding-left:28px;display:grid}.salon-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:28px;display:grid}.salon-card{background:var(--paper);border:1px solid var(--paper-border);border-radius:20px;align-content:start;gap:8px;min-width:0;padding:18px 18px 22px;display:grid}.salon-card p{color:var(--paper-muted)}.salon-card-art{background:var(--salon-tint-gold);aspect-ratio:5/4;border-radius:14px;place-items:center;max-width:none;margin-bottom:8px;padding:12px 18px 4px;display:grid;overflow:hidden}.salon-versus{border:1px solid var(--paper-border);background:var(--paper);border-radius:16px;overflow:hidden}.salon-vrow{border-top:1px solid var(--paper-border);grid-template-columns:minmax(0,.7fr) minmax(0,1fr) minmax(0,1.3fr);display:grid}.salon-vrow:first-child{border-top:0}.salon-vrow>div{min-width:0;padding:16px 20px}.salon-vrow-th>div{color:var(--paper-muted);padding-block:12px;font-size:.875rem;font-weight:500}.salon-job{font-weight:600}.salon-them{color:var(--paper-muted)}.salon-vrow .salon-you{padding-left:46px;position:relative}.salon-vrow:not(.salon-vrow-th) .salon-you:before{content:"";background:var(--salon-win);width:14px;height:14px;position:absolute;top:22px;left:20px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6.2 11.6 2.6 8l1.1-1.1 2.5 2.5 6.1-6.1L13.4 4.4z' fill='black'/%3E%3C/svg%3E") 50%/14px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6.2 11.6 2.6 8l1.1-1.1 2.5 2.5 6.1-6.1L13.4 4.4z' fill='black'/%3E%3C/svg%3E") 50%/14px no-repeat}.salon-vrow-th .salon-you{color:var(--paper-foreground);padding-left:20px}.salon-mlabel{display:none}.salon-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 40px;display:grid}.salon-feature{border-top:1px solid var(--paper-border);align-content:start;gap:6px;padding-top:16px;display:grid}.salon-feature p{color:var(--paper-muted)}.salon-feature:nth-child(-n+3){border-top:0;padding-top:0}.salon-domain{color:#fbfaf6;background:#141413}.salon-domain .salon-eyebrow{color:#b9b6b0}.salon-domain-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:clamp(24px,4vw,56px);display:grid}.salon-addr{letter-spacing:-.02em;overflow-wrap:anywhere;margin-block:18px 32px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(1.5rem,1rem + 2.6vw,2.9rem);line-height:1.1}.salon-addr span{color:#ffa098}.salon-domain ol{gap:20px;margin:0;padding:0;list-style:none;display:grid}.salon-domain li{grid-template-columns:28px minmax(0,1fr);gap:12px;display:grid}.salon-step{color:#ffa098;padding-top:2px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.875rem}.salon-domain li p{color:#b9b6b0}.salon-after{color:#d8d5cf;border:1px solid #3a3936;border-radius:12px;margin-top:28px;padding:16px 20px}.salon-after code{color:#fbfaf6;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.salon-plugs{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.salon-plug{border:1px solid var(--paper-border);background:var(--paper);border-radius:14px;align-items:flex-start;gap:14px;min-width:0;padding:16px;display:flex}.salon-plug-marks{flex-shrink:0;gap:4px;display:flex}.salon-plug div{min-width:0}.salon-plug p{color:var(--paper-muted);font-size:.95rem}.salon-keep{border:1px dashed var(--paper-border);border-radius:14px;align-items:center;gap:14px;margin-top:28px;padding:18px 20px;display:flex}.salon-runner-mark{flex-shrink:0;display:inline-flex}.salon-week{border:1px solid var(--paper-border);background:var(--paper);border-radius:16px;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.salon-week li{border-left:1px solid var(--paper-border);align-content:start;gap:8px;min-width:0;padding:20px;display:grid}.salon-week li:first-child{border-left:0}.salon-when{color:var(--paper-muted);font-size:.875rem;font-weight:500}.salon-week p{color:var(--paper-muted);font-size:.95rem}.salon-week li.salon-week-open{background:var(--salon-tint-rose)}.salon-price-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px 32px;margin-bottom:28px;display:flex}.salon-price-head .salon-head{margin-bottom:0}.salon-period{border:1px solid var(--paper-border);background:var(--paper);border-radius:999px;padding:3px;display:inline-flex}.salon-period button{font:inherit;color:var(--paper-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 14px;font-size:.875rem}.salon-period button[aria-pressed=true]{background:var(--paper-foreground);color:var(--paper)}.salon-plans{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:20px;display:grid}.salon-bill{border:1px solid var(--paper-border);background:var(--paper);border-radius:20px;align-content:start;gap:18px;min-width:0;padding:clamp(22px,3vw,32px);display:grid;position:relative}.salon-bill-pick{border-color:var(--paper-foreground);box-shadow:0 0 0 1px var(--paper-foreground)}.salon-pick-tag{background:var(--paper-foreground);color:var(--paper);border-radius:999px;padding:3px 12px;font-size:.78rem;font-weight:600;position:absolute;top:-12px;left:24px}.salon-plan-name{font-size:clamp(1.2rem,1.05rem + .6vw,1.45rem);font-weight:650}.salon-plan-for{color:var(--paper-muted);font-size:.95rem}.salon-amount{font-variant-numeric:tabular-nums;font-size:clamp(2.4rem,1.8rem + 2vw,3.2rem);font-weight:650;line-height:1}.salon-amount small{color:var(--paper-muted);font-size:1rem;font-weight:400}.salon-bill ul,.salon-box ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.salon-bill li{gap:10px;display:flex}.salon-bill li:before{content:"+";color:var(--salon-win);flex-shrink:0;font-weight:600}.salon-bill .salon-btn{width:100%}.salon-both{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px;margin-top:20px;display:grid}.salon-box{border:1px dashed var(--paper-border);border-radius:16px;gap:10px;min-width:0;padding:18px 20px;display:grid}.salon-box li{color:var(--paper-muted)}.salon-box li:before{content:"· "}.salon-addon-body{color:var(--paper-muted);margin-top:4px;font-size:.92rem;display:block}.salon-addon-price{color:var(--paper-muted);font-weight:500}.salon-billing{color:var(--paper-muted);max-width:90ch;margin-block:18px 12px;font-size:.875rem}.salon-faq{border-top:1px solid var(--paper-border);max-width:820px;display:grid}.salon-faq details{border-bottom:1px solid var(--paper-border);padding-block:16px}.salon-faq summary{cursor:pointer;justify-content:space-between;gap:16px;font-weight:600;list-style:none;display:flex}.salon-faq summary::-webkit-details-marker{display:none}.salon-faq summary:after{content:"+";color:var(--paper-muted)}.salon-faq details[open] summary:after{content:"−"}.salon-faq details p{color:var(--paper-muted);max-width:var(--salon-measure);margin-top:10px}.salon-closing{grid-template-columns:minmax(0,1fr) minmax(0,.7fr);align-items:center;gap:clamp(24px,4vw,56px);display:grid}.salon-closing h2{margin-bottom:14px}.salon-mail{margin-block:14px 22px}.salon-mail a{color:var(--salon-link);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.salon-others{border-top:1px solid var(--paper-border);gap:8px;margin-top:28px;padding-top:18px;display:grid}.salon-others p{color:var(--paper-muted);margin:0;font-size:.9rem}@media (max-width:900px){.salon-feature:nth-child(3){border-top:1px solid var(--paper-border);padding-top:16px}.salon-hero-grid,.salon-fan,.salon-split,.salon-domain-grid,.salon-closing,.salon-both{grid-template-columns:minmax(0,1fr)}.salon-features,.salon-plugs{grid-template-columns:repeat(2,minmax(0,1fr))}.salon-cards{grid-template-columns:minmax(0,1fr);max-width:520px}.salon-week{grid-template-columns:repeat(2,minmax(0,1fr))}.salon-week li:nth-child(3){border-left:0}.salon-week li:nth-child(n+3){border-top:1px solid var(--paper-border)}.salon-split .salon-art,.salon-domain-grid .salon-art,.salon-closing .salon-art{max-width:320px}}@media (max-width:640px){.salon-feature:nth-child(2){border-top:1px solid var(--paper-border);padding-top:16px}.salon-features,.salon-plugs,.salon-plans,.salon-week{grid-template-columns:minmax(0,1fr)}.salon-week li{border-left:0;border-top:1px solid var(--paper-border)}.salon-week li:first-child{border-top:0}.salon-vrow{grid-template-columns:minmax(0,1fr)}.salon-vrow-th{display:none}.salon-vrow>div{padding:4px 18px}.salon-job{padding-top:16px}.salon-mlabel{color:var(--paper-muted);margin-bottom:2px;font-size:.75rem;display:block}.salon-you .salon-mlabel{color:var(--salon-win)}.salon-vrow .salon-you{padding-bottom:16px;padding-left:18px}.salon-vrow:not(.salon-vrow-th) .salon-you:before{display:none}.salon-bill-pick{margin-top:8px}}@media (prefers-reduced-motion:reduce){.salon-btn{transition:none}}}