@font-face{font-family:Orelo;src:url("assets/lotte/fonts/orelo-medium.ttf")}@font-face{font-family:Orelo;src:url("assets/lotte/fonts/orelo-bold.ttf");font-weight:700}@font-face{font-family:OreloItalic;src:url("assets/lotte/fonts/orelo-italic.ttf")}@font-face{font-family:Figtree;src:url("assets/lotte/fonts/figtree-regular.woff2")}
:root{--shell:min(100%,980px);--gutter:5.13%;--nav-h:112px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#ececec;color:#000;font-family:"Noto Sans TC","PingFang TC",Arial,sans-serif;letter-spacing:0;overflow-x:hidden}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-shell{width:var(--shell);margin:0 auto;background:#fff;overflow:hidden}.lotte-logo{padding:9.5% var(--gutter) 7.5%}.lotte-logo img{width:44%}
.kv{position:relative;padding:0 var(--gutter) 22%}.kv-frame{position:relative;z-index:2;width:100%;overflow:hidden}.kv-frame>img{width:100%;aspect-ratio:5/6;object-fit:cover}.kv-title{font-family:OreloItalic;font-size:clamp(40px,10.25vw,100px);line-height:1;letter-spacing:-.02em;white-space:nowrap;transform:scaleX(1.1) scale(.95)}.kv-title span{display:block;margin-top:.1em;text-align:center}.kv-title i{font-family:OreloItalic;font-style:normal}.kv-title.outside{position:absolute;z-index:1;top:107vw;left:0;width:100%;text-align:center}.kv-title.inside{position:absolute;z-index:3;left:calc(var(--gutter)*-1);bottom:0;width:calc(100% + var(--gutter)*2);color:#fff;text-align:center;mix-blend-mode:difference;transform:translateY(50%) scaleX(1.1) scale(.95)}.kv-desc{margin:14% auto 0;text-align:center;font-size:clamp(14px,3.6vw,35px);line-height:1.55}
section{position:relative}.stores,.shopping{padding:0 var(--gutter) 15%}.split-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8%}.split-head h2,.shopping h2{margin:0;font-family:Orelo;font-size:clamp(58px,11.3vw,110px);line-height:.9}.split-head h2 i,.shopping h2 i{font-family:OreloItalic;font-style:normal}.store-arrows{display:flex;gap:1.8vw}.store-arrows button{width:10.25vw;max-width:100px;aspect-ratio:1;border:0;background:transparent;padding:0}.location-rule{position:relative;height:1px;margin-bottom:12%;background:#000}.location-rule span{position:absolute;left:0;top:50%;transform:translateY(-50%);padding-right:2.5%;background:#fff;font-size:clamp(15px,4.1vw,40px)}.store-viewport{overflow:hidden}.store-track{display:flex;width:200%;transition:transform .65s cubic-bezier(.22,.8,.26,1)}.store-card{width:50%;flex:none;padding-right:0}.store-card img{width:100%;aspect-ratio:350/220;object-fit:cover}.store-card small{display:block;margin-top:8%;font-size:clamp(12px,2.8vw,27px)}.store-card h3{margin:4% 0 0;font-family:Orelo;font-size:clamp(34px,5.9vw,58px);line-height:.95}.store-card h3 i{font-family:OreloItalic;font-style:normal}.store-card p{margin:5% 0 0;font-size:clamp(14px,3.6vw,35px);line-height:1.5}.counter{display:flex;justify-content:flex-end;align-items:center;margin-top:8%;padding-top:4%;border-top:1px solid #000;font-family:OreloItalic}.counter i{width:7%;height:1px;margin:0 3%;background:#000}
.shopping{padding-top:4%;padding-bottom:18%}.shopping h2{margin-bottom:14%}.horizontal-track{display:flex;gap:5.1%;width:max-content;max-width:none;overflow:visible}.shopping-track article{width:69vw;max-width:676px;flex:none}.image-box{position:relative}.image-box img{width:100%;aspect-ratio:1;object-fit:cover}.image-box b{position:absolute;top:5%;left:5%;display:grid;place-items:center;min-width:74px;height:74px;padding:0 18px;border-radius:999px;background:#333;color:#fff;font-size:15px}.shopping article h3{font-size:clamp(24px,4.1vw,40px);font-weight:500;line-height:1.5}
.feature{padding:13% 0 10%;overflow:hidden}.feature header{position:relative;z-index:2;padding:0 var(--gutter);text-align:center;color:#fff}.feature header p{margin:2% 0 9%;font-size:clamp(16px,3.6vw,35px)}.letter-title{display:flex;justify-content:center;margin:0;font-family:Orelo;font-size:clamp(88px,16.4vw,160px);line-height:.85}.letter-title span{display:block;overflow:hidden}.letter-title span::first-letter{display:block}.feature .horizontal-track{padding-left:var(--gutter);gap:5.1%}.feature-track article{width:69vw;max-width:676px;flex:none;padding:4.1%;background:#fff}.feature-track article>img{width:100%;aspect-ratio:238/288;object-fit:cover}.feature-track article>div{min-height:23vw;max-height:225px;padding-top:4%}.feature-track h3{margin:0 0 4%;font-size:clamp(22px,4.1vw,40px);line-height:1.4}.feature-track p,.feature-track span{display:block;margin:0;color:#666;font-size:clamp(14px,3.1vw,30px);line-height:1.45}.place{background:#165bdc}.eat{background:#ff9111}.nearby{background:#a12de9}.eat-title{font-size:clamp(64px,13vw,127px)}
.black-zone{padding-bottom:12%;background:#000}.service{padding:10% var(--gutter) 8%;color:#fff}.service h2{margin:0 0 6%;font-size:clamp(30px,5.1vw,50px);font-weight:500}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 10px}.service-grid img{width:100%;aspect-ratio:1;object-fit:cover}.service-grid h3{margin:4% 0 0;font-size:clamp(20px,4.6vw,45px);font-weight:500}.top-button{display:grid;place-items:center;width:20.5vw;max-width:200px;aspect-ratio:1;margin:0 auto;border-radius:50%;background:#fff}.top-button span{font-family:Orelo;font-size:clamp(23px,5vw,49px)}
footer{padding:10% var(--gutter) calc(var(--nav-h) + 8%);background:#000;color:#aaa;font-size:clamp(12px,2.8vw,27px);line-height:1.55}.languages{display:flex;align-items:center;gap:5%;margin-bottom:8%}.languages button{border:0;background:transparent;padding:0}.languages img{width:auto;height:21px}.footer-logo{width:41%;margin:8% 0 3%}footer p{margin:1% 0}footer small{font-size:.85em}
.bottom-nav{position:fixed;z-index:20;left:50%;bottom:0;transform:translateX(-50%);width:var(--shell);height:var(--nav-h);display:grid;grid-template-columns:1fr 1fr 1.25fr 1fr 1fr;align-items:center;background:rgba(255,255,255,.94);backdrop-filter:blur(12px)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;font-size:14px;text-align:center}.bottom-nav b{font-weight:400}.bottom-nav .home{width:82%;height:58%;place-self:center;border-radius:999px;background:#000;color:#d7ff25;font-family:Orelo;font-size:24px;font-weight:700}.nav-icon{position:relative;width:48px;height:48px;margin-bottom:2px}.nav-icon::before,.nav-icon::after{content:"";position:absolute;inset:10px;border:2px solid #777;border-radius:50%}.nav-icon::after{inset:20px;background:#777;border:0}.nav-icon.bag::before{inset:13px 11px 7px;border-radius:0}.nav-icon.bag::after{inset:7px 17px 25px;background:transparent;border:2px solid #777;border-bottom:0;border-radius:10px 10px 0 0}.nav-icon.marker::before{inset:8px 13px 7px;border-radius:50% 50% 50% 0;transform:rotate(-45deg)}.nav-icon.search::before{inset:8px 12px 12px 8px}.nav-icon.search::after{inset:auto 7px 8px auto;width:14px;height:2px;transform:rotate(45deg);background:#777}.ai-float{position:fixed;z-index:21;left:50%;bottom:calc(var(--nav-h) + 18px);transform:translateX(calc(var(--shell)/2 - 100% - 18px));display:flex;align-items:center;gap:14px;height:58px;padding:0 22px;border:0;border-radius:999px;background:linear-gradient(100deg,#fe6c19,#ff9421);color:#fff;box-shadow:0 0 18px rgba(0,0,0,.2)}.ai-float b{display:grid;place-items:center;width:30px;height:30px;border:2px solid #fff;border-radius:8px}.ai-float i{font-style:normal;font-size:20px}
.land{opacity:0;transform:translateY(40px);transition:opacity .65s,transform .65s}.land.landed{opacity:1;transform:none}.letter-title span{transform:translateX(-110%);transition:transform .5s}.landed .letter-title span{transform:none}.landed .letter-title span:nth-child(2){transition-delay:.05s}.landed .letter-title span:nth-child(3){transition-delay:.1s}.landed .letter-title span:nth-child(4){transition-delay:.15s}.landed .letter-title span:nth-child(5){transition-delay:.2s}.landed .letter-title span:nth-child(6){transition-delay:.25s}.landed .letter-title span:nth-child(7){transition-delay:.3s}.landed .letter-title span:nth-child(8){transition-delay:.35s}.landed .letter-title span:nth-child(9){transition-delay:.4s}
@media(max-width:600px){:root{--nav-h:80px}.lotte-logo{padding-top:10%}.lotte-logo img{width:49%}.kv-title{font-size:10.25vw}.kv-title.outside{top:107vw}.kv-desc{font-size:3.6vw}.store-arrows button{width:10.25vw}.image-box b{min-width:0;height:8.2vw;padding:0 2.2vw;font-size:3vw}.bottom-nav a{font-size:10px}.bottom-nav .home{font-size:15px}.nav-icon{width:38px;height:38px}.ai-float{height:44px;bottom:calc(var(--nav-h) + 12px);font-size:12px;padding:0 14px;transform:translateX(calc(var(--shell)/2 - 100% - 12px))}.ai-float b{width:24px;height:24px}.languages img{height:17px}.home-qr-widget{right:12px;bottom:calc(var(--nav-h) + 12px);grid-template-columns:70px;width:94px;padding:12px}.home-qr-widget img{width:70px;height:70px}.home-qr-widget div{display:none}.home-qr-close{top:-10px;right:-8px;border:1px solid #ccd5da;background:#fff}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.land,.letter-title span,.store-track{transition:none}}
.kv-title.outside{top:108vw;transform:translateY(-50%) scaleX(1.1) scale(.95)}
.footer-logo{filter:grayscale(1) brightness(0) invert(1)}
.kv-frame>img{object-position:center}
.store-track{width:100%}.store-card{width:100%}
.horizontal-track{width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab}.horizontal-track::-webkit-scrollbar{display:none}.horizontal-track.dragging{cursor:grabbing;scroll-snap-type:none}.horizontal-track>article{scroll-snap-align:start}
.rail-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:8%}.rail-head h2{margin:0}.rail-buttons{display:flex;justify-content:flex-end;gap:10px}.rail-buttons button{display:grid;place-items:center;width:52px;height:52px;border:1px solid currentColor;border-radius:50%;background:transparent;color:inherit;font-size:24px;cursor:pointer}.rail-buttons.light{margin:0 auto 7%;color:#fff}
.privileges{padding:13% var(--gutter) 16%;background:#eef6ff}.privileges small{color:#165bdc;font-weight:700}.privileges h2{margin:0;font-family:Orelo;font-size:clamp(54px,10vw,98px);line-height:.92}.privileges h2 i{font-family:OreloItalic;font-style:normal}.section-intro{max-width:680px;margin:-2% 0 8%;font-size:clamp(15px,3vw,28px);line-height:1.55}.privilege-track article{width:69vw;max-width:620px;flex:none;background:#fff}.privilege-track img{width:100%;aspect-ratio:1.32;object-fit:cover}.privilege-track h3,.privilege-track p{margin:0;padding:5% 6% 0}.privilege-track h3{font-size:clamp(22px,4vw,38px)}.privilege-track p{padding-top:2%;padding-bottom:6%;color:#666;font-size:clamp(14px,2.8vw,24px)}
.footer-pages{display:grid;grid-template-columns:1fr 1fr;gap:0 7%;margin-bottom:10%;border-top:1px solid #555}.footer-pages a{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid #555;color:#fff}.footer-logo{filter:none}
.land article{opacity:0;transform:translateY(34px);transition:opacity .6s ease,transform .6s ease}.land.landed article{opacity:1;transform:none}.land.landed article:nth-child(2){transition-delay:.08s}.land.landed article:nth-child(3){transition-delay:.16s}.land.landed article:nth-child(4){transition-delay:.24s}.land.landed article:nth-child(5){transition-delay:.32s}.land.landed article:nth-child(6){transition-delay:.4s}
@media(max-width:600px){.rail-buttons button{width:42px;height:42px}.footer-pages{grid-template-columns:1fr}.privileges .rail-head{align-items:center}.privileges h2{font-size:13vw}}
.shopping-track{align-items:flex-start}.shopping-track article{background:#fff}.shopping-track .image-box{display:block;aspect-ratio:auto;background:#eef1f1;overflow:hidden}.shopping-track .image-box img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}.shopping-track article h3{margin:0;padding:5% 2% 7%;background:#fff}
.kv-frame>img{aspect-ratio:1700/1126;object-fit:contain}.kv-title.outside{display:none}.kv-title.inside{left:5%;bottom:5%;width:90%;color:#fff;text-align:left;mix-blend-mode:normal;text-shadow:0 2px 16px rgba(0,0,0,.45);transform:none;font-size:clamp(38px,8.5vw,84px)}.kv-title.inside span{text-align:left}
.store-card img,.feature-track article>img,.service-grid img{height:auto;aspect-ratio:auto;object-fit:contain;background:#f2f4f4}.feature-track article>img{max-height:none}.footer-brand-row{display:flex;align-items:center;gap:5%;margin:8% 0 3%}.footer-brand{position:relative;display:block}.footer-brand img{width:100%;height:auto}.footer-brand .white-layer{filter:brightness(0) invert(1)}.footer-brand .colour-layer{position:absolute;inset:0}.lalaport-brand{width:42%}.outlet-brand{width:37%}.lalaport-brand .colour-layer{clip-path:polygon(0 0,31% 0,31% 100%,0 100%)}.outlet-brand .colour-layer{clip-path:polygon(0 0,27% 0,27% 100%,0 100%)}.footer-logo{display:none}
.store-card img,.feature-track article>img,.service-grid img,.content-card img{width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important}.feature-track article{overflow:visible}
.privilege-track img{display:block;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important;background:#fff}
.store-viewport{transition:height .55s cubic-bezier(.22,.8,.26,1)}.store-track{align-items:flex-start}
.feature .horizontal-track{align-items:flex-start}.feature-track article{align-self:flex-start}.feature-track article>div{min-height:0;height:auto;max-height:none;padding-bottom:3%}
.kv-frame>img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}.page-intro{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;background:#fff;overflow:hidden;animation:introFade 5.1s both}.intro-image{position:absolute;inset:0;display:grid;place-items:center;background:#0757bd;transform:translateY(100%);animation:introRise 1s cubic-bezier(.22,.8,.26,1) forwards}.intro-image img{width:100%;height:100%;object-fit:contain;animation:introZoom 2.15s 1s cubic-bezier(.55,0,.25,1) both}.intro-white-panel{position:absolute;z-index:2;left:0;right:0;top:0;height:19%;background:#fff;transform:translateY(-100%);animation:introPanel .65s 3.05s cubic-bezier(.22,.8,.26,1) forwards}.intro-logo{position:absolute;z-index:3;top:5.5%;left:5%;width:min(42%,360px);opacity:0;transform:translateY(-18px);animation:introLogo .55s 3.55s ease forwards}.page-intro.finished{pointer-events:none}@keyframes introRise{to{transform:translateY(0)}}@keyframes introZoom{0%{transform:scale(1)}48%{transform:scale(1.09)}100%{transform:scale(1)}}@keyframes introPanel{to{transform:translateY(0)}}@keyframes introLogo{to{opacity:1;transform:none}}@keyframes introFade{0%,84%{opacity:1}100%{opacity:0;visibility:hidden}}.languages{gap:12px}.languages button{min-width:112px;padding:10px 16px;border:1px solid #777;background:transparent;color:#aaa;font-size:13px;letter-spacing:0}.languages button.active{border-color:#fff;background:#fff;color:#000}
@media(prefers-reduced-motion:reduce){.page-intro{display:none}}
.home-qr-widget{position:fixed;z-index:24;right:max(22px,calc((100vw - var(--shell))/2 + 22px));bottom:calc(var(--nav-h) + 20px);display:grid;grid-template-columns:94px 1fr;align-items:center;gap:13px;width:270px;padding:12px 15px 12px 12px;border:1px solid rgba(15,32,45,.14);background:rgba(255,255,255,.96);box-shadow:0 12px 32px rgba(15,32,45,.2);backdrop-filter:blur(12px);transition:opacity .2s,transform .2s}.home-qr-widget.is-closing{opacity:0;transform:translateY(10px);pointer-events:none}.home-qr-widget img{display:block;width:94px;height:94px;object-fit:contain}.home-qr-widget div{display:grid;gap:4px}.home-qr-widget b{font-size:15px}.home-qr-widget small{color:#6f7c85;font-size:10px;overflow-wrap:anywhere}.home-qr-close{position:absolute;top:5px;right:6px;display:grid;place-items:center;width:26px;height:26px;padding:0;border:0;border-radius:50%;background:#eef2f4;color:#26343e;font-size:20px;line-height:1}.home-qr-close:hover{background:#111;color:#fff}