/* Cyan glass direction based on the owner's button reference. */
:root{--ink:#083d50;--blue:#087fa3;--line:rgba(11,92,117,.2)}
body{background:linear-gradient(180deg,#f5f7f8 0%,#edf7f9 35%,#f4f7f8 66%,#e5f3f6 100%);color:var(--ink)}
.site-header{background:#f5f7f8f5;border-bottom-color:#0c647111}
.hero-canvas{background:linear-gradient(165deg,#70c6de 0%,#2b88a7 29%,#0b6382 58%,#053d57 100%)}
.hero-meta,.contact-top{color:#063346}
.hero-subline p{color:#fff}
.hero-canvas.halftone:before{display:none}
.hero-canvas.halftone:after{opacity:.12}
.hero-bottom .hero-note{padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;color:#fff;text-shadow:none;font-size:15px;line-height:1.7;max-width:400px}
.intro h2 em{color:#167d98}
.expertise .dui-badge{border-color:#acd6df;background:#eff9fb}
.text-link:hover,.project-button:hover .project-name{color:#08718d}
.project-topline>span:first-child,.toolbar-note{color:#28586a}
.project-topline .dui-badge{background:#d6eef3;color:#083d50}
.project-caption{color:#2d5969}
.project-image{background:#dcecf0}
.project-open{background:#063e54d9;border-color:#d8f7ffb3}
.artwork-section{background:linear-gradient(155deg,#147b99 0%,#0a5874 58%,#063c55 100%)}
.artwork-grid .project-image{background:#073d51}
.artwork-grid .project-topline>span:first-child,.artwork-foot{color:#e3f6fa}
.artwork-grid .project-caption{color:#d7f0f5}
.artwork-grid .project-topline .dui-badge{background:#ffffff20;color:#fff}
.artwork-grid .project-button:hover .project-name{color:#bcf0fa}
.heading-dot{color:#27afd1}.artwork-section .heading-dot{color:#7de0f3}
.contact-canvas{background:linear-gradient(155deg,#72c9df 0%,#2989a8 30%,#0a617f 62%,#053c55 100%)}
.contact-canvas>p{margin-bottom:0;color:#fff}
.contact-links{margin-top:34px;border-top-color:#c7f0f86b}
.hero-tile>span,.hero-projects .hero-tile>span{background:linear-gradient(transparent,#053042ee)}

/* The luminous center and layered rim create the soft cyan lens in the reference. */
.dui-btn.glass-button,
.site-header .nav-link.dui-btn,
.filters .dui-btn.glass-button,
.hero-cta.dui-btn.glass-button,
.gallery-actions .dui-btn.glass-button,
#next-project.dui-btn.glass-button,
.close-dialog.dui-btn.glass-button,
.gallery-arrow.dui-btn.glass-button{
 --glass-surface:radial-gradient(ellipse at 50% 48%,#5bcbe7f2 0%,#9cdeeece 58%,#e1f5f9d9 100%);
 --glass-rim:linear-gradient(135deg,#ffffff 6%,#c7f4fc 23%,#5ccce8 48%,#ffffff 74%,#83d9ed 100%);
 border:2px solid transparent;
 border-radius:999px;
 background:var(--glass-surface) padding-box,var(--glass-rim) border-box;
 color:#06394d;
 box-shadow:inset 0 1px 3px #ffffffa3,inset 0 -3px 5px #0394bd29,0 7px 15px #11526320;
 text-shadow:none;
 backdrop-filter:blur(16px) saturate(120%);
 -webkit-backdrop-filter:blur(16px) saturate(120%);
}
.dui-btn.glass-button:before{inset:3px 5px;height:auto;border-radius:inherit;background:linear-gradient(120deg,#ffffff54 0%,#ffffff00 44%,#ffffff1f 100%);opacity:.7}
.dui-btn.glass-button>span{font-size:inherit;font-weight:inherit;line-height:1.25}
.site-header .nav-link.dui-btn{--glass-surface:radial-gradient(ellipse at 50% 50%,#94ddecf2 0%,#bdeaf3e3 57%,#f5fbfce6 100%)}
.filters .dui-btn.glass-button{--glass-surface:radial-gradient(ellipse at 50% 50%,#a7e1eee8 0%,#d0edf4cc 62%,#f6fbfce6 100%)}
.filters .dui-btn.glass-button.active{--glass-surface:radial-gradient(ellipse at 50% 50%,#4ec6e5 0%,#83d7eac9 65%,#d9f2f7e6 100%);color:#06394d;font-weight:700;border-color:transparent;box-shadow:inset 0 0 0 1px #088db58a,inset 0 1px 3px #ffffffad,0 5px 12px #087c9d25}
.hero-cta.dui-btn.glass-button{--glass-surface:radial-gradient(ellipse at 50% 50%,#3ec0e4 0%,#86d7eae0 62%,#d9f1f6e6 100%)}
.gallery-arrow.dui-btn.glass-button{--glass-surface:radial-gradient(ellipse at 50% 50%,#087aa3f5 0%,#1498bbf2 53%,#85d7e8eb 100%);color:#fff;box-shadow:inset 0 1px 2px #ffffff9c,0 5px 12px #021b3740}
#next-project.dui-btn.glass-button{--glass-surface:radial-gradient(ellipse at 50% 50%,#53c8e6 0%,#9cdeeee0 62%,#e1f4f8e6 100%);color:#06394d}
@media(hover:hover) and (pointer:fine){
 .dui-btn.glass-button:hover,
 .site-header .nav-link.dui-btn:hover,
 .filters .dui-btn.glass-button:hover,
 #next-project.dui-btn.glass-button:hover{
  color:#06394d;
  background:var(--glass-surface) padding-box,var(--glass-rim) border-box;
  filter:brightness(1.025);
  transform:translateY(-2px);
  box-shadow:inset 0 1px 3px #ffffffc9,inset 0 -3px 5px #0394bd29,0 10px 20px #11526329;
 }
 .gallery-arrow.dui-btn.glass-button:hover{color:#fff;background:var(--glass-surface) padding-box,var(--glass-rim) border-box}
}
.dui-btn.glass-button:active{transform:translateY(1px) scale(.985);box-shadow:inset 0 2px 5px #096c8c22,0 3px 9px #11526320}

.dialog-header,dialog{background:#f4f8f9}
#dialog-description,.dialog-tip{color:#315d6d}
.dialog-header .eyebrow{color:#28586a}
.gallery-stage{background:#052c3e}
#gallery-counter{background:#052c3eec;color:#fff}
#gallery-thumbs button.active{border-color:#078bb0}
.gallery-actions{border-top-color:#b7dbe4}
.share-fallback input{border-color:#acd4e0}
#feedback-toast p{background:#07536c;border-color:#bcebf3;color:#fff}

/* Spatial accents take the same cyan / pearl palette. */
.cube-face{border-color:#eaffffde;background:linear-gradient(135deg,#edfcff99,#74cfe633);box-shadow:inset 0 0 18px #ffffff35}
.face-left{background:linear-gradient(145deg,#40accacc,#b7edf555)}
.face-top{background:linear-gradient(145deg,#ffffffb8,#b2ebf66b)}
.glass-orb{background:radial-gradient(circle at 28% 23%,#ffffff 0%,#d1f4fa 15%,#77d0e6 40%,#2791b3 70%,#0d5a79 92%);box-shadow:inset -5px -7px 13px #0b617d35,0 14px 18px -5px #0b4d6255}
.glass-torus{border-color:#98dff0;border-top-color:#e4faff;border-left-color:#bdeef7;border-right-color:#4bb7d3;border-bottom-color:#1688aa;box-shadow:inset 0 4px 5px #ffffffad,0 7px 0 #0e647e,0 17px 20px #04334a55}
@media(max-width:1100px){.hero-bottom .hero-note{padding:0;background:none;border:0;box-shadow:none;font-size:14px}}
@media(max-width:800px){.hero-bottom .hero-note{font-size:13px;max-width:300px}.site-header .nav-link.dui-btn{border-radius:999px}.contact-links{margin-top:29px}}
@media(max-width:480px){.hero-bottom .hero-note{font-size:12px;max-width:190px;line-height:1.7}.filters .dui-btn.glass-button,.hero-cta.dui-btn.glass-button,.gallery-actions .dui-btn.glass-button,#next-project.dui-btn.glass-button{border-radius:999px}}
@media(max-width:350px){.hero-bottom .hero-note{max-width:none;font-size:12px}.hero-canvas{height:425px}}
@media(prefers-reduced-motion:reduce){.dui-btn.glass-button:hover,.dui-btn.glass-button:active{transform:none}}
.hero-cta.dui-btn.glass-button{--glass-surface:radial-gradient(ellipse at 50% 50%,#29b9e8 0%,#61cae9 48%,#cceef7e6 100%)}
.gallery-actions .dui-btn.glass-button,#next-project.dui-btn.glass-button{--glass-surface:radial-gradient(ellipse at 50% 50%,#45c2e7 0%,#84d5ece6 59%,#dcf3f9e6 100%)}
.hero-meta>span:last-child,.contact-top>span:last-child{color:#eefaff}