.experience-page{--ink:#153e2d;--green:#29794d;--paper:#f6f9f3;background:var(--paper);color:var(--ink)}.exp-sticky{background:#f6f9f3}.universe-ambient{position:absolute;inset:0;overflow:hidden;pointer-events:none}.universe-grid{position:absolute;inset:0;background-image:linear-gradient(#256b4220 1px,transparent 1px),linear-gradient(90deg,#256b4220 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse at 60% 50%,#000,transparent 85%);transform:perspective(1100px) rotateX(8deg) scale(1.08)}.universe-blob{position:absolute;display:block;border-radius:50%;filter:blur(70px);opacity:.5}.blob-a{width:50vw;height:50vw;top:5%;right:0;background:radial-gradient(circle,#9cdb9988,#a2deaf33 55%,transparent 75%)}.blob-b{width:35vw;height:35vw;left:-10%;bottom:-10%;background:radial-gradient(circle,#b8cf7244,#90cdb344 50%,transparent 75%)}.universe-orbit{position:absolute;width:80vw;height:80vw;right:-25%;top:-20%;border:1px solid #3b8c5220;border-radius:50%;box-shadow:0 0 0 80px #3b8c5207,0 0 0 160px #3b8c5205}.exp-nav{color:#214d37;border-color:#27613f30}.exp-nav a:last-child{border-color:#488962;background:#ffffff60}.preview-bar{background:#17472f;color:#dbe8dc}.exp-copy #exp-kicker{color:#27844c;font-weight:600}.exp-copy h1{color:#226c43}.exp-copy #exp-subtitle{color:#254b37}.exp-copy #exp-description{color:#64786a}.exp-shade{background:none!important}.exp-sticky.is-media .exp-shade{background:linear-gradient(0deg,#0c2419c9,transparent 34%),linear-gradient(90deg,#0b24197a,transparent 70%)!important}.exp-sticky.is-media .exp-copy h1,.exp-sticky.is-media .exp-copy #exp-subtitle{color:#fffaf0}.exp-sticky.is-media #exp-kicker{color:#cce8c9}.exp-bottom #exp-status{color:#286a43;font-weight:600}.exp-bottom #exp-source{color:#687f70}.exp-actions button{border-color:#41845b;background:#ffffffb3;color:#245539}.exp-sticky.is-media #exp-status,.exp-sticky.is-media #exp-source{color:#e6f3e7}.exp-sticky.is-media .exp-actions button{background:#153e2db8;color:#f4f9f1;border-color:#ccdfcc}.exp-chapters button{color:#51765c}.exp-chapters button[aria-current=true]{color:#146933}.exp-chapters button span{border-color:#8eaf973b}.exp-chapters button[aria-current=true] span{border-color:#2c8e4d}.exp-sticky.is-media .exp-chapters button{color:#d0e2d1}.exp-sticky.is-media .exp-chapters button[aria-current=true]{color:#fff}.exp-progress{background:#23623b15}.exp-progress i{background:#3a9d58}.exp-copy.changing{animation:none!important}.flow-word{display:inline-block;transform-origin:50% 100%;will-change:transform,opacity}.exp-sticky.is-design .exp-copy{top:20%;width:31%}.exp-sticky.is-design .exp-copy h1{font-size:clamp(45px,5.7vw,83px);line-height:1.03;letter-spacing:-.055em;margin-bottom:25px;color:#226c43;text-shadow:none}.exp-sticky.is-design #exp-subtitle{display:block;font-size:22px;color:#31553d;max-width:18ch}.exp-sticky.is-design #exp-description{display:block;font-size:11px;color:#64816b;max-width:30ch}.layout-orbit{position:absolute;left:37%;right:7%;top:15%;bottom:20%;perspective:1400px}.plan-sheet{position:absolute;left:13%;width:74%;top:0;height:100%;background:#fffef9;border:1px solid #d9e5d7;box-shadow:0 25px 65px #1a57361a;transform:translateX(calc(var(--offset)*32%)) translateY(calc(var(--offset)*12px)) rotateY(calc(var(--offset)*-24deg)) rotateZ(calc(var(--offset)*4deg)) scale(.83);transition:transform .85s cubic-bezier(.16,1,.3,1),opacity .7s;opacity:.38;z-index:1;overflow:hidden;border-radius:8px}.plan-sheet.selected{transform:translateZ(40px) scale(1);opacity:1;z-index:3}.plan-sheet img{width:100%;height:92%;object-fit:contain;padding:15px;box-sizing:border-box}.plan-sheet>span{font-size:10px;color:#466748;padding:10px 25px;display:block;letter-spacing:.1em}.design-options{position:absolute;left:41%;right:7%;bottom:12%;z-index:5;display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.design-options button{background:#ffffffd9;border:1px solid #b9d0b6;padding:10px 15px;font:11px Manrope;color:#386943;border-radius:4px;cursor:pointer}.design-options button[aria-pressed=true]{background:#267546;color:#fff;border-color:#267546}.design-options p{width:100%;text-align:center;margin:0;color:#6c826c;font-size:9px;line-height:1.6}.mood-float{position:absolute;left:38%;right:7%;top:14%;bottom:24%;transform:perspective(1200px) rotateY(-6deg) rotateX(3deg);border-radius:6px;box-shadow:0 25px 70px #274e2924;overflow:hidden;background:#ede8df}.mood-float img{width:100%;height:100%;object-fit:contain}.mood-focus{position:absolute;left:33.333%;top:10%;bottom:0;width:33.333%;box-shadow:inset 0 0 0 2px #367d4f88;background:linear-gradient(transparent 90%,#35754c11);pointer-events:none;transition:left .65s ease}.exp-world[data-world="3"] .color-heading,.exp-world[data-world="3"] #dima-color{color:#315b3b!important}.exp-world[data-world="3"] .model-note{color:#69816b!important}.exp-world[data-world="3"] .product-tools button{background:#ffffffc9;color:#2c6440;border-color:#94b298}.exp-outro{background:#f2f7ed;color:#225035}.exp-outro h2,.exp-end h2{color:#24613b}.exp-outro p{color:#647b65}.primary{background:#287a47!important;border-color:#287a47!important;color:#fff!important}.cinema-gallery{background:#edf5e8;color:#245133}.cinema-gallery .gallery figcaption{color:#285638}.cinema-gallery h2{color:#225e36}.cinema-gallery .gallery figure{overflow:hidden;perspective:1000px}.cinema-gallery .gallery img{border-radius:10px}.cinema-gallery .caption{color:#6d806b}.gallery-index{background:#23603bd9;color:white}.experience-page #exporteren{background:#f8fbf4;color:#285638}.experience-page #voor-wie{background:#e8f2e1;color:#285638}.experience-page #pakketten{background:#f8fbf4;color:#285638}#pakketten .card:nth-child(2){background:#1e5634;color:#f4f9f0;border-color:#1e5634}.exp-end{position:relative;overflow:hidden;background:#edf6e6;color:#245a37;background-image:linear-gradient(#48865b14 1px,transparent 1px),linear-gradient(90deg,#48865b14 1px,transparent 1px);background-size:64px 64px}.exp-end>p{color:#4c895b}.exp-end>a{color:#245f3b}.exp-end>.primary{color:white}.exp-world .building-controls{background:#f6fcf1ee;color:#376440}.exp-world .building-controls .controls{background:#eef5e9}.exp-world .building-controls label{color:#396b47}#experience{height:880vh}
@media(max-width:760px){#experience{height:830vh}.universe-grid{background-size:40px 40px}.blob-a{width:100vw;height:100vw;right:-30%}.blob-b{width:70vw;height:70vw}.exp-sticky.is-design .exp-copy{top:11%;width:85%}.exp-sticky.is-design .exp-copy h1{font-size:42px;margin:0 0 12px}.exp-sticky.is-design #exp-subtitle{font-size:15px;max-width:none}.exp-sticky.is-design #exp-description{display:none}.layout-orbit{left:7%;right:10%;top:34%;bottom:27%}.plan-sheet{left:5%;width:90%}.design-options{left:6%;right:6%;bottom:18%;gap:5px}.design-options button{font-size:9px;padding:8px 10px}.design-options p{font-size:8px}.mood-float{left:5%;right:5%;top:35%;bottom:30%;transform:perspective(800px) rotateY(-3deg)}.exp-chapters{gap:0}.exp-chapters button{font-size:8px;padding:2px}.exp-chapters button span{padding:4px 6px}.exp-sticky.is-product .exp-copy{top:10%;width:85%}.exp-sticky.is-product .exp-copy h1{font-size:46px}.exp-sticky.is-product #exp-subtitle{font-size:14px}}
@media(prefers-reduced-motion:reduce){#experience{height:100vh}.plan-sheet,.mood-focus{transition:none}.flow-word{will-change:auto}}
.software-grid a:last-child img{width:100%}.software-grid img[src="/assets/genesis/universe-v1/autocad.svg"]{width:36px}.software-grid img[src="/assets/genesis/universe-v1/rhino.png"]{object-position:left center}.software-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:760px){.software-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Keep the product intro clear of the independently positioned colour controls. */
.exp-sticky.is-product #exp-description{display:none}

/* Genesis identity: a quiet, continuous light cycle, only in the opening chapter. */
.exp-sticky[data-chapter="0"] #exp-title{position:relative;isolation:isolate;overflow:visible}.exp-sticky[data-chapter="0"] #exp-title .flow-word{background:linear-gradient(110deg,#1c5035 0%,#276a43 32%,#6b9e66 43%,#b5d89b 49%,#347e4b 57%,#1c5035 74%);background-size:300% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:genesis-identity-light 9s ease-in-out infinite}.exp-sticky[data-chapter="0"] #exp-title:before{content:"";position:absolute;inset:8% -4% 0 -8%;z-index:-1;background:radial-gradient(ellipse at 47% 55%,#a6d18e85,transparent 66%);filter:blur(27px);opacity:.25;transform:scale(.85);animation:genesis-identity-aura 9s ease-in-out infinite;pointer-events:none}.exp-sticky[data-chapter="0"] #exp-kicker{position:relative;display:inline-block;padding-left:21px;letter-spacing:.15em;line-height:1.7;max-width:100%;box-sizing:border-box}.exp-sticky[data-chapter="0"] #exp-kicker:before{content:"";position:absolute;left:0;top:.58em;width:6px;height:6px;border-radius:50%;background:#5a9a5d;box-shadow:0 0 0 4px #7baa6319,0 0 17px #79b369;animation:genesis-identity-signal 4.5s ease-in-out infinite}.exp-sticky[data-chapter="0"] #exp-kicker:after{content:"";position:absolute;left:21px;right:0;bottom:-7px;height:1px;background:linear-gradient(90deg,transparent,#66a05c,transparent);transform-origin:left;animation:genesis-identity-line 9s ease-in-out infinite}.exp-sticky:not([data-chapter="0"]) #exp-title .flow-word{-webkit-text-fill-color:currentColor}
@keyframes genesis-identity-light{0%,15%{background-position:100% 50%}65%,100%{background-position:0% 50%}}@keyframes genesis-identity-aura{0%,100%{opacity:.2;transform:scale(.85) translateX(-4%)}50%{opacity:.7;transform:scale(1.08) translateX(5%)}}@keyframes genesis-identity-signal{0%,100%{opacity:.45;box-shadow:0 0 0 2px #7baa6310,0 0 8px #79b369}50%{opacity:1;box-shadow:0 0 0 7px #7baa6319,0 0 22px #79b369}}@keyframes genesis-identity-line{0%,100%{transform:scaleX(.15);opacity:0}35%,65%{transform:scaleX(1);opacity:.55}}@media(prefers-reduced-motion:reduce){.exp-sticky[data-chapter="0"] #exp-title .flow-word{animation:none;background:none;-webkit-text-fill-color:#226c43}.exp-sticky[data-chapter="0"] #exp-title:before,.exp-sticky[data-chapter="0"] #exp-kicker:before,.exp-sticky[data-chapter="0"] #exp-kicker:after{animation:none}.exp-sticky[data-chapter="0"] #exp-kicker:after{display:none}}