/* Chrome Digital：黑底、冷藍光與銀色金屬。 */
:root{color-scheme:dark;--bg:#06080d;--ink:#e9f2ff;--muted:#99aabd;--line:#28384a;--blue:#83bcff;--ice:#b9dbff;--silver:#cad9eb}
body{background:#06080d}
::selection{background:#b3d7ff;color:#06080d}
.header{background:#06090fe8;border-bottom-color:#314458}
.logo{font-style:italic;letter-spacing:-1.8px}
.header nav a:hover,.text-link:hover,.case-bottom a:hover{color:#9bcaff}
.nav-contact{border-color:#93b8dc}
.hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 72% 35%,#15305266,transparent 52%),linear-gradient(140deg,#070a10,#0b1422 58%,#05070c)}
.hero:before{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 5px,#a4d1ff03 5px 6px)}
.hero-top{color:#c3d9f1}
.hero-top .eyebrow:before{content:'✳';display:inline-block;color:#9dcdff;font-size:22px;vertical-align:middle;margin-right:14px}
.edition{color:#89a7c7}
.chrome{font-style:italic;font-weight:900;letter-spacing:-.09em;padding-right:.13em;padding-left:.015em;margin-left:-.02em;background:linear-gradient(177deg,#f4fbff 2%,#7a9abd 16%,#dceeff 29%,#97bbdf 37%,#213955 43%,#08131e 47%,#8ab5dd 49%,#fff 52%,#cfebff 56%,#49749f 66%,#87b3db 76%,#d7ebff 89%,#527395 99%);background-clip:text;-webkit-background-clip:text;-webkit-text-stroke:.65px #bcdcff88;filter:drop-shadow(0 1px 0 #e3f4ffbb) drop-shadow(0 9px 1px #0008) drop-shadow(0 0 26px #458eff30);transform:scaleY(1.06);transform-origin:center}
.hero-bottom>p{color:#dfedff}
.hero-intro p{color:#a8b9cd}
.hero-foot{color:#8fa9c6;border-color:#3a5068}
.hero-foot>span:last-child{color:#c2e1ff}
.section-heading h2{letter-spacing:-.5px}
.section-index{color:#819bb8}
.works{background:#06080d}
.filters{gap:5px}
.filters button{border-radius:0;color:#a9bcd0;border-color:#243246}
.filters button:hover{color:#dfedff;border-color:#84b5e7}
.filters button[aria-pressed=true]{background:#bedcff;color:#08111d;border-color:#d6ecff;box-shadow:0 0 18px #5899ed1a}
.blank,.project-card:nth-child(4n+2) .blank,.project-card:nth-child(4n+3) .blank,.portrait{background:#0b111b;border-color:#2a3c51;color:#6f8aa6}
.blank:before,.blank:after{color:#6080a3}

.project-card .arrow{color:#abcefa}
.project-meta h3{color:#e5effd}
.project-image{box-shadow:inset 0 0 0 7px #080c13}
.project-labels{color:#8ea9c7}
.about{background:#0a111d;border-color:#314052}
.about .portrait{background:#080d15}
.about-copy .lead{color:#d9eaff}
.discipline>span{color:#a0cbff}
.contact{background:radial-gradient(ellipse at 10% 80%,#14325766,transparent 60%),#080e18;border-top:1px solid #34485f}
.contact h2{color:#d7e9ff}
input,textarea,select{border-color:#405775}
input::placeholder,textarea::placeholder{color:#7f94ad}
select option{background:#0c1523;color:#dcecff}
.primary{background:linear-gradient(110deg,#e2f0ff,#91b3d8 48%,#d5e8fc);color:#0a1423;border:1px solid #c7e3ff}
.primary:hover{background:#d5eaff;box-shadow:0 0 28px #6aabff24}
.summary-actions button,.case-back,.case-next{border-color:#526d8b;background:#0a111b;color:#c6dfff}
.summary-actions button:hover,.case-back:hover,.case-next:hover{border-color:#a4ccff}
footer{background:#04060a;border-color:#2d3d51}
footer>span{color:#8198b1}
.skip{background:#bad8ff;color:#07101c}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:#a4ccff}
.case-header h1{color:#dfedff}
.case-topline .eyebrow{color:#91b5dd}
.case-cover,.case-gallery .blank{background:#0b111b}
@media(max-width:760px){.header nav{background:#080e18f7;border-color:#40516a}.hero-top .eyebrow{font-size:8px;letter-spacing:.9px}.hero-top .eyebrow:before{font-size:17px;margin-right:8px}.chrome{margin-top:42px;margin-bottom:40px}.filters button{min-height:44px}.hero-foot{font-size:8px}}