.accordion-container[data-v-9d71746d]{display:flex;flex-direction:column;overscroll-behavior:contain;transition:all .5s ease-in-out}.accordion-header[data-v-9d71746d]{cursor:pointer;flex-shrink:0;overflow:hidden;position:relative;transition:all .3s}.creation-header-content[data-v-9d71746d]{display:flex;height:100%;justify-content:space-between}.creation-item[data-v-9d71746d]{display:flex;margin-left:calc(var(--side-margin)*-1);transition:background-color 0s .35s;width:100vw}.header-filler-1[data-v-9d71746d]{flex-shrink:0;height:100%;transition:background-color 0s .05s;width:var(--side-margin)}.header-filler-2[data-v-9d71746d]{flex-shrink:0;height:100%;transition:background-color 0s .1s;width:calc(var(--offset)*4 - 1rem)}.header-filler-3[data-v-9d71746d]{flex:1;transition:background-color 0s .25s}.creation-text[data-v-9d71746d]{display:inline-block;flex:1;font-size:var(--font-size-xl);padding:0 .1rem 0 1rem;text-wrap-mode:nowrap;transition:background-color 0s .15s,color 0s .15s;width:-moz-fit-content;width:fit-content;z-index:1}.creation-punchline[data-v-9d71746d]{align-items:end;display:flex;font-size:var(--font-size-xs);height:100%;letter-spacing:.05em;line-height:1.2;padding:0 .1rem .35rem 1rem;text-transform:uppercase;transition:color .3s ease;transition:background-color 0s .2s,color 0s .2s;white-space:nowrap}.header-close[data-v-9d71746d]{align-items:center;align-self:center;aspect-ratio:1/1;color:transparent;display:flex;height:auto;justify-content:center;justify-self:flex-end;position:relative;transition:background-color 0s .3s,color 0s .3s;width:3.5rem}.header-close[data-v-9d71746d]:after,.header-close[data-v-9d71746d]:before{background-color:currentColor;content:"";height:1px;position:absolute;transform-origin:center;width:141.4%}.header-close[data-v-9d71746d]:before{transform:rotate(45deg)}.header-close[data-v-9d71746d]:after{transform:rotate(-45deg)}.accordion-content[data-v-9d71746d]{height:0;margin-left:calc(var(--side-margin)*-1);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;position:relative;transition:all .5s ease-in-out;width:100vw}:is(.creation-item.active,.creation-item:hover) .header-filler-1[data-v-9d71746d]{background-color:var(--color-1)}:is(.creation-item.active,.creation-item:hover) .header-filler-2[data-v-9d71746d]{background-color:var(--color-4)}:is(.creation-item.active,.creation-item:hover) .creation-text[data-v-9d71746d]{background-color:var(--color-2);color:var(--text-color-2)}:is(.creation-item.active,.creation-item:hover) .creation-punchline[data-v-9d71746d]{background-color:var(--color-3);color:var(--text-color-3)}:is(.creation-item.active,.creation-item:hover) .header-filler-3[data-v-9d71746d]{background-color:var(--color-1)}:is(.creation-item.active,.creation-item:hover) .header-close[data-v-9d71746d]{background-color:var(--color-2);color:var(--text-color-2)}.accordion-header.active[data-v-9d71746d]:hover:before{background-color:var(--accent-purple);content:"";inset:0;opacity:.1;pointer-events:none;position:absolute;z-index:10}.accordion-header[data-v-9d71746d]>*{position:relative;z-index:1}.accordion-content--expanded[data-v-9d71746d]{height:100%}.accordion-content-container[data-v-9d71746d]{height:100%;padding:0}.project-main-section[data-v-9d71746d]{display:flex;flex:1;flex-direction:column;padding-bottom:1.5rem}.creation-grid-container[data-v-9d71746d]{display:grid;gap:20px;grid-auto-columns:1fr;grid-template-columns:repeat(4,1fr);margin:0 var(--side-margin)}.project-visual-section[data-v-9d71746d]{display:flex;flex:1;flex-direction:column;max-height:calc(100vh - 3.5rem)}.project-main-image[data-v-9d71746d]{max-height:100%;max-width:100%;-o-object-fit:cover;object-fit:cover}.project-description-section[data-v-9d71746d]{padding:2rem 0 8rem}.project-description[data-v-9d71746d]{grid-column:1/span 2}.info-item[data-v-9d71746d]{display:flex;flex-direction:column;gap:8px}.info-label[data-v-9d71746d]{color:var(--text-mid-light);font-weight:500;text-transform:uppercase}.info-label[data-v-9d71746d],.info-value[data-v-9d71746d]{font-size:var(--font-size-s)}.info-value[data-v-9d71746d]{line-height:1.4}.dedicated-website-link[data-v-9d71746d]{color:var(--text-mid-light);font-size:var(--font-size-s);text-decoration:underline;text-transform:uppercase;transition:color .3s ease}.dedicated-website-link[data-v-9d71746d]:hover{color:#8b5cf6}@media (max-width:768px){.creation-header-content[data-v-9d71746d]{flex-direction:column}.creation-grid-container[data-v-9d71746d]{grid-template-columns:1fr 1fr}.accordion-container[data-v-9d71746d]{margin-bottom:1.5rem}.creation-punchline[data-v-9d71746d]{font-size:var(--font-size-xxs);white-space:normal}.creation-text[data-v-9d71746d]{margin-right:0!important}.creation-item .creation-punchline br[data-v-9d71746d]{display:none}.mobile-scroll-hint[data-v-9d71746d]{align-items:center;color:var(--text-mid-light);display:flex!important;flex-direction:column;font-size:var(--font-size-xs);grid-column:1/span 2;letter-spacing:.05em;margin:6rem 0 0;text-align:center;text-transform:uppercase}.down-arrow[data-v-9d71746d]{font-size:1.5rem;margin-top:.5rem}.header-close[data-v-9d71746d]{width:3.9rem}}.mobile-scroll-hint[data-v-9d71746d]{display:none}