@keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }  :root { --artisan-accent: #A84A26;   --artisan-bronze: #8D4E2F;  --artisan-sand: #2F2F2F; --artisan-black: #F9F7F2;  --artisan-white-alpha-05: rgba(47, 47, 47, 0.03); --artisan-white-alpha-10: rgba(47, 47, 47, 0.06); --artisan-bronze-alpha-10: rgba(200, 107, 69, 0.05); --artisan-bronze-alpha-30: rgba(200, 107, 69, 0.12);  --artisan-cream-light: #FDFCFB; --artisan-sand-muted: #EAE3D9; --artisan-deep-charcoal: #1A1A1A;  --transition-main: all 0.6s cubic-bezier(0.16, 1, 0.3, 1); --transition-fast: all 0.3s ease;  --grid-gap: var(--space-md); --space-2xs: clamp(0.25rem, 0.1vw + 0.2rem, 0.4rem); --space-xs: clamp(0.5rem, 0.3vw + 0.4rem, 0.75rem); --space-sm: clamp(1rem, 0.5vw + 0.8rem, 1.25rem); --space-md: clamp(1.5rem, 1.2vw + 1.2rem, 2.5rem); --space-lg: clamp(2.5rem, 2vw + 2rem, 4rem); --space-xl: clamp(3.5rem, 3vw + 2.5rem, 6rem); --space-2xl: clamp(5rem, 4vw + 4rem, 8rem); --space-3xl: clamp(7rem, 6vw + 5rem, 12rem);  --container-max: 1100px; --section-pad-y: var(--space-2xl); --container-pad-x: var(--space-md);  --heading-margin-top: 1.8em; --heading-margin-bottom: 0.6em; --nav-height: 80px; --nav-height-mobile: 70px; }  *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; font-size: 16px; scroll-padding-top: var(--nav-height); } body { background-color: var(--artisan-black) !important; color: var(--artisan-sand); font-family: 'Inter', sans-serif; line-height: 1.7; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow-x: hidden; position: relative; }  body::before { content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.04; pointer-events: none; z-index: 9999; }  ::-webkit-scrollbar { width: 6px; } ::-webkit-scrollbar-track { background: var(--artisan-black); } ::-webkit-scrollbar-thumb { background: var(--artisan-sand-muted); border-radius: 20px; transition: var(--transition-fast); } ::-webkit-scrollbar-thumb:hover { background: var(--artisan-accent); }  .hero-aura-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: -1;  pointer-events: none; } .aura { position: absolute; border-radius: 50%; filter: blur(100px); opacity: 0.15; mix-blend-mode: multiply; animation: floatAura 25s infinite alternate ease-in-out; }  .aura-1 { width: 45vw; height: 50vw; background: var(--artisan-accent); top: -10%; left: -10%; animation-duration: 30s; } .aura-2 { width: 40vw; height: 40vw; background: var(--artisan-bronze); bottom: -5%; right: -5%; animation-duration: 35s; animation-delay: -5s; } .aura-3 { width: 30vw; height: 30vw; background: var(--artisan-sand-muted); top: 40%; left: 30%; animation-duration: 20s; } @keyframes floatAura { 0% { transform: translate(0, 0) scale(1) rotate(0deg); } 33% { transform: translate(5vw, 10vh) scale(1.1) rotate(10deg); } 66% { transform: translate(-5vw, 5vh) scale(0.9) rotate(-10deg); } 100% { transform: translate(0, 0) scale(1) rotate(0deg); } }  h1, h2, h3, h4, .brxe-heading { font-family: 'Libre Baskerville', serif !important; font-weight: 400; line-height: 1.15; color: var(--artisan-sand); text-box-trim: both; text-edge: cap alphabetic; } :is(h1, h2, h3, h4, .brxe-heading) { margin-bottom: var(--heading-margin-bottom) !important; } :is(h1, h2, h3, h4, .brxe-heading):not(:first-child) { margin-top: var(--heading-margin-top) !important; } p, .brxe-text-basic { font-weight: 300; letter-spacing: 0.015em; opacity: 0.9; max-width: 70ch; margin-bottom: var(--space-md); } em, i { font-style: italic; color: var(--artisan-bronze); } strong, b { font-weight: 500; color: var(--artisan-accent); }  .artisan-nav.brxe-section { padding-top: 0 !important; padding-bottom: 0 !important; } .artisan-nav { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; height: 80px;  display: flex; align-items: center; background: var(--artisan-accent); border-bottom: 1px solid var(--artisan-bronze); overflow: visible;  } .artisan-nav .brxe-container { display: flex; justify-content: space-between; align-items: center; width: 100%; height: 100%; max-width: var(--container-max); margin: 0 auto; padding-inline: var(--container-pad-x) !important; overflow: visible;  }  .logo-artisan { margin: 0 !important; padding: 0 !important; font-family: 'Libre Baskerville', serif; font-size: 1.1rem; letter-spacing: 0.4em; color: var(--artisan-black) !important; text-decoration: none; font-weight: 700; text-transform: uppercase; line-height: 1 !important; flex-shrink: 0; display: inline-flex !important; align-items: center; justify-content: center; transform: translateY(-1px); }  .nav-links.brxe-text-link { color: var(--artisan-black) !important; text-decoration: none; font-size: 10px !important; text-transform: uppercase; letter-spacing: 0.2em; font-weight: 500; opacity: 0.9; transition: var(--transition-main); position: relative; padding: 8px 0; display: inline-block; } .nav-links.brxe-text-link:hover, .nav-links.brxe-text-link.is-active { color: var(--artisan-black) !important; opacity: 1 !important; } .nav-links.brxe-text-link::after { content: ""; position: absolute; bottom: 0; left: 0; height: 1px; background-color: var(--artisan-black); width: 100%;  transform: scaleX(0);  transform-origin: left;  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1); } .nav-links.brxe-text-link:hover::after, .nav-links.brxe-text-link.is-active::after { transform: scaleX(1);  } .nav-content:hover .nav-links.is-active::after { width: 0; } .nav-content:hover .nav-links.is-active { opacity: 0.7; } .nav-content .nav-links:hover::after { width: 100% !important; } .nav-content .nav-links:hover { opacity: 1 !important; color: var(--artisan-black) !important; }  .nav-btn-artisan.brxe-button { background-color: var(--artisan-black) !important; color: var(--artisan-accent) !important; font-weight: 700; text-transform: uppercase; letter-spacing: 0.15em; border: 1px solid var(--artisan-black); transition: var(--transition-main); text-decoration: none; padding: 10px 24px !important; font-size: 10px !important; border-radius: 0; margin-left: 15px; display: inline-flex; align-items: center; } .nav-btn-artisan.brxe-button:hover { background-color: transparent !important; color: var(--artisan-black) !important; transform: translateY(-2px); }  .hero-section {  min-height: calc(100dvh - var(--nav-height)); margin-top: var(--nav-height);  padding-top: 0 !important; padding-bottom: 0 !important; padding-inline: var(--container-pad-x);  display: flex; flex-direction: column; justify-content: center; background-color: #FFFFFF !important; position: relative; overflow: hidden; }  .hero-section .brxe-container { margin-block: 0; } .hero-heading { font-size: clamp(3rem, 10vw, 7.2rem) !important; letter-spacing: -0.04em; line-height: 0.95; margin-top: 0 !important; margin-bottom: 0.2em !important; color: var(--artisan-sand) !important; } .hero-label, .section-tagline { color: var(--artisan-bronze) !important; text-transform: uppercase !important; letter-spacing: 6px !important; font-size: 12px !important; font-weight: 700 !important; display: block; } .line-accent { position: relative; display: inline-block; } .line-accent::after { content: ""; position: absolute; left: 0; top: calc(100% + 2rem); width: 1px; height: 120px; background: linear-gradient(to bottom, var(--artisan-accent), transparent); }  .likhauri-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: var(--grid-gap);  animation: fadeInUp 0.8s ease-out forwards; } .likhauri-card { border: 2px solid var(--artisan-accent) !important; background: var(--artisan-black) !important; padding: var(--space-md) var(--space-sm); transition: var(--transition-main); display: flex; flex-direction: column; height: 100%; justify-content: space-between; position: relative; overflow: hidden; } .likhauri-card::before { content: ""; position: absolute; top: 0; width: 100%; height: 4px; background: var(--artisan-accent); left: 0; transform: translateX(-100%); transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1); } .likhauri-card:hover { transform: translateY(-12px); background: #FFFFFF !important;  border-color: var(--artisan-bronze-alpha-30) !important; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1); } .likhauri-card:hover::before { transform: translateX(0); } .likhauri-card .brxe-block { border-top: 1px solid var(--artisan-accent); margin-top: auto; padding-top: var(--space-sm); padding-bottom: 0; }  .bricks-manifest-section, .blueprint-section { background-color: var(--artisan-sand-muted) !important; background-image: linear-gradient(rgba(47, 47, 47, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(47, 47, 47, 0.03) 1px, transparent 1px); background-size: 45px 45px; border: 1px solid var(--artisan-white-alpha-10) !important; position: relative; padding: var(--space-2xl) var(--container-pad-x); overflow: hidden; animation: fadeInUp 0.8s ease-out forwards; } .bricks-manifest-section .likhauri-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: var(--grid-gap); align-items: start; background: transparent; padding: 0; } .manifest-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: var(--space-xl); align-items: start; } .spec-list { list-style: none; padding-left: var(--space-lg); border-left: 1px solid var(--artisan-accent); border-top: none;  } .spec-list li strong { color: var(--artisan-accent); }  .artisan-footer { padding-top: var(--space-md) !important; padding-bottom: var(--space-md) !important; border-top: 1px solid var(--artisan-white-alpha-10); background-color: #000000 !important; animation: fadeInUp 0.8s ease-out forwards; } .footer-text { font-size: 11px !important; text-transform: uppercase; letter-spacing: 1.5px; font-weight: 400; opacity: 0.85; color: #FFFFFF !important; margin-bottom: 0 !important; }  .btn-artisan { display: inline-flex; align-items: center; justify-content: center; padding: 1.2rem 3.8rem !important; background-color: var(--artisan-accent) !important; color: var(--artisan-black) !important; font-weight: 600; text-transform: uppercase; letter-spacing: 0.15em; border: 1px solid var(--artisan-accent); transition: var(--transition-main); text-decoration: none; } .btn-artisan:hover { background-color: transparent !important; color: var(--artisan-accent) !important; transform: translateY(-4px); }  .btn-prev.btn-artisan { background-color: transparent !important; color: var(--artisan-sand) !important; border-color: var(--artisan-sand-muted) !important; opacity: 0.5; } .btn-prev.btn-artisan:hover { opacity: 1; background-color: var(--artisan-sand-muted) !important; } .artisan-seal { width: 140px; height: 140px; animation: rotateSeal 30s linear infinite; opacity: 0.15; pointer-events: none; } @keyframes rotateSeal { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }  .brxe-section { padding-block: var(--section-pad-y); } .brxe-container { max-width: var(--container-max); margin-inline: auto; padding-inline: var(--container-pad-x); width: 100%; }  .artisan-flow-container { width: 100%; max-width: 100%; margin: 0 auto; position: relative; min-height: 400px; animation: fadeInUp 0.8s ease-out forwards; }  .flow-progress { display: flex; gap: 8px; margin-bottom: var(--space-lg); } .progress-dot { height: 2px; flex: 1; background: var(--artisan-sand-muted); transition: var(--transition-main); } .progress-dot.is-active { background: var(--artisan-accent); }  .artisan-step, .artisan-success-message { display: none !important;  } .artisan-step.is-active { display: block !important; animation: artisanFadeIn 0.8s var(--transition-main); } .artisan-success-message.is-active { display: flex !important; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: var(--space-2xl) 0; width: 100%; } @keyframes artisanFadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }  .step-title { font-family: 'Libre Baskerville', serif !important; font-size: clamp(0.8rem, 2.5vw, 1rem) !important; color: var(--artisan-sand) !important; margin-bottom: var(--space-md) !important; margin-top: 0 !important; letter-spacing: -0.01em; font-weight: 400; } .step-paragraph { font-family: 'Libre Baskerville', serif !important; font-size: clamp(0.6rem, 2.5vw, 0.8rem) !important; color: var(--artisan-sand) !important; opacity: 0.9 !important; margin-bottom: var(--space-md) !important; margin-top: 0 !important; letter-spacing: -0.01em; font-weight: 300; }  .artisan-input-field { background: #FFFFFF !important; border: 1px solid var(--artisan-sand-muted) !important; padding: var(--space-xs) var(--space-sm); color: var(--artisan-sand) !important; width: 100%; font-size: 0.8rem; font-family: 'Inter', sans-serif; border-radius: 0; transition: var(--transition-fast); } .artisan-input-field:focus { outline: none !important; border-color: var(--artisan-accent) !important; background: #FFFFFF !important; }  .services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; margin-bottom: var(--space-lg); background: transparent; padding: 0; } .service-chip { padding: var(--space-sm); border: 1px solid var(--artisan-sand-muted); background-color: #FFFFFF; color: var(--artisan-sand); cursor: pointer; transition: var(--transition-fast); text-align: center; font-size: 10px; text-transform: uppercase; letter-spacing: 2px; } .service-chip:hover { background: var(--artisan-sand-muted); } .service-chip.selected { border-color: var(--artisan-accent); background: var(--artisan-accent); color: var(--artisan-black); font-weight: 700; } .hidden-checkbox { display: none; } .flow-nav { display: flex; gap: var(--space-md); margin-top: var(--space-lg); }  .artisan-toast-container { position: fixed; bottom: 30px; right: 30px; z-index: 10001; display: flex; flex-direction: column; gap: 10px; pointer-events: none; } .artisan-toast { pointer-events: auto; background: var(--artisan-deep-charcoal);  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); color: #FFFFFF; padding: 15px 25px; border-left: 3px solid var(--artisan-accent); font-size: 12px; text-transform: uppercase; letter-spacing: 1px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); transform: translateX(120%); transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1); } .artisan-toast.show { transform: translateX(0); } .artisan-toast.success { border-left-color: #8da98d; } .artisan-toast.error { border-left-color: var(--artisan-accent); }   .brxe-nav-nested-toggle { display: flex !important; align-items: center; justify-content: center; padding: 8px !important; height: 44px !important;  width: 44px !important; color: var(--artisan-black) !important; cursor: pointer; overflow: visible !important; }  .brxe-nav-nested-toggle span { background-color: var(--artisan-black) !important; } main>section:first-of-type, .hero-section { margin-top: var(--nav-height); }   @media (max-width: 991px) {  html {  scroll-padding-top: var(--nav-height-mobile); } .hero-section {  min-height: calc(100dvh - var(--nav-height-mobile)); margin-top: var(--nav-height-mobile); }  html body .brxe-nav-nested .brxe-toggle .brxa-inner, html body .brxe-nav-nested .brxe-toggle .brxa-inner::before, html body .brxe-nav-nested .brxe-toggle .brxa-inner::after { background-color: var(--artisan-black) !important; }  html body .brx-nav-nested-items { display: none !important;  position: absolute !important; top: var(--nav-height-mobile) !important; left: 0 !important; width: 100% !important; height: calc(100dvh - var(--nav-height-mobile)) !important; background-color: var(--artisan-accent) !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; padding-top: 60px !important; gap: 30px !important; overflow-y: auto !important; z-index: 999; }  html body .brx-nav-nested-items.is-opened { display: flex !important; }  html body .brx-nav-nested-items .menu-item { display: flex !important; justify-content: center !important; width: 100% !important; text-align: center !important; } html body .brx-nav-nested-items .menu-item a.nav-links { display: inline-block !important; width: auto !important; opacity: 1 !important; color: var(--artisan-black) !important; position: relative !important; margin: 0 auto !important; padding-inline: 0 !important; } html body .brx-nav-nested-items .menu-item a.nav-links::after { content: "" !important; position: absolute !important; bottom: 0 !important; left: 0 !important; width: 0% !important; height: 1px !important; background-color: var(--artisan-black) !important; transition: var(--transition-main) !important; } html body .brx-nav-nested-items .menu-item a.nav-links:hover::after { width: 100% !important; }  html body .brx-nav-nested-items .menu-item a.nav-btn-artisan.brxe-button { display: flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; width: 200px !important; min-height: 50px !important; margin: 0 auto !important; background-color: var(--artisan-black) !important; color: var(--artisan-accent) !important; text-decoration: none !important; }  html body .brx-nav-nested-items .menu-item a.nav-btn-artisan.brxe-button::after { display: none !important; } } @media (max-width: 767px) { :root { --heading-margin-top: 1.4em; --section-pad-y: var(--space-xl); } .artisan-footer .brxe-container { flex-direction: column; gap: var(--space-xs); text-align: center; } .btn-artisan { width: 100%; padding: 1rem 2rem !important; } .likhauri-grid { grid-template-columns: 1fr; } .flow-nav { flex-direction: column-reverse; } .artisan-toast-container { right: 20px; left: 20px; bottom: 20px; } .artisan-toast { width: 100%; text-align: center; } .manifest-grid { grid-template-columns: 1fr !important; gap: var(--space-2xs); } .spec-list { border-left: none !important; padding-left: 0 !important; border-top: 1px solid var(--artisan-accent) !important; padding-top: var(--space-md) !important; margin-top: var(--space-2xs) !important; width: 100%; } .manifest-text { text-align: left !important; display: flex; flex-direction: column; align-items: flex-start; }  .spec-list li { margin-bottom: var(--space-sm); } }