.hsit-sec{padding:clamp(40px,6vw,76px) 0;border-top:2.5px solid var(--ink);background:var(--paper);color:var(--ink)}.hsit-head{max-width:1040px;margin:0 auto clamp(20px,3vw,34px)}.hsit-eyebrow{display:inline-flex;align-items:center;gap:7px;margin:0 0 14px;padding:5px 14px;font-family:var(--font-display);font-weight:900;font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink);background:var(--surface);border:2px solid var(--ink);border-radius:999px;box-shadow:var(--shadow-ink-sm)}.hsit-eyebrow svg{color:var(--red);flex:0 0 auto}.hsit-h2{font-family:var(--font-display);font-weight:900;font-size:clamp(26px,4vw,44px);line-height:1.1;letter-spacing:-.02em;color:var(--ink);margin:0 0 10px;max-width:24ch}.hsit-mark{position:relative;display:inline-block;isolation:isolate;font-style:italic;padding:0 .08em}.hsit-mark:before{content:"";position:absolute;z-index:-1;left:-.04em;right:-.04em;bottom:.04em;height:.46em;background:var(--yellow);border-radius:.2em .35em .25em .4em;transform:rotate(-1deg) scaleX(1);transform-origin:left center;transition:transform .7s cubic-bezier(.22,1,.36,1) .2s}.hsit-sec.is-armed:not(.is-seen) .hsit-mark:before{transform:rotate(-1deg) scaleX(0)}.hsit-grid{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.4fr);gap:clamp(22px,3.2vw,40px);align-items:center;max-width:1040px;margin:0 auto}.hsit-card,.hsit-tab{--hsit-tone:var(--blue)}.hsit-tone-red{--hsit-tone:var(--red)}.hsit-tone-green{--hsit-tone:var(--green)}.hsit-tone-yellow{--hsit-tone:var(--yellow)}.hsit-strip{position:relative}.hsit-tabs{display:flex;flex-direction:column;gap:10px}.hsit-tab{display:flex;align-items:center;gap:12px;width:100%;min-height:54px;padding:10px 14px;text-align:left;cursor:pointer;font-family:var(--font-display);font-weight:800;font-size:16px;line-height:1.25;color:var(--ink);background:var(--surface);border:2px solid var(--ink);border-radius:14px;box-shadow:0 0 0 var(--ink);transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease;-webkit-tap-highlight-color:transparent}.hsit-tab:hover{transform:translate(-2px,-2px);box-shadow:3px 3px 0 var(--ink)}.hsit-tab:active{transform:translate(0);box-shadow:0 0 0 var(--ink)}.hsit-tab:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.hsit-tab.is-active{background:var(--yellow);color:var(--on-yellow);transform:translate(-3px,-3px);box-shadow:5px 5px 0 var(--ink)}.hsit-tab-num{flex:0 0 auto;display:grid;place-items:center;width:30px;height:30px;border-radius:999px;border:2px solid var(--ink);color:var(--ink);background:color-mix(in srgb,var(--hsit-tone) 22%,var(--surface));font-size:13px;font-weight:900;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.hsit-tab:hover .hsit-tab-num{transform:rotate(-8deg) scale(1.06)}.hsit-tab.is-active .hsit-tab-num{background:var(--ink);color:var(--yellow)}.hsit-hint{display:none}.hsit-card,.hsit-stage{display:grid;position:relative}.hsit-card{grid-area:1/1;grid-template-columns:150px minmax(0,1fr);gap:26px;align-items:center;padding:clamp(24px,2.8vw,34px) clamp(20px,2.6vw,32px);background:repeating-linear-gradient(to bottom,transparent 0 29px,color-mix(in srgb,var(--grid) 75%,transparent) 29px 30px) 0 18px /100% auto,var(--surface);color:var(--ink);border:2.5px solid var(--ink);border-radius:20px;box-shadow:6px 6px 0 var(--ink);opacity:0;visibility:hidden;transform:translateX(32px);transition:opacity .3s ease,transform .45s cubic-bezier(.22,1,.36,1),visibility 0s linear .45s}.hsit-card.is-leaving{transform:translateX(-32px)}.hsit-card.is-active{opacity:1;visibility:visible;transform:none;transition:opacity .35s ease .06s,transform .5s cubic-bezier(.22,1,.36,1) .06s,visibility 0s}.hsit-tape{position:absolute;top:-13px;left:50%;width:92px;height:24px;border-radius:3px;background:color-mix(in srgb,var(--hsit-tone) 55%,transparent);transform:translateX(-50%) rotate(-3deg);pointer-events:none}.hsit-card-art{position:relative;display:grid;place-items:center;aspect-ratio:1;border-radius:18px;background:color-mix(in srgb,var(--hsit-tone) 18%,var(--surface));border:2px solid var(--ink);box-shadow:var(--shadow-ink-sm);container-type:inline-size}.hsit-card-art>img{display:block;width:76%;height:auto}.hsit-card-body{min-width:0}.hsit-card-kicker{display:inline-block;margin:0 0 10px;padding:3px 11px;border-radius:999px;font-weight:800;font-size:12.5px;background:color-mix(in srgb,var(--hsit-tone) 22%,var(--surface));border:1.5px solid var(--ink)}.hsit-card-kicker,.hsit-card-title{font-family:var(--font-display);color:var(--ink)}.hsit-card-title{font-weight:900;font-size:clamp(21px,2.4vw,30px);line-height:1.12;letter-spacing:-.01em;margin:0 0 8px}.hsit-card-text{font-family:var(--font-body);font-size:clamp(15px,1.4vw,16.5px);line-height:1.6;color:var(--ink-soft);margin:0}.hsit-card-art,.hsit-card-kicker,.hsit-card-text,.hsit-card-title{transition:opacity .35s ease,transform .45s cubic-bezier(.22,1,.36,1)}.hsit-card:not(.is-active) .hsit-card-art{transform:scale(.86) rotate(-6deg);opacity:0}.hsit-card:not(.is-active) :is(.hsit-card-kicker,.hsit-card-title,.hsit-card-text){transform:translateY(8px);opacity:0}.hsit-card.is-active .hsit-card-art{transition-timing-function:ease,cubic-bezier(.34,1.56,.64,1);transition-delay:.12s}.hsit-card.is-active .hsit-card-kicker{transition-delay:.14s}.hsit-card.is-active .hsit-card-title{transition-delay:.2s}.hsit-card.is-active .hsit-card-text{transition-delay:.26s}.hsit-card.is-active .hsit-card-art>img,.hsit-card.is-active .hsit-fc{animation:hsit-float 4.4s ease-in-out .7s infinite}@keyframes hsit-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(-2deg)}}.hsit-fc{position:relative;display:block;width:78%;aspect-ratio:1}.hsit-fc-card{position:absolute;left:19%;top:15%;width:62%;height:70%;border:2px solid var(--ink);border-radius:9%;transition:transform .5s cubic-bezier(.34,1.56,.64,1) .25s}.hsit-fc-back2{background:var(--yellow);transform:translate(-16%,6%) rotate(-14deg)}.hsit-fc-back1{background:color-mix(in srgb,var(--green) 45%,var(--surface));transform:translate(14%,-3%) rotate(9deg)}.hsit-fc-front{display:grid;place-items:center;background:var(--surface);box-shadow:var(--shadow-ink-sm);transform:rotate(-2deg)}.hsit-card:not(.is-active) .hsit-fc-back1,.hsit-card:not(.is-active) .hsit-fc-back2{transform:translate(0) rotate(-2deg)}.hsit-fc-q{font-family:var(--font-display);font-weight:900;font-size:34cqw;line-height:1;color:var(--ink)}.hsit-fc-rep{position:absolute;right:-14%;bottom:-12%;display:grid;place-items:center;width:30cqw;height:30cqw;border-radius:999px;background:var(--green);color:var(--on-accent);border:2px solid var(--ink)}.hsit-fc-rep svg{width:58%;height:58%}.hsit-nav{display:none}@media (max-width:899px){.hsit-grid{grid-template-columns:minmax(0,1fr);gap:10px}.hsit-strip{margin:0 -16px}.hsit-tabs{flex-direction:row;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 16px 10px;scroll-padding:0 16px;-webkit-mask-image:linear-gradient(to right,transparent 0,var(--ink) 18px,var(--ink) calc(100% - 44px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,var(--ink) 18px,var(--ink) calc(100% - 44px),transparent 100%)}.hsit-tabs::-webkit-scrollbar{display:none}.hsit-tab{flex:0 0 auto;width:auto;min-height:44px;padding:7px 14px 7px 7px;border-radius:999px;font-size:14.5px;white-space:nowrap;scroll-snap-align:start}.hsit-tab:hover{transform:none;box-shadow:0 0 0 var(--ink)}.hsit-tab-num{width:28px;height:28px;font-size:12px}.hsit-tab.is-active{transform:none;box-shadow:3px 3px 0 var(--ink)}.hsit-hint{display:flex;align-items:center;justify-content:flex-end;gap:2px;margin:-2px 0 14px;font-family:var(--font-display);font-weight:800;font-size:12px;color:var(--ink-soft)}.hsit-hint svg{animation:hsit-nudge 1.8s ease-in-out infinite}@keyframes hsit-nudge{0%,to{transform:translateX(0)}50%{transform:translateX(4px)}}.hsit-card{grid-template-columns:72px minmax(0,1fr);gap:12px 14px;align-content:start;align-items:center;padding:22px 16px 18px;box-shadow:4px 4px 0 var(--ink);background-position:0 12px}.hsit-card-body{display:contents}.hsit-card-art{grid-column:1;grid-row:1;border-radius:14px}.hsit-card-title{grid-column:2;grid-row:1;margin:0}.hsit-card-text{grid-column:1/-1}.hsit-card-kicker{display:none}.hsit-tape{width:72px;height:20px;top:-11px}.hsit-nav{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:14px}.hsit-arrow{display:grid;place-items:center;width:44px;height:44px;flex:0 0 auto;border-radius:999px;border:2px solid var(--ink);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-ink-sm);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background-color .2s ease;-webkit-tap-highlight-color:transparent}.hsit-arrow:hover{background:var(--yellow);color:var(--on-yellow)}.hsit-arrow:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.hsit-arrow:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.hsit-dots{display:flex;align-items:center;gap:7px}.hsit-dot{display:block;width:9px;height:9px;border-radius:999px;background:color-mix(in srgb,var(--ink) 28%,transparent);transition:width .3s cubic-bezier(.22,1,.36,1),background-color .2s ease}.hsit-dot.is-active{width:30px;background:var(--ink)}}@media (min-width:600px) and (max-width:899px){.hsit-strip{margin:0 -28px}.hsit-tabs{padding:4px 28px 10px;scroll-padding:0 28px}.hsit-card{grid-template-columns:116px minmax(0,1fr);gap:22px;align-items:center;padding:28px 24px 24px}.hsit-card-body{display:block}.hsit-card-art{grid-row:auto}.hsit-card-title{margin:0 0 8px}.hsit-hint{display:none}}@media (prefers-reduced-motion:reduce){.hsit-arrow,.hsit-card,.hsit-card-art,.hsit-card-kicker,.hsit-card-text,.hsit-card-title,.hsit-card.is-active,.hsit-dot,.hsit-fc-card,.hsit-mark:before,.hsit-tab,.hsit-tab-num{transition:none}.hsit-card,.hsit-card.is-leaving{transform:none}.hsit-card:not(.is-active) :is(.hsit-card-art,.hsit-card-kicker,.hsit-card-title,.hsit-card-text){transform:none}.hsit-card.is-active .hsit-card-art>img,.hsit-card.is-active .hsit-fc,.hsit-hint svg{animation:none}.hsit-tabs{scroll-behavior:auto}}