/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.hidden{display:none}.table{display:table}}:root{--ink:#1f2040;--cream:#fff8eb;--paper:#fffdf7;--orange:#f7941d;--sky:#83d6f5;--coral:#ff8377;--lime:#c8eb65;--violet:#9275f2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:radial-gradient(circle at 20% 0%, #f7941d1a, transparent 24rem), var(--cream);color:var(--ink);margin:0;font-family:Pretendard,Noto Sans KR,Apple SD Gothic Neo,Arial,sans-serif;overflow-x:hidden}body:before{z-index:50;pointer-events:none;content:"";opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}.skip-link{z-index:200;background:var(--ink);color:#fff;border-radius:999px;padding:12px 18px;transition:transform .18s;position:fixed;top:12px;left:12px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:100;width:min(100% - 28px,1500px);position:fixed;top:14px;left:50%;transform:translate(-50%)}.header-bar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffdf7eb;border:1.5px solid #1f2040e6;border-radius:23px;grid-template-columns:190px 1fr 190px;align-items:center;min-height:72px;padding:8px 10px 8px 14px;display:grid;box-shadow:0 10px 30px #1f20401a}.brand-logo{align-items:center;width:max-content;padding:0;transition:transform .18s;display:inline-flex}.brand-logo img{width:158px;height:auto}.brand-logo:hover{transform:translateY(-2px)}.desktop-nav{justify-content:center;gap:clamp(4px,.7vw,12px);display:flex}.desktop-nav button,.desktop-nav>a{min-height:46px;color:var(--ink);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:999px;align-items:center;gap:5px;padding:0 13px;font-size:14px;font-weight:820;transition:background .18s;display:inline-flex}.desktop-nav button:hover,.desktop-nav button.is-active,.desktop-nav>a:hover{background:#1f204012}.desktop-nav button i{font-size:13px;font-style:normal;transition:transform .18s}.desktop-nav button.is-active i{transform:rotate(45deg)}.nav-roll{height:20px;display:block;overflow:hidden}.nav-roll>span{transition:transform .32s cubic-bezier(.22,1,.36,1);display:grid}.nav-roll b{height:20px;font-weight:inherit;white-space:nowrap;line-height:20px}.desktop-nav button:hover .nav-roll>span,.desktop-nav button.is-active .nav-roll>span,.desktop-nav>a:hover .nav-roll>span{transform:translateY(-20px)}.header-store{background:var(--ink);color:#fff;border-radius:16px;justify-self:end;align-items:center;gap:13px;padding:7px 7px 7px 17px;font-size:14px;font-weight:800;transition:transform .18s,background .18s;display:flex}.header-store:hover{background:var(--orange);transform:translateY(-2px)}.header-store .store-arrow{width:36px;height:36px;color:var(--ink);background:#fff;border-radius:12px;place-items:center;font-size:16px;display:grid}.mega-panel{border:1.5px solid var(--ink);background:var(--paper);border-radius:26px;grid-template-columns:minmax(250px,.72fr) 2.28fr;gap:22px;padding:22px;animation:.24s cubic-bezier(.22,1,.36,1) both mega-in;display:grid;position:absolute;top:82px;left:0;right:0;box-shadow:0 18px 55px #1f204029}.mega-intro{background:var(--ink);color:#fff;border-radius:18px;flex-direction:column;min-height:310px;padding:22px;display:flex}.mega-intro>span{letter-spacing:.14em;font-size:10px;font-weight:900}.mega-intro h2{letter-spacing:-.06em;word-break:keep-all;max-width:290px;margin:34px 0 0;font-size:clamp(28px,2.5vw,43px);font-weight:950;line-height:1.03}.mega-intro a{border-top:1px solid #ffffff52;justify-content:space-between;align-items:center;margin-top:auto;padding-top:15px;font-size:13px;font-weight:800;display:flex}.mega-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.mega-card{border:1.5px solid var(--ink);border-radius:18px;flex-direction:column;min-height:310px;padding:20px;transition:transform .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden}.mega-card:before{content:"";background:#ffffff47;border-radius:50%;width:110px;height:110px;position:absolute;top:-28px;right:-28px}.mega-card:hover{box-shadow:0 9px 0 var(--ink);transform:translateY(-8px)}.mega-card>span{z-index:2;font-size:10px;font-weight:900;position:relative}.mega-card .mega-art{z-index:1;border:1.5px solid var(--ink);width:60%;height:148px;box-shadow:0 6px 0 var(--ink);background:#fffaf0;border-radius:46% 46% 42% 42%/28% 28% 46% 46%;transition:transform .22s,box-shadow .22s;display:block;position:absolute;top:53px;right:15px;overflow:hidden}.mega-card .mega-brand-art{width:100%;height:214px;box-shadow:none;background:0 0;border:0;border-radius:0 0 46% 46%/0 0 18% 18%;top:0;left:0}.mega-art img{object-fit:cover;width:100%;height:100%;display:block}.mega-play-art img{object-position:center 52%}.mega-brand-art img{mix-blend-mode:multiply;object-fit:cover;object-position:center;transform:scale(var(--brand-art-scale,1));transform-origin:50%}.brand-ozbozz{--brand-art-scale:1.06}.brand-animigos,.brand-megasaurus{--brand-art-scale:1}.brand-plum{--brand-art-scale:1.04}.mega-card:hover .mega-art{box-shadow:0 3px 0 var(--ink);transform:translateY(-3px)rotate(-1.5deg)scale(1.03)}.mega-card:hover .mega-brand-art{box-shadow:none;transform:none}.mega-card strong{z-index:2;letter-spacing:-.055em;word-break:keep-all;margin-top:auto;font-size:clamp(22px,2vw,32px);font-weight:950;position:relative}.mega-card small{z-index:2;min-height:34px;margin-top:8px;font-size:11px;font-weight:700;line-height:1.45;position:relative}.mega-card i{z-index:3;border:1px solid var(--ink);background:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-style:normal;display:grid;position:absolute;top:17px;right:17px}.mega-blue,.mega-card.tone-sky{background:var(--sky)}.mega-pink,.mega-card.tone-coral{background:#ffaaa3}.mega-purple,.mega-card.tone-violet{background:#af9af8}.mega-green,.mega-card.tone-lime{background:var(--lime)}.menu-button,.mobile-menu{display:none}@keyframes mega-in{0%{opacity:0;transform:translateY(-10px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.hero{background:radial-gradient(circle at 78% 30%,#83d6f56b,#0000 29%),radial-gradient(circle at 72% 82%,#c8eb6561,#0000 26%),linear-gradient(135deg,#fff8e9 0%,#fff4d9 42%,#fffaf0 100%);grid-template-columns:.88fr 1.12fr;min-height:900px;padding:150px max(5vw,40px) 70px;display:grid;position:relative;overflow:hidden}.hero:after{content:"";border:2px solid #1f20401f;border-radius:50%;width:45vw;height:45vw;position:absolute;inset:auto -12vw -17vw auto}.hero-copy{z-index:3;align-self:center;padding-left:max(0px,50vw - 750px);position:relative}.eyebrow,.section-kicker{letter-spacing:.12em;margin:0 0 20px;font-size:13px;font-weight:900}.eyebrow span{border:1px solid var(--ink);background:#fff;border-radius:999px;margin-right:7px;padding:6px 10px;font-size:10px;display:inline-block}.hero h1{letter-spacing:-.075em;word-break:keep-all;max-width:730px;margin:0;font-size:clamp(58px,6.6vw,106px);font-weight:950;line-height:.98}.hero h1 em{color:var(--orange);font-style:normal;position:relative}.hero h1 em:after{background:var(--coral);content:"";border-radius:999px;height:.11em;position:absolute;bottom:.03em;left:0;right:-8px;transform:rotate(-2deg)}.hero-description{letter-spacing:-.025em;margin:32px 0 0;font-size:clamp(17px,1.45vw,22px);font-weight:650;line-height:1.65}.hero-actions,.business-actions{flex-wrap:wrap;gap:12px;margin-top:35px;display:flex}.button{border:1.5px solid var(--ink);border-radius:999px;justify-content:space-between;align-items:center;gap:30px;min-height:58px;padding:8px 9px 8px 24px;font-size:15px;font-weight:850;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.button span{border-radius:50%;flex:0 0 40px;place-items:center;width:40px;height:40px;display:grid}.button-dark{background:var(--ink);color:#fff;box-shadow:0 9px #1f20402e}.button-dark span{background:var(--orange)}.button-light{background:#ffffffb8}.button-light span{background:var(--lime)}.button-outline{color:var(--ink)}.button-outline span{background:#fff}.button:hover{transform:translateY(5px);box-shadow:0 4px #1f204021}.hero-visual{z-index:2;pointer-events:none;width:min(1280px,94vw);margin:0;animation:.9s cubic-bezier(.2,.8,.2,1) both hero-arrive;position:absolute;top:128px;right:-3vw}.hero-visual img{object-fit:contain;filter:saturate(1.35)contrast(1.08)drop-shadow(0 35px 30px #2e2d1b21);width:100%;max-height:690px}.orbit-label{z-index:2;border:1.5px solid var(--ink);box-shadow:4px 5px 0 var(--ink);background:#fff;border-radius:999px;padding:11px 18px;font-size:13px;font-weight:900;animation:3.7s ease-in-out infinite float-label;position:absolute}.orbit-one{top:16%;left:48%;transform:rotate(-7deg)}.orbit-two{background:var(--lime);animation-delay:-1.4s;bottom:13%;right:8%;transform:rotate(7deg)}.hero-decor{z-index:1;position:absolute}.hero-star{color:var(--violet);font-size:48px;animation:12s linear infinite spin-star;top:15%;left:45%}.hero-dot{background:var(--coral);border-radius:50%;width:28px;height:28px;bottom:11%;left:47%}.hero-scroll{z-index:3;letter-spacing:.12em;align-items:center;gap:13px;font-size:10px;font-weight:900;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.hero-scroll i{border:1px solid var(--ink);border-radius:50%;place-items:center;width:34px;height:34px;font-style:normal;display:grid}.play-finder,.worlds-section,.trust-section{padding:140px max(5vw,40px)}.play-finder{background:var(--paper)}.section-heading,.worlds-intro{grid-template-columns:.7fr 1.5fr 1fr;align-items:end;width:min(100%,1500px);margin:0 auto 70px;display:grid}.section-heading h2,.worlds-intro h2,.manifesto h2,.business-section h2{letter-spacing:-.065em;word-break:keep-all;margin:0;font-size:clamp(46px,5.2vw,82px);font-weight:950;line-height:1.03}.section-heading>p:last-child{color:#1f2040ab;max-width:330px;margin:0 0 9px;font-size:16px;font-weight:620;line-height:1.75}.play-grid{grid-template-columns:repeat(4,1fr);gap:13px;width:min(100%,1500px);margin:0 auto;display:grid}.play-card{border:1.5px solid var(--ink);min-height:520px;box-shadow:0 9px 0 var(--ink);border-radius:34px;padding:34px;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden}.play-card:before{content:"";border:28px solid #ffffff73;border-radius:50%;width:150px;height:150px;transition:transform .4s;position:absolute;top:-40px;right:-30px}.play-card.blue{background:var(--sky)}.play-card.pink{background:#ffaaa1}.play-card.purple{background:#b8a6ff}.play-card.green{background:var(--lime)}.play-card:hover{box-shadow:0 4px 0 var(--ink);transform:translateY(5px)}.play-card:hover:before{transform:scale(1.2)rotate(25deg)}.play-icon{z-index:2;border:1.5px solid var(--ink);background:#ffffffb3;border-radius:24px;place-items:center;width:70px;height:70px;font-size:34px;font-weight:900;display:grid;position:relative;transform:rotate(-5deg)}.play-index{z-index:2;font-size:12px;font-weight:900;position:absolute;top:35px;right:34px}.play-card h3{z-index:2;letter-spacing:-.055em;max-width:190px;margin:50px 0 12px;font-size:clamp(25px,2vw,34px);font-weight:950;line-height:1.08;position:relative}.play-card p{z-index:2;max-width:250px;margin:0;font-size:14px;font-weight:650;line-height:1.65;position:relative}.play-character{z-index:1;border:1.5px solid var(--ink);background:#fffaf0;border-radius:46% 54% 28% 35%/32% 38% 28% 34%;width:58%;height:50%;transition:transform .25s,box-shadow .25s;position:absolute;bottom:18px;right:18px;overflow:hidden;transform:rotate(1.5deg);box-shadow:0 6px #1f2040eb}.play-card:nth-child(2n) .play-character{border-radius:53% 47% 34% 27%/38% 31% 36% 27%;transform:rotate(-1.5deg)}.play-character img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .35s;display:block}.play-character>span{border:1px solid var(--ink);letter-spacing:-.025em;white-space:nowrap;background:#ffffffe6;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:900;position:absolute;top:19px;left:50%;transform:translate(-50%)}.card-arrow{z-index:3;border:1.5px solid var(--ink);background:#fff;border-radius:50%;place-items:center;width:46px;height:46px;font-size:20px;transition:transform .2s;display:grid;position:absolute;bottom:24px;left:28px}.play-card:hover .card-arrow{transform:rotate(-45deg)}.play-card:hover .play-character{transform:translateY(4px)rotate(3deg);box-shadow:0 3px #1f2040eb}.play-card:nth-child(2n):hover .play-character{transform:translateY(4px)rotate(-3deg)}.play-card:hover .play-character img{transform:scale(1.035)}.worlds-section{background:#f1edff}.worlds-intro{grid-template-columns:1fr 2fr}.world-list{gap:24px;width:min(100%,1500px);margin:0 auto;display:grid}.world-card{border:1.5px solid var(--ink);min-height:680px;box-shadow:0 12px 0 var(--ink);border-radius:44px;grid-template-columns:.9fr 1.1fr;display:grid;overflow:hidden}.world-card:nth-child(2n){grid-template-columns:1.1fr .9fr}.world-card:nth-child(2n) .world-copy{order:2}.tone-sky{background:#bceaff}.tone-coral{background:#ffc3bc}.tone-violet{background:#c8bafc}.tone-lime{background:#d9f68a}.world-copy{flex-direction:column;justify-content:center;padding:clamp(45px,6vw,92px);display:flex}.world-meta{letter-spacing:.12em;justify-content:space-between;align-items:center;margin-bottom:auto;font-size:12px;font-weight:900;display:flex}.world-kicker{margin:45px 0 4px;font-size:18px;font-weight:900}.world-copy h3{letter-spacing:-.075em;margin:0;font-size:clamp(52px,6vw,92px);font-weight:950;line-height:1}.world-description{word-break:keep-all;max-width:470px;margin:25px 0;font-size:17px;font-weight:630;line-height:1.72}.world-tags{flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none;display:flex}.world-tags li{background:#ffffff59;border:1px solid #1f20406b;border-radius:999px;padding:8px 13px;font-size:12px;font-weight:780}.world-link{border-top:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);justify-content:space-between;align-items:center;width:min(100%,315px);margin-top:auto;padding:17px 9px 17px 21px;font-size:14px;font-weight:900;display:flex}.world-link span{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:36px;height:36px;transition:transform .22s;display:grid}.world-link:hover span{transform:rotate(45deg)}.world-image-wrap{border:1.5px solid var(--ink);background:#f5eadc;border-radius:34px;min-height:620px;margin:14px;position:relative;overflow:hidden}.world-image-wrap:after{content:"";background:linear-gradient(#0000 55%,#11112375);position:absolute;inset:0}.world-image-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.world-card:nth-child(3) .world-image-wrap img,.world-card:nth-child(4) .world-image-wrap img{object-position:center 14%}.world-card:hover .world-image-wrap img{transform:scale(1.045)}.world-image-icon{z-index:2;border:1.5px solid var(--ink);background:var(--orange);color:#fff;border-radius:27px;place-items:center;width:76px;height:76px;font-size:35px;font-weight:900;display:grid;position:absolute;top:25px;right:25px;transform:rotate(7deg)}.world-image-caption{z-index:2;color:#fff;letter-spacing:.16em;font-size:12px;font-weight:950;line-height:1.35;position:absolute;bottom:28px;left:28px}.manifesto{background:radial-gradient(circle at 16% 40%, #ff9e93 0 4%, transparent 4.2%), radial-gradient(circle at 82% 76%, #c8eb65 0 6%, transparent 6.2%), var(--orange);place-items:center;min-height:850px;padding:140px max(8vw,50px);display:grid;position:relative;overflow:hidden}.manifesto:before{content:"";border:2px solid #1f204029;border-radius:50%;width:72vw;max-width:1050px;height:72vw;max-height:1050px;position:absolute}.manifesto-copy{z-index:2;text-align:center;max-width:1050px;position:relative}.manifesto h2{font-size:clamp(56px,7vw,108px)}.manifesto h2 span{background:var(--paper);border-radius:.2em;padding:0 .09em .07em}.manifesto-copy>p:not(.section-kicker){word-break:keep-all;max-width:650px;margin:38px auto 0;font-size:18px;font-weight:650;line-height:1.85}.manifesto-copy>a{border-bottom:1.5px solid var(--ink);align-items:center;gap:18px;margin-top:38px;padding-bottom:7px;font-size:15px;font-weight:900;display:inline-flex}.manifesto-sticker{z-index:2;border:1.5px solid var(--ink);background:var(--paper);text-align:center;box-shadow:7px 8px 0 var(--ink);place-items:center;font-weight:950;display:grid;position:absolute}.sticker-one{border-radius:18px;width:125px;height:95px;top:19%;left:7%;transform:rotate(-12deg)}.manifesto-characters{z-index:2;pointer-events:none;width:clamp(260px,22vw,390px);margin:0;position:absolute;bottom:22px;right:3.5%}.manifesto-characters:before{z-index:-1;aspect-ratio:1;border:1.5px solid var(--ink);background:var(--lime);width:44%;box-shadow:8px 9px 0 var(--ink);content:"";border-radius:50%;position:absolute;bottom:34px;right:-26px}.manifesto-characters img{aspect-ratio:5/4;border:1.5px solid var(--ink);background:var(--paper);object-fit:cover;object-position:center;width:100%;box-shadow:10px 12px 0 var(--ink);border-radius:44% 56% 29% 35%/35% 40% 31% 33%;transform:rotate(2deg)}.trust-section{background:var(--paper);padding-left:0;padding-right:0}.trust-label{letter-spacing:.16em;padding:0 max(5vw,40px);font-size:11px;font-weight:900}.trust-marquee{border-top:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);background:var(--lime);margin:42px 0 90px;overflow:hidden}.trust-marquee div{align-items:center;gap:65px;width:max-content;padding:27px 0;animation:26s linear infinite marquee;display:flex}.trust-marquee strong{white-space:nowrap;letter-spacing:-.045em;font-size:clamp(25px,3vw,44px);font-weight:950}.trust-marquee strong:after{content:"✦";margin-left:65px;font-size:22px}.trust-points{border-top:1.5px solid var(--ink);grid-template-columns:repeat(3,1fr);width:min(100% - 10vw,1500px);margin:0 auto;display:grid}.trust-points article{border-right:1.5px solid var(--ink);min-height:270px;padding:28px 35px}.trust-points article:last-child{border-right:0}.trust-points span{font-size:11px;font-weight:900}.trust-points h3{letter-spacing:-.04em;margin:70px 0 12px;font-size:27px;font-weight:950}.trust-points p{color:#1f2040ab;max-width:330px;margin:0;font-size:14px;font-weight:620;line-height:1.75}.faq-section{background:radial-gradient(circle at 7% 78%, #bfee5452 0 8%, transparent 8.2%), radial-gradient(circle at 94% 12%, #ff94182e 0 11%, transparent 11.2%), var(--paper);grid-template-columns:minmax(320px,.75fr) minmax(620px,1.25fr);gap:clamp(70px,8vw,150px);padding:130px max(6vw,45px);display:grid}.faq-heading{align-self:start}.faq-heading h2{letter-spacing:-.07em;word-break:keep-all;margin:0;font-size:clamp(52px,5.6vw,92px);font-weight:950;line-height:.98}.faq-heading>p:last-child{color:#1f2040ad;margin:32px 0 0;font-size:15px;font-weight:650;line-height:1.8}.faq-list{border-top:1.5px solid var(--ink)}.faq-list details{border-bottom:1.5px solid var(--ink)}.faq-list summary{cursor:pointer;grid-template-columns:42px 1fr 46px;align-items:center;gap:18px;min-height:102px;list-style:none;display:grid}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{letter-spacing:.08em;align-self:start;padding-top:37px;font-size:10px;font-weight:950}.faq-list summary strong{letter-spacing:-.035em;word-break:keep-all;font-size:clamp(20px,1.75vw,28px);font-weight:900}.faq-list summary i{border:1.5px solid var(--ink);background:#fff;border-radius:50%;place-items:center;width:42px;height:42px;font-size:19px;font-style:normal;transition:background .18s,transform .22s;display:grid}.faq-list summary:hover i{background:var(--lime)}.faq-list details[open] summary i{background:var(--orange);color:#fff;transform:rotate(45deg)}.faq-list details>p{color:#1f2040b3;word-break:keep-all;max-width:760px;margin:-7px 64px 32px 60px;font-size:15px;font-weight:630;line-height:1.85}.business-section{background:var(--sky);grid-template-columns:1fr .8fr;min-height:760px;padding:130px max(6vw,45px);display:grid;overflow:hidden}.business-copy{z-index:2;align-self:center;max-width:780px;position:relative}.business-copy>p:not(.section-kicker){word-break:keep-all;max-width:600px;margin:28px 0 0;font-size:17px;font-weight:640;line-height:1.8}.business-art{min-height:500px;position:relative}.orange-planet{z-index:2;border:2px solid var(--ink);background:var(--orange);color:#fff;width:min(31vw,480px);height:min(31vw,480px);box-shadow:inset -35px -30px 0 #cf63003d, 18px 22px 0 var(--ink);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-6deg)}.planet-wordmark{filter:drop-shadow(0 4px #a44c002e);width:59%;height:auto;transform:rotate(4deg)}.planet-ring{z-index:1;border:18px solid var(--violet);border-radius:50%;width:min(42vw,640px);height:min(13vw,200px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-11deg)}.planet-star{font-size:50px;font-weight:900;position:absolute}.star-a{color:var(--coral);top:10%;right:6%}.star-b{color:var(--lime);bottom:10%;left:5%}.planet-pill{z-index:3;border:1.5px solid var(--ink);background:var(--paper);letter-spacing:.11em;box-shadow:5px 6px 0 var(--ink);border-radius:999px;padding:12px 17px;font-size:11px;font-weight:950;position:absolute;bottom:17%;right:0;transform:rotate(8deg)}.site-footer{background:var(--ink);color:#fff;padding:92px max(4.5vw,38px) 32px;overflow:hidden}.footer-main{grid-template-columns:minmax(390px,1.2fr) minmax(600px,1fr);align-items:start;gap:6vw;padding-bottom:110px;display:grid}.footer-kicker{color:var(--lime);letter-spacing:.15em;margin:0 0 25px;font-size:11px;font-weight:900}.footer-invitation h2{letter-spacing:-.07em;word-break:keep-all;max-width:690px;margin:0;font-size:clamp(46px,5vw,82px);font-weight:950;line-height:.98}.footer-store{background:var(--orange);color:#fff;border-radius:18px;justify-content:space-between;align-items:center;width:min(100%,380px);min-height:62px;margin-top:42px;padding:8px 8px 8px 22px;font-size:14px;font-weight:900;transition:transform .18s;display:flex}.footer-store:hover{transform:translateY(-5px)}.footer-store i{width:44px;height:44px;color:var(--ink);background:#fff;border-radius:13px;place-items:center;font-size:18px;font-style:normal;display:grid}.footer-directory{grid-template-columns:repeat(2,1fr);gap:48px 26px;display:grid}.footer-directory>div{align-content:start;gap:9px;display:grid}.footer-directory p{color:#ffffff6b;letter-spacing:.15em;margin:0 0 13px;font-size:10px;font-weight:900}.footer-directory a,.footer-directory span,.footer-directory address{color:#ffffffdb;width:max-content;max-width:100%;font-size:15px;font-weight:720;line-height:1.6}.footer-directory address{margin:0;font-style:normal}.footer-directory a{position:relative}.footer-directory a:after{background:var(--orange);content:"";transform-origin:100%;height:1px;transition:transform .2s;position:absolute;bottom:2px;left:0;right:0;transform:scaleX(0)}.footer-directory a:hover:after{transform-origin:0;transform:scaleX(1)}.footer-wordmark{color:#fff;border-top:1px solid #ffffff2e;border-bottom:1px solid #ffffff2e;justify-content:space-between;align-items:center;padding:34px 0 26px;line-height:.78;display:flex}.footer-wordmark span{letter-spacing:-.09em;font-size:clamp(92px,15.2vw,245px);font-weight:950}.footer-wordmark i{background:var(--lime);width:clamp(54px,6vw,100px);height:clamp(54px,6vw,100px);color:var(--ink);border-radius:24%;flex:none;place-items:center;font-size:clamp(27px,3.3vw,54px);font-style:normal;transition:transform .26s;display:grid;transform:rotate(8deg)}.footer-wordmark:hover i{transform:rotate(188deg)scale(1.08)}.footer-legal{color:#ffffff7a;grid-template-columns:1.4fr 1fr 1fr;align-items:center;padding-top:26px;font-size:10px;font-weight:650;line-height:1.7;display:grid}.footer-legal p{margin:0}.footer-legal nav{justify-content:center;gap:22px;display:flex}.footer-legal>p:last-child{justify-self:end}.mobile-fixed-cta{display:none}[data-reveal]{opacity:0;transition:opacity .7s ease var(--delay,0s), transform .7s cubic-bezier(.2, .8, .2, 1) var(--delay,0s);transform:translateY(35px)}[data-reveal][data-visible=true]{opacity:1;transform:translateY(0)}@keyframes hero-arrive{0%{opacity:0;transform:translateY(30px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes float-label{0%,to{translate:0}50%{translate:0 -10px}}@keyframes spin-star{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translate(-50%)}}@media (width<=1150px){.site-header{width:min(100% - 22px,1500px)}.header-bar{grid-template-columns:155px 1fr 165px}.desktop-nav{gap:0}.desktop-nav button,.desktop-nav>a{padding-left:9px;padding-right:9px;font-size:13px}.mega-panel{grid-template-columns:minmax(215px,.68fr) 2.32fr;gap:14px;padding:16px}.mega-intro,.mega-card{min-height:286px}.mega-intro{padding:18px}.mega-card{padding:16px}.mega-card .mega-art{width:62%;height:132px;top:49px;right:11px}.mega-card .mega-brand-art{width:100%;height:190px;top:0;left:0}.mega-card strong{font-size:clamp(19px,2vw,25px)}.footer-main{grid-template-columns:.9fr 1.1fr;gap:4vw}.hero{grid-template-columns:1fr 1fr}.hero-visual{width:min(1120px,100vw);right:-7vw}.play-grid{grid-template-columns:repeat(2,1fr)}.play-card{min-height:440px}.play-card h3{max-width:48%;margin-top:42px}.play-card p{max-width:44%}.play-character{width:47%;height:57%}.world-card,.world-card:nth-child(2n){grid-template-columns:1fr 1.2fr}.world-card:nth-child(2n) .world-copy{order:initial}.world-image-wrap{min-height:570px}}@media (width<=820px){html{scroll-padding-top:70px}.site-header{width:calc(100% - 34px);height:auto;display:block;position:fixed;top:9px}.header-bar{border-radius:20px;justify-content:space-between;min-height:64px;padding:7px 8px 7px 11px;display:flex}.brand-logo{padding:0}.brand-logo img{width:135px}.mega-panel,.desktop-nav,.header-store{display:none}.menu-button{z-index:120;border:1.5px solid var(--ink);background:var(--paper);border-radius:50%;place-items:center;width:46px;height:46px;padding:0;display:grid;position:relative}.menu-button span{background:var(--ink);border-radius:99px;width:18px;height:2px;transition:transform .22s;position:absolute}.menu-button span:first-child{transform:translateY(-4px)}.menu-button span:last-child{transform:translateY(4px)}.menu-button[aria-expanded=true] span:first-child{transform:rotate(45deg)}.menu-button[aria-expanded=true] span:last-child{transform:rotate(-45deg)}.mobile-menu{z-index:90;background:var(--lime);opacity:0;pointer-events:none;flex-direction:column;justify-content:center;padding:110px 28px 34px;transition:opacity .22s,transform .22s;display:flex;position:fixed;inset:0;transform:translateY(-18px)}.mobile-menu.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-menu nav{display:grid}.mobile-menu nav a{border-bottom:1.5px solid var(--ink);letter-spacing:-.055em;justify-content:space-between;align-items:center;padding:18px 0;font-size:clamp(31px,10vw,48px);font-weight:950;display:flex}.mobile-menu nav span{letter-spacing:0;font-size:11px}.mobile-store{background:var(--ink);color:#fff;text-align:center;border-radius:999px;margin-top:auto;padding:17px 20px;font-size:14px;font-weight:850}.hero{flex-direction:column;min-height:880px;padding:112px 22px 84px;display:flex}.hero-copy{padding-left:0}.hero h1{font-size:clamp(48px,14.8vw,72px)}.hero-description{font-size:16px}.hero-actions{flex-direction:column;align-items:stretch}.button{width:100%;min-height:56px}.hero-visual{width:125%;margin:18px -14% 0 -7%;position:relative;top:auto;right:auto}.orbit-one{top:8%;left:12%}.orbit-two{bottom:7%;right:12%}.hero-star{top:48%;left:82%}.hero-scroll{display:none}.play-finder,.worlds-section,.trust-section{padding:90px 18px}.section-heading,.worlds-intro{margin-bottom:42px;display:block}.section-heading h2,.worlds-intro h2,.manifesto h2,.business-section h2{font-size:clamp(43px,12vw,64px)}.section-heading>p:last-child{margin-top:24px}.play-grid{grid-template-columns:1fr;gap:14px}.play-card{border-radius:28px;min-height:410px}.play-card h3{max-width:48%;margin-top:36px;font-size:30px}.play-card p{max-width:43%}.play-character{width:48%;height:58%}.worlds-section{padding-left:12px;padding-right:12px}.world-list{gap:20px}.world-card,.world-card:nth-child(2n){border-radius:30px;flex-direction:column;min-height:0;display:flex}.world-copy,.world-card:nth-child(2n) .world-copy{order:1;min-height:495px;padding:34px 26px}.world-meta{margin-bottom:34px}.world-kicker{margin-top:0}.world-copy h3{font-size:clamp(48px,15vw,70px)}.world-description{font-size:15px}.world-link{margin-top:30px}.world-image-wrap{border-radius:23px;order:2;min-height:440px;margin:0 10px 10px}.manifesto{min-height:760px;padding:110px 24px}.manifesto h2{font-size:clamp(48px,13vw,70px)}.manifesto-copy>p:not(.section-kicker){font-size:15px}.sticker-one{width:95px;height:72px;font-size:12px;top:8%;left:5%}.manifesto-characters{width:min(86vw,430px);margin:54px auto -12px;position:relative;bottom:auto;right:auto}.trust-section{padding-left:0;padding-right:0}.trust-label{padding:0 18px}.trust-points{width:calc(100% - 36px);display:block}.trust-points article{border-right:0;border-bottom:1.5px solid var(--ink);min-height:220px}.trust-points article:last-child{border-bottom:0}.trust-points h3{margin-top:44px}.faq-section{padding:90px 22px;display:block}.faq-heading h2{font-size:clamp(45px,12vw,64px)}.faq-heading>p:last-child{margin:24px 0 50px}.faq-list summary{grid-template-columns:30px 1fr 38px;gap:10px;min-height:90px}.faq-list summary>span{padding-top:34px}.faq-list summary strong{font-size:19px}.faq-list summary i{width:36px;height:36px;font-size:16px}.faq-list details>p{margin:-2px 16px 28px 40px;font-size:14px}.business-section{flex-direction:column;min-height:950px;padding:90px 22px 120px;display:flex}.business-actions{flex-direction:column}.business-art{min-height:380px;margin-top:35px}.orange-planet{width:min(68vw,330px);height:min(68vw,330px)}.planet-ring{width:min(92vw,450px);height:min(30vw,150px)}.site-footer{padding:76px 22px 110px}.footer-main{padding-bottom:72px;display:block}.footer-invitation h2{font-size:clamp(45px,12.6vw,67px)}.footer-store{margin-top:34px}.footer-directory{grid-template-columns:repeat(2,1fr);gap:46px 22px;margin-top:74px}.footer-wordmark{gap:8px;padding:25px 0 22px}.footer-wordmark span{letter-spacing:-.1em;font-size:clamp(50px,13.5vw,70px)}.footer-wordmark i{border-radius:13px;width:45px;height:45px;font-size:23px}.footer-legal{padding-top:23px;display:block}.footer-legal nav{flex-wrap:wrap;justify-content:flex-start;margin:28px 0}.footer-legal>p:last-child{margin-top:18px}.mobile-fixed-cta{z-index:80;border:1.5px solid var(--ink);background:var(--orange);color:#fff;border-radius:999px;justify-content:space-between;align-items:center;min-height:56px;padding:10px 12px 10px 20px;font-size:14px;font-weight:900;display:flex;position:fixed;bottom:12px;left:12px;right:12px;box-shadow:0 7px #1f2040d1}.mobile-fixed-cta span{background:var(--ink);border-radius:50%;place-items:center;width:36px;height:36px;display:grid}}@media (width<=440px){.hero{min-height:820px}.hero-actions{margin-top:25px}.orbit-label{padding:8px 12px;font-size:10px}.play-card{min-height:390px;padding:27px}.play-index{top:29px;right:27px}.play-card h3{max-width:46%;margin-top:29px;font-size:27px}.play-card p{max-width:43%;font-size:13px;line-height:1.55}.play-character{width:49%;height:59%;bottom:15px;right:15px}.play-character>span{padding:6px 8px;font-size:9px;top:16px;left:50%}.card-arrow{bottom:21px;left:23px}.world-image-wrap{min-height:370px}.world-copy{min-height:470px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-reveal]{opacity:1;transform:none}}


/* JOGKOREA extended brand intro */
.brand-intro {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  min-height: 100svh;
  place-items: center;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 42%, rgba(255, 255, 255, 0.96) 0 12%, transparent 38%),
    var(--cream);
  color: var(--ink);
  isolation: isolate;
}

.brand-intro::after {
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.14'/%3E%3C/svg%3E");
  content: "";
  opacity: 0.22;
}

.brand-intro.is-leaving {
  animation: intro-curtain-up 920ms cubic-bezier(0.77, 0, 0.18, 1) forwards;
}

.intro-center {
  position: relative;
  z-index: 5;
  display: grid;
  width: min(660px, calc(100vw - 48px));
  justify-items: center;
  text-align: center;
  transform: translateY(-7vh);
}

.intro-kicker {
  margin: 0 0 22px;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.22em;
  opacity: 0;
  animation: intro-copy-in 520ms 240ms ease forwards;
}

.intro-logo-wrap {
  position: relative;
  display: grid;
  width: min(520px, 76vw);
  min-height: 174px;
  place-items: center;
  border: 2px solid var(--ink);
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 14px 0 var(--ink);
  opacity: 0;
  transform: translateY(42px) scale(0.82) rotate(-2deg);
  animation: intro-logo-in 720ms 380ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.intro-logo-wrap::before,
.intro-logo-wrap::after {
  position: absolute;
  width: 22px;
  height: 22px;
  border: 2px solid var(--ink);
  border-radius: 50%;
  content: "";
}

.intro-logo-wrap::before {
  top: -26px;
  left: 17%;
  background: var(--sky);
}

.intro-logo-wrap::after {
  right: 12%;
  bottom: -32px;
  background: var(--lime);
}

.intro-logo-wrap img {
  width: min(370px, 58vw);
  height: auto;
}

.intro-message {
  margin: 32px 0 0;
  font-size: clamp(22px, 3vw, 38px);
  font-weight: 950;
  letter-spacing: -0.045em;
  opacity: 0;
  transform: translateY(16px);
  animation: intro-copy-in 520ms 2.25s ease forwards;
}

.intro-message span {
  position: relative;
  color: var(--orange);
}

.intro-message span::after {
  position: absolute;
  right: 0;
  bottom: -7px;
  left: 0;
  height: 6px;
  border-radius: 99px;
  background: var(--orange);
  content: "";
  transform: scaleX(0);
  transform-origin: left;
  animation: intro-line-in 420ms 2.55s ease forwards;
}

.intro-sun {
  position: absolute;
  top: -22vmin;
  left: -16vmin;
  width: 56vmin;
  height: 56vmin;
  border: 2px solid var(--ink);
  border-radius: 50%;
  background: var(--orange);
  transform: scale(0.2);
  animation: intro-shape-in 900ms 80ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.intro-ring {
  position: absolute;
  border: 2px solid var(--ink);
  border-radius: 50%;
  opacity: 0;
  animation: intro-ring-in 700ms 560ms ease forwards;
}

.intro-ring-one {
  right: 7vw;
  bottom: -13vw;
  width: 34vw;
  height: 34vw;
  background: var(--violet);
}

.intro-ring-two {
  top: 13vh;
  right: 13vw;
  width: 34px;
  height: 34px;
  background: var(--coral);
}

.intro-mascot {
  position: absolute;
  z-index: 3;
  display: grid;
  width: clamp(90px, 10vw, 148px);
  aspect-ratio: 1;
  place-items: center;
  overflow: hidden;
  border: 2px solid var(--ink);
  border-radius: 38% 62% 48% 52% / 55% 41% 59% 45%;
  box-shadow: 0 8px 0 var(--ink);
  opacity: 0;
}

.intro-mascot img {
  width: 88%;
  height: 88%;
  object-fit: contain;
}

.intro-mascot-ozbozz {
  top: 15%;
  left: 14%;
  background: var(--sky);
  transform: translate(-80px, -80px) rotate(-18deg);
  animation: intro-mascot-one 760ms 650ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.intro-mascot-animigos {
  top: 13%;
  right: 16%;
  background: var(--coral);
  transform: translate(80px, -70px) rotate(17deg);
  animation: intro-mascot-two 760ms 760ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.intro-mascot-megasaurus {
  bottom: 13%;
  left: 18%;
  background: var(--violet);
  transform: translate(-80px, 80px) rotate(14deg);
  animation: intro-mascot-three 760ms 870ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.intro-mascot-plum {
  right: 14%;
  bottom: 14%;
  background: var(--lime);
  transform: translate(80px, 80px) rotate(-16deg);
  animation: intro-mascot-four 760ms 980ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.intro-friends {
  position: absolute;
  bottom: -5vh;
  left: 50%;
  z-index: 6;
  width: clamp(390px, 46vw, 680px);
  pointer-events: none;
  opacity: 0;
  transform: translate(-50%, 150px) scale(0.86);
  transform-origin: center bottom;
  animation: intro-friends-in 920ms 1.38s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.intro-friends img {
  width: 100%;
  height: auto;
  filter: drop-shadow(0 12px 0 rgba(31, 32, 64, 0.1));
  animation: intro-friends-bob 1.8s 2.35s ease-in-out infinite alternate;
}

.intro-skip {
  position: absolute;
  right: 28px;
  bottom: 26px;
  z-index: 8;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 15px;
  border: 0;
  background: transparent;
  color: var(--ink);
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  font-weight: 850;
  opacity: 0;
  animation: intro-copy-in 400ms 2.75s ease forwards;
}

.intro-skip span {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border: 1.5px solid var(--ink);
  border-radius: 50%;
  background: #fff;
  transition: transform 180ms ease;
}

.intro-skip:hover span {
  transform: translate(3px, 3px);
}

.intro-showing .site-header,
.intro-showing .hero {
  visibility: hidden;
}

.intro-showing .hero-visual {
  animation: none;
}

.intro-leaving .site-header {
  animation: intro-site-in 560ms ease both;
}

.intro-leaving .hero-copy {
  animation: intro-site-in 700ms 100ms ease both;
}

.intro-leaving .hero-visual {
  animation: hero-arrive 900ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
}

@keyframes intro-logo-in {
  to {
    opacity: 1;
    transform: translateY(0) scale(1) rotate(0);
  }
}

@keyframes intro-copy-in {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes intro-line-in {
  to {
    transform: scaleX(1);
  }
}

@keyframes intro-shape-in {
  to {
    transform: scale(1);
  }
}

@keyframes intro-ring-in {
  to {
    opacity: 1;
  }
}

@keyframes intro-mascot-one {
  to {
    opacity: 1;
    transform: translate(0, 0) rotate(-8deg);
  }
}

@keyframes intro-mascot-two {
  to {
    opacity: 1;
    transform: translate(0, 0) rotate(7deg);
  }
}

@keyframes intro-mascot-three {
  to {
    opacity: 1;
    transform: translate(0, 0) rotate(5deg);
  }
}

@keyframes intro-mascot-four {
  to {
    opacity: 1;
    transform: translate(0, 0) rotate(-6deg);
  }
}

@keyframes intro-friends-in {
  65% {
    opacity: 1;
    transform: translate(-50%, -8px) scale(1.02);
  }
  to {
    opacity: 1;
    transform: translate(-50%, 0) scale(1);
  }
}

@keyframes intro-friends-bob {
  from {
    transform: translateY(0) rotate(-0.4deg);
  }
  to {
    transform: translateY(-8px) rotate(0.4deg);
  }
}

@keyframes intro-curtain-up {
  to {
    border-radius: 0 0 50% 50%;
    transform: translateY(-108%);
  }
}

@keyframes intro-site-in {
  from {
    opacity: 0;
    transform: translateY(18px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 820px) {
  .intro-center {
    width: calc(100vw - 30px);
    transform: translateY(-12vh);
  }

  .intro-logo-wrap {
    width: min(370px, 82vw);
    min-height: 128px;
    box-shadow: 0 9px 0 var(--ink);
  }

  .intro-logo-wrap img {
    width: min(270px, 62vw);
  }

  .intro-kicker {
    margin-bottom: 17px;
    font-size: 9px;
  }

  .intro-message {
    margin-top: 25px;
    font-size: 24px;
  }

  .intro-mascot {
    width: clamp(66px, 20vw, 92px);
    border-width: 1.5px;
    box-shadow: 0 5px 0 var(--ink);
  }

  .intro-mascot-ozbozz {
    top: 12%;
    left: 7%;
  }

  .intro-mascot-animigos {
    top: 14%;
    right: 7%;
  }

  .intro-mascot-megasaurus {
    bottom: 31%;
    left: 2%;
  }

  .intro-mascot-plum {
    right: 2%;
    bottom: 30%;
  }

  .intro-friends {
    bottom: 3vh;
    width: min(88vw, 390px);
  }

  .intro-sun {
    top: -21vw;
    left: -24vw;
    width: 70vw;
    height: 70vw;
  }

  .intro-ring-one {
    right: -20vw;
    bottom: -11vw;
    width: 65vw;
    height: 65vw;
  }

  .intro-ring-two {
    top: 22%;
    right: 12%;
    width: 20px;
    height: 20px;
  }

  .intro-skip {
    right: 12px;
    bottom: max(12px, env(safe-area-inset-bottom));
  }
}

@media (prefers-reduced-motion: reduce) {
  .brand-intro.is-leaving {
    opacity: 0;
  }
}