@font-face{font-family:Dogjak Display;src:url(/fonts/dogjak-display.woff2)format("woff2");font-display:swap;font-style:normal;font-weight:400}@font-face{font-family:Dogjak Hand;src:url(/fonts/dogjak-hand.woff2)format("woff2");font-display:swap;font-style:normal;font-weight:600 700}@font-face{font-family:Dogjak Body;src:url(/fonts/dogjak-body.woff2)format("woff2");font-display:swap;font-style:normal;font-weight:400 800}:root{--ink:#111210;--bone:#eeece4;--fog:#d6d7d1;--blue:#1744d3;--red:#e84b36;--brown:#9a6544;--ease:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{--display:"Dogjak Display", "Arial Black", sans-serif;--hand:"Dogjak Hand", "Comic Sans MS", cursive;--body:"Dogjak Body", Arial, sans-serif;background:var(--bone);color:var(--ink);font-family:var(--body);margin:0;font-size:16px;line-height:1.4;overflow-x:hidden}::selection{background:var(--blue);color:#fff}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}img,svg{display:block}img{max-width:100%}:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.skip-link{z-index:100;background:var(--ink);color:var(--bone);padding:10px 14px;font-size:.75rem;font-weight:700;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#eeece4b8;border-bottom:1px solid #11121042;justify-content:center;align-items:center;height:82px;padding:0 clamp(22px,3.5vw,56px);display:flex;position:absolute;top:0;left:0;right:0}.header-logo{width:clamp(126px,12vw,178px);height:58px}.logo-image{object-fit:contain;width:100%;height:100%}.hero{background-color:var(--bone);background-image:url(/assets/dogjak-grain.svg);background-position:50%;background-repeat:repeat;background-size:420px;min-height:100svh;padding:116px clamp(22px,3.5vw,56px) 38px;position:relative;overflow:hidden}.hero:after{content:"";background:#11121047;height:1px;position:absolute;bottom:0;left:clamp(22px,3.5vw,56px);right:clamp(22px,3.5vw,56px)}.hero-brand{z-index:8;text-align:center;justify-items:center;width:100%;display:grid;position:relative;transform:translateY(18px)}.hero-brand>p{letter-spacing:.16em;margin:0;font-size:clamp(.66rem,.75vw,.8rem);font-weight:800;line-height:1.2}.hero-brand>.logo-image{filter:drop-shadow(0 5px #1744d321);width:min(64vw,920px);height:auto;margin:clamp(12px,2vh,20px) auto 0}.hero-brand h1{width:100%;font-family:var(--display);letter-spacing:-.045em;margin:clamp(16px,2.4vh,26px) 0 0;font-size:clamp(1.5rem,2.55vw,2.85rem);font-weight:400;line-height:1}.hero-brand h1:after{background:var(--blue);content:"";width:43%;height:7px;margin:10px auto 0;display:block;transform:rotate(-1deg)}.hero-world{z-index:4;aspect-ratio:1672/941;width:clamp(1150px,108vw,1500px);margin:0;position:absolute;bottom:-1.5%;left:50%;translate:-50%}.hero-world img{width:100%;max-width:none;height:auto}.hero-socials{z-index:11;isolation:isolate;grid-template-columns:1fr 1fr;align-items:center;gap:9px;width:clamp(410px,43vw,620px);height:clamp(80px,7.8vw,112px);margin:auto;padding:13px 22px 17px 49px;display:grid;position:absolute;top:50.5%;left:0;right:0;rotate:-.35deg}.social-collar-shell{z-index:-1;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.collar-shadow{fill:var(--ink)}.collar-body{fill:var(--blue);stroke:var(--ink);stroke-linejoin:round;stroke-width:4px}.collar-stitch{fill:none;stroke:#eeece4b3;stroke-dasharray:7 8;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}.collar-hole{fill:var(--bone);stroke:var(--ink);stroke-width:3px}.social-link{z-index:2;color:#fff;cursor:pointer;min-width:0;height:calc(100% - 6px);font-family:var(--body);letter-spacing:.08em;white-space:nowrap;transition:transform .26s var(--ease), color .26s ease;background:0 0;border:0;border-radius:10px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:0 18px;font-size:clamp(.64rem,.8vw,.78rem);font-weight:800;line-height:1;display:grid;position:relative}.social-link+.social-link{border-left:1px solid #eeece46b;border-radius:0 10px 10px 0}.social-link:not(.is-disabled):hover{color:var(--bone);background:#1112101a;transform:translateY(-2px)}.social-link.is-disabled{cursor:not-allowed}.social-mark{aspect-ratio:1;border:2px solid var(--ink);width:clamp(28px,2.7vw,38px);font-family:var(--display);border-radius:9px;place-items:center;font-size:clamp(.9rem,1.25vw,1.2rem);line-height:1;display:grid;box-shadow:0 3px #11121057}.social-mark-x{background:var(--ink);color:var(--bone)}.social-mark-community{background:var(--bone);color:var(--ink)}.social-mark-community svg{fill:none;width:72%;height:72%;stroke:var(--ink);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px}.playground{height:clamp(660px,90svh,820px);min-height:660px;color:var(--ink);background-color:#e7e5de;background-image:url(/assets/dogjak-grain.svg);background-position:50%;background-size:420px;flex-direction:column;padding:clamp(70px,6.2vw,96px) clamp(22px,3.5vw,56px) clamp(24px,3vw,42px);display:flex;position:relative;overflow:hidden}.play-copy{z-index:9;text-align:center;width:100%;position:relative;transform:translateY(18px)}.play-copy h2{text-transform:uppercase;justify-items:center;margin:13px 0 0;font-size:clamp(4.2rem,7.2vw,7.8rem);font-weight:400;line-height:.82;display:grid}.play-copy h2 em,.play-copy h2 strong{font-weight:400;display:block}.play-copy h2 em{font-family:var(--hand);letter-spacing:-.04em;font-size:.63em;font-style:normal;line-height:.78;transform:rotate(-2deg)}.play-copy h2 strong{font-family:var(--display);letter-spacing:-.055em;line-height:.88}.play-copy h2 strong span{color:var(--blue)}.ecosystem-stage{z-index:4;isolation:isolate;flex:1;width:min(1320px,100%);min-height:clamp(360px,53vh,580px);margin:clamp(-10px,-.8vh,-3px) auto 0;position:relative}.ecosystem-scenes{z-index:3;position:absolute;inset:0}.ecosystem-scene{opacity:0;pointer-events:none;transition:opacity .68s ease, transform .98s var(--ease);margin:0;position:absolute;inset:0;transform:translateY(12px)scale(.985)}.ecosystem-scene.is-active{opacity:1;transform:translateY(0)scale(1)}.ecosystem-scene img{object-fit:contain;object-position:center bottom;width:min(94%,1180px);max-width:none;height:100%;min-height:0;margin:0 auto}.ecosystem-scene-yard img{width:min(90%,1120px)}.contract-section{height:clamp(520px,62svh,590px);min-height:520px;color:var(--ink);isolation:isolate;background-color:#d8d7d1;background-image:url(/assets/dogjak-grain.svg);background-position:50%;background-size:420px;border-block:1px solid #1112102e;position:relative;overflow:hidden}.contract-section:before{z-index:-1;content:"";background:radial-gradient(42% 44% at 50% 96%,#1744d329,#0000 72%),linear-gradient(90deg,#0000 49.9%,#1112100d 50%,#0000 50.1%);position:absolute;inset:0}.contract-copy{z-index:8;text-align:center;position:absolute;top:clamp(24px,3vw,38px);left:0;right:0}.contract-copy h2{font-family:var(--display);letter-spacing:-.06em;margin:0;font-size:clamp(3.35rem,5vw,5.4rem);font-weight:400;line-height:.8}.contract-copy h2 span{color:var(--blue)}.contract-stage{width:min(1120px,100%);height:100%;margin:0 auto;position:relative}.contract-character{z-index:7;pointer-events:none;width:clamp(350px,31vw,445px);margin:0;position:absolute;top:clamp(62px,7vw,82px);left:50%;translate:-50%}.contract-character img{filter:drop-shadow(9px 12px #00000038);width:100%;max-width:none;height:auto}.contract-tag{z-index:4;width:min(1040px,94vw);height:300px;position:absolute;top:clamp(240px,27vw,266px);left:50%;translate:-50%}.contract-tag-shell{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.contract-tag-shadow{fill:var(--blue)}.contract-tag-body{fill:var(--bone);stroke:#050505;stroke-linejoin:round;stroke-width:7px}.contract-tag-accent{fill:#dad8d0;stroke:var(--blue);stroke-linejoin:round;stroke-width:5px}.contract-tag-rivet{fill:var(--ink);stroke:var(--blue);stroke-width:4px}.contract-tag-scratch{fill:none;stroke:#1112106b;stroke-linecap:round;stroke-width:4px}.contract-form{z-index:3;color:var(--ink);grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:clamp(18px,3vw,42px);display:grid;position:absolute;top:101px;left:11%;right:11%}.contract-label{letter-spacing:.15em;grid-column:1;margin-bottom:9px;font-size:clamp(.62rem,.76vw,.76rem);font-weight:800;line-height:1}.contract-form code{border:3px solid var(--ink);letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap;background:#c9c7bf;border-radius:10px;grid-column:1;min-width:0;padding:12px 16px 11px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(1.05rem,1.8vw,1.5rem);font-weight:800;line-height:1;display:block;overflow:hidden;box-shadow:inset 0 3px #1112101f}.contract-actions{grid-area:1/2/3;grid-template-columns:clamp(128px,13vw,164px) clamp(112px,11vw,144px);align-self:center;gap:13px;display:grid}.contract-actions>*{border:3px solid var(--ink);background:var(--blue);color:#fff;cursor:pointer;height:64px;font-family:var(--body);letter-spacing:.08em;text-align:center;box-shadow:0 6px 0 var(--ink), inset 0 1px 0 #ffffff2e;transition:transform .24s var(--ease), box-shadow .24s ease, background-color .24s ease;border-radius:12px;place-items:center;margin:0;padding:0 15px;font-size:clamp(.62rem,.78vw,.76rem);font-weight:800;line-height:1;display:grid}.contract-actions>:last-child{background:var(--ink);color:var(--bone)}.contract-actions>a:hover,.contract-actions>button:not(:disabled):hover{box-shadow:0 9px 0 var(--ink), inset 0 1px 0 #ffffff2e;transform:translateY(-3px)}.contract-actions>button:active{box-shadow:0 3px 0 var(--ink), inset 0 1px 0 #ffffff2e;transform:translateY(3px)}.contract-actions .is-disabled,.contract-actions button:disabled{cursor:not-allowed;opacity:1}.companion{background-color:var(--fog);background-image:url(/assets/dogjak-rest-ground.svg),url(/assets/dogjak-grain.svg);background-position:bottom,50%;background-repeat:no-repeat,repeat;background-size:cover,420px;min-height:max(660px,100svh);padding:clamp(80px,7vw,108px) clamp(22px,3.5vw,56px) 92px;position:relative;overflow:hidden}.companion-copy{z-index:7;text-align:center;width:100%;position:relative;transform:translateY(18px)}.companion-copy h2{font-family:var(--display);letter-spacing:-.075em;text-transform:uppercase;margin:0;font-size:clamp(4.6rem,7vw,7.8rem);font-weight:400;line-height:.8}.companion-copy h2 span,.companion-copy h2 strong{display:block}.companion-copy h2 strong{color:var(--blue);font-weight:400}.bench-art{z-index:4;height:58%;margin:0;position:absolute;bottom:62px;left:-20%;right:-8%;transform:translate(3vw)}.bench-art img{object-fit:contain;object-position:center bottom;width:100%;max-width:none;height:100%}.site-footer{z-index:12;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#d6d7d1e0;border-top:1px solid #1112104d;grid-template-columns:1fr auto auto;align-items:center;gap:34px;min-height:78px;padding:12px clamp(22px,3.5vw,56px);display:grid;position:absolute;bottom:0;left:0;right:0}.footer-logo{width:clamp(120px,11vw,160px);height:48px}.site-footer p,.site-footer>a:last-child{letter-spacing:.11em;margin:0;font-size:.65rem;font-weight:800}[data-reveal]{opacity:0;transition:opacity .6s ease, transform .76s var(--ease)}[data-reveal].is-visible{opacity:1;transform:translate(0)}@media (max-width:900px){.hero-brand{width:100%}.hero-brand>.logo-image{width:72vw}.hero-world{width:1160px;bottom:-1.5%}.hero-socials{width:min(540px,62vw);top:43.5%}.play-copy{width:100%}.ecosystem-stage{min-height:clamp(420px,55vh,560px)}.ecosystem-scene img,.ecosystem-scene-yard img{width:96%}.contract-character{width:360px;top:96px}.contract-tag{width:96vw;top:238px}.contract-form{left:10%;right:10%}}@media (max-width:700px){.site-header{height:68px;padding-inline:18px}.header-logo{width:132px;height:48px}.hero{min-height:850px;padding:94px 18px 26px}.hero-brand{width:100%}.hero-brand>.logo-image{width:94vw;margin-top:25px;margin-left:auto}.hero-brand h1{font-size:clamp(1.25rem,6.1vw,1.75rem)}.hero-world{width:min(245vw,1200px);bottom:-1%}.hero-socials{gap:6px;width:calc(100% - 30px);height:78px;padding:10px 18px 14px 36px;top:39.5%;rotate:-.35deg}.social-link{letter-spacing:.055em;gap:7px;padding:0 8px;font-size:clamp(.56rem,2.3vw,.66rem)}.social-mark{width:29px;font-size:.88rem}.playground{height:720px;min-height:720px;padding:62px 18px 22px}.play-copy{width:100%}.play-copy h2{margin-top:13px;font-size:clamp(3.55rem,16.5vw,5.3rem)}.ecosystem-stage{min-height:390px;margin-top:-4px}.ecosystem-scene img,.ecosystem-scene-yard img{width:132%;margin-left:-16%}.contract-section{height:570px;min-height:570px}.contract-copy{top:26px}.contract-copy h2{font-size:clamp(3rem,13vw,4.6rem)}.contract-character{width:310px;top:96px}.contract-tag{width:calc(100% - 16px);height:330px;top:211px}.contract-form{display:block;top:103px;left:12%;right:12%}.contract-label{margin-bottom:8px;font-size:.6rem;display:block}.contract-form code{padding:11px 12px 10px;font-size:clamp(1rem,5vw,1.3rem)}.contract-actions{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:11px;width:min(294px,100%);margin:23px auto 0}.contract-actions>*{height:58px;padding-inline:9px;font-size:.62rem}.companion{min-height:850px;padding:72px 18px 82px}.companion-copy{width:100%}.companion-copy h2{margin-top:0;font-size:clamp(4.2rem,18vw,6.5rem)}.bench-art{height:58%;bottom:61px;left:-42%;right:-30%}.site-footer{grid-template-columns:1fr auto;gap:12px;min-height:70px;padding:10px 18px}.footer-logo{width:126px;height:43px}.site-footer p{display:none}.site-footer>a:last-child{font-size:.59rem}}@media (max-width:390px){.hero{min-height:810px}.hero-brand h1{font-size:5.7vw}.hero-socials{gap:5px;width:calc(100% - 22px);height:74px;padding:9px 16px 13px 34px;top:41%}.social-link{gap:5px;padding-inline:6px;font-size:.53rem}.social-mark{width:26px}.playground{height:690px;min-height:690px}.contract-section{height:540px;min-height:540px}.contract-copy h2{font-size:12.5vw}.contract-character{width:276px;top:94px}.contract-tag{height:322px;top:193px}.contract-form{top:100px}.companion{min-height:810px}}@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}}