*{box-sizing:border-box}html{scroll-behavior:smooth;background:#08090d}body{margin:0;background:#08090d;color:#f4f2ed;font-family:Manrope,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}:root{--red:#ff4d38;--acid:#d7ff64;--muted:#8b909b;--line:#ffffff22;--mono:"DM Mono",monospace}.grain{position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;width:320px;height:320px;border-radius:50%;background:#ff4d3814;filter:blur(60px);pointer-events:none;z-index:1;transform:translate(-50%,-50%)}header{height:78px;position:absolute;z-index:10;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 5.5vw;border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:800;letter-spacing:.12em}.logo b{font-size:20px;letter-spacing:-.12em}.logo b span{color:var(--red)}.logo sup{font:8px var(--mono);color:var(--muted);align-self:flex-start;margin-left:-7px}.logo:after{content:"";}.logo{position:relative}nav{display:flex;gap:32px}nav a,.contact-link{font:9px var(--mono);letter-spacing:.1em;color:#b9bdc6}nav a:hover,.contact-link:hover{color:var(--red)}.contact-link{border:1px solid var(--line);border-radius:40px;padding:12px 17px}.contact-link i{font-style:normal;color:var(--red);margin-left:20px}.mobile-menu{display:none;background:none;border:0;color:white;font-size:20px}
.hero{height:100svh;min-height:690px;padding:130px 7vw 45px;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:radial-gradient(ellipse at 78% 50%,#3b1519 0%,#151017 29%,#08090d 65%)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 45%,#ff4d380a 45.1%,transparent 45.4%),linear-gradient(transparent 95%,#ffffff10 95.1%)}.hero-meta,.hero-foot{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2;font:9px var(--mono);letter-spacing:.14em;color:#969ba6}.hero-title{position:relative;z-index:2;margin-top:3vh}.title-line{font-size:clamp(70px,12vw,180px);font-weight:800;letter-spacing:-.105em;line-height:.77;white-space:nowrap}.line-one{color:#f2f0eb}.line-two{display:flex;gap:.14em;align-items:baseline;margin-top:.2em}.line-two i{font-style:normal;color:var(--red);font-weight:500;letter-spacing:-.12em}.line-two span:last-child{font-size:.72em;letter-spacing:-.09em}.hero-visual{position:absolute;width:42vw;height:42vw;max-width:620px;max-height:620px;right:7vw;top:19%;display:grid;place-items:center;z-index:1;pointer-events:none}.hero-ring{position:absolute;border:1px solid #ff775e55;border-radius:50%;transform:rotateX(65deg) rotate(-24deg)}.ring-a{width:100%;height:58%;box-shadow:0 0 70px #ff4d3820}.ring-b{width:73%;height:42%;transform:rotateX(65deg) rotate(28deg);border-color:#d7ff6460}.hero-core{width:34%;aspect-ratio:1;border-radius:34% 66% 58% 42%;background:linear-gradient(140deg,#ff9b77,#f34a36 50%,#6e2029);display:grid;place-items:center;box-shadow:inset -20px -25px 45px #4b101c,0 0 100px #ff4d3844;transform:rotate(-25deg);animation:float 7s ease-in-out infinite}.hero-core span{font-size:clamp(55px,8vw,110px);font-weight:800;color:#190d12;letter-spacing:-.12em;transform:rotate(25deg)}.orbit-tag{position:absolute;border:1px solid #ffffff38;background:#111018a8;backdrop-filter:blur(10px);padding:11px 15px;border-radius:30px;font:8px var(--mono);letter-spacing:.13em}.tag-one{top:12%;left:20%}.tag-two{right:0;top:50%}.tag-three{bottom:12%;left:22%}.hero-cross{position:absolute;color:var(--acid);font-size:28px;right:17%;top:15%;animation:spin 18s linear infinite}.hero-foot p{font-size:12px;line-height:1.7;letter-spacing:0;color:#9da2ad}.hero-foot p strong{color:white}.hero-foot>a{display:flex;align-items:center;gap:14px;font:8px var(--mono);letter-spacing:.13em}.mouse{width:17px;height:25px;border:1px solid #ffffff70;border-radius:12px;display:grid;justify-items:center;padding-top:5px}.mouse i{width:2px;height:5px;background:var(--red);border-radius:2px}.hero-no{color:var(--red)}
.experience{background:#0c0e14;padding-top:100px}.exp-head{padding:0 7vw 45px;display:flex;justify-content:space-between;align-items:start}.exp-head small,.manifesto small,.cap-head small,.work-head small,.finale>small{font:9px var(--mono);letter-spacing:.14em;color:var(--red)}.exp-head p{font-size:18px;line-height:1.5;color:#8f96a4;margin:0}.exp-head b{color:#fff}.exp-stage{height:100svh;min-height:680px;position:relative;overflow:hidden;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 45%,#29202b,#10121a 48%,#090a0e 80%)}.stage-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:55px 55px;mask-image:radial-gradient(ellipse,black,transparent 72%)}.word-back{position:absolute;font-size:clamp(110px,22vw,320px);font-weight:800;letter-spacing:-.12em;color:#ffffff05;top:12%;left:10%}.stage-copy{position:absolute;left:8%;bottom:15%;z-index:5}.stage-copy small{font:8px var(--mono);letter-spacing:.14em;color:var(--red)}.stage-copy h2{font-size:clamp(28px,4vw,56px);line-height:.9;letter-spacing:-.08em}.stage-copy em{font-style:normal;color:var(--red)}.glass-panel{position:absolute;background:linear-gradient(135deg,#ffffff20,#ffffff05);border:1px solid #ffffff55;backdrop-filter:blur(18px);box-shadow:0 45px 100px #0009}.panel-main{width:min(57vw,790px);height:min(38vw,490px);min-height:310px;left:50%;top:47%;transform:translate(-50%,-50%) perspective(1200px) rotateY(-8deg) rotateX(4deg);border-radius:12px;padding:22px 27px;z-index:3}.panel-top,.panel-bottom{display:flex;justify-content:space-between;align-items:center;font:8px var(--mono);letter-spacing:.1em;color:#b7bac3}.panel-top b{font:800 20px var(--font);color:white}.panel-top b:first-letter{color:var(--red)}.panel-top i{font-size:18px;color:var(--acid);font-style:normal}.panel-hero{position:absolute;left:8%;top:24%;}.panel-hero small{font:8px var(--mono);letter-spacing:.13em;color:#b6b8c0}.panel-hero strong{font-size:clamp(60px,9vw,120px);line-height:.76;letter-spacing:-.11em;display:block;margin-top:18px;position:relative;z-index:2}.panel-hero strong span{color:var(--red)}.panel-sphere{position:absolute;width:230px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f9a38b,#f14d38 42%,#4b1527 75%);right:-27vw;top:-30px;box-shadow:inset -25px -35px 60px #1d0b19,0 0 100px #f14d3844}.panel-bottom{position:absolute;bottom:20px;left:27px;right:27px}.panel-mobile{width:155px;height:310px;right:12%;bottom:8%;z-index:5;border-radius:24px;padding:30px 16px;background:linear-gradient(150deg,#f5e9d9,#c4a99a);color:#15121a;box-shadow:0 30px 80px #000b}.mobile-notch{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:38%;height:10px;background:#201d24;border-radius:20px}.panel-mobile small{font:7px var(--mono)}.panel-mobile b{display:block;font-size:30px;line-height:.85;letter-spacing:-.08em;margin-top:40px;position:relative;z-index:2}.panel-mobile b span{color:#f04d37}.mobile-shape{position:absolute;width:120px;height:120px;border-radius:44% 56% 60% 40%;background:linear-gradient(140deg,#ff9b77,#e54435);right:-28px;bottom:60px;transform:rotate(22deg)}.panel-mobile i{position:absolute;bottom:18px;left:16px;font:7px var(--mono);font-style:normal}.float-chip{position:absolute;z-index:6;padding:13px 17px;border:1px solid #ffffff40;border-radius:8px;background:#171a24d9;backdrop-filter:blur(12px);font:9px var(--mono);color:#9299a7}.float-chip b{color:var(--acid);margin-left:12px}.chip-1{top:19%;left:18%}.chip-2{top:20%;right:13%}.chip-3{bottom:16%;left:25%}.stage-caption{position:absolute;top:8%;right:7%;font:8px var(--mono);letter-spacing:.12em;color:#9299a7}.stage-progress{position:absolute;bottom:6%;left:50%;transform:translateX(-50%);width:170px;height:2px;background:#ffffff30}.stage-progress i{display:block;width:0;height:100%;background:var(--red)}
.manifesto{padding:145px 8vw 100px;background:#e9e6df;color:#11131a}.manifesto-top{display:flex;justify-content:space-between}.manifesto-top span{font:8px var(--mono);line-height:1.7;color:#7b7d81;letter-spacing:.1em}.manifesto h2{font-size:clamp(65px,11vw,160px);line-height:.82;letter-spacing:-.11em;margin:100px 0 75px}.manifesto h2 em{color:var(--red);font-style:normal}.red-dot{color:var(--red)}.manifesto-bottom{display:flex;align-items:end;justify-content:space-between;border-top:1px solid #bdbbb5;padding-top:25px}.manifesto-bottom p{max-width:390px;font-size:13px;line-height:1.9;color:#5e626a}.asterisk{font-size:50px;color:var(--red)}.manifesto-bottom span{font:8px var(--mono);letter-spacing:.1em;color:#777}
.capabilities{padding:145px 8vw;background:#0b0d13}.cap-head{display:grid;grid-template-columns:1fr 1fr;align-items:end}.cap-head small{grid-column:1/-1}.cap-head h2{font-size:clamp(48px,8vw,110px);line-height:.88;letter-spacing:-.09em;margin:28px 0 60px}.cap-head h2 em{font-style:normal;color:var(--red)}.cap-head p{max-width:250px;color:var(--muted);font-size:12px;line-height:1.8;justify-self:end;margin-bottom:65px}.cap-list{border-top:1px solid var(--line)}.cap-list article{min-height:140px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:70px 1fr 40px 230px;align-items:center;position:relative;overflow:hidden}.cap-list article>span{font:10px var(--mono);color:var(--red)}.cap-list h3{font-size:clamp(22px,3vw,38px);letter-spacing:-.06em;margin:0 0 8px}.cap-list p{font-size:10px;color:#858b96;margin:0}.cap-list article>b{font-size:22px;color:var(--red)}.cap-art{height:100px;display:grid;place-items:center;opacity:.7;transition:.4s}.cap-list article:hover .cap-art{opacity:1;transform:translateX(-10px)}.cube{width:70px;height:70px;position:relative;transform:rotate(35deg);border:1px solid #ff705d;box-shadow:12px 12px 0 -3px #ff4d3855}.cube i{position:absolute;inset:12px;border:1px solid #d7ff6477}.cube i:nth-child(2){transform:rotate(45deg)}.cube i:nth-child(3){transform:rotate(90deg)}.bars{height:65px;display:flex;align-items:end;gap:7px}.bars i{width:15px;background:linear-gradient(#d7ff64,#637a32);height:30%;border-radius:3px}.bars i:nth-child(2){height:50%}.bars i:nth-child(3){height:70%}.bars i:nth-child(4){height:100%}.bars i:nth-child(5){height:85%}.cap-art code{font:12px var(--mono);color:#d7ff64;line-height:1.7}.cap-art code em{color:var(--red);font-style:normal}.lens{font-size:70px;color:#ff705d;text-shadow:0 0 35px #ff4d3888}
.work{padding:145px 8vw 130px;background:#e9e6df;color:#11131a}.work-head{display:grid;grid-template-columns:1fr 1fr;align-items:end}.work-head small{grid-column:1/-1;color:var(--red);font:9px var(--mono);letter-spacing:.14em}.work-head h2{font-size:clamp(55px,9vw,125px);line-height:.85;letter-spacing:-.1em;margin:30px 0 65px}.work-head h2 em{font-style:normal;color:var(--red)}.work-head p{justify-self:end;color:#70757b;font-size:12px;line-height:1.8;margin-bottom:70px}.work-canvas{display:grid;grid-template-columns:1.2fr .8fr;gap:25px;align-items:start}.project-b{margin-top:130px}.project-image{height:clamp(280px,40vw,520px);position:relative;overflow:hidden}.hotel{background:linear-gradient(135deg,#c3b6a1,#7e8b80 55%,#343d3c);display:grid;place-items:center}.hotel-label{font-size:clamp(65px,10vw,135px);line-height:.7;font-weight:800;letter-spacing:-.12em;color:#f0e8d9;z-index:2}.hotel-label i{font-style:normal;color:#f58d70}.sun{position:absolute;width:45%;aspect-ratio:1;border-radius:50%;background:linear-gradient(130deg,#f6c49a,#a95443);right:10%;top:10%;mix-blend-mode:multiply}.project-image small{position:absolute;left:20px;bottom:20px;font:8px var(--mono);letter-spacing:.1em;color:#fff}.tech{background:radial-gradient(circle at 65% 40%,#273c50,#101823 65%);display:grid;place-items:center}.tech>span{font-size:clamp(45px,7vw,90px);font-weight:800;line-height:.8;letter-spacing:-.1em;color:#e9e6df;z-index:2}.tech>span span{color:var(--red)}.tech-orb{position:absolute;width:55%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 25%,#d7ff64,#6c9d6a 45%,#233e4a 72%);filter:drop-shadow(0 25px 40px #0008);opacity:.65}.project-info{display:grid;grid-template-columns:1fr auto;gap:7px;padding:18px 0}.project-info span{grid-column:1/-1;font:8px var(--mono);color:#d34a39}.project-info b{font-size:19px;letter-spacing:-.05em}.project-info i{font-size:22px;color:var(--red);font-style:normal}.work-disclaimer{margin-top:65px;font:8px var(--mono);letter-spacing:.1em;color:#85898d}
.finale{min-height:90vh;padding:130px 8vw 80px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 75% 35%,#39191c,#11121a 45%,#08090d 75%)}.finale-orb{position:absolute;width:55vw;height:55vw;border-radius:50%;right:-12vw;top:-15vw;border:1px solid #ff624b66;box-shadow:inset 0 0 100px #ff4d381c,0 0 100px #ff4d3811}.finale h2{font-size:clamp(75px,13vw,185px);line-height:.76;letter-spacing:-.11em;margin:70px 0;position:relative;z-index:2}.finale h2 em{font-style:normal;color:var(--red)}.finale h2 span{color:var(--acid)}.finale-bottom{display:flex;justify-content:space-between;align-items:end;position:relative;z-index:2}.finale-bottom p{font-size:13px;line-height:1.8;color:#9da3ae;max-width:280px}.finale-bottom a{font:9px var(--mono);letter-spacing:.1em;border-bottom:1px solid var(--red);padding-bottom:14px}.finale-bottom b{color:var(--red);margin-left:35px}.finale-big{position:absolute;right:7vw;bottom:-10vw;font-size:30vw;font-weight:800;letter-spacing:-.15em;color:#ffffff06}footer{height:90px;padding:0 5.5vw;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);font:8px var(--mono);letter-spacing:.12em;color:#858b96}
@keyframes float{0%,100%{transform:rotate(-25deg) translateY(0)}50%{transform:rotate(-18deg) translateY(-18px)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:800px){header{height:68px;padding:0 6vw}nav,.contact-link{display:none}.mobile-menu{display:block}.hero{padding:115px 6vw 35px;min-height:780px}.hero-meta{font-size:7px}.hero-title{margin-top:10vh}.title-line{font-size:clamp(58px,13vw,100px)}.line-two{display:block}.line-two span:last-child{font-size:.7em}.hero-visual{width:78vw;height:78vw;right:-8vw;top:28%;opacity:.8}.hero-foot{align-items:start;gap:20px;flex-wrap:wrap}.hero-foot>a{font-size:7px}.hero-no{margin-left:auto}.exp-head{padding:0 6vw 30px;display:block}.exp-head p{margin-top:25px;font-size:16px}.exp-stage{height:85svh;min-height:620px}.panel-main{width:82vw;height:58vw;min-height:260px;left:46%;top:43%;padding:14px}.panel-hero strong{font-size:clamp(54px,13vw,85px)}.panel-sphere{width:35vw;right:-28vw}.panel-mobile{width:112px;height:230px;right:4%;bottom:13%;padding:25px 12px}.panel-mobile b{font-size:23px;margin-top:30px}.mobile-shape{width:85px;height:85px}.stage-copy{left:6%;bottom:12%}.stage-copy h2{font-size:26px}.chip-1{left:5%;top:17%}.chip-2{right:5%;top:18%}.chip-3{left:8%;bottom:8%}.float-chip{font-size:7px;padding:9px 11px}.stage-caption{font-size:6px;right:5%;top:7%}.manifesto,.capabilities,.work{padding:100px 6vw}.manifesto h2{font-size:clamp(60px,13vw,100px);margin:75px 0 55px}.manifesto-bottom{display:grid;grid-template-columns:50px 1fr;gap:12px}.manifesto-bottom span{grid-column:2}.manifesto-bottom p{font-size:11px}.cap-head{display:block}.cap-head h2{font-size:clamp(48px,11vw,80px);margin-bottom:20px}.cap-head p{margin:0 0 40px}.cap-list article{grid-template-columns:35px 1fr 25px;min-height:115px}.cap-list h3{font-size:20px}.cap-list p{font-size:9px}.cap-art{display:none}.work-head{display:block}.work-head h2{font-size:clamp(60px,13vw,100px);margin-bottom:25px}.work-head p{margin:0 0 35px}.work-canvas{grid-template-columns:1fr;gap:30px}.project-b{margin-top:0}.project-image{height:70vw;min-height:270px}.finale{padding:110px 6vw 70px;min-height:780px}.finale h2{font-size:clamp(68px,14vw,110px);margin:75px 0}.finale-bottom{display:block}.finale-bottom a{display:inline-block;margin-top:25px}.finale-orb{width:90vw;height:90vw;right:-40vw;top:0}footer{padding:0 6vw;gap:12px;font-size:7px}footer>span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}