*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1rem;line-height:1.5;color:#111;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit}img{display:block;max-width:100%}.app{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.header{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:2rem 3rem;z-index:100;background:#fffc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:background .3s ease,backdrop-filter .3s ease}.header--hidden{background:#fff0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}.header--hidden .header__burger span{background:#fff}.header--hidden:not(:has(.header__nav--open)) .header__nav a{color:#fff}.header__logo{text-decoration:none;display:flex;align-items:center}.header__logo img{height:36px;width:auto;filter:brightness(0);transition:filter .3s ease}.header--hidden .header__logo img{filter:brightness(0) invert(1)}.header__nav{display:flex;gap:2.5rem}.header__nav a{text-decoration:none;color:#111;font-size:.9rem;font-weight:400;transition:opacity .2s ease}.header__nav a:hover{opacity:.5}.header__burger{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:4px;z-index:110}.header__burger span{display:block;width:24px;height:2px;background:#111;border-radius:2px;transition:transform .3s ease,opacity .3s ease;transform-origin:center}.header__burger--open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.header__burger--open span:nth-child(2){opacity:0}.header__burger--open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.header__nav-mobile{display:none}@media (max-width: 768px){.header{padding:1.5rem}.header__nav{display:none}.header__burger{display:flex}.header__nav-mobile{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;flex-direction:column;align-items:center;justify-content:center;gap:2.5rem;z-index:200}.header__nav-mobile--open{display:flex}.header__nav-mobile-close{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#111;line-height:1}.header__nav-mobile a{font-size:1.5rem;font-weight:400;color:#111;text-decoration:none}.header__burger--open span{background:#111!important}}.footer{padding:4rem 3rem 2rem;border-top:1px solid #eee;margin-top:0}.footer__content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;font-size:.85rem;color:#666}.footer__socials{display:flex;gap:1.5rem}.footer__socials a{color:#666;text-decoration:none;transition:color .2s ease}.footer__socials a:hover{color:#111}@media (max-width: 768px){.footer{padding:3rem 1.5rem 1.5rem}.footer__content{flex-direction:column;align-items:flex-start}}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding:0 3rem}.video-card{display:block;text-decoration:none;color:#111;cursor:pointer}.video-card__image-wrapper{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden;background:#f2f2f2;border-radius:8px}.video-card__image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.video-card:hover .video-card__image-wrapper img{transform:scale(1.04)}.video-card__info{margin-top:1rem;display:flex;flex-direction:column;gap:.2rem}.video-card__info h3{font-size:1.05rem;font-weight:500;margin:0}.video-card__info span{font-size:.8rem;color:#888}@media (max-width: 1024px){.video-grid{grid-template-columns:repeat(2,1fr);padding:0 1.5rem}}@media (max-width: 640px){.video-grid{grid-template-columns:1fr;gap:2.5rem}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.clients-banner{background:#111;overflow:hidden;padding:1.5rem 0;width:100%}.clients-banner__title{text-align:left;padding-left:3rem;color:#ffffff59;font-size:.7rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;margin:0 0 1rem}.clients-banner__track{display:flex;width:max-content;animation:marquee 28s linear infinite}.clients-banner:hover .clients-banner__track{animation-play-state:paused}.clients-banner__item{display:flex;align-items:center;padding:0 3rem;white-space:nowrap;color:#ffffff80;font-size:.85rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.clients-banner__item img{height:44px;width:auto;object-fit:contain;filter:brightness(0) invert(1);opacity:.5;transition:opacity .2s ease}.clients-banner:hover .clients-banner__item img{opacity:.8}.home-hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 3rem;position:relative;overflow:hidden}.home-hero__video-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.home-hero__video-bg iframe{position:absolute;top:50%;left:50%;width:177.78vh;height:100vh;min-width:100%;min-height:56.25vw;transform:translate(-50%,-50%);border:none}.home-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:1;pointer-events:none}.home-hero h1,.home-hero p{position:relative;z-index:2}.home-hero h1{font-size:clamp(2rem,4.5vw,3.8rem);font-weight:300;letter-spacing:-.01em;line-height:1.15;max-width:800px;margin:0 0 1.5rem;color:#fff;display:flex;flex-direction:column;gap:.2em}.home-hero__subtitle-line{font-size:clamp(1.2rem,2.8vw,2.2rem);font-weight:300;color:#ffffffbf}.home-hero p{font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:#ffffff80;max-width:800px;position:relative}.home-hero p:before{content:"";display:inline-block;width:30px;height:1px;background:#fff6;vertical-align:middle;margin-right:1rem}.home-hero p:after{content:"";display:inline-block;width:30px;height:1px;background:#fff6;vertical-align:middle;margin-left:1rem}.home-section{padding:4rem 0 6rem}.home-section__title{font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:#999;padding:0 3rem;margin-bottom:3rem}.home-about{padding:4rem 0 0}.home-about__grid,.home-about__services{padding:0 3rem}.home-about__grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;margin-bottom:4rem}.home-about__photo img{width:100%;aspect-ratio:3 / 2;object-fit:cover;border-radius:8px;display:block;max-height:380px}.home-about__video-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:8px;overflow:hidden}.home-about__video-wrapper iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none}.home-about__text p{font-size:1.05rem;line-height:1.8;color:#333;margin-bottom:1.2rem}.home-about__text p:last-child{margin-bottom:0}.home-about__cta{display:inline-block;margin-top:2rem;padding:.75rem 1.75rem;background:#111;color:#fff;text-decoration:none;font-size:.9rem;font-weight:500;border-radius:4px;transition:opacity .2s ease}.home-about__cta:hover{opacity:.75}.home-about__services{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;border-top:1px solid #e8e8e8;padding:3rem}.home-about__service-item{display:flex;flex-direction:column;gap:.4rem}.home-about__service-item strong{font-size:.85rem;font-weight:600;color:#111;text-transform:uppercase;letter-spacing:.05em}.home-about__service-item span{font-size:.9rem;color:#888;line-height:1.5}@media (max-width: 768px){.home-hero{padding:0 1.5rem;min-height:70vh}.home-section__title{padding:0 1.5rem}.home-about{padding:3rem 1.5rem 4rem}.home-about__grid{grid-template-columns:1fr;gap:2rem;padding:0}.home-about__services{grid-template-columns:1fr 1fr;gap:1.5rem;padding:2rem 0}}.contact-page{padding:8rem 3rem 6rem;max-width:600px;margin:0 auto}.contact-page h1{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:400;margin-bottom:1rem}.contact-page__intro{color:#666;margin-bottom:3rem;font-size:1rem}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.contact-form__field{display:flex;flex-direction:column;gap:.5rem}.contact-form__field label{font-size:.85rem;color:#888}.contact-form__field input,.contact-form__field textarea{border:none;border-bottom:1px solid #ddd;padding:.6rem 0;font-size:1rem;font-family:inherit;background:transparent;outline:none;transition:border-color .2s ease;resize:vertical}.contact-form__field input:focus,.contact-form__field textarea:focus{border-color:#111}.contact-form button{align-self:flex-start;margin-top:1rem;padding:.75rem 1.75rem;background:#111;color:#fff;border:none;font-size:.9rem;font-weight:500;border-radius:4px;cursor:pointer;transition:opacity .2s ease}.contact-form button:hover{opacity:.75}.contact-form button:disabled{opacity:.5;cursor:not-allowed}.contact-form__success{color:#2e7d32;font-size:.9rem}.contact-form__error{color:#c62828;font-size:.9rem}@media (max-width: 768px){.contact-page{padding:6rem 1.5rem 4rem}}.project-page{padding:8rem 3rem 4rem;max-width:1100px;margin:0 auto}.project-page__back{display:inline-block;font-size:.85rem;color:#888;text-decoration:none;margin-bottom:3rem}.project-page__back:hover{color:#111}.project-page__header{margin-bottom:3rem}.project-page__header h1{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:400;margin:0 0 1rem}.project-page__meta{display:flex;gap:1.5rem;font-size:.85rem;color:#888;text-transform:uppercase;letter-spacing:.05em}.project-page__video-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;background:#111;margin-bottom:3rem;border-radius:8px;overflow:hidden}.project-page__video-wrapper--vertical{aspect-ratio:9 / 16;max-width:400px;margin-left:auto;margin-right:auto}.project-page__video-wrapper iframe{width:100%;height:100%;border:none;display:block}.project-page__content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:4rem}.project-page__description p{font-size:1.1rem;line-height:1.7;color:#333}.project-page__role{margin-top:1rem;font-size:.95rem;color:#666}.project-page__seo-text p{font-size:.9rem;line-height:1.7;color:#999}.project-page__navigation{display:flex;justify-content:space-between;padding-top:2rem;border-top:1px solid #eee;font-size:.9rem}.project-page__navigation a:first-child{color:#888;text-decoration:none;font-size:.9rem}.project-page__navigation a:first-child:hover{color:#111}.project-page__navigation a:last-child{display:inline-block;padding:.75rem 1.75rem;background:#111;color:#fff;text-decoration:none;font-size:.9rem;font-weight:500;border-radius:4px;transition:opacity .2s ease}.project-page__navigation a:last-child:hover{opacity:.75}.not-found-page{padding:10rem 3rem 6rem;max-width:600px;margin:0 auto;text-align:center}.not-found-page h1{font-size:clamp(4rem,12vw,8rem);font-weight:400;margin-bottom:1rem;color:#ccc}.not-found-page p{color:#666;margin-bottom:2.5rem;font-size:1rem}.not-found-page__btn{display:inline-block;padding:.75rem 2rem;border:1px solid #000;color:#000;text-decoration:none;font-size:.9rem;letter-spacing:.05em;transition:background .2s,color .2s}.not-found-page__btn:hover{background:#000;color:#fff}@media (max-width: 768px){.project-page{padding:6rem 1.5rem 3rem}.project-page__content{grid-template-columns:1fr;gap:2rem}.project-page__navigation{flex-direction:column;gap:1rem}}