/* Solid warm page backdrop; card lighting and gold motion are preserved. */
html,body{background:#faf7f1;color:#0f1e3a}
.eyebrow,footer span{color:#0f1e3a}
.intro p:last-child,footer{color:#46566c}
.card:focus-visible{outline-color:#0f1e3a}
/* Card accents share the main site's gold, cushioned shadows, and eased lift. */
.card{transition:transform 680ms cubic-bezier(.22,1,.36,1),box-shadow 680ms cubic-bezier(.22,1,.36,1)}
.bar{position:relative}
.bar::after{content:"";position:absolute;left:22px;right:22px;bottom:0;height:2px;border-radius:2px;background:#d4af37;opacity:0;transform:scaleX(.2);transform-origin:left;transition:transform 720ms cubic-bezier(.22,1,.36,1),opacity 360ms ease;pointer-events:none}
.brand-detail{position:relative;display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;overflow:hidden;isolation:isolate;border:1px solid #526179;border-radius:12px;color:#d4af37;background:linear-gradient(145deg,#263b59,#0f1e3a 75%);box-shadow:inset 0 1px 1px #ffffff30,inset 0 -2px 3px #0003,0 3px 7px #0f1e3a26;transform:translateZ(0);transition:transform 720ms cubic-bezier(.22,1,.36,1),box-shadow 720ms cubic-bezier(.22,1,.36,1);animation:cushion-arrive 1050ms cubic-bezier(.22,1,.36,1) backwards}
.detail-hospitality{animation-delay:120ms}
.detail-spark{width:23px;height:23px;transform:rotate(-8deg) scale(.88);transition:transform 860ms cubic-bezier(.22,1,.36,1)}
.detail-signal{height:21px;display:flex;align-items:center;gap:3px}
.detail-signal i{display:block;width:3px;border-radius:3px;background:currentColor;transform-origin:center;transition:transform 780ms cubic-bezier(.22,1,.36,1)}
.detail-signal i:nth-child(1){height:9px;transition-delay:0ms}
.detail-signal i:nth-child(2){height:19px;transition-delay:65ms}
.detail-signal i:nth-child(3){height:13px;transition-delay:130ms}
.detail-glint{position:absolute;z-index:1;inset:-50%;background:linear-gradient(110deg,transparent 35%,#faf7f130 49%,#faf7f155 50%,transparent 64%);opacity:0;transform:translateX(-90%) rotate(-12deg);pointer-events:none}
.card:focus-visible{transform:translateY(-3px);box-shadow:0 18px 38px #0005}
.card:is(:focus-visible,:active) .brand-detail{transform:translateY(-1px) scale(1.08);box-shadow:inset 0 1px 2px #ffffff40,inset 0 -2px 3px #0003,0 6px 11px #0f1e3a35}
.card:is(:focus-visible,:active) .detail-spark{transform:rotate(14deg) scale(1.02)}
.card:is(:focus-visible,:active) .detail-signal i:nth-child(1){transform:scaleY(1.6)}
.card:is(:focus-visible,:active) .detail-signal i:nth-child(2){transform:scaleY(.72)}
.card:is(:focus-visible,:active) .detail-signal i:nth-child(3){transform:scaleY(1.3)}
.card:is(:focus-visible,:active) .detail-glint{animation:detail-sheen 950ms cubic-bezier(.22,1,.36,1) both}
.card:is(:focus-visible,:active) .bar::after{opacity:.85;transform:scaleX(1)}
.card:active{transform:translateY(0) scale(.994);transition-duration:160ms}
@media(hover:hover) and (pointer:fine){
 .card:hover .brand-detail{transform:translateY(-1px) scale(1.08);box-shadow:inset 0 1px 2px #ffffff40,inset 0 -2px 3px #0003,0 6px 11px #0f1e3a35}
 .card:hover .detail-spark{transform:rotate(14deg) scale(1.02)}
 .card:hover .detail-signal i:nth-child(1){transform:scaleY(1.6)}
 .card:hover .detail-signal i:nth-child(2){transform:scaleY(.72)}
 .card:hover .detail-signal i:nth-child(3){transform:scaleY(1.3)}
 .card:hover .detail-glint{animation:detail-sheen 950ms cubic-bezier(.22,1,.36,1) both}
 .card:hover .bar::after{opacity:.85;transform:scaleX(1)}
}
@media(hover:none){.card:hover{transform:none;box-shadow:0 12px 32px #0003}.card:active{transform:scale(.994)}}
@keyframes cushion-arrive{0%{opacity:.55;transform:translateY(4px) scale(.86)}65%{opacity:1;transform:translateY(-1px) scale(1.035)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes detail-sheen{0%{opacity:0;transform:translateX(-90%) rotate(-12deg)}18%{opacity:1}100%{opacity:0;transform:translateX(90%) rotate(-12deg)}}
@media(prefers-reduced-motion:reduce){
 .card,.brand-detail,.detail-spark,.detail-signal i,.bar::after{animation:none!important;transition:none!important}
 .card:is(:hover,:focus-visible,:active),.card:is(:hover,:focus-visible,:active) .brand-detail{transform:none}
 .card:is(:hover,:focus-visible,:active) .detail-spark{transform:rotate(-8deg) scale(.88)}
 .card:is(:hover,:focus-visible,:active) .detail-signal i{transform:none}
 .card .detail-glint{display:none;animation:none!important}
 .card .bar::after{transform:none}
}