/* Start:/local/templates/kladov/components/bitrix/news/kladov_portfolio/style.css?17897307396705*/

body.page-portfolio,body:has(.pf-root){height:auto;min-height:100vh;overflow:auto;overflow-x:clip}
body:has(.pf-root) .site-shell,body:has(.pf-root) .site-main{height:auto;min-height:0;overflow:visible}
body:has(.pf-root) .site-background-overlay{background:linear-gradient(90deg,rgba(10,12,14,.97),rgba(10,12,14,.90)),linear-gradient(0deg,#0d0f12,transparent)}
body:has(.pf-root) .side-decoration--right,body:has(.pf-root) .side-decoration__text{color:rgba(252,217,184,.82)}
.pf-root{--pf-line:rgba(224,145,69,.3);max-width:1240px;margin:auto;padding:28px 40px 90px;color:#f0ece7;font:15px/1.8 var(--font-main,sans-serif);position:relative}
.pf-root *{box-sizing:border-box}.pf-root a{color:inherit;text-decoration:none}.pf-root a:focus-visible{outline:2px solid #e09145;outline-offset:5px}
.pf-root h1,.pf-root h2{font-family:var(--font-display,sans-serif);font-weight:400;line-height:1.16;text-wrap:balance}.pf-root h1{font-size:clamp(40px,5.4vw,76px);margin:0;max-width:1000px}.pf-root h1 em{font-style:normal;color:#fcd9b8}.pf-root h2{font-size:36px;margin:0 0 22px}.pf-root h3{font-size:16px;font-weight:500;line-height:1.5;color:#fcd9b8}.pf-root p{color:#bfbcb7}.pf-breadcrumb{display:flex;gap:12px;flex-wrap:wrap;font-size:11px;color:#aaa;margin-bottom:44px}.pf-breadcrumb>span:not([aria-current]){color:#e09145}.pf-kicker{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#e09145;margin-bottom:20px}.pf-kicker:before{content:'';display:inline-block;vertical-align:middle;width:30px;height:1px;background:#e09145;margin-right:12px}.pf-hero{padding-bottom:42px;border-bottom:1px solid var(--pf-line)}.pf-hero p{max-width:760px;font-size:17px;margin:24px 0 0}.pf-hero .pf-credit{font-size:13px;color:#a7a4a0}
.pf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:42px 0 70px}.pf-card{border:1px solid var(--pf-line);background:rgba(20,23,27,.93);min-width:0;display:flex;flex-direction:column}.pf-cover{display:block;aspect-ratio:3/2;overflow:hidden;background:#25282c;border-bottom:1px solid var(--pf-line)}.pf-cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:none;transition:none}.pf-card:hover .pf-cover img{transform:none}.pf-card-body{padding:26px;display:flex;flex-direction:column;flex:1}.pf-card h2{font-size:32px;margin:0 0 12px}.pf-card h3{margin:0 0 12px}.pf-card p{font-size:13px;margin:0 0 20px}.pf-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:24px}.pf-tags span,.pf-tags a{border:1px solid var(--pf-line);font-size:10px;padding:4px 9px;color:#d8c6b6}.pf-tags a:hover{border-color:#e09145}.pf-cta{display:inline-flex;gap:20px;align-items:center;font-size:13px;color:#fcd9b8!important;margin-top:auto;align-self:flex-start}.pf-hex{width:48px;height:56px;color:#e09145;flex-shrink:0;overflow:visible}.pf-hex path{transition:transform .25s}.pf-cta:hover .pf-hex path{transform:translateX(4px)}.pf-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:linear-gradient(135deg,#16191d,#302a22);color:#cfb08e;font:26px var(--font-display,sans-serif)}
.pf-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin:32px 0}.pf-facts dt{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#e09145}.pf-facts dd{margin:8px 0 0;font-size:13px;color:#d2cec8}.pf-facts a{border-bottom:1px solid var(--pf-line)}.pf-main-image{margin:36px 0 48px}.pf-main-image img{width:100%;height:auto;display:block;border:1px solid var(--pf-line)}.pf-root figcaption{font-size:11px;color:#979ba2;margin-top:10px}.pf-case{max-width:850px;margin:0 auto}.pf-case section{padding:0 0 32px;margin-bottom:32px;border-bottom:1px solid var(--pf-line)}.pf-case h2{font-size:34px}.pf-case li{margin-bottom:12px;color:#bfbcb7}.pf-case ul{padding-left:22px}.pf-gallery{margin:50px 0}.pf-gallery>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.pf-gallery figure{margin:0}.pf-gallery img{display:block;width:100%;height:340px;object-fit:cover;object-position:top;border:1px solid var(--pf-line)}.pf-related{margin:44px 0}.pf-back{display:inline-block;margin:25px 0;color:#fcd9b8!important}.pf-bottom{border-top:1px solid var(--pf-line);padding-top:42px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;margin-top:35px}.pf-bottom p{max-width:700px}.pf-bottom .pf-cta{margin:0}.pf-empty{padding:50px 0}
@media(min-width:1280px){body:has(.pf-root) .pf-root{width:calc(100% - 280px)}body:has(.pf-root) .site-footer{width:calc(100% - 280px);max-width:1240px;margin-inline:auto}body:has(.pf-root) .side-decoration{pointer-events:none}}
@media(max-width:1279.98px){body:has(.pf-root) .side-decoration{display:none}}
@media(max-width:767px){.pf-root{padding:24px 20px 60px}.pf-grid,.pf-gallery>div,.pf-bottom{grid-template-columns:1fr}.pf-facts{grid-template-columns:1fr}.pf-breadcrumb{margin-bottom:30px}.pf-card-body{padding:22px}.pf-card h2{font-size:30px}.pf-hero p{font-size:15px}.pf-gallery img{height:280px}}
@media(max-height:619px){body:has(.pf-root) .side-decoration{display:none}body:has(.pf-root) .pf-root,body:has(.pf-root) .site-footer{width:100%}}
@media(prefers-reduced-motion:reduce){.pf-root *{transition:none!important}}
/* Editorial lists: Art Deco hexagons, scoped to portfolio case content. */
.pf-case ul,
.pf-case ol {
    list-style: none;
    margin: 22px 0 28px;
    padding: 0;
}

.pf-case li {
    position: relative;
    margin: 0 0 12px;
    line-height: 1.8;
}

.pf-case ul > li {
    padding-inline-start: 30px;
}

.pf-case ol > li {
    padding-inline-start: 42px;
    min-height: 27px;
}

.pf-case ul > li::before,
.pf-case ol > li::before {
    position: absolute;
    inset-inline-start: 0;
    top: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 26'%3E%3Cpath d='M7.5 1.5h13L27 13l-6.5 11.5h-13L1 13Z' fill='none' stroke='%23E09145' stroke-width='1'/%3E%3C/svg%3E") center / contain no-repeat;
    pointer-events: none;
}

.pf-case ul > li::before {
    content: "";
    width: 12px;
    height: 12px;
    top: .9em;
    transform: translateY(-50%);
    inset-inline-start: 2px;
}

.pf-case ol > li::before {
    /* Native list-item counter retains ol start/reversed and li value. */
    content: counter(list-item);
    display: grid;
    place-items: center;
    width: 28px;
    height: 27px;
    color: #FCD9B8;
    font-family: var(--font-main, sans-serif);
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.pf-case li > p:first-child {
    margin-top: 0;
}

.pf-case li > ul,
.pf-case li > ol {
    margin-block: 12px 6px;
}

/* End */
/* /local/templates/kladov/components/bitrix/news/kladov_portfolio/style.css?17897307396705 */