/* ASTACKRA Cutaway — navigation, menu, footer and phone layout. Loaded last. */
.cx-live :is(.nx-menu,.nx-next){
  --ink:#0b111b; --ink-2:#111a27; --ink-3:#18222f; --line:#263243; --line-2:#334257;
  --porcelain:#e9eeef; --p-ink:#141d29; --p-muted:#4c5966;
  --copper:#c4804f; --copper-hi:#e8ae84; --copper-deep:#8a4a24;
  --text:#e8edef; --muted:#a3b0ba; --muted-2:#7f8d99;
  font-family:var(--f-body); color:var(--text);
}
.cx-live .nx-menu :is(h1,h2,h3),.cx-live .nx-next :is(h1,h2,h3){font-family:var(--f-display);font-weight:400;color:var(--text)}
html.nx-locked,html.nx-locked body{overflow:hidden}
/* The site's Tailwind build also defines .h-2 / .h-3 as height utilities; the Cutaway uses them as heading sizes. */
.cx-live :is(.h-2,.h-3,.h-hero){height:auto}
.cx-live .at-scroll-progress{display:none!important}
.cx-live .atlas-grid a .n{display:none}
.cx-live .atlas-grid a{grid-template-columns:1fr}
.cx-live .atlas-grid a small{grid-column:1}
.cx-live .index summary span{display:none}

/* =============== HEADER =============== */
.cx-live .hdr.nx{transition:transform .5s var(--ease),opacity .4s}
.cx-live .hdr.nx.nx-hide{transform:translateY(-130%);opacity:0}
.cx-live .nx .strip-l{display:flex;align-items:center;gap:.1rem}
.nx-pulse{width:6px;height:6px;border-radius:50%;background:var(--copper-hi);margin-right:.6rem;box-shadow:0 0 0 0 rgba(232,174,132,.6);animation:nxPulse 2.4s infinite}
@keyframes nxPulse{0%{box-shadow:0 0 0 0 rgba(232,174,132,.55)}70%{box-shadow:0 0 0 9px rgba(232,174,132,0)}100%{box-shadow:0 0 0 0 rgba(232,174,132,0)}}
.nx-yours{color:var(--muted-2)}
.cx-live .nx .capsule{gap:.8rem}
.nx-primary{position:relative;margin-inline:auto;display:flex;align-items:center}
.cx-live .nx .nav{margin:0;position:relative;z-index:1}
.cx-live .nx .nav-btn{padding:.55rem 1rem;border-radius:999px;color:var(--muted)}
.cx-live .nx .nav-btn::after{display:none}
.cx-live .nx .nav-btn:hover,.cx-live .nx .nav-btn[aria-expanded="true"],.cx-live .nx .nav-btn[aria-current="true"]{color:var(--text)}
.cx-live .nx .nav-btn[aria-current="true"]::before{content:"";position:absolute;left:50%;bottom:.18rem;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--copper-hi)}
.nx-lens{position:absolute;left:0;top:50%;height:2.4rem;margin-top:-1.2rem;width:0;border-radius:999px;background:linear-gradient(180deg,rgba(232,174,132,.16),rgba(196,128,79,.06));border:1px solid rgba(232,174,132,.28);box-shadow:0 0 24px -6px rgba(232,174,132,.35),inset 0 1px 0 rgba(255,255,255,.08);opacity:0;pointer-events:none;transition:transform .55s var(--ease),width .55s var(--ease),opacity .3s}
.nx-search{display:inline-flex;align-items:center;gap:.55rem;background:rgba(233,238,239,.04);border:1px solid var(--line-2);border-radius:999px;padding:.5rem .55rem .5rem .85rem;color:var(--muted);font-size:.85rem;cursor:pointer;transition:border-color .25s,color .25s,background .25s}
.nx-search:hover{color:var(--text);border-color:var(--copper);background:rgba(196,128,79,.08)}
.nx-kbd{font-family:var(--f-mono);font-size:.62rem;letter-spacing:.06em;padding:.18rem .42rem;border:1px solid var(--line-2);border-radius:6px;color:var(--muted-2);background:rgba(0,0,0,.25)}
.nx-cta{position:relative;overflow:hidden}
.nx-cta i{display:inline-block;font-style:normal;transition:transform .4s var(--ease)}
.nx-cta:hover i{transform:translateX(4px)}
.nx-cta::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);transform:translateX(-120%);transition:transform .9s var(--ease)}
.nx-cta:hover::after{transform:translateX(120%)}
.nx-burger{display:none;position:relative;width:44px;height:44px;border-radius:50%;border:1px solid var(--line-2);background:rgba(233,238,239,.04);cursor:pointer;color:var(--text)}
.nx-burger i{position:absolute;left:13px;right:13px;height:1.5px;background:currentColor;transition:transform .4s var(--ease)}
.nx-burger i:nth-of-type(1){top:17px}
.nx-burger i:nth-of-type(2){top:25px;left:19px}
.nx-burger:hover i:nth-of-type(2){left:13px}
/* mega preview */
.cx-live .nx .mega-plate{justify-content:flex-end}
.cx-live .nx .mega-plate{min-height:380px}
.cx-live .nx .mega-plate canvas{top:0;bottom:auto;height:56%}
.nx-peek{position:relative;display:grid;gap:.5rem;padding-top:1.2rem;border-top:1px solid var(--line);background:linear-gradient(180deg,rgba(10,15,24,0),#0a0f18 1.2rem)}
.nx-peek #megaLine{font-family:var(--f-display);font-size:1.45rem;line-height:1.2;max-width:20rem;color:var(--text)}
.nx-peek-d{font-size:.9rem;color:var(--muted);max-width:22rem;line-height:1.5}
.cx-live .nx .mega a{position:relative}
.cx-live .nx .mega a::before{content:"→";position:absolute;left:-1.1rem;opacity:0;color:var(--copper-hi);transition:opacity .25s,left .35s var(--ease)}
.cx-live .nx .mega a:hover::before,.cx-live .nx .mega a:focus-visible::before{opacity:1;left:-.95rem}
@container site (max-width: 1180px){ .nx-search .lbl{display:none} .cx-live .nx .tools-btn .lbl{display:none} }
@container site (max-width: 980px){
  .nx-burger{display:inline-block}
  .nx-kbd{display:none}
  .nx-primary{display:none}
  .cx-live .nx .hdr-r{margin-left:auto}
}
@container site (max-width: 560px){
  .nx-search{padding:.55rem;width:44px;height:44px;justify-content:center}
  .cx-live .nx .tools-btn{display:none}
  .cx-live .nx .capsule{padding:.6rem .5rem .6rem 1rem}
}

/* =============== FULL-SCREEN MENU =============== */
.nx-menu{position:fixed;inset:0;z-index:80;background:#070b11;overflow:hidden;clip-path:circle(0% at calc(100% - 44px) 44px);transition:clip-path .6s var(--ease)}
.nx-menu.is-open{clip-path:circle(150% at calc(100% - 44px) 44px)}
.nx-menu-bg{position:absolute;inset:0;pointer-events:none;opacity:.3;-webkit-mask-image:linear-gradient(180deg,transparent 30%,#000 85%);mask-image:linear-gradient(180deg,transparent 30%,#000 85%)}
.nx-menu-bg canvas{width:100%;height:100%;display:block}
.nx-menu-in{position:relative;height:100%;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:1.4rem;padding:max(16px,env(safe-area-inset-top)) clamp(16px,5vw,48px) max(28px,env(safe-area-inset-bottom));max-width:820px;margin-inline:auto}
.nx-menu-top{display:flex;justify-content:space-between;align-items:center;padding-top:.4rem}
.nx-menu-top img{height:22px;width:auto}
.nx-close{display:inline-flex;align-items:center;gap:.7rem;background:rgba(233,238,239,.06);border:1px solid var(--line-2);border-radius:999px;padding:.55rem .6rem .55rem 1rem;color:var(--text);font-size:.85rem;font-weight:600;cursor:pointer}
.nx-close i{position:relative;width:26px;height:26px;border-radius:50%;background:var(--copper);flex:none}
.nx-close i::before,.nx-close i::after{content:"";position:absolute;left:7px;right:7px;top:12.5px;height:1.5px;background:#160c05;transform:rotate(45deg)}
.nx-close i::after{transform:rotate(-45deg)}
.nx-close:hover i{background:var(--copper-hi)}
.nx-menu-search{display:flex;align-items:center;gap:.8rem;width:100%;text-align:left;background:rgba(233,238,239,.05);border:1px solid var(--line-2);border-radius:14px;padding:.95rem 1.1rem;color:var(--muted);font:inherit;font-size:.98rem;cursor:pointer}
.nx-menu-search:hover{border-color:var(--copper);color:var(--text)}
.nx-acc{display:grid}
.nx-acc-item{border-bottom:1px solid var(--line);opacity:0;transform:translateY(18px);transition:opacity .5s var(--ease),transform .6s var(--ease);transition-delay:calc(.12s + var(--i) * .05s)}
.nx-menu.is-open .nx-acc-item{opacity:1;transform:none}
.nx-acc-btn{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.15rem 1rem;width:100%;background:none;border:0;padding:1.05rem 0;text-align:left;color:var(--text);cursor:pointer}
.nx-acc-t{font-family:var(--f-display);font-size:clamp(1.9rem,8vw,2.6rem);line-height:1.05}
.nx-acc-l{grid-column:1;font-size:.86rem;color:var(--muted-2)}
.nx-acc-btn i{grid-row:1/3;grid-column:2;position:relative;width:34px;height:34px;border:1px solid var(--line-2);border-radius:50%}
.nx-acc-btn i::before,.nx-acc-btn i::after{content:"";position:absolute;left:10px;right:10px;top:16px;height:1.5px;background:var(--copper-hi);transition:transform .35s var(--ease)}
.nx-acc-btn i::after{transform:rotate(90deg)}
.nx-acc-btn[aria-expanded="true"] i::after{transform:rotate(0)}
.nx-acc-btn[aria-expanded="true"] .nx-acc-t{color:var(--copper-hi);font-style:italic}
.nx-acc-panel{display:grid;gap:1.2rem;padding:0 0 1.3rem}
.nx-acc-fam .mono{color:var(--copper-hi);margin-bottom:.4rem}
.nx-acc-fam ul{list-style:none;margin:0;padding:0;display:grid}
.nx-acc-fam a{display:block;padding:.5rem 0;color:var(--muted);text-decoration:none;font-size:1rem;border-bottom:1px solid rgba(38,50,67,.6)}
.nx-acc-fam a:hover{color:var(--text)}
.nx-acc-all{margin-top:.5rem;background:none;border:0;padding:.3rem 0;color:var(--copper-hi);font-family:var(--f-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.nx-menu-cta{display:flex;flex-wrap:wrap;gap:.6rem}
.nx-menu-cta .btn{flex:1 1 160px;justify-content:center}
.nx-menu-foot{display:grid;gap:.5rem;color:var(--muted);padding-top:.4rem}
.nx-menu-foot .mono{color:var(--muted-2)}

/* =============== SEARCH (Atlas) on small screens =============== */
.cx-live .atlas-body > *{min-width:0}
.cx-live .overlay,.cx-live .nx-menu{color-scheme:dark}
.cx-live .atlas-fams{scrollbar-width:none}
.cx-live .atlas-fams::-webkit-scrollbar{display:none}
.cx-live .atlas-search input::placeholder{color:var(--muted-2)}
.cx-live .atlas-close{flex:none;font-weight:600}
@media (max-width:760px){
  .cx-live .atlas-top{flex-wrap:wrap;gap:.8rem}
  .cx-live .atlas-search{order:3;flex-basis:100%;max-width:none}
  .cx-live .atlas-close{margin-left:auto}
  .cx-live .atlas-grid{grid-template-columns:1fr}
  .cx-live .atlas-list{padding-inline:16px}
}

/* =============== FOOTER =============== */
.nxf{position:relative;overflow:hidden;padding-top:0}
.nxf-marquee{border-block:1px solid var(--line);overflow:hidden;padding:1.1rem 0;margin-bottom:clamp(48px,7cqi,96px);background:linear-gradient(90deg,rgba(196,128,79,.05),transparent 40%,rgba(196,128,79,.05))}
.nxf-track{display:flex;gap:2rem;width:max-content;animation:nxMarquee 38s linear infinite;font-family:var(--f-display);font-size:clamp(1.5rem,3cqi,2.4rem);font-style:italic;color:var(--muted);white-space:nowrap}
.nxf-track i{font-style:normal;color:var(--copper);font-size:.6em;align-self:center}
@keyframes nxMarquee{to{transform:translateX(-50%)}}
.nxf-marquee:hover .nxf-track{animation-play-state:paused}
.nxf-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(24px,5cqi,80px);align-items:center;padding-bottom:clamp(48px,7cqi,96px);border-bottom:1px solid var(--line)}
.nxf-cta-copy{display:grid;gap:1.3rem}
.nxf-h{font-size:clamp(2.6rem,7.4cqi,6.6rem);line-height:.98;letter-spacing:-.02em}
.nxf-orb{position:relative;width:clamp(170px,19cqi,240px);aspect-ratio:1;max-width:100%;border-radius:50%;display:grid;place-items:center;text-decoration:none;color:#160c05}
.nxf-ring{position:absolute;inset:0;width:100%;height:100%;animation:nxSpin 22s linear infinite}
.nxf-ring text{font-family:var(--f-mono);font-size:13px;letter-spacing:3px;fill:var(--copper-hi)}
@keyframes nxSpin{to{transform:rotate(360deg)}}
.nxf-orb-core{width:62%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;align-content:center;gap:.2rem;background:radial-gradient(circle at 35% 30%,#f6cfae,#c4804f 55%,#8a4a24);box-shadow:0 20px 60px -18px rgba(196,128,79,.8),inset 0 1px 0 rgba(255,255,255,.5);transition:transform .5s var(--ease)}
.cx-live .nxf .nxf-ring{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important}
.cx-live .nxf .nxf-orb-core :is(b,i){color:#160c05}
.nxf-orb-core b{font-size:.9rem;font-weight:700;text-align:center;line-height:1.1}
.nxf-orb-core i{font-style:normal;font-size:1.3rem;transition:transform .4s var(--ease)}
.nxf-orb:hover .nxf-orb-core{transform:scale(1.06)}
.nxf-orb:hover .nxf-orb-core i{transform:translateX(5px)}
.nxf-live{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr) minmax(0,.9fr);gap:1rem;padding-block:clamp(40px,6cqi,80px)}
.nxf-card{position:relative;border:1px solid var(--line);border-radius:18px;padding:1.5rem;background:linear-gradient(160deg,rgba(24,34,47,.7),rgba(11,17,27,.55));backdrop-filter:blur(6px);display:grid;gap:1rem;align-content:start;overflow:hidden;min-width:0}
.nxf-card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(140deg,rgba(232,174,132,.45),transparent 40%,transparent 70%,rgba(134,184,170,.25));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.cx-live .nxf-time .clockrow{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.2rem;align-items:center}
.cx-live .nxf-time .dial{width:96px;height:96px}
.nxf-times{display:grid;gap:.6rem;min-width:0}
.nxf-times .mono{font-size:.62rem}
.nxf-times div{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}
.nxf-times b{font-family:var(--f-display);font-weight:400;font-size:1.9rem;font-variant-numeric:tabular-nums}
.nxf-diff{color:var(--muted);font-size:.9rem}
.cx-live .nxf .orbit-stage{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);padding:1.5rem;border-bottom:0;gap:1rem;align-items:center}
.cx-live .nxf .orbit-name{font-size:clamp(2rem,4cqi,3.4rem)}
.cx-live .nxf .orbit{--o:clamp(120px,11cqi,180px);height:clamp(240px,22cqi,300px)}
.nxf-form{display:flex;align-items:center;border-bottom:1px solid var(--line-2);padding-bottom:.3rem}
.nxf-form input{flex:1;min-width:0;background:none;border:0;outline:none;color:var(--text);font-family:var(--f-display);font-size:1.25rem;padding:.4rem 0}
.nxf-form input::placeholder{color:var(--muted-2)}
.nxf-form button{width:40px;height:40px;border-radius:50%;border:1px solid var(--copper);background:none;color:var(--copper-hi);cursor:pointer;font-size:1.1rem;flex:none}
.nxf-form button:hover{background:var(--copper);color:#160c05}
.nxf-chips{display:flex;flex-wrap:wrap;gap:.4rem}
.nxf-chips a{font-size:.8rem;padding:.35rem .75rem;border:1px solid var(--line-2);border-radius:999px;text-decoration:none;color:var(--muted);transition:border-color .25s,color .25s}
.nxf-chips a:hover{border-color:var(--copper);color:var(--text)}
.cx-live .nxf .foot-grid{padding-top:clamp(32px,4cqi,56px);border-top:1px solid var(--line)}
.nx-rise{opacity:0;transform:translateY(40px);transition:opacity .9s var(--ease),transform 1.1s var(--ease)}
.nx-rise.in{opacity:1;transform:none}
.nxf-draw{stroke-dasharray:3200;stroke-dashoffset:3200}
.mega-mark.drawn .nxf-draw{animation:nxDraw 3.2s var(--ease) forwards}
@keyframes nxDraw{to{stroke-dashoffset:0}}
html.nx-still .nxf-track,html.nx-still .nxf-ring,html.nx-still .nx-pulse{animation:none}
html.nx-still .nx-rise{opacity:1;transform:none;transition:none}
html.nx-still .nxf-draw{stroke-dashoffset:0;animation:none}
@container site (max-width: 1060px){ .nxf-live{grid-template-columns:1fr 1fr} .nxf-live .orbit-stage{grid-column:1/-1;order:-1} }
@container site (max-width: 700px){
  .nxf-cta{grid-template-columns:1fr;justify-items:start}
  .nxf-live{grid-template-columns:1fr}
  .cx-live .nxf .orbit-stage{grid-template-columns:1fr}
  .cx-live .nxf .foot-grid{grid-template-columns:1fr 1fr;gap:1.6rem}
  .cx-live .nxf .foot-grid .studio-card{grid-column:1/-1}
  .cx-live .nxf .foot-base{flex-direction:column;align-items:flex-start;gap:1rem}
}

/* =============== INNER PAGES: CONTINUE =============== */
.nx-next{padding-block:clamp(56px,8cqi,120px)!important}
.nx-next-head{display:grid;gap:1rem;margin-bottom:2rem}
.nx-next-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.nx-card{position:relative;display:grid;gap:.7rem;align-content:start;padding:1.6rem 1.5rem 3.2rem;border:1px solid var(--line);border-radius:18px;text-decoration:none;color:var(--text);background:linear-gradient(160deg,rgba(24,34,47,.96),rgba(11,17,27,.94));backdrop-filter:blur(10px);transition:transform .5s var(--ease),border-color .3s,background .3s;min-width:0}
.nx-card .mono{color:var(--copper-hi)}
.nx-card b{font-family:var(--f-display);font-weight:400;font-size:1.45rem;line-height:1.15}
.nx-card p{color:var(--muted);font-size:.92rem}
.nx-card i{position:absolute;right:1.3rem;bottom:1.1rem;font-style:normal;color:var(--copper-hi);transition:transform .4s var(--ease)}
.nx-card:hover{transform:translateY(-6px);border-color:rgba(232,174,132,.5)}
.nx-card:hover i{transform:translateX(5px)}
.nx-next-pn{display:flex;justify-content:space-between;gap:1rem;margin-top:1.6rem;padding-top:1.4rem;border-top:1px solid var(--line)}
.nx-next-pn a{display:grid;gap:.3rem;text-decoration:none;color:var(--text);max-width:48%}
.nx-next-pn a.r{text-align:right;justify-items:end}
.nx-next-pn .mono{color:var(--muted-2)}
.nx-next-pn b{font-weight:500}
.nx-next-pn a:hover b{color:var(--copper-hi)}
.nx-next-cta{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;margin-top:2rem;padding:1.4rem 1.6rem;border-radius:18px;background:linear-gradient(90deg,rgba(196,128,79,.14),rgba(196,128,79,.03));border:1px solid rgba(196,128,79,.35)}
.nx-next-cta p{flex:1 1 260px;font-family:var(--f-display);font-size:1.35rem}
@container site (max-width: 860px){ .nx-next-grid{grid-template-columns:1fr} }

/* =============== PHONE LAYOUT =============== */
@container site (max-width: 760px){
  .cx-live .sec{min-height:0;padding-block:64px}
  .cx-live #tplRoot .hero,.cx-live .page[data-route="home"] .hero{min-height:calc(var(--vh) * .86);padding-top:120px;justify-content:flex-end}
  .cx-live .h-hero{font-size:clamp(2.5rem,12.5cqi,3.6rem);line-height:1}
  .cx-live .h-2{font-size:clamp(1.9rem,8.6cqi,2.5rem)}
  .cx-live .rail,.cx-live .marker{display:none}
  .cx-live .ctas{gap:.6rem}
  .cx-live .ctas .btn{flex:1 1 auto;justify-content:center}
  .cx-live .real{padding-block:16px 32px}
  .cx-live .real-in{width:calc(100% - 16px);border-radius:10px;padding-block:24px}
  .cx-live .real-in .lx-shell,.cx-live .real-in .ar-wrap{padding-inline:16px}
  .cx-live .panel,.cx-live .sheet{padding:1.1rem}
  .cx-live .tbl-wrap,.cx-live .matrix{overflow-x:auto}
  .cx-live .filmstrip{grid-auto-columns:82%}
  .cx-live .map{grid-template-columns:1fr}
  .cx-live .sheet.founder{grid-template-columns:1fr}
  .cx-live .copyrow{flex-wrap:wrap}
  .cx-live .band{aspect-ratio:4/3}
  /* the work register becomes stacked cards */
  .cx-live .tbl-wrap{overflow:visible}
  .cx-live .register,.cx-live .register tbody{display:block;width:100%}
  .cx-live .register thead{display:none}
  .cx-live .register tr{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.35rem .9rem;padding:1rem 0;border-bottom:1px solid var(--line)}
  .cx-live .register td{display:block;border:0;padding:0;min-width:0}
  .cx-live .register td.n{grid-row:span 3;padding-top:.35rem}
  .cx-live .register td.t{font-size:1.4rem}
  .cx-live .legend{display:grid;gap:.5rem}
}