*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;color:#242424;background:#fff;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid #777;outline-offset:7px}.header{position:absolute;z-index:5;left:0;right:0;top:0;height:88px;padding:0 4%;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:950;font-size:31px;letter-spacing:-2.5px;font-style:italic;line-height:1}.brand span{display:inline-block;vertical-align:top;font-size:10px;letter-spacing:0;margin:2px 0 0 5px;font-style:normal}.header nav{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:36px;font-size:10px;letter-spacing:1.4px}.header nav a{position:relative}.header nav a:after{content:'';position:absolute;bottom:-6px;left:0;width:0;height:1px;background:currentColor;transition:width .25s}.header nav a:hover:after{width:100%}.nav-caption{color:#949494}.header-note{font-size:9px;letter-spacing:1.3px;color:#777}.hero{height:100svh;min-height:720px;max-height:1200px;position:relative;overflow:hidden;isolation:isolate}.wordmark{position:absolute;z-index:0;left:4%;right:4%;top:43%;transform:translateY(-50%);margin:0;line-height:0;animation:word-in 1.1s ease-out both}.wordmark svg{width:100%;height:auto;overflow:visible}.model-stage{position:absolute;z-index:1;top:47%;left:50%;transform:translate(-50%,-50%);height:78%;aspect-ratio:3/4;pointer-events:none;animation:model-in 1.1s ease-out both}.model-stage canvas{width:100%;height:100%;display:block}.model-stage video{display:none}.model-stage.fallback #fallback-video{display:block;width:100%;height:100%;object-fit:cover}.model-stage.fallback canvas{display:none}.hero-action{position:absolute;z-index:3;bottom:84px;left:50%;transform:translateX(-50%);text-align:center;white-space:nowrap}.hero-action p{font-size:9px;letter-spacing:2.2px;margin:0 0 18px;color:#707070}.catalog-button{display:flex;align-items:center;justify-content:center;gap:35px;background:#202020;color:#fff;font-size:11px;font-weight:700;letter-spacing:1.5px;padding:20px 35px;border-radius:40px;min-width:207px;transition:background .2s,transform .2s}.catalog-button:hover{background:#444;transform:translateY(-3px)}.catalog-button span{font-size:18px;font-weight:400}.hero-footer{position:absolute;z-index:3;bottom:25px;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.3px;color:#888}.hero-footer button{border:0;background:none;display:flex;align-items:center;gap:8px;color:#666;padding:8px;font-size:8px;letter-spacing:1.2px}.scroll-note span{margin-left:18px;font-size:16px}.catalog{padding:75px 6% 0;background:#f5f5f3;scroll-margin-top:0}.section-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#858585}.catalog h2{font-size:clamp(40px,5vw,72px);letter-spacing:-3px;font-weight:600;margin:38px 0 55px}.services{border-top:1px solid #d4d4d1}.service{width:100%;display:grid;grid-template-columns:65px 1fr 1fr 40px;align-items:center;text-align:left;border:0;border-bottom:1px solid #d4d4d1;background:none;padding:34px 8px;transition:padding .25s,background .25s}.service:hover{padding-left:20px;background:#ebebe8}.service-number{font-size:10px;color:#888}.service-name{font-size:32px;letter-spacing:-1px}.service-caption{font-size:12px;color:#777}.service-arrow{font-size:26px}.footer{margin-top:90px;padding:30px 0;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1px;color:#777}.footer .brand{color:#222}.footer>a:last-child{font-size:9px}dialog{border:none;padding:54px;width:min(540px,90vw);border-radius:3px;background:#f7f7f5;color:#242424}dialog::backdrop{background:#0006;backdrop-filter:blur(6px)}.close-dialog{position:absolute;right:20px;top:12px;font-size:32px;border:0;background:none}.dialog-eyebrow{font-size:9px;letter-spacing:2px;color:#777}dialog h2{font-size:42px;letter-spacing:-1px;margin:25px 0 15px}dialog p,dialog li{font-size:14px;line-height:1.7;color:#666}dialog ul{padding-left:18px;margin:24px 0 32px}.brief-button{border:0;background:#222;color:white;padding:17px 20px;font-size:10px;letter-spacing:1px;border-radius:30px}.copy-status{min-height:23px;margin-bottom:0!important;font-size:12px!important}@keyframes model-in{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}@keyframes word-in{from{opacity:0;letter-spacing:10px}to{opacity:1;letter-spacing:0}}@media(min-width:1600px){.wordmark{left:8%;right:8%}}@media(max-width:700px){.header{height:72px;padding:0 6%}.header .brand{font-size:27px}.header nav{position:static;transform:none;font-size:9px}.nav-caption,.header-note{display:none}.hero{min-height:650px;max-height:950px}.wordmark{left:3%;right:3%;top:42%}.model-stage{height:70%;top:46%;max-width:110vw}.hero-action{bottom:93px}.hero-action p{font-size:8px;letter-spacing:1.5px}.hero-footer{left:6%;right:6%;font-size:7px;letter-spacing:.8px}.hero-footer>span:first-child{max-width:90px;line-height:1.6}.scroll-note{display:none}.catalog{padding:48px 6% 0}.section-top{font-size:8px}.section-top span:last-child{display:none}.catalog h2{letter-spacing:-2px;margin-bottom:35px}.service{grid-template-columns:30px 1fr 25px;gap:6px;padding:24px 0}.service-name{font-size:27px}.service-caption{grid-column:2;grid-row:2;font-size:11px;margin-top:5px}.service-arrow{grid-column:3;grid-row:1/3}.footer{margin-top:55px}.footer>span{display:none}dialog{padding:42px 28px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

[hidden]{display:none!important}.catalog{min-height:100svh;padding-top:120px;animation:screen-in .4s ease-out}.catalog-open{background:#f5f5f3}.back-home{display:inline-block;font-size:10px;letter-spacing:1.5px;margin-bottom:40px;padding:8px 0}.contact-link{display:inline-block;margin-top:40px;font-size:12px;letter-spacing:1px;border-bottom:1px solid;padding-bottom:8px}.telegram-button{display:inline-block;background:#222;color:#fff;padding:17px 20px;border-radius:30px;font-size:10px;letter-spacing:1px;margin-bottom:12px;margin-right:8px}.brief-button{background:transparent;color:#222;border:1px solid #ccc}.service{grid-template-columns:55px 1.3fr 1fr 40px}.service-name{font-size:clamp(23px,2.6vw,36px)}@keyframes screen-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){.catalog{padding-top:100px}.service{grid-template-columns:30px 1fr 25px}.service-name{font-size:25px}.contact-link{font-size:10px}.back-home{margin-bottom:30px}}

.header nav a[aria-current=page]:after{width:100%}.project-card{display:grid;grid-template-columns:1.2fr 1fr;gap:7%;align-items:center;padding-bottom:30px}.project-visual{aspect-ratio:1.2;background:radial-gradient(ellipse at 70% 20%,#5f6868,#1f2423 75%);color:#eee;border-radius:4px;padding:7%;display:flex;flex-direction:column;justify-content:space-between}.project-badge,.preview-note{font-size:8px;letter-spacing:1.6px;color:#aebbb4}.panel-preview{padding:9% 7%;border:1px solid #ffffff28;background:#ffffff08;border-radius:18px;box-shadow:0 24px 50px #0003}.panel-logo{font-size:26px;font-weight:800;font-style:italic}.panel-logo span{font-size:15px;font-weight:400;margin-left:8px}.panel-preview h3{font-size:clamp(24px,3vw,43px);line-height:1.1;letter-spacing:-1.5px;margin:25px 0}.preview-metrics{display:flex;gap:10px}.preview-metrics span{padding:15px 10px;flex:1;background:#ffffff0c;border:1px solid #ffffff15;border-radius:9px;font-size:12px}.panel-preview p{font-size:7px;letter-spacing:1px;margin-top:20px;color:#aebbb4}.project-info h3{font-size:clamp(32px,4vw,55px);letter-spacing:-2px;margin:24px 0}.project-info>p{font-size:15px;line-height:1.8;color:#737373;max-width:430px}.project-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.project-tags span{border:1px solid #d4d4d1;border-radius:30px;padding:9px 12px;font-size:10px;color:#777}.project-info .contact-link{font-size:10px}@media(max-width:700px){.header nav{gap:18px}.project-card{grid-template-columns:1fr;gap:35px}.project-visual{aspect-ratio:1.1}.project-info h3{margin:16px 0}.panel-preview h3{font-size:33px}}

.hero-buttons{display:flex;gap:12px;justify-content:center}.archive-button{background:#fff;color:#242424;border:1px solid #242424}.archive-button:hover{background:#eee}.community-project{margin-top:60px;padding-top:60px;border-top:1px solid #d4d4d1}.community-visual{background:linear-gradient(140deg,#fff,#e9e9e7);color:#292929;border:1px solid #dededb}.community-visual .project-badge,.community-visual .preview-note{color:#888}.community-preview{display:grid;grid-template-columns:30% 70%;background:#ffffffdd;border:1px solid #e4e4e4;border-radius:12px;box-shadow:0 20px 40px #0000000a;overflow:hidden}.community-sidebar{display:flex;flex-direction:column;gap:13px;padding:22px 12px;border-right:1px solid #eee;font-size:9px;color:#888}.community-sidebar strong{font-style:italic;font-size:22px;color:#222;margin-bottom:12px}.community-sidebar span{padding:7px 5px}.community-sidebar .selected{background:#eee;border-radius:5px;color:#222}.community-content{padding:26px 18px}.community-label{font-size:6px;letter-spacing:1.5px;color:#999}.community-content h3{font-size:24px;line-height:1.12;letter-spacing:-1px;margin:14px 0 20px}.community-tiles{display:flex;gap:8px}.community-tiles>span{font-size:8px;color:#777;padding:12px;background:#f6f6f6;border:1px solid #eee;border-radius:7px;flex:1}.community-tiles strong{display:block;color:#333;font-size:22px;margin-top:8px}.community-news{margin-top:15px;border:1px solid #eee;border-radius:7px;padding:12px}.community-news span{font-size:6px;color:#999;letter-spacing:1px}.community-news i{display:block;height:4px;background:#eee;margin-top:10px;width:90%}.community-news i:last-child{width:55%}@media(max-width:700px){.hero-buttons{gap:8px}.hero-buttons .catalog-button{min-width:0;padding:17px 20px;gap:14px;font-size:10px}.community-content{padding:20px 12px}.community-content h3{font-size:22px}.community-sidebar{padding:20px 8px;gap:7px}.community-project{margin-top:35px;padding-top:35px}}
