/* Scoped copy of the SEN TAO ZIP stylesheet; loaded only on the SEN TAO route. */
.sen-tao-work-page{
  --ink: #252526;
  --muted: #77736e;
  --rule: #d9d3ca;
  --paper: #f7f3ed;
  --pink: #e5005a;
  --blush: #f4d8d6;
  font-family: Arial, "Helvetica Neue", "PingFang TC", "Noto Sans TC", sans-serif;
  color: var(--ink);
  background: var(--paper);
  scroll-behavior: smooth;
}.sen-tao-work-page *{ box-sizing: border-box; }.sen-tao-work-page html, .sen-tao-work-page body, .sen-tao-work-page #root{ margin: 0; min-height: 100%; }.sen-tao-work-page body{ overflow-x: hidden; background: var(--paper); font-weight: 300; }.sen-tao-work-page img{ display: block; width: 100%; height: auto; }.sen-tao-work-page figure{ margin: 0; }.sen-tao-work-page a{ color: inherit; text-decoration: none; }.sen-tao-work-page p{ text-wrap: pretty; }.sen-tao-work-page .sr-only{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }.sen-tao-work-page .content-width{ width: min(calc(100% - 64px), 1280px); margin-inline: auto; }.sen-tao-work-page .site-header{
  position: absolute;
  z-index: 20;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: min(calc(100% - 64px), 1280px);
  height: 92px;
  margin-inline: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 0;
  color: #3f3d3a;
  font-size: 12px;
}.sen-tao-work-page .brand{ display: flex; align-items: center; gap: 12px; }.sen-tao-work-page .brand-mark{ display: grid; place-items: center; width: 24px; height: 24px; background: var(--ink); color: #fff; font-size: 11px; }.sen-tao-work-page .brand > span:last-child{ font-family: "Courier New", monospace; font-size: 9px; letter-spacing: .12em; }.sen-tao-work-page .desktop-navigation{ display: flex; gap: 34px; font-family: "Courier New", monospace; font-size: 9px; letter-spacing: .08em; }.sen-tao-work-page .site-header a{ transition: opacity .2s ease; }.sen-tao-work-page .site-header a:hover{ opacity: .55; }.sen-tao-work-page .mobile-navigation{ display: none; }.sen-tao-work-page .hero{ position: relative; width: 100%; aspect-ratio: 1155 / 650; overflow: hidden; background: #f6eee8; }.sen-tao-work-page .hero-image{ width: 100%; height: 100%; object-fit: cover; }.sen-tao-work-page .hero-copy{ position: absolute; top: 11%; left: clamp(34px, 7.8vw, 126px); color: #5c5b5d; }.sen-tao-work-page .hero-copy > p:first-child{ margin: 0 0 clamp(28px, 4.3vw, 66px); font-size: clamp(11px, 1.15vw, 18px); line-height: 1.35; letter-spacing: .27em; }.sen-tao-work-page .hero-copy h1{ margin: 0; font-family: "Songti TC", "Noto Serif TC", serif; font-size: clamp(24px, 3vw, 48px); font-weight: 400; line-height: 1.5; letter-spacing: .12em; }.sen-tao-work-page .hero-copy i{ display: block; width: 58px; height: 1px; margin: clamp(24px, 3vw, 44px) 0 24px; background: #686769; }.sen-tao-work-page .hero-en{ margin: 0; font-size: clamp(10px, .95vw, 15px); line-height: 1.45; letter-spacing: .27em; }.sen-tao-work-page .project-intro{ display: grid; grid-template-columns: .95fr 1.05fr; gap: clamp(70px, 11vw, 170px); padding: clamp(78px, 9vw, 136px) 0; border-bottom: 1px solid var(--rule); }.sen-tao-work-page .eyebrow{ margin: 0 0 30px; color: var(--muted); font-family: "Courier New", monospace; font-size: 10px; letter-spacing: .16em; }.sen-tao-work-page .intro-heading h2{ margin: 0; font-size: clamp(24px, 2.5vw, 38px); font-weight: 400; line-height: 1.4; letter-spacing: -.02em; }.sen-tao-work-page .intro-en-title{ margin: 14px 0 0; color: #575552; font-size: 13px; line-height: 1.5; }.sen-tao-work-page .intro-lead{ margin: 45px 0 0; font-family: "Songti TC", "Noto Serif TC", serif; font-size: clamp(21px, 1.85vw, 28px); line-height: 1.6; letter-spacing: .04em; }.sen-tao-work-page .intro-copy{ display: grid; grid-template-columns: 1fr 1fr; gap: clamp(34px, 4vw, 62px); }.sen-tao-work-page .intro-copy p{ margin: 0 0 1.3em; color: #514f4b; font-size: 14px; line-height: 1.95; }.sen-tao-work-page .intro-copy [lang="en"] p{ color: #85817b; font-size: 12px; line-height: 1.85; }.sen-tao-work-page .intro-copy [lang="en"] p:first-child{ color: #66625d; }.sen-tao-work-page .case-section{ padding-top: clamp(84px, 10vw, 150px); }.sen-tao-work-page .section-mark{ display: flex; align-items: flex-start; gap: 28px; color: #54514d; font-family: "Courier New", monospace; }.sen-tao-work-page .section-number{ font-family: Georgia, serif; font-size: 26px; line-height: 1; }.sen-tao-work-page .section-mark p{ margin: 0; font-size: 11px; line-height: 1.3; letter-spacing: .2em; text-transform: uppercase; }.sen-tao-work-page .section-mark div > span{ display: block; margin-top: 7px; color: #99938d; font-family: Arial, "PingFang TC", sans-serif; font-size: 10px; letter-spacing: .12em; }.sen-tao-work-page .section-heading{ display: grid; grid-template-columns: 1fr 1fr; gap: clamp(56px, 9vw, 140px); align-items: end; margin: clamp(44px, 5.5vw, 80px) 0 clamp(38px, 4.5vw, 68px); }.sen-tao-work-page .section-heading h2{ margin: 0; font-size: clamp(34px, 4.2vw, 64px); font-weight: 300; line-height: 1.03; letter-spacing: -.045em; }.sen-tao-work-page .section-heading p{ max-width: 430px; margin: 0 0 4px auto; color: #66625d; font-size: 14px; line-height: 1.9; }.sen-tao-work-page .work-sections{ background: #fff; }.sen-tao-work-page .work-section{ padding: clamp(76px, 8vw, 118px) 0; }.sen-tao-work-page .work-section + .work-section{ border-top: 1px solid #ebe7e1; }.sen-tao-work-page .section-images{ display: grid; gap: clamp(26px, 3vw, 44px); margin-top: clamp(44px, 5vw, 72px); }.sen-tao-work-page .work-image{ margin-inline: auto; }.sen-tao-work-page .concept-images .work-image{ width: min(100%, 1156px); }.sen-tao-work-page .graphic-system-image{ width: min(78%, 930px); margin-top: clamp(44px, 5vw, 72px); }.sen-tao-work-page .graphic-system-composition{ position: relative; width: min(100%, 1158px); }.sen-tao-work-page .graphic-system-copy{
  position: absolute;
  z-index: 1;
  top: 13.5%;
  left: 4.8%;
  width: 28%;
  color: #5d5954;
}.sen-tao-work-page .graphic-system-copy p{ margin: 0; }.sen-tao-work-page .graphic-system-copy [lang="zh-Hant"]{ font-family: "Songti TC", "Noto Serif TC", serif; font-size: clamp(14px, 1.35vw, 20px); line-height: 1.75; letter-spacing: .08em; }.sen-tao-work-page .graphic-system-copy i{ display: block; width: 44px; height: 1px; margin: clamp(22px, 2.6vw, 38px) 0; background: #9c938a; }.sen-tao-work-page .graphic-system-copy [lang="en"]{ font-size: clamp(8px, .72vw, 11px); line-height: 1.55; letter-spacing: .2em; }.sen-tao-work-page .logo-system-image{ width: min(100%, 1158px); margin-top: clamp(44px, 5vw, 72px); }.sen-tao-work-page .packaging-concept{ padding-bottom: clamp(90px, 11vw, 164px); background: #fff; }.sen-tao-work-page .website-image{ width: min(88%, 1120px); margin-top: clamp(44px, 5vw, 72px); }.sen-tao-work-page .packaging-feature{ display: grid; grid-template-columns: .88fr 1.12fr; gap: clamp(40px, 7vw, 104px); align-items: center; margin-top: clamp(38px, 4.5vw, 68px); }.sen-tao-work-page .brand-concept-copy{ padding-left: clamp(8px, 4vw, 54px); color: #5c5b5d; }.sen-tao-work-page .brand-concept-label{ margin: 0 0 clamp(32px, 4vw, 58px); font-size: clamp(11px, 1.1vw, 16px); line-height: 1.35; letter-spacing: .27em; }.sen-tao-work-page .brand-concept-copy h3{ margin: 0; font-family: "Songti TC", "Noto Serif TC", serif; font-size: clamp(25px, 3vw, 44px); font-weight: 400; line-height: 1.5; letter-spacing: .1em; }.sen-tao-work-page .brand-concept-copy i{ display: block; width: 58px; height: 1px; margin: clamp(24px, 3vw, 42px) 0 24px; background: #686769; }.sen-tao-work-page .brand-concept-en{ margin: 0; font-size: clamp(10px, .9vw, 14px); line-height: 1.5; letter-spacing: .24em; }.sen-tao-work-page .packaging-photo{ margin: 0; }.sen-tao-work-page .packaging-photo-pink{ width: min(100%, 660px); justify-self: end; }.sen-tao-work-page .packaging-photo-wide{ width: min(82%, 1060px); margin: clamp(34px, 4vw, 60px) auto 0; }.sen-tao-work-page .packaging-photo-final{ margin-top: clamp(24px, 3vw, 44px); }.sen-tao-work-page .packaging-caption{
  margin-top: 14px;
  color: #8c8780;
  font-family: "Courier New", "PingFang TC", monospace;
  font-size: 9px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: .1em;
}.sen-tao-work-page .closing{ padding: clamp(72px, 8vw, 122px) 0 clamp(50px, 6vw, 88px); }.sen-tao-work-page .closing-meta{ display: flex; justify-content: space-between; align-items: baseline; color: #827d76; font-family: "Courier New", monospace; font-size: 9px; letter-spacing: .16em; }.sen-tao-work-page .closing-kicker{ margin: 0; color: var(--pink); }.sen-tao-work-page .closing-rule{ height: 1px; margin: 22px 0 clamp(52px, 6vw, 84px); background: var(--rule); }.sen-tao-work-page .closing h2{
  max-width: 980px;
  margin: 0;
  color: #353433;
  font-family: Arial, "Helvetica Neue", sans-serif;
  font-size: clamp(44px, 6.5vw, 98px);
  font-weight: 400;
  line-height: .98;
  letter-spacing: -.045em;
}.sen-tao-work-page .closing-zh{ margin: clamp(28px, 4vw, 54px) 0 0; color: #5f5c58; font-family: "Songti TC", "Noto Serif TC", serif; font-size: clamp(16px, 1.55vw, 23px); font-weight: 400; line-height: 1.65; letter-spacing: .04em; }.sen-tao-work-page .closing-bottom{ display: flex; justify-content: flex-end; margin-top: clamp(66px, 8vw, 112px); }.sen-tao-work-page .closing-bottom a{ padding-bottom: 7px; border-bottom: 1px solid var(--ink); font-size: 12px; }.sen-tao-work-page .site-footer{ display: flex; justify-content: space-between; padding: 28px 0; border-top: 1px solid var(--rule); color: var(--muted); font-family: "Courier New", monospace; font-size: 9px; letter-spacing: .1em; }@media (max-width: 760px){.sen-tao-work-page .content-width, .sen-tao-work-page .site-header{ width: calc(100% - 32px); }.sen-tao-work-page .site-header{ height: 70px; }.sen-tao-work-page .brand{ gap: 9px; }.sen-tao-work-page .brand-mark{ width: 22px; height: 22px; font-size: 10px; }.sen-tao-work-page .brand > span:last-child{ display: inline; font-size: 8px; }.sen-tao-work-page .desktop-navigation{ display: none; }.sen-tao-work-page .mobile-navigation{ position: relative; display: block; }.sen-tao-work-page .mobile-navigation summary{ display: grid; align-content: center; gap: 6px; width: 30px; height: 30px; cursor: pointer; list-style: none; }.sen-tao-work-page .mobile-navigation summary::-webkit-details-marker{ display: none; }.sen-tao-work-page .mobile-navigation summary span{ display: block; width: 24px; height: 1px; margin-left: auto; background: currentColor; }.sen-tao-work-page .mobile-navigation[open] summary span:first-child{ transform: translateY(3.5px) rotate(45deg); }.sen-tao-work-page .mobile-navigation[open] summary span:last-child{ transform: translateY(-3.5px) rotate(-45deg); }.sen-tao-work-page .mobile-navigation nav{ position: absolute; top: 38px; right: 0; display: grid; min-width: 154px; padding: 19px 22px; border: 1px solid rgba(88, 82, 76, .16); background: rgba(247, 243, 237, .96); box-shadow: 0 12px 30px rgba(75, 64, 56, .08); font-family: "Courier New", monospace; font-size: 9px; letter-spacing: .11em; }.sen-tao-work-page .mobile-navigation nav a{ padding: 9px 0; }.sen-tao-work-page .hero{ aspect-ratio: auto; overflow: visible; background: var(--paper); }.sen-tao-work-page .hero-image{ height: auto; object-fit: contain; }.sen-tao-work-page .hero-copy{ position: static; width: calc(100% - 32px); margin-inline: auto; padding: 38px 0 46px; }.sen-tao-work-page .hero-copy > p:first-child{ margin-bottom: 26px; font-size: 10px; }.sen-tao-work-page .hero-copy h1{ font-size: 28px; line-height: 1.48; }.sen-tao-work-page .hero-copy i{ margin: 24px 0 20px; }.sen-tao-work-page .hero-en{ font-size: 9px; }.sen-tao-work-page .project-intro{ grid-template-columns: 1fr; gap: 48px; padding: 62px 0 72px; }.sen-tao-work-page .eyebrow{ margin-bottom: 22px; font-size: 8px; line-height: 1.6; }.sen-tao-work-page .intro-heading h2{ font-size: 25px; }.sen-tao-work-page .intro-en-title{ font-size: 11px; }.sen-tao-work-page .intro-lead{ margin-top: 34px; font-size: 21px; }.sen-tao-work-page .intro-copy{ grid-template-columns: 1fr; gap: 28px; }.sen-tao-work-page .intro-copy p{ font-size: 15px; line-height: 1.9; }.sen-tao-work-page .intro-copy [lang="en"] p{ font-size: 12.5px; line-height: 1.8; }.sen-tao-work-page .case-section{ padding-top: 72px; }.sen-tao-work-page .section-mark{ gap: 18px; }.sen-tao-work-page .section-number{ font-size: 22px; }.sen-tao-work-page .section-mark p{ font-size: 10px; }.sen-tao-work-page .section-heading{ grid-template-columns: 1fr; gap: 26px; margin: 36px 0 32px; }.sen-tao-work-page .section-heading h2{ font-size: 36px; line-height: 1.06; }.sen-tao-work-page .section-heading p{ margin: 0; font-size: 15px; line-height: 1.85; }.sen-tao-work-page .work-section{ padding: 62px 0; }.sen-tao-work-page .section-images{ gap: 18px; margin-top: 34px; }.sen-tao-work-page .graphic-system-image, .sen-tao-work-page .logo-system-image, .sen-tao-work-page .website-image{ width: 100%; margin-top: 34px; }.sen-tao-work-page .graphic-system-composition{ display: flex; flex-direction: column; }.sen-tao-work-page .graphic-system-copy{ position: static; order: 0; width: 100%; padding: 4px 4px 34px; }.sen-tao-work-page .graphic-system-composition img{ order: 1; }.sen-tao-work-page .graphic-system-copy [lang="zh-Hant"]{ font-size: 17px; line-height: 1.75; }.sen-tao-work-page .graphic-system-copy i{ margin: 22px 0; }.sen-tao-work-page .graphic-system-copy [lang="en"]{ font-size: 9px; line-height: 1.6; }.sen-tao-work-page .packaging-concept{ padding-bottom: 78px; }.sen-tao-work-page .packaging-feature{ grid-template-columns: 1fr; gap: 32px; margin-top: 28px; }.sen-tao-work-page .brand-concept-copy{ padding: 34px 4px 6px; }.sen-tao-work-page .brand-concept-label{ margin-bottom: 25px; font-size: 10px; }.sen-tao-work-page .brand-concept-copy h3{ font-size: 27px; line-height: 1.5; }.sen-tao-work-page .brand-concept-copy i{ margin: 23px 0 19px; }.sen-tao-work-page .brand-concept-en{ font-size: 9px; }.sen-tao-work-page .packaging-photo-pink, .sen-tao-work-page .packaging-photo-wide{ width: 100%; }.sen-tao-work-page .packaging-photo-wide{ margin-top: 18px; }.sen-tao-work-page .packaging-photo-final{ margin-top: 18px; }.sen-tao-work-page .packaging-caption{ margin-top: 11px; font-size: 8px; }.sen-tao-work-page .closing{ padding: 60px 0 42px; }.sen-tao-work-page .closing-meta{ display: grid; gap: 8px; font-size: 8px; }.sen-tao-work-page .closing-rule{ margin: 18px 0 42px; }.sen-tao-work-page .closing h2{ max-width: 350px; font-size: 43px; line-height: 1.01; letter-spacing: -.035em; }.sen-tao-work-page .closing-zh{ margin-top: 28px; font-size: 16px; }.sen-tao-work-page .closing-bottom{ margin-top: 64px; }.sen-tao-work-page .closing-bottom a{ width: max-content; }.sen-tao-work-page .site-footer{ padding: 20px 0; }
}@media (prefers-reduced-motion: reduce){.sen-tao-work-page{ scroll-behavior: auto; }
}

/* Mobile: keep the original BRAND CONCEPT copy over the Banner image. */
@media (max-width: 760px){
  .sen-tao-work-page .hero{
    height: auto;
    min-height: 0;
    max-height: none;
    overflow: hidden;
    aspect-ratio: 1155 / 650;
    background: #f6eee8;
  }
  .sen-tao-work-page .hero-image{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transform: none;
  }
  .sen-tao-work-page .hero-copy{
    position: absolute;
    top: 11%;
    left: 7.5%;
    width: 45%;
    margin: 0;
    padding: 0;
    color: #5c5b5d;
  }
  .sen-tao-work-page .hero-copy > p:first-child{
    margin: 0 0 4.5vw;
    font-size: clamp(7px, 1.9vw, 9px);
    line-height: 1.3;
    letter-spacing: .18em;
  }
  .sen-tao-work-page .hero-copy h1{
    font-size: clamp(15px, 4.1vw, 18px);
    line-height: 1.32;
    letter-spacing: .045em;
  }
  .sen-tao-work-page .hero-copy i{
    width: 30px;
    margin: 4vw 0 3.5vw;
  }
  .sen-tao-work-page .hero-en{
    font-size: clamp(6px, 1.55vw, 7px);
    line-height: 1.35;
    letter-spacing: .14em;
  }
}

/* Mobile only: tighten the gap between the brand lead and the first intro paragraph. */
@media (max-width: 760px) {
  .sen-tao-work-page .project-intro {
    gap: 12px;
  }
}