html{scroll-behavior:smooth;scroll-padding-top:0}.welcome{position:relative;isolation:isolate;overflow:hidden;min-height:850px;height:100svh;background:#0046FF;color:white;font-family:'Manrope',Arial,sans-serif}.welcome-pattern{position:absolute;inset:0;background:url('fourlaban-background-hq.png') center/cover no-repeat;opacity:.13;z-index:-2}.welcome-header{position:absolute;left:5%;right:5%;top:20px;display:flex;align-items:center;gap:25px;z-index:5}.welcome-header img{width:78px;height:78px;object-fit:contain}.welcome-header>span{font-size:8px;letter-spacing:.2em;font-weight:700;color:#c5e1ff}.welcome-header nav{display:flex;gap:35px;margin-left:auto;font-size:11px;font-weight:700}.welcome-header nav a{padding:12px 0;border-bottom:1px solid #ffffff40}.welcome-layout{display:grid;grid-template-columns:.86fr 1.4fr;align-items:center;position:absolute;left:7%;right:3%;top:125px;bottom:100px;max-width:1700px;margin:auto;gap:0}.welcome-copy{position:relative;z-index:3;align-self:center}.welcome-eyebrow{font-size:8px;letter-spacing:.16em;font-weight:800;display:flex;gap:10px;align-items:center;margin:0 0 20px}.welcome-eyebrow>span{font-size:24px;color:#91d1ff;line-height:1}.welcome h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(90px,9vw,154px);font-weight:800;font-style:italic;line-height:.84;letter-spacing:-.035em;margin:0;position:relative;width:max-content}.welcome h1>span{color:#cae8ff}.welcome h1 svg{position:absolute;left:0;bottom:-22px;width:100%;height:25px;fill:none;stroke:#a6d9ff;stroke-width:2;stroke-linecap:round}.welcome h2{font-family:'Manrope',Arial,sans-serif;font-size:clamp(18px,1.7vw,27px);line-height:1.4;letter-spacing:-.035em;margin:38px 0 15px;font-weight:600}.welcome-description{font-size:12px;line-height:1.9;color:#d8edff;margin:0 0 26px}.welcome-button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:white;color:#0863d3;border-radius:40px;padding:17px 25px;font-size:11px;font-weight:800;box-shadow:0 8px 30px #00459620;transition:transform .2s}.welcome-button:hover{transform:translateY(-3px)}.welcome-button span{font-size:21px;line-height:1}.welcome-location{font-size:7px;letter-spacing:.16em;display:flex;align-items:center;gap:7px;font-weight:700;margin-top:23px;color:#c3e0ff}.welcome-location>span{font-size:18px;line-height:1}.shop-scene{position:relative;width:115%;margin-left:-7%;aspect-ratio:1.45;align-self:center;perspective:1500px;isolation:isolate}.shop-halo{position:absolute;width:75%;height:85%;left:13%;top:5%;border-radius:50%;background:radial-gradient(ellipse,#a5d8ff42,transparent 68%);z-index:-1}.shop-image{display:block;width:100%;height:100%;object-fit:contain;position:relative;z-index:2;opacity:0;transform:translateY(50px) scale(.94);filter:drop-shadow(0 20px 16px #003e9e25)}.scene-label{position:absolute;top:-9%;right:14%;color:#cae8ff;font-family:'Barlow Condensed',Impact,sans-serif;font-size:25px;line-height:.92;font-style:italic;transform:rotate(8deg);z-index:4;opacity:0}.scene-label>span,.scene-label>strong{display:block}.scene-label strong{font-weight:700}.scene-label svg{display:block;width:65px;height:55px;fill:none;stroke:#cae8ff;stroke-width:2;margin-left:35px}.scene-spark{position:absolute;color:#acdfff;z-index:4;opacity:0}.spark-a{top:2%;left:7%;font-size:42px}.spark-b{bottom:7%;right:6%;font-size:34px}.happy-note{position:absolute;bottom:1%;left:10%;color:#b5e0ff;font-family:'Barlow Condensed',Impact,sans-serif;font-style:italic;font-size:23px;font-weight:800;line-height:.87;transform:rotate(-10deg);z-index:4;opacity:0}.welcome-bottom{position:absolute;left:5%;right:5%;bottom:25px;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:7px;letter-spacing:.16em;color:#c5e2ff;font-weight:700}.welcome-bottom a{display:flex;align-items:center;gap:15px}.welcome-bottom a span{font-size:18px}.welcome-copy>*{opacity:0;transform:translateY(15px)}.welcome.open .welcome-copy>*{animation:welcome-in .65s cubic-bezier(.16,1,.3,1) forwards}.welcome.open .welcome-copy h1{animation-delay:.07s}.welcome.open .welcome-copy h2{animation-delay:.15s}.welcome.open .welcome-description{animation-delay:.23s}.welcome.open .welcome-button{animation-delay:.3s}.welcome.open .welcome-location{animation-delay:.36s}.welcome.open .shop-image{animation:shop-enter 1.1s .12s cubic-bezier(.16,1,.3,1) forwards,shop-breathe 8s 1.3s ease-in-out infinite alternate}.welcome.open .scene-label{animation:scene-note .7s .65s forwards}.welcome.open .happy-note{animation:scene-note .7s 1s forwards}.welcome.open .scene-spark{animation:scene-spark .7s .75s forwards}.welcome.open .spark-b{animation-delay:1.1s}.welcome.open .shop-halo{animation:halo-glow 6s ease-in-out infinite alternate}@keyframes welcome-in{to{opacity:1;transform:translateY(0)}}@keyframes shop-enter{to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shop-breathe{from{transform:translateY(0) scale(1)}to{transform:translateY(-4px) scale(1.007)}}@keyframes scene-note{to{opacity:1}}@keyframes scene-spark{from{opacity:0;scale:.4;rotate:-50deg}to{opacity:1;scale:1;rotate:0deg}}@keyframes halo-glow{from{opacity:.5;scale:1}to{opacity:1;scale:1.07}}
@media(min-width:1600px){.welcome-layout{left:10%;right:5%;grid-template-columns:.85fr 1.4fr}.shop-scene{width:115%;margin-left:-8%}.welcome h1{font-size:155px}}
@media(max-width:1100px) and (min-width:701px){.welcome-layout{left:6%;right:2%;grid-template-columns:.85fr 1.2fr}.welcome h1{font-size:99px}.welcome-eyebrow{font-size:6px;letter-spacing:.1em}.welcome h2{font-size:19px}.welcome-description{font-size:11px}.welcome-button{padding:15px 20px;font-size:10px;gap:22px}.scene-label{font-size:20px;top:-15%;right:16%}.happy-note{font-size:20px;bottom:-5%}}
@media(max-width:700px){.welcome{height:auto;min-height:950px}.welcome-header{top:15px;left:5%;right:5%;gap:12px}.welcome-header img{width:65px;height:65px}.welcome-header>span{display:none}.welcome-header nav{font-size:9px;gap:23px}.welcome-layout{position:relative;left:auto;right:auto;top:auto;bottom:auto;display:flex;flex-direction:column;gap:45px;padding:132px 6% 105px;margin:auto}.welcome-copy{text-align:center;align-self:center;width:100%}.welcome-eyebrow{justify-content:center;font-size:7px;letter-spacing:.1em;margin-bottom:22px}.welcome h1{font-size:116px;text-align:center;margin:0 auto}.welcome h2{font-size:20px;line-height:1.4;margin-top:34px}.welcome-description{font-size:11px;line-height:1.8;margin-bottom:22px}.welcome-button{padding:16px 22px;font-size:10px;gap:30px}.welcome-location{justify-content:center;margin-top:20px;font-size:7px}.shop-scene{width:116%;max-width:630px;aspect-ratio:1.45;margin-left:0}.scene-label{right:12%;top:-12%;font-size:19px}.scene-label svg{width:45px;height:40px}.happy-note{bottom:0;left:12%;font-size:20px}.spark-a{font-size:29px;top:-4%;left:10%}.spark-b{font-size:23px;right:9%;bottom:0}.welcome-bottom{font-size:6px;left:6%;right:6%;bottom:24px;justify-content:center}.welcome-bottom>span{display:none}.welcome-bottom a{gap:15px}.shop-halo{width:85%;left:8%}}
@media(max-width:400px){.welcome-layout{padding-top:120px;gap:40px}.welcome h1{font-size:100px}.welcome h2{font-size:18px}.welcome{min-height:900px}.welcome-header nav{font-size:8px;gap:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.welcome .welcome-copy>*,.welcome .shop-image{opacity:1;transform:none;animation:none!important}.welcome .scene-label,.welcome .happy-note,.welcome .scene-spark{opacity:1;animation:none!important}.welcome .shop-halo{animation:none!important}}
/* Center the navigation independently of the logo and tagline. */
.welcome-header nav{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;justify-content:center;white-space:nowrap}
.welcome-header>span{margin-left:auto}
.scene-label{top:3%;right:12%}
.happy-note{bottom:6%}
@media(max-width:1100px) and (min-width:701px){.scene-label{top:0;right:10%}}
@media(max-width:700px){.welcome-header nav{left:58%;gap:23px}.scene-label{top:-4%;right:12%}.happy-note{bottom:3%}}
.team-section{padding:85px 6% 100px;background:#075fc9;text-align:center;color:white}.team-section h2{margin:0 0 40px;font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(55px,7vw,100px);font-weight:800;font-style:italic;line-height:1;letter-spacing:-.025em}.team-film{max-width:1180px;margin:auto;border-radius:20px;overflow:hidden;background:#043d83;box-shadow:0 24px 70px #00337640;aspect-ratio:1276/718}.team-film video{display:block;width:100%;height:100%;object-fit:contain}.team-film video::-webkit-media-controls{display:none!important}@media(max-width:700px){.team-section{padding:60px 5% 65px}.team-section h2{margin-bottom:25px}.team-film{border-radius:12px}.welcome-header nav{gap:17px;font-size:8px;left:60%}}