.creative-app{position:relative;width:100vw;height:100vh;height:100svh;overflow:hidden;background:var(--creative-bg);color:var(--creative-text);font-family:Playfair Display,Cormorant Garamond,Georgia,serif;animation:creative-fade-in .28s ease forwards}.creative-app[data-leaving]{animation:none;pointer-events:none}.creative-app[data-leaving]>.creative-main,.creative-app[data-leaving]>.creative-nav{animation:creative-push-left .6s cubic-bezier(.4,0,.2,1) forwards}@keyframes creative-fade-in{0%{opacity:0}to{opacity:1}}@keyframes creative-push-left{0%{transform:translate(0);opacity:1}to{transform:translate(-100vw);opacity:0}}.creative-left-pill-cluster{position:absolute;top:18px;left:22px;z-index:20;display:inline-flex;align-items:center;gap:8px;pointer-events:none}.creative-left-pill-cluster>*{pointer-events:auto}.creative-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--creative-text-muted);cursor:pointer;transition:color .18s ease,background .18s ease}.creative-icon-btn:hover,.creative-icon-btn:focus-visible{color:var(--creative-text);background:rgba(var(--creative-accent-rgb),.12);outline:none}.creative-icon-btn svg{display:block}.creative-back{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-style:italic;color:var(--creative-text-secondary);padding:7px 16px;border:.5px solid rgba(var(--creative-accent-rgb),.22);border-radius:16px;cursor:pointer;font-family:inherit;background:rgba(var(--creative-glass-rgb),.42);backdrop-filter:blur(22px) saturate(180%);-webkit-backdrop-filter:blur(22px) saturate(180%);box-shadow:inset 0 .5px rgba(var(--creative-accent-rgb),.24),0 8px 24px -10px #00000059;transition:color .22s ease,border-color .22s ease,background .22s ease,transform .22s ease,box-shadow .22s ease;text-decoration:none}.creative-back:hover,.creative-back:focus-visible{color:var(--creative-text);border-color:rgba(var(--creative-accent-rgb),.55);background:rgba(var(--creative-accent-rgb),.14);outline:none}.creative-back-arrow{font-size:.95rem;line-height:1;transform:translateY(-1px)}.creative-theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:.5px solid rgba(var(--creative-accent-rgb),.22);border-radius:16px;background:rgba(var(--creative-glass-rgb),.42);backdrop-filter:blur(22px) saturate(180%);-webkit-backdrop-filter:blur(22px) saturate(180%);box-shadow:inset 0 .5px rgba(var(--creative-accent-rgb),.24),0 8px 24px -10px #00000059;color:var(--creative-text-secondary);cursor:pointer;transition:color .22s ease,border-color .22s ease,background .22s ease,transform .22s ease,box-shadow .22s ease}.creative-theme-toggle:hover,.creative-theme-toggle:focus-visible{color:var(--creative-text);border-color:rgba(var(--creative-accent-rgb),.55);background:rgba(var(--creative-accent-rgb),.14);outline:none}.creative-theme-toggle svg{display:block}.creative-main{display:flex;height:100%}.creative-stage{flex:1;min-width:0;overflow-y:auto;padding:84px clamp(24px,4vw,56px) 40px;scrollbar-width:thin;scrollbar-color:rgba(var(--creative-accent-rgb),.28) transparent}.creative-stage::-webkit-scrollbar,.creative-tracklist::-webkit-scrollbar,.creative-expanded::-webkit-scrollbar{width:4px;height:4px}.creative-stage::-webkit-scrollbar-button,.creative-tracklist::-webkit-scrollbar-button,.creative-expanded::-webkit-scrollbar-button{display:none;width:0;height:0}.creative-stage::-webkit-scrollbar-track,.creative-tracklist::-webkit-scrollbar-track,.creative-expanded::-webkit-scrollbar-track{background:transparent}.creative-stage::-webkit-scrollbar-thumb,.creative-tracklist::-webkit-scrollbar-thumb,.creative-expanded::-webkit-scrollbar-thumb{background:rgba(var(--creative-accent-rgb),.28);border-radius:0;-webkit-transition:background .16s ease;transition:background .16s ease}.creative-stage::-webkit-scrollbar-thumb:hover,.creative-tracklist::-webkit-scrollbar-thumb:hover,.creative-expanded::-webkit-scrollbar-thumb:hover{background:rgba(var(--creative-accent-rgb),.55)}.creative-stage::-webkit-scrollbar-corner,.creative-tracklist::-webkit-scrollbar-corner,.creative-expanded::-webkit-scrollbar-corner{background:transparent}.creative-music{flex:0 0 auto;position:relative;height:100%;border-left:.5px solid var(--creative-border);display:flex;flex-direction:column;transition:width .26s cubic-bezier(.4,0,.2,1);overflow:hidden}.creative-music-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;min-height:50px;border-bottom:.5px solid rgba(var(--creative-accent-rgb),.14);background:rgba(var(--creative-glass-rgb),.5);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);flex-shrink:0}.creative-music-header-sig{font-size:1.05rem;font-style:italic;color:var(--creative-signature);letter-spacing:.01em;padding-right:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creative-music-header-toggle{flex-shrink:0}.creative-tracklist{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:10px 0;list-style:none;margin:0;scrollbar-width:thin;scrollbar-color:rgba(var(--creative-accent-rgb),.28) transparent}.creative-track{padding:0;margin:0}.creative-track-button{display:flex;align-items:center;gap:12px;width:100%;padding:8px 14px;background:transparent;border:0;border-left:1.5px solid transparent;cursor:pointer;font-family:inherit;text-align:left;transition:background .22s ease,border-color .26s ease}.creative-music[data-expanded] .creative-track-button{padding-left:18px}.creative-track-button:hover{background:rgba(var(--creative-accent-rgb),.04)}.creative-track-button:focus-visible{outline:2px solid rgba(var(--creative-accent-rgb),.35);outline-offset:-4px;border-radius:2px}.creative-track-active .creative-track-button{border-left-color:rgba(var(--creative-accent-rgb),.65);background:rgba(var(--creative-accent-rgb),.06)}.creative-track-thumb{position:relative;width:40px;height:40px;flex:0 0 auto;border-radius:6px;overflow:hidden;box-shadow:inset 0 0 0 .5px rgba(var(--creative-accent-rgb),.14),0 2px 6px -2px #00000080;background:var(--creative-surface);transition:transform .22s ease}.creative-track-button:hover .creative-track-thumb{transform:scale(1.03)}.creative-track-active .creative-track-thumb{box-shadow:inset 0 0 0 1px rgba(var(--creative-accent-rgb),.4),0 3px 10px -3px #0000008c}.creative-track-thumb-playing{position:absolute;right:5px;bottom:5px;width:8px;height:8px;border-radius:50%;background:var(--creative-signature);box-shadow:0 0 0 2px #00000080;animation:creative-pulse 1.4s ease-in-out infinite}.creative-track-labels{display:flex;flex-direction:column;min-width:0;flex:1;gap:1px}.creative-track-title{font-size:.88rem;font-style:italic;color:var(--creative-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.25}.creative-track-active .creative-track-title{color:var(--creative-text)}.creative-track-composer{font-size:.7rem;color:var(--creative-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creative-track-duration{font-size:.66rem;color:var(--creative-text-faint);font-family:JetBrains Mono,Courier New,monospace;font-style:normal;flex:0 0 auto}@keyframes creative-pulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.35);opacity:.5}}.creative-music-footer{position:relative;border-top:.5px solid var(--creative-border);padding:12px 12px 16px;display:flex;flex-direction:column;gap:10px}.creative-music-expanded-volume{position:absolute;right:14px;bottom:18px;display:inline-flex}.creative-music-compact-volume{display:flex;justify-content:center;margin:0 0 2px}.creative-music-now{display:flex;flex-direction:column;gap:2px;text-align:center;min-height:2em}.creative-music-now-label{font-size:.58rem;color:var(--creative-text-muted);text-transform:uppercase;letter-spacing:.15em;font-style:normal;font-family:JetBrains Mono,Courier New,monospace}.creative-music-now-title{font-size:.78rem;font-style:italic;color:var(--creative-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creative-music-now-composer{font-size:.65rem;color:var(--creative-text-muted);font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creative-music-controls{display:flex;align-items:center;justify-content:center;gap:4px}.creative-music-btn{width:30px;height:30px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:50%;cursor:pointer;color:var(--creative-text-secondary);transition:background .22s ease,color .22s ease}.creative-music-btn svg{width:14px;height:14px}.creative-music-btn:hover{background:rgba(var(--creative-accent-rgb),.08);color:var(--creative-text)}.creative-music-btn-play{width:36px;height:36px;background:rgba(var(--creative-accent-rgb),.12);color:var(--creative-signature)}.creative-music-btn-play:hover{background:rgba(var(--creative-accent-rgb),.22);color:var(--creative-text)}.creative-volume-wrap{position:relative;display:inline-flex}.creative-volume-popup{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(4px);transform-origin:bottom center;padding-bottom:8px;z-index:10;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s}.creative-volume-popup-inner{padding:14px 10px;background:rgba(var(--creative-glass-rgb),.72);backdrop-filter:blur(22px) saturate(200%);-webkit-backdrop-filter:blur(22px) saturate(200%);border:.5px solid rgba(var(--creative-accent-rgb),.28);border-radius:14px;box-shadow:inset 0 .5px rgba(var(--creative-accent-rgb),.3),0 8px 24px -10px #00000073;display:inline-flex;justify-content:center}.creative-volume-wrap:hover .creative-volume-popup,.creative-volume-wrap:focus-within .creative-volume-popup,.creative-volume-popup:hover{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0);transition-delay:0s}.creative-volume-popup input[type=range]{display:block;writing-mode:vertical-lr;direction:rtl;width:4px;height:96px;margin:0;padding:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:rgba(var(--creative-accent-rgb),.22);border-radius:2px;outline:none;cursor:pointer;accent-color:rgba(var(--creative-accent-rgb),.85)}.creative-volume-popup input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--creative-signature);border:0;cursor:pointer;box-shadow:0 1px 3px #00000059}.creative-volume-popup input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--creative-signature);border:0;cursor:pointer;box-shadow:0 1px 3px #00000059}.creative-volume-popup input[type=range]:focus-visible{outline:2px solid rgba(var(--creative-accent-rgb),.45);outline-offset:4px;border-radius:3px}.creative-music-handle{position:absolute;top:0;left:-4px;bottom:0;width:8px;cursor:ew-resize;z-index:5;display:flex;align-items:center;justify-content:center}.creative-music-handle span{width:1px;height:32px;background:rgba(var(--creative-accent-rgb),.15);transition:background .26s ease}.creative-music-handle:hover span{background:rgba(var(--creative-accent-rgb),.4);height:48px}.creative-music-notes{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:6}.creative-music-note{position:absolute;font-size:clamp(16px,1.4vw,22px);line-height:1;color:var(--creative-signature);font-family:Noto Music,Bravura,"Cambria Math",Segoe UI Symbol,Apple Symbols,serif;text-shadow:0 1px 6px rgba(0,0,0,.3);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;will-change:transform,opacity;animation:creative-music-note-float 1.8s cubic-bezier(.4,0,.2,1) forwards}@keyframes creative-music-note-float{0%{opacity:0;transform:translate(-50%,-50%) scale(.85)}15%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--drift, 0px)),calc(-50% - 100px)) scale(1.08)}}@media(prefers-reduced-motion:reduce){.creative-music-notes{display:none}}.creative-spectrum{display:flex;align-items:flex-end;justify-content:center;gap:2px;height:30px;padding:0 4px}.creative-spectrum-bar{flex:1;max-width:3px;height:100%;background:rgba(var(--creative-accent-rgb),.45);border-radius:1px;transform-origin:bottom;transition:transform .14s ease-out}.creative-gallery-groups{display:flex;flex-direction:column;gap:32px}.creative-gallery-group-header{display:flex;align-items:baseline;justify-content:space-between;padding:0 2px 10px;margin-bottom:8px;border-bottom:.5px solid var(--creative-border)}.creative-gallery-group-label{font-size:1.35rem;font-weight:400;font-style:italic;color:var(--creative-text);letter-spacing:.01em;margin:0}.creative-gallery-group-count{font-size:.7rem;color:var(--creative-text-faint);font-family:JetBrains Mono,Courier New,monospace;font-style:normal;letter-spacing:.08em;text-transform:uppercase}.creative-gallery{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.creative-photo-tile{position:relative;display:block;flex:0 0 auto;height:clamp(340px,28vw,420px);margin:0;padding:0;border:0;border-radius:2px;cursor:pointer;overflow:hidden;background:transparent;transition:transform .26s cubic-bezier(.4,0,.2,1),box-shadow .26s ease}.creative-photo-tile-img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.creative-photo-tile-fill{display:block;width:100%;height:100%;position:absolute;inset:0}.creative-photo-tile:hover,.creative-photo-tile:focus-visible{transform:translateY(-2px);box-shadow:0 12px 28px -10px #0009;outline:none}.creative-photo-tile-caption{position:absolute;left:10px;right:10px;bottom:8px;font-size:.7rem;font-style:italic;color:#ffffffe0;text-shadow:0 1px 4px rgba(0,0,0,.55);opacity:0;transform:translateY(6px);transition:opacity .26s ease,transform .26s ease;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creative-photo-tile:hover .creative-photo-tile-caption,.creative-photo-tile:focus-visible .creative-photo-tile-caption{opacity:1;transform:translateY(0)}.creative-expanded-frame{position:relative;height:100%;min-height:100%;isolation:isolate;overflow:hidden;transition:background .24s ease}.creative-expanded{position:relative;z-index:1;height:100%;overflow-y:auto;scroll-snap-type:y mandatory;background:transparent;scrollbar-width:thin;scrollbar-color:rgba(var(--creative-accent-rgb),.28) transparent}.creative-expanded-frame[data-bg-mode=blur]{background:var(--creative-bg)}.creative-expanded-frame[data-bg-mode=blur]:before{content:"";position:absolute;inset:-60px;z-index:0;background:var(--creative-wall-image, var(--creative-bg)) center / cover no-repeat;filter:blur(110px) saturate(120%) brightness(.55);pointer-events:none;transition:filter .24s ease}.creative-app[data-theme=light] .creative-expanded-frame[data-bg-mode=blur]:before{filter:blur(110px) saturate(115%) brightness(.98)}.creative-expanded-section-blur{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;aspect-ratio:var(--wall-aspect, 1.5);max-width:min(92vw,1400px);max-height:calc(100vh - 160px);max-height:calc(100svh - 160px);background-image:var(--wall-image);background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(60px) saturate(140%) brightness(.82);pointer-events:none;z-index:0}.creative-app[data-theme=light] .creative-expanded-section-blur{filter:blur(60px) saturate(130%) brightness(1.1)}.creative-expanded-bg-ctrl{position:absolute;bottom:18px;right:22px;display:inline-flex;align-items:center;gap:0;padding:6px 8px;background:rgba(var(--creative-glass-rgb),.68);backdrop-filter:blur(30px) saturate(200%);-webkit-backdrop-filter:blur(30px) saturate(200%);border:.5px solid rgba(var(--creative-accent-rgb),.28);border-radius:999px;box-shadow:inset 0 .5px rgba(var(--creative-accent-rgb),.3),0 10px 28px -12px #00000073;z-index:4;transition:gap .3s ease}.creative-expanded-bg-ctrl:before{content:"";position:absolute;inset:-12px;pointer-events:auto}.creative-expanded-bg-ctrl:hover,.creative-expanded-bg-ctrl:has(:focus-visible){gap:6px}.creative-expanded-bg-swatch{width:22px;height:22px;border-radius:50%;border:1px solid rgba(255,255,255,.18);padding:0;cursor:pointer;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;position:relative;transition:width .3s ease,opacity .26s ease,transform .16s ease,box-shadow .16s ease,border-color .16s ease}.creative-expanded-bg-swatch:hover{transform:scale(1.12)}.creative-expanded-bg-swatch.is-active{order:99;transform:scale(1.12);border-color:#ffffffe6;box-shadow:0 0 0 2px rgba(var(--creative-accent-rgb),.55)}.creative-expanded-bg-ctrl:not(:hover):not(:has(:focus-visible)) .creative-expanded-bg-swatch:not(.is-active){width:0;opacity:0;pointer-events:none;transform:scale(.6);border-color:transparent}.creative-expanded-bg-swatch.is-blur{background:transparent;overflow:hidden}.creative-expanded-bg-swatch.is-blur svg{width:100%;height:100%;display:block;filter:blur(1px)}.creative-expanded-section{position:relative;height:100%;min-height:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center;padding:80px clamp(20px,3vw,48px);box-sizing:border-box;overflow:hidden}.creative-expanded-frame-figure{position:relative;margin:0;display:flex;align-items:center;justify-content:center;max-width:min(92vw,1400px);max-height:100%;width:100%;height:100%}.creative-expanded-frame-figure .creative-expanded-image{position:relative;z-index:1}.creative-expanded-image{position:relative;display:inline-block;max-width:100%;line-height:0;border-radius:4px;overflow:hidden}.creative-expanded-img{display:block;max-width:min(92vw,1400px);max-height:calc(100vh - 160px);max-height:calc(100svh - 160px);width:auto;height:auto}.creative-expanded-close{position:absolute;top:18px;right:18px;width:30px;height:30px;border-radius:50%;background:#0000008c;border:0;padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#ffffffeb;opacity:0;pointer-events:none;transition:opacity .2s ease,background .2s ease}.creative-expanded-close svg{width:12px;height:12px;pointer-events:none}.creative-expanded-image:hover .creative-expanded-close,.creative-expanded-image:focus-within .creative-expanded-close{opacity:1;pointer-events:auto}.creative-expanded-close:hover,.creative-expanded-close:focus-visible{background:#000000bf;color:#fff;outline:none}.creative-expanded-caption{position:absolute;left:22px;bottom:18px;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:4px;max-width:min(60%,520px);padding:10px 18px 11px;border-radius:14px;background:rgba(var(--creative-glass-rgb),.68);backdrop-filter:blur(30px) saturate(200%);-webkit-backdrop-filter:blur(30px) saturate(200%);border:.5px solid rgba(var(--creative-accent-rgb),.28);box-shadow:inset 0 .5px rgba(var(--creative-accent-rgb),.3),0 10px 28px -12px #00000073;pointer-events:none;opacity:0;transform:translateY(6px);transition:opacity .42s ease,transform .42s ease,background .22s ease,border-color .22s ease,color .22s ease}.creative-expanded-caption[data-visible=true]{opacity:1;transform:translateY(0)}.creative-expanded-caption-title{font-size:1rem;font-style:italic;color:var(--creative-text);letter-spacing:.005em;line-height:1.2;transition:color .22s ease}.creative-expanded-caption-meta{display:flex;align-items:center;justify-content:flex-start;gap:6px;flex-wrap:wrap;font-family:JetBrains Mono,Courier New,monospace;font-style:normal;font-size:.7rem;color:var(--creative-text-muted);letter-spacing:.04em;transition:color .22s ease}.creative-expanded-caption-dot{opacity:.55}.creative-expanded-frame[data-bg-mode=white] .creative-expanded-caption,.creative-expanded-frame[data-bg-mode=light-gray] .creative-expanded-caption,.creative-expanded-frame[data-bg-mode=white] .creative-expanded-bg-ctrl,.creative-expanded-frame[data-bg-mode=light-gray] .creative-expanded-bg-ctrl{background:#ffffffc7;border-color:#1e2a3838;box-shadow:inset 0 .5px #ffffffd9,0 10px 28px -12px #00000038}.creative-expanded-frame[data-bg-mode=white] .creative-expanded-caption-title,.creative-expanded-frame[data-bg-mode=light-gray] .creative-expanded-caption-title{color:#1e2a38}.creative-expanded-frame[data-bg-mode=white] .creative-expanded-caption-meta,.creative-expanded-frame[data-bg-mode=light-gray] .creative-expanded-caption-meta{color:#4a5b70}.creative-expanded-frame[data-bg-mode=gray] .creative-expanded-caption,.creative-expanded-frame[data-bg-mode=dark-gray] .creative-expanded-caption,.creative-expanded-frame[data-bg-mode=black] .creative-expanded-caption,.creative-expanded-frame[data-bg-mode=gray] .creative-expanded-bg-ctrl,.creative-expanded-frame[data-bg-mode=dark-gray] .creative-expanded-bg-ctrl,.creative-expanded-frame[data-bg-mode=black] .creative-expanded-bg-ctrl{background:#0e1014c2;border-color:#ffffff38;box-shadow:inset 0 .5px #ffffff38,0 10px 28px -12px #0000008c}.creative-expanded-frame[data-bg-mode=gray] .creative-expanded-caption-title,.creative-expanded-frame[data-bg-mode=dark-gray] .creative-expanded-caption-title,.creative-expanded-frame[data-bg-mode=black] .creative-expanded-caption-title{color:#fffffff5}.creative-expanded-frame[data-bg-mode=gray] .creative-expanded-caption-meta,.creative-expanded-frame[data-bg-mode=dark-gray] .creative-expanded-caption-meta,.creative-expanded-frame[data-bg-mode=black] .creative-expanded-caption-meta{color:#ffffffb3}.creative-return-overlay{position:fixed;inset:0;display:flex;z-index:50;pointer-events:none;transform:translate(100vw);animation:creative-return-swipe .6s cubic-bezier(.4,0,.2,1) forwards}@keyframes creative-return-swipe{0%{transform:translate(100vw)}to{transform:translate(0)}}.creative-return-panel{height:100%}.creative-return-panel-creative{flex:.382;background:#1a1020}.creative-return-panel-center{flex:.236;background:#fafafa}.creative-return-panel-tech{flex:.382;background:#080c16}@media(max-width:720px){.creative-photo-tile{height:clamp(200px,44vw,280px)}.creative-music{border-right:0;border-bottom:.5px solid var(--creative-border);height:auto;width:100%!important}.creative-main{flex-direction:column}}@media(prefers-reduced-motion:reduce){.creative-app,.creative-photo-tile,.creative-spectrum-bar,.creative-track-thumb,.creative-track-thumb-playing,.creative-music{animation:none!important;transition:none!important}}