.accordion-container[data-v-c80a23ee]{display:flex;flex-direction:column;overscroll-behavior:contain;transition:all .5s ease-in-out}.accordion-header[data-v-c80a23ee]{cursor:pointer;flex-shrink:0;transition:all .3s}.creation-header-content[data-v-c80a23ee]{display:flex;height:100%;justify-content:space-between}.creation-item[data-v-c80a23ee]{display:flex;margin-left:calc(var(--side-margin)*-1);transition:background-color 0s .35s;width:100vw}.header-filler-1[data-v-c80a23ee]{flex-shrink:0;height:100%;transition:background-color 0s .05s;width:var(--side-margin)}.header-filler-2[data-v-c80a23ee]{flex-shrink:0;height:100%;transition:background-color 0s .1s;width:calc(var(--offset)*4 - 1rem)}.header-filler-3[data-v-c80a23ee]{flex:1;transition:background-color 0s .25s}.creation-text[data-v-c80a23ee]{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-c80a23ee]{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-c80a23ee]{background-color:#fff;flex:0;height:1rem;justify-self:flex-end;width:1rem}.accordion-content[data-v-c80a23ee]{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-c80a23ee]{background-color:var(--color-1)}:is(.creation-item.active,.creation-item:hover) .header-filler-2[data-v-c80a23ee]{background-color:var(--color-4)}:is(.creation-item.active,.creation-item:hover) .creation-text[data-v-c80a23ee]{background-color:var(--color-2);color:var(--text-color-2)}:is(.creation-item.active,.creation-item:hover) .creation-punchline[data-v-c80a23ee]{background-color:var(--color-3);color:var(--text-color-3)}:is(.creation-item.active,.creation-item:hover) .header-filler-3[data-v-c80a23ee]{background-color:var(--color-1)}.accordion-content--expanded[data-v-c80a23ee]{height:100%}.accordion-content-container[data-v-c80a23ee]{height:100%;padding:0}.project-main-section[data-v-c80a23ee]{display:flex;flex:1;flex-direction:column;padding-bottom:1.5rem}.creation-grid-container[data-v-c80a23ee]{display:grid;gap:20px;grid-auto-columns:1fr;grid-template-columns:repeat(4,1fr);margin:0 var(--side-margin)}.project-visual-section[data-v-c80a23ee]{display:flex;flex:1;flex-direction:column}.project-main-image[data-v-c80a23ee]{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.project-description-section[data-v-c80a23ee]{padding:2rem 0 8rem}.project-description[data-v-c80a23ee]{grid-column:1/span 2}.info-item[data-v-c80a23ee]{display:flex;flex-direction:column;gap:8px}.info-label[data-v-c80a23ee]{color:var(--text-mid-light);font-weight:500;text-transform:uppercase}.info-label[data-v-c80a23ee],.info-value[data-v-c80a23ee]{font-size:var(--font-size-s)}.info-value[data-v-c80a23ee]{line-height:1.4}.dedicated-website-link[data-v-c80a23ee]{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-c80a23ee]:hover{color:#8b5cf6}@media (max-width:768px){.creation-header-content[data-v-c80a23ee]{flex-direction:column}.creation-grid-container[data-v-c80a23ee]{grid-template-columns:1fr 1fr}.accordion-container[data-v-c80a23ee]{margin-bottom:1.5rem}.creation-punchline[data-v-c80a23ee]{font-size:var(--font-size-xxs);white-space:normal}.creation-text[data-v-c80a23ee]{margin-right:0!important}.creation-item .creation-punchline br[data-v-c80a23ee]{display:none}.mobile-scroll-hint[data-v-c80a23ee]{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-c80a23ee]{font-size:1.5rem;margin-top:.5rem}}.mobile-scroll-hint[data-v-c80a23ee]{display:none}