.portfolio-label{display:block;margin-bottom:12px;color:var(--blue);font-size:13px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.portfolio-breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:34px;color:var(--muted);font-size:13px}.portfolio-category-hero{padding:126px 0 64px;background:linear-gradient(135deg,#fff,#edf5ff)}.portfolio-category-hero__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr);gap:64px;align-items:center}.portfolio-category-hero__content{padding:18px 0}.portfolio-category-hero h1,.portfolio-project-hero h1{max-width:920px;margin:0;font-size:clamp(38px,4.6vw,62px);line-height:1.02;letter-spacing:-2.4px}.portfolio-category-hero p,.portfolio-project-hero p{max-width:760px;color:var(--muted);font-size:18px;line-height:1.65}.portfolio-hero-actions{display:flex;align-items:center;gap:22px;margin-top:28px}.portfolio-hero-actions>a:not(.btn){color:#111;font-weight:750}.portfolio-category-hero__facts{display:flex;flex-wrap:wrap;gap:22px;margin:34px 0 0;padding:0;list-style:none;color:#526178;font-size:14px}.portfolio-category-hero__facts li{display:flex;align-items:center;gap:8px}.portfolio-category-hero__facts i{color:var(--blue)}.portfolio-category-hero__visual{position:relative;overflow:hidden;min-height:510px;margin:0;border-radius:10px;background:#dfe9f5;box-shadow:0 24px 70px rgba(42,73,112,.16)}.portfolio-category-hero__visual img{position:absolute;width:100%;height:100%;object-fit:cover}.portfolio-category-hero__visual::after{position:absolute;inset:45% 0 0;content:"";background:linear-gradient(transparent,rgba(7,17,32,.62))}.portfolio-category-hero__visual figcaption{position:absolute;z-index:1;right:20px;bottom:20px;left:20px;display:grid;gap:5px;padding:18px;border-radius:10px;background:rgba(255,255,255,.94);backdrop-filter:blur(8px)}.portfolio-category-hero__visual strong{font-size:17px}.portfolio-category-hero__visual span{color:var(--muted);font-size:14px;line-height:1.4}.portfolio-projects,.portfolio-specs,.portfolio-case{padding:82px 0}.portfolio-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:32px}.portfolio-heading h2,.portfolio-contact h2{max-width:760px;margin:0;font-size:clamp(32px,3.2vw,48px);line-height:1.08;letter-spacing:-1.8px}.portfolio-heading>p{max-width:530px;margin:0;color:var(--muted);line-height:1.6}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.portfolio-card{overflow:hidden;border:1px solid #d9e4f2;border-radius:10px;background:#fff}.portfolio-card__image{position:relative;display:block;overflow:hidden}.portfolio-card__image img{width:100%;height:280px;object-fit:cover;transition:transform .35s}.portfolio-card:hover img{transform:scale(1.025)}.portfolio-card__image span{position:absolute;top:14px;left:14px;padding:7px 9px;border-radius:7px;background:#fff;color:var(--blue);font-size:12px;font-weight:800}.portfolio-card>div{padding:20px}.portfolio-card small{color:var(--blue);font-weight:700}.portfolio-card h3{min-height:52px;margin:10px 0 18px;font-size:21px;line-height:1.25}.portfolio-card h3 a{color:#111}.portfolio-card__actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.portfolio-card__actions>a{color:var(--blue);font-weight:750}.portfolio-card__actions button,.portfolio-compare-main{border:1px solid #c9d8ec;border-radius:8px;background:#f5f8fc;padding:10px 12px;color:#243247;font-weight:700;cursor:pointer}.portfolio-card__actions button.is-added,.portfolio-compare-main.is-added{border-color:#8cc4a1;background:#e9f8ee;color:#166534}.portfolio-contact{padding:0 0 84px}.portfolio-contact>.container{display:flex;align-items:center;justify-content:space-between;gap:38px;padding-top:48px;padding-bottom:48px;border:1px solid #c9dcf6;border-radius:10px;background:#eaf3ff}.portfolio-contact p{max-width:720px;color:var(--muted);line-height:1.6}.portfolio-contact>div>div:last-child{display:flex;gap:10px;flex-shrink:0}.portfolio-btn-light{border:1px solid #b9cde9;background:#fff;color:#111}.portfolio-project-hero{padding:126px 0 72px;background:linear-gradient(135deg,#fff,#f0f6ff)}.portfolio-project-hero__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:58px;align-items:center}.portfolio-project-hero figure{margin:0}.portfolio-project-hero img{width:100%;height:550px;border-radius:10px;object-fit:cover}.portfolio-case{background:#0d1624;color:#fff}.portfolio-case__grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#344052}.portfolio-case article{padding:42px;background:#0d1624}.portfolio-case span{color:#62a0ff;font-weight:800}.portfolio-case h2{margin:42px 0 12px;font-size:28px}.portfolio-case p{color:#b8c5d7;line-height:1.65}.portfolio-specs dl{display:grid;grid-template-columns:1fr 1fr;margin:0;border:1px solid #d9e4f2;border-radius:10px;overflow:hidden}.portfolio-specs dl>div{display:grid;grid-template-columns:.7fr 1.3fr;gap:18px;padding:22px;border-right:1px solid #d9e4f2;border-bottom:1px solid #d9e4f2}.portfolio-specs dt{color:var(--muted)}.portfolio-specs dd{margin:0;font-weight:700}.compare-dock{position:fixed;z-index:1000;right:20px;bottom:20px;display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:10px;background:#0d1624;color:#fff;box-shadow:0 16px 45px rgba(0,0,0,.24)}.compare-dock[hidden]{display:none}.compare-dock a{color:#fff;font-weight:800}.compare-dock button{border:0;background:transparent;color:#fff;font-size:22px;cursor:pointer}
@media(max-width:1000px){.portfolio-category-hero__grid{grid-template-columns:1fr;gap:36px}.portfolio-category-hero__visual{min-height:460px}.portfolio-grid{grid-template-columns:repeat(2,1fr)}.portfolio-project-hero__grid{grid-template-columns:1fr}.portfolio-project-hero img{height:460px}.portfolio-contact>.container{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.portfolio-category-hero,.portfolio-project-hero{padding:104px 0 52px}.portfolio-category-hero h1,.portfolio-project-hero h1{font-size:36px;letter-spacing:-1.2px}.portfolio-category-hero__visual{min-height:330px}.portfolio-category-hero__visual figcaption{right:10px;bottom:10px;left:10px;padding:14px}.portfolio-category-hero__facts{gap:14px;margin-top:26px}.portfolio-heading{align-items:flex-start;flex-direction:column}.portfolio-grid{grid-template-columns:1fr}.portfolio-card__image img{height:250px}.portfolio-hero-actions{align-items:stretch;flex-direction:column}.portfolio-hero-actions .btn,.portfolio-compare-main{width:100%}.portfolio-project-hero img{height:340px}.portfolio-case__grid,.portfolio-specs dl{grid-template-columns:1fr}.portfolio-specs dl>div{grid-template-columns:1fr}.portfolio-contact>div>div:last-child{width:100%;flex-direction:column}.portfolio-contact .btn{width:100%}.compare-dock{right:0;bottom:54px;left:0;justify-content:center;border-radius:0}}
.portfolio-related{padding:76px 0;background:#f3f7fc}.portfolio-related__head{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.portfolio-related__head h2{margin:0;font-size:clamp(30px,3vw,46px)}.portfolio-related__head>div:last-child{display:flex;gap:8px}.portfolio-related__head button{width:42px;height:42px;border:1px solid #cbd9eb;border-radius:8px;background:#fff;cursor:pointer}.portfolio-related__viewport{overflow:hidden}.portfolio-related__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/5);gap:12px;transition:transform .35s ease}.portfolio-related__track[data-related-count="1"]{grid-auto-columns:100%;max-width:430px}.portfolio-related__track[data-related-count="2"]{grid-auto-columns:calc((100% - 12px)/2);max-width:872px}.portfolio-related__track[data-related-count="3"]{grid-auto-columns:calc((100% - 24px)/3);max-width:1092px}.portfolio-related__track[data-related-count="4"]{grid-auto-columns:calc((100% - 36px)/4)}.portfolio-related__card{display:grid;align-content:start;gap:7px;color:#111}.portfolio-related__image{display:block;overflow:hidden;border-radius:8px}.portfolio-related__track img{width:100%;height:165px;object-fit:cover;transition:transform .3s ease}.portfolio-related__track[data-related-count="1"] img,.portfolio-related__track[data-related-count="2"] img{height:230px}.portfolio-related__track[data-related-count="3"] img{height:200px}.portfolio-related__image:hover img{transform:scale(1.025)}.portfolio-related__track small{color:var(--muted);font-size:12px}.portfolio-related__title{margin:0;font-size:15px;font-weight:750;line-height:1.3}.portfolio-related__action{display:inline-flex;align-items:center;gap:7px;width:max-content;margin-top:3px;color:var(--blue);font-size:13px;font-weight:750}.portfolio-related__action i{font-size:11px}@media(max-width:1000px){.portfolio-related__track{grid-auto-columns:calc((100% - 24px)/3)}.portfolio-related__track[data-related-count="1"]{grid-auto-columns:100%}.portfolio-related__track[data-related-count="2"]{grid-auto-columns:calc((100% - 12px)/2)}}@media(max-width:700px){.portfolio-related{padding:18px 12px;background:#f8fbff}.portfolio-related>.container{padding:22px 16px;border:1px solid #dce7f4;border-radius:20px;background:#f0f5fb}.portfolio-related__head{align-items:center;margin-bottom:16px}.portfolio-related__head>div:last-child{display:none}.portfolio-related__head h2{font-size:24px;line-height:1.08}.portfolio-related__head .portfolio-label{margin-bottom:5px;font-size:10px}.portfolio-related__viewport{overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}.portfolio-related__viewport::-webkit-scrollbar{display:none}.portfolio-related__track{transform:none!important;transition:none}.portfolio-related__track[data-related-count="1"]{grid-auto-columns:100%;max-width:none}.portfolio-related__track:not([data-related-count="1"]){grid-auto-columns:clamp(132px,38vw,156px);gap:10px;max-width:none}.portfolio-related__track[data-related-count="2"]{grid-auto-columns:calc((100% - 10px)/2)}.portfolio-related__track[data-related-count="3"]{grid-auto-columns:calc((100% - 20px)/3)}.portfolio-related__track:not([data-related-count="1"]) .portfolio-related__card{position:relative;overflow:hidden;height:150px;border-radius:9px;background:#15304e;scroll-snap-align:start}.portfolio-related__track:not([data-related-count="1"]) .portfolio-related__image{position:absolute;inset:0;border-radius:inherit}.portfolio-related__track:not([data-related-count="1"]) .portfolio-related__image::after{position:absolute;inset:42% 0 0;content:"";background:linear-gradient(transparent,rgba(5,15,28,.88))}.portfolio-related__track:not([data-related-count="1"]) img{height:100%;border-radius:inherit}.portfolio-related__track[data-related-count="1"] img{height:165px}.portfolio-related__track:not([data-related-count="1"]) small,.portfolio-related__track:not([data-related-count="1"]) .portfolio-related__action{display:none}.portfolio-related__track:not([data-related-count="1"]) .portfolio-related__title{position:absolute;z-index:1;right:9px;bottom:9px;left:9px;margin:0;color:#fff;font-size:13px;font-weight:800;line-height:1.16;pointer-events:none}}
.portfolio-compare-page{padding-bottom:52px}.portfolio-compare-empty{padding:28px;border:1px solid #d9e4f2;border-radius:10px;background:#f5f8fc}.portfolio-compare-empty a{color:var(--blue);font-weight:800}.portfolio-compare-page+.portfolio-projects{padding-top:48px}.portfolio-compare-page+.portfolio-projects .portfolio-card h2{min-height:52px;margin:10px 0;font-size:20px}.portfolio-compare-card-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.portfolio-compare-card-actions>a{color:var(--blue);font-weight:750}.portfolio-compare-card-actions button{padding:8px 10px;border:1px solid #efb1b1;border-radius:7px;background:#fff5f5;color:#a51d1d;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.portfolio-compare-card-actions button:hover{border-color:#dc7373;background:#ffe8e8;color:#7f1515}.portfolio-compare-card-actions button:focus-visible{outline:2px solid #dc7373;outline-offset:2px}
.portfolio-category-about{padding:72px 0;border-top:1px solid #e1e9f4;border-bottom:1px solid #e1e9f4;background:#fff}.portfolio-category-about__grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(360px,1.2fr);gap:72px;align-items:start}.portfolio-category-about h2,.portfolio-process h2{margin:0;font-size:clamp(30px,3.2vw,48px);line-height:1.08;letter-spacing:-1.5px}.portfolio-category-about p{margin:0;color:var(--muted);font-size:18px;line-height:1.7}.portfolio-process{padding:82px 0;background:#f5f8fc}.portfolio-process__grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:34px;border:1px solid #d9e4f2;border-radius:10px;background:#fff;overflow:hidden}.portfolio-process__grid>div{min-height:220px;padding:28px;border-right:1px solid #d9e4f2}.portfolio-process__grid>div:last-child{border-right:0}.portfolio-process b{color:var(--blue);font-size:15px}.portfolio-process h3{margin:54px 0 10px;font-size:19px}.portfolio-process p{margin:0;color:var(--muted);line-height:1.55}.portfolio-empty{padding:28px;border:1px solid #d9e4f2;border-radius:10px;background:#f5f8fc}
@media(max-width:1000px){.portfolio-category-about__grid{grid-template-columns:1fr;gap:24px}.portfolio-process__grid{grid-template-columns:repeat(2,1fr)}.portfolio-process__grid>div:nth-child(2){border-right:0}.portfolio-process__grid>div:nth-child(-n+2){border-bottom:1px solid #d9e4f2}}
@media(max-width:700px){.portfolio-category-about,.portfolio-process{padding:56px 0}.portfolio-process__grid{grid-template-columns:1fr}.portfolio-process__grid>div{min-height:0;border-right:0;border-bottom:1px solid #d9e4f2}.portfolio-process__grid>div:last-child{border-bottom:0}.portfolio-process h3{margin-top:28px}}
.portfolio-solutions{padding:82px 0;background:#f5f8fc}.portfolio-solutions__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.portfolio-solutions article{padding:28px;border:1px solid #d9e4f2;border-radius:10px;background:#fff}.portfolio-solutions i{color:var(--blue);font-size:25px}.portfolio-solutions h3{margin:42px 0 10px;font-size:20px}.portfolio-solutions p{margin:0;color:var(--muted);line-height:1.55}.portfolio-order-info{padding:82px 0}.portfolio-order-info__grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.portfolio-order-info article{padding:34px;border:1px solid #d9e4f2;border-radius:10px}.portfolio-order-info h2{margin:0 0 28px;font-size:clamp(28px,2.6vw,40px);line-height:1.1}.portfolio-order-info ol,.portfolio-order-info ul{display:grid;gap:15px;margin:0;padding-left:24px;color:var(--muted);line-height:1.55}.portfolio-order-info li::marker{color:var(--blue);font-weight:800}@media(max-width:1000px){.portfolio-solutions__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.portfolio-solutions,.portfolio-order-info{padding:56px 0}.portfolio-solutions__grid,.portfolio-order-info__grid{grid-template-columns:1fr}.portfolio-solutions h3{margin-top:26px}}
.portfolio-editorial{padding:10px 0 82px}.portfolio-editorial__row{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start;padding:48px 0;border-top:1px solid #d9e4f2}.portfolio-editorial__row.is-reversed>div{order:2}.portfolio-editorial__row.is-reversed>p{order:1}.portfolio-editorial h2{max-width:620px;margin:0;font-size:clamp(28px,3vw,44px);line-height:1.1;letter-spacing:-1.3px}.portfolio-editorial p{max-width:680px;margin:0;color:var(--muted);font-size:17px;line-height:1.75}@media(max-width:700px){.portfolio-editorial{padding-bottom:56px}.portfolio-editorial__row{grid-template-columns:1fr;gap:22px;padding:36px 0}.portfolio-editorial__row.is-reversed>div,.portfolio-editorial__row.is-reversed>p{order:initial}}
.portfolio-category-hero__collage{position:relative;min-height:520px;overflow:visible}.portfolio-category-hero__collage::before{position:absolute;inset:5% 8% 8%;border-radius:50%;content:"";background:rgba(30,111,235,.11);filter:blur(42px)}.portfolio-category-hero__photo{position:absolute;overflow:hidden;margin:0;border:5px solid #fff;border-radius:10px;background:#fff;box-shadow:0 24px 60px rgba(31,57,88,.22);animation:portfolio-photo-float 7s ease-in-out infinite}.portfolio-category-hero__photo img{width:100%;height:100%;object-fit:cover}.portfolio-category-hero__photo--1{top:18px;left:2%;width:47%;height:230px;transform:rotate(-3deg)}.portfolio-category-hero__photo--2{top:62px;right:1%;z-index:2;width:45%;height:220px;transform:rotate(3deg);animation-delay:-1.6s}.portfolio-category-hero__photo--3{right:7%;bottom:20px;z-index:1;width:55%;height:255px;transform:rotate(2deg);animation-delay:-3.5s}.portfolio-category-hero__photo--4{bottom:34px;left:1%;z-index:3;width:38%;height:195px;transform:rotate(-2deg);animation-delay:-5.2s}@keyframes portfolio-photo-float{0%,100%{translate:0 0}50%{translate:0 -9px}}@media(max-width:1000px){.portfolio-category-hero__collage{min-height:540px;max-width:760px;width:100%;margin:auto}}@media(max-width:700px){.portfolio-category-hero__collage{min-height:390px}.portfolio-category-hero__photo{border-width:4px}.portfolio-category-hero__photo--1{top:8px;width:54%;height:170px}.portfolio-category-hero__photo--2{top:42px;width:48%;height:160px}.portfolio-category-hero__photo--3{right:4%;bottom:16px;width:60%;height:185px}.portfolio-category-hero__photo--4{bottom:26px;width:43%;height:145px}}@media(prefers-reduced-motion:reduce){.portfolio-category-hero__photo{animation:none}}
.portfolio-project-hero figure>a{display:block;cursor:zoom-in}.portfolio-project-gallery{padding:72px 0;background:#f5f8fc}.portfolio-project-gallery__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.portfolio-project-gallery__grid a{display:block;overflow:hidden;border-radius:10px;background:#dfe8f3;cursor:zoom-in}.portfolio-project-gallery__grid img{display:block;width:100%;height:280px;object-fit:cover;transition:transform .3s ease}.portfolio-project-gallery__grid a:hover img{transform:scale(1.025)}@media(max-width:900px){.portfolio-project-gallery__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.portfolio-project-gallery{padding:48px 0}.portfolio-project-gallery__grid{grid-template-columns:1fr 1fr;gap:8px}.portfolio-project-gallery__grid img{height:150px}}
.portfolio-project-showcase{display:grid;gap:10px}.portfolio-project-showcase__main{overflow:hidden;border-radius:10px;background:#dfe8f3}.portfolio-project-showcase__main img{display:block;width:100%;height:500px;object-fit:contain;background:#0d1624}.portfolio-project-showcase__thumbs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.portfolio-project-showcase__thumbs button{overflow:hidden;height:72px;padding:0;border:2px solid transparent;border-radius:8px;background:#e7eef8;cursor:pointer;opacity:.72;transition:border-color .2s,opacity .2s}.portfolio-project-showcase__thumbs button:hover,.portfolio-project-showcase__thumbs button.is-active{border-color:var(--blue);opacity:1}.portfolio-project-hero .portfolio-project-showcase__thumbs img{display:block;width:100%;height:100%;border-radius:0;object-fit:cover}@media(max-width:700px){.portfolio-project-showcase__main img{height:330px}.portfolio-project-showcase__thumbs{grid-template-columns:repeat(4,minmax(0,1fr))}.portfolio-project-showcase__thumbs button{height:60px}}

/* Four project cards per row on desktop; preview images keep the configured 16:10 crop. */
@media(min-width:1001px){.portfolio-projects .portfolio-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.portfolio-projects .portfolio-card__image img{display:block;height:auto;aspect-ratio:16/10}}

.portfolio-project-taxonomy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px;padding:22px;border:1px solid #d9e4f2;border-radius:10px;background:#f7faff}.portfolio-project-taxonomy>div{display:grid;align-content:start;gap:10px}.portfolio-project-taxonomy strong{color:#1a2e4a;font-size:14px}.portfolio-project-taxonomy__links,.portfolio-project-taxonomy__placements{display:flex;flex-wrap:wrap;gap:8px}.portfolio-project-taxonomy__links a,.portfolio-project-taxonomy__placements span{padding:8px 11px;border:1px solid #c7d9ef;border-radius:999px;background:#fff;color:#125fc5;font-size:13px;line-height:1.25}.portfolio-project-taxonomy__links a:hover{border-color:#6da7ee;background:#eef6ff}.portfolio-project-taxonomy__portfolio a{border-color:#c7dac9;color:#2d6337}.portfolio-project-taxonomy__placement-group{grid-column:1/-1;padding-top:14px;border-top:1px solid #d9e4f2}.portfolio-project-taxonomy__placements span{border-color:#d1dfd2;color:#2d6337}@media(max-width:700px){.portfolio-project-taxonomy{grid-template-columns:1fr;padding:16px}.portfolio-project-taxonomy__placement-group{grid-column:auto}}

.portfolio-project-content{padding:78px 0;border-top:1px solid #e0e8f2;background:#fff}.portfolio-project-content__body{max-width:900px;margin:0 auto;color:#42526a;font-size:18px;line-height:1.75}.portfolio-project-content__body h2{margin:0 0 20px;color:#101828;font-size:clamp(30px,3.4vw,46px);line-height:1.12;letter-spacing:-1.4px}.portfolio-project-content__body h2:not(:first-child){margin-top:52px}.portfolio-project-content__body h3{margin:36px 0 14px;color:#101828;font-size:26px;line-height:1.25}.portfolio-project-content__body p{margin:0 0 18px}.portfolio-project-content__body ul,.portfolio-project-content__body ol{display:grid;gap:12px;margin:0 0 22px;padding-left:25px}.portfolio-project-content__body li::marker{color:var(--blue);font-weight:800}@media(max-width:700px){.portfolio-project-content{padding:54px 0}.portfolio-project-content__body{font-size:16px}.portfolio-project-content__body h2:not(:first-child){margin-top:38px}.portfolio-project-content__body h3{font-size:22px}}

.portfolio-project-taxonomy__placements a{padding:8px 11px;border:1px solid #d1dfd2;border-radius:999px;background:#fff;color:#2d6337;font-size:13px;line-height:1.25}.portfolio-project-taxonomy__placements a:hover{border-color:#75aa7c;background:#eef8ef}.portfolio-placement-filter{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 12px}.portfolio-placement-filter button{padding:10px 14px;border:1px solid #c9d8ec;border-radius:999px;background:#fff;color:#243247;font:inherit;font-size:14px;font-weight:700;cursor:pointer}.portfolio-placement-filter button:hover{border-color:#7babeb;background:#f2f7ff}.portfolio-placement-filter button.is-active{border-color:var(--blue);background:var(--blue);color:#fff}.portfolio-placement-result{min-height:22px;margin:0 0 20px;color:var(--muted);font-size:14px}.portfolio-card[hidden]{display:none!important}

.portfolio-specs__materials{display:grid;gap:9px;margin:0;padding:0;list-style:none}.portfolio-specs__materials li{position:relative;padding-left:20px;line-height:1.4}.portfolio-specs__materials li::before{position:absolute;top:.55em;left:2px;width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px rgba(30,111,235,.1);content:""}

/* Compact project actions on phones; category and desktop actions stay unchanged. */
@media (max-width: 700px) {
  .portfolio-project-hero .portfolio-hero-actions {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
  }

  .portfolio-project-hero .portfolio-hero-actions > .btn,
  .portfolio-project-hero .portfolio-hero-actions > .portfolio-compare-main {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 1 auto;
    width: auto;
    max-width: 100%;
    min-height: 44px;
    padding: 10px;
    font-family: inherit;
    font-size: 12px;
    line-height: 1.3;
    text-align: center;
    white-space: normal;
  }
}

/* Премиальная подача подробного описания выполненной работы. */
.portfolio-project-content{position:relative;overflow:hidden;padding:96px 0;border-top:0;background:radial-gradient(circle at 88% 10%,rgba(34,126,255,.24),transparent 28%),radial-gradient(circle at 8% 90%,rgba(57,94,156,.2),transparent 30%),linear-gradient(145deg,#091321,#12233a 55%,#0a1524);color:#fff}.portfolio-project-content::before{position:absolute;top:-190px;right:-150px;width:460px;height:460px;border:1px solid rgba(137,187,255,.16);border-radius:50%;content:""}.portfolio-project-content::after{position:absolute;right:70px;bottom:-235px;width:420px;height:420px;border:80px solid rgba(82,146,232,.05);border-radius:50%;content:""}.portfolio-project-content__body{position:relative;z-index:1;max-width:1080px;padding:clamp(34px,5vw,68px);overflow:hidden;border:1px solid rgba(164,199,245,.22);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.035));box-shadow:0 38px 90px rgba(0,0,0,.28);color:#c8d6e9;font-size:18px;line-height:1.75;backdrop-filter:blur(12px)}.portfolio-project-content__body::before{display:inline-flex;margin-bottom:24px;padding:7px 11px;border:1px solid rgba(117,178,255,.35);border-radius:999px;background:rgba(30,111,235,.14);color:#89bdff;content:"РЕАЛИЗОВАННЫЙ ПРОЕКТ";font-size:11px;font-weight:850;letter-spacing:.12em}.portfolio-project-content__body::after{position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#1677ff,#73b4ff 52%,transparent);content:""}.portfolio-project-content__body h2{max-width:900px;margin:0 0 22px;color:#fff;font-size:clamp(34px,4.3vw,56px);line-height:1.04;letter-spacing:-2px}.portfolio-project-content__body h2:not(:first-child){margin-top:62px;padding-top:48px;border-top:1px solid rgba(165,199,242,.2);font-size:clamp(29px,3vw,42px);letter-spacing:-1.3px}.portfolio-project-content__body h3{position:relative;margin:38px 0 13px;padding-left:21px;color:#91c2ff;font-size:23px;line-height:1.25}.portfolio-project-content__body h3::before{position:absolute;top:.25em;bottom:.2em;left:0;width:4px;border-radius:4px;background:linear-gradient(#2380ff,#8ac0ff);content:""}.portfolio-project-content__body p{max-width:940px;margin:0 0 19px;color:#c8d6e9}.portfolio-project-content__body>p:first-of-type{max-width:940px;margin-bottom:30px;color:#f1f6fd;font-size:clamp(19px,2vw,23px);line-height:1.6}.portfolio-project-content__body strong{color:#fff}.portfolio-project-content__body ul,.portfolio-project-content__body ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:30px 0 0;padding:0;list-style:none}.portfolio-project-content__body li{position:relative;min-height:78px;padding:17px 18px 17px 54px;border:1px solid rgba(151,190,239,.2);border-radius:13px;background:rgba(255,255,255,.055);color:#e1eaf6;line-height:1.45}.portfolio-project-content__body li::before{position:absolute;top:17px;left:17px;width:24px;height:24px;border:1px solid rgba(119,181,255,.45);border-radius:50%;background:rgba(25,115,241,.2);color:#91c3ff;content:"✓";font-size:13px;font-weight:900;line-height:22px;text-align:center}.portfolio-project-content__body li::marker{content:""}@media(max-width:700px){.portfolio-project-content{padding:54px 0}.portfolio-project-content__body{padding:28px 22px;border-radius:18px;font-size:16px}.portfolio-project-content__body h2{font-size:34px;letter-spacing:-1.2px}.portfolio-project-content__body h2:not(:first-child){margin-top:42px;padding-top:36px;font-size:29px}.portfolio-project-content__body h3{margin-top:30px;font-size:21px}.portfolio-project-content__body>p:first-of-type{font-size:18px}.portfolio-project-content__body ul,.portfolio-project-content__body ol{grid-template-columns:1fr}.portfolio-project-content::before,.portfolio-project-content::after{display:none}}
.portfolio-related__head>div.portfolio-related__title:last-child{display:block}
@media(max-width:700px){.portfolio-related__head>div.portfolio-related__title:last-child{display:block}}

/* Shared approval process, below both project-specific case columns. */
.portfolio-case__approval {
  padding: 30px 42px 0;
  border-top: 1px solid #344052;
}
.portfolio-case .portfolio-case__approval-title {
  margin: 0 0 12px;
  color: #62a0ff;
  font-size: 17px;
  line-height: 1.45;
}
.portfolio-case__approval-copy {
  max-width: 1100px;
  margin: 0;
  font-size: 16px;
  line-height: 1.7;
}
.portfolio-case__approval-copy + .portfolio-case__approval-copy {
  margin-top: 12px;
}
@media (max-width: 700px) {
  .portfolio-case article { padding: 28px 24px; }
  .portfolio-case__approval { padding: 24px 24px 0; }
  .portfolio-case .portfolio-case__approval-title { font-size: 16px; }
  .portfolio-case__approval-copy { font-size: 15px; }
}