:root{--bg-color: #f2f2f2;--text-color: #000000;--gray-text: #7a7a7a;--photo-bg: #ececec;--border-color: transparent;--font-main: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}@media(prefers-color-scheme:dark){:root{--bg-color: #0d0d0d;--text-color: #ffffff;--gray-text: #888888;--photo-bg: #1a1a1a}}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);overflow-x:hidden}.app-container{max-width:100%;padding:0 40px;min-height:100vh;display:flex;flex-direction:column}.navbar{display:grid;grid-template-columns:repeat(4,1fr);width:100%}.nav-col{padding:24px 20px;display:flex;flex-direction:column}.label{font-size:10px;text-transform:uppercase;color:var(--gray-text);margin-bottom:8px;letter-spacing:.05em;font-weight:500}.value,.menu-item{font-size:14px;font-weight:500;color:var(--text-color);text-decoration:none;transition:opacity .2s ease}.menu-item:hover{opacity:.5}.nav-menu{display:flex;flex-wrap:wrap;gap:12px}.hero-grid{display:grid;grid-template-columns:repeat(4,1fr);width:100%}.hero-col{padding:40px 20px;display:flex;flex-direction:column}.hero-col.center{grid-column:span 2;justify-content:center;align-items:center;background-color:transparent}.hero-col.left,.hero-col.right{justify-content:space-between}.hero-text{font-size:14px;line-height:1.5;margin-top:20px;max-width:280px}.profile-photo{width:100%;max-width:450px;height:auto;filter:grayscale(100%);border-radius:12px;overflow:hidden;transition:filter .4s ease}.profile-photo:hover{filter:grayscale(0%)}.contact-button{display:inline-flex;align-items:center;margin-top:30px;text-decoration:none;color:var(--text-color);font-weight:600;gap:10px;font-size:14px}.expertise-list{list-style:none;margin-top:20px}.expertise-list li{font-size:14px;padding:8px 0;border-bottom:none}.giant-title-wrapper{width:100%;padding:80px 0;display:flex;justify-content:center;align-items:center;overflow:hidden}.giant-title{font-size:8vw;line-height:.8;letter-spacing:-.05em;font-weight:900;margin:0;text-transform:uppercase;text-align:center;white-space:nowrap;color:var(--text-color)}.recent-works-grid{width:100%}.recent-works-col{padding:100px 20px 40px}.recent-works-title{font-size:72px;line-height:1.1;font-weight:500;letter-spacing:-.02em;margin:0}.projects-grid{display:flex;flex-direction:column;gap:60px;width:100%;padding-bottom:100px}.projects-row{display:grid;gap:20px;width:100%}.project-card{display:flex;flex-direction:column;width:100%;cursor:pointer}.project-image-wrapper{width:100%;aspect-ratio:16 / 11;background-color:var(--photo-bg);border-radius:20px;overflow:hidden;margin-bottom:16px}.project-image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.project-card:hover .project-image-wrapper img{transform:scale(1.05)}.project-meta{display:flex;gap:12px;font-size:13px;color:var(--gray-text);margin-bottom:8px;font-weight:500}.project-title{font-size:24px;font-weight:600;margin:0 0 8px;color:var(--text-color)}.project-desc{font-size:15px;color:var(--gray-text);line-height:1.4;margin:0}.footer-simple{padding:40px 20px;display:flex;justify-content:space-between;font-size:12px;color:var(--gray-text)}@media(max-width:900px){.app-container{padding:0 15px}.navbar,.hero-grid{grid-template-columns:1fr}.nav-col,.hero-col{border-right:none;border-bottom:none;padding:20px 0}.hero-col.center{grid-column:span 1;order:-1}.giant-title{font-size:13vw;white-space:normal}.recent-works-title{font-size:42px}.two-cols,.three-cols{grid-template-columns:1fr}}.projects-grid{display:flex;flex-direction:column;gap:60px;padding:0 20px 100px}.projects-row{display:grid;gap:20px}.two-cols{grid-template-columns:repeat(2,1fr)}.three-cols{grid-template-columns:repeat(3,1fr)}.project-image-wrapper{width:100%;aspect-ratio:16 / 11;background-color:var(--photo-bg);border-radius:12px;overflow:hidden;margin-bottom:16px}.project-image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-card:hover img{transform:scale(1.05)}.project-meta{display:flex;gap:12px;font-size:13px;color:var(--gray-text);margin-bottom:8px}.project-title{font-size:24px;font-weight:600;margin-bottom:4px}.project-desc{font-size:14px;color:var(--gray-text)}.services-section{padding:100px 0;width:100%}.services-main-title{font-size:72px;font-weight:500;margin-bottom:40px;letter-spacing:-.02em}.service-item{border-top:1px solid rgba(122,122,122,.2)}.service-item:last-child{border-bottom:1px solid rgba(122,122,122,.2)}.service-row{display:grid;grid-template-columns:80px 1.5fr 2fr 100px;align-items:center;padding:30px 0}.service-number{font-size:12px;color:var(--gray-text);font-family:monospace}.service-title{font-size:28px;font-weight:500}.service-details{display:flex;align-items:center;gap:30px}.service-image-preview{width:150px;height:90px;border-radius:10px;overflow:hidden;background:var(--photo-bg)}.service-image-preview img{width:100%;height:100%;object-fit:cover}.tag{padding:4px 12px;border:1px solid rgba(122,122,122,.3);border-radius:100px;font-size:11px;margin-right:5px;color:var(--gray-text)}.arrow-circle{width:45px;height:45px;border:1px solid rgba(122,122,122,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-left:auto}.arrow-circle.active{background:var(--text-color);color:var(--bg-color)}.main-footer{padding:100px 0 40px;border-top:1px solid rgba(122,122,122,.2)}.footer-huge-text{font-size:13vw;line-height:.85;font-weight:900;text-transform:uppercase;letter-spacing:-.05em;margin-bottom:60px}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:60px}.footer-col{display:flex;flex-direction:column;gap:12px}.footer-links{display:flex;flex-direction:column;gap:8px}.footer-links a,.footer-email,.footer-value{text-decoration:none;color:var(--text-color);font-size:15px}.footer-bottom-line{display:flex;justify-content:space-between;padding-top:30px;border-top:1px solid rgba(122,122,122,.1);font-size:11px;color:var(--gray-text);text-transform:uppercase}@media(max-width:900px){.service-row{grid-template-columns:1fr 50px}.service-number,.service-details{display:none}.footer-grid{grid-template-columns:1fr 1fr}}:root{--bg-color: #f1f1f1;--text-color: #0d0d0d;--gray-text: #878787;--border-color: #dbdbdb;--font-main: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);-webkit-font-smoothing:antialiased}