@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/font-0.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/fonts/font-1.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/font-2.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/font-3.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/font-4.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/fonts/font-5.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(assets/fonts/font-6.ttf) format('truetype');
}
:root{--paper:#fff;--concrete:#eff1ed;--slate:#233f38;--quarry:#87948c;--yellow:#e8c544;--ink:#19251f;--muted:#5b6861;--line:#cdd3cd;--pad:clamp(22px,5vw,88px);--display:Barlow,'Arial Narrow',Impact,sans-serif;--body:Manrope,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--concrete);font-family:var(--body);font-size:15px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{color:inherit}button{cursor:pointer}button:disabled{cursor:default}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #af8312;outline-offset:5px}p{line-height:1.7}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--display);font-weight:600;line-height:.94;letter-spacing:-.025em}h2{font-size:clamp(54px,6.6vw,100px)}em{font-style:normal}svg{display:block}img{display:block;max-width:100%}[hidden]{display:none!important}.skip{position:fixed;left:20px;top:-100px;background:var(--yellow);padding:15px;z-index:100}.skip:focus{top:12px}.header{height:106px;display:flex;align-items:center;padding:0 var(--pad);justify-content:space-between;gap:30px;background:var(--concrete);position:relative;z-index:20;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:22px;letter-spacing:-1px;line-height:1.03}.brand svg{width:45px;height:45px}.brand-sub{display:block;font-size:13px;letter-spacing:4.1px;margin-top:4px}.nav{display:flex;gap:36px;font-size:13px;font-weight:600}.nav a{padding:12px 0;position:relative}.nav a:after{content:'';position:absolute;left:0;right:0;bottom:6px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s}.nav a:hover:after{transform:scaleX(1)}.header-cta{border:1px solid #87948c;padding:13px 19px;display:flex;gap:30px;font-weight:600;font-size:13px;border-radius:3px}.header-cta:hover{background:var(--slate);color:white}.menu-toggle{display:none}.hero{padding:49px var(--pad) 0}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.13em;line-height:1.5;display:block}.hero .eyebrow{display:flex;align-items:center;gap:9px}.status-dot{width:6px;height:6px;background:var(--slate);border-radius:50%}.hero-copy{display:grid;grid-template-columns:1fr .48fr;gap:23px 20px;align-items:end;margin-bottom:33px}.hero-copy>.eyebrow{grid-column:1/-1}.hero h1{font-size:clamp(76px,8.9vw,145px);font-weight:600;max-width:850px}.hero h1 span{display:block}.hero h1 em{color:#6a7c70}.hero-bottom{padding-bottom:5px;justify-self:end;max-width:340px}.hero-bottom p{color:var(--muted);font-size:13px;line-height:1.8;margin-bottom:23px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:18px 24px;font-size:12px;font-weight:700;border:0;border-radius:3px;min-height:54px;transition:background .2s,transform .2s}.button span{font-size:22px;font-weight:400;line-height:1}.primary{background:var(--slate);color:white}.primary:hover{background:#355e50;transform:translateY(-2px)}.hero-media{height:clamp(330px,40vw,620px);position:relative;overflow:hidden;border-radius:4px;background:#64746a;isolation:isolate}.material-stage{position:absolute;inset:0;overflow:hidden;background:linear-gradient(126deg,#a8b2a6 0%,#84978a 42%,#344c3e 100%)}.material-stage:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#182b25a1,transparent 34%);pointer-events:none}.stage-light{position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,#fff2 37%,#fff0 61%);z-index:1}.paving-plane{display:grid;grid-template-columns:repeat(8,180px);grid-auto-rows:105px;gap:8px;position:absolute;left:50%;top:42%;width:1496px;transform:translate(-50%,-50%) rotateX(54deg) rotateZ(-25deg);transform-style:preserve-3d;perspective:1200px;filter:drop-shadow(30px 50px 22px #172b2866)}.paver{position:relative;border-radius:3px;background:linear-gradient(148deg,#d9dcd2,#acb5a8 70%);box-shadow:inset 0 2px 2px #ffffffb3,inset -3px -3px 5px #45554244,6px 13px 0 #6f7d6b,9px 17px 7px #152b2040;transform:translateZ(0);transition:transform 1.3s cubic-bezier(.16,1,.3,1),opacity 1s;will-change:transform}.paver:nth-child(5n){background:linear-gradient(148deg,#a3aa9c,#818f81)}.paver:nth-child(7n){background:linear-gradient(148deg,#d2c6aa,#b0a889)}.paver:nth-child(n+9):nth-child(-n+16),.paver:nth-child(n+25):nth-child(-n+32),.paver:nth-child(n+41):nth-child(-n+48){left:93px}.paver:after{content:'';position:absolute;inset:0;opacity:.21;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='90'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.6' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.35' filter='url(%23n)'/%3E%3C/svg%3E")}.paver.enter{transform:translate3d(0,0,220px);opacity:0}.hero-media>img,.hero-media>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}.hero-media.has-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#14231fa8,transparent 35%);z-index:3}.media-caption{position:absolute;left:30px;right:80px;bottom:28px;display:flex;align-items:center;justify-content:space-between;color:white;z-index:4;font-size:10px;letter-spacing:.12em;font-weight:700}.caption-detail{font-size:12px;font-weight:400;letter-spacing:0}.motion-toggle{position:absolute;right:23px;bottom:20px;z-index:5;border:1px solid #ffffff75;border-radius:50%;width:36px;height:36px;background:#1c322750;color:white;font-size:12px}.hero-foot{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:700;letter-spacing:.09em;padding:22px 0 0}.hero-foot a{display:flex;gap:35px;font-size:11px;letter-spacing:0}.section{padding:110px var(--pad)}.section-intro{display:grid;grid-template-columns:1fr 1fr;gap:26px 8%;align-items:end;margin-bottom:60px}.section-intro>.eyebrow{grid-column:1/-1}.section-intro h2 span{color:#718477}.section-intro>p{max-width:350px;color:var(--muted);font-size:14px;justify-self:end}.product-browser{display:grid;grid-template-columns:32% 1fr;gap:8%}.product-tabs{display:flex;flex-direction:column}.product-tabs button{border:0;border-bottom:1px solid var(--line);background:transparent;padding:25px 2px;text-align:left;font-family:var(--display);font-size:35px;display:flex;justify-content:space-between;align-items:center;color:#78857d;transition:color .2s}.product-tabs button:first-child{border-top:1px solid var(--line)}.product-tabs button span:last-child{font-family:var(--body);font-size:22px;opacity:0;transform:translateX(-10px);transition:opacity .2s,transform .2s}.product-tabs button[aria-selected=true]{color:var(--slate)}.product-tabs button[aria-selected=true] span:last-child,.product-tabs button:hover span:last-child{opacity:1;transform:none}.product-visual{height:370px;background:#dce1d7;position:relative;overflow:hidden;border-radius:3px;display:grid;place-items:center}.product-visual>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;z-index:2}.sample{width:340px;height:220px;transform:rotateX(43deg) rotateZ(-28deg);background:repeating-linear-gradient(0deg,transparent 0 68px,#dce1d7 68px 73px),repeating-linear-gradient(90deg,#8c9684 0 106px,#dce1d7 106px 112px);box-shadow:12px 16px 0 #6c7866,20px 40px 20px #25342435;transition:transform .6s,background .3s}.sample:before{content:'';position:absolute;inset:0;background:linear-gradient(130deg,#ffffff40,transparent)}[data-kind=borduri] .sample{height:90px;width:400px;background:repeating-linear-gradient(90deg,#acb3a1 0 126px,#dce1d7 126px 133px);box-shadow:18px 27px 0 #77846d,22px 50px 20px #25342435}[data-kind=piatra] .sample{height:220px;background:repeating-linear-gradient(0deg,#b4ae96 0 28px,#dbdece 28px 32px);clip-path:polygon(0 6%,96% 0,100% 94%,4% 100%);box-shadow:8px 10px 0 #8e937d}[data-kind=gard] .sample{width:260px;height:230px;background:linear-gradient(135deg,#c2c7b8,#929e8b);clip-path:polygon(50% 0,100% 25%,100% 90%,0 90%,0 25%);box-shadow:none;transform:rotateX(25deg) rotateZ(-10deg)}.sample-label{position:absolute;left:22px;bottom:20px;font-size:10px;font-weight:700;letter-spacing:.14em;z-index:3}.product-visual.has-photo .sample-label{color:white;background:#19251fc7;padding:8px 12px}.product-info{display:flex;justify-content:space-between;gap:35px;padding-top:25px}.product-info h3{font-family:var(--display);font-size:30px;font-weight:600;margin-bottom:9px}.product-info p{max-width:400px;font-size:13px;color:var(--muted)}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;white-space:nowrap;font-size:12px;font-weight:700;align-self:flex-end;padding:10px 0;border-bottom:1px solid currentColor}.text-link span{font-size:22px;line-height:1}.about{background:var(--slate);color:var(--concrete);display:grid;grid-template-columns:1.1fr .8fr;gap:12%;padding-top:105px;padding-bottom:105px}.about h2{font-size:clamp(64px,7.2vw,112px);margin-top:30px}.about em{color:var(--yellow)}.about-copy{padding-top:52px}.about-copy p{font-size:13px;color:#c5d1c9;margin-bottom:20px}.about-copy .lede{font-size:23px;line-height:1.5;color:var(--concrete);margin-bottom:30px}.light{color:white}.location-stamp{display:flex;align-items:center;gap:15px;border-top:1px solid #ffffff30;padding-top:30px;margin-top:45px;font-size:12px;line-height:1.6}.location-stamp>span{font-size:36px;color:var(--yellow)}.projects{background:var(--paper)}.projects-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:50px}.projects-heading h2{margin-top:25px}.projects-heading>p{max-width:250px;font-size:13px;color:var(--muted)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 28px}.project-card{border:0;padding:0;text-align:left;background:transparent;width:100%;min-width:0}.project-card:nth-child(even){padding-top:90px}.project-card img{width:100%;aspect-ratio:1.2;object-fit:cover;transition:filter .3s}.project-card:hover img{filter:brightness(.91)}.project-card .project-title{display:flex;justify-content:space-between;align-items:center;margin-top:16px;font-size:14px;font-weight:600}.project-title span{font-size:22px}.quote{display:grid;grid-template-columns:1fr 1fr;gap:12%}.quote-copy h2{font-size:clamp(85px,9.5vw,145px);margin:25px 0}.quote-copy h2 em{color:#718477}.quote-copy p{font-size:14px;max-width:330px;color:var(--muted)}.phone-link{display:inline-flex;gap:30px;font-size:21px;font-weight:500;margin-top:28px;border-bottom:1px solid;padding-bottom:10px}.quote-form{align-self:center}.quote-form label{display:block;font-size:11px;font-weight:700;margin-bottom:9px}.quote-form label span{font-weight:400;color:var(--muted)}.quote-form input,.quote-form select,.quote-form textarea{display:block;width:100%;border:1px solid #bcc8be;background:transparent;color:var(--ink);border-radius:3px;padding:15px 14px;font-size:12px;min-height:49px;margin-bottom:23px;resize:vertical}.quote-form select{cursor:pointer}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.quote-form .button{width:100%;margin-top:2px}.form-note{font-size:10px!important;color:var(--muted);margin-top:12px}.footer{padding-top:60px;padding-bottom:25px;background:#dfe5dc}.footer-top{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:45px;padding-bottom:55px}.footer-brand{font-family:var(--display);font-size:52px;line-height:.82;display:flex;flex-direction:column;align-items:flex-start;align-self:start;gap:5px;font-weight:700}.footer-brand span{color:#718477}.footer-top>div{display:flex;flex-direction:column;gap:10px}.footer-top>div>.eyebrow{margin-bottom:8px}.footer-top>div a{font-size:13px;line-height:1.8;width:fit-content}.footer-top>div a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid #bec8bd;padding-top:20px;display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.footer-bottom a{color:var(--ink)}.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(28px);transition:opacity .8s,transform .8s cubic-bezier(.2,.8,.2,1)}.js .reveal.is-visible{opacity:1;transform:none}dialog{border:0;background:#eff1ed;padding:14px;max-width:90vw;max-height:90vh;overflow:visible;border-radius:4px}dialog::backdrop{background:#101d18e8}dialog img{max-height:77vh;max-width:85vw;object-fit:contain}dialog p{padding:12px 4px 0;font-size:12px}.dialog-close{position:absolute;top:-17px;right:-17px;width:42px;height:42px;border:0;background:var(--yellow);border-radius:50%;font-size:27px;line-height:1}.motion-paused .paver{transition:none!important}.hero-media.motion-paused .paving-plane{will-change:auto}
@media(min-width:1700px){.header,.hero,.section{padding-left:max(var(--pad),calc((100vw - 1580px)/2));padding-right:max(var(--pad),calc((100vw - 1580px)/2))}}@media(max-width:1000px){.hero-copy{grid-template-columns:1.5fr 1fr}.hero h1{font-size:10.4vw}.hero-bottom p{font-size:11px}.hero-bottom .button{padding:16px;gap:20px}.product-browser{gap:5%;grid-template-columns:33% 1fr}.product-tabs button{font-size:29px}.product-info{display:block}.product-info .text-link{margin-top:18px}.product-visual{height:310px}.about{gap:7%}.about-copy .lede{font-size:20px}.quote{gap:7%}.form-row{grid-template-columns:1fr;gap:0}}@media(max-width:700px){html{scroll-padding-top:80px}.header{height:82px;gap:10px}.brand{font-size:18px;gap:8px}.brand svg{width:34px;height:34px}.brand-sub{font-size:10px;letter-spacing:3.4px}.header-cta{margin-left:auto;font-size:11px;padding:11px;gap:17px}.menu-toggle{display:flex;flex-direction:column;gap:5px;justify-content:center;align-items:center;width:37px;height:40px;border:0;background:transparent;margin-left:5px}.menu-toggle span{width:22px;height:1px;background:var(--slate);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}.nav{display:none;position:absolute;top:81px;left:0;right:0;background:var(--concrete);border-bottom:1px solid var(--line);padding:20px var(--pad);flex-direction:column;gap:5px;box-shadow:0 18px 20px #19251f12}.nav.open{display:flex}.nav a{padding:13px 0}.hero{padding-top:35px}.hero-copy{display:block;margin-bottom:26px}.hero .eyebrow{font-size:8px;letter-spacing:.09em}.hero h1{font-size:clamp(58px,14vw,100px);margin-top:23px}.hero-bottom{margin-top:22px;max-width:none;display:flex;gap:15px;align-items:center;justify-content:space-between}.hero-bottom p{font-size:10px;margin:0;line-height:1.6;max-width:180px}.hero-bottom .button{padding:12px;font-size:10px;min-height:47px;gap:12px}.hero-bottom .button span{font-size:17px}.hero-media{height:395px;margin-left:calc(-1 * var(--pad));margin-right:calc(-1 * var(--pad));border-radius:0}.paving-plane{grid-template-columns:repeat(8,130px);grid-auto-rows:90px;width:1096px;top:45%;transform:translate(-50%,-50%) rotateX(52deg) rotateZ(-35deg)}.paver:nth-child(n+9):nth-child(-n+16),.paver:nth-child(n+25):nth-child(-n+32),.paver:nth-child(n+41):nth-child(-n+48){left:69px}.media-caption{left:22px;bottom:26px;font-size:8px;display:block}.caption-detail{display:block;font-size:10px;margin-top:8px}.hero-foot{padding-top:17px;font-size:7px;letter-spacing:.04em}.hero-foot a{font-size:9px;gap:15px}.section{padding:70px var(--pad)}.section-intro{display:block;margin-bottom:33px}.section-intro h2{font-size:56px;margin-top:22px}.section-intro>p{margin-top:22px;font-size:12px;max-width:300px}.product-browser{display:block}.product-tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:24px;border-top:1px solid var(--line);gap:0 20px}.product-tabs button{font-size:25px;padding:18px 0}.product-tabs button:first-child{border-top:0}.product-tabs button span:last-child{font-size:17px}.product-visual{height:300px}.sample{width:265px;height:190px}.product-info{display:flex;gap:20px}.product-info h3{font-size:28px}.product-info p{font-size:11px;max-width:240px}.product-info .text-link{font-size:10px;gap:10px;flex-shrink:0}.about{display:block}.about h2{font-size:70px}.about-copy{padding-top:32px}.about-copy .lede{font-size:20px}.about-copy p{font-size:12px}.location-stamp{margin-top:35px;padding-top:25px}.projects-heading{display:block}.projects-heading h2{font-size:60px}.projects-heading>p{margin-top:20px}.project-grid{grid-template-columns:1fr;gap:30px}.project-card:nth-child(even){padding-top:0}.quote{display:block}.quote-copy h2{font-size:95px}.quote-copy p{font-size:12px}.phone-link{font-size:19px}.quote-form{margin-top:42px}.form-row{grid-template-columns:1fr 1fr;gap:15px}.quote-form label{font-size:10px}.quote-form label span{display:block;font-size:9px;margin-top:3px}.quote-form input{font-size:11px}.footer-top{grid-template-columns:1fr 1fr;gap:35px 15px}.footer-brand{grid-column:1/-1;font-size:48px}.footer-top>div a{font-size:11px}.footer-top .eyebrow{font-size:9px}.footer-bottom{flex-wrap:wrap;gap:14px;font-size:8px}.footer-bottom>span:nth-child(2){display:none}.footer-bottom>a{margin-left:auto}}
.project-card img{height:auto;aspect-ratio:1.2;object-fit:cover}.gallery-more{display:flex;margin:42px auto 0;border:1px solid var(--slate);background:transparent;color:var(--slate)}.gallery-more:hover{background:var(--slate);color:white}.product-visual[data-kind=gradina] img{object-position:center 54%}.hero-copy h1{animation:headline-in .8s cubic-bezier(.2,.8,.2,1) both}@keyframes headline-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}.paver.enter{transform:none;opacity:1}}@media(max-width:370px){.header-cta{gap:6px;padding:10px 8px}.hero-bottom{align-items:start;flex-direction:column}.hero h1{font-size:57px}.hero-bottom p{max-width:none}.form-row{grid-template-columns:1fr}.product-info{display:block}.hero .eyebrow{font-size:7px}}

/* ROCADA identity */
.brand-sub{font-size:8px;letter-spacing:1.5px;margin-top:6px}.brand{font-size:25px;letter-spacing:-.9px}.footer-brand{font-size:60px;letter-spacing:-1px}.footer-brand span{font:600 9px/1.5 var(--body);letter-spacing:3.4px;margin-top:8px}.hero-media>img,.hero-media>video{object-position:center 62%}@media(max-width:700px){.brand{font-size:21px}.brand-sub{font-size:7px;letter-spacing:1px}.brand svg{width:29px}.footer-brand{font-size:50px}.footer-brand span{font-size:8px}.hero-media>img,.hero-media>video{object-position:47% center}}