/* Start:/local/portfolio/portfolio.css?17922534178303*/
/* Portfolio shares the homepage's warm palette, typography and quiet outlines. */
main .content:has(>.rp-portfolio){--rp-ink:#181818;--rp-muted:#66645f;--rp-warm:#f6f1e8;--rp-line:#1818181a;color:var(--rp-ink)}
main .content:has(>.rp-portfolio)>.main_title.global{display:block;text-align:left;font-size:clamp(36px,5vw,64px);font-weight:700;letter-spacing:-.045em;line-height:1.08;margin:38px 0 28px;padding:0;text-transform:none}
main .content:has(>.rp-portfolio)>.main_title.global:before,main .content:has(>.rp-portfolio)>.main_title.global:after{display:none}
main .content:has(>.rp-portfolio)>.main_title.global>span{padding:0;background:none;font:inherit}
.rp-portfolio{font-size:14px;line-height:1.65;padding-bottom:72px}
.rp-portfolio *{box-sizing:border-box;min-width:0}
.rp-portfolio a{color:inherit;text-decoration:none;border:0}
.rp-portfolio a:focus-visible{outline:3px solid #9a7500;outline-offset:5px}
.rp-portfolio h2{font-size:clamp(27px,3vw,40px);letter-spacing:-.035em;line-height:1.15;font-weight:700;text-transform:none;color:var(--rp-ink);margin:0 0 18px;overflow-wrap:anywhere}
.rp-portfolio p{margin:0 0 20px}
.rp-portfolio .rp-eyebrow{font-size:10px;letter-spacing:.12em;font-weight:700;line-height:1.5;margin:0 0 14px}
.rp-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:0 64px;margin-bottom:36px;padding-top:26px;border-top:1px solid var(--rp-line)}
.rp-intro>.rp-eyebrow{grid-column:1 / -1;color:var(--rp-muted)}
.rp-portfolio .rp-intro__lead{font-size:clamp(26px,3.2vw,40px);letter-spacing:-.035em;line-height:1.18;font-weight:500;margin:0}
.rp-intro__copy{align-self:end;max-width:470px;color:var(--rp-muted)}
.rp-intro__copy>p{margin-bottom:14px}
.rp-portfolio .rp-text-link{display:inline-flex;align-items:center;gap:20px;color:var(--rp-ink);font-size:12px;font-weight:600;border-bottom:1px solid var(--rp-ink);padding:4px 0}
.rp-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px}
.rp-portfolio .rp-project{display:block;position:relative;border-radius:24px;overflow:hidden;background:var(--rp-warm)}
.rp-project__media{overflow:hidden;aspect-ratio:4/3;background:#e9e5dd}
.rp-project__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.rp-project:hover .rp-project__media img{transform:scale(1.025)}
.rp-project__placeholder{display:grid;place-items:center;height:100%;font-size:30px;letter-spacing:.12em;color:#817c71}
.rp-project__copy{padding:26px 72px 26px 26px;position:relative}
.rp-portfolio .rp-project h2{font-size:clamp(22px,2.2vw,30px);line-height:1.2;margin:0 0 14px}
.rp-project__copy>.rp-eyebrow{color:var(--rp-muted);font-size:9px;margin:0 0 10px}
.rp-portfolio .rp-project__meta{font-size:12px;color:var(--rp-muted);margin:0;display:flex;flex-wrap:wrap;gap:8px 20px;min-height:20px}
.rp-project__meta>span{white-space:nowrap}
.rp-project__arrow{display:grid;place-items:center;position:absolute;right:24px;top:28px;width:34px;height:34px;border:1px solid var(--rp-line);border-radius:50%;font-size:23px;line-height:1;transition:background .2s}
.rp-project:hover .rp-project__arrow{background:#ffdd2d}
.rp-project--featured{grid-column:1 / -1;color:#fff!important;isolation:isolate}
.rp-project--featured .rp-project__media{aspect-ratio:2.2}
.rp-project--featured .rp-project__media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000 30%,#000b);pointer-events:none}
.rp-project--featured .rp-project__copy{position:absolute;bottom:0;left:0;right:0;padding:44px 100px 44px 40px}
.rp-portfolio .rp-project--featured h2{font-size:clamp(32px,4vw,52px);max-width:800px;color:#fff}
.rp-project--featured .rp-project__copy>.rp-eyebrow,.rp-portfolio .rp-project--featured .rp-project__meta{color:#ffffffe0}
.rp-project--featured .rp-project__arrow{top:auto;bottom:46px;right:40px;border-color:#ffffff70;width:48px;height:48px;font-size:28px}
.rp-project--featured:hover .rp-project__arrow{color:#181818}
.rp-pagination{margin-top:36px}
.rp-pagination:empty{display:none}
.rp-pagination .pagination{gap:6px;flex-wrap:wrap}
.rp-pagination .pagination a,.rp-pagination .pagination span{border-radius:10px;box-shadow:none}
.rp-invitation{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:40px;margin-top:64px;background:var(--rp-warm);border-radius:26px}
.rp-invitation>div{max-width:650px}
.rp-invitation h2{margin-bottom:14px}
.rp-invitation>div>p:last-child{color:var(--rp-muted);margin:0}
.rp-portfolio .rp-button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;flex-shrink:0;padding:16px 22px;border:1px solid var(--rp-line);border-radius:12px;background:transparent;font-size:13px;font-weight:600;line-height:1.4;transition:background .2s}
.rp-button>span{font-size:23px}
.rp-portfolio .rp-button:hover{background:#ffdd2d}
/* Keep the existing detail text, gallery lightbox and product component. */
.rp-portfolio .post_detail>.picture{margin:30px 0 38px;overflow:hidden;border-radius:24px;background:var(--rp-warm)}
.rp-portfolio .post_detail>.picture img{display:block;width:100%;max-width:100%;max-height:780px;object-fit:contain;margin:auto}
.rp-portfolio .post_detail .post_wrapper{max-width:820px;margin:0 auto}
.rp-portfolio .post_detail .description{font-size:16px;line-height:1.8;overflow-wrap:anywhere}
.rp-portfolio .post_detail .description img{max-width:100%;height:auto}
.rp-portfolio .post_detail .pictures{margin:48px 0}
.rp-portfolio .post_detail .pictures .row{row-gap:24px}
.rp-portfolio .post_detail .pictures .element{border-radius:18px;overflow:hidden;margin:0;background:var(--rp-warm)}
.rp-portfolio .post_detail .pictures .element img{display:block;aspect-ratio:3/2;object-fit:cover}
.rp-portfolio .post_detail .bottom_info{border-top:1px solid var(--rp-line);padding-top:28px;margin:40px 0}
.rp-portfolio .post_detail .main_title{display:block;text-align:left;font-size:clamp(27px,3vw,40px);padding:0;margin:40px 0 26px}
.rp-portfolio .post_detail .main_title:before,.rp-portfolio .post_detail .main_title:after{display:none}
.rp-portfolio .post_detail .main_title>span{padding:0;font:inherit}
@media(max-width:991px){.rp-intro{gap:0 30px}.rp-project-grid{gap:24px 18px}.rp-project__copy{padding:22px 60px 22px 22px}.rp-project__arrow{right:18px;top:24px}.rp-invitation{padding:30px;gap:26px;align-items:flex-start;flex-direction:column}.rp-portfolio .post_detail .pictures .row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.rp-portfolio .post_detail .pictures .col-lg-4{max-width:100%}}
@media(max-width:600px){
 .rp-portfolio{padding-bottom:42px}
 main .content:has(>.rp-portfolio)>.main_title.global{font-size:36px;line-height:1.08;margin:26px 0 24px}
 .rp-intro{grid-template-columns:1fr;gap:18px;padding-top:20px;margin-bottom:28px}
 .rp-intro>.rp-eyebrow{margin:0}
 .rp-portfolio .rp-intro__lead{font-size:29px;line-height:1.16}
 .rp-intro__copy{font-size:13px;line-height:1.7}
 .rp-project-grid{grid-template-columns:1fr;gap:22px}
 .rp-portfolio .rp-project{border-radius:20px}
 .rp-project__media{aspect-ratio:4/3}
 .rp-project__copy{padding:22px 62px 22px 20px}
 .rp-portfolio .rp-project h2{font-size:23px;line-height:1.2}
 .rp-project__copy>.rp-eyebrow{font-size:8px}
 .rp-project__arrow{right:18px;top:23px}
 .rp-project--featured .rp-project__media{aspect-ratio:4/5;min-height:380px}
 .rp-project--featured .rp-project__copy{padding:28px 62px 28px 22px}
 .rp-portfolio .rp-project--featured h2{font-size:32px}
 .rp-project--featured .rp-project__arrow{right:18px;bottom:28px;width:34px;height:34px;font-size:23px}
 .rp-portfolio .rp-project__meta{font-size:11px}
 .rp-invitation{padding:26px 22px;margin-top:42px;border-radius:22px;gap:24px}
 .rp-invitation h2{font-size:29px}
 .rp-invitation .rp-button{width:100%}
 .rp-portfolio .post_detail>.picture{margin:24px 0;border-radius:20px}
 .rp-portfolio .post_detail .description{font-size:14px;line-height:1.75}
 .rp-portfolio .post_detail .pictures{margin:30px 0}
 .rp-portfolio .post_detail .pictures .row{grid-template-columns:1fr;row-gap:16px}
 .rp-portfolio .post_detail .bottom_info .row{row-gap:20px}
 .rp-portfolio .post_detail .ya-share2{text-align:left}
}
@media(prefers-reduced-motion:reduce){.rp-portfolio *{transition:none!important;scroll-behavior:auto!important}}

/* End */


/* Start:/bitrix/templates/Romatti_NEW/components/bitrix/news/portfolio/bitrix/news.detail/.default/style.css?15861216221253*/
.title_wrapper {max-width: 70em; padding: 1em 10em; margin: 0 auto; position: relative; z-index:1;}
.title_wrapper:before {content: ""; position: absolute; top: 0; left:0; bottom:0; right:0; background: url('/bitrix/templates/Romatti_NEW/components/bitrix/news/portfolio/bitrix/news.detail/.default/img/blog-sketchline@2x.png') center center no-repeat; background-size: contain; z-index: 1;}
.title_wrapper h1.blog_title {margin: 0 !important; z-index: 1; position: relative;}

.post_detail {}

.post_detail .picture {margin: 3em 0; text-align: center;}
.post_detail .picture img {width: 100%; max-width: 585px;}

.post_detail .post_wrapper {max-width: 45em; margin: 0 auto;}

.post_detail .description {font-size: 1.2em; line-height: 1.8em;}

.post_detail .pictures {margin: 4em 0;}
.post_detail .pictures .element {display: block; border: none; margin-bottom: 2em;}
.post_detail .pictures .element img {width: 100%;}

.post_detail .bottom_info {margin: 4em 0 3em;}
.post_detail .date {color:#777; font-size: 1.2em; line-height: 1.2em; padding-left: 2em; position: relative;}
.post_detail .date:before {content:""; position: absolute; left:0; top:0; bottom:0; width: 1.2em; background: #ffdd2d; border-radius: .3em;}

.post_detail .ya-share2 {text-align: right;}
.post_detail .ya-share2 .ya-share2__link {border: none;}

/* End */
/* /local/portfolio/portfolio.css?17922534178303 */
/* /bitrix/templates/Romatti_NEW/components/bitrix/news/portfolio/bitrix/news.detail/.default/style.css?15861216221253 */