/* IDA Studio · Expertises / prominent IDA PRO entrypoint, Penrose signature.
   Full-width glass editorial banner. Slow metal-glint CTA, no page movement. */
#expertises .ida-pro-spotlight {
 --ida-spotlight-metal:#d9ac68;
 --ida-spotlight-gold:#f9e1af;
 --ida-spotlight-ink:#20170d;
 position:relative;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(230px,.85fr);
 align-items:center;column-gap:clamp(20px,4vw,76px);row-gap:23px;
 margin-top:clamp(27px,4vw,52px);padding:clamp(26px,4vw,53px);
 border:1px solid rgba(216,173,102,.42);border-radius:23px;
 background:radial-gradient(ellipse at 93% 38%,rgba(218,173,101,.10),transparent 58%),var(--glass);
 box-shadow:0 16px 68px rgba(0,0,0,.09),inset 0 1px rgba(255,235,197,.055);
 backdrop-filter:blur(18px);overflow:hidden;isolation:isolate;
}
html[data-theme="ivory"] #expertises .ida-pro-spotlight {
 --ida-spotlight-metal:#b58b50;--ida-spotlight-gold:#e7cda2;
 border-color:rgba(171,129,71,.33);
 background:radial-gradient(ellipse at 90% 40%,rgba(177,140,77,.13),transparent 60%),var(--glass);
}
#expertises .ida-pro-spotlight::before{
 content:"";position:absolute;top:0;bottom:0;left:0;width:2px;
 background:linear-gradient(180deg,transparent,var(--ida-spotlight-metal),transparent);
 opacity:.9;pointer-events:none;
}
#expertises .ida-pro-spotlight-kicker{
 color:var(--accent2);font-size:10px;letter-spacing:.19em;font-weight:600;
 margin:0 0 16px;
}
#expertises .ida-pro-spotlight h2 {
 font-size:clamp(27px,3vw,44px);line-height:1.15;font-weight:400;
 letter-spacing:-.045em;color:var(--text);margin:0 0 16px;text-wrap:balance;
}
#expertises .ida-pro-spotlight .ida-pro-spotlight-description{
 color:var(--muted);font-size:clamp(13px,1.2vw,15px);line-height:1.78;
 max-width:640px;margin:0;
}
#expertises .ida-pro-spotlight .ida-pro-spotlight-foot {
 color:var(--soft);letter-spacing:.065em;font-size:10px;margin:19px 0 0;
}
#expertises .ida-pro-spotlight-button {
 position:relative;display:flex;align-items:center;justify-content:space-between;
 gap:12px;min-height:78px;padding:15px clamp(15px,1.8vw,24px);
 border-radius:14px;border:1px solid rgba(255,241,205,.77);overflow:hidden;
 background:linear-gradient(125deg,#c79b5c 0%,#f2d69c 47%,#bd8e4d 100%);
 box-shadow:0 11px 36px rgba(192,139,63,.22),inset 0 1px rgba(255,255,241,.49);
 color:var(--ida-spotlight-ink);font-size:clamp(13px,1.1vw,15px);
 font-weight:650;letter-spacing:-.015em;text-decoration:none;line-height:1.3;
 transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease;
}
html[data-theme="ivory"] #expertises .ida-pro-spotlight-button{
 background:linear-gradient(125deg,#b89562 0%,#f2d7ad 46%,#b98b53 100%);
 box-shadow:0 11px 36px rgba(132,101,58,.16),inset 0 1px rgba(255,255,241,.65);
}
#expertises .ida-pro-spotlight-button::before{
 content:"";position:absolute;z-index:0;inset:0;
 background:linear-gradient(104deg,transparent 0%,transparent 37%,rgba(255,255,255,.0) 40%,rgba(255,255,242,.48) 49%,rgba(255,255,242,.14) 55%,transparent 66%,transparent 100%);
 transform:translateX(-155%);pointer-events:none;
 animation:ida-pro-cta-glint 7s cubic-bezier(.28,.13,.24,1) infinite;
}
#expertises .ida-pro-spotlight-button > *{position:relative;z-index:1}
#expertises .ida-pro-spotlight-penrose{width:32px;height:32px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(73,40,9,.25))}
#expertises .ida-pro-spotlight-button-text{max-width:190px;flex:1}
#expertises .ida-pro-spotlight-arrow{font-size:27px;font-weight:300;transition:transform .4s ease}
#expertises .ida-pro-spotlight-button:hover,#expertises .ida-pro-spotlight-button:focus-visible{
 transform:translateY(-2px);box-shadow:0 16px 45px rgba(215,162,88,.36),inset 0 1px rgba(255,255,241,.65);
}
#expertises .ida-pro-spotlight-button:hover .ida-pro-spotlight-arrow,#expertises .ida-pro-spotlight-button:focus-visible .ida-pro-spotlight-arrow{transform:translate(3px,-3px)}
#expertises .ida-pro-spotlight-button:focus-visible{outline:2px solid var(--accent2);outline-offset:4px}
@keyframes ida-pro-cta-glint{
 0%,32%{transform:translateX(-155%)}
 72%{transform:translateX(175%)}
 100%{transform:translateX(175%)}
}
html[data-ida-motion-off="true"] #expertises .ida-pro-spotlight-button::before{animation:none!important;transform:none!important}
@media(prefers-reduced-motion:reduce){
 #expertises .ida-pro-spotlight-button::before{animation:none!important;transform:none!important}
 #expertises .ida-pro-spotlight-button,#expertises .ida-pro-spotlight-arrow{transition:none!important}
}
@media(max-width:880px){
 #expertises .ida-pro-spotlight{grid-template-columns:1fr}
 #expertises .ida-pro-spotlight-button{width:100%;max-width:415px;min-height:69px}
}
@media(max-width:480px){
 #expertises .ida-pro-spotlight{border-radius:19px;padding:23px}
 #expertises .ida-pro-spotlight-button{font-size:14px}
}
