.tiles{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:20px;margin-top:40px;display:grid}.tile{border:1px solid var(--line);border-radius:8px;grid-template-rows:1fr auto;display:grid;overflow:hidden}.tile__art{place-items:center;min-height:180px;padding:36px 28px;display:grid}.tile--dark .tile__art{background:var(--ccos-midnight-navy)}.tile--light .tile__art{background:var(--ccos-frost-white)}.tile__art img{width:auto;max-width:100%;height:auto;max-height:120px;display:block}.tile__cap{background:var(--panel);font-size:var(--text-small);grid-template-columns:1fr auto;gap:2px 12px;padding:14px 18px;display:grid}.tile__cap span{color:var(--muted);grid-column:1}.tile__cap a{grid-area:1/2/span 2;align-self:center;font-weight:600}.rules{color:var(--muted);gap:8px;max-width:48em;margin-top:32px;display:grid}.rules li{padding-left:22px;position:relative}.rules li:before{content:"";background:var(--ice);width:8px;height:8px;position:absolute;top:.7em;left:0}.rules b{color:var(--text)}.brand-bull{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,64px);display:grid}.brand-bull img{border:1px solid var(--line);border-radius:50%;width:clamp(180px,28vw,320px);height:auto}@media (width<=720px){.brand-bull{grid-template-columns:minmax(0,1fr)}}.swatches{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-top:40px;display:grid}.swatches li{font-size:var(--text-small);color:var(--muted);gap:4px;display:grid}.swatches b{color:var(--text)}.swatches code{font-family:var(--font-body);font-variant-numeric:tabular-nums;color:var(--ice)}.sw{border:1px solid var(--line);border-radius:6px;height:72px;margin-bottom:6px;display:block}.type{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(32px,5vw,72px);display:grid}@media (width<=900px){.type{grid-template-columns:minmax(0,1fr)}}.specimen__display{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(2rem,4vw,3rem);font-weight:700;font-stretch:106%;line-height:1.1}.specimen__body{font-size:var(--text-body-lg);color:var(--muted);margin:0 0 16px}.specimen__num{margin:0;font-size:1.25rem;font-weight:500}.icon-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-top:40px;display:grid}.icon-grid li{border:1px solid var(--line);background:var(--panel);font-size:var(--text-small);border-radius:6px;gap:8px;padding:22px 18px;display:grid}.icon-grid .icon{width:36px;height:36px;margin:0}.card .specimen__display{color:var(--text)}