@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+JP:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700&display=swap";
:root{--bg:#0d2233;--bg-soft:#102e42;--surface:#183c50;--surface2:#1d475a;--border:#93daf929;--text:#f1faff;--muted:#b7d0de;--cyan:#8cefff;--cyan-bright:#41d4ff;--pink:#e6b5e2;--max:1160px}*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:0}body{color:var(--text);-webkit-font-smoothing:antialiased;background:radial-gradient(at 16% 8%,#2e759b33,#0000 39%),linear-gradient(135deg,#112a3d,#0b2335 55%,#10283a);margin:0;font-family:DM Sans,Manrope,Noto Sans KR,Noto Sans JP,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}p,h1,h2,h3{margin-top:0}img,svg{max-width:100%}img{vertical-align:middle}::selection{color:#083248;background:#a4f3ff}.wrap{width:min(calc(100% - 88px),var(--max));margin-inline:auto}a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:5px;border-radius:4px}.site-header{z-index:80;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a2233c2;border-bottom:1px solid #9ed9f31a;height:78px;position:sticky;top:0}.head-container{justify-content:space-between;align-items:center;gap:26px;height:100%;display:flex}.mini-logo{align-items:center;gap:10px;min-width:210px;display:inline-flex}.mini-logo-emblem{filter:drop-shadow(0 0 9px #22d4ff38);flex:0 0 51px;place-items:center;width:51px;height:51px;display:grid}.mini-logo-emblem img{object-fit:contain;width:51px;height:51px}.mini-logo-text{letter-spacing:-.02em;flex-direction:column;gap:5px;font-size:16px;font-weight:700;line-height:1.15;display:flex}.mini-logo-text small{letter-spacing:.16em;color:#83c5da;font-size:9px;font-weight:500}.top-nav{align-items:center;gap:29px;margin-inline:auto;display:flex}.top-nav a{color:#aac8d8;padding:30px 0;font-size:13px;font-weight:500;transition:color .2s;position:relative}.top-nav a:hover,.top-nav a.active{color:#e8fbff}.top-nav a.active:after,.top-nav a:hover:after{content:"";background:linear-gradient(90deg,#0000,#76e8ff,#0000);height:1px;position:absolute;bottom:20px;left:0;right:0}.header-actions{align-items:center;gap:12px;display:flex}.lang-switch{letter-spacing:.065em;color:#edfaff;align-items:center;gap:9px;font-size:11px;display:flex}.lang-divider{color:#4b839a}.lang-switch a{color:#80a8bd;transition:color .2s}.lang-switch a:hover{color:#b0f6ff}.mobile-menu-button{color:#d4f4ff;background:0 0;border:0;padding:7px;display:none}.universe-home{isolation:isolate;background:radial-gradient(60% 69% at 50% 44%,#256c9a75,#0000 72%),radial-gradient(60% 95% at 18% 52%,#10466459,#0000 79%),linear-gradient(128deg,#102c42 5%,#153b51 46%,#0b2538 100%);place-items:center;min-height:calc(100svh - 78px);display:grid;position:relative;overflow:hidden}.universe-home:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(47% 40% at 49% 44%,#15c2fb21,#0000 74%);position:absolute;inset:0}.universe-home:after{content:"";z-index:-1;pointer-events:none;opacity:.34;background-image:radial-gradient(circle,#c2f4ff 0 1px,#0000 1.6px),radial-gradient(circle,#88deff 0 .8px,#0000 1.5px);background-position:41px 63px,97px 8px;background-size:241px 223px,181px 167px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000 0%,#0000 40% 60%,#000 100%);mask-image:linear-gradient(90deg,#000 0%,#0000 40% 60%,#000 100%)}.sky-glow{pointer-events:none;z-index:-1;filter:blur(54px);border-radius:50%;position:absolute}.sky-glow-a{background:#1f77aa40;width:450px;height:340px;top:11%;left:-140px}.sky-glow-b{background:#149ec829;width:520px;height:360px;bottom:12%;right:-170px}.home-art{flex-direction:column;justify-content:center;align-items:center;width:min(100%,950px);margin-inline:auto;padding:24px 20px 58px;display:flex;position:relative}.art-eyebrow{z-index:7;color:#b2d8e7;letter-spacing:.33em;text-align:center;margin:0 0 -18px;font-size:10px;font-weight:500;position:relative}.art-eyebrow span{color:#66bdcf;margin-inline:8px}.art-caption{z-index:7;flex-direction:column;align-items:center;margin-top:-28px;display:flex;position:relative}.art-rule{background:linear-gradient(90deg,#0000,#89e8ff,#0000);width:88px;height:1px;margin-bottom:17px}.art-caption h1{letter-spacing:.28em;text-align:center;color:#effcff;text-shadow:0 0 22px #8aedff40;margin:0 0 11px;font-size:clamp(17px,2vw,23px);font-weight:500;line-height:1.5}.art-caption p{color:#a7c8d9;letter-spacing:.08em;text-align:center;margin:0;font-size:12px}.scene-credit{letter-spacing:.22em;color:#85b3c9;opacity:.78;writing-mode:vertical-rl;font-size:9px;position:absolute;bottom:15%}.scene-credit-left{left:4%;transform:rotate(180deg)}.scene-credit-right{right:4%}.scene-lower{white-space:nowrap;color:#91c2d4;opacity:.62;letter-spacing:.25em;font-size:9px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.logo-stage{aspect-ratio:1;isolation:isolate;place-items:center;width:min(100%,680px);margin-inline:auto;display:grid;position:relative}.logo-stage--home{width:min(71vh,780px,94vw);max-width:780px}.field-aura{z-index:-2;background:radial-gradient(circle at 50% 46%,#1a79a73b 0%,#1b527538 35%,#0c34491a 58%,#0000 74%);border-radius:50%;animation:8s ease-in-out infinite field-breath;position:absolute;inset:12%;box-shadow:0 0 80px #3cc0f41c,inset 0 0 70px #62dcff13}.field-aura--secondary{background:radial-gradient(circle,#46e7ff0e,#0000 68%);animation-delay:1.8s;inset:22%;box-shadow:0 0 50px #44ccff17}.field-lines{z-index:0;filter:drop-shadow(0 0 7px #46dfff33);width:100%;height:100%;animation:86s linear infinite field-rotate;position:absolute;inset:0;overflow:visible}.field-lines circle,.field-lines ellipse,.field-lines path{fill:none;stroke:url(#fieldHue);stroke-width:1px;stroke-opacity:.22}.field-lines circle:nth-child(2){stroke-width:1.4px;stroke-opacity:.31;stroke-dasharray:4 13}.field-lines circle:nth-child(3){stroke-opacity:.1}.field-lines ellipse{stroke-opacity:.095}.field-lines path{stroke-opacity:.18;stroke-dasharray:5 8}.ring-bolts{z-index:3;pointer-events:none;filter:drop-shadow(0 0 5px #79f2ff8c);width:100%;height:100%;position:absolute;inset:0}.ring-bolts path{stroke:#9dfaff;stroke-width:1.65px;stroke-linejoin:round;stroke-linecap:round;opacity:.15;animation:5.9s linear infinite ring-pulse}.ring-bolts path:nth-child(2){animation-duration:6.7s;animation-delay:-2.2s}.ring-bolts path:nth-child(3){animation-duration:5.3s;animation-delay:-1.4s}.ring-bolts path:nth-child(4){animation-duration:7.3s;animation-delay:-4s}.inner-glow{z-index:-1;filter:blur(26px);background:radial-gradient(circle,#0f86b440,#2b74a214 55%,#0000 70%);border-radius:50%;position:absolute;inset:25%}.logo-art{z-index:2;object-fit:contain;filter:drop-shadow(0 0 18px #25eeff36);width:78%;height:78%;animation:7s ease-in-out infinite logo-float;position:relative}.light-source{z-index:3;pointer-events:none;border-radius:50%;width:5px;height:5px;animation:3s ease-in-out infinite field-breath;position:absolute;top:26.2%;left:49.8%;box-shadow:0 0 14px 4px #5cfdff80,0 0 32px 8px #4accff30}.dynamic-arcs{z-index:4;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.field-sparks{pointer-events:none;z-index:5;position:absolute;inset:0}.field-sparks i{background:#cdfcff;border-radius:50%;width:2px;height:2px;animation:3.5s ease-in-out infinite twinkle;position:absolute;box-shadow:0 0 10px 2px #6ffbffb3}.field-sparks i:first-child{top:31%;left:18%}.field-sparks i:nth-child(2){animation-delay:1.3s;top:18%;left:65%}.field-sparks i:nth-child(3){animation-delay:2.4s;top:63%;right:13%}.field-sparks i:nth-child(4){animation-delay:.8s;bottom:17%;left:29%}.field-sparks i:nth-child(5){animation-delay:1.8s;bottom:23%;right:27%}.field-sparks i:nth-child(6){animation-delay:2.9s;top:45%;left:8%}.logo-stage--small{width:min(100%,370px)}.logo-stage--small .logo-art{width:83%;height:83%}.page-heading{background:radial-gradient(at 75% 48%,#3c8bb533,#0000 53%),linear-gradient(118deg,#1c4158,#102b3d 70%);border-bottom:1px solid #87dcfc1a;padding:90px 0 78px;position:relative;overflow:hidden}.page-heading:after{content:"";pointer-events:none;border:1px solid #73e3ff1c;border-radius:50%;width:580px;height:580px;position:absolute;bottom:-260px;right:-180px;box-shadow:0 0 0 62px #50d3f706,0 0 0 134px #50d3f706}.page-kicker,.section-kicker{letter-spacing:.17em;color:#91e6fa;align-items:center;gap:10px;font-size:11px;font-weight:600;display:inline-flex}.section-kicker i{background:#86eafa;border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 14px #68e9ffcc}.page-heading h1{letter-spacing:-.065em;margin:17px 0 18px;font-size:clamp(37px,5vw,66px);font-weight:600;line-height:1.2}.page-heading p{color:#b9d7e4;max-width:750px;font-size:15px;line-height:1.9}.pills,.detail-pills{flex-wrap:wrap;gap:9px;margin-top:23px;display:flex}.pills span,.detail-pills span{letter-spacing:.07em;color:#b6d9e8;background:#68bad40b;border:1px solid #8fe0fa3b;border-radius:99px;padding:8px 13px;font-size:10px}.section{padding:84px 0}.soft-section,.alternate-section{background:linear-gradient(130deg,#0f374f70,#15475c40);border-top:1px solid #94e2ff0b;border-bottom:1px solid #94e2ff0b}.section-head{margin-bottom:37px}.section-head h2,.section-title-row h2{letter-spacing:-.055em;margin:13px 0;font-size:clamp(28px,3.9vw,44px);font-weight:600;line-height:1.32}.section-head p,.section-title-row p{max-width:620px;color:var(--muted);font-size:14px;line-height:1.9}.section-title-row{justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px;display:flex}.section-title-row h2{margin-bottom:3px}.side-note{color:#739eb6;letter-spacing:.15em;font-size:12px}.inline-link{color:#93f0ff;align-items:center;gap:8px;font-size:13px;font-weight:600;transition:gap .2s;display:inline-flex}.inline-link:hover{gap:14px}.btn{border:1px solid #90e0fb38;border-radius:13px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:12px 20px;font-size:13px;font-weight:600;transition:background .2s,transform .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-primary,.btn-dark{color:#08283a;background:#b0ebff;border-color:#b0ebff}.btn-primary:hover,.btn-dark:hover{background:#d7f7ff}.btn-soft{color:#d0f8ff;background:#72d2f51a}.btn-soft:hover{background:#72d2f52e}.detail-stack,.project-tags{flex-wrap:wrap;gap:8px;display:flex}.detail-stack span,.project-tags span{color:#b3dfed;background:#7acce616;border:1px solid #83d4ed24;border-radius:9px;padding:7px 11px;font-size:11px}.about-hero-layout{grid-template-columns:1.55fr .9fr;align-items:center;gap:50px;display:grid}.about-logo{max-width:315px;margin-left:auto}.split-story{grid-template-columns:230px 1fr;gap:65px;display:grid}.story-number{color:#ace5f7a6;font-size:49px;font-weight:500;line-height:1}.story-number span{letter-spacing:.16em;color:#8dbace;margin-top:15px;font-size:10px;display:block}.split-story h2{letter-spacing:-.05em;margin:15px 0;font-size:clamp(28px,3.3vw,42px);font-weight:600;line-height:1.35}.split-story p{color:#b6d2df;max-width:790px;font-size:15px;line-height:2}.symbol-row{background:linear-gradient(90deg,#51b9da18,#0000);border-left:2px solid #81e3f773;align-items:center;gap:30px;margin-top:27px;padding:22px 25px;display:flex}.symbol-row div{flex-direction:column;gap:7px;display:flex}.symbol-row b{color:#9af2ff;font-size:35px;font-weight:500}.symbol-row span{color:#9dbbd0;font-size:12px}.symbol-arc{opacity:.55;font-size:38px}.skill-blocks{grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0;display:grid}.skill-blocks article{border:1px solid var(--border);background:#7ccfec0e;border-radius:18px;flex-direction:column;gap:12px;padding:25px 20px;display:flex}.skill-blocks article svg{color:#86eafa}.skill-blocks b{letter-spacing:.06em;font-size:12px}.skill-blocks span{color:#a9ccdc;font-size:12px;line-height:1.7}.about-confidential{color:#8db4c8;margin-bottom:23px;font-size:11px;display:block}.about-closing{text-align:center;border:1px solid var(--border);background:radial-gradient(at 50% 20%,#35a2ce29,#0000 70%);border-radius:28px;padding:65px 25px;position:relative}.about-closing>span{letter-spacing:.24em;color:#98dbea;font-size:10px}.about-closing h2{margin:17px 0;font-size:clamp(26px,4vw,44px)}.about-closing p{color:#97bed2;letter-spacing:.2em;margin-bottom:29px;font-size:11px}.projects-grid{grid-template-columns:repeat(3,1fr);gap:21px;display:grid}.featured-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.project-card{background:#3a728e16;border:1px solid #9bdef529;border-radius:19px;min-width:0;transition:transform .25s,box-shadow .25s,border-color .25s;display:block;overflow:hidden}.project-card:hover{border-color:#8fedff66;transform:translateY(-5px);box-shadow:0 22px 55px #01141d2b}.project-art{background:radial-gradient(circle at 50% 44%,#2d8daa52,#0000 55%),linear-gradient(145deg,#21516a,#153549);justify-content:center;align-items:center;height:222px;display:flex;position:relative;overflow:hidden}.project-art:before,.project-art:after{content:"";border:1px solid #d4f9ff2b;border-radius:50%;width:235px;height:235px;position:absolute;transform:rotate(-20deg)scaleY(.5)}.project-art:after{opacity:.7;width:290px;height:290px;transform:rotate(30deg)scaleY(.5)}.project-art-orb{background:radial-gradient(circle,#56dcf91f,#0000 73%);border-radius:50%;width:180px;height:180px;position:absolute}.project-illustration{color:#bef9ff;filter:drop-shadow(0 0 14px #64d4f580);z-index:1;border:1px solid #b1fbff47;border-radius:50%;place-items:center;width:104px;height:104px;display:grid}.project-art-name{letter-spacing:-.055em;font-size:27px;font-weight:600;position:absolute;bottom:33px;left:24px}.project-art-label{letter-spacing:.12em;color:#b9dbe7;font-size:9px;position:absolute;bottom:17px;left:24px}.project-body{padding:26px}.project-top{color:#a6c9d8;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:15px;font-size:10px;display:flex}.project-status{letter-spacing:normal;text-transform:none;align-items:center;gap:6px;display:flex}.project-status i{background:#a0e7ef;border-radius:50%;width:5px;height:5px;display:inline-block}.project-name{justify-content:space-between;align-items:center;gap:10px;margin-top:20px;display:flex}.project-name h3{letter-spacing:-.05em;margin:0;font-size:27px;font-weight:600}.circle-arrow{color:#a9effb;border:1px solid #b6e5f059;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.project-body>p{color:#b5d2e1;min-height:48px;margin:13px 0 18px;font-size:13px;line-height:1.8}.project-tags span{padding:6px 8px;font-size:10px}.centered-note{text-align:center;max-width:700px}.centered-note>span{color:var(--cyan);font-size:36px}.centered-note h2{margin:16px 0;font-size:29px;font-weight:600}.centered-note p{color:#a8c8d9;font-size:14px;line-height:1.8}.detail-hero{background:radial-gradient(at 85% 20%,#3ea0c32e,#0000 50%),linear-gradient(125deg,#143c55,#0d283a);padding:55px 0 74px}.detail-hero--upda{background:radial-gradient(at 82% 20%,#4ca39a2e,#0000 54%),linear-gradient(125deg,#174253,#102b3a)}.detail-hero--mygg{background:radial-gradient(at 82% 20%,#786bb838,#0000 54%),linear-gradient(125deg,#193851,#12283e)}.back-link{color:#a4d8e8;align-items:center;gap:7px;font-size:12px;display:inline-flex}.detail-headline{justify-content:space-between;align-items:center;gap:20px;margin-top:40px;display:flex}.detail-headline h1{letter-spacing:-.09em;margin:17px 0;font-size:clamp(62px,8vw,112px);font-weight:600;line-height:1}.detail-headline p{color:#c0d9e5;max-width:700px;font-size:17px;line-height:1.7}.detail-emblem{color:#a5efff47;font-size:135px;font-weight:600;position:relative}.detail-emblem>span{color:#93dff2;font-size:25px;position:absolute;top:0;right:0}.project-detail-layout{grid-template-columns:270px minmax(0,1fr);align-items:start;gap:68px;display:grid}.project-sidebar{border:1px solid var(--border);background:#59b1d211;border-radius:18px;flex-direction:column;gap:24px;padding:27px;display:flex;position:sticky;top:108px}.project-sidebar>b{letter-spacing:.19em;color:#96e2f2;font-size:11px}.project-sidebar>div:not(.detail-side-links){flex-direction:column;gap:8px;display:flex}.project-sidebar small{color:#8eb6c6;font-size:11px}.project-sidebar strong{font-size:13px;font-weight:600;line-height:1.6}.detail-side-links{border-top:1px solid var(--border);flex-direction:column;gap:13px;padding-top:8px;display:flex}.detail-side-links a{color:#92ebfc;justify-content:space-between;align-items:center;font-size:12px;display:flex}.project-article{min-width:0}.detail-section{border-bottom:1px solid var(--border);margin:0 0 51px;padding:0 0 51px}.detail-section h2{letter-spacing:-.05em;margin:12px 0 19px;font-size:clamp(27px,3.3vw,40px);font-weight:600}.detail-section h3{margin:29px 0 12px;font-size:19px}.detail-section>p{color:#b8d5e3;font-size:15px;line-height:2}.soft-statement{color:#d3edfa;background:linear-gradient(90deg,#56b2de24,#0000);border-left:2px solid #84e8f8;border-radius:0 10px 10px 0;margin-top:25px;padding:24px 27px;font-size:14px;line-height:1.85}.contribution-cards{grid-template-columns:repeat(2,1fr);gap:11px;margin-top:26px;display:grid}.contribution-cards>div{background:#63c0d912;border:1px solid #85dbf61f;border-radius:15px;min-height:122px;padding:21px}.contribution-cards span{letter-spacing:.14em;color:#8aeaff;font-size:11px}.contribution-cards p{color:#c9e2ee;margin:12px 0 0;font-size:13px;line-height:1.75}.feature-bullets{gap:11px;margin-top:21px;display:grid}.feature-bullets>span{color:#bcdae8;font-size:14px;line-height:1.65}.detail-links{flex-wrap:wrap;align-items:center;gap:10px;margin-top:24px;display:flex}.private-code{color:#8ab4c8;align-items:center;gap:6px;font-size:11px;display:inline-flex}.detail-back{margin-bottom:30px}.portfolio-media{border:1px solid var(--border);background:#4b9dbc0a;border-radius:18px;padding:24px}.media-heading{color:#d9f1fb;justify-content:space-between;margin-bottom:20px;font-size:13px;display:flex}.media-heading small{color:#8cbad0;letter-spacing:.15em;font-size:10px}.media-empty{border:1px dashed #96dcf833;border-radius:14px;align-items:center;gap:23px;min-height:150px;padding:25px;display:flex}.media-empty-wave{color:#85dff3;font-size:35px}.media-empty strong{font-size:13px}.media-empty p,.portfolio-gallery-empty{color:#9fc1d3;font-size:12px;line-height:1.8}.portfolio-gallery-empty{margin:18px 0 0}.portfolio-gallery{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.portfolio-gallery figure{margin:0}.portfolio-gallery img{border-radius:9px;width:100%;height:auto}.portfolio-gallery figcaption{color:#a5c5d4;margin-top:6px;font-size:11px}.portfolio-video video{border-radius:12px;width:100%}.interest-highlight{border:1px solid var(--border);background:radial-gradient(circle at 80%,#639fd52e,#0000 45%),linear-gradient(115deg,#1c4960,#1a3a53);border-radius:25px;grid-template-columns:1.15fr .8fr;align-items:center;gap:25px;padding:55px 60px;display:grid;overflow:hidden}.interest-highlight h2{letter-spacing:-.07em;margin:16px 0;font-size:clamp(34px,4.1vw,55px);font-weight:600}.interest-highlight p{color:#bed8e6;font-size:15px;line-height:1.9}.notice-soft{background:#52b0dd14;border:1px solid #a6e8fb29;border-radius:15px;gap:15px;margin:22px 0 27px;padding:20px;display:flex}.notice-soft svg{color:#f0bdda;flex-shrink:0}.notice-soft strong{font-size:13px;display:block}.notice-soft span{color:#acd2e3;margin-top:5px;font-size:12px;line-height:1.8;display:block}.music-art{place-items:center;height:340px;display:grid;position:relative}.music-disc{background:radial-gradient(circle,#82f0ff12,#7aa5d612 60%,#0000 69%);border:1px solid #a2ebff42;border-radius:50%;place-items:center;width:245px;height:245px;animation:60s linear infinite field-rotate;display:grid;position:relative;box-shadow:0 0 0 27px #81d9f709,0 0 0 56px #81d9f706}.music-disc>svg{color:#9deafa}.music-disc-wave{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.music-notes span{color:#c5eaf4;font-size:23px;position:absolute}.music-notes span:first-child{top:10%;right:15%}.music-notes span:nth-child(2){bottom:17%;left:10%}.music-notes span:nth-child(3){bottom:20%;right:3%}.interest-cards{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}.interest-info-card{border:1px solid var(--border);background:#75cae40f;border-radius:21px;padding:38px}.interest-card-icon{color:#a4ecfa;background:#65cdf121;border-radius:17px;place-items:center;width:57px;height:57px;margin-bottom:30px;display:grid}.interest-card-icon.pink{color:#efbedf;background:#f3a5d21f}.interest-info-card h2{letter-spacing:-.05em;margin:13px 0;font-size:30px}.interest-info-card p{color:#bbd6e4;min-height:100px;font-size:14px;line-height:1.9}.end-wrap{text-align:center}.end-wrap>svg,.end-wrap>span{color:#88dfff}.end-wrap h2{margin:16px 0;font-size:31px;font-weight:500}.end-wrap p{letter-spacing:.1em;color:#95bfce;font-size:13px}.service-grid{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}.service-panel{border:1px solid var(--border);background:linear-gradient(135deg,#3e84a936,#18445b2e);border-radius:22px;flex-direction:column;align-items:flex-start;min-height:390px;padding:38px;display:flex;position:relative;overflow:hidden}.service-panel-icon{color:#91e7f9}.service-panel-icon svg{width:28px;height:28px}.service-panel-status{color:#9bdef0;align-items:center;gap:7px;margin-top:22px;font-size:11px;display:flex}.service-panel-status>i{background:#8deefa;border-radius:50%;width:6px;height:6px}.service-panel-status.private{color:#a4c3d3}.service-panel h2{letter-spacing:-.06em;margin:12px 0;font-size:51px;font-weight:600}.service-panel p{color:#bad8e7;max-width:390px;font-size:14px;line-height:1.85}.service-panel-actions{flex-wrap:wrap;align-items:center;gap:23px;margin-top:auto;padding-top:18px;display:flex}.service-panel-foot{color:#90b6c7;letter-spacing:.17em;margin-top:auto;padding-top:30px;font-size:10px}.service-panel-decoration{color:#77ebff17;pointer-events:none;font-size:200px;font-weight:100;position:absolute;top:-38px;right:-10px}.site-footer{background:#0b1d2c80;border-top:1px solid #9fe4ff1f}.footer-inner{justify-content:space-between;align-items:center;gap:30px;padding:47px 0;display:flex}.footer-inner .mini-logo{min-width:0}.footer-inner>div>p{color:#88adbe;margin:15px 0 0;font-size:12px}.footer-inner nav{flex-wrap:wrap;gap:25px;display:flex}.footer-inner nav a{color:#a2c8d8;font-size:12px}.footer-inner nav a:hover{color:#e1faff}.footer-bottom{color:#799eb0;letter-spacing:.07em;border-top:1px solid #9fe4ff17;justify-content:space-between;gap:20px;padding:20px 0;font-size:10px;display:flex}@keyframes field-breath{0%,to{opacity:.65;transform:scale(.985)}50%{opacity:1;transform:scale(1.04)}}@keyframes logo-float{0%,to{transform:translateY(1px)}50%{transform:translateY(-5px)}}@keyframes field-rotate{to{transform:rotate(360deg)}}@keyframes ring-pulse{0%,8%,17%,43%,47%,73%,78%,to{opacity:.11}9%,11%,44%,46%,74%,76%{opacity:.9}12%,49%,79%{opacity:.3}}@keyframes twinkle{0%,to{opacity:.2;transform:scale(.7)}40%,60%{opacity:1;transform:scale(1.4)}}@media (max-width:1100px){.top-nav{gap:19px}.mini-logo{min-width:180px}.wrap{width:min(calc(100% - 56px),var(--max))}.project-detail-layout{gap:37px}.split-story{grid-template-columns:180px 1fr;gap:35px}}@media (max-width:800px){.site-header{height:72px}.top-nav{border-bottom:1px solid var(--border);background:#0e2b3ffa;flex-direction:column;align-items:stretch;gap:0;padding:12px 28px 18px;display:none;position:absolute;top:72px;left:0;right:0;box-shadow:0 25px 45px #0000002e}.top-nav.is-open{display:flex}.top-nav a{padding:13px 0}.top-nav a:after{display:none}.mobile-menu-button{display:block}.mini-logo{min-width:0}.wrap{width:min(calc(100% - 40px),var(--max))}.logo-stage--home{width:min(79vw,65vh,620px)}.universe-home{min-height:calc(100svh - 72px)}.page-heading{padding:62px 0}.about-hero-layout{grid-template-columns:1fr}.about-logo{max-width:265px;margin:10px auto 0}.split-story{grid-template-columns:1fr;gap:25px}.story-number{font-size:33px}.story-number span{margin-left:10px;display:inline}.projects-grid,.featured-grid{grid-template-columns:repeat(2,1fr)}.project-detail-layout{grid-template-columns:1fr}.project-sidebar{grid-template-columns:repeat(3,1fr);gap:15px;display:grid;position:static}.project-sidebar>b,.detail-side-links{grid-column:1/-1}.interest-highlight{grid-template-columns:1fr;padding:37px}.music-art{height:240px}.interest-cards,.service-grid{grid-template-columns:1fr}.section{padding:68px 0}.footer-inner{flex-direction:column;align-items:flex-start}}@media (max-width:540px){.wrap{width:calc(100% - 34px)}.mini-logo-emblem,.mini-logo-emblem img{width:44px;height:44px}.mini-logo-emblem{flex-basis:44px}.mini-logo-text{font-size:14px}.mini-logo-text small{font-size:8px}.lang-switch{font-size:10px}.art-eyebrow{letter-spacing:.2em;margin-bottom:-5px;font-size:9px}.art-caption{margin-top:-9px}.art-caption h1{letter-spacing:.19em;font-size:15px}.art-caption p{font-size:11px}.home-art{padding:25px 8px 65px}.logo-stage--home{width:min(106vw,59vh,470px)}.scene-credit{opacity:.5;font-size:8px}.scene-credit-left{left:7px}.scene-credit-right{right:7px}.scene-lower{font-size:8px;bottom:19px}.page-heading h1{font-size:38px}.page-heading p{font-size:13px}.section{padding:56px 0}.section-head h2,.section-title-row h2{font-size:30px}.section-title-row{flex-direction:column;align-items:flex-start;gap:18px}.symbol-row{gap:10px;padding:17px}.symbol-row b{font-size:28px}.symbol-row span{font-size:10px}.skill-blocks,.projects-grid,.featured-grid{grid-template-columns:1fr}.project-art{height:205px}.project-body{padding:24px}.detail-headline h1{font-size:66px}.detail-headline p{font-size:14px}.detail-emblem{display:none}.project-sidebar{grid-template-columns:repeat(2,1fr);padding:22px}.project-sidebar>div:nth-child(4){grid-column:1/-1}.contribution-cards{grid-template-columns:1fr}.portfolio-media{padding:18px}.media-empty{gap:12px;padding:16px}.media-empty-wave{font-size:22px}.portfolio-gallery{grid-template-columns:1fr}.interest-highlight{padding:29px 22px}.interest-highlight h2{font-size:36px}.music-disc{width:190px;height:190px}.music-disc>svg:first-child{width:145px}.interest-info-card{padding:29px}.interest-info-card p{min-height:0}.service-panel{min-height:340px;padding:29px}.service-panel h2{font-size:44px}.footer-inner nav{gap:17px}.footer-bottom{flex-direction:column;gap:7px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.plasma-halo{z-index:0;pointer-events:none;filter:blur(11px);background:conic-gradient(from 16deg,#0000 2%,#4dd2ff0d 10%,#0000 19%,#82a9fa21 33%,#0000 42%,#4be6fd17 56%,#0000 67%,#a081eb1f 82%,#0000 93%);border-radius:50%;animation:20s ease-in-out infinite alternate plasma-rotate;position:absolute;inset:18%;transform:rotateX(57deg)rotate(-18deg);-webkit-mask-image:radial-gradient(circle,#0000 49%,#000 58%,#0000 68%);mask-image:radial-gradient(circle,#0000 49%,#000 58%,#0000 68%)}.logo-electric-overlay{z-index:3;object-fit:contain;pointer-events:none;opacity:.08;filter:drop-shadow(0 0 12px #61edff61);mix-blend-mode:screen;width:78%;height:78%;animation:7.4s step-end infinite overlap-flash;position:absolute}.logo-stage--small .logo-electric-overlay{width:83%;height:83%}.dynamic-arcs{filter:drop-shadow(0 0 5px #60ebff73)}.field-lines{opacity:.84}.story-wave{align-items:center;gap:9px;height:54px;margin-top:26px;display:flex}.story-wave span{opacity:.45;background:linear-gradient(90deg,#0000,#60c7f8,#0000);border-radius:4px;width:26px;height:2px}.story-wave span:nth-child(2){opacity:.85;background:#8cefff;width:48px;box-shadow:0 0 14px #49d0ff8a}.story-wave span:nth-child(3){width:75px}.story-wave i{background:#9deaff;border-radius:50%;width:8px;height:8px;box-shadow:0 0 24px #6cddf7}.visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.projects-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.projects-grid .project-card--otapos{grid-column:span 2}.project-card--otapos .project-art{background:radial-gradient(circle at 60% 35%,#42deff3b,#0000 58%),linear-gradient(140deg,#15547ed9,#122b4cf0);min-height:286px}.project-card--otapos .project-illustration{justify-content:center;align-items:center;min-height:156px;display:flex}.project-brand-logo{filter:drop-shadow(0 18px 22px #05264359);width:min(80%,300px);height:auto}.project-card--otapos .project-art-name{display:none}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service-panel-public{background:radial-gradient(circle at 85% 17%,#57dbff40,#0000 49%),linear-gradient(120deg,#1f709657,#133b5c47);grid-column:span 2;min-height:390px}.service-panel-private{grid-column:span 1;min-width:0}.service-brand{object-fit:contain;object-position:left center;width:min(300px,100%);max-width:100%;height:126px;margin:-13px 0 -12px;display:block}.service-brand--otapos{width:min(340px,100%)}.service-panel h2.visually-hidden{margin:0}.service-panel p{max-width:500px}.service-panel-public .service-panel-decoration{font-size:240px;top:2%;right:3%;transform:rotate(-16deg)}.service-panel-private .service-panel-decoration{font-size:160px}.interest-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.interest-dj{background:radial-gradient(at 15% 5%,#a06ebb26,#0000 64%),#75cae40f}@keyframes overlap-flash{0%,13%,22%,43%,52%,69%,87%,to{opacity:.06}14%,15%,44%,45%,70%,71%{opacity:.37}16%,46%,72%{opacity:.15}}@keyframes plasma-rotate{0%{transform:rotateX(57deg)rotate(-22deg)scale(.98)}to{transform:rotateX(63deg)rotate(34deg)scale(1.05)}}@media (max-width:1000px){.interest-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.interest-dj{grid-column:span 2}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.projects-grid .project-card--otapos{grid-column:span 2}}@media (max-width:780px){.service-grid{grid-template-columns:1fr}.service-panel-public,.service-panel-private{grid-column:span 1}.interest-cards{grid-template-columns:1fr}.interest-dj{grid-column:span 1}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.projects-grid{grid-template-columns:1fr}.projects-grid .project-card--otapos{grid-column:span 1}.service-brand{width:min(290px,100%)}.service-panel{padding:26px}.service-panel-public{min-height:400px}}@media (prefers-reduced-motion:reduce){.plasma-halo,.logo-electric-overlay{animation:none!important}.logo-electric-overlay{opacity:0!important}}.project-card--otapos .project-illustration{filter:drop-shadow(0 0 20px #5cdffc4d);border:0;border-radius:0;width:min(90%,350px);height:170px;min-height:170px}.project-card--otapos .project-brand-logo{width:100%;max-width:350px;height:170px}.project-art .project-brand-mark{z-index:2;place-items:center;min-width:0;max-width:100%;display:grid;position:relative}.project-card--upda .project-art,.project-card--mygg .project-art{isolation:isolate}.project-card--upda .project-art{background:radial-gradient(at 75% 5%,#e7f4e6,#0000 67%),linear-gradient(145deg,#f9fff9,#d2ece0)}.project-card--mygg .project-art{background:radial-gradient(at 70% 17%,#fff,#0000 75%),linear-gradient(145deg,#e8f5fc,#d7eaf3)}.project-card--upda .project-art:before,.project-card--upda .project-art:after,.project-card--mygg .project-art:before,.project-card--mygg .project-art:after,.project-card--otapos .project-art:before,.project-card--otapos .project-art:after{display:none}.brand-upda,.brand-mygg{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex;position:relative}.brand-upda{flex-direction:column;padding:4px 25px 12px 10px}.brand-upda strong{color:#15202a;letter-spacing:-.08em;font-family:Arial,Helvetica,sans-serif;font-size:clamp(37px,4.2vw,58px);font-weight:900;line-height:1}.brand-upda i{background:#85ca6d;border-radius:2px;height:3px;position:absolute;bottom:8px;left:8%;right:14%;transform:rotate(-2deg)}.brand-upda-leaves{color:#b5e73d;text-shadow:0 0 4px #b7df8e;font-size:27px;position:absolute;top:-15px;right:5px;transform:rotate(-23deg)}.brand-mygg{letter-spacing:-.03em;color:#61b3cf;text-shadow:0 2px 2px #2166831f;font-family:Arial,Helvetica,sans-serif;font-size:clamp(32px,3.4vw,53px);font-weight:800}.project-card--otapos .project-art{isolation:isolate;background:linear-gradient(120deg,#fff4f1 0%,#ffe8ee 55%,#fad3df 100%);min-height:286px}.project-card--otapos .project-art-orb,.project-card--otapos .project-art-label,.project-card--otapos .project-art-name{display:none}.otapos-mascot-art{z-index:1;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 8px 16px #b040541f);width:51%;height:calc(100% - 20px);position:absolute;bottom:-12px;right:1%;-webkit-mask-image:linear-gradient(#000 0% 88%,#0000 100%);mask-image:linear-gradient(#000 0% 88%,#0000 100%)}.project-card--otapos .project-brand-mark{width:50%;position:absolute;top:43%;left:5%;transform:translateY(-50%)}.brand-otapos{white-space:nowrap;justify-content:center;align-items:center;gap:7px;display:flex}.brand-otapos img{mix-blend-mode:multiply;border-radius:15px;width:clamp(52px,5.5vw,74px);height:auto;display:block}.brand-otapos strong{color:#25212a;letter-spacing:-.065em;font-family:Arial,Helvetica,sans-serif;font-size:clamp(29px,3.7vw,54px);font-weight:850;line-height:1}.brand-otapos strong span{color:#ed6375}.project-card--otapos .project-brand-mark:after{content:"EVENT POS";letter-spacing:.25em;color:#af6375;font-size:9px;position:absolute;bottom:-24px;left:32%}.detail-emblem{justify-content:center;align-items:center;width:auto;min-width:200px;max-width:40%;display:flex}.detail-emblem .brand-otapos{background:#fff0f4f5;border-radius:15px;padding:14px}.detail-emblem .brand-otapos strong{font-size:33px}.detail-emblem .brand-upda strong,.detail-emblem .brand-mygg{font-size:64px}.detail-emblem .brand-upda{background:#ffffffe8;border-radius:12px;padding:20px}.detail-emblem .brand-mygg{text-shadow:0 0 16px #92e3f559}.service-otapos-heading{z-index:1;max-width:260px;margin:8px 0 24px;position:relative}.service-otapos-heading .brand-otapos{background:#ffecf2f7;border-radius:15px;padding:12px 15px}.service-otapos-heading .brand-otapos strong{font-size:33px}.service-otapos-heading .brand-otapos img{width:55px}.service-otapos-mascot{object-fit:contain;opacity:.85;pointer-events:none;width:39%;height:auto;max-height:300px;position:absolute;bottom:0;right:5%;-webkit-mask-image:linear-gradient(#000 0% 78%,#0000 100%);mask-image:linear-gradient(#000 0% 78%,#0000 100%)}.service-panel-public p,.service-panel-public .service-panel-status,.service-panel-public .service-panel-actions{z-index:1;max-width:51%;position:relative}@media (max-width:1050px){.otapos-mascot-art{width:48%;right:0}.project-card--otapos .project-brand-mark{width:54%;left:3%}.brand-otapos strong{font-size:clamp(30px,4vw,45px)}}@media (max-width:650px){.project-card--otapos .project-art{min-height:230px}.otapos-mascot-art{width:47%;right:0}.project-card--otapos .project-brand-mark{width:56%;left:1%}.brand-otapos strong{font-size:31px}.brand-otapos img{width:42px}.detail-emblem{display:none}.service-otapos-mascot{opacity:.5;width:55%}.service-panel-public p,.service-panel-public .service-panel-actions{max-width:85%}.service-otapos-heading .brand-otapos strong{font-size:32px}}.about-heading h1{word-break:keep-all;font-size:clamp(33px,4.1vw,54px)}.otapos-mascot-art{-webkit-mask-image:radial-gradient(78% 82% at 52%,#000 55%,#0000 99%);mask-image:radial-gradient(78% 82% at 52%,#000 55%,#0000 99%)}.service-otapos-mascot{-webkit-mask-image:radial-gradient(79% 81% at 52% 48%,#000 53%,#0000 98%);mask-image:radial-gradient(79% 81% at 52% 48%,#000 53%,#0000 98%)}.music-disc{isolation:isolate;animation:none;position:relative;box-shadow:0 0 0 30px #81d9f708,0 0 0 58px #81d9f705,inset 0 0 55px #2d99c51a}.music-disc:before{content:"";pointer-events:none;border:1px dashed #9beeff30;border-radius:50%;animation:75s linear infinite field-rotate;position:absolute;inset:-12px}.music-disc .music-twinmark{filter:drop-shadow(0 0 15px #7ee7ff45);width:100%;height:100%;padding:10px;overflow:visible}@media (max-width:540px){.music-disc .music-twinmark{padding:6px}}.service-grid{align-items:stretch}.service-grid>.service-panel{isolation:isolate;flex-direction:column;justify-content:flex-start;min-height:336px;padding:34px 35px;display:flex}.service-panel-public{background:radial-gradient(circle at 95% 70%,#c783a51c,#0000 49%),linear-gradient(135deg,#39718e40,#1e486540)}.service-panel-private{background:radial-gradient(circle at 90% 20%,#80c1da12,#0000 55%),linear-gradient(135deg,#39718e36,#1e486536)}.service-panel-main{z-index:2;flex-direction:column;align-items:flex-start;gap:0;width:100%;height:100%;display:flex;position:relative}.service-panel-public .service-panel-main{max-width:59%}.service-brandbox{background:#c3e8f40f;border:1px solid #dbf2ff1a;border-radius:14px;justify-content:center;align-items:center;max-width:100%;height:87px;min-height:87px;margin:0 0 12px;padding:9px 13px;display:inline-flex}.service-brandbox--otapos{background:#fce9ec;border-color:#fce9ec;padding:8px 15px}.service-brandbox--otapos .brand-otapos{gap:6px}.service-brandbox--otapos .brand-otapos strong{font-size:clamp(26px,2.8vw,38px)}.service-brandbox--otapos .brand-otapos img{width:56px;height:56px}.service-brandbox--ark{background:#78accc11;height:87px;padding:6px 9px}.service-brandbox--ark .service-brand{object-position:left center;width:100%;max-width:230px;height:75px;margin:0}.service-panel .service-panel-status{max-width:none;margin:6px 0 12px}.service-panel .service-panel-main>p{color:#c3deeb;max-width:100%;margin:0;font-size:14px;line-height:1.75}.service-panel-public .service-panel-status,.service-panel-public .service-panel-actions,.service-panel-public p{max-width:none}.service-panel .service-panel-actions{gap:17px;margin:20px 0 0;padding-top:0}.service-otapos-mascot{opacity:.92;object-fit:contain;object-position:bottom center;width:34%;height:auto;max-height:290px;top:auto;bottom:3%;right:3%;-webkit-mask-image:radial-gradient(84% 83% at 52%,#000 61%,#0000 100%);mask-image:radial-gradient(84% 83% at 52%,#000 61%,#0000 100%)}.service-panel-public .service-panel-decoration,.service-panel-private .service-panel-decoration{display:none}@media (max-width:780px){.service-grid>.service-panel{min-height:315px}.service-panel-public .service-panel-main{max-width:61%}.service-otapos-mascot{width:34%;right:4%}}@media (max-width:560px){.service-grid>.service-panel{min-height:290px;padding:25px}.service-panel-public .service-panel-main{max-width:78%}.service-otapos-mascot{opacity:.52;width:42%;right:-5%}.service-brandbox{height:74px;min-height:74px}.service-brandbox--otapos .brand-otapos strong{font-size:28px}.service-brandbox--otapos .brand-otapos img{width:44px;height:44px}.service-brandbox--ark .service-brand{max-width:190px;height:68px}.service-panel .service-panel-actions{gap:13px}.service-panel .service-panel-main>p{font-size:13px}}@media (prefers-reduced-motion:reduce){.music-disc:before{animation:none}}.service-otapos-mascot{opacity:.83;-webkit-mask-image:radial-gradient(73% 74% at 52% 48%,#000 15%,#000000e6 38%,#0000 82%);mask-image:radial-gradient(73% 74% at 52% 48%,#000 15%,#000000e6 38%,#0000 82%)}.project-details-section{padding-top:62px}.project-gallery-block{margin-bottom:48px}.project-gallery-title{align-items:baseline;gap:22px;margin-bottom:18px;display:flex}.project-gallery-title h2{letter-spacing:-.045em;margin:0;font-size:clamp(23px,3vw,33px);font-weight:600;line-height:1.25}.project-gallery-title .section-kicker{letter-spacing:.19em}.project-gallery-empty{color:#b7d9e7;letter-spacing:.02em;background:radial-gradient(at 50% -24%,#4dbbdd26,#0000 65%),linear-gradient(130deg,#1e536f3d,#10314838);border:1px solid #91def72e;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:204px;font-size:13px;display:flex;position:relative;overflow:hidden}.project-gallery-empty:before,.project-gallery-empty:after{content:"";border:1px solid #76ddfa0f;border-radius:50%;width:340px;height:230px;position:absolute;transform:rotate(-22deg)}.project-gallery-empty:after{width:430px;height:265px;transform:rotate(25deg)}.project-gallery-empty-icon{color:#a8eaf7;background:#8ddef811;border:1px solid #9ae7fb3d;border-radius:18px;place-items:center;width:67px;height:67px;display:grid;box-shadow:0 0 36px #46c1e914}.project-gallery-empty-icon,.project-gallery-empty>span{z-index:1}.project-gallery-block .portfolio-media{padding:18px}.project-gallery-block .portfolio-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.project-gallery-block .portfolio-gallery figure img{aspect-ratio:16/10;object-fit:cover}@media (max-width:800px){.project-details-section{padding-top:44px}.project-gallery-block{margin-bottom:34px}.project-gallery-block .portfolio-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:540px){.project-gallery-title{flex-wrap:wrap;gap:12px}.project-gallery-title h2{font-size:25px}.project-gallery-empty{min-height:180px}.project-gallery-block .portfolio-gallery{grid-template-columns:1fr}}.lang-choice{white-space:nowrap;align-items:center;gap:9px;display:inline-flex}.lang-active{color:#f3fcff;text-shadow:0 0 14px #8af1ff59;font-weight:700}.footer-contact{color:#a7eaf7;border-bottom:1px solid #8ae7fb4d;padding-bottom:3px;font-size:13px}.footer-contact:hover{color:#f0fdff;border-color:#d3f6ff}.interest-cards{flex-direction:column;gap:22px;display:flex}.interest-info-card{grid-template-columns:140px minmax(0,1fr);align-items:center;column-gap:32px;min-height:230px;padding:32px 45px;display:grid}.interest-dj{grid-column:auto}.interest-card-icon{background:radial-gradient(circle,#62d3f838,#51aacc0d);border-radius:28px;width:110px;height:110px;margin:0;box-shadow:inset 0 0 30px #69d9f50b}.interest-card-icon.pink{background:radial-gradient(circle,#e797e030,#7867af0d)}.interest-card-icon svg{width:49px;height:49px}.interest-card-body{min-width:0}.interest-info-card h2{margin:12px 0;font-size:clamp(27px,3vw,37px)}.interest-info-card p{max-width:780px;min-height:0;margin-bottom:18px}.interest-rhythm{background:radial-gradient(at 95% 5%,#9774cf1f,#0000 60%),#75cae40f}@media (max-width:800px){.interest-cards{flex-direction:column;display:flex}.interest-info-card{grid-template-columns:95px minmax(0,1fr);column-gap:22px;min-height:215px;padding:28px}.interest-card-icon{border-radius:22px;width:83px;height:83px}.interest-card-icon svg{width:37px;height:37px}}@media (max-width:540px){.interest-info-card{min-height:unset;flex-direction:column;align-items:flex-start;padding:28px;display:flex}.interest-card-icon{width:65px;height:65px;margin-bottom:20px}.interest-card-icon svg{width:31px;height:31px}.interest-info-card h2{font-size:28px}.lang-switch,.lang-choice{gap:4px}.header-actions{gap:6px}}.about-heading .about-hero-layout{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:center;gap:32px}.about-brand-symbol{width:100%;min-width:0;max-width:590px;margin-left:auto}.ci-symbol{isolation:isolate;background:radial-gradient(at 51% 44%,#38a7cd2e,#255d7a17 45%,#0000 73%),#07233630;border:1px solid #85e3fa1c;border-radius:22px;margin:0;position:relative;overflow:hidden}.ci-label-header{z-index:2;color:#8dbdd0;letter-spacing:.15em;justify-content:space-between;align-items:center;font-size:9px;display:flex;position:absolute;top:16px;left:21px;right:21px}.ci-label-header strong{color:#d4f7ff;letter-spacing:-.01em;font-size:16px;font-weight:600}.ci-art{aspect-ratio:600/430;isolation:isolate;height:auto;position:relative}.ci-radial{filter:blur(10px);background:radial-gradient(#37c4ec21,#0000 75%);position:absolute;inset:6% 24%}.ci-brand-image{object-fit:contain;filter:drop-shadow(0 0 20px #3eddff2e);width:52%;height:auto;position:absolute;top:10.5%;left:25%}.ci-traces{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ci-trace{fill:none;stroke:#80d5ed;stroke-width:1.15px;stroke-opacity:.65;stroke-dasharray:3 5}.ci-trace--source{stroke:#acefff;stroke-opacity:.88}.ci-pin{fill:#75d4f0;stroke:#13455d;stroke-width:1.5px;filter:drop-shadow(0 0 4px #63c9e7)}.ci-pin--bright{fill:#e6feff;filter:drop-shadow(0 0 8px #6ffaff)}.ci-callout{z-index:2;word-break:keep-all;flex-direction:column;gap:3px;max-width:28%;display:flex;position:absolute}.ci-callout--source{top:9.4%;right:1.8%}.ci-callout--tower{top:70.5%;right:2.2%}.ci-callout--wave{top:58%;left:3%}.ci-key{letter-spacing:.12em;color:#7fcfe5;font:600 8px/1.3 DM Sans,sans-serif}.ci-callout strong{letter-spacing:-.025em;color:#e4faff;font-size:clamp(11px,1.15vw,14px);font-weight:600;line-height:1.3}.ci-callout small{color:#a1cddd;font-size:clamp(9px,.85vw,11px);line-height:1.4}.ci-caption{background:#0e3c5121;border-top:1px solid #7ccfeb1a;flex-direction:column;align-items:flex-start;gap:8px;padding:14px 22px 17px;display:flex}.ci-caption span{color:#def6ff;font-size:12px;font-weight:600}.ci-caption p{max-width:unset;color:#a8cedc;margin:0;font-size:11px;line-height:1.6}.detail-brand-area{flex-direction:column;flex:0 0 min(350px,39%);align-items:center;gap:18px;width:min(350px,39%);display:flex}.detail-brand-area .detail-emblem{justify-content:center;align-items:center;width:100%;min-width:0;max-width:100%;height:auto;min-height:120px;display:flex}.detail-github-button{color:#e8fbff;background:#061d2c3b;border:1px solid #9de2fa4f;border-radius:13px;justify-content:center;align-items:center;gap:10px;min-width:190px;max-width:100%;min-height:44px;padding:9px 14px;font-size:13px;font-weight:600;transition:border-color .18s,background .18s,transform .18s;display:inline-flex}.detail-github-button:hover{background:#4496b72e;border-color:#84eaff;transform:translateY(-2px)}.detail-github-button>svg:first-child{color:#b9edfa;flex:0 0 19px}.detail-github-button small{color:#a5cfe0;white-space:nowrap;font-size:10px;font-weight:400}.detail-github-button>svg:last-child{opacity:.78;color:#95dcef;flex:0 0 15px;margin-left:auto}@media (max-width:1000px){.about-heading .about-hero-layout{grid-template-columns:1fr;gap:32px}.about-brand-symbol{max-width:590px;margin:0 auto}.ci-callout strong{font-size:14px}.ci-callout small{font-size:11px}}@media (max-width:650px){.detail-headline{flex-direction:column;align-items:flex-start;gap:30px}.detail-brand-area{flex:none;align-items:flex-start;gap:12px;width:100%}.detail-brand-area .detail-emblem{display:none}.detail-github-button{min-width:195px}.ci-callout strong{font-size:11px}.ci-callout small{font-size:9px}}@media (max-width:440px){.ci-label-header{font-size:8px;top:9px;left:12px;right:12px}.ci-label-header strong{font-size:12px}.ci-callout{gap:2px}.ci-callout--source{top:10%;right:.6%}.ci-callout--wave{top:59%;left:2%}.ci-callout--tower{top:73%;right:.6%}.ci-key{font-size:7px}.ci-callout strong{font-size:10px}.ci-callout small{font-size:8px}.ci-caption{padding:11px 14px 13px}}@media (max-width:650px){.detail-brand-area .detail-emblem{justify-content:flex-start;max-width:270px;min-height:96px;display:flex}.detail-brand-area .detail-emblem .brand-upda{border-radius:12px;padding:10px 16px}.detail-brand-area .detail-emblem .brand-upda strong{font-size:43px}.detail-brand-area .detail-emblem .brand-mygg{font-size:42px}.detail-brand-area .detail-emblem .brand-otapos{padding:9px 12px}.detail-brand-area .detail-emblem .brand-otapos strong{font-size:27px}}.about-heading .about-hero-layout>:first-child{min-width:0;max-width:100%}.about-heading h1{letter-spacing:-.052em;white-space:pre-line;word-break:normal;overflow-wrap:anywhere;text-wrap:balance;min-width:0;max-width:100%;font-size:clamp(31px,3.15vw,47px);line-height:1.32}.about-heading .about-hero-layout{column-gap:clamp(35px,4vw,62px)}@media (min-width:1001px) and (max-width:1200px){.about-heading .about-hero-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:28px}}@media (max-width:1000px){.about-heading .about-hero-layout{grid-template-columns:minmax(0,1fr)}.about-heading h1{font-size:clamp(32px,4.35vw,44px)}}@media (max-width:540px){.about-heading h1{font-size:clamp(29px,8.1vw,37px)}}.project-gallery-block .portfolio-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.project-gallery-block .portfolio-gallery figure{flex-direction:column;gap:9px;min-width:0;margin:0;display:flex}.project-gallery-block .portfolio-gallery figure:first-child{grid-column:1/-1}.project-gallery-block .portfolio-gallery figure a{background:#f2f5f7;border:1px solid #b0d6e333;border-radius:13px;justify-content:center;align-items:center;min-height:210px;transition:border-color .2s,transform .2s;display:flex;overflow:hidden}.project-gallery-block .portfolio-gallery figure a:hover{border-color:#7edcf8b3;transform:translateY(-2px)}.project-gallery-block .portfolio-gallery img{aspect-ratio:auto;object-fit:contain;object-position:center;background:#f2f5f7;border-radius:0;width:100%;max-width:100%;height:260px;display:block}.project-gallery-block .portfolio-gallery figure:first-child img{height:auto;min-height:240px;max-height:490px}.project-gallery-block .portfolio-gallery figcaption{color:#b1d6e6;margin:0;padding:0 4px;font-size:12px;line-height:1.5}.detail-brand-area .detail-github-button{min-width:190px}@media (max-width:650px){.project-gallery-block .portfolio-gallery{grid-template-columns:1fr;gap:18px}.project-gallery-block .portfolio-gallery figure:first-child{grid-column:auto}.project-gallery-block .portfolio-gallery img{height:auto;min-height:130px;max-height:340px}.project-gallery-block .portfolio-gallery figure:first-child img{min-height:0;max-height:340px}}.project-gallery-block .portfolio-gallery figure:first-child a{min-height:0;display:block}.project-gallery-block .portfolio-gallery figure:first-child img{object-fit:contain;width:100%;height:auto;min-height:0;max-height:none;display:block}.project-gallery-block .portfolio-media{background:#28698a1f;border:1px solid #80d8f42b;border-radius:17px;padding:16px}.gallery-film{min-width:0}.gallery-film-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:11px;display:flex}.gallery-film-summary{color:#a8d6e7;letter-spacing:.17em;align-items:center;gap:10px;font-size:11px;font-weight:700;display:inline-flex}.gallery-film-summary svg{color:#89e9f9}.gallery-film-controls{align-items:center;gap:7px;display:flex}.gallery-film-arrow{appearance:none;color:#b6e6f5;cursor:pointer;background:#09243494;border:1px solid #91dff340;border-radius:8px;place-items:center;width:33px;height:31px;transition:background .18s,border-color .18s;display:grid}.gallery-film-arrow:hover{background:#245d79;border-color:#8fe5fa}.gallery-film-track{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#467d98 transparent;-webkit-overflow-scrolling:touch;gap:12px;padding:3px 2px 8px;display:flex;overflow-x:auto}.gallery-film-thumb{appearance:none;cursor:pointer;text-align:left;color:#c1dbe7;scroll-snap-align:start;background:#14394c;border:1px solid #8bcbe426;border-radius:10px;flex:0 0 clamp(150px,17vw,204px);min-width:0;padding:0 0 10px;transition:transform .18s,border-color .18s,box-shadow .18s;position:relative;overflow:hidden}.gallery-film-thumb:hover,.gallery-film-thumb:focus-visible{border-color:#8ce7ff;transform:translateY(-2px);box-shadow:0 0 0 1px #71e2fc47}.gallery-film-thumb:focus-visible{outline-offset:3px;outline:2px solid #c0f8ff}.gallery-film-picture{aspect-ratio:16/10;background:#e9eff1;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.gallery-film-picture img{object-fit:contain;background:#edf1f4;width:100%;height:100%;display:block}.gallery-film-index{color:#7dbed9;letter-spacing:.14em;vertical-align:middle;margin:9px 8px 0 11px;font-size:10px;display:inline-block}.gallery-film-caption{white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;max-width:calc(100% - 48px);font-size:11px;display:inline-block;overflow:hidden}@media (max-width:650px){.project-gallery-block .portfolio-media{padding:12px}.gallery-film-thumb{flex-basis:150px}.gallery-film-track{gap:9px}.gallery-film-summary{font-size:10px}.gallery-lightbox{border-radius:11px;width:100vw;max-width:100vw;max-height:94dvh}.gallery-lightbox-frame{max-height:94dvh}.gallery-lightbox-stage{grid-template-columns:36px minmax(0,1fr) 36px;gap:0;padding:6px 4px 12px}.gallery-lightbox-step{width:32px;height:44px}.gallery-lightbox-image{max-height:calc(94dvh - 140px)}}@media (prefers-reduced-motion:reduce){.gallery-film-thumb,.gallery-film-arrow{transition:none}.gallery-film-track{scroll-behavior:auto}}.project-gallery-title{flex-wrap:wrap}.project-gallery-demo-note{color:#add8e6;letter-spacing:0;margin-left:auto;font-size:12px;font-weight:400;line-height:1.45}@media (max-width:720px){.project-gallery-demo-note{flex-basis:100%;margin-left:0}}.universe-home{grid-template-columns:minmax(0,1fr)}.home-art{box-sizing:border-box;width:100%;min-width:0;max-width:950px}.logo-stage--home{max-width:100%}@media (max-width:540px){.home-art{width:100%;min-width:0;max-width:100%;margin-inline:auto;padding-inline:0}.logo-stage--home{flex-shrink:0;width:min(98vw,59svh,470px);max-width:100%;margin-inline:auto}.art-eyebrow,.art-caption{max-width:calc(100vw - 30px)}}.brand-upda-leaves{filter:drop-shadow(0 0 2px #9ce35559);width:34px;height:36px;position:absolute;top:-16px;right:2px;transform:rotate(-9deg)}.detail-emblem .brand-upda-leaves{width:33px;height:35px;top:1px;right:3px}.feature-bullets{gap:13px;margin:21px 0 0;padding:0;list-style:none;display:grid}.feature-bullets li{color:#bcdae8;padding-left:21px;font-size:14px;line-height:1.7;position:relative}.feature-bullets li:before{content:"";background:#8ed7e9;border-radius:50%;width:5px;height:5px;position:absolute;top:.76em;left:1px}.project-collection{padding-top:64px}.project-collection .section-title-row{margin-bottom:34px}.project-phase+.project-phase{margin-top:52px}.project-phase-heading{align-items:center;gap:20px;margin:0 0 18px;display:flex}.project-phase-heading:after{content:"";background:#8fd2e829;flex:1;height:1px}.project-phase-heading h3{color:#d0eef7;letter-spacing:.13em;align-items:center;gap:10px;margin:0;font-size:13px;font-weight:650;display:inline-flex}.phase-dot{background:#8eeafa;border-radius:50%;width:8px;height:8px;box-shadow:0 0 14px #72dbfb5c}.phase-dot--archived{box-shadow:none;background:#8398aa}.projects-grid--active{grid-template-columns:repeat(2,minmax(0,1fr))}.projects-grid--active .project-card--otapos{grid-column:span 2}.projects-grid--archived{grid-template-columns:repeat(3,minmax(0,1fr))}.project-card--archived{opacity:.95}.project-card--archived .project-status{color:#9db0bd}.project-status--archived i{box-shadow:none;background:#8e9da8}.project-status--active{color:#99eef5}.project-status--active i{background:#75e4ef;box-shadow:0 0 7px #7ce5f080}.project-card--festmap .project-art{background:radial-gradient(circle at 57% 29%,#65e7e747,#0000 43%),linear-gradient(125deg,#174c62,#183247)}.project-card--festmap .project-art:before,.project-card--festmap .project-art:after{display:none}.brand-festmap{color:#dffbfb;letter-spacing:-.035em;align-items:center;gap:14px;font-size:clamp(27px,3.3vw,44px);display:flex}.festmap-pin{filter:drop-shadow(0 0 12px #63eef573);border:3px solid #89f0f6;border-radius:50% 50% 50% 6%;place-items:center;width:47px;height:47px;display:grid;transform:rotate(-45deg)}.festmap-pin i{background:#aaf9f4;border-radius:50%;width:13px;height:13px;display:block}.detail-hero--festmap{background:radial-gradient(at 81% 21%,#4bc6ca38,#0000 53%),linear-gradient(125deg,#133e50,#102b3c)}.detail-hero .detail-state--archived{color:#afc2ce;border-color:#a0b2bf54}.detail-brand-area .detail-emblem{min-height:100px}.project-intro-band{background:linear-gradient(110deg,#3f90aa1f,#123f5c12);border-top:1px solid #9adbef21;border-bottom:1px solid #9adbef29}.project-intro-inner{flex-direction:column;align-items:flex-start;gap:19px;padding-top:27px;padding-bottom:29px;display:flex}.project-intro-inner>p{color:#d1e8f1;letter-spacing:-.015em;max-width:890px;margin:0;font-size:clamp(15px,1.65vw,18px);line-height:1.9}.project-background{border-top:1px solid #95def62e;width:100%;max-width:960px;padding-top:24px}.project-background h2{letter-spacing:-.035em;color:#eefaff;margin:0 0 13px;font-size:clamp(18px,2.2vw,22px);font-weight:650}.project-background p{white-space:pre-line;color:#bad8e7;letter-spacing:-.008em;overflow-wrap:anywhere;margin:0;font-size:clamp(14px,1.32vw,16px);line-height:1.95}@media (max-width:540px){.project-background{padding-top:19px}.project-background p{line-height:1.85}}.project-visit-actions{gap:12px;display:flex}.project-visit-actions .detail-github-button{background:#4195b730;border-color:#97e1f966;min-width:0;padding:11px 20px}.project-visit-actions .detail-github-button>svg:last-child{margin-left:6px}.otapos-flow-section{padding:52px 0 20px}.otapos-flow-section .section-kicker{font-size:11px}.otapos-flow-section h2{margin:14px 0 10px;font-size:clamp(24px,3.7vw,36px);font-weight:650}.otapos-flow-section .flow-intro{color:#bcdbe8;margin:0 0 24px;line-height:1.8}.otapos-flow{grid-template-columns:minmax(0,1fr) minmax(100px,.45fr) minmax(0,1.15fr);align-items:center;gap:13px;max-width:1100px;display:grid}.flow-node{background:linear-gradient(140deg,#206e9152,#11385166);border:1px solid #93e0f73d;border-radius:17px;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;min-height:118px;padding:22px 24px;display:flex}.flow-node b{color:#d5f8ff;font-size:24px}.flow-node span{color:#b6d7e5;font-size:12px;line-height:1.65}.flow-node--pos{border-color:#85e0fc73;box-shadow:inset 0 0 32px #44b0d70f}.flow-transfer{text-align:center;color:#78dce9;flex-direction:column;align-items:center;gap:3px;display:flex}.flow-transfer>span{font-size:35px;line-height:1}.flow-transfer small{color:#99d1e3;font-size:11px;line-height:1.6}.flow-public{grid-template-columns:1fr 1fr;gap:12px;display:grid}.flow-public .flow-node{min-height:118px}.flow-plan{color:#9bc5d3;margin:20px 0 0;font-size:12px;line-height:1.8}.gallery-feature{appearance:none;cursor:zoom-in;text-align:left;color:#d7f4fd;background:#092439;border:1px solid #8fe1f638;border-radius:12px;width:100%;max-width:100%;margin-bottom:14px;padding:0;display:block;overflow:hidden}.gallery-feature:hover,.gallery-feature:focus-visible{border-color:#8deefa}.gallery-feature:focus-visible{outline-offset:3px;outline:2px solid #bdf5ff}.gallery-feature-picture{background:#eaf1f4;justify-content:center;align-items:center;width:100%;height:clamp(225px,38vw,505px);display:flex}.gallery-feature-picture img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.gallery-feature-info{color:#c4e4f0;justify-content:space-between;align-items:center;gap:16px;padding:11px 15px;font-size:12px;display:flex}.gallery-feature-info span:last-child{color:#8edbe9;white-space:nowrap}.gallery-film-thumb.is-selected{border-color:#8eebff;box-shadow:0 0 0 1px #8ceeff6b}@media (max-width:1000px){.projects-grid--archived{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.otapos-flow{grid-template-columns:1fr;gap:11px}.flow-transfer{flex-direction:row;justify-content:center;gap:14px}.flow-transfer>span{font-size:29px;transform:rotate(90deg)}.flow-public{grid-template-columns:1fr 1fr}.flow-node{min-height:95px;padding:19px}.flow-node b{font-size:21px}}@media (max-width:560px){.projects-grid--active,.projects-grid--archived{grid-template-columns:1fr}.projects-grid--active .project-card--otapos{grid-column:auto}.gallery-feature-picture{height:clamp(205px,61vw,330px)}.gallery-feature-info{font-size:11px}.flow-public{grid-template-columns:1fr}.otapos-flow-section{padding-top:36px}}.project-card--lotto-terminal .project-art{background:radial-gradient(circle at 55% 28%,#a1caff45,#0000 53%),linear-gradient(128deg,#163650,#1a2749 56%,#16243e)}.project-card--lotto-terminal .project-art:before,.project-card--lotto-terminal .project-art:after{display:none}.brand-lotto{color:#e2efff;align-items:center;gap:14px;display:flex}.brand-lotto-icon{color:#9bddff;background:#609ee426;border-radius:16px;place-items:center;width:72px;height:72px;display:grid;box-shadow:0 0 36px #73b8f526}.brand-lotto-icon svg{width:49px;height:49px}.brand-lotto strong{letter-spacing:.015em;flex-direction:column;gap:4px;font-size:clamp(21px,2.8vw,33px);font-weight:740;line-height:1.05;display:flex}.brand-lotto strong span{letter-spacing:.22em;color:#a6cde9;font-size:.6em;font-weight:500}.detail-hero--lotto-terminal{background:radial-gradient(at 80% 30%,#588cda30,#0000 53%),linear-gradient(120deg,#14374d,#13283e)}.detail-emblem .brand-lotto-icon{width:88px;height:88px}.detail-emblem .brand-lotto strong{font-size:30px}@media (max-width:700px){.project-card--lotto-terminal .brand-lotto{gap:10px}.project-card--lotto-terminal .brand-lotto-icon{width:61px;height:61px}.project-card--lotto-terminal .brand-lotto-icon svg{width:43px;height:43px}}.project-flow-section{background:radial-gradient(at 15% -35%,#3dbfe71b,#0000 72%),linear-gradient(132deg,#184b6945,#0d2f4438);border:1px solid #80d9f533;border-radius:19px;margin:0 0 60px;padding:32px clamp(20px,3.3vw,40px) 34px;overflow:hidden}.project-flow-section .section-kicker{font-size:11px}.project-flow-section h2{letter-spacing:-.035em;margin:15px 0 10px;font-size:clamp(24px,3.7vw,35px);font-weight:650}.project-flow-intro{color:#bfdbe9;max-width:800px;margin:0 0 26px;font-size:clamp(13px,1.45vw,15px);line-height:1.85}.project-flow-note{color:#a1c6d7;margin:20px 0 0;font-size:12px;line-height:1.75}.workflow-steps{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:7px;max-width:1090px;display:grid}.workflow-step-wrap{align-items:center;gap:7px;min-width:0;display:flex}.workflow-step-wrap:first-child{min-width:0}.workflow-arrow{text-align:center;color:#86dce9;flex:0 0 15px;font-size:22px}.workflow-step{background:linear-gradient(145deg,#2c70863d,#0c334973);border:1px solid #90def540;border-radius:14px;flex-direction:column;justify-content:center;gap:10px;width:100%;min-width:0;min-height:159px;padding:17px clamp(13px,1.75vw,22px);display:flex}.workflow-step-number{letter-spacing:.16em;color:#86e4ee;font-size:11px;font-weight:700}.workflow-step b{color:#e4faff;overflow-wrap:break-word;font-size:clamp(15px,1.65vw,19px)}.workflow-step>span:last-child{color:#b7d6e2;overflow-wrap:anywhere;font-size:12px;line-height:1.7}.architecture-request{grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr) 36px minmax(0,1fr);align-items:center;gap:8px;max-width:1080px;display:grid}.architecture-node{background:linear-gradient(135deg,#2f74964a,#0f364f75);border:1px solid #98ddf040;border-radius:15px;flex-direction:column;justify-content:center;align-items:flex-start;gap:13px;min-width:0;min-height:114px;padding:18px 22px;display:flex}.architecture-node b{color:#d6f6ff;white-space:normal;font-size:clamp(17px,2.15vw,22px)}.architecture-node span{color:#bbdbe7;font-size:12px;line-height:1.65}.architecture-node--main{border-color:#78dbf38c;box-shadow:0 0 26px #4bcae60e}.architecture-arrow{text-align:center;color:#78dfec;font-size:26px}.architecture-storage{flex-direction:column;align-items:center;width:calc(33.3333% - 29.3333px);max-width:340px;margin:0 auto;display:flex}.architecture-data-line{background:linear-gradient(#78deef,#78deef4d);width:1px;height:29px;position:relative}.architecture-data-line:after{content:"↓";color:#86e3ee;background:#112f44;font-size:14px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.architecture-data-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:290%;max-width:650px;display:grid}.architecture-node--db{min-height:90px;padding:17px 20px}.architecture-node--db b{font-size:20px}@media (max-width:940px){.workflow-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.workflow-step-wrap:nth-child(3) .workflow-arrow{display:none}.workflow-step-wrap:nth-child(3){margin-left:0}.workflow-step{min-height:130px}.architecture-storage{width:33%}.architecture-data-pair{width:245%}}@media (max-width:650px){.project-flow-section{margin-bottom:43px;padding:25px 20px 28px}.project-flow-intro{margin-bottom:22px}.workflow-steps{grid-template-columns:1fr;gap:9px}.workflow-step-wrap{flex-direction:column;gap:8px}.workflow-arrow{height:17px;line-height:17px;transform:rotate(90deg)}.workflow-step-wrap:nth-child(3) .workflow-arrow{display:inline}.workflow-step{gap:6px;min-height:89px}.architecture-request{flex-direction:column;gap:5px;display:flex}.architecture-request .architecture-node{width:100%;min-height:83px}.architecture-arrow{line-height:23px;transform:rotate(90deg)}.architecture-storage{width:100%}.architecture-data-pair{gap:8px;width:100%}.architecture-node--db{min-height:75px;padding:13px}.architecture-node--db b{font-size:17px}.architecture-data-line{height:22px}.architecture-data-line:after{top:1px}}@media (prefers-reduced-motion:reduce){.workflow-steps,.architecture-request{scroll-behavior:auto}}.brand-upda-leaves{display:none!important}.brand-upda-cycle{filter:drop-shadow(0 0 2px #9ce3554d);width:34px;height:36px;position:absolute;top:-16px;right:2px;transform:rotate(-11deg)}.detail-emblem .brand-upda-cycle{top:1px;right:3px}.gallery-feature{cursor:default}.gallery-feature-picture{background:#0c2331;position:relative;overflow:hidden}.gallery-feature-picture :is(img,video,iframe)[hidden]{display:none!important}.gallery-feature-picture img{object-fit:contain;width:100%;height:100%}.gallery-feature-picture video,.gallery-feature-picture iframe{background:#050d14;border:0;width:100%;height:100%;display:block}.gallery-stage-arrow{z-index:4;color:#e0faff;cursor:pointer;background:#051d2bc7;border:1px solid #bbf0ff57;border-radius:11px;place-items:center;width:43px;height:54px;transition:background .16s,border-color .16s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.gallery-stage-arrow:hover,.gallery-stage-arrow:focus-visible{outline-offset:2px;background:#195d7aeb;border-color:#9beeff}.gallery-stage-arrow--prev{left:13px}.gallery-stage-arrow--next{right:13px}.gallery-video-placeholder{color:#d3f8ff;background:linear-gradient(120deg,#184f68,#11364d);place-items:center;width:100%;height:100%;display:grid}.gallery-video-badge{color:#eefcff;background:#051b2ae0;border-radius:7px;align-items:center;gap:5px;padding:5px 8px;font-size:10px;display:flex;position:absolute;top:8px;left:8px}@media (max-width:600px){.gallery-stage-arrow{border-radius:8px;width:34px;height:42px}.gallery-stage-arrow--prev{left:7px}.gallery-stage-arrow--next{right:7px}}.otapos-system{flex-direction:column;align-items:stretch;gap:0;max-width:1100px;display:flex}.otapos-clients{grid-template-columns:1fr 1.25fr 1fr;align-items:stretch;gap:15px;display:grid}.otapos-pos-unit{background:#2f9cbe1a;border:1px solid #7fdff96b;border-radius:17px;grid-template-rows:auto auto;gap:9px;padding:9px;display:grid}.otapos-pos-unit .flow-node{min-height:81px}.otapos-pos-unit .flow-node--board{background:#2b658a33;border-style:dashed;min-height:67px}.otapos-pos-unit .flow-node--board b{font-size:18px}.otapos-clients>.flow-node{height:100%}.otapos-system-connector{color:#87e8f4;text-align:center;grid-template-columns:1fr 1.25fr 1fr;gap:15px;font-size:24px;line-height:33px;display:grid}.otapos-api-node,.otapos-db-node{text-align:center;background:linear-gradient(120deg,#2482a752,#0f3854a3);border:1px solid #7bddf673;border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:13px;padding:21px 17px;display:flex}.otapos-api-node b{color:#d6fbff;font-size:20px}.otapos-db-node b{color:#def5ff;font-size:17px}.otapos-api-node span,.otapos-db-node span{color:#adcfde;font-size:12px}.otapos-db-connector{text-align:center;color:#87e8f4;font-size:24px;line-height:33px}.otapos-db-node{background:#143a528c;border-color:#7bddf638;align-self:center;width:min(400px,90%)}@media (max-width:690px){.otapos-clients{grid-template-columns:1fr;gap:11px}.otapos-system-connector{grid-template-columns:1fr}.otapos-system-connector span{display:none}.otapos-system-connector:before{content:"↕";font-size:25px}.otapos-pos-unit{gap:8px}.otapos-system .flow-node{min-height:80px;padding:17px}.otapos-api-node,.otapos-db-node{padding:19px 12px}}.brand-festmap{color:#e9fcff;letter-spacing:-.035em;justify-content:center;align-items:center;gap:16px;font-size:clamp(33px,3.8vw,53px);display:flex}.brand-festmap strong{font-weight:740}.brand-festmap .festmap-pin{border:3px solid #88e7ef;border-radius:50% 50% 50% 5%;flex:none;width:42px;height:42px;position:relative;transform:rotate(-45deg);box-shadow:0 0 22px #5be7eb33}.brand-festmap .festmap-pin i{background:#9deafa;border-radius:50%;width:13px;height:13px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.brand-upda-cycle{display:none!important}.brand-upda-leaves{filter:drop-shadow(0 0 3px #9ce35547);width:34px;height:36px;position:absolute;top:-16px;right:2px;transform:rotate(-9deg);display:block!important}.detail-emblem .brand-upda-leaves{top:1px;right:3px}@media (max-width:600px){.brand-festmap{gap:12px;font-size:clamp(27px,8.5vw,40px)}.brand-festmap .festmap-pin{width:32px;height:32px}}