#birth{background:var(--white);padding-block:56px 64px}

#birth{--wave-h:clamp(20px,4.4cqw,44px);
  --wave-top:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 90' preserveAspectRatio='none'%3E%3Cpath d='M0,52 C130,18 250,74 390,44 C520,16 650,70 790,42 C910,18 1060,62 1200,34 L1200,90 L0,90 Z' fill='%23000'/%3E%3C/svg%3E");
  --wave-bot:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 90' preserveAspectRatio='none'%3E%3Cpath d='M0,0 L1200,0 L1200,38 C1060,72 910,16 790,48 C650,76 520,22 390,46 C250,74 130,20 0,56 Z' fill='%23000'/%3E%3C/svg%3E")}

#birth .bv-stage{position:relative;isolation:isolate;container-type:inline-size;
  width:100%;margin-inline:0;aspect-ratio:2/3;overflow:hidden;background:#cdc4b4;
  border-radius:var(--radius);
  box-shadow:0 2px 6px rgba(60,45,32,.07),0 14px 34px rgba(60,45,32,.10)}

#birth .bv-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 46%;display:block}

#birth .bv-row{display:grid;grid-template-columns:min(410px,38%) minmax(0,1fr);
  gap:clamp(26px,3vw,50px);align-items:stretch}

#birth .bv-words{max-width:640px;margin-inline:auto;display:flex;flex-direction:column;justify-content:space-between;
  padding-block:6px 10px}
#birth .bv-words .bv-rot{width:100%;align-self:stretch;margin-inline:0}
@media (min-width:861px){
  
  #birth .bv-rot{text-align:center;margin-block:18px;margin-inline:0;width:100%;align-self:stretch}
  #birth .bv-rot .lslide{margin-inline:auto}
  #birth .bv-words .bv-rot .lslide-item{font-size:min(38px,7.4cqw);line-height:1.35;text-align:center;justify-self:center;width:100%}
  #birth .bv-words .bv-rot .lslide-stage{justify-items:center}
  #birth .bv-rot::before,#birth .bv-rot::after{content:"";display:block;height:1.5px;width:34%;margin:0 auto 18px;
    background:linear-gradient(90deg,transparent,rgba(217,91,46,.85),transparent)}
  #birth .bv-rot::after{margin:18px auto 0}
  #birth .bv-stage video{object-position:50% 46%}
}
@media (max-width:860px){
  #birth .bv-stage video{object-position:50% 0%}
}
#birth .bv-words{min-width:0;position:relative}

#birth .bv-words{z-index:0}
#birth .bv-board{position:absolute;inset-inline-end:-63px;inset-block-end:32px;width:auto;height:120px;opacity:.3;pointer-events:none;z-index:-1;
  }
@media (max-width:860px){
  #birth .bv-board{height:88px;inset-inline-end:-24px;inset-block-end:-8px;opacity:.26}
}
#birth .bv-scrim{position:absolute;inset:0;z-index:2;pointer-events:none;
  background:radial-gradient(84% 26% at 50% 76%,rgba(18,28,34,.40),transparent 76%)}
#birth .bv-txt{position:absolute;inset-inline:0;inset-block-start:62%;z-index:3;padding-inline:5%;text-align:center}
#birth .bv-txt p{
  margin:0;font-family:'Assistant',sans-serif;font-weight:800;line-height:1.22;
  background:linear-gradient(180deg,#fff 0%,#FFE6D6 60%,#fff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
  
  filter:drop-shadow(0 0 2px rgba(10,16,20,.32)) drop-shadow(0 1.5px 2px rgba(16,26,32,.55))
         drop-shadow(0 0 24px rgba(255,255,255,.66));
}
#birth .bv-txt .l1{font-size:6.6cqw}
#birth .bv-txt .l2{font-size:7.1cqw}
#birth .bv-txt .l3{font-size:7.8cqw}
#birth .bv-rule{height:1.5px;width:38%;margin-inline:auto;margin-block:3.1cqw;
  background:linear-gradient(90deg,transparent,rgba(217,91,46,.85),transparent);
  filter:drop-shadow(0 1px 1px rgba(16,26,32,.4))}

#birth .bv-txt .l1,#birth .bv-txt .l2,#birth .bv-txt .l3,#birth .bv-rule{opacity:0}

#birth .bv-txt.go .l1{animation:bvL1 14s ease-in-out infinite}
#birth .bv-txt.go .r1{animation:bvR1 14s ease-in-out infinite}
#birth .bv-txt.go .l2{animation:bvL2 14s ease-in-out infinite}
#birth .bv-txt.go .r2{animation:bvR2 14s ease-in-out infinite}
#birth .bv-txt.go .l3{animation:bvL3 14s ease-in-out infinite}
@keyframes bvL1{0%,2%{opacity:0;transform:translateY(16px)}9%,88%{opacity:1;transform:none}95%,100%{opacity:0;transform:translateY(-8px)}}
@keyframes bvR1{0%,9%{opacity:0;transform:scaleX(.25)}13%,88%{opacity:1;transform:none}95%,100%{opacity:0;transform:scaleX(.25)}}
@keyframes bvL2{0%,14%{opacity:0;transform:translateY(16px)}21%,88%{opacity:1;transform:none}95%,100%{opacity:0;transform:translateY(-8px)}}
@keyframes bvR2{0%,21%{opacity:0;transform:scaleX(.25)}25%,88%{opacity:1;transform:none}95%,100%{opacity:0;transform:scaleX(.25)}}
@keyframes bvL3{0%,26%{opacity:0;transform:translateY(16px)}33%,88%{opacity:1;transform:none}95%,100%{opacity:0;transform:translateY(-8px)}}

#birth .bv-after{max-width:none;margin-inline:0;padding-block-start:0;text-align:start}
#birth .bv-after-2{padding-block-start:0}
#birth .bv-after p{font-family:'Assistant',sans-serif;font-weight:600;
  font-size:clamp(19px,1.6vw + 12px,34px);line-height:1.7;color:var(--ink);
  max-width:100%;margin-inline:0;margin-block:0;text-align:start;text-wrap:pretty}
#birth .bv-brand{color:var(--accent);font-weight:800}
#birth .bv-hi{color:var(--accent)}

#birth .bv-rot{text-align:start}
#birth .bv-rot .lslide{display:block;max-width:100%;margin-inline:0}

#birth .bv-rot{container-type:inline-size}
#birth .bv-rot .lslide-item{font-family:'Suez One',serif;color:var(--ink);
  font-size:min(27px,6.5cqw);line-height:1.5;white-space:nowrap}
#birth .bv-rot .lslide.ready .lslide-bar{display:none}

#birth .bv-rot .lslide.ready .lslide-stage{align-items:start}

#birth .bv-rot .lslide.ready .lslide-item{transform:translateY(100%)}

#birth .bv-rot .lslide.ready .lslide-item.is-out{
  opacity:0;transform:translateY(-100%);
  transition:transform 1s cubic-bezier(.36,0,.16,1),opacity .63s ease-out}
#birth .bv-rot .lslide.ready .lslide-item.is-on{
  opacity:1;transform:none;
  transition:transform 1s cubic-bezier(.36,0,.16,1),opacity .77s ease-in .23s}

#birth .bv-rot{margin-block:44px}
@media (prefers-reduced-motion:reduce){
  #birth .bv-txt .l1,#birth .bv-txt .l2,#birth .bv-txt .l3,#birth .bv-rule{opacity:1;animation:none;transform:none}
}
@media (max-width:860px){
  
  #birth.sec{padding-block:0 44px}
  #birth > .container,#birth > .section-content{padding-block-start:0;margin-block-start:0}
  #birth .bv-row{margin-block-start:0}
  #birth .bv-row{grid-template-columns:minmax(0,1fr);gap:26px}
  
  #birth > .hw-seam{display:none}
  
  #birth::before{content:"";position:absolute;inset-block-start:0;inset-inline:0;height:60px;
    background:var(--warm);pointer-events:none}
  #birth .bv-stage{margin-inline:calc(50% - 50vw);max-width:100vw;width:100vw;
    aspect-ratio:2/3;border-radius:0;box-shadow:none;
    -webkit-mask-image:var(--wave-top),linear-gradient(#000,#000),var(--wave-bot);
            mask-image:var(--wave-top),linear-gradient(#000,#000),var(--wave-bot);
    -webkit-mask-size:100% var(--wave-h),100% calc(100% - (var(--wave-h) * 2) + 2px),100% var(--wave-h);
            mask-size:100% var(--wave-h),100% calc(100% - (var(--wave-h) * 2) + 2px),100% var(--wave-h);
    -webkit-mask-position:top center,center,bottom center;
            mask-position:top center,center,bottom center;
    -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
  #birth .bv-words{padding-inline:18px}
  #birth .bv-after p{text-align:center}
  #birth .bv-rot{text-align:center}
  #birth .bv-rot .lslide{margin-inline:auto}
}