/* Apple clarity and Bellroy explanations, adapted to the haircut consultation. */
@font-face{font-family:"Schibsted Grotesk";src:url("../fonts/schibsted-grotesk-latin-wght-normal.woff2") format("woff2");font-weight:100 900;font-display:swap}
:root{--color-paper:#fff;--color-paper-2:#f4f5f3;--color-paper-3:#e8ece6;--color-ink:#252b26;--color-ink-2:#343d35;--color-muted:#5c655d;--color-rule:#d4dcd2;--color-rule-2:#b4c0b1;--color-field-edge:#7b877b;--color-accent:#3c654a;--color-accent-ink:#fff;--color-focus:#3c654a;--color-accent-hover:#2b4b35;--font-display:"Schibsted Grotesk",sans-serif;--font-body:var(--font-display);--font-label:var(--font-display);--font-guide:var(--font-display);--container:1200px;--gutter:40px;--gap-columns:64px;--section-gap-s:88px;--radius-card:12px;--radius-pill:999px}
body{font-size:17px;line-height:1.6}h1,h2,h3,.mast{font-variation-settings:normal;font-weight:650;letter-spacing:-.04em;line-height:1.1}h1{font-size:clamp(42px,5.25vw,64px)}h2{font-size:clamp(34px,4vw,48px)}h3{font-size:27px;line-height:1.18}.note{font-size:16px;line-height:1.55}.concept{background:var(--color-paper-2);color:var(--color-ink);font-size:13px;padding-block:10px}.concept a{color:var(--color-accent)}.concept a:hover{color:var(--color-ink)}.header{border:0;background:var(--color-paper)}.header-in{min-height:68px}.brand{font:650 25px/1.1 var(--font-display);letter-spacing:-.04em}.nav{gap:24px;font-size:14px}.button{border:0;background:var(--color-accent);color:var(--color-accent-ink);font-size:15px;min-height:50px;padding:14px 26px}.button:hover{background:var(--color-accent-hover);color:var(--color-accent-ink)}.button.secondary{background:var(--color-paper-2);color:var(--color-ink)}.button.secondary:hover{background:var(--color-paper-3)}.nav .button{min-height:44px;padding:11px 22px}.actions{gap:18px}.actions>a:not(.button),.section-link{font-size:16px;font-weight:600;color:var(--color-accent);text-underline-offset:4px}.menu{border:0;background:var(--color-paper-2)}
.hero{grid-template-columns:minmax(0,1fr);gap:36px;padding-block:44px 48px}.hero-copy{text-align:center;display:grid;justify-items:center}.hero h1{max-width:none;line-height:1.04;font-size:clamp(42px,5.25vw,64px);letter-spacing:-.05em}.hero .lead{font-size:18px;max-width:55ch;margin-top:22px}.hero .actions{justify-content:center;margin-top:22px}.picker{border:0;padding:24px 28px;margin-top:28px;background:var(--color-paper-2);border-radius:12px;width:min(100%,600px)}.picker legend{float:none;width:auto;margin:0 auto;padding-inline:12px;font-size:15px}.choices{justify-content:center}.choice span{background:var(--color-paper);padding:11px 18px;font-size:15px}.picker-note{font-size:16px;min-height:0;max-width:none;margin-top:16px}.ab-stage{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px}.hero .photo{height:340px;border-radius:12px}.hero .photo img{object-position:center 67%;filter:none}.hero .ab-chair img{object-position:center 54%}.photo{border-radius:12px}.photo img{filter:none}.section-head{border:0;padding-top:0;margin-bottom:40px;align-items:center}.section-head p{font-size:18px}.hero+.section{padding-top:60px}.service-row{grid-template-columns:minmax(0,.7fr) minmax(0,1fr) auto;border-top:1px solid var(--color-rule);padding-block:28px;gap:40px}.service-row h3{font-size:25px}.service-row a{font-weight:600;color:var(--color-accent)}.paper-well{background:var(--color-paper-2);padding-block:80px}.consultation{gap:64px}.consultation h2{max-width:15ch}.consultation-notes article+article{border-color:var(--color-rule)}.consultation-notes h3{font-size:25px}.consultation>a{color:var(--color-accent);font-weight:600;min-height:44px;display:flex;align-items:center}.image-story .photo{height:400px}.image-story>div{padding:0}.image-story h2{max-width:19ch}.image-story>div>*+*{margin-top:24px}.image-story .lead{font-size:18px}.faq-list summary{font-size:21px;font-weight:600}.faq-list details{padding-block:22px;border-color:var(--color-rule)}.faq-list details p{font-size:17px}.ink{background:var(--color-paper-2);color:var(--color-ink)}.ink h2{color:var(--color-ink)}.ink .button{background:var(--color-accent);color:var(--color-accent-ink)}.ink .button:hover{background:var(--color-accent-hover)}.close{padding-block:64px;gap:48px}.close h2{max-width:19ch;font-size:40px}.page-head{padding-block:60px 52px;gap:60px}.page-head h1{font-size:clamp(40px,4.4vw,56px);line-height:1.08}.page-head .lead{max-width:46ch;font-size:18px;line-height:1.6}.page-head+.section{padding-top:36px}.cut-entry{border:0;border-radius:12px;background:var(--color-paper-2);padding:36px;gap:64px;margin-bottom:24px}.cut-entry h2{font-size:40px}.cut-entry .lead{font-size:18px;line-height:1.6;max-width:30ch}.cut-entry li{border-color:var(--color-rule);font-size:16px}.cut-entry .button{background:var(--color-accent);color:var(--color-accent-ink)}.guide-grid{gap:64px}.guide-grid h2{max-width:17ch}.cut-guide{background:var(--color-paper);padding:32px;border-radius:12px;gap:24px}.guide-result{border-top:1px solid var(--color-rule);padding-top:24px}.guide-result h3{font-size:26px}.guide-result p{font-size:16px}.process-list article+article{border-color:var(--color-rule)}.process-list h3{font-size:26px}.preparation article{border:0;padding-top:0}.preparation h3{font-size:25px}.preparation p{font-size:17px}.text-section h2{font-size:32px}.enquiry{gap:64px}.enquiry>form{background:var(--color-paper-2);padding:32px;border-radius:12px}.enquiry-aside{padding:0;background:transparent}.enquiry-aside h2{font-size:34px}.enquiry-aside .details{margin-top:24px}.enquiry-aside .details dd{font-size:17px}.field label{font-size:16px}input,select,textarea{background:var(--color-paper);border-radius:8px;border:1px solid var(--color-field-edge);font-size:17px}.draft{padding:24px 0 0;background:transparent}.draft textarea{background:var(--color-paper)}.form-message{font-size:16px}.footer{padding-block:48px 28px}.footer-top{border:0;padding-top:0;align-items:start}.footer nav{font-size:16px;gap:20px}.mast{font-size:40px;letter-spacing:-.04em;font-weight:650;padding-block:32px 20px}.footer .note{font-size:15px;max-width:65ch}.footer-bottom{background:var(--color-paper-2);border-radius:8px;padding:18px 20px;font-size:14px}.footer-bottom a{color:var(--color-accent)}.error-page{min-height:55vh}.error-page h1{font-size:clamp(40px,4.4vw,56px)}h1,h2,h3,[id]{scroll-margin-top:90px}
@media(prefers-reduced-motion:no-preference){.hero .photo img{animation:ab-settle 3.9s var(--ease-out) both}.hero-copy>h1,.hero-copy>.lead,.hero-copy>.actions{animation-duration:.45s}.ab-chair img{animation-delay:80ms!important}.faq-list details[open]>p{animation:copy-in .26s var(--ease-out) both}}
@keyframes ab-settle{from{transform:scale(1.05)}to{transform:scale(1)}}
@media(max-width:1023px){:root{--gap-columns:40px}.consultation,.guide-grid,.enquiry{gap:40px}.cut-entry{gap:36px;padding:28px}.service-row{gap:28px}.image-story .photo{height:360px}}
@media(max-width:899px){.header-in{gap:20px}.nav{gap:18px}.hero .photo{height:300px}.service-row{grid-template-columns:minmax(0,.8fr) minmax(0,1fr)}.service-row a{grid-column:2}.enquiry{grid-template-columns:minmax(0,1fr)}.enquiry-aside{max-width:65ch}.cut-guide{padding:24px}}
@media(max-width:699px){:root{--gutter:24px;--gap-columns:32px;--section-gap-s:60px}.header-in{min-height:64px}.brand{font-size:24px}.nav{gap:8px 20px}.hero{padding-top:32px;gap:28px}.hero h1{font-size:clamp(35px,10vw,44px);max-width:none;white-space:nowrap}.hero .lead{font-size:17px;max-width:34ch}.hero .actions{gap:12px}.picker{padding:18px 16px;margin-top:28px}.picker legend{font-size:14px}.choices{gap:8px}.choice span{font-size:14px;padding:10px 13px}.picker-note{font-size:16px}.ab-stage{grid-template-columns:minmax(0,1fr);gap:12px}.hero .photo{height:260px}.hero .ab-chair{height:220px}.hero .photo img{object-position:center 60%}.section,.paper-well{padding-block:60px}.section-head{gap:22px;margin-bottom:30px}.section-head p{font-size:17px}h2{font-size:34px}.service-row{grid-template-columns:minmax(0,1fr);gap:12px;padding-block:26px}.service-row a{grid-column:auto}.consultation{gap:28px}.consultation h2{max-width:18ch}.consultation-notes h3{font-size:24px}.image-story .photo,.tools-story .photo{height:300px}.image-story{gap:28px}.image-story h2{max-width:19ch}.faq-list summary{font-size:19px}.close{padding-block:52px;gap:28px}.close h2{font-size:34px;max-width:19ch}.page-head{padding-block:44px 36px;gap:22px}.page-head h1{font-size:40px}.page-head .lead{font-size:17px}.cut-entry{padding:26px 24px;gap:28px;margin-bottom:20px}.cut-entry h2{font-size:34px}.cut-entry .lead{font-size:17px}.guide-grid{gap:32px}.guide-grid h2{max-width:19ch}.guide-result h3{font-size:25px}.enquiry{gap:36px}.enquiry>form{padding:24px}.enquiry-aside h2{font-size:32px}.text-section h2{font-size:28px}.mast{font-size:34px}.footer-bottom{gap:16px}.note{font-size:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}