html,body{color:#fff;background:#de0b83;margin:0}@font-face{font-family:Fredoka;src:url(/gumigam/assets/Fredoka.woff2)format("woff2");font-weight:300 700;font-display:swap}@font-face{font-family:Rubik;src:url(/gumigam/assets/Rubik.woff2)format("woff2");font-weight:300 900;font-display:swap}:root{--pink:#de0b83;--turq:#00c8d2;--yellow:#ffe11a;--navy:#0b2a78;--white:#fff;--gutter:clamp(20px,3.4vw,48px);--ease:cubic-bezier(.16,1,.3,1);--press:cubic-bezier(.23,1,.32,1);font-family:Rubik,sans-serif}body{--head:var(--yellow);--text:var(--white);--btn:var(--yellow);--btn-ink:var(--navy);--field:var(--pink)}body[data-field=turq]{--head:var(--navy);--text:var(--navy);--btn:var(--navy);--btn-ink:var(--yellow);--field:var(--turq)}body[data-field=yellow]{--head:var(--pink);--text:var(--navy);--btn:var(--pink);--btn-ink:var(--white);--field:var(--yellow)}*{box-sizing:border-box}html{scrollbar-color:var(--navy) transparent;scrollbar-width:thin}body{-webkit-font-smoothing:antialiased;background:var(--field);overflow-x:clip}::selection{background:var(--navy);color:var(--yellow)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--text);outline-offset:4px}.skip{z-index:60;background:var(--yellow);color:var(--navy);border-radius:999px;padding:12px 20px;position:fixed;top:12px;right:12px;transform:translateY(-180%)}.skip:focus{transform:none}body.boot{background:var(--yellow)}.boot .name{color:var(--pink)}.boot .bar,.boot .beat,.boot .facts,.boot .head{visibility:hidden}#field,#scene{pointer-events:none;width:100%;height:100lvh;display:block;position:fixed;inset:0}#field{z-index:0}.back{z-index:1;pointer-events:none;position:fixed;inset:0;overflow:clip}#scene{z-index:2}main{z-index:3;position:relative}.name,.herd,.closing,.mark,.head,.say,.go{font-family:Fredoka,Rubik,sans-serif}.name{text-align:center;letter-spacing:-.012em;color:var(--yellow);white-space:nowrap;margin:0;font-size:min(29.5vw,62vh);font-weight:700;line-height:.98;position:absolute;inset:clamp(50px,7.4vh,76px) 0 auto}.name span{will-change:transform;display:inline-block}.herd{color:var(--pink);margin:0;font-weight:700;position:absolute;inset:0}.herd span{text-align:center;letter-spacing:-.02em;white-space:nowrap;visibility:hidden;will-change:transform;font-size:min(35vw,70vh);line-height:1;display:block;position:absolute;inset:clamp(40px,6vh,70px) 0 auto}.bar{z-index:20;height:72px;padding:0 var(--gutter);pointer-events:none;color:var(--text);justify-content:space-between;align-items:center;gap:24px;transition:color .18s;display:flex;position:fixed;inset:0 0 auto}.bar>*{pointer-events:auto}.mark{color:var(--head);font-size:30px;font-weight:700;line-height:1;transition:color .18s}.bar nav{gap:clamp(4px,1vw,12px);display:flex}.bar nav a{min-height:44px;transition:background-color .16s ease,color .16s ease,transform .14s var(--press);border-radius:999px;align-items:center;padding:0 16px;font-size:17px;font-weight:600;display:flex}.bar nav a[aria-current=true]{background:var(--btn);color:var(--btn-ink)}.bar nav a:active{transform:scale(.96)}@media (hover:hover) and (pointer:fine){.bar nav a:not([aria-current=true]):hover{background:var(--text);color:var(--field)}}#motion{background:var(--btn);width:44px;height:44px;color:var(--btn-ink);transition:transform .14s var(--press),background-color .16s ease,color .16s ease;border-radius:50%;place-items:center;display:grid}#motion:active{transform:scale(.92)}.motion-icon{border-inline:3px solid;width:10px;height:12px}#motion[aria-pressed=false] .motion-icon{border:0;border-block:7px solid #0000;border-right:11px solid;width:0;height:0;margin-right:3px}#film{height:1250svh}.stage{height:100svh;position:sticky;top:0;overflow:clip}.beat{z-index:1;pointer-events:none;color:var(--text);max-width:min(46vw,760px);position:absolute}.beat[hidden]{display:none}.beat a,.beat button{pointer-events:auto}.head{inset-inline:var(--gutter);letter-spacing:-.012em;color:var(--head);margin:0;font-weight:700;line-height:1;position:absolute;top:clamp(72px,9vh,96px)}.head[hidden]{display:none}.head-mid{top:50%;translate:0 -50%}.line{white-space:nowrap;margin-block:-.1em -.22em;margin-inline:-.12em;padding-block:.1em .22em;padding-inline:.12em;display:block;overflow:clip}.line-in{will-change:transform;display:block}.say{color:var(--yellow);margin:0 0 10px;font-size:clamp(34px,4vw,64px);font-weight:700;line-height:1.04}.lead{background:var(--white);color:var(--navy);text-wrap:pretty;width:fit-content;max-width:34ch;margin:0 0 14px;padding:.42em .72em;font-size:clamp(19px,1.6vw,24px);font-weight:600;line-height:1.34;rotate:-1.3deg}.b-hero,.b-press,.b-bite,.b-herd,.b-hunt,.b-pack{inset-inline-start:var(--gutter);bottom:clamp(30px,6vh,58px)}.b-herd .lead{margin:0}.go{background:var(--btn);height:60px;color:var(--btn-ink);transition:transform .14s var(--press),background-color .16s ease,color .16s ease;border-radius:999px;align-items:center;gap:14px;padding:0 30px;font-size:21px;font-weight:600;display:inline-flex}.go:active{transform:scale(.96)}@media (hover:hover) and (pointer:fine){.go:hover{background:var(--white);color:var(--navy)}.go:hover .down{transform:translateY(4px)}.go:hover .up{transform:translateY(-4px)}}.down,.up{width:16px;height:20px;transition:transform .2s var(--ease);display:inline-block;position:relative}.down:before,.up:before{content:"";background:currentColor;width:2.5px;position:absolute;top:0;bottom:0;left:7px}.down:after,.up:after{content:"";border:2.5px solid;border-width:0 2.5px 2.5px 0;width:11px;height:11px;position:absolute;left:2.5px;transform:rotate(45deg)}.down:after{bottom:1px}.up:after{top:1px;transform:rotate(225deg)}.facts{z-index:1;inset-inline-end:var(--gutter);color:var(--navy);gap:10px;margin:0;padding:0;font-size:18px;font-weight:600;list-style:none;display:flex;position:absolute;bottom:clamp(30px,6vh,58px)}.facts li{background:var(--yellow);border-radius:999px;align-items:center;height:44px;padding:0 20px;display:flex}.hint{background:var(--yellow);color:var(--navy);width:fit-content;margin:0;padding:.4em .7em;font-size:clamp(17px,1.35vw,20px);font-weight:600;rotate:1.1deg}.pad{z-index:0;touch-action:pan-y;cursor:grab;position:absolute;inset:0}.pad:active{cursor:grabbing}.pad[hidden]{display:none}.pad:focus-visible{outline-offset:-10px}.progress{height:6px;position:absolute;inset:auto 0 0}.progress i{background:var(--head);height:100%;transform:scaleX(var(--p,0));transform-origin:100%;display:block}.status{inset-inline-end:var(--gutter);color:var(--text);margin:0;font-size:16px;font-weight:600;position:absolute;top:84px}.status:empty{display:none}.poster{z-index:0;object-fit:contain;width:44vw;height:76vh;position:absolute;top:16vh;left:4vw}.poster[hidden]{display:none}.tools{align-items:center;gap:18px;display:flex}.concept{white-space:nowrap;font-size:14px;font-weight:600}.lead-end{z-index:5;background:var(--yellow);color:var(--navy);padding-top:clamp(88px,12vh,120px);position:relative}.lead-end .sticker{width:fit-content;margin:0 var(--gutter);background:var(--pink);color:var(--white);padding:.42em .8em;font-size:clamp(16px,1.3vw,19px);font-weight:600;rotate:-1.3deg}.lead-end wisepage-lead{--wpl-bg:transparent;--wpl-ink:var(--navy);--wpl-muted:#2e3f80;--wpl-accent:var(--pink);--wpl-on-accent:var(--white);--wpl-field:var(--white);--wpl-line:#0b2a784d;--wpl-error:#a3004f;--wpl-display:Fredoka,Rubik,sans-serif;--wpl-max:1240px;display:block}.lead-end wisepage-lead:not(:defined){padding:56px var(--gutter);font-size:18px}.lead-end a{color:var(--navy);text-decoration:underline;-webkit-text-decoration-color:var(--pink);text-decoration-color:var(--pink);text-underline-offset:5px}.at-lead .bar{color:var(--navy)}.at-lead .mark{color:var(--pink)}.at-lead #motion,.at-lead .bar nav a[aria-current=true]{background:var(--navy);color:var(--yellow)}#close{z-index:5;color:var(--white);padding:clamp(76px,10vh,120px) var(--gutter) 46svh;flex-direction:column;gap:clamp(20px,3vh,36px);min-height:100svh;display:flex;position:relative}.no-3d #close{padding-bottom:40px}.closing{letter-spacing:-.012em;color:var(--yellow);text-align:center;white-space:nowrap;margin:0;font-size:min(27vw,34vh);font-weight:700;line-height:.9}.close-row{justify-content:space-between;align-items:flex-end;gap:36px;display:flex}#close .go{background:var(--yellow);color:var(--navy);white-space:nowrap}@media (hover:hover) and (pointer:fine){#close .go:hover{background:var(--white)}}#close :focus-visible{outline-color:var(--yellow)}.legal{max-width:62ch;margin:0;font-size:16px;line-height:1.5}.at-close .bar{color:var(--white)}.at-close .mark{color:var(--yellow)}.at-close #motion,.at-close .bar nav a[aria-current=true]{background:var(--yellow);color:var(--navy)}.no-3d .hint{display:none}.noscript{z-index:40;background:var(--navy);color:var(--white);margin:0;padding:16px;font-size:16px;position:fixed;inset:auto 0 0}@media (height<=760px) and (width>=761px){.lead{margin-bottom:12px;font-size:18px}.go{height:52px;font-size:18px}}@media (width<=760px),(aspect-ratio<=4/5){:root{--gutter:20px}.bar{gap:8px;height:60px}.mark{font-size:24px}.bar nav{gap:0}.bar nav a{padding:0 9px;font-size:15px}.bar nav a:first-child,.bar nav a:nth-child(3){display:none}.tools{flex-direction:column;align-items:flex-end;gap:1px}.concept{font-size:11px;line-height:1.2}#motion{width:40px;height:40px}.name{font-size:30vw;inset-block-start:66px}.herd span{font-size:37vw}.head{top:72px}.head-mid{top:72px;translate:none}.say{font-size:32px}.lead{max-width:30ch;margin-bottom:12px;font-size:18px}.go{height:52px;padding:0 24px;font-size:18px}.beat{max-width:none;inset-inline:var(--gutter);translate:none}.b-hero,.b-press,.b-bite,.b-herd,.b-hunt,.b-pack{bottom:24px}.facts{display:none}.poster{width:76vw;height:46vh;top:46vh;left:12vw}.close-row{flex-direction:column-reverse;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.line{overflow:visible}}@media (width<=480px){.bar nav a:nth-child(4){display:none}}