@font-face{font-family:BondaStoryYomogi;src:url('/introducing/assets/our-story-v2-20260918/yomogi-story.woff?v=20260918-3') format('woff');font-weight:400;font-style:normal;font-display:swap}
.bonda-book{display:block;max-width:1180px;margin:0 auto;color:#4f6270;font:400 16px/1.7 BondaStoryYomogi,Yomogi,serif;text-align:left;outline-offset:6px;-webkit-tap-highlight-color:transparent;--bb-paper:#fffdf7}
.bonda-book *{box-sizing:border-box}.bonda-book [hidden]{display:none!important}
.bb-topline{min-height:40px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 12px;margin-bottom:8px;color:#847a6e}
.bb-chapter{font-size:13px;letter-spacing:.09em;margin:0}.bb-enlarge{font:inherit;font-size:13px;min-height:40px;padding:4px 0;border:0;border-bottom:1px solid #c8c0b1;background:none;color:#6a7276;cursor:pointer}
.bb-stage{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;padding:12px 8px 26px;min-height:250px;isolation:isolate}
.bb-host{position:relative;flex:0 0 auto;filter:drop-shadow(0 13px 14px #5c534622);transition:transform .5s ease}
.bonda-book[data-mode=spread] .bb-host[data-cover=front]{transform:translateX(calc(var(--leaf-width) / -2))}
.bonda-book[data-mode=spread] .bb-host[data-cover=back]{transform:translateX(calc(var(--leaf-width) / 2))}
.bb-flip-root{position:relative}.bb-leaf{position:relative;background:var(--bb-paper);overflow:hidden;border:1px solid #85725c0a}
.bb-leaf[data-density=soft]::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:4}
.bb-leaf.--left[data-density=soft]::after{background:linear-gradient(90deg,transparent 88%,#64533e0a 98%,#64533e16)}
.bb-leaf.--right[data-density=soft]::after{background:linear-gradient(90deg,#64533e15,transparent 10%)}
.bb-leaf[data-density=hard]{border:1px solid #d1d8d4;border-radius:1px 4px 4px 1px}
.bb-leaf[data-density=hard]::after{content:'';position:absolute;inset:0 auto 0 0;width:6px;background:linear-gradient(90deg,#7a96a850,#e7edf340,transparent);z-index:4;pointer-events:none}
.bb-canvas{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;background:var(--bb-paper)}
.bb-leaf[data-side=left] .bb-canvas,.bb-leaf[data-side=right] .bb-canvas{width:200%}
.bb-leaf[data-side=right] .bb-canvas{left:-100%}
.bb-art{position:absolute;inset:0;margin:0!important;pointer-events:none}
.bb-art img{display:block;width:100%;height:100%;object-fit:fill;mix-blend-mode:multiply;user-select:none;-webkit-user-drag:none}
.bb-copy{position:absolute;left:6.2%;width:37%;top:50%;transform:translateY(-50%);z-index:2}
.bb-words{font-size:calc(var(--spread-width)*.024);line-height:1.95;letter-spacing:.03em;font-weight:400}
.bb-words p{margin:0}.bb-words p+p{margin-top:1.35em;font-size:.93em}
.bb-line{display:block}.bb-phrase{display:inline-block;white-space:nowrap}
.bb-canvas[data-layout=art-left] .bb-copy,.bb-canvas[data-layout=spot-left] .bb-copy{left:60%;width:35%}
.bb-canvas[data-layout=spot-right] .bb-art{left:49%;right:1.5%;top:9%;bottom:6%}
.bb-canvas[data-layout=spot-left] .bb-art{right:48%;left:1%;top:8%;bottom:8%}
.bb-canvas[data-layout^=spot] .bb-art img{object-fit:contain}
.bb-canvas[data-layout=panorama] .bb-copy{inset:0;width:100%;transform:none}
.bb-canvas[data-layout=panorama] .bb-words{font-size:calc(var(--spread-width)*.022);line-height:1.75}
.bb-canvas[data-layout=panorama] .bb-words p{position:absolute;top:7%;left:7%;width:37%;margin:0;font-size:1em}
.bb-canvas[data-layout=panorama] .bb-words p+p{left:59%;width:35%}
.bb-large .bb-words p:first-child{font-size:1.7em;line-height:1.65;margin-bottom:.8em}
.bb-large .bb-words p+p{font-size:1.04em;margin-top:0}
.bb-closing .bb-words p:first-child{font-size:1.1em;line-height:1.9}
.bb-closing .bb-words p+p{margin-top:1.2em}
.bb-canvas[data-layout=cover] .bb-copy{inset:0;width:100%;padding:7% 8% 0;transform:none;text-align:center}
.bb-cover-kicker{font-size:calc(var(--leaf-width)*.024);letter-spacing:.09em;margin:0!important;color:#887b6a}
.bb-title{font:400 calc(var(--leaf-width)*.070)/1.55 BondaStoryYomogi,Yomogi,serif!important;letter-spacing:.045em!important;color:#526b7a!important;margin:16px 0 15px!important}
.bb-title span{display:block}
.bb-canvas[data-layout=cover] .bb-words{font-size:calc(var(--leaf-width)*.027);line-height:1.85;letter-spacing:.04em}
.bb-signature{position:absolute;bottom:3.2%;left:0;width:100%;margin:0;font:11px/1.5 Georgia,serif;letter-spacing:.30em;text-align:center;color:#7e8e94}
.bb-canvas[data-layout=back]{background:#eaf0f0}
.bb-canvas[data-layout=back] .bb-copy{inset:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:none;padding:9%}
.bb-canvas[data-layout=back] .bb-words{font-size:calc(var(--leaf-width)*.042);line-height:2.1}
.bb-back-mark{width:38px;height:38px;object-fit:contain;margin:0 0 28px;opacity:.6}
.bb-controls{max-width:640px;margin:0 auto;display:grid;grid-template-columns:94px minmax(100px,1fr) 94px;gap:14px;align-items:center;padding:0 8px}
.bb-controls button{font:inherit;color:#596b75;font-size:15px;min-height:46px;background:#fffcf640;border:1px solid #c9c4b880;border-radius:28px;cursor:pointer;transition:background .2s,border-color .2s}
.bb-controls button:hover:enabled{background:#fffdf7;border-color:#8298a4}.bb-controls button:disabled{opacity:.3;cursor:default}
.bb-previous::before{content:'‹';margin-right:9px}.bb-next::after{content:'›';margin-left:9px}
.bb-page-label{display:flex;flex-direction:column;align-items:center;min-width:0}.bb-ordinal{font:11px/1.5 Georgia,serif;letter-spacing:.12em;color:#9b8d7f}
.bb-page-label select{font:inherit;font-size:12px;background:transparent;border:0;color:#776d60;min-height:32px;max-width:100%;width:220px;text-align:center;text-overflow:ellipsis;cursor:pointer}
.bb-hint{font-size:11px;letter-spacing:.06em;color:#9d9184;text-align:center;margin:12px 0 0}
.bb-controls :focus-visible,.bb-enlarge:focus-visible,.bb-dialog-close:focus-visible,.story-actions :focus-visible,.story-top :focus-visible{outline:2px solid #6c8c9c;outline-offset:4px}
.bb-loading{position:absolute;inset:0;display:grid;place-items:center;background:#f3f0e7c0;margin:0;color:#7b8c91}
.bb-afterword{text-align:center;max-width:700px;margin:32px auto 0;font-size:17px;line-height:1.9}.bb-afterword p{margin:0 0 14px}
.bb-app-link{display:inline-block;color:#567785!important;border-bottom:1px solid #a2b5bc;text-decoration:none!important;padding:4px 0}
.bb-note{font-size:12px!important;color:#8e8375;margin:17px 0 0!important}
.bb-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.bb-fallback .bb-flip-root{position:relative}.bb-fallback .bb-leaf{position:absolute;inset:0 auto 0 0;width:50%;height:100%}.bb-fallback .bb-leaf[data-side=right],.bb-fallback .bb-leaf[data-scene-index="0"]{left:50%}
.bonda-book[data-mode=portrait] .bb-fallback .bb-leaf{left:0;width:100%}
.bonda-book[data-mode=portrait] .bb-canvas{display:flex;flex-direction:column}
.bonda-book[data-mode=portrait] .bb-copy{position:relative;inset:auto;width:100%;transform:none;padding:30px 27px 12px;flex:0 0 auto}
.bonda-book[data-mode=portrait] .bb-words{font-size:clamp(17px,calc(var(--leaf-width)*.052),21px);line-height:1.8;letter-spacing:.015em}
.bonda-book[data-mode=portrait] .bb-words p+p{margin-top:.9em;font-size:.94em}
.bonda-book[data-mode=portrait] .bb-art{position:relative;inset:auto;order:2;flex:1 1 0;min-height:0;width:100%;overflow:hidden}
.bonda-book[data-mode=portrait] .bb-art img{object-fit:cover;object-position:right center}
.bonda-book[data-mode=portrait] .bb-canvas[data-layout=art-left] .bb-art img{object-position:left center}
.bonda-book[data-mode=portrait] .bb-canvas[data-layout^=spot] .bb-art{padding:0 8px 9px}
.bonda-book[data-mode=portrait] .bb-canvas[data-layout^=spot] .bb-art img{object-fit:contain;object-position:center}
.bonda-book[data-mode=portrait] .bb-canvas[data-layout=panorama] .bb-words p{position:static;width:100%;font-size:1em}
.bonda-book[data-mode=portrait] .bb-canvas[data-layout=panorama] .bb-words p+p{margin-top:.8em}
.bonda-book[data-mode=portrait] .bb-canvas[data-layout=panorama] .bb-art img{object-fit:cover;object-position:center bottom}
.bonda-book[data-mode=portrait] .bb-canvas[data-scene=future] .bb-art img{object-fit:contain;object-position:bottom}
.bonda-book[data-mode=portrait] .bb-canvas[data-scene=future] .bb-copy{padding-bottom:0}
.bonda-book[data-mode=portrait] .bb-large .bb-words p:first-child{font-size:1.7em}
.bonda-book[data-mode=portrait] .bb-large .bb-words p+p{font-size:1em}
.bonda-book[data-mode=portrait] .bb-canvas[data-layout=cover] .bb-art{position:absolute;inset:0;width:100%;height:100%}
.bonda-book[data-mode=portrait] .bb-canvas[data-layout=cover] .bb-art img{object-fit:cover;object-position:center bottom}
.bonda-book[data-mode=portrait] .bb-canvas[data-layout=cover] .bb-copy{position:absolute;inset:0;width:100%;height:100%;padding:10% 6% 0}
.bonda-book[data-mode=portrait] .bb-title{font-size:calc(var(--leaf-width)*.083)!important;line-height:1.65!important;margin:18px 0 18px!important}
.bonda-book[data-mode=portrait] .bb-cover-kicker{font-size:11px}
.bonda-book[data-mode=portrait] .bb-canvas[data-layout=cover] .bb-words{font-size:13px;line-height:1.8}
.bonda-book[data-mode=portrait] .bb-canvas[data-layout=back] .bb-copy{height:100%;padding:9%}
.bonda-book[data-mode=portrait] .bb-canvas[data-layout=back] .bb-words{font-size:18px}
.bb-dialog{width:min(1380px,calc(100vw - 28px));max-width:none;max-height:calc(100dvh - 24px);border:1px solid #d4d5cd;border-radius:5px;background:#f4f2e9;padding:0 18px 22px;overflow:auto;color:#5b6b71}
.bb-dialog::backdrop{background:#353b39d4;backdrop-filter:blur(5px)}
.bb-dialog-header{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:10px 8px;background:#f4f2e9f5;font:15px/1.6 BondaStoryYomogi,Yomogi,serif}
.bb-dialog-header p{margin:0}.bb-dialog-close{font:inherit;border:1px solid #c8c4b7;background:none;color:inherit;padding:8px 17px;border-radius:25px;min-height:42px;cursor:pointer}
.bb-dialog .bonda-book{max-width:none}.bb-dialog .bb-topline{display:none}.bb-modal-open{overflow:hidden}
.home-origin.manifesto-origin{padding:82px 0 80px!important;background:#f3f0e7}
.manifesto-origin>.wrap{max-width:1244px!important;width:calc(100% - 48px)!important;padding-inline:0!important}
.manifesto-origin .section-heading{margin-bottom:34px!important}.manifesto-origin .section-heading .eyebrow{margin-bottom:12px}
.manifesto-origin .section-heading h2{font-size:clamp(1.6rem,3.2vw,2.6rem)!important;line-height:1.7!important}
.manifesto-line{font:400 clamp(18px,2vw,24px)/1.9 BondaStoryYomogi,Yomogi,serif;text-align:center;color:#5d7580;margin:42px auto 0;letter-spacing:.05em}
.story-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:14px 32px;margin:26px auto 0;font-family:BondaStoryYomogi,Yomogi,serif;text-align:center}
.story-actions>a,.story-actions>button{font:inherit;font-size:15px;line-height:1.7;color:#6b746f;background:none;border:0;border-bottom:1px solid #baafa0;padding:8px 0;min-height:44px;cursor:pointer;text-decoration:none}
.story-actions [data-share-status]{flex-basis:100%;margin:0;min-height:1em;font-size:13px;line-height:1.7;overflow-wrap:anywhere;color:#526b7a}
.story-page{margin:0;background:#f3f0e7;color:#596668;font-family:BondaStoryYomogi,Yomogi,serif;-webkit-font-smoothing:antialiased}
.story-top{max-width:1230px;padding:20px 28px 14px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:16px}
.story-top a{text-decoration:none;color:#7b756a;font-size:13px;min-height:42px;display:flex;align-items:center}
.story-brand{gap:9px}.story-brand img{width:27px;height:27px;object-fit:contain}.story-brand small{font:10px Georgia,serif;letter-spacing:.2em;display:block;margin-top:4px}
.story-main{max-width:1230px;width:calc(100% - 44px);margin:0 auto}
.story-letter{max-width:750px;margin:72px auto 0;padding:45px 28px 0;border-top:1px solid #d6d0c4;text-align:center}
.story-letter .letter-kicker{font-size:12px;letter-spacing:.15em;color:#92816b;margin:0 0 20px}
.story-letter h2{font:400 clamp(25px,3vw,35px)/1.8 BondaStoryYomogi,Yomogi,serif;color:#536e7c;margin:0 0 24px}
.story-letter h2 span{display:inline-block}.story-letter>p{font-size:16px;line-height:2.1;margin:0 0 22px}
.story-wishes{text-align:left;margin:34px auto;max-width:580px}
.story-wishes article{display:grid;grid-template-columns:36px 1fr;gap:0 10px;padding:22px 0;border-top:1px solid #d9d4c866}
.story-wishes .wish-no{grid-row:1/3;color:#b3a48f;font:italic 16px/1.8 Georgia,serif}
.story-wishes h3{font:400 21px/1.6 BondaStoryYomogi,Yomogi,serif;margin:0 0 8px;color:#5c7982}
.story-wishes p{font-size:14px;line-height:2;margin:0;color:#756f63}
.story-fineprint{font-size:12px!important;color:#8c8174;line-height:1.9!important}
.story-context{text-align:left;margin:32px auto 0;font-size:13px;line-height:1.9;color:#7f7769}
.story-context summary{cursor:pointer;text-align:center;padding:12px}.story-context a{color:#5c7780;text-underline-offset:3px}
.story-footer{max-width:750px;margin:25px auto 30px;padding:0 28px;text-align:center;color:#8a8174;font-size:12px}
.story-footer details{text-align:left;border-top:1px solid #d9d2c6;padding:15px 0}.story-footer summary{text-align:center;padding:10px;cursor:pointer;font-size:13px}
.story-transcript{max-width:550px;margin:30px auto;font-size:16px;line-height:2.1}.story-transcript h3{font:400 19px/1.8 BondaStoryYomogi,Yomogi,serif;color:#59727f;margin-top:35px}.story-transcript p{margin:22px 0}
.story-credit{font:11px/1.7 Georgia,serif;letter-spacing:.15em;margin:32px 0}
.story-fallback{max-width:460px;margin:auto;text-align:center}.story-fallback img{display:block;width:100%;height:auto}.story-fallback h1,.story-fallback h3{font:400 27px/1.8 BondaStoryYomogi,Yomogi,serif}
@media(max-width:700px){.story-top{padding:12px 19px 8px}.story-top a{font-size:12px}.story-main{width:calc(100% - 20px)}.bb-topline{padding:0 10px;margin-bottom:0}.bb-chapter{font-size:11px}.bb-enlarge{font-size:12px}.bb-stage{padding-top:8px;padding-bottom:22px}.bb-controls{grid-template-columns:76px minmax(0,1fr) 76px;gap:6px;padding:0 8px}.bb-controls button{font-size:13px;min-height:44px}.bb-page-label select{font-size:11px}.bb-hint{font-size:10px}.bb-afterword{font-size:16px;padding:0 10px}.bb-note{font-size:11px!important}.home-origin.manifesto-origin{padding:60px 0!important}.manifesto-origin>.wrap{width:calc(100% - 20px)!important}.manifesto-origin .section-heading{margin-bottom:25px!important;padding:0 14px}.manifesto-origin .section-heading h2{font-size:1.5rem!important}.manifesto-line{margin-top:32px;font-size:18px;padding:0 14px}.story-actions{gap:12px 24px;padding:0 10px;margin-top:22px}.story-actions>a,.story-actions>button{font-size:13px}.story-letter{margin-top:46px;padding:30px 22px 0}.story-letter>p{font-size:15px}.story-letter h2{font-size:25px}.story-wishes h3{font-size:19px}.story-wishes p{font-size:13px}.bb-dialog{padding:0 4px 18px;width:calc(100vw - 12px)}.bb-dialog-header{padding:8px 12px;font-size:12px}.bb-dialog-close{font-size:12px;padding:6px 12px}}
@media(prefers-reduced-motion:reduce){.bonda-book *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}