/* ════════════════════════════════════════════════════════════
   SOFT WORLD — ethereal overlay. Drop-in field of blurred orbs,
   amorphous blobs, white wire-cables, spray-noise, motion smears
   and a contact-sheet ghost, on pure white. Pair with site.css.
   Content must sit above .sw-field (give wrappers position+z-index).
   ════════════════════════════════════════════════════════════ */
:root{
  --eth-lav:#b9a6e0; --eth-peach:#f2cdb0; --eth-blue:#a9c2ee; --eth-rose:#e6b9cf; --eth-plum:#6a3a8c;
}
html,body{background:#ffffff;}

.sw-field{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;opacity:.68;}
.sw-field .orb{position:absolute;border-radius:50%;mix-blend-mode:multiply;}
.sw-field .o1{width:540px;height:540px;left:-8%;top:6%;filter:blur(72px);opacity:.5;
  background:radial-gradient(circle at 40% 38%,var(--eth-lav),rgba(185,166,224,0) 68%);}
.sw-field .o2{width:460px;height:460px;left:16%;top:48%;filter:blur(50px);opacity:.4;
  background:radial-gradient(circle at 45% 42%,#6f74e8,rgba(111,116,232,0) 60%);}
.sw-field .o3{width:640px;height:640px;right:-6%;top:-8%;filter:blur(92px);opacity:.5;
  background:radial-gradient(circle at 50% 50%,var(--eth-peach),rgba(242,205,176,0) 64%);}
.sw-field .o4{width:680px;height:680px;left:46%;top:34%;filter:blur(98px);opacity:.42;
  background:radial-gradient(circle at 50% 45%,var(--eth-peach),rgba(242,205,176,0) 62%);}
.sw-field .o5{width:420px;height:420px;right:12%;top:50%;filter:blur(62px);opacity:.38;
  background:radial-gradient(circle at 50% 50%,var(--eth-blue),rgba(169,194,238,0) 62%);}
.sw-field .o6{width:380px;height:380px;right:24%;bottom:4%;filter:blur(60px);opacity:.32;
  background:radial-gradient(circle at 50% 50%,var(--eth-rose),rgba(230,185,207,0) 62%);}

.sw-field .blob{position:absolute;filter:blur(34px);opacity:.38;mix-blend-mode:multiply;}
.sw-field .b1{left:28%;top:28%;width:340px;height:260px;border-radius:60% 40% 55% 45%/55% 50% 50% 45%;
  background:radial-gradient(circle at 45% 40%,#cdbce8,rgba(205,188,232,0) 70%);}
.sw-field .b2{right:16%;top:22%;width:300px;height:340px;border-radius:45% 55% 40% 60%/50% 45% 55% 50%;
  background:radial-gradient(circle at 50% 45%,#e7c7ac,rgba(231,199,172,0) 70%);}
.sw-field .b3{left:42%;bottom:12%;width:380px;height:240px;border-radius:55% 45% 60% 40%/45% 55% 45% 55%;
  background:radial-gradient(circle at 50% 50%,#aac0e8,rgba(170,192,232,0) 72%);opacity:.3;}

.sw-field .glow{position:absolute;left:18%;top:52%;width:180px;height:180px;border-radius:50%;filter:blur(26px);opacity:.85;
  background:radial-gradient(circle at 50% 46%,#fff,#cdd6ff 22%,#6f74e8 52%,rgba(111,116,232,0) 74%);}

.sw-field .monolith{position:absolute;left:38%;top:16%;width:60px;height:480px;filter:blur(11px);opacity:.45;
  background:linear-gradient(180deg,rgba(40,40,52,0),rgba(34,34,46,.5) 18%,rgba(34,34,46,.5) 82%,rgba(40,40,52,0));}
.sw-field .monolith::after{content:"";position:absolute;left:-130px;top:38%;width:300px;height:46px;filter:blur(6px);border-radius:8px;
  background:linear-gradient(90deg,rgba(40,40,52,0),rgba(50,50,64,.42) 30%,rgba(50,50,64,.42) 70%,rgba(40,40,52,0));}

.sw-field .smear{position:absolute;height:24px;border-radius:20px;filter:blur(7px);
  background:linear-gradient(90deg,rgba(20,20,34,0),rgba(60,60,80,.2) 35%,rgba(60,60,80,.2) 65%,rgba(20,20,34,0));}
.sw-field .sm1{width:260px;left:38%;top:40%;} .sw-field .sm2{width:200px;left:2%;top:48%;opacity:.6;transform:rotate(-3deg);}
.sw-field .sm3{width:170px;right:6%;top:14%;} .sw-field .sm4{width:150px;left:18%;top:26%;opacity:.45;}

.sw-field .pill{position:absolute;height:28px;border-radius:18px;filter:blur(5px);}
.sw-field .pl1{width:120px;right:8%;top:36%;background:#3b82f6;opacity:.5;}
.sw-field .pl2{width:90px;right:20%;top:42%;background:#1f9d55;opacity:.45;}
.sw-field .pl3{width:150px;right:5%;bottom:20%;background:#2f6fe0;opacity:.55;}
.sw-field .pl4{width:110px;left:58%;bottom:12%;background:#3b82f6;opacity:.45;}

.sw-field .spray{position:absolute;left:0;top:10%;width:430px;height:300px;opacity:.45;
  -webkit-mask-image:linear-gradient(115deg,#000,rgba(0,0,0,.3) 55%,transparent 78%);
  mask-image:linear-gradient(115deg,#000,rgba(0,0,0,.3) 55%,transparent 78%);
  background-image:radial-gradient(rgba(90,90,110,.5) 1px,transparent 1.4px);background-size:5px 5px;}
.sw-field .spray2{left:10%;top:62%;width:230px;height:200px;opacity:.35;}

.sw-field .vline{position:absolute;top:0;bottom:0;width:1px;}
.sw-field .vl1{left:22%;background:rgba(40,40,60,.1);} .sw-field .vl2{left:23.2%;background:rgba(40,40,60,.06);}
.sw-field .hline{position:absolute;left:0;right:0;height:1px;}
.sw-field .hl1{top:43%;background:linear-gradient(90deg,rgba(201,138,154,0),rgba(201,138,154,.5) 12%,rgba(201,138,154,.5) 88%,rgba(201,138,154,0));}
.sw-field .hl2{top:42.4%;left:0;width:80px;background:#9bb4e8;opacity:.55;}

.sw-field .sheet{position:absolute;left:10%;bottom:6%;width:200px;height:230px;
  display:grid;grid-template-columns:repeat(3,1fr);gap:7px;filter:blur(3.5px);opacity:.45;}
.sw-field .sheet i{display:block;border-radius:2px;background:linear-gradient(135deg,#cfd6e6,#e6dcd0);}
.sw-field .sheet i:nth-child(3n+1){background:linear-gradient(135deg,#d8cfe6,#cfe0e6);}
.sw-field .sheet i:nth-child(3n+2){background:linear-gradient(135deg,#e6d4cf,#dde6cf);}

.sw-field .ghost{position:absolute;inset:0;width:100%;height:100%;opacity:.8;}
.sw-field .ghost path{fill:none;}
.sw-field .ghost .wire{stroke:#8c8c98;stroke-width:2.4;opacity:.28;filter:blur(2.2px);}
.sw-field .ghost .core-w{stroke:#fff;stroke-width:1.4;opacity:.95;}
.sw-field .ghost .thin{stroke:#9a9aa6;stroke-width:1;opacity:.2;}
.sw-field .ghost .red{stroke:#c98a9a;stroke-width:1.3;opacity:.38;filter:blur(.5px);}
/* black-metal edge: jagged strokes, hard corners, dashes */
.sw-field .ghost .jag{stroke-linejoin:miter;stroke-linecap:square;}
.sw-field .ghost .dash{stroke-dasharray:12 16;}
.sw-field .ghost .ink{stroke:#22222e;stroke-width:2;opacity:.4;filter:blur(1.6px);}
/* protocol-arty blurred shapes: stars, rings, crosses, glyphs */
.sw-field .ghost .star-b{fill:#3b82f6;opacity:.5;filter:blur(4px);}
.sw-field .ghost .star-g{fill:#1f9d55;opacity:.45;filter:blur(4px);}
.sw-field .ghost .star-k{fill:#22222e;opacity:.5;filter:blur(6px);}
.sw-field .ghost .star-l{fill:#b9a6e0;opacity:.55;filter:blur(3px);}
.sw-field .ghost .ring{fill:none;stroke:#3b82f6;stroke-width:6;opacity:.4;filter:blur(3px);}
.sw-field .ghost .ring-g{stroke:#1f9d55;}
.sw-field .ghost .glyph{font-family:ui-monospace,Menlo,monospace;fill:#5a5a6a;opacity:.4;filter:blur(1.4px);letter-spacing:.2em;}
.sw-field .ghost .glyph-b{fill:#3b82f6;opacity:.5;}

.sw-grain{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.45;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/></svg>");}

/* lift the existing site content above the field */
.page{position:relative;z-index:2;}

/* make site.css chrome translucent so the field reads through it */
.masthead,.standards{background:transparent;}
.masthead{border-bottom-color:rgba(20,20,30,.16);}
.standards{border-top-color:rgba(20,20,30,.16);}
.section{border-top-color:rgba(20,20,30,.12);}
.glance.signal{background:rgba(220,208,238,.32);backdrop-filter:blur(8px);}
.subscribe{border-top-color:rgba(20,20,30,.16);}

/* ethereal page titles — a blurred ghost behind a crisp layer */
.page-title,.wordmark{position:relative;}
.page-title .ghosted,.wordmark .ghosted{position:absolute;left:0;top:0;color:#9a8fc0;-webkit-text-fill-color:#9a8fc0;
  filter:blur(13px);opacity:.5;transform:translate(5px,4px);z-index:-1;pointer-events:none;}

@media (max-width:640px){
  .sw-field .monolith,.sw-field .sheet,.sw-field .spray2{display:none;}
}

/* ═══ PER-PAGE VARIANTS — same vocabulary, different composition ═══ */
/* v2 · about — warmer, blobs lower-right, monolith mirrored left, no sheet */
.sw-field.v2 .o1{left:auto;right:-10%;top:4%;}
.sw-field.v2 .o2{left:64%;top:60%;opacity:.34;}
.sw-field.v2 .o3{right:auto;left:-8%;top:-10%;}
.sw-field.v2 .o5{right:auto;left:8%;top:56%;}
.sw-field.v2 .b1{left:56%;top:64%;}
.sw-field.v2 .b2{right:auto;left:12%;top:30%;}
.sw-field.v2 .b3{left:auto;right:6%;bottom:30%;}
.sw-field.v2 .monolith{left:auto;right:14%;top:24%;height:400px;transform:rotate(6deg);}
.sw-field.v2 .sheet{display:none;}
.sw-field.v2 .glow{left:auto;right:22%;top:18%;}
.sw-field.v2 .vl1{left:76%;} .sw-field.v2 .vl2{left:77.2%;}
.sw-field.v2 .hl1{top:64%;} .sw-field.v2 .hl2{top:63.4%;}
.sw-field.v2 .spray{left:auto;right:0;top:44%;
  -webkit-mask-image:linear-gradient(245deg,#000,rgba(0,0,0,.3) 55%,transparent 78%);
  mask-image:linear-gradient(245deg,#000,rgba(0,0,0,.3) 55%,transparent 78%);}
.sw-field.v2 .spray2{left:40%;top:6%;}

/* v3 · contact — cooler, sparse; glow centre-right, fewer pills */
.sw-field.v3 .o3{opacity:.34;}
.sw-field.v3 .o1{top:30%;}
.sw-field.v3 .o4{left:30%;top:56%;}
.sw-field.v3 .b1{left:14%;top:56%;}
.sw-field.v3 .b2{right:30%;top:8%;}
.sw-field.v3 .b3{display:none;}
.sw-field.v3 .monolith{display:none;}
.sw-field.v3 .glow{left:auto;right:16%;top:38%;}
.sw-field.v3 .pl2,.sw-field.v3 .pl4{display:none;}
.sw-field.v3 .sheet{left:auto;right:8%;bottom:10%;}
.sw-field.v3 .spray{top:56%;}
.sw-field.v3 .hl1{top:26%;} .sw-field.v3 .hl2{top:25.4%;}
.sw-field.v3 .vl1{left:60%;} .sw-field.v3 .vl2{left:61.2%;}

/* v4 · legal — quietest: greys lead, colour pulled back */
.sw-field.v4 .orb{opacity:.26;}
.sw-field.v4 .blob{opacity:.22;}
.sw-field.v4 .glow{opacity:.4;left:70%;top:60%;}
.sw-field.v4 .pill{display:none;}
.sw-field.v4 .sheet{display:none;}
.sw-field.v4 .monolith{left:70%;top:30%;height:360px;}
.sw-field.v4 .spray{top:30%;}
.sw-field.v4 .ghost{opacity:.5;}