body{background:#f5f2eb;color:#272720}.site-header{position:relative;background:#fff}.nav{max-width:1440px}.nav-links{gap:16px}.nav-links a{font-size:14px;white-space:nowrap}.preview-note{padding:10px 24px;background:#e9e1cf;text-align:center;font-size:13px;color:#675b42}.partner-intro{max-width:1120px;margin:auto;padding:72px 28px 52px;border-bottom:1px solid #d6ccb9}.kicker{letter-spacing:2px;font-size:12px;color:#967842;font-weight:600}.partner-intro h1{font-size:clamp(36px,5vw,60px);margin:12px 0 20px;font-weight:600}.intro-line{font-size:22px;margin-bottom:12px}.sub{color:#777366;font-size:15px}.partners{max-width:1120px;margin:auto;padding:0 28px}.partner{display:grid;grid-template-columns:340px 1fr;gap:64px;padding:52px 0;border-bottom:1px solid #d6ccb9;align-items:center}.logo{height:260px;display:flex;align-items:center;justify-content:center;background:white;padding:32px;border:1px solid #e8e2d8}.logo img{max-width:100%;max-height:100%;object-fit:contain}.details h2{font-size:28px;margin:10px 0 20px}.details ul{list-style:none;padding:0;margin:0}.details li{font-size:16px;padding:10px 0;border-bottom:1px solid #e6dfd2;line-height:1.6}.details li:last-child{border:0}.partner-cta{text-align:center;padding:64px 24px 76px}.partner-cta h2{font-size:28px}.partner-cta>p:not(.kicker){color:#706d63}.partner-cta a{display:inline-block;background:#29291f;color:white;padding:16px 30px;text-decoration:none;margin-top:16px}.floating-contact{z-index:10}@media(max-width:800px){.partner{grid-template-columns:1fr;gap:24px;padding:34px 0}.logo{height:200px}.partner-intro{padding-top:40px}.details h2{font-size:24px}.partner-cta h2{font-size:24px}.partners{padding:0 24px}.intro-line{font-size:18px}}.site-header .brand,.site-header .nav-links a,.site-header .nav-toggle{color:#272720}.site-header .brand small{color:#81765e}.site-header .nav-links a[aria-current="page"]{color:#967842}

.brand-grid{max-width:1120px;margin:36px auto 72px;padding:0 28px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.brand-card{background:#fff;border:1px solid #e3dccf;text-decoration:none;color:#272720;transition:transform .2s,box-shadow .2s;display:block}.brand-card:hover{transform:translateY(-4px);box-shadow:0 12px 25px #30250f12}.brand-card:focus-visible{outline:3px solid #967842;outline-offset:4px}.card-logo{height:230px;padding:24px;display:flex;align-items:center;justify-content:center}.card-logo img{width:100%;height:100%;object-fit:contain}.card-copy{padding:18px 24px 20px;border-top:1px solid #eee8dd}.card-copy>span{font-size:12px;color:#967842;letter-spacing:1px}.card-copy h2{font-size:21px;line-height:1.5;margin:8px 0 16px}.card-copy p{font-size:13px;color:#777;margin:0}.card-copy b{float:right;color:#967842;font-size:19px}.partner-intro{padding-top:46px;padding-bottom:28px}.brand-detail{max-width:1050px;padding:40px 28px 80px;margin:auto}.back{color:#7a6748;text-decoration:none}.detail-top{display:grid;grid-template-columns:300px 1fr;gap:48px;align-items:center;margin:36px 0}.detail-logo{height:260px;padding:24px;background:white}.detail-logo img{width:100%;height:100%;object-fit:contain}.detail-top h1{font-size:36px;line-height:1.4}.detail-top p{line-height:1.9}.case-list{border-top:1px solid #d6ccb9;padding:28px 0}.case-list h2{font-size:24px}.case-list ul{list-style:none;padding:0}.case-list li{padding:16px 0;border-bottom:1px solid #e3dccf;line-height:1.7}.detail-contact{display:inline-block;background:#29291f;color:white;padding:16px 24px;text-decoration:none}@media(max-width:900px){.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-logo{height:210px}.detail-top{grid-template-columns:1fr;gap:24px}}@media(max-width:540px){.brand-grid{gap:12px;padding:0 16px}.card-logo{height:155px;padding:14px}.card-copy{padding:12px}.card-copy h2{font-size:16px;min-height:48px}.card-copy>span{font-size:11px}.detail-top h1{font-size:28px}.brand-detail{padding:28px 20px 60px}}

@media(min-width:901px){.brand-grid{gap:20px}.card-logo{height:190px;padding:20px}.card-copy{padding:16px}.card-copy h2{font-size:19px}}

/* Compact logos with their original proportions. */
.card-logo img{width:auto;height:auto;max-width:100%;max-height:140px;object-fit:contain}
.detail-logo{height:200px;display:flex;align-items:center;justify-content:center}
.detail-logo img{width:auto;height:auto;max-width:100%;max-height:160px;object-fit:contain}
@media(max-width:540px){.card-logo img{max-height:120px}.detail-logo{height:180px}.detail-logo img{max-height:140px}}


/* Tighter brand cards, keeping logos at their approved size. */
.brand-grid{gap:14px;margin-top:24px;margin-bottom:40px}
.brand-grid .card-logo{height:154px;padding:7px 12px}
.brand-grid .card-copy{padding:10px 14px 12px}
.brand-grid .card-copy h2{font-size:18px;line-height:1.4;margin:5px 0 8px;min-height:0}
.brand-grid .card-copy>span{font-size:11px;letter-spacing:0}
.brand-grid .card-copy p{font-size:12px;line-height:1.4}
@media(max-width:540px){.brand-grid{gap:10px}.brand-grid .card-logo{height:130px;padding:5px 8px}.brand-grid .card-copy{padding:8px 10px}.brand-grid .card-copy h2{font-size:15px}}


/* Full original image proportions and translucent floating cards. */
body{background:radial-gradient(ellipse at 10% 15%,#e8dfcb80,transparent 45%),radial-gradient(ellipse at 90% 65%,#e1e7df75,transparent 45%),#f5f2eb}
.brand-grid{gap:18px;align-items:start}
.brand-grid .brand-card{border:1px solid #ffffffd9;border-radius:15px;background:rgba(255,255,255,.55);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 6px 20px #59482d12;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,background .22s ease}
.brand-grid .brand-card:hover{transform:translateY(-5px);background:rgba(255,255,255,.78);box-shadow:0 14px 28px #59482d22}
.brand-grid .card-logo{height:auto;padding:0;display:block;background:transparent}
.brand-grid .card-logo img{display:block;width:100%;height:auto;max-width:100%;max-height:none;object-fit:contain;opacity:1}
.brand-grid .card-copy{padding:13px 14px 14px;border-top:1px solid #ffffff99}
.detail-logo{height:auto;padding:0;background:transparent;border-radius:14px;overflow:hidden;box-shadow:0 8px 24px #59482d15}
.detail-logo img{display:block;width:100%;height:auto;max-width:100%;max-height:none;object-fit:contain}
@media(prefers-reduced-motion:reduce){.brand-grid .brand-card{transition:none}.brand-grid .brand-card:hover{transform:none}}

/* Compact spacing across brand detail pages. */
.brand-detail{padding-top:22px;padding-bottom:40px}
.detail-top{margin:18px 0;gap:32px;grid-template-columns:220px 1fr}
.detail-top h1{margin:8px 0 12px}
.detail-top p{margin:6px 0;line-height:1.6}
.case-list{padding:16px 0}
.case-list h2{margin:0 0 16px}
.case-list h3{margin:16px 0 6px}
.case-list ul{margin:0 0 12px}
.case-list li{padding:8px 0;line-height:1.55}
body.brand-taishin-page{background:linear-gradient(rgba(247,244,236,.15),rgba(247,244,236,.25)),url('media/brand-taishin-background-fast.webp') center center/cover fixed no-repeat}
.brand-taishin-page .brand-detail{background:rgba(255,255,255,.38);backdrop-filter:blur(1px);border:1px solid rgba(255,255,255,.65);border-radius:18px;margin-top:18px;margin-bottom:24px}
@media(max-width:900px){.detail-top{grid-template-columns:1fr;gap:16px}.detail-logo{max-width:220px}.brand-taishin-page .brand-detail{margin-left:14px;margin-right:14px}body.brand-taishin-page{background-attachment:scroll}}

body.brand-eztravel-page{background:linear-gradient(rgba(247,244,236,.15),rgba(247,244,236,.25)),url("media/brand-eztravel-background-fast.webp") center center/cover fixed no-repeat}
body.brand-seven-eleven-page{background:linear-gradient(rgba(247,244,236,.15),rgba(247,244,236,.25)),url("media/brand-seven-eleven-background-fast.webp") center center/cover fixed no-repeat}
body.brand-eye-page{background:linear-gradient(rgba(247,244,236,.15),rgba(247,244,236,.25)),url("media/brand-eye-background-fast.webp") center center/cover fixed no-repeat}
.brand-photo-page .brand-detail{background:rgba(255,255,255,.38);backdrop-filter:blur(1px);border:1px solid rgba(255,255,255,.65);border-radius:18px;margin-top:18px;margin-bottom:24px}
@media(max-width:900px){body.brand-photo-page{background-attachment:scroll}.brand-photo-page .brand-detail{margin-left:14px;margin-right:14px}}

body.brand-hokang-page{background:linear-gradient(rgba(247,244,236,.15),rgba(247,244,236,.25)),url("media/brand-hokang-background-fast.webp") center center/cover fixed no-repeat}
@media(max-width:900px){body.brand-hokang-page{background-attachment:scroll}}

body.brand-familymart-page{background:linear-gradient(rgba(247,244,236,.15),rgba(247,244,236,.25)),url("media/brand-familymart-background-fast.webp") center center/cover fixed no-repeat}
@media(max-width:900px){body.brand-familymart-page{background-attachment:scroll}}

body.brand-career-page{background:linear-gradient(rgba(247,244,236,.15),rgba(247,244,236,.25)),url("media/brand-career-background-fast.webp") center center/cover fixed no-repeat}
@media(max-width:900px){body.brand-career-page{background-attachment:scroll}}

body.brand-uni-style-page{background:linear-gradient(rgba(247,244,236,.15),rgba(247,244,236,.25)),url("media/brand-uni-style-lions-20261006.jpg") center bottom/cover fixed no-repeat}
@media(max-width:900px){body.brand-uni-style-page{background-attachment:scroll}}

body.brand-feds-page{background:linear-gradient(rgba(247,244,236,.15),rgba(247,244,236,.25)),url("media/brand-feds-background-fast.webp") center center/cover fixed no-repeat}
@media(max-width:900px){body.brand-feds-page{background-attachment:scroll}}

/* Brand pages have no bottom footer block; background fills viewport. */
html{min-height:100%;background:transparent}body{min-height:100vh}body>footer,body>.site-footer{display:none!important;height:0!important;padding:0!important;margin:0!important}body>main{background:transparent}.detail-contact{background:rgba(255,255,255,.65);color:#29291f;border:1px solid rgba(120,105,75,.4);border-radius:8px}

body.brand-yungching-page{background:linear-gradient(rgba(247,244,236,.15),rgba(247,244,236,.25)),url("media/brand-yungching-background-fast.webp") center center/cover fixed no-repeat}
@media(max-width:900px){body.brand-yungching-page{background-attachment:scroll}}

.updating-badge{display:inline-flex;align-items:center;gap:6px;vertical-align:middle;margin-left:6px;padding:3px 10px;border:1px solid rgba(175,132,46,.45);border-radius:99px;background:rgba(255,249,222,.86);color:#805514;font-size:13px;line-height:1.6;font-weight:600;animation:update-glow 2.8s ease-in-out infinite}
.update-sparkle{display:inline-block;color:#ab791d;animation:update-star 2.8s ease-in-out infinite}
@keyframes update-glow{0%,100%{box-shadow:0 0 0 rgba(221,169,53,0)}50%{box-shadow:0 0 13px rgba(221,169,53,.55);background:rgba(255,244,195,.98)}}
@keyframes update-star{0%,100%{opacity:.45;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}
@media(prefers-reduced-motion:reduce){.updating-badge,.update-sparkle{animation:none}}

.updating-badge{border:0;border-radius:0;background:transparent;padding:0;box-shadow:none;animation:none;gap:7px}.updating-badge .update-sparkle:last-child{animation-delay:1.4s}

.updating-badge,.update-sparkle{-webkit-text-stroke:.5px #fff;paint-order:stroke fill;text-shadow:1px 0 1px #fff,-1px 0 1px #fff,0 1px 1px #fff,0 -1px 1px #fff}

body.brand-venus-page{background:linear-gradient(rgba(247,244,236,.15),rgba(247,244,236,.25)),url("media/brand-venus-background-fast.webp") center center/cover fixed no-repeat}
@media(max-width:900px){body.brand-venus-page{background-attachment:scroll}}
body.brand-like-tea-page{background:linear-gradient(rgba(247,244,236,.15),rgba(247,244,236,.25)),url("media/brand-like-tea-background-fast.webp") center center/cover fixed no-repeat}
@media(max-width:900px){body.brand-like-tea-page{background-attachment:scroll}}

body.brand-feib-page{background:linear-gradient(rgba(247,244,236,.15),rgba(247,244,236,.25)),url("media/brand-feib-background-fast.webp") center center/cover fixed no-repeat}
@media(max-width:900px){body.brand-feib-page{background-attachment:scroll}}

body.brand-heineken-page{background:linear-gradient(rgba(247,244,236,.15),rgba(247,244,236,.25)),url("media/brand-heineken-background-fast.webp") center center/cover fixed no-repeat}
@media(max-width:900px){body.brand-heineken-page{background-attachment:scroll}}

body.brand-gloria-page{background:linear-gradient(rgba(247,244,236,.15),rgba(247,244,236,.25)),url("media/brand-gloria-background-fast.webp") center center/cover fixed no-repeat}
@media(max-width:900px){body.brand-gloria-page{background-attachment:scroll}}

.brand-feds-page .detail-top .kicker{font-size:24px;font-weight:700;line-height:1.4;letter-spacing:1px;color:#72501d;text-shadow:0 1px 2px rgba(255,255,255,.9)}
@media(max-width:540px){.brand-feds-page .detail-top .kicker{font-size:21px}}

.brand-detail .detail-top .kicker{font-size:24px;font-weight:700;line-height:1.4;letter-spacing:1px;color:#72501d;text-shadow:0 1px 2px rgba(255,255,255,.9)}
@media(max-width:540px){.brand-detail .detail-top .kicker{font-size:21px}}

body.brand-bank-kaohsiung-page{background:linear-gradient(rgba(247,244,236,.15),rgba(247,244,236,.25)),url("media/brand-bank-kaohsiung-background.jpg") center center/cover fixed no-repeat}
@media(max-width:900px){body.brand-bank-kaohsiung-page{background-attachment:scroll}}

/* Mobile photos scale to the viewport rather than the full case list. */
@media(max-width:900px){
body.brand-taishin-page{--brand-mobile-photo:url("media/brand-taishin-background-fast.webp")}
body.brand-eztravel-page{--brand-mobile-photo:url("media/brand-eztravel-background-fast.webp")}
body.brand-seven-eleven-page{--brand-mobile-photo:url("media/brand-seven-eleven-background-fast.webp")}
body.brand-eye-page{--brand-mobile-photo:url("media/brand-eye-background-fast.webp")}
body.brand-hokang-page{--brand-mobile-photo:url("media/brand-hokang-background-fast.webp")}
body.brand-familymart-page{--brand-mobile-photo:url("media/brand-familymart-background-fast.webp")}
body.brand-career-page{--brand-mobile-photo:url("media/brand-career-background-fast.webp")}
body.brand-uni-style-page{--brand-mobile-photo:url("media/brand-uni-style-lions-20261006.jpg")}
body.brand-feds-page{--brand-mobile-photo:url("media/brand-feds-background-fast.webp")}
body.brand-yungching-page{--brand-mobile-photo:url("media/brand-yungching-background-fast.webp")}
body.brand-venus-page{--brand-mobile-photo:url("media/brand-venus-background-fast.webp")}
body.brand-like-tea-page{--brand-mobile-photo:url("media/brand-like-tea-background-fast.webp")}
body.brand-feib-page{--brand-mobile-photo:url("media/brand-feib-background-fast.webp")}
body.brand-heineken-page{--brand-mobile-photo:url("media/brand-heineken-background-fast.webp")}
body.brand-gloria-page{--brand-mobile-photo:url("media/brand-gloria-background-fast.webp")}
body.brand-bank-kaohsiung-page{--brand-mobile-photo:url("media/brand-bank-kaohsiung-background.jpg")}
body.brand-photo-page,body.brand-taishin-page{background:#f5f2eb;isolation:isolate}
body.brand-photo-page::before,body.brand-taishin-page::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(247,244,236,.15),rgba(247,244,236,.25)),var(--brand-mobile-photo);background-position:center;background-size:cover;background-repeat:no-repeat}
}