@import "https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700;800&display=swap";:root{--ink:#10283f;--cream:#f8f4ea;--glass:#f9f7efc7;--line:#ffffff61;--blue:#2e62a8;--blue-btn:#285b99;--gold:#eab96b;--shadow:0 22px 70px #04111747;--ease:cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#0b171b}body{color:#fff;background:#0b171b linear-gradient(#0e1f26 0%,#0b171b 46%,#071012 100%) fixed;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}button,input{font:inherit}a{color:inherit;text-decoration:none}.progress{z-index:100;background:linear-gradient(90deg,#fff2c8,#78b8ff);width:0;height:3px;position:fixed;top:0;left:0;box-shadow:0 0 18px #ffe5a0e6}.site-nav{z-index:90;justify-content:space-between;align-items:center;padding:18px clamp(18px,4vw,70px);transition:all .35s;display:flex;position:fixed;top:0;left:0;right:0}.site-nav.scrolled{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#08141a8f;border-bottom:1px solid #ffffff1f}.brand{letter-spacing:-.04em;text-shadow:0 4px 18px #ffffff2e;font-family:"Baloo 2",Inter,sans-serif;font-size:clamp(20px,2vw,31px);font-weight:900}.nav-links{align-items:center;gap:clamp(14px,2.2vw,36px);font-size:14px;display:flex}.nav-links a{opacity:.86;transition:all .25s}.nav-links a:hover{opacity:1;transform:translateY(-2px)}.nav-cta,.primary{background:var(--blue-btn);color:#fff;cursor:pointer;border:0;border-radius:999px;padding:13px 22px;transition:all .25s;display:inline-block;box-shadow:0 12px 34px #133e7057}.nav-cta:hover,.primary:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 18px 40px #133e7073}.stage{isolation:isolate;flex-direction:column;justify-content:space-between;min-height:200vh;display:flex;position:relative;overflow:hidden}.world-art{object-fit:cover;object-position:center 30%;z-index:-4;width:100vw;height:100dvh;position:fixed;inset:0}.stage:before{content:"";z-index:-2;pointer-events:none;background:linear-gradient(#030c0f6b,#030c0f33 45%,#02080a99 100%);position:absolute;inset:0}section{align-items:center;min-height:40vh;padding:110px clamp(22px,7vw,110px);display:flex;position:relative}.hero{align-items:flex-start;min-height:68vh;padding-top:170px}.hero-copy{color:#fff;max-width:470px;padding:0}.hero-copy .eyebrow{color:var(--gold)}.eyebrow{letter-spacing:.2em;text-transform:uppercase;margin-bottom:16px;font-size:12px;font-weight:800}h1{letter-spacing:-.03em;margin:0 0 18px;font-family:"Baloo 2",Inter,sans-serif;font-size:clamp(48px,6.6vw,96px);font-weight:800;line-height:.96}.hero p{max-width:350px;margin:0;font-size:clamp(16px,1.6vw,21px);font-weight:600;line-height:1.5}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.ghost{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff47;border-radius:999px;padding:13px 22px;transition:all .25s}.ghost:hover{background:#ffffff24;transform:translateY(-3px)}.closing{min-height:60vh;padding:0}.work-page{max-width:1280px;margin:0 auto;padding:108px clamp(20px,6vw,90px) 90px}.work-head{margin-bottom:clamp(30px,5vw,58px)}.work-head .eyebrow{color:var(--gold)}.work-head h1{font-size:clamp(38px,5.4vw,76px)}.work-head p{opacity:.72;max-width:560px;margin:0;font-size:clamp(15px,1.5vw,18px);line-height:1.6}.folder-stage{perspective:1400px;flex-direction:column;align-items:center;gap:18px;padding:clamp(20px,4vw,48px) 0 clamp(28px,5vw,60px);display:flex}.folder{aspect-ratio:1.24;cursor:pointer;width:clamp(260px,40vw,440px);transform-style:preserve-3d;transition:transform .5s var(--ease);background:0 0;border:0;padding:0;position:relative}.folder:hover{transform:translateY(-6px)}.folder.open{transform:translateY(-2px)}.folder-back{background:linear-gradient(160deg,#f0cd8a80,#966c2c6b);border:1px solid #ffecc573;border-radius:22px;position:absolute;inset:14% 0 0;box-shadow:0 30px 70px #00000073}.folder-back:before{content:"";background:linear-gradient(160deg,#f0cd8a80,#b2843c6b);border:1px solid #ffecc566;border-bottom:0;border-radius:14px 22px 0 0;width:44%;height:16%;position:absolute;top:-13%;left:0}.folder-cards{z-index:2;display:block;position:absolute;inset:0}.folder-card{aspect-ratio:.72;transform-origin:50% 130%;width:30%;transform:translateX(calc(var(--i) * 42%)) translateY(calc(var(--i) * var(--i) * 5px)) rotate(calc(var(--i) * 6deg));transition:transform .55s var(--ease);background:#0d1a1f;border:1px solid #ffffff52;border-radius:12px;margin-left:-15%;position:absolute;bottom:32%;left:50%;overflow:hidden;box-shadow:0 16px 34px #00000080}.folder-card video{object-fit:cover;width:100%;height:100%}.folder:hover .folder-card{transform:translateX(calc(var(--i) * 58%)) translateY(calc(var(--i) * var(--i) * 5px - 16px)) rotate(calc(var(--i) * 9deg))}.folder.open .folder-card{transform:translateX(calc(var(--i) * 74%)) translateY(calc(var(--i) * var(--i) * 6px - 40px)) rotate(calc(var(--i) * 13deg))}.folder-front{z-index:3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform-origin:bottom;height:62%;transition:transform .55s var(--ease);background:linear-gradient(160deg,#fff5e04d,#d6ac6942);border:1px solid #fff0d28c;border-radius:20px;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:2px;padding:0 0 16px 18px;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 1px #ffffff80,0 22px 50px #0006}.folder.open .folder-front{transform:rotateX(-16deg)}.folder-front b{letter-spacing:.02em;color:#fff8ea;font-family:"Baloo 2",Inter,sans-serif;font-size:clamp(15px,1.6vw,19px)}.folder-front small{letter-spacing:.14em;text-transform:uppercase;color:#fff4e0c7;font-size:11.5px}.folder-hint{letter-spacing:.06em;opacity:.6;margin:0;font-size:13px}.work-grid{opacity:0;max-height:0;transition:max-height .7s var(--ease), opacity .5s var(--ease);grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:clamp(14px,1.8vw,24px);display:grid;overflow:hidden}.work-grid.open{opacity:1;max-height:5000px}.work-item{aspect-ratio:1.5;transition:transform .35s var(--ease), box-shadow .35s var(--ease);background:#0e1c21;border:1px solid #ffffff1f;border-radius:22px;margin:0;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000061}.work-item:hover{transform:translateY(-8px);box-shadow:0 30px 70px #00000080}.work-item video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.work-item:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000 42%,#020b13c7);position:absolute;inset:0}.work-item figcaption{z-index:2;text-shadow:0 2px 10px #0009;font-size:17px;font-weight:800;position:absolute;bottom:15px;left:18px}.work-item figcaption small{letter-spacing:.06em;opacity:.82;margin-top:2px;font-size:12px;font-weight:500;display:block}.work-cta{text-align:center;min-height:0;padding:clamp(56px,8vw,96px) 0 10px;display:block}.work-cta h2{letter-spacing:-.02em;margin:0 0 20px;font-family:"Baloo 2",Inter,sans-serif;font-size:clamp(26px,3.4vw,44px)}.float-card{background:var(--glass);color:#18324c;width:min(300px,30vw);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform-style:preserve-3d;cursor:pointer;border:1px solid #ffffffb8;border-radius:24px;padding:22px;transition:all .35s;position:absolute;overflow:hidden}.float-card:after{content:"";background:linear-gradient(120deg,#0000 35%,#ffffff9e,#0000 65%);transition:all .8s;position:absolute;inset:-50%;transform:translate(-70%)rotate(10deg)}.float-card:hover{transform:translateY(-12px)rotateX(3deg)rotateY(-3deg)}.float-card:hover:after{transform:translate(70%)rotate(10deg)}.float-card h3{margin:8px 0 6px;font-size:20px}.float-card p{opacity:.78;margin:0;font-size:13px;line-height:1.45}.icon{background:linear-gradient(145deg,#f7d792,#cc8a33);border-radius:14px;place-items:center;width:42px;height:42px;font-size:21px;display:grid;box-shadow:inset 0 1px #ffffffa6,0 8px 18px #7a4a1233}.services{min-height:74vh}.s1{top:12%;left:10%}.s2{top:18%;right:8%}.s3{bottom:9%;right:17%}.portfolio{align-items:flex-end;min-height:58vh}.portfolio-panel{grid-template-columns:repeat(3,1fr);gap:16px;width:min(920px,92vw);margin:0 auto;display:grid}.portfolio{justify-content:center}.project{aspect-ratio:1.35;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:linear-gradient(135deg,#0b1e2be6,#3866828f);border:1px solid #ffffff5c;border-radius:20px;transition:all .35s;position:relative;overflow:hidden;box-shadow:0 18px 45px #0000003d}.project:hover{transform:translateY(-9px)scale(1.025)}.project video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.project:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000 40%,#020b13b8);position:absolute;inset:0}.project span{z-index:2;text-shadow:0 2px 8px #00000080;font-size:14px;font-weight:800;position:absolute;bottom:11px;left:14px}.project span small{letter-spacing:.06em;opacity:.8;font-size:10.5px;font-weight:500;display:block}.cta{align-items:center;min-height:36vh}.cta-box{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0812146b;border:1px solid #ffffff29;border-radius:28px;max-width:520px;padding:30px;box-shadow:0 24px 65px #00000040}.cta h2{letter-spacing:-.05em;margin:0 0 20px;font-size:clamp(36px,5vw,72px);line-height:.98}footer{z-index:2;color:#d9e3e4;background:#0a1517;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px;padding:34px clamp(22px,7vw,110px);font-size:13px;display:flex;position:relative}footer>div{flex-wrap:wrap;align-items:center;gap:22px;display:flex}footer>div:first-child{display:block}footer a:hover{color:#fff}.motes{pointer-events:none;z-index:20;position:fixed;inset:0;overflow:hidden}.mote{background:#ffe294bf;border-radius:50%;width:5px;height:5px;animation:linear infinite drift;position:absolute;box-shadow:0 0 14px #ffdc80e6}@keyframes drift{0%{opacity:0;transform:translateY(110vh)scale(.6)}15%{opacity:1}to{opacity:0;transform:translate(80px,-15vh)scale(1.3)}}.g-agent{z-index:95;cursor:pointer;filter:drop-shadow(0 16px 30px #0000006b);width:104px;height:142px;transition:transform .3s var(--ease);background:url(/assets/img/gidu-cutout.png) bottom/contain no-repeat;border:0;padding:0;animation:3.3s ease-in-out infinite gAgentFloat;position:fixed;bottom:14px;right:18px}.g-agent:hover{transform:scale(1.08)rotate(-2deg)}@keyframes gAgentFloat{50%{translate:0 -9px}}.g-agent-label{z-index:94;color:#17324a;background:#ffffffeb;border-radius:999px;padding:10px 14px;font-size:13px;font-weight:800;position:fixed;bottom:58px;right:128px;box-shadow:0 10px 28px #0003}.g-chat{z-index:110;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);opacity:0;pointer-events:none;width:min(390px,100vw - 28px);height:min(600px,100vh - 190px);transition:.35s var(--ease);color:#17324a;background:#faf8f1f2;border:1px solid #ffffffc2;border-radius:28px;flex-direction:column;display:flex;position:fixed;bottom:164px;right:22px;overflow:hidden;transform:translateY(30px)scale(.94);box-shadow:0 34px 100px #0000006b}.g-chat.open{opacity:1;pointer-events:auto;transform:none}.g-chat-head{border-bottom:1px solid #1432461a;align-items:center;gap:12px;padding:15px 18px;display:flex}.g-avatar{background:#dfe4e8 url(/assets/img/gidu-face.png) 50%/cover no-repeat;border-radius:15px;width:46px;height:46px}.g-chat-head b{font-size:15px;display:block}.g-status{color:#3d8a68;font-size:12px}.g-close{cursor:pointer;color:#17324a;background:0 0;border:0;margin-left:auto;font-size:24px;line-height:1}.g-messages{flex-direction:column;flex:1;gap:12px;padding:18px;display:flex;overflow:auto}.g-bubble{max-width:86%;animation:gBubbleIn .35s var(--ease) both;background:#e8eef3;border-radius:18px;align-self:flex-start;padding:12px 14px;font-size:14px;line-height:1.45}.g-bubble.user{background:var(--blue-btn);color:#fff;align-self:flex-end}@keyframes gBubbleIn{0%{opacity:0;transform:translateY(10px)}}.g-typing{background:#e8eef3;border-radius:18px;align-self:flex-start;gap:5px;padding:14px 16px;display:inline-flex}.g-typing i{background:#7b93a8;border-radius:999px;width:6px;height:6px;animation:1.1s ease-in-out infinite gDot}.g-typing i:nth-child(2){animation-delay:.15s}.g-typing i:nth-child(3){animation-delay:.3s}@keyframes gDot{40%{opacity:1;translate:0 -5px}0%,80%,to{opacity:.4}}.g-chips{flex-wrap:wrap;gap:8px;display:flex}.g-chip-btn{color:#17324a;cursor:pointer;background:#fff;border:1px solid #19374b26;border-radius:999px;padding:9px 12px;font-size:12.5px;transition:all .25s}.g-chip-btn:hover{background:var(--blue-btn);color:#fff}.g-linkcard{color:#17324a;background:#fff;border:1px solid #19374b24;border-radius:16px;flex-direction:column;align-self:stretch;gap:10px;padding:13px 15px;font-size:13px;line-height:1.55;display:flex}.g-linkcard a{background:var(--blue-btn);color:#fff;border-radius:999px;align-self:flex-start;padding:10px 16px;font-size:12.5px;font-weight:700;transition:all .25s}.g-linkcard a:hover{transform:translateY(-2px);box-shadow:0 10px 24px #133e7059}.g-brief{background:#fff;border:1px solid #19374b24;border-radius:16px;align-self:stretch;padding:14px 16px;font-size:13px;line-height:1.6}.g-brief b{color:var(--blue-btn)}.g-brief-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.g-brief-actions a,.g-brief-actions button{cursor:pointer;background:var(--blue-btn);color:#fff;border:0;border-radius:999px;padding:10px 16px;font-size:12.5px;font-weight:700;text-decoration:none}.g-brief-actions button.ghost{color:#17324a;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border:1px solid #19374b2e}.g-composer{border-top:1px solid #1432461a;gap:9px;padding:13px;display:flex}.g-composer input{color:#17324a;background:#fff;border:1px solid #14324621;border-radius:16px;outline:none;flex:1;padding:13px 14px}.g-send{background:var(--blue-btn);color:#fff;cursor:pointer;border:0;border-radius:15px;width:46px}.reveal{opacity:0;transition:.85s var(--ease);transform:translateY(28px)}.reveal.in{opacity:1;transform:none}@media (width<=760px){.nav-links a:not(.nav-cta){display:none}.hero{min-height:56vh;padding-top:130px}.hero-copy{max-width:290px}h1{font-size:52px}.services{min-height:84vh}.float-card{width:225px;padding:16px}.s1{top:9%;left:4%}.s2{top:38%;right:4%}.s3{bottom:2%;left:17%}.portfolio-panel{grid-template-columns:repeat(2,1fr);width:90vw}footer{flex-direction:column;align-items:flex-start}.g-agent-label{display:none}.g-agent{width:88px;height:120px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.mote,.g-agent,.float-card,.project{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}
