/* EXPRESSWAY: retain the supplied corporate identity; let the product story breathe. */
:root{--container-max:1600px;--pad:clamp(22px,5.2vw,84px);--header-height:84px;--font-pomori:"Bricolage Grotesque","Nunito","Noto Sans TC",system-ui,sans-serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-padding-top:calc(var(--header-height) + 20px)}body{overflow-x:visible}
.site-header{position:sticky;top:0;background:#faf9f6f5;backdrop-filter:blur(18px);border-bottom-color:#13223a22}
.site-header__inner{min-height:84px}.brand svg{height:22px}.site-nav__link{font-size:.85rem}.btn{border-radius:100px;padding-inline:27px;font-size:.84rem;letter-spacing:0;transition:background .18s,color .18s,transform .18s}.btn:hover{transform:translateY(-2px)}
.hero{position:relative;padding-block:46px 85px}.hero__grid{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:24px;min-height:min(680px,calc(100svh - 160px))}
.hero__copy{gap:27px;position:relative;z-index:5}.hero__copy .kicker{font-size:.64rem;letter-spacing:.12em}.hero .display{font-size:clamp(66px,7.5vw,124px);line-height:.98;letter-spacing:-.065em;max-width:none;white-space:pre-line;text-wrap:initial}.hero__copy .lead{font-size:1.04rem;max-width:33ch;line-height:1.8}.hero__copy .actions{margin-top:5px;gap:12px}
.hero__art{position:relative;isolation:isolate;gap:15px;padding:12px 0 30px;min-width:0;overflow:clip}.product-frame{background:transparent;max-width:620px;border-radius:0;overflow:visible;animation:none}
.product-frame::before{content:"";position:absolute;inset:10% 1% 6%;background:var(--pom-mint);border-radius:50%;transform:rotate(-15deg);z-index:-2}.product-frame::after{content:"";position:absolute;inset:3% -2% 8%;border:1px dashed #13223a35;border-radius:50%;transform:rotate(-27deg);z-index:-1;pointer-events:none}
.can-trio{aspect-ratio:1/1.05}.can-trio img{height:100%;width:70%;object-fit:contain;top:0;max-width:none;filter:drop-shadow(12px 22px 15px #13223a1f)}.can-trio .c-peach{left:-3%;transform:rotate(-18deg) scale(.84)}.can-trio .c-berry{right:-5%;transform:rotate(15deg) scale(.86)}.can-trio .c-citrus{left:50%;transform:translateX(-50%) rotate(-5deg)}
.product-frame__label{bottom:2%;font-size:.58rem;letter-spacing:.1em;padding:10px 15px;box-shadow:0 2px 0 #13223a15;background:var(--paper);border:1px solid #13223a22}.hero__art figcaption{font-size:.64rem;line-height:1.65;max-width:35ch;margin:auto}.hero-explore{display:flex;gap:18px;align-items:center;justify-content:center;text-decoration:none;font-size:.69rem;font-weight:600}.hero-explore>span:last-child{display:grid;place-items:center;width:28px;height:28px;border:1px solid #13223a33;border-radius:50%;font-size:17px}.hero-explore:hover>span:last-child{background:var(--ink);color:var(--paper)}
[data-view="home"]>.section:has(#intro-title){padding-block:36px 95px!important}.intro__grid{gap:9%;align-items:start}.intro__grid .h-lg{font-size:clamp(39px,4.4vw,69px);letter-spacing:-.05em;max-width:14ch}.intro__grid .lead{font-size:.94rem;line-height:1.9}.cat-strip{margin-top:55px}.cat-strip a{font-size:1.25rem;padding-block:23px}.cat-strip a:hover{background:var(--pom-mint)}
/* Full-height native scroll stage. Sticky geometry is measured, not hard-coded. */
.pomori__stage{isolation:isolate}.pomori__stage::before{content:"pomori";position:absolute;bottom:12%;left:16%;font-family:var(--font-pomori);font-size:clamp(160px,32vw,600px);font-weight:800;line-height:.7;letter-spacing:-.09em;opacity:.035;pointer-events:none;z-index:0;display:none}
.pomori.is-motion .pomori__stage{top:var(--header-height);height:calc(100svh - var(--header-height));min-height:510px}.pomori.is-motion .pomori__stage::before{display:block}.pomori.is-motion .pomori__head{grid-template-columns:1fr minmax(100px,220px) auto;gap:30px;padding-block:25px 0}.pomori.is-motion .pomori__title{font-size:33px;letter-spacing:-.07em}.pomori.is-motion .pomori__progress{height:2px;justify-self:center;width:100%}.pomori__head>p{grid-column:1/-1}.story-motion{font:inherit;font-family:var(--font-body);font-size:.65rem;display:inline-flex;align-items:center;gap:9px;padding:10px 14px;min-height:44px;border:1px solid #173f3538;border-radius:100px;background:transparent;color:var(--pom-ink);justify-self:end;cursor:pointer}.story-motion::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.story-motion[aria-pressed=true]::before{background:transparent;border:1px solid currentColor}.story-motion:hover{background:#ffffff40}.pomori:not(.is-motion) .pomori__head{grid-template-columns:1fr auto;align-items:center}.pomori:not(.is-motion) .pomori__head>p{grid-row:2}.pomori .scene__name{font-family:var(--font-pomori);font-size:clamp(67px,8vw,136px);letter-spacing:-.075em;font-weight:800;line-height:.96}.scene__line{font-family:var(--font-pomori);font-weight:650;font-size:clamp(22px,2.1vw,34px);letter-spacing:-.035em}.scene__body{font-size:.95rem;line-height:1.85}.scene__note{font-size:.7rem;letter-spacing:.03em}.scene__copy{gap:19px}.pomori.is-motion .scene__copy{pointer-events:none;max-width:none;width:100%;align-self:center}.pomori.is-motion .scene__can{left:72%;height:clamp(320px,calc(100svh - var(--header-height) - 125px),760px)}.pomori.is-motion .pomori__nav{padding-bottom:28px;gap:12px}.pomori__nav a{font-size:.77rem;padding-inline:22px;font-weight:650}.pomori__nav i{width:9px;height:9px}.decor__leaf--a{left:8%;top:19%;rotate:-8deg}.decor__leaf--b{left:77%;bottom:13%;rotate:35deg}.decor__fruit{right:9%;top:16%;box-shadow:inset -8px -9px 0 #173f3515,0 0 0 9px var(--fruit-pale)}.scene--citrus .decor__fruit::after{inset:0;opacity:1;background:repeating-conic-gradient(var(--fruit-pale) 0deg 3deg,transparent 3deg 45deg)}.scene--peach .decor__fruit{border-radius:48% 52% 46% 54%;rotate:20deg}.scene--berry .decor__fruit{scale:.65;box-shadow:35px -10px 0 #c97da4,15px 30px 0 #934a76,-14px 5px 0 #d99bb8}.scene--berry .decor__fruit::after{display:none}.campaign{padding-block:90px}.campaign__grid{grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:9%;align-items:center}.campaign .h-lg{font-family:var(--font-pomori);font-size:clamp(42px,4.3vw,70px);line-height:1.03;letter-spacing:-.06em}.campaign .lead{font-size:.94rem;line-height:1.9}.campaign__copy{gap:25px}.campaign__media{border-radius:4px}.campaign figcaption{font-size:.65rem}
/* Corporate sections retain Expressway navy and brass, separate from POMORI. */
[data-view="home"]>.section:has(#ways-title){background:var(--ink);color:var(--paper);padding-block:100px}[data-view="home"] #ways-title{font-size:clamp(48px,5vw,78px);letter-spacing:-.05em}[data-view="home"] .route-grid{gap:15px 7%;counter-reset:routes}[data-view="home"] .route{border-color:#faf9f64a;padding-block:28px 35px;position:relative;counter-increment:routes}[data-view="home"] .route::before{content:"0" counter(routes);position:absolute;right:0;top:28px;font-size:.65rem;letter-spacing:.1em;color:var(--brass-light)}[data-view="home"] .route .h-sm{font-size:clamp(24px,2.3vw,35px);font-weight:700;max-width:85%;letter-spacing:-.04em}[data-view="home"] .route p,[data-view="home"] .section:has(#ways-title) .muted{color:#c9ced7;font-size:.92rem;line-height:1.9}[data-view="home"] .route .arrow-link{color:var(--paper);font-size:.82rem}[data-view="home"] .route .bands i{background:var(--paper)}[data-view="home"] .route .bands i:nth-child(2){background:var(--brass-light)}[data-view="home"] .route{background-image:none;--focus-color:var(--paper);--focus-halo:var(--ink)}
.market{padding:0}.market-link{display:flex;align-items:center;gap:25px;width:100%;padding-block:23px;text-decoration:none;transition:padding .2s}.market-link:hover{padding-inline:15px}.market__name{font-size:clamp(40px,5.9vw,90px);letter-spacing:-.055em}.market-arrow{margin-left:auto;font-family:var(--font-body);font-size:clamp(30px,4.3vw,65px);color:var(--brass);transition:transform .2s}.market-link:hover .market-arrow{transform:translate(4px,-4px)}.markets .section-head .h-lg{font-size:clamp(43px,4.6vw,70px);letter-spacing:-.05em}.markets .section-head .lead{font-size:.93rem;line-height:1.9}.invite__panel{border-radius:4px}.invite__panel .display{font-weight:800;letter-spacing:-.05em;max-width:12ch;line-height:1.02}.invite__panel .lead{font-size:.94rem;line-height:1.9}.site-footer{margin-top:65px}
/* Independent reveal fallback: no dependency on CSS scroll-timeline support. */
.reveal-ready .reveal,.reveal-ready .reveal-stagger>*{animation:none!important;transition:opacity .65s cubic-bezier(.16,1,.3,1),translate .65s cubic-bezier(.16,1,.3,1);opacity:1;translate:0 0}.reveal-ready .await-reveal{opacity:0;translate:0 22px}.motion-off *,.motion-off *::before,.motion-off *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-off .reveal,.motion-off .reveal-stagger>*{opacity:1!important;translate:0 0!important}.motion-off .btn:hover{transform:none}
@media(min-width:900px){.hero .can-trio__layer{animation:none!important;transition:none;translate:var(--fan-x,0) var(--fan-y,0);rotate:var(--fan-rotate,0deg)}}
@media(max-width:1100px){.site-nav__link{font-size:.76rem}.site-header__inner{gap:20px}.site-nav ul{gap:4px}.site-nav__cta{padding-inline:18px;font-size:.74rem}.brand svg{height:20px}.hero__copy .kicker{font-size:.56rem}.hero__grid{gap:15px;min-height:560px}.hero .display{font-size:clamp(65px,7.8vw,85px)}.hero__copy .lead{font-size:.92rem}.hero__copy .actions{gap:8px}.hero__copy .btn{padding-inline:20px;font-size:.75rem}.pomori.is-motion .scene__name{font-size:clamp(70px,8.3vw,110px)}.scene__body{font-size:.85rem}.pomori.is-motion .scene__copy{gap:16px;max-width:none}.campaign__grid{gap:6%}.campaign__copy{gap:20px}.campaign .lead{font-size:.87rem}}
@media(max-width:899px){.site-header__inner{min-height:76px}.hero{padding-block:45px 65px}.hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px;min-height:0}.hero .display{font-size:clamp(54px,8.2vw,72px)}.hero__copy{gap:23px}.hero__copy .kicker{font-size:.55rem;line-height:1.7;letter-spacing:.08em}.hero__copy .lead{font-size:.84rem}.hero__copy .actions{gap:9px}.hero__copy .btn{font-size:.7rem;padding:12px 16px;min-height:44px}.hero__art{padding-top:10px}.hero__art figcaption{font-size:.56rem}.can-trio{aspect-ratio:1/1.25}.hero-explore{font-size:.62rem}.intro__grid .h-lg{max-width:17ch}.intro__grid{gap:35px}.intro__grid .lead{font-size:.93rem}.campaign__grid{grid-template-columns:1fr;gap:35px}.campaign__copy{max-width:600px}.campaign .h-lg{font-size:52px}.campaign__media img{max-height:600px;object-fit:cover}.pomori .scene__name{font-size:clamp(65px,9vw,90px)}.scene__copy{gap:18px}.pomori .scene__art{height:470px}.pomori:not(.is-motion) .pomori__head{padding-top:40px}.pomori:not(.is-motion) .scene__can{animation:none}.pomori:not(.is-motion) .decor{animation:none}.pomori:not(.is-motion) .scene__copy{animation:none}.pomori:not(.is-motion) .scene__art::before{content:"";position:absolute;inset:15% 4%;border-radius:50%;background:#ffffff30}.market-link{padding-block:24px;gap:20px}.market__name{font-size:clamp(34px,6.7vw,60px)}.site-footer{margin-top:45px}}
@media(max-width:620px){:root{--pad:22px}.hero{padding-block:35px 40px}.hero__grid{grid-template-columns:1fr;gap:10px}.hero__copy{gap:23px}.hero .display{font-size:clamp(44px,13.3vw,82px);max-width:none;line-height:.99;letter-spacing:-.065em}.hero__copy .kicker{font-size:.54rem;letter-spacing:.1em;gap:9px}.hero__copy .kicker::before{width:19px}.hero__copy .lead{font-size:.9rem;max-width:32ch;line-height:1.8}.hero__copy .actions{gap:10px;margin-top:0}.hero__copy .btn{padding:14px 20px;min-height:46px;font-size:.73rem}.hero__art{padding:8px 0 25px;max-width:440px;width:100%;margin-inline:auto}.can-trio{aspect-ratio:1/1.07}.hero__art figcaption{font-size:.6rem;margin-top:8px}.hero-explore{font-size:.67rem}.product-frame__label{font-size:.55rem;padding:8px 13px;bottom:0}.product-frame::before{inset:11% 3% 3%}.product-frame::after{inset:7% 1% 5%}.hero .can-trio__layer{animation:none!important}.can-trio .c-peach{left:-3%}.can-trio .c-berry{right:-3%}.intro__grid .h-lg{font-size:44px;max-width:14ch;line-height:1.06}.intro__grid .lead{font-size:.88rem;line-height:1.9}[data-view="home"]>.section:has(#intro-title){padding-block:25px 55px!important}.cat-strip{margin-top:35px}.cat-strip a{font-size:1.25rem;min-height:74px;padding-inline:8px}.story-motion{font-size:.58rem;padding:9px 12px}.pomori:not(.is-motion) .pomori__title{font-size:35px}.pomori__head p{font-size:.85rem;line-height:1.8}.pomori__head{gap:20px;padding-block:30px 22px}.pomori__nav{gap:8px;padding-bottom:25px}.pomori__nav a{font-size:.72rem;padding-inline:17px}.pomori .scene{padding-block:40px 25px;gap:17px;grid-template-columns:1fr}.pomori .scene__name{font-size:clamp(70px,20vw,100px)}.pomori .scene__line{font-size:25px}.pomori .scene__body{font-size:.88rem}.pomori .scene__note{font-size:.65rem}.pomori .scene__copy{gap:16px}.pomori .scene__art{height:390px}.pomori .scene__can{max-width:100%;object-fit:contain}.decor__fruit{width:65px;right:9%;top:18%}.decor__leaf{width:43px}.decor__leaf--a{top:20%;left:10%}.decor__leaf--b{left:75%;bottom:13%}.campaign{padding-block:55px}.campaign .h-lg{font-size:45px;max-width:10ch}.campaign .lead{font-size:.88rem;line-height:1.9}.campaign__copy{gap:22px}.campaign figcaption{font-size:.6rem}[data-view="home"]>.section:has(#ways-title){padding-block:60px}[data-view="home"] #ways-title{font-size:47px}[data-view="home"] .route-grid{grid-template-columns:1fr;gap:0}[data-view="home"] .route{padding-block:25px 30px;gap:17px}[data-view="home"] .route .h-sm{font-size:29px;max-width:88%}[data-view="home"] .route p,[data-view="home"] .section:has(#ways-title) .muted{font-size:.87rem;line-height:1.85}[data-view="home"] .route .arrow-link{font-size:.82rem;padding-top:4px}.market-link{gap:11px;padding-block:23px}.market .code{font-size:.6rem;width:2.5ch}.market__name{font-size:clamp(26px,7.6vw,44px);letter-spacing:-.055em}.market-arrow{font-size:30px}.markets .section-head .h-lg{font-size:45px}.markets .section-head .lead{font-size:.88rem}.market-link:hover{padding-inline:0}.invite__panel{padding:45px 25px}.invite__panel .display{font-size:clamp(38px,10vw,56px)!important;line-height:1.05}.invite__panel .lead{font-size:.88rem}.site-footer{margin-top:30px}.site-footer__grid{padding-top:55px}.site-footer__id svg{max-width:245px}.summary .actions .btn{padding-inline:18px;font-size:.78rem}.motion-note__inner{gap:6px}.motion-note p{font-size:.65rem}.motion-note button{font-size:.65rem;min-height:36px;padding:8px 14px}}
@media(max-width:359px){.hero .display{font-size:44px}.hero__copy .btn{padding-inline:16px;font-size:.69rem}.hero__copy .kicker{font-size:.49rem}.market__name{font-size:26px}.pomori .scene__art{height:345px}}
@media(min-width:900px) and (max-height:740px){.hero__grid{min-height:520px}.hero{padding-block:30px 60px}.hero .display{font-size:clamp(72px,7.3vw,105px)}.hero__art{max-height:560px}.pomori.is-motion .scene__name{font-size:86px}.pomori.is-motion .scene__copy{gap:13px}.pomori.is-motion .pomori__head{padding-top:18px}.pomori.is-motion .pomori__nav{padding-bottom:17px}.scene__line{font-size:26px}.scene__body{font-size:.83rem}}
:lang(zh-Hant) .hero .display{font-size:clamp(54px,6.6vw,105px);max-width:8ch;line-height:1.13;letter-spacing:-.04em}:lang(zh-Hant) .scene__name{letter-spacing:-.03em}
@media(max-width:620px){:lang(zh-Hant) .hero .display{font-size:clamp(48px,11.8vw,68px);max-width:8ch}}
@media(prefers-reduced-motion:reduce){html:not(.motion-force) .reveal,html:not(.motion-force) .reveal-stagger>*{opacity:1!important;translate:0 0!important}html:not(.motion-force) .btn:hover,html:not(.motion-force) .market-arrow{transform:none}}