@import url('https://fonts.googleapis.com/css2?family=Anton&family=Caveat:wght@600;700&family=Inter:wght@400;600;700;800&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fbfaf5;color:#090909;font-family:Inter,Arial,sans-serif}.wrap{max-width:1440px;margin:auto;padding-left:52px;padding-right:52px}.nav{height:100px;display:flex;align-items:center;gap:24px}.logo{font-size:34px;font-weight:800;text-decoration:none;color:#111;letter-spacing:-2px}.logo span{font-weight:400;font-size:48px;color:#8170f3;display:inline-block;margin-right:6px}.tape{background:#ffe052;padding:6px 17px;font:700 19px Caveat;transform:rotate(-1deg);clip-path:polygon(2% 10%,98% 0,100% 88%,4% 100%)}.navlinks{margin-left:auto;display:flex;align-items:center;gap:42px}.navlinks a,.sectionHead>a{color:#090909;text-decoration:none;font:15px Anton}.spark{width:48px;height:48px;border-radius:50%;background:#8170f3;color:#fff;display:grid;place-items:center;text-decoration:none;font-size:25px}
.hero{min-height:700px;display:grid;grid-template-columns:1fr 1.07fr;align-items:center;padding-top:15px;padding-bottom:55px}.hero h1{font-size:88px;line-height:.91;margin:10px 0 12px;letter-spacing:-5px}.hero h1 em{font-style:normal;color:#8170f3}.yellowLine{height:7px;background:#f4d313;width:79%;border-radius:50%;transform:rotate(-1deg)}.hand,.scribble{font:600 33px Caveat}.hand{margin-top:34px}.hand span{color:#8170f3;border:2px solid #8170f3;border-radius:50%;padding:0 10px}.intro{font-size:18px;line-height:1.6}.intro a{color:#8170f3}.chips{display:flex;align-items:center;gap:18px;margin:40px 0}.chips span{font-size:13px;font-weight:800;padding:6px 8px;background:#fff0a8}.chips span:nth-of-type(2){background:#ffd0d7}.chips span:nth-of-type(3){background:#dff4bf}.chips span:nth-of-type(4){background:#cddfff}.seeWork{font-weight:800;color:#111;text-decoration:none;font-size:14px}.seeWork i{display:inline-grid;place-items:center;background:#f4d313;width:43px;height:43px;border-radius:50%;font-size:24px;font-style:normal;margin-left:16px}.heroArt{height:570px;position:relative}.portrait{position:absolute;left:7%;top:5%;width:61%;height:87%;overflow:hidden;background:#ddd;transform:rotate(.5deg);z-index:2;box-shadow:0 10px 24px #0002}.portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 63%;filter:saturate(.94) contrast(1.04)}.blackScribble{position:absolute;left:2%;bottom:-1%;z-index:4;font:900 52px/1 Caveat;letter-spacing:-18px;transform:rotate(-12deg)}.noteCard{position:absolute;right:7%;top:11%;z-index:5;width:145px;padding:28px 18px 20px;background:repeating-linear-gradient(#f7f0de 0 26px,#b6c8d8 27px);font:700 20px/1.5 Caveat;transform:rotate(8deg);box-shadow:0 5px 12px #0002}.heartBadge{position:absolute;left:0;bottom:7%;z-index:5;width:58px;height:58px;border-radius:50%;background:#ffb09f;display:grid;place-items:center;font:700 34px Caveat;transform:rotate(-7deg)}.locationNote{position:absolute;right:7%;bottom:7%;z-index:5;font:700 19px/1.25 Caveat;transform:rotate(-4deg)}.locationNote strong{display:inline-block;border-bottom:2px solid #111;padding-bottom:3px}.noteCard:before{content:"";position:absolute;top:-8px;right:15px;width:80px;height:24px;background:#f4d24daa;transform:rotate(8deg)}.cityCard{position:absolute;right:-1%;bottom:0;width:245px;background:#fff;padding:12px 12px 9px;z-index:5;box-shadow:0 6px 16px #0002;transform:rotate(5deg)}.cityCard img{width:100%;height:145px;object-fit:cover}.cityCard span{display:block;text-align:center;font:700 20px Caveat}
.workSection{background:#fff;padding:55px 0 48px}.sectionHead{display:flex;justify-content:space-between;align-items:center}.sectionHead h2,.thinkTitle h2,.irlIntro h2{font:46px/1 Anton;margin:0}.sectionHead .scribble{font-size:20px;margin:12px 0 20px}.sectionHead>a{border-bottom:3px solid #d8eb00;padding-bottom:7px}.workGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.workCard{min-height:440px;border:1px solid #e9e5dc;border-radius:11px;overflow:hidden;display:flex;flex-direction:column;background:#fff;color:#111}.workCard>img{width:100%;height:255px;object-fit:cover;display:block}.shade{display:none}.workCopy{position:static;flex:1;padding:16px 18px 14px;background:#fff}.workCopy h3{font-size:28px;line-height:1.05;margin:0 0 10px;color:#1387C0}.workCard.yellow .workCopy h3{color:#72be44}.workCard.blue .workCopy h3{color:#f66500}.workCard.red .workCopy h3{color:#30b9ba}.workCopy p{margin:0;font-size:13px;line-height:1.45;font-weight:600}.workCard footer{position:relative;width:100%;min-height:62px;background:#1387C0;color:#111;padding:15px 50px 12px 16px;font-size:9px;line-height:1.7;font-weight:800}.workCard.yellow footer{background:#72be44}.workCard.blue footer{background:#f66500}.workCard.red footer{background:#30b9ba}.workCard footer span{position:absolute;right:11px;top:14px;width:34px;height:34px;background:#fff;border-radius:50%;display:grid;place-items:center;font-size:18px}
.thinking{margin-top:44px;margin-bottom:48px;padding-top:38px;padding-bottom:38px;background:#fff;border-radius:18px;display:grid;grid-template-columns:1.2fr repeat(3,1fr) .9fr;align-items:center}.thinkTitle{padding:0 20px}.thinkTitle span{display:block;width:125px;border-bottom:5px solid #8170f3;transform:rotate(-4deg);margin-top:12px}.thinkTitle p{font:600 18px Caveat}.principle{padding:10px 28px;min-height:185px;position:relative}.principle i{font-size:48px;color:#8170f3;font-style:normal}.principle small{position:absolute;right:18px;top:20px}.principle:nth-of-type(3) i,.principle:nth-of-type(3) h3{color:#8170f3}.principle:nth-of-type(4) i,.principle:nth-of-type(4) h3{color:#a9d900}.principle h3{font-size:17px;margin:7px 0}.principle p{font-size:13px;line-height:1.55}.sticky{background:repeating-linear-gradient(#f7f2e7 0 29px,#b9c8d1 30px);padding:55px 12px 18px;align-self:stretch;display:flex;align-items:center;justify-content:center;text-align:center;font:700 27px Caveat;transform:rotate(3deg);box-shadow:0 5px 12px #0002}
.irl{display:grid;grid-template-columns:220px 1fr;gap:30px;align-items:center;padding-top:25px;padding-bottom:60px}.irlIntro h2{display:inline-block;background:linear-gradient(transparent 58%,#ffe45c 58%)}.irlIntro p{font:600 23px/1.35 Caveat}.irlIntro span{display:block;font-size:35px;margin:20px 0}.irlIntro a,.aboutCopy a{display:inline-block;background:#070707;color:#fff;text-decoration:none;font-size:11px;font-weight:800;padding:15px 18px}.collage{height:485px;position:relative}.collage img{position:absolute;object-fit:cover;background:#fff;padding:8px;box-shadow:0 5px 14px #0002}.irl1{left:0;top:5%;width:27%;height:58%;transform:rotate(-4deg)}.irl2{left:25%;top:0;width:25%;height:43%;transform:rotate(1deg)}.irl3{left:48%;top:1%;width:23%;height:40%;transform:rotate(2deg)}.irl4{right:2%;top:0;width:28%;height:42%;transform:rotate(5deg)}.irl5{left:30%;bottom:1%;width:24%;height:47%;transform:rotate(-2deg)}.irl6{right:18%;bottom:0;width:27%;height:48%;transform:rotate(2deg)}.paperNote{position:absolute;left:3%;bottom:1%;width:29%;height:40%;overflow:hidden;background:repeating-linear-gradient(#f7f2e7 0 25px,#b9c8d1 26px);padding:17px 18px;font:700 18px/1.08 Caveat;transform:rotate(3deg);box-shadow:0 5px 12px #0002}.paperNote strong{color:#8170f3}
.about{display:grid;grid-template-columns:1.05fr 1.25fr 1.15fr;gap:55px;align-items:center;background:#fff;border-radius:18px 18px 0 0;padding-top:34px;padding-bottom:34px}.aboutPhoto{height:270px;position:relative}.aboutPhoto img{width:100%;height:100%;object-fit:cover;object-position:60% 48%;border-radius:8px}.aboutPhoto b{position:absolute;left:-18px;top:-25px;color:#8170f3;font:700 54px Caveat;transform:rotate(-15deg)}.aboutCopy h2{font:36px Anton;border-bottom:4px solid #8170f3;display:inline-block;margin:0 0 20px}.aboutCopy p{font-size:14px;line-height:1.65}.aboutCopy strong{color:#8170f3}.aboutCopy a{background:#fff;color:#111;border:1px solid #111;margin-top:10px}.connect{height:250px;background:repeating-linear-gradient(#faf6e9 0 28px,#bdccd5 29px);padding:28px 35px;color:#111;text-decoration:none;display:flex;flex-direction:column;justify-content:space-between;position:relative;box-shadow:0 5px 12px #0002}.connect strong{font:34px Anton;background:linear-gradient(transparent 20%,#cafa22 20% 90%,transparent 90%);align-self:flex-start}.connect span{font-size:13px}.connect b{font-size:25px}.connect i{position:absolute;right:25px;bottom:12px;color:#8170f3;font:700 60px Caveat}.footer{background:#050505;color:#fff;padding:24px 50px;display:flex;justify-content:space-between;font-size:12px}.footer b,.footer span:last-child{color:#8170f3}
@media(max-width:1000px){.wrap{padding-left:24px;padding-right:24px}.navlinks{gap:18px}.workGrid{grid-template-columns:1fr 1fr}.thinking{grid-template-columns:1fr 1fr}.sticky{min-height:180px}.irl{grid-template-columns:1fr}.irlIntro{display:flex;gap:22px;align-items:center}.irlIntro p,.irlIntro span{margin:0}.about{gap:25px}}@media(max-width:700px){.nav{height:78px}.navlinks{display:none}.tape{font-size:16px}.hero{grid-template-columns:1fr;padding-top:30px}.hero h1{font-size:62px}.heroArt{height:470px;margin-top:30px}.workGrid{grid-template-columns:1fr}.thinking{grid-template-columns:1fr}.principle{border-top:1px dashed #bbb}.irlIntro{display:block}.collage{height:420px}.about{grid-template-columns:1fr}.connect{height:220px}.footer{flex-direction:column;gap:12px}.sectionHead>a{display:none}}
.workMenu{position:relative;padding:18px 0}.workMenu>a{display:block}.workDropdown{position:absolute;left:50%;top:48px;z-index:20;min-width:170px;padding:10px;background:#fff;border:1px solid #e9e5dc;border-radius:10px;box-shadow:0 12px 28px #0002;opacity:0;visibility:hidden;transform:translate(-50%,-6px);transition:.18s ease}.workDropdown:before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}.workDropdown a{display:block;padding:10px 12px;border-radius:6px;color:#090909;text-decoration:none;font:14px Anton;white-space:nowrap}.workDropdown a:hover,.workDropdown a:focus-visible{background:#f1efff;color:#8170f3}.workMenu:hover .workDropdown,.workMenu:focus-within .workDropdown{opacity:1;visibility:visible;transform:translate(-50%,0)}.workCard{text-decoration:none}
.workPage{background:#fbfaf5}.workHero{padding-top:90px;padding-bottom:90px}.workHero>p{font:15px Anton;letter-spacing:1px}.workHero h1{margin:14px 0 24px;font-size:90px;line-height:.92;letter-spacing:-5px}.workHero h1 em{font-style:normal;color:#8170f3}.workHero>span{display:block;max-width:600px;font:600 28px/1.25 Caveat}.projectList{padding-bottom:90px}.projectRow{scroll-margin-top:30px;display:grid;grid-template-columns:70px minmax(320px,1fr) minmax(300px,.9fr);gap:34px;align-items:center;padding:50px 0;border-top:1px solid #d9d5cc}.projectRow:last-child{border-bottom:1px solid #d9d5cc}.projectNumber{align-self:start;font:22px Anton;color:#8170f3}.projectImage{aspect-ratio:4/3;overflow:hidden;border-radius:12px;background:#eee}.projectImage img{width:100%;height:100%;object-fit:cover}.projectCopy>p{font-size:10px;font-weight:800;line-height:1.6}.projectCopy h2{margin:12px 0 8px;font-size:46px;line-height:1;color:#1387C0}.projectRow.yellow .projectCopy h2{color:#72be44}.projectRow.red .projectCopy h2{color:#30b9ba}.projectRow.blue .projectCopy h2{color:#f66500}.projectCopy h3{margin:0 0 18px;font-size:24px;line-height:1.25}.projectCopy>span{display:block;font-size:15px;line-height:1.6}.workPage .footer{margin-top:0}
@media(max-width:1000px){.projectRow{grid-template-columns:45px 1fr}.projectCopy{grid-column:2}.workHero h1{font-size:72px}}@media(max-width:700px){.workHero{padding-top:55px;padding-bottom:55px}.workHero h1{font-size:56px}.projectRow{grid-template-columns:1fr;gap:18px;padding:38px 0}.projectNumber,.projectCopy{grid-column:1}.projectImage{aspect-ratio:1/1}.projectCopy h2{font-size:38px}}
.caseLink{display:inline-block;margin-top:22px;color:#111;font:15px Anton;text-decoration:none;border-bottom:3px solid #1387c0;padding-bottom:4px}
.casePage{--purple:#1387C0;--orange:#F4520D;background:#FFF7E4;color:#272727}.casePage .navlinks a,.casePage .caseIntro>a{color:#272727}.casePage .spark{background:#F4520D}.caseHero{display:grid;grid-template-columns:.75fr 1.45fr;gap:55px;align-items:center;min-height:575px;padding-top:45px;padding-bottom:55px}.caseIntro>a{color:#272727;text-decoration:none;font:14px Anton}.caseIntro h1{font-size:68px;line-height:.94;letter-spacing:-4px;margin:55px 0 15px}.caseIntro h2{font:700 33px/1.16 Caveat;color:var(--purple);margin:0 0 34px}.caseIntro p{font-size:16px;line-height:1.65}.caseCollage{height:500px;position:relative}.caseCollage img{position:absolute;object-fit:cover;background:#FFF7E4;padding:9px;box-shadow:0 8px 20px #27272722}.caseMainPhoto{left:0;top:25px;width:64%;height:410px;transform:rotate(-3deg)}.caseSidePhoto{right:0;width:34%;height:205px}.caseSidePhoto.top{top:0}.caseSidePhoto.bottom{bottom:28px}.caseNote{position:absolute;z-index:4;left:51%;bottom:0;background:#FFF7E4;padding:35px 42px;font:700 23px/1.5 Caveat;transform:rotate(4deg);box-shadow:0 8px 20px #27272722}.caseNote:before{content:"";position:absolute;top:-10px;left:65px;width:76px;height:25px;background:#F4520D99;transform:rotate(-7deg)}
.casePanel{margin-bottom:24px;background:#fffdf8;border:1px solid #27272718;border-radius:20px;padding-top:42px;padding-bottom:42px;box-shadow:0 7px 22px #27272712}.fasgoPanel{display:grid;grid-template-columns:.85fr .95fr 1.8fr;gap:30px}.caseLead{padding:0 18px}.caseLead h2{font-size:43px;margin:0 0 20px;color:var(--purple)}.caseLead h3{font-size:22px;line-height:1.35;margin:0 0 30px}.caseLead p,.caseRole p,.caseRole li,.ipPanel p{font-size:14px;line-height:1.65}.caseRole{padding:0 28px;border-left:1px solid #27272730;border-right:1px solid #27272730}.caseRole h4,.caseImpact h4{font:17px Anton;margin:0 0 17px}.caseRole h4:nth-of-type(2){margin-top:42px}.caseRole ul{margin:0;padding-left:20px}.caseRole li{margin:0 0 11px}.caseImpact{padding:0 18px}.caseImpact h4{display:inline-block;border-bottom:4px solid var(--purple);padding-bottom:5px}.impactGrid{display:grid;grid-template-columns:repeat(4,1fr);margin:12px 0 34px}.impactGrid span{min-height:100px;border-right:1px solid #27272730;text-align:center;color:var(--purple);font-size:38px}.impactGrid span:last-child{border:0}.impactGrid b{display:block;color:#272727;font-size:12px;line-height:1.35;margin-top:9px}.sampleBox{background:#1387C012;border-radius:15px;padding:18px}.sampleBox em,.ipPanel em{color:var(--purple);font:700 19px Caveat}.sampleBox>div{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px}.sampleBox img{width:100%;aspect-ratio:1/1.18;object-fit:cover;border-radius:8px}
.viaPanel{position:relative;display:grid;grid-template-columns:1fr 1fr .9fr .8fr;gap:30px;padding-right:250px}.viaPanel .caseLead h2{color:var(--orange)}.viaPanel .caseRole{border-right:0}.viaPanel .caseImpact h4{border-color:var(--orange)}.checks{list-style:"◎  ";color:#272727}.checks li::marker{color:var(--orange)}.viaImpact{display:grid;gap:17px;font-size:13px;line-height:1.45}.viaImpact span{color:#272727}.viaImpact span::first-letter{color:var(--orange);font-size:28px}.phoneVisual{position:absolute;right:190px;top:25px;width:140px;height:310px;object-fit:cover;border:8px solid #272727;border-radius:28px;box-shadow:0 8px 18px #27272733}.realNote{position:absolute;right:28px;top:65px;background:#FFF7E4;padding:46px 24px;font:700 21px/1.45 Caveat;transform:rotate(7deg);box-shadow:0 8px 20px #27272722}
.ipPanel{display:grid;grid-template-columns:1fr 1.1fr 1.25fr;gap:55px;align-items:center}.ipPanel h2{font-size:34px;color:var(--purple);line-height:1;margin:10px 0}.ipPanel h3{font-size:18px;border-bottom:3px solid var(--purple);display:inline-block}.ipPanel figure{margin:0;background:#fff;padding:10px;box-shadow:0 8px 20px #0002;transform:rotate(-2deg)}.ipPanel figure img{width:100%;height:190px;object-fit:cover}.ipPanel figcaption{text-align:center;font:700 20px Caveat;padding:8px}.buildingGrid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:25px}.buildingGrid span{font-size:13px;line-height:1.6;color:#111}.buildingGrid span::first-letter{color:var(--purple);font-size:28px}
.caseCta{display:grid;grid-template-columns:240px 1fr 1fr;gap:45px;align-items:center;background:#1387C0;color:#FFF7E4;border-radius:20px 20px 0 0;padding-top:25px;padding-bottom:25px}.caseCta>img{width:100%;height:180px;object-fit:cover;object-position:50% 58%;background:#FFF7E4;padding:8px;transform:rotate(-2deg)}.caseCta h2{font:700 30px/1.05 Caveat;margin:0}.caseCta p{font-size:14px}.caseCta a{color:#FFF7E4;font-weight:800;text-decoration:none;border-bottom:3px solid #F4520D}.contactPaper{background:repeating-linear-gradient(#FFF7E4 0 27px,#1387C055 28px);color:#272727;padding:35px 45px;font-size:13px;line-height:2.25;transform:rotate(1deg);box-shadow:0 6px 16px #27272722}
.caseIntro>strong{display:block;margin-top:28px;color:#1387C0;font-size:12px;line-height:1.6}.narrativePanel{display:grid;grid-template-columns:1.05fr .85fr 1.35fr;gap:45px}.narrativePanel .caseLead>span,.featuredStrip>span,.ecosystem>span,.learningSection>span,.capabilities>span{font:15px Anton;color:#1387C0;letter-spacing:.4px}.storyColumn{padding-left:35px;border-left:1px solid #27272725}.storyColumn h4{font:18px Anton;color:#F4520D;margin:0 0 20px}.storyColumn h3{font-size:19px;line-height:1.35;margin:0 0 8px}.storyColumn p{font-size:14px;line-height:1.65;margin:0 0 22px}.storyColumn blockquote{margin:28px 0 0;padding:20px;border-left:5px solid #1387C0;background:#1387C010;font:700 18px/1.6 Caveat}.featuredStrip{padding-top:65px;padding-bottom:65px}.featuredStrip h2{max-width:760px;font-size:34px;line-height:1.15}.featuredStrip>div{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.featuredStrip figure{margin:0;background:#fffdf8;border:1px solid #27272718;border-radius:13px;overflow:hidden}.featuredStrip img{width:100%;aspect-ratio:1/1;object-fit:cover}.featuredStrip figcaption{display:block;padding:16px;font-size:13px;line-height:1.45}.featuredStrip figcaption b{display:block;color:#1387C0;font-size:18px;margin-bottom:5px}.caseTransition{text-align:center;padding-top:110px;padding-bottom:110px}.caseTransition p{font:700 25px/1.4 Caveat}.caseTransition h2{font-size:43px;color:#1387C0;margin:24px 0}.caseTransition>b{font-size:40px;color:#F4520D}.viaNarrative .caseLead h2{color:#F4520D}.ecosystem{padding-top:70px;padding-bottom:70px}.ecosystem h2,.learningSection h2,.capabilities h2{font-size:42px;margin:16px 0 35px}.ecosystem>div{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.ecosystem article{background:#1387C0;color:#FFF7E4;border-radius:16px;padding:28px;min-height:185px}.ecosystem article:nth-child(even){background:#F4520D}.ecosystem article h3{font-size:23px;margin:0 0 25px}.ecosystem article b{font:700 28px Caveat}.ecosystem article p{font-size:13px}.ecosystem>p{max-width:850px;margin:30px auto 0;text-align:center;font:700 20px Caveat}.characterList p{font-size:14px;line-height:1.55;margin-bottom:17px}.ipPanel small{display:block;color:#1387C0;font-weight:800;line-height:1.7;margin-top:24px}.learningSection{padding-top:80px;padding-bottom:80px}.learningSection>div{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#27272725}.learningSection article{background:#FFF7E4;padding:36px}.learningSection article h3{color:#1387C0;font-size:21px;margin-top:0}.learningSection article p{font-size:14px;line-height:1.7}.capabilities{background:#272727;color:#FFF7E4;padding-top:55px;padding-bottom:55px}.capabilities h2{margin-bottom:20px}.capabilities p{color:#FFF7E4;font-size:16px;line-height:2}.caseEnding{text-align:center;padding-top:100px;padding-bottom:100px}.caseEnding h2{font-size:50px;margin:0}.caseEnding>p{font:700 27px Caveat;color:#1387C0}.caseEnding>div{display:flex;justify-content:space-between;margin-top:70px}.caseEnding a{color:#272727;text-decoration:none;font:16px Anton;border-bottom:3px solid #F4520D;padding-bottom:5px}
@media(max-width:1050px){.caseHero{grid-template-columns:1fr}.caseIntro h1{margin-top:30px}.fasgoPanel{grid-template-columns:1fr 1fr}.caseImpact{grid-column:1/-1}.viaPanel{grid-template-columns:1fr 1fr;padding-right:52px}.phoneVisual,.realNote{display:none}.ipPanel{grid-template-columns:1fr 1fr}.ipPanel>div:last-child{grid-column:1/-1}.caseCta{grid-template-columns:190px 1fr}.contactPaper{grid-column:1/-1}}
@media(max-width:700px){.caseHero{padding-top:20px}.caseIntro h1{font-size:52px}.caseCollage{height:420px}.caseMainPhoto{width:78%;height:340px}.caseSidePhoto{width:34%;height:145px}.caseNote{left:45%;padding:26px;font-size:19px}.fasgoPanel,.viaPanel,.ipPanel,.caseCta{grid-template-columns:1fr}.caseImpact{grid-column:1}.caseRole{border:0;border-top:1px solid #ddd8cf;border-bottom:1px solid #ddd8cf;padding:28px 18px}.impactGrid{grid-template-columns:1fr 1fr}.impactGrid span{border:0}.sampleBox>div{grid-template-columns:1fr 1fr}.ipPanel>div:last-child,.contactPaper{grid-column:1}.caseCta>img{height:240px}}
@media(max-width:1050px){.narrativePanel{grid-template-columns:1fr 1fr}.narrativePanel .storyColumn:last-child{grid-column:1/-1}.featuredStrip>div,.ecosystem>div{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.narrativePanel{grid-template-columns:1fr}.narrativePanel .storyColumn:last-child{grid-column:1}.storyColumn{padding:25px 0 0;border-left:0;border-top:1px solid #27272725}.featuredStrip>div,.ecosystem>div,.learningSection>div{grid-template-columns:1fr}.caseTransition{padding-top:75px;padding-bottom:75px}.caseTransition h2,.ecosystem h2,.learningSection h2,.capabilities h2{font-size:34px}.caseEnding h2{font-size:38px}.caseEnding>div{margin-top:45px}}

/* Compact Fasgo / ViaJob case study */
.fasgoRedesign{--fs-blue:#075bbd;--fs-orange:#f4520d;--fs-cream:#fff7e4;background:#fbfaf6;color:#082968}.fasgoRedesign .nav{color:#111}.fasgoRedesign .navlinks a{color:#111}.fasgoRedesign .spark{background:var(--fs-orange)}
.fsHero{display:grid;grid-template-columns:.85fr 1.35fr;gap:55px;min-height:520px;align-items:center;padding-top:28px;padding-bottom:45px}.fsHeroCopy>a{color:#082968;text-decoration:none;font:14px Anton}.fsHeroCopy h1{font-size:55px;line-height:1;margin:48px 0 16px;color:var(--fs-blue);letter-spacing:-2px}.fsHeroCopy h2{font:700 35px Caveat;color:var(--fs-orange);margin:0 0 34px;border-bottom:3px solid var(--fs-orange);display:inline-block}.fsHeroCopy>p{max-width:520px;font-size:17px;line-height:1.65}.fsTags{display:flex;gap:12px;flex-wrap:wrap;margin-top:35px}.fsTags span{padding:9px 14px;border-radius:20px;background:var(--fs-blue);color:#fff;font-size:10px;font-weight:800}.fsTags span:nth-child(2){background:var(--fs-orange)}.fsTags span:nth-child(3){background:#ffcf75;color:#272727}.fsTags span:nth-child(4){background:#272727}
.fsHeroArt{height:430px;position:relative}.fsHeroArt img{position:absolute;object-fit:cover;background:#fff;padding:7px;border-radius:11px;box-shadow:0 6px 16px #27272728}.fsHeroMain{left:0;top:25px;width:62%;height:340px;transform:rotate(-2deg)}.fsHeroSide{right:0;width:34%;height:185px}.fsHeroSide.fsTop{top:0}.fsHeroSide.fsBottom{bottom:28px}.fsHeroNote{position:absolute;z-index:5;left:49%;bottom:0;padding:30px 34px;background:var(--fs-cream);font:700 23px/1.45 Caveat;color:#082968;transform:rotate(4deg);box-shadow:0 7px 18px #0002}.fsHeroNote:before{content:"";position:absolute;top:-10px;right:30px;width:72px;height:22px;background:var(--fs-orange)}
.fsPanel{margin-bottom:18px;background:#fff;border:1px solid #08296814;border-radius:17px;box-shadow:0 5px 18px #2727270d}.fsFasgo,.fsVia{display:grid;grid-template-columns:1.1fr 1.15fr 2fr;gap:25px;padding-top:34px;padding-bottom:34px}.fsLead{display:grid;grid-template-columns:55px 1fr;gap:16px}.fsLead>b,.fsNum,.fsEnding>b,.fsTransition>b{font-size:35px;color:var(--fs-blue)}.fsLead h2{font-size:30px;color:var(--fs-blue);margin:0 0 15px}.fsLead h3{font:700 25px/1.18 Caveat;margin:0 0 20px;border-bottom:3px solid var(--fs-blue);display:inline-block}.fsLead p,.fsLead strong{font-size:13px;line-height:1.55}.fsLead strong{display:block;color:var(--fs-blue)}
.fsPillars{display:grid;grid-template-columns:repeat(3,1fr);align-items:stretch}.fsPillars article{text-align:center;padding:12px 17px;border-left:1px dashed #08296830}.fsPillars i{display:grid;place-items:center;margin:0 auto 16px;width:54px;height:54px;border-radius:50%;background:var(--fs-blue);color:#fff;font-style:normal;font-size:28px}.fsPillars article:nth-child(2) i{background:var(--fs-orange)}.fsPillars article:nth-child(3) i{background:#ffbd52}.fsPillars h4{margin:0 0 12px;font-size:12px}.fsPillars p{font-size:11px;line-height:1.45}.fsFeatured h3{font-size:12px;margin:0 0 14px}.fsFeatured>div{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.fsFeatured figure{margin:0}.fsFeatured img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:8px}.fsFeatured figcaption{font-size:10px;line-height:1.3;text-align:center;padding-top:8px}.fsFeatured figcaption b,.fsCharacters figcaption b{display:block;font-size:11px;margin-bottom:4px}
.fsTransition{display:grid;grid-template-columns:60px 1fr 100px 1.35fr;gap:25px;align-items:center;margin-bottom:18px;padding-top:28px;padding-bottom:28px;background:var(--fs-cream);border-radius:17px}.fsTransition>b{color:var(--fs-orange)}.fsTransition p{font-size:17px;line-height:1.7}.fsTransition em,.fsTransition h2{font:700 28px/1.2 Caveat;color:var(--fs-orange)}.fsTransition span{font:700 60px Caveat;color:var(--fs-orange)}.fsTransition h2{margin:0;border-bottom:3px solid var(--fs-orange);display:inline-block}
.fsVia{position:relative;grid-template-columns:1.15fr 1.55fr .7fr .65fr;padding-right:45px}.fsVia .fsLead h2,.fsVia .fsLead strong{color:var(--fs-orange)}.fsFour{grid-template-columns:repeat(4,1fr)}.fsFour article{padding:12px}.fsFour article:nth-child(4) i{background:#272727}.fsPhone{position:relative;height:265px;border:7px solid #272727;border-radius:26px;overflow:hidden;background:#272727}.fsPhone img{width:100%;height:100%;object-fit:cover;filter:brightness(.65)}.fsPhone b{position:absolute;left:12px;bottom:18px;color:#fff;font-size:16px;line-height:1.35}.fsSmallNote{align-self:center;background:var(--fs-cream);padding:35px 20px;font:700 18px/1.55 Caveat;color:#272727;transform:rotate(5deg);box-shadow:0 6px 15px #0002}
.fsEcosystem{display:grid;grid-template-columns:55px 2.2fr 1fr;gap:25px;padding-top:28px;padding-bottom:28px}.fsEcoMain h2{font:700 26px Caveat;margin:0 0 22px;color:var(--fs-blue)}.fsEcoMain>div{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.fsEcoMain article{display:grid;grid-template-columns:36px 1fr;column-gap:8px}.fsEcoMain article i{grid-row:1/4;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--fs-blue);color:#fff;font-style:normal}.fsEcoMain article:nth-child(2) i{background:var(--fs-orange)}.fsEcoMain article:nth-child(3) i{background:#d92b70}.fsEcoMain article:nth-child(4) i{background:#111}.fsEcoMain h3{font-size:10px;margin:0}.fsEcoMain article>b{font-size:11px}.fsEcoMain p{font-size:10px;margin:4px 0}.fsEcosystem blockquote{margin:0;padding:0 0 0 25px;border-left:1px dashed #08296855;font:700 20px/1.5 Caveat;color:var(--fs-blue)}
.fsIp{display:grid;grid-template-columns:45px 1.2fr 1.8fr 1fr;gap:25px;padding-top:30px;padding-bottom:30px}.fsIpCopy small{font-weight:800}.fsIpCopy h2{font-size:22px;color:var(--fs-blue);margin:6px 0}.fsIpCopy h3{font:700 20px Caveat;color:var(--fs-orange);margin:0 0 15px}.fsIpCopy p{font-size:12px;line-height:1.5}.fsCharacters{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.fsCharacters figure{margin:0;border:1px solid #ddd;border-radius:8px;overflow:hidden}.fsCharacters img{width:100%;aspect-ratio:1/1.15;object-fit:cover}.fsCharacters figcaption{padding:9px;text-align:center;font-size:10px;line-height:1.35}.fsSkills{align-self:center;font-size:11px;font-weight:800;line-height:3;color:#272727}.fsSkills::first-line{color:var(--fs-blue)}
.fsLearning{padding-top:45px;padding-bottom:45px}.fsLearning h2{font:28px Anton;color:var(--fs-blue);margin:0 0 22px}.fsLearning>div{display:grid;grid-template-columns:1fr 1fr;gap:18px}.fsLearning article{background:#fff;border-radius:14px;padding:25px;border:1px solid #08296818}.fsLearning h3{font-size:20px;color:var(--fs-blue);margin:0 0 10px}.fsLearning p{font-size:13px;line-height:1.6}.fsEnding{display:grid;grid-template-columns:55px 1fr auto auto;gap:30px;align-items:center;padding-top:30px;padding-bottom:30px}.fsEnding h2{font:700 30px Caveat;color:var(--fs-orange);margin:0}.fsEnding p{font:700 17px Caveat;color:var(--fs-blue);margin:0}.fsEnding>a{padding:15px 28px;border:1px solid var(--fs-blue);border-radius:7px;color:var(--fs-blue);text-decoration:none;font-weight:800}.fsEnding .fsNext{background:var(--fs-orange);color:#fff;border-color:var(--fs-orange)}
@media(max-width:1050px){.fsHero{grid-template-columns:1fr}.fsFasgo,.fsVia{grid-template-columns:1fr 1fr}.fsFeatured,.fsPhone,.fsSmallNote{grid-column:1/-1}.fsEcosystem{grid-template-columns:45px 1fr}.fsEcosystem blockquote{grid-column:2}.fsIp{grid-template-columns:45px 1fr 1fr}.fsSkills{grid-column:2/-1}.fsEnding{grid-template-columns:45px 1fr}.fsEnding>a{grid-row:2}}
@media(max-width:700px){.fsHeroCopy h1{font-size:43px}.fsHeroArt{height:390px}.fsHeroMain{width:75%;height:310px}.fsHeroSide{width:34%;height:145px}.fsHeroNote{left:42%;font-size:18px;padding:24px}.fsFasgo,.fsVia,.fsEcosystem,.fsIp{grid-template-columns:1fr}.fsLead{grid-template-columns:45px 1fr}.fsPillars,.fsFour,.fsFeatured>div,.fsEcoMain>div,.fsCharacters,.fsLearning>div{grid-template-columns:1fr 1fr}.fsFeatured,.fsPhone,.fsSmallNote,.fsEcosystem blockquote,.fsSkills{grid-column:1}.fsTransition{grid-template-columns:45px 1fr}.fsTransition span{display:none}.fsTransition h2{grid-column:2}.fsEnding{grid-template-columns:1fr}.fsEnding>a{grid-row:auto}}

/* OSMO case study */
.osmoPage{--os-purple:#756fda;--os-ink:#242846;--os-pink:#edc3ca;background:#fbfaf6;color:var(--os-ink)}.osmoPage .logo span{color:#3478e5}.osmoPage .spark{background:#ff4b27}.osmoPage .navlinks a{color:#111}.osHero{display:grid;grid-template-columns:1fr 1.1fr;gap:55px;align-items:center;padding-top:35px;padding-bottom:55px}.osHero>div:first-child>a{font:14px Anton;color:#3478e5;text-decoration:none}.osHero h1{font-size:65px;line-height:1;margin:45px 0 18px;color:var(--os-purple)}.osHero h2{font-size:27px;line-height:1.25;margin:0 0 32px;border-bottom:3px solid var(--os-purple);display:inline-block}.osHero p{font-size:17px;line-height:1.65}.osTags{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.osTags span{font-size:10px;font-weight:800;padding:10px 16px;border-radius:7px;background:var(--os-purple);color:#fff}.osTags span:nth-child(2){background:#bd492f}.osTags span:nth-child(3){background:#dce8f1;color:#27334a}.osTags span:nth-child(4){background:#eadce9;color:#27334a}.osBrandGrid{height:440px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:8px;position:relative}.osBrandGrid article{padding:30px;background:linear-gradient(135deg,#eee6fc,#c8b9e4);display:flex;flex-direction:column;justify-content:space-between}.osBrandGrid article:nth-child(2){background:linear-gradient(135deg,#a86657,#dfb2a6);color:#fff}.osBrandGrid article:nth-child(3){background:linear-gradient(135deg,#7ea6c7,#c1d9ea)}.osBrandGrid article:nth-child(4){background:linear-gradient(135deg,#f5d6da,#faeeee);color:#a85659}.osBrandGrid b{font-size:31px}.osBrandGrid small{font-size:13px;line-height:1.25}.osNote{position:absolute;right:-28px;top:70px;background:#fffdf5;padding:25px;font:700 22px/1.25 Caveat;color:#272727;transform:rotate(5deg);box-shadow:0 5px 13px #0002}
.osPanel{margin-bottom:16px;background:#fff;border:1px solid #756fda20;border-radius:18px;box-shadow:0 5px 16px #0000000a;padding-top:30px;padding-bottom:30px}.osNum{font-size:34px;color:var(--os-purple)}.osPanel small{font-size:12px;font-weight:800;color:var(--os-purple)}.osFeatured{display:grid;grid-template-columns:45px 1.05fr .7fr 1.45fr;gap:24px}.osIntro h2{font-size:39px;margin:8px 0 0}.osIntro h3{font-size:18px;margin:0 0 18px}.osIntro p{font-size:14px;line-height:1.55}.osIntro a{color:#5f58cc;text-decoration:none;font-weight:700}.osMetric strong{display:block;font-size:63px;color:var(--os-purple)}.osMetric>b{font-size:24px}.osMetric em{display:block;margin-top:35px;font:700 21px/1.15 Caveat;transform:rotate(-5deg)}.osReels{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.osReels figure{margin:0;position:relative}.osReels img{width:100%;height:270px;object-fit:cover;border-radius:8px}.osReels figcaption{position:absolute;left:10px;bottom:10px;color:#fff;font-size:17px;font-weight:800}.osProcess{grid-column:2/-1;display:grid;grid-template-columns:repeat(4,1fr);margin-top:5px}.osProcess article{display:grid;grid-template-columns:42px 1fr;padding:15px;border-right:1px solid #ddd}.osProcess i{grid-row:1/3;color:var(--os-purple);font-size:29px;font-style:normal}.osProcess b{font-size:14px}.osProcess span{font-size:12px;line-height:1.4}
.osReason,.osInfluencer{display:grid;grid-template-columns:45px 1.5fr 1.4fr;gap:25px}.osReason h2,.osInfluencer h2,.osTakeaway h2{font-size:22px;margin:28px 0 15px}.osReason p,.osInfluencer p,.osTakeaway p{font-size:13px;line-height:1.55}.osReasons{display:grid;grid-template-columns:repeat(3,1fr)}.osReasons article{text-align:center;padding:12px;border-left:1px solid #ddd}.osReasons i{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#aaa1ec;color:#fff;font-style:normal;font-size:27px;margin:auto}.osReasons article:nth-child(3) i{background:#edc3ca}.osReasons b{display:block;margin:11px 0 7px}.osReasons span{font-size:11px;line-height:1.35;display:block}.osVoices{display:grid;grid-template-columns:45px 1fr 80px;gap:25px}.osVoiceBody>div{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.osVoiceBody h2{font-size:21px;font-weight:500}.osVoiceBody article{border:1px solid #ddd;border-radius:8px;overflow:hidden;padding-bottom:12px}.osVoiceBody img{width:100%;height:150px;object-fit:cover}.osVoiceBody h3{color:var(--os-purple);font-size:24px;margin:-35px 14px 20px;position:relative}.osVoiceBody article>b,.osVoiceBody article>span{display:block;margin:5px 14px;font-size:11px}.osVoices>em{font:700 20px/1.3 Caveat;color:#5f58cc;transform:rotate(7deg)}.osInfluencer{grid-template-columns:45px 1.3fr .8fr 1.2fr}.osPolaroids{position:relative;height:150px}.osPolaroids img{position:absolute;width:90px;height:120px;object-fit:cover;background:#fff;padding:5px;box-shadow:0 4px 12px #0002}.osPolaroids img:nth-child(2){left:70px;top:22px;transform:rotate(7deg)}.osPolaroids span{position:absolute;left:145px;font:700 16px Caveat}.osTakeaway{display:grid;grid-template-columns:45px 1.2fr 1.7fr;gap:25px}.osTakeaway h2{margin-top:18px}.osEnd{display:grid;grid-template-columns:1fr auto auto 1fr;gap:25px;align-items:center;padding-top:20px;padding-bottom:28px;font-size:12px}.osEnd>a{padding:14px 30px;border:1px solid #3478e5;color:#3478e5;text-decoration:none;font-weight:800;border-radius:6px}.osEnd .osNext{background:#bd492f;color:#fff;border-color:#bd492f}.osEnd span:last-child{text-align:right}.osEnd span:last-child b{color:#bd492f}
@media(max-width:1000px){.osHero{grid-template-columns:1fr}.osFeatured{grid-template-columns:45px 1fr 1fr}.osReels,.osProcess{grid-column:2/-1}.osReason,.osInfluencer{grid-template-columns:45px 1fr}.osReasons,.osPolaroids{grid-column:2}.osInfluencer>.osReasons{grid-column:2}.osVoices{grid-template-columns:45px 1fr}.osVoices>em{grid-column:2}.osTakeaway{grid-template-columns:45px 1fr}.osTakeaway>p{grid-column:2}.osEnd{grid-template-columns:1fr 1fr}.osEnd span:last-child{text-align:left}}
@media(max-width:700px){.osHero h1{font-size:48px}.osBrandGrid{height:380px}.osFeatured,.osReason,.osVoices,.osInfluencer,.osTakeaway{grid-template-columns:1fr}.osIntro,.osMetric,.osReels,.osProcess,.osReasons,.osVoiceBody,.osVoices>em,.osPolaroids,.osInfluencer>.osReasons,.osTakeaway>p{grid-column:1}.osReels,.osVoiceBody>div{grid-template-columns:1fr 1fr}.osProcess,.osReasons{grid-template-columns:1fr 1fr}.osEnd{grid-template-columns:1fr}.osEnd span:last-child{text-align:left}}

/* D6 / Country Fresh case study */
.d6Page{--green:#173e32;--sage:#e9eee5;--cream:#faf8f2;--ink:#102b42;background:var(--cream);color:var(--ink)}
.d6Placeholder{min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px dashed #6e8b7d;background:linear-gradient(135deg,#f3f5ef,#dfe8de);color:#49675c;text-align:center}.d6Placeholder span{font-size:11px;font-weight:800;letter-spacing:1.3px}.d6Placeholder small{font-size:10px}
.d6Hero{min-height:510px;display:grid;grid-template-columns:.9fr 1.2fr .28fr;position:relative;overflow:hidden}.d6HeroCopy{padding:40px 5% 35px 9%}.d6HeroCopy>p:first-child{font-size:12px;line-height:1.55;letter-spacing:.3px;color:#50616c}.d6HeroCopy h1{font-size:48px;line-height:1.02;letter-spacing:-2px;color:var(--green);margin:32px 0 16px}.d6HeroCopy>p:nth-of-type(2){max-width:520px;font-size:14px;line-height:1.55}.d6HeroCopy>b{display:block;margin-top:28px;font-size:18px;color:var(--green)}.d6Visual{min-height:410px}.d6Hero>em{align-self:center;padding:20px;font-style:normal;font-size:13px;line-height:1.5;letter-spacing:2px;color:var(--green)}
.d6Band,.d6Row,.d6Final{max-width:1500px;margin:auto;border-top:1px solid #183f3220}.d6Num{font-size:28px;color:#4d7065}.d6Overview{display:grid;grid-template-columns:55px .9fr 1.25fr .7fr;gap:28px;align-items:center;min-height:210px;padding:28px 4.5% 65px;position:relative;background:linear-gradient(90deg,#f7f6ef,#e9eee5)}.d6Overview small,.d6Side small,.d6Final small{font-size:10px;font-weight:800;letter-spacing:1.2px;color:#60716c}.d6Overview h2{font-size:38px;margin:10px 0 5px}.d6Overview h3{font-size:17px;margin:0}.d6Overview>p{font-size:12px;line-height:1.6}.d6Overview>.d6Placeholder{align-self:stretch}.d6Services{position:absolute;left:10.5%;right:4.5%;bottom:19px;display:grid;grid-template-columns:repeat(5,1fr)}.d6Services span{display:flex;align-items:center;gap:12px;border-right:1px solid #173e3220;font-size:24px;color:#527567}.d6Services b{font-size:9px;color:#243d37}
.d6Row{display:grid;grid-template-columns:330px 1fr;min-height:330px;padding:24px 4.5%;gap:25px;background:#fff}.d6Side{display:grid;grid-template-columns:55px 1fr;align-content:start}.d6Side>.d6Num{grid-row:1/7}.d6Side h2{font-size:31px;line-height:1.05;margin:15px 0;color:var(--ink)}.d6Side p{font-size:12px;line-height:1.55;margin:0 0 18px}.d6Side a{justify-self:start;padding:10px 17px;border:1px solid #527567;color:#183f32;text-decoration:none;font-size:10px;font-weight:800}.d6Gallery{display:grid;gap:7px;min-height:290px}.d6Gallery.pack{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr}.d6Gallery.pack>:first-child{grid-row:1/3}.d6Gallery.brand{grid-template-columns:.7fr 1.4fr}.d6Gallery.web{grid-template-columns:1fr}.d6Gallery.photo{grid-template-columns:1.7fr .8fr;grid-template-rows:1fr 1fr}.d6Gallery.photo>:first-child{grid-row:1/3}.d6Row blockquote{display:none}.d6Cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.d6Cards figure{margin:0}.d6Cards .d6Placeholder,.d6Cards img{width:100%;height:230px;object-fit:cover}.d6Cards figcaption{font-size:10px;line-height:1.5;padding-top:8px}
.d6Final{display:grid;grid-template-columns:55px 1fr 1.25fr .65fr;gap:28px;align-items:center;padding:30px 4.5%;background:var(--sage)}.d6Final h2{font-size:23px;line-height:1.15;margin:8px 0}.d6Final p{font-size:12px;line-height:1.6}.d6Final em{font-style:normal;font-size:10px;letter-spacing:1.3px;line-height:1.7}.d6Pager{display:flex;justify-content:center;gap:24px;padding:28px 4.5%;background:var(--cream)}.d6Pager>a{min-width:190px;padding:14px 28px;border:1px solid #1387c0;border-radius:6px;color:#1387c0;text-decoration:none;text-align:center;font-weight:800}.d6Pager .next{background:var(--green);border-color:var(--green);color:#fff}
@media(max-width:900px){.d6Hero{grid-template-columns:1fr 1fr}.d6Hero>em{display:none}.d6Overview{grid-template-columns:45px 1fr 1fr}.d6Overview>.d6Placeholder{display:none}.d6Row{grid-template-columns:260px 1fr}.d6Services{left:9%}}
@media(max-width:650px){.d6Hero{grid-template-columns:1fr}.d6HeroCopy{padding:32px 24px}.d6HeroCopy h1{font-size:40px}.d6Visual{min-height:330px}.d6Overview,.d6Row,.d6Final{grid-template-columns:1fr;padding:28px 24px}.d6Overview{padding-bottom:28px}.d6Services{position:static;grid-column:1;grid-template-columns:1fr 1fr;gap:18px}.d6Services span{border:0}.d6Side{grid-template-columns:42px 1fr}.d6Gallery{min-height:360px}.d6Gallery.pack,.d6Gallery.photo{grid-template-columns:1fr 1fr}.d6Gallery.brand{grid-template-columns:1fr}.d6Gallery.brand>:first-child{min-height:250px}.d6Cards{grid-template-columns:1fr}.d6Cards .d6Placeholder,.d6Cards img{height:280px}.d6Pager{flex-direction:column}.d6Pager>a{width:100%}}

/* Fantuan case study */
.ftPage{--teal:#16aaa5;--teal-dark:#0b817e;--mint:#e6f5f2;--navy:#102e44;--cream:#fbfaf5;background:var(--cream);color:var(--navy)}.ftPage .spark{background:#f4520d}.ftPlaceholder,.ftChat,.ftPhone{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #168a85;background:linear-gradient(135deg,#e9f7f4,#cfece7);color:#167873;text-align:center}.ftPlaceholder span,.ftChat>span,.ftPhone>span{font-size:11px;font-weight:800;letter-spacing:1px}.ftPlaceholder small,.ftChat small,.ftPhone small{font-size:10px;margin-top:6px}
.ftHero{display:grid;grid-template-columns:.8fr 1.3fr;gap:42px;align-items:center;padding-top:28px;padding-bottom:38px}.ftHeroCopy>a{color:#087fda;text-decoration:none;font:14px Anton}.ftHeroCopy>p:first-of-type{margin-top:32px;font-size:12px;line-height:1.55;color:#597084}.ftHeroCopy h1{font-size:58px;line-height:.98;letter-spacing:-3px;margin:24px 0;color:#0e3440}.ftHeroCopy>p:nth-of-type(2){font-size:14px;line-height:1.55}.ftHeroCopy>b{display:block;margin-top:26px;font-size:31px}.ftHeroCopy>small{display:block;margin:4px 0 0 55px}.ftHeroBoard{height:500px;position:relative}.ftPhone{position:absolute;left:18%;top:5%;width:37%;height:88%;border:10px solid #17282d;border-radius:42px;z-index:3;transform:rotate(-4deg)}.ftFood{position:absolute;right:3%;bottom:3%;width:47%;height:38%}.ftMerchant{position:absolute;right:5%;top:7%;width:42%;height:40%;transform:rotate(4deg)}.ftBubble{position:absolute;left:48%;top:12%;z-index:5;padding:20px 28px;border-radius:50%;background:#d8f0e7;font-size:16px;font-weight:800;transform:rotate(-5deg)}.ftNote{position:absolute;right:-2%;top:18%;font:700 21px/1.3 Caveat;transform:rotate(5deg)}
.ftPanel{margin-bottom:14px;background:#fff;border:1px solid #0b817e20;border-radius:18px;box-shadow:0 4px 14px #0000000a;padding-top:28px;padding-bottom:28px}.ftNum{font-size:34px;color:#326e5e}.ftLead small,.ftTakeaway small{font-size:11px;font-weight:800;color:#607789}.ftLead h2,.ftTakeaway h2{font-size:31px;line-height:1.06;margin:12px 0}.ftLead p,.ftTakeaway p{font-size:12px;line-height:1.55}.ftLead>a{display:inline-block;margin-top:12px;padding:11px 18px;border:1px solid #0b817e;color:#143f45;text-decoration:none;font-size:10px;font-weight:800}
.ftEcosystem{display:grid;grid-template-columns:45px .9fr 2.2fr;gap:24px}.ftFlow{padding:18px 24px;border-radius:15px;background:linear-gradient(110deg,#edf9f7,#e3f3ef)}.ftFlow h3{margin:0 0 22px;color:var(--teal);font-size:17px}.ftFlow>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.ftFlow article{text-align:center;flex:1}.ftFlow i{display:grid;place-items:center;margin:auto;width:56px;height:56px;border-radius:50%;background:#c5ebe4;color:var(--teal-dark);font-size:25px;font-style:normal}.ftFlow b,.ftFlow span{display:block}.ftFlow b{font-size:11px;margin:9px 0}.ftFlow span{font-size:10px;line-height:1.35;color:#597084}.ftFlow strong{color:var(--teal);font-size:21px}
.ftCampaign,.ftCommunity{display:grid;grid-template-columns:45px .9fr 1.75fr .75fr;gap:22px}.ftReels{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.ftReels>.ftPlaceholder{min-height:275px;background:linear-gradient(160deg,#dff5f0,#8ed3c7)}.ftSteps{display:flex;flex-direction:column;justify-content:center;gap:17px}.ftSteps>span{display:grid;grid-template-columns:40px 1fr;font-size:10px;line-height:1.3;color:#5d7180}.ftSteps i{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#d4f2ed;color:#078f89;font-style:normal;font-size:18px}.ftSteps b{display:block;color:var(--navy);font-size:11px}
.ftAction{display:grid;grid-template-columns:45px .85fr 2.65fr;gap:22px}.ftActionGrid{display:grid;grid-template-columns:1fr 1.35fr .9fr;gap:10px}.ftActionGrid article{padding:15px;background:#f7fbfa;border-radius:12px}.ftActionGrid article>b,.ftActionGrid article>span{display:block;font-size:10px}.ftActionGrid article>span{line-height:1.35;color:#607789;min-height:35px}.ftActionGrid .ftPlaceholder{height:180px;margin-top:10px}.ftPush{margin-top:15px;background:#fff;padding:14px;border-radius:9px;box-shadow:0 5px 15px #0002;font-size:10px;line-height:1.4}.ftPush strong{font-size:11px}.ftChat{min-height:280px;border:10px solid #26353a;border-radius:34px;transform:rotate(-5deg)}
.ftTakeaway{display:grid;grid-template-columns:45px 1.25fr 1.4fr .75fr;gap:24px;align-items:center}.ftTakeaway h2{font-size:27px}.ftTakeaway>strong{padding-left:24px;border-left:1px solid #0b817e30;font-size:15px;line-height:1.3}.ftPager{display:flex;justify-content:center;gap:24px;padding-top:24px;padding-bottom:24px}.ftPager>a{min-width:180px;padding:14px 28px;border:1px solid #1387c0;border-radius:6px;color:#1387c0;text-align:center;text-decoration:none;font-weight:800}.ftPager .next{background:#285f4d;border-color:#285f4d;color:#fff}
@media(max-width:1000px){.ftHero{grid-template-columns:1fr}.ftEcosystem{grid-template-columns:45px 1fr}.ftFlow{grid-column:2}.ftCampaign,.ftCommunity{grid-template-columns:45px 1fr 1fr}.ftSteps{grid-column:2/-1;display:grid;grid-template-columns:1fr 1fr}.ftAction{grid-template-columns:45px 1fr}.ftActionGrid{grid-column:2}.ftTakeaway{grid-template-columns:45px 1fr 1fr}.ftTakeaway>strong{grid-column:2/-1}}
@media(max-width:700px){.ftHeroCopy h1{font-size:48px}.ftHeroBoard{height:410px}.ftPhone{left:2%;width:55%}.ftMerchant{width:48%}.ftFood{width:51%}.ftNote{display:none}.ftEcosystem,.ftCampaign,.ftCommunity,.ftAction,.ftTakeaway{grid-template-columns:1fr}.ftLead,.ftFlow,.ftReels,.ftSteps,.ftActionGrid,.ftChat,.ftTakeaway>div,.ftTakeaway>p,.ftTakeaway>strong{grid-column:1}.ftFlow>div{display:grid;grid-template-columns:1fr 30px 1fr}.ftReels{grid-template-columns:1fr 1fr}.ftActionGrid{grid-template-columns:1fr}.ftPager{flex-direction:column}.ftPager>a{width:100%}}