@font-face{font-family:Rogy;src:url('../fonts/RogyVariableVF.ttf') format('truetype');font-weight:300 900;font-display:swap}
:root{--sky:#e8dfd4;--paper:#f6eee3;--ink:#302d28;--muted:#665b50;--line:#6c574533;--orange:#934a25;--px:0px;--py:0px;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:var(--sky);font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Rogy,Arial,sans-serif;font-weight:600}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:7px}.skip-link{position:fixed;left:20px;top:-100px;background:var(--paper);padding:12px 20px;z-index:100}.skip-link:focus{top:12px}
.site-header{position:absolute;inset:0 0 auto;z-index:30;display:flex;align-items:center;gap:32px;height:96px;padding:0 4.5vw}.brand{line-height:0;margin-right:auto}.brand img{width:58px;height:auto}.site-header nav{display:flex;align-items:center;gap:36px;font-size:14px;font-weight:600}.site-header nav a{position:relative;padding:8px 0}.site-header nav a:after{content:'';position:absolute;height:1px;background:currentColor;bottom:1px;left:0;right:100%;transition:right .25s}.site-header nav a:hover:after,.site-header nav a[aria-current]:after{right:0}.nav-contact{margin-left:32px}.nav-contact span{margin-left:9px}.motion-toggle{border:1px solid var(--line);background:transparent;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;padding:0}.motion-symbol{font-size:15px}.motion-label{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
.scene-section{position:relative;isolation:isolate;overflow:clip}.hero{height:max(850px,100svh);max-height:1100px;background:radial-gradient(ellipse at 91% 22%,#fff2cd 0,transparent 45%),linear-gradient(170deg,#bcc2ce 0%,#e9d6c5 48%,#eacbb3 77%,#eadacb 100%)}.sky-glow{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 72% 37%,#fff1d878,transparent 57%)}.hero-type{position:absolute;z-index:1;top:17%;left:3%;width:94%;text-align:center}.hero-type p{font-size:clamp(16px,1.75vw,24px);letter-spacing:-.025em;margin-bottom:14px}.hero-type h1{font-size:clamp(76px,11.4vw,178px);line-height:1.02;letter-spacing:-.065em;white-space:nowrap;font-weight:620}.hero-world{position:absolute;width:min(830px,68vw);aspect-ratio:1;top:24%;left:50%;margin-left:calc(min(830px,68vw) / -2);z-index:3;transform:translate3d(var(--px),var(--py),0);transition:transform .8s cubic-bezier(.2,.7,.2,1);pointer-events:none}.hero-island{position:absolute;inset:0;transform-origin:50% 60%}.hero-art{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 34px 27px #52371825);pointer-events:none}.character-hotspot{position:absolute;z-index:5;top:3%;left:43%;width:28%;height:51%;border:0;background:transparent;pointer-events:auto;border-radius:40%}.character-hotspot:focus-visible{outline-offset:0}.character-hint{position:absolute;bottom:4%;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:12px;background:#f5ecdfed;border:1px solid #fffa;border-radius:30px;padding:7px 14px;box-shadow:0 3px 12px #3c2b2320;transition:opacity .25s,transform .25s}.character-hint span{padding-left:8px}.hero.about-open .character-hint{opacity:0;transform:translate(-50%,6px)}
.sprite{width:100%;height:100%;background-image:url('../images/scene/scene-sprites.webp');background-repeat:no-repeat;background-size:200% 200%}.sprite-island{background-position:0 0}.sprite-red{background-position:100% 0}.sprite-green{background-position:0 100%}.sprite-blue{background-position:100% 100%}.pixel{position:absolute;width:17%;aspect-ratio:1;filter:drop-shadow(0 16px 16px #49353325)}.pixel-red{left:5%;top:9%;transform:rotate(-12deg)}.pixel-green{right:1%;top:5%;width:15%;transform:rotate(12deg)}.pixel-blue{right:-6%;top:40%;width:18%;transform:rotate(-9deg)}.distant-island{position:absolute;width:170px;aspect-ratio:1;z-index:0;opacity:.44;filter:blur(1px)}.distant-one{top:42%;left:1%;transform:rotate(-10deg)}.distant-two{top:53%;right:1%;width:120px;filter:blur(2px)}
.cloud{position:absolute;width:640px;height:400px;background-image:url('../images/scene/clouds.webp');background-repeat:no-repeat;background-size:400% 300%;pointer-events:none;z-index:0;opacity:.8}.cloud-hero-left{width:750px;height:450px;left:-260px;top:34%;background-position:0 50%;filter:blur(2px)}.cloud-hero-right{right:-240px;top:12%;background-position:100% 0;opacity:.6}.cloud-hero-front{width:1100px;height:500px;bottom:-215px;left:25%;background-position:33% 100%;z-index:4;opacity:.7;filter:blur(4px)}.hero-bottom{position:absolute;z-index:8;bottom:34px;left:4.5vw;right:4.5vw;display:flex;justify-content:space-between;align-items:center;font-size:14px}.hero-bottom>span{color:var(--muted)}.hero-bottom a{padding:10px 0;border-bottom:1px solid #51443888}.hero-bottom a span{margin-left:24px}
.about-reveal{position:absolute;z-index:15;bottom:88px;left:50%;width:min(800px,90%);padding:25px 60px 25px 30px;display:flex;align-items:center;gap:36px;transform:translate(-50%,20px);opacity:0;visibility:hidden;border:1px solid #fffc;background:#fbf4e9f5;box-shadow:0 15px 65px #46312124;border-radius:8px;transition:opacity .3s,transform .3s,visibility .3s}.about-reveal h2{font-size:27px;line-height:1.1;margin-bottom:8px}.about-reveal p{font-size:14px;line-height:1.65;max-width:540px}.about-reveal>a{font-size:14px;white-space:nowrap;border-bottom:1px solid var(--ink);padding:8px 0}.about-reveal>a span{margin-left:10px}.about-close{position:absolute;right:16px;top:12px;border:0;background:transparent;font-size:26px;line-height:1;width:32px;height:32px}.hero.about-open .about-reveal{opacity:1;visibility:visible;transform:translate(-50%,0)}
.section-heading{text-align:center;position:relative;z-index:5;margin:0 auto}.section-heading h2{font-size:clamp(48px,6.3vw,88px);line-height:1.05;letter-spacing:-.045em}.section-heading p{font-size:16px;color:var(--muted);margin-bottom:12px}.section-heading h2+p{margin:18px 0 0}.work-section{padding:110px 24px 0;background:linear-gradient(#eadacb,#d9d8d6 62%,#cbd1d3);min-height:1300px}.work-world{position:relative;width:min(1110px,100%);height:1000px;margin:70px auto 0;transform:translate3d(var(--px),var(--py),0);transition:transform .8s}.work-platform{position:absolute;width:1180px;height:1180px;max-width:none;left:50%;margin-left:-590px;top:120px;z-index:0;filter:drop-shadow(0 55px 50px #4c4c4024)}.work-gallery{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:30px 38px;max-width:940px;margin:auto;perspective:1600px}.work-card{display:block;min-width:0;position:relative;background:#f8f4eb;border:1px solid #fff9;padding:10px 10px 0;border-radius:8px;box-shadow:0 6px 0 #c1b49f,0 11px 0 #998973,0 24px 28px #241d342b;transition:transform .35s,box-shadow .35s}.work-card:nth-child(2n){transform:translateY(48px)}.work-card:hover,.work-card:focus-visible{transform:translateY(-8px);box-shadow:0 6px 0 #c1b49f,0 11px 0 #998973,0 35px 40px #241d343b}.work-card:nth-child(2n):hover,.work-card:nth-child(2n):focus-visible{transform:translateY(40px)}.work-image{aspect-ratio:1.8;overflow:hidden;background:#c7dfed;border-radius:3px}.work-image img{display:block;object-fit:cover;object-position:50% 15%;width:100%;height:100%;transition:transform .7s}.work-card:hover img{transform:scale(1.035)}.work-card-pwm .work-image{background:#302525}.work-card-pwm img{object-position:50% 4%}.work-card-mackenzie .work-image{background:#e2a066}.work-caption{padding:17px 13px 18px;display:flex;align-items:center;justify-content:space-between}.work-caption p{font-size:12px;color:#675d51;margin-bottom:3px}.work-caption h3{font-size:29px;line-height:1.15;font-weight:600;letter-spacing:-.035em}.work-arrow{font-size:26px;font-family:Arial,sans-serif}.cloud-work-left{top:43%;left:-290px;background-position:0 100%;opacity:.9}.cloud-work-right{bottom:-160px;right:-170px;background-position:66% 50%;width:920px;height:560px;z-index:4;opacity:.65}
.partners-section{min-height:1060px;padding:65px 24px 0;background:linear-gradient(#cbd1d3,#dad9d3 58%,#eae1d3)}.partners-world{position:relative;width:min(1100px,100%);height:800px;margin:65px auto 0;transform:translate3d(var(--px),var(--py),0);transition:transform .8s}.partners-platform{position:absolute;left:50%;width:1150px;height:1150px;top:-5px;margin-left:-575px;filter:drop-shadow(0 40px 35px #514a4020)}.logo-deck{position:relative;z-index:2;display:grid;grid-template-columns:repeat(6,1fr);gap:25px 34px;align-items:center;width:94%;margin:0 auto;padding:38px 42px;background:#f8f3e9;border:1px solid #fff7;border-radius:6px;box-shadow:0 7px 0 #c3b7a1,0 13px 0 #8f816a,0 26px 35px #222c2b30;transform:perspective(1300px) rotateX(7deg) rotateZ(-3deg)}.logo-deck img{width:100%;height:67px;object-fit:contain;filter:grayscale(1);opacity:.85;transition:filter .3s,opacity .3s}.logo-deck img:hover{filter:none;opacity:1}.cloud-partners-left{left:-250px;top:52%;background-position:0 0;z-index:3}.cloud-partners-right{right:-220px;bottom:-110px;width:900px;height:500px;background-position:66% 100%;z-index:4;opacity:.72}
.site-footer{position:relative;background:var(--paper);padding:80px 7vw 24px}.site-footer:before{content:'';height:110px;position:absolute;top:-110px;left:0;right:0;background:linear-gradient(transparent,var(--paper));pointer-events:none}.footer-invitation{text-align:center;margin-bottom:100px}.footer-invitation h2{font-size:clamp(44px,6vw,80px);letter-spacing:-.04em;line-height:1.1;margin-bottom:24px}.footer-invitation>a{font-size:clamp(17px,2.3vw,28px);display:inline-block;border-bottom:1px solid #746451;padding-bottom:8px}.footer-invitation>a span{margin-left:24px}.footer-main{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:36px;max-width:1300px;margin:auto}.footer-brand{display:flex;gap:18px;align-items:flex-start;font-size:18px;font-weight:600}.footer-brand img{width:60px;height:auto}.footer-main nav{display:flex;flex-direction:column;align-items:flex-start;gap:9px;font-size:14px}.footer-main a:hover{text-decoration:underline;text-underline-offset:4px}.footer-bottom{display:flex;justify-content:space-between;gap:24px;font-size:12px;color:var(--muted);margin-top:60px;padding-top:24px;border-top:1px solid var(--line)}.footer-bottom a span{margin-left:10px}
@media(prefers-reduced-motion:no-preference){.float-island{animation:float-island 8s ease-in-out infinite}.pixel-red{animation:float-red 6.7s ease-in-out infinite}.pixel-green{animation:float-green 7.8s ease-in-out infinite}.pixel-blue{animation:float-blue 6s ease-in-out infinite}.cloud{animation:cloud-drift 28s ease-in-out infinite alternate}.work-platform{animation-delay:-3s}.partners-platform{animation-delay:-5s}.reveal{transition:opacity .8s,translate .8s}.js .reveal.waiting{opacity:0;translate:0 26px}.js .reveal.is-visible{opacity:1;translate:0 0}}
@keyframes float-island{0%,100%{transform:translateY(0) rotate(-.4deg)}50%{transform:translateY(-15px) rotate(.4deg)}}@keyframes float-red{0%,100%{transform:translateY(0) rotate(-12deg)}50%{transform:translateY(-22px) rotate(-3deg)}}@keyframes float-green{0%,100%{transform:translateY(0) rotate(12deg)}50%{transform:translateY(18px) rotate(4deg)}}@keyframes float-blue{0%,100%{transform:translateY(0) rotate(-9deg)}50%{transform:translateY(-27px) rotate(4deg)}}@keyframes cloud-drift{from{transform:translateX(-12px)}to{transform:translateX(18px)}}
.motion-paused *{animation-play-state:paused!important}.motion-paused [data-parallax]{transform:none!important}.motion-paused .reveal{opacity:1!important;translate:none!important;transition:none!important}.motion-paused{scroll-behavior:auto}
@media(min-width:1600px){.hero-world{top:26%}.hero-type{top:16%}.work-section{padding-top:130px}}
@media(max-width:1000px){.hero{min-height:780px;height:95svh;max-height:950px}.hero-type{top:20%}.hero-type h1{font-size:11.5vw}.hero-world{top:30%;width:78vw;margin-left:-39vw}.site-header{padding:0 5vw}.site-header nav{gap:24px}.nav-contact{margin-left:10px}.hero-bottom{bottom:30px}.work-section{min-height:1150px}.work-world{height:900px}.work-platform{width:1000px;height:1000px;margin-left:-500px}.logo-deck{gap:24px;padding:30px}.logo-deck img{height:55px}.partners-section{min-height:950px}.partners-platform{width:1000px;height:1000px;margin-left:-500px}.partners-world{height:720px}}
@media(max-width:767px){html{scroll-padding-top:30px}.site-header{height:80px;gap:16px;padding:0 22px}.brand img{width:45px}.site-header nav{gap:22px;font-size:13px}.nav-contact{display:none}.motion-toggle{width:30px;height:30px;flex-shrink:0}.hero{height:850px;min-height:850px;max-height:none}.hero-type{top:130px;width:100%;left:0;padding:0 20px}.hero-type p{font-size:14px;max-width:260px;margin:0 auto 12px;line-height:1.5}.hero-type h1{font-size:clamp(49px,10.8vw,83px);letter-spacing:-.055em}.hero-world{width:100vw;margin-left:-50vw;top:265px}.hero-art{filter:drop-shadow(0 25px 20px #52371820)}.pixel-red{left:2%;top:3%;width:21%}.pixel-green{right:0;top:0;width:19%}.pixel-blue{right:-1%;top:43%;width:23%}.distant-one{width:95px;left:-24px;top:32%;opacity:.24}.distant-two{width:80px;right:-12px;top:57%;opacity:.2}.cloud-hero-left{width:480px;height:300px;left:-260px;top:39%}.cloud-hero-right{width:500px;height:280px;right:-310px;top:14%}.cloud-hero-front{width:700px;height:400px;left:0;bottom:-140px}.character-hint{font-size:11px;padding:6px 10px;bottom:0}.hero-bottom{left:24px;right:24px;bottom:28px;font-size:12px}.hero-bottom a span{margin-left:10px}.about-reveal{bottom:85px;padding:23px 38px 23px 24px;display:block;width:calc(100% - 32px)}.about-reveal h2{font-size:26px}.about-reveal p{font-size:14px}.about-reveal>a{margin-top:10px;display:inline-block}.about-close{right:7px;top:7px}.section-heading h2{font-size:52px}.section-heading p{font-size:14px}.work-section{padding:60px 24px 0;min-height:0}.work-world{margin-top:45px;height:auto;padding-bottom:260px}.work-gallery{grid-template-columns:1fr;gap:24px;max-width:480px}.work-card:nth-child(2n){transform:none}.work-card:nth-child(2n):hover,.work-card:nth-child(2n):focus-visible{transform:translateY(-6px)}.work-card{padding:8px 8px 0}.work-image{aspect-ratio:1.75}.work-caption{padding:14px 12px 16px}.work-caption h3{font-size:27px}.work-caption p{font-size:12px}.work-platform{width:820px;height:820px;top:auto;bottom:-80px;margin-left:-410px}.cloud-work-left{left:-370px;top:35%}.cloud-work-right{width:680px;height:420px;bottom:-180px;right:-250px}.partners-section{min-height:0;padding:45px 22px 0}.partners-world{height:auto;padding-bottom:320px;margin-top:45px}.logo-deck{grid-template-columns:repeat(3,1fr);gap:25px 24px;width:100%;padding:28px 22px;transform:perspective(1300px) rotateX(3deg) rotateZ(-2deg)}.logo-deck img{height:48px}.partners-platform{width:840px;height:840px;margin-left:-420px;top:auto;bottom:-75px}.cloud-partners-left{left:-430px;top:60%}.cloud-partners-right{width:630px;height:420px;bottom:-145px;right:-350px}.site-footer{padding:50px 24px 25px}.footer-invitation{margin-bottom:60px}.footer-invitation h2{font-size:45px;max-width:330px;margin:0 auto 22px}.footer-invitation>a{font-size:17px}.footer-invitation>a span{margin-left:10px}.footer-main{grid-template-columns:1fr 1fr;gap:34px 24px}.footer-brand{grid-column:1/-1;font-size:17px}.footer-main nav{font-size:13px}.footer-bottom{font-size:11px;flex-wrap:wrap;margin-top:40px;gap:16px}}
@media(max-width:380px){.site-header{padding:0 16px;gap:12px}.site-header nav{gap:16px}.hero-type p{font-size:13px}.hero{min-height:760px;height:760px}.hero-world{top:260px}.hero-type h1{font-size:10.5vw}.hero-bottom>span{display:none}.hero-bottom{justify-content:center}.logo-deck{gap:22px 16px;padding:26px 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-world,.work-world,.partners-world{transform:none!important}.reveal{opacity:1!important;translate:none!important}}
@media(prefers-color-scheme:dark){:root{--ink:#f4e6d1;--muted:#ddcbb5;--paper:#272b30;--line:#dfcdbb40;--orange:#efba88;color-scheme:dark}.hero{background:radial-gradient(ellipse at 90% 25%,#7b6557,transparent 53%),linear-gradient(170deg,#273443,#635552 62%,#595154)}.sky-glow{opacity:.25}.site-header .brand img,.footer-brand img{filter:invert(1)}.cloud{opacity:.35}.hero-bottom a{border-color:#e2cdb8}.work-section{background:linear-gradient(#595154,#3b4855 65%,#344553)}.partners-section{background:linear-gradient(#344553,#404854 58%,#323840)}.section-heading p{color:#ddcbb5}.work-card,.logo-deck{color:#302d28;background:#eee6d8}.about-reveal{color:#302d28;background:#f5ecdefa}.about-reveal>a{border-color:#302d28}.character-hint{color:#302d28}.footer-invitation>a{border-color:#bda890}}