*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;font:16px/1.75 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:auto}header{padding:22px 4vw;display:flex;align-items:center;justify-content:space-between;gap:24px}header nav{display:flex;gap:24px;flex-wrap:wrap;font-size:14px}.brand{font:24px 'Italiana',Georgia,serif}.story-section{padding:clamp(48px,7vw,110px) 5vw}.story-intro{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start}.eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:14px}.story-title{font:400 clamp(2.7rem,5vw,6rem)/1.12 'Italiana',Georgia,serif;letter-spacing:-.025em;margin:18px 0 30px}.story-text{max-width:58ch}.story-text p{margin:0 0 20px}.story-meta{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-top:24px;margin-top:28px;border-top:1px solid #bfa597}.story-meta dt{font-size:14px;font-weight:500}.story-meta dd{margin:8px 0 0;font-size:14px}.story-chapters{display:flex;flex-wrap:wrap;gap:24px;padding:24px 5vw;background:#f0dfd4;font-size:14px}.story-chapters a{display:flex;align-items:center;min-height:40px}.story-identity{background:#f4eade}.identity-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:24px;margin-top:40px}.identity-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-content:center}.story-figure{margin:0;min-width:0}.story-figure button{display:block;border:0;padding:0;background:transparent;width:100%;cursor:zoom-in}.story-figure figcaption{font-size:14px;padding:14px 0 0;line-height:1.6}.story-figure img{height:auto;object-fit:contain}.story-palette{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px}.story-swatch{height:100px}.story-palette p{font-size:14px;margin:12px 0 0}.story-illustrations{background:#e4d7b9}.illustration-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;margin-top:40px;align-items:center}.illustration-grid img{max-height:530px;object-fit:contain}.story-collection{background:#651d20;color:#fff4ea}.collection-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:32px;margin-top:40px;align-items:start}.collection-grid .story-figure:first-child{grid-row:span 2}.story-shooting{background:#f0dfd4}.shooting-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 24px;align-items:start;margin-top:40px}.shooting-grid .story-figure:nth-child(4){grid-column:span 2}.story-merch{background:#30231e;color:#fff4ea}.merch-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px 24px;margin-top:40px}.closing{text-align:center;padding:80px 5vw}.closing .story-title{max-width:18ch;margin:0 auto 30px}.closing a{display:inline-flex;min-height:44px;align-items:center;border-bottom:1px solid currentColor;margin:10px 14px}footer{padding:28px 5vw;display:flex;justify-content:space-between;gap:24px;font-size:14px}dialog{width:min(92vw,1200px);max-height:94svh;border:0;padding:16px;background:#f4eade}dialog::backdrop{background:rgba(25,10,13,.88)}dialog img{max-height:80svh;object-fit:contain}dialog button{display:block;margin:0 0 16px auto;min-height:44px;padding:8px 16px;background:#651d20;color:#fff4ea;border:0;font:inherit;cursor:pointer}.story-figure button:focus-visible,dialog button:focus-visible{outline:3px solid currentColor;outline-offset:5px}@media(max-width:900px){.story-intro{grid-template-columns:1fr;gap:20px}.identity-grid{grid-template-columns:1fr}.shooting-grid{grid-template-columns:1fr 1fr}.shooting-grid .story-figure:nth-child(4){grid-column:auto}.illustration-grid{gap:16px}}@media(max-width:600px){header{flex-direction:column;align-items:flex-start;gap:12px}header nav{gap:20px}.story-chapters{gap:8px 20px}.story-title{font-size:clamp(2.5rem,10vw,3.5rem)}.story-meta{grid-template-columns:1fr}.collection-grid,.shooting-grid,.merch-grid{grid-template-columns:1fr;gap:28px}.collection-grid .story-figure:first-child{grid-row:auto}.story-palette{grid-template-columns:1fr 1fr;gap:16px}.illustration-grid{grid-template-columns:1fr}.illustration-grid img{max-height:500px}.identity-pair{gap:12px}footer{flex-direction:column;gap:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Selected original illustrations, presented without cropping. */
.curated-illustrations{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 28px;align-items:start}.curated-illustrations button{background:#fff4ea}.curated-illustrations img{aspect-ratio:1;max-height:none;object-fit:contain}.curated-illustrations .story-figure:first-child button{padding:6%}.curated-illustrations .story-figure:first-child img{aspect-ratio:1;width:100%;height:auto}@media(max-width:600px){.curated-illustrations{grid-template-columns:1fr;gap:28px}}

.curated-illustrations .illustration-piments{grid-column:1 / -1;width:min(100%,640px);justify-self:center}
/* Match Luluaa's compact photographic grid in these two Mash & Moum sections. */
#shooting .shooting-grid,#accessoires .merch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:start;max-width:1180px;margin:40px auto 0;padding:0}
#shooting .shooting-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:580px}
#shooting .shooting-grid .story-figure,#accessoires .merch-grid .story-figure{grid-column:auto;grid-row:auto;margin:0;min-width:0}
#shooting .shooting-grid .story-figure button,#accessoires .merch-grid .story-figure button{display:block;width:100%;position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:18px;padding:0}
#shooting .shooting-grid img,#accessoires .merch-grid img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
#shooting .shooting-grid .story-figure:nth-child(1) img{object-position:50% 45%}
#shooting .shooting-grid .story-figure:nth-child(2) img{object-position:58% 45%}
#accessoires .merch-grid .story-figure:nth-child(1) img{object-position:54% 48%}
#accessoires .merch-grid .story-figure:nth-child(2) img{object-position:90% 50%}
#accessoires .merch-grid .story-figure:nth-child(3) img{object-position:80% 50%}
#accessoires .merch-grid .story-figure:nth-child(4) img{object-position:58% 50%}
#shooting .shooting-grid figcaption,#accessoires .merch-grid figcaption{padding:13px 0 0;font-size:12px;line-height:1.6;letter-spacing:0}
@media(max-width:700px){#accessoires .merch-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:580px;gap:24px 16px}#shooting .shooting-grid{gap:16px}#shooting .shooting-grid .story-figure button,#accessoires .merch-grid .story-figure button{border-radius:14px}#shooting .shooting-grid figcaption,#accessoires .merch-grid figcaption{font-size:11px}}
/* New original hero photograph: keep the phone and face in the focal area. */
body[data-project='mash-moum'] .universe-opening .universe-art img{object-position:50% 40%}
@media(min-width:1001px){body[data-project='mash-moum'] .universe-opening .universe-copy{max-width:43%;padding-right:20px}body[data-project='mash-moum'] .universe-opening h1{font-size:clamp(3.4rem,5.5vw,6rem)}}
/* Compact the first two chapters so the visual work arrives sooner. */
body[data-project='mash-moum'] .story-chapters{padding:10px 5vw;gap:8px 24px;font-size:12px}
#intention,#identite.story-identity{padding-block:clamp(30px,3.6vw,54px)}
#intention.story-intro,#identite .story-intro{grid-template-columns:.8fr 1.2fr;gap:5vw;align-items:start}
#intention .story-title,#identite .story-title{font-size:clamp(2.3rem,3.4vw,3.6rem);line-height:1.08;margin:12px 0 0}
#intention .eyebrow,#identite .eyebrow{font-size:11px;letter-spacing:.12em}
#intention .story-text,#identite .story-text{max-width:65ch;font-size:15px;line-height:1.7}
#intention .story-text p,#identite .story-text p{margin:0}
#intention .story-meta{grid-template-columns:1fr;gap:0;padding:0;margin:18px 0 0;border:0}
#intention .story-meta dt{font-size:10px;letter-spacing:.1em;text-transform:uppercase}
#intention .story-meta dd{font-size:12px;line-height:1.65;margin-top:6px}
#identite .identity-grid{grid-template-columns:1fr 1.25fr;gap:28px;max-width:760px;margin:28px auto 0;align-items:center}
#identite .identity-grid>.story-figure{max-width:300px;width:100%;justify-self:center}
#identite .identity-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#identite .identity-grid .story-figure button{aspect-ratio:1;border-radius:14px;overflow:hidden}
#identite .identity-grid img{display:block;width:100%;height:100%;object-fit:contain}
#identite .identity-grid figcaption{font-size:11px;padding-top:10px}
#identite .story-palette{margin-top:24px}
@media(max-width:700px){#intention.story-intro,#identite .story-intro{grid-template-columns:1fr;gap:20px}#intention .story-title,#identite .story-title{font-size:clamp(2.2rem,8vw,3rem)}#identite .identity-grid{grid-template-columns:1fr;max-width:420px;gap:20px}#identite .identity-grid>.story-figure{max-width:240px}#identite .identity-pair{max-width:360px;margin:auto;width:100%}#intention .story-text,#identite .story-text{font-size:14px}body[data-project='mash-moum'] .story-chapters{flex-wrap:nowrap;overflow-x:auto;gap:20px}body[data-project='mash-moum'] .story-chapters a{white-space:nowrap}}
/* A small complementary series shows the illustration on the physical accessories. */
#accessoires .mash-product-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:840px;margin:34px auto 0}
#accessoires .mash-product-details button{display:block;position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:16px}
#accessoires .mash-product-details img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
#accessoires .mash-product-details figure:last-child img{object-position:57% 50%}
#accessoires .mash-product-details figcaption{font-size:12px;line-height:1.6;padding-top:12px}
@media(max-width:600px){#accessoires .mash-product-details{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:26px}#accessoires .mash-product-details button{border-radius:10px}#accessoires .mash-product-details figcaption{font-size:10px;padding-top:8px}}