.canvasContainer.svelte-1amr5tr{width:100%;height:100%}h1.svelte-qakm9g{font-size:.8rem;font-weight:300;margin-bottom:.5rem;margin-top:.5rem;text-transform:uppercase;font-weight:500}.nude.svelte-qakm9g{background-color:#f2d6c4}.black.svelte-qakm9g{background-color:#000}button.svelte-qakm9g{pointer-events:all}.color-button.svelte-qakm9g{width:1.5rem;height:1.5rem;margin:.3rem;border:none;cursor:pointer}.color-button.selected.svelte-qakm9g{outline:1px solid black;outline-offset:2px}.show.svelte-1cvd024{opacity:1;animation:svelte-1cvd024-fadeIn .3s ease-in-out;animation-delay:.3s;animation-fill-mode:forwards}.ui.svelte-1cvd024{opacity:0}@keyframes svelte-1cvd024-fadeIn{0%{opacity:0}to{opacity:1}}.colorselection.svelte-1cvd024{pointer-events:all}.arrowContainer.svelte-pr2mno{width:1rem}.impactContainer.svelte-pr2mno{display:flex;align-items:center;gap:.5rem}p.svelte-pr2mno{font-size:1.2rem;line-height:1.3}button.svelte-pr2mno{background-color:transparent;border:1px solid black;padding:.5rem 1rem;font-size:var(--medium_font_size);cursor:pointer}.descriptions.svelte-pr2mno{height:100vh}.impact.svelte-pr2mno{font-weight:400}.description.svelte-pr2mno{scroll-snap-align:start;scroll-snap-stop:always;height:100vh;display:flex;flex-direction:column;justify-content:center}.descriptionContainer.svelte-pr2mno{display:flex;flex-direction:column;justify-content:center;gap:1rem;pointer-events:all}.description.svelte-pr2mno:first-child{scroll-snap-stop:always}.description.svelte-pr2mno h1:where(.svelte-pr2mno){font-size:var(--large_font-size);font-weight:300;margin-bottom:.5rem}.interaction.svelte-pr2mno{grid-area:interaction;position:sticky;top:0;left:0;display:flex;height:100%;display:grid;place-items:center;grid-template-areas:"... ... ..." "... canvasContainer ..." "... ui ...";grid-template-columns:auto fit-content(100%) auto;grid-template-rows:auto fit-content(100%) auto}.ui.svelte-pr2mno{grid-area:ui;justify-self:flex-start;align-self:flex-start}.canvasContainer.svelte-pr2mno{background-color:#fff;grid-area:canvasContainer;position:relative;width:110%;margin-left:-10%;height:100vh;overflow:hidden}.transitionCanvas.svelte-pr2mno{transition:all .3s ease-in-out}.webshopCanvas.svelte-pr2mno{background-color:#fff;aspect-ratio:1 / 1;height:50vh;width:50vh;margin:0;padding:0;background-color:#f0f0f0}section.svelte-pr2mno{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(6,1fr);grid-template-areas:"description interaction";align-items:start;gap:3rem;margin-left:8rem;margin-right:3rem;height:600%}@media (max-width: 768px){section.svelte-pr2mno{margin-left:0rem;margin-right:0rem}section.svelte-pr2mno{grid-template-areas:"interaction" "description";grid-template-columns:1fr;height:fit-content;gap:0rem;margin-left:0;margin-right:0}.dummyCanvas.svelte-pr2mno,.canvasContainer.svelte-pr2mno{width:100%;height:auto;aspect-ratio:3 / 2;margin:0;padding:0;margin-top:7rem}.descriptions.svelte-pr2mno{pointer-events:none}.canvasContainer.svelte-pr2mno{background-color:#fff}.active.svelte-pr2mno{opacity:1}.inactive.svelte-pr2mno{opacity:0}.description.svelte-pr2mno{transition:opacity .3s ease-in-out;transition-delay:.1s}.interaction.svelte-pr2mno{position:fixed;width:100%;height:auto;background-image:linear-gradient(to bottom,white 80%,transparent 20%)}.webshopCanvas.svelte-pr2mno{aspect-ratio:1 / 1;height:30vh;width:30vh;background-color:#f0f0f0}.descriptions.svelte-pr2mno{margin-left:1rem;margin-right:1rem}.description.svelte-pr2mno{justify-content:start;box-sizing:border-box;z-index:-1}.description.svelte-pr2mno h1:where(.svelte-pr2mno){padding-top:5rem;font-size:2rem;margin-bottom:1rem}.scrollCanvas.svelte-pr2mno{background-color:#f5f5f5}}section.svelte-85gr5y{font-family:IBMPlex Sans;width:100%;padding-top:4rem;padding-bottom:4rem;display:flex;background-color:#000;color:#fff;scroll-snap-align:start}.container.svelte-85gr5y{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.content.svelte-85gr5y{flex:1}.content.svelte-85gr5y h1:where(.svelte-85gr5y){margin:0 0 .5rem;font-size:3rem;font-weight:600;font-style:italic}.content.svelte-85gr5y p:where(.svelte-85gr5y){margin:0;opacity:.8}.forms-container.svelte-85gr5y{flex:1;max-width:500px;display:flex;flex-direction:column;gap:2rem}.form-section.svelte-85gr5y{padding:1.5rem}.form-section.svelte-85gr5y h3:where(.svelte-85gr5y){margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#fff}.form-description.svelte-85gr5y{margin:0 0 1rem;opacity:.7;font-size:.9rem}.form-row.svelte-85gr5y{display:flex;gap:.5rem;margin-bottom:.5rem}.form-row.svelte-85gr5y:last-child{margin-bottom:0}input.svelte-85gr5y{flex:1;padding:.75rem;border:1px solid #333;background:#111;color:#fff;font-size:.9rem}input.svelte-85gr5y::placeholder{color:#666}input.svelte-85gr5y:focus{outline:none;border-color:#555;background:#222}button.svelte-85gr5y{padding:.75rem 1.5rem;background:#fff;color:#000;border:none;font-weight:500;cursor:pointer;transition:background-color .2s;white-space:nowrap}button.svelte-85gr5y:hover:not(:disabled){background:#f0f0f0}button.svelte-85gr5y:disabled{background:#333;color:#666;cursor:not-allowed}textarea.svelte-85gr5y{flex:1;padding:.75rem;border:1px solid #333;background:#111;color:#fff;font-size:.9rem;font-family:inherit;resize:vertical;min-height:80px}textarea.svelte-85gr5y::placeholder{color:#666}textarea.svelte-85gr5y:focus{outline:none;border-color:#555;background:#222}.full-width.svelte-85gr5y{width:100%}.success-message.svelte-85gr5y{text-align:center;padding:1rem}.success-message.svelte-85gr5y h4:where(.svelte-85gr5y){margin:0 0 .5rem;color:#4ade80;font-size:1rem}.success-message.svelte-85gr5y p:where(.svelte-85gr5y){margin:0;opacity:.8}.error-message.svelte-85gr5y{color:#ef4444;font-size:.9rem;margin-top:.5rem;text-align:center}@media (max-width: 768px){section.svelte-85gr5y{padding-top:10rem;padding-bottom:3rem}.container.svelte-85gr5y{flex-direction:column;padding:1rem;text-align:center}.forms-container.svelte-85gr5y{gap:1.5rem}.form-section.svelte-85gr5y{padding:1rem}.form-row.svelte-85gr5y{flex-direction:column;gap:.75rem}}@media (max-width: 480px){section.svelte-85gr5y{padding-top:2rem;padding-bottom:2rem}.container.svelte-85gr5y{padding:0 1rem;gap:1.5rem}.content.svelte-85gr5y h1:where(.svelte-85gr5y){font-size:2.5rem}.content.svelte-85gr5y p:where(.svelte-85gr5y){font-size:.9rem}.forms-container.svelte-85gr5y{gap:1rem}.form-section.svelte-85gr5y{padding:.75rem}.form-section.svelte-85gr5y h3:where(.svelte-85gr5y){font-size:1.1rem}.form-description.svelte-85gr5y{font-size:.85rem}.form-row.svelte-85gr5y{margin-bottom:.75rem}input.svelte-85gr5y,textarea.svelte-85gr5y{font-size:.85rem;padding:.6rem}button.svelte-85gr5y{padding:.75rem;font-size:.9rem}}.canvas.svelte-13pe4ms{width:100vw;height:vh;background-color:#f0f0f0;display:flex;gap:1rem;flex-direction:column;justify-content:center;align-items:center;font-size:2rem;font-weight:300}