/* Original Connect compositions inspired by inspected references; no third-party assets. */
@layer connect.components {
 .md-opening {position:relative;isolation:isolate;overflow:hidden}
 .md-opening>.eyebrow,.md-opening>h1,.md-opening__bottom,.md-editorial {position:relative;z-index:1}
 .md-opening h1 {max-width:72%;font-size:clamp(4.5rem,10vw,10rem)}
 .mdx-cover {position:absolute;z-index:0;right:0;top:15%;width:42%;aspect-ratio:4/5;background:var(--surface);border:1px solid var(--line);transform:rotate(9deg);padding:2rem;display:flex;flex-direction:column;justify-content:space-between;opacity:.65;overflow:hidden}
 .mdx-cover>span {font:clamp(2rem,5vw,5rem)/.9 var(--display);letter-spacing:-.05em}
 .mdx-cover__stamp {font:10px/1.8 var(--mono);border-top:1px solid var(--line);padding-top:1rem}
 .mdx-cover i {position:absolute;width:80%;height:25%;border:1px solid var(--red);left:10%;top:40%;transform:rotate(-20deg)}.mdx-cover i+i {top:48%;transform:rotate(-12deg)}.mdx-cover i+i+i {top:56%;transform:rotate(-4deg)}
 .md-scene--2 .md-slot>.md-slot__canvas,.md-scene--3 .md-slot>.md-slot__canvas,.md-scene--6 .md-slot>.md-slot__canvas {display:none}
 .md-scene--2 .md-slot,.md-scene--3 .md-slot,.md-scene--6 .md-slot {margin-top:2rem}
 .mdx-atlas {display:grid;grid-template-columns:1.4fr .65fr;gap:1rem;align-items:start}
 .mdx-atlas__title {grid-column:1/-1;font-size:10px;color:var(--muted);margin-bottom:1rem}
 .mdx-media {margin:0;min-width:0;background:var(--ink);border:1px solid var(--line)}
 .mdx-media__screen {position:relative;isolation:isolate;padding:1.5rem;aspect-ratio:4/3;min-height:260px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:linear-gradient(150deg,color-mix(in srgb,var(--red) 12%,var(--ink)),var(--ink))}
 .mdx-media__screen>.mono {font-size:9px;color:var(--muted)}
 .mdx-media h3 {font:clamp(1.5rem,3vw,3rem)/1.1 var(--display);margin:3rem 0 1rem;position:relative}
 .mdx-media figcaption {padding:1rem;border-top:1px solid var(--line)}.mdx-media summary {font:10px/1.7 var(--mono);cursor:pointer}.mdx-media details p {font-size:.85rem;color:var(--muted);line-height:1.7}
 .mdx-atlas .mdx-media:nth-child(3) {margin-top:5rem}.mdx-atlas .mdx-media:nth-child(3) .mdx-media__screen {aspect-ratio:9/16}
 .mdx-atlas .mdx-media:nth-child(4) {grid-column:1/-1;width:80%;margin-top:-2rem;position:relative;z-index:1}
 .mdx-atlas .mdx-media:nth-child(4) .mdx-media__screen {aspect-ratio:16/9}
 .mdx-wire {position:absolute;z-index:-1;inset:20% 12%;display:grid;gap:.6rem;opacity:.4;transform:rotate(-8deg)}
 .mdx-wire i {display:block;border:1px solid var(--line);background:color-mix(in srgb,var(--red) 6%,transparent)}.mdx-wire i:first-child {width:65%;border-color:var(--red)}
 .mdx-interlude {background:var(--red);color:#fff;padding-block:clamp(4rem,9vw,9rem);overflow:hidden;view-timeline-name:--mdx-interlude}
 .mdx-interlude p {font:clamp(3rem,8vw,9rem)/1.02 var(--display);letter-spacing:-.045em;margin:3rem 0}.mdx-interlude em {color:#fff;opacity:.65}.mdx-interlude .mono {font-size:10px}
 .mdx-input {position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
 .mdx-toggle {display:flex;justify-content:space-between;gap:1.5rem;cursor:pointer;padding:1.25rem;border:1px solid var(--line);font:11px/1.6 var(--mono)}
 .mdx-input:focus-visible+.mdx-toggle {outline:2px solid var(--red);outline-offset:4px}
 .mdx-explode__stage {position:relative;min-height:570px;perspective:1400px;overflow:hidden}
 .mdx-plane {position:absolute;left:10%;top:25%;width:80%;height:260px;border:1px solid var(--line);background:var(--ink);transform:rotateX(45deg) rotateZ(-15deg) translateY(var(--plane-y,0px));padding:1.5rem;isolation:isolate}
 .mdx-plane .mono {font-size:11px;color:var(--red)}.mdx-plane .mdx-wire {inset:30% 12% 12%;z-index:0}
 .mdx-plane--0 {--plane-y:90px;z-index:1}.mdx-plane--1 {--plane-y:60px;z-index:2}.mdx-plane--2 {--plane-y:30px;z-index:3}.mdx-plane--3 {--plane-y:0px;z-index:4}
 .mdx-explode>p {font-size:9px;line-height:1.6}
 .mdx-journey {display:flex;gap:1.5rem;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;padding:1rem 0 2rem}
 .mdx-journey .mdx-media {flex:0 0 72%;scroll-snap-align:start}
 .mdx-journey .mdx-media__screen {aspect-ratio:4/3;min-height:360px;padding:2.5rem}
 .mdx-journey .mdx-media:nth-child(2) .mdx-wire {transform:rotate(8deg)}.mdx-journey .mdx-media:nth-child(3) .mdx-wire {transform:rotate(0deg)}
 .md-scene--5 .md-scene__layout {grid-template-columns:1fr 1fr}.md-scene--5 .md-scene__visual {padding-top:6rem}
 .md-scene--7 .md-slot__canvas {aspect-ratio:4/5}
}
@layer connect.motion {
 @supports selector(:has(*)) {
  .mdx-explode:has(#mdx-layers:checked) .mdx-plane--0 {--plane-y:240px}
  .mdx-explode:has(#mdx-layers:checked) .mdx-plane--1 {--plane-y:110px}
  .mdx-explode:has(#mdx-layers:checked) .mdx-plane--2 {--plane-y:-20px}
  .mdx-explode:has(#mdx-layers:checked) .mdx-plane--3 {--plane-y:-150px}
 }
 @supports not selector(:has(*)) {.mdx-toggle {display:none}.mdx-explode__stage {display:grid;gap:1rem;min-height:0}.mdx-plane {position:relative;inset:auto;width:auto;height:180px;transform:none}}
 @media(prefers-reduced-motion:no-preference) {
  .mdx-plane {transition:transform 1.1s var(--md-ease)}
  @supports(animation-timeline:view()) {
   .mdx-cover {animation:mdx-cover-shift linear both;animation-timeline:view();animation-range:exit 0% exit 100%}
   .mdx-interlude p {animation:mdx-type-shift linear both;animation-timeline:--mdx-interlude;animation-range:entry 0% exit 100%}
   .mdx-atlas .mdx-media:nth-child(2) {animation:mdx-atlas-shift linear both;animation-timeline:--md-scene;animation-range:entry 0% exit 100%}
   .md-scene--1 .md-slot__canvas {animation:mdx-aperture linear both;animation-timeline:view();animation-range:entry 0% cover 40%}
  }
 }
 @keyframes mdx-cover-shift {from {transform:rotate(9deg) translateY(0)}to {transform:rotate(-4deg) translateY(90px)}}
 @keyframes mdx-type-shift {from {transform:translateX(3%)}to {transform:translateX(-3%)}}
 @keyframes mdx-atlas-shift {from {transform:translateY(35px)}to {transform:translateY(-35px)}}
 @keyframes mdx-aperture {from {clip-path:inset(8% 8% 8% 8% round 4rem)}to {clip-path:inset(0 round 0)}}
 @media(max-width:900px) {
  .md-scene--5 .md-scene__layout {grid-template-columns:1fr}.md-scene--5 .md-scene__visual {padding-top:0}
  .mdx-cover {top:20%;opacity:.3}.mdx-atlas .mdx-media:nth-child(4) {margin-top:0}
 }
 @media(max-width:600px) {
  .md-opening h1 {max-width:100%}.mdx-cover {width:65%;opacity:.18;pointer-events:none}
  .mdx-atlas {grid-template-columns:1fr}.mdx-atlas .mdx-media:nth-child(3) {margin-top:0}.mdx-atlas .mdx-media:nth-child(3) .mdx-media__screen {aspect-ratio:4/5}.mdx-atlas .mdx-media:nth-child(4) {width:100%;grid-column:auto}
  .mdx-journey .mdx-media {flex-basis:88%}.mdx-journey .mdx-media__screen {padding:1.5rem;min-height:300px}
  .mdx-explode__stage {min-height:490px}.mdx-plane {height:200px}
 }
 @media(prefers-reduced-motion:reduce) {.mdx-plane {transition:none}.mdx-cover,.mdx-interlude p,.mdx-atlas .mdx-media {animation:none!important}}
}