@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Oswald:wght@400;500;600;700&display=swap');
:root{--bg:#11110f;--panel:#1d1b17;--gold:#c9a763;--light:#f5e6c2;--muted:#a69a80;--line:#6b5431;--white:#fffaf0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Manrope,Arial,sans-serif}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}.wrap{max-width:1190px;padding:0 24px;margin:auto}.nav{height:85px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff16}.logo{font:700 28px Oswald,sans-serif;letter-spacing:.13em;color:var(--light);display:inline-flex;align-items:center;position:relative;transition:transform .3s cubic-bezier(.2,.8,.2,1),filter .3s ease}.logo span{color:var(--gold)}.logo img{display:block;height:auto;max-width:230px;transition:transform .35s cubic-bezier(.2,.8,.2,1),filter .35s ease,opacity .3s ease;filter:drop-shadow(0 4px 8px rgba(0,0,0,.24))}.logo::after{content:'';position:absolute;left:8%;right:8%;bottom:-4px;height:16px;border-radius:999px;background:radial-gradient(circle,#d8b76b55 0,rgba(216,183,107,0) 72%);opacity:0;transform:translateY(4px) scale(.88);pointer-events:none;transition:opacity .35s ease,transform .35s ease}@media (hover:hover) and (pointer:fine){.logo:hover{transform:translateY(-2px)}.logo:hover img{transform:translateY(-2px) scale(1.03);filter:drop-shadow(0 10px 16px rgba(0,0,0,.34)) drop-shadow(0 0 12px rgba(214,164,87,.35)) brightness(1.08)}.logo:hover::after{opacity:1;transform:translateY(0) scale(1)}}.navlinks{display:flex;gap:28px;color:#d5c8a8;font-size:13px}.navlinks a:hover{color:#fff}.btn{border:1px solid #b7975c;background:linear-gradient(145deg,#e9d099,#b99751);color:#16140f;padding:16px 25px;border-radius:9px;font-weight:800;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 10px 35px #9b722125;transition:.2s}.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.btn.out{background:#201d16;color:var(--light);box-shadow:none}.eyebrow{font-weight:800;letter-spacing:.28em;font-size:11px;color:var(--gold);text-transform:uppercase}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 76% 42%,#76552b55,transparent 37%),linear-gradient(125deg,#161510,#201c15 65%,#161510)}.hero:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0f0e0bcc 0 18%,#0000 42% 62%,#8c642720 100%),radial-gradient(circle at 18% 52%,#8b66301f 0 18%,#0000 44%),radial-gradient(circle at 84% 22%,#d8b87412 0 10%,#0000 32%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 700'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23906a35' stop-opacity='.24'/%3E%3Cstop offset='1' stop-color='%23000000' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='1000' cy='180' r='220' fill='url(%23g)'/%3E%3Ccircle cx='1120' cy='540' r='180' fill='url(%23g)'/%3E%3Cpath d='M40 520 C200 430 280 610 420 520 S700 450 860 520' fill='none' stroke='%23caa65f' stroke-opacity='.08' stroke-width='2'/%3E%3Cpath d='M60 565 C220 475 300 655 440 565 S720 495 880 565' fill='none' stroke='%23caa65f' stroke-opacity='.05' stroke-width='1.5'/%3E%3C/svg%3E");background-size:cover,auto,auto,cover;background-position:center}.hero-grid{position:relative;z-index:1;min-height:635px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:38px}.hero h1{font:700 clamp(67px,8.5vw,126px)/.92 Oswald,Arial,sans-serif;letter-spacing:.012em;margin:18px 0 25px;color:var(--light);text-shadow:4px 6px 0 #4a3720,0 12px 32px #000}.hero h1 span{color:var(--gold)}.hero p{font-size:16px;line-height:1.8;max-width:470px;color:#c9bc9e;margin:0 0 32px}.meta{display:flex;gap:22px;margin-top:33px;color:#bdb096;font-size:12px}.meta b{color:#e3c98e}.visual{height:500px;position:relative;display:grid;place-items:center}.hero-art{width:min(100%,480px);max-height:100%;object-fit:contain;filter:drop-shadow(18px 25px 25px #0007)}.stamp{position:absolute;z-index:3;border:1px solid #d6b16f;border-radius:9px;color:#1b160f;background:linear-gradient(145deg,#ead39d,#ad874b);padding:12px 18px;font:700 21px Oswald;transform:rotate(9deg);box-shadow:5px 7px #0005}.stamp.s1{top:45px;right:0}.stamp.s2{bottom:32px;left:0;transform:rotate(-7deg)}.section{padding:100px 0}.section-head{margin-bottom:40px}.section h2{font:600 clamp(43px,5.2vw,66px)/1.1 Oswald;margin:12px 0;color:var(--light);text-transform:uppercase}.section-head p{max-width:540px;color:var(--muted);line-height:1.7}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature,.job,.contact-card{border:1px solid #59482c;background:linear-gradient(155deg,#252116,#191813);border-radius:15px;padding:26px;position:relative;overflow:hidden}.feature:before,.job:before{content:'';position:absolute;width:150px;height:150px;background:#98733416;border-radius:100%;right:-60px;top:-60px}.feature .ico{width:58px;height:58px;border:1px solid #9f7e48;border-radius:13px;background:#4d3a233b;display:grid;place-items:center;font-size:29px;margin-bottom:29px}.feature h3,.job h3{font:600 24px Oswald;margin:0 0 11px;color:#efd49a}.feature p,.job p{font-size:13px;color:#ada188;line-height:1.8;margin:0}.contacts{position:relative;overflow:hidden;background:linear-gradient(120deg,#302717,#211c13 55%,#151510);border-block:1px solid #524126}.contacts:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 15% 30%,#b8893c1a 0 16%,#0000 36%),radial-gradient(circle at 83% 68%,#dbb76b12 0 14%,#0000 32%),linear-gradient(90deg,#0000 0,#ffffff04 48%,#0000 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 500'%3E%3Crect width='1200' height='500' fill='none'/%3E%3Cg stroke='%23d2af6a' stroke-opacity='.06' fill='none'%3E%3Cpath d='M-60 420 C120 340 210 470 350 405 S590 310 760 385 1010 455 1260 330' stroke-width='2'/%3E%3Cpath d='M-80 450 C100 370 190 500 330 435 S570 340 740 415 990 485 1240 360' stroke-width='1.3'/%3E%3C/g%3E%3C/svg%3E");background-size:auto,auto,auto,cover;background-position:center}.contacts > .wrap{position:relative;z-index:1}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.contact-card{min-height:215px;display:flex;flex-direction:column;align-items:flex-start}.contact-card .ico{font-size:34px;margin-bottom:16px}.contact-card h3{font:600 23px Oswald;color:var(--light);margin:0 0 18px}.contact-card .btn{margin-top:auto;width:100%;padding:13px}.jobs{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.job{min-height:310px;display:flex;flex-direction:column}.job .tag{align-self:start;color:#f2dcae;background:#70552d4a;border:1px solid #9d7b43;padding:6px 12px;font-size:11px;border-radius:30px;margin-bottom:30px}.job h3{font-size:33px}.job .btn{margin-top:auto}.foot{padding:34px 0;border-top:1px solid #433823;color:#857b68;font-size:12px}.foot-inner{display:flex;justify-content:space-between;gap:20px}.chat-toggle{position:fixed;right:24px;bottom:24px;z-index:30;border:1px solid #e5c789;border-radius:100px;background:linear-gradient(145deg,#e3c78f,#a77e3e);color:#21180c;width:66px;height:66px;box-shadow:0 10px 35px #000b;font-size:28px;display:grid;place-items:center}.chat-panel{position:fixed;z-index:35;right:24px;bottom:103px;width:min(370px,calc(100vw - 32px));height:480px;background:#1d1a15;border:1px solid #9e7d45;border-radius:16px;box-shadow:0 20px 70px #000b;display:none;flex-direction:column;overflow:hidden}.chat-panel.open{display:flex}.chat-head{background:#3b2e1c;padding:18px;display:flex;align-items:center;justify-content:space-between}.chat-head b{color:#f1d69c}.chat-head small{display:block;color:#b7a783;font-size:11px;margin-top:4px}.close{border:0;background:none;color:#e4c892;font-size:25px}.messages{padding:16px;flex:1;overflow:auto;display:flex;flex-direction:column;gap:10px}.bubble{background:#3e3527;color:#efe6d0;border-radius:13px 13px 13px 3px;padding:11px 13px;font-size:12px;line-height:1.6;max-width:85%;align-self:flex-start}.bubble.mine{align-self:flex-end;background:#a9874e;color:#17130d;border-radius:13px 13px 3px 13px}.chat-input{display:flex;gap:8px;padding:12px;border-top:1px solid #58462b}.chat-input input{flex:1;min-width:0;border:1px solid #705833;background:#15130f;color:white;border-radius:8px;padding:12px;outline:none}.chat-input button{border:0;border-radius:8px;padding:0 15px;background:#d9b878;color:#16130c;font-weight:800}.chat-note{padding:0 14px 12px;font-size:10px;color:#a89b81;line-height:1.5}.notice{margin-top:22px;font-size:12px;color:#988b72}@media(max-width:850px){.navlinks{display:none}.hero-grid{grid-template-columns:1fr;gap:0;padding-top:65px}.hero-grid .visual{height:365px}.hero-art{width:min(100%,345px)}.stamp.s1{right:10px}.features{grid-template-columns:repeat(2,1fr)}.jobs,.contact-grid{grid-template-columns:1fr}.section{padding:75px 0}}@media(max-width:510px){.nav{height:68px}.logo{font-size:22px}.logo img{max-width:180px}.nav>.btn{padding:10px;font-size:11px}.hero h1{font-size:72px}.hero-grid{padding-top:50px}.meta{gap:12px;flex-wrap:wrap}.visual{margin:0 -8px}.stamp{font-size:16px}.features{grid-template-columns:1fr}.feature .ico{margin-bottom:12px}.foot-inner{flex-direction:column}.chat-toggle{right:16px;bottom:16px}.chat-panel{right:16px;bottom:95px}}
.feature .ico img{display:block;width:32px;height:32px;object-fit:contain;max-width:100%;max-height:100%}
.contact-card .ico img{display:block;width:55px;height:55px;object-fit:contain}

/* Фоновые изображения секций — пути относительно css/style.css */
.hero {
  background-image: linear-gradient(90deg, rgba(12, 10, 8, .76) 0%, rgba(12, 10, 8, .4) 52%, rgba(12, 10, 8, .13) 100%), url('../images/hero.jpg');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.hero::before { background: none; }
.contacts {
  background-image: linear-gradient(90deg, rgba(13, 11, 8, .78), rgba(13, 11, 8, .55), rgba(13, 11, 8, .65)), url('../images/contact.jpg');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.contacts::before { background: none; }

/* Зернистость ограничена только преимуществами и вакансиями. */
#why, #jobs { position: relative; isolation: isolate; }
#why::before, #jobs::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .09;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* Logo in sticky navigation */
.nav .logo{display:inline-flex;align-items:center;flex-shrink:0;line-height:1}
.nav .logo img{display:block;width:clamp(145px,17vw,230px);height:auto;max-height:64px;object-fit:contain}
@media(max-width:510px){.nav .logo img{width:145px;max-height:48px}}


/* Интерактивные карточки блока «Почему выбирают нас» */
#why .feature {
  isolation:isolate;
  transform:translateY(0);
  transition:transform .38s cubic-bezier(.2,.8,.2,1), border-color .3s ease, box-shadow .35s ease, background .3s ease;
  will-change:transform;
}
#why .feature::before {transition:transform .55s ease,background .35s ease;pointer-events:none;}
#why .feature::after {
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(230px circle at var(--pointer-x,50%) var(--pointer-y,40%), rgba(232,189,107,.18), transparent 76%);
  opacity:0;transition:opacity .35s ease;
}
#why .feature > * {position:relative;z-index:1;}
#why .feature .ico {transition:transform .4s cubic-bezier(.2,.8,.2,1), box-shadow .35s ease,border-color .3s ease;}
#why .feature .ico img {transition:transform .4s ease,filter .4s ease;}
#why .feature h3 {transition:color .3s ease,text-shadow .3s ease;}
@media (hover:hover) and (pointer:fine) {
  #why .feature:hover {transform:translateY(-9px);border-color:#e2ba70;box-shadow:0 20px 42px rgba(0,0,0,.36),0 0 24px rgba(199,151,70,.13);}
  #why .feature:hover::before {transform:scale(1.4) translate(-8px,9px);background:#d4a45524;}
  #why .feature:hover::after {opacity:1;}
  #why .feature:hover .ico {transform:translateY(-3px) rotate(-4deg);border-color:#edc982;box-shadow:0 0 22px #d6a45746,inset 0 0 12px #d6a45720;}
  #why .feature:hover .ico img {transform:scale(1.18) rotate(4deg);filter:drop-shadow(0 0 7px #ecc57970);}
  #why .feature:hover h3 {color:#ffe4a7;text-shadow:0 0 14px #d5a95b55;}
}
@media (prefers-reduced-motion:no-preference) {
  #why .feature.reveal-ready {opacity:0;transform:translateY(26px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1),border-color .3s ease,box-shadow .35s ease;}
  #why .feature.reveal-ready.revealed {opacity:1;transform:translateY(0);}
  #why .feature.reveal-ready.revealed:hover {transform:translateY(-9px);}
  #why .feature:nth-child(2) {transition-delay:.07s;}
  #why .feature:nth-child(3) {transition-delay:.14s;}
  #why .feature:nth-child(4) {transition-delay:.21s;}
}
@media (prefers-reduced-motion:reduce) {
  #why .feature,#why .feature .ico,#why .feature .ico img {transition:none!important;animation:none!important;}
}


/* Эффекты для карточек контактов */
#contacts .contact-card {
  --pointer-x:50%;
  --pointer-y:50%;
  transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .3s ease,background .35s ease;
  isolation:isolate;
}
#contacts .contact-card::before {transition:transform .55s ease,background .35s ease;pointer-events:none;}
#contacts .contact-card::after {
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s ease;
  background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),rgba(235,196,114,.20),transparent 38%);
}
#contacts .contact-card > * {position:relative;z-index:1;}
#contacts .contact-card .ico {transition:transform .4s cubic-bezier(.2,.8,.2,1), box-shadow .35s ease,border-color .3s ease;}
#contacts .contact-card .ico img {transition:transform .4s ease,filter .4s ease;}
#contacts .contact-card h3 {transition:color .3s ease,text-shadow .3s ease;}
#contacts .contact-card .btn {transition:transform .25s ease, box-shadow .3s ease, border-color .3s ease, filter .25s ease;}
@media (hover:hover) and (pointer:fine) {
  #contacts .contact-card:hover {transform:translateY(-9px);border-color:#e2ba70;box-shadow:0 20px 42px rgba(0,0,0,.36),0 0 24px rgba(199,151,70,.13);}
  #contacts .contact-card:hover::before {transform:scale(1.4) translate(-8px,9px);background:#d4a45524;}
  #contacts .contact-card:hover::after {opacity:1;}
  #contacts .contact-card:hover .ico {transform:translateY(-3px) rotate(-4deg);border-color:#edc982;box-shadow:0 0 22px #d6a45746,inset 0 0 12px #d6a45720;}
  #contacts .contact-card:hover .ico img {transform:scale(1.12) rotate(4deg);filter:drop-shadow(0 0 7px #ecc57970);}
  #contacts .contact-card:hover h3 {color:#ffe4a7;text-shadow:0 0 14px #d5a95b55;}
  #contacts .contact-card:hover .btn {transform:translateY(-1px);box-shadow:0 12px 24px rgba(0,0,0,.18), 0 0 18px rgba(214,164,87,.10);border-color:#dcb66c;filter:brightness(1.04);}
}
@media (prefers-reduced-motion:no-preference) {
  #contacts .contact-card.reveal-ready {opacity:0;transform:translateY(26px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1),border-color .3s ease,box-shadow .35s ease;}
  #contacts .contact-card.reveal-ready.revealed {opacity:1;transform:translateY(0);}
  #contacts .contact-card.reveal-ready.revealed:hover {transform:translateY(-9px);}
  #contacts .contact-card:nth-child(2) {transition-delay:.07s;}
  #contacts .contact-card:nth-child(3) {transition-delay:.14s;}
}
@media (prefers-reduced-motion:reduce) {
  #contacts .contact-card,#contacts .contact-card .ico,#contacts .contact-card .ico img,#contacts .contact-card .btn {transition:none!important;animation:none!important;}
}


/* Эффекты для карточек вакансий */
#jobs .job {
  --pointer-x:50%;
  --pointer-y:50%;
  transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .3s ease,background .35s ease;
  isolation:isolate;
}
#jobs .job::before {transition:transform .55s ease,background .35s ease;pointer-events:none;}
#jobs .job::after {
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s ease;
  background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),rgba(235,196,114,.20),transparent 40%);
}
#jobs .job > * {position:relative;z-index:1;}
#jobs .job .tag {transition:transform .3s ease, box-shadow .35s ease, border-color .3s ease, color .3s ease, background .3s ease;}
#jobs .job h3 {transition:color .3s ease,text-shadow .3s ease;}
#jobs .job .btn {transition:transform .25s ease, box-shadow .3s ease, border-color .3s ease, filter .25s ease;}
@media (hover:hover) and (pointer:fine) {
  #jobs .job:hover {transform:translateY(-9px);border-color:#e2ba70;box-shadow:0 20px 42px rgba(0,0,0,.36),0 0 24px rgba(199,151,70,.13);}
  #jobs .job:hover::before {transform:scale(1.4) translate(-8px,9px);background:#d4a45524;}
  #jobs .job:hover::after {opacity:1;}
  #jobs .job:hover .tag {transform:translateY(-2px);border-color:#edc982;color:#ffe3a3;background:#8e683033;box-shadow:0 0 18px #d6a45735;}
  #jobs .job:hover h3 {color:#ffe4a7;text-shadow:0 0 14px #d5a95b55;}
  #jobs .job:hover .btn {transform:translateY(-1px);box-shadow:0 12px 24px rgba(0,0,0,.18), 0 0 18px rgba(214,164,87,.10);border-color:#dcb66c;filter:brightness(1.04);}
}
@media (prefers-reduced-motion:no-preference) {
  #jobs .job.reveal-ready {opacity:0;transform:translateY(26px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1),border-color .3s ease,box-shadow .35s ease;}
  #jobs .job.reveal-ready.revealed {opacity:1;transform:translateY(0);}
  #jobs .job.reveal-ready.revealed:hover {transform:translateY(-9px);}
  #jobs .job:nth-child(2) {transition-delay:.07s;}
  #jobs .job:nth-child(3) {transition-delay:.14s;}
}
@media (prefers-reduced-motion:reduce) {
  #jobs .job,#jobs .job .tag,#jobs .job .btn {transition:none!important;animation:none!important;}
}


/* Постоянно видимое меню: вынесено из hero, чтобы не обрезалось overflow секции */
.site-header {
  position:sticky;top:0;z-index:60;
  background:rgba(20,18,15,.90);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(201,167,99,.24);
  box-shadow:0 8px 26px rgba(0,0,0,.25);
}
.site-header .nav {border-bottom:0;}
html {scroll-padding-top:100px;}
#home,#why,#contacts,#jobs {scroll-margin-top:100px;}
@media(max-width:510px) {
  html {scroll-padding-top:80px;}
  #home,#why,#contacts,#jobs {scroll-margin-top:80px;}
}

/* Hero — мягкое независимое покачивание эмблемы и плашек */
@keyframes tdHeroFloat {
  0%,100% {transform:translate3d(0,0,0) rotate(-1.3deg);}
  50% {transform:translate3d(0,-13px,0) rotate(1.3deg);}
}
@keyframes tdStampFloatTop {
  0%,100% {transform:translate3d(0,0,0) rotate(9deg);}
  50% {transform:translate3d(-6px,-10px,0) rotate(5deg);}
}
@keyframes tdStampFloatBottom {
  0%,100% {transform:translate3d(0,0,0) rotate(-7deg);}
  50% {transform:translate3d(7px,8px,0) rotate(-3deg);}
}
@media (prefers-reduced-motion:no-preference) {
  .visual .hero-art {animation:tdHeroFloat 6.5s ease-in-out infinite;will-change:transform;transform-origin:center;}
  .visual .stamp.s1 {animation:tdStampFloatTop 5.1s ease-in-out infinite;will-change:transform;}
  .visual .stamp.s2 {animation:tdStampFloatBottom 5.8s ease-in-out infinite;will-change:transform;}
}
@media (prefers-reduced-motion:reduce) {
  .visual .hero-art,.visual .stamp {animation:none!important;will-change:auto;}
}