/* Reference-inspired glass composition, strictly in the original brand palette. */
:root{--paper:#00001c;--ink:#ffffff;--muted:#ffffffb3;--line:#ffffff26;--blue:#185de8}
body{background:#00001c;color:white;overflow-x:hidden;background-image:radial-gradient(ellipse 65% 400px at 50% -110px,#185de880,transparent),radial-gradient(ellipse 55% 750px at 100% 650px,#185de830,transparent)}
body:before{content:'';position:absolute;inset:0 0 auto;height:1100px;pointer-events:none;z-index:-1;background-image:linear-gradient(#185de815 1px,transparent 1px),linear-gradient(90deg,#185de815 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(black,transparent)}
.header{position:relative;height:90px;margin-top:35px;padding:10px 24px 10px 12px;border:1px solid #ffffff55;border-radius:70px;background:linear-gradient(120deg,#ffffff0d,#185de81a);box-shadow:inset 0 1px 0 #ffffff26,0 0 60px #185de815;backdrop-filter:blur(20px);z-index:10}
.logo{background:white;border-radius:50%;padding:7px}.logo img{width:55px;height:55px}.header nav{gap:36px}.nav-cta{background:#ffffff0d;border:1px solid #ffffff80;padding:12px 25px}.nav-cta:hover{background:#185de8}
.immersive-hero{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;min-height:550px;gap:45px;padding-block:65px 35px}.hero-copy{position:relative;z-index:2}.hero-meta{color:#ffffffb3}.hero-meta i{background:#185de8;box-shadow:0 0 15px #185de8}
.hero h1{font-size:clamp(48px,5.8vw,85px);line-height:1.04;letter-spacing:-.055em;margin:30px 0 25px}.hero h1 em{color:white;text-shadow:0 0 55px #185de880;background:linear-gradient(100deg,#ffffff 0%,#185de8 85%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-description{font-size:14px;line-height:1.9;color:#ffffffb3;max-width:420px}
.glass-button{display:inline-flex;align-items:center;gap:28px;border:1px solid #ffffff80;border-radius:40px;padding:12px 13px 12px 24px;background:linear-gradient(120deg,#ffffff15,#185de826);font-size:13px;box-shadow:inset 0 1px 0 #ffffff26;transition:transform .3s,background .3s,box-shadow .3s}.hero .glass-button{margin-top:28px}.glass-button span{width:32px;height:32px;background:white;color:#00001c;border-radius:50%;display:grid;place-items:center;font-size:20px}.glass-button:hover{transform:translateY(-4px);background:#185de8;box-shadow:0 0 30px #185de850}
.hero-object{position:relative;display:grid;place-items:center;min-height:435px;perspective:1000px}.glass-monolith{position:relative;z-index:1;width:280px;min-height:370px;border-radius:30px 75px 35px 75px;border:1px solid #ffffff80;padding:25px;display:flex;align-items:center;flex-direction:column;justify-content:space-between;gap:24px;background:linear-gradient(145deg,#185de880,#00001ccc 60%,#185de860);box-shadow:inset 0 0 45px #ffffff15,0 30px 100px #185de850;transform:rotate(8deg)}.micro-label{font-size:8px;letter-spacing:1.8px;color:#ffffffcc}.logo-disc{width:155px;height:155px;border-radius:50%;background:white;padding:23px;box-shadow:0 0 55px #185de8;display:grid;place-items:center}.logo-disc img{width:100%;height:auto}.monolith-caption{font-family:'Space Grotesk',sans-serif;font-size:25px;letter-spacing:-1px;text-align:center;line-height:1.05}.monolith-caption em{font-size:17px;font-style:normal}.orbital-ring{position:absolute;width:380px;height:380px;border:1px solid #185de8;border-radius:50%;transform:rotateX(58deg) rotate(-25deg);box-shadow:0 0 30px #185de850,inset 0 0 30px #185de830}
.showcase{position:relative;padding:15px 0 70px;text-align:center;overflow:hidden}.showcase-heading{margin-bottom:30px}.showcase-heading .eyebrow{color:#ffffffb3;font-size:9px}.showcase-stage{display:flex;align-items:center;justify-content:center;gap:35px;min-height:530px;position:relative;perspective:1200px}.floating-card{position:relative;flex-shrink:0;display:flex;flex-direction:column;justify-content:space-between;text-align:left;border:1px solid #ffffff66;border-radius:65px;overflow:hidden;padding:32px;background:linear-gradient(145deg,#185de870,#00001c 60%,#185de850);box-shadow:inset 0 0 35px #ffffff15,0 25px 70px #00001c80;transition:transform .5s,box-shadow .5s}.floating-card>span{position:relative;z-index:2;font-size:9px;letter-spacing:1px;display:flex;align-items:center;justify-content:space-between;gap:12px}.floating-card b{font-weight:400;font-size:23px}.floating-card strong{position:relative;z-index:2;font-family:'Space Grotesk',sans-serif;font-size:48px;line-height:.95;letter-spacing:-3px}.card-center{width:350px;height:490px;z-index:2;background:radial-gradient(circle at 50% 30%,#185de8,transparent 60%),linear-gradient(150deg,#185de860,#00001c 75%);box-shadow:0 0 70px #185de850,inset 0 0 30px #ffffff15}.card-center strong{margin-top:auto;margin-bottom:40px}.card-left,.card-right{width:280px;height:365px;opacity:.7;margin-top:65px}.card-left{transform:rotate(-12deg) translateY(25px)}.card-right{transform:rotate(12deg) translateY(25px)}.card-left:before,.card-right:before{content:'';width:250px;height:250px;border:1px solid #ffffff55;border-radius:50%;position:absolute;top:20%;left:25%;box-shadow:0 0 0 30px #185de830,0 0 0 60px #185de815}.floating-card:hover{transform:translateY(-8px);opacity:1;box-shadow:0 0 60px #185de870}.visual-tunnel{position:absolute;inset:15% 12% 28%;transform:rotate(-20deg)}.visual-tunnel i{position:absolute;inset:0;border:1px solid #ffffff80;border-radius:40%;box-shadow:0 0 20px #185de8,inset 0 0 20px #185de8}.visual-tunnel i:nth-child(2){inset:15%;transform:rotate(25deg)}.visual-tunnel i:nth-child(3){inset:30%;transform:rotate(50deg)}.showcase-glow{position:absolute;width:120%;height:330px;bottom:0;left:-10%;border-radius:50%;border-top:1px solid #185de8;box-shadow:0 -20px 70px #185de860;background:radial-gradient(ellipse at bottom,#185de870,transparent 65%)}.showcase-more{position:relative;margin-top:15px}
.ticker{margin-top:0;color:#ffffff80;border-color:#185de840;font-size:35px;background:#185de80d}.ticker span{color:white}.section-head>p,.demo-note,.studio-copy,details p,summary span,.project-meta p,footer p,footer small,footer a:not(.logo){color:#ffffffb3}h2 span{color:#ffffffb3}.filters button{color:#ffffffcc;background:#ffffff08}.filters button.active{background:#185de8;border-color:#185de8;color:white}.filters button:hover:not(.active){background:#ffffff15}.projects{gap:40px 28px}.project-art{border-radius:35px;border:1px solid #ffffff40}.project-card:hover .project-art{border-radius:55px;box-shadow:0 0 35px #185de830}.project-meta{padding-inline:8px}.project-arrow{color:white}.reels-section{position:relative;background:radial-gradient(ellipse at center,#185de826,transparent 70%);border-block:1px solid #185de840}.reel{border-radius:35px;border:1px solid #ffffff55;background:linear-gradient(145deg,#185de880,#00001c 75%);box-shadow:inset 0 1px 0 #ffffff26}.reel:nth-child(even){background:linear-gradient(30deg,#185de870,#00001c 70%)}.coming{color:#ffffffcc}.services{border-top:1px solid #ffffff26}details{padding:27px 0}.contact{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at bottom,#185de8,transparent 75%);border-top:1px solid #185de860;text-align:center}.contact:before{content:'';position:absolute;width:110%;height:150%;left:-5%;top:25%;border:1px solid #ffffff40;border-radius:50%;z-index:-1;box-shadow:0 0 0 35px #185de815,0 0 0 70px #185de815}.contact h2{font-size:clamp(48px,8vw,110px)}.contact h2 a{float:none;display:inline-block}.contact em{color:white}.contact-bottom{justify-content:center;gap:45px}.contact .pill{background:#00001c66;border:1px solid #ffffff80;backdrop-filter:blur(10px)}footer{border-top:1px solid #ffffff26}.text-link:hover{color:white}dialog{background:#00001c;border:1px solid #ffffff66;color:white;box-shadow:0 0 80px #185de850}.close{background:white;color:#00001c}.project-detail .demo-note{color:#ffffffb3}
@media(prefers-reduced-motion:no-preference){.glass-monolith{animation:monolith-enter 1.2s ease both}.orbital-ring{animation:ring-enter 1.5s ease both}.card-center{animation:rise-in 1s .15s ease both}@keyframes monolith-enter{from{opacity:0;transform:rotate(0) translateY(35px)}to{opacity:1;transform:rotate(8deg) translateY(0)}}@keyframes ring-enter{from{opacity:0;scale:.8}to{opacity:1;scale:1}}}
@media(max-width:900px){.header nav{gap:22px}.immersive-hero{gap:15px}.glass-monolith{width:235px;min-height:340px}.orbital-ring{width:290px;height:290px}.hero-object{min-height:400px}.card-left,.card-right{width:220px;height:320px}.card-center{width:300px;height:440px}.showcase-stage{gap:24px;min-height:490px}.floating-card{padding:25px}.floating-card strong{font-size:40px}.contact-bottom{gap:25px}}
@media(max-width:600px){.header{height:75px;margin-top:18px;padding:8px 20px 8px 8px}.header .logo img{width:43px;height:43px}.menu{color:white}.header nav{top:84px;left:0;right:0;border:1px solid #ffffff55;border-radius:26px;background:#00001c;box-shadow:0 20px 40px #00001ccc}.immersive-hero{grid-template-columns:1fr;padding-block:45px 10px;gap:10px}.hero h1{font-size:14vw;margin:24px 0;line-height:1.04}.hero-description{font-size:12px}.hero-object{min-height:345px;margin-top:18px}.glass-monolith{width:220px;min-height:290px;gap:18px;padding:20px;border-radius:25px 55px}.logo-disc{width:115px;height:115px;padding:17px}.monolith-caption{font-size:21px}.micro-label{font-size:6px}.orbital-ring{width:285px;height:285px}.showcase{padding-top:25px;padding-bottom:45px}.showcase-stage{gap:15px;min-height:390px}.card-center{width:235px;height:350px;border-radius:45px;padding:23px}.card-left,.card-right{width:180px;height:260px;border-radius:40px;padding:20px}.floating-card strong{font-size:35px;letter-spacing:-2px}.floating-card>span{font-size:7px}.card-center strong{margin-bottom:25px}.showcase-heading{margin-bottom:5px}.ticker{font-size:24px}.project-art{border-radius:26px}.reel{border-radius:24px}.contact-bottom{align-items:center}.contact-bottom p{text-align:center}footer .logo{width:auto}footer .logo img{width:65px;height:65px}}
@media(prefers-reduced-motion:reduce){.floating-card:hover,.glass-button:hover{transform:none}}

/* Instagram: deferred until the visitor opens a reel. */
.reels{grid-template-columns:repeat(3,minmax(0,1fr))}.reel-direct{font-size:11px;text-decoration:underline;text-underline-offset:4px;margin-top:14px}.instagram-detail{max-width:480px;margin:auto}.instagram-frame{display:block;width:100%;height:min(650px,65dvh);min-height:320px;border:0;border-radius:12px;background:white;margin-top:18px}.instagram-fallback{display:inline-block;padding:10px 16px;border:1px solid #ffffff80;border-radius:25px;font-size:13px}.embed-note{font-size:12px;line-height:1.6;color:#ffffffb3;margin-top:12px}@media(max-width:600px){.reels{grid-template-columns:1fr;max-width:340px;margin:auto}.reel{aspect-ratio:9/13;padding:24px}.reel-word{font-size:58px}.reel-number{font-size:9px}.reel-title{font-size:15px}.reel-direct{font-size:12px}}

/* Reels visible directly in the page, without an intermediary card. */
.instagram-inline{min-width:0;padding:16px;border:1px solid #ffffff55;border-radius:28px;background:linear-gradient(145deg,#185de826,#00001c);box-shadow:0 15px 45px #00001c66}.instagram-inline-title{font-size:13px;font-weight:500;margin:2px 4px 16px}.instagram-inline-frame{display:block;width:100%;height:660px;border:0;border-radius:14px;background:#ffffff}.instagram-inline .reel-direct{display:inline-block;margin:16px 4px 4px;color:white}.reels{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}@media(max-width:1150px){.reels{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.reels{grid-template-columns:minmax(0,1fr);width:100%;max-width:480px;margin-inline:auto}.instagram-inline{padding:10px;border-radius:22px}.instagram-inline-frame{height:650px}}

.portfolio-instagram{align-self:start}.portfolio-instagram .instagram-inline-frame{height:700px}@media(max-width:600px){.portfolio-instagram .instagram-inline-frame{height:630px}}