/* Glass is reserved for navigation and actions; content and enquiry stay solid. */
.reference-site .site-header{background:rgba(7,10,15,.78);border-bottom-color:rgba(205,226,255,.15);backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.reference-site .site-header .nav-inner{background:transparent}
.reference-site .liquid-glass{--glass-x:28%;--glass-y:0%;position:relative;isolation:isolate;overflow:hidden;border-radius:0;backdrop-filter:blur(16px) saturate(145%);-webkit-backdrop-filter:blur(16px) saturate(145%);box-shadow:inset 0 1px 0 rgba(255,255,255,.52),inset 1px 0 0 rgba(255,255,255,.13),inset 0 -1px 0 rgba(0,39,73,.2),0 6px 18px -10px rgba(0,0,0,.5);transition:background-color .22s,color .22s,border-color .22s,box-shadow .22s}
.reference-site .hero-motion-toggle.liquid-glass{position:absolute}
.reference-site .liquid-glass::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at var(--glass-x) var(--glass-y),rgba(255,255,255,.44),rgba(255,255,255,.08) 42%,transparent 72%);opacity:.65;transition:opacity .22s}
.reference-site .liquid-glass::after{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid transparent;border-image:linear-gradient(125deg,rgba(255,255,255,.52),rgba(255,255,255,.04) 42%,rgba(129,195,238,.25) 80%,rgba(255,255,255,.5)) 1}
.reference-site .glass-dark{background:rgba(103,124,150,.13);border:1px solid rgba(179,208,238,.3);color:#f4f8ff;box-shadow:inset 0 1px 0 rgba(232,245,255,.19),inset 0 -1px 0 rgba(93,161,226,.12),0 6px 18px -10px rgba(0,0,0,.5)}
.reference-site .glass-dark::before{opacity:.27}
.reference-site .glass-light{background:rgba(237,245,252,.88);border:1px solid rgba(255,255,255,.65);color:#111923}
.reference-site :is(.ideas-controls,.work-controls) .glass-light{background:rgba(232,241,248,.67);border-color:#a6b7c5;color:#142b3e;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(107,134,155,.24),0 5px 12px -9px #536675}
.reference-site .glass-blue{background:rgba(60,175,250,.93);border:1px solid #75c8ff;color:#071b2b}
@media(hover:hover){
 .reference-site .liquid-glass:hover::before{opacity:1}
 .reference-site .glass-dark:hover{background:rgba(123,155,185,.25);border-color:#8ba6bc;color:#fff}
 .reference-site .glass-light:hover{background:rgba(249,252,255,.98);color:#071b2b}
 .reference-site .glass-blue:hover{background:rgba(120,203,255,.98);color:#071b2b}
 .reference-site :is(.ideas-controls,.work-controls) .glass-light:hover{background:#dbeefa;border-color:#557894}
}
.reference-site .liquid-glass:focus-visible{outline:2px solid #32a9ff;outline-offset:4px}
.reference-site .liquid-glass:disabled{opacity:.35;cursor:default;box-shadow:none}
.reference-site .liquid-glass:disabled::before{opacity:0}
@media(max-width:799px){
 .reference-site .site-header.menu-open{background:rgba(5,9,14,.94)}
 .reference-site .nav-enhanced .nav-panel{background:rgba(5,9,14,.96)}
 :is(.island-home,.island-contact) .nav-enhanced .nav-panel{height:calc(100dvh - 58px)}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 .reference-site .site-header{background:#0a1017}
 .reference-site .glass-dark{background:#19232d}
 .reference-site .glass-light{background:#edf5fc}
 .reference-site .glass-blue{background:#3caffa}
}
@media(prefers-reduced-motion:reduce){
 .reference-site .liquid-glass,.reference-site .liquid-glass::before{transition:none}
}
@media(prefers-reduced-transparency:reduce){
 .reference-site .site-header{background:#0a1017;backdrop-filter:none;-webkit-backdrop-filter:none}
 .reference-site .glass-dark{background:#19232d}
 .reference-site .glass-light{background:#edf5fc}
 .reference-site .glass-blue{background:#3caffa}
 .reference-site .liquid-glass{backdrop-filter:none;-webkit-backdrop-filter:none}
}