@charset "UTF-8";
:root{--ink:#142c4b;--blue:#245de9;--yellow:#ffe478;--mint:#a7e4d5;--line:#dbe2eb;--sans:"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif}
*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:var(--sans);font-weight:500;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #e47828;outline-offset:5px}button:focus:not(:focus-visible){outline:none}img{display:block;max-width:100%}h1,h2,p,figure{margin:0}button{border:0}::selection{background:var(--yellow);color:var(--ink)}
.wordmark{font-family:Arial,sans-serif;font-size:23px;font-weight:900;letter-spacing:-1px;line-height:1.05;white-space:nowrap}.wordmark>span{display:block;font-size:9px;letter-spacing:3.4px;margin-top:8px}.eyebrow{font:700 11px/1.5 Arial,sans-serif;letter-spacing:2px}.index-shell{background:#f5f5f0;min-height:100vh}.index-header{height:112px;display:flex;justify-content:space-between;align-items:center;max-width:1360px;margin:auto;padding:0 64px;border-bottom:1px solid #d8dcd6}.edition{font:11px Arial,sans-serif;letter-spacing:1px}.comparison{max-width:1360px;margin:auto;padding:70px 64px}.intro{position:relative}.intro h1{font-size:clamp(38px,4.8vw,68px);letter-spacing:-3px;line-height:1.5;font-weight:900;margin:22px 0 38px}.intro h1>span{color:var(--blue)}.intro-aside{position:absolute;right:10px;top:0;display:flex;align-items:center;gap:35px}.issue{font:150px/1 Arial,sans-serif;letter-spacing:-12px;color:#d6e0f3}.intro-aside p{font-size:13px;line-height:2}.intro-foot{display:flex;justify-content:space-between;padding:0 0 24px;margin-bottom:32px;border-bottom:1px solid #cdd4d8;font-size:12px}.intro-foot>span{color:#667482}.concept-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:52px 28px}.concept-card{min-width:0}.thumbnail{height:300px;overflow:hidden;position:relative;background:white;border-radius:3px;transition:box-shadow .25s,transform .25s}.card-link:hover .thumbnail{transform:translateY(-4px);box-shadow:0 12px 30px #142c4b14}.thumb-index{position:absolute;top:20px;left:23px;font:11px Arial,sans-serif;letter-spacing:1px}.thumb-copy{position:absolute;left:28px;top:100px;font-size:23px;line-height:1.7;font-weight:900;letter-spacing:-1px;z-index:2}.thumb-art{position:absolute;width:57%;height:86%;object-fit:contain;right:-2%;bottom:4%}.thumb-open{position:absolute;right:18px;bottom:18px;width:35px;height:35px;background:var(--ink);color:white;border-radius:50%;display:grid;place-items:center}.mini-bubble{position:absolute;top:45px;right:100px;background:var(--yellow);padding:9px 18px;border-radius:16px;font-size:13px;transform:rotate(8deg)}.thumb-2{background:#fff4e6}.thumb-2 .thumb-copy{top:35px;left:20%;font-size:22px;text-align:center}.thumb-2 .thumb-art{width:70%;height:62%;right:15%;bottom:-5%}.thumb-3 .thumb-copy{font-size:36px;line-height:1.5;left:22px;top:70px;color:var(--blue)}.thumb-3 .thumb-art{width:33%;height:75%;right:2%}.thumb-4 .thumb-copy{top:105px;font-size:24px}.thumb-4 .thumb-art{width:40%;right:3%}.mini-line{position:absolute;inset:40px 25px;border:5px solid var(--blue);border-radius:60px 100px 40px 30px;clip-path:polygon(45% 0,100% 0,100% 100%,0 100%,0 90%,45% 90%)}.thumb-5{background:#eaf6ff}.thumb-5 .thumb-art{width:60%}.thumb-5 .thumb-copy{top:77px;font-size:25px}.card-heading{padding-top:24px}.card-heading>span{font:10px/1.5 Arial,sans-serif;letter-spacing:1.6px;color:#637385}.card-heading h2{font-size:23px;margin:9px 0 15px;display:flex;justify-content:space-between}.card-heading h2>span{font-size:23px;font-weight:400}.card-info>p{font-size:13px;line-height:1.9}.card-info .palette{font-size:11px;margin-top:12px;color:#61758b}.motion-note{display:flex;align-items:baseline;gap:14px;margin-top:16px;font-size:12px;line-height:1.8}.motion-note>span{flex:none;border:1px solid #c5ced7;font-size:10px;padding:1px 8px;border-radius:20px}details{margin-top:19px;border-top:1px solid #d3dadd;border-bottom:1px solid #d3dadd}summary{display:flex;justify-content:space-between;cursor:pointer;list-style:none;font-size:12px;padding:16px 0}summary::-webkit-details-marker{display:none}summary>span{font-size:16px}details[open] summary>span{transform:rotate(45deg)}details p{font-size:12px;line-height:2;padding:0 0 18px}.card-5{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:28px}.card-5 .card-info{padding:60px 20px 0}.comparison-notes{display:grid;grid-template-columns:1fr 1.6fr;gap:60px;border-top:1px solid #ccd3d5;margin-top:75px;padding-top:40px}.comparison-notes h2{font-size:20px;margin-top:18px}.comparison-notes>div>p:not(.eyebrow){font-size:12px;line-height:2;margin-bottom:15px}.index-footer{max-width:1232px;margin:auto;padding:28px 0 40px;border-top:1px solid #ccd3d5;display:flex;justify-content:space-between;font:10px Arial,sans-serif;letter-spacing:1.4px}
/* The comparison chrome is outside the recruiting design. */
.compare-bar{background:#f0f2f5;color:#39495d;min-height:68px;display:flex;align-items:center;gap:20px;padding:12px 24px;border-bottom:1px solid #d6dce4;font-size:11px}.back{font-weight:700;white-space:nowrap}.compare-bar nav{display:flex;gap:4px;flex:1}.compare-bar nav a{padding:9px 12px;border-radius:4px;white-space:nowrap;font:700 12px Arial,sans-serif}.compare-bar nav a span{font:500 10px var(--sans);margin-left:6px}.compare-bar nav a:hover{background:#e1e6ee}.compare-bar nav a[aria-current]{background:var(--ink);color:white}.motion-tools{display:flex;align-items:center;gap:8px}.motion-tools button{background:white;border:1px solid #c7d1dc;padding:9px 12px;border-radius:4px;font-size:10px;white-space:nowrap}.motion-tools .replay{font-weight:700}.site{max-width:1800px;margin:auto;background:white}.site-header{height:106px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between}.header-note{font-size:10px;letter-spacing:.06em}.hero{position:relative;min-height:calc(100svh - 222px);padding:30px 5.5% 40px;isolation:isolate}.role{font-size:12px;font-weight:700;letter-spacing:.06em;display:flex;gap:10px;align-items:center;margin-bottom:28px}.role>span{width:7px;height:7px;background:var(--blue);border-radius:50%;flex:none}.hero h1{font-size:clamp(34px,3.55vw,58px);font-weight:900;line-height:1.65;letter-spacing:-1.8px}.hero-desc{font-size:13px;line-height:2.2;margin-top:25px;letter-spacing:.02em}.ctas{display:flex;gap:10px;flex-wrap:wrap;margin-top:34px}.cta{min-height:56px;display:inline-flex;justify-content:space-between;align-items:center;gap:25px;padding:16px 23px;font-size:12px;font-weight:700;border-radius:6px;transition:transform .2s,box-shadow .2s}.cta.primary{background:var(--blue);color:white;box-shadow:0 5px 0 #1038a2}.cta.secondary{background:white;color:var(--ink);border:1px solid #becbd8}.cta span{font-size:19px;font-weight:400}.cta:hover,.cta:focus-visible{transform:translateY(-3px)}.cta:active{transform:translateY(2px)}.small-en{font:9px/1.8 Arial,sans-serif;letter-spacing:2px;color:#77859a}.hero-bottom{height:48px;display:flex;justify-content:space-between;align-items:center;margin:0 5.5%;border-top:1px solid #e2e9f0;font-size:10px}.hero-bottom>span:last-child{font:9px Arial,sans-serif;letter-spacing:2px}.hero-copy{position:relative;z-index:2}.concept-1 .hero{display:grid;grid-template-columns:1.02fr 1fr;align-items:center;gap:0}.concept-1 .hero h1{font-size:clamp(30px,3.25vw,54px);letter-spacing:-1.5px}.concept-1 .small-en{margin-top:45px}.talk-art{position:relative;width:100%;aspect-ratio:1.05}.talk-art .people{position:absolute;width:100%;bottom:0}.talk-ring{width:68%;aspect-ratio:1;border:1px solid #c8e4fa;border-radius:50%;position:absolute;left:15%;top:12%}.bubble{position:absolute;font-weight:900;color:var(--blue);border-radius:35px;box-shadow:0 7px 0 #1630520a;z-index:2;transform-origin:bottom center}.bubble:after{content:"";position:absolute;width:20px;height:22px;background:inherit;bottom:-12px;left:30%;clip-path:polygon(0 0,100% 0,0 100%)}.bubble span{display:block;font:9px Arial,sans-serif;letter-spacing:2px;margin-top:4px}.bubble-one{left:2%;top:4%;background:var(--yellow);font-size:29px;padding:20px 30px;transform:rotate(-8deg)}.bubble-two{right:0;top:12%;background:var(--blue);color:white;font-size:30px;padding:18px 35px;transform:rotate(8deg)}.bubble-three{left:37%;bottom:6%;background:white;border:2px solid var(--blue);font-size:19px;padding:19px 22px;transform:rotate(-4deg)}.talk-spark{position:absolute;left:48%;top:11%;font-size:44px;color:var(--blue)}.playing .bubble-one{animation:bubble-pop .7s .08s both}.playing .bubble-two{animation:bubble-pop .7s .42s both}.playing .bubble-three{animation:bubble-pop .7s .78s both,breathe 4s 1.6s infinite ease-in-out}.concept-1 .cta:hover,.concept-1 .cta:focus-visible{animation:answer .35s ease}
/* 02 — a paper stage, unfolding on a horizontal hinge. */
.concept-2 .site{background:#fff7eb}.concept-2 .site-header{height:88px}.concept-2 .hero{padding-top:10px;min-height:calc(100svh - 204px);overflow:hidden}.event-title{text-align:center;position:relative;z-index:3}.event-title .role{justify-content:center;margin-bottom:15px}.event-title h1{font-size:clamp(30px,3.2vw,50px);line-height:1.5}.event-title .hero-desc{margin-top:14px;font-size:12px}.event-title .ctas{justify-content:center;margin-top:20px}.concept-2 .cta.primary{background:#214ed2;box-shadow:0 5px 0 #133798}.concept-2 .cta{min-height:49px;padding:13px 22px}.event-stage{width:min(900px,100%);height:310px;margin:20px auto -20px;position:relative;perspective:1000px}.floor{position:absolute;left:2%;right:2%;top:72%;height:28%;background:#f1dfc6;transform:rotateX(52deg);border-radius:50%;box-shadow:0 15px 30px #d3b99c55}.event-people{position:absolute;width:65%;height:100%;object-fit:contain;left:18%;top:-3%;z-index:3}.fold{transform-origin:center bottom;backface-visibility:hidden;position:absolute}.event-board{left:7%;bottom:14%;background:#245de9;width:158px;height:232px;color:white;padding:20px 17px;z-index:2;box-shadow:9px 7px 0 #132f8a}.event-board>span{font:8px Arial,sans-serif;letter-spacing:1px}.event-board>strong{display:block;font-size:15px;line-height:1.7;margin-top:16px}.phone-icon{width:38px;height:64px;border:3px solid white;border-radius:8px;margin-top:15px;position:relative}.phone-icon span{position:absolute;inset:6px 4px 11px;background:#bddcff;border-radius:2px}.event-board i{position:absolute;width:17px;height:35px;background:#163052;bottom:-35px;left:65px}.event-flag{right:14%;top:0;z-index:1;background:#f39d76;width:130px;height:43px;font:700 12px Arial,sans-serif;padding:15px;transform-origin:left center;clip-path:polygon(0 0,100% 0,90% 50%,100% 100%,0 100%)}.event-flag:after{content:""}.event-counter{left:36%;bottom:4%;width:235px;height:108px;z-index:4;background:#f4aa84;box-shadow:12px 5px 0 #dd825b;padding:25px 25px 10px;transform:rotateY(-10deg)}.counter-top{position:absolute;left:-9px;right:-12px;top:-12px;height:16px;background:#fffdfa;box-shadow:0 3px 0 #dab391;transform:skewX(-20deg)}.event-counter>span{font:900 26px Arial,sans-serif;letter-spacing:2px;color:#163052}.event-counter>strong{display:block;font-size:11px;margin-top:6px}.event-counter i{width:65px;height:48px;background:#fff8ed;position:absolute;right:20px;top:28px;clip-path:polygon(40% 0,100% 0,100% 100%,40% 100%);opacity:.35}.event-wheel{right:8%;bottom:9%;width:73px;height:105px;z-index:4}.event-wheel span{display:block;width:73px;height:73px;border:5px solid white;border-radius:50%;background:conic-gradient(#245de9 0 25%,#ffd577 0 50%,#245de9 0 75%,#f5a27e 0);box-shadow:4px 4px 0 #d8c3ab}.event-wheel i{position:absolute;height:35px;width:10px;background:#163052;bottom:0;left:32px}.stage-label{position:absolute;font-size:9px;letter-spacing:.1em;right:0;bottom:0;writing-mode:vertical-rl;transform:translateX(12px)}.playing .event-board{animation:paper-unfold 1s .05s both}.playing .event-counter{animation:paper-unfold 1s .4s both}.playing .event-wheel{animation:paper-unfold .9s .7s both}.playing .event-people{animation:join-stage .7s .9s both}.playing .event-flag{animation:paper-unfold .9s .2s both,flag 4s 1.5s infinite ease-in-out}
/* 03 — typography takes the whole canvas. */
.concept-3 .hero{padding-top:5px;padding-bottom:35px;min-height:calc(100svh - 222px)}.rhythm-top{display:flex;justify-content:space-between;align-items:center}.rhythm-top .role{margin-bottom:0}.type-poster{margin-top:26px;position:relative}.type-line{position:relative}.type-line.first .rhythm-heading{font-size:clamp(80px,10.8vw,170px);line-height:1.16;letter-spacing:-.09em;font-weight:900}.type-line.first .rhythm-heading>span{display:inline-block}.rhythm-listen{position:absolute;width:20%;height:215%;object-fit:contain;object-position:bottom;right:6%;bottom:-3%;z-index:-1}.type-line.second{display:flex;align-items:center;margin-top:18px;padding-bottom:35px}.poster-title{display:flex;align-items:baseline;gap:0;font-weight:900;letter-spacing:-.1em;line-height:1.2;white-space:nowrap}.poster-title .achieved{display:inline-block;font-size:clamp(60px,7.5vw,116px);color:var(--blue);position:relative}.poster-title .achieved:after{position:absolute;content:"";height:9px;left:7%;right:5%;bottom:-15px;background:var(--blue);transform-origin:left}.poster-title .more{font-size:clamp(37px,5.5vw,86px)}.rhythm-cheer{position:absolute;width:18%;height:240%;object-fit:contain;left:45%;bottom:11%;z-index:-1;opacity:1}.type-line.first{z-index:1}.type-line.second{z-index:2}.rhythm-bottom{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-top:15px}.rhythm-bottom .hero-desc{margin:0}.rhythm-bottom .ctas{margin:0}.playing .type-line.first .rhythm-heading>span:first-child{animation:type-align .6s both}.playing .type-line.first .rhythm-heading>span:last-child{animation:type-align .6s .12s both}.playing .poster-title{animation:type-align .6s .2s both}.playing .achieved{animation:word-bounce .7s .45s both}.playing .achieved:after{animation:underline .6s .7s both}
/* 04 — a drawn connection between two asymmetric moments. */
.concept-4 .hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:3%}.concept-4 .hero h1{font-size:clamp(31px,3.15vw,50px)}.concept-4 .hero h1:after{content:"";display:block;height:5px;width:82%;background:var(--blue);margin-top:8px;transform-origin:right}.playing .hero h1:after{animation:underline .8s .1s both}.connect-sign{font-size:10px;display:flex;align-items:center;gap:12px;margin-top:45px}.connect-sign>span{width:12px;height:12px;background:var(--yellow);border-radius:50%;border:2px solid var(--blue)}.connect-art{width:100%;aspect-ratio:1;position:relative}.connection{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.route{stroke:var(--blue);stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:0}.playing .route{animation:draw-line 4.6s linear both}.connect-scene{position:absolute;z-index:1}.connect-scene img{border:5px solid var(--blue);object-fit:contain;width:100%;background:white}.connect-scene.consult{left:1%;top:2%;width:70%;transform:rotate(-4deg)}.connect-scene.consult img{border-radius:75px 75px 40px 40px}.connect-scene.service{right:4%;bottom:6%;width:43%;transform:rotate(5deg)}.connect-scene.service img{border-radius:70px 70px 35px 35px}.connect-scene figcaption{font-size:10px;background:white;display:inline-block;padding:8px 10px;position:relative;left:8px;top:-14px;border:1px solid #d5e5ef;border-radius:20px;white-space:nowrap}.connect-scene figcaption span{font:700 9px Arial,sans-serif;color:var(--blue)}.connect-star{font-size:45px;color:var(--mint);position:absolute;left:18%;bottom:15%}.playing .consult{animation:scene-reply .65s 1.38s both}.playing .service{animation:scene-reply .65s 3.4s both}
/* 05 — a choice, with stable scene geometry. */
.concept-5 .site{background:#edf7ff}.concept-5 .hero{display:grid;grid-template-columns:1.05fr 1fr;gap:3%;align-items:center}.concept-5 .hero h1{font-size:clamp(32px,3.2vw,52px)}.concept-5 .hero-desc{font-size:12px;margin-top:18px}.concept-5 .role{margin-bottom:18px}.strength-choices{display:flex;flex-direction:column;gap:10px;margin-top:23px;max-width:390px}.strength-choices button{width:100%;min-height:52px;border:1px solid #163052;border-radius:7px;box-shadow:0 4px 0 var(--ink);display:flex;align-items:center;text-align:left;padding:10px 17px;gap:18px;font-size:14px;font-weight:700;transition:transform .18s,box-shadow .18s;background:var(--yellow)}.strength-choices button:nth-child(2){background:#a7e4d5}.strength-choices button:nth-child(3){background:#ffc6b8}.strength-choices button>span{font:10px Arial,sans-serif;opacity:.7}.strength-choices button>i{margin-left:auto;font-style:normal;font-weight:400;font-size:22px}.strength-choices button:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--ink)}.strength-choices button[aria-pressed=true],.strength-choices button:active{transform:translateY(4px);box-shadow:0 0 0 var(--ink)}.strength-choices button[aria-pressed=true]>i{font-size:0}.strength-choices button[aria-pressed=true]>i:after{content:"✓";font-size:18px}.concept-5 .ctas{margin-top:25px;gap:8px}.concept-5 .cta{font-size:11px;gap:15px;padding:15px 19px}.strength-stage{position:relative;min-width:0;width:100%;padding-bottom:10px;z-index:1}.strength-art{width:100%;aspect-ratio:600/470;position:relative}.strength-img{width:100%;height:100%;object-fit:contain;position:relative;z-index:1}.scene-caption{height:128px;text-align:center;padding:15px 5px 0;position:relative;z-index:1}.scene-label{font:9px Arial,sans-serif;letter-spacing:2px;color:#56778e}.scene-caption h2{font-size:17px;letter-spacing:-.05em;line-height:1.7;margin-top:12px}.scene-caption p{font-size:11px;line-height:1.9;margin-top:8px}.strength-orbit{position:absolute;width:92%;aspect-ratio:1;top:-1%;left:4%;border:1px dashed #b1cfe4;border-radius:50%;z-index:-1}.switching .strength-art,.switching .scene-caption{animation:scene-switch .38s ease both}.playing .strength-stage{animation:scene-switch .6s ease both}
@keyframes bubble-pop{0%{opacity:0;scale:.5;translate:0 12px}65%{opacity:1;scale:1.08;translate:0 -4px}100%{opacity:1;scale:1;translate:0 0}}@keyframes breathe{0%,100%{scale:1}50%{scale:1.045}}@keyframes answer{45%{transform:translateY(-4px) rotate(-1deg)}75%{transform:translateY(-2px) rotate(1deg)}}@keyframes paper-unfold{0%{opacity:.2;rotate:x -88deg}55%{opacity:1;rotate:x 12deg}100%{opacity:1;rotate:x 0deg}}@keyframes join-stage{from{opacity:0;clip-path:inset(100% 0 0)}to{opacity:1;clip-path:inset(0)}}@keyframes flag{0%,100%{rotate:y -7deg}50%{rotate:y 11deg}}@keyframes type-align{from{transform:translate(18px,8px)}to{transform:translate(0,0)}}@keyframes word-bounce{0%,100%{scale:1}40%{scale:1.035 .97}70%{scale:.99 1.02}}@keyframes underline{from{scale:0 1}to{scale:1 1}}@keyframes draw-line{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes scene-reply{0%,100%{scale:1}45%{scale:1.035;filter:drop-shadow(0 0 9px #245de92b)}}@keyframes scene-switch{from{opacity:.5;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}
.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .travel-dot{visibility:hidden}
@media(min-width:1550px){.hero{min-height:660px}.event-stage{height:350px}.type-poster{margin-top:45px}.rhythm-bottom{margin-top:30px}}
@media(max-width:1250px){.compare-bar{gap:12px;padding:10px 16px}.compare-bar nav a{padding:9px}.compare-bar nav a span{display:none}.motion-tools button{padding:9px 10px}.hero{min-height:600px}.hero h1{letter-spacing:-1.5px}.concept-1 .hero{grid-template-columns:1.1fr 1fr}.concept-1 .hero h1{font-size:3.25vw}.hero-desc{font-size:12px}.cta{padding:15px 18px;gap:18px;font-size:11px}.concept-3 .hero{min-height:580px}.rhythm-listen{height:220%}.intro-aside{gap:20px}.issue{font-size:100px}.intro-aside p{font-size:11px}.intro h1{font-size:52px}.thumbnail{height:270px}.thumb-copy{font-size:20px}.thumb-3 .thumb-copy{font-size:30px}.thumb-4 .thumb-copy{font-size:21px}.thumb-5 .thumb-copy{font-size:21px}.concept-5 .hero{grid-template-columns:1.12fr 1fr;gap:0}.concept-5 .hero-desc br{display:none}.concept-5 .cta{padding:14px 15px;font-size:10px;gap:10px}.scene-caption h2{font-size:14px}}
@media(max-width:900px){.hero{padding-left:5%;padding-right:5%}.site-header{padding:0 5%;height:95px}.concept-1 .hero{grid-template-columns:1.15fr 1fr}.hero h1,.concept-4 .hero h1,.concept-5 .hero h1{font-size:31px}.concept-1 .hero h1{font-size:28px}.hero-desc br{display:none}.hero-desc{font-size:12px}.ctas{gap:12px;margin-top:25px}.cta{min-height:48px;font-size:10px;gap:15px;padding:13px 15px}.bubble-one,.bubble-two{font-size:21px;padding:15px 23px}.bubble-three{font-size:14px;padding:13px}.bubble span{font-size:7px}.talk-spark{font-size:30px}.concept-2 .hero{min-height:650px}.concept-3 .hero{min-height:550px}.rhythm-bottom{display:block;margin-top:24px}.rhythm-bottom .ctas{margin-top:22px}.rhythm-listen{height:220%;bottom:-5%;right:1%}.rhythm-cheer{height:240%;left:46%}.type-poster{margin-top:65px}.type-line.first .rhythm-heading{font-size:11vw}.poster-title .achieved{font-size:8vw}.poster-title .more{font-size:5.8vw}.connection{scale:1.04}.connect-scene figcaption{font-size:8px}.concept-4 .hero{gap:1%}.concept-4 .hero h1{font-size:29px}.concept-5 .hero{grid-template-columns:1.12fr 1fr;gap:1%}.concept-5 .hero h1{font-size:28px}.concept-5 .hero-desc{font-size:11px}.concept-5 .ctas{flex-direction:column;align-items:start}.strength-choices button{font-size:13px}.scene-caption{height:140px}.scene-caption h2{font-size:13px}.scene-caption p{font-size:10px}.index-header{padding:0 32px}.comparison{padding:50px 32px}.intro h1{font-size:43px}.intro-aside{right:0;top:40px}.issue{display:none}.intro-aside p{font-size:10px}.thumbnail{height:230px}.thumb-copy{left:18px;top:80px;font-size:17px}.thumb-2 .thumb-copy{font-size:18px;top:32px}.thumb-3 .thumb-copy{font-size:25px}.thumb-4 .thumb-copy,.thumb-5 .thumb-copy{font-size:18px}.mini-bubble{right:65px;font-size:10px}.card-heading h2{font-size:20px}.index-footer{margin:0 32px}.card-5 .card-info{padding:30px 0}.comparison-notes{gap:30px}}
/* Mobile is recomposed: copy and CTAs stay above the illustrations. */
@media(max-width:650px){.compare-bar{display:grid;grid-template-columns:1fr 1fr;padding:10px 16px;gap:9px 8px}.back{font-size:10px}.compare-bar nav{grid-column:1/-1;grid-row:2;justify-content:space-between;gap:7px}.compare-bar nav a{flex:1;text-align:center;padding:8px 10px;font-size:11px;background:#e5e9ef}.motion-tools{grid-column:2;grid-row:1;justify-content:end;gap:5px}.motion-tools button{font-size:9px;padding:7px 8px}.motion-tools .replay{font-size:13px}.motion-tools .replay span{font-size:0}.motion-tools .replay span:after{content:"再生";font-size:9px}.site-header,.concept-2 .site-header{height:82px;padding:0 23px}.wordmark{font-size:20px}.wordmark>span{font-size:7px;letter-spacing:3.1px;margin-top:6px}.header-note{font-size:8px;max-width:120px;text-align:right;line-height:1.8}.hero,.concept-1 .hero,.concept-2 .hero,.concept-3 .hero,.concept-4 .hero,.concept-5 .hero{display:block;min-height:0;padding:21px 23px 25px}.role{font-size:10px;letter-spacing:.015em;gap:8px;margin-bottom:20px}.hero h1,.concept-1 .hero h1,.concept-4 .hero h1,.concept-5 .hero h1{font-size:clamp(25px,7vw,38px);line-height:1.65;letter-spacing:-1.3px}.hero-desc,.concept-5 .hero-desc{font-size:11px;line-height:2.05;margin-top:19px}.hero-desc br{display:none}.ctas{gap:8px;flex-wrap:nowrap;margin-top:23px}.cta,.concept-5 .cta{flex:1;min-height:49px;font-size:10px;gap:8px;padding:12px 13px;border-radius:5px;white-space:nowrap}.cta span{font-size:15px}.cta.secondary{flex:.84}.hero-bottom{height:54px;margin:0 23px;gap:15px;font-size:8px}.hero-bottom>span:last-child{font-size:7px;letter-spacing:.6px;text-align:right}.concept-1 .small-en{display:none}.talk-art{margin:25px auto 0;max-width:420px;aspect-ratio:1.15}.bubble-one{top:0%;left:4%;font-size:22px;padding:14px 22px}.bubble-two{top:8%;right:3%;font-size:23px;padding:14px 24px}.bubble-three{font-size:15px;bottom:0;left:35%;padding:13px 18px}.talk-spark{top:7%;left:48%;font-size:28px}.talk-art .people{bottom:0}.concept-2 .hero{padding:16px 16px 22px}.event-title .role{font-size:10px;margin-bottom:16px}.event-title h1{font-size:clamp(23px,6.1vw,34px);letter-spacing:-1.3px;line-height:1.65}.event-title .hero-desc{font-size:10px;padding:0 7px;margin-top:17px}.event-title .ctas{padding:0 7px;margin-top:23px}.concept-2 .cta{font-size:10px;padding:12px}.event-stage{height:275px;margin-top:30px;margin-bottom:0;width:100%;max-width:430px}.floor{left:0;right:0;top:73%}.event-board{left:2%;bottom:16%;width:98px;height:166px;padding:14px 10px;box-shadow:5px 5px 0 #132f8a}.event-board>span{font-size:6px}.event-board>strong{font-size:10px;margin-top:12px}.phone-icon{width:28px;height:45px;margin-top:12px}.event-board i{height:20px;bottom:-20px;width:10px;left:39px}.event-people{width:87%;left:9%;top:-2%;height:100%;z-index:3}.event-counter{left:31%;width:145px;height:85px;bottom:3%;padding:20px 15px 5px;box-shadow:7px 5px 0 #dd825b}.event-counter>span{font-size:21px}.event-counter>strong{font-size:8px}.event-counter i{display:none}.event-wheel{right:1%;width:49px;height:80px;bottom:7%}.event-wheel span{width:49px;height:49px;border-width:3px}.event-wheel i{left:21px;height:31px;width:8px}.event-flag{right:3%;top:5%;width:100px;height:32px;font-size:9px;padding:11px}.stage-label{display:none}.concept-3 .hero{padding-top:16px;overflow:hidden}.rhythm-top>.small-en{font-size:7px;letter-spacing:1px}.rhythm-top .role{font-size:9px}.type-poster{margin-top:58px}.type-line.first .rhythm-heading{font-size:clamp(46px,13.5vw,84px);letter-spacing:-.1em;line-height:1.2}.rhythm-listen{width:26%;height:245%;right:0;bottom:-2%}.type-line.second{margin-top:23px;display:block;padding-bottom:15px}.poster-title{display:block;white-space:normal;line-height:1.3}.poster-title .achieved{font-size:clamp(42px,12.3vw,72px);display:block;width:max-content}.poster-title .more{font-size:clamp(39px,10.4vw,66px);display:block;margin-top:23px;letter-spacing:-.08em}.poster-title .achieved:after{height:5px;bottom:-8px}.rhythm-cheer{width:32%;height:145%;left:auto;right:0;bottom:0;z-index:-1}.rhythm-bottom{margin-top:23px}.rhythm-bottom .ctas{margin-top:23px}.concept-4 .hero h1:after{height:4px;margin-top:10px;width:87%}.connect-sign{margin-top:23px;font-size:9px}.connect-art{margin:27px auto 0;max-width:430px;aspect-ratio:1.04}.connection{scale:1}.connect-scene.consult{left:2%;width:66%;top:0}.connect-scene.service{width:42%;right:5%;bottom:4%}.connect-scene img{border-width:4px}.connect-scene.consult img{border-radius:55px 55px 30px 30px}.connect-scene.service img{border-radius:55px 55px 25px 25px}.connect-scene figcaption{font-size:8px;padding:7px 8px;left:4px}.connect-star{font-size:35px}.concept-5 .role{margin-bottom:19px}.strength-choices{max-width:none;margin-top:22px;gap:12px}.strength-choices button{min-height:51px;font-size:13px;padding:11px 16px}.concept-5 .ctas{flex-direction:row;align-items:stretch;margin-top:25px;gap:8px}.strength-stage{max-width:430px;margin:28px auto 0}.strength-art{aspect-ratio:600/430}.scene-caption{height:124px;padding-top:8px}.scene-caption h2{font-size:14px;line-height:1.8;margin-top:10px}.scene-caption p{font-size:10px}.strength-orbit{width:88%;left:6%}.index-header{height:88px;padding:0 23px}.edition{font-size:7px;letter-spacing:.3px;max-width:100px;line-height:1.8;text-align:right}.comparison{padding:40px 23px}.intro .eyebrow{font-size:8px;letter-spacing:1.5px}.intro h1{font-size:36px;letter-spacing:-1.8px;margin-top:22px;margin-bottom:24px;line-height:1.55}.intro-aside{position:static}.intro-aside p{font-size:11px;line-height:1.9}.intro-aside p br{display:none}.intro-foot{display:block;margin-top:26px;padding-bottom:20px;margin-bottom:24px}.intro-foot>p{font-size:10px}.intro-foot>span{display:block;font-size:10px;margin-top:12px}.concept-grid{grid-template-columns:1fr;gap:36px}.thumbnail{height:250px}.thumb-copy{font-size:20px;left:20px;top:85px}.thumb-2 .thumb-copy{font-size:21px;left:18%;top:32px}.thumb-3 .thumb-copy{font-size:29px}.thumb-4 .thumb-copy{font-size:21px;top:90px}.thumb-5 .thumb-copy{font-size:21px}.thumb-index{font-size:9px}.card-heading{padding-top:19px}.card-heading>span{font-size:9px}.card-heading h2{font-size:21px;margin:9px 0 13px}.card-info>p{font-size:12px}.motion-note{font-size:11px}summary{font-size:11px}.card-5{display:block;grid-column:auto}.card-5 .card-info{padding:0}.comparison-notes{display:block;margin-top:40px;padding-top:30px}.comparison-notes h2{font-size:18px;margin:15px 0 23px}.comparison-notes>div>p:not(.eyebrow){font-size:11px}.index-footer{margin:0 23px;padding:23px 0 30px;font-size:8px;gap:20px}.index-footer>span:last-child{text-align:right;line-height:1.8}}
@media(max-width:360px){.hero,.concept-1 .hero,.concept-3 .hero,.concept-4 .hero,.concept-5 .hero{padding-left:18px;padding-right:18px}.hero h1,.concept-1 .hero h1,.concept-4 .hero h1,.concept-5 .hero h1{font-size:24px}.cta,.concept-5 .cta{font-size:9px;padding:12px 10px;gap:5px}.event-title h1{font-size:21px}.event-counter{left:30%}.role{font-size:9px}.intro h1{font-size:31px}.thumbnail{height:225px}.thumb-copy{font-size:17px}.thumb-3 .thumb-copy{font-size:25px}.thumb-4 .thumb-copy,.thumb-5 .thumb-copy{font-size:18px}}
/* Keep faces in the negative space beside the type, away from the header. */
.rhythm-listen{width:16%;height:190px;right:2%;bottom:-12px}
.rhythm-cheer{width:14%;height:180px;left:auto;right:0;bottom:-18px}
.connection{z-index:0;pointer-events:none;scale:1}
.concept-4 .hero h1:after{display:none}
.concept-4 .hero{padding-bottom:48px}
.concept-4 .hero>.connection{inset:0;width:100%;height:100%}
@media(min-width:651px) and (max-height:800px){.site-header{height:82px}.hero,.concept-1 .hero,.concept-3 .hero,.concept-4 .hero,.concept-5 .hero{min-height:calc(100svh - 198px);padding-top:15px;padding-bottom:30px}.hero h1,.concept-1 .hero h1,.concept-4 .hero h1,.concept-5 .hero h1{font-size:clamp(28px,3vw,44px)}.hero-desc{margin-top:17px;line-height:2}.role{margin-bottom:18px}.ctas{margin-top:25px}.concept-1 .small-en{margin-top:28px}.concept-5 .strength-choices{margin-top:18px;gap:9px}.concept-5 .strength-choices button{min-height:46px}.concept-5 .ctas{margin-top:20px}.concept-5 .hero-desc{margin-top:14px}.concept-5 .cta{min-height:48px;padding-top:12px;padding-bottom:12px}.concept-5 .strength-stage{max-width:480px;margin:auto}.concept-2 .site-header{height:76px}.concept-2 .hero{min-height:0;padding-top:5px;padding-bottom:24px}.event-title h1{font-size:31px;line-height:1.45}.event-title .role{margin-bottom:10px}.event-title .hero-desc{margin-top:10px;line-height:1.8}.event-title .ctas{margin-top:15px}.event-stage{height:225px;width:min(780px,100%);margin-top:15px;margin-bottom:0}.event-board{height:190px;width:140px;padding:14px}.event-board>strong{font-size:13px;margin-top:12px}.phone-icon{height:50px;width:31px}.event-counter{height:85px;width:210px;padding:15px 23px 10px}.event-counter>span{font-size:23px}.event-wheel{scale:.85;transform-origin:bottom}.event-flag{scale:.85}.concept-3 .hero{padding-top:15px}.type-poster{margin-top:30px}.concept-4 .hero{padding-bottom:40px}}
@media(max-width:900px) and (min-width:651px){.rhythm-listen{height:145px;width:16%;bottom:-12px}.rhythm-cheer{height:135px;width:15%;right:0;left:auto;bottom:-15px}}
@media(max-width:650px){.type-line.first .rhythm-heading{font-size:12.2vw}.rhythm-listen{width:24%;height:115px;right:-4%;bottom:-3px}.rhythm-cheer{width:31%;height:155px;right:-2%;left:auto;bottom:-5px}.hero-desc,.concept-5 .hero-desc{font-size:12px}.cta,.concept-5 .cta,.concept-2 .cta{font-size:11px}.scene-caption p{font-size:11px}}
@media(max-width:360px){.cta,.concept-5 .cta,.concept-2 .cta{font-size:10px}}
.concept-5 .hero{overflow:hidden}
.thumb-1 .thumb-copy{width:51%;font-size:20px}.thumb-3 .thumb-copy{width:72%;font-size:30px}.thumb-5 .thumb-copy{width:50%;font-size:22px}
@keyframes draw-line{0%{stroke-dashoffset:100}22%,34%{stroke-dashoffset:var(--stop-one,70)}62%,74%{stroke-dashoffset:var(--stop-two,28)}92%,100%{stroke-dashoffset:0}}
@media(max-width:650px){.event-people{width:78%;left:19%}.thumb-1 .thumb-copy{font-size:16px;width:53%}.thumb-3 .thumb-copy{font-size:25px;width:74%}.thumb-4 .thumb-copy{font-size:17px;width:58%}.thumb-5 .thumb-copy{font-size:17px;width:50%}}
@media(max-width:360px){.site-header{padding:0 18px;gap:12px}.site-header .wordmark{font-size:18px}.site-header .header-note{font-size:7px;max-width:83px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.travel-dot{display:none}.route{stroke-dashoffset:0}.bubble{opacity:1}.fold{rotate:none}.event-people{opacity:1;clip-path:none}}

/* Supplied portrait cutouts: each person stays independent and replaceable. */
.person-photo{object-fit:contain;object-position:center bottom}
.photo-group{position:relative;isolation:isolate}
.photo-group>.person-photo{position:absolute;bottom:0;width:57%;height:100%;max-width:none}
.photo-group>.photo-man{left:-3%;z-index:1}
.photo-group>.photo-woman{right:-3%;height:94%;z-index:2}
.talk-art:before{content:"";position:absolute;inset:21% 0 4%;background:#e9f5ff;border-radius:44% 48% 35% 40%}
.talk-art>.people{height:75%;bottom:5%}
.talk-art .photo-man{height:98%}
.talk-art .photo-woman{height:94%}
.talk-art .bubble-three{bottom:0;left:34%;font-size:17px;padding:15px 20px}
.event-stage>.event-people{height:100%;width:60%;left:25%;top:-3%}
.event-people>.photo-man{left:-3%;height:100%;width:57%}
.event-people>.photo-woman{right:0;height:100%;width:56%}
.person-photo.rhythm-listen,.person-photo.rhythm-cheer{max-width:none;object-fit:contain;object-position:center bottom}
.frame-photo{position:relative;width:100%;border:5px solid var(--blue);overflow:hidden;background:#dcf7ed}
.consult-photo{aspect-ratio:480/330;border-radius:75px 75px 40px 40px}
.service-photo{aspect-ratio:340/360;border-radius:70px 70px 35px 35px;background:#edf3ff}
.frame-photo>.photo-group{position:absolute;inset:7% 0 -8%}
.connect-scene .frame-photo img{border:0;border-radius:0;background:transparent;max-width:none}
.consult-photo .photo-man{width:62%;height:100%;left:-6%}
.consult-photo .photo-woman{width:59%;height:94%;right:-3%}
.service-photo>.person-photo{position:absolute;inset:7% 0 0;width:100%;height:100%}
.strength-art:before{content:"";position:absolute;inset:7% 2% 0;background:#c9e9ff;border-radius:48% 46% 40% 45%;transition:background .3s}
[data-state="listen"] .strength-art:before{background:#fff0aa}
[data-state="notice"] .strength-art:before{background:#a7e4d5}
[data-state="enjoy"] .strength-art:before{background:#ffc6b8}
.strength-photo-group{position:absolute;inset:0 3%;overflow:hidden;border-radius:0 0 30% 30%}
.strength-photo-group>.photo-man{left:-2%;height:96%}
.strength-photo-group>.photo-woman{right:-2%;height:91%}
.strength-photo-group.solo>.person-photo{position:absolute;width:88%;height:100%;inset:0 6%;max-width:none}
.strength-photo-group.noticing>.person-photo{height:98%;top:2%}
.strength-photo-group.enjoying>.photo-woman{height:100%;right:22%;width:64%}
.strength-photo-group.enjoying>.photo-man{height:79%;left:41%;width:56%;z-index:0}
.photo-preview{overflow:hidden;object-fit:initial}
.photo-group.thumb-art,.photo-group.event-people{position:absolute}
.photo-preview>.photo-man{height:94%;width:64%;left:-8%}
.photo-preview>.photo-woman{height:90%;width:64%;right:-6%}
.photo-preview.solo>.photo-woman{height:100%;width:100%;inset:0}
.event-stage>.event-flag{right:3%;top:-5%}
.person-photo.rhythm-cheer{bottom:0}
.thumb-1 .thumb-copy{width:46%;font-size:19px}
.thumb-1 .mini-bubble{top:28px;right:130px}
.thumb-2 .photo-preview{height:57%;bottom:0}
.thumb-4 .photo-preview{width:47%;right:0;height:80%;bottom:0}
.thumb-5 .photo-preview{width:56%;right:0;bottom:0}
@media(max-width:900px){.talk-art>.people{height:73%}.frame-photo{border-width:4px}.consult-photo{border-radius:55px 55px 30px 30px}.service-photo{border-radius:55px 55px 25px 25px}.thumb-1 .thumb-copy{font-size:16px}.thumb-1 .mini-bubble{right:80px}}
@media(max-width:650px){.talk-art{aspect-ratio:1.04}.talk-art>.people{height:76%;bottom:5%}.talk-art .bubble-one{top:0;left:1%;font-size:20px}.talk-art .bubble-two{top:5%;right:0;font-size:21px}.talk-art .bubble-three{font-size:13px;padding:11px 16px;bottom:0;left:33%}.talk-art .talk-spark{top:6%}.event-stage>.event-people{width:70%;left:28%;height:98%;top:0}.event-people>.photo-man{width:58%;left:-4%}.event-people>.photo-woman{width:58%;right:-2%}.frame-photo{border-width:4px}.strength-photo-group{inset:0 0}.strength-photo-group.solo>.person-photo{width:88%;left:6%}.thumb-1 .thumb-copy{font-size:16px;width:46%}.thumb-1 .mini-bubble{right:83px;top:24px}.thumb-4 .thumb-copy{font-size:16px;width:53%}.thumb-5 .thumb-copy{font-size:16px;width:46%}}
@media(max-width:650px){.event-stage>.event-flag{right:0;top:-9%}}