/* Motion study 02: final composition stays readable without JavaScript. */
.kinetic-band{overflow:hidden;border-block:1px solid var(--ink);padding:18px 0;background:var(--paper)}
.kinetic-track{display:flex;width:max-content;animation:martial-marquee 28s linear infinite}
.kinetic-track>span{font-family:var(--display);font-size:clamp(40px,6vw,80px);line-height:1;font-weight:700;white-space:nowrap}
.kinetic-track i{color:var(--red);font-style:normal;padding:0 35px}
@keyframes martial-marquee{to{transform:translateX(-50%)}}
.defense-scene{background:#0a0b09;color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;overflow:hidden;position:relative}
.defense-copy{position:relative;z-index:1}
.defense-copy h2{font-size:clamp(55px,6.5vw,105px);margin-top:28px;line-height:.94}
.outline-word{color:transparent;-webkit-text-stroke:1px var(--paper)}
.defense-copy>p:not(.eyebrow){max-width:370px;color:#c6c5be;font-size:15px;line-height:1.8;margin:18px 0 28px}
.martial-stroke{width:90%;max-width:410px;height:65px;overflow:visible}
.martial-stroke path{fill:none;stroke:var(--red);stroke-width:8;stroke-linecap:square;stroke-dasharray:1;stroke-dashoffset:0}
.defense-steps{display:flex;flex-wrap:wrap;gap:18px;font-size:9px;letter-spacing:1px;border-top:1px solid #45463f;padding-top:22px;margin-bottom:30px}
.defense-poster{position:relative;margin:0;transform:rotate(2deg);border:1px solid #454039;box-shadow:24px 24px 0 #ba231b1a}
.defense-poster img{width:100%;height:auto;display:block}
.defense-poster figcaption{font-size:8px;letter-spacing:1.5px;padding:12px 14px;background:#151712}
.dojo-journey{position:relative;background:var(--ink);color:var(--paper)}
.dojo-stage{position:relative;min-height:760px;height:90svh;overflow:hidden;isolation:isolate}
.dojo-backdrop{position:absolute;top:8%;left:0;width:100%;text-align:center;font-family:var(--display);font-size:19vw;line-height:1;font-weight:800;color:#3b4036;letter-spacing:-.03em;z-index:-2}
.dojo-window{position:absolute;inset:0;margin:0;z-index:-1;overflow:hidden}
.dojo-window img{width:100%;height:100%;object-fit:cover;object-position:center 53%}
.dojo-window:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080e0be6,#080e0b44 65%),linear-gradient(0deg,#080e0b99,transparent 50%)}
.dojo-content{position:relative;height:100%;min-height:inherit;padding:90px 7.7% 110px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.dojo-content h2{font-size:clamp(60px,8.5vw,138px);line-height:.92;margin:35px 0 25px;text-shadow:0 2px 24px #0003}
.dojo-content h2 span{color:#f5b784}
.dojo-content>p:not(.eyebrow){font-size:16px;line-height:1.8}
.dojo-cta{background:var(--paper);color:var(--ink);margin-top:30px}
.dojo-caption{position:absolute;bottom:40px;left:7.7%;right:7.7%;display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:1.4px}
.dojo-progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:#ffffff30}
.dojo-progress>span{display:block;background:var(--red);height:100%;transform-origin:left;transform:scaleX(1)}
.scroll-motion .dojo-journey{height:175svh}
.scroll-motion .dojo-stage{position:sticky;top:0;height:100svh;min-height:620px}
.scroll-motion .dojo-window{clip-path:inset(8% 29% 8% 29% round 180px)}
.scroll-motion .dojo-window img{transform:scale(1.12)}
.scroll-motion .dojo-content{opacity:0;transform:translateY(24px)}
body.motion-paused .dojo-window{clip-path:none!important}
body.motion-paused .dojo-window img{transform:none!important}
body.motion-paused .dojo-content{opacity:1!important;transform:none!important}
body.motion-paused .dojo-progress>span{transform:scaleX(1)!important}
.motion-paused .dojo-scroll-hint{display:none}
.button>span{transition:transform 250ms var(--ease)}
@media(hover:hover){.button:hover>span{transform:translate(3px,-3px)}.defense-poster{transition:rotate 500ms var(--ease)}.defense-poster:hover{rotate:-2deg}}
@media(max-width:1000px){.header nav{gap:14px}.header nav a{font-size:10px}.defense-copy h2{font-size:7vw}.defense-copy .button{font-size:11px}.dojo-content{padding-inline:6%}}
@media(max-width:680px){.defense-scene{grid-template-columns:1fr;gap:40px}.defense-copy h2{font-size:clamp(54px,13vw,80px)}.defense-copy>p:not(.eyebrow){font-size:14px}.defense-poster{max-width:430px;width:94%;margin:0 auto}.defense-steps{gap:12px;font-size:8px}.kinetic-track>span{font-size:42px}.kinetic-track i{padding:0 20px}.dojo-stage{height:auto;min-height:720px}.dojo-content{min-height:720px;padding:65px 6% 110px;justify-content:flex-end}.dojo-content h2{font-size:17vw}.dojo-content>.eyebrow{font-size:8px}.dojo-window img{object-position:58% center}.dojo-window:after{background:linear-gradient(0deg,#08110bec,transparent 110%)}.dojo-caption{left:6%;right:6%;font-size:7px;letter-spacing:.6px}.dojo-scroll-hint{display:none}}
@media(prefers-reduced-motion:reduce){.kinetic-track{animation:none}.dojo-window{clip-path:none!important}.dojo-window img{transform:none!important}.dojo-content{opacity:1!important;transform:none!important}}

.dojo-stage:focus-within .dojo-content{opacity:1!important;transform:none!important}
.dojo-stage:focus-within .dojo-window{clip-path:none!important}