.offcut{--bg:#f8e5db;--ink:#24221f;--accent:#f35436;--soft:#f9c3ae;--line:#b99e90;--muted:#655a51;--button-ink:#24221f}.offcut h1,.offcut h2,.offcut h3{letter-spacing:-.025em;font-family:Anton,DM Sans,sans-serif;font-weight:400}.offcut-header{z-index:5;justify-content:space-between;align-items:center;gap:20px;min-height:50px;display:flex;position:relative}.offcut-tagline{letter-spacing:-.03em;font-size:14px}.offcut-header>nav{align-items:center;gap:32px;font-size:13px;display:flex}.offcut-header>nav>a:last-child{align-items:center;gap:12px;display:flex}.offcut-header a:hover{opacity:.65}.offcut-header .ex-menu{display:none}.offcut-masthead{text-align:center;padding:0 28px 12px;line-height:.78;overflow:hidden}.offcut-masthead>a{letter-spacing:-.085em;transform-origin:bottom;max-width:100%;padding:0 0 .04em;font-family:DM Sans,sans-serif;font-size:clamp(120px,22.2vw,380px);font-weight:700;line-height:.8;display:block;transform:scaleY(1.12)}.offcut-hero{background:var(--accent);grid-template-columns:52% 48%;min-height:425px;display:grid}.offcut-hero-copy{z-index:1;flex-direction:column;justify-content:center;align-items:flex-start;padding:36px 25px 36px max(48px,50vw - 660px);display:flex;position:relative}.offcut-hero h1{white-space:nowrap;font-size:clamp(85px,9.8vw,150px);line-height:.91}.offcut-hero-copy>p{letter-spacing:-.025em;max-width:570px;margin-top:17px;font-size:clamp(15px,1.6vw,23px);line-height:1.4}.o-button{background:var(--ink);min-height:51px;color:var(--bg);border-radius:0;justify-content:space-between;align-items:center;gap:28px;padding:16px 23px;font-size:14px;font-weight:600;line-height:1.4;transition:background .2s,transform .2s;display:inline-flex}.o-button:hover{background:#3e3932;transform:translateY(-2px)}.o-button>span{place-items:center;display:grid}.offcut-hero .o-button{color:var(--bg);background:0 0;gap:12px;margin-top:24px;padding-right:0}.offcut-hero .o-button>span{background:var(--bg);color:var(--ink);border-radius:50%;width:48px;height:48px}.offcut-hero .o-button{padding:0}.offcut-hero .o-button:before{display:none}.offcut-hero .o-button{background:var(--ink);min-width:250px;padding:0 0 0 25px}.offcut-hero .o-button>span{margin-left:12px}.offcut-hero-photo{min-width:0;max-height:480px;overflow:hidden}.offcut-hero-photo>img{object-fit:cover;object-position:center 40%;width:100%;height:100%}.offcut-perspective{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:25px;padding-block:22px 26px;display:flex}.offcut-perspective>p{letter-spacing:-.025em;font-family:Anton,sans-serif;font-size:clamp(32px,5vw,72px);line-height:1}.offcut-perspective>span{flex-shrink:0;font-size:12px}.offcut-edit{padding-block:70px 55px}.offcut-edit-header{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:27px;display:flex}.offcut-edit h2{font-size:clamp(70px,9vw,130px);line-height:.9}.offcut h2>span{color:var(--accent)}.offcut-filters{flex-wrap:wrap;gap:25px;padding-bottom:9px;display:flex}.offcut-filters>button{color:var(--muted);background:0 0;border-bottom:1px solid #0000;padding:7px 0;font-size:12px}.offcut-filters>button[aria-pressed=true]{color:var(--ink);border-color:var(--ink);font-weight:700}.offcut-lookbook{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.offcut-look-photo{aspect-ratio:1/1.08}.offcut-look-photo>img{object-fit:cover;object-position:center 40%;width:100%;height:100%}.offcut-look-caption{padding:18px 0 0}.offcut-look-caption h3{letter-spacing:-.04em;font-family:DM Sans,sans-serif;font-size:19px;font-weight:600}.offcut-look-caption a{align-items:center;gap:20px;margin-top:10px;font-size:12px;display:inline-flex}.offcut-look-caption .example-arrow{color:var(--accent)}.offcut-look-caption a:hover .example-arrow{transition:transform .2s;transform:translate(4px)}.offcut-filter-status{color:var(--muted);margin-top:24px;font-size:11px}.offcut-appointment{color:var(--bg);background:#24221f;padding-top:65px}.offcut-booking-grid{grid-template-columns:1fr 1fr;gap:70px;display:grid}.offcut-appointment h2{max-width:700px;font-size:clamp(65px,7vw,108px);line-height:.93}.offcut-service-menu{border:0;margin:32px 0 20px;padding:0}.offcut-service-menu label{cursor:pointer;border-block-end:1px solid #f8e5db70;display:block;position:relative}.offcut-service-menu label:first-of-type{border-block-start:1px solid #f8e5db70}.offcut-service-menu input{opacity:0;position:absolute;inset:0}.offcut-service-menu span{align-items:center;gap:15px;padding:18px 0;font-size:16px;display:flex}.offcut-service-menu strong{font-weight:400}.offcut-service-menu small{opacity:.65;margin-left:auto;font-size:10px}.offcut-service-menu b{text-align:right;min-width:42px;font-size:14px;font-weight:400}.offcut-service-menu span:before{content:"";border:1px solid var(--bg);border-radius:50%;flex-shrink:0;width:20px;height:20px;margin-right:5px}.offcut-service-menu input:checked+span:before{border-color:var(--accent);background:var(--accent);box-shadow:inset 0 0 0 4px #24221f}.offcut-service-menu input:focus-visible+span{outline:2px solid var(--accent);outline-offset:4px}.offcut-price-note{opacity:.72;font-size:11px;line-height:1.8}.offcut-service-copy{opacity:.85;max-width:360px;margin-top:24px;font-size:14px;line-height:1.7}.offcut-builder{border-left:1px solid #f8e5db70;padding-left:48px}.offcut-progress{justify-content:space-between;margin:0 0 27px;padding:0;list-style:none;display:flex}.offcut-progress li{flex-direction:column;flex:1;align-items:center;gap:9px;font-size:11px;display:flex;position:relative}.offcut-progress li:not(:last-child):after{content:"";background:#f8e5db70;width:calc(100% - 38px);height:1px;position:absolute;top:18px;left:calc(50% + 19px)}.offcut-progress li>span{border:1px solid #f8e5db70;border-radius:50%;place-items:center;width:37px;height:37px;font-size:14px;display:grid}.offcut-progress li[aria-current=step]>span{background:var(--accent);color:var(--ink);border-color:var(--accent)}.offcut-progress li[aria-current=step]{color:var(--accent)}.offcut-choice{border:0;min-width:0;margin:24px 0 0;padding:0}.offcut-choice legend{margin-bottom:12px;font-size:13px}.offcut-choice legend>small{opacity:.65;margin-left:10px;font-size:10px}.offcut-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.offcut-options label{cursor:pointer;min-width:0;position:relative}.offcut-options input{opacity:0;position:absolute;inset:0}.offcut-options span{border:1px solid #f8e5db70;border-radius:2px;flex-direction:column;justify-content:center;align-items:center;min-height:45px;padding:11px 6px;font-size:12px;transition:background .2s;display:flex}.offcut-options span>small{opacity:.7;margin-top:3px;font-size:9px}.offcut-options input:checked+span{background:var(--accent);border-color:var(--accent);color:var(--ink)}.offcut-options input:focus-visible+span{outline:2px solid var(--bg);outline-offset:4px}.offcut-options label:hover span{background:#f3543622}.offcut-options input:checked+span:hover{background:var(--accent)}.offcut-stylist-copy{opacity:.65;min-height:18px;margin-top:8px;font-size:11px}.offcut-availability{opacity:.8;min-height:20px;margin-top:17px;font-size:11px}.o-button-coral{background:var(--accent);color:var(--ink)}.o-button-coral:hover{background:#ff795f}#hair-continue{width:100%;margin-top:15px}.offcut-builder>.offcut-price-note{margin-top:12px}.offcut-footer{border-top:1px solid #f8e5db70;justify-content:space-between;align-items:center;gap:30px;margin-top:55px;padding-block:25px 35px;display:flex}.offcut-footer>a{font-family:Anton,sans-serif;font-size:clamp(50px,10vw,140px);line-height:1}.offcut-footer>nav{gap:32px;font-size:12px;display:flex}.offcut-dialog{background:var(--bg);color:var(--ink);--ink:#24221f}.offcut-dialog h2{margin-bottom:15px;font-size:62px;line-height:.95}.offcut-dialog>p{border-bottom:1px solid var(--line);padding-bottom:20px;line-height:1.8}.offcut-dialog form{margin-top:25px}.o-field{flex-direction:column;gap:8px;margin-bottom:20px;font-size:12px;display:flex}.o-field>input{border:1px solid var(--line);background:0 0;border-radius:0;padding:13px;font-size:16px}.offcut-dialog .o-button{width:100%;margin-top:5px}.offcut-dialog .creative-form-note{margin-top:18px}.offcut-dialog h3{margin:25px 0 12px;font-size:42px}.offcut-dialog h3:focus{outline:none}#hair-result>p{line-height:1.8}#hair-result .o-button{margin-top:25px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width>=1500px){.offcut-hero{min-height:520px}.offcut-hero-photo{max-height:560px}}@media (width<=1000px){.offcut-hero-copy{padding-left:28px}.offcut-hero{min-height:350px}.offcut-hero h1{font-size:10vw}.offcut-masthead{padding-inline:20px}.offcut-booking-grid{gap:35px}.offcut-builder{padding-left:30px}.offcut-filters{gap:16px}.offcut-header>nav{gap:22px}.offcut-service-menu span{gap:9px;font-size:14px}.offcut-service-menu small{font-size:9px}.offcut-booking-grid h2{font-size:7.5vw}}@media (width<=650px){.offcut-header{min-height:48px}.offcut-tagline{font-size:12px}.offcut-header>nav{display:none}.offcut-header .ex-menu{display:block}.offcut-header .ex-mobile-nav{align-items:stretch;gap:0;display:flex}.offcut-masthead{padding:8px 12px 12px}.offcut-masthead>a{font-size:22vw;line-height:.9}.offcut-hero{grid-template-columns:1fr;min-height:0}.offcut-hero-copy{padding:29px 20px 30px}.offcut-hero h1{font-size:clamp(76px,16.8vw,110px);line-height:.91}.offcut-hero-copy>p{max-width:300px;margin-top:14px;font-size:15px}.offcut-hero .o-button{min-width:235px;margin-top:22px;font-size:12px}.offcut-hero-photo{height:285px;max-height:none}.offcut-hero-photo>img{object-position:center 36%}.offcut-perspective{align-items:flex-start;gap:10px;padding-block:20px}.offcut-perspective>p{max-width:210px;font-size:34px}.offcut-perspective>span{text-align:right;flex-shrink:1;max-width:75px;font-size:10px}.offcut-edit{padding-block:45px 30px}.offcut-edit-header{flex-direction:column;align-items:flex-start;gap:20px}.offcut-edit h2{font-size:74px}.offcut-filters{gap:22px;width:100%;padding:0}.offcut-filters>button{min-height:40px;font-size:11px}.offcut-lookbook{grid-template-columns:1fr;gap:30px}.offcut-look-photo{aspect-ratio:1/.97}.offcut-look-caption{padding-top:15px}.offcut-look-caption h3{font-size:19px}.offcut-filter-status{margin-top:20px}.offcut-appointment{padding-top:40px}.offcut-booking-grid{grid-template-columns:1fr;gap:35px}.offcut-booking-grid h2{max-width:450px;font-size:77px}.offcut-service-menu{margin-top:25px}.offcut-service-menu span{padding:17px 0;font-size:16px}.offcut-service-menu small{font-size:10px}.offcut-builder{border-top:1px solid #f8e5db70;border-left:0;padding:30px 0 0}.offcut-options{gap:8px}.offcut-options span{min-height:48px;font-size:11px}.offcut-choice{margin-top:22px}.offcut-footer{align-items:flex-start;gap:20px;margin-top:35px;padding-bottom:26px}.offcut-footer>a{font-size:62px}.offcut-footer>nav{flex-direction:column;gap:12px;font-size:11px}.offcut-dialog h2{font-size:52px}}@font-face{font-family:Archivo Black;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/archivo-black.ttf)format("truetype")}.offcut-masthead{padding-top:10px;padding-bottom:17px}.offcut-masthead>a{letter-spacing:-.075em;padding-block:.04em;font-family:Archivo Black,DM Sans,sans-serif;font-size:23vw;font-weight:400;line-height:.83;transform:none}@media (width<=650px){.offcut-masthead{padding-top:4px;padding-bottom:12px}.offcut-masthead>a{font-size:23vw;line-height:.86}}@media (width>=651px){.offcut-masthead{align-items:center;height:16vw;max-height:285px;padding:0 28px;display:flex}.offcut-masthead>a{transform-origin:50%;width:100%;padding:0;line-height:.75;transform:scaleY(.85)}.offcut-hero{height:clamp(420px,30vw,500px);min-height:0}.offcut-hero-photo{height:100%;max-height:none}}@font-face{font-family:Anton;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/anton-400.ttf)format("truetype")}.offcut-header.creative-width{width:calc(100% - 72px);max-width:none}.offcut-hero-copy{padding-left:4vw}.offcut-hero h1{font-size:clamp(72px,8.7vw,148px);line-height:1.02}.offcut-perspective.creative-width{width:calc(100% - 72px);max-width:none}@media (width<=650px){.offcut-header.creative-width,.offcut-perspective.creative-width{width:calc(100% - 40px)}.offcut-hero-copy{padding-left:20px}.offcut-hero h1{font-size:clamp(59px,15vw,91px);line-height:1.03}.offcut-perspective>p{font-size:29px}}