@import url("https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,200..900;1,9..144,200..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300..700&display=swap");:root{--bg:#ffffff;--bg-secondary:#f6f6f3;--bg-wash:#e5e5e0;--bg-card:#ffffff;--text:#111111;--text-secondary:#33332e;--text-muted:#62625b;--text-light:#91918c;--border:#e5e5e0;--border-hover:#cdcdc8;--overlay:rgba(0,0,0,0.8);--accent:#e60023;--accent-hover:#cc001f;--accent-pressed:#b2001b;--blue:#2b48d4;--green:#097239;--orange:#b24700;--purple:#91289f;--gradient-primary:linear-gradient(135deg,#e60023,#b24700,#91289f);--gradient-cool:linear-gradient(135deg,#2b48d4,#91289f);--gradient-subtle:linear-gradient(135deg,rgba(230,0,35,0.06),rgba(145,40,159,0.06));--radius-sm:8px;--radius:16px;--radius-lg:32px;--radius-pill:999px;--nav-height:80px;--container-padding:16px;--gallery-gap:8px;--shadow-surface:0px 0.5px 3px 0px rgba(0,0,0,0.2);--shadow-raised:0px 1.5px 6px 0px rgba(0,0,0,0.2);--shadow-floating:0px 3px 12px 0px rgba(0,0,0,0.2);--shadow-hover:0 0 12px rgba(0,0,0,0.15);--shadow-color-pink:0 4px 16px rgba(230,0,35,0.25);--shadow-color-purple:0 4px 16px rgba(145,40,159,0.25);--ease:cubic-bezier(0.25,0.1,0.25,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--transition-fast:150ms var(--ease);--transition-medium:250ms var(--ease);--transition-slow:350ms var(--ease)}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden}body{background-color:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;font-feature-settings:"kern" 1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}.font-display{font-family:Fraunces,Georgia,serif;font-optical-sizing:auto}.font-body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}.__variable_f367f3{--font-inter:"Inter","Inter Fallback"}@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/fb526027db1fc1ae-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/4da3161b738b07dd-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/af4bf8399d1aacdf-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Fraunces Fallback;src:local("Times New Roman");ascent-override:84.71%;descent-override:22.09%;line-gap-override:0.00%;size-adjust:115.45%}.__className_eb41fe{font-family:Fraunces,Fraunces Fallback;font-style:normal}.__variable_eb41fe{--font-fraunces:"Fraunces","Fraunces Fallback"}.container{max-width:1400px;margin:0 auto;padding:0 var(--container-padding)}.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-height);background:rgba(255,255,255,.92);border-bottom:1px solid var(--border);z-index:50;transition:all var(--transition-medium);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4)}.nav.hidden{transform:translateY(-100%)}.nav.visible{box-shadow:var(--shadow-surface)}.nav-content{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:1400px;margin:0 auto;padding:0 24px}.nav-logo{font-family:Fraunces,Georgia,serif;font-size:26px;font-weight:800;color:var(--accent);text-decoration:none;transition:all var(--transition-medium);display:block;min-width:0;letter-spacing:-.03em;font-optical-sizing:auto}.nav-logo:hover{transform:scale(1.03)}.nav-links{display:flex;gap:4px;list-style:none;align-items:center}.nav-link{color:var(--text);text-decoration:none;font-size:14px;font-weight:600;padding:10px 14px;border-radius:var(--radius-pill);position:relative;transition:all var(--transition-fast);background:transparent}.nav-link:hover{background:var(--bg-secondary);color:var(--text)}.nav-canvas-icon,.nav-chat-icon,.nav-music-icon{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:var(--radius-pill);padding:10px}.nav-canvas-icon:hover{background:rgba(230,0,35,.08)}.nav-canvas-icon:hover svg{color:var(--accent)}.nav-music-icon:hover{background:rgba(145,40,159,.08)}.nav-music-icon:hover svg{color:var(--purple)}.nav-chat-icon:hover{background:rgba(43,72,212,.08)}.nav-chat-icon:hover svg{color:var(--blue)}.canvas-icon,.chat-icon,.music-icon{transition:all var(--transition-fast)}.nav-canvas-icon:hover .canvas-icon,.nav-chat-icon:hover .chat-icon,.nav-music-icon:hover .music-icon{stroke-width:2.5;transform:scale(1.1)}.sort-controls{justify-content:space-between;margin-bottom:24px;padding:0 4px;max-width:1400px;margin-left:auto;margin-right:auto}.sort-controls,.sort-info{display:flex;align-items:center}.sort-info{gap:16px}.artwork-count{font-family:Fraunces,Georgia,serif;font-size:18px;font-weight:600;color:var(--text);letter-spacing:-.02em}.sort-pills{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.sort-pill{padding:8px 16px;border:2px solid var(--border);border-radius:var(--radius-pill);font-size:13px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:var(--bg-card);white-space:nowrap;font-family:Inter,sans-serif}.sort-pill:hover{border-color:var(--border-hover);color:var(--text);background:var(--bg-secondary)}.sort-pill.active{background:var(--accent);border-color:var(--accent);color:white;box-shadow:var(--shadow-color-pink)}.sort-pill.active:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.gallery{margin-top:calc(var(--nav-height) + 24px);margin-bottom:48px;padding:0 12px}.gallery-grid{column-count:2;column-gap:var(--gallery-gap)}@media (min-width:540px){.gallery-grid{column-count:3;column-gap:12px}}@media (min-width:768px){.gallery-grid{column-count:4;column-gap:16px}}@media (min-width:1000px){.gallery-grid{column-count:5;column-gap:16px}}@media (min-width:1400px){.gallery-grid{column-count:6;column-gap:18px}}.gallery-item{break-inside:avoid;margin-bottom:var(--gallery-gap);cursor:pointer;transition:transform var(--transition-medium),box-shadow var(--transition-medium);border-radius:var(--radius);overflow:hidden;background:var(--bg-card);display:inline-block;width:100%;position:relative}.gallery-item:hover{transform:scale(1.02);box-shadow:var(--shadow-floating);z-index:2}.gallery-item:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 50%);opacity:0;transition:opacity var(--transition-medium);border-radius:var(--radius);z-index:1;pointer-events:none}.gallery-item:hover:before{opacity:1}.gallery-item-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.75);width:48px;height:48px;background:rgba(255,255,255,.95);border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:all var(--transition-medium);z-index:2;box-shadow:var(--shadow-raised);pointer-events:none;color:var(--accent)}.gallery-item:hover .gallery-item-overlay{opacity:1;transform:translate(-50%,-50%) scale(1)}.gallery-item-image{width:100%;height:auto;display:block;border-radius:var(--radius)}.artwork-date{position:absolute;bottom:10px;left:10px;background:rgba(255,255,255,.92);color:var(--text);padding:4px 10px;border-radius:var(--radius-pill);font-size:11px;font-weight:600;opacity:0;transition:all var(--transition-medium);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:2;box-shadow:var(--shadow-surface);transform:translateY(4px)}.gallery-item:hover .artwork-date{opacity:1;transform:translateY(0)}.loading-more{margin-top:32px}.end-message{text-align:center;padding:56px 24px;font-family:Fraunces,Georgia,serif;font-size:18px;font-weight:500;color:var(--text-muted);letter-spacing:-.01em}.loading-skeleton-grid{column-count:2;column-gap:var(--gallery-gap)}@media (min-width:540px){.loading-skeleton-grid{column-count:3;column-gap:12px}}@media (min-width:768px){.loading-skeleton-grid{column-count:4;column-gap:16px}}@media (min-width:1000px){.loading-skeleton-grid{column-count:5;column-gap:16px}}@media (min-width:1400px){.loading-skeleton-grid{column-count:6;column-gap:18px}}.loading-skeleton-item{break-inside:avoid;margin-bottom:var(--gallery-gap);border-radius:var(--radius);overflow:hidden;background:var(--bg-secondary);display:inline-block;width:100%}.loading-skeleton-image{width:100%;background:linear-gradient(110deg,var(--bg-secondary) 25%,var(--border) 37%,var(--bg-secondary) 63%);background-size:200% 100%;animation:shimmer 1.6s ease-in-out infinite;border-radius:var(--radius)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:100;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-medium);user-select:none;-webkit-user-select:none;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.lightbox.open{opacity:1}.lightbox-content{position:relative;max-width:88vw;max-height:88vh;width:auto;height:auto;transition:transform var(--transition-slow);transform:scale(.92);display:flex;align-items:center;justify-content:center;will-change:transform;touch-action:pan-y pinch-zoom;background:var(--bg-card);border-radius:var(--radius);box-shadow:0 32px 80px rgba(0,0,0,.5);overflow:hidden}.lightbox.open .lightbox-content{transform:scale(1)}.lightbox-image-container{position:relative;display:flex;align-items:center;justify-content:center;background:var(--bg-card)}.lightbox-image{max-width:88vw;max-height:88vh;width:auto;height:auto;object-fit:contain;border-radius:var(--radius);-webkit-user-drag:none;pointer-events:none}.lightbox-controls{position:absolute;top:16px;right:16px;z-index:10}.lightbox-close{width:48px;height:48px;border:none;background:rgba(255,255,255,.95);color:var(--text);border-radius:50%;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);box-shadow:var(--shadow-raised);font-weight:700}.lightbox-close:focus,.lightbox-close:hover{background:var(--accent);color:white;transform:scale(1.1) rotate(90deg);box-shadow:var(--shadow-color-pink)}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;border:none;background:rgba(255,255,255,.95);color:var(--text);border-radius:50%;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all var(--transition-fast);z-index:10;box-shadow:var(--shadow-raised)}.lightbox-nav:focus,.lightbox-nav:hover{background:white;transform:translateY(-50%) scale(1.12);box-shadow:var(--shadow-floating)}.lightbox-nav:active{transform:translateY(-50%) scale(.95)}.lightbox-nav .nav-icon{font-size:22px;line-height:1;font-weight:700}.lightbox-nav .nav-text{font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-top:2px;opacity:.6}.lightbox-nav.prev{left:-84px}.lightbox-nav.next{right:-84px}.lightbox-info{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:10}.image-counter{background:rgba(255,255,255,.95);color:var(--text);padding:8px 20px;font-size:13px;font-weight:700;box-shadow:var(--shadow-raised);letter-spacing:.02em}.image-counter,.swipe-hint{border-radius:var(--radius-pill)}.swipe-hint{background:var(--accent);color:white;padding:6px 14px;font-size:12px;font-weight:600;box-shadow:var(--shadow-color-pink);animation:fadeInUp .2s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.music-page{min-height:100vh;padding-bottom:64px}.music-header{text-align:center;max-width:600px;margin:0 auto}.music-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;max-width:1400px;margin:0 auto}.music-item{background:var(--bg-card);border-radius:var(--radius);padding:24px;transition:all var(--transition-medium);border:1px solid var(--border);box-shadow:var(--shadow-surface)}.music-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-floating);border-color:var(--border-hover)}.music-embed-wrapper{border-radius:var(--radius-sm);overflow:hidden;background:var(--bg)}.music-embed{border-radius:var(--radius-sm);transition:all var(--transition-medium)}.music-description{text-align:center}@media (max-width:768px){.music-grid{grid-template-columns:1fr;gap:24px;padding:0 16px}.music-item{padding:20px}.music-header{padding:0 16px}.music-header h1{font-size:2.5rem}}@media (max-width:480px){.music-item{padding:16px}.music-embed-wrapper iframe{height:280px}}.footer{border-top:1px solid var(--border);padding:40px 0;text-align:center;background:var(--bg-secondary);margin-top:48px;position:relative}.footer:before{content:"";position:absolute;top:-1px;left:0;right:0;height:2px;background:var(--gradient-primary)}.footer-name{font-family:Fraunces,Georgia,serif;font-size:16px;font-weight:600;color:var(--text);letter-spacing:-.01em}.footer-credit{font-size:13px;color:var(--text-muted);margin-top:6px;font-style:italic}.prose{color:var(--text);line-height:1.7}.prose p{margin-bottom:1.25em}.prose-lg{font-size:16px}.max-w-2xl{max-width:42rem}.mx-auto{margin-left:auto;margin-right:auto}.py-16{padding-top:4rem;padding-bottom:4rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.mb-8{margin-bottom:2rem}.mb-6{margin-bottom:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.leading-relaxed{line-height:1.625}@media (max-width:768px){.lightbox-content,.lightbox-image{max-width:95vw;max-height:95vh}.lightbox-nav{width:48px;height:48px}.lightbox-nav .nav-text{display:none}.lightbox-nav.prev{left:-60px}.lightbox-nav.next{right:-60px}.lightbox-close{width:40px;height:40px;font-size:16px}.image-counter{font-size:12px;padding:6px 14px}.sort-controls{flex-direction:column;align-items:stretch;gap:14px;padding:0 8px}.sort-info,.sort-pills{justify-content:center}}@media (max-width:480px){:root{--nav-height:64px;--container-padding:12px;--gallery-gap:8px}.sort-pills{gap:4px}.sort-pill{padding:6px 12px;font-size:12px}.artwork-count{font-size:16px}.nav-content{gap:8px;padding:0 16px}.nav-logo{font-size:20px;max-width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-links{gap:2px}.nav-link{font-size:13px;padding:8px 10px}.gallery{padding:0 6px;margin-top:calc(var(--nav-height) + 16px)}.gallery-grid{column-count:2;column-gap:8px}.lightbox-content{max-height:92vh}.lightbox-content,.lightbox-image{max-width:96vw;border-radius:var(--radius-sm)}.lightbox-image{max-height:88vh}.lightbox-nav{position:fixed;width:48px;height:48px;bottom:100px;top:auto;transform:none;background:rgba(255,255,255,.95);box-shadow:var(--shadow-raised)}.lightbox-nav:hover{transform:scale(1.05)}.lightbox-nav.prev{left:20px}.lightbox-nav.next{right:20px}.lightbox-nav .nav-icon{font-size:18px}.lightbox-controls{top:12px;right:12px}.lightbox-close{width:40px;height:40px;font-size:14px}.lightbox-info{bottom:28px}.image-counter{font-size:12px;padding:6px 12px}.swipe-hint{font-size:11px;padding:4px 10px}.gallery-item-overlay{display:none}}@media (max-width:360px){.nav-logo{font-size:16px;max-width:55%}.nav-links{gap:2px}.nav-link{font-size:11px}.lightbox-nav{width:40px;height:40px;bottom:70px}.lightbox-nav.prev{left:15px}.lightbox-nav.next{right:15px}.lightbox-nav .nav-icon{font-size:16px}.lightbox-close{width:32px;height:32px;font-size:12px}}@media (hover:none) and (pointer:coarse){.lightbox-nav{opacity:1;min-width:48px;min-height:48px}.lightbox-nav:hover{transform:translateY(-50%) scale(1.02)}.lightbox-close:hover{transform:scale(1.02)}.lightbox-close{min-width:40px;min-height:40px}.gallery-item:hover{transform:none;box-shadow:none}.gallery-item:hover:before{opacity:0}.gallery-item:active{transform:scale(.98);transition:transform .1s ease}.gallery-item-overlay{display:none}}