/* Ciprian Site: block styles. Colors, sizes and spacing for every cd-* class used in the pages. */
:is(body.cd-page,.editor-styles-wrapper) .cd-root{--cd-accent:#C2410C;--cd-pad:max(32px,calc((100% - 1216px)/2));position:relative;width:100%;box-sizing:border-box;background:#F6F6F3;color:#111;font-family:'Inter',Arial,sans-serif;font-size:17px;line-height:1.55;overflow-x:hidden}
:is(body.cd-page,.editor-styles-wrapper) .cd-root *,:is(body.cd-page,.editor-styles-wrapper) .cd-root *::before,:is(body.cd-page,.editor-styles-wrapper) .cd-root *::after{box-sizing:border-box}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .is-layout-flow>*,:is(body.cd-page,.editor-styles-wrapper) .cd-root .is-layout-constrained>*{margin-block-start:0!important;margin-block-end:0!important}
:is(body.cd-page,.editor-styles-wrapper) .cd-root p,:is(body.cd-page,.editor-styles-wrapper) .cd-root h1,:is(body.cd-page,.editor-styles-wrapper) .cd-root h2,:is(body.cd-page,.editor-styles-wrapper) .cd-root h3{margin:0;color:inherit}
:is(body.cd-page,.editor-styles-wrapper) .cd-root a,:is(body.cd-page,.editor-styles-wrapper) .cd-root a:hover,:is(body.cd-page,.editor-styles-wrapper) .cd-root a:focus{color:inherit;text-decoration:none}
:is(body.cd-page,.editor-styles-wrapper) .cd-root :is(h1,h2,h3){font-family:'Bricolage Grotesque',Arial,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:-.03em;line-height:.98}
:is(body.cd-page,.editor-styles-wrapper) .cd-root h1{font-size:96px}
:is(body.cd-page,.editor-styles-wrapper) .cd-root h2{font-size:64px;padding-bottom:56px}
:is(body.cd-page,.editor-styles-wrapper) .cd-root h3{font-size:28px;padding-bottom:10px}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-num{font-size:15px;font-weight:500;color:var(--cd-accent);padding-bottom:12px}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-dark .cd-num{color:#FFA270}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-body{color:#3D3D3A}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-lead{max-width:620px;font-size:20px;color:#3D3D3A}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-lead-dark{font-size:20px;padding-bottom:20px}

/* tones for photo placeholders */
.cd-t0{background:linear-gradient(135deg,#7C2D12,#C2410C)}
.cd-t1{background:linear-gradient(135deg,#2a2a28,#6b6b64)}
.cd-t2{background:linear-gradient(135deg,#c9c9c2,#8d8d85)}
.cd-t3{background:linear-gradient(135deg,#431407,#9A3412)}
.cd-t4{background:linear-gradient(135deg,#4a4a45,#161614)}
.cd-t5{background:linear-gradient(135deg,#FDBA74,#C2410C)}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-ph{position:relative;aspect-ratio:1/1;background-size:cover;background-position:center;transition:transform .6s ease}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-r45{aspect-ratio:4/5}:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-r43{aspect-ratio:4/3}:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-r169{aspect-ratio:16/9}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-phw{overflow:hidden}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-tag{position:absolute;left:14px;bottom:14px;font-size:13px;line-height:1.4;color:#fff;background:rgba(0,0,0,.6);padding:4px 10px;border-radius:999px;max-width:calc(100% - 28px)}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-tag-top{left:auto;right:32px;top:100px;bottom:auto}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-tag-bottom{left:auto;right:32px;bottom:32px}

/* header */
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-nav{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;padding:28px var(--cd-pad)}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-over{position:absolute;left:0;right:0;top:0;z-index:5;color:#fff}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-logo{font-family:'Bricolage Grotesque',Arial,sans-serif;font-weight:700;font-size:22px;text-transform:uppercase;letter-spacing:-.03em}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-nav-links{display:flex;flex-wrap:wrap;gap:28px;font-size:15px}
body.cd-on-services .cd-nav a[href*="/services/"],body.cd-on-work .cd-nav a[href*="/work/"],body.cd-on-about .cd-nav a[href*="/about/"],body.cd-on-contact .cd-nav a[href*="/contact/"]{border-bottom:2px solid currentColor}

/* hero */
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-hero{position:relative;min-height:780px;display:flex;flex-direction:column;justify-content:flex-end;padding:120px var(--cd-pad) 72px;color:#fff;background-size:cover;background-position:center}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-hero h1{font-size:112px;max-width:1100px}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-eyebrow{font-size:15px;padding-bottom:20px}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-hero-row{display:flex;flex-wrap:wrap;gap:16px;align-items:center;padding-top:36px}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-hero-sub{max-width:420px;color:#E8E8E3}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-herop{height:720px;aspect-ratio:auto;background-size:cover}

/* buttons */
:is(body.cd-page,.editor-styles-wrapper) .cd-root .wp-block-buttons{gap:16px}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-btn .wp-block-button__link{background:#111;color:#fff;border-radius:999px;padding:16px 30px;font-size:17px;font-weight:500;line-height:1.4}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-btn-light .wp-block-button__link{background:#fff;color:#111}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-btn-accent .wp-block-button__link{background:var(--cd-accent);color:#fff}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-btn .wp-block-button__link:hover{opacity:.85}

/* marquee */
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-marquee{background:#111;color:#fff;overflow:hidden;padding:22px 0}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-marquee-text{display:block;width:max-content;white-space:nowrap;font-family:'Bricolage Grotesque',Arial,sans-serif;font-weight:700;font-size:40px;text-transform:uppercase;letter-spacing:-.03em;line-height:1.1;animation:cdmq 40s linear infinite}
@keyframes cdmq{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* sections */
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-sec{padding:112px var(--cd-pad)}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-sec-top{padding-top:0}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-white{background:#fff}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-dark{background:#111;color:#fff}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-intro{padding:56px var(--cd-pad) 72px}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-intro h1{padding-bottom:28px}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-cta{display:flex;flex-wrap:wrap;gap:32px;align-items:center;justify-content:space-between;padding:104px var(--cd-pad)}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-cta h2{padding:0;max-width:760px}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-foot{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;background:#111;color:#BDBDB6;padding:0 var(--cd-pad) 40px;font-size:14px}

/* pills */
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-pills{display:flex;flex-wrap:wrap;gap:12px;padding-top:32px;padding-bottom:0}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-sec .cd-pills{padding:0 0 40px}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-pills a{display:inline-block;padding:10px 22px;border-radius:999px;border:1.5px solid #111;font-weight:500}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-pills .cd-on a{background:#111;color:#fff}

/* grids and cards */
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:48px 32px}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-g260{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:40px 48px}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-step{border-top:2px solid #111;padding-top:18px}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-tile{position:relative}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-tile:hover .cd-ph{transform:scale(1.06)}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-cap{display:flex;justify-content:space-between;padding-top:14px;font-size:15px;font-weight:500}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-cap a::after{content:"";position:absolute;inset:0}

/* service rows */
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-rows{border-bottom:1.5px solid #111}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-row{position:relative;display:grid;grid-template-columns:60px 1fr auto;gap:24px;align-items:center;padding:28px 16px;border-top:1.5px solid #111;transition:background .25s,padding .25s}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-row .cd-num,:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-row h3{padding:0}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-row-title{font-size:44px}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-row-title a::after{content:"";position:absolute;inset:0}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-row-desc{color:#3D3D3A;max-width:380px}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-row:hover{background:#111;color:#fff;padding-left:32px}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-row:hover .cd-row-desc{color:#D6D6D1}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-row:hover .cd-num{color:#FFA270}

/* services split blocks */
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-split{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:48px;align-items:center;padding:40px var(--cd-pad) 72px}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-split-top{padding-top:0}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-split-title{font-size:52px;padding-bottom:20px}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-split-text .cd-body{padding-bottom:28px}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-lines{padding-bottom:28px}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-line{border-top:1.5px solid #111;padding:12px 0}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-lines .cd-line:last-child{border-bottom:1.5px solid #111}

/* contact */
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-info{border-top:2px solid #111;padding:18px 0}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-infos .cd-info:last-child{border-bottom:2px solid #111}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-info-l{font-size:15px;color:#55554F}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-info-v{font-family:'Bricolage Grotesque',Arial,sans-serif;font-weight:700;font-size:28px;line-height:1.2}

/* project pages */
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-titlebar{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:48px;align-items:end;padding:72px var(--cd-pad)}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-h1-proj{font-size:88px}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-tagline{border-top:1.5px solid #111;padding:8px 0}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-tags .cd-tagline:last-child{border-bottom:1.5px solid #111}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:48px;padding:0 var(--cd-pad) 96px}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:24px}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-gallery .cd-wide{grid-column:1/-1}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-details{max-width:760px;margin:0 auto;padding:0 32px 72px}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-details h3{padding-bottom:24px}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-detail{display:grid;grid-template-columns:160px 1fr;gap:16px;border-top:1.5px solid #111;padding:14px 0}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-detail span{color:#55554F}:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-detail strong{font-weight:500}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-details .cd-detail:last-child{border-bottom:1.5px solid #111}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-pn{display:flex;justify-content:space-between;padding:56px var(--cd-pad);font-size:20px;font-weight:500}

@media (max-width:900px){
 :is(body.cd-page,.editor-styles-wrapper) .cd-root h1,:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-hero h1,:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-h1-proj{font-size:56px}
 :is(body.cd-page,.editor-styles-wrapper) .cd-root h2{font-size:40px}:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-row-title,:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-split-title{font-size:30px}
 :is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-row{grid-template-columns:1fr}
 :is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-sec{padding:72px var(--cd-pad)}:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-sec-top{padding-top:0}
}
@media (max-width:600px){:is(body.cd-page,.editor-styles-wrapper) .cd-root h1,:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-hero h1,:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-h1-proj{font-size:44px}:is(body.cd-page,.editor-styles-wrapper) .cd-root h2{font-size:32px}}

/* readable text over a real photo */
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-hero::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.38);pointer-events:none}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-hero>*:not(.cd-tag){position:relative;z-index:1}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-hero :is(h1,p,a){color:#fff}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-nav a,:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-nav a:hover{text-decoration:none}

/* v1.4.1: no stray gap between top-level sections, white hero text, hero banners on inner pages */
:is(body.cd-page,.editor-styles-wrapper) .cd-root>*{margin-block-start:0!important;margin-block-end:0!important}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-hero :is(h1,p,a):not(.wp-block-button__link){color:#fff!important}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-hero .cd-num{color:#FFA270!important}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-hero .cd-lead{color:#E8E8E3!important}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-hero .cd-pills a{border-color:#fff}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-hero .cd-pills .cd-on a{background:#fff;color:#111!important}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-hero .cd-tag{color:#fff!important}
@media (min-width:901px){:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-hero-sm{min-height:520px;padding-top:150px;padding-bottom:64px}:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-hero-sm h1{font-size:96px;max-width:1100px;padding-bottom:24px}}
@media (max-width:900px){:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-hero-sm{min-height:420px;padding-top:130px;padding-bottom:48px}}

/* v1.5: project articles */
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-article{padding:0 var(--cd-pad) 72px}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-article>*{max-width:760px;margin-left:auto;margin-right:auto}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-article>*+*{margin-top:24px}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-article>:is(.wp-block-image,.wp-block-gallery,.wp-block-columns,.alignwide,.alignfull,.cd-art-two,figure){max-width:none}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-article img{display:block;width:100%;height:auto}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-article figure{margin-bottom:0}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-article h2{font-size:36px;padding-bottom:0}
.cd-art-two,.cd-root .cd-art-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:48px}
.cd-art-details,.cd-root .cd-art-details{max-width:760px}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-art-details .cd-detail:last-child{border-bottom:1.5px solid #111}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-art-details h3{padding-bottom:24px}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-cap a{color:inherit}

/* v1.5.1: small screens and zoomed-in browsers. Columns can never be wider than their container. */
:is(body.cd-page,.editor-styles-wrapper) .cd-root :is(.cd-grid,.cd-split,.cd-two,.cd-art-two,.cd-titlebar,.cd-gallery)>*{min-width:0}
:is(body.cd-page,.editor-styles-wrapper) .cd-root{overflow-wrap:break-word}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-detail{grid-template-columns:minmax(90px,160px) minmax(0,1fr)}
:is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-detail strong{overflow-wrap:anywhere}
@media (max-width:600px){
 :is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-detail{grid-template-columns:1fr;gap:4px}
 :is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-pn{flex-wrap:wrap;gap:12px}
 :is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-details{padding-left:var(--cd-pad);padding-right:var(--cd-pad)}
 :is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-cta{padding-top:72px;padding-bottom:72px}
 :is(body.cd-page,.editor-styles-wrapper) .cd-root .cd-hero{min-height:600px}
}