/* Original supplied artwork: proportional images, blended into brushed metal. */
.architecture-header .architecture-brand {display:flex;align-items:center;gap:10px;flex-shrink:0;line-height:0}
.architecture-brand img {display:block;object-fit:contain;mix-blend-mode:multiply;max-width:none}
.architecture-brand .brand-symbol {width:44px;height:auto}
.architecture-brand .brand-wordmark {width:152px;height:auto}
@media (min-width:1024px) {
  .architecture-header .architecture-brand {gap:.9cqw}
  .architecture-brand .brand-symbol {width:4cqw}
  .architecture-brand .brand-wordmark {width:15cqw}
}

/* Final approved hero overrides are intentionally last so the original catalog rules stay reusable. */
@media (min-width: 800px) {
  .architecture-scene{background-size:107% auto;padding-top:0}
  .architecture-header{display:none}
  .architecture-hero{position:relative;width:100%;margin:0;min-height:47vw;padding:0}
  .architecture-hero h1{position:absolute;inset:18.8vw 0 auto 0;height:9vw;margin:0;display:block;line-height:1}
  .architecture-hero h1 span,.architecture-hero h1 em{position:absolute;top:0;width:max-content;overflow:visible;font-family:'Segoe UI',Arial,sans-serif;font-weight:400;letter-spacing:1.8vw;font-size:7.5vw;background:none!important;color:transparent!important;-webkit-text-stroke:0!important;filter:none!important;text-shadow:none!important;transform:scaleY(1.08);transform-origin:left center}
  .architecture-hero h1 span{left:12.6vw}
  .architecture-hero h1 em{left:58vw;font-size:7.4vw;font-weight:300;letter-spacing:2.4vw}
  .architecture-hero h1 span:after,.architecture-hero h1 em:after{content:'';position:absolute;inset:0;transform:none;background-repeat:no-repeat;background-size:100% 100%;background-position:center;pointer-events:none}
  .architecture-hero h1 span:after{background-image:url('/brand/plugin-title.png')}
  .architecture-hero h1 em:after{background-image:url('/brand/wanda-title.png')}
  .architecture-hero:after{content:'';position:absolute;left:55.9vw;top:20.5vw;width:1px;height:5vw;background:#ff4a42;box-shadow:0 0 7px 2px #ff24246b;pointer-events:none}
  .architecture-intro{position:absolute;left:60.6vw;top:33.35vw;margin:0;width:35vw;font-size:1.58vw;line-height:1.65;color:#292723}
  .architecture-eyebrow{font-size:1.3vw;letter-spacing:.14vw}
  .architecture-eyebrow:after{width:3vw;margin:1.8vw 0;background:#e05b50}
}
@media (max-width:799px){
  .architecture-header{display:none}
  .architecture-hero h1 span:after,.architecture-hero h1 em:after{display:none}
  .architecture-hero h1 span,.architecture-hero h1 em{position:static;display:block;width:max-content;max-width:100%;color:#e5dfd7!important;background:linear-gradient(180deg,#fff,#777)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-stroke:.5px #cac2b6!important;transform:none}
  .architecture-intro{position:static;width:100%;margin:42px 0 0;padding:20px;border:1px solid #ffffff26;border-radius:12px;background:#0c0d0dcc;color:#e3ddd3}
}

/* Approved Plugins hero typography and composition, 20260906.1. */
@media (min-width: 800px) {
  .architecture-scene { background-size:107% auto; padding-top:0; }
  .architecture-header { display:none; }
  .architecture-hero { position:relative; width:100%; margin:0; min-height:47vw; padding:0; }
  .architecture-hero h1 { position:absolute; inset:18.8vw 0 auto 0; height:9vw; margin:0; display:block; line-height:1; }
  .architecture-hero h1 span,
  .architecture-hero h1 em { position:absolute; top:0; width:max-content; overflow:visible; font-family:'Segoe UI',Arial,sans-serif; font-weight:400; letter-spacing:1.8vw; font-size:7.5vw; background:none!important; color:transparent!important; -webkit-text-stroke:0!important; filter:none!important; text-shadow:none!important; transform:scaleY(1.08); transform-origin:left center; }
  .architecture-hero h1 span { left:12.6vw; }
  .architecture-hero h1 em { left:58vw; font-size:7.4vw; font-weight:300; letter-spacing:2.4vw; }
  .architecture-hero h1 span:after,
  .architecture-hero h1 em:after { content:''; position:absolute; inset:0; transform:none; background-repeat:no-repeat; background-size:100% 100%; background-position:center; pointer-events:none; }
  .architecture-hero h1 span:after { background-image:url('/brand/plugin-title.png'); }
  .architecture-hero h1 em:after { background-image:url('/brand/wanda-title.png'); }
  .architecture-hero:after { content:''; position:absolute; left:55.9vw; top:20.5vw; width:1px; height:5vw; background:#ff4a42; box-shadow:0 0 7px 2px #ff24246b; pointer-events:none; }
  .architecture-intro { position:absolute; left:60.6vw; top:33.35vw; margin:0; width:35vw; font-size:1.58vw; line-height:1.65; color:#292723; }
  .architecture-eyebrow { font-size:1.3vw; letter-spacing:.14vw; }
  .architecture-eyebrow:after { width:3vw; margin:1.8vw 0; background:#e05b50; }
}
@media (max-width:799px) {
  .architecture-header { display:none; }
  .architecture-hero h1 span:after,
  .architecture-hero h1 em:after { display:none; }
  .architecture-hero h1 span,
  .architecture-hero h1 em { position:static; display:block; width:max-content; max-width:100%; color:#e5dfd7!important; background:linear-gradient(180deg,#fff,#777)!important; background-clip:text!important; -webkit-background-clip:text!important; -webkit-text-stroke:.5px #cac2b6!important; transform:none; }
  .architecture-intro { position:static; width:100%; margin:42px 0 0; padding:20px; border:1px solid #ffffff26; border-radius:12px; background:#0c0d0dcc; color:#e3ddd3; }
}
@media (max-width:479px) {
  .architecture-header .architecture-brand {gap:7px}
  .architecture-brand .brand-symbol {width:34px}
  .architecture-brand .brand-wordmark {width:116px}
}
/* PC uses ONE coordinate system: the actual scene width, not a mix of
   capped containers, viewport units, and capped font sizes. Mobile untouched. */
@media (min-width: 1024px) {
  .wanda-plugin-page { width:100%; min-width:0; }
  .architecture-scene {
    container-type:inline-size;
    display:flow-root;
    width:100%; max-width:none; margin:0; padding-top:0;
    min-height:0;
    background-size:100% auto;
    background-color:#242321;
  }
  .architecture-header {
    height:4.5cqw; min-height:56px;
    margin:3.4cqw 2.8cqw 0; padding:0 5.4cqw;
    background:repeating-linear-gradient(1deg,#fff06 0 1px,#00004 1px 2px,transparent 2px 4px),linear-gradient(105deg,#bbb9b4,#d1cfc9 46%,#9e9c97);
  }
  .architecture-brand {font-size:2cqw;letter-spacing:-.06cqw;min-height:4.4cqw}
  .architecture-back {font-size:1.05cqw;gap:1cqw;letter-spacing:.1cqw;min-height:4.4cqw}
  .architecture-back span {font-size:2.8cqw}
  .architecture-hero {width:74cqw;margin:17.8cqw auto 0}
  .architecture-hero h1 {grid-template-columns:36.5cqw minmax(0,1fr);gap:6cqw;letter-spacing:-.25cqw}
  .architecture-hero h1 span,.architecture-hero h1 em {width:max-content}
  .architecture-hero h1 span {font-size:9.8cqw;letter-spacing:-.25cqw;background-image:linear-gradient(110deg,#aaa8a3,#eeeae4 40%,#97948d 75%,#d4d1ca)}
  .architecture-hero h1 em {font-size:8.8cqw;letter-spacing:-.35cqw}
  .architecture-intro {margin:5cqw 0 0 42.9cqw;width:33cqw;font-size:1.4cqw;line-height:1.65}
  .architecture-eyebrow {font-size:1.15cqw;letter-spacing:.13cqw}
  .architecture-eyebrow span {margin:0 .7cqw}
  .architecture-eyebrow:after {margin:1.6cqw 0;width:2.6cqw}
  .plugin-list {width:74cqw;margin:5.5cqw auto 0;padding:0 0 3cqw;grid-template-columns:minmax(0,44fr) minmax(0,44fr);column-gap:8.88cqw}
  .plugin-card {width:100%;min-width:0}
  .plugin-card:nth-of-type(even) {margin-top:-3.4cqw}
  .plugin-card:nth-of-type(odd):not(:first-of-type) {margin-top:-1cqw}
  .plugin-copy {min-height:22.7cqw;padding:3.2cqw 2.8cqw 1.9cqw}
  .plugin-copy h2 {font-size:3.3cqw;margin:0 0 .8cqw;letter-spacing:0}
  .plugin-copy h2.long-name {font-size:2.7cqw;letter-spacing:-.035em}
  .plugin-copy>p {font-size:1.1cqw;line-height:1.5;min-height:4.95cqw;margin-bottom:1.8cqw}
  .plugin-status {font-size:.88cqw;gap:.6cqw;margin:auto 0 1.1cqw}
  .plugin-status a {min-height:2.6cqw}
  .plugin-actions {gap:.7cqw}
  .plugin-action {min-height:max(44px,3.3cqw);font-size:1cqw;padding:.7cqw .4cqw;gap:1cqw;letter-spacing:.03cqw}
  .plugin-action svg {width:1.6cqw;height:1.6cqw}
  .plugin-number {left:calc(100% + 3cqw);top:-3.8cqw;font-size:2cqw}
  .plugin-number:after {width:2.2cqw;margin-top:1.2cqw}
  .plugin-card:nth-of-type(even) .plugin-number {right:calc(100% + 3cqw);left:auto;top:1.6cqw}
  .plugin-badge {left:calc(100% - 2cqw);top:4.2cqw;width:6.5cqw;height:6.5cqw;min-width:0;min-height:0}
  .plugin-card:nth-of-type(even) .plugin-badge {left:auto;right:calc(100% - 2cqw);top:6.6cqw}
  .plugin-joint {top:3.5cqw;width:2cqw;height:1.2cqw}
  .plugin-card:nth-of-type(even) .plugin-joint {top:5.8cqw}
  .architecture-footer {margin-top:6cqw;padding:2.2cqw 4cqw;gap:2.4cqw;font-size:1.2cqw}
}

/* Final approved hero overrides are intentionally last so the original catalog rules stay reusable. */
@media (min-width: 800px) {
  .architecture-scene{background-size:107% auto;padding-top:0}
  .architecture-header{display:none}
  .architecture-hero{position:relative;width:100%;margin:0;min-height:47vw;padding:0}
  .architecture-hero h1{position:absolute;inset:18.8vw 0 auto 0;height:9vw;margin:0;display:block;line-height:1}
  .architecture-hero h1 span,.architecture-hero h1 em{position:absolute;top:0;width:max-content;overflow:visible;font-family:'Segoe UI',Arial,sans-serif;font-weight:400;letter-spacing:1.8vw;font-size:7.5vw;background:none!important;color:transparent!important;-webkit-text-stroke:0!important;filter:none!important;text-shadow:none!important;transform:scaleY(1.08);transform-origin:left center}
  .architecture-hero h1 span{left:12.6vw}
  .architecture-hero h1 em{left:58vw;font-size:7.4vw;font-weight:300;letter-spacing:2.4vw}
  .architecture-hero h1 span:after,.architecture-hero h1 em:after{content:'';position:absolute;inset:0;transform:none;background-repeat:no-repeat;background-size:100% 100%;background-position:center;pointer-events:none}
  .architecture-hero h1 span:after{background-image:url('/brand/plugin-title.png')}
  .architecture-hero h1 em:after{background-image:url('/brand/wanda-title.png')}
  .architecture-hero:after{content:'';position:absolute;left:55.9vw;top:20.5vw;width:1px;height:5vw;background:#ff4a42;box-shadow:0 0 7px 2px #ff24246b;pointer-events:none}
  .architecture-intro{position:absolute;left:60.6vw;top:33.35vw;margin:0;width:35vw;font-size:1.58vw;line-height:1.65;color:#292723}
  .architecture-eyebrow{font-size:1.3vw;letter-spacing:.14vw}
  .architecture-eyebrow:after{width:3vw;margin:1.8vw 0;background:#e05b50}
}
@media (max-width:799px){
  .architecture-header{display:none}
  .architecture-hero h1 span:after,.architecture-hero h1 em:after{display:none}
  .architecture-hero h1 span,.architecture-hero h1 em{position:static;display:block;width:max-content;max-width:100%;color:#e5dfd7!important;background:linear-gradient(180deg,#fff,#777)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-stroke:.5px #cac2b6!important;transform:none}
  .architecture-intro{position:static;width:100%;margin:42px 0 0;padding:20px;border:1px solid #ffffff26;border-radius:12px;background:#0c0d0dcc;color:#e3ddd3}
}