/* A restrained glass finish for selected controls; existing layout stays in charge. */
:is(.glass-control,.glass-surface)[data-glass]{
  --glass-top:rgba(255,255,255,.78);
  --glass-tint:rgba(247,242,255,.64);
  --glass-bottom:rgba(231,219,247,.48);
  --glass-light:rgba(255,255,255,.88);
  --glass-rim:rgba(255,255,255,.98);
  --glass-inner:rgba(101,57,153,.09);
  --glass-border:rgba(103,62,154,.19);
  --glass-shadow:rgba(49,22,80,.075);
}
body :is(.glass-control,.glass-surface)[data-glass]{
  color:#3d294f;
  border:1px solid var(--glass-border);
  border-radius:999px;
  background:
    radial-gradient(ellipse 85% 150% at var(--glass-x,25%) var(--glass-y,0%),var(--glass-light),transparent 65%),
    linear-gradient(135deg,var(--glass-top),var(--glass-tint) 48%,var(--glass-bottom));
  background-clip:padding-box;
  -webkit-backdrop-filter:blur(18px) saturate(170%);
  backdrop-filter:blur(18px) saturate(170%);
  box-shadow:inset 0 1px 1px var(--glass-rim),inset 0 -1px 2px var(--glass-inner),0 4px 14px var(--glass-shadow);
  transition:border-color .2s,box-shadow .2s;
}
.glass-control[data-glass]{min-height:44px}
.glass-control[data-glass]:hover{
  border-color:rgba(121,61,224,.38);
  box-shadow:inset 0 1px 1px var(--glass-rim),inset 0 -1px 2px var(--glass-inner),0 6px 20px var(--glass-shadow);
}
.glass-control[data-glass]:active{
  box-shadow:inset 0 1px 3px var(--glass-inner),inset 0 -1px 1px var(--glass-rim),0 2px 8px var(--glass-shadow);
}
:is(.glass-control,.glass-surface)[data-glass][data-glass-theme="dark"]{
  --glass-top:rgba(255,255,255,.14);
  --glass-tint:rgba(111,70,160,.14);
  --glass-bottom:rgba(255,255,255,.07);
  --glass-light:rgba(255,255,255,.12);
  --glass-rim:rgba(255,255,255,.36);
  --glass-inner:rgba(0,0,0,.22);
  --glass-border:rgba(226,207,252,.3);
  --glass-shadow:rgba(0,0,0,.2);
  color:#fff;
}
.glass-control[data-glass]:is([aria-pressed="true"],[aria-selected="true"],[data-glass-theme="violet"]){
  --glass-top:rgba(110,54,209,.98);
  --glass-tint:rgba(97,40,193,.98);
  --glass-bottom:rgba(82,28,170,.98);
  --glass-light:rgba(255,255,255,.12);
  --glass-rim:rgba(255,255,255,.38);
  --glass-inner:rgba(33,9,76,.22);
  --glass-border:rgba(128,75,207,.5);
  --glass-shadow:rgba(93,36,177,.17);
  color:#fff;
}
.glass-control[data-glass]:is([aria-pressed="true"],[aria-selected="true"],[data-glass-theme="violet"]):hover{
  border-color:rgba(175,126,247,.85);
}
.glass-control[data-glass][data-glass-theme="dark"]:hover{border-color:rgba(226,207,252,.6)}
.glass-control[data-glass]:focus-visible{outline:2px solid #6830c8;outline-offset:4px}
.glass-control[data-glass][data-glass-theme="dark"]:focus-visible,
.join-section .glass-control[data-glass]:focus-visible{outline-color:#d0acff}

.menu-button.glass-control[data-glass]{padding:10px 17px;gap:14px}
.gallery-mode.glass-surface[data-glass]{padding:5px;gap:4px}
.gallery-mode .glass-control[data-glass],.case-tabs .glass-control[data-glass]{
  --glass-top:rgba(255,255,255,.3);
  --glass-tint:rgba(255,255,255,.15);
  --glass-bottom:rgba(240,230,255,.12);
  --glass-border:transparent;
  --glass-light:rgba(255,255,255,.5);
  box-shadow:none;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
.gallery-mode .glass-control[data-glass][aria-pressed="true"],
.case-tabs .glass-control[data-glass][aria-selected="true"]{
  --glass-top:rgba(110,54,209,.98);
  --glass-tint:rgba(97,40,193,.98);
  --glass-bottom:rgba(82,28,170,.98);
  --glass-border:rgba(128,75,207,.5);
  --glass-light:rgba(255,255,255,.12);
  box-shadow:inset 0 1px 1px var(--glass-rim),inset 0 -1px 2px var(--glass-inner),0 3px 8px var(--glass-shadow);
}
.case-tabs.glass-surface[data-glass]{
  --glass-top:rgba(255,255,255,.82);
  --glass-tint:rgba(250,247,255,.72);
  --glass-bottom:rgba(240,232,252,.6);
  border-radius:28px;
  padding:8px;
  gap:5px;
  scrollbar-width:thin;
  scroll-padding:8px;
}
.case-tabs .glass-control[data-glass]{padding:10px 16px}
.case-tabs .glass-control[data-glass]>span{opacity:1;color:inherit}
.search-ideas .glass-control[data-glass]{padding:7px 13px;color:#553369}
.search-ideas .glass-control[data-glass][aria-pressed="true"]{color:#fff}
.filters .glass-control[data-glass]{padding:8px 16px}
.filters{gap:8px}
.join-copy>.glass-control[data-glass]{padding:16px 22px}
.join-copy>.glass-control[data-glass]:after{color:#e5d3ff}
.submit-brief.glass-control[data-glass]{padding:15px 22px;text-align:center}
.experience-controls.glass-surface[data-glass]{
  --glass-top:rgba(255,255,255,.85);
  --glass-tint:rgba(252,248,255,.8);
  --glass-bottom:rgba(240,231,253,.7);
  gap:8px;
  padding:4px 9px;
}
.experience-controls button{min-height:36px;padding:5px 8px;color:#513561}
.experience-controls button[aria-pressed="true"]{color:#6930c8}

@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  :is(.glass-control,.glass-surface)[data-glass]{--glass-tint:#f4edfc;--glass-bottom:#eae0f6}
  :is(.glass-control,.glass-surface)[data-glass][data-glass-theme="dark"]{--glass-tint:#292131;--glass-bottom:#221b2a}
  .glass-control[data-glass]:is([aria-pressed="true"],[aria-selected="true"],[data-glass-theme="violet"]){--glass-tint:#6128c1;--glass-bottom:#521caa}
}
@media(max-width:760px){
  .menu-button.glass-control[data-glass]{padding:8px 13px;gap:10px}
  .case-tabs.glass-surface[data-glass]{border-radius:27px;padding:6px;gap:3px}
  .case-tabs .glass-control[data-glass]{padding:9px 12px}
  .search-ideas .glass-control[data-glass]{padding:7px 11px}
  .filters{gap:7px}
  .filters .glass-control[data-glass]{padding:8px 13px}
}
@media(prefers-reduced-motion:reduce){
  body :is(.glass-control,.glass-surface)[data-glass]{transition:none}
}
.paused :is(.glass-control,.glass-surface)[data-glass]{transition:none}
@media(prefers-reduced-transparency:reduce){
  :is(.glass-control,.glass-surface)[data-glass]{--glass-top:#fff!important;--glass-tint:#f6f1fc!important;--glass-bottom:#eae0f6!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  :is(.glass-control,.glass-surface)[data-glass][data-glass-theme="dark"]{--glass-top:#302837!important;--glass-tint:#292131!important;--glass-bottom:#221b2a!important}
  .glass-control[data-glass]:is([aria-pressed="true"],[aria-selected="true"],[data-glass-theme="violet"]){--glass-top:#6e36d1!important;--glass-tint:#6128c1!important;--glass-bottom:#521caa!important;--glass-light:rgba(255,255,255,.12)!important}
}