.logo-story{margin:52px 0;padding:32px;border:1px solid #d8dfd1;border-radius:20px;background:#fafbf7;scroll-margin-top:100px}.logo-story-intro{display:grid;grid-template-columns:260px minmax(0,1fr);gap:32px;align-items:center}.logo-story-art{text-align:center}.logo-story-art img{display:block;width:220px;height:220px;max-width:100%;object-fit:contain;margin:0 auto}.logo-story-art p{font-size:12px;line-height:1.8;margin-top:14px}.logo-story-intro h2{font-size:32px;line-height:1.5;margin:8px 0 20px}.logo-story-intro p:not(.eyebrow){font-size:16px;line-height:1.9}.logo-story-colors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:28px 0}.logo-story-colors article{background:white;border:1px solid #dce2d6;border-radius:12px;padding:22px}.logo-story-colors h3{font-size:17px;margin:0 0 12px;line-height:1.7}.logo-story-colors h3>span:last-child{display:block;font-size:13px;font-weight:500;margin-top:6px}.logo-color-dot{display:inline-block;width:14px;height:14px;border-radius:50%;border:1px solid #8e968f;margin-right:8px}.logo-orange{background:#f08a24}.logo-green{background:#1f6850}.logo-light{background:#d9dddd}.logo-dark{background:#565a5c}.logo-story-colors p{font-size:15px;line-height:1.9;margin:0}.logo-story-cycle{padding:24px;background:#edf2e8;border-radius:12px}.logo-story-cycle h3,.logo-story-center h3{font-size:21px;line-height:1.6;margin-bottom:12px}.logo-story-cycle p,.logo-story-center p{font-size:15px;line-height:1.9}.logo-story-cycle ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0;list-style:none;counter-reset:cycle}.logo-story-cycle li{counter-increment:cycle;padding:12px;background:white;border:1px solid #d3ddca;border-radius:8px;font-size:13px;line-height:1.7}.logo-story-cycle li:before{content:counter(cycle) '　';font-weight:700}.logo-story-center{padding:24px 0 0}@media(max-width:700px){.logo-story{padding:22px 18px;margin:36px 0}.logo-story-intro{grid-template-columns:minmax(0,1fr);gap:20px}.logo-story-art img{width:180px;height:180px}.logo-story-intro h2{font-size:27px}.logo-story-intro p:not(.eyebrow){font-size:15px}.logo-story-colors{grid-template-columns:minmax(0,1fr)}.logo-story-colors article{padding:18px}.logo-story-cycle{padding:18px}.logo-story-cycle ol{grid-template-columns:repeat(2,minmax(0,1fr))}}@media print{.logo-story{border-color:#777;background:white;padding:12px}.logo-story-colors article,.logo-story-cycle{background:white}.logo-story-art,.logo-story-colors article{break-inside:avoid}}