/* Shared by the inner pages (workshops, coaching). Converted from the design artboards. */
body{margin:0;background:#F6F6F1}
a{color:#3B211B}
.sp *{box-sizing:border-box}
.bd{font-family:'Syne',sans-serif;font-weight:600;letter-spacing:-0.035em}
.bd em,.fk{font-family:'Kalnia',serif;font-style:normal;font-weight:400;letter-spacing:-0.02em}
.wk{border-radius:64px 36px 72px 44px / 52px 70px 40px 60px}
.wk2{border-radius:44px 22px 48px 26px}
.btn{display:inline-block;text-decoration:none;font-weight:600;font-size:17px;padding:19px 30px;color:#FFFFFF;border:none;cursor:pointer;font-family:inherit;border-radius:30px 14px 28px 16px / 20px 28px 16px 26px;background:#CC338B linear-gradient(#3B211B,#3B211B) no-repeat 0 0 / 0% 100%;transition:background-size 500ms cubic-bezier(.7,0,.2,1)}
.btn:hover,.btn:focus-visible{background-size:100% 100%;color:#FFFFFF}
.btn.dark{background-color:#3B211B;background-image:linear-gradient(#CC338B,#CC338B)}
.btn.light{background-color:#F6F6F1;color:#3B211B;background-image:linear-gradient(#DCC86F,#DCC86F)}
.btn.light:hover{color:#3B211B}
.ul{text-decoration:none;background:linear-gradient(currentColor,currentColor) no-repeat 0 100% / 100% 1.5px;padding-bottom:3px}
.w{display:inline-block;overflow:hidden;vertical-align:bottom;padding:0.1em 0.04em 0.14em;margin:-0.1em 0 -0.14em}
.r{display:inline-block;animation:sp-rise 1s cubic-bezier(.2,.8,.2,1) both}
@keyframes sp-rise{from{transform:translateY(115%)}to{transform:none}}
.fade{animation:sp-fade 900ms ease both}
@keyframes sp-fade{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.wavein{animation:sp-wavein 1.3s cubic-bezier(.7,0,.2,1) .2s both}
@keyframes sp-wavein{from{transform:translateX(60%)}to{transform:none}}
.tilt{animation:sp-tilt 1s cubic-bezier(.2,1.2,.3,1) 1s both}
@keyframes sp-tilt{from{opacity:0;transform:translateY(40px) rotate(-8deg)}to{opacity:1;transform:rotate(-3deg)}}
.row{transition:transform 400ms cubic-bezier(.2,.8,.2,1)}
.row:hover{transform:translateX(10px)}
.step{transition:background-color 400ms ease,transform 400ms cubic-bezier(.2,.8,.2,1)}
.step:hover{transform:translateY(-6px)}
details summary{list-style:none;cursor:pointer}
details summary::-webkit-details-marker{display:none}
details .plus{transition:transform 400ms cubic-bezier(.7,0,.2,1)}
details[open] .plus{transform:rotate(45deg)}
.mq{display:flex;gap:56px;white-space:nowrap;width:max-content;animation:sp-mq 34s linear infinite}
@keyframes sp-mq{to{transform:translateX(-50%)}}
@supports (animation-timeline: view()){
  .rv{animation:sp-up linear both;animation-timeline:view();animation-range:entry 5% cover 30%}
}
@keyframes sp-up{from{opacity:0;transform:translateY(60px)}to{opacity:1;transform:none}}
.rail{position:fixed;left:18px;top:50%;z-index:45;display:flex;flex-direction:column;align-items:center;gap:20px;padding:18px 9px 12px;background:#F6F6F1;border:1px solid #3B211B;border-radius:40px 22px 40px 24px / 30px 40px 26px 38px;box-shadow:0 18px 40px rgba(59,33,27,0.14);opacity:0;pointer-events:none;transform:translate(-140%,-50%);transition:transform 700ms cubic-bezier(.2,.8,.2,1),opacity 400ms ease}
.rail.on{opacity:1;pointer-events:auto;transform:translate(0,-50%)}
.rail a{color:#3B211B;text-decoration:none}
.rail-mark{display:block;line-height:0;transition:transform 400ms cubic-bezier(.2,1.4,.3,1)}
.rail-mark:hover{transform:translateY(-3px) rotate(-4deg)}
.rail-line{width:1px;height:18px;background:#3B211B;opacity:.35}
.rail .rl{writing-mode:vertical-rl;transform:rotate(180deg);font-size:14px;font-weight:600;letter-spacing:.03em;padding:2px 0 2px 6px;background:linear-gradient(#CC338B,#CC338B) no-repeat 0 100% / 1.5px 0%;transition:color 300ms ease,background-size 400ms cubic-bezier(.7,0,.2,1)}
.rail .rl:hover,.rail .rl:focus-visible,.rail .rl.here{color:#B0236F;background-size:1.5px 100%}
.rail-book{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:26px 14px 24px 16px / 18px 24px 14px 22px;background:#CC338B;color:#FFFFFF !important;font-size:13px;font-weight:600;transition:background-color 300ms ease,transform 300ms ease}
.rail-book:hover,.rail-book:focus-visible{background:#3B211B;transform:rotate(-6deg)}
@media (max-width: 860px){
  .rail{top:auto;bottom:14px;left:50%;flex-direction:row;gap:16px;padding:8px 8px 8px 14px;transform:translate(-50%,160%)}
  .rail.on{transform:translate(-50%,0)}
  .rail .rl{writing-mode:horizontal-tb;transform:none;font-size:13px;padding:0 0 3px;background-position:0 100%;background-size:0% 1.5px}
  .rail .rl:hover,.rail .rl.here{background-size:100% 1.5px}
  .rail-line,.rail .m-hide{display:none}
  .rail.no-sm{display:none}
}
@media (prefers-reduced-motion: reduce){.sp *,.sp *::before,.sp *::after{animation:none !important;transition:none !important}}
@media (max-width: 860px){.hide-sm{display:none !important}}
[hidden]{display:none !important}
