.mahd-poster{mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent),linear-gradient(transparent,#000 15%,#000 92%,transparent);mask-composite:intersect}.mahd-heading h1{font-weight:400!important}

.mahd-model img,.mahd-model canvas{mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent),linear-gradient(transparent,#000 5%,#000 97%,transparent);mask-composite:intersect}

.mahd-model{isolation:isolate}.mahd-model .mahd-poster,.mahd-model canvas{z-index:3}
.mahd-model img.mahd-ghost{visibility:visible;pointer-events:none;z-index:2;opacity:.46;filter:blur(.6px);transform:translateX(var(--ghost-x)) scale(.87);transform-origin:50% 100%;mask-image:linear-gradient(90deg,transparent,#000 28%,#000 72%,transparent),linear-gradient(transparent,#000 8%,#000 94%,transparent);mask-composite:intersect}
.mahd-ghost-left{--ghost-x:-225px}.mahd-ghost-right{--ghost-x:225px}
.mahd-model img.mahd-ghost-far-left,.mahd-model img.mahd-ghost-far-right{z-index:1;opacity:.2;filter:blur(1.3px);transform:translateX(var(--ghost-x)) scale(.77)}
.mahd-ghost-far-left{--ghost-x:-425px}.mahd-ghost-far-right{--ghost-x:425px}
@media(max-width:749px){.mahd-model{width:230px;max-width:62vw}.mahd-ghost-left{--ghost-x:-90px}.mahd-ghost-right{--ghost-x:90px}.mahd-ghost-far-left{--ghost-x:-165px}.mahd-ghost-far-right{--ghost-x:165px}.mahd-model img.mahd-ghost{opacity:.4}}

.mahd-model.has-frame img.mahd-ghost{visibility:visible}

.mahd-model canvas.mahd-ghost{visibility:hidden;pointer-events:none;z-index:2;opacity:.46;filter:blur(.6px);transform:translateX(var(--ghost-x)) scale(.87);transform-origin:50% 100%;mask-image:linear-gradient(90deg,transparent,#000 28%,#000 72%,transparent),linear-gradient(transparent,#000 8%,#000 94%,transparent);mask-composite:intersect}
.mahd-model canvas.mahd-ghost.pose-ready{visibility:visible}
.mahd-model canvas.mahd-ghost-far-left,.mahd-model canvas.mahd-ghost-far-right{z-index:1;opacity:.2;filter:blur(1.3px);transform:translateX(var(--ghost-x)) scale(.77)}
@media(max-width:749px){.mahd-model canvas.mahd-ghost{opacity:.4}.mahd-model canvas.mahd-ghost-far-left,.mahd-model canvas.mahd-ghost-far-right{opacity:.2}}

.mahd-model.has-frame canvas.mahd-ghost{opacity:.46}.mahd-model.has-frame canvas.mahd-ghost-far-left,.mahd-model.has-frame canvas.mahd-ghost-far-right{opacity:.2}

#shopify-section-mahd-header{height:0}.mahd-nav{position:fixed;top:0;left:0;right:0;z-index:30}.mahd-showcase.is-sequence .mahd-stage{padding-top:110px;min-height:0}.mahd-showcase.is-sequence .mahd-model{height:calc(100svh - 490px);min-height:160px}@media(max-width:749px){.mahd-showcase.is-sequence .mahd-stage{padding-top:95px}.mahd-showcase.is-sequence .mahd-model{height:calc(100svh - 425px);min-height:160px}}

.mahd-showcase .mahd-scroll-cue{top:120px}

.mahd-showcase .mahd-eyebrow{display:none}
.mahd-nav .mahd-wordmark{font-size:0;letter-spacing:0;padding:0;width:108px;height:44px;background:url('https://mahd.ae/cdn/shop/files/mahd_logo_header.png?height=72&v=1784184068') center/contain no-repeat}
.mahd-model>canvas:not(.mahd-ghost),.mahd-model>.mahd-poster{mask-image:linear-gradient(90deg,transparent 10%,#000 35%,#000 65%,transparent 90%),linear-gradient(transparent,#000 8%,#000 90%,transparent);mask-composite:intersect}

/* Wide-screen hero: give the sleepwear more of the first viewport. */
@media(min-width:1000px){.mahd-showcase.is-sequence .mahd-stage{height:100svh;min-height:0;padding-top:100px;padding-bottom:20px}.mahd-showcase .mahd-heading h1{font-size:clamp(48px,4.1vw,66px);max-width:600px;line-height:1.02}.mahd-showcase .mahd-subtitle{margin-top:16px;font-size:10px}.mahd-showcase.is-sequence .mahd-model{flex:1 1 auto;height:calc(100svh - 360px);min-height:120px;width:min(46vw,calc((100svh - 360px)*.72));max-width:none;margin-top:6px}.mahd-showcase .mahd-benefits{margin-top:8px;margin-bottom:10px}.mahd-showcase .mahd-controls{margin-top:20px}.mahd-showcase .mahd-ghost-left{--ghost-x:clamp(210px,18vw,320px)}.mahd-showcase .mahd-ghost-right{--ghost-x:clamp(-320px,-18vw,-210px)}.mahd-showcase .mahd-ghost-far-left{--ghost-x:clamp(-570px,-33vw,-390px)}.mahd-showcase .mahd-ghost-far-right{--ghost-x:clamp(390px,33vw,570px)}}

@media(min-width:1000px){.mahd-showcase .mahd-ghost-left{--ghost-x:clamp(-320px,-18vw,-210px)}.mahd-showcase .mahd-ghost-right{--ghost-x:clamp(210px,18vw,320px)}}
mahd-showcase{display:block;background:#f1e9df;color:#292620;position:relative}.mahd-stage{height:auto;min-height:900px;position:relative;display:flex;align-items:center;flex-direction:column;padding:40px 24px 30px;overflow:hidden;background:radial-gradient(ellipse at 50% 48%,#f8f3eb00 15%,#f1e9df 78%)}.mahd-showcase.is-sequence{height:calc((100 + var(--scroll-length))*1vh)}.is-sequence .mahd-stage{position:sticky;top:0;height:100svh;min-height:700px}.mahd-heading{z-index:2;text-align:center}.mahd-eyebrow{font-size:10px;letter-spacing:.25em;text-transform:uppercase;margin:0 0 17px;color:#81766a}.mahd-heading h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(42px,5.8vw,90px);line-height:1.03;letter-spacing:-.055em;max-width:740px;margin:0 auto;text-wrap:balance}.mahd-subtitle{font-size:11px;letter-spacing:.28em;text-transform:uppercase;margin:24px 0 0;color:#82796d}.mahd-model{position:relative;width:420px;height:530px;max-width:86vw;flex-shrink:1;min-height:230px;margin:10px auto 0}.mahd-model img,.mahd-model canvas{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;mix-blend-mode:multiply}.mahd-model canvas{opacity:0}.mahd-model.has-frame canvas{opacity:1}.mahd-model.has-frame img{visibility:hidden}.mahd-scroll-cue{position:absolute;top:60px;right:5%;border:1px solid #cfc3b5;border-radius:50%;height:100px;width:100px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;font-size:9px;letter-spacing:.22em;line-height:1.8;color:inherit;text-decoration:none}.mahd-scroll-cue span{position:absolute;top:108px;font-size:26px;color:#a99c8d}.mahd-orbit{border-bottom:1px solid #cbbfb1;border-radius:50%;width:min(65vw,830px);height:35px;margin-top:-12px;position:relative;flex-shrink:0}.mahd-orbit span{position:absolute;left:50%;bottom:-13px;transform:translateX(-50%);background:#f1e9df;padding:0 16px;font-size:12px;letter-spacing:.16em;color:#958879}.mahd-controls{margin-top:27px;z-index:2;text-align:center}.mahd-swatches{display:flex;justify-content:center;gap:24px}.mahd-swatches button{font:inherit;font-size:11px;display:flex;gap:8px;align-items:center;background:none;border:0;padding:8px;color:#877b70;cursor:pointer;min-height:44px}.mahd-swatches i{width:15px;height:15px;border-radius:50%;display:block;outline:1px solid transparent;outline-offset:4px}.mahd-swatches [aria-pressed=true] i{outline-color:#8d7a65}.mahd-swatches [aria-pressed=true]{color:#302820}.mahd-status{font-size:10px;margin:0;min-height:15px;color:#887b6b}.mahd-benefits{display:flex;justify-content:space-between;width:min(650px,90vw);margin:14px auto 20px;text-align:center;color:#8e8376}.mahd-benefits>span{font-size:29px;line-height:1.2;width:33%}.mahd-benefits small{display:block;font:9px/1.8 sans-serif;letter-spacing:.22em;margin-top:8px}.mahd-shop{font-size:11px;letter-spacing:.06em;color:#514639;text-decoration:none;border-bottom:1px solid #afa08e;padding-bottom:6px}.mahd-shop span{margin-left:35px}.mahd-draft-note{font-size:9px;color:#928679;margin:14px 0 0}.is-sequence .mahd-model{height:calc(100svh - 400px)}@media(max-width:749px){.mahd-stage{min-height:780px;padding:30px 16px 25px}.mahd-heading h1{font-size:48px;max-width:350px}.mahd-eyebrow{font-size:8px}.mahd-subtitle{font-size:8px;letter-spacing:.2em;margin-top:17px}.mahd-scroll-cue{display:none}.mahd-model{height:410px;width:280px;margin-top:18px}.mahd-benefits{margin-top:12px}.mahd-benefits small{font-size:7px;letter-spacing:.16em}.mahd-orbit{width:85vw}.is-sequence .mahd-stage{min-height:600px;padding-top:18px}.is-sequence .mahd-model{height:calc(100svh - 330px)}.is-sequence .mahd-heading h1{font-size:37px}.is-sequence .mahd-subtitle{margin-top:12px}.is-sequence .mahd-benefits{margin:7px auto}.is-sequence .mahd-benefits>span{font-size:20px}.is-sequence .mahd-controls{margin-top:20px}}@media(prefers-reduced-motion:reduce){.mahd-showcase.is-sequence{height:auto}.is-sequence .mahd-stage{position:relative;height:auto;min-height:780px}.is-sequence .mahd-model{height:410px}}