.story,.work-steps{position:relative}.slot{height:100svh;position:relative}.pin-slot .slot-inner{height:100%;padding:calc(var(--nav) + 24px) clamp(16px,6vw,96px) 32px;display:flex;align-items:center;max-width:1440px;margin:0 auto}.card{width:min(520px,100%);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:26px 26px 22px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 30px 80px #00000073;border-top:3px solid var(--accent)}.card-title{font:700 clamp(28px,3vw,40px)/1.05 var(--f-head);margin:0 0 6px;letter-spacing:-.01em}.card-line{font-size:17px;color:var(--soft);margin:0 0 16px}.chip{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font:600 14px/1 var(--f-head);color:var(--white);text-decoration:none;padding:12px 16px;border-radius:999px;border:1px solid var(--accent);transition:background .2s}.chip:hover{background:var(--accent)}.chip-sub{display:inline-block;margin:16px 0 0 12px;font:500 13px/1 var(--f-body);color:var(--muted)}.motion .pin-slot [data-card]{opacity:0}@media (max-width:820px),(max-width:1100px) and (orientation:portrait){.pin-slot .slot-inner{align-items:flex-end;justify-content:center;padding-bottom:18px}.card{padding:18px 16px 16px}.card-title{font-size:26px}.card-line{font-size:15px;margin-bottom:10px}.chip{margin-top:12px;padding:10px 14px}.chip-sub{display:none}}.frag{margin:2px 0 0}.ui{display:flex;flex-direction:column;gap:8px;font-size:14px}.ui-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:#f8f8f80f;border:1px solid var(--line)}.ui-row b{display:block;font:600 14px/1.25 var(--f-head)}.ui-row small{display:block;font:500 11px/1.3 var(--f-mono);color:var(--muted);letter-spacing:.04em;margin-top:2px}.ui-ic{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--ic,var(--accent)) 22%,transparent);color:var(--ic,var(--accent))}.ui-alert .ui-ic{--ic:#D84848}.ui-ok .ui-ic{--ic:var(--ok)}.ui-bubble{max-width:84%;padding:9px 12px;border-radius:14px;line-height:1.35}.ui-out{align-self:flex-start;background:var(--accent);color:#fff;border-bottom-left-radius:4px}.ui-in{align-self:flex-end;background:#f8f8f821;border-bottom-right-radius:4px}.ui-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.ui-list{display:flex;flex-direction:column;gap:6px}.ui-tick{display:flex;justify-content:space-between;align-items:center;gap:6px;font:500 12px/1 var(--f-mono);padding:8px 10px;border-radius:10px;background:#f8f8f80d;border:1px solid var(--line);color:var(--muted);transition:color .25s,border-color .25s}.ui-tick i{display:inline-flex;opacity:0;transform:scale(.4);transition:opacity .25s,transform .35s cubic-bezier(.3,1.6,.5,1);color:var(--ok)}.ui-tick.on{color:var(--white);border-color:#35c48b73}.ui-tick.on i{opacity:1;transform:none}html:not(.motion) .ui-tick i{opacity:1;transform:none}@media (max-width:820px),(max-width:1100px) and (orientation:portrait){.ui{gap:6px;font-size:13px}.ui-row{padding:8px 10px}.ui-grid{grid-template-columns:repeat(2,1fr)}}.ui-sp{background:#fcfcfc;border-radius:12px;padding:10px 10px 4px;color:#0f172a}.sp-strip{background:#121e2a;border-radius:9px;padding:0 10px 4px;margin-bottom:6px}.sp-lanes{position:relative;height:88px}.sp-pill{position:absolute;height:18px;border-radius:5px;background:#7ed2c6;font:600 10px/18px var(--f-head);color:#fff;padding:0 4px;white-space:nowrap;overflow:hidden}.sp-pill.past{background:#0c3c42}.sp-gap{position:absolute;height:18px;border:1px dashed rgba(126,210,198,.75);border-radius:5px}.sp-new{background:#0f766e;opacity:0;transform:translateY(-16px);transition:opacity .3s,transform .5s cubic-bezier(.3,1.6,.5,1);z-index:1}.sp-new:after{content:"";position:absolute;inset:3px;border-radius:2px;background:#ffffff59}.sp-new.on{opacity:1;transform:none}.sp-new-tag{position:absolute;top:1px;font:600 9px/1 var(--f-mono);background:#0f766e;color:#fff;padding:3px 5px;border-radius:3px;white-space:nowrap;opacity:0;transform:translateY(-6px);transition:opacity .3s,transform .4s cubic-bezier(.3,1.6,.5,1);z-index:2}.sp-new.on+.sp-new-tag{opacity:1;transform:none}.sp-now{position:absolute;top:2px;bottom:0;width:2px;margin-left:-1px;background:#ea580c}.sp-now b{position:absolute;top:0;left:5px;font:600 9px/1 var(--f-mono);background:#ea580c;color:#fff;padding:3px 5px;border-radius:3px;white-space:nowrap}.sp-hours{position:relative;height:14px;font:500 9px/14px var(--f-mono);color:#9fb3cc}.sp-hours span{position:absolute;transform:translate(-50%)}.sp-hours span:first-child{transform:none}.sp-row{display:flex;align-items:center;gap:10px;padding:7px 6px;border-top:1px solid #E8EEEE;border-radius:8px;position:relative}.sp-row:before{content:"";position:absolute;inset:0;border-radius:8px;background:#e6f6f2;opacity:0;transition:opacity .4s}.sp-row>*{position:relative}.sp-hot.on:before{opacity:1}.sp-t{flex:none;width:60px;font:600 11px/1 var(--f-mono);color:#0f172a}.sp-ic{flex:none;width:28px;height:28px;border-radius:8px;background:#f0f6f6;display:grid;place-items:center}.sp-who{min-width:0}.sp-who b{display:block;font:700 13px/1.2 var(--f-head);color:#0f172a;white-space:nowrap}.sp-who small{display:block;font:500 11px/1.3 var(--f-body);color:#64748b;white-space:nowrap}.sp-booked{flex:none;margin-left:auto;font:600 10px/1 var(--f-head);font-style:normal;color:#fff;background:#0f766e;padding:5px 8px;border-radius:999px;white-space:nowrap;opacity:0;transform:scale(.8);transition:opacity .3s,transform .35s}.sp-hot.on .sp-booked{opacity:1;transform:none}html:not(.motion) .sp-new,html:not(.motion) .sp-new-tag,html:not(.motion) .sp-booked{opacity:1;transform:none}html:not(.motion) .sp-hot:before{opacity:1}@media (max-width:820px),(max-width:1100px) and (orientation:portrait){.ui-sp .sp-row:not(.sp-hot){display:none}.sp-lanes{height:82px}.ui-sp .sp-row{gap:6px;padding:7px 4px}.ui-sp .sp-ic{width:24px;height:24px}.ui-sp .sp-booked{padding:5px 6px}}.bp{--bp:#7FB7FF;border:1px dashed rgba(127,183,255,.6);border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:8px;background:repeating-linear-gradient(0deg,transparent 0 15px,rgba(127,183,255,.08) 15px 16px),repeating-linear-gradient(90deg,transparent 0 15px,rgba(127,183,255,.08) 15px 16px)}.bp-x{position:relative;border:1px dashed rgba(127,183,255,.55);border-radius:8px;opacity:.4;transform:scale(.97);transition:opacity .35s,transform .45s cubic-bezier(.3,1.5,.5,1)}.bp-x:before{content:"";position:absolute;inset:-1px;border:1px solid var(--bp,#7FB7FF);border-radius:inherit;background:#7fb7ff21;opacity:0;transition:opacity .35s}.bp-x>*{position:relative}.bp-x.on{opacity:1;transform:none}.bp-x.on:before{opacity:1}.bp-bar{display:flex;align-items:center;gap:5px;padding:7px 9px;font:600 12px/1 var(--f-head)}.bp-bar i{width:7px;height:7px;border-radius:50%;background:#7fb7ff99}.bp-bar span{margin-left:6px}.bp-main{display:grid;grid-template-columns:1.3fr 1fr;gap:8px}.bp-list{padding:8px;display:flex;flex-direction:column;gap:6px}.bp-list span{font:500 10px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.bp-list i{height:12px;border-radius:4px;background:#7fb7ff47}.bp-side{display:flex;flex-direction:column;gap:8px}.bp-cal{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;padding:7px}.bp-cal i{height:9px;border-radius:2px;background:#7fb7ff47}.bp-btn{text-align:center;padding:8px;font:600 12px/1 var(--f-head)}html:not(.motion) .bp-x{opacity:1;transform:none}html:not(.motion) .bp-x:before{opacity:1}