.hktv-section{margin-bottom:80px;--hktv-green:#00a85a}
.hktv-intro{margin:0 0 46px;padding-top:8px}
.hktv-eyebrow{display:flex;align-items:center;gap:10px;font-size:15px;letter-spacing:.06em;color:#545454;margin:0 0 12px}
.hktv-eyebrow span{display:block;width:8px;height:8px;border-radius:50%;background:var(--hktv-green)}
.hktv-intro h3{font-size:60px;line-height:1.2;letter-spacing:-.035em;margin:0 0 18px;font-weight:600}
.hktv-intro>p:last-child{font-size:21px;line-height:1.7;color:#555;margin:0;letter-spacing:.015em}
.hktv-case{margin:0 0 80px}
.hktv-pdp-stage{position:relative;aspect-ratio:1268/740;isolation:isolate;background:#f0f6f2;border-radius:18px;overflow:hidden}
.hktv-pdp-stage .image-button{position:absolute;border:1px solid #e0e8e2;border-radius:8px;box-shadow:0 14px 35px #123a2026;transition:transform .45s var(--ease),box-shadow .45s}
.hktv-pdp-stage .image-button:hover{transform:translateY(-9px);box-shadow:0 22px 45px #123a2038;z-index:5}
.hktv-pdp-stage .desktop{width:79%;left:3.5%;top:7.8%;aspect-ratio:1440/1000}
.hktv-pdp-stage .tablet{width:24%;left:66%;top:22%;aspect-ratio:744/1280}
.hktv-pdp-stage .mobile{width:16%;left:80.5%;top:36%;aspect-ratio:393/852}
.hktv-pdp-stage img{display:block;width:100%;height:auto;object-position:top}
.hktv-app-stage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:44px 15%;border-radius:18px;background:#f4f7f4}
.hktv-app-stage .image-button{border-radius:10px;border:1px solid #e1e7e2;box-shadow:0 10px 24px #123a201a;transition:transform .4s var(--ease),box-shadow .4s}
.hktv-app-stage .image-button:nth-child(2){transform:translateY(16px)}
.hktv-app-stage .image-button:hover{transform:translateY(-7px);box-shadow:0 18px 30px #123a202c}
.hktv-app-stage img{display:block;width:100%;height:auto;aspect-ratio:393/852;object-fit:cover}
.hktv-case-copy{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:28px}
.hktv-case-type{font-size:14px;line-height:1.6;color:#b14d00;margin:0 0 12px;letter-spacing:.045em}
.hktv-case-heading h4{font-size:32px;font-weight:600;line-height:1.4;letter-spacing:-.015em;margin:0;max-width:540px;text-wrap:balance}
.hktv-case-description>p{font-size:17px;color:#555;line-height:1.8;margin:0 0 18px;letter-spacing:.01em}
.case-tags{display:flex;gap:8px;flex-wrap:wrap}.case-tags span{font-size:12px;padding:7px 11px;border:1px solid #dedede;border-radius:100px;color:#555;letter-spacing:.01em}
.case-notes{margin-top:22px;border-top:1px solid #e1e1e1}
.case-notes summary{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:12px 0;font-size:15px;font-weight:600;list-style:none;cursor:pointer}
.case-notes summary::-webkit-details-marker{display:none}.case-notes summary:focus-visible{outline:3px solid #a44300;outline-offset:5px}.case-notes summary span{font-size:23px;font-weight:400;transition:transform .25s}.case-notes[open] summary span{transform:rotate(45deg)}
.case-notes-body{padding:0 0 15px}.case-notes-body>div+div{margin-top:17px}.case-notes h5{font-size:14px;margin:0 0 5px;font-weight:600}.case-notes-body p{font-size:14px;line-height:1.8;color:#555;margin:0;letter-spacing:.01em}
.hktv-section>.divider{margin-top:0}.hktv-swipe-hint{display:none}
@media(max-width:1050px){.hktv-intro h3{font-size:48px}.hktv-intro>p:last-child{font-size:18px}.hktv-case-copy{gap:30px}.hktv-case-heading h4{font-size:27px}.hktv-case-description>p{font-size:16px}.hktv-app-stage{padding:32px 8%;gap:24px}.hktv-case{margin-bottom:64px}}
@media(max-width:700px){.hktv-section{margin-bottom:45px}.hktv-intro{margin-bottom:28px}.hktv-eyebrow{font-size:12px;margin-bottom:10px;letter-spacing:.03em}.hktv-intro h3{font-size:42px;margin-bottom:14px}.hktv-intro>p:last-child{font-size:16px;line-height:1.8}.desktop-break{display:none}.hktv-pdp-stage{border-radius:12px}.hktv-pdp-stage .image-button{border-radius:4px}.hktv-pdp-stage .image-button:hover{transform:none}.hktv-app-stage{padding:22px 20px 35px;grid-template-columns:repeat(3,minmax(190px,68%));gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:20px;border-radius:12px;scrollbar-width:thin;scrollbar-color:#a3b9aa #f4f7f4}.hktv-app-stage .image-button{scroll-snap-align:start;border-radius:8px;max-width:none}.hktv-app-stage .image-button:hover{transform:none}.hktv-app-stage .image-button:nth-child(2){transform:none}.hktv-swipe-hint{display:block;margin:10px 0 0;color:#666;font-size:11px;letter-spacing:.02em}.hktv-case-copy{grid-template-columns:1fr;gap:14px;margin-top:23px}.hktv-case-type{font-size:12px;margin-bottom:10px}.hktv-case-heading h4{font-size:26px;max-width:100%}.hktv-case-description>p{font-size:15px;line-height:1.8;margin-bottom:16px}.case-tags{gap:6px}.case-tags span{font-size:11px;padding:6px 9px}.case-notes{margin-top:18px}.case-notes summary{font-size:14px}.hktv-case{margin-bottom:50px}.hktv-section>.divider{margin-top:0}}
@media(prefers-reduced-motion:reduce){.hktv-pdp-stage .image-button:hover,.hktv-app-stage .image-button:hover{transform:none}}