:root{--paper:#f8f5ef;--ink:#2e2729;--wine:#572538;--rose:#e4bcb8;--line:#d9d1c9;--muted:#73676a;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 'Helvetica Neue',Arial,sans-serif}button,input,select{font:inherit}button,a,input,summary,select{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button,a,input,select,summary{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #3568ab}h1,h2,h3,p{margin:0 0 20px}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.045em;line-height:1.04}h1{font-size:clamp(52px,6.2vw,94px);color:var(--wine)}h2{font-size:clamp(40px,4.6vw,67px)}h3{font-size:23px;font-weight:400;line-height:1.3}em{font-weight:400}.skip{position:absolute;left:20px;top:-70px;z-index:100;background:white;padding:10px}.skip:focus{top:5px}.conceptbar{display:flex;justify-content:space-between;padding:7px 5%;font-size:12px;gap:16px;background:var(--wine);color:#f9edea}.conceptbar a{text-decoration:underline}header{padding:25px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.wordmark{font:42px/.8 var(--serif);letter-spacing:-2px}.miniword{font:29px/1 var(--serif);letter-spacing:-1px}nav{display:flex;gap:30px;align-items:center;font-size:14px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:13px 23px;background:var(--wine);border:1px solid var(--wine);color:#fffaf5;font-size:14px;font-weight:500;transition:background .2s}.button:hover{background:#723c50}.button.small{min-height:43px;padding:10px 19px}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:500;margin-bottom:26px}.hero{padding:60px 6% 70px;display:grid;grid-template-columns:1.13fr 1fr;gap:7%;align-items:center;overflow:hidden;max-width:1600px;margin:auto}.hero h1{margin-bottom:25px}.lede{font-size:23px;line-height:1.4}.hero-detail{max-width:510px;font-size:16px;color:var(--muted);margin-bottom:28px}.signup label{display:block;font-size:14px;margin-bottom:10px}.email-row{display:flex;max-width:545px}.email-row .button{flex:none}.signup input{min-width:0;width:100%;min-height:54px;border:1px solid #b9a7ac;background:#fffdf9;padding:13px 16px;color:var(--ink);border-radius:0}.fine{font-size:12px;color:var(--muted);line-height:1.6;margin:12px 0}.demo-inline{color:#8b596a}.stage-note{font-size:13px;color:var(--muted);margin:22px 0 0}.hero-art{position:relative;padding:10px 26px 0 65px}.film{position:relative;width:100%;max-width:350px;margin:0 auto;background:#fcf7ee;box-shadow:0 25px 70px #57253824;transform:rotate(2deg);border:1px solid #cdbfbb;z-index:2}.film-top{display:flex;align-items:center;justify-content:space-between;padding:17px 19px;color:var(--wine)}.film-top>span:last-child{font-size:9px;letter-spacing:1.5px}.photo-stage{position:relative;overflow:hidden;height:520px;background:#c2b6ae}.portrait{position:absolute;inset:0;background-image:url('/images/mukelle/style-directions-maroon-hijab-palette.webp');background-size:300% auto;background-repeat:no-repeat;transition:opacity 1.1s ease,transform 6s ease;opacity:0}.portrait-reference{background-position:0% 0%;opacity:1}.portrait-tailored{background-position:50% 0%}.portrait-blue{background-position:100% 0%}.film[data-scene='1'] .portrait-reference{opacity:1;transform:scale(1.025)}.film[data-scene='2'] .portrait-tailored{opacity:1}.film[data-scene='3'] .portrait-blue{opacity:1}.input-chip,.guidance-chip,.result-chip{position:absolute;left:16px;bottom:22px;background:#fff8eced;padding:17px 20px;max-width:calc(100% - 32px);opacity:0;transform:translateY(10px);transition:opacity .7s,transform .7s;color:var(--wine)}.photo-stage strong{display:block;font:29px/1.06 var(--serif);margin-top:8px}.photo-stage p{font-size:11px;line-height:1.5;margin:10px 0 0}.photo-stage span{font-size:9px;letter-spacing:1.3px}.film[data-scene='0'] .input-chip,.film[data-scene='1'] .guidance-chip,.film[data-scene='2'] .result-chip,.film[data-scene='3'] .result-chip{opacity:1;transform:translateY(0)}.film[data-scene='2'] .result-chip,.film[data-scene='3'] .result-chip{background:#572538ef;color:#fff6ed}.photo-number{position:absolute;right:14px;top:15px;color:var(--wine);background:#fff8eecc;padding:4px 7px}.film-bottom{padding:13px 10px;display:flex;align-items:center;justify-content:space-between;gap:6px}.scene-buttons{display:flex;gap:6px}.scene-buttons button{border:0;border-bottom:1px solid transparent;background:none;padding:7px 1px;font-size:10px;color:#76666a}.scene-buttons [aria-pressed=true]{border-color:var(--wine);color:var(--wine)}.motion-toggle{background:none;color:var(--wine);padding:8px 5px;border:1px solid #cbbbc0;font-size:10px;min-width:47px}.mini-cover{position:absolute;z-index:3;left:0;bottom:72px;padding:25px 23px 20px;width:158px;min-height:205px;background:#572538;color:#f5e9db;box-shadow:0 15px 35px #42252a26;transform:rotate(-9deg)}.mini-cover>span{font-size:8px;letter-spacing:1.5px;line-height:1.5;display:block}.mini-cover p{font:35px/1.05 var(--serif);margin:22px 0}.mini-cover>span:last-child{font-size:6px;letter-spacing:.7px}.media-label{font-size:10px;line-height:1.5;margin:18px -25px 0;text-align:center;color:var(--muted)}.sweep{position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#fff7 48%,transparent 70%);transform:translateX(-110%);pointer-events:none;opacity:0}.film[data-scene='1'] .sweep{animation:reveal-light 1.6s ease both}.section{padding:94px 6%;border-top:1px solid var(--line)}.section-heading{display:grid;grid-template-columns:1.35fr 1fr;gap:12%;align-items:end;margin-bottom:45px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:425px;color:var(--muted);font-size:18px;margin:0 0 5px}.recognition{background:#efe8e2}.recognition .eyebrow{color:var(--wine)}.pain-grid,.trust-grid,.book-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.pain-grid article{border-top:1px solid #c8b9b9;padding-top:23px}.pain-grid article>span{font-size:12px;color:#986779;display:block;margin-bottom:28px}.pain-grid h3{font-family:var(--serif);font-size:29px}.pain-grid p,.trust-grid p{font-size:16px;color:var(--muted);margin:0}.how-grid{display:grid;grid-template-columns:.9fr 1fr;gap:10%;align-items:center}.image-pair{height:575px;position:relative;isolation:isolate}.pair-photo{position:absolute;width:55%;height:465px;background-image:url('/images/mukelle/style-directions-maroon-hijab-palette.webp');background-size:300% auto;background-repeat:no-repeat;box-shadow:0 12px 40px #4021261f}.pair-first{background-position:0 0;left:0;top:15px;transform:rotate(-5deg);z-index:0}.pair-second{background-position:50% 0;right:0;top:70px;transform:rotate(4deg);z-index:1}.pair-label{position:absolute;bottom:0;left:13%;z-index:2;padding:18px 22px;background:var(--wine);color:white;transform:rotate(-2deg)}.pair-label span{display:block;font-size:9px;letter-spacing:1.5px}.pair-label strong{font:29px/1.1 var(--serif);display:block;margin-top:10px}.method-steps article{display:flex;gap:22px;padding:26px 0;border-top:1px solid var(--line)}.step-number{color:#a16f7e;font-size:12px;padding-top:5px}.method-steps h3{font-size:23px;margin-bottom:10px}.method-steps p{font-size:16px;color:var(--muted);margin:0 0 14px}.source-tag{display:inline-block;padding:4px 9px;border:1px solid #b9b5a6;font-size:11px;letter-spacing:.2px;background:#efefe4;color:#555348}.source-tag.pink{background:#f0dce2;border-color:#d7b5c3;color:var(--wine)}.source-tags{display:flex;gap:7px}.method-steps .example-line{font-size:13px;margin:12px 0 0}.taste{background:#e9e9e1}.editorial-strip{position:relative;max-height:620px;overflow:hidden;background:#c7c0b4}.editorial-strip img{display:block;width:100%;height:auto;max-height:620px;object-fit:cover;object-position:center 40%}.editorial-caption{position:absolute;bottom:0;left:0;right:0;padding:45px 35px 25px;background:linear-gradient(transparent,#30252b8c);display:flex;justify-content:space-between;align-items:end;color:white;font-size:11px;letter-spacing:1.5px}.garment-line{font-size:13px;word-spacing:4px;line-height:1.9;margin:23px 0 0;text-align:center;color:var(--muted)}.book{background:var(--wine);color:var(--paper);overflow:hidden}.book .section-heading>p{color:#dec8cf}.book-spread{display:grid;grid-template-columns:1fr 1fr;max-width:790px;margin:65px auto 70px;transform:rotate(-3deg);box-shadow:0 25px 70px #25091655;position:relative}.book-spread:after{content:'';position:absolute;left:50%;top:0;bottom:0;width:24px;background:linear-gradient(90deg,#36272b1f,transparent);pointer-events:none}.book-page{background:#f6eedf;color:var(--wine);padding:32px 35px;position:relative;min-height:590px}.book-cover{background:#e9c7c1}.book-cover h3{font:39px/1 var(--serif);letter-spacing:-1.4px;margin:28px 0 20px}.cover-photo{height:300px;width:74%;margin:auto;background-image:url('/images/mukelle/style-directions-maroon-hijab-palette.webp');background-position:50% 5%;background-size:300% auto;overflow:hidden}.book-foot{font-size:8px;letter-spacing:1px;display:block;margin-top:20px}.book-inside{padding-top:55px}.book-inside .eyebrow{font-size:9px}.book-inside h3{font:48px/1.05 var(--serif);letter-spacing:-1.7px;margin:35px 0}.book-inside>p:not(.eyebrow){font-size:15px}.colour-line{display:flex;gap:9px;margin:28px 0}.colour-line span{width:29px;height:29px;border-radius:50%;background:#703542}.colour-line span:nth-child(2){background:#ddd2b7}.colour-line span:nth-child(3){background:#634c41}.colour-line span:nth-child(4){background:#2e50a1}.book-annotation{border-top:1px solid #c7b4ac;padding-top:22px;margin-top:22px}.book-annotation p{font-size:13px;margin:12px 0 0}.book-benefits{margin-bottom:40px}.book-benefits article{border-top:1px solid #986777;padding-top:22px}.book-benefits span{font-size:10px;letter-spacing:1.5px;color:#dcb8c7}.book-benefits h3{font:26px/1.2 var(--serif);margin-top:18px}.book-benefits p{font-size:15px;color:#dec8cf}.light{background:var(--paper);color:var(--wine);border-color:var(--paper)}.light:hover{background:#e6d5d8}.light-fine{color:#d7b9c5;max-width:700px;margin-top:20px}.trust-grid article{padding:25px 0;border-top:1px solid var(--line)}.trust-grid h3{font-family:var(--serif);font-size:29px}.faq{display:grid;grid-template-columns:.8fr 1fr;gap:10%;background:#eee9e3}.faq-items details{border-top:1px solid #ccbec2}.faq-items details:last-child{border-bottom:1px solid #ccbec2}.faq summary{padding:22px 25px 22px 0;font-size:17px;cursor:pointer;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:0;top:19px;font-size:23px}.faq details[open] summary:after{content:'−'}.faq details p{font-size:15px;color:var(--muted);padding-right:25px}.waitlist{display:grid;grid-template-columns:1.2fr 1fr;gap:12%;align-items:center;background:#e0d4d5}.waitlist h2{font-size:clamp(48px,5vw,74px);color:var(--wine)}.waitlist>div>p:not(.eyebrow){max-width:430px}.closing-signup{padding:33px;background:var(--paper)}.closing-signup .button{width:100%;margin-top:12px}.closing-signup .fine{margin-bottom:0}.form-error{font-size:14px;color:#9a1838;padding-top:12px}.form-success{background:#eee2dd;color:var(--wine);padding:20px;font-size:15px;margin-top:15px}.form-success p{margin:10px 0}.form-success label{margin-top:15px}.form-success select{width:100%;padding:10px;background:#fffaf3;border:1px solid #b995a2;border-radius:0;font-size:14px}footer{padding:45px 6%;display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center}footer p{margin:0;text-align:right;font-size:14px}footer>div{display:flex;gap:22px;flex-wrap:wrap;font-size:13px}footer>span{text-align:right;color:var(--muted);font-size:12px}.footer-link{font-size:13px;border:0;padding:0;background:none;color:inherit;text-decoration:underline}dialog{max-width:570px;width:calc(100% - 40px);padding:40px;border:1px solid #c7b6bc;background:var(--paper);color:var(--ink)}dialog h2{font-size:36px;margin:35px 0 22px}dialog p{font-size:16px}dialog::backdrop{background:#21131999}.close-button{float:right;padding:8px 15px;background:var(--wine);border:0;color:white;font-size:13px}[hidden]{display:none!important}
@keyframes reveal-light{0%{opacity:0;transform:translateX(-110%)}25%{opacity:.55}100%{opacity:0;transform:translateX(110%)}}@media(min-width:1500px){.section,header,footer{padding-left:max(6%,calc((100vw - 1360px)/2));padding-right:max(6%,calc((100vw - 1360px)/2))}}@media(max-width:1100px){.hero{gap:4%;padding-left:5%;padding-right:5%}.hero-art{padding-left:32px;padding-right:0}.film{max-width:305px}.photo-stage{height:470px}.mini-cover{width:130px;left:-10px;padding:20px;min-height:180px}.mini-cover p{font-size:29px}.hero h1{font-size:65px}.lede{font-size:21px}.email-row{flex-direction:column}.email-row .button{margin-top:8px}.section-heading{gap:6%}.how-grid{gap:6%}.pair-photo{height:400px}.image-pair{height:500px}}@media(max-width:760px){header{padding:23px 6%;height:82px}.wordmark{font-size:37px}nav>a:not(.button){display:none}nav .button{font-size:12px;padding:9px 13px;min-height:39px}.conceptbar{font-size:10px;padding:7px 6%}.hero{display:flex;flex-direction:column;padding:42px 6% 50px;gap:42px;align-items:stretch}.hero h1{font-size:clamp(48px,12vw,70px);letter-spacing:-.047em}.hero .eyebrow{font-size:10px;margin-bottom:23px}.hero .lede{font-size:20px}.hero-detail{font-size:15px;max-width:540px}.email-row{flex-direction:row}.email-row .button{margin-top:0;font-size:12px;padding:12px;min-width:120px}.signup input{font-size:15px}.hero-art{max-width:390px;width:100%;margin:auto;padding:0 10px 0 35px}.film{max-width:305px;transform:rotate(1.5deg)}.photo-stage{height:475px}.mini-cover{left:-4px;bottom:60px;width:122px;padding:18px;min-height:165px}.mini-cover p{font-size:29px;margin:18px 0}.media-label{font-size:9px;margin:18px 0 0}.section{padding:62px 6%}.section-heading{grid-template-columns:1fr;gap:22px;margin-bottom:34px}.section-heading>p{font-size:16px;max-width:540px}.section-heading h2{font-size:42px}.pain-grid,.trust-grid,.book-benefits{grid-template-columns:1fr;gap:28px}.pain-grid article>span{margin-bottom:18px}.pain-grid h3,.trust-grid h3{font-size:27px}.how-grid{grid-template-columns:1fr;gap:35px}.image-pair{height:465px;max-width:420px;width:100%;margin:auto}.pair-photo{height:380px}.pair-first{top:0}.pair-second{top:40px}.pair-label{bottom:0}.method-steps article{padding:23px 0}.editorial-strip{height:380px}.editorial-strip img{height:100%;object-fit:cover;object-position:50% center}.editorial-caption{padding:40px 18px 18px;font-size:8px;letter-spacing:1px}.garment-line{font-size:12px;word-spacing:0}.book-spread{margin:45px 0;transform:rotate(-2deg)}.book-page{padding:19px 17px;min-height:425px}.book-cover .miniword{font-size:22px}.book-cover h3{font-size:27px;margin:23px 0}.cover-photo{width:100%;height:230px}.book-foot{font-size:6px;letter-spacing:.4px}.book-inside{padding-top:28px}.book-inside .eyebrow{font-size:7px;letter-spacing:.8px;margin-bottom:15px}.book-inside h3{font-size:31px;margin:22px 0}.book-inside>p:not(.eyebrow){font-size:11px}.colour-line{gap:5px;margin:20px 0}.colour-line span{width:20px;height:20px}.book-annotation{padding-top:15px;margin-top:15px}.book-annotation .source-tag{font-size:8px}.book-annotation p{font-size:10px}.book-benefits{gap:20px}.book-benefits h3{font-size:26px;margin:15px 0 10px}.book-benefits p{margin:0}.faq,.waitlist{grid-template-columns:1fr;gap:26px}.faq h2{font-size:45px}.waitlist h2{font-size:53px}.closing-signup{padding:24px}footer{grid-template-columns:1fr;gap:22px}footer p,footer>span{text-align:left}footer>div{gap:17px}}@media(max-width:380px){.email-row{flex-direction:column}.email-row .button{margin-top:8px}.hero-art{padding-left:20px}.film{max-width:280px}.photo-stage{height:450px}.mini-cover{width:108px;left:-3px}.mini-cover p{font-size:25px}.book-spread{grid-template-columns:1fr;max-width:270px;margin-left:auto;margin-right:auto;transform:none}.book-page{min-height:0;padding:25px}.book-spread:after{display:none}.cover-photo{height:320px}.book-inside h3{font-size:40px}.book-inside>p:not(.eyebrow),.book-annotation p{font-size:14px}.book-foot{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.film,.mini-cover,.pair-photo,.pair-label,.book-spread{transform:none}}body[data-motion=off] .sweep{animation:none!important}body[data-motion=off] .portrait{transition:none!important}

/* The middle scene is a distinct guidance composition, rather than a second copy of the photo. */
.film[data-scene='1'] .portrait-reference{opacity:0;transform:none}
.film[data-scene='1'] .sweep{display:none}
.guidance-board{position:absolute;inset:0;background:var(--paper);color:var(--wine);padding:24px 22px;display:flex;flex-direction:column;gap:14px;overflow:auto}
.guidance-board .eyebrow{margin:0;font-size:var(--text-meta);padding-right:58px}
.guidance-board h3{font:400 29px/1.1 var(--font-display);letter-spacing:-.025em;margin:0}
.guidance-context{display:grid;grid-template-columns:76px 1fr;gap:16px;align-items:center}
.guidance-portrait{height:118px;background-image:url('/images/mukelle/style-directions-maroon-hijab-palette.webp');background-size:300% auto;background-position:0 0;background-repeat:no-repeat}
.guidance-board .source-tag{font-size:var(--text-meta);letter-spacing:0}
.photo-stage .guidance-board p{font-size:var(--text-label);line-height:1.4;margin:8px 0 0}
.guidance-board .eyebrow{font-size:var(--text-meta);line-height:1.4}
.guidance-reason{border-top:var(--border);padding-top:12px}
.guidance-swatches{display:flex;gap:7px}
.guidance-swatches i{width:24px;height:16px;background:#703542;border:1px solid #0001}
.guidance-swatches i:nth-child(2){background:#f1e7d7}
.guidance-swatches i:nth-child(3){background:#50372d}
.guidance-line{border-left:2px solid var(--wine);padding-left:12px}
.guidance-board b{font-weight:500}
.film-navigation{grid-column:1/-1;display:flex;align-items:center;gap:6px;border-top:var(--border);padding-top:8px}
.film-navigation button{font:400 var(--text-meta)/1.2 var(--font-body);min-height:44px;min-width:44px;padding:6px;background:transparent;border:1px solid var(--control-line);color:var(--wine)}
.film-navigation #demo-status{font-size:var(--text-meta);line-height:1.25;letter-spacing:0;flex:1;text-align:center;color:var(--muted)}
@media(max-width:380px){.guidance-board{padding:20px 16px;gap:12px}.guidance-board h3{font-size:27px}.guidance-context{grid-template-columns:66px 1fr;gap:12px}.guidance-portrait{height:102px}.photo-stage .guidance-board p{font-size:13px}.film-navigation{gap:4px}.film-navigation button{padding:4px}}