:root{
  --orange:#F36B12; --orange-dark:#D9560A; --orange-light:#F7A469;
  --ink:#17120E; --ink-hover:#2C241D;
  --cream:#F6EEE3; --cream-light:#FFF8EE;
  --field-bg:#FBF7F1; --field-border:#E3D6C6; --picked-bg:#FFF1E6;
  --muted:#4F4238; --muted-2:#5C4E42; --muted-3:#6B5B4D; --muted-4:#7A6A5C;
  --on-ink:#E8DCCD; --on-ink-2:#D6C8B8; --on-ink-3:#B8A898; --ink-line:#3A3029;
  --error:#C2410C;
  --f-display:'Oswald',sans-serif; --f-body:'Manrope',sans-serif; --f-script:'Caveat',cursive;
  --pad-x:clamp(20px,4vw,56px); --pad-y:clamp(64px,9vw,128px);
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--f-body);overflow-x:hidden;}
img{max-width:100%;}
a{color:var(--ink);}
a:hover{color:var(--orange);}
h1,h2,h3,p{margin:0;}
input,textarea,button{font-family:inherit;}
::placeholder{color:#9A8B7C;}

/* helpers */
.container{max-width:1320px;margin:0 auto;}
.stack-6,.stack-10,.stack-12,.stack-24,.stack-28,.stack-56,.stack-64{display:flex;flex-direction:column;}
.stack-6{gap:6px}.stack-10{gap:10px}.stack-12{gap:12px}.stack-24{gap:24px}.stack-28{gap:28px}
.stack-56{gap:clamp(32px,4vw,56px)}.stack-64{gap:clamp(36px,5vw,64px)}
.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:clamp(32px,5vw,80px);}
.grid-2--center{align-items:center;} .grid-2--start{align-items:start;} .grid-2--end{align-items:end;gap:24px 64px;}
.is-white{color:#fff;} .is-orange{color:var(--orange);} .is-ink{color:var(--ink);}

/* type */
.h2{font-family:var(--f-display);font-weight:700;text-transform:uppercase;font-size:clamp(40px,4.6vw,72px);line-height:.98;text-wrap:balance;}
.h2--xl{font-size:clamp(44px,5.4vw,84px);line-height:.95;}
.h3{font-family:var(--f-display);font-weight:700;text-transform:uppercase;font-size:34px;}
.h3--lg{font-size:40px;line-height:1;}
.text{font-size:18px;line-height:1.6;max-width:560px;text-wrap:pretty;}
.text--on-ink{color:var(--on-ink);max-width:none;}
.eyebrow{font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-3);}
.eyebrow--on-ink{color:var(--on-ink-3);}
.script{font-family:var(--f-script);font-weight:600;font-size:30px;color:var(--orange-dark);transform:rotate(-2deg);align-self:flex-start;}
.script--ink{color:var(--ink);font-weight:700;font-size:34px;}
.script--lg{font-size:40px;font-weight:700;}

/* buttons */
.btn-dark{display:inline-flex;align-items:center;gap:14px;background:var(--ink);color:var(--cream-light);border-radius:16px;padding:20px 30px;font-weight:700;font-size:18px;text-decoration:none;box-shadow:0 10px 24px rgba(40,10,0,.25);transition:background .2s,transform .2s;}
.btn-dark:hover{background:var(--ink-hover);color:var(--cream-light);transform:translateY(-2px);}
.btn-dark__arrow{font-size:22px;}
.btn-dark--caps{padding:22px 32px;font-family:var(--f-display);font-size:20px;letter-spacing:.03em;text-transform:uppercase;}
.btn-outline{display:inline-block;text-decoration:none;border:2px solid var(--ink);border-radius:14px;padding:11px 22px;font-weight:700;font-size:15px;color:var(--ink);background:rgba(255,248,238,.35);cursor:pointer;transition:background .2s,color .2s;}
.btn-outline:hover{background:var(--ink);color:var(--cream-light);}

/* logo (квадратный png с полями — кропаем фоном) */
.logo{display:block;background:url('img/logo.png') center/100% auto no-repeat;width:200px;height:60px;}
.logo--sm{width:140px;height:44px;}

/* HERO */
.hero{position:relative;background:var(--orange) url('img/1.png') center/cover no-repeat;min-height:min(960px,100vh);overflow:hidden;}
.hero__logo{position:absolute;z-index:6;transform:translateX(-50%);left:59%;top:10px;} /* left/top/size уточняет JS */
.hero__decor{position:absolute;pointer-events:none;z-index:1;}
.hero__decor--tr{top:0;right:0;width:min(640px,44vw);}
.hero__decor--bl{bottom:0;left:0;width:min(620px,46vw);}
.hero__decor--br{bottom:0;right:0;width:min(560px,40vw);}

.nav{position:relative;z-index:5;max-width:1440px;margin:0 auto;padding:22px var(--pad-x);display:flex;align-items:center;gap:28px;flex-wrap:wrap;}
.nav__links{display:flex;gap:26px;flex-wrap:wrap;font-weight:600;font-size:15px;}
.nav__links a{text-decoration:none;color:var(--ink);}
.nav__links a:hover{color:#fff;}

.hero__body{position:relative;z-index:3;max-width:1440px;margin:0 auto;padding:clamp(16px,3vw,40px) var(--pad-x) clamp(220px,24vw,300px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:24px;align-items:center;}
.hero__text{display:flex;flex-direction:column;gap:22px;max-width:680px;}
.hero__title{font-family:var(--f-display);font-weight:700;text-transform:uppercase;line-height:.92;letter-spacing:-.01em;font-size:clamp(56px,7.4vw,118px);color:var(--ink);}
.hero__title span{display:block;}
.hero__lead{display:flex;flex-direction:column;gap:10px;}
.hero__sub{font-size:clamp(22px,2vw,28px);font-weight:700;line-height:1.2;}
.hero__desc{font-size:clamp(16px,1.3vw,19px);font-weight:500;line-height:1.5;max-width:540px;text-wrap:pretty;}
.hero__dash{width:84px;height:5px;border-radius:5px;background:var(--ink);transform:rotate(-3deg);margin-top:4px;}
.hero__actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
.salary-tag{display:flex;flex-direction:column;gap:2px;background:var(--cream-light);border-radius:16px;padding:12px 20px;transform:rotate(-2deg);box-shadow:0 8px 20px rgba(60,20,0,.18);}
.salary-tag__value{font-family:var(--f-display);font-weight:700;font-size:30px;line-height:1.05;}
.salary-tag__note{font-size:13px;font-weight:600;color:var(--muted-2);}

.hero__visual{position:relative;display:flex;justify-content:flex-start;min-height:clamp(420px,52vw,760px);}
.hero__chef{position:relative;z-index:2;height:clamp(440px,54vw,800px);width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 30px 40px rgba(60,20,0,.28));}
.hero__sticker{position:absolute;z-index:3;right:0;pointer-events:none;}
.hero__sticker--1{top:2%;width:clamp(170px,19vw,300px);transform:rotate(-4deg);}
.hero__sticker--2{top:36%;width:clamp(170px,18vw,290px);}

@media (max-width:600px){ .hero__decor--tr{display:none;} }

/* SECTIONS */
.section{padding:var(--pad-y) var(--pad-x);}
.section--cream{background:var(--cream);}
.section--ink{background:var(--ink);color:var(--cream-light);}
.section--orange{background:var(--orange);}

/* about */
.cake{position:relative;}
.cake__circle{position:absolute;inset:8% 6% 0 6%;border-radius:50%;background:var(--orange);}
.cake__img{position:relative;display:block;width:100%;max-width:560px;margin:0 auto;}
.dough{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;}
.dough__item{background:#fff;border:2px solid var(--ink);border-radius:16px;padding:16px 18px;display:flex;flex-direction:column;gap:6px;}
.dough__n{font-family:var(--f-display);font-weight:500;font-size:14px;color:var(--orange);}
.dough__name{font-weight:800;font-size:18px;}

/* who */
.qualities{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1px;background:var(--ink-line);border-top:1px solid var(--ink-line);border-bottom:1px solid var(--ink-line);}
.quality{background:var(--ink);padding:32px 28px 36px 0;display:flex;flex-direction:column;gap:14px;}
.quality__n{font-family:var(--f-display);font-weight:700;font-size:56px;line-height:1;color:var(--orange);}
.quality__title{font-weight:800;font-size:22px;line-height:1.25;}
.quality__text{font-size:16px;line-height:1.55;color:var(--on-ink-2);text-wrap:pretty;}

/* offer */
.offer__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.offers{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;}
.offer{background:var(--cream-light);border-radius:24px;padding:32px;display:flex;flex-direction:column;justify-content:space-between;gap:28px;min-height:260px;}
.offer--dark{background:var(--ink);color:var(--cream-light);}
.offer__label{font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--orange-light);}
.offer__salary{font-family:var(--f-display);font-weight:700;font-size:clamp(52px,5vw,72px);line-height:.95;}
.offer__n{font-family:var(--f-display);font-weight:500;font-size:16px;color:var(--orange-dark);}
.offer__title{font-weight:800;font-size:24px;line-height:1.2;}
.offer__text{font-size:16px;line-height:1.55;color:var(--muted);text-wrap:pretty;}
.offer__text--on-ink{color:var(--on-ink-2);}

/* form */
.form-hint{display:flex;align-items:center;gap:12px;font-weight:700;font-size:16px;}
.form-hint__num{width:44px;height:44px;border-radius:50%;background:var(--ink);color:var(--cream-light);display:flex;align-items:center;justify-content:center;font-family:var(--f-display);font-size:18px;}
.form-card{background:#fff;border-radius:28px;padding:clamp(24px,3vw,44px);box-shadow:0 20px 60px rgba(90,50,10,.12);border:2px solid var(--ink);}
.form{display:flex;flex-direction:column;gap:22px;}
.form__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;}
.field{display:flex;flex-direction:column;gap:8px;font-weight:700;font-size:14px;}
.field--group{border:0;padding:0;margin:0;gap:10px;}
.field--group legend{padding:0;margin-bottom:10px;}
.field__opt{font-weight:500;color:var(--muted-4);}
.input{height:54px;border-radius:14px;border:2px solid var(--field-border);background:var(--field-bg);padding:0 16px;font-size:16px;font-weight:500;outline:none;color:var(--ink);transition:border-color .15s,background .15s;}
.input:focus{border-color:var(--orange);background:#fff;}
.input--area{height:auto;padding:14px 16px;resize:vertical;}
.radios{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;}
.radio{display:flex;align-items:center;gap:12px;min-height:52px;padding:10px 16px;border-radius:14px;border:2px solid var(--field-border);background:var(--field-bg);font-size:15px;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s;}
.radio input{position:absolute;opacity:0;pointer-events:none;}
.radio__dot{flex:none;width:20px;height:20px;border-radius:50%;border:2px solid var(--ink);display:flex;align-items:center;justify-content:center;}
.radio__dot::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--orange);transform:scale(0);transition:transform .15s;}
.radio:has(input:checked){border-color:var(--orange);background:var(--picked-bg);}
.radio:has(input:checked) .radio__dot::after{transform:scale(1);}
.radio:has(input:focus-visible){outline:2px solid var(--orange);outline-offset:2px;}
.form__error{font-size:14px;font-weight:700;color:var(--error);}
.btn-submit{height:64px;border:none;border-radius:16px;background:var(--orange);color:var(--ink);font-family:var(--f-display);font-weight:700;font-size:22px;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s;}
.btn-submit:hover{background:var(--ink);color:var(--cream-light);}
.form__note{font-size:13px;color:var(--muted-4);text-align:center;}
.form-success{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:24px 0;}
.form-success[hidden],.form[hidden]{display:none;}

/* final */
.final{position:relative;background:var(--orange);padding:clamp(72px,10vw,140px) var(--pad-x) clamp(200px,22vw,300px);overflow:hidden;}
.final__decor{position:absolute;bottom:0;right:0;width:min(560px,42vw);pointer-events:none;}
.final__body{position:relative;z-index:2;display:flex;flex-direction:column;gap:26px;}
.final__title{font-family:var(--f-display);font-weight:700;text-transform:uppercase;font-size:clamp(48px,6.4vw,104px);line-height:.93;max-width:900px;}
.final__text{font-size:clamp(17px,1.4vw,20px);font-weight:500;line-height:1.6;max-width:620px;text-wrap:pretty;}
.final__actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:8px;}
.final__salary{font-weight:700;font-size:16px;max-width:260px;line-height:1.4;}

/* footer */
.footer{background:var(--ink);color:var(--on-ink-3);padding:28px var(--pad-x);font-size:14px;}
.footer__inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;}
.footer__logo{background:var(--cream-light);border-radius:14px;padding:4px 12px;}

/* переключатель языка */
.lang{display:flex;gap:2px;margin-left:auto;background:var(--cream-light);border-radius:12px;padding:3px;font-weight:700;font-size:14px;}
.lang a{text-decoration:none;color:var(--ink);padding:6px 10px;border-radius:9px;}
.lang a[aria-current]{background:var(--ink);color:var(--cream-light);}

/* планшет: логотип в потоке, а не на S-полосе (иначе наезжает на меню) */
@media (max-width:1000px){
  .hero__logo{position:relative;left:auto!important;top:auto!important;transform:none;width:190px!important;height:57px!important;margin:16px auto 0;background-color:var(--cream-light);border-radius:14px;}
  .nav{justify-content:center;}
  .lang{margin-left:0;}
  .hero__body{padding-bottom:clamp(120px,20vw,200px);}
  .hero__visual{min-height:0;justify-content:center;}
  .hero__chef{height:clamp(380px,70vw,560px);}
  .hero__sticker{width:clamp(110px,24vw,200px)!important;}
  .hero__sticker--1{left:0;right:auto;top:4%;}
  .hero__sticker--2{top:auto;bottom:6%;}
}
/* телефон */
@media (max-width:600px){
  .hero{background-position:left center;} /* уводим белую S-полосу из-под заголовка */
  /* белая шапка в одну строку: логотип слева, кнопка и язык справа */
  .nav{background:#fff;padding:10px 16px 10px 136px;gap:8px;justify-content:flex-end;flex-wrap:nowrap;box-shadow:0 2px 12px rgba(60,20,0,.12);}
  .hero__logo{position:absolute;left:12px!important;top:10px!important;width:110px!important;height:39px!important;margin:0;background-color:transparent;border-radius:0;z-index:6;}
  .nav .btn-outline{padding:8px 11px;font-size:14px;white-space:nowrap;background:none;}
  .lang{border:2px solid var(--ink);border-radius:12px;padding:2px;background:#fff;}
  .lang a{padding:5px 7px;}
  .nav__links{display:none;} /* ponytail: одностраничник листается, якоря в шапке не нужны */
  .hero__body{padding-bottom:90px;}
  .hero__actions .btn-dark{width:100%;justify-content:space-between;}
  .final__title{font-size:40px;}
  .btn-dark--caps{font-size:18px;padding:18px 22px;}
  .offer{min-height:0;}
}
.btn-submit:disabled{opacity:.6;cursor:wait;}

/* фотоальбом */
.section--light{background:var(--cream-light);}
.gallery__head{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:24px 64px;align-items:end;}
.gallery__hint{display:block;margin-top:8px;font-size:14px;font-weight:700;color:var(--muted-3);}
.gallery{display:grid;grid-template-columns:2fr 1fr;gap:14px;height:clamp(320px,38vw,520px);}
.gallery__item{position:relative;display:block;border-radius:18px;overflow:hidden;background:var(--cream);border:2px solid var(--ink);}
.gallery__item:nth-child(n+3){display:none;} /* остальные фото — только в просмотре */
.gallery__item img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s;}
.gallery__item:hover img{transform:scale(1.04);}
.gallery__item:focus-visible{outline:3px solid var(--orange);outline-offset:3px;}
.gallery__item[data-more]::after{content:attr(data-more);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(23,18,14,.55);color:#fff;font-family:var(--f-display);font-weight:700;font-size:clamp(36px,4vw,56px);transition:background .2s;}
.gallery__item[data-more]:hover::after{background:rgba(23,18,14,.35);}
.gallery__all{align-self:flex-start;}
.lightbox{border:0;padding:0;background:none;max-width:100vw;max-height:100vh;width:100vw;height:100vh;overflow:hidden;}
.lightbox::backdrop{background:rgba(23,18,14,.92);}
.lightbox[open]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;}
.lightbox__img{max-width:min(92vw,1400px);max-height:82vh;border-radius:14px;object-fit:contain;}
.lightbox__cap{color:var(--cream-light);font-weight:700;font-size:16px;text-align:center;padding:0 16px;}
.lightbox__btn{position:fixed;width:52px;height:52px;border-radius:50%;border:0;background:var(--cream-light);color:var(--ink);font-size:26px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.lightbox__btn:hover{background:var(--orange);}
.lightbox__close{top:16px;right:16px;}
.lightbox__prev{left:16px;top:50%;transform:translateY(-50%);}
.lightbox__next{right:16px;top:50%;transform:translateY(-50%);}
@media (max-width:600px){
  .gallery{grid-template-columns:3fr 2fr;height:240px;gap:8px;}
  .gallery__item{border-radius:14px;}
  .gallery__item[data-more]::after{font-size:30px;}
  .gallery__all{width:100%;justify-content:space-between;}
  .lightbox__prev,.lightbox__next{top:auto;bottom:20px;transform:none;}
}

/* страница «Спасибо» */
.thanks{position:relative;min-height:100vh;min-height:100dvh;background:var(--orange) url('img/1.png') left center/cover no-repeat;overflow:hidden;padding:clamp(24px,5vw,64px) var(--pad-x) clamp(200px,24vw,320px);}
.thanks__decor{position:absolute;right:0;bottom:0;width:min(560px,55vw);pointer-events:none;}
.thanks__body{position:relative;z-index:2;max-width:760px;display:flex;flex-direction:column;gap:20px;}
.thanks__logo{width:190px;height:57px;background-color:var(--cream-light);border-radius:14px;margin-bottom:clamp(8px,3vw,32px);}
.thanks__check{width:72px;height:72px;border-radius:50%;background:var(--ink);color:var(--orange);display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:800;box-shadow:0 10px 24px rgba(40,10,0,.25);}
.thanks__title{font-family:var(--f-display);font-weight:700;text-transform:uppercase;font-size:clamp(52px,8vw,112px);line-height:.92;color:#fff;overflow-wrap:anywhere;}
.thanks__sub{font-size:clamp(18px,1.6vw,22px);font-weight:700;line-height:1.4;}
.thanks__steps{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px;}
.thanks__step{background:var(--cream-light);border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:6px;}
.thanks__n{font-family:var(--f-display);font-weight:500;font-size:15px;color:var(--orange-dark);}
.thanks__step-title{font-weight:800;font-size:18px;}
.thanks__step-text{font-size:15px;line-height:1.5;color:var(--muted);}
.thanks__actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:8px;}