@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--paper:#f6f5f0;--ink:#212220;--muted:#74756d;--line:#deded4;--purple:#7254db;--font:'DM Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--purple);outline-offset:5px}::selection{background:#d4c7ff}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Manrope',var(--font)}.wrap{max-width:1320px;margin:auto;padding:0 64px}.header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font-size:26px;letter-spacing:-1.4px;font-weight:750;display:inline-flex;gap:10px;align-items:center}.mark{height:27px;width:27px;color:var(--purple)}.nav{display:flex;gap:33px;align-items:center;font-size:13px;font-weight:550}.nav a:not(.contact-link){transition:color .2s}.nav a:hover{color:var(--purple)}.contact-link{border:1px solid #bbbcb2;border-radius:30px;padding:12px 20px;display:flex;gap:20px;align-items:center}.arrow{display:inline-block}.mobile-toggle{display:none;border:0;background:none;padding:10px}.hero{padding:83px 0 66px;position:relative}.eyebrow{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;font-weight:650;display:flex;align-items:center;gap:9px}.dot{width:6px;height:6px;background:var(--purple);border-radius:50%;display:inline-block}.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:30px}.hero h1{font-size:clamp(50px,5.7vw,79px);font-weight:500;letter-spacing:-4.7px;line-height:1.075;margin:27px 0 25px}.hero h1 span{color:var(--purple)}.hero-copy{font-size:16px;line-height:1.7;color:#6b6d65;max-width:400px}.actions{display:flex;align-items:center;gap:27px;margin-top:33px}.button{border:0;border-radius:30px;background:var(--ink);color:white;padding:16px 23px;font-size:13px;font-weight:500;display:inline-flex;gap:30px;align-items:center;transition:transform .2s,background .2s}.button:hover{background:var(--purple);transform:translateY(-2px)}.text-link{font-size:13px;display:inline-flex;align-items:center;gap:17px;border-bottom:1px solid transparent;padding:9px 0}.text-link:hover{border-color:currentColor}.art{aspect-ratio:1;position:relative;display:grid;place-items:center;min-width:0}.art svg{width:100%;height:auto;overflow:visible}.art-caption{position:absolute;bottom:6%;right:0;font-size:10px;letter-spacing:1.2px;color:var(--muted);display:flex;gap:10px;align-items:center}.art-caption:before{content:'';width:22px;height:1px;background:#999b90}.orbit{transform-origin:250px 250px;animation:orbit 36s linear infinite}.orbit.rev{animation-direction:reverse;animation-duration:45s}@keyframes orbit{to{transform:rotate(360deg)}}.hero-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:40px;margin-top:23px;color:var(--muted);font-size:11px;letter-spacing:.3px}.hero-bottom .location{display:flex;gap:8px;align-items:center}.expertise{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:11px}.expertise-label{color:var(--muted)}.expertise-items{display:flex;gap:39px;font-weight:500}.section{padding:100px 0}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin:24px 0 42px}.section h2{font-size:43px;line-height:1.2;letter-spacing:-1.8px;font-weight:500}.section-intro{max-width:320px;font-size:14px;line-height:1.7;color:var(--muted)}.project-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:27px}.project{display:block;border:0;padding:0;background:transparent;text-align:left;color:var(--ink)}.project-image{height:350px;border-radius:5px;position:relative;overflow:hidden;display:grid;place-items:center;transition:transform .4s}.project:hover .project-image{transform:translateY(-4px)}.pov-image{background:#e9e1f5;background-image:radial-gradient(ellipse at 65% 100%,#d8c4ef,transparent 70%)}.flag-image{background:#dfe8df;background-image:radial-gradient(ellipse at 50% 100%,#c5d6c6,transparent 70%)}.project-label{position:absolute;left:25px;top:23px;font-size:10px;letter-spacing:1.1px;text-transform:uppercase;color:#60526a}.project-go{position:absolute;right:21px;top:20px;border:1px solid #ffffff99;border-radius:50%;height:34px;width:34px;display:grid;place-items:center;font-size:18px;transition:background .2s}.project:hover .project-go{background:white}.phone{width:164px;height:300px;background:#fefdfb;border:5px solid #343136;border-radius:29px;box-shadow:15px 25px 35px #49335426;position:absolute;bottom:-24px;transform:rotate(-8deg);padding:25px 10px 12px}.phone:before{content:'';position:absolute;width:49px;height:12px;border-radius:10px;background:#343136;top:5px;left:53px}.phone-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:700;padding-bottom:12px}.phone-avatar{width:17px;height:17px;background:#e5d4b4;border-radius:50%}.phone-heading{font-size:20px;letter-spacing:-1px;line-height:1.15;font-weight:600}.phone-sub{font-size:7px;color:#8e8b89;margin:7px 0 12px}.pov-scene{height:117px;border-radius:10px;position:relative;overflow:hidden;background:linear-gradient(180deg,#a9c7c1 0%,#d3ddbe 55%,#aaa66c 56%,#536c4c 100%)}.pov-scene svg{width:100%;height:100%}.live{position:absolute;left:7px;top:7px;background:#fffdf5e8;border-radius:10px;padding:3px 6px;font-size:5px;letter-spacing:.5px}.scene-label{position:absolute;color:white;bottom:9px;left:8px;font-size:9px}.phone-cta{background:#ff8e32;color:#262320;padding:8px;margin-top:10px;border-radius:7px;font-size:7px;text-align:center}.floating-tag{position:absolute;right:35px;top:172px;transform:rotate(5deg);background:#fffdf8;box-shadow:0 8px 20px #655d7220;border-radius:9px;padding:13px 16px;display:flex;gap:9px;align-items:center;font-size:10px}.floating-tag span{font-size:16px}.flag-game{width:245px;background:#fffef7;border-radius:14px;transform:rotate(7deg);padding:19px;box-shadow:12px 25px 40px #3151361c;margin-top:45px}.game-header{font-size:10px;display:flex;justify-content:space-between;font-weight:600}.game-header span{color:#8c9687}.progress{height:4px;border-radius:10px;background:#edf0e9;margin:13px 0 19px}.progress:before{content:'';display:block;width:64%;height:100%;border-radius:10px;background:#557e57}.flag{height:80px;width:125px;background:#176143;margin:auto;position:relative;overflow:hidden;box-shadow:0 3px 12px #0001}.flag:before{content:'';width:52px;height:52px;background:#f4d557;position:absolute;left:37px;top:14px;transform:rotate(45deg)}.flag:after{content:'';width:32px;height:32px;position:absolute;left:47px;top:24px;background:#25448d;border-radius:50%}.game-question{font-size:13px;font-weight:650;text-align:center;margin:17px 0 12px}.options{display:grid;grid-template-columns:1fr 1fr;gap:6px}.options span{font-size:8px;text-align:center;border:1px solid #e1e4da;border-radius:6px;padding:8px}.options span.correct{color:#3f6c47;background:#edf4e9;border-color:#b9d0ae}.project-meta{padding-top:20px;display:flex;justify-content:space-between;gap:10px;align-items:center}.project-meta h3{font-size:21px;letter-spacing:-.6px;font-weight:600}.project-meta p{font-size:12px;color:var(--muted);margin-top:7px}.tag{font-size:9px;letter-spacing:.7px;border:1px solid var(--line);border-radius:20px;padding:6px 10px;text-transform:uppercase;white-space:nowrap}.services{padding-top:0}.services-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:90px;margin-top:25px}.services-left p{margin-top:22px;max-width:310px;color:var(--muted);font-size:14px;line-height:1.75}.service{border-top:1px solid var(--line);padding:25px 0}.service:last-child{border-bottom:1px solid var(--line)}.service-title{display:flex;gap:26px;align-items:baseline}.service-title span{font-size:10px;color:var(--purple)}.service h3{font-size:21px;font-weight:500;letter-spacing:-.7px}.service p{padding-left:40px;max-width:460px;font-size:13px;line-height:1.75;color:var(--muted);margin-top:11px}.about{background:#eaece4;border-radius:6px;padding:46px;display:grid;grid-template-columns:.65fr 1fr;gap:80px;position:relative}.about-brand{font-size:65px;letter-spacing:-5px;line-height:1.2;color:#b8c1b1;font-family:'Manrope',sans-serif;font-weight:600;margin-top:40px}.about h2{font-size:29px;letter-spacing:-1.1px;line-height:1.4}.about p{font-size:13px;line-height:1.8;color:#6c7467;margin-top:20px}.about-location{font-size:10px;margin-top:24px;color:#55644d;display:flex;gap:8px;align-items:center}.process{padding-bottom:90px}.process-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:44px}.step{border-top:1px solid var(--line);padding-top:23px}.step-number{font-size:11px;color:var(--purple)}.step h3{font-size:20px;letter-spacing:-.6px;font-weight:500;margin:22px 0 13px}.step p{font-size:13px;color:var(--muted);line-height:1.75;max-width:285px}.contact{border-top:1px solid var(--line);padding:74px 0 75px;display:flex;justify-content:space-between;align-items:center;gap:40px}.contact h2{font-size:58px;letter-spacing:-2.8px;line-height:1.15;font-weight:500;margin:21px 0 25px}.contact p{color:var(--muted);font-size:14px}.contact .button{background:var(--purple);padding:19px 26px;gap:43px}.contact .button:hover{background:#5b40bb}.contact-email{font-size:11px;color:var(--muted);display:block;text-align:center;margin-top:17px}.footer{border-top:1px solid var(--line);padding:28px 0 32px;display:flex;justify-content:space-between;align-items:center;gap:20px}.footer .logo{font-size:20px;gap:7px}.footer .mark{width:20px;height:20px}.footer small{font-size:10px;color:var(--muted)}.back-top{font-size:11px;display:flex;gap:15px}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:translateY(0)}dialog{max-width:550px;width:calc(100% - 36px);border:1px solid var(--line);border-radius:13px;background:var(--paper);color:var(--ink);padding:40px;box-shadow:0 30px 100px #0003}dialog::backdrop{background:#24221f88;backdrop-filter:blur(6px)}.dialog-close{position:absolute;right:17px;top:12px;background:none;border:0;font-size:25px;color:var(--muted)}dialog h2{font-size:31px;letter-spacing:-1px;margin:18px 0}dialog p{font-size:14px;line-height:1.8;color:var(--muted)}dialog .button{margin-top:25px}dialog .note{font-size:10px;margin-top:23px}body.modal-open{overflow:hidden}.skip{position:fixed;top:-100px;left:15px;z-index:100;padding:12px;background:white}.skip:focus{top:10px}
@media(min-width:1450px){.hero h1{font-size:79px}}@media(max-width:1050px){.wrap{padding:0 38px}.hero h1{font-size:64px;letter-spacing:-3.5px}.floating-tag{right:12px}.expertise-items{gap:24px}.services-layout{gap:45px}.about{gap:45px}.project-image{height:320px}.hero{padding-top:65px}.art-caption{bottom:0}}@media(max-width:760px){.wrap{padding:0 24px}.header{height:80px}.logo{font-size:24px}.mobile-toggle{display:block;font-size:20px}.nav{display:none;position:absolute;top:80px;left:0;right:0;background:var(--paper);padding:22px 24px;z-index:10;border-bottom:1px solid var(--line);align-items:stretch}.nav.open{display:flex;flex-direction:column;gap:22px}.contact-link{justify-content:space-between}.hero{padding:47px 0 31px}.hero-grid{grid-template-columns:1fr;gap:0}.hero h1{font-size:58px;letter-spacing:-3.5px;line-height:1.08;margin-top:25px}.hero-copy{font-size:15px;max-width:350px}.actions{gap:22px;margin-top:28px}.button{padding:15px 21px;gap:25px}.art{max-width:370px;width:100%;margin:12px auto 0;aspect-ratio:1.15}.art svg{width:95%}.art-caption{font-size:8px;bottom:0;right:3px}.hero-bottom{margin-top:10px;padding-top:24px;font-size:9px}.expertise{align-items:flex-start;gap:20px;padding:21px 0}.expertise-label{font-size:10px;max-width:55px;line-height:1.7}.expertise-items{display:grid;grid-template-columns:1fr 1fr;gap:13px 20px;font-size:10px}.section{padding:64px 0}.section h2{font-size:35px;letter-spacing:-1.5px}.section-heading{display:block;margin:20px 0 29px}.section-intro{margin-top:18px;max-width:310px;font-size:13px}.project-grid{grid-template-columns:1fr;gap:34px}.project-image{height:320px}.floating-tag{right:23px}.project-meta h3{font-size:20px}.project-meta p{font-size:11px}.services{padding-top:0}.services-layout{grid-template-columns:1fr;gap:32px;margin-top:20px}.services-left p{max-width:350px;margin-top:18px}.service{padding:23px 0}.service h3{font-size:20px}.about{grid-template-columns:1fr;gap:25px;padding:30px 26px}.about-brand{display:none}.about h2{font-size:25px;letter-spacing:-.9px}.about p{font-size:13px}.process-steps{grid-template-columns:1fr;gap:27px;margin-top:30px}.step{display:grid;grid-template-columns:28px 1fr;column-gap:12px;padding-top:22px}.step-number{grid-row:1/3;padding-top:4px}.step h3{margin:0 0 10px}.step p{max-width:100%}.contact{display:block;padding:53px 0}.contact h2{font-size:46px;letter-spacing:-2.5px}.contact p{max-width:300px;font-size:13px;line-height:1.8}.contact-action{margin-top:28px;display:inline-block}.contact-email{text-align:left}.footer{align-items:flex-start;flex-wrap:wrap;padding:26px 0;gap:24px}.footer small{order:3;width:100%}.back-top{margin-top:4px}dialog{padding:32px 26px}.eyebrow{font-size:10px}}
@media(max-width:760px){.actions{gap:18px}.actions .button{font-size:11px;padding:15px 17px;gap:20px;white-space:nowrap}.actions .text-link{font-size:11px;gap:12px;white-space:nowrap}}@media(max-width:360px){.actions{gap:12px}.actions .button{padding:14px 13px;gap:10px}.actions .text-link{gap:6px}.hero h1{font-size:52px}.project-meta{gap:5px}.tag{font-size:8px;padding:5px 7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Keep the reference composition usable with the revised copy and zoomed text. */
.contact h2{font-size:clamp(36px,4.4vw,58px)}
.project{width:100%;font:inherit}
@media(max-width:400px){.hero h1{font-size:clamp(42px,14vw,58px)}.actions{flex-wrap:wrap}.expertise-items{gap:13px}.project-meta{flex-wrap:wrap}.floating-tag{right:12px}.footer small{line-height:1.7}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important}}