.hp-ringsec{overflow:clip}.hp-ex{position:relative}.hp-ex-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.hp-ex-chips{flex-wrap:wrap;gap:10px;display:flex}.hp-ex-chip{cursor:pointer;letter-spacing:.1em;text-transform:uppercase;color:rgb(var(--accent-3-rgb) / .85);background:rgb(var(--accent-rgb) / .07);border:1px solid rgb(var(--accent-rgb) / .35);border-radius:999px;padding:9px 20px;font-size:12px;font-weight:700;transition:color .3s,transform .3s,box-shadow .3s,border-color .3s;position:relative;overflow:hidden}.hp-ex-chip:before{content:"";z-index:-1;border-radius:inherit;background:linear-gradient(135deg, var(--accent-3), var(--accent-2));transition:transform .45s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0;transform:translateY(101%)}.hp-ex-chip{isolation:isolate}.hp-ex-chip:hover{border-color:rgb(var(--accent-rgb) / .8);transform:translateY(-2px)}.hp-ex-chip.on{color:var(--on-accent);box-shadow:0 8px 26px rgb(var(--accent-2-rgb) / .5);border-color:#0000}.hp-ex-chip.on:before{transform:none}.hp-ex-ctrl{align-items:center;gap:12px;display:flex}.hp-ex-ctrl button{cursor:pointer;width:46px;height:46px;color:var(--o,var(--accent));background:rgb(var(--accent-rgb) / .1);border:1px solid rgb(var(--accent-rgb) / .5);border-radius:50%;place-items:center;font-size:17px;transition:all .25s;display:grid}.hp-ex-ctrl button:hover{background:rgb(var(--accent-rgb) / .22);box-shadow:0 0 22px rgb(var(--accent-rgb) / .55);transform:scale(1.12)}.hp-ex-stage{--mx:0;--my:0;--sx:50%;--sy:50%;perspective:1600px;padding:10px 0 30px;position:relative}.hp-ex-stage:before{content:"";pointer-events:none;background:radial-gradient(ellipse at center, rgb(var(--accent-2-rgb) / .5), transparent 70%);filter:blur(18px);height:50px;animation:3.4s ease-in-out infinite hp-ex-pulse;position:absolute;bottom:6px;left:8%;right:8%}.hp-ex-row{height:580px;transform-style:preserve-3d;transform:rotateX(calc(var(--my) * -2.5deg)) rotateY(calc(var(--mx) * 3.5deg));gap:12px;transition:transform .5s cubic-bezier(.2,.8,.2,1);display:flex;position:relative}.hp-ex-panel{color:#fff;background:var(--bg);border:1px solid rgb(var(--accent-rgb) / .2);min-width:0;animation:.9s cubic-bezier(.2,.8,.2,1) both hp-ex-in;animation-delay:calc(var(--i) * 90ms);border-radius:28px;outline:none;flex:1 1 0;text-decoration:none;transition:flex-grow .85s cubic-bezier(.2,.8,.2,1),border-color .5s,box-shadow .5s,transform .85s cubic-bezier(.2,.8,.2,1),opacity .6s,filter .6s;display:block;position:relative;overflow:hidden;box-shadow:0 18px 50px #00000080}.hp-ex-panel.is-active{border-color:rgb(var(--accent-rgb) / .75);box-shadow:0 40px 90px #000000b3, 0 0 60px rgb(var(--accent-2-rgb) / .38);flex-grow:6.2;transform:translateZ(40px)}.hp-ex-panel.is-dim{opacity:.4;filter:grayscale(.9)brightness(.7);pointer-events:none;flex-grow:.38}.hp-ex-panel:focus-visible{box-shadow:0 0 0 2px var(--accent)}.hp-ex-media{display:block;position:absolute;inset:0;overflow:hidden}.hp-ex-media img{object-fit:cover;pointer-events:none;width:auto;min-width:100%;max-width:none;height:112%;transform:translate(calc(-50% + var(--mx) * -22px), calc(-50% + var(--my) * -14px)) scale(1.04);filter:grayscale(.55)brightness(.75);transition:filter .8s,transform .6s cubic-bezier(.2,.8,.2,1);position:absolute;top:50%;left:50%}.hp-ex-panel:not(.is-active) .hp-ex-media img{width:340px;min-width:0;height:100%}.hp-ex-panel.is-active .hp-ex-media img{filter:none;animation:10s ease-in-out infinite alternate hp-ex-kb}.hp-ex-shade{pointer-events:none;background:linear-gradient(#0000 30%,#00000059 58%,#000000eb 100%),linear-gradient(#0000008c,#0000 28%);transition:opacity .6s;position:absolute;inset:0}.hp-ex-panel:not(.is-active) .hp-ex-shade{background:linear-gradient(#00000040,#000c)}.hp-ex-vert{z-index:3;white-space:nowrap;writing-mode:vertical-rl;letter-spacing:.22em;text-transform:uppercase;color:#ffffffd9;font-size:15px;font-weight:700;transition:opacity .35s,transform .5s;position:absolute;bottom:26px;left:50%;transform:translate(-50%)rotate(180deg)}.hp-ex-panel.is-active .hp-ex-vert{opacity:0;transform:translate(-50%)rotate(180deg)translateY(-20px)}.hp-ex-panel.is-dim .hp-ex-vert{opacity:0}.hp-ex-body{z-index:4;pointer-events:none;flex-direction:column;align-items:flex-start;gap:12px;padding:0 34px 38px;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateZ(1px)}.hp-ex-body>*{opacity:0;transform:translateY(26px)}.hp-ex-panel.is-active .hp-ex-body>*{animation:.8s cubic-bezier(.2,.8,.2,1) both hp-ex-rise}.hp-ex-panel.is-active .hp-ex-niche{animation-delay:.25s}.hp-ex-panel.is-active .hp-ex-name{animation-delay:.35s}.hp-ex-panel.is-active .hp-ex-view{animation-delay:.5s}.hp-ex-niche{letter-spacing:.1em;text-transform:uppercase;color:var(--on-accent);background:linear-gradient(135deg, var(--accent-2), var(--accent-soft));box-shadow:0 4px 16px rgb(var(--accent-2-rgb) / .6);border-radius:999px;padding:5px 14px;font-size:11px;font-weight:700;display:inline-flex}.hp-ex-name{letter-spacing:-.03em;color:#fff;white-space:nowrap;text-shadow:0 4px 30px #000000b3;font-size:clamp(30px,4.4vw,58px);font-weight:800;line-height:1.04}.hp-ex-view{pointer-events:auto;letter-spacing:.1em;text-transform:uppercase;color:#fff;border:1px solid rgb(var(--accent-rgb) / .5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border-radius:999px;align-items:center;gap:12px;padding:8px 8px 8px 20px;font-size:12px;font-weight:700;display:inline-flex}.hp-ex-view i{width:32px;height:32px;color:var(--on-accent);background:linear-gradient(135deg, var(--accent-2), var(--accent-soft));border-radius:50%;place-items:center;font-size:15px;font-style:normal;transition:transform .4s;display:grid}.hp-ex-panel.is-active:hover .hp-ex-view i{transform:translate(4px)rotate(-45deg)}.hp-ex-bar{z-index:6;background:#ffffff1a;height:3px;position:absolute;bottom:0;left:0;right:0}.hp-ex-bar i{background:linear-gradient(90deg, var(--accent-3), var(--accent-2));width:0;height:100%;animation:linear forwards hp-ex-fill;display:block}.hp-ex-bar i.paused{animation-play-state:paused}.hp-ex-spot{pointer-events:none;z-index:8;mix-blend-mode:soft-light;background:radial-gradient(420px circle at var(--sx) var(--sy), rgb(var(--accent-3-rgb) / .55), transparent 60%);opacity:0;border-radius:28px;transition:opacity .4s;position:absolute;inset:10px 0 30px}.hp-ex-stage:hover .hp-ex-spot{opacity:1}@keyframes hp-ex-in{0%{opacity:0;transform:translateY(60px)rotateX(-12deg)}to{opacity:1;transform:none}}@keyframes hp-ex-rise{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}@keyframes hp-ex-kb{0%{scale:1}to{scale:1.09}}@keyframes hp-ex-fill{0%{width:0}to{width:100%}}@media (max-width:767px){.hp-ex-row{flex-direction:column;gap:8px;height:640px;transform:none}.hp-ex-panel{border-radius:20px}.hp-ex-panel.is-active{flex-grow:7;transform:none}.hp-ex-panel.is-dim{flex-grow:.3}.hp-ex-media img,.hp-ex-panel:not(.is-active) .hp-ex-media img{width:100%;min-width:100%;height:auto;min-height:100%}.hp-ex-vert{writing-mode:horizontal-tb;font-size:13px;bottom:50%;left:62px;transform:translateY(50%)}.hp-ex-panel.is-active .hp-ex-vert{transform:translateY(50%)}.hp-ex-body{padding:0 20px 22px}.hp-ex-name{font-size:30px}.hp-ex-spot{display:none}.hp-ex-top{justify-content:center}}@media (prefers-reduced-motion:reduce){.hp-ex-stage:before,.hp-ex-panel,.hp-ex-media img{animation:none!important}.hp-ex-row,.hp-ex-panel{transition-duration:10ms}}@media (max-width:767px){.hp-ex-bar{display:none}}.hp-ex-pin:after{content:"";height:calc(var(--n,7) * 38svh);display:block}.hp-ex-pin>.hp-ex{position:sticky;top:92px}.hp-ex-row{height:clamp(380px,100svh - 280px,580px)}.hp-ex-bar{display:none}@media (max-width:767px){.hp-ex-pin:after{height:calc(var(--n,7) * 34svh)}.hp-ex-pin>.hp-ex{top:84px}.hp-ex-row{height:clamp(360px,100svh - 320px,560px)}.hp-ex-stage:before{display:none}.hp-ex-panel{contain:layout paint;transition:flex-grow .5s cubic-bezier(.2,.8,.2,1),border-color .3s;animation:none;box-shadow:0 8px 20px #00000073}.hp-ex-panel.is-active{box-shadow:0 10px 28px #0000008c}.hp-ex-panel.is-dim{filter:none}.hp-ex-media img,.hp-ex-panel:not(.is-active) .hp-ex-media img,.hp-ex-panel.is-active .hp-ex-media img{filter:none;transition:none;animation:none;transform:translate(-50%,-50%)}.hp-ex-panel:not(.is-active) .hp-ex-shade{opacity:.55}.hp-ex-view{-webkit-backdrop-filter:none;backdrop-filter:none;background:#00000073}.hp-ex-row{gap:6px;transition:none;height:auto!important}.hp-ex-panel{transition:flex-basis .5s cubic-bezier(.2,.8,.2,1),border-color .3s;flex:0 0 36px!important}.hp-ex-panel.is-active{flex:0 0 min(48svh,400px)!important}.hp-ex-media img,.hp-ex-panel:not(.is-active) .hp-ex-media img,.hp-ex-panel.is-active .hp-ex-media img{object-fit:cover;object-position:50% 14%;width:100%;min-width:0;height:100%;min-height:0;position:absolute;inset:0;transform:none!important}}
.tm .tm-grid{grid-template-columns:1.15fr 1fr;align-items:stretch;gap:28px;margin-top:8px;display:grid}.tm-feature{background:var(--card);border:1px solid var(--card-border);min-height:480px;box-shadow:0 30px 80px rgb(var(--shadow-rgb) / .45), 0 0 50px rgb(var(--accent-2-rgb) / .12);border-radius:32px;align-content:space-between;gap:28px;padding:44px 40px 30px;display:grid;position:relative;overflow:hidden}.tm-qmark{opacity:.9;width:86px;height:86px;position:absolute;top:26px;right:30px}.tm-qmark svg{width:100%;height:100%;fill:var(--accent-2);opacity:.35}.tm-quote{animation:tm-in .6s var(--ease,ease) both;gap:30px;margin:0;display:grid}@keyframes tm-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.tm-quote blockquote{color:var(--text);margin:0;padding-top:52px;font-size:clamp(20px,2vw,27px);font-weight:500;line-height:1.5}.tm-quote figcaption{align-items:center;gap:16px;display:flex}.tm-quote figcaption img{object-fit:cover;border:2px solid var(--accent);border-radius:50%;width:64px;height:64px}.tm-quote figcaption b{font-size:18px;display:block}.tm-quote figcaption small{color:var(--text-accent);background:var(--state);border:1px solid rgb(var(--accent-2-rgb) / .4);border-radius:999px;margin-top:4px;padding:4px 12px;font-size:12px;display:inline-block}.tm-nav{justify-content:space-between;align-items:center;gap:16px;display:flex}.tm-tabs{gap:10px;display:flex}.tm-tabs button{cursor:pointer;background:var(--card);opacity:.55;border:2px solid #0000;border-radius:50%;width:46px;height:46px;padding:0;transition:opacity .25s,border-color .25s,transform .25s;overflow:hidden}.tm-tabs button img{object-fit:cover;width:100%;height:100%;display:block}.tm-tabs button:hover{opacity:.9}.tm-tabs button.on{opacity:1;border-color:var(--accent);transform:scale(1.12)}.tm-count{white-space:nowrap;color:var(--text-strong);font-size:22px;font-weight:700}.tm-count i{color:var(--muted);font-size:14px;font-style:normal;font-weight:500}.tm-bar{background:rgb(var(--fg-rgb) / .08);height:3px;position:absolute;bottom:0;left:0;right:0}.tm-bar i{transform-origin:0;background:var(--grad-line);width:100%;height:100%;animation-name:tm-fill;animation-timing-function:linear;animation-fill-mode:both;display:block}.tm-bar i.paused{animation-play-state:paused}@keyframes tm-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.tm-cols{height:480px;-webkit-mask:linear-gradient(180deg, transparent, rgb(var(--shadow-rgb)) 12%, rgb(var(--shadow-rgb)) 88%, transparent);-webkit-mask:linear-gradient(180deg, transparent, rgb(var(--shadow-rgb)) 12%, rgb(var(--shadow-rgb)) 88%, transparent);mask:linear-gradient(180deg, transparent, rgb(var(--shadow-rgb)) 12%, rgb(var(--shadow-rgb)) 88%, transparent);grid-template-columns:1fr 1fr;gap:16px;display:grid;overflow:hidden}.tm-col{overflow:hidden}.tm-col-track{animation:48s linear infinite tm-up;display:grid}.tm-col.down .tm-col-track{animation-name:tm-down;animation-duration:56s}.tm-col-grp{gap:16px;padding-bottom:16px;display:grid}@keyframes tm-up{to{transform:translateY(-50%)}}@keyframes tm-down{0%{transform:translateY(-50%)}to{transform:translateY(0)}}.tm-mini{background:var(--card);border:1px solid var(--card-border);box-shadow:0 16px 40px rgb(var(--shadow-rgb) / .35);border-radius:22px;gap:12px;padding:20px;display:grid}.tm-mini-top{align-items:center;gap:11px;display:flex}.tm-mini-top img{object-fit:cover;border:1.5px solid var(--accent);border-radius:50%;width:40px;height:40px}.tm-mini-top b{font-size:14px;display:block}.tm-mini-top small{color:var(--muted);font-size:11.5px}.tm-mini p{color:var(--muted);margin:0;font-size:13.5px;line-height:1.6}@media (max-width:980px){.tm .tm-grid{grid-template-columns:1fr}.tm-feature{min-height:380px}.tm-cols{height:380px}}@media (max-width:560px){.tm-feature{border-radius:26px;min-height:0;padding:34px 22px 26px}.tm-qmark{width:60px;height:60px;top:18px;right:20px}.tm-quote blockquote{padding-top:40px}.tm-tabs button{width:38px;height:38px}.tm-cols{grid-template-columns:1fr;height:340px}.tm-col.down{display:none}}@media (prefers-reduced-motion:reduce){.tm-col-track,.tm-quote,.tm-bar i{animation:none}}
