.modal-block p + p{margin-top:14px}
.modal-result p{margin-top:10px;margin-bottom:0}
.modal-result p + p{margin-top:12px}
.modal-block ol{margin:0;padding-left:22px;color:#d8dcf2}
.modal-block li{padding-left:6px;margin:0 0 12px}
.modal-result ol{margin:10px 0 0;padding-left:22px}
.modal-result li{margin-bottom:8px}
.case-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 30px;color:var(--muted);font-size:12px}
.case-nav-top{margin-top:0;margin-bottom:28px}
.case-nav-bottom{margin-top:34px;margin-bottom:0;padding-top:18px;border-top:1px solid var(--line)}
.case-nav button{border:1px solid #58618a;background:transparent;color:var(--ink);border-radius:999px;padding:8px 13px;font:600 12px 'Golos Text';cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.case-nav button:hover{background:var(--violet);border-color:var(--violet);color:#fff}
.case-contact{margin-top:28px;margin-bottom:8px}
.modal-gallery{margin-top:32px}
.competency-content{display:grid;gap:18px;margin-top:42px}
.competency-group{border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,#10152c,#131a34);padding:28px}
.competency-group h3{font-size:28px;margin:0 0 22px;color:var(--ink)}
.competency-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.competency-group h4{margin:0 0 12px;color:var(--yellow);font-size:17px}
.competency-group ul{padding-left:18px;margin:0;color:var(--muted);font-size:13px}
.competency-group li{margin:0 0 9px}
.experience-layout{display:grid;grid-template-columns:2fr 1fr;gap:34px}
.experience-layout p{margin:0 0 16px;color:var(--muted);font-size:14px}
.tools-list{columns:2}
.hero{grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);gap:56px;align-items:center}
.hero-copy{position:relative;z-index:2}
.eyebrow-subline{display:inline-block;margin:8px 0 0 16px;color:#858cae;letter-spacing:.08em;text-transform:none;font-weight:400}
.hero-actions{flex-wrap:wrap;gap:12px}
.hero-visual{width:min(100%,440px);justify-self:end;height:540px;min-height:420px;display:flex;align-items:flex-end;justify-content:center;position:relative;overflow:hidden;border-radius:28px;background:radial-gradient(circle at 72% 35%,#2d3765 0,#121a37 42%,#0a0d1c 80%);border:1px solid #ffffff16}
.hero-visual::after{content:'';position:absolute;inset:auto 0 0;height:38%;background:linear-gradient(transparent,#0a0d1c);z-index:3;pointer-events:none}
.hero-portrait-glow{position:absolute;width:80%;height:80%;top:10%;border-radius:50%;border:1px solid #2dd8ef55;box-shadow:0 0 0 28px #7658ff17,0 0 80px #2dd8ef22}
.hero-portrait{position:relative;z-index:2;width:100%;height:108%;object-fit:contain;object-position:center bottom;mix-blend-mode:normal;filter:saturate(.92) contrast(1.03);transform:translateY(4%)}
.button-primary{background:linear-gradient(135deg,#7658ff,#5441cf);color:#fff}
.button-primary:hover{background:linear-gradient(135deg,#8b72ff,#644de4)}
.text-link,.header-contact{color:#d4d9f4}
.competency-group{background:transparent;border:0;padding:0}
.competency-group h3{font-size:28px;margin:0 0 18px}
.competency-columns,.experience-layout{gap:16px}
.competency-columns>div,.experience-layout>div{border:1px solid var(--line);border-top:2px solid var(--cyan);border-radius:14px;background:linear-gradient(145deg,#10152cbb,#151c39aa);padding:20px}
.competency-columns>div{min-height:100%}
.experience-layout>div{padding:22px}
.competency-group h4{font-family:'Golos Display','Golos Text',sans-serif;font-weight:600}
.approach-grid span{font-family:'Roboto Mono','SFMono-Regular',Consolas,monospace;font-weight:500;letter-spacing:.04em;font-variant-numeric:tabular-nums}
.case-art{background-color:#10152c;background-size:cover;background-repeat:no-repeat;background-position:center;opacity:.62;filter:saturate(.9) brightness(.9);transition:none!important}
.case-art::after{background:linear-gradient(0deg,#080b19e8 0%,#080b1930 72%)}
.case-03 .case-art{transform:rotate(90deg) scale(1.7)}
.case-06 .case-art{transform:rotate(90deg) scale(1.7)}
.case-card:hover .case-art{transform:none}
.case-03:hover .case-art{transform:rotate(90deg) scale(1.7)}
.case-06:hover .case-art{transform:rotate(90deg) scale(1.7)}
@media(max-width:800px){
 .hero{display:flex;flex-direction:column;padding-top:32px;gap:16px}
 .hero-copy{width:100%}
 .hero-visual{width:100%;height:360px;min-height:320px;margin-top:10px;border-radius:22px}
 .hero-portrait{width:100%;height:106%;object-position:center bottom;transform:translateY(5%)}
 .hero-actions{gap:12px}
 .hero-actions .button{flex:1 1 100%}
 .hero-actions .text-link{padding:8px 0}
 .competency-columns{grid-template-columns:1fr 1fr}
 .competency-columns>div:first-child{grid-column:1/-1}
 .experience-layout{grid-template-columns:2fr 1fr}
 .tools-list{columns:1}
 .competency-group{padding:22px}
 .competency-group h3{font-size:24px}
 .competency-columns>div,.experience-layout>div{padding:18px}
 .eyebrow-subline{margin-left:16px;line-height:1.8}
 .case-nav{margin-top:14px;margin-bottom:22px}
 .case-nav-bottom{margin-top:26px}
 .case-contact{margin-top:30px;margin-bottom:12px}
}
@media(max-width:520px){.competency-columns,.experience-layout{grid-template-columns:1fr}.competency-columns>div:first-child{grid-column:auto}}