/* One studio, from the graphite hero to the silver presentation surfaces. */
:root{--studio-light:#bde7dc;--studio-rim:#8faabf;--studio-dark:#080e14}
body{background:var(--studio-dark)}
header{background:linear-gradient(115deg,#111b25,#0a1018 65%);box-shadow:0 1px 0 #c3dce612,0 18px 50px #0002}
.nav-cta,.button,.floating-contact{box-shadow:inset 0 1px 0 #ffffff30,0 4px 0 #071612,0 10px 20px #0002}
.nav-cta:hover,.button:hover{transform:translateY(-3px);box-shadow:inset 0 1px 0 #ffffff40,0 7px 0 #0d2c23,0 17px 27px #0003}
.hero{background:radial-gradient(ellipse at 78% 42%,#263b4c 0,#111f2b 32%,#090f17 70%)}
.hero-title h1{letter-spacing:-.066em;text-shadow:0 1px 0 #a2b3bb,0 3px 0 #354551,0 5px 0 #20323c,0 14px 30px #0004}
.hero-title h1 span{text-shadow:0 1px 0 #a6d3c1,0 3px 0 #466b5d,0 5px 0 #243e36,0 15px 32px #0004}
.ticker{border-block:1px solid #7ba5b62a;background:linear-gradient(110deg,#152431,#0c141e,#19312f);box-shadow:inset 0 1px 0 #ffffff0a,0 12px 24px #0002}
.section{isolation:isolate}
.section>*,.contact>*{position:relative}
.services{background:radial-gradient(ellipse at 30% 20%,#ffffff 0,#e2ebf0 50%,#becdd7 100%)}
.services .service-heading h2{color:#172e3b;text-shadow:0 1px 0 #fff,0 6px 16px #51748920}
.service-deck{gap:42px;padding:20px 12px 35px;perspective:1600px}
.service-card{border-radius:18px;border:1px solid #8ca6b5;background:linear-gradient(135deg,#26394b,#15232e 53%,#0e1a23);color:#edf5f8;min-height:475px;box-shadow:inset 0 1px 0 #d7f2ff50,3px 4px 0 #637f90,7px 10px 0 #253f4e,18px 30px 30px #1a344944}
.service-card.card-1{background:linear-gradient(135deg,#26433d,#152b26 55%,#0b1e1a);border-color:#80a99c}
.service-card.card-2{background:linear-gradient(135deg,#364255,#202937 55%,#111b29)}
.service-card h3{color:#edf6f7;transform:translateZ(38px);text-shadow:0 3px 0 #08151c}
.service-card p{color:#c2d2dc;transform:translateZ(20px)}
.service-card .card-top{color:#c0d9e6;transform:translateZ(18px)}
.service-card .card-glyph{color:#b9dcd0;text-shadow:1px 1px 0 #e5fff5,3px 3px 0 #547c71,6px 7px 0 #08140f,0 14px 22px #0005}
.service-card .card-foot{color:#bad0da;border-color:#718d9a70;transform:translateZ(12px)}
.service-card::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--light-x,30%) var(--light-y,15%),#d8f8ff14,transparent 58%)}
.projects{background:radial-gradient(ellipse at 90% 36%,#1e3a47 0,transparent 50%),linear-gradient(145deg,#0b141e,#14202c 50%,#0b141d)}
.projects>h2{text-shadow:0 3px 0 #3a5260,0 15px 30px #0004}
.project{perspective:1700px}
.project-stage{border:1px solid #7893a2;border-radius:12px;box-shadow:inset 0 1px 0 #d6edff70,3px 4px 0 #567283,7px 9px 0 #263c4a,11px 14px 0 #07121c,28px 38px 50px #0006}
.browser-top{background:linear-gradient(#263c4c,#172936);color:#c2d8e5;border-bottom:1px solid #7898ac40}
.browser-top i{border-color:#9cb3c1}
.project-stage img{backface-visibility:hidden}
.details{background:radial-gradient(ellipse at 75% 45%,#253b4b,transparent 65%),#111c28}
.detail-layout h2{color:#eef5f7;text-shadow:0 3px 0 #435563,0 15px 30px #0003}
.detail-layout h2 span{color:#b4d8c8}
.feature-stack{perspective:1400px}
.feature-stack article,.feature-stack article:nth-child(even){border:1px solid #8199a750;background:linear-gradient(125deg,#2b4050,#192a36 58%,#142430);box-shadow:inset 0 1px 0 #d8ecf426,3px 4px 0 #486372,6px 8px 0 #0b1822,14px 20px 32px #0003;transform-style:preserve-3d}
.feature-stack article:nth-child(even){background:linear-gradient(125deg,#26433d,#152b28)}
.feature-stack article>span{color:#b9ded2;transform:translateZ(32px);text-shadow:0 4px 0 #071b13}
.feature-stack article>div{transform:translateZ(16px)}
.feature-stack p{color:#bacbd5}
.audience{color:#cedde5;border-color:#809caf50}
.audience span{background:linear-gradient(130deg,#253e4c,#142533);border-color:#7898ab60;box-shadow:inset 0 1px 0 #c6e3ed16,0 3px 0 #060f17;color:#d5e6ef}
.device-section{background:radial-gradient(ellipse at 60% 40%,#fff,#d6e2ea 60%,#b3c5d2)}
.device-heading h2{text-shadow:0 1px 0 white,0 9px 22px #52778c24}
.devices{perspective:1800px}
.laptop-screen{border-color:#71828d;box-shadow:inset 0 1px 0 #dae8ee60,3px 4px 0 #4c6674,0 32px 45px #18334635}
.phone-shell{border-color:#748b99;box-shadow:inset 0 1px 0 #dfecf680,4px 5px 0 #375363,9px 12px 0 #142c3b,18px 26px 38px #263e4e4d}
.invitations{background:radial-gradient(ellipse at 30% 55%,#233e42,transparent 65%),linear-gradient(145deg,#0c151f,#14222f)}
.invitation-heading h2{text-shadow:0 3px 0 #3d5660,0 15px 30px #0004}
.invitation-image{border:1px solid #a4bcc875;box-shadow:inset 0 1px 0 white,3px 4px 0 #597583,6px 8px 0 #1e3745,14px 22px 35px #0005}
.contact{background:radial-gradient(ellipse at 80% 20%,#2c4c45,#152d2b 55%,#0c1e20);color:#d7ebe3;border-top:1px solid #7bb19a40}
.contact h2{color:#c0e4d4;text-shadow:0 2px 0 #628879,0 4px 0 #416959,0 7px 0 #1f4234,0 20px 30px #0004}
.contact-title:hover h2{transform:rotateX(8deg);text-shadow:0 2px 0 #779c8e,0 5px 0 #416959,0 10px 0 #1f4234,0 25px 40px #0005}
footer{background:linear-gradient(130deg,#132331,#080f17);border-top:1px solid #7795a83a;color:#a9bcc8}
@media(max-width:1050px){.service-deck{gap:24px}.service-card{padding:22px}}
@media(max-width:750px){.service-deck{gap:32px;padding-inline:5px}.service-card{min-height:420px;box-shadow:inset 0 1px 0 #d7f2ff40,3px 4px 0 #506b7a,6px 8px 0 #18313f,12px 18px 22px #1a34492c}.hero-title h1{text-shadow:0 2px 0 #354551,0 7px 20px #0003}.project-stage{box-shadow:3px 4px 0 #567283,6px 8px 0 #142b38,14px 20px 28px #0005}.feature-stack article,.feature-stack article:nth-child(even){box-shadow:inset 0 1px 0 #d8ecf426,3px 4px 0 #486372,6px 8px 0 #0b1822,10px 14px 24px #0003}}
@media(prefers-reduced-motion:reduce){.nav-cta:hover,.button:hover,.contact-title:hover h2{transform:none}.service-card h3,.service-card p,.service-card .card-top,.service-card .card-foot,.feature-stack article>span,.feature-stack article>div{transform:none}}