.hx{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(160deg,#fffdf4 0,var(--cream) 100%);color:var(--k);min-height:clamp(620px,calc(100svh - 120px),920px);display:flex;flex-direction:column;touch-action:pan-y}.hx-glow{position:absolute;z-index:0;width:70vw;height:70vw;right:-18vw;top:-22vw;pointer-events:none;background:radial-gradient(closest-side,rgba(255,212,0,.35),transparent);animation:hx-glow 9s ease-in-out infinite alternate}@keyframes hx-glow{to{transform:translate3d(-6vw,8vw,0) scale(1.1)}}.hx .dfx-type:not(.t2){display:none}.hx .dfx-pen{left:32%;top:0;bottom:auto;width:clamp(240px,26vw,440px)}.hx .dfx-reg{left:47%;bottom:22%}.hx .dfx-sw{right:auto;left:44%;top:14%;bottom:auto}.hx-in{position:relative;z-index:2;flex:1 1;width:100%;max-width:1680px;margin-inline:auto;display:grid;grid-template-columns:.95fr 1.15fr;gap:clamp(28px,5vw,96px);align-items:center;padding:clamp(36px,5vw,72px) clamp(16px,5vw,96px) 20px;user-select:none;-webkit-user-select:none}html:not(.pen-on) .hx-in{cursor:grab}html:not(.pen-on) .hx-in:active{cursor:grabbing}.hx a,.hx img{-webkit-user-drag:none}.hx-tag{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:100px;border:1px solid var(--line);background:#fff;color:var(--k);font-size:11.5px;font-weight:600;letter-spacing:.18em}.hx-tag b{width:8px;height:8px;border-radius:50%;background:var(--y);animation:hx-pulse 1.8s ease-out infinite}@keyframes hx-pulse{0%{box-shadow:0 0 0 0 rgba(255,212,0,.6)}to{box-shadow:0 0 0 10px rgba(255,212,0,0)}}.hx-h1{margin:26px 0 24px;font-family:var(--display);font-size:clamp(34px,4.4vw,76px);font-weight:800;line-height:.98;letter-spacing:-.04em}.hx-m{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.06em}.hx-m>span{position:relative;display:inline-block;will-change:transform}.hx-word{color:var(--k);background:linear-gradient(transparent 58%,var(--y) 58%,var(--y) 92%,transparent 92%)}.hx-under{position:absolute;left:0;bottom:-.02em;width:100%;height:.2em;overflow:visible}.hx-under path{fill:none;stroke:var(--r);stroke-width:5;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;animation:hx-draw 1s .55s var(--ease) forwards}@keyframes hx-draw{to{stroke-dashoffset:0}}.hx-lead{max-width:540px;margin-bottom:30px;color:var(--muted);font-size:clamp(15px,1.1vw,17px);line-height:1.7}.hx-media{position:relative;will-change:transform}.hx-frame{position:relative;aspect-ratio:16/10.5;border-radius:24px;outline:1px solid rgba(10,10,10,.18);outline-offset:12px;box-shadow:0 50px 90px -40px rgba(10,10,10,.45)}.hx-slides{overflow:hidden;border-radius:24px;background:var(--cream)}.hx-img,.hx-slides{position:absolute;inset:0}.hx-img{will-change:transform}.hx-img .img-fallback,.hx-img img{width:100%;height:100%;object-fit:cover;border-radius:0}.hx-hd{position:absolute;z-index:2;width:11px;height:11px;background:#fff;border:1.5px solid var(--k)}.hx-hd.tl{left:-18px;top:-18px}.hx-hd.tr{right:-18px;top:-18px}.hx-hd.bl{left:-18px;bottom:-18px}.hx-hd.br{right:-18px;bottom:-18px}.hx-layer{position:absolute;left:-26px;bottom:34px;z-index:3;display:inline-flex;align-items:center;gap:10px;padding:11px 18px;border-radius:12px;background:rgba(255,255,255,.9);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--k);box-shadow:var(--shadow);font-size:14px;font-weight:600}.hx-layer i{width:10px;height:10px;border-radius:3px;background:var(--y)}.hx-bar{position:relative;z-index:2;width:100%;max-width:1680px;margin-inline:auto;display:flex;align-items:center;gap:clamp(16px,3vw,40px);padding:22px clamp(16px,5vw,96px) 34px}.hx-count{font-family:var(--display);font-size:14px;color:var(--muted);white-space:nowrap}.hx-count b{font-size:24px;color:var(--k)}.hx-prog{flex:1 1;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.hx-seg{position:relative;padding:14px 0 0;border:0;background:none;text-align:left;color:var(--muted);font-size:13px;font-weight:600;cursor:pointer;transition:color .3s}.hx-seg i,.hx-seg:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;border-radius:3px}.hx-seg:before{background:rgba(10,10,10,.1)}.hx-seg.done:before{background:rgba(10,10,10,.3)}.hx-seg i{background:var(--y);transform-origin:left;animation:hx-fill linear forwards}.hx-seg i.hold{animation:none;transform:scaleX(1);opacity:.45}.hx-seg.on,.hx-seg:hover{color:var(--k)}@keyframes hx-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hx-arrows{display:flex;gap:10px}@media (max-width:960px){.hx{min-height:0}.hx-in{grid-template-columns:1fr;gap:44px;padding-top:36px}.hx-h1{margin:20px 0;font-size:clamp(32px,8vw,52px)}.hx-frame{aspect-ratio:16/11;outline-offset:8px}.hx-hd.bl,.hx-hd.tl{left:-13px}.hx-hd.br,.hx-hd.tr{right:-13px}.hx-hd.tl,.hx-hd.tr{top:-13px}.hx-hd.bl,.hx-hd.br{bottom:-13px}.hx-layer{left:14px;bottom:14px}}@media (max-width:640px){.hx-bar{flex-wrap:wrap;gap:14px 18px;padding-bottom:26px}.hx-prog{order:3;flex-basis:100%}.hx-seg span{display:none}.hx-arrows{margin-left:auto}.hx-lead{margin-bottom:22px}.hx-copy .btn-row{gap:10px}}@media (max-width:400px){.hx-copy .btn-row .btn{flex:1 1 100%}}@media (prefers-reduced-motion:reduce){.hx-glow{animation:none}}