@font-face{font-family:'Arial Rounded MT Bold';font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/arial-rounded-mt-bold.ttf') format('truetype')}
:root{font-family:Arial,Helvetica,sans-serif;color:#214e46;background:#fbefd4;font-synthesis:none;-webkit-font-smoothing:antialiased;--cream:#fff3d3;--gold:#f5bd57;--forest:#214e46;--rounded:'Arial Rounded MT Bold',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;overflow-x:clip}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #43cfc5;outline-offset:6px}::selection{background:#f5bd57;color:#214e46}img{max-width:100%}h1,h2,h3,p,figure{margin:0}button:disabled{cursor:wait}.skip{position:fixed;left:20px;top:10px;transform:translateY(-150%);z-index:50;padding:15px;background:var(--cream);color:var(--forest);border-radius:8px}.skip:focus{transform:none}
.masthead{position:absolute;top:0;left:0;right:0;z-index:5;max-width:1600px;margin:auto;padding:28px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--cream)}
.studio{display:inline-flex;gap:8px;align-items:center;font-size:10px;font-weight:900;letter-spacing:1px;line-height:1.3}.studio-mark{font-family:var(--rounded);font-size:36px;letter-spacing:-4px;position:relative;line-height:1;padding-right:7px}.studio-mark>span{position:absolute;font-size:11px;letter-spacing:0;top:-2px;right:-1px;color:var(--gold)}nav{display:flex;gap:34px;font-size:13px;font-weight:700}nav a{padding:10px 0;border-bottom:1px solid transparent}nav a:hover{border-color:var(--gold);color:var(--gold)}.development{font-size:11px;font-weight:700;display:flex;align-items:center;gap:9px;letter-spacing:.15px}.development i{width:6px;height:6px;border-radius:50%;background:#bbe5b1;box-shadow:0 0 10px #bbe5b14f}
.hero{isolation:isolate;position:relative;overflow:hidden;min-height:850px;background:#5f4227;color:var(--cream);background-image:radial-gradient(ellipse at 72% 40%,#c18f4145,transparent 49%),linear-gradient(100deg,#291e15ab,#43302025 70%),repeating-linear-gradient(0deg,transparent 0px,transparent 111px,#291e1560 112px,#291e1580 114px,#e2bb6920 116px,#ffffff05 118px)}
.hero-grain{position:absolute;inset:0;z-index:-1;opacity:.38;background:repeating-linear-gradient(1deg,transparent 0px,transparent 4px,#e5bc7e14 5px,transparent 6px,transparent 11px,#2615092b 12px,transparent 13px);mask-image:linear-gradient(90deg,#000,transparent 60%,#000)}
.hero-inner{width:min(1440px,90%);margin:auto;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;min-height:790px;padding-top:115px;padding-bottom:64px;gap:10px}.hero-copy{z-index:2;position:relative;padding-left:1vw}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;line-height:1.7}.eyebrow.light{color:#e1c99f;letter-spacing:1.7px}.eyebrow.light span{color:var(--gold);margin-right:8px;font-size:16px}
.wordmark{display:inline-block;text-align:center;font-family:var(--rounded);font-weight:700;line-height:.94;transform:rotate(-4deg);filter:drop-shadow(0 12px 10px #1d130755);margin:26px 0 37px}.wordmark>span,.wordmark>strong{display:block;paint-order:stroke fill;-webkit-text-stroke:3px #684226;text-shadow:0 2px #fff3c1,0 5px #b17b39,0 9px #684226,0 12px #2b1a12;letter-spacing:-2.4px}.wordmark>span{font-size:clamp(98px,9.7vw,146px);color:#ffd16d}.wordmark>strong{font-size:clamp(59px,5.88vw,88.5px);color:#fff1ce;margin-top:7px}.wordmark em{display:inline-block;font-size:.425em;font-style:normal;vertical-align:14%;margin-right:4px;color:#fce9c2;-webkit-text-stroke:2px #684226}
.hero-tagline{font-family:var(--rounded);font-weight:700;font-size:clamp(27px,3vw,43px);line-height:1.12;letter-spacing:-1px}.hero-tagline em{font-style:normal;color:var(--gold)}.hero-description{font-size:15px;color:#e2d3b8;line-height:1.7;margin-top:20px}.roll-controls{display:flex;align-items:center;gap:19px;margin-top:28px}.gold-button{position:relative;display:flex;align-items:center;gap:12px;padding:12px 19px 12px 11px;color:#4c301a;background:linear-gradient(#ffe59a,#f5bc55 85%);border:2px solid #ffeeb5;border-radius:11px;box-shadow:0 5px 0 #ac6b25,0 8px 0 #36271c,0 14px 24px #251a1945;font-size:16px;font-weight:800;transition:transform .18s,box-shadow .18s}.gold-button>img{width:36px;height:36px;transform:rotate(-13deg);transition:transform .25s}.gold-button:hover{transform:translateY(-3px) rotate(-1deg);box-shadow:0 8px 0 #ac6b25,0 11px 0 #36271c,0 19px 27px #251a1945}.gold-button:hover>img{transform:rotate(14deg)}.gold-button:active{transform:translateY(4px);box-shadow:0 1px 0 #ac6b25,0 4px 0 #36271c}.button-arrow{font-size:25px;margin-left:4px}.handwritten{font-family:Georgia,serif;font-size:14px;color:#e4c79c;font-style:italic;transform:rotate(-8deg);max-width:110px;line-height:1.3}.handwritten>span{display:block;font-size:27px;margin-left:50px}.demo-note{font-size:10px;color:#d1be9e;margin-top:18px;line-height:1.5}
.hero-stage{position:relative;height:630px;min-width:0;--px:0;--py:0;align-self:center}.sunburst{position:absolute;width:95%;aspect-ratio:1;left:3%;top:2%;border-radius:50%;background:repeating-conic-gradient(from 0deg,#ebbe511d 0deg 10deg,transparent 10deg 23deg);mask-image:radial-gradient(#000,transparent 69%);animation:sun-turn 100s linear infinite}.orbit{position:absolute;border:1px solid #efc75d3d;border-radius:50%;width:93%;aspect-ratio:1;top:8%;left:3%;transform:rotate(-22deg) scaleY(.8)}.orbit-two{width:107%;left:-3%;top:4%;border-style:dashed;opacity:.5;transform:rotate(25deg) scaleY(.81)}
.mascot-parallax{position:absolute;top:50%;left:50%;width:min(94%,580px);aspect-ratio:1;translate:-50% -50%;transform:translate(calc(var(--px)*13px),calc(var(--py)*9px));transition:transform .18s ease-out;filter:drop-shadow(0 35px 20px #28190980)}.hero-moss{height:100%;width:100%;object-fit:cover;border-radius:12%;border:2px solid #e2bc7580;animation:breathe 6s ease-in-out infinite;transform-origin:50% 85%}.flying-die{position:absolute;filter:drop-shadow(0 20px 9px #26180d69);animation:die-float 5s ease-in-out infinite;z-index:2;pointer-events:none}.die-one{width:145px;right:-5%;top:6%;--angle:19deg;animation-delay:-1.8s}.die-two{width:105px;left:-3%;bottom:13%;--angle:-25deg;animation-delay:-.4s}.stage-star{position:absolute;z-index:2;color:#ffe2a0;animation:twinkle 4s ease-in-out infinite}.star-one{font-size:45px;left:2%;top:15%}.star-two{font-size:67px;right:0;bottom:18%;animation-delay:1s}.star-three{font-size:22px;right:24%;top:0;animation-delay:2s}.moss-label{position:absolute;bottom:0;left:23%;z-index:3;display:flex;align-items:center;gap:12px;background:#fcf0d2;color:#4a4027;box-shadow:0 5px 0 #b68d49,0 13px 25px #28190977;padding:16px 24px;transform:rotate(-6deg);border-radius:4px;font-size:8px;letter-spacing:1.5px;font-weight:800}.moss-label strong{display:block;font-family:var(--rounded);font-size:20px;margin-top:6px;letter-spacing:-.4px}.label-star{font-size:33px;color:#987134}.hero-bottom{width:90%;max-width:1440px;margin:auto;padding:18px 0 27px;display:flex;justify-content:space-between;align-items:center;gap:20px}.scroll-link{display:flex;align-items:center;gap:13px;font-size:9px;letter-spacing:1.8px;font-weight:700;color:#e6d1ad}.scroll-line{width:38px;height:1px;background:#c1a477}.scroll-link>span:last-child{font-size:18px}.settings{display:flex;align-items:center;gap:10px;font-size:10px;color:#dfcaa8}.settings button{border:0;background:transparent;color:inherit;font-size:10px;padding:10px 0;min-height:40px}.settings button:hover{color:#fff4d7}
.roll-result{position:absolute;z-index:10;top:26%;left:15%;right:4%;text-align:center;padding:28px 20px;background:#fff0c9;color:#533717;border:5px solid #dca751;border-radius:20px;box-shadow:0 0 0 6px #ffefc76e,0 20px 80px #241600c7;transform:scale(.5) rotate(-9deg);opacity:0;visibility:hidden;transition:transform .35s cubic-bezier(.18,1.6,.4,1),opacity .2s,visibility .2s}.roll-result.is-visible{transform:scale(1) rotate(-5deg);opacity:1;visibility:visible}.roll-result>span{display:block;font-size:13px;font-weight:800}.roll-result>span:first-child{letter-spacing:3px;font-size:11px}.roll-result strong{display:block;font-family:var(--rounded);font-size:126px;line-height:1.15;color:#d99124;text-shadow:0 3px #fff,0 6px #a85b1f}.rolling .hero-moss{animation:happy-hop .7s ease-in-out}.rolling .die-one{animation:dice-roll .75s ease-in-out}.rolling .die-two{animation:dice-roll .75s ease-in-out reverse}.confetti-piece{position:absolute;width:9px;height:13px;left:55%;top:47%;z-index:12;background:var(--color);animation:confetti-burst 1.2s ease-out forwards;pointer-events:none}.confetti-piece:nth-child(3n){clip-path:polygon(50% 0,63% 37%,100% 50%,63% 63%,50% 100%,37% 63%,0 50%,37% 37%);width:20px;height:20px}
.ribbon{overflow:hidden;position:relative;z-index:3;margin-top:-2px;background:#f5bd57;color:#4e381f;border-block:3px solid #d59638;padding:19px 0;transform:rotate(-1.4deg) scale(1.02);box-shadow:0 7px 20px #513b2520}.ribbon>div{width:max-content;font-family:var(--rounded);font-size:22px;letter-spacing:1px;word-spacing:8px;animation:marquee 35s linear infinite}.ribbon span{margin:0 36px;font-size:23px;color:#947038}
.world-section{max-width:1440px;margin:auto;padding:94px 6% 115px;scroll-margin-top:5px}.section-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #c9bea1;padding-bottom:20px;margin-bottom:64px;gap:20px}.section-aside{font-size:11px;color:#5c6e5a}.tiny-die{font-size:25px;color:#b58b37}.world-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:8%;align-items:center}.world-copy h2,.moss-copy h2,.closing h2{font-family:var(--rounded);font-size:clamp(43px,5vw,70px);line-height:1.06;letter-spacing:-2.5px}.world-copy h2 em{font-style:normal;color:#769247}.world-copy>p{max-width:340px;line-height:1.8;font-size:14px;margin-top:22px;color:#59684d}.world-copy>p+p{margin-top:12px}.adventure-steps{list-style:none;padding:0;margin:31px 0 0;position:relative}.adventure-steps:before{content:'';position:absolute;left:16px;top:17px;bottom:28px;border-left:1px dashed #b8b69a}.adventure-steps li{display:flex;position:relative;gap:20px;align-items:center;margin-top:24px}.adventure-steps li>span{width:33px;height:33px;flex-shrink:0;display:grid;place-items:center;background:#fbefd4;border:1px solid #b3ac86;border-radius:50%;font-family:var(--rounded);font-size:10px}.adventure-steps h3{font-family:var(--rounded);font-size:20px;letter-spacing:-.6px}.adventure-steps p{font-size:11px;color:#5f6c51;margin-top:5px}
.board-scene{position:relative;transform:rotate(3deg);background:#fffaea;padding:12px 12px 0;box-shadow:0 7px 0 #c0aa7f,0 25px 38px #4f3c2329;border-radius:3px}.board-image{height:580px;overflow:hidden;border:1px solid #ccb38a}.board-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 47%;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.board-scene:hover img{transform:scale(1.055)}.board-scene figcaption{padding:21px 8px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#736344;font-size:11px;font-family:Georgia,serif;font-style:italic}.board-scene figcaption>span:last-child{font-size:20px;font-style:normal;color:#b48e41}.photo-corner{position:absolute;z-index:2;width:130px;height:32px;background:#d5b7779e;backdrop-filter:blur(1px);box-shadow:0 2px 2px #4332160f;transform:rotate(-30deg);top:-8px;left:-25px}.corner-two{top:auto;left:auto;right:-28px;bottom:-1px;transform:rotate(-30deg)}.round-stamp{position:absolute;right:-30px;top:-44px;display:grid;align-content:center;text-align:center;line-height:1.15;width:112px;height:112px;border:2px dashed #356354;outline:7px solid #c4d49c;background:#c4d49c;color:#214e46;border-radius:50%;transform:rotate(10deg);font-family:var(--rounded);font-size:17px}.round-stamp strong{font-size:12px;margin-top:5px}
.moss-section{position:relative;overflow:hidden;background:#214e46;color:#fff3d3;border-block:8px solid #173d36}.moss-section:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 22% 50%,#66ad7740,transparent 37%),repeating-linear-gradient(-45deg,transparent 0,transparent 22px,#fff3d304 23px,transparent 24px)}.moss-inner{position:relative;max-width:1440px;margin:auto;padding:70px 7%;display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.miniature-scene{position:relative;padding-bottom:35px}.miniature-scene img{width:100%;display:block;border-radius:12%;border:2px solid #f5bd5780;filter:drop-shadow(0 27px 20px #082d2780);transform:rotate(-6deg);animation:miniature-bob 7s ease-in-out infinite}.miniature-ring{position:absolute;inset:8%;border:1px solid #99c49a55;border-radius:50%;outline:22px solid #ffffff03}.miniature-ring:after{content:'';position:absolute;inset:15%;border:1px dashed #bbd7a44d;border-radius:50%}.miniature-spark{position:absolute;z-index:1;right:5%;top:4%;font-size:49px;color:#f5bd57;transform:rotate(15deg)}.miniature-caption{position:absolute;bottom:0;left:8%;right:0;transform:rotate(-6deg);color:#b6ccaf;font-size:9px;font-weight:800;letter-spacing:1.7px}.moss-copy .eyebrow{color:#b9cead;margin-bottom:24px}.moss-copy h2{font-size:clamp(39px,4.8vw,64px)}.moss-copy h2 em{font-style:normal;color:#f5bd57}.moss-copy>p:not(.eyebrow){color:#c2d2bd;max-width:370px;line-height:1.8;font-size:14px;margin-top:24px}.moss-copy>p+p{margin-top:13px!important}.text-link{display:inline-flex;align-items:center;gap:25px;border-bottom:1px solid #d5cf91;padding:13px 0;margin-top:21px;font-size:13px;font-weight:700}.text-link span{font-size:23px;transition:transform .2s}.text-link:hover span{transform:translate(4px,-4px)}
.closing{position:relative;overflow:hidden;text-align:center;padding:110px 24px 100px;background:radial-gradient(ellipse at center,#fff9e5,transparent 65%)}.closing .eyebrow{color:#667454;font-size:9px}.closing h2{display:inline-block;position:relative;font-size:clamp(62px,8vw,105px);margin:25px 0;color:#214e46;transform:rotate(-3deg);letter-spacing:-4px}.closing h2 em{font-style:normal;color:#b18b40}.closing h2>span{position:absolute;font-size:57px;right:-85px;top:30px;color:#cba14e}.closing p{font-size:14px;color:#697255;line-height:1.8}.coming-stamp{display:inline-block;padding:12px 17px;margin-top:27px;transform:rotate(2deg);border:1px solid #aeb295;color:#63734e;font-size:8px;font-weight:800;letter-spacing:1.8px;border-radius:3px}footer{padding:28px 6%;border-top:1px solid #cfc4a8;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#214e46}footer .studio-mark{font-size:29px}footer .studio{font-size:8px}footer p,footer>a:last-child{font-size:10px;color:#687055}footer>a:last-child span{margin-left:10px}
.js-motion .reveal{opacity:0;translate:0 25px;transition:opacity .8s,translate .8s}.js-motion .reveal.is-revealed{opacity:1;translate:0 0}
@keyframes breathe{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(0)}}@keyframes die-float{0%,100%{transform:translateY(0) rotate(var(--angle))}50%{transform:translateY(-17px) rotate(calc(var(--angle) + 10deg))}}@keyframes sun-turn{to{transform:rotate(360deg)}}@keyframes twinkle{0%,100%{opacity:.6;transform:scale(.8) rotate(-8deg)}50%{opacity:1;transform:scale(1) rotate(8deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes miniature-bob{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-10px) rotate(-3deg)}}@keyframes dice-roll{0%{transform:rotate(0)}50%{transform:translateY(-70px) rotate(240deg) scale(1.3)}100%{transform:translateY(0) rotate(720deg)}}@keyframes happy-hop{0%,100%{transform:translateY(0)}30%{transform:translateY(-28px) rotate(5deg)}65%{transform:translateY(0) scale(1.025,.975)}}@keyframes confetti-burst{0%{opacity:1;transform:translate(0,0) rotate(0)}100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--spin))}}
.motion-paused{scroll-behavior:auto}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-paused .mascot-parallax{transform:none}.motion-paused .reveal{opacity:1;translate:none}
@media(min-width:1500px){.hero-inner{min-height:860px}.hero-stage{height:690px}.hero-copy{padding-left:3vw}}
@media(max-width:1100px){.hero-inner{grid-template-columns:1fr 1fr}.hero-stage{height:550px}.die-one{width:110px}.die-two{width:85px}.moss-label{left:12%;padding:13px 17px}.hero-inner{min-height:780px}.wordmark>span{font-size:110px}.wordmark>strong{font-size:66.7px}.eyebrow.light{font-size:8px;letter-spacing:1.1px}.handwritten{display:none}.board-image{height:500px}.world-section{padding-inline:7%}.world-copy h2{font-size:49px}.moss-inner{padding-inline:5%}.moss-copy h2{font-size:44px}}
@media(max-width:800px){.masthead{padding:23px 6%}.masthead nav{display:none}.development{font-size:9px;max-width:140px;line-height:1.5}.studio-mark{font-size:30px}.studio{font-size:8px}.hero-inner{grid-template-columns:1fr;padding-top:113px;padding-bottom:25px;gap:4px;width:88%;min-height:0}.hero-copy{text-align:center;padding:0}.hero-tagline br{display:none}.hero-tagline{font-size:25px;letter-spacing:-.8px}.hero-tagline em{margin-left:6px}.wordmark{margin:23px 0 30px}.wordmark>span{font-size:108px}.wordmark>strong{font-size:65.5px}.hero-description{font-size:13px;line-height:1.6;margin-top:13px}.eyebrow.light{font-size:8px;letter-spacing:1.1px}.roll-controls{justify-content:center;margin-top:20px}.gold-button{font-size:14px;padding:10px 15px 10px 10px}.gold-button>img{width:30px;height:30px}.demo-note{font-size:8px;margin-top:16px}.hero-stage{width:min(560px,100%);height:auto;aspect-ratio:1.05;justify-self:center;margin-top:15px;margin-bottom:28px}.mascot-parallax{width:94%}.moss-label{left:28%;bottom:-3%;padding:12px 15px;font-size:7px;gap:8px}.moss-label strong{font-size:17px}.label-star{font-size:24px}.die-one{width:90px;right:-2%;top:0}.die-two{width:67px;bottom:9%;left:-2%}.star-one{font-size:29px}.star-two{font-size:39px}.hero-bottom{width:88%;flex-wrap:wrap;justify-content:center;padding-bottom:25px;gap:7px}.scroll-link{font-size:8px;letter-spacing:1.1px}.scroll-line{width:24px}.settings{width:100%;justify-content:center;font-size:9px}.settings button{font-size:9px;padding-block:7px}.ribbon{padding-block:14px}.ribbon>div{font-size:17px;word-spacing:3px}.ribbon span{margin:0 20px;font-size:18px}.section-top{margin-bottom:43px;padding-bottom:16px}.section-aside{display:none}.world-section{padding:60px 8% 80px}.world-layout{grid-template-columns:1fr;gap:65px}.world-copy h2{font-size:52px}.world-copy>p{max-width:440px}.adventure-steps{margin-top:25px}.board-scene{max-width:520px;justify-self:center;width:100%;transform:rotate(2deg)}.board-image{height:auto;aspect-ratio:.87}.round-stamp{width:91px;height:91px;font-size:14px;right:-15px;top:-32px;outline-width:5px}.round-stamp strong{font-size:10px}.board-scene figcaption{font-size:10px;padding:18px 4px}.moss-inner{grid-template-columns:1fr;padding:45px 8% 65px;gap:42px}.miniature-scene{width:min(400px,100%);margin:auto}.moss-copy h2{font-size:47px}.moss-copy .eyebrow{margin-bottom:18px}.moss-copy>p:not(.eyebrow){font-size:14px;max-width:440px}.closing{padding:78px 24px 68px}.closing h2{font-size:69px;letter-spacing:-3px}.closing h2>span{font-size:34px;right:-27px;top:-4px}.closing .eyebrow{font-size:7px;letter-spacing:1.6px}.closing p{font-size:13px}footer{padding:25px 6%;flex-wrap:wrap;gap:20px}footer p{font-size:9px}footer>a:last-child{width:100%;text-align:center;border-top:1px solid #d7cdb7;padding-top:17px}.roll-result{left:7%;right:2%;top:14%;padding:20px 15px}.roll-result strong{font-size:93px}.roll-result>span{font-size:11px}}
@media(max-width:370px){.wordmark>span{font-size:93px}.wordmark>strong{font-size:56.4px}.hero-tagline{font-size:22px}.eyebrow.light{font-size:7px}.hero-description{font-size:12px}.world-copy h2,.moss-copy h2{font-size:43px}.closing h2{font-size:59px}.scroll-link{font-size:7px}.moss-label{left:22%}}
img{height:auto}.hero-moss,.board-image img{height:100%}
@media(max-width:800px){.demo-note{font-size:10px;max-width:290px;margin-inline:auto}.settings button{font-size:11px;min-height:44px}.settings{font-size:11px}.development{font-size:10px}.hero-tagline{line-height:1.25}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.mascot-parallax{transform:none!important}.js-motion .reveal{opacity:1;translate:none}}