/* Dibb Media - static site
   © 2015-2026 Dibb Media LLC. All rights reserved.
   Build fingerprint: DM-E4DF34-4F93B1
   This stylesheet is the property of Dibb Media LLC. If this fingerprint appears
   on a site that is not dibbmedia._6e452a, that stylesheet was copied from ours.
   Black ground, orange accent, gradient mark. */

@font-face{font-family:'Manrope';font-style:normal;font-weight:200 800;font-display:swap;
  src:url(../fonts/manrope-var-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Manrope';font-style:normal;font-weight:200 800;font-display:swap;
  src:url(../fonts/manrope-var-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Outfit';font-style:normal;font-weight:100 900;font-display:swap;
  src:url(../fonts/outfit-var-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Outfit';font-style:normal;font-weight:100 900;font-display:swap;
  src:url(../fonts/outfit-var-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}

:root{
  --ink:#000;
  --panel:#0b0b0b;
  --panel-2:#101010;
  --line:#1f1f1f;
  --line-soft:#171717;
  --body:#eaeaea;
  --body-dim:#9b9b9b;
  --head:#fff;
  --orange:#f5900d;
  --orange-dim:#c9760b;
  --cyan:#12aee1;
  --violet:#7b3fbf;
  --grad:linear-gradient(100deg,#f5900d 0%,#e8542f 32%,#a03a8f 62%,#12aee1 100%);
  --dibb-rights:"© 2015-2026 Dibb Media LLC. All rights reserved.";
  --dibb-build:"DM-E4DF34-4F93B1";
  --wrap:1120px;
  --pad:clamp(20px,5vw,40px);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;background:var(--ink);color:var(--body);
  font-family:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  font-size:19px;line-height:1.72;font-weight:400;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--orange);text-decoration:none}
a:hover{color:#ffae42}
::selection{background:var(--orange);color:#000}

h1,h2,h3,h4{font-family:'Outfit',system-ui,sans-serif;color:var(--orange);margin:0 0 .5em;line-height:1.1;letter-spacing:-.02em}
h1{font-size:clamp(2.3rem,6.2vw,4.4rem);font-weight:800}
h2{font-size:clamp(1.9rem,4.2vw,2.9rem);font-weight:700}
h3{font-size:clamp(1.25rem,2.4vw,1.6rem);font-weight:700;letter-spacing:-.01em}
p{margin:0 0 1.15em}
p:last-child{margin-bottom:0}
strong{color:#fff;font-weight:700}
em{color:var(--orange);font-style:italic}

._6ce620{width:100%;max-width:var(--wrap);margin:0 auto;padding-inline:var(--pad)}
._329483{max-width:var(--wrap)}
._329483 > p,._329483 > ul,._329483 > ol,._329483 ._ce2cbe,._329483 ._772f62,._329483 ._fe769c{max-width:72ch}
._329483 > h1,._329483 > h2{max-width:24ch}
section{position:relative}
._44e618{padding-block:clamp(56px,9vw,110px)}
._f73040{padding-block:clamp(40px,6vw,72px)}
._d1f814{border:0;border-top:1px solid var(--line);margin:0}
._45e418{height:2px;border:0;background:var(--grad);opacity:.9;margin:0}

/* ---------- skip link ---------- */
._5e14a9{position:absolute;left:-9999px;top:0;background:var(--orange);color:#000;padding:10px 16px;font-weight:700;z-index:200}
._5e14a9:focus{left:12px;top:12px}
:focus-visible{outline:2px solid var(--orange);outline-offset:3px}

/* ---------- header ---------- */
._7dbb42{position:sticky;top:0;z-index:100;background:rgba(0,0,0,.86);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
._9192e8{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px}
._0273a2{display:flex;align-items:center;gap:11px;color:#fff;font-family:'Outfit',sans-serif;font-weight:800;font-size:1.3rem;letter-spacing:-.02em}
._0273a2:hover{color:#fff}
._0273a2 img{width:34px;height:34px}
._8cfeec{white-space:nowrap}
._8cfeec b{color:var(--orange);font-weight:inherit}
._5f6e34{display:flex;align-items:center;gap:clamp(14px,2.6vw,30px)}
._5f6e34 a{color:#e2e2e2;font-size:1rem;font-weight:600;letter-spacing:.01em}
._5f6e34 a:hover,._5f6e34 a[aria-current="page"]{color:var(--orange)}
._6007d2{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--orange);color:var(--orange);
  font-family:'Outfit',sans-serif;font-weight:700;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;
  padding:9px 15px;border-radius:2px;white-space:nowrap}
._6007d2::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--orange)}

/* ---------- hero ---------- */
._67aec5{position:relative;overflow:hidden;padding-block:clamp(70px,13vw,150px);border-bottom:1px solid var(--line)}
._67aec5::before{content:"";position:absolute;inset:-40% -10% auto auto;width:min(720px,90vw);height:min(720px,90vw);
  background:radial-gradient(circle,rgba(245,144,13,.16) 0%,rgba(160,58,143,.09) 42%,transparent 68%);pointer-events:none}
._67aec5::after{content:"";position:absolute;left:-8%;bottom:-45%;width:min(560px,80vw);height:min(560px,80vw);
  background:radial-gradient(circle,rgba(18,174,225,.11) 0%,transparent 65%);pointer-events:none}
._67aec5 ._6ce620{position:relative;z-index:1}
._16fdc6{font-family:'Outfit',sans-serif;font-weight:700;font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--cyan);margin:0 0 20px}
._67aec5 h1{max-width:15ch}
._e2325f{font-size:clamp(1.15rem,2.1vw,1.45rem);max-width:52ch;margin-top:24px;color:#e2e2e2}
._f17f27{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.72fr);
  gap:clamp(28px,5vw,70px);align-items:center}
._0517ad{min-width:0}
._1c80d1{width:100%;max-width:400px;justify-self:center;opacity:.22;pointer-events:none}
@media (max-width:880px){
  ._f17f27{grid-template-columns:1fr}
  ._1c80d1{display:none}
}

/* ---------- generic blocks ---------- */
._ce2cbe{font-size:clamp(1.15rem,2vw,1.4rem);color:#dcdcdc}
._fe769c > * + *{margin-top:1.15em}
._ef034c{font-family:'Outfit',sans-serif;color:#fff;font-size:clamp(1.2rem,2.6vw,1.7rem);font-weight:700;line-height:1.35;margin:0}
._772f62{display:flex;flex-direction:column;gap:14px;margin:34px 0 0}
._476083{color:var(--orange);font-weight:700}

._e53e8f{background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:clamp(22px,3.4vw,36px)}
._343afa{position:relative;overflow:hidden}
._343afa::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--grad)}

._414d55{display:grid;gap:clamp(16px,2.4vw,26px)}
._b4c40f{grid-template-columns:repeat(2,minmax(0,1fr))}
._729318{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:980px){._729318{grid-template-columns:minmax(0,1fr)}}
@media (max-width:720px){._b4c40f{grid-template-columns:minmax(0,1fr)}}

._747c67{font-family:'Outfit',sans-serif;font-size:.86rem;font-weight:800;letter-spacing:.18em;color:var(--cyan);
  text-transform:uppercase;margin:0 0 10px}

._c88d42{list-style:none;margin:0;padding:0;display:grid;gap:clamp(14px,2vw,22px);grid-template-columns:repeat(auto-fit,minmax(min(400px,100%),1fr))}
._c88d42 li{position:relative;padding:clamp(24px,3vw,34px) clamp(24px,3vw,34px) clamp(24px,3vw,34px) clamp(44px,5vw,58px);
  border:1px solid var(--line);border-radius:4px;background:var(--panel);
  font-family:'Outfit',sans-serif;font-weight:700;color:#fff;font-size:clamp(1.1rem,1.9vw,1.35rem);line-height:1.35}
._c88d42 li::before{content:"";position:absolute;left:clamp(24px,3vw,34px);top:calc(clamp(24px,3vw,34px) + .62em);width:14px;height:3px;border-radius:2px;background:var(--grad)}

._bb5116{border-top:1px solid var(--line);padding-top:clamp(30px,5vw,52px);margin-top:clamp(30px,5vw,52px)}
._bb5116:first-of-type{border-top:0;padding-top:0;margin-top:0}
._6bb51e{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:6px}
._6bb51e h2{margin:0}
._ee6f7f{font-family:'Outfit',sans-serif;font-size:.72rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;
  color:#000;background:var(--orange);padding:5px 10px;border-radius:2px}

._006f97{background:var(--panel-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}

/* ---------- legal ---------- */
._16ca1e{max-width:var(--wrap)}
._16ca1e p,._16ca1e ul,._16ca1e ol{max-width:80ch}
._16ca1e h2,._16ca1e h3{max-width:34ch}
._16ca1e h2{font-size:clamp(1.3rem,2.6vw,1.75rem);margin-top:2.2em}
._16ca1e h3{font-size:1.08rem;margin-top:1.8em;color:#d8d8d8}
._16ca1e ul{padding-left:22px;margin:0 0 1.15em}
._16ca1e li{margin-bottom:.5em}
._16ca1e ._fa3bc2{font-size:.92rem;color:#b0b0b0;line-height:1.7}
._56287e{font-family:'Outfit',sans-serif;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--body-dim);
  border:1px solid var(--line);border-radius:2px;padding:8px 13px;display:inline-block;margin-bottom:26px}
._53c362{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
._53c362 a{font-family:'Outfit',sans-serif;font-size:.84rem;font-weight:600;color:#cfcfcf;border:1px solid var(--line);
  padding:8px 14px;border-radius:2px}
._53c362 a:hover{color:var(--orange);border-color:var(--orange)}
._53c362 a[aria-current="page"]{color:var(--orange);border-color:var(--orange)}

/* ---------- footer ---------- */
._fd2e4a{border-top:1px solid var(--line);background:var(--panel);padding-block:clamp(40px,6vw,64px);font-size:.93rem}
._31bab3{display:grid;gap:34px;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));align-items:start}
._ce0895 img{width:44px;height:44px;margin-bottom:14px}
._ce0895 p{color:var(--body-dim);font-size:.9rem;max-width:34ch}
._7e4d48 h4{font-family:'Outfit',sans-serif;font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan);margin:0 0 14px}
._7e4d48 ul{list-style:none;margin:0;padding:0}
._7e4d48 li{margin-bottom:9px}
._7e4d48 a{color:#d2d2d2}
._7e4d48 a:hover{color:var(--orange)}
._8bd08d{margin-top:38px;padding-top:22px;border-top:1px solid var(--line-soft);
  display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;color:var(--body-dim);font-size:.85rem}

@media (max-width:640px){
  ._9192e8{min-height:64px;flex-wrap:wrap;padding-block:12px}
  ._5f6e34{width:100%;order:3;gap:18px;border-top:1px solid var(--line);padding-top:12px}
  ._6007d2{font-size:.68rem;padding:7px 11px}
  ._1c80d1{display:none}
  body{font-size:17px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* ---------- person card ---------- */
._fd2928{display:flex;gap:clamp(20px,3vw,32px);align-items:flex-start}
._b4821b{width:clamp(120px,17vw,180px);flex:0 0 auto;border-radius:3px;border:1px solid var(--line)}
._9d3591{min-width:0}
@media (max-width:560px){
  ._fd2928{flex-direction:column}
  ._b4821b{width:150px}
}


/* =====================================================================
   CHARGED LAYER - background field, glow, motion, cursor.
   Delete from here down to return to the flat look.
   ===================================================================== */

/* --- layer 1: aurora field, three drifting blobs across the whole page --- */
._10dcbe{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
._10dcbe span{position:absolute;display:block;border-radius:50%;filter:blur(90px);opacity:.5}
._10dcbe span:nth-child(1){width:52vw;height:52vw;left:-12vw;top:-14vw;
  background:radial-gradient(circle,rgba(245,144,13,.55) 0%,transparent 70%);
  animation:float1 34s ease-in-out infinite alternate}
._10dcbe span:nth-child(2){width:46vw;height:46vw;right:-10vw;top:22vh;
  background:radial-gradient(circle,rgba(160,58,143,.5) 0%,transparent 70%);
  animation:float2 41s ease-in-out infinite alternate}
._10dcbe span:nth-child(3){width:44vw;height:44vw;left:28vw;bottom:-18vw;
  background:radial-gradient(circle,rgba(18,174,225,.42) 0%,transparent 70%);
  animation:float3 47s ease-in-out infinite alternate}
@keyframes float1{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(14vw,10vh,0) scale(1.25)}}
@keyframes float2{0%{transform:translate3d(0,0,0) scale(1.1)}100%{transform:translate3d(-16vw,-12vh,0) scale(.85)}}
@keyframes float3{0%{transform:translate3d(0,0,0) scale(.9)}100%{transform:translate3d(-12vw,-14vh,0) scale(1.2)}}

/* --- layer 2: grid + scanlines --- */
._f46f33{position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(245,144,13,.10) 1px,transparent 1px),
    linear-gradient(90deg,rgba(18,174,225,.085) 1px,transparent 1px),
    repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 3px);
  background-size:56px 56px,56px 56px,100% 3px;
  mask-image:radial-gradient(ellipse 140% 90% at 50% 20%,#000 0%,transparent 78%);
  -webkit-mask-image:radial-gradient(ellipse 140% 90% at 50% 20%,#000 0%,transparent 78%);
}

/* --- layer 3: vignette --- */
._fe5088{position:fixed;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(ellipse 95% 80% at 50% 42%,transparent 45%,rgba(0,0,0,.72) 100%)}

/* --- layer 4: the cursor glow (JS sets --mx / --my) --- */
._37fdc5{
  position:fixed;top:0;left:0;z-index:2;pointer-events:none;
  width:520px;height:520px;margin:-260px 0 0 -260px;
  transform:translate3d(var(--mx,50vw),var(--my,40vh),0);
  background:radial-gradient(circle,
    rgba(245,144,13,.20) 0%,rgba(232,84,47,.13) 26%,
    rgba(160,58,143,.09) 46%,rgba(18,174,225,.05) 66%,transparent 76%);
  opacity:0;transition:opacity .5s ease;will-change:transform;
}
._37fdc5._5d1cd0{opacity:1}
._dde84f{
  position:fixed;top:0;left:0;z-index:3;pointer-events:none;
  width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;
  background:#f5900d;box-shadow:0 0 12px 3px rgba(245,144,13,.9),0 0 34px 8px rgba(245,144,13,.35);
  transform:translate3d(var(--cx,50vw),var(--cy,40vh),0);
  opacity:0;transition:opacity .3s ease,width .18s ease,height .18s ease;will-change:transform;
}
._dde84f._5d1cd0{opacity:1}
body._679d47 ._dde84f{width:22px;height:22px;margin:-11px 0 0 -11px;background:rgba(245,144,13,.35);
  box-shadow:0 0 22px 6px rgba(245,144,13,.7),inset 0 0 0 2px #f5900d}
@media (hover:none),(pointer:coarse){._37fdc5,._dde84f{display:none}}

._7dbb42,main,._fd2e4a{position:relative;z-index:4}

/* --- gradient rules become a running sweep --- */
._45e418{
  height:2px;background:linear-gradient(90deg,
    transparent 0%,#f5900d 18%,#e8542f 34%,#a03a8f 52%,#12aee1 70%,transparent 100%);
  background-size:220% 100%;animation:sweep 9s linear infinite;
  box-shadow:0 0 16px rgba(245,144,13,.55),0 0 40px rgba(18,174,225,.25);opacity:1;
}
@keyframes sweep{0%{background-position:200% 0}100%{background-position:-100% 0}}
._d1f814{border-top-color:rgba(245,144,13,.14)}

/* --- hero --- */
._67aec5{border-bottom-color:transparent}
._67aec5::before{animation:drift 22s ease-in-out infinite alternate}
._67aec5::after{animation:drift 28s ease-in-out infinite alternate-reverse}
@keyframes drift{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(-4%,5%,0) scale(1.14)}}
._67aec5 h1{text-shadow:0 0 40px rgba(245,144,13,.45),0 0 90px rgba(232,84,47,.28)}
._1c80d1{
  filter:drop-shadow(0 0 30px rgba(245,144,13,.6)) drop-shadow(0 0 70px rgba(18,174,225,.4));
  animation:breathe 7s ease-in-out infinite;
}
@keyframes breathe{
  0%,100%{opacity:.20;transform:scale(1) rotate(0deg)}
  50%{opacity:.34;transform:scale(1.05) rotate(2deg)}
}
._16fdc6{text-shadow:0 0 20px rgba(18,174,225,.8)}

/* --- header --- */
._7dbb42{background:rgba(0,0,0,.72);border-bottom-color:transparent;
  box-shadow:0 1px 0 rgba(245,144,13,.2),0 10px 34px -20px rgba(245,144,13,.6)}
._0273a2 img{filter:drop-shadow(0 0 10px rgba(245,144,13,.7))}
._8cfeec b{text-shadow:0 0 18px rgba(245,144,13,.7)}
._5f6e34 a{transition:color .18s ease,text-shadow .18s ease}
._5f6e34 a:hover,._5f6e34 a[aria-current="page"]{text-shadow:0 0 18px rgba(245,144,13,.85)}
._6007d2{box-shadow:0 0 22px -2px rgba(245,144,13,.55),inset 0 0 18px -6px rgba(245,144,13,.6);
  text-shadow:0 0 14px rgba(245,144,13,.7)}
._6007d2::before{animation:pulse 2.4s ease-in-out infinite;box-shadow:0 0 12px 3px rgba(245,144,13,.95)}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}}

/* --- panels --- */
._e53e8f{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
  background:linear-gradient(160deg,rgba(16,16,16,.9) 0%,rgba(6,6,6,.9) 100%);
  backdrop-filter:blur(6px)}
._343afa::before{background:var(--grad);box-shadow:0 0 18px 1px rgba(245,144,13,.6)}
._e53e8f:hover{border-color:rgba(245,144,13,.45);
  box-shadow:0 18px 46px -24px rgba(245,144,13,.85),inset 0 0 0 1px rgba(245,144,13,.14)}
._343afa:hover::before{box-shadow:0 0 30px 4px rgba(245,144,13,.9)}
._747c67{text-shadow:0 0 16px rgba(18,174,225,.7)}

/* --- claim cards --- */
._c88d42 li{transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease;
  background:linear-gradient(160deg,rgba(16,16,16,.9) 0%,rgba(6,6,6,.9) 100%);backdrop-filter:blur(6px)}
._c88d42 li::before{box-shadow:0 0 14px 2px rgba(245,144,13,.8);transition:box-shadow .22s ease,width .22s ease}
._c88d42 li:hover{border-color:rgba(18,174,225,.5);
  box-shadow:0 16px 40px -22px rgba(18,174,225,.95)}
._c88d42 li:hover::before{width:26px;box-shadow:0 0 22px 3px rgba(18,174,225,.95)}

/* --- misc --- */
._ee6f7f{box-shadow:0 0 24px -3px rgba(245,144,13,.85)}
._ef034c{text-shadow:0 0 30px rgba(255,255,255,.18)}
._ef034c em{text-shadow:0 0 28px rgba(245,144,13,.9)}
._b4821b{border-color:rgba(245,144,13,.32);
  box-shadow:0 0 34px -8px rgba(160,58,143,.9),0 0 0 1px rgba(18,174,225,.2)}
a:hover{text-shadow:0 0 16px rgba(245,144,13,.8)}
._006f97{background:rgba(10,10,10,.6);border-top-color:transparent;box-shadow:inset 0 1px 0 rgba(245,144,13,.25)}
._fd2e4a{background:rgba(8,8,8,.72);backdrop-filter:blur(8px)}
._56287e{color:#c8c8c8;border-color:rgba(245,144,13,.25)}
._53c362 a{color:#e2e2e2}

@media (prefers-reduced-motion:reduce){
  ._45e418,._67aec5::before,._67aec5::after,._1c80d1,._6007d2::before,._10dcbe span{animation:none}
  ._e53e8f,._c88d42 li,._37fdc5,._dde84f{transition:none}
}

/* =====================================================================
   HEADER TYPE - matches the old site: Elementor "accent" was Manrope 800
   ===================================================================== */
._0273a2{font-family:'Manrope',system-ui,sans-serif;font-weight:800;letter-spacing:-.015em;font-size:1.38rem}
._5f6e34 a{font-family:'Manrope',system-ui,sans-serif;font-weight:800;letter-spacing:.005em}
._6007d2{font-family:'Manrope',system-ui,sans-serif;font-weight:800}
._7e4d48 h4{font-family:'Manrope',system-ui,sans-serif;font-weight:800}

/* =====================================================================
   ALWAYS-ON GLOW - resting state carries the light, hover just lifts it
   ===================================================================== */
._e53e8f{
  border-color:rgba(245,144,13,.22);
  box-shadow:0 0 34px -14px rgba(245,144,13,.55),
             0 0 0 1px rgba(245,144,13,.07) inset,
             0 18px 44px -30px rgba(160,58,143,.7);
}
._343afa::before{box-shadow:0 0 22px 2px rgba(245,144,13,.8)}
._e53e8f:hover{
  border-color:rgba(245,144,13,.5);
  box-shadow:0 0 52px -12px rgba(245,144,13,.8),
             0 0 0 1px rgba(245,144,13,.16) inset,
             0 24px 54px -26px rgba(160,58,143,.9);
}

._c88d42 li{
  border-color:rgba(18,174,225,.24);
  box-shadow:0 0 36px -14px rgba(18,174,225,.6),
             0 0 0 1px rgba(18,174,225,.07) inset,
             0 18px 44px -30px rgba(245,144,13,.5);
}
._c88d42 li::before{box-shadow:0 0 20px 3px rgba(245,144,13,.9)}
._c88d42 li:hover{
  border-color:rgba(18,174,225,.55);
  box-shadow:0 0 56px -12px rgba(18,174,225,.85),
             0 0 0 1px rgba(18,174,225,.18) inset,
             0 24px 54px -26px rgba(245,144,13,.7);
}
._c88d42 li:hover::before{width:26px;box-shadow:0 0 26px 4px rgba(18,174,225,1)}

/* headings and body carry a permanent soft light */
h1,h2{text-shadow:0 0 32px rgba(245,144,13,.42),0 0 74px rgba(232,84,47,.2)}
h3{text-shadow:0 0 22px rgba(245,144,13,.4)}
._ee6f7f{box-shadow:0 0 26px -2px rgba(245,144,13,.95)}
._56287e{box-shadow:0 0 24px -12px rgba(245,144,13,.7)}
._53c362 a{box-shadow:0 0 22px -12px rgba(245,144,13,.7);transition:box-shadow .2s ease,color .2s ease,border-color .2s ease}
._53c362 a:hover{box-shadow:0 0 30px -8px rgba(245,144,13,.9)}
._b4821b{box-shadow:0 0 44px -10px rgba(160,58,143,1),0 0 0 1px rgba(18,174,225,.25)}
._fd2e4a{box-shadow:inset 0 1px 0 rgba(245,144,13,.18)}

/* ---------- owner split on the home page ---------- */
._d792ab{display:grid;grid-template-columns:minmax(0,270px) minmax(0,1fr);
  gap:clamp(24px,4vw,48px);align-items:start;margin-top:36px}
._80225d{width:100%;border-radius:4px;border:1px solid rgba(245,144,13,.32);
  box-shadow:0 0 46px -10px rgba(160,58,143,1),0 0 0 1px rgba(18,174,225,.25)}
._73cf42{min-width:0}
@media (max-width:760px){
  ._d792ab{grid-template-columns:1fr}
  ._80225d{max-width:230px}
}

/* =====================================================================
   MOTION LAYER
   Classes are applied by JS, so with JS off everything stays visible.
   ===================================================================== */

/* --- scroll unfold: cards hinge in from the top edge --- */
._71ec9b{
  --o:0;--ty:34px;--fold:-14deg;--rx:0deg;--ry:0deg;--sc:.97;
  opacity:var(--o);
  transform:perspective(700px) translateZ(var(--tz,0px)) rotateX(calc(var(--fold) + var(--rx))) rotateY(var(--ry)) translateY(var(--ty)) scale(var(--sc));
  transform-origin:50% 0%;
  transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1);
  will-change:transform,opacity;
}
._71ec9b._94e66a{--o:1;--ty:0px;--fold:0deg;--sc:1}
._71ec9b._a8a310{transition:opacity .75s}   /* no transform transition: track the cursor 1:1 */
._71ec9b._94e66a:hover{--ty:0px;--sc:1;--tz:16px}
/* if JS never runs there is no ._71ec9b, so keep a plain lift as the fallback */
._e53e8f:not(._71ec9b):hover,._c88d42 li:not(._71ec9b):hover{transform:translateY(-4px)}

/* rise, for text blocks that should not hinge */
._6d80fb{--o:0;--ty:26px;opacity:var(--o);transform:translateY(var(--ty));
  transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
._6d80fb._94e66a{--o:1;--ty:0px}

/* --- cursor spotlight inside each card --- */
._e53e8f,._c88d42 li{position:relative;overflow:hidden}
._e53e8f::after,._c88d42 li::after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;
  background:radial-gradient(340px circle at var(--sx,50%) var(--sy,50%),
    rgba(245,144,13,.20) 0%,rgba(160,58,143,.10) 38%,transparent 65%);
  opacity:0;transition:opacity .35s ease;
}
._c88d42 li::after{background:radial-gradient(340px circle at var(--sx,50%) var(--sy,50%),
    rgba(18,174,225,.22) 0%,rgba(245,144,13,.10) 40%,transparent 66%)}
._e53e8f:hover::after,._c88d42 li:hover::after{opacity:1}
._e53e8f > *,._c88d42 li{z-index:1}
._e53e8f h3,._e53e8f p,._e53e8f ._747c67{position:relative;z-index:1}

/* --- the left rail becomes a travelling light --- */
._343afa::before{
  background:linear-gradient(180deg,transparent 0%,#f5900d 18%,#e8542f 38%,#a03a8f 62%,#12aee1 82%,transparent 100%);
  background-size:100% 260%;animation:rail 6s linear infinite;z-index:2;
}
@keyframes rail{0%{background-position:0 -160%}100%{background-position:0 160%}}

/* --- corner brackets that draw on hover --- */
._c88d42 li,._e53e8f{--bk:rgba(245,144,13,0)}
._c88d42 li{--bk:rgba(18,174,225,0)}
._e53e8f:hover,._c88d42 li:hover{--bk:currentColor}

/* --- hero scanline sweep --- */
._67aec5::after{
  content:"";position:absolute;left:-8%;bottom:-45%;width:min(560px,80vw);height:min(560px,80vw);
  background:radial-gradient(circle,rgba(18,174,225,.11) 0%,transparent 65%);pointer-events:none;
}
._67aec5 ._41ded3{
  position:absolute;left:0;right:0;height:150px;z-index:0;pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(245,144,13,.09) 45%,rgba(18,174,225,.07) 55%,transparent);
  animation:scan 7.5s ease-in-out infinite;
}
@keyframes scan{0%{top:-160px;opacity:0}12%{opacity:1}88%{opacity:1}100%{top:100%;opacity:0}}

/* --- ticker band --- */
._470372{position:relative;overflow:hidden;border-block:1px solid rgba(245,144,13,.18);
  background:rgba(6,6,6,.55);padding-block:16px;
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
._b7728c{display:flex;width:max-content;animation:slide 34s linear infinite}
._b7728c span{font-family:'Outfit',sans-serif;font-weight:800;font-size:clamp(.95rem,1.6vw,1.15rem);
  letter-spacing:.22em;text-transform:uppercase;color:#cfcfcf;white-space:nowrap;padding-inline:26px;
  display:inline-flex;align-items:center;gap:26px}
._b7728c span::after{content:"";width:7px;height:7px;border-radius:50%;background:var(--grad);
  box-shadow:0 0 12px 2px rgba(245,144,13,.8)}
._470372:hover ._b7728c{animation-play-state:paused}
@keyframes slide{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-50%,0,0)}}

/* --- headline shimmer on reveal --- */
h1,h2{background-image:linear-gradient(100deg,#f5900d 0%,#f5900d 38%,#ffd9a0 48%,#f5900d 58%,#f5900d 100%);
  background-size:280% 100%;background-position:200% 0;
  -webkit-background-clip:text;background-clip:text;
  animation:shimmer 9s ease-in-out infinite}
@keyframes shimmer{0%,72%{background-position:200% 0}100%{background-position:-60% 0}}

/* --- parallax targets --- */
._1c80d1{will-change:transform}

@media (prefers-reduced-motion:reduce){
  ._71ec9b,._6d80fb{opacity:1!important;transform:none!important}
  ._343afa::before,._67aec5 ._41ded3,._b7728c,h1,h2{animation:none}
  h1,h2{background-image:none}
}

/* =====================================================================
   INNER PAGE STRUCTURE
   ===================================================================== */

/* --- scroll progress --- */
._18ef89{position:fixed;top:0;left:0;right:0;height:3px;z-index:150;pointer-events:none;
  background:rgba(255,255,255,.04)}
._18ef89 i{display:block;height:100%;width:100%;transform:scaleX(var(--p,0));transform-origin:0 50%;
  background:linear-gradient(90deg,#f5900d,#e8542f,#a03a8f,#12aee1);
  box-shadow:0 0 16px rgba(245,144,13,.8);transition:transform .08s linear}

/* --- What We Do: sticky index beside the content --- */
._6c9086{display:grid;grid-template-columns:minmax(0,252px) minmax(0,1fr);gap:clamp(30px,5vw,64px);align-items:start}
._c8d907{position:sticky;top:104px}
._c8d907 ol{list-style:none;margin:0;padding:0;counter-reset:s}
._c8d907 li{counter-increment:s}
._c8d907 a{display:flex;align-items:center;gap:12px;padding:13px 0;
  font-family:'Outfit',sans-serif;font-weight:700;font-size:.98rem;line-height:1.25;
  color:#8f8f8f;border-bottom:1px solid rgba(255,255,255,.06);transition:color .25s ease}
._c8d907 a::before{content:"0" counter(s);font-size:.74rem;letter-spacing:.14em;color:#5e5e5e;transition:color .25s ease}
._c8d907 a i{width:0;height:2px;border-radius:2px;background:var(--acc,#f5900d);
  box-shadow:0 0 12px 2px var(--acc,#f5900d);transition:width .3s cubic-bezier(.2,.7,.2,1);flex:0 0 auto}
._c8d907 a:hover{color:#dcdcdc;text-shadow:none}
._c8d907 li._5d1cd0 a{color:#fff}
._c8d907 li._5d1cd0 a::before{color:var(--acc,#f5900d)}
._c8d907 li._5d1cd0 a i{width:22px}
._c8d907 li:nth-child(1){--acc:#f5900d}
._c8d907 li:nth-child(2){--acc:#e8542f}
._c8d907 li:nth-child(3){--acc:#a03a8f}
._c8d907 li:nth-child(4){--acc:#12aee1}
@media (max-width:900px){
  ._6c9086{grid-template-columns:1fr}
  ._c8d907{display:none}
}

/* --- each discipline carries its own accent and a watermark numeral --- */
._bb5116{position:relative;scroll-margin-top:100px}
._bb5116::before{content:attr(data-n);position:absolute;right:-8px;top:-34px;z-index:0;pointer-events:none;
  font-family:'Outfit',sans-serif;font-weight:900;font-size:clamp(6rem,13vw,11rem);line-height:1;
  color:transparent;-webkit-text-stroke:1px var(--acc,#f5900d);opacity:.13}
._bb5116 > *{position:relative;z-index:1}
._bb5116{border-top-color:color-mix(in srgb,var(--acc,#f5900d) 30%,transparent)}
._bb5116 ._ee6f7f{background:var(--acc,#f5900d);box-shadow:0 0 26px -2px var(--acc,#f5900d)}
._bb5116 h2{background-image:none;color:var(--acc,#f5900d);
  text-shadow:0 0 34px color-mix(in srgb,var(--acc,#f5900d) 50%,transparent);animation:none}
._bb5116 ._6bb51e{padding-bottom:14px;border-bottom:1px solid color-mix(in srgb,var(--acc,#f5900d) 22%,transparent)}
._bb5116 ._343afa::before{background:linear-gradient(180deg,transparent,var(--acc,#f5900d) 30%,var(--acc,#f5900d) 70%,transparent);
  box-shadow:0 0 20px 1px var(--acc,#f5900d)}
/* Three layers, same as every other card: the bloom, the inset hairline, and
   the cast shadow underneath. The accent override used to drop that third
   layer, which is the one that makes a card look like it is off the page. */
._bb5116 ._e53e8f{border-color:color-mix(in srgb,var(--acc,#f5900d) 22%,transparent);
  box-shadow:0 0 36px -14px color-mix(in srgb,var(--acc,#f5900d) 70%,transparent),
             0 0 0 1px color-mix(in srgb,var(--acc,#f5900d) 7%,transparent) inset,
             0 18px 44px -30px color-mix(in srgb,var(--acc,#f5900d) 65%,transparent)}
._bb5116 ._e53e8f:hover{border-color:color-mix(in srgb,var(--acc,#f5900d) 55%,transparent);
  box-shadow:0 0 56px -12px color-mix(in srgb,var(--acc,#f5900d) 85%,transparent),
             0 0 0 1px color-mix(in srgb,var(--acc,#f5900d) 16%,transparent) inset,
             0 26px 56px -24px color-mix(in srgb,var(--acc,#f5900d) 95%,transparent)}
._bb5116 ._e53e8f::after{background:radial-gradient(340px circle at var(--sx,50%) var(--sy,50%),
  color-mix(in srgb,var(--acc,#f5900d) 22%,transparent) 0%,transparent 62%)}
._bb5116 ._747c67{color:var(--acc,#f5900d);text-shadow:0 0 16px color-mix(in srgb,var(--acc,#f5900d) 60%,transparent)}
._bb5116 h3{color:#fff;text-shadow:0 0 22px rgba(255,255,255,.12)}

/* --- About: the process as a connected timeline --- */
._d2a63d{list-style:none;margin:40px 0 0;padding:0;position:relative}
._d2a63d::before{content:"";position:absolute;left:27px;top:14px;bottom:14px;width:2px;
  background:linear-gradient(180deg,#f5900d,#a03a8f,#12aee1);opacity:.4}
._d2a63d li{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr);
  gap:clamp(18px,3vw,34px);padding-bottom:clamp(30px,4vw,46px)}
._d2a63d li:last-child{padding-bottom:0}
._a61760{position:relative;z-index:1;width:56px;height:56px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-family:'Outfit',sans-serif;font-weight:800;font-size:1rem;letter-spacing:.04em;
  color:var(--acc);background:#050505;border:2px solid var(--acc);
  box-shadow:0 0 26px -4px var(--acc),inset 0 0 18px -10px var(--acc)}
._019d7b{padding-top:6px}
._019d7b ._747c67{color:var(--acc);text-shadow:0 0 16px color-mix(in srgb,var(--acc) 60%,transparent)}
._019d7b h3{color:#fff}
@media (max-width:560px){
  ._d2a63d li{grid-template-columns:44px minmax(0,1fr)}
  ._a61760{width:44px;height:44px;font-size:.85rem}
  ._d2a63d::before{left:21px}
}

/* --- beats get a drawing gradient bar --- */
._772f62{position:relative;padding-left:22px}
._772f62::before{content:"";position:absolute;left:0;top:4px;width:3px;height:calc(100% - 8px);
  border-radius:2px;background:linear-gradient(180deg,#f5900d,#a03a8f,#12aee1);
  transform:scaleY(0);transform-origin:50% 0;transition:transform 1s cubic-bezier(.2,.7,.2,1) .15s;
  box-shadow:0 0 16px 1px rgba(245,144,13,.5)}
._772f62._bff1ba::before{transform:scaleY(1)}

/* --- section eyebrow chips on inner pages --- */
._006f97 ._6ce620 > h2{position:relative}

/* =====================================================================
   ONE CARD TREATMENT, EVERYWHERE
   Travelling gradient rail on every card on the site, not just the two
   that happened to carry ._343afa.
   ===================================================================== */
._e53e8f::before,._c88d42 li::before,._fd2928::before{
  content:"";position:absolute;left:0;top:0;bottom:0;right:auto;
  width:3px;height:auto;border-radius:0;z-index:2;pointer-events:none;
  background:linear-gradient(180deg,transparent 0%,#f5900d 16%,#e8542f 36%,#a03a8f 60%,#12aee1 82%,transparent 100%);
  background-size:100% 260%;
  animation:rail 6s linear infinite;
  box-shadow:0 0 22px 2px rgba(245,144,13,.75);
  transition:width .25s ease,box-shadow .25s ease;
}
/* offset each card so the lights are not marching in lockstep */
._414d55 > *:nth-child(2)::before,._c88d42 li:nth-child(2)::before{animation-delay:-1.5s}
._414d55 > *:nth-child(3)::before,._c88d42 li:nth-child(3)::before{animation-delay:-3s}
._414d55 > *:nth-child(4)::before,._c88d42 li:nth-child(4)::before{animation-delay:-4.5s}

._e53e8f:hover::before,._fd2928:hover::before{width:5px;box-shadow:0 0 34px 5px rgba(245,144,13,.95)}
._c88d42 li:hover::before{width:5px;box-shadow:0 0 34px 5px rgba(18,174,225,.95)}

/* the claim cards lose the little dash, so pull their text back in */
._c88d42 li{padding-left:clamp(28px,3.4vw,38px)}

/* per discipline accent still wins on the What We Do rails */
._bb5116 ._e53e8f::before{
  background:linear-gradient(180deg,transparent 0%,var(--acc) 22%,var(--acc) 74%,transparent 100%);
  background-size:100% 260%;box-shadow:0 0 22px 2px var(--acc);
}
._bb5116 ._e53e8f:hover::before{box-shadow:0 0 34px 5px var(--acc)}

/* the owner and person photos read as cards too */
._fd2928{position:relative;overflow:hidden}

@media (prefers-reduced-motion:reduce){
  ._e53e8f::before,._c88d42 li::before,._fd2928::before{animation:none;
    background:linear-gradient(180deg,#f5900d,#a03a8f,#12aee1)}
}

/* =====================================================================
   EASTER EGGS
   ===================================================================== */

/* --- the hidden panel --- */
._96fa67{position:fixed;right:clamp(14px,3vw,32px);bottom:clamp(14px,3vw,32px);z-index:400;
  width:min(400px,calc(100vw - 28px));padding:26px 28px 24px;border-radius:5px;
  background:linear-gradient(160deg,rgba(14,14,14,.97),rgba(5,5,5,.97));
  border:1px solid rgba(245,144,13,.45);backdrop-filter:blur(10px);
  box-shadow:0 0 60px -14px rgba(245,144,13,.9),0 24px 60px -30px #000;
  opacity:0;transform:translateY(26px) scale(.96);
  transition:opacity .4s cubic-bezier(.2,.7,.2,1),transform .4s cubic-bezier(.2,.7,.2,1)}
._96fa67._94e66a{opacity:1;transform:none}
._96fa67::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--grad);
  box-shadow:0 0 22px 2px rgba(245,144,13,.85)}
._96fa67 h3{color:var(--orange);margin:0 0 10px;font-size:1.4rem}
._96fa67 p{font-size:.95rem;line-height:1.6;margin:0 0 .9em;color:#dcdcdc}
._a50b65{font-family:'Outfit',sans-serif;font-size:.68rem!important;letter-spacing:.18em;
  text-transform:uppercase;color:var(--cyan)!important;margin-bottom:6px!important}
._c9151b{color:#8a8a8a!important;font-size:.85rem!important;margin-bottom:0!important}
._6ac7cc{position:absolute;top:8px;right:10px;background:none;border:0;cursor:pointer;
  color:#8a8a8a;font-size:1.5rem;line-height:1;padding:4px 8px}
._6ac7cc:hover{color:var(--orange)}

/* --- the HUD strip --- */
._b9cee4{position:fixed;left:50%;top:96px;transform:translateX(-50%);z-index:406;pointer-events:none;
  font-family:'Outfit',sans-serif;font-weight:800;font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;
  padding:11px 20px;border-radius:2px;white-space:nowrap}
._612973{color:#12aee1;border:1px solid rgba(18,174,225,.6);background:rgba(0,0,0,.8);
  box-shadow:0 0 30px -6px rgba(18,174,225,.9)}
._fc62ab{color:#000;background:var(--orange);box-shadow:0 0 40px 4px rgba(245,144,13,.95);
  animation:hudpulse .7s ease-in-out infinite}
@keyframes hudpulse{0%,100%{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.06)}}

/* --- X-Ray mode --- */
body._9d5e13 ._f46f33{opacity:1;
  background-image:
    linear-gradient(rgba(18,174,225,.42) 1px,transparent 1px),
    linear-gradient(90deg,rgba(18,174,225,.42) 1px,transparent 1px),
    repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 1px,transparent 1px 3px);
  background-size:28px 28px,28px 28px,100% 3px;
  mask-image:none;-webkit-mask-image:none}
body._9d5e13 ._10dcbe{opacity:.25}
body._9d5e13 main *,body._9d5e13 ._7dbb42 *,body._9d5e13 ._fd2e4a *{outline:1px solid rgba(18,174,225,.35);outline-offset:-1px}
body._9d5e13 ._e53e8f,body._9d5e13 ._c88d42 li,body._9d5e13 ._d2a63d li,body._9d5e13 ._fd2928{
  outline:1px dashed rgba(245,144,13,.75)!important;background:rgba(0,0,0,.55)!important;box-shadow:none!important}
body._9d5e13 section{outline:1px solid rgba(245,144,13,.28);outline-offset:-1px}
body._9d5e13 section::after{content:attr(class);position:absolute;top:4px;left:6px;z-index:60;
  font-family:ui-monospace,Menlo,monospace;font-size:9px;letter-spacing:.08em;color:rgba(18,174,225,.75)}
body._9d5e13 ._1c80d1{opacity:.85;filter:none}
body._9d5e13 ._37fdc5{opacity:0!important}

/* --- Konami: maximum overdrive --- */
body._2cd130 ._10dcbe span{animation-duration:3.5s!important;filter:blur(60px);opacity:.95}
body._2cd130 ._45e418{animation-duration:1.1s!important;box-shadow:0 0 40px rgba(245,144,13,1),0 0 90px rgba(18,174,225,.8)}
body._2cd130 ._e53e8f::before,body._2cd130 ._c88d42 li::before,body._2cd130 ._fd2928::before{
  animation-duration:.85s!important;width:6px;box-shadow:0 0 40px 6px rgba(245,144,13,1)}
body._2cd130 ._1c80d1{animation:spin 2.2s linear infinite!important;opacity:.8;
  filter:drop-shadow(0 0 50px rgba(245,144,13,1)) drop-shadow(0 0 90px rgba(18,174,225,.9))}
@keyframes spin{to{transform:rotate(360deg)}}
body._2cd130 ._5378ae{--train-speed:7;border-block-color:rgba(245,144,13,.75);
  box-shadow:0 0 90px -20px rgba(245,144,13,.9) inset}
body._2cd130 ._a9850c ._6d4ca5 span{animation-duration:2.2s!important}
body._2cd130 ._e9874e ._6d4ca5 span{-webkit-text-stroke-color:rgba(245,144,13,.9)}
body._2cd130 ._6d4ca5 i{box-shadow:0 0 40px 10px rgba(245,144,13,1)}
body._2cd130 h1,body._2cd130 h2{animation-duration:1.4s!important}
body._2cd130 ._e53e8f,body._2cd130 ._c88d42 li{
  box-shadow:0 0 70px -10px rgba(245,144,13,1),0 0 0 1px rgba(245,144,13,.4) inset!important;
  animation:jitter 2.4s ease-in-out infinite}
@keyframes jitter{0%,100%{translate:0 0}25%{translate:1px -2px}50%{translate:-1px 1px}75%{translate:2px 1px}}
body._2cd130 ._7dbb42{box-shadow:0 2px 0 rgba(245,144,13,.9),0 16px 50px -18px rgba(245,144,13,1)}
body._2cd130 main{animation:nukeshake 3.2s ease-in-out infinite}
@keyframes nukeshake{0%,100%{filter:saturate(1.3) contrast(1.05)}50%{filter:saturate(1.85) contrast(1.13)}}
body._2cd130::after{content:"";position:fixed;inset:0;z-index:399;pointer-events:none;
  background:radial-gradient(ellipse at 50% 50%,transparent 40%,rgba(245,144,13,.16) 100%);
  animation:throb 1.6s ease-in-out infinite}
@keyframes throb{0%,100%{opacity:.45}50%{opacity:1}}

@media (prefers-reduced-motion:reduce){
  ._fc62ab,body._2cd130 main,body._2cd130 ._e53e8f,body._2cd130 ._c88d42 li,body._2cd130::after,body._2cd130 ._1c80d1{animation:none!important}
  body._2cd130 ._5378ae{--train-speed:1}
  ._96fa67{transition:none}
}

/* --- the imitation game terminal --- */
._1df700{position:fixed;left:50%;top:50%;translate:-50% -50%;z-index:410;
  width:min(680px,calc(100vw - 28px));max-height:min(76vh,700px);overflow:auto;
  background:rgba(3,4,4,.97);border:1px solid rgba(18,174,225,.45);border-radius:6px;
  box-shadow:0 0 90px -18px rgba(18,174,225,.9),0 40px 90px -40px #000;
  backdrop-filter:blur(12px);
  opacity:0;transform:scale(.96);transition:opacity .35s ease,transform .35s cubic-bezier(.2,.7,.2,1)}
._1df700._94e66a{opacity:1;transform:none}
._1df700::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:6px;
  background:repeating-linear-gradient(0deg,rgba(18,174,225,.05) 0 1px,transparent 1px 3px)}
._7338a4{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:7px;
  padding:11px 14px;background:rgba(10,12,12,.96);border-bottom:1px solid rgba(18,174,225,.22)}
._7338a4 > span{width:10px;height:10px;border-radius:50%;background:#2a2f2f}
._7338a4 > span:first-child{background:#f5900d}
._7338a4 em{margin-left:10px;font-style:normal;font-family:ui-monospace,Menlo,monospace;
  font-size:.72rem;letter-spacing:.1em;color:#6f7a7a}
._4abd7c{margin-left:auto;background:none;border:0;color:#6f7a7a;font-size:1.3rem;line-height:1;cursor:pointer;padding:0 4px}
._4abd7c:hover{color:var(--cyan)}
._56da30{margin:0;padding:22px 24px 26px;white-space:pre-wrap;word-break:break-word;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86rem;line-height:1.65;color:#9fb3b3}
._ee2f47{color:#12aee1;font-weight:700;letter-spacing:.1em}
._ec1d8f{color:#7d8f8f}
._e692a6{color:#fff}
._477e8e{color:#f5900d}
._d96dc2{color:#a76fd0}
._e58c4d{color:#fff;font-weight:700}
._d301fc{display:inline-block;width:9px;height:1.05em;vertical-align:-2px;background:var(--cyan);
  box-shadow:0 0 10px 1px rgba(18,174,225,.9);animation:blink 1.05s step-end infinite}
@keyframes blink{0%,49%{opacity:1}50%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){._1df700{transition:none}._d301fc{animation:none}}

/* --- cookie table --- */
._ccb52f{width:100%;border-collapse:collapse;margin:0 0 1.4em;font-size:.92rem;display:block;overflow-x:auto}
._ccb52f th,._ccb52f td{text-align:left;padding:11px 14px;border:1px solid rgba(245,144,13,.18);vertical-align:top}
._ccb52f th{font-family:'Outfit',sans-serif;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--cyan);background:rgba(10,10,10,.7);white-space:nowrap}
._ccb52f td{color:#d6d6d6;background:rgba(6,6,6,.5)}
._ccb52f td:first-child{font-family:ui-monospace,Menlo,monospace;color:var(--orange);white-space:nowrap}

/* =====================================================================
   REWIND, TOAST, COMPLETION
   ===================================================================== */

/* --- type 2015: the site drops back to an old web page --- */
body._bd007b{background:#fff!important;color:#000!important;font-family:"Times New Roman",Times,serif!important;font-size:16px!important}
body._bd007b ._10dcbe,body._bd007b ._f46f33,body._bd007b ._fe5088,
body._bd007b ._37fdc5,body._bd007b ._dde84f,body._bd007b ._18ef89,
body._bd007b ._1c80d1,body._bd007b ._470372,body._bd007b ._6007d2{display:none!important}
body._bd007b *{animation:none!important;transition:none!important;transform:none!important;
  box-shadow:none!important;text-shadow:none!important;backdrop-filter:none!important;
  border-radius:0!important;opacity:1!important;letter-spacing:normal!important}
body._bd007b h1,body._bd007b h2,body._bd007b h3,body._bd007b h4{
  font-family:"Times New Roman",Times,serif!important;color:#000!important;background:none!important;
  -webkit-text-fill-color:#000!important;font-weight:700!important}
body._bd007b a{color:#0000ee!important;text-decoration:underline!important}
body._bd007b a:visited{color:#551a8b!important}
body._bd007b ._7dbb42,body._bd007b ._fd2e4a,body._bd007b ._006f97{background:#e8e8e8!important;border:1px solid #999!important}
body._bd007b ._e53e8f,body._bd007b ._c88d42 li,body._bd007b ._d2a63d li,body._bd007b ._fd2928{
  background:#f4f4f4!important;border:2px outset #ccc!important;color:#000!important}
body._bd007b ._e53e8f::before,body._bd007b ._c88d42 li::before,body._bd007b ._fd2928::before,
body._bd007b ._e53e8f::after,body._bd007b ._c88d42 li::after,body._bd007b ._bb5116::before{display:none!important}
body._bd007b ._ef034c,body._bd007b ._747c67,body._bd007b ._16fdc6,body._bd007b ._ce2cbe,body._bd007b p,body._bd007b li{color:#000!important}
body._bd007b ._45e418,body._bd007b ._d1f814{background:none!important;border-top:1px solid #999!important;height:1px!important}
body._bd007b ._c8d907{display:none!important}
body._bd007b img{filter:grayscale(1) contrast(.9)}
._e39eb7{position:fixed;left:0;right:0;bottom:0;z-index:420;background:#e8e8e8;border-top:2px solid #999;
  padding:8px 14px;font-family:"Times New Roman",Times,serif;font-size:13px;color:#000;
  display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
._e39eb7 p{margin:0}
._e39eb7 span{font-family:"Courier New",monospace;background:#000;color:#0f0;padding:1px 6px;letter-spacing:2px}

/* --- toast --- */
._ff2070{position:fixed;left:clamp(14px,3vw,30px);bottom:clamp(14px,3vw,30px);z-index:405;
  max-width:min(400px,calc(100vw - 28px));padding:16px 20px;border-radius:4px;cursor:pointer;
  background:linear-gradient(160deg,rgba(14,14,14,.97),rgba(5,5,5,.97));
  border:1px solid rgba(18,174,225,.4);backdrop-filter:blur(10px);
  box-shadow:0 0 46px -14px rgba(18,174,225,.85);
  font-size:.92rem;line-height:1.55;color:#dcdcdc;
  opacity:0;transform:translateY(18px);transition:opacity .35s ease,transform .35s cubic-bezier(.2,.7,.2,1)}
._ff2070._94e66a{opacity:1;transform:none}
._ff2070 strong{color:var(--orange)}
._ff2070 code{font-family:ui-monospace,Menlo,monospace;font-size:.85em;color:var(--cyan);
  background:rgba(18,174,225,.1);padding:1px 5px;border-radius:2px}

/* --- found them all --- */
._5834e5{position:fixed;inset:0;z-index:430;display:flex;align-items:center;justify-content:center;
  padding:20px;background:rgba(0,0,0,.82);backdrop-filter:blur(8px);
  opacity:0;transition:opacity .4s ease}
._5834e5._94e66a{opacity:1}
._b091f0{position:relative;width:min(460px,100%);padding:34px 34px 30px;border-radius:6px;text-align:center;
  background:linear-gradient(160deg,rgba(16,16,16,.98),rgba(5,5,5,.98));
  border:1px solid rgba(245,144,13,.5);
  box-shadow:0 0 90px -16px rgba(245,144,13,.95),0 40px 90px -40px #000;
  transform:scale(.94) translateY(16px);transition:transform .45s cubic-bezier(.2,.7,.2,1)}
._5834e5._94e66a ._b091f0{transform:none}
._69b6dc{position:absolute;top:8px;right:12px;background:none;border:0;color:#8a8a8a;
  font-size:1.6rem;line-height:1;cursor:pointer}
._69b6dc:hover{color:var(--orange)}
._0262f5{width:112px;height:112px;margin:0 auto 16px;display:block;
  filter:drop-shadow(0 0 30px rgba(245,144,13,.75));animation:wobble 5s ease-in-out infinite}
@keyframes wobble{0%,100%{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(5deg) translateY(-6px)}}
._5834e5 h3{margin:0 0 12px;font-size:1.7rem}
._5834e5 p{font-size:.95rem;line-height:1.6;color:#d4d4d4;margin:0 0 .9em}
._4f5969{font-family:'Outfit',sans-serif;font-size:.7rem!important;letter-spacing:.22em;
  text-transform:uppercase;color:var(--cyan)!important;margin-bottom:6px!important}
._43b0e3{color:#8a8a8a!important;font-size:.85rem!important;margin-bottom:0!important}

@media (prefers-reduced-motion:reduce){
  ._0262f5{animation:none}._ff2070,._5834e5,._b091f0{transition:none}
}

/* --- ownership, carried where a copy would keep it --- */
body::after{content:var(--dibb-rights);position:fixed;left:-99999px;top:0;
  font-size:1px;opacity:0;pointer-events:none}
._d33866{display:none}
body._9d5e13 ._fd2e4a::after{content:var(--dibb-rights) " / " var(--dibb-build);
  display:block;margin-top:14px;font-family:ui-monospace,Menlo,monospace;
  font-size:10px;letter-spacing:.06em;color:rgba(18,174,225,.8)}

/* --- printing any page stamps it --- */
@media print{
  body{background:#fff!important;color:#000!important}
  ._10dcbe,._f46f33,._fe5088,._37fdc5,._dde84f,._18ef89,._470372,._c8d907,._1c80d1{display:none!important}
  *{box-shadow:none!important;text-shadow:none!important;animation:none!important}
  h1,h2,h3,h4{color:#000!important;-webkit-text-fill-color:#000!important;background:none!important}
  a{color:#000!important;text-decoration:underline}
  a[href^="/"]::after{content:" (dibbmedia._6e452a" attr(href) ")";font-size:.8em;color:#555}
  main::after{content:var(--dibb-rights) " Build " var(--dibb-build) ". Printed from dibbmedia._6e452a.";
    display:block;margin-top:26px;padding-top:12px;border-top:1px solid #999;
    font-family:monospace;font-size:10pt;color:#000}
}

/* --- the achievement toast --- */
._ff2070 ._72858d{display:inline-block;font-family:'Outfit',sans-serif;font-size:.62rem;font-weight:800;
  letter-spacing:.2em;text-transform:uppercase;color:#000;background:var(--orange);
  padding:3px 8px;border-radius:2px;margin-bottom:9px;
  box-shadow:0 0 18px -2px rgba(245,144,13,.9)}
._ff2070 ._72858d + strong{display:block;font-family:'Outfit',sans-serif;font-size:1.15rem;
  color:#fff;line-height:1.25;margin-bottom:5px}
._ff2070 ._7037bf{font-family:ui-monospace,Menlo,monospace;font-size:.82rem;color:var(--cyan);
  border:1px solid rgba(18,174,225,.35);border-radius:2px;padding:1px 7px;margin-right:6px}

/* =====================================================================
   CARD SIZING INSIDE THE NARROW What We Do COLUMN
   The sticky index takes 252px, so that column is ~724px. Three columns
   there gives 224px cards with viewport-scaled padding, which left 152px
   for text and clipped any heading longer than one short word.
   ===================================================================== */
._110964{container-type:inline-size}

/* padding follows the card, not the window */
@container (max-width:900px){
  ._110964 ._e53e8f{padding:clamp(20px,3.6cqi,30px)}
}

/* two-up blocks stay two-up. At the 724px content column that is ~350px a
   card, which is workable once the padding stops scaling with the window. */
@container (max-width:560px){
  ._110964 ._b4c40f{grid-template-columns:minmax(0,1fr)}
}

/* three-up becomes full width rows: heading left, body right.
   Fixes the width, the clipping and the ragged equal-height gaps at once. */
._110964 ._729318{grid-template-columns:minmax(0,1fr);gap:clamp(12px,1.6vw,18px)}
._110964 ._729318 > ._e53e8f{
  display:grid;grid-template-columns:minmax(0,15rem) minmax(0,1fr);
  gap:clamp(16px,3cqi,34px);align-items:start;
  padding:clamp(20px,3.4cqi,30px) clamp(22px,3.6cqi,34px)}
._110964 ._729318 > ._e53e8f h3{grid-column:1;grid-row:1/-1;margin:0;align-self:center}
._110964 ._729318 > ._e53e8f p{grid-column:2;margin:0}
._110964 ._729318 > ._e53e8f p + p{margin-top:.8em}
@container (max-width:620px){
  ._110964 ._729318 > ._e53e8f{grid-template-columns:minmax(0,1fr)}
  ._110964 ._729318 > ._e53e8f h3{grid-row:auto;margin-bottom:.4em}
  ._110964 ._729318 > ._e53e8f p{grid-column:1}
}

/* nothing should ever clip a heading again */
h1,h2,h3,h4,._ef034c,._c88d42 li{overflow-wrap:break-word}
._e53e8f h3{hyphens:auto}

/* footer: when it drops to two columns the brand block would orphan,
   so let it span and keep the two link columns paired underneath */
@media (max-width:880px){
  ._31bab3{grid-template-columns:repeat(2,minmax(0,1fr))}
  ._ce0895{grid-column:1/-1}
}
@media (max-width:460px){
  ._31bab3{grid-template-columns:minmax(0,1fr)}
}

/* =====================================================================
   THE TRAIN
   Two rows of train-car sized type running opposite directions. One row
   filled from the brand gradient, one cut to outline. Scroll nudges the
   speed, so the whole band leans with the page.
   ===================================================================== */
._5378ae{position:relative;overflow:hidden;padding-block:clamp(18px,2.6vw,34px);
  border-block:1px solid rgba(245,144,13,.16);
  background:linear-gradient(180deg,rgba(6,6,6,.55),rgba(0,0,0,.75));
  --train-speed:1;
  mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
._1871d2{overflow:hidden}
._6d4ca5{display:flex;width:max-content;align-items:center;will-change:transform}
._6d4ca5 span{
  font-family:'Outfit',sans-serif;font-weight:900;letter-spacing:-.035em;line-height:.94;
  font-size:clamp(2.6rem,8.5vw,7.5rem);white-space:nowrap;padding-inline:.18em;text-transform:uppercase}
._6d4ca5 i{flex:0 0 auto;width:clamp(14px,1.6vw,26px);height:clamp(14px,1.6vw,26px);
  border-radius:50%;background:var(--grad);box-shadow:0 0 26px 5px rgba(245,144,13,.75);
  margin-inline:.1em}

/* row one: filled from the gradient */
._a9850c ._6d4ca5 span{
  background:linear-gradient(96deg,#f5900d 0%,#e8542f 26%,#a03a8f 58%,#12aee1 88%,#f5900d 100%);
  background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;
  animation:trainhue 14s linear infinite}
@keyframes trainhue{to{background-position:220% 0}}
._a9850c ._6d4ca5{animation:trainA 34s linear infinite;
  animation-duration:calc(34s / var(--train-speed))}
@keyframes trainA{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}

/* row two: outline only, running the other way */
._e9874e{margin-top:clamp(-14px,-1.2vw,-4px)}
._e9874e ._6d4ca5 span{
  color:transparent;-webkit-text-stroke:1.5px rgba(245,144,13,.45);
  text-shadow:0 0 34px rgba(245,144,13,.18)}
._e9874e ._6d4ca5 i{background:none;border:2px solid rgba(18,174,225,.5);box-shadow:none}
._e9874e ._6d4ca5{animation:trainB 41s linear infinite;
  animation-duration:calc(41s / var(--train-speed))}
@keyframes trainB{from{transform:translate3d(-50%,0,0)}to{transform:translate3d(0,0,0)}}

/* a rail of light top and bottom so it reads as a band, not a strip of text */
._5378ae::before,._5378ae::after{content:"";position:absolute;left:0;right:0;height:2px;z-index:2;
  background:linear-gradient(90deg,transparent,#f5900d 20%,#a03a8f 50%,#12aee1 80%,transparent);
  opacity:.75;box-shadow:0 0 18px rgba(245,144,13,.55)}
._5378ae::before{top:0}
._5378ae::after{bottom:0}

@media (max-width:640px){
  ._6d4ca5 span{font-size:clamp(2rem,13vw,3.4rem)}
  ._e9874e{margin-top:-6px}
}

/* =====================================================================
   KINETIC HEADLINE
   ===================================================================== */
._6576e6{display:inline-block;overflow:hidden;vertical-align:bottom}
._6576e6 > i{display:inline-block;font-style:inherit;transform:translateY(105%) rotate(4deg);
  opacity:0;will-change:transform,opacity}
._d5ed20 ._6576e6 > i{animation:kinup .82s cubic-bezier(.16,1,.3,1) forwards}
@keyframes kinup{to{transform:translateY(0) rotate(0);opacity:1}}

/* =====================================================================
   GRAIN, SCROLLBAR, PAGE TRANSITIONS
   ===================================================================== */
._dc1b4a{position:fixed;inset:-120px;z-index:1;pointer-events:none;opacity:.32;
  mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www._1e15af._dd8f56/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");
  animation:grainshift 6s steps(6) infinite}
@keyframes grainshift{
  0%{transform:translate(0,0)}20%{transform:translate(-14px,9px)}40%{transform:translate(11px,-13px)}
  60%{transform:translate(-9px,-8px)}80%{transform:translate(13px,11px)}100%{transform:translate(0,0)}}

html{scrollbar-color:#f5900d #0a0a0a;scrollbar-width:thin}
::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-track{background:#070707}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#f5900d,#a03a8f,#12aee1);
  border-radius:99px;border:2px solid #070707}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ffa927,#c04aa9,#2fc4f5)}

@view-transition{navigation:auto}
::view-transition-old(root){animation:vtOut .28s cubic-bezier(.4,0,1,1) both}
::view-transition-new(root){animation:vtIn .42s cubic-bezier(0,0,.2,1) both}
@keyframes vtOut{to{opacity:0;transform:translateY(-14px) scale(.994)}}
@keyframes vtIn{from{opacity:0;transform:translateY(18px) scale(.994)}}

/* magnetic badge */
._6007d2{transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s ease;will-change:transform}
._6007d2._260bca{transition:transform .06s linear}

@media (prefers-reduced-motion:reduce){
  ._6d4ca5,._a9850c ._6d4ca5 span,._dc1b4a{animation:none!important}
  ._6576e6 > i{animation:none;transform:none;opacity:1}
  ::view-transition-old(root),::view-transition-new(root){animation:none}
}

/* ===================================================================
   COOKIE CONSENT
   Clarity is not on the page until this says yes. A banner shown while
   the tracker has already run is worse than no banner at all, so the
   script tag is injected by site._ca8552 on Allow and never before.
   =================================================================== */
._84997a{position:fixed;left:clamp(14px,3vw,30px);bottom:clamp(14px,3vw,30px);z-index:420;
  max-width:min(430px,calc(100vw - 28px));
  background:linear-gradient(160deg,rgba(14,14,14,.98),rgba(5,5,5,.98));
  border:1px solid rgba(245,144,13,.32);border-left:2px solid var(--orange);
  box-shadow:0 24px 70px rgba(0,0,0,.75),0 0 60px -24px rgba(245,144,13,.5);
  backdrop-filter:blur(12px);
  transform:translateY(130%);transition:transform .55s cubic-bezier(.16,1,.3,1)}
._84997a._a1f9ef{transform:none}
._742538{padding:20px 22px 18px}
._84997a p{margin:0;font-size:.92rem;line-height:1.6;color:#c9c9c9}
._84997a a{color:var(--orange)}
._767935{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}
._84997a ._0595fe{font:inherit;font-family:'Outfit',sans-serif;font-weight:800;font-size:.76rem;
  letter-spacing:.14em;text-transform:uppercase;padding:10px 20px;border-radius:2px;
  cursor:pointer;border:1px solid transparent;transition:filter .2s ease,border-color .2s ease,color .2s ease}
._84997a ._cd9708{background:var(--orange);color:#000;box-shadow:0 0 26px -8px rgba(245,144,13,.9)}
._84997a ._cd9708:hover{filter:brightness(1.12)}
._84997a ._46a78e{background:none;color:#9a9a9a;border-color:rgba(255,255,255,.16)}
._84997a ._46a78e:hover{color:#fff;border-color:rgba(255,255,255,.4)}
._84997a ._0595fe:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
._3beb45{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;
  border-bottom:1px solid rgba(255,255,255,.22)}
._3beb45:hover{color:var(--orange);border-bottom-color:var(--orange)}
@media (prefers-reduced-motion:reduce){._84997a{transition:none}}
