/* Sovereignty: a photographic signature and a connected architecture. */
.detail-hero .sovereign-instrument{padding:0;isolation:isolate}
.sovereign-instrument .instrument-bar{position:absolute;inset:0 0 auto;z-index:2;padding:23px 26px;border:0;background:linear-gradient(#08090dc9,transparent);color:#dddce5}
.sovereignty-portrait{position:relative;margin:0;overflow:hidden;aspect-ratio:3/2;background:#111217}
.sovereignty-portrait img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.015);transition:transform 1.4s cubic-bezier(.2,.65,.25,1)}
.sovereign-instrument:hover .sovereignty-portrait img{transform:scale(1.045)}
.sovereignty-portrait::after{content:'';position:absolute;inset:45% 0 0;pointer-events:none;background:linear-gradient(transparent,#0c0d17ef)}
.sovereignty-portrait figcaption{position:absolute;inset:auto 26px 21px;z-index:1;color:#f1eff8;display:flex;justify-content:space-between;align-items:end;gap:15px}
.sovereignty-portrait figcaption>span{font-size:.75rem;line-height:1.8;letter-spacing:.12em;max-width:180px;color:#c6c4cc}
.sovereignty-portrait figcaption>strong{font-family:var(--display);font-size:clamp(2.2rem,4vw,3.4rem);font-weight:400;line-height:1.1;letter-spacing:-.06em}
.sovereign-instrument .sovereign-row{margin:0 26px;padding:13px 0;grid-template-columns:22px 1fr auto;gap:9px}
.sovereign-instrument .sovereign-row>span{grid-row:auto}
.sovereign-instrument .sovereign-row>small{text-align:right}
.sovereign-instrument .visual-note{margin:17px 26px 24px;line-height:1.8}

.sovereign-chain{--chain-accent:#bba0fb;background:radial-gradient(ellipse at 50% 25%,#442a6b2b,transparent 60%),#0b0d16;border:1px solid #9986c53d;border-radius:26px;overflow:hidden}
.chain-toolbar{padding:28px 38px;background:linear-gradient(120deg,#b087f109,transparent);border-color:#b39ad326}
.chain-toolbar .eyebrow{color:#d4c3ef;font-size:.8125rem;letter-spacing:.13em}
.chain-toolbar p{font-size:.9375rem;color:#aba4bb}
.chain-position strong{font-size:2.25rem}
.chain-topology{padding:42px 52px 33px;background:radial-gradient(ellipse at 50% 45%,#4b286812,transparent 70%)}
.chain-topology::before{inset:0;background:radial-gradient(#b799dc20 .65px,transparent .9px);background-size:22px 22px;mask-image:linear-gradient(transparent,#0006 15% 85%,transparent)}
.sovereign-node-grid{gap:32px 35px;grid-template-columns:repeat(4,minmax(0,1fr))}
.sovereign-link-node{--node-accent:#bda5f2;grid-row:var(--node-row);grid-column:var(--node-col);display:flex;flex-direction:column;align-items:center;text-align:center;min-height:174px;padding:5px 6px 14px;border:0;border-radius:16px;background:transparent;box-shadow:none;transform:none;transition:color .18s}
.sovereign-link-node:nth-child(n+5):nth-child(-n+8){--node-accent:#90cad8}
.sovereign-link-node:nth-child(n+9){--node-accent:#bdc5df}
.chain-node-top{position:relative;display:block;width:90px;height:90px;margin:0 auto 17px}
.chain-node-glyph{position:relative;display:grid;place-items:center;width:90px;height:90px;color:var(--node-accent);border:1px solid #b399d34d;border-radius:50%;background:radial-gradient(ellipse at 28% 10%,#9582b22d,transparent 68%),linear-gradient(150deg,#20202e,#0e101c);box-shadow:inset 0 1px 0 #e7d9ff1c,0 9px 25px #0006;transition:border-color .2s,box-shadow .2s,background .2s}
.chain-node-glyph::before{content:'';position:absolute;inset:-7px;border:1px solid #a591c51d;border-radius:50%;transition:border-color .2s}
.chain-node-glyph::after{content:'';position:absolute;inset:-8px;border:1px solid transparent;border-top-color:var(--node-accent);border-right-color:#a6a0d22e;border-radius:50%;opacity:0;animation:sovereignty-orbit 12s linear infinite}
.chain-node-glyph svg{width:34px;height:34px;stroke-width:1.35}
.chain-node-glyph img{width:57px;height:57px;filter:drop-shadow(0 4px 16px #a158dc45)}
.chain-node-number{position:absolute;right:-12px;top:0;z-index:2;display:grid;place-items:center;width:28px;height:23px;border:1px solid #a18ab13b;border-radius:6px;background:#11131e;font-family:var(--body);font-size:.75rem;line-height:1;letter-spacing:.03em;color:#a89fbb}
.sovereign-link-node>strong{font-size:1rem;font-weight:500;line-height:1.5;letter-spacing:-.025em;margin:0;color:#c9c4d5;max-width:210px}
.chain-node-caption{display:block;font-size:.8125rem;line-height:1.6;color:#89849a;margin-top:4px;max-width:205px}
.sovereign-link-node>i{bottom:2px;left:25%;right:25%;height:1px}
.sovereign-link-node.is-traced,.sovereign-link-node[aria-pressed=true],.sovereign-link-node:hover{border:0;background:transparent;box-shadow:none;transform:none}
.sovereign-link-node:hover .chain-node-glyph{border-color:#cfbaed9c;box-shadow:inset 0 1px 0 #fff2,0 0 34px #9370bf1c}
.sovereign-link-node[aria-pressed=true] .chain-node-glyph{border-color:var(--node-accent);background:radial-gradient(ellipse at 35% 15%,#aaa0df42,transparent 80%),#222135;box-shadow:inset 0 1px 0 #fffc,0 0 38px #b494f232,0 0 75px #9065b816}
.sovereign-link-node[aria-pressed=true] .chain-node-glyph::before{border-color:#c9aaf650}
.sovereign-link-node[aria-pressed=true] .chain-node-glyph::after{opacity:1}
.sovereign-link-node[aria-pressed=true]>strong{color:#f2edfc}
.sovereign-link-node[aria-pressed=true] .chain-node-caption{color:#b5a9c9}
.sovereign-link-node[aria-pressed=true] .chain-node-number{color:#f0e7ff;border-color:#b5a0dc87;background:#2a223e}
.sovereign-link-node:focus-visible{outline:2px solid #c3a7f1;outline-offset:8px}
.chain-detail-stage{border-top:1px solid #b799ed45;background:radial-gradient(ellipse at 0% 35%,#6d47982b,transparent 58%),linear-gradient(115deg,#181525,#0d111b)}
.chain-detail-stage::before{left:38px;width:35%;background:linear-gradient(90deg,var(--chain-accent),transparent)}
.sovereign-chain-detail{grid-template-columns:100px minmax(0,1fr) minmax(250px,.8fr);gap:28px;padding:40px 38px;align-items:center;min-height:345px}
.sovereign-chain-detail.is-entering{animation:sovereignty-detail-in .22s ease-out both}
.chain-detail-identity{width:92px;height:92px;display:grid;place-items:center;padding:0;border:1px solid #bb9be75c;border-radius:24px;background:linear-gradient(145deg,#4e365553,#141824);box-shadow:inset 0 1px 0 #fff1,0 15px 40px #0004;transform:rotate(-5deg)}
.chain-detail-identity>span:first-child{position:absolute;top:-13px;left:10px;padding:4px 8px;background:#1b1827;border:1px solid #b696d838;border-radius:5px;font-size:.75rem;letter-spacing:.04em;transform:rotate(5deg)}
.chain-detail-identity>span[data-icon],.chain-detail-identity img{transform:rotate(5deg)}
.chain-detail-identity svg{width:43px;height:43px;stroke-width:1.15}
.chain-detail-identity img{width:65px;height:65px;margin:0}
.chain-detail-copy h3{font-size:clamp(1.45rem,2.2vw,2rem);line-height:1.3;margin:12px 0 15px;color:#eee8f6}
.chain-detail-copy .eyebrow{font-size:.75rem;line-height:1.7;letter-spacing:.1em;color:#b89ccf}
.chain-detail-copy>p:not(.eyebrow){font-size:1rem;line-height:1.8;color:#b8b0c8;max-width:620px}
.chain-detail-copy>.text-link{margin-top:16px}
.chain-detail-facts{position:relative;display:grid;gap:16px;margin:0 0 0 8px;padding:0;border:0;isolation:isolate}
.chain-detail-facts::before{content:'';position:absolute;top:24px;bottom:24px;left:24px;width:1px;background:linear-gradient(#b594ef88,#83c8d26b);z-index:-1}
.chain-detail-facts>div{position:relative;display:grid;grid-template-columns:49px minmax(0,1fr);column-gap:16px;align-items:center;padding:0 0 0 0;min-height:59px}
.chain-fact-icon{grid-column:1;grid-row:1/3;display:grid;place-items:center;width:49px;height:49px;border:1px solid #9c98bf46;border-radius:14px;background:linear-gradient(135deg,#262339,#131823);color:#b4b5d5;box-shadow:0 4px 15px #0004}
.chain-fact-icon svg{width:23px;height:23px;stroke-width:1.4}
.chain-detail-facts dt{grid-column:2;font-size:.75rem;color:#8e9cb5;line-height:1.5;letter-spacing:.09em;align-self:end}
.chain-detail-facts dd{grid-column:2;font-size:.9375rem;line-height:1.6;color:#d4cce1;margin:2px 0 0;align-self:start;overflow-wrap:normal}
.chain-bottom{padding:18px 38px;background:#0c0e16}
.sovereign-chain.is-local-paused *,.sovereign-chain.is-local-paused *::before,.sovereign-chain.is-local-paused *::after{animation-play-state:paused!important}
@keyframes sovereignty-orbit{to{transform:rotate(360deg)}}
@keyframes sovereignty-detail-in{from{opacity:.55;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(min-width:1500px){.chain-topology{padding:48px 65px 36px}.sovereign-node-grid{gap:34px 60px}.chain-node-top,.chain-node-glyph{width:102px;height:102px}.chain-node-glyph svg{width:40px;height:40px}.sovereign-link-node{min-height:188px}.sovereign-chain-detail{gap:32px;padding:45px 48px}}
@media(max-width:1000px){.chain-topology{padding:32px 34px 28px}.sovereign-node-grid{gap:22px 16px}.chain-node-top,.chain-node-glyph{width:75px;height:75px}.chain-node-glyph svg{width:30px;height:30px}.chain-node-glyph img{width:48px;height:48px}.sovereign-link-node{min-height:162px}.sovereign-link-node>strong{font-size:.9375rem}.chain-node-caption{font-size:.75rem}.sovereign-chain-detail{grid-template-columns:74px minmax(0,1fr);gap:22px;padding:32px}.chain-detail-identity{width:70px;height:70px;border-radius:19px}.chain-detail-identity svg{width:34px;height:34px}.chain-detail-facts{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:15px 0 0}.chain-detail-facts::before{top:24px;left:24px;right:24px;bottom:auto;width:auto;height:1px}.chain-detail-facts>div{grid-template-columns:1fr;gap:7px}.chain-fact-icon{grid-row:auto}.chain-detail-facts dt,.chain-detail-facts dd{grid-column:1;align-self:start}.chain-detail-facts dt{margin-top:6px}.chain-detail-facts dd{margin:0}.chain-detail-facts dt,.chain-detail-facts dd{background:#121320;width:fit-content;padding-right:7px}}
@media(max-width:640px){.sovereign-chain{border-radius:19px}.chain-toolbar{padding:23px 24px;gap:15px}.chain-toolbar .eyebrow{font-size:.75rem}.chain-toolbar p{font-size:.875rem}.chain-position strong{font-size:1.9rem}.chain-topology{padding:34px 30px 23px}.sovereign-node-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 23px}.sovereign-link-node{grid-row:var(--node-mobile-row);grid-column:var(--node-mobile-col);min-height:163px;padding:4px 0 13px}.chain-node-top{margin-bottom:15px}.chain-node-caption{font-size:.75rem;line-height:1.55}.sovereign-chain-detail{grid-template-columns:54px minmax(0,1fr);padding:29px 23px;gap:22px 17px;align-items:start}.chain-detail-identity{width:51px;height:59px;border-radius:14px;margin-top:9px}.chain-detail-identity svg{width:28px;height:28px}.chain-detail-identity img{width:46px;height:46px}.chain-detail-copy h3{font-size:1.5rem}.chain-detail-copy>p:not(.eyebrow){margin-left:-71px;margin-top:25px}.chain-detail-copy>.text-link{margin-left:-71px}.chain-detail-facts{display:grid;grid-template-columns:1fr;gap:17px;margin:3px 0 0}.chain-detail-facts::before{left:24px;top:24px;bottom:24px;right:auto;width:1px;height:auto}.chain-detail-facts>div{grid-template-columns:49px minmax(0,1fr);gap:0 16px}.chain-fact-icon{grid-row:1/3}.chain-detail-facts dt,.chain-detail-facts dd{grid-column:2;padding:0;background:none}.chain-detail-facts dt{margin:0;align-self:end}.chain-detail-facts dd{margin-top:2px}.chain-bottom{padding:19px 24px;flex-direction:column;align-items:flex-start;gap:9px}.sovereign-instrument .instrument-bar{padding:18px 21px;font-size:.6875rem}.sovereign-instrument .sovereign-row{margin:0 21px;grid-template-columns:20px 1fr;gap:1px 10px}.sovereign-instrument .sovereign-row>span{grid-row:span 2}.sovereign-instrument .sovereign-row>small{text-align:left}.sovereignty-portrait figcaption{inset:auto 21px 18px}.sovereignty-portrait figcaption>span{font-size:.6875rem;max-width:145px}.sovereign-instrument .visual-note{margin:17px 21px 22px}}
@media(prefers-reduced-motion:reduce){.chain-node-glyph::after,.sovereign-chain-detail.is-entering{animation:none}.sovereignty-portrait img{transition:none;transform:none!important}}
.motion-paused .sovereignty-portrait img{transition:none;transform:none!important}

/* Keep the selected component beside the architecture on laptop screens. */
@media(min-width:900px){
 .sovereign-chain{overflow:clip;--chain-reading-top:164px}
 .chain-workspace{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(340px,1fr);align-items:start;position:relative}
 .chain-workspace::after{content:'';position:absolute;top:0;bottom:0;left:53.7%;width:1px;background:linear-gradient(#c3a1f555,#a388c51d 90%,transparent);pointer-events:none}
 .chain-topology{padding:35px 30px 28px;min-width:0}
 .sovereign-node-grid{gap:26px 15px}
 .sovereign-link-node{min-height:150px;padding:4px 0 12px}
 .chain-node-top,.chain-node-glyph{width:70px;height:70px}
 .chain-node-top{margin-bottom:15px}
 .chain-node-glyph svg{width:28px;height:28px}
 .chain-node-glyph img{width:46px;height:46px}
 .sovereign-link-node>strong{font-size:.875rem;line-height:1.5;max-width:155px}
 .chain-node-caption{font-size:.75rem;line-height:1.5;max-width:155px}
 .chain-node-number{right:-13px;width:25px;height:21px;font-size:.6875rem}
 .chain-detail-stage{position:sticky;top:var(--chain-reading-top);align-self:start;min-width:0;max-height:calc(100dvh - var(--chain-reading-top) - 20px);overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#806696 transparent;scroll-padding:22px;border-top:0;background:radial-gradient(ellipse at 100% 0%,#8657c01e,transparent 70%),linear-gradient(145deg,#171523,#0e111b);border-radius:0 0 0 18px}
 .chain-detail-stage::before{left:25px;top:0;width:calc(100% - 50px);height:1px;background:linear-gradient(90deg,transparent,#bda1e48c,transparent)}
 .sovereign-chain-detail{display:grid;grid-template-columns:52px minmax(0,1fr);grid-template-rows:auto auto;align-items:start;column-gap:18px;row-gap:0;padding:30px 27px;min-height:0}
 .chain-detail-identity{grid-column:1;grid-row:1/3;width:51px;height:59px;margin:6px 0 0;border-radius:15px}
 .chain-detail-identity svg{width:28px;height:28px}
 .chain-detail-identity img{width:44px;height:44px}
 .chain-detail-identity>span:first-child{font-size:.6875rem;padding:3px 7px}
 .chain-detail-copy{display:contents}
 .chain-detail-copy>.eyebrow{grid-column:2;grid-row:1;font-size:.6875rem;letter-spacing:.075em;line-height:1.7;margin:0}
 .chain-detail-copy h3{grid-column:2;grid-row:2;font-size:clamp(1.2rem,1.6vw,1.6rem);line-height:1.35;margin:7px 0 0}
 .chain-detail-copy>p:not(.eyebrow){grid-column:1/-1;margin:23px 0 0;font-size:1rem;line-height:1.75;max-width:none}
 .chain-detail-copy>.text-link{grid-column:1/-1;margin:15px 0 0;font-size:.875rem}
 .chain-detail-facts{grid-column:1/-1;grid-template-columns:1fr;gap:16px;margin:25px 0 0;padding-top:23px;border-top:1px solid #b3a1cd26}
 .chain-detail-facts::before{top:47px;bottom:24px;left:22px;right:auto;width:1px;height:auto}
 .chain-detail-facts>div{grid-template-columns:44px minmax(0,1fr);column-gap:15px;row-gap:0;min-height:48px}
 .chain-fact-icon{grid-column:1;grid-row:1/3;width:44px;height:44px;border-radius:12px}
 .chain-fact-icon svg{width:21px;height:21px}
 .chain-detail-facts dt{grid-column:2;margin:0;background:none;padding:0;font-size:.6875rem;line-height:1.5;align-self:end}
 .chain-detail-facts dd{grid-column:2;margin:2px 0 0;background:none;padding:0;font-size:.875rem;line-height:1.5;align-self:start;width:auto}
 .chain-bottom{font-size:.75rem;padding:16px 30px}
 .chain-bottom button{font-size:.75rem}
}
@media(min-width:900px) and (max-width:1279px){
 .chain-workspace{grid-template-columns:minmax(0,1fr) minmax(340px,1fr)}
 .chain-workspace::after{left:50%}
 .chain-topology{padding:30px 23px 25px}
 .sovereign-node-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 13px}
 .sovereign-link-node{grid-row:var(--node-side-row);grid-column:var(--node-side-col);min-height:145px}
 .chain-node-top,.chain-node-glyph{width:62px;height:62px}
 .chain-node-glyph svg{width:26px;height:26px}
 .chain-node-glyph img{width:42px;height:42px}
 .sovereign-chain-detail{padding:28px 24px;column-gap:16px}
}
@media(min-width:1500px){
 .chain-topology{padding:39px 35px 30px}
 .sovereign-node-grid{gap:28px 18px}
 .chain-node-top,.chain-node-glyph{width:78px;height:78px}
 .chain-node-glyph svg{width:31px;height:31px}
 .sovereign-link-node{min-height:160px}
 .sovereign-link-node>strong{font-size:.9375rem}
 .chain-node-caption{font-size:.8125rem}
 .sovereign-chain-detail{padding:35px 32px}
}