@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-full-normal-7BpKI3vF.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-full-normal-YHFkNujK.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-full-normal-CFFu7zhK.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/outfit-latin-ext-wght-normal-DdQaqQDo.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/outfit-latin-wght-normal-Bc-8i84L.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#1e1610;--mocha-deep:#2e2219;--mocha:#5b4632;--amber:#c8792c;--champagne:#f4d9a0;--paper:#fff4df;--text:#fff4dfd6;--text-dim:#fff4dfa3;--line:#f4d9a029;--line-strong:#f4d9a04d;--glass:linear-gradient(180deg, #5b463280, #1e16109e);--display:"Fraunces Variable", "Iowan Old Style", Georgia, serif;--sans:"Outfit Variable", system-ui, sans-serif;--gutter:clamp(16px, 3.2vw, 56px);--gap:clamp(14px, 1.4vw, 24px);--nav-h:clamp(60px, 6vh, 76px);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 16px);-webkit-text-size-adjust:100%}body{min-height:100vh;font-family:var(--sans);color:var(--text);background:radial-gradient(110% 80% at 92% -12%, #f4d9a0 0%, #c8792c 16%, #5b4632 42%, #2e2219 72%, #1e1610 100%) fixed, var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:clamp(16px,.35vw + 14.5px,20px);line-height:1.6}img,svg{max-width:100%;display:block}a{color:inherit}:focus-visible{outline:2px solid var(--champagne);outline-offset:3px;border-radius:6px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:20;background:var(--champagne);color:var(--ink);transition:translate .2s var(--ease-out);border-radius:999px;padding:10px 16px;font-weight:600;text-decoration:none;position:fixed;top:12px;left:16px;translate:0 -200%}.skip:focus-visible{translate:0}.sky{z-index:0;opacity:0;pointer-events:none;width:100%;height:100lvh;transition:opacity .9s;display:block;position:fixed;inset:0}.has-3d .sky{opacity:1}.wrap{width:min(100% - 2 * var(--gutter), 1680px);margin-inline:auto}main,.foot{z-index:1;position:relative}h1,h2,h3{font-family:var(--display);font-optical-sizing:auto;font-variation-settings:"SOFT" 100, "WONK" 1;color:var(--champagne);letter-spacing:-.01em;margin:0}p{margin:0}.section-title{margin-bottom:clamp(20px,2.4vw,40px);font-size:clamp(40px,4.6vw,88px);font-weight:560;line-height:1}.nav{z-index:10;height:var(--nav-h);border-bottom:1px solid #0000;transition:background .4s,-webkit-backdrop-filter .4s,backdrop-filter .4s,border-color .4s;position:fixed;inset:0 0 auto}.nav.is-scrolled{-webkit-backdrop-filter:blur(16px)saturate(1.3);backdrop-filter:blur(16px)saturate(1.3);border-bottom-color:var(--line);background:#1e16108c}.nav__inner{justify-content:space-between;align-items:center;gap:16px;height:100%;display:flex}.nav__brand{border-radius:8px;display:block}.nav__mark{width:clamp(104px,8vw,150px);height:auto;overflow:visible}.nav__mark>path{fill:var(--champagne)}.nav__links{gap:clamp(4px,1.2vw,16px);display:flex;position:relative}.nav__links a{color:var(--text-dim);padding:8px clamp(8px,1vw,14px);font-size:clamp(15px,.3vw + 13px,18px);font-weight:500;text-decoration:none;transition:color .25s;position:relative}.nav__links a:hover,.nav__links a[aria-current=true]{color:var(--paper)}.nav__bar{background:var(--amber);transform-origin:0;opacity:0;width:1px;height:2px;transition:transform .5s var(--ease-out), opacity .3s ease;border-radius:2px;position:absolute;bottom:0;left:0}.hero{min-height:100svh;padding-block:calc(var(--nav-h) + 3vh) 5vh;align-content:center;gap:clamp(20px,3.4vh,44px);display:grid}.hero__title{line-height:0}.mark{width:min(100%,140vh);height:auto;overflow:visible}.mark__letters{fill:var(--champagne)}.mark .glyph{transform-box:fill-box;transform-origin:50% 100%}.hero__foot{justify-items:start;gap:clamp(18px,2.4vh,28px);display:grid}.hero__line{max-width:26ch;font-family:var(--display);font-variation-settings:"SOFT" 100, "WONK" 0;color:var(--paper);text-wrap:balance;font-size:clamp(24px,2.3vw,46px);font-weight:380;line-height:1.18}.hero__chips{gap:var(--gap);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.chip{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);transition:border-color .3s ease, translate .4s var(--ease-out), background .3s ease;border-radius:20px;align-items:center;gap:14px;padding:10px 18px 10px 10px;text-decoration:none;display:flex;box-shadow:inset 0 1px #fff4df14}.chip img{aspect-ratio:1;object-fit:cover;width:clamp(48px,3.6vw,64px);height:auto;transition:rotate .5s var(--ease-spring), scale .5s var(--ease-spring);border-radius:12px}.chip__text{line-height:1.25;display:grid}.chip__name{color:var(--paper);font-weight:600}.chip__kind{color:var(--text-dim);font-size:.86em}.chip:hover{border-color:var(--line-strong);translate:0 -3px}.chip:hover img{rotate:-6deg;scale:1.08}.btn{--mx:0px;--my:0px;min-height:48px;font:600 clamp(16px, .25vw + 14.5px, 19px) / 1 var(--sans);white-space:nowrap;cursor:pointer;translate:var(--mx) var(--my);transition:translate .5s var(--ease-out), box-shadow .3s ease, background .3s ease, color .3s ease;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:12px 24px;text-decoration:none;display:inline-flex}.btn--primary,.btn--play{color:var(--ink);background:linear-gradient(180deg, #e3994b, var(--amber) 70%);box-shadow:inset 0 1px #ffecc88c,0 10px 28px -12px #c8792ce6}.btn--primary:hover,.btn--play:hover{box-shadow:inset 0 1px #ffecc899,0 14px 34px -10px #c8792c}.btn--quiet{color:var(--paper);box-shadow:inset 0 0 0 1px var(--line-strong);background:#fff4df0f}.btn--quiet:hover{background:#fff4df1f}.btn__icon{fill:currentColor;width:14px;height:14px;transition:translate .4s var(--ease-spring)}.btn:hover .btn__icon{translate:2px}.games{padding-block:clamp(48px,8vh,120px) clamp(32px,6vh,80px)}.bento{gap:var(--gap);display:grid}@media (min-width:960px){.bento{grid-template-columns:7fr 6fr}.tile--close-call{grid-area:1/1}.tile--tug-of-ages{grid-area:1/2}.tile--stash-dash{grid-area:2/1/auto/span 2}.tile--stash-dash .tile__card{flex-direction:row;align-items:center}.tile--stash-dash .tile__art{flex:0 0 62%;align-self:stretch}.tile--stash-dash .tile__panel{flex:1 1 0;margin:24px 24px 24px -72px}}.tile{--rx:0deg;--ry:0deg;--px:0;--py:0;--gx:50%;--gy:50%;perspective:1400px;scroll-margin-top:calc(var(--nav-h) + 16px);position:relative}.tile__card{background:var(--mocha-deep);border:1px solid var(--line);height:100%;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .6s var(--ease-out), border-color .3s ease;border-radius:28px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 70px -36px #000000bf}.tile:hover .tile__card{border-color:var(--line-strong)}.tile.is-tilting .tile__card{transition:transform .12s linear,border-color .3s}.tile__art{aspect-ratio:16/9;flex:auto;min-height:0;position:relative;overflow:hidden}.tile__art picture,.tile__art img{width:100%;height:100%}.tile__art img{object-fit:cover;scale:1.02;translate:calc(var(--px) * -10px) calc(var(--py) * -8px);transition:scale .9s var(--ease-out), translate .6s var(--ease-out)}.tile:hover .tile__art img{scale:1.09}.tile__glare{pointer-events:none;background:radial-gradient(520px circle at var(--gx) var(--gy), #ffecc838, transparent 45%);mix-blend-mode:soft-light;opacity:0;transition:opacity .4s;position:absolute;inset:0}.tile:hover .tile__glare{opacity:1}.tile__panel{z-index:1;background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(20px)saturate(1.3);backdrop-filter:blur(20px)saturate(1.3);transition:translate .6s var(--ease-out);border-radius:20px;gap:12px;margin:-56px 14px 14px;padding:clamp(18px,1.6vw,26px);display:grid;position:relative;box-shadow:inset 0 1px #fff4df1a}.tile:hover .tile__panel{translate:0 -4px}.tile--tug-of-ages .tile__panel{margin-top:-18px}.tile__name{font-size:clamp(28px,2.2vw,44px);font-weight:600;line-height:1.05}.tile__pitch{text-wrap:pretty;max-width:54ch}.tile__foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:4px;display:flex}.tags{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tags li{color:var(--champagne);background:#f4d9a014;border-radius:999px;padding:5px 12px;font-size:.82em;line-height:1.3;box-shadow:inset 0 0 0 1px #f4d9a02e}.about{scroll-margin-top:var(--nav-h);padding-block:clamp(140px,30vh,380px) clamp(64px,12vh,160px)}.duo{gap:var(--gap);display:grid}@media (min-width:960px){.duo{grid-template-columns:7fr 6fr}}.panel{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(22px)saturate(1.3);backdrop-filter:blur(22px)saturate(1.3);border-radius:28px;align-content:start;gap:18px;padding:clamp(24px,3vw,56px);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff4df1a,0 30px 70px -36px #000000b3}.panel>*{z-index:1;position:relative}.panel p{text-wrap:pretty;max-width:46ch;font-size:1.08em}.panel__title{text-wrap:balance;font-size:clamp(36px,4vw,76px);font-weight:560;line-height:1.02}.panel--studio{align-content:end;min-height:clamp(280px,30vw,460px)}.planks{z-index:0;pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 calc(14.2857% - 1px),#f4d9a012 calc(14.2857% - 1px) 14.2857%);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 85%);mask-image:linear-gradient(#000 0%,#0000 85%)}.email{font-family:var(--display);font-variation-settings:"SOFT" 100, "WONK" 0;color:var(--paper);text-underline-offset:6px;overflow-wrap:anywhere;justify-self:start;font-size:clamp(22px,2vw,38px);font-weight:450;text-decoration-color:#c8792cb3;text-decoration-thickness:2px;transition:text-decoration-color .3s}.email:hover{-webkit-text-decoration-color:var(--champagne);text-decoration-color:var(--champagne)}.panel--contact .btn{justify-self:start}.bow{z-index:2;pointer-events:none;clip-path:polygon(0 0,50% 50%,100% 0,100% 100%,50% 50%,0 100%);background:#ef6a3f;width:14px;height:9px;position:absolute;top:0;left:0}.foot{padding-block:28px calc(28px + env(safe-area-inset-bottom));border-top:1px solid var(--line);color:var(--text-dim);flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:.9em;display:flex}.foot a{text-decoration:none}.foot a:hover{color:var(--paper)}.js .hero .glyph{opacity:0;translate:0 22%}.js .hero.is-in .glyph{opacity:1;transition:translate 1s var(--ease-spring), opacity .5s ease;translate:0}.hero.is-in .glyph:nth-child(2){transition-delay:60ms}.hero.is-in .glyph:nth-child(3){transition-delay:.12s}.hero.is-in .glyph:nth-child(4){transition-delay:.18s}.hero.is-in .glyph:nth-child(5){transition-delay:.24s}.hero.is-in .glyph:nth-child(6){transition-delay:.3s}.hero.is-in .glyph:nth-child(7){transition-delay:.36s}.hero.is-in .glyph:nth-child(8){transition-delay:.42s}.js .mark__kite{opacity:0;transition:opacity .5s .55s}.js .hero.is-in .mark__kite{opacity:1}.js.has-3d .hero .mark__kite{opacity:0;transition:opacity .35s}.js .rise{opacity:0;translate:0 26px}.js .is-in .rise{opacity:1;transition:opacity .8s ease, translate 1s var(--ease-out);translate:0}.is-in .d1{transition-delay:.55s}.is-in .d2{transition-delay:.68s}.is-in .d3{transition-delay:.8s}.js .btn.rise{translate:var(--mx) var(--my)}.js [data-reveal]>*{opacity:0;transform:translateY(64px)rotate(-1.4deg)scale(.97)}.js [data-reveal].is-in>*{opacity:1;transition:opacity .7s ease, transform 1.1s var(--ease-spring);transform:none}[data-reveal].is-in>:nth-child(2){transition-delay:.12s}[data-reveal].is-in>:nth-child(3){transition-delay:.24s}.js .planks{clip-path:inset(0 100% 0 0)}.js .is-in .planks{clip-path:inset(0);transition:clip-path 1.6s var(--ease-out) .3s}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important}}@media (max-width:759px){.hero{align-content:end;padding-bottom:32px}.hero__chips{grid-template-columns:1fr;gap:10px}.chip{padding:8px 16px 8px 8px}.tile__panel{margin:-40px 10px 10px}.btn{min-height:50px}.tile__foot .btn{width:100%}}
