/* Velvet M V9: one logo system from favicon to launch reveal. */
.brand__mark{width:35px;height:35px;filter:drop-shadow(0 4px 10px #ed6e9b4d);transition:transform .28s cubic-bezier(.2,.8,.2,1),filter .28s}
.brand:hover .brand__mark{transform:translateY(-2px) rotate(-3deg);filter:drop-shadow(0 7px 13px #ed6e9b77)}
.brand__word{letter-spacing:-.095em}
.site-footer__brand{display:flex;align-items:center;gap:14px}
.site-footer__brand img{display:block;flex:none;width:48px;height:48px;filter:drop-shadow(0 5px 12px #ed6e9b4d)}
.site-footer__brand>span{color:#fff7fa}
.site-footer__brand>span>span{color:#ff86b3}
.site-footer__brand small{margin-top:2px;color:#e8c4d4}
.kit-identity{margin-bottom:20px}
.kit-logo-variants{display:grid;grid-template-columns:1.2fr 1.2fr .7fr;gap:12px;margin:0 0 53px}
.kit-logo-variants figure{display:grid;place-items:center;gap:5px;min-width:0;min-height:144px;margin:0;padding:18px;border:1px solid #f3bdd181;border-radius:19px;background:linear-gradient(125deg,#2a1725,#5b2d49);box-shadow:inset 0 1px #ffffff2f,0 10px 26px #4b1c3420}
.kit-logo-variants figure:nth-child(2){background:#fffafb;border-color:#e9c3d2}
.kit-logo-variants figure:nth-child(3){background:#342037}
.kit-logo-variants img{display:block;max-width:100%;width:280px;max-height:91px;object-fit:contain}
.kit-logo-variants figure:nth-child(3) img{width:88px;max-height:88px}
.kit-logo-variants figcaption{color:#f0cbdc;font-size:9px;font-weight:800;letter-spacing:.16em}
.kit-logo-variants figure:nth-child(2) figcaption{color:#7b4a65}
.kit-download{display:flex;width:max-content;max-width:100%;margin:0 0 48px}
body.is-launching{overflow:hidden}
.launch-screen{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 43%,#78415f 0%,#47273e 31%,#241321 73%,#1b0d1a 100%);color:#fff8f9;opacity:1;transition:opacity .36s ease,visibility .36s ease}
.launch-screen:before{content:'';position:absolute;inset:-10%;z-index:-1;background-image:url('assets/motif-field-dark.svg');background-size:600px 450px;background-position:center;opacity:.16;animation:launch-field 2.2s ease-out both}
.launch-screen:after{content:'';position:absolute;z-index:-1;width:min(580px,90vw);height:min(580px,90vw);border-radius:50%;background:#ed79aa45;filter:blur(90px);animation:launch-halo 1.1s ease-out both}
.launch-screen__content{display:flex;flex-direction:column;align-items:center;text-align:center;transform:translateY(-8px);padding:28px}
.launch-screen__mark{display:block;width:clamp(116px,18vw,172px);height:clamp(116px,18vw,172px);filter:drop-shadow(0 12px 25px #f66a9a44)}
.launch-screen__word{font-size:clamp(62px,10vw,102px);font-weight:800;letter-spacing:-.095em;line-height:.96;margin-top:-4px;animation:launch-rise .54s .58s both}
.launch-screen__word span{color:#f482ae}
.launch-screen__tag{margin-top:14px;color:#f7cadc;font-size:12px;font-weight:800;letter-spacing:.32em;animation:launch-rise .5s .78s both}
.launch-screen__rule{width:120px;height:1px;margin:29px auto 23px;background:linear-gradient(90deg,transparent,#ffd2e1,transparent);transform:scaleX(0);animation:launch-rule .5s .96s forwards}
.launch-screen__caption{color:#dfb2c8;font-size:10px;font-weight:800;letter-spacing:.22em;animation:launch-rise .5s 1.05s both}
.launch-screen__skip{position:absolute;right:max(24px,env(safe-area-inset-right));top:max(22px,env(safe-area-inset-top));min-width:65px;min-height:44px;border:1px solid #ffd7e45c;border-radius:13px;background:#fff8f71a;color:#ffe9f1;font:800 10px 'DM Sans',system-ui,sans-serif;letter-spacing:.15em;backdrop-filter:blur(14px);cursor:pointer;transition:background .18s,transform .18s}
.launch-screen__skip:hover{background:#fff8f733;transform:translateY(-2px)}
.launch-screen__skip:focus-visible{outline:3px solid #ffabd0;outline-offset:3px}
.launch-screen.is-leaving{opacity:0;visibility:hidden;pointer-events:none}
.launch-screen.is-leaving .launch-screen__content{transform:translateY(-26px) scale(.98);transition:transform .36s ease}
@keyframes launch-rise{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@keyframes launch-rule{to{transform:scaleX(1)}}
@keyframes launch-halo{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}
@keyframes launch-field{from{opacity:0;transform:scale(1.08)}to{opacity:.16;transform:scale(1)}}
@media(max-width:760px){
  .brand__mark{width:29px;height:29px}
  .site-footer__brand img{width:40px;height:40px}
  .kit-logo-variants{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:33px}
  .kit-logo-variants figure{min-height:115px;padding:11px;border-radius:15px}
  .kit-logo-variants figure:nth-child(3){grid-column:span 2;min-height:111px}
  .kit-logo-variants figure:nth-child(3) img{width:75px;max-height:75px}
  .kit-logo-variants figcaption{font-size:8px}
  .kit-download{margin-bottom:34px}
  .launch-screen__content{transform:translateY(-14px)}
  .launch-screen__mark{width:135px;height:135px}
  .launch-screen__word{font-size:70px}
}
@media(max-width:340px){.brand__mark{width:27px;height:27px}.kit-logo-variants{grid-template-columns:1fr}.kit-logo-variants figure:nth-child(3){grid-column:auto}}
@media(prefers-reduced-motion:reduce){
  .brand__mark,.launch-screen,.launch-screen__content,.launch-screen__skip{transition:none}
  .launch-screen:before,.launch-screen:after,.launch-screen__word,.launch-screen__tag,.launch-screen__rule,.launch-screen__caption{animation:none}
  .launch-screen__rule{transform:none}
}
.launch-screen--still:before,.launch-screen--still:after,.launch-screen--still .launch-screen__word,.launch-screen--still .launch-screen__tag,.launch-screen--still .launch-screen__rule,.launch-screen--still .launch-screen__caption{animation:none}
.launch-screen--still .launch-screen__rule{transform:none}