/* Mak-C: one palette, one cast, one drawing style. */
:root{--brand-ink:#173e68;--brand-blue:#235b91;--brand-orange:#ff7900;--brand-yellow:#ffdf48;--brand-paper:#fff8e7}
.manga-fruit,.kids-colour-wheel>.manga-fruit{background-image:url('/assets/mak-c-crew-n7.webp')}
.home-page main{background:var(--brand-paper)}
.campaign-hero{min-height:670px;max-height:900px;background:#173e68}
.campaign-copy{padding-bottom:95px;position:relative;z-index:2;pointer-events:none}
.campaign-copy a{pointer-events:auto}
.campaign-copy .p-kicker{max-width:600px;font-size:12px;letter-spacing:.12em}
.campaign-copy h1{font-size:clamp(58px,5.3vw,84px);max-width:1000px;line-height:1.03;letter-spacing:-.035em;margin-bottom:18px}
.campaign-intro{font-size:15px;line-height:1.65;max-width:580px;text-wrap:pretty}
.campaign-shade{background:linear-gradient(0deg,#123352fa 0%,#123352a6 32%,#12335200 78%),linear-gradient(90deg,#12335242,transparent 90%)}
.campaign-actions{gap:25px}.campaign-copy .p-link{font-weight:600}.campaign-bottom{z-index:3;bottom:18px}
.hero-packs{position:absolute;right:5%;bottom:105px;width:270px;height:240px;z-index:1;display:flex;align-items:flex-end;justify-content:center;pointer-events:none;filter:drop-shadow(0 14px 20px #102e5266)}
.hero-packs img{width:120px;height:210px;object-fit:contain;flex-shrink:0;transform:rotate(-12deg);margin-right:-28px}.hero-packs img:nth-child(2){height:260px;transform:rotate(2deg);z-index:1}.hero-packs img:nth-child(3){height:195px;transform:rotate(15deg)}
.brand-promise{position:relative;background:#235b91;color:white;border-top:5px solid #ffdf48;padding:34px 0 38px;overflow:hidden}
.brand-promise:after{content:'';position:absolute;width:260px;height:260px;border:35px solid #ffffff0b;border-radius:50%;right:-80px;top:-80px;pointer-events:none}
.brand-promise>.p-shell{display:flex;justify-content:space-between;align-items:center;gap:50px}
.brand-promise-lines{font:600 clamp(25px,2.7vw,42px)/1.14 var(--kids-display);letter-spacing:-.015em;margin:0;flex-shrink:0}.brand-promise-lines>span{display:block}.brand-promise-lines>span:last-child{color:#ffdf48}
.brand-promise-intro{font-size:14px;line-height:1.75;max-width:360px;margin:0}
.brand-crew{padding:100px 0 90px;background:var(--brand-paper);position:relative;overflow:hidden}
.brand-section-head{display:grid;grid-template-columns:1.15fr 1fr;gap:10%;align-items:end;margin-bottom:50px}
.brand-section-head h1,.brand-section-head h2{font:600 clamp(40px,4.1vw,64px)/1.07 var(--kids-display);letter-spacing:-.025em;margin:0;color:var(--brand-ink);text-wrap:balance}
.brand-section-head p:not(.p-kicker){font-size:15px;line-height:1.8;margin:0;max-width:520px}.brand-section-head .p-link{margin-top:12px}
.crew-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.crew-member{min-width:0;position:relative}.crew-portrait{height:255px;position:relative;display:grid;place-items:center;isolation:isolate}
.crew-portrait>.manga-fruit{width:min(270px,110%);height:auto;aspect-ratio:1;position:relative;transition:transform .25s}
.crew-orbit{position:absolute;width:205px;height:205px;background:#ffd371;border-radius:48% 52% 43% 57%;z-index:-1;transform:rotate(-10deg)}
.crew-member-1 .crew-orbit{background:#ffe79b;transform:rotate(30deg)}.crew-member-2 .crew-orbit{background:#ffd3c4;transform:rotate(-30deg)}.crew-member-3 .crew-orbit{background:#e0e9af;transform:rotate(20deg)}
.crew-index{position:absolute;bottom:12px;left:6px;color:#235b91;font:600 11px/1 var(--font);letter-spacing:.1em}
.crew-member-copy{padding:24px 0 0;border-top:2px solid #235b912b}.crew-role{text-transform:uppercase;letter-spacing:.09em;font:600 10px/1.5 var(--font);margin:0 0 7px;color:#355678}
.crew-member h3{font:600 42px/1.1 var(--kids-display);letter-spacing:-.02em;margin:0 0 15px;color:#173e68}
.crew-bio{font-size:13px;line-height:1.8;margin:0 0 18px;min-height:118px;color:#355678}
.crew-flavour{display:flex;justify-content:space-between;align-items:center;min-height:44px;color:#173e68;text-decoration:none;font:600 15px/1.4 var(--font);border-bottom:1px solid #235b9150;gap:12px}.crew-flavour>span{font-size:23px}
.crew-activity{display:block;color:#173e68;font:600 12px/1.6 var(--font);min-height:44px;padding-top:14px;text-underline-offset:5px}.crew-note{margin:30px 0 0;font-size:11px;line-height:1.7;color:#46617a}
.brand-story{padding:90px 0;background:#ff7900 url('/assets/mak-c-orange-fruit-bubbles-m5.webp') center/cover}
.brand-story h2{color:white;paint-order:stroke fill;-webkit-text-stroke:3px #235b91;text-shadow:2px 4px 0 #173e6828}
.story-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.story-panel{background:#fff8e7;border:2px solid #235b91;border-radius:18px;overflow:hidden;box-shadow:0 6px 0 #173e681c}
.story-scene{position:relative;height:280px;background:#ffdf48;display:flex;align-items:flex-end;justify-content:center;padding:10px;isolation:isolate;overflow:hidden;border-bottom:2px solid #235b91}
.scene-1{background:#ffebbc}.scene-2{background:#e6edbb}.story-scene>.manga-fruit{width:190px;height:190px;flex-shrink:0;margin-inline:-22px;z-index:1;transform:rotate(-9deg)}.story-scene>.manga-fruit:nth-of-type(3){transform:rotate(8deg) translateY(-18px)}
.story-bubbles{position:absolute;inset:0;z-index:-1}.story-bubbles i{position:absolute;display:block;border-radius:50%;width:48px;height:48px;top:25px;left:26px;border:3px solid #ffffffac;background:#ff790099;box-shadow:inset 4px 5px 5px #fff9}
.story-bubbles i:nth-child(2){left:100px;top:5px;width:35px;height:35px;background:#85b83599}.story-bubbles i:nth-child(3){left:auto;right:30px;top:20px;background:#f05a6799;width:65px;height:65px}.story-bubbles i:nth-child(4){left:auto;right:110px;top:70px;width:30px;height:30px;background:#235b9177}.story-bubbles i:nth-child(5){left:35%;top:100px;background:#ff790077;width:80px;height:80px}
.story-number{position:absolute;left:18px;top:16px;background:#235b91;color:white;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font:600 11px/1 var(--font);z-index:2}
.story-panel-copy{padding:28px}.story-panel h3{font:600 28px/1.12 var(--kids-display);margin:0 0 12px;letter-spacing:-.02em}.story-panel p{font-size:13px;line-height:1.8;margin:0}.story-finish{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:30px}.story-finish p{font-size:12px;color:#173e68}
.crew-full{padding-top:70px}.crew-full .crew-bio{min-height:115px}.crew-page .brand-corporate{border-top:0}
.brand-corporate{background:#fff8e7;padding:90px 0;border-top:1px solid #235b912b}.brand-corporate .brand-section-head h2{font-size:clamp(36px,3.3vw,50px)}.brand-corporate .brand-section-head{margin-bottom:36px}
.corporate-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 42px}.corporate-links>a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;border-top:1px solid #235b9133;text-decoration:none;color:#173e68}.corporate-links strong{display:block;font:600 22px/1.3 var(--kids-display);letter-spacing:-.01em}.corporate-links>a>span>span{display:block;font-size:12px;line-height:1.7;margin-top:6px;color:#355678}.corporate-links>a>span:last-child{font-size:26px}.corporate-links>a:hover strong,.crew-flavour:hover{color:#9c3c00}
.p-collection{background:#ff8a0b url('/assets/mak-c-orange-fruit-bubbles-m5.webp') center/cover;max-width:none;width:100%;padding-inline:max(64px,calc((100% - 1440px)/2));padding-block:85px}.p-range-grid{gap:26px}.p-range-image{border-radius:22px;border:2px solid #fff;background:#fff8e7;overflow:hidden;height:310px}.p-range-number{font-weight:600}.p-range-name h3{font-size:27px;color:#173e68}.p-range-type{font-size:11px}.p-range-view{display:none}.p-range-image img{max-height:280px}.p-range-image img[src*='mak-c-566g-']{width:100%;max-width:100%;height:100%;max-height:100%;object-fit:contain;transform:scale(1.3)}
.kids-play{background:var(--brand-paper);padding-block:90px}.kids-play-head h2{color:#173e68;text-shadow:none;-webkit-text-stroke:0}.kids-activity{border:1px solid #235b9135;box-shadow:none}.kids-activity-art{border-bottom:1px solid #235b9120}.kids-activity-copy h3{color:#173e68}
.p-family{padding-block:90px}.p-family-image{border-radius:28px;overflow:hidden;border:0}.p-family-copy h2{font-family:var(--kids-display);line-height:1.1;font-weight:600;letter-spacing:-.025em}
.p-help{display:none}.p-flavour-world{padding-block:80px}.p-flavour-index article{border:1px solid #fff}.p-flavour-index a{font-size:13px}.complete-footer{background:#235b91;color:white}.complete-footer p,.complete-footer a,.complete-footer .footer-complete-bottom{color:white}.footer-brand-company{display:inline-block;margin-top:10px;font-size:12px;text-underline-offset:4px}.complete-footer .footer-complete-bottom{border-color:#ffffff40}
.brand-crew a:focus-visible,.brand-story a:focus-visible,.brand-corporate a:focus-visible{outline:3px solid #235b91;outline-offset:5px;border-radius:3px}
html[lang=ar] .brand-section-head h1,html[lang=ar] .brand-section-head h2,html[lang=ar] .crew-member h3,html[lang=ar] .story-panel h3,html[lang=ar] .corporate-links strong,html[lang=ar] .brand-promise-lines{font-family:var(--font);letter-spacing:0;line-height:1.35}
html[lang=ar] .crew-role{font-size:18px;letter-spacing:0}html[lang=ar] .crew-bio,html[lang=ar] .story-panel p{font-size:19px}html[lang=ar] .crew-flavour{font-size:21px}html[lang=ar] .crew-activity{font-size:18px}html[lang=ar] .crew-note{font-size:17px}html[lang=ar] .hero-packs{right:auto;left:5%}
@media(min-width:1100px){.crew-member:hover .crew-portrait>.manga-fruit{transform:translateY(-8px) rotate(-3deg)}}
@media(max-width:1180px){.hero-packs{width:210px;right:3%;bottom:120px;opacity:.9}.hero-packs img{width:95px;height:160px}.hero-packs img:nth-child(2){height:200px}.hero-packs img:nth-child(3){height:150px}.campaign-copy h1{max-width:800px;font-size:65px}.campaign-intro{max-width:520px}.crew-grid{gap:20px}.crew-portrait{height:220px}.crew-orbit{width:160px;height:160px}.crew-member h3{font-size:36px}.crew-bio{min-height:145px}.p-range-image{height:270px}.story-scene>.manga-fruit{width:160px;height:160px}.story-scene{height:245px}.story-panel-copy{padding:22px}.brand-promise-lines{flex-shrink:1}}
@media(max-width:900px){.hero-packs{display:none}.campaign-hero{min-height:650px}.campaign-copy h1{font-size:62px}.crew-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 30px}.crew-portrait{height:270px}.crew-portrait>.manga-fruit{width:280px}.crew-orbit{width:220px;height:220px}.crew-bio,.crew-full .crew-bio{min-height:76px}.brand-section-head{gap:40px;grid-template-columns:1fr 1fr}.brand-section-head h1,.brand-section-head h2{font-size:47px}.story-panels{gap:14px}.story-scene{height:210px}.story-scene>.manga-fruit{width:140px;height:140px;margin-inline:-27px}.story-panel h3{font-size:24px}.story-panel-copy{padding:20px 16px}.brand-promise>.p-shell{gap:30px}.brand-promise-lines{font-size:30px}.brand-promise-intro{font-size:12px;max-width:240px}}
@media(max-width:600px){.p-shell{width:calc(100% - 40px)}.campaign-hero{height:calc(100svh - 82px);min-height:710px;max-height:850px}.campaign-copy{padding-top:170px;padding-bottom:100px}.campaign-copy h1{font-size:clamp(42px,10.5vw,56px);line-height:1.04;margin-bottom:16px}.campaign-copy .p-kicker{font-size:10px;max-width:290px;line-height:1.7;margin-bottom:12px}.campaign-intro{font-size:13px;line-height:1.65;max-width:360px;margin-bottom:18px}.campaign-actions{gap:12px;align-items:flex-start;flex-direction:column}.campaign-actions .p-button{font-size:12px;min-height:48px;padding:11px 22px}.campaign-actions .p-link{font-size:12px;min-height:38px;padding-block:5px}.campaign-bottom{bottom:20px}.campaign-scroll{font-size:8px;max-width:245px}.brand-promise{padding-block:30px}.brand-promise>.p-shell{display:block}.brand-promise-lines{font-size:30px;line-height:1.2}.brand-promise-intro{font-size:12px;max-width:320px;margin-top:16px}.brand-crew{padding-block:60px}.brand-section-head{grid-template-columns:1fr;gap:20px;margin-bottom:30px}.brand-section-head h1,.brand-section-head h2{font-size:42px;max-width:450px}.brand-section-head p:not(.p-kicker){font-size:13px;line-height:1.75}.brand-section-head .p-kicker{font-size:9px;margin-bottom:14px}.crew-grid{gap:30px 18px}.crew-portrait{height:175px}.crew-portrait>.manga-fruit{width:190px;max-width:115%;height:auto}.crew-orbit{width:130px;height:130px}.crew-member-copy{padding-top:17px}.crew-role{font-size:8px;letter-spacing:.06em;min-height:24px}.crew-member h3{font-size:33px;margin-bottom:10px}.crew-bio,.crew-full .crew-bio{font-size:11px;min-height:136px;line-height:1.75;margin-bottom:10px}.crew-flavour{font-size:12px;min-height:44px}.crew-activity{font-size:10px;min-height:55px}.crew-index{font-size:9px;left:0;bottom:8px}.crew-note{font-size:10px;margin-top:25px}.brand-story,.brand-corporate{padding-block:60px}.story-panels{grid-template-columns:1fr;gap:22px}.story-scene{height:260px}.story-scene>.manga-fruit{width:200px;height:200px;margin-inline:-17px}.story-panel-copy{padding:25px}.story-panel h3{font-size:29px}.story-panel p{font-size:13px}.story-finish{align-items:flex-start;flex-direction:column;gap:12px}.story-finish p{margin:0}.corporate-links{grid-template-columns:1fr}.corporate-links strong{font-size:23px}.brand-corporate .brand-section-head h2{font-size:37px}.p-collection{padding:60px 20px}.p-range-grid{gap:30px 16px}.p-range-image{height:200px;border-radius:16px}.p-range-image img{max-height:180px}.p-range-name h3{font-size:22px}.p-range-type{font-size:9px}.p-range-number{display:none}.p-collection-note{font-size:10px}.kids-play{padding-block:60px}.p-family{padding-block:60px}.p-family-image{border-radius:20px}.p-flavour-index{gap:20px}.p-flavour-index a{font-size:12px}html[lang=ar] .campaign-copy h1{font-size:49px}html[lang=ar] .campaign-intro{font-size:18px;line-height:1.55}html[lang=ar] .campaign-copy .p-kicker{font-size:15px}html[lang=ar] .campaign-copy{padding-bottom:100px}html[lang=ar] .brand-section-head h1,html[lang=ar] .brand-section-head h2{font-size:43px}html[lang=ar] .brand-promise-lines{font-size:29px}html[lang=ar] .crew-role{font-size:14px;min-height:25px}html[lang=ar] .crew-bio{font-size:17px;min-height:185px}html[lang=ar] .crew-activity{font-size:16px}html[lang=ar] .crew-flavour{font-size:19px}html[lang=ar] .crew-note{font-size:15px}}
@media(max-width:360px){.campaign-hero{min-height:755px}.campaign-copy h1{font-size:40px}.brand-promise-lines{font-size:26px}.crew-portrait{height:150px}.crew-portrait>.manga-fruit{width:160px}.crew-orbit{width:110px;height:110px}.crew-member h3{font-size:30px}.crew-bio{min-height:165px}.brand-section-head h1,.brand-section-head h2{font-size:36px}.p-range-name h3{font-size:20px}.p-range-image{height:180px}.p-range-image img{max-height:155px}.p-range-type{font-size:8px}html[lang=ar] .crew-bio{min-height:220px}}
@media(prefers-reduced-motion:reduce){.crew-portrait>.manga-fruit{transition:none}.crew-member:hover .crew-portrait>.manga-fruit{transform:none}}
@media(max-width:600px){.crew-bio,.crew-full .crew-bio{font-size:13px;min-height:180px}.crew-role{font-size:9px;min-height:28px}.crew-activity{font-size:12px}html[lang=ar] .crew-bio{font-size:18px;min-height:210px}}
@media(max-width:360px){.crew-bio,.crew-full .crew-bio{min-height:220px}html[lang=ar] .crew-bio{min-height:250px}}
/* Carry the same blue ink through the catalogue and parent information pages. */
.complete-page .detail-flavours button[aria-pressed=true],.complete-page .detail-flavours button[aria-pressed=true]:hover,.complete-page .flavour-picker button[aria-pressed=true]{background:#235b91;border-color:#235b91;color:#fff}
.complete-page .detail-flavours button:hover,.complete-page .flavour-picker button:hover{background:#ffdf48;color:#173e68;border-color:#235b91}
.complete-page .detail-flavours button,.complete-page .flavour-picker button,.complete-page .detail-actions .text-link,.complete-page .detail-copy .eyebrow,.complete-page .breadcrumbs,.complete-page .breadcrumbs a,.complete-page .pack-meta,.complete-page .detail-copy>p,.complete-page .flavour-picker legend{color:#173e68}
.detail-image-stage img[src*='mak-c-35g-']{transform:scale(1.4)}.detail-image-stage img[src*='mak-c-566g-']{transform:scale(1.25)}
.product-image-stage img[src*='mak-c-35g-']{transform:scale(1.35)}.product-image-stage img[src*='mak-c-566g-']{transform:scale(1.25)}
.p-range-image img[src*='mak-c-35g-']{transform:scale(1.35)}
.hero-packs img[src*='mak-c-35g-']{transform:rotate(-12deg) scale(1.35)}