

*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip}
body{margin:0;font-family:'Instrument Sans',system-ui,sans-serif;color:#10201a;background:#eef1ec;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
h1,h2,h3,h4{font-family:'Schibsted Grotesk',system-ui,sans-serif;margin:0}
p{text-wrap:pretty}
a{color:inherit}
img{max-width:100%}
::selection{background:#9bc255;color:#10201a}
input,textarea,button,select{font-family:inherit}
:focus-visible{outline:2px solid #9bc255;outline-offset:2px;border-radius:3px}
[hidden]{display:none!important}

@keyframes heroRise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes pbScrollDn{0%,100%{transform:translateY(-3px)}50%{transform:translateY(3px)}}
.pb-scrolldn{animation:pbScrollDn 1.5s ease-in-out infinite}
@keyframes pbBreathe{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}

.pb-burger span{position:absolute;left:11px;right:11px;height:2px;background:#eef1ec;border-radius:2px;top:calc(50% - 1px);transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .2s ease}
.pb-burger span:nth-child(1){transform:translateY(-6px)}
.pb-burger span:nth-child(3){transform:translateY(6px)}
.pb-burger[aria-expanded="true"] span:nth-child(1){transform:rotate(45deg)}
.pb-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.pb-burger[aria-expanded="true"] span:nth-child(3){transform:rotate(-45deg)}

[data-stagger] > *{opacity:0;transform:translateY(16px);transition:opacity .55s cubic-bezier(.2,.8,.2,1),transform .55s cubic-bezier(.2,.8,.2,1)}
[data-stagger].pb-in > *{opacity:1;transform:none}
[data-stagger].pb-in > *:nth-child(2){transition-delay:.07s}
[data-stagger].pb-in > *:nth-child(3){transition-delay:.14s}
[data-stagger].pb-in > *:nth-child(4){transition-delay:.21s}
[data-stagger].pb-in > *:nth-child(5){transition-delay:.28s}
[data-stagger].pb-in > *:nth-child(6){transition-delay:.35s}
@media (prefers-reduced-motion: reduce){[data-stagger] > *{opacity:1;transform:none}}

a[href^="models/"] img{transition:transform .55s cubic-bezier(.2,.8,.2,1)}
@media (hover:hover) and (pointer:fine){a[href^="models/"]:hover img{transform:scale(1.05)}}

[data-r="navlinks"] > a{position:relative}
[data-r="navlinks"] > a::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:1.5px;background:currentColor;opacity:.75;transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
@media (hover:hover) and (pointer:fine){[data-r="navlinks"] > a:hover::after{transform:scaleX(1)}}
header a[data-i18n="cta_parlemne"]{white-space:nowrap}
@media (max-width:560px){[data-header] > div{padding-left:18px;padding-right:18px;gap:12px}[data-header] nav a[data-i18n="cta_parlemne"]{display:none}}

.pb-arw{display:inline-block;transition:transform .28s cubic-bezier(.2,.8,.2,1)}
@media (hover:hover) and (pointer:fine){a:hover .pb-arw,button:hover .pb-arw{transform:translateX(4px)}}
@media (prefers-reduced-motion: reduce){.pb-arw{transition:none}a:hover .pb-arw,button:hover .pb-arw{transform:none}}
@media (prefers-reduced-motion: reduce){a[href^="models/"] img,[data-r="navlinks"] > a::after{transition:none}a[href^="models/"]:hover img{transform:none}}

input[type=range].pb-temp{-webkit-appearance:none;appearance:none;width:100%;max-width:380px;height:44px;background:transparent;cursor:pointer}
input[type=range].pb-temp::-webkit-slider-runnable-track{height:10px;border-radius:999px;background:linear-gradient(90deg,#2f6fd0,#46b7c4,#9bc255,#e6b13f,#d9622f)}
input[type=range].pb-temp::-moz-range-track{height:10px;border-radius:999px;background:linear-gradient(90deg,#2f6fd0,#46b7c4,#9bc255,#e6b13f,#d9622f)}
input[type=range].pb-temp::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;margin-top:-8px;border-radius:50%;background:#eef1ec;border:3px solid #10201a;box-shadow:0 2px 10px rgba(0,0,0,.45)}
input[type=range].pb-temp::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:#eef1ec;border:3px solid #10201a;box-shadow:0 2px 10px rgba(0,0,0,.45)}

@media (max-width:900px){
  [data-r="two"]{grid-template-columns:1fr!important;gap:36px!important}
  [data-r="sys"]{grid-template-columns:1fr!important;gap:22px!important;align-items:start!important}
  [data-r="syscap"]{display:none!important}
  [data-r="foot"]{grid-template-columns:1fr!important;gap:32px!important}
  [data-r="navlinks"]{display:none!important}
  [data-r="menubtn"]{display:flex!important}
  [data-build-section]{height:240vh!important}
  [data-r="systitle"]{font-size:24px!important}
  [data-r="body2"]{grid-template-columns:1fr!important;gap:32px!important}
  [data-r="specs"]{position:static!important;top:auto!important}
  [data-r="steps"]{grid-template-columns:1fr!important;border-top:0!important}
  [data-r="step"]{border-right:0!important;border-bottom:1px solid rgba(238,241,236,.14)!important}
  [data-r="step"]:last-child{border-bottom:0!important}
}
@media (max-width:560px){
  [data-r="formgrid"]{grid-template-columns:1fr!important}

  [data-r="formgrid"] > *{grid-column:auto!important}
}
@media (max-width:480px){
  [data-r="thumbs"]{grid-template-columns:1fr 1fr!important}
}

@media (prefers-reduced-motion: reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/hanken-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/hanken-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/hanken-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/hanken-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/hanken-800-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/instrument-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/instrument-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/instrument-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/instrument-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/schibsted-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/schibsted-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/schibsted-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/schibsted-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/schibsted-800-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:900;font-display:swap;src:url(../fonts/schibsted-900-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

@media (hover:hover) and (pointer:fine){.pbx1:hover{transform:translateY(-6px);box-shadow:0 22px 50px -22px rgba(16,32,26,.4)}}
@media (hover:hover) and (pointer:fine){.pbx2:hover{transform:translateY(-6px);box-shadow:0 22px 50px -22px rgba(16,32,26,.4)}}
@media (hover:hover) and (pointer:fine){.pbx3:hover{transform:translateY(-6px);box-shadow:0 22px 50px -22px rgba(16,32,26,.4)}}
.pbx4:focus{border-color:#9bc255;outline:2px solid rgba(155,194,85,.35)}
.pbx5:focus{border-color:#9bc255;outline:2px solid rgba(155,194,85,.35)}
.pbx6:focus{border-color:#9bc255;outline:2px solid rgba(155,194,85,.35)}
.pbx7:focus{border-color:#9bc255;outline:2px solid rgba(155,194,85,.35)}
.pbx8{transition:transform .5s cubic-bezier(.16,1,.3,1)}
@media (hover:hover) and (pointer:fine){.pbx8:hover{transform:scale(1.07)}}

.obra-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.obra-grid figure{margin:0;border-radius:14px;overflow:hidden;border:1px solid rgba(238,241,236,.1);aspect-ratio:4/3}
.obra-grid figure img{width:100%;height:100%;object-fit:cover;display:block}

[data-lang="es"]{display:none}
body.pb-es [data-lang="es"]{display:revert}
body.pb-es [data-lang="ca"]{display:none}
.pb-legal{max-width:760px;margin:0 auto;padding:0 24px}
.pb-legal h1{font-size:clamp(28px,4.4vw,44px);letter-spacing:-.025em;line-height:1.05;margin:0 0 8px}
.pb-legal h2{font-size:22px;letter-spacing:-.01em;margin:34px 0 8px;color:#10201a}
.pb-legal p,.pb-legal li{font-size:15.5px;line-height:1.62;color:#3a4a42;max-width:50ch}
.pb-legal ul{padding-left:20px;margin:8px 0}
.pb-legal a{color:#1f4a38;text-decoration:underline;text-underline-offset:2px}
.pb-legal .pb-updated{font-family:'Hanken Grotesk',system-ui,sans-serif;font-size:12px;color:#5c6b62;letter-spacing:.04em}
.pb-skip{position:fixed;left:16px;top:12px;z-index:120;transform:translateY(-220%);background:#9bc255;color:#10201a;padding:12px 18px;border-radius:999px;font-family:'Hanken Grotesk',system-ui,sans-serif;font-size:14px;font-weight:700;line-height:1;text-decoration:none}.pb-skip:focus{transform:none}
