/* Aircraft blueprint drawing (aircraft.js), used on aircraft.html and the Builds card */
.bp{fill:none;stroke:#E6E0D4;stroke-width:.06;stroke-linejoin:round}
.bp.fill{fill:rgba(230,224,212,.035)}
.bp.body{fill:rgba(230,224,212,.05)}
.bp.eng{stroke:#7EE0B5}
.bp.thin{stroke-width:.04;opacity:.6}
.bp-seats rect{fill:rgba(126,224,181,.28)}
.bp-dims line{stroke:rgba(126,224,181,.55);stroke-width:.8px;vector-effect:non-scaling-stroke;stroke-dasharray:3 3}
.bp-dims text{fill:#7EE0B5;font-family:var(--mono);font-size:1.05px;text-anchor:middle;letter-spacing:.02em}
.blueprint.pre .bp{stroke-dasharray:1;stroke-dashoffset:1}
.blueprint.pre .bp-seats,.blueprint.pre .bp-dims{opacity:0}
.blueprint.anim .bp{animation:bpdraw 2.6s cubic-bezier(.6,.1,.3,1) forwards}
.blueprint.anim .bp:nth-child(2){animation-delay:.15s}.blueprint.anim .bp:nth-child(3){animation-delay:.6s}.blueprint.anim .bp:nth-child(4){animation-delay:.7s}
.blueprint.anim .bp-seats,.blueprint.anim .bp-dims{animation:bpfade 1.2s 2.2s forwards}
.ac-hero .blueprint.anim{animation:bpfloat 9s 3s ease-in-out infinite}
@keyframes bpdraw{to{stroke-dashoffset:0}}
@keyframes bpfade{to{opacity:1}}
@keyframes bpfloat{50%{transform:translateY(-10px)}}

.card:not(.wide) .art svg.blueprint{position:absolute;left:4%;top:6%;width:92%;height:88%}
.card.span2{grid-column:span 2}
.card.span2 .art{aspect-ratio:32/10}
@media (max-width:1100px){.card.span2{grid-column:auto}.card.span2 .art{aspect-ratio:16/10}}
.card.wide{grid-column:1/-1;flex-direction:row}
.card.wide .art{flex:1.15;aspect-ratio:auto;min-height:300px;border-bottom:0;border-right:1px solid var(--rule);display:grid;place-items:center;padding:18px}
.card.wide .art svg{width:100%;height:auto;max-height:340px}
.card.wide .body{flex:1;justify-content:center;padding:28px}
@media (max-width:860px){.card.wide{flex-direction:column}.card.wide .art{min-height:0;border-right:0;border-bottom:1px solid var(--rule)}}
@media (prefers-reduced-motion:reduce){.blueprint{animation:none!important}}