#archipel-launch-intro{
    position:fixed;
    inset:0;
    z-index:2147483647;
    display:grid;
    place-items:center;
    padding:max(24px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom));
    background:
      radial-gradient(90% 55% at 50% 42%,rgba(255,255,255,.62),transparent 72%),
      repeating-linear-gradient(0deg,rgba(92,69,45,.018) 0 1px,transparent 1px 4px),
      linear-gradient(180deg,#f6f0e6 0%,#f0e7d9 100%);
    opacity:1;
    transition:opacity .34s ease;
    overflow:hidden;
  }
  #archipel-launch-intro::before,
  #archipel-launch-intro::after{
    content:"";
    position:absolute;
    pointer-events:none;
  }
  #archipel-launch-intro::before{
    width:min(82vw,620px);
    height:1px;
    top:18%;
    left:50%;
    transform:translateX(-50%);
    background:linear-gradient(90deg,transparent,rgba(102,78,50,.14),transparent);
  }
  #archipel-launch-intro::after{
    width:420px;height:420px;
    border:1px solid rgba(126,99,65,.055);
    border-radius:50%;
    left:50%;top:49%;
    transform:translate(-50%,-50%);
  }
  #archipel-launch-intro.is-leaving{opacity:0}
  .archipel-intro-v983-inner{
    position:relative;
    width:min(94vw,560px);
    text-align:center;
    transform:translateY(-1.2vh);
  }
  .archipel-intro-v983-logo{
    display:block;
    width:clamp(178px,56vw,288px);
    height:auto;
    max-height:288px;
    object-fit:contain;
    margin:0 auto;
    opacity:0;
    transform:translateY(7px);
  }
  .archipel-intro-v983-rule{
    width:68px;
    height:1px;
    margin:22px auto 17px;
    background:rgba(97,73,47,.42);
    transform:scaleX(0);
    transform-origin:center;
  }
  .archipel-intro-v983-phrase{
    margin:0;
    color:#3c3025;
    font:italic 400 clamp(17px,4.8vw,21px)/1.35 Georgia,"Times New Roman",serif;
    letter-spacing:.01em;
    opacity:0;
    transform:translateY(5px);
  }
  #archipel-launch-intro.is-entered .archipel-intro-v983-logo{
    animation:archipelIntroLogo .58s cubic-bezier(.22,.75,.25,1) .10s forwards;
  }
  #archipel-launch-intro.is-entered .archipel-intro-v983-rule{
    animation:archipelIntroRule .54s ease .34s forwards;
  }
  #archipel-launch-intro.is-entered .archipel-intro-v983-phrase{
    animation:archipelIntroPhrase .52s ease .52s forwards;
  }
  @keyframes archipelIntroLogo{to{opacity:1;transform:translateY(0)}}
  @keyframes archipelIntroRule{to{transform:scaleX(1)}}
  @keyframes archipelIntroPhrase{to{opacity:1;transform:translateY(0)}}
  @media (prefers-reduced-motion:reduce){
    #archipel-launch-intro{transition:opacity .18s linear}
    #archipel-launch-intro .archipel-intro-v983-logo,
    #archipel-launch-intro .archipel-intro-v983-rule,
    #archipel-launch-intro .archipel-intro-v983-phrase{
      animation:none!important;
      transition:none!important;
      opacity:1;
      transform:none;
    }
  }