:root{--showcase-ease:cubic-bezier(.22,1,.36,1)}
/* LINK's blood red, black and white. No decorative feature icons. */
.design-switch{display:flex;justify-content:center;align-items:center;gap:20px;margin:48px auto 0;color:#999;font:600 16px/1 Inter,Arial,sans-serif}
.design-switch #design-old{color:#fff}.design-switch.is-new #design-old{color:#999}.design-switch.is-new #design-new{color:#fff}
.design-switch .design-toggle{position:relative;display:block;width:76px;height:42px;min-width:76px;margin:0;padding:4px;border:1px solid #555;border-radius:24px;background:#242424;cursor:pointer;transition:background .6s ease,border-color .6s ease}
.design-switch .switch-thumb{display:block;width:32px;height:32px;background:#fff;border-radius:50%;box-shadow:0 2px 5px #0004;transform:translateX(0);transition:transform .75s var(--showcase-ease)}
.design-switch.is-new .design-toggle{background:#a00000;border-color:#a00000}.design-switch.is-new .switch-thumb{transform:translateX(32px)}
.design-switch+.design-comparison{margin-top:42px}
.campaign-invitation{text-align:center;margin-top:42px}
.link-campaign-button{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:18px 34px;background:#a00000;color:#fff;border:0;border-radius:24px;font:700 16px/1.4 Inter,Arial,sans-serif;transition:background .5s ease,transform .7s var(--showcase-ease)}.link-campaign-button:hover{background:#c00000;transform:translateY(-2px)}
.viewer-formats{display:flex;gap:6px;align-items:center;margin-left:auto}.viewer-formats a{padding:10px 17px;border-radius:20px;font-size:14px;color:#aaa;white-space:nowrap;transition:background .4s,color .4s}.viewer-formats a[aria-current]{background:#a00000;color:white}.viewer-formats a:hover{color:white}
.viewer-toolbar .viewer-open{margin-left:0}
@media(max-width:700px){.viewer-toolbar{flex-wrap:wrap;height:120px;gap:8px;padding:10px 12px}.viewer-toolbar h2{order:0}.viewer-toolbar .viewer-open{order:1;margin-left:auto}.viewer-toolbar .viewer-close{order:2}.viewer-formats{order:3;width:100%;margin:0;justify-content:center}.viewer-formats a{font-size:13px;padding:9px 13px}.work-viewer .viewer-frame{height:calc(100dvh - 120px)}}
@media(prefers-reduced-motion:reduce){.design-switch .switch-thumb{transition:none}}
.story-overview{border-bottom:0;padding-bottom:20px}
.story-workshop{position:relative;background:#b5622b}
.workshop-brand{position:absolute;right:3%;top:37%;width:29%;display:flex;flex-direction:column;align-items:center;gap:28px}
.workshop-brand>img{width:100%;height:auto;filter:drop-shadow(0 2px 8px #51260422)}
.workshop-brand>*{opacity:0;transform:translateY(12px);transition:opacity 1.3s var(--showcase-ease),transform 1.5s var(--showcase-ease)}
.is-in .workshop-brand>*{opacity:1;transform:none;transition-delay:.45s}.is-in .workshop-brand>a{transition-delay:.8s}
.leather-button{position:relative;display:inline-flex;justify-content:center;align-items:center;min-height:58px;padding:18px 24px;color:#fff4df;background-color:#58341d;background-image:repeating-linear-gradient(16deg,#fff1 0 1px,transparent 1px 5px),repeating-linear-gradient(105deg,transparent 0 11px,#160b072b 12px 13px);box-shadow:inset 0 1px #bfa18688,inset 0 -3px #1c0d0977,0 6px 14px #0003;font:900 13px/1.4 Inter,Arial,sans-serif;letter-spacing:.06em;text-align:center;text-transform:uppercase;text-shadow:.5px .5px #241008}
.leather-button:before{content:'';position:absolute;inset:5px;border:1px dashed #d1ab76bb;pointer-events:none}.leather-button:hover{filter:brightness(1.15)}
.first-impression{border:0;padding-bottom:100px}.first-impression h2{max-width:none}
.design-comparison{perspective:1800px;margin-top:36px;position:relative;aspect-ratio:970/250}
.banner-turn{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform 1.5s var(--showcase-ease)}
.design-comparison.is-new .banner-turn{transform:rotateX(180deg)}
.banner-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;background:#000}
.old-design>img{display:block;width:100%;height:100%;object-fit:contain}.new-design{transform:rotateX(180deg)}
.comparison-stage{width:100%;height:100%;overflow:hidden}.comparison-stage iframe{width:970px;height:250px;border:0;transform-origin:top left}
.design-toggle{display:block;margin:25px auto 0;font-size:16px;padding:12px 0;text-transform:none;transition-delay:.3s}
.work-menu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px;margin-top:80px}
.work-link{position:relative;display:grid;grid-template-columns:44px 1fr;gap:18px;padding:24px 0 30px;align-items:start;transition-delay:calc(var(--order)*130ms)}
.work-link:after{content:'';height:1px;position:absolute;left:0;right:0;bottom:0;background:#ae3333;transform:translateY(-9px) scaleX(0);transform-origin:left;transition:transform 1.4s var(--showcase-ease) calc(.3s + var(--order)*130ms)}
.work-link.is-in:after{transform:none}.work-link strong{display:block;font:600 clamp(18px,1.7vw,25px)/1.2 Inter,Arial,sans-serif}.work-link small{display:block;font-size:14px;color:#aaa;margin-top:12px}.work-arrow{position:absolute;right:0;bottom:25px;font-size:22px;color:#be6262;opacity:0;transform:translate(-5px,5px);transition:all .65s var(--showcase-ease)}.work-link:hover .work-arrow,.work-link:focus-visible .work-arrow{opacity:1;transform:none}
.draw-icon{width:44px;height:44px;fill:none;stroke:#c75950;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.draw-icon path{stroke-dasharray:200;stroke-dashoffset:200;transition:stroke-dashoffset 1.7s var(--showcase-ease) calc(.2s + var(--order)*130ms)}.is-in .draw-icon path{stroke-dashoffset:0}
.work-viewer{position:fixed;inset:0;margin:0;border:0;padding:0;width:100vw;max-width:none;height:100dvh;max-height:none;background:#0d0d0d;color:white;overflow:hidden;opacity:0;transform:translateY(18px);transition:opacity .65s var(--showcase-ease),transform .85s var(--showcase-ease)}
.work-viewer.is-visible{opacity:1;transform:none}.work-viewer::backdrop{background:#000d}.viewer-toolbar{height:76px;display:flex;align-items:center;gap:24px;padding:0 30px;border-bottom:1px solid #ffffff18}.viewer-toolbar h2{font:500 19px/1.3 Inter,Arial,sans-serif;margin:0}.viewer-open{margin-left:auto;font-size:13px;color:#bbb}.viewer-close{background:none;border:0;color:white;font:400 42px/1 Arial,sans-serif;width:48px;height:48px;cursor:pointer}.viewer-frame{display:block;border:0;width:100%;height:calc(100dvh - 76px);background:#10100e;opacity:0;transition:opacity .9s var(--showcase-ease)}.work-viewer.is-ready .viewer-frame{opacity:1}body.viewer-opened{overflow:hidden}
@media(max-width:1000px){.work-menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.workshop-brand{gap:15px}.leather-button{min-height:48px;font-size:11px;padding:14px 16px}}
@media(max-width:600px){.workshop-brand{top:30%;right:2%;width:31%;gap:10px}.workshop-brand .leather-button{font-size:9px;padding:10px 8px;min-height:44px;letter-spacing:0}.work-menu{grid-template-columns:1fr;margin-top:45px;gap:12px}.work-link{padding:18px 0 23px}.work-link strong{font-size:24px}.viewer-toolbar{padding:0 12px;gap:12px;height:68px}.viewer-toolbar h2{font-size:16px}.viewer-open{font-size:11px}.viewer-frame{height:calc(100dvh - 68px)}.first-impression{padding-bottom:55px}}
@media(max-width:600px){.workshop-brand .leather-button{font-size:12px;line-height:1.2}}
@media(max-width:700px){.work-viewer .viewer-toolbar{height:120px;flex-wrap:wrap;padding:10px 12px;gap:8px}}
@media(prefers-reduced-motion:reduce){.banner-turn,.workshop-brand>*,.work-link:after,.draw-icon path,.work-viewer,.viewer-frame{transition:none}.workshop-brand>*{opacity:1;transform:none}.draw-icon path{stroke-dashoffset:0}.work-link:after{transform:none}}