/* The mantra, "You can make anything" (design 25b): on Why us and at the foot of Plans (the founder, 27 Sep 2026),
   one source for both. */
@keyframes hk-rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes hk-float{0%,100%{transform:translateY(0) rotate(var(--r))}50%{transform:translateY(-10px) rotate(var(--r))}}
.mantra{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);min-height:900px;background:#1A1A1A;color:#FEFDF5}
.m-l{padding:64px 40px 56px}.m-line{margin:0;font:800 clamp(44px,5.6vw,76px)/1.02 Archivo,sans-serif;letter-spacing:-.04em}
.m-big{margin:18px 0 0;font:800 clamp(64px,8.2vw,112px)/.92 Archivo,sans-serif;font-stretch:90%;letter-spacing:-.055em;color:#B7282E}
.m-cta{margin-top:36px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.m-cta span{font:500 15px Inter,sans-serif;color:rgba(254,253,245,.65)}
.m-r{position:relative;border-left:1px solid rgba(254,253,245,.14);overflow:hidden}
.mc{position:absolute;animation:hk-float 7s ease-in-out infinite;transform:rotate(var(--r))}
.mc .card{transform:rotate(var(--r));width:190px;height:247px;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 18px 32px -18px rgba(31,26,23,.45);display:flex;flex-direction:column}
.mc .top{flex:1;padding:14px 14px 12px;display:flex;flex-direction:column;border-bottom:1px solid rgba(26,26,26,.1)}.mc .kd{font:700 10px Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;opacity:.75}
.mc .tt{margin-top:auto;font:800 24px/1 Archivo,sans-serif;letter-spacing:-.03em;text-wrap:balance}
.mc .by{display:flex;align-items:center;gap:6px;padding:8px 12px;font:600 11px Inter,sans-serif;color:#1A1A1A}.mc .by>span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mc .st{margin-left:auto;display:flex;align-items:center;gap:4px}.mc .st i{width:6px;height:6px;border-radius:50%}
/* the lines rise once the section is in view (the script adds .go); before that they wait unseen */
.mantra.js .m-rise{opacity:0}.mantra.go .m-rise{animation:hk-rise .8s cubic-bezier(.2,.8,.2,1) var(--d,0s) both}
@media(prefers-reduced-motion:reduce){.mantra .m-rise{opacity:1!important;animation:none!important}.mc{animation:none}}
.mantra .bt{display:inline-flex;align-items:center;font:600 15px/1 Inter,system-ui,sans-serif;padding:10px 16px;border-radius:8px;white-space:nowrap;text-decoration:none}
.mantra .bt-red{background:#B7282E;color:#FEFDF5}.mantra .bt-red:hover{background:#9E2227;color:#FEFDF5}
@media(max-width:900px){.mantra{grid-template-columns:1fr;min-height:0}.m-l{padding:48px 20px 48px}.m-r{display:none}}