@import "https://fonts.googleapis.com/css2?family=Epilogue:wght@400;700;800;900&family=Inter:wght@300;400;700&display=swap";:root{--bg-primary:#fcf9f4;--bg-secondary:#f6f3ee;--text-primary:#1c1c19;--text-secondary:#5d3f3c;--accent-primary:#bb0014;--accent-secondary:#006481;--stroke:#e5e2dd;--font-headline:"Epilogue", sans-serif;--font-main:"Inter", sans-serif;--transition-smooth:all .5s cubic-bezier(.23, 1, .32, 1);--footer-bg:#1c1c19}[data-theme=dark]{--bg-primary:#0f0f0f;--bg-secondary:#1a1a1a;--text-primary:#fff;--text-secondary:#d1d5db;--stroke:#2d2d2d;--footer-bg:#000}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-primary:#0f0f0f;--bg-secondary:#1a1a1a;--text-primary:#fff;--text-secondary:#d1d5db;--stroke:#2d2d2d;--footer-bg:#000}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-main);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}a{color:inherit;transition:var(--transition-smooth);text-decoration:none}.container{max-width:1440px;margin:0 auto;padding:0 2rem}.section{border-bottom:1px solid var(--stroke);padding:4rem 2rem}.mega-title{font-size:clamp(3.5rem,12vw,8rem);line-height:.9;font-family:var(--font-headline);margin-left:-.03em;font-weight:900}.section-title{font-size:clamp(2.5rem,8vw,5rem);font-weight:900;font-family:var(--font-headline);margin-bottom:2rem}.label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin-bottom:1rem;font-size:.75rem;display:block}@keyframes reveal{0%{clip-path:inset(100% 0 0);transform:translateY(30px)}to{clip-path:inset(0);transform:translateY(0)}}.animate-reveal{animation:1.2s cubic-bezier(.23,1,.32,1) forwards reveal}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--stroke)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.animate-reveal{clip-path:none;animation:none;transform:none}}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px}.skip-link{z-index:2000;background:var(--text-primary);color:var(--bg-primary);text-transform:uppercase;letter-spacing:.06em;padding:.75rem 1.25rem;font-size:.85rem;font-weight:600;transition:transform .2s;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.back-to-top{z-index:900;background:var(--text-primary);width:2.75rem;height:2.75rem;color:var(--bg-primary);border:1px solid var(--text-primary);opacity:0;pointer-events:none;justify-content:center;align-items:center;font-size:1.1rem;text-decoration:none;transition:opacity .3s,transform .3s,background .2s,border-color .2s;display:flex;position:fixed;bottom:2rem;right:2rem;transform:translateY(12px)}.back-to-top--visible{opacity:1;pointer-events:auto;transform:none}.back-to-top:hover{background:var(--accent-primary);border-color:var(--accent-primary)}@media (width<=768px){.back-to-top{bottom:1.25rem;right:1.25rem}}.reveal-on-scroll{opacity:0;transition:opacity .55s,transform .55s;transform:translateY(20px)}.reveal-on-scroll.is-visible{opacity:1;transform:none}.stagger-children>*{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(16px)}.stagger-children.is-visible>:first-child{opacity:1;transition-delay:0s;transform:none}.stagger-children.is-visible>:nth-child(2){opacity:1;transition-delay:80ms;transform:none}.stagger-children.is-visible>:nth-child(3){opacity:1;transition-delay:.16s;transform:none}.stagger-children.is-visible>:nth-child(4){opacity:1;transition-delay:.24s;transform:none}.stagger-children.is-visible>:nth-child(5){opacity:1;transition-delay:.32s;transform:none}.stagger-children.is-visible>:nth-child(6){opacity:1;transition-delay:.4s;transform:none}@media (prefers-reduced-motion:reduce){.reveal-on-scroll,.stagger-children>*{opacity:1;transition:none;transform:none}}@media (width<=768px){.mega-title{font-size:clamp(2rem,8vw,3.5rem)}.section-title{font-size:clamp(1.75rem,6vw,2.5rem)}.section{padding:2.5rem 1rem}}@media (width<=480px){.section{padding:1.5rem 1rem}}.hamburger-button{display:none!important}.desktop-nav{display:flex!important}.lang-toggle{display:inline-block!important}@media (width<=768px){.hamburger-button{display:flex!important}.desktop-nav{display:none!important}.lang-toggle{cursor:pointer!important;background:0 0!important;border:none!important;padding:.4rem .6rem!important;font-size:10px!important;display:inline-block!important}.hero-section{flex-direction:column!important;gap:2rem!important;min-height:auto!important;padding-top:4rem!important}.hero-image{flex:0 0 100%!important}.hero-content{flex:0 0 100%!important;margin-left:0!important}.work-grid{grid-template-columns:1fr!important;gap:3rem 2rem!important}.work-grid>div{grid-column:auto!important}.about-grid{grid-template-columns:1fr!important}.about-grid>div{grid-column:auto!important}.services-grid{grid-template-columns:1fr!important}.contact-links{flex-direction:column!important;gap:1rem!important}.footer{text-align:center!important;flex-direction:column!important;gap:1rem!important}.footer>div{width:100%!important}nav{padding:1rem!important}nav>a{font-size:18px!important}.mobile-menu{gap:1rem!important;padding:1.5rem!important}.mobile-menu a{padding:1rem 0!important;font-size:18px!important}.mobile-menu button{margin-top:1.5rem!important;padding:1rem!important;font-size:16px!important}}@media (width<=480px){.hero-red-box{max-width:100%!important;margin-top:1rem!important;padding:1.5rem 2rem!important;position:relative!important;bottom:auto!important;right:auto!important}.about-bg-accent,.about-vertical-text{display:none!important}.work-card-content{flex-direction:column!important;gap:1rem!important}.work-card-content>div:last-child{text-align:left!important}.footer-links{flex-direction:column!important;gap:1rem!important;width:100%!important}nav{padding:.75rem!important}nav>a{font-size:16px!important}nav>div:last-child{gap:.5rem!important}.lang-toggle{border:1px solid var(--stroke)!important;color:var(--text-primary)!important;padding:.4rem .6rem!important;font-size:10px!important}nav button:not(.hamburger-button){padding:.3rem!important;font-size:14px!important}.contact-email{max-width:100%!important;font-size:clamp(1.5rem,8vw,2.5rem)!important}.container{padding:0 .75rem!important}}
