/* Isolated portfolio presentation. Existing site and admin styles stay intact. */
.ural-case{--ural-orange:#f45e2a;padding:64px 0 60px;scroll-margin-top:80px;background:linear-gradient(180deg,#090b10,#0c0e13 62%,#090b10)}
.ural-case .container{width:min(1040px,calc(100% - 80px))}
.ural-case__kicker{display:flex;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid #242831;color:#979eae;font:500 10px/1.5 var(--body);letter-spacing:.16em;text-transform:uppercase}
.ural-case__kicker span:first-child::before{content:"";display:inline-block;width:6px;height:6px;margin-right:12px;background:var(--ural-orange);border-radius:50%;box-shadow:0 0 14px #f45e2a66}
.ural-case__heading{display:grid;grid-template-columns:1.25fr 1fr;gap:34px;align-items:end;margin:28px 0 22px}
.ural-case__overline{color:#b0b6c1;font-size:9px;letter-spacing:.17em;margin-bottom:12px}
.ural-case h2{font:500 clamp(28px,2.8vw,42px)/1.14 var(--display);letter-spacing:-.045em;color:#f5f5f2}
.ural-case h2 span{color:#939db0}
.ural-case__intro p{max-width:400px;color:#a5aab6;font-size:12px;line-height:1.72}
.ural-case__visit{display:inline-flex;align-items:center;gap:22px;margin-top:18px;border-bottom:1px solid #757d8e;padding:0 0 8px;color:#f3f4f8;font-size:11px;font-weight:600;transition:color .2s,border-color .2s}
.ural-case__visit:hover{color:#ff9068;border-color:var(--ural-orange)}
.ural-case__visit span{font-size:22px;font-weight:400;line-height:1}
.ural-case__tags{display:flex;flex-wrap:wrap;gap:7px;list-style:none;margin:0 0 20px;padding:0}
.ural-case__tags li{border:1px solid #31343c;border-radius:3px;padding:6px 10px;font-size:8px;letter-spacing:.12em;color:#c3c7d0;background:#ffffff03}
.ural-case__showcase{position:relative;isolation:isolate;padding:42px 14% 54px 30px;border:1px solid #333138;border-radius:8px;background:radial-gradient(ellipse at 70% 45%,#9c421d2b,transparent 65%),linear-gradient(135deg,#1e2025,#111217);overflow:hidden}
.ural-case__showcase::before{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:60px 60px;pointer-events:none}
.ural-case__stage-label{position:absolute;left:30px;top:16px;color:#888992;font:500 7px/1.4 var(--body);letter-spacing:.17em}
.ural-case__desktop{border:1px solid #48464b;border-radius:8px;overflow:hidden;box-shadow:0 30px 65px #0008;background:#0d0e10}
.ural-case__browser{height:24px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;color:#9b9ba3;font-size:7px;background:#242429;border-bottom:1px solid #333339}
.ural-case__dots{display:flex;gap:4px}.ural-case__dots i{display:block;width:4px;height:4px;background:#6b6971;border-radius:50%}
.ural-case__desktop a,.ural-case__screen a{display:block;overflow:hidden;background:#101312}
.ural-case__desktop img{display:block;width:100%;height:auto}
.ural-case__phone{position:absolute;width:21%;max-width:210px;right:20px;bottom:32px;padding:6px;background:#101113;border:1px solid #7c7673;border-radius:23px;box-shadow:0 20px 44px #000a}
.ural-case__phone-screen{display:block;aspect-ratio:921/1817;overflow:hidden;border-radius:19px;background:#0b1010}
.ural-case__phone-screen img{display:block;width:100%;height:auto;margin-top:-25.08%}
.ural-case__phone figcaption{position:absolute;left:0;right:0;bottom:-24px;text-align:center;color:#b6a89f;font-size:7px;letter-spacing:.14em;white-space:nowrap}
.ural-case__stage-foot{position:absolute;left:30px;right:29%;bottom:17px;display:flex;justify-content:space-between;gap:16px;align-items:center;color:#9d9692;font-size:7px;letter-spacing:.1em}
.ural-case__stage-foot span:first-child{color:#e5ded8;font:500 12px var(--display);letter-spacing:.03em}
.ural-case__story{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;padding:28px 0 30px;margin-bottom:28px;border-bottom:1px solid #292d34}
.ural-case__index{display:block;color:#8590a5;letter-spacing:.15em;font-size:9px;margin-bottom:12px}
.ural-case__story h3{color:#eeeef1;font:500 17px/1.45 var(--display);letter-spacing:-.025em}
.ural-case__story p{color:#959dac;font-size:11px;line-height:1.78}
.ural-case__story>p{padding-top:22px}
.ural-case__screens-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:18px}
.ural-case__screens-heading h3{font:500 clamp(17px,1.8vw,22px)/1.35 var(--display);letter-spacing:-.03em;color:#e5e8ef}
.ural-case__screens-heading>span{font-size:8px;letter-spacing:.17em;color:#778398;white-space:nowrap}
.ural-case__screens{display:grid;grid-template-columns:1fr 1fr;gap:22px 18px}
.ural-case__screen{min-width:0;margin:0}
.ural-case__screen--works{grid-column:1/-1}
.ural-case__screen a{border:1px solid #313640;border-radius:6px;transition:border-color .25s;box-shadow:0 10px 30px #0002}
.ural-case__screen a:hover{border-color:#81736c}
.ural-case__screen img{display:block;width:100%;height:auto;transition:transform .5s}
.ural-case__screen a:hover img{transform:scale(1.015)}
.ural-case__screen figcaption{display:flex;justify-content:space-between;align-items:start;gap:16px;padding:12px 0 0}
.ural-case__screen figcaption b{display:block;color:#e1e5ee;font-weight:500;font-size:11px}
.ural-case__screen figcaption small{display:block;color:#8290a3;font-size:9px;margin-top:4px}
.ural-case__screen figcaption>span:last-child{color:#9eabbc;font-size:20px;line-height:1}
.ural-case__closing{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:28px;padding-top:22px;border-top:1px solid #292d34}
.ural-case__closing p{font-size:12px;color:#9ca6b6}
.ural-case__closing a{display:inline-flex;align-items:center;gap:20px;color:#c5d3ff;font-size:12px;padding:10px 0}
.ural-case a:focus-visible{outline:2px solid #ff9268;outline-offset:5px}
@media(min-width:1350px){.ural-case__showcase{padding-top:48px;padding-bottom:60px}.ural-case__phone{bottom:36px}.ural-case__stage-foot{bottom:20px}}
@media(max-width:1100px){.ural-case .container{width:min(100% - 48px,1040px)}}
@media(max-width:760px){
  .ural-case{padding:56px 0}
  .ural-case .container{width:min(100% - 32px,1040px)}
  .ural-case__heading{grid-template-columns:1fr;gap:22px;margin-top:25px}
  .ural-case__intro p{max-width:570px}
  .ural-case__kicker{font-size:8px;letter-spacing:.1em}
  .ural-case__showcase{padding:40px 12% 56px 16px;border-radius:7px}
  .ural-case__stage-label{left:16px;font-size:6px;top:16px}
  .ural-case__phone{right:12px;bottom:32px;width:24%;padding:4px;border-radius:17px}
  .ural-case__phone-screen{border-radius:12px}
  .ural-case__phone figcaption{font-size:5px;bottom:-17px}
  .ural-case__browser{height:20px;font-size:6px;padding:0 8px}
  .ural-case__stage-foot{left:16px;bottom:17px;font-size:6px}
  .ural-case__stage-foot span:first-child{font-size:9px}
  .ural-case__story{grid-template-columns:1fr 1fr;gap:20px;padding:27px 0;margin-bottom:26px}
  .ural-case__story>p{padding-top:0;grid-column:1;grid-row:2}
  .ural-case__story>div:last-child{grid-column:2;grid-row:1/3}
  .ural-case__story h3{font-size:16px}
  .ural-case__screens-heading>span{display:none}
}
@media(max-width:480px){
  .ural-case__kicker{gap:12px;font-size:7px}
  .ural-case__kicker span:first-child::before{margin-right:7px}
  .ural-case h2{font-size:30px}
  .ural-case__tags{gap:6px}.ural-case__tags li{font-size:7px;padding:6px 8px}
  .ural-case__showcase{padding-top:32px;padding-bottom:95px;padding-right:16px}
  .ural-case__phone{width:28%;right:14px;bottom:27px;border-radius:16px}
  .ural-case__phone-screen{border-radius:11px}
  .ural-case__stage-foot{right:36%;bottom:28px;display:grid;gap:4px}
  .ural-case__story{gap:17px}
  .ural-case__story p{font-size:11px}
  .ural-case__screens{grid-template-columns:1fr;gap:25px}
  .ural-case__screen--works{grid-column:auto}
  .ural-case__closing{align-items:start;flex-direction:column;gap:6px}
}
@media(prefers-reduced-motion:reduce){.ural-case a,.ural-case img{transition:none!important}.ural-case__screen a:hover img{transform:none}}