/* Lit, solid software planes give the documented tools a physical presence. */
.bootech-visual{background:#182024;background-image:radial-gradient(ellipse at 82% 38%,#52605c38,transparent 58%);color:var(--fg);padding:100px 4.5% 105px;min-height:0}
.bootech-visual .project-topline{color:#b6c2be}
.bootech-composition{display:grid;grid-template-columns:1fr 1.05fr;gap:5%;align-items:center}
.bootech-brand{display:flex;align-items:center;gap:13px;font-size:27px;letter-spacing:-.04em}
.bootech-brand img{width:35px;height:35px;object-fit:contain;filter:grayscale(1) brightness(2.2)}
.bootech-field{margin:36px 0 18px;color:#ffab82;font-size:12px}
.bootech-copy h3{font-size:clamp(35px,4.25vw,72px);line-height:1.08;letter-spacing:-.065em}
.bootech-copy>p:last-child{margin-top:26px;max-width:360px;color:#bac7c2;font-size:14px;line-height:1.8}
.bootech-layers{margin:0;min-width:0}
.bootech-layers svg{width:100%;height:auto;display:block;overflow:visible}
.bootech-guide path{fill:none;stroke:#b2c4bf;stroke-width:1;stroke-dasharray:2 7;opacity:.18}
.bootech-layer{transition:transform var(--slow) var(--ease)}
.bootech-layer .layer-face{stroke-width:1;stroke-linejoin:round}
.bootech-layer .layer-side{stroke-width:1;stroke-linejoin:round}
.bootech-layer .layer-edge{fill:none;stroke:#fff;stroke-opacity:.55;stroke-width:1;stroke-linejoin:round}
.layer-environment .layer-face{fill:url(#bootech-graphite);stroke:#8da5a7}
.layer-environment .layer-side{fill:#1b3036;stroke:#40585e}
.layer-implementation .layer-face{fill:url(#bootech-ivory);stroke:#faf4e7}
.layer-implementation .layer-side{fill:#8a9f96;stroke:#b4c1b6}
.layer-application .layer-face{fill:url(#bootech-orange);stroke:#ffae84}
.layer-application .layer-side{fill:#a6361c;stroke:#d8582e}
.layer-print{color:#eff4ed}
.layer-implementation .layer-print{color:#25372f}
.layer-application .layer-print{color:#431d10}
.layer-print text{fill:currentColor;font-family:var(--display);font-weight:500}
.layer-print .layer-title{font-size:35px;letter-spacing:-1.4px}
.layer-print .layer-annotation{font-family:var(--mono);font-weight:400;font-size:12px;letter-spacing:1.3px}
.layer-print .layer-number{font-family:var(--mono);font-weight:400;font-size:10px;letter-spacing:1px;opacity:.8}
.layer-circuit{fill:none;stroke:currentColor;stroke-width:1;stroke-linejoin:round;opacity:.65}
.layer-pin{fill:currentColor;opacity:.65}
.bootech-layers figcaption{margin:14px 0 0 12%;color:#bac7c2;font-size:11px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.bootech-visual:hover .layer-application{transform:translateY(-8px)}.bootech-visual:hover .layer-implementation{transform:translateY(-4px)}}
@media(max-width:1050px){.bootech-visual{padding-top:90px}.bootech-composition{gap:3%;grid-template-columns:1.1fr 1fr}.bootech-copy h3{font-size:38px}.bootech-copy>p:last-child{font-size:13px}.bootech-layers figcaption{font-size:10px;margin-left:8%}}
@media(max-width:760px){.bootech-visual{padding:68px 23px 99px;background-image:radial-gradient(ellipse at 65% 72%,#52605c38,transparent 55%)}.bootech-composition{display:block}.bootech-brand{font-size:25px}.bootech-brand img{width:30px;height:30px}.bootech-field{margin:27px 0 17px;font-size:11px}.bootech-copy h3{font-size:clamp(33px,7.7vw,53px)}.bootech-copy>p:last-child{margin-top:20px;max-width:440px}.bootech-layers{margin:33px auto 0;max-width:470px}.layer-print .layer-annotation{font-size:15px;letter-spacing:.6px}.layer-print .layer-number{font-size:13px}.bootech-layers figcaption{font-size:10px;line-height:1.8;margin:14px 0 0;max-width:260px}.bootech-visual .project-open{bottom:23px}}
@media(max-width:370px){.bootech-visual{padding-left:18px;padding-right:18px}.bootech-copy h3{font-size:31px}.layer-print .layer-annotation{font-size:16px;letter-spacing:0}.layer-print .layer-number{font-size:14px}.bootech-layers figcaption{max-width:200px}}
@media print{.bootech-visual{background:#182024!important;color:#efeee7;print-color-adjust:exact}}