.sec2{
position:relative;
width:100%;
aspect-ratio:1920.8 / 931.4;          
container-type:inline-size;
background: var(--sec2-bg,
linear-gradient(180deg,
#0357b6 0.03%, #0256b5 12.41%, #a2c1e4 12.54%, #ffffff 12.67%,
#ffffff 12.80%, #92b2d8 12.93%, #014ca4 13.07%, #014ca4 13.59%,
#0364d7 13.85%, #0263d6 17.37%, #0087ef 17.63%, #0087ef 26.76%,
#2f9ef2 26.89%, #ffffff 27.02%, #ffffff 27.54%, #3a8ec5 27.67%,
#016db4 27.80%, #016db4 28.19%, #0195e8 28.32%, #039ff3 28.45%,
#029ef3 33.80%, #52ade3 34.06%, #52ade3 42.66%, #acd5f3 42.79%,
#eef1ff 42.92%, #eef2ff 45.40%),
linear-gradient(90deg,#014ea5 0%,#055fc6 100%));
overflow:hidden;
isolation:isolate;
}
.sec2 .sand{
position:absolute; left:0; right:0; top:36%; bottom:0;
background: var(--sec2-sand,
linear-gradient(180deg,#fec35f 0%,#fdf6e4 31%,#fdf6e4 50%,
#fef1d8 72%,#ffd486 92%,#ffd486 100%) 0 100% / 100% 88.98% no-repeat,
#fec35f);
z-index:0;
}
.sec2 .waves{
position:absolute; left:0; right:0; top:0;
height:50.34%;
overflow:hidden; z-index:1; pointer-events:none;
}
.sec2 .waves .wave{
position:absolute; left:-15.17%; top:-3.970%; width:126%; height:auto;
display:block;
}
@keyframes swell{
0%   { translate: calc(var(--ax) * var(--swell) * -1) 0 }
25%  { translate: 0 calc(var(--ay) * var(--swell)) }
50%  { translate: calc(var(--ax) * var(--swell)) 0 }
75%  { translate: 0 calc(var(--ay) * var(--swell) * -1) }
100% { translate: calc(var(--ax) * var(--swell) * -1) 0 }
}
.sec2 .waves .wave{
animation: swell var(--dur) linear var(--delay) infinite;
}
.sec2 .waves{ --swell:1 }
.sec2 .wave-surf { --ax:1.20cqw; --ay:0.75cqw; --dur:9s;  --delay:0s }
.sec2 .wave-mid  { --ax:0.90cqw; --ay:0.55cqw; --dur:12s; --delay:-3.5s }
.sec2 .wave-swell{ --ax:0.65cqw; --ay:0.38cqw; --dur:15s; --delay:-7s }
.sec2 .wave-far  { --ax:0.45cqw; --ay:0.25cqw; --dur:19s; --delay:-11s }
.sec2 .waves.still .wave{ animation-play-state:paused }
@media (prefers-reduced-motion: reduce){
.sec2 .waves .wave{ animation:none }
}
.sec2 #waves-g1 stop:first-child{ stop-color: var(--sea-foam-a, #dee5ff) }
.sec2 #waves-g1 stop:last-child { stop-color: var(--sea-foam-b, #fefeff) }
.sec2 .waves [fill="#fff"]{ fill: var(--sea-foam, #fff); transition: fill 1s linear }
.sec2 #waves-g2 stop:first-child{ stop-color: var(--sea-surf-hi, #93dbfb) }
.sec2 #waves-g2 stop:last-child { stop-color: var(--sea-surf-hi, #1281cc) }
.sec2 #waves-g3 stop:first-child{ stop-color: var(--sea-surf-lo, #00ccfd) }
.sec2 #waves-g3 stop:last-child { stop-color: var(--sea-surf-lo, #0572e9) }
.sec2 #waves-linear-gradient-2 stop:first-child{ stop-color: var(--sea-mid, #0094f6) }
.sec2 #waves-linear-gradient-2 stop:last-child { stop-color: var(--sea-mid, #007be8) }
.sec2 #waves-linear-gradient-3 stop:first-child{ stop-color: var(--sea-swell, #0066e2) }
.sec2 #waves-linear-gradient-3 stop:last-child { stop-color: var(--sea-swell, #0561ca) }
.sec2 #waves-linear-gradient-4 stop:first-child{ stop-color: var(--sea-far-a, #004ba0) }
.sec2 #waves-linear-gradient-4 stop:last-child { stop-color: var(--sea-far-b, #0561ca) }
.sec2 .waves stop{ transition: stop-color 1s linear }
.sec2 .sand::after{
content:''; position:absolute; inset:0;
background: linear-gradient(180deg,
#0b1321 0%, #0e1522 22%, #171e2a 53%, #151c28 88%, #151e2f 100%);
opacity: var(--night, 0);
transition: opacity 1s linear;
}
.sec2 .wave-far > g > path:nth-child(1){
fill: var(--sea-far-shade, #002b61);
transition: fill 1s linear;
}
.sec2 .wave-far > g > path:nth-child(2){
opacity: var(--sea-far-foam, 1);
transition: opacity 1s linear;
}
.sec2 [data-at]{ position:absolute; display:block }
.sec2 img[data-at], .sec2 svg[data-at]{ height:auto }
.sec2 .z-ground{ z-index:1 } .sec2 .z-road{ z-index:2 }
.sec2 .z-copy{ z-index:3 }   .sec2 .z-cloud{ z-index:4 }
.sec2 .copy{
position:absolute; margin:0; text-align:center; color:var(--sec2-ink, #333);
font-family:"Be Vietnam Pro","Helvetica Neue",Arial,sans-serif;
}
.sec2 [style*="--sx"]{ transform:scaleX(var(--sx)); transform-origin:50% 0 }
.sec2 h2.copy{
margin:0; font-weight:900; line-height:1.06; font-size:2.275cqw;
white-space:nowrap;
}
.sec2 .sub{
font-size:1.538cqw; font-weight:400; line-height:1.28;
font-family:"Highway Gothic Expanded","Be Vietnam Pro",Arial,sans-serif;
}
.sec2 .sub span{ display:block; white-space:nowrap }
.sec2 .body{ font-size:1.026cqw; font-weight:300; line-height:1.42 }
.sec2 .body b{ font-weight:800 }