@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#f3f5f7;--panel:#fff;--white:#182136;--muted:#687181;--line:#dfe4ec;--blue:#2078ed;--accent:#efb900;--yellow:#ffd24a}body{background:var(--bg);background-image:radial-gradient(#cbd4e144 .9px,transparent 1px);background-size:20px 20px;color:var(--white)}header{height:88px;border-color:var(--line);gap:22px}.logo{letter-spacing:-.8px;font-weight:800;font-size:19px}.logo i{border:0;background:var(--blue);border-radius:6px;transform:rotate(-12deg);width:22px;height:22px;position:relative;margin-right:9px}.logo i:after{content:'';position:absolute;inset:6px;background:var(--yellow);border-radius:2px}.edit-link{background:white;border-radius:30px;box-shadow:0 3px 8px #18213607}nav a{color:var(--muted)}nav a.active{color:var(--blue);border-color:var(--blue)}.shell{max-width:1440px}.eyebrow,.micro{font-family:'Be Vietnam Pro',sans-serif;font-size:9px;letter-spacing:1.5px}.eyebrow:before{background:var(--blue)}.creative-home{padding-top:28px}.cover-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;margin-bottom:10px}.portfolio-word{font-weight:900;font-size:clamp(60px,11.6vw,165px);letter-spacing:-.075em;line-height:1.18;margin:0;text-align:center;color:var(--blue);background:linear-gradient(110deg,#0657c6,#3294f0 70%,#1d69cd);background-clip:text;-webkit-text-fill-color:transparent}.creative-cover{position:relative;overflow:hidden;border-radius:24px;min-height:570px;background:radial-gradient(ellipse at 50% 60%,#e5eeff 0%,#fff0 60%);display:flex;flex-direction:column;align-items:center;justify-content:center}.creative-cover:before,.creative-cover:after{content:'';position:absolute;width:120px;height:120px;border:28px solid var(--yellow);border-radius:50%;right:-85px;bottom:70px}.creative-cover:before{border-color:#2c87ec;left:-110px;top:20px;bottom:auto;right:auto;width:170px;height:170px;border-width:35px}.folder-stage{width:530px;height:350px;position:relative;margin:5px auto 0;perspective:1000px}.folder-back{position:absolute;width:345px;height:215px;left:93px;top:110px;border-radius:30px;background:linear-gradient(130deg,#459eff,#0859d3);box-shadow:inset 2px 3px 5px #ffffff90,0 25px 55px #0759d329;transform:rotate(-5deg)}.folder-back:before{content:'';position:absolute;left:0;top:-35px;width:145px;height:70px;border-radius:25px 27px 0 0;background:linear-gradient(120deg,#59acff,#2581ef)}.folder-front{position:absolute;left:72px;top:170px;width:385px;height:190px;border-radius:18px 22px 35px 35px;background:linear-gradient(150deg,#d6e8ffb8,#a2c4ff9c 55%,#f5f9ffde);border:1px solid #ffffffc0;backdrop-filter:blur(13px);box-shadow:inset 2px 3px 10px #ffffffae,0 15px 28px #1e62b61e;transform:rotate(-3deg) rotateX(-8deg);z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.folder-front span{font-size:9px;letter-spacing:3px;color:#235eaa}.folder-front strong{font-size:24px;letter-spacing:-1px;color:#1b58a4}.creative-object{position:absolute;z-index:2;display:grid;place-items:center;animation:bob 6s ease-in-out infinite}.object-camera{top:93px;left:352px;width:95px;height:74px;background:linear-gradient(145deg,#39475c,#132030);border-radius:15px;transform:rotate(18deg);box-shadow:inset 3px 4px 5px #ffffff50,7px 10px 20px #18213630}.object-camera:before{content:'';width:47px;height:47px;border-radius:50%;border:8px solid #8fa7c8;background:radial-gradient(circle at 40% 30%,#73beed,#142545 50%);box-shadow:0 3px 8px #0008}.object-camera:after{content:'';position:absolute;top:-8px;right:15px;width:28px;height:14px;background:#28354a;border-radius:4px}.object-chart{top:52px;left:211px;width:100px;height:100px;border-radius:22px;background:linear-gradient(130deg,#ffe98d,#f5bc26);box-shadow:inset 3px 3px 4px #fff8,6px 12px 25px #a87b1330;transform:rotate(7deg);animation-delay:-2s}.object-chart svg{width:72px;fill:none;stroke:#bf7900;stroke-linecap:round;stroke-linejoin:round;stroke-width:6}.object-film{top:100px;left:85px;width:87px;height:94px;border-radius:10px;background:linear-gradient(145deg,#324665,#152338);box-shadow:inset 2px 3px 4px #ffffff50,0 8px 15px #0003;transform:rotate(-22deg);animation-delay:-3s}.object-film:before{content:'';position:absolute;left:0;top:0;width:87px;height:22px;background:repeating-linear-gradient(130deg,#dce4ee 0 14px,#263650 14px 28px);border-radius:7px 7px 0 0;transform-origin:bottom left;transform:rotate(-15deg)}.object-film:after{content:'▶';font-size:28px;color:#dce4ee;margin-top:10px}.object-spark{top:80px;left:441px;font-size:60px;color:#ffc52c;text-shadow:3px 4px 0 #e8a500;animation-delay:-1s}.object-ribbon{top:45px;left:139px;width:55px;height:55px;background:linear-gradient(140deg,#faac85,#dc684e);border-radius:15px;transform:rotate(-15deg);font-size:28px;color:#fff;box-shadow:4px 7px 12px #a6492d33;animation-delay:-4s}.cover-bottom{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;width:100%;padding:30px 0 25px}.creative-greeting{background:white;border-radius:30px;padding:40px 5%;display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;box-shadow:0 5px 15px #1a355809;margin:10px 0 30px}.creative-greeting h2{font-size:clamp(34px,4.4vw,62px);font-weight:800;letter-spacing:-2.5px;line-height:1.15;margin:15px 0}.creative-greeting h2 span{color:var(--blue)}.creative-greeting p{font-size:12px;line-height:2;color:var(--muted);max-width:440px}.creative-links{display:grid;gap:12px}.creative-links a{display:flex;align-items:center;gap:20px;padding:19px;border:1px solid var(--line);border-radius:18px;transition:transform .2s,background .2s}.creative-links a:hover{transform:translateX(4px);background:#f2f7ff}.creative-links b{font-weight:800;font-size:25px;color:var(--blue)}.creative-links strong{font-size:12px}.creative-links span{font-size:10px;color:var(--muted)}.creative-links i{font-style:normal;margin-left:auto;color:var(--blue)}.creative-toolbar{display:flex;align-items:center;gap:14px}.motion-toggle{border:1px solid var(--line);background:white;border-radius:25px;padding:8px 12px;font-size:9px}.pause-animation .creative-object{animation-play-state:paused}.pill{border:0;background:var(--blue);color:white;border-radius:30px;box-shadow:0 6px 15px #1b79e529}.pill.solid{background:var(--blue);color:#fff}.page-title{padding:50px 0 30px}.page-title h1{font-weight:800;letter-spacing:-2.5px;color:var(--blue);font-size:clamp(35px,5vw,67px)}.filters button{border-radius:30px;background:white}.filters button.active{background:var(--blue);color:white;border-color:var(--blue)}.grid{gap:25px}.card{background:white;border-radius:25px;overflow:hidden;box-shadow:0 4px 10px #18213609}.thumb{height:300px;border-radius:0}.thumb img{filter:none}.thumb .number{border-radius:20px;background:#ffffffed;color:var(--blue);font-size:8px}.thumb .arrow{background:var(--yellow);color:var(--white);border:0}.card-info{margin:0;padding:22px 24px}.card h2{font-weight:700;font-size:19px;color:var(--white)}.card small{color:var(--blue)}.about{padding:45px 0;gap:6%;align-items:center}.portrait{border-radius:35px;background:var(--yellow);overflow:hidden}.portrait img{filter:none}.about h1{color:var(--blue);font-weight:800;letter-spacing:-2px}.skills span{background:white;border-radius:25px;font-size:10px}.contact{background:radial-gradient(ellipse at 50% 55%,#d8e8ff,transparent 65%)}.contact h1{font-weight:800;color:var(--blue);letter-spacing:-3px}.contact h1 em{font-family:inherit;font-style:normal;color:var(--white)}.contact .reel-circle{color:var(--blue);background:var(--yellow);border:0;border-radius:20px;animation:none}.case-hero{border-radius:25px}.case-body{background:white;border-radius:25px;padding:35px;margin-top:25px;gap:6%}.case-body h3{color:var(--blue);font-size:19px;font-weight:700}.lua-story{border:0;padding-top:35px}.lua-story h2{font-weight:800;color:var(--blue);letter-spacing:-1.5px}.deliverables{background:var(--blue);border:0;border-radius:25px;padding:30px;color:white}.deliverables strong{color:white;font-weight:800}.deliverables span{color:#e4edff}.lua-gallery img,.lua-social img{border-radius:18px}.lua-video video{border-radius:22px}.lua-close{padding-bottom:20px}.editor h1{font-weight:800;color:var(--blue)}.editor .notice{border-color:var(--blue);border-radius:0 18px 18px 0;background:#e3edff}.fields input,.fields textarea{color:var(--white);background:white;border-radius:10px}.editor h2{color:var(--blue);font-weight:700}.editor-actions button{background:white;color:var(--blue);border-radius:30px}.editor-actions button:first-child{background:var(--blue);color:white}.editor .upload{border-radius:30px;background:white}.status{color:#176b43}footer{letter-spacing:.6px}.editor select{background:white!important}.creative-note{font-size:10px;line-height:1.8;color:var(--muted);margin:10px 0 25px}.portrait:after{color:white;text-shadow:0 1px 6px #000}.pause-animation .reel-circle{animation-play-state:paused}@keyframes bob{0%,100%{translate:0 0}50%{translate:0 -9px}}@media(max-width:760px){header{height:auto;padding-top:18px;min-height:100px}.logo{font-size:17px}.creative-home{padding-top:25px}.portfolio-word{font-size:14.1vw;letter-spacing:-.09em}.creative-cover{min-height:350px;border-radius:15px;justify-content:start}.folder-stage{width:530px;scale:.62;transform-origin:top center;margin-top:22px;margin-bottom:-120px}.cover-bottom{font-size:7px;gap:20px;padding-top:5px;line-height:1.8}.creative-greeting{grid-template-columns:1fr;border-radius:24px;padding:28px 23px;gap:20px}.creative-greeting h2{font-size:39px;letter-spacing:-1.8px}.creative-greeting p{font-size:11px}.creative-links a{padding:16px}.creative-cover:after{width:70px;height:70px;right:-80px;bottom:80px;border-width:20px}.creative-cover:before{left:-150px;border-width:25px}.page-title h1{font-size:38px;line-height:1.2}.case-body{grid-template-columns:1fr;padding:23px}.case-body h3{margin-top:24px}.deliverables{padding:23px;gap:22px 12px}.card-info{padding:20px}.card h2{font-size:17px}.contact h1{font-size:46px;letter-spacing:-2px}.contact{padding:70px 0}.motion-toggle{font-size:8px;padding:8px}.cover-top{font-size:8px}.creative-toolbar{gap:8px}.about h1{font-size:39px}.thumb{height:270px}.lua-story h2{font-size:32px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:760px){.folder-stage{margin-left:calc(50% - 265px);margin-right:0;align-self:flex-start;flex-shrink:0}.creative-cover:before{left:-110px;width:90px;height:90px;top:75px;opacity:.4}.creative-cover:after{right:-105px;bottom:35px;opacity:.5}.creative-toolbar>span{display:none}.motion-toggle{white-space:nowrap}}