body [ironSurface]{--light-x: 35%;--light-y: 20%}body :is(jc-home,jc-service-page) .metal-button,body jc-home .outline-button{position:relative;isolation:isolate;min-height:58px;padding:16px 34px;border:1px solid #aab4b7;border-radius:2px 16px;color:#152022;background:radial-gradient(ellipse at var(--light-x) var(--light-y),rgba(255,255,255,.6),transparent 65%),repeating-linear-gradient(96deg,#ffffff10 0 1px,#0000000a 1px 3px),linear-gradient(165deg,#dce4e5,#949fa2 35%,#edf0ec 49%,#b4bec0 51%,#829093);box-shadow:inset 0 2px #fff9,inset 0 -4px #4c585c,0 5px #1b2528,0 10px 18px #0005;text-shadow:0 1px rgba(255,255,255,.5333333333);font-family:var(--display);font-weight:700;letter-spacing:.025em;transition:transform .2s,box-shadow .2s,border-color .2s;overflow:visible}body :is(jc-home,jc-service-page) .metal-button:before,body jc-home .outline-button:before{content:"";position:absolute;inset:8px;border:1px solid rgba(50,67,72,.4);border-radius:0 10px;pointer-events:none}body :is(jc-home,jc-service-page) .metal-button:after,body jc-home .outline-button:after{content:"";position:absolute;inset:0;width:auto;transform:none;background:radial-gradient(circle at 14px 50%,#e3e8e7 0 1px,#39484b 2px 3px,transparent 4px),radial-gradient(circle at calc(100% - 14px) 50%,#e3e8e7 0 1px,#39484b 2px 3px,transparent 4px);pointer-events:none}body :is(jc-home,jc-service-page) .metal-button:hover,body jc-home .outline-button:hover{transform:translateY(-2px);border-color:#e8f3ef}body :is(jc-home,jc-service-page) .metal-button:active,body jc-home .outline-button:active{transform:translateY(4px);box-shadow:inset 0 2px 5px #15202255,0 1px #182124}body jc-home .outline-button{color:#e4eae8;text-shadow:0 1px #000;border-color:#687679;background:radial-gradient(ellipse at var(--light-x) var(--light-y),rgba(153,173,167,.2),transparent 65%),repeating-linear-gradient(95deg,#fff05 0 1px,transparent 1px 3px),linear-gradient(150deg,#384347,#172022 50%,#39484b)}body jc-home .service-list{display:grid;gap:10px;align-content:start}body jc-home .service-list button{position:relative;isolation:isolate;overflow:hidden;min-height:108px;padding:20px 20px 20px 22px;gap:12px;color:#d4dedd;border:1px solid #5c6a6d;border-left:5px solid #727f81;border-radius:2px;background:radial-gradient(ellipse at var(--light-x) var(--light-y),rgba(164,186,181,.1607843137),transparent 65%),linear-gradient(115deg,#263236,#11191c);box-shadow:inset 0 1px #ffffff40,0 3px #0b1114,0 5px 8px #17212630;transition:border-color .3s,box-shadow .3s,transform .3s}body jc-home .service-list button>span{position:relative;z-index:1}body jc-home .service-list button>span:nth-of-type(2){max-width:63%;text-shadow:0 2px 6px #000}body jc-home .service-list .service-number{color:#acbaba;font-size:12px;align-self:start}body jc-home .service-list .service-arrow{color:#d0dad8;margin-left:auto;align-self:end}body jc-home .service-list button.active{color:#fff;border-color:#e5aa74;border-left-color:#f3bc84;box-shadow:inset 4px 0 20px #d99a5422,inset 0 1px #fff4,0 3px #65452f}body jc-home jc-iron-gate{position:absolute;right:-10px;top:0;width:180px;height:100%;opacity:.45;pointer-events:none}jc-iron-gate svg{width:100%;height:100%;overflow:visible}jc-iron-gate path{stroke:#889b9d;stroke-width:4;stroke-linejoin:bevel}jc-iron-gate .gate-frame{stroke:#c1ccc8;stroke-width:6}jc-iron-gate .gate-highlight{stroke:#e4ede4;stroke-width:1}jc-iron-gate .gate-hinge{stroke:#d6a378;stroke-width:6}jc-iron-gate .gate-leaf{transition:transform .65s cubic-bezier(.2,.7,.2,1);transform-box:fill-box}jc-iron-gate .gate-left{transform-origin:left}jc-iron-gate .gate-right{transform-origin:right}body jc-home .active jc-iron-gate{opacity:.85}body jc-home .active .gate-left{transform:perspective(180px) rotateY(-65deg)}body jc-home .active .gate-right{transform:perspective(180px) rotateY(65deg)}@media(hover:hover){body jc-home .service-list button:hover{transform:translate(4px);border-color:#c6d1cc}body jc-home .service-list button:not(.active):hover .gate-left{transform:perspective(180px) rotateY(-22deg)}body jc-home .service-list button:not(.active):hover .gate-right{transform:perspective(180px) rotateY(22deg)}}body jc-home .service-detail{border:6px solid #354246;outline:1px solid #889491;box-shadow:8px 8px #bac1bf}body jc-home .iron-options{margin:14px 0 24px;padding:0;border:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;min-width:0}body jc-home .iron-options legend{padding:0 0 12px;font-weight:600}body jc-home .iron-option{position:relative;display:flex;align-items:center;gap:9px;padding:14px 22px 14px 12px;min-height:76px;margin:0;font-size:12px;line-height:1.5;cursor:pointer;border:1px solid #617175;border-radius:2px 12px 2px 2px;background:linear-gradient(135deg,#3d494b,#1f292c);box-shadow:inset 0 1px #fff2,0 3px #11181a;transition:background .2s,transform .2s,border-color .2s}body jc-home .iron-option input{position:absolute;width:1px;height:1px;opacity:0;margin:0;padding:0}body jc-home .option-rivet{flex:0 0 14px;height:14px;border-radius:50%;border:2px solid #acb7b5;background:linear-gradient(45deg,#495657 44%,#c4cdca 45% 55%,#495657 56%);box-shadow:0 2px 3px #0008;transition:transform .3s}body jc-home .option-number{position:absolute;bottom:3px;right:7px;font-family:var(--display);font-size:9px;opacity:.6}body jc-home .iron-option:has(:checked){border-color:#e1a26c;background:linear-gradient(130deg,#614b37,#2d2c29);color:#fff1dc;transform:translateY(2px);box-shadow:inset 0 1px 5px #0005,0 1px #12191b}body jc-home .iron-option:has(:checked) .option-rivet{transform:rotate(90deg);border-color:#f3bd80;background:#cc9456}body jc-home .iron-option:has(:focus-visible){outline:3px solid var(--copper);outline-offset:3px}body jc-home .faq details{position:relative;margin:0 0 14px;border:1px solid #536166;border-left:7px solid #84908f;background:#151e21;box-shadow:0 4px #0b1114}body jc-home .faq summary{position:relative;padding:23px 21px 23px 27px;gap:18px;min-height:80px;color:#eef1e9;background:radial-gradient(ellipse at var(--light-x) var(--light-y),rgba(186,202,192,.1333333333),transparent 70%),repeating-linear-gradient(0deg,#fff03 0 1px,transparent 1px 4px),linear-gradient(120deg,#3d494c,#202a2d);box-shadow:inset 0 1px #d9e5dc55,inset 0 -3px #10191c;transition:color .3s}body jc-home .faq summary:before{content:"";position:absolute;left:-12px;top:18px;bottom:18px;width:17px;border:1px solid #c1cac7;border-radius:3px;background:linear-gradient(90deg,#303c3f,#b2bfbb 40%,#5d6d6d 65%,#283436);box-shadow:0 2px 3px #0007}body jc-home .faq summary span{display:grid;place-items:center;flex:0 0 34px;height:34px;font-size:0;border:2px solid #aab8b4;border-radius:50%;background:linear-gradient(135deg,#a6b3af,#344448);box-shadow:0 3px #0b1317;transition:transform .4s}body jc-home .faq summary span:after{content:"";width:24px;height:6px;background:#d1d9cf;border:1px solid #172326;box-shadow:0 2px 3px #000;transform:rotate(-45deg)}body jc-home .faq details[open] summary{color:#f8c792}body jc-home .faq details[open] summary span{transform:rotate(90deg)}body jc-home .faq details>p{padding:24px 27px;margin:0;color:#c5d0cb;border-top:1px solid rgba(187,135,87,.3019607843);animation:iron-reveal .35s ease-out}@keyframes iron-reveal{0%{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){body jc-home .service-list{gap:8px}body jc-home .service-list button{min-height:92px;padding:16px}body jc-home jc-iron-gate{width:154px}body jc-home .service-list button>span:nth-of-type(2){max-width:66%}body jc-home .service-detail{box-shadow:4px 4px #bac1bf}body jc-home .faq summary{padding:20px 14px 20px 22px;font-size:14px}body jc-home .faq details>p{padding:20px}body :is(jc-home,jc-service-page) .metal-button,body jc-home .outline-button{font-size:13px;padding:16px 29px}}@media(prefers-reduced-motion:reduce){body [ironSurface]{--light-x: 35% !important;--light-y: 20% !important}}body{background:#f3f2eb}body jc-home :is(.services,.projects,.about,.process,.contact,.location-faq),body jc-service-page{color:#243a40;--muted: #54696d;--line: #aab7b4;--copper: #94562e}body jc-home :is(.services,.projects,.about,.process,.contact){position:relative;isolation:isolate}body jc-home :is(.services,.projects,.process,.location-faq){background:#f3f2eb}body jc-home :is(.about,.contact){background:#e4eae5}body jc-home :is(.section-heading>p,.about-copy>p,.contact-copy>p,.location-reference,.projects-bottom p){color:#53676a}body jc-home :is(.section-index,.service-tags){color:#92542d}body jc-home :is(.projects,.about,.contact,.process) h2{color:#243a40}body jc-home .metal-text{background-image:linear-gradient(175deg,#75888b,#243d44 40%,#778d90 48%,#29454b 60%,#657b7e)}body jc-home .about-values{color:#40585c;border-color:#a6b7b3}body jc-home .about-photo{box-shadow:14px 14px #bccbc4}body jc-home .step-number{color:#718883}body jc-home .process-steps p{color:#53676a}body jc-home .service-pages{background:#e5eae4;color:#3e565a}body jc-home .service-detail{background:#fafaf4;color:#263e43;border:1px solid #9baea9;outline:0;box-shadow:8px 8px #d3dcd3}body jc-home .service-description>p:not(.service-tags){color:#53676a}body jc-home .service-description .text-link{color:#29494e}body jc-home .header{background:#f4f5efed;color:#253e44;border-color:#c3ceca}body jc-home .header nav{color:#344e53}body jc-home .hero{background:#f0f2eb;color:#253e44}body jc-home .hero-photo img{filter:saturate(.65) brightness(1.05)}body jc-home .hero-photo:after{background:linear-gradient(90deg,#f0f2eb 0%,rgba(240,242,235,.9607843137) 27%,rgba(240,242,235,.4392156863) 55%,transparent 82%),linear-gradient(0deg,#f0f2eb,transparent 30%)}body jc-home :is(.hero-description,.hero-signature,.hero .eyebrow){color:#425c61}body jc-home .hero-signature strong{color:#29434a}body jc-home .hero-city{color:#253e44}body jc-home .hero-project-note{color:#3f5a5e}body jc-home .project-dock{color:#2c484e}body jc-home .project-dock>a{background:#f8f9f1e8;border:1px solid #b7c6bf;box-shadow:0 6px 16px #314b3b0a}body jc-home .project-dock small{color:#6c624e}body jc-home .project-dock b{color:#8b5434}body jc-home .quote-form{background:#f8faf3;border-color:#aabdb3;box-shadow:0 16px 40px #3657440a;color:#29434a}body jc-home .quote-form :is(input:not([type=radio]),textarea){color:#29434a;background:#edf1e9;border-color:#a8bbb1}body jc-home .quote-form :is(input,textarea)::placeholder{color:#647b77}body jc-home :is(.form-note,.contact-phone){color:#425d5e}body jc-home .iron-option{background:linear-gradient(135deg,#f7f9ef,#dbe4dc);color:#304e52;border-color:#9eb3a9;box-shadow:inset 0 1px #fafbf7,0 2px #a3b5aa}body jc-home .iron-option:has(:checked){color:#493b29;background:linear-gradient(135deg,#f5e9cf,#e5d4b4);border-color:#a27643}body jc-home .faq details{background:#fafbf5;border-color:#a6b8b1;box-shadow:0 3px #c5d1c9}body jc-home .faq summary{background:radial-gradient(ellipse at var(--light-x) var(--light-y),#fbfcf3,transparent),linear-gradient(120deg,#e7eee4,#d9e2d9);color:#2c474c;box-shadow:inset 0 1px #fafbf6,inset 0 -2px #9caea4}body jc-home .faq details[open] summary{color:#815028}body jc-home .faq details>p{color:#496362}body jc-home footer{background:#e0e7df;color:#304d51;border-color:#a9bbb0}body jc-home footer :is(p,.footer-bottom){color:#536d6b}body jc-service-page{display:block;background:#f3f2eb}body jc-service-page :is(header,aside,.questions article){background:#e3e9e1;border-color:#a9bcb0}body jc-service-page :is(.service-hero>div>p,.signature,.explanation p,.explanation li,aside p,address,.breadcrumbs,.questions p,footer p){color:#526b69}body jc-service-page h1 span{color:#71877e}jc-architectural-lines{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;opacity:.19}jc-architectural-lines svg{width:100%;height:100%;min-height:600px;stroke:#829c92;stroke-width:1}jc-architectural-lines .plan-fixed{stroke-dasharray:3 9;opacity:.6}jc-architectural-lines .plan-measure{stroke:#946d46}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){jc-architectural-lines{animation:plan-travel linear both;animation-timeline:view();animation-range:entry 0% exit 100%}jc-architectural-lines .plan-moving{animation:plan-draw linear both;animation-timeline:view();animation-range:entry 0% cover 55%;stroke-dasharray:3200}}}@keyframes plan-travel{0%{transform:translateY(-35px)}to{transform:translateY(35px)}}@keyframes plan-draw{0%{stroke-dashoffset:2400}to{stroke-dashoffset:0}}body jc-home .service-list button{background:linear-gradient(125deg,#f9faf3,#e5ebe1);color:#29464a;border:1px solid #a7b9ad;box-shadow:inset 0 1px #fafcf8,0 3px #b3c2b6}body jc-home .service-list button.active{background:linear-gradient(135deg,#e2ebe0,#cdddcf);color:#203e3f;border-color:#627f69;box-shadow:inset 0 0 0 1px #829c83,0 3px #688471}body jc-home .service-list button>span:nth-of-type(2){text-shadow:none}body jc-home .service-list :is(.service-number,.service-arrow){color:#536f63}body jc-home jc-iron-gate{opacity:.8;right:14px;width:150px}body jc-home jc-iron-gate path{stroke:#58766e;stroke-width:3}body jc-home jc-iron-gate .gate-frame{stroke:#395b56;stroke-width:5}body jc-home jc-iron-gate :is(.gate-hinge,.accent-piece,.accent-piece path){stroke:#9c7144}body jc-home jc-iron-gate .gate-highlight{stroke:#cadbd1;stroke-width:1}body jc-home jc-iron-gate :is(.grille-bars,.grille-diamond,.stair-flight,.roof-piece,.repair-tool,.weld-spark,.custom-insert){transform-box:fill-box;transform-origin:center;transition:transform .85s cubic-bezier(.16,1,.3,1),opacity .6s}body jc-home .grille-bars{transform:scaleX(.55)}body jc-home .grille-diamond{transform:rotate(-45deg) scale(.6)}body jc-home .stair-flight{transform:translateY(13px)}body jc-home .roof-piece{transform:translateY(-13px)}body jc-home .repair-tool{transform:translate(13px,-9px) rotate(-15deg)}body jc-home .weld-spark{opacity:.1;transform:scale(.4)}body jc-home .custom-insert{transform:translateY(-14px)}body jc-home .active :is(.grille-bars,.grille-diamond,.stair-flight,.roof-piece,.repair-tool,.weld-spark,.custom-insert){transform:none;opacity:1}@media(hover:hover){body jc-home .service-list button:hover{transform:none;border-color:#678777}body jc-home .service-list button:not(.active):hover :is(.gate-left,.gate-right){transform:none}}@media(max-width:760px){body jc-home .hero{display:flex;flex-direction:column}body jc-home .hero-text{order:0;padding:30px 6% 28px}body jc-home .hero-photo{order:1;position:relative;inset:auto;height:245px;width:88%;margin:0 6% 25px;border:1px solid #9fb2a7}body jc-home .hero-photo img{filter:saturate(.8) brightness(1.03)}body jc-home .hero-photo:after{background:linear-gradient(0deg,rgba(24,47,55,.4392156863),transparent 40%)}body jc-home .hero-photo figcaption{display:flex;bottom:16px;left:16px;right:auto;color:#f0f4ec;font-size:8px}body jc-home .project-dock{order:2;margin:0 6%}body jc-home .header nav.open{background:#edf2e9}body jc-home .service-list{grid-template-columns:1fr 1fr;gap:12px}body jc-home .service-list button{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;min-height:178px;padding:14px 12px;gap:0}body jc-home .service-list button>span:nth-of-type(2){max-width:100%;font-size:14px;line-height:1.4;min-height:40px}body jc-home .service-list .service-number{position:absolute;top:9px;left:11px;font-size:9px}body jc-home .service-list .service-arrow{position:absolute;top:7px;right:11px;font-size:17px}body jc-home jc-iron-gate{top:27px;right:12%;width:76%;height:76px}body jc-home .service-detail{grid-template-rows:235px auto}body jc-home .section{padding-left:6%;padding-right:6%}body jc-home .hero .eyebrow{letter-spacing:.8px}body jc-home .hero h1{margin-top:20px}body jc-home .hero-signature{font-size:10px}jc-architectural-lines{opacity:.14}}@media(prefers-reduced-motion:reduce){jc-architectural-lines,jc-architectural-lines *{animation:none!important;transform:none!important}}body jc-home .outline-button{color:#29464a;text-shadow:0 1px #f8faf0;background:linear-gradient(140deg,#f4f6ed,#bacbc1 48%,#e8eee3 52%,#a5bab0)}body jc-home .signature-seal{color:#496962;border-color:#879e90}body jc-home .project-dock>p>span{color:#8b5b35}body jc-home jc-iron-gate .stair-steps{stroke:#81998e;stroke-width:3}body jc-home jc-iron-gate .stair-handrail{stroke:#395b56;stroke-width:5;stroke-linecap:round}body jc-home jc-iron-gate .stair-rail path{stroke-dasharray:100;stroke-dashoffset:22;opacity:.65;transition:stroke-dashoffset .8s cubic-bezier(.16,1,.3,1),opacity .5s}body jc-home .active jc-iron-gate .stair-rail path{stroke-dashoffset:0;opacity:1}@layer workshop-reset,workshop-layout;@layer workshop-reset{@font-face{font-family:Oxanium Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url("./media/oxanium-latin-wght-normal-O46AW7DY.woff2") format("woff2")}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url("./media/manrope-latin-wght-normal-73PUZEUA.woff2") format("woff2")}:root{color-scheme:dark;--ink: oklch(17% .008 250);--paper: oklch(94% .006 250);--muted: oklch(73% .012 250);--line: oklch(34% .01 250);--copper: oklch(76% .13 49);--display: "Oxanium Variable", sans-serif;--body: "Manrope Variable", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--body);font-size:15px;line-height:1.7}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img{display:block;max-width:100%}figure,h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}p{max-width:70ch}::selection{background:var(--copper);color:var(--ink)}:focus-visible{outline:3px solid var(--copper);outline-offset:6px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}}