@font-face{font-family:Inter;src:url(../../fonts/inter-cyrillic.woff2);font-weight:100 900;unicode-range:U+0400-052F;font-display:swap}@font-face{font-family:Inter;src:url(../../fonts/inter-latin.woff2);font-weight:100 900;unicode-range:U+0000-00FF,U+2000-206F;font-display:swap}
:root{--ink:#1b201e;--paper:#eeece5;--accent:#ff592d;--rule:#c5c4bb;--g:clamp(20px,3.5vw,130px);color-scheme:light;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:450 16px/1.45 Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:.25em}:focus-visible{outline:3px solid #ef692e;outline-offset:4px}.skip{position:absolute;transform:translateY(-200%);z-index:9;background:white;padding:10px}.skip:focus{top:0;transform:none}
header,footer{display:flex;align-items:center;gap:clamp(15px,2.3vw,60px);padding:0 var(--g);background:var(--ink);color:var(--paper);min-height:clamp(70px,5.2vw,165px);border-bottom:1px solid #464943}.brand{display:inline-flex;align-items:center;gap:.25em;font-size:clamp(32px,2.5vw,81px);font-weight:730;line-height:1;letter-spacing:-.065em}.brand b{width:.94em;height:.82em;border:.11em solid var(--accent);border-bottom:0;position:relative;color:transparent;font-size:.8em;transform:skewX(-12deg)}.brand b:after{content:"";position:absolute;inset:36% -.09em auto;height:.11em;background:var(--accent);transform:rotate(-29deg)}.sub,.rubric,.stamp,.hero-plate figcaption span,.hero-plate figcaption>b,.models>span,.models a small,.meta dt,.diagram,.results{font-family:"Courier New",monospace}.sub{font-size:clamp(10px,.8vw,23px);line-height:1.2;font-weight:700}.back,header nav a,footer{font-size:clamp(12px,.89vw,25px)}header nav{display:flex;margin-left:auto;gap:2.2em}header a,footer a{padding-block:12px}.back{font-weight:650}
.hero{display:grid;grid-template-columns:37% 63%;min-height:min(41vw,1450px)}.hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:clamp(28px,5vw,160px);padding:clamp(30px,3.3vw,120px) var(--g);background:var(--ink);color:var(--paper)}.rubric{display:flex;gap:.65em;align-items:center;font-size:clamp(11px,.89vw,24px);text-transform:uppercase;letter-spacing:.06em;font-weight:700;margin:0}.rubric i{display:block;width:.66em;height:.66em;background:var(--accent)}
h1,h2,p{margin:0}.hero h1{font-size:clamp(62px,7.55vw,250px);font-weight:570;line-height:.87;letter-spacing:-.085em}.hero h1 span,.bench h2 span{color:var(--accent)}.lede{margin-top:1.7em;max-width:30ch;font-size:clamp(15px,1.17vw,36px);line-height:1.45;color:#d3d4ce}.primary{display:inline-flex;justify-content:space-between;align-items:center;gap:1.8em;padding:.8em 1.1em;background:var(--accent);color:#111612;font-weight:650;font-size:clamp(14px,1.1vw,32px)}.primary span{font-size:1.3em;line-height:1}.primary:hover{background:#ff865e;text-decoration:none}
.hero-plate{margin:0;position:relative;min-width:0;isolation:isolate;overflow:hidden;background:#c8c3b9}.hero-plate img{position:absolute;z-index:-1;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}.hero-plate figcaption,.stamp{position:absolute;left:clamp(18px,2.4vw,80px);right:clamp(18px,2.4vw,80px)}.stamp{top:clamp(18px,2.5vw,80px);display:flex;align-items:center;gap:.8em;font-size:clamp(11px,.88vw,23px);text-transform:uppercase;font-weight:700;letter-spacing:.065em}.stamp i{font:400 2em/.7 Inter;color:#333d39}.hero-plate figcaption{bottom:clamp(19px,2.1vw,74px);padding-top:.65em;border-top:1px solid #73736e;display:flex;align-items:end;justify-content:space-between}.hero-plate figcaption span{display:block;font-size:clamp(10px,.8vw,22px);text-transform:uppercase;letter-spacing:.08em}.hero-plate figcaption strong{font-size:clamp(22px,2.3vw,68px);letter-spacing:-.055em;line-height:1.18}.hero-plate figcaption>b{font-size:clamp(14px,1.1vw,31px)}
.models{display:grid;grid-template-columns:.68fr repeat(3,1fr);border-bottom:1px solid var(--rule);padding-inline:var(--g)}.models>span,.models a{padding:clamp(15px,1.5vw,53px)}.models>span{align-self:center;padding-left:0;text-transform:uppercase;font-size:clamp(10px,.79vw,22px);line-height:1.3}.models>span b{font-weight:400}.models a{display:grid;grid-template-columns:1fr auto;gap:.3em .45em;border-left:1px solid var(--rule)}.models a:hover,.models a[aria-current]{background:#e2e0d8}.models a[aria-current]{box-shadow:inset 0 4px var(--accent)}.models a small{font:700 clamp(11px,.77vw,22px) "Courier New";color:#98552e}.models a strong{grid-column:1;line-height:1.15;font-size:clamp(16px,1.4vw,44px);letter-spacing:-.04em}.models a>b{grid-column:2;grid-row:1/3;align-self:center;font-size:1.2em}
.sheet,.bench{padding:clamp(50px,6vw,180px) var(--g);display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,9vw,300px);align-items:center}.meta h2,.bench h2{font-size:clamp(43px,4.9vw,150px);line-height:.97;letter-spacing:-.075em;margin:.42em 0 .3em}.sheet p:not(.rubric),.bench p:not(.rubric){font-size:clamp(16px,1.18vw,36px);max-width:48ch}.sheet dl{margin:0}.sheet dl div,.test label,.results{display:flex;align-items:baseline;justify-content:space-between;gap:.75em}.sheet dl div{border-bottom:1px solid var(--rule);padding:.75em 0}.sheet dt{font-size:clamp(13px,1vw,27px)}.sheet dd{font-size:clamp(20px,2vw,55px);margin:0;font-weight:600;letter-spacing:-.05em}
.bench{background:#242a27;color:#f4f3eb}.bench-intro>p:last-child{margin-top:1em;color:#c4cbc3}.test{padding:clamp(20px,2.5vw,70px);background:#e8e6db;color:#252a24}.diagram{position:relative;margin:.8em 4% 2.5em;height:clamp(120px,11vw,355px)}.dimension{position:absolute;top:0;width:100%;border-top:1px solid #767d71;text-align:center}.dimension b{position:relative;top:-.9em;background:#e8e6db;padding:0 .7em}.girder{position:absolute;top:70%;width:100%;height:8px;background:#333c36}.support{position:absolute;top:calc(70% + 8px);width:0;height:0;border-left:11px solid transparent;border-right:11px solid transparent;border-bottom:17px solid #555d51}.left{left:-11px}.right{right:-11px}.load{position:absolute;left:var(--load,50%);bottom:32%;line-height:1;text-align:center;transform:translateX(-50%);color:#a63717;white-space:nowrap}.load i{display:block;font:400 2.4em/1 Inter}.test label,.results{font-size:clamp(14px,1vw,28px)}input[type=range]{width:100%;accent-color:#973d1f;min-height:42px}.results{margin-top:.5em;border-top:1px solid #9da395;padding-top:1em}.results strong{display:block;font:600 1.5em Inter;letter-spacing:-.05em}footer{justify-content:space-between;border:0;color:#e0e5df;padding-block:1.3em}.foot{color:#fff}
@media(max-width:900px){header nav a:first-child{display:none}.hero{grid-template-columns:40% 60%}.hero-copy{gap:34px;padding-inline:22px}.hero h1{font-size:clamp(55px,8vw,83px)}.hero-plate img{object-fit:contain}.models{grid-template-columns:repeat(3,1fr)}.models>span{display:none}.models a:first-of-type{border:0}.sheet,.bench{gap:28px}}
@media(max-width:750px){header{min-height:59px;gap:13px}.brand{font-size:29px}.sub{font-size:9px}header nav{display:none}.back{margin-left:auto}.hero{display:flex;flex-direction:column}.hero-copy{padding:22px var(--g) 20px;gap:13px;display:grid;grid-template-columns:1fr auto;align-items:end}.hero-copy .rubric{grid-column:1/-1;font-size:10px}.hero h1{font-size:clamp(51px,11.5vw,79px)}.hero .lede{margin:.7em 0 0;line-height:1.3;font-size:13px;max-width:32ch}.primary{font-size:12px;padding:.8em .72em;gap:.5em}.hero-plate{height:clamp(230px,69vw,480px);background:linear-gradient(#aaa9a3,#d9d8d3)}.hero-plate img{object-fit:contain}.stamp{top:14px;font-size:9px}.hero-plate figcaption{bottom:12px}.hero-plate figcaption strong{font-size:21px}.hero-plate figcaption span{font-size:9px}.models{padding-inline:6px}.models a{padding:10px 8px}.models a>b{display:none}.models a strong{font-size:14px}.models a small{font-size:10px}.sheet,.bench{grid-template-columns:1fr;gap:22px}.sheet,.bench{padding-block:44px}footer{flex-wrap:wrap;gap:10px}footer span{order:3;width:100%}.results{font-size:13px}}
@media(max-width:390px){.hero-copy{grid-template-columns:1fr}.hero-copy .primary{width:max-content}.hero .lede{max-width:none}.hero h1{font-size:12vw}.models a strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}
@media (max-width: 400px) { header .sub { display: none; } }

@media (min-resolution:1.5dppx) { .hero { --plate-width:1200px; } }
@media (min-resolution:2.5dppx) { .hero { --plate-width:800px; } }
@media (min-width:3810px), (min-width:1905px) and (min-resolution:1.5dppx), (min-width:1270px) and (min-resolution:2.5dppx) {
  .hero { grid-template-columns:minmax(0,1fr) var(--plate-width,2400px); }
}