.hero-copy{min-width:0}
.hero-copy>p{max-width:800px;color:#fff;font-size:clamp(20px,1.9vw,27px);line-height:1.5}
.hero-record{--silver:#b6bcc4;--white:#fff;width:min(100%,420px);min-width:0;margin:48px auto 0;justify-self:center;color:#fff;font-family:Arial,Helvetica,sans-serif}
.hero-record .relay-space{position:relative;width:100%;height:475px}
.hero-record [data-cards]{position:relative;height:100%}
.hero-record .operation-card{position:absolute;inset:0;padding:25px 24px 22px;background:rgba(29,42,58,.68);color:#fff;border:1px solid rgba(211,228,247,.35);border-radius:21px;-webkit-backdrop-filter:blur(24px) saturate(112%);backdrop-filter:blur(24px) saturate(112%);box-sizing:border-box;display:flex;flex-direction:column;clip-path:inset(0 round 21px);box-shadow:inset 0 1px 0 rgba(233,236,240,.18),0 24px 60px -30px rgba(5,18,37,.65)}
.hero-record .operation-card h3{font-size:clamp(24px,2.1vw,29px);line-height:1.12;font-weight:400;letter-spacing:-.025em;margin:15px 0 20px;overflow-wrap:normal}
.hero-record .operation-kicker{font-size:11px;line-height:1.5;letter-spacing:.1em;color:#e9ecf0}
.hero-record .operation-events{display:flex;flex-direction:column;gap:15px;margin:0 0 17px}
.hero-record .event-label{font-size:14px;line-height:1.4;margin-bottom:4px;overflow-wrap:anywhere}
.hero-record .event-label{min-height:20px}
.hero-record .event-label.is-typing::after{content:'';display:inline-block;width:1px;height:.9em;margin-left:3px;vertical-align:-.05em;background:#b6bcc4;opacity:var(--cursor-opacity,1)}
.hero-record .event-ref{font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;color:#e9ecf0;overflow-wrap:anywhere}
.hero-record .incoming-row{border-top:1px solid rgba(182,188,196,.25);padding-top:12px;margin-top:auto}
.hero-record .incoming-label{font-size:11px;line-height:1.4;color:#e9ecf0;margin-bottom:7px}
.hero-record .reference-tag{display:inline-block;font:12px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;padding:7px 8px;border:1px solid rgba(182,188,196,.35);border-radius:5px;color:#fff;white-space:nowrap;box-sizing:border-box}
.hero-record .outgoing-row{margin-top:15px;border-top:1px solid rgba(182,188,196,.2);padding-top:12px}
.hero-record .outgoing-row .incoming-label{letter-spacing:.05em}
.hero-record .card-foot{font-size:11px;line-height:1.4;color:#e9ecf0;display:flex;justify-content:space-between;gap:10px;margin-top:17px;flex-wrap:wrap}
.hero-record .travel-record{position:absolute;z-index:8;background:#29394c;border-color:#b6bcc4;pointer-events:none;transform-origin:center}
.hero-record .persistent-title{font-family:Inter,Arial,Helvetica,sans-serif;font-size:clamp(39px,3.45vw,51px);line-height:1.12;font-weight:700;letter-spacing:-.025em;text-align:left;margin:20px 0 0;color:#fff}
.hero-record .closing-line{position:absolute;top:50%;left:0;right:0;height:1px;background:#b6bcc4;opacity:0}
@media(min-width:1100px){.filmcontent{display:grid;grid-template-columns:minmax(0,1fr) clamp(300px,27vw,420px);align-items:center;gap:clamp(32px,4vw,80px)}.hero-copy{container-type:inline-size}.hero-copy h1{max-width:100%;font-size:clamp(52px,10.6cqw,96px)}.hero-record{margin:18px 0 0}}
@media(max-width:1099px){.hero-record{width:min(100%,440px)}}
@media(max-width:850px){.hero-copy>p{font-size:25px}}
@media(max-width:600px){.hero-copy>p{font-size:20px}.hero-record{margin-top:40px}.hero-record .relay-space{height:510px}.hero-record .operation-card{padding:24px 20px}.hero-record .operation-card h3{font-size:27px}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.hero-record .operation-card{background:#253447}}