@charset "UTF-8";
*{box-sizing:border-box}html{font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;color:#242426;background:#fff}body{margin:0;--accent:#ff7100;--accent-dark:#cd4400;--accent-light:#fff3e8;--ink:#242426;--yellow:#ffdb00;--line:#e9e9eb}body[data-concept=case]{--accent:#ffd000;--accent-dark:#d9a000;--accent-light:#fffce9}body[data-concept=phone]{--accent:#ff6200;--accent-dark:#dc3a00;--accent-light:#fff3e9}h1,h2,h3,p{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;color:inherit;border:0;cursor:pointer}button:disabled{cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #393c46;outline-offset:5px}button:focus:not(:focus-visible){outline:none}button:hover,a:hover{filter:brightness(.97)}[hidden]{display:none!important}.study-bar{min-height:48px;background:#f7f7f8;border-bottom:1px solid #eaeaec;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:8px 32px;font-family:Arial,sans-serif;font-size:9px;letter-spacing:.04em;color:#85858a}.study-bar>span b{margin-left:10px;font-weight:600;color:#242426}.study-bar nav{display:flex;gap:7px}.study-bar nav a{border:1px solid #e0e0e4;padding:8px 17px;border-radius:5px;color:#68686e;font-size:10px;font-family:inherit}.study-bar nav a[aria-current]{background:#242426;color:#fff;border-color:#242426}.previous{color:#6e6e75;font-size:10px}.site-header{max-width:1250px;margin:auto;padding:25px 40px;display:flex;justify-content:space-between;align-items:center;gap:25px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:25px;letter-spacing:-.06em}.brand small{font-family:Arial,sans-serif;display:block;font-size:7px;letter-spacing:.2em;line-height:1.6;margin-top:3px}.brand-mark{position:relative;display:block;width:34px;height:34px;border-radius:50%;background:var(--accent);transform:rotate(-30deg);border:2px solid var(--accent)}.brand-mark:before{content:'';position:absolute;inset:0 0 50%;background:white;border-radius:40px 40px 0 0}.brand-mark:after{content:'';position:absolute;inset:15px -2px auto;height:3px;background:white}.view-nav{display:flex;padding:5px;background:#f5f5f6;border:1px solid #efeff1;border-radius:50px;gap:6px}.view-nav a{display:flex;gap:10px;align-items:center;justify-content:center;padding:10px 26px;border-radius:30px;min-width:130px;font-size:13px;font-weight:800;color:#77777b}.view-nav a>span{font-size:19px;line-height:1}.view-nav a[aria-current]{background:var(--accent);color:#222;box-shadow:0 2px 4px #0000000a}.about-button{background:none;padding:10px 0;font-size:10px;display:flex;gap:18px;font-weight:600}.about-button>span{color:var(--accent-dark);font-size:16px}main{max-width:1250px;margin:0 auto;padding:0 40px}.hero-heading{text-align:center;padding:43px 0 0}.eyebrow{font-family:Arial,sans-serif;font-size:10px;font-weight:700;letter-spacing:.1em;display:flex;align-items:center;gap:7px}.hero-heading .eyebrow,.cards-heading .eyebrow{justify-content:center}.eyebrow>span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent)}h1{font-size:clamp(34px,4.3vw,56px);font-weight:900;letter-spacing:-.065em;line-height:1.5;margin:16px 0 12px}h1>span{display:inline-block;position:relative;isolation:isolate}h1>span:after{content:'';position:absolute;left:0;right:-5px;height:16px;bottom:9px;background:var(--yellow);z-index:-1;transform:rotate(-1deg)}body[data-concept=case] h1>span:after{background:#ff8b00}body[data-concept=phone] h1>span:after{background:#ffb800}.hero-description{font-size:12px;line-height:2.1;color:#626267}.mobile-only{display:none}.gacha-layout{max-width:900px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:60px;align-items:center;margin:8px auto 25px}.machine-stage{height:415px;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center}.machine-svg{width:100%;height:100%;display:block;overflow:visible}#machine-art{width:420px;height:391px;position:relative;z-index:1}.scene-dots{position:absolute;width:265px;height:265px;top:95px;left:50%;transform:translateX(-50%);background-image:radial-gradient(#dadadd 1px,transparent 1px);background-size:13px 13px;border-radius:50%;opacity:.58;z-index:-1}.scene-orbit{position:absolute;width:290px;height:290px;top:78px;left:50%;transform:translateX(-50%) rotate(-20deg);border:1px solid #f0f0f2;border-radius:50%;z-index:-1}.scene-label{position:absolute;z-index:2;top:40px;right:-20px;display:flex;align-items:center;gap:7px;font-size:9px;padding:9px 14px;background:#fff;border:1.5px solid var(--ink);border-radius:6px;transform:rotate(8deg);box-shadow:2px 2px 0 var(--yellow)}.label-star{font-size:20px;color:var(--accent);font-family:Arial;line-height:1}.machine-caption{position:absolute;bottom:0;font-family:Arial,sans-serif;font-size:8px;font-weight:700;letter-spacing:.19em;color:#919197}.draw-panel{padding-top:24px;max-width:360px}.small-pill{display:inline-block;border:1px solid #dedee2;border-radius:30px;padding:5px 10px;font-size:8px;color:#69696f;font-weight:700}.draw-panel h2{font-size:25px;font-weight:800;line-height:1.6;letter-spacing:-.04em;margin:16px 0 13px}.draw-panel-top>p{font-size:11px;line-height:2;color:#74747a}.draw-button{display:flex;align-items:center;justify-content:center;gap:15px;width:100%;padding:20px 25px;border-radius:40px;background:var(--accent);box-shadow:0 5px 0 var(--accent-dark);font-weight:800;font-size:15px;color:#1e1e20;transition:translate .15s;min-height:64px}.draw-panel>.draw-button{margin-top:26px}.draw-button:hover{translate:0 -2px}.draw-button:active{translate:0 3px;box-shadow:0 2px 0 var(--accent-dark)}.draw-button:disabled{opacity:.7}.turn-icon{font-family:Arial;font-size:25px;font-weight:400}.draw-arrow{margin-left:auto;font-size:21px}.draw-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:16px;font-size:8px;color:#848489}.draw-meta label{display:flex;align-items:center;gap:3px;white-space:nowrap}.draw-meta input{width:11px;height:11px;margin:0;accent-color:var(--accent)}.mini-flow{display:flex;justify-content:center;align-items:center;gap:18px;font-size:9px;margin-top:29px;padding-bottom:20px;border-bottom:1px solid var(--line);color:#777}.mini-flow b{font-family:Arial;margin-right:5px;color:#292929;font-size:9px}.mini-flow i{font-style:normal;color:#bbb}.browse-link{display:flex;justify-content:space-between;margin-top:17px;font-size:10px;font-weight:600}.browse-link>span{font-size:15px}.encounters{border-top:1px solid var(--line);padding:36px 0 46px}.section-heading{display:flex;justify-content:space-between;align-items:end}.section-heading .eyebrow{font-size:8px;color:#8c8c92}.section-heading h2{font-size:20px;letter-spacing:-.04em;margin-top:8px}.section-heading>span{font-size:9px;color:#8c8c92}.encounter-list{display:flex;gap:22px;margin-top:23px;flex-wrap:wrap}.empty-encounter{background:#fafafa;border:1px dashed #dedee2;width:100%;padding:22px 30px;border-radius:12px;display:flex;align-items:center;gap:18px}.empty-encounter>span{font-size:35px;color:#dadadc}.empty-encounter>p{font-size:12px;font-weight:700}.empty-encounter small{display:block;font-weight:400;color:#888;font-size:10px;line-height:1.8;margin-top:5px}footer{max-width:1170px;margin:0 auto;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:23px 0 30px;gap:25px}.footer-brand{font-size:15px;font-weight:800}footer>p{font-size:10px;color:#777}footer>span{font-size:8px;color:#929297}
/* Card library: cards are independent article entries. */
.cards-heading{text-align:center;padding-top:50px}.cards-heading h1{font-size:44px}.cards-heading>p:last-child{font-size:12px;line-height:2;color:#727277}.library-bar{display:flex;align-items:center;justify-content:space-between;margin:42px 0 32px;border-bottom:1px solid var(--line);padding-bottom:19px}.filters{display:flex;gap:10px}.filters button{padding:8px 15px;border-radius:30px;font-size:10px;background:#f5f5f6;color:#737379}.filters button[aria-pressed=true]{background:#252527;color:white}.filters button span{font-size:9px;margin-left:6px;opacity:.6}.library-caption{font-size:9px;color:#85858c}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;max-width:940px;margin:0 auto 38px;padding:0 18px}.person-card{--card-color:var(--accent);position:relative;background:#fff;width:100%;padding:10px;text-align:left;border:2px solid var(--card-color);border-radius:17px;box-shadow:0 10px 18px #1717230c,4px 5px 0 var(--card-color);color:#252528;transition:transform .22s;isolation:isolate}.person-card:after{content:'';pointer-events:none;position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 5%,#fff8 12%,transparent 25%,transparent 58%,#fff4 72%,transparent 80%);opacity:.4;z-index:1}.person-card:hover{transform:translateY(-7px) rotate(-1deg);filter:none}.card-topline{display:flex;justify-content:space-between;align-items:center;font-family:Arial;font-size:8px;letter-spacing:.05em;margin:2px 3px 9px}.card-topline b{font-weight:900}.card-topline>span{font-size:8px;color:#85858b}.portrait{background:url('../assets/founders.png') no-repeat var(--person) center/300% auto;aspect-ratio:1;background-color:#eaeaea}.card-photo{position:relative;border-radius:9px;overflow:hidden}.card-photo>.portrait{aspect-ratio:1.1;background-position:var(--person) 20%}.industry-tag{position:absolute;bottom:8px;left:9px;background:white;border-radius:4px;padding:4px 8px;font-size:8px;font-weight:700}.card-body{padding:14px 5px 6px}.roman{font-family:Arial;font-size:7px;letter-spacing:.11em;color:#8d8d94}.card-body h3{font-size:26px;font-weight:800;letter-spacing:.04em;margin:4px 0 4px}.company{font-size:9px;color:#73737b}.card-hook{margin:14px 0 8px;padding:7px 8px;border-radius:5px;background:var(--card-color);font-size:11px;font-weight:800}.card-quote{font-size:9px;line-height:1.9;color:#696970;min-height:34px}.card-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e7e7e9;padding:11px 5px 1px;font-family:Arial;font-size:7px;letter-spacing:.1em;color:#777}.card-foot b{font-size:20px;color:#252528;font-weight:400;line-height:1}.encounter-card{max-width:215px}.encounter-card .card-body h3{font-size:22px}.encounter-card .card-hook{font-size:9px}.encounter-card .card-quote{font-size:8px;min-height:30px}.library-bottom{display:flex;justify-content:center;gap:30px;align-items:center;border-top:1px solid var(--line);padding:27px 0 36px;font-size:11px}.library-bottom>span{color:#85858b}.library-bottom a{font-weight:700;text-decoration:underline;text-underline-offset:6px}.no-cards{text-align:center;padding:40px 20px 70px}.no-cards p{font-size:23px;font-weight:800;margin-bottom:15px}.no-cards>span{font-size:12px;color:#888;display:block}.no-cards>a{display:inline-block;margin-top:23px;background:var(--accent);border-radius:30px;padding:14px 25px;font-size:12px;font-weight:700}
/* Glossy plastic capsule and staged opening. */
dialog{border:0;border-radius:22px;padding:0;max-width:calc(100% - 28px);max-height:94dvh;overflow-y:auto;background:white;color:#242426;box-shadow:0 30px 90px #20202b44}dialog::backdrop{background:#1e202880;backdrop-filter:blur(7px)}.close{position:absolute;top:16px;right:16px;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;font-size:27px;line-height:1;background:#f5f5f6;color:#65656c;z-index:10}.close:hover{background:#eaeaec}#experience{width:580px}.experience-body{text-align:center;padding:36px 25px 25px}.experience-body>.eyebrow{justify-content:center;font-size:8px;letter-spacing:.18em;color:#97979c;margin-bottom:12px}.experience-body>h2{font-size:22px;font-weight:800;letter-spacing:-.045em}.reveal-stage{height:405px;position:relative;display:grid;place-items:center;isolation:isolate}.open-capsule{width:300px;height:355px;background:none;padding:0;position:relative;animation:capsule-arrive .8s cubic-bezier(.16,.75,.33,1.15) both;z-index:2;border-radius:50%;transition:scale .2s}.open-capsule:hover{scale:1.04;filter:none}.capsule-svg{width:100%;height:100%;overflow:visible}.reveal-rays{position:absolute;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,#fff5ad 0%,#fff9e566 45%,transparent 70%);opacity:0;z-index:-1}.reveal-spark{position:absolute;color:var(--accent);font-size:30px;opacity:0;z-index:-1}.s1{top:62px;left:75px}.s2{bottom:57px;right:67px;font-size:19px}.opening .capsule-sphere{animation:capsule-rattle .3s ease-in-out}.opening .shell-top{animation:open-top .8s .3s cubic-bezier(.3,.05,.35,1) forwards}.opening .shell-bottom{animation:open-bottom .8s .3s cubic-bezier(.3,.05,.35,1) forwards}.opening .capsule-shadow{animation:fade-out .5s .5s forwards}.opening .reveal-rays{animation:reveal-light 1.5s .35s both}.revealed .reveal-spark{animation:spark-pop .65s ease both}.result-card{width:225px;transform:rotate(-3deg);animation:card-rise .7s cubic-bezier(.18,.78,.3,1) both}.result-card .card-body{padding-top:9px}.result-card .card-body h3{font-size:23px}.result-card .card-photo>.portrait{aspect-ratio:1.55;background-position:var(--person) 15%}.result-card .card-hook{font-size:9px;margin-top:9px}.result-card .card-quote{font-size:8px;min-height:29px}.result-card:hover{transform:rotate(0) translateY(-3px)}.reveal-hint{font-size:11px;color:#8a8a91;margin-top:1px}.result-actions{max-width:320px;margin:20px auto 0}.result-actions .draw-button{min-height:52px;padding:14px 20px;font-size:12px;box-shadow:none}.again-button{background:none;margin-top:19px;font-size:10px;color:#75757c;text-decoration:underline;text-underline-offset:5px}.drawing .turn-handle{animation:crank 1s ease forwards}.drawing .tiny-ball{animation:balls-jump .3s ease-in-out 3 alternate;transform-box:fill-box;transform-origin:center}.drawing .tiny-ball:nth-of-type(even){animation-direction:alternate-reverse}.drawing #machine-art{animation:machine-bounce .35s .75s both}
/* Interview article */
#article{width:780px}.article-head{padding:43px 43px 27px}.article-head>.eyebrow{font-size:8px;color:#999;letter-spacing:.14em;margin-bottom:22px}.article-industry{font-size:9px;border:1px solid #ddd;border-radius:30px;padding:5px 10px}.article-head h2{font-size:33px;line-height:1.5;font-weight:800;letter-spacing:-.04em;margin:17px 0 9px}.article-deck{font-size:13px;color:#7c7c83;line-height:1.9}.article-byline{display:flex;justify-content:space-between;font-size:10px;color:#85858b;margin-top:21px}.article-byline span{font-family:Arial;font-size:9px}.article-visual{display:grid;grid-template-columns:1fr 1fr;background:var(--card-color);align-items:center}.article-visual>.portrait{width:100%}.article-visual>div:last-child{padding:20px 30px}.article-visual span{font-size:23px;font-weight:800;line-height:1.6;letter-spacing:-.03em}.article-visual b{display:block;margin-top:30px;font-size:20px;font-weight:800}.article-visual small{font-size:8px;display:block;letter-spacing:.1em;font-family:Arial;margin-top:5px}.article-body{max-width:660px;margin:auto;padding:28px 30px 40px}.fiction-note{font-size:8px;color:#aaa}.article-intro{font-size:13px;line-height:2.2;margin:23px 0 16px}.qa{padding:26px 0;border-bottom:1px solid var(--line)}.question-label{font-family:Arial;font-size:8px;color:var(--accent-dark);font-weight:700;letter-spacing:.12em}.qa h3{font-size:19px;margin:12px 0;line-height:1.6;letter-spacing:-.025em}.qa>p:last-child{font-size:13px;line-height:2.3;color:#6a6a72}.article-end{padding:28px 0 0;text-align:center}.article-end p{font-size:11px;color:#777;margin-bottom:17px}.outline-button{border:1px solid #d9d9df;padding:14px 24px;border-radius:30px;background:white;font-size:11px;font-weight:700}.about-content{padding:50px 43px}.about-content>.eyebrow{color:#999;font-size:9px}.about-content>h2{font-size:34px;line-height:1.6;margin:25px 0}.about-content>p{font-size:13px;line-height:2.2}.about-steps{margin:26px 0}.about-steps p{padding:20px 0;border-top:1px solid var(--line);font-size:12px;line-height:2.1;color:#777}.about-steps b{display:block;font-size:15px;color:#333;margin-bottom:9px}.about-content small{font-size:9px;line-height:1.8;color:#999}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@keyframes crank{from{transform:rotate(-28deg)}to{transform:rotate(332deg)}}@keyframes balls-jump{to{translate:3px -5px;rotate:10deg}}@keyframes machine-bounce{50%{translate:0 -4px;rotate:1deg}100%{translate:0 0;rotate:0}}@keyframes capsule-arrive{from{opacity:0;transform:translateY(-55px) rotate(-30deg)}70%{opacity:1;transform:translateY(8px) rotate(3deg)}to{transform:translateY(0) rotate(0)}}@keyframes capsule-rattle{25%{translate:-3px 0}75%{translate:3px 0}}@keyframes open-top{to{translate:-16px -120px;rotate:-15deg;opacity:0}}@keyframes open-bottom{to{translate:22px 115px;rotate:20deg;opacity:0}}@keyframes fade-out{to{opacity:0}}@keyframes reveal-light{30%{opacity:1;scale:1.3}100%{opacity:0;scale:1.7}}@keyframes spark-pop{from{opacity:0;scale:.5;rotate:-20deg}to{opacity:1;scale:1;rotate:0deg}}@keyframes card-rise{from{opacity:0;transform:translateY(35px) rotateY(60deg) scale(.78)}to{opacity:1;transform:rotate(-3deg)}}
@media(max-width:1000px){.site-header{padding:22px 30px}.brand{font-size:22px}.view-nav a{min-width:110px;padding-inline:19px}.about-button{font-size:9px;gap:10px}main{padding:0 30px}.gacha-layout{gap:25px}.draw-panel h2{font-size:22px}.scene-label{right:-2px;font-size:8px}.machine-stage{height:390px}#machine-art{width:380px;height:355px}.card-grid{gap:28px;padding:0 5px}.card-body h3{font-size:23px}.card-hook{font-size:10px}.card-quote{font-size:8px}footer{margin:0 30px}.hero-heading{padding-top:35px}}
@media(max-width:700px){.study-bar{padding:9px 10px;justify-content:center;min-height:46px}.study-bar>span,.previous{display:none}.study-bar nav{width:100%;gap:6px}.study-bar nav a{flex:1;padding:8px 5px;font-size:9px;text-align:center;white-space:nowrap}.site-header{padding:19px 20px;gap:16px;flex-wrap:wrap}.brand{font-size:21px;gap:8px}.brand-mark{width:30px;height:30px}.brand-mark:after{inset:13px -2px auto}.brand small{font-size:6px}.view-nav{order:3;width:100%;padding:4px;gap:4px}.view-nav a{flex:1;padding:10px 20px;font-size:12px;min-width:0}.view-nav a>span{font-size:17px}.about-button{font-size:8px;gap:6px;margin-left:auto}.about-button>span{font-size:13px}main{padding:0 20px}.hero-heading{padding-top:27px}.hero-heading .eyebrow{font-size:8px;letter-spacing:.015em;gap:5px}.eyebrow>span{width:5px;height:5px}.hero-heading h1{font-size:34px;line-height:1.4;margin:16px 0 12px;letter-spacing:-.07em}.hero-heading h1>span{display:block;width:max-content;margin:auto}.hero-heading h1>span:after{bottom:5px;height:12px;right:-3px}.hero-description{font-size:10px;line-height:2.1}.mobile-only{display:block}.gacha-layout{grid-template-columns:1fr;gap:0;margin-top:4px;margin-bottom:30px}.machine-stage{height:304px}.scene-dots{width:225px;height:225px;top:53px}.scene-orbit{width:237px;height:237px;top:43px}#machine-art{width:325px;height:302px}.scene-label{top:23px;right:0;padding:7px 9px;font-size:7px;gap:5px}.label-star{font-size:16px}.machine-caption{display:none}.draw-panel{padding-top:4px;max-width:360px;width:100%;margin:auto}.draw-panel-top{display:none}.draw-panel>.draw-button{margin-top:0;min-height:57px;padding:16px 22px;font-size:14px}.draw-meta{font-size:8px;margin-top:16px}.mini-flow{margin-top:21px;padding-bottom:16px;gap:22px;font-size:8px}.browse-link{font-size:9px;margin-top:15px}.encounters{padding-top:26px;padding-bottom:32px}.section-heading h2{font-size:17px;margin-top:6px}.section-heading .eyebrow{font-size:7px}.section-heading>span{font-size:8px}.empty-encounter{padding:18px 15px;gap:12px}.empty-encounter>span{font-size:27px}.empty-encounter>p{font-size:10px}.empty-encounter small{font-size:8px}.encounter-list{gap:15px;margin-top:20px}.encounter-card{width:calc(50% - 8px);max-width:none;padding:7px;border-radius:11px;box-shadow:2px 3px 0 var(--card-color)}.encounter-card .card-topline{font-size:5px;margin-bottom:6px}.encounter-card .card-topline>span{font-size:5px}.encounter-card .card-body{padding:8px 1px 3px}.encounter-card .roman{font-size:5px}.encounter-card .card-body h3{font-size:17px}.encounter-card .company{font-size:6px}.encounter-card .card-hook{font-size:7px;padding:5px;margin-top:9px}.encounter-card .card-quote{font-size:6px;min-height:24px}.encounter-card .industry-tag{font-size:6px;padding:3px 5px;bottom:5px;left:5px}.encounter-card .card-foot{font-size:5px;padding:8px 1px 0}.encounter-card .card-foot b{font-size:15px}footer{margin:0 20px;padding:22px 0;gap:12px;flex-wrap:wrap}.footer-brand{font-size:13px}footer>p{font-size:8px}footer>span{width:100%;font-size:7px}.cards-heading{padding-top:30px}.cards-heading .eyebrow{font-size:8px}.cards-heading h1{font-size:29px;margin:16px 0 15px;line-height:1.5}.cards-heading h1>span{display:block;width:max-content;margin:auto}.cards-heading h1>span:after{height:12px;bottom:7px}.cards-heading>p:last-child{font-size:10px}.library-bar{margin:27px 0 25px;padding-bottom:15px}.library-caption{display:none}.filters{gap:8px}.filters button{font-size:9px;padding:8px 13px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 18px;padding:0 4px;margin-bottom:30px}.card-grid .person-card{padding:7px;border-radius:12px;box-shadow:3px 4px 0 var(--card-color)}.card-grid .card-topline{font-size:5px;margin:2px 1px 6px}.card-grid .card-topline>span{font-size:5px}.card-grid .industry-tag{font-size:6px;padding:3px 5px;bottom:5px;left:5px}.card-grid .card-body{padding:9px 1px 4px}.card-grid .roman{font-size:5px}.card-grid .card-body h3{font-size:17px;margin-top:5px}.card-grid .company{font-size:6px}.card-grid .card-hook{font-size:7px;margin-top:10px;padding:6px 5px;white-space:normal;min-height:32px;display:flex;align-items:center}.card-grid .card-quote{font-size:6px;min-height:25px}.card-grid .card-foot{font-size:5px;padding:7px 1px 1px}.card-grid .card-foot b{font-size:15px}.library-bottom{gap:12px;flex-direction:column;font-size:10px;padding:25px 0 30px}.no-cards{padding:35px 10px 55px}.no-cards>span{font-size:10px}.no-cards p{font-size:21px}.experience-body{padding:37px 17px 25px}.experience-body>h2{font-size:19px}.experience-body>.eyebrow{font-size:7px}.reveal-stage{height:395px}.open-capsule{width:285px}.reveal-hint{font-size:10px}.result-actions{max-width:300px;margin-top:18px}.s1{left:14px;top:70px}.s2{right:15px;bottom:50px}.result-card{width:220px}.result-card .card-hook{min-height:0}.article-head{padding:45px 24px 22px}.article-head>.eyebrow{font-size:7px;margin-bottom:18px}.article-head h2{font-size:25px;line-height:1.6}.article-deck{font-size:11px}.article-byline{font-size:8px;gap:12px;line-height:1.8}.article-byline>span{font-size:7px;flex:none}.article-visual>div:last-child{padding:12px 15px}.article-visual span{font-size:15px}.article-visual b{margin-top:17px;font-size:16px}.article-visual small{font-size:5px}.article-body{padding:23px 24px 30px}.article-intro{font-size:12px;line-height:2.2}.fiction-note{font-size:7px}.qa h3{font-size:17px}.qa>p:last-child{font-size:12px}.article-end p{font-size:10px}.outline-button{font-size:10px;padding:13px 20px}.about-content{padding:46px 25px 30px}.about-content>h2{font-size:26px}.about-content>p{font-size:12px}.about-steps p{font-size:11px}.about-steps b{font-size:14px}.about-content small{font-size:8px}}
@media(max-width:360px){.hero-heading h1{font-size:31px}.hero-heading .eyebrow{font-size:7px}.site-header{padding-inline:17px}.about-button{font-size:7px}.brand{font-size:20px}.scene-label{font-size:6.5px;right:0}.scene-label .label-star{font-size:14px}#machine-art{width:295px;height:275px}.machine-stage{height:282px}.scene-orbit{width:220px;height:220px}.scene-dots{width:210px;height:210px}.card-grid{gap:22px 13px;padding-inline:1px}.card-grid .card-body h3{font-size:15px}.card-grid .card-hook{font-size:6.5px}.draw-meta{font-size:7px}.result-card{width:210px}.reveal-stage{height:386px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
body.reduced *,body.reduced *:before,body.reduced *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}

.turn-handle{transform:rotate(-28deg)}
@media(max-width:700px){.card-grid .company,.encounter-card .company{font-size:8px}.card-grid .card-hook,.encounter-card .card-hook{font-size:9px;min-height:42px;line-height:1.7}.card-grid .card-quote,.encounter-card .card-quote{font-size:9px;min-height:51px}.card-grid .roman,.encounter-card .roman{font-size:6px}}

/* Rotating machine carousel and editorial navigation. */
.site-header{max-width:1320px;gap:22px;padding-inline:30px}.brand{flex-shrink:0}.view-nav a{min-width:96px;padding:10px 18px}.info-nav{display:flex;align-items:center;gap:23px;margin-left:auto}.info-nav button{background:none;font-size:11px;font-weight:700;padding:12px 0;white-space:nowrap}.info-nav .contact-button{background:#242426;color:white;border-radius:30px;padding:13px 19px;display:flex;gap:20px;font-family:Arial;letter-spacing:.08em;font-size:10px}.contact-button span{color:var(--yellow)}.gacha-layout{max-width:940px;gap:55px;margin-top:10px;margin-bottom:38px}.machine-picker{min-width:0}.machine-stage{perspective:900px;touch-action:pan-y;cursor:grab;user-select:none}.machine-stage:active{cursor:grabbing}#machine-art{transform-style:preserve-3d;will-change:transform}.carousel-controls{max-width:290px;margin:10px auto 0;display:flex;align-items:center;justify-content:space-between;gap:22px}.carousel-controls button{border:1px solid #e3e3e6;background:white;border-radius:50%;width:39px;height:39px;font-size:20px;transition:background .2s}.carousel-controls button:hover{background:var(--accent)}.carousel-controls>div{text-align:center}.carousel-controls p{font-size:13px;font-weight:800}.carousel-controls span{display:block;font-family:Arial;font-size:7px;letter-spacing:.09em;color:#999;margin-top:7px}.carousel-controls span b{color:#333;margin-left:8px;font-size:8px}.machine-note{text-align:center;font-size:9px;color:#939399;margin-top:15px}.draw-panel{padding-top:4px;max-width:390px}.draw-panel h2{font-size:24px}.draw-panel>.draw-button{margin-top:20px}.mini-flow{margin-top:21px}.contact-coming{padding:24px;background:#fafafa;border-radius:12px;margin-top:25px}.contact-coming span{font-family:Arial;font-size:10px;letter-spacing:.15em;color:#a0a0a6}.contact-coming p{font-size:12px;margin-top:10px}.about-content>.draw-button{margin-bottom:15px}
/* Business stories: a journey, a growing building, a growing team. */
#experience{overflow-x:hidden}.fx-scene{position:absolute;inset:0;pointer-events:none;z-index:3;display:none}.fx-running .fx-scene{display:block}.story-illustration{display:none;position:absolute;inset:15px 0 70px}.fx-running[data-fx=drive] .drive-illustration,.fx-running[data-fx=build] .build-illustration,.fx-running[data-fx=team] .team-illustration{display:block}.skip-effect{background:none;color:#777;font-size:10px;margin:20px auto 0;padding:10px;text-decoration:underline;text-underline-offset:4px}.fx-running .open-capsule{animation:none;opacity:0;transform:scale(.6);transition:opacity .4s,transform .6s}.story-caption{position:absolute;bottom:20px;left:0;right:0;text-align:center}.story-caption>span{font:8px Arial;letter-spacing:.2em;color:#93939a}.story-caption>strong{display:block;font-size:16px;margin:13px 0 20px;letter-spacing:-.025em}.story-progress{width:130px;height:3px;border-radius:3px;background:#eee;margin:auto;overflow:hidden}.story-progress i{display:block;background:#ff9b00;width:33.333%;height:100%;transition:width 1.1s}.fx-running[data-step="2"] .story-progress i{width:66.667%}.fx-running[data-step="3"] .story-progress i{width:100%}.journey-svg{width:100%;height:100%;overflow:visible}.city-back{animation:city-travel 4.2s linear both}.city-front{animation:city-travel 4.2s linear both;animation-duration:3.5s}.road-line{animation:road-travel .8s linear infinite}.wheel{animation:wheel-turn .8s linear infinite}.story-car{animation:car-enter 1.3s cubic-bezier(.2,.7,.2,1) both}.destination{opacity:0;transform:translateX(30px);transition:opacity .7s,transform .7s}.fx-running[data-step="3"] .destination{opacity:1;transform:translateX(0)}.fx-running[data-step="3"] .road-line,.fx-running[data-step="3"] .wheel{animation-play-state:paused}.fx-running[data-step="3"] .story-car{translate:35px 0;transition:translate 1.3s}
.build-scene{position:absolute;inset:0;perspective:650px}.build-disc{width:230px;height:230px;position:absolute;top:30px;left:50%;translate:-50% 0;border-radius:50%;background:#fff8cf}.story-building{position:absolute;left:50%;bottom:20px;width:145px;height:230px;translate:-50% 0;transform:rotateY(-12deg)}.office-floor{position:absolute;bottom:calc((var(--floor) - 1)*40px);height:41px;width:145px;background:linear-gradient(90deg,#fff,#f6f6f7);border:1px solid #bfc0c7;box-shadow:12px -5px 0 #ffb000;display:flex;align-items:center;justify-content:center;gap:9px;opacity:0;transform:translateY(-35px);transition:opacity .65s,transform .65s}.office-floor i{width:12px;height:19px;border-radius:1px;background:#dce5eb;box-shadow:inset 2px 1px 0 #c6d0da}.office-floor i:nth-child(2n){background:#ffd244;box-shadow:none}.floor-1,.floor-2{opacity:1;transform:translateY(0);animation:floor-place .75s both}.floor-2{animation-delay:.45s}.fx-running[data-step="2"] .floor-3,.fx-running[data-step="2"] .floor-4,.fx-running[data-step="3"] .office-floor{opacity:1;transform:translateY(0)}.floor-4{transition-delay:.3s}.building-roof{position:absolute;top:12px;left:0;width:145px;height:12px;background:#ff8400;box-shadow:12px -5px 0 #db6200;opacity:0;transform:translateY(-25px);transition:transform .6s .4s,opacity .6s .4s}.building-roof span{position:absolute;bottom:15px;right:13px;width:31px;height:29px;background:#242426;color:#ffcc00;display:grid;place-items:center;font-size:24px;border-radius:4px}.fx-running[data-step="3"] .building-roof{opacity:1;transform:translateY(0)}.building-door{position:absolute;width:28px;height:32px;bottom:0;left:59px;background:#65707d;border:3px solid white}.building-ground{position:absolute;height:2px;background:#ddd;width:80%;bottom:17px;left:10%}.little-block{position:absolute;width:58px;height:65px;bottom:20px;left:12%;background:#eeeef0;border:1px solid #ddd;box-shadow:7px -4px 0 #e0e0e5}.block-b{height:110px;left:auto;right:9%;background:#f6f6f7}
.team-scene{position:absolute;inset:0;max-width:400px;margin:auto}.team-scene>svg{width:100%;height:100%;overflow:visible}.team-links{fill:none;stroke:#ffba00;stroke-width:2;stroke-dasharray:135;stroke-dashoffset:135;transition:stroke-dashoffset 1s}.fx-running[data-step="2"] .team-links,.fx-running[data-step="3"] .team-links{stroke-dashoffset:0}.teammate{position:absolute;width:72px;height:72px;border-radius:50%;background:#fff9db;border:1px solid #ffda4e;box-shadow:0 8px 18px #00000007;transform:translate(-50%,-50%) scale(.1);opacity:0;transition:transform .65s cubic-bezier(.2,.8,.3,1.2),opacity .5s}.human-head{position:absolute;left:26px;top:13px;width:19px;height:21px;border-radius:50%;background:#ffc380;box-shadow:inset 0 5px 0 #303037}.human-body{position:absolute;left:18px;top:36px;width:35px;height:25px;border-radius:16px 16px 5px 5px;background:#ff8400}.teammate>b{position:absolute;top:80px;left:50%;translate:-50% 0;font:7px Arial;letter-spacing:.06em;color:#7e7e86;white-space:nowrap}.mate-0{left:50%;top:52%;width:90px;height:90px;background:#ffbe00;opacity:1;transform:translate(-50%,-50%) scale(1);animation:founder-in .65s both}.mate-0 .human-head{left:33px;top:16px;width:24px;height:26px}.mate-0 .human-body{left:23px;top:44px;width:44px;height:31px;background:#303037}.mate-0>b{top:99px;color:#35353b;font-weight:700}.mate-1{left:21.25%;top:26.5%}.mate-2{left:78.75%;top:26.5%}.mate-3{left:20%;top:78.6%}.mate-4{left:80%;top:78.6%}.mate-2 .human-body,.mate-3 .human-body{background:#69717e}.mate-2 .human-head{box-shadow:-3px -1px 0 2px #303037}.mate-4 .human-body{background:#ffbe00}.fx-running[data-step="2"] .mate-1,.fx-running[data-step="2"] .mate-2,.fx-running[data-step="3"] .teammate{opacity:1;transform:translate(-50%,-50%) scale(1)}.mate-2,.mate-4{transition-delay:.25s}
.fx-burst .fx-scene{opacity:0;transform:translateY(-15px) scale(1.05);transition:opacity .4s,transform .6s}.fx-burst .open-capsule{opacity:1;transform:scale(1)}.fx-burst .reveal-rays{background:radial-gradient(circle,#ffdc4777,transparent 67%)}.fx-finished .result-card{animation:card-rise .85s cubic-bezier(.16,.8,.23,1) both}
@keyframes city-travel{from{translate:70px 0}to{translate:-35px 0}}@keyframes road-travel{to{stroke-dashoffset:70}}@keyframes wheel-turn{to{rotate:360deg}}@keyframes car-enter{from{translate:-100px 0;opacity:0}to{translate:0 0;opacity:1}}@keyframes floor-place{from{opacity:0;transform:translateY(-35px)}to{opacity:1;transform:translateY(0)}}@keyframes founder-in{from{opacity:0;scale:.6}to{opacity:1;scale:1}}
@media(max-width:1100px){.site-header{gap:18px;flex-wrap:wrap}.info-nav{gap:19px}.brand{font-size:21px}.view-nav a{min-width:75px;padding:10px 15px}.info-nav button{font-size:10px}.info-nav .contact-button{padding:12px 15px;font-size:9px;gap:12px}.gacha-layout{gap:30px}.draw-panel h2{font-size:22px}}
@media(max-width:820px) and (min-width:701px){.info-nav{width:100%;justify-content:flex-end}.view-nav{margin-left:auto}}
@media(max-width:700px){.site-header{padding:17px 20px;gap:16px 10px}.brand{font-size:21px}.info-nav{margin:0;width:100%;order:3;gap:0;justify-content:space-between;border-top:1px solid #eee;padding-top:12px}.info-nav button{font-size:9px;padding:8px 0}.info-nav .contact-button{padding:10px 13px;font-size:9px}.view-nav{order:2;width:auto;margin-left:auto;gap:2px;padding:3px}.view-nav a{padding:9px 10px;font-size:10px;gap:5px;min-width:0}.view-nav a>span{font-size:15px}.hero-heading{padding-top:26px}.gacha-layout{gap:0;margin-top:6px}.machine-stage{height:295px}.carousel-controls{margin-top:4px;max-width:260px}.carousel-controls button{width:36px;height:36px}.carousel-controls p{font-size:12px}.machine-note{font-size:8px;margin-top:11px}.draw-panel{padding-top:23px}.draw-panel>.draw-button{margin-top:18px}.scene-label{right:3px;font-size:7px}.story-caption>strong{font-size:13px}.story-illustration{inset:25px -6px 85px}.story-building{scale:.93;transform-origin:bottom}.little-block{width:40px}.teammate{scale:.9}.team-scene{max-width:340px}.experience-body{padding-inline:16px}.skip-effect{margin-top:12px}.machine-caption{display:none}}
@media(max-width:360px){.site-header{padding-inline:15px}.brand{font-size:18px;gap:6px}.brand-mark{width:27px;height:27px}.view-nav a{padding:8px;font-size:9px}.hero-heading h1{font-size:30px}.scene-label{font-size:6px}.machine-stage{height:280px}}
/* Keep the story illustration clear of its caption. */
.story-illustration{bottom:105px}.team-scene{width:100%;max-width:400px;height:auto;aspect-ratio:400/290;inset:0 0 auto}.build-disc{width:215px;height:215px;top:15px}.story-building{height:220px}.building-roof{top:2px}
@media(max-width:700px){.story-illustration{inset:25px -6px 100px}.team-scene{max-width:340px}.build-disc{width:195px;height:195px}.story-caption>strong{font-size:13px}}
.view-nav{flex-shrink:0}.view-nav a{white-space:nowrap}

/* Click opens the capsule first; the existing business story then fills the screen. */
.fx-unseal .shell-top{animation:open-top .6s .1s ease-in forwards}.fx-unseal .shell-bottom{animation:open-bottom .6s .1s ease-in forwards}.fx-unseal .reveal-rays{animation:reveal-light .8s ease-out both;background:radial-gradient(circle,#fff 0%,#fff1a8 28%,#ffdc4766 48%,transparent 70%)}
#experience.fx-running{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;border-radius:0;box-shadow:none;overflow:hidden}
#experience.fx-running .experience-body{height:100%;display:flex;flex-direction:column;align-items:center;padding:64px 26px 22px}
#experience.fx-running .experience-body>h2{font-size:clamp(22px,3.2vw,40px)}
#experience.fx-running .reveal-stage{flex:1;min-height:180px;width:min(900px,100%)}
#experience.fx-running .story-illustration{inset:0 0 90px}
#experience.fx-running .build-scene{inset:50% auto auto 50%;width:min(500px,100%);height:300px;translate:-50% -50%;scale:1.25}
#experience.fx-running .team-scene{inset:50% auto auto 50%;width:min(400px,100%);height:290px;translate:-50% -50%;scale:1.2}
#experience.fx-running .story-caption{bottom:8px}
#experience.fx-running .story-caption>strong{font-size:clamp(14px,2vw,21px)}
#experience.fx-running .reveal-hint{display:none}
#experience.fx-running .skip-effect{flex:none;margin:10px auto 0}
@media(max-width:700px){#experience.fx-running .experience-body{padding:68px 20px 20px}#experience.fx-running .build-scene,#experience.fx-running .team-scene{scale:.95}#experience.fx-running .experience-body>h2{font-size:22px}}
@media(max-height:560px){#experience.fx-running .experience-body{padding:28px 20px 8px}#experience.fx-running .experience-body>.eyebrow{margin-bottom:5px}#experience.fx-running .experience-body>h2{font-size:19px}#experience.fx-running .story-illustration{inset:0 0 55px}#experience.fx-running .build-scene,#experience.fx-running .team-scene{scale:.5}#experience.fx-running .story-caption>strong{font-size:13px;margin:6px 0}#experience.fx-running .skip-effect{margin:0;padding:6px}}

#open-capsule:focus-visible{outline:none}.experience-body:has(#open-capsule:focus-visible) .reveal-hint{text-decoration:underline;text-underline-offset:5px}