/* Живые мини-сайты концептов. Стили изолированы классом .cs.c-<id> */
.cs{container-type:inline-size;border-radius:14px;overflow:hidden;font-size:clamp(11px,2.3cqw,15px);line-height:1.4;position:relative}
.cs *{box-sizing:border-box}
.cs h4,.cs h5,.cs p{margin:0}
.cs .m-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:1.2em 1.6em}
.cs .m-nav b{font-size:1.5em}
.cs .m-nav nav{display:flex;gap:1.4em;opacity:.7}
.cs .m-btn{display:inline-block;padding:.7em 1.2em;border-radius:99px;font-weight:600;font-family:Manrope,sans-serif;font-size:.9em;cursor:pointer;white-space:nowrap;transition:transform .2s}
.cs .m-btn:hover{transform:translateY(-2px)}
.cs .m-hero{padding:1.4em 1.6em 2em;display:grid;grid-template-columns:1.2fr 1fr;gap:1.6em;align-items:center}
.cs .m-hero h4{font-size:3.1em;line-height:1.02;font-weight:inherit;letter-spacing:-.01em}
.cs .m-hero small{display:block;opacity:.6;margin-bottom:1em;font-family:Manrope,sans-serif;font-size:.85em}
.cs .m-hero p{margin-top:1em;opacity:.75;max-width:30em;font-family:Manrope,sans-serif}
.cs .m-t .m-btn{margin-top:1.4em}
.cs .m-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.9em;padding:0 1.6em 1.4em}
.cs .m-card{padding:1.2em;border-radius:1em;display:flex;flex-direction:column;gap:.4em;transition:transform .25s}
.cs .m-card:hover{transform:translateY(-4px)}
.cs .m-card b{font-size:1.15em}
.cs .m-card span{font-family:Manrope,sans-serif;font-size:.85em;opacity:.7}
@container (max-width:560px){.cs .m-hero{grid-template-columns:1fr}.cs .m-nav nav{display:none}.cs .m-row{grid-template-columns:1fr}.cs .m-hero h4{font-size:2.3em}.cs .m-art{min-height:110px}}

/* Фарфор */
.c-farfor{background:#f6f3ee;color:#10302c;font-family:'Fraunces',serif}
.c-farfor .m-btn{background:#2f8f83;color:#fff}
.c-farfor h4 i{color:#2f8f83;font-style:italic}
.c-farfor .m-art{position:relative;min-height:190px}
.c-farfor .m-art i{position:absolute;border-radius:50%;background:#d6ebe5;animation:fl 6s ease-in-out infinite}
.c-farfor .m-art i:nth-child(1){width:70%;aspect-ratio:1;right:0;top:0}
.c-farfor .m-art i:nth-child(2){width:42%;aspect-ratio:1;right:25%;top:20%;background:#2f8f83;animation-delay:-2s}
.c-farfor .m-art i:nth-child(3){width:16%;aspect-ratio:1;right:10%;bottom:6%;background:#e8c9a0;animation-delay:-4s}
.c-farfor .m-card{background:#fff;border:1px solid #e3ded4}
.c-farfor .m-slots{display:flex;flex-wrap:wrap;gap:.6em;align-items:center;padding:0 1.6em 1.8em;font-family:Manrope,sans-serif}
.c-farfor .m-slots span{opacity:.6;margin-right:.6em}
.c-farfor .m-slots button{font:inherit;border:1px solid #bcd7d0;background:transparent;color:#10302c;padding:.5em 1em;border-radius:99px;cursor:pointer}
.c-farfor .m-slots button.on,.c-farfor .m-slots button:hover{background:#2f8f83;color:#fff;border-color:#2f8f83}
@keyframes fl{50%{transform:translateY(-8px)}}

/* Кварта */
.c-kvarta{background:#121212;color:#f2efe8;font-family:'Syne',sans-serif}
.c-kvarta .m-nav{border-bottom:1px solid #2e2e2e}
.c-kvarta .m-nav b{letter-spacing:.14em}
.c-kvarta .m-btn{background:#ff5a1f;color:#111;border-radius:0}
.c-kvarta .m-hero{display:block}
.c-kvarta .m-hero h4{font-size:4.4em;font-weight:800;line-height:.95}
.c-kvarta h4 i{color:#ff5a1f;font-style:normal}
.c-kvarta .m-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1px;background:#2e2e2e;border-block:1px solid #2e2e2e}
.c-kvarta .m-tile{background:#181818;min-height:9em;padding:1em;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;transition:background .3s}
.c-kvarta .m-tile::before{content:"";position:absolute;inset:18% 30% 38% 12%;border:2px solid #ff5a1f;transition:transform .5s}
.c-kvarta .t2::before{inset:30% 20% 30%;border-radius:0;background:#2a2a2a;border-color:#444}
.c-kvarta .t3::before{inset:12% 40% 40% 20%;border-color:#f2efe8}
.c-kvarta .m-tile:hover{background:#222}.c-kvarta .m-tile:hover::before{transform:translate(8px,-8px)}
.c-kvarta .m-tile span{font-weight:700;position:relative}.c-kvarta .m-tile small{opacity:.55;font-family:Manrope,sans-serif;position:relative}
.c-kvarta .m-steps{display:flex;flex-wrap:wrap;gap:1.6em;padding:1.2em 1.6em;font-family:Manrope,sans-serif;opacity:.75}
.c-kvarta .m-hero p{font-family:Manrope,sans-serif}
@container (max-width:560px){.c-kvarta .m-hero h4{font-size:2.8em}.c-kvarta .m-grid{grid-template-columns:1fr}}

/* Печь №4 */
.c-pech{background:#f4e6cf;color:#3a1a10;font-family:'DM Serif Display',serif}
.c-pech .m-btn{background:#c8321e;color:#fff;border-radius:6px}
.c-pech h4 i{color:#c8321e}
.c-pech .m-art{position:relative;min-height:190px}
.c-pech .m-art i{position:absolute;border-radius:50%;inset:0;margin:auto;aspect-ratio:1;height:100%;background:#e9cfa3;border:10px solid #c8321e;animation:sp 18s linear infinite}
.c-pech .m-art i+i{height:62%;background:#c8321e;border:6px dashed #f4e6cf;animation-direction:reverse}
.c-pech .m-menu{margin:0 1.6em 1.8em;padding:1.4em;background:#fbf3e3;border-radius:14px;border:1px dashed #c9a972}
.c-pech .m-menu h5{font-weight:400;font-size:1.4em;margin-bottom:.6em}
.c-pech .m-menu p{display:flex;align-items:baseline;gap:.5em;padding:.4em 0;font-family:Manrope,sans-serif;transition:padding .25s}
.c-pech .m-menu p:hover{padding-left:.6em;color:#c8321e}
.c-pech .m-menu u{flex:1;border-bottom:2px dotted #c9a972;text-decoration:none}
@keyframes sp{to{transform:rotate(360deg)}}

/* РИТМ */
.c-ritm{background:#0b0d0a;color:#f1f5e8;font-family:'Unbounded',sans-serif}
.c-ritm .m-btn{background:#c6ff3d;color:#0b0d0a}
.c-ritm .m-hero{grid-template-columns:1.5fr 1fr}
.c-ritm .m-hero h4{font-size:2.5em;font-weight:700;line-height:1.1}
.c-ritm h4 i{color:#c6ff3d;font-style:normal}
.c-ritm .m-pulse{display:flex;gap:.5em;align-items:flex-end;height:11em}
.c-ritm .m-pulse i{flex:1;background:#c6ff3d;border-radius:99px;animation:pl 1.2s ease-in-out infinite;height:30%}
.c-ritm .m-pulse i:nth-child(2n){animation-delay:-.4s}.c-ritm .m-pulse i:nth-child(3n){animation-delay:-.8s}
@keyframes pl{50%{height:100%}}
.c-ritm .m-sched{display:grid;grid-template-columns:repeat(5,1fr);gap:.6em;padding:0 1.6em 1.6em;font-family:Manrope,sans-serif}
.c-ritm .m-sched div{background:#1c2118;border-radius:12px;padding:.9em;cursor:pointer;transition:.25s;display:flex;flex-direction:column;gap:.4em}
.c-ritm .m-sched b{color:#c6ff3d;font-family:'Unbounded'}
.c-ritm .m-sched div.on,.c-ritm .m-sched div:hover{background:#c6ff3d;color:#0b0d0a}.c-ritm .m-sched div.on b,.c-ritm .m-sched div:hover b{color:#0b0d0a}
@container (max-width:560px){.c-ritm .m-sched{grid-template-columns:repeat(2,1fr)}}

/* Ветка */
.c-vetka{background:#f1e7e2;color:#34402f;font-family:'Instrument Serif',serif}
.c-vetka .m-nav b{font-size:1.9em;font-style:italic}
.c-vetka .m-btn{background:#34402f;color:#f1e7e2}
.c-vetka .m-hero h4{font-size:3.4em;font-weight:400}
.c-vetka h4 i{color:#d98a9c}
.c-vetka .m-art{position:relative;min-height:200px}
.c-vetka .m-art i{position:absolute;left:50%;top:50%;width:32%;aspect-ratio:.6;margin:-30% 0 0 -16%;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;background:#d98a9c;transform-origin:50% 100%;animation:bl 8s ease-in-out infinite}
.c-vetka .m-art i:nth-child(1){transform:rotate(0)}.c-vetka .m-art i:nth-child(2){transform:rotate(72deg);background:#e8b1bd}.c-vetka .m-art i:nth-child(3){transform:rotate(144deg)}.c-vetka .m-art i:nth-child(4){transform:rotate(216deg);background:#e8b1bd}.c-vetka .m-art i:nth-child(5){transform:rotate(288deg)}
.c-vetka .m-art em{position:absolute;left:50%;top:50%;width:14%;aspect-ratio:1;margin:-7%;border-radius:50%;background:#34402f}
@keyframes bl{50%{filter:brightness(1.08);translate:0 -4px}}
.c-vetka .m-chips{display:flex;gap:.6em;flex-wrap:wrap;padding:0 1.6em 1.2em;font-family:Manrope,sans-serif}
.c-vetka .m-chips button{font:inherit;padding:.5em 1.1em;border-radius:99px;border:1px solid #c9b8b0;background:transparent;color:#34402f;cursor:pointer}
.c-vetka .m-chips button.on,.c-vetka .m-chips button:hover{background:#d98a9c;border-color:#d98a9c;color:#fff}
.c-vetka .m-card{background:#dfe6d3}.c-vetka .m-card b{font-size:1.5em;font-weight:400;font-style:italic}

/* Тягач */
.c-gruz{background:#0e1a2e;color:#e8eefb;font-family:'Space Grotesk',sans-serif}
.c-gruz .m-btn{background:#ffc928;color:#0e1a2e;border-radius:4px}
.c-gruz h4 i{color:#ffc928;font-style:normal}
.c-gruz .m-hero h4{font-size:2.6em;font-weight:700}
.c-gruz .m-calc{background:#1a2b47;border-radius:12px;padding:1.2em;display:grid;gap:.8em;border-top:3px solid #ffc928}
.c-gruz .m-calc label{display:grid;gap:.3em;font-size:.8em;opacity:.9;text-transform:uppercase;letter-spacing:.06em}
.c-gruz .m-calc input{font:inherit;font-family:'JetBrains Mono',monospace;background:#0e1a2e;color:#fff;border:1px solid #33496d;border-radius:6px;padding:.6em .8em;width:100%;text-transform:none;letter-spacing:0}
.c-gruz .m-res b{display:block;font-size:1.9em;color:#ffc928;font-family:'JetBrains Mono',monospace}
.c-gruz .m-res small{opacity:.6}
.c-gruz .m-track{display:flex;align-items:center;gap:1em;padding:0 1.6em 1.6em;font-family:'JetBrains Mono',monospace;font-size:.85em}
.c-gruz .bar{flex:1;height:6px;background:#1a2b47;border-radius:9px;overflow:hidden}
.c-gruz .bar i{display:block;height:100%;width:40%;background:#ffc928;animation:tr 5s ease-in-out infinite alternate}
@keyframes tr{to{width:92%}}
/* фото-слот вместо абстрактного мотива */
.cs .m-art.ph{background:center/cover no-repeat;border-radius:.9em;min-height:210px;box-shadow:0 1px 0 rgba(0,0,0,.04)}
.cs .m-art.ph>*{display:none}