.hist-craft{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.hist-craft__card{background:var(--surface);border:var(--rule) solid var(--line-2);transition:transform .3s var(--ease), border-color .3s var(--ease), box-shadow .3s var(--ease);border-radius:16px;flex-direction:column;gap:10px;padding:26px 24px;display:flex;box-shadow:0 1px 2px #0000000a}.hist-craft__card:hover{border-color:color-mix(in oklab, var(--red) 45%, var(--line-2));transform:translateY(-6px);box-shadow:0 20px 44px #00000021}.hist-craft__n{font-family:var(--font-mono);color:var(--red);font-size:13px;font-weight:700}.hist-craft__k{font-family:var(--font-display);text-transform:uppercase;font-size:18px;font-weight:800;line-height:1.1}.hist-craft__d{color:var(--ink-2);font-size:14.5px;line-height:1.55}@media (max-width:900px){.hist-craft{grid-template-columns:1fr 1fr}}@media (max-width:560px){.hist-craft{grid-template-columns:1fr}}
.hist-mat{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(28px,4vw,64px);display:grid}.hist-mat__media{aspect-ratio:4/3;background:var(--surface);border:var(--rule) solid var(--line-2);border-radius:16px;position:relative;overflow:hidden;box-shadow:0 14px 34px #0000001f}.hist-mat__media img{object-fit:cover}.hist-mat__media .ph{aspect-ratio:auto;height:100%;position:absolute;inset:0}.hist-mat--rev .hist-mat__media{order:2}.hist-mat--fill{align-items:stretch}.hist-mat--fill .hist-mat__media{aspect-ratio:auto;height:100%;min-height:380px}.hist-mat__head{margin:18px 0 24px}.hist-mat__head>span:first-child{white-space:nowrap}.hist-mat__body p{color:var(--ink-2);max-width:56ch;margin-bottom:16px;font-size:clamp(16px,1.4vw,19px);line-height:1.6}.hist-mat__body p strong{color:var(--ink)}.hist-mat__specs{border-top:2px solid var(--line);margin-top:26px}.hist-mat__spec{border-bottom:2px solid var(--line);font-family:var(--font-mono);justify-content:space-between;gap:16px;padding:12px 0;font-size:13px;display:flex}.hist-mat__spec dt{color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em}.hist-mat__spec dd{color:var(--ink);text-align:right;font-weight:700}@media (max-width:900px){.hist-mat{grid-template-columns:1fr}.hist-mat__media,.hist-mat--rev .hist-mat__media{order:-1}.hist-mat--fill .hist-mat__media{aspect-ratio:3/4;height:auto;min-height:0}}
.hist-mosaic{grid-template-columns:1fr 1fr;gap:16px;display:grid}.hist-mosaic__cell{aspect-ratio:4/3;background:var(--surface);border:var(--rule) solid var(--line-2);border-radius:16px;position:relative;overflow:hidden}.hist-mosaic__cell img{object-fit:cover}.hist-mosaic__cell .ph{min-height:0;position:absolute;inset:0}
.hist-proc{border-top:var(--rule) solid var(--line-hard);grid-template-columns:repeat(4,1fr);display:grid}.hist-proc__step{border-bottom:var(--rule) solid var(--line);padding:30px 22px 30px 0;position:relative}.hist-proc__step+.hist-proc__step{padding-left:22px}.hist-proc__n{font-family:var(--font-mono);color:var(--red);margin-bottom:18px;font-size:14px;font-weight:700;display:block}.hist-proc__bar{background:var(--line);height:4px;margin-bottom:18px;position:relative;overflow:hidden}.hist-proc__bar:after{content:"";width:var(--fill,25%);background:var(--red);position:absolute;inset:0}.hist-proc__step h3{font-family:var(--font-display);text-transform:uppercase;margin-bottom:10px;font-size:19px;font-weight:800;line-height:1.1}.hist-proc__step p{color:var(--ink-2);font-size:14px;line-height:1.5}@media (max-width:1000px){.hist-proc{grid-template-columns:1fr 1fr}.hist-proc__step:nth-child(odd){padding-left:0}}@media (max-width:620px){.hist-proc{grid-template-columns:1fr}.hist-proc__step{padding-left:0!important}}