.service-page{--accent:#b99acd}.service-page em{color:var(--accent);font-style:normal}.service-header{position:relative}.service-header>a:last-child{font-size:12px}.service-skip{position:fixed;top:-100px;left:20px;z-index:100;background:#b99acd;color:#111;padding:12px}.service-skip:focus{top:10px}.service-page a:focus-visible,.service-page button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.service-nav{display:flex;gap:32px;padding:24px 7%;border-bottom:1px solid #ffffff20;flex-wrap:wrap}.service-nav a{font-size:12px;color:#aaa}.service-nav a[aria-current]{color:#e7d4f7;border-bottom:1px solid var(--accent);padding-bottom:6px}.section-label{font-size:10px;letter-spacing:.16em;color:var(--accent)}.service-hero{padding:75px 7% 65px}.service-hero h1{font-size:clamp(38px,5.8vw,88px);line-height:1.13;letter-spacing:-.025em;max-width:1200px;margin:32px 0 40px}.service-intro{display:flex;align-items:center;justify-content:space-between;gap:40px}.service-intro>p{max-width:650px;color:#bbb5c2;font-size:17px}.service-button{display:inline-flex;gap:24px;align-items:center;justify-content:space-between;padding:15px 22px;border:1px solid #b99acd77;background:transparent;color:#e3ceeF;font:inherit;font-size:13px;cursor:pointer;text-decoration:none}.service-button:hover{background:#b99acd18}.game-banner{margin:0 7%;position:relative}.game-banner>img{width:100%;height:clamp(280px,44vw,620px);object-fit:cover;display:block;mask-image:linear-gradient(#000 70%,transparent)}.game-banner figcaption{display:flex;justify-content:space-between;gap:24px;font-size:11px;padding:20px 0;border-bottom:1px solid #ffffff25}.game-banner figcaption>span{letter-spacing:.12em;color:#b99acd}.service-section{display:grid;grid-template-columns:1fr 2fr;gap:60px;padding:100px 7%}.service-page h2{font-size:clamp(30px,3.5vw,52px);line-height:1.2;margin:0 0 35px}.service-list article{display:grid;grid-template-columns:35px 1fr 1.3fr;gap:24px;border-top:1px solid #ffffff25;padding:28px 0}.service-list article>span{font-size:11px;color:#b99acd}.service-list h3{font-size:22px;margin:0}.service-list p{margin:0;font-size:14px;color:#b9b1c0}.work-pair{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:0 7% 80px}.work-pair img{width:100%;aspect-ratio:16/10;object-fit:cover}.work-pair span{display:block;font-size:10px;letter-spacing:.12em;color:#b99acd;margin-top:20px}.work-pair h3{font-size:24px;font-weight:400}.service-contact{padding:90px 7%;border-top:1px solid #ffffff25;background:linear-gradient(110deg,#b08acd09,transparent)}.service-contact>p:not(.section-label){color:#b9b1c0;max-width:520px;margin-bottom:25px}.service-next{display:flex;gap:35px;padding:35px 7%;border-top:1px solid #ffffff20;flex-wrap:wrap;font-size:12px}.service-next [aria-current]{display:none}.service-note{margin:0 7% 85px;padding:40px;border-left:1px solid var(--accent);background:#ffffff03;max-width:900px}.service-note>span{font-size:10px;letter-spacing:.16em;color:var(--accent)}.service-note h3{font-size:28px;margin:16px 0}.service-note p{color:#b9b1c0;max-width:660px}.service-note a{font-size:13px;color:var(--accent)}.workflow-lab{display:grid;grid-template-columns:1fr 1fr;gap:12%;margin:0 7%;padding:55px 0;border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff25}.workflow-lab>div>p:not(.section-label){color:#b9b1c0;max-width:450px}.demo-note{font-size:11px!important;color:#8f8897!important}.flow-step{padding:20px 25px;border:1px solid #ffffff20;border-left:2px solid #ffffff20;margin-bottom:18px;transition:background .5s,border-color .5s,transform .5s}.flow-step span,.flow-step strong,.flow-step small{display:block}.flow-step span{font-size:9px;letter-spacing:.15em;color:#aaa}.flow-step strong{font-size:20px;font-weight:400;margin:8px 0}.flow-step small{color:#999;font-size:12px}.flow-step.active{background:#b99acd12;border-color:#b99acd;transform:translateX(8px)}#workflow-status{font-size:12px;min-height:22px}.web-lab{padding:45px 7% 0}.web-controls{display:flex;justify-content:space-between;align-items:center;gap:30px}.web-switches{display:flex;gap:24px}.web-switches fieldset{border:0;padding:0;margin:0}.web-switches legend{font-size:10px;color:#aaa;margin-bottom:10px}.web-switches button{padding:9px 13px;background:transparent;border:1px solid #ffffff25;color:#bcb4c3;font:inherit;font-size:11px;cursor:pointer}.web-switches button[aria-pressed=true]{background:#b99acd;color:#15101b}.web-preview-stage{padding:35px;background:#ffffff03;display:flex;justify-content:center;overflow:hidden;min-height:460px}.web-preview{background:#e8ddd8;color:#372338;width:100%;max-width:1100px;transition:width .7s cubic-bezier(.22,1,.36,1),background .4s,color .4s;overflow:hidden}.web-preview.narrow{width:290px}.web-preview.moss{background:#dce0c8;color:#293a2d}.sample-nav{display:flex;justify-content:space-between;gap:20px;margin:0 30px;padding:20px 0;border-bottom:1px solid currentColor;font-size:10px;letter-spacing:.1em}.sample-nav span:last-child{font-size:9px;letter-spacing:0}.sample-body{padding:40px 8%;position:relative}.sample-body>span:first-child{font-size:9px;letter-spacing:.12em}.sample-body h3{font-family:Georgia,serif;font-size:clamp(42px,5vw,70px);font-weight:400;line-height:1;letter-spacing:-.04em;margin:25px 0}.sample-body h3 i{font-weight:400}.sample-body p{font-size:12px;max-width:280px}.sample-link{display:inline-block;border-bottom:1px solid;margin-top:14px;font-size:11px}.sample-bottom{font-size:8px;letter-spacing:.15em;padding:18px 8%;border-top:1px solid}.narrow .sample-nav{margin:0 20px}.narrow .sample-nav span:last-child{display:none}.narrow .sample-body h3{font-size:42px}.narrow .sample-body{padding:30px 20px}
@media(max-width:760px){.service-header{padding:22px 6%}.service-header .brand span{font-size:11px}.service-header>a:last-child{font-size:10px}.service-page .service-nav a:last-child{display:inline}.service-nav{gap:18px;padding:20px 6%}.service-nav a{font-size:10px}.service-hero{padding:50px 6%}.service-intro{display:block}.service-intro p{font-size:15px}.service-intro .service-button{margin-top:18px}.service-section{grid-template-columns:1fr;padding:65px 6%;gap:25px}.service-list article{grid-template-columns:25px 1fr;gap:15px}.service-list p{grid-column:2}.work-pair{grid-template-columns:1fr;padding:0 6% 55px}.game-banner figcaption{flex-direction:column;gap:10px}.workflow-lab{grid-template-columns:1fr;gap:40px}.service-note{padding:25px;margin-bottom:60px}.service-contact{padding:65px 6%}.service-next{gap:20px}.service-page .service-next a:last-child{display:inline}.web-controls{display:block}.web-switches{margin-bottom:25px}.web-preview-stage{padding:15px;min-height:430px}.sample-nav span:last-child{display:none}.web-preview.narrow{width:235px}.service-page footer{gap:20px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.service-page *{transition:none!important}}