/* Photography, restrained motion and the dedicated specification page. */
.hero-image{transform:scale(1.045);transform-origin:57% 52%;animation:workshop-camera 38s ease-in-out infinite;will-change:transform}
@keyframes workshop-camera{0%,100%{transform:translate3d(0,0,0) scale(1.045)}30%{transform:translate3d(-1.6%,.6%,0) scale(1.14)}65%{transform:translate3d(1.3%,-.7%,0) scale(1.14)}}
.motion-paused .hero-image,.hero.motion-observed:not(.hero-in-view) .hero-image{animation-play-state:paused}
.brand-mark{width:76px;height:88px;overflow:visible}.brand-word{overflow:hidden}
.site-header nav a[aria-current=page]{color:#eeed7e}
.search{transition:border-color .18s,box-shadow .18s;background:#fdfdfb}
.search:focus-within{border-color:#757968;box-shadow:0 0 0 3px #646c4210}
.search input:focus,.search input:focus-visible{outline:none;box-shadow:none}
.search:focus-within .icon{color:#252e1b}
.branch-choices{gap:18px}
.branch-choices>button{min-height:181px;position:relative;overflow:hidden;padding:29px 30px;background:#eeefe9;color:#2c3028;border:1px solid #d9dcd2;border-radius:7px;isolation:isolate;align-items:center;gap:15px}
.branch-choices>button[aria-pressed=true]{background:#edeee3;color:#232a1b;border-color:#8d9774;box-shadow:inset 4px 0 #adb33d}
.branch-choices>button:hover{border-color:#929a7e;background:#e9ece1}
.branch-choices>button>span:not(.branch-visual){position:relative;z-index:1;max-width:55%}
.branch-choices strong{font-size:25px;letter-spacing:-.7px;line-height:1.18}
.branch-choices small,.branch-choices [aria-pressed=true] small{color:#727c66;font-size:12px;line-height:1.6}
.branch-visual{position:absolute;inset:8px 9px 8px auto;width:41%;margin:0;z-index:0;mix-blend-mode:multiply}
.branch-visual img{width:100%;height:100%;object-fit:contain;transition:transform .4s ease}
.branch-choices>button:hover .branch-visual img{transform:scale(1.04)}
.branch-choices .icon{position:absolute;bottom:24px;left:30px;width:20px;height:20px;color:#58664a}
.branch-choices [aria-pressed=true]>.icon{color:#52622e}
.branch-choices strong{margin-top:-20px}
.type-image{background:#f4f4ee}.type-image img{max-height:100%}
.catalogue{padding-bottom:42px}
.spec-back{display:inline-flex;align-items:center;gap:10px;font-size:12px;color:#657054;text-decoration:none;margin-bottom:32px;padding:8px 0}
.spec-back .icon{transform:rotate(180deg);width:17px;height:17px}.spec-back:hover{color:#20291a}
body[data-page=specification] .specification{padding-top:23px;min-height:70vh}
body[data-page=specification] .specification-intro{margin-bottom:36px}
.spec-sidebar{padding-top:0;background:var(--paper)}.spec-sidebar-photo{width:100%;height:200px;object-fit:contain;mix-blend-mode:multiply;margin:3px 0 25px}
@media(max-width:1000px){.branch-choices>button{padding:25px;min-height:170px}.branch-choices strong{font-size:23px}.branch-choices .icon{left:25px}.spec-sidebar-photo{height:170px}}
@media(max-width:850px){.brand-mark{width:63px;height:76px}}
@media(max-width:620px){
 .brand-mark{width:50px;height:68px}.brand{gap:3px}.brand-word{width:105px}.brand-lockup{gap:1px}
 .motion-control{display:block;width:20px;height:32px;font-size:10px;margin-top:9px;padding:0}
 .branch-choices{gap:10px}.branch-choices>button{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;min-height:215px;padding:16px 14px;gap:0}
 .branch-visual{inset:6px 12px auto;width:calc(100% - 24px);height:120px}
 .branch-choices>button>span:not(.branch-visual){max-width:none;min-height:66px}
 .branch-choices strong{font-size:18px;line-height:1.18;margin-top:0;max-width:150px;letter-spacing:-.55px}
 .branch-choices small,.branch-choices [aria-pressed=true] small{font-size:10px;line-height:1.5;margin-top:7px;max-width:150px}
 .branch-choices .icon{display:none}.branch-choices>button[aria-pressed=true]{box-shadow:inset 0 -3px #a4ad3f}
 .catalogue{padding-bottom:25px}.spec-back{margin-bottom:19px;font-size:12px}
 body[data-page=specification] .specification{padding-top:12px}body[data-page=specification] .specification-intro{margin-bottom:21px}
}
@media(max-width:360px){.brand-mark{width:44px;height:64px}.brand-word{width:92px}.motion-control{width:17px}.header-inner{padding:0 13px;gap:5px}.basket-trigger{gap:5px;padding:7px}.branch-choices>button{padding:15px 12px}.branch-choices strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){.hero-image{animation:none;transform:scale(1.045);will-change:auto}.branch-visual img,.search{transition:none}.branch-choices>button:hover .branch-visual img{transform:none}}
@media(max-width:360px){.spec-group:first-child .form-grid{grid-template-columns:minmax(0,1fr)}}
