.op{--op-soft:#3a4855;--op-btn:#0b6e8a;--op-btn-hover:#095a71;--op-gutter:var(--site-gutter,clamp(16px, 4vw, 48px));z-index:2147483000;background:var(--tss-bg);color:var(--tss-ink);font-family:var(--tss-font-body);-webkit-font-smoothing:antialiased;will-change:transform;position:fixed;inset:0;overflow:hidden}@media (prefers-color-scheme:dark){.op{--op-soft:#c3cfd9}}.op--light{--tss-bg:#f5f7f9;--tss-surface:#fff;--tss-ink:#14202b;--tss-muted:#566573;--tss-line:#dbe2e8;--tss-accent:#0b6e8a;--op-soft:#3a4855}.op--dark{--tss-bg:#0e151c;--tss-surface:#151f28;--tss-ink:#e3eaf0;--tss-muted:#97a6b4;--tss-line:#26333f;--tss-accent:#5cc1dc;--op-soft:#c3cfd9}html[data-opening],html[data-opening] body{overflow:hidden}html[data-opening=pending]:after{content:"";z-index:2147483646;background:var(--tss-bg);position:fixed;inset:0}.op p{margin:0}.op-progress{background:var(--tss-accent);transform-origin:0 0;width:100%;height:1px;position:absolute;top:0;left:0;transform:scaleX(0)}.op-wrap{max-width:calc(1280px + 2 * var(--op-gutter));height:100%;padding:0 var(--op-gutter);margin:0 auto}.op-stage{height:100%;position:relative}.op-title{letter-spacing:-.015em;text-wrap:balance;font-size:clamp(30px,3vw,46px);font-weight:600;line-height:1.12;position:absolute;top:clamp(48px,10vh,110px);left:0;right:0}.op-s1{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:clamp(32px,4.5vw,72px);display:grid;position:absolute;inset:33.333vh 0 128px}.op-pic{height:100%;position:relative}.op-layer{position:absolute;inset:0}.op-words{display:grid}.op-beat{grid-area:1/1;align-self:center}.op-beat-words{letter-spacing:-.02em;text-wrap:balance;max-width:14ch;font-size:clamp(34px,3.6vw,56px);font-weight:600;line-height:1.08}.op .op-beat-sub{color:var(--op-soft);margin-top:18px;font-size:clamp(17px,1.4vw,21px);line-height:1.4}.op svg{overflow:visible}.op-fill{width:100%;height:100%;position:absolute;inset:0}.op svg .i,.op svg .a,.op svg .m,.op svg .l{fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.op svg .i{stroke:var(--tss-ink)}.op svg .a{stroke:var(--tss-accent)}.op svg .m{stroke:var(--tss-muted)}.op svg .l{stroke:var(--tss-line)}.op svg .w1{stroke-width:1px}.op svg .w2{stroke-width:2px}.op svg .fs{fill:var(--tss-surface)}.op svg .fa{fill:var(--tss-accent);stroke:none}.op svg .dash{stroke-dasharray:6 6}.op-subj{font-family:var(--tss-font-mono);fill:var(--tss-accent);font-size:14px}.op-b2{justify-content:center;align-items:center;gap:clamp(24px,3vw,48px);display:flex}.op-b2-item{flex-direction:column;align-items:center;gap:12px;display:flex}.op-b2-item svg{width:clamp(96px,8.5vw,136px);height:clamp(96px,8.5vw,136px)}.op-label{font:500 14px/1.3 var(--tss-font-mono);color:var(--op-soft);white-space:nowrap}.op-c{flex-direction:column;justify-content:center;gap:22px;display:flex}.op-c-pic{aspect-ratio:880/330;flex:none;width:100%;position:relative}.op-c-pic svg{overflow:hidden}.op-marks{flex-wrap:wrap;flex:none;justify-content:center;gap:12px 32px;display:flex}.op-mark{align-items:center;gap:8px;display:flex}.op-mark svg{flex:none;width:22px;height:22px}.op-card{flex-direction:column;justify-content:center;gap:14px;display:flex;position:absolute;inset:calc(33.333vh - 60px) 0 128px}.op-card p{letter-spacing:-.025em;text-wrap:balance;font-size:clamp(44px,6.2vw,92px);font-weight:600;line-height:1.04}.op .op-card-l2{color:var(--tss-accent)}.op-s2{position:absolute;top:29vh;left:0;right:0}.op-s2-title{letter-spacing:-.015em;font-size:clamp(24px,2.2vw,34px);font-weight:600}.op-cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(32px,3.5vw,64px);margin-top:40px;display:grid}.op-col{border-top:1px solid var(--tss-line);padding-top:24px}.op-col svg{width:52px;height:52px;display:block}.op-col svg .i{stroke:var(--tss-muted);transition:stroke .5s ease-out}.op-col.is-open svg .i{stroke:var(--tss-ink)}.op .op-col-h{margin-top:18px;font-size:23px;font-weight:600;line-height:1.2}.op .op-col-p{max-width:36ch;color:var(--op-soft);margin-top:10px;font-size:17.5px;line-height:1.5}.op-cta{margin-top:48px}.op-btn{background:var(--op-btn);color:#fff;min-height:52px;font:600 17px/1.2 var(--tss-font-body);cursor:pointer;border:0;border-radius:6px;align-items:center;gap:10px;padding:0 24px;display:inline-flex}.op-btn:hover{background:var(--op-btn-hover)}.op-next{right:0;bottom:calc(40px + env(safe-area-inset-bottom,0px));border:1px solid var(--tss-line);min-height:44px;color:var(--tss-ink);font:500 15px/1 var(--tss-font-body);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:8px;padding:0 18px;transition:opacity .2s;display:inline-flex;position:absolute}.op-next:hover{border-color:var(--tss-muted)}@media (width<=719.98px){.op-title{text-align:center;font-size:26px;top:52px}.op-s1{flex-direction:column;align-items:stretch;gap:22px;display:flex;bottom:100px}.op-pic{flex:auto;height:auto;min-height:180px}.op-words{flex:none;min-height:150px}.op-beat{text-align:center;align-self:start}.op .op-beat-words{margin:0 auto;font-size:30px}.op .op-beat-sub,.op-subj{font-size:17px}.op-b2{gap:18px}.op-b2-item svg{width:84px;height:84px}.op-c{gap:14px}.op-marks{gap:10px 18px}.op-card{text-align:center;gap:10px;top:calc(33.333vh - 40px);bottom:100px}.op-card p{font-size:40px}.op-s2{top:168px}.op-s2-title{font-size:22px}.op-cols{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:22px}.op-col{grid-template-columns:36px minmax(0,1fr);gap:14px;padding-top:16px;display:grid}.op-col svg{width:36px;height:36px}.op .op-col-h{margin-top:0;font-size:19px}.op .op-col-p{margin-top:6px;font-size:15.5px}.op-cta{text-align:center;margin-top:26px}.op-next{bottom:calc(28px + env(safe-area-inset-bottom,0px))}}