/* Taller cards with proportional photography and clear space for live text. */
.product{aspect-ratio:4/5}
.product .copy{padding:24px;max-height:47%}
.product .copy .price{color:#547900;font-size:21px;line-height:1.4;font-weight:900}
.product .copy .label{color:#58654a}
.product .copy .note{color:#55614c}
.product .photo .subject{inset:auto 0 0;height:52%;mask-image:linear-gradient(to bottom,transparent,#000 9%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 9%)}
.product:not([data-detail="遊戲設計"]) .photo .subject img{width:435.90625%;height:auto;left:calc(var(--x) * -.40625cqw - 17cqw);top:calc(var(--y) * -.40625cqw)}
.product[data-detail="遊戲設計"] .photo{background-image:none;background:radial-gradient(ellipse at top right,#d9e5ee,transparent 80%),#e8eff3}
.product[data-detail="遊戲設計"] .photo .subject{background-image:url(game-scenes.png);background-repeat:no-repeat;background-size:auto 200%;background-position:calc(100% + 15cqw) 0}
.product[data-detail="遊戲設計"] .photo::after{display:none}
.product:not([data-detail="遊戲設計"]) .arrow,#design .product .arrow{right:14px;bottom:14px;width:36px;height:36px;background:#fffffff2;border-radius:50%}
#services{background:#e8efdd;border-radius:28px;padding:30px 20px;margin:8px -20px 26px;width:calc(100% + 40px)}
#services .product{box-shadow:0 4px 16px #3547240b}
#services .section-heading p{color:#65734f}
.plan-price{color:#597d16}
.promises strong{color:#5f861b}
.plan-for{color:#6c7c50}
.plan .text-action{background:#d4f16b;border-radius:22px;color:#2d411a;padding:9px 15px}
.work-filters button[aria-pressed="true"]{background:#d0ef61;color:#263a16;border-color:#d0ef61}
.section-title-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;height:30px;color:#71982d;vertical-align:middle}
.section-title-icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.heading-with-icon{display:flex;align-items:center;gap:12px}
.hero-eyebrow{display:flex;align-items:center;gap:8px}.hero-eyebrow .section-title-icon{width:18px;height:18px;color:#c6f332}
.test-dark #services{background:#223020}.test-dark .product .copy .price{color:#547900}.test-dark .plan-price,.test-dark .promises strong{color:#c6f332}.test-dark .section-title-icon{color:#b9e55a}
@media(min-width:1200px){.product .copy{padding:25px 26px}.product .copy h3{font-size:29px}}
@media(max-width:950px) and (min-width:701px){.product .copy{padding:18px}.product .copy h3{font-size:23px}.product .copy .price{font-size:19px}.product .copy .lead{font-size:12px}.section-title-icon{width:27px;height:27px}.heading-with-icon{gap:10px}}
@media(max-width:700px){#services{padding:24px 12px;margin:8px -12px 25px;width:calc(100% + 24px);border-radius:24px}.product{flex-basis:min(84vw,350px);aspect-ratio:4/5}.product .copy{padding:21px;max-height:47%}.product .copy h3{font-size:clamp(24px,7vw,28px);line-height:1.25}.product .copy .lead{font-size:13px;line-height:1.7}.product .copy .price{font-size:21px}.product .copy .note{font-size:11px;line-height:1.5}.section-title-icon{width:26px;height:26px}.heading-with-icon{gap:10px}.plan-price{font-size:34px}}
@media(max-width:360px){.product .copy{padding:18px}.product .copy h3{font-size:23px}.product .copy .lead{font-size:12px}.product .copy .price{font-size:20px}.product .copy .note{font-size:10px}}
.product:not([data-detail="遊戲設計"]) .arrow,#design .product .arrow{top:auto;left:auto;transform:none}
@media(min-width:701px) and (max-width:1050px){.cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:20px;padding:3px 2px 16px}.product{flex:0 0 min(44vw,360px);scroll-snap-align:start}.product .copy{padding:22px}.product .copy h3{font-size:26px}.product .copy .lead{font-size:14px}.product .copy .label{font-size:12px}.product .copy .note{font-size:11px}}