#section1{box-sizing:border-box;background-color:#0000;background-image:linear-gradient(#00000080,#00000080),url(/images/section1.webp),linear-gradient(#dcd8d7,#dcd8d7);background-position:0 0,50%,0 0;background-repeat:repeat,repeat,repeat;background-size:cover;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:clamp(40px,8vw,130px);flex-direction:column;justify-content:center;align-items:center;gap:24px;height:clamp(600px,80vh,1000px);display:flex}#section1 h1{text-align:center;white-space:pre;max-width:1000px;font-size:clamp(24px,6vw,64px);font-weight:600;line-height:1.2}#section1 h2{text-align:center;max-width:1000px;font-size:clamp(12px,4vw,32px);line-height:1.2}#section2{background-color:#a020f0;flex-direction:column;justify-content:center;gap:40px;padding-inline:clamp(20px,8vw,130px);display:flex}@media screen and (width>=600px){#section2{flex-direction:row}#section2>div{flex:1}}.images:is(#section2>div){background:url(/images/section2.webp) 50%/cover no-repeat;height:100%;margin-inline:20px}@media screen and (width>=600px){.images:is(#section2>div){flex:1}}.text:is(#section2>div){text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding-bottom:30px;display:flex}.text:is(#section2>div) h2{font-size:20px}.text:is(#section2>div) h3{font-size:clamp(32px,8vw,80px);font-weight:600;line-height:1.2}:is(.text:is(#section2>div) h3) strong{color:#fff;background-color:#0a0419;border-radius:50px;padding-inline:18px;display:inline-block}#section3{cursor:pointer;background-color:#e6e8ef;position:relative}#section3 .stage-indicator{z-index:2;justify-content:center;gap:8px;height:8px;margin-inline:auto;display:flex;position:absolute;inset-block-start:20px;inset-inline:0}:is(#section3 .stage-indicator) div{opacity:.2;background-color:#0a0419;border-radius:100%;width:8px;height:8px;transition:opacity 1s}:is(#section3 nav) button{z-index:2;text-align:center;color:#fff;background:#333333bf;border:none;border-radius:100%;width:50px;height:50px;padding:0;font-size:32px;line-height:50px;position:absolute;inset-block:45%}:is(#section3 nav) button[name=next]{inset-inline-end:12px}#section3 .stage{opacity:0;flex-direction:column;justify-content:space-evenly;gap:12px;padding:40px 12px;transition:opacity 1s;display:flex;position:absolute;inset:0;overflow:hidden}@media screen and (width>=600px){#section3 .stage{flex-flow:wrap;place-content:center;gap:clamp(12px,8vw,130px);padding-inline:clamp(12px,8vw,130px)}:is(#section3 .stage)>div{flex:1}}:is(#section3 .stage)>div:first-child{flex-direction:column;gap:clamp(12px,2vw,20px);display:flex}@media screen and (width>=600px){:is(#section3 .stage)>div:first-child{margin-top:20px}}:is(:is(#section3 .stage)>div:first-child)>img{width:clamp(50px,8vw,80px);height:clamp(50px,8vw,80px)}:is(:is(#section3 .stage)>div:first-child) h2{color:#0a0419;font-size:clamp(26px,4vw,48px);font-weight:600;line-height:1.2}:is(:is(#section3 .stage)>div:first-child) p{color:#655e77;font-size:clamp(16px,2vw,20px)}:is(#section3 .stage)>div:last-child{flex-shrink:1;min-height:0;position:relative}:is(:is(#section3 .stage)>div:last-child) img{object-fit:contain;width:100%;height:100%}@media screen and (width>=600px){:is(:is(#section3 .stage)>div:last-child):before,:is(:is(#section3 .stage)>div:last-child):after{content:"";width:64px;height:95px;position:absolute;-webkit-mask:url(/images/section3-quote.svg) 50% no-repeat;mask:url(/images/section3-quote.svg) 50% no-repeat}:is(:is(#section3 .stage)>div:last-child):before{background-color:#a020f0;inset-block-start:10px;inset-inline-start:-35px}:is(:is(#section3 .stage)>div:last-child):after{background-color:#d296f8;inset-block-end:-10px;inset-inline-end:-35px;transform:scaleX(-1)}.stage2 :is(:is(#section3 .stage)>div:last-child):before{background-color:#f73561;inset-block:auto 40px}.stage2 :is(:is(#section3 .stage)>div:last-child):after{background-color:#fdd7df;inset-block:20px auto}}#section3[data-show="1"] .stage1,#section3[data-show="2"] .stage2,#section3[data-show="3"] .stage3{z-index:1;opacity:1}#section4{cursor:pointer;background-color:#fff;position:relative}#section4 .stage-indicator{z-index:2;justify-content:center;gap:8px;height:8px;margin-inline:auto;display:flex;position:absolute;inset-block-start:20px;inset-inline:0}:is(#section4 .stage-indicator) div{opacity:.2;background-color:#0a0419;border-radius:100%;width:8px;height:8px;transition:opacity 1s}:is(#section4 nav) button{z-index:2;color:#fff;background:#333333bf;border:none;border-radius:100%;width:50px;height:50px;font-size:32px;line-height:50px;position:absolute;inset-block:45%}:is(#section4 nav) button[name=next]{inset-inline-end:12px}#section4 .stage{text-align:center;opacity:0;flex-direction:column;justify-content:center;align-items:center;gap:30px;padding-inline:clamp(20px,8vw,130px);transition:opacity 1s;display:flex;position:absolute;inset:0}.stage-intro:is(#section4 .stage){background:url(/images/section4-background.svg) 50%/contain no-repeat}:is(#section4 .stage) h1{color:#0a0419;font-size:clamp(32px,6vw,80px);font-weight:600;line-height:1.2}:is(:is(#section4 .stage) h1) strong{background-color:#ecd2fc;border-radius:50px;padding-inline:18px;display:inline-block}:is(#section4 .stage) img{max-width:100%}:is(#section4 .stage) h2{color:#0a0419;font-size:clamp(26px,6vw,48px);font-weight:600;line-height:1.2}:is(#section4 .stage) p{color:#655e77;font-size:clamp(16px,3vw,20px)}#section4[data-show="0"] .stage-intro,#section4[data-show="1"] .stage1,#section4[data-show="2"] .stage2,#section4[data-show="3"] .stage3,#section4[data-show="4"] .stage4{z-index:1;opacity:1}#section5{background-color:#e6e8ef;flex-direction:column;justify-content:space-between;padding:clamp(12px,4vw,24px);display:flex}#section5 h1{text-align:center;color:#0a0419;margin:clamp(20px,8vw,130px);font-size:clamp(32px,6vw,80px);font-weight:600;line-height:1.2}:is(#section5 h1) strong{background-color:#fdd7df;border-radius:50px;padding-inline:18px;display:inline-block}#section5 ul{flex-direction:column;flex-grow:1;justify-content:space-between;gap:20px;min-height:0;display:flex}@media screen and (width>=1000px){#section5 ul{flex-direction:row;align-items:flex-end;gap:30px}}:is(#section5 ul) li{flex:1;justify-content:center;height:100%;min-height:0;display:flex;position:relative}:is(:is(#section5 ul) li) img{object-fit:cover;border-radius:clamp(30px,8vw,110px);width:100%;height:100%}:is(:is(#section5 ul) li) h2{text-align:center;white-space:nowrap;color:#0a0419;text-overflow:ellipsis;background-color:#fff;border-radius:48px;padding-block:clamp(12px,2vw,16px);padding-inline:clamp(16px,2vw,32px);font-size:clamp(16px,1.5vw,24px);font-weight:600;position:absolute;inset-block-end:12px;overflow:hidden}@media screen and (width>=1000px){:is(:is(#section5 ul) li):first-child h2{inset-block-end:10%;inset-inline-end:-5%}:is(:is(#section5 ul) li):nth-child(2) h2{inset-block-end:40%;inset-inline-start:-20%}:is(:is(#section5 ul) li):nth-child(3) h2{inset-block-end:15%;inset-inline-start:-30%}}#section6{color:#fff;text-align:center;padding-top:clamp(60px,10vw,130px);background:linear-gradient(165deg,#a020f0 0%,#f73561 100%);flex-direction:column;justify-content:space-between;align-items:center;gap:80px;padding-inline:12px;display:flex;overflow:hidden}@media screen and (width>=1000px){#section6{flex-direction:row;gap:120px;padding-inline-start:120px}}#section6>div:first-child{flex-direction:column;justify-content:center;align-items:center;gap:30px;display:flex}:is(#section6>div:first-child) h1{max-width:500px;font-size:clamp(32px,6vw,80px);font-weight:600;line-height:1.2}:is(#section6>div:first-child) p{max-width:500px;font-size:clamp(16px,2vw,20px)}#section6>div:last-child{max-width:400px;transform:translateY(80px)}@media screen and (width>=1000px){#section6>div:last-child{max-width:600px;transform:translateY(160px)}}:is(#section6>div:last-child)>img{object-fit:cover;width:100%;height:100%}main{padding-top:24px;padding-inline:clamp(8px,2vw,24px)}main>section{box-sizing:border-box;border-radius:clamp(40px,8vw,130px);height:clamp(600px,80vh,1000px);margin-bottom:24px}:is(main>section):first-of-type{padding-top:120px}
