.screen-note-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}.screen-note-lines path{fill:none;stroke:#e5f4ffb8;stroke-width:1;vector-effect:non-scaling-stroke}.screen-note-lines .line-shadow{stroke:#08151c99;stroke-width:3}.screen-note-lines circle{fill:#e8f7ff;stroke:#102532;stroke-width:1.2}.screen-state-note{position:absolute;right:var(--space);top:19%;width:min(29%,360px);z-index:4;background:#0b151deb;border:1px solid #94afbf50;border-radius:10px;padding:24px;backdrop-filter:blur(14px);color:#eff6fa;box-shadow:0 10px 35px #0002}.screen-state-note header{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1.2px;color:#c0d1db;margin-bottom:17px}.screen-note-signal{display:flex;align-items:center;gap:7px;color:var(--note-signal,#9bd8f4)}.screen-note-signal i{width:5px;height:5px;border-radius:50%;background:currentColor}.screen-state-note h3{font-size:23px;font-weight:400;line-height:1.45;margin:0 0 12px}.screen-state-note>p{font-size:12px;line-height:1.8;color:#bacbd5}.screen-note-detail{display:grid;gap:15px;border-top:1px solid #8aa4b333;padding-top:17px;margin-top:18px}.screen-note-detail>div{display:grid;grid-template-columns:21px 1fr;gap:10px;align-items:start}.screen-note-detail .icon{color:var(--note-signal);width:18px;height:18px}.screen-note-detail small{display:block;color:#9db2bf;font-size:10px;margin-bottom:5px}.screen-note-detail strong{font-size:12px;font-weight:400;line-height:1.6;display:block}.screen-note-foot{font-size:10px;color:#a8becb;line-height:1.7;margin-top:18px}.screen-state-note:focus-visible{outline:1px solid #b2dbf1;outline-offset:4px}
.screen-note-lines .line-shadow{display:none}.screen-note-lines .line-front{stroke:#ecf6ffd4;stroke-width:1}.screen-note-lines circle{stroke:none;r:2.5px}.screen-state-note{right:5.5%;top:14%;width:39%;min-height:57%;padding:clamp(24px,3vw,50px);border:0;border-radius:0;box-shadow:none;background:linear-gradient(125deg,#0b151deb,#0b151dbd);backdrop-filter:blur(16px);display:flex;flex-direction:column}.screen-state-note header{margin-bottom:26px}.screen-state-note h3{font-size:clamp(24px,2.5vw,40px);margin-bottom:18px;letter-spacing:-.03em}.screen-state-note>p{font-size:clamp(12px,1vw,15px);line-height:1.9;max-width:370px}.screen-note-detail{border:0;padding-top:0;margin-top:30px;gap:22px}.screen-note-detail>div{gap:13px}.screen-note-detail small{font-size:11px;margin-bottom:7px}.screen-note-detail strong{font-size:clamp(12px,1.05vw,15px)}.screen-note-foot{margin-top:auto;padding-top:28px;font-size:11px}.field-stage.embedded-screen .field-controls{right:5.5%;bottom:8%;width:39%;left:auto}.embedded-screen .field-controls .tabs{border:0;border-radius:0;background:#0b151dcf}.embedded-screen .field-controls .tab{border-bottom-width:1px}.embedded-screen .field-image-caption{margin-top:13px}.screen-note-lines{z-index:3}
@media(max-width:1100px) and (min-width:801px){.screen-state-note{top:8%;padding:23px;min-height:62%}.screen-state-note header{margin-bottom:17px;font-size:9px}.screen-state-note h3{font-size:25px;margin-bottom:12px}.screen-note-detail{gap:15px;margin-top:20px}.screen-note-foot{font-size:10px;padding-top:18px}.field-stage.embedded-screen .field-controls{bottom:5%}}
@media(max-width:800px){.screen-state-note{position:relative;top:auto;right:auto;width:auto;min-height:320px;margin:0 var(--space) 32px;padding:28px 24px;order:0}.screen-note-lines{display:none}.experience.field-experience .screen-state-note{margin-top:0}.screen-state-note h3{font-size:28px}.screen-note-detail{grid-template-columns:1fr 1fr;gap:18px}.field-stage.embedded-screen .field-controls{left:var(--space);right:var(--space);bottom:22px;width:auto}.screen-note-foot{padding-top:24px}}