@font-face{font-family:Archivo;src:url('/assets/Archivo.ttf') format('truetype');font-weight:100 900;font-stretch:62% 125%;font-display:swap}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:var(--cp-space-5)}
body{margin:0;background:var(--cp-ground);color:var(--cp-ink);font-family:var(--cp-font);font-size:var(--cp-size-body);line-height:var(--cp-lh-body);font-variation-settings:'wdth' var(--cp-body-wdth)}
a{color:inherit;text-underline-offset:5px}
a:focus-visible,summary:focus-visible{outline:3px solid var(--cp-focus);outline-offset:5px}
a:hover{color:var(--cp-primary)}
p{margin:0 0 var(--cp-space-4);max-width:62ch}
img{max-width:100%;height:auto;display:block}
h1,h2,h3{color:var(--cp-primary);margin:0;font-variation-settings:'wdth' var(--cp-heading-wdth);letter-spacing:var(--cp-heading-tracking);text-wrap:balance}
h1{font-size:var(--cp-size-hero);line-height:var(--cp-lh-hero);font-weight:var(--cp-display-wght);font-variation-settings:'wdth' var(--cp-display-wdth);letter-spacing:var(--cp-display-tracking)}
h2{font-size:var(--cp-size-h1);line-height:var(--cp-lh-h1);font-weight:var(--cp-heading-wght);margin-bottom:var(--cp-space-5)}
h3{font-size:var(--cp-size-h3);line-height:var(--cp-lh-h3);font-weight:var(--cp-heading-wght);margin-bottom:var(--cp-space-2)}
.shell{max-width:1200px;margin:auto;padding:0 40px}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:var(--cp-space-6);padding:var(--cp-space-6) 0;border-bottom:var(--cp-stroke-hair) solid var(--cp-line)}
.brand{display:flex;align-items:center;min-height:var(--cp-touch-min)}
.brand img{width:250px}
nav{display:flex;gap:var(--cp-space-6);align-items:center}
nav a{display:flex;gap:var(--cp-space-2);align-items:center;min-height:var(--cp-touch-min);text-decoration:none;font-size:var(--cp-size-body-sm);font-weight:var(--cp-strong-wght)}
nav a:hover{text-decoration:underline}
.hero{display:grid;grid-template-columns:0.9fr 1.1fr;gap:var(--cp-space-8);padding:var(--cp-space-8) 0 var(--cp-space-7);align-items:start}
.hero h1{margin:var(--cp-space-5) 0}
.state{display:flex;gap:var(--cp-space-2);align-items:center;color:var(--cp-muted);font-size:var(--cp-size-body-sm)}
.state>span{width:8px;height:8px;flex:none;background:var(--cp-accent)}
.intro{font-size:var(--cp-size-h3);line-height:var(--cp-lh-h3);font-weight:var(--cp-strong-wght);max-width:30ch}
.hero-copy>p:not(.state):not(.intro){color:var(--cp-muted)}
.button{margin-top:var(--cp-space-3);display:inline-flex;align-items:center;justify-content:center;gap:var(--cp-space-5);min-height:var(--cp-touch-glove);padding:var(--cp-space-3) var(--cp-space-5);border:var(--cp-stroke-object) solid var(--cp-primary);border-radius:var(--cp-radius-sm);background:var(--cp-primary);color:var(--cp-on-primary);text-decoration:none;font-weight:var(--cp-heading-wght);transition:background var(--cp-motion-fast) var(--cp-motion-ease)}
.button:hover{background:var(--cp-primary-press);color:var(--cp-on-primary)}
.button:active{transform:translateY(2px)}
.hero-note{margin-top:var(--cp-space-3)}
.small{font-size:var(--cp-size-body-sm);line-height:var(--cp-lh-body-sm)}
.muted{color:var(--cp-muted)}
.project-sheet{margin:0;padding-top:var(--cp-space-2);min-width:0}
.sheet-heading{display:flex;justify-content:space-between;align-items:center;gap:var(--cp-space-3);padding-bottom:var(--cp-space-4);border-bottom:var(--cp-stroke-object) solid var(--cp-drawing);font-size:var(--cp-size-body-sm);color:var(--cp-primary)}
.code,.status{font-size:var(--cp-size-callout);line-height:var(--cp-lh-callout);font-weight:var(--cp-callout-wght);font-variation-settings:'wdth' var(--cp-callout-wdth);letter-spacing:var(--cp-callout-tracking);text-transform:uppercase}
.sheet-heading .code{white-space:nowrap;border:var(--cp-stroke-line) solid var(--cp-drawing);padding:3px 6px}
.elevation{display:block;width:100%;height:auto;overflow:visible;margin:var(--cp-space-5) 0 var(--cp-space-4)}
.box,.dimension{stroke:var(--cp-drawing);fill:none;stroke-width:1.5}
.box{stroke-width:2}
.panel{stroke-width:1}
.dimension text{stroke:none;fill:var(--cp-drawing);text-anchor:middle;font-size:15px;font-variant-numeric:tabular-nums}
.hardware{fill:var(--cp-accent);stroke:var(--cp-accent);stroke-width:3}
.counter{stroke-width:0}
.leader{stroke:var(--cp-drawing);stroke-width:1;fill:var(--cp-drawing)}
.drawing-tags rect{fill:var(--cp-ground);stroke:var(--cp-drawing);stroke-width:1.5}
.drawing-tags text{fill:var(--cp-drawing);text-anchor:middle;font-size:14px;font-weight:var(--cp-callout-wght);font-variation-settings:'wdth' var(--cp-callout-wdth)}
.cut-sheet{font-size:var(--cp-size-body-sm);line-height:var(--cp-lh-body-sm);font-variant-numeric:tabular-nums}
.cut-sheet>div{display:flex;justify-content:space-between;gap:var(--cp-space-5);border-bottom:var(--cp-stroke-hair) solid var(--cp-line);padding:var(--cp-space-2) 0}
.cut-sheet .cut-head{border-bottom:var(--cp-stroke-object) solid var(--cp-drawing);font-weight:var(--cp-strong-wght)}
.cut-sheet .code{display:inline-block;width:70px;color:var(--cp-primary)}
figcaption{font-size:var(--cp-size-caption);line-height:var(--cp-lh-caption);color:var(--cp-muted);margin-top:var(--cp-space-3);max-width:48ch}
.ruler{height:22px;border-top:var(--cp-stroke-hair) solid var(--cp-drawing);background-image:repeating-linear-gradient(90deg,var(--cp-drawing) 0 1px,transparent 1px 96px),repeating-linear-gradient(90deg,var(--cp-drawing) 0 1px,transparent 1px 48px),repeating-linear-gradient(90deg,var(--cp-line) 0 1px,transparent 1px 6px);background-size:100% 20px,100% 13px,100% 6px;background-repeat:no-repeat}
.section{padding:var(--cp-space-9) 0;border-bottom:var(--cp-stroke-hair) solid var(--cp-line)}
.section-label{color:var(--cp-muted);font-size:var(--cp-size-body-sm);margin-bottom:var(--cp-space-4)}
.workflow{display:grid;grid-template-columns:0.9fr 1.1fr;gap:var(--cp-space-8)}
.section-intro>p:not(.section-label){max-width:36ch}
.workflow-list{padding:0;margin:0;list-style:none}
.workflow-list li{display:grid;grid-template-columns:32px 1fr;gap:var(--cp-space-4);padding:var(--cp-space-5) 0;border-top:var(--cp-stroke-hair) solid var(--cp-line)}
.workflow-list li:first-child{padding-top:0;border:0}
.workflow-list li:last-child{padding-bottom:0}
.step{color:var(--cp-muted);font-variant-numeric:tabular-nums;font-size:var(--cp-size-h3);line-height:var(--cp-lh-h3)}
.workflow-list p{margin-bottom:var(--cp-space-2);color:var(--cp-muted)}
.status{color:var(--cp-warning)}
.fit{display:grid;grid-template-columns:0.9fr 1.1fr;gap:var(--cp-space-8)}
.fit p{color:var(--cp-muted)}
.fit p:last-child{margin:0}
.pricing-heading{display:flex;align-items:end;justify-content:space-between;gap:var(--cp-space-8);margin-bottom:var(--cp-space-6)}
.pricing-heading h2{margin-bottom:0}
.pricing-heading>p{max-width:38ch;color:var(--cp-muted);font-size:var(--cp-size-body-sm);line-height:var(--cp-lh-body-sm);margin:0}
.pricing-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.pricing-table th,.pricing-table td{text-align:right;padding:var(--cp-space-5) var(--cp-space-4);border-bottom:var(--cp-stroke-hair) solid var(--cp-line)}
.pricing-table th:first-child{text-align:left;padding-left:0}
.pricing-table td:last-child,.pricing-table th:last-child{padding-right:0}
.pricing-table thead th{font-size:var(--cp-size-body-sm);font-weight:var(--cp-strong-wght);padding-top:var(--cp-space-4);padding-bottom:var(--cp-space-4);border-bottom:var(--cp-stroke-object) solid var(--cp-drawing);color:var(--cp-muted)}
.pricing-table tbody th{color:var(--cp-primary);font-size:var(--cp-size-h2);line-height:var(--cp-lh-h2);font-variation-settings:'wdth' var(--cp-heading-wdth)}
.pricing-table .amount{font-size:var(--cp-size-h2);line-height:var(--cp-lh-h2);font-weight:var(--cp-strong-wght)}
.pricing-table .unit{font-size:var(--cp-size-body-sm);color:var(--cp-muted);margin-left:3px}
.pricing-notes{display:grid;grid-template-columns:1fr 1fr;gap:var(--cp-space-8);margin:var(--cp-space-5) 0 var(--cp-space-3);color:var(--cp-muted);font-size:var(--cp-size-body-sm);line-height:var(--cp-lh-body-sm)}
.text-link{display:inline-flex;align-items:center;gap:var(--cp-space-4);min-height:var(--cp-touch-min);font-weight:var(--cp-strong-wght)}
.faq{display:grid;grid-template-columns:0.9fr 1.1fr;gap:var(--cp-space-8)}
details{border-bottom:var(--cp-stroke-hair) solid var(--cp-line)}
details:first-child{border-top:var(--cp-stroke-hair) solid var(--cp-line)}
summary{cursor:pointer;min-height:var(--cp-touch-glove);display:flex;align-items:center;justify-content:space-between;gap:var(--cp-space-5);padding:var(--cp-space-4) 0;font-weight:var(--cp-strong-wght);color:var(--cp-primary);list-style:none}
summary::-webkit-details-marker{display:none}
summary::after{content:'+';font-size:var(--cp-size-h2);font-weight:400;flex:none}
details[open] summary::after{content:'−'}
details p{color:var(--cp-muted);padding:0 var(--cp-space-6) var(--cp-space-4) 0;margin:0}
.availability{display:grid;grid-template-columns:0.9fr 1.1fr;gap:var(--cp-space-8);padding:var(--cp-space-8);margin:var(--cp-space-9) 0;background:var(--cp-brand-navy);color:var(--cp-brand-chalk)}
.availability h2{font-size:var(--cp-size-display);line-height:var(--cp-lh-display);color:var(--cp-brand-chalk);margin:var(--cp-space-5) 0 0}
.availability .state{color:var(--cp-brand-chalk)}
.availability a:hover{color:var(--cp-brand-chalk)}
.availability>div:last-child{padding-top:var(--cp-space-7)}
footer{display:flex;align-items:center;gap:var(--cp-space-5);padding:var(--cp-space-6) 0;border-top:var(--cp-stroke-hair) solid var(--cp-line);font-size:var(--cp-size-body-sm);line-height:var(--cp-lh-body-sm)}
footer img{flex:none}
footer p{margin:0;color:var(--cp-muted)}
footer>a{margin-left:auto;display:flex;align-items:center;min-height:var(--cp-touch-min);color:var(--cp-muted)}
.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link:focus{position:fixed;z-index:10;top:var(--cp-space-4);left:var(--cp-space-4);background:var(--cp-ground);padding:var(--cp-space-4)}
@media(max-width:900px){.shell{padding:0 var(--cp-space-5)}.hero,.workflow,.fit,.faq{gap:var(--cp-space-6)}h1{font-size:var(--cp-size-display);line-height:var(--cp-lh-display)}.brand img{width:220px}nav{gap:var(--cp-space-5)}.availability{padding:var(--cp-space-7);gap:var(--cp-space-6)}}
@media(max-width:680px){.shell{padding:0 var(--cp-space-5)}.site-header{flex-direction:column;align-items:flex-start;gap:var(--cp-space-3);padding:var(--cp-space-5) 0 var(--cp-space-3)}.brand img{width:225px}nav{width:100%;justify-content:space-between;gap:var(--cp-space-3)}.hero{grid-template-columns:1fr;padding:var(--cp-space-7) 0;gap:var(--cp-space-7)}h1{font-size:var(--cp-size-display);line-height:var(--cp-lh-display)}.hero h1{margin:var(--cp-space-4) 0 var(--cp-space-5)}.hero-copy>p{max-width:40ch}.button{width:100%;justify-content:space-between}.hero-note{margin-bottom:0}.sheet-heading{font-size:var(--cp-size-caption)}.elevation{margin-top:var(--cp-space-4)}.section{padding:var(--cp-space-8) 0}.workflow,.fit,.faq{grid-template-columns:1fr;gap:var(--cp-space-6)}.section-intro>p:not(.section-label){max-width:42ch}.pricing-heading{display:block;margin-bottom:var(--cp-space-5)}.pricing-heading>p{margin-top:var(--cp-space-4);max-width:42ch}.pricing-table th,.pricing-table td{padding:var(--cp-space-4) var(--cp-space-2)}.pricing-table tbody th,.pricing-table .amount{font-size:var(--cp-size-h3);line-height:var(--cp-lh-h3)}.pricing-table .unit{display:block;font-size:var(--cp-size-caption);line-height:var(--cp-lh-caption)}.pricing-table thead th{font-size:var(--cp-size-caption)}.pricing-notes{grid-template-columns:1fr;gap:0}.availability{grid-template-columns:1fr;padding:var(--cp-space-6);margin:var(--cp-space-8) 0;gap:var(--cp-space-5)}.availability>div:last-child{padding:0}.availability h2{font-size:var(--cp-size-h1);line-height:var(--cp-lh-h1)}footer{flex-wrap:wrap;gap:var(--cp-space-4)}footer>a{margin-left:45px}h2{font-size:var(--cp-size-h2);line-height:var(--cp-lh-h2)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}