:root{--color-bg: #ffffff;--color-text: #000000;--color-text-secondary: #666666;--color-border: #e0e0e0;--color-primary: #0066cc;--panel-left-width: 20%;--panel-right-width: 20%;--work-area-width: calc(100% - var(--panel-left-width) - var(--panel-right-width));--column-gap: 2.5rem;--column-item-gap: 2.5rem;--work-area-padding: 2rem;--project-radius: 14px;--mobile-footer-h: 56px;--atmo-radius: 340px;--cursor-img: url(/cursor/cursor-sized.svg) 0 0;--offset-col1: 0vh;--offset-col2: 16vh;--offset-col3: 7vh;--speed-col1: .85;--speed-col2: 1;--speed-col3: 1.15;--padding-lg: 4rem;--padding-md: 2rem;--padding-sm: 1rem;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 3rem;--line-height-tight: 1;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .6s ease;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1)}@media (max-width: 768px){:root{--panel-left-width: 100%;--panel-right-width: 100%;--padding-lg: 2rem;--column-gap: 1rem;--column-item-gap: 1rem}}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%}html{scroll-behavior:smooth}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);overflow-x:hidden;cursor:var(--cursor-img),auto}a,button{cursor:var(--cursor-img),pointer}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:var(--line-height-tight)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}p{line-height:var(--line-height-relaxed)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-text)}button{font-family:inherit;font-size:inherit;border:none;background:none;cursor:pointer}img{display:block;max-width:100%;height:auto}video{display:block;width:100%;height:auto}html.lenis,html.lenis body{height:auto}html.lenis,html.lenis *{scroll-behavior:auto!important}html.is-transitioning{opacity:.95;transition:opacity .3s ease}.desktop-only{display:block}.mobile-only{display:none}@media (max-width: 768px){.desktop-only{display:none}.mobile-only{display:block}}.background-layer{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-bg);z-index:-1;pointer-events:none;will-change:transform}.atmosphere-media{position:absolute;inset:0;pointer-events:none;filter:url(#atmo-liquid)}.atmosphere-defs{position:absolute;width:0;height:0;overflow:hidden}.atmosphere-mask{position:absolute;inset:0;--b1x: 50%;--b1y: 50%;--b1s: 0;--b2x: 50%;--b2y: 50%;--b2s: 0;--b3x: 50%;--b3y: 50%;--b3s: 0;--b4x: 50%;--b4y: 50%;--b4s: 0;--b5x: 50%;--b5y: 50%;--b5s: 0;-webkit-mask-image:radial-gradient(circle calc(var(--atmo-radius) * var(--b1s)) at var(--b1x) var(--b1y),rgba(0,0,0,.85) 0%,rgba(0,0,0,.55) 30%,rgba(0,0,0,.25) 58%,rgba(0,0,0,.06) 80%,transparent 100%),radial-gradient(circle calc(var(--atmo-radius) * var(--b2s)) at var(--b2x) var(--b2y),rgba(0,0,0,.7) 0%,rgba(0,0,0,.42) 34%,rgba(0,0,0,.16) 62%,rgba(0,0,0,.04) 84%,transparent 100%),radial-gradient(circle calc(var(--atmo-radius) * var(--b3s)) at var(--b3x) var(--b3y),rgba(0,0,0,.6) 0%,rgba(0,0,0,.34) 36%,rgba(0,0,0,.12) 66%,transparent 100%),radial-gradient(circle calc(var(--atmo-radius) * var(--b4s)) at var(--b4x) var(--b4y),rgba(0,0,0,.5) 0%,rgba(0,0,0,.26) 40%,rgba(0,0,0,.08) 70%,transparent 100%),radial-gradient(circle calc(var(--atmo-radius) * var(--b5s)) at var(--b5x) var(--b5y),rgba(0,0,0,.4) 0%,rgba(0,0,0,.18) 44%,rgba(0,0,0,.05) 74%,transparent 100%);mask-image:radial-gradient(circle calc(var(--atmo-radius) * var(--b1s)) at var(--b1x) var(--b1y),rgba(0,0,0,.85) 0%,rgba(0,0,0,.55) 30%,rgba(0,0,0,.25) 58%,rgba(0,0,0,.06) 80%,transparent 100%),radial-gradient(circle calc(var(--atmo-radius) * var(--b2s)) at var(--b2x) var(--b2y),rgba(0,0,0,.7) 0%,rgba(0,0,0,.42) 34%,rgba(0,0,0,.16) 62%,rgba(0,0,0,.04) 84%,transparent 100%),radial-gradient(circle calc(var(--atmo-radius) * var(--b3s)) at var(--b3x) var(--b3y),rgba(0,0,0,.6) 0%,rgba(0,0,0,.34) 36%,rgba(0,0,0,.12) 66%,transparent 100%),radial-gradient(circle calc(var(--atmo-radius) * var(--b4s)) at var(--b4x) var(--b4y),rgba(0,0,0,.5) 0%,rgba(0,0,0,.26) 40%,rgba(0,0,0,.08) 70%,transparent 100%),radial-gradient(circle calc(var(--atmo-radius) * var(--b5s)) at var(--b5x) var(--b5y),rgba(0,0,0,.4) 0%,rgba(0,0,0,.18) 44%,rgba(0,0,0,.05) 74%,transparent 100%);-webkit-mask-composite:source-over;mask-composite:add}.atmosphere-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block;pointer-events:none}.main-layout{width:100%;min-height:100vh;position:relative;z-index:1}.left-panel{position:fixed;left:0;top:0;width:var(--panel-left-width);height:100vh;padding:var(--padding-lg);display:flex;flex-direction:column;justify-content:center;text-align:center;z-index:10;overflow-y:auto;overflow-x:hidden;background-color:transparent}.right-panel{position:fixed;right:0;top:0;width:var(--panel-right-width);height:100vh;padding:var(--padding-lg);display:flex;flex-direction:column;justify-content:space-between;text-align:right;z-index:10;overflow-y:auto;overflow-x:hidden;background-color:transparent}.work-area{position:relative;width:var(--work-area-width);margin-left:var(--panel-left-width);z-index:2;height:100vh;overflow:hidden}.work-scroller{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:var(--column-gap);padding:var(--work-area-padding);height:100%}.work-column{position:relative;display:flex;flex-direction:column;gap:var(--column-item-gap);will-change:transform}@media (max-width: 768px){.left-panel,.right-panel{position:relative;width:100%;height:auto;padding:var(--padding-lg);z-index:5;text-align:left}.left-panel{position:fixed;inset:auto 0 0;width:100%;height:auto;padding:.75rem 1rem;justify-content:center;text-align:left;z-index:20;overflow:visible;background-color:var(--color-bg);border-top:1px solid var(--color-border)}.right-panel{border-top:1px solid var(--color-border);padding-bottom:calc(var(--padding-lg) + var(--mobile-footer-h))}.work-area{width:100%;margin-left:0;height:auto;overflow:visible}.work-scroller{grid-template-columns:minmax(0,1fr);height:auto;padding-bottom:calc(var(--work-area-padding) + var(--mobile-footer-h))}.work-column{transform:none}}.hero-content{margin-bottom:3rem}.company-name{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:1.5rem;letter-spacing:-.02em;color:var(--color-text);height:var(--font-size-3xl);display:flex;align-items:center;justify-content:center}.company-logo-stack{position:relative;display:block;width:194px;flex-shrink:0;line-height:0}.company-logo{display:block;width:194px;height:auto;max-width:none;flex-shrink:0}.company-logo--light{position:absolute;top:0;left:0;opacity:0;pointer-events:none}.headline{font-size:var(--font-size-xl);font-weight:400;margin-bottom:3rem;color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.description{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);max-width:85%;margin-inline:auto}.project-item{position:relative;aspect-ratio:9 / 16;width:100%;display:block;text-decoration:none;overflow:hidden;border-radius:var(--project-radius);will-change:transform}.project-media{width:100%;height:100%;background-color:var(--color-border);overflow:hidden;border-radius:inherit}.project-media img,.project-media video{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:inherit}.project-video{--gs: 1;filter:grayscale(var(--gs))}.menu-top{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;min-height:21px}.menu-mark-stack{position:relative;display:block;line-height:0;flex-shrink:0}.menu-mark{display:block;width:120px;height:auto;flex-shrink:0}.menu-mark--light{position:absolute;top:0;left:0;opacity:0;pointer-events:none}.mode-toggle{display:inline-flex;align-items:center;justify-content:center;padding:0;color:var(--color-text);opacity:.35;cursor:default}.menu-middle{margin:2rem 0}.menu-bottom{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.whatsapp-link{display:inline-block;color:var(--color-text-secondary);line-height:0}.whatsapp-link:hover{color:var(--color-primary)}.project-index{margin:0}.index-title{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary);margin-bottom:1rem}.project-list{list-style:none}.project-link{margin-bottom:.5rem}.project-link a{font-size:var(--font-size-sm);color:var(--color-text);transition:color var(--transition-fast);position:relative;display:inline-block}.project-link a:hover{color:var(--color-primary)}.menu-item{font-size:var(--font-size-sm);color:var(--color-text);display:inline-block}.project-link a.active{color:var(--color-primary);font-weight:600}.contact-section{margin-top:0;padding-top:2rem;border-top:1px solid var(--color-border)}.contact-info{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.contact-label{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary);margin-bottom:.5rem;display:block}.nav-section{margin-top:2rem}.nav-title{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary);margin-bottom:1rem}.nav-list{list-style:none}.nav-item{margin-bottom:.75rem}.nav-item a{font-size:var(--font-size-sm);color:var(--color-text);transition:color var(--transition-fast)}.nav-item a:hover{color:var(--color-primary)}@media (max-width: 768px){.company-name{font-size:var(--font-size-2xl)}.headline{font-size:var(--font-size-lg)}.hero-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:0;width:100%}.headline{display:none}.company-name{height:auto;margin-bottom:0}.company-logo-stack,.company-logo{width:104px}.description{max-width:none;margin:0;text-align:right;font-size:var(--font-size-xs);line-height:1.35}.menu-bottom{position:fixed;right:1rem;bottom:calc(var(--mobile-footer-h) + 1rem);z-index:30}.whatsapp-link svg{width:52px;height:52px}.project-item{aspect-ratio:9 / 16}.project-video{filter:none}.project-media video,.project-media img{object-fit:contain}}