@import url(https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Archivo+Narrow:wght@400;500;600;700&family=Lora:wght@400;500;600&family=Inter:wght@400;500;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-main:#f1f0eb;--bg-alt:#f5f5f4;--text-main:#1a1a1a;--text-muted:#4b5563;--accent-red:#dc2626;--accent-cyan:#22d3ee;--accent-orange:#f59e0b;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 12px 20px #00000026;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:12px;--container-width:80rem;--text-sm:0.875rem;--text-md:1.125rem;--text-lg:1.25rem;--section-padding:4rem 2rem}*{box-sizing:border-box;margin:0;padding:0}table,tbody,td,tr{border:none!important}body{background-color:#f1f0eb;background-color:var(--bg-main);color:#1a1a1a;color:var(--text-main);font-family:Inter,sans-serif;min-height:100vh}p{font-size:.875rem;font-size:var(--text-sm);line-height:1.75}.container{margin:0 auto;max-width:80rem;max-width:var(--container-width)}.section{padding:4rem 2rem;padding:var(--section-padding)}.font-dm-serif{font-family:"DM Serif Display",serif}.font-archivo{font-family:Archivo Narrow,sans-serif}.font-lora{font-family:Lora,serif}.font-inter{font-family:Inter,sans-serif;letter-spacing:2px}.section-header{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.section-header .line,.section-header .line-flex{background-color:#000;height:1px}.section-header .line{width:4rem}.section-header .line-flex{flex:1 1}.section-header h2{font-size:.875rem;font-size:var(--text-sm);font-weight:700}header{align-items:center;display:flex;justify-content:space-between;padding:1rem 2rem}.logo img{height:2.5rem}nav{display:flex;font-size:.875rem;font-size:var(--text-sm);gap:2rem}nav a{color:#1a1a1a;color:var(--text-main);font-weight:700;letter-spacing:2px;text-decoration:none;transition:color .3s}nav a:hover{color:#dc2626;color:var(--accent-red)}.hero-section{background-color:#f1f0eb;background-color:var(--bg-main);padding:1rem}.hero-content{padding-top:8rem}.hero-container{grid-gap:3rem;align-items:flex-start;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:80rem;max-width:var(--container-width)}.line-accent{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.line-accent .line{background-color:#dc2626;background-color:var(--accent-red);height:1px;width:4rem}.hero-id,.line-accent .plus{color:#dc2626;color:var(--accent-red);font-family:monospace;font-size:.875rem;font-size:var(--text-sm)}.hero-id,.hero-title{margin-bottom:1rem}.hero-title{font-size:8rem;font-weight:700;line-height:1}.hero-title .italic{font-style:italic}.hero-subtitle{font-size:1.25rem;font-size:var(--text-lg);margin-bottom:2rem}.hero-subtitle .name{color:#dc2626;color:var(--accent-red)}.pixel-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr);height:5rem;margin-bottom:1.5rem;width:5rem}.pixel-grid .pixel{background-color:#22d3ee;background-color:var(--accent-cyan);border-radius:.125rem}.hero-info p{margin-bottom:.5rem}.hero-info .welcome{color:#4b5563;color:var(--text-muted);font-size:.75rem;margin-top:1rem}.hero-image-wrapper{height:100%;position:relative;width:100%}.year-bg{color:#dc2626;color:var(--accent-red);font-size:9rem;font-weight:700;opacity:.2;position:absolute;right:0;top:0;z-index:10}.hero-image-container{height:90%;min-height:25rem;position:relative;width:90%}.red-background{display:none}.hero-image-container img{height:auto;object-fit:cover;object-position:center;width:100%}.about-section{background-color:#f5f5f4;background-color:var(--bg-alt);padding:4rem 2rem;padding:var(--section-padding)}.about-container{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:80rem;max-width:var(--container-width)}.about-image-wrapper{position:relative}.about-number{color:#e5e7eb;font-size:9rem;font-weight:700;left:-2rem;position:absolute;top:-2rem}.about-image-container{background-color:#f1f0eb;background-color:var(--bg-main);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);padding:2rem;position:relative}.about-image-placeholder{background:linear-gradient(to bottom right,#e9d5ff,#fbcfe8);height:24rem;width:100%}.about-text p{margin-bottom:1rem}.about-icons{display:flex;gap:1rem;margin-top:1.5rem}.icon-box{align-items:center;background-color:#dc2626;background-color:var(--accent-red);border-radius:.25rem;border-radius:var(--radius-sm);color:#fff;display:flex;font-weight:700;justify-content:center}.icon-box,.icon-grid{height:3rem;width:3rem}.icon-grid{grid-gap:.25rem;display:grid;gap:.25rem;grid-template-columns:repeat(3,1fr)}.icon-grid .dot{background-color:#dc2626;background-color:var(--accent-red);border-radius:.125rem}.about-title{margin-top:2rem}.about-title h3{font-size:3rem;font-weight:700}.about-title .me-italic{font-style:italic}.about-title .plus{color:#22d3ee;color:var(--accent-cyan);margin-left:.5rem}.schedule-title{margin-bottom:1rem}.event-card{background:var(--accent-red);border-radius:var(--radius-lg)}.event-card h4{padding-bottom:.2rem}.projects-section{background-color:#f1f0eb;background-color:var(--bg-main);padding:4rem 2rem;padding:var(--section-padding)}.projects-container{margin:0 auto;max-width:80rem;max-width:var(--container-width)}.portfolio-title-wrapper{margin-bottom:3rem;position:relative}.portfolio-section{align-items:flex-start;display:flex;gap:2rem;justify-content:center}.portfolio-content{flex:3 1;min-width:0}.con-schedule{flex:1 1;min-width:50%;padding:0 2rem 2rem}.portfolio-title{font-size:8rem;font-weight:700}.portfolio-title .italic{font-style:italic}.red-square{background-color:#dc2626;background-color:var(--accent-red);height:8rem;position:absolute;right:0;top:0;width:8rem}.portfolio-description{font-size:.875rem;font-size:var(--text-sm);margin-bottom:2rem}.filter-buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.filter-btn{background-color:#fff;border:1px solid #d1d5db;border-radius:.25rem;border-radius:var(--radius-sm);color:#1f2937;cursor:pointer;font-size:.875rem;font-size:var(--text-sm);font-weight:600;padding:.5rem 1.5rem;transition:all .3s}.filter-btn.active-all,.filter-btn.active-art,.filter-btn:hover{border-color:#dc2626;border-color:var(--accent-red)}.filter-btn.active-all,.filter-btn.active-art{background-color:#dc2626;background-color:var(--accent-red);color:#fff}.filter-btn.active-stickers{background-color:#22d3ee;background-color:var(--accent-cyan);border-color:#22d3ee;border-color:var(--accent-cyan);color:#fff}.filter-btn.active-keychains{background-color:#f59e0b;background-color:var(--accent-orange);border-color:#f59e0b;border-color:var(--accent-orange);color:#fff}.portfolio-grid{column-count:4;column-gap:1rem}.portfolio-item{background-color:#f1f0eb;background-color:var(--bg-main);border-radius:.25rem;border-radius:var(--radius-sm);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);break-inside:avoid;margin-bottom:1rem;overflow:hidden;page-break-inside:avoid;position:relative;transition:transform .3s,box-shadow .3s}.portfolio-item:hover{box-shadow:0 10px 15px #0003;transform:translateY(-4px)}.portfolio-item img{display:block;height:auto;object-fit:contain;width:100%}.portfolio-item .overlay{background-color:#0000;inset:0;position:absolute;transition:background-color .3s}.portfolio-item:hover .overlay{background-color:#00000026}.portfolio-item.keychains,.portfolio-item.stickers{background-color:initial;box-shadow:none;padding:.75rem}.art-stall-section{background-color:#f1f0eb;background-color:var(--bg-main);padding:4rem 2rem;padding:var(--section-padding)}.art-stall-container{margin:0 auto;max-width:80rem;max-width:var(--container-width)}.art-stall-title-wrapper{margin-bottom:3rem;position:relative}.art-stall-title{font-size:8rem;font-weight:700}.art-stall-title .italic{font-style:italic}.art-stall-red-square{background-color:#dc2626;background-color:var(--accent-red);height:8rem;position:absolute;right:0;top:0;width:8rem}.art-stall-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-top:3rem}.art-stall-card{border-radius:.25rem;border-radius:var(--radius-sm);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);transition:transform .3s,box-shadow .3s}.art-stall-card.expanded,.art-stall-card:hover{box-shadow:0 12px 20px #00000026;box-shadow:var(--shadow-lg);transform:translateY(-6px)}.art-stall-card img{height:24rem;object-fit:cover;width:100%}.art-stall-card-content{padding:1.5rem}.art-stall-card h4{font-size:1.25rem;margin-bottom:.75rem}.art-stall-card p{color:#4b5563;color:var(--text-muted);line-height:1.6;transition:all .3s ease}.read-more-btn{background:none;border:none;color:#dc2626;color:var(--accent-red);cursor:pointer;font-weight:600;margin-top:1rem;padding:0;transition:opacity .3s}.read-more-btn:hover{opacity:.7}.best-works-section{padding:4rem 2rem;padding:var(--section-padding)}.favourite-works{margin:0 auto;max-width:80rem;max-width:var(--container-width)}.favourite-grid{column-count:3;column-gap:1rem;margin-top:2rem}.favourite-item{border-radius:0;break-inside:avoid;margin-bottom:1rem;overflow:hidden;page-break-inside:avoid;position:relative;transition:transform .2s ease}.favourite-item img{display:block;max-height:35rem;object-fit:contain;width:100%}.favourite-item:hover{transform:scale(1.02)}.contact-section{background-color:#f1f0eb;background-color:var(--bg-main);padding:4rem 2rem;padding:var(--section-padding)}.contact-container{margin:0 auto;max-width:80rem;max-width:var(--container-width)}.contact-content{margin:0 auto;max-width:50rem;text-align:center}.contact-title{font-size:4rem;font-weight:700;margin-bottom:1.5rem}.contact-title .italic{font-style:italic}.contact-description{color:#4b5563;color:var(--text-muted);font-size:1.125rem;font-size:var(--text-md);margin-bottom:3rem}.social-links{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.social-link{align-items:center;color:#1f2937;display:flex;flex-direction:column;gap:1rem;text-decoration:none;transition:transform .3s}.social-link:hover{transform:translateY(-5px)}.social-icon{align-items:center;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;display:flex;font-size:2.5rem;font-weight:700;height:5rem;justify-content:center;transition:all .3s;width:5rem}.social-link.tumblr .social-icon{background-color:#35465c}.social-link.tumblr:hover .social-icon{background-color:#001935}.social-link.twitter .social-icon{background-color:#000}.social-link.twitter:hover .social-icon{background-color:#1a1a1a}.social-link.youtube .social-icon{background-color:red}.social-link.youtube:hover .social-icon{background-color:#c00}.social-link span{font-size:1rem;font-weight:600}footer{padding:1.5rem 2rem}footer p{font-size:.875rem;font-size:var(--text-sm)}@media (max-width:1024px){.about-container,.hero-container{grid-template-columns:1fr}.portfolio-grid{column-count:3}.art-stall-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){nav{font-size:.75rem;gap:1rem}.hero-title{font-size:5rem}.portfolio-grid{column-count:2}.portfolio-title{font-size:2.5rem}.about-title h3{font-size:2rem}.art-stall-title{font-size:3rem}.art-stall-grid{grid-template-columns:1fr}.portfolio-section{flex-direction:column}.con-schedule,.portfolio-content{flex:initial;margin-top:1.5rem;width:100%}}@media (max-width:640px){header{flex-direction:column;gap:1rem}nav{flex-wrap:wrap;justify-content:center}}.component{flex-direction:row;margin:3em 0}.component,.musicPlayerCard{align-items:center;display:flex}.musicPlayerCard{border:1px solid #000;border-radius:10px;height:80px;justify-content:center;padding:10px;width:80px}.musicPlayerImage img{border-radius:50%;height:60%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:60%}.musicPlayerDetails h3{font-size:1.2em;margin:0}.musicPlayerDetails p{margin:.2em 0}.musicPlayerImage{animation:spin 5s linear infinite;background-color:#000;border:2px solid #000;border-radius:50%;height:100%;position:relative;width:100%}.musicPlayerDetails{margin-left:1em}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.text p{margin:0 0 0 1em}.carousel-wrapper{align-items:center;display:flex;position:relative}.art-stall-carousel{display:flex;gap:1.5rem;overflow-x:auto;padding:1rem 0;scroll-behavior:smooth;scroll-snap-type:x mandatory}.art-stall-carousel::-webkit-scrollbar{display:none}.carousel-btn{align-items:center;background:#0009;border:none;border-radius:999px;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;position:absolute;width:40px;z-index:10}.carousel-btn.left{left:-10px}.carousel-btn.right{right:-10px}.carousel-btn:hover{background:#000c}.art-stall-card{background:#fff;border-radius:12px;flex:0 0 50%;max-width:35%;overflow:hidden;position:relative;scroll-snap-align:start;transition:transform .2s ease}.art-stall-card:hover{transform:translateY(-4px)}.art-stall-card.featured{border:2px solid #dc2626}.featured-badge{background:#dc2626;border-radius:6px;color:#fff;font-size:.75rem;left:10px;padding:4px 8px;position:absolute;top:10px;z-index:2}.con-schedule,.event-grid{display:flex;flex-direction:column}.event-grid{gap:1rem}.event-card{background:#dc2626;border-radius:12px;color:#fff;cursor:pointer;padding:1rem;transition:transform .2s ease}.schedule-description{margin-bottom:1rem}.italic-text{font-style:italic}.event-card:hover{transform:translateY(-3px)}.event-meta{gap:.5rem}.event-meta,.image-modal{align-items:center;display:flex}.image-modal{background:#000c;inset:0;justify-content:center;position:fixed;z-index:9999}.modal-image{border-radius:12px;max-height:90%;max-width:90%}
/*# sourceMappingURL=main.1cab33fe.css.map*/