/* Editorial case study: retain the original henna universe and beige surface. */
body[data-project=nabyhuda]{background:#efe0d4;color:#40362e;overflow-x:clip}
.huda-opening{position:relative;margin:0;isolation:isolate;background:#efe0d4;height:calc(100svh - 80px);min-height:480px;display:grid;place-items:center;overflow:hidden}
.huda-opening>img{width:100%;height:100%;object-fit:contain;min-height:0}
.huda-opening-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:24px;padding:48px 5vw 22px;background:linear-gradient(transparent,#efe0d4);color:#762816;font-size:12px;letter-spacing:.08em}
.huda-opening-bottom a{border-bottom:1px solid currentColor;align-self:end;padding:8px 0}
body[data-project=nabyhuda] .wrap{max-width:1500px}
body[data-project=nabyhuda] .heading{padding:clamp(56px,7vw,108px) 0 40px;grid-template-columns:1.2fr 1fr}
body[data-project=nabyhuda] .heading h1{font-size:clamp(3.2rem,7.8vw,8rem);line-height:1;letter-spacing:-.035em;overflow-wrap:anywhere}
body[data-project=nabyhuda] .lead{font-family:'Instrument Serif',Georgia,serif;font-size:clamp(2rem,3.6vw,3.7rem);line-height:1.12;max-width:23ch}
body[data-project=nabyhuda] .eyebrow,body[data-project=nabyhuda] .chapters{font-size:12px;letter-spacing:.12em}
body[data-project=nabyhuda] .section{padding:clamp(56px,7vw,108px) 0}
body[data-project=nabyhuda] .section h2{font-size:clamp(2.8rem,5.6vw,6rem);line-height:1.03;letter-spacing:-.035em;color:#762816}
body[data-project=nabyhuda] .copy{font-size:17px;line-height:1.85}
body[data-project=nabyhuda] .rituals{margin-top:40px;gap:16px}
body[data-project=nabyhuda] .rituals .image-button{border-radius:16px;overflow:hidden;display:block}
body[data-project=nabyhuda] .rituals img{aspect-ratio:3/4;object-fit:cover}
body[data-project=nabyhuda] .rituals figcaption{font-size:12px}
.huda-logo-shell{max-width:1000px;margin:40px auto 0;padding:8px 4px;overflow:hidden}
body[data-project=nabyhuda] #huda-logo-stack.is-stacked{display:block;position:relative;overflow:hidden;touch-action:pan-y;user-select:none;margin:0}
body[data-project=nabyhuda] #huda-logo-stack.is-stacked figure{position:absolute;left:50%;top:30px;width:min(72%,580px);margin:0;transform:translateX(calc(-50% + var(--stack-x,0%))) scale(var(--stack-scale,1));z-index:var(--stack-z,1);filter:blur(var(--stack-blur,0px));opacity:var(--stack-opacity,1);background:#efe0d4;border:1px solid #76281625;border-radius:20px;overflow:hidden;box-shadow:0 14px 35px #40362e20}
body[data-project=nabyhuda] #huda-logo-stack.is-ready figure{transition:transform .4s,filter .4s,opacity .4s}
body[data-project=nabyhuda] #huda-logo-stack .image-button{display:block;aspect-ratio:4/3;background:transparent}
body[data-project=nabyhuda] #huda-logo-stack img{width:100%;height:100%;aspect-ratio:auto;object-fit:contain;padding:clamp(16px,4vw,48px)}
body[data-project=nabyhuda] #huda-logo-stack figcaption{min-height:52px;padding:14px 20px;font-size:12px}
.huda-logo-controls{display:flex;justify-content:space-between;align-items:center;max-width:700px;margin:20px auto 0;gap:20px;font-size:12px;color:#762816}
.huda-logo-controls>div{display:flex;gap:10px}.huda-logo-controls button{width:44px;height:44px;border:1px solid currentColor;border-radius:50%;background:transparent;color:inherit;font-size:28px;cursor:pointer}
body[data-project=nabyhuda] .palette{gap:0;border-radius:16px;overflow:hidden;border:1px solid #76281630;margin-top:40px}
body[data-project=nabyhuda] .palette .swatch{height:clamp(120px,16vw,220px);border:0}
body[data-project=nabyhuda] .palette p{font-size:12px;padding:12px;margin:0}
@media(max-width:700px){.huda-opening{height:auto;min-height:0;aspect-ratio:1}.huda-opening-bottom{font-size:10px;padding:32px 5vw 12px;align-items:end}.huda-opening-bottom span{max-width:20ch}.huda-opening-bottom a{max-width:13ch}body[data-project=nabyhuda] .heading{grid-template-columns:1fr;gap:24px}body[data-project=nabyhuda] .split{gap:24px}body[data-project=nabyhuda] .copy{font-size:16px}body[data-project=nabyhuda] .rituals{gap:10px}body[data-project=nabyhuda] .palette{grid-template-columns:repeat(3,1fr)}body[data-project=nabyhuda] #huda-logo-stack.is-stacked figure{width:78%;top:24px;border-radius:14px}.huda-logo-controls{margin-top:12px}}
@media(prefers-reduced-motion:reduce){body[data-project=nabyhuda] #huda-logo-stack.is-ready figure{transition:none}}