*{box-sizing:border-box}body{margin:0;color:#332921;background:#f6f2eb;font-family:PrettySans,Arial,sans-serif;font-size:15px;line-height:1.65}a{color:inherit}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #9e6550;outline-offset:4px}[hidden]{display:none!important}header{max-width:1320px;margin:auto;padding:22px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dcd1c4}header img{display:block;width:150px;object-fit:contain}.back{font-size:13px;text-decoration:none}main{max-width:1240px;padding:0 42px;margin:auto}.intro{max-width:760px;padding:68px 0 32px}.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:600}.intro h1{font:clamp(44px,6.5vw,82px)/1.03 Georgia,serif;font-weight:400;letter-spacing:-3px;margin:20px 0}.intro h1 em,h2 em,#placeholder em{font-weight:400;color:#8c6757}.intro>p:not(.eyebrow){max-width:520px;color:#766a60;font-size:16px}.chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.chips span{border:1px solid #d7c9b9;border-radius:30px;padding:6px 12px;font-size:11px}.availability{background:#eae3d8;border-left:3px solid #a68568;padding:15px 20px;margin:10px 0 30px;font-size:13px}.studio{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:52px;align-items:start}.step{border-top:1px solid #d8cdbf;padding:28px 0}.step-heading{display:flex;gap:18px;margin-bottom:22px}.step-heading>span{font:italic 24px Georgia,serif;color:#9d8067;padding-top:3px}h2{font:30px/1.15 Georgia,serif;font-weight:400;margin:0 0 10px}.step-heading p{color:#766a60;margin:0;font-size:13px}.upload{position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:184px;border:1px dashed #bca994;background:#eee7dc;cursor:pointer;border-radius:4px}.upload:hover,.upload.drag{background:#e7dece}.upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload-icon{font:36px Georgia,serif}.upload strong{font-weight:500}.upload>span:not(.upload-icon),.upload small{color:#827363;font-size:12px}.muted{font-size:11px;color:#817469;line-height:1.6}.text-button{border:0;background:none;padding:3px 0;text-decoration:underline;color:#755243;cursor:pointer}.step>label:not(.upload):not(.consent){display:block;font-size:12px;margin:16px 0 6px}select{width:100%;background:#fbf8f3;border:1px solid #d5c9b9;padding:13px 30px 13px 12px;border-radius:3px;color:#332921;font-size:13px}fieldset{padding:0;border:0;margin:0 0 25px}legend{font-size:12px;margin-bottom:12px}.colors{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.choice{position:relative;cursor:pointer}.choice input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer;margin:0}.choice .choice-inner{display:flex;align-items:center;gap:8px;border:1px solid #d6cbbb;padding:11px 8px;font-size:10px;min-height:48px;border-radius:3px;transition:.2s}.choice input:checked+.choice-inner{border-color:#624633;background:#e7ddcf;box-shadow:inset 0 0 0 1px #624633}.choice input:focus-visible+.choice-inner{outline:2px solid #88664f;outline-offset:2px}.choice input:disabled+.choice-inner{opacity:.38;cursor:not-allowed}.swatch{width:21px;height:21px;flex:0 0 21px;border-radius:50%;border:1px solid #0001}.swatch.keep{background:linear-gradient(135deg,#322321,#b38d5a,#e8d8b8)}.cuts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cuts .choice-inner{font-size:12px}.advice{font-size:12px;background:#e9e4d8;padding:14px 16px;border-radius:3px}.advice.blocked{background:#f1e0d6}.consent{display:flex;gap:10px;font-size:11px;align-items:flex-start}.consent input{margin:5px 0 0;width:17px;height:17px;accent-color:#71533d;flex:0 0 17px}.primary{width:100%;border:0;background:#382c24;color:#fff8ed;display:flex;justify-content:space-between;padding:18px 20px;margin-top:20px;cursor:pointer;border-radius:3px}.primary:disabled{background:#b9aea1;cursor:not-allowed}.primary span{font-size:22px;line-height:1}#message{font-size:13px;color:#895039}.canvas-panel{position:sticky;top:25px;background:#eee5d8;padding:22px;border-radius:3px}.canvas-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.canvas-top .eyebrow{margin:0}.canvas-top>span{font-size:10px;color:#87705e}.photo-canvas{background:#e3d8c8;position:relative;aspect-ratio:4/5;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:2px}.photo-canvas>img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}#placeholder{text-align:center}.outline-mark{font:italic 115px Georgia,serif;color:#b79b7b;opacity:.6}#placeholder p{font:32px/1.2 Georgia,serif;margin:8px 0 25px}#placeholder small{font-size:11px;color:#8c7964}.canvas-caption{font-size:11px;color:#7a6856;margin:18px 0}.book{display:block;border-top:1px solid #cdbca5;padding-top:15px;text-decoration:none;font-size:12px}.result-controls{display:flex;gap:6px;margin-top:12px;flex-wrap:wrap}.result-controls button{font-size:11px;border:1px solid #bca992;background:transparent;padding:8px;cursor:pointer}.result-controls button[aria-pressed=true]{background:#382c24;color:#fff}.busy{position:absolute;inset:0;background:#e6ddcfeb;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:13px}.busy p{font-size:11px}.spinner{width:30px;height:30px;border:2px solid #c5b29b;border-top-color:#74533b;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:22px}@keyframes spin{to{transform:rotate(360deg)}}.notes{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid #d8cdbf;margin:55px 0;padding:50px 0}.notes h2{font-size:36px;margin:18px 0}.notes article>p:not(.eyebrow){font-size:12px;color:#766a60}footer{display:flex;justify-content:space-between;gap:20px;padding:25px 5%;border-top:1px solid #d8cdbf;font-size:11px}@media(max-width:800px){main{padding:0 22px}.intro{padding-top:40px}.intro h1{letter-spacing:-1.5px}.studio{gap:24px;grid-template-columns:1fr}.canvas-panel{position:relative;top:auto;grid-row:1}.photo-canvas{aspect-ratio:4/3;max-height:380px}.step-heading{gap:12px}.notes{grid-template-columns:1fr;gap:25px;margin:25px 0;padding:30px 0}.colors{grid-template-columns:repeat(3,1fr)}header{padding:12px 22px}header img{width:120px}.back{font-size:11px}.canvas-top{margin-bottom:8px}.intro>p:not(.eyebrow){font-size:14px}.canvas-panel{padding:16px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Clear upload feedback and a full-size, mobile-friendly result. */
.upload-preview{display:flex;gap:18px;align-items:center;background:#e9e2d5;border:1px solid #c0b39e;padding:14px;margin-top:14px;border-radius:4px}.upload-preview-photo{padding:0;background:#ded2c0;border:0;cursor:zoom-in;flex:0 0 112px;overflow:hidden;border-radius:3px}.upload-preview-photo img{display:block;width:112px;height:150px;object-fit:contain}.upload-preview strong{font-size:14px;color:#47604b}.upload-preview p{font-size:11px;overflow-wrap:anywhere;margin:5px 0;color:#766a60}.upload-preview .upload-ready-note{font-size:12px;color:#332921;margin-top:10px}.upload-preview~#file-status.ready{color:#47604b;font-size:12px}.upload.has-photo{min-height:74px}.upload.has-photo .upload-icon,.upload.has-photo>span:not(.upload-icon),.upload.has-photo small{display:none}.studio{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.canvas-panel{scroll-margin-top:20px}.canvas-top{align-items:flex-start;gap:12px}.canvas-top h2{font-size:28px;margin:10px 0 5px}.canvas-top>span{max-width:100px;text-align:right}.photo-canvas{aspect-ratio:auto;min-height:400px;max-height:none;overflow:visible;display:block}.photo-canvas>img{position:static;display:block;width:100%;height:auto;max-height:none;object-fit:contain;cursor:zoom-in}.photo-canvas:has(>img:not([hidden])){min-height:0}.photo-canvas #placeholder{padding:35px 12px}.photo-canvas:has(.busy:not([hidden])){min-height:400px}.busy{padding:25px;text-align:center;border-radius:3px;min-height:400px}.result-controls{display:block}.compare-buttons{display:flex;flex-wrap:wrap;gap:7px}.result-controls button{min-height:44px;font-size:12px;padding:10px 12px}.compare-buttons #enlarge{width:100%;text-align:center}.save-actions{display:grid;grid-template-columns:1fr;gap:9px;margin-top:18px}.save-actions .primary{margin:0;padding:17px;display:block;width:100%;background:#382c24;color:#fff8ed;border:0;font-size:14px}.save-actions #download{background:#f6f2eb;font-size:13px}.canvas-panel.complete{border:1px solid #baa58a}.canvas-panel:focus,#result-heading:focus{outline:none}#image-viewer{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;padding:0;border:0;margin:0;background:#231d18;color:#fff8ed;overflow:auto}#image-viewer::backdrop{background:#231d18e8}.viewer-toolbar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;background:#231d18f5;padding:14px 20px}.viewer-toolbar strong{font-size:13px;font-weight:400}.viewer-toolbar button{background:#fff8ed;border:0;padding:10px 14px;min-height:44px;border-radius:3px;font-size:13px;cursor:pointer}#viewer-image{display:block;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 135px);object-fit:contain;margin:0 auto;touch-action:pan-x pan-y pinch-zoom;-webkit-touch-callout:default}#image-viewer>p{text-align:center;font-size:12px;padding:12px 20px;color:#d6c4b1}.result-jump{display:inline-block;margin-top:10px;text-decoration:underline;font-weight:600}#message.error{padding:14px;background:#f1e0d6}.intro{padding-bottom:22px}@media(max-width:800px){.studio{grid-template-columns:1fr}.canvas-panel{grid-row:auto;position:relative;order:2;padding:18px;margin-bottom:15px}.photo-canvas{aspect-ratio:auto;max-height:none;min-height:280px}.photo-canvas:has(.busy:not([hidden])){min-height:340px}.busy{min-height:340px}.photo-canvas>img{max-height:none}.canvas-top h2{font-size:30px}.upload-preview{gap:14px}.upload-preview-photo{flex-basis:100px}.upload-preview-photo img{width:100px;height:134px}.canvas-panel .save-actions .primary{padding:18px;font-size:15px}.result-controls button{min-height:48px}.canvas-top>span{font-size:11px}}
/* Upload-led introduction: see the change, then try it with your own photo. */
.upload-hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.12fr);grid-template-areas:'copy example' 'upload example';column-gap:48px;align-items:start;padding:48px 0 25px}.hero-copy{grid-area:copy}.hero-copy .eyebrow{font-size:10px;margin:0 0 20px}.hero-copy h1{font:clamp(46px,5.4vw,72px)/1.02 Georgia,serif;letter-spacing:-2.5px;font-weight:400;margin:0 0 22px}.hero-copy h1 em{color:#8c6757;font-weight:400}.hero-copy>p:last-child{font-size:15px;color:#766a60;max-width:390px;margin:0 0 28px}.hero-upload{grid-area:upload;padding:20px 0 0;margin:0}.hero-upload .step-heading{margin-bottom:15px}.hero-upload .step-heading h2{font:27px Georgia,serif}.hero-upload .step-heading p{font-size:12px;max-width:330px}.hero-upload .upload{min-height:150px;border:2px dashed #a28a6f;background:#eae1d4;transition:background .2s,border .2s}.hero-upload .upload:hover{border-color:#68513e;background:#e1d4c1}.hero-upload .upload strong{font-size:17px}.hero-upload .upload-icon{font-size:33px;line-height:1.25}.hero-upload .upload>span:not(.upload-icon){font-size:11px}.hero-upload .upload.has-photo{min-height:60px}.hero-upload .upload-preview-photo{flex-basis:124px}.hero-upload .upload-preview-photo img{width:124px;height:164px}.continue-look{display:block;margin-top:18px;text-align:center;padding:14px 16px;background:#382c24;color:#fff8ed;text-decoration:none;border-radius:3px;font-size:13px}.example-compare{grid-area:example;margin:0;align-self:center}.example-image{position:relative;border-radius:4px;overflow:hidden;background:#d8c5ad}.example-image>img{width:100%;height:auto;display:block}.example-labels{position:absolute;bottom:18px;left:0;right:0;display:grid;grid-template-columns:1fr 1fr;justify-items:center}.example-labels>span{display:inline-block;background:#f8f3e9ef;color:#423124;box-shadow:0 2px 12px #33292115;font-size:10px;letter-spacing:2px;padding:7px 14px;border-radius:3px}.example-labels>span:last-child{background:#382c24e8;color:#fff8ed}.example-arrow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:37px;height:37px;border-radius:50%;background:#fff8ed;display:grid;place-items:center;color:#72533c;font-size:23px;box-shadow:0 3px 12px #33292120}.example-compare figcaption{padding:14px 2px 0;line-height:1.5}.example-compare figcaption strong{display:block;font-size:13px;font-weight:500;margin-bottom:3px}.example-compare figcaption span{display:block;font-size:10px;color:#847569}.availability{font-size:12px;padding:12px 16px;margin:10px 0 28px}.choices-intro{padding:5px 0 22px;scroll-margin-top:25px}.choices-intro h2{font-size:32px}.choices-intro>p:last-child{font-size:12px;color:#766a60;margin-bottom:0}@media(max-width:800px){.upload-hero{grid-template-columns:1fr;grid-template-areas:'copy' 'example' 'upload';gap:0;padding-top:25px}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:12px}.hero-copy h1{font-size:44px;letter-spacing:-1.6px;margin-bottom:12px;line-height:1.04}.hero-copy h1 br{display:none}.hero-copy h1 em:before{content:' '}.hero-copy>p:last-child{font-size:13px;margin:0 0 19px;max-width:none}.example-compare{margin:0 0 20px}.example-image>img{width:100%;height:auto}.example-labels{bottom:12px}.example-labels>span{padding:5px 11px;font-size:9px}.example-arrow{width:31px;height:31px;font-size:20px}.example-compare figcaption{display:none}.hero-upload{padding-top:16px}.hero-upload .step-heading{margin-bottom:12px;gap:10px}.hero-upload .step-heading h2{font-size:25px;margin-bottom:5px}.hero-upload .step-heading p{font-size:11px;line-height:1.5;max-width:none}.hero-upload .upload{min-height:116px}.hero-upload .upload>span:not(.upload-icon),.hero-upload .upload small{font-size:10px}.hero-upload .upload strong{font-size:16px}.hero-upload .upload-icon{font-size:25px}.hero-upload #file-status{font-size:10px;margin-bottom:3px}.hero-upload .upload-preview-photo{flex-basis:110px}.hero-upload .upload-preview-photo img{width:110px;height:146px}.availability{margin-top:0}.choices-intro{padding-top:0}}
@media(max-width:800px){.example-compare figcaption{display:block;padding-top:7px}.example-compare figcaption strong{display:none}.example-compare figcaption span{font-size:9px;line-height:1.4}}
.compact-notes{max-width:800px;margin:35px auto 45px;border-top:1px solid #d8cdbf}.compact-notes details{border-bottom:1px solid #d8cdbf;padding:16px 0}.compact-notes summary{cursor:pointer;font-size:13px}.compact-notes p{font-size:12px;color:#766a60;max-width:680px}.studio:has(#look-result[hidden]){grid-template-columns:minmax(0,1fr);max-width:760px;margin-inline:auto}.color-questions{padding:18px;background:#eee5d8;border-radius:3px;margin:10px 0 20px}.color-questions h3{font:21px Georgia,serif;margin:0 0 16px}.color-questions>label{display:block;font-size:12px;margin:14px 0 5px}#file-status:empty{display:none}.hero-upload .upload-preview strong{font-size:14px}.final-step{padding-top:10px}.hero-copy>p:last-child{margin-bottom:22px}.step-heading{margin-bottom:18px}#advice{margin-bottom:0}.compact-notes details[open] summary{font-weight:600}
.team-access{margin-top:15px;border-bottom:1px solid #d8cdbf}.team-access>summary{padding:10px 0;display:flex;justify-content:flex-end;gap:8px;font-size:11px;cursor:pointer;list-style:none;color:#766a60}.team-access>summary::-webkit-details-marker{display:none}.team-access[open]>summary{color:#332921}.team-access-content{padding:22px;background:#ece4d7;border-radius:3px;margin-bottom:16px;display:grid;grid-template-columns:1fr auto;gap:12px 30px}.team-access h2{font-size:25px;letter-spacing:0}.team-access p{font-size:12px;max-width:600px;margin:8px 0 0;color:#766a60}.team-buttons{display:flex;flex-direction:column;justify-content:center;gap:13px;font-size:11px}.team-primary{display:inline-block;text-align:center;background:#382c24;color:#fff8ed;padding:13px 18px;text-decoration:none;border-radius:3px;min-height:44px}.team-buttons>a:not(.team-primary){text-align:center}.team-access .team-device-note{grid-column:1/-1;font-size:10px;border-top:1px solid #d8cdbf;padding-top:10px;margin-top:6px}#foto-kiezen{scroll-margin-top:20px}@media(max-width:800px){.team-access-content{grid-template-columns:1fr;gap:16px;padding:18px}.team-access h2{font-size:24px}.team-access>summary{padding-block:12px}}

.hair-wishes{margin:24px 0}.hair-wishes>label{display:block;font-size:13px;font-weight:500;margin-bottom:9px}.hair-wishes>label span{font-weight:400;color:#817469}.hair-wishes textarea{box-sizing:border-box;display:block;width:100%;min-height:125px;resize:vertical;border:1px solid #d5c9b9;border-radius:3px;padding:13px;background:#fbf8f3;color:#332921;font:inherit;font-size:14px;line-height:1.6}.hair-wishes textarea:focus-visible{outline:2px solid #88664f;outline-offset:2px}.hair-wishes textarea:disabled{opacity:.6}.wishes-meta{display:flex;align-items:flex-start;gap:12px;margin-top:8px;color:#817469;font-size:11px;line-height:1.6}.wishes-meta p{margin:0;flex:1}.wishes-meta>span{white-space:nowrap}