/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 11 2026 | 18:51:09 */
/* DIW hub pages shared styles (Oct 2026): Programs & Classes, Partnerships, Support and Resources.
   These rules used to be repeated inside each hub page's Elementor HTML widget. One cached file now serves all four pages.
   To undo: switch off the WPCode snippet "DIW hub pages shared style file" and restore each hub widget from its page revision history. */

/* Programs hub (Oct 2026). Hides the old page sections while this widget is on the page. To undo: delete this widget. */
body.page-id-12013 .elementor-12013>.e-con:not(.diwhub-host),body.page-id-12013 .elementor-12013>.elementor-section:not(.diwhub-host),body.page-id-12013 .elementor-12013>.elementor-element:not(.diwhub-host){display:none!important}
body.page-id-12013 .diwhub-host,body.page-id-12013 .diwhub-host>.e-con-inner,body.page-id-12013 .diwhub-host .elementor-widget-html,body.page-id-12013 .diwhub-host .elementor-widget-container{padding:0!important;margin:0!important;max-width:none!important;width:100%!important;overflow:visible!important}

/* Layout: the DIW programs hub. Dark hero with the program finder beside the headline, a floating glass pill switcher, photo cards grouped by audience on tinted glass sections. Each audience uses the colours of its own program page, and the page shifts between them. One committed DIW look, so a single theme. */
@property --hx-d1{syntax:'<color>';inherits:true;initial-value:#1f1813}
@property --hx-d2{syntax:'<color>';inherits:true;initial-value:#0c0907}
@property --hx-b1{syntax:'<color>';inherits:true;initial-value:#f3c66f}
@property --hx-b2{syntax:'<color>';inherits:true;initial-value:#f89e93}
@property --hx-b3{syntax:'<color>';inherits:true;initial-value:#8fd0a4}
@property --hx-b4{syntax:'<color>';inherits:true;initial-value:#8fbef0}
@property --hx-a{syntax:'<color>';inherits:true;initial-value:#f3c66f}
@property --hx-ai{syntax:'<color>';inherits:true;initial-value:#8a5a00}
@property --hx-g1{syntax:'<color>';inherits:true;initial-value:#fff6df}
@property --hx-g2{syntax:'<color>';inherits:true;initial-value:#f6dc9c}
@property --hx-g3{syntax:'<color>';inherits:true;initial-value:#ecc47c}
@property --hx-l1{syntax:'<color>';inherits:true;initial-value:#fbf3e2}
@property --hx-l2{syntax:'<color>';inherits:true;initial-value:#f6f5f2}
#diwhub{
  --ink:#16110e; --ink-2:#4a3f37; --ink-3:#7a6d62; --white:#ffffff;
  --chrome:#191919; --tool:#2a2420; --tool-ink:#f4efe8; --honey:#f3c66f;
  --font:"Jost","Futura","Avenir Next","Century Gothic",system-ui,sans-serif;
  color-scheme:light;
}
/* audience colours, taken from each program page */
#diwhub.t-all,#diwhub .t-all{--hx-d1:#1f1813;--hx-d2:#0c0907;--hx-b1:#f3c66f;--hx-b2:#f89e93;--hx-b3:#8fd0a4;--hx-b4:#d4a96a;--hx-a:#f3c66f;--hx-ai:#3a2a00;--hx-g1:#fff6df;--hx-g2:#f6dc9c;--hx-g3:#ecc47c;--hx-l1:#fbf3e2;--hx-l2:#f6f5f2}
#diwhub.t-visits,#diwhub .t-visits{--hx-d1:#341e1b;--hx-d2:#160c0b;--hx-b1:#f89e93;--hx-b2:#fed0c6;--hx-b3:#cd5b51;--hx-b4:#f9b6a8;--hx-a:#ffd8cf;--hx-ai:#832b26;--hx-g1:#fff5f2;--hx-g2:#fed0c6;--hx-g3:#f89e93;--hx-l1:#feeae5;--hx-l2:#f5f9fd}
#diwhub.t-perf,#diwhub .t-perf{--hx-d1:#2e1915;--hx-d2:#120a08;--hx-b1:#f2917a;--hx-b2:#f9c7b8;--hx-b3:#c95a43;--hx-b4:#f4ab98;--hx-a:#fbd3c7;--hx-ai:#7a2a1b;--hx-g1:#fff2ee;--hx-g2:#f9c7b8;--hx-g3:#f2917a;--hx-l1:#fbe9e4;--hx-l2:#fdf6f4}
#diwhub.t-pd,#diwhub .t-pd{--hx-d1:#2c1e19;--hx-d2:#120c0a;--hx-b1:#d4a96a;--hx-b2:#fdd9b7;--hx-b3:#b8845c;--hx-b4:#e8b48f;--hx-a:#f3d3b4;--hx-ai:#6b4529;--hx-g1:#fff1e4;--hx-g2:#fdd9b7;--hx-g3:#d4a96a;--hx-l1:#f8ebe0;--hx-l2:#fcf6f1}
#diwhub.t-youth,#diwhub .t-youth{--hx-d1:#341e1b;--hx-d2:#160c0b;--hx-b1:#f89e93;--hx-b2:#fed0c6;--hx-b3:#cd5b51;--hx-b4:#f9b6a8;--hx-a:#ffd8cf;--hx-ai:#832b26;--hx-g1:#fff5f2;--hx-g2:#fed0c6;--hx-g3:#f89e93;--hx-l1:#feeae5;--hx-l2:#f5f9fd}
#diwhub.t-adults,#diwhub .t-adults{--hx-d1:#2c1a01;--hx-d2:#120a02;--hx-b1:#f0b400;--hx-b2:#eccc8d;--hx-b3:#e49600;--hx-b4:#efc05c;--hx-a:#edd19b;--hx-ai:#5d3a00;--hx-g1:#fbf2e1;--hx-g2:#eccc8d;--hx-g3:#f0b400;--hx-l1:#f6ead4;--hx-l2:#fbf6ed}
#diwhub.t-artists,#diwhub .t-artists{--hx-d1:#1c2533;--hx-d2:#0b0f15;--hx-b1:#8fbef0;--hx-b2:#c4e0f7;--hx-b3:#4f86c9;--hx-b4:#a9cdf2;--hx-a:#cfe5fa;--hx-ai:#1d4f80;--hx-g1:#f2f8ff;--hx-g2:#c4e0f7;--hx-g3:#8fbef0;--hx-l1:#e6f0fb;--hx-l2:#f5f9fd}
#diwhub.t-orgs,#diwhub .t-orgs{--hx-d1:#17221b;--hx-d2:#0a0f0c;--hx-b1:#8fd0a4;--hx-b2:#c8e8d0;--hx-b3:#3f9563;--hx-b4:#a8dcb8;--hx-a:#c8e8d0;--hx-ai:#1f5f38;--hx-g1:#f3fbf5;--hx-g2:#c8e8d0;--hx-g3:#8fd0a4;--hx-l1:#e7f4eb;--hx-l2:#f5fbf7}
#diwhub.tone,#diwhub .tone{transition:--hx-d1 .9s ease,--hx-d2 .9s ease,--hx-b1 .9s ease,--hx-b2 .9s ease,--hx-b3 .9s ease,--hx-b4 .9s ease,--hx-a .9s ease,--hx-ai .9s ease,--hx-g1 .9s ease,--hx-g2 .9s ease,--hx-g3 .9s ease,--hx-l1 .9s ease,--hx-l2 .9s ease}

#diwhub .nav{background:var(--chrome);display:flex;align-items:center;gap:28px;padding:14px 40px;color:#fff;font-size:13px;letter-spacing:.04em}
#diwhub .nav img{height:34px;width:auto;margin-right:auto}
#diwhub .nav span{white-space:nowrap}
#diwhub .nav .burger{display:none;width:22px;height:14px;border-block:2px solid #fff;position:relative}
#diwhub .nav .burger:after{content:"";position:absolute;left:0;right:0;top:4px;border-top:2px solid #fff}
@container hxsite (max-width:900px){#diwhub .nav{padding:12px 18px}#diwhub .nav span{display:none}#diwhub .nav .burger{display:block}}

/* hero */
#diwhub .hero{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:linear-gradient(180deg,var(--hx-d1) 0%,var(--hx-d2) 100%)}
#diwhub .mesh{position:absolute;inset:-20%;z-index:-2;pointer-events:none;
  background:radial-gradient(30% 34% at 18% 26%,color-mix(in srgb,var(--hx-b1) 46%,transparent),transparent 70%),
    radial-gradient(28% 32% at 82% 22%,color-mix(in srgb,var(--hx-b2) 38%,transparent),transparent 70%),
    radial-gradient(34% 36% at 70% 82%,color-mix(in srgb,var(--hx-b3) 42%,transparent),transparent 70%),
    radial-gradient(26% 30% at 28% 86%,color-mix(in srgb,var(--hx-b4) 30%,transparent),transparent 70%);
  animation:hx-drift 26s ease-in-out infinite alternate}
@keyframes hx-drift{0%{transform:translate3d(0,0,0) scale(1) rotate(0)}50%{transform:translate3d(3%,-2%,0) scale(1.06) rotate(4deg)}100%{transform:translate3d(-3%,2%,0) scale(1.02) rotate(-3deg)}}
#diwhub .grain:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
#diwhub .hero .in{max-width:1240px;margin:0 auto;padding:84px 40px 108px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:56px;align-items:center}
#diwhub .eyebrow{display:inline-flex;align-items:center;gap:8px;background:color-mix(in srgb,var(--hx-a) 88%,transparent);color:var(--hx-ai);font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;padding:8px 14px;border-radius:999px;width:max-content;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 8px 24px color-mix(in srgb,var(--hx-b1) 30%,transparent)}
#diwhub .eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
#diwhub .hero h1{margin:22px 0 0;font-weight:700;text-transform:uppercase;line-height:.98;font-size:clamp(40px,5.4cqi,74px);letter-spacing:-.005em;text-wrap:balance}
#diwhub .glow{background:linear-gradient(100deg,var(--hx-g1) 0%,var(--hx-g2) 35%,var(--hx-g3) 55%,var(--hx-g1) 80%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:hx-sheen 10s ease-in-out infinite;filter:drop-shadow(0 2px 14px color-mix(in srgb,var(--hx-g3) 30%,transparent))}
@keyframes hx-sheen{0%,100%{background-position:0% 0}50%{background-position:100% 0}}
#diwhub .hero p.lede{margin:22px 0 0;font-size:17px;line-height:1.6;color:rgba(255,255,255,.84);max-width:46ch}
#diwhub .hero .links{margin-top:28px;display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center}
#diwhub .btn{display:inline-block;text-decoration:none;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;padding:15px 24px;border-radius:999px;transition:transform .15s ease,filter .2s}
#diwhub .btn:active{transform:scale(.95)}
#diwhub .btn:hover{filter:brightness(1.06)}
#diwhub .btn-y{background:linear-gradient(180deg,color-mix(in srgb,var(--hx-a) 70%,#fff),var(--hx-a));color:var(--hx-ai);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 12px 30px color-mix(in srgb,var(--hx-b1) 38%,transparent)}
#diwhub .btn-g{background:rgba(255,255,255,.12);color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
#diwhub .tlink{font-size:14px;color:#fff;text-decoration:underline;text-underline-offset:5px;text-decoration-color:rgba(255,255,255,.5)}

/* finder: dark liquid glass */
#diwhub .finder{position:relative;border-radius:32px;padding:30px;background:linear-gradient(155deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,.06) 45%,rgba(255,255,255,.10) 100%);-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(255,255,255,.08),inset 1px 0 0 rgba(255,255,255,.08),0 40px 90px rgba(0,0,0,.45),0 0 0 .5px rgba(255,255,255,.06);min-height:440px;display:flex;flex-direction:column}
#diwhub .finder:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(80% 50% at 10% 0%,rgba(255,255,255,.20),transparent 60%),radial-gradient(60% 40% at 100% 100%,color-mix(in srgb,var(--hx-b1) 22%,transparent),transparent 70%)}
#diwhub .f-top{position:relative;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.72)}
#diwhub .f-dots{display:flex;gap:6px}
#diwhub .f-dots i{width:22px;height:4px;border-radius:4px;background:rgba(255,255,255,.2);transition:background .4s}
#diwhub .f-dots i.on{background:var(--hx-g2)}
#diwhub .f-q{position:relative;margin:22px 0 18px;font-size:26px;line-height:1.15;font-weight:600;text-wrap:balance}
#diwhub .f-opts{position:relative;display:grid;gap:10px}
#diwhub .f-opt{all:unset;cursor:pointer;display:flex;align-items:center;gap:14px;padding:15px 16px;border-radius:18px;background:rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.14);font-size:16px;transition:background .25s,transform .15s,box-shadow .25s}
#diwhub .f-opt .dot{flex:none;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0%,var(--oc,var(--hx-g2)) 45%,color-mix(in srgb,var(--oc,var(--hx-g3)) 70%,#000) 100%);box-shadow:0 0 18px color-mix(in srgb,var(--oc,var(--hx-g2)) 55%,transparent)}
#diwhub .f-opt .tx{flex:1}
#diwhub .f-opt small{display:block;font-size:13px;color:rgba(255,255,255,.62);margin-top:3px}
#diwhub .f-opt:after{content:"";flex:none;width:8px;height:8px;border-top:2px solid rgba(255,255,255,.55);border-right:2px solid rgba(255,255,255,.55);transform:rotate(45deg);margin-right:4px}
#diwhub .f-opt:hover{background:color-mix(in srgb,var(--oc,#fff) 18%,rgba(255,255,255,.08));box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 10px 30px color-mix(in srgb,var(--oc,#000) 18%,transparent)}
#diwhub .f-opt:active{transform:scale(.97)}
#diwhub .f-opt:focus-visible{outline:2px solid var(--hx-g2)}
#diwhub .f-back{all:unset;cursor:pointer;position:relative;margin-top:auto;padding-top:18px;font-size:13px;color:rgba(255,255,255,.72);text-decoration:underline;text-underline-offset:4px;width:max-content}
#diwhub .f-res{position:relative;display:grid;gap:16px}
#diwhub .f-res img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:18px;display:block;box-shadow:0 18px 40px rgba(0,0,0,.4)}
#diwhub .f-res h3{margin:0;font-size:24px;font-weight:600;line-height:1.15}
#diwhub .f-res p{margin:0;font-size:15px;line-height:1.6;color:rgba(255,255,255,.86)}
#diwhub .chips{display:flex;flex-wrap:wrap;gap:6px}
#diwhub .chip{font-size:12px;font-weight:500;padding:6px 11px;border-radius:999px;background:color-mix(in srgb,var(--hx-a) 22%,rgba(255,255,255,.08));color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}
#diwhub .f-also{font-size:14px;color:rgba(255,255,255,.76)}
#diwhub .f-also a{color:var(--hx-g2)}
#diwhub .f-step{animation:hx-fin .4s cubic-bezier(.2,.8,.2,1) both}
@keyframes hx-fin{from{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:none}}
@container hxsite (max-width:900px){
  #diwhub .hero .in{grid-template-columns:1fr;padding:44px 20px 64px;gap:34px}
  #diwhub .hero h1{font-size:40px}
  #diwhub .finder{padding:22px;min-height:0;border-radius:28px}
  #diwhub .f-q{font-size:22px}
}

/* floating glass switcher */
#diwhub .pills{position:sticky;top:34px;z-index:20;height:0;display:flex;align-items:flex-start;justify-content:center;padding:0 16px}
#diwhub .cap{position:relative;transform:translateY(-50%);display:flex;gap:2px;padding:5px;border-radius:999px;max-width:100%;overflow-x:auto;scrollbar-width:none;
  background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.52));-webkit-backdrop-filter:blur(28px) saturate(190%);backdrop-filter:blur(28px) saturate(190%);
  box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(255,255,255,.4),0 18px 40px -10px color-mix(in srgb,var(--hx-b3) 45%,rgba(22,17,14,.3)),0 2px 6px rgba(22,17,14,.08)}
#diwhub .cap::-webkit-scrollbar{display:none}
#diwhub .thumb{position:absolute;top:5px;bottom:5px;left:5px;width:80px;border-radius:999px;background:linear-gradient(180deg,color-mix(in srgb,var(--hx-a) 55%,#fff),var(--hx-a));box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 6px 18px color-mix(in srgb,var(--hx-b3) 40%,transparent);transition:left .45s cubic-bezier(.3,1.3,.4,1),width .45s cubic-bezier(.3,1.3,.4,1)}
#diwhub .pill{all:unset;position:relative;z-index:1;cursor:pointer;white-space:nowrap;font-size:14px;font-weight:500;padding:11px 18px;border-radius:999px;color:var(--ink-2);transition:color .3s,transform .15s}
#diwhub .pill:active{transform:scale(.95)}
#diwhub .pill[aria-pressed=true]{color:var(--hx-ai);font-weight:600}
#diwhub .pill:focus-visible{outline:2px solid var(--hx-ai)}
#diwhub .pill .sw{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px;vertical-align:1px;background:var(--sw);box-shadow:0 0 8px var(--sw)}
@container hxsite (max-width:900px){#diwhub .pills{justify-content:flex-start;padding:0 12px}#diwhub .pill{font-size:13px;padding:10px 14px}}

/* program groups: tinted glass sections */
#diwhub .group{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,var(--hx-l2) 0%,var(--hx-l1) 100%)}
#diwhub .group .blob{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(34% 40% at 90% 18%,color-mix(in srgb,var(--hx-b1) 42%,transparent),transparent 70%),radial-gradient(30% 36% at 6% 62%,color-mix(in srgb,var(--hx-b2) 50%,transparent),transparent 70%),radial-gradient(30% 30% at 70% 96%,color-mix(in srgb,var(--hx-b4) 36%,transparent),transparent 70%)}
#diwhub .group .wrap{max-width:1240px;margin:0 auto;padding:86px 40px 76px}
#diwhub .group:first-child .wrap{padding-top:100px}
#diwhub .g-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 48px;align-items:end;margin-bottom:32px}
#diwhub .kick{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--hx-ai)}
#diwhub .kick:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--hx-b3);box-shadow:0 0 10px var(--hx-b1)}
#diwhub .g-head h2{margin:12px 0 0;font-size:clamp(28px,3.2cqi,44px);line-height:1.02;font-weight:700;text-transform:uppercase;text-wrap:balance}
#diwhub .g-head h2 em{font-style:normal;background:linear-gradient(100deg,var(--hx-b3),color-mix(in srgb,var(--hx-b3) 55%,var(--ink)));-webkit-background-clip:text;background-clip:text;color:transparent}
#diwhub .g-head p{margin:0;font-size:16px;line-height:1.65;color:var(--ink-2);max-width:60ch}
#diwhub .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
#diwhub .cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}
#diwhub .card{position:relative;display:flex;flex-direction:column;border-radius:28px;padding:12px;text-decoration:none;color:var(--ink);
  background:linear-gradient(155deg,rgba(255,255,255,.66) 0%,rgba(255,255,255,.34) 55%,rgba(255,255,255,.48) 100%);-webkit-backdrop-filter:blur(28px) saturate(180%);backdrop-filter:blur(28px) saturate(180%);
  box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(255,255,255,.5),0 30px 60px -24px color-mix(in srgb,var(--hx-b3) 55%,rgba(60,44,30,.35)),0 2px 8px rgba(22,17,14,.04);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
#diwhub .card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(70% 40% at 0% 0%,rgba(255,255,255,.55),transparent 60%)}
#diwhub .card:hover{transform:translateY(-6px)}
#diwhub .card:active{transform:scale(.98)}
#diwhub .card .ph{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:4/3;background:transparent;box-shadow:0 14px 30px -8px rgba(0,0,0,.25)}
#diwhub .card .ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
#diwhub .card:hover .ph img{transform:scale(1.03)}
#diwhub .card .body{position:relative;padding:18px 10px 10px;display:flex;flex-direction:column;gap:10px;flex:1}
#diwhub .card .tag{font-size:10.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--hx-ai)}
#diwhub .card h3{margin:0;font-size:22px;font-weight:600;line-height:1.15}
#diwhub .card p{margin:0;font-size:15px;line-height:1.6;color:var(--ink-2)}
#diwhub .card .chip{background:color-mix(in srgb,var(--hx-a) 60%,rgba(255,255,255,.6));color:var(--hx-ai);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
#diwhub .card .go{margin-top:auto;padding-top:8px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--hx-ai)}
#diwhub .card .go:after{content:"";width:7px;height:7px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg);transition:transform .25s}
#diwhub .card:hover .go:after{transform:translate(3px,0) rotate(45deg)}
#diwhub .card.flag{grid-column:span 2;flex-direction:row}
#diwhub .card.flag .ph{flex:1.25;aspect-ratio:auto;min-height:340px}
#diwhub .card.flag .body{flex:1;padding:26px 26px 18px}
#diwhub .card.flag h3{font-size:28px}
#diwhub .mini{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}
#diwhub .mcard{position:relative;display:flex;gap:16px;align-items:center;border-radius:24px;padding:12px;text-decoration:none;color:var(--ink);background:linear-gradient(155deg,rgba(255,255,255,.62),rgba(255,255,255,.36));-webkit-backdrop-filter:blur(26px) saturate(180%);backdrop-filter:blur(26px) saturate(180%);box-shadow:inset 0 1px 0 #fff,0 20px 40px -20px color-mix(in srgb,var(--hx-b3) 50%,transparent);transition:transform .3s}
#diwhub .mcard:hover{transform:translateY(-3px)}
#diwhub .mcard img{width:96px;height:96px;object-fit:cover;border-radius:16px;flex:none}
#diwhub .mcard b{display:block;font-size:17px;font-weight:600}
#diwhub .mcard span{display:block;font-size:14px;line-height:1.5;color:var(--ink-2);margin-top:4px}
#diwhub .group[hidden]{display:none}
#diwhub .dots{display:none}
@container hxsite (max-width:900px){
  #diwhub .group .wrap{padding:64px 0 40px}
  #diwhub .group:first-child .wrap{padding-top:72px}
  #diwhub .g-head{grid-template-columns:1fr;padding:0 20px;margin-bottom:20px}
  #diwhub .g-head h2{font-size:28px}
  #diwhub .cards,#diwhub .cards.two{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding:6px 20px 30px;scroll-padding-inline:20px;scrollbar-width:none;overscroll-behavior-x:contain}
  #diwhub .cards::-webkit-scrollbar{display:none}
  #diwhub .card,#diwhub .card.flag{flex:0 0 84%;scroll-snap-align:start;scroll-snap-stop:always;flex-direction:column}
  #diwhub .card.flag .ph{aspect-ratio:4/3;min-height:0;flex:none}
  #diwhub .card.flag .body{padding:18px 10px 10px}
  #diwhub .card.flag h3{font-size:22px}
  #diwhub .dots{display:flex;justify-content:center;gap:7px;margin-top:-12px}
  #diwhub .dots i{width:7px;height:7px;border-radius:50%;background:color-mix(in srgb,var(--hx-ai) 22%,transparent);transition:background .2s,width .2s}
  #diwhub .dots i.on{background:var(--hx-ai);width:18px;border-radius:5px}
  #diwhub .mini{grid-template-columns:1fr;padding:0 20px;gap:12px}
}

/* stats + quote + close */
#diwhub .stats{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,var(--hx-d1),var(--hx-d2));color:#fff;padding:64px 40px}
#diwhub .stats .row{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
#diwhub .stat{border-radius:22px;padding:20px;background:linear-gradient(155deg,rgba(255,255,255,.12),rgba(255,255,255,.04));-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
#diwhub .stat b{display:block;font-size:38px;font-weight:600;letter-spacing:-.01em;font-variant-numeric:tabular-nums;background:linear-gradient(100deg,var(--hx-g1),var(--hx-g2));-webkit-background-clip:text;background-clip:text;color:transparent}
#diwhub .stat span{display:block;margin-top:6px;font-size:14px;line-height:1.45;color:rgba(255,255,255,.72)}
#diwhub .quote{max-width:900px;margin:0 auto;padding:34px 0 0;font-size:20px;line-height:1.55;color:rgba(255,255,255,.9)}
#diwhub .quote cite{display:block;margin-top:12px;font-size:13px;font-style:normal;letter-spacing:.16em;text-transform:uppercase;color:var(--hx-g2)}
#diwhub .qwrap{max-width:1240px;margin:44px auto 0}
#diwhub .close{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,var(--hx-d2) 0%,var(--hx-d1) 100%);color:#fff;text-align:center;padding:96px 24px 108px}
#diwhub .close h2{margin:0;font-size:clamp(34px,4.4cqi,60px);font-weight:700;text-transform:uppercase;line-height:1}
#diwhub .close p{margin:18px auto 30px;max-width:56ch;font-size:17px;line-height:1.6;color:rgba(255,255,255,.82)}
#diwhub .close .links{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
@container hxsite (max-width:900px){
  #diwhub .stats{padding:44px 20px}
  #diwhub .stats .row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  #diwhub .stat b{font-size:30px}
  #diwhub .quote{font-size:17px}
}
@media (prefers-reduced-motion:reduce){#diwhub .glow,#diwhub .mesh,#diwhub .f-step{animation:none}#diwhub .card,#diwhub,#diwhub .thumb,#diwhub.tone,#diwhub .tone{transition:none}}
/* version B: motion banner, quick links, finder band */
#diwhub .banner{position:relative;isolation:isolate;overflow:hidden;color:#fff;height:clamp(520px,50cqi,680px);background:var(--hx-d2)}
#diwhub .banner video,#diwhub .banner .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
#diwhub .banner:after{content:"";position:absolute;inset:auto 0 0 0;height:30%;z-index:-1;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--hx-d2) 55%,transparent))}
#diwhub .b-in{position:absolute;inset:auto 0 0 0;max-width:1240px;margin:0 auto;padding:0 40px 56px}
#diwhub .b-glass{width:min(100%,520px);border-radius:32px;padding:30px 32px 32px;background:linear-gradient(155deg,rgba(255,255,255,.20),rgba(255,255,255,.06));-webkit-backdrop-filter:blur(26px) saturate(170%);backdrop-filter:blur(26px) saturate(170%);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(255,255,255,.08),0 30px 70px rgba(0,0,0,.35)}
#diwhub .b-glass h1{margin:0;font-weight:700;text-transform:uppercase;line-height:.98;font-size:clamp(36px,4.4cqi,62px);text-wrap:balance}
#diwhub .b-glass p{margin:14px 0 22px;font-size:17px;line-height:1.55;color:rgba(255,255,255,.9);max-width:40ch}
#diwhub .b-glass .links{margin-top:22px;display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center}
#diwhub .vctl{position:absolute;right:24px;bottom:24px;z-index:2;all:unset;cursor:pointer;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.16);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}
#diwhub .vctl:focus-visible{outline:2px solid var(--hx-g2)}
#diwhub .vctl svg{width:14px;height:14px;fill:#fff}
#diwhub .b-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;max-width:900px}
#diwhub .bp{display:inline-flex;align-items:center;gap:8px;padding:10px 15px 10px 12px;border-radius:999px;font-size:13.5px;font-weight:500;color:#fff;text-decoration:none;white-space:nowrap;
  background:linear-gradient(160deg,rgba(255,255,255,.22),rgba(255,255,255,.08));-webkit-backdrop-filter:blur(20px) saturate(170%);backdrop-filter:blur(20px) saturate(170%);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 8px 20px rgba(0,0,0,.18);transition:background .25s,transform .15s}
#diwhub .bp i{width:9px;height:9px;border-radius:50%;background:var(--oc);box-shadow:0 0 10px var(--oc)}
#diwhub .bp:hover{background:linear-gradient(160deg,color-mix(in srgb,var(--oc) 45%,rgba(255,255,255,.2)),rgba(255,255,255,.1))}
#diwhub .bp:active{transform:scale(.95)}
#diwhub .findband{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:linear-gradient(180deg,var(--hx-d2),var(--hx-d1));padding:110px 40px 120px}
#diwhub .fb-in{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:56px;align-items:center}
#diwhub .fb-in>div>h2{margin:18px 0 0;font-size:clamp(32px,4cqi,54px);line-height:1;font-weight:700;text-transform:uppercase;text-wrap:balance}
#diwhub .fb-in>div>p{margin:18px 0 0;font-size:17px;line-height:1.6;color:rgba(255,255,255,.82);max-width:44ch}
#diwhub .headv[hidden]{display:none}
@container hxsite (max-width:900px){
  #diwhub .banner{height:600px}
  #diwhub .b-in{padding:0 16px 24px}
  #diwhub .b-pills{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-16px;padding:2px 16px 4px}
  #diwhub .b-pills::-webkit-scrollbar{display:none}
  #diwhub .b-glass{padding:22px;border-radius:26px}
  #diwhub .b-glass h1{font-size:34px}
  #diwhub .vctl{right:16px;top:16px;bottom:auto}
  #diwhub .findband{padding:72px 20px 72px}
  #diwhub .fb-in{grid-template-columns:1fr;gap:28px}
}
/* photos float above the white panel */
#diwhub .card{margin-top:44px;padding-top:0}
#diwhub .card .ph{margin:-44px 14px 0;box-shadow:0 30px 44px -18px rgba(22,17,14,.45),0 10px 18px -8px rgba(22,17,14,.25)}
#diwhub .card.flag .ph{margin:-44px 0 14px 14px}
#diwhub .card.flag .body{padding-top:30px}
#diwhub .card{background:linear-gradient(160deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.74) 60%,rgba(255,255,255,.84) 100%)}
#diwhub .mcard{margin-top:18px;overflow:visible}
#diwhub .mcard img{margin-top:-30px;box-shadow:0 20px 30px -12px rgba(22,17,14,.45)}
@container hxsite (max-width:900px){
  #diwhub .cards,#diwhub .cards.two{padding-top:50px}
  #diwhub .card{margin-top:0}
  #diwhub .card.flag .ph{margin:-44px 14px 0}
  #diwhub .card.flag .body{padding-top:18px}
  #diwhub .mini{gap:22px}
}
#diwhub .b-glass{background:linear-gradient(155deg,rgba(20,13,9,.42),rgba(20,13,9,.26));-webkit-backdrop-filter:blur(30px) saturate(150%) brightness(.85);backdrop-filter:blur(30px) saturate(150%) brightness(.85)}
#diwhub .b-glass{box-sizing:border-box;max-width:100%}
@container hxsite (max-width:900px){#diwhub .qt{min-height:96px}}
#diwhub .b-pills{flex-wrap:nowrap;max-width:none;overflow-x:auto;scrollbar-width:none}
#diwhub .b-pills::-webkit-scrollbar{display:none}
#diwhub .bp{flex:none}
@container hxsite (max-width:1240px){#diwhub .bp{font-size:13px;padding:9px 13px 9px 11px}}


#diwhub{container-type:inline-size;container-name:hxsite}
#diwhub{font-family:inherit;--font:inherit;color:var(--ink);background:#fff;overflow:clip}
#diwhub *{box-sizing:border-box}
#diwhub h1,#diwhub h2,#diwhub h3{color:inherit;font-family:inherit;letter-spacing:inherit}
#diwhub .g-head h2,#diwhub .fb-in h2,#diwhub .b-glass h1,#diwhub .close h2{letter-spacing:-.005em}
#diwhub a{text-decoration:none}
#diwhub .tlink{text-decoration:underline}
#diwhub .card[href*="adult-classes"] .ph{background:#0a0807}
#diwhub .card[href*="adult-classes"] .ph img{object-fit:contain;object-position:70% 50%}
#diwhub button{font-family:inherit;line-height:inherit}
#diwhub p{margin-bottom:0}
#diwhub .fbvid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%;z-index:-4}
#diwhub .fbshade{position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,color-mix(in srgb,var(--hx-d2) 86%,transparent) 0%,color-mix(in srgb,var(--hx-d2) 72%,transparent) 45%,color-mix(in srgb,var(--hx-d1) 52%,transparent) 100%)}
#diwhub .findband .mesh{opacity:.55}
@container hxsite (max-width:900px){#diwhub .fbshade{background:color-mix(in srgb,var(--hx-d2) 78%,transparent)}}
#diwhub .f-q{text-transform:none!important}
#diwhub .f-res h3,#diwhub .card h3{text-transform:none}

/* Header finder (Oct 2026): one hero. The headline card turns into the finder and grows upward. */
#diwhub .banner{height:auto!important;min-height:clamp(560px,50cqi,700px);display:flex;align-items:flex-end}
#diwhub .b-in{position:relative!important;inset:auto!important;width:100%;box-sizing:border-box;padding-top:120px}
#diwhub .b-glass{position:relative;overflow:hidden;width:min(100%,540px)}
#diwhub .b-glass.anim{transition:height .5s cubic-bezier(.2,.8,.2,1)}
#diwhub .b-intro,#diwhub .b-find{transition:opacity .3s ease}
#diwhub .b-glass.fade .b-intro,#diwhub .b-glass.fade .b-find{opacity:0}
#diwhub .b-intro p{margin-bottom:24px}
#diwhub .b-find .finder{background:none!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;padding:0!important;border-radius:0!important;min-height:0!important}
#diwhub .b-find .finder:before{display:none}
#diwhub .b-find .f-top{padding-right:44px}
#diwhub .b-find .f-q{margin:18px 0 16px}
#diwhub .b-find .f-res img{aspect-ratio:21/9}
#diwhub .f-x{all:unset;cursor:pointer;position:absolute;top:-6px;right:-8px;z-index:2;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.22);transition:background .2s}
#diwhub .f-x:hover{background:rgba(255,255,255,.22)}
#diwhub .f-x:focus-visible{outline:2px solid var(--hx-g2)}
#diwhub .f-x svg{width:12px;height:12px;stroke:#fff;stroke-width:1.8;fill:none;stroke-linecap:round}
#diwhub .b-find{position:relative}
#diwhub .banner .vctl{position:absolute!important;right:24px;bottom:24px;top:auto;left:auto;z-index:2}
#diwhub .b-glass .f-q:focus{outline:none}
#diwhub .banner video,#diwhub .banner .poster{transition:filter .7s ease,transform .7s ease}
#diwhub .banner.finding video,#diwhub .banner.finding .poster{filter:blur(18px) brightness(.55) saturate(.85);transform:scale(1.08)}
#diwhub .f-res img{object-position:50% 22%}
#diwhub .card .ph img{object-position:50% 30%}
#diwhub .mcard img{object-position:50% 12%}
#diwhub .card.flag .ph img{object-position:22% 30%}
@container hxsite (max-width:900px){
#diwhub .banner{min-height:600px}
#diwhub .b-in{padding:96px 16px 64px!important}
#diwhub .banner .vctl{right:16px;top:16px;bottom:auto}
#diwhub .f-x{top:-4px;right:-4px}
#diwhub .b-find .f-opt{padding:13px 14px}
#diwhub .b-find .f-res img{display:none}
}
@media (prefers-reduced-motion:reduce){#diwhub .b-glass.anim{transition:none}#diwhub .b-intro,#diwhub .b-find{transition:none}}

/* Hub components (Oct 2026), first built for Resources (news, FAQs, contact, careers) and reused on Support: glass question rows, topic pills, contact-style tiles, careers panels, phone carousels, and the pill bar position below the site header. */
#diwhub .rs-sec .g-head p{max-width:62ch}
#diwhub .cards.rs-news{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
#diwhub .rs-news .card .ph{aspect-ratio:16/10}
#diwhub .rs-news .card h3{font-size:20px}
#diwhub .rs-news .card.more{display:none}
#diwhub .rs-news.all .card.more{display:flex}
#diwhub div.card{cursor:default}
#diwhub div.card:hover{transform:none}
#diwhub .rs-more{display:flex;justify-content:center;margin-top:30px}
#diwhub button.btn{border:0;cursor:pointer;font-family:inherit}
#diwhub .rs-sign,#diwhub .rs-q,#diwhub .rs-key,#diwhub .rs-addr,#diwhub .rs-open,#diwhub .rs-alt{border-radius:24px;background:rgba(255,255,255,.52);-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 22px 46px -28px rgba(30,20,10,.4);position:relative}
#diwhub .rs-sign{display:flex;align-items:center;justify-content:space-between;gap:20px 40px;flex-wrap:wrap;margin-top:40px;padding:26px 30px}
#diwhub .rs-sign h3,#diwhub .rs-addr h3,#diwhub .rs-why h3,#diwhub .rs-open h3,#diwhub .rs-alt h3{margin:0 0 6px;font-size:22px;font-weight:600;line-height:1.2}
#diwhub .rs-sign p,#diwhub .rs-alt p{margin:0;font-size:15px;line-height:1.6;color:var(--ink-2)}
#diwhub .rs-form form{display:flex;gap:10px;flex-wrap:wrap}
#diwhub .rs-form input[type=email]{min-width:260px;border:0;border-radius:999px;padding:14px 20px;font:inherit;font-size:15px;background:rgba(255,255,255,.85);box-shadow:inset 0 1px 3px rgba(0,0,0,.08)}
#diwhub .rs-acc{display:grid;gap:12px;max-width:920px}
#diwhub .rs-q{border-radius:20px;overflow:hidden}
#diwhub .rs-q>button{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:18px;width:100%;padding:20px 22px;cursor:pointer;font-size:18px;font-weight:600;line-height:1.35;color:var(--ink,#1c1714)}
#diwhub .rs-q>button:focus-visible{outline:2px solid var(--hx-ai);outline-offset:-4px;border-radius:20px}
#diwhub .rs-q .rs-qt{display:flex;flex-direction:column;gap:6px}
#diwhub .rs-q .tp{font-size:10.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--hx-ai)}
#diwhub .rs-topics.picked~.rs-acc .tp{display:none}
#diwhub .rs-q .pl{margin-left:auto;flex:none;width:32px;height:32px;border-radius:50%;background:color-mix(in srgb,var(--hx-a) 75%,#fff);position:relative;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
#diwhub .rs-q .pl:before,#diwhub .rs-q .pl:after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;border-radius:2px;background:var(--hx-ai);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
#diwhub .rs-q .pl:after{transform:rotate(90deg)}
#diwhub .rs-q.open .pl:after{transform:rotate(0)}
#diwhub .rs-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .42s cubic-bezier(.2,.8,.2,1)}
#diwhub .rs-q.open .rs-a{grid-template-rows:1fr}
#diwhub .rs-a>div{overflow:hidden;min-height:0}
#diwhub .rs-a .in{padding:0 22px 22px;font-size:16px;line-height:1.65;color:var(--ink-2);max-width:72ch}
#diwhub .rs-a .in p{margin:0 0 10px}
#diwhub .rs-a .in ul{margin:0 0 10px;padding-left:20px}
#diwhub .rs-a .in li{margin:0 0 6px}
#diwhub .rs-a .in a,#diwhub .rs-acc a{color:var(--hx-ai);text-decoration:underline;text-underline-offset:3px}
#diwhub .rs-q[hidden]{display:none}
#diwhub .rs-topics{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
#diwhub .rs-topics button{all:unset;box-sizing:border-box;cursor:pointer;padding:10px 16px;border-radius:999px;font-size:13px;font-weight:600;color:var(--ink,#1c1714);background:rgba(255,255,255,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 6px 16px -10px rgba(30,20,10,.35);transition:background .25s,color .25s}
#diwhub .rs-topics button[aria-pressed=true]{background:var(--hx-ai);color:#fff}
#diwhub .rs-topics button:focus-visible{outline:2px solid var(--hx-ai);outline-offset:2px}
#diwhub .cards.rs-keys{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding-top:0}
#diwhub .rs-key{display:flex;flex-direction:column;gap:8px;padding:24px;text-decoration:none;color:var(--ink,#1c1714);transition:transform .25s}
#diwhub a.rs-key:hover{transform:translateY(-4px)}
#diwhub .rs-key .lb{font-size:10.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--hx-ai)}
#diwhub .rs-key p{margin:0;font-size:19px;font-weight:600;line-height:1.35}
#diwhub .ic{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:color-mix(in srgb,var(--hx-a) 80%,#fff);box-shadow:inset 0 1px 0 rgba(255,255,255,.8);margin-bottom:6px}
#diwhub .ic svg{width:22px;height:22px;fill:none;stroke:var(--hx-ai);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#diwhub .rs-loc{margin:24px 0}
/* with the map removed, the address card runs across the page on desktop: pin icon, address, then the map links on the right */
@media (min-width:901px){#diwhub .rs-loc .rs-addr{display:grid;grid-template-columns:auto 1fr auto;column-gap:22px;row-gap:4px;align-items:center}#diwhub .rs-loc .rs-addr .ic{grid-row:1/3;margin:0}#diwhub .rs-loc .rs-addr h3{grid-column:2;margin:0}#diwhub .rs-loc .rs-addr p{grid-column:2;margin:0}#diwhub .rs-loc .rs-addr .lk{grid-column:3;grid-row:1/3}}
#diwhub .rs-addr{padding:28px;display:flex;flex-direction:column;gap:6px}
#diwhub .rs-addr p{margin:0 0 14px;font-size:17px;line-height:1.5}
#diwhub .lk{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px}
#diwhub .lk .tl,#diwhub .rs-social a{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--hx-ai);text-decoration:none}
#diwhub .lk .tl:hover,#diwhub .rs-social a:hover{text-decoration:underline;text-underline-offset:4px}
#diwhub .rs-social{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:28px}
#diwhub .rs-social span{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
#diwhub .rs-car{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
#diwhub .rs-why{padding:6px 10px 0 0}
#diwhub .rs-why p,#diwhub .rs-open p{margin:0 0 12px;font-size:16px;line-height:1.65;color:var(--ink-2)}
#diwhub .rs-why .kick,#diwhub .rs-open .kick{display:block;margin-bottom:10px}
#diwhub .rs-open{padding:30px}
#diwhub .rs-open .btn{margin-top:8px;text-transform:none;letter-spacing:.02em;font-size:15px}
#diwhub .rs-alt{display:flex;align-items:center;justify-content:space-between;gap:20px 40px;flex-wrap:wrap;margin-top:24px;padding:26px 30px}
@media (max-width:900px){
#diwhub .cards.rs-news,#diwhub .cards.rs-keys{display:flex;gap:14px;padding:6px 20px 30px}
#diwhub .rs-news .card.more{display:flex}
#diwhub .rs-more{display:none}
#diwhub .rs-key{flex:0 0 78%;scroll-snap-align:start}
#diwhub .rs-sign,#diwhub .rs-acc,#diwhub .rs-loc,#diwhub .rs-social,#diwhub .rs-car,#diwhub .rs-alt{margin-left:20px;margin-right:20px}
#diwhub .rs-topics{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:4px 20px 8px}
#diwhub .rs-topics::-webkit-scrollbar{display:none}
#diwhub .rs-topics button{flex:none}
#diwhub .rs-loc,#diwhub .rs-car{grid-template-columns:1fr}
#diwhub .rs-q>button{font-size:16px;padding:18px}
#diwhub .rs-a .in{padding:0 18px 18px;font-size:15px}
#diwhub .rs-form input[type=email]{min-width:0;flex:1 1 200px}
#diwhub .rs-sign,#diwhub .rs-alt,#diwhub .rs-open,#diwhub .rs-addr{padding:22px}
}
@media (prefers-reduced-motion:reduce){#diwhub .rs-a,#diwhub .rs-q .pl:after{transition:none}}
/* the pill bar stops below the site header on every hub page, as on Partnerships */
#diwhub .pills{top:105px!important}
@media (max-width:767px){#diwhub .pills{top:90px!important}}

/* Support on one page (Oct 2026): campaigns, sponsorship and volunteering moved in from their own pages. Uses the hub cards and the Resources components (glass rows, contact-style tiles); this adds the sponsorship panels. */
#diwhub .cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}
#diwhub .cards.three .card .ph{aspect-ratio:4/3}
#diwhub .sp-sub{margin-top:64px;scroll-margin-top:128px}
#diwhub .sp-intro{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:40px;align-items:center}
#diwhub .sp-intro p{margin:0 0 14px;font-size:16px;line-height:1.65;color:var(--ink-2);max-width:60ch}
#diwhub .sp-intro .kick{display:block;margin-bottom:10px}
#diwhub .wrap .sp-h{margin:0 0 14px;font-size:clamp(28px,3vw,40px);line-height:1.05;font-weight:700;text-transform:uppercase}
#diwhub .wrap .sp-h4{margin:0 0 18px;font-size:24px;font-weight:600;line-height:1.2}
#diwhub .sp-ph{border-radius:24px;overflow:hidden;aspect-ratio:16/11;box-shadow:0 30px 60px -30px rgba(30,20,10,.5)}
#diwhub .sp-ph img{width:100%;height:100%;object-fit:cover;display:block}
#diwhub .sp-intro .lk{margin-top:22px}
#diwhub .sp-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:40px 0}
#diwhub .sp-stats>div{border-radius:22px;padding:22px 24px;background:rgba(255,255,255,.52);-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 22px 46px -28px rgba(30,20,10,.4)}
#diwhub .sp-stats b{display:block;font-size:clamp(30px,3vw,42px);line-height:1;font-weight:700;color:var(--hx-ai);margin-bottom:8px}
#diwhub .sp-stats span{font-size:14px;line-height:1.45;color:var(--ink-2)}
#diwhub .sp-two{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px;align-items:start}
#diwhub .sp-two .kick{display:block;margin-bottom:10px}
#diwhub .sp-rec h4{margin:18px 0 8px;font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--hx-ai)}
#diwhub .sp-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
#diwhub .sp-list li{position:relative;padding-left:24px;font-size:15px;line-height:1.5;color:var(--ink-2)}
#diwhub .sp-list li:before{content:"";position:absolute;left:2px;top:5px;width:12px;height:7px;border-left:2px solid var(--hx-ai);border-bottom:2px solid var(--hx-ai);transform:rotate(-45deg)}
#diwhub .sp-vol{margin-bottom:34px}
#diwhub .cards.sp-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}
#diwhub .sp-tiles .rs-key p{font-size:16px;font-weight:500;color:var(--ink-2)}
@media (max-width:900px){
#diwhub .cards.three{display:flex}
#diwhub .sp-intro,#diwhub .sp-two{grid-template-columns:1fr;gap:24px;margin-left:20px;margin-right:20px}
#diwhub .sp-sub{margin-top:40px}
#diwhub .sp-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:28px 20px}
#diwhub .sp-stats>div{padding:18px}
#diwhub .cards.sp-tiles{display:flex}
#diwhub .sp-tiles .rs-key{flex:0 0 72%}
#diwhub .sp-two .rs-acc{margin-left:0;margin-right:0}
}
#diwhub .rs-sec,#diwhub .sp-sub{scroll-margin-top:128px}
@media (max-width:767px){#diwhub .rs-sec,#diwhub .sp-sub{scroll-margin-top:112px}}