:root{--u:min(.0694444444vw,1px);--ink:#111;--accent:#dc2636;--paper:#fff}
body{container-type:inline-size}.page{--u:min(calc(100cqw / 1440),1px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Onest,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}.page{max-width:1440px;margin:auto}.node{position:relative;flex-shrink:0;min-width:0}.text{margin:0;white-space:pre-wrap;overflow-wrap:break-word;font-synthesis:none}.art{display:block;object-fit:contain;max-width:none}.positioned>.node{position:absolute}.pending{padding:0;text-align:left;border:0;background:transparent;cursor:pointer}.link{cursor:pointer}.link:hover,.pending:hover{filter:opacity(.72)}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.skip{position:fixed;left:16px;top:-80px;background:#111;color:#fff;padding:12px 20px;z-index:20}.skip:focus{top:16px}.notice{position:fixed;z-index:30;bottom:24px;left:50%;transform:translateX(-50%);width:min(600px,calc(100% - 40px));padding:20px 56px 20px 24px;background:#111;color:white;font-size:16px;line-height:1.5;box-shadow:0 10px 50px #0003}.notice a{color:#ffaab2;text-decoration:underline}.notice button{position:absolute;right:8px;top:8px;width:40px;height:40px;border:0;background:transparent;color:white;font-size:28px;cursor:pointer}.bento{scrollbar-color:#aaa #f6f6f6;overscroll-behavior-x:contain;touch-action:pan-x pan-y}.bento-inner{width:max-content;padding-bottom:12px}.bento .art{height:calc(720 * var(--u));width:calc(4644 * var(--u));cursor:grab}.bento.dragging .art{cursor:grabbing}.phone{height:auto!important;max-width:100%}.section{scroll-margin-top:24px}.home [data-node="30:59"] a,.case [data-node="271:4250"] a{min-height:24px}.home [data-node="46:52"]{transition:opacity .2s}.home [data-node="46:52"]:hover{opacity:.86}
@media(min-width:721px){.positioned>.node{left:var(--x);top:var(--y)}}
@media(max-width:720px){
 :root{--u:1px}.page{width:100%}.node{max-width:100%}.layout{width:100%!important;height:auto!important;min-height:0;flex-direction:column!important;gap:24px!important;padding:0!important;overflow:visible!important}.section{padding:40px 20px!important;gap:32px!important}.text{width:100%!important;height:auto!important;font-size:clamp(14px,calc(var(--fs)*.66px),44px)!important;line-height:1.3!important;letter-spacing:-.02em!important}.art{width:100%!important;height:auto!important;max-width:100%;object-fit:contain}.phone{width:min(312px,100%)!important;align-self:center}.dot{width:8px!important;height:8px!important;max-width:8px;flex-shrink:0}.positioned>.node,.absolute{position:relative!important;left:auto!important;top:auto!important}.positioned{display:flex!important;flex-direction:column;gap:24px}.layout:empty{height:1px!important}.layout.dot{height:8px!important;width:8px!important}.home [data-node="30:56"],.case [data-node="137:5764"]{padding-top:24px!important;padding-bottom:24px!important}.home [data-node="30:57"],.case [data-node="137:5765"]{gap:20px!important}.home [data-node="38:22"],.case [data-node="137:5766"]{width:auto!important;flex-direction:row!important;gap:12px!important;align-items:center!important}.home [data-node="30:58"],.case [data-node="137:5767"]{font-size:18px!important;width:auto!important}.home [data-node="30:59"],.case [data-node="271:4250"]{flex-direction:row!important;flex-wrap:wrap;gap:8px 22px!important}.home [data-node="30:59"]>.node,.case [data-node="271:4250"]>.node{width:auto!important;min-height:36px;display:flex!important;align-items:center!important}.home [data-node="30:59"] .text,.case [data-node="271:4250"] .text{font-size:14px!important}.home [data-node="30:68"]{padding-top:20px!important}.home [data-node="30:69"]{gap:0!important}.home [data-node="30:71"]{padding-left:16px!important}.home [data-node="30:70"],.home [data-node="30:72"]{font-size:clamp(28px,7.6vw,44px)!important;line-height:1.08!important;letter-spacing:-.04em!important}.home [data-node="30:73"] .text{font-size:16px!important;line-height:1.5!important}.home [data-node="30:74"]{font-size:12px!important}.home [data-node="30:81"]{padding-top:36px!important;padding-bottom:16px!important}.home [data-node="30:85"]{padding-top:0!important;gap:56px!important}.home [data-node="46:27"]{display:none!important}.home [data-node="46:35"],.home [data-node="46:51"]{gap:52px!important}.home [data-node="46:33"],.home [data-node="46:41"],.home [data-node="46:47"],.home [data-node="46:56"],.home [data-node="46:65"],.home [data-node="46:74"]{flex-direction:row!important;align-items:center!important;gap:16px!important}.home [data-node="38:29"],.home [data-node="38:32"],.home [data-node="38:36"],.home [data-node="46:58"],.home [data-node="46:67"],.home [data-node="46:76"]{width:40px!important;height:40px!important;flex-shrink:0;justify-content:center!important;align-items:center!important;border-radius:50%!important;background:#111!important;color:#fff}.home [data-node="38:29"] p,.home [data-node="38:32"] p,.home [data-node="38:36"] p,.home [data-node="46:58"] p,.home [data-node="46:67"] p,.home [data-node="46:76"] p{text-align:center;font-size:24px!important}.home [data-node="46:42"],.home [data-node="46:61"],.home [data-node="46:70"]{padding-top:0!important}.home [data-node="30:126"] .instance{padding:24px 0!important;border-width:1px 0 0!important}.home [data-node="30:148"]{padding-top:70px!important;padding-bottom:70px!important}.home [data-node="30:149"]{gap:4px!important}.home [data-node="30:152"]{font-size:26px!important}.home [data-node="30:162"],.case [data-node="130:5665"]{padding:24px 20px!important}.home [data-node="30:162"] .text,.case [data-node="130:5665"] .text{font-size:12px!important}.case [data-node="130:3274"]{padding-top:24px!important}.case [data-node="130:3275"]{font-size:64px!important}.case [data-node="130:3276"]{font-size:24px!important}.case [data-node="130:3277"]{padding:0!important}.case [data-node="130:3377"]{gap:32px!important}.case [data-node="130:3410"]{padding-top:0!important;width:174px!important}.case [data-node="130:3411"]{width:174px!important}.case .phone{margin:12px auto}.case .bento{overflow-x:auto!important;overflow-y:hidden!important;padding:0!important;height:auto!important;max-width:100%;width:100%!important}.case .bento .art{width:3225px!important;height:500px!important;max-width:none}.case .bento-inner{width:3225px}.case [data-node="130:3603"],.case [data-node="130:5157"]{min-width:640px;width:640px!important}.case [data-node="130:3599"],.case [data-node="130:5156"]{overflow-x:clip!important}.case [data-node="130:3599"] .art{max-width:100%}.case #design-system{padding-left:0!important;padding-right:0!important}.case #design-system>[data-node="391:6678"]{padding:0 20px!important}.case #design-system .text{line-height:1.5!important}
}
.diagram{width:100%;overflow-x:auto;overscroll-behavior-x:contain;flex-shrink:0}.diagram .art{display:block}
[data-node="30:130"],[data-node="30:134"],[data-node="89:31"],[data-node="30:138"]{border:0!important;border-top:1px solid #d6d6d6!important}
@media(max-width:720px){.home [data-node="46:33"]>.text,.home [data-node="46:41"]>.text,.home [data-node="46:47"]>.text,.home [data-node="46:56"]>.text,.home [data-node="46:65"]>.text,.home [data-node="46:74"]>.text{flex:1 1 0;width:0!important;min-width:0}.home [data-node="30:130"],.home [data-node="30:134"],.home [data-node="89:31"],.home [data-node="30:138"]{padding:24px 0!important}.home [data-node="30:82"],.home [data-node="38:24"]{flex-direction:row!important;align-items:center!important;width:auto!important;gap:12px!important}.home [data-node="30:82"]{justify-content:space-between!important;width:100%!important}.home [data-node="30:82"]>.text{width:auto!important}}
@media(max-width:720px){.page{--u:1px}.diagram .art{min-width:900px!important;width:900px!important;height:auto!important;max-width:none!important}.layout.dot{display:block}.home [data-node="30:155"]{gap:24px!important}.home [data-node="30:155"] a,.case [data-node="137:5785"] a{min-height:44px;justify-content:center}.bento{outline-offset:-4px}}
@media(max-width:720px){.home [data-node="38:25"]{width:10px!important;height:10px!important;flex-shrink:0}}
.bento{height:calc(720 * var(--u))!important;overflow:hidden!important;scrollbar-width:none;touch-action:pan-y}.bento::-webkit-scrollbar{display:none}.bento-inner{display:flex;gap:0;padding:0;user-select:none;touch-action:pan-y}.bento .art{width:calc(4572 * var(--u));height:calc(720 * var(--u));max-width:none;flex-shrink:0;pointer-events:none}.bento[data-motion="playing"] .bento-inner{will-change:transform}.bento[data-motion="paused"] .bento-inner{will-change:auto}.carousel-control{position:absolute;right:calc(48 * var(--u));bottom:calc(16 * var(--u));height:44px;padding:0 12px;border:0;background:none;font:400 14px Onest;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.carousel-control:disabled{cursor:default;color:#555;text-decoration:none}.case #design-system{overflow:visible!important}
@media(max-width:720px){.case .bento{height:500px!important;overflow:hidden!important}.case .bento .art{width:3175px!important;height:500px!important;max-width:none}.case .bento-inner{width:max-content}.case #design-system{padding-bottom:80px!important}.carousel-control{right:20px;bottom:16px}.home [data-node="home-event-cover"]{width:100%!important;height:auto!important}}
.case #design-system .bento{width:100cqw!important;max-width:none!important;align-self:center}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.case-status{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:calc(64 * var(--u));height:calc(64 * var(--u));font-size:calc(14 * var(--u));color:#737373}
@media(max-width:720px){.case-status{width:auto;height:40px;font-size:13px}}
/* Revision04: authored case covers and three independent component strips. */
.case .case-hero{width:100cqw!important;height:auto!important;margin-inline:calc(50% - 50cqw);padding:0!important;max-width:none!important;object-fit:contain}
.case #design-system{--ds-height:calc(576 * var(--u));height:auto!important;padding-bottom:calc(80 * var(--u))!important}
.case #design-system .bento{height:var(--ds-height)!important;overflow:hidden!important}
.case #design-system .bento .art{width:calc(var(--ds-height) * var(--bento-ratio))!important;height:var(--ds-height)!important;max-width:none!important}
.case #design-system .bento-inner{width:max-content}
.case .icon{flex-shrink:0;object-fit:contain}
.asset-link{display:block;flex-shrink:0}
.home [data-node="46:24"],.home [data-node="46:36"],.home [data-node="46:42"]{transition:opacity .2s}
.home [data-node="46:24"]:hover,.home [data-node="46:36"]:hover,.home [data-node="46:42"]:hover{opacity:.88;filter:none}
@media(max-width:720px){
 .case #design-system{--ds-height:400px;padding-bottom:80px!important}
 .case .icon,.home .icon{width:40px!important;height:40px!important;max-width:40px;align-self:flex-start}
 .home .asset-link .icon{align-self:center}
 .case header{padding:24px 20px!important}
 .case header .horizontal{flex-direction:row!important;flex-wrap:wrap;gap:12px 20px!important}
 .case header .instance{width:auto!important;min-height:36px;display:flex!important;align-items:center!important}
 .case header .text{font-size:14px!important;width:auto!important}
 .case [data-node="600:7600"]{font-size:clamp(26px,8.8vw,42px)!important;white-space:nowrap}
 .case [data-node="130:3275"]{font-size:clamp(42px,16vw,64px)!important;white-space:nowrap}
 .case .case-hero{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;height:auto!important}
 .home [data-node="56:27"]{max-width:420px;align-self:center}
 .case .bento .art{max-width:none!important}
 .case .diagram .art{min-width:900px!important}
}