:root{--color-primary:#3ad46e;--color-secondary:#8b5cf6;--color-text:#ffffff;--color-text-secondary:#adadad;--color-bg:#000000;--color-bg-secondary:#0a0a0a;--max-width-total:1000px;--spacing-xs:0rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--font-primary:'Inter', sans-serif;--font-secondary:'Archivo', sans-serif;--font-accent:'Covered By Your Grace', cursive;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--transition-base:0.3s ease;--transition-slow:0.5s ease}.hero-decoration{opacity:0}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-primary);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none;transition:var(--transition-base)}.inner-container-small{max-width:var(--max-width-total);margin:0 auto;padding:0 var(--spacing-md)}.navbar-menu{display:flex;flex-direction:column;gap:var(--spacing-xs)}.navbar-item{position:relative;display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm);border-radius:var(--radius-sm);transition:var(--transition-base)}.navbar-item:hover{background:rgb(255 255 255 / .05)}.navbar-icon-wrap{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.navbar-icon{width:100%;height:100%;opacity:.6;transition:var(--transition-base)}.navbar-item:hover .navbar-icon{opacity:1}.navbar-tooltip{position:absolute;right:100%;margin-right:var(--spacing-sm);background:rgb(0 0 0 / .9);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:var(--transition-base)}.navbar-item:hover .navbar-tooltip{opacity:1}.navbar-divider{height:1px;background:rgb(255 255 255 / .1);margin:var(--spacing-xs) 0}@media screen and (max-width:1500px){.navbar{display:none}}.work-detail-section{padding:var(--spacing-xl) 0;transform:translateY(4%)}.work-detail-info{display:flex;flex-direction:column;gap:var(--spacing-xl)}.work-detail-image{width:52.5vh;height:82.5vh;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--spacing-lg);flex:1}.work-new-grid{display:flex;flex-direction:row;gap:var(--spacing-xl);align-items:flex-start}.work-new-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:start}.work-summary-grid{display:flex;flex-direction:column;gap:var(--spacing-xl)}.work-detail-rich-text.w-richtext p{text-align:justify;text-justify:inter-word}.work-detail-rich-text.w-richtext p:last-child{text-align:left}.work-simple-section{padding:var(--spacing-xl) 0}.work-simple-title{font-family:var(--font-secondary);font-size:clamp(2rem, 4vw, 3rem);text-align:center;margin-bottom:var(--spacing-xl)}.work-hero-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-xl)}.work-hero-info{display:block;transition:var(--transition-slow)}.work-hero-info:hover{transform:translateY(-10px)}.work-hero-info .work-image-wrap{position:relative;overflow:hidden;border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.work-hero-info .work-image{width:100%;height:400px;object-fit:cover;transition:var(--transition-slow)}.work-hero-info:hover .work-image{transform:scale(1.05)}.work-hero-info .work-button-wrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:var(--transition-base)}.work-hero-info:hover .work-button-wrap{opacity:1}.work-hero-info .work-button{background:var(--color-primary);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md)}.lightbox{position:fixed;top:0;left:0;right:0;bottom:0;background:rgb(0 0 0 / .95);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;pointer-events:none;transition:var(--transition-base)}.lightbox.active{opacity:1;pointer-events:all}.lightbox-content{max-width:90%;max-height:90%}.lightbox-content img{width:100%;height:auto;border-radius:var(--radius-md)}.lightbox-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:40px;height:40px;background:rgb(255 255 255 / .1);border:1px solid rgb(255 255 255 / .2);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-base)}.lightbox-close:hover{background:rgb(255 255 255 / .2)}@media (max-width:991px){.back-button{top:auto;bottom:var(--spacing-md);left:var(--spacing-md)}.grid-hero-inner{grid-template-columns:repeat(2,1fr)}.work-hero-list{grid-template-columns:1fr}}@media (max-width:767px){.hero-inner-title{font-size:1.75rem}.hero-inner-description{font-size:1rem}.grid-hero-inner{grid-template-columns:1fr;gap:var(--spacing-sm)}.work-gallery-list{grid-template-columns:1fr}.client-feedback-wrap{padding:var(--spacing-md)}.client-feedback-rich-text h6{font-size:1.25rem}}#image-zoom-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgb(0 0 0 / .5);display:none;justify-content:center;align-items:center;z-index:1000}#image-zoom-overlay.active{display:flex}#zoomed-img{position:absolute;top:50%;left:50%;transform-origin:center center;max-width:none;width:auto;height:auto;cursor:grab;will-change:transform}#kiosk-webp{aspect-ratio:1/1;object-fit:fit}#pan-viewport{position:absolute;width:50vw;height:50vh;top:25%;left:25%;border:2px dashed #fff;pointer-events:none}.footer-gradient-shadow{width:var(--max-width-total);transform:translateX(2.5%) translateY(-15%)}.footer-content{display:grid;gap:var(--spacing-xl);transform:translateY(15%)}.footer-about-info{transform:translateY(10%)}.footer-about-title-wrap{transform:translateY(-10%)}.footer-shape{opacity:0}.icons{list-style:none;padding:0;margin:0;display:flex;gap:2em;align-items:center;transform:translateX(4%)}.icons li{display:inline-block}.icon-img{width:4em;height:4em;cursor:pointer;transition:transform 0.2s ease,opacity 0.2s ease}.icon-img:hover{transform:scale(1.15);opacity:.85}