/* ASTACKRA Cutaway — finishing layer. */
.cx-live ::selection{background:rgba(232,174,132,.85);color:#140c06}
html:has(body.cx-live){scrollbar-color:#3a4658 #0b111b;scrollbar-width:thin}
.cx-live :focus-visible{outline:2px solid #e8ae84;outline-offset:3px}

/* Arrival curtain */
.lx-arrive{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;background:#070b11;transition:clip-path .8s cubic-bezier(.76,0,.24,1);clip-path:inset(0 0 0 0)}
.lx-arrive.out{clip-path:inset(0 0 100% 0)}
.lx-arrive-in{display:grid;justify-items:center;gap:1.1rem;opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .7s cubic-bezier(.2,.7,.1,1)}
.lx-arrive.go .lx-arrive-in{opacity:1;transform:none}
.lx-arrive .logo-crop{--h:30px}
.lx-arrive-line{display:block;width:min(260px,60vw);height:1px;background:linear-gradient(90deg,transparent,#e8ae84,transparent);transform:scaleX(0);transition:transform .9s cubic-bezier(.2,.7,.1,1) .1s}
.lx-arrive.go .lx-arrive-line{transform:scaleX(1)}
.lx-arrive p{margin:0;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.62rem;letter-spacing:.24em;text-transform:uppercase;color:#7f8d99;text-align:center;padding-inline:16px}

/* Cursor lens + ambient light */
.lx-cursor{position:fixed;left:0;top:0;z-index:2147482000;width:0;height:0;pointer-events:none;opacity:0;transition:opacity .3s}
.lx-cursor.on{opacity:1}
.lx-cursor span{position:absolute;left:-17px;top:-17px;width:34px;height:34px;border-radius:50%;border:1px solid rgba(232,174,132,.75);display:grid;place-items:center;font:600 .6rem/1 "IBM Plex Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:#140c06;transition:width .35s cubic-bezier(.2,.7,.1,1),height .35s cubic-bezier(.2,.7,.1,1),left .35s cubic-bezier(.2,.7,.1,1),top .35s cubic-bezier(.2,.7,.1,1),background .3s,border-color .3s,opacity .3s}
.lx-cursor.is-link span{left:-26px;top:-26px;width:52px;height:52px;background:rgba(232,174,132,.12);border-color:rgba(232,174,132,.9)}
.lx-cursor.is-view span{left:-38px;top:-38px;width:76px;height:76px;background:#e8ae84;border-color:#e8ae84}
.lx-cursor.is-field span{opacity:0}
.lx-cursor.is-light:not(.is-view) span{border-color:rgba(138,74,36,.8)}
.lx-cursor.down span{transform:scale(.82)}
.lx-spot{position:fixed;inset:0;z-index:2;pointer-events:none;background:radial-gradient(520px circle at var(--mx,-999px) var(--my,-999px),rgba(232,174,132,.07),transparent 62%);mix-blend-mode:screen}
@media (prefers-reduced-motion: reduce){ .lx-cursor,.lx-spot{display:none} }

/* Magnetic */
.lx-mag{transition:transform .45s cubic-bezier(.2,.7,.1,1),background .25s,color .25s,border-color .25s,filter .25s}

/* Shell buttons: a copper sheen */
.cx-live .sec:not(.real) .btn{position:relative;overflow:hidden;isolation:isolate}
.cx-live .sec:not(.real) .btn::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 35%,rgba(232,174,132,.22) 50%,transparent 65%);transform:translateX(-120%);transition:transform .9s cubic-bezier(.2,.7,.1,1)}
.cx-live .sec:not(.real) .btn:hover::after{transform:translateX(120%)}

/* Real content: numbered sheets and a reading reveal */
.cx-live .real-in h2 .lx-no{display:block;width:max-content;margin-bottom:.7rem;padding:.25rem .55rem;border:1px solid rgba(138,74,36,.45);border-radius:999px;font:500 .62rem/1 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.18em;color:#8a4a24}
.cx-live .real-in h2 .lx-no::before{content:"Sheet "}
.lx-rv-on .real-in .lx-rv{opacity:0;transform:translateY(22px);transition:opacity .9s cubic-bezier(.2,.7,.1,1),transform 1s cubic-bezier(.2,.7,.1,1)}
.lx-rv-on .real-in .lx-rv.lx-in{opacity:1;transform:none}
.cx-live .real-in p a,.cx-live .real-in li a{text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;transition:background-size .5s cubic-bezier(.2,.7,.1,1)}
.cx-live .real-in p a:hover,.cx-live .real-in li a:hover{background-size:0 1px;background-position:100% 100%}

/* At a glance, under each inner page title */
.lx-glance{display:flex;flex-wrap:wrap;gap:0;margin-top:.6rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.lx-glance > *{display:grid;gap:.25rem;padding:.9rem 1.4rem .9rem 0;margin-right:1.4rem;border-right:1px solid var(--line);font-size:.95rem;color:var(--text);text-decoration:none}
.lx-glance > *:last-child{border-right:0;margin-right:0}
.lx-glance b{font-family:var(--f-mono);font-weight:500;font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-2)}
.lx-glance a{color:var(--copper-hi)}
.lx-glance a:hover{color:var(--text)}
@container site (max-width: 560px){ .lx-glance > *{padding-right:1rem;margin-right:1rem} }

/* Chapter indicator under the condensed header */
.lx-chapter{position:absolute;left:50%;top:calc(100% + 8px);transform:translate(-50%,-6px);display:flex;gap:.6rem;align-items:center;max-width:min(680px,90%);padding:.38rem .9rem;border-radius:999px;background:rgba(11,17,27,.92);border:1px solid rgba(233,238,239,.1);box-shadow:0 12px 30px -16px rgba(0,0,0,.8);font-size:.76rem;white-space:nowrap;overflow:hidden;opacity:0;pointer-events:none;transition:opacity .35s,transform .45s cubic-bezier(.2,.7,.1,1)}
.lx-chapter.on{opacity:1;transform:translate(-50%,0)}
.lx-chapter b{font-family:"IBM Plex Mono",monospace;font-weight:500;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:#e8ae84;flex:none}
.lx-chapter i{font-style:normal;color:#a3b0ba;overflow:hidden;text-overflow:ellipsis}
.cx-live .mega.is-open ~ .lx-chapter{opacity:0}
@container site (max-width: 760px){ .lx-chapter{display:none} }

/* Plates move inside their frames */
.cx-live .band,.cx-live .screen-frame--hero{overflow:hidden}
.cx-live .band img{will-change:transform;transform:scale(1.12)}

html.nx-still .lx-rv{opacity:1!important;transform:none!important}