/* Hallmark · shape: Split Studio · genre: editorial · theme: Editorial · job: book · draw: 280b8a
 * hero: Index · nav: directory bar · footer: mast · imagery: illustrative tools and chair studies · signature: customer cut brief
 * axes: light/display-condensed/chromatic-green · posture: restrained · contrast: pass · fold: pass · v2.0.0 */
/* Hallmark · pre-emit critique: P4 H5 E4 S4 R5 V5 · weakest: specificity; replaced thin notes with cut scope, consultation detail and a transferable cut brief. */
/* Hallmark · waive 44a · compact enquiry page head · the enquiry form begins below a short title instead of a separate promotional screen. */
/* Hallmark · waive 44c · compact utility page headers · the cuts and visit notes remain immediately reachable on this multipage barbershop draft. */
/* Hallmark · waive 77 · short process and privacy references · the cut description and privacy text answer a specific question without invented photographs or facts. */
@import url("./tokens.css");
@import url("./base.css");
@font-face{font-family:"Bricolage Grotesque";src:url("../fonts/bricolage-grotesque-latin.woff2") format("woff2");font-weight:400 800;font-stretch:75% 100%;font-display:swap}
@font-face{font-family:"Source Serif 4";src:url("../fonts/source-serif-4-latin-400-normal.woff2") format("woff2");font-weight:400;font-display:swap}
:root{--color-muted:oklch(44% .01 75);--color-field-edge:oklch(55% .01 80);--color-transparent:transparent;--radius-pill:999px;--container:1360px;--font-label:var(--font-display)}
body{font-size:18px;color:var(--color-ink-2);font-optical-sizing:auto}h1,h2,h3,.mast{font-variation-settings:"wdth" 75,"opsz" 96;line-height:.98;color:var(--color-ink)}h1{font-size:clamp(52px,6.6vw,92px);letter-spacing:-.035em}h2{font-size:clamp(34px,4vw,54px);letter-spacing:-.025em}h3{font-size:clamp(24px,2.3vw,32px)}a,button{touch-action:manipulation}button{cursor:pointer}a:hover{color:var(--color-accent)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}.skip{position:fixed;top:-80px;left:16px;z-index:10;background:var(--color-ink);color:var(--color-paper);padding:var(--space-sm) 20px}.skip:focus{top:12px}.concept{padding:var(--space-sm) var(--gutter);font:500 14px/1.45 var(--font-label);text-align:center;background:var(--color-ink);color:var(--color-paper)}.concept a{margin-left:var(--space-sm)}.concept a:hover{color:var(--color-paper)}.header{position:sticky;top:0;z-index:var(--z-sticky);background:var(--color-paper);border-bottom:1px solid var(--color-rule)}.header-in{display:flex;align-items:center;gap:32px;min-height:84px}.brand{font:800 32px/1 var(--font-display);font-variation-settings:"wdth" 75,"opsz" 96;letter-spacing:-.04em;text-decoration:none;color:var(--color-ink)}.nav{display:flex;align-items:center;gap:28px;margin-left:auto;font:500 16px/1.4 var(--font-label)}.nav a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}.nav a[aria-current]{text-decoration:underline;text-underline-offset:7px}.menu{display:none}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:var(--space-sm) var(--space-lg);border:1px solid var(--color-ink);border-radius:var(--radius-pill);font:600 16px/1.35 var(--font-label);text-decoration:none;background:var(--color-ink);color:var(--color-paper);transition:background-color var(--dur-short),color var(--dur-short),transform var(--dur-micro)}.button:hover{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink)}.button:active{transform:translateY(1px)}.button.secondary{background:var(--color-transparent);color:var(--color-ink)}.button.secondary:hover{background:var(--color-paper-3);border-color:var(--color-ink)}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);margin-top:28px}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:var(--gap-columns);padding-block:56px;align-items:center}.hero-copy{min-width:0}.hero .lead{font-size:22px;line-height:1.5;max-width:32ch;margin-top:var(--space-lg)}.photo{margin:0;overflow:clip;min-width:0}.photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.04)}.hero .photo{height:520px}.hero .photo img{object-position:50% 73%}.picker{border:0;border-top:4px solid var(--color-ink);padding:20px 0 0;margin:36px 0 0;min-width:0}.picker legend{float:left;width:100%;font:500 15px/1.5 var(--font-label);margin-bottom:var(--space-sm)}.choices{display:flex;flex-wrap:wrap;gap:var(--space-xs);clear:both}.choice{position:relative;display:inline-flex;align-items:center;cursor:pointer;min-height:44px;font:500 15px/1.4 var(--font-label)}.choice input{position:absolute;opacity:0;inset:0;cursor:pointer}.choice span{display:block;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-field-edge);border-radius:var(--radius-pill)}.choice input:checked+span{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink)}.choice input:focus-visible+span{outline:2px solid var(--color-focus);outline-offset:3px}.picker-note{margin-top:var(--space-md);min-height:3em;font-size:18px;max-width:43ch}.section{padding-block:var(--section-gap-s)}.section+.section{padding-top:0}.section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--gap-columns);align-items:start;margin-bottom:var(--space-xl);border-top:4px solid var(--color-ink);padding-top:var(--space-lg)}.section-head p{max-width:48ch}.service-row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr) auto;align-items:start;gap:var(--gap-columns);padding-block:28px;border-top:1px solid var(--color-rule)}.service-row p{max-width:45ch}.service-row a{font:500 16px/1.4 var(--font-label);min-height:44px;display:inline-flex;align-items:center}.note{font:500 14px/1.5 var(--font-label);color:var(--color-muted)}.text-section{max-width:840px;margin-inline:auto}.text-section>*+*{margin-top:var(--space-lg)}.text-section h2{margin-top:48px}.ink{background:var(--color-ink);color:var(--color-paper)}.ink h2{color:var(--color-paper)}.ink .button{background:var(--color-paper);color:var(--color-ink)}.ink a:hover{color:var(--color-paper)}.close{padding-block:var(--space-2xl);display:flex;justify-content:space-between;align-items:center;gap:32px}.close h2{max-width:16ch}.page-head{padding-block:var(--space-2xl) 48px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--gap-columns);align-items:center}.page-head h1{font-size:clamp(48px,5vw,72px)}.page-head .lead{max-width:38ch}.details{margin:0}.details>div{padding:20px 0;border-top:1px solid var(--color-rule)}dt{font:600 15px/1.4 var(--font-label)}dd{margin:var(--space-xs) 0 0}details{border-top:1px solid var(--color-rule);padding-block:20px}summary{font:600 20px/1.4 var(--font-label);cursor:pointer;min-height:44px}details p{margin-top:var(--space-md)}.enquiry{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.7fr);gap:var(--space-2xl);align-items:start;padding-bottom:80px}form{display:grid;gap:var(--space-lg)}.field{display:grid;gap:var(--space-xs)}.field label{font:600 16px/1.4 var(--font-label)}input,select,textarea{width:100%;min-height:52px;background:var(--color-paper);color:var(--color-ink);border:1px solid var(--color-field-edge);border-radius:0;padding:var(--space-sm) var(--space-md);font:400 18px/1.4 var(--font-body);accent-color:var(--color-accent)}textarea{resize:vertical;min-height:140px}input[aria-invalid=true]{border-color:var(--color-error)}.field .note{margin-top:0}.draft{padding:var(--space-lg);background:var(--color-paper-2)}.draft textarea{min-height:240px}.draft[hidden]{display:none}.form-message{font:500 15px/1.4 var(--font-label)}.footer{padding-block:48px}.footer-top{display:flex;justify-content:space-between;gap:var(--space-xl);align-items:center;border-top:4px solid var(--color-ink);padding-top:var(--space-lg)}.footer nav{display:flex;gap:var(--space-lg);flex-wrap:wrap;font:500 15px/1.5 var(--font-label)}.footer nav a{min-height:44px;display:inline-flex;align-items:center}.mast{font-size:clamp(84px,16vw,210px);font-weight:800;letter-spacing:-.055em;padding-block:var(--space-lg)}.footer .note{max-width:56ch}.footer-bottom{display:flex;justify-content:space-between;gap:var(--space-lg);flex-wrap:wrap;margin-top:32px;font:500 14px/1.5 var(--font-label)}.error-page{padding-block:80px}.error-page p{margin-top:var(--space-lg)}.selected-copy{animation:copy-in 180ms var(--ease-out)}@keyframes copy-in{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){.hero-copy>h1,.hero-copy>.lead,.hero-copy>.actions,.picker legend,.choice,.picker-note{animation:arrive 600ms var(--ease-out) both}.hero-copy>.lead{animation-delay:70ms}.hero-copy>.actions{animation-delay:140ms}.choice{animation-delay:200ms}.hero .photo img{animation:tool-light 4s var(--ease-out) both}@keyframes arrive{from{opacity:.3;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes tool-light{from{transform:scale(1.045)}to{transform:scale(1)}}}
@media(max-width:899px){.header-in{gap:20px}.nav{gap:20px}.hero{gap:32px}.hero .photo{height:490px}.enquiry{gap:32px}.service-row{grid-template-columns:minmax(0,.8fr) minmax(0,1fr)}.service-row a{grid-column:2}.hero .lead{font-size:20px}}
@media(max-width:699px){.header-in{min-height:72px;flex-wrap:wrap;gap:0}.brand{font-size:30px}.menu{display:inline-flex;min-height:44px;align-items:center;margin-left:auto;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-transparent);color:var(--color-ink);font:600 15px/1.4 var(--font-label)}.nav{width:100%;margin:0;padding-bottom:20px;flex-wrap:wrap;gap:var(--space-xs) var(--space-lg)}.nav .button{min-height:44px}.hero{grid-template-columns:minmax(0,1fr);padding-block:36px;gap:28px}.hero h1{font-size:56px;max-width:12ch}.hero .lead{margin-top:20px}.hero .photo{height:360px}.picker{margin-top:28px}.picker-note{min-height:0}.choices{gap:var(--space-xs)}.choice span{padding-inline:var(--space-md)}.section-head,.page-head,.enquiry{grid-template-columns:minmax(0,1fr)}.section-head{gap:20px;margin-bottom:28px}.section{padding-block:var(--space-2xl)}.page-head{padding-block:var(--space-xl) 32px;gap:var(--space-lg)}.service-row{grid-template-columns:minmax(0,1fr);gap:var(--space-md)}.service-row a{grid-column:auto;justify-self:start}.close{display:grid;padding-block:48px}.footer-top{align-items:start;flex-direction:column;gap:var(--space-md)}.mast{padding-block:var(--space-lg)}.concept{font-size:13px}.concept a{white-space:nowrap}.enquiry{gap:var(--space-xl)}.enquiry form{order:0}.enquiry aside{order:1}}

button:disabled{opacity:.5;cursor:not-allowed}.page-head+.section{padding-top:var(--space-xl)}.hero+.section{padding-top:var(--space-xl)}

/* Quality pass: customer pages carry the consultation, not the demo documentation. */
:root{--font-guide:var(--font-display)}
h1,h2,h3,[id]{scroll-margin-top:112px}.button,.nav a{white-space:nowrap}summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}a:active{opacity:.8}input:hover,select:hover,textarea:hover{border-color:var(--color-ink)}
/* taste-skill-ignore: the locked Editorial system uses ruled customer registers. */ .paper-well{background:var(--color-paper-2);padding-block:80px}.consultation{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:var(--gap-columns)}.consultation h2{max-width:14ch}.consultation>a{align-self:end;justify-self:start}.consultation-notes{grid-column:2;grid-row:1/3}.consultation-notes article+article{margin-top:28px;padding-top:28px;border-top:1px solid var(--color-rule-2)}.consultation-notes h3{margin-bottom:var(--space-sm)}.image-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--gap-columns);align-items:center}.image-story .photo{height:440px}.image-story>div{padding:var(--space-lg);min-width:0}.image-story>div>*+*{margin-top:var(--space-lg)}.image-story h2{max-width:15ch}.tools-story .photo{height:460px}.tools-story .photo img{object-position:center 70%}.faq-list details p{max-width:58ch;padding-bottom:var(--space-xs)}.faq-list summary{font-size:21px;display:list-item}.section-link{display:inline-flex;align-items:center;min-height:48px;margin-top:28px;font:500 16px/1.4 var(--font-guide)}
/* taste-skill-ignore: the locked Editorial system uses ruled customer registers. */ .service-directory{padding-bottom:80px}.cut-entry{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:var(--gap-columns);border-top:4px solid var(--color-ink);padding-block:var(--space-xl) 56px}.cut-entry h2{font-size:clamp(42px,5vw,68px)}.cut-entry .lead{max-width:23ch;margin-top:20px}.cut-entry p{max-width:48ch}.cut-entry ul{list-style:none;margin:28px 0;padding:0;font:500 16px/1.5 var(--font-guide)}.cut-entry li{padding-block:var(--space-sm);border-top:1px solid var(--color-rule-2)}.guide-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--gap-columns);align-items:start}.guide-grid>div>p{margin-top:var(--space-lg);max-width:36ch}.guide-grid h2{max-width:14ch}.cut-guide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-lg)}.cut-guide>.field:first-child{grid-column:1/-1}.guide-result{grid-column:1/-1;border-top:4px solid var(--color-ink);padding-top:var(--space-lg)}.guide-result h3{font-size:28px}.guide-result p{margin-block:var(--space-md) var(--space-lg);min-height:3.1em}.two-notes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--gap-columns)}.two-notes p{max-width:48ch}.approach{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:var(--gap-columns)}.approach h2{max-width:14ch}.process-list article+article{margin-top:32px;padding-top:32px;border-top:1px solid var(--color-rule-2)}.process-list p{margin-top:var(--space-md);max-width:48ch}.preparation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap-columns)}.preparation article{padding-top:var(--space-lg);border-top:1px solid var(--color-rule-2)}.preparation p{margin-top:20px;max-width:32ch}.visit-questions{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1fr);gap:var(--gap-columns)}.visit-questions>div>p{margin-top:var(--space-lg);max-width:28ch}.preference-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-lg)}.enquiry-aside{padding:32px;background:var(--color-paper-2)}.enquiry-aside .details{margin-top:28px}.enquiry-aside>p,.enquiry-aside>a{margin-top:28px;display:block}.enquiry-aside h2{font-size:42px}.enquiry-aside .note{max-width:42ch}.enquiry-aside .details dd{font-size:18px}.enquiry .note{max-width:55ch}.image-story .photo img{animation:none}
@media(max-width:899px){.image-story>div{padding:0}.image-story .photo{height:400px}.cut-guide,.preference-fields{grid-template-columns:minmax(0,1fr)}.cut-guide>.field:first-child{grid-column:auto}.enquiry-aside{padding:var(--space-lg)}}
@media(max-width:699px){.paper-well{padding-block:56px}.consultation,.image-story,.guide-grid,.two-notes,.approach,.visit-questions,.preparation,.cut-entry{grid-template-columns:minmax(0,1fr)}.consultation{gap:32px}.consultation-notes{grid-column:auto;grid-row:auto}.consultation h2,.guide-grid h2,.approach h2{max-width:19ch}.consultation>a{margin-top:0}.image-story{gap:32px}.image-story .photo{height:320px}.image-story>div>*+*{margin-top:20px}.tools-story .photo{height:340px}.cut-entry{gap:28px;padding-block:32px var(--space-xl)}.service-directory{padding-bottom:56px}.cut-entry .lead{max-width:28ch}.cut-entry h2{font-size:44px}.guide-grid,.approach,.visit-questions{gap:36px}.cut-guide,.preference-fields{gap:var(--space-lg)}.guide-result p{min-height:0}.preparation{gap:32px}.preparation p{max-width:40ch;margin-top:var(--space-md)}.enquiry-aside h2{font-size:36px}.hero .photo{height:360px}.image-story>div{padding:0}.section+.image-story{padding-top:0}.faq-list summary{font-size:20px}.page-head .lead{max-width:36ch}}

/* Closed disclosures have no visible or focusable answer content. */
details:not([open])>:not(summary){display:none}

.visit-local{padding-block:var(--space-2xl) 48px}.visit-local .section-head{margin-bottom:0}
