/* SPDX-License-Identifier: Apache-2.0 */
/* Add silver FICC frames and cluster artwork to the shared FIL layout. */
:root{--metal:linear-gradient(180deg,#fff 0%,#d5d3cf 14%,#aaa7a2 49%,#f1efec 51%,#c6c2bd 94%,#918a82 100%)}
.fil .masthead{background:repeating-linear-gradient(0deg,#fff2 0 1px,#3d332512 1px 2px),linear-gradient(115deg,#f4f3f1,#aaa8a4 44%,#ebe8e3 68%,#aca69e)}
.fil .brand img{width:72px;height:72px}
.fil .wordmark{font-size:48px;color:#3b3026;letter-spacing:-3px}
.fil .wordmark small{font-size:7px;letter-spacing:1.5px;line-height:1.7}
.fil .artwork{background-image:url('../img/cluster-study.png');background-position:35% 50%}
.fil .art-word{font-size:82px;letter-spacing:-6px}
.fil .nav-links{background:repeating-linear-gradient(0deg,#fff2 0 1px,#372d2012 1px 2px),linear-gradient(90deg,#aaa7a2,#f0eeeb 46%,#c3beb7)}
.fil .window-frame{background:var(--metal)}
.fil .panel-cap{background:#817c74}
.fil .swatches i:nth-child(1){background:#f1efec}.fil .swatches i:nth-child(2){background:#c6c2bd}.fil .swatches i:nth-child(3){background:#d97a12}
.fil .card-grid .btn{font-size:7px}
@media(max-width:1150px){.fil .art-word{font-size:60px}}
@media(max-width:620px){.fil .wordmark{font-size:38px}.fil .wordmark small{font-size:5px;letter-spacing:1px}.fil .brand img{width:60px;height:60px}.fil .art-word{font-size:78px}.fil .nav-links{grid-template-columns:repeat(2,minmax(0,1fr))}.fil .masthead{height:110px}}