html{height:100%}body{margin:0;min-height:100vh;-webkit-font-smoothing:antialiased}#root{width:100%;min-height:100vh}:root{--color-bg: #000;--color-text: #fff;--color-accent-bg: #000;--color-accent-text: #fff;--font-heading: "Impact Label Reversed", sans-serif;--font-heading-alt: "Impact Label", sans-serif;--font-body: "AveriaSansLibre", sans-serif;--spacing-xs: .15rem;--spacing-sm: .35rem;--spacing-md: .6rem;--spacing-lg: 1rem;--spacing-xl: 2rem}ul,ol{list-style:none}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;height:100%;overflow-x:hidden}body{min-height:100vh;background-color:var(--color-bg);color:var(--color-text);padding:var(--spacing-lg);overflow-x:hidden}img,video{max-width:100%}#root{display:block}@font-face{font-family:Impact Label;src:url(/assets/Impact%20Label-B4zoc3zL.ttf) format("truetype")}@font-face{font-family:Impact Label Reversed;src:url(/assets/Impact%20Label%20Reversed-COHYdksQ.ttf) format("truetype")}@font-face{font-family:AveriaSansLibre;src:url(/assets/AveriaSansLibre-Regular-D-Zl8Rjn.ttf) format("truetype")}h1{font-family:var(--font-heading);font-size:2rem}h2{font-family:var(--font-heading);font-size:1.3rem}h3{font-family:var(--font-heading);font-size:1.1rem}h4,h5,h6{font-family:var(--font-heading);font-size:.95rem}p{font-family:var(--font-body);font-size:1rem}a{text-decoration:none;color:inherit}.bg-accent,h1{background-color:var(--color-accent-bg);color:var(--color-accent-text)}h1{display:inline;padding:var(--spacing-xs) var(--spacing-lg) var(--spacing-sm) var(--spacing-md);box-decoration-break:clone;-webkit-box-decoration-break:clone;line-height:1.6;width:max-content;max-width:100%;position:relative;z-index:10}.starry-bg{position:fixed;inset:-20px;z-index:0;pointer-events:none;overflow:hidden}header{display:grid;grid-template-columns:1fr auto;align-items:start;gap:var(--spacing-xl);position:sticky;top:var(--spacing-lg);z-index:100;background:transparent!important;background-color:transparent!important;background-image:none!important}.logo{font-family:var(--font-heading);font-size:2.5rem;line-height:1;display:inline-block;text-decoration:none;color:inherit}.nav-desktop{font-family:var(--font-heading);display:flex;flex-direction:column;gap:var(--spacing-sm);min-width:135px;position:relative;z-index:2}.nav-desktop a{display:inline-block;font-size:1rem;background-color:var(--color-accent-bg);color:var(--color-accent-text);padding:var(--spacing-xs) var(--spacing-md)}.mobile-menu-btn{display:none}.nav-drawer{display:flex;position:fixed;top:0;right:0;width:min(80vw,280px);height:100vh;background:var(--color-bg);border-left:1px solid rgba(255,255,255,.15);z-index:1000;flex-direction:column;padding:1.5rem;transform:translate(100%);transition:transform .25s ease}.nav-drawer--open{transform:translate(0)}.drawer-overlay{position:fixed;inset:0;background:#0000008c;z-index:999}.drawer-close-btn{background:none;border:none;color:var(--color-text);font-family:var(--font-heading);font-size:1.5rem;cursor:pointer;align-self:flex-end;padding:.2rem .5rem;margin-bottom:2rem}.drawer-menu{display:flex;flex-direction:column;gap:.48rem}.drawer-menu li button{background:var(--color-accent-bg);color:var(--color-accent-text);border:1.5px solid #fff;font-family:var(--font-heading);font-size:1rem;letter-spacing:.08em;padding:.2rem 1rem .3rem;cursor:pointer;display:block;width:100%;text-align:left}@media (max-width: 600px){body{padding:.4rem}main{padding:0 .75rem 2rem}p,h4{font-size:.9rem;line-height:1.7}h1{font-size:1.5rem;line-height:1.1}h2{font-size:1.2rem}.logo{font-size:1.4em}.home-intro{padding:1.5rem .75rem;grid-template-columns:1fr}.home-intro-text p{max-width:100%;font-size:.9rem}.home-projects{padding:0 .75rem 3rem}.home-project-row{grid-template-columns:1fr;display:flex;flex-direction:column}.home-project-row .home-project-img{order:-1}.home-project-info p{max-width:100%;font-size:.9rem}.home-nav-card-title h2{font-size:1.1rem}.project-gallery--3col .project-card{aspect-ratio:unset;display:flex;flex-direction:column;overflow:visible}.project-gallery--3col .project-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;height:auto}.project-card--a4 img{aspect-ratio:unset!important;object-fit:contain!important}.project-card h2{position:static;transform:none;opacity:1!important;color:inherit;text-align:left;margin-top:.4rem;line-height:1.2;pointer-events:auto}.project-card h2 span{color:var(--color-text);background-color:var(--color-bg);opacity:1!important;font-size:1.2rem}.projects-intro{padding:1.5rem 0 1rem}.sp-layout{padding:1.5rem .75rem 2rem}.sp-back{padding:1rem .75rem 2rem}.sp-text-panel{padding:1.5rem 0;overflow-y:visible}.hero-zoom-section{height:90vh}.hero-zoom-img{width:100%;max-width:100%;height:100%;max-height:100%;object-fit:cover;border-radius:0}.about-content{padding:1rem .75rem 3rem;max-width:100%}.about-section p{font-size:.9rem;max-width:100%}.events-page{padding:0 .75rem 3rem}.event-row .event-img-wrap{order:-1}.event-info p,.event-info address{font-size:.9rem}.nav-desktop{display:none}.mobile-menu-btn{display:inline-block;background:var(--color-accent-bg);color:var(--color-accent-text);border:none;font-family:var(--font-heading);font-size:1.1rem;padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;align-self:start}.nav-drawer{display:flex}}.projects-menu-item{position:relative}.submenu{position:absolute;top:100%;left:0;transform:rotate(2deg);display:none;background-color:var(--color-accent-bg);z-index:999}.submenu li{position:relative;padding-left:var(--spacing-lg)}.submenu li:before{content:"/";position:absolute;left:0;font-family:var(--font-heading)}.submenu a{display:inline-block;padding:var(--spacing-xs) var(--spacing-md) var(--spacing-sm) var(--spacing-lg);color:var(--color-accent-text)}.projects-menu-item:hover .submenu{display:block}.scroll-area{position:relative;z-index:1}main{overflow:visible;padding:0 5rem 2rem;z-index:1;position:relative}.projects-intro{padding:4.5rem 0 1.5rem}@media (min-width: 601px){.projects-intro{width:70%}}.projects-intro p{margin-top:var(--spacing-xs)}.project-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2.5rem 1.5rem}.project-gallery--3col .project-card img{width:100%;height:100%;object-fit:cover;display:block}@media (min-width: 601px){.project-gallery--3col{grid-template-columns:repeat(3,1fr);gap:1.5rem;justify-content:center}.project-gallery--3col .project-card{aspect-ratio:4/3}}.project-card{position:relative;overflow:hidden}.project-card img{width:100%;height:100%;object-fit:cover}.project-card--a4{aspect-ratio:210 / 297!important}.project-card--a4 img{object-fit:contain!important;background:#111}.project-card h2{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center;opacity:0;pointer-events:none;color:transparent;line-height:1.3;transition:opacity .2s ease}.project-card h2 span{font-family:var(--font-heading);font-size:1.5rem;color:var(--color-text);background-color:var(--color-bg);padding:var(--spacing-xs) var(--spacing-md) var(--spacing-sm);display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone}.project-card:hover h2,.project-card:hover h2 span{opacity:1}.sp-layout{display:grid;grid-template-columns:42% 1fr;gap:3rem;padding:3rem 5rem 2rem;align-items:start}.sp-left{display:flex;flex-direction:column;gap:2rem;min-width:0}.sp-title{font-size:2.5rem;line-height:1.1;margin:0}.sp-meta{font-family:var(--font-body);font-size:.8rem;opacity:.65;letter-spacing:.12em;text-transform:uppercase}.sp-under-production{font-family:var(--font-heading);font-size:.95rem;letter-spacing:.15em}.sp-text-block p{font-size:1rem;line-height:1.75;margin-bottom:.8rem}.sp-subheading{font-size:1.3rem;letter-spacing:.2em;margin-bottom:.8rem;font-family:var(--font-heading)}.sp-awards p{font-size:.95rem;line-height:1.65;margin-bottom:.5rem}.sp-right{display:flex;flex-direction:column;gap:1.5rem;min-width:0}.sp-text-block p{word-break:break-word;overflow-wrap:break-word}.sp-cover-wrap{position:relative;width:100%}.sp-cover-wrap img{width:100%;height:auto;display:block}.sp-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;background:#ffffff26;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;pointer-events:none}.sp-extra-img{width:100%;height:auto;object-fit:cover;display:block}.sp-video{width:100%;height:auto;display:block;background:#000}.sp-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;padding:2rem 5rem}.sp-clickable{cursor:zoom-in}.lightbox-overlay{position:fixed;inset:0;background:#000000eb;z-index:1000;display:flex;align-items:center;justify-content:center;cursor:pointer}.lightbox-img{max-width:90vw;max-height:90vh;object-fit:contain;cursor:default;display:block}.sp-back{padding:1.5rem 5rem 3rem}.sp-back-link{font-family:var(--font-heading);font-size:.95rem;letter-spacing:.15em}.text-page{padding:3rem 5rem;max-width:760px}.text-page-body{font-family:var(--font-body);font-size:1rem;line-height:1.75;display:flex;flex-direction:column;gap:1.2rem;margin-top:2rem}.text-page-body ul{padding-left:1.4em;display:flex;flex-direction:column;gap:.4rem}.home-scroll-area{overflow-y:auto;overflow-x:hidden;min-height:0;position:relative;z-index:1}.home-scroll-area::-webkit-scrollbar{width:1rem}.home-scroll-area::-webkit-scrollbar-track{background:transparent}.home-scroll-area::-webkit-scrollbar-thumb{background-color:#fff6;border-radius:2px}.home-scroll-area::-webkit-scrollbar-thumb:hover{background-color:#fff}.hero-zoom-section{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-zoom-img{position:relative;width:auto;max-width:90vw;max-height:calc(100vh - 120px);object-fit:contain;transform:scale(1);transform-origin:center center;will-change:transform;border-radius:.8rem;box-shadow:0 0 60px #000c}.home-content-section{position:relative;z-index:1}.home-intro{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:3rem 5rem 4rem;align-items:center;min-height:50vh;position:relative}.home-intro-text h1{font-size:1.8rem;letter-spacing:.15em;margin-bottom:1rem}.home-intro-text p{font-size:.95rem;line-height:1.7;max-width:38ch}.home-moon-wrap{display:flex;align-items:center;justify-content:center;position:relative;z-index:0}.home-moon{width:300px;height:auto;object-fit:contain;will-change:transform}.home-projects{padding:0 5rem 4rem;display:flex;flex-direction:column;gap:6rem;position:relative}.home-project-row{display:grid;grid-template-columns:1fr 1.2fr;gap:3rem;align-items:center}.home-project-info h1{font-size:1.3rem;letter-spacing:.12em;margin-bottom:.75rem}.home-project-info p{font-size:.9rem;line-height:1.6;max-width:36ch;margin-bottom:1.25rem}.home-project-img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:.4rem}.btn-project{display:inline-block;font-family:var(--font-heading-alt);font-size:.9rem;letter-spacing:.1em;background:var(--color-accent-bg);color:var(--color-accent-text);border:1.5px solid #fff;padding:.2rem .8rem .3rem;cursor:pointer}.sp-text-panel .btn-project,.sp-below .btn-project{font-family:var(--font-heading)}.shooting-star-wrap{position:absolute;right:3%;bottom:15%;width:90px;pointer-events:none;z-index:2}.gallery-star-wrap{position:absolute;right:3%;top:20%;width:90px;pointer-events:none;z-index:2}.gallery-star-wrap img,.shooting-star-wrap img{width:100%;height:auto}@keyframes float-circle{0%{transform:translate(30px)}12.5%{transform:translate(21px,-21px)}25%{transform:translateY(-30px)}37.5%{transform:translate(-21px,-21px)}50%{transform:translate(-30px)}62.5%{transform:translate(-21px,21px)}75%{transform:translateY(30px)}87.5%{transform:translate(21px,21px)}to{transform:translate(30px)}}.star-float{animation:float-circle 8s linear infinite}.home-all-projects{display:flex;justify-content:center;padding:1rem 0 5rem}.btn-all-projects{font-family:var(--font-heading-alt);font-size:.9rem;letter-spacing:.12em;background:transparent;color:var(--color-text);border:1.5px solid var(--color-text);padding:.5rem 2rem .6rem;cursor:pointer;transition:background .2s,color .2s}.btn-all-projects:hover{background:var(--color-accent-bg);color:var(--color-accent-text)}.home-content-section h1,.home-content-section .btn-project,.home-content-section .btn-all-projects{font-family:var(--font-heading);letter-spacing:.15em}.home-viewport,.home-viewport .scroll-area{display:flex;flex-direction:column}.home-nav-page{position:relative;padding:0 2rem 1rem}.home-nav-page .shooting-star-wrap{position:absolute;right:3%;bottom:10%;width:90px}.home-nav-page .shooting-star-wrap img{height:auto;width:100%}.home-nav-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;width:100%}.home-nav-grid--2col{grid-template-columns:repeat(2,1fr);max-width:900px;margin:0 auto}.home-nav-card{position:relative;overflow:hidden;display:block;text-decoration:none;color:inherit;min-height:80vh}.home-nav-card:after{content:"";position:absolute;inset:0;background:#00000073;z-index:1;transition:background .3s}.home-nav-card:hover:after{background:#00000040}.home-nav-card-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.home-nav-card:hover .home-nav-card-img{transform:scale(1.05)}.home-nav-card-title{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2}.home-nav-card-title h2{font-size:1.2rem;letter-spacing:.2em;font-family:var(--font-heading);background-color:var(--color-accent-bg);color:var(--color-accent-text);padding:.2rem 1rem .3rem}.about-page{position:relative}.about-moon-wrap{position:absolute;left:-1.5rem;top:1rem;width:150px;pointer-events:none;will-change:transform;z-index:0}.about-moon-wrap img{width:100%;height:auto}.about-shooting-star-wrap{position:absolute;right:4%;top:48%;width:126px;pointer-events:none;z-index:0}.about-shooting-star-wrap img{width:100%;height:auto}.about-content{padding:1rem 5rem 4rem 10rem;max-width:900px;display:flex;flex-direction:column;gap:3.5rem;position:relative;z-index:1}.about-section h2{font-size:1.5rem;letter-spacing:.2em;margin-bottom:1.2rem}.about-section p{font-size:.95rem;line-height:1.75;margin-bottom:.8rem}.events-page{position:relative;padding:0 5rem 4rem}.events-moon-wrap{position:absolute;top:0;right:1rem;width:130px;pointer-events:none;will-change:transform;z-index:0}.events-moon-wrap img{width:100%;height:auto}.events-heading{padding:1.5rem 0 3.5rem;display:flex;flex-direction:column;align-items:flex-start;gap:.3rem}.events-list{display:flex;flex-direction:column;gap:5rem}.event-row{display:grid;gap:2rem;align-items:center}@media (min-width: 601px){.event-row{grid-template-columns:2fr 3fr}}.event-info{display:flex;flex-direction:column;gap:.75rem}.event-title{font-family:var(--font-heading);font-size:2.4rem;letter-spacing:.15em;line-height:1;margin:0;background:transparent;padding:0}.events-page .event-link{font-family:var(--font-heading);letter-spacing:.15em;background:transparent;border:none;padding:0}.events-page .event-title .bg-accent,.events-page .event-link .bg-accent{display:inline-block;padding:var(--spacing-xs) var(--spacing-lg) var(--spacing-sm) var(--spacing-md)}.event-info p{font-size:.9rem;line-height:1.7;max-width:52ch}.event-img-wrap{position:relative;overflow:hidden}.event-img{width:100%;aspect-ratio:16/11;object-fit:cover;display:block}.footer{position:relative;z-index:1;margin-top:3rem;padding:2rem 5rem;border-top:1px solid rgba(255,255,255,.15)}.footer-content{display:flex;flex-direction:column;gap:2rem}.sitemap{display:flex;flex-direction:column;gap:1rem}.sitemap h3{font-family:var(--font-heading);font-size:1rem;letter-spacing:.1em;margin:0;text-transform:uppercase}.sitemap-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem;list-style:none;padding:0;margin:0}.sitemap-links li a{font-family:var(--font-body);font-size:1rem;color:var(--color-text);text-decoration:none;transition:opacity .2s ease}.sitemap-links li a:hover{opacity:.7}@media (max-width: 768px){.logo{font-size:2rem}h1{font-size:1.5rem;line-height:1.4}.nav-desktop a{font-size:.75rem;padding:.25rem .35rem}.footer{margin-top:2rem;padding:1.5rem 1rem}.sitemap-links{grid-template-columns:1fr 1fr;gap:.3rem}.sitemap-links li a{font-size:.72rem}h4{font-size:.65rem}.home-intro{grid-template-columns:1fr;padding:2rem}.home-projects{padding:0 2rem 4rem}.home-project-row{grid-template-columns:1fr}.about-content{padding:2rem 2rem 4rem}main{padding:0 2rem 2rem}.sp-layout{grid-template-columns:1fr;gap:1.5rem}.sp-gallery{grid-template-columns:1fr;padding:1rem .75rem}.event-row{grid-template-columns:1fr}.project-gallery--3col{grid-template-columns:1fr;gap:1.5rem}.home-nav-grid{grid-template-columns:1fr;gap:1rem}.home-nav-grid--2col{grid-template-columns:1fr}.home-nav-card{min-height:unset;aspect-ratio:3/2}.footer-container{grid-template-columns:1fr}.sitemap-links{grid-template-columns:1fr 1fr;gap:.75rem}.sitemap-links li a{font-size:1.1rem;padding:.25rem 0;display:inline-block}.home-moon-wrap,.shooting-star-wrap,.about-moon-wrap,.about-shooting-star-wrap,.events-moon-wrap,.gallery-star-wrap{display:none}}