/* A three-stop editorial route, not a row of thumbnail cards. */
.services{overflow:hidden;background:#f5f3ef;padding-bottom:130px}.services>.section-top{margin-bottom:95px}.service-flow{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto auto auto;column-gap:24px;row-gap:0;isolation:isolate}.service-route{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible;pointer-events:none}.service-route path{fill:none;stroke:url(#route-ink);stroke-width:1;opacity:.55}.service-route circle{fill:#a4b9ac;stroke:#f5f3ef;stroke-width:4}.service-route .route-motion{stroke:#8c789e;stroke-width:1.6;stroke-dasharray:6 35;opacity:.5;animation:route-travel 9s linear infinite}.service-flow>.service{position:relative;padding:0;border:0;background:none;min-width:0;max-width:540px}.service-flow>.service:nth-of-type(1){grid-column:1/7;grid-row:1}.service-flow>.service:nth-of-type(2){grid-column:8/13;grid-row:2;margin-top:-250px}.service-flow>.service:nth-of-type(3){grid-column:2/7;grid-row:3;margin-top:-210px}.service-flow .service-art{aspect-ratio:1.4;margin:0 0 35px;overflow:visible}.service-flow .service h3{font:500 clamp(23px,2.5vw,35px)/1.6 'Yu Mincho','Hiragino Mincho ProN',serif;margin-bottom:18px}.service-flow .service>p:not(.service-en){font-size:13px;max-width:385px}.service-flow .service-en{font-size:10px;letter-spacing:.22em;color:#8e789b}.service-flow .service ul{padding:16px 0 15px;font-size:11px;margin:0}.service-flow .service .text-link{margin-top:8px;gap:45px}.service-action-word{position:absolute;z-index:3;font:500 clamp(34px,3.8vw,61px)/1.5 'Yu Mincho','Hiragino Mincho ProN',serif;letter-spacing:.1em;color:#6b597b;bottom:-5px;right:-15px;text-shadow:0 0 16px #f5f3eff0}.website-stage{perspective:1000px;padding:20px 18px 20px 0}.website-sheet{position:relative;width:94%;height:88%;background:#141226;box-shadow:18px 22px 45px #30243e20;transform:rotateY(7deg) rotateX(6deg) rotateZ(-6deg);overflow:hidden;border-radius:4px}.window-caption{display:block;height:25px;padding:7px 12px;color:#dad2e6;font:7px ui-monospace,monospace;letter-spacing:.2em;background:#2b2537}.website-sheet>img{display:block;width:100%;height:calc(100% - 25px);object-fit:cover;object-position:top}.website-stage>small{position:absolute;bottom:5px;left:8px;font-size:8px;color:#998e9d;letter-spacing:.05em}.film-stage{isolation:isolate;perspective:1000px}.film-stage .film-main{position:absolute;right:0;top:2%;width:88%;height:75%;object-fit:cover;transform:rotate(6deg);box-shadow:15px 23px 40px #29203322}.film-stage .film-fragment{position:absolute;left:-10%;bottom:8%;width:48%;height:43%;object-fit:cover;transform:rotate(-9deg);box-shadow:12px 18px 30px #29203322}.film-stage .service-action-word{right:-7px;bottom:-12px;color:#786c7e}.connection-stage>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.connection-person{position:absolute;top:34%;left:41%;font:500 22px/1.5 'Yu Mincho',serif;letter-spacing:.08em;color:#426a59;text-align:center}.connection-icon{position:absolute;width:43px;height:43px;opacity:.48}.ci-one{top:11%;left:27%;transform:rotate(-13deg)}.ci-two{top:21%;right:9%;transform:rotate(11deg)}.ci-three{bottom:17%;left:18%;transform:rotate(-10deg)}.ci-four{bottom:12%;right:23%;transform:rotate(8deg)}.connection-stage .service-action-word{color:#527c69;bottom:-12px;right:-20px}
.social-story{position:relative;isolation:isolate}.social-story>.section-top{position:relative;z-index:1;min-height:480px;align-items:flex-start;margin-bottom:45px}.social-story .section-top>div:first-child{max-width:65%}.social-intro{max-width:310px;margin-top:32px;position:relative}.social-brand-diagonal{position:absolute;z-index:0;left:46%;right:7%;top:285px;height:275px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;transform:rotate(0deg)}.social-brand-diagonal img{width:clamp(54px,6.5vw,98px);height:clamp(54px,6.5vw,98px);opacity:.13;transform:rotate(-9deg);filter:drop-shadow(9px 16px 1px #4b666815)}.social-brand-diagonal img:nth-child(2){margin-top:64px;transform:rotate(-5deg)}.social-brand-diagonal img:nth-child(3){margin-top:130px;transform:rotate(5deg)}.social-brand-diagonal img:nth-child(4){margin-top:194px;transform:rotate(9deg)}.social-path,.web-social{position:relative;z-index:1}.social-path{margin-top:35px}.social-story .social-intro p{font-size:13px}.social-story .social-intro p+p{max-width:285px}
@keyframes route-travel{to{stroke-dashoffset:-82}}
@media(max-width:1050px) and (min-width:721px){.service-flow>.service:nth-of-type(2){grid-column:8/13;margin-top:-130px}.service-flow>.service:nth-of-type(3){grid-column:1/7;margin-top:-80px}.service-flow .service h3{font-size:24px}.service-flow .service-art{aspect-ratio:1.25}.social-story>.section-top{min-height:510px}.social-story h2{font-size:31px}.social-intro{max-width:250px;font-size:12px}.social-brand-diagonal{top:310px;left:45%;right:6%}.social-brand-diagonal img{width:64px;height:64px}}
@media(max-width:720px){.services{padding-bottom:85px}.services>.section-top{margin-bottom:50px}.service-flow{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:0;row-gap:72px}.service-flow>.service:nth-of-type(1){grid-column:1/12}.service-flow>.service:nth-of-type(2){grid-column:2/13;grid-row:2;margin-top:0}.service-flow>.service:nth-of-type(3){grid-column:1/12;grid-row:3;margin-top:0}.service-route{opacity:.35}.service-route path{stroke-width:2}.service-flow .service-art{max-height:none;aspect-ratio:1.35;margin-bottom:30px}.service-flow .service h3{font-size:25px}.service-flow .service>p:not(.service-en){font-size:12px}.service-action-word{font-size:39px;right:-15px}.film-stage .film-fragment{left:-4%;bottom:10%}.connection-person{font-size:19px}.connection-icon{width:32px;height:32px}.connection-stage .service-action-word{right:-12px}.social-story>.section-top{min-height:0;padding-bottom:145px;margin-bottom:20px}.social-story .section-top>div:first-child{max-width:none}.social-intro{margin-top:28px;max-width:100%}.social-story .social-intro p{font-size:12px}.social-brand-diagonal{top:515px;left:15%;right:10%;height:210px;justify-content:space-between}.social-brand-diagonal img{width:48px;height:48px;opacity:.14}.social-brand-diagonal img:nth-child(2){margin-top:36px}.social-brand-diagonal img:nth-child(3){margin-top:72px}.social-brand-diagonal img:nth-child(4){margin-top:108px}.social-path{margin-top:20px}.social-story h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){.service-route .route-motion{animation:none}}
@media(max-width:720px){.social-story h2{font-size:clamp(21px,6.1vw,26px);letter-spacing:.02em}}