/* Общий переключатель концепций */
.design-switcher{position:sticky;top:0;z-index:30;background:#1a1d1a;color:#f4f0e8;border-bottom:1px solid #545a51;box-shadow:0 8px 24px #0003}
.design-switcher-inner{width:min(1380px,calc(100% - 40px));margin:auto;min-height:88px;display:flex;align-items:center;gap:24px}
.design-switcher-heading{min-width:190px;display:flex;flex-direction:column;gap:4px}
.design-switcher-heading span{font-size:9px;font-weight:800;letter-spacing:.18em;color:#d59a6a}
.design-switcher-heading strong{font-size:13px;letter-spacing:-.02em}
.design-options{display:flex;gap:7px;flex:1;min-width:0}
.design-option{min-width:0;flex:1;display:flex;align-items:center;gap:10px;text-align:left;color:#c6cac0;background:#282d28;border:1px solid #424a42;border-radius:4px;padding:10px 12px;transition:background .2s,border-color .2s,transform .2s}
.design-option:hover{background:#363e36;transform:translateY(-1px)}
.design-option.active{background:#40352d;border-color:#d39261;color:#fff}
.design-number{width:28px;height:28px;border:1px solid #69736a;display:grid;place-items:center;flex:none;font-family:Georgia,serif;font-size:11px;color:#dca272}
.design-option.active .design-number{background:#d39261;border-color:#d39261;color:#211a15}
.design-option-copy{min-width:0;display:flex;flex-direction:column;gap:2px}
.design-option-copy strong{font-size:12px;line-height:1.15}
.design-option-copy small{font-size:9px;color:#aab3a8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.design-option.active small{color:#dbc7b6}
.design-description{max-width:205px;margin:0;color:#abb5a9;font-size:9px;line-height:1.5}
.primary-button:disabled{opacity:1;cursor:default;pointer-events:none}

/* 02 — Архив: книга как исторический артефакт */
body[data-design="archive"]{background:#e9e1d1;color:#2a261f}
body[data-design="archive"] .site-header{background:#e9e1d1;border-color:#b8a98e;color:#2a261f}
body[data-design="archive"] .brand{font-family:Georgia,serif;font-weight:700;letter-spacing:-.075em;font-size:26px}
body[data-design="archive"] .brand-mark span{background:#8b6345}
body[data-design="archive"] .brand-mark span:nth-child(2){background:#c7a477}
body[data-design="archive"] .brand-mark span:nth-child(3){background:#37332a}
body[data-design="archive"] .brand-period{color:#9b6343}
body[data-design="archive"] .header-link{color:#4a3b2d}
body[data-design="archive"] .hero.shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.92fr);gap:50px;min-height:730px;padding-left:max(40px,calc((100% - 1200px)/2));padding-right:max(40px,calc((100% - 1200px)/2));background:#e9e1d1;overflow:hidden}
body[data-design="archive"] .hero-copy{width:100%;padding:72px 0 75px}
body[data-design="archive"] .eyebrow,body[data-design="archive"] .section-kicker,body[data-design="archive"] .mini-label{color:#8f5838}
body[data-design="archive"] .eyebrow-line{background:#8f5838}
body[data-design="archive"] .hero h1{font-family:Georgia,serif;font-size:clamp(54px,5.5vw,80px);font-weight:400;line-height:.98;letter-spacing:-.065em;text-transform:none;color:#2b271f;text-shadow:none;margin:24px 0 25px}
body[data-design="archive"] .hero h1 em,body[data-design="archive"] .section-head h2 em,body[data-design="archive"] .steps-intro h2 em{font-family:Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.045em;color:#935c3d}
body[data-design="archive"] .hero-lead{font-size:14px;color:#675c4c;max-width:485px}
body[data-design="archive"] .hero-benefits{color:#4d4133;gap:12px;font-size:10px}
body[data-design="archive"] .check-icon{background:#a57a5a24;color:#8e583b}
body[data-design="archive"] .signup-card{background:#f7f3e9;border:1px solid #bfb19a;border-radius:0;box-shadow:8px 8px 0 #c7bba7;max-width:500px;color:#2d281f}
body[data-design="archive"] .form-heading h2{font-family:Georgia,serif;font-size:22px;font-weight:400;letter-spacing:-.03em;color:#2b271f}
body[data-design="archive"] .pdf-chip{background:#e3d6c2;color:#785237;border-radius:0}
body[data-design="archive"] .signup-card form>label:first-child{color:#4c4133}
body[data-design="archive"] .input-wrap{background:#fffdf8;border:1px solid #c3b7a3;border-radius:0}
body[data-design="archive"] .input-wrap:focus-within{border-color:#925b3d;box-shadow:0 0 0 3px #925b3d20}
body[data-design="archive"] .input-wrap input{color:#28251f}
body[data-design="archive"] .consent-row{color:#766c5e}
body[data-design="archive"] .consent-row input{accent-color:#8f5838}
body[data-design="archive"] .primary-button{background:#593e2e;color:#f6f0e6;border-radius:0}
body[data-design="archive"] .privacy-note,body[data-design="archive"] .form-footnote{color:#8d816f}
body[data-design="archive"] .hero-art{position:relative;inset:auto;width:100%;height:100%;min-height:740px;overflow:hidden;align-self:stretch;z-index:1;background:#d8cbb5;border-left:1px solid #bdad91;border-right:1px solid #bdad91}
body[data-design="archive"] .hero-art:before{display:block;content:"";position:absolute;inset:0;width:auto;height:auto;left:0;top:0;transform:none;border-radius:0;background:repeating-linear-gradient(0deg,transparent 0 52px,#9a886a1f 53px 54px),linear-gradient(135deg,#eee5d4,#c9b99c)}
body[data-design="archive"] .blade-photo{display:none}
body[data-design="archive"] .art-frame{left:25px;right:25px;top:25px;justify-content:space-between;color:#7a6b57;text-shadow:none;font-size:8px}
body[data-design="archive"] .art-frame span:last-child{display:none}
body[data-design="archive"] .book-cover{top:47%;left:50%;right:auto;bottom:auto;width:min(62%,340px);transform:translate(-50%,-50%) rotate(-5deg);border:3px solid #b7aa94;box-shadow:18px 20px 0 #897b6240,30px 35px 50px #51433255}
body[data-design="archive"] .hero-art-caption{left:25px;right:25px;bottom:25px;justify-content:space-between;color:#6d604f;text-shadow:none;font-size:9px}
body[data-design="archive"] .hero-art-caption span:first-child{color:#8f5838}
body[data-design="archive"] .inside-section{background:#ded4c1;border-top:1px solid #aa9c82}
body[data-design="archive"] .section-head h2,body[data-design="archive"] .steps-intro h2{font-family:Georgia,serif;font-weight:400;text-transform:none;letter-spacing:-.045em;color:#2d281f}
body[data-design="archive"] .section-head>p{color:#685e50}
body[data-design="archive"] .topic-card{background:#f2ecdf;border:1px solid #b8ab92;border-radius:0;box-shadow:5px 5px 0 #c1b49e}
body[data-design="archive"] .topic-index,body[data-design="archive"] .topic-icon,body[data-design="archive"] .topic-arrow{color:#93613e}
body[data-design="archive"] .topic-card h3{font-family:Georgia,serif;text-transform:none;color:#322c24;font-size:19px;font-weight:700}
body[data-design="archive"] .topic-card p{color:#6d6355}
body[data-design="archive"] .steps-section{background:#e9e1d1}
body[data-design="archive"] .steps-list li,body[data-design="archive"] .steps-list li:last-child{border-color:#baac92}
body[data-design="archive"] .steps-list li>span{color:#965d3b}
body[data-design="archive"] .steps-list p{color:#706658}
body[data-design="archive"] .outline-button{border-color:#705841;border-radius:0;color:#4d3c2c}
body[data-design="archive"] .footer{background:#2c2923}

/* 03 — Техпаспорт: индустриальная графика */
body[data-design="technical"]{background:#e7ebe6;color:#111713}
body[data-design="technical"] .site-header{background:#e7ebe6;border-bottom:3px solid #141b16;color:#111713}
body[data-design="technical"] .brand{font-size:25px;letter-spacing:-.075em}
body[data-design="technical"] .brand-mark span{background:#151c17}
body[data-design="technical"] .brand-mark span:nth-child(2){background:#e45129}
body[data-design="technical"] .brand-mark span:nth-child(3){background:#151c17}
body[data-design="technical"] .brand-period{color:#e45129}
body[data-design="technical"] .header-link{color:#1a231c}
body[data-design="technical"] .hero.shell{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:0;min-height:770px;padding-left:max(40px,calc((100% - 1200px)/2));padding-right:max(40px,calc((100% - 1200px)/2));background-color:#e7ebe6;background-image:linear-gradient(#79867a1c 1px,transparent 1px),linear-gradient(90deg,#79867a1c 1px,transparent 1px);background-size:27px 27px;overflow:hidden}
body[data-design="technical"] .hero-copy{width:100%;padding:72px 36px 76px 0}
body[data-design="technical"] .eyebrow,body[data-design="technical"] .section-kicker,body[data-design="technical"] .mini-label{color:#c93e20}
body[data-design="technical"] .eyebrow-line{background:#c93e20}
body[data-design="technical"] .hero h1{font-size:clamp(52px,5.3vw,77px);line-height:.94;letter-spacing:-.085em;text-transform:uppercase;color:#101612;text-shadow:none;margin:21px 0 28px}
body[data-design="technical"] .hero h1 em,body[data-design="technical"] .section-head h2 em,body[data-design="technical"] .steps-intro h2 em{font-family:var(--font);font-style:normal;font-weight:800;color:#df4f2b;letter-spacing:-.08em}
body[data-design="technical"] .hero-lead{color:#39463c;font-size:13px;max-width:485px}
body[data-design="technical"] .hero-benefits{color:#19241b;gap:11px;font-size:10px}
body[data-design="technical"] .check-icon{background:#151c17;color:#e7ebe6;border-radius:0}
body[data-design="technical"] .signup-card{background:#151c17;border:3px solid #151c17;border-radius:0;box-shadow:9px 9px 0 #df4f2b;max-width:500px}
body[data-design="technical"] .form-heading h2{color:#f3f5ed;text-transform:uppercase;font-size:18px}
body[data-design="technical"] .pdf-chip{background:#e3512e;color:#fff;border-radius:0}
body[data-design="technical"] .signup-card form>label:first-child{color:#f0f2ea}
body[data-design="technical"] .input-wrap{background:#263129;border:1px solid #7b8c7d;border-radius:0}
body[data-design="technical"] .input-wrap input{color:#fff}
body[data-design="technical"] .consent-row{color:#b5c3b6}
body[data-design="technical"] .consent-row input{accent-color:#e45129}
body[data-design="technical"] .primary-button{background:#e45129;color:#fff;border-radius:0}
body[data-design="technical"] .privacy-note,body[data-design="technical"] .form-footnote{color:#748276}
body[data-design="technical"] .hero-art{position:relative;inset:auto;width:100%;height:100%;min-height:780px;overflow:hidden;border-left:4px solid #141b16;align-self:stretch}
body[data-design="technical"] .hero-art:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 51px,#f2f2e926 52px 53px);pointer-events:none}
body[data-design="technical"] .blade-photo{display:block;background-image:linear-gradient(0deg,#0b110cb5 0%,transparent 50%),url('./assets/knife-workshop-hero.webp');background-position:62% center;filter:grayscale(1) contrast(1.2)}
body[data-design="technical"] .art-frame{top:21px;left:20px;right:20px;display:block;color:#fff;text-shadow:0 2px 5px #000;font-size:8px}
body[data-design="technical"] .art-frame span:last-child{display:none}
body[data-design="technical"] .book-cover{right:28px;bottom:65px;width:180px;border:3px solid #edf0e9;transform:rotate(0);box-shadow:9px 9px 0 #e45129,0 20px 35px #0009;z-index:2}
body[data-design="technical"] .hero-art-caption{left:20px;right:20px;bottom:22px;color:#fff;text-shadow:0 2px 4px #000;z-index:2}
body[data-design="technical"] .hero-art-caption span:first-child{color:#ff7953}
body[data-design="technical"] .inside-section{background:#d7ded7;border-top:4px solid #141b16}
body[data-design="technical"] .section-head h2,body[data-design="technical"] .steps-intro h2{color:#121913;text-transform:uppercase}
body[data-design="technical"] .section-head>p{color:#465449}
body[data-design="technical"] .topic-grid{gap:0}
body[data-design="technical"] .topic-card{background:#edf1ed;border:1px solid #1a241b;border-top:5px solid #1a241b;border-radius:0;min-height:265px}
body[data-design="technical"] .topic-card+.topic-card{border-left:0}
body[data-design="technical"] .topic-index,body[data-design="technical"] .topic-icon,body[data-design="technical"] .topic-arrow{color:#df4f2b}
body[data-design="technical"] .topic-card h3{color:#151d17;text-transform:uppercase}
body[data-design="technical"] .topic-card p{color:#58665a}
body[data-design="technical"] .steps-section{background:#e7ebe6}
body[data-design="technical"] .steps-list li,body[data-design="technical"] .steps-list li:last-child{border-color:#7d8b80}
body[data-design="technical"] .steps-list li>span{color:#e45129}
body[data-design="technical"] .steps-list p{color:#59695c}
body[data-design="technical"] .outline-button{color:#111913;border:2px solid #111913;border-radius:0}
body[data-design="technical"] .footer{background:#121a14}

@media(max-width:1120px){
  .design-switcher-inner{gap:12px}.design-switcher-heading{min-width:155px}.design-description{display:none}
  body[data-design="archive"] .hero.shell,body[data-design="technical"] .hero.shell{gap:22px;padding-left:24px;padding-right:24px}
  body[data-design="archive"] .hero h1{font-size:60px}
  body[data-design="technical"] .hero h1{font-size:58px}
}
@media(max-width:750px){
  .design-switcher{position:relative}
  .design-switcher-inner{width:calc(100% - 28px);display:block;padding:12px 0}
  .design-switcher-heading{margin:0 0 10px}.design-switcher-heading strong{font-size:12px}
  .design-options{display:flex;overflow-x:auto;padding-bottom:3px;scroll-snap-type:x mandatory}
  .design-option{flex:0 0 150px;scroll-snap-align:start;padding:8px;gap:7px}
  .design-number{width:24px;height:24px;font-size:9px}
  .design-option-copy strong{font-size:11px}.design-option-copy small{font-size:8px}
  .design-description{display:block;max-width:none;margin:7px 1px 0;font-size:9px}
  body[data-design="archive"] .site-header,body[data-design="technical"] .site-header{height:68px}
  body[data-design="archive"] .hero.shell,body[data-design="technical"] .hero.shell{display:flex;flex-direction:column;gap:0;padding:0 18px;min-height:0;overflow:visible}
  body[data-design="archive"] .hero-art,body[data-design="technical"] .hero-art{position:relative;order:-1;width:calc(100% + 36px);height:315px;min-height:0;margin:0 -18px;overflow:hidden;border-left:0;border-right:0}
  body[data-design="archive"] .hero-copy,body[data-design="technical"] .hero-copy{width:100%;padding:29px 0 55px}
  body[data-design="archive"] .hero h1{font-size:clamp(45px,11vw,65px)}
  body[data-design="technical"] .hero h1{font-size:clamp(40px,10vw,59px)}
  body[data-design="archive"] .book-cover{width:155px;top:49%}
  body[data-design="archive"] .hero-art-caption{left:16px;right:16px;bottom:12px;font-size:7px}
  body[data-design="technical"] .blade-photo{background-position:center}
  body[data-design="technical"] .book-cover{width:115px;right:22px;bottom:23px;border-width:2px;box-shadow:5px 5px 0 #e45129,0 10px 25px #0009}
  body[data-design="technical"] .hero-art-caption{left:15px;bottom:12px;font-size:7px}
  body[data-design="technical"] .topic-card+.topic-card{border-left:1px solid #1a241b}
}
@media(max-width:430px){
  body[data-design="archive"] .hero-art,body[data-design="technical"] .hero-art{height:285px}
  body[data-design="archive"] .hero h1{font-size:43px}
  body[data-design="technical"] .hero h1{font-size:41px}
  body[data-design="archive"] .book-cover{width:137px}
  body[data-design="technical"] .book-cover{width:105px;right:15px}
}

@media (min-width:390px) and (max-width:750px){
  .design-options{overflow-x:visible}
  .design-option{flex:1 1 0;min-width:0}
  .design-option-copy small{display:none}
}