:root{--t:#239f95;--td:#11766f;--ink:#111;--paper:#fff;--soft:#f3f4f3;--line:#dedfdd;--orange:#ff5429;--pad:clamp(22px,7vw,105px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"DM Sans",sans-serif;background:white;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.pad{padding:clamp(90px,10vw,160px) var(--pad)}header{height:74px;padding:0 22px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;position:absolute;z-index:20;width:100%;top:0}.menu-btn{display:flex;align-items:center;gap:4px;border:0;background:none;cursor:pointer}.menu-btn i{width:4px;height:4px;border-radius:50%;background:var(--t)}.menu-btn b{margin-left:6px;font-weight:500;font-size:12px}.logo{justify-self:center}.logo span{display:block;width:92px;height:16px;position:relative;overflow:hidden}.logo img{position:absolute;width:100%;top:50%;transform:translateY(-50%)}.contact-btn{justify-self:end;background:var(--t);color:white;padding:8px 13px;border-radius:30px;font-size:11px}.menu{position:fixed;inset:0;background:var(--ink);color:white;z-index:50;display:flex;flex-direction:column;justify-content:center;padding:8vw;transform:translateY(-105%);transition:.5s cubic-bezier(.76,0,.24,1)}.menu.show{transform:none}.menu>a{font:500 clamp(48px,9vw,120px)/1 Manrope;border-bottom:1px solid #444}.menu>button{position:absolute;right:5vw;top:4vw;color:white;background:0;border:0;font-size:48px}.hero{min-height:780px;height:100vh;max-height:960px;position:relative;padding:100px 4vw 25px;text-align:center;overflow:hidden}.hero h1{font:600 clamp(62px,7.7vw,125px)/.83 Manrope;letter-spacing:-.075em;margin:0;position:relative;z-index:3}.hero h1 em{font-style:normal;color:var(--t)}.ghost{position:absolute;top:30%;left:0;width:100%;font:700 clamp(140px,26vw,400px)/1 Manrope;letter-spacing:-.08em;color:#f1f1ef}.hero-cards{height:41%;position:absolute;top:39%;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;z-index:2}.portrait{width:clamp(110px,14vw,210px);height:90%;border-radius:8px;background-image:url('portfolio-aster-optimized.webp');background-size:auto 110%;background-position:center;box-shadow:0 18px 35px #0002;margin-left:-3.5vw}.p1{background-position:12% center;background-color:#68cde3}.p2{background-position:28% center;background-color:#ff6d00}.p3{height:108%;background-position:52% center;background-color:var(--t);z-index:2}.p4{background-position:72% center;background-color:#f8b400}.p5{background-position:93% center;background-color:#ddd}.hero>p{position:absolute;z-index:4;bottom:11%;left:50%;transform:translateX(-50%);font-size:clamp(13px,1.1vw,16px);font-weight:500}.hero-foot{position:absolute;bottom:30px;left:4vw;right:4vw;display:flex;justify-content:space-between;align-items:flex-end;font-size:9px}.faces{display:flex;align-items:center}.faces i{width:24px;height:24px;border-radius:50%;background:var(--t);border:2px solid white;margin-left:-5px}.faces i:nth-child(2){background:#ff8a65}.faces i:nth-child(3){background:#111}.faces span{text-align:left;margin-left:8px}.ticker{height:94px;border-block:1px solid var(--line);display:flex;align-items:center;overflow:hidden;white-space:nowrap;color:#222}.ticker span{font-size:13px;letter-spacing:2px;word-spacing:30px;animation:ticker 25s linear infinite;padding-right:30px}@keyframes ticker{to{transform:translateX(-100%)}}small{font-size:10px;letter-spacing:1.4px}.section-title,.split-head{display:flex;justify-content:space-between;align-items:flex-end}.section-title h2,.center-head h2,.services h2,.split-head h2,.faq h2{font:600 clamp(48px,6vw,90px)/.95 Manrope;letter-spacing:-.065em;margin:30px 0 0}.section-title>a{background:var(--t);color:white;border-radius:30px;padding:13px 18px;font-size:12px}.stats-grid{margin-top:80px;display:grid;grid-template-columns:1fr 1.4fr 1fr;grid-template-rows:180px 180px}.stat{border:1px solid var(--line);padding:25px;position:relative;display:flex;flex-direction:column;justify-content:flex-end}.stat.quote{grid-row:span 2;justify-content:space-between}.stat.quote b{font-size:80px;color:var(--t);line-height:.5}.stat.quote p{font:500 clamp(19px,2vw,30px)/1.25 Manrope}.visual-stat{grid-row:span 2;background:#efefec;display:grid;place-items:center;overflow:hidden}.visor{width:75%;height:78%;background:linear-gradient(145deg,#e4dfd9,#aaa);border-radius:50% 50% 40% 40%;position:relative}.visor:after{content:"";position:absolute;left:-9%;right:-9%;top:27%;height:31%;background:linear-gradient(90deg,#ff4d12,#ff8a1e);border-radius:45% 45% 35% 35%;box-shadow:0 7px 20px #f606}.stat strong{font:600 48px Manrope;letter-spacing:-3px}.stat strong span{color:var(--t)}.stat p{font-size:11px}.stat.hot{background:var(--t);color:white}.stat.hot i{position:absolute;right:20px;bottom:20px;border:1px solid white;width:28px;height:28px;border-radius:50%;display:grid;place-items:center}.center-head{text-align:center;margin-bottom:70px}.work{padding-top:40px}.project-stack{max-width:1350px;margin:auto}.case{height:clamp(380px,48vw,680px);display:block;border-radius:18px;overflow:hidden;position:sticky;top:40px;color:white;margin-bottom:45px;box-shadow:0 25px 60px #0003}.case img,.case-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.case:after{content:"";position:absolute;inset:0;background:linear-gradient(#0001,#0007)}.case>span,.case>h3,.case>small{position:absolute;z-index:2}.case>span{top:24px;left:30px;font-size:11px}.case>h3{font:600 clamp(55px,9vw,130px) Manrope;letter-spacing:-7px;left:50%;top:48%;transform:translate(-50%,-50%);margin:0}.case>small{bottom:25px;left:30px}.case-two{top:80px}.case-two .case-art{background:#122b51}.wave{position:absolute;inset:-20%;background:radial-gradient(ellipse at center,#249cd4 0,#193a74 30%,#090f26 65%);transform:rotate(-12deg)}.case-three{top:120px}.case-three .case-art{background:#0f4c43;display:grid;place-items:center}.screen{width:48%;height:43%;border:10px solid #b6ffdd;box-shadow:0 0 45px #57f8bf,0 60px 0 -20px #092e29;display:grid;place-items:center;color:#b6ffdd;font:700 clamp(40px,7vw,100px) Manrope;transform:perspective(600px) rotateX(12deg)}.services{display:grid;grid-template-columns:.8fr .8fr 1.2fr;gap:70px;padding-bottom:80px}.service-tabs{display:flex;flex-direction:column;align-items:flex-start;padding-top:65px}.service-tabs button{border:0;background:none;font:500 clamp(21px,2.4vw,36px) Manrope;color:#bbb;padding:9px 0;cursor:pointer}.service-tabs button.active{color:var(--ink)}.service-tabs button.active:before{content:"↳ ";color:var(--t)}.service-detail{padding-top:70px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips span{padding:7px 11px;border:1px solid var(--line);border-radius:20px;font-size:10px}.service-detail p{line-height:1.65;margin:35px 0;font-size:14px}.service-detail>a{color:var(--t);font-size:12px;border-bottom:1px solid}.service-space{height:25vw;min-height:220px}.process{background:#f4f4f5}.process-cards{display:flex;justify-content:center;margin:80px auto 0;max-width:1200px;padding:30px}.process-cards article{background:white;width:25%;min-height:270px;padding:22px;box-shadow:0 16px 25px #0002;transform:rotate(-7deg);transition:.4s}.process-cards article:nth-child(2){transform:rotate(6deg) translateY(-20px);background:#fbf7ff}.process-cards article:nth-child(3){transform:rotate(-4deg);background:#f2fffb}.process-cards article:nth-child(4){transform:rotate(5deg) translateY(-8px)}.process-cards article:hover{transform:translateY(-25px) rotate(0);z-index:3}.process-cards b{font:500 clamp(75px,9vw,140px)/1 Manrope}.process-cards h3{font-size:14px;margin-top:50px}.process-cards p{font-size:10px;line-height:1.5}.split-head>p{max-width:360px}.quotes{display:grid;grid-template-columns:1fr .8fr 1fr;margin-top:70px;border:1px solid var(--line)}.quotes article{min-height:330px;padding:30px;display:flex;flex-direction:column;border-right:1px solid var(--line)}.quotes span{color:var(--t);font-size:60px}.quotes p{font:500 19px/1.45 Manrope;flex:1}.quotes small{color:#777;margin-top:6px}.quote-image{background:url('portfolio-aster-optimized.webp') 67% center/cover}.faq{background:#f4f4f4;display:grid;grid-template-columns:1fr 1.2fr;gap:9vw}.faq>div:first-child>a{display:inline-block;background:var(--t);color:white;border-radius:30px;padding:10px 15px;font-size:11px;margin-top:20px}.accordion article{border-bottom:1px solid #ccc}.accordion button{width:100%;border:0;background:none;text-align:left;padding:22px 0;font-weight:600;display:flex;justify-content:space-between;cursor:pointer}.accordion i{font-style:normal}.accordion p{display:none;color:#666;line-height:1.6;font-size:13px;padding:0 40px 20px 0}.accordion .open p{display:block}.accordion .open i{transform:rotate(45deg)}.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.post-art{height:390px;margin-bottom:18px;display:grid;place-items:center;font:700 100px Manrope}.art-a{background:#ff7759;color:#7d1609}.art-b{background:#2936a3}.art-b i{width:60%;height:60%;border:3px solid white;transform:rotate(25deg);border-radius:50%}.art-c{background:#215c43;color:#b7dfcd}.posts h3{font:600 18px/1.25 Manrope}.contact{background:var(--t);color:white;padding:clamp(100px,13vw,200px) var(--pad) 50px;min-height:750px;display:flex;flex-direction:column;justify-content:space-between}.contact h2{font:600 clamp(60px,9vw,135px)/.9 Manrope;letter-spacing:-.07em}.contact h2 a{border-bottom:.06em solid}.contact-meta{border-top:1px solid #ffffff66;display:flex;justify-content:space-between;padding-top:25px}.contact-meta p{font-size:12px;line-height:1.7}.contact-meta p:last-child{display:flex;gap:20px}footer{background:#050505;color:white;padding:80px 5vw 25px}.mega-logo{height:30vw;max-height:420px;overflow:hidden;position:relative}.mega-logo img{position:absolute;width:100%;top:50%;transform:translateY(-50%);filter:brightness(0) invert(1)}footer>div:last-child{display:flex;justify-content:space-between;border-top:1px solid #333;padding-top:20px;font-size:11px}section{opacity:0;transform:translateY(20px);transition:opacity .8s,transform .8s}section.seen{opacity:1;transform:none}.hero{opacity:1;transform:none}@media(max-width:850px){header{grid-template-columns:1fr 1fr}.menu-btn{display:none}.logo{justify-self:start}.hero{min-height:730px}.hero h1{font-size:15vw}.hero-cards{height:34%;top:43%}.portrait{width:28vw;margin-left:-12vw}.ghost{top:37%}.hero>p{bottom:14%;width:90%}.section-title,.split-head{display:block}.section-title>a{display:inline-block;margin-top:30px}.stats-grid{grid-template-columns:1fr 1fr}.stat.quote,.visual-stat{grid-row:auto}.visual-stat{min-height:300px}.services{grid-template-columns:1fr}.services-intro h2{margin-bottom:0}.service-tabs,.service-detail{padding-top:10px}.service-space{height:120px}.process-cards{display:grid;grid-template-columns:1fr 1fr}.process-cards article{width:auto}.quotes{grid-template-columns:1fr}.quote-image{min-height:400px}.faq{grid-template-columns:1fr}.posts{grid-template-columns:1fr}.post-art{height:430px}}@media(max-width:520px){.pad{padding:80px 20px}.hero{padding-inline:14px}.hero h1{font-size:16vw;margin-top:35px}.hero-foot .faces{display:none}.hero-cards{width:90%;top:42%}.portrait{height:76%;width:35vw}.hero>p{bottom:17%;font-size:12px}.stats-grid{display:block}.stat{min-height:150px}.visual-stat{min-height:330px}.case{height:460px;border-radius:10px}.services{gap:25px}.service-tabs button{font-size:25px}.process-cards{padding:10px;gap:0}.process-cards article{min-height:230px;padding:14px}.process-cards b{font-size:75px}.process-cards h3{margin-top:30px}.quotes article{border-bottom:1px solid var(--line)}.contact{min-height:650px}.contact-meta{display:block}.contact-meta p:last-child{flex-wrap:wrap}.mega-logo{height:37vw}}