/* Omnissiah easter egg. Keeps the original document structure and layout. */
body.mechanicus {
  --bg: #131013;
  --panel: #1c1619;
  --panel-raised: #281a1c;
  --line: #54302e;
  --text: #f2e9e4;
  --muted: #c5ada6;
  --steel: #cfaa80;
  --accent: #db5949;
  --accent-hover: #fa7662;
  background: #131013;
  background-image: radial-gradient(ellipse at 88% 8%, #57181627, transparent 43%),
    linear-gradient(90deg, #bd452609 1px, transparent 1px);
  background-size: auto, 130px 130px;
}
body.mechanicus .site-header {
  background: #110c0ef7;
  border-bottom: 1px solid #9a382e80;
  box-shadow: 0 3px 18px #8f1a142a;
}
body.mechanicus .brand-mark svg { stroke: #d9a66b; filter: drop-shadow(0 0 4px #ae3a29aa); }
body.mechanicus .brand-amp { color: #ef6854; }
body.mechanicus .brand small { color: #d3a07f; letter-spacing: .16em; }
body.mechanicus .desktop-nav a:hover,
body.mechanicus .mobile-nav a:hover { color: #ffc5a6; }
body.mechanicus .header-contact,
body.mechanicus .button.secondary { border-color: #9b6254; color: #f5d1bb; }
body.mechanicus .header-contact:hover,
body.mechanicus .button.secondary:hover { border-color: #f09a6f; background: #53221f55; }
body.mechanicus .hero { border-color: #642a28; }
body.mechanicus .hero-media { background: #130c0f; }
body.mechanicus .hero-media img { filter: saturate(.77) contrast(1.14) sepia(.19); }
body.mechanicus .hero-media::after {
  background:
    linear-gradient(90deg, #130c10 0%, #130c10fa 16%, #170e10cc 39%, #250c1345 76%, #290e1414),
    linear-gradient(0deg, #130c10 0%, transparent 28%, transparent 72%, #17070a71),
    linear-gradient(100deg, transparent 55%, #8c171626 82%, #c843211e);
}
body.mechanicus .hero::before {
  content: '⚙';
  position: absolute;
  right: 3%;
  top: 6%;
  z-index: 0;
  color: #c14537;
  font-size: clamp(210px, 26vw, 440px);
  line-height: 1;
  opacity: .13;
  transform: rotate(-16deg);
  text-shadow: 0 0 70px #da301e;
  pointer-events: none;
}
body.mechanicus .hero-layout { z-index: 1; }
body.mechanicus .hero-copy > .eyebrow,
body.mechanicus .hero-image-label { color: #dfa987; }
body.mechanicus .eyebrow { color: #d4a18a; }
body.mechanicus .location-dot { background: #e95342; box-shadow: 0 0 14px #e95342aa; }
body.mechanicus .hero h1 span,
body.mechanicus #about-title span,
body.mechanicus #contacts-title span,
body.mechanicus #faq-title span { color: #e96958; }
body.mechanicus .hero-service { color: #f2d7c5; }
body.mechanicus .hero-description { color: #d9beb3; }
body.mechanicus .hero-caption .caption-line { background: #db5949; box-shadow: 0 0 10px #db5949; }
body.mechanicus .hero-caption p,
body.mechanicus .hero-caption strong { color: #e2c4ba; }
body.mechanicus .button.primary {
  background: #a72c25;
  border-color: #e3624d;
  color: #fff0dc;
  box-shadow: inset 0 0 0 1px #e98b583a, 0 0 16px #b722273e;
}
body.mechanicus .button.primary:hover { background: #c74434; box-shadow: 0 0 24px #ed51404f; }
body.mechanicus .principles {
  border-color: #6e3430;
  box-shadow: inset 0 -1px #9a3c3633;
}
body.mechanicus .principles span,
body.mechanicus .principles .icon { color: #d7baa4; }
body.mechanicus .section-heading .eyebrow,
body.mechanicus .about-copy .eyebrow { color: #e16754; }
body.mechanicus .section-heading .eyebrow::before,
body.mechanicus .about-copy .eyebrow::before { content: '+ '; }
body.mechanicus .service-grid { border-color: #6f3630; }
body.mechanicus .service-card {
  border-color: #5c3330;
  background-image: linear-gradient(145deg, transparent 84%, #a5342612);
}
body.mechanicus .service-card:hover { background-color: #2b191a; }
body.mechanicus .service-card > .icon { color: #dbad74; filter: drop-shadow(0 0 6px #d856321f); }
body.mechanicus .service-card h3 { color: #f3dbcc; }
body.mechanicus .service-card p { color: #c9aea3; }
body.mechanicus .service-index { color: #ac6759; }
body.mechanicus .calculator-section,
body.mechanicus .faq-section { background: #1b1315; border-color: #4d2526; }
body.mechanicus .calculator { background: #1b1518; border-color: #744038; }
body.mechanicus .category-fieldset { border-color: #56302e; }
body.mechanicus .choice-content { background: #241a1c; color: #dfc3b6; border-color: #67413b; }
body.mechanicus .choice input:checked + .choice-content {
  background: #63271f; color: #fff0e2; border-color: #e18562;
}
body.mechanicus .choice input:hover + .choice-content { border-color: #c57b5d; }
body.mechanicus .radio-dot { border-color: #b87b68; }
body.mechanicus .choice input:checked + .choice-content .radio-dot::after { background: #efb684; }
body.mechanicus .calculator-result { background: #29191c; border-color: #6c3932; }
body.mechanicus .estimate-box { border-color: #6d4138; }
body.mechanicus .demo-badge { border-color: #bb785c; color: #e9b38d; }
body.mechanicus .about-photo { box-shadow: 0 0 0 1px #8d4a3c66, 0 0 28px #8c23121e; }
body.mechanicus .about-photo img { filter: sepia(.18) saturate(.85); }
body.mechanicus .about-point { border-color: #613b36; }
body.mechanicus .steps li { border-color: #89483f; }
body.mechanicus .big-step { color: #c35e4e; }
body.mechanicus .faq-item { border-color: #5e3633; }
body.mechanicus .faq-item summary h3 { color: #ead9d0; }
body.mechanicus .faq-item summary:hover h3 { color: #ffb79d; }
body.mechanicus .faq-plus { border-color: #92574a; }
body.mechanicus .faq-plus::before,
body.mechanicus .faq-plus::after { background: #dd9c79; }
body.mechanicus .faq-aside-mark { color: #d66e53; }
body.mechanicus .contact-panel { background: #201719; border-color: #9b5145; box-shadow: 0 0 24px #a421151a; }
body.mechanicus .contact-details > div { border-color: #6a3c36; }
body.mechanicus .footer { border-color: #743a34; }
body.mechanicus .footer-brand span { color: #c58d79; }
body.mechanicus .text-link:hover { color: #e88e71; }

.mechanicus-toggle {
  flex: 0 0 auto;
  padding: 9px 12px;
  border: 1px solid #505052;
  border-radius: 4px;
  background: #202124;
  font-size: 11px;
  letter-spacing: .025em;
  color: #999e9f;
  transition: border-color .2s, background .2s, color .2s, box-shadow .2s;
}
.mechanicus-toggle:hover,
.mechanicus-toggle:focus-visible {
  color: #f2c5a2;
  border-color: #b87862;
  background: #322122;
}
body.mechanicus .mechanicus-toggle {
  color: #ffcfaa;
  border-color: #c44b3c;
  background: #371b1c;
  box-shadow: 0 0 14px #bb271b22;
}
.mechanicus-warranty {
  margin-bottom: 30px;
  padding: 18px 22px;
  background: #261517;
  border: 1px solid #704039;
  border-radius: 4px;
  color: #f3c39f;
  text-align: center;
}
.mechanicus-warranty strong {
  display: block;
  font-size: 13px;
  letter-spacing: .04em;
  margin-bottom: 5px;
}
.mechanicus-warranty span { display: block; font-size: 11px; color: #d4b1a3; }
.mechanicus-warranty a { text-decoration: underline; text-underline-offset: 3px; }
.mechanicus-init {
  position: fixed;
  z-index: 1000;
  inset: 0;
  display: grid;
  place-items: center;
  background: radial-gradient(circle at center, #481c1e 0%, #090808 70%);
  color: #f2cfaa;
  padding: 24px;
  overflow: auto;
}
.mechanicus-init::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: repeating-linear-gradient(to bottom, #00000000 0 4px, #00000024 5px 6px);
}
.mechanicus-init-box {
  width: min(100%, 620px);
  padding: clamp(24px, 5vw, 54px);
  text-align: center;
  border: 1px solid #a54334;
  background: #190e10;
  box-shadow: 0 0 0 4px #230e10, 0 0 70px #d127202c, inset 0 0 60px #8c26150d;
}
.mechanicus-init-seal {
  display: block;
  font-size: 78px;
  color: #e7ae75;
  line-height: 1;
  text-shadow: 0 0 34px #c22b1f8c;
  animation: mechanicus-rotate 10s linear infinite;
}
.mechanicus-init-label {
  display: block;
  margin-top: 26px;
  color: #c99076;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
}
.mechanicus-init-message {
  min-height: 33px;
  margin-top: 20px;
  font: 14px/1.5 Consolas, monospace;
  color: #f8b996;
}
.mechanicus-init-progress {
  display: block;
  height: 5px;
  margin: 15px 0 24px;
  background: #4a2426;
  border: 1px solid #865042;
}
.mechanicus-init-progress > span {
  display: block;
  height: 100%;
  width: 100%;
  transform-origin: left;
  background: linear-gradient(90deg, #b63229, #f4a16c);
  animation: mechanicus-progress 1.6s linear both;
}
.mechanicus-init-final { font-size: 12px; letter-spacing: .16em; color: #c7a58d; }
@keyframes mechanicus-progress { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes mechanicus-rotate { to { transform: rotate(360deg); } }
@media (max-width: 760px) {
  .mechanicus-toggle { min-height: 44px; }
  .mechanicus-warranty { margin-bottom: 22px; }
  body.mechanicus .hero::before { right: -25%; top: 20%; opacity: .085; }
}
@media (prefers-reduced-motion: reduce) {
  .mechanicus-init-seal,
  .mechanicus-init-progress > span { animation: none; }
  .mechanicus-toggle { transition: none; }
}


/* COMPLETE ADEPTUS SECRETUS EDITION: every original section gains its own ritual skin. */
.mechanicus-ribbon,
.mechanicus-creed,
.mechanicus-about-mantra,
.mechanicus-customer-note,
.mechanicus-faq-litany { display: none; }

body.mechanicus { 
  font-family: "Segoe UI", Arial, sans-serif;
  background:
    radial-gradient(ellipse at 60% 8%, #60201b2c, transparent 35%),
    repeating-linear-gradient(90deg, #f15f1c08 0 1px, transparent 1px 132px),
    linear-gradient(180deg, #170e10 0%, #120f10 48%, #180d10 100%);
}
body.mechanicus::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 27;
  pointer-events: none;
  background: repeating-linear-gradient(0deg, transparent 0 5px, #f8581e09 6px 7px);
  opacity: .65;
}
body.mechanicus h1,
body.mechanicus h2,
body.mechanicus .contact-intro h2,
body.mechanicus .faq-intro h2 {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 700;
  letter-spacing: -.035em;
}
body.mechanicus .section-heading h2,
body.mechanicus .about-copy h2,
body.mechanicus .contact-intro h2 { text-shadow: 0 0 27px #8f2c1b22; }
body.mechanicus .eyebrow { font-family: Consolas, monospace; }
body.mechanicus .mechanicus-ribbon {
  display: block;
  height: 27px;
  line-height: 27px;
  text-align: center;
  background: linear-gradient(90deg, #180c10, #4f191c 50%, #180c10);
  border-bottom: 1px solid #9c442e;
  color: #dbaf89;
  font: 10px/27px Consolas, monospace;
  letter-spacing: .17em;
  overflow: hidden;
  white-space: nowrap;
}
body.mechanicus .site-header {
  box-shadow: 0 12px 22px #12080aba, inset 0 -2px 0 #91322388;
}
body.mechanicus .header-inner { position: relative; }
body.mechanicus .site-header::before,
body.mechanicus .site-header::after {
  content: "✣";
  color: #9f5834;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
body.mechanicus .site-header::before { left: 8px; }
body.mechanicus .site-header::after { right: 8px; }
body.mechanicus .brand { color: #f6dbb8; }
body.mechanicus .brand-mark {
  position: relative;
  padding: 3px;
  width: 41px;
  height: 41px;
  border: 1px solid #a16347;
  box-shadow: inset 0 0 8px #f08e3d3d, 0 0 12px #c9322033;
  transform: rotate(-4deg);
}
body.mechanicus .brand-mark svg { transform: rotate(4deg); }
body.mechanicus .desktop-nav a { color: #c8a89d; }
body.mechanicus .desktop-nav a:hover { color: #ffe0b0; text-shadow: 0 0 10px #ec583e88; }
body.mechanicus .header-contact {
  border-radius: 0;
  clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px);
  background: #4a171a77;
  border-color: #b75743;
}
body.mechanicus .mobile-nav { background: #1f1115; border-color: #8a372c; }
body.mechanicus .mobile-nav a { color: #e0baac; border-bottom: 1px solid #63282055; }
body.mechanicus .hero {
  border-bottom: 2px solid #9a4331;
  box-shadow: inset 0 -22px 65px #a82b1b20;
}
body.mechanicus .hero::before {
  content: "⚙";
  right: 5%;
  top: 13%;
  font-size: clamp(300px, 30vw, 540px);
  opacity: .16;
  color: #d55735;
  text-shadow: 0 0 60px #fb251d55;
  transform: rotate(-18deg);
}
body.mechanicus .hero-copy {
  padding: 28px 36px 28px 26px;
  border-left: 2px solid #b34f35;
  background: linear-gradient(90deg, #160c0fd9, #200f11aa 64%, transparent);
  box-shadow: -17px 0 24px -24px #ec5737a6;
}
body.mechanicus .hero h1 {
  max-width: 780px;
  font-size: clamp(47px, 6vw, 91px);
  line-height: 1.04;
  text-transform: uppercase;
  color: #f1e1cf;
  text-shadow: 0 2px 1px #160e0f, 0 0 21px #af2e233e;
}
body.mechanicus .hero h1 span { color: #ea7861; }
body.mechanicus .hero-service {
  font-family: Georgia, serif;
  font-size: clamp(18px, 2vw, 27px);
  color: #f0bb88;
}
body.mechanicus .hero-description { font-size: 15px; line-height: 1.9; }
body.mechanicus .hero-caption {
  padding: 10px 13px;
  border: 1px solid #a13d2b66;
  background: #170b0d99;
  width: fit-content;
}
body.mechanicus .hero-image-label {
  color: #f6bf91;
  background: #2a1011d9;
  border: 1px solid #9a4933;
  padding: 7px 12px;
}
body.mechanicus .button {
  border-radius: 0;
  clip-path: polygon(9px 0, 100% 0, 100% calc(100% - 9px), calc(100% - 9px) 100%, 0 100%, 0 9px);
  letter-spacing: .02em;
}
body.mechanicus .button.primary { border-color: #fa8a61; }
body.mechanicus .button.primary:hover { box-shadow: 0 0 28px #f04d3366; }
body.mechanicus .principles {
  background: linear-gradient(90deg, #240f13, #3617197d, #240f13);
  border-top: 1px solid #642a27;
  border-bottom: 1px solid #8a372c;
  padding: 17px 26px;
  margin-top: 0;
}
body.mechanicus .principles span { font: 12px/1.7 Georgia, serif; color: #e3c19e; }
body.mechanicus .principles .icon { color: #e9a35a; }
body.mechanicus .mechanicus-creed {
  display: grid;
  grid-template-columns: 90px minmax(0,1fr) minmax(200px, .45fr);
  align-items: center;
  gap: 22px;
  margin-top: 48px;
  margin-bottom: 18px;
  min-height: 160px;
  padding: 22px 30px;
  background: linear-gradient(120deg, #2b1115, #180f11 50%, #2c1518);
  border: 1px solid #9e4c37;
  box-shadow: inset 0 0 0 4px #10090c, 0 0 40px #b7281612;
  position: relative;
}
body.mechanicus .mechanicus-creed::before,
body.mechanicus .mechanicus-creed::after {
  content: "✣";
  position: absolute;
  color: #dd8c55;
  font-size: 20px;
}
body.mechanicus .mechanicus-creed::before { top: -12px; left: -10px; }
body.mechanicus .mechanicus-creed::after { bottom: -14px; right: -10px; }
body.mechanicus .mechanicus-creed-sigil {
  display: grid;
  place-items: center;
  color: #e7b171;
  font: 75px/1 Georgia, serif;
  text-shadow: 0 0 23px #d6442d61;
}
body.mechanicus .mechanicus-creed-tag {
  font: 10px/1.6 Consolas, monospace;
  letter-spacing: .12em;
  color: #d76652;
}
body.mechanicus .mechanicus-creed h2 {
  font-size: clamp(20px, 2.3vw, 31px);
  margin: 7px 0 10px;
  color: #f0d2b7;
}
body.mechanicus .mechanicus-creed p { color: #d5ab96; font-size: 13px; }
body.mechanicus .mechanicus-creed-master {
  padding-left: 20px;
  border-left: 1px solid #8b4033;
  display: flex; flex-direction: column; gap: 6px;
  color: #d6a887;
}
body.mechanicus .mechanicus-creed-master small { font: 10px Consolas, monospace; letter-spacing: .1em; }
body.mechanicus .mechanicus-creed-master strong { font: 26px Georgia, serif; color: #f7d6a4; }
body.mechanicus .mechanicus-creed-master span { font-size: 11px; line-height: 1.6; }
body.mechanicus .section { padding-block: 105px; }
body.mechanicus .section-heading { border-bottom: 1px solid #6a352b; padding-bottom: 23px; }
body.mechanicus .section-heading .eyebrow { font-size: 11px; color: #e08568; }
body.mechanicus .section-heading h2 { color: #f1dbce; }
body.mechanicus .service-grid { gap: 14px; border: none; }
body.mechanicus .service-card {
  min-height: 224px;
  padding: 24px 23px 26px;
  border: 1px solid #804433;
  background:
    linear-gradient(145deg, #39191caa 0, #1c1317 36%, #1b1315 72%, #57221b66 100%);
  box-shadow: inset 0 0 0 3px #160d0f, 0 0 18px #b6311710;
  clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 16px 100%, 0 calc(100% - 16px));
}
body.mechanicus .service-card:hover {
  border-color: #ea8a5f;
  background-color: #3e171a;
  transform: translateY(-3px);
  box-shadow: inset 0 0 0 3px #160d0f, 0 0 22px #dc512738;
}
body.mechanicus .service-card > .icon {
  width: 42px; height: 42px;
  color: #e6ae6e;
}
body.mechanicus .service-card h3 {
  font-family: Georgia, serif;
  font-weight: 700;
  letter-spacing: -.02em;
  color: #f3d5b4;
}
body.mechanicus .service-index { color: #d17459; }
body.mechanicus .services-bottom { border-top: 1px solid #754039; }
body.mechanicus #calculator {
  background:
    radial-gradient(ellipse at 88% 10%, #70221e37, transparent 42%),
    repeating-linear-gradient(0deg, #fb513505 0 1px, transparent 1px 55px), #1a1113;
}
body.mechanicus .calculator {
  border: 1px solid #ad5b42;
  border-radius: 0;
  box-shadow: 0 0 0 5px #120b0d, inset 0 0 35px #5c20221d;
}
body.mechanicus .category-fieldset { background: #25161a; }
body.mechanicus .category-options { gap: 10px; }
body.mechanicus legend { color: #f2cfb5; font-family: Georgia, serif; }
body.mechanicus .step-number {
  color: #f4c39a;
  border: 1px solid #c77b53;
  background: #53261d;
  font-family: Georgia, serif;
}
body.mechanicus .choice-content { border-radius: 0; box-shadow: inset 0 0 0 2px #160e11; }
body.mechanicus .choice .icon { color: #c88760; }
body.mechanicus .calculator-inputs { background: linear-gradient(130deg, #1f1416, #271718); }
body.mechanicus .fault-choice .choice-content { background: #231719; }
body.mechanicus .fault-choice input:checked + .choice-content { background: #5e2522; }
body.mechanicus .calculator-result {
  background: linear-gradient(145deg, #361a1d, #1b1215 70%);
  border-left: 1px solid #91513a;
}
body.mechanicus .device-model svg { filter: drop-shadow(0 0 8px #b6322350) sepia(.23); }
body.mechanicus .device-dot { background: #e76e58; box-shadow: 0 0 10px #ef674d; }
body.mechanicus .estimate { color: #f5ca91; font-family: Georgia, serif; }
body.mechanicus .demo-badge { letter-spacing: .1em; background: #4b2624; color: #efba93; }
body.mechanicus .request-hint,
body.mechanicus .price-notice { color: #d0a893; }
body.mechanicus .about-photo {
  border: 1px solid #ad5b3d;
  border-radius: 0;
  box-shadow: 0 0 0 6px #140d0f, 0 0 0 7px #5e3027;
}
body.mechanicus .about-photo::before {
  content: "+++ АРХИВ КРЕМНИЕВЫХ РЕЛИКВИЙ +++";
  position: absolute;
  z-index: 2; top: 15px; left: 16px;
  font: 10px Consolas, monospace; letter-spacing: .12em; color: #f8bc8a;
  padding: 6px 9px; background: #200d0ec9; border: 1px solid #a94e34;
}
body.mechanicus .about-photo .photo-label { color: #efbb8a; }
body.mechanicus .about-copy h2 { color: #f4dac8; }
body.mechanicus .about-point { border-color: #8c4b3c; }
body.mechanicus .about-point > span { color: #e17956; }
body.mechanicus .about-point h3 { color: #f1cfaf; font-family: Georgia, serif; }
body.mechanicus .mechanicus-about-mantra {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 28px;
  padding: 22px;
  background: linear-gradient(90deg, #4c201e, #241316);
  border-left: 3px solid #d87850;
}
body.mechanicus .mechanicus-about-mantra span { font: 10px Consolas, monospace; letter-spacing: .15em; color: #e29d70; }
body.mechanicus .mechanicus-about-mantra strong { font: 18px/1.5 Georgia, serif; color: #f5ceaf; }
body.mechanicus .steps li {
  border-top: 2px solid #bd603c;
  padding-left: 10px;
  background: linear-gradient(180deg, #52211d1b, transparent 110px);
}
body.mechanicus .big-step {
  font: 72px/1 Georgia, serif;
  color: #a64836;
  text-shadow: 0 0 16px #f35a291f;
}
body.mechanicus .steps h3 { font-family: Georgia, serif; font-size: 23px; color: #eec8aa; }
body.mechanicus .faq-section {
  background: linear-gradient(180deg, #230f14, #1a1315 48%, #1c1114);
  border-block: 2px solid #8b4435;
}
body.mechanicus .faq-group-label { font: 11px/1.5 Consolas, monospace; color: #d48464; }
body.mechanicus .faq-item { border-color: #784334; }
body.mechanicus .faq-item summary h3 {
  font-family: Georgia, serif;
  font-size: clamp(18px, 2.1vw, 24px);
  color: #f0d2bb;
}
body.mechanicus .faq-item[open] summary h3 { color: #f5ab81; }
body.mechanicus .faq-item[open] {
  background: linear-gradient(90deg, #46201d41, #2214161a);
  box-shadow: inset 4px 0 #a84b36;
}
body.mechanicus .faq-answer {
  padding-top: 14px;
  color: #d9b6a7;
}
body.mechanicus .faq-answer strong { color: #f5d2b4; }
body.mechanicus .faq-answer .faq-callout {
  border-left: 2px solid #c57556; background: #30191b; color: #edb99f;
}
body.mechanicus .mechanicus-faq-litany {
  display: block;
  padding: 12px 15px;
  margin: 0 0 20px;
  border: 1px solid #874b3b;
  background: #30171a;
  font: 11px/1.7 Consolas, monospace;
  letter-spacing: .05em;
  color: #f1a977;
}
body.mechanicus .faq-aside { border-left-color: #c46145; }
body.mechanicus .faq-aside-mark { font-size: 33px; color: #e6aa6b; }
body.mechanicus .faq-topics a:hover span { color: #f5c5a0; }
body.mechanicus .contact-panel {
  background: radial-gradient(ellipse at 100% 0%, #6a26212e, transparent 62%), #241519;
  border: 1px solid #ac5d43;
  border-radius: 0;
  box-shadow: 0 0 0 6px #130e10, 0 0 27px #b731221a;
}
body.mechanicus .contact-intro h2 { color: #f4d4be; }
body.mechanicus .contact-details { background: #1e1215; }
body.mechanicus .detail-label { color: #d28c69; }
body.mechanicus .contact-details p { color: #efd3bc; }
body.mechanicus .contact-links a,
body.mechanicus .phone-call { border-color: #885440; color: #edbd9c; }
body.mechanicus .contact-links a:hover { background: #572d21; border-color: #e17b55; }
body.mechanicus .footer {
  border-top: 2px solid #a94d38;
  background: linear-gradient(90deg, #220f12, #1c1013);
  padding-inline: 18px;
}
body.mechanicus .footer-brand { color: #f6c78c; font-family: Georgia, serif; }
body.mechanicus .mechanicus-toggle {
  color: #f9c8a4;
  font: 13px Georgia, serif;
  padding: 12px 18px;
  border-radius: 0;
  border: 1px solid #e06643;
  background: linear-gradient(135deg, #622520, #271214);
  box-shadow: 0 0 19px #dd392e44, inset 0 0 11px #e1502b24;
}
body.mechanicus .mechanicus-toggle:hover { color: #fff1cd; background: #963629; border-color: #f3ae72; }
body.mechanicus .mechanicus-warranty {
  border: 1px solid #a65c43;
  background: #2b1719;
  box-shadow: 0 0 0 3px #160d10, 0 0 22px #b4261c24;
}
body.mechanicus .mechanicus-warranty strong { font-family: Georgia, serif; font-size: 18px; }
body.mechanicus #request-dialog {
  color: #f4d7c3;
  background: #1c1115;
  border: 2px solid #b65c42;
  border-radius: 0;
  box-shadow: 0 0 0 5px #120a0d, 0 18px 80px #000d;
}
body.mechanicus #request-dialog::backdrop { background: #100608d9; backdrop-filter: blur(5px); }
body.mechanicus .dialog-content { background: #1e1215; }
body.mechanicus .dialog-content h2 { font-family: Georgia, serif; color: #f3caab; }
body.mechanicus #request-text {
  background: #0d0a0c;
  color: #f0e0d6;
  border: 1px solid #9a5945;
  border-radius: 0;
}
body.mechanicus .dialog-close { border-color: #9d5b48; color: #e9bb9e; }
body.mechanicus .mechanicus-customer-note {
  display: block;
  margin: 5px 0 13px;
  color: #cc957c;
  font: 11px/1.6 Consolas, monospace;
}
body.mechanicus .mechanicus-init-box {
  border: 2px solid #c36e4e;
  box-shadow: 0 0 0 8px #250f12, 0 0 85px #e0322742, inset 0 0 40px #791b1926;
  background: repeating-linear-gradient(0deg, #251316 0 2px, #170d0f 3px 7px);
  clip-path: polygon(18px 0, 100% 0, 100% calc(100% - 18px), calc(100% - 18px) 100%, 0 100%, 0 18px);
}
body.mechanicus .mechanicus-init-label,
body.mechanicus .mechanicus-init-final { font-family: Georgia, serif; }
@media (max-width: 1000px) {
  body.mechanicus .mechanicus-creed { grid-template-columns: 60px 1fr; }
  body.mechanicus .mechanicus-creed-sigil { font-size: 58px; }
  body.mechanicus .mechanicus-creed-master { grid-column: 2; }
}
@media (max-width: 760px) {
  body.mechanicus .mechanicus-ribbon { font-size: 8px; letter-spacing: .08em; height: 22px; line-height: 22px; }
  body.mechanicus .hero-copy { padding: 18px 12px 18px 17px; border-left-width: 2px; }
  body.mechanicus .hero h1 { font-size: clamp(38px, 10vw, 62px); }
  body.mechanicus .mechanicus-creed { grid-template-columns: 1fr; padding: 22px; margin-top: 28px; gap: 8px; }
  body.mechanicus .mechanicus-creed-sigil { display: none; }
  body.mechanicus .mechanicus-creed-master { grid-column: auto; padding: 12px 0 0; border-left: 0; border-top: 1px solid #8b4033; }
  body.mechanicus .service-grid { gap: 9px; }
  body.mechanicus .service-card { min-height: 160px; padding: 17px 12px; }
  body.mechanicus .section { padding-block: 60px; }
  body.mechanicus .principles { padding: 16px 10px; }
  body.mechanicus .principles span { font-size: 11px; }
  body.mechanicus .faq-answer { padding-left: 18px; padding-right: 15px; }
}
@media (max-width: 380px) {
  body.mechanicus .mechanicus-ribbon { letter-spacing: 0; font-size: 7px; }
  body.mechanicus .hero h1 { font-size: 35px; }
  body.mechanicus .mechanicus-creed h2 { font-size: 22px; }
}
@media (prefers-reduced-motion: reduce) {
  body.mechanicus .service-card { transition: none; transform: none; }
}


/* Original vector crest, drawn for this secret mode, not a third-party image. */
body.mechanicus .mechanicus-creed-sigil {
  width: 88px;
  height: 88px;
  font-size: 0;
  background: center / contain no-repeat url("assets/mechanicus-insignia.svg");
  filter: drop-shadow(0 0 14px #db492d68);
}
body.mechanicus .hero::before {
  content: "";
  width: clamp(230px, 36vw, 500px);
  height: clamp(230px, 36vw, 500px);
  right: 3%;
  top: 8%;
  opacity: .24;
  background: center / contain no-repeat url("assets/mechanicus-insignia.svg");
  transform: rotate(-11deg);
  filter: drop-shadow(0 0 42px #f13b2a66);
  font-size: 0;
}
body.mechanicus #services .section-heading::after,
body.mechanicus #faq .faq-intro::after {
  content: "+++ IN NOMINE OMNISSIAH +++";
  display: block;
  margin-top: 16px;
  color: #9f6b57;
  font: 9px/1.5 Consolas, monospace;
  letter-spacing: .12em;
}
body.mechanicus #request-dialog .eyebrow::before {
  content: "⚙  ";
  color: #dc8059;
}
@media (max-width: 760px) {
  body.mechanicus .mechanicus-creed-sigil { display: none; }
  body.mechanicus .hero::before { right: -28%; top: 22%; opacity: .12; }
}


/* Archmagos title needs room on narrow screens; never change normal contact data. */
body.mechanicus .mechanicus-creed-master strong {
  font-size: clamp(18px, 1.9vw, 26px);
  line-height: 1.18;
  overflow-wrap: anywhere;
}
body.mechanicus #contact-master {
  font-size: clamp(17px, 1.7vw, 24px);
  line-height: 1.3;
  overflow-wrap: anywhere;
}
body.mechanicus #request-master { overflow-wrap: anywhere; }
