.workshop-craft{--craft-paper:var(--paper);--craft-ink:var(--ink);--craft-muted:var(--ink-mute);--craft-accent:var(--sage-dark);--craft-highlight:var(--sage);--craft-rule:var(--rule-strong);--craft-wash:var(--sage-wash);--craft-white:oklch(99% .005 90);--craft-shade:oklch(16% .025 150 / .84);--craft-clear:oklch(16% .025 150 / 0);background:var(--craft-paper);color:var(--craft-ink);scroll-margin-top:86px}.workshop-craft :is(h2,h3){font-family:var(--font-display);font-weight:500;letter-spacing:-.045em;line-height:.99;margin:0;min-width:0;overflow-wrap:anywhere}.workshop-craft h2{font-size:clamp(56px,7.3vw,104px)}.workshop-craft h2 span{color:var(--craft-accent)}.workshop-craft p{font-size:16px;line-height:1.65;color:var(--craft-muted);margin:0}.workshop-craft figure{margin:0;min-width:0}.workshop-craft img{display:block;width:100%;height:100%;object-fit:cover}.workshop-craft [hidden]{display:none!important}.craft-link{display:inline-flex;gap:24px;align-items:center;min-height:48px;white-space:nowrap;font-size:13px;text-decoration:none}.craft-link>span{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--craft-rule);border-radius:50%;font-size:24px}.craft-link:hover>span{background:var(--craft-highlight)}.workshop-craft :is(a,button):focus-visible{outline:2px solid var(--craft-accent);outline-offset:5px}.workshop-craft :is(a,button):active{opacity:.8}.craft-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.workshop-craft--closer{padding:76px 0 44px}.closer-heading{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:72px;align-items:end;margin-bottom:44px}.closer-heading>div{padding-bottom:4px}.closer-heading p{max-width:340px}.closer-heading .craft-link{margin-top:22px}craft-inspector{display:block}.inspector-options{display:flex;border-bottom:1px solid var(--craft-rule);margin-bottom:24px;gap:8px}.inspector-options button{font:500 14px var(--font-body);border:0;background:none;padding:18px 24px;color:var(--craft-muted);cursor:pointer;display:flex;align-items:center;gap:48px;white-space:nowrap}.inspector-options button>span{font-size:19px;opacity:0}.inspector-options button[aria-pressed=true]{background:var(--craft-accent);color:var(--craft-white)}.inspector-options button[aria-pressed=true]>span,.inspector-options button:hover>span{opacity:1}.inspector-options button:hover:not([aria-pressed=true]){background:var(--craft-wash);color:var(--craft-ink)}.inspector-panel{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);gap:24px}.inspector-scene-image,.inspector-detail-image{position:relative;height:440px;overflow:hidden}.inspector-detail-image{background:var(--craft-wash);cursor:crosshair}.inspector-detail-image img{position:absolute;width:auto;max-width:none;height:calc(100% * var(--inspect-scale));left:var(--inspect-x);top:var(--inspect-y);object-fit:contain;transform:translate(calc(-1 * var(--inspect-x)),calc(-1 * var(--inspect-y)))}.scene-label,.detail-label{position:absolute;left:20px;top:20px;background:var(--craft-paper);padding:10px 14px;font-size:11px;line-height:1.2}.detail-label{right:20px;display:flex;align-items:center;justify-content:space-between;background:var(--craft-accent);color:var(--craft-white)}.inspector-panel figcaption{font-size:12px;line-height:1.55;padding-top:18px;color:var(--craft-muted)}.inspector-detail figcaption strong{display:block;font:500 23px/1.15 var(--font-display);letter-spacing:-.025em;color:var(--craft-ink)}.inspector-detail figcaption>span{display:block;margin-top:8px;font-size:10px}.inspection-target{position:absolute;width:86px;height:86px;border:1px solid var(--craft-white);box-shadow:0 0 0 1px var(--craft-shade);border-radius:50%;display:grid;place-items:center;pointer-events:none}.inspection-target i{width:6px;height:6px;background:var(--craft-white);border-radius:50%}.inspection-target:after{content:"";position:absolute;left:100%;top:50%;width:50px;height:1px;background:var(--craft-white)}.inspection-target--rope{left:33%;top:71%}.inspection-target--timber{left:70%;top:43%}.inspection-target--steel{left:34%;top:48%}.inspection-target--stitching{left:49%;top:53%}.closer-footer{display:flex;justify-content:space-between;gap:32px;margin-top:38px;padding-top:26px;border-top:1px solid var(--craft-rule);font-size:12px;color:var(--craft-muted)}.closer-footer strong{font-weight:500;color:var(--craft-accent)}.workshop-craft--craft-wall{padding:76px 0 0}.craft-wall-heading{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:64px;align-items:end;margin-bottom:48px}.craft-wall-heading h2{font-size:clamp(60px,7.7vw,110px)}.craft-wall-heading p{max-width:300px;padding-bottom:10px}.craft-wall-photos{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr) minmax(0,1.2fr) minmax(0,1fr);gap:6px}.craft-wall-photo{position:relative;height:510px;overflow:hidden}.craft-wall-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--craft-shade),var(--craft-clear) 60%);pointer-events:none}.craft-wall-photo img{transition:transform .6s var(--ease-out-expo)}.craft-wall-photo:hover img{transform:scale(1.035)}.craft-wall-photo figcaption{position:absolute;z-index:1;left:28px;right:20px;bottom:30px;color:var(--craft-white)}.craft-wall-photo figcaption span{display:block;font-size:12px;margin-bottom:8px}.craft-wall-photo figcaption strong{display:block;font:500 clamp(30px,3.5vw,50px)/1 var(--font-display);letter-spacing:-.04em}.craft-wall-footer{display:flex;justify-content:space-between;align-items:center;gap:48px;padding-top:38px;padding-bottom:42px}.craft-wall-footer>div{display:flex;align-items:center;gap:56px}.craft-wall-footer h3{font-size:31px;line-height:1.12}.craft-wall-footer h3 span{color:var(--craft-accent)}.craft-wall-footer p{max-width:300px;font-size:14px}@media(max-width:1080px){.closer-heading{gap:36px}.inspector-options button{gap:28px;padding:18px 20px}.inspector-panel{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:20px}.inspector-scene-image,.inspector-detail-image{height:400px}.craft-wall-heading{gap:36px}.craft-wall-photo{height:450px}.craft-wall-photo figcaption{left:20px}.craft-wall-footer>div{gap:32px}.craft-wall-footer p{max-width:230px}}@media(max-width:800px){.closer-heading,.craft-wall-heading{grid-template-columns:minmax(0,1fr);gap:24px}.closer-heading>div{display:flex;gap:40px;align-items:center}.closer-heading .craft-link{margin-top:0}.closer-heading p{max-width:380px}.inspector-options button{flex:1;justify-content:space-between;gap:10px;padding:16px 14px}.inspector-scene-image,.inspector-detail-image{height:360px}.inspector-panel{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.inspector-detail figcaption strong{font-size:21px}.craft-wall-heading p{max-width:460px}.craft-wall-photos{grid-template-columns:repeat(2,minmax(0,1fr))}.craft-wall-photo{height:340px}.craft-wall-photo figcaption strong{font-size:38px}.craft-wall-footer{gap:24px}.craft-wall-footer>div{display:block}.craft-wall-footer p{max-width:350px;margin-top:18px}}@media(max-width:540px){.workshop-craft--closer,.workshop-craft--craft-wall{padding-top:44px}.workshop-craft h2,.craft-wall-heading h2{font-size:clamp(43px,11.8vw,64px);line-height:1.01}.closer-heading{margin-bottom:28px}.closer-heading>div{display:block}.closer-heading p,.craft-wall-heading p{font-size:14px}.closer-heading .craft-link{margin-top:16px}.inspector-options{gap:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.inspector-options button{font-size:11px;padding:16px 8px;justify-content:center}.inspector-options button>span{display:none}.inspector-panel{grid-template-columns:minmax(0,1fr);gap:24px}.inspector-scene-image{height:270px}.inspector-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:center}.inspector-detail-image{height:190px}.inspector-detail figcaption{padding-top:0}.inspector-detail figcaption strong{font-size:24px}.inspector-detail figcaption>span{display:none}.detail-label{left:10px;right:10px;top:10px;padding:8px;font-size:9px}.scene-label{left:14px;top:14px;font-size:10px;padding:8px 12px}.inspection-target{width:54px;height:54px}.inspection-target:after{width:26px}.inspector-panel figcaption{font-size:11px}.closer-footer{display:block;margin-top:28px;padding-top:22px;font-size:11px}.closer-footer strong{display:block;margin-top:8px}.craft-wall-heading{margin-bottom:28px;gap:22px}.craft-wall-photo{height:300px}.craft-wall-photo figcaption{left:16px;right:12px;bottom:22px}.craft-wall-photo figcaption strong{font-size:34px}.craft-wall-photo figcaption span{font-size:11px}.craft-wall-footer{display:block;padding-top:28px;padding-bottom:32px}.craft-wall-footer h3{font-size:30px}.craft-wall-footer p{font-size:14px}.craft-wall-footer .craft-link{margin-top:20px}}@media(prefers-reduced-motion:reduce){.workshop-craft *{transition:none!important}}.craft-proof{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:60px;padding-top:40px;padding-bottom:46px;margin-top:34px}.craft-facts{display:flex;gap:40px;padding-top:2px}.craft-facts strong{font:500 48px/1 var(--font-display);letter-spacing:-.045em;color:var(--craft-accent);display:block;white-space:nowrap}.craft-facts strong>span{font-size:22px;margin-left:6px}.craft-facts p{font-size:11px;margin-top:12px}.craft-standard{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:28px;align-items:start;border-left:1px solid var(--craft-rule);padding-left:40px}.craft-standard h3{font-size:28px;line-height:1.13;letter-spacing:-.03em}.craft-standard h3 span{color:var(--craft-accent)}.craft-standard p{font-size:12px;line-height:1.6}.craft-standard .craft-link{font-size:11px;gap:14px;margin-top:12px}.craft-standard .craft-link>span{width:32px;height:32px;font-size:19px}.workshop-craft--closer{padding-bottom:0}@media(max-width:1080px){.craft-proof{gap:32px;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr)}.craft-facts{gap:28px}.craft-facts strong{font-size:40px}.craft-standard{padding-left:28px;gap:20px;grid-template-columns:minmax(0,1fr)}.craft-standard h3 br{display:none}}@media(max-width:800px){.craft-proof{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:22px;padding-top:28px}.craft-facts{gap:56px}.craft-standard{border-left:0;border-top:1px solid var(--craft-rule);padding:28px 0 0;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}.craft-standard h3 br{display:block}}@media(max-width:540px){.craft-wall-photo figcaption strong{font-size:clamp(24px,8vw,34px)}.inspector-scene-image{height:auto;aspect-ratio:1.65}.inspection-target--rope{top:62%}.craft-proof{padding-top:20px;margin-top:22px;padding-bottom:28px;gap:24px}.craft-facts{justify-content:space-between;gap:20px}.craft-facts strong{font-size:42px}.craft-facts p{font-size:10px;margin-top:10px}.craft-standard{grid-template-columns:minmax(0,1fr);gap:16px;padding-top:24px}.craft-standard h3{font-size:29px}.craft-standard h3 br{display:none}.craft-standard p{font-size:13px;max-width:340px}}.inspection-target--timber{left:19%;top:45%}.craft-wall-photos{grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-rows:repeat(2,275px)}.craft-wall-photo{height:auto}.craft-wall-photo--structure{grid-row:1 / 3}.craft-wall-photo--steel img{object-position:center 65%}.craft-wall-photo--timber img{object-position:78% 48%}.craft-wall-photo--structure figcaption{left:max(var(--gutter),calc((100vw - 1280px)/2 + var(--gutter)));bottom:36px}.craft-wall-photo--structure figcaption strong{font-size:clamp(34px,3.8vw,54px);line-height:1.04}.craft-wall-photo:not(.craft-wall-photo--structure) figcaption strong{font-size:30px}@media(max-width:800px){.craft-wall-photos{grid-template-rows:repeat(2,230px)}.craft-wall-photo--structure figcaption{left:32px}.craft-wall-photo:not(.craft-wall-photo--structure) figcaption strong{font-size:25px}}@media(max-width:540px){.craft-wall-photos{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:300px 240px}.craft-wall-photo--structure{grid-column:1 / -1;grid-row:1}.craft-wall-photo--structure figcaption{left:24px;bottom:24px}.craft-wall-photo--structure figcaption strong{font-size:34px}.craft-wall-photo:not(.craft-wall-photo--structure) figcaption strong{font-size:24px;line-height:1.1}}
