/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.hidden{display:none}.table{display:table}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--ink:#252a21;--cream:#f1ede3;--olive:#69705b;--clay:#a76e51;--paper:#faf8f2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}em{font-family:Georgia,Times New Roman,serif;font-weight:400}.nav{background:var(--paper);z-index:3;justify-content:space-between;align-items:center;height:92px;padding:0 4.5vw;display:flex;position:relative}.wordmark{letter-spacing:-2px;font-family:Georgia,serif;font-size:30px;line-height:.7}.wordmark span{letter-spacing:3px;text-transform:uppercase;margin-top:8px;margin-left:2px;font:8px Arial,sans-serif;display:block}.nav nav{text-transform:uppercase;letter-spacing:1.8px;gap:35px;font-size:11px;display:flex}.navBook{text-transform:uppercase;letter-spacing:1.8px;border-bottom:1px solid;padding:8px 0;font-size:11px}.hero{background:var(--cream);grid-template-columns:54% 46%;min-height:calc(100vh - 92px);display:grid;position:relative}.heroImage{background:linear-gradient(90deg,#0000 75%,#f1ede31f),url(/portfolio/dimensional-brunette.jpeg) 52% 43%/cover}.heroCopy{flex-direction:column;justify-content:center;padding:13vh 7vw 8vh;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:3px;margin:0 0 36px;font-size:10px}.hero h1{letter-spacing:-4px;margin:0;font:400 clamp(55px,6vw,105px)/.88 Georgia,serif}.hero h1 em{color:var(--clay)}.intro{max-width:390px;margin:45px 0;font:18px/1.6 Georgia,serif}.textLink{text-transform:uppercase;letter-spacing:2px;border-bottom:1px solid;width:max-content;padding-bottom:10px;font-size:11px}.textLink span{margin-left:16px}.vertical{writing-mode:vertical-rl;letter-spacing:3px;font-size:8px;position:absolute;bottom:30px;right:18px}.marquee{background:var(--ink);color:var(--cream);white-space:nowrap;letter-spacing:3px;justify-content:space-around;align-items:center;gap:25px;height:72px;font:11px Georgia,serif;display:flex;overflow:hidden}.marquee i{color:#c4ad75}.hero h1.experienceHeadline{font-size:clamp(50px,5.35vw,90px);line-height:.94}.story{background:var(--paper);grid-template-columns:47% 53%;gap:10vw;min-height:800px;padding:9vw;display:grid}.storyPhoto{background:url(https://images.unsplash.com/photo-1600948836101-f9ffda59d250?auto=format&fit=crop&w=1200&q=85) 50%/cover;min-height:610px}.storyCopy{align-self:center;max-width:520px}.story h2,.sectionHead h2,.work h2,.visit h2,.book h2{letter-spacing:-2px;margin:0 0 38px;font:400 clamp(44px,5vw,78px)/1 Georgia,serif}.story h2 em{color:var(--clay)}.storyCopy>p:not(.eyebrow){color:#55594e;font:16px/1.8 Georgia,serif}.textLink.dark{margin-top:25px}.services{background:var(--olive);color:var(--cream);grid-template-columns:40% 60%;gap:8vw;padding:9vw;display:grid}.sectionHead h2 em{color:#d4bda7}.serviceList article{border-top:1px solid #ffffff47;grid-template-columns:50px 1fr 30px;gap:25px;padding:30px 0;display:grid}.serviceList article:last-child{border-bottom:1px solid #ffffff47}.serviceList span{font:12px Georgia,serif}.serviceList h3{margin:0 0 12px;font:28px Georgia,serif}.serviceList p{opacity:.75;max-width:500px;margin:0;font:14px/1.6 Georgia,serif}.serviceList b{font-weight:400}.work{background:linear-gradient(112deg,#faf8f2 0%,#f5f0e6 44%,#e4d8ca 72%,#b9a18d 100%);padding:10vw 7vw}.workIntro{max-width:620px;margin-bottom:65px}.workIntro>p:last-child{color:#666;max-width:470px;font:15px/1.7 Georgia,serif}.spectrum{letter-spacing:2.5px;text-transform:uppercase;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin:0 0 18px;font-size:8px;display:grid}.spectrum i{background:linear-gradient(90deg,#e7d9b8,#b08a6c,#332b27);height:1px}.portfolioGrid{grid-template-columns:repeat(4,1fr);align-items:start;gap:12px;display:grid}.look{aspect-ratio:3/4;background:#e6e0d6;margin:0;position:relative;overflow:hidden}.look:nth-child(2n){margin-top:4.5vw}.look img{object-fit:cover;width:100%;height:100%;transition:transform .7s,filter .7s;display:block}.look:hover img{filter:saturate(1.04);transform:scale(1.025)}.look figcaption{color:#fff;letter-spacing:.8px;background:linear-gradient(#0000,#191613b3);align-items:center;gap:12px;padding:28px 18px 14px;font:10px Georgia,serif;display:flex;position:absolute;bottom:0;left:0;right:0}.look figcaption span{letter-spacing:1.5px;opacity:.72;font:8px Arial,sans-serif}.look1 img{object-position:45% 42%}.look2 img{object-position:50% 35%}.look3 img{object-position:50% 45%}.look4 img{object-position:50% 42%}.look5 img{object-position:50% 32%}.look6 img{object-position:50% 48%}.look7 img{object-position:52% 42%}.look8 img{object-position:50% 48%}.quote{text-align:center;background:#d8c8b5;padding:120px 20px}.quote p{max-width:850px;margin:0 auto 25px;font:italic 42px/1.2 Georgia,serif}.quote span{letter-spacing:3px;font-size:9px}.booth{background:#c8b7a2;grid-template-columns:.85fr 1.15fr;align-items:center;gap:9vw;padding:10vw 8vw;display:grid}.boothIntro h2{letter-spacing:-3px;margin:0 0 34px;font:400 clamp(52px,6vw,92px)/.92 Georgia,serif}.boothIntro h2 em{color:#5b624f}.boothIntro>p:not(.eyebrow){color:#49483f;max-width:520px;margin-bottom:50px;font:17px/1.7 Georgia,serif}.boothNote{border-top:1px solid #252a2159;grid-template-columns:34px 1fr;gap:20px;max-width:520px;padding:18px 0;display:grid}.boothNote span{font:10px Georgia,serif}.boothNote p{letter-spacing:.2px;color:#505047;margin:0;font:12px/1.6 Arial,sans-serif}.boothMachine{background:#eee8dd;border:1px solid #252a2133;padding:18px;box-shadow:18px 20px #48413724}.boothTop{grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:2px 2px 14px;display:grid}.boothTop span{letter-spacing:-1px;font:700 24px Georgia,serif}.boothTop p{letter-spacing:2px;margin:0;font-size:8px}.boothTop i{letter-spacing:1px;color:#7b3d2e;font:7px Arial,sans-serif}.cameraFrame{background:#292d26;height:480px;position:relative;overflow:hidden}.cameraFrame:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 80px #00000047}.cameraFrame img{object-fit:cover;width:100%;height:100%;display:block}.cameraFrame.isResult img{filter:saturate(1.08)contrast(1.02)}.cameraEmpty{color:#e8e2d7;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.cameraEmpty b{font:200 55px/1 Georgia,serif}.cameraEmpty p{margin:16px 0 8px;font:22px Georgia,serif}.cameraEmpty small{letter-spacing:1.5px;text-transform:uppercase;opacity:.7;font-size:8px}.frameMarks{color:#eee8dd;z-index:2;pointer-events:none;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;font:24px/1 monospace;display:grid;position:absolute;inset:16px}.frameMarks span:nth-child(2n){text-align:right}.frameMarks span:nth-child(n+3){align-self:end}.resultStamp{z-index:3;color:var(--ink);background:#eee8dded;flex-direction:column;padding:16px 20px;display:flex;position:absolute;bottom:24px;left:25px}.resultStamp span{letter-spacing:2px;margin-bottom:7px;font-size:7px}.resultStamp b{font:19px Georgia,serif}.resultStamp small{margin-top:4px}.photoButton{cursor:pointer;display:block}.photoButton input{opacity:0;pointer-events:none;position:absolute}.photoButton>span{background:var(--ink);color:#fff;text-transform:uppercase;letter-spacing:1.8px;justify-content:space-between;padding:17px 19px;font-size:9px;display:flex}.boothControls{grid-template-columns:1fr 1.4fr 1.35fr;gap:12px;padding:20px 2px;display:grid}.boothControls fieldset{border:0;margin:0;padding:0}.boothControls legend{letter-spacing:1.5px;text-transform:uppercase;margin-bottom:9px;font-size:8px}.boothControls fieldset div{flex-wrap:wrap;gap:4px;display:flex}.boothControls button{cursor:pointer;background:0 0;border:1px solid #aaa398;padding:7px 8px;font-size:9px}.boothControls button.active{background:var(--olive);border-color:var(--olive);color:#fff}.boothControls select{background:#f7f3eb;border:1px solid #aaa398;width:100%;padding:7px;font:9px Arial,sans-serif}.revealButton{background:var(--clay);color:#fff;text-transform:uppercase;letter-spacing:2px;cursor:pointer;border:0;justify-content:space-between;width:100%;padding:18px 20px;font-size:9px;display:flex}.revealButton:disabled{cursor:not-allowed;background:#aaa59d}.estimateCard{padding:30px 18px 5px}.estimateCard .eyebrow{margin-bottom:12px}.estimateCard h3{margin:0 0 12px;font:30px Georgia,serif}.estimatePrice{color:var(--clay);margin:0;font:52px Georgia,serif}.estimateCard>small{text-transform:uppercase;letter-spacing:1.4px;margin:5px 0 24px;font-size:8px;display:block}.estimateCard>div:not(.resultActions){border-top:1px solid #c4bdb2;border-bottom:1px solid #c4bdb2;justify-content:space-between;padding:15px 0;font-size:10px;display:flex}.estimateCard .disclaimer{color:#68675f;font:11px/1.6 Georgia,serif}.resultActions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.resultActions button,.resultActions a{border:1px solid var(--ink);text-align:center;text-transform:uppercase;letter-spacing:1px;background:0 0;padding:14px;font-size:8px}.resultActions a{background:var(--ink);color:#fff}.visit{background:var(--ink);color:var(--cream);grid-template-columns:1fr 1fr;gap:12vw;padding:9vw;display:grid}.visit h2 em{color:#c4ad75}.visitInfo{align-self:end}.visitInfo>p{max-width:450px;font:20px/1.6 Georgia,serif}.visit dl{margin-top:70px}.visit dl div{border-top:1px solid #555a50;grid-template-columns:1fr 1.5fr;padding:23px 0;display:grid}.visit dt{text-transform:uppercase;letter-spacing:2px;font-size:9px}.visit dd{margin:0;font:14px/1.6 Georgia,serif}.book{text-align:center;background:var(--cream);padding:12vw 20px}.book .eyebrow{margin-bottom:30px}.book h2{font-size:clamp(52px,7vw,110px)}.book h2 em{color:var(--clay)}.book>a{background:var(--ink);color:#fff;text-transform:uppercase;letter-spacing:2px;margin-top:20px;padding:22px 40px;font-size:10px;display:inline-block}.book>a span{margin-left:25px}.book small{color:#75776f;letter-spacing:1px;margin-top:16px;font-size:9px;display:block}footer{border-top:1px solid #d7d3c9;grid-template-columns:1.5fr 1fr 1fr;align-items:start;padding:60px 5vw 25px;display:grid}footer p{margin:0;font:12px/1.6 Georgia,serif}footer>div{text-transform:uppercase;letter-spacing:1px;gap:24px;font-size:10px;display:flex}footer>small{letter-spacing:1.5px;grid-column:1/-1;margin-top:60px;font-size:8px}@media (width<=800px){.nav{height:76px;padding:0 20px}.nav nav{display:none}.hero{grid-template-columns:1fr;min-height:auto}.heroImage{background-position:51% 43%;height:64vh}.heroCopy{padding:65px 28px 80px}.hero h1{letter-spacing:-2px;font-size:57px}.vertical{display:none}.marquee{justify-content:flex-start;padding:0 25px}.story{grid-template-columns:1fr;gap:60px;padding:80px 25px}.storyPhoto{min-height:490px}.services{grid-template-columns:1fr;padding:80px 25px}.work{padding:80px 16px}.workIntro{margin-bottom:40px;padding:0 9px}.spectrum{margin:0 9px 14px}.portfolioGrid{grid-template-columns:repeat(2,1fr);gap:7px}.look:nth-child(2n){margin-top:10vw}.look figcaption{gap:7px;padding:24px 10px 10px;font-size:9px}.booth{grid-template-columns:1fr;gap:55px;padding:90px 18px}.boothIntro{padding:0 8px}.boothIntro h2{letter-spacing:-2px;font-size:57px}.boothMachine{padding:10px;box-shadow:9px 12px #48413724}.cameraFrame{height:430px}.boothTop p{display:none}.boothControls{grid-template-columns:1fr 1fr}.boothControls fieldset:last-child{grid-column:1/-1}.estimatePrice{font-size:43px}.estimateCard>div:not(.resultActions){flex-direction:column;gap:8px}.quote{padding:90px 25px}.quote p{font-size:32px}.visit{grid-template-columns:1fr;gap:40px;padding:80px 25px}.visitInfo dl{margin-top:45px}.book{padding:100px 20px}footer{grid-template-columns:1fr 1fr;gap:35px}footer>div{grid-column:1/-1}footer>small{margin-top:25px}}.storyPhoto{background-image:linear-gradient(#252a210a,#252a210a),url(/jmcd-studio-interior.jpeg);background-position:52%}.visit{grid-template-columns:1.1fr 1fr;gap:10vw}.visitLead{flex-direction:column;display:flex}.visitPhoto{background:linear-gradient(#252a2114,#252a2114),url(/jmcd-church-street-exterior.jpeg) 52% 48%/cover;min-height:470px;margin-top:45px}@media (width<=800px){.storyPhoto{background-position:58%}.visit{grid-template-columns:1fr;gap:50px}.visitPhoto{background-position:50%;min-height:420px;margin-top:35px}}.generationError{color:#853f32;margin:0 2px 14px;font:12px/1.5 Georgia,serif}.maskStage{background:#1f221d;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.maskStage canvas{touch-action:none;cursor:crosshair;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.maskStage p{z-index:4;letter-spacing:1px;text-transform:uppercase;white-space:nowrap;pointer-events:none;background:#eee8ddeb;margin:0;padding:9px 13px;font-size:8px;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.maskTools{letter-spacing:.7px;justify-content:space-between;align-items:center;gap:12px;padding:12px 4px 0;font-size:9px;display:flex}.maskTools button{text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:0 0;border:0;border-bottom:1px solid;padding:4px 0;font-size:8px}.comparison{background:#1f221d;grid-template-columns:1fr 1fr;display:grid;position:absolute;inset:0}.comparison figure{margin:0;position:relative;overflow:hidden}.comparison figure:first-child{border-right:2px solid #eee8dd}.comparison figure>img,.conceptImage,.conceptImage img{object-fit:cover;width:100%;height:100%;display:block}.comparison figure>figcaption{z-index:5;color:var(--ink);letter-spacing:1.6px;text-transform:uppercase;background:#eee8ddeb;padding:7px 10px;font-size:7px;position:absolute;top:17px;left:17px}.afterConcept{background:#22251f}.conceptImage{transform-origin:50% 16%;position:absolute;inset:-2% -7% -15%;overflow:hidden}.afterConcept.length16 .conceptImage{transform:scale(1.03,1.07)}.afterConcept.length18 .conceptImage{transform:scale(1.04,1.12)}.afterConcept.length20 .conceptImage{transform:scale(1.06,1.19)}.afterConcept.length22 .conceptImage{transform:scale(1.08,1.26)}.afterConcept.fullnessNatural .conceptImage img{transform:scaleX(1.01)}.afterConcept.fullnessFuller .conceptImage img{transform:scaleX(1.08)}.afterConcept.fullnessDramatic .conceptImage img{transform:scaleX(1.15)}.afterConcept.toneMatch .conceptImage img{filter:saturate(1.12)contrast(1.03)}.afterConcept.toneBrighter .conceptImage img{filter:brightness(1.15)saturate(.9)sepia(.12)contrast(1.02)}.afterConcept.toneBrunette .conceptImage img{filter:brightness(.76)saturate(1.16)sepia(.18)contrast(1.12)}.afterConcept.toneBalayage .conceptImage img{filter:brightness(1.07)saturate(.98)sepia(.26)contrast(1.04)}.afterConcept:after{content:"";mix-blend-mode:soft-light;pointer-events:none;background:linear-gradient(90deg,#0000 0%,#5036252e 25%,#debe8b33 52%,#442b1e38 77%,#0000 100%);position:absolute;inset:34% 7% 0}.hairLengthGuide{z-index:4;flex-direction:column;gap:5px;width:28px;display:flex;position:absolute;bottom:64px;right:12px}.hairLengthGuide i{background:#ffffffbf;height:1px}.hairLengthGuide i:nth-child(2){width:70%}.hairLengthGuide i:nth-child(3){width:40%}.comparisonLine{z-index:7;width:30px;height:30px;color:var(--ink);background:#eee8dd;border-radius:50%;place-items:center;font-size:13px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px 12px #00000040}.generating{z-index:9;color:#eee8dd;text-align:center;background:#252a21e0;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.generating i{border:1px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:44px;height:44px;animation:.8s linear infinite boothSpin}.generating p{margin:18px 0 7px;font:20px Georgia,serif}.generating small{letter-spacing:1.5px;text-transform:uppercase;font-size:8px}@keyframes boothSpin{to{transform:rotate(360deg)}}
