{"id":38,"date":"2026-07-07T11:27:26","date_gmt":"2026-07-07T11:27:26","guid":{"rendered":"https:\/\/rrolli.com\/index.php\/product\/"},"modified":"2026-07-07T19:59:11","modified_gmt":"2026-07-07T19:59:11","slug":"product","status":"publish","type":"page","link":"https:\/\/rrolli.com\/index.php\/product\/","title":{"rendered":"Product"},"content":{"rendered":"\n<style>\n\/* Grain overlay - papierachtige textuur *\/\n.rr::after {\n  content: '';\n  position: fixed;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'\/%3E%3C\/svg%3E\");\n  pointer-events: none;\n  z-index: 9999;\n}\n\n\/* Scroll reveal - elementen faden zacht in *\/\n.rr-reveal {\n  opacity: 0;\n  transform: translateY(20px);\n  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1),\n              transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.rr-reveal.vis {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* Marquee pauzeert on hover *\/\n.rr-mq:hover .rr-mq-track {\n  animation-play-state: paused;\n}\n\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500&family=Playfair+Display:ital,wght@0,400;1,400&display=swap');\n.rr,.rr ::before,.rr *::after{margin:0;padding:0;box-sizing:border-box}\n.rr{font-family:'Inter',-apple-system,sans-serif;color:#1A1A1A;background:#FAFAF8;-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.65;font-size:16px;max-width:100%;overflow-x:hidden}\n.rr a{color:inherit;text-decoration:none}\n.rr-w{max-width:1200px;margin:0 auto;padding:0 40px}\n.rr-section{padding:120px 0}\n.rr-eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#8A8A8A;font-weight:400;margin-bottom:16px}\n.rr-h1{font-family:'Playfair Display',serif;font-size:clamp(38px,4.5vw,60px);font-weight:400;line-height:1.1;letter-spacing:-.02em;color:#2C2C2C;margin-bottom:24px}\n.rr-h1 em{font-style:italic;color:#5A5A5A}\n.rr-h2{font-family:'Playfair Display',serif;font-size:clamp(26px,3vw,40px);font-weight:400;line-height:1.2;letter-spacing:-.01em;color:#2C2C2C;margin-bottom:16px}\n.rr-body{font-size:16px;color:#5A5A5A;max-width:460px;line-height:1.7}\n.rr-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;border-radius:4px;font-size:13px;font-weight:400;letter-spacing:.06em;text-transform:uppercase;transition:all .25s;border:none;cursor:pointer;font-family:'Inter',sans-serif}\n.rr .rr-btn-d,.rr .rr-btn-d:link,.rr .rr-btn-d:visited{background:#1A1A1A!important;color:#fff!important}.rr .rr-btn-d:hover{opacity:.85;color:#fff!important}\n.rr .rr-btn-o,.rr .rr-btn-o:link,.rr .rr-btn-o:visited{background:transparent!important;color:#1A1A1A!important;border:1px solid #C8C8C8}.rr .rr-btn-o:hover{border-color:#1A1A1A}\n\/* --- VIDEO HERO --- *\/\n.rr-vhero{position:relative;min-height:92vh;display:flex;align-items:center;overflow:hidden;background:#1A1A1A}\n.rr-vhero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}\n.rr-vhero-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(20,20,20,.72) 0%,rgba(20,20,20,.45) 45%,rgba(20,20,20,.15) 100%)}\n.rr-vhero .rr-w{position:relative;z-index:2}\n.rr-vhero .rr-eyebrow{color:rgba(255,255,255,.7)}\n.rr-vhero .rr-h1{color:#fff;max-width:640px}\n.rr-vhero .rr-h1 em{color:rgba(255,255,255,.75)}\n.rr-vhero .rr-body{color:rgba(255,255,255,.82);max-width:480px}\n.rr-vhero-inner{max-width:640px;padding:160px 0}\n.rr .rr-vhero .rr-btn-o,.rr .rr-vhero .rr-btn-o:link,.rr .rr-vhero .rr-btn-o:visited{color:#fff!important;border-color:rgba(255,255,255,.55)}.rr .rr-vhero .rr-btn-o:hover{border-color:#fff}\n.rr-hero-buttons{display:flex;gap:14px;margin-top:36px}\n.rr-scroll-hint{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);z-index:2;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.55)}\n\/* --- ONDERDEEL STRIP --- *\/\n.rr-parts{padding:90px 0 40px}\n.rr-parts-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px;flex-wrap:wrap;gap:16px}\n.rr-parts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}\n.rr-part{position:relative;aspect-ratio:3\/4;overflow:hidden;border-radius:4px;background:#EDECEA}\n.rr-part img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}\n.rr-part:hover img{transform:scale(1.04)}\n.rr-part-cap{position:absolute;bottom:0;left:0;right:0;padding:16px 18px;z-index:1;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#fff}\n.rr-part::after{content:'';position:absolute;bottom:0;left:0;right:0;height:45%;background:linear-gradient(to top,rgba(0,0,0,.5),transparent)}\n\/* --- Divider \/ Marquee --- *\/\n.rr-hr{border:none;border-top:1px solid #C8C8C8;max-width:1200px;margin:0 auto}\n.rr-mq{padding:28px 0;overflow:hidden}\n.rr-mq-track{display:flex;animation:rrmq 40s linear infinite;width:max-content}\n.rr-mq-item{padding:0 48px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#8A8A8A;font-weight:400;white-space:nowrap;display:flex;align-items:center;gap:14px}\n.rr-mq-item::before{content:'';width:4px;height:4px;border-radius:50%;background:#C8C8C8}\n@keyframes rrmq{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}\n\/* --- Two Col --- *\/\n.rr-two{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}\n.rr-two-img{border-radius:4px;overflow:hidden;aspect-ratio:4\/5}\n.rr-two-img img{width:100%;height:100%;object-fit:cover}\n.rr-features{margin-top:32px;display:flex;flex-direction:column;gap:22px}\n.rr-fi{padding-left:20px;border-left:2px solid #C8C8C8}\n.rr-fi h3{font-size:15px;font-weight:500;margin-bottom:2px;color:#2C2C2C}\n.rr-fi p{font-size:14px;color:#5A5A5A;line-height:1.6}\n\/* --- Projects --- *\/\n.rr-projects{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:48px}\n.rr-proj{position:relative;aspect-ratio:3\/4;overflow:hidden;border-radius:4px}\n.rr-proj img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}\n.rr-proj:hover img{transform:scale(1.03)}\n.rr-proj::after{content:'';position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top,rgba(0,0,0,.5),transparent)}\n.rr-proj-label{position:absolute;bottom:28px;left:28px;z-index:1}\n.rr-proj-tag{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:6px}\n.rr-proj-title{font-family:'Playfair Display',serif;font-size:24px;color:#fff;font-weight:400}\n\/* --- Duo --- *\/\n.rr-duo{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:48px}\n.rr-duo-item{position:relative;aspect-ratio:16\/10;overflow:hidden;border-radius:4px}\n.rr-duo-item img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}\n.rr-duo-item:hover img{transform:scale(1.03)}\n.rr-duo-item::after{content:'';position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to top,rgba(0,0,0,.4),transparent)}\n.rr-duo-label{position:absolute;bottom:24px;left:24px;z-index:1;font-family:'Playfair Display',serif;font-size:22px;color:#fff;font-weight:400}\n\/* --- CTA \/ Footer --- *\/\n.rr-cta{background:#F0EFED;text-align:center}\n.rr-cta .rr-body{margin:0 auto 32px;text-align:center}\n.rr-footer{background:#2C2C2C;padding:60px 0 32px;color:#8A8A8A}\n.rr-f-top{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:24px;flex-wrap:wrap;gap:40px}\n.rr-f-logo{font-family:'Playfair Display',serif;font-size:22px;color:#fff;margin-bottom:8px}\n.rr-f-brand p{font-size:13px;max-width:240px;line-height:1.6}\n.rr-f-cols{display:flex;gap:60px}\n.rr-f-col h5{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.35);margin-bottom:14px;font-weight:400}\n.rr-f-col a{display:block;font-size:13px;color:#8A8A8A;margin-bottom:10px;transition:color .2s}\n.rr-f-col a:hover{color:#fff}\n.rr-f-bot{font-size:12px;display:flex;justify-content:space-between}\n@media(max-width:900px){\n  .rr-two,.rr-duo{grid-template-columns:1fr;gap:40px}\n  .rr-parts-grid{grid-template-columns:1fr 1fr}\n  .rr-projects{grid-template-columns:1fr}\n  .rr-f-cols{flex-direction:column;gap:28px}.rr-f-top{flex-direction:column}.rr-f-bot{flex-direction:column;gap:8px}\n  .rr-section{padding:80px 0}.rr-w{padding:0 24px}\n  .rr-vhero-inner{padding:80px 0}\n  .rr-vhero-overlay{background:linear-gradient(180deg,rgba(20,20,20,.35),rgba(20,20,20,.7))}\n  .rr-hero-buttons{flex-direction:column}\n}\n@media(max-width:600px){.rr-parts-grid{grid-template-columns:1fr 1fr}}\n@media(prefers-reduced-motion:reduce){.rr-mq-track{animation:none}.rr-part img,.rr-proj img,.rr-duo-item img{transition:none}}\n\n.rr-detail{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\n.rr-detail-item{position:relative;aspect-ratio:3\/4;overflow:hidden;border-radius:4px;background:#EDECEA}\n.rr-detail-item img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}\n.rr-detail-item:hover img{transform:scale(1.04)}\n@media(max-width:700px){.rr-detail{grid-template-columns:1fr}}\n<\/style>\n<div class=\"rr\">\n<div style=\"max-width:800px;margin:0 auto;padding:160px 40px 120px\">\n  <p class=\"rr-eyebrow\">Product<\/p>\n  <h1 class=\"rr-h1\">Spelen zonder grenzen<\/h1>\n  <p class=\"rr-body\" style=\"max-width:600px;margin-bottom:48px\">Hout en gerecyclede bochtstukken vormen samen een bouwsysteem. Kinderen klikken, bouwen en spelen, en raken steeds weer gefascineerd door wat ze zelf kunnen maken.<\/p>\n<\/div>\n<div style=\"max-width:1200px;margin:0 auto;padding:0 40px 120px\">\n  <div class=\"rr-detail\">\n    <div class=\"rr-detail-item\"><img decoding=\"async\" src=\"https:\/\/rrolli.com\/wp-content\/uploads\/2026\/07\/IMG_9758-scaled.jpg\" alt=\"Bochtstuk\"><\/div>\n    <div class=\"rr-detail-item\"><img decoding=\"async\" src=\"https:\/\/rrolli.com\/wp-content\/uploads\/2026\/07\/IMG_9765-scaled.jpg\" alt=\"Vurenhout\"><\/div>\n    <div class=\"rr-detail-item\"><img decoding=\"async\" src=\"https:\/\/rrolli.com\/wp-content\/uploads\/2026\/07\/IMG_9761-scaled.jpg\" alt=\"Multi-directioneel\"><\/div>\n  <\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Product Spelen zonder grenzen Hout en gerecyclede bochtstukken vormen samen een bouwsysteem. Kinderen klikken, bouwen en spelen, en raken steeds weer gefascineerd door wat ze zelf kunnen maken.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-38","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rrolli.com\/index.php\/wp-json\/wp\/v2\/pages\/38","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rrolli.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rrolli.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rrolli.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rrolli.com\/index.php\/wp-json\/wp\/v2\/comments?post=38"}],"version-history":[{"count":3,"href":"https:\/\/rrolli.com\/index.php\/wp-json\/wp\/v2\/pages\/38\/revisions"}],"predecessor-version":[{"id":58,"href":"https:\/\/rrolli.com\/index.php\/wp-json\/wp\/v2\/pages\/38\/revisions\/58"}],"wp:attachment":[{"href":"https:\/\/rrolli.com\/index.php\/wp-json\/wp\/v2\/media?parent=38"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}