.ks{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:start;gap:48px;display:grid}.ks-list{border-top:2px solid var(--ink)}.ks-item{text-align:left;border:0;border-bottom:1px solid var(--line);cursor:pointer;width:100%;color:var(--ink);font:inherit;background:0 0;grid-template-columns:minmax(0,1fr);padding:22px 6px;display:grid;position:relative}.ks-item:focus-visible{outline-offset:2px;outline:3px solid #a35f3d}.ks-n{font-family:var(--font-mono),monospace;color:#8a4a2c;align-self:center;font-size:14px;font-weight:500}.ks-word{font-family:var(--font-poster),Impact,sans-serif;text-transform:uppercase;color:#17364240;font-size:clamp(44px,5.4vw,80px);line-height:.98;transition:color .4s,transform .4s}.ks-item[aria-selected=true] .ks-word{color:var(--navy);transform:translate(6px)}.ks-item:hover .ks-word{color:#173642a0}.ks-item[aria-selected=true]:hover .ks-word{color:var(--navy)}.ks-body{grid-template-rows:0fr;transition:grid-template-rows .55s;display:grid}.ks-item[aria-selected=true] .ks-body{grid-template-rows:1fr}.ks-inner{min-height:0;display:block;overflow:hidden}.ks-title{font-family:var(--font-serif),Georgia,serif;margin-top:10px;font-size:24px;display:block}.ks-text{color:#4a524f;max-width:460px;margin:8px 0 14px;font-size:16px;line-height:1.5;display:block}.ks-chips{flex-wrap:wrap;gap:8px;padding-bottom:4px;display:flex}.ks-chips span{color:var(--navy);border:1px solid #17364240;border-radius:99px;padding:5px 11px;font-size:12.5px;font-weight:700}.ks-prog{background:#a35f3d;height:3px;animation:6.5s linear both ks-prog;position:absolute;bottom:-1px;left:0}@keyframes ks-prog{0%{width:0}to{width:100%}}.ks-stage{aspect-ratio:480/350;border-radius:14px;transition:background .6s;position:relative;overflow:hidden;box-shadow:0 30px 50px -34px #17364266}.scene{opacity:0;pointer-events:none;transition:opacity .5s,transform .5s;position:absolute;inset:0;transform:translate(34px)}.scene.on{opacity:1;transform:none}.scene svg{width:100%;height:100%;display:block}.on .aw{transform-box:fill-box;transform-origin:top;animation:.6s cubic-bezier(.2,.8,.2,1) both ks-aw}@keyframes ks-aw{0%{transform:scaleY(0)}}.bar{stroke-dasharray:1;stroke-dashoffset:0}.on .bar{animation:.8s .6s both ks-draw}@keyframes ks-draw{0%{stroke-dashoffset:1px}}.qs{gap:12px;width:34%;margin:0;padding:0;list-style:none;display:grid;position:absolute;top:20%;right:3%}.qs li{background:var(--navy);color:var(--paper);border-radius:10px 10px 10px 2px;padding:10px 14px;font-size:clamp(12px,1.7vw,19px);font-weight:700}.on .qs li{animation:.5s cubic-bezier(.2,.9,.3,1.3) both ks-pop}@keyframes ks-pop{0%{opacity:0;transform:translate(30px)scale(.9)}}.qs li:nth-child(2){margin-left:6%}.qs li:nth-child(3){margin-left:12%}.bubble{background:var(--paper);width:56%;color:var(--navy);border-radius:16px 16px 16px 2px;padding:5% 5.5%;position:absolute;top:14%;right:5%;box-shadow:0 14px 26px -16px #0005}.cap{font-family:var(--font-mono),monospace;letter-spacing:.14em;color:#8a4a2c;margin-bottom:10px;font-size:clamp(9px,1.25vw,13px);display:block}.bubble p{margin:0}.q{font-family:var(--font-mono),monospace;font-size:clamp(11px,1.65vw,19px);font-weight:500}.type{white-space:nowrap;vertical-align:bottom;width:calc(var(--n)*1ch);border-right:2px solid var(--navy);display:inline-block;overflow:hidden}.on .type{animation:1.5s steps(20,end) .5s both ks-type,.7s step-end .5s 3 ks-caret}@keyframes ks-type{0%{width:0}}@keyframes ks-caret{50%{border-color:#0000}}.bubble .ans{font-family:var(--font-serif),Georgia,serif;margin-top:12px;font-size:clamp(13px,2vw,23px);font-style:italic;line-height:1.25}.on .ans{animation:.7s 2.1s both ks-fade}@keyframes ks-fade{0%{opacity:0;transform:translateY(8px)}}.on .col{transform-box:fill-box;transform-origin:bottom;animation:.7s cubic-bezier(.2,.8,.2,1) both ks-rise}@keyframes ks-rise{0%{transform:scaleY(0)}}.on .ped{animation:.7s cubic-bezier(.2,.9,.3,1.2) .75s both ks-drop}@keyframes ks-drop{0%{opacity:0;transform:translateY(-46px)}}.tl{stroke-dasharray:1;stroke-dashoffset:0}.on .tl{animation:1.2s .9s both ks-draw}.on .dot{animation:.5s both ks-fade}@media (max-width:900px){.ks{grid-template-columns:1fr;gap:26px}.ks-item{padding:16px 4px}}@media (prefers-reduced-motion:reduce){.scene{transition:none}.on .aw,.on .bar,.on .qs li,.on .type,.on .ans,.on .col,.on .ped,.on .tl,.on .dot{animation:none}.ks-prog{display:none}.ks-body{transition:none}}.ks-tag{z-index:3;font-family:var(--font-mono),monospace;letter-spacing:.06em;color:var(--navy);background:#f3f0e9e6;border:1px solid #17364266;border-radius:4px;padding:3px 9px;font-size:11px;font-weight:500;position:absolute;top:12px;left:14px}.ks-toggle{min-height:44px;color:var(--navy);cursor:pointer;background:0 0;border:1px solid #17364255;border-radius:99px;margin-top:14px;padding:0 16px;font-weight:700}.ks-toggle:hover{background:#17364214}
.tf{max-width:1000px}.tf-tabs{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.tf-tab{color:var(--navy);cursor:pointer;background:0 0;border:1px solid #17364255;border-radius:99px;min-height:44px;padding:10px 16px;font-weight:700}.tf-tab.on{background:var(--navy);color:#fff;border-color:var(--navy)}.tf-track{height:230vh;position:relative}.tf-sticky{position:sticky;top:88px}.tf-stage{aspect-ratio:16/9;border:1px solid var(--line);background:#fff;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 34px 60px -38px #17364288}.tf-before,.tf-after{flex-direction:column;display:flex;position:absolute;inset:0}.tf-before{color:#555;background:#f1f1f1;font-family:Arial,Helvetica,sans-serif}.tf-after{background:var(--navy);color:var(--paper);clip-path:inset(0 calc((1 - var(--t,0)) * 100%) 0 0)}.tf-chrome{background:#dcdcdc;flex:none;align-items:center;gap:6px;height:34px;padding:0 12px;display:flex}.tf-chrome i{background:#b9b9b9;border-radius:50%;width:10px;height:10px}.tf-chrome span{color:#777;background:#f4f4f4;border-radius:99px;margin-left:12px;padding:3px 12px;font-family:Arial,sans-serif;font-size:11px}.tf-after .tf-chrome{background:#0f2832}.tf-after .tf-chrome i{background:#e6b99f}.tf-after .tf-chrome span{color:#c9d6db;background:#173642}.tf-wire{flex:1;grid-template-rows:46px 1fr;min-height:0;padding:0 30px 26px;display:grid}.tf-wnav{align-items:center;gap:14px;display:flex}.tf-wnav b{background:#c4c4c4;width:92px;height:16px}.tf-wnav u{background:#d4d4d4;width:52px;height:8px}.tf-wnav u:first-of-type{margin-left:auto}.tf-wbody{grid-template-columns:.85fr 1.15fr;align-items:center;gap:30px;min-height:0;display:grid}.tf-wimg{aspect-ratio:4/3;background:linear-gradient(to top right,#0000 calc(50% - 1px),#b8b8b8,#0000 calc(50% + 1px)),linear-gradient(to top left,#0000 calc(50% - 1px),#b8b8b8,#0000 calc(50% + 1px)),#dedede}.tf-wtext small{letter-spacing:.12em;color:#888;margin-bottom:10px;font-size:11px;display:block}.tf-wtext h3{color:#666;margin:0 0 12px;font-size:clamp(17px,2.4vw,30px);font-weight:400;line-height:1.3}.tf-old{background:linear-gradient(#a35f3d,#a35f3d) no-repeat 0 58%/calc(var(--s,0) * 100%) 3px;-webkit-box-decoration-break:clone;box-decoration-break:clone}.tf-wtext p{color:#8a8a8a;margin:0 0 16px;font-size:clamp(11px,1.2vw,14px)}.tf-wbtn{color:#fff;background:#bdbdbd;border-radius:2px;padding:8px 16px;font-size:12px;display:inline-block}.tf-abody{flex:1;grid-template-columns:.7fr 1.3fr;align-items:center;gap:26px;min-height:0;padding:20px 34px 26px;display:grid}.tf-art{width:100%;height:auto;max-height:100%}.tf-atext small{font-family:var(--font-mono),monospace;letter-spacing:.14em;color:#e6b99f;margin-bottom:10px;font-size:11px;display:block}.tf-atext h3{font-family:var(--font-serif),Georgia,serif;letter-spacing:-.01em;color:#fff;margin:0 0 16px;font-size:clamp(17px,2.5vw,33px);font-weight:500;line-height:1.2}.tf-chips{flex-wrap:wrap;gap:10px;margin:0 0 16px;padding:0;list-style:none;display:flex}.tf-chips li{opacity:clamp(0,calc((var(--t,0) - .5 - var(--k,0) * .1) * 7),1);transform:translateY(calc((1 - clamp(0,calc((var(--t,0) - .5 - var(--k,0) * .1) * 7),1)) * 12px));border-left:3px solid #f0c46a;padding:2px 10px}.tf-chips small{color:#c9d6db;letter-spacing:.1em;margin:0;font-size:10px;display:block}.tf-chips b{color:#fff;font-size:clamp(11px,1.3vw,15px)}.tf-abtn{color:var(--navy);opacity:clamp(0,calc((var(--t,0) - .8) * 8),1);background:#f0c46a;border-radius:6px;padding:9px 18px;font-size:clamp(11px,1.3vw,15px);font-weight:700;display:inline-block}.tf-edge{top:0;bottom:0;left:calc(var(--t,0) * 100%);width:3px;opacity:clamp(0,calc(var(--t,0) * 30),calc((1 - var(--t,0)) * 30));pointer-events:none;background:#a35f3d;margin-left:-1.5px;position:absolute;box-shadow:0 0 18px #a35f3d99}.tf-range{color:var(--navy);align-items:center;gap:14px;margin:16px 0 0;font-size:14px;font-weight:700;display:flex}.tf-range input{accent-color:#173642;flex:1;height:44px}.gs{margin-top:14px;position:relative}.gs-text{font-family:var(--font-serif),Georgia,serif;letter-spacing:-.012em;color:var(--paper);margin:0;font-size:clamp(30px,4.8vw,66px);font-weight:500;line-height:1.12}.gs-w{transition:opacity .8s,transform 1.15s cubic-bezier(.2,.9,.2,1);transition-delay:calc(var(--i) * .12s);display:inline-block}.gs-armed:not(.gs-in) .gs-w{opacity:.3;transform:translate(var(--dx),var(--dy)) rotate(var(--r));animation:10ms linear 3.5s forwards gs-failsafe}@keyframes gs-failsafe{to{opacity:1;transform:none}}.gs-armed:not(.gs-in) .gs-line path{animation:10ms linear 3.5s forwards gs-pathfs}@keyframes gs-pathfs{to{stroke-dashoffset:0}}.gs-em{color:#e6b99f;font-style:italic}.gs-grow{color:#f0c46a;transform-origin:0 100%}.gs-in .gs-grow{animation:1.3s cubic-bezier(.2,.9,.2,1) 1.7s both gs-grow}@keyframes gs-grow{0%{transform:scale(1)}60%{transform:scale(1.16)}to{transform:scale(1.1)}}.gs-line{width:100%;height:clamp(40px,7vw,90px);margin-top:10px;display:block;overflow:visible}.gs-line path{fill:none;stroke:#f0c46a;stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0;vector-effect:non-scaling-stroke;transition:stroke-dashoffset 1.6s cubic-bezier(.5,0,.2,1) 1.1s}.gs-tip{transition-delay:2.6s!important}.gs-armed:not(.gs-in) .gs-line path{stroke-dashoffset:1px}@media (max-width:900px){.tf-track{height:auto}.tf-sticky{position:static}.tf-stage{aspect-ratio:auto;min-height:440px}.tf-wire{padding:0 16px 18px}.tf-wbody{grid-template-columns:1fr;align-content:center;gap:16px}.tf-wimg{display:none}.tf-abody{grid-template-columns:1fr;align-content:center;gap:12px;padding:18px 18px 22px}.tf-art{display:none}.tf-wtext h3{font-size:20px}.tf-atext h3{font-size:21px}}@media (prefers-reduced-motion:reduce){.tf-track{height:auto}.tf-sticky{position:static}.gs-armed:not(.gs-in) .gs-w{opacity:1;transform:none}.gs-w{transition:none}.gs-in .gs-grow{animation:none;transform:scale(1.1)}.gs-armed:not(.gs-in) .gs-line path{stroke-dashoffset:0}}.tf-hint{font-family:var(--font-hand),"Segoe Script",cursive;color:#8a4a2c;margin:-6px 0 14px;font-size:clamp(24px,2.4vw,30px);font-weight:600;transition:opacity .3s;transform:rotate(-1.5deg)}.gs-hand{font-family:var(--font-hand),"Segoe Script",cursive;color:#e6b99f;opacity:0;font-size:clamp(24px,2.6vw,34px);font-weight:600;transition:opacity .8s 2.9s;position:absolute;top:-6px;right:2%;transform:rotate(-4deg)}.gs-in .gs-hand{opacity:1}@media (max-width:900px){.gs-hand{display:none}}@media (prefers-reduced-motion:reduce){.gs-hand{opacity:1;transition:none}}.tf-fic{z-index:5;font-family:var(--font-mono),monospace;color:#173642;background:#f3f0e9;border:1px solid #17364266;border-radius:4px;padding:2px 9px;font-size:11px;font-weight:500;position:absolute;top:6px;right:14px}