@font-face{font-family:Cormorant;src:url('./cormorant.ttf') format('truetype');font-display:swap;font-weight:400 700}
.hc-page{margin:0;background:#1c100c;color:#f5ede3}
#hair-consultation,#dalia-admin{--hc-espresso:#1c100c;--hc-panel:#291b16;--hc-rose:#e6b292;--hc-cream:#f5ede3;--hc-muted:#cebdb1;--hc-border:#795a48;--hc-error:#ffb6ad;background:var(--hc-espresso);color:var(--hc-cream);font:400 16px/1.65 Inter,Arial,sans-serif;min-height:100vh;padding:32px 24px 60px;box-sizing:border-box;color-scheme:dark}
#hair-consultation *,#dalia-admin *{box-sizing:border-box}
#hair-consultation .hc-shell,#dalia-admin .hc-shell{max-width:850px;margin:auto}
#hair-consultation .hc-top,#dalia-admin .hc-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:26px;border-bottom:1px solid var(--hc-border);font-size:13px}
#hair-consultation a,#dalia-admin a{color:var(--hc-rose);text-underline-offset:4px}
#hair-consultation .hc-brand,#dalia-admin .hc-brand{letter-spacing:1.8px;text-transform:uppercase;font-size:12px;color:var(--hc-rose);text-decoration:none}
#hair-consultation .hc-intro{margin:42px 0 28px;max-width:700px}
#hair-consultation h1,#dalia-admin h1{font:400 clamp(34px,6vw,52px)/1.08 Cormorant,Georgia,serif;letter-spacing:-.5px;margin:0 0 20px;color:var(--hc-cream)}
#hair-consultation h2,#dalia-admin h2{font:400 32px/1.15 Cormorant,Georgia,serif;color:var(--hc-cream);margin:0 0 12px}
#hair-consultation h3,#dalia-admin h3{font:500 20px/1.3 Cormorant,Georgia,serif;margin:20px 0 10px;color:var(--hc-rose)}
#hair-consultation p,#dalia-admin p{margin:0 0 18px}
#hair-consultation .hc-note,#dalia-admin .hc-note{font-size:13px;color:var(--hc-muted)}
#hair-consultation .hc-preview{padding:10px 15px;border:1px solid var(--hc-border);font-size:13px;margin-top:20px;color:var(--hc-rose)}
#hair-consultation .hc-progress-label{display:flex;justify-content:space-between;gap:16px;font-size:12px;letter-spacing:.6px;color:var(--hc-rose);margin:0 0 10px}
#hair-consultation progress{width:100%;height:4px;display:block;appearance:none;border:0;background:#49362b;color:var(--hc-rose)}
#hair-consultation progress::-webkit-progress-bar{background:#49362b}
#hair-consultation progress::-webkit-progress-value{background:var(--hc-rose)}
#hair-consultation progress::-moz-progress-bar{background:var(--hc-rose)}
#hair-consultation .hc-card,#dalia-admin .hc-card{padding:32px;background:var(--hc-panel);border:1px solid var(--hc-border);margin:22px 0}
#hair-consultation .hc-field,#dalia-admin .hc-field{margin:24px 0}
#hair-consultation label,#dalia-admin label{display:block;font-size:14px;margin:0 0 8px;color:var(--hc-cream)}
#hair-consultation input:not([type=checkbox]),#hair-consultation select,#hair-consultation textarea,#dalia-admin input{display:block;width:100%;min-height:48px;border:1px solid var(--hc-border);border-radius:3px;background:#21150f;color:var(--hc-cream);padding:12px;font:inherit;font-size:16px;max-width:100%}
#hair-consultation textarea{min-height:110px;resize:vertical}
#hair-consultation :focus-visible,#dalia-admin :focus-visible{outline:3px solid var(--hc-rose);outline-offset:4px}
#hair-consultation fieldset{padding:0;border:0;margin:24px 0;min-width:0}
#hair-consultation legend{font-size:14px;margin-bottom:12px}
#hair-consultation .hc-check{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;margin:6px 0;border:1px solid var(--hc-border);border-radius:3px;min-height:46px}
#hair-consultation input[type=checkbox]{width:19px;height:19px;margin:3px 0 0;accent-color:var(--hc-rose);flex-shrink:0}
#hair-consultation .hc-check:has(:checked){background:#3c281e;border-color:var(--hc-rose)}
#hair-consultation .hc-actions,#dalia-admin .hc-actions{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:28px;align-items:center}
#hair-consultation button,#dalia-admin button{font:500 14px Inter,Arial,sans-serif;min-height:46px;padding:12px 22px;border:1px solid var(--hc-rose);border-radius:3px;background:var(--hc-rose);color:#24150e;cursor:pointer}
#hair-consultation .hc-secondary,#dalia-admin .hc-secondary{background:transparent;color:var(--hc-rose)}
#hair-consultation button:disabled,#dalia-admin button:disabled{opacity:.6;cursor:wait}
#hair-consultation .hc-error,#dalia-admin .hc-error{color:var(--hc-error);font-size:14px;margin-top:8px}
#hair-consultation [aria-invalid=true]{border-color:var(--hc-error)!important}
#hair-consultation .hc-errors,#dalia-admin .hc-errors{border-left:3px solid var(--hc-error);padding:12px 16px;background:#3d211d;margin:20px 0}
#hair-consultation .hc-photos{display:grid;grid-template-columns:1fr 1fr;gap:18px}
#hair-consultation .hc-photo{min-width:0;border:1px solid var(--hc-border);padding:16px;border-radius:3px}
#hair-consultation .hc-photo input{font-size:13px;padding:8px}
#hair-consultation .hc-photo img{display:block;width:100%;height:190px;object-fit:contain;background:#1c100c;margin:12px 0}
#hair-consultation .hc-photo button{padding:8px 12px;margin-top:10px}
#hair-consultation .hc-review-group{padding:16px 0;border-bottom:1px solid var(--hc-border)}
#hair-consultation .hc-review-group button{min-height:36px;padding:6px 12px}
#hair-consultation dl,#dalia-admin dl{margin:16px 0}
#hair-consultation dt,#dalia-admin dt{font-size:12px;color:var(--hc-muted);margin-top:13px}
#hair-consultation dd,#dalia-admin dd{margin:3px 0 12px;overflow-wrap:anywhere;white-space:pre-wrap}
#hair-consultation .hc-footer{margin-top:26px;font-size:12px;color:var(--hc-muted)}
#hair-consultation .hc-honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
#hair-consultation [hidden],#dalia-admin [hidden]{display:none!important}
#dalia-admin .hc-list{display:grid;gap:12px}#dalia-admin .hc-record{display:block;text-align:left;width:100%;background:var(--hc-panel);color:var(--hc-cream);border-color:var(--hc-border)}
#dalia-admin .hc-record span{display:block;font-size:12px;color:var(--hc-muted)}
#dalia-admin .hc-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}#dalia-admin .hc-gallery img{width:100%;height:250px;object-fit:contain;background:var(--hc-espresso)}#dalia-admin .hc-gallery figure{margin:0}#dalia-admin figcaption{font-size:13px}
#dalia-admin pre{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.65 Inter,Arial,sans-serif}
@media(max-width:560px){#hair-consultation,#dalia-admin{padding:20px 16px 40px}#hair-consultation .hc-intro{margin-top:30px}#hair-consultation .hc-card,#dalia-admin .hc-card{padding:22px 18px}#hair-consultation .hc-photos,#dalia-admin .hc-gallery{grid-template-columns:1fr}#hair-consultation .hc-actions button{flex:1}#hair-consultation .hc-top{font-size:12px}#hair-consultation h1{max-width:310px}}
@media(prefers-reduced-motion:no-preference){#hair-consultation button,#dalia-admin button{transition:background-color .15s}}

#hair-consultation .hc-shell{max-width:1100px}
#hair-consultation .hc-banner{position:relative;isolation:isolate;display:flex;align-items:center;min-height:430px;max-width:none;margin:28px 0 36px;overflow:hidden;background:var(--hc-espresso)}
#hair-consultation .hc-banner>img{position:absolute;inset:0;z-index:-2;display:block;width:100%;height:100%;object-fit:cover;object-position:center}
#hair-consultation .hc-banner:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(28,16,12,.8),rgba(28,16,12,.35) 48%,transparent 72%)}
#hair-consultation .hc-banner-copy{width:52%;padding:40px;max-width:580px}
#hair-consultation .hc-banner-copy h1{font-size:clamp(34px,4.5vw,50px)}
#hair-consultation .hc-banner-copy p{max-width:410px}
#hair-consultation .hc-banner-copy .hc-note{color:var(--hc-cream)}
#hair-consultation .hc-compact-intro,#hair-consultation .hc-progress-label,#hair-consultation .hc-shell>progress,#hair-consultation .hc-shell>form,#hair-consultation .hc-shell>.hc-footer{max-width:850px;margin-left:auto;margin-right:auto}
#hair-consultation .hc-shell>progress{width:100%}
#hair-consultation .hc-review-explainer{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:34px;padding:38px 0;border-top:1px solid var(--hc-border);margin-top:38px}
#hair-consultation .hc-review-explainer>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
#hair-consultation .hc-eyebrow{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--hc-rose);margin-bottom:12px}
#hair-consultation .hc-photo-guide{margin:24px 0 30px;padding-bottom:24px;border-bottom:1px solid var(--hc-border)}
#hair-consultation .hc-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#hair-consultation .hc-guide-grid figure{margin:0;min-width:0}
#hair-consultation .hc-guide-grid img{display:block;width:100%;height:auto;aspect-ratio:24/31;object-fit:cover}
#hair-consultation .hc-guide-grid figcaption{padding-top:10px;font-size:12px}
#hair-consultation .hc-guide-grid strong{display:block;color:var(--hc-rose);font-weight:500}
#hair-consultation .hc-guide-grid figcaption span{display:block;color:var(--hc-muted);margin-top:4px}
@media(max-width:760px){#hair-consultation .hc-banner-copy{padding:28px;width:58%}#hair-consultation .hc-review-explainer{grid-template-columns:1fr;gap:24px}#hair-consultation .hc-review-explainer>img{max-width:620px}}
@media(max-width:560px){#hair-consultation .hc-banner{display:block;min-height:0;margin-top:24px}#hair-consultation .hc-banner>img{position:static;aspect-ratio:2055/765;height:auto;object-fit:contain}#hair-consultation .hc-banner:before{display:none}#hair-consultation .hc-banner-copy{width:100%;max-width:none;padding:24px 8px 0}#hair-consultation .hc-banner-copy h1{max-width:none;font-size:38px}#hair-consultation .hc-guide-grid{grid-template-columns:1fr;gap:22px}#hair-consultation .hc-guide-grid figure{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:18px}#hair-consultation .hc-guide-grid figcaption{padding-top:0;font-size:13px}#hair-consultation .hc-review-explainer{padding-top:28px}}