@layer base,components;@layer pages{.hero{color:var(--blue-deep);background-color:#fff;background-image:linear-gradient(#1f3d8c29 1px,#0000 1px),linear-gradient(90deg,#1f3d8c29 1px,#0000 1px),linear-gradient(#1f3d8c12 1px,#0000 1px),linear-gradient(90deg,#1f3d8c12 1px,#0000 1px);background-size:120px 120px,120px 120px,24px 24px,24px 24px}.hero a:not(.btn):hover{color:var(--blue)}.hero-body{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:40px 64px;padding:clamp(56px,7vw,88px) 0 clamp(40px,5vw,56px);display:grid}.hero-copy .label{color:var(--blue)}.hero p{color:#14295fd9;max-width:520px;margin:0;font-size:clamp(17px,1.4vw,19px)}.index-panel{background:var(--white);border:1.5px solid var(--blue-deep);padding:18px 22px 8px}.index{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.index li{border-top:1px solid var(--rule)}.index a{gap:14px;padding:10px 0;display:flex}.index a span:first-child{color:var(--blue)}.index-head{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#14295f99;margin-bottom:10px;font-size:11px}.figures{background:var(--white);border:1.5px solid var(--blue-deep);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;border-bottom:0;grid-template-columns:repeat(4,minmax(0,1fr));font-size:12px;display:grid}.figures>div{border-right:1px solid var(--blue-deep);flex-direction:column;gap:6px;min-width:0;padding:16px;display:flex}.figures>div:last-child{border-right:0}.figures small{color:#14295f99;font-size:10px}.figures .display{font-size:var(--figure-font-size,26px);letter-spacing:0;color:var(--blue-deep)}.sheet-head{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:end;gap:24px 64px;margin-bottom:40px;display:grid}.sheet-head .label{color:var(--blue);margin-bottom:16px;display:block}.sheet-head h2{margin:0;font-size:clamp(30px,3vw,40px)}.sheet-head p{color:var(--muted);max-width:52ch;margin:0;font-size:18px}.drawings{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.drawing{background:var(--white);border:1.5px solid var(--ink);flex-direction:column;gap:18px;padding:28px;scroll-margin-top:24px;display:flex}.drawing.lead{grid-column:span 2;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:20px 48px;display:grid}.drawing.lead>.head{grid-column:span 2}.head{border-bottom:1px solid var(--rule);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--blue);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;font-size:11px;display:flex}.head .tag{background:var(--chalk);color:var(--blue-deep);padding:4px 8px}.logo{align-items:center;gap:12px;min-height:40px;display:flex}.logo img{width:auto;max-width:220px;height:32px;display:block}.logo .mark{font-family:var(--display);text-transform:uppercase;letter-spacing:0;font-size:26px;font-weight:800;font-stretch:125%;line-height:1}.logo .wordmark{font-family:var(--body);color:var(--ink);font-size:20px;font-weight:600}.drawing h3{font-family:var(--display);text-transform:uppercase;letter-spacing:0;text-wrap:balance;margin:0;font-size:22px;font-weight:800;font-stretch:125%;line-height:1.1}.drawing.lead h3{font-size:clamp(26px,2.4vw,32px)}.drawing .sub{color:var(--muted);margin:8px 0 0;font-size:15px}.drawing dl{font-family:var(--mono);letter-spacing:.04em;border-top:1px solid var(--rule);grid-template-columns:auto 1fr;gap:8px 14px;margin:0;padding-top:16px;font-size:12px;display:grid}.drawing dt{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;padding-top:2px;font-size:10px}.drawing dd{color:var(--ink);text-wrap:pretty;margin:0}.drawing p{color:var(--muted);margin:0}.drawing p+p{margin-top:12px}.drawing .body{flex-direction:column;gap:14px;display:flex}.drawing .side{flex-direction:column;gap:16px;display:flex}.out{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--blue);border-bottom:1px solid;align-self:flex-start;align-items:center;gap:8px;padding-bottom:2px;font-size:12px;display:inline-flex}@media (width<=1024px){.hero-body{grid-template-columns:1fr;gap:32px}.figures{grid-template-columns:repeat(2,minmax(0,1fr))}.figures>div{border-bottom:1px solid var(--blue-deep)}.figures>div:nth-child(2n){border-right:0}.figures>div:nth-last-child(-n+2){border-bottom:0}.sheet-head{grid-template-columns:1fr;gap:16px}.drawings{grid-template-columns:1fr}.drawing.lead{grid-column:span 1;grid-template-columns:1fr}.drawing.lead>.head{grid-column:span 1}}@media (width<=720px){.hero h1{font-size:clamp(30px,8.6vw,44px)}.index{grid-template-columns:1fr}.drawing{padding:22px}}}