.case-story{--story-gutter:clamp(22px,6vw,96px);font-family:'DM Sans',Arial,sans-serif;color:#171717;background:#fff;line-height:1.5;font-size:17.25px;overflow:clip}
.case-story *{box-sizing:border-box}.case-story h1,.case-story h2,.case-story h3,.case-story p,.case-story figure{margin:0}.case-story a{color:inherit;text-decoration:none}.case-story img{display:block;max-width:100%}.case-story button{font:inherit;cursor:pointer}.case-story a:focus-visible,.case-story button:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.story-wrap{max-width:1480px;margin:auto;padding:40px var(--story-gutter) 65px}.story-back{display:inline-block;font-size:14px;margin-bottom:65px;color:#666!important}
.story-hero{display:grid;grid-template-columns:1fr 1.12fr;gap:7%;align-items:center;margin-bottom:135px}.story-logo{width:120px;height:35px;object-fit:contain;object-position:left;margin-bottom:35px;filter:grayscale(1)}.logo-wookoo{filter:brightness(0)}.logo-masobu{width:145px}.story-hero h1{font-size:clamp(66.7px,8.28vw,121.9px);font-weight:500;letter-spacing:-.065em;line-height:.99;margin-bottom:28px}.story-deck{font-size:clamp(23px,2.415vw,35.65px);line-height:1.32;letter-spacing:-.025em;max-width:510px}.story-meta{margin-top:35px;display:grid;gap:14px;grid-template-columns:1.2fr 1fr;font-size:14px;color:#777;line-height:1.65}.story-hero>.story-photo{margin:0}.hero-portrait{width:100%;max-width:430px;justify-self:end}
.story-photo{min-width:0}.story-photo a{display:block;position:relative;background:#f4f3f0}.story-photo img{width:100%;height:auto;object-fit:contain}.story-photo figcaption,.story-film figcaption{font-size:14px;line-height:1.5;color:#777;margin-top:12px}.photo-zoom{position:absolute;right:16px;bottom:16px;width:32px;height:32px;display:grid;place-items:center;background:#fff;border-radius:50%;opacity:0;transition:opacity .2s}.story-photo a:hover .photo-zoom,.story-photo a:focus-visible .photo-zoom{opacity:1}
.story-chapter{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;margin:0 0 140px}.story-kicker{display:block;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:#888;margin-bottom:25px}.story-copy h2,.product-scope h2{font-size:clamp(36.8px,4.6vw,65.55px);font-weight:400;letter-spacing:-.05em;line-height:1.07;margin-bottom:28px}.story-copy>p{color:#666;font-size:17.25px;line-height:1.85;max-width:460px}.story-copy .story-detail{font-size:14px;margin-top:26px;color:#888}.story-stats{display:flex;gap:40px;margin-top:40px;flex-wrap:wrap}.story-stat{display:flex;flex-direction:column;max-width:180px}.story-stat strong{font-size:clamp(43.7px,5.29vw,74.75px);font-weight:400;letter-spacing:-.065em;line-height:1.1}.story-stat span{font-size:15px;line-height:1.5;color:#777;margin-top:9px}
.phone-media{width:100%;max-width:275px;justify-self:center}.phone-media img{border-radius:12px}.portrait-media{width:100%;max-width:370px;justify-self:center}.local-discovery{background:#f5f5f1;padding:65px 7%;gap:14%;border-radius:3px}.campaign-scene{grid-template-columns:1.2fr .8fr}.image-first{grid-template-columns:1.3fr 1fr;gap:8%}.story-media-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.story-media-pair .story-photo:nth-child(2){margin-top:85px}.live-commerce{grid-template-columns:.9fr 1.2fr;gap:7%}.performance-scene{align-items:start}.performance-scene .story-copy{padding-top:20px}.video-scene{grid-template-columns:.8fr 1.2fr;padding:65px 8%;background:#f4f4f1}.story-film{max-width:300px;width:100%;justify-self:center}.story-film video{display:block;width:100%;height:auto;aspect-ratio:592/1280;max-height:650px;object-fit:contain;background:#111;border-radius:4px}
.hero-mascot-stage{height:490px;position:relative}.story-mascot{pointer-events:none;user-select:none;object-fit:contain}.hero-mascot-stage .older{position:absolute;height:100%;width:auto;right:15%;bottom:-35px}.case-masobu .story-hero{margin-bottom:110px}.masobu-launch{gap:10%;align-items:start}.launch-steps{display:grid;gap:33px;padding-top:5px}.launch-steps>div{display:grid;grid-template-columns:32px 1fr;gap:0 20px}.launch-steps span{color:#bbb;font-size:14px;padding-top:6px}.launch-steps h3{font-size:32.2px;letter-spacing:-.03em;font-weight:400}.launch-steps p{grid-column:2;color:#777;font-size:14.95px;max-width:310px;margin-top:8px;line-height:1.7}.masobu-community{grid-template-columns:.8fr 1.2fr;gap:10%;background:#faf8f7;padding:55px 7%;position:relative}.mascot-stage{height:450px;position:relative}.mascot-stage .younger{height:100%;width:auto;margin:auto}.product-scope{margin-bottom:95px}.scope-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:45px}.scope-columns h3{font-size:27.6px;font-weight:400;letter-spacing:-.035em;margin-bottom:14px}.scope-columns p{font-size:16.1px;color:#777;line-height:1.85}.story-source{font-size:14px;color:#999;line-height:1.7;max-width:750px;margin-top:35px!important}.closing-source{margin-bottom:60px!important}.story-next{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:38px 0 0;border-top:1px solid #ddd}.story-next>span{font-size:14px;color:#888}.story-next strong{font-size:clamp(32.2px,4.6vw,63.25px);font-weight:400;letter-spacing:-.045em}.yola-wordmark{background:#f4f3ef;min-height:440px;display:flex;justify-content:center;flex-direction:column;padding:40px;font:clamp(46px,6.9vw,97.75px)/1.1 Georgia,serif;letter-spacing:-.05em}.yola-wordmark i{padding-left:15px;color:#aaa}.commerce-map{background:#f5f5f1;padding:45px 30px;text-align:center}.commerce-map .story-kicker{margin-bottom:30px}.commerce-brands{font:italic 32.2px Georgia,serif}.map-arrow{display:block;color:#bbb;margin:20px 0}.commerce-hub{font-size:40.25px;letter-spacing:-.04em}.commerce-hub span{display:block;font-size:14px;letter-spacing:0;color:#888}.map-support{margin-top:18px;font-size:14px;color:#777}.commerce-channels{font-size:18.4px;line-height:1.8}
.story-lightbox{border:0;background:#f9f9f7;color:#111;padding:50px 30px 25px;max-width:96vw;width:min(1200px,96vw);max-height:95vh;margin:auto}.story-lightbox::backdrop{background:#111d;backdrop-filter:blur(7px)}.story-lightbox img{max-width:100%;max-height:76vh;width:auto;height:auto;margin:auto;object-fit:contain}.lightbox-top{position:absolute;top:10px;right:20px}.lightbox-close{background:none;border:0;padding:9px 0}.lightbox-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:18px;font-size:14px}.lightbox-nav{display:flex;gap:18px}.lightbox-nav button{background:transparent;border:0;font-size:23px;padding:5px}
@media(max-width:900px){.story-wrap{padding-top:28px}.story-hero{gap:6%;margin-bottom:90px}.story-back{margin-bottom:45px}.story-hero h1{font-size:74.75px}.story-chapter{gap:7%;margin-bottom:95px}.story-stats{gap:24px}.story-copy>p{font-size:16.1px}.local-discovery,.video-scene{padding:45px 6%}.hero-mascot-stage{height:410px}.scope-columns{gap:30px}.live-commerce{grid-template-columns:1fr 1fr}.story-media-pair{gap:15px}.story-media-pair .story-photo:nth-child(2){margin-top:45px}}
@media(max-width:600px){.story-wrap{padding:28px 22px 45px}.story-back{margin-bottom:38px}.story-hero{grid-template-columns:1fr;gap:38px;margin-bottom:70px}.story-logo{width:100px;height:28px;margin-bottom:24px}.story-hero h1{font-size:75.9px;margin-bottom:22px}.story-deck{font-size:27.6px;max-width:350px}.story-meta{font-size:14px;gap:20px;margin-top:25px}.hero-portrait{max-width:320px;justify-self:center}.story-chapter,.image-first,.campaign-scene,.live-commerce,.video-scene,.masobu-community{grid-template-columns:1fr;gap:34px;margin-bottom:75px}.story-copy h2,.product-scope h2{font-size:41.4px;margin-bottom:22px}.story-kicker{font-size:14px;margin-bottom:18px}.story-copy>p{font-size:16.1px;line-height:1.8}.story-stats{margin-top:26px;gap:30px}.story-stat{max-width:140px}.story-stat strong{font-size:51.75px}.story-stat span{font-size:15px}.local-discovery,.video-scene,.masobu-community{padding:35px 22px;margin-inline:-8px}.phone-media{max-width:235px}.portrait-media{max-width:300px}.image-first>.story-copy{grid-row:1}.story-media-pair{gap:16px}.story-media-pair .story-photo:nth-child(2){margin-top:60px}.story-film{max-width:260px}.video-scene>.story-copy{grid-row:1}.story-hero:has(.hero-mascot-stage){position:relative;gap:0;padding-bottom:210px}.hero-mascot-stage{height:220px;position:absolute;width:150px;right:0;bottom:-5px}.hero-mascot-stage .older{right:0;bottom:0}.case-masobu .story-hero{margin-bottom:55px}.masobu-launch{gap:45px}.launch-steps{gap:25px}.mascot-stage{height:285px;order:2}.mascot-stage .younger{margin:0 auto}.scope-columns{grid-template-columns:1fr;gap:28px;margin-top:30px}.scope-columns h3{font-size:26.45px;margin-bottom:9px}.product-scope{margin-bottom:60px}.story-next{align-items:start;padding-top:25px}.story-next strong{font-size:35.65px;text-align:right}.story-source{font-size:14px}.yola-wordmark{min-height:260px;padding:28px;font-size:66.7px}.commerce-map{padding:35px 25px}.story-lightbox{padding:50px 16px 16px}.lightbox-bottom{font-size:14px}.photo-zoom{opacity:1;width:28px;height:28px;right:10px;bottom:10px}}

/* MOBILE PAGING POLICY START */
.lightbox-progress{display:none;height:3px;background:#ffffff38;border-radius:4px;overflow:hidden;margin:0 24px 18px}.lightbox-progress i{display:block;height:100%;background:#fff;transition:width .2s}.story-lightbox>img{touch-action:pan-y}
@media(max-width:760px){.lightbox-nav,.mt1-buttons,.dali-gallery-controls,.dali-carousel-buttons{display:none!important}.lightbox-progress,.case-story .mt1-progress{display:block;height:7px;background:#c2dce6;border-radius:8px}.lightbox-progress{margin:12px 0 2px}.lightbox-progress i,.case-story .mt1-progress span{background:#09859c;border-radius:8px}.lightbox-bottom{padding-bottom:0}.story-lightbox{height:fit-content;max-height:calc(100dvh - 28px);width:calc(100vw - 20px);max-width:none;border-radius:18px;overflow-y:auto;padding:48px 14px 18px}.story-lightbox>img{display:block;max-height:calc(100dvh - 175px);max-width:100%;object-fit:contain}.lightbox-caption{line-height:1.55}.mt1-progress{margin-top:18px}}
/* MOBILE PAGING POLICY END */