.tech-story{background:#fff;scroll-margin-top:54px;--tech-accent:#ad684f}.tech-pin{display:grid;grid-template-columns:62% 38%;max-width:1800px;margin:auto}.tech-stage{position:relative;min-width:0;background:#fff}.tech-over{position:absolute;top:35px;left:7%;z-index:2;font-size:9px;letter-spacing:.16em;color:#7a7872}.tech-media{position:relative;aspect-ratio:1;width:100%}.tech-media img,.tech-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.tech-video{opacity:0}.tech-stage.is-ready .tech-video{opacity:1}.tech-tools{position:absolute;bottom:25px;left:7%;right:5%;display:flex;align-items:center;justify-content:space-between;gap:15px}.tech-play{background:#fff;border:1px solid #dedbd5;border-radius:25px;font-size:10px;min-height:40px;padding:10px 17px;display:flex;gap:14px;align-items:center}.tech-play span{font-size:14px}.tech-caption{font-size:9px;color:#8b877e;line-height:1.5}.tech-reading{padding:75px 14% 65px 2%;min-width:0;align-self:center}.tech-chapter{margin-bottom:45px}.tech-index{font-size:10px;letter-spacing:.08em;margin-bottom:30px;color:#8b776b}.tech-chapter h2{font-size:clamp(34px,3.65vw,59px);line-height:1.06;letter-spacing:-.055em}.tech-chapter h2 span{color:#8d8981}.tech-body{font-size:14px;line-height:1.7;max-width:340px;margin-top:28px}.tech-note{font-size:10px;line-height:1.6;margin-top:22px;max-width:320px;color:#8d8981}.tech-waves{display:flex;gap:10px;margin-top:24px}.tech-waves span{border:1px solid #e4ded6;border-radius:20px;padding:8px 13px;font-size:12px}.tech-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.tech-nav button{border:0;background:none;padding:10px 0;min-height:48px;text-align:left;color:#8c8982;font-size:8px}.tech-nav button i{height:2px;background:#e6e3dd;display:block;margin-bottom:10px}.tech-nav button[aria-pressed=true]{color:#292622}.tech-nav button[aria-pressed=true] i{background:var(--tech-accent)}.tech-nav span{line-height:1.5;display:block}.tech-bottom{display:flex;justify-content:space-between;gap:16px;font-size:9px;color:#8c8982;margin-top:15px}.tech-bottom a{color:#57514a;border-bottom:1px solid #d6cec5;padding-bottom:3px}.tech-story.is-enhanced{height:340svh}.tech-story.is-enhanced .tech-pin{position:sticky;top:54px;height:calc(100svh - 54px);overflow:hidden}.tech-story.is-enhanced .tech-stage{height:100%;display:flex;align-items:center}.tech-story.is-enhanced .tech-media{width:100%;height:100%;aspect-ratio:auto}.tech-story.is-enhanced .tech-chapter{min-height:330px;margin-bottom:18px}.tech-story.is-enhanced .tech-chapter:not(.is-active){display:none}.tech-story.is-enhanced .tech-chapter.is-active{animation:tech-in .35s ease both}body:has(.tech-story[data-active=true]) .product-dock{display:none!important}@keyframes tech-in{from{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.tech-pin{grid-template-columns:57% 43%}.tech-reading{padding-right:9%}.tech-chapter h2{font-size:37px}.tech-body{font-size:13px}}
@media(max-width:749px){.tech-pin{display:block}.tech-over{top:15px;left:6%;font-size:7px}.tech-reading{padding:26px 6% 35px}.tech-story.is-enhanced{height:360svh}.tech-story.is-enhanced .tech-pin{display:grid;grid-template-columns:1fr;grid-template-rows:48% 52%;top:48px;height:calc(100svh - 48px)}.tech-story.is-enhanced .tech-stage{width:100%}.tech-tools{left:6%;right:6%;bottom:9px}.tech-caption{font-size:7px}.tech-play{font-size:8px;min-height:30px;padding:7px 11px;gap:8px}.tech-index{font-size:8px;margin-bottom:15px}.tech-chapter h2{font-size:clamp(29px,8vw,37px);line-height:1.06}.tech-body{font-size:12px;line-height:1.6;margin-top:16px;max-width:360px}.tech-note{font-size:8px;margin-top:13px}.tech-story.is-enhanced .tech-chapter{min-height:230px;margin-bottom:3px}.tech-nav{gap:7px}.tech-nav button{font-size:7px;min-height:40px;padding:7px 0}.tech-nav button i{margin-bottom:7px}.tech-bottom{margin-top:6px;font-size:8px}.tech-waves{margin-top:14px}.tech-waves span{font-size:10px;padding:5px 10px}}
@media(max-height:720px) and (max-width:749px){.tech-story.is-enhanced .tech-pin{grid-template-rows:40% 60%}.tech-reading{padding-top:16px}.tech-story.is-enhanced .tech-chapter{min-height:205px}.tech-chapter h2{font-size:28px}.tech-body{font-size:11px}.tech-note{font-size:7px}.tech-bottom{display:none}}
@media(prefers-reduced-motion:reduce){.tech-story{height:auto!important}.tech-pin{position:relative!important;height:auto!important;display:block!important}.tech-stage{max-width:750px;margin:auto;aspect-ratio:1;height:auto!important}.tech-reading{padding:40px 6%;max-width:1000px;margin:auto}.tech-chapter{display:block!important;margin-bottom:50px;min-height:0!important}.tech-nav,.tech-bottom{display:none}.tech-chapter{animation:none!important}}