@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-vietnamese-wdth-normal-rJmnGBSt.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-wdth-normal-7khWdh9v.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-wdth-normal-DY7AcnAa.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--blueprint:#0d3a70;--blueprint-deep:#072a52;--ink:#e6eefa;--ink-soft:#e6eefab3;--ink-faint:#e6eefa42;--grid-minor:#e6eefa0e;--grid-major:#e6eefa1c;--markup:#ffd24a;--font:"Archivo Variable", "Archivo", system-ui, sans-serif;--gutter:clamp(8px, 1.6vw, 20px);--pad:clamp(20px, 5vw, 72px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:100%;line-height:1.5}*,:before,:after{box-sizing:border-box}html,body{margin:0}body{background:radial-gradient(ellipse 120% 90% at 50% 35%, var(--blueprint) 40%, var(--blueprint-deep) 100%) fixed;min-height:100dvh}p{margin:0}a{color:inherit}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sheet{min-height:100dvh;padding:var(--gutter);display:flex;position:relative}.sheet:before{content:"";pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.frame{border:2px solid var(--ink);flex:1;padding:5px;display:flex;position:relative}.plan{min-width:0;padding:clamp(20px, 4.5vh, 64px) var(--pad);border:1px solid var(--ink-faint);background-image:linear-gradient(var(--grid-major) 1px, transparent 1px), linear-gradient(90deg, var(--grid-major) 1px, transparent 1px), linear-gradient(var(--grid-minor) 1px, transparent 1px), linear-gradient(90deg, var(--grid-minor) 1px, transparent 1px);background-size:120px 120px,120px 120px,24px 24px,24px 24px;flex:1;grid-template-rows:1fr auto;gap:clamp(28px,5vh,72px);display:grid;position:relative;overflow:hidden}@media (hover:hover) and (pointer:fine){.plan{cursor:none}.plan a{cursor:pointer}}.drawing{align-self:center;min-width:0}.name{position:relative}.name-svg{z-index:1;width:100%;max-width:calc(44dvh * var(--ratio));height:auto;aspect-ratio:var(--ratio);color:var(--ink);display:block;position:relative;overflow:visible}.guide{left:calc(-1 * var(--pad));right:calc(-1 * var(--pad));border-top:1px solid var(--ink-faint);height:0;position:absolute}.guide-x{border-top-style:dashed;border-top-color:#e6eefa29}.guide-label{color:var(--ink-soft);white-space:nowrap;font-size:.75rem;font-stretch:80%;display:none;position:absolute;bottom:4px;right:14px}@media (width>=1000px){.name-svg{max-width:min(calc(44dvh * var(--ratio)), calc(100% - 10rem))}.guide-label{display:block}}.dimension-label{fill:var(--ink-soft);font-family:var(--font);font-variant-numeric:tabular-nums;font-weight:500;font-stretch:80%}.legend{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:40px 56px;display:flex;position:relative}.intro{justify-items:start;gap:12px;max-width:34rem;display:grid}.role{font-size:clamp(1.125rem,.95rem + .7vw,1.5rem);font-weight:650;font-stretch:112%;line-height:1.2}.lead{max-width:46ch;color:var(--ink-soft);font-size:1.0625rem;line-height:1.6}.cta{background:var(--ink);color:var(--blueprint-deep);border-radius:3px;align-items:center;gap:10px;margin-top:12px;padding:13px 20px 13px 18px;font-size:1rem;font-weight:600;text-decoration:none;transition:background-color .16s,transform .16s;display:inline-flex}.cta:hover{background:var(--markup)}.cta:active{transform:translateY(1px)}.cta:focus-visible{outline:2px solid var(--markup);outline-offset:3px}.cta-icon{fill:currentColor;width:18px;height:18px}.title-block{border:1.5px solid var(--ink);background:#072a52b8;grid-template-columns:auto 1fr;min-width:min(100%,22rem);margin:0;font-size:.9375rem;display:grid}.title-block dt,.title-block dd{border-top:1px solid var(--ink-faint);margin:0;padding:8px 16px}.title-block dt:first-of-type,.title-block dd:first-of-type{border-top:0}.title-block dt{border-right:1px solid var(--ink-faint);color:var(--ink-soft);align-items:center;font-size:.75rem;font-stretch:80%;display:flex}.title-block dd{font-weight:500}.title-block .title-block-status{align-items:center;padding-block:13px;display:flex}.clouded{color:var(--markup);position:relative}.revision-cloud{pointer-events:none;width:calc(100% + 26px);height:calc(100% + 20px);position:absolute;top:-10px;left:-13px;overflow:visible}.revision-cloud-path{fill:none;stroke:var(--markup);stroke-width:1.5px;stroke-linejoin:round}.crosshair{z-index:2;pointer-events:none;opacity:0;transition:opacity .2s;position:absolute;inset:0}.crosshair.is-active{opacity:1}.crosshair-line{background:#e6eefa3d;position:absolute;top:0;left:0}.crosshair-h{height:1px;transform:translateY(var(--y));right:0}.crosshair-v{width:1px;transform:translateX(var(--x));bottom:0}.crosshair-pick{border:1px solid var(--ink);width:11px;height:11px;transform:translate(calc(var(--x) - 5px), calc(var(--y) - 5px));position:absolute;top:0;left:0}.crosshair-coords{font-variant-numeric:tabular-nums;color:var(--ink-soft);white-space:nowrap;transform:translate(calc(var(--x) + 12px), calc(var(--y) + 10px));font-size:.6875rem;font-stretch:80%;position:absolute;top:0;left:0}@media (width<=720px){.legend{flex-direction:column;align-items:stretch}.title-block{min-width:0}}@media (prefers-reduced-motion:no-preference){.frame{animation:.7s ease-out both fade-in}.guide{transform-origin:0;animation:extend .9s cubic-bezier(.65, 0, .35, 1) calc(.25s + var(--i) * 60ms) both}.name-outline{stroke-dasharray:2000;animation:2.2s cubic-bezier(.45,0,.25,1) .6s both draw}.name-hatch{animation:1.1s cubic-bezier(.65,0,.35,1) 2.1s both sweep}.dimension{animation:.5s ease-out 2.6s both fade-in}.intro{animation:.7s ease-out 2.75s both fade-in}.title-block{animation:.7s ease-out 2.95s both fade-in}.revision-cloud-path{stroke-dasharray:1;animation:.8s ease-in-out 3.4s both draw-unit}.sheet:not([data-ready]) :is(.frame,.guide,.name-outline,.name-hatch,.dimension,.intro,.title-block,.revision-cloud-path){animation-play-state:paused}}@keyframes fade-in{0%{opacity:0}}@keyframes extend{0%{transform:scaleX(0)}}@keyframes draw{0%{stroke-dashoffset:2000px}to{stroke-dashoffset:0}}@keyframes draw-unit{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes sweep{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}