/* Light, worn metal, paper and a few things that move like they have weight. */
:root{--scroll-track:#e3d5b9;--scroll-thumb:#963523;scrollbar-color:var(--scroll-thumb) var(--scroll-track);scrollbar-width:auto}
*{scrollbar-color:var(--scroll-thumb) var(--scroll-track);scrollbar-width:auto}
@supports selector(::-webkit-scrollbar){:root,*,.booking-dialog,.wo-note{scrollbar-color:auto;scrollbar-width:auto}}
::-webkit-scrollbar{width:14px;height:14px}
::-webkit-scrollbar-track{background:var(--scroll-track);box-shadow:inset 1px 0 #35241622}
::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border:3px solid var(--scroll-track);border-radius:8px;min-height:44px}
::-webkit-scrollbar-thumb:hover{background:#c34c31}
::-webkit-scrollbar-thumb:active{background:#632b20}
::-webkit-scrollbar-corner{background:var(--scroll-track)}
:root[data-scroll-tone="dark"]{--scroll-track:#25221a;--scroll-thumb:#c76848}
.image-state-retry{pointer-events:auto}
.booking-dialog{--scroll-track:#e7d9bd;--scroll-thumb:#963523}
.site-header:not(.is-scrolled) nav a{text-shadow:0 1px 3px #000,0 0 12px #000b}
.hero{--hero-x:0px;--hero-y:0px;--hero-scroll:0px;--beam-x:53%;--beam-y:32%;--beam-size:290px}
.hero-photo,.hero-light-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 48%;transform:translate3d(var(--hero-x),calc(var(--hero-y) + var(--hero-scroll)),0) scale(1.035);will-change:transform}
.hero-light{position:absolute;inset:0;pointer-events:none;opacity:0;mask-image:radial-gradient(circle var(--beam-size) at var(--beam-x) var(--beam-y),#000 0%,#000d 25%,#0004 66%,transparent 100%);-webkit-mask-image:radial-gradient(circle var(--beam-size) at var(--beam-x) var(--beam-y),#000 0%,#000d 25%,#0004 66%,transparent 100%);transition:opacity .55s ease}
.hero-light-photo{filter:brightness(1.48) saturate(.9)}
.hero.light-on .hero-light{opacity:.87}
.hero-title>span{animation:pit-title-arrive 1.25s cubic-bezier(.22,.72,.15,1) both}
.hero-copy{animation:pit-copy-arrive .95s var(--ease) .18s both}
.hero-help{display:flex;gap:10px;align-items:center;width:max-content;max-width:100%;margin-top:17px;font-size:12px;color:#f2e7cee3}
.hero-help svg{width:18px;height:15px;transition:translate .3s}
.hero-help:hover svg{translate:5px 0}
.hero-help:hover{text-decoration:underline;text-underline-offset:4px}
@keyframes pit-title-arrive{from{clip-path:inset(100% -4% -5% -4%)}to{clip-path:inset(-5% -4% -5% -4%)}}
@keyframes pit-copy-arrive{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}
.hero-dust{position:absolute;inset:0;pointer-events:none;overflow:hidden;opacity:.8;mask-image:radial-gradient(ellipse at 53% 38%,#000 0%,transparent 55%)}
.hero-dust i{position:absolute;left:calc(32% + var(--dust-x)*1%);top:calc(23% + var(--dust-y)*1%);width:var(--dust-size);height:var(--dust-size);border-radius:50%;background:#fff0bd;box-shadow:0 0 4px #fce6ad80;animation:pit-dust calc(10s + var(--dust-x)*.26s) linear infinite;animation-delay:calc(var(--dust-y)*-.4s);animation-play-state:paused;opacity:0}
.hero[data-in-view="true"] .hero-dust i{animation-play-state:running}
@keyframes pit-dust{0%{translate:-8px 24px;opacity:0}20%{opacity:.48}80%{opacity:.35}100%{translate:30px -65px;opacity:0}}
.work-lamp{position:absolute;z-index:5;right:calc(var(--gutter) + 16px);top:74px;width:78px;height:205px;padding:0;background:transparent;color:var(--cream);transform:rotate(var(--lamp-angle,0deg));transform-origin:50% 0;filter:drop-shadow(4px 7px 4px #0007);touch-action:manipulation}
.work-lamp-drawing{width:100%;height:185px;overflow:visible;stroke-linecap:round;stroke-linejoin:round}
.work-lamp span{display:block;font-size:8px;line-height:1.5;letter-spacing:.16em;text-shadow:0 1px 4px #000;opacity:.65;transition:opacity .2s}
.work-lamp:hover span,.work-lamp:focus-visible span{opacity:1}
.work-lamp:focus-visible{outline:2px solid var(--cream);outline-offset:5px}
html:not(.js) .work-lamp{display:none}
.lamp-bulb{filter:drop-shadow(0 0 10px #ffc66d);transition:opacity .3s,filter .3s}
.work-lamp[aria-pressed="false"] .lamp-bulb{opacity:.18;filter:none}
.work-lamp[aria-pressed="false"] .lamp-filament{opacity:.15}
.lamp-wire{stroke-linecap:round}
.shop-threshold{display:flex;justify-content:space-between;align-items:center;padding:0 var(--gutter);overflow:hidden}
.shop-threshold::before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 15%,#ffe2b038 46%,#fff2d775 50%,transparent 68%);translate:calc(var(--rail-p,0)*110% - 75%) 0;pointer-events:none}
.shop-threshold i{position:relative;width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,#cbbd96,#5a5140 70%);box-shadow:1px 1px 2px #1b130cc9,inset 1px 1px #edddad80;transform:rotate(calc(var(--rail-p,0)*140deg));flex:none}
.shop-threshold i::after{content:'';position:absolute;left:2px;right:2px;height:1px;top:4px;background:#30271c;box-shadow:0 1px #f5d7ab65;transform:rotate(30deg)}
.service summary{transition:background .3s}
.service summary:hover{background:#fff9e41a}
.service-name{transition:color .25s}
.service summary:hover .service-name{color:#982e1e}
.button:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:3px;background:currentColor;opacity:.2;transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}
.button:hover:after,.button:focus-visible:after{transform:scaleX(1)}
.button:hover svg{transform:translateX(6px) scaleX(1.12)}
.button:active svg{transform:translateX(10px) scaleX(.92)}
.button:active{box-shadow:inset 0 2px 7px #0003}
.process-select{display:block;color:inherit;background:none;font:inherit;letter-spacing:inherit;line-height:inherit;text-transform:inherit;padding:0;position:relative;text-align:left}
.process-select:after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:3px;background:#d55736;transform:scaleX(0);transform-origin:left;transition:transform .55s var(--ease)}
.process-select[aria-pressed="true"]:after{transform:scaleX(.6)}
.process-select:focus-visible{outline-color:var(--cream);outline-offset:7px}
.process-step{transition:opacity .4s}
.process-step .step-number{box-shadow:inset 0 -2px 0 #0004,0 3px 7px #0003;transition:color .3s,background .3s,transform .4s}
.process-step.is-current .step-number{background:var(--cream);color:var(--red);transform:rotate(-8deg);box-shadow:inset 0 -2px 0 #9a7b443d,0 3px 7px #0005}
.process-step:not(.is-current) .step-number{background:#7e2d1f}
.process-list:after{content:'';position:absolute;left:17px;top:28px;height:calc(var(--process-track,0)*1px);width:2px;transform-origin:top;background:#f4d7a8;box-shadow:0 0 8px #ecb48240;transition:height .7s var(--ease)}
.shop-light{position:absolute;inset:0;pointer-events:none;z-index:1;opacity:.82;mask-image:radial-gradient(ellipse 290px 230px at var(--shop-light-x,65%) var(--shop-light-y,32%),#000a 0%,#0004 50%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 290px 230px at var(--shop-light-x,65%) var(--shop-light-y,32%),#000a 0%,#0004 50%,transparent 100%);transition:opacity .4s}
.shop-light-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% center;filter:brightness(1.25) saturate(.88)}
.process-detail{position:absolute;z-index:3;right:var(--gutter);bottom:154px;display:flex;gap:20px;align-items:center;width:min(375px,35vw);background:#f2e7ceef;color:var(--ink);padding:22px 22px 24px;border-top:3px solid #9b3523;box-shadow:1px 1px 0 #19171240,6px 8px 0 -3px #e3d2af,10px 16px 30px #0004;rotate:-2deg;transform-origin:84% 5%}
.process-detail:before{content:'';position:absolute;right:31px;top:-15px;width:16px;height:33px;border:2px solid #a8a28c;border-radius:5px;background:linear-gradient(90deg,#655b48,#eee1bf 36%,#504938 80%);box-shadow:2px 2px 2px #0004}
.process-detail-number{font:400 52px/1 'Pit Display',Impact,sans-serif;color:var(--red);letter-spacing:-.05em}
.process-detail p{margin:0;font-size:14px;line-height:1.4}
.process-detail p strong{display:block;margin-bottom:5px;font-size:17px;letter-spacing:-.025em}
.process-detail p span{display:block;color:#564c3a}
.process-detail>svg{position:absolute;right:8px;bottom:-14px;width:54px;height:30px;color:var(--red);stroke-width:2.5;transform:rotate(-5deg)}
.process-detail.is-changing{animation:pit-paper-settle .6s var(--ease)}
@keyframes pit-paper-settle{0%{translate:0 0;rotate:-2deg}25%{translate:2px -5px;rotate:1deg}65%{translate:-1px 1px;rotate:-3deg}100%{translate:0 0;rotate:-2deg}}
.question-list summary{position:relative}
.question-index{flex:0 0 22px;color:#9c3826;font:400 14px/1 'Pit Display',Impact,sans-serif;letter-spacing:.03em;align-self:center;transition:translate .3s}
.question-list summary:hover .question-index{translate:3px 0}
.question-list summary:hover{color:#8f2e20}
.question-list details[open] .question-index{color:var(--ink)}
.question-list summary>svg{margin-left:auto}
.question-list details>p{margin-left:42px}
@supports(interpolate-size:allow-keywords){
  .question-list details{interpolate-size:allow-keywords}
  .question-list details::details-content{block-size:0;overflow:clip;transition:block-size .42s var(--ease),content-visibility .42s allow-discrete}
  .question-list details[open]::details-content{block-size:auto}
}
.visit-top>*{min-width:0}
.visit{--metal-x:60%;--metal-y:30%;--letter-shadow-x:2px;--letter-shadow-y:3px}
.visit:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 480px 360px at var(--metal-x) var(--metal-y),#fce5a122,transparent 100%);mix-blend-mode:screen}
.visit-title>span{text-shadow:var(--letter-shadow-x) var(--letter-shadow-y) 0 #651e1830;transition:text-shadow .35s ease}
.back-to-top{position:relative;min-height:44px}
.back-to-top svg{stroke-width:1.5}
.back-to-top:hover svg{transform:rotate(180deg) translateY(7px)}
.footer-wordmark{position:relative;transition:color .35s,text-shadow .35s;transform-origin:100% 100%}
.footer-wordmark:hover{color:var(--cream);text-shadow:3px 4px #521d1640;animation:pit-mark-rock .65s var(--ease)}
@keyframes pit-mark-rock{0%,100%{rotate:0deg}35%{rotate:-3deg}65%{rotate:1deg}}
.motion-toggle{padding:0;background:transparent;color:inherit;font-size:10px;white-space:nowrap;opacity:.85;min-height:32px;text-underline-offset:4px}
.motion-toggle:hover{text-decoration:underline}
.motion-toggle:before{content:'';display:inline-block;width:5px;height:5px;margin-right:7px;border:1px solid currentColor;border-radius:50%;background:currentColor;vertical-align:1px}
.motion-toggle[aria-pressed="true"]:before{background:transparent}
.pit-cursor{position:fixed;left:0;top:0;width:38px;height:38px;z-index:2147483000;pointer-events:none;opacity:0;contain:layout style paint;transform:translate(-100px,-100px);color:#e0b47c;transition:opacity .2s}
.pit-cursor:before,.pit-cursor:after{content:'';position:absolute;width:8px;height:8px;border-color:currentColor;transition:transform .25s;opacity:.7}
.pit-cursor:before{left:0;top:0;border-left:1px solid;border-top:1px solid}
.pit-cursor:after{right:0;bottom:0;border-right:1px solid;border-bottom:1px solid}
.pit-cursor[data-mode="inspect"],.pit-cursor[data-mode="light"]{opacity:.8}
.pit-cursor[data-mode="turn"]{opacity:.9;rotate:8deg}
.pit-cursor.is-down:before{transform:translate(4px,4px)}
.pit-cursor.is-down:after{transform:translate(-4px,-4px)}
@media(hover:hover) and (pointer:fine){
  html.pit-pointer,html.pit-pointer body,html.pit-pointer main,html.pit-pointer main *{cursor:url('assets/pit-pointer.svg') 3 3,auto}
  html.pit-pointer a,html.pit-pointer button,html.pit-pointer summary,html.pit-pointer [role="button"],html.pit-pointer label,html.pit-pointer select,html.pit-pointer input[type="checkbox"],html.pit-pointer input[type="radio"],html.pit-pointer input[type="range"]{cursor:url('assets/pit-pointer-action.svg') 3 3,pointer}
  html.pit-pointer a *,html.pit-pointer button *,html.pit-pointer summary *,html.pit-pointer label *{cursor:inherit}
  html.pit-pointer input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),html.pit-pointer textarea,html.pit-pointer [contenteditable="true"]{cursor:text}
}
@media(min-width:1800px){.work-lamp{width:100px;height:260px;top:90px}.work-lamp-drawing{height:240px}.work-lamp span{font-size:10px}.hero{--beam-size:370px}.process-detail{width:410px;font-size:17px;padding:27px}.process-detail p{font-size:16px}.process-detail p strong{font-size:21px}}
@media(max-width:1100px){.process-detail{bottom:155px;width:34vw;padding:16px;gap:13px}.process-detail-number{font-size:41px}.process-detail p{font-size:12px}.process-detail p strong{font-size:15px}.shop-light-photo{object-position:60% center}.work-lamp{right:var(--gutter)}}
@media(max-width:760px){
  .visit-top{grid-template-columns:minmax(0,1fr)}
  .hero-photo,.hero-light-photo{object-position:50% 40%}
  .hero{--beam-size:215px}
  .work-lamp{top:68px;right:18px;width:58px;height:157px}.work-lamp-drawing{height:142px}.work-lamp span{font-size:7px}
  .hero-dust{opacity:.55}
  .hero-help{font-size:11px;margin-top:14px;grid-column:1/-1}
  .shop-threshold i:nth-child(2n){display:none}
  .shop-light{bottom:auto;max-height:none;opacity:.75}
  .shop-light-photo{object-position:50% center;object-fit:cover}
  .process-detail{position:relative;right:auto;bottom:auto;align-self:flex-start;width:calc(100% - 2*var(--gutter));max-width:450px;margin:3px var(--gutter) 42px;padding:22px;gap:18px;rotate:-1deg}
  .process-detail p{font-size:14px}.process-detail p strong{font-size:17px}.process-detail-number{font-size:50px}
  .process-step{margin-bottom:32px}.process-select:after{height:2px}
  .process-list:after{left:13px}
  .question-list summary{gap:13px}.question-index{flex-basis:19px}.question-list details>p{margin-left:32px}
  .footer-bottom .motion-toggle{display:block;margin-top:9px}
}
@media(prefers-reduced-motion:reduce){
  .hero-photo,.hero-light-photo{transform:none!important;will-change:auto}.hero-dust{display:none}.work-lamp{transform:none!important}.pit-cursor{display:none}.shop-light{display:none}.process-list:after{transition:none}.hero-title>span,.hero-copy{animation:none;clip-path:none}
}
html[data-page-hidden="true"] *,html[data-page-hidden="true"] *:before,html[data-page-hidden="true"] *:after{animation-play-state:paused!important}
html[data-motion="quiet"]{scroll-behavior:auto}
html[data-motion="quiet"] *,html[data-motion="quiet"] *:before,html[data-motion="quiet"] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html[data-motion="quiet"] .hero-photo,html[data-motion="quiet"] .hero-light-photo{transform:none!important}
html[data-motion="quiet"] .brake-stage{transform:none!important}
html[data-motion="quiet"] .shop-threshold:before{translate:0 0!important}
html[data-motion="quiet"] .shop-threshold i{transform:rotate(30deg)!important}
html[data-motion="quiet"] .hero-dust,html[data-motion="quiet"] .pit-cursor{display:none}
html[data-motion="quiet"] .work-lamp{transform:none!important}
html[data-motion="quiet"] .reveal{opacity:1!important}
@media(forced-colors:active){:root,*{scrollbar-color:auto;scrollbar-width:auto}.hero-light,.shop-light,.hero-dust,.pit-cursor{display:none}.work-lamp{forced-color-adjust:none}html.pit-pointer main *{cursor:auto}.process-detail{border:2px solid CanvasText}.process-select:after{background:CanvasText}}