*,*::before,*::after{box-sizing:border-box}:where(ul,ol):where([class]){padding-left:0}body,:where(blockquote,figure):where([class]){margin:0}:where( h1, h2, h3, h4, h5, h6, p, ul, ol, dl ):where([class]){margin-block:0}:where(dd[class]){margin-left:0}:where(ul[class]){list-style:none}img{display:block;max-width:100%}input,textarea,select,button{font:inherit}html{height:100%;scroll-behavior:smooth}body{min-height:100%;line-height:1.5}@font-face{font-family:'Roboto';src:url('/wp-content/themes/alekseyshlykov71/assets/fonts/Roboto-Medium.woff2') format('woff2'), url('/wp-content/themes/alekseyshlykov71/assets/fonts/Roboto-Medium.woff') format('woff');font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:'Roboto';src:url('/wp-content/themes/alekseyshlykov71/assets/fonts/Roboto-Regular.woff2') format('woff2'), url('/wp-content/themes/alekseyshlykov71/assets/fonts/Roboto-Regular.woff') format('woff');font-weight:normal;font-style:normal;font-display:swap}@media (prefers-reduced-motion: reduce){*{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:root{--color-primary:#c31b26;--color-secondary:#f0f0f0;--color-background:#fff;--color-muted:#e8e8e8;--color-foreground:#1a1a1a;--color-muted-foreground:#6b6b6b;--color-border:#e5e5e5;--font-family-base:"Roboto", sans-serif;--transition-duration:0.2s}body{font-family:var(--font-family-base)}svg *[fill]{fill:currentColor}svg *[stroke]{stroke:currentColor}a, button, input, textarea, svg *{transition-duration:var(--transition-duration)}svg *{transition-property:fill, stroke}p{margin-block:0}p:not([class]):not(:last-child){margin-bottom:24px}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-weight:500;line-height:1.3}h1{font-size:40px;font-weight:300;line-height:1.2}h2{font-size:27px}h3,.h3{font-size:24px;line-height:1.4}h4,.h4{font-size:20px;line-height:1.4}h5,.h5{font-size:16px;line-height:1.5}h6,.h6{font-size:14px;text-transform:uppercase}p{font-size:16px;font-weight:400;line-height:1.6;color:var(--color-muted-foreground)}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@keyframes press{0%{transform:scale(1)}50%{transform:scale(0.95)}100%{transform:scale(1)}}@keyframes fade-in-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 120px;box-sizing:border-box}@media (min-width: 1620px){.container{max-width:1500px;padding:0}}@media (max-width: 1024px){.container{padding:0 60px}}@media (max-width: 768px){.container{padding:0 32px}}.header{position:fixed;top:0;left:0;z-index:999;width:100%;height:64px;display:flex;align-items:center;gap:32px;background:var(--color-background);color:var(--color-foreground);transition:background 0.3s ease}.home .header,.header.scrolled{background:oklch(0.208 0.042 265.755);color:var(--color-background)}.header .container{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;margin:0 auto;gap:32px}.header-inner{display:flex;width:100%;justify-content:space-between;align-items:center}.header-inner>div:first-child{display:flex;align-items:center;gap:32px}.header-inner>div:last-child{display:flex;align-items:center;gap:32px}.custom-logo-link{position:relative;display:inline-flex;align-items:center;gap:8px;color:inherit;text-decoration:none}.custom-logo-link img{display:block;width:32px;height:32px;object-fit:contain;vertical-align:middle}.header-logo-text{font-size:14px;font-weight:500}.header-menu{display:inline-block;justify-content:center;position:relative;padding-left:32px}.header .header-menu::after{content:"";position:absolute;left:0;top:-6px;bottom:-6px;width:1px;background:var(--color-muted-foreground)}.home .header .header-menu::after, .header.scrolled .header-menu::after{background:#ffffff33}.header-menu-list{display:flex;gap:24px;list-style:none;margin:0;padding:0}.header .header-menu-link{text-decoration:none;color:var(--color-foreground);transition:color 0.2s ease;font-size:14px;font-weight:500}.home .header .header-menu-link, .home .phone:hover, .header.scrolled .header-menu-link, .header.scrolled .phone:hover{color:var(--color-background)}.header .header-menu-link:hover, .home .header .header-menu-link:hover, .header.scrolled .header-menu-link:hover{color:var(--color-primary)}.home .header .header-menu-link:active, .home .header .header-menu-item.current-menu-item .header-menu-link, .header.scrolled .header-menu-link:active, .header.scrolled .header-menu-item.current-menu-item .header-menu-link, .header .header-menu-link:active, .header .header-menu-item.current-menu-item .header-menu-link{color:var(--color-primary)}.contact-box,.header-actions{display:flex;align-items:center;gap:16px}.contact-box{position:relative;font-size:14px;font-weight:500}.contact-box .phone{display:flex;align-items:center;gap:6px;padding:8px 0;cursor:pointer}.phone a{text-decoration:none;color:inherit;font:inherit}.phone svg{flex-shrink:0;width:20px;height:20px}.contact-box .phone *{transition:color 0.3s ease, fill 0.3s ease}.header .phone:hover{color:var(--color-primary)}.modal-phone{position:absolute;top:100%;left:0;min-width:280px;background:var(--color-background);border-radius:12px;padding:16px;box-shadow:0 6px 16px rgba(0, 0, 0, 0.15);backdrop-filter:blur(12px);border:1px solid rgba(0, 0, 0, 0.08);opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;z-index:100}.contact-box:hover .modal-phone{opacity:1;visibility:visible;transform:translateY(0)}.modal-phone .h4{margin:0 0 12px;font-size:14px;font-weight:500;color:#2C2D40}.modal-phone a{display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;text-decoration:none;font-size:16px;margin-bottom:12px;transition:background-color 0.3s ease}.modal-phone a:last-child{margin-bottom:0}.modal-phone a .icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.modal-phone a .icon svg{width:16px;height:16px}.modal-phone a .text-block{display:flex;flex-direction:column;line-height:1.25}.modal-phone a .title{font-size:14px;font-weight:500}.modal-phone a .number{font-size:12px;color:#6F7591}.modal-phone a.whatsapp .icon{background:#25d366;color:var(--color-background)}.modal-phone a.whatsapp{background:rgba(37, 211, 102, 0.1);color:#25d366;transition:background 0.3s ease}.modal-phone a.whatsapp:hover{background:rgba(37, 211, 102, 0.2)}.modal-phone a.telegram .icon{background:#08c;color:var(--color-background)}.modal-phone a.telegram{background:rgba(0, 136, 204, 0.1);color:#08c;transition:background 0.3s ease}.modal-phone a.telegram:hover{background:rgba(0, 136, 204, 0.2)}.btn{display:inline-flex;align-items:center;justify-content:center;font-weight:500;border-radius:9999px;cursor:pointer;box-sizing:border-box;transition:background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.6s ease, transform 0.6s ease}.header .header-button{height:32px;padding:0 16px;line-height:1;font-size:14px;border:2px solid var(--color-primary);background-color:transparent;color:var(--color-primary);box-shadow:none}.home .header-button, .header.scrolled .header-button{border:2px solid var(--color-background);background-color:transparent;color:var(--color-background)}.header .header-button:hover{border-color:var(--color-border);background-color:var(--color-background);color:var(--color-foreground);box-shadow:0 0 0 2px var(--color-background), 0 0 0 4px var(--color-primary);animation:press 0.6s ease}.home .header-button:hover, .header.scrolled .header-button:hover{border-color:var(--color-border);background-color:var(--color-background);color:var(--color-foreground);box-shadow:0 0 0 2px var(--color-background), 0 0 0 4px var(--color-primary)}.header-burger-button{display:none;position:relative;width:36px;height:36px;background:transparent;border:none;cursor:pointer}.header-burger-button-line{position:absolute;left:50%;top:50%;width:20px;height:2px;background-color:var(--color-foreground);border-radius:9999px;transform:translate(-50%, -50%);transition:transform 0.3s ease, opacity 0.3s ease}.home .header-burger-button-line, .header.scrolled .header-burger-button-line{background-color:var(--color-background)}.header-burger-button-line:nth-child(1){transform:translate(-50%, -6px)}.header-burger-button-line:nth-child(2){transform:translate(-50%, 0)}.header-burger-button-line:nth-child(3){transform:translate(-50%, 6px)}.header.active .header-burger-button-line:nth-child(1){transform:translate(-50%, 0) rotate(45deg)}.header.active .header-burger-button-line:nth-child(2){opacity:0}.header.active .header-burger-button-line:nth-child(3){transform:translate(-50%, 0) rotate(-45deg)}#mobile-menu{display:none;position:absolute;top:100%;left:0;width:calc(100% - 240px);margin:0 120px;background-color:var(--color-background);flex-direction:column;padding:8px 8px 12px;box-shadow:0 6px 16px rgba(0,0,0,0.15);z-index:100;box-sizing:border-box}#mobile-menu.active{display:flex}#mobile-menu.active .header-mobile-menu-list{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}#mobile-menu.active .header-mobile-menu-item{list-style:none}#mobile-menu.active .header-mobile-menu-link{display:block;text-decoration:none;padding:8px 12px;font-size:16px;color:var(--color-foreground);transition:color 0.2s;cursor:pointer}#mobile-menu.active .header-mobile-menu-link:hover, #mobile-menu.active .header-mobile-menu-link:active, #mobile-menu.active .header-mobile-menu-item.current-menu-item .header-mobile-menu-link{color:var(--color-primary)}#mobile-menu.active .contacts{display:flex;flex-direction:column;gap:12px;width:100%;border-top:1px solid var(--color-border);padding:20px 12px 8px 12px}#mobile-menu.active .contacts p{font-size:14px;color:var(--color-foreground);margin:0}#mobile-menu.active .contacts a{text-decoration:none;color:var(--color-foreground);font-size:16px}#mobile-menu.active .contacts .social{display:flex;gap:12px}#mobile-menu.active .contacts .social a{font-size:14px;padding:6px 0;text-decoration:none;display:flex;align-items:center;justify-content:left;gap:8px}#mobile-menu.active .contacts .social a .icon{width:20px;height:20px;flex-shrink:0}#mobile-menu.active a.whatsapp{color:#25d366}#mobile-menu.active a.telegram{color:#08c}#mobile-menu.active .call-btn{width:100%;max-width:320px;height:32px;font-size:14px;border:2px solid var(--color-primary);background-color:transparent;color:var(--color-primary);box-shadow:none}#mobile-menu.active .call-btn:hover{border-color:var(--color-border);background-color:var(--color-background);color:var(--color-foreground);box-shadow:0 0 0 2px var(--color-background), 0 0 0 4px var(--color-primary);animation:press 0.6s ease}@media (max-width: 1280px){.header{gap:16px}.contact-box{display:none}}@media (max-width: 1100px){.header .container{left:0;transform:none;justify-content:space-between}.header-burger-button{display:inline-flex}.header-menu, .contact-box, .header-actions .header-button{display:none}}@media (min-width: 1111px){#mobile-menu{display:none !important}}@media (max-width: 1024px){#mobile-menu{width:calc(100% - 120px);margin:0 60px}}@media (max-width: 768px){#mobile-menu{width:calc(100% - 64px);margin:0 32px}}@media (max-width: 480px){.contacts .social{flex-wrap:wrap}.contacts .social a:first-child{width:100%}}.breadcrumb-wrapper{margin:32px 0 32px;align-self:flex-start;text-align:left}.breadcrumbs{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--color-muted-foreground);list-style:none;padding:0;margin:0}.breadcrumbs span{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.breadcrumbs span a{color:var(--color-background);text-decoration:none;transition:color 0.3s ease}.breadcrumbs span a:hover{color:#ffffffcc}.breadcrumbs .breadcrumb_last{color:var(--color-primary);font-weight:500}section{width:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;text-align:center;padding:128px 0;color:var(--color-foreground);animation:fade-in-up 0.8s ease forwards}section:first-of-type{background-color:oklch(0.208 0.042 265.755) !important}section:nth-of-type(even),.section-certification{background-color:var(--color-background) !important}section:nth-of-type(odd){background-color:rgb(240 240 240 / 40%)}section .container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px}section .content{width:100%}section .section-header{margin:0 auto 64px;text-align:center}section .section-header h2{margin:0}section .section-header h2+*{margin:24px auto 0}section .section-header p{font-size:20px;color:var(--color-muted-foreground);max-width:90%}.section-hero .section-header+*{margin-top:64px}section .cta{margin-top:64px;text-align:center;justify-content:center;display:flex;gap:12px}section .btn-ghost, section .btn-ghost-accent{padding:12px 32px;font-size:16px;border:1px solid var(--color-border);background:transparent;color:var(--color-foreground);text-decoration:none;box-shadow:none}section .btn-ghost:hover{box-shadow:0 0 0 2px var(--color-background), 0 0 0 4px var(--color-primary);animation:press 0.6s ease}section .btn-ghost-accent:hover{background-color:var(--color-primary);color:var(--color-background);border-color:var(--color-primary)}section .btn-primary{height:48px;padding:0 32px;border:2px solid var(--color-primary);font-size:16px;background-color:var(--color-primary);color:var(--color-background);box-shadow:none}section .btn-primary:hover{border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-background);box-shadow:0 0 0 2px var(--color-background), 0 0 0 4px var(--color-primary);animation:press 0.6s ease}section .grid-2{display:grid;grid-template-columns:repeat(2, 1fr);gap:32px;align-items:stretch}section .grid-3{display:grid;grid-template-columns:repeat(3, 1fr);gap:48px;align-items:stretch}section .grid-4{display:grid;grid-template-columns:repeat(4, 1fr);gap:24px;margin:48px 0 80px}section .filter-btn.btn-ghost{display:inline-flex;align-items:center;justify-content:center;padding:0px 16px;height:32px}section .filter-btn.active{background:var(--color-primary);color:var(--color-background);border-color:var(--color-primary)}.filter-dropdown{position:relative}.filter-dropdown button.dropdown-toggle{display:flex;align-items:flex-start;justify-content:center}.filter-dropdown .dropdown-menu{position:absolute;top:100%;right:0;z-index:999;background:var(--color-background);border:1px solid rgba(0, 0, 0, 0.08);border-radius:12px;box-shadow:0 6px 16px rgba(0, 0, 0, 0.15);backdrop-filter:blur(12px);padding:10px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all 0.3s ease;display:grid;gap:8px;width:max-content;min-width:120px;max-width:240px;white-space:normal}.filter-dropdown.active .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.filter-dropdown .dropdown-menu .filter-btn{text-align:left}.section-hero{padding:64px 0 96px;min-height:auto;color:var(--color-background);text-align:center}.section-hero .container{gap:0}.home .section-hero{padding:64px 0 0 0;min-height:100vh}.section-hero .section-header h1{margin:0 0 24px 0}.home .section-hero .section-header h1{letter-spacing:-0.8px;margin:0 0 32px 0}.section-hero .section-header .tagline{display:inline-block;font-size:20px;color:#ffffffcc;max-width:fit-content;text-align:center}.home .section-hero .section-header .tagline{font-size:24px}.home .section-hero .section-header::after{content:"";display:block;width:96px;height:1px;background-color:#ffffff66;margin:48px auto}.section-hero .section-header, .section-hero .cta{margin:0}.footer{padding:64px 0;background-color:oklch(0.208 0.042 265.755);color:var(--color-background)}.footer-logo-text{font-size:16px}.footer-top{display:grid;grid-template-columns:repeat(4, 1fr);gap:32px;margin-bottom:48px}.footer-brand{display:flex;flex-direction:column;gap:10px}.footer .h5{margin:0 0 16px}.footer-brand p, .footer-links a, .footer-services a, .footer-bottom p, .footer-bottom-links a{font-size:14px;color:var(--color-background)}.footer-links-nav{display:flex;flex-wrap:wrap}.footer-links ul, .footer-services ul{list-style:none;padding:0;margin:0}.footer-links li, .footer-services li, .footer-contact .contact-item{font-size:14px;margin-bottom:8px}.footer-links a, .footer-services a{text-decoration:none;transition:color 0.3s}.footer-contact .contact-item{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--color-background);transition:color 0.3s}.footer-links a:hover, .footer-links li.current-menu-item a, .footer-services a:hover, .footer-contact .contact-item:hover, .footer-bottom-links a:hover{color:var(--color-primary)}.footer-contact .contact-item .icon svg{width:20px;height:20px}.footer-socials{display:flex;gap:16px;margin-top:8px}.footer-socials a svg{width:20px;height:20px;transition:opacity 0.3s}.footer-socials a:hover{opacity:0.8}.footer-bottom{border-top:1px solid #FFFFFF33;padding-top:32px;display:flex;flex-wrap:wrap;gap:24px;align-items:center}.footer-bottom p{margin:0 !important}.footer-bottom-links{display:flex;align-items:center}.footer-bottom-links a{color:var(--color-background);text-decoration:none;transition:color 0.3s}@media (max-width: 768px){.footer-top{grid-template-columns:1fr}}.modal{position:fixed;inset:0;display:none;justify-content:center;align-items:center;background-color:rgba(0,0,0,0.5);z-index:1000}.modal.active{display:flex}.modal__container{position:relative;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:10px;box-shadow:0 4px 16px rgba(0,0,0,0.1);padding:24px;margin:0 16px;width:100%;max-width:512px;max-height:80vh;overflow:auto}.modal__close{position:absolute;top:12px;right:12px;background:none;border:none;font-size:24px;font-weight:normal;color:var(--color-muted-foreground);cursor:pointer;transition:color 0.3s}.modal__close:hover{color:var(--color-foreground)}.modal__header{text-align:center;margin-bottom:16px}.modal__title{margin:0}.modal__group{display:flex;flex-direction:column;margin-bottom:16px}.modal__group label{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;font-weight:500}.modal__group input, .modal__group textarea{padding:4px 12px;border:1px solid rgba(0, 0, 0, 0);;background-color:#F8F8F8;border-radius:8px;font-size:14px;transition:border-color 0.3s, box-shadow 0.3s}.modal__group input{height:36px}.modal__group textarea{resize:vertical;min-height:64px}.modal__group input:focus, .modal__group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:rgba(0,0,0,0) 0 0 0 0, rgba(0,0,0,0) 0 0 0 0, rgba(0,0,0,0) 0 0 0 0, oklab(0.524653 0.179994 0.0848948 / 0.5) 0 0 0 3px, rgba(0,0,0,0) 0 0 0 0}.modal__group--checkbox{flex-direction:row;align-items:center;font-size:16px}.modal__group--checkbox input[type="checkbox"]{appearance:none;-webkit-appearance:none;width:16px;height:16px;padding:0;margin:0;border:2px solid var(--color-border);border-radius:4px;cursor:pointer;background-color:var(--color-background);position:relative;vertical-align:middle;box-sizing:border-box}.modal__group--checkbox input[type="checkbox"]:focus{box-shadow:none}.modal__group--checkbox input[type="checkbox"]:checked{background-color:var(--color-primary);border-color:var(--color-primary)}.modal__group--checkbox input[type="checkbox"]:checked::after{content:'';position:absolute;left:4px;top:0px;width:4px;height:8px;border:solid var(--color-background);border-width:0 2px 2px 0;transform:rotate(45deg)}.modal__group--checkbox a{color:var(--color-primary);text-decoration:none;transition:all 0.3s}.modal__group--checkbox a:hover{text-decoration:underline}.modal__actions{display:flex;gap:12px}.modal__btn{padding:0 24px;height:40px;font-size:16px;border-radius:9999px;cursor:pointer;transition:all 0.3s}.modal__btn--primary{flex:1;width:auto;border:2px solid var(--color-primary);background-color:var(--color-primary);color:var(--color-background)}.modal__btn--primary:disabled{opacity:0.6;cursor:not-allowed}.modal__btn--primary:hover:not(:disabled){animation:press 0.6s ease}.modal__btn--ghost{flex-shrink:0;width:auto;border:2px solid var(--color-border);background:transparent;color:var(--color-foreground)}.modal__btn--ghost:hover{animation:press 0.6s ease}.section-services .service{display:flex;flex-direction:column;align-items:normal;text-align:center;justify-content:space-between;transition:transform 0.3s ease;border:1px solid var( --color-border);border-radius:10px;padding:32px;text-decoration:none;color:inherit}.service.services--clean{align-items:center;justify-content:unset;border:none;padding:0}.section-services .service:hover{border-color:rgba(195, 27, 38, 0.15);box-shadow:rgba(195, 27, 38, 0) 0px 0px 0px 0px, rgba(195, 27, 38, 0) 0px 0px 0px 0px, rgba(195, 27, 38, 0) 0px 0px 0px 0px, rgba(195, 27, 38, 0) 0px 0px 0px 0px, rgba(195, 27, 38, 0.1) 0px 1px 3px 0px, rgba(195, 27, 38, 0.1) 0px 1px 2px -1px;transform:translateY(-4px)}.section-services .service.services--clean:hover{border:none;box-shadow:none;transform:translateY(-4px)}.section-services .primary-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:24px;background-color:#C4513D1A;border-radius:12px;color:var(--color-primary);transition:all 0.3s ease}.section-services .service:hover .primary-icon{background-color:var(--color-primary);color:var(--color-background)}.section-services .primary-icon svg{width:32px;height:32px}.section-services .service .h3{margin:0 0 16px;font-size:24px;font-weight:500;color:var(--color-foreground);text-align:left}.section-services .service p{text-align:left}.service.services--clean .h3, .service.services--clean p{text-align:center}.services-list.grid-2{gap:24px}.services-list{list-style:none;padding:0;margin:0 auto;display:inline-block}.services-list li{position:relative;padding-left:32px;text-align:left;justify-self:start}.services-list li::before{content:'';position:absolute;left:0;top:4px;width:20px;height:20px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23c31b26" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>') no-repeat center;background-size:20px 20px}.service .btn-ghost-accent.btn{height:40px}@media (max-width: 768px){.section-services .grid-3{grid-template-columns:1fr;gap:48px;max-width:480px;margin:0 auto}}@media (max-width: 600px){.services-list.grid-2{grid-template-columns:1fr}}.process-timeline{position:relative;margin:0 auto;width:100%}.timeline-item{display:flex;align-items:flex-start;margin-bottom:32px;position:relative;max-width:100%;width:80%}.timeline-item:last-child{margin-bottom:0}.timeline-item.align-left{justify-content:flex-start;text-align:left}.timeline-item.align-right{justify-content:flex-end;text-align:right;margin-left:auto}.timeline-icon{flex-shrink:0;top:-24px;left:24px;width:48px;height:48px;background:var(--color-primary);color:var(--color-background);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;position:relative;z-index:2;transition:all 0.5s cubic-bezier(0.4, 0, 0.2, 1)}.timeline-item.align-right .timeline-icon{top:-24px;left:-24px}.timeline-icon svg{width:20px;height:20px}.timeline-content{border:1px solid var(--color-border);border-radius:12px;padding:24px;position:relative;width:100%;background-color:var(--color-background);box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1px;transition:all 0.5s cubic-bezier(0.4, 0, 0.2, 1)}.timeline-item:hover .timeline-content{border-color:rgba(195, 27, 38, 0.15);box-shadow:rgba(195, 27, 38, 0) 0px 0px 0px 0px, rgba(195, 27, 38, 0) 0px 0px 0px 0px, rgba(195, 27, 38, 0) 0px 0px 0px 0px, rgba(195, 27, 38, 0) 0px 0px 0px 0px, rgba(195, 27, 38, 0.1) 0px 1px 3px 0px, rgba(195, 27, 38, 0.1) 0px 1px 2px -1px;transform:scale(1.02)}.timeline-item:hover .timeline-icon{border-color:rgba(195, 27, 38, 0.15);box-shadow:rgba(195, 27, 38, 0.15) 0px 10px 20px, rgba(195, 27, 38, 0.1) 0px 4px 6px;transform:scale(1.1)}.timeline-item.align-left:hover .timeline-icon{left:12px}.timeline-item.align-right:hover .timeline-icon{left:-12px}.timeline-item:hover .timeline-content p{color:var(--color-foreground)}.timeline-header{display:flex;align-items:center;margin-bottom:16px;gap:12px}.timeline-header .h5{margin:0}.timeline-line{flex:1;height:1px;background:linear-gradient(to right, oklab(0.524653 0.179994 0.0848948 / 0.2) 0%, rgba(0, 0, 0, 0) 100%)}.timeline-item.align-right{flex-direction:row-reverse}.timeline-item.align-right .timeline-line{background:linear-gradient(to left, oklab(0.524653 0.179994 0.0848948 / 0.2) 0%, rgba(0, 0, 0, 0) 100%)}.timeframe-card{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:12px;padding:32px;max-width:448px;margin:0 auto;box-shadow:0 1px 2px rgba(0, 0, 0, 0.05)}.timeframe-card-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px}.timeframe-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--color-primary);flex-shrink:0}.timeframe-card .h3{margin:0}.section-hero .timeframe-card .h3{color:var(--color-foreground)}.section-projects .project-card{display:flex;flex-direction:column;justify-content:flex-start;height:100%;min-height:475px;background:var(--color-background);border:1px solid var(--color-border);border-radius:10px;transition:all 0.3s ease;box-shadow:0 2px 5px rgba(0,0,0,0.05);position:relative}.card-link{position:absolute;inset:0;z-index:3}.home .section-projects .project-card:hover, .section-projects .project-card:hover{border-color:rgba(195, 27, 38, 0.15);box-shadow:rgba(195, 27, 38, 0) 0px 0px 0px 0px, rgba(195, 27, 38, 0) 0px 0px 0px 0px, rgba(195, 27, 38, 0) 0px 0px 0px 0px, rgba(195, 27, 38, 0) 0px 0px 0px 0px, rgba(195, 27, 38, 0.1) 0px 1px 3px 0px, rgba(195, 27, 38, 0.1) 0px 1px 2px -1px}.section-projects .project-card:hover{transform:translateY(-4px)}.home .section-projects .project-card:hover{transform:none}.project-image{position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:10px 10px 0 0}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;display:block}.project-card:hover .project-image img{transform:scale(1.05)}.project-image .badge{position:absolute;top:16px;left:16px;z-index:1;display:flex;align-items:center;justify-content:center;height:32px;padding:4px 12px}.meta-badge,.badge{background:var(--color-primary);color:var(--color-background);font-size:14px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;line-height:1;padding:4px 12px;white-space:nowrap;max-height:32px}.project-info, .project-info *{position:relative;z-index:4}.project-info{margin-top:auto;padding:24px;justify-content:flex-start;text-align:left}.home .project-info{display:flex;flex-direction:column;flex:1 1 auto}.project-info .type{text-transform:uppercase;font-size:14px;color:var(--color-muted-foreground);letter-spacing:0.35px;margin:0 0 12px}.project-info .h3{margin:0 0 12px;cursor:pointer;transition:color .3s ease}.home .project-info .h3{font-size:16px}.project-info .h3 a{color:inherit;text-decoration:none;transition:color 0.3s ease}.project-info .h3, .project-info p{display:block;overflow:visible;-webkit-line-clamp:unset}.home .project-card:hover .project-info .h3{color:var(--color-primary)}body:not(.home) .project-card:hover .project-info .h3{color:inherit}.section-projects .grid-3{gap:32px}.projects-filter{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:48px}.project-info .project-excerpt{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;margin-bottom:16px}.project-info .btn{margin-top:auto}.project-meta{display:flex;justify-content:space-between;font-size:14px;margin-bottom:12px}.project-meta .badge{padding:4px 8px;background-color:#C4513D1A;color:var(--color-primary)}.project-meta .project-year{color:var(--color-muted-foreground)}.project-tags{display:flex;flex-wrap:nowrap;overflow:visible;gap:8px;margin:8px 0 16px;position:relative;align-items:center;font-size:12px}.project-tags span{background:var(--color-muted);padding:4px 8px;border-radius:4px;white-space:nowrap}.project-tags .more{background:var(--color-muted);padding:4px 8px;border-radius:4px;cursor:pointer;position:relative;z-index:5}.project-tags .tooltip{display:none;position:absolute;bottom:120%;left:0;background:#222;color:#fff;padding:6px 10px;border-radius:6px;white-space:nowrap;font-size:13px;box-shadow:0 2px 8px rgba(0,0,0,0.3);z-index:10}.project-tags .more:hover .tooltip{display:block}.project-card .btn-ghost-accent.btn{width:100%;height:40px}.project-details{text-align:left}.project-details ul{display:inline-flex;list-style:none;padding:4px 12px;margin:0 0 16px;justify-content:flex-start;border-radius:10px;background:rgba(255, 255, 255, 0.1);color:var(--color-background);font-size:14px}.project-tags li{position:relative;padding-left:16px}.project-tags li:first-child{padding-left:0}.project-tags li::before{content:"•";position:absolute;left:0}.project-tags li:first-child::before{content:""}.project-details h1{margin:0 0 16px}.project-details h1 a{color:inherit;text-decoration:none;pointer-events:auto}.project-details h1 a:hover, .project-details h1 a:focus{color:var(--color-primary);text-decoration:none}.project-subtitle{font-size:20px;margin-bottom:24px;color:oklab(0.999994 0.0000455678 0.0000200868 / 0.9)}.project-description{color:oklab(0.999994 0.0000455677 0.0000200868 / 0.8);margin-bottom:32px}.project-info-cards{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:32px}.clamp-3{display:-webkit-box !important;-webkit-line-clamp:3 !important;-webkit-box-orient:vertical;overflow:hidden !important;white-space:normal;margin-bottom:24px}.info-card{background:oklab(0.999994 0.0000455678 0.0000200868 / 0.1);padding:16px;border-radius:10px}.info-label{font-size:14px;color:oklab(0.999994 0.0000455677 0.0000200868 / 0.7)}.info-value{font-size:16px;color:var(--color-background)}.preview-box{background:oklab(0.999994 0.0000455678 0.0000200868 / 0.1);border-radius:16px;padding:32px;backdrop-filter:blur(8px)}.preview-box img{width:100%;height:320px;object-fit:cover;border-radius:10px}.preview-caption{margin-top:16px;text-align:center;font-size:14px;color:oklab(0.999994 0.0000455677 0.0000200868 / 0.8)}.info-box{position:relative;display:flex;gap:24px;padding:24px;background:var(--color-background);border:1px solid var(--color-border);border-radius:12px;align-items:center;text-align:left;transition:all 0.3s ease}.info-box:hover,.font-card:hover{box-shadow:0 6px 16px rgba(0, 0, 0, 0.08)}.info-icon-circle{width:48px;height:48px;min-width:48px;border-radius:50%;background-color:var(--color-primary);flex-shrink:0;position:relative}.info-icon-circle::after{content:"";position:absolute;left:42%;top:28%;width:8px;height:16px;border-right:2px solid var(--color-background);border-bottom:2px solid var(--color-background);transform:rotate(45deg)}.info-icon{width:64px;height:64px;border-radius:12px;box-shadow:0 2px 6px rgba(0,0,0,0.1);flex-shrink:0}.info-text{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column}.info-text p{color:var(--color-foreground)}.info-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.info-title .h4{margin:0;font-size:16px;color:var(--color-foreground)}.info-title code{background-color:#e8e8e8;color:var(--color-muted-foreground);padding:4px 8px;border-radius:4px;font-size:14px}.font-card{display:flex;gap:24px;padding:24px;margin:0 0 24px;background:var(--color-background);border:1px solid var(--color-border);border-radius:12px;text-align:left;transition:all 0.3s ease}.font-info{display:flex;flex-direction:column}.font-name{margin-bottom:8px;font-size:20px}.font-purpose{margin-bottom:16px;color:var(--color-muted-foreground)}.font-weights{display:flex;gap:8px}.font-weights span{display:inline-block;padding:2px 6px;background-color:var(--color-border);color:var(--color-muted-foreground);border-radius:4px;font-size:14px}.font-preview{display:flex;flex-direction:column;gap:8px;justify-content:center;height:100%}.font-sample.light{font-weight:400;font-size:24px}.font-sample.bold{font-weight:600;font-size:16px}.project-slider .slider{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;background:linear-gradient(to right bottom, rgb(232, 232, 232) 0%, oklab(0.930913 0.0000423491 0.0000185966 / 0.5) 100%);border-radius:16px;padding:32px;margin-bottom:32px;text-align:center}.project-slider .slider img{max-width:calc(100% - 80px);margin:0 40px;border-radius:10px;max-height:600px;object-fit:cover;box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.25) 0px 25px 50px -12px}.project-slider .slider button{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:oklab(0.999994 0.0000455678 0.0000200868 / 0.9);cursor:pointer;box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;transition:0.3s}.project-slider .slider button:hover{transform:translateY(-50%) scale(1.1);background:var(--color-background)}.project-slider .slider .prev{left:16px}.project-slider .slider .next{right:16px}.project-slider .slider-info{margin-top:16px;color:var(--color-muted-foreground);display:flex;flex-direction:column;gap:8px;align-items:center}.project-slider .dots{display:flex;justify-content:center;margin:0 0 32px;gap:8px}.project-slider .dot{width:12px;height:12px;border-radius:50%;background:#E8E8E8;cursor:pointer;transition:0.3s}.project-slider .dot.active{background:var(--color-primary);transform:scale(1.3)}.project-slider .thumbnails{display:grid;grid-template-columns:repeat(auto-fit, minmax(0, 1fr));gap:16px;width:100%}.project-slider .thumbnails button{position:relative;border:none;padding:0;cursor:pointer;overflow:hidden;border-radius:10px;transition:0.3s;aspect-ratio:16 / 9;width:100%}.project-slider .thumbnails button img{width:100%;height:100%;object-fit:cover;display:block;transition:0.3s}.project-slider .thumbnails button.active{outline:1px solid var(--color-primary);transform:scale(1.05)}.project-slider .thumbnails button span{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:var(--color-background);font-size:14px;opacity:0;transition:0.3s;z-index:2}.project-slider .thumbnails button:hover span{opacity:1}.project-slider .thumbnails button::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,0);transition:0.3s;z-index:1}.project-slider .thumbnails button:hover::after{background:rgba(0,0,0,0.4)}.section-info .primary-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:#C4513D1A;border-radius:10px;color:var(--color-primary);transition:all 0.3s ease}.section-info .info-box:hover .primary-icon{background-color:var(--color-primary);color:var(--color-background)}.section-info .primary-icon svg{width:24px;height:24px}.section-tech .grid-4{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:32px;margin:0 auto}.section-tech .info-box{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}.section-tech .info-box:only-child{width:256px;margin:0 auto}.tech-icon{display:flex;justify-content:center;color:var(--color-primary)}.tech-icon svg{width:32px;height:32px}.info-box>.info-text:only-child{margin:auto;text-align:center}.block.results-text, .block.results-text p{font-size:18px;color:var(--color-foreground)}.block.results-text p:not(:last-child){margin-bottom:20px;color:var(--color-foreground)}.block.results-text ul{margin:20px 0;padding-left:20px;list-style-type:disc}.block.results-text li{margin-bottom:10px}.block.results-text li>*{display:block}.blog-image{width:100%;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;position:relative}.blog-image img{width:100%;height:100%;object-fit:cover}@media (max-width: 1100px){.section-projects .grid-3{grid-template-columns:repeat(2, 1fr)}.section-hero .grid-2{grid-template-columns:1fr;gap:48px}.project-info .h3, .project-info p{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3}}@media (max-width: 820px){.section-projects .grid-3, .section-projects .grid-2{grid-template-columns:1fr}}@media (max-width: 600px){.section-projects .grid-2{grid-template-columns:1fr;gap:32px}.section-info .grid-2{grid-template-columns:1fr;gap:24px}.section-info .info-text{justify-content:center}.project-slider .thumbnails, .section-tech .grid-4{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 480px){.project-meta{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.project-meta .project-tags{padding:0 8px;margin-bottom:12px}.project-meta .project-tags li{white-space:nowrap}}@media (max-width: 375px){.section-info .info-title, .section-info .info-box{flex-direction:column;align-items:flex-start}.project-slider .slider, .project-slider .dots{display:none}.project-slider .thumbnails, .section-tech .grid-4{grid-template-columns:1fr}h1{font-size:26px}}